diff --git a/.ado/android-pr.yml b/.ado/android-pr.yml
index 15ca618a20ec0f..a7c4b1bc37fabc 100644
--- a/.ado/android-pr.yml
+++ b/.ado/android-pr.yml
@@ -78,10 +78,10 @@ jobs:
           #verbosityPack: 'Detailed' # Options: quiet, normal, detailed
           #arguments: # Required when command == Custom
 
-      - task: CmdLine@2
-        displayName: Setup Build Dependencies
-        inputs:
-          script: .ado\setup_droid_deps.bat
+#      - task: CmdLine@2
+#        displayName: Setup Build Dependencies
+#        inputs:
+#          script: .ado\setup_droid_deps.bat
 
       - task: CmdLine@2
         displayName: Remove RNTesterApp.android.bundle
@@ -95,8 +95,8 @@ jobs:
 
       - task: Gradle@1
         displayName: gradlew installArchives
-        env:
-          REACT_NATIVE_DEPENDENCIES: $(System.DefaultWorkingDirectory)\build_deps
+#        env:
+#          REACT_NATIVE_DEPENDENCIES: $(System.DefaultWorkingDirectory)\build_deps
         inputs:
           gradleWrapperFile: gradlew
           # workingDirectory: src\react-native\
diff --git a/.ado/publish.yml b/.ado/publish.yml
index 57f088b307a20e..15324a87fd56cf 100644
--- a/.ado/publish.yml
+++ b/.ado/publish.yml
@@ -157,15 +157,15 @@ jobs:
           #verbosityPack: 'Detailed' # Options: quiet, normal, detailed
           #arguments: # Required when command == Custom
 
-      - task: CmdLine@2
-        displayName: Setup Build Dependencies
-        inputs:
-          script: .ado\setup_droid_deps.bat
+#      - task: CmdLine@2
+#        displayName: Setup Build Dependencies
+#        inputs:
+#          script: .ado\setup_droid_deps.bat
 
       - task: Gradle@1
         displayName: gradlew installArchives
-        env:
-          REACT_NATIVE_DEPENDENCIES: $(System.DefaultWorkingDirectory)\build_deps
+#        env:
+#          REACT_NATIVE_DEPENDENCIES: $(System.DefaultWorkingDirectory)\build_deps
         inputs:
           gradleWrapperFile: gradlew
           # workingDirectory: src\react-native\
diff --git a/.ado/templates/apple-droid-node-patching.yml b/.ado/templates/apple-droid-node-patching.yml
index 6906d373537dfc..3b56bbbb9a99fb 100644
--- a/.ado/templates/apple-droid-node-patching.yml
+++ b/.ado/templates/apple-droid-node-patching.yml
@@ -5,4 +5,4 @@ steps:
   - task: CmdLine@2
     displayName: Apply Android specific patches for Office consumption
     inputs:
-      script: node $(System.DefaultWorkingDirectory)/android-patches/bundle/bundle.js patch $(System.DefaultWorkingDirectory) BuildAndThirdPartyFixes DialogModule UIEditText UIScroll UITextFont Accessibility OfficeRNHost SecurityFixes V8Integration AnnotationProcessing --patch-store $(System.DefaultWorkingDirectory)/android-patches/patches-droid-office-grouped --log-folder $(System.DefaultWorkingDirectory)/android-patches/logs --confirm ${{ parameters.apply_office_patches }}
+      script: node $(System.DefaultWorkingDirectory)/android-patches/bundle/bundle.js patch $(System.DefaultWorkingDirectory) BasicBuild V8Integration --patch-store $(System.DefaultWorkingDirectory)/android-patches/patches-0.61.5 --log-folder $(System.DefaultWorkingDirectory)/android-patches/logs --confirm ${{ parameters.apply_office_patches }}
diff --git a/.ado/templates/apple-job-react-native.yml b/.ado/templates/apple-job-react-native.yml
index da7d019b998943..32192ab8e36f71 100644
--- a/.ado/templates/apple-job-react-native.yml
+++ b/.ado/templates/apple-job-react-native.yml
@@ -32,6 +32,13 @@ steps:
     inputs:
       script: yarn install
 
+  - task: CmdLine@2
+    displayName: pod install
+    inputs:
+      script: |
+        cd RNTester
+        pod install
+
   - task: ShellScript@2
     displayName: 'Setup packager and WebSocket test server'
     inputs:
@@ -50,7 +57,7 @@ steps:
     parameters:
       xcode_sdk: ${{ parameters.xcode_sdk }}
       xcode_configuration: Debug
-      xcode_workspacePath: RNTester/RNTester.xcodeproj
+      xcode_workspacePath: RNTester/RNTesterPods.xcworkspace
       xcode_scheme: ${{ parameters.xcode_scheme }}
       xcode_actions: ${{ parameters.xcode_actions_debug }}
       xcode_useXcpretty: true
@@ -60,7 +67,7 @@ steps:
     parameters:
       xcode_sdk: ${{ parameters.xcode_sdk }}
       xcode_configuration: Release
-      xcode_workspacePath: RNTester/RNTester.xcodeproj
+      xcode_workspacePath: RNTester/RNTesterPods.xcworkspace
       xcode_scheme: ${{ parameters.xcode_scheme }}
       xcode_actions: ${{ parameters.xcode_actions_release }}
       xcode_useXcpretty: false
diff --git a/.ado/templates/prep-android-nuget.yml b/.ado/templates/prep-android-nuget.yml
index c890912c4b7b14..e7aec17def62f5 100644
--- a/.ado/templates/prep-android-nuget.yml
+++ b/.ado/templates/prep-android-nuget.yml
@@ -14,5 +14,5 @@ steps:
     inputs:
       targetType: inline # filePath | inline
       script: |
-        (Get-Content android\com\facebook\react\react-native\0.60.0\react-native-0.60.0.pom).replace('<version>0.60.0</version>', '<version>1000.0.0-master</version>') | Set-Content android\com\facebook\react\react-native\0.60.0\react-native-0.60.0.pom
+        (Get-Content android\com\facebook\react\react-native\0.61.5\react-native-0.61.5.pom).replace('<version>0.61.5</version>', '<version>1000.0.0-master</version>') | Set-Content android\com\facebook\react\react-native\0.61.5\react-native-0.61.5.pom
 
diff --git a/.appveyor/config.yml b/.appveyor/config.yml
index 545f955abeeaa2..ed8162cf135899 100644
--- a/.appveyor/config.yml
+++ b/.appveyor/config.yml
@@ -1,13 +1,13 @@
 environment:
   ANDROID_HOME: "C:\\android-sdk-windows"
-  ANDROID_NDK: "C:\\android-sdk-windows\\android-ndk-r17c"
+  ANDROID_NDK: "C:\\android-sdk-windows\\android-ndk-r19c"
   ANDROID_BUILD_VERSION: 28
   ANDROID_TOOLS_VERSION: 28.0.3
 
   GRADLE_OPTS: -Dorg.gradle.daemon=false
 
   SDK_TOOLS_URL: https://dl.google.com/android/repository/sdk-tools-windows-3859397.zip
-  NDK_TOOLS_URL: https://dl.google.com/android/repository/android-ndk-r17c-windows-x86_64.zip
+  NDK_TOOLS_URL: https://dl.google.com/android/repository/android-ndk-r19c-windows-x86_64.zip
 
   matrix:
     - nodejs_version: 8
@@ -38,7 +38,7 @@ build_script:
   - yarn run flow-check-android
   - yarn run flow-check-ios
   - yarn run test
-  - gradlew.bat RNTester:android:app:assembleRelease
+  # - gradlew.bat RNTester:android:app:assembleRelease
 
 cache:
   - node_modules
diff --git a/.circleci/config.yml b/.circleci/config.yml
index 5205521678b026..0c9449e4c9bb44 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -1,143 +1,4 @@
-# -------------------------
-#        ALIASES
-# -------------------------
-aliases:
-  # -------------------------
-  #      ALIASES: Caches
-  # -------------------------
-  - &restore-yarn-cache
-    keys:
-      - v1-yarn-cache-{{ arch }}-{{ checksum "package.json" }}{{ checksum "bots/package.json" }}
-      - v1-yarn-cache-{{ arch }}
-
-  - &save-yarn-cache
-    paths:
-      - ~/.cache/yarn
-    key: v1-yarn-cache-{{ arch }}-{{ checksum "package.json" }}{{ checksum "bots/package.json" }}
-
-  - &restore-brew-cache
-    keys:
-      - v1-brew
-
-  - &save-brew-cache
-    paths:
-      - /usr/local/Homebrew
-      - ~/Library/Caches/Homebrew
-    key: v1-brew
-
-  # Android
-  - &restore-buck-downloads-cache
-    keys:
-      - v3-buck-v2019.01.10.01-{{ checksum "scripts/circleci/buck_fetch.sh" }}}
-      - v3-buck-v2019.01.10.01-
-  - &save-buck-downloads-cache
-    paths:
-      - ~/buck
-      - ~/okbuck
-    key: v3-buck-v2019.01.10.01-{{ checksum "scripts/circleci/buck_fetch.sh" }}
-
-  - &restore-gradle-downloads-cache
-    keys:
-      - v1-gradle-{{ checksum "ReactAndroid/build.gradle" }}-{{ checksum "scripts/circleci/gradle_download_deps.sh" }}
-      - v1-gradle-
-
-  - &save-gradle-downloads-cache
-    paths:
-      - ~/.gradle
-      - ReactAndroid/build/downloads
-      - ReactAndroid/build/third-party-ndk
-    key: v1-gradle-{{ checksum "ReactAndroid/build.gradle" }}-{{ checksum "scripts/circleci/gradle_download_deps.sh" }}
-
-  # -------------------------
-  #  ALIASES: Shared Commands
-  # -------------------------
-  - &yarn
-    name: Run Yarn
-    command: |
-      # Skip yarn install on metro bump commits as the package is not yet
-      # available on npm
-      if [[ $(echo "$GIT_COMMIT_DESC" | grep -c "Bump metro@") -eq 0 ]]; then
-        yarn install --non-interactive --cache-folder ~/.cache/yarn
-      fi
-
-  - &setup-artifacts
-    name: Initial Setup
-    command: |
-      mkdir -p ~/react-native/reports/buck/
-      mkdir -p ~/react-native/reports/build/
-      mkdir -p ~/react-native/reports/junit/
-      mkdir -p ~/react-native/reports/outputs/
-
-  # Android
-  - &download-dependencies-buck
-    name: Download Dependencies Using Buck
-    command: ./scripts/circleci/buck_fetch.sh
-
-  - &download-dependencies-gradle
-    name: Download Dependencies Using Gradle
-    command: ./scripts/circleci/gradle_download_deps.sh
-
-  # JavaScript
-  - &run-js-tests
-    name: JavaScript Test Suite
-    command: yarn test-ci
-
-  # -------------------------
-  #  ALIASES: Disabled Tests
-  # -------------------------
-  - &run-podspec-tests
-    name: Test CocoaPods
-    command: ./scripts/process-podspecs.sh
-  - &run-e2e-tests
-    name: End-to-End Test Suite
-    command: ./scripts/run-ci-e2e-tests.js --android --ios --js --retries 3;
-  - &run-android-e2e-tests
-    name: Android End-to-End Test Suite
-    command: node ./scripts/run-ci-e2e-tests.js --android --retries 3;
-
-
-  # -------------------------
-  #  ALIASES: Branch Filters
-  # -------------------------
-  - &filter-only-master
-    branches:
-      only: master
-
-  - &filter-only-master-stable
-    branches:
-      only:
-        - /.*-stable/
-        - master
-
-  - &filter-only-stable
-    branches:
-      only:
-        - /.*-stable/
-
-  - &filter-ignore-gh-pages
-    branches:
-      ignore: gh-pages
-
-  - &filter-only-version-tags
-    # Both of the following conditions must be included!
-    # Ignore any commit on any branch by default.
-    branches:
-      ignore: /.*/
-    # Only act on version tags.
-    tags:
-      only: /v[0-9]+(\.[0-9]+)*(\-rc(\.[0-9]+)?)?/
-
-  - &filter-only-forked-pull-requests
-    branches:
-      only: /^pull\/.*$/
-
-  # -------------------------
-  #     ALIASES: Workflows
-  # -------------------------
-  - &run-after-checkout
-    filters: *filter-ignore-gh-pages
-    requires:
-      - checkout_code
+version: 2.1
 
 # -------------------------
 #        DEFAULTS
@@ -147,50 +8,194 @@ defaults: &defaults
   environment:
     - GIT_COMMIT_DESC: git log --format=oneline -n 1 $CIRCLE_SHA1
 
-# JavaScript
-js_defaults: &js_defaults
-  <<: *defaults
-  docker:
-    - image: node:8
-
-# Android
-android_defaults: &android_defaults
-  <<: *defaults
-  docker:
-    - image: reactnativecommunity/react-native-android:2019-5-29
-  resource_class: "large"
-  environment:
-    - TERM: "dumb"
-    - ADB_INSTALL_TIMEOUT: 10
-    - _JAVA_OPTIONS: "-XX:+UnlockExperimentalVMOptions -XX:+UseCGroupMemoryLimitForHeap"
-    - GRADLE_OPTS: '-Dorg.gradle.daemon=false -Dorg.gradle.jvmargs="-XX:+HeapDumpOnOutOfMemoryError"'
-    - BUILD_THREADS: 2
-
-# iOS
-macos_defaults: &macos_defaults
-  <<: *defaults
-  macos:
-    xcode: "10.2.0"
+# -------------------------
+#        EXECUTORS
+# -------------------------
+executors:
+  node8:
+    <<: *defaults
+    docker:
+      - image: circleci/node:8
+  nodelts:
+    <<: *defaults
+    docker:
+      - image: circleci/node:lts
+  reactnativeandroid:
+    <<: *defaults
+    docker:
+      - image: reactnativecommunity/react-native-android:2019-6-4
+    resource_class: "large"
+    environment:
+      - TERM: "dumb"
+      - ADB_INSTALL_TIMEOUT: 10
+      - _JAVA_OPTIONS: "-XX:+UnlockExperimentalVMOptions -XX:+UseCGroupMemoryLimitForHeap"
+      - GRADLE_OPTS: '-Dorg.gradle.daemon=false -Dorg.gradle.jvmargs="-XX:+HeapDumpOnOutOfMemoryError"'
+      - BUILD_THREADS: 2
+  reactnativeios:
+    <<: *defaults
+    macos:
+      xcode: "10.2.1"
+
+# -------------------------
+#        COMMANDS
+# -------------------------
+commands:
+  restore_cache_checkout:
+    parameters:
+      checkout_type:
+        type: string
+        default: node
+    steps:
+      - restore_cache:
+          key: v1-repo-{{ .Environment.CIRCLE_SHA1 }}-<< parameters.checkout_type >>
+
+  setup_artifacts:
+    steps:
+      - run:
+          name: Initial Setup
+          command: mkdir -p ~/reports/{buck,build,junit,outputs}
+
+  run_yarn:
+    steps:
+      - restore_cache:
+          keys:
+            - v4-yarn-cache-{{ arch }}-{{ checksum "yarn.lock" }}
+            - v4-yarn-cache-{{ arch }}
+      - run:
+          name: Run Yarn
+          command: |
+            # Skip yarn install on metro bump commits as the package is not yet
+            # available on npm
+            if [[ $(echo "$GIT_COMMIT_DESC" | grep -c "Bump metro@") -eq 0 ]]; then
+              yarn install --non-interactive --cache-folder ~/.cache/yarn
+            fi
+      - save_cache:
+          paths:
+            - ~/.cache/yarn
+          key: v4-yarn-cache-{{ arch }}-{{ checksum "yarn.lock" }}
+
+  install_buck_tooling:
+    steps:
+      - restore_cache:
+          keys:
+            - v4-buck-v2019.01.10.01-{{ checksum "scripts/circleci/buck_fetch.sh" }}}
+            - v4-buck-v2019.01.10.01-
+      - run:
+          name: Install BUCK
+          command: |
+            buck --version
+            # Install related tooling
+            if [[ ! -e ~/okbuck ]]; then
+              git clone https://github.com/uber/okbuck.git ~/okbuck --depth=1
+            fi
+      - save_cache:
+          paths:
+            - ~/buck
+            - ~/okbuck
+          key: v4-buck-v2019.01.10.01-{{ checksum "scripts/circleci/buck_fetch.sh" }}
+
+  brew_install:
+    parameters:
+      package:
+        description: Homebrew package to install
+        type: string
+    steps:
+      - run: HOMEBREW_NO_AUTO_UPDATE=1 brew install << parameters.package >> >/dev/null
+
+  with_brew_cache_span:
+    parameters:
+      steps:
+        type: steps
+    steps:
+      - restore_cache:
+          keys:
+            - v1-brew
+      - steps: << parameters.steps >>
+      - save_cache:
+          paths:
+            - /usr/local/Homebrew
+            - ~/Library/Caches/Homebrew
+          key: v1-brew
+
+  with_pods_cache_span:
+    parameters:
+      steps:
+        type: steps
+    steps:
+      - run:
+          name: Setup CocoaPods cache
+          # Copy RNTester/Podfile.lock since it can be changed by pod install
+          command: cp RNTester/Podfile.lock RNTester/Podfile.lock.bak
+      - restore_cache:
+          keys:
+            - v1-pods-{{ .Environment.CIRCLE_JOB }}-{{ checksum "RNTester/Podfile.lock.bak" }}
+            - v1-pods-{{ .Environment.CIRCLE_JOB }}-
+      - steps: << parameters.steps >>
+      - save_cache:
+          paths:
+            - RNTester/Pods
+          key: v1-pods-{{ .Environment.CIRCLE_JOB }}-{{ checksum "RNTester/Podfile.lock.bak" }}
+
+  download_gradle_dependencies:
+    steps:
+      - restore_cache:
+          keys:
+            - v1-gradle-{{ checksum "ReactAndroid/build.gradle" }}-{{ checksum "scripts/circleci/gradle_download_deps.sh" }}
+            - v1-gradle-
+      - run:
+          name: Download Dependencies Using Gradle
+          command: ./scripts/circleci/gradle_download_deps.sh
+      - save_cache:
+          paths:
+            - ~/.gradle
+            - ReactAndroid/build/downloads
+            - ReactAndroid/build/third-party-ndk
+          key: v1-gradle-{{ checksum "ReactAndroid/build.gradle" }}-{{ checksum "scripts/circleci/gradle_download_deps.sh" }}
+
+  download_buck_dependencies:
+    steps:
+      - run:
+          name: Download Dependencies Using Buck
+          command: ./scripts/circleci/buck_fetch.sh
+
+  # -------------------------
+  #  COMMANDS: Disabled Tests
+  # -------------------------
+  run_podspec_tests:
+    steps:
+      - run:
+          name: Test CocoaPods
+          command: ./scripts/process-podspecs.sh
+  run_e2e_tests:
+    steps:
+      - run:
+          name: Full End-to-End Test Suite
+          command: node ./scripts/run-ci-e2e-tests.js --android --ios --js --retries 3;
+  run_android_e2e_tests:
+    steps:
+      - run:
+          name: Android End-to-End Test Suite
+          command: node ./scripts/run-ci-e2e-tests.js --android --retries 3;
 
 # -------------------------
 #          JOBS
 # -------------------------
-version: 2
 jobs:
-  # Set up a Node environment for downstream jobs
-  checkout_code:
-    <<: *js_defaults
+  setup:
+    parameters:
+      executor:
+        type: executor
+        default: node8
+      checkout_type:
+        type: string
+        default: node
+    executor: << parameters.executor >>
     steps:
       - checkout
-      - run: *setup-artifacts
-
-      - restore-cache: *restore-yarn-cache
-      - run: *yarn
-      - save-cache: *save-yarn-cache
-
-      - persist_to_workspace:
-          root: .
-          paths: .
+      - save_cache:
+          key: v1-repo-{{ .Environment.CIRCLE_SHA1 }}-<< parameters.checkout_type >>
+          paths:
+            - ~/react-native
 
   # -------------------------
   #     JOBS: Analyze PR
@@ -199,9 +204,7 @@ jobs:
   # Issues will be posted to the PR itself via GitHub bots.
   # This workflow should only fail if the bots fail to run.
   analyze_pr:
-    <<: *defaults
-    docker:
-      - image: node:lts
+    executor: nodelts
     # The public github tokens are publicly visible by design
     environment:
       - PUBLIC_PULLBOT_GITHUB_TOKEN_A: "a6edf8e8d40ce4e8b11a"
@@ -210,62 +213,42 @@ jobs:
       - PUBLIC_ANALYSISBOT_GITHUB_TOKEN_B: "b1a98e0bbd56ff1ccba1"
 
     steps:
-      - checkout
-      - run: *setup-artifacts
-
-      - restore-cache: *restore-yarn-cache
-      - run: *yarn
+      - restore_cache_checkout:
+          checkout_type: node
+      - run_yarn
 
       - run:
-          name: Analyze Shell Scripts
+          name: Install dependencies
           command: |
-            echo -e "\\x1B[36mInstalling additional dependencies\\x1B[0m"
-            apt update && apt install -y shellcheck jq
-            yarn add @octokit/rest@15.18.0
-            echo -e "\\x1B[36mAnalyzing shell scripts\\x1B[0m"; \
-            GITHUB_TOKEN="$PUBLIC_ANALYSISBOT_GITHUB_TOKEN_A""$PUBLIC_ANALYSISBOT_GITHUB_TOKEN_B" \
-            GITHUB_OWNER="$CIRCLE_PROJECT_USERNAME" \
-            GITHUB_REPO="$CIRCLE_PROJECT_REPONAME" \
-            GITHUB_PR_NUMBER="$CIRCLE_PR_NUMBER" \
-            ./scripts/circleci/analyze_scripts.sh
-          when: always
+            sudo apt update && sudo apt install -y shellcheck jq
+            cd bots && yarn install --non-interactive --cache-folder ~/.cache/yarn
 
       - run:
-          name: Analyze Code
-          command: |
-            echo -e "\\x1B[36mInstalling additional dependencies\\x1B[0m"; yarn add @octokit/rest@15.18.0
-            echo -e "\\x1B[36mAnalyzing code\\x1B[0m"; \
-            GITHUB_TOKEN="$PUBLIC_ANALYSISBOT_GITHUB_TOKEN_A""$PUBLIC_ANALYSISBOT_GITHUB_TOKEN_B" \
-            GITHUB_OWNER="$CIRCLE_PROJECT_USERNAME" \
-            GITHUB_REPO="$CIRCLE_PROJECT_REPONAME" \
-            GITHUB_PR_NUMBER="$CIRCLE_PR_NUMBER" \
-            ./scripts/circleci/analyze_code.sh
+          name: Run linters against modified files (analysis-bot)
+          command: GITHUB_TOKEN="$PUBLIC_ANALYSISBOT_GITHUB_TOKEN_A""$PUBLIC_ANALYSISBOT_GITHUB_TOKEN_B" yarn lint-ci
           when: always
 
       - run:
-          name: Analyze Pull Request
+          name: Analyze Pull Request (pull-bot)
           command: |
-            echo -e "\\x1B[36mInstalling additional dependencies\\x1B[0m"
             cd bots
-            yarn install --non-interactive --cache-folder ~/.cache/yarn
-            echo -e "\\x1B[36mAnalyzing pull request\\x1B[0m"; \
-            DANGER_GITHUB_API_TOKEN="$PUBLIC_PULLBOT_GITHUB_TOKEN_A""$PUBLIC_PULLBOT_GITHUB_TOKEN_B" \
-            yarn danger ci --use-github-checks
+            DANGER_GITHUB_API_TOKEN="$PUBLIC_PULLBOT_GITHUB_TOKEN_A""$PUBLIC_PULLBOT_GITHUB_TOKEN_B" yarn danger ci --use-github-checks
           when: always
-      - save-cache: *save-yarn-cache
 
   # -------------------------
   #    JOBS: Analyze Code
   # -------------------------
-  analyze:
-    <<: *js_defaults
+  analyze_code:
+    executor: node8
     steps:
-      - attach_workspace:
-          at: ~/react-native
+      - restore_cache_checkout:
+          checkout_type: node
+      - setup_artifacts
+      - run_yarn
 
       - run:
           name: Lint code
-          command: scripts/circleci/exec_swallow_error.sh yarn lint --format junit -o ~/react-native/reports/junit/eslint/results.xml
+          command: scripts/circleci/exec_swallow_error.sh yarn lint --format junit -o ~/reports/junit/eslint/results.xml
           when: always
 
       - run:
@@ -291,173 +274,91 @@ jobs:
           when: always
 
       - store_test_results:
-          path: ~/react-native/reports/junit
-      - store_artifacts:
-          path: ~/react-native/yarn.lock
+          path: ~/reports/junit
 
   # -------------------------
   #   JOBS: Test JavaScript
   # -------------------------
-  # Runs JavaScript tests on Node 8
-  test_javascript:
-    <<: *js_defaults
-    steps:
-      - attach_workspace:
-          at: ~/react-native
-
-      - run:
-          name: JavaScript Test Suite
-          command: node ./scripts/run-ci-javascript-tests.js --maxWorkers 2
-
-      - store_test_results:
-          path: ~/react-native/reports/junit
-
-  # Run JavaScript tests on Node LTS
-  test_node_lts:
-    <<: *defaults
-    docker:
-      - image: node:lts
+  # Runs JavaScript tests
+  test_js:
+    parameters:
+      executor:
+        type: executor
+        default: node8
+    executor: << parameters.executor >>
     steps:
-      - checkout
-      - run: *setup-artifacts
-
-      - run: *yarn
+      - restore_cache_checkout:
+          checkout_type: node
+      - setup_artifacts
+      - run_yarn
 
       - run:
           name: JavaScript Test Suite
           command: node ./scripts/run-ci-javascript-tests.js --maxWorkers 2
 
       - store_test_results:
-          path: ~/react-native/reports/junit
-
+          path: ~/reports/junit
   # -------------------------
   #     JOBS: Test iOS
   # -------------------------
   # Runs unit tests on iOS devices
   test_ios:
-    <<: *macos_defaults
+    executor: reactnativeios
+    parameters:
+      use_frameworks:
+        type: boolean
+        default: false
     environment:
       - REPORTS_DIR: "./reports"
     steps:
-      - attach_workspace:
-          at: ~/react-native
+      - restore_cache_checkout:
+          checkout_type: ios
+      - setup_artifacts
+      - run_yarn
 
+      - run: |
+          cd RNTester
+          bundle check || bundle install
       - run:
-          name: Print Xcode environment
-          command: xcodebuild -version
-
-      - run:
-          name: List available devices
-          command: instruments -s devices
-
-      - run:
-          name: Boot iOS Simulator
+          name: Boot iPhone Simulator
           command: source scripts/.tests.env && xcrun simctl boot "$IOS_DEVICE" || true
 
-      - restore-cache: *restore-brew-cache
-      - run:
-          name: Install Watchman
-          command: |
-            HOMEBREW_NO_AUTO_UPDATE=1 brew install watchman >/dev/null
-            touch .watchmanconfig
-      - save-cache: *save-brew-cache
-
-      - run:
-          name: Start Metro packager
-          command: yarn start --max-workers=1 || echo "Can't start packager automatically"
-          background: true
-
-      - run:
-          name: Start WebSocket test server
-          command: open "./IntegrationTests/launchWebSocketServer.command" || echo "Can't start web socket server automatically"
-          background: true
-
-      - run:
-          name: Verify RNTester can be built
-          command: |
-            source ./scripts/.tests.env
-            xcodebuild \
-              -project RNTester/RNTester.xcodeproj \
-              -scheme RNTester \
-              -sdk iphonesimulator \
-              -destination "platform=iOS Simulator,name=$IOS_DEVICE,OS=$IOS_TARGET_OS" \
-              -UseModernBuildSystem=NO \
-              build | \
-            xcpretty --report junit --output "$REPORTS_DIR/junit/ios_buiild/results.xml" && \
-            exit "${PIPESTATUS[0]}"
-
-      - run:
-          name: Wait for Metro packager
-          command: |
-            max_attempts=60
-            attempt_num=1
-            until curl -s http://localhost:8081/status | grep "packager-status:running" -q; do
-              if (( attempt_num == max_attempts )); then
-                echo "Packager did not respond in time. No more attempts left."
-                exit 1
-              else
-                (( attempt_num++ ))
-                echo "Packager did not respond. Retrying for attempt number $attempt_num..."
-                sleep 1
-              fi
-            done
-            echo "Packager is ready!"
-
-      - run:
-          name: Preload the RNTesterApp bundles
-          command: |
-            curl --silent 'http://localhost:8081/RNTester/js/RNTesterApp.ios.bundle?platform=ios&dev=true' --output /dev/null
-            curl --silent 'http://localhost:8081/RNTester/js/RNTesterApp.ios.bundle?platform=ios&dev=true&minify=false' --output /dev/null
-            curl --silent 'http://localhost:8081/IntegrationTests/IntegrationTestsApp.bundle?platform=ios&dev=true' --output /dev/null
-            curl --silent 'http://localhost:8081/IntegrationTests/RCTRootViewIntegrationTestApp.bundle?platform=ios&dev=true' --output /dev/null
-
       - run:
-          name: Run RNTester Unit Tests
+          name: Fetch CocoaPods Specs
           command: |
-            source ./scripts/.tests.env
-            xcodebuild \
-              -project RNTester/RNTester.xcodeproj \
-              -scheme RNTester \
-              -sdk iphonesimulator \
-              -destination "platform=iOS Simulator,name=$IOS_DEVICE,OS=$IOS_TARGET_OS" \
-              -UseModernBuildSystem=NO \
-              -only-testing:RNTesterUnitTests \
-              build test | \
-            xcpretty --report junit --output "$REPORTS_DIR/junit/ios_unit_tests/results.xml" && \
-            exit "${PIPESTATUS[0]}"
-
-      - run:
-          name: Run RNTester Integration Tests
-          command: |
-            source ./scripts/.tests.env
-            xcodebuild \
-              -project RNTester/RNTester.xcodeproj \
-              -scheme RNTester \
-              -sdk iphonesimulator \
-              -destination "platform=iOS Simulator,name=$IOS_DEVICE,OS=$IOS_TARGET_OS" \
-              -UseModernBuildSystem=NO \
-              -only-testing:RNTesterIntegrationTests \
-              build test | \
-            xcpretty --report junit --output "$REPORTS_DIR/junit/ios_integration_tests/results.xml" && \
-            exit "${PIPESTATUS[0]}"
-
-      - run:
-          name: Stop Metro packager and WebSocket test server
-          command: |
-            # kill whatever is occupying port 8081 (packager)
-            lsof -i tcp:8081 | awk 'NR!=1 {print $2}' | xargs kill
-            # kill whatever is occupying port 5555 (web socket server)
-            lsof -i tcp:5555 | awk 'NR!=1 {print $2}' | xargs kill
-
+            curl https://cocoapods-specs.circleci.com/fetch-cocoapods-repo-from-s3.sh | bash -s cf
+
+      - when:
+          condition: << parameters.use_frameworks >>
+          steps:
+            - run:
+                name: Set USE_FRAMEWORKS=1
+                command: echo "export USE_FRAMEWORKS=1" >> $BASH_ENV
+
+      - with_pods_cache_span:
+          steps:
+            - run:
+                name: Generate RNTesterPods Workspace
+                command: cd RNTester && pod install --verbose
+
+      - with_brew_cache_span:
+          steps:
+            - brew_install:
+                package: watchman
+      - run: touch .watchmanconfig
+
+      - run: yarn test-ios
       - store_test_results:
-          path: ~/react-native/reports/junit
+          path: ~/reports/junit
 
-  # Runs end-to-end tests
-  test_end_to_end:
-    <<: *macos_defaults
+  # Runs iOS end-to-end tests
+  test_ios_e2e:
+    executor: reactnativeios
     steps:
-      - attach_workspace:
-          at: ~/react-native
+      - restore_cache_checkout:
+          checkout_type: ios
+      - setup_artifacts
+      - run_yarn
 
       - run:
           name: Boot iPhone Simulator
@@ -470,41 +371,32 @@ jobs:
             source $BASH_ENV
 
       # Brew
-      - restore-cache: *restore-brew-cache
-      - run:
-          name: Configure Detox Environment
-          command: |
-            HOMEBREW_NO_AUTO_UPDATE=1 brew install node@8 >/dev/null
-            HOMEBREW_NO_AUTO_UPDATE=1 brew tap wix/brew >/dev/null
-            HOMEBREW_NO_AUTO_UPDATE=1 brew install applesimutils >/dev/null
-            touch .watchmanconfig
-            node -v
-      - save-cache: *save-brew-cache
+      - with_brew_cache_span:
+          steps:
+            - brew_install:
+                package: node@8
+            - run: HOMEBREW_NO_AUTO_UPDATE=1 brew tap wix/brew >/dev/null
+            - brew_install:
+                package: applesimutils
+            - brew_install:
+                package: watchman
+      # Configure Watchman
+      - run: touch .watchmanconfig
 
-      # Yarn install
-      - restore-cache: *restore-yarn-cache
-      - run: *yarn
-      - save-cache: *save-yarn-cache
+      - restore_cache:
+          keys:
+            - v1-cocoapods-{{ checksum "template/ios/Podfile" }}
+            - v1-cocoapods-
 
-      # Xcode build
-      - run:
-          name: Build app for Detox iOS End-to-End Tests
-          command: yarn run build-ios-e2e
+      - run: pod setup
 
-      # Test
       - run:
-          name: Run Detox iOS End-to-End Tests
-          command: yarn run test-ios-e2e
-          when: always
+          name: Generate RNTesterPods Workspace
+          command: pushd RNTester && pod install --verbose && popd
 
       - run:
-          name: Run JavaScript End-to-End Tests
-          command: |
-            # free up port 8081 for the packager before running tests
-            set +eo pipefail
-            lsof -i tcp:8081 | awk 'NR!=1 {print $2}' | xargs kill
-            set -eo pipefail
-            node ./scripts/run-ci-e2e-tests.js --js --retries 3
+          name: Run Detox iOS End-to-End Tests
+          command: yarn run build-ios-e2e && yarn run test-ios-e2e
           when: always
 
       - run:
@@ -517,16 +409,38 @@ jobs:
             node ./scripts/run-ci-e2e-tests.js --ios --retries 3;
           when: always
 
+      - save_cache:
+          paths:
+            - ~/.cocoapods/repos
+          key: v1-cocoapods-{{ checksum "template/ios/Podfile" }}
+
+  test_js_e2e:
+    executor: node8
+    steps:
+      - restore_cache_checkout:
+          checkout_type: node
+      - setup_artifacts
+      - run_yarn
+      - run: sudo apt-get install rsync
+
+      - run:
+          name: Run JavaScript End-to-End Tests
+          command: node ./scripts/run-ci-e2e-tests.js --js --retries 3
+
+      - store_test_results:
+          path: ~/reports/junit
 
   # -------------------------
   #    JOBS: Test Android
   # -------------------------
   # Run Android tests
   test_android:
-    <<: *android_defaults
+    executor: reactnativeandroid
     steps:
-      - attach_workspace:
-          at: ~/react-native
+      - restore_cache_checkout:
+          checkout_type: android
+      - setup_artifacts
+      - run_yarn
 
       # Validate Android SDK installation and packages
       - run:
@@ -544,31 +458,15 @@ jobs:
 
       # Keep configuring Android dependencies while AVD boots up
 
-      - restore-cache: *restore-buck-downloads-cache
-      - run:
-          name: Install Buck
-          command: |
-            buck --version
-            # Install related tooling
-            if [[ ! -e ~/okbuck ]]; then
-              git clone https://github.com/uber/okbuck.git ~/okbuck --depth=1
-            fi
-            mkdir -p ~/react-native/tooling/junit
-            cp -R ~/okbuck/tooling/junit/* ~/react-native/tooling/junit/.
-      - save-cache: *save-buck-downloads-cache
+      - install_buck_tooling
 
       # Validate Android test environment (including Buck)
       - run:
           name: Validate Android Test Environment
           command: ./scripts/validate-android-test-env.sh
 
-      # Download dependencies using Buck
-      - run: *download-dependencies-buck
-
-      # Download dependencies using Gradle
-      - restore-cache: *restore-gradle-downloads-cache
-      - run: *download-dependencies-gradle
-      - save-cache: *save-gradle-downloads-cache
+      - download_buck_dependencies
+      - download_gradle_dependencies
 
       # Build and compile
       - run:
@@ -594,7 +492,7 @@ jobs:
       # Test Suite
       - run:
           name: Run Unit Tests
-          command: buck test ReactAndroid/src/test/... --config build.threads=$BUILD_THREADS --xml ~/react-native/reports/buck/all-results-raw.xml
+          command: buck test ReactAndroid/src/test/... --config build.threads=$BUILD_THREADS --xml ~/reports/buck/all-results-raw.xml
 
       - run:
           name: Run Instrumentation Tests
@@ -612,19 +510,21 @@ jobs:
       - run:
           name: Collect Test Results
           command: |
-            find . -type f -regex ".*/build/test-results/debug/.*xml" -exec cp {} ~/react-native/reports/build/ \;
-            find . -type f -regex ".*/outputs/androidTest-results/connected/.*xml" -exec cp {} ~/react-native/reports/outputs/ \;
-            find . -type f -regex ".*/buck-out/gen/ReactAndroid/src/test/.*/.*xml" -exec cp {} ~/react-native/reports/buck/ \;
-            ./tooling/junit/buck_to_junit.sh ~/react-native/reports/buck/all-results-raw.xml ~/react-native/reports/junit/all-results-junit.xml
+            find . -type f -regex ".*/build/test-results/debug/.*xml" -exec cp {} ~/reports/build/ \;
+            find . -type f -regex ".*/outputs/androidTest-results/connected/.*xml" -exec cp {} ~/reports/outputs/ \;
+            find . -type f -regex ".*/buck-out/gen/ReactAndroid/src/test/.*/.*xml" -exec cp {} ~/reports/buck/ \;
+            if [ -f ~/react-native/reports/buck/all-results-raw.xml ]; then
+              ./tooling/junit/buck_to_junit.sh ~/react-native/reports/buck/all-results-raw.xml ~/react-native/reports/junit/all-results-junit.xml
+            fi
           when: always
 
       - store_test_results:
-          path: ~/react-native/reports/junit
+          path: ~/reports/junit
 
   # -------------------------
-  #    JOBS: Test Docker Build
+  #    JOBS: Test Docker
   # -------------------------
-  test_docker_build:
+  test_docker:
     machine: true
     steps:
       - checkout
@@ -643,16 +543,17 @@ jobs:
   # -------------------------
   # Collect JavaScript test coverage
   js_coverage:
-    <<: *js_defaults
+    executor: node8
     environment:
       - CI_BRANCH: $CIRCLE_BRANCH
       - CI_PULL_REQUEST: $CIRCLE_PULL_REQUEST
       - CI_BUILD_NUMBER: $CIRCLE_BUILD_NUM
       - CI_BUILD_URL: $CIRCLE_BUILD_URL
     steps:
-      - checkout
-      - restore-cache: *restore-yarn-cache
-      - run: *yarn
+      - restore_cache_checkout:
+          checkout_type: node
+      - setup_artifacts
+      - run_yarn
       - run:
           name: Test coverage
           command: |
@@ -668,74 +569,123 @@ jobs:
   # Publishes new version onto npm
   # Only works on stable branches when a properly tagged commit is pushed
   publish_npm_package:
-    <<: *android_defaults
+    executor: reactnativeandroid
     steps:
-      - checkout
-
-      - restore-cache: *restore-yarn-cache
-      - run: *yarn
-
-      # Fetch dependencies using Buck
-      - restore-cache: *restore-buck-downloads-cache
-      - run: *download-dependencies-buck
-
-      # Fetch dependencies using Gradle
-      - restore-cache: *restore-gradle-downloads-cache
-      - run: *download-dependencies-gradle
-
-      - run:
-          name: Authenticate with npm
-          command: echo "//registry.npmjs.org/:_authToken=${CIRCLE_NPM_TOKEN}" > ~/.npmrc
-
-      - run:
-          name: Authenticate git user
-          command: |
-            git config --global user.email "react-native-bot@users.noreply.github.com"
-            git config --global user.name "npm Deployment Script"
-            echo "machine github.com login react-native-bot password $GITHUB_TOKEN" > ~/.netrc
-
-      # Build and publish release. Requires an Android environment.
-      - run:
-          name: Publish React Native Package
-          command: node ./scripts/publish-npm.js
+      - restore_cache_checkout:
+          checkout_type: android
+      - run_yarn
+      - install_buck_tooling
+      - download_buck_dependencies
+      - download_gradle_dependencies
+      - run: echo "//registry.npmjs.org/:_authToken=${CIRCLE_NPM_TOKEN}" > ~/.npmrc
+      - run: |
+          git config --global user.email "react-native-bot@users.noreply.github.com"
+          git config --global user.name "npm Deployment Script"
+          echo "machine github.com login react-native-bot password $GITHUB_TOKEN" > ~/.netrc
+      - run: node ./scripts/publish-npm.js
 
 # -------------------------
 #        WORK FLOWS
 # -------------------------
 workflows:
-  version: 2
-
   tests:
     jobs:
-      - test_node_lts:
-          filters: *filter-ignore-gh-pages
-
-      - checkout_code:
-          filters: *filter-ignore-gh-pages
-
-      - analyze: *run-after-checkout
-      - test_javascript: *run-after-checkout
-      - test_android: *run-after-checkout
-      - test_ios: *run-after-checkout
-      - test_end_to_end: *run-after-checkout
-      - test_docker_build:
-          filters: *filter-ignore-gh-pages
-
+      - setup:
+          name: setup_js
+          filters:
+            branches:
+              ignore: gh-pages
+      - setup:
+          name: setup_ios
+          checkout_type: ios
+          executor: reactnativeios
+          filters:
+            branches:
+              ignore: gh-pages
+      - setup:
+          name: setup_android
+          checkout_type: android
+          executor: reactnativeandroid
+          filters:
+            branches:
+              ignore: gh-pages
+      - test_js:
+          requires:
+            - setup_js
+      - test_js_e2e:
+          requires:
+            - setup_js
+            - test_js
+      - test_android:
+          requires:
+            - setup_android
+      - test_ios:
+          requires:
+            - setup_ios
+      - test_ios:
+          name: test_ios_frameworks
+          use_frameworks: true
+          requires:
+            - setup_ios
+      - test_ios_e2e:
+          requires:
+            - setup_ios
+            - test_js
+      - test_js:
+          name: test_js_lts
+          executor: nodelts
+          requires:
+            - setup_js
+      - test_docker:
+          filters:
+            branches:
+              ignore: gh-pages
   releases:
     jobs:
-      - checkout_code:
-          filters: *filter-only-version-tags
+      - setup:
+          name: setup_android
+          checkout_type: android
+          executor: reactnativeandroid
+          filters:
+            # Both of the following conditions must be included!
+            # Ignore any commit on any branch by default.
+            branches:
+              ignore: /.*/
+            # Only act on version tags.
+            tags:
+              only: /v[0-9]+(\.[0-9]+)*(\-rc(\.[0-9]+)?)?/
       - publish_npm_package:
-          filters: *filter-only-version-tags
           requires:
-            - checkout_code
+            - setup_android
+          filters:
+            # Both of the following conditions must be included!
+            # Ignore any commit on any branch by default.
+            branches:
+              ignore: /.*/
+            # Only act on version tags.
+            tags:
+              only: /v[0-9]+(\.[0-9]+)*(\-rc(\.[0-9]+)?)?/
 
   analysis:
     jobs:
+      - setup
+      # Run lints on every commit other than those to the gh-pages branch
+      - analyze_code:
+          requires:
+            - setup
+          filters:
+            branches:
+              ignore: gh-pages
+
       # Run code checks on PRs from forks
       - analyze_pr:
-          filters: *filter-only-forked-pull-requests
+          requires:
+            - setup
+          filters:
+            branches:
+              only: /^pull\/.*$/
 
-      # Gather coverage on master
+      # Gather coverage
       - js_coverage:
-          filters: *filter-only-master
\ No newline at end of file
+          requires:
+            - setup
\ No newline at end of file
diff --git a/.editorconfig b/.editorconfig
index dadac3a2b6d50b..45dc2a9a3fecd4 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -1,4 +1,4 @@
-# EditorConfig is awesome: http://EditorConfig.org
+# EditorConfig is awesome: https://EditorConfig.org
 
 # top-most EditorConfig file
 root = true
diff --git a/.eslintrc b/.eslintrc
index d18f7eb8286127..9c36dc1804f899 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -6,6 +6,14 @@
   ],
 
   "overrides": [
+    {
+      "files": [
+        "Libraries/**/*.js",
+      ],
+      rules: {
+        '@react-native-community/no-haste-imports': 2
+      }
+    },
     {
       "files": [
         "**/__fixtures__/**/*.js",
diff --git a/.flowconfig b/.flowconfig
index cba3e883ea9d48..9e6dd708c0d5e1 100644
--- a/.flowconfig
+++ b/.flowconfig
@@ -13,17 +13,6 @@
 ; Ignore "BUCK" generated dirs
 <PROJECT_ROOT>/\.buckd/
 
-; Ignore unexpected extra "@providesModule"
-.*/node_modules/.*/node_modules/fbjs/.*
-
-; Ignore duplicate module providers
-; For RN Apps installed via npm, "Libraries" folder is inside
-; "node_modules/react-native" but in the source repo it is in the root
-.*/Libraries/react-native/React.js
-
-; Ignore polyfills
-.*/Libraries/polyfills/.*
-
 ; Ignore metro.config.js
 <PROJECT_ROOT>/metro.config.js
 
@@ -32,7 +21,7 @@
 .*/node_modules/warning/.*
 
 ; Flow doesn't support platforms
-.*/Libraries/Utilities/HMRLoadingView.js
+.*/Libraries/Utilities/LoadingView.js
 
 [untyped]
 .*/node_modules/@react-native-community/cli/.*/.*
@@ -53,35 +42,17 @@ module.file_ext=.js
 module.file_ext=.json
 module.file_ext=.ios.js
 
-module.system=haste
-module.system.haste.use_name_reducers=true
-# keep the following in sync with server/haste/hasteImpl.js
-# get basename
-module.system.haste.name_reducers='^.*/\([a-zA-Z0-9$_.-]+\.js\(\.flow\)?\)$' -> '\1'
-# strip .js or .js.flow suffix
-module.system.haste.name_reducers='^\(.*\)\.js\(\.flow\)?$' -> '\1'
-# strip .ios suffix
-module.system.haste.name_reducers='^\(.*\)\.ios$' -> '\1'
-# TODO(macOS ISS#2323203):
-module.system.haste.name_reducers='^\(.*\)\.macos$' -> '\1'
-module.system.haste.name_reducers='^\(.*\)\.android$' -> '\1'
-module.system.haste.name_reducers='^\(.*\)\.native$' -> '\1'
-module.system.haste.paths.blacklist=.*/__tests__/.*
-module.system.haste.paths.blacklist=.*/__mocks__/.*
-module.system.haste.paths.whitelist=<PROJECT_ROOT>/Libraries/.*
-module.system.haste.paths.whitelist=<PROJECT_ROOT>/RNTester/.*
-module.system.haste.paths.whitelist=<PROJECT_ROOT>/IntegrationTests/.*
-module.system.haste.paths.blacklist=<PROJECT_ROOT>/Libraries/react-native/react-native-implementation.js
-module.system.haste.paths.blacklist=<PROJECT_ROOT>/Libraries/Animated/src/polyfills/.*
-
 munge_underscores=true
 
-module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
+module.name_mapper='^react-native$' -> '<PROJECT_ROOT>/Libraries/react-native/react-native-implementation'
+module.name_mapper='^react-native/\(.*\)$' -> '<PROJECT_ROOT>/\1'
+module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> '<PROJECT_ROOT>/Libraries/Image/RelativeImageStub'
 
 suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
 suppress_type=$FlowFixMeProps
 suppress_type=$FlowFixMeState
+suppress_type=$FlowFixMeEmpty
 
 suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)
 suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)?:? #[0-9]+
@@ -110,4 +81,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.98.0
+^0.105.0
diff --git a/.flowconfig.android b/.flowconfig.android
index 3eadd57a134b56..9368fd544cab41 100644
--- a/.flowconfig.android
+++ b/.flowconfig.android
@@ -13,17 +13,6 @@
 ; Ignore "BUCK" generated dirs
 <PROJECT_ROOT>/\.buckd/
 
-; Ignore unexpected extra "@providesModule"
-.*/node_modules/.*/node_modules/fbjs/.*
-
-; Ignore duplicate module providers
-; For RN Apps installed via npm, "Libraries" folder is inside
-; "node_modules/react-native" but in the source repo it is in the root
-.*/Libraries/react-native/React.js
-
-; Ignore polyfills
-.*/Libraries/polyfills/.*
-
 ; TODO(macOS ISS#2323203): Ignore metro.config.js
 <PROJECT_ROOT>/metro.config.js
 
@@ -41,7 +30,7 @@
 .*/node_modules/warning/.*
 
 ; Flow doesn't support platforms
-.*/Libraries/Utilities/HMRLoadingView.js
+.*/Libraries/Utilities/LoadingView.js
 
 [untyped]
 .*/node_modules/@react-native-community/cli/.*/.*
@@ -62,35 +51,19 @@ module.file_ext=.js
 module.file_ext=.json
 module.file_ext=.android.js
 
-module.system=haste
-module.system.haste.use_name_reducers=true
-# keep the following in sync with server/haste/hasteImpl.js
-# get basename
-module.system.haste.name_reducers='^.*/\([a-zA-Z0-9$_.-]+\.js\(\.flow\)?\)$' -> '\1'
-# strip .js or .js.flow suffix
-module.system.haste.name_reducers='^\(.*\)\.js\(\.flow\)?$' -> '\1'
-# strip .android suffix
-module.system.haste.name_reducers='^\(.*\)\.android$' -> '\1'
-module.system.haste.name_reducers='^\(.*\)\.ios$' -> '\1'
 # TODO(macOS ISS#2323203):
 module.system.haste.name_reducers='^\(.*\)\.macos$' -> '\1'
-module.system.haste.name_reducers='^\(.*\)\.native$' -> '\1'
-module.system.haste.paths.blacklist=.*/__tests__/.*
-module.system.haste.paths.blacklist=.*/__mocks__/.*
-module.system.haste.paths.whitelist=<PROJECT_ROOT>/Libraries/.*
-module.system.haste.paths.whitelist=<PROJECT_ROOT>/RNTester/.*
-module.system.haste.paths.whitelist=<PROJECT_ROOT>/IntegrationTests/.*
-module.system.haste.paths.blacklist=<PROJECT_ROOT>/Libraries/react-native/react-native-implementation.js
-module.system.haste.paths.blacklist=<PROJECT_ROOT>/Libraries/Animated/src/polyfills/.*
-
 munge_underscores=true
 
-module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
+module.name_mapper='^react-native$' -> '<PROJECT_ROOT>/Libraries/react-native/react-native-implementation'
+module.name_mapper='^react-native/\(.*\)$' -> '<PROJECT_ROOT>/\1'
+module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> '<PROJECT_ROOT>/Libraries/Image/RelativeImageStub'
 
 suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
 suppress_type=$FlowFixMeProps
 suppress_type=$FlowFixMeState
+suppress_type=$FlowFixMeEmpty
 
 suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_android\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)
 suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_android\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)?:? #[0-9]+
@@ -119,4 +92,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.98.0
+^0.105.0
diff --git a/.flowconfig.macos b/.flowconfig.macos
index da9a2ac9be58c8..5898f1bb0031f0 100644
--- a/.flowconfig.macos
+++ b/.flowconfig.macos
@@ -13,17 +13,6 @@
 ; Ignore "BUCK" generated dirs
 <PROJECT_ROOT>/\.buckd/
 
-; Ignore unexpected extra "@providesModule"
-.*/node_modules/.*/node_modules/fbjs/.*
-
-; Ignore duplicate module providers
-; For RN Apps installed via npm, "Libraries" folder is inside
-; "node_modules/react-native" but in the source repo it is in the root
-.*/Libraries/react-native/React.js
-
-; Ignore polyfills
-.*/Libraries/polyfills/.*
-
 ; Ignore metro.config.js
 <PROJECT_ROOT>/metro.config.js
 
@@ -32,7 +21,7 @@
 .*/node_modules/warning/.*
 
 ; Flow doesn't support platforms
-.*/Libraries/Utilities/HMRLoadingView.js
+.*/Libraries/Utilities/LoadingView.js
 
 [untyped]
 .*/node_modules/@react-native-community/cli/.*/.*
@@ -53,34 +42,17 @@ module.file_ext=.js
 module.file_ext=.json
 module.file_ext=.macos.js
 
-module.system=haste
-module.system.haste.use_name_reducers=true
-# keep the following in sync with server/haste/hasteImpl.js
-# get basename
-module.system.haste.name_reducers='^.*/\([a-zA-Z0-9$_.-]+\.js\(\.flow\)?\)$' -> '\1'
-# strip .js or .js.flow suffix
-module.system.haste.name_reducers='^\(.*\)\.js\(\.flow\)?$' -> '\1'
-# strip .macos suffix
-module.system.haste.name_reducers='^\(.*\)\.macos$' -> '\1'
-module.system.haste.name_reducers='^\(.*\)\.ios$' -> '\1'
-module.system.haste.name_reducers='^\(.*\)\.android$' -> '\1'
-module.system.haste.name_reducers='^\(.*\)\.native$' -> '\1'
-module.system.haste.paths.blacklist=.*/__tests__/.*
-module.system.haste.paths.blacklist=.*/__mocks__/.*
-module.system.haste.paths.whitelist=<PROJECT_ROOT>/Libraries/.*
-module.system.haste.paths.whitelist=<PROJECT_ROOT>/RNTester/.*
-module.system.haste.paths.whitelist=<PROJECT_ROOT>/IntegrationTests/.*
-module.system.haste.paths.blacklist=<PROJECT_ROOT>/Libraries/react-native/react-native-implementation.js
-module.system.haste.paths.blacklist=<PROJECT_ROOT>/Libraries/Animated/src/polyfills/.*
-
 munge_underscores=true
 
-module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
+module.name_mapper='^react-native$' -> '<PROJECT_ROOT>/Libraries/react-native/react-native-implementation'
+module.name_mapper='^react-native/\(.*\)$' -> '<PROJECT_ROOT>/\1'
+module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> '<PROJECT_ROOT>/Libraries/Image/RelativeImageStub'
 
 suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
 suppress_type=$FlowFixMeProps
 suppress_type=$FlowFixMeState
+suppress_type=$FlowFixMeEmpty
 
 suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)
 suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)?:? #[0-9]+
@@ -109,4 +81,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.98.0
+^0.105.0
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
index 09c71aff836751..0856e966039493 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -29,12 +29,12 @@ React Native version:
 Describe what you expected to happen:
 
 
-Snack, code example, or link to a repository:
-
+Snack, code example, screenshot, or link to a repository:
 
 <!--
   Please provide a Snack (https://snack.expo.io/), a link to a repository on GitHub, or
   provide a minimal code example that reproduces the problem.
-  Here are some tips for providing a minimal example: https://stackoverflow.com/help/mcve.
+  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.	  --	
 -->
 
diff --git a/.gitignore b/.gitignore
index f831efb12ac614..94dbd79416fca2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -86,7 +86,13 @@ RNTester/build
 # CocoaPods
 /template/ios/Pods/
 /template/ios/Podfile.lock
+/RNTester/Gemfile.lock
 
+# Ignore RNTester specific Pods, but keep the __offline_mirrors__ here.
+RNTester/Pods/*
+!RNTester/Pods/__offline_mirrors
+
+# NuGet
 *.nupkg
 
 #vscode
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 42cb49e62135ee..28ddd7ac89c652 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -18,7 +18,7 @@ If you are eager to start contributing code right away, we have a list of [good
 
 There are other ways you can contribute without writing a single line of code. Here are a few things you can do to help out:
 
-1. **Replying and handling open issues.** We get a lot of issues every day, and some of them may lack necessary information. You can help out by guiding people through the process of filling out the issue template, asking for clarifying information, or pointing them to existing issues that match their description of the problem. We'll cover more about this process later, in [Handling Issues](http://github.com/facebook/react-native/wiki/Handling-Issues).
+1. **Replying and handling open issues.** We get a lot of issues every day, and some of them may lack necessary information. You can help out by guiding people through the process of filling out the issue template, asking for clarifying information, or pointing them to existing issues that match their description of the problem. We cover more about this process in the [Issue Triage wiki](https://github.com/facebook/react-native/wiki/Issues#triage).
 2. **Reviewing pull requests for the docs.** Reviewing [documentation updates](https://github.com/facebook/react-native-website/pulls) can be as simple as checking for spelling and grammar. If you encounter situations that can be explained better in the docs, click **Edit** at the top of most docs pages to get started with your own contribution.
 3. **Help people write test plans.** Some pull requests sent to the main repository may lack a proper test plan. These help reviewers understand how the change was tested, and can speed up the time it takes for a contribution to be accepted.
 
@@ -30,6 +30,7 @@ We use GitHub issues and pull requests to keep track of bug reports and contribu
 
 You can learn more about the contribution process in the following documents:
 
+* [Issues](https://github.com/facebook/react-native/wiki/Issues)
 * [Pull Requests](https://github.com/facebook/react-native/wiki/Pull-Requests)
 
 We also have a thriving community of contributors who would be happy to help you get set up. You can reach out to us through [@ReactNative](http://twitter.com/reactnative) (the React Native team) and [@ReactNativeComm](http://twitter.com/reactnativecomm) (the React Native Community organization).
@@ -47,9 +48,9 @@ There are a few other repositories you might want to familiarize yourself with:
 
 Browsing through these repositories should provide some insight into how the React Native open source project is managed.
 
-## Handling Issues
+## GitHub Issues
 
-We use GitHub issues to track bugs exclusively. You can report an issue by filing a [Bug Report](https://github.com/facebook/react-native/issues/new/choose). Watch this space for more details on how to get involved and triage issues.
+We use GitHub issues to track bugs exclusively. We have documented our issue handling processes in the [Issues wiki](https://github.com/facebook/react-native/wiki/Issues).
 
 ### Security Bugs
 
@@ -82,7 +83,7 @@ Code-level contributions to React Native generally come in the form of [pull req
 7. Create a pull request to the React Native repository.
 8. Review and address comments on your pull request.
     1. A bot may comment with suggestions. Generally we ask you to resolve these first before a maintainer will review your code.
-9. If you haven't already, complete the Contributor License Agreement ("CLA").
+9. If you haven't already, please complete the [Contributor License Agreement](https://github.com/facebook/react-native/wiki/Contributor-License-Agreement) ("CLA"). **[Complete your CLA here.](https://code.facebook.com/cla)**
 
 If all goes well, your pull request will be merged. If it is not merged, maintainers will do their best to explain the reason why.
 
diff --git a/IntegrationTests/AccessibilityManagerTest.js b/IntegrationTests/AccessibilityManagerTest.js
index b05aea774056e4..313b8990346671 100644
--- a/IntegrationTests/AccessibilityManagerTest.js
+++ b/IntegrationTests/AccessibilityManagerTest.js
@@ -14,11 +14,18 @@ const React = require('react');
 const ReactNative = require('react-native');
 const {View} = ReactNative;
 const RCTDeviceEventEmitter = require('react-native/Libraries/EventEmitter/RCTDeviceEventEmitter');
-const {TestModule, AccessibilityManager} = ReactNative.NativeModules;
+const {TestModule} = ReactNative.NativeModules;
+import NativeAccessibilityManager from 'react-native/Libraries/Components/AccessibilityInfo/NativeAccessibilityManager';
+import invariant from 'invariant';
 
 class AccessibilityManagerTest extends React.Component<{}> {
   componentDidMount() {
-    AccessibilityManager.setAccessibilityContentSizeMultipliers({
+    invariant(
+      NativeAccessibilityManager,
+      "NativeAccessibilityManager doesn't exist",
+    );
+
+    NativeAccessibilityManager.setAccessibilityContentSizeMultipliers({
       extraSmall: 1.0,
       small: 2.0,
       medium: 3.0,
diff --git a/IntegrationTests/AppEventsTest.js b/IntegrationTests/AppEventsTest.js
index a109f42e4c35c6..4bc0b0649c16fa 100644
--- a/IntegrationTests/AppEventsTest.js
+++ b/IntegrationTests/AppEventsTest.js
@@ -36,7 +36,7 @@ class AppEventsTest extends React.Component<{}, State> {
     this.setState({sent: event});
   }
 
-  receiveEvent = (event: any) => {
+  receiveEvent: (event: any) => void = (event: any) => {
     if (deepDiffer(event.data, TEST_PAYLOAD)) {
       throw new Error('Received wrong event: ' + JSON.stringify(event));
     }
@@ -46,7 +46,7 @@ class AppEventsTest extends React.Component<{}, State> {
     });
   };
 
-  render() {
+  render(): React.Node {
     return (
       <View style={styles.container}>
         <Text>{JSON.stringify(this.state, null, '  ')}</Text>
diff --git a/IntegrationTests/AsyncStorageTest.js b/IntegrationTests/AsyncStorageTest.js
index e1a4de758b00cc..81325c752504ee 100644
--- a/IntegrationTests/AsyncStorageTest.js
+++ b/IntegrationTests/AsyncStorageTest.js
@@ -177,7 +177,7 @@ function testOptimizedMultiGet() {
 }
 
 class AsyncStorageTest extends React.Component<{}, $FlowFixMeState> {
-  state = {
+  state: any | $TEMPORARY$object<{|done: boolean, messages: string|}> = {
     messages: 'Initializing...',
     done: false,
   };
@@ -194,7 +194,7 @@ class AsyncStorageTest extends React.Component<{}, $FlowFixMeState> {
     AsyncStorage.clear(testSetAndGet);
   }
 
-  render() {
+  render(): React.Node {
     return (
       <View style={styles.container}>
         <Text>
diff --git a/IntegrationTests/GlobalEvalWithSourceUrlTest.js b/IntegrationTests/GlobalEvalWithSourceUrlTest.js
new file mode 100644
index 00000000000000..0fd59bc26441fe
--- /dev/null
+++ b/IntegrationTests/GlobalEvalWithSourceUrlTest.js
@@ -0,0 +1,80 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 ReactNative = require('react-native');
+const parseErrorStack = require('react-native/Libraries/Core/Devtools/parseErrorStack');
+const {View} = ReactNative;
+
+const {TestModule} = ReactNative.NativeModules;
+
+class GlobalEvalWithSourceUrlTest extends React.Component<{}> {
+  componentDidMount() {
+    if (typeof global.globalEvalWithSourceUrl !== 'function') {
+      throw new Error(
+        'Expected to find globalEvalWithSourceUrl function on global object but found ' +
+          typeof global.globalEvalWithSourceUrl,
+      );
+    }
+    const value = global.globalEvalWithSourceUrl('42');
+    if (value !== 42) {
+      throw new Error(
+        'Expected globalEvalWithSourceUrl(expression) to return a value',
+      );
+    }
+    let syntaxError;
+    try {
+      global.globalEvalWithSourceUrl('{');
+    } catch (e) {
+      syntaxError = e;
+    }
+    if (!syntaxError) {
+      throw new Error(
+        'Expected globalEvalWithSourceUrl to throw on a syntax error',
+      );
+    }
+    if (!(syntaxError instanceof SyntaxError)) {
+      throw new Error(
+        'Expected globalEvalWithSourceUrl to throw SyntaxError on a syntax error',
+      );
+    }
+    const url = 'http://example.com/foo.js';
+    let error;
+    try {
+      global.globalEvalWithSourceUrl('throw new Error()', url);
+    } catch (e) {
+      error = e;
+    }
+    if (!error) {
+      throw new Error(
+        'Expected globalEvalWithSourceUrl to throw an Error object',
+      );
+    }
+    const parsedStack = parseErrorStack(error);
+    if (parsedStack[0].file !== url) {
+      throw new Error(
+        `Expected first eval stack frame to be in ${url} but found ${String(
+          parsedStack[0].file,
+        )}`,
+      );
+    }
+    TestModule.markTestCompleted();
+  }
+
+  render(): React.Node {
+    return <View />;
+  }
+}
+
+GlobalEvalWithSourceUrlTest.displayName = 'GlobalEvalWithSourceUrlTest';
+
+module.exports = GlobalEvalWithSourceUrlTest;
diff --git a/IntegrationTests/ImageCachePolicyTest.js b/IntegrationTests/ImageCachePolicyTest.js
index 0dae9812cf6e24..d25e6c2b86ede3 100644
--- a/IntegrationTests/ImageCachePolicyTest.js
+++ b/IntegrationTests/ImageCachePolicyTest.js
@@ -36,9 +36,9 @@ type State = {
 };
 
 class ImageCachePolicyTest extends React.Component<Props, $FlowFixMeState> {
-  state = {};
+  state: $FlowFixMe | $TEMPORARY$object<{||}> = {};
 
-  shouldComponentUpdate(nextProps: Props, nextState: State) {
+  shouldComponentUpdate(nextProps: Props, nextState: State): boolean {
     const results: Array<?boolean> = TESTS.map(x => nextState[x]);
 
     if (!results.includes(undefined)) {
@@ -56,7 +56,7 @@ class ImageCachePolicyTest extends React.Component<Props, $FlowFixMeState> {
     this.setState({[name]: pass});
   }
 
-  render() {
+  render(): React.Node {
     return (
       <View style={styles.container}>
         <Text>Hello</Text>
diff --git a/IntegrationTests/ImageSnapshotTest.js b/IntegrationTests/ImageSnapshotTest.js
index c4ffaae51c2ec4..495423ae006340 100644
--- a/IntegrationTests/ImageSnapshotTest.js
+++ b/IntegrationTests/ImageSnapshotTest.js
@@ -22,11 +22,11 @@ class ImageSnapshotTest extends React.Component<{}> {
     }
   }
 
-  done = (success: boolean) => {
+  done: (success: boolean) => void = (success: boolean) => {
     TestModule.markTestPassed(success);
   };
 
-  render() {
+  render(): React.Node {
     return (
       <Image
         source={require('./blue_square.png')}
diff --git a/IntegrationTests/IntegrationTestHarnessTest.js b/IntegrationTests/IntegrationTestHarnessTest.js
index ea5e4f3a49b47e..148462286d6228 100644
--- a/IntegrationTests/IntegrationTestHarnessTest.js
+++ b/IntegrationTests/IntegrationTestHarnessTest.js
@@ -10,9 +10,10 @@
 
 'use strict';
 
-const requestAnimationFrame = require('fbjs/lib/requestAnimationFrame');
 const React = require('react');
 const ReactNative = require('react-native');
+
+const requestAnimationFrame = require('fbjs/lib/requestAnimationFrame');
 const {Text, View, StyleSheet} = ReactNative;
 const {TestModule} = ReactNative.NativeModules;
 
@@ -26,7 +27,7 @@ type State = {|
 |};
 
 class IntegrationTestHarnessTest extends React.Component<Props, State> {
-  state = {
+  state: State = {
     done: false,
   };
 
@@ -38,7 +39,7 @@ class IntegrationTestHarnessTest extends React.Component<Props, State> {
     }
   }
 
-  runTest = () => {
+  runTest: () => void = () => {
     if (this.props.shouldThrow) {
       throw new Error('Throwing error because shouldThrow');
     }
@@ -52,7 +53,7 @@ class IntegrationTestHarnessTest extends React.Component<Props, State> {
     });
   };
 
-  render() {
+  render(): React.Node {
     return (
       <View style={styles.container}>
         <Text>
diff --git a/IntegrationTests/IntegrationTestsApp.js b/IntegrationTests/IntegrationTestsApp.js
index de3d6004b8e353..a7ad8113abb5a2 100644
--- a/IntegrationTests/IntegrationTestsApp.js
+++ b/IntegrationTests/IntegrationTestsApp.js
@@ -25,17 +25,18 @@ const {
 // Keep this list in sync with RNTesterIntegrationTests.m
 const TESTS = [
   require('./IntegrationTestHarnessTest'),
-  //  require('./TimersTest'),
+  // require('./TimersTest'),
   require('./AsyncStorageTest'),
+  // require('./LayoutEventsTest'),
   require('./AppEventsTest'),
+  require('./SimpleSnapshotTest'),
   // require('./ImageCachePolicyTest'),
   // require('./ImageSnapshotTest'),
-  // require('./LayoutEventsTest'),
-  require('./SimpleSnapshotTest'),
-  require('./SyncMethodTest'),
   require('./PromiseTest'),
+  require('./SyncMethodTest'),
   require('./WebSocketTest'),
   require('./AccessibilityManagerTest'),
+  require('./GlobalEvalWithSourceUrlTest'),
 ];
 
 TESTS.forEach(
diff --git a/IntegrationTests/LayoutEventsTest.js b/IntegrationTests/LayoutEventsTest.js
index 81919b0bb7cc41..ce7ec5fab61076 100644
--- a/IntegrationTests/LayoutEventsTest.js
+++ b/IntegrationTests/LayoutEventsTest.js
@@ -10,10 +10,10 @@
 
 'use strict';
 
-const Platform = require('Platform');
 const React = require('react');
 const ReactNative = require('react-native');
 const {Image, LayoutAnimation, StyleSheet, Text, View} = ReactNative;
+const {Platform} = ReactNative; // TODO(macOS ISS#2323203)
 const {TestModule} = ReactNative.NativeModules;
 
 import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
@@ -53,8 +53,8 @@ class LayoutEventsTest extends React.Component<Props, State> {
   animateViewLayout() {
     debug('animateViewLayout invoked');
     LayoutAnimation.configureNext(
-      Platform.OS === 'macos'
-        ? LayoutAnimation.Presets.easeInEaseOut
+      Platform.OS === 'macos' // [TODO(macOS ISS#2323203)
+        ? LayoutAnimation.Presets.easeInEaseOut // ]TODO(macOS ISS#2323203)
         : LayoutAnimation.Presets.spring,
       () => {
         debug('animateViewLayout done');
@@ -64,7 +64,7 @@ class LayoutEventsTest extends React.Component<Props, State> {
     this.setState({viewStyle: {margin: 60}});
   }
 
-  addWrapText = () => {
+  addWrapText: () => void = () => {
     debug('addWrapText invoked');
     this.setState(
       {extraText: '  And a bunch more text to wrap around a few lines.'},
@@ -72,14 +72,14 @@ class LayoutEventsTest extends React.Component<Props, State> {
     );
   };
 
-  changeContainer = () => {
+  changeContainer: () => void = () => {
     debug('changeContainer invoked');
     this.setState({containerStyle: {width: 280}}, () =>
       this.checkLayout(TestModule.markTestCompleted),
     );
   };
 
-  checkLayout = (next?: ?() => void) => {
+  checkLayout: (next?: ?() => void) => void = (next?: ?() => void) => {
     const view = this._view;
     const txt = this._txt;
     const img = this._img;
@@ -123,22 +123,22 @@ class LayoutEventsTest extends React.Component<Props, State> {
     }
   }
 
-  onViewLayout = (e: LayoutEvent) => {
+  onViewLayout: (e: LayoutEvent) => void = (e: LayoutEvent) => {
     debug('received view layout event\n', e.nativeEvent);
     this.setState({viewLayout: e.nativeEvent.layout}, this.checkLayout);
   };
 
-  onTextLayout = (e: LayoutEvent) => {
+  onTextLayout: (e: LayoutEvent) => void = (e: LayoutEvent) => {
     debug('received text layout event\n', e.nativeEvent);
     this.setState({textLayout: e.nativeEvent.layout}, this.checkLayout);
   };
 
-  onImageLayout = (e: LayoutEvent) => {
+  onImageLayout: (e: LayoutEvent) => void = (e: LayoutEvent) => {
     debug('received image layout event\n', e.nativeEvent);
     this.setState({imageLayout: e.nativeEvent.layout}, this.checkLayout);
   };
 
-  render() {
+  render(): React.Node {
     const viewStyle = [styles.view, this.state.viewStyle];
     const textLayout = this.state.textLayout || {width: '?', height: '?'};
     const imageLayout = this.state.imageLayout || {x: '?', y: '?'};
diff --git a/IntegrationTests/PromiseTest.js b/IntegrationTests/PromiseTest.js
index c36d3beb017b69..b35c971fc34816 100644
--- a/IntegrationTests/PromiseTest.js
+++ b/IntegrationTests/PromiseTest.js
@@ -16,10 +16,10 @@ const {View} = ReactNative;
 const {TestModule} = ReactNative.NativeModules;
 
 class PromiseTest extends React.Component<{}> {
-  shouldResolve = false;
-  shouldReject = false;
-  shouldSucceedAsync = false;
-  shouldThrowAsync = false;
+  shouldResolve: boolean = false;
+  shouldReject: boolean = false;
+  shouldSucceedAsync: boolean = false;
+  shouldThrowAsync: boolean = false;
 
   componentDidMount() {
     Promise.all([
@@ -37,19 +37,19 @@ class PromiseTest extends React.Component<{}> {
     );
   }
 
-  testShouldResolve = () => {
+  testShouldResolve: () => any = () => {
     return TestModule.shouldResolve()
       .then(() => (this.shouldResolve = true))
       .catch(() => (this.shouldResolve = false));
   };
 
-  testShouldReject = () => {
+  testShouldReject: () => any = () => {
     return TestModule.shouldReject()
       .then(() => (this.shouldReject = false))
       .catch(() => (this.shouldReject = true));
   };
 
-  testShouldSucceedAsync = async (): Promise<any> => {
+  testShouldSucceedAsync: () => Promise<any> = async (): Promise<any> => {
     try {
       await TestModule.shouldResolve();
       this.shouldSucceedAsync = true;
@@ -58,7 +58,7 @@ class PromiseTest extends React.Component<{}> {
     }
   };
 
-  testShouldThrowAsync = async (): Promise<any> => {
+  testShouldThrowAsync: () => Promise<any> = async (): Promise<any> => {
     try {
       await TestModule.shouldReject();
       this.shouldThrowAsync = false;
diff --git a/IntegrationTests/ReactContentSizeUpdateTest.js b/IntegrationTests/ReactContentSizeUpdateTest.js
index ad87bb6ed42f08..47373d6f2a8978 100644
--- a/IntegrationTests/ReactContentSizeUpdateTest.js
+++ b/IntegrationTests/ReactContentSizeUpdateTest.js
@@ -10,9 +10,9 @@
 
 'use strict';
 
+const RCTNativeAppEventEmitter = require('react-native/Libraries/EventEmitter/RCTNativeAppEventEmitter');
 const React = require('react');
 const ReactNative = require('react-native');
-const RCTNativeAppEventEmitter = require('react-native/Libraries/EventEmitter/RCTNativeAppEventEmitter');
 
 const {View} = ReactNative;
 
@@ -35,7 +35,7 @@ class ReactContentSizeUpdateTest extends React.Component<Props, State> {
   _timeoutID: ?TimeoutID = null;
   _subscription: ?EmitterSubscription = null;
 
-  state = {
+  state: State = {
     height: reactViewHeight,
     width: reactViewWidth,
   };
@@ -70,7 +70,9 @@ class ReactContentSizeUpdateTest extends React.Component<Props, State> {
     });
   }
 
-  rootViewDidChangeIntrinsicSize = (intrinsicSize: State) => {
+  rootViewDidChangeIntrinsicSize: (intrinsicSize: State) => void = (
+    intrinsicSize: State,
+  ) => {
     if (
       intrinsicSize.height === newReactViewHeight &&
       intrinsicSize.width === newReactViewWidth
@@ -79,7 +81,7 @@ class ReactContentSizeUpdateTest extends React.Component<Props, State> {
     }
   };
 
-  render() {
+  render(): React.Node {
     return (
       <View style={{height: this.state.height, width: this.state.width}} />
     );
diff --git a/IntegrationTests/SimpleSnapshotTest.js b/IntegrationTests/SimpleSnapshotTest.js
index 6ebf24fd25ac3a..90cb3f1e17c475 100644
--- a/IntegrationTests/SimpleSnapshotTest.js
+++ b/IntegrationTests/SimpleSnapshotTest.js
@@ -12,6 +12,7 @@
 
 const React = require('react');
 const ReactNative = require('react-native');
+
 const requestAnimationFrame = require('fbjs/lib/requestAnimationFrame');
 
 const {StyleSheet, View} = ReactNative;
@@ -25,11 +26,11 @@ class SimpleSnapshotTest extends React.Component<{}> {
     requestAnimationFrame(() => TestModule.verifySnapshot(this.done));
   }
 
-  done = (success: boolean) => {
+  done: (success: boolean) => void = (success: boolean) => {
     TestModule.markTestPassed(success);
   };
 
-  render() {
+  render(): React.Node {
     return (
       <View style={styles.container}>
         <View style={styles.box1} />
diff --git a/IntegrationTests/SizeFlexibilityUpdateTest.js b/IntegrationTests/SizeFlexibilityUpdateTest.js
index 2da24f0b920f9a..419083c57a319a 100644
--- a/IntegrationTests/SizeFlexibilityUpdateTest.js
+++ b/IntegrationTests/SizeFlexibilityUpdateTest.js
@@ -10,9 +10,9 @@
 
 'use strict';
 
+const RCTNativeAppEventEmitter = require('react-native/Libraries/EventEmitter/RCTNativeAppEventEmitter');
 const React = require('react');
 const ReactNative = require('react-native');
-const RCTNativeAppEventEmitter = require('react-native/Libraries/EventEmitter/RCTNativeAppEventEmitter');
 const {View} = ReactNative;
 
 const {TestModule} = ReactNative.NativeModules;
@@ -46,15 +46,15 @@ class SizeFlexibilityUpdateTest extends React.Component<Props> {
     }
   }
 
-  markPassed = () => {
+  markPassed: () => void = () => {
     TestModule.markTestPassed(true);
     finalState = true;
   };
 
-  rootViewDidChangeIntrinsicSize = (intrinsicSize: {
-    width: number,
+  rootViewDidChangeIntrinsicSize: (intrinsicSize: {
     height: number,
-  }) => {
+    width: number,
+  }) => void = (intrinsicSize: {width: number, height: number}) => {
     if (finalState) {
       // If a test reaches its final state, it is not expected to do anything more
       TestModule.markTestPassed(false);
@@ -99,7 +99,7 @@ class SizeFlexibilityUpdateTest extends React.Component<Props> {
     }
   };
 
-  render() {
+  render(): React.Node {
     return <View style={{height: reactViewHeight, width: reactViewWidth}} />;
   }
 }
diff --git a/IntegrationTests/TimersTest.js b/IntegrationTests/TimersTest.js
index c7eefb915333c3..8550c6f00eec6b 100644
--- a/IntegrationTests/TimersTest.js
+++ b/IntegrationTests/TimersTest.js
@@ -33,7 +33,7 @@ class TimersTest extends React.Component<Props, State> {
   _immediateIDs: Set<ImmediateID> = new Set();
   _animationFrameIDs: Set<AnimationFrameID> = new Set();
 
-  state = {
+  state: State = {
     count: 0,
     done: false,
   };
@@ -228,7 +228,7 @@ class TimersTest extends React.Component<Props, State> {
     }
   }
 
-  render() {
+  render(): React.Node {
     return (
       <View style={styles.container}>
         <Text>
diff --git a/IntegrationTests/WebSocketTest.js b/IntegrationTests/WebSocketTest.js
index 0d2cd5e0b4d9e7..fcc2d74cb8d35c 100644
--- a/IntegrationTests/WebSocketTest.js
+++ b/IntegrationTests/WebSocketTest.js
@@ -113,7 +113,7 @@ class WebSocketTest extends React.Component<{}, State> {
     this.testConnect();
   }
 
-  testConnect = () => {
+  testConnect: () => void = () => {
     this._connect();
     this._waitFor(this._socketIsConnected, 5, connectSucceeded => {
       if (!connectSucceeded) {
@@ -124,7 +124,7 @@ class WebSocketTest extends React.Component<{}, State> {
     });
   };
 
-  testSendAndReceive = () => {
+  testSendAndReceive: () => void = () => {
     this._sendTestMessage();
     this._waitFor(this._receivedTestExpectedResponse, 5, messageReceived => {
       if (!messageReceived) {
@@ -135,7 +135,7 @@ class WebSocketTest extends React.Component<{}, State> {
     });
   };
 
-  testDisconnect = () => {
+  testDisconnect: () => void = () => {
     this._disconnect();
     this._waitFor(this._socketIsDisconnected, 5, disconnectSucceeded => {
       TestModule.markTestPassed(disconnectSucceeded);
diff --git a/Libraries/ART/ART.xcodeproj/project.pbxproj b/Libraries/ART/ART.xcodeproj/project.pbxproj
deleted file mode 100644
index a78db70bb3ceaf..00000000000000
--- a/Libraries/ART/ART.xcodeproj/project.pbxproj
+++ /dev/null
@@ -1,669 +0,0 @@
-// !$*UTF8*$!
-{
-	archiveVersion = 1;
-	classes = {
-	};
-	objectVersion = 46;
-	objects = {
-
-/* Begin PBXBuildFile section */
-		0CF68B051AF0549300FF9E5C /* ARTGroup.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68ADE1AF0549300FF9E5C /* ARTGroup.m */; };
-		0CF68B061AF0549300FF9E5C /* ARTNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AE01AF0549300FF9E5C /* ARTNode.m */; };
-		0CF68B071AF0549300FF9E5C /* ARTRenderable.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AE21AF0549300FF9E5C /* ARTRenderable.m */; };
-		0CF68B081AF0549300FF9E5C /* ARTShape.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AE41AF0549300FF9E5C /* ARTShape.m */; };
-		0CF68B091AF0549300FF9E5C /* ARTSurfaceView.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AE61AF0549300FF9E5C /* ARTSurfaceView.m */; };
-		0CF68B0A1AF0549300FF9E5C /* ARTText.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AE81AF0549300FF9E5C /* ARTText.m */; };
-		0CF68B0B1AF0549300FF9E5C /* ARTBrush.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AEC1AF0549300FF9E5C /* ARTBrush.m */; };
-		0CF68B0C1AF0549300FF9E5C /* ARTLinearGradient.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AEE1AF0549300FF9E5C /* ARTLinearGradient.m */; };
-		0CF68B0D1AF0549300FF9E5C /* ARTPattern.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AF01AF0549300FF9E5C /* ARTPattern.m */; };
-		0CF68B0E1AF0549300FF9E5C /* ARTRadialGradient.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AF21AF0549300FF9E5C /* ARTRadialGradient.m */; };
-		0CF68B0F1AF0549300FF9E5C /* ARTSolidColor.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AF41AF0549300FF9E5C /* ARTSolidColor.m */; };
-		0CF68B101AF0549300FF9E5C /* RCTConvert+ART.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AF71AF0549300FF9E5C /* RCTConvert+ART.m */; };
-		0CF68B111AF0549300FF9E5C /* ARTGroupManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AFA1AF0549300FF9E5C /* ARTGroupManager.m */; };
-		0CF68B121AF0549300FF9E5C /* ARTNodeManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AFC1AF0549300FF9E5C /* ARTNodeManager.m */; };
-		0CF68B131AF0549300FF9E5C /* ARTRenderableManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AFE1AF0549300FF9E5C /* ARTRenderableManager.m */; };
-		0CF68B141AF0549300FF9E5C /* ARTShapeManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68B001AF0549300FF9E5C /* ARTShapeManager.m */; };
-		0CF68B151AF0549300FF9E5C /* ARTSurfaceViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68B021AF0549300FF9E5C /* ARTSurfaceViewManager.m */; };
-		0CF68B161AF0549300FF9E5C /* ARTTextManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68B041AF0549300FF9E5C /* ARTTextManager.m */; };
-		325CF7AD1E5F2ABA00AC9606 /* ARTBrush.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AEC1AF0549300FF9E5C /* ARTBrush.m */; };
-		325CF7AE1E5F2ABA00AC9606 /* ARTLinearGradient.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AEE1AF0549300FF9E5C /* ARTLinearGradient.m */; };
-		325CF7AF1E5F2ABA00AC9606 /* ARTPattern.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AF01AF0549300FF9E5C /* ARTPattern.m */; };
-		325CF7B01E5F2ABA00AC9606 /* ARTRadialGradient.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AF21AF0549300FF9E5C /* ARTRadialGradient.m */; };
-		325CF7B11E5F2ABA00AC9606 /* ARTSolidColor.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AF41AF0549300FF9E5C /* ARTSolidColor.m */; };
-		325CF7B21E5F2ABA00AC9606 /* ARTGroupManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AFA1AF0549300FF9E5C /* ARTGroupManager.m */; };
-		325CF7B31E5F2ABA00AC9606 /* ARTNodeManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AFC1AF0549300FF9E5C /* ARTNodeManager.m */; };
-		325CF7B41E5F2ABA00AC9606 /* ARTRenderableManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AFE1AF0549300FF9E5C /* ARTRenderableManager.m */; };
-		325CF7B51E5F2ABA00AC9606 /* ARTShapeManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68B001AF0549300FF9E5C /* ARTShapeManager.m */; };
-		325CF7B61E5F2ABA00AC9606 /* ARTSurfaceViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68B021AF0549300FF9E5C /* ARTSurfaceViewManager.m */; };
-		325CF7B71E5F2ABA00AC9606 /* ARTTextManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68B041AF0549300FF9E5C /* ARTTextManager.m */; };
-		325CF7B81E5F2ABA00AC9606 /* ARTGroup.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68ADE1AF0549300FF9E5C /* ARTGroup.m */; };
-		325CF7B91E5F2ABA00AC9606 /* ARTNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AE01AF0549300FF9E5C /* ARTNode.m */; };
-		325CF7BA1E5F2ABA00AC9606 /* ARTRenderable.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AE21AF0549300FF9E5C /* ARTRenderable.m */; };
-		325CF7BB1E5F2ABA00AC9606 /* ARTShape.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AE41AF0549300FF9E5C /* ARTShape.m */; };
-		325CF7BC1E5F2ABA00AC9606 /* ARTSurfaceView.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AE61AF0549300FF9E5C /* ARTSurfaceView.m */; };
-		325CF7BD1E5F2ABA00AC9606 /* ARTText.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AE81AF0549300FF9E5C /* ARTText.m */; };
-		325CF7BE1E5F2ABA00AC9606 /* RCTConvert+ART.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AF71AF0549300FF9E5C /* RCTConvert+ART.m */; };
-		6431E8A01F9A30AD00BA05C9 /* ARTTextFrame.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 0CF68AE91AF0549300FF9E5C /* ARTTextFrame.h */; };
-		6431E8A11F9A30AD00BA05C9 /* RCTConvert+ART.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 0CF68AF61AF0549300FF9E5C /* RCTConvert+ART.h */; };
-		6431E8A21F9A30B300BA05C9 /* ARTSurfaceView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 0CF68AE51AF0549300FF9E5C /* ARTSurfaceView.h */; };
-		6431E8A31F9A30B700BA05C9 /* ARTContainer.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 0CF68ADC1AF0549300FF9E5C /* ARTContainer.h */; };
-		6431E8A41F9A30BA00BA05C9 /* ARTCGFloatArray.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 0CF68ADB1AF0549300FF9E5C /* ARTCGFloatArray.h */; };
-		6431E8A51F9A30BD00BA05C9 /* ARTBrush.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 0CF68AEB1AF0549300FF9E5C /* ARTBrush.h */; };
-		6431E8A61F9A312000BA05C9 /* ARTBrush.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 0CF68AEB1AF0549300FF9E5C /* ARTBrush.h */; };
-		6431E8A71F9A312000BA05C9 /* ARTCGFloatArray.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 0CF68ADB1AF0549300FF9E5C /* ARTCGFloatArray.h */; };
-		6431E8A81F9A312000BA05C9 /* ARTContainer.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 0CF68ADC1AF0549300FF9E5C /* ARTContainer.h */; };
-		6431E8A91F9A312000BA05C9 /* ARTSurfaceView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 0CF68AE51AF0549300FF9E5C /* ARTSurfaceView.h */; };
-		6431E8AA1F9A312000BA05C9 /* ARTTextFrame.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 0CF68AE91AF0549300FF9E5C /* ARTTextFrame.h */; };
-		6431E8AB1F9A312000BA05C9 /* RCTConvert+ART.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 0CF68AF61AF0549300FF9E5C /* RCTConvert+ART.h */; };
-		6431E8AC1F9A316D00BA05C9 /* ARTBrush.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 0CF68AEB1AF0549300FF9E5C /* ARTBrush.h */; };
-		6431E8AD1F9A316D00BA05C9 /* ARTCGFloatArray.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 0CF68ADB1AF0549300FF9E5C /* ARTCGFloatArray.h */; };
-		6431E8AE1F9A316D00BA05C9 /* ARTContainer.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 0CF68ADC1AF0549300FF9E5C /* ARTContainer.h */; };
-		6431E8AF1F9A316D00BA05C9 /* ARTSurfaceView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 0CF68AE51AF0549300FF9E5C /* ARTSurfaceView.h */; };
-		6431E8B01F9A316E00BA05C9 /* ARTTextFrame.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 0CF68AE91AF0549300FF9E5C /* ARTTextFrame.h */; };
-		6431E8B11F9A316E00BA05C9 /* RCTConvert+ART.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 0CF68AF61AF0549300FF9E5C /* RCTConvert+ART.h */; };
-		647647631F0BC33500C2D89B /* ARTTextManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68B041AF0549300FF9E5C /* ARTTextManager.m */; };
-		647647641F0BC33500C2D89B /* ARTGroupManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AFA1AF0549300FF9E5C /* ARTGroupManager.m */; };
-		647647651F0BC33500C2D89B /* ARTPattern.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AF01AF0549300FF9E5C /* ARTPattern.m */; };
-		647647661F0BC33500C2D89B /* ARTText.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AE81AF0549300FF9E5C /* ARTText.m */; };
-		647647671F0BC33500C2D89B /* ARTNodeManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AFC1AF0549300FF9E5C /* ARTNodeManager.m */; };
-		647647681F0BC33500C2D89B /* ARTGroup.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68ADE1AF0549300FF9E5C /* ARTGroup.m */; };
-		647647691F0BC33500C2D89B /* ARTRenderableManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AFE1AF0549300FF9E5C /* ARTRenderableManager.m */; };
-		6476476A1F0BC33500C2D89B /* ARTSurfaceView.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AE61AF0549300FF9E5C /* ARTSurfaceView.m */; };
-		6476476B1F0BC33500C2D89B /* ARTRadialGradient.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AF21AF0549300FF9E5C /* ARTRadialGradient.m */; };
-		6476476C1F0BC33500C2D89B /* ARTSurfaceViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68B021AF0549300FF9E5C /* ARTSurfaceViewManager.m */; };
-		6476476D1F0BC33500C2D89B /* ARTShape.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AE41AF0549300FF9E5C /* ARTShape.m */; };
-		6476476E1F0BC33500C2D89B /* ARTRenderable.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AE21AF0549300FF9E5C /* ARTRenderable.m */; };
-		6476476F1F0BC33500C2D89B /* RCTConvert+ART.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AF71AF0549300FF9E5C /* RCTConvert+ART.m */; };
-		647647701F0BC33500C2D89B /* ARTNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AE01AF0549300FF9E5C /* ARTNode.m */; };
-		647647711F0BC33500C2D89B /* ARTSolidColor.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AF41AF0549300FF9E5C /* ARTSolidColor.m */; };
-		647647721F0BC33500C2D89B /* ARTLinearGradient.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AEE1AF0549300FF9E5C /* ARTLinearGradient.m */; };
-		647647731F0BC33500C2D89B /* ARTBrush.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68AEC1AF0549300FF9E5C /* ARTBrush.m */; };
-		647647741F0BC33500C2D89B /* ARTShapeManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 0CF68B001AF0549300FF9E5C /* ARTShapeManager.m */; };
-/* End PBXBuildFile section */
-
-/* Begin PBXCopyFilesBuildPhase section */
-		0CF68ABF1AF0540F00FF9E5C /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = "include/$(PRODUCT_NAME)";
-			dstSubfolderSpec = 16;
-			files = (
-				6431E8AC1F9A316D00BA05C9 /* ARTBrush.h in Copy Headers */,
-				6431E8AD1F9A316D00BA05C9 /* ARTCGFloatArray.h in Copy Headers */,
-				6431E8AE1F9A316D00BA05C9 /* ARTContainer.h in Copy Headers */,
-				6431E8AF1F9A316D00BA05C9 /* ARTSurfaceView.h in Copy Headers */,
-				6431E8B01F9A316E00BA05C9 /* ARTTextFrame.h in Copy Headers */,
-				6431E8B11F9A316E00BA05C9 /* RCTConvert+ART.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		323A12851E5F266B004975B8 /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/ART;
-			dstSubfolderSpec = 16;
-			files = (
-				6431E8A61F9A312000BA05C9 /* ARTBrush.h in Copy Headers */,
-				6431E8A71F9A312000BA05C9 /* ARTCGFloatArray.h in Copy Headers */,
-				6431E8A81F9A312000BA05C9 /* ARTContainer.h in Copy Headers */,
-				6431E8A91F9A312000BA05C9 /* ARTSurfaceView.h in Copy Headers */,
-				6431E8AA1F9A312000BA05C9 /* ARTTextFrame.h in Copy Headers */,
-				6431E8AB1F9A312000BA05C9 /* RCTConvert+ART.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		647647761F0BC33500C2D89B /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/ART;
-			dstSubfolderSpec = 16;
-			files = (
-				6431E8A01F9A30AD00BA05C9 /* ARTTextFrame.h in Copy Headers */,
-				6431E8A11F9A30AD00BA05C9 /* RCTConvert+ART.h in Copy Headers */,
-				6431E8A21F9A30B300BA05C9 /* ARTSurfaceView.h in Copy Headers */,
-				6431E8A51F9A30BD00BA05C9 /* ARTBrush.h in Copy Headers */,
-				6431E8A41F9A30BA00BA05C9 /* ARTCGFloatArray.h in Copy Headers */,
-				6431E8A31F9A30B700BA05C9 /* ARTContainer.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXCopyFilesBuildPhase section */
-
-/* Begin PBXFileReference section */
-		0CF68AC11AF0540F00FF9E5C /* libART.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libART.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		0CF68ADB1AF0549300FF9E5C /* ARTCGFloatArray.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ARTCGFloatArray.h; sourceTree = "<group>"; };
-		0CF68ADC1AF0549300FF9E5C /* ARTContainer.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ARTContainer.h; sourceTree = "<group>"; };
-		0CF68ADD1AF0549300FF9E5C /* ARTGroup.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ARTGroup.h; sourceTree = "<group>"; };
-		0CF68ADE1AF0549300FF9E5C /* ARTGroup.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = ARTGroup.m; sourceTree = "<group>"; };
-		0CF68ADF1AF0549300FF9E5C /* ARTNode.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ARTNode.h; sourceTree = "<group>"; };
-		0CF68AE01AF0549300FF9E5C /* ARTNode.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = ARTNode.m; sourceTree = "<group>"; };
-		0CF68AE11AF0549300FF9E5C /* ARTRenderable.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ARTRenderable.h; sourceTree = "<group>"; };
-		0CF68AE21AF0549300FF9E5C /* ARTRenderable.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = ARTRenderable.m; sourceTree = "<group>"; };
-		0CF68AE31AF0549300FF9E5C /* ARTShape.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ARTShape.h; sourceTree = "<group>"; };
-		0CF68AE41AF0549300FF9E5C /* ARTShape.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = ARTShape.m; sourceTree = "<group>"; };
-		0CF68AE51AF0549300FF9E5C /* ARTSurfaceView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ARTSurfaceView.h; sourceTree = "<group>"; };
-		0CF68AE61AF0549300FF9E5C /* ARTSurfaceView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = ARTSurfaceView.m; sourceTree = "<group>"; };
-		0CF68AE71AF0549300FF9E5C /* ARTText.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ARTText.h; sourceTree = "<group>"; };
-		0CF68AE81AF0549300FF9E5C /* ARTText.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = ARTText.m; sourceTree = "<group>"; };
-		0CF68AE91AF0549300FF9E5C /* ARTTextFrame.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ARTTextFrame.h; sourceTree = "<group>"; };
-		0CF68AEB1AF0549300FF9E5C /* ARTBrush.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ARTBrush.h; sourceTree = "<group>"; };
-		0CF68AEC1AF0549300FF9E5C /* ARTBrush.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = ARTBrush.m; sourceTree = "<group>"; };
-		0CF68AED1AF0549300FF9E5C /* ARTLinearGradient.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ARTLinearGradient.h; sourceTree = "<group>"; };
-		0CF68AEE1AF0549300FF9E5C /* ARTLinearGradient.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = ARTLinearGradient.m; sourceTree = "<group>"; };
-		0CF68AEF1AF0549300FF9E5C /* ARTPattern.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ARTPattern.h; sourceTree = "<group>"; };
-		0CF68AF01AF0549300FF9E5C /* ARTPattern.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = ARTPattern.m; sourceTree = "<group>"; };
-		0CF68AF11AF0549300FF9E5C /* ARTRadialGradient.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ARTRadialGradient.h; sourceTree = "<group>"; };
-		0CF68AF21AF0549300FF9E5C /* ARTRadialGradient.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = ARTRadialGradient.m; sourceTree = "<group>"; };
-		0CF68AF31AF0549300FF9E5C /* ARTSolidColor.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ARTSolidColor.h; sourceTree = "<group>"; };
-		0CF68AF41AF0549300FF9E5C /* ARTSolidColor.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = ARTSolidColor.m; sourceTree = "<group>"; };
-		0CF68AF61AF0549300FF9E5C /* RCTConvert+ART.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = "RCTConvert+ART.h"; sourceTree = "<group>"; };
-		0CF68AF71AF0549300FF9E5C /* RCTConvert+ART.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = "RCTConvert+ART.m"; sourceTree = "<group>"; };
-		0CF68AF91AF0549300FF9E5C /* ARTGroupManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ARTGroupManager.h; sourceTree = "<group>"; };
-		0CF68AFA1AF0549300FF9E5C /* ARTGroupManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = ARTGroupManager.m; sourceTree = "<group>"; };
-		0CF68AFB1AF0549300FF9E5C /* ARTNodeManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ARTNodeManager.h; sourceTree = "<group>"; };
-		0CF68AFC1AF0549300FF9E5C /* ARTNodeManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = ARTNodeManager.m; sourceTree = "<group>"; };
-		0CF68AFD1AF0549300FF9E5C /* ARTRenderableManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ARTRenderableManager.h; sourceTree = "<group>"; };
-		0CF68AFE1AF0549300FF9E5C /* ARTRenderableManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = ARTRenderableManager.m; sourceTree = "<group>"; };
-		0CF68AFF1AF0549300FF9E5C /* ARTShapeManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ARTShapeManager.h; sourceTree = "<group>"; };
-		0CF68B001AF0549300FF9E5C /* ARTShapeManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = ARTShapeManager.m; sourceTree = "<group>"; };
-		0CF68B011AF0549300FF9E5C /* ARTSurfaceViewManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ARTSurfaceViewManager.h; sourceTree = "<group>"; };
-		0CF68B021AF0549300FF9E5C /* ARTSurfaceViewManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = ARTSurfaceViewManager.m; sourceTree = "<group>"; };
-		0CF68B031AF0549300FF9E5C /* ARTTextManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ARTTextManager.h; sourceTree = "<group>"; };
-		0CF68B041AF0549300FF9E5C /* ARTTextManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = ARTTextManager.m; sourceTree = "<group>"; };
-		323A12871E5F266B004975B8 /* libART-tvOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libART-tvOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		6476477A1F0BC33500C2D89B /* libART-macOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libART-macOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-/* End PBXFileReference section */
-
-/* Begin PBXFrameworksBuildPhase section */
-		0CF68ABE1AF0540F00FF9E5C /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		323A12841E5F266B004975B8 /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		647647751F0BC33500C2D89B /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXFrameworksBuildPhase section */
-
-/* Begin PBXGroup section */
-		0CF68AB81AF0540F00FF9E5C = {
-			isa = PBXGroup;
-			children = (
-				0CF68AEA1AF0549300FF9E5C /* Brushes */,
-				0CF68AF81AF0549300FF9E5C /* ViewManagers */,
-				0CF68ADB1AF0549300FF9E5C /* ARTCGFloatArray.h */,
-				0CF68ADC1AF0549300FF9E5C /* ARTContainer.h */,
-				0CF68ADD1AF0549300FF9E5C /* ARTGroup.h */,
-				0CF68ADE1AF0549300FF9E5C /* ARTGroup.m */,
-				0CF68ADF1AF0549300FF9E5C /* ARTNode.h */,
-				0CF68AE01AF0549300FF9E5C /* ARTNode.m */,
-				0CF68AE11AF0549300FF9E5C /* ARTRenderable.h */,
-				0CF68AE21AF0549300FF9E5C /* ARTRenderable.m */,
-				0CF68AE31AF0549300FF9E5C /* ARTShape.h */,
-				0CF68AE41AF0549300FF9E5C /* ARTShape.m */,
-				0CF68AE51AF0549300FF9E5C /* ARTSurfaceView.h */,
-				0CF68AE61AF0549300FF9E5C /* ARTSurfaceView.m */,
-				0CF68AE71AF0549300FF9E5C /* ARTText.h */,
-				0CF68AE81AF0549300FF9E5C /* ARTText.m */,
-				0CF68AE91AF0549300FF9E5C /* ARTTextFrame.h */,
-				0CF68AF61AF0549300FF9E5C /* RCTConvert+ART.h */,
-				0CF68AF71AF0549300FF9E5C /* RCTConvert+ART.m */,
-				0CF68AC21AF0540F00FF9E5C /* Products */,
-			);
-			indentWidth = 2;
-			sourceTree = "<group>";
-			tabWidth = 2;
-			usesTabs = 0;
-		};
-		0CF68AC21AF0540F00FF9E5C /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				0CF68AC11AF0540F00FF9E5C /* libART.a */,
-				323A12871E5F266B004975B8 /* libART-tvOS.a */,
-				6476477A1F0BC33500C2D89B /* libART-macOS.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		0CF68AEA1AF0549300FF9E5C /* Brushes */ = {
-			isa = PBXGroup;
-			children = (
-				0CF68AEB1AF0549300FF9E5C /* ARTBrush.h */,
-				0CF68AEC1AF0549300FF9E5C /* ARTBrush.m */,
-				0CF68AED1AF0549300FF9E5C /* ARTLinearGradient.h */,
-				0CF68AEE1AF0549300FF9E5C /* ARTLinearGradient.m */,
-				0CF68AEF1AF0549300FF9E5C /* ARTPattern.h */,
-				0CF68AF01AF0549300FF9E5C /* ARTPattern.m */,
-				0CF68AF11AF0549300FF9E5C /* ARTRadialGradient.h */,
-				0CF68AF21AF0549300FF9E5C /* ARTRadialGradient.m */,
-				0CF68AF31AF0549300FF9E5C /* ARTSolidColor.h */,
-				0CF68AF41AF0549300FF9E5C /* ARTSolidColor.m */,
-			);
-			path = Brushes;
-			sourceTree = "<group>";
-		};
-		0CF68AF81AF0549300FF9E5C /* ViewManagers */ = {
-			isa = PBXGroup;
-			children = (
-				0CF68AF91AF0549300FF9E5C /* ARTGroupManager.h */,
-				0CF68AFA1AF0549300FF9E5C /* ARTGroupManager.m */,
-				0CF68AFB1AF0549300FF9E5C /* ARTNodeManager.h */,
-				0CF68AFC1AF0549300FF9E5C /* ARTNodeManager.m */,
-				0CF68AFD1AF0549300FF9E5C /* ARTRenderableManager.h */,
-				0CF68AFE1AF0549300FF9E5C /* ARTRenderableManager.m */,
-				0CF68AFF1AF0549300FF9E5C /* ARTShapeManager.h */,
-				0CF68B001AF0549300FF9E5C /* ARTShapeManager.m */,
-				0CF68B011AF0549300FF9E5C /* ARTSurfaceViewManager.h */,
-				0CF68B021AF0549300FF9E5C /* ARTSurfaceViewManager.m */,
-				0CF68B031AF0549300FF9E5C /* ARTTextManager.h */,
-				0CF68B041AF0549300FF9E5C /* ARTTextManager.m */,
-			);
-			path = ViewManagers;
-			sourceTree = "<group>";
-		};
-/* End PBXGroup section */
-
-/* Begin PBXNativeTarget section */
-		0CF68AC01AF0540F00FF9E5C /* ART */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 0CF68AD51AF0540F00FF9E5C /* Build configuration list for PBXNativeTarget "ART" */;
-			buildPhases = (
-				0CF68ABD1AF0540F00FF9E5C /* Sources */,
-				0CF68ABE1AF0540F00FF9E5C /* Frameworks */,
-				0CF68ABF1AF0540F00FF9E5C /* Copy Headers */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = ART;
-			productName = ART;
-			productReference = 0CF68AC11AF0540F00FF9E5C /* libART.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		323A12861E5F266B004975B8 /* ART-tvOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 323A128D1E5F266B004975B8 /* Build configuration list for PBXNativeTarget "ART-tvOS" */;
-			buildPhases = (
-				323A12831E5F266B004975B8 /* Sources */,
-				323A12841E5F266B004975B8 /* Frameworks */,
-				323A12851E5F266B004975B8 /* Copy Headers */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "ART-tvOS";
-			productName = "ART-tvOS";
-			productReference = 323A12871E5F266B004975B8 /* libART-tvOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		647647611F0BC33500C2D89B /* ART-macOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 647647771F0BC33500C2D89B /* Build configuration list for PBXNativeTarget "ART-macOS" */;
-			buildPhases = (
-				647647621F0BC33500C2D89B /* Sources */,
-				647647751F0BC33500C2D89B /* Frameworks */,
-				647647761F0BC33500C2D89B /* Copy Headers */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "ART-macOS";
-			productName = ART;
-			productReference = 6476477A1F0BC33500C2D89B /* libART-macOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-/* End PBXNativeTarget section */
-
-/* Begin PBXProject section */
-		0CF68AB91AF0540F00FF9E5C /* Project object */ = {
-			isa = PBXProject;
-			attributes = {
-				LastUpgradeCheck = 0940;
-				TargetAttributes = {
-					0CF68AC01AF0540F00FF9E5C = {
-						CreatedOnToolsVersion = 6.2;
-					};
-					323A12861E5F266B004975B8 = {
-						CreatedOnToolsVersion = 6.2;
-						ProvisioningStyle = Automatic;
-					};
-				};
-			};
-			buildConfigurationList = 0CF68ABC1AF0540F00FF9E5C /* Build configuration list for PBXProject "ART" */;
-			compatibilityVersion = "Xcode 3.2";
-			developmentRegion = English;
-			hasScannedForEncodings = 0;
-			knownRegions = (
-				en,
-			);
-			mainGroup = 0CF68AB81AF0540F00FF9E5C;
-			productRefGroup = 0CF68AC21AF0540F00FF9E5C /* Products */;
-			projectDirPath = "";
-			projectRoot = "";
-			targets = (
-				0CF68AC01AF0540F00FF9E5C /* ART */,
-				323A12861E5F266B004975B8 /* ART-tvOS */,
-				647647611F0BC33500C2D89B /* ART-macOS */,
-			);
-		};
-/* End PBXProject section */
-
-/* Begin PBXSourcesBuildPhase section */
-		0CF68ABD1AF0540F00FF9E5C /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				0CF68B161AF0549300FF9E5C /* ARTTextManager.m in Sources */,
-				0CF68B111AF0549300FF9E5C /* ARTGroupManager.m in Sources */,
-				0CF68B0D1AF0549300FF9E5C /* ARTPattern.m in Sources */,
-				0CF68B0A1AF0549300FF9E5C /* ARTText.m in Sources */,
-				0CF68B121AF0549300FF9E5C /* ARTNodeManager.m in Sources */,
-				0CF68B051AF0549300FF9E5C /* ARTGroup.m in Sources */,
-				0CF68B131AF0549300FF9E5C /* ARTRenderableManager.m in Sources */,
-				0CF68B091AF0549300FF9E5C /* ARTSurfaceView.m in Sources */,
-				0CF68B0E1AF0549300FF9E5C /* ARTRadialGradient.m in Sources */,
-				0CF68B151AF0549300FF9E5C /* ARTSurfaceViewManager.m in Sources */,
-				0CF68B081AF0549300FF9E5C /* ARTShape.m in Sources */,
-				0CF68B071AF0549300FF9E5C /* ARTRenderable.m in Sources */,
-				0CF68B101AF0549300FF9E5C /* RCTConvert+ART.m in Sources */,
-				0CF68B061AF0549300FF9E5C /* ARTNode.m in Sources */,
-				0CF68B0F1AF0549300FF9E5C /* ARTSolidColor.m in Sources */,
-				0CF68B0C1AF0549300FF9E5C /* ARTLinearGradient.m in Sources */,
-				0CF68B0B1AF0549300FF9E5C /* ARTBrush.m in Sources */,
-				0CF68B141AF0549300FF9E5C /* ARTShapeManager.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		323A12831E5F266B004975B8 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				325CF7B71E5F2ABA00AC9606 /* ARTTextManager.m in Sources */,
-				325CF7B21E5F2ABA00AC9606 /* ARTGroupManager.m in Sources */,
-				325CF7AF1E5F2ABA00AC9606 /* ARTPattern.m in Sources */,
-				325CF7BD1E5F2ABA00AC9606 /* ARTText.m in Sources */,
-				325CF7B31E5F2ABA00AC9606 /* ARTNodeManager.m in Sources */,
-				325CF7B81E5F2ABA00AC9606 /* ARTGroup.m in Sources */,
-				325CF7B41E5F2ABA00AC9606 /* ARTRenderableManager.m in Sources */,
-				325CF7BC1E5F2ABA00AC9606 /* ARTSurfaceView.m in Sources */,
-				325CF7B01E5F2ABA00AC9606 /* ARTRadialGradient.m in Sources */,
-				325CF7B61E5F2ABA00AC9606 /* ARTSurfaceViewManager.m in Sources */,
-				325CF7BB1E5F2ABA00AC9606 /* ARTShape.m in Sources */,
-				325CF7BA1E5F2ABA00AC9606 /* ARTRenderable.m in Sources */,
-				325CF7BE1E5F2ABA00AC9606 /* RCTConvert+ART.m in Sources */,
-				325CF7B91E5F2ABA00AC9606 /* ARTNode.m in Sources */,
-				325CF7B11E5F2ABA00AC9606 /* ARTSolidColor.m in Sources */,
-				325CF7AE1E5F2ABA00AC9606 /* ARTLinearGradient.m in Sources */,
-				325CF7AD1E5F2ABA00AC9606 /* ARTBrush.m in Sources */,
-				325CF7B51E5F2ABA00AC9606 /* ARTShapeManager.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		647647621F0BC33500C2D89B /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				647647631F0BC33500C2D89B /* ARTTextManager.m in Sources */,
-				647647641F0BC33500C2D89B /* ARTGroupManager.m in Sources */,
-				647647651F0BC33500C2D89B /* ARTPattern.m in Sources */,
-				647647661F0BC33500C2D89B /* ARTText.m in Sources */,
-				647647671F0BC33500C2D89B /* ARTNodeManager.m in Sources */,
-				647647681F0BC33500C2D89B /* ARTGroup.m in Sources */,
-				647647691F0BC33500C2D89B /* ARTRenderableManager.m in Sources */,
-				6476476A1F0BC33500C2D89B /* ARTSurfaceView.m in Sources */,
-				6476476B1F0BC33500C2D89B /* ARTRadialGradient.m in Sources */,
-				6476476C1F0BC33500C2D89B /* ARTSurfaceViewManager.m in Sources */,
-				6476476D1F0BC33500C2D89B /* ARTShape.m in Sources */,
-				6476476E1F0BC33500C2D89B /* ARTRenderable.m in Sources */,
-				6476476F1F0BC33500C2D89B /* RCTConvert+ART.m in Sources */,
-				647647701F0BC33500C2D89B /* ARTNode.m in Sources */,
-				647647711F0BC33500C2D89B /* ARTSolidColor.m in Sources */,
-				647647721F0BC33500C2D89B /* ARTLinearGradient.m in Sources */,
-				647647731F0BC33500C2D89B /* ARTBrush.m in Sources */,
-				647647741F0BC33500C2D89B /* ARTShapeManager.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXSourcesBuildPhase section */
-
-/* Begin XCBuildConfiguration section */
-		0CF68AD31AF0540F00FF9E5C /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				ENABLE_TESTABILITY = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_DYNAMIC_NO_PIC = NO;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_OPTIMIZATION_LEVEL = 0;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"$(inherited)",
-				);
-				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = YES;
-				ONLY_ACTIVE_ARCH = YES;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-			};
-			name = Debug;
-		};
-		0CF68AD41AF0540F00FF9E5C /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = NO;
-				ENABLE_NS_ASSERTIONS = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = NO;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				VALIDATE_PRODUCT = YES;
-			};
-			name = Release;
-		};
-		0CF68AD61AF0540F00FF9E5C /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-			};
-			name = Debug;
-		};
-		0CF68AD71AF0540F00FF9E5C /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-			};
-			name = Release;
-		};
-		323A128E1E5F266B004975B8 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				ENABLE_TESTABILITY = YES;
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				SKIP_INSTALL = YES;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Debug;
-		};
-		323A128F1E5F266B004975B8 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				SKIP_INSTALL = YES;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Release;
-		};
-		647647781F0BC33500C2D89B /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = macosx;
-			};
-			name = Debug;
-		};
-		647647791F0BC33500C2D89B /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = macosx;
-			};
-			name = Release;
-		};
-/* End XCBuildConfiguration section */
-
-/* Begin XCConfigurationList section */
-		0CF68ABC1AF0540F00FF9E5C /* Build configuration list for PBXProject "ART" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				0CF68AD31AF0540F00FF9E5C /* Debug */,
-				0CF68AD41AF0540F00FF9E5C /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		0CF68AD51AF0540F00FF9E5C /* Build configuration list for PBXNativeTarget "ART" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				0CF68AD61AF0540F00FF9E5C /* Debug */,
-				0CF68AD71AF0540F00FF9E5C /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		323A128D1E5F266B004975B8 /* Build configuration list for PBXNativeTarget "ART-tvOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				323A128E1E5F266B004975B8 /* Debug */,
-				323A128F1E5F266B004975B8 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		647647771F0BC33500C2D89B /* Build configuration list for PBXNativeTarget "ART-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				647647781F0BC33500C2D89B /* Debug */,
-				647647791F0BC33500C2D89B /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-/* End XCConfigurationList section */
-	};
-	rootObject = 0CF68AB91AF0540F00FF9E5C /* Project object */;
-}
diff --git a/Libraries/ART/ARTGroup.m b/Libraries/ART/ARTGroup.m
index 56699114f4a3f2..da4a77141f27ff 100644
--- a/Libraries/ART/ARTGroup.m
+++ b/Libraries/ART/ARTGroup.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "ARTGroup.h"
+#import <React/ARTGroup.h>
 
 @implementation ARTGroup
 
diff --git a/Libraries/ART/ARTNode.m b/Libraries/ART/ARTNode.m
index be09b6400c1a05..1fdbf5176199cc 100644
--- a/Libraries/ART/ARTNode.m
+++ b/Libraries/ART/ARTNode.m
@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "ARTNode.h"
+#import <React/ARTNode.h>
 
-#import "ARTContainer.h"
+#import <React/ARTContainer.h>
 
 @implementation ARTNode
 
diff --git a/Libraries/ART/ARTRenderable.m b/Libraries/ART/ARTRenderable.m
index 88349f8296e7b0..0d3ce7c3e48218 100644
--- a/Libraries/ART/ARTRenderable.m
+++ b/Libraries/ART/ARTRenderable.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "ARTRenderable.h"
+#import <React/ARTRenderable.h>
 
 @implementation ARTRenderable
 
diff --git a/Libraries/ART/ARTShape.m b/Libraries/ART/ARTShape.m
index 8a1a7d6979f3e9..6b2d983ec7c4d8 100644
--- a/Libraries/ART/ARTShape.m
+++ b/Libraries/ART/ARTShape.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "ARTShape.h"
+#import <React/ARTShape.h>
 
 @implementation ARTShape
 
diff --git a/Libraries/ART/ARTSurfaceView.m b/Libraries/ART/ARTSurfaceView.m
index 8fbbda8ace58ab..0311a1146500cc 100644
--- a/Libraries/ART/ARTSurfaceView.m
+++ b/Libraries/ART/ARTSurfaceView.m
@@ -5,11 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "ARTSurfaceView.h"
+#import <React/ARTSurfaceView.h>
 
 #import <React/RCTLog.h>
 
-#import "ARTNode.h"
+#import <React/ARTNode.h>
 
 @implementation ARTSurfaceView
 
diff --git a/Libraries/ART/ARTText.m b/Libraries/ART/ARTText.m
index 5bcebdf5559942..924257cabea819 100644
--- a/Libraries/ART/ARTText.m
+++ b/Libraries/ART/ARTText.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "ARTText.h"
+#import <React/ARTText.h>
 
 #import <CoreText/CoreText.h>
 
diff --git a/Libraries/ART/Brushes/ARTBrush.m b/Libraries/ART/Brushes/ARTBrush.m
index 969ad5d7edb363..9743ac57e133db 100644
--- a/Libraries/ART/Brushes/ARTBrush.m
+++ b/Libraries/ART/Brushes/ARTBrush.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "ARTBrush.h"
+#import <React/ARTBrush.h>
 
 #import <React/RCTDefines.h>
 
diff --git a/Libraries/ART/Brushes/ARTLinearGradient.m b/Libraries/ART/Brushes/ARTLinearGradient.m
index 20bd1af6233b4e..da98ac007877d7 100644
--- a/Libraries/ART/Brushes/ARTLinearGradient.m
+++ b/Libraries/ART/Brushes/ARTLinearGradient.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "ARTLinearGradient.h"
+#import <React/ARTLinearGradient.h>
 
 #import <React/RCTLog.h>
 
diff --git a/Libraries/ART/Brushes/ARTPattern.m b/Libraries/ART/Brushes/ARTPattern.m
index 70e0bd25f367b7..bb4a3844c07946 100644
--- a/Libraries/ART/Brushes/ARTPattern.m
+++ b/Libraries/ART/Brushes/ARTPattern.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "ARTPattern.h"
+#import <React/ARTPattern.h>
 
 #import <React/RCTLog.h>
 
diff --git a/Libraries/ART/Brushes/ARTRadialGradient.m b/Libraries/ART/Brushes/ARTRadialGradient.m
index c36f6ce57fc1fc..309667115e2003 100644
--- a/Libraries/ART/Brushes/ARTRadialGradient.m
+++ b/Libraries/ART/Brushes/ARTRadialGradient.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "ARTRadialGradient.h"
+#import <React/ARTRadialGradient.h>
 
 #import <React/RCTLog.h>
 
diff --git a/Libraries/ART/Brushes/ARTSolidColor.m b/Libraries/ART/Brushes/ARTSolidColor.m
index 2ef02d43d98592..24d1d7ae70cb78 100644
--- a/Libraries/ART/Brushes/ARTSolidColor.m
+++ b/Libraries/ART/Brushes/ARTSolidColor.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "ARTSolidColor.h"
+#import <React/ARTSolidColor.h>
 
 #import <React/RCTLog.h>
 
diff --git a/Libraries/ART/RCTConvert+ART.m b/Libraries/ART/RCTConvert+ART.m
index 3312e319436369..c1207e60210e36 100644
--- a/Libraries/ART/RCTConvert+ART.m
+++ b/Libraries/ART/RCTConvert+ART.m
@@ -10,10 +10,10 @@
 #import <React/RCTFont.h>
 #import <React/RCTLog.h>
 
-#import "ARTLinearGradient.h"
-#import "ARTPattern.h"
-#import "ARTRadialGradient.h"
-#import "ARTSolidColor.h"
+#import <React/ARTLinearGradient.h>
+#import <React/ARTPattern.h>
+#import <React/ARTRadialGradient.h>
+#import <React/ARTSolidColor.h>
 
 @implementation RCTConvert (ART)
 
diff --git a/Libraries/ART/React-ART.podspec b/Libraries/ART/React-ART.podspec
index 8cf20a6e1199a8..09b53374abfa32 100644
--- a/Libraries/ART/React-ART.podspec
+++ b/Libraries/ART/React-ART.podspec
@@ -26,9 +26,9 @@ Pod::Spec.new do |s|
   s.author                 = "Facebook, Inc. and its affiliates"
   s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.14" } # TODO(macOS GH#214)
   s.source                 = source
-  s.source_files           = "**/*.{h,m}"
+  s.source_files           = "**/*.{m}"
   s.preserve_paths         = "package.json", "LICENSE", "LICENSE-docs"
-  s.header_dir             = "React"
+  s.header_dir             = "ART"
 
-  s.dependency "React-Core", version
+  s.dependency "React-Core/ARTHeaders", version
 end
diff --git a/Libraries/ART/ViewManagers/ARTGroupManager.m b/Libraries/ART/ViewManagers/ARTGroupManager.m
index 9fb45d71bbdf4d..da035d0257aab8 100644
--- a/Libraries/ART/ViewManagers/ARTGroupManager.m
+++ b/Libraries/ART/ViewManagers/ARTGroupManager.m
@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "ARTGroupManager.h"
+#import <React/ARTGroupManager.h>
 
-#import "ARTGroup.h"
+#import <React/ARTGroup.h>
 #import "RCTConvert+ART.h"
 
 @implementation ARTGroupManager
diff --git a/Libraries/ART/ViewManagers/ARTNodeManager.m b/Libraries/ART/ViewManagers/ARTNodeManager.m
index 52bbb86c6102e6..e5d08136ee4e64 100644
--- a/Libraries/ART/ViewManagers/ARTNodeManager.m
+++ b/Libraries/ART/ViewManagers/ARTNodeManager.m
@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "ARTNodeManager.h"
+#import <React/ARTNodeManager.h>
 
-#import "ARTNode.h"
+#import <React/ARTNode.h>
 
 @implementation ARTNodeManager
 
diff --git a/Libraries/ART/ViewManagers/ARTRenderableManager.m b/Libraries/ART/ViewManagers/ARTRenderableManager.m
index ad0264965391e5..4d0e224c49312f 100644
--- a/Libraries/ART/ViewManagers/ARTRenderableManager.m
+++ b/Libraries/ART/ViewManagers/ARTRenderableManager.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "ARTRenderableManager.h"
+#import <React/ARTRenderableManager.h>
 
 #import "RCTConvert+ART.h"
 
diff --git a/Libraries/ART/ViewManagers/ARTShapeManager.m b/Libraries/ART/ViewManagers/ARTShapeManager.m
index cb056e5d268877..c5e5a919adeee0 100644
--- a/Libraries/ART/ViewManagers/ARTShapeManager.m
+++ b/Libraries/ART/ViewManagers/ARTShapeManager.m
@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "ARTShapeManager.h"
+#import <React/ARTShapeManager.h>
 
-#import "ARTShape.h"
+#import <React/ARTShape.h>
 #import "RCTConvert+ART.h"
 
 @implementation ARTShapeManager
diff --git a/Libraries/ART/ViewManagers/ARTSurfaceViewManager.m b/Libraries/ART/ViewManagers/ARTSurfaceViewManager.m
index dd734a377955d3..1d8b155559381f 100644
--- a/Libraries/ART/ViewManagers/ARTSurfaceViewManager.m
+++ b/Libraries/ART/ViewManagers/ARTSurfaceViewManager.m
@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "ARTSurfaceViewManager.h"
+#import <React/ARTSurfaceViewManager.h>
 
-#import "ARTSurfaceView.h"
+#import <React/ARTSurfaceView.h>
 
 @implementation ARTSurfaceViewManager
 
diff --git a/Libraries/ART/ViewManagers/ARTTextManager.m b/Libraries/ART/ViewManagers/ARTTextManager.m
index 35c53811fd9509..9ded7cd6772352 100644
--- a/Libraries/ART/ViewManagers/ARTTextManager.m
+++ b/Libraries/ART/ViewManagers/ARTTextManager.m
@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "ARTTextManager.h"
+#import <React/ARTTextManager.h>
 
-#import "ARTText.h"
+#import <React/ARTText.h>
 #import "RCTConvert+ART.h"
 
 @implementation ARTTextManager
diff --git a/Libraries/ActionSheetIOS/ActionSheetIOS.js b/Libraries/ActionSheetIOS/ActionSheetIOS.js
index f8dfab12dd3d34..5484f47b0fe8dd 100644
--- a/Libraries/ActionSheetIOS/ActionSheetIOS.js
+++ b/Libraries/ActionSheetIOS/ActionSheetIOS.js
@@ -9,11 +9,11 @@
  */
 'use strict';
 
-const RCTActionSheetManager = require('../BatchedBridge/NativeModules')
-  .ActionSheetManager;
+import RCTActionSheetManager from './NativeActionSheetManager';
 
 const invariant = require('invariant');
 const processColor = require('../StyleSheet/processColor');
+import type {NativeOrDynamicColorType} from '../Color/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
 
 /**
  * Display action sheets and share sheets on iOS.
@@ -45,7 +45,7 @@ const ActionSheetIOS = {
       +destructiveButtonIndex?: ?number,
       +cancelButtonIndex?: ?number,
       +anchor?: ?number,
-      +tintColor?: number | string,
+      +tintColor?: number | string | NativeOrDynamicColorType, // TODO(macOS ISS#2323203)
     |},
     callback: (buttonIndex: number) => void,
   ) {
@@ -54,9 +54,12 @@ const ActionSheetIOS = {
       'Options must be a valid object',
     );
     invariant(typeof callback === 'function', 'Must provide a valid callback');
+    invariant(RCTActionSheetManager, "ActionSheetManager does't exist");
+
+    const {tintColor, ...remainingOptions} = options;
 
     RCTActionSheetManager.showActionSheetWithOptions(
-      {...options, tintColor: processColor(options.tintColor)},
+      {...remainingOptions, tintColor: processColor(tintColor)},
       callback,
     );
   },
@@ -101,6 +104,7 @@ const ActionSheetIOS = {
       typeof successCallback === 'function',
       'Must provide a valid successCallback',
     );
+    invariant(RCTActionSheetManager, "ActionSheetManager does't exist");
     RCTActionSheetManager.showShareActionSheetWithOptions(
       {...options, tintColor: processColor(options.tintColor)},
       failureCallback,
diff --git a/Libraries/ActionSheetIOS/NativeActionSheetManager.js b/Libraries/ActionSheetIOS/NativeActionSheetManager.js
new file mode 100644
index 00000000000000..d4514083807e6e
--- /dev/null
+++ b/Libraries/ActionSheetIOS/NativeActionSheetManager.js
@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
+import type {NativeOrDynamicColorType} from '../Color/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {||};
+  +showActionSheetWithOptions: (
+    options: {|
+      +title?: ?string,
+      +message?: ?string,
+      +options: ?Array<string>,
+      // Supports Array<number> as well.
+      +destructiveButtonIndex?: ?number,
+      +cancelButtonIndex?: ?number,
+      +anchor?: ?number,
+      +tintColor?: ?(number | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+    |},
+    callback: (buttonIndex: number) => void,
+  ) => void;
+  +showShareActionSheetWithOptions: (
+    options: {|
+      +message?: ?string,
+      +url?: ?string,
+      +subject?: ?string,
+      +anchor?: ?number,
+      +tintColor?: ?(number | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+      +excludedActivityTypes?: ?Array<string>,
+    |},
+    failureCallback: (error: {|
+      +domain: string,
+      +code: string,
+      +userInfo?: ?Object,
+      +message: string,
+    |}) => void,
+    successCallback: (completed: boolean, activityType: ?string) => void,
+  ) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('ActionSheetManager'): ?Spec);
diff --git a/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj/project.pbxproj b/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj/project.pbxproj
deleted file mode 100644
index a810665841af7e..00000000000000
--- a/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj/project.pbxproj
+++ /dev/null
@@ -1,328 +0,0 @@
-// !$*UTF8*$!
-{
-	archiveVersion = 1;
-	classes = {
-	};
-	objectVersion = 46;
-	objects = {
-
-/* Begin PBXBuildFile section */
-		14C644C41AB0DFC900DE3C65 /* RCTActionSheetManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 14C644C21AB0DFC900DE3C65 /* RCTActionSheetManager.m */; };
-		649D87CE1F69D9BC0005AF18 /* RCTActionSheetManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 14C644C21AB0DFC900DE3C65 /* RCTActionSheetManager.m */; };
-/* End PBXBuildFile section */
-
-/* Begin PBXFileReference section */
-		134814201AA4EA6300B7C361 /* libRCTActionSheet.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRCTActionSheet.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		14C644C11AB0DFC900DE3C65 /* RCTActionSheetManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTActionSheetManager.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		14C644C21AB0DFC900DE3C65 /* RCTActionSheetManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTActionSheetManager.m; sourceTree = "<group>"; };
-		649D87D21F69D9BC0005AF18 /* libRCTActionSheet.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRCTActionSheet.a; sourceTree = BUILT_PRODUCTS_DIR; };
-/* End PBXFileReference section */
-
-/* Begin PBXGroup section */
-		134814211AA4EA7D00B7C361 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				134814201AA4EA6300B7C361 /* libRCTActionSheet.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		58B511D21A9E6C8500147676 = {
-			isa = PBXGroup;
-			children = (
-				14C644C11AB0DFC900DE3C65 /* RCTActionSheetManager.h */,
-				14C644C21AB0DFC900DE3C65 /* RCTActionSheetManager.m */,
-				134814211AA4EA7D00B7C361 /* Products */,
-				649D87D21F69D9BC0005AF18 /* libRCTActionSheet.a */,
-			);
-			indentWidth = 2;
-			sourceTree = "<group>";
-			tabWidth = 2;
-			usesTabs = 0;
-		};
-/* End PBXGroup section */
-
-/* Begin PBXNativeTarget section */
-		58B511DA1A9E6C8500147676 /* RCTActionSheet */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "RCTActionSheet" */;
-			buildPhases = (
-				58B511D71A9E6C8500147676 /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = RCTActionSheet;
-			productName = RCTDataManager;
-			productReference = 134814201AA4EA6300B7C361 /* libRCTActionSheet.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		649D87CC1F69D9BC0005AF18 /* RCTActionSheet-macOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 649D87CF1F69D9BC0005AF18 /* Build configuration list for PBXNativeTarget "RCTActionSheet-macOS" */;
-			buildPhases = (
-				649D87CD1F69D9BC0005AF18 /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "RCTActionSheet-macOS";
-			productName = RCTDataManager;
-			productReference = 649D87D21F69D9BC0005AF18 /* libRCTActionSheet.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-/* End PBXNativeTarget section */
-
-/* Begin PBXProject section */
-		58B511D31A9E6C8500147676 /* Project object */ = {
-			isa = PBXProject;
-			attributes = {
-				LastUpgradeCheck = 0940;
-				ORGANIZATIONNAME = Facebook;
-				TargetAttributes = {
-					58B511DA1A9E6C8500147676 = {
-						CreatedOnToolsVersion = 6.1.1;
-					};
-				};
-			};
-			buildConfigurationList = 58B511D61A9E6C8500147676 /* Build configuration list for PBXProject "RCTActionSheet" */;
-			compatibilityVersion = "Xcode 3.2";
-			developmentRegion = English;
-			hasScannedForEncodings = 0;
-			knownRegions = (
-				en,
-			);
-			mainGroup = 58B511D21A9E6C8500147676;
-			productRefGroup = 58B511D21A9E6C8500147676;
-			projectDirPath = "";
-			projectRoot = "";
-			targets = (
-				58B511DA1A9E6C8500147676 /* RCTActionSheet */,
-				649D87CC1F69D9BC0005AF18 /* RCTActionSheet-macOS */,
-			);
-		};
-/* End PBXProject section */
-
-/* Begin PBXSourcesBuildPhase section */
-		58B511D71A9E6C8500147676 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				14C644C41AB0DFC900DE3C65 /* RCTActionSheetManager.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		649D87CD1F69D9BC0005AF18 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				649D87CE1F69D9BC0005AF18 /* RCTActionSheetManager.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXSourcesBuildPhase section */
-
-/* Begin XCBuildConfiguration section */
-		58B511ED1A9E6C8500147676 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				ENABLE_TESTABILITY = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_DYNAMIC_NO_PIC = NO;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_OPTIMIZATION_LEVEL = 0;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"$(inherited)",
-				);
-				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = YES;
-				ONLY_ACTIVE_ARCH = YES;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-				);
-			};
-			name = Debug;
-		};
-		58B511EE1A9E6C8500147676 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = YES;
-				ENABLE_NS_ASSERTIONS = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = NO;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				VALIDATE_PRODUCT = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-				);
-			};
-			name = Release;
-		};
-		58B511F01A9E6C8500147676 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTActionSheet;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-			};
-			name = Debug;
-		};
-		58B511F11A9E6C8500147676 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTActionSheet;
-				RUN_CLANG_STATIC_ANALYZER = NO;
-			};
-			name = Release;
-		};
-		649D87D01F69D9BC0005AF18 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTActionSheet;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-				SDKROOT = macosx;
-			};
-			name = Debug;
-		};
-		649D87D11F69D9BC0005AF18 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTActionSheet;
-				RUN_CLANG_STATIC_ANALYZER = NO;
-				SDKROOT = macosx;
-			};
-			name = Release;
-		};
-/* End XCBuildConfiguration section */
-
-/* Begin XCConfigurationList section */
-		58B511D61A9E6C8500147676 /* Build configuration list for PBXProject "RCTActionSheet" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				58B511ED1A9E6C8500147676 /* Debug */,
-				58B511EE1A9E6C8500147676 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "RCTActionSheet" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				58B511F01A9E6C8500147676 /* Debug */,
-				58B511F11A9E6C8500147676 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		649D87CF1F69D9BC0005AF18 /* Build configuration list for PBXNativeTarget "RCTActionSheet-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				649D87D01F69D9BC0005AF18 /* Debug */,
-				649D87D11F69D9BC0005AF18 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-/* End XCConfigurationList section */
-	};
-	rootObject = 58B511D31A9E6C8500147676 /* Project object */;
-}
diff --git a/Libraries/ActionSheetIOS/RCTActionSheetManager.m b/Libraries/ActionSheetIOS/RCTActionSheetManager.m
index e0e3a033807b90..88683524020142 100644
--- a/Libraries/ActionSheetIOS/RCTActionSheetManager.m
+++ b/Libraries/ActionSheetIOS/RCTActionSheetManager.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTActionSheetManager.h"
+#import <React/RCTActionSheetManager.h>
 
 #import <React/RCTBridge.h>
 #import <React/RCTConvert.h>
@@ -233,7 +233,7 @@ - (void)presentViewController:(UIViewController *)alertController
   shareController.completionWithItemsHandler = ^(NSString *activityType, BOOL completed, __unused NSArray *returnedItems, NSError *activityError) {
     if (activityError) {
       failureCallback(activityError);
-    } else {
+    } else if (completed) {
       successCallback(@[@(completed), RCTNullIfNil(activityType)]);
     }
   };
diff --git a/Libraries/ActionSheetIOS/React-RCTActionSheet.podspec b/Libraries/ActionSheetIOS/React-RCTActionSheet.podspec
index aff1f81e67b454..75c9e8c455fa95 100644
--- a/Libraries/ActionSheetIOS/React-RCTActionSheet.podspec
+++ b/Libraries/ActionSheetIOS/React-RCTActionSheet.podspec
@@ -27,9 +27,9 @@ Pod::Spec.new do |s|
   s.author                 = "Facebook, Inc. and its affiliates"
   s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.14" } # TODO(macOS GH#214)
   s.source                 = source
-  s.source_files           = "*.{h,m}"
+  s.source_files           = "*.{m}"
   s.preserve_paths          = "package.json", "LICENSE", "LICENSE-docs"
-  s.header_dir             = "React"
+  s.header_dir             = "RCTActionSheet"
 
-  s.dependency "React-Core", version
+  s.dependency "React-Core/RCTActionSheetHeaders", version
 end
diff --git a/Libraries/Alert/Alert.js b/Libraries/Alert/Alert.js
index 6d91d6901f1113..57d07fb542393f 100644
--- a/Libraries/Alert/Alert.js
+++ b/Libraries/Alert/Alert.js
@@ -10,11 +10,19 @@
 
 'use strict';
 
-const AlertMacOS = require('AlertMacOS'); // TODO(macOS ISS#2323203)
-const NativeModules = require('../BatchedBridge/NativeModules');
-const RCTAlertManager = NativeModules.AlertManager;
-const Platform = require('../Utilities/Platform');
+import AlertMacOS from './AlertMacOS'; // TODO(macOS ISS#2323203)
+import Platform from '../Utilities/Platform';
+import NativeDialogManagerAndroid, {
+  type DialogOptions,
+} from '../NativeModules/specs/NativeDialogManagerAndroid';
+import RCTAlertManager from './RCTAlertManager';
 
+export type AlertType =
+  | 'default'
+  | 'plain-text'
+  | 'secure-text'
+  | 'login-password';
+export type AlertButtonStyle = 'default' | 'cancel' | 'destructive';
 export type Buttons = Array<{
   text?: string,
   onPress?: ?Function,
@@ -23,22 +31,9 @@ export type Buttons = Array<{
 
 type Options = {
   cancelable?: ?boolean,
-  onDismiss?: ?Function,
+  onDismiss?: ?() => void,
 };
 
-export type AlertType = $Keys<{
-  default: string,
-  'plain-text': string,
-  'secure-text': string,
-  'login-password': string,
-}>; // added export TODO(macOS ISS#2323203)
-
-export type AlertButtonStyle = $Keys<{
-  default: string,
-  cancel: string,
-  destructive: string,
-}>;
-
 /**
  * Launches an alert dialog with the specified title and message.
  *
@@ -56,55 +51,55 @@ class Alert {
     } else if (Platform.OS === 'macos' /* TODO[(macOS ISS#2323203) */) {
       AlertMacOS.prompt(title, message, buttons); // TODO](macOS ISS#2323203)
     } else if (Platform.OS === 'android') {
-      let config = {
+      if (!NativeDialogManagerAndroid) {
+        return;
+      }
+      const constants = NativeDialogManagerAndroid.getConstants();
+
+      const config: DialogOptions = {
         title: title || '',
         message: message || '',
         cancelable: false,
       };
 
-      if (options) {
-        config = {...config, cancelable: options.cancelable};
+      if (options && options.cancelable) {
+        config.cancelable = options.cancelable;
       }
       // At most three buttons (neutral, negative, positive). Ignore rest.
       // The text 'OK' should be probably localized. iOS Alert does that in native.
+      const defaultPositiveText = 'OK';
       const validButtons: Buttons = buttons
         ? buttons.slice(0, 3)
-        : [{text: 'OK'}];
+        : [{text: defaultPositiveText}];
       const buttonPositive = validButtons.pop();
       const buttonNegative = validButtons.pop();
       const buttonNeutral = validButtons.pop();
+
       if (buttonNeutral) {
-        config = {...config, buttonNeutral: buttonNeutral.text || ''};
+        config.buttonNeutral = buttonNeutral.text || '';
       }
       if (buttonNegative) {
-        config = {...config, buttonNegative: buttonNegative.text || ''};
+        config.buttonNegative = buttonNegative.text || '';
       }
       if (buttonPositive) {
-        config = {...config, buttonPositive: buttonPositive.text || ''};
+        config.buttonPositive = buttonPositive.text || defaultPositiveText;
       }
-      NativeModules.DialogManagerAndroid.showAlert(
-        config,
-        errorMessage => console.warn(errorMessage),
-        (action, buttonKey) => {
-          if (action === NativeModules.DialogManagerAndroid.buttonClicked) {
-            if (
-              buttonKey === NativeModules.DialogManagerAndroid.buttonNeutral
-            ) {
-              buttonNeutral.onPress && buttonNeutral.onPress();
-            } else if (
-              buttonKey === NativeModules.DialogManagerAndroid.buttonNegative
-            ) {
-              buttonNegative.onPress && buttonNegative.onPress();
-            } else if (
-              buttonKey === NativeModules.DialogManagerAndroid.buttonPositive
-            ) {
-              buttonPositive.onPress && buttonPositive.onPress();
-            }
-          } else if (action === NativeModules.DialogManagerAndroid.dismissed) {
-            options && options.onDismiss && options.onDismiss();
+
+      const onAction = (action, buttonKey) => {
+        if (action === constants.buttonClicked) {
+          if (buttonKey === constants.buttonNeutral) {
+            buttonNeutral.onPress && buttonNeutral.onPress();
+          } else if (buttonKey === constants.buttonNegative) {
+            buttonNegative.onPress && buttonNegative.onPress();
+          } else if (buttonKey === constants.buttonPositive) {
+            buttonPositive.onPress && buttonPositive.onPress();
           }
-        },
-      );
+        } else if (action === constants.dismissed) {
+          options && options.onDismiss && options.onDismiss();
+        }
+      };
+      const onError = errorMessage => console.warn(errorMessage);
+      NativeDialogManagerAndroid.showAlert(config, onError, onAction);
     }
   }
 
@@ -130,7 +125,7 @@ class Alert {
           {
             title: title || '',
             type: 'plain-text',
-            defaultValue: message,
+            defaultValue: message || '',
           },
           (id, value) => {
             callback(value);
diff --git a/Libraries/Alert/AlertMacOS.js b/Libraries/Alert/AlertMacOS.js
index 97b5ff5f989f79..2535c7f52bb534 100644
--- a/Libraries/Alert/AlertMacOS.js
+++ b/Libraries/Alert/AlertMacOS.js
@@ -13,9 +13,9 @@
 
 'use strict';
 
-import type {AlertType, AlertButtonStyle} from 'Alert';
+import type {AlertType, AlertButtonStyle} from './Alert';
 
-var RCTAlertManager = require('NativeModules').AlertManager;
+var RCTAlertManager = require('../BatchedBridge/NativeModules').AlertManager;
 
 /**
  * Array or buttons
diff --git a/Libraries/Alert/NativeAlertManager.js b/Libraries/Alert/NativeAlertManager.js
new file mode 100644
index 00000000000000..345fd08c6e65a2
--- /dev/null
+++ b/Libraries/Alert/NativeAlertManager.js
@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
+
+export type Args = {|
+  title?: string,
+  message?: string,
+  buttons?: Object, // TODO: have a better type
+  type?: string,
+  defaultValue?: string,
+  cancelButtonKey?: string,
+  destructiveButtonKey?: string,
+  keyboardType?: 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/Libraries/Alert/RCTAlertManager.android.js b/Libraries/Alert/RCTAlertManager.android.js
index 843dec92fe47cb..43f49a94e50bb1 100644
--- a/Libraries/Alert/RCTAlertManager.android.js
+++ b/Libraries/Alert/RCTAlertManager.android.js
@@ -9,14 +9,18 @@
 
 'use strict';
 
-const NativeModules = require('../BatchedBridge/NativeModules');
+import NativeDialogManagerAndroid from '../NativeModules/specs/NativeDialogManagerAndroid';
 
 function emptyCallback() {}
 
 module.exports = {
   alertWithArgs: function(args, callback) {
     // TODO(5998984): Polyfill it correctly with DialogManagerAndroid
-    NativeModules.DialogManagerAndroid.showAlert(
+    if (!NativeDialogManagerAndroid) {
+      return;
+    }
+
+    NativeDialogManagerAndroid.showAlert(
       args,
       emptyCallback,
       callback || emptyCallback,
diff --git a/Libraries/Alert/RCTAlertManager.ios.js b/Libraries/Alert/RCTAlertManager.ios.js
index 246967358982b9..8ededddf4b463c 100644
--- a/Libraries/Alert/RCTAlertManager.ios.js
+++ b/Libraries/Alert/RCTAlertManager.ios.js
@@ -10,6 +10,17 @@
 
 'use strict';
 
-const RCTAlertManager = require('../BatchedBridge/NativeModules').AlertManager;
+import NativeAlertManager from './NativeAlertManager';
+import type {Args} from './NativeAlertManager';
 
-module.exports = RCTAlertManager;
+module.exports = {
+  alertWithArgs(
+    args: Args,
+    callback: (id: number, value: string) => void,
+  ): void {
+    if (NativeAlertManager == null) {
+      return;
+    }
+    NativeAlertManager.alertWithArgs(args, callback);
+  },
+};
diff --git a/Libraries/Alert/RCTAlertManager.macos.js b/Libraries/Alert/RCTAlertManager.macos.js
index 9e620057f70bac..c59417d2bb3b7f 100644
--- a/Libraries/Alert/RCTAlertManager.macos.js
+++ b/Libraries/Alert/RCTAlertManager.macos.js
@@ -12,6 +12,6 @@
 
 'use strict';
 
-var RCTAlertManager = require('NativeModules').AlertManager;
+var RCTAlertManager = require('../BatchedBridge/NativeModules').AlertManager;
 
 module.exports = RCTAlertManager;
diff --git a/Libraries/Animated/release/.gitignore b/Libraries/Animated/release/.gitignore
index 4c422f3bc92283..3d2bc62692c4b0 100644
--- a/Libraries/Animated/release/.gitignore
+++ b/Libraries/Animated/release/.gitignore
@@ -1,3 +1,2 @@
-/lib/
 /dist/
 /node_modules/
diff --git a/Libraries/Animated/release/package.json b/Libraries/Animated/release/package.json
index ec7fec05fd599f..0541b32e6d1cb0 100644
--- a/Libraries/Animated/release/package.json
+++ b/Libraries/Animated/release/package.json
@@ -30,5 +30,8 @@
     "run-sequence": "^1.1.2",
     "webpack": "1.11.0",
     "webpack-stream": "^2.1.0"
-  }
+  },
+  "beachball": {
+    "shouldPublish": false
+  }  
 }
diff --git a/Libraries/Animated/src/Animated.js b/Libraries/Animated/src/Animated.js
index 594a1b82fc1451..a14bf98f4c9e44 100644
--- a/Libraries/Animated/src/Animated.js
+++ b/Libraries/Animated/src/Animated.js
@@ -12,28 +12,31 @@
 
 import Platform from '../../Utilities/Platform';
 
-const AnimatedImplementation = Platform.isTesting
-  ? require('./AnimatedMock')
-  : require('./AnimatedImplementation');
+const AnimatedMock = require('./AnimatedMock');
+const AnimatedImplementation = require('./AnimatedImplementation');
+
+const Animated = ((Platform.isTesting
+  ? AnimatedMock
+  : AnimatedImplementation): typeof AnimatedMock);
 
 module.exports = {
-  get FlatList() {
+  get FlatList(): any {
     return require('./components/AnimatedFlatList');
   },
-  get Image() {
+  get Image(): any {
     return require('./components/AnimatedImage');
   },
-  get ScrollView() {
+  get ScrollView(): any {
     return require('./components/AnimatedScrollView');
   },
-  get SectionList() {
+  get SectionList(): any {
     return require('./components/AnimatedSectionList');
   },
-  get Text() {
+  get Text(): any {
     return require('./components/AnimatedText');
   },
-  get View() {
+  get View(): any {
     return require('./components/AnimatedView');
   },
-  ...AnimatedImplementation,
+  ...Animated,
 };
diff --git a/Libraries/Animated/src/AnimatedEvent.js b/Libraries/Animated/src/AnimatedEvent.js
index e06918ce5262e9..8e8c9c24068ce9 100644
--- a/Libraries/Animated/src/AnimatedEvent.js
+++ b/Libraries/Animated/src/AnimatedEvent.js
@@ -14,6 +14,7 @@ const NativeAnimatedHelper = require('./NativeAnimatedHelper');
 const ReactNative = require('../../Renderer/shims/ReactNative');
 
 const invariant = require('invariant');
+
 const {shouldUseNativeDriver} = require('./NativeAnimatedHelper');
 
 export type Mapping = {[key: string]: Mapping} | AnimatedValue;
@@ -26,7 +27,7 @@ function attachNativeEvent(
   viewRef: any,
   eventName: string,
   argMapping: Array<?Mapping>,
-) {
+): $TEMPORARY$object<{|detach: () => void|}> {
   // Find animated values in `argMapping` and create an array representing their
   // key path inside the `nativeEvent` object. Ex.: ['contentOffset', 'x'].
   const eventMappings = [];
@@ -130,7 +131,7 @@ class AnimatedEvent {
     this._attachedEvent && this._attachedEvent.detach();
   }
 
-  __getHandler() {
+  __getHandler(): any | ((...args: any) => void) {
     if (this.__isNative) {
       return this._callListeners;
     }
diff --git a/Libraries/Animated/src/AnimatedImplementation.js b/Libraries/Animated/src/AnimatedImplementation.js
index 6195d9be811546..5ab98a5ce89ad6 100644
--- a/Libraries/Animated/src/AnimatedImplementation.js
+++ b/Libraries/Animated/src/AnimatedImplementation.js
@@ -403,7 +403,12 @@ const parallel = function(
 
 const delay = function(time: number): CompositeAnimation {
   // Would be nice to make a specialized implementation
-  return timing(new AnimatedValue(0), {toValue: 0, delay: time, duration: 0});
+  return timing(new AnimatedValue(0), {
+    toValue: 0,
+    delay: time,
+    duration: 0,
+    useNativeDriver: false,
+  });
 };
 
 const stagger = function(
diff --git a/Libraries/Animated/src/AnimatedMock.js b/Libraries/Animated/src/AnimatedMock.js
index 2800560f5926b7..aed90a5ad05c19 100644
--- a/Libraries/Animated/src/AnimatedMock.js
+++ b/Libraries/Animated/src/AnimatedMock.js
@@ -110,7 +110,7 @@ const stagger = function(
   return emptyAnimation;
 };
 
-type LoopAnimationConfig = {iterations: number};
+type LoopAnimationConfig = {iterations: number, resetBeforeIteration?: boolean};
 
 const loop = function(
   animation: CompositeAnimation,
diff --git a/Libraries/Animated/src/AnimatedWeb.js b/Libraries/Animated/src/AnimatedWeb.js
index 995db03f67b2b6..648c8a0bcccf64 100644
--- a/Libraries/Animated/src/AnimatedWeb.js
+++ b/Libraries/Animated/src/AnimatedWeb.js
@@ -14,7 +14,7 @@ const AnimatedImplementation = require('./AnimatedImplementation');
 
 module.exports = {
   ...AnimatedImplementation,
-  div: AnimatedImplementation.createAnimatedComponent('div'),
-  span: AnimatedImplementation.createAnimatedComponent('span'),
-  img: AnimatedImplementation.createAnimatedComponent('img'),
+  div: (AnimatedImplementation.createAnimatedComponent('div'): $FlowFixMe),
+  span: (AnimatedImplementation.createAnimatedComponent('span'): $FlowFixMe),
+  img: (AnimatedImplementation.createAnimatedComponent('img'): $FlowFixMe),
 };
diff --git a/Libraries/Animated/src/Easing.js b/Libraries/Animated/src/Easing.js
index 423c250fab4935..253a3e785aaa8a 100644
--- a/Libraries/Animated/src/Easing.js
+++ b/Libraries/Animated/src/Easing.js
@@ -61,14 +61,14 @@ class Easing {
   /**
    * A stepping function, returns 1 for any positive value of `n`.
    */
-  static step0(n: number) {
+  static step0(n: number): number {
     return n > 0 ? 1 : 0;
   }
 
   /**
    * A stepping function, returns 1 if `n` is greater than or equal to 1.
    */
-  static step1(n: number) {
+  static step1(n: number): number {
     return n >= 1 ? 1 : 0;
   }
 
@@ -78,7 +78,7 @@ class Easing {
    *
    * http://cubic-bezier.com/#0,0,1,1
    */
-  static linear(t: number) {
+  static linear(t: number): number {
     return t;
   }
 
@@ -101,7 +101,7 @@ class Easing {
    *
    * http://easings.net/#easeInQuad
    */
-  static quad(t: number) {
+  static quad(t: number): number {
     return t * t;
   }
 
@@ -111,7 +111,7 @@ class Easing {
    *
    * http://easings.net/#easeInCubic
    */
-  static cubic(t: number) {
+  static cubic(t: number): number {
     return t * t * t;
   }
 
@@ -121,7 +121,7 @@ class Easing {
    * n = 4: http://easings.net/#easeInQuart
    * n = 5: http://easings.net/#easeInQuint
    */
-  static poly(n: number) {
+  static poly(n: number): (t: number) => number {
     return (t: number) => Math.pow(t, n);
   }
 
@@ -130,7 +130,7 @@ class Easing {
    *
    * http://easings.net/#easeInSine
    */
-  static sin(t: number) {
+  static sin(t: number): number {
     return 1 - Math.cos((t * Math.PI) / 2);
   }
 
@@ -139,7 +139,7 @@ class Easing {
    *
    * http://easings.net/#easeInCirc
    */
-  static circle(t: number) {
+  static circle(t: number): number {
     return 1 - Math.sqrt(1 - t * t);
   }
 
@@ -148,7 +148,7 @@ class Easing {
    *
    * http://easings.net/#easeInExpo
    */
-  static exp(t: number) {
+  static exp(t: number): number {
     return Math.pow(2, 10 * (t - 1));
   }
 
diff --git a/Libraries/Animated/src/NativeAnimatedHelper.js b/Libraries/Animated/src/NativeAnimatedHelper.js
index 05bd6e37a8a4d2..238a8fd2ba9d71 100644
--- a/Libraries/Animated/src/NativeAnimatedHelper.js
+++ b/Libraries/Animated/src/NativeAnimatedHelper.js
@@ -4,67 +4,82 @@
  * 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
  */
 'use strict';
 
-const NativeAnimatedModule = require('../../BatchedBridge/NativeModules')
-  .NativeAnimatedModule;
-const NativeEventEmitter = require('../../EventEmitter/NativeEventEmitter');
-
-const invariant = require('invariant');
-
-import type {AnimationConfig} from './animations/Animation';
+import NativeEventEmitter from '../../EventEmitter/NativeEventEmitter';
 import type {EventConfig} from './AnimatedEvent';
+import NativeAnimatedModule from './NativeAnimatedModule';
+import type {
+  EventMapping,
+  AnimatedNodeConfig,
+  AnimatingNodeConfig,
+} from './NativeAnimatedModule';
+import type {AnimationConfig, EndCallback} from './animations/Animation';
+import type {InterpolationConfigType} from './nodes/AnimatedInterpolation';
+import invariant from 'invariant';
 
 let __nativeAnimatedNodeTagCount = 1; /* used for animated nodes */
 let __nativeAnimationIdCount = 1; /* used for started animations */
 
-type EndResult = {finished: boolean};
-type EndCallback = (result: EndResult) => void;
-type EventMapping = {
-  nativeEventPath: Array<string>,
-  animatedValueTag: ?number,
-};
-
 let nativeEventEmitter;
 
+let queueConnections = false;
+let queue = [];
+
 /**
- * Simple wrappers around NativeAnimatedModule to provide flow and autocmplete support for
+ * Simple wrappers around NativeAnimatedModule to provide flow and autocomplete support for
  * the native module methods
  */
 const API = {
-  createAnimatedNode: function(tag: ?number, config: Object): void {
-    assertNativeAnimatedModule();
+  enableQueue: function(): void {
+    queueConnections = true;
+  },
+  disableQueue: function(): void {
+    invariant(NativeAnimatedModule, 'Native animated module is not available');
+    queueConnections = false;
+    for (let q = 0, l = queue.length; q < l; q++) {
+      const args = queue[q];
+      NativeAnimatedModule.connectAnimatedNodes(args[0], args[1]);
+    }
+    queue.length = 0;
+  },
+  createAnimatedNode: function(tag: ?number, config: AnimatedNodeConfig): void {
+    invariant(NativeAnimatedModule, 'Native animated module is not available');
     NativeAnimatedModule.createAnimatedNode(tag, config);
   },
   startListeningToAnimatedNodeValue: function(tag: ?number) {
-    assertNativeAnimatedModule();
+    invariant(NativeAnimatedModule, 'Native animated module is not available');
     NativeAnimatedModule.startListeningToAnimatedNodeValue(tag);
   },
   stopListeningToAnimatedNodeValue: function(tag: ?number) {
-    assertNativeAnimatedModule();
+    invariant(NativeAnimatedModule, 'Native animated module is not available');
     NativeAnimatedModule.stopListeningToAnimatedNodeValue(tag);
   },
   connectAnimatedNodes: function(parentTag: ?number, childTag: ?number): void {
-    assertNativeAnimatedModule();
+    invariant(NativeAnimatedModule, 'Native animated module is not available');
+    if (queueConnections) {
+      queue.push([parentTag, childTag]);
+      return;
+    }
     NativeAnimatedModule.connectAnimatedNodes(parentTag, childTag);
   },
   disconnectAnimatedNodes: function(
     parentTag: ?number,
     childTag: ?number,
   ): void {
-    assertNativeAnimatedModule();
+    invariant(NativeAnimatedModule, 'Native animated module is not available');
     NativeAnimatedModule.disconnectAnimatedNodes(parentTag, childTag);
   },
   startAnimatingNode: function(
     animationId: ?number,
     nodeTag: ?number,
-    config: Object,
+    config: AnimatingNodeConfig,
     endCallback: EndCallback,
   ): void {
-    assertNativeAnimatedModule();
+    invariant(NativeAnimatedModule, 'Native animated module is not available');
     NativeAnimatedModule.startAnimatingNode(
       animationId,
       nodeTag,
@@ -73,41 +88,41 @@ const API = {
     );
   },
   stopAnimation: function(animationId: ?number) {
-    assertNativeAnimatedModule();
+    invariant(NativeAnimatedModule, 'Native animated module is not available');
     NativeAnimatedModule.stopAnimation(animationId);
   },
   setAnimatedNodeValue: function(nodeTag: ?number, value: ?number): void {
-    assertNativeAnimatedModule();
+    invariant(NativeAnimatedModule, 'Native animated module is not available');
     NativeAnimatedModule.setAnimatedNodeValue(nodeTag, value);
   },
   setAnimatedNodeOffset: function(nodeTag: ?number, offset: ?number): void {
-    assertNativeAnimatedModule();
+    invariant(NativeAnimatedModule, 'Native animated module is not available');
     NativeAnimatedModule.setAnimatedNodeOffset(nodeTag, offset);
   },
   flattenAnimatedNodeOffset: function(nodeTag: ?number): void {
-    assertNativeAnimatedModule();
+    invariant(NativeAnimatedModule, 'Native animated module is not available');
     NativeAnimatedModule.flattenAnimatedNodeOffset(nodeTag);
   },
   extractAnimatedNodeOffset: function(nodeTag: ?number): void {
-    assertNativeAnimatedModule();
+    invariant(NativeAnimatedModule, 'Native animated module is not available');
     NativeAnimatedModule.extractAnimatedNodeOffset(nodeTag);
   },
   connectAnimatedNodeToView: function(
     nodeTag: ?number,
     viewTag: ?number,
   ): void {
-    assertNativeAnimatedModule();
+    invariant(NativeAnimatedModule, 'Native animated module is not available');
     NativeAnimatedModule.connectAnimatedNodeToView(nodeTag, viewTag);
   },
   disconnectAnimatedNodeFromView: function(
     nodeTag: ?number,
     viewTag: ?number,
   ): void {
-    assertNativeAnimatedModule();
+    invariant(NativeAnimatedModule, 'Native animated module is not available');
     NativeAnimatedModule.disconnectAnimatedNodeFromView(nodeTag, viewTag);
   },
   dropAnimatedNode: function(tag: ?number): void {
-    assertNativeAnimatedModule();
+    invariant(NativeAnimatedModule, 'Native animated module is not available');
     NativeAnimatedModule.dropAnimatedNode(tag);
   },
   addAnimatedEventToView: function(
@@ -115,7 +130,7 @@ const API = {
     eventName: string,
     eventMapping: EventMapping,
   ) {
-    assertNativeAnimatedModule();
+    invariant(NativeAnimatedModule, 'Native animated module is not available');
     NativeAnimatedModule.addAnimatedEventToView(
       viewTag,
       eventName,
@@ -127,7 +142,7 @@ const API = {
     eventName: string,
     animatedNodeTag: ?number,
   ) {
-    assertNativeAnimatedModule();
+    invariant(NativeAnimatedModule, 'Native animated module is not available');
     NativeAnimatedModule.removeAnimatedEventFromView(
       viewTag,
       eventName,
@@ -174,6 +189,7 @@ const TRANSFORM_WHITELIST = {
   rotate: true,
   rotateX: true,
   rotateY: true,
+  rotateZ: true,
   perspective: true,
 };
 
@@ -197,7 +213,12 @@ function addWhitelistedInterpolationParam(param: string): void {
   SUPPORTED_INTERPOLATION_PARAMS[param] = true;
 }
 
-function validateTransform(configs: Array<Object>): void {
+function validateTransform(
+  configs: Array<
+    | {type: 'animated', property: string, nodeTag: ?number}
+    | {type: 'static', property: string, value: number | string},
+  >,
+): void {
   configs.forEach(config => {
     if (!TRANSFORM_WHITELIST.hasOwnProperty(config.property)) {
       throw new Error(
@@ -209,7 +230,7 @@ function validateTransform(configs: Array<Object>): void {
   });
 }
 
-function validateStyles(styles: Object): void {
+function validateStyles(styles: {[key: string]: ?number}): void {
   for (const key in styles) {
     if (!STYLES_WHITELIST.hasOwnProperty(key)) {
       throw new Error(
@@ -219,7 +240,7 @@ function validateStyles(styles: Object): void {
   }
 }
 
-function validateInterpolation(config: Object): void {
+function validateInterpolation(config: InterpolationConfigType): void {
   for (const key in config) {
     if (!SUPPORTED_INTERPOLATION_PARAMS.hasOwnProperty(key)) {
       throw new Error(
@@ -244,7 +265,7 @@ function assertNativeAnimatedModule(): void {
 let _warnedMissingNativeAnimated = false;
 
 function shouldUseNativeDriver(config: AnimationConfig | EventConfig): boolean {
-  if (config.useNativeDriver && !NativeAnimatedModule) {
+  if (config.useNativeDriver === true && !NativeAnimatedModule) {
     if (!_warnedMissingNativeAnimated) {
       console.warn(
         'Animated: `useNativeDriver` is not supported because the native ' +
@@ -261,7 +282,7 @@ function shouldUseNativeDriver(config: AnimationConfig | EventConfig): boolean {
   return config.useNativeDriver || false;
 }
 
-function transformDataType(value: any): number {
+function transformDataType(value: number | string): number | string {
   // Change the string type to number type so we can reuse the same logic in
   // iOS and Android platform
   if (typeof value !== 'string') {
@@ -272,8 +293,7 @@ function transformDataType(value: any): number {
     const radians = (degrees * Math.PI) / 180.0;
     return radians;
   } else {
-    // Assume radians
-    return parseFloat(value) || 0;
+    return value;
   }
 }
 
@@ -290,7 +310,8 @@ module.exports = {
   assertNativeAnimatedModule,
   shouldUseNativeDriver,
   transformDataType,
-  get nativeEventEmitter() {
+  // $FlowExpectedError - unsafe getter lint suppresion
+  get nativeEventEmitter(): NativeEventEmitter {
     if (!nativeEventEmitter) {
       nativeEventEmitter = new NativeEventEmitter(NativeAnimatedModule);
     }
diff --git a/Libraries/Animated/src/NativeAnimatedModule.js b/Libraries/Animated/src/NativeAnimatedModule.js
new file mode 100644
index 00000000000000..7fcdfc4d871361
--- /dev/null
+++ b/Libraries/Animated/src/NativeAnimatedModule.js
@@ -0,0 +1,70 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
+
+type EndResult = {finished: boolean};
+type EndCallback = (result: EndResult) => void;
+
+export type EventMapping = {|
+  nativeEventPath: Array<string>,
+  animatedValueTag: ?number,
+|};
+
+export type AnimatedNodeConfig = {|
+  // TODO: Type this with better enums.
+  type: string,
+|};
+
+export type AnimatingNodeConfig = {|
+  // TODO: Type this with better enums.
+  type: string,
+|};
+
+export interface Spec extends TurboModule {
+  +createAnimatedNode: (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;
+  +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;
+}
+
+export default (TurboModuleRegistry.get<Spec>('NativeAnimatedModule'): ?Spec);
diff --git a/Libraries/Animated/src/__tests__/Animated-test.js b/Libraries/Animated/src/__tests__/Animated-test.js
index 11c1ad922efede..4e74cb6200e3c0 100644
--- a/Libraries/Animated/src/__tests__/Animated-test.js
+++ b/Libraries/Animated/src/__tests__/Animated-test.js
@@ -10,6 +10,15 @@
 
 'use strict';
 
+jest.mock('../../../BatchedBridge/NativeModules', () => ({
+  NativeAnimatedModule: {},
+  PlatformConstants: {
+    getConstants() {
+      return {};
+    },
+  },
+}));
+
 let Animated = require('../Animated');
 describe('Animated tests', () => {
   beforeEach(() => {
diff --git a/Libraries/Animated/src/__tests__/AnimatedNative-test.js b/Libraries/Animated/src/__tests__/AnimatedNative-test.js
index e90f2341b7d90c..09b087ce5d5be0 100644
--- a/Libraries/Animated/src/__tests__/AnimatedNative-test.js
+++ b/Libraries/Animated/src/__tests__/AnimatedNative-test.js
@@ -22,9 +22,15 @@ jest
   .setMock('../../../Lists/FlatList', ClassComponentMock)
   .setMock('../../../Lists/SectionList', ClassComponentMock)
   .setMock('react', {Component: class {}})
-  .setMock('../../../BatchedBridge/NativeModules', {
+  .mock('../../../BatchedBridge/NativeModules', () => ({
     NativeAnimatedModule: {},
-  })
+    PlatformConstants: {
+      getConstants() {
+        return {};
+      },
+    },
+  }))
+  .mock('../NativeAnimatedModule')
   .mock('../../../EventEmitter/NativeEventEmitter')
   // findNodeHandle is imported from ReactNative so mock that whole module.
   .setMock('../../../Renderer/shims/ReactNative', {findNodeHandle: () => 1});
@@ -43,8 +49,7 @@ function createAndMountComponent(ComponentClass, props) {
 }
 
 describe('Native Animated', () => {
-  const nativeAnimatedModule = require('../../../BatchedBridge/NativeModules')
-    .NativeAnimatedModule;
+  const nativeAnimatedModule = require('../NativeAnimatedModule').default;
 
   beforeEach(() => {
     nativeAnimatedModule.addAnimatedEventToView = jest.fn();
diff --git a/Libraries/Animated/src/__tests__/TimingAnimation-test.js b/Libraries/Animated/src/__tests__/TimingAnimation-test.js
new file mode 100644
index 00000000000000..d63f44b3928514
--- /dev/null
+++ b/Libraries/Animated/src/__tests__/TimingAnimation-test.js
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @emails oncall+react_native
+ */
+
+'use strict';
+
+const TimingAnimation = require('../animations/TimingAnimation');
+
+describe('Timing Animation', () => {
+  it('should return array of 61 items', () => {
+    const timingAnim = new TimingAnimation({duration: 1000});
+    const config = timingAnim.__getNativeAnimationConfig();
+
+    expect(config.frames.length).toBe(61);
+    expect(config.frames[60]).toBe(1);
+    expect(config.frames[59]).toBeLessThan(1);
+  });
+
+  it('should cope with zero duration', () => {
+    const timingAnim = new TimingAnimation({duration: 0});
+    const config = timingAnim.__getNativeAnimationConfig();
+
+    expect(config.frames.length).toBe(1);
+    expect(config.frames[0]).toBe(1);
+  });
+});
diff --git a/Libraries/Animated/src/__tests__/bezier-test.js b/Libraries/Animated/src/__tests__/bezier-test.js
index e70026dca8d614..bab93c372a408a 100644
--- a/Libraries/Animated/src/__tests__/bezier-test.js
+++ b/Libraries/Animated/src/__tests__/bezier-test.js
@@ -115,7 +115,7 @@ describe('bezier', function() {
       });
     });
   });
-  describe('symetric curves', function() {
+  describe('symmetric curves', function() {
     it('should have a central value y~=0.5 at x=0.5', function() {
       repeat(10)(function() {
         const a = Math.random(),
diff --git a/Libraries/Animated/src/animations/Animation.js b/Libraries/Animated/src/animations/Animation.js
index 32ccb1e72f0832..cb175e1ecbf2ee 100644
--- a/Libraries/Animated/src/animations/Animation.js
+++ b/Libraries/Animated/src/animations/Animation.js
@@ -18,7 +18,7 @@ export type EndCallback = (result: EndResult) => void;
 
 export type AnimationConfig = {
   isInteraction?: boolean,
-  useNativeDriver?: boolean,
+  useNativeDriver: boolean,
   onComplete?: ?EndCallback,
   iterations?: number,
 };
@@ -56,7 +56,9 @@ class Animation {
     onEnd && onEnd(result);
   }
   __startNativeAnimation(animatedValue: AnimatedValue): void {
+    NativeAnimatedHelper.API.enableQueue();
     animatedValue.__makeNative();
+    NativeAnimatedHelper.API.disableQueue();
     this.__nativeId = NativeAnimatedHelper.generateNewAnimationId();
     NativeAnimatedHelper.API.startAnimatingNode(
       this.__nativeId,
diff --git a/Libraries/Animated/src/animations/DecayAnimation.js b/Libraries/Animated/src/animations/DecayAnimation.js
index a79f9c3ed42912..27ec5d8dd51c54 100644
--- a/Libraries/Animated/src/animations/DecayAnimation.js
+++ b/Libraries/Animated/src/animations/DecayAnimation.js
@@ -13,8 +13,8 @@ const Animation = require('./Animation');
 
 const {shouldUseNativeDriver} = require('../NativeAnimatedHelper');
 
-import type {AnimationConfig, EndCallback} from './Animation';
 import type AnimatedValue from '../nodes/AnimatedValue';
+import type {AnimationConfig, EndCallback} from './Animation';
 
 export type DecayAnimationConfig = AnimationConfig & {
   velocity: number | {x: number, y: number},
@@ -45,7 +45,12 @@ class DecayAnimation extends Animation {
     this.__iterations = config.iterations ?? 1;
   }
 
-  __getNativeAnimationConfig() {
+  __getNativeAnimationConfig(): $TEMPORARY$object<{|
+    deceleration: number,
+    iterations: number,
+    type: $TEMPORARY$string<'decay'>,
+    velocity: number,
+  |}> {
     return {
       type: 'decay',
       deceleration: this._deceleration,
diff --git a/Libraries/Animated/src/animations/SpringAnimation.js b/Libraries/Animated/src/animations/SpringAnimation.js
index a7ffac480ac688..9a16bde6b71c5e 100644
--- a/Libraries/Animated/src/animations/SpringAnimation.js
+++ b/Libraries/Animated/src/animations/SpringAnimation.js
@@ -15,6 +15,7 @@ const Animation = require('./Animation');
 const SpringConfig = require('../SpringConfig');
 
 const invariant = require('invariant');
+
 const {shouldUseNativeDriver} = require('../NativeAnimatedHelper');
 
 import type {AnimationConfig, EndCallback} from './Animation';
@@ -137,7 +138,18 @@ class SpringAnimation extends Animation {
     invariant(this._mass > 0, 'Mass value must be greater than 0');
   }
 
-  __getNativeAnimationConfig() {
+  __getNativeAnimationConfig(): $TEMPORARY$object<{|
+    damping: number,
+    initialVelocity: number,
+    iterations: number,
+    mass: number,
+    overshootClamping: boolean,
+    restDisplacementThreshold: number,
+    restSpeedThreshold: number,
+    stiffness: number,
+    toValue: any,
+    type: $TEMPORARY$string<'spring'>,
+  |}> {
     return {
       type: 'spring',
       overshootClamping: this._overshootClamping,
diff --git a/Libraries/Animated/src/animations/TimingAnimation.js b/Libraries/Animated/src/animations/TimingAnimation.js
index b73794f1333e44..8458ef9712f678 100644
--- a/Libraries/Animated/src/animations/TimingAnimation.js
+++ b/Libraries/Animated/src/animations/TimingAnimation.js
@@ -66,8 +66,9 @@ class TimingAnimation extends Animation {
   __getNativeAnimationConfig(): any {
     const frameDuration = 1000.0 / 60.0;
     const frames = [];
-    for (let dt = 0.0; dt < this._duration; dt += frameDuration) {
-      frames.push(this._easing(dt / this._duration));
+    const numFrames = Math.round(this._duration / frameDuration);
+    for (let frame = 0; frame < numFrames; frame++) {
+      frames.push(this._easing(frame / numFrames));
     }
     frames.push(this._easing(1));
     return {
diff --git a/Libraries/Animated/src/bezier.js b/Libraries/Animated/src/bezier.js
index 727872b848aacd..94fe109d784677 100644
--- a/Libraries/Animated/src/bezier.js
+++ b/Libraries/Animated/src/bezier.js
@@ -84,7 +84,7 @@ module.exports = function bezier(
   mY1: number,
   mX2: number,
   mY2: number,
-) {
+): (x: number) => number {
   if (!(mX1 >= 0 && mX1 <= 1 && mX2 >= 0 && mX2 <= 1)) {
     throw new Error('bezier x values must be in [0, 1] range');
   }
diff --git a/Libraries/Animated/src/components/AnimatedFlatList.js b/Libraries/Animated/src/components/AnimatedFlatList.js
index 9e91e84d9a18d1..2cc3704df4f2e0 100644
--- a/Libraries/Animated/src/components/AnimatedFlatList.js
+++ b/Libraries/Animated/src/components/AnimatedFlatList.js
@@ -14,6 +14,6 @@ const FlatList = require('../../../Lists/FlatList');
 
 const createAnimatedComponent = require('../createAnimatedComponent');
 
-module.exports = createAnimatedComponent(FlatList, {
+module.exports = (createAnimatedComponent(FlatList, {
   scrollEventThrottle: 0.0001,
-});
+}): $FlowFixMe);
diff --git a/Libraries/Animated/src/components/AnimatedImage.js b/Libraries/Animated/src/components/AnimatedImage.js
index 9f5bad944b6eb1..89fee4d29ea8da 100644
--- a/Libraries/Animated/src/components/AnimatedImage.js
+++ b/Libraries/Animated/src/components/AnimatedImage.js
@@ -14,4 +14,4 @@ const Image = require('../../../Image/Image');
 
 const createAnimatedComponent = require('../createAnimatedComponent');
 
-module.exports = createAnimatedComponent(Image);
+module.exports = (createAnimatedComponent(Image): $FlowFixMe);
diff --git a/Libraries/Animated/src/components/AnimatedScrollView.js b/Libraries/Animated/src/components/AnimatedScrollView.js
index 16169dcefe8b2f..5913fb939a159a 100644
--- a/Libraries/Animated/src/components/AnimatedScrollView.js
+++ b/Libraries/Animated/src/components/AnimatedScrollView.js
@@ -14,6 +14,6 @@ const ScrollView = require('../../../Components/ScrollView/ScrollView');
 
 const createAnimatedComponent = require('../createAnimatedComponent');
 
-module.exports = createAnimatedComponent(ScrollView, {
+module.exports = (createAnimatedComponent(ScrollView, {
   scrollEventThrottle: 0.0001,
-});
+}): $FlowFixMe);
diff --git a/Libraries/Animated/src/components/AnimatedSectionList.js b/Libraries/Animated/src/components/AnimatedSectionList.js
index 115e48d443cc3f..6a4a6389fbf668 100644
--- a/Libraries/Animated/src/components/AnimatedSectionList.js
+++ b/Libraries/Animated/src/components/AnimatedSectionList.js
@@ -14,6 +14,6 @@ const SectionList = require('../../../Lists/SectionList');
 
 const createAnimatedComponent = require('../createAnimatedComponent');
 
-module.exports = createAnimatedComponent(SectionList, {
+module.exports = (createAnimatedComponent(SectionList, {
   scrollEventThrottle: 0.0001,
-});
+}): $FlowFixMe);
diff --git a/Libraries/Animated/src/components/AnimatedText.js b/Libraries/Animated/src/components/AnimatedText.js
index 73f9f5e3d68b66..81b016cca18d41 100644
--- a/Libraries/Animated/src/components/AnimatedText.js
+++ b/Libraries/Animated/src/components/AnimatedText.js
@@ -14,4 +14,4 @@ const Text = require('../../../Text/Text');
 
 const createAnimatedComponent = require('../createAnimatedComponent');
 
-module.exports = createAnimatedComponent(Text);
+module.exports = (createAnimatedComponent(Text): $FlowFixMe);
diff --git a/Libraries/Animated/src/components/AnimatedView.js b/Libraries/Animated/src/components/AnimatedView.js
index 6958289d509187..7684dbf3f50da7 100644
--- a/Libraries/Animated/src/components/AnimatedView.js
+++ b/Libraries/Animated/src/components/AnimatedView.js
@@ -14,4 +14,4 @@ const View = require('../../../Components/View/View');
 
 const createAnimatedComponent = require('../createAnimatedComponent');
 
-module.exports = createAnimatedComponent(View);
+module.exports = (createAnimatedComponent(View): $FlowFixMe);
diff --git a/Libraries/Animated/src/createAnimatedComponent.js b/Libraries/Animated/src/createAnimatedComponent.js
index d31a12976da399..a6013a716f6223 100644
--- a/Libraries/Animated/src/createAnimatedComponent.js
+++ b/Libraries/Animated/src/createAnimatedComponent.js
@@ -63,7 +63,7 @@ function createAnimatedComponent(Component: any, defaultProps: any): any {
     _attachNativeEvents() {
       // Make sure to get the scrollable node for components that implement
       // `ScrollResponder.Mixin`.
-      const scrollableNode = this._component.getScrollableNode
+      const scrollableNode = this._component?.getScrollableNode
         ? this._component.getScrollableNode()
         : this._component;
 
diff --git a/Libraries/Animated/src/nodes/AnimatedInterpolation.js b/Libraries/Animated/src/nodes/AnimatedInterpolation.js
index 29b7791b341f66..f13d3fe9bab5bb 100644
--- a/Libraries/Animated/src/nodes/AnimatedInterpolation.js
+++ b/Libraries/Animated/src/nodes/AnimatedInterpolation.js
@@ -184,7 +184,7 @@ function colorToRgba(input: string): string {
   return `rgba(${r}, ${g}, ${b}, ${a})`;
 }
 
-const stringShapeRegex = /[0-9\.-]+/g;
+const stringShapeRegex = /[+-]?(?:\d+\.?\d*|\.\d+)(?:[eE][+-]?\d+)?/g;
 
 /**
  * Supports string shapes by extracting numbers so new values can be computed,
@@ -245,10 +245,11 @@ function createInterpolationFromStringOutputRange(
     // ->
     // 'rgba(${interpolations[0](input)}, ${interpolations[1](input)}, ...'
     return outputRange[0].replace(stringShapeRegex, () => {
-      const val = +interpolations[i++](input);
-      const rounded =
-        shouldRound && i < 4 ? Math.round(val) : Math.round(val * 1000) / 1000;
-      return String(rounded);
+      let val = +interpolations[i++](input);
+      if (shouldRound) {
+        val = i < 4 ? Math.round(val) : Math.round(val * 1000) / 1000;
+      }
+      return String(val);
     });
   };
 }
@@ -309,7 +310,9 @@ function checkInfiniteRange(name: string, arr: Array<number>) {
 
 class AnimatedInterpolation extends AnimatedWithChildren {
   // Export for testing.
-  static __createInterpolation = createInterpolation;
+  static __createInterpolation: (
+    config: InterpolationConfigType,
+  ) => (input: number) => number | string = createInterpolation;
 
   _parent: AnimatedNode;
   _config: InterpolationConfigType;
@@ -349,7 +352,7 @@ class AnimatedInterpolation extends AnimatedWithChildren {
     super.__detach();
   }
 
-  __transformDataType(range: Array<any>) {
+  __transformDataType(range: Array<any>): Array<any> {
     return range.map(NativeAnimatedHelper.transformDataType);
   }
 
diff --git a/Libraries/Animated/src/nodes/AnimatedNode.js b/Libraries/Animated/src/nodes/AnimatedNode.js
index b90b4c185b8ec6..f6bb39648a80fe 100644
--- a/Libraries/Animated/src/nodes/AnimatedNode.js
+++ b/Libraries/Animated/src/nodes/AnimatedNode.js
@@ -157,11 +157,11 @@ class AnimatedNode {
     );
     if (this.__nativeTag == null) {
       const nativeTag: ?number = NativeAnimatedHelper.generateNewNodeTag();
+      this.__nativeTag = nativeTag;
       NativeAnimatedHelper.API.createAnimatedNode(
         nativeTag,
         this.__getNativeConfig(),
       );
-      this.__nativeTag = nativeTag;
       this.__shouldUpdateListenersForNewNativeTag = true;
     }
     return this.__nativeTag;
diff --git a/Libraries/Animated/src/nodes/AnimatedProps.js b/Libraries/Animated/src/nodes/AnimatedProps.js
index 23866ed4356aff..d6914d23bd8a31 100644
--- a/Libraries/Animated/src/nodes/AnimatedProps.js
+++ b/Libraries/Animated/src/nodes/AnimatedProps.js
@@ -151,6 +151,7 @@ class AnimatedProps extends AnimatedNode {
     for (const propKey in this._props) {
       const value = this._props[propKey];
       if (value instanceof AnimatedNode) {
+        value.__makeNative();
         propsConfig[propKey] = value.__getNativeTag();
       }
     }
diff --git a/Libraries/Animated/src/nodes/AnimatedStyle.js b/Libraries/Animated/src/nodes/AnimatedStyle.js
index 4830b2e8d0c1a4..1219bda5962fa4 100644
--- a/Libraries/Animated/src/nodes/AnimatedStyle.js
+++ b/Libraries/Animated/src/nodes/AnimatedStyle.js
@@ -108,7 +108,9 @@ class AnimatedStyle extends AnimatedWithChildren {
     const styleConfig = {};
     for (const styleKey in this._style) {
       if (this._style[styleKey] instanceof AnimatedNode) {
-        styleConfig[styleKey] = this._style[styleKey].__getNativeTag();
+        const style = this._style[styleKey];
+        style.__makeNative();
+        styleConfig[styleKey] = style.__getNativeTag();
       }
       // Non-animated styles are set using `setNativeProps`, no need
       // to pass those as a part of the node config
diff --git a/Libraries/AppState/AppState.js b/Libraries/AppState/AppState.js
index 24b7da77d01481..e848978a106894 100644
--- a/Libraries/AppState/AppState.js
+++ b/Libraries/AppState/AppState.js
@@ -25,6 +25,7 @@ const invariant = require('invariant');
  */
 class AppState extends NativeEventEmitter {
   _eventHandlers: Object;
+  _supportedEvents = ['change', 'memoryWarning', 'blur', 'focus'];
   currentState: ?string;
   isAvailable: boolean;
 
@@ -32,10 +33,10 @@ class AppState extends NativeEventEmitter {
     super(NativeAppState);
 
     this.isAvailable = true;
-    this._eventHandlers = {
-      change: new Map(),
-      memoryWarning: new Map(),
-    };
+    this._eventHandlers = this._supportedEvents.reduce((handlers, key) => {
+      handlers[key] = new Map();
+      return handlers;
+    }, {});
 
     this.currentState = NativeAppState.getConstants().initialAppState;
 
@@ -75,22 +76,43 @@ class AppState extends NativeEventEmitter {
    */
   addEventListener(type: string, handler: Function) {
     invariant(
-      ['change', 'memoryWarning'].indexOf(type) !== -1,
+      this._supportedEvents.indexOf(type) !== -1,
       'Trying to subscribe to unknown event: "%s"',
       type,
     );
-    if (type === 'change') {
-      this._eventHandlers[type].set(
-        handler,
-        this.addListener('appStateDidChange', appStateData => {
-          handler(appStateData.app_state);
-        }),
-      );
-    } else if (type === 'memoryWarning') {
-      this._eventHandlers[type].set(
-        handler,
-        this.addListener('memoryWarning', handler),
-      );
+
+    switch (type) {
+      case 'change': {
+        this._eventHandlers[type].set(
+          handler,
+          this.addListener('appStateDidChange', appStateData => {
+            handler(appStateData.app_state);
+          }),
+        );
+        break;
+      }
+      case 'memoryWarning': {
+        this._eventHandlers[type].set(
+          handler,
+          this.addListener('memoryWarning', handler),
+        );
+        break;
+      }
+
+      case 'blur':
+      case 'focus': {
+        this._eventHandlers[type].set(
+          handler,
+          this.addListener('appStateFocusChange', hasFocus => {
+            if (type === 'blur' && !hasFocus) {
+              handler();
+            }
+            if (type === 'focus' && hasFocus) {
+              handler();
+            }
+          }),
+        );
+      }
     }
   }
 
@@ -101,7 +123,7 @@ class AppState extends NativeEventEmitter {
    */
   removeEventListener(type: string, handler: Function) {
     invariant(
-      ['change', 'memoryWarning'].indexOf(type) !== -1,
+      this._supportedEvents.indexOf(type) !== -1,
       'Trying to remove listener for unknown event: "%s"',
       type,
     );
diff --git a/Libraries/AppState/NativeAppState.js b/Libraries/AppState/NativeAppState.js
index d5d13a392acb94..1146bf588dbbb6 100644
--- a/Libraries/AppState/NativeAppState.js
+++ b/Libraries/AppState/NativeAppState.js
@@ -10,8 +10,8 @@
 
 'use strict';
 
-import type {TurboModule} from 'RCTExport';
-import * as TurboModuleRegistry from 'TurboModuleRegistry';
+import type {TurboModule} from '../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
 
 export interface Spec extends TurboModule {
   +getConstants: () => {|
@@ -27,4 +27,4 @@ export interface Spec extends TurboModule {
   +removeListeners: (count: number) => void;
 }
 
-export default TurboModuleRegistry.getEnforcing<Spec>('AppState');
+export default (TurboModuleRegistry.getEnforcing<Spec>('AppState'): Spec);
diff --git a/Libraries/BatchedBridge/BatchedBridge.js b/Libraries/BatchedBridge/BatchedBridge.js
index 5cd0138b48e131..b68e9873e393ba 100644
--- a/Libraries/BatchedBridge/BatchedBridge.js
+++ b/Libraries/BatchedBridge/BatchedBridge.js
@@ -12,7 +12,7 @@
 
 const MessageQueue = require('./MessageQueue');
 
-const BatchedBridge = new MessageQueue();
+const BatchedBridge: MessageQueue = new MessageQueue();
 
 // Wire up the batched bridge on the global object so that we can call into it.
 // Ideally, this would be the inverse relationship. I.e. the native environment
diff --git a/Libraries/BatchedBridge/MessageQueue.js b/Libraries/BatchedBridge/MessageQueue.js
index 8fce2a7e67c301..93ac7436c1953f 100644
--- a/Libraries/BatchedBridge/MessageQueue.js
+++ b/Libraries/BatchedBridge/MessageQueue.js
@@ -16,6 +16,7 @@ const Systrace = require('../Performance/Systrace');
 const deepFreezeAndThrowOnMutationInDev = require('../Utilities/deepFreezeAndThrowOnMutationInDev');
 const invariant = require('invariant');
 const stringifySafe = require('../Utilities/stringifySafe');
+const warnOnce = require('../Utilities/warnOnce');
 
 export type SpyData = {
   type: number,
@@ -40,8 +41,8 @@ const DEBUG_INFO_LIMIT = 32;
 class MessageQueue {
   _lazyCallableModules: {[key: string]: (void) => Object};
   _queue: [number[], number[], any[], number];
-  _successCallbacks: {[key: number]: ?Function};
-  _failureCallbacks: {[key: number]: ?Function};
+  _successCallbacks: Map<number, ?Function>;
+  _failureCallbacks: Map<number, ?Function>;
   _callID: number;
   _lastFlush: number;
   _eventLoopStartTime: number;
@@ -49,15 +50,15 @@ class MessageQueue {
 
   _debugInfo: {[number]: [number, number]};
   _remoteModuleTable: {[number]: string};
-  _remoteMethodTable: {[number]: string[]};
+  _remoteMethodTable: {[number]: $ReadOnlyArray<string>};
 
   __spy: ?(data: SpyData) => void;
 
   constructor() {
     this._lazyCallableModules = {};
     this._queue = [[], [], [], 0];
-    this._successCallbacks = {};
-    this._failureCallbacks = {};
+    this._successCallbacks = new Map();
+    this._failureCallbacks = new Map();
     this._callID = 0;
     this._lastFlush = 0;
     this._eventLoopStartTime = Date.now();
@@ -101,7 +102,11 @@ class MessageQueue {
     }
   }
 
-  callFunctionReturnFlushedQueue(module: string, method: string, args: any[]) {
+  callFunctionReturnFlushedQueue(
+    module: string,
+    method: string,
+    args: any[],
+  ): null | [Array<number>, Array<number>, Array<any>, number] {
     this.__guard(() => {
       this.__callFunction(module, method, args);
     });
@@ -113,7 +118,7 @@ class MessageQueue {
     module: string,
     method: string,
     args: any[],
-  ) {
+  ): $TEMPORARY$array<?[Array<number>, Array<number>, Array<any>, number]> {
     let result;
     this.__guard(() => {
       result = this.__callFunction(module, method, args);
@@ -122,7 +127,10 @@ class MessageQueue {
     return [result, this.flushedQueue()];
   }
 
-  invokeCallbackAndReturnFlushedQueue(cbID: number, args: any[]) {
+  invokeCallbackAndReturnFlushedQueue(
+    cbID: number,
+    args: any[],
+  ): null | [Array<number>, Array<number>, Array<any>, number] {
     this.__guard(() => {
       this.__invokeCallback(cbID, args);
     });
@@ -130,7 +138,7 @@ class MessageQueue {
     return this.flushedQueue();
   }
 
-  flushedQueue() {
+  flushedQueue(): null | [Array<number>, Array<number>, Array<any>, number] {
     this.__guard(() => {
       this.__callImmediates();
     });
@@ -140,7 +148,7 @@ class MessageQueue {
     return queue[0].length ? queue : null;
   }
 
-  getEventLoopRunningTime() {
+  getEventLoopRunningTime(): number {
     return Date.now() - this._eventLoopStartTime;
   }
 
@@ -160,7 +168,7 @@ class MessageQueue {
     };
   }
 
-  getCallableModule(name: string) {
+  getCallableModule(name: string): any | null {
     const getValue = this._lazyCallableModules[name];
     return getValue ? getValue() : null;
   }
@@ -171,7 +179,7 @@ class MessageQueue {
     params: any[],
     onFail: ?Function,
     onSucc: ?Function,
-  ) {
+  ): any {
     if (__DEV__) {
       invariant(
         global.nativeCallSyncHook,
@@ -182,7 +190,19 @@ class MessageQueue {
       );
     }
     this.processCallbacks(moduleID, methodID, params, onFail, onSucc);
-    return global.nativeCallSyncHook(moduleID, methodID, params);
+    try {
+      return global.nativeCallSyncHook(moduleID, methodID, params);
+    } catch (e) {
+      if (
+        typeof e === 'object' &&
+        e != null &&
+        typeof e.framesToPop === 'undefined' &&
+        /^Exception in HostFunction: /.test(e.message)
+      ) {
+        e.framesToPop = 2;
+      }
+      throw e;
+    }
   }
 
   processCallbacks(
@@ -198,6 +218,23 @@ class MessageQueue {
         if (this._callID > DEBUG_INFO_LIMIT) {
           delete this._debugInfo[this._callID - DEBUG_INFO_LIMIT];
         }
+        if (this._successCallbacks.size > 500) {
+          const info = {};
+          this._successCallbacks.forEach((_, callID) => {
+            const debug = this._debugInfo[callID];
+            const module = debug && this._remoteModuleTable[debug[0]];
+            const method = debug && this._remoteMethodTable[debug[0]][debug[1]];
+            info[callID] = {module, method};
+          });
+          warnOnce(
+            'excessive-number-of-pending-callbacks',
+            `Please report: Excessive number of pending callbacks: ${
+              this._successCallbacks.size
+            }. Some pending callbacks that might have leaked by never being called from native code: ${stringifySafe(
+              info,
+            )}`,
+          );
+        }
       }
       // Encode callIDs into pairs of callback identifiers by shifting left and using the rightmost bit
       // to indicate fail (0) or success (1)
@@ -205,8 +242,8 @@ class MessageQueue {
       onFail && params.push(this._callID << 1);
       // eslint-disable-next-line no-bitwise
       onSucc && params.push((this._callID << 1) | 1);
-      this._successCallbacks[this._callID] = onSucc;
-      this._failureCallbacks[this._callID] = onFail;
+      this._successCallbacks.set(this._callID, onSucc);
+      this._failureCallbacks.set(this._callID, onFail);
     }
     if (__DEV__) {
       global.nativeTraceBeginAsyncFlow &&
@@ -317,10 +354,14 @@ class MessageQueue {
     }
   }
 
-  createDebugLookup(moduleID: number, name: string, methods: string[]) {
+  createDebugLookup(
+    moduleID: number,
+    name: string,
+    methods: ?$ReadOnlyArray<string>,
+  ) {
     if (__DEV__) {
       this._remoteModuleTable[moduleID] = name;
-      this._remoteMethodTable[moduleID] = methods;
+      this._remoteMethodTable[moduleID] = methods || [];
     }
   }
 
@@ -352,7 +393,7 @@ class MessageQueue {
   // This makes stacktraces to be placed at MessageQueue rather than at where they were launched
   // The parameter DebuggerInternal.shouldPauseOnThrow is used to check before catching all exceptions and
   // can be configured by the VM or any Inspector
-  __shouldPauseOnThrow() {
+  __shouldPauseOnThrow(): boolean {
     return (
       // $FlowFixMe
       typeof DebuggerInternal !== 'undefined' &&
@@ -407,8 +448,8 @@ class MessageQueue {
     // eslint-disable-next-line no-bitwise
     const isSuccess = cbID & 1;
     const callback = isSuccess
-      ? this._successCallbacks[callID]
-      : this._failureCallbacks[callID];
+      ? this._successCallbacks.get(callID)
+      : this._failureCallbacks.get(callID);
 
     if (__DEV__) {
       const debug = this._debugInfo[callID];
@@ -437,8 +478,8 @@ class MessageQueue {
       return;
     }
 
-    delete this._successCallbacks[callID];
-    delete this._failureCallbacks[callID];
+    this._successCallbacks.delete(callID);
+    this._failureCallbacks.delete(callID);
     callback(...args);
 
     if (__DEV__) {
diff --git a/Libraries/BatchedBridge/NativeModules.js b/Libraries/BatchedBridge/NativeModules.js
index df60fc87001d4e..703d9dbe4472da 100644
--- a/Libraries/BatchedBridge/NativeModules.js
+++ b/Libraries/BatchedBridge/NativeModules.js
@@ -16,12 +16,12 @@ const invariant = require('invariant');
 
 import type {ExtendedError} from '../Core/Devtools/parseErrorStack';
 
-type ModuleConfig = [
+export type ModuleConfig = [
   string /* name */,
   ?Object /* constants */,
-  Array<string> /* functions */,
-  Array<number> /* promise method IDs */,
-  Array<number> /* sync method IDs */,
+  ?$ReadOnlyArray<string> /* functions */,
+  ?$ReadOnlyArray<number> /* promise method IDs */,
+  ?$ReadOnlyArray<number> /* sync method IDs */,
 ];
 
 export type MethodType = 'async' | 'promise' | 'sync';
@@ -95,13 +95,17 @@ function genMethod(moduleID: number, methodID: number, type: MethodType) {
   let fn = null;
   if (type === 'promise') {
     fn = function(...args: Array<any>) {
+      // In case we reject, capture a useful stack trace here.
+      const enqueueingFrameError: ExtendedError = new Error();
+      enqueueingFrameError.framesToPop = 1;
       return new Promise((resolve, reject) => {
         BatchedBridge.enqueueNativeCall(
           moduleID,
           methodID,
           args,
           data => resolve(data),
-          errorData => reject(createErrorFromErrorData(errorData)),
+          errorData =>
+            reject(updateErrorWithErrorData(errorData, enqueueingFrameError)),
         );
       });
     };
@@ -143,15 +147,15 @@ function genMethod(moduleID: number, methodID: number, type: MethodType) {
   return fn;
 }
 
-function arrayContains<T>(array: Array<T>, value: T): boolean {
+function arrayContains<T>(array: $ReadOnlyArray<T>, value: T): boolean {
   return array.indexOf(value) !== -1;
 }
 
-function createErrorFromErrorData(errorData: {message: string}): ExtendedError {
-  const {message, ...extraErrorInfo} = errorData || {};
-  const error: ExtendedError = new Error(message);
-  error.framesToPop = 1;
-  return Object.assign(error, extraErrorInfo);
+function updateErrorWithErrorData(
+  errorData: {message: string},
+  error: ExtendedError,
+): ExtendedError {
+  return Object.assign(error, errorData || {});
 }
 
 let NativeModules: {[moduleName: string]: Object} = {};
diff --git a/Libraries/BatchedBridge/__mocks__/MessageQueueTestConfig.js b/Libraries/BatchedBridge/__mocks__/MessageQueueTestConfig.js
index bb50f5d2fa7b50..6491c81c7eca56 100644
--- a/Libraries/BatchedBridge/__mocks__/MessageQueueTestConfig.js
+++ b/Libraries/BatchedBridge/__mocks__/MessageQueueTestConfig.js
@@ -6,13 +6,29 @@
  *
  * These don't actually exist anywhere in the code.
  *
+ * @flow strict-local
  * @format
  */
 
 'use strict';
-const remoteModulesConfig = [
-  ['RemoteModule1', null, ['remoteMethod', 'promiseMethod'], []],
-  ['RemoteModule2', null, ['remoteMethod', 'promiseMethod'], []],
+
+import type {ModuleConfig} from '../NativeModules';
+
+const remoteModulesConfig: $ReadOnlyArray<ModuleConfig> = [
+  [
+    'RemoteModule1',
+    null,
+    ['remoteMethod', 'promiseMethod', 'promiseReturningMethod', 'syncMethod'],
+    [2 /* promiseReturningMethod */],
+    [3 /* syncMethod */],
+  ],
+  [
+    'RemoteModule2',
+    null,
+    ['remoteMethod', 'promiseMethod', 'promiseReturningMethod', 'syncMethod'],
+    [2 /* promiseReturningMethod */],
+    [3 /* syncMethod */],
+  ],
 ];
 
 const MessageQueueTestConfig = {
diff --git a/Libraries/BatchedBridge/__mocks__/MessageQueueTestModule.js b/Libraries/BatchedBridge/__mocks__/MessageQueueTestModule.js
index 37425cd7652706..667799a42f4bbf 100644
--- a/Libraries/BatchedBridge/__mocks__/MessageQueueTestModule.js
+++ b/Libraries/BatchedBridge/__mocks__/MessageQueueTestModule.js
@@ -11,7 +11,7 @@
 
 /**
  * Dummy module that only exists for the sake of proving that the message queue
- * correctly dispatches to commonJS modules. The `testHook` is overriden by test
+ * correctly dispatches to commonJS modules. The `testHook` is overridden by test
  * cases.
  */
 const MessageQueueTestModule = {
diff --git a/Libraries/BatchedBridge/__tests__/MessageQueue-test.js b/Libraries/BatchedBridge/__tests__/MessageQueue-test.js
index f8568cae72d172..85c2ca97130507 100644
--- a/Libraries/BatchedBridge/__tests__/MessageQueue-test.js
+++ b/Libraries/BatchedBridge/__tests__/MessageQueue-test.js
@@ -33,7 +33,7 @@ describe('MessageQueue', function() {
   beforeEach(function() {
     jest.resetModules();
     MessageQueue = require('../MessageQueue');
-    MessageQueueTestModule = require('MessageQueueTestModule');
+    MessageQueueTestModule = require('../__mocks__/MessageQueueTestModule');
     queue = new MessageQueue();
     queue.registerCallableModule(
       'MessageQueueTestModule',
@@ -125,7 +125,7 @@ describe('MessageQueue', function() {
     expect(factory).toHaveBeenCalledTimes(1);
   });
 
-  it('should check if the global error handler is not overriden by the DebuggerInternal object', () => {
+  it('should check if the global error handler is not overridden by the DebuggerInternal object', () => {
     const dummyModule = {
       dummy: function() {},
     };
@@ -137,7 +137,7 @@ describe('MessageQueue', function() {
     expect(queue.__shouldPauseOnThrow).toHaveBeenCalledTimes(2);
   });
 
-  it('should check if the global error handler is overriden by the DebuggerInternal object', () => {
+  it('should check if the global error handler is overridden by the DebuggerInternal object', () => {
     const dummyModule = {
       dummy: function() {},
     };
diff --git a/Libraries/BatchedBridge/__tests__/NativeModules-test.js b/Libraries/BatchedBridge/__tests__/NativeModules-test.js
index 6457385f233acb..498eeab8b7c0d5 100644
--- a/Libraries/BatchedBridge/__tests__/NativeModules-test.js
+++ b/Libraries/BatchedBridge/__tests__/NativeModules-test.js
@@ -14,6 +14,8 @@ jest.unmock('../NativeModules');
 
 let BatchedBridge;
 let NativeModules;
+let fs;
+let parseErrorStack;
 
 const MODULE_IDS = 0;
 const METHOD_IDS = 1;
@@ -40,9 +42,11 @@ describe('MessageQueue', function() {
   beforeEach(function() {
     jest.resetModules();
 
-    global.__fbBatchedBridgeConfig = require('MessageQueueTestConfig');
+    global.__fbBatchedBridgeConfig = require('../__mocks__/MessageQueueTestConfig');
     BatchedBridge = require('../BatchedBridge');
     NativeModules = require('../NativeModules');
+    fs = require('fs');
+    parseErrorStack = require('../../Core/Devtools/parseErrorStack');
   });
 
   it('should generate native modules', () => {
@@ -112,4 +116,167 @@ describe('MessageQueue', function() {
     expect(onFail.mock.calls.length).toBe(1);
     expect(onSucc.mock.calls.length).toBe(1);
   });
+
+  it('promise-returning methods (type=promise)', async function() {
+    // Perform communication
+    const promise1 = NativeModules.RemoteModule1.promiseReturningMethod(
+      'paloAlto',
+      'menloPark',
+    );
+    const promise2 = NativeModules.RemoteModule2.promiseReturningMethod(
+      'mac',
+      'windows',
+    );
+
+    const resultingRemoteInvocations = BatchedBridge.flushedQueue();
+
+    // As always, the message queue has four fields
+    expect(resultingRemoteInvocations.length).toBe(4);
+    expect(resultingRemoteInvocations[MODULE_IDS].length).toBe(2);
+    expect(resultingRemoteInvocations[METHOD_IDS].length).toBe(2);
+    expect(resultingRemoteInvocations[PARAMS].length).toBe(2);
+    expect(typeof resultingRemoteInvocations[CALL_ID]).toEqual('number');
+
+    expect(resultingRemoteInvocations[0][0]).toBe(0); // `RemoteModule1`
+    expect(resultingRemoteInvocations[1][0]).toBe(2); // `promiseReturningMethod`
+    expect([
+      // the arguments
+      resultingRemoteInvocations[2][0][0],
+      resultingRemoteInvocations[2][0][1],
+    ]).toEqual(['paloAlto', 'menloPark']);
+    // For promise-returning methods, the order of callbacks is flipped from
+    // regular async methods.
+    const firstSuccCBID = resultingRemoteInvocations[2][0][2];
+    const firstFailCBID = resultingRemoteInvocations[2][0][3];
+
+    expect(resultingRemoteInvocations[0][1]).toBe(1); // `RemoteModule2`
+    expect(resultingRemoteInvocations[1][1]).toBe(2); // `promiseReturningMethod`
+    expect([
+      // the arguments
+      resultingRemoteInvocations[2][1][0],
+      resultingRemoteInvocations[2][1][1],
+    ]).toEqual(['mac', 'windows']);
+    const secondSuccCBID = resultingRemoteInvocations[2][1][2];
+    const secondFailCBID = resultingRemoteInvocations[2][1][3];
+
+    // Handle the first remote invocation by signaling failure.
+    BatchedBridge.__invokeCallback(firstFailCBID, [{message: 'firstFailure'}]);
+    // The failure callback was already invoked, the success is no longer valid
+    expect(function() {
+      BatchedBridge.__invokeCallback(firstSuccCBID, ['firstSucc']);
+    }).toThrow();
+    await expect(promise1).rejects.toBeInstanceOf(Error);
+    await expect(promise1).rejects.toMatchObject({message: 'firstFailure'});
+    // Check that we get a useful stack trace from failures.
+    const error = await promise1.catch(x => x);
+    expect(getLineFromFrame(parseErrorStack(error)[0])).toContain(
+      'NativeModules.RemoteModule1.promiseReturningMethod(',
+    );
+
+    // Handle the second remote invocation by signaling success.
+    BatchedBridge.__invokeCallback(secondSuccCBID, ['secondSucc']);
+    // The success callback was already invoked, the fail cb is no longer valid
+    expect(function() {
+      BatchedBridge.__invokeCallback(secondFailCBID, ['secondFail']);
+    }).toThrow();
+    await promise2;
+  });
+
+  describe('sync methods', () => {
+    afterEach(function() {
+      delete global.nativeCallSyncHook;
+    });
+
+    it('throwing an exception', function() {
+      global.nativeCallSyncHook = jest.fn(() => {
+        throw new Error('firstFailure');
+      });
+
+      let error;
+      try {
+        NativeModules.RemoteModule1.syncMethod('paloAlto', 'menloPark');
+      } catch (e) {
+        error = e;
+      }
+
+      expect(global.nativeCallSyncHook).toBeCalledTimes(1);
+      expect(global.nativeCallSyncHook).toBeCalledWith(
+        0, // `RemoteModule1`
+        3, // `syncMethod`
+        ['paloAlto', 'menloPark'],
+      );
+      expect(error).toBeInstanceOf(Error);
+      expect(error).toMatchObject({
+        message: 'firstFailure',
+      });
+    });
+
+    it('throwing a "native" exception gets framesToPop = 2', function() {
+      global.nativeCallSyncHook = () => {
+        throw new Error('Exception in HostFunction: foo');
+      };
+      let error;
+      try {
+        NativeModules.RemoteModule1.syncMethod('paloAlto', 'menloPark');
+      } catch (e) {
+        error = e;
+      }
+      // We can't test this behaviour with `getLineFromFrame` because our mock
+      // function adds an extra frame, so check `framesToPop` directly instead.
+      expect(error.framesToPop).toBe(2);
+    });
+
+    it('throwing a "native" exception preserves framesToPop if set', function() {
+      global.nativeCallSyncHook = () => {
+        const e = new Error('Exception in HostFunction: foo');
+        e.framesToPop = 42;
+        throw e;
+      };
+      let error;
+      try {
+        NativeModules.RemoteModule1.syncMethod('paloAlto', 'menloPark');
+      } catch (e) {
+        error = e;
+      }
+      expect(error.framesToPop).toBe(42);
+    });
+
+    it('returning a value', function() {
+      global.nativeCallSyncHook = jest.fn(() => {
+        return 'secondSucc';
+      });
+
+      const result = NativeModules.RemoteModule2.syncMethod('mac', 'windows');
+
+      expect(global.nativeCallSyncHook).toBeCalledTimes(1);
+      expect(global.nativeCallSyncHook).toBeCalledWith(
+        1, // `RemoteModule2`
+        3, // `syncMethod`
+        ['mac', 'windows'],
+      );
+
+      expect(result).toBe('secondSucc');
+    });
+  });
 });
+
+const linesByFile = new Map();
+
+function getLineFromFrame({lineNumber /* 1-based */, file}) {
+  if (file == null) {
+    return null;
+  }
+  const cleanedFile = cleanFileName(file);
+  const lines =
+    linesByFile.get(cleanedFile) ||
+    fs.readFileSync(cleanedFile, 'utf8').split('\n');
+  if (!linesByFile.has(cleanedFile)) {
+    linesByFile.set(cleanedFile, lines);
+  }
+  return (lines[lineNumber - 1] || '').trim();
+}
+
+// Works around a parseErrorStack bug involving `new X` stack frames.
+function cleanFileName(file) {
+  return file.replace(/^.+? \((?=\/)/, '');
+}
diff --git a/Libraries/Blob/BlobManager.js b/Libraries/Blob/BlobManager.js
index 20e81ee67a5fc0..e12512392a3e78 100644
--- a/Libraries/Blob/BlobManager.js
+++ b/Libraries/Blob/BlobManager.js
@@ -12,9 +12,10 @@
 
 const Blob = require('./Blob');
 const BlobRegistry = require('./BlobRegistry');
-const {BlobModule} = require('../BatchedBridge/NativeModules');
 
 import type {BlobData, BlobOptions, BlobCollector} from './BlobTypes';
+import NativeBlobModule from './NativeBlobModule';
+import invariant from 'invariant';
 
 /*eslint-disable no-bitwise */
 /*eslint-disable eqeqeq */
@@ -53,7 +54,7 @@ class BlobManager {
   /**
    * If the native blob module is available.
    */
-  static isAvailable = !!BlobModule;
+  static isAvailable: boolean = !!NativeBlobModule;
 
   /**
    * Create blob from existing array of blobs.
@@ -62,6 +63,8 @@ class BlobManager {
     parts: Array<Blob | string>,
     options?: BlobOptions,
   ): Blob {
+    invariant(NativeBlobModule, 'NativeBlobModule is available.');
+
     const blobId = uuidv4();
     const items = parts.map(part => {
       if (
@@ -92,7 +95,7 @@ class BlobManager {
       }
     }, 0);
 
-    BlobModule.createFromParts(items, blobId);
+    NativeBlobModule.createFromParts(items, blobId);
 
     return BlobManager.createFromOptions({
       blobId,
@@ -127,11 +130,13 @@ class BlobManager {
    * Deallocate resources for a blob.
    */
   static release(blobId: string): void {
+    invariant(NativeBlobModule, 'NativeBlobModule is available.');
+
     BlobRegistry.unregister(blobId);
     if (BlobRegistry.has(blobId)) {
       return;
     }
-    BlobModule.release(blobId);
+    NativeBlobModule.release(blobId);
   }
 
   /**
@@ -139,7 +144,9 @@ class BlobManager {
    * requests and responses.
    */
   static addNetworkingHandler(): void {
-    BlobModule.addNetworkingHandler();
+    invariant(NativeBlobModule, 'NativeBlobModule is available.');
+
+    NativeBlobModule.addNetworkingHandler();
   }
 
   /**
@@ -147,7 +154,9 @@ class BlobManager {
    * messages.
    */
   static addWebSocketHandler(socketId: number): void {
-    BlobModule.addWebSocketHandler(socketId);
+    invariant(NativeBlobModule, 'NativeBlobModule is available.');
+
+    NativeBlobModule.addWebSocketHandler(socketId);
   }
 
   /**
@@ -155,14 +164,18 @@ class BlobManager {
    * binary messages.
    */
   static removeWebSocketHandler(socketId: number): void {
-    BlobModule.removeWebSocketHandler(socketId);
+    invariant(NativeBlobModule, 'NativeBlobModule is available.');
+
+    NativeBlobModule.removeWebSocketHandler(socketId);
   }
 
   /**
    * Send a blob message to a websocket.
    */
   static sendOverSocket(blob: Blob, socketId: number): void {
-    BlobModule.sendOverSocket(blob.data, socketId);
+    invariant(NativeBlobModule, 'NativeBlobModule is available.');
+
+    NativeBlobModule.sendOverSocket(blob.data, socketId);
   }
 }
 
diff --git a/Libraries/Blob/BlobRegistry.js b/Libraries/Blob/BlobRegistry.js
index cfd0475a53ea07..f3cd13ebc48fbb 100644
--- a/Libraries/Blob/BlobRegistry.js
+++ b/Libraries/Blob/BlobRegistry.js
@@ -27,7 +27,7 @@ const unregister = (id: string) => {
   }
 };
 
-const has = (id: string) => {
+const has = (id: string): number | boolean => {
   return registry[id] && registry[id] > 0;
 };
 
diff --git a/Libraries/Blob/FileReader.js b/Libraries/Blob/FileReader.js
index 7d8116fce9c37c..fc769f8a544a72 100644
--- a/Libraries/Blob/FileReader.js
+++ b/Libraries/Blob/FileReader.js
@@ -10,9 +10,10 @@
 
 'use strict';
 
-const EventTarget = require('event-target-shim');
 const Blob = require('./Blob');
-const {FileReaderModule} = require('../BatchedBridge/NativeModules');
+const EventTarget = require('event-target-shim');
+
+import NativeFileReaderModule from './NativeFileReaderModule';
 
 type ReadyState =
   | 0 // EMPTY
@@ -34,14 +35,14 @@ const EMPTY = 0;
 const LOADING = 1;
 const DONE = 2;
 
-class FileReader extends EventTarget(...READER_EVENTS) {
-  static EMPTY = EMPTY;
-  static LOADING = LOADING;
-  static DONE = DONE;
+class FileReader extends (EventTarget(...READER_EVENTS): any) {
+  static EMPTY: number = EMPTY;
+  static LOADING: number = LOADING;
+  static DONE: number = DONE;
 
-  EMPTY = EMPTY;
-  LOADING = LOADING;
-  DONE = DONE;
+  EMPTY: number = EMPTY;
+  LOADING: number = LOADING;
+  DONE: number = DONE;
 
   _readyState: ReadyState;
   _error: ?Error;
@@ -87,7 +88,7 @@ class FileReader extends EventTarget(...READER_EVENTS) {
   readAsDataURL(blob: Blob) {
     this._aborted = false;
 
-    FileReaderModule.readAsDataURL(blob.data).then(
+    NativeFileReaderModule.readAsDataURL(blob.data).then(
       (text: string) => {
         if (this._aborted) {
           return;
@@ -108,7 +109,7 @@ class FileReader extends EventTarget(...READER_EVENTS) {
   readAsText(blob: Blob, encoding: string = 'UTF-8') {
     this._aborted = false;
 
-    FileReaderModule.readAsText(blob.data, encoding).then(
+    NativeFileReaderModule.readAsText(blob.data, encoding).then(
       (text: string) => {
         if (this._aborted) {
           return;
diff --git a/Libraries/Blob/NativeBlobModule.js b/Libraries/Blob/NativeBlobModule.js
new file mode 100644
index 00000000000000..2949b755951b5a
--- /dev/null
+++ b/Libraries/Blob/NativeBlobModule.js
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+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, id: number) => void;
+  +createFromParts: (parts: Array<Object>, blobId: string) => void;
+  +release: (blobId: string) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('BlobModule'): ?Spec);
diff --git a/Libraries/Blob/NativeFileReaderModule.js b/Libraries/Blob/NativeFileReaderModule.js
new file mode 100644
index 00000000000000..ac135db7394d19
--- /dev/null
+++ b/Libraries/Blob/NativeFileReaderModule.js
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+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);
diff --git a/Libraries/Blob/RCTBlob.xcodeproj/project.pbxproj b/Libraries/Blob/RCTBlob.xcodeproj/project.pbxproj
deleted file mode 100755
index 5857ccbb305582..00000000000000
--- a/Libraries/Blob/RCTBlob.xcodeproj/project.pbxproj
+++ /dev/null
@@ -1,499 +0,0 @@
-// !$*UTF8*$!
-{
-	archiveVersion = 1;
-	classes = {
-	};
-	objectVersion = 46;
-	objects = {
-
-/* Begin PBXBuildFile section */
-		1946172A225F085900E4E008 /* RCTBlobCollector.h in Headers */ = {isa = PBXBuildFile; fileRef = 19461728225F085900E4E008 /* RCTBlobCollector.h */; };
-		1946172B225F085900E4E008 /* RCTBlobCollector.h in Headers */ = {isa = PBXBuildFile; fileRef = 19461728225F085900E4E008 /* RCTBlobCollector.h */; };
-		1946172C225F085900E4E008 /* RCTBlobCollector.mm in Sources */ = {isa = PBXBuildFile; fileRef = 19461729225F085900E4E008 /* RCTBlobCollector.mm */; };
-		1946172D225F085900E4E008 /* RCTBlobCollector.mm in Sources */ = {isa = PBXBuildFile; fileRef = 19461729225F085900E4E008 /* RCTBlobCollector.mm */; };
-		19BA88FE1F84391700741C5A /* RCTFileReaderModule.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = ADDFBA6A1F33455F0064C998 /* RCTFileReaderModule.h */; };
-		19BA88FF1F84392900741C5A /* RCTFileReaderModule.h in Headers */ = {isa = PBXBuildFile; fileRef = ADDFBA6A1F33455F0064C998 /* RCTFileReaderModule.h */; };
-		19BA89001F84392F00741C5A /* RCTFileReaderModule.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = ADDFBA6A1F33455F0064C998 /* RCTFileReaderModule.h */; };
-		19BA89011F84393D00741C5A /* RCTFileReaderModule.m in Sources */ = {isa = PBXBuildFile; fileRef = ADDFBA6B1F33455F0064C998 /* RCTFileReaderModule.m */; };
-		19D9CA2622820DA40021BD26 /* RCTBlobCollector.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 19461728225F085900E4E008 /* RCTBlobCollector.h */; };
-		9F5C1891230DD18300E3E5A7 /* RCTBlobCollector.h in Headers */ = {isa = PBXBuildFile; fileRef = 19461728225F085900E4E008 /* RCTBlobCollector.h */; };
-		9F5C1892230DD18300E3E5A7 /* RCTFileReaderModule.h in Headers */ = {isa = PBXBuildFile; fileRef = ADDFBA6A1F33455F0064C998 /* RCTFileReaderModule.h */; };
-		9F5C1893230DD18300E3E5A7 /* RCTBlobManager.h in Headers */ = {isa = PBXBuildFile; fileRef = AD9A43C11DFC7126008DC588 /* RCTBlobManager.h */; };
-		9F5C1894230DD18C00E3E5A7 /* RCTBlobCollector.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 19461728225F085900E4E008 /* RCTBlobCollector.h */; };
-		9F5C1895230DD18C00E3E5A7 /* RCTFileReaderModule.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = ADDFBA6A1F33455F0064C998 /* RCTFileReaderModule.h */; };
-		9F5C1896230DD18C00E3E5A7 /* RCTBlobManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = AD9A43C11DFC7126008DC588 /* RCTBlobManager.h */; };
-		9F5C1897230DD19300E3E5A7 /* RCTBlobCollector.mm in Sources */ = {isa = PBXBuildFile; fileRef = 19461729225F085900E4E008 /* RCTBlobCollector.mm */; };
-		9F5C1898230DD19300E3E5A7 /* RCTFileReaderModule.m in Sources */ = {isa = PBXBuildFile; fileRef = ADDFBA6B1F33455F0064C998 /* RCTFileReaderModule.m */; };
-		9F5C1899230DD19300E3E5A7 /* RCTBlobManager.mm in Sources */ = {isa = PBXBuildFile; fileRef = AD9A43C21DFC7126008DC588 /* RCTBlobManager.mm */; };
-		AD0871131E215B28007D136D /* RCTBlobManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = AD9A43C11DFC7126008DC588 /* RCTBlobManager.h */; };
-		AD0871161E215EC9007D136D /* RCTBlobManager.h in Headers */ = {isa = PBXBuildFile; fileRef = AD9A43C11DFC7126008DC588 /* RCTBlobManager.h */; };
-		AD0871181E215ED1007D136D /* RCTBlobManager.h in Headers */ = {isa = PBXBuildFile; fileRef = AD9A43C11DFC7126008DC588 /* RCTBlobManager.h */; };
-		AD08711A1E2162C8007D136D /* RCTBlobManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = AD9A43C11DFC7126008DC588 /* RCTBlobManager.h */; };
-		AD9A43C31DFC7126008DC588 /* RCTBlobManager.mm in Sources */ = {isa = PBXBuildFile; fileRef = AD9A43C21DFC7126008DC588 /* RCTBlobManager.mm */; };
-		ADD01A711E09404A00F6D226 /* RCTBlobManager.mm in Sources */ = {isa = PBXBuildFile; fileRef = AD9A43C21DFC7126008DC588 /* RCTBlobManager.mm */; };
-		ADDFBA6C1F33455F0064C998 /* RCTFileReaderModule.h in Headers */ = {isa = PBXBuildFile; fileRef = ADDFBA6A1F33455F0064C998 /* RCTFileReaderModule.h */; };
-		ADDFBA6D1F33455F0064C998 /* RCTFileReaderModule.m in Sources */ = {isa = PBXBuildFile; fileRef = ADDFBA6B1F33455F0064C998 /* RCTFileReaderModule.m */; };
-/* End PBXBuildFile section */
-
-/* Begin PBXCopyFilesBuildPhase section */
-		358F4ED51D1E81A9004DF814 /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/RCTBlob;
-			dstSubfolderSpec = 16;
-			files = (
-				19D9CA2622820DA40021BD26 /* RCTBlobCollector.h in Copy Headers */,
-				19BA88FE1F84391700741C5A /* RCTFileReaderModule.h in Copy Headers */,
-				AD08711A1E2162C8007D136D /* RCTBlobManager.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		6484CE50201A74FA004275A4 /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/RCTBlob;
-			dstSubfolderSpec = 16;
-			files = (
-				9F5C1894230DD18C00E3E5A7 /* RCTBlobCollector.h in Copy Headers */,
-				9F5C1895230DD18C00E3E5A7 /* RCTFileReaderModule.h in Copy Headers */,
-				9F5C1896230DD18C00E3E5A7 /* RCTBlobManager.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		AD0871121E215B16007D136D /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/RCTBlob;
-			dstSubfolderSpec = 16;
-			files = (
-				19BA89001F84392F00741C5A /* RCTFileReaderModule.h in Copy Headers */,
-				AD0871131E215B28007D136D /* RCTBlobManager.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXCopyFilesBuildPhase section */
-
-/* Begin PBXFileReference section */
-		19461728225F085900E4E008 /* RCTBlobCollector.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTBlobCollector.h; sourceTree = "<group>"; };
-		19461729225F085900E4E008 /* RCTBlobCollector.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTBlobCollector.mm; sourceTree = "<group>"; };
-		358F4ED71D1E81A9004DF814 /* libRCTBlob.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRCTBlob.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		6484CE57201A74FA004275A4 /* libRCTBlob-macOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libRCTBlob-macOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		AD9A43C11DFC7126008DC588 /* RCTBlobManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTBlobManager.h; sourceTree = "<group>"; };
-		AD9A43C21DFC7126008DC588 /* RCTBlobManager.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTBlobManager.mm; sourceTree = "<group>"; };
-		ADD01A681E09402E00F6D226 /* libRCTBlob-tvOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libRCTBlob-tvOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		ADDFBA6A1F33455F0064C998 /* RCTFileReaderModule.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTFileReaderModule.h; sourceTree = "<group>"; };
-		ADDFBA6B1F33455F0064C998 /* RCTFileReaderModule.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTFileReaderModule.m; sourceTree = "<group>"; };
-/* End PBXFileReference section */
-
-/* Begin PBXGroup section */
-		358F4ECE1D1E81A9004DF814 = {
-			isa = PBXGroup;
-			children = (
-				19461728225F085900E4E008 /* RCTBlobCollector.h */,
-				19461729225F085900E4E008 /* RCTBlobCollector.mm */,
-				ADDFBA6A1F33455F0064C998 /* RCTFileReaderModule.h */,
-				ADDFBA6B1F33455F0064C998 /* RCTFileReaderModule.m */,
-				AD9A43C11DFC7126008DC588 /* RCTBlobManager.h */,
-				AD9A43C21DFC7126008DC588 /* RCTBlobManager.mm */,
-				358F4ED81D1E81A9004DF814 /* Products */,
-			);
-			indentWidth = 2;
-			sourceTree = "<group>";
-			tabWidth = 2;
-			usesTabs = 0;
-		};
-		358F4ED81D1E81A9004DF814 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				358F4ED71D1E81A9004DF814 /* libRCTBlob.a */,
-				ADD01A681E09402E00F6D226 /* libRCTBlob-tvOS.a */,
-				6484CE57201A74FA004275A4 /* libRCTBlob-macOS.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-/* End PBXGroup section */
-
-/* Begin PBXHeadersBuildPhase section */
-		6484CE4E201A74FA004275A4 /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9F5C1891230DD18300E3E5A7 /* RCTBlobCollector.h in Headers */,
-				9F5C1892230DD18300E3E5A7 /* RCTFileReaderModule.h in Headers */,
-				9F5C1893230DD18300E3E5A7 /* RCTBlobManager.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		AD0871151E215EB7007D136D /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				AD0871161E215EC9007D136D /* RCTBlobManager.h in Headers */,
-				1946172A225F085900E4E008 /* RCTBlobCollector.h in Headers */,
-				ADDFBA6C1F33455F0064C998 /* RCTFileReaderModule.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		AD0871171E215ECC007D136D /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				19BA88FF1F84392900741C5A /* RCTFileReaderModule.h in Headers */,
-				1946172B225F085900E4E008 /* RCTBlobCollector.h in Headers */,
-				AD0871181E215ED1007D136D /* RCTBlobManager.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXHeadersBuildPhase section */
-
-/* Begin PBXNativeTarget section */
-		358F4ED61D1E81A9004DF814 /* RCTBlob */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 358F4EE01D1E81A9004DF814 /* Build configuration list for PBXNativeTarget "RCTBlob" */;
-			buildPhases = (
-				AD0871151E215EB7007D136D /* Headers */,
-				358F4ED51D1E81A9004DF814 /* Copy Headers */,
-				358F4ED31D1E81A9004DF814 /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = RCTBlob;
-			productName = SLKBlobs;
-			productReference = 358F4ED71D1E81A9004DF814 /* libRCTBlob.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		6484CE4D201A74FA004275A4 /* RCTBlob-macOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 6484CE54201A74FA004275A4 /* Build configuration list for PBXNativeTarget "RCTBlob-macOS" */;
-			buildPhases = (
-				6484CE4E201A74FA004275A4 /* Headers */,
-				6484CE50201A74FA004275A4 /* Copy Headers */,
-				6484CE52201A74FA004275A4 /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "RCTBlob-macOS";
-			productName = SLKBlobs;
-			productReference = 6484CE57201A74FA004275A4 /* libRCTBlob-macOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		ADD01A671E09402E00F6D226 /* RCTBlob-tvOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = ADD01A6E1E09402E00F6D226 /* Build configuration list for PBXNativeTarget "RCTBlob-tvOS" */;
-			buildPhases = (
-				AD0871171E215ECC007D136D /* Headers */,
-				AD0871121E215B16007D136D /* Copy Headers */,
-				ADD01A641E09402E00F6D226 /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "RCTBlob-tvOS";
-			productName = "RCTBlob-tvOS";
-			productReference = ADD01A681E09402E00F6D226 /* libRCTBlob-tvOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-/* End PBXNativeTarget section */
-
-/* Begin PBXProject section */
-		358F4ECF1D1E81A9004DF814 /* Project object */ = {
-			isa = PBXProject;
-			attributes = {
-				LastUpgradeCheck = 0940;
-				ORGANIZATIONNAME = Facebook;
-				TargetAttributes = {
-					358F4ED61D1E81A9004DF814 = {
-						CreatedOnToolsVersion = 7.3;
-					};
-					ADD01A671E09402E00F6D226 = {
-						CreatedOnToolsVersion = 8.2;
-						ProvisioningStyle = Automatic;
-					};
-				};
-			};
-			buildConfigurationList = 358F4ED21D1E81A9004DF814 /* Build configuration list for PBXProject "RCTBlob" */;
-			compatibilityVersion = "Xcode 3.2";
-			developmentRegion = English;
-			hasScannedForEncodings = 0;
-			knownRegions = (
-				English,
-				en,
-			);
-			mainGroup = 358F4ECE1D1E81A9004DF814;
-			productRefGroup = 358F4ED81D1E81A9004DF814 /* Products */;
-			projectDirPath = "";
-			projectRoot = "";
-			targets = (
-				358F4ED61D1E81A9004DF814 /* RCTBlob */,
-				ADD01A671E09402E00F6D226 /* RCTBlob-tvOS */,
-				6484CE4D201A74FA004275A4 /* RCTBlob-macOS */,
-			);
-		};
-/* End PBXProject section */
-
-/* Begin PBXSourcesBuildPhase section */
-		358F4ED31D1E81A9004DF814 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				1946172C225F085900E4E008 /* RCTBlobCollector.mm in Sources */,
-				ADDFBA6D1F33455F0064C998 /* RCTFileReaderModule.m in Sources */,
-				AD9A43C31DFC7126008DC588 /* RCTBlobManager.mm in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		6484CE52201A74FA004275A4 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9F5C1897230DD19300E3E5A7 /* RCTBlobCollector.mm in Sources */,
-				9F5C1898230DD19300E3E5A7 /* RCTFileReaderModule.m in Sources */,
-				9F5C1899230DD19300E3E5A7 /* RCTBlobManager.mm in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		ADD01A641E09402E00F6D226 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				1946172D225F085900E4E008 /* RCTBlobCollector.mm in Sources */,
-				19BA89011F84393D00741C5A /* RCTFileReaderModule.m in Sources */,
-				ADD01A711E09404A00F6D226 /* RCTBlobManager.mm in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXSourcesBuildPhase section */
-
-/* Begin XCBuildConfiguration section */
-		358F4EDE1D1E81A9004DF814 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				ENABLE_TESTABILITY = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_DYNAMIC_NO_PIC = NO;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_OPTIMIZATION_LEVEL = 0;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"$(inherited)",
-				);
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = YES;
-				ONLY_ACTIVE_ARCH = YES;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-			};
-			name = Debug;
-		};
-		358F4EDF1D1E81A9004DF814 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				ENABLE_NS_ASSERTIONS = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = NO;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				VALIDATE_PRODUCT = YES;
-			};
-			name = Release;
-		};
-		358F4EE11D1E81A9004DF814 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SKIP_INSTALL = YES;
-			};
-			name = Debug;
-		};
-		358F4EE21D1E81A9004DF814 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SKIP_INSTALL = YES;
-			};
-			name = Release;
-		};
-		6484CE55201A74FA004275A4 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = macosx;
-				SKIP_INSTALL = YES;
-			};
-			name = Debug;
-		};
-		6484CE56201A74FA004275A4 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = macosx;
-				SKIP_INSTALL = YES;
-			};
-			name = Release;
-		};
-		ADD01A6F1E09402E00F6D226 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				SKIP_INSTALL = YES;
-				TVOS_DEPLOYMENT_TARGET = 10.1;
-			};
-			name = Debug;
-		};
-		ADD01A701E09402E00F6D226 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				SKIP_INSTALL = YES;
-				TVOS_DEPLOYMENT_TARGET = 10.1;
-			};
-			name = Release;
-		};
-/* End XCBuildConfiguration section */
-
-/* Begin XCConfigurationList section */
-		358F4ED21D1E81A9004DF814 /* Build configuration list for PBXProject "RCTBlob" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				358F4EDE1D1E81A9004DF814 /* Debug */,
-				358F4EDF1D1E81A9004DF814 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		358F4EE01D1E81A9004DF814 /* Build configuration list for PBXNativeTarget "RCTBlob" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				358F4EE11D1E81A9004DF814 /* Debug */,
-				358F4EE21D1E81A9004DF814 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		6484CE54201A74FA004275A4 /* Build configuration list for PBXNativeTarget "RCTBlob-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				6484CE55201A74FA004275A4 /* Debug */,
-				6484CE56201A74FA004275A4 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		ADD01A6E1E09402E00F6D226 /* Build configuration list for PBXNativeTarget "RCTBlob-tvOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				ADD01A6F1E09402E00F6D226 /* Debug */,
-				ADD01A701E09402E00F6D226 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-/* End XCConfigurationList section */
-	};
-	rootObject = 358F4ECF1D1E81A9004DF814 /* Project object */;
-}
diff --git a/Libraries/Blob/RCTBlobCollector.mm b/Libraries/Blob/RCTBlobCollector.mm
index 284b52b5a4e8dd..1b928a3e11615a 100644
--- a/Libraries/Blob/RCTBlobCollector.mm
+++ b/Libraries/Blob/RCTBlobCollector.mm
@@ -8,7 +8,7 @@
 #import "RCTBlobCollector.h"
 
 #import <React/RCTBridge+Private.h>
-#import "RCTBlobManager.h"
+#import <React/RCTBlobManager.h>
 
 namespace facebook {
 namespace react {
diff --git a/Libraries/Blob/RCTBlobManager.mm b/Libraries/Blob/RCTBlobManager.mm
index 9e8faeb7b149ca..04aba9b637eb01 100755
--- a/Libraries/Blob/RCTBlobManager.mm
+++ b/Libraries/Blob/RCTBlobManager.mm
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTBlobManager.h"
+#import <React/RCTBlobManager.h>
 
 #import <mutex>
 
diff --git a/Libraries/Blob/RCTFileReaderModule.m b/Libraries/Blob/RCTFileReaderModule.m
index 26b33f63e471a9..50fae382019463 100644
--- a/Libraries/Blob/RCTFileReaderModule.m
+++ b/Libraries/Blob/RCTFileReaderModule.m
@@ -6,12 +6,12 @@
  */
 
 
-#import "RCTFileReaderModule.h"
+#import <React/RCTFileReaderModule.h>
 
 #import <React/RCTBridge.h>
 #import <React/RCTConvert.h>
 
-#import "RCTBlobManager.h"
+#import <React/RCTBlobManager.h>
 
 
 @implementation RCTFileReaderModule
diff --git a/Libraries/Blob/React-RCTBlob.podspec b/Libraries/Blob/React-RCTBlob.podspec
index 189e7564139b0b..7564ddd0f4d63f 100644
--- a/Libraries/Blob/React-RCTBlob.podspec
+++ b/Libraries/Blob/React-RCTBlob.podspec
@@ -26,11 +26,13 @@ Pod::Spec.new do |s|
   s.author                 = "Facebook, Inc. and its affiliates"
   s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.14" } # TODO(macOS GH#214)
   s.source                 = source
-  s.source_files           = "*.{h,m,mm}"
+  # RCTBlobCollector.h is not included in the React module as it has C++ code
+  s.source_files           = "*.{m,mm}", "RCTBlobCollector.h"
   s.preserve_paths         = "package.json", "LICENSE", "LICENSE-docs"
   s.header_dir             = "RCTBlob"
 
-  s.dependency "React-Core", version
+  s.dependency "React-Core/RCTBlobHeaders", version
+  s.dependency "React-Core/RCTWebSocket", version
   s.dependency "React-RCTNetwork", version
-  s.dependency "React-RCTWebSocket", version
+  s.dependency "React-jsi", version
 end
diff --git a/Libraries/Blob/URL.js b/Libraries/Blob/URL.js
index 520b5fc63a0c94..9869dcbeaded11 100644
--- a/Libraries/Blob/URL.js
+++ b/Libraries/Blob/URL.js
@@ -11,14 +11,18 @@
 
 const Blob = require('./Blob');
 
-const {BlobModule} = require('../BatchedBridge/NativeModules');
+import NativeBlobModule from './NativeBlobModule';
 
 let BLOB_URL_PREFIX = null;
 
-if (BlobModule && typeof BlobModule.BLOB_URI_SCHEME === 'string') {
-  BLOB_URL_PREFIX = BlobModule.BLOB_URI_SCHEME + ':';
-  if (typeof BlobModule.BLOB_URI_HOST === 'string') {
-    BLOB_URL_PREFIX += `//${BlobModule.BLOB_URI_HOST}/`;
+if (
+  NativeBlobModule &&
+  typeof NativeBlobModule.getConstants().BLOB_URI_SCHEME === 'string'
+) {
+  const constants = NativeBlobModule.getConstants();
+  BLOB_URL_PREFIX = constants.BLOB_URI_SCHEME + ':';
+  if (typeof constants.BLOB_URI_HOST === 'string') {
+    BLOB_URL_PREFIX += `//${constants.BLOB_URI_HOST}/`;
   }
 }
 
@@ -126,7 +130,12 @@ export class URL {
 
   constructor(url: string, base: string) {
     let baseUrl = null;
-    if (base) {
+    if (!base || validateBaseUrl(url)) {
+      this._url = url;
+      if (!this._url.endsWith('/')) {
+        this._url += '/';
+      }
+    } else {
       if (typeof base === 'string') {
         baseUrl = base;
         if (!validateBaseUrl(baseUrl)) {
@@ -142,11 +151,6 @@ export class URL {
         url = '';
       }
       this._url = `${baseUrl}${url}`;
-    } else {
-      this._url = url;
-      if (!this._url.endsWith('/')) {
-        this._url += '/';
-      }
     }
   }
 
diff --git a/Libraries/Blob/__mocks__/FileReaderModule.js b/Libraries/Blob/__mocks__/FileReaderModule.js
index da687eca470b1d..a3cdbf6848cd1a 100644
--- a/Libraries/Blob/__mocks__/FileReaderModule.js
+++ b/Libraries/Blob/__mocks__/FileReaderModule.js
@@ -8,10 +8,10 @@
  * @format
  */
 const FileReaderModule = {
-  async readAsText() {
+  async readAsText(): Promise<string> {
     return '';
   },
-  async readAsDataURL() {
+  async readAsDataURL(): Promise<string> {
     return 'data:text/plain;base64,NDI=';
   },
 };
diff --git a/Libraries/Blob/__tests__/URL-test.js b/Libraries/Blob/__tests__/URL-test.js
index 8ca71feb025315..281649ce7821d7 100644
--- a/Libraries/Blob/__tests__/URL-test.js
+++ b/Libraries/Blob/__tests__/URL-test.js
@@ -31,5 +31,7 @@ describe('URL', function() {
     // expect(g.href).toBe('https://developer.mozilla.org/en-US/docs');
     const h = new URL('/en-US/docs', a);
     expect(h.href).toBe('https://developer.mozilla.org/en-US/docs');
+    const i = new URL('http://github.com', 'http://google.com');
+    expect(i.href).toBe('http://github.com/');
   });
 });
diff --git a/Libraries/BugReporting/BugReporting.js b/Libraries/BugReporting/BugReporting.js
index ed5bdfc61d6b4b..c4eaf60a78f307 100644
--- a/Libraries/BugReporting/BugReporting.js
+++ b/Libraries/BugReporting/BugReporting.js
@@ -14,6 +14,8 @@ const RCTDeviceEventEmitter = require('../EventEmitter/RCTDeviceEventEmitter');
 const infoLog = require('../Utilities/infoLog');
 
 import type EmitterSubscription from '../vendor/emitter/EmitterSubscription';
+import NativeBugReporting from './NativeBugReporting';
+import NativeRedBox from '../NativeModules/specs/NativeRedBox';
 
 type ExtraData = {[key: string]: string};
 type SourceCallback = () => string;
@@ -121,16 +123,14 @@ class BugReporting {
       fileData[key] = callback();
     }
     infoLog('BugReporting extraData:', extraData);
-    const BugReportingNativeModule = require('../BatchedBridge/NativeModules')
-      .BugReporting;
-    BugReportingNativeModule &&
-      BugReportingNativeModule.setExtraData &&
-      BugReportingNativeModule.setExtraData(extraData, fileData);
-
-    const RedBoxNativeModule = require('../BatchedBridge/NativeModules').RedBox;
-    RedBoxNativeModule &&
-      RedBoxNativeModule.setExtraData &&
-      RedBoxNativeModule.setExtraData(extraData, 'From BugReporting.js');
+
+    if (NativeBugReporting != null && NativeBugReporting.setExtraData != null) {
+      NativeBugReporting.setExtraData(extraData, fileData);
+    }
+
+    if (NativeRedBox != null && NativeRedBox.setExtraData != null) {
+      NativeRedBox.setExtraData(extraData, 'From BugReporting.js');
+    }
 
     return {extras: extraData, files: fileData};
   }
diff --git a/Libraries/BugReporting/NativeBugReporting.js b/Libraries/BugReporting/NativeBugReporting.js
new file mode 100644
index 00000000000000..236b34e17a93b6
--- /dev/null
+++ b/Libraries/BugReporting/NativeBugReporting.js
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
+import type {TurboModule} from '../TurboModule/RCTExport';
+
+export interface Spec extends TurboModule {
+  +startReportAProblemFlow: () => void;
+  +setExtraData: (extraData: Object, extraFiles: Object) => void;
+  +setCategoryID: (categoryID: string) => void;
+}
+
+export default TurboModuleRegistry.get<Spec>('BugReporting');
diff --git a/Libraries/BugReporting/dumpReactTree.js b/Libraries/BugReporting/dumpReactTree.js
index 2ef17ecf034784..0960662911cc3a 100644
--- a/Libraries/BugReporting/dumpReactTree.js
+++ b/Libraries/BugReporting/dumpReactTree.js
@@ -23,7 +23,7 @@ const MAX_STRING_LENGTH = 50;
  * it best to get the content but ultimately relies on implementation details
  * of React and will fail in future versions.
  */
-function dumpReactTree() {
+function dumpReactTree(): string {
   try {
     return getReactTree();
   } catch (e) {
diff --git a/Libraries/CameraRoll/CameraRoll.js b/Libraries/CameraRoll/CameraRoll.js
deleted file mode 100644
index bc791fde36f2b5..00000000000000
--- a/Libraries/CameraRoll/CameraRoll.js
+++ /dev/null
@@ -1,250 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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
- */
-'use strict';
-
-const PropTypes = require('prop-types');
-const {checkPropTypes} = PropTypes;
-const RCTCameraRollManager = require('../BatchedBridge/NativeModules')
-  .CameraRollManager;
-
-const deprecatedCreateStrictShapeTypeChecker = require('../DeprecatedPropTypes/deprecatedCreateStrictShapeTypeChecker');
-const invariant = require('invariant');
-
-const GROUP_TYPES_OPTIONS = {
-  Album: 'Album',
-  All: 'All',
-  Event: 'Event',
-  Faces: 'Faces',
-  Library: 'Library',
-  PhotoStream: 'PhotoStream',
-  SavedPhotos: 'SavedPhotos', // default
-};
-
-const ASSET_TYPE_OPTIONS = {
-  All: 'All',
-  Videos: 'Videos',
-  Photos: 'Photos',
-};
-
-export type GroupTypes = $Keys<typeof GROUP_TYPES_OPTIONS>;
-
-export type GetPhotosParams = {
-  first: number,
-  after?: string,
-  groupTypes?: GroupTypes,
-  groupName?: string,
-  assetType?: $Keys<typeof ASSET_TYPE_OPTIONS>,
-  mimeTypes?: Array<string>,
-};
-
-/**
- * Shape of the param arg for the `getPhotos` function.
- */
-const getPhotosParamChecker = deprecatedCreateStrictShapeTypeChecker({
-  /**
-   * The number of photos wanted in reverse order of the photo application
-   * (i.e. most recent first for SavedPhotos).
-   */
-  first: PropTypes.number.isRequired,
-
-  /**
-   * A cursor that matches `page_info { end_cursor }` returned from a previous
-   * call to `getPhotos`
-   */
-  after: PropTypes.string,
-
-  /**
-   * Specifies which group types to filter the results to.
-   */
-  groupTypes: PropTypes.oneOf(Object.keys(GROUP_TYPES_OPTIONS)),
-
-  /**
-   * Specifies filter on group names, like 'Recent Photos' or custom album
-   * titles.
-   */
-  groupName: PropTypes.string,
-
-  /**
-   * Specifies filter on asset type
-   */
-  assetType: PropTypes.oneOf(Object.keys(ASSET_TYPE_OPTIONS)),
-
-  /**
-   * Filter by mimetype (e.g. image/jpeg).
-   */
-  mimeTypes: PropTypes.arrayOf(PropTypes.string),
-});
-
-export type PhotoIdentifier = {
-  node: {
-    type: string,
-    group_name: string,
-    image: {
-      filename: string,
-      uri: string,
-      height: number,
-      width: number,
-      isStored?: boolean,
-      playableDuration: number,
-    },
-    timestamp: number,
-    location?: {
-      latitude?: number,
-      longitude?: number,
-      altitude?: number,
-      heading?: number,
-      speed?: number,
-    },
-  },
-};
-
-export type PhotoIdentifiersPage = {
-  edges: Array<PhotoIdentifier>,
-  page_info: {
-    has_next_page: boolean,
-    start_cursor?: string,
-    end_cursor?: string,
-  },
-};
-
-/**
- * Shape of the return value of the `getPhotos` function.
- */
-const getPhotosReturnChecker = deprecatedCreateStrictShapeTypeChecker({
-  edges: PropTypes.arrayOf(
-    /* $FlowFixMe(>=0.66.0 site=react_native_fb) This comment suppresses an
-     * error found when Flow v0.66 was deployed. To see the error delete this
-     * comment and run Flow. */
-    deprecatedCreateStrictShapeTypeChecker({
-      node: deprecatedCreateStrictShapeTypeChecker({
-        type: PropTypes.string.isRequired,
-        group_name: PropTypes.string.isRequired,
-        image: deprecatedCreateStrictShapeTypeChecker({
-          uri: PropTypes.string.isRequired,
-          height: PropTypes.number.isRequired,
-          width: PropTypes.number.isRequired,
-          isStored: PropTypes.bool,
-          playableDuration: PropTypes.number.isRequired,
-        }).isRequired,
-        timestamp: PropTypes.number.isRequired,
-        location: deprecatedCreateStrictShapeTypeChecker({
-          latitude: PropTypes.number,
-          longitude: PropTypes.number,
-          altitude: PropTypes.number,
-          heading: PropTypes.number,
-          speed: PropTypes.number,
-        }),
-      }).isRequired,
-    }),
-  ).isRequired,
-  page_info: deprecatedCreateStrictShapeTypeChecker({
-    has_next_page: PropTypes.bool.isRequired,
-    start_cursor: PropTypes.string,
-    end_cursor: PropTypes.string,
-  }).isRequired,
-});
-
-/**
- * `CameraRoll` provides access to the local camera roll or photo library.
- *
- * See https://facebook.github.io/react-native/docs/cameraroll.html
- */
-class CameraRoll {
-  static GroupTypesOptions = GROUP_TYPES_OPTIONS;
-  static AssetTypeOptions = ASSET_TYPE_OPTIONS;
-
-  /**
-   * `CameraRoll.saveImageWithTag()` is deprecated. Use `CameraRoll.saveToCameraRoll()` instead.
-   */
-  static saveImageWithTag(tag: string): Promise<string> {
-    console.warn(
-      '`CameraRoll.saveImageWithTag()` is deprecated. Use `CameraRoll.saveToCameraRoll()` instead.',
-    );
-    return this.saveToCameraRoll(tag, 'photo');
-  }
-
-  static deletePhotos(photos: Array<string>) {
-    return RCTCameraRollManager.deletePhotos(photos);
-  }
-
-  /**
-   * Saves the photo or video to the camera roll or photo library.
-   *
-   * See https://facebook.github.io/react-native/docs/cameraroll.html#savetocameraroll
-   */
-  static saveToCameraRoll(
-    tag: string,
-    type?: 'photo' | 'video',
-  ): Promise<string> {
-    invariant(
-      typeof tag === 'string',
-      'CameraRoll.saveToCameraRoll must be a valid string.',
-    );
-
-    invariant(
-      type === 'photo' || type === 'video' || type === undefined,
-      `The second argument to saveToCameraRoll must be 'photo' or 'video'. You passed ${type ||
-        'unknown'}`,
-    );
-
-    let mediaType = 'photo';
-    if (type) {
-      mediaType = type;
-    } else if (['mov', 'mp4'].indexOf(tag.split('.').slice(-1)[0]) >= 0) {
-      mediaType = 'video';
-    }
-
-    return RCTCameraRollManager.saveToCameraRoll(tag, mediaType);
-  }
-
-  /**
-   * Returns a Promise with photo identifier objects from the local camera
-   * roll of the device matching shape defined by `getPhotosReturnChecker`.
-   *
-   * See https://facebook.github.io/react-native/docs/cameraroll.html#getphotos
-   */
-  static getPhotos(params: GetPhotosParams): Promise<PhotoIdentifiersPage> {
-    if (__DEV__) {
-      checkPropTypes(
-        {params: getPhotosParamChecker},
-        {params},
-        'params',
-        'CameraRoll.getPhotos',
-      );
-    }
-    if (arguments.length > 1) {
-      console.warn(
-        'CameraRoll.getPhotos(tag, success, error) is deprecated.  Use the returned Promise instead',
-      );
-      let successCallback = arguments[1];
-      if (__DEV__) {
-        const callback = arguments[1];
-        successCallback = response => {
-          checkPropTypes(
-            {response: getPhotosReturnChecker},
-            {response},
-            'response',
-            'CameraRoll.getPhotos callback',
-          );
-          callback(response);
-        };
-      }
-      const errorCallback = arguments[2] || (() => {});
-      RCTCameraRollManager.getPhotos(params).then(
-        successCallback,
-        errorCallback,
-      );
-    }
-    // TODO: Add the __DEV__ check back in to verify the Promise result
-    return RCTCameraRollManager.getPhotos(params);
-  }
-}
-
-module.exports = CameraRoll;
diff --git a/Libraries/CameraRoll/ImagePickerIOS.js b/Libraries/CameraRoll/ImagePickerIOS.js
deleted file mode 100644
index 0254e222c5c42c..00000000000000
--- a/Libraries/CameraRoll/ImagePickerIOS.js
+++ /dev/null
@@ -1,55 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-const RCTImagePicker = require('../BatchedBridge/NativeModules').ImagePickerIOS;
-
-const ImagePickerIOS = {
-  canRecordVideos: function(callback: Function) {
-    return RCTImagePicker.canRecordVideos(callback);
-  },
-  canUseCamera: function(callback: Function) {
-    return RCTImagePicker.canUseCamera(callback);
-  },
-  openCameraDialog: function(
-    config: Object,
-    successCallback: Function,
-    cancelCallback: Function,
-  ) {
-    config = {
-      videoMode: false,
-      ...config,
-    };
-    return RCTImagePicker.openCameraDialog(
-      config,
-      successCallback,
-      cancelCallback,
-    );
-  },
-  openSelectDialog: function(
-    config: Object,
-    successCallback: Function,
-    cancelCallback: Function,
-  ) {
-    config = {
-      showImages: true,
-      showVideos: false,
-      ...config,
-    };
-    return RCTImagePicker.openSelectDialog(
-      config,
-      successCallback,
-      cancelCallback,
-    );
-  },
-};
-
-module.exports = ImagePickerIOS;
diff --git a/Libraries/CameraRoll/RCTCameraRoll.xcodeproj/project.pbxproj b/Libraries/CameraRoll/RCTCameraRoll.xcodeproj/project.pbxproj
deleted file mode 100644
index 3884e1cfba3d01..00000000000000
--- a/Libraries/CameraRoll/RCTCameraRoll.xcodeproj/project.pbxproj
+++ /dev/null
@@ -1,310 +0,0 @@
-// !$*UTF8*$!
-{
-	archiveVersion = 1;
-	classes = {
-	};
-	objectVersion = 46;
-	objects = {
-
-/* Begin PBXBuildFile section */
-		137620351B31C53500677FF0 /* RCTImagePickerManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 137620341B31C53500677FF0 /* RCTImagePickerManager.m */; };
-		143879351AAD238D00F088A5 /* RCTCameraRollManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 143879341AAD238D00F088A5 /* RCTCameraRollManager.m */; };
-		8312EAEE1B85EB7C001867A2 /* RCTAssetsLibraryRequestHandler.m in Sources */ = {isa = PBXBuildFile; fileRef = 8312EAED1B85EB7C001867A2 /* RCTAssetsLibraryRequestHandler.m */; };
-		8312EAF11B85F071001867A2 /* RCTPhotoLibraryImageLoader.m in Sources */ = {isa = PBXBuildFile; fileRef = 8312EAF01B85F071001867A2 /* RCTPhotoLibraryImageLoader.m */; };
-/* End PBXBuildFile section */
-
-/* Begin PBXCopyFilesBuildPhase section */
-		58B5115B1A9E6B3D00147676 /* CopyFiles */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = "include/$(PRODUCT_NAME)";
-			dstSubfolderSpec = 16;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXCopyFilesBuildPhase section */
-
-/* Begin PBXFileReference section */
-		137620331B31C53500677FF0 /* RCTImagePickerManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTImagePickerManager.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		137620341B31C53500677FF0 /* RCTImagePickerManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTImagePickerManager.m; sourceTree = "<group>"; };
-		143879331AAD238D00F088A5 /* RCTCameraRollManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTCameraRollManager.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		143879341AAD238D00F088A5 /* RCTCameraRollManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTCameraRollManager.m; sourceTree = "<group>"; };
-		58B5115D1A9E6B3D00147676 /* libRCTCameraRoll.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRCTCameraRoll.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		8312EAEC1B85EB7C001867A2 /* RCTAssetsLibraryRequestHandler.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTAssetsLibraryRequestHandler.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		8312EAED1B85EB7C001867A2 /* RCTAssetsLibraryRequestHandler.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTAssetsLibraryRequestHandler.m; sourceTree = "<group>"; };
-		8312EAEF1B85F071001867A2 /* RCTPhotoLibraryImageLoader.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTPhotoLibraryImageLoader.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		8312EAF01B85F071001867A2 /* RCTPhotoLibraryImageLoader.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTPhotoLibraryImageLoader.m; sourceTree = "<group>"; };
-/* End PBXFileReference section */
-
-/* Begin PBXFrameworksBuildPhase section */
-		58B5115A1A9E6B3D00147676 /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXFrameworksBuildPhase section */
-
-/* Begin PBXGroup section */
-		58B511541A9E6B3D00147676 = {
-			isa = PBXGroup;
-			children = (
-				8312EAEC1B85EB7C001867A2 /* RCTAssetsLibraryRequestHandler.h */,
-				8312EAED1B85EB7C001867A2 /* RCTAssetsLibraryRequestHandler.m */,
-				143879331AAD238D00F088A5 /* RCTCameraRollManager.h */,
-				143879341AAD238D00F088A5 /* RCTCameraRollManager.m */,
-				137620331B31C53500677FF0 /* RCTImagePickerManager.h */,
-				137620341B31C53500677FF0 /* RCTImagePickerManager.m */,
-				8312EAEF1B85F071001867A2 /* RCTPhotoLibraryImageLoader.h */,
-				8312EAF01B85F071001867A2 /* RCTPhotoLibraryImageLoader.m */,
-				58B5115E1A9E6B3D00147676 /* Products */,
-			);
-			indentWidth = 2;
-			sourceTree = "<group>";
-			tabWidth = 2;
-			usesTabs = 0;
-		};
-		58B5115E1A9E6B3D00147676 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				58B5115D1A9E6B3D00147676 /* libRCTCameraRoll.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-/* End PBXGroup section */
-
-/* Begin PBXNativeTarget section */
-		58B5115C1A9E6B3D00147676 /* RCTCameraRoll */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 58B511711A9E6B3D00147676 /* Build configuration list for PBXNativeTarget "RCTCameraRoll" */;
-			buildPhases = (
-				58B511591A9E6B3D00147676 /* Sources */,
-				58B5115A1A9E6B3D00147676 /* Frameworks */,
-				58B5115B1A9E6B3D00147676 /* CopyFiles */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = RCTCameraRoll;
-			productName = RCTNetworkImage;
-			productReference = 58B5115D1A9E6B3D00147676 /* libRCTCameraRoll.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-/* End PBXNativeTarget section */
-
-/* Begin PBXProject section */
-		58B511551A9E6B3D00147676 /* Project object */ = {
-			isa = PBXProject;
-			attributes = {
-				LastUpgradeCheck = 0940;
-				ORGANIZATIONNAME = Facebook;
-				TargetAttributes = {
-					58B5115C1A9E6B3D00147676 = {
-						CreatedOnToolsVersion = 6.1.1;
-					};
-				};
-			};
-			buildConfigurationList = 58B511581A9E6B3D00147676 /* Build configuration list for PBXProject "RCTCameraRoll" */;
-			compatibilityVersion = "Xcode 3.2";
-			developmentRegion = English;
-			hasScannedForEncodings = 0;
-			knownRegions = (
-				en,
-			);
-			mainGroup = 58B511541A9E6B3D00147676;
-			productRefGroup = 58B5115E1A9E6B3D00147676 /* Products */;
-			projectDirPath = "";
-			projectRoot = "";
-			targets = (
-				58B5115C1A9E6B3D00147676 /* RCTCameraRoll */,
-			);
-		};
-/* End PBXProject section */
-
-/* Begin PBXSourcesBuildPhase section */
-		58B511591A9E6B3D00147676 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				8312EAEE1B85EB7C001867A2 /* RCTAssetsLibraryRequestHandler.m in Sources */,
-				8312EAF11B85F071001867A2 /* RCTPhotoLibraryImageLoader.m in Sources */,
-				137620351B31C53500677FF0 /* RCTImagePickerManager.m in Sources */,
-				143879351AAD238D00F088A5 /* RCTCameraRollManager.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXSourcesBuildPhase section */
-
-/* Begin XCBuildConfiguration section */
-		58B5116F1A9E6B3D00147676 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				ENABLE_TESTABILITY = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_DYNAMIC_NO_PIC = NO;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_OPTIMIZATION_LEVEL = 0;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"$(inherited)",
-				);
-				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MTL_ENABLE_DEBUG_INFO = YES;
-				ONLY_ACTIVE_ARCH = YES;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-					"-Wno-deprecated-declarations",
-				);
-			};
-			name = Debug;
-		};
-		58B511701A9E6B3D00147676 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = YES;
-				ENABLE_NS_ASSERTIONS = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MTL_ENABLE_DEBUG_INFO = NO;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				VALIDATE_PRODUCT = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-					"-Wno-deprecated-declarations",
-				);
-			};
-			name = Release;
-		};
-		58B511721A9E6B3D00147676 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTCameraRoll;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-			};
-			name = Debug;
-		};
-		58B511731A9E6B3D00147676 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTCameraRoll;
-				RUN_CLANG_STATIC_ANALYZER = NO;
-			};
-			name = Release;
-		};
-/* End XCBuildConfiguration section */
-
-/* Begin XCConfigurationList section */
-		58B511581A9E6B3D00147676 /* Build configuration list for PBXProject "RCTCameraRoll" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				58B5116F1A9E6B3D00147676 /* Debug */,
-				58B511701A9E6B3D00147676 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		58B511711A9E6B3D00147676 /* Build configuration list for PBXNativeTarget "RCTCameraRoll" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				58B511721A9E6B3D00147676 /* Debug */,
-				58B511731A9E6B3D00147676 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-/* End XCConfigurationList section */
-	};
-	rootObject = 58B511551A9E6B3D00147676 /* Project object */;
-}
diff --git a/Libraries/CameraRoll/RCTCameraRollManager.m b/Libraries/CameraRoll/RCTCameraRollManager.m
index b6eb668b328c19..8745bccaba0642 100644
--- a/Libraries/CameraRoll/RCTCameraRollManager.m
+++ b/Libraries/CameraRoll/RCTCameraRollManager.m
@@ -143,7 +143,7 @@ static void requestPhotoLibraryAccess(RCTPromiseRejectBlock reject, PhotosAuthor
       inputURI = request.URL;
       saveBlock();
     } else {
-      [self.bridge.imageLoader loadImageWithURLRequest:request callback:^(NSError *error, UIImage *image) {
+      [[self.bridge moduleForClass:[RCTImageLoader class]] loadImageWithURLRequest:request callback:^(NSError *error, UIImage *image) {
         if (error) {
           reject(kErrorUnableToLoad, nil, error);
           return;
diff --git a/Libraries/CameraRoll/RCTImagePickerManager.m b/Libraries/CameraRoll/RCTImagePickerManager.m
index d7b57c7b7a2a11..4e73ad65c030fb 100644
--- a/Libraries/CameraRoll/RCTImagePickerManager.m
+++ b/Libraries/CameraRoll/RCTImagePickerManager.m
@@ -35,6 +35,7 @@ @implementation RCTImagePickerManager
   NSMutableArray<UIImagePickerController *> *_pickers;
   NSMutableArray<RCTResponseSenderBlock> *_pickerCallbacks;
   NSMutableArray<RCTResponseSenderBlock> *_pickerCancelCallbacks;
+  NSMutableDictionary<NSString *, NSDictionary<NSString *, id> *> *_pendingVideoInfo;
 }
 
 RCT_EXPORT_MODULE(ImagePickerIOS);
@@ -131,6 +132,24 @@ - (dispatch_queue_t)methodQueue
         cancelCallback:cancelCallback];
 }
 
+// In iOS 13, the URLs provided when selecting videos from the library are only valid while the
+// info object provided by the delegate is retained.
+// This method provides a way to clear out all retained pending info objects.
+RCT_EXPORT_METHOD(clearAllPendingVideos)
+{
+  [_pendingVideoInfo removeAllObjects];
+  _pendingVideoInfo = [NSMutableDictionary new];
+}
+
+// In iOS 13, the URLs provided when selecting videos from the library are only valid while the
+// info object provided by the delegate is retained.
+// This method provides a way to release the info object for a particular file url when the application
+// is done with it, for example after the video has been uploaded or copied locally.
+RCT_EXPORT_METHOD(removePendingVideo:(NSString *)url)
+{
+  [_pendingVideoInfo removeObjectForKey:url];
+}
+
 - (void)imagePickerController:(UIImagePickerController *)picker
 didFinishPickingMediaWithInfo:(NSDictionary<NSString *, id> *)info
 {
@@ -146,7 +165,15 @@ - (void)imagePickerController:(UIImagePickerController *)picker
     width = @(image.size.width);
   }
   if (imageURL) {
-    [self _dismissPicker:picker args:@[imageURL.absoluteString, RCTNullIfNil(height), RCTNullIfNil(width)]];
+    NSString *imageURLString = imageURL.absoluteString;
+    // In iOS 13, video URLs are only valid while info dictionary is retained
+    if (@available(iOS 13.0, *)) {
+      if (isMovie) {
+        _pendingVideoInfo[imageURLString] = info;
+      }
+    }
+
+    [self _dismissPicker:picker args:@[imageURLString, RCTNullIfNil(height), RCTNullIfNil(width)]];
     return;
   }
 
@@ -174,6 +201,7 @@ - (void)_presentPicker:(UIImagePickerController *)imagePicker
     _pickers = [NSMutableArray new];
     _pickerCallbacks = [NSMutableArray new];
     _pickerCancelCallbacks = [NSMutableArray new];
+    _pendingVideoInfo = [NSMutableDictionary new];
   }
 
   [_pickers addObject:imagePicker];
diff --git a/Libraries/CameraRoll/React-RCTCameraRoll.podspec b/Libraries/CameraRoll/React-RCTCameraRoll.podspec
deleted file mode 100644
index d0d83cc881e4ff..00000000000000
--- a/Libraries/CameraRoll/React-RCTCameraRoll.podspec
+++ /dev/null
@@ -1,39 +0,0 @@
-# coding: utf-8
-# Copyright (c) Facebook, Inc. and its 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
-else
-  source[:tag] = "v#{version}"
-end
-
-Pod::Spec.new do |s|
-  s.name                   = "React-RCTCameraRoll"
-  s.version                = version
-  s.summary                = "An API that provides access to the local camera roll or photo library."
-  s.homepage               = "http://facebook.github.io/react-native/"
-  s.documentation_url      = "https://facebook.github.io/react-native/docs/cameraroll"
-  s.license                = package["license"]
-  s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.14" } # TODO(macOS GH#214)
-  s.source                 = source
-  s.source_files           = "*.{h,m}"
-  s.preserve_paths         = "package.json", "LICENSE", "LICENSE-docs"
-  s.header_dir             = "React"
-
-  s.dependency "React-Core", version
-  s.dependency "React-RCTImage", version
-
-  s.osx.exclude_files      = "RCTImagePickerManager.*", "RCTAssetsLibraryRequestHandler.*" # TODO(macOS GH#214)
-
-end
diff --git a/Libraries/Color/normalizeColor.js b/Libraries/Color/normalizeColor.js
index c1c3a40477580d..c32b8c0f460a93 100755
--- a/Libraries/Color/normalizeColor.js
+++ b/Libraries/Color/normalizeColor.js
@@ -32,7 +32,7 @@ function normalizeColor(
 
   // [TODO(macOS ISS#2323203)
   if (typeof color === 'object' && color !== null) {
-    const normalizeColorObject = require('normalizeColorObject'); // TODO(macOS ISS#2323203)
+    const normalizeColorObject = require('./normalizeColorObject'); // TODO(macOS ISS#2323203)
 
     const normalizedColorObj = normalizeColorObject(color);
 
diff --git a/Libraries/Color/normalizeColorObject.android.js b/Libraries/Color/normalizeColorObject.android.js
index cf4c181dc136a6..bbd5acc0384444 100644
--- a/Libraries/Color/normalizeColorObject.android.js
+++ b/Libraries/Color/normalizeColorObject.android.js
@@ -10,7 +10,7 @@
 // [TODO(macOS ISS#2323203)
 'use strict';
 
-import type {NativeOrDynamicColorType} from 'NativeOrDynamicColorType';
+import type {NativeOrDynamicColorType} from './NativeOrDynamicColorType';
 
 function normalizeColorObject(
   color: NativeOrDynamicColorType,
diff --git a/Libraries/Color/normalizeColorObject.ios.js b/Libraries/Color/normalizeColorObject.ios.js
index 38436280e2057e..d3f77888dd4d87 100644
--- a/Libraries/Color/normalizeColorObject.ios.js
+++ b/Libraries/Color/normalizeColorObject.ios.js
@@ -10,7 +10,7 @@
 // [TODO(macOS ISS#2323203)
 'use strict';
 
-import type {NativeOrDynamicColorType} from 'NativeOrDynamicColorType';
+import type {NativeOrDynamicColorType} from './NativeOrDynamicColorType';
 
 function normalizeColorObject(
   color: NativeOrDynamicColorType,
@@ -19,7 +19,7 @@ function normalizeColorObject(
     // a macos semantic color
     return color;
   } else if ('dynamic' in color && color.dynamic !== undefined) {
-    const normalizeColor = require('normalizeColor');
+    const normalizeColor = require('./normalizeColor');
 
     // a dynamic, appearance aware color
     const dynamic = color.dynamic;
diff --git a/Libraries/Color/normalizeColorObject.macos.js b/Libraries/Color/normalizeColorObject.macos.js
index 38436280e2057e..d3f77888dd4d87 100644
--- a/Libraries/Color/normalizeColorObject.macos.js
+++ b/Libraries/Color/normalizeColorObject.macos.js
@@ -10,7 +10,7 @@
 // [TODO(macOS ISS#2323203)
 'use strict';
 
-import type {NativeOrDynamicColorType} from 'NativeOrDynamicColorType';
+import type {NativeOrDynamicColorType} from './NativeOrDynamicColorType';
 
 function normalizeColorObject(
   color: NativeOrDynamicColorType,
@@ -19,7 +19,7 @@ function normalizeColorObject(
     // a macos semantic color
     return color;
   } else if ('dynamic' in color && color.dynamic !== undefined) {
-    const normalizeColor = require('normalizeColor');
+    const normalizeColor = require('./normalizeColor');
 
     // a dynamic, appearance aware color
     const dynamic = color.dynamic;
diff --git a/Libraries/Components/AccessibilityInfo/AccessibilityInfo.android.js b/Libraries/Components/AccessibilityInfo/AccessibilityInfo.android.js
index bd89906110480c..5c9ab848d2ecff 100644
--- a/Libraries/Components/AccessibilityInfo/AccessibilityInfo.android.js
+++ b/Libraries/Components/AccessibilityInfo/AccessibilityInfo.android.js
@@ -10,12 +10,11 @@
 
 'use strict';
 
-const NativeModules = require('../../BatchedBridge/NativeModules');
+import NativeAccessibilityInfo from './NativeAccessibilityInfo';
+
 const RCTDeviceEventEmitter = require('../../EventEmitter/RCTDeviceEventEmitter');
 const UIManager = require('../../ReactNative/UIManager');
 
-const RCTAccessibilityInfo = NativeModules.AccessibilityInfo;
-
 const REDUCE_MOTION_EVENT = 'reduceMotionDidChange';
 const TOUCH_EXPLORATION_EVENT = 'touchExplorationDidChange';
 
@@ -61,7 +60,11 @@ const AccessibilityInfo = {
 
   isReduceMotionEnabled: function(): Promise<boolean> {
     return new Promise((resolve, reject) => {
-      RCTAccessibilityInfo.isReduceMotionEnabled(resolve);
+      if (NativeAccessibilityInfo) {
+        NativeAccessibilityInfo.isReduceMotionEnabled(resolve);
+      } else {
+        reject(false);
+      }
     });
   },
 
@@ -74,7 +77,11 @@ const AccessibilityInfo = {
 
   isScreenReaderEnabled: function(): Promise<boolean> {
     return new Promise((resolve, reject) => {
-      RCTAccessibilityInfo.isTouchExplorationEnabled(resolve);
+      if (NativeAccessibilityInfo) {
+        NativeAccessibilityInfo.isTouchExplorationEnabled(resolve);
+      } else {
+        reject(false);
+      }
     });
   },
 
@@ -132,7 +139,7 @@ const AccessibilityInfo = {
   setAccessibilityFocus: function(reactTag: number): void {
     UIManager.sendAccessibilityEvent(
       reactTag,
-      UIManager.AccessibilityEventTypes.typeViewFocused,
+      UIManager.getConstants().AccessibilityEventTypes.typeViewFocused,
     );
   },
 
@@ -142,7 +149,9 @@ const AccessibilityInfo = {
    * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#announceforaccessibility
    */
   announceForAccessibility: function(announcement: string): void {
-    RCTAccessibilityInfo.announceForAccessibility(announcement);
+    if (NativeAccessibilityInfo) {
+      NativeAccessibilityInfo.announceForAccessibility(announcement);
+    }
   },
 };
 
diff --git a/Libraries/Components/AccessibilityInfo/AccessibilityInfo.ios.js b/Libraries/Components/AccessibilityInfo/AccessibilityInfo.ios.js
index c759491c62ea51..9a86653d452849 100644
--- a/Libraries/Components/AccessibilityInfo/AccessibilityInfo.ios.js
+++ b/Libraries/Components/AccessibilityInfo/AccessibilityInfo.ios.js
@@ -10,11 +10,10 @@
 
 'use strict';
 
-const NativeModules = require('../../BatchedBridge/NativeModules');
 const Promise = require('../../Promise');
 const RCTDeviceEventEmitter = require('../../EventEmitter/RCTDeviceEventEmitter');
 
-const AccessibilityManager = NativeModules.AccessibilityManager;
+import NativeAccessibilityManager from './NativeAccessibilityManager';
 
 const CHANGE_EVENT_NAME = {
   announcementFinished: 'announcementFinished',
@@ -59,7 +58,11 @@ const AccessibilityInfo = {
    */
   isBoldTextEnabled: function(): Promise<boolean> {
     return new Promise((resolve, reject) => {
-      AccessibilityManager.getCurrentBoldTextState(resolve, reject);
+      if (NativeAccessibilityManager) {
+        NativeAccessibilityManager.getCurrentBoldTextState(resolve, reject);
+      } else {
+        reject(reject);
+      }
     });
   },
 
@@ -73,7 +76,11 @@ const AccessibilityInfo = {
    */
   isGrayscaleEnabled: function(): Promise<boolean> {
     return new Promise((resolve, reject) => {
-      AccessibilityManager.getCurrentGrayscaleState(resolve, reject);
+      if (NativeAccessibilityManager) {
+        NativeAccessibilityManager.getCurrentGrayscaleState(resolve, reject);
+      } else {
+        reject(reject);
+      }
     });
   },
 
@@ -87,7 +94,11 @@ const AccessibilityInfo = {
    */
   isInvertColorsEnabled: function(): Promise<boolean> {
     return new Promise((resolve, reject) => {
-      AccessibilityManager.getCurrentInvertColorsState(resolve, reject);
+      if (NativeAccessibilityManager) {
+        NativeAccessibilityManager.getCurrentInvertColorsState(resolve, reject);
+      } else {
+        reject(reject);
+      }
     });
   },
 
@@ -101,7 +112,11 @@ const AccessibilityInfo = {
    */
   isReduceMotionEnabled: function(): Promise<boolean> {
     return new Promise((resolve, reject) => {
-      AccessibilityManager.getCurrentReduceMotionState(resolve, reject);
+      if (NativeAccessibilityManager) {
+        NativeAccessibilityManager.getCurrentReduceMotionState(resolve, reject);
+      } else {
+        reject(reject);
+      }
     });
   },
 
@@ -115,7 +130,14 @@ const AccessibilityInfo = {
    */
   isReduceTransparencyEnabled: function(): Promise<boolean> {
     return new Promise((resolve, reject) => {
-      AccessibilityManager.getCurrentReduceTransparencyState(resolve, reject);
+      if (NativeAccessibilityManager) {
+        NativeAccessibilityManager.getCurrentReduceTransparencyState(
+          resolve,
+          reject,
+        );
+      } else {
+        reject(reject);
+      }
     });
   },
 
@@ -129,7 +151,11 @@ const AccessibilityInfo = {
    */
   isScreenReaderEnabled: function(): Promise<boolean> {
     return new Promise((resolve, reject) => {
-      AccessibilityManager.getCurrentVoiceOverState(resolve, reject);
+      if (NativeAccessibilityManager) {
+        NativeAccessibilityManager.getCurrentVoiceOverState(resolve, reject);
+      } else {
+        reject(reject);
+      }
     });
   },
 
@@ -138,7 +164,7 @@ const AccessibilityInfo = {
    *
    * Same as `isScreenReaderEnabled`
    */
-  get fetch() {
+  get fetch(): $FlowFixMe {
     return this.isScreenReaderEnabled;
   },
 
@@ -204,7 +230,9 @@ const AccessibilityInfo = {
    * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#setaccessibilityfocus
    */
   setAccessibilityFocus: function(reactTag: number): void {
-    AccessibilityManager.setAccessibilityFocus(reactTag);
+    if (NativeAccessibilityManager) {
+      NativeAccessibilityManager.setAccessibilityFocus(reactTag);
+    }
   },
 
   /**
@@ -213,7 +241,9 @@ const AccessibilityInfo = {
    * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#announceforaccessibility
    */
   announceForAccessibility: function(announcement: string): void {
-    AccessibilityManager.announceForAccessibility(announcement);
+    if (NativeAccessibilityManager) {
+      NativeAccessibilityManager.announceForAccessibility(announcement);
+    }
   },
 
   /**
diff --git a/Libraries/Components/AccessibilityInfo/NativeAccessibilityInfo.js b/Libraries/Components/AccessibilityInfo/NativeAccessibilityInfo.js
new file mode 100644
index 00000000000000..ef2b968652082c
--- /dev/null
+++ b/Libraries/Components/AccessibilityInfo/NativeAccessibilityInfo.js
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+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;
+  +setAccessibilityFocus: (reactTag: number) => void;
+  +announceForAccessibility: (announcement: string) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('AccessibilityInfo'): ?Spec);
diff --git a/Libraries/Components/AccessibilityInfo/NativeAccessibilityManager.js b/Libraries/Components/AccessibilityInfo/NativeAccessibilityManager.js
new file mode 100644
index 00000000000000..c9b042a665bbb4
--- /dev/null
+++ b/Libraries/Components/AccessibilityInfo/NativeAccessibilityManager.js
@@ -0,0 +1,59 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+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;
+  +getCurrentReduceTransparencyState: (
+    onSuccess: (isReduceTransparencyEnabled: boolean) => void,
+    onError: (error: Object) => void,
+  ) => void;
+  +getCurrentVoiceOverState: (
+    onSuccess: (isScreenReaderEnabled: boolean) => void,
+    onError: (error: Object) => void,
+  ) => void;
+  +setAccessibilityContentSizeMultipliers: (JSMultiipliers: {|
+    +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;
+}
+
+export default (TurboModuleRegistry.get<Spec>('AccessibilityManager'): ?Spec);
diff --git a/Libraries/Components/ActivityIndicator/ActivityIndicator.js b/Libraries/Components/ActivityIndicator/ActivityIndicator.js
index 5f67851f6398fa..effe52006edbe3 100644
--- a/Libraries/Components/ActivityIndicator/ActivityIndicator.js
+++ b/Libraries/Components/ActivityIndicator/ActivityIndicator.js
@@ -15,16 +15,14 @@ const React = require('react');
 const StyleSheet = require('../../StyleSheet/StyleSheet');
 const View = require('../View/View');
 
-const RCTActivityIndicatorViewNativeComponent = require('./RCTActivityIndicatorViewNativeComponent');
-
 import type {NativeComponent} from '../../Renderer/shims/ReactNative';
 import type {ViewProps} from '../View/ViewPropTypes';
 import type {NativeOrDynamicColorType} from '../../Color/NativeOrDynamicColorType'; // ]TODO(macOS ISS#2323203)
 
-const RCTActivityIndicator =
+const PlatformActivityIndicator =
   Platform.OS === 'android'
     ? require('../ProgressBarAndroid/ProgressBarAndroid')
-    : RCTActivityIndicatorViewNativeComponent;
+    : require('./ActivityIndicatorViewNativeComponent').default;
 
 const GRAY = '#999999';
 
@@ -94,6 +92,9 @@ const ActivityIndicator = (props: Props, forwardedRef?: any) => {
     ref: forwardedRef,
     style: sizeStyle,
     size: sizeProp,
+  };
+
+  const androidProps = {
     styleAttr: 'Normal',
     indeterminate: true,
   };
@@ -105,9 +106,12 @@ const ActivityIndicator = (props: Props, forwardedRef?: any) => {
         styles.container,
         style,
       )}>
-      {/* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was
-       * found when making Flow check .android.js files. */}
-      <RCTActivityIndicator {...nativeProps} />
+      {Platform.OS === 'android' ? (
+        // $FlowFixMe Flow doesn't know when this is the android component
+        <PlatformActivityIndicator {...nativeProps} {...androidProps} />
+      ) : (
+        <PlatformActivityIndicator {...nativeProps} />
+      )}
     </View>
   );
 };
diff --git a/Libraries/Components/ActivityIndicator/ActivityIndicatorSchema.js b/Libraries/Components/ActivityIndicator/ActivityIndicatorSchema.js
deleted file mode 100644
index 7da1cbc1c27f0c..00000000000000
--- a/Libraries/Components/ActivityIndicator/ActivityIndicatorSchema.js
+++ /dev/null
@@ -1,91 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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 {SchemaType} from '../../../packages/react-native-codegen/src/CodegenSchema.js';
-
-const SwitchSchema: SchemaType = {
-  modules: {
-    ActivityIndicatorSchema: {
-      components: {
-        ActivityIndicatorView: {
-          extendsProps: [
-            {
-              type: 'ReactNativeBuiltInType',
-              knownTypeName: 'ReactNativeCoreViewProps',
-            },
-          ],
-          events: [],
-          props: [
-            {
-              name: 'hidesWhenStopped',
-              optional: true,
-              typeAnnotation: {
-                type: 'BooleanTypeAnnotation',
-                default: false,
-              },
-            },
-            {
-              name: 'animating',
-              optional: true,
-              typeAnnotation: {
-                type: 'BooleanTypeAnnotation',
-                default: false,
-              },
-            },
-            {
-              name: 'styleAttr',
-              optional: true,
-              typeAnnotation: {
-                type: 'StringTypeAnnotation',
-                default: '',
-              },
-            },
-            {
-              name: 'color',
-              optional: true,
-              typeAnnotation: {
-                type: 'NativePrimitiveTypeAnnotation',
-                name: 'ColorPrimitive',
-              },
-            },
-            {
-              name: 'size',
-              optional: true,
-              typeAnnotation: {
-                type: 'StringEnumTypeAnnotation',
-                default: 'small',
-                options: [
-                  {
-                    name: 'small',
-                  },
-                  {
-                    name: 'large',
-                  },
-                ],
-              },
-            },
-            {
-              name: 'intermediate',
-              optional: true,
-              typeAnnotation: {
-                type: 'BooleanTypeAnnotation',
-                default: false,
-              },
-            },
-          ],
-        },
-      },
-    },
-  },
-};
-
-module.exports = SwitchSchema;
diff --git a/Libraries/Components/ActivityIndicator/RCTActivityIndicatorViewNativeComponent.js b/Libraries/Components/ActivityIndicator/ActivityIndicatorViewNativeComponent.js
similarity index 63%
rename from Libraries/Components/ActivityIndicator/RCTActivityIndicatorViewNativeComponent.js
rename to Libraries/Components/ActivityIndicator/ActivityIndicatorViewNativeComponent.js
index 3c278b2f80a6bf..a8282dc69e98e5 100644
--- a/Libraries/Components/ActivityIndicator/RCTActivityIndicatorViewNativeComponent.js
+++ b/Libraries/Components/ActivityIndicator/ActivityIndicatorViewNativeComponent.js
@@ -10,11 +10,13 @@
 
 'use strict';
 
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
+import type {WithDefault} from '../../Types/CodegenTypes';
 
+import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
-import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
-import type {NativeComponent} from '../../Renderer/shims/ReactNative';
+
+import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
 import type {NativeOrDynamicColorType} from '../../Color/NativeOrDynamicColorType'; // ]TODO(macOS ISS#2323203)
 
 type NativeProps = $ReadOnly<{|
@@ -25,21 +27,21 @@ type NativeProps = $ReadOnly<{|
    *
    * See http://facebook.github.io/react-native/docs/activityindicator.html#hideswhenstopped
    */
-  hidesWhenStopped?: ?boolean,
+  hidesWhenStopped?: WithDefault<boolean, false>,
 
   /**
    * Whether to show the indicator (true, the default) or hide it (false).
    *
    * See http://facebook.github.io/react-native/docs/activityindicator.html#animating
    */
-  animating?: ?boolean,
+  animating?: WithDefault<boolean, false>,
 
   /**
    * The foreground color of the spinner (default is gray).
    *
    * See http://facebook.github.io/react-native/docs/activityindicator.html#color
    */
-  color?: ?(string | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+  color?: ?(ColorValue | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
 
   /**
    * Size of the indicator (default is 'small').
@@ -47,15 +49,9 @@ type NativeProps = $ReadOnly<{|
    *
    * See http://facebook.github.io/react-native/docs/activityindicator.html#size
    */
-  size?: ?('small' | 'large'),
-
-  style?: ?ViewStyleProp,
-  styleAttr?: ?string,
-  indeterminate?: ?boolean,
+  size?: WithDefault<'small' | 'large', 'small'>,
 |}>;
 
-type ActivityIndicatorNativeType = Class<NativeComponent<NativeProps>>;
-
-module.exports = ((requireNativeComponent(
-  'RCTActivityIndicatorView',
-): any): ActivityIndicatorNativeType);
+export default (codegenNativeComponent<NativeProps>('ActivityIndicatorView', {
+  paperComponentName: 'RCTActivityIndicatorView',
+}): NativeComponentType<NativeProps>);
diff --git a/Libraries/Components/ActivityIndicator/__tests__/__snapshots__/ActivityIndicator-test.js.snap b/Libraries/Components/ActivityIndicator/__tests__/__snapshots__/ActivityIndicator-test.js.snap
index 51f69150ab5916..fcd667d5670b89 100644
--- a/Libraries/Components/ActivityIndicator/__tests__/__snapshots__/ActivityIndicator-test.js.snap
+++ b/Libraries/Components/ActivityIndicator/__tests__/__snapshots__/ActivityIndicator-test.js.snap
@@ -22,7 +22,6 @@ exports[`<ActivityIndicator /> should render as <View> when not mocked 1`] = `
     animating={true}
     color="#0000ff"
     hidesWhenStopped={true}
-    indeterminate={true}
     size="large"
     style={
       Object {
@@ -30,7 +29,6 @@ exports[`<ActivityIndicator /> should render as <View> when not mocked 1`] = `
         "width": 36,
       }
     }
-    styleAttr="Normal"
   />
 </View>
 `;
diff --git a/Libraries/Components/AppleTV/NativeTVNavigationEventEmitter.js b/Libraries/Components/AppleTV/NativeTVNavigationEventEmitter.js
new file mode 100644
index 00000000000000..97edfcdf99c5d3
--- /dev/null
+++ b/Libraries/Components/AppleTV/NativeTVNavigationEventEmitter.js
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+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>(
+  'TVNavigationEventEmitter',
+): ?Spec);
diff --git a/Libraries/Components/AppleTV/TVEventHandler.js b/Libraries/Components/AppleTV/TVEventHandler.js
index debaa0f3418a03..852038ba12f57a 100644
--- a/Libraries/Components/AppleTV/TVEventHandler.js
+++ b/Libraries/Components/AppleTV/TVEventHandler.js
@@ -11,10 +11,10 @@
 'use strict';
 
 const Platform = require('../../Utilities/Platform');
-const TVNavigationEventEmitter = require('../../BatchedBridge/NativeModules')
-  .TVNavigationEventEmitter;
 const NativeEventEmitter = require('../../EventEmitter/NativeEventEmitter');
 
+import NativeTVNavigationEventEmitter from './NativeTVNavigationEventEmitter';
+
 function TVEventHandler() {
   this.__nativeTVNavigationEventListener = null;
   this.__nativeTVNavigationEventEmitter = null;
@@ -24,12 +24,12 @@ TVEventHandler.prototype.enable = function(
   component: ?any,
   callback: Function,
 ) {
-  if (Platform.OS === 'ios' && !TVNavigationEventEmitter) {
+  if (Platform.OS === 'ios' && !NativeTVNavigationEventEmitter) {
     return;
   }
 
   this.__nativeTVNavigationEventEmitter = new NativeEventEmitter(
-    TVNavigationEventEmitter,
+    NativeTVNavigationEventEmitter,
   );
   this.__nativeTVNavigationEventListener = this.__nativeTVNavigationEventEmitter.addListener(
     'onHWKeyEvent',
diff --git a/Libraries/Components/Button.js b/Libraries/Components/Button.js
index 3c4117c21a0989..8e5fae6eafa4c1 100644
--- a/Libraries/Components/Button.js
+++ b/Libraries/Components/Button.js
@@ -131,7 +131,7 @@ type ButtonProps = $ReadOnly<{|
  */
 
 class Button extends React.Component<ButtonProps> {
-  render() {
+  render(): React.Node {
     const {
       accessibilityLabel,
       accessibilityHint, // TODO(OSS Candidate ISS#2710739)
diff --git a/Libraries/Components/CheckBox/AndroidCheckBoxNativeComponent.js b/Libraries/Components/CheckBox/AndroidCheckBoxNativeComponent.js
index 4c68a279f5813a..ca34641522189b 100644
--- a/Libraries/Components/CheckBox/AndroidCheckBoxNativeComponent.js
+++ b/Libraries/Components/CheckBox/AndroidCheckBoxNativeComponent.js
@@ -14,7 +14,7 @@ const requireNativeComponent = require('../../ReactNative/requireNativeComponent
 import type {ViewProps} from '../View/ViewPropTypes';
 import type {SyntheticEvent} from '../../Types/CoreEventTypes';
 import type {NativeComponent} from '../../Renderer/shims/ReactNative';
-import type {NativeOrDynamicColorType} from '../../Color/NativeOrDynamicColorType'; // ]TODO(macOS ISS#2323203)
+import type {NativeOrDynamicColorType} from '../../Color/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
 
 type CheckBoxEvent = SyntheticEvent<
   $ReadOnly<{|
@@ -45,8 +45,8 @@ type NativeProps = $ReadOnly<{|
   enabled?: boolean,
   tintColors:
     | {|
-        true: ?(number | NativeOrDynamicColorType),
-        false: ?(number | NativeOrDynamicColorType),
+        true: ?(number | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+        false: ?(number | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
       |}
     | typeof undefined,
 |}>;
diff --git a/Libraries/Components/Clipboard/Clipboard.js b/Libraries/Components/Clipboard/Clipboard.js
index 59b595fd8789a9..d58b2285473a78 100644
--- a/Libraries/Components/Clipboard/Clipboard.js
+++ b/Libraries/Components/Clipboard/Clipboard.js
@@ -10,7 +10,7 @@
 
 'use strict';
 
-const Clipboard = require('../../BatchedBridge/NativeModules').Clipboard;
+import NativeClipboard from './NativeClipboard';
 
 /**
  * `Clipboard` gives you an interface for setting and getting content from Clipboard on both iOS and Android
@@ -25,7 +25,7 @@ module.exports = {
    * ```
    */
   getString(): Promise<string> {
-    return Clipboard.getString();
+    return NativeClipboard.getString();
   },
   /**
    * Set content of string type. You can use following code to set clipboard content
@@ -37,6 +37,6 @@ module.exports = {
    * @param the content to be stored in the clipboard.
    */
   setString(content: string) {
-    Clipboard.setString(content);
+    NativeClipboard.setString(content);
   },
 };
diff --git a/Libraries/Components/Clipboard/NativeClipboard.js b/Libraries/Components/Clipboard/NativeClipboard.js
new file mode 100644
index 00000000000000..93fc92873eecda
--- /dev/null
+++ b/Libraries/Components/Clipboard/NativeClipboard.js
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+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);
diff --git a/Libraries/Components/DatePicker/DatePickerIOS.ios.js b/Libraries/Components/DatePicker/DatePickerIOS.ios.js
index 9550619e9eb096..c01a3c495dd664 100644
--- a/Libraries/Components/DatePicker/DatePickerIOS.ios.js
+++ b/Libraries/Components/DatePicker/DatePickerIOS.ios.js
@@ -13,16 +13,15 @@
 
 'use strict';
 
+const RCTDatePickerNativeComponent = require('./RCTDatePickerNativeComponent');
 const React = require('react');
 const StyleSheet = require('../../StyleSheet/StyleSheet');
 const View = require('../View/View');
 
 const invariant = require('invariant');
 
-import type {ViewProps} from '../View/ViewPropTypes';
 import type {SyntheticEvent} from '../../Types/CoreEventTypes';
-
-const RCTDatePickerNativeComponent = require('./RCTDatePickerNativeComponent');
+import type {ViewProps} from '../View/ViewPropTypes';
 
 type Event = SyntheticEvent<
   $ReadOnly<{|
@@ -113,7 +112,9 @@ type Props = $ReadOnly<{|
  * source of truth.
  */
 class DatePickerIOS extends React.Component<Props> {
-  static DefaultProps = {
+  static DefaultProps: $TEMPORARY$object<{|
+    mode: $TEMPORARY$string<'datetime'>,
+  |}> = {
     mode: 'datetime',
   };
 
@@ -137,7 +138,7 @@ class DatePickerIOS extends React.Component<Props> {
     this.props.onChange && this.props.onChange(event);
   };
 
-  render() {
+  render(): React.Node {
     const props = this.props;
     invariant(
       props.date || props.initialDate,
diff --git a/Libraries/Components/DatePickerAndroid/DatePickerAndroid.android.js b/Libraries/Components/DatePickerAndroid/DatePickerAndroid.android.js
index 92a78b35dab6da..4f9358e21a88ef 100644
--- a/Libraries/Components/DatePickerAndroid/DatePickerAndroid.android.js
+++ b/Libraries/Components/DatePickerAndroid/DatePickerAndroid.android.js
@@ -10,9 +10,8 @@
 
 'use strict';
 
-const DatePickerModule = require('../../BatchedBridge/NativeModules')
-  .DatePickerAndroid;
 import type {Options, DatePickerOpenAction} from './DatePickerAndroidTypes';
+import NativeDatePickerAndroid from './NativeDatePickerAndroid';
 
 /**
  * Convert a Date to a timestamp.
@@ -74,7 +73,7 @@ class DatePickerAndroid {
       _toMillis(optionsMs, 'minDate');
       _toMillis(optionsMs, 'maxDate');
     }
-    return DatePickerModule.open(options);
+    return NativeDatePickerAndroid.open(options);
   }
 
   /**
diff --git a/Libraries/Components/DatePickerAndroid/NativeDatePickerAndroid.js b/Libraries/Components/DatePickerAndroid/NativeDatePickerAndroid.js
new file mode 100644
index 00000000000000..778befa4ebc84a
--- /dev/null
+++ b/Libraries/Components/DatePickerAndroid/NativeDatePickerAndroid.js
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +open: (options: Object) => Promise<Object>;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'DatePickerAndroid',
+): Spec);
diff --git a/Libraries/Components/DatePickerMacOS/DatePickerMacOS.android.js b/Libraries/Components/DatePickerMacOS/DatePickerMacOS.android.js
index e2e2aae1a536c7..e0c3c74490ac01 100644
--- a/Libraries/Components/DatePickerMacOS/DatePickerMacOS.android.js
+++ b/Libraries/Components/DatePickerMacOS/DatePickerMacOS.android.js
@@ -9,10 +9,10 @@
 
 'use strict';
 
-var React = require('React');
-var StyleSheet = require('StyleSheet');
-var Text = require('Text');
-var View = require('View');
+var React = require('react');
+var StyleSheet = require('../../StyleSheet/StyleSheet');
+var Text = require('../../Text/Text');
+var View = require('../View/View');
 
 class DummyDatePickerMacOS extends React.Component {
   render() {
diff --git a/Libraries/Components/DatePickerMacOS/DatePickerMacOS.ios.js b/Libraries/Components/DatePickerMacOS/DatePickerMacOS.ios.js
index e2e2aae1a536c7..e0c3c74490ac01 100644
--- a/Libraries/Components/DatePickerMacOS/DatePickerMacOS.ios.js
+++ b/Libraries/Components/DatePickerMacOS/DatePickerMacOS.ios.js
@@ -9,10 +9,10 @@
 
 'use strict';
 
-var React = require('React');
-var StyleSheet = require('StyleSheet');
-var Text = require('Text');
-var View = require('View');
+var React = require('react');
+var StyleSheet = require('../../StyleSheet/StyleSheet');
+var Text = require('../../Text/Text');
+var View = require('../View/View');
 
 class DummyDatePickerMacOS extends React.Component {
   render() {
diff --git a/Libraries/Components/DrawerAndroid/AndroidDrawerLayoutNativeComponent.js b/Libraries/Components/DrawerAndroid/AndroidDrawerLayoutNativeComponent.js
index e879fcd7c23f3e..778b609fc29103 100644
--- a/Libraries/Components/DrawerAndroid/AndroidDrawerLayoutNativeComponent.js
+++ b/Libraries/Components/DrawerAndroid/AndroidDrawerLayoutNativeComponent.js
@@ -10,37 +10,39 @@
 
 'use strict';
 
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
-
-import type {NativeComponent} from '../../Renderer/shims/ReactNative';
-import type {SyntheticEvent} from '../../Types/CoreEventTypes';
-import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
-import type {Element, Node} from 'react';
-import type {NativeOrDynamicColorType} from '../../Color/NativeOrDynamicColorType'; // ]TODO(macOS ISS#2323203)
-
-type ColorValue = null | string | NativeOrDynamicColorType; // TODO(macOS ISS#2323203)
-
-type DrawerStates = 'Idle' | 'Dragging' | 'Settling';
+import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+import type {ColorValue} from 'react-native/Libraries/StyleSheet/StyleSheetTypes';
+import type {
+  WithDefault,
+  DirectEventHandler,
+  Int32,
+  Float,
+} from 'react-native/Libraries/Types/CodegenTypes';
+import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import * as React from 'react';
+
+type DrawerStateEvent = $ReadOnly<{|
+  drawerState: Int32,
+|}>;
 
-type DrawerStateEvent = SyntheticEvent<
-  $ReadOnly<{|
-    drawerState: number,
-  |}>,
->;
+type DrawerSlideEvent = $ReadOnly<{|
+  offset: Float,
+|}>;
 
-type DrawerSlideEvent = SyntheticEvent<
-  $ReadOnly<{|
-    offset: number,
-  |}>,
->;
+interface NativeCommands {
+  +openDrawer: (viewRef: React.Ref<'AndroidDrawerLayout'>) => void;
+  +closeDrawer: (viewRef: React.Ref<'AndroidDrawerLayout'>) => void;
+}
 
 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?: ?('none' | 'on-drag'),
+  keyboardDismissMode?: WithDefault<'none' | 'on-drag', 'none'>,
 
   /**
    * Specifies the background color of the drawer. The default value is white.
@@ -58,13 +60,14 @@ type NativeProps = $ReadOnly<{|
   /**
    * Specifies the side of the screen from which the drawer will slide in.
    */
-  drawerPosition: ?number,
+  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?: ?number,
+
+  drawerWidth?: ?Float,
 
   /**
    * Specifies the lock mode of the drawer. The drawer can be locked in 3 states:
@@ -73,12 +76,15 @@ type NativeProps = $ReadOnly<{|
    * - 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?: ?('unlocked' | 'locked-closed' | 'locked-open'),
+  drawerLockMode?: WithDefault<
+    'unlocked' | 'locked-closed' | 'locked-open',
+    'unlocked',
+  >,
 
   /**
    * Function called whenever there is an interaction with the navigation view.
    */
-  onDrawerSlide?: ?(event: DrawerSlideEvent) => mixed,
+  onDrawerSlide?: ?DirectEventHandler<DrawerSlideEvent>,
 
   /**
    * Function called when the drawer state has changed. The drawer can be in 3 states:
@@ -87,22 +93,17 @@ type NativeProps = $ReadOnly<{|
    * - Settling, meaning that there was an interaction with the navigation view, and the
    * navigation view is now finishing its closing or opening animation
    */
-  onDrawerStateChanged?: ?(state: DrawerStateEvent) => mixed,
+  onDrawerStateChanged?: ?DirectEventHandler<DrawerStateEvent>,
 
   /**
    * Function called whenever the navigation view has been opened.
    */
-  onDrawerOpen?: ?() => mixed,
+  onDrawerOpen?: ?DirectEventHandler<null, 'topDrawerOpened'>,
 
   /**
    * Function called whenever the navigation view has been closed.
    */
-  onDrawerClose?: ?() => mixed,
-
-  /**
-   * The navigation view that will be rendered to the side of the screen and can be pulled in.
-   */
-  renderNavigationView: () => Element<any>,
+  onDrawerClose?: ?DirectEventHandler<null, 'topDrawerClosed'>,
 
   /**
    * Make the drawer take the entire screen and draw the background of the
@@ -110,13 +111,10 @@ type NativeProps = $ReadOnly<{|
    * effect on API 21+.
    */
   statusBarBackgroundColor?: ?ColorValue,
-
-  children?: Node,
-  style?: ?ViewStyleProp,
 |}>;
 
-type AndroidDrawerLayoutNativeType = Class<NativeComponent<NativeProps>>;
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['openDrawer', 'closeDrawer'],
+});
 
-module.exports = ((requireNativeComponent(
-  'AndroidDrawerLayout',
-): any): AndroidDrawerLayoutNativeType);
+export default codegenNativeComponent<NativeProps>('AndroidDrawerLayout');
diff --git a/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js b/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js
index b7d2419a2ab7ca..5807013f55e1b1 100644
--- a/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js
+++ b/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js
@@ -12,23 +12,21 @@
 
 const Platform = require('../../Utilities/Platform');
 const React = require('react');
-const ReactNative = require('../../Renderer/shims/ReactNative');
 const StatusBar = require('../StatusBar/StatusBar');
 const StyleSheet = require('../../StyleSheet/StyleSheet');
-const UIManager = require('../../ReactNative/UIManager');
 const View = require('../View/View');
 const nullthrows = require('nullthrows');
 
-const DrawerConsts = UIManager.getViewManagerConfig('AndroidDrawerLayout')
-  .Constants;
 const dismissKeyboard = require('../../Utilities/dismissKeyboard');
-const AndroidDrawerLayoutNativeComponent = require('./AndroidDrawerLayoutNativeComponent');
+import AndroidDrawerLayoutNativeComponent, {
+  Commands,
+} from './AndroidDrawerLayoutNativeComponent';
 
 const DRAWER_STATES = ['Idle', 'Dragging', 'Settling'];
 
 import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
 import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
-import type {SyntheticEvent} from '../../Types/CoreEventTypes';
+import type {DirectEventHandler} from '../../Types/CodegenTypes';
 import type {
   MeasureOnSuccessCallback,
   MeasureInWindowOnSuccessCallback,
@@ -37,17 +35,9 @@ import type {
 
 type DrawerStates = 'Idle' | 'Dragging' | 'Settling';
 
-type DrawerStateEvent = SyntheticEvent<
-  $ReadOnly<{|
-    drawerState: number,
-  |}>,
->;
-
-type DrawerSlideEvent = SyntheticEvent<
-  $ReadOnly<{|
-    offset: number,
-  |}>,
->;
+type DrawerSlideEvent = $ReadOnly<{|
+  offset: number,
+|}>;
 
 type Props = $ReadOnly<{|
   /**
@@ -73,7 +63,7 @@ type Props = $ReadOnly<{|
   /**
    * Specifies the side of the screen from which the drawer will slide in.
    */
-  drawerPosition: ?number,
+  drawerPosition: ?('left' | 'right'),
 
   /**
    * Specifies the width of the drawer, more precisely the width of the view that be pulled in
@@ -93,7 +83,7 @@ type Props = $ReadOnly<{|
   /**
    * Function called whenever there is an interaction with the navigation view.
    */
-  onDrawerSlide?: ?(event: DrawerSlideEvent) => mixed,
+  onDrawerSlide?: ?DirectEventHandler<DrawerSlideEvent>,
 
   /**
    * Function called when the drawer state has changed. The drawer can be in 3 states:
@@ -154,7 +144,7 @@ type State = {|
  *   return (
  *     <DrawerLayoutAndroid
  *       drawerWidth={300}
- *       drawerPosition={DrawerLayoutAndroid.positions.Left}
+ *       drawerPosition="left"
  *       renderNavigationView={() => navigationView}>
  *       <View style={{flex: 1, alignItems: 'center'}}>
  *         <Text style={{margin: 10, fontSize: 15, textAlign: 'right'}}>Hello</Text>
@@ -166,17 +156,29 @@ type State = {|
  * ```
  */
 class DrawerLayoutAndroid extends React.Component<Props, State> {
-  static positions = DrawerConsts.DrawerPosition;
+  static get positions(): mixed {
+    console.warn(
+      'Setting DrawerLayoutAndroid drawerPosition using `DrawerLayoutAndroid.positions` is deprecated. Instead pass the string value "left" or "right"',
+    );
+
+    return {Left: 'left', Right: 'right'};
+  }
   static defaultProps = {
     drawerBackgroundColor: 'white',
   };
 
-  _nativeRef = React.createRef<Class<ReactNative.NativeComponent<Props>>>();
+  _nativeRef = React.createRef();
 
   state = {statusBarBackgroundColor: null};
 
   render() {
-    const {onDrawerStateChanged, ...props} = this.props;
+    const {
+      onDrawerStateChanged,
+      renderNavigationView,
+      onDrawerOpen,
+      onDrawerClose,
+      ...props
+    } = this.props;
     const drawStatusBar =
       Platform.Version >= 21 && this.props.statusBarBackgroundColor;
     const drawerViewWrapper = (
@@ -189,7 +191,7 @@ class DrawerLayoutAndroid extends React.Component<Props, State> {
           },
         ]}
         collapsable={false}>
-        {this.props.renderNavigationView()}
+        {renderNavigationView()}
         {drawStatusBar && <View style={styles.drawerStatusBar} />}
       </View>
     );
@@ -233,7 +235,7 @@ class DrawerLayoutAndroid extends React.Component<Props, State> {
     );
   }
 
-  _onDrawerSlide = (event: DrawerSlideEvent) => {
+  _onDrawerSlide = event => {
     if (this.props.onDrawerSlide) {
       this.props.onDrawerSlide(event);
     }
@@ -254,7 +256,7 @@ class DrawerLayoutAndroid extends React.Component<Props, State> {
     }
   };
 
-  _onDrawerStateChanged = (event: DrawerStateEvent) => {
+  _onDrawerStateChanged = event => {
     if (this.props.onDrawerStateChanged) {
       this.props.onDrawerStateChanged(
         DRAWER_STATES[event.nativeEvent.drawerState],
@@ -266,23 +268,14 @@ class DrawerLayoutAndroid extends React.Component<Props, State> {
    * Opens the drawer.
    */
   openDrawer() {
-    UIManager.dispatchViewManagerCommand(
-      this._getDrawerLayoutHandle(),
-      UIManager.getViewManagerConfig('AndroidDrawerLayout').Commands.openDrawer,
-      null,
-    );
+    Commands.openDrawer(nullthrows(this._nativeRef.current));
   }
 
   /**
    * Closes the drawer.
    */
   closeDrawer() {
-    UIManager.dispatchViewManagerCommand(
-      this._getDrawerLayoutHandle(),
-      UIManager.getViewManagerConfig('AndroidDrawerLayout').Commands
-        .closeDrawer,
-      null,
-    );
+    Commands.closeDrawer(nullthrows(this._nativeRef.current));
   }
 
   /**
@@ -320,9 +313,6 @@ class DrawerLayoutAndroid extends React.Component<Props, State> {
    *   </DrawerLayoutAndroid>
    * )
    */
-  _getDrawerLayoutHandle() {
-    return ReactNative.findNodeHandle(this._nativeRef.current);
-  }
 
   /**
    * Native methods
diff --git a/Libraries/Components/DrawerAndroid/__tests__/DrawerAndroid-test.js b/Libraries/Components/DrawerAndroid/__tests__/DrawerAndroid-test.js
index e9747a088b26fe..91c800f59c347c 100644
--- a/Libraries/Components/DrawerAndroid/__tests__/DrawerAndroid-test.js
+++ b/Libraries/Components/DrawerAndroid/__tests__/DrawerAndroid-test.js
@@ -12,7 +12,9 @@
 'use strict';
 
 const React = require('react');
-// $FlowFixMe
+/* $FlowFixMe(>=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. */
 const DrawerLayoutAndroid = require('../DrawerLayoutAndroid.android');
 const View = require('../../View/View');
 
@@ -23,7 +25,7 @@ describe('<DrawerLayoutAndroid />', () => {
     const instance = render.create(
       <DrawerLayoutAndroid
         drawerWidth={300}
-        drawerPosition={DrawerLayoutAndroid.positions.Left}
+        drawerPosition="left"
         renderNavigationView={() => <View />}
       />,
     );
@@ -34,7 +36,7 @@ describe('<DrawerLayoutAndroid />', () => {
     const output = render.shallow(
       <DrawerLayoutAndroid
         drawerWidth={300}
-        drawerPosition={DrawerLayoutAndroid.positions.Left}
+        drawerPosition="left"
         renderNavigationView={() => <View />}
       />,
     );
@@ -47,7 +49,7 @@ describe('<DrawerLayoutAndroid />', () => {
     const output = render.shallow(
       <DrawerLayoutAndroid
         drawerWidth={300}
-        drawerPosition={DrawerLayoutAndroid.positions.Left}
+        drawerPosition="left"
         renderNavigationView={() => <View />}
       />,
     );
@@ -60,7 +62,7 @@ describe('<DrawerLayoutAndroid />', () => {
     const instance = render.create(
       <DrawerLayoutAndroid
         drawerWidth={300}
-        drawerPosition={DrawerLayoutAndroid.positions.Left}
+        drawerPosition="left"
         renderNavigationView={() => <View />}
       />,
     );
diff --git a/Libraries/Components/DrawerAndroid/__tests__/__snapshots__/DrawerAndroid-test.js.snap b/Libraries/Components/DrawerAndroid/__tests__/__snapshots__/DrawerAndroid-test.js.snap
index 7c52a48073776b..88f8eeca1714f5 100644
--- a/Libraries/Components/DrawerAndroid/__tests__/__snapshots__/DrawerAndroid-test.js.snap
+++ b/Libraries/Components/DrawerAndroid/__tests__/__snapshots__/DrawerAndroid-test.js.snap
@@ -3,13 +3,12 @@
 exports[`<DrawerLayoutAndroid /> should render as <DrawerLayoutAndroid> when mocked 1`] = `
 <AndroidDrawerLayout
   drawerBackgroundColor="white"
-  drawerPosition={10}
+  drawerPosition="left"
   drawerWidth={300}
   onDrawerClose={[Function]}
   onDrawerOpen={[Function]}
   onDrawerSlide={[Function]}
   onDrawerStateChanged={[Function]}
-  renderNavigationView={[Function]}
   style={
     Array [
       Object {
@@ -56,13 +55,12 @@ exports[`<DrawerLayoutAndroid /> should render as <DrawerLayoutAndroid> when moc
 exports[`<DrawerLayoutAndroid /> should render as <DrawerLayoutAndroid> when not mocked 1`] = `
 <AndroidDrawerLayout
   drawerBackgroundColor="white"
-  drawerPosition={10}
+  drawerPosition="left"
   drawerWidth={300}
   onDrawerClose={[Function]}
   onDrawerOpen={[Function]}
   onDrawerSlide={[Function]}
   onDrawerStateChanged={[Function]}
-  renderNavigationView={[Function]}
   style={
     Array [
       Object {
@@ -109,7 +107,7 @@ exports[`<DrawerLayoutAndroid /> should render as <DrawerLayoutAndroid> when not
 exports[`<DrawerLayoutAndroid /> should shallow render as <DrawerLayoutAndroid> when mocked 1`] = `
 <DrawerLayoutAndroid
   drawerBackgroundColor="white"
-  drawerPosition={10}
+  drawerPosition="left"
   drawerWidth={300}
   renderNavigationView={[Function]}
 />
@@ -118,7 +116,7 @@ exports[`<DrawerLayoutAndroid /> should shallow render as <DrawerLayoutAndroid>
 exports[`<DrawerLayoutAndroid /> should shallow render as <DrawerLayoutAndroid> when not mocked 1`] = `
 <DrawerLayoutAndroid
   drawerBackgroundColor="white"
-  drawerPosition={10}
+  drawerPosition="left"
   drawerWidth={300}
   renderNavigationView={[Function]}
 />
diff --git a/Libraries/Components/Keyboard/Keyboard.js b/Libraries/Components/Keyboard/Keyboard.js
index 4e5674fb984c85..a024a447861bcd 100644
--- a/Libraries/Components/Keyboard/Keyboard.js
+++ b/Libraries/Components/Keyboard/Keyboard.js
@@ -11,12 +11,13 @@
 'use strict';
 
 const LayoutAnimation = require('../../LayoutAnimation/LayoutAnimation');
-const invariant = require('invariant');
 const NativeEventEmitter = require('../../EventEmitter/NativeEventEmitter');
-const KeyboardObserver = require('../../BatchedBridge/NativeModules')
-  .KeyboardObserver;
+
 const dismissKeyboard = require('../../Utilities/dismissKeyboard');
-const KeyboardEventEmitter = new NativeEventEmitter(KeyboardObserver);
+const invariant = require('invariant');
+
+import NativeKeyboardObserver from './NativeKeyboardObserver';
+const KeyboardEventEmitter = new NativeEventEmitter(NativeKeyboardObserver);
 
 export type KeyboardEventName =
   | 'keyboardWillShow'
@@ -33,18 +34,30 @@ export type KeyboardEventEasing =
   | 'linear'
   | 'keyboard';
 
-type ScreenRect = $ReadOnly<{|
+export type KeyboardEventCoordinates = $ReadOnly<{|
   screenX: number,
   screenY: number,
   width: number,
   height: number,
 |}>;
 
-export type KeyboardEvent = $ReadOnly<{|
+export type KeyboardEvent = AndroidKeyboardEvent | IOSKeyboardEvent;
+
+type BaseKeyboardEvent = {|
   duration: number,
   easing: KeyboardEventEasing,
-  endCoordinates: ScreenRect,
-  startCoordinates: ScreenRect,
+  endCoordinates: KeyboardEventCoordinates,
+|};
+
+export type AndroidKeyboardEvent = $ReadOnly<{|
+  ...BaseKeyboardEvent,
+  duration: 0,
+  easing: 'keyboard',
+|}>;
+
+export type IOSKeyboardEvent = $ReadOnly<{|
+  ...BaseKeyboardEvent,
+  startCoordinates: KeyboardEventCoordinates,
   isEventFromThisApp: boolean,
 |}>;
 
@@ -96,7 +109,21 @@ type KeyboardEventListener = (e: KeyboardEvent) => void;
  *```
  */
 
-let Keyboard = {
+let Keyboard:
+  | NativeEventEmitter
+  | $TEMPORARY$object<{|
+      addListener: (
+        eventName: KeyboardEventName,
+        callback: KeyboardEventListener,
+      ) => $FlowFixMe,
+      dismiss: () => $FlowFixMe,
+      removeAllListeners: (eventName: KeyboardEventName) => $FlowFixMe,
+      removeListener: (
+        eventName: KeyboardEventName,
+        callback: KeyboardEventListener,
+      ) => $FlowFixMe,
+      scheduleLayoutAnimation: (event: KeyboardEvent) => $FlowFixMe,
+    |}> = {
   /**
    * The `addListener` function connects a JavaScript function to an identified native
    * keyboard notification event.
diff --git a/Libraries/Components/Keyboard/KeyboardAvoidingView.js b/Libraries/Components/Keyboard/KeyboardAvoidingView.js
index 9f9bbbfc608185..ae0dd37fb0814c 100644
--- a/Libraries/Components/Keyboard/KeyboardAvoidingView.js
+++ b/Libraries/Components/Keyboard/KeyboardAvoidingView.js
@@ -17,8 +17,8 @@ const React = require('react');
 const StyleSheet = require('../../StyleSheet/StyleSheet');
 const View = require('../View/View');
 
-import type EmitterSubscription from '../../vendor/emitter/EmitterSubscription';
 import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
+import type EmitterSubscription from '../../vendor/emitter/EmitterSubscription';
 import type {
   ViewProps,
   ViewLayout,
@@ -61,7 +61,10 @@ type State = {|
  * adjusting its height, position, or bottom padding.
  */
 class KeyboardAvoidingView extends React.Component<Props, State> {
-  static defaultProps = {
+  static defaultProps: $TEMPORARY$object<{|
+    enabled: boolean,
+    keyboardVerticalOffset: number,
+  |}> = {
     enabled: true,
     keyboardVerticalOffset: 0,
   };
diff --git a/Libraries/Components/Keyboard/NativeKeyboardObserver.js b/Libraries/Components/Keyboard/NativeKeyboardObserver.js
new file mode 100644
index 00000000000000..e26598dd4cec3e
--- /dev/null
+++ b/Libraries/Components/Keyboard/NativeKeyboardObserver.js
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+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);
diff --git a/Libraries/Components/MaskedView/MaskedViewIOS.ios.js b/Libraries/Components/MaskedView/MaskedViewIOS.ios.js
index 67ff1d2d4dee2c..4a32d29836f8d0 100644
--- a/Libraries/Components/MaskedView/MaskedViewIOS.ios.js
+++ b/Libraries/Components/MaskedView/MaskedViewIOS.ios.js
@@ -11,9 +11,9 @@
 const React = require('react');
 const StyleSheet = require('../../StyleSheet/StyleSheet');
 const View = require('../View/View');
-const RCTMaskedViewNativeComponent = require('./RCTMaskedViewNativeComponent');
 
 import type {ViewProps} from '../View/ViewPropTypes';
+import RCTMaskedViewNativeComponent from './RCTMaskedViewNativeComponent';
 
 type Props = $ReadOnly<{|
   ...ViewProps,
@@ -65,7 +65,7 @@ type Props = $ReadOnly<{|
 class MaskedViewIOS extends React.Component<Props> {
   _hasWarnedInvalidRenderMask = false;
 
-  render() {
+  render(): React.Node {
     const {maskElement, children, ...otherViewProps} = this.props;
 
     if (!React.isValidElement(maskElement)) {
diff --git a/Libraries/Components/MaskedView/MaskedViewIOS.macos.js b/Libraries/Components/MaskedView/MaskedViewIOS.macos.js
index 478913ae557277..37fbb0f7b523c3 100644
--- a/Libraries/Components/MaskedView/MaskedViewIOS.macos.js
+++ b/Libraries/Components/MaskedView/MaskedViewIOS.macos.js
@@ -12,4 +12,4 @@
 
 'use strict';
 
-module.exports = require('UnimplementedView');
+module.exports = require('../UnimplementedViews/UnimplementedView');
diff --git a/Libraries/Components/MaskedView/RCTMaskedViewNativeComponent.js b/Libraries/Components/MaskedView/RCTMaskedViewNativeComponent.js
index fcde810db52e90..f9c3de50ccdad1 100644
--- a/Libraries/Components/MaskedView/RCTMaskedViewNativeComponent.js
+++ b/Libraries/Components/MaskedView/RCTMaskedViewNativeComponent.js
@@ -8,17 +8,14 @@
  * @flow
  */
 
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
-
 import type {ViewProps} from '../View/ViewPropTypes';
-import type {NativeComponent} from '../../Renderer/shims/ReactNative';
+import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
 |}>;
 
-type RCTMaskedViewNativeType = Class<NativeComponent<NativeProps>>;
-
-module.exports = ((requireNativeComponent(
+export default (codegenNativeComponent<NativeProps>(
   'RCTMaskedView',
-): any): RCTMaskedViewNativeType);
+): NativeComponentType<NativeProps>);
diff --git a/Libraries/Components/Picker/AndroidDialogPickerNativeComponent.js b/Libraries/Components/Picker/AndroidDialogPickerNativeComponent.js
index 5ca15e2febd833..759c6117d300f3 100644
--- a/Libraries/Components/Picker/AndroidDialogPickerNativeComponent.js
+++ b/Libraries/Components/Picker/AndroidDialogPickerNativeComponent.js
@@ -10,38 +10,45 @@
 
 'use strict';
 
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
-
-import type {SyntheticEvent} from '../../Types/CoreEventTypes';
+import {requireNativeComponent} from 'react-native';
+import type {NativeOrDynamicColorType} from '../../Color/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
+
+import type {
+  DirectEventHandler,
+  Int32,
+  WithDefault,
+} from '../../Types/CodegenTypes';
 import type {TextStyleProp} from '../../StyleSheet/StyleSheet';
+import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {NativeComponent} from '../../Renderer/shims/ReactNative';
+import type {ViewProps} from '../../Components/View/ViewPropTypes';
 
-type PickerAndroidChangeEvent = SyntheticEvent<
-  $ReadOnly<{|
-    position: number,
-  |}>,
->;
-
-type Item = $ReadOnly<{|
+type PickerItem = $ReadOnly<{|
   label: string,
-  value: ?(number | string),
-  color?: ?number,
+  color?: ?Int32 | ?NativeOrDynamicColorType, // TODO(macOS ISS#2323203)
+|}>;
+
+type PickerItemSelectEvent = $ReadOnly<{|
+  position: Int32,
 |}>;
 
 type NativeProps = $ReadOnly<{|
-  enabled?: ?boolean,
-  items: $ReadOnlyArray<Item>,
-  mode?: ?('dialog' | 'dropdown'),
-  onSelect?: (event: PickerAndroidChangeEvent) => void,
-  selected: number,
-  prompt?: ?string,
-  testID?: string,
+  ...ViewProps,
   style?: ?TextStyleProp,
-  accessibilityLabel?: ?string,
+
+  // Props
+  color?: ?ColorValue,
+  enabled?: WithDefault<boolean, true>,
+  items: $ReadOnlyArray<PickerItem>,
+  prompt?: WithDefault<string, ''>,
+  selected: Int32,
+
+  // Events
+  onSelect?: DirectEventHandler<PickerItemSelectEvent>,
 |}>;
 
-type DialogPickerNativeType = Class<NativeComponent<NativeProps>>;
+type ReactPicker = Class<NativeComponent<NativeProps>>;
 
 module.exports = ((requireNativeComponent(
   'AndroidDialogPicker',
-): any): DialogPickerNativeType);
+): any): ReactPicker);
diff --git a/Libraries/Components/Picker/AndroidDropdownPickerNativeComponent.js b/Libraries/Components/Picker/AndroidDropdownPickerNativeComponent.js
index 0992db755551c6..e837e9a86bd121 100644
--- a/Libraries/Components/Picker/AndroidDropdownPickerNativeComponent.js
+++ b/Libraries/Components/Picker/AndroidDropdownPickerNativeComponent.js
@@ -10,38 +10,45 @@
 
 'use strict';
 
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
-
-import type {SyntheticEvent} from '../../Types/CoreEventTypes';
+import {requireNativeComponent} from 'react-native';
+import type {NativeOrDynamicColorType} from '../../Color/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
+
+import type {
+  DirectEventHandler,
+  Int32,
+  WithDefault,
+} from '../../Types/CodegenTypes';
 import type {TextStyleProp} from '../../StyleSheet/StyleSheet';
+import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {NativeComponent} from '../../Renderer/shims/ReactNative';
+import type {ViewProps} from '../../Components/View/ViewPropTypes';
 
-type PickerAndroidChangeEvent = SyntheticEvent<
-  $ReadOnly<{|
-    position: number,
-  |}>,
->;
-
-type Item = $ReadOnly<{|
+type PickerItem = $ReadOnly<{|
   label: string,
-  value: ?(number | string),
-  color?: ?number,
+  color?: ?Int32 | ?NativeOrDynamicColorType, // TODO(macOS ISS#2323203)
+|}>;
+
+type PickerItemSelectEvent = $ReadOnly<{|
+  position: Int32,
 |}>;
 
 type NativeProps = $ReadOnly<{|
-  enabled?: ?boolean,
-  items: $ReadOnlyArray<Item>,
-  mode?: ?('dialog' | 'dropdown'),
-  onSelect?: (event: PickerAndroidChangeEvent) => void,
-  selected: number,
-  prompt?: ?string,
-  testID?: string,
+  ...ViewProps,
   style?: ?TextStyleProp,
-  accessibilityLabel?: ?string,
+
+  // Props
+  color?: ?ColorValue,
+  enabled?: WithDefault<boolean, true>,
+  items: $ReadOnlyArray<PickerItem>,
+  prompt?: WithDefault<string, ''>,
+  selected: Int32,
+
+  // Events
+  onSelect?: DirectEventHandler<PickerItemSelectEvent>,
 |}>;
 
-type DropdownPickerNativeType = Class<NativeComponent<NativeProps>>;
+type ReactPicker = Class<NativeComponent<NativeProps>>;
 
 module.exports = ((requireNativeComponent(
   'AndroidDropdownPicker',
-): any): DropdownPickerNativeType);
+): any): ReactPicker);
diff --git a/Libraries/Components/Picker/Picker.js b/Libraries/Components/Picker/Picker.js
index c3147754d70dc9..1f058486bb7478 100644
--- a/Libraries/Components/Picker/Picker.js
+++ b/Libraries/Components/Picker/Picker.js
@@ -121,20 +121,22 @@ class Picker extends React.Component<PickerProps> {
   /**
    * On Android, display the options in a dialog.
    */
-  static MODE_DIALOG = MODE_DIALOG;
+  static MODE_DIALOG: $TEMPORARY$string<'dialog'> = MODE_DIALOG;
 
   /**
    * On Android, display the options in a dropdown (this is the default).
    */
-  static MODE_DROPDOWN = MODE_DROPDOWN;
+  static MODE_DROPDOWN: $TEMPORARY$string<'dropdown'> = MODE_DROPDOWN;
 
-  static Item = PickerItem;
+  static Item: typeof PickerItem = PickerItem;
 
-  static defaultProps = {
+  static defaultProps: $TEMPORARY$object<{|
+    mode: $TEMPORARY$string<'dialog'>,
+  |}> = {
     mode: MODE_DIALOG,
   };
 
-  render() {
+  render(): React.Node {
     if (
       Platform.OS === 'ios' ||
       Platform.OS === 'macos' /* TODO(macOS ISS#2323203) */
diff --git a/Libraries/Components/Picker/PickerAndroid.android.js b/Libraries/Components/Picker/PickerAndroid.android.js
index d6aafd918add3d..4fddefb8014887 100644
--- a/Libraries/Components/Picker/PickerAndroid.android.js
+++ b/Libraries/Components/Picker/PickerAndroid.android.js
@@ -10,138 +10,107 @@
 
 'use strict';
 
-const AndroidDropdownPickerNativeComponent = require('./AndroidDropdownPickerNativeComponent');
-const AndroidDialogPickerNativeComponent = require('./AndroidDialogPickerNativeComponent');
-const React = require('react');
-const StyleSheet = require('../../StyleSheet/StyleSheet');
-
-const processColor = require('../../StyleSheet/processColor');
-
-const REF_PICKER = 'picker';
-const MODE_DROPDOWN = 'dropdown';
+import AndroidDropdownPickerNativeComponent from './AndroidDropdownPickerNativeComponent';
+import AndroidDialogPickerNativeComponent from './AndroidDialogPickerNativeComponent';
+import * as React from 'react';
+import StyleSheet from '../../StyleSheet/StyleSheet';
+import processColor from '../../StyleSheet/processColor';
 
 import type {SyntheticEvent} from '../../Types/CoreEventTypes';
 import type {TextStyleProp} from '../../StyleSheet/StyleSheet';
 
-type PickerAndroidChangeEvent = SyntheticEvent<
+type PickerItemSelectSyntheticEvent = SyntheticEvent<
   $ReadOnly<{|
     position: number,
   |}>,
 >;
 
-type PickerAndroidProps = $ReadOnly<{|
+type PickerItemValue = number | string;
+
+type Props = $ReadOnly<{|
+  accessibilityLabel?: ?Stringish,
   children?: React.Node,
   style?: ?TextStyleProp,
-  selectedValue?: ?(number | string),
+  selectedValue?: ?PickerItemValue,
   enabled?: ?boolean,
   mode?: ?('dialog' | 'dropdown'),
-  onValueChange?: ?(itemValue: ?(string | number), itemIndex: number) => mixed,
+  onValueChange?: ?(itemValue: ?PickerItemValue, itemIndex: number) => mixed,
   prompt?: ?string,
   testID?: string,
 |}>;
 
-type Item = $ReadOnly<{|
-  label: string,
-  value: ?(number | string),
-  color?: ?number,
-|}>;
-
-type PickerAndroidState = {|
-  selectedIndex: number,
-  items: $ReadOnlyArray<Item>,
-|};
-
 /**
  * Not exposed as a public API - use <Picker> instead.
  */
+function PickerAndroid(props: Props): React.Node {
+  const pickerRef = React.useRef(null);
 
-class PickerAndroid extends React.Component<
-  PickerAndroidProps,
-  PickerAndroidState,
-> {
-  static getDerivedStateFromProps(
-    props: PickerAndroidProps,
-  ): PickerAndroidState {
-    let selectedIndex = 0;
+  const [items, selected] = React.useMemo(() => {
+    // eslint-disable-next-line no-shadow
+    let selected = 0;
+    // eslint-disable-next-line no-shadow
     const items = React.Children.map(props.children, (child, index) => {
       if (child === null) {
-        return;
+        return null;
       }
       if (child.props.value === props.selectedValue) {
-        selectedIndex = index;
+        selected = index;
       }
-      const childProps = {
-        value: child.props.value,
-        label: child.props.label,
+      const {color, label} = child.props;
+      return {
+        color: color == null ? null : processColor(color),
+        label,
       };
-      if (child.props.color) {
-        /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was
-         * found when making Flow check .android.js files. */
-        childProps.color = processColor(child.props.color);
-      }
-      return childProps;
     });
-    return {selectedIndex, items};
-  }
-
-  state = PickerAndroid.getDerivedStateFromProps(this.props);
-
-  render() {
-    const Picker =
-      this.props.mode === MODE_DROPDOWN
-        ? AndroidDropdownPickerNativeComponent
-        : AndroidDialogPickerNativeComponent;
-
-    const nativeProps = {
-      enabled: this.props.enabled,
-      items: this.state.items,
-      mode: this.props.mode,
-      onSelect: this._onChange,
-      prompt: this.props.prompt,
-      selected: this.state.selectedIndex,
-      testID: this.props.testID,
-      style: [styles.pickerAndroid, this.props.style],
-      /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
-       * when making Flow check .android.js files. */
-      accessibilityLabel: this.props.accessibilityLabel,
-    };
-
-    return <Picker ref={REF_PICKER} {...nativeProps} />;
-  }
-
-  _onChange = (event: PickerAndroidChangeEvent) => {
-    if (this.props.onValueChange) {
-      const position = event.nativeEvent.position;
-      if (position >= 0) {
-        const children = React.Children.toArray(this.props.children).filter(
-          item => item != null,
-        );
-        const value = children[position].props.value;
-        /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was
-         * found when making Flow check .android.js files. */
-        if (this.props.selectedValue !== value) {
-          this.props.onValueChange(value, position);
+    return [items, selected];
+  }, [props.children, props.selectedValue]);
+
+  const onSelect = React.useCallback(
+    ({nativeEvent}: PickerItemSelectSyntheticEvent) => {
+      const {position} = nativeEvent;
+      const onValueChange = props.onValueChange;
+
+      if (onValueChange != null) {
+        if (position >= 0) {
+          const children = React.Children.toArray(props.children).filter(
+            item => item != null,
+          );
+          const value = children[position].props.value;
+          if (props.selectedValue !== value) {
+            onValueChange(value, position);
+          }
+        } else {
+          onValueChange(null, position);
         }
-      } else {
-        this.props.onValueChange(null, position);
       }
-    }
 
-    // The picker is a controlled component. This means we expect the
-    // on*Change handlers to be in charge of updating our
-    // `selectedValue` prop. That way they can also
-    // disallow/undo/mutate the selection of certain values. In other
-    // words, the embedder of this component should be the source of
-    // truth, not the native component.
-    if (
-      this.refs[REF_PICKER] &&
-      this.state.selectedIndex !== event.nativeEvent.position
-    ) {
-      this.refs[REF_PICKER].setNativeProps({
-        selected: this.state.selectedIndex,
-      });
-    }
+      const {current} = pickerRef;
+      if (current != null && position !== selected) {
+        current.setNativeProps({selected});
+      }
+    },
+    [props.children, props.onValueChange, props.selectedValue, selected],
+  );
+
+  const rootProps = {
+    accessibilityLabel: props.accessibilityLabel,
+    enabled: props.enabled,
+    items,
+    onSelect,
+    prompt: props.prompt,
+    ref: pickerRef,
+    selected,
+    style: StyleSheet.compose(
+      styles.pickerAndroid,
+      props.style,
+    ),
+    testID: props.testID,
   };
+  return props.mode === 'dropdown' ? (
+    <AndroidDropdownPickerNativeComponent {...rootProps} />
+  ) : (
+    <AndroidDialogPickerNativeComponent {...rootProps} />
+  );
 }
 
 const styles = StyleSheet.create({
diff --git a/Libraries/Components/Picker/PickerAndroid.macos.js b/Libraries/Components/Picker/PickerAndroid.macos.js
index 6fd9ef11d2bae6..f18dc0c217731c 100644
--- a/Libraries/Components/Picker/PickerAndroid.macos.js
+++ b/Libraries/Components/Picker/PickerAndroid.macos.js
@@ -11,4 +11,4 @@
 
 'use strict';
 
-module.exports = require('UnimplementedView');
+module.exports = require('../UnimplementedViews/UnimplementedView');
diff --git a/Libraries/Components/Picker/PickerIOS.ios.js b/Libraries/Components/Picker/PickerIOS.ios.js
index d3dc5658649428..1fba7f6f2b395c 100644
--- a/Libraries/Components/Picker/PickerIOS.ios.js
+++ b/Libraries/Components/Picker/PickerIOS.ios.js
@@ -13,18 +13,18 @@
 
 'use strict';
 
+const RCTPickerNativeComponent = require('./RCTPickerNativeComponent');
 const React = require('react');
 const ReactNative = require('../../Renderer/shims/ReactNative');
 const StyleSheet = require('../../StyleSheet/StyleSheet');
 const View = require('../View/View');
 const Platform = require('../../Utilities/Platform'); // TODO(macOS ISS#2323203)
 const processColor = require('../../StyleSheet/processColor');
-const RCTPickerNativeComponent = require('./RCTPickerNativeComponent');
 
-import type {SyntheticEvent} from '../../Types/CoreEventTypes';
+import type {TextStyleProp} from '../../StyleSheet/StyleSheet';
 import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
+import type {SyntheticEvent} from '../../Types/CoreEventTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
-import type {TextStyleProp} from '../../StyleSheet/StyleSheet';
 import type {NativeOrDynamicColorType} from '../../Color/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
 
 type PickerIOSChangeEvent = SyntheticEvent<
@@ -76,19 +76,19 @@ type ItemProps = $ReadOnly<{|
   color?: ?ColorValue,
 |}>;
 
-const PickerIOSItem = (props: ItemProps) => {
+const PickerIOSItem = (props: ItemProps): null => {
   return null;
 };
 
 class PickerIOS extends React.Component<Props, State> {
   _picker: ?React.ElementRef<RCTPickerIOSType> = null;
 
-  state = {
+  state: State = {
     selectedIndex: 0,
     items: [],
   };
 
-  static Item = PickerIOSItem;
+  static Item: (props: ItemProps) => null = PickerIOSItem;
 
   static getDerivedStateFromProps(props: Props): State {
     let selectedIndex = 0;
@@ -108,7 +108,7 @@ class PickerIOS extends React.Component<Props, State> {
     return {selectedIndex, items};
   }
 
-  render() {
+  render(): React.Node {
     return (
       <View style={this.props.style}>
         <RCTPickerNativeComponent
diff --git a/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.android.js b/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.android.js
index 5e37a1216c9231..7f80aeb339222a 100644
--- a/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.android.js
+++ b/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.android.js
@@ -12,7 +12,7 @@
 
 const React = require('react');
 
-const ProgressBarAndroidNativeComponent = require('./ProgressBarAndroidNativeComponent');
+import ProgressBarAndroidNativeComponent from './ProgressBarAndroidNativeComponent';
 
 import type {ViewProps} from '../View/ViewPropTypes';
 
diff --git a/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.macos.js b/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.macos.js
index 6fd9ef11d2bae6..f18dc0c217731c 100644
--- a/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.macos.js
+++ b/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.macos.js
@@ -11,4 +11,4 @@
 
 'use strict';
 
-module.exports = require('UnimplementedView');
+module.exports = require('../UnimplementedViews/UnimplementedView');
diff --git a/Libraries/Components/ProgressBarAndroid/ProgressBarAndroidNativeComponent.js b/Libraries/Components/ProgressBarAndroid/ProgressBarAndroidNativeComponent.js
index 9d619f08b86261..033d2637c32346 100644
--- a/Libraries/Components/ProgressBarAndroid/ProgressBarAndroidNativeComponent.js
+++ b/Libraries/Components/ProgressBarAndroid/ProgressBarAndroidNativeComponent.js
@@ -10,24 +10,26 @@
 
 'use strict';
 
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
-
+import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
-import type {NativeComponent} from '../../Renderer/shims/ReactNative';
+import type {Float, WithDefault} from '../../Types/CodegenTypes';
+
+import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
+
+  //Props
   styleAttr?: string,
   typeAttr?: string,
   indeterminate: boolean,
-  progress?: number,
-  animating?: ?boolean,
-  color?: ?string,
-  testID?: ?string,
+  progress?: WithDefault<Float, 0>,
+  animating?: WithDefault<boolean, true>,
+  color?: ?ColorValue,
+  testID?: WithDefault<string, ''>,
 |}>;
 
-type ProgressBarAndroidType = Class<NativeComponent<NativeProps>>;
-
-module.exports = ((requireNativeComponent(
+export default (codegenNativeComponent<NativeProps>(
   'AndroidProgressBar',
-): any): ProgressBarAndroidType);
+): NativeComponentType<NativeProps>);
diff --git a/Libraries/Components/ProgressBarAndroid/__tests__/ProgressBarAndroid-test.js b/Libraries/Components/ProgressBarAndroid/__tests__/ProgressBarAndroid-test.js
index 9f479341b0658f..ccce645eb49aa5 100644
--- a/Libraries/Components/ProgressBarAndroid/__tests__/ProgressBarAndroid-test.js
+++ b/Libraries/Components/ProgressBarAndroid/__tests__/ProgressBarAndroid-test.js
@@ -12,7 +12,9 @@
 'use strict';
 
 const React = require('react');
-// $FlowFixMe
+/* $FlowFixMe(>=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. */
 const ProgressBarAndroid = require('../ProgressBarAndroid.android');
 
 const render = require('../../../../jest/renderer');
diff --git a/Libraries/Components/ProgressViewIOS/ProgressViewIOS.ios.js b/Libraries/Components/ProgressViewIOS/ProgressViewIOS.ios.js
index dd6dcf51804790..05eb6ccea03e99 100644
--- a/Libraries/Components/ProgressViewIOS/ProgressViewIOS.ios.js
+++ b/Libraries/Components/ProgressViewIOS/ProgressViewIOS.ios.js
@@ -13,8 +13,7 @@
 const React = require('react');
 const StyleSheet = require('../../StyleSheet/StyleSheet');
 
-const RCTProgressViewNativeComponent = require('./RCTProgressViewNativeComponent');
-
+import RCTProgressViewNativeComponent from './RCTProgressViewNativeComponent';
 import type {ImageSource} from '../../Image/ImageSource';
 import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
diff --git a/Libraries/Components/ProgressViewIOS/ProgressViewIOS.macos.js b/Libraries/Components/ProgressViewIOS/ProgressViewIOS.macos.js
index dbe907b051ce21..ab2b63b7b02ca5 100644
--- a/Libraries/Components/ProgressViewIOS/ProgressViewIOS.macos.js
+++ b/Libraries/Components/ProgressViewIOS/ProgressViewIOS.macos.js
@@ -15,8 +15,7 @@
 const React = require('react');
 const StyleSheet = require('../../StyleSheet/StyleSheet');
 
-const RCTProgressViewNativeComponent = require('./RCTProgressViewNativeComponent');
-
+import RCTProgressViewNativeComponent from './RCTProgressViewNativeComponent';
 import type {ImageSource} from '../../Image/ImageSource';
 import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
diff --git a/Libraries/Components/ProgressViewIOS/RCTProgressViewNativeComponent.js b/Libraries/Components/ProgressViewIOS/RCTProgressViewNativeComponent.js
index c88004fb374539..42b436d2a70f62 100644
--- a/Libraries/Components/ProgressViewIOS/RCTProgressViewNativeComponent.js
+++ b/Libraries/Components/ProgressViewIOS/RCTProgressViewNativeComponent.js
@@ -10,25 +10,26 @@
 
 'use strict';
 
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
-
-import type {NativeComponent} from '../../Renderer/shims/ReactNative';
+import type {Float, WithDefault} from '../../Types/CodegenTypes';
 import type {ImageSource} from '../../Image/ImageSource';
 import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
 
+import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
+
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
-  progressViewStyle?: ?('default' | 'bar'),
-  progress?: ?number,
+
+  // Props
+  progressViewStyle?: WithDefault<'default' | 'bar', 'default'>,
+  progress?: WithDefault<Float, 0>,
   progressTintColor?: ?ColorValue,
   trackTintColor?: ?ColorValue,
   progressImage?: ?ImageSource,
   trackImage?: ?ImageSource,
 |}>;
 
-type NativeProgressViewIOS = Class<NativeComponent<NativeProps>>;
-
-module.exports = ((requireNativeComponent(
+export default (codegenNativeComponent<NativeProps>(
   'RCTProgressView',
-): any): NativeProgressViewIOS);
+): NativeComponentType<NativeProps>);
diff --git a/Libraries/Components/RefreshControl/AndroidSwipeRefreshLayoutNativeComponent.js b/Libraries/Components/RefreshControl/AndroidSwipeRefreshLayoutNativeComponent.js
index 487dcf9ae56208..37fd4e67842e75 100644
--- a/Libraries/Components/RefreshControl/AndroidSwipeRefreshLayoutNativeComponent.js
+++ b/Libraries/Components/RefreshControl/AndroidSwipeRefreshLayoutNativeComponent.js
@@ -10,18 +10,17 @@
 
 'use strict';
 
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
+import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
 
+import type {
+  DirectEventHandler,
+  Float,
+  Int32,
+  WithDefault,
+} from '../../Types/CodegenTypes';
 import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
-import type {NativeComponent} from '../../Renderer/shims/ReactNative';
-
-const AndroidSwipeRefreshLayout = require('../../ReactNative/UIManager').getViewManagerConfig(
-  'AndroidSwipeRefreshLayout',
-);
-const RefreshLayoutConsts = AndroidSwipeRefreshLayout
-  ? AndroidSwipeRefreshLayout.Constants
-  : {SIZE: {}};
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
@@ -29,7 +28,7 @@ type NativeProps = $ReadOnly<{|
   /**
    * Whether the pull to refresh functionality is enabled.
    */
-  enabled?: ?boolean,
+  enabled?: WithDefault<boolean, false>,
   /**
    * The colors (at least one) that will be used to draw the refresh indicator.
    */
@@ -40,20 +39,25 @@ type NativeProps = $ReadOnly<{|
   progressBackgroundColor?: ?ColorValue,
   /**
    * Size of the refresh indicator, see RefreshControl.SIZE.
+   *
+   * This type isn't currently accurate. It really is specific numbers
+   * hard coded in the Android platform.
+   *
+   * Also, 1 isn't actually a safe default. We are able to set this here
+   * because native code isn't currently consuming the generated artifact.
+   * This will end up being
+   * size?: WithDefault<'default' | 'large', 'default'>,
    */
-  size?: ?(
-    | typeof RefreshLayoutConsts.SIZE.DEFAULT
-    | typeof RefreshLayoutConsts.SIZE.LARGE
-  ),
+  size?: WithDefault<Int32, 1>,
   /**
    * Progress view top offset
    */
-  progressViewOffset?: ?number,
+  progressViewOffset?: WithDefault<Float, 0>,
 
   /**
    * Called when the view starts refreshing.
    */
-  onRefresh?: ?() => mixed,
+  onRefresh?: ?DirectEventHandler<null>,
 
   /**
    * Whether the view should be indicating an active refresh.
@@ -61,8 +65,6 @@ type NativeProps = $ReadOnly<{|
   refreshing: boolean,
 |}>;
 
-type AndroidSwipeRefreshLayoutNativeType = Class<NativeComponent<NativeProps>>;
-
-module.exports = ((requireNativeComponent(
+export default (codegenNativeComponent<NativeProps>(
   'AndroidSwipeRefreshLayout',
-): any): AndroidSwipeRefreshLayoutNativeType);
+): NativeComponentType<NativeProps>);
diff --git a/Libraries/Components/RefreshControl/AndroidSwipeRefreshLayoutSchema.js b/Libraries/Components/RefreshControl/AndroidSwipeRefreshLayoutSchema.js
deleted file mode 100644
index 5b7de36bbf2a90..00000000000000
--- a/Libraries/Components/RefreshControl/AndroidSwipeRefreshLayoutSchema.js
+++ /dev/null
@@ -1,98 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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 {SchemaType} from '../../../packages/react-native-codegen/src/CodegenSchema.js';
-
-const AndroidSwipeRefreshLayoutSchema: SchemaType = {
-  modules: {
-    AndroidSwipeRefreshLayout: {
-      components: {
-        AndroidSwipeRefreshLayout: {
-          extendsProps: [
-            {
-              type: 'ReactNativeBuiltInType',
-              knownTypeName: 'ReactNativeCoreViewProps',
-            },
-          ],
-          events: [
-            {
-              name: 'onRefresh',
-              optional: true,
-              bubblingType: 'bubble',
-              typeAnnotation: {
-                type: 'EventTypeAnnotation',
-                argument: {
-                  type: 'ObjectTypeAnnotation',
-                  properties: [],
-                },
-              },
-            },
-          ],
-          props: [
-            {
-              name: 'enabled',
-              optional: true,
-              typeAnnotation: {
-                type: 'BooleanTypeAnnotation',
-                default: true,
-              },
-            },
-            {
-              name: 'colors',
-              optional: true,
-              typeAnnotation: {
-                type: 'ArrayTypeAnnotation',
-                elementType: {
-                  type: 'NativePrimitiveTypeAnnotation',
-                  name: 'ColorPrimitive',
-                },
-              },
-            },
-            {
-              name: 'progressBackgroundColor',
-              optional: true,
-              typeAnnotation: {
-                type: 'NativePrimitiveTypeAnnotation',
-                name: 'ColorPrimitive',
-              },
-            },
-            {
-              name: 'size',
-              optional: true,
-              typeAnnotation: {
-                type: 'Int32TypeAnnotation',
-                default: 1,
-              },
-            },
-            {
-              name: 'progressViewOffset',
-              optional: true,
-              typeAnnotation: {
-                type: 'FloatTypeAnnotation',
-                default: 0,
-              },
-            },
-            {
-              name: 'refreshing',
-              optional: false,
-              typeAnnotation: {
-                type: 'BooleanTypeAnnotation',
-                default: false,
-              },
-            },
-          ],
-        },
-      },
-    },
-  },
-};
-
-module.exports = AndroidSwipeRefreshLayoutSchema;
diff --git a/Libraries/Components/RefreshControl/RCTRefreshControlNativeComponent.js b/Libraries/Components/RefreshControl/PullToRefreshViewNativeComponent.js
similarity index 59%
rename from Libraries/Components/RefreshControl/RCTRefreshControlNativeComponent.js
rename to Libraries/Components/RefreshControl/PullToRefreshViewNativeComponent.js
index 1a20adadb2b7b2..24db172eb0c68f 100644
--- a/Libraries/Components/RefreshControl/RCTRefreshControlNativeComponent.js
+++ b/Libraries/Components/RefreshControl/PullToRefreshViewNativeComponent.js
@@ -10,13 +10,14 @@
 
 'use strict';
 
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
-
+import type {DirectEventHandler, WithDefault} from '../../Types/CodegenTypes';
 import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
-import type {NativeComponent} from '../../Renderer/shims/ReactNative';
 
-export type NativeProps = $ReadOnly<{|
+import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
+
+type NativeProps = $ReadOnly<{|
   ...ViewProps,
 
   /**
@@ -30,12 +31,12 @@ export type NativeProps = $ReadOnly<{|
   /**
    * The title displayed under the refresh indicator.
    */
-  title?: ?string,
+  title?: WithDefault<string, null>,
 
   /**
    * Called when the view starts refreshing.
    */
-  onRefresh?: ?() => mixed,
+  onRefresh?: ?DirectEventHandler<null>,
 
   /**
    * Whether the view should be indicating an active refresh.
@@ -43,8 +44,6 @@ export type NativeProps = $ReadOnly<{|
   refreshing: boolean,
 |}>;
 
-type PullToRefreshView = Class<NativeComponent<NativeProps>>;
-
-module.exports = ((requireNativeComponent(
-  'RCTRefreshControl',
-): any): PullToRefreshView);
+export default (codegenNativeComponent<NativeProps>('PullToRefreshView', {
+  paperComponentName: 'RCTRefreshControl',
+}): NativeComponentType<NativeProps>);
diff --git a/Libraries/Components/RefreshControl/PullToRefreshViewSchema.js b/Libraries/Components/RefreshControl/PullToRefreshViewSchema.js
deleted file mode 100644
index b6b08102ee8268..00000000000000
--- a/Libraries/Components/RefreshControl/PullToRefreshViewSchema.js
+++ /dev/null
@@ -1,80 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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 {SchemaType} from '../../../packages/react-native-codegen/src/CodegenSchema.js';
-
-const PullToRefreshViewSchema: SchemaType = {
-  modules: {
-    PullToRefreshView: {
-      components: {
-        PullToRefreshView: {
-          extendsProps: [
-            {
-              type: 'ReactNativeBuiltInType',
-              knownTypeName: 'ReactNativeCoreViewProps',
-            },
-          ],
-          events: [
-            {
-              name: 'onRefresh',
-              optional: true,
-              bubblingType: 'bubble',
-              typeAnnotation: {
-                type: 'EventTypeAnnotation',
-                argument: {
-                  type: 'ObjectTypeAnnotation',
-                  properties: [],
-                },
-              },
-            },
-          ],
-          props: [
-            {
-              name: 'tintColor',
-              optional: true,
-              typeAnnotation: {
-                type: 'NativePrimitiveTypeAnnotation',
-                name: 'ColorPrimitive',
-              },
-            },
-            {
-              name: 'titleColor',
-              optional: true,
-              typeAnnotation: {
-                type: 'NativePrimitiveTypeAnnotation',
-                name: 'ColorPrimitive',
-              },
-            },
-            {
-              name: 'title',
-              optional: true,
-              typeAnnotation: {
-                type: 'StringTypeAnnotation',
-                default: '',
-              },
-            },
-            {
-              name: 'refreshing',
-              optional: false,
-              typeAnnotation: {
-                type: 'BooleanTypeAnnotation',
-                default: false,
-              },
-            },
-          ],
-        },
-      },
-    },
-  },
-};
-
-module.exports = PullToRefreshViewSchema;
diff --git a/Libraries/Components/RefreshControl/RefreshControl.js b/Libraries/Components/RefreshControl/RefreshControl.js
index cb432db07b6839..1313e8e4c12497 100644
--- a/Libraries/Components/RefreshControl/RefreshControl.js
+++ b/Libraries/Components/RefreshControl/RefreshControl.js
@@ -12,16 +12,15 @@
 
 const Platform = require('../../Utilities/Platform');
 const React = require('react');
-const {NativeComponent} = require('../../Renderer/shims/ReactNative');
 
-const AndroidSwipeRefreshLayoutNativeComponent = require('./AndroidSwipeRefreshLayoutNativeComponent');
-const RCTRefreshControlNativeComponent = require('./RCTRefreshControlNativeComponent');
 const nullthrows = require('nullthrows');
 
 import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
+import AndroidSwipeRefreshLayoutNativeComponent from './AndroidSwipeRefreshLayoutNativeComponent';
+import PullToRefreshViewNativeComponent from './PullToRefreshViewNativeComponent';
 
-let RefreshLayoutConsts;
+let RefreshLayoutConsts: any;
 if (Platform.OS === 'android') {
   const AndroidSwipeRefreshLayout = require('../../ReactNative/UIManager').getViewManagerConfig(
     'AndroidSwipeRefreshLayout',
@@ -82,7 +81,7 @@ export type RefreshControlProps = $ReadOnly<{|
   /**
    * Called when the view starts refreshing.
    */
-  onRefresh?: ?() => mixed,
+  onRefresh?: ?() => void,
 
   /**
    * Whether the view should be indicating an active refresh.
@@ -136,7 +135,7 @@ export type RefreshControlProps = $ReadOnly<{|
  * in the `onRefresh` function otherwise the refresh indicator will stop immediately.
  */
 class RefreshControl extends React.Component<RefreshControlProps> {
-  static SIZE = RefreshLayoutConsts.SIZE;
+  static SIZE: any = RefreshLayoutConsts.SIZE;
 
   _setNativePropsOnRef: ?({refreshing: boolean}) => void;
   _lastNativeRefreshing = false;
@@ -162,7 +161,7 @@ class RefreshControl extends React.Component<RefreshControlProps> {
     }
   }
 
-  render() {
+  render(): React.Node {
     const setRef = ref =>
       (this._setNativePropsOnRef = ref ? ref.setNativeProps.bind(ref) : null);
     if (Platform.OS === 'ios') {
@@ -175,7 +174,7 @@ class RefreshControl extends React.Component<RefreshControlProps> {
         ...props
       } = this.props;
       return (
-        <RCTRefreshControlNativeComponent
+        <PullToRefreshViewNativeComponent
           {...props}
           ref={setRef}
           onRefresh={this._onRefresh}
diff --git a/Libraries/Components/RefreshControl/__mocks__/RefreshControlMock.js b/Libraries/Components/RefreshControl/__mocks__/RefreshControlMock.js
index f0c6e5c467fc62..1ca76f7f2d17b3 100644
--- a/Libraries/Components/RefreshControl/__mocks__/RefreshControlMock.js
+++ b/Libraries/Components/RefreshControl/__mocks__/RefreshControlMock.js
@@ -21,7 +21,7 @@ class RefreshControlMock extends React.Component<{}> {
   componentDidMount() {
     RefreshControlMock.latestRef = this;
   }
-  render() {
+  render(): React.Element<string> {
     return <RCTRefreshControl />;
   }
 }
diff --git a/Libraries/Components/SafeAreaView/RCTSafeAreaViewNativeComponent.js b/Libraries/Components/SafeAreaView/RCTSafeAreaViewNativeComponent.js
index b7b146b7d3cbb1..bbf4c52307b768 100644
--- a/Libraries/Components/SafeAreaView/RCTSafeAreaViewNativeComponent.js
+++ b/Libraries/Components/SafeAreaView/RCTSafeAreaViewNativeComponent.js
@@ -5,21 +5,24 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
+'use strict';
 
 import type {ViewProps} from '../View/ViewPropTypes';
-import type {NativeComponent} from '../../Renderer/shims/ReactNative';
+import type {WithDefault} from '../../Types/CodegenTypes';
+
+import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
-  emulateUnlessSupported?: boolean,
-|}>;
 
-type RCTSafeAreaViewNativeType = Class<NativeComponent<NativeProps>>;
+  // Props
+  emulateUnlessSupported?: WithDefault<boolean, false>,
+|}>;
 
-module.exports = ((requireNativeComponent(
+export default (codegenNativeComponent<NativeProps>(
   'RCTSafeAreaView',
-): any): RCTSafeAreaViewNativeType);
+): NativeComponentType<NativeProps>);
diff --git a/Libraries/Components/SafeAreaView/SafeAreaView.js b/Libraries/Components/SafeAreaView/SafeAreaView.js
index 55a226d761b875..198d4ba4f09708 100644
--- a/Libraries/Components/SafeAreaView/SafeAreaView.js
+++ b/Libraries/Components/SafeAreaView/SafeAreaView.js
@@ -12,15 +12,15 @@ const Platform = require('../../Utilities/Platform');
 const React = require('react');
 const View = require('../View/View');
 
-import type {ViewProps} from '../View/ViewPropTypes';
 import type {NativeComponent} from '../../Renderer/shims/ReactNative';
+import type {ViewProps} from '../View/ViewPropTypes';
 
 type Props = $ReadOnly<{|
   ...ViewProps,
   emulateUnlessSupported?: boolean,
 |}>;
 
-let exported;
+let exported: Class<React$Component<Props>> | Class<NativeComponent<Props>>;
 
 /**
  * Renders nested content and automatically applies paddings reflect the portion
@@ -45,7 +45,8 @@ if (Platform.OS !== 'ios') {
   SafeAreaViewRef.displayName = 'SafeAreaView';
   exported = ((SafeAreaViewRef: any): Class<React.Component<Props>>);
 } else {
-  const RCTSafeAreaViewNativeComponent = require('./RCTSafeAreaViewNativeComponent');
+  const RCTSafeAreaViewNativeComponent = require('./RCTSafeAreaViewNativeComponent')
+    .default;
 
   const SafeAreaView = (
     props: Props,
diff --git a/Libraries/Components/ScrollView/ScrollView.js b/Libraries/Components/ScrollView/ScrollView.js
index 67a24003d9b4c9..70f3aadba38087 100644
--- a/Libraries/Components/ScrollView/ScrollView.js
+++ b/Libraries/Components/ScrollView/ScrollView.js
@@ -27,19 +27,19 @@ const requireNativeComponent = require('../../ReactNative/requireNativeComponent
 const resolveAssetSource = require('../../Image/resolveAssetSource');
 const splitLayoutProps = require('../../StyleSheet/splitLayoutProps');
 
+import type {NativeMethodsMixinType} from '../../Renderer/shims/ReactNativeTypes';
+import type {EdgeInsetsProp} from '../../StyleSheet/EdgeInsetsPropType';
+import type {PointProp} from '../../StyleSheet/PointPropType';
+import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
+import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {
   PressEvent,
   ScrollEvent,
   LayoutEvent,
 } from '../../Types/CoreEventTypes';
-import type {EdgeInsetsProp} from '../../StyleSheet/EdgeInsetsPropType';
-import type {NativeMethodsMixinType} from '../../Renderer/shims/ReactNativeTypes';
-import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
-import type {ViewProps} from '../View/ViewPropTypes';
-import type {PointProp} from '../../StyleSheet/PointPropType';
-
-import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {State as ScrollResponderState} from '../ScrollResponder';
+import type {ViewProps} from '../View/ViewPropTypes';
+import type {Props as ScrollViewStickyHeaderProps} from './ScrollViewStickyHeader';
 
 let AndroidScrollView;
 let AndroidHorizontalScrollContentView;
@@ -367,6 +367,10 @@ type VRProps = $ReadOnly<{|
   scrollBarThumbImage?: ?($ReadOnly<{||}> | number), // Opaque type returned by import IMAGE from './image.jpg'
 |}>;
 
+type StickyHeaderComponentType = React.ComponentType<ScrollViewStickyHeaderProps> & {
+  setNextHeaderY: number => void,
+};
+
 export type Props = $ReadOnly<{|
   ...ViewProps,
   ...TouchableProps,
@@ -515,6 +519,13 @@ export type Props = $ReadOnly<{|
    * with `horizontal={true}`.
    */
   stickyHeaderIndices?: ?$ReadOnlyArray<number>,
+  /**
+   * A React Component that will be used to render sticky headers.
+   * To be used together with `stickyHeaderIndices` or with `SectionList`, defaults to `ScrollViewStickyHeader`.
+   * You may need to set this if your sticky header uses custom transforms (eg. translation),
+   * for example when you want your list to have an animated hidable header.
+   */
+  StickyHeaderComponent?: StickyHeaderComponentType,
   /**
    * When set, causes the scroll view to stop at multiples of the value of
    * `snapToInterval`. This can be used for paginating through children
@@ -534,7 +545,7 @@ export type Props = $ReadOnly<{|
    */
   snapToOffsets?: ?$ReadOnlyArray<number>,
   /**
-   * Use in conjuction with `snapToOffsets`. By default, the beginning
+   * Use in conjunction with `snapToOffsets`. By default, the beginning
    * of the list counts as a snap offset. Set `snapToStart` to false to disable
    * this behavior and allow the list to scroll freely between its start and
    * the first `snapToOffsets` offset.
@@ -542,7 +553,7 @@ export type Props = $ReadOnly<{|
    */
   snapToStart?: ?boolean,
   /**
-   * Use in conjuction with `snapToOffsets`. By default, the end
+   * Use in conjunction with `snapToOffsets`. By default, the end
    * of the list counts as a snap offset. Set `snapToEnd` to false to disable
    * this behavior and allow the list to scroll freely between its end and
    * the last `snapToOffsets` offset.
@@ -563,7 +574,7 @@ export type Props = $ReadOnly<{|
    *
    * See [RefreshControl](docs/refreshcontrol.html).
    */
-  // $FlowFixMe - how to handle generic type without existential opereator?
+  // $FlowFixMe - how to handle generic type without existential operator?
   refreshControl?: ?React.Element<any>,
   children?: React.Node,
 |}>;
@@ -588,6 +599,13 @@ function createScrollResponder(
   return scrollResponder;
 }
 
+type ContextType = {|horizontal: boolean|} | null;
+const Context = React.createContext<ContextType>(null);
+const standardHorizontalContext: ContextType = Object.freeze({
+  horizontal: true,
+});
+const standardVerticalContext: ContextType = Object.freeze({horizontal: false});
+
 /**
  * Component that wraps platform ScrollView while providing
  * integration with touch locking "responder" system.
@@ -624,6 +642,7 @@ function createScrollResponder(
  * supports out of the box.
  */
 class ScrollView extends React.Component<Props, State> {
+  static Context: React$Context<ContextType> = Context;
   /**
    * Part 1: Removing ScrollResponder.Mixin:
    *
@@ -680,10 +699,10 @@ class ScrollView extends React.Component<Props, State> {
     0,
   );
   _scrollAnimatedValueAttachment: ?{detach: () => void} = null;
-  _stickyHeaderRefs: Map<number, ScrollViewStickyHeader> = new Map();
+  _stickyHeaderRefs: Map<string, StickyHeaderComponentType> = new Map();
   _headerLayoutYs: Map<string, number> = new Map();
 
-  state = {
+  state: State = {
     contentKey: 1, // TODO(macOS ISS#2323203)
     layoutHeight: null,
     ...ScrollResponder.Mixin.scrollResponderMixinGetInitialState(),
@@ -695,10 +714,7 @@ class ScrollView extends React.Component<Props, State> {
       this.props.contentOffset ? this.props.contentOffset.y : 0,
     );
     this._scrollAnimatedValue.setOffset(
-      /* $FlowFixMe(>=0.98.0 site=react_native_fb) This comment suppresses an
-       * error found when Flow v0.98 was deployed. To see the error delete this
-       * comment and run Flow. */
-      this.props.contentInset ? this.props.contentInset.top : 0,
+      this.props.contentInset ? this.props.contentInset.top || 0 : 0,
     );
     this._stickyHeaderRefs = new Map();
     this._headerLayoutYs = new Map();
@@ -851,7 +867,7 @@ class ScrollView extends React.Component<Props, State> {
     }
   }
 
-  _setStickyHeaderRef(key, ref) {
+  _setStickyHeaderRef(key: string, ref: ?StickyHeaderComponentType) {
     if (ref) {
       this._stickyHeaderRefs.set(key, ref);
     } else {
@@ -879,7 +895,9 @@ class ScrollView extends React.Component<Props, State> {
       const previousHeader = this._stickyHeaderRefs.get(
         this._getKeyForIndex(previousHeaderIndex, childArray),
       );
-      previousHeader && previousHeader.setNextHeaderY(layoutY);
+      previousHeader &&
+        previousHeader.setNextHeaderY &&
+        previousHeader.setNextHeaderY(layoutY);
     }
   }
 
@@ -1016,7 +1034,7 @@ class ScrollView extends React.Component<Props, State> {
     this._innerViewRef = ref;
   };
 
-  render() {
+  render(): React.Node | React.Element<string> {
     let ScrollViewClass;
     let ScrollContentContainerViewClass;
     if (Platform.OS === 'android') {
@@ -1077,9 +1095,12 @@ class ScrollView extends React.Component<Props, State> {
         if (indexOfIndex > -1) {
           const key = child.key;
           const nextIndex = stickyHeaderIndices[indexOfIndex + 1];
+          const StickyHeaderComponent =
+            this.props.StickyHeaderComponent || ScrollViewStickyHeader;
           return (
-            <ScrollViewStickyHeader
+            <StickyHeaderComponent
               key={key}
+              // $FlowFixMe - inexact mixed is incompatible with exact React.Element
               ref={ref => this._setStickyHeaderRef(key, ref)}
               nextHeaderLayoutY={this._headerLayoutYs.get(
                 this._getKeyForIndex(nextIndex, childArray),
@@ -1089,13 +1110,23 @@ class ScrollView extends React.Component<Props, State> {
               inverted={this.props.invertStickyHeaders}
               scrollViewHeight={this.state.layoutHeight}>
               {child}
-            </ScrollViewStickyHeader>
+            </StickyHeaderComponent>
           );
         } else {
           return child;
         }
       });
     }
+    children = (
+      <Context.Provider
+        value={
+          this.props.horizontal === true
+            ? standardHorizontalContext
+            : standardVerticalContext
+        }>
+        {children}
+      </Context.Provider>
+    );
 
     const hasStickyHeaders =
       Array.isArray(stickyHeaderIndices) && stickyHeaderIndices.length > 0;
diff --git a/Libraries/Components/ScrollView/ScrollViewStickyHeader.js b/Libraries/Components/ScrollView/ScrollViewStickyHeader.js
index 0510fae6b58fc9..c9a967f9c85602 100644
--- a/Libraries/Components/ScrollView/ScrollViewStickyHeader.js
+++ b/Libraries/Components/ScrollView/ScrollViewStickyHeader.js
@@ -18,7 +18,7 @@ import type {LayoutEvent} from '../../Types/CoreEventTypes';
 
 const AnimatedView = AnimatedImplementation.createAnimatedComponent(View);
 
-type Props = {
+export type Props = {
   children?: React.Element<any>,
   nextHeaderLayoutY: ?number,
   onLayout: (event: LayoutEvent) => void,
@@ -38,7 +38,7 @@ type State = {
 };
 
 class ScrollViewStickyHeader extends React.Component<Props, State> {
-  state = {
+  state: State = {
     measured: false,
     layoutY: 0,
     layoutHeight: 0,
@@ -63,7 +63,7 @@ class ScrollViewStickyHeader extends React.Component<Props, State> {
     }
   };
 
-  render() {
+  render(): React.Node {
     const {inverted, scrollViewHeight} = this.props;
     const {measured, layoutHeight, layoutY, nextHeaderLayoutY} = this.state;
     const inputRange: Array<number> = [-1, 0];
diff --git a/Libraries/Components/ScrollView/__mocks__/ScrollViewMock.js b/Libraries/Components/ScrollView/__mocks__/ScrollViewMock.js
index 85195684ca7cca..7360b7778dcaff 100644
--- a/Libraries/Components/ScrollView/__mocks__/ScrollViewMock.js
+++ b/Libraries/Components/ScrollView/__mocks__/ScrollViewMock.js
@@ -19,10 +19,10 @@ const requireNativeComponent = require('../../../ReactNative/requireNativeCompon
 
 const RCTScrollView = requireNativeComponent('RCTScrollView');
 
-const ScrollViewComponent = jest.genMockFromModule('../ScrollView');
+const ScrollViewComponent: $FlowFixMe = jest.genMockFromModule('../ScrollView');
 
 class ScrollViewMock extends ScrollViewComponent {
-  render() {
+  render(): React.Element<string> {
     return (
       <RCTScrollView {...this.props}>
         {this.props.refreshControl}
diff --git a/Libraries/Components/SegmentedControlIOS/RCTSegmentedControlNativeComponent.js b/Libraries/Components/SegmentedControlIOS/RCTSegmentedControlNativeComponent.js
index 68c9f7e52105e2..4d45a02b363377 100644
--- a/Libraries/Components/SegmentedControlIOS/RCTSegmentedControlNativeComponent.js
+++ b/Libraries/Components/SegmentedControlIOS/RCTSegmentedControlNativeComponent.js
@@ -9,59 +9,35 @@
  */
 'use strict';
 
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
-
+import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
 import type {ViewProps} from '../View/ViewPropTypes';
-import type {SyntheticEvent} from '../../Types/CoreEventTypes';
-import type {NativeComponent} from '../../Renderer/shims/ReactNative';
+import type {
+  BubblingEventHandler,
+  WithDefault,
+  Int32,
+} from '../../Types/CodegenTypes';
+import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 
-type Event = SyntheticEvent<
-  $ReadOnly<{|
-    value: number,
-    selectedSegmentIndex: number,
-  |}>,
->;
+export type OnChangeEvent = $ReadOnly<{|
+  value: Int32,
+  selectedSegmentIndex: Int32,
+|}>;
 
-type SegmentedControlIOSProps = $ReadOnly<{|
+type NativeProps = $ReadOnly<{|
   ...ViewProps,
-  /**
-   * The labels for the control's segment buttons, in order.
-   */
+
+  // Props
   values?: $ReadOnlyArray<string>,
-  /**
-   * The index in `props.values` of the segment to be (pre)selected.
-   */
-  selectedIndex?: ?number,
-  /**
-   * Callback that is called when the user taps a segment;
-   * passes the segment's value as an argument
-   */
-  onValueChange?: ?(value: number) => mixed,
-  /**
-   * Callback that is called when the user taps a segment;
-   * passes the event as an argument
-   */
-  onChange?: ?(event: Event) => mixed,
-  /**
-   * If false the user won't be able to interact with the control.
-   * Default value is true.
-   */
-  enabled?: boolean,
-  /**
-   * Accent color of the control.
-   */
-  tintColor?: ?string,
-  /**
-   * If true, then selecting a segment won't persist visually.
-   * The `onValueChange` callback will still work as expected.
-   */
-  momentary?: ?boolean,
-|}>;
+  selectedIndex?: WithDefault<Int32, 0>,
+  enabled?: WithDefault<boolean, true>,
+  tintColor?: ?ColorValue,
+  momentary?: WithDefault<boolean, false>,
 
-type NativeSegmentedControlIOS = Class<
-  NativeComponent<SegmentedControlIOSProps>,
->;
+  // Events
+  onChange?: ?BubblingEventHandler<OnChangeEvent>,
+|}>;
 
-module.exports = ((requireNativeComponent(
+export default (codegenNativeComponent<NativeProps>(
   'RCTSegmentedControl',
-): any): NativeSegmentedControlIOS);
+): NativeComponentType<NativeProps>);
diff --git a/Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.ios.js b/Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.ios.js
index 7e9f99b93da555..f438b1b8573a65 100644
--- a/Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.ios.js
+++ b/Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.ios.js
@@ -10,20 +10,12 @@
 
 'use strict';
 
-const React = require('react');
-const StyleSheet = require('../../StyleSheet/StyleSheet');
-
-const RCTSegmentedControlNativeComponent = require('./RCTSegmentedControlNativeComponent');
-
-import type {SyntheticEvent} from '../../Types/CoreEventTypes';
+import * as React from 'react';
+import StyleSheet from '../../StyleSheet/StyleSheet';
+import type {OnChangeEvent} from './RCTSegmentedControlNativeComponent';
 import type {ViewProps} from '../View/ViewPropTypes';
-
-type Event = SyntheticEvent<
-  $ReadOnly<{|
-    value: number,
-    selectedSegmentIndex: number,
-  |}>,
->;
+import RCTSegmentedControlNativeComponent from './RCTSegmentedControlNativeComponent';
+import type {SyntheticEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 
 type SegmentedControlIOSProps = $ReadOnly<{|
   ...ViewProps,
@@ -35,19 +27,8 @@ type SegmentedControlIOSProps = $ReadOnly<{|
    * The index in `props.values` of the segment to be (pre)selected.
    */
   selectedIndex?: ?number,
-  /**
-   * Callback that is called when the user taps a segment;
-   * passes the segment's value as an argument
-   */
-  onValueChange?: ?(value: number) => mixed,
-  /**
-   * Callback that is called when the user taps a segment;
-   * passes the event as an argument
-   */
-  onChange?: ?(event: Event) => mixed,
   /**
    * If false the user won't be able to interact with the control.
-   * Default value is true.
    */
   enabled?: boolean,
   /**
@@ -59,6 +40,15 @@ type SegmentedControlIOSProps = $ReadOnly<{|
    * The `onValueChange` callback will still work as expected.
    */
   momentary?: ?boolean,
+  /**
+   * Callback that is called when the user taps a segment
+   */
+  onChange?: ?(event: SyntheticEvent<OnChangeEvent>) => void,
+  /**
+   * Callback that is called when the user taps a segment;
+   * passes the segment's value as an argument
+   */
+  onValueChange?: ?(value: number) => mixed,
 |}>;
 
 type Props = $ReadOnly<{|
@@ -93,19 +83,19 @@ class SegmentedControlIOS extends React.Component<Props> {
     enabled: true,
   };
 
-  _onChange = (event: Event) => {
+  _onChange = (event: SyntheticEvent<OnChangeEvent>) => {
     this.props.onChange && this.props.onChange(event);
     this.props.onValueChange &&
       this.props.onValueChange(event.nativeEvent.value);
   };
 
   render() {
-    const {forwardedRef, ...props} = this.props;
+    const {forwardedRef, onValueChange, style, ...props} = this.props;
     return (
       <RCTSegmentedControlNativeComponent
         {...props}
         ref={forwardedRef}
-        style={[styles.segmentedControl, this.props.style]}
+        style={[styles.segmentedControl, style]}
         onChange={this._onChange}
       />
     );
diff --git a/Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.macos.js b/Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.macos.js
index 9eda9b6d1580f7..533e322f67e042 100644
--- a/Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.macos.js
+++ b/Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.macos.js
@@ -12,21 +12,12 @@
 
 'use strict';
 
-const React = require('React');
-const StyleSheet = require('StyleSheet');
-
-const requireNativeComponent = require('requireNativeComponent');
-
-import type {SyntheticEvent} from 'CoreEventTypes';
-import type {ViewProps} from 'ViewPropTypes';
-import type {NativeComponent} from 'ReactNative';
-
-type Event = SyntheticEvent<
-  $ReadOnly<{|
-    value: number,
-    selectedSegmentIndex: number,
-  |}>,
->;
+import * as React from 'react';
+import StyleSheet from '../../StyleSheet/StyleSheet';
+import type {OnChangeEvent} from './RCTSegmentedControlNativeComponent';
+import type {ViewProps} from '../View/ViewPropTypes';
+import RCTSegmentedControlNativeComponent from './RCTSegmentedControlNativeComponent';
+import type {SyntheticEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 
 type SegmentedControlIOSProps = $ReadOnly<{|
   ...ViewProps,
@@ -38,16 +29,6 @@ type SegmentedControlIOSProps = $ReadOnly<{|
    * The index in `props.values` of the segment to be (pre)selected.
    */
   selectedIndex?: ?number,
-  /**
-   * Callback that is called when the user taps a segment;
-   * passes the segment's value as an argument
-   */
-  onValueChange?: ?(value: number) => mixed,
-  /**
-   * Callback that is called when the user taps a segment;
-   * passes the event as an argument
-   */
-  onChange?: ?(event: Event) => mixed,
   /**
    * If false the user won't be able to interact with the control.
    * Default value is true.
@@ -62,17 +43,22 @@ type SegmentedControlIOSProps = $ReadOnly<{|
    * The `onValueChange` callback will still work as expected.
    */
   momentary?: ?boolean,
+  /**
+   * Callback that is called when the user taps a segment
+   */
+  onChange?: ?(event: SyntheticEvent<OnChangeEvent>) => void,
+  /**
+   * Callback that is called when the user taps a segment;
+   * passes the segment's value as an argument
+   */
+  onValueChange?: ?(value: number) => mixed,
 |}>;
 
 type Props = $ReadOnly<{|
   ...SegmentedControlIOSProps,
-  forwardedRef: ?React.Ref<typeof RCTSegmentedControl>,
+  forwardedRef: ?React.Ref<typeof RCTSegmentedControlNativeComponent>,
 |}>;
 
-type NativeSegmentedControlIOS = Class<
-  NativeComponent<SegmentedControlIOSProps>,
->;
-
 /**
  * Use `SegmentedControlIOS` to render a UISegmentedControl iOS.
  *
@@ -94,29 +80,25 @@ type NativeSegmentedControlIOS = Class<
  * ````
  */
 
-const RCTSegmentedControl = ((requireNativeComponent(
-  'RCTSegmentedControl',
-): any): NativeSegmentedControlIOS);
-
 class SegmentedControlIOS extends React.Component<Props> {
   static defaultProps = {
     values: [],
     enabled: true,
   };
 
-  _onChange = (event: Event) => {
+  _onChange = (event: SyntheticEvent<OnChangeEvent>) => {
     this.props.onChange && this.props.onChange(event);
     this.props.onValueChange &&
       this.props.onValueChange(event.nativeEvent.value);
   };
 
   render() {
-    const {forwardedRef, ...props} = this.props;
+    const {forwardedRef, onValueChange, style, ...props} = this.props;
     return (
-      <RCTSegmentedControl
+      <RCTSegmentedControlNativeComponent
         {...props}
         ref={forwardedRef}
-        style={[styles.segmentedControl, this.props.style]}
+        style={[styles.segmentedControl, style]}
         onChange={this._onChange}
       />
     );
@@ -129,11 +111,10 @@ const styles = StyleSheet.create({
   },
 });
 
-// $FlowFixMe - TODO T29156721 `React.forwardRef` is not defined in Flow, yet.
 const SegmentedControlIOSWithRef = React.forwardRef(
   (
     props: SegmentedControlIOSProps,
-    forwardedRef: ?React.Ref<typeof RCTSegmentedControl>,
+    forwardedRef: ?React.Ref<typeof RCTSegmentedControlNativeComponent>,
   ) => {
     return <SegmentedControlIOS {...props} forwardedRef={forwardedRef} />;
   },
@@ -142,5 +123,4 @@ const SegmentedControlIOSWithRef = React.forwardRef(
 /* $FlowFixMe(>=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
 module.exports = (SegmentedControlIOSWithRef: NativeSegmentedControlIOS);
diff --git a/Libraries/Components/Slider/RCTSliderNativeComponent.js b/Libraries/Components/Slider/RCTSliderNativeComponent.js
deleted file mode 100644
index 71e20a3f8eaaee..00000000000000
--- a/Libraries/Components/Slider/RCTSliderNativeComponent.js
+++ /dev/null
@@ -1,51 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
-
-import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
-import type {ImageSource} from '../../Image/ImageSource';
-import type {NativeComponent} from '../../Renderer/shims/ReactNative';
-import type {SyntheticEvent} from '../../Types/CoreEventTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-type Event = SyntheticEvent<
-  $ReadOnly<{|
-    value: number,
-    fromUser?: boolean,
-  |}>,
->;
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-  disabled?: ?boolean,
-  enabled?: ?boolean,
-  maximumTrackImage?: ?ImageSource,
-  maximumTrackTintColor?: ?ColorValue,
-  maximumValue?: ?number,
-  minimumTrackImage?: ?ImageSource,
-  minimumTrackTintColor?: ?ColorValue,
-  minimumValue?: ?number,
-  onChange?: ?(event: Event) => void,
-  onSlidingComplete?: ?(event: Event) => void,
-  onValueChange?: ?(event: Event) => void,
-  step?: ?number,
-  testID?: ?string,
-  thumbImage?: ?ImageSource,
-  thumbTintColor?: ?ColorValue,
-  trackImage?: ?ImageSource,
-  value?: ?number,
-|}>;
-
-type RCTSliderType = Class<NativeComponent<NativeProps>>;
-
-module.exports = ((requireNativeComponent('RCTSlider'): any): RCTSliderType);
diff --git a/Libraries/Components/Slider/Slider.js b/Libraries/Components/Slider/Slider.js
index 618a1490362a39..f75af5c341d7e0 100644
--- a/Libraries/Components/Slider/Slider.js
+++ b/Libraries/Components/Slider/Slider.js
@@ -11,7 +11,7 @@
 'use strict';
 
 const Platform = require('../../Utilities/Platform');
-const RCTSliderNativeComponent = require('./RCTSliderNativeComponent');
+import SliderNativeComponent from './SliderNativeComponent';
 const React = require('react');
 const ReactNative = require('../../Renderer/shims/ReactNative');
 const StyleSheet = require('../../StyleSheet/StyleSheet');
@@ -197,7 +197,7 @@ type Props = $ReadOnly<{|
  */
 const Slider = (
   props: Props,
-  forwardedRef?: ?React.Ref<typeof RCTSliderNativeComponent>,
+  forwardedRef?: ?React.Ref<typeof SliderNativeComponent>,
 ) => {
   const style = StyleSheet.compose(
     styles.slider,
@@ -227,7 +227,7 @@ const Slider = (
     : null;
 
   return (
-    <RCTSliderNativeComponent
+    <SliderNativeComponent
       {...localProps}
       ref={forwardedRef}
       style={style}
diff --git a/Libraries/Components/Slider/SliderNativeComponent.js b/Libraries/Components/Slider/SliderNativeComponent.js
new file mode 100644
index 00000000000000..344aae387da4e8
--- /dev/null
+++ b/Libraries/Components/Slider/SliderNativeComponent.js
@@ -0,0 +1,60 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {
+  Float,
+  BubblingEventHandler,
+  DirectEventHandler,
+  WithDefault,
+} from '../../Types/CodegenTypes';
+
+import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
+
+import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
+import type {ImageSource} from '../../Image/ImageSource';
+import type {ViewProps} from '../View/ViewPropTypes';
+
+type Event = $ReadOnly<{|
+  value: Float,
+  fromUser?: boolean,
+|}>;
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  disabled?: WithDefault<boolean, false>,
+  enabled?: WithDefault<boolean, false>,
+  maximumTrackImage?: ?ImageSource,
+  maximumTrackTintColor?: ?ColorValue,
+  maximumValue?: WithDefault<Float, 1>,
+  minimumTrackImage?: ?ImageSource,
+  minimumTrackTintColor?: ?ColorValue,
+  minimumValue?: WithDefault<Float, 0>,
+  step?: WithDefault<Float, 0>,
+  testID?: WithDefault<string, ''>,
+  thumbImage?: ?ImageSource,
+  thumbTintColor?: ?ColorValue,
+  trackImage?: ?ImageSource,
+  value?: WithDefault<Float, 0>,
+
+  // Events
+  onChange?: ?BubblingEventHandler<Event>,
+  onValueChange?: ?BubblingEventHandler<Event, 'paperValueChange'>,
+  onSlidingComplete?: ?DirectEventHandler<Event, 'paperSlidingComplete'>,
+|}>;
+
+export default (codegenNativeComponent<NativeProps>('Slider', {
+  interfaceOnly: true,
+  paperComponentName: 'RCTSlider',
+}): NativeComponentType<NativeProps>);
diff --git a/Libraries/Components/Slider/SliderSchema.js b/Libraries/Components/Slider/SliderSchema.js
deleted file mode 100644
index f3e75ad491abc8..00000000000000
--- a/Libraries/Components/Slider/SliderSchema.js
+++ /dev/null
@@ -1,218 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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 {SchemaType} from '../../../packages/react-native-codegen/src/CodegenSchema.js';
-
-const SliderSchema: SchemaType = {
-  modules: {
-    SliderSchema: {
-      components: {
-        Slider: {
-          interfaceOnly: true,
-          extendsProps: [
-            {
-              type: 'ReactNativeBuiltInType',
-              knownTypeName: 'ReactNativeCoreViewProps',
-            },
-          ],
-          events: [
-            {
-              name: 'onChange',
-              optional: true,
-              bubblingType: 'bubble',
-              typeAnnotation: {
-                type: 'EventTypeAnnotation',
-                argument: {
-                  type: 'ObjectTypeAnnotation',
-                  properties: [
-                    {
-                      type: 'FloatTypeAnnotation',
-                      name: 'value',
-                      optional: false,
-                    },
-                    {
-                      type: 'BooleanTypeAnnotation',
-                      name: 'fromUser',
-                      optional: false,
-                    },
-                  ],
-                },
-              },
-            },
-            {
-              name: 'onSlidingComplete',
-              optional: true,
-              bubblingType: 'direct',
-              typeAnnotation: {
-                type: 'EventTypeAnnotation',
-                argument: {
-                  type: 'ObjectTypeAnnotation',
-                  properties: [
-                    {
-                      type: 'FloatTypeAnnotation',
-                      name: 'value',
-                      optional: false,
-                    },
-                    {
-                      type: 'BooleanTypeAnnotation',
-                      name: 'fromUser',
-                      optional: false,
-                    },
-                  ],
-                },
-              },
-            },
-            {
-              name: 'onValueChange',
-              optional: true,
-              bubblingType: 'bubble',
-              typeAnnotation: {
-                type: 'EventTypeAnnotation',
-                argument: {
-                  type: 'ObjectTypeAnnotation',
-                  properties: [
-                    {
-                      type: 'FloatTypeAnnotation',
-                      name: 'value',
-                      optional: false,
-                    },
-                    {
-                      type: 'BooleanTypeAnnotation',
-                      name: 'fromUser',
-                      optional: false,
-                    },
-                  ],
-                },
-              },
-            },
-          ],
-          props: [
-            {
-              name: 'disabled',
-              optional: true,
-              typeAnnotation: {
-                type: 'BooleanTypeAnnotation',
-                default: false,
-              },
-            },
-            {
-              name: 'enabled',
-              optional: true,
-              typeAnnotation: {
-                type: 'BooleanTypeAnnotation',
-                default: false,
-              },
-            },
-            {
-              name: 'maximumTrackImage',
-              optional: true,
-              typeAnnotation: {
-                type: 'NativePrimitiveTypeAnnotation',
-                name: 'ImageSourcePrimitive',
-              },
-            },
-            {
-              name: 'maximumTrackTintColor',
-              optional: true,
-              typeAnnotation: {
-                type: 'NativePrimitiveTypeAnnotation',
-                name: 'ColorPrimitive',
-              },
-            },
-            {
-              name: 'maximumValue',
-              optional: true,
-              typeAnnotation: {
-                type: 'FloatTypeAnnotation',
-                default: 1,
-              },
-            },
-            {
-              name: 'minimumTrackImage',
-              optional: true,
-              typeAnnotation: {
-                type: 'NativePrimitiveTypeAnnotation',
-                name: 'ImageSourcePrimitive',
-              },
-            },
-            {
-              name: 'minimumTrackTintColor',
-              optional: true,
-              typeAnnotation: {
-                type: 'NativePrimitiveTypeAnnotation',
-                name: 'ColorPrimitive',
-              },
-            },
-            {
-              name: 'minimumValue',
-              optional: true,
-              typeAnnotation: {
-                type: 'FloatTypeAnnotation',
-                default: 0,
-              },
-            },
-            {
-              name: 'step',
-              optional: true,
-              typeAnnotation: {
-                type: 'FloatTypeAnnotation',
-                default: 0,
-              },
-            },
-            {
-              name: 'testID',
-              optional: true,
-              typeAnnotation: {
-                type: 'StringTypeAnnotation',
-                default: '',
-              },
-            },
-            {
-              name: 'thumbImage',
-              optional: true,
-              typeAnnotation: {
-                type: 'NativePrimitiveTypeAnnotation',
-                name: 'ImageSourcePrimitive',
-              },
-            },
-            {
-              name: 'trackImage',
-              optional: true,
-              typeAnnotation: {
-                type: 'NativePrimitiveTypeAnnotation',
-                name: 'ImageSourcePrimitive',
-              },
-            },
-            {
-              name: 'thumbTintColor',
-              optional: true,
-              typeAnnotation: {
-                type: 'NativePrimitiveTypeAnnotation',
-                name: 'ColorPrimitive',
-              },
-            },
-            {
-              name: 'value',
-              optional: true,
-              typeAnnotation: {
-                type: 'FloatTypeAnnotation',
-                default: 0,
-              },
-            },
-          ],
-        },
-      },
-    },
-  },
-};
-
-module.exports = SliderSchema;
diff --git a/Libraries/Components/Sound/NativeSoundManager.js b/Libraries/Components/Sound/NativeSoundManager.js
new file mode 100644
index 00000000000000..80ba8743fde455
--- /dev/null
+++ b/Libraries/Components/Sound/NativeSoundManager.js
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+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.getEnforcing<Spec>('SoundManager'): Spec);
diff --git a/Libraries/Components/Sound/SoundManager.js b/Libraries/Components/Sound/SoundManager.js
new file mode 100644
index 00000000000000..71847bd788317b
--- /dev/null
+++ b/Libraries/Components/Sound/SoundManager.js
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 NativeSoundManager from './NativeSoundManager';
+
+const SoundManager = {
+  playTouchSound: function(): void {
+    NativeSoundManager.playTouchSound();
+  },
+};
+
+module.exports = SoundManager;
diff --git a/Libraries/Components/StaticContainer.react.js b/Libraries/Components/StaticContainer.react.js
index 948e16ef85c5c0..aab461272d19ff 100644
--- a/Libraries/Components/StaticContainer.react.js
+++ b/Libraries/Components/StaticContainer.react.js
@@ -43,7 +43,7 @@ class StaticContainer extends React.Component<Props> {
     return !!nextProps.shouldUpdate;
   }
 
-  render() {
+  render(): null | React$Node {
     const child = this.props.children;
     return child === null || child === false
       ? null
diff --git a/Libraries/Components/StatusBar/NativeStatusBarManager.js b/Libraries/Components/StatusBar/NativeStatusBarManager.js
new file mode 100644
index 00000000000000..2d6db94160add9
--- /dev/null
+++ b/Libraries/Components/StatusBar/NativeStatusBarManager.js
@@ -0,0 +1,54 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
+import type {NativeOrDynamicColorType} from '../../Color/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
+
+export interface Spec extends TurboModule {
+  // Android only
+  +getConstants: () => {|
+    +HEIGHT: number,
+    +DEFAULT_BACKGROUND_COLOR: number,
+  |};
+  +setColor: (
+    color: number | NativeOrDynamicColorType, // TODO(macOS ISS#2323203)
+    animated: boolean,
+  ) => void;
+  +setTranslucent: (translucent: boolean) => void;
+
+  // iOS only
+  // 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;
+
+  // Android and iOS
+  /**
+   *  - animated is iOS only
+   *  - statusBarStyles can be:
+   *    - 'default' (iOS and Android)
+   *    - 'dark-content' (iOS and Android)
+   *    - 'light-content' (iOS)
+   */
+  +setStyle: (statusBarStyle?: ?string, animated?: ?boolean) => void;
+  /**
+   *  - withAnimation is iOS only
+   *  - withAnimation can be: 'none' | 'fade' | 'slide'
+   */
+  +setHidden: (hidden: boolean, withAnimation?: ?string) => void;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'StatusBarManager',
+): Spec);
diff --git a/Libraries/Components/StatusBar/StatusBar.js b/Libraries/Components/StatusBar/StatusBar.js
index a9d1b5232d3d91..0f6fdca7bb908d 100644
--- a/Libraries/Components/StatusBar/StatusBar.js
+++ b/Libraries/Components/StatusBar/StatusBar.js
@@ -10,15 +10,14 @@
 
 'use strict';
 
-const React = require('react');
 const Platform = require('../../Utilities/Platform');
+const React = require('react');
 
 const processColor = require('../../StyleSheet/processColor');
 
-const StatusBarManager = require('../../BatchedBridge/NativeModules')
-  .StatusBarManager;
+import NativeStatusBarManager from './NativeStatusBarManager';
 
-import type {ColorValue} from 'StyleSheetTypes'; // TODO(macOS ISS#2323203)
+import type {ColorValue} from '../../StyleSheet/StyleSheetTypes'; // TODO(macOS ISS#2323203)
 
 /**
  * Status bar style
@@ -225,7 +224,9 @@ class StatusBar extends React.Component<Props> {
     animated: false,
     showHideTransition: 'fade',
     backgroundColor: Platform.select({
-      android: StatusBarManager.DEFAULT_BACKGROUND_COLOR ?? 'black',
+      android:
+        NativeStatusBarManager.getConstants().DEFAULT_BACKGROUND_COLOR ??
+        'black',
       ios: 'black',
     }),
     barStyle: 'default',
@@ -247,7 +248,7 @@ class StatusBar extends React.Component<Props> {
    *
    * @platform android
    */
-  static currentHeight = StatusBarManager.HEIGHT;
+  static currentHeight: number = NativeStatusBarManager.getConstants().HEIGHT;
 
   // Provide an imperative API as static functions of the component.
   // See the corresponding prop for more detail.
@@ -262,9 +263,9 @@ class StatusBar extends React.Component<Props> {
     animation = animation || 'none';
     StatusBar._defaultProps.hidden.value = hidden;
     if (Platform.OS === 'ios') {
-      StatusBarManager.setHidden(hidden, animation);
+      NativeStatusBarManager.setHidden(hidden, animation);
     } else if (Platform.OS === 'android') {
-      StatusBarManager.setHidden(hidden);
+      NativeStatusBarManager.setHidden(hidden);
     }
   }
 
@@ -277,9 +278,9 @@ class StatusBar extends React.Component<Props> {
     animated = animated || false;
     StatusBar._defaultProps.barStyle.value = style;
     if (Platform.OS === 'ios') {
-      StatusBarManager.setStyle(style, animated);
+      NativeStatusBarManager.setStyle(style, animated);
     } else if (Platform.OS === 'android') {
-      StatusBarManager.setStyle(style);
+      NativeStatusBarManager.setStyle(style);
     }
   }
 
@@ -295,7 +296,7 @@ class StatusBar extends React.Component<Props> {
       return;
     }
     StatusBar._defaultProps.networkActivityIndicatorVisible = visible;
-    StatusBarManager.setNetworkActivityIndicatorVisible(visible);
+    NativeStatusBarManager.setNetworkActivityIndicatorVisible(visible);
   }
 
   /**
@@ -310,7 +311,16 @@ class StatusBar extends React.Component<Props> {
     }
     animated = animated || false;
     StatusBar._defaultProps.backgroundColor.value = color;
-    StatusBarManager.setColor(processColor(color), animated);
+
+    const processedColor = processColor(color);
+    if (processedColor == null) {
+      console.warn(
+        `\`StatusBar.setBackgroundColor\`: Color ${color} parsed to null or undefined`,
+      );
+      return;
+    }
+
+    NativeStatusBarManager.setColor(processedColor, animated);
   }
 
   /**
@@ -323,7 +333,7 @@ class StatusBar extends React.Component<Props> {
       return;
     }
     StatusBar._defaultProps.translucent = translucent;
-    StatusBarManager.setTranslucent(translucent);
+    NativeStatusBarManager.setTranslucent(translucent);
   }
 
   /**
@@ -332,7 +342,7 @@ class StatusBar extends React.Component<Props> {
    *
    * @param props Object containing the StatusBar props to use in the stack entry.
    */
-  static pushStackEntry(props: any) {
+  static pushStackEntry(props: any): any {
     const entry = createStackEntry(props);
     StatusBar._propsStack.push(entry);
     StatusBar._updatePropsStack();
@@ -358,7 +368,7 @@ class StatusBar extends React.Component<Props> {
    * @param entry Entry returned from `pushStackEntry` to replace.
    * @param props Object containing the StatusBar props to use in the replacement stack entry.
    */
-  static replaceStackEntry(entry: any, props: any) {
+  static replaceStackEntry(entry: any, props: any): any {
     const newEntry = createStackEntry(props);
     const index = StatusBar._propsStack.indexOf(entry);
     if (index !== -1) {
@@ -368,7 +378,10 @@ class StatusBar extends React.Component<Props> {
     return newEntry;
   }
 
-  static defaultProps = {
+  static defaultProps: $TEMPORARY$object<{|
+    animated: boolean,
+    showHideTransition: $TEMPORARY$string<'fade'>,
+  |}> = {
     animated: false,
     showHideTransition: 'fade',
   };
@@ -379,7 +392,7 @@ class StatusBar extends React.Component<Props> {
     // Every time a StatusBar component is mounted, we push it's prop to a stack
     // and always update the native status bar with the props from the top of then
     // stack. This allows having multiple StatusBar components and the one that is
-    // added last or is deeper in the view hierachy will have priority.
+    // added last or is deeper in the view hierarchy will have priority.
     this._stackEntry = StatusBar.pushStackEntry(this.props);
   }
 
@@ -415,13 +428,13 @@ class StatusBar extends React.Component<Props> {
           !oldProps ||
           oldProps.barStyle.value !== mergedProps.barStyle.value
         ) {
-          StatusBarManager.setStyle(
+          NativeStatusBarManager.setStyle(
             mergedProps.barStyle.value,
             mergedProps.barStyle.animated || false,
           );
         }
         if (!oldProps || oldProps.hidden.value !== mergedProps.hidden.value) {
-          StatusBarManager.setHidden(
+          NativeStatusBarManager.setHidden(
             mergedProps.hidden.value,
             mergedProps.hidden.animated
               ? mergedProps.hidden.transition
@@ -434,7 +447,7 @@ class StatusBar extends React.Component<Props> {
           oldProps.networkActivityIndicatorVisible !==
             mergedProps.networkActivityIndicatorVisible
         ) {
-          StatusBarManager.setNetworkActivityIndicatorVisible(
+          NativeStatusBarManager.setNetworkActivityIndicatorVisible(
             mergedProps.networkActivityIndicatorVisible,
           );
         }
@@ -443,22 +456,33 @@ class StatusBar extends React.Component<Props> {
           !oldProps ||
           oldProps.barStyle.value !== mergedProps.barStyle.value
         ) {
-          StatusBarManager.setStyle(mergedProps.barStyle.value);
+          NativeStatusBarManager.setStyle(mergedProps.barStyle.value);
         }
         if (
           !oldProps ||
           oldProps.backgroundColor.value !== mergedProps.backgroundColor.value
         ) {
-          StatusBarManager.setColor(
-            processColor(mergedProps.backgroundColor.value),
-            mergedProps.backgroundColor.animated,
+          const processedColor = processColor(
+            mergedProps.backgroundColor.value,
           );
+          if (processedColor == null) {
+            console.warn(
+              `\`StatusBar._updatePropsStack\`: Color ${
+                mergedProps.backgroundColor.value
+              } parsed to null or undefined`,
+            );
+          } else {
+            NativeStatusBarManager.setColor(
+              processedColor,
+              mergedProps.backgroundColor.animated,
+            );
+          }
         }
         if (!oldProps || oldProps.hidden.value !== mergedProps.hidden.value) {
-          StatusBarManager.setHidden(mergedProps.hidden.value);
+          NativeStatusBarManager.setHidden(mergedProps.hidden.value);
         }
         if (!oldProps || oldProps.translucent !== mergedProps.translucent) {
-          StatusBarManager.setTranslucent(mergedProps.translucent);
+          NativeStatusBarManager.setTranslucent(mergedProps.translucent);
         }
       }
       // Update the current prop values.
diff --git a/Libraries/Components/StatusBar/StatusBarIOS.ios.js b/Libraries/Components/StatusBar/StatusBarIOS.ios.js
index 7dd0f818ec23bb..f3ebbf4d98824c 100644
--- a/Libraries/Components/StatusBar/StatusBarIOS.ios.js
+++ b/Libraries/Components/StatusBar/StatusBarIOS.ios.js
@@ -11,11 +11,12 @@
 'use strict';
 
 const NativeEventEmitter = require('../../EventEmitter/NativeEventEmitter');
-const {StatusBarManager} = require('../../BatchedBridge/NativeModules');
+
+import NativeStatusBarManager from './NativeStatusBarManager';
 
 /**
  * Use `StatusBar` for mutating the status bar.
  */
 class StatusBarIOS extends NativeEventEmitter {}
 
-module.exports = new StatusBarIOS(StatusBarManager);
+module.exports = (new StatusBarIOS(NativeStatusBarManager): StatusBarIOS);
diff --git a/Libraries/Components/Switch/AndroidSwitchNativeComponent.js b/Libraries/Components/Switch/AndroidSwitchNativeComponent.js
new file mode 100644
index 00000000000000..90217d18e6e4ea
--- /dev/null
+++ b/Libraries/Components/Switch/AndroidSwitchNativeComponent.js
@@ -0,0 +1,49 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+const {NativeComponent} = require('../../Renderer/shims/ReactNative');
+
+const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
+
+import type {SyntheticEvent} from '../../Types/CoreEventTypes';
+import type {ViewProps} from '../View/ViewPropTypes';
+import type {NativeOrDynamicColorType} from '../../Color/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
+
+type SwitchChangeEvent = SyntheticEvent<
+  $ReadOnly<{|
+    value: boolean,
+  |}>,
+>;
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  disabled?: ?boolean,
+  enabled?: ?boolean,
+  thumbColor?: ?(string | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+  trackColorForFalse?: ?(string | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+  trackColorForTrue?: ?(string | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+  value?: ?boolean,
+  on?: ?boolean,
+  thumbTintColor?: ?(string | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+  trackTintColor?: ?(string | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+
+  // Events
+  onChange?: ?(event: SwitchChangeEvent) => mixed,
+|}>;
+
+type SwitchNativeComponentType = Class<NativeComponent<NativeProps>>;
+
+module.exports = ((requireNativeComponent(
+  'AndroidSwitch',
+): any): SwitchNativeComponentType);
diff --git a/Libraries/Components/Switch/Switch.js b/Libraries/Components/Switch/Switch.js
index d47c61b00b04b0..3eb9f092f883d6 100644
--- a/Libraries/Components/Switch/Switch.js
+++ b/Libraries/Components/Switch/Switch.js
@@ -10,15 +10,21 @@
 
 'use strict';
 
-const SwitchNativeComponent = require('./SwitchNativeComponent');
+const AndroidSwitchNativeComponent = require('./AndroidSwitchNativeComponent');
 const Platform = require('../../Utilities/Platform');
 const React = require('react');
 const StyleSheet = require('../../StyleSheet/StyleSheet');
 
-import type {SwitchChangeEvent} from '../../Types/CoreEventTypes';
 import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
+import type {SyntheticEvent} from '../../Types/CoreEventTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
-import type {NativeAndroidProps, NativeIOSProps} from './SwitchNativeComponent';
+import SwitchNativeComponent from './SwitchNativeComponent';
+
+type SwitchChangeEvent = SyntheticEvent<
+  $ReadOnly<{|
+    value: boolean,
+  |}>,
+>;
 
 export type Props = $ReadOnly<{|
   ...ViewProps,
@@ -83,9 +89,11 @@ export type Props = $ReadOnly<{|
  * supplied `value` prop instead of the expected result of any user actions.
  */
 class Switch extends React.Component<Props> {
-  _nativeSwitchRef: ?React.ElementRef<typeof SwitchNativeComponent>;
+  _nativeSwitchRef: ?React.ElementRef<
+    typeof SwitchNativeComponent | typeof AndroidSwitchNativeComponent,
+  >;
 
-  render() {
+  render(): React.Node {
     const {
       disabled,
       ios_backgroundColor,
@@ -130,37 +138,50 @@ class Switch extends React.Component<Props> {
       }
     }
 
-    const platformProps =
-      Platform.OS === 'android'
-        ? ({
-            enabled: disabled !== true,
-            on: value === true,
-            style,
-            thumbTintColor: _thumbColor,
-            trackColorForFalse: _trackColorForFalse,
-            trackColorForTrue: _trackColorForTrue,
-            trackTintColor:
-              value === true ? _trackColorForTrue : _trackColorForFalse,
-          }: NativeAndroidProps)
-        : ({
-            disabled,
-            onTintColor: _trackColorForTrue,
-            style: StyleSheet.compose(
-              {height: 31, width: 51},
-              StyleSheet.compose(
-                style,
-                ios_backgroundColor == null
-                  ? null
-                  : {
-                      backgroundColor: ios_backgroundColor,
-                      borderRadius: 16,
-                    },
-              ),
-            ),
-            thumbTintColor: _thumbColor,
-            tintColor: _trackColorForFalse,
-            value: value === true,
-          }: NativeIOSProps);
+    if (Platform.OS === 'android') {
+      const platformProps = {
+        enabled: disabled !== true,
+        on: value === true,
+        style,
+        thumbTintColor: _thumbColor,
+        trackColorForFalse: _trackColorForFalse,
+        trackColorForTrue: _trackColorForTrue,
+        trackTintColor:
+          value === true ? _trackColorForTrue : _trackColorForFalse,
+      };
+
+      return (
+        <AndroidSwitchNativeComponent
+          {...props}
+          {...platformProps}
+          accessibilityRole={props.accessibilityRole ?? 'button'}
+          onChange={this._handleChange}
+          onResponderTerminationRequest={returnsFalse}
+          onStartShouldSetResponder={returnsTrue}
+          ref={this._handleSwitchNativeComponentRef}
+        />
+      );
+    }
+
+    const platformProps = {
+      disabled,
+      onTintColor: _trackColorForTrue,
+      style: StyleSheet.compose(
+        {height: 31, width: 51},
+        StyleSheet.compose(
+          style,
+          ios_backgroundColor == null
+            ? null
+            : {
+                backgroundColor: ios_backgroundColor,
+                borderRadius: 16,
+              },
+        ),
+      ),
+      thumbTintColor: _thumbColor,
+      tintColor: _trackColorForFalse,
+      value: value === true,
+    };
 
     return (
       <SwitchNativeComponent
@@ -198,7 +219,9 @@ class Switch extends React.Component<Props> {
   };
 
   _handleSwitchNativeComponentRef = (
-    ref: ?React.ElementRef<typeof SwitchNativeComponent>,
+    ref: ?React.ElementRef<
+      typeof SwitchNativeComponent | typeof AndroidSwitchNativeComponent,
+    >,
   ) => {
     this._nativeSwitchRef = ref;
   };
diff --git a/Libraries/Components/Switch/SwitchNativeComponent.js b/Libraries/Components/Switch/SwitchNativeComponent.js
index 20b2254648131e..a1af1f39ed487c 100644
--- a/Libraries/Components/Switch/SwitchNativeComponent.js
+++ b/Libraries/Components/Switch/SwitchNativeComponent.js
@@ -10,57 +10,37 @@
 
 'use strict';
 
-const Platform = require('../../Utilities/Platform');
-const ReactNative = require('../../Renderer/shims/ReactNative');
-
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
-
-import type {SwitchChangeEvent} from '../../Types/CoreEventTypes';
+import type {BubblingEventHandler, WithDefault} from '../../Types/CodegenTypes';
 import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
 import type {NativeOrDynamicColorType} from '../../Color/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
 
-type SwitchProps = $ReadOnly<{|
-  ...ViewProps,
-  disabled?: ?boolean,
-  onChange?: ?(event: SwitchChangeEvent) => mixed,
-  thumbColor?: ?(string | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
-  trackColorForFalse?: ?(string | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
-  trackColorForTrue?: ?(string | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
-  value?: ?boolean,
-|}>;
-
-// @see ReactSwitchManager.java
-export type NativeAndroidProps = $ReadOnly<{|
-  ...SwitchProps,
+import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
 
-  enabled?: ?boolean,
-  on?: ?boolean,
-  thumbTintColor?: ?(string | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
-  trackTintColor?: ?(string | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+type SwitchChangeEvent = $ReadOnly<{|
+  value: boolean,
 |}>;
 
-// @see RCTSwitchManager.m
-export type NativeIOSProps = $ReadOnly<{|
-  ...SwitchProps,
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
 
-  onTintColor?: ?(string | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
-  thumbTintColor?: ?(string | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
-  tintColor?: ?(string | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
-|}>;
+  // Props
+  disabled?: WithDefault<boolean, false>,
+  value?: WithDefault<boolean, false>,
+  tintColor?: ?(ColorValue | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+  onTintColor?: ?(ColorValue | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+  thumbTintColor?: ?(ColorValue | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
 
-type SwitchNativeComponentType = Class<
-  ReactNative.NativeComponent<
-    $ReadOnly<{|
-      ...NativeAndroidProps,
-      ...NativeIOSProps,
-    |}>,
-  >,
->;
+  // Deprecated props
+  thumbColor?: ?(ColorValue | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+  trackColorForFalse?: ?(ColorValue | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+  trackColorForTrue?: ?(ColorValue | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
 
-const SwitchNativeComponent: SwitchNativeComponentType =
-  Platform.OS === 'android'
-    ? (requireNativeComponent('AndroidSwitch'): any)
-    : (requireNativeComponent('RCTSwitch'): any);
+  // Events
+  onChange?: ?BubblingEventHandler<SwitchChangeEvent>,
+|}>;
 
-module.exports = SwitchNativeComponent;
+export default (codegenNativeComponent<NativeProps>('Switch', {
+  paperComponentName: 'RCTSwitch',
+}): NativeComponentType<NativeProps>);
diff --git a/Libraries/Components/Switch/SwitchSchema.js b/Libraries/Components/Switch/SwitchSchema.js
deleted file mode 100644
index 47f4491133f4d4..00000000000000
--- a/Libraries/Components/Switch/SwitchSchema.js
+++ /dev/null
@@ -1,95 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-/* $FlowFixMe */
-import type {SchemaType} from '../../../packages/react-native-codegen/src/CodegenSchema.js';
-
-const SwitchSchema: SchemaType = {
-  modules: {
-    Switch: {
-      components: {
-        Switch: {
-          extendsProps: [
-            {
-              type: 'ReactNativeBuiltInType',
-              knownTypeName: 'ReactNativeCoreViewProps',
-            },
-          ],
-          events: [
-            {
-              name: 'onChange',
-              optional: true,
-              bubblingType: 'bubble',
-              typeAnnotation: {
-                type: 'EventTypeAnnotation',
-                argument: {
-                  type: 'ObjectTypeAnnotation',
-                  properties: [
-                    {
-                      type: 'BooleanTypeAnnotation',
-                      name: 'value',
-                      optional: false,
-                    },
-                  ],
-                },
-              },
-            },
-          ],
-          props: [
-            {
-              name: 'disabled',
-              optional: true,
-              typeAnnotation: {
-                type: 'BooleanTypeAnnotation',
-                default: false,
-              },
-            },
-            {
-              name: 'value',
-              optional: true,
-              typeAnnotation: {
-                type: 'BooleanTypeAnnotation',
-                default: false,
-              },
-            },
-            {
-              name: 'tintColor',
-              optional: true,
-              typeAnnotation: {
-                type: 'NativePrimitiveTypeAnnotation',
-                name: 'ColorPrimitive',
-              },
-            },
-            {
-              name: 'onTintColor',
-              optional: true,
-              typeAnnotation: {
-                type: 'NativePrimitiveTypeAnnotation',
-                name: 'ColorPrimitive',
-              },
-            },
-            {
-              name: 'thumbTintColor',
-              optional: true,
-              typeAnnotation: {
-                type: 'NativePrimitiveTypeAnnotation',
-                name: 'ColorPrimitive',
-              },
-            },
-          ],
-        },
-      },
-    },
-  },
-};
-
-module.exports = SwitchSchema;
diff --git a/Libraries/Components/TextInput/AndroidTextInputNativeComponent.js b/Libraries/Components/TextInput/AndroidTextInputNativeComponent.js
index aa6b88ea8a7a55..baf644cbb250a4 100644
--- a/Libraries/Components/TextInput/AndroidTextInputNativeComponent.js
+++ b/Libraries/Components/TextInput/AndroidTextInputNativeComponent.js
@@ -12,7 +12,7 @@
 
 import {requireNativeComponent} from 'react-native';
 
-const AndroidTextInputNativeComponent = requireNativeComponent(
+const AndroidTextInputNativeComponent: string = requireNativeComponent(
   'AndroidTextInput',
 );
 
diff --git a/Libraries/Components/TextInput/InputAccessoryView.js b/Libraries/Components/TextInput/InputAccessoryView.js
index 10c933e2cd283e..e9b8f1c670591a 100644
--- a/Libraries/Components/TextInput/InputAccessoryView.js
+++ b/Libraries/Components/TextInput/InputAccessoryView.js
@@ -14,7 +14,7 @@ const Platform = require('../../Utilities/Platform');
 const React = require('react');
 const StyleSheet = require('../../StyleSheet/StyleSheet');
 
-const RCTInputAccessoryViewNativeComponent = require('./RCTInputAccessoryViewNativeComponent');
+import RCTInputAccessoryViewNativeComponent from './RCTInputAccessoryViewNativeComponent';
 
 import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
 
diff --git a/Libraries/Components/TextInput/RCTInputAccessoryViewNativeComponent.js b/Libraries/Components/TextInput/RCTInputAccessoryViewNativeComponent.js
index f66701fc747093..152615a45e799e 100644
--- a/Libraries/Components/TextInput/RCTInputAccessoryViewNativeComponent.js
+++ b/Libraries/Components/TextInput/RCTInputAccessoryViewNativeComponent.js
@@ -9,26 +9,17 @@
  */
 'use strict';
 
-import type {NativeComponent} from '../../Renderer/shims/ReactNative';
 import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
-import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
+import type {ViewProps} from '../View/ViewPropTypes';
 
-const React = require('react');
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
+import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
 
 type NativeProps = $ReadOnly<{|
-  +children: React.Node,
-  /**
-   * An ID which is used to associate this `InputAccessoryView` to
-   * specified TextInput(s).
-   */
-  nativeID?: ?string,
-  style?: ?ViewStyleProp,
+  ...ViewProps,
   backgroundColor?: ?ColorValue,
 |}>;
 
-type NativeInputAccessoryView = Class<NativeComponent<NativeProps>>;
-
-module.exports = ((requireNativeComponent(
+export default (codegenNativeComponent<NativeProps>(
   'RCTInputAccessoryView',
-): any): NativeInputAccessoryView);
+): NativeComponentType<NativeProps>);
diff --git a/Libraries/Components/TextInput/TextInput.js b/Libraries/Components/TextInput/TextInput.js
index b5f1d3f10a4e8f..e0301cbcf26e64 100644
--- a/Libraries/Components/TextInput/TextInput.js
+++ b/Libraries/Components/TextInput/TextInput.js
@@ -9,12 +9,10 @@
  */
 'use strict';
 
-const DeprecatedColorPropType = require('../../DeprecatedPropTypes/DeprecatedColorPropType');
-const DeprecatedViewPropTypes = require('../../DeprecatedPropTypes/DeprecatedViewPropTypes');
+const DeprecatedTextInputPropTypes = require('../../DeprecatedPropTypes/DeprecatedTextInputPropTypes');
 const DocumentSelectionState = require('../../vendor/document/selection/DocumentSelectionState');
 const NativeMethodsMixin = require('../../Renderer/shims/NativeMethodsMixin');
 const Platform = require('../../Utilities/Platform');
-const PropTypes = require('prop-types');
 const React = require('react');
 const ReactNative = require('../../Renderer/shims/ReactNative');
 const StyleSheet = require('../../StyleSheet/StyleSheet');
@@ -126,34 +124,25 @@ export type EditingEvent = SyntheticEvent<
   |}>,
 >;
 
-const DataDetectorTypes = [
-  // iOS+macOS
-  'phoneNumber',
-  'link',
-  'address',
-  'calendarEvent',
-  // iOS-only
-  'none',
-  'all',
-  // macOS-only // [TODO(macOS ISS#2323203)
-  'ortography',
-  'spelling',
-  'grammar',
-  'quote',
-  'dash',
-  'replacement',
-  'correction',
-  'regularExpression',
-  'transitInformation', // ]TODO(macOS ISS#2323203)
-];
-
 type DataDetectorTypesType =
+  // iOS+macOS
   | 'phoneNumber'
   | 'link'
   | 'address'
   | 'calendarEvent'
+  // iOS-only
   | 'none'
-  | 'all';
+  | 'all'
+  // macOS-only // [TODO(macOS ISS#2323203)
+  | 'ortography'
+  | 'spelling'
+  | 'grammar'
+  | 'quote'
+  | 'dash'
+  | 'replacement'
+  | 'correction'
+  | 'regularExpression'
+  | 'transitInformation'; // ]TODO(macOS ISS#2323203)
 
 export type KeyboardType =
   // Cross Platform
@@ -193,51 +182,161 @@ export type ReturnKeyType =
 
 export type AutoCapitalize = 'none' | 'sentences' | 'words' | 'characters';
 
+export type TextContentType =
+  | 'none'
+  | 'URL'
+  | 'addressCity'
+  | 'addressCityAndState'
+  | 'addressState'
+  | 'countryName'
+  | 'creditCardNumber'
+  | 'emailAddress'
+  | 'familyName'
+  | 'fullStreetAddress'
+  | 'givenName'
+  | 'jobTitle'
+  | 'location'
+  | 'middleName'
+  | 'name'
+  | 'namePrefix'
+  | 'nameSuffix'
+  | 'nickname'
+  | 'organizationName'
+  | 'postalCode'
+  | 'streetAddressLine1'
+  | 'streetAddressLine2'
+  | 'sublocality'
+  | 'telephoneNumber'
+  | 'username'
+  | 'password'
+  | 'newPassword'
+  | 'oneTimeCode';
+
+type PasswordRules = string;
+
 type IOSProps = $ReadOnly<{|
+  /**
+   * If `false`, disables spell-check style (i.e. red underlines).
+   * The default value is inherited from `autoCorrect`.
+   * @platform ios
+   */
   spellCheck?: ?boolean,
+
+  /**
+   * Determines the color of the keyboard.
+   * @platform ios
+   */
   keyboardAppearance?: ?('default' | 'light' | 'dark'),
+
+  /**
+   * If `true`, the keyboard disables the return key when there is no text and
+   * automatically enables it when there is text. The default value is `false`.
+   * @platform ios
+   */
   enablesReturnKeyAutomatically?: ?boolean,
+
+  /**
+   * An instance of `DocumentSelectionState`, this is some state that is responsible for
+   * maintaining selection information for a document.
+   *
+   * Some functionality that can be performed with this instance is:
+   *
+   * - `blur()`
+   * - `focus()`
+   * - `update()`
+   *
+   * > You can reference `DocumentSelectionState` in
+   * > [`vendor/document/selection/DocumentSelectionState.js`](https://github.com/facebook/react-native/blob/master/Libraries/vendor/document/selection/DocumentSelectionState.js)
+   *
+   * @platform ios
+   */
   selectionState?: ?DocumentSelectionState,
+
+  /**
+   * When the clear button should appear on the right side of the text view.
+   * This property is supported only for single-line TextInput component.
+   * @platform ios
+   */
   clearButtonMode?: ?('never' | 'while-editing' | 'unless-editing' | 'always'),
+
+  /**
+   * If `true`, clears the text field automatically when editing begins.
+   * @platform ios
+   */
   clearTextOnFocus?: ?boolean,
+
+  /**
+   * Determines the types of data converted to clickable URLs in the text input.
+   * Only valid if `multiline={true}` and `editable={false}`.
+   * By default no data types are detected.
+   *
+   * You can provide one type or an array of many types.
+   *
+   * Possible values for `dataDetectorTypes` are:
+   *
+   * - `'phoneNumber'`
+   * - `'link'`
+   * - `'address'`
+   * - `'calendarEvent'`
+   * - `'none'`
+   * - `'all'`
+   *
+   * @platform ios
+   */
   dataDetectorTypes?:
     | ?DataDetectorTypesType
     | $ReadOnlyArray<DataDetectorTypesType>,
+
+  /**
+   * An optional identifier which links a custom InputAccessoryView to
+   * this text input. The InputAccessoryView is rendered above the
+   * keyboard when this text input is focused.
+   * @platform ios
+   */
   inputAccessoryViewID?: ?string,
-  textContentType?: ?(
-    | 'none'
-    | 'URL'
-    | 'addressCity'
-    | 'addressCityAndState'
-    | 'addressState'
-    | 'countryName'
-    | 'creditCardNumber'
-    | 'emailAddress'
-    | 'familyName'
-    | 'fullStreetAddress'
-    | 'givenName'
-    | 'jobTitle'
-    | 'location'
-    | 'middleName'
-    | 'name'
-    | 'namePrefix'
-    | 'nameSuffix'
-    | 'nickname'
-    | 'organizationName'
-    | 'postalCode'
-    | 'streetAddressLine1'
-    | 'streetAddressLine2'
-    | 'sublocality'
-    | 'telephoneNumber'
-    | 'username'
-    | 'password'
-    | 'newPassword'
-    | 'oneTimeCode'
-  ),
+
+  /**
+   * Give the keyboard and the system information about the
+   * expected semantic meaning for the content that users enter.
+   * @platform ios
+   */
+  textContentType?: ?TextContentType,
+
+  PasswordRules?: ?PasswordRules,
+
+  /**
+   * If `false`, scrolling of the text view will be disabled.
+   * The default value is `true`. Does only work with 'multiline={true}'.
+   * @platform ios
+   */
   scrollEnabled?: ?boolean,
 |}>;
 
 type AndroidProps = $ReadOnly<{|
+  /**
+   * Determines which content to suggest on auto complete, e.g.`username`.
+   * To disable auto complete, use `off`.
+   *
+   * *Android Only*
+   *
+   * The following values work on Android only:
+   *
+   * - `username`
+   * - `password`
+   * - `email`
+   * - `name`
+   * - `tel`
+   * - `street-address`
+   * - `postal-code`
+   * - `cc-number`
+   * - `cc-csc`
+   * - `cc-exp`
+   * - `cc-exp-month`
+   * - `cc-exp-year`
+   * - `off`
+   *
+   * @platform android
+   */
   autoCompleteType?: ?(
     | 'cc-csc'
     | 'cc-exp'
@@ -253,13 +352,62 @@ type AndroidProps = $ReadOnly<{|
     | 'username'
     | 'off'
   ),
+
+  /**
+   * Sets the return key to the label. Use it instead of `returnKeyType`.
+   * @platform android
+   */
   returnKeyLabel?: ?string,
+
+  /**
+   * Sets the number of lines for a `TextInput`. Use it with multiline set to
+   * `true` to be able to fill the lines.
+   * @platform android
+   */
   numberOfLines?: ?number,
+
+  /**
+   * 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
+   * the text inside of a full screen text input mode. When `true`, this feature is
+   * disabled and users will always edit the text directly inside of the text input.
+   * Defaults to `false`.
+   * @platform android
+   */
   disableFullscreenUI?: ?boolean,
+
+  /**
+   * Set text break strategy on Android API Level 23+, possible values are `simple`, `highQuality`, `balanced`
+   * The default value is `simple`.
+   * @platform android
+   */
   textBreakStrategy?: ?('simple' | 'highQuality' | 'balanced'),
+
+  /**
+   * The color of the `TextInput` underline.
+   * @platform android
+   */
   underlineColorAndroid?: ?ColorValue,
+
+  /**
+   * If defined, the provided image resource will be rendered on the left.
+   * The image resource must be inside `/android/app/src/main/res/drawable` and referenced
+   * like
+   * ```
+   * <TextInput
+   *  inlineImageLeft='search_icon'
+   * />
+   * ```
+   * @platform android
+   */
   inlineImageLeft?: ?string,
+
+  /**
+   * Padding between the inline image, if any, and the text input itself.
+   * @platform android
+   */
   inlineImagePadding?: ?number,
+
   importantForAutofill?: ?(
     | 'auto'
     | 'no'
@@ -267,47 +415,295 @@ type AndroidProps = $ReadOnly<{|
     | 'yes'
     | 'yesExcludeDescendants'
   ),
+
+  /**
+   * When `false`, it will prevent the soft keyboard from showing when the field is focused.
+   * Defaults to `true`.
+   * @platform android
+   */
+  showSoftInputOnFocus?: ?boolean,
 |}>;
 
 type Props = $ReadOnly<{|
   ...$Diff<ViewProps, $ReadOnly<{|style: ?ViewStyleProp|}>>,
   ...IOSProps,
   ...AndroidProps,
+
+  /**
+   * Can tell `TextInput` to automatically capitalize certain characters.
+   *
+   * - `characters`: all characters.
+   * - `words`: first letter of each word.
+   * - `sentences`: first letter of each sentence (*default*).
+   * - `none`: don't auto capitalize anything.
+   */
   autoCapitalize?: ?AutoCapitalize,
+
+  /**
+   * If `false`, disables auto-correct. The default value is `true`.
+   */
   autoCorrect?: ?boolean,
+
+  /**
+   * If `true`, focuses the input on `componentDidMount`.
+   * The default value is `false`.
+   */
   autoFocus?: ?boolean,
+
+  /**
+   * Specifies whether fonts should scale to respect Text Size accessibility settings. The
+   * default is `true`.
+   */
   allowFontScaling?: ?boolean,
+
+  /**
+   * Specifies largest possible scale a font can reach when `allowFontScaling` is enabled.
+   * Possible values:
+   * `null/undefined` (default): inherit from the parent node or the global default (0)
+   * `0`: no max, ignore parent/global default
+   * `>= 1`: sets the maxFontSizeMultiplier of this node to this value
+   */
   maxFontSizeMultiplier?: ?number,
+
+  /**
+   * If `false`, text is not editable. The default value is `true`.
+   */
   editable?: ?boolean,
+
+  /**
+   * Determines which keyboard to open, e.g.`numeric`.
+   *
+   * The following values work across platforms:
+   *
+   * - `default`
+   * - `numeric`
+   * - `number-pad`
+   * - `decimal-pad`
+   * - `email-address`
+   * - `phone-pad`
+   *
+   * *iOS Only*
+   *
+   * The following values work on iOS only:
+   *
+   * - `ascii-capable`
+   * - `numbers-and-punctuation`
+   * - `url`
+   * - `name-phone-pad`
+   * - `twitter`
+   * - `web-search`
+   *
+   * *Android Only*
+   *
+   * The following values work on Android only:
+   *
+   * - `visible-password`
+   */
   keyboardType?: ?KeyboardType,
+
+  /**
+   * Determines how the return key should look. On Android you can also use
+   * `returnKeyLabel`.
+   *
+   * *Cross platform*
+   *
+   * The following values work across platforms:
+   *
+   * - `done`
+   * - `go`
+   * - `next`
+   * - `search`
+   * - `send`
+   *
+   * *Android Only*
+   *
+   * The following values work on Android only:
+   *
+   * - `none`
+   * - `previous`
+   *
+   * *iOS Only*
+   *
+   * The following values work on iOS only:
+   *
+   * - `default`
+   * - `emergency-call`
+   * - `google`
+   * - `join`
+   * - `route`
+   * - `yahoo`
+   */
   returnKeyType?: ?ReturnKeyType,
+
+  /**
+   * Limits the maximum number of characters that can be entered. Use this
+   * instead of implementing the logic in JS to avoid flicker.
+   */
   maxLength?: ?number,
+
+  /**
+   * If `true`, the text input can be multiple lines.
+   * The default value is `false`.
+   */
   multiline?: ?boolean,
+
+  /**
+   * Callback that is called when the text input is blurred.
+   */
   onBlur?: ?(e: BlurEvent) => mixed,
+
+  /**
+   * Callback that is called when the text input is focused.
+   */
   onFocus?: ?(e: FocusEvent) => mixed,
+
+  /**
+   * Callback that is called when the text input's text changes.
+   */
   onChange?: ?(e: ChangeEvent) => mixed,
+
+  /**
+   * Callback that is called when the text input's text changes.
+   * Changed text is passed as an argument to the callback handler.
+   */
   onChangeText?: ?(text: string) => mixed,
+
+  /**
+   * Callback that is called when the text input's content size changes.
+   * This will be called with
+   * `{ nativeEvent: { contentSize: { width, height } } }`.
+   *
+   * Only called for multiline text inputs.
+   */
   onContentSizeChange?: ?(e: ContentSizeChangeEvent) => mixed,
+
   onTextInput?: ?(e: TextInputEvent) => mixed,
+
+  /**
+   * Callback that is called when text input ends.
+   */
   onEndEditing?: ?(e: EditingEvent) => mixed,
+
+  /**
+   * Callback that is called when the text input selection is changed.
+   * This will be called with
+   * `{ nativeEvent: { selection: { start, end } } }`.
+   */
   onSelectionChange?: ?(e: SelectionChangeEvent) => mixed,
+
+  /**
+   * Callback that is called when the text input's submit button is pressed.
+   * Invalid if `multiline={true}` is specified.
+   */
   onSubmitEditing?: ?(e: EditingEvent) => mixed,
+
+  /**
+   * Callback that is called when a key is pressed.
+   * This will be called with `{ nativeEvent: { key: keyValue } }`
+   * where `keyValue` is `'Enter'` or `'Backspace'` for respective keys and
+   * the typed-in character otherwise including `' '` for space.
+   * Fires before `onChange` callbacks.
+   */
   onKeyPress?: ?(e: KeyPressEvent) => mixed,
+
+  /**
+   * Invoked on content scroll with `{ nativeEvent: { contentOffset: { x, y } } }`.
+   * May also contain other properties from ScrollEvent but on Android contentSize
+   * is not provided for performance reasons.
+   */
   onScroll?: ?(e: ScrollEvent) => mixed,
+
+  /**
+   * The string that will be rendered before text input has been entered.
+   */
   placeholder?: ?Stringish,
+
+  /**
+   * The text color of the placeholder string.
+   */
   placeholderTextColor?: ?ColorValue,
+
+  /**
+   * If `true`, the text input obscures the text entered so that sensitive text
+   * like passwords stay secure. The default value is `false`. Does not work with 'multiline={true}'.
+   */
   secureTextEntry?: ?boolean,
+
+  /**
+   * The highlight and cursor color of the text input.
+   */
   selectionColor?: ?ColorValue,
+
+  /**
+   * The start and end of the text input's selection. Set start and end to
+   * the same value to position the cursor.
+   */
   selection?: ?$ReadOnly<{|
     start: number,
     end?: ?number,
   |}>,
+
+  /**
+   * The value to show for the text input. `TextInput` is a controlled
+   * component, which means the native value will be forced to match this
+   * value prop if provided. For most uses, this works great, but in some
+   * cases this may cause flickering - one common cause is preventing edits
+   * by keeping value the same. In addition to simply setting the same value,
+   * either set `editable={false}`, or set/update `maxLength` to prevent
+   * unwanted edits without flicker.
+   */
   value?: ?Stringish,
+
+  /**
+   * Provides an initial value that will change when the user starts typing.
+   * Useful for simple use-cases where you do not want to deal with listening
+   * to events and updating the value prop to keep the controlled state in sync.
+   */
   defaultValue?: ?Stringish,
+
+  /**
+   * If `true`, all text will automatically be selected on focus.
+   */
   selectTextOnFocus?: ?boolean,
+
+  /**
+   * If `true`, the text field will blur when submitted.
+   * The default value is true for single-line fields and false for
+   * multiline fields. Note that for multiline fields, setting `blurOnSubmit`
+   * to `true` means that pressing return will blur the field and trigger the
+   * `onSubmitEditing` event instead of inserting a newline into the field.
+   * Ignored on Android, if Hardware Keyboard is connected. // TODO(android ISS)
+   */
   blurOnSubmit?: ?boolean,
+
+  /**
+   * Note that not all Text styles are supported, an incomplete list of what is not supported includes:
+   *
+   * - `borderLeftWidth`
+   * - `borderTopWidth`
+   * - `borderRightWidth`
+   * - `borderBottomWidth`
+   * - `borderTopLeftRadius`
+   * - `borderTopRightRadius`
+   * - `borderBottomRightRadius`
+   * - `borderBottomLeftRadius`
+   *
+   * see [Issue#7070](https://github.com/facebook/react-native/issues/7070)
+   * for more detail.
+   *
+   * [Styles](docs/style.html)
+   */
   style?: ?TextStyleProp,
+
+  /**
+   * If `true`, caret is hidden. The default value is `false`.
+   * This property is supported only for single-line TextInput component on iOS.
+   */
   caretHidden?: ?boolean,
+
+  /*
+   * If `true`, contextMenuHidden is hidden. The default value is `false`.
+   */
   contextMenuHidden?: ?boolean,
 |}>;
 
@@ -423,6 +819,19 @@ const emptyFunctionThatReturnsTrue = () => true;
  * in AndroidManifest.xml ( https://developer.android.com/guide/topics/manifest/activity-element.html )
  * or control this param programmatically with native code.
  *
+ *
+ * The following values work on macOS only:
+ *
+ * - `'ortography'`
+ * - `'spelling'`
+ * - `'grammar'`
+ * - `'quote'`
+ * - `'dash'`
+ * - `'replacement'`
+ * - `'correction'`
+ * - `'regularExpression'`
+ * - `'transitInformation'`
+ *
  */
 
 const TextInput = createReactClass({
@@ -434,534 +843,7 @@ const TextInput = createReactClass({
       blurTextInput: TextInputState.blurTextInput,
     },
   },
-  propTypes: {
-    ...DeprecatedViewPropTypes,
-    /**
-     * Can tell `TextInput` to automatically capitalize certain characters.
-     *
-     * - `characters`: all characters.
-     * - `words`: first letter of each word.
-     * - `sentences`: first letter of each sentence (*default*).
-     * - `none`: don't auto capitalize anything.
-     */
-    autoCapitalize: PropTypes.oneOf([
-      'none',
-      'sentences',
-      'words',
-      'characters',
-    ]),
-    /**
-     * Determines which content to suggest on auto complete, e.g.`username`.
-     * To disable auto complete, use `off`.
-     *
-     * *Android Only*
-     *
-     * The following values work on Android only:
-     *
-     * - `username`
-     * - `password`
-     * - `email`
-     * - `name`
-     * - `tel`
-     * - `street-address`
-     * - `postal-code`
-     * - `cc-number`
-     * - `cc-csc`
-     * - `cc-exp`
-     * - `cc-exp-month`
-     * - `cc-exp-year`
-     * - `off`
-     *
-     * @platform android
-     */
-    autoCompleteType: PropTypes.oneOf([
-      'cc-csc',
-      'cc-exp',
-      'cc-exp-month',
-      'cc-exp-year',
-      'cc-number',
-      'email',
-      'name',
-      'password',
-      'postal-code',
-      'street-address',
-      'tel',
-      'username',
-      'off',
-    ]),
-    /**
-     * If `false`, disables auto-correct. The default value is `true`.
-     */
-    autoCorrect: PropTypes.bool,
-    /**
-     * If `false`, disables spell-check style (i.e. red underlines).
-     * The default value is inherited from `autoCorrect`.
-     * @platform ios
-     */
-    spellCheck: PropTypes.bool,
-    /**
-     * If `true`, focuses the input on `componentDidMount`.
-     * The default value is `false`.
-     */
-    autoFocus: PropTypes.bool,
-    /**
-     * Specifies whether fonts should scale to respect Text Size accessibility settings. The
-     * default is `true`.
-     */
-    allowFontScaling: PropTypes.bool,
-    /**
-     * Specifies largest possible scale a font can reach when `allowFontScaling` is enabled.
-     * Possible values:
-     * `null/undefined` (default): inherit from the parent node or the global default (0)
-     * `0`: no max, ignore parent/global default
-     * `>= 1`: sets the maxFontSizeMultiplier of this node to this value
-     */
-    maxFontSizeMultiplier: PropTypes.number,
-    /**
-     * If `false`, text is not editable. The default value is `true`.
-     */
-    editable: PropTypes.bool,
-    /**
-     * Determines which keyboard to open, e.g.`numeric`.
-     *
-     * The following values work across platforms:
-     *
-     * - `default`
-     * - `numeric`
-     * - `number-pad`
-     * - `decimal-pad`
-     * - `email-address`
-     * - `phone-pad`
-     *
-     * *iOS Only*
-     *
-     * The following values work on iOS only:
-     *
-     * - `ascii-capable`
-     * - `numbers-and-punctuation`
-     * - `url`
-     * - `name-phone-pad`
-     * - `twitter`
-     * - `web-search`
-     *
-     * *Android Only*
-     *
-     * The following values work on Android only:
-     *
-     * - `visible-password`
-     */
-    keyboardType: PropTypes.oneOf([
-      // Cross-platform
-      'default',
-      'email-address',
-      'numeric',
-      'phone-pad',
-      'number-pad',
-      // iOS-only
-      'ascii-capable',
-      'numbers-and-punctuation',
-      'url',
-      'name-phone-pad',
-      'decimal-pad',
-      'twitter',
-      'web-search',
-      // Android-only
-      'visible-password',
-    ]),
-    /**
-     * Determines the color of the keyboard.
-     * @platform ios
-     */
-    keyboardAppearance: PropTypes.oneOf(['default', 'light', 'dark']),
-    /**
-     * Determines how the return key should look. On Android you can also use
-     * `returnKeyLabel`.
-     *
-     * *Cross platform*
-     *
-     * The following values work across platforms:
-     *
-     * - `done`
-     * - `go`
-     * - `next`
-     * - `search`
-     * - `send`
-     *
-     * *Android Only*
-     *
-     * The following values work on Android only:
-     *
-     * - `none`
-     * - `previous`
-     *
-     * *iOS Only*
-     *
-     * The following values work on iOS only:
-     *
-     * - `default`
-     * - `emergency-call`
-     * - `google`
-     * - `join`
-     * - `route`
-     * - `yahoo`
-     */
-    returnKeyType: PropTypes.oneOf([
-      // Cross-platform
-      'done',
-      'go',
-      'next',
-      'search',
-      'send',
-      // Android-only
-      'none',
-      'previous',
-      // iOS-only
-      'default',
-      'emergency-call',
-      'google',
-      'join',
-      'route',
-      'yahoo',
-    ]),
-    /**
-     * Sets the return key to the label. Use it instead of `returnKeyType`.
-     * @platform android
-     */
-    returnKeyLabel: PropTypes.string,
-    /**
-     * Limits the maximum number of characters that can be entered. Use this
-     * instead of implementing the logic in JS to avoid flicker.
-     */
-    maxLength: PropTypes.number,
-    /**
-     * Sets the number of lines for a `TextInput`. Use it with multiline set to
-     * `true` to be able to fill the lines.
-     * @platform android
-     */
-    numberOfLines: PropTypes.number,
-    /**
-     * 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
-     * the text inside of a full screen text input mode. When `true`, this feature is
-     * disabled and users will always edit the text directly inside of the text input.
-     * Defaults to `false`.
-     * @platform android
-     */
-    disableFullscreenUI: PropTypes.bool,
-    /**
-     * If `true`, the keyboard disables the return key when there is no text and
-     * automatically enables it when there is text. The default value is `false`.
-     * @platform ios
-     */
-    enablesReturnKeyAutomatically: PropTypes.bool,
-    /**
-     * If `true`, the text input can be multiple lines.
-     * The default value is `false`.
-     */
-    multiline: PropTypes.bool,
-    /**
-     * Set text break strategy on Android API Level 23+, possible values are `simple`, `highQuality`, `balanced`
-     * The default value is `simple`.
-     * @platform android
-     */
-    textBreakStrategy: PropTypes.oneOf(['simple', 'highQuality', 'balanced']),
-    /**
-     * Callback that is called when the text input is blurred.
-     */
-    onBlur: PropTypes.func,
-    /**
-     * Callback that is called when the text input is focused.
-     */
-    onFocus: PropTypes.func,
-    /**
-     * Callback that is called when the text input's text changes.
-     */
-    onChange: PropTypes.func,
-    /**
-     * Callback that is called when the text input's text changes.
-     * Changed text is passed as an argument to the callback handler.
-     */
-    onChangeText: PropTypes.func,
-    /**
-     * Callback that is called when the text input's content size changes.
-     * This will be called with
-     * `{ nativeEvent: { contentSize: { width, height } } }`.
-     *
-     * Only called for multiline text inputs.
-     */
-    onContentSizeChange: PropTypes.func,
-    onTextInput: PropTypes.func,
-    /**
-     * Callback that is called when text input ends.
-     */
-    onEndEditing: PropTypes.func,
-    /**
-     * Callback that is called when the text input selection is changed.
-     * This will be called with
-     * `{ nativeEvent: { selection: { start, end } } }`.
-     */
-    onSelectionChange: PropTypes.func,
-    /**
-     * Callback that is called when the text input's submit button is pressed.
-     * Invalid if `multiline={true}` is specified.
-     */
-    onSubmitEditing: PropTypes.func,
-    /**
-     * Callback that is called when a key is pressed.
-     * This will be called with `{ nativeEvent: { key: keyValue } }`
-     * where `keyValue` is `'Enter'` or `'Backspace'` for respective keys and
-     * the typed-in character otherwise including `' '` for space.
-     * Fires before `onChange` callbacks.
-     */
-    onKeyPress: PropTypes.func,
-    /**
-     * Invoked on mount and layout changes with `{x, y, width, height}`.
-     */
-    onLayout: PropTypes.func,
-    /**
-     * Invoked on content scroll with `{ nativeEvent: { contentOffset: { x, y } } }`.
-     * May also contain other properties from ScrollEvent but on Android contentSize
-     * is not provided for performance reasons.
-     */
-    onScroll: PropTypes.func,
-    /**
-     * The string that will be rendered before text input has been entered.
-     */
-    placeholder: PropTypes.string,
-    /**
-     * The text color of the placeholder string.
-     */
-    placeholderTextColor: DeprecatedColorPropType,
-    /**
-     * If `false`, scrolling of the text view will be disabled.
-     * The default value is `true`. Does only work with 'multiline={true}'.
-     * @platform ios
-     */
-    scrollEnabled: PropTypes.bool,
-    /**
-     * If `true`, the text input obscures the text entered so that sensitive text
-     * like passwords stay secure. The default value is `false`. Does not work with 'multiline={true}'.
-     */
-    secureTextEntry: PropTypes.bool,
-    /**
-     * The highlight and cursor color of the text input.
-     */
-    selectionColor: DeprecatedColorPropType,
-    /**
-     * An instance of `DocumentSelectionState`, this is some state that is responsible for
-     * maintaining selection information for a document.
-     *
-     * Some functionality that can be performed with this instance is:
-     *
-     * - `blur()`
-     * - `focus()`
-     * - `update()`
-     *
-     * > You can reference `DocumentSelectionState` in
-     * > [`vendor/document/selection/DocumentSelectionState.js`](https://github.com/facebook/react-native/blob/master/Libraries/vendor/document/selection/DocumentSelectionState.js)
-     *
-     * @platform ios
-     */
-    selectionState: PropTypes.instanceOf(DocumentSelectionState),
-    /**
-     * The start and end of the text input's selection. Set start and end to
-     * the same value to position the cursor.
-     */
-    selection: PropTypes.shape({
-      start: PropTypes.number.isRequired,
-      end: PropTypes.number,
-    }),
-    /**
-     * The value to show for the text input. `TextInput` is a controlled
-     * component, which means the native value will be forced to match this
-     * value prop if provided. For most uses, this works great, but in some
-     * cases this may cause flickering - one common cause is preventing edits
-     * by keeping value the same. In addition to simply setting the same value,
-     * either set `editable={false}`, or set/update `maxLength` to prevent
-     * unwanted edits without flicker.
-     */
-    value: PropTypes.string,
-    /**
-     * Provides an initial value that will change when the user starts typing.
-     * Useful for simple use-cases where you do not want to deal with listening
-     * to events and updating the value prop to keep the controlled state in sync.
-     */
-    defaultValue: PropTypes.string,
-    /**
-     * When the clear button should appear on the right side of the text view.
-     * This property is supported only for single-line TextInput component.
-     * @platform ios
-     */
-    clearButtonMode: PropTypes.oneOf([
-      'never',
-      'while-editing',
-      'unless-editing',
-      'always',
-    ]),
-    /**
-     * If `true`, clears the text field automatically when editing begins.
-     * @platform ios
-     */
-    clearTextOnFocus: PropTypes.bool,
-    /**
-     * If `true`, all text will automatically be selected on focus.
-     */
-    selectTextOnFocus: PropTypes.bool,
-    /**
-     * If `true`, the text field will blur when submitted.
-     * The default value is true for single-line fields and false for
-     * multiline fields. Note that for multiline fields, setting `blurOnSubmit`
-     * to `true` means that pressing return will blur the field and trigger the
-     * `onSubmitEditing` event instead of inserting a newline into the field.
-     * Ignored on Android, if Hardware Keyboard is connected. // TODO(android ISS)
-     */
-    blurOnSubmit: PropTypes.bool,
-    /**
-     * Note that not all Text styles are supported, an incomplete list of what is not supported includes:
-     *
-     * - `borderLeftWidth`
-     * - `borderTopWidth`
-     * - `borderRightWidth`
-     * - `borderBottomWidth`
-     * - `borderTopLeftRadius`
-     * - `borderTopRightRadius`
-     * - `borderBottomRightRadius`
-     * - `borderBottomLeftRadius`
-     *
-     * see [Issue#7070](https://github.com/facebook/react-native/issues/7070)
-     * for more detail.
-     *
-     * [Styles](docs/style.html)
-     */
-    style: Text.propTypes.style,
-    /**
-     * The color of the `TextInput` underline.
-     * @platform android
-     */
-    underlineColorAndroid: DeprecatedColorPropType,
-
-    /**
-     * If defined, the provided image resource will be rendered on the left.
-     * The image resource must be inside `/android/app/src/main/res/drawable` and referenced
-     * like
-     * ```
-     * <TextInput
-     *  inlineImageLeft='search_icon'
-     * />
-     * ```
-     * @platform android
-     */
-    inlineImageLeft: PropTypes.string,
-
-    /**
-     * Padding between the inline image, if any, and the text input itself.
-     * @platform android
-     */
-    inlineImagePadding: PropTypes.number,
-
-    /**
-     * If `true`, allows TextInput to pass touch events to the parent component.
-     * This allows components such as SwipeableListView to be swipeable from the TextInput on iOS,
-     * as is the case on Android by default.
-     * If `false`, TextInput always asks to handle the input (except when disabled).
-     * @platform ios
-     */
-    rejectResponderTermination: PropTypes.bool,
-
-    /**
-     * Determines the types of data converted to clickable URLs in the text input.
-     * Only valid if `multiline={true}` and `editable={false}`.
-     * By default no data types are detected.
-     *
-     * You can provide one type or an array of many types.
-     *
-     * Possible values for `dataDetectorTypes` are:
-     *
-     * *iOS + macOS*
-     *
-     * - `'phoneNumber'`
-     * - `'link'`
-     * - `'address'`
-     * - `'calendarEvent'`
-     *
-     * *iOS Only*
-     *
-     * The following values work on iOS only:
-     *
-     * - `'none'`
-     * - `'all'`
-     *
-     * *macOS Only*
-     *
-     * The following values work on macOS only:
-     *
-     * - `'ortography'`
-     * - `'spelling'`
-     * - `'grammar'`
-     * - `'quote'`
-     * - `'dash'`
-     * - `'replacement'`
-     * - `'correction'`
-     * - `'regularExpression'`
-     * - `'transitInformation'`
-     *
-     */
-    dataDetectorTypes: PropTypes.oneOfType([
-      PropTypes.oneOf(DataDetectorTypes),
-      PropTypes.arrayOf(PropTypes.oneOf(DataDetectorTypes)),
-    ]),
-    /**
-     * If `true`, caret is hidden. The default value is `false`.
-     * This property is supported only for single-line TextInput component on iOS.
-     */
-    caretHidden: PropTypes.bool,
-    /*
-     * If `true`, contextMenuHidden is hidden. The default value is `false`.
-     */
-    contextMenuHidden: PropTypes.bool,
-    /**
-     * An optional identifier which links a custom InputAccessoryView to
-     * this text input. The InputAccessoryView is rendered above the
-     * keyboard when this text input is focused.
-     * @platform ios
-     */
-    inputAccessoryViewID: PropTypes.string,
-    /**
-     * Give the keyboard and the system information about the
-     * expected semantic meaning for the content that users enter.
-     * @platform ios
-     */
-    textContentType: PropTypes.oneOf([
-      'none',
-      'URL',
-      'addressCity',
-      'addressCityAndState',
-      'addressState',
-      'countryName',
-      'creditCardNumber',
-      'emailAddress',
-      'familyName',
-      'fullStreetAddress',
-      'givenName',
-      'jobTitle',
-      'location',
-      'middleName',
-      'name',
-      'namePrefix',
-      'nameSuffix',
-      'nickname',
-      'organizationName',
-      'postalCode',
-      'streetAddressLine1',
-      'streetAddressLine2',
-      'sublocality',
-      'telephoneNumber',
-      'username',
-      'password',
-      'newPassword',
-      'oneTimeCode',
-    ]),
-  },
+  propTypes: DeprecatedTextInputPropTypes,
   getDefaultProps() {
     return {
       allowFontScaling: true,
@@ -1149,6 +1031,7 @@ const TextInput = createReactClass({
         accessibilityHint={props.accessibilityHint} // TODO(macOS ISS#2323203)
         accessibilityRole={props.accessibilityRole}
         accessibilityStates={props.accessibilityStates}
+        accessibilityState={props.accessibilityState}
         nativeID={this.props.nativeID}
         testID={props.testID}>
         {textContainer}
@@ -1201,6 +1084,7 @@ const TextInput = createReactClass({
         accessibilityLabel={props.accessibilityLabel}
         accessibilityRole={props.accessibilityRole}
         accessibilityStates={props.accessibilityStates}
+        accessibilityState={props.accessibilityState}
         nativeID={this.props.nativeID}
         testID={props.testID}>
         {textContainer}
@@ -1211,9 +1095,7 @@ const TextInput = createReactClass({
   _renderAndroid: function() {
     const props = Object.assign({}, this.props);
     props.style = [this.props.style];
-    props.autoCapitalize = UIManager.getViewManagerConfig(
-      'AndroidTextInput',
-    ).Constants.AutoCapitalizationType[props.autoCapitalize || 'sentences'];
+    props.autoCapitalize = props.autoCapitalize || 'sentences';
     let children = this.props.children;
     let childCount = 0;
     React.Children.forEach(children, () => ++childCount);
@@ -1259,6 +1141,7 @@ const TextInput = createReactClass({
         accessibilityRole={this.props.accessibilityRole}
         accessibilityHint={this.props.accessibilityHint} // TODO(macOS ISS#2323203)
         accessibilityStates={this.props.accessibilityStates}
+        accessibilityState={this.props.accessibilityState}
         nativeID={this.props.nativeID}
         testID={this.props.testID}>
         {textContainer}
diff --git a/Libraries/Components/TextInput/TextInputState.js b/Libraries/Components/TextInput/TextInputState.js
index 861a7786c8c81f..c484e95548ebfe 100644
--- a/Libraries/Components/TextInput/TextInputState.js
+++ b/Libraries/Components/TextInput/TextInputState.js
@@ -76,6 +76,7 @@ function blurTextInput(textFieldID: ?number) {
     }
   }
 }
+
 function registerInput(textFieldID: number) {
   inputs.add(textFieldID);
 }
@@ -84,7 +85,7 @@ function unregisterInput(textFieldID: number) {
   inputs.delete(textFieldID);
 }
 
-function isTextInput(textFieldID: number) {
+function isTextInput(textFieldID: number): boolean {
   return inputs.has(textFieldID);
 }
 
diff --git a/Libraries/Components/TimePickerAndroid/NativeTimePickerAndroid.js b/Libraries/Components/TimePickerAndroid/NativeTimePickerAndroid.js
new file mode 100644
index 00000000000000..ac4aa7e6eb3e18
--- /dev/null
+++ b/Libraries/Components/TimePickerAndroid/NativeTimePickerAndroid.js
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
+
+export type TimePickerOptions = {|
+  hour?: number,
+  minute?: number,
+  is24Hour?: boolean,
+  mode?: string,
+|};
+
+export type TimePickerResult = {|
+  action: string,
+  hour: number,
+  minute: number,
+|};
+
+export interface Spec extends TurboModule {
+  +open: (options: TimePickerOptions) => Promise<TimePickerResult>;
+}
+
+export default (TurboModuleRegistry.get<Spec>('TimePickerAndroid'): ?Spec);
diff --git a/Libraries/Components/TimePickerAndroid/TimePickerAndroid.ios.js b/Libraries/Components/TimePickerAndroid/TimePickerAndroid.ios.js
deleted file mode 100644
index 3de6ca4aa06560..00000000000000
--- a/Libraries/Components/TimePickerAndroid/TimePickerAndroid.ios.js
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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 {
-  TimePickerOptions,
-  TimePickerResult,
-} from './TimePickerAndroidTypes';
-
-const TimePickerAndroid = {
-  async open(options: TimePickerOptions): Promise<TimePickerResult> {
-    return Promise.reject({
-      message: 'TimePickerAndroid is not supported on this platform.',
-    });
-  },
-};
-
-module.exports = TimePickerAndroid;
diff --git a/Libraries/Components/TimePickerAndroid/TimePickerAndroid.android.js b/Libraries/Components/TimePickerAndroid/TimePickerAndroid.js
similarity index 82%
rename from Libraries/Components/TimePickerAndroid/TimePickerAndroid.android.js
rename to Libraries/Components/TimePickerAndroid/TimePickerAndroid.js
index 8b25e19868b2c0..5c2aab9cf52cc1 100644
--- a/Libraries/Components/TimePickerAndroid/TimePickerAndroid.android.js
+++ b/Libraries/Components/TimePickerAndroid/TimePickerAndroid.js
@@ -10,13 +10,10 @@
 
 'use strict';
 
-const TimePickerModule = require('../../BatchedBridge/NativeModules')
-  .TimePickerAndroid;
-
-import type {
-  TimePickerOptions,
-  TimePickerResult,
-} from './TimePickerAndroidTypes';
+import NativeTimePickerAndroid, {
+  type TimePickerOptions,
+  type TimePickerResult,
+} from './NativeTimePickerAndroid';
 
 /**
  * Opens the standard Android time picker dialog.
@@ -58,8 +55,16 @@ class TimePickerAndroid {
    * still be resolved with action being `TimePickerAndroid.dismissedAction` and all the other keys
    * being undefined. **Always** check whether the `action` before reading the values.
    */
-  static async open(options: TimePickerOptions): Promise<TimePickerResult> {
-    return TimePickerModule.open(options);
+  static async open(
+    options: TimePickerOptions,
+  ): Promise<$ReadOnly<TimePickerResult>> {
+    if (NativeTimePickerAndroid) {
+      return NativeTimePickerAndroid.open(options);
+    } else {
+      return Promise.reject({
+        message: 'TimePickerAndroid is not supported on this platform.',
+      });
+    }
   }
 
   /**
diff --git a/Libraries/Components/TimePickerAndroid/TimePickerAndroid.macos.js b/Libraries/Components/TimePickerAndroid/TimePickerAndroid.macos.js
index c540f40983c973..c6eb27cb52100e 100644
--- a/Libraries/Components/TimePickerAndroid/TimePickerAndroid.macos.js
+++ b/Libraries/Components/TimePickerAndroid/TimePickerAndroid.macos.js
@@ -12,10 +12,10 @@
 
 'use strict';
 
-import type {
-  TimePickerOptions,
-  TimePickerResult,
-} from './TimePickerAndroidTypes';
+import NativeTimePickerAndroid, {
+  type TimePickerOptions,
+  type TimePickerResult,
+} from './NativeTimePickerAndroid';
 
 const TimePickerAndroid = {
   async open(options: TimePickerOptions): Promise<TimePickerResult> {
diff --git a/Libraries/Components/TimePickerAndroid/TimePickerAndroidTypes.js b/Libraries/Components/TimePickerAndroid/TimePickerAndroidTypes.js
deleted file mode 100644
index aafa572be6c052..00000000000000
--- a/Libraries/Components/TimePickerAndroid/TimePickerAndroidTypes.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-export type TimePickerOptions = {|
-  hour?: number,
-  minute?: number,
-  is24Hour?: boolean,
-  mode?: 'clock' | 'spinner' | 'default',
-|};
-
-export type TimePickerResult = $ReadOnly<{|
-  action: string,
-  hour: number,
-  minute: number,
-|}>;
diff --git a/Libraries/Components/ToastAndroid/NativeToastAndroid.js b/Libraries/Components/ToastAndroid/NativeToastAndroid.js
new file mode 100644
index 00000000000000..f61d11bbc034e5
--- /dev/null
+++ b/Libraries/Components/ToastAndroid/NativeToastAndroid.js
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+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);
diff --git a/Libraries/Components/ToastAndroid/ToastAndroid.android.js b/Libraries/Components/ToastAndroid/ToastAndroid.android.js
index 30207d30a9ce71..ff1db3cf90bf88 100644
--- a/Libraries/Components/ToastAndroid/ToastAndroid.android.js
+++ b/Libraries/Components/ToastAndroid/ToastAndroid.android.js
@@ -9,9 +9,7 @@
  */
 
 'use strict';
-
-const RCTToastAndroid = require('../../BatchedBridge/NativeModules')
-  .ToastAndroid;
+import NativeToastAndroid from './NativeToastAndroid';
 
 /**
  * This exposes the native ToastAndroid module as a JS module. This has a function 'show'
@@ -36,16 +34,15 @@ const RCTToastAndroid = require('../../BatchedBridge/NativeModules')
 
 const ToastAndroid = {
   // Toast duration constants
-  SHORT: RCTToastAndroid.SHORT,
-  LONG: RCTToastAndroid.LONG,
-
+  SHORT: NativeToastAndroid.getConstants().SHORT,
+  LONG: NativeToastAndroid.getConstants().LONG,
   // Toast gravity constants
-  TOP: RCTToastAndroid.TOP,
-  BOTTOM: RCTToastAndroid.BOTTOM,
-  CENTER: RCTToastAndroid.CENTER,
+  TOP: NativeToastAndroid.getConstants().TOP,
+  BOTTOM: NativeToastAndroid.getConstants().BOTTOM,
+  CENTER: NativeToastAndroid.getConstants().CENTER,
 
   show: function(message: string, duration: number): void {
-    RCTToastAndroid.show(message, duration);
+    NativeToastAndroid.show(message, duration);
   },
 
   showWithGravity: function(
@@ -53,7 +50,7 @@ const ToastAndroid = {
     duration: number,
     gravity: number,
   ): void {
-    RCTToastAndroid.showWithGravity(message, duration, gravity);
+    NativeToastAndroid.showWithGravity(message, duration, gravity);
   },
 
   showWithGravityAndOffset: function(
@@ -63,7 +60,7 @@ const ToastAndroid = {
     xOffset: number,
     yOffset: number,
   ): void {
-    RCTToastAndroid.showWithGravityAndOffset(
+    NativeToastAndroid.showWithGravityAndOffset(
       message,
       duration,
       gravity,
diff --git a/Libraries/Components/ToastAndroid/ToastAndroid.ios.js b/Libraries/Components/ToastAndroid/ToastAndroid.ios.js
index ed5fcf02f40116..d0528ff65dc35e 100644
--- a/Libraries/Components/ToastAndroid/ToastAndroid.ios.js
+++ b/Libraries/Components/ToastAndroid/ToastAndroid.ios.js
@@ -16,6 +16,24 @@ const ToastAndroid = {
   show: function(message: string, duration: number): void {
     warning(false, 'ToastAndroid is not supported on this platform.');
   },
+
+  showWithGravity: function(
+    message: string,
+    duration: number,
+    gravity: number,
+  ): void {
+    warning(false, 'ToastAndroid is not supported on this platform.');
+  },
+
+  showWithGravityAndOffset: function(
+    message: string,
+    duration: number,
+    gravity: number,
+    xOffset: number,
+    yOffset: number,
+  ): void {
+    warning(false, 'ToastAndroid is not supported on this platform.');
+  },
 };
 
 module.exports = ToastAndroid;
diff --git a/Libraries/Components/ToolbarAndroid/ToolbarAndroid.android.js b/Libraries/Components/ToolbarAndroid/ToolbarAndroid.android.js
deleted file mode 100644
index fdfbde63567274..00000000000000
--- a/Libraries/Components/ToolbarAndroid/ToolbarAndroid.android.js
+++ /dev/null
@@ -1,251 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-const React = require('react');
-const UIManager = require('../../ReactNative/UIManager');
-
-const ToolbarAndroidNativeComponent = require('./ToolbarAndroidNativeComponent');
-const resolveAssetSource = require('../../Image/resolveAssetSource');
-
-import type {SyntheticEvent} from '../../Types/CoreEventTypes';
-import type {ImageSource} from '../../Image/ImageSource';
-import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-import type {NativeComponent} from '../../Renderer/shims/ReactNative';
-
-/**
- * React component that wraps the Android-only [`Toolbar` widget][0]. A Toolbar can display a logo,
- * navigation icon (e.g. hamburger menu), a title & subtitle and a list of actions. The title and
- * subtitle are expanded so the logo and navigation icons are displayed on the left, title and
- * subtitle in the middle and the actions on the right.
- *
- * If the toolbar has an only child, it will be displayed between the title and actions.
- *
- * Although the Toolbar supports remote images for the logo, navigation and action icons, this
- * should only be used in DEV mode where `require('./some_icon.png')` translates into a packager
- * URL. In release mode you should always use a drawable resource for these icons. Using
- * `require('./some_icon.png')` will do this automatically for you, so as long as you don't
- * explicitly use e.g. `{uri: 'http://...'}`, you will be good.
- *
- * Example:
- *
- * ```
- * render: function() {
- *   return (
- *     <ToolbarAndroid
- *       logo={require('./app_logo.png')}
- *       title="AwesomeApp"
- *       actions={[{title: 'Settings', icon: require('./icon_settings.png'), show: 'always'}]}
- *       onActionSelected={this.onActionSelected} />
- *   )
- * },
- * onActionSelected: function(position) {
- *   if (position === 0) { // index of 'Settings'
- *     showSettings();
- *   }
- * }
- * ```
- *
- * [0]: https://developer.android.com/reference/android/support/v7/widget/Toolbar.html
- */
-
-type Action = $ReadOnly<{|
-  title: string,
-  icon?: ?ImageSource,
-  show?: 'always' | 'ifRoom' | 'never',
-  showWithText?: boolean,
-|}>;
-
-type ToolbarAndroidChangeEvent = SyntheticEvent<
-  $ReadOnly<{|
-    position: number,
-  |}>,
->;
-
-type ToolbarAndroidProps = $ReadOnly<{|
-  ...ViewProps,
-  /**
-   * or text on the right side of the widget. If they don't fit they are placed in an 'overflow'
-   * Sets possible actions on the toolbar as part of the action menu. These are displayed as icons
-   * menu.
-   *
-   * This property takes an array of objects, where each object has the following keys:
-   *
-   * * `title`: **required**, the title of this action
-   * * `icon`: the icon for this action, e.g. `require('./some_icon.png')`
-   * * `show`: when to show this action as an icon or hide it in the overflow menu: `always`,
-   * `ifRoom` or `never`
-   * * `showWithText`: boolean, whether to show text alongside the icon or not
-   */
-  actions?: ?Array<Action>,
-  /**
-   * Sets the toolbar logo.
-   */
-  logo?: ?ImageSource,
-  /**
-   * Sets the navigation icon.
-   */
-  navIcon?: ?ImageSource,
-  /**
-   * Callback that is called when an action is selected. The only argument that is passed to the
-   * callback is the position of the action in the actions array.
-   */
-  onActionSelected?: ?(position: number) => void,
-  /**
-   * Callback called when the icon is selected.
-   */
-  onIconClicked?: ?() => void,
-  /**
-   * Sets the overflow icon.
-   */
-  overflowIcon?: ?ImageSource,
-  /**
-   * Sets the toolbar subtitle.
-   */
-  subtitle?: ?string,
-  /**
-   * Sets the toolbar subtitle color.
-   */
-  subtitleColor?: ?ColorValue,
-  /**
-   * Sets the toolbar title.
-   */
-  title?: ?Stringish,
-  /**
-   * Sets the toolbar title color.
-   */
-  titleColor?: ?ColorValue,
-  /**
-   * Sets the content inset for the toolbar starting edge.
-   *
-   * The content inset affects the valid area for Toolbar content other than
-   * the navigation button and menu. Insets define the minimum margin for
-   * these components and can be used to effectively align Toolbar content
-   * along well-known gridlines.
-   */
-  contentInsetStart?: ?number,
-  /**
-   * Sets the content inset for the toolbar ending edge.
-   *
-   * The content inset affects the valid area for Toolbar content other than
-   * the navigation button and menu. Insets define the minimum margin for
-   * these components and can be used to effectively align Toolbar content
-   * along well-known gridlines.
-   */
-  contentInsetEnd?: ?number,
-  /**
-   * Used to set the toolbar direction to RTL.
-   * In addition to this property you need to add
-   *
-   *   android:supportsRtl="true"
-   *
-   * to your application AndroidManifest.xml and then call
-   * `setLayoutDirection(LayoutDirection.RTL)` in your MainActivity
-   * `onCreate` method.
-   */
-  rtl?: ?boolean,
-  /**
-   * Used to locate this view in end-to-end tests.
-   */
-  testID?: ?string,
-|}>;
-
-type Props = $ReadOnly<{|
-  ...ToolbarAndroidProps,
-  forwardedRef: ?React.Ref<typeof ToolbarAndroidNativeComponent>,
-|}>;
-
-class ToolbarAndroid extends React.Component<Props> {
-  _onSelect = (event: ToolbarAndroidChangeEvent) => {
-    const position = event.nativeEvent.position;
-    if (position === -1) {
-      this.props.onIconClicked && this.props.onIconClicked();
-    } else {
-      this.props.onActionSelected && this.props.onActionSelected(position);
-    }
-  };
-
-  render() {
-    const {
-      onIconClicked,
-      onActionSelected,
-      forwardedRef,
-      ...otherProps
-    } = this.props;
-
-    const nativeProps: {...typeof otherProps, nativeActions?: Array<Action>} = {
-      ...otherProps,
-    };
-
-    if (this.props.logo) {
-      nativeProps.logo = resolveAssetSource(this.props.logo);
-    }
-
-    if (this.props.navIcon) {
-      nativeProps.navIcon = resolveAssetSource(this.props.navIcon);
-    }
-
-    if (this.props.overflowIcon) {
-      nativeProps.overflowIcon = resolveAssetSource(this.props.overflowIcon);
-    }
-
-    if (this.props.actions) {
-      const nativeActions = [];
-      for (let i = 0; i < this.props.actions.length; i++) {
-        const action = {
-          icon: this.props.actions[i].icon,
-          show: this.props.actions[i].show,
-        };
-
-        if (action.icon) {
-          action.icon = resolveAssetSource(action.icon);
-        }
-        if (action.show) {
-          action.show = UIManager.getViewManagerConfig(
-            'ToolbarAndroid',
-          ).Constants.ShowAsAction[action.show];
-        }
-
-        nativeActions.push({
-          ...this.props.actions[i],
-          ...action,
-        });
-      }
-
-      nativeProps.nativeActions = nativeActions;
-    }
-
-    return (
-      <ToolbarAndroidNativeComponent
-        onSelect={this._onSelect}
-        {...nativeProps}
-        ref={forwardedRef}
-      />
-    );
-  }
-}
-
-const ToolbarAndroidToExport = React.forwardRef(
-  (
-    props: ToolbarAndroidProps,
-    forwardedRef: ?React.Ref<typeof ToolbarAndroidNativeComponent>,
-  ) => {
-    return <ToolbarAndroid {...props} forwardedRef={forwardedRef} />;
-  },
-);
-
-/* $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. */
-module.exports = (ToolbarAndroidToExport: Class<
-  NativeComponent<ToolbarAndroidProps>,
->);
diff --git a/Libraries/Components/ToolbarAndroid/ToolbarAndroidNativeComponent.js b/Libraries/Components/ToolbarAndroid/ToolbarAndroidNativeComponent.js
deleted file mode 100644
index 72ec072710ce5f..00000000000000
--- a/Libraries/Components/ToolbarAndroid/ToolbarAndroidNativeComponent.js
+++ /dev/null
@@ -1,134 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
-
-import type {SyntheticEvent} from '../../Types/CoreEventTypes';
-import type {ImageSource} from '../../Image/ImageSource';
-import type {ViewProps} from '../View/ViewPropTypes';
-import type {NativeComponent} from '../../Renderer/shims/ReactNative';
-import type {NativeOrDynamicColorType} from '../../Color/NativeOrDynamicColorType'; // ]TODO(macOS ISS#2323203)
-
-type Action = $ReadOnly<{|
-  title: string,
-  icon?: ?ImageSource,
-  show?: 'always' | 'ifRoom' | 'never',
-  showWithText?: boolean,
-|}>;
-
-type ToolbarAndroidChangeEvent = SyntheticEvent<
-  $ReadOnly<{|
-    position: number,
-  |}>,
->;
-
-type NativeProps = $ReadOnly<{|
-  onSelect: (event: ToolbarAndroidChangeEvent) => mixed,
-  nativeActions?: Array<Action>,
-|}>;
-
-type ColorValue = null | string | NativeOrDynamicColorType; // TODO(macOS ISS#2323203)
-
-type ToolbarAndroidProps = $ReadOnly<{|
-  ...ViewProps,
-  ...NativeProps,
-  /**
-   * or text on the right side of the widget. If they don't fit they are placed in an 'overflow'
-   * Sets possible actions on the toolbar as part of the action menu. These are displayed as icons
-   * menu.
-   *
-   * This property takes an array of objects, where each object has the following keys:
-   *
-   * * `title`: **required**, the title of this action
-   * * `icon`: the icon for this action, e.g. `require('./some_icon.png')`
-   * * `show`: when to show this action as an icon or hide it in the overflow menu: `always`,
-   * `ifRoom` or `never`
-   * * `showWithText`: boolean, whether to show text alongside the icon or not
-   */
-  actions?: ?Array<Action>,
-  /**
-   * Sets the toolbar logo.
-   */
-  logo?: ?ImageSource,
-  /**
-   * Sets the navigation icon.
-   */
-  navIcon?: ?ImageSource,
-  /**
-   * Callback that is called when an action is selected. The only argument that is passed to the
-   * callback is the position of the action in the actions array.
-   */
-  onActionSelected?: ?(position: number) => void,
-  /**
-   * Callback called when the icon is selected.
-   */
-  onIconClicked?: ?() => void,
-  /**
-   * Sets the overflow icon.
-   */
-  overflowIcon?: ?ImageSource,
-  /**
-   * Sets the toolbar subtitle.
-   */
-  subtitle?: ?string,
-  /**
-   * Sets the toolbar subtitle color.
-   */
-  subtitleColor?: ?ColorValue,
-  /**
-   * Sets the toolbar title.
-   */
-  title?: ?Stringish,
-  /**
-   * Sets the toolbar title color.
-   */
-  titleColor?: ?ColorValue,
-  /**
-   * Sets the content inset for the toolbar starting edge.
-   *
-   * The content inset affects the valid area for Toolbar content other than
-   * the navigation button and menu. Insets define the minimum margin for
-   * these components and can be used to effectively align Toolbar content
-   * along well-known gridlines.
-   */
-  contentInsetStart?: ?number,
-  /**
-   * Sets the content inset for the toolbar ending edge.
-   *
-   * The content inset affects the valid area for Toolbar content other than
-   * the navigation button and menu. Insets define the minimum margin for
-   * these components and can be used to effectively align Toolbar content
-   * along well-known gridlines.
-   */
-  contentInsetEnd?: ?number,
-  /**
-   * Used to set the toolbar direction to RTL.
-   * In addition to this property you need to add
-   *
-   *   android:supportsRtl="true"
-   *
-   * to your application AndroidManifest.xml and then call
-   * `setLayoutDirection(LayoutDirection.RTL)` in your MainActivity
-   * `onCreate` method.
-   */
-  rtl?: ?boolean,
-  /**
-   * Used to locate this view in end-to-end tests.
-   */
-  testID?: ?string,
-|}>;
-
-type NativeToolbarAndroidProps = Class<NativeComponent<ToolbarAndroidProps>>;
-
-module.exports = ((requireNativeComponent(
-  'ToolbarAndroid',
-): any): NativeToolbarAndroidProps);
diff --git a/Libraries/Components/Touchable/Touchable.js b/Libraries/Components/Touchable/Touchable.js
index 0170576855d5c0..a37a4fa24d4f78 100644
--- a/Libraries/Components/Touchable/Touchable.js
+++ b/Libraries/Components/Touchable/Touchable.js
@@ -23,8 +23,8 @@ const View = require('../View/View');
 const keyMirror = require('fbjs/lib/keyMirror');
 const normalizeColor = require('../../Color/normalizeColor');
 
-import type {PressEvent} from '../../Types/CoreEventTypes';
 import type {EdgeInsetsProp} from '../../StyleSheet/EdgeInsetsPropType';
+import type {PressEvent} from '../../Types/CoreEventTypes';
 
 const extractSingleTouch = nativeEvent => {
   const touches = nativeEvent.touches;
@@ -409,7 +409,9 @@ const TouchableMixin = {
    * @return {object} State object to be placed inside of
    * `this.state.touchable`.
    */
-  touchableGetInitialState: function() {
+  touchableGetInitialState: function(): $TEMPORARY$object<{|
+    touchable: $TEMPORARY$object<{|responderID: null, touchState: void|}>,
+  |}> {
     return {
       touchable: {touchState: undefined, responderID: null},
     };
@@ -419,21 +421,21 @@ const TouchableMixin = {
   /**
    * Must return true if embedded in a native platform scroll view.
    */
-  touchableHandleResponderTerminationRequest: function() {
+  touchableHandleResponderTerminationRequest: function(): any {
     return !this.props.rejectResponderTermination;
   },
 
   /**
    * Must return true to start the process of `Touchable`.
    */
-  touchableHandleStartShouldSetResponder: function() {
+  touchableHandleStartShouldSetResponder: function(): any {
     return !this.props.disabled;
   },
 
   /**
    * Return true to cancel press on long press.
    */
-  touchableLongPressCancelsPress: function() {
+  touchableLongPressCancelsPress: function(): boolean {
     return true;
   },
 
@@ -784,7 +786,7 @@ const TouchableMixin = {
     this.longPressDelayTimeout = null;
   },
 
-  _isHighlight: function(state: State) {
+  _isHighlight: function(state: State): boolean {
     return (
       state === States.RESPONDER_ACTIVE_PRESS_IN ||
       state === States.RESPONDER_ACTIVE_LONG_PRESS_IN
@@ -805,7 +807,7 @@ const TouchableMixin = {
     aY: number,
     bX: number,
     bY: number,
-  ) {
+  ): number {
     const deltaX = aX - bX;
     const deltaY = aY - bY;
     return Math.sqrt(deltaX * deltaX + deltaY * deltaY);
@@ -907,7 +909,7 @@ const TouchableMixin = {
     }
   },
 
-  withoutDefaultFocusAndBlur: {},
+  withoutDefaultFocusAndBlur: ({}: $TEMPORARY$object<{||}>),
 };
 
 /**
@@ -935,7 +937,7 @@ const Touchable = {
   }: {
     color: string | number,
     hitSlop: EdgeInsetsProp,
-  }) => {
+  }): null | React.Node => {
     if (!Touchable.TOUCH_TARGET_DEBUG) {
       return null;
     }
diff --git a/Libraries/Components/Touchable/TouchableBounce.js b/Libraries/Components/Touchable/TouchableBounce.js
index 5e290076f63416..560831621a6d0c 100644
--- a/Libraries/Components/Touchable/TouchableBounce.js
+++ b/Libraries/Components/Touchable/TouchableBounce.js
@@ -181,7 +181,9 @@ const TouchableBounce = ((createReactClass({
         accessibilityHint={this.props.accessibilityHint}
         accessibilityRole={this.props.accessibilityRole}
         accessibilityStates={this.props.accessibilityStates}
-        onAccessibilityTap={this.props.onAccessibilityTap} // TODO(OSS Candidate ISS#2710739)
+        accessibilityState={this.props.accessibilityState}
+        accessibilityActions={this.props.accessibilityActions}
+        onAccessibilityAction={this.props.onAccessibilityAction}
         acceptsKeyboardFocus={
           (this.props.acceptsKeyboardFocus === undefined ||
             this.props.acceptsKeyboardFocus) &&
@@ -196,8 +198,8 @@ const TouchableBounce = ((createReactClass({
         nativeID={this.props.nativeID}
         testID={this.props.testID}
         hitSlop={this.props.hitSlop}
-        clickable={
-          this.props.clickable !== false &&
+        focusable={
+          this.props.focusable !== false &&
           this.props.onPress !== undefined &&
           !this.props.disabled
         }
@@ -209,9 +211,6 @@ const TouchableBounce = ((createReactClass({
         onResponderGrant={this.touchableHandleResponderGrant}
         onResponderMove={this.touchableHandleResponderMove}
         onResponderRelease={this.touchableHandleResponderRelease}
-        /* $FlowFixMe(>=0.89.0 site=react_native_fb) This comment suppresses an
-         * error found when Flow v0.89 was deployed. To see the error, delete
-         * this comment and run Flow. */
         onResponderTerminate={this.touchableHandleResponderTerminate}
         tooltip={this.props.tooltip} // TODO(macOS/win ISS#2323203)
         onMouseEnter={this.props.onMouseEnter} // [TODO(macOS ISS#2323203)
diff --git a/Libraries/Components/Touchable/TouchableHighlight.js b/Libraries/Components/Touchable/TouchableHighlight.js
index c7dd4144a14480..b7c8bf1158737f 100644
--- a/Libraries/Components/Touchable/TouchableHighlight.js
+++ b/Libraries/Components/Touchable/TouchableHighlight.js
@@ -408,7 +408,9 @@ const TouchableHighlight = ((createReactClass({
         accessibilityHint={this.props.accessibilityHint} // TODO(OSS Candidate ISS#2710739)
         accessibilityRole={this.props.accessibilityRole}
         accessibilityStates={this.props.accessibilityStates}
-        onAccessibilityTap={this.props.onAccessibilityTap} // TODO(OSS Candidate ISS#2710739)
+        accessibilityState={this.props.accessibilityState}
+        accessibilityActions={this.props.accessibilityActions}
+        onAccessibilityAction={this.props.onAccessibilityAction}
         acceptsKeyboardFocus={
           (this.props.acceptsKeyboardFocus === undefined ||
             this.props.acceptsKeyboardFocus) &&
@@ -434,8 +436,8 @@ const TouchableHighlight = ((createReactClass({
         nextFocusLeft={this.props.nextFocusLeft}
         nextFocusRight={this.props.nextFocusRight}
         nextFocusUp={this.props.nextFocusUp}
-        clickable={
-          this.props.clickable !== false && this.props.onPress !== undefined
+        focusable={
+          this.props.focusable !== false && this.props.onPress !== undefined
         }
         onClick={this.touchableHandlePress}
         onStartShouldSetResponder={this.touchableHandleStartShouldSetResponder}
diff --git a/Libraries/Components/Touchable/TouchableNativeFeedback.android.js b/Libraries/Components/Touchable/TouchableNativeFeedback.android.js
index 45ad1e66e39b20..9263cbc7c782e8 100644
--- a/Libraries/Components/Touchable/TouchableNativeFeedback.android.js
+++ b/Libraries/Components/Touchable/TouchableNativeFeedback.android.js
@@ -24,7 +24,7 @@ const ensurePositiveDelayProps = require('./ensurePositiveDelayProps');
 const processColor = require('../../StyleSheet/processColor');
 
 import type {PressEvent} from '../../Types/CoreEventTypes';
-import type {NativeOrDynamicColorType} from '../../Color/NativeOrDynamicColorType'; // ]TODO(macOS ISS#2323203)
+import type {NativeOrDynamicColorType} from '../../Color/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
 
 const rippleBackgroundPropType = PropTypes.shape({
   type: PropTypes.oneOf(['RippleAndroid']),
@@ -316,7 +316,9 @@ const TouchableNativeFeedback = createReactClass({
       accessibilityHint: this.props.accessibilityHint, // TODO(OSS Candidate ISS#2710739)
       accessibilityRole: this.props.accessibilityRole,
       accessibilityStates: this.props.accessibilityStates,
-      onAccessibilityTap: this.props.onAccessibilityTap, // TODO(OSS Candidate ISS#2710739)
+      accessibilityState: this.props.accessibilityState,
+      accessibilityActions: this.props.accessibilityActions,
+      onAccessibilityAction: this.props.onAccessibilityAction,
       children,
       testID: this.props.testID,
       onLayout: this.props.onLayout,
@@ -328,8 +330,8 @@ const TouchableNativeFeedback = createReactClass({
       nextFocusRight: this.props.nextFocusRight,
       nextFocusUp: this.props.nextFocusUp,
       hasTVPreferredFocus: this.props.hasTVPreferredFocus,
-      clickable:
-        this.props.clickable !== false &&
+      focusable:
+        this.props.focusable !== false &&
         this.props.onPress !== undefined &&
         !this.props.disabled,
       onClick: this.touchableHandlePress,
diff --git a/Libraries/Components/Touchable/TouchableOpacity.js b/Libraries/Components/Touchable/TouchableOpacity.js
index 31dcc6ff389379..5a8ae9d3d19c45 100644
--- a/Libraries/Components/Touchable/TouchableOpacity.js
+++ b/Libraries/Components/Touchable/TouchableOpacity.js
@@ -52,7 +52,7 @@ type Props = $ReadOnly<{|
  * On press down, the opacity of the wrapped view is decreased, dimming it.
  *
  * Opacity is controlled by wrapping the children in an Animated.View, which is
- * added to the view hiearchy.  Be aware that this can affect layout.
+ * added to the view hierarchy.  Be aware that this can affect layout.
  *
  * Example:
  *
@@ -311,7 +311,9 @@ const TouchableOpacity = ((createReactClass({
         accessibilityHint={this.props.accessibilityHint} // TODO(OSS Candidate ISS#2710739)
         accessibilityRole={this.props.accessibilityRole}
         accessibilityStates={this.props.accessibilityStates}
-        onAccessibilityTap={this.props.onAccessibilityTap} // TODO(OSS Candidate ISS#2710739)
+        accessibilityState={this.props.accessibilityState}
+        accessibilityActions={this.props.accessibilityActions}
+        onAccessibilityAction={this.props.onAccessibilityAction}
         acceptsKeyboardFocus={
           (this.props.acceptsKeyboardFocus === undefined ||
             this.props.acceptsKeyboardFocus) &&
@@ -336,8 +338,8 @@ const TouchableOpacity = ((createReactClass({
         hasTVPreferredFocus={this.props.hasTVPreferredFocus}
         tvParallaxProperties={this.props.tvParallaxProperties}
         hitSlop={this.props.hitSlop}
-        clickable={
-          this.props.clickable !== false && this.props.onPress !== undefined
+        focusable={
+          this.props.focusable !== false && this.props.onPress !== undefined
         }
         onClick={this.touchableHandlePress}
         onStartShouldSetResponder={this.touchableHandleStartShouldSetResponder}
@@ -354,9 +356,6 @@ const TouchableOpacity = ((createReactClass({
         onDragLeave={this.props.onDragLeave}
         onDrop={this.props.onDrop}
         draggedTypes={this.props.draggedTypes} // ]TODO(macOS ISS#2323203)
-        /* $FlowFixMe(>=0.89.0 site=react_native_fb) This comment suppresses an
-         * error found when Flow v0.89 was deployed. To see the error, delete
-         * this comment and run Flow. */
         onResponderTerminate={this.touchableHandleResponderTerminate}>
         {this.props.children}
         {Touchable.renderDebugView({
diff --git a/Libraries/Components/Touchable/TouchableWithoutFeedback.js b/Libraries/Components/Touchable/TouchableWithoutFeedback.js
index 9378b37e7a83b3..9cf5530d57065d 100755
--- a/Libraries/Components/Touchable/TouchableWithoutFeedback.js
+++ b/Libraries/Components/Touchable/TouchableWithoutFeedback.js
@@ -21,7 +21,6 @@ const ensurePositiveDelayProps = require('./ensurePositiveDelayProps');
 
 const {
   DeprecatedAccessibilityRoles,
-  DeprecatedAccessibilityStates,
 } = require('../../DeprecatedPropTypes/DeprecatedViewAccessibility');
 
 import type {
@@ -33,11 +32,14 @@ import type {EdgeInsetsProp} from '../../StyleSheet/EdgeInsetsPropType';
 import type {
   AccessibilityRole,
   AccessibilityStates,
+  AccessibilityState,
+  AccessibilityActionInfo,
+  AccessibilityActionEvent,
 } from '../View/ViewAccessibility';
 
 // [TODO(macOS ISS#2323203)
-const {DraggedTypes} = require('DraggedType');
-import type {DraggedTypesType} from 'DraggedType';
+const {DraggedTypes} = require('../View/DraggedType');
+import type {DraggedTypesType} from '../View/DraggedType';
 // ]TODO(macOS ISS#2323203)
 
 type TargetEvent = SyntheticEvent<
@@ -57,6 +59,9 @@ const OVERRIDE_PROPS = [
   'accessibilityIgnoresInvertColors',
   'accessibilityRole',
   'accessibilityStates',
+  'accessibilityState',
+  'accessibilityActions',
+  'onAccessibilityAction',
   'hitSlop',
   'nativeID',
   'onBlur',
@@ -72,6 +77,8 @@ export type Props = $ReadOnly<{|
   accessibilityIgnoresInvertColors?: ?boolean,
   accessibilityRole?: ?AccessibilityRole,
   accessibilityStates?: ?AccessibilityStates,
+  accessibilityState?: ?AccessibilityState,
+  accessibilityActions?: ?$ReadOnlyArray<AccessibilityActionInfo>,
   children?: ?React.Node,
   delayLongPress?: ?number,
   delayPressIn?: ?number,
@@ -87,7 +94,7 @@ export type Props = $ReadOnly<{|
   onPress?: ?(event: PressEvent) => mixed,
   onPressIn?: ?(event: PressEvent) => mixed,
   onPressOut?: ?(event: PressEvent) => mixed,
-  onAccessibilityTap?: ?Function, // TODO(OSS Candidate ISS#2710739)
+  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => void,
   acceptsKeyboardFocus?: ?boolean, // [TODO(macOS ISS#2323203)
   onMouseEnter?: ?Function,
   onMouseLeave?: ?Function,
@@ -119,10 +126,10 @@ const TouchableWithoutFeedback = ((createReactClass({
     accessibilityHint: PropTypes.string,
     accessibilityIgnoresInvertColors: PropTypes.bool,
     accessibilityRole: PropTypes.oneOf(DeprecatedAccessibilityRoles),
-    accessibilityStates: PropTypes.arrayOf(
-      PropTypes.oneOf(DeprecatedAccessibilityStates),
-    ),
-    onAccessibilityTap: PropTypes.func, // TODO(OSS Candidate ISS#2710739)
+    accessibilityStates: PropTypes.array,
+    accessibilityState: PropTypes.object,
+    accessibilityActions: PropTypes.array,
+    onAccessibilityAction: PropTypes.func,
     tabIndex: PropTypes.number, // TODO(macOS/win ISS#2323203)
     /**
      * When `accessible` is true (which is the default) this may be called when
@@ -316,7 +323,7 @@ const TouchableWithoutFeedback = ((createReactClass({
       accessibilityHint: this.props.accessibilityHint,
       accessibilityRole: this.props.accessibilityRole,
       accessibilityStates: this.props.accessibilityStates,
-      onAccessibilityTap: this.props.onAccessibilityTap, // TODO(OSS Candidate ISS#2710739)
+      onAccessibilityAction: this.props.onAccessibilityAction, // TODO(OSS Candidate ISS#2710739)
       acceptsKeyboardFocus:
         (this.props.acceptsKeyboardFocus === undefined ||
           this.props.acceptsKeyboardFocus) &&
@@ -328,8 +335,8 @@ const TouchableWithoutFeedback = ((createReactClass({
       testID: this.props.testID,
       onLayout: this.props.onLayout,
       hitSlop: this.props.hitSlop,
-      clickable:
-        this.props.clickable !== false && this.props.onPress !== undefined,
+      focusable:
+        this.props.focusable !== false && this.props.onPress !== undefined,
       onStartShouldSetResponder: this.touchableHandleStartShouldSetResponder,
       onResponderTerminationRequest: this
         .touchableHandleResponderTerminationRequest,
@@ -340,10 +347,10 @@ const TouchableWithoutFeedback = ((createReactClass({
       tooltip: this.props.tooltip, // TODO(macOS/win ISS#2323203)
       onClick: this.touchableHandlePress, // TODO(android ISS)
       onMouseEnter: this.props.onMouseEnter, // [TODO(macOS ISS#2323203)
-      onMouseLeave: this.props.onMouseLeave, // [TODO(macOS ISS#2323203)
-      onDragEnter: this.props.onDragEnter, // [TODO(macOS ISS#2323203)
-      onDragLeave: this.props.onDragLeave, // [TODO(macOS ISS#2323203)
-      onDrop: this.props.onDrop, // [TODO(macOS ISS#2323203)
+      onMouseLeave: this.props.onMouseLeave,
+      onDragEnter: this.props.onDragEnter,
+      onDragLeave: this.props.onDragLeave,
+      onDrop: this.props.onDrop,
       draggedTypes: this.props.draggedTypes, // ]TODO(macOS ISS#2323203)
       children,
     });
diff --git a/Libraries/Components/Touchable/__tests__/__snapshots__/TouchableHighlight-test.js.snap b/Libraries/Components/Touchable/__tests__/__snapshots__/TouchableHighlight-test.js.snap
index 883d311bd25517..a19b74e58c4360 100644
--- a/Libraries/Components/Touchable/__tests__/__snapshots__/TouchableHighlight-test.js.snap
+++ b/Libraries/Components/Touchable/__tests__/__snapshots__/TouchableHighlight-test.js.snap
@@ -4,8 +4,8 @@ exports[`TouchableHighlight renders correctly 1`] = `
 <View
   acceptsKeyboardFocus={true}
   accessible={true}
-  clickable={false}
   enableFocusRing={true}
+  focusable={false}
   isTVSelectable={true}
   onClick={[Function]}
   onResponderGrant={[Function]}
diff --git a/Libraries/Components/Touchable/ensureComponentIsNative.js b/Libraries/Components/Touchable/ensureComponentIsNative.js
deleted file mode 100644
index dbf166e4b050a4..00000000000000
--- a/Libraries/Components/Touchable/ensureComponentIsNative.js
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-const invariant = require('invariant');
-
-const ensureComponentIsNative = function(component: any) {
-  invariant(
-    component && typeof component.setNativeProps === 'function',
-    'Touchable child must either be native or forward setNativeProps to a ' +
-      'native component',
-  );
-};
-
-module.exports = ensureComponentIsNative;
diff --git a/Libraries/Components/UnimplementedViews/UnimplementedNativeView.js b/Libraries/Components/UnimplementedViews/UnimplementedNativeView.js
deleted file mode 100644
index 9e1d5f64af019c..00000000000000
--- a/Libraries/Components/UnimplementedViews/UnimplementedNativeView.js
+++ /dev/null
@@ -1,29 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
-
-import type {ViewProps} from '../View/ViewPropTypes';
-import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
-import type {NativeComponent} from '../../Renderer/shims/ReactNative';
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-  name?: ?string,
-  style?: ?ViewStyleProp,
-|}>;
-
-type UnimplementedViewNativeType = Class<NativeComponent<NativeProps>>;
-
-module.exports = ((requireNativeComponent(
-  'UnimplementedNativeView',
-): any): UnimplementedViewNativeType);
diff --git a/Libraries/Components/UnimplementedViews/UnimplementedNativeViewNativeComponent.js b/Libraries/Components/UnimplementedViews/UnimplementedNativeViewNativeComponent.js
new file mode 100644
index 00000000000000..cea9d45a2020e5
--- /dev/null
+++ b/Libraries/Components/UnimplementedViews/UnimplementedNativeViewNativeComponent.js
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {WithDefault} from '../../Types/CodegenTypes';
+import type {ViewProps} from '../View/ViewPropTypes';
+
+import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} 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',
+): NativeComponentType<NativeProps>);
diff --git a/Libraries/Components/UnimplementedViews/UnimplementedNativeViewSchema.js b/Libraries/Components/UnimplementedViews/UnimplementedNativeViewSchema.js
deleted file mode 100644
index 99773adcc18119..00000000000000
--- a/Libraries/Components/UnimplementedViews/UnimplementedNativeViewSchema.js
+++ /dev/null
@@ -1,43 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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 {SchemaType} from '../../../packages/react-native-codegen/src/CodegenSchema.js';
-
-const UnimplementedNativeViewSchema: SchemaType = {
-  modules: {
-    UnimplementedNativeViewSchema: {
-      components: {
-        UnimplementedNativeView: {
-          extendsProps: [
-            {
-              type: 'ReactNativeBuiltInType',
-              knownTypeName: 'ReactNativeCoreViewProps',
-            },
-          ],
-          events: [],
-          props: [
-            {
-              name: 'name',
-              optional: true,
-              typeAnnotation: {
-                type: 'StringTypeAnnotation',
-                default: '',
-              },
-            },
-          ],
-        },
-      },
-    },
-  },
-};
-
-module.exports = UnimplementedNativeViewSchema;
diff --git a/Libraries/Components/UnimplementedViews/UnimplementedView.js b/Libraries/Components/UnimplementedViews/UnimplementedView.js
index d507629710e16c..59725244cefa6e 100644
--- a/Libraries/Components/UnimplementedViews/UnimplementedView.js
+++ b/Libraries/Components/UnimplementedViews/UnimplementedView.js
@@ -17,13 +17,7 @@ const StyleSheet = require('../../StyleSheet/StyleSheet');
  * View component and renders its children.
  */
 class UnimplementedView extends React.Component<$FlowFixMeProps> {
-  setNativeProps() {
-    // Do nothing.
-    // This method is required in order to use this view as a Touchable* child.
-    // See ensureComponentIsNative.js for more info
-  }
-
-  render() {
+  render(): React.Node {
     // Workaround require cycle from requireNativeComponent
     const View = require('../View/View');
     return (
diff --git a/Libraries/Components/View/PlatformViewPropTypes.macos.js b/Libraries/Components/View/PlatformViewPropTypes.macos.js
index a9036f945756fa..cf5d82afb5bd3b 100644
--- a/Libraries/Components/View/PlatformViewPropTypes.macos.js
+++ b/Libraries/Components/View/PlatformViewPropTypes.macos.js
@@ -9,4 +9,6 @@
 
 // TODO(macOS ISS#2323203)
 
-module.exports = {};
+'use strict';
+
+export type PlatformViewPropTypes = {};
diff --git a/Libraries/Components/View/ReactNativeStyleAttributes.js b/Libraries/Components/View/ReactNativeStyleAttributes.js
index 8264f1f3779dd1..c1126c724e554b 100644
--- a/Libraries/Components/View/ReactNativeStyleAttributes.js
+++ b/Libraries/Components/View/ReactNativeStyleAttributes.js
@@ -11,7 +11,7 @@
 'use strict';
 
 const DeprecatedImageStylePropTypes = require('../../DeprecatedPropTypes/DeprecatedImageStylePropTypes');
-const TextStylePropTypes = require('../../Text/TextStylePropTypes');
+const DeprecatedTextStylePropTypes = require('../../DeprecatedPropTypes/DeprecatedTextStylePropTypes');
 const DeprecatedViewStylePropTypes = require('../../DeprecatedPropTypes/DeprecatedViewStylePropTypes');
 
 const processColor = require('../../StyleSheet/processColor');
@@ -22,7 +22,7 @@ const ReactNativeStyleAttributes = {};
 
 for (const attributeName of Object.keys({
   ...DeprecatedViewStylePropTypes,
-  ...TextStylePropTypes,
+  ...DeprecatedTextStylePropTypes,
   ...DeprecatedImageStylePropTypes,
 })) {
   ReactNativeStyleAttributes[attributeName] = true;
diff --git a/Libraries/Components/View/ReactNativeViewAttributes.js b/Libraries/Components/View/ReactNativeViewAttributes.js
index 4a060234dadecc..8f9ba3b2189558 100644
--- a/Libraries/Components/View/ReactNativeViewAttributes.js
+++ b/Libraries/Components/View/ReactNativeViewAttributes.js
@@ -12,9 +12,7 @@
 
 const ReactNativeStyleAttributes = require('./ReactNativeStyleAttributes');
 
-const ReactNativeViewAttributes = {};
-
-ReactNativeViewAttributes.UIView = {
+const UIView = {
   pointerEvents: true,
   accessible: true,
   accessibilityActions: true,
@@ -22,6 +20,7 @@ ReactNativeViewAttributes.UIView = {
   accessibilityLiveRegion: true,
   accessibilityRole: true,
   accessibilityStates: true,
+  accessibilityState: true,
   accessibilityHint: true,
   acceptsKeyboardFocus: true, // TODO(macOS ISS#2323203)
   enableFocusRing: true, // TODO(macOS ISS#2323203)
@@ -47,8 +46,8 @@ ReactNativeViewAttributes.UIView = {
   style: ReactNativeStyleAttributes,
 };
 
-ReactNativeViewAttributes.RCTView = {
-  ...ReactNativeViewAttributes.UIView,
+const RCTView = {
+  ...UIView,
 
   // This is a special performance property exposed by RCTView and useful for
   // scrolling content when there are many subviews, most of which are offscreen.
@@ -58,4 +57,9 @@ ReactNativeViewAttributes.RCTView = {
   removeClippedSubviews: true,
 };
 
+const ReactNativeViewAttributes = {
+  UIView: UIView,
+  RCTView: RCTView,
+};
+
 module.exports = ReactNativeViewAttributes;
diff --git a/Libraries/Components/View/ReactNativeViewViewConfig.js b/Libraries/Components/View/ReactNativeViewViewConfig.js
index 7a70e54eebedf1..a4cf78746409c0 100644
--- a/Libraries/Components/View/ReactNativeViewViewConfig.js
+++ b/Libraries/Components/View/ReactNativeViewViewConfig.js
@@ -9,14 +9,17 @@
  */
 
 'use strict';
+import ReactNativeViewViewConfigAndroid from './ReactNativeViewViewConfigAndroid';
+import ReactNativeViewViewConfigMacOS from './ReactNativeViewViewConfigMacOS'; // TODO(macOS ISS#2323203)
 
 const ReactNativeViewConfig = {
   uiViewClassName: 'RCTView',
   baseModuleName: null,
   Manager: 'ViewManager',
-  Commands: {},
-  Constants: {},
+  Commands: ({}: $TEMPORARY$object<{||}>),
+  Constants: ({}: $TEMPORARY$object<{||}>),
   bubblingEventTypes: {
+    ...ReactNativeViewViewConfigAndroid.bubblingEventTypes,
     topBlur: {
       phasedRegistrationNames: {
         bubbled: 'onBlur',
@@ -85,6 +88,8 @@ const ReactNativeViewConfig = {
     },
   },
   directEventTypes: {
+    ...ReactNativeViewViewConfigAndroid.directEventTypes,
+    ...ReactNativeViewViewConfigMacOS.directEventTypes, // TODO(macOS ISS#2323203)
     topAccessibilityAction: {
       registrationName: 'onAccessibilityAction',
     },
@@ -100,8 +105,18 @@ const ReactNativeViewConfig = {
     topMagicTap: {
       registrationName: 'onMagicTap',
     },
+    // Events for react-native-gesture-handler (T45765076)
+    // Remove once this library can handle JS View Configs
+    onGestureHandlerEvent: {
+      registrationName: 'onGestureHandlerEvent',
+    },
+    onGestureHandlerStateChange: {
+      registrationName: 'onGestureHandlerStateChange',
+    },
   },
   validAttributes: {
+    ...ReactNativeViewViewConfigAndroid.validAttributes,
+    ...ReactNativeViewViewConfigMacOS.validAttributes, // TODO(macOS ISS#2323203)
     accessibilityActions: true,
     accessibilityElementsHidden: true,
     accessibilityHint: true,
@@ -110,6 +125,7 @@ const ReactNativeViewConfig = {
     accessibilityLiveRegion: true,
     accessibilityRole: true,
     accessibilityStates: true,
+    accessibilityState: true,
     accessibilityViewIsModal: true,
     accessible: true,
     alignContent: true,
@@ -117,25 +133,25 @@ const ReactNativeViewConfig = {
     alignSelf: true,
     aspectRatio: true,
     backfaceVisibility: true,
-    backgroundColor: {process: require('processColor')},
-    borderBottomColor: {process: require('processColor')},
+    backgroundColor: {process: require('../../StyleSheet/processColor')},
+    borderBottomColor: {process: require('../../StyleSheet/processColor')},
     borderBottomEndRadius: true,
     borderBottomLeftRadius: true,
     borderBottomRightRadius: true,
     borderBottomStartRadius: true,
     borderBottomWidth: true,
-    borderColor: {process: require('processColor')},
-    borderEndColor: {process: require('processColor')},
+    borderColor: {process: require('../../StyleSheet/processColor')},
+    borderEndColor: {process: require('../../StyleSheet/processColor')},
     borderEndWidth: true,
-    borderLeftColor: {process: require('processColor')},
+    borderLeftColor: {process: require('../../StyleSheet/processColor')},
     borderLeftWidth: true,
     borderRadius: true,
-    borderRightColor: {process: require('processColor')},
+    borderRightColor: {process: require('../../StyleSheet/processColor')},
     borderRightWidth: true,
-    borderStartColor: {process: require('processColor')},
+    borderStartColor: {process: require('../../StyleSheet/processColor')},
     borderStartWidth: true,
     borderStyle: true,
-    borderTopColor: {process: require('processColor')},
+    borderTopColor: {process: require('../../StyleSheet/processColor')},
     borderTopEndRadius: true,
     borderTopLeftRadius: true,
     borderTopRightRadius: true,
@@ -156,7 +172,7 @@ const ReactNativeViewConfig = {
     flexShrink: true,
     flexWrap: true,
     height: true,
-    hitSlop: {diff: (require('insetsDiffer'): any)},
+    hitSlop: {diff: (require('../../Utilities/differ/insetsDiffer'): any)},
     importantForAccessibility: true,
     justifyContent: true,
     left: true,
@@ -199,8 +215,8 @@ const ReactNativeViewConfig = {
     rotation: true,
     scaleX: true,
     scaleY: true,
-    shadowColor: {process: require('processColor')},
-    shadowOffset: {diff: require('sizesDiffer')},
+    shadowColor: {process: require('../../StyleSheet/processColor')},
+    shadowOffset: {diff: require('../../Utilities/differ/sizesDiffer')},
     shadowOpacity: true,
     shadowRadius: true,
     shouldRasterizeIOS: true,
@@ -211,25 +227,25 @@ const ReactNativeViewConfig = {
       alignSelf: true,
       aspectRatio: true,
       backfaceVisibility: true,
-      backgroundColor: {process: require('processColor')},
-      borderBottomColor: {process: require('processColor')},
+      backgroundColor: {process: require('../../StyleSheet/processColor')},
+      borderBottomColor: {process: require('../../StyleSheet/processColor')},
       borderBottomEndRadius: true,
       borderBottomLeftRadius: true,
       borderBottomRightRadius: true,
       borderBottomStartRadius: true,
       borderBottomWidth: true,
-      borderColor: {process: require('processColor')},
-      borderEndColor: {process: require('processColor')},
+      borderColor: {process: require('../../StyleSheet/processColor')},
+      borderEndColor: {process: require('../../StyleSheet/processColor')},
       borderEndWidth: true,
-      borderLeftColor: {process: require('processColor')},
+      borderLeftColor: {process: require('../../StyleSheet/processColor')},
       borderLeftWidth: true,
       borderRadius: true,
-      borderRightColor: {process: require('processColor')},
+      borderRightColor: {process: require('../../StyleSheet/processColor')},
       borderRightWidth: true,
-      borderStartColor: {process: require('processColor')},
+      borderStartColor: {process: require('../../StyleSheet/processColor')},
       borderStartWidth: true,
       borderStyle: true,
-      borderTopColor: {process: require('processColor')},
+      borderTopColor: {process: require('../../StyleSheet/processColor')},
       borderTopEndRadius: true,
       borderTopLeftRadius: true,
       borderTopRightRadius: true,
@@ -237,7 +253,7 @@ const ReactNativeViewConfig = {
       borderTopWidth: true,
       borderWidth: true,
       bottom: true,
-      color: {process: require('processColor')},
+      color: {process: require('../../StyleSheet/processColor')},
       decomposedMatrix: true,
       direction: true,
       display: true,
@@ -275,7 +291,7 @@ const ReactNativeViewConfig = {
       minWidth: true,
       opacity: true,
       overflow: true,
-      overlayColor: {process: require('processColor')},
+      overlayColor: {process: require('../../StyleSheet/processColor')},
       padding: true,
       paddingBottom: true,
       paddingEnd: true,
@@ -291,23 +307,23 @@ const ReactNativeViewConfig = {
       rotation: true,
       scaleX: true,
       scaleY: true,
-      shadowColor: {process: require('processColor')},
-      shadowOffset: {diff: require('sizesDiffer')},
+      shadowColor: {process: require('../../StyleSheet/processColor')},
+      shadowOffset: {diff: require('../../Utilities/differ/sizesDiffer')},
       shadowOpacity: true,
       shadowRadius: true,
       start: true,
       textAlign: true,
       textAlignVertical: true,
-      textDecorationColor: {process: require('processColor')},
+      textDecorationColor: {process: require('../../StyleSheet/processColor')},
       textDecorationLine: true,
       textDecorationStyle: true,
-      textShadowColor: {process: require('processColor')},
+      textShadowColor: {process: require('../../StyleSheet/processColor')},
       textShadowOffset: true,
       textShadowRadius: true,
       textTransform: true,
-      tintColor: {process: require('processColor')},
+      tintColor: {process: require('../../StyleSheet/processColor')},
       top: true,
-      transform: {diff: require('matricesDiffer')},
+      transform: {diff: require('../../Utilities/differ/matricesDiffer')},
       transformMatrix: true,
       translateX: true,
       translateY: true,
@@ -317,7 +333,7 @@ const ReactNativeViewConfig = {
     },
     testID: true,
     top: true,
-    transform: {diff: require('matricesDiffer')},
+    transform: {diff: require('../../Utilities/differ/matricesDiffer')},
     translateX: true,
     translateY: true,
     width: true,
diff --git a/Libraries/Components/View/ReactNativeViewViewConfigAndroid.js b/Libraries/Components/View/ReactNativeViewViewConfigAndroid.js
new file mode 100644
index 00000000000000..250b0634bae3f4
--- /dev/null
+++ b/Libraries/Components/View/ReactNativeViewViewConfigAndroid.js
@@ -0,0 +1,74 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+const ReactNativeViewViewConfigAndroid = {
+  uiViewClassName: 'RCTView',
+  bubblingEventTypes: {
+    topSelect: {
+      phasedRegistrationNames: {
+        bubbled: 'onSelect',
+        captured: 'onSelectCapture',
+      },
+    },
+  },
+  directEventTypes: {
+    topClick: {
+      registrationName: 'onClick',
+    },
+    topContentSizeChange: {
+      registrationName: 'onContentSizeChange',
+    },
+    topLoadingError: {
+      registrationName: 'onLoadingError',
+    },
+    topLoadingFinish: {
+      registrationName: 'onLoadingFinish',
+    },
+    topLoadingStart: {
+      registrationName: 'onLoadingStart',
+    },
+    topMessage: {
+      registrationName: 'onMessage',
+    },
+    topMomentumScrollBegin: {
+      registrationName: 'onMomentumScrollBegin',
+    },
+    topMomentumScrollEnd: {
+      registrationName: 'onMomentumScrollEnd',
+    },
+    topScroll: {
+      registrationName: 'onScroll',
+    },
+    topScrollBeginDrag: {
+      registrationName: 'onScrollBeginDrag',
+    },
+    topScrollEndDrag: {
+      registrationName: 'onScrollEndDrag',
+    },
+    topSelectionChange: {
+      registrationName: 'onSelectionChange',
+    },
+  },
+  validAttributes: {
+    hasTVPreferredFocus: true,
+    focusable: true,
+    nativeBackgroundAndroid: true,
+    nativeForegroundAndroid: true,
+    nextFocusDown: true,
+    nextFocusForward: true,
+    nextFocusLeft: true,
+    nextFocusRight: true,
+    nextFocusUp: true,
+  },
+};
+
+module.exports = ReactNativeViewViewConfigAndroid;
diff --git a/Libraries/Components/View/ReactNativeViewViewConfigMacOS.js b/Libraries/Components/View/ReactNativeViewViewConfigMacOS.js
new file mode 100644
index 00000000000000..88de4c4752541a
--- /dev/null
+++ b/Libraries/Components/View/ReactNativeViewViewConfigMacOS.js
@@ -0,0 +1,55 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+// TODO(macOS ISS#2323203)
+
+'use strict';
+
+const ReactNativeViewViewConfigMacOS = {
+  uiViewClassName: 'RCTView',
+  directEventTypes: {
+    topDoubleClick: {
+      registrationName: 'topDoubleClick',
+    },
+    topDragEnter: {
+      registrationName: 'topDragEnter',
+    },
+    topDragLeave: {
+      registrationName: 'topDragLeave',
+    },
+    topDrop: {
+      registrationName: 'topDrop',
+    },
+    topMouseEnter: {
+      registrationName: 'topMouseEnter',
+    },
+    topMouseLeave: {
+      registrationName: 'topMouseLeave',
+    },
+  },
+  validAttributes: {
+    acceptsKeyboardFocus: true,
+    accessibilityTraits: true,
+    draggedTypes: true,
+    enableFocusRing: true,
+    onBlur: true,
+    onClick: true,
+    onDoubleClick: true,
+    onDragEnter: true,
+    onDragLeave: true,
+    onDrop: true,
+    onFocus: true,
+    onMouseEnter: true,
+    onMouseLeave: true,
+    tooltip: true,
+  },
+};
+
+module.exports = ReactNativeViewViewConfigMacOS;
diff --git a/Libraries/Components/View/View.js b/Libraries/Components/View/View.js
index c321d7f87a7cbc..bd2c26f0e5d7d0 100644
--- a/Libraries/Components/View/View.js
+++ b/Libraries/Components/View/View.js
@@ -10,10 +10,8 @@
 
 'use strict';
 
-const React = require('react');
-const ViewNativeComponent = require('./ViewNativeComponent');
-
 import type {ViewProps} from './ViewPropTypes';
+import type {ViewNativeComponentType} from './ViewNativeComponent';
 
 export type Props = ViewProps;
 
@@ -24,19 +22,5 @@ export type Props = ViewProps;
  *
  * @see http://facebook.github.io/react-native/docs/view.html
  */
-
-let ViewToExport = ViewNativeComponent;
-if (__DEV__) {
-  if (!global.__RCTProfileIsProfiling) {
-    const View = (
-      props: Props,
-      forwardedRef: React.Ref<typeof ViewNativeComponent>,
-    ) => {
-      return <ViewNativeComponent {...props} ref={forwardedRef} />;
-    };
-    ViewToExport = React.forwardRef(View);
-    ViewToExport.displayName = 'View';
-  }
-}
-
-module.exports = ((ViewToExport: $FlowFixMe): typeof ViewNativeComponent);
+module.exports = (require('./ViewNativeComponent')
+  .default: ViewNativeComponentType);
diff --git a/Libraries/Components/View/ViewAccessibility.js b/Libraries/Components/View/ViewAccessibility.js
index f54ef112ac98c8..04258e2f99a32b 100644
--- a/Libraries/Components/View/ViewAccessibility.js
+++ b/Libraries/Components/View/ViewAccessibility.js
@@ -10,7 +10,7 @@
 
 'use strict';
 
-import type {SyntheticEvent} from 'CoreEventTypes';
+import type {SyntheticEvent} from '../../Types/CoreEventTypes';
 
 // [TODO(android ISS)
 export type AccessibilityNodeInfoProp = {
@@ -71,3 +71,11 @@ export type AccessibilityActionEvent = SyntheticEvent<
     actionName: string,
   }>,
 >;
+
+export type AccessibilityState = {
+  disabled?: boolean,
+  selected?: boolean,
+  checked?: ?boolean | 'mixed',
+  busy?: boolean,
+  expanded?: boolean,
+};
diff --git a/Libraries/Components/View/ViewNativeComponent.js b/Libraries/Components/View/ViewNativeComponent.js
index 21e57c8a437ab5..f954a2d6c2f474 100644
--- a/Libraries/Components/View/ViewNativeComponent.js
+++ b/Libraries/Components/View/ViewNativeComponent.js
@@ -10,14 +10,61 @@
 
 'use strict';
 
+const Platform = require('../../Utilities/Platform');
 const ReactNative = require('../../Renderer/shims/ReactNative');
+const ReactNativeViewViewConfigAndroid = require('./ReactNativeViewViewConfigAndroid');
 
+const registerGeneratedViewConfig = require('../../Utilities/registerGeneratedViewConfig');
 const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
 
 import type {ViewProps} from './ViewPropTypes';
 
-type ViewNativeComponentType = Class<ReactNative.NativeComponent<ViewProps>>;
+export type ViewNativeComponentType = Class<
+  ReactNative.NativeComponent<ViewProps>,
+>;
 
-const NativeViewComponent = requireNativeComponent('RCTView');
+let NativeViewComponent;
+let viewConfig:
+  | $TEMPORARY$object<{||}>
+  | $TEMPORARY$object<{|
+      bubblingEventTypes?: $ReadOnly<{
+        [eventName: string]: $ReadOnly<{|
+          phasedRegistrationNames: $ReadOnly<{|
+            bubbled: string,
+            captured: string,
+          |}>,
+        |}>,
+      }>,
+      directEventTypes?: $ReadOnly<{
+        [eventName: string]: $ReadOnly<{|registrationName: string|}>,
+      }>,
+      uiViewClassName: string,
+      validAttributes?: {
+        [propName: string]:
+          | true
+          | $ReadOnly<{|
+              diff?: <T>(arg1: any, arg2: any) => boolean,
+              process?: (arg1: any) => any,
+            |}>,
+      },
+    |}>;
 
-module.exports = ((NativeViewComponent: any): ViewNativeComponentType);
+// Only use the JS view config in DEV
+if (__DEV__) {
+  // On Android, View extends the base component with additional view-only props
+  // On iOS, the base component is View
+  if (Platform.OS === 'android') {
+    viewConfig = ReactNativeViewViewConfigAndroid;
+    registerGeneratedViewConfig('RCTView', ReactNativeViewViewConfigAndroid);
+  } else {
+    viewConfig = {};
+    registerGeneratedViewConfig('RCTView', {uiViewClassName: 'RCTView'});
+  }
+
+  NativeViewComponent = 'RCTView';
+} else {
+  NativeViewComponent = requireNativeComponent('RCTView');
+}
+
+export const __INTERNAL_VIEW_CONFIG = viewConfig;
+export default ((NativeViewComponent: any): ViewNativeComponentType);
diff --git a/Libraries/Components/View/ViewPropTypes.js b/Libraries/Components/View/ViewPropTypes.js
index 8c8fde418c1321..01116548725ae8 100644
--- a/Libraries/Components/View/ViewPropTypes.js
+++ b/Libraries/Components/View/ViewPropTypes.js
@@ -23,13 +23,14 @@ import type {TVViewProps} from '../AppleTV/TVViewPropTypes';
 import type {
   AccessibilityRole,
   AccessibilityStates,
+  AccessibilityState,
   AccessibilityActionEvent,
   AccessibilityActionInfo,
   AccessibilityNodeInfoProp, // TODO(android ISS)
 } from './ViewAccessibility';
 
 // [TODO(macOS ISS#2323203)
-import type {DraggedTypesType} from 'DraggedType';
+import type {DraggedTypesType} from '../View/DraggedType';
 // ]TODO(macOS ISS#2323203)
 
 export type ViewLayout = Layout;
@@ -289,7 +290,7 @@ type AndroidViewProps = $ReadOnly<{|
    *
    * @platform android
    */
-  clickable?: ?boolean, // TODO(android ISS)
+  focusable?: ?boolean, // TODO(android ISS)
 
   /**
    * When `clickable` is true, the system will try to invoke this function
@@ -366,8 +367,9 @@ type AndroidViewProps = $ReadOnly<{|
   nextFocusUp?: ?number,
 
   /**
-   * When `clickable` is true, the system will try to invoke this function
+   * Whether this `View` should be focusable with a non-touch input device, eg. receive focus with a hardware keyboard.
    * when the user performs a click.
+  focusable?: boolean,
    *
    * @platform android
    */
@@ -472,6 +474,7 @@ export type ViewProps = $ReadOnly<{|
    * Indicates to accessibility services that UI Component is in a specific State.
    */
   accessibilityStates?: ?AccessibilityStates,
+  accessibilityState?: ?AccessibilityState,
 
   /**
    * Provides an array of custom actions available for accessibility.
diff --git a/Libraries/Components/ViewPager/AndroidViewPagerNativeComponent.js b/Libraries/Components/ViewPager/AndroidViewPagerNativeComponent.js
deleted file mode 100644
index 82c7e18fb65d4b..00000000000000
--- a/Libraries/Components/ViewPager/AndroidViewPagerNativeComponent.js
+++ /dev/null
@@ -1,112 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
-
-import type {SyntheticEvent} from '../../Types/CoreEventTypes';
-import type {NativeComponent} from '../../Renderer/shims/ReactNative';
-import type {Node} from 'react';
-import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
-
-type PageScrollState = 'idle' | 'dragging' | 'settling';
-
-type PageScrollEvent = SyntheticEvent<
-  $ReadOnly<{|
-    position: number,
-    offset: number,
-  |}>,
->;
-
-type PageScrollStateChangedEvent = SyntheticEvent<
-  $ReadOnly<{|
-    pageScrollState: PageScrollState,
-  |}>,
->;
-
-type PageSelectedEvent = SyntheticEvent<
-  $ReadOnly<{|
-    position: number,
-  |}>,
->;
-
-type NativeProps = $ReadOnly<{|
-  /**
-   * Index of initial page that should be selected. Use `setPage` method to
-   * update the page, and `onPageSelected` to monitor page changes
-   */
-  initialPage?: ?number,
-
-  /**
-   * Executed when transitioning between pages (ether because of animation for
-   * the requested page change or when user is swiping/dragging between pages)
-   * The `event.nativeEvent` object for this callback will carry following data:
-   *  - position - index of first page from the left that is currently visible
-   *  - offset - value from range [0,1) describing stage between page transitions.
-   *    Value x means that (1 - x) fraction of the page at "position" index is
-   *    visible, and x fraction of the next page is visible.
-   */
-  onPageScroll?: ?(e: PageScrollEvent) => void,
-
-  /**
-   * Function called when the page scrolling state has changed.
-   * The page scrolling state can be in 3 states:
-   * - idle, meaning there is no interaction with the page scroller happening at the time
-   * - dragging, meaning there is currently an interaction with the page scroller
-   * - settling, meaning that there was an interaction with the page scroller, and the
-   *   page scroller is now finishing it's closing or opening animation
-   */
-  onPageScrollStateChanged?: ?(e: PageScrollStateChangedEvent) => void,
-
-  /**
-   * This callback will be called once ViewPager finish navigating to selected page
-   * (when user swipes between pages). The `event.nativeEvent` object passed to this
-   * callback will have following fields:
-   *  - position - index of page that has been selected
-   */
-  onPageSelected?: ?(e: PageSelectedEvent) => void,
-
-  /**
-   * Blank space to show between pages. This is only visible while scrolling, pages are still
-   * edge-to-edge.
-   */
-  pageMargin?: ?number,
-
-  /**
-   * Whether enable showing peekFraction or not. If this is true, the preview of
-   * last and next page will show in current screen. Defaults to false.
-   */
-
-  peekEnabled?: ?boolean,
-
-  /**
-   * 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?: ?('none' | 'on-drag'),
-
-  /**
-   * When false, the content does not scroll.
-   * The default value is true.
-   */
-  scrollEnabled?: ?boolean,
-
-  children?: Node,
-
-  style?: ?ViewStyleProp,
-|}>;
-
-type ViewPagerNativeType = Class<NativeComponent<NativeProps>>;
-
-module.exports = ((requireNativeComponent(
-  'AndroidViewPager',
-): any): ViewPagerNativeType);
diff --git a/Libraries/Components/ViewPager/ViewPagerAndroid.android.js b/Libraries/Components/ViewPager/ViewPagerAndroid.android.js
deleted file mode 100644
index 1763a0ccd0450e..00000000000000
--- a/Libraries/Components/ViewPager/ViewPagerAndroid.android.js
+++ /dev/null
@@ -1,281 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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 ReactNative = require('../../Renderer/shims/ReactNative');
-const UIManager = require('../../ReactNative/UIManager');
-
-const dismissKeyboard = require('../../Utilities/dismissKeyboard');
-
-const NativeAndroidViewPager = require('./AndroidViewPagerNativeComponent');
-
-import type {SyntheticEvent} from '../../Types/CoreEventTypes';
-import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
-
-const VIEWPAGER_REF = 'viewPager';
-
-type PageScrollState = 'idle' | 'dragging' | 'settling';
-
-type PageScrollEvent = SyntheticEvent<
-  $ReadOnly<{|
-    position: number,
-    offset: number,
-  |}>,
->;
-
-type PageScrollStateChangedEvent = SyntheticEvent<
-  $ReadOnly<{|
-    pageScrollState: PageScrollState,
-  |}>,
->;
-
-type PageSelectedEvent = SyntheticEvent<
-  $ReadOnly<{|
-    position: number,
-  |}>,
->;
-
-export type ViewPagerScrollState = $Keys<{
-  idle: string,
-  dragging: string,
-  settling: string,
-}>;
-
-type Props = $ReadOnly<{|
-  /**
-   * Index of initial page that should be selected. Use `setPage` method to
-   * update the page, and `onPageSelected` to monitor page changes
-   */
-  initialPage?: ?number,
-
-  /**
-   * Executed when transitioning between pages (ether because of animation for
-   * the requested page change or when user is swiping/dragging between pages)
-   * The `event.nativeEvent` object for this callback will carry following data:
-   *  - position - index of first page from the left that is currently visible
-   *  - offset - value from range [0,1) describing stage between page transitions.
-   *    Value x means that (1 - x) fraction of the page at "position" index is
-   *    visible, and x fraction of the next page is visible.
-   */
-  onPageScroll?: ?(e: PageScrollEvent) => void,
-
-  /**
-   * Function called when the page scrolling state has changed.
-   * The page scrolling state can be in 3 states:
-   * - idle, meaning there is no interaction with the page scroller happening at the time
-   * - dragging, meaning there is currently an interaction with the page scroller
-   * - settling, meaning that there was an interaction with the page scroller, and the
-   *   page scroller is now finishing it's closing or opening animation
-   */
-  onPageScrollStateChanged?: ?(e: PageScrollStateChangedEvent) => void,
-
-  /**
-   * This callback will be called once ViewPager finish navigating to selected page
-   * (when user swipes between pages). The `event.nativeEvent` object passed to this
-   * callback will have following fields:
-   *  - position - index of page that has been selected
-   */
-  onPageSelected?: ?(e: PageSelectedEvent) => void,
-
-  /**
-   * Blank space to show between pages. This is only visible while scrolling, pages are still
-   * edge-to-edge.
-   */
-  pageMargin?: ?number,
-
-  /**
-   * Whether enable showing peekFraction or not. If this is true, the preview of
-   * last and next page will show in current screen. Defaults to false.
-   */
-
-  peekEnabled?: ?boolean,
-
-  /**
-   * 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?: ?('none' | 'on-drag'),
-
-  /**
-   * When false, the content does not scroll.
-   * The default value is true.
-   */
-  scrollEnabled?: ?boolean,
-
-  children?: React.Node,
-
-  style?: ?ViewStyleProp,
-|}>;
-
-/**
- * Container that allows to flip left and right between child views. Each
- * child view of the `ViewPagerAndroid` will be treated as a separate page
- * and will be stretched to fill the `ViewPagerAndroid`.
- *
- * It is important all children are `<View>`s and not composite components.
- * You can set style properties like `padding` or `backgroundColor` for each
- * child. It is also important that each child have a `key` prop.
- *
- * Example:
- *
- * ```
- * render: function() {
- *   return (
- *     <ViewPagerAndroid
- *       style={styles.viewPager}
- *       initialPage={0}>
- *       <View style={styles.pageStyle} key="1">
- *         <Text>First page</Text>
- *       </View>
- *       <View style={styles.pageStyle} key="2">
- *         <Text>Second page</Text>
- *       </View>
- *     </ViewPagerAndroid>
- *   );
- * }
- *
- * ...
- *
- * var styles = {
- *   ...
- *   viewPager: {
- *     flex: 1
- *   },
- *   pageStyle: {
- *     alignItems: 'center',
- *     padding: 20,
- *   }
- * }
- * ```
- */
-
-class ViewPagerAndroid extends React.Component<Props> {
-  componentDidMount() {
-    if (this.props.initialPage != null) {
-      this.setPageWithoutAnimation(this.props.initialPage);
-    }
-  }
-
-  /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
-   * when making Flow check .android.js files. */
-  getInnerViewNode = (): ReactComponent => {
-    return this.refs[VIEWPAGER_REF].getInnerViewNode();
-  };
-
-  /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
-   * when making Flow check .android.js files. */
-  _childrenWithOverridenStyle = (): Array => {
-    // Override styles so that each page will fill the parent. Native component
-    // will handle positioning of elements, so it's not important to offset
-    // them correctly.
-    /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
-     * when making Flow check .android.js files. */
-    return React.Children.map(this.props.children, function(child) {
-      if (!child) {
-        return null;
-      }
-      const newProps = {
-        ...child.props,
-        style: [
-          child.props.style,
-          {
-            position: 'absolute',
-            left: 0,
-            top: 0,
-            right: 0,
-            bottom: 0,
-            width: undefined,
-            height: undefined,
-          },
-        ],
-        collapsable: false,
-      };
-      if (
-        child.type &&
-        child.type.displayName &&
-        child.type.displayName !== 'RCTView' &&
-        child.type.displayName !== 'View'
-      ) {
-        console.warn(
-          'Each ViewPager child must be a <View>. Was ' +
-            child.type.displayName,
-        );
-      }
-      return React.createElement(child.type, newProps);
-    });
-  };
-
-  _onPageScroll = (e: PageScrollEvent) => {
-    if (this.props.onPageScroll) {
-      this.props.onPageScroll(e);
-    }
-    if (this.props.keyboardDismissMode === 'on-drag') {
-      dismissKeyboard();
-    }
-  };
-
-  _onPageScrollStateChanged = (e: PageScrollStateChangedEvent) => {
-    if (this.props.onPageScrollStateChanged) {
-      this.props.onPageScrollStateChanged(e);
-    }
-  };
-
-  _onPageSelected = (e: PageSelectedEvent) => {
-    if (this.props.onPageSelected) {
-      this.props.onPageSelected(e);
-    }
-  };
-
-  /**
-   * A helper function to scroll to a specific page in the ViewPager.
-   * The transition between pages will be animated.
-   */
-  setPage = (selectedPage: number) => {
-    UIManager.dispatchViewManagerCommand(
-      ReactNative.findNodeHandle(this),
-      UIManager.getViewManagerConfig('AndroidViewPager').Commands.setPage,
-      [selectedPage],
-    );
-  };
-
-  /**
-   * A helper function to scroll to a specific page in the ViewPager.
-   * The transition between pages will *not* be animated.
-   */
-  setPageWithoutAnimation = (selectedPage: number) => {
-    UIManager.dispatchViewManagerCommand(
-      ReactNative.findNodeHandle(this),
-      UIManager.getViewManagerConfig('AndroidViewPager').Commands
-        .setPageWithoutAnimation,
-      [selectedPage],
-    );
-  };
-
-  render() {
-    return (
-      <NativeAndroidViewPager
-        {...this.props}
-        ref={VIEWPAGER_REF}
-        /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was
-         * found when making Flow check .android.js files. */
-        style={this.props.style}
-        onPageScroll={this._onPageScroll}
-        onPageScrollStateChanged={this._onPageScrollStateChanged}
-        onPageSelected={this._onPageSelected}
-        children={this._childrenWithOverridenStyle()}
-      />
-    );
-  }
-}
-
-module.exports = ViewPagerAndroid;
diff --git a/Libraries/Components/WKWebView/WKWebView.ios.js b/Libraries/Components/WKWebView/WKWebView.ios.js
deleted file mode 100644
index 24ee4ac83135a3..00000000000000
--- a/Libraries/Components/WKWebView/WKWebView.ios.js
+++ /dev/null
@@ -1,44 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow
- * @providesModule WKWebView
- */
-
-const React = require('react');
-
-const requireNativeComponent = require('requireNativeComponent');
-
-const RCTWKWebView = requireNativeComponent('RCTWKWebView');
-
-type RCTWKWebViewProps = {
-  allowsInlineMediaPlayback?: boolean,
-  mediaPlaybackRequiresUserAction?: boolean,
-  dataDetectorTypes?: boolean,
-};
-
-class WKWebView extends React.Component<RCTWKWebViewProps> {
-  componentWillReceiveProps(nextProps: RCTWKWebViewProps) {
-    this.showRedboxOnPropChanges(nextProps, 'allowsInlineMediaPlayback');
-    this.showRedboxOnPropChanges(nextProps, 'mediaPlaybackRequiresUserAction');
-    this.showRedboxOnPropChanges(nextProps, 'dataDetectorTypes');
-  }
-
-  showRedboxOnPropChanges(nextProps: RCTWKWebViewProps, propName: string) {
-    if (this.props[propName] !== nextProps[propName]) {
-      console.error(
-        `Changes to property ${propName} do nothing after the initial render.`,
-      );
-    }
-  }
-
-  render() {
-    return <RCTWKWebView {...this.props} />;
-  }
-}
-
-module.exports = WKWebView;
diff --git a/Libraries/Core/Devtools/getDevServer.js b/Libraries/Core/Devtools/getDevServer.js
index 1de83592dc3b43..845640847c8d29 100644
--- a/Libraries/Core/Devtools/getDevServer.js
+++ b/Libraries/Core/Devtools/getDevServer.js
@@ -10,7 +10,7 @@
 
 'use strict';
 
-const {SourceCode} = require('../../BatchedBridge/NativeModules');
+import NativeSourceCode from '../../NativeModules/specs/NativeSourceCode';
 
 let _cachedDevServerURL: ?string;
 const FALLBACK = 'http://localhost:8081/';
@@ -26,10 +26,9 @@ type DevServerInfo = {
  */
 function getDevServer(): DevServerInfo {
   if (_cachedDevServerURL === undefined) {
-    const match =
-      SourceCode &&
-      SourceCode.scriptURL &&
-      SourceCode.scriptURL.match(/^https?:\/\/.*?\//);
+    const match = NativeSourceCode.getConstants().scriptURL.match(
+      /^https?:\/\/.*?\//,
+    );
     _cachedDevServerURL = match ? match[0] : null;
   }
 
diff --git a/Libraries/Core/Devtools/parseErrorStack.js b/Libraries/Core/Devtools/parseErrorStack.js
index a826630355df32..6c9ffb710e4953 100644
--- a/Libraries/Core/Devtools/parseErrorStack.js
+++ b/Libraries/Core/Devtools/parseErrorStack.js
@@ -10,16 +10,13 @@
 
 'use strict';
 
-export type StackFrame = {
-  column: ?number,
-  file: string,
-  lineNumber: number,
-  methodName: string,
-};
+import type {StackFrame} from '../NativeExceptionsManager';
 
 export type ExtendedError = Error & {
   framesToPop?: number,
   jsEngine?: string,
+  preventSymbolication?: boolean,
+  componentStack?: string,
 };
 
 function parseErrorStack(e: ExtendedError): Array<StackFrame> {
diff --git a/Libraries/Core/Devtools/setupDevtools.js b/Libraries/Core/Devtools/setupDevtools.js
deleted file mode 100644
index 43ca374d50cdbd..00000000000000
--- a/Libraries/Core/Devtools/setupDevtools.js
+++ /dev/null
@@ -1,46 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-let register = function() {
-  // noop
-};
-
-if (__DEV__) {
-  const AppState = require('../../AppState/AppState');
-  const reactDevTools = require('react-devtools-core');
-  const getDevServer = require('./getDevServer');
-
-  // Don't steal the DevTools from currently active app.
-  // Note: if you add any AppState subscriptions to this file,
-  // you will also need to guard against `AppState.isAvailable`,
-  // or the code will throw for bundles that don't have it.
-  const isAppActive = () => AppState.currentState !== 'background';
-
-  // Get hostname from development server (packager)
-  const devServer = getDevServer();
-  const host = devServer.bundleLoadedFromServer
-    ? devServer.url.replace(/https?:\/\//, '').split(':')[0]
-    : 'localhost';
-
-  reactDevTools.connectToDevTools({
-    isAppActive,
-    host,
-    // Read the optional global variable for backward compatibility.
-    // It was added in https://github.com/facebook/react-native/commit/bf2b435322e89d0aeee8792b1c6e04656c2719a0.
-    port: window.__REACT_DEVTOOLS_PORT__,
-    resolveRNStyle: require('../../StyleSheet/flattenStyle'),
-  });
-}
-
-module.exports = {
-  register,
-};
diff --git a/Libraries/Core/Devtools/symbolicateStackTrace.js b/Libraries/Core/Devtools/symbolicateStackTrace.js
index f7cc031e300787..1dbcd389b1dbf0 100644
--- a/Libraries/Core/Devtools/symbolicateStackTrace.js
+++ b/Libraries/Core/Devtools/symbolicateStackTrace.js
@@ -12,12 +12,12 @@
 
 const getDevServer = require('./getDevServer');
 
-const {SourceCode} = require('../../BatchedBridge/NativeModules');
+import NativeSourceCode from '../../NativeModules/specs/NativeSourceCode';
 
 // Avoid requiring fetch on load of this module; see symbolicateStackTrace
 let fetch;
 
-import type {StackFrame} from './parseErrorStack';
+import type {StackFrame} from '../NativeExceptionsManager';
 
 function isSourcedFromDisk(sourcePath: string): boolean {
   return !/^http/.test(sourcePath) && /[\\/]/.test(sourcePath);
@@ -48,16 +48,21 @@ async function symbolicateStackTrace(
 
   let stackCopy = stack;
 
-  if (SourceCode.scriptURL) {
+  const {scriptURL} = NativeSourceCode.getConstants();
+  if (scriptURL) {
     let foundInternalSource: boolean = false;
     stackCopy = stack.map((frame: StackFrame) => {
+      if (frame.file == null) {
+        return frame;
+      }
+
       // If the sources exist on disk rather than appearing to come from the packager,
       // replace the location with the packager URL until we reach an internal source
       // which does not have a path (no slashes), indicating a switch from within
       // the application to a surrounding debugging environment.
       if (!foundInternalSource && isSourcedFromDisk(frame.file)) {
         // Copy frame into new object and replace 'file' property
-        return {...frame, file: SourceCode.scriptURL};
+        return {...frame, file: scriptURL};
       }
 
       foundInternalSource = true;
diff --git a/Libraries/Core/ExceptionsManager.js b/Libraries/Core/ExceptionsManager.js
index 24ca07b5891b9a..7060fdd618947d 100644
--- a/Libraries/Core/ExceptionsManager.js
+++ b/Libraries/Core/ExceptionsManager.js
@@ -5,100 +5,125 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 'use strict';
 
 import type {ExtendedError} from './Devtools/parseErrorStack';
 
-const INTERNAL_CALLSITES_REGEX = new RegExp(
-  [
-    '/Libraries/Renderer/oss/ReactNativeRenderer-dev\\.js$',
-    '/Libraries/BatchedBridge/MessageQueue\\.js$',
-  ].join('|'),
-);
+class SyntheticError extends Error {
+  name: string = '';
+}
 
 /**
  * Handles the developer-visible aspect of errors and exceptions
  */
 let exceptionID = 0;
 function reportException(e: ExtendedError, isFatal: boolean) {
-  const {ExceptionsManager} = require('../BatchedBridge/NativeModules');
-  if (ExceptionsManager) {
+  const NativeExceptionsManager = require('./NativeExceptionsManager').default;
+  if (NativeExceptionsManager) {
     const parseErrorStack = require('./Devtools/parseErrorStack');
     const stack = parseErrorStack(e);
     const currentExceptionID = ++exceptionID;
-    const message =
-      e.jsEngine == null ? e.message : `${e.message}, js engine: ${e.jsEngine}`;
-    if (isFatal) {
-      ExceptionsManager.reportFatalException(
-        message,
-        stack,
-        currentExceptionID,
-      );
-    } else {
-      ExceptionsManager.reportSoftException(message, stack, currentExceptionID);
+    const originalMessage = e.message || '';
+    let message = originalMessage;
+    if (e.componentStack != null) {
+      message += `\n\nThis error is located at:${e.componentStack}`;
+    }
+    const namePrefix = e.name == null || e.name === '' ? '' : `${e.name}: `;
+    const isFromConsoleError = e.name === 'console.error';
+
+    if (!message.startsWith(namePrefix)) {
+      message = namePrefix + message;
+    }
+
+    // Errors created by `console.error` have already been printed.
+    if (!isFromConsoleError) {
+      if (console._errorOriginal) {
+        console._errorOriginal(message);
+      } else {
+        console.error(message);
+      }
     }
+
+    message =
+      e.jsEngine == null ? message : `${message}, js engine: ${e.jsEngine}`;
+    NativeExceptionsManager.reportException({
+      message,
+      originalMessage: message === originalMessage ? null : originalMessage,
+      name: e.name == null || e.name === '' ? null : e.name,
+      componentStack:
+        typeof e.componentStack === 'string' ? e.componentStack : null,
+      stack,
+      id: currentExceptionID,
+      isFatal,
+      extraData: {
+        jsEngine: e.jsEngine,
+        rawStack: e.stack,
+        framesPopped: e.framesToPop,
+      },
+    });
     if (__DEV__) {
+      if (e.preventSymbolication === true) {
+        return;
+      }
       const symbolicateStackTrace = require('./Devtools/symbolicateStackTrace');
       symbolicateStackTrace(stack)
         .then(prettyStack => {
           if (prettyStack) {
-            const stackWithoutInternalCallsites = prettyStack.filter(
-              frame =>
-                frame.file &&
-                frame.file.match(INTERNAL_CALLSITES_REGEX) === null,
+            const stackWithoutCollapsedFrames = prettyStack.filter(
+              frame => !frame.collapse,
             );
-            ExceptionsManager.updateExceptionMessage(
+            NativeExceptionsManager.updateExceptionMessage(
               message,
-              stackWithoutInternalCallsites,
+              stackWithoutCollapsedFrames,
               currentExceptionID,
             );
           } else {
             throw new Error('The stack is null');
           }
         })
-        .catch(error =>
-          console.warn('Unable to symbolicate stack trace: ' + error.message),
-        );
+        .catch(error => {
+          console.log('Unable to symbolicate stack trace: ' + error.message);
+        });
     }
   }
 }
 
 declare var console: typeof console & {
-  _errorOriginal: Function,
+  _errorOriginal: typeof console.error,
   reportErrorsAsExceptions: boolean,
 };
 
 /**
  * Logs exceptions to the (native) console and displays them
  */
-function handleException(e: Error, isFatal: boolean) {
-  // Workaround for reporting errors caused by `throw 'some string'`
-  // Unfortunately there is no way to figure out the stacktrace in this
-  // case, so if you ended up here trying to trace an error, look for
-  // `throw '<error message>'` somewhere in your codebase.
-  if (!e.message) {
-    e = new Error(e);
-  }
-  if (console._errorOriginal) {
-    console._errorOriginal(e.message);
+function handleException(e: mixed, isFatal: boolean) {
+  let error: Error;
+  if (e instanceof Error) {
+    error = e;
   } else {
-    console.error(e.message);
+    // Workaround for reporting errors caused by `throw 'some string'`
+    // Unfortunately there is no way to figure out the stacktrace in this
+    // case, so if you ended up here trying to trace an error, look for
+    // `throw '<error message>'` somewhere in your codebase.
+    error = new SyntheticError(e);
   }
-  reportException(e, isFatal);
+  reportException(error, isFatal);
 }
 
 function reactConsoleErrorHandler() {
-  console._errorOriginal.apply(console, arguments);
   if (!console.reportErrorsAsExceptions) {
+    console._errorOriginal.apply(console, arguments);
     return;
   }
 
   if (arguments[0] && arguments[0].stack) {
+    // reportException will console.error this with high enough fidelity.
     reportException(arguments[0], /* isFatal */ false);
   } else {
+    console._errorOriginal.apply(console, arguments);
     const stringifySafe = require('../Utilities/stringifySafe');
     const str = Array.prototype.map.call(arguments, stringifySafe).join(', ');
     if (str.slice(0, 10) === '"Warning: ') {
@@ -107,8 +132,9 @@ function reactConsoleErrorHandler() {
       // (Note: Logic duplicated in polyfills/console.js.)
       return;
     }
-    const error: ExtendedError = new Error('console.error: ' + str);
-    error.framesToPop = 1;
+    const error: ExtendedError = new SyntheticError(str);
+    error.name = 'console.error';
+    error.framesToPop = (error.framesToPop || 0) + 1;
     reportException(error, /* isFatal */ false);
   }
 }
@@ -132,4 +158,4 @@ function installConsoleErrorReporter() {
   }
 }
 
-module.exports = {handleException, installConsoleErrorReporter};
+module.exports = {handleException, installConsoleErrorReporter, SyntheticError};
diff --git a/Libraries/Core/InitializeCore.js b/Libraries/Core/InitializeCore.js
index 263001547b6132..8b9a6a490739d1 100644
--- a/Libraries/Core/InitializeCore.js
+++ b/Libraries/Core/InitializeCore.js
@@ -28,7 +28,6 @@
 const start = Date.now();
 
 require('./setUpGlobals');
-require('./polyfillES6Collections');
 require('./setUpSystrace');
 require('./setUpErrorHandling');
 require('./polyfillPromise');
diff --git a/Libraries/Core/NativeExceptionsManager.js b/Libraries/Core/NativeExceptionsManager.js
new file mode 100644
index 00000000000000..eb6f4f257b38f7
--- /dev/null
+++ b/Libraries/Core/NativeExceptionsManager.js
@@ -0,0 +1,116 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {TurboModule} from '../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
+
+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;
+  // TODO(T53311281): This is a noop on iOS now. Implement it.
+  +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 Platform = require('../Utilities/Platform');
+
+const NativeModule = TurboModuleRegistry.getEnforcing<Spec>(
+  'ExceptionsManager',
+);
+
+const ExceptionsManager = {
+  reportFatalException(
+    message: string,
+    stack: Array<StackFrame>,
+    exceptionId: number,
+  ) {
+    NativeModule.reportFatalException(message, stack, exceptionId);
+  },
+  reportSoftException(
+    message: string,
+    stack: Array<StackFrame>,
+    exceptionId: number,
+  ) {
+    NativeModule.reportSoftException(message, stack, exceptionId);
+  },
+  updateExceptionMessage(
+    message: string,
+    stack: Array<StackFrame>,
+    exceptionId: number,
+  ) {
+    NativeModule.updateExceptionMessage(message, stack, exceptionId);
+  },
+  dismissRedbox(): void {
+    if (
+      Platform.OS !== 'ios' &&
+      Platform.OS !== 'macos' /* TODO(macOS ISS#2323203) */ &&
+      NativeModule.dismissRedbox
+    ) {
+      // TODO(T53311281): This is a noop on iOS now. Implement it.
+      NativeModule.dismissRedbox();
+    }
+  },
+  reportException(data: ExceptionData): void {
+    if (
+      Platform.OS !== 'ios' &&
+      Platform.OS !== 'macos' /* TODO(macOS ISS#2323203) */ &&
+      NativeModule.reportException
+    ) {
+      // TODO(T53311281): This is a noop on iOS now. Implement it.
+      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/Libraries/Core/ReactFiberErrorDialog.js b/Libraries/Core/ReactFiberErrorDialog.js
new file mode 100644
index 00000000000000..936f716e6a507d
--- /dev/null
+++ b/Libraries/Core/ReactFiberErrorDialog.js
@@ -0,0 +1,54 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+export type CapturedError = {
+  +componentName: ?string,
+  +componentStack: string,
+  +error: mixed,
+  +errorBoundary: ?{},
+  +errorBoundaryFound: boolean,
+  +errorBoundaryName: string | null,
+  +willRetry: boolean,
+};
+
+import type {ExtendedError} from './Devtools/parseErrorStack';
+
+import {handleException, SyntheticError} from './ExceptionsManager';
+
+/**
+ * Intercept lifecycle errors and ensure they are shown with the correct stack
+ * trace within the native redbox component.
+ */
+function showErrorDialog(capturedError: CapturedError): boolean {
+  const {componentStack, error} = capturedError;
+
+  let errorToHandle;
+
+  // Typically Errors are thrown but eg strings or null can be thrown as well.
+  if (error instanceof Error) {
+    errorToHandle = (error: ExtendedError);
+  } else if (typeof error === 'string') {
+    errorToHandle = (new SyntheticError(error): ExtendedError);
+  } else {
+    errorToHandle = (new SyntheticError('Unspecified error'): ExtendedError);
+  }
+  try {
+    errorToHandle.componentStack = componentStack;
+  } catch (e) {}
+  handleException(errorToHandle, false);
+
+  // Return false here to prevent ReactFiberErrorLogger default behavior of
+  // logging error details to console.error. Calls to console.error are
+  // automatically routed to the native redbox controller, which we've already
+  // done above by calling ExceptionsManager.
+  return false;
+}
+
+module.exports = {showErrorDialog};
diff --git a/Libraries/Core/ReactNativeVersion.js b/Libraries/Core/ReactNativeVersion.js
index 54ff9067c8f923..a3a0a005fd0593 100644
--- a/Libraries/Core/ReactNativeVersion.js
+++ b/Libraries/Core/ReactNativeVersion.js
@@ -11,7 +11,7 @@
 
 exports.version = {
   major: 0,
-  minor: 60,
-  patch: 0,
+  minor: 61,
+  patch: 5,
   prerelease: null,
 };
diff --git a/Libraries/Core/ReactNativeVersionCheck.js b/Libraries/Core/ReactNativeVersionCheck.js
index 30264918c79221..a2eb4d050fc90c 100644
--- a/Libraries/Core/ReactNativeVersionCheck.js
+++ b/Libraries/Core/ReactNativeVersionCheck.js
@@ -9,7 +9,7 @@
  */
 'use strict';
 
-const {PlatformConstants} = require('../BatchedBridge/NativeModules');
+import Platform from '../Utilities/Platform';
 const ReactNativeVersion = require('./ReactNativeVersion');
 
 /**
@@ -22,11 +22,7 @@ const ReactNativeVersion = require('./ReactNativeVersion');
  * and rely on its existence as a separate module.
  */
 exports.checkVersions = function checkVersions(): void {
-  if (!PlatformConstants) {
-    return;
-  }
-
-  const nativeVersion = PlatformConstants.reactNativeVersion;
+  const nativeVersion = Platform.constants.reactNativeVersion;
   if (
     ReactNativeVersion.version.major !== nativeVersion.major ||
     ReactNativeVersion.version.minor !== nativeVersion.minor
@@ -46,6 +42,7 @@ exports.checkVersions = function checkVersions(): void {
 function _formatVersion(version): string {
   return (
     `${version.major}.${version.minor}.${version.patch}` +
-    (version.prerelease !== null ? `-${version.prerelease}` : '')
+    // eslint-disable-next-line eqeqeq
+    (version.prerelease != undefined ? `-${version.prerelease}` : '')
   );
 }
diff --git a/Libraries/Core/SegmentFetcher/NativeSegmentFetcher.js b/Libraries/Core/SegmentFetcher/NativeSegmentFetcher.js
index 38319e03456d68..1e5d9b4deca8ad 100644
--- a/Libraries/Core/SegmentFetcher/NativeSegmentFetcher.js
+++ b/Libraries/Core/SegmentFetcher/NativeSegmentFetcher.js
@@ -18,6 +18,11 @@ export interface Spec extends TurboModule {
     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');
+export default (TurboModuleRegistry.getEnforcing<Spec>('SegmentFetcher'): Spec);
diff --git a/Libraries/Core/Timers/JSTimers.js b/Libraries/Core/Timers/JSTimers.js
index 54d86d44f18197..e877680f778aad 100644
--- a/Libraries/Core/Timers/JSTimers.js
+++ b/Libraries/Core/Timers/JSTimers.js
@@ -9,14 +9,14 @@
  */
 'use strict';
 
+const BatchedBridge = require('../../BatchedBridge/BatchedBridge');
 const Platform = require('../../Utilities/Platform');
 const Systrace = require('../../Performance/Systrace');
 
 const invariant = require('invariant');
-const {Timing} = require('../../BatchedBridge/NativeModules');
-const BatchedBridge = require('../../BatchedBridge/BatchedBridge');
 
 import type {ExtendedError} from '../Devtools/parseErrorStack';
+import NativeTiming from './NativeTiming';
 
 let _performanceNow = null;
 function performanceNow() {
@@ -221,7 +221,7 @@ function _freeCallback(timerID: number) {
     _clearIndex(index);
     const type = types[index];
     if (type !== 'setImmediate' && type !== 'requestIdleCallback') {
-      Timing.deleteTimer(timerID);
+      deleteTimer(timerID);
     }
   }
 }
@@ -250,7 +250,7 @@ const JSTimers = {
       () => func.apply(undefined, args),
       'setTimeout',
     );
-    Timing.createTimer(id, duration || 0, Date.now(), /* recurring */ false);
+    createTimer(id, duration || 0, Date.now(), /* recurring */ false);
     return id;
   },
 
@@ -276,7 +276,7 @@ const JSTimers = {
       () => func.apply(undefined, args),
       'setInterval',
     );
-    Timing.createTimer(id, duration || 0, Date.now(), /* recurring */ true);
+    createTimer(id, duration || 0, Date.now(), /* recurring */ true);
     return id;
   },
 
@@ -298,7 +298,7 @@ const JSTimers = {
    */
   requestAnimationFrame: function(func: Function) {
     const id = _allocateCallback(func, 'requestAnimationFrame');
-    Timing.createTimer(id, 1, Date.now(), /* recurring */ false);
+    createTimer(id, 1, Date.now(), /* recurring */ false);
     return id;
   },
 
@@ -309,7 +309,7 @@ const JSTimers = {
    */
   requestIdleCallback: function(func: Function, options: ?Object) {
     if (requestIdleCallbacks.length === 0) {
-      Timing.setSendIdleEvents(true);
+      setSendIdleEvents(true);
     }
 
     const timeout = options && options.timeout;
@@ -337,7 +337,7 @@ const JSTimers = {
         }
         delete requestIdleCallbackTimeouts[id];
         if (requestIdleCallbacks.length === 0) {
-          Timing.setSendIdleEvents(false);
+          setSendIdleEvents(false);
         }
       }, timeout);
       requestIdleCallbackTimeouts[id] = timeoutId;
@@ -359,7 +359,7 @@ const JSTimers = {
     }
 
     if (requestIdleCallbacks.length === 0) {
-      Timing.setSendIdleEvents(false);
+      setSendIdleEvents(false);
     }
   },
 
@@ -437,7 +437,7 @@ const JSTimers = {
     }
 
     if (requestIdleCallbacks.length === 0) {
-      Timing.setSendIdleEvents(false);
+      setSendIdleEvents(false);
     }
 
     if (errors) {
@@ -477,8 +477,43 @@ const JSTimers = {
   },
 };
 
-let ExportedJSTimers;
-if (!Timing) {
+function createTimer(
+  callbackID: number,
+  duration: number,
+  jsSchedulingTime: number,
+  repeats: boolean,
+): void {
+  invariant(NativeTiming, 'NativeTiming is available');
+  NativeTiming.createTimer(callbackID, duration, jsSchedulingTime, repeats);
+}
+
+function deleteTimer(timerID: number): void {
+  invariant(NativeTiming, 'NativeTiming is available');
+  NativeTiming.deleteTimer(timerID);
+}
+
+function setSendIdleEvents(sendIdleEvents: boolean): void {
+  invariant(NativeTiming, 'NativeTiming is available');
+  NativeTiming.setSendIdleEvents(sendIdleEvents);
+}
+
+let ExportedJSTimers: $TEMPORARY$object<{|
+  callIdleCallbacks: (frameTime: number) => any | void,
+  callImmediates: () => void,
+  callTimers: (timersToCall: Array<number>) => any | void,
+  cancelAnimationFrame: (timerID: number) => void,
+  cancelIdleCallback: (timerID: number) => void,
+  clearImmediate: (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,
+  setImmediate: (func: any, ...args: any) => number,
+  setInterval: (func: any, duration: number, ...args: any) => number,
+  setTimeout: (func: any, duration: number, ...args: any) => number,
+|}>;
+if (!NativeTiming) {
   console.warn("Timing native module is not available, can't set timers.");
   // $FlowFixMe: we can assume timers are generally available
   ExportedJSTimers = ({
diff --git a/Libraries/Core/Timers/NativeTiming.js b/Libraries/Core/Timers/NativeTiming.js
new file mode 100644
index 00000000000000..0070adb906e615
--- /dev/null
+++ b/Libraries/Core/Timers/NativeTiming.js
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+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);
diff --git a/Libraries/Core/__tests__/ExceptionsManager-test.js b/Libraries/Core/__tests__/ExceptionsManager-test.js
new file mode 100644
index 00000000000000..f76b93a585ea4b
--- /dev/null
+++ b/Libraries/Core/__tests__/ExceptionsManager-test.js
@@ -0,0 +1,481 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @emails oncall+react_native
+ */
+'use strict';
+
+const fs = require('fs');
+
+const capturedErrorDefaults = {
+  componentName: 'A',
+  componentStack: '\n  in A\n  in B\n  in C',
+  errorBoundary: null,
+  errorBoundaryFound: false,
+  errorBoundaryName: null,
+  willRetry: false,
+};
+
+describe('ExceptionsManager', () => {
+  let ReactFiberErrorDialog,
+    ExceptionsManager,
+    NativeExceptionsManager,
+    nativeReportException;
+  beforeEach(() => {
+    jest.resetModules();
+    jest.mock('../NativeExceptionsManager', () => {
+      return {
+        default: {
+          reportException: jest.fn(),
+          // Used to show symbolicated messages, not part of this test.
+          updateExceptionMessage: () => {},
+        },
+      };
+    });
+    // Make symbolication a no-op.
+    jest.mock('../Devtools/symbolicateStackTrace', () => {
+      return async function symbolicateStackTrace(stack) {
+        return stack;
+      };
+    });
+    jest.spyOn(console, 'error').mockImplementation(() => {});
+    ReactFiberErrorDialog = require('../ReactFiberErrorDialog');
+    NativeExceptionsManager = require('../NativeExceptionsManager').default;
+    nativeReportException = NativeExceptionsManager.reportException;
+    ExceptionsManager = require('../ExceptionsManager');
+  });
+
+  afterEach(() => {
+    jest.restoreAllMocks();
+  });
+
+  describe('ReactFiberErrorDialog.showErrorDialog', () => {
+    test('forwards error instance to reportException', () => {
+      const error = new ReferenceError('Some error happened');
+      // Copy all the data we care about before any possible mutation.
+      const {message, name} = error;
+
+      const logToConsoleInReact = ReactFiberErrorDialog.showErrorDialog({
+        ...capturedErrorDefaults,
+        error,
+      });
+
+      expect(nativeReportException.mock.calls.length).toBe(1);
+      const exceptionData = nativeReportException.mock.calls[0][0];
+      const formattedMessage =
+        'ReferenceError: ' +
+        message +
+        '\n\n' +
+        'This error is located at:' +
+        capturedErrorDefaults.componentStack;
+      expect(exceptionData.message).toBe(formattedMessage);
+      expect(exceptionData.originalMessage).toBe(message);
+      expect(exceptionData.name).toBe(name);
+      expect(exceptionData.componentStack).toBe(
+        capturedErrorDefaults.componentStack,
+      );
+      expect(getLineFromFrame(exceptionData.stack[0])).toBe(
+        "const error = new ReferenceError('Some error happened');",
+      );
+      expect(exceptionData.isFatal).toBe(false);
+      expect(logToConsoleInReact).toBe(false);
+      expect(console.error).toBeCalledWith(formattedMessage);
+    });
+
+    test('pops frames off the stack with framesToPop', () => {
+      function createError() {
+        const error = new Error('Some error happened');
+        error.framesToPop = 1;
+        return error;
+      }
+      const error = createError();
+
+      ReactFiberErrorDialog.showErrorDialog({
+        ...capturedErrorDefaults,
+        error,
+      });
+
+      expect(nativeReportException.mock.calls.length).toBe(1);
+      const exceptionData = nativeReportException.mock.calls[0][0];
+      expect(getLineFromFrame(exceptionData.stack[0])).toBe(
+        'const error = createError();',
+      );
+    });
+
+    test('adds the JS engine to the message', () => {
+      const error = new Error('Some error happened');
+      error.jsEngine = 'hermes';
+      // Copy all the data we care about before any possible mutation.
+      const {message, jsEngine} = error;
+
+      ReactFiberErrorDialog.showErrorDialog({
+        ...capturedErrorDefaults,
+        error,
+      });
+
+      expect(nativeReportException.mock.calls.length).toBe(1);
+      const exceptionData = nativeReportException.mock.calls[0][0];
+      expect(exceptionData.message).toBe(
+        'Error: ' +
+          message +
+          '\n\n' +
+          'This error is located at:' +
+          capturedErrorDefaults.componentStack +
+          ', js engine: ' +
+          jsEngine,
+      );
+      expect(console.error).toBeCalledWith(
+        'Error: ' +
+          message +
+          '\n\n' +
+          'This error is located at:' +
+          capturedErrorDefaults.componentStack,
+        // JS engine omitted here!
+      );
+    });
+
+    test('wraps string in an Error and sends to handleException', () => {
+      const message = 'Some error happened';
+
+      const logToConsoleInReact = ReactFiberErrorDialog.showErrorDialog({
+        ...capturedErrorDefaults,
+        error: message,
+      });
+
+      expect(nativeReportException.mock.calls.length).toBe(1);
+      const exceptionData = nativeReportException.mock.calls[0][0];
+      const formattedMessage =
+        message +
+        '\n\n' +
+        'This error is located at:' +
+        capturedErrorDefaults.componentStack;
+      expect(exceptionData.message).toBe(formattedMessage);
+      expect(exceptionData.originalMessage).toBe(message);
+      expect(exceptionData.componentStack).toBe(
+        capturedErrorDefaults.componentStack,
+      );
+      expect(exceptionData.stack[0].file).toMatch(/ReactFiberErrorDialog\.js$/);
+      expect(exceptionData.isFatal).toBe(false);
+      expect(logToConsoleInReact).toBe(false);
+      expect(console.error).toBeCalledWith(formattedMessage);
+    });
+
+    test('reports "Unspecified error" if error is null', () => {
+      const logToConsoleInReact = ReactFiberErrorDialog.showErrorDialog({
+        ...capturedErrorDefaults,
+        error: null,
+      });
+
+      expect(nativeReportException.mock.calls.length).toBe(1);
+      const exceptionData = nativeReportException.mock.calls[0][0];
+      const formattedMessage =
+        'Unspecified error' +
+        '\n\n' +
+        'This error is located at:' +
+        capturedErrorDefaults.componentStack;
+      expect(exceptionData.message).toBe(formattedMessage);
+      expect(exceptionData.originalMessage).toBe('Unspecified error');
+      expect(exceptionData.name).toBe(null);
+      expect(exceptionData.componentStack).toBe(
+        capturedErrorDefaults.componentStack,
+      );
+      expect(exceptionData.stack[0].file).toMatch(/ReactFiberErrorDialog\.js$/);
+      expect(exceptionData.isFatal).toBe(false);
+      expect(logToConsoleInReact).toBe(false);
+      expect(console.error).toBeCalledWith(formattedMessage);
+    });
+
+    test('works with a frozen error object', () => {
+      const error = Object.freeze(new Error('Some error happened'));
+
+      ReactFiberErrorDialog.showErrorDialog({
+        ...capturedErrorDefaults,
+        error,
+      });
+
+      expect(nativeReportException.mock.calls.length).toBe(1);
+      const exceptionData = nativeReportException.mock.calls[0][0];
+      expect(getLineFromFrame(exceptionData.stack[0])).toBe(
+        "const error = Object.freeze(new Error('Some error happened'));",
+      );
+    });
+
+    test('does not mutate the message', () => {
+      const error = new ReferenceError('Some error happened');
+      const {message} = error;
+
+      ReactFiberErrorDialog.showErrorDialog({
+        ...capturedErrorDefaults,
+        error,
+      });
+
+      expect(nativeReportException).toHaveBeenCalled();
+      expect(error.message).toBe(message);
+    });
+
+    test('can safely process the same error multiple times', () => {
+      const error = new ReferenceError('Some error happened');
+      // Copy all the data we care about before any possible mutation.
+      const {message} = error;
+      const componentStacks = [
+        '\n  in A\n  in B\n  in C',
+        '\n  in X\n  in Y\n  in Z',
+      ];
+      for (const componentStack of componentStacks) {
+        nativeReportException.mockClear();
+        const formattedMessage =
+          'ReferenceError: ' +
+          message +
+          '\n\n' +
+          'This error is located at:' +
+          componentStack;
+        const logToConsoleInReact = ReactFiberErrorDialog.showErrorDialog({
+          ...capturedErrorDefaults,
+          componentStack,
+          error,
+        });
+
+        expect(nativeReportException.mock.calls.length).toBe(1);
+        const exceptionData = nativeReportException.mock.calls[0][0];
+        expect(exceptionData.message).toBe(formattedMessage);
+        expect(exceptionData.originalMessage).toBe(message);
+        expect(exceptionData.componentStack).toBe(componentStack);
+        expect(getLineFromFrame(exceptionData.stack[0])).toBe(
+          "const error = new ReferenceError('Some error happened');",
+        );
+        expect(exceptionData.isFatal).toBe(false);
+        expect(logToConsoleInReact).toBe(false);
+        expect(console.error).toBeCalledWith(formattedMessage);
+      }
+    });
+  });
+
+  describe('console.error handler', () => {
+    let mockError;
+    beforeEach(() => {
+      // NOTE: We initialise a fresh mock every time using spyOn, above.
+      // We can't use `console._errorOriginal` for this, because that's a bound
+      // (=wrapped) version of the mock and Jest does not approve.
+      mockError = console.error;
+      ExceptionsManager.installConsoleErrorReporter();
+    });
+
+    afterEach(() => {
+      // There is no uninstallConsoleErrorReporter. Do this so the next install
+      // works.
+      console.error = console._errorOriginal;
+      delete console._errorOriginal;
+      delete console.reportErrorsAsExceptions;
+    });
+
+    test('logging an Error', () => {
+      const error = new Error('Some error happened');
+      const {message, name} = error;
+
+      console.error(error);
+
+      expect(nativeReportException.mock.calls.length).toBe(1);
+      const exceptionData = nativeReportException.mock.calls[0][0];
+      const formattedMessage = 'Error: ' + message;
+      expect(exceptionData.message).toBe(formattedMessage);
+      expect(exceptionData.originalMessage).toBe(message);
+      expect(exceptionData.name).toBe(name);
+      expect(getLineFromFrame(exceptionData.stack[0])).toBe(
+        "const error = new Error('Some error happened');",
+      );
+      expect(exceptionData.isFatal).toBe(false);
+      expect(mockError.mock.calls[0]).toHaveLength(1);
+      expect(mockError.mock.calls[0][0]).toBe(formattedMessage);
+    });
+
+    test('logging a string', () => {
+      const message = 'Some error happened';
+
+      console.error(message);
+
+      expect(nativeReportException.mock.calls.length).toBe(1);
+      const exceptionData = nativeReportException.mock.calls[0][0];
+      expect(exceptionData.message).toBe(
+        'console.error: "Some error happened"',
+      );
+      expect(exceptionData.originalMessage).toBe('"Some error happened"');
+      expect(exceptionData.name).toBe('console.error');
+      expect(getLineFromFrame(exceptionData.stack[0])).toBe(
+        'console.error(message);',
+      );
+      expect(exceptionData.isFatal).toBe(false);
+      expect(mockError.mock.calls[0]).toEqual([message]);
+    });
+
+    test('logging arbitrary arguments', () => {
+      const args = [42, true, Symbol(), {x: undefined, y: null}];
+
+      console.error(...args);
+
+      expect(nativeReportException.mock.calls.length).toBe(1);
+      const exceptionData = nativeReportException.mock.calls[0][0];
+      expect(exceptionData.message).toBe(
+        'console.error: 42, true, ["symbol" failed to stringify], {"y":null}',
+      );
+      expect(exceptionData.originalMessage).toBe(
+        '42, true, ["symbol" failed to stringify], {"y":null}',
+      );
+      expect(exceptionData.name).toBe('console.error');
+      expect(getLineFromFrame(exceptionData.stack[0])).toBe(
+        'console.error(...args);',
+      );
+      expect(exceptionData.isFatal).toBe(false);
+
+      expect(mockError).toHaveBeenCalledTimes(1);
+      // Shallowly compare the mock call arguments with `args`
+      expect(mockError.mock.calls[0]).toHaveLength(args.length);
+      for (let i = 0; i < args.length; ++i) {
+        expect(mockError.mock.calls[0][i]).toBe(args[i]);
+      }
+    });
+
+    test('logging a warning', () => {
+      const message = 'Warning: Some mild issue happened';
+
+      console.error(message);
+
+      expect(nativeReportException).not.toHaveBeenCalled();
+      expect(mockError.mock.calls[0]).toEqual([message]);
+    });
+
+    test('logging a warning with more arguments', () => {
+      const args = ['Warning: Some mild issue happened', 42];
+
+      console.error(...args);
+
+      expect(nativeReportException).not.toHaveBeenCalled();
+      expect(mockError.mock.calls[0]).toEqual(args);
+    });
+
+    test('reportErrorsAsExceptions = false', () => {
+      console.reportErrorsAsExceptions = false;
+      const message = 'Some error happened';
+
+      console.error(message);
+
+      expect(nativeReportException).not.toHaveBeenCalled();
+      expect(mockError.mock.calls[0]).toEqual([message]);
+    });
+
+    test('pops frames off the stack with framesToPop', () => {
+      function createError() {
+        const error = new Error('Some error happened');
+        error.framesToPop = 1;
+        return error;
+      }
+      const error = createError();
+
+      console.error(error);
+
+      expect(nativeReportException.mock.calls.length).toBe(1);
+      const exceptionData = nativeReportException.mock.calls[0][0];
+      expect(getLineFromFrame(exceptionData.stack[0])).toBe(
+        'const error = createError();',
+      );
+    });
+  });
+
+  describe('handleException', () => {
+    test('handling a fatal Error', () => {
+      const error = new Error('Some error happened');
+      const {message} = error;
+
+      ExceptionsManager.handleException(error, true);
+
+      expect(nativeReportException.mock.calls.length).toBe(1);
+      const exceptionData = nativeReportException.mock.calls[0][0];
+      const formattedMessage = 'Error: ' + message;
+      expect(exceptionData.message).toBe(formattedMessage);
+      expect(exceptionData.originalMessage).toBe(message);
+      expect(exceptionData.name).toBe('Error');
+      expect(getLineFromFrame(exceptionData.stack[0])).toBe(
+        "const error = new Error('Some error happened');",
+      );
+      expect(exceptionData.isFatal).toBe(true);
+      expect(console.error.mock.calls[0]).toHaveLength(1);
+      expect(console.error.mock.calls[0][0]).toBe(formattedMessage);
+    });
+
+    test('handling a non-fatal Error', () => {
+      const error = new Error('Some error happened');
+      const {message} = error;
+
+      ExceptionsManager.handleException(error, false);
+
+      expect(nativeReportException.mock.calls.length).toBe(1);
+      const exceptionData = nativeReportException.mock.calls[0][0];
+      const formattedMessage = 'Error: ' + message;
+      expect(exceptionData.message).toBe(formattedMessage);
+      expect(exceptionData.originalMessage).toBe(message);
+      expect(exceptionData.name).toBe('Error');
+      expect(getLineFromFrame(exceptionData.stack[0])).toBe(
+        "const error = new Error('Some error happened');",
+      );
+      expect(exceptionData.isFatal).toBe(false);
+      expect(console.error.mock.calls[0]).toHaveLength(1);
+      expect(console.error.mock.calls[0][0]).toBe(formattedMessage);
+    });
+
+    test('handling a thrown string', () => {
+      const message = 'Some error happened';
+
+      ExceptionsManager.handleException(message, true);
+
+      expect(nativeReportException.mock.calls.length).toBe(1);
+      const exceptionData = nativeReportException.mock.calls[0][0];
+      expect(exceptionData.message).toBe(message);
+      expect(exceptionData.originalMessage).toBe(null);
+      expect(exceptionData.name).toBe(null);
+      expect(exceptionData.stack[0].file).toMatch(/ExceptionsManager\.js$/);
+      expect(exceptionData.isFatal).toBe(true);
+      expect(console.error.mock.calls[0]).toEqual([message]);
+    });
+
+    test('pops frames off the stack with framesToPop', () => {
+      function createError() {
+        const error = new Error('Some error happened');
+        error.framesToPop = 1;
+        return error;
+      }
+      const error = createError();
+
+      ExceptionsManager.handleException(error, true);
+
+      expect(nativeReportException.mock.calls.length).toBe(1);
+      const exceptionData = nativeReportException.mock.calls[0][0];
+      expect(getLineFromFrame(exceptionData.stack[0])).toBe(
+        'const error = createError();',
+      );
+    });
+  });
+});
+
+const linesByFile = new Map();
+
+function getLineFromFrame({lineNumber /* 1-based */, file}) {
+  if (file == null) {
+    return null;
+  }
+  const cleanedFile = cleanFileName(file);
+  const lines =
+    linesByFile.get(cleanedFile) ||
+    fs.readFileSync(cleanedFile, 'utf8').split('\n');
+  if (!linesByFile.has(cleanedFile)) {
+    linesByFile.set(cleanedFile, lines);
+  }
+  return (lines[lineNumber - 1] || '').trim();
+}
+
+// Works around a parseErrorStack bug involving `new X` stack frames.
+function cleanFileName(file) {
+  return file.replace(/^.+? \((?=\/)/, '');
+}
diff --git a/Libraries/Core/__tests__/MapAndSetPolyfills-test.js b/Libraries/Core/__tests__/MapAndSetPolyfills-test.js
deleted file mode 100644
index 20f54a0e68d9d5..00000000000000
--- a/Libraries/Core/__tests__/MapAndSetPolyfills-test.js
+++ /dev/null
@@ -1,102 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @emails oncall+react_native
- */
-'use strict';
-
-// Save these methods so that we can restore them afterward.
-const {freeze, seal, preventExtensions} = Object;
-
-function setup() {
-  jest.setMock('../../vendor/core/_shouldPolyfillES6Collection', () => true);
-}
-
-function cleanup() {
-  Object.assign(Object, {freeze, seal, preventExtensions});
-}
-
-describe('Map polyfill', () => {
-  setup();
-
-  const Map = require('../../vendor/core/Map');
-
-  it('is not native', () => {
-    const getCode = Function.prototype.toString.call(Map.prototype.get);
-    expect(getCode).not.toContain('[native code]');
-    expect(getCode).toContain('getIndex');
-  });
-
-  it('should tolerate non-extensible object keys', () => {
-    const map = new Map();
-    const key = Object.create(null);
-    Object.freeze(key);
-    map.set(key, key);
-    expect(map.size).toBe(1);
-    expect(map.has(key)).toBe(true);
-    map.delete(key);
-    expect(map.size).toBe(0);
-    expect(map.has(key)).toBe(false);
-  });
-
-  it('should not get confused by prototypal inheritance', () => {
-    const map = new Map();
-    const proto = Object.create(null);
-    const base = Object.create(proto);
-    map.set(proto, proto);
-    expect(map.size).toBe(1);
-    expect(map.has(proto)).toBe(true);
-    expect(map.has(base)).toBe(false);
-    map.set(base, base);
-    expect(map.size).toBe(2);
-    expect(map.get(proto)).toBe(proto);
-    expect(map.get(base)).toBe(base);
-  });
-
-  afterAll(cleanup);
-});
-
-describe('Set polyfill', () => {
-  setup();
-
-  const Set = require('../../vendor/core/Set');
-
-  it('is not native', () => {
-    const addCode = Function.prototype.toString.call(Set.prototype.add);
-    expect(addCode).not.toContain('[native code]');
-  });
-
-  it('should tolerate non-extensible object elements', () => {
-    const set = new Set();
-    const elem = Object.create(null);
-    Object.freeze(elem);
-    set.add(elem);
-    expect(set.size).toBe(1);
-    expect(set.has(elem)).toBe(true);
-    set.add(elem);
-    expect(set.size).toBe(1);
-    set.delete(elem);
-    expect(set.size).toBe(0);
-    expect(set.has(elem)).toBe(false);
-  });
-
-  it('should not get confused by prototypal inheritance', () => {
-    const set = new Set();
-    const proto = Object.create(null);
-    const base = Object.create(proto);
-    set.add(proto);
-    expect(set.size).toBe(1);
-    expect(set.has(proto)).toBe(true);
-    expect(set.has(base)).toBe(false);
-    set.add(base);
-    expect(set.size).toBe(2);
-    expect(set.has(proto)).toBe(true);
-    expect(set.has(base)).toBe(true);
-  });
-
-  afterAll(cleanup);
-});
diff --git a/Libraries/Core/__tests__/ReactNativeVersionCheck-test.js b/Libraries/Core/__tests__/ReactNativeVersionCheck-test.js
index 471a6f00308c3a..70c8abd88e2f24 100644
--- a/Libraries/Core/__tests__/ReactNativeVersionCheck-test.js
+++ b/Libraries/Core/__tests__/ReactNativeVersionCheck-test.js
@@ -127,9 +127,14 @@ function _mockNativeVersion(
   patch = 0,
   prerelease = null,
 ) {
-  jest.doMock('../../BatchedBridge/NativeModules', () => ({
-    PlatformConstants: {
+  jest.doMock('../../Utilities/NativePlatformConstantsAndroid', () => ({
+    getConstants: () => ({
       reactNativeVersion: {major, minor, patch, prerelease},
-    },
+    }),
+  }));
+  jest.doMock('../../Utilities/NativePlatformConstantsIOS', () => ({
+    getConstants: () => ({
+      reactNativeVersion: {major, minor, patch, prerelease},
+    }),
   }));
 }
diff --git a/Libraries/Core/polyfillES6Collections.js b/Libraries/Core/polyfillES6Collections.js
deleted file mode 100644
index b58718540fedca..00000000000000
--- a/Libraries/Core/polyfillES6Collections.js
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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 {polyfillGlobal} = require('../Utilities/PolyfillFunctions');
-
-/**
- * Polyfill ES6 collections (Map and Set).
- * If you don't need these polyfills, don't use InitializeCore; just directly
- * require the modules you need from InitializeCore for setup.
- */
-const _shouldPolyfillCollection = require('../vendor/core/_shouldPolyfillES6Collection');
-if (_shouldPolyfillCollection('Map')) {
-  // $FlowFixMe: even in strict-local mode Flow expects Map to be Flow-typed
-  polyfillGlobal('Map', () => require('../vendor/core/Map'));
-}
-if (_shouldPolyfillCollection('Set')) {
-  // $FlowFixMe: even in strict-local mode Flow expects Set to be Flow-typed
-  polyfillGlobal('Set', () => require('../vendor/core/Set'));
-}
diff --git a/Libraries/Core/setUpBatchedBridge.js b/Libraries/Core/setUpBatchedBridge.js
index 680c1398e45b84..7541adb7c9b572 100644
--- a/Libraries/Core/setUpBatchedBridge.js
+++ b/Libraries/Core/setUpBatchedBridge.js
@@ -10,42 +10,53 @@
 'use strict';
 
 /**
- * Set up the BatchedBridge. This must be done after the other steps in
- * InitializeCore to ensure that the JS environment has been initialized.
- * You can use this module directly, or just require InitializeCore.
+ * We don't set up the batched bridge in bridgeless mode. Once we've migrated
+ * everything over to bridgeless we can just delete this file.
  */
-const BatchedBridge = require('../BatchedBridge/BatchedBridge');
-BatchedBridge.registerLazyCallableModule('Systrace', () =>
-  require('../Performance/Systrace'),
-);
-BatchedBridge.registerLazyCallableModule('JSTimers', () =>
-  require('./Timers/JSTimers'),
-);
-BatchedBridge.registerLazyCallableModule('HeapCapture', () =>
-  require('../Utilities/HeapCapture'),
-);
-BatchedBridge.registerLazyCallableModule('SamplingProfiler', () =>
-  require('../Performance/SamplingProfiler'),
-);
-BatchedBridge.registerLazyCallableModule('RCTLog', () =>
-  require('../Utilities/RCTLog'),
-);
-BatchedBridge.registerLazyCallableModule('RCTDeviceEventEmitter', () =>
-  require('../EventEmitter/RCTDeviceEventEmitter'),
-);
-BatchedBridge.registerLazyCallableModule('RCTNativeAppEventEmitter', () =>
-  require('../EventEmitter/RCTNativeAppEventEmitter'),
-);
-BatchedBridge.registerLazyCallableModule('GlobalPerformanceLogger', () =>
-  require('../Utilities/GlobalPerformanceLogger'),
-);
-BatchedBridge.registerLazyCallableModule('JSDevSupportModule', () =>
-  require('../Utilities/JSDevSupportModule'),
-);
-
-if (__DEV__ && !global.__RCTProfileIsProfiling) {
-  BatchedBridge.registerCallableModule(
-    'HMRClient',
-    require('../Utilities/HMRClient'),
+if (!global.RN$Bridgeless) {
+  /**
+   * Set up the BatchedBridge. This must be done after the other steps in
+   * InitializeCore to ensure that the JS environment has been initialized.
+   * You can use this module directly, or just require InitializeCore.
+   */
+  const BatchedBridge = require('../BatchedBridge/BatchedBridge');
+  BatchedBridge.registerLazyCallableModule('Systrace', () =>
+    require('../Performance/Systrace'),
+  );
+  BatchedBridge.registerLazyCallableModule('JSTimers', () =>
+    require('./Timers/JSTimers'),
+  );
+  BatchedBridge.registerLazyCallableModule('HeapCapture', () =>
+    require('../HeapCapture/HeapCapture'),
+  );
+  BatchedBridge.registerLazyCallableModule('SamplingProfiler', () =>
+    require('../Performance/SamplingProfiler'),
+  );
+  BatchedBridge.registerLazyCallableModule('RCTLog', () =>
+    require('../Utilities/RCTLog'),
   );
+  BatchedBridge.registerLazyCallableModule('RCTDeviceEventEmitter', () =>
+    require('../EventEmitter/RCTDeviceEventEmitter'),
+  );
+  BatchedBridge.registerLazyCallableModule('RCTNativeAppEventEmitter', () =>
+    require('../EventEmitter/RCTNativeAppEventEmitter'),
+  );
+  BatchedBridge.registerLazyCallableModule('GlobalPerformanceLogger', () =>
+    require('../Utilities/GlobalPerformanceLogger'),
+  );
+  BatchedBridge.registerLazyCallableModule('JSDevSupportModule', () =>
+    require('../Utilities/JSDevSupportModule'),
+  );
+
+  if (__DEV__ && !global.__RCTProfileIsProfiling) {
+    BatchedBridge.registerCallableModule(
+      'HMRClient',
+      require('../Utilities/HMRClient'),
+    );
+  } else {
+    BatchedBridge.registerCallableModule(
+      'HMRClient',
+      require('../Utilities/HMRClientProdShim'),
+    );
+  }
 }
diff --git a/Libraries/Core/setUpDeveloperTools.js b/Libraries/Core/setUpDeveloperTools.js
index e18b5be9740199..6d3bc326fd15eb 100644
--- a/Libraries/Core/setUpDeveloperTools.js
+++ b/Libraries/Core/setUpDeveloperTools.js
@@ -9,20 +9,105 @@
  */
 'use strict';
 
+import Platform from '../Utilities/Platform';
+
+declare var console: typeof console & {
+  _isPolyfilled: boolean,
+};
+
 /**
  * Sets up developer tools for React Native.
  * You can use this module directly, or just require InitializeCore.
  */
 if (__DEV__) {
-  if (!global.__RCTProfileIsProfiling) {
-    // not when debugging in chrome
-    // TODO(t12832058) This check is broken
-    if (!window.document) {
-      require('./Devtools/setupDevtools');
+  // TODO (T45803484) Enable devtools for bridgeless RN
+  if (!global.RN$Bridgeless) {
+    if (!global.__RCTProfileIsProfiling) {
+      // not when debugging in chrome
+      // TODO(t12832058) This check is broken
+      if (!window.document) {
+        const AppState = require('../AppState/AppState');
+        // $FlowFixMe Module is untyped
+        const reactDevTools = require('react-devtools-core');
+        const getDevServer = require('./Devtools/getDevServer');
+
+        // Don't steal the DevTools from currently active app.
+        // Note: if you add any AppState subscriptions to this file,
+        // you will also need to guard against `AppState.isAvailable`,
+        // or the code will throw for bundles that don't have it.
+        const isAppActive = () => AppState.currentState !== 'background';
+
+        // Get hostname from development server (packager)
+        const devServer = getDevServer();
+        const host = devServer.bundleLoadedFromServer
+          ? devServer.url.replace(/https?:\/\//, '').split(':')[0]
+          : 'localhost';
+
+        reactDevTools.connectToDevTools({
+          isAppActive,
+          host,
+          // Read the optional global variable for backward compatibility.
+          // It was added in https://github.com/facebook/react-native/commit/bf2b435322e89d0aeee8792b1c6e04656c2719a0.
+          port: window.__REACT_DEVTOOLS_PORT__,
+          resolveRNStyle: require('../StyleSheet/flattenStyle'),
+        });
+      }
+
+      // Set up inspector
+      const JSInspector = require('../JSInspector/JSInspector');
+      JSInspector.registerAgent(require('../JSInspector/NetworkAgent'));
+    }
+
+    // Note we can't check if console is "native" because it would appear "native" in JSC and Hermes.
+    // We also can't check any properties that don't exist in the Chrome worker environment.
+    // So we check a navigator property that's set to a particular value ("Netscape") in all real browsers.
+    const isLikelyARealBrowser =
+      global.navigator != null &&
+      /*              _
+       *             | |
+       *   _ __   ___| |_ ___  ___ __ _ _ __   ___
+       *  | '_ \ / _ \ __/ __|/ __/ _` | '_ \ / _ \
+       *  | | | |  __/ |_\__ \ (_| (_| | |_) |  __/
+       *  |_| |_|\___|\__|___/\___\__,_| .__/ \___|
+       *                               | |
+       *                               |_|
+       */
+      global.navigator.appName === 'Netscape'; // Any real browser
+
+    if (!Platform.isTesting) {
+      const HMRClient = require('../Utilities/HMRClient');
+
+      if (console._isPolyfilled) {
+        // We assume full control over the console and send JavaScript logs to Metro.
+        [
+          'trace',
+          'info',
+          'warn',
+          'log',
+          'group',
+          'groupCollapsed',
+          'groupEnd',
+          'debug',
+        ].forEach(level => {
+          const originalFunction = console[level];
+          // $FlowFixMe Overwrite console methods
+          console[level] = function(...args) {
+            HMRClient.log(level, args);
+            originalFunction.apply(console, args);
+          };
+        });
+      } else {
+        // We assume the environment has a real rich console (like Chrome), and don't hijack it to log to Metro.
+        // It's likely the developer is using rich console to debug anyway, and hijacking it would
+        // lose the filenames in console.log calls: https://github.com/facebook/react-native/issues/26788.
+        HMRClient.log('log', [
+          `JavaScript logs will appear in your ${
+            isLikelyARealBrowser ? 'browser' : 'environment'
+          } console`,
+        ]);
+      }
     }
 
-    // Set up inspector
-    const JSInspector = require('../JSInspector/JSInspector');
-    JSInspector.registerAgent(require('../JSInspector/NetworkAgent'));
+    require('./setUpReactRefresh');
   }
 }
diff --git a/Libraries/Core/setUpReactRefresh.js b/Libraries/Core/setUpReactRefresh.js
new file mode 100644
index 00000000000000..062171a9b0dc3f
--- /dev/null
+++ b/Libraries/Core/setUpReactRefresh.js
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+'use strict';
+
+if (__DEV__) {
+  const NativeDevSettings = require('../NativeModules/specs/NativeDevSettings')
+    .default;
+
+  if (typeof NativeDevSettings.reload !== 'function') {
+    throw new Error('Could not find the reload() implementation.');
+  }
+
+  // This needs to run before the renderer initializes.
+  const ReactRefreshRuntime = require('react-refresh/runtime');
+  ReactRefreshRuntime.injectIntoGlobalHook(global);
+
+  const Refresh = {
+    performFullRefresh() {
+      NativeDevSettings.reload();
+    },
+
+    createSignatureFunctionForTransform:
+      ReactRefreshRuntime.createSignatureFunctionForTransform,
+
+    isLikelyComponentType: ReactRefreshRuntime.isLikelyComponentType,
+
+    getFamilyByType: ReactRefreshRuntime.getFamilyByType,
+
+    register: ReactRefreshRuntime.register,
+
+    performReactRefresh() {
+      if (ReactRefreshRuntime.hasUnrecoverableErrors()) {
+        NativeDevSettings.reload();
+        return;
+      }
+      ReactRefreshRuntime.performReactRefresh();
+    },
+  };
+
+  (require: any).Refresh = Refresh;
+}
diff --git a/Libraries/Core/setUpSegmentFetcher.js b/Libraries/Core/setUpSegmentFetcher.js
index dd182a69c91bb7..3d811535ce38ee 100644
--- a/Libraries/Core/setUpSegmentFetcher.js
+++ b/Libraries/Core/setUpSegmentFetcher.js
@@ -9,13 +9,20 @@
  */
 'use strict';
 
+export type FetchSegmentFunction = typeof __fetchSegment;
+export type GetSegmentFunction = typeof __getSegment;
+
 /**
  * Set up SegmentFetcher.
  * You can use this module directly, or just require InitializeCore.
  */
-global.__fetchSegment = function(
+
+function __fetchSegment(
   segmentId: number,
-  options: {|+otaBuildNumber: ?string|},
+  options: {|
+    +otaBuildNumber: ?string,
+    +requestedModuleName?: ?string,
+  |},
   callback: (?Error) => void,
 ) {
   const SegmentFetcher = require('./SegmentFetcher/NativeSegmentFetcher')
@@ -33,4 +40,38 @@ global.__fetchSegment = function(
       callback(null);
     },
   );
-};
+}
+
+global.__fetchSegment = __fetchSegment;
+
+function __getSegment(
+  segmentId: number,
+  options: {|
+    +otaBuildNumber: ?string,
+    +requestedModuleName?: ?string,
+  |},
+  callback: (?Error, ?string) => void,
+) {
+  const SegmentFetcher = require('./SegmentFetcher/NativeSegmentFetcher')
+    .default;
+
+  if (!SegmentFetcher.getSegment) {
+    throw new Error('SegmentFetcher.getSegment must be defined');
+  }
+
+  SegmentFetcher.getSegment(
+    segmentId,
+    options,
+    (errorObject: ?{message: string, code: string}, path: ?string) => {
+      if (errorObject) {
+        const error = new Error(errorObject.message);
+        (error: any).code = errorObject.code; // flowlint-line unclear-type: off
+        callback(error);
+      }
+
+      callback(null, path);
+    },
+  );
+}
+
+global.__getSegment = __getSegment;
diff --git a/Libraries/Core/setUpTimers.js b/Libraries/Core/setUpTimers.js
index 8a9b22ecd87efb..536fb1674a46df 100644
--- a/Libraries/Core/setUpTimers.js
+++ b/Libraries/Core/setUpTimers.js
@@ -9,22 +9,25 @@
  */
 'use strict';
 
-const {polyfillGlobal} = require('../Utilities/PolyfillFunctions');
+// In bridgeless mode, timers are host functions installed from cpp.
+if (!global.RN$Bridgeless) {
+  const {polyfillGlobal} = require('../Utilities/PolyfillFunctions');
 
-/**
- * Set up timers.
- * You can use this module directly, or just require InitializeCore.
- */
-const defineLazyTimer = name => {
-  polyfillGlobal(name, () => require('./Timers/JSTimers')[name]);
-};
-defineLazyTimer('setTimeout');
-defineLazyTimer('setInterval');
-defineLazyTimer('setImmediate');
-defineLazyTimer('clearTimeout');
-defineLazyTimer('clearInterval');
-defineLazyTimer('clearImmediate');
-defineLazyTimer('requestAnimationFrame');
-defineLazyTimer('cancelAnimationFrame');
-defineLazyTimer('requestIdleCallback');
-defineLazyTimer('cancelIdleCallback');
+  /**
+   * Set up timers.
+   * You can use this module directly, or just require InitializeCore.
+   */
+  const defineLazyTimer = name => {
+    polyfillGlobal(name, () => require('./Timers/JSTimers')[name]);
+  };
+  defineLazyTimer('setTimeout');
+  defineLazyTimer('setInterval');
+  defineLazyTimer('setImmediate');
+  defineLazyTimer('clearTimeout');
+  defineLazyTimer('clearInterval');
+  defineLazyTimer('clearImmediate');
+  defineLazyTimer('requestAnimationFrame');
+  defineLazyTimer('cancelAnimationFrame');
+  defineLazyTimer('requestIdleCallback');
+  defineLazyTimer('cancelIdleCallback');
+}
diff --git a/Libraries/DeprecatedPropTypes/DeprecatedEdgeInsetsPropType.js b/Libraries/DeprecatedPropTypes/DeprecatedEdgeInsetsPropType.js
index 67a016fffc8d24..f4648be20b10a3 100644
--- a/Libraries/DeprecatedPropTypes/DeprecatedEdgeInsetsPropType.js
+++ b/Libraries/DeprecatedPropTypes/DeprecatedEdgeInsetsPropType.js
@@ -12,7 +12,12 @@
 
 const PropTypes = require('prop-types');
 
-const DeprecatedEdgeInsetsPropType = PropTypes.shape({
+const DeprecatedEdgeInsetsPropType: React$PropType$Primitive<{
+  bottom?: number,
+  left?: number,
+  right?: number,
+  top?: number,
+}> = PropTypes.shape({
   top: PropTypes.number,
   left: PropTypes.number,
   bottom: PropTypes.number,
diff --git a/Libraries/DeprecatedPropTypes/DeprecatedImagePropType.js b/Libraries/DeprecatedPropTypes/DeprecatedImagePropType.js
index 49e5f1de6ed415..b2d41020de77f8 100644
--- a/Libraries/DeprecatedPropTypes/DeprecatedImagePropType.js
+++ b/Libraries/DeprecatedPropTypes/DeprecatedImagePropType.js
@@ -17,9 +17,11 @@ const DeprecatedStyleSheetPropType = require('./DeprecatedStyleSheetPropType');
 const PropTypes = require('prop-types');
 
 module.exports = {
-  style: DeprecatedStyleSheetPropType(DeprecatedImageStylePropTypes),
+  style: (DeprecatedStyleSheetPropType(
+    DeprecatedImageStylePropTypes,
+  ): ReactPropsCheckType),
   source: DeprecatedImageSourcePropType,
-  defaultSource: PropTypes.oneOfType([
+  defaultSource: (PropTypes.oneOfType([
     PropTypes.shape({
       uri: PropTypes.string,
       width: PropTypes.number,
@@ -27,7 +29,9 @@ module.exports = {
       scale: PropTypes.number,
     }),
     PropTypes.number,
-  ]),
+  ]): React$PropType$Primitive<
+    {height?: number, scale?: number, uri?: string, width?: number} | number,
+  >),
 
   accessible: PropTypes.bool,
 
@@ -37,15 +41,21 @@ module.exports = {
 
   capInsets: DeprecatedEdgeInsetsPropType,
 
-  resizeMethod: PropTypes.oneOf(['auto', 'resize', 'scale']),
+  resizeMethod: (PropTypes.oneOf([
+    'auto',
+    'resize',
+    'scale',
+  ]): React$PropType$Primitive<'auto' | 'resize' | 'scale'>),
 
-  resizeMode: PropTypes.oneOf([
+  resizeMode: (PropTypes.oneOf([
     'cover',
     'contain',
     'stretch',
     'repeat',
     'center',
-  ]),
+  ]): React$PropType$Primitive<
+    'cover' | 'contain' | 'stretch' | 'repeat' | 'center',
+  >),
 
   testID: PropTypes.string,
 
diff --git a/Libraries/DeprecatedPropTypes/DeprecatedImageStylePropTypes.js b/Libraries/DeprecatedPropTypes/DeprecatedImageStylePropTypes.js
index eab9d6e49c892b..351542d9bfc7b8 100644
--- a/Libraries/DeprecatedPropTypes/DeprecatedImageStylePropTypes.js
+++ b/Libraries/DeprecatedPropTypes/DeprecatedImageStylePropTypes.js
@@ -11,27 +11,35 @@
 
 const DeprecatedColorPropType = require('./DeprecatedColorPropType');
 const DeprecatedLayoutPropTypes = require('./DeprecatedLayoutPropTypes');
-const ReactPropTypes = require('prop-types');
 const DeprecatedShadowPropTypesIOS = require('./DeprecatedShadowPropTypesIOS');
 const DeprecatedTransformPropTypes = require('./DeprecatedTransformPropTypes');
+const ReactPropTypes = require('prop-types');
 
 const ImageStylePropTypes = {
   ...DeprecatedLayoutPropTypes,
   ...DeprecatedShadowPropTypesIOS,
   ...DeprecatedTransformPropTypes,
-  resizeMode: ReactPropTypes.oneOf([
+  resizeMode: (ReactPropTypes.oneOf([
     'center',
     'contain',
     'cover',
     'repeat',
     'stretch',
-  ]),
-  backfaceVisibility: ReactPropTypes.oneOf(['visible', 'hidden']),
+  ]): React$PropType$Primitive<
+    'center' | 'contain' | 'cover' | 'repeat' | 'stretch',
+  >),
+  backfaceVisibility: (ReactPropTypes.oneOf([
+    'visible',
+    'hidden',
+  ]): React$PropType$Primitive<'visible' | 'hidden'>),
   backgroundColor: DeprecatedColorPropType,
   borderColor: DeprecatedColorPropType,
   borderWidth: ReactPropTypes.number,
   borderRadius: ReactPropTypes.number,
-  overflow: ReactPropTypes.oneOf(['visible', 'hidden']),
+  overflow: (ReactPropTypes.oneOf([
+    'visible',
+    'hidden',
+  ]): React$PropType$Primitive<'visible' | 'hidden'>),
 
   /**
    * Changes the color of all the non-transparent pixels to the tintColor.
diff --git a/Libraries/DeprecatedPropTypes/DeprecatedLayoutPropTypes.js b/Libraries/DeprecatedPropTypes/DeprecatedLayoutPropTypes.js
index 0ebccaa8d07083..4d4488a9171f1a 100644
--- a/Libraries/DeprecatedPropTypes/DeprecatedLayoutPropTypes.js
+++ b/Libraries/DeprecatedPropTypes/DeprecatedLayoutPropTypes.js
@@ -13,121 +13,129 @@
 const ReactPropTypes = require('prop-types');
 
 const LayoutPropTypes = {
-  display: ReactPropTypes.oneOf(['none', 'flex']),
-  width: ReactPropTypes.oneOfType([
+  display: (ReactPropTypes.oneOf(['none', 'flex']): React$PropType$Primitive<
+    'none' | 'flex',
+  >),
+  width: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  height: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  height: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  start: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  start: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  end: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string]),
-  top: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string]),
-  left: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  end: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  right: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  top: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  bottom: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  left: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  minWidth: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  right: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  maxWidth: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  bottom: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  minHeight: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  minWidth: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  maxHeight: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  maxWidth: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  margin: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  minHeight: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  marginVertical: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  maxHeight: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  marginHorizontal: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  margin: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  marginTop: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  marginVertical: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  marginBottom: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  marginHorizontal: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  marginLeft: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  marginTop: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  marginRight: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  marginBottom: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  marginStart: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  marginLeft: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  marginEnd: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  marginRight: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  padding: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  marginStart: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  paddingVertical: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  marginEnd: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  paddingHorizontal: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  padding: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  paddingTop: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  paddingVertical: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  paddingBottom: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  paddingHorizontal: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  paddingLeft: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  paddingTop: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  paddingRight: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  paddingBottom: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  paddingStart: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  paddingLeft: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
-  paddingEnd: ReactPropTypes.oneOfType([
+  ]): React$PropType$Primitive<number | string>),
+  paddingRight: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
+  ]): React$PropType$Primitive<number | string>),
+  paddingStart: (ReactPropTypes.oneOfType([
+    ReactPropTypes.number,
+    ReactPropTypes.string,
+  ]): React$PropType$Primitive<number | string>),
+  paddingEnd: (ReactPropTypes.oneOfType([
+    ReactPropTypes.number,
+    ReactPropTypes.string,
+  ]): React$PropType$Primitive<number | string>),
   borderWidth: ReactPropTypes.number,
   borderTopWidth: ReactPropTypes.number,
   borderStartWidth: ReactPropTypes.number,
@@ -135,56 +143,91 @@ const LayoutPropTypes = {
   borderRightWidth: ReactPropTypes.number,
   borderBottomWidth: ReactPropTypes.number,
   borderLeftWidth: ReactPropTypes.number,
-  position: ReactPropTypes.oneOf(['absolute', 'relative']),
-  flexDirection: ReactPropTypes.oneOf([
+  position: (ReactPropTypes.oneOf([
+    'absolute',
+    'relative',
+  ]): React$PropType$Primitive<'absolute' | 'relative'>),
+  flexDirection: (ReactPropTypes.oneOf([
     'row',
     'row-reverse',
     'column',
     'column-reverse',
-  ]),
-  flexWrap: ReactPropTypes.oneOf(['wrap', 'nowrap', 'wrap-reverse']),
-  justifyContent: ReactPropTypes.oneOf([
+  ]): React$PropType$Primitive<
+    'row' | 'row-reverse' | 'column' | 'column-reverse',
+  >),
+  flexWrap: (ReactPropTypes.oneOf([
+    'wrap',
+    'nowrap',
+    'wrap-reverse',
+  ]): React$PropType$Primitive<'wrap' | 'nowrap' | 'wrap-reverse'>),
+  justifyContent: (ReactPropTypes.oneOf([
     'flex-start',
     'flex-end',
     'center',
     'space-between',
     'space-around',
     'space-evenly',
-  ]),
-  alignItems: ReactPropTypes.oneOf([
+  ]): React$PropType$Primitive<
+    | 'flex-start'
+    | 'flex-end'
+    | 'center'
+    | 'space-between'
+    | 'space-around'
+    | 'space-evenly',
+  >),
+  alignItems: (ReactPropTypes.oneOf([
     'flex-start',
     'flex-end',
     'center',
     'stretch',
     'baseline',
-  ]),
-  alignSelf: ReactPropTypes.oneOf([
+  ]): React$PropType$Primitive<
+    'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline',
+  >),
+  alignSelf: (ReactPropTypes.oneOf([
     'auto',
     'flex-start',
     'flex-end',
     'center',
     'stretch',
     'baseline',
-  ]),
-  alignContent: ReactPropTypes.oneOf([
+  ]): React$PropType$Primitive<
+    'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline',
+  >),
+  alignContent: (ReactPropTypes.oneOf([
     'flex-start',
     'flex-end',
     'center',
     'stretch',
     'space-between',
     'space-around',
-  ]),
-  overflow: ReactPropTypes.oneOf(['visible', 'hidden', 'scroll']),
+  ]): React$PropType$Primitive<
+    | 'flex-start'
+    | 'flex-end'
+    | 'center'
+    | 'stretch'
+    | 'space-between'
+    | 'space-around',
+  >),
+  overflow: (ReactPropTypes.oneOf([
+    'visible',
+    'hidden',
+    'scroll',
+  ]): React$PropType$Primitive<'visible' | 'hidden' | 'scroll'>),
   flex: ReactPropTypes.number,
   flexGrow: ReactPropTypes.number,
   flexShrink: ReactPropTypes.number,
-  flexBasis: ReactPropTypes.oneOfType([
+  flexBasis: (ReactPropTypes.oneOfType([
     ReactPropTypes.number,
     ReactPropTypes.string,
-  ]),
+  ]): React$PropType$Primitive<number | string>),
   aspectRatio: ReactPropTypes.number,
   zIndex: ReactPropTypes.number,
-  direction: ReactPropTypes.oneOf(['inherit', 'ltr', 'rtl']),
+  direction: (ReactPropTypes.oneOf([
+    'inherit',
+    'ltr',
+    'rtl',
+  ]): React$PropType$Primitive<'inherit' | 'ltr' | 'rtl'>),
 };
 
 module.exports = LayoutPropTypes;
diff --git a/Libraries/DeprecatedPropTypes/DeprecatedPointPropType.js b/Libraries/DeprecatedPropTypes/DeprecatedPointPropType.js
index 9ae8c8f9872d5c..1d13e7ed74a5b9 100644
--- a/Libraries/DeprecatedPropTypes/DeprecatedPointPropType.js
+++ b/Libraries/DeprecatedPropTypes/DeprecatedPointPropType.js
@@ -12,7 +12,10 @@
 
 const PropTypes = require('prop-types');
 
-const PointPropType = PropTypes.shape({
+const PointPropType: React$PropType$Primitive<{
+  x?: number,
+  y?: number,
+}> = PropTypes.shape({
   x: PropTypes.number,
   y: PropTypes.number,
 });
diff --git a/Libraries/DeprecatedPropTypes/DeprecatedShadowPropTypesIOS.js b/Libraries/DeprecatedPropTypes/DeprecatedShadowPropTypesIOS.js
index f2d73c9578f935..3d0fe41604733e 100644
--- a/Libraries/DeprecatedPropTypes/DeprecatedShadowPropTypesIOS.js
+++ b/Libraries/DeprecatedPropTypes/DeprecatedShadowPropTypesIOS.js
@@ -14,10 +14,10 @@ const ReactPropTypes = require('prop-types');
 
 const DeprecatedShadowPropTypesIOS = {
   shadowColor: DeprecatedColorPropType,
-  shadowOffset: ReactPropTypes.shape({
+  shadowOffset: (ReactPropTypes.shape({
     width: ReactPropTypes.number,
     height: ReactPropTypes.number,
-  }),
+  }): React$PropType$Primitive<{height?: number, width?: number}>),
   shadowOpacity: ReactPropTypes.number,
   shadowRadius: ReactPropTypes.number,
 };
diff --git a/Libraries/DeprecatedPropTypes/DeprecatedTextInputPropTypes.js b/Libraries/DeprecatedPropTypes/DeprecatedTextInputPropTypes.js
new file mode 100644
index 00000000000000..5748999e57fe3b
--- /dev/null
+++ b/Libraries/DeprecatedPropTypes/DeprecatedTextInputPropTypes.js
@@ -0,0 +1,535 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+const PropTypes = require('prop-types');
+const DeprecatedColorPropType = require('./DeprecatedColorPropType');
+const DeprecatedViewPropTypes = require('./DeprecatedViewPropTypes');
+const DocumentSelectionState = require('../vendor/document/selection/DocumentSelectionState');
+const Text = require('../Text/Text');
+
+const DataDetectorTypes = [
+  'phoneNumber',
+  'link',
+  'address',
+  'calendarEvent',
+  'none',
+  'all',
+];
+
+module.exports = {
+  ...DeprecatedViewPropTypes,
+  /**
+   * Can tell `TextInput` to automatically capitalize certain characters.
+   *
+   * - `characters`: all characters.
+   * - `words`: first letter of each word.
+   * - `sentences`: first letter of each sentence (*default*).
+   * - `none`: don't auto capitalize anything.
+   */
+  autoCapitalize: PropTypes.oneOf(['none', 'sentences', 'words', 'characters']),
+  /**
+   * Determines which content to suggest on auto complete, e.g.`username`.
+   * To disable auto complete, use `off`.
+   *
+   * *Android Only*
+   *
+   * The following values work on Android only:
+   *
+   * - `username`
+   * - `password`
+   * - `email`
+   * - `name`
+   * - `tel`
+   * - `street-address`
+   * - `postal-code`
+   * - `cc-number`
+   * - `cc-csc`
+   * - `cc-exp`
+   * - `cc-exp-month`
+   * - `cc-exp-year`
+   * - `off`
+   *
+   * @platform android
+   */
+  autoCompleteType: PropTypes.oneOf([
+    'cc-csc',
+    'cc-exp',
+    'cc-exp-month',
+    'cc-exp-year',
+    'cc-number',
+    'email',
+    'name',
+    'password',
+    'postal-code',
+    'street-address',
+    'tel',
+    'username',
+    'off',
+  ]),
+  /**
+   * If `false`, disables auto-correct. The default value is `true`.
+   */
+  autoCorrect: PropTypes.bool,
+  /**
+   * If `false`, disables spell-check style (i.e. red underlines).
+   * The default value is inherited from `autoCorrect`.
+   * @platform ios
+   */
+  spellCheck: PropTypes.bool,
+  /**
+   * If `true`, focuses the input on `componentDidMount`.
+   * The default value is `false`.
+   */
+  autoFocus: PropTypes.bool,
+  /**
+   * Specifies whether fonts should scale to respect Text Size accessibility settings. The
+   * default is `true`.
+   */
+  allowFontScaling: PropTypes.bool,
+  /**
+   * Specifies largest possible scale a font can reach when `allowFontScaling` is enabled.
+   * Possible values:
+   * `null/undefined` (default): inherit from the parent node or the global default (0)
+   * `0`: no max, ignore parent/global default
+   * `>= 1`: sets the maxFontSizeMultiplier of this node to this value
+   */
+  maxFontSizeMultiplier: PropTypes.number,
+  /**
+   * If `false`, text is not editable. The default value is `true`.
+   */
+  editable: PropTypes.bool,
+  /**
+   * Determines which keyboard to open, e.g.`numeric`.
+   *
+   * The following values work across platforms:
+   *
+   * - `default`
+   * - `numeric`
+   * - `number-pad`
+   * - `decimal-pad`
+   * - `email-address`
+   * - `phone-pad`
+   *
+   * *iOS Only*
+   *
+   * The following values work on iOS only:
+   *
+   * - `ascii-capable`
+   * - `numbers-and-punctuation`
+   * - `url`
+   * - `name-phone-pad`
+   * - `twitter`
+   * - `web-search`
+   *
+   * *Android Only*
+   *
+   * The following values work on Android only:
+   *
+   * - `visible-password`
+   */
+  keyboardType: PropTypes.oneOf([
+    // Cross-platform
+    'default',
+    'email-address',
+    'numeric',
+    'phone-pad',
+    'number-pad',
+    // iOS-only
+    'ascii-capable',
+    'numbers-and-punctuation',
+    'url',
+    'name-phone-pad',
+    'decimal-pad',
+    'twitter',
+    'web-search',
+    // Android-only
+    'visible-password',
+  ]),
+  /**
+   * Determines the color of the keyboard.
+   * @platform ios
+   */
+  keyboardAppearance: PropTypes.oneOf(['default', 'light', 'dark']),
+  /**
+   * Determines how the return key should look. On Android you can also use
+   * `returnKeyLabel`.
+   *
+   * *Cross platform*
+   *
+   * The following values work across platforms:
+   *
+   * - `done`
+   * - `go`
+   * - `next`
+   * - `search`
+   * - `send`
+   *
+   * *Android Only*
+   *
+   * The following values work on Android only:
+   *
+   * - `none`
+   * - `previous`
+   *
+   * *iOS Only*
+   *
+   * The following values work on iOS only:
+   *
+   * - `default`
+   * - `emergency-call`
+   * - `google`
+   * - `join`
+   * - `route`
+   * - `yahoo`
+   */
+  returnKeyType: PropTypes.oneOf([
+    // Cross-platform
+    'done',
+    'go',
+    'next',
+    'search',
+    'send',
+    // Android-only
+    'none',
+    'previous',
+    // iOS-only
+    'default',
+    'emergency-call',
+    'google',
+    'join',
+    'route',
+    'yahoo',
+  ]),
+  /**
+   * Sets the return key to the label. Use it instead of `returnKeyType`.
+   * @platform android
+   */
+  returnKeyLabel: PropTypes.string,
+  /**
+   * Limits the maximum number of characters that can be entered. Use this
+   * instead of implementing the logic in JS to avoid flicker.
+   */
+  maxLength: PropTypes.number,
+  /**
+   * Sets the number of lines for a `TextInput`. Use it with multiline set to
+   * `true` to be able to fill the lines.
+   * @platform android
+   */
+  numberOfLines: PropTypes.number,
+  /**
+   * 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
+   * the text inside of a full screen text input mode. When `true`, this feature is
+   * disabled and users will always edit the text directly inside of the text input.
+   * Defaults to `false`.
+   * @platform android
+   */
+  disableFullscreenUI: PropTypes.bool,
+  /**
+   * If `true`, the keyboard disables the return key when there is no text and
+   * automatically enables it when there is text. The default value is `false`.
+   * @platform ios
+   */
+  enablesReturnKeyAutomatically: PropTypes.bool,
+  /**
+   * If `true`, the text input can be multiple lines.
+   * The default value is `false`.
+   */
+  multiline: PropTypes.bool,
+  /**
+   * Set text break strategy on Android API Level 23+, possible values are `simple`, `highQuality`, `balanced`
+   * The default value is `simple`.
+   * @platform android
+   */
+  textBreakStrategy: PropTypes.oneOf(['simple', 'highQuality', 'balanced']),
+  /**
+   * Callback that is called when the text input is blurred.
+   */
+  onBlur: PropTypes.func,
+  /**
+   * Callback that is called when the text input is focused.
+   */
+  onFocus: PropTypes.func,
+  /**
+   * Callback that is called when the text input's text changes.
+   */
+  onChange: PropTypes.func,
+  /**
+   * Callback that is called when the text input's text changes.
+   * Changed text is passed as an argument to the callback handler.
+   */
+  onChangeText: PropTypes.func,
+  /**
+   * Callback that is called when the text input's content size changes.
+   * This will be called with
+   * `{ nativeEvent: { contentSize: { width, height } } }`.
+   *
+   * Only called for multiline text inputs.
+   */
+  onContentSizeChange: PropTypes.func,
+  onTextInput: PropTypes.func,
+  /**
+   * Callback that is called when text input ends.
+   */
+  onEndEditing: PropTypes.func,
+  /**
+   * Callback that is called when the text input selection is changed.
+   * This will be called with
+   * `{ nativeEvent: { selection: { start, end } } }`.
+   */
+  onSelectionChange: PropTypes.func,
+  /**
+   * Callback that is called when the text input's submit button is pressed.
+   * Invalid if `multiline={true}` is specified.
+   */
+  onSubmitEditing: PropTypes.func,
+  /**
+   * Callback that is called when a key is pressed.
+   * This will be called with `{ nativeEvent: { key: keyValue } }`
+   * where `keyValue` is `'Enter'` or `'Backspace'` for respective keys and
+   * the typed-in character otherwise including `' '` for space.
+   * Fires before `onChange` callbacks.
+   */
+  onKeyPress: PropTypes.func,
+  /**
+   * Invoked on mount and layout changes with `{x, y, width, height}`.
+   */
+  onLayout: PropTypes.func,
+  /**
+   * Invoked on content scroll with `{ nativeEvent: { contentOffset: { x, y } } }`.
+   * May also contain other properties from ScrollEvent but on Android contentSize
+   * is not provided for performance reasons.
+   */
+  onScroll: PropTypes.func,
+  /**
+   * The string that will be rendered before text input has been entered.
+   */
+  placeholder: PropTypes.string,
+  /**
+   * The text color of the placeholder string.
+   */
+  placeholderTextColor: DeprecatedColorPropType,
+  /**
+   * If `false`, scrolling of the text view will be disabled.
+   * The default value is `true`. Does only work with 'multiline={true}'.
+   * @platform ios
+   */
+  scrollEnabled: PropTypes.bool,
+  /**
+   * If `true`, the text input obscures the text entered so that sensitive text
+   * like passwords stay secure. The default value is `false`. Does not work with 'multiline={true}'.
+   */
+  secureTextEntry: PropTypes.bool,
+  /**
+   * The highlight and cursor color of the text input.
+   */
+  selectionColor: DeprecatedColorPropType,
+  /**
+   * An instance of `DocumentSelectionState`, this is some state that is responsible for
+   * maintaining selection information for a document.
+   *
+   * Some functionality that can be performed with this instance is:
+   *
+   * - `blur()`
+   * - `focus()`
+   * - `update()`
+   *
+   * > You can reference `DocumentSelectionState` in
+   * > [`vendor/document/selection/DocumentSelectionState.js`](https://github.com/facebook/react-native/blob/master/Libraries/vendor/document/selection/DocumentSelectionState.js)
+   *
+   * @platform ios
+   */
+  selectionState: PropTypes.instanceOf(DocumentSelectionState),
+  /**
+   * The start and end of the text input's selection. Set start and end to
+   * the same value to position the cursor.
+   */
+  selection: PropTypes.shape({
+    start: PropTypes.number.isRequired,
+    end: PropTypes.number,
+  }),
+  /**
+   * The value to show for the text input. `TextInput` is a controlled
+   * component, which means the native value will be forced to match this
+   * value prop if provided. For most uses, this works great, but in some
+   * cases this may cause flickering - one common cause is preventing edits
+   * by keeping value the same. In addition to simply setting the same value,
+   * either set `editable={false}`, or set/update `maxLength` to prevent
+   * unwanted edits without flicker.
+   */
+  value: PropTypes.string,
+  /**
+   * Provides an initial value that will change when the user starts typing.
+   * Useful for simple use-cases where you do not want to deal with listening
+   * to events and updating the value prop to keep the controlled state in sync.
+   */
+  defaultValue: PropTypes.string,
+  /**
+   * When the clear button should appear on the right side of the text view.
+   * This property is supported only for single-line TextInput component.
+   * @platform ios
+   */
+  clearButtonMode: PropTypes.oneOf([
+    'never',
+    'while-editing',
+    'unless-editing',
+    'always',
+  ]),
+  /**
+   * If `true`, clears the text field automatically when editing begins.
+   * @platform ios
+   */
+  clearTextOnFocus: PropTypes.bool,
+  /**
+   * If `true`, all text will automatically be selected on focus.
+   */
+  selectTextOnFocus: PropTypes.bool,
+  /**
+   * If `true`, the text field will blur when submitted.
+   * The default value is true for single-line fields and false for
+   * multiline fields. Note that for multiline fields, setting `blurOnSubmit`
+   * to `true` means that pressing return will blur the field and trigger the
+   * `onSubmitEditing` event instead of inserting a newline into the field.
+   */
+  blurOnSubmit: PropTypes.bool,
+  /**
+   * Note that not all Text styles are supported, an incomplete list of what is not supported includes:
+   *
+   * - `borderLeftWidth`
+   * - `borderTopWidth`
+   * - `borderRightWidth`
+   * - `borderBottomWidth`
+   * - `borderTopLeftRadius`
+   * - `borderTopRightRadius`
+   * - `borderBottomRightRadius`
+   * - `borderBottomLeftRadius`
+   *
+   * see [Issue#7070](https://github.com/facebook/react-native/issues/7070)
+   * for more detail.
+   *
+   * [Styles](docs/style.html)
+   */
+  style: Text.propTypes.style,
+  /**
+   * The color of the `TextInput` underline.
+   * @platform android
+   */
+  underlineColorAndroid: DeprecatedColorPropType,
+
+  /**
+   * If defined, the provided image resource will be rendered on the left.
+   * The image resource must be inside `/android/app/src/main/res/drawable` and referenced
+   * like
+   * ```
+   * <TextInput
+   *  inlineImageLeft='search_icon'
+   * />
+   * ```
+   * @platform android
+   */
+  inlineImageLeft: PropTypes.string,
+
+  /**
+   * Padding between the inline image, if any, and the text input itself.
+   * @platform android
+   */
+  inlineImagePadding: PropTypes.number,
+
+  /**
+   * If `true`, allows TextInput to pass touch events to the parent component.
+   * This allows components such as SwipeableListView to be swipeable from the TextInput on iOS,
+   * as is the case on Android by default.
+   * If `false`, TextInput always asks to handle the input (except when disabled).
+   * @platform ios
+   */
+  rejectResponderTermination: PropTypes.bool,
+
+  /**
+   * Determines the types of data converted to clickable URLs in the text input.
+   * Only valid if `multiline={true}` and `editable={false}`.
+   * By default no data types are detected.
+   *
+   * You can provide one type or an array of many types.
+   *
+   * Possible values for `dataDetectorTypes` are:
+   *
+   * - `'phoneNumber'`
+   * - `'link'`
+   * - `'address'`
+   * - `'calendarEvent'`
+   * - `'none'`
+   * - `'all'`
+   *
+   * @platform ios
+   */
+  dataDetectorTypes: PropTypes.oneOfType([
+    PropTypes.oneOf(DataDetectorTypes),
+    PropTypes.arrayOf(PropTypes.oneOf(DataDetectorTypes)),
+  ]),
+  /**
+   * If `true`, caret is hidden. The default value is `false`.
+   * This property is supported only for single-line TextInput component on iOS.
+   */
+  caretHidden: PropTypes.bool,
+  /*
+   * If `true`, contextMenuHidden is hidden. The default value is `false`.
+   */
+  contextMenuHidden: PropTypes.bool,
+  /**
+   * An optional identifier which links a custom InputAccessoryView to
+   * this text input. The InputAccessoryView is rendered above the
+   * keyboard when this text input is focused.
+   * @platform ios
+   */
+  inputAccessoryViewID: PropTypes.string,
+  /**
+   * Give the keyboard and the system information about the
+   * expected semantic meaning for the content that users enter.
+   * @platform ios
+   */
+  textContentType: PropTypes.oneOf([
+    'none',
+    'URL',
+    'addressCity',
+    'addressCityAndState',
+    'addressState',
+    'countryName',
+    'creditCardNumber',
+    'emailAddress',
+    'familyName',
+    'fullStreetAddress',
+    'givenName',
+    'jobTitle',
+    'location',
+    'middleName',
+    'name',
+    'namePrefix',
+    'nameSuffix',
+    'nickname',
+    'organizationName',
+    'postalCode',
+    'streetAddressLine1',
+    'streetAddressLine2',
+    'sublocality',
+    'telephoneNumber',
+    'username',
+    'password',
+    'newPassword',
+    'oneTimeCode',
+  ]),
+  /**
+   * When `false`, it will prevent the soft keyboard from showing when the field is focused.
+   * Defaults to `true`.
+   * @platform android
+   */
+  showSoftInputOnFocus: PropTypes.bool,
+};
diff --git a/Libraries/DeprecatedPropTypes/DeprecatedTextPropTypes.js b/Libraries/DeprecatedPropTypes/DeprecatedTextPropTypes.js
index 06abb2fc3fd790..f053e8e283d6ce 100644
--- a/Libraries/DeprecatedPropTypes/DeprecatedTextPropTypes.js
+++ b/Libraries/DeprecatedPropTypes/DeprecatedTextPropTypes.js
@@ -14,28 +14,145 @@ const DeprecatedColorPropType = require('./DeprecatedColorPropType');
 const DeprecatedEdgeInsetsPropType = require('./DeprecatedEdgeInsetsPropType');
 const DeprecatedStyleSheetPropType = require('./DeprecatedStyleSheetPropType');
 const PropTypes = require('prop-types');
-const TextStylePropTypes = require('../Text/TextStylePropTypes');
+const DeprecatedTextStylePropTypes = require('./DeprecatedTextStylePropTypes');
 
-const stylePropType = DeprecatedStyleSheetPropType(TextStylePropTypes);
+const stylePropType: ReactPropsCheckType = DeprecatedStyleSheetPropType(
+  DeprecatedTextStylePropTypes,
+);
+
+const DataDetectorTypes = ['phoneNumber', 'link', 'email', 'none', 'all'];
 
 module.exports = {
-  ellipsizeMode: PropTypes.oneOf(['head', 'middle', 'tail', 'clip']),
+  /**
+   * When `numberOfLines` is set, this prop defines how text will be
+   * truncated.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#ellipsizemode
+   */
+  ellipsizeMode: (PropTypes.oneOf([
+    'head',
+    'middle',
+    'tail',
+    'clip',
+  ]): React$PropType$Primitive<'head' | 'middle' | 'tail' | 'clip'>),
+  /**
+   * Used to truncate the text with an ellipsis.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#numberoflines
+   */
   numberOfLines: PropTypes.number,
-  textBreakStrategy: PropTypes.oneOf(['simple', 'highQuality', 'balanced']),
+  /**
+   * Set text break strategy on Android.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#textbreakstrategy
+   */
+  textBreakStrategy: (PropTypes.oneOf([
+    'simple',
+    'highQuality',
+    'balanced',
+  ]): React$PropType$Primitive<'simple' | 'highQuality' | 'balanced'>),
+  /**
+   * Invoked on mount and layout changes.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#onlayout
+   */
   onLayout: PropTypes.func,
+  /**
+   * This function is called on press.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#onpress
+   */
   onPress: PropTypes.func,
+  /**
+   * This function is called on long press.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#onlongpress
+   */
   onLongPress: PropTypes.func,
+  /**
+   * Defines how far your touch may move off of the button, before
+   * deactivating the button.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#pressretentionoffset
+   */
   pressRetentionOffset: DeprecatedEdgeInsetsPropType,
+  /**
+   * Lets the user select text.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#selectable
+   */
   selectable: PropTypes.bool,
+  /**
+   * The highlight color of the text.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#selectioncolor
+   */
   selectionColor: DeprecatedColorPropType,
+  /**
+   * When `true`, no visual change is made when text is pressed down.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#supperhighlighting
+   */
   suppressHighlighting: PropTypes.bool,
   style: stylePropType,
+  /**
+   * Used to locate this view in end-to-end tests.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#testid
+   */
   testID: PropTypes.string,
+  /**
+   * Used to locate this view from native code.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#nativeid
+   */
   nativeID: PropTypes.string,
+  /**
+   * Whether fonts should scale to respect Text Size accessibility settings.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#allowfontscaling
+   */
   allowFontScaling: PropTypes.bool,
+  /**
+   * Specifies largest possible scale a font can reach when `allowFontScaling` is enabled.
+   * Possible values:
+   * `null/undefined` (default): inherit from the parent node or the global default (0)
+   * `0`: no max, ignore parent/global default
+   * `>= 1`: sets the maxFontSizeMultiplier of this node to this value
+   */
   maxFontSizeMultiplier: PropTypes.number,
+  /**
+   * Indicates whether the view is an accessibility element.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#accessible
+   */
   accessible: PropTypes.bool,
+  /**
+   * Whether font should be scaled down automatically.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#adjustsfontsizetofit
+   */
   adjustsFontSizeToFit: PropTypes.bool,
+  /**
+   * Smallest possible scale a font can reach.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#minimumfontscale
+   */
   minimumFontScale: PropTypes.number,
+  /**
+   * Specifies the disabled state of the text view for testing purposes.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#disabled
+   */
   disabled: PropTypes.bool,
+  /**
+   * Determines the types of data converted to clickable URLs in text.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#dataDetectorType
+   */
+  dataDetectorType: (PropTypes.oneOf(
+    DataDetectorTypes,
+  ): React$PropType$Primitive<
+    'phoneNumber' | 'link' | 'email' | 'none' | 'all',
+  >),
 };
diff --git a/Libraries/Text/TextStylePropTypes.js b/Libraries/DeprecatedPropTypes/DeprecatedTextStylePropTypes.js
similarity index 57%
rename from Libraries/Text/TextStylePropTypes.js
rename to Libraries/DeprecatedPropTypes/DeprecatedTextStylePropTypes.js
index e41f6d833cc5d0..63ab3213ffd6e7 100644
--- a/Libraries/Text/TextStylePropTypes.js
+++ b/Libraries/DeprecatedPropTypes/DeprecatedTextStylePropTypes.js
@@ -10,23 +10,26 @@
 
 'use strict';
 
-const DeprecatedColorPropType = require('../DeprecatedPropTypes/DeprecatedColorPropType');
+const DeprecatedColorPropType = require('./DeprecatedColorPropType');
+const DeprecatedViewStylePropTypes = require('./DeprecatedViewStylePropTypes');
 const ReactPropTypes = require('prop-types');
-const DeprecatedViewStylePropTypes = require('../DeprecatedPropTypes/DeprecatedViewStylePropTypes');
 
-const TextStylePropTypes = {
+const DeprecatedTextStylePropTypes = {
   ...DeprecatedViewStylePropTypes,
 
   color: DeprecatedColorPropType,
   fontFamily: ReactPropTypes.string,
   fontSize: ReactPropTypes.number,
-  fontStyle: ReactPropTypes.oneOf(['normal', 'italic']),
+  fontStyle: (ReactPropTypes.oneOf([
+    'normal',
+    'italic',
+  ]): React$PropType$Primitive<'normal' | 'italic'>),
   /**
    * Specifies font weight. The values 'normal' and 'bold' are supported for
    * most fonts. Not all fonts have a variant for each of the numeric values,
    * in that case the closest one is chosen.
    */
-  fontWeight: ReactPropTypes.oneOf([
+  fontWeight: (ReactPropTypes.oneOf([
     'normal' /*default*/,
     'bold',
     '100',
@@ -38,11 +41,23 @@ const TextStylePropTypes = {
     '700',
     '800',
     '900',
-  ]),
+  ]): React$PropType$Primitive<
+    | 'normal'
+    | 'bold'
+    | '100'
+    | '200'
+    | '300'
+    | '400'
+    | '500'
+    | '600'
+    | '700'
+    | '800'
+    | '900',
+  >),
   /**
    * @platform ios
    */
-  fontVariant: ReactPropTypes.arrayOf(
+  fontVariant: (ReactPropTypes.arrayOf(
     ReactPropTypes.oneOf([
       'small-caps',
       'oldstyle-nums',
@@ -50,11 +65,19 @@ const TextStylePropTypes = {
       'tabular-nums',
       'proportional-nums',
     ]),
-  ),
-  textShadowOffset: ReactPropTypes.shape({
+  ): React$PropType$Primitive<
+    Array<
+      | 'small-caps'
+      | 'oldstyle-nums'
+      | 'lining-nums'
+      | 'tabular-nums'
+      | 'proportional-nums',
+    >,
+  >),
+  textShadowOffset: (ReactPropTypes.shape({
     width: ReactPropTypes.number,
     height: ReactPropTypes.number,
-  }),
+  }): React$PropType$Primitive<{height?: number, width?: number}>),
   textShadowRadius: ReactPropTypes.number,
   textShadowColor: DeprecatedColorPropType,
   /**
@@ -66,22 +89,24 @@ const TextStylePropTypes = {
    * Specifies text alignment. The value 'justify' is only supported on iOS and
    * fallbacks to `left` on Android.
    */
-  textAlign: ReactPropTypes.oneOf([
+  textAlign: (ReactPropTypes.oneOf([
     'auto' /*default*/,
     'left',
     'right',
     'center',
     'justify',
-  ]),
+  ]): React$PropType$Primitive<
+    'auto' | 'left' | 'right' | 'center' | 'justify',
+  >),
   /**
    * @platform android
    */
-  textAlignVertical: ReactPropTypes.oneOf([
+  textAlignVertical: (ReactPropTypes.oneOf([
     'auto' /*default*/,
     'top',
     'bottom',
     'center',
-  ]),
+  ]): React$PropType$Primitive<'auto' | 'top' | 'bottom' | 'center'>),
   /**
    * Set to `false` to remove extra font padding intended to make space for certain ascenders / descenders.
    * With some fonts, this padding can make text look slightly misaligned when centered vertically.
@@ -89,35 +114,43 @@ const TextStylePropTypes = {
    * @platform android
    */
   includeFontPadding: ReactPropTypes.bool,
-  textDecorationLine: ReactPropTypes.oneOf([
+  textDecorationLine: (ReactPropTypes.oneOf([
     'none' /*default*/,
     'underline',
     'line-through',
     'underline line-through',
-  ]),
+  ]): React$PropType$Primitive<
+    'none' | 'underline' | 'line-through' | 'underline line-through',
+  >),
   /**
    * @platform ios
    */
-  textDecorationStyle: ReactPropTypes.oneOf([
+  textDecorationStyle: (ReactPropTypes.oneOf([
     'solid' /*default*/,
     'double',
     'dotted',
     'dashed',
-  ]),
+  ]): React$PropType$Primitive<'solid' | 'double' | 'dotted' | 'dashed'>),
   /**
    * @platform ios
    */
   textDecorationColor: DeprecatedColorPropType,
-  textTransform: ReactPropTypes.oneOf([
+  textTransform: (ReactPropTypes.oneOf([
     'none' /*default*/,
     'capitalize',
     'uppercase',
     'lowercase',
-  ]),
+  ]): React$PropType$Primitive<
+    'none' | 'capitalize' | 'uppercase' | 'lowercase',
+  >),
   /**
    * @platform ios
    */
-  writingDirection: ReactPropTypes.oneOf(['auto' /*default*/, 'ltr', 'rtl']),
+  writingDirection: (ReactPropTypes.oneOf([
+    'auto' /*default*/,
+    'ltr',
+    'rtl',
+  ]): React$PropType$Primitive<'auto' | 'ltr' | 'rtl'>),
 };
 
-module.exports = TextStylePropTypes;
+module.exports = DeprecatedTextStylePropTypes;
diff --git a/Libraries/DeprecatedPropTypes/DeprecatedTransformPropTypes.js b/Libraries/DeprecatedPropTypes/DeprecatedTransformPropTypes.js
index d4a408f7e9546c..78b445e754b362 100644
--- a/Libraries/DeprecatedPropTypes/DeprecatedTransformPropTypes.js
+++ b/Libraries/DeprecatedPropTypes/DeprecatedTransformPropTypes.js
@@ -41,7 +41,7 @@ const DecomposedMatrixPropType = function(
 };
 
 const DeprecatedTransformPropTypes = {
-  transform: ReactPropTypes.arrayOf(
+  transform: (ReactPropTypes.arrayOf(
     ReactPropTypes.oneOfType([
       ReactPropTypes.shape({perspective: ReactPropTypes.number}),
       ReactPropTypes.shape({rotate: ReactPropTypes.string}),
@@ -56,29 +56,44 @@ const DeprecatedTransformPropTypes = {
       ReactPropTypes.shape({skewX: ReactPropTypes.string}),
       ReactPropTypes.shape({skewY: ReactPropTypes.string}),
     ]),
-  ),
+  ): React$PropType$Primitive<
+    Array<
+      | {perspective?: number}
+      | {rotate?: string}
+      | {rotateX?: string}
+      | {rotateY?: string}
+      | {rotateZ?: string}
+      | {scale?: number}
+      | {scaleX?: number}
+      | {scaleY?: number}
+      | {translateX?: number}
+      | {translateY?: number}
+      | {skewX?: string}
+      | {skewY?: string},
+    >,
+  >),
   transformMatrix: TransformMatrixPropType,
   decomposedMatrix: DecomposedMatrixPropType,
-  scaleX: deprecatedPropType(
+  scaleX: (deprecatedPropType(
     ReactPropTypes.number,
     'Use the transform prop instead.',
-  ),
-  scaleY: deprecatedPropType(
+  ): ReactPropsCheckType),
+  scaleY: (deprecatedPropType(
     ReactPropTypes.number,
     'Use the transform prop instead.',
-  ),
-  rotation: deprecatedPropType(
+  ): ReactPropsCheckType),
+  rotation: (deprecatedPropType(
     ReactPropTypes.number,
     'Use the transform prop instead.',
-  ),
-  translateX: deprecatedPropType(
+  ): ReactPropsCheckType),
+  translateX: (deprecatedPropType(
     ReactPropTypes.number,
     'Use the transform prop instead.',
-  ),
-  translateY: deprecatedPropType(
+  ): ReactPropsCheckType),
+  translateY: (deprecatedPropType(
     ReactPropTypes.number,
     'Use the transform prop instead.',
-  ),
+  ): ReactPropsCheckType),
 };
 
 module.exports = DeprecatedTransformPropTypes;
diff --git a/Libraries/DeprecatedPropTypes/DeprecatedViewPropTypes.js b/Libraries/DeprecatedPropTypes/DeprecatedViewPropTypes.js
index 01f035858cb607..03fd9a7c1a7691 100644
--- a/Libraries/DeprecatedPropTypes/DeprecatedViewPropTypes.js
+++ b/Libraries/DeprecatedPropTypes/DeprecatedViewPropTypes.js
@@ -11,17 +11,17 @@
 'use strict';
 
 const DeprecatedEdgeInsetsPropType = require('./DeprecatedEdgeInsetsPropType');
-const PlatformViewPropTypes = require('../Components/View/PlatformViewPropTypes');
-const PropTypes = require('prop-types');
 const DeprecatedStyleSheetPropType = require('./DeprecatedStyleSheetPropType');
 const DeprecatedViewStylePropTypes = require('./DeprecatedViewStylePropTypes');
+const PlatformViewPropTypes = require('../Components/View/PlatformViewPropTypes');
+const PropTypes = require('prop-types');
 
 const {
   DeprecatedAccessibilityRoles,
   DeprecatedAccessibilityStates,
 } = require('./DeprecatedViewAccessibility');
 
-const stylePropType = DeprecatedStyleSheetPropType(
+const stylePropType: ReactPropsCheckType = DeprecatedStyleSheetPropType(
   DeprecatedViewStylePropTypes,
 );
 
@@ -58,7 +58,9 @@ module.exports = {
    *
    * @platform ios
    */
-  accessibilityActions: PropTypes.arrayOf(PropTypes.string),
+  accessibilityActions: (PropTypes.arrayOf(
+    PropTypes.string,
+  ): React$PropType$Primitive<Array<string>>),
 
   /**
    * Prevents view from being inverted if set to true and color inversion is turned on.
@@ -70,14 +72,56 @@ module.exports = {
   /**
    * Indicates to accessibility services to treat UI component like a specific role.
    */
-  accessibilityRole: PropTypes.oneOf(DeprecatedAccessibilityRoles),
+  accessibilityRole: (PropTypes.oneOf(
+    DeprecatedAccessibilityRoles,
+  ): React$PropType$Primitive<
+    | 'none'
+    | 'button'
+    | 'link'
+    | 'search'
+    | 'image'
+    | 'keyboardkey'
+    | 'text'
+    | 'adjustable'
+    | 'imagebutton'
+    | 'header'
+    | 'summary'
+    | 'alert'
+    | 'checkbox'
+    | 'combobox'
+    | 'menu'
+    | 'menubar'
+    | 'menuitem'
+    | 'progressbar'
+    | 'radio'
+    | 'radiogroup'
+    | 'scrollbar'
+    | 'spinbutton'
+    | 'switch'
+    | 'tab'
+    | 'tablist'
+    | 'timer'
+    | 'toolbar',
+  >),
 
   /**
    * Indicates to accessibility services that UI Component is in a specific State.
    */
-  accessibilityStates: PropTypes.arrayOf(
+  accessibilityStates: (PropTypes.arrayOf(
     PropTypes.oneOf(DeprecatedAccessibilityStates),
-  ),
+  ): React$PropType$Primitive<
+    Array<
+      | 'selected'
+      | 'disabled'
+      | 'checked'
+      | 'unchecked'
+      | 'busy'
+      | 'expanded'
+      | 'collapsed'
+      | 'hasPopup',
+    >,
+  >),
+  accessibilityState: PropTypes.object,
   /**
    * Indicates to accessibility services whether the user should be notified
    * when this view changes. Works for Android API >= 19 only.
@@ -86,7 +130,11 @@ module.exports = {
    *
    * See http://facebook.github.io/react-native/docs/view.html#accessibilityliveregion
    */
-  accessibilityLiveRegion: PropTypes.oneOf(['none', 'polite', 'assertive']),
+  accessibilityLiveRegion: (PropTypes.oneOf([
+    'none',
+    'polite',
+    'assertive',
+  ]): React$PropType$Primitive<'none' | 'polite' | 'assertive'>),
 
   /**
    * Controls how view is important for accessibility which is if it
@@ -97,12 +145,12 @@ module.exports = {
    *
    * See http://facebook.github.io/react-native/docs/view.html#importantforaccessibility
    */
-  importantForAccessibility: PropTypes.oneOf([
+  importantForAccessibility: (PropTypes.oneOf([
     'auto',
     'yes',
     'no',
     'no-hide-descendants',
-  ]),
+  ]): React$PropType$Primitive<'auto' | 'yes' | 'no' | 'no-hide-descendants'>),
 
   /**
    * A value indicating whether VoiceOver should ignore the elements
@@ -313,7 +361,12 @@ module.exports = {
    *
    * See http://facebook.github.io/react-native/docs/view.html#pointerevents
    */
-  pointerEvents: PropTypes.oneOf(['box-none', 'none', 'box-only', 'auto']),
+  pointerEvents: (PropTypes.oneOf([
+    'box-none',
+    'none',
+    'box-only',
+    'auto',
+  ]): React$PropType$Primitive<'box-none' | 'none' | 'box-only' | 'auto'>),
 
   /**
    * See http://facebook.github.io/react-native/docs/style.html
diff --git a/Libraries/DeprecatedPropTypes/DeprecatedViewStylePropTypes.js b/Libraries/DeprecatedPropTypes/DeprecatedViewStylePropTypes.js
index 373174edd1eaf2..8b7036bd60761d 100644
--- a/Libraries/DeprecatedPropTypes/DeprecatedViewStylePropTypes.js
+++ b/Libraries/DeprecatedPropTypes/DeprecatedViewStylePropTypes.js
@@ -12,9 +12,9 @@
 
 const DeprecatedColorPropType = require('./DeprecatedColorPropType');
 const DeprecatedLayoutPropTypes = require('./DeprecatedLayoutPropTypes');
-const ReactPropTypes = require('prop-types');
 const DeprecatedShadowPropTypesIOS = require('./DeprecatedShadowPropTypesIOS');
 const DeprecatedTransformPropTypes = require('./DeprecatedTransformPropTypes');
+const ReactPropTypes = require('prop-types');
 
 /**
  * Warning: Some of these properties may not be supported in all releases.
@@ -23,7 +23,10 @@ const DeprecatedViewStylePropTypes = {
   ...DeprecatedLayoutPropTypes,
   ...DeprecatedShadowPropTypesIOS,
   ...DeprecatedTransformPropTypes,
-  backfaceVisibility: ReactPropTypes.oneOf(['visible', 'hidden']),
+  backfaceVisibility: (ReactPropTypes.oneOf([
+    'visible',
+    'hidden',
+  ]): React$PropType$Primitive<'visible' | 'hidden'>),
   backgroundColor: DeprecatedColorPropType,
   borderColor: DeprecatedColorPropType,
   borderTopColor: DeprecatedColorPropType,
@@ -41,7 +44,11 @@ const DeprecatedViewStylePropTypes = {
   borderBottomRightRadius: ReactPropTypes.number,
   borderBottomStartRadius: ReactPropTypes.number,
   borderBottomEndRadius: ReactPropTypes.number,
-  borderStyle: ReactPropTypes.oneOf(['solid', 'dotted', 'dashed']),
+  borderStyle: (ReactPropTypes.oneOf([
+    'solid',
+    'dotted',
+    'dashed',
+  ]): React$PropType$Primitive<'solid' | 'dotted' | 'dashed'>),
   borderWidth: ReactPropTypes.number,
   borderTopWidth: ReactPropTypes.number,
   borderRightWidth: ReactPropTypes.number,
diff --git a/Libraries/EventEmitter/RCTDeviceEventEmitter.js b/Libraries/EventEmitter/RCTDeviceEventEmitter.js
index f3192d0bb4f01b..0b4c15d501d6b8 100644
--- a/Libraries/EventEmitter/RCTDeviceEventEmitter.js
+++ b/Libraries/EventEmitter/RCTDeviceEventEmitter.js
@@ -81,4 +81,4 @@ class RCTDeviceEventEmitter extends EventEmitter {
   }
 }
 
-module.exports = new RCTDeviceEventEmitter();
+module.exports = (new RCTDeviceEventEmitter(): RCTDeviceEventEmitter);
diff --git a/Libraries/Experimental/Incremental.js b/Libraries/Experimental/Incremental.js
index e7f3e82c2126e6..8ccb315d6a8dc0 100644
--- a/Libraries/Experimental/Incremental.js
+++ b/Libraries/Experimental/Incremental.js
@@ -11,9 +11,8 @@
 'use strict';
 
 const InteractionManager = require('../Interaction/InteractionManager');
-const React = require('react');
-
 const PropTypes = require('prop-types');
+const React = require('react');
 
 const infoLog = require('../Utilities/infoLog');
 
@@ -104,11 +103,16 @@ class Incremental extends React.Component<Props, State> {
   _mounted: boolean;
   _rendered: boolean;
 
-  static defaultProps = {
+  static defaultProps: $TEMPORARY$object<{|name: string|}> = {
     name: '',
   };
 
-  static contextTypes = {
+  static contextTypes:
+    | any
+    | $TEMPORARY$object<{|
+        incrementalGroup: React$PropType$Primitive<any>,
+        incrementalGroupEnabled: React$PropType$Primitive<boolean>,
+      |}> = {
     incrementalGroup: PropTypes.object,
     incrementalGroupEnabled: PropTypes.bool,
   };
diff --git a/Libraries/Experimental/IncrementalExample.js b/Libraries/Experimental/IncrementalExample.js
index 906bb281bcd110..4d551053e4f193 100644
--- a/Libraries/Experimental/IncrementalExample.js
+++ b/Libraries/Experimental/IncrementalExample.js
@@ -93,8 +93,9 @@ function Block(props: Object) {
 const Row = (props: Object) => <View style={styles.row} {...props} />;
 
 class IncrementalExample extends React.Component<mixed, {stats: ?Object}> {
-  static title = '<Incremental*>';
-  static description = 'Enables incremental rendering of complex components.';
+  static title: string = '<Incremental*>';
+  static description: string =
+    'Enables incremental rendering of complex components.';
   start: number;
   constructor(props: mixed, context: mixed) {
     super(props, context);
diff --git a/Libraries/Experimental/IncrementalPresenter.js b/Libraries/Experimental/IncrementalPresenter.js
index a3f8069c93ca74..561da9bbd83f17 100644
--- a/Libraries/Experimental/IncrementalPresenter.js
+++ b/Libraries/Experimental/IncrementalPresenter.js
@@ -15,9 +15,9 @@ const PropTypes = require('prop-types');
 const React = require('react');
 const View = require('../Components/View/View');
 
-import type {Context} from './Incremental';
 import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
 import type {LayoutEvent} from '../Types/CoreEventTypes';
+import type {Context} from './Incremental';
 
 /**
  * WARNING: EXPERIMENTAL. Breaking changes will probably happen a lot and will
@@ -44,7 +44,12 @@ class IncrementalPresenter extends React.Component<Props> {
   context: Context;
   _isDone: boolean;
 
-  static contextTypes = {
+  static contextTypes:
+    | any
+    | $TEMPORARY$object<{|
+        incrementalGroup: React$PropType$Primitive<any>,
+        incrementalGroupEnabled: React$PropType$Primitive<boolean>,
+      |}> = {
     incrementalGroup: PropTypes.object,
     incrementalGroupEnabled: PropTypes.bool,
   };
@@ -67,7 +72,7 @@ class IncrementalPresenter extends React.Component<Props> {
     }
     this.props.onDone && this.props.onDone();
   }
-  render() {
+  render(): React.Node {
     let style: ViewStyleProp;
     if (
       this.props.disabled !== true &&
diff --git a/Libraries/Experimental/WindowedListView.js b/Libraries/Experimental/WindowedListView.js
index fd7af713bce784..05c2fa038f08b0 100644
--- a/Libraries/Experimental/WindowedListView.js
+++ b/Libraries/Experimental/WindowedListView.js
@@ -151,7 +151,7 @@ type State = {
 };
 class WindowedListView extends React.Component<Props, State> {
   /**
-   * Recomputing which rows to render is batched up and run asynchronously to avoid wastful updates,
+   * Recomputing which rows to render is batched up and run asynchronously to avoid wasteful updates,
    * e.g. from multiple layout updates in rapid succession.
    */
   _computeRowsToRenderBatcher: Batchinator;
@@ -170,7 +170,15 @@ class WindowedListView extends React.Component<Props, State> {
   _scrollRef: ?ScrollView;
   _viewabilityHelper: ViewabilityHelper;
 
-  static defaultProps = {
+  static defaultProps: $TEMPORARY$object<{|
+    disableIncrementalRendering: boolean,
+    initialNumToRender: number,
+    maxNumToRender: number,
+    numToRenderAhead: number,
+    recomputeRowsBatchingPeriod: number,
+    renderScrollComponent: (props: any) => React.Node,
+    viewablePercentThreshold: number,
+  |}> = {
     initialNumToRender: 10,
     maxNumToRender: 30,
     numToRenderAhead: 10,
@@ -390,7 +398,7 @@ class WindowedListView extends React.Component<Props, State> {
     }
     this._updateVisibleRows(firstVisible, lastVisible);
 
-    // Unfortuantely, we can't use <Incremental> to simplify our increment logic in this function
+    // Unfortunately, we can't use <Incremental> to simplify our increment logic in this function
     // because we need to make sure that cells are rendered in the right order one at a time when
     // scrolling back up.
 
@@ -646,7 +654,7 @@ type CellProps = {
    * after offscreen rendering has completed, includeInLayout will be set true and the finished cell
    * can be dropped into place.
    *
-   * This is coordinated outside this component so the parent can syncronize this re-render with
+   * This is coordinated outside this component so the parent can synchronize this re-render with
    * managing the placeholder sizing.
    */
   includeInLayout: boolean,
@@ -656,7 +664,7 @@ type CellProps = {
    */
   onNewLayout: (params: {rowKey: string, layout: Object}) => void,
   /**
-   * Used to track when rendering is in progress so the parent can avoid wastedful re-renders that
+   * Used to track when rendering is in progress so the parent can avoid wasteful re-renders that
    * are just going to be invalidated once the cell finishes.
    */
   onProgressChange: (progress: {rowKey: string, inProgress: boolean}) => void,
diff --git a/Libraries/FBLazyVector/BUCK b/Libraries/FBLazyVector/BUCK
new file mode 100644
index 00000000000000..7989eb160bc4a4
--- /dev/null
+++ b/Libraries/FBLazyVector/BUCK
@@ -0,0 +1,11 @@
+load("//tools/build_defs/oss:rn_defs.bzl", "fb_apple_library")
+
+fb_apple_library(
+    name = "FBLazyVector",
+    autoglob = True,
+    contacts = ["oncall+react_native@xmail.facebook.com"],
+    enable_exceptions = False,
+    frameworks = [],
+    link_whole = False,
+    visibility = ["PUBLIC"],
+)
diff --git a/Libraries/fishhook/React-fishhook.podspec b/Libraries/FBLazyVector/FBLazyVector.podspec
similarity index 77%
rename from Libraries/fishhook/React-fishhook.podspec
rename to Libraries/FBLazyVector/FBLazyVector.podspec
index bfc0cc64b2829d..9ebd4a996b99d2 100644
--- a/Libraries/fishhook/React-fishhook.podspec
+++ b/Libraries/FBLazyVector/FBLazyVector.podspec
@@ -18,14 +18,15 @@ else
 end
 
 Pod::Spec.new do |s|
-  s.name                   = "React-fishhook"
+  s.name                   = "FBLazyVector"
   s.version                = version
-  s.summary                = "A very simple library that enables dynamically rebinding symbols in Mach-O binaries running on iOS in the simulator and on device."
+  s.summary                = "-"  # TODO
   s.homepage               = "http://facebook.github.io/react-native/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
   s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.14" } # TODO(macOS GH#214)
   s.source                 = source
-  s.source_files           = "*.{c,h}"
-  s.header_dir             = "fishhook"
+  s.source_files           = "**/*.{c,h,m,mm,cpp}"
+  s.header_dir             = "FBLazyVector"
+
 end
diff --git a/Libraries/FBLazyVector/FBLazyVector/FBLazyIterator.h b/Libraries/FBLazyVector/FBLazyVector/FBLazyIterator.h
new file mode 100644
index 00000000000000..b0968282a777e2
--- /dev/null
+++ b/Libraries/FBLazyVector/FBLazyVector/FBLazyIterator.h
@@ -0,0 +1,125 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#pragma once
+
+#import <functional>
+#import <iterator>
+
+namespace FB {
+
+template <typename T, typename U>
+class LazyIterator {
+ public:
+  using value_type = T;
+  using pointer = std::unique_ptr<T>;
+  using reference = T;
+  using iterator_category = std::random_access_iterator_tag;
+  using difference_type = std::int32_t;
+  using size_type = std::int32_t;
+  using convert_type = std::function<T(U)>;
+
+ public:
+  LazyIterator() = default;
+
+  LazyIterator(U vector, convert_type convert, size_type i)
+  : _v(vector), _i(i), _convert(std::move(convert)) {}
+
+  bool operator==(const LazyIterator &other) const {
+    return _i == other._i && _v == other._v;
+  }
+
+  bool operator<(const LazyIterator &b) const {
+    return _i < b._i;
+  }
+
+  value_type operator*() const {
+    return _convert(_v[_i]);
+  }
+
+  std::unique_ptr<value_type> operator->() const {
+    return std::make_unique<value_type>(*this);
+  }
+
+  LazyIterator operator+(difference_type n) const {
+    return LazyIterator(_v, _convert, _i + n);
+  }
+
+  LazyIterator &operator+=(difference_type n) {
+    _i += n;
+    return *this;
+  }
+
+  LazyIterator &operator-=(difference_type n) {
+    _i -= n;
+    return *this;
+  }
+
+  LazyIterator operator-(difference_type n) const {
+    return LazyIterator(_v, _i - n);
+  }
+
+  difference_type operator-(const LazyIterator &a) const {
+    return _i - a._i;
+  }
+
+  LazyIterator &operator++() {
+    return *this += 1;
+  }
+
+  LazyIterator operator++(int) {
+    auto tmp = *this;
+    ++*this;
+    return tmp;
+  }
+
+  LazyIterator &operator--() {
+    return *this -= 1;
+  }
+
+  LazyIterator operator--(int) {
+    auto tmp = *this;
+    --*this;
+    return tmp;
+  }
+
+  value_type operator[](difference_type n) const {
+    return _convert(_v[_i + n]);
+  }
+
+ private:
+  U _v;
+  size_type _i;
+  convert_type _convert;
+};
+
+template <typename T, typename U>
+LazyIterator<T, U> operator+(typename LazyIterator<T, U>::difference_type n,
+          const LazyIterator<T, U> &i) {
+  return i + n;
+}
+
+template <typename T, typename U>
+bool operator!=(const LazyIterator<T, U> &a,
+                const LazyIterator<T, U> &b) {
+  return !(a == b);
+}
+
+template <typename T, typename U>
+bool operator<=(const LazyIterator<T, U> &a,
+                const LazyIterator<T, U> &b) {
+  return a < b || a == b;
+}
+
+template <typename T, typename U>
+bool operator>(const LazyIterator<T, U> &a,
+               const LazyIterator<T, U> &b) {
+  return b < a;
+}
+
+template <typename T, typename U>
+bool operator>=(const LazyIterator<T, U> &a,
+                const LazyIterator<T, U> &b) {
+  return a > b || a == b;
+}
+
+}
diff --git a/Libraries/FBLazyVector/FBLazyVector/FBLazyVector.h b/Libraries/FBLazyVector/FBLazyVector/FBLazyVector.h
new file mode 100644
index 00000000000000..e1c705576ee876
--- /dev/null
+++ b/Libraries/FBLazyVector/FBLazyVector/FBLazyVector.h
@@ -0,0 +1,99 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+
+#import <cassert>
+#import <functional>
+#import <iterator>
+
+#import <FBLazyVector/FBLazyIterator.h>
+
+namespace FB {
+
+/**
+ * Presents a type-safe wrapper around an arbitrary object that represents an _immutable_ array of objects.
+ * Each item is constructed lazily on demand and reconstructed on each access; there is no caching.
+ */
+template <typename T, typename U>
+class LazyVector {
+ public:
+  using value_type = T;
+  using reference = T;
+  using const_reference = T;
+  using const_iterator = LazyIterator<T, U>;
+  using iterator = const_iterator;
+  using size_type = std::int32_t;
+  using convert_type = std::function<T(U)>;
+
+  static LazyVector<T, U> fromUnsafeRawValue(U v, size_type size, convert_type convert) {
+    return {v, size, convert};
+  }
+
+  U unsafeRawValue() const {
+    return _v;
+  }
+
+  bool empty() const {
+    return _size == 0;
+  }
+
+  size_type size() const {
+    return _size;
+  }
+
+  const_reference at(size_type pos) const {
+#ifndef _LIBCPP_NO_EXCEPTIONS
+    if (!(pos < _size)) throw std::out_of_range("out of range");
+#else
+    assert(pos < _size || !"out of range");
+#endif
+    return _convert(_v[pos]);
+  }
+
+  const_reference operator[](size_type pos) const {
+    assert(pos < _size);
+    return _convert(_v[pos]);
+  }
+
+  const_reference front() const {
+    assert(_size);
+    return (*this)[0];
+  }
+
+  const_reference back() const {
+    assert(_size);
+    return (*this)[_size - 1];
+  }
+
+  const_iterator begin() const {
+    return const_iterator(_v, _convert, 0);
+  }
+
+  const_iterator cbegin() const {
+    return begin();
+  }
+
+  const_iterator end() const {
+    return const_iterator(_v, _convert, _size);
+  }
+
+  const_iterator cend() const {
+    return end();
+  }
+
+ private:
+  /** Wrapped vector */
+  LazyVector(U vector, size_type size, convert_type convert)
+  : _v(vector), _size(size), _convert(convert) {}
+
+  U _v;
+  size_type _size;
+  convert_type _convert;
+};
+
+}
diff --git a/Libraries/FBReactNativeSpec/BUCK b/Libraries/FBReactNativeSpec/BUCK
new file mode 100644
index 00000000000000..1cff97d2bea17f
--- /dev/null
+++ b/Libraries/FBReactNativeSpec/BUCK
@@ -0,0 +1,23 @@
+load("//tools/build_defs/oss:rn_defs.bzl", "fb_apple_library", "react_native_xplat_target_apple", "subdir_glob")
+
+fb_apple_library(
+    name = "FBReactNativeSpecApple",
+    srcs = glob(["FBReactNativeSpec/**/*.mm"]),
+    exported_headers = subdir_glob(
+        [
+            ("FBReactNativeSpec", "*.h"),
+        ],
+        prefix = "FBReactNativeSpec",
+    ),
+    contacts = ["oncall+react_native@xmail.facebook.com"],
+    frameworks = [
+        "Foundation",
+        "UIKit",
+    ],
+    reexport_all_header_dependencies = True,
+    deps = [
+        "fbsource//xplat/js/react-native-github:RCTTypeSafety",
+        "fbsource//xplat/js/react-native-github/Libraries/RCTRequired:RCTRequired",
+        react_native_xplat_target_apple("turbomodule/core:core"),
+    ],
+)
diff --git a/ReactCommon/turbomodule/core/React-turbomodule-core.podspec b/Libraries/FBReactNativeSpec/FBReactNativeSpec.podspec
similarity index 60%
rename from ReactCommon/turbomodule/core/React-turbomodule-core.podspec
rename to Libraries/FBReactNativeSpec/FBReactNativeSpec.podspec
index 93843198ea8222..2790f90ec9a408 100644
--- a/ReactCommon/turbomodule/core/React-turbomodule-core.podspec
+++ b/Libraries/FBReactNativeSpec/FBReactNativeSpec.podspec
@@ -6,7 +6,7 @@
 
 require "json"
 
-package = JSON.parse(File.read(File.join(__dir__, "..", "..", "..", "package.json")))
+package = JSON.parse(File.read(File.join(__dir__, "..", "..", "package.json")))
 version = package['version']
 
 source = { :git => 'https://github.com/facebook/react-native.git' }
@@ -19,31 +19,30 @@ end
 
 folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
 folly_version = '2018.10.22.00'
-boost_compiler_flags = '-Wno-documentation'
 
 Pod::Spec.new do |s|
-  s.name                   = "React-turbomodule-core"
+  s.name                   = "FBReactNativeSpec"
   s.version                = version
   s.summary                = "-"  # TODO
   s.homepage               = "http://facebook.github.io/react-native/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
   s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.14" } # TODO(macOS GH#214)
+  s.compiler_flags         = folly_compiler_flags + ' -Wno-nullability-completeness'
   s.source                 = source
-  s.source_files           = "*.{cpp,h}"
-  s.compiler_flags         = folly_compiler_flags + ' ' + boost_compiler_flags
-  s.pod_target_xcconfig    = { "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost-for-react-native\" \"$(PODS_ROOT)/Folly\" \"$(PODS_ROOT)/DoubleConversion\"" }
-  s.header_dir             = "jsireact"
-  s.xcconfig               = { "OTHER_CFLAGS" => "$(inherited) -DRN_TURBO_MODULE_ENABLED" }
+  s.source_files           = "**/*.{c,h,m,mm,cpp}"
+  s.header_dir             = "FBReactNativeSpec"
 
+  s.pod_target_xcconfig    = {
+                               "USE_HEADERMAP" => "YES",
+                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++14",
+                               "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/Libraries/FBReactNativeSpec\" \"$(PODS_ROOT)/Folly\""
+                             }
+
+  s.dependency "Folly", folly_version
+  s.dependency "RCTRequired", version
+  s.dependency "RCTTypeSafety", version
   s.dependency "React-Core", version
-  s.dependency "React-cxxreact", version
   s.dependency "React-jsi", version
-  s.dependency "Folly", folly_version
-  s.dependency "React-jscallinvoker", version
-
-  s.subspec "core-ios" do |ss|
-    ss.source_files   = "platform/ios/*.{mm,cpp,h}"
-    ss.header_dir     = "jsireact"
-  end
+  s.dependency "ReactCommon/turbomodule/core", version
 end
diff --git a/Libraries/FBReactNativeSpec/FBReactNativeSpec/FBReactNativeSpec-generated.mm b/Libraries/FBReactNativeSpec/FBReactNativeSpec/FBReactNativeSpec-generated.mm
new file mode 100644
index 00000000000000..553779b78b1862
--- /dev/null
+++ b/Libraries/FBReactNativeSpec/FBReactNativeSpec/FBReactNativeSpec-generated.mm
@@ -0,0 +1,2373 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 an internal genrule from Flow types.
+ *
+ * We create an umbrella header (and corresponding implementation) here since
+ * Cxx compilation in BUCK has a limitation: source-code producing genrule()s
+ * must have a single output. More files => more genrule()s => slower builds.
+ */
+#import "FBReactNativeSpec.h"
+
+
+
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeAccessibilityInfoSpecJSI_isReduceMotionEnabled(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "isReduceMotionEnabled", @selector(isReduceMotionEnabled:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAccessibilityInfoSpecJSI_isTouchExplorationEnabled(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "isTouchExplorationEnabled", @selector(isTouchExplorationEnabled:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAccessibilityInfoSpecJSI_setAccessibilityFocus(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setAccessibilityFocus", @selector(setAccessibilityFocus:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAccessibilityInfoSpecJSI_announceForAccessibility(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "announceForAccessibility", @selector(announceForAccessibility:), args, count);
+    }
+
+
+    NativeAccessibilityInfoSpecJSI::NativeAccessibilityInfoSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("AccessibilityInfo", instance, jsInvoker) {
+        
+        methodMap_["isReduceMotionEnabled"] = MethodMetadata {1, __hostFunction_NativeAccessibilityInfoSpecJSI_isReduceMotionEnabled};
+        
+        
+        methodMap_["isTouchExplorationEnabled"] = MethodMetadata {1, __hostFunction_NativeAccessibilityInfoSpecJSI_isTouchExplorationEnabled};
+        
+        
+        methodMap_["setAccessibilityFocus"] = MethodMetadata {1, __hostFunction_NativeAccessibilityInfoSpecJSI_setAccessibilityFocus};
+        
+        
+        methodMap_["announceForAccessibility"] = MethodMetadata {1, __hostFunction_NativeAccessibilityInfoSpecJSI_announceForAccessibility};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+@implementation RCTCxxConvert (NativeAccessibilityManager_SpecSetAccessibilityContentSizeMultipliersJSMultiipliers)
++ (RCTManagedPointer *)JS_NativeAccessibilityManager_SpecSetAccessibilityContentSizeMultipliersJSMultiipliers:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeAccessibilityManager::SpecSetAccessibilityContentSizeMultipliersJSMultiipliers>(json);
+}
+@end
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeAccessibilityManagerSpecJSI_getCurrentBoldTextState(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "getCurrentBoldTextState", @selector(getCurrentBoldTextState:onError:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAccessibilityManagerSpecJSI_getCurrentGrayscaleState(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "getCurrentGrayscaleState", @selector(getCurrentGrayscaleState:onError:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAccessibilityManagerSpecJSI_getCurrentInvertColorsState(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "getCurrentInvertColorsState", @selector(getCurrentInvertColorsState:onError:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAccessibilityManagerSpecJSI_getCurrentReduceMotionState(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "getCurrentReduceMotionState", @selector(getCurrentReduceMotionState:onError:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAccessibilityManagerSpecJSI_getCurrentReduceTransparencyState(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "getCurrentReduceTransparencyState", @selector(getCurrentReduceTransparencyState:onError:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAccessibilityManagerSpecJSI_getCurrentVoiceOverState(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "getCurrentVoiceOverState", @selector(getCurrentVoiceOverState:onError:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAccessibilityManagerSpecJSI_setAccessibilityContentSizeMultipliers(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setAccessibilityContentSizeMultipliers", @selector(setAccessibilityContentSizeMultipliers:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAccessibilityManagerSpecJSI_setAccessibilityFocus(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setAccessibilityFocus", @selector(setAccessibilityFocus:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAccessibilityManagerSpecJSI_announceForAccessibility(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "announceForAccessibility", @selector(announceForAccessibility:), args, count);
+    }
+
+
+    NativeAccessibilityManagerSpecJSI::NativeAccessibilityManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("AccessibilityManager", instance, jsInvoker) {
+        
+        methodMap_["getCurrentBoldTextState"] = MethodMetadata {2, __hostFunction_NativeAccessibilityManagerSpecJSI_getCurrentBoldTextState};
+        
+        
+        methodMap_["getCurrentGrayscaleState"] = MethodMetadata {2, __hostFunction_NativeAccessibilityManagerSpecJSI_getCurrentGrayscaleState};
+        
+        
+        methodMap_["getCurrentInvertColorsState"] = MethodMetadata {2, __hostFunction_NativeAccessibilityManagerSpecJSI_getCurrentInvertColorsState};
+        
+        
+        methodMap_["getCurrentReduceMotionState"] = MethodMetadata {2, __hostFunction_NativeAccessibilityManagerSpecJSI_getCurrentReduceMotionState};
+        
+        
+        methodMap_["getCurrentReduceTransparencyState"] = MethodMetadata {2, __hostFunction_NativeAccessibilityManagerSpecJSI_getCurrentReduceTransparencyState};
+        
+        
+        methodMap_["getCurrentVoiceOverState"] = MethodMetadata {2, __hostFunction_NativeAccessibilityManagerSpecJSI_getCurrentVoiceOverState};
+        
+        
+        methodMap_["setAccessibilityContentSizeMultipliers"] = MethodMetadata {1, __hostFunction_NativeAccessibilityManagerSpecJSI_setAccessibilityContentSizeMultipliers};
+        
+        setMethodArgConversionSelector(@"setAccessibilityContentSizeMultipliers", 0, @"JS_NativeAccessibilityManager_SpecSetAccessibilityContentSizeMultipliersJSMultiipliers:");
+        
+        methodMap_["setAccessibilityFocus"] = MethodMetadata {1, __hostFunction_NativeAccessibilityManagerSpecJSI_setAccessibilityFocus};
+        
+        
+        methodMap_["announceForAccessibility"] = MethodMetadata {1, __hostFunction_NativeAccessibilityManagerSpecJSI_announceForAccessibility};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+@implementation RCTCxxConvert (NativeActionSheetManager_SpecShowActionSheetWithOptionsOptions)
++ (RCTManagedPointer *)JS_NativeActionSheetManager_SpecShowActionSheetWithOptionsOptions:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeActionSheetManager::SpecShowActionSheetWithOptionsOptions>(json);
+}
+@end
+@implementation RCTCxxConvert (NativeActionSheetManager_SpecShowShareActionSheetWithOptionsOptions)
++ (RCTManagedPointer *)JS_NativeActionSheetManager_SpecShowShareActionSheetWithOptionsOptions:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeActionSheetManager::SpecShowShareActionSheetWithOptionsOptions>(json);
+}
+@end
+@implementation RCTCxxConvert (NativeActionSheetManager_SpecShowShareActionSheetWithOptionsFailureCallbackError)
++ (RCTManagedPointer *)JS_NativeActionSheetManager_SpecShowShareActionSheetWithOptionsFailureCallbackError:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeActionSheetManager::SpecShowShareActionSheetWithOptionsFailureCallbackError>(json);
+}
+@end
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeActionSheetManagerSpecJSI_showActionSheetWithOptions(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "showActionSheetWithOptions", @selector(showActionSheetWithOptions:callback:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeActionSheetManagerSpecJSI_showShareActionSheetWithOptions(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "showShareActionSheetWithOptions", @selector(showShareActionSheetWithOptions:failureCallback:successCallback:), args, count);
+    }
+
+
+    NativeActionSheetManagerSpecJSI::NativeActionSheetManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("ActionSheetManager", instance, jsInvoker) {
+        
+        methodMap_["showActionSheetWithOptions"] = MethodMetadata {2, __hostFunction_NativeActionSheetManagerSpecJSI_showActionSheetWithOptions};
+        
+        setMethodArgConversionSelector(@"showActionSheetWithOptions", 0, @"JS_NativeActionSheetManager_SpecShowActionSheetWithOptionsOptions:");
+        
+        methodMap_["showShareActionSheetWithOptions"] = MethodMetadata {3, __hostFunction_NativeActionSheetManagerSpecJSI_showShareActionSheetWithOptions};
+        
+        setMethodArgConversionSelector(@"showShareActionSheetWithOptions", 0, @"JS_NativeActionSheetManager_SpecShowShareActionSheetWithOptionsOptions:");
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+@implementation RCTCxxConvert (NativeAlertManager_Args)
++ (RCTManagedPointer *)JS_NativeAlertManager_Args:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeAlertManager::Args>(json);
+}
+@end
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeAlertManagerSpecJSI_alertWithArgs(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "alertWithArgs", @selector(alertWithArgs:callback:), args, count);
+    }
+
+
+    NativeAlertManagerSpecJSI::NativeAlertManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("AlertManager", instance, jsInvoker) {
+        
+        methodMap_["alertWithArgs"] = MethodMetadata {2, __hostFunction_NativeAlertManagerSpecJSI_alertWithArgs};
+        
+        setMethodArgConversionSelector(@"alertWithArgs", 0, @"JS_NativeAlertManager_Args:");
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+@implementation RCTCxxConvert (NativeAnimatedModule_AnimatedNodeConfig)
++ (RCTManagedPointer *)JS_NativeAnimatedModule_AnimatedNodeConfig:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeAnimatedModule::AnimatedNodeConfig>(json);
+}
+@end
+@implementation RCTCxxConvert (NativeAnimatedModule_AnimatingNodeConfig)
++ (RCTManagedPointer *)JS_NativeAnimatedModule_AnimatingNodeConfig:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeAnimatedModule::AnimatingNodeConfig>(json);
+}
+@end
+@implementation RCTCxxConvert (NativeAnimatedModule_EndResult)
++ (RCTManagedPointer *)JS_NativeAnimatedModule_EndResult:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeAnimatedModule::EndResult>(json);
+}
+@end
+@implementation RCTCxxConvert (NativeAnimatedModule_EventMapping)
++ (RCTManagedPointer *)JS_NativeAnimatedModule_EventMapping:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeAnimatedModule::EventMapping>(json);
+}
+@end
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeAnimatedModuleSpecJSI_createAnimatedNode(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "createAnimatedNode", @selector(createAnimatedNode:config:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAnimatedModuleSpecJSI_startListeningToAnimatedNodeValue(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "startListeningToAnimatedNodeValue", @selector(startListeningToAnimatedNodeValue:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAnimatedModuleSpecJSI_stopListeningToAnimatedNodeValue(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "stopListeningToAnimatedNodeValue", @selector(stopListeningToAnimatedNodeValue:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAnimatedModuleSpecJSI_connectAnimatedNodes(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "connectAnimatedNodes", @selector(connectAnimatedNodes:childTag:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAnimatedModuleSpecJSI_disconnectAnimatedNodes(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "disconnectAnimatedNodes", @selector(disconnectAnimatedNodes:childTag:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAnimatedModuleSpecJSI_startAnimatingNode(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "startAnimatingNode", @selector(startAnimatingNode:nodeTag:config:endCallback:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAnimatedModuleSpecJSI_stopAnimation(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "stopAnimation", @selector(stopAnimation:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAnimatedModuleSpecJSI_setAnimatedNodeValue(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setAnimatedNodeValue", @selector(setAnimatedNodeValue:value:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAnimatedModuleSpecJSI_setAnimatedNodeOffset(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setAnimatedNodeOffset", @selector(setAnimatedNodeOffset:offset:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAnimatedModuleSpecJSI_flattenAnimatedNodeOffset(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "flattenAnimatedNodeOffset", @selector(flattenAnimatedNodeOffset:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAnimatedModuleSpecJSI_extractAnimatedNodeOffset(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "extractAnimatedNodeOffset", @selector(extractAnimatedNodeOffset:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAnimatedModuleSpecJSI_connectAnimatedNodeToView(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "connectAnimatedNodeToView", @selector(connectAnimatedNodeToView:viewTag:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAnimatedModuleSpecJSI_disconnectAnimatedNodeFromView(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "disconnectAnimatedNodeFromView", @selector(disconnectAnimatedNodeFromView:viewTag:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAnimatedModuleSpecJSI_dropAnimatedNode(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "dropAnimatedNode", @selector(dropAnimatedNode:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAnimatedModuleSpecJSI_addAnimatedEventToView(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "addAnimatedEventToView", @selector(addAnimatedEventToView:eventName:eventMapping:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAnimatedModuleSpecJSI_removeAnimatedEventFromView(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "removeAnimatedEventFromView", @selector(removeAnimatedEventFromView:eventName:animatedNodeTag:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAnimatedModuleSpecJSI_addListener(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "addListener", @selector(addListener:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAnimatedModuleSpecJSI_removeListeners(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "removeListeners", @selector(removeListeners:), args, count);
+    }
+
+
+    NativeAnimatedModuleSpecJSI::NativeAnimatedModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("AnimatedModule", instance, jsInvoker) {
+        
+        methodMap_["createAnimatedNode"] = MethodMetadata {2, __hostFunction_NativeAnimatedModuleSpecJSI_createAnimatedNode};
+        
+        setMethodArgConversionSelector(@"createAnimatedNode", 1, @"JS_NativeAnimatedModule_AnimatedNodeConfig:");
+        
+        methodMap_["startListeningToAnimatedNodeValue"] = MethodMetadata {1, __hostFunction_NativeAnimatedModuleSpecJSI_startListeningToAnimatedNodeValue};
+        
+        
+        methodMap_["stopListeningToAnimatedNodeValue"] = MethodMetadata {1, __hostFunction_NativeAnimatedModuleSpecJSI_stopListeningToAnimatedNodeValue};
+        
+        
+        methodMap_["connectAnimatedNodes"] = MethodMetadata {2, __hostFunction_NativeAnimatedModuleSpecJSI_connectAnimatedNodes};
+        
+        
+        methodMap_["disconnectAnimatedNodes"] = MethodMetadata {2, __hostFunction_NativeAnimatedModuleSpecJSI_disconnectAnimatedNodes};
+        
+        
+        methodMap_["startAnimatingNode"] = MethodMetadata {4, __hostFunction_NativeAnimatedModuleSpecJSI_startAnimatingNode};
+        
+        setMethodArgConversionSelector(@"startAnimatingNode", 2, @"JS_NativeAnimatedModule_AnimatingNodeConfig:");
+        
+        methodMap_["stopAnimation"] = MethodMetadata {1, __hostFunction_NativeAnimatedModuleSpecJSI_stopAnimation};
+        
+        
+        methodMap_["setAnimatedNodeValue"] = MethodMetadata {2, __hostFunction_NativeAnimatedModuleSpecJSI_setAnimatedNodeValue};
+        
+        
+        methodMap_["setAnimatedNodeOffset"] = MethodMetadata {2, __hostFunction_NativeAnimatedModuleSpecJSI_setAnimatedNodeOffset};
+        
+        
+        methodMap_["flattenAnimatedNodeOffset"] = MethodMetadata {1, __hostFunction_NativeAnimatedModuleSpecJSI_flattenAnimatedNodeOffset};
+        
+        
+        methodMap_["extractAnimatedNodeOffset"] = MethodMetadata {1, __hostFunction_NativeAnimatedModuleSpecJSI_extractAnimatedNodeOffset};
+        
+        
+        methodMap_["connectAnimatedNodeToView"] = MethodMetadata {2, __hostFunction_NativeAnimatedModuleSpecJSI_connectAnimatedNodeToView};
+        
+        
+        methodMap_["disconnectAnimatedNodeFromView"] = MethodMetadata {2, __hostFunction_NativeAnimatedModuleSpecJSI_disconnectAnimatedNodeFromView};
+        
+        
+        methodMap_["dropAnimatedNode"] = MethodMetadata {1, __hostFunction_NativeAnimatedModuleSpecJSI_dropAnimatedNode};
+        
+        
+        methodMap_["addAnimatedEventToView"] = MethodMetadata {3, __hostFunction_NativeAnimatedModuleSpecJSI_addAnimatedEventToView};
+        
+        setMethodArgConversionSelector(@"addAnimatedEventToView", 2, @"JS_NativeAnimatedModule_EventMapping:");
+        
+        methodMap_["removeAnimatedEventFromView"] = MethodMetadata {3, __hostFunction_NativeAnimatedModuleSpecJSI_removeAnimatedEventFromView};
+        
+        
+        methodMap_["addListener"] = MethodMetadata {1, __hostFunction_NativeAnimatedModuleSpecJSI_addListener};
+        
+        
+        methodMap_["removeListeners"] = MethodMetadata {1, __hostFunction_NativeAnimatedModuleSpecJSI_removeListeners};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeAnimationsDebugModuleSpecJSI_startRecordingFps(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "startRecordingFps", @selector(startRecordingFps), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAnimationsDebugModuleSpecJSI_stopRecordingFps(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "stopRecordingFps", @selector(stopRecordingFps:), args, count);
+    }
+
+
+    NativeAnimationsDebugModuleSpecJSI::NativeAnimationsDebugModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("AnimationsDebugModule", instance, jsInvoker) {
+        
+        methodMap_["startRecordingFps"] = MethodMetadata {0, __hostFunction_NativeAnimationsDebugModuleSpecJSI_startRecordingFps};
+        
+        
+        methodMap_["stopRecordingFps"] = MethodMetadata {1, __hostFunction_NativeAnimationsDebugModuleSpecJSI_stopRecordingFps};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+@implementation RCTCxxConvert (NativeAppState_SpecGetCurrentAppStateSuccessAppState)
++ (RCTManagedPointer *)JS_NativeAppState_SpecGetCurrentAppStateSuccessAppState:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeAppState::SpecGetCurrentAppStateSuccessAppState>(json);
+}
+@end
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeAppStateSpecJSI_getCurrentAppState(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "getCurrentAppState", @selector(getCurrentAppState:failure:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAppStateSpecJSI_addListener(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "addListener", @selector(addListener:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAppStateSpecJSI_removeListeners(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "removeListeners", @selector(removeListeners:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAppStateSpecJSI_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);
+    }
+
+
+    NativeAppStateSpecJSI::NativeAppStateSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("AppState", instance, jsInvoker) {
+        
+        methodMap_["getCurrentAppState"] = MethodMetadata {2, __hostFunction_NativeAppStateSpecJSI_getCurrentAppState};
+        
+        
+        methodMap_["addListener"] = MethodMetadata {1, __hostFunction_NativeAppStateSpecJSI_addListener};
+        
+        
+        methodMap_["removeListeners"] = MethodMetadata {1, __hostFunction_NativeAppStateSpecJSI_removeListeners};
+        
+        
+        methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativeAppStateSpecJSI_getConstants};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+@implementation RCTCxxConvert (NativeAsyncStorage_SpecMultiGetCallbackErrorsElement)
++ (RCTManagedPointer *)JS_NativeAsyncStorage_SpecMultiGetCallbackErrorsElement:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeAsyncStorage::SpecMultiGetCallbackErrorsElement>(json);
+}
+@end
+@implementation RCTCxxConvert (NativeAsyncStorage_SpecMultiSetCallbackErrorsElement)
++ (RCTManagedPointer *)JS_NativeAsyncStorage_SpecMultiSetCallbackErrorsElement:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeAsyncStorage::SpecMultiSetCallbackErrorsElement>(json);
+}
+@end
+@implementation RCTCxxConvert (NativeAsyncStorage_SpecMultiMergeCallbackErrorsElement)
++ (RCTManagedPointer *)JS_NativeAsyncStorage_SpecMultiMergeCallbackErrorsElement:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeAsyncStorage::SpecMultiMergeCallbackErrorsElement>(json);
+}
+@end
+@implementation RCTCxxConvert (NativeAsyncStorage_SpecMultiRemoveCallbackErrorsElement)
++ (RCTManagedPointer *)JS_NativeAsyncStorage_SpecMultiRemoveCallbackErrorsElement:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeAsyncStorage::SpecMultiRemoveCallbackErrorsElement>(json);
+}
+@end
+@implementation RCTCxxConvert (NativeAsyncStorage_SpecClearCallbackError)
++ (RCTManagedPointer *)JS_NativeAsyncStorage_SpecClearCallbackError:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeAsyncStorage::SpecClearCallbackError>(json);
+}
+@end
+@implementation RCTCxxConvert (NativeAsyncStorage_SpecGetAllKeysCallbackError)
++ (RCTManagedPointer *)JS_NativeAsyncStorage_SpecGetAllKeysCallbackError:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeAsyncStorage::SpecGetAllKeysCallbackError>(json);
+}
+@end
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeAsyncStorageSpecJSI_multiGet(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "multiGet", @selector(multiGet:callback:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAsyncStorageSpecJSI_multiSet(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "multiSet", @selector(multiSet:callback:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAsyncStorageSpecJSI_multiMerge(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "multiMerge", @selector(multiMerge:callback:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAsyncStorageSpecJSI_multiRemove(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "multiRemove", @selector(multiRemove:callback:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAsyncStorageSpecJSI_clear(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "clear", @selector(clear:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAsyncStorageSpecJSI_getAllKeys(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "getAllKeys", @selector(getAllKeys:), args, count);
+    }
+
+
+    NativeAsyncStorageSpecJSI::NativeAsyncStorageSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("AsyncStorage", instance, jsInvoker) {
+        
+        methodMap_["multiGet"] = MethodMetadata {2, __hostFunction_NativeAsyncStorageSpecJSI_multiGet};
+        
+        
+        methodMap_["multiSet"] = MethodMetadata {2, __hostFunction_NativeAsyncStorageSpecJSI_multiSet};
+        
+        
+        methodMap_["multiMerge"] = MethodMetadata {2, __hostFunction_NativeAsyncStorageSpecJSI_multiMerge};
+        
+        
+        methodMap_["multiRemove"] = MethodMetadata {2, __hostFunction_NativeAsyncStorageSpecJSI_multiRemove};
+        
+        
+        methodMap_["clear"] = MethodMetadata {1, __hostFunction_NativeAsyncStorageSpecJSI_clear};
+        
+        
+        methodMap_["getAllKeys"] = MethodMetadata {1, __hostFunction_NativeAsyncStorageSpecJSI_getAllKeys};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeBlobModuleSpecJSI_addNetworkingHandler(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "addNetworkingHandler", @selector(addNetworkingHandler), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeBlobModuleSpecJSI_addWebSocketHandler(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "addWebSocketHandler", @selector(addWebSocketHandler:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeBlobModuleSpecJSI_removeWebSocketHandler(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "removeWebSocketHandler", @selector(removeWebSocketHandler:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeBlobModuleSpecJSI_sendOverSocket(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "sendOverSocket", @selector(sendOverSocket:id:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeBlobModuleSpecJSI_createFromParts(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "createFromParts", @selector(createFromParts:blobId:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeBlobModuleSpecJSI_release(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "release", @selector(release:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeBlobModuleSpecJSI_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);
+    }
+
+
+    NativeBlobModuleSpecJSI::NativeBlobModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("BlobModule", instance, jsInvoker) {
+        
+        methodMap_["addNetworkingHandler"] = MethodMetadata {0, __hostFunction_NativeBlobModuleSpecJSI_addNetworkingHandler};
+        
+        
+        methodMap_["addWebSocketHandler"] = MethodMetadata {1, __hostFunction_NativeBlobModuleSpecJSI_addWebSocketHandler};
+        
+        
+        methodMap_["removeWebSocketHandler"] = MethodMetadata {1, __hostFunction_NativeBlobModuleSpecJSI_removeWebSocketHandler};
+        
+        
+        methodMap_["sendOverSocket"] = MethodMetadata {2, __hostFunction_NativeBlobModuleSpecJSI_sendOverSocket};
+        
+        
+        methodMap_["createFromParts"] = MethodMetadata {2, __hostFunction_NativeBlobModuleSpecJSI_createFromParts};
+        
+        
+        methodMap_["release"] = MethodMetadata {1, __hostFunction_NativeBlobModuleSpecJSI_release};
+        
+        
+        methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativeBlobModuleSpecJSI_getConstants};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeBugReportingSpecJSI_startReportAProblemFlow(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "startReportAProblemFlow", @selector(startReportAProblemFlow), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeBugReportingSpecJSI_setExtraData(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setExtraData", @selector(setExtraData:extraFiles:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeBugReportingSpecJSI_setCategoryID(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setCategoryID", @selector(setCategoryID:), args, count);
+    }
+
+
+    NativeBugReportingSpecJSI::NativeBugReportingSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("BugReporting", instance, jsInvoker) {
+        
+        methodMap_["startReportAProblemFlow"] = MethodMetadata {0, __hostFunction_NativeBugReportingSpecJSI_startReportAProblemFlow};
+        
+        
+        methodMap_["setExtraData"] = MethodMetadata {2, __hostFunction_NativeBugReportingSpecJSI_setExtraData};
+        
+        
+        methodMap_["setCategoryID"] = MethodMetadata {1, __hostFunction_NativeBugReportingSpecJSI_setCategoryID};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeClipboardSpecJSI_getString(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, "getString", @selector(getString:reject:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeClipboardSpecJSI_setString(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setString", @selector(setString:), args, count);
+    }
+
+
+    NativeClipboardSpecJSI::NativeClipboardSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("Clipboard", instance, jsInvoker) {
+        
+        methodMap_["getString"] = MethodMetadata {0, __hostFunction_NativeClipboardSpecJSI_getString};
+        
+        
+        methodMap_["setString"] = MethodMetadata {1, __hostFunction_NativeClipboardSpecJSI_setString};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeDatePickerAndroidSpecJSI_open(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, "open", @selector(open:resolve:reject:), args, count);
+    }
+
+
+    NativeDatePickerAndroidSpecJSI::NativeDatePickerAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("DatePickerAndroid", instance, jsInvoker) {
+        
+        methodMap_["open"] = MethodMetadata {1, __hostFunction_NativeDatePickerAndroidSpecJSI_open};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeDevLoadingViewSpecJSI_showMessage(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "showMessage", @selector(showMessage:color:backgroundColor:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeDevLoadingViewSpecJSI_hide(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "hide", @selector(hide), args, count);
+    }
+
+
+    NativeDevLoadingViewSpecJSI::NativeDevLoadingViewSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("DevLoadingView", instance, jsInvoker) {
+        
+        methodMap_["showMessage"] = MethodMetadata {3, __hostFunction_NativeDevLoadingViewSpecJSI_showMessage};
+        
+        
+        methodMap_["hide"] = MethodMetadata {0, __hostFunction_NativeDevLoadingViewSpecJSI_hide};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeDevSettingsSpecJSI_reload(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "reload", @selector(reload), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeDevSettingsSpecJSI_setHotLoadingEnabled(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setHotLoadingEnabled", @selector(setHotLoadingEnabled:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeDevSettingsSpecJSI_setIsDebuggingRemotely(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setIsDebuggingRemotely", @selector(setIsDebuggingRemotely:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeDevSettingsSpecJSI_setLiveReloadEnabled(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setLiveReloadEnabled", @selector(setLiveReloadEnabled:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeDevSettingsSpecJSI_setProfilingEnabled(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setProfilingEnabled", @selector(setProfilingEnabled:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeDevSettingsSpecJSI_toggleElementInspector(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "toggleElementInspector", @selector(toggleElementInspector), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeDevSettingsSpecJSI_setIsShakeToShowDevMenuEnabled(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setIsShakeToShowDevMenuEnabled", @selector(setIsShakeToShowDevMenuEnabled:), args, count);
+    }
+
+
+    NativeDevSettingsSpecJSI::NativeDevSettingsSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("DevSettings", instance, jsInvoker) {
+        
+        methodMap_["reload"] = MethodMetadata {0, __hostFunction_NativeDevSettingsSpecJSI_reload};
+        
+        
+        methodMap_["setHotLoadingEnabled"] = MethodMetadata {1, __hostFunction_NativeDevSettingsSpecJSI_setHotLoadingEnabled};
+        
+        
+        methodMap_["setIsDebuggingRemotely"] = MethodMetadata {1, __hostFunction_NativeDevSettingsSpecJSI_setIsDebuggingRemotely};
+        
+        
+        methodMap_["setLiveReloadEnabled"] = MethodMetadata {1, __hostFunction_NativeDevSettingsSpecJSI_setLiveReloadEnabled};
+        
+        
+        methodMap_["setProfilingEnabled"] = MethodMetadata {1, __hostFunction_NativeDevSettingsSpecJSI_setProfilingEnabled};
+        
+        
+        methodMap_["toggleElementInspector"] = MethodMetadata {0, __hostFunction_NativeDevSettingsSpecJSI_toggleElementInspector};
+        
+        
+        methodMap_["setIsShakeToShowDevMenuEnabled"] = MethodMetadata {1, __hostFunction_NativeDevSettingsSpecJSI_setIsShakeToShowDevMenuEnabled};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeDeviceEventManagerSpecJSI_invokeDefaultBackPressHandler(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "invokeDefaultBackPressHandler", @selector(invokeDefaultBackPressHandler), args, count);
+    }
+
+
+    NativeDeviceEventManagerSpecJSI::NativeDeviceEventManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("DeviceEventManager", instance, jsInvoker) {
+        
+        methodMap_["invokeDefaultBackPressHandler"] = MethodMetadata {0, __hostFunction_NativeDeviceEventManagerSpecJSI_invokeDefaultBackPressHandler};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeDeviceInfoSpecJSI_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);
+    }
+
+
+    NativeDeviceInfoSpecJSI::NativeDeviceInfoSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("DeviceInfo", instance, jsInvoker) {
+        
+        methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativeDeviceInfoSpecJSI_getConstants};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+@implementation RCTCxxConvert (NativeDialogManagerAndroid_DialogOptions)
++ (RCTManagedPointer *)JS_NativeDialogManagerAndroid_DialogOptions:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeDialogManagerAndroid::DialogOptions>(json);
+}
+@end
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeDialogManagerAndroidSpecJSI_showAlert(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "showAlert", @selector(showAlert:onError:onAction:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeDialogManagerAndroidSpecJSI_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);
+    }
+
+
+    NativeDialogManagerAndroidSpecJSI::NativeDialogManagerAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("DialogManagerAndroid", instance, jsInvoker) {
+        
+        methodMap_["showAlert"] = MethodMetadata {3, __hostFunction_NativeDialogManagerAndroidSpecJSI_showAlert};
+        
+        setMethodArgConversionSelector(@"showAlert", 0, @"JS_NativeDialogManagerAndroid_DialogOptions:");
+        
+        methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativeDialogManagerAndroidSpecJSI_getConstants};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+@implementation RCTCxxConvert (NativeExceptionsManager_StackFrame)
++ (RCTManagedPointer *)JS_NativeExceptionsManager_StackFrame:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeExceptionsManager::StackFrame>(json);
+}
+@end
+@implementation RCTCxxConvert (NativeExceptionsManager_ExceptionData)
++ (RCTManagedPointer *)JS_NativeExceptionsManager_ExceptionData:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeExceptionsManager::ExceptionData>(json);
+}
+@end
+namespace facebook {
+  namespace 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);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeExceptionsManagerSpecJSI_reportSoftException(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "reportSoftException", @selector(reportSoftException:stack:exceptionId:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeExceptionsManagerSpecJSI_reportException(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "reportException", @selector(reportException:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeExceptionsManagerSpecJSI_updateExceptionMessage(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "updateExceptionMessage", @selector(updateExceptionMessage:stack:exceptionId:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeExceptionsManagerSpecJSI_dismissRedbox(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "dismissRedbox", @selector(dismissRedbox), args, count);
+    }
+
+
+    NativeExceptionsManagerSpecJSI::NativeExceptionsManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("ExceptionsManager", instance, jsInvoker) {
+        
+        methodMap_["reportFatalException"] = MethodMetadata {3, __hostFunction_NativeExceptionsManagerSpecJSI_reportFatalException};
+        
+        
+        methodMap_["reportSoftException"] = MethodMetadata {3, __hostFunction_NativeExceptionsManagerSpecJSI_reportSoftException};
+        
+        
+        methodMap_["reportException"] = MethodMetadata {1, __hostFunction_NativeExceptionsManagerSpecJSI_reportException};
+        
+        setMethodArgConversionSelector(@"reportException", 0, @"JS_NativeExceptionsManager_ExceptionData:");
+        
+        methodMap_["updateExceptionMessage"] = MethodMetadata {3, __hostFunction_NativeExceptionsManagerSpecJSI_updateExceptionMessage};
+        
+        
+        methodMap_["dismissRedbox"] = MethodMetadata {0, __hostFunction_NativeExceptionsManagerSpecJSI_dismissRedbox};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeFileReaderModuleSpecJSI_readAsDataURL(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, "readAsDataURL", @selector(readAsDataURL:resolve:reject:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeFileReaderModuleSpecJSI_readAsText(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, "readAsText", @selector(readAsText:encoding:resolve:reject:), args, count);
+    }
+
+
+    NativeFileReaderModuleSpecJSI::NativeFileReaderModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("FileReaderModule", instance, jsInvoker) {
+        
+        methodMap_["readAsDataURL"] = MethodMetadata {1, __hostFunction_NativeFileReaderModuleSpecJSI_readAsDataURL};
+        
+        
+        methodMap_["readAsText"] = MethodMetadata {2, __hostFunction_NativeFileReaderModuleSpecJSI_readAsText};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+@implementation RCTCxxConvert (NativeFrameRateLogger_SpecSetGlobalOptionsOptions)
++ (RCTManagedPointer *)JS_NativeFrameRateLogger_SpecSetGlobalOptionsOptions:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeFrameRateLogger::SpecSetGlobalOptionsOptions>(json);
+}
+@end
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeFrameRateLoggerSpecJSI_setGlobalOptions(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setGlobalOptions", @selector(setGlobalOptions:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeFrameRateLoggerSpecJSI_setContext(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setContext", @selector(setContext:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeFrameRateLoggerSpecJSI_beginScroll(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "beginScroll", @selector(beginScroll), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeFrameRateLoggerSpecJSI_endScroll(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "endScroll", @selector(endScroll), args, count);
+    }
+
+
+    NativeFrameRateLoggerSpecJSI::NativeFrameRateLoggerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("FrameRateLogger", instance, jsInvoker) {
+        
+        methodMap_["setGlobalOptions"] = MethodMetadata {1, __hostFunction_NativeFrameRateLoggerSpecJSI_setGlobalOptions};
+        
+        setMethodArgConversionSelector(@"setGlobalOptions", 0, @"JS_NativeFrameRateLogger_SpecSetGlobalOptionsOptions:");
+        
+        methodMap_["setContext"] = MethodMetadata {1, __hostFunction_NativeFrameRateLoggerSpecJSI_setContext};
+        
+        
+        methodMap_["beginScroll"] = MethodMetadata {0, __hostFunction_NativeFrameRateLoggerSpecJSI_beginScroll};
+        
+        
+        methodMap_["endScroll"] = MethodMetadata {0, __hostFunction_NativeFrameRateLoggerSpecJSI_endScroll};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeHeadlessJsTaskSupportSpecJSI_notifyTaskFinished(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "notifyTaskFinished", @selector(notifyTaskFinished:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeHeadlessJsTaskSupportSpecJSI_notifyTaskRetry(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, "notifyTaskRetry", @selector(notifyTaskRetry:resolve:reject:), args, count);
+    }
+
+
+    NativeHeadlessJsTaskSupportSpecJSI::NativeHeadlessJsTaskSupportSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("HeadlessJsTaskSupport", instance, jsInvoker) {
+        
+        methodMap_["notifyTaskFinished"] = MethodMetadata {1, __hostFunction_NativeHeadlessJsTaskSupportSpecJSI_notifyTaskFinished};
+        
+        
+        methodMap_["notifyTaskRetry"] = MethodMetadata {1, __hostFunction_NativeHeadlessJsTaskSupportSpecJSI_notifyTaskRetry};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeHeapCaptureSpecJSI_captureHeap(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "captureHeap", @selector(captureHeap:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeHeapCaptureSpecJSI_captureComplete(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "captureComplete", @selector(captureComplete:error:), args, count);
+    }
+
+
+    NativeHeapCaptureSpecJSI::NativeHeapCaptureSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("HeapCapture", instance, jsInvoker) {
+        
+        methodMap_["captureHeap"] = MethodMetadata {1, __hostFunction_NativeHeapCaptureSpecJSI_captureHeap};
+        
+        
+        methodMap_["captureComplete"] = MethodMetadata {2, __hostFunction_NativeHeapCaptureSpecJSI_captureComplete};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeI18nManagerSpecJSI_allowRTL(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "allowRTL", @selector(allowRTL:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeI18nManagerSpecJSI_forceRTL(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "forceRTL", @selector(forceRTL:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeI18nManagerSpecJSI_swapLeftAndRightInRTL(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "swapLeftAndRightInRTL", @selector(swapLeftAndRightInRTL:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeI18nManagerSpecJSI_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);
+    }
+
+
+    NativeI18nManagerSpecJSI::NativeI18nManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("I18nManager", instance, jsInvoker) {
+        
+        methodMap_["allowRTL"] = MethodMetadata {1, __hostFunction_NativeI18nManagerSpecJSI_allowRTL};
+        
+        
+        methodMap_["forceRTL"] = MethodMetadata {1, __hostFunction_NativeI18nManagerSpecJSI_forceRTL};
+        
+        
+        methodMap_["swapLeftAndRightInRTL"] = MethodMetadata {1, __hostFunction_NativeI18nManagerSpecJSI_swapLeftAndRightInRTL};
+        
+        
+        methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativeI18nManagerSpecJSI_getConstants};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+
+    NativeImageLoaderSpecJSI::NativeImageLoaderSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("ImageLoader", instance, jsInvoker) {
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+@implementation RCTCxxConvert (NativeImagePickerIOS_SpecOpenCameraDialogConfig)
++ (RCTManagedPointer *)JS_NativeImagePickerIOS_SpecOpenCameraDialogConfig:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeImagePickerIOS::SpecOpenCameraDialogConfig>(json);
+}
+@end
+@implementation RCTCxxConvert (NativeImagePickerIOS_SpecOpenSelectDialogConfig)
++ (RCTManagedPointer *)JS_NativeImagePickerIOS_SpecOpenSelectDialogConfig:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeImagePickerIOS::SpecOpenSelectDialogConfig>(json);
+}
+@end
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeImagePickerIOSSpecJSI_canRecordVideos(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "canRecordVideos", @selector(canRecordVideos:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeImagePickerIOSSpecJSI_canUseCamera(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "canUseCamera", @selector(canUseCamera:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeImagePickerIOSSpecJSI_openCameraDialog(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "openCameraDialog", @selector(openCameraDialog:successCallback:cancelCallback:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeImagePickerIOSSpecJSI_openSelectDialog(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "openSelectDialog", @selector(openSelectDialog:successCallback:cancelCallback:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeImagePickerIOSSpecJSI_clearAllPendingVideos(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "clearAllPendingVideos", @selector(clearAllPendingVideos), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeImagePickerIOSSpecJSI_removePendingVideo(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "removePendingVideo", @selector(removePendingVideo:), args, count);
+    }
+
+
+    NativeImagePickerIOSSpecJSI::NativeImagePickerIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("ImagePickerIOS", instance, jsInvoker) {
+        
+        methodMap_["canRecordVideos"] = MethodMetadata {1, __hostFunction_NativeImagePickerIOSSpecJSI_canRecordVideos};
+        
+        
+        methodMap_["canUseCamera"] = MethodMetadata {1, __hostFunction_NativeImagePickerIOSSpecJSI_canUseCamera};
+        
+        
+        methodMap_["openCameraDialog"] = MethodMetadata {3, __hostFunction_NativeImagePickerIOSSpecJSI_openCameraDialog};
+        
+        setMethodArgConversionSelector(@"openCameraDialog", 0, @"JS_NativeImagePickerIOS_SpecOpenCameraDialogConfig:");
+        
+        methodMap_["openSelectDialog"] = MethodMetadata {3, __hostFunction_NativeImagePickerIOSSpecJSI_openSelectDialog};
+        
+        setMethodArgConversionSelector(@"openSelectDialog", 0, @"JS_NativeImagePickerIOS_SpecOpenSelectDialogConfig:");
+        
+        methodMap_["clearAllPendingVideos"] = MethodMetadata {0, __hostFunction_NativeImagePickerIOSSpecJSI_clearAllPendingVideos};
+        
+        
+        methodMap_["removePendingVideo"] = MethodMetadata {1, __hostFunction_NativeImagePickerIOSSpecJSI_removePendingVideo};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeJSCSamplingProfilerSpecJSI_operationComplete(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "operationComplete", @selector(operationComplete:result:error:), args, count);
+    }
+
+
+    NativeJSCSamplingProfilerSpecJSI::NativeJSCSamplingProfilerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("JSCSamplingProfiler", instance, jsInvoker) {
+        
+        methodMap_["operationComplete"] = MethodMetadata {3, __hostFunction_NativeJSCSamplingProfilerSpecJSI_operationComplete};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeJSDevSupportSpecJSI_onSuccess(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "onSuccess", @selector(onSuccess:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeJSDevSupportSpecJSI_onFailure(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "onFailure", @selector(onFailure:error:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeJSDevSupportSpecJSI_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);
+    }
+
+
+    NativeJSDevSupportSpecJSI::NativeJSDevSupportSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("JSDevSupport", instance, jsInvoker) {
+        
+        methodMap_["onSuccess"] = MethodMetadata {1, __hostFunction_NativeJSDevSupportSpecJSI_onSuccess};
+        
+        
+        methodMap_["onFailure"] = MethodMetadata {2, __hostFunction_NativeJSDevSupportSpecJSI_onFailure};
+        
+        
+        methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativeJSDevSupportSpecJSI_getConstants};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeKeyboardObserverSpecJSI_addListener(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "addListener", @selector(addListener:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeKeyboardObserverSpecJSI_removeListeners(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "removeListeners", @selector(removeListeners:), args, count);
+    }
+
+
+    NativeKeyboardObserverSpecJSI::NativeKeyboardObserverSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("KeyboardObserver", instance, jsInvoker) {
+        
+        methodMap_["addListener"] = MethodMetadata {1, __hostFunction_NativeKeyboardObserverSpecJSI_addListener};
+        
+        
+        methodMap_["removeListeners"] = MethodMetadata {1, __hostFunction_NativeKeyboardObserverSpecJSI_removeListeners};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+@implementation RCTCxxConvert (NativeLinking_SpecSendIntentExtrasElement)
++ (RCTManagedPointer *)JS_NativeLinking_SpecSendIntentExtrasElement:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeLinking::SpecSendIntentExtrasElement>(json);
+}
+@end
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeLinkingSpecJSI_getInitialURL(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, "getInitialURL", @selector(getInitialURL:reject:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeLinkingSpecJSI_canOpenURL(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, "canOpenURL", @selector(canOpenURL:resolve:reject:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeLinkingSpecJSI_openURL(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, "openURL", @selector(openURL:resolve:reject:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeLinkingSpecJSI_openSettings(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, "openSettings", @selector(openSettings:reject:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeLinkingSpecJSI_sendIntent(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, "sendIntent", @selector(sendIntent:extras:resolve:reject:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeLinkingSpecJSI_addListener(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "addListener", @selector(addListener:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeLinkingSpecJSI_removeListeners(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "removeListeners", @selector(removeListeners:), args, count);
+    }
+
+
+    NativeLinkingSpecJSI::NativeLinkingSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("Linking", instance, jsInvoker) {
+        
+        methodMap_["getInitialURL"] = MethodMetadata {0, __hostFunction_NativeLinkingSpecJSI_getInitialURL};
+        
+        
+        methodMap_["canOpenURL"] = MethodMetadata {1, __hostFunction_NativeLinkingSpecJSI_canOpenURL};
+        
+        
+        methodMap_["openURL"] = MethodMetadata {1, __hostFunction_NativeLinkingSpecJSI_openURL};
+        
+        
+        methodMap_["openSettings"] = MethodMetadata {0, __hostFunction_NativeLinkingSpecJSI_openSettings};
+        
+        
+        methodMap_["sendIntent"] = MethodMetadata {2, __hostFunction_NativeLinkingSpecJSI_sendIntent};
+        
+        
+        methodMap_["addListener"] = MethodMetadata {1, __hostFunction_NativeLinkingSpecJSI_addListener};
+        
+        
+        methodMap_["removeListeners"] = MethodMetadata {1, __hostFunction_NativeLinkingSpecJSI_removeListeners};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeModalManagerSpecJSI_addListener(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "addListener", @selector(addListener:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeModalManagerSpecJSI_removeListeners(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "removeListeners", @selector(removeListeners:), args, count);
+    }
+
+
+    NativeModalManagerSpecJSI::NativeModalManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("ModalManager", instance, jsInvoker) {
+        
+        methodMap_["addListener"] = MethodMetadata {1, __hostFunction_NativeModalManagerSpecJSI_addListener};
+        
+        
+        methodMap_["removeListeners"] = MethodMetadata {1, __hostFunction_NativeModalManagerSpecJSI_removeListeners};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+@implementation RCTCxxConvert (NativeNetworkingAndroid_Header)
++ (RCTManagedPointer *)JS_NativeNetworkingAndroid_Header:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeNetworkingAndroid::Header>(json);
+}
+@end
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeNetworkingAndroidSpecJSI_sendRequest(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "sendRequest", @selector(sendRequest:url:requestId:headers:data:responseType:useIncrementalUpdates:timeout:withCredentials:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeNetworkingAndroidSpecJSI_abortRequest(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "abortRequest", @selector(abortRequest:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeNetworkingAndroidSpecJSI_clearCookies(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "clearCookies", @selector(clearCookies:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeNetworkingAndroidSpecJSI_addListener(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "addListener", @selector(addListener:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeNetworkingAndroidSpecJSI_removeListeners(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "removeListeners", @selector(removeListeners:), args, count);
+    }
+
+
+    NativeNetworkingAndroidSpecJSI::NativeNetworkingAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("NetworkingAndroid", instance, jsInvoker) {
+        
+        methodMap_["sendRequest"] = MethodMetadata {9, __hostFunction_NativeNetworkingAndroidSpecJSI_sendRequest};
+        
+        
+        methodMap_["abortRequest"] = MethodMetadata {1, __hostFunction_NativeNetworkingAndroidSpecJSI_abortRequest};
+        
+        
+        methodMap_["clearCookies"] = MethodMetadata {1, __hostFunction_NativeNetworkingAndroidSpecJSI_clearCookies};
+        
+        
+        methodMap_["addListener"] = MethodMetadata {1, __hostFunction_NativeNetworkingAndroidSpecJSI_addListener};
+        
+        
+        methodMap_["removeListeners"] = MethodMetadata {1, __hostFunction_NativeNetworkingAndroidSpecJSI_removeListeners};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+@implementation RCTCxxConvert (NativeNetworkingIOS_SpecSendRequestQuery)
++ (RCTManagedPointer *)JS_NativeNetworkingIOS_SpecSendRequestQuery:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeNetworkingIOS::SpecSendRequestQuery>(json);
+}
+@end
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeNetworkingIOSSpecJSI_sendRequest(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "sendRequest", @selector(sendRequest:callback:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeNetworkingIOSSpecJSI_abortRequest(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "abortRequest", @selector(abortRequest:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeNetworkingIOSSpecJSI_clearCookies(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "clearCookies", @selector(clearCookies:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeNetworkingIOSSpecJSI_addListener(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "addListener", @selector(addListener:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeNetworkingIOSSpecJSI_removeListeners(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "removeListeners", @selector(removeListeners:), args, count);
+    }
+
+
+    NativeNetworkingIOSSpecJSI::NativeNetworkingIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("NetworkingIOS", instance, jsInvoker) {
+        
+        methodMap_["sendRequest"] = MethodMetadata {2, __hostFunction_NativeNetworkingIOSSpecJSI_sendRequest};
+        
+        setMethodArgConversionSelector(@"sendRequest", 0, @"JS_NativeNetworkingIOS_SpecSendRequestQuery:");
+        
+        methodMap_["abortRequest"] = MethodMetadata {1, __hostFunction_NativeNetworkingIOSSpecJSI_abortRequest};
+        
+        
+        methodMap_["clearCookies"] = MethodMetadata {1, __hostFunction_NativeNetworkingIOSSpecJSI_clearCookies};
+        
+        
+        methodMap_["addListener"] = MethodMetadata {1, __hostFunction_NativeNetworkingIOSSpecJSI_addListener};
+        
+        
+        methodMap_["removeListeners"] = MethodMetadata {1, __hostFunction_NativeNetworkingIOSSpecJSI_removeListeners};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativePermissionsAndroidSpecJSI_checkPermission(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, "checkPermission", @selector(checkPermission:resolve:reject:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativePermissionsAndroidSpecJSI_requestPermission(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, "requestPermission", @selector(requestPermission:resolve:reject:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativePermissionsAndroidSpecJSI_shouldShowRequestPermissionRationale(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, "shouldShowRequestPermissionRationale", @selector(shouldShowRequestPermissionRationale:resolve:reject:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativePermissionsAndroidSpecJSI_requestMultiplePermissions(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, "requestMultiplePermissions", @selector(requestMultiplePermissions:resolve:reject:), args, count);
+    }
+
+
+    NativePermissionsAndroidSpecJSI::NativePermissionsAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("PermissionsAndroid", instance, jsInvoker) {
+        
+        methodMap_["checkPermission"] = MethodMetadata {1, __hostFunction_NativePermissionsAndroidSpecJSI_checkPermission};
+        
+        
+        methodMap_["requestPermission"] = MethodMetadata {1, __hostFunction_NativePermissionsAndroidSpecJSI_requestPermission};
+        
+        
+        methodMap_["shouldShowRequestPermissionRationale"] = MethodMetadata {1, __hostFunction_NativePermissionsAndroidSpecJSI_shouldShowRequestPermissionRationale};
+        
+        
+        methodMap_["requestMultiplePermissions"] = MethodMetadata {1, __hostFunction_NativePermissionsAndroidSpecJSI_requestMultiplePermissions};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativePlatformConstantsAndroidSpecJSI_getAndroidID(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, StringKind, "getAndroidID", @selector(getAndroidID), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativePlatformConstantsAndroidSpecJSI_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);
+    }
+
+
+    NativePlatformConstantsAndroidSpecJSI::NativePlatformConstantsAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("PlatformConstantsAndroid", instance, jsInvoker) {
+        
+        methodMap_["getAndroidID"] = MethodMetadata {0, __hostFunction_NativePlatformConstantsAndroidSpecJSI_getAndroidID};
+        
+        
+        methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativePlatformConstantsAndroidSpecJSI_getConstants};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativePlatformConstantsIOSSpecJSI_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);
+    }
+
+
+    NativePlatformConstantsIOSSpecJSI::NativePlatformConstantsIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("PlatformConstantsIOS", instance, jsInvoker) {
+        
+        methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativePlatformConstantsIOSSpecJSI_getConstants};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+@implementation RCTCxxConvert (NativePushNotificationManagerIOS_SpecRequestPermissionsPermission)
++ (RCTManagedPointer *)JS_NativePushNotificationManagerIOS_SpecRequestPermissionsPermission:(id)json
+{
+  return facebook::react::managedPointer<JS::NativePushNotificationManagerIOS::SpecRequestPermissionsPermission>(json);
+}
+@end
+@implementation RCTCxxConvert (NativePushNotificationManagerIOS_Permissions)
++ (RCTManagedPointer *)JS_NativePushNotificationManagerIOS_Permissions:(id)json
+{
+  return facebook::react::managedPointer<JS::NativePushNotificationManagerIOS::Permissions>(json);
+}
+@end
+@implementation RCTCxxConvert (NativePushNotificationManagerIOS_Notification)
++ (RCTManagedPointer *)JS_NativePushNotificationManagerIOS_Notification:(id)json
+{
+  return facebook::react::managedPointer<JS::NativePushNotificationManagerIOS::Notification>(json);
+}
+@end
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativePushNotificationManagerIOSSpecJSI_onFinishRemoteNotification(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "onFinishRemoteNotification", @selector(onFinishRemoteNotification:fetchResult:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativePushNotificationManagerIOSSpecJSI_setApplicationIconBadgeNumber(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setApplicationIconBadgeNumber", @selector(setApplicationIconBadgeNumber:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativePushNotificationManagerIOSSpecJSI_getApplicationIconBadgeNumber(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "getApplicationIconBadgeNumber", @selector(getApplicationIconBadgeNumber:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativePushNotificationManagerIOSSpecJSI_requestPermissions(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, "requestPermissions", @selector(requestPermissions:resolve:reject:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativePushNotificationManagerIOSSpecJSI_abandonPermissions(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "abandonPermissions", @selector(abandonPermissions), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativePushNotificationManagerIOSSpecJSI_checkPermissions(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "checkPermissions", @selector(checkPermissions:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativePushNotificationManagerIOSSpecJSI_presentLocalNotification(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "presentLocalNotification", @selector(presentLocalNotification:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativePushNotificationManagerIOSSpecJSI_scheduleLocalNotification(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "scheduleLocalNotification", @selector(scheduleLocalNotification:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativePushNotificationManagerIOSSpecJSI_cancelAllLocalNotifications(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "cancelAllLocalNotifications", @selector(cancelAllLocalNotifications), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativePushNotificationManagerIOSSpecJSI_cancelLocalNotifications(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "cancelLocalNotifications", @selector(cancelLocalNotifications:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativePushNotificationManagerIOSSpecJSI_getInitialNotification(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, "getInitialNotification", @selector(getInitialNotification:reject:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativePushNotificationManagerIOSSpecJSI_getScheduledLocalNotifications(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "getScheduledLocalNotifications", @selector(getScheduledLocalNotifications:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativePushNotificationManagerIOSSpecJSI_removeAllDeliveredNotifications(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "removeAllDeliveredNotifications", @selector(removeAllDeliveredNotifications), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativePushNotificationManagerIOSSpecJSI_removeDeliveredNotifications(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "removeDeliveredNotifications", @selector(removeDeliveredNotifications:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativePushNotificationManagerIOSSpecJSI_getDeliveredNotifications(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "getDeliveredNotifications", @selector(getDeliveredNotifications:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativePushNotificationManagerIOSSpecJSI_addListener(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "addListener", @selector(addListener:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativePushNotificationManagerIOSSpecJSI_removeListeners(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "removeListeners", @selector(removeListeners:), args, count);
+    }
+
+
+    NativePushNotificationManagerIOSSpecJSI::NativePushNotificationManagerIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("PushNotificationManagerIOS", instance, jsInvoker) {
+        
+        methodMap_["onFinishRemoteNotification"] = MethodMetadata {2, __hostFunction_NativePushNotificationManagerIOSSpecJSI_onFinishRemoteNotification};
+        
+        
+        methodMap_["setApplicationIconBadgeNumber"] = MethodMetadata {1, __hostFunction_NativePushNotificationManagerIOSSpecJSI_setApplicationIconBadgeNumber};
+        
+        
+        methodMap_["getApplicationIconBadgeNumber"] = MethodMetadata {1, __hostFunction_NativePushNotificationManagerIOSSpecJSI_getApplicationIconBadgeNumber};
+        
+        
+        methodMap_["requestPermissions"] = MethodMetadata {1, __hostFunction_NativePushNotificationManagerIOSSpecJSI_requestPermissions};
+        
+        setMethodArgConversionSelector(@"requestPermissions", 0, @"JS_NativePushNotificationManagerIOS_SpecRequestPermissionsPermission:");
+        
+        methodMap_["abandonPermissions"] = MethodMetadata {0, __hostFunction_NativePushNotificationManagerIOSSpecJSI_abandonPermissions};
+        
+        
+        methodMap_["checkPermissions"] = MethodMetadata {1, __hostFunction_NativePushNotificationManagerIOSSpecJSI_checkPermissions};
+        
+        
+        methodMap_["presentLocalNotification"] = MethodMetadata {1, __hostFunction_NativePushNotificationManagerIOSSpecJSI_presentLocalNotification};
+        
+        setMethodArgConversionSelector(@"presentLocalNotification", 0, @"JS_NativePushNotificationManagerIOS_Notification:");
+        
+        methodMap_["scheduleLocalNotification"] = MethodMetadata {1, __hostFunction_NativePushNotificationManagerIOSSpecJSI_scheduleLocalNotification};
+        
+        setMethodArgConversionSelector(@"scheduleLocalNotification", 0, @"JS_NativePushNotificationManagerIOS_Notification:");
+        
+        methodMap_["cancelAllLocalNotifications"] = MethodMetadata {0, __hostFunction_NativePushNotificationManagerIOSSpecJSI_cancelAllLocalNotifications};
+        
+        
+        methodMap_["cancelLocalNotifications"] = MethodMetadata {1, __hostFunction_NativePushNotificationManagerIOSSpecJSI_cancelLocalNotifications};
+        
+        
+        methodMap_["getInitialNotification"] = MethodMetadata {0, __hostFunction_NativePushNotificationManagerIOSSpecJSI_getInitialNotification};
+        
+        
+        methodMap_["getScheduledLocalNotifications"] = MethodMetadata {1, __hostFunction_NativePushNotificationManagerIOSSpecJSI_getScheduledLocalNotifications};
+        
+        
+        methodMap_["removeAllDeliveredNotifications"] = MethodMetadata {0, __hostFunction_NativePushNotificationManagerIOSSpecJSI_removeAllDeliveredNotifications};
+        
+        
+        methodMap_["removeDeliveredNotifications"] = MethodMetadata {1, __hostFunction_NativePushNotificationManagerIOSSpecJSI_removeDeliveredNotifications};
+        
+        
+        methodMap_["getDeliveredNotifications"] = MethodMetadata {1, __hostFunction_NativePushNotificationManagerIOSSpecJSI_getDeliveredNotifications};
+        
+        
+        methodMap_["addListener"] = MethodMetadata {1, __hostFunction_NativePushNotificationManagerIOSSpecJSI_addListener};
+        
+        
+        methodMap_["removeListeners"] = MethodMetadata {1, __hostFunction_NativePushNotificationManagerIOSSpecJSI_removeListeners};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeRedBoxSpecJSI_setExtraData(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setExtraData", @selector(setExtraData:identifier:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeRedBoxSpecJSI_dismiss(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "dismiss", @selector(dismiss), args, count);
+    }
+
+
+    NativeRedBoxSpecJSI::NativeRedBoxSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("RedBox", instance, jsInvoker) {
+        
+        methodMap_["setExtraData"] = MethodMetadata {2, __hostFunction_NativeRedBoxSpecJSI_setExtraData};
+        
+        
+        methodMap_["dismiss"] = MethodMetadata {0, __hostFunction_NativeRedBoxSpecJSI_dismiss};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeSegmentFetcherSpecJSI_fetchSegment(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "fetchSegment", @selector(fetchSegment:options:callback:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeSegmentFetcherSpecJSI_getSegment(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "getSegment", @selector(getSegment:options:callback:), args, count);
+    }
+
+
+    NativeSegmentFetcherSpecJSI::NativeSegmentFetcherSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("SegmentFetcher", instance, jsInvoker) {
+        
+        methodMap_["fetchSegment"] = MethodMetadata {3, __hostFunction_NativeSegmentFetcherSpecJSI_fetchSegment};
+        
+        
+        methodMap_["getSegment"] = MethodMetadata {3, __hostFunction_NativeSegmentFetcherSpecJSI_getSegment};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeSettingsManagerSpecJSI_setValues(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setValues", @selector(setValues:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeSettingsManagerSpecJSI_deleteValues(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "deleteValues", @selector(deleteValues:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeSettingsManagerSpecJSI_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);
+    }
+
+
+    NativeSettingsManagerSpecJSI::NativeSettingsManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("SettingsManager", instance, jsInvoker) {
+        
+        methodMap_["setValues"] = MethodMetadata {1, __hostFunction_NativeSettingsManagerSpecJSI_setValues};
+        
+        
+        methodMap_["deleteValues"] = MethodMetadata {1, __hostFunction_NativeSettingsManagerSpecJSI_deleteValues};
+        
+        
+        methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativeSettingsManagerSpecJSI_getConstants};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+@implementation RCTCxxConvert (NativeShareModule_SpecShareContent)
++ (RCTManagedPointer *)JS_NativeShareModule_SpecShareContent:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeShareModule::SpecShareContent>(json);
+}
+@end
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeShareModuleSpecJSI_share(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, "share", @selector(share:dialogTitle:resolve:reject:), args, count);
+    }
+
+
+    NativeShareModuleSpecJSI::NativeShareModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("ShareModule", instance, jsInvoker) {
+        
+        methodMap_["share"] = MethodMetadata {2, __hostFunction_NativeShareModuleSpecJSI_share};
+        
+        setMethodArgConversionSelector(@"share", 0, @"JS_NativeShareModule_SpecShareContent:");
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeSoundManagerSpecJSI_playTouchSound(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "playTouchSound", @selector(playTouchSound), args, count);
+    }
+
+
+    NativeSoundManagerSpecJSI::NativeSoundManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("SoundManager", instance, jsInvoker) {
+        
+        methodMap_["playTouchSound"] = MethodMetadata {0, __hostFunction_NativeSoundManagerSpecJSI_playTouchSound};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeSourceCodeSpecJSI_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);
+    }
+
+
+    NativeSourceCodeSpecJSI::NativeSourceCodeSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("SourceCode", instance, jsInvoker) {
+        
+        methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativeSourceCodeSpecJSI_getConstants};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+@implementation RCTCxxConvert (NativeStatusBarManager_SpecGetHeightCallbackResult)
++ (RCTManagedPointer *)JS_NativeStatusBarManager_SpecGetHeightCallbackResult:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeStatusBarManager::SpecGetHeightCallbackResult>(json);
+}
+@end
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeStatusBarManagerSpecJSI_setColor(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setColor", @selector(setColor:animated:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeStatusBarManagerSpecJSI_setTranslucent(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setTranslucent", @selector(setTranslucent:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeStatusBarManagerSpecJSI_getHeight(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "getHeight", @selector(getHeight:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeStatusBarManagerSpecJSI_setNetworkActivityIndicatorVisible(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setNetworkActivityIndicatorVisible", @selector(setNetworkActivityIndicatorVisible:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeStatusBarManagerSpecJSI_addListener(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "addListener", @selector(addListener:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeStatusBarManagerSpecJSI_removeListeners(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "removeListeners", @selector(removeListeners:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeStatusBarManagerSpecJSI_setStyle(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setStyle", @selector(setStyle:animated:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeStatusBarManagerSpecJSI_setHidden(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setHidden", @selector(setHidden:withAnimation:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeStatusBarManagerSpecJSI_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);
+    }
+
+
+    NativeStatusBarManagerSpecJSI::NativeStatusBarManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("StatusBarManager", instance, jsInvoker) {
+        
+        methodMap_["setColor"] = MethodMetadata {2, __hostFunction_NativeStatusBarManagerSpecJSI_setColor};
+        
+        
+        methodMap_["setTranslucent"] = MethodMetadata {1, __hostFunction_NativeStatusBarManagerSpecJSI_setTranslucent};
+        
+        
+        methodMap_["getHeight"] = MethodMetadata {1, __hostFunction_NativeStatusBarManagerSpecJSI_getHeight};
+        
+        
+        methodMap_["setNetworkActivityIndicatorVisible"] = MethodMetadata {1, __hostFunction_NativeStatusBarManagerSpecJSI_setNetworkActivityIndicatorVisible};
+        
+        
+        methodMap_["addListener"] = MethodMetadata {1, __hostFunction_NativeStatusBarManagerSpecJSI_addListener};
+        
+        
+        methodMap_["removeListeners"] = MethodMetadata {1, __hostFunction_NativeStatusBarManagerSpecJSI_removeListeners};
+        
+        
+        methodMap_["setStyle"] = MethodMetadata {2, __hostFunction_NativeStatusBarManagerSpecJSI_setStyle};
+        
+        
+        methodMap_["setHidden"] = MethodMetadata {2, __hostFunction_NativeStatusBarManagerSpecJSI_setHidden};
+        
+        
+        methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativeStatusBarManagerSpecJSI_getConstants};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeTVNavigationEventEmitterSpecJSI_addListener(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "addListener", @selector(addListener:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeTVNavigationEventEmitterSpecJSI_removeListeners(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "removeListeners", @selector(removeListeners:), args, count);
+    }
+
+
+    NativeTVNavigationEventEmitterSpecJSI::NativeTVNavigationEventEmitterSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("TVNavigationEventEmitter", instance, jsInvoker) {
+        
+        methodMap_["addListener"] = MethodMetadata {1, __hostFunction_NativeTVNavigationEventEmitterSpecJSI_addListener};
+        
+        
+        methodMap_["removeListeners"] = MethodMetadata {1, __hostFunction_NativeTVNavigationEventEmitterSpecJSI_removeListeners};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+@implementation RCTCxxConvert (NativeTimePickerAndroid_TimePickerOptions)
++ (RCTManagedPointer *)JS_NativeTimePickerAndroid_TimePickerOptions:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeTimePickerAndroid::TimePickerOptions>(json);
+}
+@end
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeTimePickerAndroidSpecJSI_open(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, "open", @selector(open:resolve:reject:), args, count);
+    }
+
+
+    NativeTimePickerAndroidSpecJSI::NativeTimePickerAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("TimePickerAndroid", instance, jsInvoker) {
+        
+        methodMap_["open"] = MethodMetadata {1, __hostFunction_NativeTimePickerAndroidSpecJSI_open};
+        
+        setMethodArgConversionSelector(@"open", 0, @"JS_NativeTimePickerAndroid_TimePickerOptions:");
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+@implementation RCTCxxConvert (NativeTimePickerAndroid_TimePickerResult)
++ (RCTManagedPointer *)JS_NativeTimePickerAndroid_TimePickerResult:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeTimePickerAndroid::TimePickerResult>(json);
+}
+@end
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeTimingSpecJSI_createTimer(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "createTimer", @selector(createTimer:duration:jsSchedulingTime:repeats:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeTimingSpecJSI_deleteTimer(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "deleteTimer", @selector(deleteTimer:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeTimingSpecJSI_setSendIdleEvents(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setSendIdleEvents", @selector(setSendIdleEvents:), args, count);
+    }
+
+
+    NativeTimingSpecJSI::NativeTimingSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("Timing", instance, jsInvoker) {
+        
+        methodMap_["createTimer"] = MethodMetadata {4, __hostFunction_NativeTimingSpecJSI_createTimer};
+        
+        
+        methodMap_["deleteTimer"] = MethodMetadata {1, __hostFunction_NativeTimingSpecJSI_deleteTimer};
+        
+        
+        methodMap_["setSendIdleEvents"] = MethodMetadata {1, __hostFunction_NativeTimingSpecJSI_setSendIdleEvents};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeToastAndroidSpecJSI_show(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "show", @selector(show:duration:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeToastAndroidSpecJSI_showWithGravity(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "showWithGravity", @selector(showWithGravity:duration:gravity:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeToastAndroidSpecJSI_showWithGravityAndOffset(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "showWithGravityAndOffset", @selector(showWithGravityAndOffset:duration:gravity:xOffset:yOffset:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeToastAndroidSpecJSI_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);
+    }
+
+
+    NativeToastAndroidSpecJSI::NativeToastAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("ToastAndroid", instance, jsInvoker) {
+        
+        methodMap_["show"] = MethodMetadata {2, __hostFunction_NativeToastAndroidSpecJSI_show};
+        
+        
+        methodMap_["showWithGravity"] = MethodMetadata {3, __hostFunction_NativeToastAndroidSpecJSI_showWithGravity};
+        
+        
+        methodMap_["showWithGravityAndOffset"] = MethodMetadata {5, __hostFunction_NativeToastAndroidSpecJSI_showWithGravityAndOffset};
+        
+        
+        methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativeToastAndroidSpecJSI_getConstants};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_getConstantsForViewManager(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, ObjectKind, "getConstantsForViewManager", @selector(getConstantsForViewManager:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_getDefaultEventTypes(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, ArrayKind, "getDefaultEventTypes", @selector(getDefaultEventTypes), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_playTouchSound(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "playTouchSound", @selector(playTouchSound), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_lazilyLoadView(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, ObjectKind, "lazilyLoadView", @selector(lazilyLoadView:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_createView(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "createView", @selector(createView:viewName:rootTag:props:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_updateView(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "updateView", @selector(updateView:viewName:props:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_focus(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "focus", @selector(focus:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_blur(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "blur", @selector(blur:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_findSubviewIn(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "findSubviewIn", @selector(findSubviewIn:point:callback:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_dispatchViewManagerCommand(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "dispatchViewManagerCommand", @selector(dispatchViewManagerCommand:commandID:commandArgs:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_measure(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "measure", @selector(measure:callback:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_measureInWindow(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "measureInWindow", @selector(measureInWindow:callback:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_viewIsDescendantOf(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "viewIsDescendantOf", @selector(viewIsDescendantOf:ancestorReactTag:callback:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_measureLayout(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "measureLayout", @selector(measureLayout:ancestorReactTag:errorCallback:callback:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_measureLayoutRelativeToParent(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "measureLayoutRelativeToParent", @selector(measureLayoutRelativeToParent:errorCallback:callback:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_setJSResponder(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setJSResponder", @selector(setJSResponder:blockNativeResponder:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_clearJSResponder(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "clearJSResponder", @selector(clearJSResponder), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_configureNextLayoutAnimation(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "configureNextLayoutAnimation", @selector(configureNextLayoutAnimation:callback:errorCallback:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_removeSubviewsFromContainerWithID(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "removeSubviewsFromContainerWithID", @selector(removeSubviewsFromContainerWithID:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_replaceExistingNonRootView(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "replaceExistingNonRootView", @selector(replaceExistingNonRootView:newReactTag:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_setChildren(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setChildren", @selector(setChildren:reactTags:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_manageChildren(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "manageChildren", @selector(manageChildren:moveFromIndices:moveToIndices:addChildReactTags:addAtIndices:removeAtIndices:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_setLayoutAnimationEnabledExperimental(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "setLayoutAnimationEnabledExperimental", @selector(setLayoutAnimationEnabledExperimental:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_sendAccessibilityEvent(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "sendAccessibilityEvent", @selector(sendAccessibilityEvent:eventType:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_showPopupMenu(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "showPopupMenu", @selector(showPopupMenu:items:error:success:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_dismissPopupMenu(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "dismissPopupMenu", @selector(dismissPopupMenu), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeUIManagerSpecJSI_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);
+    }
+
+
+    NativeUIManagerSpecJSI::NativeUIManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("UIManager", instance, jsInvoker) {
+        
+        methodMap_["getConstantsForViewManager"] = MethodMetadata {1, __hostFunction_NativeUIManagerSpecJSI_getConstantsForViewManager};
+        
+        
+        methodMap_["getDefaultEventTypes"] = MethodMetadata {0, __hostFunction_NativeUIManagerSpecJSI_getDefaultEventTypes};
+        
+        
+        methodMap_["playTouchSound"] = MethodMetadata {0, __hostFunction_NativeUIManagerSpecJSI_playTouchSound};
+        
+        
+        methodMap_["lazilyLoadView"] = MethodMetadata {1, __hostFunction_NativeUIManagerSpecJSI_lazilyLoadView};
+        
+        
+        methodMap_["createView"] = MethodMetadata {4, __hostFunction_NativeUIManagerSpecJSI_createView};
+        
+        
+        methodMap_["updateView"] = MethodMetadata {3, __hostFunction_NativeUIManagerSpecJSI_updateView};
+        
+        
+        methodMap_["focus"] = MethodMetadata {1, __hostFunction_NativeUIManagerSpecJSI_focus};
+        
+        
+        methodMap_["blur"] = MethodMetadata {1, __hostFunction_NativeUIManagerSpecJSI_blur};
+        
+        
+        methodMap_["findSubviewIn"] = MethodMetadata {3, __hostFunction_NativeUIManagerSpecJSI_findSubviewIn};
+        
+        
+        methodMap_["dispatchViewManagerCommand"] = MethodMetadata {3, __hostFunction_NativeUIManagerSpecJSI_dispatchViewManagerCommand};
+        
+        
+        methodMap_["measure"] = MethodMetadata {2, __hostFunction_NativeUIManagerSpecJSI_measure};
+        
+        
+        methodMap_["measureInWindow"] = MethodMetadata {2, __hostFunction_NativeUIManagerSpecJSI_measureInWindow};
+        
+        
+        methodMap_["viewIsDescendantOf"] = MethodMetadata {3, __hostFunction_NativeUIManagerSpecJSI_viewIsDescendantOf};
+        
+        
+        methodMap_["measureLayout"] = MethodMetadata {4, __hostFunction_NativeUIManagerSpecJSI_measureLayout};
+        
+        
+        methodMap_["measureLayoutRelativeToParent"] = MethodMetadata {3, __hostFunction_NativeUIManagerSpecJSI_measureLayoutRelativeToParent};
+        
+        
+        methodMap_["setJSResponder"] = MethodMetadata {2, __hostFunction_NativeUIManagerSpecJSI_setJSResponder};
+        
+        
+        methodMap_["clearJSResponder"] = MethodMetadata {0, __hostFunction_NativeUIManagerSpecJSI_clearJSResponder};
+        
+        
+        methodMap_["configureNextLayoutAnimation"] = MethodMetadata {3, __hostFunction_NativeUIManagerSpecJSI_configureNextLayoutAnimation};
+        
+        
+        methodMap_["removeSubviewsFromContainerWithID"] = MethodMetadata {1, __hostFunction_NativeUIManagerSpecJSI_removeSubviewsFromContainerWithID};
+        
+        
+        methodMap_["replaceExistingNonRootView"] = MethodMetadata {2, __hostFunction_NativeUIManagerSpecJSI_replaceExistingNonRootView};
+        
+        
+        methodMap_["setChildren"] = MethodMetadata {2, __hostFunction_NativeUIManagerSpecJSI_setChildren};
+        
+        
+        methodMap_["manageChildren"] = MethodMetadata {6, __hostFunction_NativeUIManagerSpecJSI_manageChildren};
+        
+        
+        methodMap_["setLayoutAnimationEnabledExperimental"] = MethodMetadata {1, __hostFunction_NativeUIManagerSpecJSI_setLayoutAnimationEnabledExperimental};
+        
+        
+        methodMap_["sendAccessibilityEvent"] = MethodMetadata {2, __hostFunction_NativeUIManagerSpecJSI_sendAccessibilityEvent};
+        
+        
+        methodMap_["showPopupMenu"] = MethodMetadata {4, __hostFunction_NativeUIManagerSpecJSI_showPopupMenu};
+        
+        
+        methodMap_["dismissPopupMenu"] = MethodMetadata {0, __hostFunction_NativeUIManagerSpecJSI_dismissPopupMenu};
+        
+        
+        methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativeUIManagerSpecJSI_getConstants};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeVibrationSpecJSI_vibrate(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "vibrate", @selector(vibrate:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeVibrationSpecJSI_vibrateByPattern(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "vibrateByPattern", @selector(vibrateByPattern:repeat:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeVibrationSpecJSI_cancel(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "cancel", @selector(cancel), args, count);
+    }
+
+
+    NativeVibrationSpecJSI::NativeVibrationSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("Vibration", instance, jsInvoker) {
+        
+        methodMap_["vibrate"] = MethodMetadata {1, __hostFunction_NativeVibrationSpecJSI_vibrate};
+        
+        
+        methodMap_["vibrateByPattern"] = MethodMetadata {2, __hostFunction_NativeVibrationSpecJSI_vibrateByPattern};
+        
+        
+        methodMap_["cancel"] = MethodMetadata {0, __hostFunction_NativeVibrationSpecJSI_cancel};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+@implementation RCTCxxConvert (NativeWebSocketModule_SpecConnectOptionsHeaders)
++ (RCTManagedPointer *)JS_NativeWebSocketModule_SpecConnectOptionsHeaders:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeWebSocketModule::SpecConnectOptionsHeaders>(json);
+}
+@end
+@implementation RCTCxxConvert (NativeWebSocketModule_SpecConnectOptions)
++ (RCTManagedPointer *)JS_NativeWebSocketModule_SpecConnectOptions:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeWebSocketModule::SpecConnectOptions>(json);
+}
+@end
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeWebSocketModuleSpecJSI_connect(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "connect", @selector(connect:protocols:options:socketID:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeWebSocketModuleSpecJSI_send(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "send", @selector(send:socketID:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeWebSocketModuleSpecJSI_sendBinary(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "sendBinary", @selector(sendBinary:socketID:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeWebSocketModuleSpecJSI_ping(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "ping", @selector(ping:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeWebSocketModuleSpecJSI_close(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "close", @selector(close:reason:socketID:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeWebSocketModuleSpecJSI_addListener(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "addListener", @selector(addListener:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeWebSocketModuleSpecJSI_removeListeners(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "removeListeners", @selector(removeListeners:), args, count);
+    }
+
+
+    NativeWebSocketModuleSpecJSI::NativeWebSocketModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+      : ObjCTurboModule("WebSocketModule", instance, jsInvoker) {
+        
+        methodMap_["connect"] = MethodMetadata {4, __hostFunction_NativeWebSocketModuleSpecJSI_connect};
+        
+        setMethodArgConversionSelector(@"connect", 2, @"JS_NativeWebSocketModule_SpecConnectOptions:");
+        
+        methodMap_["send"] = MethodMetadata {2, __hostFunction_NativeWebSocketModuleSpecJSI_send};
+        
+        
+        methodMap_["sendBinary"] = MethodMetadata {2, __hostFunction_NativeWebSocketModuleSpecJSI_sendBinary};
+        
+        
+        methodMap_["ping"] = MethodMetadata {1, __hostFunction_NativeWebSocketModuleSpecJSI_ping};
+        
+        
+        methodMap_["close"] = MethodMetadata {3, __hostFunction_NativeWebSocketModuleSpecJSI_close};
+        
+        
+        methodMap_["addListener"] = MethodMetadata {1, __hostFunction_NativeWebSocketModuleSpecJSI_addListener};
+        
+        
+        methodMap_["removeListeners"] = MethodMetadata {1, __hostFunction_NativeWebSocketModuleSpecJSI_removeListeners};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
diff --git a/Libraries/FBReactNativeSpec/FBReactNativeSpec/FBReactNativeSpec.h b/Libraries/FBReactNativeSpec/FBReactNativeSpec/FBReactNativeSpec.h
new file mode 100644
index 00000000000000..617ec6a9683b84
--- /dev/null
+++ b/Libraries/FBReactNativeSpec/FBReactNativeSpec/FBReactNativeSpec.h
@@ -0,0 +1,3100 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 an internal genrule from Flow types.
+ *
+ * We create an umbrella header (and corresponding implementation) here since
+ * Cxx compilation in BUCK has a limitation: source-code producing genrule()s
+ * must have a single output. More files => more genrule()s => slower builds.
+ */
+
+#ifndef __cplusplus
+#error This file must be compiled as Obj-C++. If you are importing it, you must change your file extension to .mm.
+#endif
+#import <Foundation/Foundation.h>
+#import <RCTRequired/RCTRequired.h>
+#import <RCTTypeSafety/RCTConvertHelpers.h>
+#import <RCTTypeSafety/RCTTypedModuleConstants.h>
+#import <React/RCTBridgeModule.h>
+#import <React/RCTCxxConvert.h>
+#import <React/RCTManagedPointer.h>
+#import <ReactCommon/RCTTurboModule.h>
+#import <folly/Optional.h>
+#import <vector>
+
+
+@protocol NativeAccessibilityInfoSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)isReduceMotionEnabled:(RCTResponseSenderBlock)onSuccess;
+- (void)isTouchExplorationEnabled:(RCTResponseSenderBlock)onSuccess;
+- (void)setAccessibilityFocus:(double)reactTag;
+- (void)announceForAccessibility:(NSString *)announcement;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'AccessibilityInfo'
+     */
+
+    class JSI_EXPORT NativeAccessibilityInfoSpecJSI : public ObjCTurboModule {
+    public:
+      NativeAccessibilityInfoSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeAccessibilityManager {
+    struct SpecSetAccessibilityContentSizeMultipliersJSMultiipliers {
+      folly::Optional<double> extraSmall() const;
+      folly::Optional<double> small() const;
+      folly::Optional<double> medium() const;
+      folly::Optional<double> large() const;
+      folly::Optional<double> extraLarge() const;
+      folly::Optional<double> extraExtraLarge() const;
+      folly::Optional<double> extraExtraExtraLarge() const;
+      folly::Optional<double> accessibilityMedium() const;
+      folly::Optional<double> accessibilityLarge() const;
+      folly::Optional<double> accessibilityExtraLarge() const;
+      folly::Optional<double> accessibilityExtraExtraLarge() const;
+      folly::Optional<double> accessibilityExtraExtraExtraLarge() const;
+
+      SpecSetAccessibilityContentSizeMultipliersJSMultiipliers(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeAccessibilityManager_SpecSetAccessibilityContentSizeMultipliersJSMultiipliers)
++ (RCTManagedPointer *)JS_NativeAccessibilityManager_SpecSetAccessibilityContentSizeMultipliersJSMultiipliers:(id)json;
+@end
+@protocol NativeAccessibilityManagerSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)getCurrentBoldTextState:(RCTResponseSenderBlock)onSuccess
+                        onError:(RCTResponseSenderBlock)onError;
+- (void)getCurrentGrayscaleState:(RCTResponseSenderBlock)onSuccess
+                         onError:(RCTResponseSenderBlock)onError;
+- (void)getCurrentInvertColorsState:(RCTResponseSenderBlock)onSuccess
+                            onError:(RCTResponseSenderBlock)onError;
+- (void)getCurrentReduceMotionState:(RCTResponseSenderBlock)onSuccess
+                            onError:(RCTResponseSenderBlock)onError;
+- (void)getCurrentReduceTransparencyState:(RCTResponseSenderBlock)onSuccess
+                                  onError:(RCTResponseSenderBlock)onError;
+- (void)getCurrentVoiceOverState:(RCTResponseSenderBlock)onSuccess
+                         onError:(RCTResponseSenderBlock)onError;
+- (void)setAccessibilityContentSizeMultipliers:(JS::NativeAccessibilityManager::SpecSetAccessibilityContentSizeMultipliersJSMultiipliers &)JSMultiipliers;
+- (void)setAccessibilityFocus:(double)reactTag;
+- (void)announceForAccessibility:(NSString *)announcement;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'AccessibilityManager'
+     */
+
+    class JSI_EXPORT NativeAccessibilityManagerSpecJSI : public ObjCTurboModule {
+    public:
+      NativeAccessibilityManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeActionSheetManager {
+    struct SpecShowActionSheetWithOptionsOptions {
+      NSString *title() const;
+      NSString *message() const;
+      folly::Optional<facebook::react::LazyVector<NSString *>> options() const;
+      folly::Optional<double> destructiveButtonIndex() const;
+      folly::Optional<double> cancelButtonIndex() const;
+      folly::Optional<double> anchor() const;
+      folly::Optional<double> tintColor() const;
+
+      SpecShowActionSheetWithOptionsOptions(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeActionSheetManager_SpecShowActionSheetWithOptionsOptions)
++ (RCTManagedPointer *)JS_NativeActionSheetManager_SpecShowActionSheetWithOptionsOptions:(id)json;
+@end
+
+namespace JS {
+  namespace NativeActionSheetManager {
+    struct SpecShowShareActionSheetWithOptionsOptions {
+      NSString *message() const;
+      NSString *url() const;
+      NSString *subject() const;
+      folly::Optional<double> anchor() const;
+      folly::Optional<double> tintColor() const;
+      folly::Optional<facebook::react::LazyVector<NSString *>> excludedActivityTypes() const;
+
+      SpecShowShareActionSheetWithOptionsOptions(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeActionSheetManager_SpecShowShareActionSheetWithOptionsOptions)
++ (RCTManagedPointer *)JS_NativeActionSheetManager_SpecShowShareActionSheetWithOptionsOptions:(id)json;
+@end
+
+namespace JS {
+  namespace NativeActionSheetManager {
+    struct SpecShowShareActionSheetWithOptionsFailureCallbackError {
+      NSString *domain() const;
+      NSString *code() const;
+      id<NSObject> _Nullable userInfo() const;
+      NSString *message() const;
+
+      SpecShowShareActionSheetWithOptionsFailureCallbackError(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeActionSheetManager_SpecShowShareActionSheetWithOptionsFailureCallbackError)
++ (RCTManagedPointer *)JS_NativeActionSheetManager_SpecShowShareActionSheetWithOptionsFailureCallbackError:(id)json;
+@end
+@protocol NativeActionSheetManagerSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)showActionSheetWithOptions:(JS::NativeActionSheetManager::SpecShowActionSheetWithOptionsOptions &)options
+                          callback:(RCTResponseSenderBlock)callback;
+- (void)showShareActionSheetWithOptions:(JS::NativeActionSheetManager::SpecShowShareActionSheetWithOptionsOptions &)options
+                        failureCallback:(RCTResponseSenderBlock)failureCallback
+                        successCallback:(RCTResponseSenderBlock)successCallback;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'ActionSheetManager'
+     */
+
+    class JSI_EXPORT NativeActionSheetManagerSpecJSI : public ObjCTurboModule {
+    public:
+      NativeActionSheetManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeAlertManager {
+    struct Args {
+      NSString *title() const;
+      NSString *message() const;
+      id<NSObject> _Nullable buttons() const;
+      NSString *type() const;
+      NSString *defaultValue() const;
+      NSString *cancelButtonKey() const;
+      NSString *destructiveButtonKey() const;
+      NSString *keyboardType() const;
+
+      Args(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeAlertManager_Args)
++ (RCTManagedPointer *)JS_NativeAlertManager_Args:(id)json;
+@end
+@protocol NativeAlertManagerSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)alertWithArgs:(JS::NativeAlertManager::Args &)args
+             callback:(RCTResponseSenderBlock)callback;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'AlertManager'
+     */
+
+    class JSI_EXPORT NativeAlertManagerSpecJSI : public ObjCTurboModule {
+    public:
+      NativeAlertManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeAnimatedModule {
+    struct AnimatedNodeConfig {
+      NSString *type() const;
+
+      AnimatedNodeConfig(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeAnimatedModule_AnimatedNodeConfig)
++ (RCTManagedPointer *)JS_NativeAnimatedModule_AnimatedNodeConfig:(id)json;
+@end
+
+namespace JS {
+  namespace NativeAnimatedModule {
+    struct AnimatingNodeConfig {
+      NSString *type() const;
+
+      AnimatingNodeConfig(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeAnimatedModule_AnimatingNodeConfig)
++ (RCTManagedPointer *)JS_NativeAnimatedModule_AnimatingNodeConfig:(id)json;
+@end
+
+namespace JS {
+  namespace NativeAnimatedModule {
+    struct EndResult {
+      bool finished() const;
+
+      EndResult(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeAnimatedModule_EndResult)
++ (RCTManagedPointer *)JS_NativeAnimatedModule_EndResult:(id)json;
+@end
+
+namespace JS {
+  namespace NativeAnimatedModule {
+    struct EventMapping {
+      facebook::react::LazyVector<NSString *> nativeEventPath() const;
+      folly::Optional<double> animatedValueTag() const;
+
+      EventMapping(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeAnimatedModule_EventMapping)
++ (RCTManagedPointer *)JS_NativeAnimatedModule_EventMapping:(id)json;
+@end
+@protocol NativeAnimatedModuleSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)createAnimatedNode:(NSNumber *)tag
+                    config:(JS::NativeAnimatedModule::AnimatedNodeConfig &)config;
+- (void)startListeningToAnimatedNodeValue:(NSNumber *)tag;
+- (void)stopListeningToAnimatedNodeValue:(NSNumber *)tag;
+- (void)connectAnimatedNodes:(NSNumber *)parentTag
+                    childTag:(NSNumber *)childTag;
+- (void)disconnectAnimatedNodes:(NSNumber *)parentTag
+                       childTag:(NSNumber *)childTag;
+- (void)startAnimatingNode:(NSNumber *)animationId
+                   nodeTag:(NSNumber *)nodeTag
+                    config:(JS::NativeAnimatedModule::AnimatingNodeConfig &)config
+               endCallback:(RCTResponseSenderBlock)endCallback;
+- (void)stopAnimation:(NSNumber *)animationId;
+- (void)setAnimatedNodeValue:(NSNumber *)nodeTag
+                       value:(NSNumber *)value;
+- (void)setAnimatedNodeOffset:(NSNumber *)nodeTag
+                       offset:(NSNumber *)offset;
+- (void)flattenAnimatedNodeOffset:(NSNumber *)nodeTag;
+- (void)extractAnimatedNodeOffset:(NSNumber *)nodeTag;
+- (void)connectAnimatedNodeToView:(NSNumber *)nodeTag
+                          viewTag:(NSNumber *)viewTag;
+- (void)disconnectAnimatedNodeFromView:(NSNumber *)nodeTag
+                               viewTag:(NSNumber *)viewTag;
+- (void)dropAnimatedNode:(NSNumber *)tag;
+- (void)addAnimatedEventToView:(NSNumber *)viewTag
+                     eventName:(NSString *)eventName
+                  eventMapping:(JS::NativeAnimatedModule::EventMapping &)eventMapping;
+- (void)removeAnimatedEventFromView:(NSNumber *)viewTag
+                          eventName:(NSString *)eventName
+                    animatedNodeTag:(NSNumber *)animatedNodeTag;
+- (void)addListener:(NSString *)eventName;
+- (void)removeListeners:(double)count;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'AnimatedModule'
+     */
+
+    class JSI_EXPORT NativeAnimatedModuleSpecJSI : public ObjCTurboModule {
+    public:
+      NativeAnimatedModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+@protocol NativeAnimationsDebugModuleSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)startRecordingFps;
+- (void)stopRecordingFps:(double)animationStopTimeMs;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'AnimationsDebugModule'
+     */
+
+    class JSI_EXPORT NativeAnimationsDebugModuleSpecJSI : public ObjCTurboModule {
+    public:
+      NativeAnimationsDebugModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeAppState {
+    struct SpecGetCurrentAppStateSuccessAppState {
+      NSString *app_state() const;
+
+      SpecGetCurrentAppStateSuccessAppState(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeAppState_SpecGetCurrentAppStateSuccessAppState)
++ (RCTManagedPointer *)JS_NativeAppState_SpecGetCurrentAppStateSuccessAppState:(id)json;
+@end
+
+namespace JS {
+  namespace NativeAppState {
+    struct Constants {
+
+      struct Builder {
+        struct Input {
+          RCTRequired<NSString *> initialAppState;
+        };
+
+        /** Initialize with a set of values */
+        Builder(const Input i);
+        /** Initialize with an existing Constants */
+        Builder(Constants i);
+        /** Builds the object. Generally used only by the infrastructure. */
+        NSDictionary *buildUnsafeRawValue() const { return _factory(); };
+      private:
+        NSDictionary *(^_factory)(void);
+      };
+
+      static Constants fromUnsafeRawValue(NSDictionary *const v) { return {v}; }
+      NSDictionary *unsafeRawValue() const { return _v; }
+    private:
+      Constants(NSDictionary *const v) : _v(v) {}
+      NSDictionary *_v;
+    };
+  }
+}
+@protocol NativeAppStateSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)getCurrentAppState:(RCTResponseSenderBlock)success
+                   failure:(RCTResponseSenderBlock)failure;
+- (void)addListener:(NSString *)eventName;
+- (void)removeListeners:(double)count;
+- (facebook::react::ModuleConstants<JS::NativeAppState::Constants::Builder>)constantsToExport;
+- (facebook::react::ModuleConstants<JS::NativeAppState::Constants::Builder>)getConstants;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'AppState'
+     */
+
+    class JSI_EXPORT NativeAppStateSpecJSI : public ObjCTurboModule {
+    public:
+      NativeAppStateSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeAsyncStorage {
+    struct SpecMultiGetCallbackErrorsElement {
+      NSString *message() const;
+
+      SpecMultiGetCallbackErrorsElement(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeAsyncStorage_SpecMultiGetCallbackErrorsElement)
++ (RCTManagedPointer *)JS_NativeAsyncStorage_SpecMultiGetCallbackErrorsElement:(id)json;
+@end
+
+namespace JS {
+  namespace NativeAsyncStorage {
+    struct SpecMultiSetCallbackErrorsElement {
+      NSString *message() const;
+
+      SpecMultiSetCallbackErrorsElement(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeAsyncStorage_SpecMultiSetCallbackErrorsElement)
++ (RCTManagedPointer *)JS_NativeAsyncStorage_SpecMultiSetCallbackErrorsElement:(id)json;
+@end
+
+namespace JS {
+  namespace NativeAsyncStorage {
+    struct SpecMultiMergeCallbackErrorsElement {
+      NSString *message() const;
+
+      SpecMultiMergeCallbackErrorsElement(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeAsyncStorage_SpecMultiMergeCallbackErrorsElement)
++ (RCTManagedPointer *)JS_NativeAsyncStorage_SpecMultiMergeCallbackErrorsElement:(id)json;
+@end
+
+namespace JS {
+  namespace NativeAsyncStorage {
+    struct SpecMultiRemoveCallbackErrorsElement {
+      NSString *message() const;
+
+      SpecMultiRemoveCallbackErrorsElement(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeAsyncStorage_SpecMultiRemoveCallbackErrorsElement)
++ (RCTManagedPointer *)JS_NativeAsyncStorage_SpecMultiRemoveCallbackErrorsElement:(id)json;
+@end
+
+namespace JS {
+  namespace NativeAsyncStorage {
+    struct SpecClearCallbackError {
+      NSString *message() const;
+
+      SpecClearCallbackError(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeAsyncStorage_SpecClearCallbackError)
++ (RCTManagedPointer *)JS_NativeAsyncStorage_SpecClearCallbackError:(id)json;
+@end
+
+namespace JS {
+  namespace NativeAsyncStorage {
+    struct SpecGetAllKeysCallbackError {
+      NSString *message() const;
+
+      SpecGetAllKeysCallbackError(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeAsyncStorage_SpecGetAllKeysCallbackError)
++ (RCTManagedPointer *)JS_NativeAsyncStorage_SpecGetAllKeysCallbackError:(id)json;
+@end
+@protocol NativeAsyncStorageSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)multiGet:(NSArray *)keys
+        callback:(RCTResponseSenderBlock)callback;
+- (void)multiSet:(NSArray *)kvPairs
+        callback:(RCTResponseSenderBlock)callback;
+- (void)multiMerge:(NSArray *)kvPairs
+          callback:(RCTResponseSenderBlock)callback;
+- (void)multiRemove:(NSArray *)keys
+           callback:(RCTResponseSenderBlock)callback;
+- (void)clear:(RCTResponseSenderBlock)callback;
+- (void)getAllKeys:(RCTResponseSenderBlock)callback;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'AsyncStorage'
+     */
+
+    class JSI_EXPORT NativeAsyncStorageSpecJSI : public ObjCTurboModule {
+    public:
+      NativeAsyncStorageSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeBlobModule {
+    struct Constants {
+
+      struct Builder {
+        struct Input {
+          RCTRequired<NSString *> BLOB_URI_SCHEME;
+          RCTRequired<NSString *> BLOB_URI_HOST;
+        };
+
+        /** Initialize with a set of values */
+        Builder(const Input i);
+        /** Initialize with an existing Constants */
+        Builder(Constants i);
+        /** Builds the object. Generally used only by the infrastructure. */
+        NSDictionary *buildUnsafeRawValue() const { return _factory(); };
+      private:
+        NSDictionary *(^_factory)(void);
+      };
+
+      static Constants fromUnsafeRawValue(NSDictionary *const v) { return {v}; }
+      NSDictionary *unsafeRawValue() const { return _v; }
+    private:
+      Constants(NSDictionary *const v) : _v(v) {}
+      NSDictionary *_v;
+    };
+  }
+}
+@protocol NativeBlobModuleSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)addNetworkingHandler;
+- (void)addWebSocketHandler:(double)id;
+- (void)removeWebSocketHandler:(double)id;
+- (void)sendOverSocket:(NSDictionary *)blob
+                    id:(double)id;
+- (void)createFromParts:(NSArray *)parts
+                 blobId:(NSString *)blobId;
+- (void)release:(NSString *)blobId;
+- (facebook::react::ModuleConstants<JS::NativeBlobModule::Constants::Builder>)constantsToExport;
+- (facebook::react::ModuleConstants<JS::NativeBlobModule::Constants::Builder>)getConstants;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'BlobModule'
+     */
+
+    class JSI_EXPORT NativeBlobModuleSpecJSI : public ObjCTurboModule {
+    public:
+      NativeBlobModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+@protocol NativeBugReportingSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)startReportAProblemFlow;
+- (void)setExtraData:(NSDictionary *)extraData
+          extraFiles:(NSDictionary *)extraFiles;
+- (void)setCategoryID:(NSString *)categoryID;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'BugReporting'
+     */
+
+    class JSI_EXPORT NativeBugReportingSpecJSI : public ObjCTurboModule {
+    public:
+      NativeBugReportingSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+@protocol NativeClipboardSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)getString:(RCTPromiseResolveBlock)resolve
+           reject:(RCTPromiseRejectBlock)reject;
+- (void)setString:(NSString *)content;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'Clipboard'
+     */
+
+    class JSI_EXPORT NativeClipboardSpecJSI : public ObjCTurboModule {
+    public:
+      NativeClipboardSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+@protocol NativeDatePickerAndroidSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)open:(NSDictionary *)options
+     resolve:(RCTPromiseResolveBlock)resolve
+      reject:(RCTPromiseRejectBlock)reject;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'DatePickerAndroid'
+     */
+
+    class JSI_EXPORT NativeDatePickerAndroidSpecJSI : public ObjCTurboModule {
+    public:
+      NativeDatePickerAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+@protocol NativeDevLoadingViewSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)showMessage:(NSString *)message
+              color:(NSDictionary *)color
+    backgroundColor:(NSDictionary *)backgroundColor;
+- (void)hide;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'DevLoadingView'
+     */
+
+    class JSI_EXPORT NativeDevLoadingViewSpecJSI : public ObjCTurboModule {
+    public:
+      NativeDevLoadingViewSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+@protocol NativeDevSettingsSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)reload;
+- (void)setHotLoadingEnabled:(BOOL)isHotLoadingEnabled;
+- (void)setIsDebuggingRemotely:(BOOL)isDebuggingRemotelyEnabled;
+- (void)setLiveReloadEnabled:(BOOL)isLiveReloadEnabled;
+- (void)setProfilingEnabled:(BOOL)isProfilingEnabled;
+- (void)toggleElementInspector;
+- (void)setIsShakeToShowDevMenuEnabled:(BOOL)enabled;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'DevSettings'
+     */
+
+    class JSI_EXPORT NativeDevSettingsSpecJSI : public ObjCTurboModule {
+    public:
+      NativeDevSettingsSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+@protocol NativeDeviceEventManagerSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)invokeDefaultBackPressHandler;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'DeviceEventManager'
+     */
+
+    class JSI_EXPORT NativeDeviceEventManagerSpecJSI : public ObjCTurboModule {
+    public:
+      NativeDeviceEventManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeDeviceInfo {
+    struct Constants {
+
+      struct Builder {
+        struct Input {
+          RCTRequired<id<NSObject>> Dimensions;
+          folly::Optional<bool> isIPhoneX_deprecated;
+        };
+
+        /** Initialize with a set of values */
+        Builder(const Input i);
+        /** Initialize with an existing Constants */
+        Builder(Constants i);
+        /** Builds the object. Generally used only by the infrastructure. */
+        NSDictionary *buildUnsafeRawValue() const { return _factory(); };
+      private:
+        NSDictionary *(^_factory)(void);
+      };
+
+      static Constants fromUnsafeRawValue(NSDictionary *const v) { return {v}; }
+      NSDictionary *unsafeRawValue() const { return _v; }
+    private:
+      Constants(NSDictionary *const v) : _v(v) {}
+      NSDictionary *_v;
+    };
+  }
+}
+@protocol NativeDeviceInfoSpec <RCTBridgeModule, RCTTurboModule>
+
+- (facebook::react::ModuleConstants<JS::NativeDeviceInfo::Constants::Builder>)constantsToExport;
+- (facebook::react::ModuleConstants<JS::NativeDeviceInfo::Constants::Builder>)getConstants;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'DeviceInfo'
+     */
+
+    class JSI_EXPORT NativeDeviceInfoSpecJSI : public ObjCTurboModule {
+    public:
+      NativeDeviceInfoSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeDialogManagerAndroid {
+    struct DialogOptions {
+      NSString *title() const;
+      NSString *message() const;
+      NSString *buttonPositive() const;
+      NSString *buttonNegative() const;
+      NSString *buttonNeutral() const;
+      folly::Optional<facebook::react::LazyVector<NSString *>> items() const;
+      folly::Optional<bool> cancelable() const;
+
+      DialogOptions(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeDialogManagerAndroid_DialogOptions)
++ (RCTManagedPointer *)JS_NativeDialogManagerAndroid_DialogOptions:(id)json;
+@end
+
+namespace JS {
+  namespace NativeDialogManagerAndroid {
+    struct Constants {
+
+      struct Builder {
+        struct Input {
+          RCTRequired<NSString *> buttonClicked;
+          RCTRequired<NSString *> dismissed;
+          RCTRequired<double> buttonPositive;
+          RCTRequired<double> buttonNegative;
+          RCTRequired<double> buttonNeutral;
+        };
+
+        /** Initialize with a set of values */
+        Builder(const Input i);
+        /** Initialize with an existing Constants */
+        Builder(Constants i);
+        /** Builds the object. Generally used only by the infrastructure. */
+        NSDictionary *buildUnsafeRawValue() const { return _factory(); };
+      private:
+        NSDictionary *(^_factory)(void);
+      };
+
+      static Constants fromUnsafeRawValue(NSDictionary *const v) { return {v}; }
+      NSDictionary *unsafeRawValue() const { return _v; }
+    private:
+      Constants(NSDictionary *const v) : _v(v) {}
+      NSDictionary *_v;
+    };
+  }
+}
+@protocol NativeDialogManagerAndroidSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)showAlert:(JS::NativeDialogManagerAndroid::DialogOptions &)config
+          onError:(RCTResponseSenderBlock)onError
+         onAction:(RCTResponseSenderBlock)onAction;
+- (facebook::react::ModuleConstants<JS::NativeDialogManagerAndroid::Constants::Builder>)constantsToExport;
+- (facebook::react::ModuleConstants<JS::NativeDialogManagerAndroid::Constants::Builder>)getConstants;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'DialogManagerAndroid'
+     */
+
+    class JSI_EXPORT NativeDialogManagerAndroidSpecJSI : public ObjCTurboModule {
+    public:
+      NativeDialogManagerAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeExceptionsManager {
+    struct StackFrame {
+      folly::Optional<double> column() const;
+      NSString *file() const;
+      folly::Optional<double> lineNumber() const;
+      NSString *methodName() const;
+      folly::Optional<bool> collapse() const;
+
+      StackFrame(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeExceptionsManager_StackFrame)
++ (RCTManagedPointer *)JS_NativeExceptionsManager_StackFrame:(id)json;
+@end
+
+namespace JS {
+  namespace NativeExceptionsManager {
+    struct ExceptionData {
+      NSString *message() const;
+      NSString *originalMessage() const;
+      NSString *name() const;
+      NSString *componentStack() const;
+      facebook::react::LazyVector<JS::NativeExceptionsManager::StackFrame> stack() const;
+      double id_() const;
+      bool isFatal() const;
+      id<NSObject> _Nullable extraData() const;
+
+      ExceptionData(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeExceptionsManager_ExceptionData)
++ (RCTManagedPointer *)JS_NativeExceptionsManager_ExceptionData:(id)json;
+@end
+@protocol NativeExceptionsManagerSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)reportFatalException:(NSString *)message
+                       stack:(NSArray *)stack
+                 exceptionId:(double)exceptionId;
+- (void)reportSoftException:(NSString *)message
+                      stack:(NSArray *)stack
+                exceptionId:(double)exceptionId;
+- (void)reportException:(JS::NativeExceptionsManager::ExceptionData &)data;
+- (void)updateExceptionMessage:(NSString *)message
+                         stack:(NSArray *)stack
+                   exceptionId:(double)exceptionId;
+- (void)dismissRedbox;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'ExceptionsManager'
+     */
+
+    class JSI_EXPORT NativeExceptionsManagerSpecJSI : public ObjCTurboModule {
+    public:
+      NativeExceptionsManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+@protocol NativeFileReaderModuleSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)readAsDataURL:(NSDictionary *)data
+              resolve:(RCTPromiseResolveBlock)resolve
+               reject:(RCTPromiseRejectBlock)reject;
+- (void)readAsText:(NSDictionary *)data
+          encoding:(NSString *)encoding
+           resolve:(RCTPromiseResolveBlock)resolve
+            reject:(RCTPromiseRejectBlock)reject;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'FileReaderModule'
+     */
+
+    class JSI_EXPORT NativeFileReaderModuleSpecJSI : public ObjCTurboModule {
+    public:
+      NativeFileReaderModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeFrameRateLogger {
+    struct SpecSetGlobalOptionsOptions {
+      folly::Optional<bool> debug() const;
+      folly::Optional<bool> reportStackTraces() const;
+
+      SpecSetGlobalOptionsOptions(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeFrameRateLogger_SpecSetGlobalOptionsOptions)
++ (RCTManagedPointer *)JS_NativeFrameRateLogger_SpecSetGlobalOptionsOptions:(id)json;
+@end
+@protocol NativeFrameRateLoggerSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)setGlobalOptions:(JS::NativeFrameRateLogger::SpecSetGlobalOptionsOptions &)options;
+- (void)setContext:(NSString *)context;
+- (void)beginScroll;
+- (void)endScroll;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'FrameRateLogger'
+     */
+
+    class JSI_EXPORT NativeFrameRateLoggerSpecJSI : public ObjCTurboModule {
+    public:
+      NativeFrameRateLoggerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+@protocol NativeHeadlessJsTaskSupportSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)notifyTaskFinished:(double)taskId;
+- (void)notifyTaskRetry:(double)taskId
+                resolve:(RCTPromiseResolveBlock)resolve
+                 reject:(RCTPromiseRejectBlock)reject;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'HeadlessJsTaskSupport'
+     */
+
+    class JSI_EXPORT NativeHeadlessJsTaskSupportSpecJSI : public ObjCTurboModule {
+    public:
+      NativeHeadlessJsTaskSupportSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+@protocol NativeHeapCaptureSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)captureHeap:(NSString *)path;
+- (void)captureComplete:(NSString *)path
+                  error:(NSString * _Nullable)error;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'HeapCapture'
+     */
+
+    class JSI_EXPORT NativeHeapCaptureSpecJSI : public ObjCTurboModule {
+    public:
+      NativeHeapCaptureSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeI18nManager {
+    struct Constants {
+
+      struct Builder {
+        struct Input {
+          RCTRequired<bool> isRTL;
+          RCTRequired<bool> doLeftAndRightSwapInRTL;
+        };
+
+        /** Initialize with a set of values */
+        Builder(const Input i);
+        /** Initialize with an existing Constants */
+        Builder(Constants i);
+        /** Builds the object. Generally used only by the infrastructure. */
+        NSDictionary *buildUnsafeRawValue() const { return _factory(); };
+      private:
+        NSDictionary *(^_factory)(void);
+      };
+
+      static Constants fromUnsafeRawValue(NSDictionary *const v) { return {v}; }
+      NSDictionary *unsafeRawValue() const { return _v; }
+    private:
+      Constants(NSDictionary *const v) : _v(v) {}
+      NSDictionary *_v;
+    };
+  }
+}
+@protocol NativeI18nManagerSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)allowRTL:(BOOL)allowRTL;
+- (void)forceRTL:(BOOL)forceRTL;
+- (void)swapLeftAndRightInRTL:(BOOL)flipStyles;
+- (facebook::react::ModuleConstants<JS::NativeI18nManager::Constants::Builder>)constantsToExport;
+- (facebook::react::ModuleConstants<JS::NativeI18nManager::Constants::Builder>)getConstants;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'I18nManager'
+     */
+
+    class JSI_EXPORT NativeI18nManagerSpecJSI : public ObjCTurboModule {
+    public:
+      NativeI18nManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+@protocol NativeImageLoaderSpec <RCTBridgeModule, RCTTurboModule>
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'ImageLoader'
+     */
+
+    class JSI_EXPORT NativeImageLoaderSpecJSI : public ObjCTurboModule {
+    public:
+      NativeImageLoaderSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeImagePickerIOS {
+    struct SpecOpenCameraDialogConfig {
+      bool unmirrorFrontFacingCamera() const;
+      bool videoMode() const;
+
+      SpecOpenCameraDialogConfig(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeImagePickerIOS_SpecOpenCameraDialogConfig)
++ (RCTManagedPointer *)JS_NativeImagePickerIOS_SpecOpenCameraDialogConfig:(id)json;
+@end
+
+namespace JS {
+  namespace NativeImagePickerIOS {
+    struct SpecOpenSelectDialogConfig {
+      bool showImages() const;
+      bool showVideos() const;
+
+      SpecOpenSelectDialogConfig(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeImagePickerIOS_SpecOpenSelectDialogConfig)
++ (RCTManagedPointer *)JS_NativeImagePickerIOS_SpecOpenSelectDialogConfig:(id)json;
+@end
+@protocol NativeImagePickerIOSSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)canRecordVideos:(RCTResponseSenderBlock)callback;
+- (void)canUseCamera:(RCTResponseSenderBlock)callback;
+- (void)openCameraDialog:(JS::NativeImagePickerIOS::SpecOpenCameraDialogConfig &)config
+         successCallback:(RCTResponseSenderBlock)successCallback
+          cancelCallback:(RCTResponseSenderBlock)cancelCallback;
+- (void)openSelectDialog:(JS::NativeImagePickerIOS::SpecOpenSelectDialogConfig &)config
+         successCallback:(RCTResponseSenderBlock)successCallback
+          cancelCallback:(RCTResponseSenderBlock)cancelCallback;
+- (void)clearAllPendingVideos;
+- (void)removePendingVideo:(NSString *)url;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'ImagePickerIOS'
+     */
+
+    class JSI_EXPORT NativeImagePickerIOSSpecJSI : public ObjCTurboModule {
+    public:
+      NativeImagePickerIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+@protocol NativeJSCSamplingProfilerSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)operationComplete:(double)token
+                   result:(NSString * _Nullable)result
+                    error:(NSString * _Nullable)error;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'JSCSamplingProfiler'
+     */
+
+    class JSI_EXPORT NativeJSCSamplingProfilerSpecJSI : public ObjCTurboModule {
+    public:
+      NativeJSCSamplingProfilerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeJSDevSupport {
+    struct Constants {
+
+      struct Builder {
+        struct Input {
+          RCTRequired<double> ERROR_CODE_EXCEPTION;
+          RCTRequired<double> ERROR_CODE_VIEW_NOT_FOUND;
+        };
+
+        /** Initialize with a set of values */
+        Builder(const Input i);
+        /** Initialize with an existing Constants */
+        Builder(Constants i);
+        /** Builds the object. Generally used only by the infrastructure. */
+        NSDictionary *buildUnsafeRawValue() const { return _factory(); };
+      private:
+        NSDictionary *(^_factory)(void);
+      };
+
+      static Constants fromUnsafeRawValue(NSDictionary *const v) { return {v}; }
+      NSDictionary *unsafeRawValue() const { return _v; }
+    private:
+      Constants(NSDictionary *const v) : _v(v) {}
+      NSDictionary *_v;
+    };
+  }
+}
+@protocol NativeJSDevSupportSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)onSuccess:(NSDictionary *)data;
+- (void)onFailure:(double)errorCode
+            error:(NSString *)error;
+- (facebook::react::ModuleConstants<JS::NativeJSDevSupport::Constants::Builder>)constantsToExport;
+- (facebook::react::ModuleConstants<JS::NativeJSDevSupport::Constants::Builder>)getConstants;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'JSDevSupport'
+     */
+
+    class JSI_EXPORT NativeJSDevSupportSpecJSI : public ObjCTurboModule {
+    public:
+      NativeJSDevSupportSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+@protocol NativeKeyboardObserverSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)addListener:(NSString *)eventName;
+- (void)removeListeners:(double)count;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'KeyboardObserver'
+     */
+
+    class JSI_EXPORT NativeKeyboardObserverSpecJSI : public ObjCTurboModule {
+    public:
+      NativeKeyboardObserverSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeLinking {
+    struct SpecSendIntentExtrasElement {
+      NSString *key() const;
+      id<NSObject> value() const;
+
+      SpecSendIntentExtrasElement(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeLinking_SpecSendIntentExtrasElement)
++ (RCTManagedPointer *)JS_NativeLinking_SpecSendIntentExtrasElement:(id)json;
+@end
+@protocol NativeLinkingSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)getInitialURL:(RCTPromiseResolveBlock)resolve
+               reject:(RCTPromiseRejectBlock)reject;
+- (void)canOpenURL:(NSString *)url
+           resolve:(RCTPromiseResolveBlock)resolve
+            reject:(RCTPromiseRejectBlock)reject;
+- (void)openURL:(NSString *)url
+        resolve:(RCTPromiseResolveBlock)resolve
+         reject:(RCTPromiseRejectBlock)reject;
+- (void)openSettings:(RCTPromiseResolveBlock)resolve
+              reject:(RCTPromiseRejectBlock)reject;
+- (void)sendIntent:(NSString *)action
+            extras:(NSArray *_Nullable)extras
+           resolve:(RCTPromiseResolveBlock)resolve
+            reject:(RCTPromiseRejectBlock)reject;
+- (void)addListener:(NSString *)eventName;
+- (void)removeListeners:(double)count;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'Linking'
+     */
+
+    class JSI_EXPORT NativeLinkingSpecJSI : public ObjCTurboModule {
+    public:
+      NativeLinkingSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+@protocol NativeModalManagerSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)addListener:(NSString *)eventName;
+- (void)removeListeners:(double)count;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'ModalManager'
+     */
+
+    class JSI_EXPORT NativeModalManagerSpecJSI : public ObjCTurboModule {
+    public:
+      NativeModalManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeNetworkingAndroid {
+    struct Header {
+      NSString *first() const;
+      NSString *second() const;
+
+      Header(NSArray *const v) : _v(v) {}
+    private:
+      NSArray *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeNetworkingAndroid_Header)
++ (RCTManagedPointer *)JS_NativeNetworkingAndroid_Header:(id)json;
+@end
+@protocol NativeNetworkingAndroidSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)sendRequest:(NSString *)method
+                url:(NSString *)url
+          requestId:(double)requestId
+            headers:(NSArray *)headers
+               data:(NSDictionary *)data
+       responseType:(NSDictionary *)responseType
+useIncrementalUpdates:(BOOL)useIncrementalUpdates
+            timeout:(double)timeout
+    withCredentials:(BOOL)withCredentials;
+- (void)abortRequest:(double)requestId;
+- (void)clearCookies:(RCTResponseSenderBlock)callback;
+- (void)addListener:(NSString *)eventName;
+- (void)removeListeners:(double)count;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'NetworkingAndroid'
+     */
+
+    class JSI_EXPORT NativeNetworkingAndroidSpecJSI : public ObjCTurboModule {
+    public:
+      NativeNetworkingAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeNetworkingIOS {
+    struct SpecSendRequestQuery {
+      NSString *method() const;
+      NSString *url() const;
+      id<NSObject> data() const;
+      id<NSObject> headers() const;
+      id<NSObject> responseType() const;
+      bool incrementalUpdates() const;
+      double timeout() const;
+      bool withCredentials() const;
+
+      SpecSendRequestQuery(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeNetworkingIOS_SpecSendRequestQuery)
++ (RCTManagedPointer *)JS_NativeNetworkingIOS_SpecSendRequestQuery:(id)json;
+@end
+@protocol NativeNetworkingIOSSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)sendRequest:(JS::NativeNetworkingIOS::SpecSendRequestQuery &)query
+           callback:(RCTResponseSenderBlock)callback;
+- (void)abortRequest:(double)requestId;
+- (void)clearCookies:(RCTResponseSenderBlock)callback;
+- (void)addListener:(NSString *)eventName;
+- (void)removeListeners:(double)count;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'NetworkingIOS'
+     */
+
+    class JSI_EXPORT NativeNetworkingIOSSpecJSI : public ObjCTurboModule {
+    public:
+      NativeNetworkingIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+@protocol NativePermissionsAndroidSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)checkPermission:(NSString *)permission
+                resolve:(RCTPromiseResolveBlock)resolve
+                 reject:(RCTPromiseRejectBlock)reject;
+- (void)requestPermission:(NSString *)permission
+                  resolve:(RCTPromiseResolveBlock)resolve
+                   reject:(RCTPromiseRejectBlock)reject;
+- (void)shouldShowRequestPermissionRationale:(NSString *)permission
+                                     resolve:(RCTPromiseResolveBlock)resolve
+                                      reject:(RCTPromiseRejectBlock)reject;
+- (void)requestMultiplePermissions:(NSArray *)permissions
+                           resolve:(RCTPromiseResolveBlock)resolve
+                            reject:(RCTPromiseRejectBlock)reject;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'PermissionsAndroid'
+     */
+
+    class JSI_EXPORT NativePermissionsAndroidSpecJSI : public ObjCTurboModule {
+    public:
+      NativePermissionsAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativePlatformConstantsAndroid {
+    struct ConstantsReactNativeVersion {
+
+      struct Builder {
+        struct Input {
+          RCTRequired<double> major;
+          RCTRequired<double> minor;
+          RCTRequired<double> patch;
+          RCTRequired<folly::Optional<double>> prerelease;
+        };
+
+        /** Initialize with a set of values */
+        Builder(const Input i);
+        /** Initialize with an existing ConstantsReactNativeVersion */
+        Builder(ConstantsReactNativeVersion i);
+        /** Builds the object. Generally used only by the infrastructure. */
+        NSDictionary *buildUnsafeRawValue() const { return _factory(); };
+      private:
+        NSDictionary *(^_factory)(void);
+      };
+
+      static ConstantsReactNativeVersion fromUnsafeRawValue(NSDictionary *const v) { return {v}; }
+      NSDictionary *unsafeRawValue() const { return _v; }
+    private:
+      ConstantsReactNativeVersion(NSDictionary *const v) : _v(v) {}
+      NSDictionary *_v;
+    };
+  }
+}
+
+namespace JS {
+  namespace NativePlatformConstantsAndroid {
+    struct Constants {
+
+      struct Builder {
+        struct Input {
+          RCTRequired<bool> isTesting;
+          RCTRequired<JS::NativePlatformConstantsAndroid::ConstantsReactNativeVersion::Builder> reactNativeVersion;
+          RCTRequired<double> Version;
+          RCTRequired<NSString *> Release;
+          RCTRequired<NSString *> Serial;
+          RCTRequired<NSString *> Fingerprint;
+          RCTRequired<NSString *> Model;
+          RCTRequired<NSString *> ServerHost;
+          RCTRequired<NSString *> uiMode;
+        };
+
+        /** Initialize with a set of values */
+        Builder(const Input i);
+        /** Initialize with an existing Constants */
+        Builder(Constants i);
+        /** Builds the object. Generally used only by the infrastructure. */
+        NSDictionary *buildUnsafeRawValue() const { return _factory(); };
+      private:
+        NSDictionary *(^_factory)(void);
+      };
+
+      static Constants fromUnsafeRawValue(NSDictionary *const v) { return {v}; }
+      NSDictionary *unsafeRawValue() const { return _v; }
+    private:
+      Constants(NSDictionary *const v) : _v(v) {}
+      NSDictionary *_v;
+    };
+  }
+}
+@protocol NativePlatformConstantsAndroidSpec <RCTBridgeModule, RCTTurboModule>
+
+- (NSString *)getAndroidID;
+- (facebook::react::ModuleConstants<JS::NativePlatformConstantsAndroid::Constants::Builder>)constantsToExport;
+- (facebook::react::ModuleConstants<JS::NativePlatformConstantsAndroid::Constants::Builder>)getConstants;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'PlatformConstantsAndroid'
+     */
+
+    class JSI_EXPORT NativePlatformConstantsAndroidSpecJSI : public ObjCTurboModule {
+    public:
+      NativePlatformConstantsAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativePlatformConstantsIOS {
+    struct ConstantsReactNativeVersion {
+
+      struct Builder {
+        struct Input {
+          RCTRequired<double> major;
+          RCTRequired<double> minor;
+          RCTRequired<double> patch;
+          RCTRequired<folly::Optional<double>> prerelease;
+        };
+
+        /** Initialize with a set of values */
+        Builder(const Input i);
+        /** Initialize with an existing ConstantsReactNativeVersion */
+        Builder(ConstantsReactNativeVersion i);
+        /** Builds the object. Generally used only by the infrastructure. */
+        NSDictionary *buildUnsafeRawValue() const { return _factory(); };
+      private:
+        NSDictionary *(^_factory)(void);
+      };
+
+      static ConstantsReactNativeVersion fromUnsafeRawValue(NSDictionary *const v) { return {v}; }
+      NSDictionary *unsafeRawValue() const { return _v; }
+    private:
+      ConstantsReactNativeVersion(NSDictionary *const v) : _v(v) {}
+      NSDictionary *_v;
+    };
+  }
+}
+
+namespace JS {
+  namespace NativePlatformConstantsIOS {
+    struct Constants {
+
+      struct Builder {
+        struct Input {
+          RCTRequired<bool> isTesting;
+          RCTRequired<JS::NativePlatformConstantsIOS::ConstantsReactNativeVersion::Builder> reactNativeVersion;
+          RCTRequired<bool> forceTouchAvailable;
+          RCTRequired<NSString *> osVersion;
+          RCTRequired<NSString *> systemName;
+          RCTRequired<NSString *> interfaceIdiom;
+        };
+
+        /** Initialize with a set of values */
+        Builder(const Input i);
+        /** Initialize with an existing Constants */
+        Builder(Constants i);
+        /** Builds the object. Generally used only by the infrastructure. */
+        NSDictionary *buildUnsafeRawValue() const { return _factory(); };
+      private:
+        NSDictionary *(^_factory)(void);
+      };
+
+      static Constants fromUnsafeRawValue(NSDictionary *const v) { return {v}; }
+      NSDictionary *unsafeRawValue() const { return _v; }
+    private:
+      Constants(NSDictionary *const v) : _v(v) {}
+      NSDictionary *_v;
+    };
+  }
+}
+@protocol NativePlatformConstantsIOSSpec <RCTBridgeModule, RCTTurboModule>
+
+- (facebook::react::ModuleConstants<JS::NativePlatformConstantsIOS::Constants::Builder>)constantsToExport;
+- (facebook::react::ModuleConstants<JS::NativePlatformConstantsIOS::Constants::Builder>)getConstants;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'PlatformConstantsIOS'
+     */
+
+    class JSI_EXPORT NativePlatformConstantsIOSSpecJSI : public ObjCTurboModule {
+    public:
+      NativePlatformConstantsIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativePushNotificationManagerIOS {
+    struct SpecRequestPermissionsPermission {
+      folly::Optional<bool> alert() const;
+      folly::Optional<bool> badge() const;
+      folly::Optional<bool> sound() const;
+
+      SpecRequestPermissionsPermission(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativePushNotificationManagerIOS_SpecRequestPermissionsPermission)
++ (RCTManagedPointer *)JS_NativePushNotificationManagerIOS_SpecRequestPermissionsPermission:(id)json;
+@end
+
+namespace JS {
+  namespace NativePushNotificationManagerIOS {
+    struct Permissions {
+      bool alert() const;
+      bool badge() const;
+      bool sound() const;
+
+      Permissions(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativePushNotificationManagerIOS_Permissions)
++ (RCTManagedPointer *)JS_NativePushNotificationManagerIOS_Permissions:(id)json;
+@end
+
+namespace JS {
+  namespace NativePushNotificationManagerIOS {
+    struct Notification {
+      NSString *alertTitle() const;
+      folly::Optional<double> fireDate() const;
+      NSString *alertBody() const;
+      NSString *alertAction() const;
+      id<NSObject> _Nullable userInfo() const;
+      NSString *category() const;
+      NSString *repeatInterval() const;
+      folly::Optional<double> applicationIconBadgeNumber() const;
+      folly::Optional<bool> isSilent() const;
+
+      Notification(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativePushNotificationManagerIOS_Notification)
++ (RCTManagedPointer *)JS_NativePushNotificationManagerIOS_Notification:(id)json;
+@end
+@protocol NativePushNotificationManagerIOSSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)onFinishRemoteNotification:(NSString *)notificationId
+                       fetchResult:(NSString *)fetchResult;
+- (void)setApplicationIconBadgeNumber:(double)num;
+- (void)getApplicationIconBadgeNumber:(RCTResponseSenderBlock)callback;
+- (void)requestPermissions:(JS::NativePushNotificationManagerIOS::SpecRequestPermissionsPermission &)permission
+                   resolve:(RCTPromiseResolveBlock)resolve
+                    reject:(RCTPromiseRejectBlock)reject;
+- (void)abandonPermissions;
+- (void)checkPermissions:(RCTResponseSenderBlock)callback;
+- (void)presentLocalNotification:(JS::NativePushNotificationManagerIOS::Notification &)notification;
+- (void)scheduleLocalNotification:(JS::NativePushNotificationManagerIOS::Notification &)notification;
+- (void)cancelAllLocalNotifications;
+- (void)cancelLocalNotifications:(NSDictionary *)userInfo;
+- (void)getInitialNotification:(RCTPromiseResolveBlock)resolve
+                        reject:(RCTPromiseRejectBlock)reject;
+- (void)getScheduledLocalNotifications:(RCTResponseSenderBlock)callback;
+- (void)removeAllDeliveredNotifications;
+- (void)removeDeliveredNotifications:(NSArray *)identifiers;
+- (void)getDeliveredNotifications:(RCTResponseSenderBlock)callback;
+- (void)addListener:(NSString *)eventType;
+- (void)removeListeners:(double)count;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'PushNotificationManagerIOS'
+     */
+
+    class JSI_EXPORT NativePushNotificationManagerIOSSpecJSI : public ObjCTurboModule {
+    public:
+      NativePushNotificationManagerIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+@protocol NativeRedBoxSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)setExtraData:(NSDictionary *)extraData
+          identifier:(NSString *)identifier;
+- (void)dismiss;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'RedBox'
+     */
+
+    class JSI_EXPORT NativeRedBoxSpecJSI : public ObjCTurboModule {
+    public:
+      NativeRedBoxSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+@protocol NativeSegmentFetcherSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)fetchSegment:(double)segmentId
+             options:(NSDictionary *)options
+            callback:(RCTResponseSenderBlock)callback;
+- (void)getSegment:(double)segmentId
+           options:(NSDictionary *)options
+          callback:(RCTResponseSenderBlock)callback;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'SegmentFetcher'
+     */
+
+    class JSI_EXPORT NativeSegmentFetcherSpecJSI : public ObjCTurboModule {
+    public:
+      NativeSegmentFetcherSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeSettingsManager {
+    struct Constants {
+
+      struct Builder {
+        struct Input {
+          RCTRequired<id<NSObject>> settings;
+        };
+
+        /** Initialize with a set of values */
+        Builder(const Input i);
+        /** Initialize with an existing Constants */
+        Builder(Constants i);
+        /** Builds the object. Generally used only by the infrastructure. */
+        NSDictionary *buildUnsafeRawValue() const { return _factory(); };
+      private:
+        NSDictionary *(^_factory)(void);
+      };
+
+      static Constants fromUnsafeRawValue(NSDictionary *const v) { return {v}; }
+      NSDictionary *unsafeRawValue() const { return _v; }
+    private:
+      Constants(NSDictionary *const v) : _v(v) {}
+      NSDictionary *_v;
+    };
+  }
+}
+@protocol NativeSettingsManagerSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)setValues:(NSDictionary *)values;
+- (void)deleteValues:(NSArray *)values;
+- (facebook::react::ModuleConstants<JS::NativeSettingsManager::Constants::Builder>)constantsToExport;
+- (facebook::react::ModuleConstants<JS::NativeSettingsManager::Constants::Builder>)getConstants;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'SettingsManager'
+     */
+
+    class JSI_EXPORT NativeSettingsManagerSpecJSI : public ObjCTurboModule {
+    public:
+      NativeSettingsManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeShareModule {
+    struct SpecShareContent {
+      NSString *title() const;
+      NSString *message() const;
+
+      SpecShareContent(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeShareModule_SpecShareContent)
++ (RCTManagedPointer *)JS_NativeShareModule_SpecShareContent:(id)json;
+@end
+@protocol NativeShareModuleSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)share:(JS::NativeShareModule::SpecShareContent &)content
+  dialogTitle:(NSString *)dialogTitle
+      resolve:(RCTPromiseResolveBlock)resolve
+       reject:(RCTPromiseRejectBlock)reject;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'ShareModule'
+     */
+
+    class JSI_EXPORT NativeShareModuleSpecJSI : public ObjCTurboModule {
+    public:
+      NativeShareModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+@protocol NativeSoundManagerSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)playTouchSound;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'SoundManager'
+     */
+
+    class JSI_EXPORT NativeSoundManagerSpecJSI : public ObjCTurboModule {
+    public:
+      NativeSoundManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeSourceCode {
+    struct Constants {
+
+      struct Builder {
+        struct Input {
+          RCTRequired<NSString *> scriptURL;
+        };
+
+        /** Initialize with a set of values */
+        Builder(const Input i);
+        /** Initialize with an existing Constants */
+        Builder(Constants i);
+        /** Builds the object. Generally used only by the infrastructure. */
+        NSDictionary *buildUnsafeRawValue() const { return _factory(); };
+      private:
+        NSDictionary *(^_factory)(void);
+      };
+
+      static Constants fromUnsafeRawValue(NSDictionary *const v) { return {v}; }
+      NSDictionary *unsafeRawValue() const { return _v; }
+    private:
+      Constants(NSDictionary *const v) : _v(v) {}
+      NSDictionary *_v;
+    };
+  }
+}
+@protocol NativeSourceCodeSpec <RCTBridgeModule, RCTTurboModule>
+
+- (facebook::react::ModuleConstants<JS::NativeSourceCode::Constants::Builder>)constantsToExport;
+- (facebook::react::ModuleConstants<JS::NativeSourceCode::Constants::Builder>)getConstants;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'SourceCode'
+     */
+
+    class JSI_EXPORT NativeSourceCodeSpecJSI : public ObjCTurboModule {
+    public:
+      NativeSourceCodeSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeStatusBarManager {
+    struct SpecGetHeightCallbackResult {
+      double height() const;
+
+      SpecGetHeightCallbackResult(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeStatusBarManager_SpecGetHeightCallbackResult)
++ (RCTManagedPointer *)JS_NativeStatusBarManager_SpecGetHeightCallbackResult:(id)json;
+@end
+
+namespace JS {
+  namespace NativeStatusBarManager {
+    struct Constants {
+
+      struct Builder {
+        struct Input {
+          RCTRequired<double> HEIGHT;
+          RCTRequired<double> DEFAULT_BACKGROUND_COLOR;
+        };
+
+        /** Initialize with a set of values */
+        Builder(const Input i);
+        /** Initialize with an existing Constants */
+        Builder(Constants i);
+        /** Builds the object. Generally used only by the infrastructure. */
+        NSDictionary *buildUnsafeRawValue() const { return _factory(); };
+      private:
+        NSDictionary *(^_factory)(void);
+      };
+
+      static Constants fromUnsafeRawValue(NSDictionary *const v) { return {v}; }
+      NSDictionary *unsafeRawValue() const { return _v; }
+    private:
+      Constants(NSDictionary *const v) : _v(v) {}
+      NSDictionary *_v;
+    };
+  }
+}
+@protocol NativeStatusBarManagerSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)setColor:(double)color
+        animated:(BOOL)animated;
+- (void)setTranslucent:(BOOL)translucent;
+- (void)getHeight:(RCTResponseSenderBlock)callback;
+- (void)setNetworkActivityIndicatorVisible:(BOOL)visible;
+- (void)addListener:(NSString *)eventType;
+- (void)removeListeners:(double)count;
+- (void)setStyle:(NSString * _Nullable)statusBarStyle
+        animated:(NSNumber *)animated;
+- (void)setHidden:(BOOL)hidden
+    withAnimation:(NSString * _Nullable)withAnimation;
+- (facebook::react::ModuleConstants<JS::NativeStatusBarManager::Constants::Builder>)constantsToExport;
+- (facebook::react::ModuleConstants<JS::NativeStatusBarManager::Constants::Builder>)getConstants;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'StatusBarManager'
+     */
+
+    class JSI_EXPORT NativeStatusBarManagerSpecJSI : public ObjCTurboModule {
+    public:
+      NativeStatusBarManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+@protocol NativeTVNavigationEventEmitterSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)addListener:(NSString *)eventName;
+- (void)removeListeners:(double)count;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'TVNavigationEventEmitter'
+     */
+
+    class JSI_EXPORT NativeTVNavigationEventEmitterSpecJSI : public ObjCTurboModule {
+    public:
+      NativeTVNavigationEventEmitterSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeTimePickerAndroid {
+    struct TimePickerOptions {
+      folly::Optional<double> hour() const;
+      folly::Optional<double> minute() const;
+      folly::Optional<bool> is24Hour() const;
+      NSString *mode() const;
+
+      TimePickerOptions(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeTimePickerAndroid_TimePickerOptions)
++ (RCTManagedPointer *)JS_NativeTimePickerAndroid_TimePickerOptions:(id)json;
+@end
+@protocol NativeTimePickerAndroidSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)open:(JS::NativeTimePickerAndroid::TimePickerOptions &)options
+     resolve:(RCTPromiseResolveBlock)resolve
+      reject:(RCTPromiseRejectBlock)reject;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'TimePickerAndroid'
+     */
+
+    class JSI_EXPORT NativeTimePickerAndroidSpecJSI : public ObjCTurboModule {
+    public:
+      NativeTimePickerAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeTimePickerAndroid {
+    struct TimePickerResult {
+      NSString *action() const;
+      double hour() const;
+      double minute() const;
+
+      TimePickerResult(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeTimePickerAndroid_TimePickerResult)
++ (RCTManagedPointer *)JS_NativeTimePickerAndroid_TimePickerResult:(id)json;
+@end
+@protocol NativeTimingSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)createTimer:(double)callbackID
+           duration:(double)duration
+   jsSchedulingTime:(double)jsSchedulingTime
+            repeats:(BOOL)repeats;
+- (void)deleteTimer:(double)timerID;
+- (void)setSendIdleEvents:(BOOL)sendIdleEvents;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'Timing'
+     */
+
+    class JSI_EXPORT NativeTimingSpecJSI : public ObjCTurboModule {
+    public:
+      NativeTimingSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeToastAndroid {
+    struct Constants {
+
+      struct Builder {
+        struct Input {
+          RCTRequired<double> SHORT;
+          RCTRequired<double> LONG;
+          RCTRequired<double> TOP;
+          RCTRequired<double> BOTTOM;
+          RCTRequired<double> CENTER;
+        };
+
+        /** Initialize with a set of values */
+        Builder(const Input i);
+        /** Initialize with an existing Constants */
+        Builder(Constants i);
+        /** Builds the object. Generally used only by the infrastructure. */
+        NSDictionary *buildUnsafeRawValue() const { return _factory(); };
+      private:
+        NSDictionary *(^_factory)(void);
+      };
+
+      static Constants fromUnsafeRawValue(NSDictionary *const v) { return {v}; }
+      NSDictionary *unsafeRawValue() const { return _v; }
+    private:
+      Constants(NSDictionary *const v) : _v(v) {}
+      NSDictionary *_v;
+    };
+  }
+}
+@protocol NativeToastAndroidSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)show:(NSString *)message
+    duration:(double)duration;
+- (void)showWithGravity:(NSString *)message
+               duration:(double)duration
+                gravity:(double)gravity;
+- (void)showWithGravityAndOffset:(NSString *)message
+                        duration:(double)duration
+                         gravity:(double)gravity
+                         xOffset:(double)xOffset
+                         yOffset:(double)yOffset;
+- (facebook::react::ModuleConstants<JS::NativeToastAndroid::Constants::Builder>)constantsToExport;
+- (facebook::react::ModuleConstants<JS::NativeToastAndroid::Constants::Builder>)getConstants;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'ToastAndroid'
+     */
+
+    class JSI_EXPORT NativeToastAndroidSpecJSI : public ObjCTurboModule {
+    public:
+      NativeToastAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeUIManager {
+    struct Constants {
+
+      struct Builder {
+        struct Input {
+        };
+
+        /** Initialize with a set of values */
+        Builder(const Input i);
+        /** Initialize with an existing Constants */
+        Builder(Constants i);
+        /** Builds the object. Generally used only by the infrastructure. */
+        NSDictionary *buildUnsafeRawValue() const { return _factory(); };
+      private:
+        NSDictionary *(^_factory)(void);
+      };
+
+      static Constants fromUnsafeRawValue(NSDictionary *const v) { return {v}; }
+      NSDictionary *unsafeRawValue() const { return _v; }
+    private:
+      Constants(NSDictionary *const v) : _v(v) {}
+      NSDictionary *_v;
+    };
+  }
+}
+@protocol NativeUIManagerSpec <RCTBridgeModule, RCTTurboModule>
+
+- (NSDictionary *)getConstantsForViewManager:(NSString *)viewManagerName;
+- (NSArray<NSString *> *)getDefaultEventTypes;
+- (void)playTouchSound;
+- (NSDictionary *)lazilyLoadView:(NSString *)name;
+- (void)createView:(NSNumber *)reactTag
+          viewName:(NSString *)viewName
+           rootTag:(double)rootTag
+             props:(NSDictionary *)props;
+- (void)updateView:(double)reactTag
+          viewName:(NSString *)viewName
+             props:(NSDictionary *)props;
+- (void)focus:(NSNumber *)reactTag;
+- (void)blur:(NSNumber *)reactTag;
+- (void)findSubviewIn:(NSNumber *)reactTag
+                point:(NSArray *)point
+             callback:(RCTResponseSenderBlock)callback;
+- (void)dispatchViewManagerCommand:(NSNumber *)reactTag
+                         commandID:(double)commandID
+                       commandArgs:(NSArray *_Nullable)commandArgs;
+- (void)measure:(NSNumber *)reactTag
+       callback:(RCTResponseSenderBlock)callback;
+- (void)measureInWindow:(NSNumber *)reactTag
+               callback:(RCTResponseSenderBlock)callback;
+- (void)viewIsDescendantOf:(NSNumber *)reactTag
+          ancestorReactTag:(NSNumber *)ancestorReactTag
+                  callback:(RCTResponseSenderBlock)callback;
+- (void)measureLayout:(NSNumber *)reactTag
+     ancestorReactTag:(NSNumber *)ancestorReactTag
+        errorCallback:(RCTResponseSenderBlock)errorCallback
+             callback:(RCTResponseSenderBlock)callback;
+- (void)measureLayoutRelativeToParent:(NSNumber *)reactTag
+                        errorCallback:(RCTResponseSenderBlock)errorCallback
+                             callback:(RCTResponseSenderBlock)callback;
+- (void)setJSResponder:(NSNumber *)reactTag
+  blockNativeResponder:(BOOL)blockNativeResponder;
+- (void)clearJSResponder;
+- (void)configureNextLayoutAnimation:(NSDictionary *)config
+                            callback:(RCTResponseSenderBlock)callback
+                       errorCallback:(RCTResponseSenderBlock)errorCallback;
+- (void)removeSubviewsFromContainerWithID:(double)containerID;
+- (void)replaceExistingNonRootView:(NSNumber *)reactTag
+                       newReactTag:(NSNumber *)newReactTag;
+- (void)setChildren:(NSNumber *)containerTag
+          reactTags:(NSArray *)reactTags;
+- (void)manageChildren:(NSNumber *)containerTag
+       moveFromIndices:(NSArray *)moveFromIndices
+         moveToIndices:(NSArray *)moveToIndices
+     addChildReactTags:(NSArray *)addChildReactTags
+          addAtIndices:(NSArray *)addAtIndices
+       removeAtIndices:(NSArray *)removeAtIndices;
+- (void)setLayoutAnimationEnabledExperimental:(BOOL)enabled;
+- (void)sendAccessibilityEvent:(NSNumber *)reactTag
+                     eventType:(double)eventType;
+- (void)showPopupMenu:(NSNumber *)reactTag
+                items:(NSArray *)items
+                error:(RCTResponseSenderBlock)error
+              success:(RCTResponseSenderBlock)success;
+- (void)dismissPopupMenu;
+- (facebook::react::ModuleConstants<JS::NativeUIManager::Constants::Builder>)constantsToExport;
+- (facebook::react::ModuleConstants<JS::NativeUIManager::Constants::Builder>)getConstants;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'UIManager'
+     */
+
+    class JSI_EXPORT NativeUIManagerSpecJSI : public ObjCTurboModule {
+    public:
+      NativeUIManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+@protocol NativeVibrationSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)vibrate:(double)pattern;
+- (void)vibrateByPattern:(NSArray *)pattern
+                  repeat:(double)repeat;
+- (void)cancel;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'Vibration'
+     */
+
+    class JSI_EXPORT NativeVibrationSpecJSI : public ObjCTurboModule {
+    public:
+      NativeVibrationSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace JS {
+  namespace NativeWebSocketModule {
+    struct SpecConnectOptionsHeaders {
+      NSString *origin() const;
+
+      SpecConnectOptionsHeaders(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeWebSocketModule_SpecConnectOptionsHeaders)
++ (RCTManagedPointer *)JS_NativeWebSocketModule_SpecConnectOptionsHeaders:(id)json;
+@end
+
+namespace JS {
+  namespace NativeWebSocketModule {
+    struct SpecConnectOptions {
+      folly::Optional<JS::NativeWebSocketModule::SpecConnectOptionsHeaders> headers() const;
+
+      SpecConnectOptions(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeWebSocketModule_SpecConnectOptions)
++ (RCTManagedPointer *)JS_NativeWebSocketModule_SpecConnectOptions:(id)json;
+@end
+@protocol NativeWebSocketModuleSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)connect:(NSString *)url
+      protocols:(NSArray *_Nullable)protocols
+        options:(JS::NativeWebSocketModule::SpecConnectOptions &)options
+       socketID:(double)socketID;
+- (void)send:(NSString *)message
+    socketID:(double)socketID;
+- (void)sendBinary:(NSString *)base64String
+          socketID:(double)socketID;
+- (void)ping:(double)socketID;
+- (void)close:(double)code
+       reason:(NSString *)reason
+     socketID:(double)socketID;
+- (void)addListener:(NSString *)eventName;
+- (void)removeListeners:(double)count;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'WebSocketModule'
+     */
+
+    class JSI_EXPORT NativeWebSocketModuleSpecJSI : public ObjCTurboModule {
+    public:
+      NativeWebSocketModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+#import <RCTTypeSafety/RCTConvertHelpers.h>
+
+
+inline folly::Optional<double> JS::NativeAccessibilityManager::SpecSetAccessibilityContentSizeMultipliersJSMultiipliers::extraSmall() const
+{
+  id const p = _v[@"extraSmall"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline folly::Optional<double> JS::NativeAccessibilityManager::SpecSetAccessibilityContentSizeMultipliersJSMultiipliers::small() const
+{
+  id const p = _v[@"small"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline folly::Optional<double> JS::NativeAccessibilityManager::SpecSetAccessibilityContentSizeMultipliersJSMultiipliers::medium() const
+{
+  id const p = _v[@"medium"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline folly::Optional<double> JS::NativeAccessibilityManager::SpecSetAccessibilityContentSizeMultipliersJSMultiipliers::large() const
+{
+  id const p = _v[@"large"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline folly::Optional<double> JS::NativeAccessibilityManager::SpecSetAccessibilityContentSizeMultipliersJSMultiipliers::extraLarge() const
+{
+  id const p = _v[@"extraLarge"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline folly::Optional<double> JS::NativeAccessibilityManager::SpecSetAccessibilityContentSizeMultipliersJSMultiipliers::extraExtraLarge() const
+{
+  id const p = _v[@"extraExtraLarge"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline folly::Optional<double> JS::NativeAccessibilityManager::SpecSetAccessibilityContentSizeMultipliersJSMultiipliers::extraExtraExtraLarge() const
+{
+  id const p = _v[@"extraExtraExtraLarge"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline folly::Optional<double> JS::NativeAccessibilityManager::SpecSetAccessibilityContentSizeMultipliersJSMultiipliers::accessibilityMedium() const
+{
+  id const p = _v[@"accessibilityMedium"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline folly::Optional<double> JS::NativeAccessibilityManager::SpecSetAccessibilityContentSizeMultipliersJSMultiipliers::accessibilityLarge() const
+{
+  id const p = _v[@"accessibilityLarge"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline folly::Optional<double> JS::NativeAccessibilityManager::SpecSetAccessibilityContentSizeMultipliersJSMultiipliers::accessibilityExtraLarge() const
+{
+  id const p = _v[@"accessibilityExtraLarge"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline folly::Optional<double> JS::NativeAccessibilityManager::SpecSetAccessibilityContentSizeMultipliersJSMultiipliers::accessibilityExtraExtraLarge() const
+{
+  id const p = _v[@"accessibilityExtraExtraLarge"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline folly::Optional<double> JS::NativeAccessibilityManager::SpecSetAccessibilityContentSizeMultipliersJSMultiipliers::accessibilityExtraExtraExtraLarge() const
+{
+  id const p = _v[@"accessibilityExtraExtraExtraLarge"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline NSString *JS::NativeActionSheetManager::SpecShowActionSheetWithOptionsOptions::title() const
+{
+  id const p = _v[@"title"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeActionSheetManager::SpecShowActionSheetWithOptionsOptions::message() const
+{
+  id const p = _v[@"message"];
+  return RCTBridgingToString(p);
+}
+inline folly::Optional<facebook::react::LazyVector<NSString *>> JS::NativeActionSheetManager::SpecShowActionSheetWithOptionsOptions::options() const
+{
+  id const p = _v[@"options"];
+  return RCTBridgingToOptionalVec(p, ^NSString *(id itemValue_0) { return RCTBridgingToString(itemValue_0); });
+}
+inline folly::Optional<double> JS::NativeActionSheetManager::SpecShowActionSheetWithOptionsOptions::destructiveButtonIndex() const
+{
+  id const p = _v[@"destructiveButtonIndex"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline folly::Optional<double> JS::NativeActionSheetManager::SpecShowActionSheetWithOptionsOptions::cancelButtonIndex() const
+{
+  id const p = _v[@"cancelButtonIndex"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline folly::Optional<double> JS::NativeActionSheetManager::SpecShowActionSheetWithOptionsOptions::anchor() const
+{
+  id const p = _v[@"anchor"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline folly::Optional<double> JS::NativeActionSheetManager::SpecShowActionSheetWithOptionsOptions::tintColor() const
+{
+  id const p = _v[@"tintColor"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline NSString *JS::NativeActionSheetManager::SpecShowShareActionSheetWithOptionsOptions::message() const
+{
+  id const p = _v[@"message"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeActionSheetManager::SpecShowShareActionSheetWithOptionsOptions::url() const
+{
+  id const p = _v[@"url"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeActionSheetManager::SpecShowShareActionSheetWithOptionsOptions::subject() const
+{
+  id const p = _v[@"subject"];
+  return RCTBridgingToString(p);
+}
+inline folly::Optional<double> JS::NativeActionSheetManager::SpecShowShareActionSheetWithOptionsOptions::anchor() const
+{
+  id const p = _v[@"anchor"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline folly::Optional<double> JS::NativeActionSheetManager::SpecShowShareActionSheetWithOptionsOptions::tintColor() const
+{
+  id const p = _v[@"tintColor"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline folly::Optional<facebook::react::LazyVector<NSString *>> JS::NativeActionSheetManager::SpecShowShareActionSheetWithOptionsOptions::excludedActivityTypes() const
+{
+  id const p = _v[@"excludedActivityTypes"];
+  return RCTBridgingToOptionalVec(p, ^NSString *(id itemValue_0) { return RCTBridgingToString(itemValue_0); });
+}
+inline NSString *JS::NativeActionSheetManager::SpecShowShareActionSheetWithOptionsFailureCallbackError::domain() const
+{
+  id const p = _v[@"domain"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeActionSheetManager::SpecShowShareActionSheetWithOptionsFailureCallbackError::code() const
+{
+  id const p = _v[@"code"];
+  return RCTBridgingToString(p);
+}
+inline id<NSObject> _Nullable JS::NativeActionSheetManager::SpecShowShareActionSheetWithOptionsFailureCallbackError::userInfo() const
+{
+  id const p = _v[@"userInfo"];
+  return p;
+}
+inline NSString *JS::NativeActionSheetManager::SpecShowShareActionSheetWithOptionsFailureCallbackError::message() const
+{
+  id const p = _v[@"message"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeAlertManager::Args::title() const
+{
+  id const p = _v[@"title"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeAlertManager::Args::message() const
+{
+  id const p = _v[@"message"];
+  return RCTBridgingToString(p);
+}
+inline id<NSObject> _Nullable JS::NativeAlertManager::Args::buttons() const
+{
+  id const p = _v[@"buttons"];
+  return p;
+}
+inline NSString *JS::NativeAlertManager::Args::type() const
+{
+  id const p = _v[@"type"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeAlertManager::Args::defaultValue() const
+{
+  id const p = _v[@"defaultValue"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeAlertManager::Args::cancelButtonKey() const
+{
+  id const p = _v[@"cancelButtonKey"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeAlertManager::Args::destructiveButtonKey() const
+{
+  id const p = _v[@"destructiveButtonKey"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeAlertManager::Args::keyboardType() const
+{
+  id const p = _v[@"keyboardType"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeAnimatedModule::AnimatedNodeConfig::type() const
+{
+  id const p = _v[@"type"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeAnimatedModule::AnimatingNodeConfig::type() const
+{
+  id const p = _v[@"type"];
+  return RCTBridgingToString(p);
+}
+inline bool JS::NativeAnimatedModule::EndResult::finished() const
+{
+  id const p = _v[@"finished"];
+  return RCTBridgingToBool(p);
+}
+inline facebook::react::LazyVector<NSString *> JS::NativeAnimatedModule::EventMapping::nativeEventPath() const
+{
+  id const p = _v[@"nativeEventPath"];
+  return RCTBridgingToVec(p, ^NSString *(id itemValue_0) { return RCTBridgingToString(itemValue_0); });
+}
+inline folly::Optional<double> JS::NativeAnimatedModule::EventMapping::animatedValueTag() const
+{
+  id const p = _v[@"animatedValueTag"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline NSString *JS::NativeAppState::SpecGetCurrentAppStateSuccessAppState::app_state() const
+{
+  id const p = _v[@"app_state"];
+  return RCTBridgingToString(p);
+}
+inline JS::NativeAppState::Constants::Builder::Builder(const Input i) : _factory(^{
+  NSMutableDictionary *d = [NSMutableDictionary new];
+  auto initialAppState = i.initialAppState.get();
+  d[@"initialAppState"] = initialAppState;
+  return d;
+}) {}
+inline JS::NativeAppState::Constants::Builder::Builder(Constants i) : _factory(^{
+  return i.unsafeRawValue();
+}) {}
+inline NSString *JS::NativeAsyncStorage::SpecMultiGetCallbackErrorsElement::message() const
+{
+  id const p = _v[@"message"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeAsyncStorage::SpecMultiSetCallbackErrorsElement::message() const
+{
+  id const p = _v[@"message"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeAsyncStorage::SpecMultiMergeCallbackErrorsElement::message() const
+{
+  id const p = _v[@"message"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeAsyncStorage::SpecMultiRemoveCallbackErrorsElement::message() const
+{
+  id const p = _v[@"message"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeAsyncStorage::SpecClearCallbackError::message() const
+{
+  id const p = _v[@"message"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeAsyncStorage::SpecGetAllKeysCallbackError::message() const
+{
+  id const p = _v[@"message"];
+  return RCTBridgingToString(p);
+}
+inline JS::NativeBlobModule::Constants::Builder::Builder(const Input i) : _factory(^{
+  NSMutableDictionary *d = [NSMutableDictionary new];
+  auto BLOB_URI_SCHEME = i.BLOB_URI_SCHEME.get();
+  d[@"BLOB_URI_SCHEME"] = BLOB_URI_SCHEME;
+  auto BLOB_URI_HOST = i.BLOB_URI_HOST.get();
+  d[@"BLOB_URI_HOST"] = BLOB_URI_HOST;
+  return d;
+}) {}
+inline JS::NativeBlobModule::Constants::Builder::Builder(Constants i) : _factory(^{
+  return i.unsafeRawValue();
+}) {}
+inline JS::NativeDeviceInfo::Constants::Builder::Builder(const Input i) : _factory(^{
+  NSMutableDictionary *d = [NSMutableDictionary new];
+  auto Dimensions = i.Dimensions.get();
+  d[@"Dimensions"] = Dimensions;
+  auto isIPhoneX_deprecated = i.isIPhoneX_deprecated;
+  d[@"isIPhoneX_deprecated"] = isIPhoneX_deprecated.hasValue() ? @((BOOL)isIPhoneX_deprecated.value()) : nil;
+  return d;
+}) {}
+inline JS::NativeDeviceInfo::Constants::Builder::Builder(Constants i) : _factory(^{
+  return i.unsafeRawValue();
+}) {}
+inline NSString *JS::NativeDialogManagerAndroid::DialogOptions::title() const
+{
+  id const p = _v[@"title"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeDialogManagerAndroid::DialogOptions::message() const
+{
+  id const p = _v[@"message"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeDialogManagerAndroid::DialogOptions::buttonPositive() const
+{
+  id const p = _v[@"buttonPositive"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeDialogManagerAndroid::DialogOptions::buttonNegative() const
+{
+  id const p = _v[@"buttonNegative"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeDialogManagerAndroid::DialogOptions::buttonNeutral() const
+{
+  id const p = _v[@"buttonNeutral"];
+  return RCTBridgingToString(p);
+}
+inline folly::Optional<facebook::react::LazyVector<NSString *>> JS::NativeDialogManagerAndroid::DialogOptions::items() const
+{
+  id const p = _v[@"items"];
+  return RCTBridgingToOptionalVec(p, ^NSString *(id itemValue_0) { return RCTBridgingToString(itemValue_0); });
+}
+inline folly::Optional<bool> JS::NativeDialogManagerAndroid::DialogOptions::cancelable() const
+{
+  id const p = _v[@"cancelable"];
+  return RCTBridgingToOptionalBool(p);
+}
+inline JS::NativeDialogManagerAndroid::Constants::Builder::Builder(const Input i) : _factory(^{
+  NSMutableDictionary *d = [NSMutableDictionary new];
+  auto buttonClicked = i.buttonClicked.get();
+  d[@"buttonClicked"] = buttonClicked;
+  auto dismissed = i.dismissed.get();
+  d[@"dismissed"] = dismissed;
+  auto buttonPositive = i.buttonPositive.get();
+  d[@"buttonPositive"] = @(buttonPositive);
+  auto buttonNegative = i.buttonNegative.get();
+  d[@"buttonNegative"] = @(buttonNegative);
+  auto buttonNeutral = i.buttonNeutral.get();
+  d[@"buttonNeutral"] = @(buttonNeutral);
+  return d;
+}) {}
+inline JS::NativeDialogManagerAndroid::Constants::Builder::Builder(Constants i) : _factory(^{
+  return i.unsafeRawValue();
+}) {}
+inline folly::Optional<double> JS::NativeExceptionsManager::StackFrame::column() const
+{
+  id const p = _v[@"column"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline NSString *JS::NativeExceptionsManager::StackFrame::file() const
+{
+  id const p = _v[@"file"];
+  return RCTBridgingToString(p);
+}
+inline folly::Optional<double> JS::NativeExceptionsManager::StackFrame::lineNumber() const
+{
+  id const p = _v[@"lineNumber"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline NSString *JS::NativeExceptionsManager::StackFrame::methodName() const
+{
+  id const p = _v[@"methodName"];
+  return RCTBridgingToString(p);
+}
+inline folly::Optional<bool> JS::NativeExceptionsManager::StackFrame::collapse() const
+{
+  id const p = _v[@"collapse"];
+  return RCTBridgingToOptionalBool(p);
+}
+inline NSString *JS::NativeExceptionsManager::ExceptionData::message() const
+{
+  id const p = _v[@"message"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeExceptionsManager::ExceptionData::originalMessage() const
+{
+  id const p = _v[@"originalMessage"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeExceptionsManager::ExceptionData::name() const
+{
+  id const p = _v[@"name"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeExceptionsManager::ExceptionData::componentStack() const
+{
+  id const p = _v[@"componentStack"];
+  return RCTBridgingToString(p);
+}
+inline facebook::react::LazyVector<JS::NativeExceptionsManager::StackFrame> JS::NativeExceptionsManager::ExceptionData::stack() const
+{
+  id const p = _v[@"stack"];
+  return RCTBridgingToVec(p, ^JS::NativeExceptionsManager::StackFrame(id itemValue_0) { return JS::NativeExceptionsManager::StackFrame(itemValue_0); });
+}
+inline double JS::NativeExceptionsManager::ExceptionData::id_() const
+{
+  id const p = _v[@"id"];
+  return RCTBridgingToDouble(p);
+}
+inline bool JS::NativeExceptionsManager::ExceptionData::isFatal() const
+{
+  id const p = _v[@"isFatal"];
+  return RCTBridgingToBool(p);
+}
+inline id<NSObject> _Nullable JS::NativeExceptionsManager::ExceptionData::extraData() const
+{
+  id const p = _v[@"extraData"];
+  return p;
+}
+inline folly::Optional<bool> JS::NativeFrameRateLogger::SpecSetGlobalOptionsOptions::debug() const
+{
+  id const p = _v[@"debug"];
+  return RCTBridgingToOptionalBool(p);
+}
+inline folly::Optional<bool> JS::NativeFrameRateLogger::SpecSetGlobalOptionsOptions::reportStackTraces() const
+{
+  id const p = _v[@"reportStackTraces"];
+  return RCTBridgingToOptionalBool(p);
+}
+inline JS::NativeI18nManager::Constants::Builder::Builder(const Input i) : _factory(^{
+  NSMutableDictionary *d = [NSMutableDictionary new];
+  auto isRTL = i.isRTL.get();
+  d[@"isRTL"] = @(isRTL);
+  auto doLeftAndRightSwapInRTL = i.doLeftAndRightSwapInRTL.get();
+  d[@"doLeftAndRightSwapInRTL"] = @(doLeftAndRightSwapInRTL);
+  return d;
+}) {}
+inline JS::NativeI18nManager::Constants::Builder::Builder(Constants i) : _factory(^{
+  return i.unsafeRawValue();
+}) {}
+inline bool JS::NativeImagePickerIOS::SpecOpenCameraDialogConfig::unmirrorFrontFacingCamera() const
+{
+  id const p = _v[@"unmirrorFrontFacingCamera"];
+  return RCTBridgingToBool(p);
+}
+inline bool JS::NativeImagePickerIOS::SpecOpenCameraDialogConfig::videoMode() const
+{
+  id const p = _v[@"videoMode"];
+  return RCTBridgingToBool(p);
+}
+inline bool JS::NativeImagePickerIOS::SpecOpenSelectDialogConfig::showImages() const
+{
+  id const p = _v[@"showImages"];
+  return RCTBridgingToBool(p);
+}
+inline bool JS::NativeImagePickerIOS::SpecOpenSelectDialogConfig::showVideos() const
+{
+  id const p = _v[@"showVideos"];
+  return RCTBridgingToBool(p);
+}
+inline JS::NativeJSDevSupport::Constants::Builder::Builder(const Input i) : _factory(^{
+  NSMutableDictionary *d = [NSMutableDictionary new];
+  auto ERROR_CODE_EXCEPTION = i.ERROR_CODE_EXCEPTION.get();
+  d[@"ERROR_CODE_EXCEPTION"] = @(ERROR_CODE_EXCEPTION);
+  auto ERROR_CODE_VIEW_NOT_FOUND = i.ERROR_CODE_VIEW_NOT_FOUND.get();
+  d[@"ERROR_CODE_VIEW_NOT_FOUND"] = @(ERROR_CODE_VIEW_NOT_FOUND);
+  return d;
+}) {}
+inline JS::NativeJSDevSupport::Constants::Builder::Builder(Constants i) : _factory(^{
+  return i.unsafeRawValue();
+}) {}
+inline NSString *JS::NativeLinking::SpecSendIntentExtrasElement::key() const
+{
+  id const p = _v[@"key"];
+  return RCTBridgingToString(p);
+}
+inline id<NSObject> JS::NativeLinking::SpecSendIntentExtrasElement::value() const
+{
+  id const p = _v[@"value"];
+  return p;
+}
+inline NSString *JS::NativeNetworkingAndroid::Header::first() const
+{
+  id const p = _v[0];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeNetworkingAndroid::Header::second() const
+{
+  id const p = _v[1];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeNetworkingIOS::SpecSendRequestQuery::method() const
+{
+  id const p = _v[@"method"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeNetworkingIOS::SpecSendRequestQuery::url() const
+{
+  id const p = _v[@"url"];
+  return RCTBridgingToString(p);
+}
+inline id<NSObject> JS::NativeNetworkingIOS::SpecSendRequestQuery::data() const
+{
+  id const p = _v[@"data"];
+  return p;
+}
+inline id<NSObject> JS::NativeNetworkingIOS::SpecSendRequestQuery::headers() const
+{
+  id const p = _v[@"headers"];
+  return p;
+}
+inline id<NSObject> JS::NativeNetworkingIOS::SpecSendRequestQuery::responseType() const
+{
+  id const p = _v[@"responseType"];
+  return p;
+}
+inline bool JS::NativeNetworkingIOS::SpecSendRequestQuery::incrementalUpdates() const
+{
+  id const p = _v[@"incrementalUpdates"];
+  return RCTBridgingToBool(p);
+}
+inline double JS::NativeNetworkingIOS::SpecSendRequestQuery::timeout() const
+{
+  id const p = _v[@"timeout"];
+  return RCTBridgingToDouble(p);
+}
+inline bool JS::NativeNetworkingIOS::SpecSendRequestQuery::withCredentials() const
+{
+  id const p = _v[@"withCredentials"];
+  return RCTBridgingToBool(p);
+}
+inline JS::NativePlatformConstantsAndroid::ConstantsReactNativeVersion::Builder::Builder(const Input i) : _factory(^{
+  NSMutableDictionary *d = [NSMutableDictionary new];
+  auto major = i.major.get();
+  d[@"major"] = @(major);
+  auto minor = i.minor.get();
+  d[@"minor"] = @(minor);
+  auto patch = i.patch.get();
+  d[@"patch"] = @(patch);
+  auto prerelease = i.prerelease.get();
+  d[@"prerelease"] = prerelease.hasValue() ? @((double)prerelease.value()) : nil;
+  return d;
+}) {}
+inline JS::NativePlatformConstantsAndroid::ConstantsReactNativeVersion::Builder::Builder(ConstantsReactNativeVersion i) : _factory(^{
+  return i.unsafeRawValue();
+}) {}
+inline JS::NativePlatformConstantsAndroid::Constants::Builder::Builder(const Input i) : _factory(^{
+  NSMutableDictionary *d = [NSMutableDictionary new];
+  auto isTesting = i.isTesting.get();
+  d[@"isTesting"] = @(isTesting);
+  auto reactNativeVersion = i.reactNativeVersion.get();
+  d[@"reactNativeVersion"] = reactNativeVersion.buildUnsafeRawValue();
+  auto Version = i.Version.get();
+  d[@"Version"] = @(Version);
+  auto Release = i.Release.get();
+  d[@"Release"] = Release;
+  auto Serial = i.Serial.get();
+  d[@"Serial"] = Serial;
+  auto Fingerprint = i.Fingerprint.get();
+  d[@"Fingerprint"] = Fingerprint;
+  auto Model = i.Model.get();
+  d[@"Model"] = Model;
+  auto ServerHost = i.ServerHost.get();
+  d[@"ServerHost"] = ServerHost;
+  auto uiMode = i.uiMode.get();
+  d[@"uiMode"] = uiMode;
+  return d;
+}) {}
+inline JS::NativePlatformConstantsAndroid::Constants::Builder::Builder(Constants i) : _factory(^{
+  return i.unsafeRawValue();
+}) {}
+inline JS::NativePlatformConstantsIOS::ConstantsReactNativeVersion::Builder::Builder(const Input i) : _factory(^{
+  NSMutableDictionary *d = [NSMutableDictionary new];
+  auto major = i.major.get();
+  d[@"major"] = @(major);
+  auto minor = i.minor.get();
+  d[@"minor"] = @(minor);
+  auto patch = i.patch.get();
+  d[@"patch"] = @(patch);
+  auto prerelease = i.prerelease.get();
+  d[@"prerelease"] = prerelease.hasValue() ? @((double)prerelease.value()) : nil;
+  return d;
+}) {}
+inline JS::NativePlatformConstantsIOS::ConstantsReactNativeVersion::Builder::Builder(ConstantsReactNativeVersion i) : _factory(^{
+  return i.unsafeRawValue();
+}) {}
+inline JS::NativePlatformConstantsIOS::Constants::Builder::Builder(const Input i) : _factory(^{
+  NSMutableDictionary *d = [NSMutableDictionary new];
+  auto isTesting = i.isTesting.get();
+  d[@"isTesting"] = @(isTesting);
+  auto reactNativeVersion = i.reactNativeVersion.get();
+  d[@"reactNativeVersion"] = reactNativeVersion.buildUnsafeRawValue();
+  auto forceTouchAvailable = i.forceTouchAvailable.get();
+  d[@"forceTouchAvailable"] = @(forceTouchAvailable);
+  auto osVersion = i.osVersion.get();
+  d[@"osVersion"] = osVersion;
+  auto systemName = i.systemName.get();
+  d[@"systemName"] = systemName;
+  auto interfaceIdiom = i.interfaceIdiom.get();
+  d[@"interfaceIdiom"] = interfaceIdiom;
+  return d;
+}) {}
+inline JS::NativePlatformConstantsIOS::Constants::Builder::Builder(Constants i) : _factory(^{
+  return i.unsafeRawValue();
+}) {}
+inline folly::Optional<bool> JS::NativePushNotificationManagerIOS::SpecRequestPermissionsPermission::alert() const
+{
+  id const p = _v[@"alert"];
+  return RCTBridgingToOptionalBool(p);
+}
+inline folly::Optional<bool> JS::NativePushNotificationManagerIOS::SpecRequestPermissionsPermission::badge() const
+{
+  id const p = _v[@"badge"];
+  return RCTBridgingToOptionalBool(p);
+}
+inline folly::Optional<bool> JS::NativePushNotificationManagerIOS::SpecRequestPermissionsPermission::sound() const
+{
+  id const p = _v[@"sound"];
+  return RCTBridgingToOptionalBool(p);
+}
+inline bool JS::NativePushNotificationManagerIOS::Permissions::alert() const
+{
+  id const p = _v[@"alert"];
+  return RCTBridgingToBool(p);
+}
+inline bool JS::NativePushNotificationManagerIOS::Permissions::badge() const
+{
+  id const p = _v[@"badge"];
+  return RCTBridgingToBool(p);
+}
+inline bool JS::NativePushNotificationManagerIOS::Permissions::sound() const
+{
+  id const p = _v[@"sound"];
+  return RCTBridgingToBool(p);
+}
+inline NSString *JS::NativePushNotificationManagerIOS::Notification::alertTitle() const
+{
+  id const p = _v[@"alertTitle"];
+  return RCTBridgingToString(p);
+}
+inline folly::Optional<double> JS::NativePushNotificationManagerIOS::Notification::fireDate() const
+{
+  id const p = _v[@"fireDate"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline NSString *JS::NativePushNotificationManagerIOS::Notification::alertBody() const
+{
+  id const p = _v[@"alertBody"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativePushNotificationManagerIOS::Notification::alertAction() const
+{
+  id const p = _v[@"alertAction"];
+  return RCTBridgingToString(p);
+}
+inline id<NSObject> _Nullable JS::NativePushNotificationManagerIOS::Notification::userInfo() const
+{
+  id const p = _v[@"userInfo"];
+  return p;
+}
+inline NSString *JS::NativePushNotificationManagerIOS::Notification::category() const
+{
+  id const p = _v[@"category"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativePushNotificationManagerIOS::Notification::repeatInterval() const
+{
+  id const p = _v[@"repeatInterval"];
+  return RCTBridgingToString(p);
+}
+inline folly::Optional<double> JS::NativePushNotificationManagerIOS::Notification::applicationIconBadgeNumber() const
+{
+  id const p = _v[@"applicationIconBadgeNumber"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline folly::Optional<bool> JS::NativePushNotificationManagerIOS::Notification::isSilent() const
+{
+  id const p = _v[@"isSilent"];
+  return RCTBridgingToOptionalBool(p);
+}
+inline JS::NativeSettingsManager::Constants::Builder::Builder(const Input i) : _factory(^{
+  NSMutableDictionary *d = [NSMutableDictionary new];
+  auto settings = i.settings.get();
+  d[@"settings"] = settings;
+  return d;
+}) {}
+inline JS::NativeSettingsManager::Constants::Builder::Builder(Constants i) : _factory(^{
+  return i.unsafeRawValue();
+}) {}
+inline NSString *JS::NativeShareModule::SpecShareContent::title() const
+{
+  id const p = _v[@"title"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeShareModule::SpecShareContent::message() const
+{
+  id const p = _v[@"message"];
+  return RCTBridgingToString(p);
+}
+inline JS::NativeSourceCode::Constants::Builder::Builder(const Input i) : _factory(^{
+  NSMutableDictionary *d = [NSMutableDictionary new];
+  auto scriptURL = i.scriptURL.get();
+  d[@"scriptURL"] = scriptURL;
+  return d;
+}) {}
+inline JS::NativeSourceCode::Constants::Builder::Builder(Constants i) : _factory(^{
+  return i.unsafeRawValue();
+}) {}
+inline double JS::NativeStatusBarManager::SpecGetHeightCallbackResult::height() const
+{
+  id const p = _v[@"height"];
+  return RCTBridgingToDouble(p);
+}
+inline JS::NativeStatusBarManager::Constants::Builder::Builder(const Input i) : _factory(^{
+  NSMutableDictionary *d = [NSMutableDictionary new];
+  auto HEIGHT = i.HEIGHT.get();
+  d[@"HEIGHT"] = @(HEIGHT);
+  auto DEFAULT_BACKGROUND_COLOR = i.DEFAULT_BACKGROUND_COLOR.get();
+  d[@"DEFAULT_BACKGROUND_COLOR"] = @(DEFAULT_BACKGROUND_COLOR);
+  return d;
+}) {}
+inline JS::NativeStatusBarManager::Constants::Builder::Builder(Constants i) : _factory(^{
+  return i.unsafeRawValue();
+}) {}
+inline folly::Optional<double> JS::NativeTimePickerAndroid::TimePickerOptions::hour() const
+{
+  id const p = _v[@"hour"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline folly::Optional<double> JS::NativeTimePickerAndroid::TimePickerOptions::minute() const
+{
+  id const p = _v[@"minute"];
+  return RCTBridgingToOptionalDouble(p);
+}
+inline folly::Optional<bool> JS::NativeTimePickerAndroid::TimePickerOptions::is24Hour() const
+{
+  id const p = _v[@"is24Hour"];
+  return RCTBridgingToOptionalBool(p);
+}
+inline NSString *JS::NativeTimePickerAndroid::TimePickerOptions::mode() const
+{
+  id const p = _v[@"mode"];
+  return RCTBridgingToString(p);
+}
+inline NSString *JS::NativeTimePickerAndroid::TimePickerResult::action() const
+{
+  id const p = _v[@"action"];
+  return RCTBridgingToString(p);
+}
+inline double JS::NativeTimePickerAndroid::TimePickerResult::hour() const
+{
+  id const p = _v[@"hour"];
+  return RCTBridgingToDouble(p);
+}
+inline double JS::NativeTimePickerAndroid::TimePickerResult::minute() const
+{
+  id const p = _v[@"minute"];
+  return RCTBridgingToDouble(p);
+}
+inline JS::NativeToastAndroid::Constants::Builder::Builder(const Input i) : _factory(^{
+  NSMutableDictionary *d = [NSMutableDictionary new];
+  auto SHORT = i.SHORT.get();
+  d[@"SHORT"] = @(SHORT);
+  auto LONG = i.LONG.get();
+  d[@"LONG"] = @(LONG);
+  auto TOP = i.TOP.get();
+  d[@"TOP"] = @(TOP);
+  auto BOTTOM = i.BOTTOM.get();
+  d[@"BOTTOM"] = @(BOTTOM);
+  auto CENTER = i.CENTER.get();
+  d[@"CENTER"] = @(CENTER);
+  return d;
+}) {}
+inline JS::NativeToastAndroid::Constants::Builder::Builder(Constants i) : _factory(^{
+  return i.unsafeRawValue();
+}) {}
+inline JS::NativeUIManager::Constants::Builder::Builder(const Input i) : _factory(^{
+  NSMutableDictionary *d = [NSMutableDictionary new];
+  return d;
+}) {}
+inline JS::NativeUIManager::Constants::Builder::Builder(Constants i) : _factory(^{
+  return i.unsafeRawValue();
+}) {}
+inline NSString *JS::NativeWebSocketModule::SpecConnectOptionsHeaders::origin() const
+{
+  id const p = _v[@"origin"];
+  return RCTBridgingToString(p);
+}
+inline folly::Optional<JS::NativeWebSocketModule::SpecConnectOptionsHeaders> JS::NativeWebSocketModule::SpecConnectOptions::headers() const
+{
+  id const p = _v[@"headers"];
+  return (p == nil ? folly::none : folly::make_optional(JS::NativeWebSocketModule::SpecConnectOptionsHeaders(p)));
+}
diff --git a/Libraries/Utilities/HeapCapture.js b/Libraries/HeapCapture/HeapCapture.js
similarity index 80%
rename from Libraries/Utilities/HeapCapture.js
rename to Libraries/HeapCapture/HeapCapture.js
index 94ae18f1157606..9cbabc60417487 100644
--- a/Libraries/Utilities/HeapCapture.js
+++ b/Libraries/HeapCapture/HeapCapture.js
@@ -10,6 +10,8 @@
 
 'use strict';
 
+import NativeHeapCapture from './NativeHeapCapture';
+
 const HeapCapture = {
   captureHeap: function(path: string) {
     let error = null;
@@ -20,10 +22,9 @@ const HeapCapture = {
       console.log('HeapCapture.captureHeap error: ' + e.toString());
       error = e.toString();
     }
-    require('../BatchedBridge/NativeModules').JSCHeapCapture.captureComplete(
-      path,
-      error,
-    );
+    if (NativeHeapCapture) {
+      NativeHeapCapture.captureComplete(path, error);
+    }
   },
 };
 
diff --git a/Libraries/HeapCapture/NativeHeapCapture.js b/Libraries/HeapCapture/NativeHeapCapture.js
new file mode 100644
index 00000000000000..7374cd357297bb
--- /dev/null
+++ b/Libraries/HeapCapture/NativeHeapCapture.js
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  // Common interface
+  +captureHeap: (path: string) => void;
+
+  // Android only
+  +captureComplete: (path: string, error: ?string) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('HeapCapture'): ?Spec);
diff --git a/Libraries/Image/Image.js b/Libraries/Image/Image.js
index d9f689152d2b28..ac1d2893cf4989 100644
--- a/Libraries/Image/Image.js
+++ b/Libraries/Image/Image.js
@@ -50,7 +50,7 @@ function getSizeWithHeaders(
   headers: {[string]: string},
   success: (width: number, height: number) => void,
   failure?: (error: any) => void,
-) {
+): any {
   return ImageViewManager.getSizeWithHeaders({uri, headers})
     .then(function(sizes) {
       success(sizes.width, sizes.height);
@@ -63,7 +63,7 @@ function getSizeWithHeaders(
     );
 }
 
-function prefetch(url: string) {
+function prefetch(url: string): any {
   return ImageViewManager.prefetchImage(url);
 }
 
diff --git a/Libraries/Image/ImageBackground.js b/Libraries/Image/ImageBackground.js
index 22d684ba90bf32..f9f694f608446e 100644
--- a/Libraries/Image/ImageBackground.js
+++ b/Libraries/Image/ImageBackground.js
@@ -14,8 +14,6 @@ const React = require('react');
 const StyleSheet = require('../StyleSheet/StyleSheet');
 const View = require('../Components/View/View');
 
-const ensureComponentIsNative = require('../Components/Touchable/ensureComponentIsNative');
-
 /**
  * Very simple drop-in replacement for <Image> which supports nesting views.
  *
@@ -45,7 +43,6 @@ class ImageBackground extends React.Component<$FlowFixMeProps> {
     // Work-around flow
     const viewRef = this._viewRef;
     if (viewRef) {
-      ensureComponentIsNative(viewRef);
       viewRef.setNativeProps(props);
     }
   }
@@ -56,7 +53,7 @@ class ImageBackground extends React.Component<$FlowFixMeProps> {
     this._viewRef = ref;
   };
 
-  render() {
+  render(): React.Node {
     const {children, style, imageStyle, imageRef, ...props} = this.props;
 
     return (
diff --git a/Libraries/Image/ImageEditor.js b/Libraries/Image/ImageEditor.js
deleted file mode 100644
index 75621c7bb3e50e..00000000000000
--- a/Libraries/Image/ImageEditor.js
+++ /dev/null
@@ -1,73 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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
- */
-'use strict';
-
-const RCTImageEditingManager = require('../BatchedBridge/NativeModules')
-  .ImageEditingManager;
-
-type ImageCropData = {
-  /**
-   * The top-left corner of the cropped image, specified in the original
-   * image's coordinate space.
-   */
-  offset: {|
-    x: number,
-    y: number,
-  |},
-  /**
-   * The size (dimensions) of the cropped image, specified in the original
-   * image's coordinate space.
-   */
-  size: {|
-    width: number,
-    height: number,
-  |},
-  /**
-   * (Optional) size to scale the cropped image to.
-   */
-  displaySize?: ?{|
-    width: number,
-    height: number,
-  |},
-  /**
-   * (Optional) the resizing mode to use when scaling the image. If the
-   * `displaySize` param is not specified, this has no effect.
-   */
-  resizeMode?: ?$Keys<{
-    contain: string,
-    cover: string,
-    stretch: string,
-  }>,
-};
-
-class ImageEditor {
-  /**
-   * Crop the image specified by the URI param. If URI points to a remote
-   * image, it will be downloaded automatically. If the image cannot be
-   * loaded/downloaded, the failure callback will be called. On Android, a
-   * downloaded image may be cached in external storage, a publicly accessible
-   * location, if it has more available space than internal storage.
-   *
-   * If the cropping process is successful, the resultant cropped image
-   * will be stored in the ImageStore, and the URI returned in the success
-   * callback will point to the image in the store. Remember to delete the
-   * cropped image from the ImageStore when you are done with it.
-   */
-  static cropImage(
-    uri: string,
-    cropData: ImageCropData,
-    success: (uri: string) => void,
-    failure: (error: Object) => void,
-  ) {
-    RCTImageEditingManager.cropImage(uri, cropData, success, failure);
-  }
-}
-
-module.exports = ImageEditor;
diff --git a/Libraries/Image/ImagePickerIOS.js b/Libraries/Image/ImagePickerIOS.js
new file mode 100644
index 00000000000000..a7f0049d548a4d
--- /dev/null
+++ b/Libraries/Image/ImagePickerIOS.js
@@ -0,0 +1,105 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 NativeImagePickerIOS from './NativeImagePickerIOS';
+import invariant from 'invariant';
+
+const ImagePickerIOS = {
+  canRecordVideos: function(callback: (result: boolean) => void): void {
+    invariant(NativeImagePickerIOS, 'ImagePickerIOS is not available');
+    return NativeImagePickerIOS.canRecordVideos(callback);
+  },
+  canUseCamera: function(callback: (result: boolean) => void): void {
+    invariant(NativeImagePickerIOS, 'ImagePickerIOS is not available');
+    return NativeImagePickerIOS.canUseCamera(callback);
+  },
+  openCameraDialog: function(
+    config: $ReadOnly<{|
+      unmirrorFrontFacingCamera?: boolean,
+      videoMode?: boolean,
+    |}>,
+    successCallback: (imageURL: string, height: number, width: number) => void,
+    cancelCallback: () => void,
+  ): void {
+    invariant(NativeImagePickerIOS, 'ImagePickerIOS is not available');
+
+    var newConfig = {
+      videoMode: true,
+      unmirrorFrontFacingCamera: false,
+    };
+
+    if (config.videoMode != null) {
+      newConfig.videoMode = config.videoMode;
+    }
+
+    if (config.unmirrorFrontFacingCamera != null) {
+      newConfig.unmirrorFrontFacingCamera = config.unmirrorFrontFacingCamera;
+    }
+
+    return NativeImagePickerIOS.openCameraDialog(
+      newConfig,
+      successCallback,
+      cancelCallback,
+    );
+  },
+  openSelectDialog: function(
+    config: $ReadOnly<{|
+      showImages?: boolean,
+      showVideos?: boolean,
+    |}>,
+    successCallback: (imageURL: string, height: number, width: number) => void,
+    cancelCallback: () => void,
+  ): void {
+    invariant(NativeImagePickerIOS, 'ImagePickerIOS is not available');
+
+    var newConfig = {
+      showImages: true,
+      showVideos: false,
+    };
+
+    if (config.showImages != null) {
+      newConfig.showImages = config.showImages;
+    }
+
+    if (config.showVideos != null) {
+      newConfig.showVideos = config.showVideos;
+    }
+
+    return NativeImagePickerIOS.openSelectDialog(
+      newConfig,
+      successCallback,
+      cancelCallback,
+    );
+  },
+  /**
+   * In iOS 13, the video URLs returned by the Image Picker are invalidated when
+   * the picker is dismissed, unless reference to it is held. This API allows
+   * the application to signal when it's finished with the video so that the
+   * reference can be cleaned up.
+   * It is safe to call this method for urlsthat aren't video URLs;
+   * it will be a no-op.
+   */
+  removePendingVideo: function(url: string): void {
+    invariant(NativeImagePickerIOS, 'ImagePickerIOS is not available');
+    NativeImagePickerIOS.removePendingVideo(url);
+  },
+  /**
+   * WARNING: In most cases, removePendingVideo should be used instead because
+   * clearAllPendingVideos could clear out pending videos made by other callers.
+   */
+  clearAllPendingVideos: function(): void {
+    invariant(NativeImagePickerIOS, 'ImagePickerIOS is not available');
+    NativeImagePickerIOS.clearAllPendingVideos();
+  },
+};
+
+module.exports = ImagePickerIOS;
diff --git a/Libraries/Image/ImageSource.js b/Libraries/Image/ImageSource.js
index 0e03dc78c0f5d1..4607ef14223357 100644
--- a/Libraries/Image/ImageSource.js
+++ b/Libraries/Image/ImageSource.js
@@ -87,5 +87,4 @@ export type ImageURISource = $ReadOnly<{
 // We have to export any because of an issue in Flow with objects that come from Relay:
 // https://fburl.com/8ljo5tmr
 // https://fb.facebook.com/groups/flow/permalink/1824103160971624/
-// $FlowFixMe T26861415
 export type ImageSource = ImageURISource | number | Array<ImageURISource>;
diff --git a/Libraries/Image/ImageStore.js b/Libraries/Image/ImageStore.js
deleted file mode 100644
index e011ffc8022585..00000000000000
--- a/Libraries/Image/ImageStore.js
+++ /dev/null
@@ -1,108 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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
- */
-'use strict';
-
-const RCTImageStoreManager = require('../BatchedBridge/NativeModules')
-  .ImageStoreManager;
-
-const Platform = require('../Utilities/Platform');
-
-const warnOnce = require('../Utilities/warnOnce');
-
-function warnUnimplementedMethod(methodName: string): void {
-  warnOnce(
-    `imagestore-${methodName}`,
-    `react-native: ImageStore.${methodName}() is not implemented on ${
-      Platform.OS
-    }`,
-  );
-}
-
-class ImageStore {
-  /**
-   * Check if the ImageStore contains image data for the specified URI.
-   * @platform ios
-   */
-  static hasImageForTag(uri: string, callback: (hasImage: boolean) => void) {
-    if (RCTImageStoreManager.hasImageForTag) {
-      RCTImageStoreManager.hasImageForTag(uri, callback);
-    } else {
-      warnUnimplementedMethod('hasImageForTag');
-    }
-  }
-
-  /**
-   * Delete an image from the ImageStore. Images are stored in memory and
-   * must be manually removed when you are finished with them, otherwise they
-   * will continue to use up RAM until the app is terminated. It is safe to
-   * call `removeImageForTag()` without first calling `hasImageForTag()`, it
-   * will simply fail silently.
-   * @platform ios
-   */
-  static removeImageForTag(uri: string) {
-    if (RCTImageStoreManager.removeImageForTag) {
-      RCTImageStoreManager.removeImageForTag(uri);
-    } else {
-      warnUnimplementedMethod('removeImageForTag');
-    }
-  }
-
-  /**
-   * Stores a base64-encoded image in the ImageStore, and returns a URI that
-   * can be used to access or display the image later. Images are stored in
-   * memory only, and must be manually deleted when you are finished with
-   * them by calling `removeImageForTag()`.
-   *
-   * Note that it is very inefficient to transfer large quantities of binary
-   * data between JS and native code, so you should avoid calling this more
-   * than necessary.
-   * @platform ios
-   */
-  static addImageFromBase64(
-    base64ImageData: string,
-    success: (uri: string) => void,
-    failure: (error: any) => void,
-  ) {
-    if (RCTImageStoreManager.addImageFromBase64) {
-      RCTImageStoreManager.addImageFromBase64(
-        base64ImageData,
-        success,
-        failure,
-      );
-    } else {
-      warnUnimplementedMethod('addImageFromBase64');
-    }
-  }
-
-  /**
-   * Retrieves the base64-encoded data for an image in the ImageStore. If the
-   * specified URI does not match an image in the store, the failure callback
-   * will be called.
-   *
-   * Note that it is very inefficient to transfer large quantities of binary
-   * data between JS and native code, so you should avoid calling this more
-   * than necessary. To display an image in the ImageStore, you can just pass
-   * the URI to an `<Image/>` component; there is no need to retrieve the
-   * base64 data.
-   */
-  static getBase64ForTag(
-    uri: string,
-    success: (base64ImageData: string) => void,
-    failure: (error: any) => void,
-  ) {
-    if (RCTImageStoreManager.getBase64ForTag) {
-      RCTImageStoreManager.getBase64ForTag(uri, success, failure);
-    } else {
-      warnUnimplementedMethod('getBase64ForTag');
-    }
-  }
-}
-
-module.exports = ImageStore;
diff --git a/Libraries/Image/ImageViewNativeComponent.js b/Libraries/Image/ImageViewNativeComponent.js
index c0dbee693b7339..06722105bdc229 100644
--- a/Libraries/Image/ImageViewNativeComponent.js
+++ b/Libraries/Image/ImageViewNativeComponent.js
@@ -12,6 +12,6 @@
 
 const requireNativeComponent = require('../ReactNative/requireNativeComponent');
 
-const ImageViewNativeComponent = requireNativeComponent('RCTImageView');
+const ImageViewNativeComponent: string = requireNativeComponent('RCTImageView');
 
 module.exports = ImageViewNativeComponent;
diff --git a/Libraries/Image/NativeImageLoader.js b/Libraries/Image/NativeImageLoader.js
new file mode 100644
index 00000000000000..4c36ba7533d2d4
--- /dev/null
+++ b/Libraries/Image/NativeImageLoader.js
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {||};
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('ImageLoader');
diff --git a/Libraries/Image/NativeImagePickerIOS.js b/Libraries/Image/NativeImagePickerIOS.js
new file mode 100644
index 00000000000000..6101c7b0380748
--- /dev/null
+++ b/Libraries/Image/NativeImagePickerIOS.js
@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {||};
+  +canRecordVideos: (callback: (result: boolean) => void) => void;
+  +canUseCamera: (callback: (result: boolean) => void) => void;
+  +openCameraDialog: (
+    config: {|
+      unmirrorFrontFacingCamera: boolean,
+      videoMode: boolean,
+    |},
+    successCallback: (imageURL: string, height: number, width: number) => void,
+    cancelCallback: () => void,
+  ) => void;
+  +openSelectDialog: (
+    config: {|
+      showImages: boolean,
+      showVideos: boolean,
+    |},
+    successCallback: (imageURL: string, height: number, width: number) => void,
+    cancelCallback: () => void,
+  ) => void;
+  +clearAllPendingVideos: () => void;
+  +removePendingVideo: (url: string) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('ImagePickerIOS'): ?Spec);
diff --git a/Libraries/Image/RCTAnimatedImage.h b/Libraries/Image/RCTAnimatedImage.h
new file mode 100644
index 00000000000000..3c3eb20bb07303
--- /dev/null
+++ b/Libraries/Image/RCTAnimatedImage.h
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
+
+@protocol RCTAnimatedImage <NSObject>
+@property (nonatomic, assign, readonly) NSUInteger animatedImageFrameCount;
+@property (nonatomic, assign, readonly) NSUInteger animatedImageLoopCount;
+
+- (nullable UIImage *)animatedImageFrameAtIndex:(NSUInteger)index;
+- (NSTimeInterval)animatedImageDurationAtIndex:(NSUInteger)index;
+
+@end
+
+@interface RCTAnimatedImage : UIImage <RCTAnimatedImage>
+// [TODO(macOS ISS#2323203)
+// This is a known initializer for UIImage, but needs to be exposed publicly for macOS since
+// this is not a known initializer for NSImage
+- (nullable instancetype)initWithData:(NSData *)data scale:(CGFloat)scale;
+// ]TODO(macOS ISS#2323203)
+@end
diff --git a/Libraries/Image/RCTAnimatedImage.m b/Libraries/Image/RCTAnimatedImage.m
new file mode 100644
index 00000000000000..e42b583179e8b5
--- /dev/null
+++ b/Libraries/Image/RCTAnimatedImage.m
@@ -0,0 +1,176 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <ImageIO/ImageIO.h>
+#import <React/RCTAnimatedImage.h>
+
+@interface RCTGIFCoderFrame : NSObject
+
+@property (nonatomic, assign) NSUInteger index;
+@property (nonatomic, assign) NSTimeInterval duration;
+
+@end
+
+@implementation RCTGIFCoderFrame
+@end
+
+@implementation RCTAnimatedImage {
+  CGImageSourceRef _imageSource;
+  CGFloat _scale;
+  NSUInteger _loopCount;
+  NSUInteger _frameCount;
+  NSArray<RCTGIFCoderFrame *> *_frames;
+}
+
+- (instancetype)initWithData:(NSData *)data scale:(CGFloat)scale
+{
+  if (self = [super init]) {
+    CGImageSourceRef imageSource = CGImageSourceCreateWithData((__bridge CFDataRef)data, NULL);
+    if (!imageSource) {
+      return nil;
+    }
+
+    BOOL framesValid = [self scanAndCheckFramesValidWithSource:imageSource];
+    if (!framesValid) {
+      CFRelease(imageSource);
+      return nil;
+    }
+
+    _imageSource = imageSource;
+
+    // grab image at the first index
+    UIImage *image = [self animatedImageFrameAtIndex:0];
+    if (!image) {
+      return nil;
+    }
+#if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
+    self = [image copy];
+#else // ]TODO(macOS ISS#2323203)
+    self = [super initWithCGImage:image.CGImage scale:MAX(scale, 1) orientation:image.imageOrientation];
+
+    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(didReceiveMemoryWarning:) name:UIApplicationDidReceiveMemoryWarningNotification object:nil];
+#endif // TODO(macOS ISS#2323203)
+  }
+
+  return self;
+}
+
+- (BOOL)scanAndCheckFramesValidWithSource:(CGImageSourceRef)imageSource
+{
+  if (!imageSource) {
+    return NO;
+  }
+  NSUInteger frameCount = CGImageSourceGetCount(imageSource);
+  NSUInteger loopCount = [self imageLoopCountWithSource:imageSource];
+  NSMutableArray<RCTGIFCoderFrame *> *frames = [NSMutableArray array];
+
+  for (size_t i = 0; i < frameCount; i++) {
+    RCTGIFCoderFrame *frame = [[RCTGIFCoderFrame alloc] init];
+    frame.index = i;
+    frame.duration = [self frameDurationAtIndex:i source:imageSource];
+    [frames addObject:frame];
+  }
+
+  _frameCount = frameCount;
+  _loopCount = loopCount;
+  _frames = [frames copy];
+
+  return YES;
+}
+
+- (NSUInteger)imageLoopCountWithSource:(CGImageSourceRef)source
+{
+  NSUInteger loopCount = 1;
+  NSDictionary *imageProperties = (__bridge_transfer NSDictionary *)CGImageSourceCopyProperties(source, nil);
+  NSDictionary *gifProperties = imageProperties[(__bridge NSString *)kCGImagePropertyGIFDictionary];
+  if (gifProperties) {
+    NSNumber *gifLoopCount = gifProperties[(__bridge NSString *)kCGImagePropertyGIFLoopCount];
+    if (gifLoopCount != nil) {
+      loopCount = gifLoopCount.unsignedIntegerValue;
+    }
+  }
+  return loopCount;
+}
+
+- (float)frameDurationAtIndex:(NSUInteger)index source:(CGImageSourceRef)source
+{
+  float frameDuration = 0.1f;
+  CFDictionaryRef cfFrameProperties = CGImageSourceCopyPropertiesAtIndex(source, index, nil);
+  if (!cfFrameProperties) {
+    return frameDuration;
+  }
+  NSDictionary *frameProperties = (__bridge NSDictionary *)cfFrameProperties;
+  NSDictionary *gifProperties = frameProperties[(NSString *)kCGImagePropertyGIFDictionary];
+
+  NSNumber *delayTimeUnclampedProp = gifProperties[(NSString *)kCGImagePropertyGIFUnclampedDelayTime];
+  if (delayTimeUnclampedProp != nil) {
+    frameDuration = [delayTimeUnclampedProp floatValue];
+  } else {
+    NSNumber *delayTimeProp = gifProperties[(NSString *)kCGImagePropertyGIFDelayTime];
+    if (delayTimeProp != nil) {
+      frameDuration = [delayTimeProp floatValue];
+    }
+  }
+
+  CFRelease(cfFrameProperties);
+  return frameDuration;
+}
+
+- (NSUInteger)animatedImageLoopCount
+{
+  return _loopCount;
+}
+
+- (NSUInteger)animatedImageFrameCount
+{
+  return _frameCount;
+}
+
+- (NSTimeInterval)animatedImageDurationAtIndex:(NSUInteger)index
+{
+  if (index >= _frameCount) {
+    return 0;
+  }
+  return _frames[index].duration;
+}
+
+- (UIImage *)animatedImageFrameAtIndex:(NSUInteger)index
+{
+  CGImageRef imageRef = CGImageSourceCreateImageAtIndex(_imageSource, index, NULL);
+  if (!imageRef) {
+    return nil;
+  }
+#if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
+  UIImage *image = [[NSImage alloc] initWithCGImage:imageRef size:CGSizeMake(CGImageGetWidth(imageRef), CGImageGetHeight(imageRef))];
+#else // ]TODO(macOS ISS#2323203)
+  UIImage *image = [[UIImage alloc] initWithCGImage:imageRef scale:_scale orientation:UIImageOrientationUp];
+#endif // TODO(macOS ISS#2323203)
+  CGImageRelease(imageRef);
+  return image;
+}
+
+- (void)didReceiveMemoryWarning:(NSNotification *)notification
+{
+  if (_imageSource) {
+    for (size_t i = 0; i < _frameCount; i++) {
+      CGImageSourceRemoveCacheAtIndex(_imageSource, i);
+    }
+  }
+}
+
+- (void)dealloc
+{
+  if (_imageSource) {
+    CFRelease(_imageSource);
+    _imageSource = NULL;
+  }
+#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
+  [[NSNotificationCenter defaultCenter] removeObserver:self name:UIApplicationDidReceiveMemoryWarningNotification object:nil];
+#endif // TODO(macOS ISS#2323203)
+}
+
+@end
diff --git a/Libraries/Image/RCTGIFImageDecoder.h b/Libraries/Image/RCTGIFImageDecoder.h
index f9cc0eef4ebf94..5ddbf2a71bbea6 100644
--- a/Libraries/Image/RCTGIFImageDecoder.h
+++ b/Libraries/Image/RCTGIFImageDecoder.h
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import <React/RCTImageLoader.h>
+#import <React/RCTImageDataDecoder.h>
 
 @interface RCTGIFImageDecoder : NSObject <RCTImageDataDecoder>
 
diff --git a/Libraries/Image/RCTGIFImageDecoder.m b/Libraries/Image/RCTGIFImageDecoder.m
index e030338d6fbd1b..a40b42529d1619 100644
--- a/Libraries/Image/RCTGIFImageDecoder.m
+++ b/Libraries/Image/RCTGIFImageDecoder.m
@@ -5,12 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTGIFImageDecoder.h"
+#import <React/RCTGIFImageDecoder.h>
 
 #import <ImageIO/ImageIO.h>
 #import <QuartzCore/QuartzCore.h>
 
 #import <React/RCTUtils.h>
+#import <React/RCTAnimatedImage.h>
 
 @implementation RCTGIFImageDecoder
 
@@ -30,104 +31,13 @@ - (RCTImageLoaderCancellationBlock)decodeImageData:(NSData *)imageData
                                         resizeMode:(RCTResizeMode)resizeMode
                                  completionHandler:(RCTImageLoaderCompletionBlock)completionHandler
 {
-  CGImageSourceRef imageSource = CGImageSourceCreateWithData((CFDataRef)imageData, NULL);
-  if (!imageSource) {
+  RCTAnimatedImage *image = [[RCTAnimatedImage alloc] initWithData:imageData scale:scale];
+  
+  if (!image) {
     completionHandler(nil, nil);
     return ^{};
   }
-  NSDictionary<NSString *, id> *properties = (__bridge_transfer NSDictionary *)CGImageSourceCopyProperties(imageSource, NULL);
-  CGFloat loopCount = 0;
-  if ([[properties[(id)kCGImagePropertyGIFDictionary] allKeys] containsObject:(id)kCGImagePropertyGIFLoopCount]) {
-    loopCount = [properties[(id)kCGImagePropertyGIFDictionary][(id)kCGImagePropertyGIFLoopCount] unsignedIntegerValue];
-    if (loopCount == 0) {
-      // A loop count of 0 means infinite
-      loopCount = HUGE_VALF;
-    } else {
-      // A loop count of 1 means it should repeat twice, 2 means, thrice, etc.
-      loopCount += 1;
-    }
-  }
-
-  UIImage *image = nil;
-  size_t imageCount = CGImageSourceGetCount(imageSource);
-  if (imageCount > 1) {
-
-    NSTimeInterval duration = 0;
-    NSMutableArray<NSNumber *> *delays = [NSMutableArray arrayWithCapacity:imageCount];
-    NSMutableArray<id /* CGIMageRef */> *images = [NSMutableArray arrayWithCapacity:imageCount];
-    for (size_t i = 0; i < imageCount; i++) {
-
-      CGImageRef imageRef = CGImageSourceCreateImageAtIndex(imageSource, i, NULL);
-      if (!imageRef) {
-        continue;
-      }
-      if (!image) {
-#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-        image = [UIImage imageWithCGImage:imageRef scale:scale orientation:UIImageOrientationUp];
-#else // [TODO(macOS ISS#2323203)
-        image = [[NSImage alloc] initWithCGImage:imageRef size:size];
-#endif // ]TODO(macOS ISS#2323203)
-      }
-
-      NSDictionary<NSString *, id> *frameProperties = (__bridge_transfer NSDictionary *)CGImageSourceCopyPropertiesAtIndex(imageSource, i, NULL);
-      NSDictionary<NSString *, id> *frameGIFProperties = frameProperties[(id)kCGImagePropertyGIFDictionary];
-
-      const NSTimeInterval kDelayTimeIntervalDefault = 0.1;
-      NSNumber *delayTime = frameGIFProperties[(id)kCGImagePropertyGIFUnclampedDelayTime] ?: frameGIFProperties[(id)kCGImagePropertyGIFDelayTime];
-      if (delayTime == nil) {
-        if (delays.count == 0) {
-          delayTime = @(kDelayTimeIntervalDefault);
-        } else {
-          delayTime = delays.lastObject;
-        }
-      }
-
-      const NSTimeInterval kDelayTimeIntervalMinimum = 0.02;
-      if (delayTime.floatValue < (float)kDelayTimeIntervalMinimum - FLT_EPSILON) {
-        delayTime = @(kDelayTimeIntervalDefault);
-      }
-
-      duration += delayTime.doubleValue;
-      [delays addObject:delayTime];
-      [images addObject:(__bridge_transfer id)imageRef];
-    }
-    CFRelease(imageSource);
-
-    NSMutableArray<NSNumber *> *keyTimes = [NSMutableArray arrayWithCapacity:delays.count];
-    NSTimeInterval runningDuration = 0;
-    for (NSNumber *delayNumber in delays) {
-      [keyTimes addObject:@(runningDuration / duration)];
-      runningDuration += delayNumber.doubleValue;
-    }
-
-    [keyTimes addObject:@1.0];
-
-    // Create animation
-    CAKeyframeAnimation *animation = [CAKeyframeAnimation animationWithKeyPath:@"contents"];
-    animation.calculationMode = kCAAnimationDiscrete;
-    animation.repeatCount = loopCount;
-    animation.keyTimes = keyTimes;
-    animation.values = images;
-    animation.duration = duration;
-    animation.removedOnCompletion = NO;
-    animation.fillMode = kCAFillModeForwards;
-    image.reactKeyframeAnimation = animation;
-
-  } else {
-
-    // Don't bother creating an animation
-    CGImageRef imageRef = CGImageSourceCreateImageAtIndex(imageSource, 0, NULL);
-    if (imageRef) {
-#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-      image = [UIImage imageWithCGImage:imageRef scale:scale orientation:UIImageOrientationUp];
-#else // [TODO(macOS ISS#2323203)
-      image = [[NSImage alloc] initWithCGImage:imageRef size:size];
-#endif // ]TODO(macOS ISS#2323203)
-      CFRelease(imageRef);
-    }
-    CFRelease(imageSource);
-  }
-
+  
   completionHandler(nil, image);
   return ^{};
 }
diff --git a/Libraries/Image/RCTImage.xcodeproj/project.pbxproj b/Libraries/Image/RCTImage.xcodeproj/project.pbxproj
deleted file mode 100644
index fcdca4a611bb52..00000000000000
--- a/Libraries/Image/RCTImage.xcodeproj/project.pbxproj
+++ /dev/null
@@ -1,667 +0,0 @@
-// !$*UTF8*$!
-{
-	archiveVersion = 1;
-	classes = {
-	};
-	objectVersion = 46;
-	objects = {
-
-/* Begin PBXBuildFile section */
-		1304D5AB1AA8C4A30002E2BE /* RCTImageView.m in Sources */ = {isa = PBXBuildFile; fileRef = 1304D5A81AA8C4A30002E2BE /* RCTImageView.m */; };
-		1304D5AC1AA8C4A30002E2BE /* RCTImageViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 1304D5AA1AA8C4A30002E2BE /* RCTImageViewManager.m */; };
-		1304D5B21AA8C50D0002E2BE /* RCTGIFImageDecoder.m in Sources */ = {isa = PBXBuildFile; fileRef = 1304D5B11AA8C50D0002E2BE /* RCTGIFImageDecoder.m */; };
-		134B00A21B54232B00EC8DFB /* RCTImageUtils.m in Sources */ = {isa = PBXBuildFile; fileRef = 134B00A11B54232B00EC8DFB /* RCTImageUtils.m */; };
-		139A38841C4D587C00862840 /* RCTResizeMode.m in Sources */ = {isa = PBXBuildFile; fileRef = 139A38831C4D587C00862840 /* RCTResizeMode.m */; };
-		13EF7F7F1BC825B1003F47DD /* RCTLocalAssetImageLoader.m in Sources */ = {isa = PBXBuildFile; fileRef = 13EF7F7E1BC825B1003F47DD /* RCTLocalAssetImageLoader.m */; };
-		143879381AAD32A300F088A5 /* RCTImageLoader.m in Sources */ = {isa = PBXBuildFile; fileRef = 143879371AAD32A300F088A5 /* RCTImageLoader.m */; };
-		18B022D11EF83BA700FC19B0 /* RCTGIFImageDecoder.h in Headers */ = {isa = PBXBuildFile; fileRef = 1304D5B01AA8C50D0002E2BE /* RCTGIFImageDecoder.h */; };
-		18B022D21EF83BA700FC19B0 /* RCTImageBlurUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = EEF314701C9B0DD30049118E /* RCTImageBlurUtils.h */; };
-		18B022D31EF83BA700FC19B0 /* RCTImageCache.h in Headers */ = {isa = PBXBuildFile; fileRef = CCD34C251D4B8FE900268922 /* RCTImageCache.h */; };
-		18B022D41EF83BA700FC19B0 /* RCTImageEditingManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 354631661B69857700AA0B86 /* RCTImageEditingManager.h */; };
-		18B022D51EF83BA700FC19B0 /* RCTImageLoader.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D5FA63C1DE4B44A0058FD77 /* RCTImageLoader.h */; };
-		18B022D61EF83BA700FC19B0 /* RCTImageShadowView.h in Headers */ = {isa = PBXBuildFile; fileRef = 59AB09281EDE5DD1009F97B5 /* RCTImageShadowView.h */; };
-		18B022D71EF83BA700FC19B0 /* RCTImageStoreManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D5FA63D1DE4B44A0058FD77 /* RCTImageStoreManager.h */; };
-		18B022D81EF83BA700FC19B0 /* RCTImageUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = 134B00A01B54232B00EC8DFB /* RCTImageUtils.h */; };
-		18B022D91EF83BA700FC19B0 /* RCTImageView.h in Headers */ = {isa = PBXBuildFile; fileRef = 1304D5A71AA8C4A30002E2BE /* RCTImageView.h */; };
-		18B022DA1EF83BA700FC19B0 /* RCTImageViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 1304D5A91AA8C4A30002E2BE /* RCTImageViewManager.h */; };
-		18B022DB1EF83BA700FC19B0 /* RCTLocalAssetImageLoader.h in Headers */ = {isa = PBXBuildFile; fileRef = 13EF7F7D1BC825B1003F47DD /* RCTLocalAssetImageLoader.h */; };
-		18B022DC1EF83BA700FC19B0 /* RCTResizeMode.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D5FA63E1DE4B44A0058FD77 /* RCTResizeMode.h */; };
-		18B022DD1EF83BB300FC19B0 /* RCTGIFImageDecoder.m in Sources */ = {isa = PBXBuildFile; fileRef = 1304D5B11AA8C50D0002E2BE /* RCTGIFImageDecoder.m */; };
-		18B022DE1EF83BB300FC19B0 /* RCTImageBlurUtils.m in Sources */ = {isa = PBXBuildFile; fileRef = EEF314711C9B0DD30049118E /* RCTImageBlurUtils.m */; };
-		18B022DF1EF83BB300FC19B0 /* RCTImageCache.m in Sources */ = {isa = PBXBuildFile; fileRef = CCD34C261D4B8FE900268922 /* RCTImageCache.m */; };
-		18B022E01EF83BB300FC19B0 /* RCTImageEditingManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 354631671B69857700AA0B86 /* RCTImageEditingManager.m */; };
-		18B022E11EF83BB300FC19B0 /* RCTImageLoader.m in Sources */ = {isa = PBXBuildFile; fileRef = 143879371AAD32A300F088A5 /* RCTImageLoader.m */; };
-		18B022E21EF83BB300FC19B0 /* RCTImageShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 59AB09291EDE5DD1009F97B5 /* RCTImageShadowView.m */; };
-		18B022E31EF83BB300FC19B0 /* RCTImageStoreManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 35123E6A1B59C99D00EBAD80 /* RCTImageStoreManager.m */; };
-		18B022E41EF83BB300FC19B0 /* RCTImageUtils.m in Sources */ = {isa = PBXBuildFile; fileRef = 134B00A11B54232B00EC8DFB /* RCTImageUtils.m */; };
-		18B022E51EF83BB300FC19B0 /* RCTImageView.m in Sources */ = {isa = PBXBuildFile; fileRef = 1304D5A81AA8C4A30002E2BE /* RCTImageView.m */; };
-		18B022E61EF83BB300FC19B0 /* RCTImageViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 1304D5AA1AA8C4A30002E2BE /* RCTImageViewManager.m */; };
-		18B022E71EF83BB300FC19B0 /* RCTLocalAssetImageLoader.m in Sources */ = {isa = PBXBuildFile; fileRef = 13EF7F7E1BC825B1003F47DD /* RCTLocalAssetImageLoader.m */; };
-		18B022E81EF83BB300FC19B0 /* RCTResizeMode.m in Sources */ = {isa = PBXBuildFile; fileRef = 139A38831C4D587C00862840 /* RCTResizeMode.m */; };
-		18B022EA1EF83BCD00FC19B0 /* RCTImageUtils.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 134B00A01B54232B00EC8DFB /* RCTImageUtils.h */; };
-		2D3B5F1A1D9B0D0400451313 /* RCTImageCache.m in Sources */ = {isa = PBXBuildFile; fileRef = CCD34C261D4B8FE900268922 /* RCTImageCache.m */; };
-		2D3B5F1B1D9B0D0700451313 /* RCTImageBlurUtils.m in Sources */ = {isa = PBXBuildFile; fileRef = EEF314711C9B0DD30049118E /* RCTImageBlurUtils.m */; };
-		2D3B5F1C1D9B0D1300451313 /* RCTResizeMode.m in Sources */ = {isa = PBXBuildFile; fileRef = 139A38831C4D587C00862840 /* RCTResizeMode.m */; };
-		2D3B5F1D1D9B0D1300451313 /* RCTLocalAssetImageLoader.m in Sources */ = {isa = PBXBuildFile; fileRef = 13EF7F7E1BC825B1003F47DD /* RCTLocalAssetImageLoader.m */; };
-		2D3B5F1E1D9B0D1300451313 /* RCTGIFImageDecoder.m in Sources */ = {isa = PBXBuildFile; fileRef = 1304D5B11AA8C50D0002E2BE /* RCTGIFImageDecoder.m */; };
-		2D3B5F1F1D9B0D1300451313 /* RCTImageEditingManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 354631671B69857700AA0B86 /* RCTImageEditingManager.m */; };
-		2D3B5F201D9B0D1300451313 /* RCTImageLoader.m in Sources */ = {isa = PBXBuildFile; fileRef = 143879371AAD32A300F088A5 /* RCTImageLoader.m */; };
-		2D3B5F211D9B0D1300451313 /* RCTImageView.m in Sources */ = {isa = PBXBuildFile; fileRef = 1304D5A81AA8C4A30002E2BE /* RCTImageView.m */; };
-		2D3B5F221D9B0D1300451313 /* RCTImageViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 1304D5AA1AA8C4A30002E2BE /* RCTImageViewManager.m */; };
-		2D3B5F231D9B0D1300451313 /* RCTImageStoreManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 35123E6A1B59C99D00EBAD80 /* RCTImageStoreManager.m */; };
-		2D3B5F241D9B0D1300451313 /* RCTImageUtils.m in Sources */ = {isa = PBXBuildFile; fileRef = 134B00A11B54232B00EC8DFB /* RCTImageUtils.m */; };
-		35123E6B1B59C99D00EBAD80 /* RCTImageStoreManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 35123E6A1B59C99D00EBAD80 /* RCTImageStoreManager.m */; };
-		354631681B69857700AA0B86 /* RCTImageEditingManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 354631671B69857700AA0B86 /* RCTImageEditingManager.m */; };
-		3D302E181DF8228100D6DDAE /* RCTImageUtils.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 134B00A01B54232B00EC8DFB /* RCTImageUtils.h */; };
-		3D302F211DF8269200D6DDAE /* RCTImageUtils.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 134B00A01B54232B00EC8DFB /* RCTImageUtils.h */; };
-		3DA05A5A1EE0312600805843 /* RCTImageShadowView.h in Headers */ = {isa = PBXBuildFile; fileRef = 59AB09281EDE5DD1009F97B5 /* RCTImageShadowView.h */; };
-		3DA05A5B1EE0312900805843 /* RCTImageShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 59AB09291EDE5DD1009F97B5 /* RCTImageShadowView.m */; };
-		3DED3A8A1DE6F79800336DD7 /* RCTGIFImageDecoder.h in Headers */ = {isa = PBXBuildFile; fileRef = 1304D5B01AA8C50D0002E2BE /* RCTGIFImageDecoder.h */; };
-		3DED3A8B1DE6F79800336DD7 /* RCTImageBlurUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = EEF314701C9B0DD30049118E /* RCTImageBlurUtils.h */; };
-		3DED3A8C1DE6F79800336DD7 /* RCTImageCache.h in Headers */ = {isa = PBXBuildFile; fileRef = CCD34C251D4B8FE900268922 /* RCTImageCache.h */; };
-		3DED3A8D1DE6F79800336DD7 /* RCTImageEditingManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 354631661B69857700AA0B86 /* RCTImageEditingManager.h */; };
-		3DED3A8E1DE6F79800336DD7 /* RCTImageLoader.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D5FA63C1DE4B44A0058FD77 /* RCTImageLoader.h */; };
-		3DED3A8F1DE6F79800336DD7 /* RCTImageStoreManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D5FA63D1DE4B44A0058FD77 /* RCTImageStoreManager.h */; };
-		3DED3A901DE6F79800336DD7 /* RCTImageUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = 134B00A01B54232B00EC8DFB /* RCTImageUtils.h */; };
-		3DED3A911DE6F79800336DD7 /* RCTImageView.h in Headers */ = {isa = PBXBuildFile; fileRef = 1304D5A71AA8C4A30002E2BE /* RCTImageView.h */; };
-		3DED3A921DE6F79800336DD7 /* RCTImageViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 1304D5A91AA8C4A30002E2BE /* RCTImageViewManager.h */; };
-		3DED3A931DE6F79800336DD7 /* RCTLocalAssetImageLoader.h in Headers */ = {isa = PBXBuildFile; fileRef = 13EF7F7D1BC825B1003F47DD /* RCTLocalAssetImageLoader.h */; };
-		3DED3A941DE6F79800336DD7 /* RCTResizeMode.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D5FA63E1DE4B44A0058FD77 /* RCTResizeMode.h */; };
-		3DED3A961DE6F7A400336DD7 /* RCTGIFImageDecoder.h in Headers */ = {isa = PBXBuildFile; fileRef = 1304D5B01AA8C50D0002E2BE /* RCTGIFImageDecoder.h */; };
-		3DED3A971DE6F7A400336DD7 /* RCTImageBlurUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = EEF314701C9B0DD30049118E /* RCTImageBlurUtils.h */; };
-		3DED3A981DE6F7A400336DD7 /* RCTImageCache.h in Headers */ = {isa = PBXBuildFile; fileRef = CCD34C251D4B8FE900268922 /* RCTImageCache.h */; };
-		3DED3A991DE6F7A400336DD7 /* RCTImageEditingManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 354631661B69857700AA0B86 /* RCTImageEditingManager.h */; };
-		3DED3A9A1DE6F7A400336DD7 /* RCTImageLoader.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D5FA63C1DE4B44A0058FD77 /* RCTImageLoader.h */; };
-		3DED3A9B1DE6F7A400336DD7 /* RCTImageStoreManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D5FA63D1DE4B44A0058FD77 /* RCTImageStoreManager.h */; };
-		3DED3A9C1DE6F7A400336DD7 /* RCTImageUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = 134B00A01B54232B00EC8DFB /* RCTImageUtils.h */; };
-		3DED3A9D1DE6F7A400336DD7 /* RCTImageView.h in Headers */ = {isa = PBXBuildFile; fileRef = 1304D5A71AA8C4A30002E2BE /* RCTImageView.h */; };
-		3DED3A9E1DE6F7A400336DD7 /* RCTImageViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 1304D5A91AA8C4A30002E2BE /* RCTImageViewManager.h */; };
-		3DED3A9F1DE6F7A400336DD7 /* RCTLocalAssetImageLoader.h in Headers */ = {isa = PBXBuildFile; fileRef = 13EF7F7D1BC825B1003F47DD /* RCTLocalAssetImageLoader.h */; };
-		3DED3AA01DE6F7A400336DD7 /* RCTResizeMode.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D5FA63E1DE4B44A0058FD77 /* RCTResizeMode.h */; };
-		59AB092A1EDE5DD1009F97B5 /* RCTImageShadowView.h in Headers */ = {isa = PBXBuildFile; fileRef = 59AB09281EDE5DD1009F97B5 /* RCTImageShadowView.h */; };
-		59AB092B1EDE5DD1009F97B5 /* RCTImageShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 59AB09291EDE5DD1009F97B5 /* RCTImageShadowView.m */; };
-		CCD34C271D4B8FE900268922 /* RCTImageCache.m in Sources */ = {isa = PBXBuildFile; fileRef = CCD34C261D4B8FE900268922 /* RCTImageCache.m */; };
-		EEF314721C9B0DD30049118E /* RCTImageBlurUtils.m in Sources */ = {isa = PBXBuildFile; fileRef = EEF314711C9B0DD30049118E /* RCTImageBlurUtils.m */; };
-/* End PBXBuildFile section */
-
-/* Begin PBXCopyFilesBuildPhase section */
-		18B022E91EF83BBC00FC19B0 /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/RCTImage;
-			dstSubfolderSpec = 16;
-			files = (
-				18B022EA1EF83BCD00FC19B0 /* RCTImageUtils.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D302E171DF8225500D6DDAE /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/RCTImage;
-			dstSubfolderSpec = 16;
-			files = (
-				3D302E181DF8228100D6DDAE /* RCTImageUtils.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D302F201DF8268700D6DDAE /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/RCTImage;
-			dstSubfolderSpec = 16;
-			files = (
-				3D302F211DF8269200D6DDAE /* RCTImageUtils.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXCopyFilesBuildPhase section */
-
-/* Begin PBXFileReference section */
-		1304D5A71AA8C4A30002E2BE /* RCTImageView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTImageView.h; sourceTree = "<group>"; };
-		1304D5A81AA8C4A30002E2BE /* RCTImageView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTImageView.m; sourceTree = "<group>"; };
-		1304D5A91AA8C4A30002E2BE /* RCTImageViewManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTImageViewManager.h; sourceTree = "<group>"; };
-		1304D5AA1AA8C4A30002E2BE /* RCTImageViewManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTImageViewManager.m; sourceTree = "<group>"; };
-		1304D5B01AA8C50D0002E2BE /* RCTGIFImageDecoder.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTGIFImageDecoder.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		1304D5B11AA8C50D0002E2BE /* RCTGIFImageDecoder.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTGIFImageDecoder.m; sourceTree = "<group>"; };
-		134B00A01B54232B00EC8DFB /* RCTImageUtils.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTImageUtils.h; sourceTree = "<group>"; };
-		134B00A11B54232B00EC8DFB /* RCTImageUtils.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTImageUtils.m; sourceTree = "<group>"; };
-		139A38831C4D587C00862840 /* RCTResizeMode.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTResizeMode.m; sourceTree = "<group>"; };
-		13EF7F7D1BC825B1003F47DD /* RCTLocalAssetImageLoader.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTLocalAssetImageLoader.h; sourceTree = "<group>"; };
-		13EF7F7E1BC825B1003F47DD /* RCTLocalAssetImageLoader.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTLocalAssetImageLoader.m; sourceTree = "<group>"; };
-		143879371AAD32A300F088A5 /* RCTImageLoader.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTImageLoader.m; sourceTree = "<group>"; };
-		2D2A283A1D9B042B00D4039D /* libRCTImage-tvOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libRCTImage-tvOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		35123E6A1B59C99D00EBAD80 /* RCTImageStoreManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTImageStoreManager.m; sourceTree = "<group>"; };
-		354631661B69857700AA0B86 /* RCTImageEditingManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTImageEditingManager.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		354631671B69857700AA0B86 /* RCTImageEditingManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTImageEditingManager.m; sourceTree = "<group>"; };
-		3D5FA63C1DE4B44A0058FD77 /* RCTImageLoader.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTImageLoader.h; sourceTree = "<group>"; };
-		3D5FA63D1DE4B44A0058FD77 /* RCTImageStoreManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTImageStoreManager.h; sourceTree = "<group>"; };
-		3D5FA63E1DE4B44A0058FD77 /* RCTResizeMode.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTResizeMode.h; sourceTree = "<group>"; };
-		3D5FA68C1DE4BA290058FD77 /* libRCTNetwork.a */ = {isa = PBXFileReference; lastKnownFileType = archive.ar; name = libRCTNetwork.a; path = "../Network/build/Debug-iphoneos/libRCTNetwork.a"; sourceTree = "<group>"; };
-		58B5115D1A9E6B3D00147676 /* libRCTImage.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRCTImage.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		59AB09281EDE5DD1009F97B5 /* RCTImageShadowView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTImageShadowView.h; sourceTree = "<group>"; };
-		59AB09291EDE5DD1009F97B5 /* RCTImageShadowView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTImageShadowView.m; sourceTree = "<group>"; };
-		6BDE7AEB1ECB9C4400CC951F /* libRCTImage.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRCTImage.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		CCD34C251D4B8FE900268922 /* RCTImageCache.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTImageCache.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		CCD34C261D4B8FE900268922 /* RCTImageCache.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTImageCache.m; sourceTree = "<group>"; };
-		EEF314701C9B0DD30049118E /* RCTImageBlurUtils.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTImageBlurUtils.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		EEF314711C9B0DD30049118E /* RCTImageBlurUtils.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTImageBlurUtils.m; sourceTree = "<group>"; };
-/* End PBXFileReference section */
-
-/* Begin PBXGroup section */
-		3D5FA68B1DE4BA290058FD77 /* Frameworks */ = {
-			isa = PBXGroup;
-			children = (
-				3D5FA68C1DE4BA290058FD77 /* libRCTNetwork.a */,
-			);
-			name = Frameworks;
-			sourceTree = "<group>";
-		};
-		58B511541A9E6B3D00147676 = {
-			isa = PBXGroup;
-			children = (
-				3D5FA68B1DE4BA290058FD77 /* Frameworks */,
-				58B5115E1A9E6B3D00147676 /* Products */,
-				1304D5B01AA8C50D0002E2BE /* RCTGIFImageDecoder.h */,
-				1304D5B11AA8C50D0002E2BE /* RCTGIFImageDecoder.m */,
-				EEF314701C9B0DD30049118E /* RCTImageBlurUtils.h */,
-				EEF314711C9B0DD30049118E /* RCTImageBlurUtils.m */,
-				CCD34C251D4B8FE900268922 /* RCTImageCache.h */,
-				CCD34C261D4B8FE900268922 /* RCTImageCache.m */,
-				354631661B69857700AA0B86 /* RCTImageEditingManager.h */,
-				354631671B69857700AA0B86 /* RCTImageEditingManager.m */,
-				3D5FA63C1DE4B44A0058FD77 /* RCTImageLoader.h */,
-				143879371AAD32A300F088A5 /* RCTImageLoader.m */,
-				59AB09281EDE5DD1009F97B5 /* RCTImageShadowView.h */,
-				59AB09291EDE5DD1009F97B5 /* RCTImageShadowView.m */,
-				3D5FA63D1DE4B44A0058FD77 /* RCTImageStoreManager.h */,
-				35123E6A1B59C99D00EBAD80 /* RCTImageStoreManager.m */,
-				134B00A01B54232B00EC8DFB /* RCTImageUtils.h */,
-				134B00A11B54232B00EC8DFB /* RCTImageUtils.m */,
-				1304D5A71AA8C4A30002E2BE /* RCTImageView.h */,
-				1304D5A81AA8C4A30002E2BE /* RCTImageView.m */,
-				1304D5A91AA8C4A30002E2BE /* RCTImageViewManager.h */,
-				1304D5AA1AA8C4A30002E2BE /* RCTImageViewManager.m */,
-				13EF7F7D1BC825B1003F47DD /* RCTLocalAssetImageLoader.h */,
-				13EF7F7E1BC825B1003F47DD /* RCTLocalAssetImageLoader.m */,
-				3D5FA63E1DE4B44A0058FD77 /* RCTResizeMode.h */,
-				139A38831C4D587C00862840 /* RCTResizeMode.m */,
-			);
-			indentWidth = 2;
-			sourceTree = "<group>";
-			tabWidth = 2;
-			usesTabs = 0;
-		};
-		58B5115E1A9E6B3D00147676 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				58B5115D1A9E6B3D00147676 /* libRCTImage.a */,
-				2D2A283A1D9B042B00D4039D /* libRCTImage-tvOS.a */,
-				6BDE7AEB1ECB9C4400CC951F /* libRCTImage.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-/* End PBXGroup section */
-
-/* Begin PBXHeadersBuildPhase section */
-		3DED3A891DE6F78800336DD7 /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				3DED3A8A1DE6F79800336DD7 /* RCTGIFImageDecoder.h in Headers */,
-				3DED3A901DE6F79800336DD7 /* RCTImageUtils.h in Headers */,
-				3DED3A8B1DE6F79800336DD7 /* RCTImageBlurUtils.h in Headers */,
-				3DED3A8C1DE6F79800336DD7 /* RCTImageCache.h in Headers */,
-				3DED3A8D1DE6F79800336DD7 /* RCTImageEditingManager.h in Headers */,
-				3DED3A8E1DE6F79800336DD7 /* RCTImageLoader.h in Headers */,
-				3DED3A8F1DE6F79800336DD7 /* RCTImageStoreManager.h in Headers */,
-				59AB092A1EDE5DD1009F97B5 /* RCTImageShadowView.h in Headers */,
-				3DED3A911DE6F79800336DD7 /* RCTImageView.h in Headers */,
-				3DED3A921DE6F79800336DD7 /* RCTImageViewManager.h in Headers */,
-				3DED3A931DE6F79800336DD7 /* RCTLocalAssetImageLoader.h in Headers */,
-				3DED3A941DE6F79800336DD7 /* RCTResizeMode.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3DED3A951DE6F79D00336DD7 /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				3DED3A961DE6F7A400336DD7 /* RCTGIFImageDecoder.h in Headers */,
-				3DED3A971DE6F7A400336DD7 /* RCTImageBlurUtils.h in Headers */,
-				3DED3A981DE6F7A400336DD7 /* RCTImageCache.h in Headers */,
-				3DED3A991DE6F7A400336DD7 /* RCTImageEditingManager.h in Headers */,
-				3DED3A9A1DE6F7A400336DD7 /* RCTImageLoader.h in Headers */,
-				3DED3A9B1DE6F7A400336DD7 /* RCTImageStoreManager.h in Headers */,
-				3DED3A9C1DE6F7A400336DD7 /* RCTImageUtils.h in Headers */,
-				3DA05A5A1EE0312600805843 /* RCTImageShadowView.h in Headers */,
-				3DED3A9D1DE6F7A400336DD7 /* RCTImageView.h in Headers */,
-				3DED3A9E1DE6F7A400336DD7 /* RCTImageViewManager.h in Headers */,
-				3DED3A9F1DE6F7A400336DD7 /* RCTLocalAssetImageLoader.h in Headers */,
-				3DED3AA01DE6F7A400336DD7 /* RCTResizeMode.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		6BDE7ACE1ECB9C4400CC951F /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				18B022D11EF83BA700FC19B0 /* RCTGIFImageDecoder.h in Headers */,
-				18B022D21EF83BA700FC19B0 /* RCTImageBlurUtils.h in Headers */,
-				18B022D31EF83BA700FC19B0 /* RCTImageCache.h in Headers */,
-				18B022D41EF83BA700FC19B0 /* RCTImageEditingManager.h in Headers */,
-				18B022D51EF83BA700FC19B0 /* RCTImageLoader.h in Headers */,
-				18B022D61EF83BA700FC19B0 /* RCTImageShadowView.h in Headers */,
-				18B022D71EF83BA700FC19B0 /* RCTImageStoreManager.h in Headers */,
-				18B022D81EF83BA700FC19B0 /* RCTImageUtils.h in Headers */,
-				18B022D91EF83BA700FC19B0 /* RCTImageView.h in Headers */,
-				18B022DA1EF83BA700FC19B0 /* RCTImageViewManager.h in Headers */,
-				18B022DB1EF83BA700FC19B0 /* RCTLocalAssetImageLoader.h in Headers */,
-				18B022DC1EF83BA700FC19B0 /* RCTResizeMode.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXHeadersBuildPhase section */
-
-/* Begin PBXNativeTarget section */
-		2D2A28391D9B042B00D4039D /* RCTImage-tvOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 2D2A28421D9B042B00D4039D /* Build configuration list for PBXNativeTarget "RCTImage-tvOS" */;
-			buildPhases = (
-				3DED3A951DE6F79D00336DD7 /* Headers */,
-				3D302F201DF8268700D6DDAE /* Copy Headers */,
-				2D2A28361D9B042B00D4039D /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "RCTImage-tvOS";
-			productName = "RCTImage-tvOS";
-			productReference = 2D2A283A1D9B042B00D4039D /* libRCTImage-tvOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		58B5115C1A9E6B3D00147676 /* RCTImage */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 58B511711A9E6B3D00147676 /* Build configuration list for PBXNativeTarget "RCTImage" */;
-			buildPhases = (
-				3DED3A891DE6F78800336DD7 /* Headers */,
-				3D302E171DF8225500D6DDAE /* Copy Headers */,
-				58B511591A9E6B3D00147676 /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = RCTImage;
-			productName = RCTNetworkImage;
-			productReference = 58B5115D1A9E6B3D00147676 /* libRCTImage.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		6BDE7ACD1ECB9C4400CC951F /* RCTImage-macOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 6BDE7AE81ECB9C4400CC951F /* Build configuration list for PBXNativeTarget "RCTImage-macOS" */;
-			buildPhases = (
-				6BDE7ACE1ECB9C4400CC951F /* Headers */,
-				18B022E91EF83BBC00FC19B0 /* Copy Headers */,
-				6BDE7ADC1ECB9C4400CC951F /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "RCTImage-macOS";
-			productName = RCTNetworkImage;
-			productReference = 6BDE7AEB1ECB9C4400CC951F /* libRCTImage.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-/* End PBXNativeTarget section */
-
-/* Begin PBXProject section */
-		58B511551A9E6B3D00147676 /* Project object */ = {
-			isa = PBXProject;
-			attributes = {
-				LastUpgradeCheck = 0940;
-				ORGANIZATIONNAME = Facebook;
-				TargetAttributes = {
-					2D2A28391D9B042B00D4039D = {
-						CreatedOnToolsVersion = 8.0;
-						ProvisioningStyle = Automatic;
-					};
-					58B5115C1A9E6B3D00147676 = {
-						CreatedOnToolsVersion = 6.1.1;
-					};
-				};
-			};
-			buildConfigurationList = 58B511581A9E6B3D00147676 /* Build configuration list for PBXProject "RCTImage" */;
-			compatibilityVersion = "Xcode 3.2";
-			developmentRegion = English;
-			hasScannedForEncodings = 0;
-			knownRegions = (
-				en,
-			);
-			mainGroup = 58B511541A9E6B3D00147676;
-			productRefGroup = 58B5115E1A9E6B3D00147676 /* Products */;
-			projectDirPath = "";
-			projectRoot = "";
-			targets = (
-				58B5115C1A9E6B3D00147676 /* RCTImage */,
-				6BDE7ACD1ECB9C4400CC951F /* RCTImage-macOS */,
-				2D2A28391D9B042B00D4039D /* RCTImage-tvOS */,
-			);
-		};
-/* End PBXProject section */
-
-/* Begin PBXSourcesBuildPhase section */
-		2D2A28361D9B042B00D4039D /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				2D3B5F231D9B0D1300451313 /* RCTImageStoreManager.m in Sources */,
-				2D3B5F1A1D9B0D0400451313 /* RCTImageCache.m in Sources */,
-				2D3B5F1D1D9B0D1300451313 /* RCTLocalAssetImageLoader.m in Sources */,
-				2D3B5F1F1D9B0D1300451313 /* RCTImageEditingManager.m in Sources */,
-				2D3B5F1E1D9B0D1300451313 /* RCTGIFImageDecoder.m in Sources */,
-				2D3B5F1C1D9B0D1300451313 /* RCTResizeMode.m in Sources */,
-				2D3B5F221D9B0D1300451313 /* RCTImageViewManager.m in Sources */,
-				2D3B5F211D9B0D1300451313 /* RCTImageView.m in Sources */,
-				3DA05A5B1EE0312900805843 /* RCTImageShadowView.m in Sources */,
-				2D3B5F201D9B0D1300451313 /* RCTImageLoader.m in Sources */,
-				2D3B5F1B1D9B0D0700451313 /* RCTImageBlurUtils.m in Sources */,
-				2D3B5F241D9B0D1300451313 /* RCTImageUtils.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		58B511591A9E6B3D00147676 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				35123E6B1B59C99D00EBAD80 /* RCTImageStoreManager.m in Sources */,
-				1304D5AC1AA8C4A30002E2BE /* RCTImageViewManager.m in Sources */,
-				1304D5B21AA8C50D0002E2BE /* RCTGIFImageDecoder.m in Sources */,
-				143879381AAD32A300F088A5 /* RCTImageLoader.m in Sources */,
-				354631681B69857700AA0B86 /* RCTImageEditingManager.m in Sources */,
-				139A38841C4D587C00862840 /* RCTResizeMode.m in Sources */,
-				1304D5AB1AA8C4A30002E2BE /* RCTImageView.m in Sources */,
-				EEF314721C9B0DD30049118E /* RCTImageBlurUtils.m in Sources */,
-				59AB092B1EDE5DD1009F97B5 /* RCTImageShadowView.m in Sources */,
-				13EF7F7F1BC825B1003F47DD /* RCTLocalAssetImageLoader.m in Sources */,
-				134B00A21B54232B00EC8DFB /* RCTImageUtils.m in Sources */,
-				CCD34C271D4B8FE900268922 /* RCTImageCache.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		6BDE7ADC1ECB9C4400CC951F /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				18B022DD1EF83BB300FC19B0 /* RCTGIFImageDecoder.m in Sources */,
-				18B022DE1EF83BB300FC19B0 /* RCTImageBlurUtils.m in Sources */,
-				18B022DF1EF83BB300FC19B0 /* RCTImageCache.m in Sources */,
-				18B022E01EF83BB300FC19B0 /* RCTImageEditingManager.m in Sources */,
-				18B022E11EF83BB300FC19B0 /* RCTImageLoader.m in Sources */,
-				18B022E21EF83BB300FC19B0 /* RCTImageShadowView.m in Sources */,
-				18B022E31EF83BB300FC19B0 /* RCTImageStoreManager.m in Sources */,
-				18B022E41EF83BB300FC19B0 /* RCTImageUtils.m in Sources */,
-				18B022E51EF83BB300FC19B0 /* RCTImageView.m in Sources */,
-				18B022E61EF83BB300FC19B0 /* RCTImageViewManager.m in Sources */,
-				18B022E71EF83BB300FC19B0 /* RCTLocalAssetImageLoader.m in Sources */,
-				18B022E81EF83BB300FC19B0 /* RCTResizeMode.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXSourcesBuildPhase section */
-
-/* Begin XCBuildConfiguration section */
-		2D2A28401D9B042B00D4039D /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				ENABLE_TESTABILITY = YES;
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/RCTImage;
-				SDKROOT = appletvos;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Debug;
-		};
-		2D2A28411D9B042B00D4039D /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				COPY_PHASE_STRIP = NO;
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/RCTImage;
-				SDKROOT = appletvos;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Release;
-		};
-		58B5116F1A9E6B3D00147676 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				ENABLE_TESTABILITY = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_DYNAMIC_NO_PIC = NO;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_OPTIMIZATION_LEVEL = 0;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"$(inherited)",
-				);
-				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = YES;
-				ONLY_ACTIVE_ARCH = YES;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-				);
-			};
-			name = Debug;
-		};
-		58B511701A9E6B3D00147676 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = YES;
-				ENABLE_NS_ASSERTIONS = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = NO;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				VALIDATE_PRODUCT = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-				);
-			};
-			name = Release;
-		};
-		58B511721A9E6B3D00147676 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTImage;
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/RCTImage;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-			};
-			name = Debug;
-		};
-		58B511731A9E6B3D00147676 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTImage;
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/RCTImage;
-				RUN_CLANG_STATIC_ANALYZER = NO;
-			};
-			name = Release;
-		};
-		6BDE7AE91ECB9C4400CC951F /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTImage;
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/RCTImage;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-				SDKROOT = macosx;
-			};
-			name = Debug;
-		};
-		6BDE7AEA1ECB9C4400CC951F /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTImage;
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/RCTImage;
-				RUN_CLANG_STATIC_ANALYZER = NO;
-				SDKROOT = macosx;
-			};
-			name = Release;
-		};
-/* End XCBuildConfiguration section */
-
-/* Begin XCConfigurationList section */
-		2D2A28421D9B042B00D4039D /* Build configuration list for PBXNativeTarget "RCTImage-tvOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				2D2A28401D9B042B00D4039D /* Debug */,
-				2D2A28411D9B042B00D4039D /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		58B511581A9E6B3D00147676 /* Build configuration list for PBXProject "RCTImage" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				58B5116F1A9E6B3D00147676 /* Debug */,
-				58B511701A9E6B3D00147676 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		58B511711A9E6B3D00147676 /* Build configuration list for PBXNativeTarget "RCTImage" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				58B511721A9E6B3D00147676 /* Debug */,
-				58B511731A9E6B3D00147676 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		6BDE7AE81ECB9C4400CC951F /* Build configuration list for PBXNativeTarget "RCTImage-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				6BDE7AE91ECB9C4400CC951F /* Debug */,
-				6BDE7AEA1ECB9C4400CC951F /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-/* End XCConfigurationList section */
-	};
-	rootObject = 58B511551A9E6B3D00147676 /* Project object */;
-}
diff --git a/Libraries/Image/RCTImageBlurUtils.m b/Libraries/Image/RCTImageBlurUtils.m
index 6f3a5e6362d2d3..7167f611015ebd 100644
--- a/Libraries/Image/RCTImageBlurUtils.m
+++ b/Libraries/Image/RCTImageBlurUtils.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTImageBlurUtils.h"
+#import <React/RCTImageBlurUtils.h>
 
 #import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 #import <React/RCTUtils.h> // TODO(macOS ISS#2323203)
diff --git a/Libraries/Image/RCTImageCache.h b/Libraries/Image/RCTImageCache.h
index b7acc1126ca6cd..e64b1a178d9d01 100644
--- a/Libraries/Image/RCTImageCache.h
+++ b/Libraries/Image/RCTImageCache.h
@@ -5,9 +5,38 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 #import <Foundation/Foundation.h>
 
-#import <React/RCTImageLoader.h>
+#import <React/RCTResizeMode.h>
+
+@interface UIImage (React)
+
+/**
+ * Memory bytes of the image with the default calculation of static image or GIF. Custom calculations of decoded bytes can be assigned manually.
+ */
+@property (nonatomic, assign) NSInteger reactDecodedImageBytes;
+
+@end
+
+/**
+ * Provides an interface to use for providing a image caching strategy.
+ */
+@protocol RCTImageCache <NSObject>
+
+- (UIImage *)imageForUrl:(NSString *)url
+                    size:(CGSize)size
+                   scale:(CGFloat)scale
+              resizeMode:(RCTResizeMode)resizeMode;
+
+- (void)addImageToCache:(UIImage *)image
+                    URL:(NSString *)url
+                   size:(CGSize)size
+                  scale:(CGFloat)scale
+             resizeMode:(RCTResizeMode)resizeMode
+               response:(NSURLResponse *)response;
+
+@end
 
 @interface RCTImageCache : NSObject <RCTImageCache>
 @end
diff --git a/Libraries/Image/RCTImageCache.m b/Libraries/Image/RCTImageCache.m
index 90890543a0d0e7..cbacea8fa5da62 100644
--- a/Libraries/Image/RCTImageCache.m
+++ b/Libraries/Image/RCTImageCache.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTImageCache.h"
+#import <React/RCTImageCache.h>
 
 #import <objc/runtime.h>
 
@@ -16,7 +16,7 @@
 #import <React/RCTUtils.h>
 #import <React/RCTResizeMode.h>
 
-#import "RCTImageUtils.h"
+#import <React/RCTImageUtils.h>
 
 static const NSUInteger RCTMaxCachableDecodedImageSizeInBytes = 2097152; // 2 MB
 
@@ -77,7 +77,7 @@ - (void)addImageToCache:(UIImage *)image
   if (!image) {
     return;
   }
-  NSInteger bytes = image.reactDecodedImageBytes; // TODO(macOS ISS#2323203)
+  NSInteger bytes = image.reactDecodedImageBytes;
   if (bytes <= RCTMaxCachableDecodedImageSizeInBytes) {
     [self->_decodedImageCache setObject:image
                                  forKey:cacheKey
diff --git a/Libraries/Image/RCTImageDataDecoder.h b/Libraries/Image/RCTImageDataDecoder.h
new file mode 100644
index 00000000000000..06346296e936a4
--- /dev/null
+++ b/Libraries/Image/RCTImageDataDecoder.h
@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
+
+#import <React/RCTBridge.h>
+#import <React/RCTResizeMode.h>
+#import <React/RCTURLRequestHandler.h>
+#import <React/RCTImageURLLoader.h>
+
+/**
+ * Provides the interface needed to register an image decoder. Image decoders
+ * are also bridge modules, so should be registered using RCT_EXPORT_MODULE().
+ */
+@protocol RCTImageDataDecoder <RCTBridgeModule>
+
+/**
+ * Indicates whether this handler is capable of decoding the specified data.
+ * Typically the handler would examine some sort of header data to determine
+ * this.
+ */
+- (BOOL)canDecodeImageData:(NSData *)imageData;
+
+/**
+ * Decode an image from the data object. The method should call the
+ * completionHandler when the decoding operation  has finished. The method
+ * should also return a cancellation block, if applicable.
+ *
+ * If you provide a custom image decoder, you most implement scheduling yourself,
+ * to avoid decoding large amounts of images at the same time.
+ */
+- (RCTImageLoaderCancellationBlock)decodeImageData:(NSData *)imageData
+                                              size:(CGSize)size
+                                             scale:(CGFloat)scale
+                                        resizeMode:(RCTResizeMode)resizeMode
+                                 completionHandler:(RCTImageLoaderCompletionBlock)completionHandler;
+
+@optional
+
+/**
+ * If more than one RCTImageDataDecoder responds YES to `-canDecodeImageData:`
+ * then `decoderPriority` is used to determine which one to use. The decoder
+ * with the highest priority will be selected. Default priority is zero.
+ * If two or more valid decoders have the same priority, the selection order is
+ * undefined.
+ */
+- (float)decoderPriority;
+
+@end
diff --git a/Libraries/Image/RCTImageEditingManager.m b/Libraries/Image/RCTImageEditingManager.m
deleted file mode 100644
index c38e74ac0b93ad..00000000000000
--- a/Libraries/Image/RCTImageEditingManager.m
+++ /dev/null
@@ -1,80 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#import "RCTImageEditingManager.h"
-
-#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
-
-#import <React/RCTConvert.h>
-#import <React/RCTLog.h>
-#import <React/RCTUtils.h>
-
-#import "RCTImageLoader.h"
-#import "RCTImageStoreManager.h"
-#import "RCTImageUtils.h"
-
-@implementation RCTImageEditingManager
-
-RCT_EXPORT_MODULE()
-
-@synthesize bridge = _bridge;
-
-/**
- * Crops an image and adds the result to the image store.
- *
- * @param imageRequest An image URL
- * @param cropData Dictionary with `offset`, `size` and `displaySize`.
- *        `offset` and `size` are relative to the full-resolution image size.
- *        `displaySize` is an optimization - if specified, the image will
- *        be scaled down to `displaySize` rather than `size`.
- *        All units are in px (not points).
- */
-RCT_EXPORT_METHOD(cropImage:(NSURLRequest *)imageRequest
-                  cropData:(NSDictionary *)cropData
-                  successCallback:(RCTResponseSenderBlock)successCallback
-                  errorCallback:(RCTResponseErrorBlock)errorCallback)
-{
-  CGRect rect = {
-    [RCTConvert CGPoint:cropData[@"offset"]],
-    [RCTConvert CGSize:cropData[@"size"]]
-  };
-
-  [_bridge.imageLoader loadImageWithURLRequest:imageRequest callback:^(NSError *error, UIImage *image) {
-    if (error) {
-      errorCallback(error);
-      return;
-    }
-
-    // Crop image
-    CGSize targetSize = rect.size;
-    CGRect targetRect = {{-rect.origin.x, -rect.origin.y}, image.size};
-    CGAffineTransform transform = RCTTransformFromTargetRect(image.size, targetRect);
-    UIImage *croppedImage = RCTTransformImage(image, targetSize, UIImageGetScale(image), transform); // TODO(macOS ISS#2323203)
-
-    // Scale image
-    if (cropData[@"displaySize"]) {
-      targetSize = [RCTConvert CGSize:cropData[@"displaySize"]]; // in pixels
-      RCTResizeMode resizeMode = [RCTConvert RCTResizeMode:cropData[@"resizeMode"] ?: @"contain"];
-      targetRect = RCTTargetRect(croppedImage.size, targetSize, 1, resizeMode);
-      transform = RCTTransformFromTargetRect(croppedImage.size, targetRect);
-      croppedImage = RCTTransformImage(croppedImage, targetSize, UIImageGetScale(image), transform); // TODO(macOS ISS#2323203)
-    }
-
-    // Store image
-    [self->_bridge.imageStoreManager storeImage:croppedImage withBlock:^(NSString *croppedImageTag) {
-      if (!croppedImageTag) {
-        NSString *errorMessage = @"Error storing cropped image in RCTImageStoreManager";
-        RCTLogWarn(@"%@", errorMessage);
-        errorCallback(RCTErrorWithMessage(errorMessage));
-        return;
-      }
-      successCallback(@[croppedImageTag]);
-    }];
-  }];
-}
-
-@end
diff --git a/Libraries/Image/RCTImageLoader.h b/Libraries/Image/RCTImageLoader.h
deleted file mode 100644
index 3b54dab8c2f388..00000000000000
--- a/Libraries/Image/RCTImageLoader.h
+++ /dev/null
@@ -1,264 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
-
-#import <React/RCTBridge.h>
-#import <React/RCTResizeMode.h>
-#import <React/RCTURLRequestHandler.h>
-
-typedef void (^RCTImageLoaderProgressBlock)(int64_t progress, int64_t total);
-typedef void (^RCTImageLoaderPartialLoadBlock)(UIImage *image);
-typedef void (^RCTImageLoaderCompletionBlock)(NSError *error, UIImage *image);
-typedef dispatch_block_t RCTImageLoaderCancellationBlock;
-
-@protocol RCTImageURLLoader;
-@protocol RCTImageDataDecoder;
-
-/**
- * Provides an interface to use for providing a image caching strategy.
- */
-@protocol RCTImageCache <NSObject>
-
-- (UIImage *)imageForUrl:(NSString *)url
-                    size:(CGSize)size
-                   scale:(CGFloat)scale
-              resizeMode:(RCTResizeMode)resizeMode;
-
-- (void)addImageToCache:(UIImage *)image
-                    URL:(NSString *)url
-                   size:(CGSize)size
-                  scale:(CGFloat)scale
-             resizeMode:(RCTResizeMode)resizeMode
-               response:(NSURLResponse *)response;
-
-@end
-
-/**
- * If available, RCTImageRedirectProtocol is invoked before loading an asset.
- * Implementation should return either a new URL or nil when redirection is
- * not needed.
- */
-
-@protocol RCTImageRedirectProtocol
-
-- (NSURL *)redirectAssetsURL:(NSURL *)URL;
-
-@end
-
-@interface UIImage (React)
-
-@property (nonatomic, copy) CAKeyframeAnimation *reactKeyframeAnimation;
-
-/**
- * Memory bytes of the image with the default calculation of static image or GIF. Custom calculations of decoded bytes can be assigned manually.
- */
-@property (nonatomic, assign) NSInteger reactDecodedImageBytes;
-
-@end
-
-@interface RCTImageLoader : NSObject <RCTBridgeModule, RCTURLRequestHandler>
-
-/**
- * The maximum number of concurrent image loading tasks. Loading and decoding
- * images can consume a lot of memory, so setting this to a higher value may
- * cause memory to spike. If you are seeing out-of-memory crashes, try reducing
- * this value.
- */
-@property (nonatomic, assign) NSUInteger maxConcurrentLoadingTasks;
-
-/**
- * The maximum number of concurrent image decoding tasks. Decoding large
- * images can be especially CPU and memory intensive, so if your are decoding a
- * lot of large images in your app, you may wish to adjust this value.
- */
-@property (nonatomic, assign) NSUInteger maxConcurrentDecodingTasks;
-
-/**
- * Decoding large images can use a lot of memory, and potentially cause the app
- * to crash. This value allows you to throttle the amount of memory used by the
- * decoder independently of the number of concurrent threads. This means you can
- * still decode a lot of small images in parallel, without allowing the decoder
- * to try to decompress multiple huge images at once. Note that this value is
- * only a hint, and not an indicator of the total memory used by the app.
- */
-@property (nonatomic, assign) NSUInteger maxConcurrentDecodingBytes;
-
-- (instancetype)init;
-- (instancetype)initWithRedirectDelegate:(id<RCTImageRedirectProtocol>)redirectDelegate NS_DESIGNATED_INITIALIZER;
-- (instancetype)initWithRedirectDelegate:(id<RCTImageRedirectProtocol>)redirectDelegate
-                              loadersProvider:(NSArray<id<RCTImageURLLoader>> * (^)(void))getLoaders
-                             decodersProvider:(NSArray<id<RCTImageDataDecoder>> * (^)(void))getDecoders;
-
-/**
- * Loads the specified image at the highest available resolution.
- * Can be called from any thread, will call back on an unspecified thread.
- */
-- (RCTImageLoaderCancellationBlock)loadImageWithURLRequest:(NSURLRequest *)imageURLRequest
-                                                  callback:(RCTImageLoaderCompletionBlock)callback;
-
-/**
- * As above, but includes target `size`, `scale` and `resizeMode`, which are used to
- * select the optimal dimensions for the loaded image. The `clipped` option
- * controls whether the image will be clipped to fit the specified size exactly,
- * or if the original aspect ratio should be retained.
- * `partialLoadBlock` is meant for custom image loaders that do not ship with the core RN library.
- * It is meant to be called repeatedly while loading the image as higher quality versions are decoded,
- * for instance with progressive JPEGs.
- */
-- (RCTImageLoaderCancellationBlock)loadImageWithURLRequest:(NSURLRequest *)imageURLRequest
-                                                      size:(CGSize)size
-                                                     scale:(CGFloat)scale
-                                                   clipped:(BOOL)clipped
-                                                resizeMode:(RCTResizeMode)resizeMode
-                                             progressBlock:(RCTImageLoaderProgressBlock)progressBlock
-                                          partialLoadBlock:(RCTImageLoaderPartialLoadBlock)partialLoadBlock
-                                           completionBlock:(RCTImageLoaderCompletionBlock)completionBlock;
-
-/**
- * Finds an appropriate image decoder and passes the target `size`, `scale` and
- * `resizeMode` for optimal image decoding.  The `clipped` option controls
- * whether the image will be clipped to fit the specified size exactly, or
- * if the original aspect ratio should be retained. Can be called from any
- * thread, will call callback on an unspecified thread.
- */
-- (RCTImageLoaderCancellationBlock)decodeImageData:(NSData *)imageData
-                                              size:(CGSize)size
-                                             scale:(CGFloat)scale
-                                           clipped:(BOOL)clipped
-                                        resizeMode:(RCTResizeMode)resizeMode
-                                   completionBlock:(RCTImageLoaderCompletionBlock)completionBlock;
-
-/**
- * Get image size, in pixels. This method will do the least work possible to get
- * the information, and won't decode the image if it doesn't have to.
- */
-- (RCTImageLoaderCancellationBlock)getImageSizeForURLRequest:(NSURLRequest *)imageURLRequest
-                                                       block:(void(^)(NSError *error, CGSize size))completionBlock;
-/**
- * Determines whether given image URLs are cached locally. The `requests` array is expected
- * to contain objects convertible to NSURLRequest. The return value maps URLs to strings:
- * "disk" for images known to be cached in non-volatile storage, "memory" for images known
- * to be cached in memory. Dictionary items corresponding to images that are not known to be
- * cached are simply missing.
- */
-- (NSDictionary *)getImageCacheStatus:(NSArray *)requests;
-
-/**
- * Allows developers to set their own caching implementation for
- * decoded images as long as it conforms to the RCTImageCache
- * protocol. This method should be called in bridgeDidInitializeModule.
- */
-- (void)setImageCache:(id<RCTImageCache>)cache;
-
-@end
-
-@interface RCTBridge (RCTImageLoader)
-
-/**
- * The shared image loader instance
- */
-@property (nonatomic, readonly) RCTImageLoader *imageLoader;
-
-@end
-
-/**
- * Provides the interface needed to register an image loader. Image data
- * loaders are also bridge modules, so should be registered using
- * RCT_EXPORT_MODULE().
- */
-@protocol RCTImageURLLoader <RCTBridgeModule>
-
-/**
- * Indicates whether this data loader is capable of processing the specified
- * request URL. Typically the handler would examine the scheme/protocol of the
- * URL to determine this.
- */
-- (BOOL)canLoadImageURL:(NSURL *)requestURL;
-
-/**
- * Send a network request to load the request URL. The method should call the
- * progressHandler (if applicable) and the completionHandler when the request
- * has finished. The method should also return a cancellation block, if
- * applicable.
- */
-- (RCTImageLoaderCancellationBlock)loadImageForURL:(NSURL *)imageURL
-                                              size:(CGSize)size
-                                             scale:(CGFloat)scale
-                                        resizeMode:(RCTResizeMode)resizeMode
-                                   progressHandler:(RCTImageLoaderProgressBlock)progressHandler
-                                partialLoadHandler:(RCTImageLoaderPartialLoadBlock)partialLoadHandler
-                                 completionHandler:(RCTImageLoaderCompletionBlock)completionHandler;
-
-@optional
-
-/**
- * If more than one RCTImageURLLoader responds YES to `-canLoadImageURL:`
- * then `loaderPriority` is used to determine which one to use. The loader
- * with the highest priority will be selected. Default priority is zero. If
- * two or more valid loaders have the same priority, the selection order is
- * undefined.
- */
-- (float)loaderPriority;
-
-/**
- * If the loader must be called on the serial url cache queue, and whether the completion
- * block should be dispatched off the main thread. If this is NO, the loader will be
- * called from the main queue. Defaults to YES.
- *
- * Use with care: disabling scheduling will reduce RCTImageLoader's ability to throttle
- * network requests.
- */
-- (BOOL)requiresScheduling;
-
-/**
- * If images loaded by the loader should be cached in the decoded image cache.
- * Defaults to YES.
- */
-- (BOOL)shouldCacheLoadedImages;
-
-@end
-
-/**
- * Provides the interface needed to register an image decoder. Image decoders
- * are also bridge modules, so should be registered using RCT_EXPORT_MODULE().
- */
-@protocol RCTImageDataDecoder <RCTBridgeModule>
-
-/**
- * Indicates whether this handler is capable of decoding the specified data.
- * Typically the handler would examine some sort of header data to determine
- * this.
- */
-- (BOOL)canDecodeImageData:(NSData *)imageData;
-
-/**
- * Decode an image from the data object. The method should call the
- * completionHandler when the decoding operation  has finished. The method
- * should also return a cancellation block, if applicable.
- *
- * If you provide a custom image decoder, you most implement scheduling yourself,
- * to avoid decoding large amounts of images at the same time.
- */
-- (RCTImageLoaderCancellationBlock)decodeImageData:(NSData *)imageData
-                                              size:(CGSize)size
-                                             scale:(CGFloat)scale
-                                        resizeMode:(RCTResizeMode)resizeMode
-                                 completionHandler:(RCTImageLoaderCompletionBlock)completionHandler;
-
-@optional
-
-/**
- * If more than one RCTImageDataDecoder responds YES to `-canDecodeImageData:`
- * then `decoderPriority` is used to determine which one to use. The decoder
- * with the highest priority will be selected. Default priority is zero.
- * If two or more valid decoders have the same priority, the selection order is
- * undefined.
- */
-- (float)decoderPriority;
-
-@end
diff --git a/Libraries/Image/RCTImageLoaderProtocol.h b/Libraries/Image/RCTImageLoaderProtocol.h
new file mode 100644
index 00000000000000..e40f157f919b04
--- /dev/null
+++ b/Libraries/Image/RCTImageLoaderProtocol.h
@@ -0,0 +1,116 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
+
+#import <React/RCTBridge.h>
+#import <React/RCTResizeMode.h>
+#import <React/RCTURLRequestHandler.h>
+#import <React/RCTImageDataDecoder.h>
+#import <React/RCTImageURLLoader.h>
+#import <React/RCTImageCache.h>
+
+/**
+ * If available, RCTImageRedirectProtocol is invoked before loading an asset.
+ * Implementation should return either a new URL or nil when redirection is
+ * not needed.
+ */
+
+@protocol RCTImageRedirectProtocol
+
+- (NSURL *)redirectAssetsURL:(NSURL *)URL;
+
+@end
+
+@protocol RCTImageLoaderProtocol<RCTURLRequestHandler>
+
+/**
+ * The maximum number of concurrent image loading tasks. Loading and decoding
+ * images can consume a lot of memory, so setting this to a higher value may
+ * cause memory to spike. If you are seeing out-of-memory crashes, try reducing
+ * this value.
+ */
+@property (nonatomic, assign) NSUInteger maxConcurrentLoadingTasks;
+
+/**
+ * The maximum number of concurrent image decoding tasks. Decoding large
+ * images can be especially CPU and memory intensive, so if your are decoding a
+ * lot of large images in your app, you may wish to adjust this value.
+ */
+@property (nonatomic, assign) NSUInteger maxConcurrentDecodingTasks;
+
+/**
+ * Decoding large images can use a lot of memory, and potentially cause the app
+ * to crash. This value allows you to throttle the amount of memory used by the
+ * decoder independently of the number of concurrent threads. This means you can
+ * still decode a lot of small images in parallel, without allowing the decoder
+ * to try to decompress multiple huge images at once. Note that this value is
+ * only a hint, and not an indicator of the total memory used by the app.
+ */
+@property (nonatomic, assign) NSUInteger maxConcurrentDecodingBytes;
+
+/**
+ * Loads the specified image at the highest available resolution.
+ * Can be called from any thread, will call back on an unspecified thread.
+ */
+- (RCTImageLoaderCancellationBlock)loadImageWithURLRequest:(NSURLRequest *)imageURLRequest
+                                                  callback:(RCTImageLoaderCompletionBlock)callback;
+
+/**
+ * As above, but includes target `size`, `scale` and `resizeMode`, which are used to
+ * select the optimal dimensions for the loaded image. The `clipped` option
+ * controls whether the image will be clipped to fit the specified size exactly,
+ * or if the original aspect ratio should be retained.
+ * `partialLoadBlock` is meant for custom image loaders that do not ship with the core RN library.
+ * It is meant to be called repeatedly while loading the image as higher quality versions are decoded,
+ * for instance with progressive JPEGs.
+ */
+- (RCTImageLoaderCancellationBlock)loadImageWithURLRequest:(NSURLRequest *)imageURLRequest
+                                                      size:(CGSize)size
+                                                     scale:(CGFloat)scale
+                                                   clipped:(BOOL)clipped
+                                                resizeMode:(RCTResizeMode)resizeMode
+                                             progressBlock:(RCTImageLoaderProgressBlock)progressBlock
+                                          partialLoadBlock:(RCTImageLoaderPartialLoadBlock)partialLoadBlock
+                                           completionBlock:(RCTImageLoaderCompletionBlock)completionBlock;
+
+/**
+ * Finds an appropriate image decoder and passes the target `size`, `scale` and
+ * `resizeMode` for optimal image decoding.  The `clipped` option controls
+ * whether the image will be clipped to fit the specified size exactly, or
+ * if the original aspect ratio should be retained. Can be called from any
+ * thread, will call callback on an unspecified thread.
+ */
+- (RCTImageLoaderCancellationBlock)decodeImageData:(NSData *)imageData
+                                              size:(CGSize)size
+                                             scale:(CGFloat)scale
+                                           clipped:(BOOL)clipped
+                                        resizeMode:(RCTResizeMode)resizeMode
+                                   completionBlock:(RCTImageLoaderCompletionBlock)completionBlock;
+
+/**
+ * Get image size, in pixels. This method will do the least work possible to get
+ * the information, and won't decode the image if it doesn't have to.
+ */
+- (RCTImageLoaderCancellationBlock)getImageSizeForURLRequest:(NSURLRequest *)imageURLRequest
+                                                       block:(void(^)(NSError *error, CGSize size))completionBlock;
+/**
+ * Determines whether given image URLs are cached locally. The `requests` array is expected
+ * to contain objects convertible to NSURLRequest. The return value maps URLs to strings:
+ * "disk" for images known to be cached in non-volatile storage, "memory" for images known
+ * to be cached in memory. Dictionary items corresponding to images that are not known to be
+ * cached are simply missing.
+ */
+- (NSDictionary *)getImageCacheStatus:(NSArray *)requests;
+
+/**
+ * Allows developers to set their own caching implementation for
+ * decoded images as long as it conforms to the RCTImageCache
+ * protocol. This method should be called in bridgeDidInitializeModule.
+ */
+- (void)setImageCache:(id<RCTImageCache>)cache;
+@end
diff --git a/Libraries/Image/RCTImageShadowView.m b/Libraries/Image/RCTImageShadowView.m
index 9102dc1b3b0b73..df50b36b13142d 100644
--- a/Libraries/Image/RCTImageShadowView.m
+++ b/Libraries/Image/RCTImageShadowView.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTImageShadowView.h"
+#import <React/RCTImageShadowView.h>
 
 #import <React/RCTLog.h>
 
diff --git a/Libraries/Image/RCTImageURLLoader.h b/Libraries/Image/RCTImageURLLoader.h
new file mode 100644
index 00000000000000..6de35a366073e0
--- /dev/null
+++ b/Libraries/Image/RCTImageURLLoader.h
@@ -0,0 +1,73 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
+
+#import <React/RCTBridge.h>
+#import <React/RCTResizeMode.h>
+
+typedef void (^RCTImageLoaderProgressBlock)(int64_t progress, int64_t total);
+typedef void (^RCTImageLoaderPartialLoadBlock)(UIImage *image);
+typedef void (^RCTImageLoaderCompletionBlock)(NSError *error, UIImage *image);
+typedef dispatch_block_t RCTImageLoaderCancellationBlock;
+
+/**
+ * Provides the interface needed to register an image loader. Image data
+ * loaders are also bridge modules, so should be registered using
+ * RCT_EXPORT_MODULE().
+ */
+@protocol RCTImageURLLoader <RCTBridgeModule>
+
+/**
+ * Indicates whether this data loader is capable of processing the specified
+ * request URL. Typically the handler would examine the scheme/protocol of the
+ * URL to determine this.
+ */
+- (BOOL)canLoadImageURL:(NSURL *)requestURL;
+
+/**
+ * Send a network request to load the request URL. The method should call the
+ * progressHandler (if applicable) and the completionHandler when the request
+ * has finished. The method should also return a cancellation block, if
+ * applicable.
+ */
+- (RCTImageLoaderCancellationBlock)loadImageForURL:(NSURL *)imageURL
+                                              size:(CGSize)size
+                                             scale:(CGFloat)scale
+                                        resizeMode:(RCTResizeMode)resizeMode
+                                   progressHandler:(RCTImageLoaderProgressBlock)progressHandler
+                                partialLoadHandler:(RCTImageLoaderPartialLoadBlock)partialLoadHandler
+                                 completionHandler:(RCTImageLoaderCompletionBlock)completionHandler;
+
+@optional
+
+/**
+ * If more than one RCTImageURLLoader responds YES to `-canLoadImageURL:`
+ * then `loaderPriority` is used to determine which one to use. The loader
+ * with the highest priority will be selected. Default priority is zero. If
+ * two or more valid loaders have the same priority, the selection order is
+ * undefined.
+ */
+- (float)loaderPriority;
+
+/**
+ * If the loader must be called on the serial url cache queue, and whether the completion
+ * block should be dispatched off the main thread. If this is NO, the loader will be
+ * called from the main queue. Defaults to YES.
+ *
+ * Use with care: disabling scheduling will reduce RCTImageLoader's ability to throttle
+ * network requests.
+ */
+- (BOOL)requiresScheduling;
+
+/**
+ * If images loaded by the loader should be cached in the decoded image cache.
+ * Defaults to YES.
+ */
+- (BOOL)shouldCacheLoadedImages;
+
+@end
diff --git a/Libraries/Image/RCTImageUtils.m b/Libraries/Image/RCTImageUtils.m
index 8799a6f30667a7..9d46a8e956b96b 100644
--- a/Libraries/Image/RCTImageUtils.m
+++ b/Libraries/Image/RCTImageUtils.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTImageUtils.h"
+#import <React/RCTImageUtils.h>
 
 #import <tgmath.h>
 
diff --git a/Libraries/Image/RCTImageView.m b/Libraries/Image/RCTImageView.m
index 21c6c3c999165b..ef507653bdba92 100644
--- a/Libraries/Image/RCTImageView.m
+++ b/Libraries/Image/RCTImageView.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTImageView.h"
+#import <React/RCTImageView.h>
 
 #import <React/RCTBridge.h>
 #import <React/RCTConvert.h>
@@ -14,9 +14,10 @@
 #import <React/RCTUtils.h>
 #import <React/UIView+React.h>
 
-#import "RCTImageBlurUtils.h"
-#import "RCTImageLoader.h"
-#import "RCTImageUtils.h"
+#import <React/RCTUIImageViewAnimated.h>
+#import <React/RCTImageBlurUtils.h>
+#import <React/RCTImageUtils.h>
+#import <React/RCTImageLoaderProtocol.h>
 
 /**
  * Determines whether an image of `currentSize` should be reloaded for display
@@ -126,16 +127,12 @@ @implementation RCTImageView
 
   // Whether the latest change of props requires the image to be reloaded
   BOOL _needsReload;
-  
+
+  RCTUIImageViewAnimated *_imageView;
+
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
   // Whether observing changes to the window's backing scale
   BOOL _subscribedToWindowBackingNotifications;
-#endif // ]TODO(macOS ISS#2323203)
-
-#if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
-  NSImageView *_imageView;
-#else
-  UIImageView *_imageView;
 #endif // [TODO(macOS ISS#2323203)
 }
 
@@ -150,8 +147,7 @@ - (instancetype)initWithBridge:(RCTBridge *)bridge
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
     self.wantsLayer = YES;
 #endif
-
-#if !TARGET_OS_OSX // ]TODO(macOS ISS#2323203)
+#if !TARGET_OS_OSX
     NSNotificationCenter *center = [NSNotificationCenter defaultCenter];
     [center addObserver:self
                selector:@selector(clearImageIfDetached)
@@ -161,10 +157,8 @@ - (instancetype)initWithBridge:(RCTBridge *)bridge
                selector:@selector(clearImageIfDetached)
                    name:UIApplicationDidEnterBackgroundNotification
                  object:nil];
-    _imageView = [[UIImageView alloc] init];
-#else
-    _imageView = [[NSImageView alloc] init];
-#endif // TODO(macOS ISS#2323203)
+#endif
+    _imageView = [[RCTUIImageViewAnimated alloc] init];
     _imageView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
     [self addSubview:_imageView];
   }
@@ -329,7 +323,6 @@ - (void)cancelImageLoad
 - (void)clearImage
 {
   [self cancelImageLoad];
-  [_imageView.layer removeAnimationForKey:@"contents"];
   self.image = nil;
   _imageSource = nil;
 }
@@ -442,14 +435,14 @@ - (void)reloadImage
     };
 
     _reloadImageCancellationBlock =
-    [_bridge.imageLoader loadImageWithURLRequest:source.request
-                                            size:imageSize
-                                           scale:imageScale
-                                         clipped:NO
-                                      resizeMode:_resizeMode
-                                   progressBlock:progressHandler
-                                partialLoadBlock:partialLoadHandler
-                                 completionBlock:completionHandler];
+    [[_bridge moduleForName:@"ImageLoader"] loadImageWithURLRequest:source.request
+                                                                        size:imageSize
+                                                                       scale:imageScale
+                                                                     clipped:NO
+                                                                  resizeMode:_resizeMode
+                                                               progressBlock:progressHandler
+                                                            partialLoadBlock:partialLoadHandler
+                                                             completionBlock:completionHandler];
   } else {
     [self clearImage];
   }
@@ -463,6 +456,10 @@ - (void)imageLoaderLoadedImage:(UIImage *)loadedImage error:(NSError *)error for
   }
 
   if (error) {
+    RCTExecuteOnMainQueue(^{
+      self.image = nil;
+    });
+
     if (_onError) {
       _onError(@{ @"error": error.localizedDescription });
     }
@@ -478,23 +475,7 @@ - (void)imageLoaderLoadedImage:(UIImage *)loadedImage error:(NSError *)error for
       self->_pendingImageSource = nil;
     }
 
-    [self->_imageView.layer removeAnimationForKey:@"contents"];
-    if (image.reactKeyframeAnimation) {
-      CGImageRef posterImageRef = (__bridge CGImageRef)[image.reactKeyframeAnimation.values firstObject];
-      if (!posterImageRef) {
-        return;
-      }
-      // Apply renderingMode to animated image.
-#if TARGET_OS_OSX // TODO(macOS ISS#2323203)
-      // NSImages don't have rendering modes, so ignore
-      self->_imageView.image = [[NSImage alloc] initWithCGImage:posterImageRef size:NSZeroSize /* shorthand for same size as CGImageRef */];
-#else // TODO(macOS ISS#2323203)
-      self->_imageView.image = [[UIImage imageWithCGImage:posterImageRef] imageWithRenderingMode:self->_renderingMode];
-#endif // TODO(macOS ISS#2323203)
-      [self->_imageView.layer addAnimation:image.reactKeyframeAnimation forKey:@"contents"];
-    } else {
-      self.image = image;
-    }
+    self.image = image;
 
     if (isPartialLoad) {
       if (self->_onPartialLoad) {
diff --git a/Libraries/Image/RCTImageViewManager.m b/Libraries/Image/RCTImageViewManager.m
index 60a3e3d392967a..e0022bb889dae5 100644
--- a/Libraries/Image/RCTImageViewManager.m
+++ b/Libraries/Image/RCTImageViewManager.m
@@ -5,16 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTImageViewManager.h"
+#import <React/RCTImageViewManager.h>
 
 #import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 
 #import <React/RCTConvert.h>
 #import <React/RCTImageSource.h>
 
-#import "RCTImageLoader.h"
-#import "RCTImageShadowView.h"
-#import "RCTImageView.h"
+#import <React/RCTImageShadowView.h>
+#import <React/RCTImageView.h>
+#import <React/RCTImageLoaderProtocol.h>
 
 @implementation RCTImageViewManager
 
@@ -56,28 +56,30 @@ - (RCTPlatformView *)view // TODO(macOS ISS#2323203)
                   successBlock:(RCTResponseSenderBlock)successBlock
                   errorBlock:(RCTResponseErrorBlock)errorBlock)
 {
-  [self.bridge.imageLoader getImageSizeForURLRequest:request
-                                               block:^(NSError *error, CGSize size) {
-                                                 if (error) {
-                                                   errorBlock(error);
-                                                 } else {
-                                                   successBlock(@[@(size.width), @(size.height)]);
-                                                 }
-                                               }];
+  [[self.bridge moduleForName:@"ImageLoader"]
+   getImageSizeForURLRequest:request
+   block:^(NSError *error, CGSize size) {
+     if (error) {
+       errorBlock(error);
+     } else {
+       successBlock(@[@(size.width), @(size.height)]);
+     }
+   }];
 }
 
 RCT_EXPORT_METHOD(getSizeWithHeaders:(RCTImageSource *)source
                   resolve:(RCTPromiseResolveBlock)resolve
                   reject:(RCTPromiseRejectBlock)reject)
 {
-  [self.bridge.imageLoader getImageSizeForURLRequest:source.request
-                                              block:^(NSError *error, CGSize size) {
-                                                if (error) {
-                                                  reject(@"E_GET_SIZE_FAILURE", nil, error);
-                                                  return;
-                                                }
-                                                resolve(@{@"width":@(size.width),@"height":@(size.height)});
-                                              }];
+  [[self.bridge moduleForName:@"ImageLoader"]
+   getImageSizeForURLRequest:source.request
+   block:^(NSError *error, CGSize size) {
+     if (error) {
+       reject(@"E_GET_SIZE_FAILURE", nil, error);
+       return;
+     }
+     resolve(@{@"width":@(size.width),@"height":@(size.height)});
+   }];
 }
 
 RCT_EXPORT_METHOD(prefetchImage:(NSURLRequest *)request
@@ -89,21 +91,22 @@ - (RCTPlatformView *)view // TODO(macOS ISS#2323203)
     return;
   }
 
-  [self.bridge.imageLoader loadImageWithURLRequest:request
-                                          callback:^(NSError *error, UIImage *image) {
-                                            if (error) {
-                                              reject(@"E_PREFETCH_FAILURE", nil, error);
-                                              return;
-                                            }
-                                            resolve(@YES);
-                                          }];
+  [[self.bridge moduleForName:@"ImageLoader"]
+   loadImageWithURLRequest:request
+   callback:^(NSError *error, UIImage *image) {
+     if (error) {
+       reject(@"E_PREFETCH_FAILURE", nil, error);
+       return;
+     }
+     resolve(@YES);
+   }];
 }
 
 RCT_EXPORT_METHOD(queryCache:(NSArray *)requests
                   resolve:(RCTPromiseResolveBlock)resolve
                   reject:(RCTPromiseRejectBlock)reject)
 {
-  resolve([self.bridge.imageLoader getImageCacheStatus:requests]);
+  resolve([[self.bridge moduleForName:@"ImageLoader"] getImageCacheStatus:requests]);
 }
 
 @end
diff --git a/Libraries/Image/RCTLocalAssetImageLoader.h b/Libraries/Image/RCTLocalAssetImageLoader.h
index df3918ad548c1a..aab44d184421fd 100644
--- a/Libraries/Image/RCTLocalAssetImageLoader.h
+++ b/Libraries/Image/RCTLocalAssetImageLoader.h
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import <React/RCTImageLoader.h>
+#import <React/RCTImageURLLoader.h>
 
 @interface RCTLocalAssetImageLoader : NSObject <RCTImageURLLoader>
 
diff --git a/Libraries/Image/RCTLocalAssetImageLoader.m b/Libraries/Image/RCTLocalAssetImageLoader.m
index 68407f38064ab0..8348c363cf9eef 100644
--- a/Libraries/Image/RCTLocalAssetImageLoader.m
+++ b/Libraries/Image/RCTLocalAssetImageLoader.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTLocalAssetImageLoader.h"
+#import <React/RCTLocalAssetImageLoader.h>
 
 #import <stdatomic.h>
 
diff --git a/Libraries/Image/RCTResizeMode.m b/Libraries/Image/RCTResizeMode.m
index 34027f8e8a2ec0..f718d5bd15e405 100644
--- a/Libraries/Image/RCTResizeMode.m
+++ b/Libraries/Image/RCTResizeMode.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTResizeMode.h"
+#import <React/RCTResizeMode.h>
 
 @implementation RCTConvert(RCTResizeMode)
 
diff --git a/Libraries/Image/RCTUIImageViewAnimated.h b/Libraries/Image/RCTUIImageViewAnimated.h
new file mode 100644
index 00000000000000..30ba461d51450e
--- /dev/null
+++ b/Libraries/Image/RCTUIImageViewAnimated.h
@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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/RCTAnimatedImage.h>
+#import <React/RCTDefines.h>
+
+#if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
+@interface RCTUIImageViewAnimated : NSImageView
+#else // ]TODO(macOS ISS#2323203)
+@interface RCTUIImageViewAnimated : UIImageView
+#endif  // TODO(macOS ISS#2323203)
+
+@end
diff --git a/Libraries/Image/RCTUIImageViewAnimated.m b/Libraries/Image/RCTUIImageViewAnimated.m
new file mode 100644
index 00000000000000..ffc5534d98ac4d
--- /dev/null
+++ b/Libraries/Image/RCTUIImageViewAnimated.m
@@ -0,0 +1,337 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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/RCTUIImageViewAnimated.h>
+#import <React/RCTWeakProxy.h>
+
+#import <mach/mach.h>
+#import <objc/runtime.h>
+
+static NSUInteger RCTDeviceTotalMemory() {
+  return (NSUInteger)[[NSProcessInfo processInfo] physicalMemory];
+}
+
+static NSUInteger RCTDeviceFreeMemory() {
+  mach_port_t host_port = mach_host_self();
+  mach_msg_type_number_t host_size = sizeof(vm_statistics_data_t) / sizeof(integer_t);
+  vm_size_t page_size;
+  vm_statistics_data_t vm_stat;
+  kern_return_t kern;
+  
+  kern = host_page_size(host_port, &page_size);
+  if (kern != KERN_SUCCESS) return 0;
+  kern = host_statistics(host_port, HOST_VM_INFO, (host_info_t)&vm_stat, &host_size);
+  if (kern != KERN_SUCCESS) return 0;
+  return vm_stat.free_count * page_size;
+}
+
+@interface RCTUIImageViewAnimated () <CALayerDelegate>
+
+@property (nonatomic, assign) NSUInteger maxBufferSize;
+@property (nonatomic, strong, readwrite) UIImage *currentFrame;
+@property (nonatomic, assign, readwrite) NSUInteger currentFrameIndex;
+@property (nonatomic, assign, readwrite) NSUInteger currentLoopCount;
+@property (nonatomic, assign) NSUInteger totalFrameCount;
+@property (nonatomic, assign) NSUInteger totalLoopCount;
+@property (nonatomic, strong) UIImage<RCTAnimatedImage> *animatedImage;
+@property (nonatomic, strong) NSMutableDictionary<NSNumber *, UIImage *> *frameBuffer;
+@property (nonatomic, assign) NSTimeInterval currentTime;
+@property (nonatomic, assign) BOOL bufferMiss;
+@property (nonatomic, assign) NSUInteger maxBufferCount;
+@property (nonatomic, strong) NSOperationQueue *fetchQueue;
+@property (nonatomic, strong) dispatch_semaphore_t lock;
+@property (nonatomic, assign) CGFloat animatedImageScale;
+#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
+@property (nonatomic, strong) CADisplayLink *displayLink;
+#endif // TODO(macOS ISS#2323203)
+@end
+
+@implementation RCTUIImageViewAnimated
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    self.lock = dispatch_semaphore_create(1);
+    #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
+    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(didReceiveMemoryWarning:) name:UIApplicationDidReceiveMemoryWarningNotification object:nil];
+    #endif // TODO(macOS ISS#2323203)
+  }
+  return self;
+}
+
+- (void)resetAnimatedImage
+{
+  self.animatedImage = nil;
+  self.totalFrameCount = 0;
+  self.totalLoopCount = 0;
+  self.currentFrame = nil;
+  self.currentFrameIndex = 0;
+  self.currentLoopCount = 0;
+  self.currentTime = 0;
+  self.bufferMiss = NO;
+  self.maxBufferCount = 0;
+  self.animatedImageScale = 1;
+  [_fetchQueue cancelAllOperations];
+  _fetchQueue = nil;
+  dispatch_semaphore_wait(self.lock, DISPATCH_TIME_FOREVER);
+  [_frameBuffer removeAllObjects];
+  _frameBuffer = nil;
+  dispatch_semaphore_signal(self.lock);
+}
+
+- (void)setImage:(UIImage *)image
+{
+  if (self.image == image) {
+    return;
+  }
+
+#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
+  [self stop];
+#endif // TODO(macOS ISS#2323203)
+
+  [self resetAnimatedImage];
+
+  if ([image respondsToSelector:@selector(animatedImageFrameAtIndex:)]) {
+    NSUInteger animatedImageFrameCount = ((UIImage<RCTAnimatedImage> *)image).animatedImageFrameCount;
+    
+    // In case frame count is 0, there is no reason to continue.
+    if (animatedImageFrameCount == 0) {
+      return;
+    }
+    
+    self.animatedImage = (UIImage<RCTAnimatedImage> *)image;
+    self.totalFrameCount = animatedImageFrameCount;
+    
+    // Get the current frame and loop count.
+    self.totalLoopCount = self.animatedImage.animatedImageLoopCount;
+
+    self.animatedImageScale = UIImageGetScale(image); // TODO(macOS ISS#2323203)
+    
+    self.currentFrame = image;
+    
+    dispatch_semaphore_wait(self.lock, DISPATCH_TIME_FOREVER);
+    self.frameBuffer[@(self.currentFrameIndex)] = self.currentFrame;
+    dispatch_semaphore_signal(self.lock);
+
+#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
+    // Calculate max buffer size
+    [self calculateMaxBufferCount];
+
+    if ([self paused]) {
+      [self start];
+    }
+#endif // TODO(macOS ISS#2323203)
+
+    [self.layer setNeedsDisplay];
+  } else {
+    super.image = image;
+  }
+}
+
+#pragma mark - Private
+
+- (NSOperationQueue *)fetchQueue
+{
+  if (!_fetchQueue) {
+    _fetchQueue = [[NSOperationQueue alloc] init];
+    _fetchQueue.maxConcurrentOperationCount = 1;
+  }
+  return _fetchQueue;
+}
+
+- (NSMutableDictionary<NSNumber *,UIImage *> *)frameBuffer
+{
+  if (!_frameBuffer) {
+    _frameBuffer = [NSMutableDictionary dictionary];
+  }
+  return _frameBuffer;
+}
+
+#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
+- (CADisplayLink *)displayLink
+{
+  if (!_displayLink) {
+    _displayLink = [CADisplayLink displayLinkWithTarget:[RCTWeakProxy weakProxyWithTarget:self] selector:@selector(displayDidRefresh:)];
+    NSString *runLoopMode = [NSProcessInfo processInfo].activeProcessorCount > 1 ? NSRunLoopCommonModes : NSDefaultRunLoopMode;
+    [_displayLink addToRunLoop:[NSRunLoop mainRunLoop] forMode:runLoopMode];
+  }
+  return _displayLink;
+}
+
+#pragma mark - Animation
+
+- (void)start
+{
+  self.displayLink.paused = NO;
+}
+
+- (void)stop
+{
+  self.displayLink.paused = YES;
+}
+
+- (BOOL)paused
+{
+  return self.displayLink.isPaused;
+}
+
+- (void)displayDidRefresh:(CADisplayLink *)displayLink
+{
+#if TARGET_OS_UIKITFORMAC
+  // TODO: `displayLink.frameInterval` is not available on UIKitForMac
+  NSTimeInterval duration = displayLink.duration;
+#else
+  NSTimeInterval duration = displayLink.duration * displayLink.frameInterval;
+#endif
+  NSUInteger totalFrameCount = self.totalFrameCount;
+  NSUInteger currentFrameIndex = self.currentFrameIndex;
+  NSUInteger nextFrameIndex = (currentFrameIndex + 1) % totalFrameCount;
+  
+  // Check if we have the frame buffer firstly to improve performance
+  if (!self.bufferMiss) {
+    // Then check if timestamp is reached
+    self.currentTime += duration;
+    NSTimeInterval currentDuration = [self.animatedImage animatedImageDurationAtIndex:currentFrameIndex];
+    if (self.currentTime < currentDuration) {
+      // Current frame timestamp not reached, return
+      return;
+    }
+    self.currentTime -= currentDuration;
+    NSTimeInterval nextDuration = [self.animatedImage animatedImageDurationAtIndex:nextFrameIndex];
+    if (self.currentTime > nextDuration) {
+      // Do not skip frame
+      self.currentTime = nextDuration;
+    }
+  }
+  
+  // Update the current frame
+  UIImage *currentFrame;
+  UIImage *fetchFrame;
+  dispatch_semaphore_wait(self.lock, DISPATCH_TIME_FOREVER);
+  currentFrame = self.frameBuffer[@(currentFrameIndex)];
+  fetchFrame = currentFrame ? self.frameBuffer[@(nextFrameIndex)] : nil;
+  dispatch_semaphore_signal(self.lock);
+  BOOL bufferFull = NO;
+  if (currentFrame) {
+    dispatch_semaphore_wait(self.lock, DISPATCH_TIME_FOREVER);
+    // Remove the frame buffer if need
+    if (self.frameBuffer.count > self.maxBufferCount) {
+      self.frameBuffer[@(currentFrameIndex)] = nil;
+    }
+    // Check whether we can stop fetch
+    if (self.frameBuffer.count == totalFrameCount) {
+      bufferFull = YES;
+    }
+    dispatch_semaphore_signal(self.lock);
+    self.currentFrame = currentFrame;
+    self.currentFrameIndex = nextFrameIndex;
+    self.bufferMiss = NO;
+    [self.layer setNeedsDisplay];
+  } else {
+    self.bufferMiss = YES;
+  }
+  
+  // Update the loop count when last frame rendered
+  if (nextFrameIndex == 0 && !self.bufferMiss) {
+    // Update the loop count
+    self.currentLoopCount++;
+    // if reached the max loop count, stop animating, 0 means loop indefinitely
+    NSUInteger maxLoopCount = self.totalLoopCount;
+    if (maxLoopCount != 0 && (self.currentLoopCount >= maxLoopCount)) {
+      [self stop];
+      return;
+    }
+  }
+  
+  // Check if we should prefetch next frame or current frame
+  NSUInteger fetchFrameIndex;
+  if (self.bufferMiss) {
+    // When buffer miss, means the decode speed is slower than render speed, we fetch current miss frame
+    fetchFrameIndex = currentFrameIndex;
+  } else {
+    // Or, most cases, the decode speed is faster than render speed, we fetch next frame
+    fetchFrameIndex = nextFrameIndex;
+  }
+  
+  if (!fetchFrame && !bufferFull && self.fetchQueue.operationCount == 0) {
+    // Prefetch next frame in background queue
+    UIImage<RCTAnimatedImage> *animatedImage = self.animatedImage;
+    NSOperation *operation = [NSBlockOperation blockOperationWithBlock:^{
+      UIImage *frame = [animatedImage animatedImageFrameAtIndex:fetchFrameIndex];
+      dispatch_semaphore_wait(self.lock, DISPATCH_TIME_FOREVER);
+      self.frameBuffer[@(fetchFrameIndex)] = frame;
+      dispatch_semaphore_signal(self.lock);
+    }];
+    [self.fetchQueue addOperation:operation];
+  }
+}
+
+#pragma mark - CALayerDelegate
+
+- (void)displayLayer:(CALayer *)layer
+{
+  if (_currentFrame) {
+    layer.contentsScale = self.animatedImageScale;
+    layer.contents = (__bridge id)_currentFrame.CGImage;
+  }
+}
+
+#pragma mark - Util
+
+- (void)calculateMaxBufferCount
+{
+  NSUInteger bytes = CGImageGetBytesPerRow(self.currentFrame.CGImage) * CGImageGetHeight(self.currentFrame.CGImage);
+  if (bytes == 0) bytes = 1024;
+  
+  NSUInteger max = 0;
+  if (self.maxBufferSize > 0) {
+    max = self.maxBufferSize;
+  } else {
+    // Calculate based on current memory, these factors are by experience
+    NSUInteger total = RCTDeviceTotalMemory();
+    NSUInteger free = RCTDeviceFreeMemory();
+    max = MIN(total * 0.2, free * 0.6);
+  }
+  
+  NSUInteger maxBufferCount = (double)max / (double)bytes;
+  if (!maxBufferCount) {
+    // At least 1 frame
+    maxBufferCount = 1;
+  }
+  
+  self.maxBufferCount = maxBufferCount;
+}
+
+#pragma mark - Lifecycle
+
+- (void)dealloc
+{
+  // Removes the display link from all run loop modes.
+  [_displayLink invalidate];
+  _displayLink = nil;
+  [[NSNotificationCenter defaultCenter] removeObserver:self name:UIApplicationDidReceiveMemoryWarningNotification object:nil];
+}
+
+- (void)didReceiveMemoryWarning:(NSNotification *)notification
+{
+  [_fetchQueue cancelAllOperations];
+  [_fetchQueue addOperationWithBlock:^{
+    NSNumber *currentFrameIndex = @(self.currentFrameIndex);
+    dispatch_semaphore_wait(self.lock, DISPATCH_TIME_FOREVER);
+    NSArray *keys = self.frameBuffer.allKeys;
+    // only keep the next frame for later rendering
+    for (NSNumber * key in keys) {
+      if (![key isEqualToNumber:currentFrameIndex]) {
+        [self.frameBuffer removeObjectForKey:key];
+      }
+    }
+    dispatch_semaphore_signal(self.lock);
+  }];
+}
+#endif // TODO(macOS ISS#2323203)
+
+@end
diff --git a/Libraries/Image/React-RCTImage.podspec b/Libraries/Image/React-RCTImage.podspec
index 977df3de528bc0..96548e9918628a 100644
--- a/Libraries/Image/React-RCTImage.podspec
+++ b/Libraries/Image/React-RCTImage.podspec
@@ -27,10 +27,10 @@ Pod::Spec.new do |s|
   s.author                 = "Facebook, Inc. and its affiliates"
   s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.14" } # TODO(macOS GH#214)
   s.source                 = source
-  s.source_files           = "*.{h,m}"
+  s.source_files           = "*.{m}"
   s.preserve_paths         = "package.json", "LICENSE", "LICENSE-docs"
-  s.header_dir             = "React"
+  s.header_dir             = "RCTImage"
 
-  s.dependency "React-Core", version
+  s.dependency "React-Core/RCTImageHeaders", version
   s.dependency "React-RCTNetwork", version
 end
diff --git a/Libraries/Image/RelativeImageStub.js b/Libraries/Image/RelativeImageStub.js
index 6349a393f59064..040392a75e2e07 100644
--- a/Libraries/Image/RelativeImageStub.js
+++ b/Libraries/Image/RelativeImageStub.js
@@ -15,7 +15,7 @@
 
 const AssetRegistry = require('./AssetRegistry');
 
-module.exports = AssetRegistry.registerAsset({
+module.exports = (AssetRegistry.registerAsset({
   __packager_asset: true,
   fileSystemLocation: '/full/path/to/directory',
   httpServerLocation: '/assets/full/path/to/directory',
@@ -25,4 +25,4 @@ module.exports = AssetRegistry.registerAsset({
   hash: 'nonsense',
   name: 'icon',
   type: 'png',
-});
+}): number);
diff --git a/Libraries/Image/TextInlineImageNativeComponent.js b/Libraries/Image/TextInlineImageNativeComponent.js
index b8cb7a50f8eb59..144e4314f8d645 100644
--- a/Libraries/Image/TextInlineImageNativeComponent.js
+++ b/Libraries/Image/TextInlineImageNativeComponent.js
@@ -12,6 +12,6 @@
 
 const requireNativeComponent = require('../ReactNative/requireNativeComponent');
 
-const TextInlineImage = requireNativeComponent('RCTTextInlineImage');
+const TextInlineImage: string = requireNativeComponent('RCTTextInlineImage');
 
 module.exports = TextInlineImage;
diff --git a/Libraries/Image/__tests__/resolveAssetSource-test.js b/Libraries/Image/__tests__/resolveAssetSource-test.js
index c5afbdf8705587..287e0657beb5ac 100644
--- a/Libraries/Image/__tests__/resolveAssetSource-test.js
+++ b/Libraries/Image/__tests__/resolveAssetSource-test.js
@@ -10,19 +10,20 @@
 
 'use strict';
 
-const AssetRegistry = require('../AssetRegistry');
-const Platform = require('../../Utilities/Platform');
-const NativeModules = require('../../BatchedBridge/NativeModules');
-const resolveAssetSource = require('../resolveAssetSource');
-
-function expectResolvesAsset(input, expectedSource) {
-  const assetId = AssetRegistry.registerAsset(input);
-  expect(resolveAssetSource(assetId)).toEqual(expectedSource);
-}
-
 describe('resolveAssetSource', () => {
+  let AssetRegistry;
+  let resolveAssetSource;
+  let NativeSourceCode;
+  let Platform;
+
   beforeEach(() => {
     jest.resetModules();
+
+    AssetRegistry = require('../AssetRegistry');
+    resolveAssetSource = require('../resolveAssetSource');
+    NativeSourceCode = require('../../NativeModules/specs/NativeSourceCode')
+      .default;
+    Platform = require('../../Utilities/Platform');
   });
 
   it('returns same source for simple static and network images', () => {
@@ -57,7 +58,9 @@ describe('resolveAssetSource', () => {
 
   describe('bundle was loaded from network (DEV)', () => {
     beforeEach(() => {
-      NativeModules.SourceCode.scriptURL = 'http://10.0.0.1:8081/main.bundle';
+      NativeSourceCode.getConstants = () => ({
+        scriptURL: 'http://10.0.0.1:8081/main.bundle',
+      });
       Platform.OS = 'ios';
     });
 
@@ -112,8 +115,9 @@ describe('resolveAssetSource', () => {
 
   describe('bundle was loaded from file on iOS', () => {
     beforeEach(() => {
-      NativeModules.SourceCode.scriptURL =
-        'file:///Path/To/Sample.app/main.bundle';
+      NativeSourceCode.getConstants = () => ({
+        scriptURL: 'file:///Path/To/Sample.app/main.bundle',
+      });
       Platform.OS = 'ios';
     });
 
@@ -143,8 +147,9 @@ describe('resolveAssetSource', () => {
 
   describe('bundle was loaded from assets on Android', () => {
     beforeEach(() => {
-      NativeModules.SourceCode.scriptURL =
-        'assets://Path/To/Simulator/main.bundle';
+      NativeSourceCode.getConstants = () => ({
+        scriptURL: 'assets://Path/To/Simulator/main.bundle',
+      });
       Platform.OS = 'android';
     });
 
@@ -174,8 +179,9 @@ describe('resolveAssetSource', () => {
 
   describe('bundle was loaded from file on Android', () => {
     beforeEach(() => {
-      NativeModules.SourceCode.scriptURL =
-        'file:///sdcard/Path/To/Simulator/main.bundle';
+      NativeSourceCode.getConstants = () => ({
+        scriptURL: 'file:///sdcard/Path/To/Simulator/main.bundle',
+      });
       Platform.OS = 'android';
     });
 
@@ -206,8 +212,9 @@ describe('resolveAssetSource', () => {
 
   describe('bundle was loaded from raw file on Android', () => {
     beforeEach(() => {
-      NativeModules.SourceCode.scriptURL =
-        '/sdcard/Path/To/Simulator/main.bundle';
+      NativeSourceCode.getConstants = () => ({
+        scriptURL: '/sdcard/Path/To/Simulator/main.bundle',
+      });
       Platform.OS = 'android';
     });
 
@@ -238,8 +245,9 @@ describe('resolveAssetSource', () => {
 
   describe('source resolver can be customized', () => {
     beforeEach(() => {
-      NativeModules.SourceCode.scriptURL =
-        'file:///sdcard/Path/To/Simulator/main.bundle';
+      NativeSourceCode.getConstants = () => ({
+        scriptURL: 'file:///sdcard/Path/To/Simulator/main.bundle',
+      });
       Platform.OS = 'android';
     });
 
@@ -295,9 +303,16 @@ describe('resolveAssetSource', () => {
       );
     });
   });
+
+  function expectResolvesAsset(input, expectedSource) {
+    const assetId = AssetRegistry.registerAsset(input);
+    expect(resolveAssetSource(assetId)).toEqual(expectedSource);
+  }
 });
 
 describe('resolveAssetSource.pickScale', () => {
+  const resolveAssetSource = require('../resolveAssetSource');
+
   it('picks matching scale', () => {
     expect(resolveAssetSource.pickScale([1], 2)).toBe(1);
     expect(resolveAssetSource.pickScale([1, 2, 3], 2)).toBe(2);
diff --git a/Libraries/Image/assetPathUtils.js b/Libraries/Image/assetPathUtils.js
index 402680cef72779..6281c959984d9c 100644
--- a/Libraries/Image/assetPathUtils.js
+++ b/Libraries/Image/assetPathUtils.js
@@ -44,7 +44,10 @@ const drawableFileTypes = new Set([
   'xml',
 ]);
 
-function getAndroidResourceFolderName(asset: PackagerAsset, scale: number) {
+function getAndroidResourceFolderName(
+  asset: PackagerAsset,
+  scale: number,
+): string | $TEMPORARY$string<'raw'> {
   if (!drawableFileTypes.has(asset.type)) {
     return 'raw';
   }
@@ -63,7 +66,7 @@ function getAndroidResourceFolderName(asset: PackagerAsset, scale: number) {
   return androidFolder;
 }
 
-function getAndroidResourceIdentifier(asset: PackagerAsset) {
+function getAndroidResourceIdentifier(asset: PackagerAsset): string {
   var folderPath = getBasePath(asset);
   return (folderPath + '/' + asset.name)
     .toLowerCase()
@@ -72,7 +75,7 @@ function getAndroidResourceIdentifier(asset: PackagerAsset) {
     .replace(/^assets_/, ''); // Remove "assets_" prefix
 }
 
-function getBasePath(asset: PackagerAsset) {
+function getBasePath(asset: PackagerAsset): string {
   var basePath = asset.httpServerLocation;
   if (basePath[0] === '/') {
     basePath = basePath.substr(1);
diff --git a/Libraries/Image/resolveAssetSource.js b/Libraries/Image/resolveAssetSource.js
index dd9167af53e086..7d256832fca144 100644
--- a/Libraries/Image/resolveAssetSource.js
+++ b/Libraries/Image/resolveAssetSource.js
@@ -29,10 +29,9 @@ function getSourceCodeScriptURL(): ?string {
   let sourceCode =
     global.nativeExtensions && global.nativeExtensions.SourceCode;
   if (!sourceCode) {
-    const NativeModules = require('../BatchedBridge/NativeModules');
-    sourceCode = NativeModules && NativeModules.SourceCode;
+    sourceCode = require('../NativeModules/specs/NativeSourceCode').default;
   }
-  _sourceCodeScriptURL = sourceCode.scriptURL;
+  _sourceCodeScriptURL = sourceCode.getConstants().scriptURL;
   return _sourceCodeScriptURL;
 }
 
diff --git a/Libraries/Inspector/BorderBox.js b/Libraries/Inspector/BorderBox.js
index 3ab66f10a0fb20..886beb784d5922 100644
--- a/Libraries/Inspector/BorderBox.js
+++ b/Libraries/Inspector/BorderBox.js
@@ -14,7 +14,7 @@ const React = require('react');
 const View = require('../Components/View/View');
 
 class BorderBox extends React.Component<$FlowFixMeProps> {
-  render() {
+  render(): $FlowFixMe | React.Node {
     const box = this.props.box;
     if (!box) {
       return this.props.children;
diff --git a/Libraries/Inspector/BoxInspector.js b/Libraries/Inspector/BoxInspector.js
index bd1f3d376f5f83..e1002f568ca0f4 100644
--- a/Libraries/Inspector/BoxInspector.js
+++ b/Libraries/Inspector/BoxInspector.js
@@ -14,6 +14,7 @@ const React = require('react');
 const StyleSheet = require('../StyleSheet/StyleSheet');
 const Text = require('../Text/Text');
 const View = require('../Components/View/View');
+
 const resolveBoxStyle = require('./resolveBoxStyle');
 
 const blank = {
@@ -24,7 +25,7 @@ const blank = {
 };
 
 class BoxInspector extends React.Component<$FlowFixMeProps> {
-  render() {
+  render(): React.Node {
     const frame = this.props.frame;
     const style = this.props.style;
     const margin = (style && resolveBoxStyle('margin', style)) || blank;
diff --git a/Libraries/Inspector/ElementBox.js b/Libraries/Inspector/ElementBox.js
index 9f6c0c4bf204ed..2e67b18f7720d8 100644
--- a/Libraries/Inspector/ElementBox.js
+++ b/Libraries/Inspector/ElementBox.js
@@ -11,16 +11,16 @@
 'use strict';
 
 const BorderBox = require('./BorderBox');
+const Dimensions = require('../Utilities/Dimensions');
 const React = require('react');
 const StyleSheet = require('../StyleSheet/StyleSheet');
 const View = require('../Components/View/View');
-const Dimensions = require('../Utilities/Dimensions');
 
 const flattenStyle = require('../StyleSheet/flattenStyle');
 const resolveBoxStyle = require('./resolveBoxStyle');
 
 class ElementBox extends React.Component<$FlowFixMeProps> {
-  render() {
+  render(): React.Node {
     const style = flattenStyle(this.props.style) || {};
     let margin = resolveBoxStyle('margin', style);
     let padding = resolveBoxStyle('padding', style);
diff --git a/Libraries/Inspector/ElementProperties.js b/Libraries/Inspector/ElementProperties.js
index 3cc8f4bfa5f1ba..31f74406a9ed11 100644
--- a/Libraries/Inspector/ElementProperties.js
+++ b/Libraries/Inspector/ElementProperties.js
@@ -38,7 +38,7 @@ type Props = $ReadOnly<{|
 |}>;
 
 class ElementProperties extends React.Component<Props> {
-  render() {
+  render(): React.Node {
     const style = flattenStyle(this.props.style);
     const selection = this.props.selection;
     let openFileButton;
diff --git a/Libraries/Inspector/Inspector.js b/Libraries/Inspector/Inspector.js
index a9ddf5919572be..22dd2655b61722 100644
--- a/Libraries/Inspector/Inspector.js
+++ b/Libraries/Inspector/Inspector.js
@@ -115,7 +115,7 @@ class Inspector extends React.Component<
     this.setState({inspectedViewTag: newProps.inspectedViewTag});
   }
 
-  attachToDevtools = (agent: Object) => {
+  attachToDevtools: (agent: any) => void = (agent: Object) => {
     let _hideWait = null;
     const hlSub = agent.sub('highlight', ({node, name, props}) => {
       clearTimeout(_hideWait);
@@ -239,7 +239,7 @@ class Inspector extends React.Component<
     });
   }
 
-  render() {
+  render(): React.Node {
     const panelContainerStyle =
       this.state.panelPos === 'bottom'
         ? {bottom: 0}
diff --git a/Libraries/Inspector/InspectorOverlay.js b/Libraries/Inspector/InspectorOverlay.js
index 540afb73c1c998..878ee5e6ca1591 100644
--- a/Libraries/Inspector/InspectorOverlay.js
+++ b/Libraries/Inspector/InspectorOverlay.js
@@ -17,8 +17,8 @@ const StyleSheet = require('../StyleSheet/StyleSheet');
 const UIManager = require('../ReactNative/UIManager');
 const View = require('../Components/View/View');
 
-import type {PressEvent} from '../Types/CoreEventTypes';
 import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
+import type {PressEvent} from '../Types/CoreEventTypes';
 
 type Inspected = $ReadOnly<{|
   frame?: Object,
@@ -32,7 +32,7 @@ type Props = $ReadOnly<{|
 |}>;
 
 class InspectorOverlay extends React.Component<Props> {
-  findViewForTouchEvent = (e: PressEvent) => {
+  findViewForTouchEvent: (e: PressEvent) => void = (e: PressEvent) => {
     const {locationX, locationY} = e.nativeEvent.touches[0];
     UIManager.findSubviewIn(
       this.props.inspectedViewTag,
@@ -47,12 +47,12 @@ class InspectorOverlay extends React.Component<Props> {
     );
   };
 
-  shouldSetResponser = (e: PressEvent): boolean => {
+  shouldSetResponser: (e: PressEvent) => boolean = (e: PressEvent): boolean => {
     this.findViewForTouchEvent(e);
     return true;
   };
 
-  render() {
+  render(): React.Node {
     let content = null;
     if (this.props.inspected) {
       content = (
diff --git a/Libraries/Inspector/InspectorPanel.js b/Libraries/Inspector/InspectorPanel.js
index 8aac5987843494..9cf47a83770a0f 100644
--- a/Libraries/Inspector/InspectorPanel.js
+++ b/Libraries/Inspector/InspectorPanel.js
@@ -51,7 +51,7 @@ type Props = $ReadOnly<{|
 |}>;
 
 class InspectorPanel extends React.Component<Props> {
-  renderWaiting() {
+  renderWaiting(): React.Node {
     if (this.props.inspecting) {
       return (
         <Text style={styles.waitingText}>Tap something to inspect it</Text>
@@ -60,7 +60,7 @@ class InspectorPanel extends React.Component<Props> {
     return <Text style={styles.waitingText}>Nothing is inspected</Text>;
   }
 
-  render() {
+  render(): React.Node {
     let contents;
     if (this.props.inspected) {
       contents = (
diff --git a/Libraries/Inspector/NetworkOverlay.js b/Libraries/Inspector/NetworkOverlay.js
index 4e93151c13a080..b2956a077614ba 100644
--- a/Libraries/Inspector/NetworkOverlay.js
+++ b/Libraries/Inspector/NetworkOverlay.js
@@ -103,7 +103,7 @@ class NetworkOverlay extends React.Component<Props, State> {
   // Map of `xhr._index` -> `index in `this.state.requests`.
   _xhrIdMap: {[key: number]: number} = {};
 
-  state = {
+  state: State = {
     detailRowId: null,
     requests: [],
   };
@@ -325,7 +325,7 @@ class NetworkOverlay extends React.Component<Props, State> {
     WebSocketInterceptor.disableInterception();
   }
 
-  _renderItem = ({item, index}): ?React.Element<any> => {
+  _renderItem = ({item, index}): React.Element<any> => {
     const tableRowViewStyle = [
       styles.tableRow,
       index % 2 === 1 ? styles.tableRowOdd : styles.tableRowEven,
diff --git a/Libraries/Inspector/PerformanceOverlay.js b/Libraries/Inspector/PerformanceOverlay.js
index 9d1f63c8c6a435..56b86fb16c53b9 100644
--- a/Libraries/Inspector/PerformanceOverlay.js
+++ b/Libraries/Inspector/PerformanceOverlay.js
@@ -17,7 +17,7 @@ const Text = require('../Text/Text');
 const View = require('../Components/View/View');
 
 class PerformanceOverlay extends React.Component<{}> {
-  render() {
+  render(): React.Node {
     const perfLogs = PerformanceLogger.getTimespans();
     const items = [];
 
diff --git a/Libraries/Inspector/StyleInspector.js b/Libraries/Inspector/StyleInspector.js
index 332fe22bfed35f..64f001b116d82d 100644
--- a/Libraries/Inspector/StyleInspector.js
+++ b/Libraries/Inspector/StyleInspector.js
@@ -16,7 +16,7 @@ const Text = require('../Text/Text');
 const View = require('../Components/View/View');
 
 class StyleInspector extends React.Component<$FlowFixMeProps> {
-  render() {
+  render(): React.Node {
     if (!this.props.style) {
       return <Text style={styles.noStyle}>No style</Text>;
     }
diff --git a/Libraries/Inspector/resolveBoxStyle.js b/Libraries/Inspector/resolveBoxStyle.js
index 15dfaf3061d810..1f013ed064ba3c 100644
--- a/Libraries/Inspector/resolveBoxStyle.js
+++ b/Libraries/Inspector/resolveBoxStyle.js
@@ -69,7 +69,8 @@ function resolveBoxStyle(
 
     const styleForEnd = style[prefix + 'End'];
     if (styleForEnd != null) {
-      if (I18nManager.isRTL && I18nManager.doLeftAndRightSwapInRTL) {
+      const constants = I18nManager.getConstants();
+      if (constants.isRTL && constants.doLeftAndRightSwapInRTL) {
         result.left = styleForEnd;
       } else {
         result.right = styleForEnd;
@@ -78,7 +79,8 @@ function resolveBoxStyle(
     }
     const styleForStart = style[prefix + 'Start'];
     if (styleForStart != null) {
-      if (I18nManager.isRTL && I18nManager.doLeftAndRightSwapInRTL) {
+      const constants = I18nManager.getConstants();
+      if (constants.isRTL && constants.doLeftAndRightSwapInRTL) {
         result.right = styleForStart;
       } else {
         result.left = styleForStart;
diff --git a/Libraries/Interaction/FrameRateLogger.js b/Libraries/Interaction/FrameRateLogger.js
index 8f8a2837f91aca..73a59454346fed 100644
--- a/Libraries/Interaction/FrameRateLogger.js
+++ b/Libraries/Interaction/FrameRateLogger.js
@@ -10,7 +10,7 @@
 
 'use strict';
 
-const NativeModules = require('../BatchedBridge/NativeModules');
+import NativeFrameRateLogger from './NativeFrameRateLogger';
 
 const invariant = require('invariant');
 
@@ -41,21 +41,17 @@ const FrameRateLogger = {
   }) {
     if (options.debug !== undefined) {
       invariant(
-        NativeModules.FrameRateLogger,
+        NativeFrameRateLogger,
         'Trying to debug FrameRateLogger without the native module!',
       );
     }
-    if (NativeModules.FrameRateLogger) {
-      // Freeze the object to avoid the prepack warning (PP0017) about leaking
-      // unfrozen objects.
+    if (NativeFrameRateLogger) {
       // Needs to clone the object first to avoid modifying the argument.
       const optionsClone = {
         debug: !!options.debug,
         reportStackTraces: !!options.reportStackTraces,
       };
-      Object.freeze(optionsClone);
-      Object.seal(optionsClone);
-      NativeModules.FrameRateLogger.setGlobalOptions(optionsClone);
+      NativeFrameRateLogger.setGlobalOptions(optionsClone);
     }
   },
 
@@ -64,8 +60,7 @@ const FrameRateLogger = {
    * in `AppRegistry`, but navigation is also a common place to hook in.
    */
   setContext: function(context: string) {
-    NativeModules.FrameRateLogger &&
-      NativeModules.FrameRateLogger.setContext(context);
+    NativeFrameRateLogger && NativeFrameRateLogger.setContext(context);
   },
 
   /**
@@ -73,8 +68,7 @@ const FrameRateLogger = {
    * automatically.
    */
   beginScroll() {
-    NativeModules.FrameRateLogger &&
-      NativeModules.FrameRateLogger.beginScroll();
+    NativeFrameRateLogger && NativeFrameRateLogger.beginScroll();
   },
 
   /**
@@ -82,7 +76,7 @@ const FrameRateLogger = {
    * automatically.
    */
   endScroll() {
-    NativeModules.FrameRateLogger && NativeModules.FrameRateLogger.endScroll();
+    NativeFrameRateLogger && NativeFrameRateLogger.endScroll();
   },
 };
 
diff --git a/Libraries/Interaction/InteractionManager.js b/Libraries/Interaction/InteractionManager.js
index 69a51b8145ef6a..8784d9bce5351a 100644
--- a/Libraries/Interaction/InteractionManager.js
+++ b/Libraries/Interaction/InteractionManager.js
@@ -18,7 +18,7 @@ const infoLog = require('../Utilities/infoLog');
 const invariant = require('invariant');
 const keyMirror = require('fbjs/lib/keyMirror');
 
-type Handle = number;
+export type Handle = number;
 import type {Task} from './TaskQueue';
 
 const _emitter = new EventEmitter();
@@ -139,7 +139,7 @@ const InteractionManager = {
     _deleteInteractionSet.add(handle);
   },
 
-  addListener: _emitter.addListener.bind(_emitter),
+  addListener: (_emitter.addListener.bind(_emitter): $FlowFixMe),
 
   /**
    * A positive number will use setTimeout to schedule any tasks after the
diff --git a/Libraries/Interaction/InteractionMixin.js b/Libraries/Interaction/InteractionMixin.js
index 38539b60afe72f..fcbd88f5a1958e 100644
--- a/Libraries/Interaction/InteractionMixin.js
+++ b/Libraries/Interaction/InteractionMixin.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const InteractionManager = require('./InteractionManager');
+import {type Handle} from './InteractionManager';
 
 /**
  * This mixin provides safe versions of InteractionManager start/end methods
@@ -28,13 +29,13 @@ const InteractionMixin = {
 
   _interactionMixinHandles: ([]: Array<number>),
 
-  createInteractionHandle: function() {
+  createInteractionHandle: function(): Handle {
     const handle = InteractionManager.createInteractionHandle();
     this._interactionMixinHandles.push(handle);
     return handle;
   },
 
-  clearInteractionHandle: function(clearHandle: number) {
+  clearInteractionHandle: function(clearHandle: number): void {
     InteractionManager.clearInteractionHandle(clearHandle);
     this._interactionMixinHandles = this._interactionMixinHandles.filter(
       handle => handle !== clearHandle,
@@ -46,7 +47,7 @@ const InteractionMixin = {
    *
    * @param {function} callback
    */
-  runAfterInteractions: function(callback: Function) {
+  runAfterInteractions: function(callback: Function): void {
     InteractionManager.runAfterInteractions(callback);
   },
 };
diff --git a/Libraries/Interaction/NativeFrameRateLogger.js b/Libraries/Interaction/NativeFrameRateLogger.js
new file mode 100644
index 00000000000000..9780519c171ac0
--- /dev/null
+++ b/Libraries/Interaction/NativeFrameRateLogger.js
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
+import type {TurboModule} from '../TurboModule/RCTExport';
+
+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');
diff --git a/Libraries/Interaction/PanResponder.js b/Libraries/Interaction/PanResponder.js
index 2b20faebe32544..d70797df24cac3 100644
--- a/Libraries/Interaction/PanResponder.js
+++ b/Libraries/Interaction/PanResponder.js
@@ -383,7 +383,25 @@ const PanResponder = {
    *  accordingly. (numberActiveTouches) may not be totally accurate unless you
    *  are the responder.
    */
-  create(config: PanResponderConfig) {
+  create(
+    config: PanResponderConfig,
+  ): $TEMPORARY$object<{|
+    getInteractionHandle: () => ?number,
+    panHandlers: $TEMPORARY$object<{|
+      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,
+    |}>,
+  |}> {
     const interactionState = {
       handle: (null: ?number),
     };
diff --git a/Libraries/Interaction/__tests__/InteractionManager-test.js b/Libraries/Interaction/__tests__/InteractionManager-test.js
index 83e7ca36164fa1..a9abd62f5c675e 100644
--- a/Libraries/Interaction/__tests__/InteractionManager-test.js
+++ b/Libraries/Interaction/__tests__/InteractionManager-test.js
@@ -16,7 +16,7 @@ jest
 
 const isWindows = process.platform === 'win32';
 function expectToBeCalledOnce(fn) {
-  // todo fix this test case on widnows
+  // todo fix this test case on windows
   if (isWindows) {
     return;
   }
diff --git a/Libraries/JSInspector/NetworkAgent.js b/Libraries/JSInspector/NetworkAgent.js
index 7f9c63d63f7a4a..4ad89bae6afb36 100644
--- a/Libraries/JSInspector/NetworkAgent.js
+++ b/Libraries/JSInspector/NetworkAgent.js
@@ -251,7 +251,7 @@ type EnableArgs = {
 };
 
 class NetworkAgent extends InspectorAgent {
-  static DOMAIN = 'Network';
+  static DOMAIN: $TEMPORARY$string<'Network'> = 'Network';
 
   _sendEvent: EventSender;
   _interceptor: ?Interceptor;
diff --git a/Libraries/LayoutAnimation/LayoutAnimation.js b/Libraries/LayoutAnimation/LayoutAnimation.js
index 20018cf566b20c..4cf9b0db4c4708 100644
--- a/Libraries/LayoutAnimation/LayoutAnimation.js
+++ b/Libraries/LayoutAnimation/LayoutAnimation.js
@@ -10,9 +10,10 @@
 
 'use strict';
 
-import Platform from '../Utilities/Platform';
 const UIManager = require('../ReactNative/UIManager');
 
+import Platform from '../Utilities/Platform';
+
 type Type =
   | 'spring'
   | 'linear'
@@ -66,8 +67,12 @@ function create(
 }
 
 const Presets = {
-  easeInEaseOut: create(300, 'easeInEaseOut', 'opacity'),
-  linear: create(500, 'linear', 'opacity'),
+  easeInEaseOut: (create(
+    300,
+    'easeInEaseOut',
+    'opacity',
+  ): LayoutAnimationConfig),
+  linear: (create(500, 'linear', 'opacity'): LayoutAnimationConfig),
   spring: {
     duration: 700,
     create: {
@@ -132,9 +137,15 @@ const LayoutAnimation = {
     console.error('LayoutAnimation.checkConfig(...) has been disabled.');
   },
   Presets,
-  easeInEaseOut: configureNext.bind(null, Presets.easeInEaseOut),
-  linear: configureNext.bind(null, Presets.linear),
-  spring: configureNext.bind(null, Presets.spring),
+  easeInEaseOut: (configureNext.bind(null, Presets.easeInEaseOut): (
+    onAnimationDidEnd?: any,
+  ) => void),
+  linear: (configureNext.bind(null, Presets.linear): (
+    onAnimationDidEnd?: any,
+  ) => void),
+  spring: (configureNext.bind(null, Presets.spring): (
+    onAnimationDidEnd?: any,
+  ) => void),
 };
 
 module.exports = LayoutAnimation;
diff --git a/Libraries/Linking/Linking.js b/Libraries/Linking/Linking.js
index f15023e55325ec..284f2336a5b3d4 100644
--- a/Libraries/Linking/Linking.js
+++ b/Libraries/Linking/Linking.js
@@ -117,4 +117,4 @@ class Linking extends NativeEventEmitter {
   }
 }
 
-module.exports = new Linking();
+module.exports = (new Linking(): Linking);
diff --git a/Libraries/Linking/NativeLinking.js b/Libraries/Linking/NativeLinking.js
index 8608a0aaed41b7..cbb7c1a00bdc6f 100644
--- a/Libraries/Linking/NativeLinking.js
+++ b/Libraries/Linking/NativeLinking.js
@@ -10,8 +10,8 @@
 
 'use strict';
 
-import type {TurboModule} from 'RCTExport';
-import * as TurboModuleRegistry from 'TurboModuleRegistry';
+import type {TurboModule} from '../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
 import Platform from '../Utilities/Platform';
 
 export interface Spec extends TurboModule {
diff --git a/Libraries/LinkingIOS/RCTLinking.xcodeproj/project.pbxproj b/Libraries/LinkingIOS/RCTLinking.xcodeproj/project.pbxproj
deleted file mode 100644
index 7aedf6b5dbd1f2..00000000000000
--- a/Libraries/LinkingIOS/RCTLinking.xcodeproj/project.pbxproj
+++ /dev/null
@@ -1,402 +0,0 @@
-// !$*UTF8*$!
-{
-	archiveVersion = 1;
-	classes = {
-	};
-	objectVersion = 46;
-	objects = {
-
-/* Begin PBXBuildFile section */
-		148699CF1ABD045300480536 /* RCTLinkingManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 148699CE1ABD045300480536 /* RCTLinkingManager.m */; };
-		2D3B5F251D9B0DE600451313 /* RCTLinkingManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 148699CE1ABD045300480536 /* RCTLinkingManager.m */; };
-		D42902C41F1F85F100685AE7 /* RCTLinkingManager.m in Sources */ = {isa = PBXBuildFile; fileRef = D42902891F1CDFF300685AE7 /* RCTLinkingManager.m */; };
-/* End PBXBuildFile section */
-
-/* Begin PBXFileReference section */
-		134814201AA4EA6300B7C361 /* libRCTLinking.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRCTLinking.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		148699CD1ABD045300480536 /* RCTLinkingManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTLinkingManager.h; sourceTree = "<group>"; };
-		148699CE1ABD045300480536 /* RCTLinkingManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTLinkingManager.m; sourceTree = "<group>"; };
-		2D2A28471D9B043800D4039D /* libRCTLinking-tvOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libRCTLinking-tvOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		D42902891F1CDFF300685AE7 /* RCTLinkingManager.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; name = RCTLinkingManager.m; path = macOS/RCTLinkingManager.m; sourceTree = "<group>"; };
-		D4C812E71F1CC42300FFA059 /* libRCTLinking-macOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libRCTLinking-macOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-/* End PBXFileReference section */
-
-/* Begin PBXGroup section */
-		134814211AA4EA7D00B7C361 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				134814201AA4EA6300B7C361 /* libRCTLinking.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		58B511D21A9E6C8500147676 = {
-			isa = PBXGroup;
-			children = (
-				D42902C31F1F853800685AE7 /* macos */,
-				148699CD1ABD045300480536 /* RCTLinkingManager.h */,
-				148699CE1ABD045300480536 /* RCTLinkingManager.m */,
-				134814211AA4EA7D00B7C361 /* Products */,
-				D4C812E71F1CC42300FFA059 /* libRCTLinking-macOS.a */,
-				2D2A28471D9B043800D4039D /* libRCTLinking-tvOS.a */,
-			);
-			indentWidth = 2;
-			sourceTree = "<group>";
-			tabWidth = 2;
-			usesTabs = 0;
-		};
-		D42902C31F1F853800685AE7 /* macos */ = {
-			isa = PBXGroup;
-			children = (
-				D42902891F1CDFF300685AE7 /* RCTLinkingManager.m */,
-			);
-			name = macos;
-			sourceTree = "<group>";
-		};
-/* End PBXGroup section */
-
-/* Begin PBXNativeTarget section */
-		2D2A28461D9B043800D4039D /* RCTLinking-tvOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 2D2A284F1D9B043800D4039D /* Build configuration list for PBXNativeTarget "RCTLinking-tvOS" */;
-			buildPhases = (
-				2D2A28431D9B043800D4039D /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "RCTLinking-tvOS";
-			productName = "RCTLinking-tvOS";
-			productReference = 2D2A28471D9B043800D4039D /* libRCTLinking-tvOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		58B511DA1A9E6C8500147676 /* RCTLinking */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "RCTLinking" */;
-			buildPhases = (
-				58B511D71A9E6C8500147676 /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = RCTLinking;
-			productName = RCTDataManager;
-			productReference = 134814201AA4EA6300B7C361 /* libRCTLinking.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		D4C812E11F1CC42300FFA059 /* RCTLinking-macOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = D4C812E41F1CC42300FFA059 /* Build configuration list for PBXNativeTarget "RCTLinking-macOS" */;
-			buildPhases = (
-				D4C812E21F1CC42300FFA059 /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "RCTLinking-macOS";
-			productName = RCTDataManager;
-			productReference = D4C812E71F1CC42300FFA059 /* libRCTLinking-macOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-/* End PBXNativeTarget section */
-
-/* Begin PBXProject section */
-		58B511D31A9E6C8500147676 /* Project object */ = {
-			isa = PBXProject;
-			attributes = {
-				LastUpgradeCheck = 0940;
-				ORGANIZATIONNAME = Facebook;
-				TargetAttributes = {
-					2D2A28461D9B043800D4039D = {
-						CreatedOnToolsVersion = 8.0;
-						ProvisioningStyle = Automatic;
-					};
-					58B511DA1A9E6C8500147676 = {
-						CreatedOnToolsVersion = 6.1.1;
-					};
-				};
-			};
-			buildConfigurationList = 58B511D61A9E6C8500147676 /* Build configuration list for PBXProject "RCTLinking" */;
-			compatibilityVersion = "Xcode 3.2";
-			developmentRegion = English;
-			hasScannedForEncodings = 0;
-			knownRegions = (
-				en,
-			);
-			mainGroup = 58B511D21A9E6C8500147676;
-			productRefGroup = 58B511D21A9E6C8500147676;
-			projectDirPath = "";
-			projectRoot = "";
-			targets = (
-				58B511DA1A9E6C8500147676 /* RCTLinking */,
-				2D2A28461D9B043800D4039D /* RCTLinking-tvOS */,
-				D4C812E11F1CC42300FFA059 /* RCTLinking-macOS */,
-			);
-		};
-/* End PBXProject section */
-
-/* Begin PBXSourcesBuildPhase section */
-		2D2A28431D9B043800D4039D /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				2D3B5F251D9B0DE600451313 /* RCTLinkingManager.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		58B511D71A9E6C8500147676 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				148699CF1ABD045300480536 /* RCTLinkingManager.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		D4C812E21F1CC42300FFA059 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				D42902C41F1F85F100685AE7 /* RCTLinkingManager.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXSourcesBuildPhase section */
-
-/* Begin XCBuildConfiguration section */
-		2D2A284D1D9B043800D4039D /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				ENABLE_TESTABILITY = YES;
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Debug;
-		};
-		2D2A284E1D9B043800D4039D /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Release;
-		};
-		58B511ED1A9E6C8500147676 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				ENABLE_TESTABILITY = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_DYNAMIC_NO_PIC = NO;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_OPTIMIZATION_LEVEL = 0;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"$(inherited)",
-				);
-				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = YES;
-				ONLY_ACTIVE_ARCH = YES;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-				);
-			};
-			name = Debug;
-		};
-		58B511EE1A9E6C8500147676 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = YES;
-				ENABLE_NS_ASSERTIONS = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = NO;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				VALIDATE_PRODUCT = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-				);
-			};
-			name = Release;
-		};
-		58B511F01A9E6C8500147676 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTLinking;
-			};
-			name = Debug;
-		};
-		58B511F11A9E6C8500147676 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTLinking;
-			};
-			name = Release;
-		};
-		D4C812E51F1CC42300FFA059 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = macosx;
-			};
-			name = Debug;
-		};
-		D4C812E61F1CC42300FFA059 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = macosx;
-			};
-			name = Release;
-		};
-/* End XCBuildConfiguration section */
-
-/* Begin XCConfigurationList section */
-		2D2A284F1D9B043800D4039D /* Build configuration list for PBXNativeTarget "RCTLinking-tvOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				2D2A284D1D9B043800D4039D /* Debug */,
-				2D2A284E1D9B043800D4039D /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		58B511D61A9E6C8500147676 /* Build configuration list for PBXProject "RCTLinking" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				58B511ED1A9E6C8500147676 /* Debug */,
-				58B511EE1A9E6C8500147676 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "RCTLinking" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				58B511F01A9E6C8500147676 /* Debug */,
-				58B511F11A9E6C8500147676 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		D4C812E41F1CC42300FFA059 /* Build configuration list for PBXNativeTarget "RCTLinking-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				D4C812E51F1CC42300FFA059 /* Debug */,
-				D4C812E61F1CC42300FFA059 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-/* End XCConfigurationList section */
-	};
-	rootObject = 58B511D31A9E6C8500147676 /* Project object */;
-}
diff --git a/Libraries/LinkingIOS/RCTLinkingManager.h b/Libraries/LinkingIOS/RCTLinkingManager.h
index eca3ab02efb26e..353c93806c3190 100644
--- a/Libraries/LinkingIOS/RCTLinkingManager.h
+++ b/Libraries/LinkingIOS/RCTLinkingManager.h
@@ -13,9 +13,6 @@
 
 @interface RCTLinkingManager : RCTEventEmitter
 
-#pragma clang diagnostic push
-#pragma clang diagnostic ignored "-Wnullability-completeness"
-
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
 + (void)getUrlEventHandler:(NSAppleEventDescriptor *)event withReplyEvent:(NSAppleEventDescriptor *)replyEvent;
 #else // ]TODO(macOS ISS#2323203)
@@ -39,5 +36,3 @@
 #endif // TODO(macOS ISS#2323203)
 
 @end
-
-#pragma clang diagnostic pop
diff --git a/Libraries/LinkingIOS/RCTLinkingManager.m b/Libraries/LinkingIOS/RCTLinkingManager.m
index 0b9f6dd1ef8411..516cd0f1125d3c 100644
--- a/Libraries/LinkingIOS/RCTLinkingManager.m
+++ b/Libraries/LinkingIOS/RCTLinkingManager.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTLinkingManager.h"
+#import <React/RCTLinkingManager.h>
 
 #import <React/RCTBridge.h>
 #import <React/RCTEventDispatcher.h>
@@ -101,12 +101,15 @@ - (void)handleOpenURLNotification:(NSNotification *)notification
       }
     }];
   } else {
+#if !TARGET_OS_UIKITFORMAC
+    // Note: this branch will never be taken on UIKitForMac
     BOOL opened = [RCTSharedApplication() openURL:URL];
     if (opened) {
       resolve(@YES);
     } else {
       reject(RCTErrorUnspecified, [NSString stringWithFormat:@"Unable to open URL: %@", URL], nil);
     }
+#endif
   }
 
 }
@@ -170,12 +173,15 @@ - (void)handleOpenURLNotification:(NSNotification *)notification
       }
     }];
   } else {
+#if !TARGET_OS_UIKITFORMAC
+   // Note: This branch will never be taken on UIKitForMac
    BOOL opened = [RCTSharedApplication() openURL:url];
    if (opened) {
      resolve(nil);
    } else {
      reject(RCTErrorUnspecified, @"Unable to open app settings", nil);
    }
+#endif
   }
 }
 
diff --git a/Libraries/LinkingIOS/React-RCTLinking.podspec b/Libraries/LinkingIOS/React-RCTLinking.podspec
index bfb7fcd4bb2634..1d79e1fd5b3074 100644
--- a/Libraries/LinkingIOS/React-RCTLinking.podspec
+++ b/Libraries/LinkingIOS/React-RCTLinking.podspec
@@ -27,11 +27,11 @@ Pod::Spec.new do |s|
   s.author                 = "Facebook, Inc. and its affiliates"
   s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.14" } # TODO(macOS GH#214)
   s.source                 = source
-  s.source_files           = "*.{h,m}"
+  s.source_files           = "*.{m}"
   s.preserve_paths         = "package.json", "LICENSE", "LICENSE-docs"
-  s.header_dir             = "React"
+  s.header_dir             = "RCTLinking"
 
-  s.dependency "React-Core", version
+  s.dependency "React-Core/RCTLinkingHeaders", version
 
   s.osx.exclude_files      = "RCTLinkingManager.m"
   s.osx.source_files       = "macos/RCTLinkingManager.m"
diff --git a/Libraries/Lists/FillRateHelper.js b/Libraries/Lists/FillRateHelper.js
index 8e47c55e2f42aa..b5b006bed29753 100644
--- a/Libraries/Lists/FillRateHelper.js
+++ b/Libraries/Lists/FillRateHelper.js
@@ -16,16 +16,16 @@ const warning = require('fbjs/lib/warning');
 export type FillRateInfo = Info;
 
 class Info {
-  any_blank_count = 0;
-  any_blank_ms = 0;
-  any_blank_speed_sum = 0;
-  mostly_blank_count = 0;
-  mostly_blank_ms = 0;
-  pixels_blank = 0;
-  pixels_sampled = 0;
-  pixels_scrolled = 0;
-  total_time_spent = 0;
-  sample_count = 0;
+  any_blank_count: number = 0;
+  any_blank_ms: number = 0;
+  any_blank_speed_sum: number = 0;
+  mostly_blank_count: number = 0;
+  mostly_blank_ms: number = 0;
+  pixels_blank: number = 0;
+  pixels_sampled: number = 0;
+  pixels_scrolled: number = 0;
+  total_time_spent: number = 0;
+  sample_count: number = 0;
 }
 
 type FrameMetrics = {inLayout?: boolean, length: number, offset: number};
diff --git a/Libraries/Lists/FlatList.js b/Libraries/Lists/FlatList.js
index cc91ae793e3157..ffe522853a4781 100644
--- a/Libraries/Lists/FlatList.js
+++ b/Libraries/Lists/FlatList.js
@@ -24,15 +24,20 @@ import type {
   ViewToken,
   ViewabilityConfigCallbackPair,
 } from './ViewabilityHelper';
-import type {Props as VirtualizedListProps} from './VirtualizedList';
-
-export type SeparatorsObj = {
-  highlight: () => void,
-  unhighlight: () => void,
-  updateProps: (select: 'leading' | 'trailing', newProps: Object) => void,
-};
+import type {
+  Props as VirtualizedListProps,
+  RenderItemType,
+  RenderItemProps,
+} from './VirtualizedList';
 
 type RequiredProps<ItemT> = {
+  /**
+   * For simplicity, data is just a plain array. If you want to use something else, like an
+   * immutable list, use the underlying `VirtualizedList` directly.
+   */
+  data: ?$ReadOnlyArray<ItemT>,
+};
+type OptionalProps<ItemT> = {
   /**
    * Takes an item from `data` and renders it into the list. Example usage:
    *
@@ -59,18 +64,7 @@ type RequiredProps<ItemT> = {
    * `highlight` and `unhighlight` (which set the `highlighted: boolean` prop) are insufficient for
    * your use-case.
    */
-  renderItem: (info: {
-    item: ItemT,
-    index: number,
-    separators: SeparatorsObj,
-  }) => ?React.Node,
-  /**
-   * For simplicity, data is just a plain array. If you want to use something else, like an
-   * immutable list, use the underlying `VirtualizedList` directly.
-   */
-  data: ?$ReadOnlyArray<ItemT>,
-};
-type OptionalProps<ItemT> = {
+  renderItem?: ?RenderItemType<ItemT>,
   /**
    * Rendered in between each item, but not at the top or bottom. By default, `highlighted` and
    * `leadingItem` props are provided. `renderItem` provides `separators.highlight`/`unhighlight`
@@ -78,6 +72,33 @@ type OptionalProps<ItemT> = {
    * `separators.updateProps`.
    */
   ItemSeparatorComponent?: ?React.ComponentType<any>,
+  /**
+   * Takes an item from `data` and renders it into the list. Example usage:
+   *
+   *     <FlatList
+   *       ItemSeparatorComponent={Platform.OS !== 'android' && ({highlighted}) => (
+   *         <View style={[style.separator, highlighted && {marginLeft: 0}]} />
+   *       )}
+   *       data={[{title: 'Title Text', key: 'item1'}]}
+   *       ListItemComponent={({item, separators}) => (
+   *         <TouchableHighlight
+   *           onPress={() => this._onPress(item)}
+   *           onShowUnderlay={separators.highlight}
+   *           onHideUnderlay={separators.unhighlight}>
+   *           <View style={{backgroundColor: 'white'}}>
+   *             <Text>{item.title}</Text>
+   *           </View>
+   *         </TouchableHighlight>
+   *       )}
+   *     />
+   *
+   * Provides additional metadata like `index` if you need it, as well as a more generic
+   * `separators.updateProps` function which let's you set whatever props you want to change the
+   * rendering of either the leading separator or trailing separator in case the more common
+   * `highlight` and `unhighlight` (which set the `highlighted: boolean` prop) are insufficient for
+   * your use-case.
+   */
+  ListItemComponent?: ?React.ComponentType<any>,
   /**
    * Rendered when the list is empty. Can be a React Component Class, a render function, or
    * a rendered element.
@@ -420,13 +441,13 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
   /**
    * Provides a handle to the underlying scroll responder.
    */
-  getScrollResponder() {
+  getScrollResponder(): any {
     if (this._listRef) {
       return this._listRef.getScrollResponder();
     }
   }
 
-  getScrollableNode() {
+  getScrollableNode(): any {
     if (this._listRef) {
       return this._listRef.getScrollableNode();
     }
@@ -555,9 +576,6 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
         .map((it, kk) => keyExtractor(it, index * numColumns + kk))
         .join(':');
     } else {
-      /* $FlowFixMe(>=0.63.0 site=react_native_fb) This comment suppresses an
-       * error found when Flow v0.63 was deployed. To see the error delete this
-       * comment and run Flow. */
       return keyExtractor(items, index);
     }
   };
@@ -598,48 +616,72 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
     };
   }
 
-  _renderItem = (info: Object): ?React.Node => {
-    const {renderItem, numColumns, columnWrapperStyle} = this.props;
-    if (numColumns > 1) {
-      const {item, index, isSelected} = info; // TODO(macOS ISS#2323203)
-      invariant(
-        Array.isArray(item),
-        'Expected array of items with numColumns > 1',
-      );
-      return (
-        <View
-          style={StyleSheet.compose(
-            styles.row,
-            columnWrapperStyle,
-          )}>
-          {item.map((it, kk) => {
-            const element = renderItem({
-              item: it,
-              index: index * numColumns + kk,
-              isSelected: isSelected, // TODO(macOS ISS#2323203)
-              separators: info.separators,
-            });
-            return element != null ? (
-              <React.Fragment key={kk}>{element}</React.Fragment>
-            ) : null;
-          })}
-        </View>
-      );
-    } else {
-      return renderItem(info);
-    }
+  _renderer = () => {
+    const {
+      ListItemComponent,
+      renderItem,
+      numColumns,
+      columnWrapperStyle,
+    } = this.props;
+
+    let virtualizedListRenderKey = ListItemComponent
+      ? 'ListItemComponent'
+      : 'renderItem';
+
+    const renderer = props => {
+      if (ListItemComponent) {
+        return <ListItemComponent {...props} />;
+      } else if (renderItem) {
+        return renderItem(props);
+      } else {
+        return null;
+      }
+    };
+
+    return {
+      [virtualizedListRenderKey]: (info: RenderItemProps<ItemT>) => {
+        if (numColumns > 1) {
+          const {item, index} = info;
+          invariant(
+            Array.isArray(item),
+            'Expected array of items with numColumns > 1',
+          );
+          return (
+            <View
+              style={StyleSheet.compose(
+                styles.row,
+                columnWrapperStyle,
+              )}>
+              {item.map((it, kk) => {
+                const element = renderer({
+                  item: it,
+                  index: index * numColumns + kk,
+                  isSelected: info.isSelected, // TODO(macOS ISS#2323203)
+                  separators: info.separators,
+                });
+                return element != null ? (
+                  <React.Fragment key={kk}>{element}</React.Fragment>
+                ) : null;
+              })}
+            </View>
+          );
+        } else {
+          return renderer(info);
+        }
+      },
+    };
   };
 
-  render() {
+  render(): React.Node {
     return (
       <VirtualizedList
         {...this.props}
-        renderItem={this._renderItem}
         getItem={this._getItem}
         getItemCount={this._getItemCount}
         keyExtractor={this._keyExtractor}
         ref={this._captureRef}
         viewabilityConfigCallbackPairs={this._virtualizedListPairs}
+        {...this._renderer()}
       />
     );
   }
diff --git a/Libraries/Lists/SectionList.js b/Libraries/Lists/SectionList.js
index 1840d921c4c8ca..fe4d5d9b6fdad5 100644
--- a/Libraries/Lists/SectionList.js
+++ b/Libraries/Lists/SectionList.js
@@ -18,6 +18,7 @@ import type {ViewToken} from './ViewabilityHelper';
 import type {
   SectionBase as _SectionBase,
   Props as VirtualizedSectionListProps,
+  ScrollToLocationParamsType,
 } from './VirtualizedSectionList';
 
 type Item = any;
@@ -246,13 +247,7 @@ class SectionList<SectionT: SectionBase<any>> extends React.PureComponent<
    * Note: cannot scroll to locations outside the render window without specifying the
    * `getItemLayout` prop.
    */
-  scrollToLocation(params: {
-    animated?: ?boolean,
-    itemIndex: number,
-    sectionIndex: number,
-    viewOffset?: number,
-    viewPosition?: number,
-  }) {
+  scrollToLocation(params: ScrollToLocationParamsType) {
     if (this._wrapperListRef != null) {
       this._wrapperListRef.scrollToLocation(params);
     }
@@ -288,7 +283,7 @@ class SectionList<SectionT: SectionBase<any>> extends React.PureComponent<
     }
   }
 
-  getScrollableNode() {
+  getScrollableNode(): any {
     const listRef = this._wrapperListRef && this._wrapperListRef.getListRef();
     if (listRef) {
       return listRef.getScrollableNode();
@@ -302,11 +297,8 @@ class SectionList<SectionT: SectionBase<any>> extends React.PureComponent<
     }
   }
 
-  render() {
+  render(): React.Node {
     return (
-      /* $FlowFixMe(>=0.66.0 site=react_native_fb) This comment suppresses an
-       * error found when Flow v0.66 was deployed. To see the error delete this
-       * comment and run Flow. */
       <VirtualizedSectionList
         {...this.props}
         ref={this._captureRef}
@@ -318,6 +310,9 @@ class SectionList<SectionT: SectionBase<any>> extends React.PureComponent<
 
   _wrapperListRef: ?React.ElementRef<typeof VirtualizedSectionList>;
   _captureRef = ref => {
+    /* $FlowFixMe(>=0.99.0 site=react_native_fb) This comment suppresses an
+     * error found when Flow v0.99 was deployed. To see the error, delete this
+     * comment and run Flow. */
     this._wrapperListRef = ref;
   };
 }
diff --git a/Libraries/Lists/VirtualizedList.js b/Libraries/Lists/VirtualizedList.js
index cdbb0de3b11130..e7dfb1dcd4d616 100644
--- a/Libraries/Lists/VirtualizedList.js
+++ b/Libraries/Lists/VirtualizedList.js
@@ -38,7 +38,22 @@ import type {ScrollEvent} from '../Types/CoreEventTypes'; // TODO(macOS ISS#2323
 
 type Item = any;
 
-export type renderItemType = (info: any) => ?React.Element<any>;
+export type Separators = {
+  highlight: () => void,
+  unhighlight: () => void,
+  updateProps: (select: 'leading' | 'trailing', newProps: Object) => void,
+};
+
+export type RenderItemProps<ItemT> = {
+  item: ItemT,
+  index: number,
+  isSelected: boolean, // TODO(macOS ISS#2323203)
+  separators: Separators,
+};
+
+export type RenderItemType<ItemT> = (
+  info: RenderItemProps<ItemT>,
+) => React.Node;
 
 type ViewabilityHelperCallbackTuple = {
   viewabilityHelper: ViewabilityHelper,
@@ -55,9 +70,6 @@ export type SelectedRowIndexPathType = {
 }; // ]TODO(macOS ISS#2323203)
 
 type RequiredProps = {
-  // TODO: Conflicts with the optional `renderItem` in
-  // `VirtualizedSectionList`'s props.
-  renderItem: $FlowFixMe<renderItemType>,
   /**
    * The default accessor functions assume this is an Array<{key: string} | {id: string}> but you can override
    * getItem, getItemCount, and keyExtractor to handle any type of index-based data.
@@ -73,6 +85,9 @@ type RequiredProps = {
   getItemCount: (data: any) => number,
 };
 type OptionalProps = {
+  // TODO: Conflicts with the optional `renderItem` in
+  // `VirtualizedSectionList`'s props.
+  renderItem?: $FlowFixMe<?RenderItemType<Item>>,
   /**
    * `debug` will turn on extra logging and visual overlays to aid with debugging both usage and
    * implementation, but with a significant perf hit.
@@ -124,6 +139,11 @@ type OptionalProps = {
    * or a render function. Defaults to using View.
    */
   CellRendererComponent?: ?React.ComponentType<any>,
+  /**
+   * Each data item is rendered using this element. Can be a React Component Class,
+   * or a render function.
+   */
+  ListItemComponent?: ?React.ComponentType<any>,
   /**
    * Rendered when the list is empty. Can be a React Component Class, a render function, or
    * a rendered element.
@@ -155,7 +175,7 @@ type OptionalProps = {
   listKey?: string,
   /**
    * The maximum number of items to render in each incremental render batch. The more rendered at
-   * once, the better the fill rate, but responsiveness my suffer because rendering content may
+   * once, the better the fill rate, but responsiveness may suffer because rendering content may
    * interfere with responding to button taps or other interactions.
    */
   maxToRenderPerBatch: number,
@@ -248,6 +268,18 @@ type OptionalProps = {
  * comment to see the errors */
 export type Props = RequiredProps & OptionalProps;
 
+type DefaultProps = {|
+  disableVirtualization: boolean,
+  horizontal: boolean,
+  initialNumToRender: number,
+  keyExtractor: (item: Item, index: number) => string,
+  maxToRenderPerBatch: number,
+  onEndReachedThreshold: number,
+  scrollEventThrottle: number,
+  updateCellsBatchingPeriod: number,
+  windowSize: number,
+|};
+
 let _usedIndexForKey = false;
 let _keylessItemComponentName: string = '';
 
@@ -338,7 +370,9 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     const {animated, index, viewOffset, viewPosition} = params;
     invariant(
       index >= 0 && index < getItemCount(data),
-      `scrollToIndex out of range: ${index} vs ${getItemCount(data) - 1}`,
+      `scrollToIndex out of range: requested index ${index} but maximum is ${getItemCount(
+        data,
+      ) - 1}`,
     );
     if (!getItemLayout && index > this._highestMeasuredFrameIndex) {
       invariant(
@@ -448,13 +482,13 @@ class VirtualizedList extends React.PureComponent<Props, State> {
    * Note that `this._scrollRef` might not be a `ScrollView`, so we
    * need to check that it responds to `getScrollResponder` before calling it.
    */
-  getScrollResponder() {
+  getScrollResponder(): any {
     if (this._scrollRef && this._scrollRef.getScrollResponder) {
       return this._scrollRef.getScrollResponder();
     }
   }
 
-  getScrollableNode() {
+  getScrollableNode(): any {
     if (this._scrollRef && this._scrollRef.getScrollableNode) {
       return this._scrollRef.getScrollableNode();
     } else {
@@ -462,7 +496,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     }
   }
 
-  getScrollRef() {
+  getScrollRef(): any {
     if (this._scrollRef && this._scrollRef.getScrollRef) {
       return this._scrollRef.getScrollRef();
     } else {
@@ -476,7 +510,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     }
   }
 
-  static defaultProps = {
+  static defaultProps: DefaultProps = {
     disableVirtualization: false,
     horizontal: false,
     initialNumToRender: 10,
@@ -500,7 +534,21 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     windowSize: 21, // multiples of length
   };
 
-  static contextTypes = {
+  static contextTypes:
+    | any
+    | {|
+        virtualizedCell: {|
+          cellKey: React$PropType$Primitive<string>,
+        |},
+        virtualizedList: {|
+          getScrollMetrics: React$PropType$Primitive<Function>,
+          horizontal: React$PropType$Primitive<boolean>,
+          getOutermostParentListRef: React$PropType$Primitive<Function>,
+          getNestedChildState: React$PropType$Primitive<Function>,
+          registerAsNestedChild: React$PropType$Primitive<Function>,
+          unregisterAsNestedChild: React$PropType$Primitive<Function>,
+        |},
+      |} = {
     virtualizedCell: PropTypes.shape({
       cellKey: PropTypes.string,
     }),
@@ -514,7 +562,16 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     }),
   };
 
-  static childContextTypes = {
+  static childContextTypes:
+    | any
+    | {|
+        getScrollMetrics: React$PropType$Primitive<Function>,
+        horizontal: React$PropType$Primitive<boolean>,
+        getOutermostParentListRef: React$PropType$Primitive<Function>,
+        getNestedChildState: React$PropType$Primitive<Function>,
+        registerAsNestedChild: React$PropType$Primitive<Function>,
+        unregisterAsNestedChild: React$PropType$Primitive<Function>,
+      |} = {
     virtualizedList: PropTypes.shape({
       getScrollMetrics: PropTypes.func,
       horizontal: PropTypes.bool,
@@ -525,7 +582,31 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     }),
   };
 
-  getChildContext() {
+  getChildContext(): {|
+    virtualizedList: {
+      getScrollMetrics: () => {
+        contentLength: number,
+        dOffset: number,
+        dt: number,
+        offset: number,
+        timestamp: number,
+        velocity: number,
+        visibleLength: number,
+      },
+      horizontal: ?boolean,
+      getOutermostParentListRef: Function,
+      getNestedChildState: string => ?ChildListState,
+      registerAsNestedChild: ({
+        cellKey: string,
+        key: string,
+        ref: VirtualizedList,
+      }) => ?ChildListState,
+      unregisterAsNestedChild: ({
+        key: string,
+        state: ChildListState,
+      }) => void,
+    },
+  |} {
     return {
       virtualizedList: {
         getScrollMetrics: this._getScrollMetrics,
@@ -693,7 +774,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     this._fillRateHelper.deactivateAndFlush();
   }
 
-  static getDerivedStateFromProps(newProps: Props, prevState: State) {
+  static getDerivedStateFromProps(newProps: Props, prevState: State): State {
     const {data, getItemCount, maxToRenderPerBatch} = newProps;
     // first and last could be stale (e.g. if a new, shorter items props is passed in), so we make
     // sure we're rendering a reasonable range here.
@@ -703,6 +784,10 @@ class VirtualizedList extends React.PureComponent<Props, State> {
         Math.min(prevState.first, getItemCount(data) - 1 - maxToRenderPerBatch),
       ),
       last: Math.max(0, Math.min(prevState.last, getItemCount(data) - 1)),
+      selectedRowIndex: Math.max(
+        0,
+        Math.min(prevState.selectedRowIndex, getItemCount(data)),
+      ), // TODO(macOS ISS#2323203)
     };
   }
 
@@ -778,7 +863,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     );
   }
 
-  render() {
+  render(): React.Node {
     if (__DEV__) {
       const flatStyles = flattenStyle(this.props.contentContainerStyle);
       warning(
@@ -1001,7 +1086,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     this._hasMore =
       this.state.last < this.props.getItemCount(this.props.data) - 1;
 
-    const ret = React.cloneElement(
+    const innerRet = React.cloneElement(
       (this.props.renderScrollComponent || this._defaultRenderScrollComponent)(
         scrollProps,
       ),
@@ -1010,6 +1095,29 @@ class VirtualizedList extends React.PureComponent<Props, State> {
       },
       cells,
     );
+    let ret = innerRet;
+    if (__DEV__) {
+      ret = (
+        <ScrollView.Context.Consumer>
+          {scrollContext => {
+            if (
+              scrollContext != null &&
+              !scrollContext.horizontal === !this.props.horizontal &&
+              !this._hasWarned.nesting &&
+              this.context.virtualizedList == null
+            ) {
+              // TODO (T46547044): use React.warn once 16.9 is sync'd: https://github.com/facebook/react/pull/15170
+              console.warn(
+                'VirtualizedLists should never be nested inside plain ScrollViews with the same ' +
+                  'orientation - use another VirtualizedList-backed container instead.',
+              );
+              this._hasWarned.nesting = true;
+            }
+            return innerRet;
+          }}
+        </ScrollView.Context.Consumer>
+      );
+    }
     if (this.props.debug) {
       return (
         <View style={styles.debug}>
@@ -1209,7 +1317,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
       if (!this._scrollRef) {
         return;
       }
-      // We are asuming that getOutermostParentListRef().getScrollRef()
+      // We are assuming that getOutermostParentListRef().getScrollRef()
       // is a non-null reference to a ScrollView
       this._scrollRef.measureLayout(
         this.context.virtualizedList
@@ -1793,27 +1901,37 @@ class VirtualizedList extends React.PureComponent<Props, State> {
   }
 }
 
-class CellRenderer extends React.Component<
-  {
-    CellRendererComponent?: ?React.ComponentType<any>,
-    ItemSeparatorComponent: ?React.ComponentType<*>,
-    cellKey: string,
-    fillRateHelper: FillRateHelper,
-    horizontal: ?boolean,
-    index: number,
-    inversionStyle: ViewStyleProp,
-    isSelected: ?boolean, // TODO(macOS ISS#2323203)
-    item: Item,
-    onLayout: (event: Object) => void, // This is extracted by ScrollViewStickyHeader
-    onUnmount: (cellKey: string) => void,
-    onUpdateSeparators: (cellKeys: Array<?string>, props: Object) => void,
-    parentProps: {
-      getItemLayout?: ?Function,
-      renderItem: renderItemType,
-    },
-    prevCellKey: ?string,
+type CellRendererProps = {
+  CellRendererComponent?: ?React.ComponentType<any>,
+  ItemSeparatorComponent: ?React.ComponentType<*>,
+  cellKey: string,
+  fillRateHelper: FillRateHelper,
+  horizontal: ?boolean,
+  index: number,
+  inversionStyle: ViewStyleProp,
+  isSelected: ?boolean, // TODO(macOS ISS#2323203)
+  item: Item,
+  onLayout: (event: Object) => void, // This is extracted by ScrollViewStickyHeader
+  onUnmount: (cellKey: string) => void,
+  onUpdateSeparators: (cellKeys: Array<?string>, props: Object) => void,
+  parentProps: {
+    getItemLayout?: ?Function,
+    renderItem?: ?RenderItemType<Item>,
+    ListItemComponent?: ?(React.ComponentType<any> | React.Element<any>),
   },
-  $FlowFixMeState,
+  prevCellKey: ?string,
+};
+
+type CellRendererState = {
+  separatorProps: $ReadOnly<{|
+    highlighted: boolean,
+    leadingItem: ?Item,
+  |}>,
+};
+
+class CellRenderer extends React.Component<
+  CellRendererProps,
+  CellRendererState,
 > {
   state = {
     separatorProps: {
@@ -1828,6 +1946,18 @@ class CellRenderer extends React.Component<
     }),
   };
 
+  static getDerivedStateFromProps(
+    props: CellRendererProps,
+    prevState: CellRendererState,
+  ): ?CellRendererState {
+    return {
+      separatorProps: {
+        ...prevState.separatorProps,
+        leadingItem: props.item,
+      },
+    };
+  }
+
   getChildContext() {
     return {
       virtualizedCell: {
@@ -1870,6 +2000,37 @@ class CellRenderer extends React.Component<
     this.props.onUnmount(this.props.cellKey);
   }
 
+  _renderElement(renderItem, ListItemComponent, item, index, isSelected) {
+    // TODO(macOS ISS#2323203)
+    if (renderItem && ListItemComponent) {
+      console.warn(
+        'VirtualizedList: Both ListItemComponent and renderItem props are present. ListItemComponent will take' +
+          ' precedence over renderItem.',
+      );
+    }
+
+    if (ListItemComponent) {
+      return React.createElement(ListItemComponent, {
+        item,
+        index,
+        separators: this._separators,
+      });
+    }
+
+    if (renderItem) {
+      return renderItem({
+        item,
+        index,
+        separators: this._separators,
+      });
+    }
+
+    invariant(
+      false,
+      'VirtualizedList: Either ListItemComponent or renderItem props are required but none were found.',
+    );
+  }
+
   render() {
     const {
       CellRendererComponent,
@@ -1882,14 +2043,15 @@ class CellRenderer extends React.Component<
       isSelected, // TODO(macOS ISS#2323203)
       parentProps,
     } = this.props;
-    const {renderItem, getItemLayout} = parentProps;
-    invariant(renderItem, 'no renderItem!');
-    const element = renderItem({
+    const {renderItem, getItemLayout, ListItemComponent} = parentProps;
+    const element = this._renderElement(
+      renderItem,
+      ListItemComponent,
       item,
       index,
       isSelected, // TODO(macOS ISS#2323203)
-      separators: this._separators,
-    });
+    );
+
     const onLayout =
       /* $FlowFixMe(>=0.68.0 site=react_native_fb) This comment suppresses an
        * error found when Flow v0.68 was deployed. To see the error delete this
@@ -1904,10 +2066,10 @@ class CellRenderer extends React.Component<
     );
     const cellStyle = inversionStyle
       ? horizontal
-        ? [{flexDirection: 'row-reverse'}, inversionStyle]
-        : [{flexDirection: 'column-reverse'}, inversionStyle]
+        ? [styles.rowReverse, inversionStyle]
+        : [styles.columnReverse, inversionStyle]
       : horizontal
-      ? [{flexDirection: 'row'}, inversionStyle]
+      ? [styles.row, inversionStyle]
       : inversionStyle;
     if (!CellRendererComponent) {
       return (
@@ -1962,6 +2124,15 @@ const styles = StyleSheet.create({
   horizontallyInverted: {
     transform: [{scaleX: -1}],
   },
+  row: {
+    flexDirection: 'row',
+  },
+  rowReverse: {
+    flexDirection: 'row-reverse',
+  },
+  columnReverse: {
+    flexDirection: 'column-reverse',
+  },
   debug: {
     flex: 1,
   },
diff --git a/Libraries/Lists/VirtualizedSectionList.js b/Libraries/Lists/VirtualizedSectionList.js
index 785c11b70ebb02..32b557629d1073 100644
--- a/Libraries/Lists/VirtualizedSectionList.js
+++ b/Libraries/Lists/VirtualizedSectionList.js
@@ -145,10 +145,19 @@ type OptionalProps<SectionT: SectionBase<any>> = {
 export type Props<SectionT> = RequiredProps<SectionT> &
   OptionalProps<SectionT> &
   VirtualizedListProps;
-
-type DefaultProps = typeof VirtualizedList.defaultProps & {
+export type ScrollToLocationParamsType = {|
+  animated?: ?boolean,
+  itemIndex: number,
+  sectionIndex: number,
+  viewOffset?: number,
+  viewPosition?: number,
+|};
+
+type DefaultProps = {|
+  ...typeof VirtualizedList.defaultProps,
   data: $ReadOnlyArray<Item>,
-};
+|};
+
 type State = {
   childProps: VirtualizedListProps,
   selectedRowIndexPath: SelectedRowIndexPathType, // TODO(macOS ISS#2323203)
@@ -167,22 +176,17 @@ class VirtualizedSectionList<
     data: [],
   };
 
-  scrollToLocation(params: {
-    animated?: ?boolean,
-    itemIndex: number,
-    sectionIndex: number,
-    viewPosition?: number,
-  }) {
+  scrollToLocation(params: ScrollToLocationParamsType) {
     let index = params.itemIndex;
     for (let i = 0; i < params.sectionIndex; i++) {
       index += this.props.getItemCount(this.props.sections[i].data) + 2;
     }
-    let viewOffset = 0;
+    let viewOffset = params.viewOffset || 0;
     if (params.itemIndex > 0 && this.props.stickySectionHeadersEnabled) {
       const frame = this._listRef._getFrameMetricsApprox(
         index - params.itemIndex,
       );
-      viewOffset = frame.length;
+      viewOffset += frame.length;
     }
     const toIndexParams = {
       ...params,
@@ -242,7 +246,6 @@ class VirtualizedSectionList<
       return rowIndexPath;
     }
 
-    const count = this.props.sections[sectionIndex].data.length;
     let row = rowIndexPath.rowIndex;
     let rowAbove = row - 1;
 
@@ -339,7 +342,7 @@ class VirtualizedSectionList<
     }
   }; // ]TODO(macOS ISS#2323203)
 
-  render() {
+  render(): React.Node {
     let keyEventHandler = this.props.onScrollKeyDown; // [TODO(macOS ISS#2323203)
     if (!keyEventHandler) {
       keyEventHandler = this.props.enableSelectionOnKeyPress
@@ -570,7 +573,7 @@ type ItemWithSeparatorProps = $ReadOnly<{|
   cellKey: string,
   index: number,
   item: Item,
-  isSelected: boolean,
+  isSelected: boolean, // TODO(macOS ISS#2323203)
   onUpdateSeparator: (cellKey: string, newProps: Object) => void,
   prevCellKey?: ?string,
   renderItem: Function,
diff --git a/Libraries/Lists/__flowtests__/FlatList-flowtest.js b/Libraries/Lists/__flowtests__/FlatList-flowtest.js
index 71b5f10004cbe2..99db43079f5f70 100644
--- a/Libraries/Lists/__flowtests__/FlatList-flowtest.js
+++ b/Libraries/Lists/__flowtests__/FlatList-flowtest.js
@@ -18,7 +18,7 @@ function renderMyListItem(info: {item: {title: string}, index: number}) {
 }
 
 module.exports = {
-  testEverythingIsFine() {
+  testEverythingIsFine(): React.Node {
     const data = [
       {
         title: 'Title Text',
@@ -28,7 +28,7 @@ module.exports = {
     return <FlatList renderItem={renderMyListItem} data={data} />;
   },
 
-  testBadDataWithTypicalItem() {
+  testBadDataWithTypicalItem(): React.Node {
     const data = [
       {
         // $FlowExpectedError - bad title type 6, should be string
@@ -39,7 +39,7 @@ module.exports = {
     return <FlatList renderItem={renderMyListItem} data={data} />;
   },
 
-  testMissingFieldWithTypicalItem() {
+  testMissingFieldWithTypicalItem(): React.Node {
     const data = [
       {
         key: 1,
@@ -49,7 +49,7 @@ module.exports = {
     return <FlatList renderItem={renderMyListItem} data={data} />;
   },
 
-  testGoodDataWithBadCustomRenderItemFunction() {
+  testGoodDataWithBadCustomRenderItemFunction(): React.Node {
     const data = [
       {
         widget: 6,
@@ -71,7 +71,7 @@ module.exports = {
     );
   },
 
-  testBadRenderItemFunction() {
+  testBadRenderItemFunction(): $TEMPORARY$array<React.Node> {
     const data = [
       {
         title: 'foo',
@@ -99,7 +99,7 @@ module.exports = {
     ];
   },
 
-  testOtherBadProps() {
+  testOtherBadProps(): $TEMPORARY$array<React.Node> {
     return [
       // $FlowExpectedError - bad numColumns type "lots"
       <FlatList renderItem={renderMyListItem} data={[]} numColumns="lots" />,
diff --git a/Libraries/Lists/__flowtests__/SectionList-flowtest.js b/Libraries/Lists/__flowtests__/SectionList-flowtest.js
index 9f70f43551fed1..44d8d008b7ba03 100644
--- a/Libraries/Lists/__flowtests__/SectionList-flowtest.js
+++ b/Libraries/Lists/__flowtests__/SectionList-flowtest.js
@@ -22,7 +22,7 @@ const renderMyHeader = ({section}: {section: {fooNumber: number} & Object}) => (
 );
 
 module.exports = {
-  testGoodDataWithGoodItem() {
+  testGoodDataWithGoodItem(): React.Node {
     const sections = [
       {
         key: 'a',
@@ -37,7 +37,7 @@ module.exports = {
     return <SectionList renderItem={renderMyListItem} sections={sections} />;
   },
 
-  testBadRenderItemFunction() {
+  testBadRenderItemFunction(): $TEMPORARY$array<React.Node> {
     const sections = [
       {
         key: 'a',
diff --git a/Libraries/Lists/__tests__/FlatList-test.js b/Libraries/Lists/__tests__/FlatList-test.js
index e1c605aae11039..1df7e484c76688 100644
--- a/Libraries/Lists/__tests__/FlatList-test.js
+++ b/Libraries/Lists/__tests__/FlatList-test.js
@@ -25,6 +25,41 @@ describe('FlatList', () => {
     );
     expect(component).toMatchSnapshot();
   });
+  it('renders simple list (multiple columns)', () => {
+    const component = ReactTestRenderer.create(
+      <FlatList
+        data={[{key: 'i1'}, {key: 'i2'}, {key: 'i3'}]}
+        renderItem={({item}) => <item value={item.key} />}
+        numColumns={2}
+      />,
+    );
+    expect(component).toMatchSnapshot();
+  });
+  it('renders simple list using ListItemComponent', () => {
+    function ListItemComponent({item}) {
+      return <item value={item.key} />;
+    }
+    const component = ReactTestRenderer.create(
+      <FlatList
+        data={[{key: 'i1'}, {key: 'i2'}, {key: 'i3'}]}
+        ListItemComponent={ListItemComponent}
+      />,
+    );
+    expect(component).toMatchSnapshot();
+  });
+  it('renders simple list using ListItemComponent (multiple columns)', () => {
+    function ListItemComponent({item}) {
+      return <item value={item.key} />;
+    }
+    const component = ReactTestRenderer.create(
+      <FlatList
+        data={[{key: 'i1'}, {key: 'i2'}, {key: 'i3'}]}
+        ListItemComponent={ListItemComponent}
+        numColumns={2}
+      />,
+    );
+    expect(component).toMatchSnapshot();
+  });
   it('renders empty list', () => {
     const component = ReactTestRenderer.create(
       <FlatList data={[]} renderItem={({item}) => <item value={item.key} />} />,
diff --git a/Libraries/Lists/__tests__/VirtualizeUtils-test.js b/Libraries/Lists/__tests__/VirtualizeUtils-test.js
index fe67ef79fffcd3..86125a3a29b897 100644
--- a/Libraries/Lists/__tests__/VirtualizeUtils-test.js
+++ b/Libraries/Lists/__tests__/VirtualizeUtils-test.js
@@ -34,7 +34,7 @@ describe('newRangeCount', function() {
   it('handles front extension', function() {
     expect(newRangeCount({first: 1, last: 4}, {first: 0, last: 4})).toBe(1);
   });
-  it('handles forward insersect', function() {
+  it('handles forward intersect', function() {
     expect(newRangeCount({first: 1, last: 4}, {first: 3, last: 6})).toBe(2);
   });
   it('handles reverse intersect', function() {
diff --git a/Libraries/Lists/__tests__/VirtualizedList-test.js b/Libraries/Lists/__tests__/VirtualizedList-test.js
index d421d1b9a78591..c4873374e0ef54 100644
--- a/Libraries/Lists/__tests__/VirtualizedList-test.js
+++ b/Libraries/Lists/__tests__/VirtualizedList-test.js
@@ -28,6 +28,61 @@ describe('VirtualizedList', () => {
     expect(component).toMatchSnapshot();
   });
 
+  it('renders simple list using ListItemComponent', () => {
+    function ListItemComponent({item}) {
+      return <item value={item.key} />;
+    }
+    const component = ReactTestRenderer.create(
+      <VirtualizedList
+        data={[{key: 'i1'}, {key: 'i2'}, {key: 'i3'}]}
+        ListItemComponent={ListItemComponent}
+        getItem={(data, index) => data[index]}
+        getItemCount={data => data.length}
+      />,
+    );
+    expect(component).toMatchSnapshot();
+  });
+
+  it('warns if both renderItem or ListItemComponent are specified. Uses ListItemComponent', () => {
+    jest.spyOn(global.console, 'warn');
+    function ListItemComponent({item}) {
+      return <item value={item.key} testID={`${item.key}-ListItemComponent`} />;
+    }
+    const component = ReactTestRenderer.create(
+      <VirtualizedList
+        data={[{key: 'i1'}]}
+        ListItemComponent={ListItemComponent}
+        renderItem={({item}) => (
+          <item value={item.key} testID={`${item.key}-renderItem`} />
+        )}
+        getItem={(data, index) => data[index]}
+        getItemCount={data => data.length}
+      />,
+    );
+
+    expect(console.warn.mock.calls).toEqual([
+      [
+        'VirtualizedList: Both ListItemComponent and renderItem props are present. ListItemComponent will take precedence over renderItem.',
+      ],
+    ]);
+    expect(component).toMatchSnapshot();
+    console.warn.mockRestore();
+  });
+
+  it('throws if no renderItem or ListItemComponent', () => {
+    const componentFactory = () =>
+      ReactTestRenderer.create(
+        <VirtualizedList
+          data={[{key: 'i1'}, {key: 'i2'}, {key: 'i3'}]}
+          getItem={(data, index) => data[index]}
+          getItemCount={data => data.length}
+        />,
+      );
+    expect(componentFactory).toThrow(
+      'VirtualizedList: Either ListItemComponent or renderItem props are required but none were found.',
+    );
+  });
+
   it('renders empty list', () => {
     const component = ReactTestRenderer.create(
       <VirtualizedList
diff --git a/Libraries/Lists/__tests__/VirtualizedSectionList-test.js b/Libraries/Lists/__tests__/VirtualizedSectionList-test.js
index d52e9b06bff835..2ecbe701ca5644 100644
--- a/Libraries/Lists/__tests__/VirtualizedSectionList-test.js
+++ b/Libraries/Lists/__tests__/VirtualizedSectionList-test.js
@@ -161,4 +161,98 @@ describe('VirtualizedSectionList', () => {
     );
     expect(component).toMatchSnapshot();
   });
+
+  describe('scrollToLocation', () => {
+    const ITEM_HEIGHT = 100;
+
+    const createVirtualizedSectionList = props => {
+      const component = ReactTestRenderer.create(
+        <VirtualizedSectionList
+          sections={[
+            {title: 's1', data: [{key: 'i1.1'}, {key: 'i1.2'}, {key: 'i1.3'}]},
+            {title: 's2', data: [{key: 'i2.1'}, {key: 'i2.2'}, {key: 'i2.3'}]},
+          ]}
+          renderItem={({item}) => <item value={item.key} />}
+          getItem={(data, key) => data[key]}
+          getItemCount={data => data.length}
+          getItemLayout={(data, index) => ({
+            length: ITEM_HEIGHT,
+            offset: ITEM_HEIGHT * index,
+            index,
+          })}
+          {...props}
+        />,
+      );
+      const instance = component.getInstance();
+      const spy = jest.fn();
+      instance._listRef.scrollToIndex = spy;
+      return {
+        instance,
+        spy,
+      };
+    };
+
+    it('when sticky stickySectionHeadersEnabled={true}, header height is added to the developer-provided viewOffset', () => {
+      const {instance, spy} = createVirtualizedSectionList({
+        stickySectionHeadersEnabled: true,
+      });
+
+      const viewOffset = 25;
+
+      instance.scrollToLocation({
+        sectionIndex: 0,
+        itemIndex: 1,
+        viewOffset,
+      });
+      expect(spy).toHaveBeenCalledWith({
+        index: 1,
+        itemIndex: 1,
+        sectionIndex: 0,
+        viewOffset: viewOffset + ITEM_HEIGHT,
+      });
+    });
+
+    it.each([
+      [
+        // prevents #18098
+        {sectionIndex: 0, itemIndex: 0},
+        {
+          index: 0,
+          itemIndex: 0,
+          sectionIndex: 0,
+          viewOffset: 0,
+        },
+      ],
+      [
+        {sectionIndex: 2, itemIndex: 1},
+        {
+          index: 11,
+          itemIndex: 1,
+          sectionIndex: 2,
+          viewOffset: 0,
+        },
+      ],
+      [
+        {
+          sectionIndex: 0,
+          itemIndex: 1,
+          viewOffset: 25,
+        },
+        {
+          index: 1,
+          itemIndex: 1,
+          sectionIndex: 0,
+          viewOffset: 25,
+        },
+      ],
+    ])(
+      'given sectionIndex, itemIndex and viewOffset, scrollToIndex is called with correct params',
+      (scrollToLocationParams, expected) => {
+        const {instance, spy} = createVirtualizedSectionList();
+
+        instance.scrollToLocation(scrollToLocationParams);
+        expect(spy).toHaveBeenCalledWith(expected);
+      },
+    );
+  });
 });
diff --git a/Libraries/Lists/__tests__/__snapshots__/FlatList-test.js.snap b/Libraries/Lists/__tests__/__snapshots__/FlatList-test.js.snap
index a803418ba3a9fb..86376e2b585d27 100644
--- a/Libraries/Lists/__tests__/__snapshots__/FlatList-test.js.snap
+++ b/Libraries/Lists/__tests__/__snapshots__/FlatList-test.js.snap
@@ -188,6 +188,85 @@ exports[`FlatList renders null list 1`] = `
 </RCTScrollView>
 `;
 
+exports[`FlatList renders simple list (multiple columns) 1`] = `
+<RCTScrollView
+  data={
+    Array [
+      Object {
+        "key": "i1",
+      },
+      Object {
+        "key": "i2",
+      },
+      Object {
+        "key": "i3",
+      },
+    ]
+  }
+  disableVirtualization={false}
+  getItem={[Function]}
+  getItemCount={[Function]}
+  horizontal={false}
+  initialNumToRender={10}
+  keyExtractor={[Function]}
+  maxToRenderPerBatch={10}
+  numColumns={2}
+  onContentSizeChange={[Function]}
+  onEndReachedThreshold={2}
+  onLayout={[Function]}
+  onMomentumScrollEnd={[Function]}
+  onScroll={[Function]}
+  onScrollBeginDrag={[Function]}
+  onScrollEndDrag={[Function]}
+  onScrollKeyDown={null}
+  removeClippedSubviews={false}
+  renderItem={[Function]}
+  scrollEventThrottle={50}
+  stickyHeaderIndices={Array []}
+  updateCellsBatchingPeriod={50}
+  viewabilityConfigCallbackPairs={Array []}
+  windowSize={21}
+>
+  <View>
+    <View
+      onLayout={[Function]}
+      style={null}
+    >
+      <View
+        style={
+          Object {
+            "flexDirection": "row",
+          }
+        }
+      >
+        <item
+          value="i1"
+        />
+        <item
+          value="i2"
+        />
+      </View>
+    </View>
+    <View
+      onLayout={[Function]}
+      style={null}
+    >
+      <View
+        style={
+          Object {
+            "flexDirection": "row",
+          }
+        }
+      >
+        <item
+          value="i3"
+        />
+      </View>
+    </View>
+  </View>
+</RCTScrollView>
+`;
+
 exports[`FlatList renders simple list 1`] = `
 <RCTScrollView
   data={
@@ -255,3 +334,150 @@ exports[`FlatList renders simple list 1`] = `
   </View>
 </RCTScrollView>
 `;
+
+exports[`FlatList renders simple list using ListItemComponent (multiple columns) 1`] = `
+<RCTScrollView
+  ListItemComponent={[Function]}
+  data={
+    Array [
+      Object {
+        "key": "i1",
+      },
+      Object {
+        "key": "i2",
+      },
+      Object {
+        "key": "i3",
+      },
+    ]
+  }
+  disableVirtualization={false}
+  getItem={[Function]}
+  getItemCount={[Function]}
+  horizontal={false}
+  initialNumToRender={10}
+  keyExtractor={[Function]}
+  maxToRenderPerBatch={10}
+  numColumns={2}
+  onContentSizeChange={[Function]}
+  onEndReachedThreshold={2}
+  onLayout={[Function]}
+  onMomentumScrollEnd={[Function]}
+  onScroll={[Function]}
+  onScrollBeginDrag={[Function]}
+  onScrollEndDrag={[Function]}
+  onScrollKeyDown={null}
+  removeClippedSubviews={false}
+  scrollEventThrottle={50}
+  stickyHeaderIndices={Array []}
+  updateCellsBatchingPeriod={50}
+  viewabilityConfigCallbackPairs={Array []}
+  windowSize={21}
+>
+  <View>
+    <View
+      onLayout={[Function]}
+      style={null}
+    >
+      <View
+        style={
+          Object {
+            "flexDirection": "row",
+          }
+        }
+      >
+        <item
+          value="i1"
+        />
+        <item
+          value="i2"
+        />
+      </View>
+    </View>
+    <View
+      onLayout={[Function]}
+      style={null}
+    >
+      <View
+        style={
+          Object {
+            "flexDirection": "row",
+          }
+        }
+      >
+        <item
+          value="i3"
+        />
+      </View>
+    </View>
+  </View>
+</RCTScrollView>
+`;
+
+exports[`FlatList renders simple list using ListItemComponent 1`] = `
+<RCTScrollView
+  ListItemComponent={[Function]}
+  data={
+    Array [
+      Object {
+        "key": "i1",
+      },
+      Object {
+        "key": "i2",
+      },
+      Object {
+        "key": "i3",
+      },
+    ]
+  }
+  disableVirtualization={false}
+  getItem={[Function]}
+  getItemCount={[Function]}
+  horizontal={false}
+  initialNumToRender={10}
+  keyExtractor={[Function]}
+  maxToRenderPerBatch={10}
+  numColumns={1}
+  onContentSizeChange={[Function]}
+  onEndReachedThreshold={2}
+  onLayout={[Function]}
+  onMomentumScrollEnd={[Function]}
+  onScroll={[Function]}
+  onScrollBeginDrag={[Function]}
+  onScrollEndDrag={[Function]}
+  onScrollKeyDown={null}
+  removeClippedSubviews={false}
+  scrollEventThrottle={50}
+  stickyHeaderIndices={Array []}
+  updateCellsBatchingPeriod={50}
+  viewabilityConfigCallbackPairs={Array []}
+  windowSize={21}
+>
+  <View>
+    <View
+      onLayout={[Function]}
+      style={null}
+    >
+      <item
+        value="i1"
+      />
+    </View>
+    <View
+      onLayout={[Function]}
+      style={null}
+    >
+      <item
+        value="i2"
+      />
+    </View>
+    <View
+      onLayout={[Function]}
+      style={null}
+    >
+      <item
+        value="i3"
+      />
+    </View>
+  </View>
+</RCTScrollView>
+`;
diff --git a/Libraries/Lists/__tests__/__snapshots__/VirtualizedList-test.js.snap b/Libraries/Lists/__tests__/__snapshots__/VirtualizedList-test.js.snap
index 057799876b3de1..708509db4ff9b6 100644
--- a/Libraries/Lists/__tests__/__snapshots__/VirtualizedList-test.js.snap
+++ b/Libraries/Lists/__tests__/__snapshots__/VirtualizedList-test.js.snap
@@ -822,6 +822,71 @@ exports[`VirtualizedList renders simple list 1`] = `
 </RCTScrollView>
 `;
 
+exports[`VirtualizedList renders simple list using ListItemComponent 1`] = `
+<RCTScrollView
+  ListItemComponent={[Function]}
+  data={
+    Array [
+      Object {
+        "key": "i1",
+      },
+      Object {
+        "key": "i2",
+      },
+      Object {
+        "key": "i3",
+      },
+    ]
+  }
+  disableVirtualization={false}
+  getItem={[Function]}
+  getItemCount={[Function]}
+  horizontal={false}
+  initialNumToRender={10}
+  keyExtractor={[Function]}
+  maxToRenderPerBatch={10}
+  onContentSizeChange={[Function]}
+  onEndReachedThreshold={2}
+  onLayout={[Function]}
+  onMomentumScrollEnd={[Function]}
+  onScroll={[Function]}
+  onScrollBeginDrag={[Function]}
+  onScrollEndDrag={[Function]}
+  onScrollKeyDown={null}
+  scrollEventThrottle={50}
+  stickyHeaderIndices={Array []}
+  updateCellsBatchingPeriod={50}
+  windowSize={21}
+>
+  <View>
+    <View
+      onLayout={[Function]}
+      style={null}
+    >
+      <item
+        value="i1"
+      />
+    </View>
+    <View
+      onLayout={[Function]}
+      style={null}
+    >
+      <item
+        value="i2"
+      />
+    </View>
+    <View
+      onLayout={[Function]}
+      style={null}
+    >
+      <item
+        value="i3"
+      />
+    </View>
+  </View>
+</RCTScrollView>
+`;
+
 exports[`VirtualizedList test getItem functionality where data is not an Array 1`] = `
 <RCTScrollView
   data={
@@ -864,3 +929,48 @@ exports[`VirtualizedList test getItem functionality where data is not an Array 1
   </View>
 </RCTScrollView>
 `;
+
+exports[`VirtualizedList warns if both renderItem or ListItemComponent are specified. Uses ListItemComponent 1`] = `
+<RCTScrollView
+  ListItemComponent={[Function]}
+  data={
+    Array [
+      Object {
+        "key": "i1",
+      },
+    ]
+  }
+  disableVirtualization={false}
+  getItem={[Function]}
+  getItemCount={[Function]}
+  horizontal={false}
+  initialNumToRender={10}
+  keyExtractor={[Function]}
+  maxToRenderPerBatch={10}
+  onContentSizeChange={[Function]}
+  onEndReachedThreshold={2}
+  onLayout={[Function]}
+  onMomentumScrollEnd={[Function]}
+  onScroll={[Function]}
+  onScrollBeginDrag={[Function]}
+  onScrollEndDrag={[Function]}
+  onScrollKeyDown={null}
+  renderItem={[Function]}
+  scrollEventThrottle={50}
+  stickyHeaderIndices={Array []}
+  updateCellsBatchingPeriod={50}
+  windowSize={21}
+>
+  <View>
+    <View
+      onLayout={[Function]}
+      style={null}
+    >
+      <item
+        testID="i1-ListItemComponent"
+        value="i1"
+      />
+    </View>
+  </View>
+</RCTScrollView>
+`;
diff --git a/Libraries/Modal/Modal.js b/Libraries/Modal/Modal.js
index e364ec0af7f74c..76274822b50e52 100644
--- a/Libraries/Modal/Modal.js
+++ b/Libraries/Modal/Modal.js
@@ -13,24 +13,25 @@
 const AppContainer = require('../ReactNative/AppContainer');
 const I18nManager = require('../ReactNative/I18nManager');
 const NativeEventEmitter = require('../EventEmitter/NativeEventEmitter');
-const NativeModules = require('../BatchedBridge/NativeModules');
+import NativeModalManager from './NativeModalManager';
 const Platform = require('../Utilities/Platform');
 const React = require('react');
 const PropTypes = require('prop-types');
+const ScrollView = require('../Components/ScrollView/ScrollView');
 const StyleSheet = require('../StyleSheet/StyleSheet');
 const View = require('../Components/View/View');
 
-const RCTModalHostView = require('./RCTModalHostViewNativeComponent');
+import type {ViewProps} from '../Components/View/ViewPropTypes';
+import type {DirectEventHandler} from '../Types/CodegenTypes';
+import type {SyntheticEvent} from '../Types/CoreEventTypes';
+import type EmitterSubscription from '../vendor/emitter/EmitterSubscription';
+import RCTModalHostView from './RCTModalHostViewNativeComponent';
 
 const ModalEventEmitter =
-  Platform.OS === 'ios' && NativeModules.ModalManager
-    ? new NativeEventEmitter(NativeModules.ModalManager)
+  Platform.OS === 'ios' && NativeModalManager != null
+    ? new NativeEventEmitter(NativeModalManager)
     : null;
 
-import type EmitterSubscription from '../vendor/emitter/EmitterSubscription';
-import type {ViewProps} from '../Components/View/ViewPropTypes';
-import type {SyntheticEvent} from '../Types/CoreEventTypes';
-
 /**
  * The Modal component is a simple way to present content above an enclosing view.
  *
@@ -43,13 +44,11 @@ import type {SyntheticEvent} from '../Types/CoreEventTypes';
 // destroyed before the callback is fired.
 let uniqueModalIdentifier = 0;
 
-type OrientationChangeEvent = SyntheticEvent<
-  $ReadOnly<{|
-    orientation: 'portrait' | 'landscape',
-  |}>,
->;
+type OrientationChangeEvent = $ReadOnly<{|
+  orientation: 'portrait' | 'landscape',
+|}>;
 
-type Props = $ReadOnly<{|
+export type Props = $ReadOnly<{|
   ...ViewProps,
 
   /**
@@ -102,7 +101,7 @@ type Props = $ReadOnly<{|
    *
    * See https://facebook.github.io/react-native/docs/modal.html#onrequestclose
    */
-  onRequestClose?: ?(event?: SyntheticEvent<null>) => mixed,
+  onRequestClose?: ?DirectEventHandler<null>,
 
   /**
    * The `onShow` prop allows passing a function that will be called once the
@@ -110,7 +109,7 @@ type Props = $ReadOnly<{|
    *
    * See https://facebook.github.io/react-native/docs/modal.html#onshow
    */
-  onShow?: ?(event?: SyntheticEvent<null>) => mixed,
+  onShow?: ?DirectEventHandler<null>,
 
   /**
    * The `onDismiss` prop allows passing a function that will be called once
@@ -143,16 +142,21 @@ type Props = $ReadOnly<{|
    *
    * See https://facebook.github.io/react-native/docs/modal.html#onorientationchange
    */
-  onOrientationChange?: ?(event: OrientationChangeEvent) => mixed,
+  onOrientationChange?: ?DirectEventHandler<OrientationChangeEvent>,
 |}>;
 
 class Modal extends React.Component<Props> {
-  static defaultProps = {
+  static defaultProps: $TEMPORARY$object<{|
+    hardwareAccelerated: boolean,
+    visible: boolean,
+  |}> = {
     visible: true,
     hardwareAccelerated: false,
   };
 
-  static contextTypes = {
+  static contextTypes:
+    | any
+    | $TEMPORARY$object<{|rootTag: React$PropType$Primitive<number>|}> = {
     rootTag: PropTypes.number,
   };
 
@@ -165,13 +169,15 @@ class Modal extends React.Component<Props> {
     this._identifier = uniqueModalIdentifier++;
   }
 
-  static childContextTypes = {
+  static childContextTypes:
+    | any
+    | $TEMPORARY$object<{|virtualizedList: React$PropType$Primitive<any>|}> = {
     virtualizedList: PropTypes.object,
   };
 
-  getChildContext() {
+  getChildContext(): $TEMPORARY$object<{|virtualizedList: null|}> {
     // Reset the context so VirtualizedList doesn't get confused by nesting
-    // in the React tree that doesn't reflect the native component heirarchy.
+    // in the React tree that doesn't reflect the native component hierarchy.
     return {
       virtualizedList: null,
     };
@@ -261,7 +267,11 @@ class Modal extends React.Component<Props> {
         onStartShouldSetResponder={this._shouldSetResponder}
         supportedOrientations={this.props.supportedOrientations}
         onOrientationChange={this.props.onOrientationChange}>
-        <View style={[styles.container, containerStyles]}>{innerChildren}</View>
+        <ScrollView.Context.Provider value={null}>
+          <View style={[styles.container, containerStyles]}>
+            {innerChildren}
+          </View>
+        </ScrollView.Context.Provider>
       </RCTModalHostView>
     );
   }
@@ -272,7 +282,7 @@ class Modal extends React.Component<Props> {
   }
 }
 
-const side = I18nManager.isRTL ? 'right' : 'left';
+const side = I18nManager.getConstants().isRTL ? 'right' : 'left';
 const styles = StyleSheet.create({
   modal: {
     position: 'absolute',
diff --git a/Libraries/Modal/ModalSchema.js b/Libraries/Modal/ModalSchema.js
deleted file mode 100644
index 7c0b3e9299071e..00000000000000
--- a/Libraries/Modal/ModalSchema.js
+++ /dev/null
@@ -1,182 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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 {SchemaType} from '../../packages/react-native-codegen/src/CodegenSchema.js';
-
-const ModalSchema: SchemaType = {
-  modules: {
-    ModalHostView: {
-      components: {
-        ModalHostView: {
-          interfaceOnly: true,
-          extendsProps: [
-            {
-              type: 'ReactNativeBuiltInType',
-              knownTypeName: 'ReactNativeCoreViewProps',
-            },
-          ],
-          events: [
-            {
-              name: 'onRequestClose',
-              optional: true,
-              bubblingType: 'bubble',
-              typeAnnotation: {
-                type: 'EventTypeAnnotation',
-                argument: {
-                  type: 'ObjectTypeAnnotation',
-                  properties: [],
-                },
-              },
-            },
-            {
-              name: 'onShow',
-              optional: true,
-              bubblingType: 'bubble',
-              typeAnnotation: {
-                type: 'EventTypeAnnotation',
-                argument: {
-                  type: 'ObjectTypeAnnotation',
-                  properties: [],
-                },
-              },
-            },
-            {
-              name: 'onDismiss',
-              optional: true,
-              bubblingType: 'bubble',
-              typeAnnotation: {
-                type: 'EventTypeAnnotation',
-                argument: {
-                  type: 'ObjectTypeAnnotation',
-                  properties: [],
-                },
-              },
-            },
-            {
-              name: 'onOrientationChange',
-              optional: true,
-              bubblingType: 'bubble',
-              typeAnnotation: {
-                type: 'EventTypeAnnotation',
-                argument: {
-                  type: 'ObjectTypeAnnotation',
-                  properties: [],
-                },
-              },
-            },
-          ],
-          props: [
-            {
-              name: 'animationType',
-              optional: true,
-              typeAnnotation: {
-                type: 'StringEnumTypeAnnotation',
-                default: 'none',
-                options: [
-                  {
-                    name: 'none',
-                  },
-                  {
-                    name: 'slide',
-                  },
-                  {
-                    name: 'fade',
-                  },
-                ],
-              },
-            },
-            {
-              name: 'presentationStyle',
-              optional: true,
-              typeAnnotation: {
-                type: 'StringEnumTypeAnnotation',
-                default: 'fullScreen',
-                options: [
-                  {
-                    name: 'fullScreen',
-                  },
-                  {
-                    name: 'pageSheet',
-                  },
-                  {
-                    name: 'formSheet',
-                  },
-                  {
-                    name: 'overFullScreen',
-                  },
-                ],
-              },
-            },
-            {
-              name: 'transparent',
-              optional: true,
-              typeAnnotation: {
-                type: 'BooleanTypeAnnotation',
-                default: false,
-              },
-            },
-            {
-              name: 'hardwareAccelerated',
-              optional: true,
-              typeAnnotation: {
-                type: 'BooleanTypeAnnotation',
-                default: false,
-              },
-            },
-            {
-              name: 'visible',
-              optional: true,
-              typeAnnotation: {
-                type: 'BooleanTypeAnnotation',
-                default: true,
-              },
-            },
-            {
-              name: 'supportedOrientations',
-              optional: true,
-              typeAnnotation: {
-                type: 'StringEnumTypeAnnotation',
-                default: 'portrait',
-                options: [
-                  {
-                    name: 'portrait',
-                  },
-                  {
-                    name: 'portrait-upside-down',
-                  },
-                  {
-                    name: 'landscape',
-                  },
-                  {
-                    name: 'landscape-left',
-                  },
-                  {
-                    name: 'landscape-right',
-                  },
-                ],
-              },
-            },
-            {
-              name: 'identifier',
-              optional: true,
-              typeAnnotation: {
-                type: 'Int32TypeAnnotation',
-                default: 0,
-              },
-            },
-          ],
-        },
-      },
-    },
-  },
-};
-
-module.exports = ModalSchema;
diff --git a/Libraries/Modal/NativeModalManager.js b/Libraries/Modal/NativeModalManager.js
new file mode 100644
index 00000000000000..5f4e6c146fcc0e
--- /dev/null
+++ b/Libraries/Modal/NativeModalManager.js
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+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);
diff --git a/Libraries/Modal/RCTModalHostViewNativeComponent.js b/Libraries/Modal/RCTModalHostViewNativeComponent.js
index a19c76b92ab8d7..214db2588212ce 100644
--- a/Libraries/Modal/RCTModalHostViewNativeComponent.js
+++ b/Libraries/Modal/RCTModalHostViewNativeComponent.js
@@ -10,19 +10,22 @@
 
 'use strict';
 
-const requireNativeComponent = require('../ReactNative/requireNativeComponent');
+import codegenNativeComponent from '../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../Utilities/codegenNativeComponent';
+import type {
+  WithDefault,
+  BubblingEventHandler,
+  DirectEventHandler,
+  Int32,
+} from '../Types/CodegenTypes';
 
 import type {ViewProps} from '../Components/View/ViewPropTypes';
-import type {SyntheticEvent} from '../Types/CoreEventTypes';
-import type {NativeComponent} from '../Renderer/shims/ReactNative';
 
-type OrientationChangeEvent = SyntheticEvent<
-  $ReadOnly<{|
-    orientation: 'portrait' | 'landscape',
-  |}>,
->;
+type OrientationChangeEvent = $ReadOnly<{|
+  orientation: 'portrait' | 'landscape',
+|}>;
 
-type ModalNativeProps = $ReadOnly<{|
+type NativeProps = $ReadOnly<{|
   ...ViewProps,
 
   /**
@@ -30,19 +33,17 @@ type ModalNativeProps = $ReadOnly<{|
    *
    * See https://facebook.github.io/react-native/docs/modal.html#animationtype
    */
-  animationType?: ?('none' | 'slide' | 'fade'),
+  animationType?: WithDefault<'none' | 'slide' | 'fade', 'none'>,
 
   /**
    * The `presentationStyle` prop controls how the modal appears.
    *
    * See https://facebook.github.io/react-native/docs/modal.html#presentationstyle
    */
-  presentationStyle?: ?(
-    | 'fullScreen'
-    | 'pageSheet'
-    | 'formSheet'
-    | 'overFullScreen'
-  ),
+  presentationStyle?: WithDefault<
+    'fullScreen' | 'pageSheet' | 'formSheet' | 'overFullScreen',
+    'fullScreen',
+  >,
 
   /**
    * The `transparent` prop determines whether your modal will fill the
@@ -50,7 +51,7 @@ type ModalNativeProps = $ReadOnly<{|
    *
    * See https://facebook.github.io/react-native/docs/modal.html#transparent
    */
-  transparent?: ?boolean,
+  transparent?: WithDefault<boolean, false>,
 
   /**
    * The `hardwareAccelerated` prop controls whether to force hardware
@@ -58,14 +59,7 @@ type ModalNativeProps = $ReadOnly<{|
    *
    * See https://facebook.github.io/react-native/docs/modal.html#hardwareaccelerated
    */
-  hardwareAccelerated?: ?boolean,
-
-  /**
-   * The `visible` prop determines whether your modal is visible.
-   *
-   * See https://facebook.github.io/react-native/docs/modal.html#visible
-   */
-  visible?: ?boolean,
+  hardwareAccelerated?: WithDefault<boolean, false>,
 
   /**
    * The `onRequestClose` callback is called when the user taps the hardware
@@ -75,7 +69,7 @@ type ModalNativeProps = $ReadOnly<{|
    *
    * See https://facebook.github.io/react-native/docs/modal.html#onrequestclose
    */
-  onRequestClose?: ?(event?: SyntheticEvent<null>) => mixed,
+  onRequestClose?: ?DirectEventHandler<null>,
 
   /**
    * The `onShow` prop allows passing a function that will be called once the
@@ -83,7 +77,7 @@ type ModalNativeProps = $ReadOnly<{|
    *
    * See https://facebook.github.io/react-native/docs/modal.html#onshow
    */
-  onShow?: ?(event?: SyntheticEvent<null>) => mixed,
+  onShow?: ?DirectEventHandler<null>,
 
   /**
    * The `onDismiss` prop allows passing a function that will be called once
@@ -91,24 +85,27 @@ type ModalNativeProps = $ReadOnly<{|
    *
    * See https://facebook.github.io/react-native/docs/modal.html#ondismiss
    */
-  onDismiss?: ?() => mixed,
+  onDismiss?: ?BubblingEventHandler<null>,
 
   /**
    * Deprecated. Use the `animationType` prop instead.
    */
-  animated?: ?boolean,
+  animated?: WithDefault<boolean, false>,
 
   /**
    * The `supportedOrientations` prop allows the modal to be rotated to any of the specified orientations.
    *
    * See https://facebook.github.io/react-native/docs/modal.html#supportedorientations
    */
-  supportedOrientations?: ?$ReadOnlyArray<
-    | 'portrait'
-    | 'portrait-upside-down'
-    | 'landscape'
-    | 'landscape-left'
-    | 'landscape-right',
+  supportedOrientations?: WithDefault<
+    $ReadOnlyArray<
+      | 'portrait'
+      | 'portrait-upside-down'
+      | 'landscape'
+      | 'landscape-left'
+      | 'landscape-right',
+    >,
+    'portrait',
   >,
 
   /**
@@ -116,16 +113,15 @@ type ModalNativeProps = $ReadOnly<{|
    *
    * See https://facebook.github.io/react-native/docs/modal.html#onorientationchange
    */
-  onOrientationChange?: ?(event: OrientationChangeEvent) => mixed,
+  onOrientationChange?: ?DirectEventHandler<OrientationChangeEvent>,
 
   /**
    * The `identifier` is the unique number for identifying Modal components.
    */
-  identifier?: ?number,
+  identifier?: WithDefault<Int32, 0>,
 |}>;
 
-type RCTModalHostViewNativeType = Class<NativeComponent<ModalNativeProps>>;
-
-module.exports = ((requireNativeComponent(
-  'RCTModalHostView',
-): any): RCTModalHostViewNativeType);
+export default (codegenNativeComponent<NativeProps>('ModalHostView', {
+  interfaceOnly: true,
+  paperComponentName: 'RCTModalHostView',
+}): NativeComponentType<NativeProps>);
diff --git a/Libraries/NativeAnimation/Drivers/RCTDecayAnimation.m b/Libraries/NativeAnimation/Drivers/RCTDecayAnimation.m
index 7b45202af1648b..8ea28df44d8346 100644
--- a/Libraries/NativeAnimation/Drivers/RCTDecayAnimation.m
+++ b/Libraries/NativeAnimation/Drivers/RCTDecayAnimation.m
@@ -5,13 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTDecayAnimation.h"
+#import <React/RCTDecayAnimation.h>
 
 #import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 #import <React/RCTConvert.h>
 
-#import "RCTAnimationUtils.h"
-#import "RCTValueAnimatedNode.h"
+#import <React/RCTAnimationUtils.h>
+#import <React/RCTValueAnimatedNode.h>
 
 @interface RCTDecayAnimation ()
 
diff --git a/Libraries/NativeAnimation/Drivers/RCTEventAnimation.m b/Libraries/NativeAnimation/Drivers/RCTEventAnimation.m
index 7ae667bb833df0..778c775a2c20a4 100644
--- a/Libraries/NativeAnimation/Drivers/RCTEventAnimation.m
+++ b/Libraries/NativeAnimation/Drivers/RCTEventAnimation.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTEventAnimation.h"
+#import <React/RCTEventAnimation.h>
 
 @implementation RCTEventAnimation
 {
diff --git a/Libraries/NativeAnimation/Drivers/RCTFrameAnimation.m b/Libraries/NativeAnimation/Drivers/RCTFrameAnimation.m
index 1ca342a95486ab..4241980e2eb2c4 100644
--- a/Libraries/NativeAnimation/Drivers/RCTFrameAnimation.m
+++ b/Libraries/NativeAnimation/Drivers/RCTFrameAnimation.m
@@ -5,15 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTFrameAnimation.h"
+#import <React/RCTFrameAnimation.h>
 
 #import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 
 #import <React/RCTConvert.h>
 #import <React/RCTDefines.h>
 
-#import "RCTAnimationUtils.h"
-#import "RCTValueAnimatedNode.h"
+#import <React/RCTAnimationUtils.h>
+#import <React/RCTValueAnimatedNode.h>
 
 @interface RCTFrameAnimation ()
 
diff --git a/Libraries/NativeAnimation/Drivers/RCTSpringAnimation.m b/Libraries/NativeAnimation/Drivers/RCTSpringAnimation.m
index 5f05e326c112f3..a8fb5b5dbbde78 100644
--- a/Libraries/NativeAnimation/Drivers/RCTSpringAnimation.m
+++ b/Libraries/NativeAnimation/Drivers/RCTSpringAnimation.m
@@ -5,15 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTSpringAnimation.h"
+#import <React/RCTSpringAnimation.h>
 
 #import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 
 #import <React/RCTConvert.h>
 #import <React/RCTDefines.h>
 
-#import "RCTAnimationUtils.h"
-#import "RCTValueAnimatedNode.h"
+#import <React/RCTAnimationUtils.h>
+#import <React/RCTValueAnimatedNode.h>
 
 @interface RCTSpringAnimation ()
 
diff --git a/Libraries/NativeAnimation/Nodes/RCTAdditionAnimatedNode.m b/Libraries/NativeAnimation/Nodes/RCTAdditionAnimatedNode.m
index dfb6f92a2999df..d7bedda903fb47 100644
--- a/Libraries/NativeAnimation/Nodes/RCTAdditionAnimatedNode.m
+++ b/Libraries/NativeAnimation/Nodes/RCTAdditionAnimatedNode.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTAdditionAnimatedNode.h"
+#import <React/RCTAdditionAnimatedNode.h>
 
 @implementation RCTAdditionAnimatedNode
 
diff --git a/Libraries/NativeAnimation/Nodes/RCTAnimatedNode.h b/Libraries/NativeAnimation/Nodes/RCTAnimatedNode.h
index 376f9e602683f0..b6ad4c1d73de63 100644
--- a/Libraries/NativeAnimation/Nodes/RCTAnimatedNode.h
+++ b/Libraries/NativeAnimation/Nodes/RCTAnimatedNode.h
@@ -31,7 +31,7 @@
 - (void)setNeedsUpdate NS_REQUIRES_SUPER;
 
 /**
- * The node will update its value if necesarry and only after its parents have updated.
+ * The node will update its value if necessary and only after its parents have updated.
  */
 - (void)updateNodeIfNecessary NS_REQUIRES_SUPER;
 
diff --git a/Libraries/NativeAnimation/Nodes/RCTAnimatedNode.m b/Libraries/NativeAnimation/Nodes/RCTAnimatedNode.m
index 6f61e084a472a5..ade2cae1b3d86d 100644
--- a/Libraries/NativeAnimation/Nodes/RCTAnimatedNode.m
+++ b/Libraries/NativeAnimation/Nodes/RCTAnimatedNode.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTAnimatedNode.h"
+#import <React/RCTAnimatedNode.h>
 
 #import <React/RCTDefines.h>
 
@@ -110,7 +110,7 @@ - (void)updateNodeIfNecessary
 - (void)performUpdate
 {
   _needsUpdate = NO;
-  // To be overidden by subclasses
+  // To be overridden by subclasses
   // This method is called on a node only if it has been marked for update
   // during the current update loop
 }
diff --git a/Libraries/NativeAnimation/Nodes/RCTDiffClampAnimatedNode.m b/Libraries/NativeAnimation/Nodes/RCTDiffClampAnimatedNode.m
index 569741722ab74f..4cd29fb42bc059 100644
--- a/Libraries/NativeAnimation/Nodes/RCTDiffClampAnimatedNode.m
+++ b/Libraries/NativeAnimation/Nodes/RCTDiffClampAnimatedNode.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTDiffClampAnimatedNode.h"
+#import <React/RCTDiffClampAnimatedNode.h>
 
 #import <React/RCTLog.h>
 
diff --git a/Libraries/NativeAnimation/Nodes/RCTDivisionAnimatedNode.m b/Libraries/NativeAnimation/Nodes/RCTDivisionAnimatedNode.m
index d2cd3a1336c95c..c186a2cba3db0e 100644
--- a/Libraries/NativeAnimation/Nodes/RCTDivisionAnimatedNode.m
+++ b/Libraries/NativeAnimation/Nodes/RCTDivisionAnimatedNode.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTDivisionAnimatedNode.h"
+#import <React/RCTDivisionAnimatedNode.h>
 
 #import <React/RCTLog.h>
 
diff --git a/Libraries/NativeAnimation/Nodes/RCTInterpolationAnimatedNode.m b/Libraries/NativeAnimation/Nodes/RCTInterpolationAnimatedNode.m
index 0fbaf57d4b4ac4..921a8db15f013b 100644
--- a/Libraries/NativeAnimation/Nodes/RCTInterpolationAnimatedNode.m
+++ b/Libraries/NativeAnimation/Nodes/RCTInterpolationAnimatedNode.m
@@ -5,31 +5,94 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTInterpolationAnimatedNode.h"
+#import <React/RCTInterpolationAnimatedNode.h>
 
-#import "RCTAnimationUtils.h"
+#import <React/RCTAnimationUtils.h>
+
+static NSRegularExpression *regex;
 
 @implementation RCTInterpolationAnimatedNode
 {
   __weak RCTValueAnimatedNode *_parentNode;
   NSArray<NSNumber *> *_inputRange;
   NSArray<NSNumber *> *_outputRange;
+  NSArray<NSArray<NSNumber *> *> *_outputs;
+  NSArray<NSString *> *_soutputRange;
   NSString *_extrapolateLeft;
   NSString *_extrapolateRight;
+  NSUInteger _numVals;
+  bool _hasStringOutput;
+  bool _shouldRound;
+  NSArray<NSTextCheckingResult*> *_matches;
 }
 
 - (instancetype)initWithTag:(NSNumber *)tag
                      config:(NSDictionary<NSString *, id> *)config
 {
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^{
+    NSString *fpRegex = @"[+-]?(\\d+\\.?\\d*|\\.\\d+)([eE][+-]?\\d+)?";
+    regex = [NSRegularExpression regularExpressionWithPattern:fpRegex options:NSRegularExpressionCaseInsensitive error:nil];
+  });
   if ((self = [super initWithTag:tag config:config])) {
     _inputRange = [config[@"inputRange"] copy];
     NSMutableArray *outputRange = [NSMutableArray array];
+    NSMutableArray *soutputRange = [NSMutableArray array];
+    NSMutableArray<NSMutableArray<NSNumber *> *> *_outputRanges = [NSMutableArray array];
+
+    _hasStringOutput = NO;
     for (id value in config[@"outputRange"]) {
       if ([value isKindOfClass:[NSNumber class]]) {
         [outputRange addObject:value];
+      } else if ([value isKindOfClass:[NSString class]]) {
+        /**
+         * Supports string shapes by extracting numbers so new values can be computed,
+         * and recombines those values into new strings of the same shape.  Supports
+         * things like:
+         *
+         *   rgba(123, 42, 99, 0.36) // colors
+         *   -45deg                  // values with units
+         */
+        NSMutableArray *output = [NSMutableArray array];
+        [_outputRanges addObject:output];
+        [soutputRange addObject:value];
+
+        _matches = [regex matchesInString:value options:0 range:NSMakeRange(0, [value length])];
+        for (NSTextCheckingResult *match in _matches) {
+          NSString* strNumber = [value substringWithRange:match.range];
+          [output addObject:[NSNumber numberWithDouble:strNumber.doubleValue]];
+        }
+
+        _hasStringOutput = YES;
+        [outputRange addObject:[output objectAtIndex:0]];
+      }
+    }
+    if (_hasStringOutput) {
+      // ['rgba(0, 100, 200, 0)', 'rgba(50, 150, 250, 0.5)']
+      // ->
+      // [
+      //   [0, 50],
+      //   [100, 150],
+      //   [200, 250],
+      //   [0, 0.5],
+      // ]
+      _numVals = [_matches count];
+      NSString *value = [soutputRange objectAtIndex:0];
+      _shouldRound = [value containsString:@"rgb"];
+      _matches = [regex matchesInString:value options:0 range:NSMakeRange(0, [value length])];
+      NSMutableArray<NSMutableArray<NSNumber *> *> *outputs = [NSMutableArray arrayWithCapacity:_numVals];
+      NSUInteger size = [soutputRange count];
+      for (NSUInteger j = 0; j < _numVals; j++) {
+        NSMutableArray *output = [NSMutableArray arrayWithCapacity:size];
+        [outputs addObject:output];
+        for (int i = 0; i < size; i++) {
+          [output addObject:[[_outputRanges objectAtIndex:i] objectAtIndex:j]];
+        }
       }
+      _outputs = [outputs copy];
     }
     _outputRange = [outputRange copy];
+    _soutputRange = [soutputRange copy];
     _extrapolateLeft = config[@"extrapolateLeft"];
     _extrapolateRight = config[@"extrapolateRight"];
   }
@@ -61,11 +124,48 @@ - (void)performUpdate
 
   CGFloat inputValue = _parentNode.value;
 
-  self.value = RCTInterpolateValueInRange(inputValue,
-                                          _inputRange,
-                                          _outputRange,
-                                          _extrapolateLeft,
-                                          _extrapolateRight);
+  CGFloat interpolated = RCTInterpolateValueInRange(inputValue,
+                                                    _inputRange,
+                                                    _outputRange,
+                                                    _extrapolateLeft,
+                                                    _extrapolateRight);
+  self.value = interpolated;
+  if (_hasStringOutput) {
+    // 'rgba(0, 100, 200, 0)'
+    // ->
+    // 'rgba(${interpolations[0](input)}, ${interpolations[1](input)}, ...'
+    if (_numVals > 1) {
+      NSString *text = _soutputRange[0];
+      NSMutableString *formattedText = [NSMutableString stringWithString:text];
+      NSUInteger i = _numVals;
+      for (NSTextCheckingResult *match in [_matches reverseObjectEnumerator]) {
+        CGFloat val = RCTInterpolateValueInRange(inputValue,
+                                                          _inputRange,
+                                                          _outputs[--i],
+                                                          _extrapolateLeft,
+                                                          _extrapolateRight);
+        NSString *str;
+        if (_shouldRound) {
+          // rgba requires that the r,g,b are integers.... so we want to round them, but we *dont* want to
+          // round the opacity (4th column).
+          bool isAlpha = i == 3;
+          CGFloat rounded = isAlpha ? round(val * 1000) / 1000 : round(val);
+          str = isAlpha ? [NSString stringWithFormat:@"%1.3f", rounded] : [NSString stringWithFormat:@"%1.0f", rounded];
+        } else {
+          NSNumber *numberValue = [NSNumber numberWithDouble:val];
+          str = [numberValue stringValue];
+        }
+
+        [formattedText replaceCharactersInRange:[match range] withString:str];
+      }
+      self.animatedObject = formattedText;
+    } else {
+      self.animatedObject = [regex stringByReplacingMatchesInString:_soutputRange[0]
+                                                 options:0
+                                                   range:NSMakeRange(0, _soutputRange[0].length)
+                                            withTemplate:[NSString stringWithFormat:@"%1f", interpolated]];
+    }
+  }
 }
 
 @end
diff --git a/Libraries/NativeAnimation/Nodes/RCTModuloAnimatedNode.m b/Libraries/NativeAnimation/Nodes/RCTModuloAnimatedNode.m
index e75391c6dc0728..2165c6984be0a6 100644
--- a/Libraries/NativeAnimation/Nodes/RCTModuloAnimatedNode.m
+++ b/Libraries/NativeAnimation/Nodes/RCTModuloAnimatedNode.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTModuloAnimatedNode.h"
+#import <React/RCTModuloAnimatedNode.h>
 
 @implementation RCTModuloAnimatedNode
 
diff --git a/Libraries/NativeAnimation/Nodes/RCTMultiplicationAnimatedNode.m b/Libraries/NativeAnimation/Nodes/RCTMultiplicationAnimatedNode.m
index 05a664e2e7483a..05428d3c527ce8 100644
--- a/Libraries/NativeAnimation/Nodes/RCTMultiplicationAnimatedNode.m
+++ b/Libraries/NativeAnimation/Nodes/RCTMultiplicationAnimatedNode.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTMultiplicationAnimatedNode.h"
+#import <React/RCTMultiplicationAnimatedNode.h>
 
 @implementation RCTMultiplicationAnimatedNode
 
diff --git a/Libraries/NativeAnimation/Nodes/RCTPropsAnimatedNode.m b/Libraries/NativeAnimation/Nodes/RCTPropsAnimatedNode.m
index 0a9a33434fb461..3469d941026fb3 100644
--- a/Libraries/NativeAnimation/Nodes/RCTPropsAnimatedNode.m
+++ b/Libraries/NativeAnimation/Nodes/RCTPropsAnimatedNode.m
@@ -5,15 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTPropsAnimatedNode.h"
+#import <React/RCTPropsAnimatedNode.h>
 
 #import <React/RCTLog.h>
 #import <React/RCTSurfacePresenterStub.h>
 #import <React/RCTUIManager.h>
 
-#import "RCTAnimationUtils.h"
-#import "RCTStyleAnimatedNode.h"
-#import "RCTValueAnimatedNode.h"
+#import <React/RCTAnimationUtils.h>
+#import <React/RCTStyleAnimatedNode.h>
+#import <React/RCTValueAnimatedNode.h>
 
 
 
@@ -115,8 +115,13 @@ - (void)performUpdate
 
     } else if ([parentNode isKindOfClass:[RCTValueAnimatedNode class]]) {
       NSString *property = [self propertyNameForParentTag:parentTag];
-      CGFloat value = [(RCTValueAnimatedNode *)parentNode value];
-      self->_propsDictionary[property] = @(value);
+      id animatedObject = [(RCTValueAnimatedNode *)parentNode animatedObject];
+      if (animatedObject) {
+        self->_propsDictionary[property] = animatedObject;
+      } else {
+        CGFloat value = [(RCTValueAnimatedNode *)parentNode value];
+        self->_propsDictionary[property] = @(value);
+      }
     }
   }
 
diff --git a/Libraries/NativeAnimation/Nodes/RCTStyleAnimatedNode.m b/Libraries/NativeAnimation/Nodes/RCTStyleAnimatedNode.m
index 665545be9b4edc..39385726716bce 100644
--- a/Libraries/NativeAnimation/Nodes/RCTStyleAnimatedNode.m
+++ b/Libraries/NativeAnimation/Nodes/RCTStyleAnimatedNode.m
@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTStyleAnimatedNode.h"
-#import "RCTAnimationUtils.h"
-#import "RCTValueAnimatedNode.h"
-#import "RCTTransformAnimatedNode.h"
+#import <React/RCTStyleAnimatedNode.h>
+#import <React/RCTAnimationUtils.h>
+#import <React/RCTValueAnimatedNode.h>
+#import <React/RCTTransformAnimatedNode.h>
 
 @implementation RCTStyleAnimatedNode
 {
diff --git a/Libraries/NativeAnimation/Nodes/RCTSubtractionAnimatedNode.m b/Libraries/NativeAnimation/Nodes/RCTSubtractionAnimatedNode.m
index c5489d15abb3b8..6aa29f44bf1fbe 100644
--- a/Libraries/NativeAnimation/Nodes/RCTSubtractionAnimatedNode.m
+++ b/Libraries/NativeAnimation/Nodes/RCTSubtractionAnimatedNode.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTSubtractionAnimatedNode.h"
+#import <React/RCTSubtractionAnimatedNode.h>
 
 @implementation RCTSubtractionAnimatedNode
 
diff --git a/Libraries/NativeAnimation/Nodes/RCTTrackingAnimatedNode.m b/Libraries/NativeAnimation/Nodes/RCTTrackingAnimatedNode.m
index 337a1555373ae9..d1dc941363f954 100644
--- a/Libraries/NativeAnimation/Nodes/RCTTrackingAnimatedNode.m
+++ b/Libraries/NativeAnimation/Nodes/RCTTrackingAnimatedNode.m
@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTTrackingAnimatedNode.h"
-#import "RCTValueAnimatedNode.h"
-#import "RCTNativeAnimatedNodesManager.h"
+#import <React/RCTTrackingAnimatedNode.h>
+#import <React/RCTValueAnimatedNode.h>
+#import <React/RCTNativeAnimatedNodesManager.h>
 
 @implementation RCTTrackingAnimatedNode {
   NSNumber *_animationId;
diff --git a/Libraries/NativeAnimation/Nodes/RCTTransformAnimatedNode.m b/Libraries/NativeAnimation/Nodes/RCTTransformAnimatedNode.m
index 708cd846455693..5d1e0889473154 100644
--- a/Libraries/NativeAnimation/Nodes/RCTTransformAnimatedNode.m
+++ b/Libraries/NativeAnimation/Nodes/RCTTransformAnimatedNode.m
@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTTransformAnimatedNode.h"
-#import "RCTValueAnimatedNode.h"
+#import <React/RCTTransformAnimatedNode.h>
+#import <React/RCTValueAnimatedNode.h>
 
 @implementation RCTTransformAnimatedNode
 {
diff --git a/Libraries/NativeAnimation/Nodes/RCTValueAnimatedNode.h b/Libraries/NativeAnimation/Nodes/RCTValueAnimatedNode.h
index e6ce1ff2801f6b..768cbf59dc3079 100644
--- a/Libraries/NativeAnimation/Nodes/RCTValueAnimatedNode.h
+++ b/Libraries/NativeAnimation/Nodes/RCTValueAnimatedNode.h
@@ -24,6 +24,7 @@
 - (void)extractOffset;
 
 @property (nonatomic, assign) CGFloat value;
+@property (nonatomic, strong) id animatedObject;
 @property (nonatomic, weak) id<RCTValueAnimatedNodeObserver> valueObserver;
 
 @end
diff --git a/Libraries/NativeAnimation/Nodes/RCTValueAnimatedNode.m b/Libraries/NativeAnimation/Nodes/RCTValueAnimatedNode.m
index 949fcad137ff2e..261b6d7aec2081 100644
--- a/Libraries/NativeAnimation/Nodes/RCTValueAnimatedNode.m
+++ b/Libraries/NativeAnimation/Nodes/RCTValueAnimatedNode.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTValueAnimatedNode.h"
+#import <React/RCTValueAnimatedNode.h>
 
 @interface RCTValueAnimatedNode ()
 
diff --git a/Libraries/NativeAnimation/RCTAnimation.xcodeproj/project.pbxproj b/Libraries/NativeAnimation/RCTAnimation.xcodeproj/project.pbxproj
deleted file mode 100644
index 0089b27939cf49..00000000000000
--- a/Libraries/NativeAnimation/RCTAnimation.xcodeproj/project.pbxproj
+++ /dev/null
@@ -1,893 +0,0 @@
-// !$*UTF8*$!
-{
-	archiveVersion = 1;
-	classes = {
-	};
-	objectVersion = 46;
-	objects = {
-
-/* Begin PBXBuildFile section */
-		13E501CC1D07A644005F35D8 /* RCTAnimationUtils.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501B81D07A644005F35D8 /* RCTAnimationUtils.m */; };
-		13E501CF1D07A644005F35D8 /* RCTNativeAnimatedModule.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501BE1D07A644005F35D8 /* RCTNativeAnimatedModule.m */; };
-		13E501E81D07A6C9005F35D8 /* RCTAdditionAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501D71D07A6C9005F35D8 /* RCTAdditionAnimatedNode.m */; };
-		13E501E91D07A6C9005F35D8 /* RCTAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501D91D07A6C9005F35D8 /* RCTAnimatedNode.m */; };
-		13E501EB1D07A6C9005F35D8 /* RCTInterpolationAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501DD1D07A6C9005F35D8 /* RCTInterpolationAnimatedNode.m */; };
-		13E501EC1D07A6C9005F35D8 /* RCTMultiplicationAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501DF1D07A6C9005F35D8 /* RCTMultiplicationAnimatedNode.m */; };
-		13E501ED1D07A6C9005F35D8 /* RCTPropsAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501E11D07A6C9005F35D8 /* RCTPropsAnimatedNode.m */; };
-		13E501EE1D07A6C9005F35D8 /* RCTStyleAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501E31D07A6C9005F35D8 /* RCTStyleAnimatedNode.m */; };
-		13E501EF1D07A6C9005F35D8 /* RCTTransformAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501E51D07A6C9005F35D8 /* RCTTransformAnimatedNode.m */; };
-		13E501F01D07A6C9005F35D8 /* RCTValueAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501E71D07A6C9005F35D8 /* RCTValueAnimatedNode.m */; };
-		184808BE21658FB600C3C43F /* RCTSubtractionAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 2EC00630206EA19300586E91 /* RCTSubtractionAnimatedNode.m */; };
-		18B8F9C62143314E00CE911A /* RCTTrackingAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 44DB7D962024F75100588FCD /* RCTTrackingAnimatedNode.m */; };
-		18F3B9ED2142F22C00AD247D /* RCTTrackingAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 44DB7D932024F74200588FCD /* RCTTrackingAnimatedNode.h */; };
-		192F69811E823F4A008692C7 /* RCTAnimationUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501B71D07A644005F35D8 /* RCTAnimationUtils.h */; };
-		192F69821E823F4A008692C7 /* RCTNativeAnimatedModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501BD1D07A644005F35D8 /* RCTNativeAnimatedModule.h */; };
-		192F69831E823F4A008692C7 /* RCTNativeAnimatedNodesManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 94DA09161DC7971C00AEA8C9 /* RCTNativeAnimatedNodesManager.h */; };
-		192F69841E823F4A008692C7 /* RCTAnimationDriver.h in Headers */ = {isa = PBXBuildFile; fileRef = 94C1294A1D4069170025F25C /* RCTAnimationDriver.h */; };
-		192F69851E823F4A008692C7 /* RCTEventAnimation.h in Headers */ = {isa = PBXBuildFile; fileRef = 19F00F201DC8847500113FEE /* RCTEventAnimation.h */; };
-		192F69861E823F4A008692C7 /* RCTFrameAnimation.h in Headers */ = {isa = PBXBuildFile; fileRef = 94C1294C1D4069170025F25C /* RCTFrameAnimation.h */; };
-		192F69871E823F4A008692C7 /* RCTSpringAnimation.h in Headers */ = {isa = PBXBuildFile; fileRef = 94C1294E1D4069170025F25C /* RCTSpringAnimation.h */; };
-		192F69881E823F4A008692C7 /* RCTDivisionAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 5C9894931D999639008027DB /* RCTDivisionAnimatedNode.h */; };
-		192F69891E823F4A008692C7 /* RCTDiffClampAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 193F64F21D776EC6004D1CAA /* RCTDiffClampAnimatedNode.h */; };
-		192F698A1E823F4A008692C7 /* RCTAdditionAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501D61D07A6C9005F35D8 /* RCTAdditionAnimatedNode.h */; };
-		192F698B1E823F4A008692C7 /* RCTAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501D81D07A6C9005F35D8 /* RCTAnimatedNode.h */; };
-		192F698C1E823F4A008692C7 /* RCTInterpolationAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501DC1D07A6C9005F35D8 /* RCTInterpolationAnimatedNode.h */; };
-		192F698D1E823F4A008692C7 /* RCTModuloAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 94DAE3F71D7334A70059942F /* RCTModuloAnimatedNode.h */; };
-		192F698E1E823F4A008692C7 /* RCTMultiplicationAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501DE1D07A6C9005F35D8 /* RCTMultiplicationAnimatedNode.h */; };
-		192F698F1E823F4A008692C7 /* RCTPropsAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501E01D07A6C9005F35D8 /* RCTPropsAnimatedNode.h */; };
-		192F69901E823F4A008692C7 /* RCTStyleAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501E21D07A6C9005F35D8 /* RCTStyleAnimatedNode.h */; };
-		192F69911E823F4A008692C7 /* RCTTransformAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501E41D07A6C9005F35D8 /* RCTTransformAnimatedNode.h */; };
-		192F69921E823F4A008692C7 /* RCTValueAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501E61D07A6C9005F35D8 /* RCTValueAnimatedNode.h */; };
-		192F69941E823F78008692C7 /* RCTAnimationUtils.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501B71D07A644005F35D8 /* RCTAnimationUtils.h */; };
-		192F69951E823F78008692C7 /* RCTNativeAnimatedModule.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501BD1D07A644005F35D8 /* RCTNativeAnimatedModule.h */; };
-		192F69961E823F78008692C7 /* RCTNativeAnimatedNodesManager.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 94DA09161DC7971C00AEA8C9 /* RCTNativeAnimatedNodesManager.h */; };
-		192F69971E823F78008692C7 /* RCTAnimationDriver.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 94C1294A1D4069170025F25C /* RCTAnimationDriver.h */; };
-		192F69981E823F78008692C7 /* RCTEventAnimation.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 19F00F201DC8847500113FEE /* RCTEventAnimation.h */; };
-		192F69991E823F78008692C7 /* RCTFrameAnimation.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 94C1294C1D4069170025F25C /* RCTFrameAnimation.h */; };
-		192F699A1E823F78008692C7 /* RCTSpringAnimation.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 94C1294E1D4069170025F25C /* RCTSpringAnimation.h */; };
-		192F699B1E823F78008692C7 /* RCTDivisionAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 5C9894931D999639008027DB /* RCTDivisionAnimatedNode.h */; };
-		192F699C1E823F78008692C7 /* RCTDiffClampAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 193F64F21D776EC6004D1CAA /* RCTDiffClampAnimatedNode.h */; };
-		192F699D1E823F78008692C7 /* RCTAdditionAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501D61D07A6C9005F35D8 /* RCTAdditionAnimatedNode.h */; };
-		192F699E1E823F78008692C7 /* RCTAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501D81D07A6C9005F35D8 /* RCTAnimatedNode.h */; };
-		192F699F1E823F78008692C7 /* RCTInterpolationAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501DC1D07A6C9005F35D8 /* RCTInterpolationAnimatedNode.h */; };
-		192F69A01E823F78008692C7 /* RCTModuloAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 94DAE3F71D7334A70059942F /* RCTModuloAnimatedNode.h */; };
-		192F69A11E823F78008692C7 /* RCTMultiplicationAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501DE1D07A6C9005F35D8 /* RCTMultiplicationAnimatedNode.h */; };
-		192F69A21E823F78008692C7 /* RCTPropsAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501E01D07A6C9005F35D8 /* RCTPropsAnimatedNode.h */; };
-		192F69A31E823F78008692C7 /* RCTStyleAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501E21D07A6C9005F35D8 /* RCTStyleAnimatedNode.h */; };
-		192F69A41E823F78008692C7 /* RCTTransformAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501E41D07A6C9005F35D8 /* RCTTransformAnimatedNode.h */; };
-		192F69A51E823F78008692C7 /* RCTValueAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501E61D07A6C9005F35D8 /* RCTValueAnimatedNode.h */; };
-		193F64F41D776EC6004D1CAA /* RCTDiffClampAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 193F64F31D776EC6004D1CAA /* RCTDiffClampAnimatedNode.m */; };
-		194804ED1E975D8E00623005 /* RCTDecayAnimation.h in Headers */ = {isa = PBXBuildFile; fileRef = 194804EB1E975D8E00623005 /* RCTDecayAnimation.h */; };
-		194804EE1E975D8E00623005 /* RCTDecayAnimation.m in Sources */ = {isa = PBXBuildFile; fileRef = 194804EC1E975D8E00623005 /* RCTDecayAnimation.m */; };
-		194804EF1E975DB500623005 /* RCTDecayAnimation.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 194804EB1E975D8E00623005 /* RCTDecayAnimation.h */; };
-		194804F01E975DCF00623005 /* RCTDecayAnimation.h in Headers */ = {isa = PBXBuildFile; fileRef = 194804EB1E975D8E00623005 /* RCTDecayAnimation.h */; };
-		194804F11E975DD700623005 /* RCTDecayAnimation.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 194804EB1E975D8E00623005 /* RCTDecayAnimation.h */; };
-		194804F21E977DDB00623005 /* RCTDecayAnimation.m in Sources */ = {isa = PBXBuildFile; fileRef = 194804EC1E975D8E00623005 /* RCTDecayAnimation.m */; };
-		1980B70E1E80D1C4004DC789 /* RCTAnimationUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501B71D07A644005F35D8 /* RCTAnimationUtils.h */; };
-		1980B7101E80D1C4004DC789 /* RCTNativeAnimatedModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501BD1D07A644005F35D8 /* RCTNativeAnimatedModule.h */; };
-		1980B7121E80D1C4004DC789 /* RCTNativeAnimatedNodesManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 94DA09161DC7971C00AEA8C9 /* RCTNativeAnimatedNodesManager.h */; };
-		1980B7141E80D1C4004DC789 /* RCTAnimationDriver.h in Headers */ = {isa = PBXBuildFile; fileRef = 94C1294A1D4069170025F25C /* RCTAnimationDriver.h */; };
-		1980B7151E80D1C4004DC789 /* RCTEventAnimation.h in Headers */ = {isa = PBXBuildFile; fileRef = 19F00F201DC8847500113FEE /* RCTEventAnimation.h */; };
-		1980B7171E80D1C4004DC789 /* RCTFrameAnimation.h in Headers */ = {isa = PBXBuildFile; fileRef = 94C1294C1D4069170025F25C /* RCTFrameAnimation.h */; };
-		1980B7191E80D1C4004DC789 /* RCTSpringAnimation.h in Headers */ = {isa = PBXBuildFile; fileRef = 94C1294E1D4069170025F25C /* RCTSpringAnimation.h */; };
-		1980B71B1E80D1C4004DC789 /* RCTDivisionAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 5C9894931D999639008027DB /* RCTDivisionAnimatedNode.h */; };
-		1980B71D1E80D1C4004DC789 /* RCTDiffClampAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 193F64F21D776EC6004D1CAA /* RCTDiffClampAnimatedNode.h */; };
-		1980B71F1E80D1C4004DC789 /* RCTAdditionAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501D61D07A6C9005F35D8 /* RCTAdditionAnimatedNode.h */; };
-		1980B7211E80D1C4004DC789 /* RCTAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501D81D07A6C9005F35D8 /* RCTAnimatedNode.h */; };
-		1980B7231E80D1C4004DC789 /* RCTInterpolationAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501DC1D07A6C9005F35D8 /* RCTInterpolationAnimatedNode.h */; };
-		1980B7251E80D1C4004DC789 /* RCTModuloAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 94DAE3F71D7334A70059942F /* RCTModuloAnimatedNode.h */; };
-		1980B7271E80D1C4004DC789 /* RCTMultiplicationAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501DE1D07A6C9005F35D8 /* RCTMultiplicationAnimatedNode.h */; };
-		1980B7291E80D1C4004DC789 /* RCTPropsAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501E01D07A6C9005F35D8 /* RCTPropsAnimatedNode.h */; };
-		1980B72B1E80D1C4004DC789 /* RCTStyleAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501E21D07A6C9005F35D8 /* RCTStyleAnimatedNode.h */; };
-		1980B72D1E80D1C4004DC789 /* RCTTransformAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501E41D07A6C9005F35D8 /* RCTTransformAnimatedNode.h */; };
-		1980B72F1E80D1C4004DC789 /* RCTValueAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501E61D07A6C9005F35D8 /* RCTValueAnimatedNode.h */; };
-		1980B7321E80D259004DC789 /* RCTAnimationUtils.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501B71D07A644005F35D8 /* RCTAnimationUtils.h */; };
-		1980B7351E80DD6F004DC789 /* RCTNativeAnimatedModule.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501BD1D07A644005F35D8 /* RCTNativeAnimatedModule.h */; };
-		1980B7361E80DD6F004DC789 /* RCTNativeAnimatedNodesManager.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 94DA09161DC7971C00AEA8C9 /* RCTNativeAnimatedNodesManager.h */; };
-		1980B7371E80DD6F004DC789 /* RCTAnimationDriver.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 94C1294A1D4069170025F25C /* RCTAnimationDriver.h */; };
-		1980B7381E80DD6F004DC789 /* RCTEventAnimation.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 19F00F201DC8847500113FEE /* RCTEventAnimation.h */; };
-		1980B7391E80DD6F004DC789 /* RCTFrameAnimation.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 94C1294C1D4069170025F25C /* RCTFrameAnimation.h */; };
-		1980B73A1E80DD6F004DC789 /* RCTSpringAnimation.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 94C1294E1D4069170025F25C /* RCTSpringAnimation.h */; };
-		1980B73B1E80DD6F004DC789 /* RCTDivisionAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 5C9894931D999639008027DB /* RCTDivisionAnimatedNode.h */; };
-		1980B73C1E80DD6F004DC789 /* RCTDiffClampAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 193F64F21D776EC6004D1CAA /* RCTDiffClampAnimatedNode.h */; };
-		1980B73D1E80DD6F004DC789 /* RCTAdditionAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501D61D07A6C9005F35D8 /* RCTAdditionAnimatedNode.h */; };
-		1980B73E1E80DD6F004DC789 /* RCTAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501D81D07A6C9005F35D8 /* RCTAnimatedNode.h */; };
-		1980B73F1E80DD6F004DC789 /* RCTInterpolationAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501DC1D07A6C9005F35D8 /* RCTInterpolationAnimatedNode.h */; };
-		1980B7401E80DD6F004DC789 /* RCTModuloAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 94DAE3F71D7334A70059942F /* RCTModuloAnimatedNode.h */; };
-		1980B7411E80DD6F004DC789 /* RCTMultiplicationAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501DE1D07A6C9005F35D8 /* RCTMultiplicationAnimatedNode.h */; };
-		1980B7421E80DD6F004DC789 /* RCTPropsAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501E01D07A6C9005F35D8 /* RCTPropsAnimatedNode.h */; };
-		1980B7431E80DD6F004DC789 /* RCTStyleAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501E21D07A6C9005F35D8 /* RCTStyleAnimatedNode.h */; };
-		1980B7441E80DD6F004DC789 /* RCTTransformAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501E41D07A6C9005F35D8 /* RCTTransformAnimatedNode.h */; };
-		1980B7451E80DD6F004DC789 /* RCTValueAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501E61D07A6C9005F35D8 /* RCTValueAnimatedNode.h */; };
-		19F00F221DC8847500113FEE /* RCTEventAnimation.m in Sources */ = {isa = PBXBuildFile; fileRef = 19F00F211DC8847500113FEE /* RCTEventAnimation.m */; };
-		19F00F231DC8848E00113FEE /* RCTEventAnimation.m in Sources */ = {isa = PBXBuildFile; fileRef = 19F00F211DC8847500113FEE /* RCTEventAnimation.m */; };
-		2D3B5EF21D9B0B3100451313 /* RCTAnimationUtils.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501B81D07A644005F35D8 /* RCTAnimationUtils.m */; };
-		2D3B5EF41D9B0B3700451313 /* RCTNativeAnimatedModule.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501BE1D07A644005F35D8 /* RCTNativeAnimatedModule.m */; };
-		2D3B5EF51D9B0B4800451313 /* RCTDivisionAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 5C9894941D999639008027DB /* RCTDivisionAnimatedNode.m */; };
-		2D3B5EF61D9B0B4800451313 /* RCTDiffClampAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 193F64F31D776EC6004D1CAA /* RCTDiffClampAnimatedNode.m */; };
-		2D3B5EF71D9B0B4800451313 /* RCTAdditionAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501D71D07A6C9005F35D8 /* RCTAdditionAnimatedNode.m */; };
-		2D3B5EF81D9B0B4800451313 /* RCTAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501D91D07A6C9005F35D8 /* RCTAnimatedNode.m */; };
-		2D3B5EFA1D9B0B4800451313 /* RCTInterpolationAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501DD1D07A6C9005F35D8 /* RCTInterpolationAnimatedNode.m */; };
-		2D3B5EFB1D9B0B4800451313 /* RCTModuloAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 94DAE3F81D7334A70059942F /* RCTModuloAnimatedNode.m */; };
-		2D3B5EFC1D9B0B4800451313 /* RCTMultiplicationAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501DF1D07A6C9005F35D8 /* RCTMultiplicationAnimatedNode.m */; };
-		2D3B5EFD1D9B0B4800451313 /* RCTPropsAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501E11D07A6C9005F35D8 /* RCTPropsAnimatedNode.m */; };
-		2D3B5EFE1D9B0B4800451313 /* RCTStyleAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501E31D07A6C9005F35D8 /* RCTStyleAnimatedNode.m */; };
-		2D3B5EFF1D9B0B4800451313 /* RCTTransformAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501E51D07A6C9005F35D8 /* RCTTransformAnimatedNode.m */; };
-		2D3B5F001D9B0B4800451313 /* RCTValueAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501E71D07A6C9005F35D8 /* RCTValueAnimatedNode.m */; };
-		2D65C80020732E4700C62FDF /* RCTSubtractionAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 2EC00630206EA19300586E91 /* RCTSubtractionAnimatedNode.m */; };
-		2EC00631206EA19300586E91 /* RCTSubtractionAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 2EC00630206EA19300586E91 /* RCTSubtractionAnimatedNode.m */; };
-		44DB7D942024F74200588FCD /* RCTTrackingAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 44DB7D932024F74200588FCD /* RCTTrackingAnimatedNode.h */; };
-		44DB7D952024F74200588FCD /* RCTTrackingAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 44DB7D932024F74200588FCD /* RCTTrackingAnimatedNode.h */; };
-		44DB7D972024F75100588FCD /* RCTTrackingAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 44DB7D962024F75100588FCD /* RCTTrackingAnimatedNode.m */; };
-		44DB7D982024F75100588FCD /* RCTTrackingAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 44DB7D962024F75100588FCD /* RCTTrackingAnimatedNode.m */; };
-		5C9894951D999639008027DB /* RCTDivisionAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 5C9894941D999639008027DB /* RCTDivisionAnimatedNode.m */; };
-		647647881F0BC7F200C2D89B /* RCTFrameAnimation.m in Sources */ = {isa = PBXBuildFile; fileRef = 94C1294D1D4069170025F25C /* RCTFrameAnimation.m */; };
-		647647891F0BC7F200C2D89B /* RCTSpringAnimation.m in Sources */ = {isa = PBXBuildFile; fileRef = 94C1294F1D4069170025F25C /* RCTSpringAnimation.m */; };
-		6476478A1F0BC7F200C2D89B /* RCTNativeAnimatedNodesManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 94DA09171DC7971C00AEA8C9 /* RCTNativeAnimatedNodesManager.m */; };
-		6476478B1F0BC7F200C2D89B /* RCTValueAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501E71D07A6C9005F35D8 /* RCTValueAnimatedNode.m */; };
-		6476478C1F0BC7F200C2D89B /* RCTModuloAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 94DAE3F81D7334A70059942F /* RCTModuloAnimatedNode.m */; };
-		6476478D1F0BC7F200C2D89B /* RCTDiffClampAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 193F64F31D776EC6004D1CAA /* RCTDiffClampAnimatedNode.m */; };
-		6476478E1F0BC7F200C2D89B /* RCTEventAnimation.m in Sources */ = {isa = PBXBuildFile; fileRef = 19F00F211DC8847500113FEE /* RCTEventAnimation.m */; };
-		6476478F1F0BC7F200C2D89B /* RCTStyleAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501E31D07A6C9005F35D8 /* RCTStyleAnimatedNode.m */; };
-		647647901F0BC7F200C2D89B /* RCTAnimationUtils.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501B81D07A644005F35D8 /* RCTAnimationUtils.m */; };
-		647647911F0BC7F200C2D89B /* RCTNativeAnimatedModule.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501BE1D07A644005F35D8 /* RCTNativeAnimatedModule.m */; };
-		647647921F0BC7F200C2D89B /* RCTMultiplicationAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501DF1D07A6C9005F35D8 /* RCTMultiplicationAnimatedNode.m */; };
-		647647931F0BC7F200C2D89B /* RCTPropsAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501E11D07A6C9005F35D8 /* RCTPropsAnimatedNode.m */; };
-		647647941F0BC7F200C2D89B /* RCTAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501D91D07A6C9005F35D8 /* RCTAnimatedNode.m */; };
-		647647951F0BC7F200C2D89B /* RCTInterpolationAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501DD1D07A6C9005F35D8 /* RCTInterpolationAnimatedNode.m */; };
-		647647961F0BC7F200C2D89B /* RCTAdditionAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501D71D07A6C9005F35D8 /* RCTAdditionAnimatedNode.m */; };
-		647647971F0BC7F200C2D89B /* RCTDivisionAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 5C9894941D999639008027DB /* RCTDivisionAnimatedNode.m */; };
-		647647981F0BC7F200C2D89B /* RCTTransformAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501E51D07A6C9005F35D8 /* RCTTransformAnimatedNode.m */; };
-		647647991F0BC7F200C2D89B /* RCTDecayAnimation.m in Sources */ = {isa = PBXBuildFile; fileRef = 194804EC1E975D8E00623005 /* RCTDecayAnimation.m */; };
-		6476479B1F0BC7F200C2D89B /* RCTAnimationUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501B71D07A644005F35D8 /* RCTAnimationUtils.h */; };
-		6476479C1F0BC7F200C2D89B /* RCTNativeAnimatedModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501BD1D07A644005F35D8 /* RCTNativeAnimatedModule.h */; };
-		6476479D1F0BC7F200C2D89B /* RCTNativeAnimatedNodesManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 94DA09161DC7971C00AEA8C9 /* RCTNativeAnimatedNodesManager.h */; };
-		6476479E1F0BC7F200C2D89B /* RCTAnimationDriver.h in Headers */ = {isa = PBXBuildFile; fileRef = 94C1294A1D4069170025F25C /* RCTAnimationDriver.h */; };
-		6476479F1F0BC7F200C2D89B /* RCTEventAnimation.h in Headers */ = {isa = PBXBuildFile; fileRef = 19F00F201DC8847500113FEE /* RCTEventAnimation.h */; };
-		647647A01F0BC7F200C2D89B /* RCTDecayAnimation.h in Headers */ = {isa = PBXBuildFile; fileRef = 194804EB1E975D8E00623005 /* RCTDecayAnimation.h */; };
-		647647A11F0BC7F200C2D89B /* RCTFrameAnimation.h in Headers */ = {isa = PBXBuildFile; fileRef = 94C1294C1D4069170025F25C /* RCTFrameAnimation.h */; };
-		647647A21F0BC7F200C2D89B /* RCTSpringAnimation.h in Headers */ = {isa = PBXBuildFile; fileRef = 94C1294E1D4069170025F25C /* RCTSpringAnimation.h */; };
-		647647A31F0BC7F200C2D89B /* RCTDivisionAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 5C9894931D999639008027DB /* RCTDivisionAnimatedNode.h */; };
-		647647A41F0BC7F200C2D89B /* RCTDiffClampAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 193F64F21D776EC6004D1CAA /* RCTDiffClampAnimatedNode.h */; };
-		647647A51F0BC7F200C2D89B /* RCTAdditionAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501D61D07A6C9005F35D8 /* RCTAdditionAnimatedNode.h */; };
-		647647A61F0BC7F200C2D89B /* RCTAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501D81D07A6C9005F35D8 /* RCTAnimatedNode.h */; };
-		647647A71F0BC7F200C2D89B /* RCTInterpolationAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501DC1D07A6C9005F35D8 /* RCTInterpolationAnimatedNode.h */; };
-		647647A81F0BC7F200C2D89B /* RCTModuloAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 94DAE3F71D7334A70059942F /* RCTModuloAnimatedNode.h */; };
-		647647A91F0BC7F200C2D89B /* RCTMultiplicationAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501DE1D07A6C9005F35D8 /* RCTMultiplicationAnimatedNode.h */; };
-		647647AA1F0BC7F200C2D89B /* RCTPropsAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501E01D07A6C9005F35D8 /* RCTPropsAnimatedNode.h */; };
-		647647AB1F0BC7F200C2D89B /* RCTStyleAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501E21D07A6C9005F35D8 /* RCTStyleAnimatedNode.h */; };
-		647647AC1F0BC7F200C2D89B /* RCTTransformAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501E41D07A6C9005F35D8 /* RCTTransformAnimatedNode.h */; };
-		647647AD1F0BC7F200C2D89B /* RCTValueAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E501E61D07A6C9005F35D8 /* RCTValueAnimatedNode.h */; };
-		647647AF1F0BC7F200C2D89B /* RCTDecayAnimation.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 194804EB1E975D8E00623005 /* RCTDecayAnimation.h */; };
-		647647B01F0BC7F200C2D89B /* RCTNativeAnimatedModule.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501BD1D07A644005F35D8 /* RCTNativeAnimatedModule.h */; };
-		647647B11F0BC7F200C2D89B /* RCTNativeAnimatedNodesManager.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 94DA09161DC7971C00AEA8C9 /* RCTNativeAnimatedNodesManager.h */; };
-		647647B21F0BC7F200C2D89B /* RCTAnimationDriver.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 94C1294A1D4069170025F25C /* RCTAnimationDriver.h */; };
-		647647B31F0BC7F200C2D89B /* RCTEventAnimation.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 19F00F201DC8847500113FEE /* RCTEventAnimation.h */; };
-		647647B41F0BC7F200C2D89B /* RCTFrameAnimation.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 94C1294C1D4069170025F25C /* RCTFrameAnimation.h */; };
-		647647B51F0BC7F200C2D89B /* RCTSpringAnimation.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 94C1294E1D4069170025F25C /* RCTSpringAnimation.h */; };
-		647647B61F0BC7F200C2D89B /* RCTDivisionAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 5C9894931D999639008027DB /* RCTDivisionAnimatedNode.h */; };
-		647647B71F0BC7F200C2D89B /* RCTDiffClampAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 193F64F21D776EC6004D1CAA /* RCTDiffClampAnimatedNode.h */; };
-		647647B81F0BC7F200C2D89B /* RCTAdditionAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501D61D07A6C9005F35D8 /* RCTAdditionAnimatedNode.h */; };
-		647647B91F0BC7F200C2D89B /* RCTAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501D81D07A6C9005F35D8 /* RCTAnimatedNode.h */; };
-		647647BA1F0BC7F200C2D89B /* RCTInterpolationAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501DC1D07A6C9005F35D8 /* RCTInterpolationAnimatedNode.h */; };
-		647647BB1F0BC7F200C2D89B /* RCTModuloAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 94DAE3F71D7334A70059942F /* RCTModuloAnimatedNode.h */; };
-		647647BC1F0BC7F200C2D89B /* RCTMultiplicationAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501DE1D07A6C9005F35D8 /* RCTMultiplicationAnimatedNode.h */; };
-		647647BD1F0BC7F200C2D89B /* RCTPropsAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501E01D07A6C9005F35D8 /* RCTPropsAnimatedNode.h */; };
-		647647BE1F0BC7F200C2D89B /* RCTStyleAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501E21D07A6C9005F35D8 /* RCTStyleAnimatedNode.h */; };
-		647647BF1F0BC7F200C2D89B /* RCTTransformAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501E41D07A6C9005F35D8 /* RCTTransformAnimatedNode.h */; };
-		647647C01F0BC7F200C2D89B /* RCTValueAnimatedNode.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501E61D07A6C9005F35D8 /* RCTValueAnimatedNode.h */; };
-		647647C11F0BC7F200C2D89B /* RCTAnimationUtils.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13E501B71D07A644005F35D8 /* RCTAnimationUtils.h */; };
-		944244D01DB962DA0032A02B /* RCTFrameAnimation.m in Sources */ = {isa = PBXBuildFile; fileRef = 94C1294D1D4069170025F25C /* RCTFrameAnimation.m */; };
-		944244D11DB962DC0032A02B /* RCTSpringAnimation.m in Sources */ = {isa = PBXBuildFile; fileRef = 94C1294F1D4069170025F25C /* RCTSpringAnimation.m */; };
-		9476E8EC1DC9232D005D5CD1 /* RCTNativeAnimatedNodesManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 94DA09171DC7971C00AEA8C9 /* RCTNativeAnimatedNodesManager.m */; };
-		94C129511D40692B0025F25C /* RCTFrameAnimation.m in Sources */ = {isa = PBXBuildFile; fileRef = 94C1294D1D4069170025F25C /* RCTFrameAnimation.m */; };
-		94C129521D40692B0025F25C /* RCTSpringAnimation.m in Sources */ = {isa = PBXBuildFile; fileRef = 94C1294F1D4069170025F25C /* RCTSpringAnimation.m */; };
-		94DA09181DC7971C00AEA8C9 /* RCTNativeAnimatedNodesManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 94DA09171DC7971C00AEA8C9 /* RCTNativeAnimatedNodesManager.m */; };
-		94DAE3F91D7334A70059942F /* RCTModuloAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 94DAE3F81D7334A70059942F /* RCTModuloAnimatedNode.m */; };
-/* End PBXBuildFile section */
-
-/* Begin PBXCopyFilesBuildPhase section */
-		192F69931E823F4F008692C7 /* CopyFiles */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/RCTAnimation;
-			dstSubfolderSpec = 16;
-			files = (
-				194804F11E975DD700623005 /* RCTDecayAnimation.h in CopyFiles */,
-				192F69941E823F78008692C7 /* RCTAnimationUtils.h in CopyFiles */,
-				192F69951E823F78008692C7 /* RCTNativeAnimatedModule.h in CopyFiles */,
-				192F69961E823F78008692C7 /* RCTNativeAnimatedNodesManager.h in CopyFiles */,
-				192F69971E823F78008692C7 /* RCTAnimationDriver.h in CopyFiles */,
-				192F69981E823F78008692C7 /* RCTEventAnimation.h in CopyFiles */,
-				192F69991E823F78008692C7 /* RCTFrameAnimation.h in CopyFiles */,
-				192F699A1E823F78008692C7 /* RCTSpringAnimation.h in CopyFiles */,
-				192F699B1E823F78008692C7 /* RCTDivisionAnimatedNode.h in CopyFiles */,
-				192F699C1E823F78008692C7 /* RCTDiffClampAnimatedNode.h in CopyFiles */,
-				192F699D1E823F78008692C7 /* RCTAdditionAnimatedNode.h in CopyFiles */,
-				192F699E1E823F78008692C7 /* RCTAnimatedNode.h in CopyFiles */,
-				192F699F1E823F78008692C7 /* RCTInterpolationAnimatedNode.h in CopyFiles */,
-				192F69A01E823F78008692C7 /* RCTModuloAnimatedNode.h in CopyFiles */,
-				192F69A11E823F78008692C7 /* RCTMultiplicationAnimatedNode.h in CopyFiles */,
-				192F69A21E823F78008692C7 /* RCTPropsAnimatedNode.h in CopyFiles */,
-				192F69A31E823F78008692C7 /* RCTStyleAnimatedNode.h in CopyFiles */,
-				192F69A41E823F78008692C7 /* RCTTransformAnimatedNode.h in CopyFiles */,
-				192F69A51E823F78008692C7 /* RCTValueAnimatedNode.h in CopyFiles */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		1980B7311E80D21C004DC789 /* CopyFiles */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/RCTAnimation;
-			dstSubfolderSpec = 16;
-			files = (
-				194804EF1E975DB500623005 /* RCTDecayAnimation.h in CopyFiles */,
-				1980B7351E80DD6F004DC789 /* RCTNativeAnimatedModule.h in CopyFiles */,
-				1980B7361E80DD6F004DC789 /* RCTNativeAnimatedNodesManager.h in CopyFiles */,
-				1980B7371E80DD6F004DC789 /* RCTAnimationDriver.h in CopyFiles */,
-				1980B7381E80DD6F004DC789 /* RCTEventAnimation.h in CopyFiles */,
-				1980B7391E80DD6F004DC789 /* RCTFrameAnimation.h in CopyFiles */,
-				1980B73A1E80DD6F004DC789 /* RCTSpringAnimation.h in CopyFiles */,
-				1980B73B1E80DD6F004DC789 /* RCTDivisionAnimatedNode.h in CopyFiles */,
-				1980B73C1E80DD6F004DC789 /* RCTDiffClampAnimatedNode.h in CopyFiles */,
-				1980B73D1E80DD6F004DC789 /* RCTAdditionAnimatedNode.h in CopyFiles */,
-				1980B73E1E80DD6F004DC789 /* RCTAnimatedNode.h in CopyFiles */,
-				1980B73F1E80DD6F004DC789 /* RCTInterpolationAnimatedNode.h in CopyFiles */,
-				1980B7401E80DD6F004DC789 /* RCTModuloAnimatedNode.h in CopyFiles */,
-				1980B7411E80DD6F004DC789 /* RCTMultiplicationAnimatedNode.h in CopyFiles */,
-				1980B7421E80DD6F004DC789 /* RCTPropsAnimatedNode.h in CopyFiles */,
-				1980B7431E80DD6F004DC789 /* RCTStyleAnimatedNode.h in CopyFiles */,
-				1980B7441E80DD6F004DC789 /* RCTTransformAnimatedNode.h in CopyFiles */,
-				1980B7451E80DD6F004DC789 /* RCTValueAnimatedNode.h in CopyFiles */,
-				1980B7321E80D259004DC789 /* RCTAnimationUtils.h in CopyFiles */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		647647AE1F0BC7F200C2D89B /* CopyFiles */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/RCTAnimation;
-			dstSubfolderSpec = 16;
-			files = (
-				647647AF1F0BC7F200C2D89B /* RCTDecayAnimation.h in CopyFiles */,
-				647647B01F0BC7F200C2D89B /* RCTNativeAnimatedModule.h in CopyFiles */,
-				647647B11F0BC7F200C2D89B /* RCTNativeAnimatedNodesManager.h in CopyFiles */,
-				647647B21F0BC7F200C2D89B /* RCTAnimationDriver.h in CopyFiles */,
-				647647B31F0BC7F200C2D89B /* RCTEventAnimation.h in CopyFiles */,
-				647647B41F0BC7F200C2D89B /* RCTFrameAnimation.h in CopyFiles */,
-				647647B51F0BC7F200C2D89B /* RCTSpringAnimation.h in CopyFiles */,
-				647647B61F0BC7F200C2D89B /* RCTDivisionAnimatedNode.h in CopyFiles */,
-				647647B71F0BC7F200C2D89B /* RCTDiffClampAnimatedNode.h in CopyFiles */,
-				647647B81F0BC7F200C2D89B /* RCTAdditionAnimatedNode.h in CopyFiles */,
-				647647B91F0BC7F200C2D89B /* RCTAnimatedNode.h in CopyFiles */,
-				647647BA1F0BC7F200C2D89B /* RCTInterpolationAnimatedNode.h in CopyFiles */,
-				647647BB1F0BC7F200C2D89B /* RCTModuloAnimatedNode.h in CopyFiles */,
-				647647BC1F0BC7F200C2D89B /* RCTMultiplicationAnimatedNode.h in CopyFiles */,
-				647647BD1F0BC7F200C2D89B /* RCTPropsAnimatedNode.h in CopyFiles */,
-				647647BE1F0BC7F200C2D89B /* RCTStyleAnimatedNode.h in CopyFiles */,
-				647647BF1F0BC7F200C2D89B /* RCTTransformAnimatedNode.h in CopyFiles */,
-				647647C01F0BC7F200C2D89B /* RCTValueAnimatedNode.h in CopyFiles */,
-				647647C11F0BC7F200C2D89B /* RCTAnimationUtils.h in CopyFiles */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXCopyFilesBuildPhase section */
-
-/* Begin PBXFileReference section */
-		134814201AA4EA6300B7C361 /* libRCTAnimation.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRCTAnimation.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		13E501B71D07A644005F35D8 /* RCTAnimationUtils.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTAnimationUtils.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		13E501B81D07A644005F35D8 /* RCTAnimationUtils.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTAnimationUtils.m; sourceTree = "<group>"; };
-		13E501BD1D07A644005F35D8 /* RCTNativeAnimatedModule.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTNativeAnimatedModule.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		13E501BE1D07A644005F35D8 /* RCTNativeAnimatedModule.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTNativeAnimatedModule.m; sourceTree = "<group>"; };
-		13E501D61D07A6C9005F35D8 /* RCTAdditionAnimatedNode.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTAdditionAnimatedNode.h; sourceTree = "<group>"; };
-		13E501D71D07A6C9005F35D8 /* RCTAdditionAnimatedNode.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTAdditionAnimatedNode.m; sourceTree = "<group>"; };
-		13E501D81D07A6C9005F35D8 /* RCTAnimatedNode.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTAnimatedNode.h; sourceTree = "<group>"; };
-		13E501D91D07A6C9005F35D8 /* RCTAnimatedNode.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTAnimatedNode.m; sourceTree = "<group>"; };
-		13E501DC1D07A6C9005F35D8 /* RCTInterpolationAnimatedNode.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTInterpolationAnimatedNode.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		13E501DD1D07A6C9005F35D8 /* RCTInterpolationAnimatedNode.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTInterpolationAnimatedNode.m; sourceTree = "<group>"; };
-		13E501DE1D07A6C9005F35D8 /* RCTMultiplicationAnimatedNode.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTMultiplicationAnimatedNode.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		13E501DF1D07A6C9005F35D8 /* RCTMultiplicationAnimatedNode.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTMultiplicationAnimatedNode.m; sourceTree = "<group>"; };
-		13E501E01D07A6C9005F35D8 /* RCTPropsAnimatedNode.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTPropsAnimatedNode.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		13E501E11D07A6C9005F35D8 /* RCTPropsAnimatedNode.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTPropsAnimatedNode.m; sourceTree = "<group>"; };
-		13E501E21D07A6C9005F35D8 /* RCTStyleAnimatedNode.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTStyleAnimatedNode.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		13E501E31D07A6C9005F35D8 /* RCTStyleAnimatedNode.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTStyleAnimatedNode.m; sourceTree = "<group>"; };
-		13E501E41D07A6C9005F35D8 /* RCTTransformAnimatedNode.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTTransformAnimatedNode.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		13E501E51D07A6C9005F35D8 /* RCTTransformAnimatedNode.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTTransformAnimatedNode.m; sourceTree = "<group>"; };
-		13E501E61D07A6C9005F35D8 /* RCTValueAnimatedNode.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTValueAnimatedNode.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		13E501E71D07A6C9005F35D8 /* RCTValueAnimatedNode.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTValueAnimatedNode.m; sourceTree = "<group>"; };
-		193F64F21D776EC6004D1CAA /* RCTDiffClampAnimatedNode.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTDiffClampAnimatedNode.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		193F64F31D776EC6004D1CAA /* RCTDiffClampAnimatedNode.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTDiffClampAnimatedNode.m; sourceTree = "<group>"; };
-		194804EB1E975D8E00623005 /* RCTDecayAnimation.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTDecayAnimation.h; sourceTree = "<group>"; };
-		194804EC1E975D8E00623005 /* RCTDecayAnimation.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTDecayAnimation.m; sourceTree = "<group>"; };
-		19F00F201DC8847500113FEE /* RCTEventAnimation.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTEventAnimation.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		19F00F211DC8847500113FEE /* RCTEventAnimation.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTEventAnimation.m; sourceTree = "<group>"; };
-		2D2A28201D9B03D100D4039D /* libRCTAnimation.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRCTAnimation.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		2EC0062F206EA15F00586E91 /* RCTSubtractionAnimatedNode.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = RCTSubtractionAnimatedNode.h; sourceTree = "<group>"; };
-		2EC00630206EA19300586E91 /* RCTSubtractionAnimatedNode.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RCTSubtractionAnimatedNode.m; sourceTree = "<group>"; };
-		44DB7D932024F74200588FCD /* RCTTrackingAnimatedNode.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = RCTTrackingAnimatedNode.h; sourceTree = "<group>"; };
-		44DB7D962024F75100588FCD /* RCTTrackingAnimatedNode.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RCTTrackingAnimatedNode.m; sourceTree = "<group>"; };
-		5C9894931D999639008027DB /* RCTDivisionAnimatedNode.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTDivisionAnimatedNode.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		5C9894941D999639008027DB /* RCTDivisionAnimatedNode.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTDivisionAnimatedNode.m; sourceTree = "<group>"; };
-		647647C51F0BC7F200C2D89B /* libRCTAnimation.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRCTAnimation.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		94C1294A1D4069170025F25C /* RCTAnimationDriver.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTAnimationDriver.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		94C1294C1D4069170025F25C /* RCTFrameAnimation.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTFrameAnimation.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		94C1294D1D4069170025F25C /* RCTFrameAnimation.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RCTFrameAnimation.m; sourceTree = "<group>"; };
-		94C1294E1D4069170025F25C /* RCTSpringAnimation.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTSpringAnimation.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		94C1294F1D4069170025F25C /* RCTSpringAnimation.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RCTSpringAnimation.m; sourceTree = "<group>"; };
-		94DA09161DC7971C00AEA8C9 /* RCTNativeAnimatedNodesManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTNativeAnimatedNodesManager.h; sourceTree = "<group>"; };
-		94DA09171DC7971C00AEA8C9 /* RCTNativeAnimatedNodesManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTNativeAnimatedNodesManager.m; sourceTree = "<group>"; };
-		94DAE3F71D7334A70059942F /* RCTModuloAnimatedNode.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTModuloAnimatedNode.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		94DAE3F81D7334A70059942F /* RCTModuloAnimatedNode.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTModuloAnimatedNode.m; sourceTree = "<group>"; };
-/* End PBXFileReference section */
-
-/* Begin PBXGroup section */
-		134814211AA4EA7D00B7C361 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				134814201AA4EA6300B7C361 /* libRCTAnimation.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		13E501D51D07A6C9005F35D8 /* Nodes */ = {
-			isa = PBXGroup;
-			children = (
-				5C9894931D999639008027DB /* RCTDivisionAnimatedNode.h */,
-				5C9894941D999639008027DB /* RCTDivisionAnimatedNode.m */,
-				193F64F21D776EC6004D1CAA /* RCTDiffClampAnimatedNode.h */,
-				193F64F31D776EC6004D1CAA /* RCTDiffClampAnimatedNode.m */,
-				13E501D61D07A6C9005F35D8 /* RCTAdditionAnimatedNode.h */,
-				13E501D71D07A6C9005F35D8 /* RCTAdditionAnimatedNode.m */,
-				2EC0062F206EA15F00586E91 /* RCTSubtractionAnimatedNode.h */,
-				2EC00630206EA19300586E91 /* RCTSubtractionAnimatedNode.m */,
-				13E501D81D07A6C9005F35D8 /* RCTAnimatedNode.h */,
-				13E501D91D07A6C9005F35D8 /* RCTAnimatedNode.m */,
-				13E501DC1D07A6C9005F35D8 /* RCTInterpolationAnimatedNode.h */,
-				13E501DD1D07A6C9005F35D8 /* RCTInterpolationAnimatedNode.m */,
-				94DAE3F71D7334A70059942F /* RCTModuloAnimatedNode.h */,
-				94DAE3F81D7334A70059942F /* RCTModuloAnimatedNode.m */,
-				13E501DE1D07A6C9005F35D8 /* RCTMultiplicationAnimatedNode.h */,
-				13E501DF1D07A6C9005F35D8 /* RCTMultiplicationAnimatedNode.m */,
-				13E501E01D07A6C9005F35D8 /* RCTPropsAnimatedNode.h */,
-				13E501E11D07A6C9005F35D8 /* RCTPropsAnimatedNode.m */,
-				13E501E21D07A6C9005F35D8 /* RCTStyleAnimatedNode.h */,
-				13E501E31D07A6C9005F35D8 /* RCTStyleAnimatedNode.m */,
-				13E501E41D07A6C9005F35D8 /* RCTTransformAnimatedNode.h */,
-				13E501E51D07A6C9005F35D8 /* RCTTransformAnimatedNode.m */,
-				13E501E61D07A6C9005F35D8 /* RCTValueAnimatedNode.h */,
-				13E501E71D07A6C9005F35D8 /* RCTValueAnimatedNode.m */,
-				44DB7D932024F74200588FCD /* RCTTrackingAnimatedNode.h */,
-				44DB7D962024F75100588FCD /* RCTTrackingAnimatedNode.m */,
-			);
-			path = Nodes;
-			sourceTree = "<group>";
-		};
-		58B511D21A9E6C8500147676 = {
-			isa = PBXGroup;
-			children = (
-				13E501B71D07A644005F35D8 /* RCTAnimationUtils.h */,
-				13E501B81D07A644005F35D8 /* RCTAnimationUtils.m */,
-				13E501BD1D07A644005F35D8 /* RCTNativeAnimatedModule.h */,
-				13E501BE1D07A644005F35D8 /* RCTNativeAnimatedModule.m */,
-				94DA09161DC7971C00AEA8C9 /* RCTNativeAnimatedNodesManager.h */,
-				94DA09171DC7971C00AEA8C9 /* RCTNativeAnimatedNodesManager.m */,
-				94C129491D4069170025F25C /* Drivers */,
-				13E501D51D07A6C9005F35D8 /* Nodes */,
-				134814211AA4EA7D00B7C361 /* Products */,
-				2D2A28201D9B03D100D4039D /* libRCTAnimation.a */,
-				647647C51F0BC7F200C2D89B /* libRCTAnimation.a */,
-			);
-			indentWidth = 2;
-			sourceTree = "<group>";
-			tabWidth = 2;
-			usesTabs = 0;
-		};
-		94C129491D4069170025F25C /* Drivers */ = {
-			isa = PBXGroup;
-			children = (
-				94C1294A1D4069170025F25C /* RCTAnimationDriver.h */,
-				194804EB1E975D8E00623005 /* RCTDecayAnimation.h */,
-				194804EC1E975D8E00623005 /* RCTDecayAnimation.m */,
-				19F00F201DC8847500113FEE /* RCTEventAnimation.h */,
-				19F00F211DC8847500113FEE /* RCTEventAnimation.m */,
-				94C1294C1D4069170025F25C /* RCTFrameAnimation.h */,
-				94C1294D1D4069170025F25C /* RCTFrameAnimation.m */,
-				94C1294E1D4069170025F25C /* RCTSpringAnimation.h */,
-				94C1294F1D4069170025F25C /* RCTSpringAnimation.m */,
-			);
-			path = Drivers;
-			sourceTree = "<group>";
-		};
-/* End PBXGroup section */
-
-/* Begin PBXHeadersBuildPhase section */
-		192F69801E823F2E008692C7 /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				194804F01E975DCF00623005 /* RCTDecayAnimation.h in Headers */,
-				192F69811E823F4A008692C7 /* RCTAnimationUtils.h in Headers */,
-				192F69821E823F4A008692C7 /* RCTNativeAnimatedModule.h in Headers */,
-				192F69831E823F4A008692C7 /* RCTNativeAnimatedNodesManager.h in Headers */,
-				192F69841E823F4A008692C7 /* RCTAnimationDriver.h in Headers */,
-				192F69851E823F4A008692C7 /* RCTEventAnimation.h in Headers */,
-				192F69861E823F4A008692C7 /* RCTFrameAnimation.h in Headers */,
-				192F69871E823F4A008692C7 /* RCTSpringAnimation.h in Headers */,
-				192F69881E823F4A008692C7 /* RCTDivisionAnimatedNode.h in Headers */,
-				192F69891E823F4A008692C7 /* RCTDiffClampAnimatedNode.h in Headers */,
-				192F698A1E823F4A008692C7 /* RCTAdditionAnimatedNode.h in Headers */,
-				192F698B1E823F4A008692C7 /* RCTAnimatedNode.h in Headers */,
-				44DB7D952024F74200588FCD /* RCTTrackingAnimatedNode.h in Headers */,
-				192F698C1E823F4A008692C7 /* RCTInterpolationAnimatedNode.h in Headers */,
-				192F698D1E823F4A008692C7 /* RCTModuloAnimatedNode.h in Headers */,
-				192F698E1E823F4A008692C7 /* RCTMultiplicationAnimatedNode.h in Headers */,
-				192F698F1E823F4A008692C7 /* RCTPropsAnimatedNode.h in Headers */,
-				192F69901E823F4A008692C7 /* RCTStyleAnimatedNode.h in Headers */,
-				192F69911E823F4A008692C7 /* RCTTransformAnimatedNode.h in Headers */,
-				192F69921E823F4A008692C7 /* RCTValueAnimatedNode.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		1980B70D1E80D1B5004DC789 /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				1980B70E1E80D1C4004DC789 /* RCTAnimationUtils.h in Headers */,
-				1980B7101E80D1C4004DC789 /* RCTNativeAnimatedModule.h in Headers */,
-				1980B7121E80D1C4004DC789 /* RCTNativeAnimatedNodesManager.h in Headers */,
-				1980B7141E80D1C4004DC789 /* RCTAnimationDriver.h in Headers */,
-				1980B7151E80D1C4004DC789 /* RCTEventAnimation.h in Headers */,
-				194804ED1E975D8E00623005 /* RCTDecayAnimation.h in Headers */,
-				1980B7171E80D1C4004DC789 /* RCTFrameAnimation.h in Headers */,
-				1980B7191E80D1C4004DC789 /* RCTSpringAnimation.h in Headers */,
-				1980B71B1E80D1C4004DC789 /* RCTDivisionAnimatedNode.h in Headers */,
-				1980B71D1E80D1C4004DC789 /* RCTDiffClampAnimatedNode.h in Headers */,
-				1980B71F1E80D1C4004DC789 /* RCTAdditionAnimatedNode.h in Headers */,
-				1980B7211E80D1C4004DC789 /* RCTAnimatedNode.h in Headers */,
-				44DB7D942024F74200588FCD /* RCTTrackingAnimatedNode.h in Headers */,
-				1980B7231E80D1C4004DC789 /* RCTInterpolationAnimatedNode.h in Headers */,
-				1980B7251E80D1C4004DC789 /* RCTModuloAnimatedNode.h in Headers */,
-				1980B7271E80D1C4004DC789 /* RCTMultiplicationAnimatedNode.h in Headers */,
-				1980B7291E80D1C4004DC789 /* RCTPropsAnimatedNode.h in Headers */,
-				1980B72B1E80D1C4004DC789 /* RCTStyleAnimatedNode.h in Headers */,
-				1980B72D1E80D1C4004DC789 /* RCTTransformAnimatedNode.h in Headers */,
-				1980B72F1E80D1C4004DC789 /* RCTValueAnimatedNode.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		6476479A1F0BC7F200C2D89B /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				6476479B1F0BC7F200C2D89B /* RCTAnimationUtils.h in Headers */,
-				6476479C1F0BC7F200C2D89B /* RCTNativeAnimatedModule.h in Headers */,
-				6476479D1F0BC7F200C2D89B /* RCTNativeAnimatedNodesManager.h in Headers */,
-				6476479E1F0BC7F200C2D89B /* RCTAnimationDriver.h in Headers */,
-				6476479F1F0BC7F200C2D89B /* RCTEventAnimation.h in Headers */,
-				647647A01F0BC7F200C2D89B /* RCTDecayAnimation.h in Headers */,
-				647647A11F0BC7F200C2D89B /* RCTFrameAnimation.h in Headers */,
-				647647A21F0BC7F200C2D89B /* RCTSpringAnimation.h in Headers */,
-				647647A31F0BC7F200C2D89B /* RCTDivisionAnimatedNode.h in Headers */,
-				647647A41F0BC7F200C2D89B /* RCTDiffClampAnimatedNode.h in Headers */,
-				647647A51F0BC7F200C2D89B /* RCTAdditionAnimatedNode.h in Headers */,
-				647647A61F0BC7F200C2D89B /* RCTAnimatedNode.h in Headers */,
-				18F3B9ED2142F22C00AD247D /* RCTTrackingAnimatedNode.h in Headers */,
-				647647A71F0BC7F200C2D89B /* RCTInterpolationAnimatedNode.h in Headers */,
-				647647A81F0BC7F200C2D89B /* RCTModuloAnimatedNode.h in Headers */,
-				647647A91F0BC7F200C2D89B /* RCTMultiplicationAnimatedNode.h in Headers */,
-				647647AA1F0BC7F200C2D89B /* RCTPropsAnimatedNode.h in Headers */,
-				647647AB1F0BC7F200C2D89B /* RCTStyleAnimatedNode.h in Headers */,
-				647647AC1F0BC7F200C2D89B /* RCTTransformAnimatedNode.h in Headers */,
-				647647AD1F0BC7F200C2D89B /* RCTValueAnimatedNode.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXHeadersBuildPhase section */
-
-/* Begin PBXNativeTarget section */
-		2D2A281F1D9B03D100D4039D /* RCTAnimation-tvOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 2D2A28281D9B03D100D4039D /* Build configuration list for PBXNativeTarget "RCTAnimation-tvOS" */;
-			buildPhases = (
-				2D2A281C1D9B03D100D4039D /* Sources */,
-				192F69801E823F2E008692C7 /* Headers */,
-				192F69931E823F4F008692C7 /* CopyFiles */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "RCTAnimation-tvOS";
-			productName = "RCTAnimation-tvOS";
-			productReference = 2D2A28201D9B03D100D4039D /* libRCTAnimation.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		58B511DA1A9E6C8500147676 /* RCTAnimation */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "RCTAnimation" */;
-			buildPhases = (
-				58B511D71A9E6C8500147676 /* Sources */,
-				1980B70D1E80D1B5004DC789 /* Headers */,
-				1980B7311E80D21C004DC789 /* CopyFiles */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = RCTAnimation;
-			productName = RCTDataManager;
-			productReference = 134814201AA4EA6300B7C361 /* libRCTAnimation.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		647647861F0BC7F200C2D89B /* RCTAnimation-macOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 647647C21F0BC7F200C2D89B /* Build configuration list for PBXNativeTarget "RCTAnimation-macOS" */;
-			buildPhases = (
-				647647871F0BC7F200C2D89B /* Sources */,
-				6476479A1F0BC7F200C2D89B /* Headers */,
-				647647AE1F0BC7F200C2D89B /* CopyFiles */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "RCTAnimation-macOS";
-			productName = RCTDataManager;
-			productReference = 647647C51F0BC7F200C2D89B /* libRCTAnimation.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-/* End PBXNativeTarget section */
-
-/* Begin PBXProject section */
-		58B511D31A9E6C8500147676 /* Project object */ = {
-			isa = PBXProject;
-			attributes = {
-				LastUpgradeCheck = 0940;
-				ORGANIZATIONNAME = Facebook;
-				TargetAttributes = {
-					2D2A281F1D9B03D100D4039D = {
-						CreatedOnToolsVersion = 8.0;
-						ProvisioningStyle = Automatic;
-					};
-					58B511DA1A9E6C8500147676 = {
-						CreatedOnToolsVersion = 6.1.1;
-					};
-				};
-			};
-			buildConfigurationList = 58B511D61A9E6C8500147676 /* Build configuration list for PBXProject "RCTAnimation" */;
-			compatibilityVersion = "Xcode 3.2";
-			developmentRegion = English;
-			hasScannedForEncodings = 0;
-			knownRegions = (
-				en,
-			);
-			mainGroup = 58B511D21A9E6C8500147676;
-			productRefGroup = 58B511D21A9E6C8500147676;
-			projectDirPath = "";
-			projectRoot = "";
-			targets = (
-				58B511DA1A9E6C8500147676 /* RCTAnimation */,
-				2D2A281F1D9B03D100D4039D /* RCTAnimation-tvOS */,
-				647647861F0BC7F200C2D89B /* RCTAnimation-macOS */,
-			);
-		};
-/* End PBXProject section */
-
-/* Begin PBXSourcesBuildPhase section */
-		2D2A281C1D9B03D100D4039D /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				2D3B5F001D9B0B4800451313 /* RCTValueAnimatedNode.m in Sources */,
-				2D3B5EFB1D9B0B4800451313 /* RCTModuloAnimatedNode.m in Sources */,
-				2D3B5EF21D9B0B3100451313 /* RCTAnimationUtils.m in Sources */,
-				2D3B5EF51D9B0B4800451313 /* RCTDivisionAnimatedNode.m in Sources */,
-				2D3B5EF71D9B0B4800451313 /* RCTAdditionAnimatedNode.m in Sources */,
-				19F00F231DC8848E00113FEE /* RCTEventAnimation.m in Sources */,
-				2D3B5EF41D9B0B3700451313 /* RCTNativeAnimatedModule.m in Sources */,
-				2D3B5EF61D9B0B4800451313 /* RCTDiffClampAnimatedNode.m in Sources */,
-				2D3B5EF81D9B0B4800451313 /* RCTAnimatedNode.m in Sources */,
-				2D3B5EFE1D9B0B4800451313 /* RCTStyleAnimatedNode.m in Sources */,
-				2D3B5EFA1D9B0B4800451313 /* RCTInterpolationAnimatedNode.m in Sources */,
-				2D3B5EFF1D9B0B4800451313 /* RCTTransformAnimatedNode.m in Sources */,
-				2D3B5EFC1D9B0B4800451313 /* RCTMultiplicationAnimatedNode.m in Sources */,
-				44DB7D982024F75100588FCD /* RCTTrackingAnimatedNode.m in Sources */,
-				2D3B5EFD1D9B0B4800451313 /* RCTPropsAnimatedNode.m in Sources */,
-				944244D01DB962DA0032A02B /* RCTFrameAnimation.m in Sources */,
-				944244D11DB962DC0032A02B /* RCTSpringAnimation.m in Sources */,
-				9476E8EC1DC9232D005D5CD1 /* RCTNativeAnimatedNodesManager.m in Sources */,
-				194804F21E977DDB00623005 /* RCTDecayAnimation.m in Sources */,
-				2D65C80020732E4700C62FDF /* RCTSubtractionAnimatedNode.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		58B511D71A9E6C8500147676 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				94C129511D40692B0025F25C /* RCTFrameAnimation.m in Sources */,
-				94C129521D40692B0025F25C /* RCTSpringAnimation.m in Sources */,
-				94DA09181DC7971C00AEA8C9 /* RCTNativeAnimatedNodesManager.m in Sources */,
-				13E501F01D07A6C9005F35D8 /* RCTValueAnimatedNode.m in Sources */,
-				94DAE3F91D7334A70059942F /* RCTModuloAnimatedNode.m in Sources */,
-				193F64F41D776EC6004D1CAA /* RCTDiffClampAnimatedNode.m in Sources */,
-				19F00F221DC8847500113FEE /* RCTEventAnimation.m in Sources */,
-				13E501EE1D07A6C9005F35D8 /* RCTStyleAnimatedNode.m in Sources */,
-				13E501CC1D07A644005F35D8 /* RCTAnimationUtils.m in Sources */,
-				13E501CF1D07A644005F35D8 /* RCTNativeAnimatedModule.m in Sources */,
-				13E501EC1D07A6C9005F35D8 /* RCTMultiplicationAnimatedNode.m in Sources */,
-				13E501ED1D07A6C9005F35D8 /* RCTPropsAnimatedNode.m in Sources */,
-				13E501E91D07A6C9005F35D8 /* RCTAnimatedNode.m in Sources */,
-				44DB7D972024F75100588FCD /* RCTTrackingAnimatedNode.m in Sources */,
-				13E501EB1D07A6C9005F35D8 /* RCTInterpolationAnimatedNode.m in Sources */,
-				13E501E81D07A6C9005F35D8 /* RCTAdditionAnimatedNode.m in Sources */,
-				5C9894951D999639008027DB /* RCTDivisionAnimatedNode.m in Sources */,
-				13E501EF1D07A6C9005F35D8 /* RCTTransformAnimatedNode.m in Sources */,
-				194804EE1E975D8E00623005 /* RCTDecayAnimation.m in Sources */,
-				2EC00631206EA19300586E91 /* RCTSubtractionAnimatedNode.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		647647871F0BC7F200C2D89B /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				647647881F0BC7F200C2D89B /* RCTFrameAnimation.m in Sources */,
-				647647891F0BC7F200C2D89B /* RCTSpringAnimation.m in Sources */,
-				6476478A1F0BC7F200C2D89B /* RCTNativeAnimatedNodesManager.m in Sources */,
-				6476478B1F0BC7F200C2D89B /* RCTValueAnimatedNode.m in Sources */,
-				6476478C1F0BC7F200C2D89B /* RCTModuloAnimatedNode.m in Sources */,
-				6476478D1F0BC7F200C2D89B /* RCTDiffClampAnimatedNode.m in Sources */,
-				6476478E1F0BC7F200C2D89B /* RCTEventAnimation.m in Sources */,
-				6476478F1F0BC7F200C2D89B /* RCTStyleAnimatedNode.m in Sources */,
-				647647901F0BC7F200C2D89B /* RCTAnimationUtils.m in Sources */,
-				647647911F0BC7F200C2D89B /* RCTNativeAnimatedModule.m in Sources */,
-				647647921F0BC7F200C2D89B /* RCTMultiplicationAnimatedNode.m in Sources */,
-				647647931F0BC7F200C2D89B /* RCTPropsAnimatedNode.m in Sources */,
-				647647941F0BC7F200C2D89B /* RCTAnimatedNode.m in Sources */,
-				18B8F9C62143314E00CE911A /* RCTTrackingAnimatedNode.m in Sources */,
-				647647951F0BC7F200C2D89B /* RCTInterpolationAnimatedNode.m in Sources */,
-				647647961F0BC7F200C2D89B /* RCTAdditionAnimatedNode.m in Sources */,
-				647647971F0BC7F200C2D89B /* RCTDivisionAnimatedNode.m in Sources */,
-				647647981F0BC7F200C2D89B /* RCTTransformAnimatedNode.m in Sources */,
-				647647991F0BC7F200C2D89B /* RCTDecayAnimation.m in Sources */,
-				184808BE21658FB600C3C43F /* RCTSubtractionAnimatedNode.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXSourcesBuildPhase section */
-
-/* Begin XCBuildConfiguration section */
-		2D2A28261D9B03D100D4039D /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTAnimation;
-				SDKROOT = appletvos;
-			};
-			name = Debug;
-		};
-		2D2A28271D9B03D100D4039D /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTAnimation;
-				SDKROOT = appletvos;
-			};
-			name = Release;
-		};
-		58B511ED1A9E6C8500147676 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				ENABLE_TESTABILITY = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_DYNAMIC_NO_PIC = NO;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_OPTIMIZATION_LEVEL = 0;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"$(inherited)",
-				);
-				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = YES;
-				ONLY_ACTIVE_ARCH = YES;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-				);
-			};
-			name = Debug;
-		};
-		58B511EE1A9E6C8500147676 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = YES;
-				ENABLE_NS_ASSERTIONS = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = NO;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-				VALIDATE_PRODUCT = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-				);
-			};
-			name = Release;
-		};
-		58B511F01A9E6C8500147676 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTAnimation;
-			};
-			name = Debug;
-		};
-		58B511F11A9E6C8500147676 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTAnimation;
-			};
-			name = Release;
-		};
-		647647C31F0BC7F200C2D89B /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTAnimation;
-				SDKROOT = macosx;
-			};
-			name = Debug;
-		};
-		647647C41F0BC7F200C2D89B /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTAnimation;
-				SDKROOT = macosx;
-			};
-			name = Release;
-		};
-/* End XCBuildConfiguration section */
-
-/* Begin XCConfigurationList section */
-		2D2A28281D9B03D100D4039D /* Build configuration list for PBXNativeTarget "RCTAnimation-tvOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				2D2A28261D9B03D100D4039D /* Debug */,
-				2D2A28271D9B03D100D4039D /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		58B511D61A9E6C8500147676 /* Build configuration list for PBXProject "RCTAnimation" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				58B511ED1A9E6C8500147676 /* Debug */,
-				58B511EE1A9E6C8500147676 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "RCTAnimation" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				58B511F01A9E6C8500147676 /* Debug */,
-				58B511F11A9E6C8500147676 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		647647C21F0BC7F200C2D89B /* Build configuration list for PBXNativeTarget "RCTAnimation-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				647647C31F0BC7F200C2D89B /* Debug */,
-				647647C41F0BC7F200C2D89B /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-/* End XCConfigurationList section */
-	};
-	rootObject = 58B511D31A9E6C8500147676 /* Project object */;
-}
diff --git a/Libraries/NativeAnimation/RCTAnimationUtils.m b/Libraries/NativeAnimation/RCTAnimationUtils.m
index bd4b2c33e249ce..5d719109d8dcf8 100644
--- a/Libraries/NativeAnimation/RCTAnimationUtils.m
+++ b/Libraries/NativeAnimation/RCTAnimationUtils.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTAnimationUtils.h"
+#import <React/RCTAnimationUtils.h>
 
 #import <React/RCTLog.h>
 
diff --git a/Libraries/NativeAnimation/RCTNativeAnimatedModule.m b/Libraries/NativeAnimation/RCTNativeAnimatedModule.m
index 08deab3e512015..c7f4a0be9fa6e2 100644
--- a/Libraries/NativeAnimation/RCTNativeAnimatedModule.m
+++ b/Libraries/NativeAnimation/RCTNativeAnimatedModule.m
@@ -4,9 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-#import "RCTNativeAnimatedModule.h"
+#import <React/RCTNativeAnimatedModule.h>
 
-#import "RCTNativeAnimatedNodesManager.h"
+#import <React/RCTNativeAnimatedNodesManager.h>
 
 typedef void (^AnimatedOperation)(RCTNativeAnimatedNodesManager *nodesManager);
 
@@ -14,7 +14,7 @@ @implementation RCTNativeAnimatedModule
 {
   RCTNativeAnimatedNodesManager *_nodesManager;
 
-  // Oparations called after views have been updated.
+  // Operations called after views have been updated.
   NSMutableArray<AnimatedOperation> *_operations;
   // Operations called before views have been updated.
   NSMutableArray<AnimatedOperation> *_preOperations;
@@ -87,10 +87,14 @@ - (void)setBridge:(RCTBridge *)bridge
   [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
     [nodesManager startAnimatingNode:animationId nodeTag:nodeTag config:config endCallback:callBack];
   }];
-  if ([_nodesManager isNodeManagedByFabric:nodeTag]) {
-    _animIdIsManagedByFabric[animationId] = @YES;
-    [self flushOperationQueues];
-  }
+  __weak RCTNativeAnimatedModule *weakSelf = self;
+  RCTExecuteOnMainQueue(^{
+      __strong RCTNativeAnimatedModule *strongSelf = weakSelf;
+      if (strongSelf && [strongSelf->_nodesManager isNodeManagedByFabric:nodeTag]) {
+          strongSelf->_animIdIsManagedByFabric[animationId] = @YES;
+          [strongSelf flushOperationQueues];
+      }
+  });
 }
 
 RCT_EXPORT_METHOD(stopAnimation:(nonnull NSNumber *)animationId)
@@ -232,27 +236,31 @@ - (void)flushOperationQueues
 - (void)willMountComponentsWithRootTag:(NSInteger)rootTag
 {
   RCTAssertMainQueue();
-  __block NSArray<AnimatedOperation> *preOperations;
-  RCTUnsafeExecuteOnUIManagerQueueSync(^{
-    preOperations = self->_preOperations;
+  RCTExecuteOnUIManagerQueue(^{
+    NSArray<AnimatedOperation> *preOperations = self->_preOperations;
     self->_preOperations = [NSMutableArray new];
+
+    RCTExecuteOnMainQueue(^{
+      for (AnimatedOperation preOperation in preOperations) {
+        preOperation(self->_nodesManager);
+      }
+    });
   });
-  for (AnimatedOperation operation in preOperations) {
-    operation(self->_nodesManager);
-  }
 }
 
 - (void)didMountComponentsWithRootTag:(NSInteger)rootTag
 {
   RCTAssertMainQueue();
-  __block NSArray<AnimatedOperation> *operations;
-  RCTUnsafeExecuteOnUIManagerQueueSync(^{
-    operations = self->_operations;
+  RCTExecuteOnUIManagerQueue(^{
+    NSArray<AnimatedOperation> *operations = self->_operations;
     self->_operations = [NSMutableArray new];
+
+    RCTExecuteOnMainQueue(^{
+      for (AnimatedOperation operation in operations) {
+        operation(self->_nodesManager);
+      }
+    });
   });
-  for (AnimatedOperation operation in operations) {
-    operation(self->_nodesManager);
-  }
 }
 
 #pragma mark - RCTUIManagerObserver
diff --git a/Libraries/NativeAnimation/RCTNativeAnimatedNodesManager.h b/Libraries/NativeAnimation/RCTNativeAnimatedNodesManager.h
index fa846f62de72c9..82a2327c74ce2b 100644
--- a/Libraries/NativeAnimation/RCTNativeAnimatedNodesManager.h
+++ b/Libraries/NativeAnimation/RCTNativeAnimatedNodesManager.h
@@ -12,8 +12,6 @@
 
 @protocol RCTValueAnimatedNodeObserver;
 
-@protocol RCTValueAnimatedNodeObserver;
-
 @interface RCTNativeAnimatedNodesManager : NSObject
 
 - (nonnull instancetype)initWithBridge:(nonnull RCTBridge *)bridge;
diff --git a/Libraries/NativeAnimation/RCTNativeAnimatedNodesManager.m b/Libraries/NativeAnimation/RCTNativeAnimatedNodesManager.m
index 0cf4fb3e3ecb59..97f039ae0f263d 100644
--- a/Libraries/NativeAnimation/RCTNativeAnimatedNodesManager.m
+++ b/Libraries/NativeAnimation/RCTNativeAnimatedNodesManager.m
@@ -5,28 +5,43 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTNativeAnimatedNodesManager.h"
+#import <React/RCTNativeAnimatedNodesManager.h>
 
 #import <React/RCTConvert.h>
 
-#import "RCTAdditionAnimatedNode.h"
-#import "RCTAnimatedNode.h"
-#import "RCTAnimationDriver.h"
-#import "RCTDiffClampAnimatedNode.h"
-#import "RCTDivisionAnimatedNode.h"
-#import "RCTEventAnimation.h"
-#import "RCTFrameAnimation.h"
-#import "RCTDecayAnimation.h"
-#import "RCTInterpolationAnimatedNode.h"
-#import "RCTModuloAnimatedNode.h"
-#import "RCTMultiplicationAnimatedNode.h"
-#import "RCTPropsAnimatedNode.h"
-#import "RCTSpringAnimation.h"
-#import "RCTStyleAnimatedNode.h"
-#import "RCTSubtractionAnimatedNode.h"
-#import "RCTTransformAnimatedNode.h"
-#import "RCTValueAnimatedNode.h"
-#import "RCTTrackingAnimatedNode.h"
+#import <React/RCTAdditionAnimatedNode.h>
+#import <React/RCTAnimatedNode.h>
+#import <React/RCTAnimationDriver.h>
+#import <React/RCTDiffClampAnimatedNode.h>
+#import <React/RCTDivisionAnimatedNode.h>
+#import <React/RCTEventAnimation.h>
+#import <React/RCTFrameAnimation.h>
+#import <React/RCTDecayAnimation.h>
+#import <React/RCTInterpolationAnimatedNode.h>
+#import <React/RCTModuloAnimatedNode.h>
+#import <React/RCTMultiplicationAnimatedNode.h>
+#import <React/RCTPropsAnimatedNode.h>
+#import <React/RCTSpringAnimation.h>
+#import <React/RCTStyleAnimatedNode.h>
+#import <React/RCTSubtractionAnimatedNode.h>
+#import <React/RCTTransformAnimatedNode.h>
+#import <React/RCTValueAnimatedNode.h>
+#import <React/RCTTrackingAnimatedNode.h>
+
+// We do some normalizing of the event names in RCTEventDispatcher#RCTNormalizeInputEventName.
+// To make things simpler just get rid of the parts we change in the event names we use here.
+// This is a lot easier than trying to denormalize because there would be multiple possible
+// denormalized forms for a single input.
+static NSString *RCTNormalizeAnimatedEventName(NSString *eventName)
+{
+  if ([eventName hasPrefix:@"on"]) {
+    return [eventName substringFromIndex:2];
+  }
+  if ([eventName hasPrefix:@"top"]) {
+    return [eventName substringFromIndex:3];
+  }
+  return eventName;
+}
 
 @implementation RCTNativeAnimatedNodesManager
 {
@@ -53,7 +68,10 @@ - (instancetype)initWithBridge:(nonnull RCTBridge *)bridge
 - (BOOL)isNodeManagedByFabric:(nonnull NSNumber *)tag
 {
   RCTAnimatedNode *node = _animationNodes[tag];
-  return [node isManagedByFabric];
+  if (node) {
+    return [node isManagedByFabric];
+  }
+  return false;
 }
 
 #pragma mark -- Graph
@@ -321,7 +339,7 @@ - (void)addAnimatedEventToView:(nonnull NSNumber *)viewTag
   RCTEventAnimation *driver =
     [[RCTEventAnimation alloc] initWithEventPath:eventPath valueNode:(RCTValueAnimatedNode *)node];
 
-  NSString *key = [NSString stringWithFormat:@"%@%@", viewTag, eventName];
+  NSString *key = [NSString stringWithFormat:@"%@%@", viewTag, RCTNormalizeAnimatedEventName(eventName)];
   if (_eventDrivers[key] != nil) {
     [_eventDrivers[key] addObject:driver];
   } else {
@@ -335,7 +353,7 @@ - (void)removeAnimatedEventFromView:(nonnull NSNumber *)viewTag
                           eventName:(nonnull NSString *)eventName
                     animatedNodeTag:(nonnull NSNumber *)animatedNodeTag
 {
-  NSString *key = [NSString stringWithFormat:@"%@%@", viewTag, eventName];
+  NSString *key = [NSString stringWithFormat:@"%@%@", viewTag, RCTNormalizeAnimatedEventName(eventName)];
   if (_eventDrivers[key] != nil) {
     if (_eventDrivers[key].count == 1) {
       [_eventDrivers removeObjectForKey:key];
@@ -357,7 +375,7 @@ - (void)handleAnimatedEvent:(id<RCTEvent>)event
     return;
   }
 
-  NSString *key = [NSString stringWithFormat:@"%@%@", event.viewTag, event.eventName];
+  NSString *key = [NSString stringWithFormat:@"%@%@", event.viewTag, RCTNormalizeAnimatedEventName(event.eventName)];
   NSMutableArray<RCTEventAnimation *> *driversForKey = _eventDrivers[key];
   if (driversForKey) {
     for (RCTEventAnimation *driver in driversForKey) {
diff --git a/Libraries/NativeAnimation/React-RCTAnimation.podspec b/Libraries/NativeAnimation/React-RCTAnimation.podspec
index 702234cd112f02..80c6de01d3a4f0 100644
--- a/Libraries/NativeAnimation/React-RCTAnimation.podspec
+++ b/Libraries/NativeAnimation/React-RCTAnimation.podspec
@@ -26,9 +26,9 @@ Pod::Spec.new do |s|
   s.author                 = "Facebook, Inc. and its affiliates"
   s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.14" } # TODO(macOS GH#214)
   s.source                 = source
-  s.source_files           = "{Drivers/*,Nodes/*,*}.{h,m}"
+  s.source_files           = "{Drivers/*,Nodes/*,*}.{m}"
   s.preserve_paths         = "package.json", "LICENSE", "LICENSE-docs"
   s.header_dir             = "RCTAnimation"
 
-  s.dependency "React-Core", version
+  s.dependency "React-Core/RCTAnimationHeaders", version
 end
diff --git a/Libraries/NativeModules/specs/NativeAnimationsDebugModule.js b/Libraries/NativeModules/specs/NativeAnimationsDebugModule.js
new file mode 100644
index 00000000000000..f814d567df056a
--- /dev/null
+++ b/Libraries/NativeModules/specs/NativeAnimationsDebugModule.js
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+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);
diff --git a/Libraries/NativeModules/specs/NativeDevSettings.js b/Libraries/NativeModules/specs/NativeDevSettings.js
new file mode 100644
index 00000000000000..ec0f9392e8c492
--- /dev/null
+++ b/Libraries/NativeModules/specs/NativeDevSettings.js
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {TurboModule} from '../../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +reload: () => void;
+  +setHotLoadingEnabled: (isHotLoadingEnabled: boolean) => void;
+  +setIsDebuggingRemotely: (isDebuggingRemotelyEnabled: boolean) => void;
+  +setLiveReloadEnabled: (isLiveReloadEnabled: boolean) => void;
+  +setProfilingEnabled: (isProfilingEnabled: boolean) => void;
+  +toggleElementInspector: () => void;
+
+  // iOS only.
+  +setIsShakeToShowDevMenuEnabled: (enabled: boolean) => void;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>('DevSettings'): Spec);
diff --git a/Libraries/NativeModules/specs/NativeDeviceEventManager.js b/Libraries/NativeModules/specs/NativeDeviceEventManager.js
new file mode 100644
index 00000000000000..342115dd0e478e
--- /dev/null
+++ b/Libraries/NativeModules/specs/NativeDeviceEventManager.js
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {TurboModule} from '../../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +invokeDefaultBackPressHandler: () => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('DeviceEventManager'): ?Spec);
diff --git a/Libraries/NativeModules/specs/NativeDialogManagerAndroid.js b/Libraries/NativeModules/specs/NativeDialogManagerAndroid.js
new file mode 100644
index 00000000000000..4ca12692fa1773
--- /dev/null
+++ b/Libraries/NativeModules/specs/NativeDialogManagerAndroid.js
@@ -0,0 +1,49 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {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);
diff --git a/Libraries/NativeModules/specs/NativeRedBox.js b/Libraries/NativeModules/specs/NativeRedBox.js
new file mode 100644
index 00000000000000..e132b544345324
--- /dev/null
+++ b/Libraries/NativeModules/specs/NativeRedBox.js
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +setExtraData: (extraData: Object, identifier: string) => void;
+  +dismiss: () => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('RedBox'): ?Spec);
diff --git a/Libraries/NativeModules/specs/NativeSourceCode.js b/Libraries/NativeModules/specs/NativeSourceCode.js
new file mode 100644
index 00000000000000..2ba94687afb6ea
--- /dev/null
+++ b/Libraries/NativeModules/specs/NativeSourceCode.js
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {|
+    scriptURL: string,
+  |};
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>('SourceCode'): Spec);
diff --git a/Libraries/Network/NativeNetworkingAndroid.js b/Libraries/Network/NativeNetworkingAndroid.js
new file mode 100644
index 00000000000000..573090d7d26ccd
--- /dev/null
+++ b/Libraries/Network/NativeNetworkingAndroid.js
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+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: Object, // TODO: Use stricter type.
+    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/Libraries/Network/NativeNetworkingIOS.js b/Libraries/Network/NativeNetworkingIOS.js
new file mode 100644
index 00000000000000..85a6cffbd22034
--- /dev/null
+++ b/Libraries/Network/NativeNetworkingIOS.js
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+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: Object, // TODO: Use stricter type.
+      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/Libraries/Network/RCTDataRequestHandler.m b/Libraries/Network/RCTDataRequestHandler.m
index 2a7c42c6a10bf1..5d72c52264a423 100644
--- a/Libraries/Network/RCTDataRequestHandler.m
+++ b/Libraries/Network/RCTDataRequestHandler.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTDataRequestHandler.h"
+#import <React/RCTDataRequestHandler.h>
 
 @implementation RCTDataRequestHandler
 {
diff --git a/Libraries/Network/RCTFileRequestHandler.m b/Libraries/Network/RCTFileRequestHandler.m
index 77427ccc61effc..313ceb59790e3d 100644
--- a/Libraries/Network/RCTFileRequestHandler.m
+++ b/Libraries/Network/RCTFileRequestHandler.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTFileRequestHandler.h"
+#import <React/RCTFileRequestHandler.h>
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 #import <MobileCoreServices/MobileCoreServices.h>
diff --git a/Libraries/Network/RCTHTTPRequestHandler.mm b/Libraries/Network/RCTHTTPRequestHandler.mm
index 76131fa69f7797..e72e9437f60109 100644
--- a/Libraries/Network/RCTHTTPRequestHandler.mm
+++ b/Libraries/Network/RCTHTTPRequestHandler.mm
@@ -5,11 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTHTTPRequestHandler.h"
+#import <React/RCTHTTPRequestHandler.h>
 
 #import <mutex>
 
-#import "RCTNetworking.h"
+#import <React/RCTNetworking.h>
 
 @interface RCTHTTPRequestHandler () <NSURLSessionDataDelegate>
 
@@ -29,12 +29,12 @@ @implementation RCTHTTPRequestHandler
 
 - (void)invalidate
 {
-  dispatch_async(self->_methodQueue, ^{
-    [self->_session invalidateAndCancel];
-    self->_session = nil;
-  });
+  std::lock_guard<std::mutex> lock(_mutex);
+  [self->_session invalidateAndCancel];
+  self->_session = nil;
 }
 
+// Needs to lock before call this method.
 - (BOOL)isValid
 {
   // if session == nil and delegates != nil, we've been invalidated
@@ -58,6 +58,7 @@ - (BOOL)canHandleRequest:(NSURLRequest *)request
 - (NSURLSessionDataTask *)sendRequest:(NSURLRequest *)request
                          withDelegate:(id<RCTURLRequestDelegate>)delegate
 {
+  std::lock_guard<std::mutex> lock(_mutex);
   // Lazy setup
   if (!_session && [self isValid]) {
     // You can override default NSURLSession instance property allowsCellularAccess (default value YES)
@@ -83,19 +84,12 @@ - (NSURLSessionDataTask *)sendRequest:(NSURLRequest *)request
                                              delegate:self
                                         delegateQueue:callbackQueue];
 
-    std::lock_guard<std::mutex> lock(_mutex);
     _delegates = [[NSMapTable alloc] initWithKeyOptions:NSPointerFunctionsStrongMemory
                                            valueOptions:NSPointerFunctionsStrongMemory
                                                capacity:0];
   }
-  __block NSURLSessionDataTask *task = nil;
-  dispatch_sync(self->_methodQueue, ^{
-    task = [self->_session dataTaskWithRequest:request];
-  });
-  {
-    std::lock_guard<std::mutex> lock(_mutex);
-    [_delegates setObject:delegate forKey:task];
-  }
+  NSURLSessionDataTask *task = [_session dataTaskWithRequest:request];
+  [_delegates setObject:delegate forKey:task];
   [task resume];
   return task;
 }
diff --git a/Libraries/Network/RCTNetInfo.m b/Libraries/Network/RCTNetInfo.m
index f295c57dddb734..08ae677625d1df 100644
--- a/Libraries/Network/RCTNetInfo.m
+++ b/Libraries/Network/RCTNetInfo.m
@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTNetInfo.h"
+#import <React/RCTNetInfo.h>
 
-#if !TARGET_OS_TV
+#if !TARGET_OS_TV && !TARGET_OS_UIKITFORMAC
   #import <CoreTelephony/CTTelephonyNetworkInfo.h>
 #endif
 #import <React/RCTAssert.h>
@@ -148,7 +148,7 @@ - (BOOL)setReachabilityStatus:(SCNetworkReachabilityFlags)flags
     status = RCTReachabilityStateNone;
   }
   
-#if !TARGET_OS_TV && !TARGET_OS_OSX // TODO(macOS ISS#2323203)
+#if !TARGET_OS_TV && !TARGET_OS_UIKITFORMAC && !TARGET_OS_OSX
   
   else if ((flags & kSCNetworkReachabilityFlagsIsWWAN) != 0) {
     connectionType = RCTConnectionTypeCellular;
diff --git a/Libraries/Network/RCTNetwork.xcodeproj/project.pbxproj b/Libraries/Network/RCTNetwork.xcodeproj/project.pbxproj
deleted file mode 100644
index bce11b46fb2a1b..00000000000000
--- a/Libraries/Network/RCTNetwork.xcodeproj/project.pbxproj
+++ /dev/null
@@ -1,485 +0,0 @@
-// !$*UTF8*$!
-{
-	archiveVersion = 1;
-	classes = {
-	};
-	objectVersion = 46;
-	objects = {
-
-/* Begin PBXBuildFile section */
-		134E969A1BCEB7F800AFFDA1 /* RCTDataRequestHandler.m in Sources */ = {isa = PBXBuildFile; fileRef = 134E96991BCEB7F800AFFDA1 /* RCTDataRequestHandler.m */; };
-		1372B7371AB03E7B00659ED6 /* RCTNetInfo.m in Sources */ = {isa = PBXBuildFile; fileRef = 1372B7361AB03E7B00659ED6 /* RCTNetInfo.m */; };
-		13D6D66A1B5FCF8200883BE9 /* RCTNetworkTask.m in Sources */ = {isa = PBXBuildFile; fileRef = 13D6D6691B5FCF8200883BE9 /* RCTNetworkTask.m */; };
-		13EF800E1BCBE015003F47DD /* RCTFileRequestHandler.m in Sources */ = {isa = PBXBuildFile; fileRef = 13EF800D1BCBE015003F47DD /* RCTFileRequestHandler.m */; };
-		2D3B5F261D9B0EAB00451313 /* RCTNetworkTask.m in Sources */ = {isa = PBXBuildFile; fileRef = 13D6D6691B5FCF8200883BE9 /* RCTNetworkTask.m */; };
-		2D3B5F271D9B0EB400451313 /* RCTHTTPRequestHandler.mm in Sources */ = {isa = PBXBuildFile; fileRef = 352DA0B81B17855800AA15A8 /* RCTHTTPRequestHandler.mm */; };
-		2D3B5F281D9B0EB400451313 /* RCTFileRequestHandler.m in Sources */ = {isa = PBXBuildFile; fileRef = 13EF800D1BCBE015003F47DD /* RCTFileRequestHandler.m */; };
-		2D3B5F291D9B0EB400451313 /* RCTDataRequestHandler.m in Sources */ = {isa = PBXBuildFile; fileRef = 134E96991BCEB7F800AFFDA1 /* RCTDataRequestHandler.m */; };
-		2D3B5F2A1D9B0EB400451313 /* RCTNetInfo.m in Sources */ = {isa = PBXBuildFile; fileRef = 1372B7361AB03E7B00659ED6 /* RCTNetInfo.m */; };
-		2D3B5F2B1D9B0EB400451313 /* RCTNetworking.mm in Sources */ = {isa = PBXBuildFile; fileRef = 58B512071A9E6CE300147676 /* RCTNetworking.mm */; };
-		352DA0BA1B17855800AA15A8 /* RCTHTTPRequestHandler.mm in Sources */ = {isa = PBXBuildFile; fileRef = 352DA0B81B17855800AA15A8 /* RCTHTTPRequestHandler.mm */; };
-		58B512081A9E6CE300147676 /* RCTNetworking.mm in Sources */ = {isa = PBXBuildFile; fileRef = 58B512071A9E6CE300147676 /* RCTNetworking.mm */; };
-		649BF6D820190E380068273E /* RCTHTTPRequestHandler.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 352DA0B71B17855800AA15A8 /* RCTHTTPRequestHandler.h */; };
-		649BF6D920190E3C0068273E /* RCTFileRequestHandler.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13EF800C1BCBE015003F47DD /* RCTFileRequestHandler.h */; };
-		649BF6DA20190E3E0068273E /* RCTDataRequestHandler.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 134E96981BCEB7F800AFFDA1 /* RCTDataRequestHandler.h */; };
-		649BF6DD20190E690068273E /* RCTHTTPRequestHandler.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 352DA0B71B17855800AA15A8 /* RCTHTTPRequestHandler.h */; };
-		649BF6DE20190E6C0068273E /* RCTFileRequestHandler.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 13EF800C1BCBE015003F47DD /* RCTFileRequestHandler.h */; };
-		649BF6DF20190E6E0068273E /* RCTDataRequestHandler.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 134E96981BCEB7F800AFFDA1 /* RCTDataRequestHandler.h */; };
-		6BDE7A871ECB6E8400CC951F /* RCTNetworkTask.m in Sources */ = {isa = PBXBuildFile; fileRef = 13D6D6691B5FCF8200883BE9 /* RCTNetworkTask.m */; };
-		6BDE7A881ECB6E8400CC951F /* RCTFileRequestHandler.m in Sources */ = {isa = PBXBuildFile; fileRef = 13EF800D1BCBE015003F47DD /* RCTFileRequestHandler.m */; };
-		6BDE7A891ECB6E8400CC951F /* RCTDataRequestHandler.m in Sources */ = {isa = PBXBuildFile; fileRef = 134E96991BCEB7F800AFFDA1 /* RCTDataRequestHandler.m */; };
-		6BDE7A8A1ECB6E8400CC951F /* RCTNetInfo.m in Sources */ = {isa = PBXBuildFile; fileRef = 1372B7361AB03E7B00659ED6 /* RCTNetInfo.m */; };
-		6BDE7A8B1ECB6E8400CC951F /* RCTNetworking.mm in Sources */ = {isa = PBXBuildFile; fileRef = 58B512071A9E6CE300147676 /* RCTNetworking.mm */; };
-		6BDE7A8C1ECB6E8400CC951F /* RCTHTTPRequestHandler.mm in Sources */ = {isa = PBXBuildFile; fileRef = 352DA0B81B17855800AA15A8 /* RCTHTTPRequestHandler.mm */; };
-/* End PBXBuildFile section */
-
-/* Begin PBXCopyFilesBuildPhase section */
-		649BF6D720190E260068273E /* CopyFiles */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/RCTNetwork;
-			dstSubfolderSpec = 16;
-			files = (
-				649BF6D820190E380068273E /* RCTHTTPRequestHandler.h in CopyFiles */,
-				649BF6D920190E3C0068273E /* RCTFileRequestHandler.h in CopyFiles */,
-				649BF6DA20190E3E0068273E /* RCTDataRequestHandler.h in CopyFiles */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		649BF6DC20190E4C0068273E /* CopyFiles */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/RCTNetwork;
-			dstSubfolderSpec = 16;
-			files = (
-				649BF6DD20190E690068273E /* RCTHTTPRequestHandler.h in CopyFiles */,
-				649BF6DE20190E6C0068273E /* RCTFileRequestHandler.h in CopyFiles */,
-				649BF6DF20190E6E0068273E /* RCTDataRequestHandler.h in CopyFiles */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXCopyFilesBuildPhase section */
-
-/* Begin PBXFileReference section */
-		134E96981BCEB7F800AFFDA1 /* RCTDataRequestHandler.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTDataRequestHandler.h; sourceTree = "<group>"; };
-		134E96991BCEB7F800AFFDA1 /* RCTDataRequestHandler.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTDataRequestHandler.m; sourceTree = "<group>"; };
-		1372B7351AB03E7B00659ED6 /* RCTNetInfo.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTNetInfo.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		1372B7361AB03E7B00659ED6 /* RCTNetInfo.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; lineEnding = 0; path = RCTNetInfo.m; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objc; };
-		13D6D6681B5FCF8200883BE9 /* RCTNetworkTask.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTNetworkTask.h; sourceTree = "<group>"; };
-		13D6D6691B5FCF8200883BE9 /* RCTNetworkTask.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTNetworkTask.m; sourceTree = "<group>"; };
-		13EF800C1BCBE015003F47DD /* RCTFileRequestHandler.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTFileRequestHandler.h; sourceTree = "<group>"; };
-		13EF800D1BCBE015003F47DD /* RCTFileRequestHandler.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTFileRequestHandler.m; sourceTree = "<group>"; };
-		2D2A28541D9B044C00D4039D /* libRCTNetwork-tvOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libRCTNetwork-tvOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		352DA0B71B17855800AA15A8 /* RCTHTTPRequestHandler.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTHTTPRequestHandler.h; sourceTree = "<group>"; };
-		352DA0B81B17855800AA15A8 /* RCTHTTPRequestHandler.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTHTTPRequestHandler.mm; sourceTree = "<group>"; };
-		3D5FA63F1DE4B4790058FD77 /* RCTNetworking.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTNetworking.h; sourceTree = "<group>"; };
-		58B511DB1A9E6C8500147676 /* libRCTNetwork.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRCTNetwork.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		58B512071A9E6CE300147676 /* RCTNetworking.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTNetworking.mm; sourceTree = "<group>"; };
-		6BDE7A901ECB6E8400CC951F /* libRCTNetwork.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRCTNetwork.a; sourceTree = BUILT_PRODUCTS_DIR; };
-/* End PBXFileReference section */
-
-/* Begin PBXGroup section */
-		58B511D21A9E6C8500147676 = {
-			isa = PBXGroup;
-			children = (
-				13D6D6681B5FCF8200883BE9 /* RCTNetworkTask.h */,
-				13D6D6691B5FCF8200883BE9 /* RCTNetworkTask.m */,
-				352DA0B71B17855800AA15A8 /* RCTHTTPRequestHandler.h */,
-				352DA0B81B17855800AA15A8 /* RCTHTTPRequestHandler.mm */,
-				13EF800C1BCBE015003F47DD /* RCTFileRequestHandler.h */,
-				13EF800D1BCBE015003F47DD /* RCTFileRequestHandler.m */,
-				134E96981BCEB7F800AFFDA1 /* RCTDataRequestHandler.h */,
-				134E96991BCEB7F800AFFDA1 /* RCTDataRequestHandler.m */,
-				1372B7351AB03E7B00659ED6 /* RCTNetInfo.h */,
-				1372B7361AB03E7B00659ED6 /* RCTNetInfo.m */,
-				3D5FA63F1DE4B4790058FD77 /* RCTNetworking.h */,
-				58B512071A9E6CE300147676 /* RCTNetworking.mm */,
-				58B511DC1A9E6C8500147676 /* Products */,
-			);
-			indentWidth = 2;
-			sourceTree = "<group>";
-			tabWidth = 2;
-			usesTabs = 0;
-		};
-		58B511DC1A9E6C8500147676 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				58B511DB1A9E6C8500147676 /* libRCTNetwork.a */,
-				2D2A28541D9B044C00D4039D /* libRCTNetwork-tvOS.a */,
-				6BDE7A901ECB6E8400CC951F /* libRCTNetwork.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-/* End PBXGroup section */
-
-/* Begin PBXNativeTarget section */
-		2D2A28531D9B044C00D4039D /* RCTNetwork-tvOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 2D2A285C1D9B044C00D4039D /* Build configuration list for PBXNativeTarget "RCTNetwork-tvOS" */;
-			buildPhases = (
-				2D2A28501D9B044C00D4039D /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "RCTNetwork-tvOS";
-			productName = "RCTNetwork-tvOS";
-			productReference = 2D2A28541D9B044C00D4039D /* libRCTNetwork-tvOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		58B511DA1A9E6C8500147676 /* RCTNetwork */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "RCTNetwork" */;
-			buildPhases = (
-				58B511D71A9E6C8500147676 /* Sources */,
-				649BF6DC20190E4C0068273E /* CopyFiles */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = RCTNetwork;
-			productName = RCTDataManager;
-			productReference = 58B511DB1A9E6C8500147676 /* libRCTNetwork.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		6BDE7A851ECB6E8400CC951F /* RCTNetwork-macOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 6BDE7A8D1ECB6E8400CC951F /* Build configuration list for PBXNativeTarget "RCTNetwork-macOS" */;
-			buildPhases = (
-				6BDE7A861ECB6E8400CC951F /* Sources */,
-				649BF6D720190E260068273E /* CopyFiles */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "RCTNetwork-macOS";
-			productName = RCTDataManager;
-			productReference = 6BDE7A901ECB6E8400CC951F /* libRCTNetwork.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-/* End PBXNativeTarget section */
-
-/* Begin PBXProject section */
-		58B511D31A9E6C8500147676 /* Project object */ = {
-			isa = PBXProject;
-			attributes = {
-				LastUpgradeCheck = 0940;
-				ORGANIZATIONNAME = Facebook;
-				TargetAttributes = {
-					2D2A28531D9B044C00D4039D = {
-						CreatedOnToolsVersion = 8.0;
-						ProvisioningStyle = Automatic;
-					};
-					58B511DA1A9E6C8500147676 = {
-						CreatedOnToolsVersion = 6.1.1;
-					};
-				};
-			};
-			buildConfigurationList = 58B511D61A9E6C8500147676 /* Build configuration list for PBXProject "RCTNetwork" */;
-			compatibilityVersion = "Xcode 3.2";
-			developmentRegion = English;
-			hasScannedForEncodings = 0;
-			knownRegions = (
-				en,
-			);
-			mainGroup = 58B511D21A9E6C8500147676;
-			productRefGroup = 58B511DC1A9E6C8500147676 /* Products */;
-			projectDirPath = "";
-			projectRoot = "";
-			targets = (
-				58B511DA1A9E6C8500147676 /* RCTNetwork */,
-				6BDE7A851ECB6E8400CC951F /* RCTNetwork-macOS */,
-				2D2A28531D9B044C00D4039D /* RCTNetwork-tvOS */,
-			);
-		};
-/* End PBXProject section */
-
-/* Begin PBXSourcesBuildPhase section */
-		2D2A28501D9B044C00D4039D /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				2D3B5F2A1D9B0EB400451313 /* RCTNetInfo.m in Sources */,
-				2D3B5F261D9B0EAB00451313 /* RCTNetworkTask.m in Sources */,
-				2D3B5F281D9B0EB400451313 /* RCTFileRequestHandler.m in Sources */,
-				2D3B5F271D9B0EB400451313 /* RCTHTTPRequestHandler.mm in Sources */,
-				2D3B5F2B1D9B0EB400451313 /* RCTNetworking.mm in Sources */,
-				2D3B5F291D9B0EB400451313 /* RCTDataRequestHandler.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		58B511D71A9E6C8500147676 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				13D6D66A1B5FCF8200883BE9 /* RCTNetworkTask.m in Sources */,
-				13EF800E1BCBE015003F47DD /* RCTFileRequestHandler.m in Sources */,
-				134E969A1BCEB7F800AFFDA1 /* RCTDataRequestHandler.m in Sources */,
-				1372B7371AB03E7B00659ED6 /* RCTNetInfo.m in Sources */,
-				58B512081A9E6CE300147676 /* RCTNetworking.mm in Sources */,
-				352DA0BA1B17855800AA15A8 /* RCTHTTPRequestHandler.mm in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		6BDE7A861ECB6E8400CC951F /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				6BDE7A871ECB6E8400CC951F /* RCTNetworkTask.m in Sources */,
-				6BDE7A881ECB6E8400CC951F /* RCTFileRequestHandler.m in Sources */,
-				6BDE7A891ECB6E8400CC951F /* RCTDataRequestHandler.m in Sources */,
-				6BDE7A8A1ECB6E8400CC951F /* RCTNetInfo.m in Sources */,
-				6BDE7A8B1ECB6E8400CC951F /* RCTNetworking.mm in Sources */,
-				6BDE7A8C1ECB6E8400CC951F /* RCTHTTPRequestHandler.mm in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXSourcesBuildPhase section */
-
-/* Begin XCBuildConfiguration section */
-		2D2A285A1D9B044C00D4039D /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				ENABLE_TESTABILITY = YES;
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Debug;
-		};
-		2D2A285B1D9B044C00D4039D /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Release;
-		};
-		58B511ED1A9E6C8500147676 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				ENABLE_TESTABILITY = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_DYNAMIC_NO_PIC = NO;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_OPTIMIZATION_LEVEL = 0;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"$(inherited)",
-				);
-				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = YES;
-				ONLY_ACTIVE_ARCH = YES;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-				);
-			};
-			name = Debug;
-		};
-		58B511EE1A9E6C8500147676 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = YES;
-				ENABLE_NS_ASSERTIONS = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = NO;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				VALIDATE_PRODUCT = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-				);
-			};
-			name = Release;
-		};
-		58B511F01A9E6C8500147676 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTNetwork;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-			};
-			name = Debug;
-		};
-		58B511F11A9E6C8500147676 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTNetwork;
-			};
-			name = Release;
-		};
-		6BDE7A8E1ECB6E8400CC951F /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTNetwork;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-				SDKROOT = macosx;
-			};
-			name = Debug;
-		};
-		6BDE7A8F1ECB6E8400CC951F /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTNetwork;
-				SDKROOT = macosx;
-			};
-			name = Release;
-		};
-/* End XCBuildConfiguration section */
-
-/* Begin XCConfigurationList section */
-		2D2A285C1D9B044C00D4039D /* Build configuration list for PBXNativeTarget "RCTNetwork-tvOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				2D2A285A1D9B044C00D4039D /* Debug */,
-				2D2A285B1D9B044C00D4039D /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		58B511D61A9E6C8500147676 /* Build configuration list for PBXProject "RCTNetwork" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				58B511ED1A9E6C8500147676 /* Debug */,
-				58B511EE1A9E6C8500147676 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "RCTNetwork" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				58B511F01A9E6C8500147676 /* Debug */,
-				58B511F11A9E6C8500147676 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		6BDE7A8D1ECB6E8400CC951F /* Build configuration list for PBXNativeTarget "RCTNetwork-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				6BDE7A8E1ECB6E8400CC951F /* Debug */,
-				6BDE7A8F1ECB6E8400CC951F /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-/* End XCConfigurationList section */
-	};
-	rootObject = 58B511D31A9E6C8500147676 /* Project object */;
-}
diff --git a/Libraries/Network/RCTNetworking.android.js b/Libraries/Network/RCTNetworking.android.js
index 89435e2714cf9a..c809b8dcdd3a18 100644
--- a/Libraries/Network/RCTNetworking.android.js
+++ b/Libraries/Network/RCTNetworking.android.js
@@ -13,8 +13,7 @@
 // Do not require the native RCTNetworking module directly! Use this wrapper module instead.
 // It will add the necessary requestId, so that you don't have to generate it yourself.
 const NativeEventEmitter = require('../EventEmitter/NativeEventEmitter');
-const RCTNetworkingNative = require('../BatchedBridge/NativeModules')
-  .Networking;
+import NativeNetworkingAndroid from './NativeNetworkingAndroid';
 const convertRequestBody = require('./convertRequestBody');
 
 import type {RequestBody} from './convertRequestBody';
@@ -42,7 +41,7 @@ function generateRequestId(): number {
  */
 class RCTNetworking extends NativeEventEmitter {
   constructor() {
-    super(RCTNetworkingNative);
+    super(NativeNetworkingAndroid);
   }
 
   sendRequest(
@@ -54,7 +53,7 @@ class RCTNetworking extends NativeEventEmitter {
     responseType: 'text' | 'base64',
     incrementalUpdates: boolean,
     timeout: number,
-    callback: (requestId: number) => any,
+    callback: (requestId: number) => mixed,
     withCredentials: boolean,
   ) {
     const body = convertRequestBody(data);
@@ -65,7 +64,7 @@ class RCTNetworking extends NativeEventEmitter {
       }));
     }
     const requestId = generateRequestId();
-    RCTNetworkingNative.sendRequest(
+    NativeNetworkingAndroid.sendRequest(
       method,
       url,
       requestId,
@@ -80,11 +79,11 @@ class RCTNetworking extends NativeEventEmitter {
   }
 
   abortRequest(requestId: number) {
-    RCTNetworkingNative.abortRequest(requestId);
+    NativeNetworkingAndroid.abortRequest(requestId);
   }
 
   clearCookies(callback: (result: boolean) => any) {
-    RCTNetworkingNative.clearCookies(callback);
+    NativeNetworkingAndroid.clearCookies(callback);
   }
 }
 
diff --git a/Libraries/Network/RCTNetworking.js b/Libraries/Network/RCTNetworking.js
index 99b4c88fa2f800..7bf9af76709132 100644
--- a/Libraries/Network/RCTNetworking.js
+++ b/Libraries/Network/RCTNetworking.js
@@ -13,17 +13,16 @@
 'use strict';
 
 const NativeEventEmitter = require('../EventEmitter/NativeEventEmitter');
-const RCTNetworkingNative = require('../BatchedBridge/NativeModules')
-  .Networking;
-const convertRequestBody = require('./convertRequestBody');
 
-import type {RequestBody} from './convertRequestBody';
+const convertRequestBody = require('./convertRequestBody');
 
+import NativeNetworkingIOS from './NativeNetworkingIOS';
 import type {NativeResponseType} from './XMLHttpRequest';
+import type {RequestBody} from './convertRequestBody';
 
 class RCTNetworking extends NativeEventEmitter {
   constructor() {
-    super(RCTNetworkingNative);
+    super(NativeNetworkingIOS);
   }
 
   sendRequest(
@@ -35,11 +34,11 @@ class RCTNetworking extends NativeEventEmitter {
     responseType: NativeResponseType,
     incrementalUpdates: boolean,
     timeout: number,
-    callback: (requestId: number) => any,
+    callback: (requestId: number) => void,
     withCredentials: boolean,
   ) {
     const body = convertRequestBody(data);
-    RCTNetworkingNative.sendRequest(
+    NativeNetworkingIOS.sendRequest(
       {
         method,
         url,
@@ -55,12 +54,12 @@ class RCTNetworking extends NativeEventEmitter {
   }
 
   abortRequest(requestId: number) {
-    RCTNetworkingNative.abortRequest(requestId);
+    NativeNetworkingIOS.abortRequest(requestId);
   }
 
-  clearCookies(callback: (result: boolean) => any) {
-    RCTNetworkingNative.clearCookies(callback);
+  clearCookies(callback: (result: boolean) => void) {
+    NativeNetworkingIOS.clearCookies(callback);
   }
 }
 
-module.exports = new RCTNetworking();
+module.exports = (new RCTNetworking(): RCTNetworking);
diff --git a/Libraries/Network/RCTNetworking.mm b/Libraries/Network/RCTNetworking.mm
index a17d0d3de56d56..193e3c52796507 100644
--- a/Libraries/Network/RCTNetworking.mm
+++ b/Libraries/Network/RCTNetworking.mm
@@ -16,7 +16,7 @@
 #import <React/RCTNetworking.h>
 #import <React/RCTUtils.h>
 
-#import "RCTHTTPRequestHandler.h"
+#import <React/RCTHTTPRequestHandler.h>
 
 typedef RCTURLRequestCancellationBlock (^RCTHTTPQueryResult)(NSError *error, NSDictionary<NSString *, id> *result);
 
diff --git a/Libraries/Network/React-RCTNetwork.podspec b/Libraries/Network/React-RCTNetwork.podspec
index b63a97f6873cc7..5e29c9ea16230d 100644
--- a/Libraries/Network/React-RCTNetwork.podspec
+++ b/Libraries/Network/React-RCTNetwork.podspec
@@ -26,9 +26,9 @@ Pod::Spec.new do |s|
   s.author                 = "Facebook, Inc. and its affiliates"
   s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.14" } # TODO(macOS GH#214)
   s.source                 = source
-  s.source_files           = "*.{h,m,mm}"
+  s.source_files           = "*.{m,mm}"
   s.preserve_paths         = "package.json", "LICENSE", "LICENSE-docs"
-  s.header_dir             = "React"
+  s.header_dir             = "RCTNetwork"
 
-  s.dependency "React-Core", version
+  s.dependency "React-Core/RCTNetworkHeaders", version
 end
diff --git a/Libraries/Network/XMLHttpRequest.js b/Libraries/Network/XMLHttpRequest.js
index f0f507cd873895..14e06222b684d8 100644
--- a/Libraries/Network/XMLHttpRequest.js
+++ b/Libraries/Network/XMLHttpRequest.js
@@ -10,13 +10,13 @@
 
 'use strict';
 
+const BlobManager = require('../Blob/BlobManager');
 const EventTarget = require('event-target-shim');
 const RCTNetworking = require('./RCTNetworking');
 
 const base64 = require('base64-js');
 const invariant = require('invariant');
 const warning = require('fbjs/lib/warning');
-const BlobManager = require('../Blob/BlobManager');
 
 export type NativeResponseType = 'base64' | 'blob' | 'text';
 export type ResponseType =
@@ -73,7 +73,7 @@ const REQUEST_EVENTS = [
 
 const XHR_EVENTS = REQUEST_EVENTS.concat('readystatechange');
 
-class XMLHttpRequestEventTarget extends EventTarget(...REQUEST_EVENTS) {
+class XMLHttpRequestEventTarget extends (EventTarget(...REQUEST_EVENTS): any) {
   onload: ?Function;
   onloadstart: ?Function;
   onprogress: ?Function;
@@ -86,7 +86,7 @@ class XMLHttpRequestEventTarget extends EventTarget(...REQUEST_EVENTS) {
 /**
  * Shared base for platform-specific XMLHttpRequest implementations.
  */
-class XMLHttpRequest extends EventTarget(...XHR_EVENTS) {
+class XMLHttpRequest extends (EventTarget(...XHR_EVENTS): any) {
   static UNSENT: number = UNSENT;
   static OPENED: number = OPENED;
   static HEADERS_RECEIVED: number = HEADERS_RECEIVED;
diff --git a/Libraries/Network/__tests__/XMLHttpRequest-test.js b/Libraries/Network/__tests__/XMLHttpRequest-test.js
index bfe4be6aa0ce99..0e610763f427a8 100644
--- a/Libraries/Network/__tests__/XMLHttpRequest-test.js
+++ b/Libraries/Network/__tests__/XMLHttpRequest-test.js
@@ -37,6 +37,11 @@ jest
       },
       abortRequest: function() {},
     },
+    PlatformConstants: {
+      getConstants() {
+        return {};
+      },
+    },
   });
 
 const XMLHttpRequest = require('../XMLHttpRequest');
diff --git a/Libraries/Network/fetch.js b/Libraries/Network/fetch.js
index 66687e70de2035..65a02b9ee4d428 100644
--- a/Libraries/Network/fetch.js
+++ b/Libraries/Network/fetch.js
@@ -11,10 +11,8 @@
 
 'use strict';
 
-const whatwg = require('whatwg-fetch');
+// side-effectful require() to put fetch,
+// Headers, Request, Response in global scope
+require('whatwg-fetch');
 
-if (whatwg && whatwg.fetch) {
-  module.exports = whatwg;
-} else {
-  module.exports = {fetch, Headers, Request, Response};
-}
+module.exports = {fetch, Headers, Request, Response};
diff --git a/Libraries/NewAppScreen/components/DebugInstructions.js b/Libraries/NewAppScreen/components/DebugInstructions.js
index da690642e53088..7549235c01ef0b 100644
--- a/Libraries/NewAppScreen/components/DebugInstructions.js
+++ b/Libraries/NewAppScreen/components/DebugInstructions.js
@@ -8,8 +8,9 @@
  * @format
  */
 
-import React from 'react';
+import type {Node} from 'react';
 import {Platform, StyleSheet, Text} from 'react-native';
+import React from 'react';
 
 const styles = StyleSheet.create({
   highlight: {
@@ -17,10 +18,10 @@ const styles = StyleSheet.create({
   },
 });
 
-const DebugInstructions = Platform.select({
+const DebugInstructions: () => Node = Platform.select({
   ios: () => (
     <Text>
-      Press <Text style={styles.highlight}>Cmd+D</Text> in the simulator or{' '}
+      Press <Text style={styles.highlight}>Cmd + D</Text> in the simulator or{' '}
       <Text style={styles.highlight}>Shake</Text> your device to open the React
       Native debug menu.
     </Text>
@@ -34,7 +35,7 @@ const DebugInstructions = Platform.select({
   // ]TODO(macOS ISS#2323203)
   default: () => (
     <Text>
-      Press <Text style={styles.highlight}>menu button</Text> or{' '}
+      Press <Text style={styles.highlight}>Cmd or Ctrl + M</Text> or{' '}
       <Text style={styles.highlight}>Shake</Text> your device to open the React
       Native debug menu.
     </Text>
diff --git a/Libraries/NewAppScreen/components/Header.js b/Libraries/NewAppScreen/components/Header.js
index f1f5cf9f050fd4..06d01101f78658 100644
--- a/Libraries/NewAppScreen/components/Header.js
+++ b/Libraries/NewAppScreen/components/Header.js
@@ -9,12 +9,12 @@
  */
 
 'use strict';
-
-import React from 'react';
-import {Text, StyleSheet, ImageBackground} from 'react-native';
 import Colors from './Colors';
+import type {Node} from 'react';
+import {Text, StyleSheet, ImageBackground} from 'react-native';
+import React from 'react';
 
-const Header = () => (
+const Header = (): Node => (
   <ImageBackground
     accessibilityRole={'image'}
     source={require('./logo.png')}
diff --git a/Libraries/NewAppScreen/components/LearnMoreLinks.js b/Libraries/NewAppScreen/components/LearnMoreLinks.js
index da43a28ed77074..1d63f141ebe255 100644
--- a/Libraries/NewAppScreen/components/LearnMoreLinks.js
+++ b/Libraries/NewAppScreen/components/LearnMoreLinks.js
@@ -9,11 +9,11 @@
  */
 
 'use strict';
-
-import React from 'react';
-import {View, Text, StyleSheet, TouchableOpacity} from 'react-native';
-import openURLInBrowser from 'react-native/Libraries/Core/Devtools/openURLInBrowser';
 import Colors from './Colors';
+import type {Node} from 'react';
+import openURLInBrowser from 'react-native/Libraries/Core/Devtools/openURLInBrowser';
+import {View, Text, StyleSheet, TouchableOpacity} from 'react-native';
+import React from 'react';
 
 const links = [
   {
@@ -62,7 +62,7 @@ const links = [
   },
 ];
 
-const LinkList = () => (
+const LinkList = (): Node => (
   <View style={styles.container}>
     {links.map((item, index) => {
       return (
diff --git a/Libraries/NewAppScreen/components/ReloadInstructions.js b/Libraries/NewAppScreen/components/ReloadInstructions.js
index 406ce6c00c762f..114335a4b531d3 100644
--- a/Libraries/NewAppScreen/components/ReloadInstructions.js
+++ b/Libraries/NewAppScreen/components/ReloadInstructions.js
@@ -8,8 +8,9 @@
  * @format
  */
 
-import React from 'react';
+import type {Node} from 'react';
 import {Platform, StyleSheet, Text} from 'react-native';
+import React from 'react';
 
 const styles = StyleSheet.create({
   highlight: {
@@ -17,10 +18,10 @@ const styles = StyleSheet.create({
   },
 });
 
-const ReloadInstructions = Platform.select({
+const ReloadInstructions: () => Node = Platform.select({
   ios: () => (
     <Text>
-      Press <Text style={styles.highlight}>Cmd+R</Text> in the simulator to
+      Press <Text style={styles.highlight}>Cmd + R</Text> in the simulator to
       reload your app's code.
     </Text>
   ),
diff --git a/Libraries/Performance/NativeJSCSamplingProfiler.js b/Libraries/Performance/NativeJSCSamplingProfiler.js
new file mode 100644
index 00000000000000..a40e8e301520b8
--- /dev/null
+++ b/Libraries/Performance/NativeJSCSamplingProfiler.js
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+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);
diff --git a/Libraries/Performance/QuickPerformanceLogger.js b/Libraries/Performance/QuickPerformanceLogger.js
index 2fdafbb8481689..23ae5b30d25ed4 100644
--- a/Libraries/Performance/QuickPerformanceLogger.js
+++ b/Libraries/Performance/QuickPerformanceLogger.js
@@ -35,17 +35,6 @@ const QuickPerformanceLogger = {
     }
   },
 
-  markerNote(
-    markerId: number,
-    actionId: number,
-    instanceKey: number = DUMMY_INSTANCE_KEY,
-    timestamp: number = AUTO_SET_TIMESTAMP,
-  ): void {
-    if (global.nativeQPLMarkerNote) {
-      global.nativeQPLMarkerNote(markerId, instanceKey, actionId, timestamp);
-    }
-  },
-
   markerTag(
     markerId: number,
     tag: string,
diff --git a/Libraries/Performance/SamplingProfiler.js b/Libraries/Performance/SamplingProfiler.js
index cce9cb9596b467..2808f83ebddaec 100644
--- a/Libraries/Performance/SamplingProfiler.js
+++ b/Libraries/Performance/SamplingProfiler.js
@@ -28,8 +28,11 @@ const SamplingProfiler = {
       error = e.toString();
     }
 
-    const {JSCSamplingProfiler} = require('../BatchedBridge/NativeModules');
-    JSCSamplingProfiler.operationComplete(token, result, error);
+    const NativeJSCSamplingProfiler = require('./NativeJSCSamplingProfiler')
+      .default;
+    if (NativeJSCSamplingProfiler) {
+      NativeJSCSamplingProfiler.operationComplete(token, result, error);
+    }
   },
 };
 
diff --git a/Libraries/PermissionsAndroid/NativePermissionsAndroid.js b/Libraries/PermissionsAndroid/NativePermissionsAndroid.js
new file mode 100644
index 00000000000000..685cb56be00e6d
--- /dev/null
+++ b/Libraries/PermissionsAndroid/NativePermissionsAndroid.js
@@ -0,0 +1,59 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {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_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'
+  | 'android.permission.USE_SIP'
+  | 'android.permission.PROCESS_OUTGOING_CALLS'
+  | 'android.permission.BODY_SENSORS'
+  | '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.WRITE_EXTERNAL_STORAGE';
+*/
+
+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/Libraries/PermissionsAndroid/PermissionsAndroid.js b/Libraries/PermissionsAndroid/PermissionsAndroid.js
index ae35e07cac6073..9ba1624c62b852 100644
--- a/Libraries/PermissionsAndroid/PermissionsAndroid.js
+++ b/Libraries/PermissionsAndroid/PermissionsAndroid.js
@@ -10,7 +10,15 @@
 
 'use strict';
 
-const NativeModules = require('../BatchedBridge/NativeModules');
+const Platform = require('../Utilities/Platform');
+
+import NativeDialogManagerAndroid from '../NativeModules/specs/NativeDialogManagerAndroid';
+import NativePermissionsAndroid from './NativePermissionsAndroid';
+import type {
+  PermissionStatus,
+  PermissionType,
+} from './NativePermissionsAndroid';
+import invariant from 'invariant';
 
 export type Rationale = {
   title: string,
@@ -20,7 +28,39 @@ export type Rationale = {
   buttonNeutral?: string,
 };
 
-type PermissionStatus = 'granted' | 'denied' | 'never_ask_again';
+const PERMISSION_REQUEST_RESULT = Object.freeze({
+  GRANTED: 'granted',
+  DENIED: 'denied',
+  NEVER_ASK_AGAIN: 'never_ask_again',
+});
+
+const PERMISSIONS = Object.freeze({
+  READ_CALENDAR: 'android.permission.READ_CALENDAR',
+  WRITE_CALENDAR: 'android.permission.WRITE_CALENDAR',
+  CAMERA: 'android.permission.CAMERA',
+  READ_CONTACTS: 'android.permission.READ_CONTACTS',
+  WRITE_CONTACTS: 'android.permission.WRITE_CONTACTS',
+  GET_ACCOUNTS: 'android.permission.GET_ACCOUNTS',
+  ACCESS_FINE_LOCATION: 'android.permission.ACCESS_FINE_LOCATION',
+  ACCESS_COARSE_LOCATION: 'android.permission.ACCESS_COARSE_LOCATION',
+  RECORD_AUDIO: 'android.permission.RECORD_AUDIO',
+  READ_PHONE_STATE: 'android.permission.READ_PHONE_STATE',
+  CALL_PHONE: 'android.permission.CALL_PHONE',
+  READ_CALL_LOG: 'android.permission.READ_CALL_LOG',
+  WRITE_CALL_LOG: 'android.permission.WRITE_CALL_LOG',
+  ADD_VOICEMAIL: 'com.android.voicemail.permission.ADD_VOICEMAIL',
+  USE_SIP: 'android.permission.USE_SIP',
+  PROCESS_OUTGOING_CALLS: 'android.permission.PROCESS_OUTGOING_CALLS',
+  BODY_SENSORS: 'android.permission.BODY_SENSORS',
+  SEND_SMS: 'android.permission.SEND_SMS',
+  RECEIVE_SMS: 'android.permission.RECEIVE_SMS',
+  READ_SMS: 'android.permission.READ_SMS',
+  RECEIVE_WAP_PUSH: 'android.permission.RECEIVE_WAP_PUSH',
+  RECEIVE_MMS: 'android.permission.RECEIVE_MMS',
+  READ_EXTERNAL_STORAGE: 'android.permission.READ_EXTERNAL_STORAGE',
+  WRITE_EXTERNAL_STORAGE: 'android.permission.WRITE_EXTERNAL_STORAGE',
+});
+
 /**
  * `PermissionsAndroid` provides access to Android M's new permissions model.
  *
@@ -28,46 +68,37 @@ type PermissionStatus = 'granted' | 'denied' | 'never_ask_again';
  */
 
 class PermissionsAndroid {
-  PERMISSIONS: Object;
-  RESULTS: Object;
-
-  constructor() {
-    /**
-     * A list of specified "dangerous" permissions that require prompting the user
-     */
-    this.PERMISSIONS = {
-      READ_CALENDAR: 'android.permission.READ_CALENDAR',
-      WRITE_CALENDAR: 'android.permission.WRITE_CALENDAR',
-      CAMERA: 'android.permission.CAMERA',
-      READ_CONTACTS: 'android.permission.READ_CONTACTS',
-      WRITE_CONTACTS: 'android.permission.WRITE_CONTACTS',
-      GET_ACCOUNTS: 'android.permission.GET_ACCOUNTS',
-      ACCESS_FINE_LOCATION: 'android.permission.ACCESS_FINE_LOCATION',
-      ACCESS_COARSE_LOCATION: 'android.permission.ACCESS_COARSE_LOCATION',
-      RECORD_AUDIO: 'android.permission.RECORD_AUDIO',
-      READ_PHONE_STATE: 'android.permission.READ_PHONE_STATE',
-      CALL_PHONE: 'android.permission.CALL_PHONE',
-      READ_CALL_LOG: 'android.permission.READ_CALL_LOG',
-      WRITE_CALL_LOG: 'android.permission.WRITE_CALL_LOG',
-      ADD_VOICEMAIL: 'com.android.voicemail.permission.ADD_VOICEMAIL',
-      USE_SIP: 'android.permission.USE_SIP',
-      PROCESS_OUTGOING_CALLS: 'android.permission.PROCESS_OUTGOING_CALLS',
-      BODY_SENSORS: 'android.permission.BODY_SENSORS',
-      SEND_SMS: 'android.permission.SEND_SMS',
-      RECEIVE_SMS: 'android.permission.RECEIVE_SMS',
-      READ_SMS: 'android.permission.READ_SMS',
-      RECEIVE_WAP_PUSH: 'android.permission.RECEIVE_WAP_PUSH',
-      RECEIVE_MMS: 'android.permission.RECEIVE_MMS',
-      READ_EXTERNAL_STORAGE: 'android.permission.READ_EXTERNAL_STORAGE',
-      WRITE_EXTERNAL_STORAGE: 'android.permission.WRITE_EXTERNAL_STORAGE',
-    };
-
-    this.RESULTS = {
-      GRANTED: 'granted',
-      DENIED: 'denied',
-      NEVER_ASK_AGAIN: 'never_ask_again',
-    };
-  }
+  PERMISSIONS: {|
+    ACCESS_COARSE_LOCATION: string,
+    ACCESS_FINE_LOCATION: string,
+    ADD_VOICEMAIL: string,
+    BODY_SENSORS: string,
+    CALL_PHONE: string,
+    CAMERA: string,
+    GET_ACCOUNTS: string,
+    PROCESS_OUTGOING_CALLS: string,
+    READ_CALENDAR: string,
+    READ_CALL_LOG: string,
+    READ_CONTACTS: string,
+    READ_EXTERNAL_STORAGE: 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,
+    WRITE_CALENDAR: string,
+    WRITE_CALL_LOG: string,
+    WRITE_CONTACTS: string,
+    WRITE_EXTERNAL_STORAGE: string,
+  |} = PERMISSIONS;
+  RESULTS: {|
+    DENIED: $TEMPORARY$string<'denied'>,
+    GRANTED: $TEMPORARY$string<'granted'>,
+    NEVER_ASK_AGAIN: $TEMPORARY$string<'never_ask_again'>,
+  |} = PERMISSION_REQUEST_RESULT;
 
   /**
    * DEPRECATED - use check
@@ -77,11 +108,23 @@ class PermissionsAndroid {
    *
    * @deprecated
    */
-  checkPermission(permission: string): Promise<boolean> {
+  checkPermission(permission: PermissionType): Promise<boolean> {
     console.warn(
       '"PermissionsAndroid.checkPermission" is deprecated. Use "PermissionsAndroid.check" instead',
     );
-    return NativeModules.PermissionsAndroid.checkPermission(permission);
+    if (Platform.OS !== 'android') {
+      console.warn(
+        '"PermissionsAndroid" module works only for Android platform.',
+      );
+      return Promise.resolve(false);
+    }
+
+    invariant(
+      NativePermissionsAndroid,
+      'PermissionsAndroid is not installed correctly.',
+    );
+
+    return NativePermissionsAndroid.checkPermission(permission);
   }
 
   /**
@@ -90,8 +133,20 @@ class PermissionsAndroid {
    *
    * See https://facebook.github.io/react-native/docs/permissionsandroid.html#check
    */
-  check(permission: string): Promise<boolean> {
-    return NativeModules.PermissionsAndroid.checkPermission(permission);
+  check(permission: PermissionType): Promise<boolean> {
+    if (Platform.OS !== 'android') {
+      console.warn(
+        '"PermissionsAndroid" module works only for Android platform.',
+      );
+      return Promise.resolve(false);
+    }
+
+    invariant(
+      NativePermissionsAndroid,
+      'PermissionsAndroid is not installed correctly.',
+    );
+
+    return NativePermissionsAndroid.checkPermission(permission);
   }
 
   /**
@@ -109,12 +164,19 @@ class PermissionsAndroid {
    * @deprecated
    */
   async requestPermission(
-    permission: string,
+    permission: PermissionType,
     rationale?: Rationale,
   ): Promise<boolean> {
     console.warn(
       '"PermissionsAndroid.requestPermission" is deprecated. Use "PermissionsAndroid.request" instead',
     );
+    if (Platform.OS !== 'android') {
+      console.warn(
+        '"PermissionsAndroid" module works only for Android platform.',
+      );
+      return Promise.resolve(false);
+    }
+
     const response = await this.request(permission, rationale);
     return response === this.RESULTS.GRANTED;
   }
@@ -126,28 +188,41 @@ class PermissionsAndroid {
    * See https://facebook.github.io/react-native/docs/permissionsandroid.html#request
    */
   async request(
-    permission: string,
+    permission: PermissionType,
     rationale?: Rationale,
   ): Promise<PermissionStatus> {
+    if (Platform.OS !== 'android') {
+      console.warn(
+        '"PermissionsAndroid" module works only for Android platform.',
+      );
+      return Promise.resolve(this.RESULTS.DENIED);
+    }
+
+    invariant(
+      NativePermissionsAndroid,
+      'PermissionsAndroid is not installed correctly.',
+    );
+
     if (rationale) {
-      const shouldShowRationale = await NativeModules.PermissionsAndroid.shouldShowRequestPermissionRationale(
+      const shouldShowRationale = await NativePermissionsAndroid.shouldShowRequestPermissionRationale(
         permission,
       );
 
-      if (shouldShowRationale) {
+      if (shouldShowRationale && !!NativeDialogManagerAndroid) {
         return new Promise((resolve, reject) => {
-          NativeModules.DialogManagerAndroid.showAlert(
-            rationale,
+          const options = {
+            ...rationale,
+          };
+          NativeDialogManagerAndroid.showAlert(
+            options,
             () => reject(new Error('Error showing rationale')),
             () =>
-              resolve(
-                NativeModules.PermissionsAndroid.requestPermission(permission),
-              ),
+              resolve(NativePermissionsAndroid.requestPermission(permission)),
           );
         });
       }
     }
-    return NativeModules.PermissionsAndroid.requestPermission(permission);
+    return NativePermissionsAndroid.requestPermission(permission);
   }
 
   /**
@@ -158,11 +233,21 @@ class PermissionsAndroid {
    * See https://facebook.github.io/react-native/docs/permissionsandroid.html#requestmultiple
    */
   requestMultiple(
-    permissions: Array<string>,
-  ): Promise<{[permission: string]: PermissionStatus}> {
-    return NativeModules.PermissionsAndroid.requestMultiplePermissions(
-      permissions,
+    permissions: Array<PermissionType>,
+  ): Promise<{[permission: PermissionType]: PermissionStatus}> {
+    if (Platform.OS !== 'android') {
+      console.warn(
+        '"PermissionsAndroid" module works only for Android platform.',
+      );
+      return Promise.resolve({});
+    }
+
+    invariant(
+      NativePermissionsAndroid,
+      'PermissionsAndroid is not installed correctly.',
     );
+
+    return NativePermissionsAndroid.requestMultiplePermissions(permissions);
   }
 }
 
diff --git a/Libraries/PushNotificationIOS/NativePushNotificationManagerIOS.js b/Libraries/PushNotificationIOS/NativePushNotificationManagerIOS.js
new file mode 100644
index 00000000000000..8eb5095163681c
--- /dev/null
+++ b/Libraries/PushNotificationIOS/NativePushNotificationManagerIOS.js
@@ -0,0 +1,74 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 '../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,
+|};
+
+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;
+  +addListener: (eventType: string) => void;
+  +removeListeners: (count: number) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>(
+  'PushNotificationManager',
+): ?Spec);
diff --git a/Libraries/PushNotificationIOS/PushNotificationIOS.js b/Libraries/PushNotificationIOS/PushNotificationIOS.js
index bd3e39db32ed5e..8a2a67332aab4b 100644
--- a/Libraries/PushNotificationIOS/PushNotificationIOS.js
+++ b/Libraries/PushNotificationIOS/PushNotificationIOS.js
@@ -11,13 +11,12 @@
 'use strict';
 
 const NativeEventEmitter = require('../EventEmitter/NativeEventEmitter');
-const Platform = require('../Utilities/Platform'); // TODO(macOS ISS#2323203)
-const RCTPushNotificationManager = require('../BatchedBridge/NativeModules')
-  .PushNotificationManager;
+import {Platform} from 'react-native'; // TODO(macOS ISS#2323203)
+import NativePushNotificationManagerIOS from './NativePushNotificationManagerIOS';
 const invariant = require('invariant');
 
 const PushNotificationEmitter = new NativeEventEmitter(
-  RCTPushNotificationManager,
+  NativePushNotificationManagerIOS,
 );
 
 const _notifHandlers = new Map();
@@ -93,7 +92,11 @@ class PushNotificationIOS {
    * See https://facebook.github.io/react-native/docs/pushnotificationios.html#presentlocalnotification
    */
   static presentLocalNotification(details: Object) {
-    RCTPushNotificationManager.presentLocalNotification(details);
+    invariant(
+      NativePushNotificationManagerIOS,
+      'PushNotificationManager is not available.',
+    );
+    NativePushNotificationManagerIOS.presentLocalNotification(details);
   }
 
   /**
@@ -102,7 +105,11 @@ class PushNotificationIOS {
    * See https://facebook.github.io/react-native/docs/pushnotificationios.html#schedulelocalnotification
    */
   static scheduleLocalNotification(details: Object) {
-    RCTPushNotificationManager.scheduleLocalNotification(details);
+    invariant(
+      NativePushNotificationManagerIOS,
+      'PushNotificationManager is not available.',
+    );
+    NativePushNotificationManagerIOS.scheduleLocalNotification(details);
   }
 
   /**
@@ -111,7 +118,11 @@ class PushNotificationIOS {
    * See https://facebook.github.io/react-native/docs/pushnotificationios.html#cancelalllocalnotifications
    */
   static cancelAllLocalNotifications() {
-    RCTPushNotificationManager.cancelAllLocalNotifications();
+    invariant(
+      NativePushNotificationManagerIOS,
+      'PushNotificationManager is not available.',
+    );
+    NativePushNotificationManagerIOS.cancelAllLocalNotifications();
   }
 
   /**
@@ -120,7 +131,11 @@ class PushNotificationIOS {
    * See https://facebook.github.io/react-native/docs/pushnotificationios.html#removealldeliverednotifications
    */
   static removeAllDeliveredNotifications(): void {
-    RCTPushNotificationManager.removeAllDeliveredNotifications();
+    invariant(
+      NativePushNotificationManagerIOS,
+      'PushNotificationManager is not available.',
+    );
+    NativePushNotificationManagerIOS.removeAllDeliveredNotifications();
   }
 
   /**
@@ -131,7 +146,11 @@ class PushNotificationIOS {
   static getDeliveredNotifications(
     callback: (notifications: Array<Object>) => void,
   ): void {
-    RCTPushNotificationManager.getDeliveredNotifications(callback);
+    invariant(
+      NativePushNotificationManagerIOS,
+      'PushNotificationManager is not available.',
+    );
+    NativePushNotificationManagerIOS.getDeliveredNotifications(callback);
   }
 
   /**
@@ -140,7 +159,11 @@ class PushNotificationIOS {
    * See https://facebook.github.io/react-native/docs/pushnotificationios.html#removedeliverednotifications
    */
   static removeDeliveredNotifications(identifiers: Array<string>): void {
-    RCTPushNotificationManager.removeDeliveredNotifications(identifiers);
+    invariant(
+      NativePushNotificationManagerIOS,
+      'PushNotificationManager is not available.',
+    );
+    NativePushNotificationManagerIOS.removeDeliveredNotifications(identifiers);
   }
 
   /**
@@ -149,7 +172,11 @@ class PushNotificationIOS {
    * See https://facebook.github.io/react-native/docs/pushnotificationios.html#setapplicationiconbadgenumber
    */
   static setApplicationIconBadgeNumber(number: number) {
-    RCTPushNotificationManager.setApplicationIconBadgeNumber(number);
+    invariant(
+      NativePushNotificationManagerIOS,
+      'PushNotificationManager is not available.',
+    );
+    NativePushNotificationManagerIOS.setApplicationIconBadgeNumber(number);
   }
 
   /**
@@ -158,7 +185,11 @@ class PushNotificationIOS {
    * See https://facebook.github.io/react-native/docs/pushnotificationios.html#getapplicationiconbadgenumber
    */
   static getApplicationIconBadgeNumber(callback: Function) {
-    RCTPushNotificationManager.getApplicationIconBadgeNumber(callback);
+    invariant(
+      NativePushNotificationManagerIOS,
+      'PushNotificationManager is not available.',
+    );
+    NativePushNotificationManagerIOS.getApplicationIconBadgeNumber(callback);
   }
 
   /**
@@ -167,7 +198,11 @@ class PushNotificationIOS {
    * See https://facebook.github.io/react-native/docs/pushnotificationios.html#cancellocalnotification
    */
   static cancelLocalNotifications(userInfo: Object) {
-    RCTPushNotificationManager.cancelLocalNotifications(userInfo);
+    invariant(
+      NativePushNotificationManagerIOS,
+      'PushNotificationManager is not available.',
+    );
+    NativePushNotificationManagerIOS.cancelLocalNotifications(userInfo);
   }
 
   /**
@@ -176,7 +211,11 @@ class PushNotificationIOS {
    * See https://facebook.github.io/react-native/docs/pushnotificationios.html#getscheduledlocalnotifications
    */
   static getScheduledLocalNotifications(callback: Function) {
-    RCTPushNotificationManager.getScheduledLocalNotifications(callback);
+    invariant(
+      NativePushNotificationManagerIOS,
+      'PushNotificationManager is not available.',
+    );
+    NativePushNotificationManagerIOS.getScheduledLocalNotifications(callback);
   }
 
   /**
@@ -282,7 +321,13 @@ class PushNotificationIOS {
         sound: true,
       };
     }
-    return RCTPushNotificationManager.requestPermissions(requestedPermissions);
+    invariant(
+      NativePushNotificationManagerIOS,
+      'PushNotificationManager is not available.',
+    );
+    return NativePushNotificationManagerIOS.requestPermissions(
+      requestedPermissions,
+    );
   }
 
   /**
@@ -291,7 +336,11 @@ class PushNotificationIOS {
    * See https://facebook.github.io/react-native/docs/pushnotificationios.html#abandonpermissions
    */
   static abandonPermissions() {
-    RCTPushNotificationManager.abandonPermissions();
+    invariant(
+      NativePushNotificationManagerIOS,
+      'PushNotificationManager is not available.',
+    );
+    NativePushNotificationManagerIOS.abandonPermissions();
   }
 
   /**
@@ -302,7 +351,11 @@ class PushNotificationIOS {
    */
   static checkPermissions(callback: Function) {
     invariant(typeof callback === 'function', 'Must provide a valid callback');
-    RCTPushNotificationManager.checkPermissions(callback);
+    invariant(
+      NativePushNotificationManagerIOS,
+      'PushNotificationManager is not available.',
+    );
+    NativePushNotificationManagerIOS.checkPermissions(callback);
   }
 
   /**
@@ -312,7 +365,11 @@ class PushNotificationIOS {
    * See https://facebook.github.io/react-native/docs/pushnotificationios.html#getinitialnotification
    */
   static getInitialNotification(): Promise<?PushNotificationIOS> {
-    return RCTPushNotificationManager.getInitialNotification().then(
+    invariant(
+      NativePushNotificationManagerIOS,
+      'PushNotificationManager is not available.',
+    );
+    return NativePushNotificationManagerIOS.getInitialNotification().then(
       notification => {
         return notification && new PushNotificationIOS(notification);
       },
@@ -376,7 +433,11 @@ class PushNotificationIOS {
     }
     this._remoteNotificationCompleteCallbackCalled = true;
 
-    RCTPushNotificationManager.onFinishRemoteNotification(
+    invariant(
+      NativePushNotificationManagerIOS,
+      'PushNotificationManager is not available.',
+    );
+    NativePushNotificationManagerIOS.onFinishRemoteNotification(
       this._notificationId,
       fetchResult,
     );
diff --git a/Libraries/PushNotificationIOS/RCTPushNotification.xcodeproj/project.pbxproj b/Libraries/PushNotificationIOS/RCTPushNotification.xcodeproj/project.pbxproj
deleted file mode 100644
index d029211d319dac..00000000000000
--- a/Libraries/PushNotificationIOS/RCTPushNotification.xcodeproj/project.pbxproj
+++ /dev/null
@@ -1,464 +0,0 @@
-// !$*UTF8*$!
-{
-	archiveVersion = 1;
-	classes = {
-	};
-	objectVersion = 46;
-	objects = {
-
-/* Begin PBXBuildFile section */
-		148699CF1ABD045300480536 /* RCTPushNotificationManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 148699CE1ABD045300480536 /* RCTPushNotificationManager.m */; };
-		3D0574931DE6009C00184BB4 /* RCTPushNotificationManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 148699CE1ABD045300480536 /* RCTPushNotificationManager.m */; };
-		6424F7A61F669A3A0025D741 /* RCTPushNotificationManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 148699CE1ABD045300480536 /* RCTPushNotificationManager.m */; };
-/* End PBXBuildFile section */
-
-/* Begin PBXCopyFilesBuildPhase section */
-		3D05745D1DE6004600184BB4 /* CopyFiles */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = "include/$(PRODUCT_NAME)";
-			dstSubfolderSpec = 16;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		58B511D91A9E6C8500147676 /* CopyFiles */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = "include/$(PRODUCT_NAME)";
-			dstSubfolderSpec = 16;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		6424F7A81F669A3A0025D741 /* CopyFiles */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = "include/$(PRODUCT_NAME)";
-			dstSubfolderSpec = 16;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXCopyFilesBuildPhase section */
-
-/* Begin PBXFileReference section */
-		134814201AA4EA6300B7C361 /* libRCTPushNotification.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRCTPushNotification.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		148699CD1ABD045300480536 /* RCTPushNotificationManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTPushNotificationManager.h; sourceTree = "<group>"; };
-		148699CE1ABD045300480536 /* RCTPushNotificationManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTPushNotificationManager.m; sourceTree = "<group>"; };
-		3D05745F1DE6004600184BB4 /* libRCTPushNotification-tvOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libRCTPushNotification-tvOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		6424F7AC1F669A3A0025D741 /* libRCTPushNotification-macOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libRCTPushNotification-macOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-/* End PBXFileReference section */
-
-/* Begin PBXFrameworksBuildPhase section */
-		3D05745C1DE6004600184BB4 /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		58B511D81A9E6C8500147676 /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		6424F7A71F669A3A0025D741 /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXFrameworksBuildPhase section */
-
-/* Begin PBXGroup section */
-		134814211AA4EA7D00B7C361 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				134814201AA4EA6300B7C361 /* libRCTPushNotification.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		58B511D21A9E6C8500147676 = {
-			isa = PBXGroup;
-			children = (
-				148699CD1ABD045300480536 /* RCTPushNotificationManager.h */,
-				148699CE1ABD045300480536 /* RCTPushNotificationManager.m */,
-				134814211AA4EA7D00B7C361 /* Products */,
-				3D05745F1DE6004600184BB4 /* libRCTPushNotification-tvOS.a */,
-				6424F7AC1F669A3A0025D741 /* libRCTPushNotification-macOS.a */,
-			);
-			indentWidth = 2;
-			sourceTree = "<group>";
-			tabWidth = 2;
-			usesTabs = 0;
-		};
-/* End PBXGroup section */
-
-/* Begin PBXNativeTarget section */
-		3D05745E1DE6004600184BB4 /* RCTPushNotification-tvOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 3D0574671DE6004600184BB4 /* Build configuration list for PBXNativeTarget "RCTPushNotification-tvOS" */;
-			buildPhases = (
-				3D05745B1DE6004600184BB4 /* Sources */,
-				3D05745C1DE6004600184BB4 /* Frameworks */,
-				3D05745D1DE6004600184BB4 /* CopyFiles */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "RCTPushNotification-tvOS";
-			productName = "RCTPushNotification-tvOS";
-			productReference = 3D05745F1DE6004600184BB4 /* libRCTPushNotification-tvOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		58B511DA1A9E6C8500147676 /* RCTPushNotification */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "RCTPushNotification" */;
-			buildPhases = (
-				58B511D71A9E6C8500147676 /* Sources */,
-				58B511D81A9E6C8500147676 /* Frameworks */,
-				58B511D91A9E6C8500147676 /* CopyFiles */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = RCTPushNotification;
-			productName = RCTDataManager;
-			productReference = 134814201AA4EA6300B7C361 /* libRCTPushNotification.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		6424F7A41F669A3A0025D741 /* RCTPushNotification-macOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 6424F7A91F669A3A0025D741 /* Build configuration list for PBXNativeTarget "RCTPushNotification-macOS" */;
-			buildPhases = (
-				6424F7A51F669A3A0025D741 /* Sources */,
-				6424F7A71F669A3A0025D741 /* Frameworks */,
-				6424F7A81F669A3A0025D741 /* CopyFiles */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "RCTPushNotification-macOS";
-			productName = RCTDataManager;
-			productReference = 6424F7AC1F669A3A0025D741 /* libRCTPushNotification-macOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-/* End PBXNativeTarget section */
-
-/* Begin PBXProject section */
-		58B511D31A9E6C8500147676 /* Project object */ = {
-			isa = PBXProject;
-			attributes = {
-				LastUpgradeCheck = 0940;
-				ORGANIZATIONNAME = Facebook;
-				TargetAttributes = {
-					3D05745E1DE6004600184BB4 = {
-						CreatedOnToolsVersion = 8.1;
-						ProvisioningStyle = Automatic;
-					};
-					58B511DA1A9E6C8500147676 = {
-						CreatedOnToolsVersion = 6.1.1;
-					};
-				};
-			};
-			buildConfigurationList = 58B511D61A9E6C8500147676 /* Build configuration list for PBXProject "RCTPushNotification" */;
-			compatibilityVersion = "Xcode 3.2";
-			developmentRegion = English;
-			hasScannedForEncodings = 0;
-			knownRegions = (
-				en,
-			);
-			mainGroup = 58B511D21A9E6C8500147676;
-			productRefGroup = 58B511D21A9E6C8500147676;
-			projectDirPath = "";
-			projectRoot = "";
-			targets = (
-				58B511DA1A9E6C8500147676 /* RCTPushNotification */,
-				3D05745E1DE6004600184BB4 /* RCTPushNotification-tvOS */,
-				6424F7A41F669A3A0025D741 /* RCTPushNotification-macOS */,
-			);
-		};
-/* End PBXProject section */
-
-/* Begin PBXSourcesBuildPhase section */
-		3D05745B1DE6004600184BB4 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				3D0574931DE6009C00184BB4 /* RCTPushNotificationManager.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		58B511D71A9E6C8500147676 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				148699CF1ABD045300480536 /* RCTPushNotificationManager.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		6424F7A51F669A3A0025D741 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				6424F7A61F669A3A0025D741 /* RCTPushNotificationManager.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXSourcesBuildPhase section */
-
-/* Begin XCBuildConfiguration section */
-		3D0574651DE6004600184BB4 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				ENABLE_TESTABILITY = YES;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"$(inherited)",
-				);
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Debug;
-		};
-		3D0574661DE6004600184BB4 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Release;
-		};
-		58B511ED1A9E6C8500147676 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				ENABLE_TESTABILITY = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_DYNAMIC_NO_PIC = NO;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_OPTIMIZATION_LEVEL = 0;
-				GCC_PREPROCESSOR_DEFINITIONS = "DEBUG=1";
-				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = YES;
-				ONLY_ACTIVE_ARCH = YES;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-				);
-			};
-			name = Debug;
-		};
-		58B511EE1A9E6C8500147676 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = YES;
-				ENABLE_NS_ASSERTIONS = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_PREPROCESSOR_DEFINITIONS = "";
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = NO;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				VALIDATE_PRODUCT = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-				);
-			};
-			name = Release;
-		};
-		58B511F01A9E6C8500147676 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				GCC_PREPROCESSOR_DEFINITIONS = "$(inherited)";
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTPushNotification;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-			};
-			name = Debug;
-		};
-		58B511F11A9E6C8500147676 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTPushNotification;
-			};
-			name = Release;
-		};
-		6424F7AA1F669A3A0025D741 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				GCC_PREPROCESSOR_DEFINITIONS = "$(inherited)";
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				RUN_CLANG_STATIC_ANALYZER = YES;
-				SDKROOT = macosx;
-			};
-			name = Debug;
-		};
-		6424F7AB1F669A3A0025D741 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = macosx;
-			};
-			name = Release;
-		};
-/* End XCBuildConfiguration section */
-
-/* Begin XCConfigurationList section */
-		3D0574671DE6004600184BB4 /* Build configuration list for PBXNativeTarget "RCTPushNotification-tvOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				3D0574651DE6004600184BB4 /* Debug */,
-				3D0574661DE6004600184BB4 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		58B511D61A9E6C8500147676 /* Build configuration list for PBXProject "RCTPushNotification" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				58B511ED1A9E6C8500147676 /* Debug */,
-				58B511EE1A9E6C8500147676 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "RCTPushNotification" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				58B511F01A9E6C8500147676 /* Debug */,
-				58B511F11A9E6C8500147676 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		6424F7A91F669A3A0025D741 /* Build configuration list for PBXNativeTarget "RCTPushNotification-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				6424F7AA1F669A3A0025D741 /* Debug */,
-				6424F7AB1F669A3A0025D741 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-/* End XCConfigurationList section */
-	};
-	rootObject = 58B511D31A9E6C8500147676 /* Project object */;
-}
diff --git a/Libraries/PushNotificationIOS/RCTPushNotificationManager.h b/Libraries/PushNotificationIOS/RCTPushNotificationManager.h
index 5af7626d67cfc6..bf3a23b03db98f 100644
--- a/Libraries/PushNotificationIOS/RCTPushNotificationManager.h
+++ b/Libraries/PushNotificationIOS/RCTPushNotificationManager.h
@@ -11,14 +11,14 @@ extern NSString *const RCTRemoteNotificationReceived;
 
 @interface RCTPushNotificationManager : RCTEventEmitter
 
-#if !TARGET_OS_OSX // [TODO(macOS ISS#2323203)
+#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 typedef void (^RCTRemoteNotificationCallback)(UIBackgroundFetchResult result);
-#endif // ]TODO(macOS ISS#2323203)
+#endif // TODO(macOS ISS#2323203)
 
-#if !TARGET_OS_TV
-#if !TARGET_OS_OSX // [TODO(macOS ISS#2323203)
+#if !TARGET_OS_TV && !TARGET_OS_UIKITFORMAC
+#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 + (void)didRegisterUserNotificationSettings:(UIUserNotificationSettings *)notificationSettings;
-#endif // ]TODO(macOS ISS#2323203)
+#endif // TODO(macOS ISS#2323203)
 + (void)didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken;
 + (void)didReceiveRemoteNotification:(NSDictionary *)notification;
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
diff --git a/Libraries/PushNotificationIOS/RCTPushNotificationManager.m b/Libraries/PushNotificationIOS/RCTPushNotificationManager.m
index 53b10c430a7bbc..796cd6faf2e5eb 100644
--- a/Libraries/PushNotificationIOS/RCTPushNotificationManager.m
+++ b/Libraries/PushNotificationIOS/RCTPushNotificationManager.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTPushNotificationManager.h"
+#import <React/RCTPushNotificationManager.h>
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 #import <UserNotifications/UserNotifications.h>
@@ -25,7 +25,7 @@
 
 static NSString *const kErrorUnableToRequestPermissions = @"E_UNABLE_TO_REQUEST_PERMISSIONS";
 
-#if !TARGET_OS_TV
+#if !TARGET_OS_TV && !TARGET_OS_UIKITFORMAC
 @implementation RCTConvert (NSCalendarUnit)
 
 RCT_ENUM_CONVERTER(NSCalendarUnit,
@@ -117,14 +117,14 @@ + (NSUserNotification *)NSUserNotification:(id)json
 #endif // TODO(macOS ISS#2323203)
 
 @end
-#endif //TARGET_OS_TV
+#endif //TARGET_OS_TV / TARGET_OS_UIKITFORMAC
 
 @implementation RCTPushNotificationManager
 {
   RCTPromiseResolveBlock _requestPermissionsResolveBlock;
 }
 
-#if !TARGET_OS_TV && !TARGET_OS_OSX // TODO(macOS ISS#2323203)
+#if !TARGET_OS_TV && !TARGET_OS_UIKITFORMAC && !TARGET_OS_OSX
 
 static NSDictionary *RCTFormatLocalNotification(UILocalNotification *notification)
 {
@@ -168,7 +168,7 @@ @implementation RCTPushNotificationManager
   return formattedNotification;
 }
 
-#endif //TARGET_OS_TV
+#endif //TARGET_OS_TV / TARGET_OS_UIKITFORMAC
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
 
 static NSDictionary *RCTFormatUserNotification(NSUserNotification *notification)
@@ -197,7 +197,7 @@ - (dispatch_queue_t)methodQueue
   return dispatch_get_main_queue();
 }
 
-#if !TARGET_OS_TV
+#if !TARGET_OS_TV && !TARGET_OS_UIKITFORMAC
 - (void)startObserving
 {
   [[NSNotificationCenter defaultCenter] addObserver:self
@@ -673,13 +673,13 @@ - (void)handleRegisterUserNotificationSettings:(NSNotification *)notification
 #endif // ]TODO(macOS ISS#2323203)
 }
 
-#else //TARGET_OS_TV
+#else //TARGET_OS_TV / TARGET_OS_UIKITFORMAC
 
 - (NSArray<NSString *> *)supportedEvents
 {
   return @[];
 }
 
-#endif //TARGET_OS_TV
+#endif //TARGET_OS_TV / TARGET_OS_UIKITFORMAC
 
 @end
diff --git a/Libraries/PushNotificationIOS/React-RCTPushNotification.podspec b/Libraries/PushNotificationIOS/React-RCTPushNotification.podspec
index 993505505f0916..2ff1341b900f3b 100644
--- a/Libraries/PushNotificationIOS/React-RCTPushNotification.podspec
+++ b/Libraries/PushNotificationIOS/React-RCTPushNotification.podspec
@@ -27,9 +27,9 @@ Pod::Spec.new do |s|
   s.author                 = "Facebook, Inc. and its affiliates"
   s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.14" } # TODO(macOS GH#214)
   s.source                 = source
-  s.source_files           = "*.{h,m}"
+  s.source_files           = "*.{m}"
   s.preserve_paths         = "package.json", "LICENSE", "LICENSE-docs"
-  s.header_dir             = "React"
+  s.header_dir             = "RCTPushNotification"
 
-  s.dependency "React-Core", version
+  s.dependency "React-Core/RCTPushNotificationHeaders", version
 end
diff --git a/Libraries/RCTRequired/BUCK b/Libraries/RCTRequired/BUCK
new file mode 100644
index 00000000000000..e1cab5cee394e0
--- /dev/null
+++ b/Libraries/RCTRequired/BUCK
@@ -0,0 +1,8 @@
+load("//tools/build_defs/oss:rn_defs.bzl", "fb_apple_library")
+
+fb_apple_library(
+    name = "RCTRequired",
+    autoglob = True,
+    contacts = ["oncall+react_native@xmail.facebook.com"],
+    frameworks = ["Foundation"],
+)
diff --git a/React/React-DevSupport.podspec b/Libraries/RCTRequired/RCTRequired.podspec
similarity index 74%
rename from React/React-DevSupport.podspec
rename to Libraries/RCTRequired/RCTRequired.podspec
index 2e5a8b02745862..95b1a9e0d0558a 100644
--- a/React/React-DevSupport.podspec
+++ b/Libraries/RCTRequired/RCTRequired.podspec
@@ -6,7 +6,7 @@
 
 require "json"
 
-package = JSON.parse(File.read(File.join(__dir__, "..", "package.json")))
+package = JSON.parse(File.read(File.join(__dir__, "..", "..", "package.json")))
 version = package['version']
 
 source = { :git => 'https://github.com/facebook/react-native.git' }
@@ -18,7 +18,7 @@ else
 end
 
 Pod::Spec.new do |s|
-  s.name                   = "React-DevSupport"
+  s.name                   = "RCTRequired"
   s.version                = version
   s.summary                = "-"  # TODO
   s.homepage               = "http://facebook.github.io/react-native/"
@@ -26,10 +26,6 @@ Pod::Spec.new do |s|
   s.author                 = "Facebook, Inc. and its affiliates"
   s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.14" } # TODO(macOS GH#214)
   s.source                 = source
-  s.source_files           = "DevSupport/*",
-                             "Inspector/*"
-  s.header_dir             = "React"
-
-  s.dependency "React-Core", version
-  s.dependency "React-RCTWebSocket", version
+  s.source_files           = "**/*.{c,h,m,mm,cpp}"
+  s.header_dir             = "RCTRequired"
 end
diff --git a/Libraries/RCTRequired/RCTRequired/RCTRequired.h b/Libraries/RCTRequired/RCTRequired/RCTRequired.h
new file mode 100644
index 00000000000000..798769512e6e18
--- /dev/null
+++ b/Libraries/RCTRequired/RCTRequired/RCTRequired.h
@@ -0,0 +1,77 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <utility>
+
+// The inliner doesn't take into account ARC optimizations that may occur after
+// inlining when computing the inline cost of an ObjC++ function. Here we make
+// the inlining decisions to avoid unnecessary code bloat. In effect RCTRequired
+// is a cost-free abstraction in non-DEBUG mode. In DEBUG mode we don't force
+// inlining for ease of debugging.
+#if DEBUG
+#define RCTREQUIRED_INLINE inline
+#else
+#define RCTREQUIRED_INLINE __attribute__((always_inline)) inline
+#endif
+
+/**
+ RCTRequired<T> uses the compiler to enforce definition of a struct member (primitives, pointers, or objects).
+
+ Internally, we use an implicit constructor without a default, so there has to be an initial value.
+
+ Usage:
+ @code
+ struct S {
+ RCTRequired<int> i;
+ RCTRequired<NSString *> str;
+ NSString *optionalStr;
+ };
+
+ S options = {
+ .i = 0,                // warning if omitted
+ .str = @"Hello World", // warning if omitted
+ };
+ @endcode
+ */
+template <typename T>
+struct RCTRequired {
+  /// Pass-through constructor (allows for implicit conversion) for wrapped type T
+  template<typename... Args>
+  RCTREQUIRED_INLINE
+  RCTRequired(Args&&... args): _t(std::forward<Args>(args)...) {
+    static_assert(sizeof...(Args) > 0, "Required struct member not initialized. Expand assert trace to see where this was triggered.");
+  }
+
+  RCTREQUIRED_INLINE
+  RCTRequired(const RCTRequired&) = default;
+  RCTREQUIRED_INLINE
+  RCTRequired(RCTRequired&&) = default;
+
+  RCTREQUIRED_INLINE
+  RCTRequired& operator=(const RCTRequired&) = default;
+  RCTREQUIRED_INLINE
+  RCTRequired& operator=(RCTRequired&&) = default;
+
+  RCTREQUIRED_INLINE
+  ~RCTRequired() = default;
+
+  /// Public accessor for private storage (Use when implicit conversion is impracticable)
+  RCTREQUIRED_INLINE
+  const T &get() const { return _t; }
+  RCTREQUIRED_INLINE
+  T &get() { return _t; }
+
+
+  // Implicit conversion
+  RCTREQUIRED_INLINE
+  operator T() const { return _t; }
+  RCTREQUIRED_INLINE
+  operator T&() { return _t; }
+
+private:
+  T _t;
+};
diff --git a/Libraries/ReactNative/AppContainer.js b/Libraries/ReactNative/AppContainer.js
index 8e83050154702b..39d3374a864a1d 100644
--- a/Libraries/ReactNative/AppContainer.js
+++ b/Libraries/ReactNative/AppContainer.js
@@ -15,6 +15,7 @@ const PropTypes = require('prop-types');
 const RCTDeviceEventEmitter = require('../EventEmitter/RCTDeviceEventEmitter');
 const React = require('react');
 const ReactNative = require('../Renderer/shims/ReactNative');
+const RootTagContext = require('./RootTagContext');
 const StyleSheet = require('../StyleSheet/StyleSheet');
 const View = require('../Components/View/View');
 
@@ -41,7 +42,9 @@ class AppContainer extends React.Component<Props, State> {
   _mainRef: ?React.ElementRef<typeof View>;
   _subscription: ?EmitterSubscription = null;
 
-  static childContextTypes = {
+  static childContextTypes:
+    | any
+    | $TEMPORARY$object<{|rootTag: React$PropType$Primitive<number>|}> = {
     rootTag: PropTypes.number,
   };
 
@@ -112,11 +115,13 @@ class AppContainer extends React.Component<Props, State> {
       innerView = <Wrapper>{innerView}</Wrapper>;
     }
     return (
-      <View style={styles.appContainer} pointerEvents="box-none">
-        {innerView}
-        {yellowBox}
-        {this.state.inspector}
-      </View>
+      <RootTagContext.Provider value={this.props.rootTag}>
+        <View style={styles.appContainer} pointerEvents="box-none">
+          {innerView}
+          {yellowBox}
+          {this.state.inspector}
+        </View>
+      </RootTagContext.Provider>
     );
   }
 }
diff --git a/Libraries/ReactNative/AppRegistry.js b/Libraries/ReactNative/AppRegistry.js
index 3fa755e3d98490..683bfd565c188c 100644
--- a/Libraries/ReactNative/AppRegistry.js
+++ b/Libraries/ReactNative/AppRegistry.js
@@ -11,7 +11,6 @@
 
 const BatchedBridge = require('../BatchedBridge/BatchedBridge');
 const BugReporting = require('../BugReporting/BugReporting');
-const NativeModules = require('../BatchedBridge/NativeModules');
 const ReactNative = require('../Renderer/shims/ReactNative');
 const SceneTracker = require('../Utilities/SceneTracker');
 
@@ -21,6 +20,9 @@ const renderApplication = require('./renderApplication');
 const createPerformanceLogger = require('../Utilities/createPerformanceLogger');
 import type {IPerformanceLogger} from '../Utilities/createPerformanceLogger';
 
+import NativeHeadlessJsTaskSupport from './NativeHeadlessJsTaskSupport';
+import HeadlessJsTaskError from './HeadlessJsTaskError';
+
 type Task = (taskData: any) => Promise<void>;
 type TaskProvider = () => Task;
 type TaskCanceller = () => void;
@@ -177,17 +179,7 @@ const AppRegistry = {
    */
   runApplication(appKey: string, appParameters: any): void {
     const msg =
-      'Running application "' +
-      appKey +
-      '" with appParams: ' +
-      JSON.stringify(appParameters) +
-      '. ' +
-      '__DEV__ === ' +
-      String(__DEV__) +
-      ', development-level warning are ' +
-      (__DEV__ ? 'ON' : 'OFF') +
-      ', performance optimizations are ' +
-      (__DEV__ ? 'OFF' : 'ON');
+      'Running "' + appKey + '" with ' + JSON.stringify(appParameters);
     infoLog(msg);
     BugReporting.addSource(
       'AppRegistry.runApplication' + runCount++,
@@ -195,18 +187,10 @@ const AppRegistry = {
     );
     invariant(
       runnables[appKey] && runnables[appKey].run,
-      'Application ' +
-        appKey +
-        ' has not been registered.\n\n' +
-        "Hint: This error often happens when you're running the packager " +
-        '(local dev server) from a wrong folder. For example you have ' +
-        'multiple apps and the packager is still running for the app you ' +
-        'were working on before.\nIf this is the case, simply kill the old ' +
-        'packager instance (e.g. close the packager terminal window) ' +
-        'and start the packager in the correct app folder (e.g. cd into app ' +
-        "folder and run 'npm start').\n\n" +
-        'This error can also happen due to a require() error during ' +
-        'initialization or failure to call AppRegistry.registerComponent.\n\n',
+      `"${appKey}" has not been registered. This can happen if:\n` +
+        '* Metro (the local dev server) is run from the wrong folder. ' +
+        'Check if Metro is running, stop it and restart it in the current project.\n' +
+        "* A module failed to load due to an error and `AppRegistry.registerComponent` wasn't called.",
     );
 
     SceneTracker.setActiveScene({name: appKey});
@@ -261,16 +245,32 @@ const AppRegistry = {
     const taskProvider = taskProviders.get(taskKey);
     if (!taskProvider) {
       console.warn(`No task registered for key ${taskKey}`);
-      NativeModules.HeadlessJsTaskSupport.notifyTaskFinished(taskId);
+      if (NativeHeadlessJsTaskSupport) {
+        NativeHeadlessJsTaskSupport.notifyTaskFinished(taskId);
+      }
       return;
     }
     taskProvider()(data)
-      .then(() =>
-        NativeModules.HeadlessJsTaskSupport.notifyTaskFinished(taskId),
-      )
+      .then(() => {
+        if (NativeHeadlessJsTaskSupport) {
+          NativeHeadlessJsTaskSupport.notifyTaskFinished(taskId);
+        }
+      })
       .catch(reason => {
         console.error(reason);
-        NativeModules.HeadlessJsTaskSupport.notifyTaskFinished(taskId);
+
+        if (
+          NativeHeadlessJsTaskSupport &&
+          reason instanceof HeadlessJsTaskError
+        ) {
+          NativeHeadlessJsTaskSupport.notifyTaskRetry(taskId).then(
+            retryPosted => {
+              if (!retryPosted) {
+                NativeHeadlessJsTaskSupport.notifyTaskFinished(taskId);
+              }
+            },
+          );
+        }
       });
   },
 
diff --git a/Libraries/ReactNative/DummyUIManager.js b/Libraries/ReactNative/DummyUIManager.js
new file mode 100644
index 00000000000000..fb2a774b916fd9
--- /dev/null
+++ b/Libraries/ReactNative/DummyUIManager.js
@@ -0,0 +1,119 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+'use strict';
+
+module.exports = {
+  getViewManagerConfig: (viewManagerName: string): null => {
+    console.warn(
+      'Attempting to get config for view manager: ' + viewManagerName,
+    );
+    return null;
+  },
+  getConstants: (): $TEMPORARY$object<{||}> => ({}),
+  getConstantsForViewManager: (viewManagerName: string) => {},
+  getDefaultEventTypes: (): Array<$FlowFixMe> => [],
+  playTouchSound: () => {},
+  lazilyLoadView: (name: string) => {},
+  createView: (
+    reactTag: ?number,
+    viewName: string,
+    rootTag: number,
+    props: Object,
+  ) => {},
+  updateView: (reactTag: number, viewName: string, props: Object) => {},
+  focus: (reactTag: ?number) => {},
+  blur: (reactTag: ?number) => {},
+  findSubviewIn: (
+    reactTag: ?number,
+    point: Array<number>,
+    callback: (
+      nativeViewTag: number,
+      left: number,
+      top: number,
+      width: number,
+      height: number,
+    ) => void,
+  ) => {},
+  dispatchViewManagerCommand: (
+    reactTag: ?number,
+    commandID: number,
+    commandArgs: ?Array<string | number | boolean>,
+  ) => {},
+  measure: (
+    reactTag: ?number,
+    callback: (
+      left: number,
+      top: number,
+      width: number,
+      height: number,
+      pageX: number,
+      pageY: number,
+    ) => void,
+  ) => {},
+  measureInWindow: (
+    reactTag: ?number,
+    callback: (x: number, y: number, width: number, height: number) => void,
+  ) => {},
+  viewIsDescendantOf: (
+    reactTag: ?number,
+    ancestorReactTag: ?number,
+    callback: (result: Array<boolean>) => void,
+  ) => {},
+  measureLayout: (
+    reactTag: ?number,
+    ancestorReactTag: ?number,
+    errorCallback: (error: Object) => void,
+    callback: (
+      left: number,
+      top: number,
+      width: number,
+      height: number,
+    ) => void,
+  ) => {},
+  measureLayoutRelativeToParent: (
+    reactTag: ?number,
+    errorCallback: (error: Object) => void,
+    callback: (
+      left: number,
+      top: number,
+      width: number,
+      height: number,
+    ) => void,
+  ) => {},
+  setJSResponder: (reactTag: ?number, blockNativeResponder: boolean) => {},
+  clearJSResponder: () => {},
+  configureNextLayoutAnimation: (
+    config: Object,
+    callback: () => void,
+    errorCallback: (error: Object) => void,
+  ) => {},
+  removeSubviewsFromContainerWithID: (containerID: number) => {},
+  replaceExistingNonRootView: (reactTag: ?number, newReactTag: ?number) => {},
+  setChildren: (containerTag: ?number, reactTags: Array<number>) => {},
+  manageChildren: (
+    containerTag: ?number,
+    moveFromIndices: Array<number>,
+    moveToIndices: Array<number>,
+    addChildReactTags: Array<number>,
+    addAtIndices: Array<number>,
+    removeAtIndices: Array<number>,
+  ) => {},
+
+  // Android only
+  setLayoutAnimationEnabledExperimental: (enabled: boolean) => {},
+  sendAccessibilityEvent: (reactTag: ?number, eventType: number) => {},
+  showPopupMenu: (
+    reactTag: ?number,
+    items: Array<string>,
+    error: (error: Object) => void,
+    success: (event: string, selected?: number) => void,
+  ) => {},
+  dismissPopupMenu: () => {},
+};
diff --git a/Libraries/CameraRoll/__mocks__/CameraRoll.js b/Libraries/ReactNative/HeadlessJsTaskError.js
similarity index 79%
rename from Libraries/CameraRoll/__mocks__/CameraRoll.js
rename to Libraries/ReactNative/HeadlessJsTaskError.js
index 5094bdc7290099..0f85e138bb5a5f 100644
--- a/Libraries/CameraRoll/__mocks__/CameraRoll.js
+++ b/Libraries/ReactNative/HeadlessJsTaskError.js
@@ -9,6 +9,4 @@
  */
 'use strict';
 
-const CameraRoll = {};
-
-export default CameraRoll;
+export default class HeadlessJsTaskError extends Error {}
diff --git a/Libraries/ReactNative/I18nManager.js b/Libraries/ReactNative/I18nManager.js
index da2767a842068f..94133b1dd1f421 100644
--- a/Libraries/ReactNative/I18nManager.js
+++ b/Libraries/ReactNative/I18nManager.js
@@ -9,21 +9,47 @@
  */
 'use strict';
 
-type I18nManagerStatus = {
-  isRTL: boolean,
+import NativeI18nManager from './NativeI18nManager';
+
+const i18nConstants: {|
   doLeftAndRightSwapInRTL: boolean,
-  allowRTL: (allowRTL: boolean) => {},
-  forceRTL: (forceRTL: boolean) => {},
-  swapLeftAndRightInRTL: (flipStyles: boolean) => {},
-};
+  isRTL: boolean,
+|} = NativeI18nManager
+  ? NativeI18nManager.getConstants()
+  : {
+      isRTL: false,
+      doLeftAndRightSwapInRTL: true,
+    };
 
-const I18nManager: I18nManagerStatus = require('../BatchedBridge/NativeModules')
-  .I18nManager || {
-  isRTL: false,
-  doLeftAndRightSwapInRTL: true,
-  allowRTL: () => {},
-  forceRTL: () => {},
-  swapLeftAndRightInRTL: () => {},
-};
+module.exports = {
+  getConstants: (): {|doLeftAndRightSwapInRTL: boolean, isRTL: boolean|} => {
+    return i18nConstants;
+  },
+
+  allowRTL: (shouldAllow: boolean) => {
+    if (!NativeI18nManager) {
+      return;
+    }
 
-module.exports = I18nManager;
+    NativeI18nManager.allowRTL(shouldAllow);
+  },
+
+  forceRTL: (shouldForce: boolean) => {
+    if (!NativeI18nManager) {
+      return;
+    }
+
+    NativeI18nManager.forceRTL(shouldForce);
+  },
+
+  swapLeftAndRightInRTL: (flipStyles: boolean) => {
+    if (!NativeI18nManager) {
+      return;
+    }
+
+    NativeI18nManager.swapLeftAndRightInRTL(flipStyles);
+  },
+
+  isRTL: i18nConstants.isRTL,
+  doLeftAndRightSwapInRTL: i18nConstants.doLeftAndRightSwapInRTL,
+};
diff --git a/Libraries/ReactNative/NativeHeadlessJsTaskSupport.js b/Libraries/ReactNative/NativeHeadlessJsTaskSupport.js
new file mode 100644
index 00000000000000..290957fd7f2414
--- /dev/null
+++ b/Libraries/ReactNative/NativeHeadlessJsTaskSupport.js
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+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);
diff --git a/Libraries/ReactNative/NativeI18nManager.js b/Libraries/ReactNative/NativeI18nManager.js
new file mode 100644
index 00000000000000..afaab21dfce13f
--- /dev/null
+++ b/Libraries/ReactNative/NativeI18nManager.js
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {|
+    isRTL: boolean,
+    doLeftAndRightSwapInRTL: boolean,
+  |};
+  allowRTL: (allowRTL: boolean) => void;
+  forceRTL: (forceRTL: boolean) => void;
+  swapLeftAndRightInRTL: (flipStyles: boolean) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('I18nManager'): ?Spec);
diff --git a/Libraries/ReactNative/NativeUIManager.js b/Libraries/ReactNative/NativeUIManager.js
new file mode 100644
index 00000000000000..717e63dbc12282
--- /dev/null
+++ b/Libraries/ReactNative/NativeUIManager.js
@@ -0,0 +1,122 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+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>;
+  +playTouchSound: () => void;
+  +lazilyLoadView: (name: string) => Object; // revisit return
+  +createView: (
+    reactTag: ?number,
+    viewName: string,
+    rootTag: number,
+    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);
diff --git a/Libraries/ReactNative/PaperUIManager.js b/Libraries/ReactNative/PaperUIManager.js
new file mode 100644
index 00000000000000..7110cd3da11065
--- /dev/null
+++ b/Libraries/ReactNative/PaperUIManager.js
@@ -0,0 +1,163 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+'use strict';
+
+const NativeModules = require('../BatchedBridge/NativeModules');
+const Platform = require('../Utilities/Platform');
+const UIManagerProperties = require('./UIManagerProperties');
+
+const defineLazyObjectProperty = require('../Utilities/defineLazyObjectProperty');
+
+import NativeUIManager from './NativeUIManager';
+
+const viewManagerConfigs = {};
+
+const triedLoadingConfig = new Set();
+
+let NativeUIManagerConstants = {};
+let isNativeUIManagerConstantsSet = false;
+function getConstants(): Object {
+  if (!isNativeUIManagerConstantsSet) {
+    NativeUIManagerConstants = NativeUIManager.getConstants();
+    isNativeUIManagerConstantsSet = true;
+  }
+  return NativeUIManagerConstants;
+}
+
+const UIManagerJS = {
+  ...NativeUIManager,
+  getConstants(): Object {
+    return getConstants();
+  },
+  getViewManagerConfig: function(viewManagerName: string): any {
+    if (
+      viewManagerConfigs[viewManagerName] === undefined &&
+      NativeUIManager.getConstantsForViewManager
+    ) {
+      try {
+        viewManagerConfigs[
+          viewManagerName
+        ] = NativeUIManager.getConstantsForViewManager(viewManagerName);
+      } catch (e) {
+        viewManagerConfigs[viewManagerName] = null;
+      }
+    }
+
+    const config = viewManagerConfigs[viewManagerName];
+    if (config) {
+      return config;
+    }
+
+    // If we're in the Chrome Debugger, let's not even try calling the sync
+    // method.
+    if (!global.nativeCallSyncHook) {
+      return config;
+    }
+
+    if (
+      NativeUIManager.lazilyLoadView &&
+      !triedLoadingConfig.has(viewManagerName)
+    ) {
+      const result = NativeUIManager.lazilyLoadView(viewManagerName);
+      triedLoadingConfig.add(viewManagerName);
+      if (result.viewConfig) {
+        getConstants()[viewManagerName] = result.viewConfig;
+        lazifyViewManagerConfig(viewManagerName);
+      }
+    }
+
+    return viewManagerConfigs[viewManagerName];
+  },
+};
+
+// TODO (T45220498): Remove this.
+// 3rd party libs may be calling `NativeModules.UIManager.getViewManagerConfig()`
+// instead of `UIManager.getViewManagerConfig()` off UIManager.js.
+// This is a workaround for now.
+// $FlowFixMe
+NativeUIManager.getViewManagerConfig = UIManagerJS.getViewManagerConfig;
+
+function lazifyViewManagerConfig(viewName) {
+  const viewConfig = getConstants()[viewName];
+  viewManagerConfigs[viewName] = viewConfig;
+  if (viewConfig.Manager) {
+    defineLazyObjectProperty(viewConfig, 'Constants', {
+      get: () => {
+        const viewManager = NativeModules[viewConfig.Manager];
+        const constants = {};
+        viewManager &&
+          Object.keys(viewManager).forEach(key => {
+            const value = viewManager[key];
+            if (typeof value !== 'function') {
+              constants[key] = value;
+            }
+          });
+        return constants;
+      },
+    });
+    defineLazyObjectProperty(viewConfig, 'Commands', {
+      get: () => {
+        const viewManager = NativeModules[viewConfig.Manager];
+        const commands = {};
+        let index = 0;
+        viewManager &&
+          Object.keys(viewManager).forEach(key => {
+            const value = viewManager[key];
+            if (typeof value === 'function') {
+              commands[key] = index++;
+            }
+          });
+        return commands;
+      },
+    });
+  }
+}
+
+/**
+ * Copies the ViewManager constants and commands into UIManager. This is
+ * only needed for iOS, which puts the constants in the ViewManager
+ * namespace instead of UIManager, unlike Android.
+ */
+if (
+  Platform.OS === 'ios' ||
+  Platform.OS === 'macos' /* TODO(macOS ISS#2323203) */
+) {
+  Object.keys(getConstants()).forEach(viewName => {
+    lazifyViewManagerConfig(viewName);
+  });
+} else if (getConstants().ViewManagerNames) {
+  NativeUIManager.getConstants().ViewManagerNames.forEach(viewManagerName => {
+    defineLazyObjectProperty(NativeUIManager, viewManagerName, {
+      get: () => NativeUIManager.getConstantsForViewManager(viewManagerName),
+    });
+  });
+}
+
+if (!global.nativeCallSyncHook) {
+  Object.keys(getConstants()).forEach(viewManagerName => {
+    if (!UIManagerProperties.includes(viewManagerName)) {
+      if (!viewManagerConfigs[viewManagerName]) {
+        viewManagerConfigs[viewManagerName] = getConstants()[viewManagerName];
+      }
+      defineLazyObjectProperty(NativeUIManager, viewManagerName, {
+        get: () => {
+          console.warn(
+            `Accessing view manager configs directly off UIManager via UIManager['${viewManagerName}'] ` +
+              `is no longer supported. Use UIManager.getViewManagerConfig('${viewManagerName}') instead.`,
+          );
+
+          return UIManagerJS.getViewManagerConfig(viewManagerName);
+        },
+      });
+    }
+  });
+}
+
+module.exports = UIManagerJS;
diff --git a/Libraries/ReactNative/RootTagContext.js b/Libraries/ReactNative/RootTagContext.js
new file mode 100644
index 00000000000000..ca5ed03932fd5c
--- /dev/null
+++ b/Libraries/ReactNative/RootTagContext.js
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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';
+
+const React = require('react');
+
+module.exports = (React.createContext<number>(0): React$Context<number>);
diff --git a/Libraries/ReactNative/UIManager.js b/Libraries/ReactNative/UIManager.js
index 756fab360dd8d1..15a74e2bef0310 100644
--- a/Libraries/ReactNative/UIManager.js
+++ b/Libraries/ReactNative/UIManager.js
@@ -4,159 +4,36 @@
  * 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
+ * @flow
  * @format
  */
 'use strict';
 
-const NativeModules = require('../BatchedBridge/NativeModules');
-const Platform = require('../Utilities/Platform');
-const UIManagerProperties = require('./UIManagerProperties');
-
-const defineLazyObjectProperty = require('../Utilities/defineLazyObjectProperty');
-const invariant = require('invariant');
-
-const {UIManager} = NativeModules;
-const viewManagerConfigs = {};
-
-invariant(
-  UIManager,
-  'UIManager is undefined. The native module config is probably incorrect.',
-);
-
-const triedLoadingConfig = new Set();
-UIManager.getViewManagerConfig = function(viewManagerName: string) {
-  if (
-    viewManagerConfigs[viewManagerName] === undefined &&
-    UIManager.getConstantsForViewManager
-  ) {
-    try {
-      viewManagerConfigs[
-        viewManagerName
-      ] = UIManager.getConstantsForViewManager(viewManagerName);
-    } catch (e) {
-      viewManagerConfigs[viewManagerName] = null;
-    }
-  }
-
-  const config = viewManagerConfigs[viewManagerName];
-  if (config) {
-    return config;
-  }
-
-  // If we're in the Chrome Debugger, let's not even try calling the sync
-  // method.
-  if (!global.nativeCallSyncHook) {
-    return config;
-  }
-
-  if (UIManager.lazilyLoadView && !triedLoadingConfig.has(viewManagerName)) {
-    const result = UIManager.lazilyLoadView(viewManagerName);
-    triedLoadingConfig.add(viewManagerName);
-    if (result.viewConfig) {
-      UIManager[viewManagerName] = result.viewConfig;
-      lazifyViewManagerConfig(viewManagerName);
-    }
-  }
-
-  return viewManagerConfigs[viewManagerName];
-};
-
-function lazifyViewManagerConfig(viewName) {
-  const viewConfig = UIManager[viewName];
-  if (viewConfig.Manager) {
-    viewManagerConfigs[viewName] = viewConfig;
-    defineLazyObjectProperty(viewConfig, 'Constants', {
-      get: () => {
-        const viewManager = NativeModules[viewConfig.Manager];
-        const constants = {};
-        viewManager &&
-          Object.keys(viewManager).forEach(key => {
-            const value = viewManager[key];
-            if (typeof value !== 'function') {
-              constants[key] = value;
-            }
-          });
-        return constants;
-      },
-    });
-    defineLazyObjectProperty(viewConfig, 'Commands', {
-      get: () => {
-        const viewManager = NativeModules[viewConfig.Manager];
-        const commands = {};
-        let index = 0;
-        viewManager &&
-          Object.keys(viewManager).forEach(key => {
-            const value = viewManager[key];
-            if (typeof value === 'function') {
-              commands[key] = index++;
-            }
-          });
-        return commands;
-      },
-    });
-  }
+import type {Spec} from './NativeUIManager';
+
+interface UIManagerJSInterface extends Spec {
+  +getViewManagerConfig: (viewManagerName: string) => Object;
+  // The following are not marked read-only due to logic in UIManagerStatTracker.
+  createView: (
+    reactTag: ?number,
+    viewName: string,
+    rootTag: number,
+    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;
 }
 
-/**
- * Copies the ViewManager constants and commands into UIManager. This is
- * only needed for iOS, which puts the constants in the ViewManager
- * namespace instead of UIManager, unlike Android.
- */
-if (
-  Platform.OS === 'ios' ||
-  Platform.OS === 'macos' /* TODO(macOS ISS#2323203) */
-) {
-  Object.keys(UIManager).forEach(viewName => {
-    lazifyViewManagerConfig(viewName);
-  });
-} else if (UIManager.ViewManagerNames) {
-  // We want to add all the view managers to the UIManager.
-  // However, the way things are set up, the list of view managers is not known at compile time.
-  // As Prepack runs at compile it, it cannot process this loop.
-  // So we wrap it in a special __residual call, which basically tells Prepack to ignore it.
-  let residual = global.__residual
-    ? global.__residual
-    : (_, f, ...args) => f.apply(undefined, args);
-  residual(
-    'void',
-    (UIManager, defineLazyObjectProperty) => {
-      UIManager.ViewManagerNames.forEach(viewManagerName => {
-        defineLazyObjectProperty(UIManager, viewManagerName, {
-          get: () => UIManager.getConstantsForViewManager(viewManagerName),
-        });
-      });
-    },
-    UIManager,
-    defineLazyObjectProperty,
-  );
-
-  // As Prepack now no longer knows which properties exactly the UIManager has,
-  // we also tell Prepack that it has only partial knowledge of the UIManager,
-  // so that any accesses to unknown properties along the global code will fail
-  // when Prepack encounters them.
-  if (global.__makePartial) {
-    global.__makePartial(UIManager);
-  }
-}
-
-if (!global.nativeCallSyncHook) {
-  Object.keys(UIManager).forEach(viewManagerName => {
-    if (!UIManagerProperties.includes(viewManagerName)) {
-      if (!viewManagerConfigs[viewManagerName]) {
-        viewManagerConfigs[viewManagerName] = UIManager[viewManagerName];
-      }
-      defineLazyObjectProperty(UIManager, viewManagerName, {
-        get: () => {
-          console.warn(
-            `Accessing view manager configs directly off UIManager via UIManager['${viewManagerName}'] ` +
-              `is no longer supported. Use UIManager.getViewManagerConfig('${viewManagerName}') instead.`,
-          );
-          return UIManager.getViewManagerConfig(viewManagerName);
-        },
-      });
-    }
-  });
-}
+const UIManager: UIManagerJSInterface =
+  global.RN$Bridgeless === true
+    ? require('./DummyUIManager') // No UIManager in bridgeless mode
+    : require('./PaperUIManager');
 
 module.exports = UIManager;
diff --git a/Libraries/ReactNative/UIManagerStatTracker.js b/Libraries/ReactNative/UIManagerStatTracker.js
index ec1494c53b4390..85aaa6ba7707a7 100644
--- a/Libraries/ReactNative/UIManagerStatTracker.js
+++ b/Libraries/ReactNative/UIManagerStatTracker.js
@@ -52,8 +52,8 @@ const UIManagerStatTracker = {
       remove,
     ) {
       incStat('manageChildren', 1);
-      incStat('move', Object.keys(moveFrom || []).length);
-      incStat('remove', Object.keys(remove || []).length);
+      incStat('move', moveFrom.length);
+      incStat('remove', remove.length);
       manageChildrenOrig(tag, moveFrom, moveTo, addTags, addIndices, remove);
     };
   },
diff --git a/Libraries/ReactNative/getNativeComponentAttributes.js b/Libraries/ReactNative/getNativeComponentAttributes.js
index 3be8755373c424..226e3ba9342b42 100644
--- a/Libraries/ReactNative/getNativeComponentAttributes.js
+++ b/Libraries/ReactNative/getNativeComponentAttributes.js
@@ -14,16 +14,16 @@ const ReactNativeStyleAttributes = require('../Components/View/ReactNativeStyleA
 const UIManager = require('./UIManager');
 
 const insetsDiffer = require('../Utilities/differ/insetsDiffer');
+const invariant = require('invariant');
 const matricesDiffer = require('../Utilities/differ/matricesDiffer');
 const pointsDiffer = require('../Utilities/differ/pointsDiffer');
 const processColor = require('../StyleSheet/processColor');
+const processColorArray = require('../StyleSheet/processColorArray');
 const resolveAssetSource = require('../Image/resolveAssetSource');
 const sizesDiffer = require('../Utilities/differ/sizesDiffer');
-const invariant = require('invariant');
 const warning = require('fbjs/lib/warning');
-import type {NativeOrDynamicColorType} from 'NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
 
-function getNativeComponentAttributes(uiViewClassName: string) {
+function getNativeComponentAttributes(uiViewClassName: string): any {
   const viewConfig = UIManager.getViewManagerConfig(uiViewClassName);
 
   invariant(
@@ -97,17 +97,18 @@ function attachDefaultEventTypes(viewConfig: any) {
   // This is supported on UIManager platforms (ex: Android),
   // as lazy view managers are not implemented for all platforms.
   // See [UIManager] for details on constants and implementations.
-  if (UIManager.ViewManagerNames || UIManager.LazyViewManagersEnabled) {
+  const constants = UIManager.getConstants();
+  if (constants.ViewManagerNames || constants.LazyViewManagersEnabled) {
     // Lazy view managers enabled.
     viewConfig = merge(viewConfig, UIManager.getDefaultEventTypes());
   } else {
     viewConfig.bubblingEventTypes = merge(
       viewConfig.bubblingEventTypes,
-      UIManager.genericBubblingEventTypes,
+      constants.genericBubblingEventTypes,
     );
     viewConfig.directEventTypes = merge(
       viewConfig.directEventTypes,
-      UIManager.genericDirectEventTypes,
+      constants.genericDirectEventTypes,
     );
   }
 }
@@ -182,11 +183,4 @@ function getProcessorForType(typeName: string): ?(nextProp: any) => any {
   return null;
 }
 
-function processColorArray(
-  colors: ?Array<any>,
-): ?Array<?(number | NativeOrDynamicColorType)> /* TODO(macOS ISS#2323203) */ {
-  // ]TODO(macOS ISS#2323203)
-  return colors == null ? null : colors.map(processColor);
-}
-
 module.exports = getNativeComponentAttributes;
diff --git a/Libraries/ReactNative/renderApplication.js b/Libraries/ReactNative/renderApplication.js
index ce7f6878002b4b..72a2e27e66d1d7 100644
--- a/Libraries/ReactNative/renderApplication.js
+++ b/Libraries/ReactNative/renderApplication.js
@@ -33,7 +33,7 @@ function renderApplication<Props: Object>(
 ) {
   invariant(rootTag, 'Expect to have a valid rootTag, instead got ', rootTag);
 
-  let renderable = (
+  const renderable = (
     <PerformanceLoggerContext.Provider
       value={scopedPerformanceLogger ?? GlobalPerformanceLogger}>
       <AppContainer rootTag={rootTag} WrapperComponent={WrapperComponent}>
@@ -45,21 +45,6 @@ function renderApplication<Props: Object>(
     </PerformanceLoggerContext.Provider>
   );
 
-  // If the root component is async, the user probably wants the initial render
-  // to be async also. To do this, wrap AppContainer with an async marker.
-  // For more info see https://fb.me/is-component-async
-  if (
-    /* $FlowFixMe(>=0.68.0 site=react_native_fb) This comment suppresses an
-     * error found when Flow v0.68 was deployed. To see the error delete this
-     * comment and run Flow. */
-    RootComponent.prototype != null &&
-    RootComponent.prototype.unstable_isAsyncReactComponent === true
-  ) {
-    // $FlowFixMe This is not yet part of the official public API
-    const ConcurrentMode = React.unstable_ConcurrentMode;
-    renderable = <ConcurrentMode>{renderable}</ConcurrentMode>;
-  }
-
   GlobalPerformanceLogger.startTimespan('renderApplication_React_render');
   if (fabric) {
     require('../Renderer/shims/ReactFabric').render(renderable, rootTag);
diff --git a/lib/README b/Libraries/ReactPrivate/README
similarity index 53%
rename from lib/README
rename to Libraries/ReactPrivate/README
index b5273d4970123e..afda34a704367d 100644
--- a/lib/README
+++ b/Libraries/ReactPrivate/README
@@ -1 +1 @@
-JS modules in this folder are forwarding modules to allow React to require React Native internals as node dependencies.
+JS modules in this folder are forwarding modules to allow React to require React Native internals.
diff --git a/Libraries/react-native/React.js b/Libraries/ReactPrivate/ReactNativePrivateInitializeCore.js
similarity index 78%
rename from Libraries/react-native/React.js
rename to Libraries/ReactPrivate/ReactNativePrivateInitializeCore.js
index ac9f5d1bcec4a7..e34e6271f2f7fe 100644
--- a/Libraries/react-native/React.js
+++ b/Libraries/ReactPrivate/ReactNativePrivateInitializeCore.js
@@ -5,8 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
+ * @flow strict-local
  */
 
-'use strict';
-
-module.exports = require('react');
+import '../Core/InitializeCore';
diff --git a/Libraries/ReactPrivate/ReactNativePrivateInterface.js b/Libraries/ReactPrivate/ReactNativePrivateInterface.js
new file mode 100644
index 00000000000000..82634a69998231
--- /dev/null
+++ b/Libraries/ReactPrivate/ReactNativePrivateInterface.js
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+// flowlint unsafe-getters-setters:off
+module.exports = {
+  get BatchedBridge() {
+    return require('../BatchedBridge/BatchedBridge.js');
+  },
+  get ExceptionsManager() {
+    return require('../Core/ExceptionsManager');
+  },
+  get Platform() {
+    return require('../Utilities/Platform');
+  },
+  get RCTEventEmitter() {
+    return require('../EventEmitter/RCTEventEmitter');
+  },
+  get ReactNativeViewConfigRegistry() {
+    return require('../Renderer/shims/ReactNativeViewConfigRegistry');
+  },
+  get TextInputState() {
+    return require('../Components/TextInput/TextInputState');
+  },
+  get UIManager() {
+    return require('../ReactNative/UIManager');
+  },
+  get deepDiffer() {
+    return require('../Utilities/differ/deepDiffer');
+  },
+  get deepFreezeAndThrowOnMutationInDev() {
+    return require('../Utilities/deepFreezeAndThrowOnMutationInDev');
+  },
+  get flattenStyle() {
+    return require('../StyleSheet/flattenStyle');
+  },
+  get ReactFiberErrorDialog() {
+    return require('../Core/ReactFiberErrorDialog');
+  },
+};
diff --git a/Libraries/Renderer/REVISION b/Libraries/Renderer/REVISION
index 6ee6fe16ed4c59..9febf0f4c87833 100644
--- a/Libraries/Renderer/REVISION
+++ b/Libraries/Renderer/REVISION
@@ -1 +1 @@
-ec6691a68716bc59291746fc62f374a56fb435c9
+85d05b3a4d439c504ee43652d586ee253a01faf6
diff --git a/Libraries/Renderer/implementations/ReactFabric-dev.fb.js b/Libraries/Renderer/implementations/ReactFabric-dev.fb.js
new file mode 100644
index 00000000000000..9593291b531ac9
--- /dev/null
+++ b/Libraries/Renderer/implementations/ReactFabric-dev.fb.js
@@ -0,0 +1,23496 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @noflow
+ * @preventMunge
+ * @generated
+ */
+
+'use strict';
+
+if (__DEV__) {
+  (function() {
+"use strict";
+
+require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
+var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface");
+var React = require("react");
+var Scheduler = require("scheduler");
+var checkPropTypes = require("prop-types/checkPropTypes");
+var tracing = require("scheduler/tracing");
+
+// Do not require this module directly! Use normal `invariant` calls with
+// template literal strings. The messages will be converted to ReactError during
+// build, and in production they will be minified.
+
+function ReactError(error) {
+  error.name = "Invariant Violation";
+  return error;
+}
+
+/**
+ * Use invariant() to assert state which your program assumes to be true.
+ *
+ * Provide sprintf-style format (only %s is supported) and arguments
+ * to provide information about what broke and what you were
+ * expecting.
+ *
+ * The invariant message will be stripped in production, but the invariant
+ * will remain to ensure logic does not differ in production.
+ */
+
+/**
+ * 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
+ */
+function recomputePluginOrdering() {
+  if (!eventPluginOrder) {
+    // Wait until an `eventPluginOrder` is injected.
+    return;
+  }
+  for (var pluginName in namesToPlugins) {
+    var pluginModule = namesToPlugins[pluginName];
+    var pluginIndex = eventPluginOrder.indexOf(pluginName);
+    (function() {
+      if (!(pluginIndex > -1)) {
+        throw ReactError(
+          Error(
+            "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+              pluginName +
+              "`."
+          )
+        );
+      }
+    })();
+    if (plugins[pluginIndex]) {
+      continue;
+    }
+    (function() {
+      if (!pluginModule.extractEvents) {
+        throw ReactError(
+          Error(
+            "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
+              pluginName +
+              "` does not."
+          )
+        );
+      }
+    })();
+    plugins[pluginIndex] = pluginModule;
+    var publishedEvents = pluginModule.eventTypes;
+    for (var eventName in publishedEvents) {
+      (function() {
+        if (
+          !publishEventForPlugin(
+            publishedEvents[eventName],
+            pluginModule,
+            eventName
+          )
+        ) {
+          throw ReactError(
+            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
+ */
+function publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
+  (function() {
+    if (!!eventNameDispatchConfigs.hasOwnProperty(eventName)) {
+      throw ReactError(
+        Error(
+          "EventPluginHub: 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
+        );
+      }
+    }
+    return true;
+  } else if (dispatchConfig.registrationName) {
+    publishRegistrationName(
+      dispatchConfig.registrationName,
+      pluginModule,
+      eventName
+    );
+    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
+ */
+function publishRegistrationName(registrationName, pluginModule, eventName) {
+  (function() {
+    if (!!registrationNameModules[registrationName]) {
+      throw ReactError(
+        Error(
+          "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
+            registrationName +
+            "`."
+        )
+      );
+    }
+  })();
+  registrationNameModules[registrationName] = pluginModule;
+  registrationNameDependencies[registrationName] =
+    pluginModule.eventTypes[eventName].dependencies;
+
+  {
+    var lowerCasedName = registrationName.toLowerCase();
+  }
+}
+
+/**
+ * Registers plugins so that they can extract and dispatch events.
+ *
+ * @see {EventPluginHub}
+ */
+
+/**
+ * Ordered list of injected plugins.
+ */
+var plugins = [];
+
+/**
+ * Mapping from event name to dispatch config
+ */
+var eventNameDispatchConfigs = {};
+
+/**
+ * Mapping from registration name to plugin module
+ */
+var registrationNameModules = {};
+
+/**
+ * Mapping from registration name to event name
+ */
+var registrationNameDependencies = {};
+
+/**
+ * Mapping from lowercase registration names to the properly cased version,
+ * used to warn in the case of missing event handlers. Available
+ * only in true.
+ * @type {Object}
+ */
+
+// Trust the developer to only use possibleRegistrationNames in true
+
+/**
+ * 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
+ * @see {EventPluginHub.injection.injectEventPluginOrder}
+ */
+function injectEventPluginOrder(injectedEventPluginOrder) {
+  (function() {
+    if (!!eventPluginOrder) {
+      throw ReactError(
+        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.
+  eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
+  recomputePluginOrdering();
+}
+
+/**
+ * Injects plugins to be used by `EventPluginHub`. 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
+ * @see {EventPluginHub.injection.injectEventPluginsByName}
+ */
+function injectEventPluginsByName(injectedNamesToPlugins) {
+  var isOrderingDirty = false;
+  for (var pluginName in injectedNamesToPlugins) {
+    if (!injectedNamesToPlugins.hasOwnProperty(pluginName)) {
+      continue;
+    }
+    var pluginModule = injectedNamesToPlugins[pluginName];
+    if (
+      !namesToPlugins.hasOwnProperty(pluginName) ||
+      namesToPlugins[pluginName] !== pluginModule
+    ) {
+      (function() {
+        if (!!namesToPlugins[pluginName]) {
+          throw ReactError(
+            Error(
+              "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+                pluginName +
+                "`."
+            )
+          );
+        }
+      })();
+      namesToPlugins[pluginName] = pluginModule;
+      isOrderingDirty = true;
+    }
+  }
+  if (isOrderingDirty) {
+    recomputePluginOrdering();
+  }
+}
+
+var invokeGuardedCallbackImpl = function(
+  name,
+  func,
+  context,
+  a,
+  b,
+  c,
+  d,
+  e,
+  f
+) {
+  var funcArgs = Array.prototype.slice.call(arguments, 3);
+  try {
+    func.apply(context, funcArgs);
+  } catch (error) {
+    this.onError(error);
+  }
+};
+
+{
+  // 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");
+
+    var invokeGuardedCallbackDev = function(
+      name,
+      func,
+      context,
+      a,
+      b,
+      c,
+      d,
+      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/facebookincubator/create-react-app/issues/3482
+      // So we preemptively throw with a better message instead.
+      (function() {
+        if (!(typeof document !== "undefined")) {
+          throw ReactError(
+            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."
+            )
+          );
+        }
+      })();
+      var evt = document.createEvent("Event");
+
+      // 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"
+      );
+
+      // 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() {
+        // 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;
+        }
+
+        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 = void 0;
+      // 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.
+            }
+          }
+        }
+      }
+
+      // Create a fake event type.
+      var evtType = "react-" + (name ? name : "invokeguardedcallback");
+
+      // Attach our event handlers
+      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.
+      evt.initEvent(evtType, false, false);
+      fakeNode.dispatchEvent(evt);
+
+      if (windowEventDescriptor) {
+        Object.defineProperty(window, "event", windowEventDescriptor);
+      }
+
+      if (didError) {
+        if (!didSetError) {
+          // The callback errored, but the error event never fired.
+          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) {
+          error = new Error(
+            "A cross-origin error was thrown. React doesn't have access to " +
+              "the actual error object in development. " +
+              "See https://fb.me/react-crossorigin-error for more information."
+          );
+        }
+        this.onError(error);
+      }
+
+      // Remove our event listeners
+      window.removeEventListener("error", handleWindowError);
+    };
+
+    invokeGuardedCallbackImpl = invokeGuardedCallbackDev;
+  }
+}
+
+var invokeGuardedCallbackImpl$1 = invokeGuardedCallbackImpl;
+
+// Used by Fiber to simulate a try-catch.
+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$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
+ */
+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 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 {
+    (function() {
+      {
+        throw ReactError(
+          Error(
+            "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
+  }
+}
+
+/**
+ * Similar to invariant but only logs a warning if the condition is not met.
+ * This can be used to log issues in development environments in critical
+ * paths. Removing the logging code for production environments will keep the
+ * same logic and follow the same code paths.
+ */
+
+var warningWithoutStack = function() {};
+
+{
+  warningWithoutStack = function(condition, format) {
+    for (
+      var _len = arguments.length,
+        args = Array(_len > 2 ? _len - 2 : 0),
+        _key = 2;
+      _key < _len;
+      _key++
+    ) {
+      args[_key - 2] = arguments[_key];
+    }
+
+    if (format === undefined) {
+      throw new Error(
+        "`warningWithoutStack(condition, format, ...args)` requires a warning " +
+          "message argument"
+      );
+    }
+    if (args.length > 8) {
+      // Check before the condition to catch violations early.
+      throw new Error(
+        "warningWithoutStack() currently supports at most 8 arguments."
+      );
+    }
+    if (condition) {
+      return;
+    }
+    if (typeof console !== "undefined") {
+      var argsWithFormat = args.map(function(item) {
+        return "" + item;
+      });
+      argsWithFormat.unshift("Warning: " + format);
+
+      // We intentionally don't use spread (or .apply) directly because it
+      // breaks IE9: https://github.com/facebook/react/issues/13610
+      Function.prototype.apply.call(console.error, console, argsWithFormat);
+    }
+    try {
+      // --- Welcome to debugging React ---
+      // This error was thrown as a convenience so that you can use this stack
+      // to find the callsite that caused this warning to fire.
+      var argIndex = 0;
+      var message =
+        "Warning: " +
+        format.replace(/%s/g, function() {
+          return args[argIndex++];
+        });
+      throw new Error(message);
+    } catch (x) {}
+  };
+}
+
+var warningWithoutStack$1 = warningWithoutStack;
+
+var getFiberCurrentPropsFromNode = null;
+var getInstanceFromNode = null;
+var getNodeFromInstance = null;
+
+function setComponentTree(
+  getFiberCurrentPropsFromNodeImpl,
+  getInstanceFromNodeImpl,
+  getNodeFromInstanceImpl
+) {
+  getFiberCurrentPropsFromNode = getFiberCurrentPropsFromNodeImpl;
+  getInstanceFromNode = getInstanceFromNodeImpl;
+  getNodeFromInstance = getNodeFromInstanceImpl;
+  {
+    !(getNodeFromInstance && getInstanceFromNode)
+      ? warningWithoutStack$1(
+          false,
+          "EventPluginUtils.setComponentTree(...): Injected " +
+            "module is missing getNodeFromInstance or getInstanceFromNode."
+        )
+      : void 0;
+  }
+}
+
+var validateEventDispatches = void 0;
+{
+  validateEventDispatches = function(event) {
+    var dispatchListeners = event._dispatchListeners;
+    var dispatchInstances = event._dispatchInstances;
+
+    var listenersIsArr = Array.isArray(dispatchListeners);
+    var listenersLen = listenersIsArr
+      ? dispatchListeners.length
+      : dispatchListeners
+        ? 1
+        : 0;
+
+    var instancesIsArr = Array.isArray(dispatchInstances);
+    var instancesLen = instancesIsArr
+      ? dispatchInstances.length
+      : dispatchInstances
+        ? 1
+        : 0;
+
+    !(instancesIsArr === listenersIsArr && instancesLen === listenersLen)
+      ? warningWithoutStack$1(false, "EventPluginUtils: Invalid `event`.")
+      : void 0;
+  };
+}
+
+/**
+ * Dispatch the event to the listener.
+ * @param {SyntheticEvent} event SyntheticEvent to handle
+ * @param {function} listener Application-level callback
+ * @param {*} inst Internal component instance
+ */
+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 executeDispatchesInOrder(event) {
+  var dispatchListeners = event._dispatchListeners;
+  var dispatchInstances = event._dispatchInstances;
+  {
+    validateEventDispatches(event);
+  }
+  if (Array.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);
+  }
+  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 executeDispatchesInOrderStopAtTrueImpl(event) {
+  var dispatchListeners = event._dispatchListeners;
+  var dispatchInstances = event._dispatchInstances;
+  {
+    validateEventDispatches(event);
+  }
+  if (Array.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.
+      if (dispatchListeners[i](event, dispatchInstances[i])) {
+        return dispatchInstances[i];
+      }
+    }
+  } else if (dispatchListeners) {
+    if (dispatchListeners(event, dispatchInstances)) {
+      return dispatchInstances;
+    }
+  }
+  return null;
+}
+
+/**
+ * @see executeDispatchesInOrderStopAtTrueImpl
+ */
+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 executeDirectDispatch(event) {
+  {
+    validateEventDispatches(event);
+  }
+  var dispatchListener = event._dispatchListeners;
+  var dispatchInstance = event._dispatchInstances;
+  (function() {
+    if (!!Array.isArray(dispatchListener)) {
+      throw ReactError(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.
+ */
+function hasDispatches(event) {
+  return !!event._dispatchListeners;
+}
+
+/**
+ * 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.
+ */
+
+function accumulateInto(current, next) {
+  (function() {
+    if (!(next != null)) {
+      throw ReactError(
+        Error(
+          "accumulateInto(...): Accumulated items must not be null or undefined."
+        )
+      );
+    }
+  })();
+
+  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 (Array.isArray(current)) {
+    if (Array.isArray(next)) {
+      current.push.apply(current, next);
+      return current;
+    }
+    current.push(next);
+    return current;
+  }
+
+  if (Array.isArray(next)) {
+    // A bit too dangerous to mutate `next`.
+    return [current].concat(next);
+  }
+
+  return [current, next];
+}
+
+/**
+ * @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);
+  }
+}
+
+/**
+ * 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 executeDispatchesAndRelease = function(event) {
+  if (event) {
+    executeDispatchesInOrder(event);
+
+    if (!event.isPersistent()) {
+      event.constructor.release(event);
+    }
+  }
+};
+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.
+  var processingEventQueue = eventQueue;
+  eventQueue = null;
+
+  if (!processingEventQueue) {
+    return;
+  }
+
+  forEachAccumulated(processingEventQueue, executeDispatchesAndReleaseTopLevel);
+  (function() {
+    if (!!eventQueue) {
+      throw ReactError(
+        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();
+}
+
+function isInteractive(tag) {
+  return (
+    tag === "button" ||
+    tag === "input" ||
+    tag === "select" ||
+    tag === "textarea"
+  );
+}
+
+function shouldPreventMouseEvent(name, type, props) {
+  switch (name) {
+    case "onClick":
+    case "onClickCapture":
+    case "onDoubleClick":
+    case "onDoubleClickCapture":
+    case "onMouseDown":
+    case "onMouseDownCapture":
+    case "onMouseMove":
+    case "onMouseMoveCapture":
+    case "onMouseUp":
+    case "onMouseUpCapture":
+      return !!(props.disabled && isInteractive(type));
+    default:
+      return false;
+  }
+}
+
+/**
+ * This is a unified interface for event plugins to be installed and configured.
+ *
+ * Event plugins can implement the following properties:
+ *
+ *   `extractEvents` {function(string, DOMEventTarget, string, object): *}
+ *     Required. When a top-level event is fired, this method is expected to
+ *     extract synthetic events that will in turn be queued and dispatched.
+ *
+ *   `eventTypes` {object}
+ *     Optional, plugins that fire events must publish a mapping of registration
+ *     names that are used to register listeners. Values of this mapping must
+ *     be objects that contain `registrationName` or `phasedRegistrationNames`.
+ *
+ *   `executeDispatch` {function(object, function, string)}
+ *     Optional, allows plugins to override how an event gets dispatched. By
+ *     default, the listener is simply invoked.
+ *
+ * Each plugin that is injected into `EventsPluginHub` is immediately operable.
+ *
+ * @public
+ */
+
+/**
+ * Methods for injecting dependencies.
+ */
+var injection = {
+  /**
+   * @param {array} InjectedEventPluginOrder
+   * @public
+   */
+  injectEventPluginOrder: injectEventPluginOrder,
+
+  /**
+   * @param {object} injectedNamesToPlugins Map from names to plugin modules.
+   */
+  injectEventPluginsByName: injectEventPluginsByName
+};
+
+/**
+ * @param {object} inst The instance, which is the source of events.
+ * @param {string} registrationName Name of listener (e.g. `onClick`).
+ * @return {?function} The stored callback.
+ */
+function getListener(inst, registrationName) {
+  var listener = void 0;
+
+  // TODO: shouldPreventMouseEvent is DOM-specific and definitely should not
+  // live here; needs to be moved to a better place soon
+  var stateNode = inst.stateNode;
+  if (!stateNode) {
+    // Work in progress (ex: onload events in incremental mode).
+    return null;
+  }
+  var props = getFiberCurrentPropsFromNode(stateNode);
+  if (!props) {
+    // Work in progress.
+    return null;
+  }
+  listener = props[registrationName];
+  if (shouldPreventMouseEvent(registrationName, inst.type, props)) {
+    return null;
+  }
+  (function() {
+    if (!(!listener || typeof listener === "function")) {
+      throw ReactError(
+        Error(
+          "Expected `" +
+            registrationName +
+            "` listener to be a function, instead got a value of `" +
+            typeof listener +
+            "` type."
+        )
+      );
+    }
+  })();
+  return listener;
+}
+
+/**
+ * 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;
+  for (var i = 0; i < plugins.length; i++) {
+    // Not every plugin in the ordering may be loaded at runtime.
+    var possiblePlugin = plugins[i];
+    if (possiblePlugin) {
+      var extractedEvents = possiblePlugin.extractEvents(
+        topLevelType,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget
+      );
+      if (extractedEvents) {
+        events = accumulateInto(events, extractedEvents);
+      }
+    }
+  }
+  return events;
+}
+
+function runExtractedPluginEventsInBatch(
+  topLevelType,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget
+) {
+  var events = extractPluginEvents(
+    topLevelType,
+    targetInst,
+    nativeEvent,
+    nativeEventTarget
+  );
+  runEventsInBatch(events);
+}
+
+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 DehydratedSuspenseComponent = 18;
+var SuspenseListComponent = 19;
+var FundamentalComponent = 20;
+
+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(tempA)) {
+    depthA++;
+  }
+  var depthB = 0;
+  for (var tempB = instB; tempB; tempB = getParent(tempB)) {
+    depthB++;
+  }
+
+  // If A is deeper, crawl up.
+  while (depthA - depthB > 0) {
+    instA = getParent(instA);
+    depthA--;
+  }
+
+  // If B is deeper, crawl up.
+  while (depthB - depthA > 0) {
+    instB = getParent(instB);
+    depthB--;
+  }
+
+  // Walk in lockstep until we find a match.
+  var depth = depthA;
+  while (depth--) {
+    if (instA === instB || instA === instB.alternate) {
+      return instA;
+    }
+    instA = getParent(instA);
+    instB = getParent(instB);
+  }
+  return null;
+}
+
+/**
+ * Return if A is an ancestor of B.
+ */
+function isAncestor(instA, instB) {
+  while (instB) {
+    if (instA === instB || instA === instB.alternate) {
+      return true;
+    }
+    instB = getParent(instB);
+  }
+  return false;
+}
+
+/**
+ * Return the parent instance of the passed-in instance.
+ */
+function getParentInstance(inst) {
+  return getParent(inst);
+}
+
+/**
+ * Simulates the traversal of a two-phase, capture/bubble event dispatch.
+ */
+function traverseTwoPhase(inst, fn, arg) {
+  var path = [];
+  while (inst) {
+    path.push(inst);
+    inst = getParent(inst);
+  }
+  var i = void 0;
+  for (i = path.length; i-- > 0; ) {
+    fn(path[i], "captured", arg);
+  }
+  for (i = 0; i < path.length; i++) {
+    fn(path[i], "bubbled", arg);
+  }
+}
+
+/**
+ * Traverses the ID hierarchy and invokes the supplied `cb` on any IDs that
+ * should would receive a `mouseEnter` or `mouseLeave` event.
+ *
+ * Does not invoke the callback on the nearest common ancestor because nothing
+ * "entered" or "left" that element.
+ */
+
+/**
+ * Some event types have a notion of different registration names for different
+ * "phases" of propagation. This finds listeners by a given phase.
+ */
+function listenerAtPhase(inst, event, propagationPhase) {
+  var registrationName =
+    event.dispatchConfig.phasedRegistrationNames[propagationPhase];
+  return getListener(inst, registrationName);
+}
+
+/**
+ * A small set of propagation patterns, each of which will accept a small amount
+ * of information, and generate a set of "dispatch ready event objects" - which
+ * are sets of events that have already been annotated with a set of dispatched
+ * listener functions/ids. The API is designed this way to discourage these
+ * propagation strategies from actually executing the dispatches, since we
+ * always want to collect the entire set of dispatches before executing even a
+ * single one.
+ */
+
+/**
+ * Tags a `SyntheticEvent` with dispatched listeners. Creating this function
+ * here, allows us to not have to bind or create functions for each event.
+ * Mutating the event's members allows us to not have to create a wrapping
+ * "dispatch" object that pairs the event with the listener.
+ */
+function accumulateDirectionalDispatches(inst, phase, event) {
+  {
+    !inst
+      ? warningWithoutStack$1(false, "Dispatching inst must not be null")
+      : void 0;
+  }
+  var listener = listenerAtPhase(inst, event, phase);
+  if (listener) {
+    event._dispatchListeners = accumulateInto(
+      event._dispatchListeners,
+      listener
+    );
+    event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
+  }
+}
+
+/**
+ * Collect dispatches (must be entirely collected before dispatching - see unit
+ * tests). Lazily allocate the array to conserve memory.  We must loop through
+ * each event and perform the traversal for each one. We cannot perform a
+ * single traversal for the entire collection of events because each event may
+ * have a different target.
+ */
+function accumulateTwoPhaseDispatchesSingle(event) {
+  if (event && event.dispatchConfig.phasedRegistrationNames) {
+    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
+  }
+}
+
+/**
+ * Same as `accumulateTwoPhaseDispatchesSingle`, but skips over the targetID.
+ */
+function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
+  if (event && event.dispatchConfig.phasedRegistrationNames) {
+    var targetInst = event._targetInst;
+    var parentInst = targetInst ? getParentInstance(targetInst) : null;
+    traverseTwoPhase(parentInst, accumulateDirectionalDispatches, event);
+  }
+}
+
+/**
+ * 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.
+ */
+function accumulateDispatches(inst, ignoredDirection, event) {
+  if (inst && event && event.dispatchConfig.registrationName) {
+    var registrationName = event.dispatchConfig.registrationName;
+    var listener = getListener(inst, registrationName);
+    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 accumulateDirectDispatchesSingle(event) {
+  if (event && event.dispatchConfig.registrationName) {
+    accumulateDispatches(event._targetInst, null, event);
+  }
+}
+
+function accumulateTwoPhaseDispatches(events) {
+  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle);
+}
+
+function accumulateTwoPhaseDispatchesSkipTarget(events) {
+  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingleSkipTarget);
+}
+
+function accumulateDirectDispatches(events) {
+  forEachAccumulated(events, accumulateDirectDispatchesSingle);
+}
+
+/* eslint valid-typeof: 0 */
+
+var EVENT_POOL_SIZE = 10;
+
+/**
+ * @interface Event
+ * @see http://www.w3.org/TR/DOM-Level-3-Events/
+ */
+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;
+}
+
+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 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;
+
+  var Interface = this.constructor.Interface;
+  for (var propName in Interface) {
+    if (!Interface.hasOwnProperty(propName)) {
+      continue;
+    }
+    {
+      delete this[propName]; // this has a getter/setter for warnings
+    }
+    var normalize = Interface[propName];
+    if (normalize) {
+      this[propName] = normalize(nativeEvent);
+    } else {
+      if (propName === "target") {
+        this.target = nativeEventTarget;
+      } else {
+        this[propName] = nativeEvent[propName];
+      }
+    }
+  }
+
+  var defaultPrevented =
+    nativeEvent.defaultPrevented != null
+      ? nativeEvent.defaultPrevented
+      : nativeEvent.returnValue === false;
+  if (defaultPrevented) {
+    this.isDefaultPrevented = functionThatReturnsTrue;
+  } else {
+    this.isDefaultPrevented = functionThatReturnsFalse;
+  }
+  this.isPropagationStopped = functionThatReturnsFalse;
+  return this;
+}
+
+Object.assign(SyntheticEvent.prototype, {
+  preventDefault: function() {
+    this.defaultPrevented = true;
+    var event = this.nativeEvent;
+    if (!event) {
+      return;
+    }
+
+    if (event.preventDefault) {
+      event.preventDefault();
+    } else if (typeof event.returnValue !== "unknown") {
+      event.returnValue = false;
+    }
+    this.isDefaultPrevented = functionThatReturnsTrue;
+  },
+
+  stopPropagation: function() {
+    var event = this.nativeEvent;
+    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;
+  },
+
+  /**
+   * 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])
+        );
+      }
+    }
+    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() {})
+      );
+    }
+  }
+});
+
+SyntheticEvent.Interface = EventInterface;
+
+/**
+ * Helper to reduce boilerplate when creating subclasses.
+ */
+SyntheticEvent.extend = function(Interface) {
+  var Super = this;
+
+  var E = function() {};
+  E.prototype = Super.prototype;
+  var prototype = new E();
+
+  function Class() {
+    return Super.apply(this, arguments);
+  }
+  Object.assign(prototype, Class.prototype);
+  Class.prototype = prototype;
+  Class.prototype.constructor = Class;
+
+  Class.Interface = Object.assign({}, Super.Interface, Interface);
+  Class.extend = Super.extend;
+  addEventPoolingTo(Class);
+
+  return Class;
+};
+
+addEventPoolingTo(SyntheticEvent);
+
+/**
+ * Helper to nullify syntheticEvent instance properties when destructing
+ *
+ * @param {String} propName
+ * @param {?object} getVal
+ * @return {object} defineProperty object
+ */
+function getPooledWarningPropertyDefinition(propName, getVal) {
+  var isFunction = typeof getVal === "function";
+  return {
+    configurable: true,
+    set: set,
+    get: get
+  };
+
+  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) {
+    var warningCondition = false;
+    !warningCondition
+      ? warningWithoutStack$1(
+          false,
+          "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://fb.me/react-event-pooling for more information.",
+          action,
+          propName,
+          result
+        )
+      : void 0;
+  }
+}
+
+function getPooledEvent(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
+  );
+}
+
+function releasePooledEvent(event) {
+  var EventConstructor = this;
+  (function() {
+    if (!(event instanceof EventConstructor)) {
+      throw ReactError(
+        Error(
+          "Trying to release an event instance into a pool of a different type."
+        )
+      );
+    }
+  })();
+  event.destructor();
+  if (EventConstructor.eventPool.length < EVENT_POOL_SIZE) {
+    EventConstructor.eventPool.push(event);
+  }
+}
+
+function addEventPoolingTo(EventConstructor) {
+  EventConstructor.eventPool = [];
+  EventConstructor.getPooled = getPooledEvent;
+  EventConstructor.release = releasePooledEvent;
+}
+
+/**
+ * `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.
+ */
+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];
+
+/**
+ * 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.
+ */
+
+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.
+ */
+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)
+  };
+}
+
+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 getTouchIdentifier(_ref) {
+  var identifier = _ref.identifier;
+
+  (function() {
+    if (!(identifier != null)) {
+      throw ReactError(Error("Touch object is missing identifier."));
+    }
+  })();
+  {
+    !(identifier <= MAX_TOUCH_BANK)
+      ? warningWithoutStack$1(
+          false,
+          "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
+        )
+      : void 0;
+  }
+  return identifier;
+}
+
+function recordTouchStart(touch) {
+  var identifier = getTouchIdentifier(touch);
+  var touchRecord = touchBank[identifier];
+  if (touchRecord) {
+    resetTouchRecord(touchRecord, touch);
+  } else {
+    touchBank[identifier] = createTouchRecord(touch);
+  }
+  touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+}
+
+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 {
+    console.warn(
+      "Cannot record touch move without a touch start.\n" + "Touch Move: %s\n",
+      "Touch Bank: %s",
+      printTouch(touch),
+      printTouchBank()
+    );
+  }
+}
+
+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 {
+    console.warn(
+      "Cannot record touch end without a touch start.\n" + "Touch End: %s\n",
+      "Touch Bank: %s",
+      printTouch(touch),
+      printTouchBank()
+    );
+  }
+}
+
+function printTouch(touch) {
+  return JSON.stringify({
+    identifier: touch.identifier,
+    pageX: touch.pageX,
+    pageY: touch.pageY,
+    timestamp: timestampForTouch(touch)
+  });
+}
+
+function printTouchBank() {
+  var printed = JSON.stringify(touchBank.slice(0, MAX_TOUCH_BANK));
+  if (touchBank.length > MAX_TOUCH_BANK) {
+    printed += " (original size: " + touchBank.length + ")";
+  }
+  return printed;
+}
+
+var ResponderTouchHistoryStore = {
+  recordTouchTrack: function(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];
+          !(activeRecord != null && activeRecord.touchActive)
+            ? warningWithoutStack$1(false, "Cannot find single active touch.")
+            : void 0;
+        }
+      }
+    }
+  },
+
+  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.
+ */
+function accumulate(current, next) {
+  (function() {
+    if (!(next != null)) {
+      throw ReactError(
+        Error(
+          "accumulate(...): Accumulated items must not be null or undefined."
+        )
+      );
+    }
+  })();
+
+  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 (Array.isArray(current)) {
+    return current.concat(next);
+  }
+
+  if (Array.isArray(next)) {
+    return [current].concat(next);
+  }
+
+  return [current, next];
+}
+
+/**
+ * Instance of element that should respond to touch/move types of interactions,
+ * as indicated explicitly by relevant callbacks.
+ */
+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 trackedTouchCount = 0;
+
+var changeResponder = function(nextResponderInst, blockHostResponder) {
+  var oldResponderInst = responderInst;
+  responderInst = nextResponderInst;
+  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: []
+  }
+};
+
+/**
+ *
+ * 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
+                                             +-----------------------+
+                                            /                         \
+Process low level events to    +     Current Responder      +   wantsResponderID
+determine who to perform negot-|   (if any exists at all)   |
+iation/transition              | Otherwise just pass through|
+-------------------------------+----------------------------+------------------+
+Bubble to find first ID        |                            |
+to return true:wantsResponderID|                            |
+                               |                            |
+     +-------------+           |                            |
+     | onTouchStart|           |                            |
+     +------+------+     none  |                            |
+            |            return|                            |
++-----------v-------------+true| +------------------------+ |
+|onStartShouldSetResponder|----->|onResponderStart (cur)  |<-----------+
++-----------+-------------+    | +------------------------+ |          |
+            |                  |                            | +--------+-------+
+            | returned true for|       false:REJECT +-------->|onResponderReject
+            | wantsResponderID |                    |       | +----------------+
+            | (now attempt     | +------------------+-----+ |
+            |  handoff)        | |   onResponder          | |
+            +------------------->|      TerminationRequest| |
+                               | +------------------+-----+ |
+                               |                    |       | +----------------+
+                               |         true:GRANT +-------->|onResponderGrant|
+                               |                            | +--------+-------+
+                               | +------------------------+ |          |
+                               | |   onResponderTerminate |<-----------+
+                               | +------------------+-----+ |
+                               |                    |       | +----------------+
+                               |                    +-------->|onResponderStart|
+                               |                            | +----------------+
+Bubble to find first ID        |                            |
+to return true:wantsResponderID|                            |
+                               |                            |
+     +-------------+           |                            |
+     | onTouchMove |           |                            |
+     +------+------+     none  |                            |
+            |            return|                            |
++-----------v-------------+true| +------------------------+ |
+|onMoveShouldSetResponder |----->|onResponderMove (cur)   |<-----------+
++-----------+-------------+    | +------------------------+ |          |
+            |                  |                            | +--------+-------+
+            | returned true for|       false:REJECT +-------->|onResponderRejec|
+            | wantsResponderID |                    |       | +----------------+
+            | (now attempt     | +------------------+-----+ |
+            |  handoff)        | |   onResponder          | |
+            +------------------->|      TerminationRequest| |
+                               | +------------------+-----+ |
+                               |                    |       | +----------------+
+                               |         true:GRANT +-------->|onResponderGrant|
+                               |                            | +--------+-------+
+                               | +------------------------+ |          |
+                               | |   onResponderTerminate |<-----------+
+                               | +------------------+-----+ |
+                               |                    |       | +----------------+
+                               |                    +-------->|onResponderMove |
+                               |                            | +----------------+
+                               |                            |
+                               |                            |
+      Some active touch started|                            |
+      inside current responder | +------------------------+ |
+      +------------------------->|      onResponderEnd    | |
+      |                        | +------------------------+ |
+  +---+---------+              |                            |
+  | onTouchEnd  |              |                            |
+  +---+---------+              |                            |
+      |                        | +------------------------+ |
+      +------------------------->|     onResponderEnd     | |
+      No active touches started| +-----------+------------+ |
+      inside current responder |             |              |
+                               |             v              |
+                               | +------------------------+ |
+                               | |    onResponderRelease  | |
+                               | +------------------------+ |
+                               |                            |
+                               +                            + */
+
+/**
+ * A note about event ordering in the `EventPluginHub`.
+ *
+ * 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 `EventPluginHub` (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 `EventPluginHub`)
+ * - `S`s extracted events (if any)   (dispatched by `EventPluginHub`)
+ * - `C`s extracted events (if any)   (dispatched by `EventPluginHub`)
+ *
+ * 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`       (`EventPluginHub` dispatches as usual)
+ * - `touchStart`              (`EventPluginHub` dispatches as usual)
+ * - `responderGrant/Reject`   (`EventPluginHub` 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 = void 0;
+  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,
+      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,
+        nativeEvent,
+        nativeEventTarget
+      );
+      terminateEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+      accumulateDirectDispatches(terminateEvent);
+      extracted = accumulate(extracted, [grantEvent, terminateEvent]);
+      changeResponder(wantsResponderInst, blockHostResponder);
+    } else {
+      var rejectEvent = ResponderSyntheticEvent.getPooled(
+        eventTypes.responderReject,
+        wantsResponderInst,
+        nativeEvent,
+        nativeEventTarget
+      );
+      rejectEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+      accumulateDirectDispatches(rejectEvent);
+      extracted = accumulate(extracted, rejectEvent);
+    }
+  } else {
+    extracted = accumulate(extracted, grantEvent);
+    changeResponder(wantsResponderInst, blockHostResponder);
+  }
+  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;
+  if (!touches || touches.length === 0) {
+    return true;
+  }
+  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 (isAncestor(responderInst, targetInst)) {
+        return false;
+      }
+    }
+  }
+  return true;
+}
+
+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
+  ) {
+    if (isStartish(topLevelType)) {
+      trackedTouchCount += 1;
+    } else if (isEndish(topLevelType)) {
+      if (trackedTouchCount >= 0) {
+        trackedTouchCount -= 1;
+      } else {
+        console.error(
+          "Ended a touch event which was not counted in `trackedTouchCount`."
+        );
+        return null;
+      }
+    }
+
+    ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
+
+    var extracted = canTriggerTransfer(topLevelType, targetInst, nativeEvent)
+      ? 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(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);
+    }
+
+    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;
+    }
+  }
+};
+
+// Module provided by RN:
+var customBubblingEventTypes =
+  ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+    .customBubblingEventTypes;
+var customDirectEventTypes =
+  ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+    .customDirectEventTypes;
+
+var ReactNativeBridgeEventPlugin = {
+  eventTypes: {},
+
+  /**
+   * @see {EventPluginHub.extractEvents}
+   */
+  extractEvents: function(
+    topLevelType,
+    targetInst,
+    nativeEvent,
+    nativeEventTarget
+  ) {
+    if (targetInst == null) {
+      // Probably a node belonging to another renderer's tree.
+      return null;
+    }
+    var bubbleDispatchConfig = customBubblingEventTypes[topLevelType];
+    var directDispatchConfig = customDirectEventTypes[topLevelType];
+    (function() {
+      if (!(bubbleDispatchConfig || directDispatchConfig)) {
+        throw ReactError(
+          Error(
+            'Unsupported top level event type "' + topLevelType + '" dispatched'
+          )
+        );
+      }
+    })();
+    var event = SyntheticEvent.getPooled(
+      bubbleDispatchConfig || directDispatchConfig,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    );
+    if (bubbleDispatchConfig) {
+      accumulateTwoPhaseDispatches(event);
+    } else if (directDispatchConfig) {
+      accumulateDirectDispatches(event);
+    } else {
+      return null;
+    }
+    return event;
+  }
+};
+
+var ReactNativeEventPluginOrder = [
+  "ResponderEventPlugin",
+  "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
+ */
+// Module provided by RN:
+/**
+ * Inject module for resolving DOM hierarchy and plugin ordering.
+ */
+injection.injectEventPluginOrder(ReactNativeEventPluginOrder);
+
+/**
+ * Some important event plugins included by default (without having to require
+ * them).
+ */
+injection.injectEventPluginsByName({
+  ResponderEventPlugin: ResponderEventPlugin,
+  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
+});
+
+function getInstanceFromInstance(instanceHandle) {
+  return instanceHandle;
+}
+
+function getTagFromInstance(inst) {
+  var tag = inst.stateNode.canonical._nativeTag;
+  (function() {
+    if (!tag) {
+      throw ReactError(Error("All native instances should have a tag."));
+    }
+  })();
+  return tag;
+}
+
+function getFiberCurrentPropsFromNode$1(inst) {
+  return inst.canonical.currentProps;
+}
+
+// Module provided by RN:
+var ReactFabricGlobalResponderHandler = {
+  onChange: function(from, to, blockNativeResponder) {
+    if (to !== null) {
+      var tag = to.stateNode.canonical._nativeTag;
+      ReactNativePrivateInterface.UIManager.setJSResponder(
+        tag,
+        blockNativeResponder
+      );
+    } 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.
+ */
+
+/**
+ * This API should be called `delete` but we'd have to make sure to always
+ * transform these to strings for IE support. When this transform is fully
+ * supported we can rename it.
+ */
+
+function get(key) {
+  return key._reactInternalFiber;
+}
+
+function set(key, value) {
+  key._reactInternalFiber = value;
+}
+
+var ReactSharedInternals =
+  React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+// Prevent newer renderers from RTE when used with older react package versions.
+// Current owner and dispatcher used to share the same ref,
+// but PR #14548 split them out to better support the react-debug-tools package.
+if (!ReactSharedInternals.hasOwnProperty("ReactCurrentDispatcher")) {
+  ReactSharedInternals.ReactCurrentDispatcher = {
+    current: null
+  };
+}
+if (!ReactSharedInternals.hasOwnProperty("ReactCurrentBatchConfig")) {
+  ReactSharedInternals.ReactCurrentBatchConfig = {
+    suspense: null
+  };
+}
+
+// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
+// nor polyfill, then a plain number is used for performance.
+var hasSymbol = typeof Symbol === "function" && Symbol.for;
+
+var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 0xeac7;
+var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 0xeaca;
+var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 0xeacb;
+var REACT_STRICT_MODE_TYPE = hasSymbol
+  ? Symbol.for("react.strict_mode")
+  : 0xeacc;
+var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 0xead2;
+var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 0xeacd;
+var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 0xeace;
+// TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
+// (unstable) APIs that have been removed. Can we remove the symbols?
+
+var REACT_CONCURRENT_MODE_TYPE = hasSymbol
+  ? Symbol.for("react.concurrent_mode")
+  : 0xeacf;
+var REACT_FORWARD_REF_TYPE = hasSymbol
+  ? Symbol.for("react.forward_ref")
+  : 0xead0;
+var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 0xead1;
+var REACT_SUSPENSE_LIST_TYPE = hasSymbol
+  ? Symbol.for("react.suspense_list")
+  : 0xead8;
+var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 0xead3;
+var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 0xead4;
+var REACT_FUNDAMENTAL_TYPE = hasSymbol
+  ? Symbol.for("react.fundamental")
+  : 0xead5;
+var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 0xead6;
+
+var MAYBE_ITERATOR_SYMBOL = typeof Symbol === "function" && 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;
+}
+
+var Pending = 0;
+var Resolved = 1;
+var Rejected = 2;
+
+function refineResolvedLazyComponent(lazyComponent) {
+  return lazyComponent._status === Resolved ? lazyComponent._result : null;
+}
+
+function getWrappedName(outerType, innerType, wrapperName) {
+  var functionName = innerType.displayName || innerType.name || "";
+  return (
+    outerType.displayName ||
+    (functionName !== "" ? wrapperName + "(" + functionName + ")" : wrapperName)
+  );
+}
+
+function getComponentName(type) {
+  if (type == null) {
+    // Host root, text node or just invalid type.
+    return null;
+  }
+  {
+    if (typeof type.tag === "number") {
+      warningWithoutStack$1(
+        false,
+        "Received an unexpected object in getComponentName(). " +
+          "This is likely a bug in React. Please file an issue."
+      );
+    }
+  }
+  if (typeof type === "function") {
+    return type.displayName || type.name || null;
+  }
+  if (typeof type === "string") {
+    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 (typeof type === "object") {
+    switch (type.$$typeof) {
+      case REACT_CONTEXT_TYPE:
+        return "Context.Consumer";
+      case REACT_PROVIDER_TYPE:
+        return "Context.Provider";
+      case REACT_FORWARD_REF_TYPE:
+        return getWrappedName(type, type.render, "ForwardRef");
+      case REACT_MEMO_TYPE:
+        return getComponentName(type.type);
+      case REACT_LAZY_TYPE: {
+        var thenable = type;
+        var resolvedThenable = refineResolvedLazyComponent(thenable);
+        if (resolvedThenable) {
+          return getComponentName(resolvedThenable);
+        }
+        break;
+      }
+    }
+  }
+  return null;
+}
+
+// Don't change these two values. They're used by React Dev Tools.
+var NoEffect = /*              */ 0;
+var PerformedWork = /*         */ 1;
+
+// You can change the rest (and add more).
+var Placement = /*             */ 2;
+var Update = /*                */ 4;
+var PlacementAndUpdate = /*    */ 6;
+var Deletion = /*              */ 8;
+var ContentReset = /*          */ 16;
+var Callback = /*              */ 32;
+var DidCapture = /*            */ 64;
+var Ref = /*                   */ 128;
+var Snapshot = /*              */ 256;
+var Passive = /*               */ 512;
+
+// Passive & Update & Callback & Ref & Snapshot
+var LifecycleEffectMask = /*   */ 932;
+
+// Union of all host effects
+var HostEffectMask = /*        */ 1023;
+
+var Incomplete = /*            */ 1024;
+var ShouldCapture = /*         */ 2048;
+
+// Re-export dynamic flags from the fbsource version.
+var _require = require("../shims/ReactFeatureFlags");
+
+var debugRenderPhaseSideEffects = _require.debugRenderPhaseSideEffects;
+
+var enableUserTimingAPI = true;
+var enableProfilerTimer = true;
+var enableSchedulerTracing = true;
+var enableSuspenseServerRenderer = false;
+
+var debugRenderPhaseSideEffectsForStrictMode = true;
+
+var replayFailedUnitOfWorkWithInvokeGuardedCallback = true;
+var warnAboutDeprecatedLifecycles = true;
+var warnAboutDeprecatedSetNativeProps = true;
+var enableFlareAPI = false;
+var enableFundamentalAPI = false;
+
+var warnAboutUnmockedScheduler = true;
+var revertPassiveEffectsChange = false;
+var flushSuspenseFallbacksInTests = true;
+var enableUserBlockingEvents = false;
+var enableSuspenseCallback = false;
+var warnAboutDefaultPropsOnFunctionComponents = false;
+var warnAboutStringRefs = false;
+var disableLegacyContext = false;
+var disableSchedulerTimeoutBasedOnReactExpirationTime = false;
+
+// Only used in www builds.
+
+var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
+
+var MOUNTING = 1;
+var MOUNTED = 2;
+var UNMOUNTED = 3;
+
+function isFiberMountedImpl(fiber) {
+  var node = 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.
+    if ((node.effectTag & Placement) !== NoEffect) {
+      return MOUNTING;
+    }
+    while (node.return) {
+      node = node.return;
+      if ((node.effectTag & Placement) !== NoEffect) {
+        return MOUNTING;
+      }
+    }
+  } else {
+    while (node.return) {
+      node = node.return;
+    }
+  }
+  if (node.tag === HostRoot) {
+    // TODO: Check if this was a nested HostRoot when used with
+    // renderContainerIntoSubtree.
+    return MOUNTED;
+  }
+  // If we didn't hit the root, that means that we're in an disconnected tree
+  // that has been unmounted.
+  return UNMOUNTED;
+}
+
+function isFiberMounted(fiber) {
+  return isFiberMountedImpl(fiber) === MOUNTED;
+}
+
+function isMounted(component) {
+  {
+    var owner = ReactCurrentOwner$1.current;
+    if (owner !== null && owner.tag === ClassComponent) {
+      var ownerFiber = owner;
+      var instance = ownerFiber.stateNode;
+      !instance._warnedAboutRefsInRender
+        ? warningWithoutStack$1(
+            false,
+            "%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.",
+            getComponentName(ownerFiber.type) || "A component"
+          )
+        : void 0;
+      instance._warnedAboutRefsInRender = true;
+    }
+  }
+
+  var fiber = get(component);
+  if (!fiber) {
+    return false;
+  }
+  return isFiberMountedImpl(fiber) === MOUNTED;
+}
+
+function assertIsMounted(fiber) {
+  (function() {
+    if (!(isFiberMountedImpl(fiber) === MOUNTED)) {
+      throw ReactError(Error("Unable to find node on an unmounted component."));
+    }
+  })();
+}
+
+function findCurrentFiberUsingSlowPath(fiber) {
+  var alternate = fiber.alternate;
+  if (!alternate) {
+    // If there is no alternate, then we only need to check if it is mounted.
+    var state = isFiberMountedImpl(fiber);
+    (function() {
+      if (!(state !== UNMOUNTED)) {
+        throw ReactError(
+          Error("Unable to find node on an unmounted component.")
+        );
+      }
+    })();
+    if (state === MOUNTING) {
+      return null;
+    }
+    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 a = fiber;
+  var b = alternate;
+  while (true) {
+    var parentA = a.return;
+    if (parentA === null) {
+      // We're at the root.
+      break;
+    }
+    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.
+      (function() {
+        {
+          throw ReactError(
+            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;
+      while (_child) {
+        if (_child === a) {
+          didFindChild = true;
+          a = parentA;
+          b = parentB;
+          break;
+        }
+        if (_child === b) {
+          didFindChild = true;
+          b = parentA;
+          a = parentB;
+          break;
+        }
+        _child = _child.sibling;
+      }
+      if (!didFindChild) {
+        // Search parent B's child set
+        _child = parentB.child;
+        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;
+        }
+        (function() {
+          if (!didFindChild) {
+            throw ReactError(
+              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() {
+      if (!(a.alternate === b)) {
+        throw ReactError(
+          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.
+  (function() {
+    if (!(a.tag === HostRoot)) {
+      throw ReactError(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);
+  if (!currentParent) {
+    return null;
+  }
+
+  // Next we'll drill down this component to find the first HostComponent/Text.
+  var node = currentParent;
+  while (true) {
+    if (node.tag === HostComponent || node.tag === HostText) {
+      return node;
+    } else if (node.child) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === currentParent) {
+      return null;
+    }
+    while (!node.sibling) {
+      if (!node.return || node.return === currentParent) {
+        return null;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+  // Flow needs the return null here, but ESLint complains about it.
+  // eslint-disable-next-line no-unreachable
+  return null;
+}
+
+/**
+ * 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 throwOnStylesProp(component, props) {
+  if (props.styles !== undefined) {
+    var owner = component._owner || null;
+    var name = component.constructor.displayName;
+    var msg =
+      "`styles` is not a supported property of `" +
+      name +
+      "`, did " +
+      "you mean `style` (singular)?";
+    if (owner && owner.constructor && owner.constructor.displayName) {
+      msg +=
+        "\n\nCheck the `" +
+        owner.constructor.displayName +
+        "` parent " +
+        " component.";
+    }
+    throw new Error(msg);
+  }
+}
+
+function warnForStyleProps(props, validAttributes) {
+  for (var key in validAttributes.style) {
+    if (!(validAttributes[key] || props[key] === undefined)) {
+      console.error(
+        "You are setting the style `{ " +
+          key +
+          ": ... }` as a prop. You " +
+          "should nest it in a style object. " +
+          "E.g. `{ style: { " +
+          key +
+          ": ... } }`"
+      );
+    }
+  }
+}
+
+// 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;
+
+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);
+  }
+}
+
+function restoreDeletedValuesInNestedArray(
+  updatePayload,
+  node,
+  validAttributes
+) {
+  if (Array.isArray(node)) {
+    var i = node.length;
+    while (i-- && removedKeyCount > 0) {
+      restoreDeletedValuesInNestedArray(
+        updatePayload,
+        node[i],
+        validAttributes
+      );
+    }
+  } else if (node && removedKeyCount > 0) {
+    var obj = node;
+    for (var propKey in removedKeys) {
+      if (!removedKeys[propKey]) {
+        continue;
+      }
+      var nextProp = obj[propKey];
+      if (nextProp === undefined) {
+        continue;
+      }
+
+      var attributeConfig = validAttributes[propKey];
+      if (!attributeConfig) {
+        continue; // not a valid native prop
+      }
+
+      if (typeof nextProp === "function") {
+        nextProp = true;
+      }
+      if (typeof nextProp === "undefined") {
+        nextProp = null;
+      }
+
+      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;
+      }
+      removedKeys[propKey] = false;
+      removedKeyCount--;
+    }
+  }
+}
+
+function diffNestedArrayProperty(
+  updatePayload,
+  prevArray,
+  nextArray,
+  validAttributes
+) {
+  var minLength =
+    prevArray.length < nextArray.length ? prevArray.length : nextArray.length;
+  var i = void 0;
+  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(
+      updatePayload,
+      nextArray[i],
+      validAttributes
+    );
+  }
+  return updatePayload;
+}
+
+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 (!prevProp || !nextProp) {
+    if (nextProp) {
+      return addNestedProperty(updatePayload, nextProp, validAttributes);
+    }
+    if (prevProp) {
+      return clearNestedProperty(updatePayload, prevProp, validAttributes);
+    }
+    return updatePayload;
+  }
+
+  if (!Array.isArray(prevProp) && !Array.isArray(nextProp)) {
+    // Both are leaves, we can diff the leaves.
+    return diffProperties(updatePayload, prevProp, nextProp, validAttributes);
+  }
+
+  if (Array.isArray(prevProp) && Array.isArray(nextProp)) {
+    // Both are arrays, we can diff the arrays.
+    return diffNestedArrayProperty(
+      updatePayload,
+      prevProp,
+      nextProp,
+      validAttributes
+    );
+  }
+
+  if (Array.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.
+ */
+function addNestedProperty(updatePayload, nextProp, validAttributes) {
+  if (!nextProp) {
+    return updatePayload;
+  }
+
+  if (!Array.isArray(nextProp)) {
+    // Add each property of the leaf.
+    return addProperties(updatePayload, nextProp, validAttributes);
+  }
+
+  for (var i = 0; i < nextProp.length; i++) {
+    // Add all the properties of the array.
+    updatePayload = addNestedProperty(
+      updatePayload,
+      nextProp[i],
+      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.
+ */
+function clearNestedProperty(updatePayload, prevProp, validAttributes) {
+  if (!prevProp) {
+    return updatePayload;
+  }
+
+  if (!Array.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 = void 0;
+  var nextProp = void 0;
+  var prevProp = void 0;
+
+  for (var propKey in nextProps) {
+    attributeConfig = validAttributes[propKey];
+    if (!attributeConfig) {
+      continue; // not a valid native prop
+    }
+
+    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;
+      }
+    }
+
+    // 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 (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;
+      }
+      continue;
+    }
+
+    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;
+      }
+    } 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;
+      }
+    } 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(
+          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.
+  for (var _propKey in prevProps) {
+    if (nextProps[_propKey] !== undefined) {
+      continue; // we've already covered this key in the previous pass
+    }
+    attributeConfig = validAttributes[_propKey];
+    if (!attributeConfig) {
+      continue; // not a valid native prop
+    }
+
+    if (updatePayload && updatePayload[_propKey] !== undefined) {
+      // This was already updated to a diff result earlier.
+      continue;
+    }
+
+    prevProp = prevProps[_propKey];
+    if (prevProp === undefined) {
+      continue; // was already empty anyway
+    }
+    // Pattern match on: attributeConfig
+    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 (!removedKeys) {
+        removedKeys = {};
+      }
+      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 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.
+ */
+function clearProperties(updatePayload, prevProps, validAttributes) {
+  // TODO: Fast path
+  return diffProperties(updatePayload, prevProps, emptyObject, validAttributes);
+}
+
+function create(props, validAttributes) {
+  return addProperties(
+    null, // updatePayload
+    props,
+    validAttributes
+  );
+}
+
+function diff(prevProps, nextProps, validAttributes) {
+  return diffProperties(
+    null, // updatePayload
+    prevProps,
+    nextProps,
+    validAttributes
+  );
+}
+
+// Use to restore controlled state after a change event has fired.
+
+var restoreImpl = null;
+var restoreTarget = null;
+var restoreQueue = null;
+
+function restoreStateOfTarget(target) {
+  // We perform this translation at the end of the event loop so that we
+  // always receive the correct fiber here
+  var internalInstance = getInstanceFromNode(target);
+  if (!internalInstance) {
+    // Unmounted
+    return;
+  }
+  (function() {
+    if (!(typeof restoreImpl === "function")) {
+      throw ReactError(
+        Error(
+          "setRestoreImplementation() needs to be called to handle a target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    }
+  })();
+  var props = getFiberCurrentPropsFromNode(internalInstance.stateNode);
+  restoreImpl(internalInstance.stateNode, internalInstance.type, props);
+}
+
+function needsStateRestore() {
+  return restoreTarget !== null || restoreQueue !== null;
+}
+
+function restoreStateIfNeeded() {
+  if (!restoreTarget) {
+    return;
+  }
+  var target = restoreTarget;
+  var queuedTargets = restoreQueue;
+  restoreTarget = null;
+  restoreQueue = null;
+
+  restoreStateOfTarget(target);
+  if (queuedTargets) {
+    for (var i = 0; i < queuedTargets.length; i++) {
+      restoreStateOfTarget(queuedTargets[i]);
+    }
+  }
+}
+
+// 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 discreteUpdatesImpl = function(fn, a, b, c) {
+  return fn(a, b, c);
+};
+var flushDiscreteUpdatesImpl = function() {};
+var batchedEventUpdatesImpl = batchedUpdatesImpl;
+
+var isInsideEventHandler = false;
+
+function finishEventHandler() {
+  // Here we wait until all updates have propagated, which is important
+  // when using controlled components within layers:
+  // https://github.com/facebook/react/issues/1698
+  // Then we restore state of any controlled component.
+  var controlledComponentsHavePendingUpdates = needsStateRestore();
+  if (controlledComponentsHavePendingUpdates) {
+    // If a controlled event was fired, we may need to restore the state of
+    // the DOM node back to the controlled value. This is necessary when React
+    // bails out of the update without touching the DOM.
+    flushDiscreteUpdatesImpl();
+    restoreStateIfNeeded();
+  }
+}
+
+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;
+    finishEventHandler();
+  }
+}
+
+function batchedEventUpdates(fn, a, b) {
+  if (isInsideEventHandler) {
+    // If we are currently inside another batch, we need to wait until it
+    // fully completes before restoring state.
+    return fn(a, b);
+  }
+  isInsideEventHandler = true;
+  try {
+    return batchedEventUpdatesImpl(fn, a, b);
+  } finally {
+    isInsideEventHandler = false;
+    finishEventHandler();
+  }
+}
+
+function discreteUpdates(fn, a, b, c) {
+  var prevIsInsideEventHandler = isInsideEventHandler;
+  isInsideEventHandler = true;
+  try {
+    return discreteUpdatesImpl(fn, a, b, c);
+  } finally {
+    isInsideEventHandler = prevIsInsideEventHandler;
+    if (!isInsideEventHandler) {
+      finishEventHandler();
+    }
+  }
+}
+
+var lastFlushedEventTimeStamp = 0;
+function flushDiscreteUpdatesIfNeeded(timeStamp) {
+  // event.timeStamp isn't overly reliable due to inconsistencies in
+  // how different browsers have historically provided the time stamp.
+  // Some browsers provide high-resolution time stamps for all events,
+  // some provide low-resolution time stamps for all events. FF < 52
+  // even mixes both time stamps together. Some browsers even report
+  // negative time stamps or time stamps that are 0 (iOS9) in some cases.
+  // Given we are only comparing two time stamps with equality (!==),
+  // we are safe from the resolution differences. If the time stamp is 0
+  // we bail-out of preventing the flush, which can affect semantics,
+  // such as if an earlier flush removes or adds event listeners that
+  // are fired in the subsequent flush. However, this is the same
+  // behaviour as we had before this change, so the risks are low.
+  if (
+    !isInsideEventHandler &&
+    (!enableFlareAPI ||
+      timeStamp === 0 ||
+      lastFlushedEventTimeStamp !== timeStamp)
+  ) {
+    lastFlushedEventTimeStamp = timeStamp;
+    flushDiscreteUpdatesImpl();
+  }
+}
+
+function setBatchingImplementation(
+  _batchedUpdatesImpl,
+  _discreteUpdatesImpl,
+  _flushDiscreteUpdatesImpl,
+  _batchedEventUpdatesImpl
+) {
+  batchedUpdatesImpl = _batchedUpdatesImpl;
+  discreteUpdatesImpl = _discreteUpdatesImpl;
+  flushDiscreteUpdatesImpl = _flushDiscreteUpdatesImpl;
+  batchedEventUpdatesImpl = _batchedEventUpdatesImpl;
+}
+
+function _classCallCheck$1(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+function _possibleConstructorReturn(self, call) {
+  if (!self) {
+    throw new ReferenceError(
+      "this hasn't been initialised - super() hasn't been called"
+    );
+  }
+  return call && (typeof call === "object" || typeof call === "function")
+    ? call
+    : self;
+}
+
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError(
+      "Super expression must either be null or a function, not " +
+        typeof superClass
+    );
+  }
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      enumerable: false,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass)
+    Object.setPrototypeOf
+      ? Object.setPrototypeOf(subClass, superClass)
+      : (subClass.__proto__ = superClass);
+}
+
+/**
+ * Class only exists for its Flow type.
+ */
+var ReactNativeComponent = (function(_React$Component) {
+  _inherits(ReactNativeComponent, _React$Component);
+
+  function ReactNativeComponent() {
+    _classCallCheck$1(this, ReactNativeComponent);
+
+    return _possibleConstructorReturn(
+      this,
+      _React$Component.apply(this, arguments)
+    );
+  }
+
+  ReactNativeComponent.prototype.blur = function blur() {};
+
+  ReactNativeComponent.prototype.focus = function focus() {};
+
+  ReactNativeComponent.prototype.measure = function measure(callback) {};
+
+  ReactNativeComponent.prototype.measureInWindow = function measureInWindow(
+    callback
+  ) {};
+
+  ReactNativeComponent.prototype.measureLayout = function measureLayout(
+    relativeToNativeNode,
+    onSuccess,
+    onFail
+  ) {};
+
+  ReactNativeComponent.prototype.setNativeProps = function setNativeProps(
+    nativeProps
+  ) {};
+
+  return ReactNativeComponent;
+})(React.Component);
+
+/**
+ * This type keeps ReactNativeFiberHostComponent and NativeMethodsMixin in sync.
+ * It can also provide types for ReactNative applications that use NMM or refs.
+ */
+
+/**
+ * Flat ReactNative renderer bundles are too big for Flow to parse efficiently.
+ * Provide minimal Flow typing for the high-level RN API and call it a day.
+ */
+
+var DiscreteEvent = 0;
+var UserBlockingEvent = 1;
+var ContinuousEvent = 2;
+
+/**
+ * Similar to invariant but only logs a warning if the condition is not met.
+ * This can be used to log issues in development environments in critical
+ * paths. Removing the logging code for production environments will keep the
+ * same logic and follow the same code paths.
+ */
+
+var warning = warningWithoutStack$1;
+
+{
+  warning = function(condition, format) {
+    if (condition) {
+      return;
+    }
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var stack = ReactDebugCurrentFrame.getStackAddendum();
+    // eslint-disable-next-line react-internal/warning-and-invariant-args
+
+    for (
+      var _len = arguments.length,
+        args = Array(_len > 2 ? _len - 2 : 0),
+        _key = 2;
+      _key < _len;
+      _key++
+    ) {
+      args[_key - 2] = arguments[_key];
+    }
+
+    warningWithoutStack$1.apply(
+      undefined,
+      [false, format + "%s"].concat(args, [stack])
+    );
+  };
+}
+
+var warning$1 = warning;
+
+// Intentionally not named imports because Rollup would use dynamic dispatch for
+// CommonJS interop named imports.
+var UserBlockingPriority = Scheduler.unstable_UserBlockingPriority;
+var runWithPriority = Scheduler.unstable_runWithPriority;
+var _nativeFabricUIManage$2 = nativeFabricUIManager;
+var measureInWindow = _nativeFabricUIManage$2.measureInWindow;
+
+var activeTimeouts = new Map();
+var rootEventTypesToEventResponderInstances = new Map();
+var ownershipChangeListeners = new Set();
+
+var globalOwner = null;
+
+var currentTimeStamp = 0;
+var currentTimers = new Map();
+var currentInstance = null;
+var currentEventQueue = null;
+var currentEventQueuePriority = ContinuousEvent;
+var currentTimerIDCounter = 0;
+
+var eventResponderContext = {
+  dispatchEvent: function(eventValue, eventListener, eventPriority) {
+    validateResponderContext();
+    validateEventValue(eventValue);
+    if (eventPriority < currentEventQueuePriority) {
+      currentEventQueuePriority = eventPriority;
+    }
+    currentEventQueue.push(createEventQueueItem(eventValue, eventListener));
+  },
+  isTargetWithinNode: function(childTarget, parentTarget) {
+    validateResponderContext();
+    var childFiber = getFiberFromTarget(childTarget);
+    var parentFiber = getFiberFromTarget(parentTarget);
+
+    var node = childFiber;
+    while (node !== null) {
+      if (node === parentFiber) {
+        return true;
+      }
+      node = node.return;
+    }
+    return false;
+  },
+  getTargetBoundingRect: function(target, callback) {
+    measureInWindow(target.node, function(x, y, width, height) {
+      callback({
+        left: x,
+        right: x + width,
+        top: y,
+        bottom: y + height
+      });
+    });
+  },
+  addRootEventTypes: function(rootEventTypes) {
+    validateResponderContext();
+    for (var i = 0; i < rootEventTypes.length; i++) {
+      var rootEventType = rootEventTypes[i];
+      var eventResponderInstance = currentInstance;
+      registerRootEventType(rootEventType, eventResponderInstance);
+    }
+  },
+  removeRootEventTypes: function(rootEventTypes) {
+    validateResponderContext();
+    for (var i = 0; i < rootEventTypes.length; i++) {
+      var rootEventType = rootEventTypes[i];
+
+      var rootEventResponders = rootEventTypesToEventResponderInstances.get(
+        rootEventType
+      );
+      var rootEventTypesSet = currentInstance.rootEventTypes;
+      if (rootEventTypesSet !== null) {
+        rootEventTypesSet.delete(rootEventType);
+      }
+      if (rootEventResponders !== undefined) {
+        rootEventResponders.delete(currentInstance);
+      }
+    }
+  },
+  setTimeout: function(func, delay) {
+    validateResponderContext();
+    if (currentTimers === null) {
+      currentTimers = new Map();
+    }
+    var timeout = currentTimers.get(delay);
+
+    var timerId = currentTimerIDCounter++;
+    if (timeout === undefined) {
+      var _timers = new Map();
+      var _id = setTimeout(function() {
+        processTimers(_timers, delay);
+      }, delay);
+      timeout = {
+        id: _id,
+        timers: _timers
+      };
+      currentTimers.set(delay, timeout);
+    }
+    timeout.timers.set(timerId, {
+      instance: currentInstance,
+      func: func,
+      id: timerId,
+      timeStamp: currentTimeStamp
+    });
+    activeTimeouts.set(timerId, timeout);
+    return timerId;
+  },
+  clearTimeout: function(timerId) {
+    validateResponderContext();
+    var timeout = activeTimeouts.get(timerId);
+
+    if (timeout !== undefined) {
+      var _timers2 = timeout.timers;
+      _timers2.delete(timerId);
+      if (_timers2.size === 0) {
+        clearTimeout(timeout.id);
+      }
+    }
+  },
+  getTimeStamp: function() {
+    validateResponderContext();
+    return currentTimeStamp;
+  }
+};
+
+function createEventQueueItem(value, listener) {
+  return {
+    value: value,
+    listener: listener
+  };
+}
+
+function validateEventValue(eventValue) {
+  if (typeof eventValue === "object" && eventValue !== null) {
+    var target = eventValue.target,
+      type = eventValue.type,
+      _timeStamp = eventValue.timeStamp;
+
+    if (target == null || type == null || _timeStamp == null) {
+      throw new Error(
+        'context.dispatchEvent: "target", "timeStamp", and "type" fields on event object are required.'
+      );
+    }
+    var showWarning = function(name) {
+      {
+        warning$1(
+          false,
+          "%s is not available on event objects created from event responder modules (React Flare). " +
+            'Try wrapping in a conditional, i.e. `if (event.type !== "press") { event.%s }`',
+          name,
+          name
+        );
+      }
+    };
+    eventValue.preventDefault = function() {
+      {
+        showWarning("preventDefault()");
+      }
+    };
+    eventValue.stopPropagation = function() {
+      {
+        showWarning("stopPropagation()");
+      }
+    };
+    eventValue.isDefaultPrevented = function() {
+      {
+        showWarning("isDefaultPrevented()");
+      }
+    };
+    eventValue.isPropagationStopped = function() {
+      {
+        showWarning("isPropagationStopped()");
+      }
+    };
+    // $FlowFixMe: we don't need value, Flow thinks we do
+    Object.defineProperty(eventValue, "nativeEvent", {
+      get: function() {
+        {
+          showWarning("nativeEvent");
+        }
+      }
+    });
+  }
+}
+
+function getFiberFromTarget(target) {
+  if (target === null) {
+    return null;
+  }
+  return target.canonical._internalInstanceHandle || null;
+}
+
+function processTimers(timers, delay) {
+  var timersArr = Array.from(timers.values());
+  currentEventQueuePriority = ContinuousEvent;
+  try {
+    for (var i = 0; i < timersArr.length; i++) {
+      var _timersArr$i = timersArr[i],
+        _instance = _timersArr$i.instance,
+        _func = _timersArr$i.func,
+        _id2 = _timersArr$i.id,
+        _timeStamp2 = _timersArr$i.timeStamp;
+
+      currentInstance = _instance;
+      currentEventQueue = [];
+      currentTimeStamp = _timeStamp2 + delay;
+      try {
+        _func();
+      } finally {
+        activeTimeouts.delete(_id2);
+      }
+    }
+    processEventQueue();
+  } finally {
+    currentTimers = null;
+    currentInstance = null;
+    currentEventQueue = null;
+    currentTimeStamp = 0;
+  }
+}
+
+function createFabricResponderEvent(topLevelType, nativeEvent, target) {
+  return {
+    nativeEvent: nativeEvent,
+    responderTarget: target,
+    target: target,
+    type: topLevelType
+  };
+}
+
+function validateResponderContext() {
+  (function() {
+    if (!(currentEventQueue && currentInstance)) {
+      throw ReactError(
+        Error(
+          "An event responder context was used outside of an event cycle. Use context.setTimeout() to use asynchronous responder context outside of event cycle ."
+        )
+      );
+    }
+  })();
+}
+
+// TODO this function is almost an exact copy of the DOM version, we should
+// somehow share the logic
+function processEventQueue() {
+  var eventQueue = currentEventQueue;
+  if (eventQueue.length === 0) {
+    return;
+  }
+  switch (currentEventQueuePriority) {
+    case DiscreteEvent: {
+      flushDiscreteUpdatesIfNeeded(currentTimeStamp);
+      discreteUpdates(function() {
+        batchedEventUpdates(processEvents, eventQueue);
+      });
+      break;
+    }
+    case UserBlockingEvent: {
+      if (enableUserBlockingEvents) {
+        runWithPriority(
+          UserBlockingPriority,
+          batchedEventUpdates.bind(null, processEvents, eventQueue)
+        );
+      } else {
+        batchedEventUpdates(processEvents, eventQueue);
+      }
+      break;
+    }
+    case ContinuousEvent: {
+      batchedEventUpdates(processEvents, eventQueue);
+      break;
+    }
+  }
+}
+
+// TODO this function is almost an exact copy of the DOM version, we should
+// somehow share the logic
+function releaseOwnershipForEventResponderInstance(eventResponderInstance) {
+  if (globalOwner === eventResponderInstance) {
+    globalOwner = null;
+    triggerOwnershipListeners();
+    return true;
+  }
+  return false;
+}
+
+// TODO this function is almost an exact copy of the DOM version, we should
+// somehow share the logic
+function processEvents(eventQueue) {
+  for (var i = 0, length = eventQueue.length; i < length; i++) {
+    var _eventQueue$i = eventQueue[i],
+      _value = _eventQueue$i.value,
+      _listener = _eventQueue$i.listener;
+
+    var type = typeof _value === "object" && _value !== null ? _value.type : "";
+    invokeGuardedCallbackAndCatchFirstError(type, _listener, undefined, _value);
+  }
+}
+
+// TODO this function is almost an exact copy of the DOM version, we should
+// somehow share the logic
+function responderEventTypesContainType(eventTypes, type) {
+  for (var i = 0, len = eventTypes.length; i < len; i++) {
+    if (eventTypes[i] === type) {
+      return true;
+    }
+  }
+  return false;
+}
+
+function validateResponderTargetEventTypes(eventType, responder) {
+  var targetEventTypes = responder.targetEventTypes;
+  // Validate the target event type exists on the responder
+
+  if (targetEventTypes !== null) {
+    return responderEventTypesContainType(targetEventTypes, eventType);
+  }
+  return false;
+}
+
+function validateOwnership(responderInstance) {
+  return globalOwner === null || globalOwner === responderInstance;
+}
+
+// TODO this function is almost an exact copy of the DOM version, we should
+// somehow share the logic
+function traverseAndHandleEventResponderInstances(
+  eventType,
+  targetFiber,
+  nativeEvent
+) {
+  // Trigger event responders in this order:
+  // - Bubble target responder phase
+  // - Root responder phase
+
+  var responderEvent = createFabricResponderEvent(
+    eventType,
+    nativeEvent,
+    targetFiber !== null ? targetFiber.stateNode : null
+  );
+  var visitedResponders = new Set();
+  var node = targetFiber;
+  while (node !== null) {
+    var _node = node,
+      dependencies = _node.dependencies,
+      tag = _node.tag;
+
+    if (tag === HostComponent && dependencies !== null) {
+      var respondersMap = dependencies.responders;
+      if (respondersMap !== null) {
+        var responderInstances = Array.from(respondersMap.values());
+        for (var i = 0, length = responderInstances.length; i < length; i++) {
+          var responderInstance = responderInstances[i];
+
+          if (validateOwnership(responderInstance)) {
+            var props = responderInstance.props,
+              responder = responderInstance.responder,
+              state = responderInstance.state,
+              target = responderInstance.target;
+
+            if (
+              !visitedResponders.has(responder) &&
+              validateResponderTargetEventTypes(eventType, responder)
+            ) {
+              var onEvent = responder.onEvent;
+              visitedResponders.add(responder);
+              if (onEvent !== null) {
+                currentInstance = responderInstance;
+                responderEvent.responderTarget = target;
+                onEvent(responderEvent, eventResponderContext, props, state);
+              }
+            }
+          }
+        }
+      }
+    }
+    node = node.return;
+  }
+  // Root phase
+  var rootEventResponderInstances = rootEventTypesToEventResponderInstances.get(
+    eventType
+  );
+  if (rootEventResponderInstances !== undefined) {
+    var _responderInstances = Array.from(rootEventResponderInstances);
+
+    for (var _i = 0; _i < _responderInstances.length; _i++) {
+      var _responderInstance = _responderInstances[_i];
+      if (!validateOwnership(_responderInstance)) {
+        continue;
+      }
+      var _props = _responderInstance.props,
+        _responder = _responderInstance.responder,
+        _state = _responderInstance.state,
+        _target = _responderInstance.target;
+
+      var onRootEvent = _responder.onRootEvent;
+      if (onRootEvent !== null) {
+        currentInstance = _responderInstance;
+        responderEvent.responderTarget = _target;
+        onRootEvent(responderEvent, eventResponderContext, _props, _state);
+      }
+    }
+  }
+}
+
+// TODO this function is almost an exact copy of the DOM version, we should
+// somehow share the logic
+function dispatchEventForResponderEventSystem(
+  topLevelType,
+  targetFiber,
+  nativeEvent
+) {
+  var previousEventQueue = currentEventQueue;
+  var previousInstance = currentInstance;
+  var previousTimers = currentTimers;
+  var previousTimeStamp = currentTimeStamp;
+  var previousEventQueuePriority = currentEventQueuePriority;
+  currentTimers = null;
+  currentEventQueue = [];
+  currentEventQueuePriority = ContinuousEvent;
+  // We might want to control timeStamp another way here
+  currentTimeStamp = Date.now();
+  try {
+    traverseAndHandleEventResponderInstances(
+      topLevelType,
+      targetFiber,
+      nativeEvent
+    );
+    processEventQueue();
+  } finally {
+    currentTimers = previousTimers;
+    currentInstance = previousInstance;
+    currentEventQueue = previousEventQueue;
+    currentTimeStamp = previousTimeStamp;
+    currentEventQueuePriority = previousEventQueuePriority;
+  }
+}
+
+// TODO this function is almost an exact copy of the DOM version, we should
+// somehow share the logic
+function triggerOwnershipListeners() {
+  var listeningInstances = Array.from(ownershipChangeListeners);
+  var previousInstance = currentInstance;
+  var previousEventQueuePriority = currentEventQueuePriority;
+  var previousEventQueue = currentEventQueue;
+  try {
+    for (var i = 0; i < listeningInstances.length; i++) {
+      var _instance2 = listeningInstances[i];
+      var props = _instance2.props,
+        responder = _instance2.responder,
+        state = _instance2.state;
+
+      currentInstance = _instance2;
+      currentEventQueuePriority = ContinuousEvent;
+      currentEventQueue = [];
+      var onOwnershipChange = responder.onOwnershipChange;
+      if (onOwnershipChange !== null) {
+        onOwnershipChange(eventResponderContext, props, state);
+      }
+    }
+    processEventQueue();
+  } finally {
+    currentInstance = previousInstance;
+    currentEventQueue = previousEventQueue;
+    currentEventQueuePriority = previousEventQueuePriority;
+  }
+}
+
+// TODO this function is almost an exact copy of the DOM version, we should
+// somehow share the logic
+function mountEventResponder(responder, responderInstance, props, state) {
+  if (responder.onOwnershipChange !== null) {
+    ownershipChangeListeners.add(responderInstance);
+  }
+  var onMount = responder.onMount;
+  if (onMount !== null) {
+    currentEventQueuePriority = ContinuousEvent;
+    currentInstance = responderInstance;
+    currentEventQueue = [];
+    try {
+      onMount(eventResponderContext, props, state);
+      processEventQueue();
+    } finally {
+      currentEventQueue = null;
+      currentInstance = null;
+      currentTimers = null;
+    }
+  }
+}
+
+// TODO this function is almost an exact copy of the DOM version, we should
+// somehow share the logic
+function unmountEventResponder(responderInstance) {
+  var responder = responderInstance.responder;
+  var onUnmount = responder.onUnmount;
+  if (onUnmount !== null) {
+    var props = responderInstance.props,
+      state = responderInstance.state;
+
+    currentEventQueue = [];
+    currentEventQueuePriority = ContinuousEvent;
+    currentInstance = responderInstance;
+    try {
+      onUnmount(eventResponderContext, props, state);
+      processEventQueue();
+    } finally {
+      currentEventQueue = null;
+      currentInstance = null;
+      currentTimers = null;
+    }
+  }
+  releaseOwnershipForEventResponderInstance(responderInstance);
+  if (responder.onOwnershipChange !== null) {
+    ownershipChangeListeners.delete(responderInstance);
+  }
+  var rootEventTypesSet = responderInstance.rootEventTypes;
+  if (rootEventTypesSet !== null) {
+    var rootEventTypes = Array.from(rootEventTypesSet);
+
+    for (var i = 0; i < rootEventTypes.length; i++) {
+      var topLevelEventType = rootEventTypes[i];
+      var rootEventResponderInstances = rootEventTypesToEventResponderInstances.get(
+        topLevelEventType
+      );
+      if (rootEventResponderInstances !== undefined) {
+        rootEventResponderInstances.delete(responderInstance);
+      }
+    }
+  }
+}
+
+function registerRootEventType(rootEventType, responderInstance) {
+  var rootEventResponderInstances = rootEventTypesToEventResponderInstances.get(
+    rootEventType
+  );
+  if (rootEventResponderInstances === undefined) {
+    rootEventResponderInstances = new Set();
+    rootEventTypesToEventResponderInstances.set(
+      rootEventType,
+      rootEventResponderInstances
+    );
+  }
+  var rootEventTypesSet = responderInstance.rootEventTypes;
+  if (rootEventTypesSet === null) {
+    rootEventTypesSet = responderInstance.rootEventTypes = new Set();
+  }
+  (function() {
+    if (!!rootEventTypesSet.has(rootEventType)) {
+      throw ReactError(
+        Error(
+          'addRootEventTypes() found a duplicate root event type of "' +
+            rootEventType +
+            '". This might be because the event type exists in the event responder "rootEventTypes" array or because of a previous addRootEventTypes() using this root event type.'
+        )
+      );
+    }
+  })();
+  rootEventTypesSet.add(rootEventType);
+  rootEventResponderInstances.add(responderInstance);
+}
+
+function addRootEventTypesForResponderInstance(
+  responderInstance,
+  rootEventTypes
+) {
+  for (var i = 0; i < rootEventTypes.length; i++) {
+    var rootEventType = rootEventTypes[i];
+    registerRootEventType(rootEventType, responderInstance);
+  }
+}
+
+function dispatchEvent(target, topLevelType, nativeEvent) {
+  var targetFiber = target;
+  if (enableFlareAPI) {
+    // React Flare event system
+    dispatchEventForResponderEventSystem(topLevelType, target, nativeEvent);
+  }
+  batchedUpdates(function() {
+    // Heritage plugin event system
+    runExtractedPluginEventsInBatch(
+      topLevelType,
+      targetFiber,
+      nativeEvent,
+      nativeEvent.target
+    );
+  });
+  // React Native doesn't use ReactControlledComponent but if it did, here's
+  // where it would do it.
+}
+
+// Renderers that don't support mutation
+// can re-export everything from this module.
+
+function shim() {
+  (function() {
+    {
+      throw ReactError(
+        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 supportsMutation = false;
+var appendChild = shim;
+var appendChildToContainer = shim;
+var commitTextUpdate = shim;
+var commitMount = shim;
+var commitUpdate = shim;
+var insertBefore = shim;
+var insertInContainerBefore = shim;
+var removeChild = shim;
+var removeChildFromContainer = shim;
+var resetTextContent = shim;
+var hideInstance = shim;
+var hideTextInstance = shim;
+var unhideInstance = shim;
+var unhideTextInstance = shim;
+
+// Renderers that don't support hydration
+// can re-export everything from this module.
+
+function shim$1() {
+  (function() {
+    {
+      throw ReactError(
+        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 supportsHydration = false;
+var canHydrateInstance = shim$1;
+var canHydrateTextInstance = shim$1;
+var canHydrateSuspenseInstance = shim$1;
+var isSuspenseInstancePending = shim$1;
+var isSuspenseInstanceFallback = shim$1;
+var registerSuspenseInstanceRetry = shim$1;
+var getNextHydratableSibling = shim$1;
+var getFirstHydratableChild = shim$1;
+var hydrateInstance = shim$1;
+var hydrateTextInstance = shim$1;
+var getNextHydratableInstanceAfterSuspenseInstance = shim$1;
+var clearSuspenseBoundary = shim$1;
+var clearSuspenseBoundaryFromContainer = shim$1;
+var didNotMatchHydratedContainerTextInstance = shim$1;
+var didNotMatchHydratedTextInstance = shim$1;
+var didNotHydrateContainerInstance = shim$1;
+var didNotHydrateInstance = shim$1;
+var didNotFindHydratableContainerInstance = shim$1;
+var didNotFindHydratableContainerTextInstance = shim$1;
+var didNotFindHydratableContainerSuspenseInstance = shim$1;
+var didNotFindHydratableInstance = shim$1;
+var didNotFindHydratableTextInstance = shim$1;
+var didNotFindHydratableSuspenseInstance = shim$1;
+
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+// Modules provided by RN:
+var _nativeFabricUIManage$1 = nativeFabricUIManager;
+var createNode = _nativeFabricUIManage$1.createNode;
+var cloneNode = _nativeFabricUIManage$1.cloneNode;
+var cloneNodeWithNewChildren = _nativeFabricUIManage$1.cloneNodeWithNewChildren;
+var cloneNodeWithNewChildrenAndProps =
+  _nativeFabricUIManage$1.cloneNodeWithNewChildrenAndProps;
+var cloneNodeWithNewProps = _nativeFabricUIManage$1.cloneNodeWithNewProps;
+var createChildNodeSet = _nativeFabricUIManage$1.createChildSet;
+var appendChildNode = _nativeFabricUIManage$1.appendChild;
+var appendChildNodeToSet = _nativeFabricUIManage$1.appendChildToSet;
+var completeRoot = _nativeFabricUIManage$1.completeRoot;
+var registerEventHandler = _nativeFabricUIManage$1.registerEventHandler;
+var fabricMeasure = _nativeFabricUIManage$1.measure;
+var fabricMeasureInWindow = _nativeFabricUIManage$1.measureInWindow;
+var fabricMeasureLayout = _nativeFabricUIManage$1.measureLayout;
+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.
+ */
+
+var ReactFabricHostComponent = (function() {
+  function ReactFabricHostComponent(
+    tag,
+    viewConfig,
+    props,
+    internalInstanceHandle
+  ) {
+    _classCallCheck(this, ReactFabricHostComponent);
+
+    this._nativeTag = tag;
+    this.viewConfig = viewConfig;
+    this.currentProps = props;
+    this._internalInstanceHandle = internalInstanceHandle;
+  }
+
+  ReactFabricHostComponent.prototype.blur = function blur() {
+    ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
+  };
+
+  ReactFabricHostComponent.prototype.focus = function focus() {
+    ReactNativePrivateInterface.TextInputState.focusTextInput(this._nativeTag);
+  };
+
+  ReactFabricHostComponent.prototype.measure = function measure(callback) {
+    fabricMeasure(
+      this._internalInstanceHandle.stateNode.node,
+      mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+    );
+  };
+
+  ReactFabricHostComponent.prototype.measureInWindow = function measureInWindow(
+    callback
+  ) {
+    fabricMeasureInWindow(
+      this._internalInstanceHandle.stateNode.node,
+      mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+    );
+  };
+
+  ReactFabricHostComponent.prototype.measureLayout = function measureLayout(
+    relativeToNativeNode,
+    onSuccess,
+    onFail /* currently unused */
+  ) {
+    if (
+      typeof relativeToNativeNode === "number" ||
+      !(relativeToNativeNode instanceof ReactFabricHostComponent)
+    ) {
+      warningWithoutStack$1(
+        false,
+        "Warning: ref.measureLayout must be called with a ref to a native component."
+      );
+
+      return;
+    }
+
+    fabricMeasureLayout(
+      this._internalInstanceHandle.stateNode.node,
+      relativeToNativeNode._internalInstanceHandle.stateNode.node,
+      mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
+      mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
+    );
+  };
+
+  ReactFabricHostComponent.prototype.setNativeProps = function setNativeProps(
+    nativeProps
+  ) {
+    warningWithoutStack$1(
+      false,
+      "Warning: setNativeProps is not currently supported in Fabric"
+    );
+
+    return;
+  };
+
+  return ReactFabricHostComponent;
+})();
+
+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]
+        );
+      }
+    }
+  }
+
+  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
+) {
+  (function() {
+    if (!hostContext.isInAParentText) {
+      throw ReactError(
+        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 finalizeInitialChildren(
+  parentInstance,
+  type,
+  props,
+  rootContainerInstance,
+  hostContext
+) {
+  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.canonical;
+}
+
+function prepareForCommit(containerInfo) {
+  // Noop
+}
+
+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 shouldDeprioritizeSubtree(type, props) {
+  return false;
+}
+
+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;
+}
+
+// The Fabric renderer is secondary to the existing React Native renderer.
+var isPrimaryRenderer = false;
+
+// The Fabric renderer shouldn't trigger missing act() warnings
+var warnsIfNotActing = false;
+
+var scheduleTimeout = setTimeout;
+var cancelTimeout = clearTimeout;
+var noTimeout = -1;
+
+// -------------------
+//     Persistence
+// -------------------
+
+var supportsPersistence = true;
+
+function cloneInstance(
+  instance,
+  updatePayload,
+  type,
+  oldProps,
+  newProps,
+  internalInstanceHandle,
+  keepChildren,
+  recyclableInstance
+) {
+  var node = instance.node;
+  var clone = void 0;
+  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 mountResponderInstance(
+  responder,
+  responderInstance,
+  props,
+  state,
+  instance,
+  rootContainerInstance
+) {
+  if (enableFlareAPI) {
+    var rootEventTypes = responder.rootEventTypes;
+
+    if (rootEventTypes !== null) {
+      addRootEventTypesForResponderInstance(responderInstance, rootEventTypes);
+    }
+    mountEventResponder(responder, responderInstance, props, state);
+  }
+}
+
+function unmountResponderInstance(responderInstance) {
+  if (enableFlareAPI) {
+    // TODO stop listening to targetEventTypes
+    unmountEventResponder(responderInstance);
+  }
+}
+
+function getFundamentalComponentInstance(fundamentalInstance) {
+  throw new Error("Not yet implemented.");
+}
+
+function mountFundamentalComponent(fundamentalInstance) {
+  throw new Error("Not yet implemented.");
+}
+
+function shouldUpdateFundamentalComponent(fundamentalInstance) {
+  throw new Error("Not yet implemented.");
+}
+
+function updateFundamentalComponent(fundamentalInstance) {
+  throw new Error("Not yet implemented.");
+}
+
+function unmountFundamentalComponent(fundamentalInstance) {
+  throw new Error("Not yet implemented.");
+}
+
+function cloneFundamentalInstance(fundamentalInstance) {
+  throw new Error("Not yet implemented.");
+}
+
+var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
+
+var describeComponentFrame = function(name, source, ownerName) {
+  var sourceInfo = "";
+  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 (/^index\./.test(fileName)) {
+        var match = path.match(BEFORE_SLASH_RE);
+        if (match) {
+          var pathBeforeSlash = match[1];
+          if (pathBeforeSlash) {
+            var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, "");
+            fileName = folderName + "/" + fileName;
+          }
+        }
+      }
+    }
+    sourceInfo = " (at " + fileName + ":" + source.lineNumber + ")";
+  } else if (ownerName) {
+    sourceInfo = " (created by " + ownerName + ")";
+  }
+  return "\n    in " + (name || "Unknown") + sourceInfo;
+};
+
+var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+
+function describeFiber(fiber) {
+  switch (fiber.tag) {
+    case HostRoot:
+    case HostPortal:
+    case HostText:
+    case Fragment:
+    case ContextProvider:
+    case ContextConsumer:
+      return "";
+    default:
+      var owner = fiber._debugOwner;
+      var source = fiber._debugSource;
+      var name = getComponentName(fiber.type);
+      var ownerName = null;
+      if (owner) {
+        ownerName = getComponentName(owner.type);
+      }
+      return describeComponentFrame(name, source, ownerName);
+  }
+}
+
+function getStackByFiberInDevAndProd(workInProgress) {
+  var info = "";
+  var node = workInProgress;
+  do {
+    info += describeFiber(node);
+    node = node.return;
+  } while (node);
+  return info;
+}
+
+var current = null;
+var phase = null;
+
+function getCurrentFiberOwnerNameInDevOrNull() {
+  {
+    if (current === null) {
+      return null;
+    }
+    var owner = current._debugOwner;
+    if (owner !== null && typeof owner !== "undefined") {
+      return getComponentName(owner.type);
+    }
+  }
+  return null;
+}
+
+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.
+    return getStackByFiberInDevAndProd(current);
+  }
+  return "";
+}
+
+function resetCurrentFiber() {
+  {
+    ReactDebugCurrentFrame.getCurrentStack = null;
+    current = null;
+    phase = null;
+  }
+}
+
+function setCurrentFiber(fiber) {
+  {
+    ReactDebugCurrentFrame.getCurrentStack = getCurrentFiberStackInDev;
+    current = fiber;
+    phase = null;
+  }
+}
+
+function setCurrentPhase(lifeCyclePhase) {
+  {
+    phase = lifeCyclePhase;
+  }
+}
+
+// Prefix measurements so that it's possible to filter them.
+// Longer prefixes are hard to read in DevTools.
+var reactEmoji = "\u269B";
+var warningEmoji = "\u26D4";
+var supportsUserTiming =
+  typeof performance !== "undefined" &&
+  typeof performance.mark === "function" &&
+  typeof performance.clearMarks === "function" &&
+  typeof performance.measure === "function" &&
+  typeof performance.clearMeasures === "function";
+
+// Keep track of current fiber so that we know the path to unwind on pause.
+// TODO: this looks the same as nextUnitOfWork in scheduler. Can we unify them?
+var currentFiber = null;
+// If we're in the middle of user code, which fiber and method is it?
+// Reusing `currentFiber` would be confusing for this because user code fiber
+// can change during commit phase too, but we don't need to unwind it (since
+// lifecycles in the commit phase don't resemble a tree).
+var currentPhase = null;
+var currentPhaseFiber = null;
+// Did lifecycle hook schedule an update? This is often a performance problem,
+// so we will keep track of it, and include it in the report.
+// Track commits caused by cascading updates.
+var isCommitting = false;
+var hasScheduledUpdateInCurrentCommit = false;
+var hasScheduledUpdateInCurrentPhase = false;
+var commitCountInCurrentWorkLoop = 0;
+var effectCountInCurrentCommit = 0;
+var isWaitingForCallback = false;
+// During commits, we only show a measurement once per method name
+// to avoid stretch the commit phase with measurement overhead.
+var labelsInCurrentCommit = new Set();
+
+var formatMarkName = function(markName) {
+  return reactEmoji + " " + markName;
+};
+
+var formatLabel = function(label, warning) {
+  var prefix = warning ? warningEmoji + " " : reactEmoji + " ";
+  var suffix = warning ? " Warning: " + warning : "";
+  return "" + prefix + label + suffix;
+};
+
+var beginMark = function(markName) {
+  performance.mark(formatMarkName(markName));
+};
+
+var clearMark = function(markName) {
+  performance.clearMarks(formatMarkName(markName));
+};
+
+var endMark = function(label, markName, warning) {
+  var formattedMarkName = formatMarkName(markName);
+  var formattedLabel = formatLabel(label, warning);
+  try {
+    performance.measure(formattedLabel, formattedMarkName);
+  } catch (err) {}
+  // If previous mark was missing for some reason, this will throw.
+  // This could only happen if React crashed in an unexpected place earlier.
+  // Don't pile on with more errors.
+
+  // Clear marks immediately to avoid growing buffer.
+  performance.clearMarks(formattedMarkName);
+  performance.clearMeasures(formattedLabel);
+};
+
+var getFiberMarkName = function(label, debugID) {
+  return label + " (#" + debugID + ")";
+};
+
+var getFiberLabel = function(componentName, isMounted, phase) {
+  if (phase === null) {
+    // These are composite component total time measurements.
+    return componentName + " [" + (isMounted ? "update" : "mount") + "]";
+  } else {
+    // Composite component methods.
+    return componentName + "." + phase;
+  }
+};
+
+var beginFiberMark = function(fiber, phase) {
+  var componentName = getComponentName(fiber.type) || "Unknown";
+  var debugID = fiber._debugID;
+  var isMounted = fiber.alternate !== null;
+  var label = getFiberLabel(componentName, isMounted, phase);
+
+  if (isCommitting && labelsInCurrentCommit.has(label)) {
+    // During the commit phase, we don't show duplicate labels because
+    // there is a fixed overhead for every measurement, and we don't
+    // want to stretch the commit phase beyond necessary.
+    return false;
+  }
+  labelsInCurrentCommit.add(label);
+
+  var markName = getFiberMarkName(label, debugID);
+  beginMark(markName);
+  return true;
+};
+
+var clearFiberMark = function(fiber, phase) {
+  var componentName = getComponentName(fiber.type) || "Unknown";
+  var debugID = fiber._debugID;
+  var isMounted = fiber.alternate !== null;
+  var label = getFiberLabel(componentName, isMounted, phase);
+  var markName = getFiberMarkName(label, debugID);
+  clearMark(markName);
+};
+
+var endFiberMark = function(fiber, phase, warning) {
+  var componentName = getComponentName(fiber.type) || "Unknown";
+  var debugID = fiber._debugID;
+  var isMounted = fiber.alternate !== null;
+  var label = getFiberLabel(componentName, isMounted, phase);
+  var markName = getFiberMarkName(label, debugID);
+  endMark(label, markName, warning);
+};
+
+var shouldIgnoreFiber = function(fiber) {
+  // Host components should be skipped in the timeline.
+  // We could check typeof fiber.type, but does this work with RN?
+  switch (fiber.tag) {
+    case HostRoot:
+    case HostComponent:
+    case HostText:
+    case HostPortal:
+    case Fragment:
+    case ContextProvider:
+    case ContextConsumer:
+    case Mode:
+      return true;
+    default:
+      return false;
+  }
+};
+
+var clearPendingPhaseMeasurement = function() {
+  if (currentPhase !== null && currentPhaseFiber !== null) {
+    clearFiberMark(currentPhaseFiber, currentPhase);
+  }
+  currentPhaseFiber = null;
+  currentPhase = null;
+  hasScheduledUpdateInCurrentPhase = false;
+};
+
+var pauseTimers = function() {
+  // Stops all currently active measurements so that they can be resumed
+  // if we continue in a later deferred loop from the same unit of work.
+  var fiber = currentFiber;
+  while (fiber) {
+    if (fiber._debugIsCurrentlyTiming) {
+      endFiberMark(fiber, null, null);
+    }
+    fiber = fiber.return;
+  }
+};
+
+var resumeTimersRecursively = function(fiber) {
+  if (fiber.return !== null) {
+    resumeTimersRecursively(fiber.return);
+  }
+  if (fiber._debugIsCurrentlyTiming) {
+    beginFiberMark(fiber, null);
+  }
+};
+
+var resumeTimers = function() {
+  // Resumes all measurements that were active during the last deferred loop.
+  if (currentFiber !== null) {
+    resumeTimersRecursively(currentFiber);
+  }
+};
+
+function recordEffect() {
+  if (enableUserTimingAPI) {
+    effectCountInCurrentCommit++;
+  }
+}
+
+function recordScheduleUpdate() {
+  if (enableUserTimingAPI) {
+    if (isCommitting) {
+      hasScheduledUpdateInCurrentCommit = true;
+    }
+    if (
+      currentPhase !== null &&
+      currentPhase !== "componentWillMount" &&
+      currentPhase !== "componentWillReceiveProps"
+    ) {
+      hasScheduledUpdateInCurrentPhase = true;
+    }
+  }
+}
+
+function startRequestCallbackTimer() {
+  if (enableUserTimingAPI) {
+    if (supportsUserTiming && !isWaitingForCallback) {
+      isWaitingForCallback = true;
+      beginMark("(Waiting for async callback...)");
+    }
+  }
+}
+
+function stopRequestCallbackTimer(didExpire) {
+  if (enableUserTimingAPI) {
+    if (supportsUserTiming) {
+      isWaitingForCallback = false;
+      var warning = didExpire
+        ? "Update expired; will flush synchronously"
+        : null;
+      endMark(
+        "(Waiting for async callback...)",
+        "(Waiting for async callback...)",
+        warning
+      );
+    }
+  }
+}
+
+function startWorkTimer(fiber) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+      return;
+    }
+    // If we pause, this is the fiber to unwind from.
+    currentFiber = fiber;
+    if (!beginFiberMark(fiber, null)) {
+      return;
+    }
+    fiber._debugIsCurrentlyTiming = true;
+  }
+}
+
+function cancelWorkTimer(fiber) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+      return;
+    }
+    // Remember we shouldn't complete measurement for this fiber.
+    // Otherwise flamechart will be deep even for small updates.
+    fiber._debugIsCurrentlyTiming = false;
+    clearFiberMark(fiber, null);
+  }
+}
+
+function stopWorkTimer(fiber) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+      return;
+    }
+    // If we pause, its parent is the fiber to unwind from.
+    currentFiber = fiber.return;
+    if (!fiber._debugIsCurrentlyTiming) {
+      return;
+    }
+    fiber._debugIsCurrentlyTiming = false;
+    endFiberMark(fiber, null, null);
+  }
+}
+
+function stopFailedWorkTimer(fiber) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+      return;
+    }
+    // If we pause, its parent is the fiber to unwind from.
+    currentFiber = fiber.return;
+    if (!fiber._debugIsCurrentlyTiming) {
+      return;
+    }
+    fiber._debugIsCurrentlyTiming = false;
+    var warning =
+      fiber.tag === SuspenseComponent ||
+      fiber.tag === DehydratedSuspenseComponent
+        ? "Rendering was suspended"
+        : "An error was thrown inside this error boundary";
+    endFiberMark(fiber, null, warning);
+  }
+}
+
+function startPhaseTimer(fiber, phase) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    clearPendingPhaseMeasurement();
+    if (!beginFiberMark(fiber, phase)) {
+      return;
+    }
+    currentPhaseFiber = fiber;
+    currentPhase = phase;
+  }
+}
+
+function stopPhaseTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    if (currentPhase !== null && currentPhaseFiber !== null) {
+      var warning = hasScheduledUpdateInCurrentPhase
+        ? "Scheduled a cascading update"
+        : null;
+      endFiberMark(currentPhaseFiber, currentPhase, warning);
+    }
+    currentPhase = null;
+    currentPhaseFiber = null;
+  }
+}
+
+function startWorkLoopTimer(nextUnitOfWork) {
+  if (enableUserTimingAPI) {
+    currentFiber = nextUnitOfWork;
+    if (!supportsUserTiming) {
+      return;
+    }
+    commitCountInCurrentWorkLoop = 0;
+    // This is top level call.
+    // Any other measurements are performed within.
+    beginMark("(React Tree Reconciliation)");
+    // Resume any measurements that were in progress during the last loop.
+    resumeTimers();
+  }
+}
+
+function stopWorkLoopTimer(interruptedBy, didCompleteRoot) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    var warning = null;
+    if (interruptedBy !== null) {
+      if (interruptedBy.tag === HostRoot) {
+        warning = "A top-level update interrupted the previous render";
+      } else {
+        var componentName = getComponentName(interruptedBy.type) || "Unknown";
+        warning =
+          "An update to " + componentName + " interrupted the previous render";
+      }
+    } else if (commitCountInCurrentWorkLoop > 1) {
+      warning = "There were cascading updates";
+    }
+    commitCountInCurrentWorkLoop = 0;
+    var label = didCompleteRoot
+      ? "(React Tree Reconciliation: Completed Root)"
+      : "(React Tree Reconciliation: Yielded)";
+    // Pause any measurements until the next loop.
+    pauseTimers();
+    endMark(label, "(React Tree Reconciliation)", warning);
+  }
+}
+
+function startCommitTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    isCommitting = true;
+    hasScheduledUpdateInCurrentCommit = false;
+    labelsInCurrentCommit.clear();
+    beginMark("(Committing Changes)");
+  }
+}
+
+function stopCommitTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+
+    var warning = null;
+    if (hasScheduledUpdateInCurrentCommit) {
+      warning = "Lifecycle hook scheduled a cascading update";
+    } else if (commitCountInCurrentWorkLoop > 0) {
+      warning = "Caused by a cascading update in earlier commit";
+    }
+    hasScheduledUpdateInCurrentCommit = false;
+    commitCountInCurrentWorkLoop++;
+    isCommitting = false;
+    labelsInCurrentCommit.clear();
+
+    endMark("(Committing Changes)", "(Committing Changes)", warning);
+  }
+}
+
+function startCommitSnapshotEffectsTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    effectCountInCurrentCommit = 0;
+    beginMark("(Committing Snapshot Effects)");
+  }
+}
+
+function stopCommitSnapshotEffectsTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    var count = effectCountInCurrentCommit;
+    effectCountInCurrentCommit = 0;
+    endMark(
+      "(Committing Snapshot Effects: " + count + " Total)",
+      "(Committing Snapshot Effects)",
+      null
+    );
+  }
+}
+
+function startCommitHostEffectsTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    effectCountInCurrentCommit = 0;
+    beginMark("(Committing Host Effects)");
+  }
+}
+
+function stopCommitHostEffectsTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    var count = effectCountInCurrentCommit;
+    effectCountInCurrentCommit = 0;
+    endMark(
+      "(Committing Host Effects: " + count + " Total)",
+      "(Committing Host Effects)",
+      null
+    );
+  }
+}
+
+function startCommitLifeCyclesTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    effectCountInCurrentCommit = 0;
+    beginMark("(Calling Lifecycle Methods)");
+  }
+}
+
+function stopCommitLifeCyclesTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    var count = effectCountInCurrentCommit;
+    effectCountInCurrentCommit = 0;
+    endMark(
+      "(Calling Lifecycle Methods: " + count + " Total)",
+      "(Calling Lifecycle Methods)",
+      null
+    );
+  }
+}
+
+var valueStack = [];
+
+var fiberStack = void 0;
+
+{
+  fiberStack = [];
+}
+
+var index = -1;
+
+function createCursor(defaultValue) {
+  return {
+    current: defaultValue
+  };
+}
+
+function pop(cursor, fiber) {
+  if (index < 0) {
+    {
+      warningWithoutStack$1(false, "Unexpected pop.");
+    }
+    return;
+  }
+
+  {
+    if (fiber !== fiberStack[index]) {
+      warningWithoutStack$1(false, "Unexpected Fiber popped.");
+    }
+  }
+
+  cursor.current = valueStack[index];
+
+  valueStack[index] = null;
+
+  {
+    fiberStack[index] = null;
+  }
+
+  index--;
+}
+
+function push(cursor, value, fiber) {
+  index++;
+
+  valueStack[index] = cursor.current;
+
+  {
+    fiberStack[index] = fiber;
+  }
+
+  cursor.current = value;
+}
+
+var warnedAboutMissingGetChildContext = void 0;
+
+{
+  warnedAboutMissingGetChildContext = {};
+}
+
+var emptyContextObject = {};
+{
+  Object.freeze(emptyContextObject);
+}
+
+// A cursor to the current merged context object on the stack.
+var contextStackCursor = createCursor(emptyContextObject);
+// A cursor to a boolean indicating whether the context has changed.
+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.
+var previousContext = emptyContextObject;
+
+function getUnmaskedContext(
+  workInProgress,
+  Component,
+  didPushOwnContextIfProvider
+) {
+  if (disableLegacyContext) {
+    return emptyContextObject;
+  } else {
+    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 contextStackCursor.current;
+  }
+}
+
+function cacheContext(workInProgress, unmaskedContext, maskedContext) {
+  if (disableLegacyContext) {
+    return;
+  } else {
+    var instance = workInProgress.stateNode;
+    instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext;
+    instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
+  }
+}
+
+function getMaskedContext(workInProgress, unmaskedContext) {
+  if (disableLegacyContext) {
+    return emptyContextObject;
+  } else {
+    var type = workInProgress.type;
+    var contextTypes = type.contextTypes;
+    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.
+    var instance = workInProgress.stateNode;
+    if (
+      instance &&
+      instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
+    ) {
+      return instance.__reactInternalMemoizedMaskedChildContext;
+    }
+
+    var context = {};
+    for (var key in contextTypes) {
+      context[key] = unmaskedContext[key];
+    }
+
+    {
+      var name = getComponentName(type) || "Unknown";
+      checkPropTypes(
+        contextTypes,
+        context,
+        "context",
+        name,
+        getCurrentFiberStackInDev
+      );
+    }
+
+    // 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 (instance) {
+      cacheContext(workInProgress, unmaskedContext, context);
+    }
+
+    return context;
+  }
+}
+
+function hasContextChanged() {
+  if (disableLegacyContext) {
+    return false;
+  } else {
+    return didPerformWorkStackCursor.current;
+  }
+}
+
+function isContextProvider(type) {
+  if (disableLegacyContext) {
+    return false;
+  } else {
+    var childContextTypes = type.childContextTypes;
+    return childContextTypes !== null && childContextTypes !== undefined;
+  }
+}
+
+function popContext(fiber) {
+  if (disableLegacyContext) {
+    return;
+  } else {
+    pop(didPerformWorkStackCursor, fiber);
+    pop(contextStackCursor, fiber);
+  }
+}
+
+function popTopLevelContextObject(fiber) {
+  if (disableLegacyContext) {
+    return;
+  } else {
+    pop(didPerformWorkStackCursor, fiber);
+    pop(contextStackCursor, fiber);
+  }
+}
+
+function pushTopLevelContextObject(fiber, context, didChange) {
+  if (disableLegacyContext) {
+    return;
+  } else {
+    (function() {
+      if (!(contextStackCursor.current === emptyContextObject)) {
+        throw ReactError(
+          Error(
+            "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
+
+    push(contextStackCursor, context, fiber);
+    push(didPerformWorkStackCursor, didChange, fiber);
+  }
+}
+
+function processChildContext(fiber, type, parentContext) {
+  if (disableLegacyContext) {
+    return parentContext;
+  } else {
+    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 (typeof instance.getChildContext !== "function") {
+      {
+        var componentName = getComponentName(type) || "Unknown";
+
+        if (!warnedAboutMissingGetChildContext[componentName]) {
+          warnedAboutMissingGetChildContext[componentName] = true;
+          warningWithoutStack$1(
+            false,
+            "%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 parentContext;
+    }
+
+    var childContext = void 0;
+    {
+      setCurrentPhase("getChildContext");
+    }
+    startPhaseTimer(fiber, "getChildContext");
+    childContext = instance.getChildContext();
+    stopPhaseTimer();
+    {
+      setCurrentPhase(null);
+    }
+    for (var contextKey in childContext) {
+      (function() {
+        if (!(contextKey in childContextTypes)) {
+          throw ReactError(
+            Error(
+              (getComponentName(type) || "Unknown") +
+                '.getChildContext(): key "' +
+                contextKey +
+                '" is not defined in childContextTypes.'
+            )
+          );
+        }
+      })();
+    }
+    {
+      var name = getComponentName(type) || "Unknown";
+      checkPropTypes(
+        childContextTypes,
+        childContext,
+        "child context",
+        name,
+        // In practice, there is one case in which we won't get a stack. It's when
+        // somebody calls unstable_renderSubtreeIntoContainer() and we process
+        // context from the parent component instance. The stack will be missing
+        // because it's outside of the reconciliation, and so the pointer has not
+        // been set. This is rare and doesn't matter. We'll also remove that API.
+        getCurrentFiberStackInDev
+      );
+    }
+
+    return Object.assign({}, parentContext, childContext);
+  }
+}
+
+function pushContextProvider(workInProgress) {
+  if (disableLegacyContext) {
+    return false;
+  } else {
+    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;
+  }
+}
+
+function invalidateContextProvider(workInProgress, type, didChange) {
+  if (disableLegacyContext) {
+    return;
+  } else {
+    var instance = workInProgress.stateNode;
+    (function() {
+      if (!instance) {
+        throw ReactError(
+          Error(
+            "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
+
+    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.
+      pop(didPerformWorkStackCursor, workInProgress);
+      pop(contextStackCursor, workInProgress);
+      // Now push the new context and mark that it has changed.
+      push(contextStackCursor, mergedContext, workInProgress);
+      push(didPerformWorkStackCursor, didChange, workInProgress);
+    } else {
+      pop(didPerformWorkStackCursor, workInProgress);
+      push(didPerformWorkStackCursor, didChange, workInProgress);
+    }
+  }
+}
+
+function findCurrentUnmaskedContext(fiber) {
+  if (disableLegacyContext) {
+    return emptyContextObject;
+  } else {
+    // Currently this is only used with renderSubtreeIntoContainer; not sure if it
+    // makes sense elsewhere
+    (function() {
+      if (!(isFiberMounted(fiber) && fiber.tag === ClassComponent)) {
+        throw ReactError(
+          Error(
+            "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
+
+    var node = fiber;
+    do {
+      switch (node.tag) {
+        case HostRoot:
+          return node.stateNode.context;
+        case ClassComponent: {
+          var Component = node.type;
+          if (isContextProvider(Component)) {
+            return node.stateNode.__reactInternalMemoizedMergedChildContext;
+          }
+          break;
+        }
+      }
+      node = node.return;
+    } while (node !== null);
+    (function() {
+      {
+        throw ReactError(
+          Error(
+            "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
+  }
+}
+
+var LegacyRoot = 0;
+var BatchedRoot = 1;
+var ConcurrentRoot = 2;
+
+// Intentionally not named imports because Rollup would use dynamic dispatch for
+// CommonJS interop named imports.
+var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority;
+var Scheduler_scheduleCallback = Scheduler.unstable_scheduleCallback;
+var Scheduler_cancelCallback = Scheduler.unstable_cancelCallback;
+var Scheduler_shouldYield = Scheduler.unstable_shouldYield;
+var Scheduler_requestPaint = Scheduler.unstable_requestPaint;
+var Scheduler_now = Scheduler.unstable_now;
+var Scheduler_getCurrentPriorityLevel =
+  Scheduler.unstable_getCurrentPriorityLevel;
+var Scheduler_ImmediatePriority = Scheduler.unstable_ImmediatePriority;
+var Scheduler_UserBlockingPriority = Scheduler.unstable_UserBlockingPriority;
+var Scheduler_NormalPriority = Scheduler.unstable_NormalPriority;
+var Scheduler_LowPriority = Scheduler.unstable_LowPriority;
+var Scheduler_IdlePriority = Scheduler.unstable_IdlePriority;
+
+if (enableSchedulerTracing) {
+  // Provide explicit error message when production+profiling bundle of e.g.
+  // react-dom is used with production (non-profiling) bundle of
+  // scheduler/tracing
+  (function() {
+    if (
+      !(
+        tracing.__interactionsRef != null &&
+        tracing.__interactionsRef.current != null
+      )
+    ) {
+      throw ReactError(
+        Error(
+          "It is not supported to run the profiling version of a renderer (for example, `react-dom/profiling`) without also replacing the `scheduler/tracing` module with `scheduler/tracing-profiling`. Your bundler might have a setting for aliasing both modules. Learn more at http://fb.me/react-profiling"
+        )
+      );
+    }
+  })();
+}
+
+var fakeCallbackNode = {};
+
+// Except for NoPriority, these correspond to Scheduler priorities. We use
+// ascending numbers so we can compare them like numbers. They start at 90 to
+// avoid clashing with Scheduler's priorities.
+var ImmediatePriority = 99;
+var UserBlockingPriority$1 = 98;
+var NormalPriority = 97;
+var LowPriority = 96;
+var IdlePriority = 95;
+// NoPriority is the absence of priority. Also React-only.
+var NoPriority = 90;
+
+var shouldYield = Scheduler_shouldYield;
+var requestPaint =
+  // Fall back gracefully if we're running an older version of Scheduler.
+  Scheduler_requestPaint !== undefined ? Scheduler_requestPaint : function() {};
+
+var syncQueue = null;
+var immediateQueueCallbackNode = null;
+var isFlushingSyncQueue = false;
+var initialTimeMs = Scheduler_now();
+
+// If the initial timestamp is reasonably small, use Scheduler's `now` directly.
+// This will be the case for modern browsers that support `performance.now`. In
+// older browsers, Scheduler falls back to `Date.now`, which returns a Unix
+// timestamp. In that case, subtract the module initialization time to simulate
+// the behavior of performance.now and keep our times small enough to fit
+// within 32 bits.
+// TODO: Consider lifting this into Scheduler.
+var now =
+  initialTimeMs < 10000
+    ? Scheduler_now
+    : function() {
+        return Scheduler_now() - initialTimeMs;
+      };
+
+function getCurrentPriorityLevel() {
+  switch (Scheduler_getCurrentPriorityLevel()) {
+    case Scheduler_ImmediatePriority:
+      return ImmediatePriority;
+    case Scheduler_UserBlockingPriority:
+      return UserBlockingPriority$1;
+    case Scheduler_NormalPriority:
+      return NormalPriority;
+    case Scheduler_LowPriority:
+      return LowPriority;
+    case Scheduler_IdlePriority:
+      return IdlePriority;
+    default:
+      (function() {
+        {
+          throw ReactError(Error("Unknown priority level."));
+        }
+      })();
+  }
+}
+
+function reactPriorityToSchedulerPriority(reactPriorityLevel) {
+  switch (reactPriorityLevel) {
+    case ImmediatePriority:
+      return Scheduler_ImmediatePriority;
+    case UserBlockingPriority$1:
+      return Scheduler_UserBlockingPriority;
+    case NormalPriority:
+      return Scheduler_NormalPriority;
+    case LowPriority:
+      return Scheduler_LowPriority;
+    case IdlePriority:
+      return Scheduler_IdlePriority;
+    default:
+      (function() {
+        {
+          throw ReactError(Error("Unknown priority level."));
+        }
+      })();
+  }
+}
+
+function runWithPriority$1(reactPriorityLevel, fn) {
+  var priorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
+  return Scheduler_runWithPriority(priorityLevel, fn);
+}
+
+function scheduleCallback(reactPriorityLevel, callback, options) {
+  var priorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
+  return Scheduler_scheduleCallback(priorityLevel, callback, options);
+}
+
+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];
+    // Flush the queue in the next tick, at the earliest.
+    immediateQueueCallbackNode = Scheduler_scheduleCallback(
+      Scheduler_ImmediatePriority,
+      flushSyncCallbackQueueImpl
+    );
+  } 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);
+  }
+  return fakeCallbackNode;
+}
+
+function cancelCallback(callbackNode) {
+  if (callbackNode !== fakeCallbackNode) {
+    Scheduler_cancelCallback(callbackNode);
+  }
+}
+
+function flushSyncCallbackQueue() {
+  if (immediateQueueCallbackNode !== null) {
+    Scheduler_cancelCallback(immediateQueueCallbackNode);
+  }
+  flushSyncCallbackQueueImpl();
+}
+
+function flushSyncCallbackQueueImpl() {
+  if (!isFlushingSyncQueue && syncQueue !== null) {
+    // Prevent re-entrancy.
+    isFlushingSyncQueue = true;
+    var i = 0;
+    try {
+      var _isSync = true;
+      var queue = syncQueue;
+      runWithPriority$1(ImmediatePriority, function() {
+        for (; i < queue.length; i++) {
+          var callback = queue[i];
+          do {
+            callback = callback(_isSync);
+          } while (callback !== null);
+        }
+      });
+      syncQueue = null;
+    } 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
+      Scheduler_scheduleCallback(
+        Scheduler_ImmediatePriority,
+        flushSyncCallbackQueue
+      );
+      throw error;
+    } finally {
+      isFlushingSyncQueue = false;
+    }
+  }
+}
+
+var NoMode = 0;
+var StrictMode = 1;
+// TODO: Remove BatchedMode and ConcurrentMode by reading from the root
+// tag instead
+var BatchedMode = 2;
+var ConcurrentMode = 4;
+var ProfileMode = 8;
+
+// Max 31 bit integer. The max integer size in V8 for 32-bit systems.
+// Math.pow(2, 30) - 1
+// 0b111111111111111111111111111111
+var MAX_SIGNED_31_BIT_INT = 1073741823;
+
+var NoWork = 0;
+var Never = 1;
+var Sync = MAX_SIGNED_31_BIT_INT;
+var Batched = Sync - 1;
+
+var UNIT_SIZE = 10;
+var MAGIC_NUMBER_OFFSET = Batched - 1;
+
+// 1 unit of expiration time represents 10ms.
+function msToExpirationTime(ms) {
+  // Always add an offset so that we don't clash with the magic number for NoWork.
+  return MAGIC_NUMBER_OFFSET - ((ms / UNIT_SIZE) | 0);
+}
+
+function expirationTimeToMs(expirationTime) {
+  return (MAGIC_NUMBER_OFFSET - expirationTime) * UNIT_SIZE;
+}
+
+function ceiling(num, precision) {
+  return (((num / precision) | 0) + 1) * precision;
+}
+
+function computeExpirationBucket(currentTime, expirationInMs, bucketSizeMs) {
+  return (
+    MAGIC_NUMBER_OFFSET -
+    ceiling(
+      MAGIC_NUMBER_OFFSET - currentTime + expirationInMs / UNIT_SIZE,
+      bucketSizeMs / UNIT_SIZE
+    )
+  );
+}
+
+// TODO: This corresponds to Scheduler's NormalPriority, not LowPriority. Update
+// the names to reflect.
+var LOW_PRIORITY_EXPIRATION = 5000;
+var LOW_PRIORITY_BATCH_SIZE = 250;
+
+function computeAsyncExpiration(currentTime) {
+  return computeExpirationBucket(
+    currentTime,
+    LOW_PRIORITY_EXPIRATION,
+    LOW_PRIORITY_BATCH_SIZE
+  );
+}
+
+function computeSuspenseExpiration(currentTime, timeoutMs) {
+  // TODO: Should we warn if timeoutMs is lower than the normal pri expiration time?
+  return computeExpirationBucket(
+    currentTime,
+    timeoutMs,
+    LOW_PRIORITY_BATCH_SIZE
+  );
+}
+
+// We intentionally set a higher expiration time for interactive updates in
+// dev than in production.
+//
+// If the main thread is being blocked so long that you hit the expiration,
+// it's a problem that could be solved with better scheduling.
+//
+// People will be more likely to notice this and fix it with the long
+// expiration time in development.
+//
+// In production we opt for better UX at the risk of masking scheduling
+// problems, by expiring fast.
+var HIGH_PRIORITY_EXPIRATION = 500;
+var HIGH_PRIORITY_BATCH_SIZE = 100;
+
+function computeInteractiveExpiration(currentTime) {
+  return computeExpirationBucket(
+    currentTime,
+    HIGH_PRIORITY_EXPIRATION,
+    HIGH_PRIORITY_BATCH_SIZE
+  );
+}
+
+function inferPriorityFromExpirationTime(currentTime, expirationTime) {
+  if (expirationTime === Sync) {
+    return ImmediatePriority;
+  }
+  if (expirationTime === Never) {
+    return IdlePriority;
+  }
+  var msUntil =
+    expirationTimeToMs(expirationTime) - expirationTimeToMs(currentTime);
+  if (msUntil <= 0) {
+    return ImmediatePriority;
+  }
+  if (msUntil <= HIGH_PRIORITY_EXPIRATION + HIGH_PRIORITY_BATCH_SIZE) {
+    return UserBlockingPriority$1;
+  }
+  if (msUntil <= LOW_PRIORITY_EXPIRATION + LOW_PRIORITY_BATCH_SIZE) {
+    return NormalPriority;
+  }
+
+  // TODO: Handle LowPriority
+
+  // Assume anything lower has idle priority
+  return IdlePriority;
+}
+
+/**
+ * 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
+  );
+}
+
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+
+/**
+ * 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 (is(objA, objB)) {
+    return true;
+  }
+
+  if (
+    typeof objA !== "object" ||
+    objA === null ||
+    typeof objB !== "object" ||
+    objB === null
+  ) {
+    return false;
+  }
+
+  var keysA = Object.keys(objA);
+  var keysB = Object.keys(objB);
+
+  if (keysA.length !== keysB.length) {
+    return false;
+  }
+
+  // Test for A's keys different from B.
+  for (var i = 0; i < keysA.length; i++) {
+    if (
+      !hasOwnProperty.call(objB, keysA[i]) ||
+      !is(objA[keysA[i]], objB[keysA[i]])
+    ) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+/**
+ * Forked from fbjs/warning:
+ * https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/__forks__/warning.js
+ *
+ * Only change is we use console.warn instead of console.error,
+ * and do nothing when 'console' is not supported.
+ * This really simplifies the code.
+ * ---
+ * Similar to invariant but only logs a warning if the condition is not met.
+ * This can be used to log issues in development environments in critical
+ * paths. Removing the logging code for production environments will keep the
+ * same logic and follow the same code paths.
+ */
+
+var lowPriorityWarning = function() {};
+
+{
+  var printWarning = function(format) {
+    for (
+      var _len = arguments.length,
+        args = Array(_len > 1 ? _len - 1 : 0),
+        _key = 1;
+      _key < _len;
+      _key++
+    ) {
+      args[_key - 1] = arguments[_key];
+    }
+
+    var argIndex = 0;
+    var message =
+      "Warning: " +
+      format.replace(/%s/g, function() {
+        return args[argIndex++];
+      });
+    if (typeof console !== "undefined") {
+      console.warn(message);
+    }
+    try {
+      // --- Welcome to debugging React ---
+      // This error was thrown as a convenience so that you can use this stack
+      // to find the callsite that caused this warning to fire.
+      throw new Error(message);
+    } catch (x) {}
+  };
+
+  lowPriorityWarning = function(condition, format) {
+    if (format === undefined) {
+      throw new Error(
+        "`lowPriorityWarning(condition, format, ...args)` requires a warning " +
+          "message argument"
+      );
+    }
+    if (!condition) {
+      for (
+        var _len2 = arguments.length,
+          args = Array(_len2 > 2 ? _len2 - 2 : 0),
+          _key2 = 2;
+        _key2 < _len2;
+        _key2++
+      ) {
+        args[_key2 - 2] = arguments[_key2];
+      }
+
+      printWarning.apply(undefined, [format].concat(args));
+    }
+  };
+}
+
+var lowPriorityWarning$1 = lowPriorityWarning;
+
+var ReactStrictModeWarnings = {
+  recordUnsafeLifecycleWarnings: function(fiber, instance) {},
+  flushPendingUnsafeLifecycleWarnings: function() {},
+  recordLegacyContextWarning: function(fiber, instance) {},
+  flushLegacyContextWarning: function() {},
+  discardPendingWarnings: function() {}
+};
+
+{
+  var findStrictRoot = function(fiber) {
+    var maybeStrictRoot = null;
+
+    var node = fiber;
+    while (node !== null) {
+      if (node.mode & StrictMode) {
+        maybeStrictRoot = node;
+      }
+      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
+  ) {
+    // Dedup strategy: Warn once per component.
+    if (didWarnAboutUnsafeLifecycles.has(fiber.type)) {
+      return;
+    }
+
+    if (
+      typeof instance.componentWillMount === "function" &&
+      // Don't warn about react-lifecycles-compat polyfilled components.
+      instance.componentWillMount.__suppressDeprecationWarning !== true
+    ) {
+      pendingComponentWillMountWarnings.push(fiber);
+    }
+
+    if (
+      fiber.mode & StrictMode &&
+      typeof instance.UNSAFE_componentWillMount === "function"
+    ) {
+      pendingUNSAFE_ComponentWillMountWarnings.push(fiber);
+    }
+
+    if (
+      typeof instance.componentWillReceiveProps === "function" &&
+      instance.componentWillReceiveProps.__suppressDeprecationWarning !== true
+    ) {
+      pendingComponentWillReceivePropsWarnings.push(fiber);
+    }
+
+    if (
+      fiber.mode & StrictMode &&
+      typeof instance.UNSAFE_componentWillReceiveProps === "function"
+    ) {
+      pendingUNSAFE_ComponentWillReceivePropsWarnings.push(fiber);
+    }
+
+    if (
+      typeof instance.componentWillUpdate === "function" &&
+      instance.componentWillUpdate.__suppressDeprecationWarning !== true
+    ) {
+      pendingComponentWillUpdateWarnings.push(fiber);
+    }
+
+    if (
+      fiber.mode & StrictMode &&
+      typeof instance.UNSAFE_componentWillUpdate === "function"
+    ) {
+      pendingUNSAFE_ComponentWillUpdateWarnings.push(fiber);
+    }
+  };
+
+  ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings = function() {
+    // We do an initial pass to gather component names
+    var componentWillMountUniqueNames = new Set();
+    if (pendingComponentWillMountWarnings.length > 0) {
+      pendingComponentWillMountWarnings.forEach(function(fiber) {
+        componentWillMountUniqueNames.add(
+          getComponentName(fiber.type) || "Component"
+        );
+        didWarnAboutUnsafeLifecycles.add(fiber.type);
+      });
+      pendingComponentWillMountWarnings = [];
+    }
+
+    var UNSAFE_componentWillMountUniqueNames = new Set();
+    if (pendingUNSAFE_ComponentWillMountWarnings.length > 0) {
+      pendingUNSAFE_ComponentWillMountWarnings.forEach(function(fiber) {
+        UNSAFE_componentWillMountUniqueNames.add(
+          getComponentName(fiber.type) || "Component"
+        );
+        didWarnAboutUnsafeLifecycles.add(fiber.type);
+      });
+      pendingUNSAFE_ComponentWillMountWarnings = [];
+    }
+
+    var componentWillReceivePropsUniqueNames = new Set();
+    if (pendingComponentWillReceivePropsWarnings.length > 0) {
+      pendingComponentWillReceivePropsWarnings.forEach(function(fiber) {
+        componentWillReceivePropsUniqueNames.add(
+          getComponentName(fiber.type) || "Component"
+        );
+        didWarnAboutUnsafeLifecycles.add(fiber.type);
+      });
+
+      pendingComponentWillReceivePropsWarnings = [];
+    }
+
+    var UNSAFE_componentWillReceivePropsUniqueNames = new Set();
+    if (pendingUNSAFE_ComponentWillReceivePropsWarnings.length > 0) {
+      pendingUNSAFE_ComponentWillReceivePropsWarnings.forEach(function(fiber) {
+        UNSAFE_componentWillReceivePropsUniqueNames.add(
+          getComponentName(fiber.type) || "Component"
+        );
+        didWarnAboutUnsafeLifecycles.add(fiber.type);
+      });
+
+      pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+    }
+
+    var componentWillUpdateUniqueNames = new Set();
+    if (pendingComponentWillUpdateWarnings.length > 0) {
+      pendingComponentWillUpdateWarnings.forEach(function(fiber) {
+        componentWillUpdateUniqueNames.add(
+          getComponentName(fiber.type) || "Component"
+        );
+        didWarnAboutUnsafeLifecycles.add(fiber.type);
+      });
+
+      pendingComponentWillUpdateWarnings = [];
+    }
+
+    var UNSAFE_componentWillUpdateUniqueNames = new Set();
+    if (pendingUNSAFE_ComponentWillUpdateWarnings.length > 0) {
+      pendingUNSAFE_ComponentWillUpdateWarnings.forEach(function(fiber) {
+        UNSAFE_componentWillUpdateUniqueNames.add(
+          getComponentName(fiber.type) || "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);
+      warningWithoutStack$1(
+        false,
+        "Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks 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
+      );
+      warningWithoutStack$1(
+        false,
+        "Using UNSAFE_componentWillReceiveProps in strict mode is not recommended " +
+          "and may indicate bugs in your code. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks 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://fb.me/react-derived-state\n" +
+          "\nPlease update the following components: %s",
+        _sortedNames
+      );
+    }
+
+    if (UNSAFE_componentWillUpdateUniqueNames.size > 0) {
+      var _sortedNames2 = setToSortedString(
+        UNSAFE_componentWillUpdateUniqueNames
+      );
+      warningWithoutStack$1(
+        false,
+        "Using UNSAFE_componentWillUpdate in strict mode is not recommended " +
+          "and may indicate bugs in your code. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks for details.\n\n" +
+          "* Move data fetching code or side effects to componentDidUpdate.\n" +
+          "\nPlease update the following components: %s",
+        _sortedNames2
+      );
+    }
+
+    if (componentWillMountUniqueNames.size > 0) {
+      var _sortedNames3 = setToSortedString(componentWillMountUniqueNames);
+
+      lowPriorityWarning$1(
+        false,
+        "componentWillMount has been renamed, and is not recommended for use. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks 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 17.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 (componentWillReceivePropsUniqueNames.size > 0) {
+      var _sortedNames4 = setToSortedString(
+        componentWillReceivePropsUniqueNames
+      );
+
+      lowPriorityWarning$1(
+        false,
+        "componentWillReceiveProps has been renamed, and is not recommended for use. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks 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://fb.me/react-derived-state\n" +
+          "* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress " +
+          "this warning in non-strict mode. In React 17.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 (componentWillUpdateUniqueNames.size > 0) {
+      var _sortedNames5 = setToSortedString(componentWillUpdateUniqueNames);
+
+      lowPriorityWarning$1(
+        false,
+        "componentWillUpdate has been renamed, and is not recommended for use. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks 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 17.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
+      );
+    }
+  };
+
+  var pendingLegacyContextWarning = new Map();
+
+  // Tracks components we have already warned about.
+  var didWarnAboutLegacyContext = new Set();
+
+  ReactStrictModeWarnings.recordLegacyContextWarning = function(
+    fiber,
+    instance
+  ) {
+    var strictRoot = findStrictRoot(fiber);
+    if (strictRoot === null) {
+      warningWithoutStack$1(
+        false,
+        "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."
+      );
+      return;
+    }
+
+    // Dedup strategy: Warn once per component.
+    if (didWarnAboutLegacyContext.has(fiber.type)) {
+      return;
+    }
+
+    var warningsForRoot = pendingLegacyContextWarning.get(strictRoot);
+
+    if (
+      fiber.type.contextTypes != null ||
+      fiber.type.childContextTypes != null ||
+      (instance !== null && typeof instance.getChildContext === "function")
+    ) {
+      if (warningsForRoot === undefined) {
+        warningsForRoot = [];
+        pendingLegacyContextWarning.set(strictRoot, warningsForRoot);
+      }
+      warningsForRoot.push(fiber);
+    }
+  };
+
+  ReactStrictModeWarnings.flushLegacyContextWarning = function() {
+    pendingLegacyContextWarning.forEach(function(fiberArray, strictRoot) {
+      var uniqueNames = new Set();
+      fiberArray.forEach(function(fiber) {
+        uniqueNames.add(getComponentName(fiber.type) || "Component");
+        didWarnAboutLegacyContext.add(fiber.type);
+      });
+
+      var sortedNames = setToSortedString(uniqueNames);
+      var strictRootComponentStack = getStackByFiberInDevAndProd(strictRoot);
+
+      warningWithoutStack$1(
+        false,
+        "Legacy context API has been detected within a strict-mode tree: %s" +
+          "\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:" +
+          "\nhttps://fb.me/react-legacy-context",
+        strictRootComponentStack,
+        sortedNames
+      );
+    });
+  };
+
+  ReactStrictModeWarnings.discardPendingWarnings = function() {
+    pendingComponentWillMountWarnings = [];
+    pendingUNSAFE_ComponentWillMountWarnings = [];
+    pendingComponentWillReceivePropsWarnings = [];
+    pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+    pendingComponentWillUpdateWarnings = [];
+    pendingUNSAFE_ComponentWillUpdateWarnings = [];
+    pendingLegacyContextWarning = new Map();
+  };
+}
+
+// Resolves type to a family.
+
+// Used by React Refresh runtime through DevTools Global Hook.
+
+var resolveFamily = null;
+// $FlowFixMe Flow gets confused by a WeakSet feature check below.
+var failedBoundaries = null;
+
+var setRefreshHandler = function(handler) {
+  {
+    resolveFamily = handler;
+  }
+};
+
+function resolveFunctionForHotReloading(type) {
+  {
+    if (resolveFamily === null) {
+      // Hot reloading is disabled.
+      return type;
+    }
+    var family = resolveFamily(type);
+    if (family === undefined) {
+      return type;
+    }
+    // Use the latest known implementation.
+    return family.current;
+  }
+}
+
+function resolveClassForHotReloading(type) {
+  // No implementation differences.
+  return resolveFunctionForHotReloading(type);
+}
+
+function resolveForwardRefForHotReloading(type) {
+  {
+    if (resolveFamily === null) {
+      // Hot reloading is disabled.
+      return type;
+    }
+    var family = resolveFamily(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 (type.displayName !== undefined) {
+            syntheticType.displayName = type.displayName;
+          }
+          return syntheticType;
+        }
+      }
+      return type;
+    }
+    // Use the latest known implementation.
+    return family.current;
+  }
+}
+
+function isCompatibleFamilyForHotReloading(fiber, element) {
+  {
+    if (resolveFamily === null) {
+      // Hot reloading is disabled.
+      return false;
+    }
+
+    var prevType = fiber.elementType;
+    var nextType = element.type;
+
+    // If we got here, we know types aren't === equal.
+    var needsCompareFamilies = false;
+
+    var $$typeofNextType =
+      typeof nextType === "object" && nextType !== null
+        ? nextType.$$typeof
+        : null;
+
+    switch (fiber.tag) {
+      case ClassComponent: {
+        if (typeof nextType === "function") {
+          needsCompareFamilies = true;
+        }
+        break;
+      }
+      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;
+        }
+        break;
+      }
+      case ForwardRef: {
+        if ($$typeofNextType === REACT_FORWARD_REF_TYPE) {
+          needsCompareFamilies = true;
+        } else if ($$typeofNextType === REACT_LAZY_TYPE) {
+          needsCompareFamilies = true;
+        }
+        break;
+      }
+      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;
+        }
+        break;
+      }
+      default:
+        return false;
+    }
+
+    // Check if both types have a family and it's the same one.
+    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);
+      if (prevFamily !== undefined && prevFamily === resolveFamily(nextType)) {
+        return true;
+      }
+    }
+    return false;
+  }
+}
+
+function markFailedErrorBoundaryForHotReloading(fiber) {
+  {
+    if (resolveFamily === null) {
+      // Hot reloading is disabled.
+      return;
+    }
+    if (typeof WeakSet !== "function") {
+      return;
+    }
+    if (failedBoundaries === null) {
+      failedBoundaries = new WeakSet();
+    }
+    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();
+    updateContainerAtExpirationTime(element, root, null, Sync, 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;
+      default:
+        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;
+          }
+        }
+      }
+    }
+    if (failedBoundaries !== null) {
+      if (
+        failedBoundaries.has(fiber) ||
+        (alternate !== null && failedBoundaries.has(alternate))
+      ) {
+        needsRemount = true;
+      }
+    }
+
+    if (needsRemount) {
+      fiber._debugNeedsRemount = true;
+    }
+    if (needsRemount || needsRender) {
+      scheduleWork(fiber, Sync);
+    }
+    if (child !== null && !needsRemount) {
+      scheduleFibersWithFamiliesRecursively(
+        child,
+        updatedFamilies,
+        staleFamilies
+      );
+    }
+    if (sibling !== null) {
+      scheduleFibersWithFamiliesRecursively(
+        sibling,
+        updatedFamilies,
+        staleFamilies
+      );
+    }
+  }
+}
+
+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;
+      default:
+        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 (sibling !== null) {
+      findHostInstancesForMatchingFibersRecursively(
+        sibling,
+        types,
+        hostInstances
+      );
+    }
+  }
+}
+
+function findHostInstancesForFiberShallowly(fiber, hostInstances) {
+  {
+    var foundHostInstances = findChildHostInstancesForFiberShallowly(
+      fiber,
+      hostInstances
+    );
+    if (foundHostInstances) {
+      return;
+    }
+    // If we didn't find any host children, fallback to closest host parent.
+    var node = fiber;
+    while (true) {
+      switch (node.tag) {
+        case HostComponent:
+          hostInstances.add(node.stateNode);
+          return;
+        case HostPortal:
+          hostInstances.add(node.stateNode.containerInfo);
+          return;
+        case HostRoot:
+          hostInstances.add(node.stateNode.containerInfo);
+          return;
+      }
+      if (node.return === null) {
+        throw new Error("Expected to reach root first.");
+      }
+      node = node.return;
+    }
+  }
+}
+
+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;
+      }
+      if (node === fiber) {
+        return foundHostInstances;
+      }
+      while (node.sibling === null) {
+        if (node.return === null || node.return === fiber) {
+          return foundHostInstances;
+        }
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  }
+  return false;
+}
+
+function resolveDefaultProps(Component, baseProps) {
+  if (Component && Component.defaultProps) {
+    // Resolve default props. Taken from ReactElement
+    var props = Object.assign({}, baseProps);
+    var defaultProps = Component.defaultProps;
+    for (var propName in defaultProps) {
+      if (props[propName] === undefined) {
+        props[propName] = defaultProps[propName];
+      }
+    }
+    return props;
+  }
+  return baseProps;
+}
+
+function readLazyComponentType(lazyComponent) {
+  var status = lazyComponent._status;
+  var result = lazyComponent._result;
+  switch (status) {
+    case Resolved: {
+      var Component = result;
+      return Component;
+    }
+    case Rejected: {
+      var error = result;
+      throw error;
+    }
+    case Pending: {
+      var thenable = result;
+      throw thenable;
+    }
+    default: {
+      lazyComponent._status = Pending;
+      var ctor = lazyComponent._ctor;
+      var _thenable = ctor();
+      _thenable.then(
+        function(moduleObject) {
+          if (lazyComponent._status === Pending) {
+            var defaultExport = moduleObject.default;
+            {
+              if (defaultExport === undefined) {
+                warning$1(
+                  false,
+                  "lazy: Expected the result of a dynamic import() call. " +
+                    "Instead received: %s\n\nYour code should look like: \n  " +
+                    "const MyComponent = lazy(() => import('./MyComponent'))",
+                  moduleObject
+                );
+              }
+            }
+            lazyComponent._status = Resolved;
+            lazyComponent._result = defaultExport;
+          }
+        },
+        function(error) {
+          if (lazyComponent._status === Pending) {
+            lazyComponent._status = Rejected;
+            lazyComponent._result = error;
+          }
+        }
+      );
+      // Handle synchronous thenables.
+      switch (lazyComponent._status) {
+        case Resolved:
+          return lazyComponent._result;
+        case Rejected:
+          throw lazyComponent._result;
+      }
+      lazyComponent._result = _thenable;
+      throw _thenable;
+    }
+  }
+}
+
+var valueCursor = createCursor(null);
+
+var rendererSigil = void 0;
+{
+  // Use this to detect multiple renderers using the same context
+  rendererSigil = {};
+}
+
+var currentlyRenderingFiber = null;
+var lastContextDependency = null;
+var lastContextWithAllBitsObserved = 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;
+  lastContextWithAllBitsObserved = null;
+  {
+    isDisallowedContextReadInDEV = false;
+  }
+}
+
+function enterDisallowedContextReadInDEV() {
+  {
+    isDisallowedContextReadInDEV = true;
+  }
+}
+
+function exitDisallowedContextReadInDEV() {
+  {
+    isDisallowedContextReadInDEV = false;
+  }
+}
+
+function pushProvider(providerFiber, nextValue) {
+  var context = providerFiber.type._context;
+
+  if (isPrimaryRenderer) {
+    push(valueCursor, context._currentValue, providerFiber);
+
+    context._currentValue = nextValue;
+    {
+      !(
+        context._currentRenderer === undefined ||
+        context._currentRenderer === null ||
+        context._currentRenderer === rendererSigil
+      )
+        ? warningWithoutStack$1(
+            false,
+            "Detected multiple renderers concurrently rendering the " +
+              "same context provider. This is currently unsupported."
+          )
+        : void 0;
+      context._currentRenderer = rendererSigil;
+    }
+  } else {
+    push(valueCursor, context._currentValue2, providerFiber);
+
+    context._currentValue2 = nextValue;
+    {
+      !(
+        context._currentRenderer2 === undefined ||
+        context._currentRenderer2 === null ||
+        context._currentRenderer2 === rendererSigil
+      )
+        ? warningWithoutStack$1(
+            false,
+            "Detected multiple renderers concurrently rendering the " +
+              "same context provider. This is currently unsupported."
+          )
+        : void 0;
+      context._currentRenderer2 = rendererSigil;
+    }
+  }
+}
+
+function popProvider(providerFiber) {
+  var currentValue = valueCursor.current;
+
+  pop(valueCursor, providerFiber);
+
+  var context = providerFiber.type._context;
+  if (isPrimaryRenderer) {
+    context._currentValue = currentValue;
+  } else {
+    context._currentValue2 = currentValue;
+  }
+}
+
+function calculateChangedBits(context, newValue, oldValue) {
+  if (is(oldValue, newValue)) {
+    // No change
+    return 0;
+  } else {
+    var changedBits =
+      typeof context._calculateChangedBits === "function"
+        ? context._calculateChangedBits(oldValue, newValue)
+        : MAX_SIGNED_31_BIT_INT;
+
+    {
+      !((changedBits & MAX_SIGNED_31_BIT_INT) === changedBits)
+        ? warning$1(
+            false,
+            "calculateChangedBits: Expected the return value to be a " +
+              "31-bit integer. Instead received: %s",
+            changedBits
+          )
+        : void 0;
+    }
+    return changedBits | 0;
+  }
+}
+
+function scheduleWorkOnParentPath(parent, renderExpirationTime) {
+  // Update the child expiration time of all the ancestors, including
+  // the alternates.
+  var node = parent;
+  while (node !== null) {
+    var alternate = node.alternate;
+    if (node.childExpirationTime < renderExpirationTime) {
+      node.childExpirationTime = renderExpirationTime;
+      if (
+        alternate !== null &&
+        alternate.childExpirationTime < renderExpirationTime
+      ) {
+        alternate.childExpirationTime = renderExpirationTime;
+      }
+    } else if (
+      alternate !== null &&
+      alternate.childExpirationTime < renderExpirationTime
+    ) {
+      alternate.childExpirationTime = renderExpirationTime;
+    } else {
+      // Neither alternate was updated, which means the rest of the
+      // ancestor path already has sufficient priority.
+      break;
+    }
+    node = node.return;
+  }
+}
+
+function propagateContextChange(
+  workInProgress,
+  context,
+  changedBits,
+  renderExpirationTime
+) {
+  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 &&
+          (dependency.observedBits & changedBits) !== 0
+        ) {
+          // Match! Schedule an update on this fiber.
+
+          if (fiber.tag === ClassComponent) {
+            // Schedule a force update on the work-in-progress.
+            var update = createUpdate(renderExpirationTime, null);
+            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.
+            enqueueUpdate(fiber, update);
+          }
+
+          if (fiber.expirationTime < renderExpirationTime) {
+            fiber.expirationTime = renderExpirationTime;
+          }
+          var alternate = fiber.alternate;
+          if (
+            alternate !== null &&
+            alternate.expirationTime < renderExpirationTime
+          ) {
+            alternate.expirationTime = renderExpirationTime;
+          }
+
+          scheduleWorkOnParentPath(fiber.return, renderExpirationTime);
+
+          // Mark the expiration time on the list, too.
+          if (list.expirationTime < renderExpirationTime) {
+            list.expirationTime = renderExpirationTime;
+          }
+
+          // 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 (
+      enableSuspenseServerRenderer &&
+      fiber.tag === DehydratedSuspenseComponent
+    ) {
+      // If a dehydrated suspense component 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 on its children.
+      if (fiber.expirationTime < renderExpirationTime) {
+        fiber.expirationTime = renderExpirationTime;
+      }
+      var _alternate = fiber.alternate;
+      if (
+        _alternate !== null &&
+        _alternate.expirationTime < renderExpirationTime
+      ) {
+        _alternate.expirationTime = renderExpirationTime;
+      }
+      // 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 childExpirationTime on
+      // this fiber to indicate that a context has changed.
+      scheduleWorkOnParentPath(fiber, renderExpirationTime);
+      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, renderExpirationTime) {
+  currentlyRenderingFiber = workInProgress;
+  lastContextDependency = null;
+  lastContextWithAllBitsObserved = null;
+
+  var dependencies = workInProgress.dependencies;
+  if (dependencies !== null) {
+    var firstContext = dependencies.firstContext;
+    if (firstContext !== null) {
+      if (dependencies.expirationTime >= renderExpirationTime) {
+        // 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, observedBits) {
+  {
+    // 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.
+    !!isDisallowedContextReadInDEV
+      ? warning$1(
+          false,
+          "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()."
+        )
+      : void 0;
+  }
+
+  if (lastContextWithAllBitsObserved === context) {
+    // Nothing to do. We already observe everything in this context.
+  } else if (observedBits === false || observedBits === 0) {
+    // Do not observe any updates.
+  } else {
+    var resolvedObservedBits = void 0; // Avoid deopting on observable arguments or heterogeneous types.
+    if (
+      typeof observedBits !== "number" ||
+      observedBits === MAX_SIGNED_31_BIT_INT
+    ) {
+      // Observe all updates.
+      lastContextWithAllBitsObserved = context;
+      resolvedObservedBits = MAX_SIGNED_31_BIT_INT;
+    } else {
+      resolvedObservedBits = observedBits;
+    }
+
+    var contextItem = {
+      context: context,
+      observedBits: resolvedObservedBits,
+      next: null
+    };
+
+    if (lastContextDependency === null) {
+      (function() {
+        if (!(currentlyRenderingFiber !== null)) {
+          throw ReactError(
+            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 = {
+        expirationTime: NoWork,
+        firstContext: contextItem,
+        responders: null
+      };
+    } else {
+      // Append a new context item.
+      lastContextDependency = lastContextDependency.next = contextItem;
+    }
+  }
+  return isPrimaryRenderer ? context._currentValue : context._currentValue2;
+}
+
+// UpdateQueue is a linked list of prioritized updates.
+//
+// Like fibers, update queues come in pairs: a current queue, which represents
+// the visible state of the screen, and a work-in-progress queue, which can be
+// mutated and processed asynchronously before it is committed — a form of
+// double buffering. If a work-in-progress render is discarded before finishing,
+// we create a new work-in-progress by cloning the current queue.
+//
+// Both queues share a persistent, singly-linked list structure. To schedule an
+// update, we append it to the end of both queues. Each queue maintains a
+// pointer to first update in the persistent list that hasn't been processed.
+// The work-in-progress pointer always has a position equal to or greater than
+// the current queue, since we always work on that one. The current queue's
+// pointer is only updated during the commit phase, when we swap in the
+// work-in-progress.
+//
+// For example:
+//
+//   Current pointer:           A - B - C - D - E - F
+//   Work-in-progress pointer:              D - E - F
+//                                          ^
+//                                          The work-in-progress queue has
+//                                          processed more updates than current.
+//
+// The reason we append to both queues is because otherwise we might drop
+// updates without ever processing them. For example, if we only add updates to
+// the work-in-progress queue, some updates could be lost whenever a work-in
+// -progress render restarts by cloning from current. Similarly, if we only add
+// updates to the current queue, the updates will be lost whenever an already
+// in-progress queue commits and swaps with the current queue. However, by
+// adding to both queues, we guarantee that the update will be part of the next
+// work-in-progress. (And because the work-in-progress queue becomes the
+// current queue once it commits, there's no danger of applying the same
+// update twice.)
+//
+// Prioritization
+// --------------
+//
+// Updates are not sorted by priority, but by insertion; new updates are always
+// appended to the end of the list.
+//
+// The priority is still important, though. When processing the update queue
+// during the render phase, only the updates with sufficient priority are
+// included in the result. If we skip an update because it has insufficient
+// priority, it remains in the queue to be processed later, during a lower
+// priority render. Crucially, all updates subsequent to a skipped update also
+// remain in the queue *regardless of their priority*. That means high priority
+// updates are sometimes processed twice, at two separate priorities. We also
+// keep track of a base state, that represents the state before the first
+// update in the queue is applied.
+//
+// For example:
+//
+//   Given a base state of '', and the following queue of updates
+//
+//     A1 - B2 - C1 - D2
+//
+//   where the number indicates the priority, and the update is applied to the
+//   previous state by appending a letter, React will process these updates as
+//   two separate renders, one per distinct priority level:
+//
+//   First render, at priority 1:
+//     Base state: ''
+//     Updates: [A1, C1]
+//     Result state: 'AC'
+//
+//   Second render, at priority 2:
+//     Base state: 'A'            <-  The base state does not include C1,
+//                                    because B2 was skipped.
+//     Updates: [B2, C1, D2]      <-  C1 was rebased on top of B2
+//     Result state: 'ABCD'
+//
+// Because we process updates in insertion order, and rebase high priority
+// updates when preceding updates are skipped, the final result is deterministic
+// regardless of priority. Intermediate state may vary according to system
+// resources, but the final state is always the same.
+
+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 hasForceUpdate = false;
+
+var didWarnUpdateInsideUpdate = void 0;
+var currentlyProcessingQueue = void 0;
+
+{
+  didWarnUpdateInsideUpdate = false;
+  currentlyProcessingQueue = null;
+}
+
+function createUpdateQueue(baseState) {
+  var queue = {
+    baseState: baseState,
+    firstUpdate: null,
+    lastUpdate: null,
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+    firstEffect: null,
+    lastEffect: null,
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
+  };
+  return queue;
+}
+
+function cloneUpdateQueue(currentQueue) {
+  var queue = {
+    baseState: currentQueue.baseState,
+    firstUpdate: currentQueue.firstUpdate,
+    lastUpdate: currentQueue.lastUpdate,
+
+    // TODO: With resuming, if we bail out and resuse the child tree, we should
+    // keep these effects.
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+
+    firstEffect: null,
+    lastEffect: null,
+
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
+  };
+  return queue;
+}
+
+function createUpdate(expirationTime, suspenseConfig) {
+  var update = {
+    expirationTime: expirationTime,
+    suspenseConfig: suspenseConfig,
+
+    tag: UpdateState,
+    payload: null,
+    callback: null,
+
+    next: null,
+    nextEffect: null
+  };
+  {
+    update.priority = getCurrentPriorityLevel();
+  }
+  return update;
+}
+
+function appendUpdateToQueue(queue, update) {
+  // Append the update to the end of the list.
+  if (queue.lastUpdate === null) {
+    // Queue is empty
+    queue.firstUpdate = queue.lastUpdate = update;
+  } else {
+    queue.lastUpdate.next = update;
+    queue.lastUpdate = update;
+  }
+}
+
+function enqueueUpdate(fiber, update) {
+  // Update queues are created lazily.
+  var alternate = fiber.alternate;
+  var queue1 = void 0;
+  var queue2 = void 0;
+  if (alternate === null) {
+    // There's only one fiber.
+    queue1 = fiber.updateQueue;
+    queue2 = null;
+    if (queue1 === null) {
+      queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState);
+    }
+  } else {
+    // There are two owners.
+    queue1 = fiber.updateQueue;
+    queue2 = alternate.updateQueue;
+    if (queue1 === null) {
+      if (queue2 === null) {
+        // Neither fiber has an update queue. Create new ones.
+        queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState);
+        queue2 = alternate.updateQueue = createUpdateQueue(
+          alternate.memoizedState
+        );
+      } else {
+        // Only one fiber has an update queue. Clone to create a new one.
+        queue1 = fiber.updateQueue = cloneUpdateQueue(queue2);
+      }
+    } else {
+      if (queue2 === null) {
+        // Only one fiber has an update queue. Clone to create a new one.
+        queue2 = alternate.updateQueue = cloneUpdateQueue(queue1);
+      } else {
+        // Both owners have an update queue.
+      }
+    }
+  }
+  if (queue2 === null || queue1 === queue2) {
+    // There's only a single queue.
+    appendUpdateToQueue(queue1, update);
+  } else {
+    // There are two queues. We need to append the update to both queues,
+    // while accounting for the persistent structure of the list — we don't
+    // want the same update to be added multiple times.
+    if (queue1.lastUpdate === null || queue2.lastUpdate === null) {
+      // One of the queues is not empty. We must add the update to both queues.
+      appendUpdateToQueue(queue1, update);
+      appendUpdateToQueue(queue2, update);
+    } else {
+      // Both queues are non-empty. The last update is the same in both lists,
+      // because of structural sharing. So, only append to one of the lists.
+      appendUpdateToQueue(queue1, update);
+      // But we still need to update the `lastUpdate` pointer of queue2.
+      queue2.lastUpdate = update;
+    }
+  }
+
+  {
+    if (
+      fiber.tag === ClassComponent &&
+      (currentlyProcessingQueue === queue1 ||
+        (queue2 !== null && currentlyProcessingQueue === queue2)) &&
+      !didWarnUpdateInsideUpdate
+    ) {
+      warningWithoutStack$1(
+        false,
+        "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."
+      );
+      didWarnUpdateInsideUpdate = true;
+    }
+  }
+}
+
+function enqueueCapturedUpdate(workInProgress, update) {
+  // Captured updates go into a separate list, and only on the work-in-
+  // progress queue.
+  var workInProgressQueue = workInProgress.updateQueue;
+  if (workInProgressQueue === null) {
+    workInProgressQueue = workInProgress.updateQueue = createUpdateQueue(
+      workInProgress.memoizedState
+    );
+  } else {
+    // TODO: I put this here rather than createWorkInProgress so that we don't
+    // clone the queue unnecessarily. There's probably a better way to
+    // structure this.
+    workInProgressQueue = ensureWorkInProgressQueueIsAClone(
+      workInProgress,
+      workInProgressQueue
+    );
+  }
+
+  // Append the update to the end of the list.
+  if (workInProgressQueue.lastCapturedUpdate === null) {
+    // This is the first render phase update
+    workInProgressQueue.firstCapturedUpdate = workInProgressQueue.lastCapturedUpdate = update;
+  } else {
+    workInProgressQueue.lastCapturedUpdate.next = update;
+    workInProgressQueue.lastCapturedUpdate = update;
+  }
+}
+
+function ensureWorkInProgressQueueIsAClone(workInProgress, queue) {
+  var current = workInProgress.alternate;
+  if (current !== null) {
+    // If the work-in-progress queue is equal to the current queue,
+    // we need to clone it first.
+    if (queue === current.updateQueue) {
+      queue = workInProgress.updateQueue = cloneUpdateQueue(queue);
+    }
+  }
+  return queue;
+}
+
+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 (
+            debugRenderPhaseSideEffects ||
+            (debugRenderPhaseSideEffectsForStrictMode &&
+              workInProgress.mode & StrictMode)
+          ) {
+            _payload.call(instance, prevState, nextProps);
+          }
+        }
+        var nextState = _payload.call(instance, prevState, nextProps);
+        {
+          exitDisallowedContextReadInDEV();
+        }
+        return nextState;
+      }
+      // State object
+      return _payload;
+    }
+    case CaptureUpdate: {
+      workInProgress.effectTag =
+        (workInProgress.effectTag & ~ShouldCapture) | DidCapture;
+    }
+    // Intentional fallthrough
+    case UpdateState: {
+      var _payload2 = update.payload;
+      var partialState = void 0;
+      if (typeof _payload2 === "function") {
+        // Updater function
+        {
+          enterDisallowedContextReadInDEV();
+          if (
+            debugRenderPhaseSideEffects ||
+            (debugRenderPhaseSideEffectsForStrictMode &&
+              workInProgress.mode & StrictMode)
+          ) {
+            _payload2.call(instance, prevState, nextProps);
+          }
+        }
+        partialState = _payload2.call(instance, prevState, nextProps);
+        {
+          exitDisallowedContextReadInDEV();
+        }
+      } else {
+        // Partial state object
+        partialState = _payload2;
+      }
+      if (partialState === null || partialState === undefined) {
+        // Null and undefined are treated as no-ops.
+        return prevState;
+      }
+      // Merge the partial state and the previous state.
+      return Object.assign({}, prevState, partialState);
+    }
+    case ForceUpdate: {
+      hasForceUpdate = true;
+      return prevState;
+    }
+  }
+  return prevState;
+}
+
+function processUpdateQueue(
+  workInProgress,
+  queue,
+  props,
+  instance,
+  renderExpirationTime
+) {
+  hasForceUpdate = false;
+
+  queue = ensureWorkInProgressQueueIsAClone(workInProgress, queue);
+
+  {
+    currentlyProcessingQueue = queue;
+  }
+
+  // These values may change as we process the queue.
+  var newBaseState = queue.baseState;
+  var newFirstUpdate = null;
+  var newExpirationTime = NoWork;
+
+  // Iterate through the list of updates to compute the result.
+  var update = queue.firstUpdate;
+  var resultState = newBaseState;
+  while (update !== null) {
+    var updateExpirationTime = update.expirationTime;
+    if (updateExpirationTime < renderExpirationTime) {
+      // This update does not have sufficient priority. Skip it.
+      if (newFirstUpdate === null) {
+        // This is the first skipped update. It will be the first update in
+        // the new list.
+        newFirstUpdate = update;
+        // Since this is the first update that was skipped, the current result
+        // is the new base state.
+        newBaseState = resultState;
+      }
+      // Since this update will remain in the list, update the remaining
+      // expiration time.
+      if (newExpirationTime < updateExpirationTime) {
+        newExpirationTime = updateExpirationTime;
+      }
+    } else {
+      // This update does have sufficient priority.
+
+      // Mark the event time of this update as relevant to this render pass.
+      // TODO: This should ideally use the true event time of this update rather than
+      // its priority which is a derived and not reverseable value.
+      // TODO: We should skip this update if it was already committed but currently
+      // we have no way of detecting the difference between a committed and suspended
+      // update here.
+      markRenderEventTimeAndConfig(updateExpirationTime, update.suspenseConfig);
+
+      // Process it and compute a new result.
+      resultState = getStateFromUpdate(
+        workInProgress,
+        queue,
+        update,
+        resultState,
+        props,
+        instance
+      );
+      var _callback = update.callback;
+      if (_callback !== null) {
+        workInProgress.effectTag |= Callback;
+        // Set this to null, in case it was mutated during an aborted render.
+        update.nextEffect = null;
+        if (queue.lastEffect === null) {
+          queue.firstEffect = queue.lastEffect = update;
+        } else {
+          queue.lastEffect.nextEffect = update;
+          queue.lastEffect = update;
+        }
+      }
+    }
+    // Continue to the next update.
+    update = update.next;
+  }
+
+  // Separately, iterate though the list of captured updates.
+  var newFirstCapturedUpdate = null;
+  update = queue.firstCapturedUpdate;
+  while (update !== null) {
+    var _updateExpirationTime = update.expirationTime;
+    if (_updateExpirationTime < renderExpirationTime) {
+      // This update does not have sufficient priority. Skip it.
+      if (newFirstCapturedUpdate === null) {
+        // This is the first skipped captured update. It will be the first
+        // update in the new list.
+        newFirstCapturedUpdate = update;
+        // If this is the first update that was skipped, the current result is
+        // the new base state.
+        if (newFirstUpdate === null) {
+          newBaseState = resultState;
+        }
+      }
+      // Since this update will remain in the list, update the remaining
+      // expiration time.
+      if (newExpirationTime < _updateExpirationTime) {
+        newExpirationTime = _updateExpirationTime;
+      }
+    } else {
+      // This update does have sufficient priority. Process it and compute
+      // a new result.
+      resultState = getStateFromUpdate(
+        workInProgress,
+        queue,
+        update,
+        resultState,
+        props,
+        instance
+      );
+      var _callback2 = update.callback;
+      if (_callback2 !== null) {
+        workInProgress.effectTag |= Callback;
+        // Set this to null, in case it was mutated during an aborted render.
+        update.nextEffect = null;
+        if (queue.lastCapturedEffect === null) {
+          queue.firstCapturedEffect = queue.lastCapturedEffect = update;
+        } else {
+          queue.lastCapturedEffect.nextEffect = update;
+          queue.lastCapturedEffect = update;
+        }
+      }
+    }
+    update = update.next;
+  }
+
+  if (newFirstUpdate === null) {
+    queue.lastUpdate = null;
+  }
+  if (newFirstCapturedUpdate === null) {
+    queue.lastCapturedUpdate = null;
+  } else {
+    workInProgress.effectTag |= Callback;
+  }
+  if (newFirstUpdate === null && newFirstCapturedUpdate === null) {
+    // We processed every update, without skipping. That means the new base
+    // state is the same as the result state.
+    newBaseState = resultState;
+  }
+
+  queue.baseState = newBaseState;
+  queue.firstUpdate = newFirstUpdate;
+  queue.firstCapturedUpdate = newFirstCapturedUpdate;
+
+  // 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.
+  workInProgress.expirationTime = newExpirationTime;
+  workInProgress.memoizedState = resultState;
+
+  {
+    currentlyProcessingQueue = null;
+  }
+}
+
+function callCallback(callback, context) {
+  (function() {
+    if (!(typeof callback === "function")) {
+      throw ReactError(
+        Error(
+          "Invalid argument passed as callback. Expected a function. Instead received: " +
+            callback
+        )
+      );
+    }
+  })();
+  callback.call(context);
+}
+
+function resetHasForceUpdateBeforeProcessing() {
+  hasForceUpdate = false;
+}
+
+function checkHasForceUpdateAfterProcessing() {
+  return hasForceUpdate;
+}
+
+function commitUpdateQueue(
+  finishedWork,
+  finishedQueue,
+  instance,
+  renderExpirationTime
+) {
+  // If the finished render included captured updates, and there are still
+  // lower priority updates left over, we need to keep the captured updates
+  // in the queue so that they are rebased and not dropped once we process the
+  // queue again at the lower priority.
+  if (finishedQueue.firstCapturedUpdate !== null) {
+    // Join the captured update list to the end of the normal list.
+    if (finishedQueue.lastUpdate !== null) {
+      finishedQueue.lastUpdate.next = finishedQueue.firstCapturedUpdate;
+      finishedQueue.lastUpdate = finishedQueue.lastCapturedUpdate;
+    }
+    // Clear the list of captured updates.
+    finishedQueue.firstCapturedUpdate = finishedQueue.lastCapturedUpdate = null;
+  }
+
+  // Commit the effects
+  commitUpdateEffects(finishedQueue.firstEffect, instance);
+  finishedQueue.firstEffect = finishedQueue.lastEffect = null;
+
+  commitUpdateEffects(finishedQueue.firstCapturedEffect, instance);
+  finishedQueue.firstCapturedEffect = finishedQueue.lastCapturedEffect = null;
+}
+
+function commitUpdateEffects(effect, instance) {
+  while (effect !== null) {
+    var _callback3 = effect.callback;
+    if (_callback3 !== null) {
+      effect.callback = null;
+      callCallback(_callback3, instance);
+    }
+    effect = effect.nextEffect;
+  }
+}
+
+var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig;
+
+function requestCurrentSuspenseConfig() {
+  return ReactCurrentBatchConfig.suspense;
+}
+
+var fakeInternalInstance = {};
+var isArray$1 = Array.isArray;
+
+// 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 = void 0;
+var didWarnAboutUninitializedState = void 0;
+var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate = void 0;
+var didWarnAboutLegacyLifecyclesAndDerivedState = void 0;
+var didWarnAboutUndefinedDerivedState = void 0;
+var warnOnUndefinedDerivedState = void 0;
+var warnOnInvalidCallback = void 0;
+var didWarnAboutDirectlyAssigningPropsToState = void 0;
+var didWarnAboutContextTypeAndContextTypes = void 0;
+var didWarnAboutInvalidateContextType = void 0;
+
+{
+  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);
+      warningWithoutStack$1(
+        false,
+        "%s(...): Expected the last optional `callback` argument to be a " +
+          "function. Instead received: %s.",
+        callerName,
+        callback
+      );
+    }
+  };
+
+  warnOnUndefinedDerivedState = function(type, partialState) {
+    if (partialState === undefined) {
+      var componentName = getComponentName(type) || "Component";
+      if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
+        didWarnAboutUndefinedDerivedState.add(componentName);
+        warningWithoutStack$1(
+          false,
+          "%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.
+  Object.defineProperty(fakeInternalInstance, "_processChildContext", {
+    enumerable: false,
+    value: function() {
+      (function() {
+        {
+          throw ReactError(
+            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 applyDerivedStateFromProps(
+  workInProgress,
+  ctor,
+  getDerivedStateFromProps,
+  nextProps
+) {
+  var prevState = workInProgress.memoizedState;
+
+  {
+    if (
+      debugRenderPhaseSideEffects ||
+      (debugRenderPhaseSideEffectsForStrictMode &&
+        workInProgress.mode & StrictMode)
+    ) {
+      // Invoke the function an extra time to help detect side-effects.
+      getDerivedStateFromProps(nextProps, prevState);
+    }
+  }
+
+  var partialState = getDerivedStateFromProps(nextProps, prevState);
+
+  {
+    warnOnUndefinedDerivedState(ctor, partialState);
+  }
+  // Merge the partial state and the previous state.
+  var memoizedState =
+    partialState === null || partialState === undefined
+      ? prevState
+      : Object.assign({}, prevState, partialState);
+  workInProgress.memoizedState = memoizedState;
+
+  // Once the update queue is empty, persist the derived state onto the
+  // base state.
+  var updateQueue = workInProgress.updateQueue;
+  if (updateQueue !== null && workInProgress.expirationTime === NoWork) {
+    updateQueue.baseState = memoizedState;
+  }
+}
+
+var classComponentUpdater = {
+  isMounted: isMounted,
+  enqueueSetState: function(inst, payload, callback) {
+    var fiber = get(inst);
+    var currentTime = requestCurrentTime();
+    var suspenseConfig = requestCurrentSuspenseConfig();
+    var expirationTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      suspenseConfig
+    );
+
+    var update = createUpdate(expirationTime, suspenseConfig);
+    update.payload = payload;
+    if (callback !== undefined && callback !== null) {
+      {
+        warnOnInvalidCallback(callback, "setState");
+      }
+      update.callback = callback;
+    }
+
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
+    enqueueUpdate(fiber, update);
+    scheduleWork(fiber, expirationTime);
+  },
+  enqueueReplaceState: function(inst, payload, callback) {
+    var fiber = get(inst);
+    var currentTime = requestCurrentTime();
+    var suspenseConfig = requestCurrentSuspenseConfig();
+    var expirationTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      suspenseConfig
+    );
+
+    var update = createUpdate(expirationTime, suspenseConfig);
+    update.tag = ReplaceState;
+    update.payload = payload;
+
+    if (callback !== undefined && callback !== null) {
+      {
+        warnOnInvalidCallback(callback, "replaceState");
+      }
+      update.callback = callback;
+    }
+
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
+    enqueueUpdate(fiber, update);
+    scheduleWork(fiber, expirationTime);
+  },
+  enqueueForceUpdate: function(inst, callback) {
+    var fiber = get(inst);
+    var currentTime = requestCurrentTime();
+    var suspenseConfig = requestCurrentSuspenseConfig();
+    var expirationTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      suspenseConfig
+    );
+
+    var update = createUpdate(expirationTime, suspenseConfig);
+    update.tag = ForceUpdate;
+
+    if (callback !== undefined && callback !== null) {
+      {
+        warnOnInvalidCallback(callback, "forceUpdate");
+      }
+      update.callback = callback;
+    }
+
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
+    enqueueUpdate(fiber, update);
+    scheduleWork(fiber, expirationTime);
+  }
+};
+
+function checkShouldComponentUpdate(
+  workInProgress,
+  ctor,
+  oldProps,
+  newProps,
+  oldState,
+  newState,
+  nextContext
+) {
+  var instance = workInProgress.stateNode;
+  if (typeof instance.shouldComponentUpdate === "function") {
+    startPhaseTimer(workInProgress, "shouldComponentUpdate");
+    var shouldUpdate = instance.shouldComponentUpdate(
+      newProps,
+      newState,
+      nextContext
+    );
+    stopPhaseTimer();
+
+    {
+      !(shouldUpdate !== undefined)
+        ? warningWithoutStack$1(
+            false,
+            "%s.shouldComponentUpdate(): Returned undefined instead of a " +
+              "boolean value. Make sure to return true or false.",
+            getComponentName(ctor) || "Component"
+          )
+        : void 0;
+    }
+
+    return shouldUpdate;
+  }
+
+  if (ctor.prototype && ctor.prototype.isPureReactComponent) {
+    return (
+      !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+    );
+  }
+
+  return true;
+}
+
+function checkClassInstance(workInProgress, ctor, newProps) {
+  var instance = workInProgress.stateNode;
+  {
+    var name = getComponentName(ctor) || "Component";
+    var renderPresent = instance.render;
+
+    if (!renderPresent) {
+      if (ctor.prototype && typeof ctor.prototype.render === "function") {
+        warningWithoutStack$1(
+          false,
+          "%s(...): No `render` method found on the returned component " +
+            "instance: did you accidentally return an object from the constructor?",
+          name
+        );
+      } else {
+        warningWithoutStack$1(
+          false,
+          "%s(...): No `render` method found on the returned component " +
+            "instance: you may have forgotten to define `render`.",
+          name
+        );
+      }
+    }
+
+    var noGetInitialStateOnES6 =
+      !instance.getInitialState ||
+      instance.getInitialState.isReactClassApproved ||
+      instance.state;
+    !noGetInitialStateOnES6
+      ? warningWithoutStack$1(
+          false,
+          "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
+        )
+      : void 0;
+    var noGetDefaultPropsOnES6 =
+      !instance.getDefaultProps ||
+      instance.getDefaultProps.isReactClassApproved;
+    !noGetDefaultPropsOnES6
+      ? warningWithoutStack$1(
+          false,
+          "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
+        )
+      : void 0;
+    var noInstancePropTypes = !instance.propTypes;
+    !noInstancePropTypes
+      ? warningWithoutStack$1(
+          false,
+          "propTypes was defined as an instance property on %s. Use a static " +
+            "property to define propTypes instead.",
+          name
+        )
+      : void 0;
+    var noInstanceContextType = !instance.contextType;
+    !noInstanceContextType
+      ? warningWithoutStack$1(
+          false,
+          "contextType was defined as an instance property on %s. Use a static " +
+            "property to define contextType instead.",
+          name
+        )
+      : void 0;
+
+    if (disableLegacyContext) {
+      if (ctor.childContextTypes) {
+        warningWithoutStack$1(
+          false,
+          "%s uses the legacy childContextTypes API which is no longer supported. " +
+            "Use React.createContext() instead.",
+          name
+        );
+      }
+      if (ctor.contextTypes) {
+        warningWithoutStack$1(
+          false,
+          "%s uses the legacy contextTypes API which is no longer supported. " +
+            "Use React.createContext() with static contextType instead.",
+          name
+        );
+      }
+    } else {
+      var noInstanceContextTypes = !instance.contextTypes;
+      !noInstanceContextTypes
+        ? warningWithoutStack$1(
+            false,
+            "contextTypes was defined as an instance property on %s. Use a static " +
+              "property to define contextTypes instead.",
+            name
+          )
+        : void 0;
+
+      if (
+        ctor.contextType &&
+        ctor.contextTypes &&
+        !didWarnAboutContextTypeAndContextTypes.has(ctor)
+      ) {
+        didWarnAboutContextTypeAndContextTypes.add(ctor);
+        warningWithoutStack$1(
+          false,
+          "%s declares both contextTypes and contextType static properties. " +
+            "The legacy contextTypes property will be ignored.",
+          name
+        );
+      }
+    }
+
+    var noComponentShouldUpdate =
+      typeof instance.componentShouldUpdate !== "function";
+    !noComponentShouldUpdate
+      ? warningWithoutStack$1(
+          false,
+          "%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
+        )
+      : void 0;
+    if (
+      ctor.prototype &&
+      ctor.prototype.isPureReactComponent &&
+      typeof instance.shouldComponentUpdate !== "undefined"
+    ) {
+      warningWithoutStack$1(
+        false,
+        "%s has a method called shouldComponentUpdate(). " +
+          "shouldComponentUpdate should not be used when extending React.PureComponent. " +
+          "Please extend React.Component if shouldComponentUpdate is used.",
+        getComponentName(ctor) || "A pure component"
+      );
+    }
+    var noComponentDidUnmount =
+      typeof instance.componentDidUnmount !== "function";
+    !noComponentDidUnmount
+      ? warningWithoutStack$1(
+          false,
+          "%s has a method called " +
+            "componentDidUnmount(). But there is no such lifecycle method. " +
+            "Did you mean componentWillUnmount()?",
+          name
+        )
+      : void 0;
+    var noComponentDidReceiveProps =
+      typeof instance.componentDidReceiveProps !== "function";
+    !noComponentDidReceiveProps
+      ? warningWithoutStack$1(
+          false,
+          "%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
+        )
+      : void 0;
+    var noComponentWillRecieveProps =
+      typeof instance.componentWillRecieveProps !== "function";
+    !noComponentWillRecieveProps
+      ? warningWithoutStack$1(
+          false,
+          "%s has a method called " +
+            "componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
+          name
+        )
+      : void 0;
+    var noUnsafeComponentWillRecieveProps =
+      typeof instance.UNSAFE_componentWillRecieveProps !== "function";
+    !noUnsafeComponentWillRecieveProps
+      ? warningWithoutStack$1(
+          false,
+          "%s has a method called " +
+            "UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
+          name
+        )
+      : void 0;
+    var hasMutatedProps = instance.props !== newProps;
+    !(instance.props === undefined || !hasMutatedProps)
+      ? warningWithoutStack$1(
+          false,
+          "%s(...): When calling super() in `%s`, make sure to pass " +
+            "up the same props that your component's constructor was passed.",
+          name,
+          name
+        )
+      : void 0;
+    var noInstanceDefaultProps = !instance.defaultProps;
+    !noInstanceDefaultProps
+      ? warningWithoutStack$1(
+          false,
+          "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
+        )
+      : void 0;
+
+    if (
+      typeof instance.getSnapshotBeforeUpdate === "function" &&
+      typeof instance.componentDidUpdate !== "function" &&
+      !didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(ctor)
+    ) {
+      didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(ctor);
+      warningWithoutStack$1(
+        false,
+        "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). " +
+          "This component defines getSnapshotBeforeUpdate() only.",
+        getComponentName(ctor)
+      );
+    }
+
+    var noInstanceGetDerivedStateFromProps =
+      typeof instance.getDerivedStateFromProps !== "function";
+    !noInstanceGetDerivedStateFromProps
+      ? warningWithoutStack$1(
+          false,
+          "%s: getDerivedStateFromProps() is defined as an instance method " +
+            "and will be ignored. Instead, declare it as a static method.",
+          name
+        )
+      : void 0;
+    var noInstanceGetDerivedStateFromCatch =
+      typeof instance.getDerivedStateFromError !== "function";
+    !noInstanceGetDerivedStateFromCatch
+      ? warningWithoutStack$1(
+          false,
+          "%s: getDerivedStateFromError() is defined as an instance method " +
+            "and will be ignored. Instead, declare it as a static method.",
+          name
+        )
+      : void 0;
+    var noStaticGetSnapshotBeforeUpdate =
+      typeof ctor.getSnapshotBeforeUpdate !== "function";
+    !noStaticGetSnapshotBeforeUpdate
+      ? warningWithoutStack$1(
+          false,
+          "%s: getSnapshotBeforeUpdate() is defined as a static method " +
+            "and will be ignored. Instead, declare it as an instance method.",
+          name
+        )
+      : void 0;
+    var _state = instance.state;
+    if (_state && (typeof _state !== "object" || isArray$1(_state))) {
+      warningWithoutStack$1(
+        false,
+        "%s.state: must be set to an object or null",
+        name
+      );
+    }
+    if (typeof instance.getChildContext === "function") {
+      !(typeof ctor.childContextTypes === "object")
+        ? warningWithoutStack$1(
+            false,
+            "%s.getChildContext(): childContextTypes must be defined in order to " +
+              "use getChildContext().",
+            name
+          )
+        : void 0;
+    }
+  }
+}
+
+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);
+  {
+    instance._reactInternalInstance = fakeInternalInstance;
+  }
+}
+
+function constructClassInstance(
+  workInProgress,
+  ctor,
+  props,
+  renderExpirationTime
+) {
+  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(", ") +
+            "}.";
+        }
+        warningWithoutStack$1(
+          false,
+          "%s defines an invalid contextType. " +
+            "contextType should point to the Context object returned by React.createContext().%s",
+          getComponentName(ctor) || "Component",
+          addendum
+        );
+      }
+    }
+  }
+
+  if (typeof contextType === "object" && contextType !== null) {
+    context = readContext(contextType);
+  } else if (!disableLegacyContext) {
+    unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
+    var contextTypes = ctor.contextTypes;
+    isLegacyContextConsumer =
+      contextTypes !== null && contextTypes !== undefined;
+    context = isLegacyContextConsumer
+      ? getMaskedContext(workInProgress, unmaskedContext)
+      : emptyContextObject;
+  }
+
+  // Instantiate twice to help detect side-effects.
+  {
+    if (
+      debugRenderPhaseSideEffects ||
+      (debugRenderPhaseSideEffectsForStrictMode &&
+        workInProgress.mode & StrictMode)
+    ) {
+      new ctor(props, context); // eslint-disable-line no-new
+    }
+  }
+
+  var instance = new ctor(props, context);
+  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 = getComponentName(ctor) || "Component";
+      if (!didWarnAboutUninitializedState.has(componentName)) {
+        didWarnAboutUninitializedState.add(componentName);
+        warningWithoutStack$1(
+          false,
+          "`%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.
+    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";
+      }
+      if (
+        typeof instance.componentWillReceiveProps === "function" &&
+        instance.componentWillReceiveProps.__suppressDeprecationWarning !== true
+      ) {
+        foundWillReceivePropsName = "componentWillReceiveProps";
+      } else if (
+        typeof instance.UNSAFE_componentWillReceiveProps === "function"
+      ) {
+        foundWillReceivePropsName = "UNSAFE_componentWillReceiveProps";
+      }
+      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 = getComponentName(ctor) || "Component";
+        var newApiName =
+          typeof ctor.getDerivedStateFromProps === "function"
+            ? "getDerivedStateFromProps()"
+            : "getSnapshotBeforeUpdate()";
+        if (!didWarnAboutLegacyLifecyclesAndDerivedState.has(_componentName)) {
+          didWarnAboutLegacyLifecyclesAndDerivedState.add(_componentName);
+          warningWithoutStack$1(
+            false,
+            "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://fb.me/react-async-component-lifecycle-hooks",
+            _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 (isLegacyContextConsumer) {
+    cacheContext(workInProgress, unmaskedContext, context);
+  }
+
+  return instance;
+}
+
+function callComponentWillMount(workInProgress, instance) {
+  startPhaseTimer(workInProgress, "componentWillMount");
+  var oldState = instance.state;
+
+  if (typeof instance.componentWillMount === "function") {
+    instance.componentWillMount();
+  }
+  if (typeof instance.UNSAFE_componentWillMount === "function") {
+    instance.UNSAFE_componentWillMount();
+  }
+
+  stopPhaseTimer();
+
+  if (oldState !== instance.state) {
+    {
+      warningWithoutStack$1(
+        false,
+        "%s.componentWillMount(): Assigning directly to this.state is " +
+          "deprecated (except inside a component's " +
+          "constructor). Use setState instead.",
+        getComponentName(workInProgress.type) || "Component"
+      );
+    }
+    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+  }
+}
+
+function callComponentWillReceiveProps(
+  workInProgress,
+  instance,
+  newProps,
+  nextContext
+) {
+  var oldState = instance.state;
+  startPhaseTimer(workInProgress, "componentWillReceiveProps");
+  if (typeof instance.componentWillReceiveProps === "function") {
+    instance.componentWillReceiveProps(newProps, nextContext);
+  }
+  if (typeof instance.UNSAFE_componentWillReceiveProps === "function") {
+    instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
+  }
+  stopPhaseTimer();
+
+  if (instance.state !== oldState) {
+    {
+      var componentName = getComponentName(workInProgress.type) || "Component";
+      if (!didWarnAboutStateAssignmentForComponent.has(componentName)) {
+        didWarnAboutStateAssignmentForComponent.add(componentName);
+        warningWithoutStack$1(
+          false,
+          "%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);
+  }
+}
+
+// Invokes the mount life-cycles on a previously never rendered instance.
+function mountClassInstance(
+  workInProgress,
+  ctor,
+  newProps,
+  renderExpirationTime
+) {
+  {
+    checkClassInstance(workInProgress, ctor, newProps);
+  }
+
+  var instance = workInProgress.stateNode;
+  instance.props = newProps;
+  instance.state = workInProgress.memoizedState;
+  instance.refs = emptyRefsObject;
+
+  var contextType = ctor.contextType;
+  if (typeof contextType === "object" && contextType !== null) {
+    instance.context = readContext(contextType);
+  } else if (disableLegacyContext) {
+    instance.context = emptyContextObject;
+  } else {
+    var unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
+    instance.context = getMaskedContext(workInProgress, unmaskedContext);
+  }
+
+  {
+    if (instance.state === newProps) {
+      var componentName = getComponentName(ctor) || "Component";
+      if (!didWarnAboutDirectlyAssigningPropsToState.has(componentName)) {
+        didWarnAboutDirectlyAssigningPropsToState.add(componentName);
+        warningWithoutStack$1(
+          false,
+          "%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 & StrictMode) {
+      ReactStrictModeWarnings.recordLegacyContextWarning(
+        workInProgress,
+        instance
+      );
+    }
+
+    if (warnAboutDeprecatedLifecycles) {
+      ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
+        workInProgress,
+        instance
+      );
+    }
+  }
+
+  var updateQueue = workInProgress.updateQueue;
+  if (updateQueue !== null) {
+    processUpdateQueue(
+      workInProgress,
+      updateQueue,
+      newProps,
+      instance,
+      renderExpirationTime
+    );
+    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.
+    updateQueue = workInProgress.updateQueue;
+    if (updateQueue !== null) {
+      processUpdateQueue(
+        workInProgress,
+        updateQueue,
+        newProps,
+        instance,
+        renderExpirationTime
+      );
+      instance.state = workInProgress.memoizedState;
+    }
+  }
+
+  if (typeof instance.componentDidMount === "function") {
+    workInProgress.effectTag |= Update;
+  }
+}
+
+function resumeMountClassInstance(
+  workInProgress,
+  ctor,
+  newProps,
+  renderExpirationTime
+) {
+  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 if (!disableLegacyContext) {
+    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);
+  var updateQueue = workInProgress.updateQueue;
+  if (updateQueue !== null) {
+    processUpdateQueue(
+      workInProgress,
+      updateQueue,
+      newProps,
+      instance,
+      renderExpirationTime
+    );
+    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.effectTag |= Update;
+    }
+    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")
+    ) {
+      startPhaseTimer(workInProgress, "componentWillMount");
+      if (typeof instance.componentWillMount === "function") {
+        instance.componentWillMount();
+      }
+      if (typeof instance.UNSAFE_componentWillMount === "function") {
+        instance.UNSAFE_componentWillMount();
+      }
+      stopPhaseTimer();
+    }
+    if (typeof instance.componentDidMount === "function") {
+      workInProgress.effectTag |= Update;
+    }
+  } 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.effectTag |= Update;
+    }
+
+    // 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,
+  renderExpirationTime
+) {
+  var instance = workInProgress.stateNode;
+
+  var oldProps = workInProgress.memoizedProps;
+  instance.props =
+    workInProgress.type === workInProgress.elementType
+      ? oldProps
+      : resolveDefaultProps(workInProgress.type, oldProps);
+
+  var oldContext = instance.context;
+  var contextType = ctor.contextType;
+  var nextContext = emptyContextObject;
+  if (typeof contextType === "object" && contextType !== null) {
+    nextContext = readContext(contextType);
+  } else if (!disableLegacyContext) {
+    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 (oldProps !== newProps || oldContext !== nextContext) {
+      callComponentWillReceiveProps(
+        workInProgress,
+        instance,
+        newProps,
+        nextContext
+      );
+    }
+  }
+
+  resetHasForceUpdateBeforeProcessing();
+
+  var oldState = workInProgress.memoizedState;
+  var newState = (instance.state = oldState);
+  var updateQueue = workInProgress.updateQueue;
+  if (updateQueue !== null) {
+    processUpdateQueue(
+      workInProgress,
+      updateQueue,
+      newProps,
+      instance,
+      renderExpirationTime
+    );
+    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.componentDidUpdate === "function") {
+      if (
+        oldProps !== current.memoizedProps ||
+        oldState !== current.memoizedState
+      ) {
+        workInProgress.effectTag |= Update;
+      }
+    }
+    if (typeof instance.getSnapshotBeforeUpdate === "function") {
+      if (
+        oldProps !== current.memoizedProps ||
+        oldState !== current.memoizedState
+      ) {
+        workInProgress.effectTag |= 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
+    );
+
+  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")
+    ) {
+      startPhaseTimer(workInProgress, "componentWillUpdate");
+      if (typeof instance.componentWillUpdate === "function") {
+        instance.componentWillUpdate(newProps, newState, nextContext);
+      }
+      if (typeof instance.UNSAFE_componentWillUpdate === "function") {
+        instance.UNSAFE_componentWillUpdate(newProps, newState, nextContext);
+      }
+      stopPhaseTimer();
+    }
+    if (typeof instance.componentDidUpdate === "function") {
+      workInProgress.effectTag |= Update;
+    }
+    if (typeof instance.getSnapshotBeforeUpdate === "function") {
+      workInProgress.effectTag |= 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 (
+        oldProps !== current.memoizedProps ||
+        oldState !== current.memoizedState
+      ) {
+        workInProgress.effectTag |= Update;
+      }
+    }
+    if (typeof instance.getSnapshotBeforeUpdate === "function") {
+      if (
+        oldProps !== current.memoizedProps ||
+        oldState !== current.memoizedState
+      ) {
+        workInProgress.effectTag |= 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;
+}
+
+var didWarnAboutMaps = void 0;
+var didWarnAboutGenerators = void 0;
+var didWarnAboutStringRefs = void 0;
+var ownerHasKeyUseWarning = void 0;
+var ownerHasFunctionTypeWarning = void 0;
+var warnForMissingKey = function(child) {};
+
+{
+  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) {
+    if (child === null || typeof child !== "object") {
+      return;
+    }
+    if (!child._store || child._store.validated || child.key != null) {
+      return;
+    }
+    (function() {
+      if (!(typeof child._store === "object")) {
+        throw ReactError(
+          Error(
+            "React Component in warnForMissingKey should have a _store. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
+    child._store.validated = true;
+
+    var currentComponentErrorInfo =
+      "Each child in a list should have a unique " +
+      '"key" prop. See https://fb.me/react-warning-keys for ' +
+      "more information." +
+      getCurrentFiberStackInDev();
+    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
+      return;
+    }
+    ownerHasKeyUseWarning[currentComponentErrorInfo] = true;
+
+    warning$1(
+      false,
+      "Each child in a list should have a unique " +
+        '"key" prop. See https://fb.me/react-warning-keys for ' +
+        "more information."
+    );
+  };
+}
+
+var isArray = Array.isArray;
+
+function coerceRef(returnFiber, current$$1, element) {
+  var mixedRef = element.ref;
+  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 & StrictMode || warnAboutStringRefs) {
+        var componentName = getComponentName(returnFiber.type) || "Component";
+        if (!didWarnAboutStringRefs[componentName]) {
+          if (warnAboutStringRefs) {
+            warningWithoutStack$1(
+              false,
+              '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." +
+                "\n%s" +
+                "\n\nLearn more about using refs safely here:" +
+                "\nhttps://fb.me/react-strict-mode-string-ref",
+              componentName,
+              mixedRef,
+              getStackByFiberInDevAndProd(returnFiber)
+            );
+          } else {
+            warningWithoutStack$1(
+              false,
+              '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." +
+                "\n%s" +
+                "\n\nLearn more about using refs safely here:" +
+                "\nhttps://fb.me/react-strict-mode-string-ref",
+              mixedRef,
+              getStackByFiberInDevAndProd(returnFiber)
+            );
+          }
+          didWarnAboutStringRefs[componentName] = true;
+        }
+      }
+    }
+
+    if (element._owner) {
+      var owner = element._owner;
+      var inst = void 0;
+      if (owner) {
+        var ownerFiber = owner;
+        (function() {
+          if (!(ownerFiber.tag === ClassComponent)) {
+            throw ReactError(
+              Error(
+                "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+              )
+            );
+          }
+        })();
+        inst = ownerFiber.stateNode;
+      }
+      (function() {
+        if (!inst) {
+          throw ReactError(
+            Error(
+              "Missing owner for string ref " +
+                mixedRef +
+                ". This error is likely caused by a bug in React. Please file an issue."
+            )
+          );
+        }
+      })();
+      var stringRef = "" + mixedRef;
+      // Check if previous string ref matches new string ref
+      if (
+        current$$1 !== null &&
+        current$$1.ref !== null &&
+        typeof current$$1.ref === "function" &&
+        current$$1.ref._stringRef === stringRef
+      ) {
+        return current$$1.ref;
+      }
+      var ref = function(value) {
+        var refs = inst.refs;
+        if (refs === emptyRefsObject) {
+          // This is a lazy pooled frozen object, so we need to initialize.
+          refs = inst.refs = {};
+        }
+        if (value === null) {
+          delete refs[stringRef];
+        } else {
+          refs[stringRef] = value;
+        }
+      };
+      ref._stringRef = stringRef;
+      return ref;
+    } else {
+      (function() {
+        if (!(typeof mixedRef === "string")) {
+          throw ReactError(
+            Error(
+              "Expected ref to be a function, a string, an object returned by React.createRef(), or null."
+            )
+          );
+        }
+      })();
+      (function() {
+        if (!element._owner) {
+          throw ReactError(
+            Error(
+              "Element ref was specified as a string (" +
+                mixedRef +
+                ") 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://fb.me/react-refs-must-have-owner for more information."
+            )
+          );
+        }
+      })();
+    }
+  }
+  return mixedRef;
+}
+
+function throwOnInvalidObjectType(returnFiber, newChild) {
+  if (returnFiber.type !== "textarea") {
+    var addendum = "";
+    {
+      addendum =
+        " If you meant to render a collection of children, use an array " +
+        "instead." +
+        getCurrentFiberStackInDev();
+    }
+    (function() {
+      {
+        throw ReactError(
+          Error(
+            "Objects are not valid as a React child (found: " +
+              (Object.prototype.toString.call(newChild) === "[object Object]"
+                ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
+                : newChild) +
+              ")." +
+              addendum
+          )
+        );
+      }
+    })();
+  }
+}
+
+function warnOnFunctionType() {
+  var currentComponentErrorInfo =
+    "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." +
+    getCurrentFiberStackInDev();
+
+  if (ownerHasFunctionTypeWarning[currentComponentErrorInfo]) {
+    return;
+  }
+  ownerHasFunctionTypeWarning[currentComponentErrorInfo] = true;
+
+  warning$1(
+    false,
+    "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."
+  );
+}
+
+// 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 ChildReconciler(shouldTrackSideEffects) {
+  function deleteChild(returnFiber, childToDelete) {
+    if (!shouldTrackSideEffects) {
+      // Noop.
+      return;
+    }
+    // Deletions are added in reversed order so we add it to the front.
+    // At this point, the return fiber's effect list is empty except for
+    // deletions, so we can just append the deletion to the list. The remaining
+    // effects aren't added until the complete phase. Once we implement
+    // resuming, this may not be true.
+    var last = returnFiber.lastEffect;
+    if (last !== null) {
+      last.nextEffect = childToDelete;
+      returnFiber.lastEffect = childToDelete;
+    } else {
+      returnFiber.firstEffect = returnFiber.lastEffect = childToDelete;
+    }
+    childToDelete.nextEffect = null;
+    childToDelete.effectTag = Deletion;
+  }
+
+  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.
+    var childToDelete = currentFirstChild;
+    while (childToDelete !== null) {
+      deleteChild(returnFiber, childToDelete);
+      childToDelete = childToDelete.sibling;
+    }
+    return null;
+  }
+
+  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
+    var existingChildren = new Map();
+
+    var existingChild = currentFirstChild;
+    while (existingChild !== null) {
+      if (existingChild.key !== null) {
+        existingChildren.set(existingChild.key, existingChild);
+      } else {
+        existingChildren.set(existingChild.index, existingChild);
+      }
+      existingChild = existingChild.sibling;
+    }
+    return existingChildren;
+  }
+
+  function useFiber(fiber, pendingProps, expirationTime) {
+    // 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, expirationTime);
+    clone.index = 0;
+    clone.sibling = null;
+    return clone;
+  }
+
+  function placeChild(newFiber, lastPlacedIndex, newIndex) {
+    newFiber.index = newIndex;
+    if (!shouldTrackSideEffects) {
+      // Noop.
+      return lastPlacedIndex;
+    }
+    var current$$1 = newFiber.alternate;
+    if (current$$1 !== null) {
+      var oldIndex = current$$1.index;
+      if (oldIndex < lastPlacedIndex) {
+        // This is a move.
+        newFiber.effectTag = Placement;
+        return lastPlacedIndex;
+      } else {
+        // This item can stay in place.
+        return oldIndex;
+      }
+    } else {
+      // This is an insertion.
+      newFiber.effectTag = 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.effectTag = Placement;
+    }
+    return newFiber;
+  }
+
+  function updateTextNode(
+    returnFiber,
+    current$$1,
+    textContent,
+    expirationTime
+  ) {
+    if (current$$1 === null || current$$1.tag !== HostText) {
+      // Insert
+      var created = createFiberFromText(
+        textContent,
+        returnFiber.mode,
+        expirationTime
+      );
+      created.return = returnFiber;
+      return created;
+    } else {
+      // Update
+      var existing = useFiber(current$$1, textContent, expirationTime);
+      existing.return = returnFiber;
+      return existing;
+    }
+  }
+
+  function updateElement(returnFiber, current$$1, element, expirationTime) {
+    if (
+      current$$1 !== null &&
+      (current$$1.elementType === element.type ||
+        // Keep this check inline so it only runs on the false path:
+        isCompatibleFamilyForHotReloading(current$$1, element))
+    ) {
+      // Move based on index
+      var existing = useFiber(current$$1, element.props, expirationTime);
+      existing.ref = coerceRef(returnFiber, current$$1, element);
+      existing.return = returnFiber;
+      {
+        existing._debugSource = element._source;
+        existing._debugOwner = element._owner;
+      }
+      return existing;
+    } else {
+      // Insert
+      var created = createFiberFromElement(
+        element,
+        returnFiber.mode,
+        expirationTime
+      );
+      created.ref = coerceRef(returnFiber, current$$1, element);
+      created.return = returnFiber;
+      return created;
+    }
+  }
+
+  function updatePortal(returnFiber, current$$1, portal, expirationTime) {
+    if (
+      current$$1 === null ||
+      current$$1.tag !== HostPortal ||
+      current$$1.stateNode.containerInfo !== portal.containerInfo ||
+      current$$1.stateNode.implementation !== portal.implementation
+    ) {
+      // Insert
+      var created = createFiberFromPortal(
+        portal,
+        returnFiber.mode,
+        expirationTime
+      );
+      created.return = returnFiber;
+      return created;
+    } else {
+      // Update
+      var existing = useFiber(
+        current$$1,
+        portal.children || [],
+        expirationTime
+      );
+      existing.return = returnFiber;
+      return existing;
+    }
+  }
+
+  function updateFragment(
+    returnFiber,
+    current$$1,
+    fragment,
+    expirationTime,
+    key
+  ) {
+    if (current$$1 === null || current$$1.tag !== Fragment) {
+      // Insert
+      var created = createFiberFromFragment(
+        fragment,
+        returnFiber.mode,
+        expirationTime,
+        key
+      );
+      created.return = returnFiber;
+      return created;
+    } else {
+      // Update
+      var existing = useFiber(current$$1, fragment, expirationTime);
+      existing.return = returnFiber;
+      return existing;
+    }
+  }
+
+  function createChild(returnFiber, newChild, expirationTime) {
+    if (typeof newChild === "string" || 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,
+        expirationTime
+      );
+      created.return = returnFiber;
+      return created;
+    }
+
+    if (typeof newChild === "object" && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE: {
+          var _created = createFiberFromElement(
+            newChild,
+            returnFiber.mode,
+            expirationTime
+          );
+          _created.ref = coerceRef(returnFiber, null, newChild);
+          _created.return = returnFiber;
+          return _created;
+        }
+        case REACT_PORTAL_TYPE: {
+          var _created2 = createFiberFromPortal(
+            newChild,
+            returnFiber.mode,
+            expirationTime
+          );
+          _created2.return = returnFiber;
+          return _created2;
+        }
+      }
+
+      if (isArray(newChild) || getIteratorFn(newChild)) {
+        var _created3 = createFiberFromFragment(
+          newChild,
+          returnFiber.mode,
+          expirationTime,
+          null
+        );
+        _created3.return = returnFiber;
+        return _created3;
+      }
+
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+
+    {
+      if (typeof newChild === "function") {
+        warnOnFunctionType();
+      }
+    }
+
+    return null;
+  }
+
+  function updateSlot(returnFiber, oldFiber, newChild, expirationTime) {
+    // Update the fiber if the keys match, otherwise return null.
+
+    var key = oldFiber !== null ? oldFiber.key : null;
+
+    if (typeof newChild === "string" || 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;
+      }
+      return updateTextNode(
+        returnFiber,
+        oldFiber,
+        "" + newChild,
+        expirationTime
+      );
+    }
+
+    if (typeof newChild === "object" && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE: {
+          if (newChild.key === key) {
+            if (newChild.type === REACT_FRAGMENT_TYPE) {
+              return updateFragment(
+                returnFiber,
+                oldFiber,
+                newChild.props.children,
+                expirationTime,
+                key
+              );
+            }
+            return updateElement(
+              returnFiber,
+              oldFiber,
+              newChild,
+              expirationTime
+            );
+          } else {
+            return null;
+          }
+        }
+        case REACT_PORTAL_TYPE: {
+          if (newChild.key === key) {
+            return updatePortal(
+              returnFiber,
+              oldFiber,
+              newChild,
+              expirationTime
+            );
+          } else {
+            return null;
+          }
+        }
+      }
+
+      if (isArray(newChild) || getIteratorFn(newChild)) {
+        if (key !== null) {
+          return null;
+        }
+
+        return updateFragment(
+          returnFiber,
+          oldFiber,
+          newChild,
+          expirationTime,
+          null
+        );
+      }
+
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+
+    {
+      if (typeof newChild === "function") {
+        warnOnFunctionType();
+      }
+    }
+
+    return null;
+  }
+
+  function updateFromMap(
+    existingChildren,
+    returnFiber,
+    newIdx,
+    newChild,
+    expirationTime
+  ) {
+    if (typeof newChild === "string" || 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,
+        expirationTime
+      );
+    }
+
+    if (typeof newChild === "object" && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE: {
+          var _matchedFiber =
+            existingChildren.get(
+              newChild.key === null ? newIdx : newChild.key
+            ) || null;
+          if (newChild.type === REACT_FRAGMENT_TYPE) {
+            return updateFragment(
+              returnFiber,
+              _matchedFiber,
+              newChild.props.children,
+              expirationTime,
+              newChild.key
+            );
+          }
+          return updateElement(
+            returnFiber,
+            _matchedFiber,
+            newChild,
+            expirationTime
+          );
+        }
+        case REACT_PORTAL_TYPE: {
+          var _matchedFiber2 =
+            existingChildren.get(
+              newChild.key === null ? newIdx : newChild.key
+            ) || null;
+          return updatePortal(
+            returnFiber,
+            _matchedFiber2,
+            newChild,
+            expirationTime
+          );
+        }
+      }
+
+      if (isArray(newChild) || getIteratorFn(newChild)) {
+        var _matchedFiber3 = existingChildren.get(newIdx) || null;
+        return updateFragment(
+          returnFiber,
+          _matchedFiber3,
+          newChild,
+          expirationTime,
+          null
+        );
+      }
+
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+
+    {
+      if (typeof newChild === "function") {
+        warnOnFunctionType();
+      }
+    }
+
+    return null;
+  }
+
+  /**
+   * Warns if there is a duplicate or missing key
+   */
+  function warnOnInvalidKey(child, knownKeys) {
+    {
+      if (typeof child !== "object" || child === null) {
+        return knownKeys;
+      }
+      switch (child.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+        case REACT_PORTAL_TYPE:
+          warnForMissingKey(child);
+          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;
+          }
+          warning$1(
+            false,
+            "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;
+        default:
+          break;
+      }
+    }
+    return knownKeys;
+  }
+
+  function reconcileChildrenArray(
+    returnFiber,
+    currentFirstChild,
+    newChildren,
+    expirationTime
+  ) {
+    // 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);
+      }
+    }
+
+    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],
+        expirationTime
+      );
+      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;
+        }
+        break;
+      }
+      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);
+        }
+      }
+      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 (newIdx === newChildren.length) {
+      // We've reached the end of the new children. We can delete the rest.
+      deleteRemainingChildren(returnFiber, oldFiber);
+      return resultingFirstChild;
+    }
+
+    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],
+          expirationTime
+        );
+        if (_newFiber === null) {
+          continue;
+        }
+        lastPlacedIndex = placeChild(_newFiber, lastPlacedIndex, newIdx);
+        if (previousNewFiber === null) {
+          // TODO: Move out of the loop. This only happens for the first run.
+          resultingFirstChild = _newFiber;
+        } else {
+          previousNewFiber.sibling = _newFiber;
+        }
+        previousNewFiber = _newFiber;
+      }
+      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 (; newIdx < newChildren.length; newIdx++) {
+      var _newFiber2 = updateFromMap(
+        existingChildren,
+        returnFiber,
+        newIdx,
+        newChildren[newIdx],
+        expirationTime
+      );
+      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
+            );
+          }
+        }
+        lastPlacedIndex = placeChild(_newFiber2, lastPlacedIndex, newIdx);
+        if (previousNewFiber === null) {
+          resultingFirstChild = _newFiber2;
+        } else {
+          previousNewFiber.sibling = _newFiber2;
+        }
+        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,
+    expirationTime
+  ) {
+    // This is the same implementation as reconcileChildrenArray(),
+    // but using the iterator instead.
+
+    var iteratorFn = getIteratorFn(newChildrenIterable);
+    (function() {
+      if (!(typeof iteratorFn === "function")) {
+        throw ReactError(
+          Error(
+            "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
+
+    {
+      // 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"
+      ) {
+        !didWarnAboutGenerators
+          ? warning$1(
+              false,
+              "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."
+            )
+          : void 0;
+        didWarnAboutGenerators = true;
+      }
+
+      // Warn about using Maps as children
+      if (newChildrenIterable.entries === iteratorFn) {
+        !didWarnAboutMaps
+          ? warning$1(
+              false,
+              "Using Maps as children is unsupported and will likely yield " +
+                "unexpected results. Convert it to a sequence/iterable of keyed " +
+                "ReactElements instead."
+            )
+          : void 0;
+        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;
+        var _step = _newChildren.next();
+        for (; !_step.done; _step = _newChildren.next()) {
+          var child = _step.value;
+          knownKeys = warnOnInvalidKey(child, knownKeys);
+        }
+      }
+    }
+
+    var newChildren = iteratorFn.call(newChildrenIterable);
+    (function() {
+      if (!(newChildren != null)) {
+        throw ReactError(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;
+      }
+      var newFiber = updateSlot(
+        returnFiber,
+        oldFiber,
+        step.value,
+        expirationTime
+      );
+      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;
+        }
+        break;
+      }
+      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);
+        }
+      }
+      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 (step.done) {
+      // We've reached the end of the new children. We can delete the rest.
+      deleteRemainingChildren(returnFiber, oldFiber);
+      return resultingFirstChild;
+    }
+
+    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, expirationTime);
+        if (_newFiber3 === null) {
+          continue;
+        }
+        lastPlacedIndex = placeChild(_newFiber3, lastPlacedIndex, newIdx);
+        if (previousNewFiber === null) {
+          // TODO: Move out of the loop. This only happens for the first run.
+          resultingFirstChild = _newFiber3;
+        } else {
+          previousNewFiber.sibling = _newFiber3;
+        }
+        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,
+        expirationTime
+      );
+      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
+            );
+          }
+        }
+        lastPlacedIndex = placeChild(_newFiber4, lastPlacedIndex, newIdx);
+        if (previousNewFiber === null) {
+          resultingFirstChild = _newFiber4;
+        } else {
+          previousNewFiber.sibling = _newFiber4;
+        }
+        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,
+    expirationTime
+  ) {
+    // 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, expirationTime);
+      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,
+      expirationTime
+    );
+    created.return = returnFiber;
+    return created;
+  }
+
+  function reconcileSingleElement(
+    returnFiber,
+    currentFirstChild,
+    element,
+    expirationTime
+  ) {
+    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) {
+        if (
+          child.tag === Fragment
+            ? element.type === REACT_FRAGMENT_TYPE
+            : child.elementType === element.type ||
+              // Keep this check inline so it only runs on the false path:
+              isCompatibleFamilyForHotReloading(child, element)
+        ) {
+          deleteRemainingChildren(returnFiber, child.sibling);
+          var existing = useFiber(
+            child,
+            element.type === REACT_FRAGMENT_TYPE
+              ? element.props.children
+              : element.props,
+            expirationTime
+          );
+          existing.ref = coerceRef(returnFiber, child, element);
+          existing.return = returnFiber;
+          {
+            existing._debugSource = element._source;
+            existing._debugOwner = element._owner;
+          }
+          return existing;
+        } else {
+          deleteRemainingChildren(returnFiber, child);
+          break;
+        }
+      } else {
+        deleteChild(returnFiber, child);
+      }
+      child = child.sibling;
+    }
+
+    if (element.type === REACT_FRAGMENT_TYPE) {
+      var created = createFiberFromFragment(
+        element.props.children,
+        returnFiber.mode,
+        expirationTime,
+        element.key
+      );
+      created.return = returnFiber;
+      return created;
+    } else {
+      var _created4 = createFiberFromElement(
+        element,
+        returnFiber.mode,
+        expirationTime
+      );
+      _created4.ref = coerceRef(returnFiber, currentFirstChild, element);
+      _created4.return = returnFiber;
+      return _created4;
+    }
+  }
+
+  function reconcileSinglePortal(
+    returnFiber,
+    currentFirstChild,
+    portal,
+    expirationTime
+  ) {
+    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) {
+        if (
+          child.tag === HostPortal &&
+          child.stateNode.containerInfo === portal.containerInfo &&
+          child.stateNode.implementation === portal.implementation
+        ) {
+          deleteRemainingChildren(returnFiber, child.sibling);
+          var existing = useFiber(child, portal.children || [], expirationTime);
+          existing.return = returnFiber;
+          return existing;
+        } else {
+          deleteRemainingChildren(returnFiber, child);
+          break;
+        }
+      } else {
+        deleteChild(returnFiber, child);
+      }
+      child = child.sibling;
+    }
+
+    var created = createFiberFromPortal(
+      portal,
+      returnFiber.mode,
+      expirationTime
+    );
+    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,
+    expirationTime
+  ) {
+    // 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
+    var isObject = typeof newChild === "object" && newChild !== null;
+
+    if (isObject) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return placeSingleChild(
+            reconcileSingleElement(
+              returnFiber,
+              currentFirstChild,
+              newChild,
+              expirationTime
+            )
+          );
+        case REACT_PORTAL_TYPE:
+          return placeSingleChild(
+            reconcileSinglePortal(
+              returnFiber,
+              currentFirstChild,
+              newChild,
+              expirationTime
+            )
+          );
+      }
+    }
+
+    if (typeof newChild === "string" || typeof newChild === "number") {
+      return placeSingleChild(
+        reconcileSingleTextNode(
+          returnFiber,
+          currentFirstChild,
+          "" + newChild,
+          expirationTime
+        )
+      );
+    }
+
+    if (isArray(newChild)) {
+      return reconcileChildrenArray(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        expirationTime
+      );
+    }
+
+    if (getIteratorFn(newChild)) {
+      return reconcileChildrenIterator(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        expirationTime
+      );
+    }
+
+    if (isObject) {
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+
+    {
+      if (typeof newChild === "function") {
+        warnOnFunctionType();
+      }
+    }
+    if (typeof newChild === "undefined" && !isUnkeyedTopLevelFragment) {
+      // If the new child is undefined, and the return fiber is a composite
+      // component, throw an error. If Fiber return types are disabled,
+      // we already threw above.
+      switch (returnFiber.tag) {
+        case ClassComponent: {
+          {
+            var instance = returnFiber.stateNode;
+            if (instance.render._isMockFunction) {
+              // We allow auto-mocks to proceed as if they're returning null.
+              break;
+            }
+          }
+        }
+        // Intentionally fall through to the next case, which handles both
+        // functions and classes
+        // eslint-disable-next-lined no-fallthrough
+        case FunctionComponent: {
+          var Component = returnFiber.type;
+          (function() {
+            {
+              throw ReactError(
+                Error(
+                  (Component.displayName || Component.name || "Component") +
+                    "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null."
+                )
+              );
+            }
+          })();
+        }
+      }
+    }
+
+    // Remaining cases are all treated as empty.
+    return deleteRemainingChildren(returnFiber, currentFirstChild);
+  }
+
+  return reconcileChildFibers;
+}
+
+var reconcileChildFibers = ChildReconciler(true);
+var mountChildFibers = ChildReconciler(false);
+
+function cloneChildFibers(current$$1, workInProgress) {
+  (function() {
+    if (!(current$$1 === null || workInProgress.child === current$$1.child)) {
+      throw ReactError(Error("Resuming work not yet implemented."));
+    }
+  })();
+
+  if (workInProgress.child === null) {
+    return;
+  }
+
+  var currentChild = workInProgress.child;
+  var newChild = createWorkInProgress(
+    currentChild,
+    currentChild.pendingProps,
+    currentChild.expirationTime
+  );
+  workInProgress.child = newChild;
+
+  newChild.return = workInProgress;
+  while (currentChild.sibling !== null) {
+    currentChild = currentChild.sibling;
+    newChild = newChild.sibling = createWorkInProgress(
+      currentChild,
+      currentChild.pendingProps,
+      currentChild.expirationTime
+    );
+    newChild.return = workInProgress;
+  }
+  newChild.sibling = null;
+}
+
+// Reset a workInProgress child set to prepare it for a second pass.
+function resetChildFibers(workInProgress, renderExpirationTime) {
+  var child = workInProgress.child;
+  while (child !== null) {
+    resetWorkInProgress(child, renderExpirationTime);
+    child = child.sibling;
+  }
+}
+
+var NO_CONTEXT = {};
+
+var contextStackCursor$1 = createCursor(NO_CONTEXT);
+var contextFiberStackCursor = createCursor(NO_CONTEXT);
+var rootInstanceStackCursor = createCursor(NO_CONTEXT);
+
+function requiredContext(c) {
+  (function() {
+    if (!(c !== NO_CONTEXT)) {
+      throw ReactError(
+        Error(
+          "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    }
+  })();
+  return c;
+}
+
+function getRootHostContainer() {
+  var rootInstance = requiredContext(rootInstanceStackCursor.current);
+  return rootInstance;
+}
+
+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.
+  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.
+  push(contextStackCursor$1, NO_CONTEXT, fiber);
+  var nextRootContext = getRootHostContext(nextRootInstance);
+  // Now that we know this function doesn't throw, replace it.
+  pop(contextStackCursor$1, fiber);
+  push(contextStackCursor$1, nextRootContext, fiber);
+}
+
+function popHostContainer(fiber) {
+  pop(contextStackCursor$1, fiber);
+  pop(contextFiberStackCursor, fiber);
+  pop(rootInstanceStackCursor, fiber);
+}
+
+function getHostContext() {
+  var context = requiredContext(contextStackCursor$1.current);
+  return context;
+}
+
+function pushHostContext(fiber) {
+  var rootInstance = requiredContext(rootInstanceStackCursor.current);
+  var context = requiredContext(contextStackCursor$1.current);
+  var nextContext = getChildHostContext(context, fiber.type, rootInstance);
+
+  // Don't push this Fiber's context unless it's unique.
+  if (context === nextContext) {
+    return;
+  }
+
+  // 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$1, nextContext, fiber);
+}
+
+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;
+  }
+
+  pop(contextStackCursor$1, fiber);
+  pop(contextFiberStackCursor, fiber);
+}
+
+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);
+}
+
+// TODO: This is now an empty object. Should we switch this to a boolean?
+// Alternatively we can make this use an effect tag similar to SuspenseList.
+
+function shouldCaptureSuspense(workInProgress, hasInvisibleParent) {
+  // If it was the primary children that just suspended, capture and render the
+  var nextState = workInProgress.memoizedState;
+  if (nextState !== null) {
+    return false;
+  }
+  var props = workInProgress.memoizedProps;
+  // In order to capture, the Suspense component must have a fallback prop.
+  if (props.fallback === undefined) {
+    return false;
+  }
+  // Regular boundaries always capture.
+  if (props.unstable_avoidThisFallback !== true) {
+    return true;
+  }
+  // If it's a boundary we should avoid, then we prefer to bubble up to the
+  // parent boundary if it is currently invisible.
+  if (hasInvisibleParent) {
+    return false;
+  }
+  // If the parent is not able to handle it, we must handle it.
+  return true;
+}
+
+function findFirstSuspended(row) {
+  var node = row;
+  while (node !== null) {
+    if (node.tag === SuspenseComponent) {
+      var state = node.memoizedState;
+      if (state !== null) {
+        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.effectTag & DidCapture) !== NoEffect;
+      if (didSuspend) {
+        return node;
+      }
+    } else if (node.child !== null) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === row) {
+      return null;
+    }
+    while (node.sibling === null) {
+      if (node.return === null || node.return === row) {
+        return null;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+  return null;
+}
+
+function createResponderListener(responder, props) {
+  var eventResponderListener = {
+    responder: responder,
+    props: props
+  };
+  {
+    Object.freeze(eventResponderListener);
+  }
+  return eventResponderListener;
+}
+
+function createResponderInstance(
+  responder,
+  responderProps,
+  responderState,
+  target,
+  fiber
+) {
+  return {
+    fiber: fiber,
+    props: responderProps,
+    responder: responder,
+    rootEventTypes: null,
+    state: responderState,
+    target: target
+  };
+}
+
+var NoEffect$1 = /*             */ 0;
+var UnmountSnapshot = /*      */ 2;
+var UnmountMutation = /*      */ 4;
+var MountMutation = /*        */ 8;
+var UnmountLayout = /*        */ 16;
+var MountLayout = /*          */ 32;
+var MountPassive = /*         */ 64;
+var UnmountPassive = /*       */ 128;
+
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
+
+var didWarnAboutMismatchedHooksForComponent = void 0;
+{
+  didWarnAboutMismatchedHooksForComponent = new Set();
+}
+
+// These are set right before calling the component.
+var renderExpirationTime$1 = NoWork;
+// 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 nextCurrentHook = null;
+var firstWorkInProgressHook = null;
+var workInProgressHook = null;
+var nextWorkInProgressHook = null;
+
+var remainingExpirationTime = NoWork;
+var componentUpdateQueue = null;
+var sideEffectTag = 0;
+
+// Updates scheduled during render will trigger an immediate re-render at the
+// end of the current pass. We can't store these updates on the normal queue,
+// because if the work is aborted, they should be discarded. Because this is
+// a relatively rare case, we also don't want to add an additional field to
+// either the hook or queue object types. So we store them in a lazily create
+// map of queue -> render-phase updates, which are discarded once the component
+// completes without re-rendering.
+
+// Whether an update was scheduled during the currently executing render pass.
+var didScheduleRenderPhaseUpdate = false;
+// Lazily created map of render-phase updates
+var renderPhaseUpdates = null;
+// Counter to prevent infinite loops.
+var numberOfReRenders = 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 (hookTypesDev === null) {
+      hookTypesDev = [hookName];
+    } else {
+      hookTypesDev.push(hookName);
+    }
+  }
+}
+
+function updateHookTypesDev() {
+  {
+    var hookName = currentHookNameInDev;
+
+    if (hookTypesDev !== null) {
+      hookTypesUpdateIndexDev++;
+      if (hookTypesDev[hookTypesUpdateIndexDev] !== hookName) {
+        warnOnHookMismatchInDev(hookName);
+      }
+    }
+  }
+}
+
+function checkDepsAreArrayDev(deps) {
+  {
+    if (deps !== undefined && deps !== null && !Array.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.
+      warning$1(
+        false,
+        "%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 warnOnHookMismatchInDev(currentHookName) {
+  {
+    var componentName = getComponentName(currentlyRenderingFiber$1.type);
+    if (!didWarnAboutMismatchedHooksForComponent.has(componentName)) {
+      didWarnAboutMismatchedHooksForComponent.add(componentName);
+
+      if (hookTypesDev !== null) {
+        var table = "";
+
+        var secondColumnStart = 30;
+
+        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
+          while (row.length < secondColumnStart) {
+            row += " ";
+          }
+
+          row += newHookName + "\n";
+
+          table += row;
+        }
+
+        warning$1(
+          false,
+          "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://fb.me/rules-of-hooks\n\n" +
+            "   Previous render            Next render\n" +
+            "   ------------------------------------------------------\n" +
+            "%s" +
+            "   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n",
+          componentName,
+          table
+        );
+      }
+    }
+  }
+}
+
+function throwInvalidHookError() {
+  (function() {
+    {
+      throw ReactError(
+        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://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
+        )
+      );
+    }
+  })();
+}
+
+function areHookInputsEqual(nextDeps, prevDeps) {
+  {
+    if (ignorePreviousDependencies) {
+      // Only true when this component is being hot reloaded.
+      return false;
+    }
+  }
+
+  if (prevDeps === null) {
+    {
+      warning$1(
+        false,
+        "%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
+      );
+    }
+    return false;
+  }
+
+  {
+    // Don't bother comparing lengths in prod because these arrays should be
+    // passed inline.
+    if (nextDeps.length !== prevDeps.length) {
+      warning$1(
+        false,
+        "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(", ") + "]"
+      );
+    }
+  }
+  for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
+    if (is(nextDeps[i], prevDeps[i])) {
+      continue;
+    }
+    return false;
+  }
+  return true;
+}
+
+function renderWithHooks(
+  current,
+  workInProgress,
+  Component,
+  props,
+  refOrContext,
+  nextRenderExpirationTime
+) {
+  renderExpirationTime$1 = nextRenderExpirationTime;
+  currentlyRenderingFiber$1 = workInProgress;
+  nextCurrentHook = current !== null ? current.memoizedState : null;
+
+  {
+    hookTypesDev = current !== null ? current._debugHookTypes : null;
+    hookTypesUpdateIndexDev = -1;
+    // Used for hot reloading:
+    ignorePreviousDependencies =
+      current !== null && current.type !== workInProgress.type;
+  }
+
+  // The following should have already been reset
+  // currentHook = null;
+  // workInProgressHook = null;
+
+  // remainingExpirationTime = NoWork;
+  // componentUpdateQueue = null;
+
+  // didScheduleRenderPhaseUpdate = false;
+  // renderPhaseUpdates = null;
+  // numberOfReRenders = 0;
+  // sideEffectTag = 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 nextCurrentHook === null.
+  // This is tricky because it's valid for certain types of components (e.g. React.lazy)
+
+  // Using nextCurrentHook 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 nextCurrentHook would be null during updates and mounts.
+  {
+    if (nextCurrentHook !== 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, refOrContext);
+
+  if (didScheduleRenderPhaseUpdate) {
+    do {
+      didScheduleRenderPhaseUpdate = false;
+      numberOfReRenders += 1;
+      {
+        // 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
+      nextCurrentHook = current !== null ? current.memoizedState : null;
+      nextWorkInProgressHook = firstWorkInProgressHook;
+
+      currentHook = null;
+      workInProgressHook = null;
+      componentUpdateQueue = null;
+
+      {
+        // Also validate hook order for cascading updates.
+        hookTypesUpdateIndexDev = -1;
+      }
+
+      ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
+
+      children = Component(props, refOrContext);
+    } while (didScheduleRenderPhaseUpdate);
+
+    renderPhaseUpdates = null;
+    numberOfReRenders = 0;
+  }
+
+  // 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-entrancy.
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+
+  var renderedWork = currentlyRenderingFiber$1;
+
+  renderedWork.memoizedState = firstWorkInProgressHook;
+  renderedWork.expirationTime = remainingExpirationTime;
+  renderedWork.updateQueue = componentUpdateQueue;
+  renderedWork.effectTag |= sideEffectTag;
+
+  {
+    renderedWork._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;
+
+  renderExpirationTime$1 = NoWork;
+  currentlyRenderingFiber$1 = null;
+
+  currentHook = null;
+  nextCurrentHook = null;
+  firstWorkInProgressHook = null;
+  workInProgressHook = null;
+  nextWorkInProgressHook = null;
+
+  {
+    currentHookNameInDev = null;
+    hookTypesDev = null;
+    hookTypesUpdateIndexDev = -1;
+  }
+
+  remainingExpirationTime = NoWork;
+  componentUpdateQueue = null;
+  sideEffectTag = 0;
+
+  // These were reset above
+  // didScheduleRenderPhaseUpdate = false;
+  // renderPhaseUpdates = null;
+  // numberOfReRenders = 0;
+
+  (function() {
+    if (!!didRenderTooFewHooks) {
+      throw ReactError(
+        Error(
+          "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
+        )
+      );
+    }
+  })();
+
+  return children;
+}
+
+function bailoutHooks(current, workInProgress, expirationTime) {
+  workInProgress.updateQueue = current.updateQueue;
+  workInProgress.effectTag &= ~(Passive | Update);
+  if (current.expirationTime <= expirationTime) {
+    current.expirationTime = NoWork;
+  }
+}
+
+function resetHooks() {
+  // 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-entrancy.
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+
+  // This is used to reset the state of this module when a component throws.
+  // It's also called inside mountIndeterminateComponent if we determine the
+  // component is a module-style component.
+  renderExpirationTime$1 = NoWork;
+  currentlyRenderingFiber$1 = null;
+
+  currentHook = null;
+  nextCurrentHook = null;
+  firstWorkInProgressHook = null;
+  workInProgressHook = null;
+  nextWorkInProgressHook = null;
+
+  {
+    hookTypesDev = null;
+    hookTypesUpdateIndexDev = -1;
+
+    currentHookNameInDev = null;
+  }
+
+  remainingExpirationTime = NoWork;
+  componentUpdateQueue = null;
+  sideEffectTag = 0;
+
+  didScheduleRenderPhaseUpdate = false;
+  renderPhaseUpdates = null;
+  numberOfReRenders = 0;
+}
+
+function mountWorkInProgressHook() {
+  var hook = {
+    memoizedState: null,
+
+    baseState: null,
+    queue: null,
+    baseUpdate: null,
+
+    next: null
+  };
+
+  if (workInProgressHook === null) {
+    // This is the first hook in the list
+    firstWorkInProgressHook = workInProgressHook = hook;
+  } else {
+    // Append to the end of the list
+    workInProgressHook = workInProgressHook.next = hook;
+  }
+  return workInProgressHook;
+}
+
+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.
+  if (nextWorkInProgressHook !== null) {
+    // There's already a work-in-progress. Reuse it.
+    workInProgressHook = nextWorkInProgressHook;
+    nextWorkInProgressHook = workInProgressHook.next;
+
+    currentHook = nextCurrentHook;
+    nextCurrentHook = currentHook !== null ? currentHook.next : null;
+  } else {
+    // Clone from the current hook.
+    (function() {
+      if (!(nextCurrentHook !== null)) {
+        throw ReactError(
+          Error("Rendered more hooks than during the previous render.")
+        );
+      }
+    })();
+    currentHook = nextCurrentHook;
+
+    var newHook = {
+      memoizedState: currentHook.memoizedState,
+
+      baseState: currentHook.baseState,
+      queue: currentHook.queue,
+      baseUpdate: currentHook.baseUpdate,
+
+      next: null
+    };
+
+    if (workInProgressHook === null) {
+      // This is the first hook in the list.
+      workInProgressHook = firstWorkInProgressHook = newHook;
+    } else {
+      // Append to the end of the list.
+      workInProgressHook = workInProgressHook.next = newHook;
+    }
+    nextCurrentHook = currentHook.next;
+  }
+  return workInProgressHook;
+}
+
+function createFunctionComponentUpdateQueue() {
+  return {
+    lastEffect: null
+  };
+}
+
+function basicStateReducer(state, action) {
+  return typeof action === "function" ? action(state) : action;
+}
+
+function mountReducer(reducer, initialArg, init) {
+  var hook = mountWorkInProgressHook();
+  var initialState = void 0;
+  if (init !== undefined) {
+    initialState = init(initialArg);
+  } else {
+    initialState = initialArg;
+  }
+  hook.memoizedState = hook.baseState = initialState;
+  var queue = (hook.queue = {
+    last: null,
+    dispatch: null,
+    lastRenderedReducer: reducer,
+    lastRenderedState: initialState
+  });
+  var dispatch = (queue.dispatch = dispatchAction.bind(
+    null,
+    // Flow doesn't know this is non-null, but we do.
+    currentlyRenderingFiber$1,
+    queue
+  ));
+  return [hook.memoizedState, dispatch];
+}
+
+function updateReducer(reducer, initialArg, init) {
+  var hook = updateWorkInProgressHook();
+  var queue = hook.queue;
+  (function() {
+    if (!(queue !== null)) {
+      throw ReactError(
+        Error(
+          "Should have a queue. This is likely a bug in React. Please file an issue."
+        )
+      );
+    }
+  })();
+
+  queue.lastRenderedReducer = reducer;
+
+  if (numberOfReRenders > 0) {
+    // This is a re-render. Apply the new render phase updates to the previous
+    var _dispatch = queue.dispatch;
+    if (renderPhaseUpdates !== null) {
+      // Render phase updates are stored in a map of queue -> linked list
+      var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+      if (firstRenderPhaseUpdate !== undefined) {
+        renderPhaseUpdates.delete(queue);
+        var newState = hook.memoizedState;
+        var update = firstRenderPhaseUpdate;
+        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 !== null);
+
+        // Mark that the fiber performed work, but only if the new state is
+        // different from the current state.
+        if (!is(newState, hook.memoizedState)) {
+          markWorkInProgressReceivedUpdate();
+        }
+
+        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 (hook.baseUpdate === queue.last) {
+          hook.baseState = newState;
+        }
+
+        queue.lastRenderedState = newState;
+
+        return [newState, _dispatch];
+      }
+    }
+    return [hook.memoizedState, _dispatch];
+  }
+
+  // The last update in the entire queue
+  var last = queue.last;
+  // The last update that is part of the base state.
+  var baseUpdate = hook.baseUpdate;
+  var baseState = hook.baseState;
+
+  // Find the first unprocessed update.
+  var first = void 0;
+  if (baseUpdate !== null) {
+    if (last !== null) {
+      // For the first update, the queue is a circular linked list where
+      // `queue.last.next = queue.first`. Once the first update commits, and
+      // the `baseUpdate` is no longer empty, we can unravel the list.
+      last.next = null;
+    }
+    first = baseUpdate.next;
+  } else {
+    first = last !== null ? last.next : null;
+  }
+  if (first !== null) {
+    var _newState = baseState;
+    var newBaseState = null;
+    var newBaseUpdate = null;
+    var prevUpdate = baseUpdate;
+    var _update = first;
+    var didSkip = false;
+    do {
+      var updateExpirationTime = _update.expirationTime;
+      if (updateExpirationTime < renderExpirationTime$1) {
+        // Priority is insufficient. Skip this update. If this is the first
+        // skipped update, the previous update/state is the new base
+        // update/state.
+        if (!didSkip) {
+          didSkip = true;
+          newBaseUpdate = prevUpdate;
+          newBaseState = _newState;
+        }
+        // Update the remaining priority in the queue.
+        if (updateExpirationTime > remainingExpirationTime) {
+          remainingExpirationTime = updateExpirationTime;
+        }
+      } else {
+        // This update does have sufficient priority.
+
+        // Mark the event time of this update as relevant to this render pass.
+        // TODO: This should ideally use the true event time of this update rather than
+        // its priority which is a derived and not reverseable value.
+        // TODO: We should skip this update if it was already committed but currently
+        // we have no way of detecting the difference between a committed and suspended
+        // update here.
+        markRenderEventTimeAndConfig(
+          updateExpirationTime,
+          _update.suspenseConfig
+        );
+
+        // Process this update.
+        if (_update.eagerReducer === reducer) {
+          // If this update was processed eagerly, and its reducer matches the
+          // current reducer, we can use the eagerly computed state.
+          _newState = _update.eagerState;
+        } else {
+          var _action2 = _update.action;
+          _newState = reducer(_newState, _action2);
+        }
+      }
+      prevUpdate = _update;
+      _update = _update.next;
+    } while (_update !== null && _update !== first);
+
+    if (!didSkip) {
+      newBaseUpdate = prevUpdate;
+      newBaseState = _newState;
+    }
+
+    // Mark that the fiber performed work, but only if the new state is
+    // different from the current state.
+    if (!is(_newState, hook.memoizedState)) {
+      markWorkInProgressReceivedUpdate();
+    }
+
+    hook.memoizedState = _newState;
+    hook.baseUpdate = newBaseUpdate;
+    hook.baseState = newBaseState;
+
+    queue.lastRenderedState = _newState;
+  }
+
+  var dispatch = queue.dispatch;
+  return [hook.memoizedState, dispatch];
+}
+
+function mountState(initialState) {
+  var hook = mountWorkInProgressHook();
+  if (typeof initialState === "function") {
+    initialState = initialState();
+  }
+  hook.memoizedState = hook.baseState = initialState;
+  var queue = (hook.queue = {
+    last: null,
+    dispatch: null,
+    lastRenderedReducer: basicStateReducer,
+    lastRenderedState: initialState
+  });
+  var dispatch = (queue.dispatch = dispatchAction.bind(
+    null,
+    // Flow doesn't know this is non-null, but we do.
+    currentlyRenderingFiber$1,
+    queue
+  ));
+  return [hook.memoizedState, dispatch];
+}
+
+function updateState(initialState) {
+  return updateReducer(basicStateReducer, initialState);
+}
+
+function pushEffect(tag, create, destroy, deps) {
+  var effect = {
+    tag: tag,
+    create: create,
+    destroy: destroy,
+    deps: deps,
+    // Circular
+    next: null
+  };
+  if (componentUpdateQueue === null) {
+    componentUpdateQueue = createFunctionComponentUpdateQueue();
+    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;
+}
+
+function mountRef(initialValue) {
+  var hook = mountWorkInProgressHook();
+  var ref = { current: initialValue };
+  {
+    Object.seal(ref);
+  }
+  hook.memoizedState = ref;
+  return ref;
+}
+
+function updateRef(initialValue) {
+  var hook = updateWorkInProgressHook();
+  return hook.memoizedState;
+}
+
+function mountEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
+  var hook = mountWorkInProgressHook();
+  var nextDeps = deps === undefined ? null : deps;
+  sideEffectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(hookEffectTag, create, undefined, nextDeps);
+}
+
+function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
+  var hook = updateWorkInProgressHook();
+  var nextDeps = deps === undefined ? null : deps;
+  var destroy = undefined;
+
+  if (currentHook !== null) {
+    var prevEffect = currentHook.memoizedState;
+    destroy = prevEffect.destroy;
+    if (nextDeps !== null) {
+      var prevDeps = prevEffect.deps;
+      if (areHookInputsEqual(nextDeps, prevDeps)) {
+        pushEffect(NoEffect$1, create, destroy, nextDeps);
+        return;
+      }
+    }
+  }
+
+  sideEffectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(hookEffectTag, create, destroy, nextDeps);
+}
+
+function mountEffect(create, deps) {
+  {
+    // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
+    if ("undefined" !== typeof jest) {
+      warnIfNotCurrentlyActingEffectsInDEV(currentlyRenderingFiber$1);
+    }
+  }
+  return mountEffectImpl(
+    Update | Passive,
+    UnmountPassive | MountPassive,
+    create,
+    deps
+  );
+}
+
+function updateEffect(create, deps) {
+  {
+    // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
+    if ("undefined" !== typeof jest) {
+      warnIfNotCurrentlyActingEffectsInDEV(currentlyRenderingFiber$1);
+    }
+  }
+  return updateEffectImpl(
+    Update | Passive,
+    UnmountPassive | MountPassive,
+    create,
+    deps
+  );
+}
+
+function mountLayoutEffect(create, deps) {
+  return mountEffectImpl(Update, UnmountMutation | MountLayout, create, deps);
+}
+
+function updateLayoutEffect(create, deps) {
+  return updateEffectImpl(Update, UnmountMutation | MountLayout, create, deps);
+}
+
+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;
+    {
+      !refObject.hasOwnProperty("current")
+        ? warning$1(
+            false,
+            "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(", ") + "}"
+          )
+        : void 0;
+    }
+    var _inst2 = create();
+    refObject.current = _inst2;
+    return function() {
+      refObject.current = null;
+    };
+  }
+}
+
+function mountImperativeHandle(ref, create, deps) {
+  {
+    !(typeof create === "function")
+      ? warning$1(
+          false,
+          "Expected useImperativeHandle() second argument to be a function " +
+            "that creates a handle. Instead received: %s.",
+          create !== null ? typeof create : "null"
+        )
+      : void 0;
+  }
+
+  // TODO: If deps are provided, should we skip comparing the ref itself?
+  var effectDeps =
+    deps !== null && deps !== undefined ? deps.concat([ref]) : null;
+
+  return mountEffectImpl(
+    Update,
+    UnmountMutation | MountLayout,
+    imperativeHandleEffect.bind(null, create, ref),
+    effectDeps
+  );
+}
+
+function updateImperativeHandle(ref, create, deps) {
+  {
+    !(typeof create === "function")
+      ? warning$1(
+          false,
+          "Expected useImperativeHandle() second argument to be a function " +
+            "that creates a handle. Instead received: %s.",
+          create !== null ? typeof create : "null"
+        )
+      : void 0;
+  }
+
+  // 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,
+    UnmountMutation | MountLayout,
+    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.
+}
+
+var updateDebugValue = mountDebugValue;
+
+function mountCallback(callback, deps) {
+  var hook = mountWorkInProgressHook();
+  var nextDeps = deps === undefined ? null : deps;
+  hook.memoizedState = [callback, nextDeps];
+  return callback;
+}
+
+function updateCallback(callback, deps) {
+  var hook = updateWorkInProgressHook();
+  var nextDeps = deps === undefined ? null : deps;
+  var prevState = hook.memoizedState;
+  if (prevState !== null) {
+    if (nextDeps !== null) {
+      var prevDeps = prevState[1];
+      if (areHookInputsEqual(nextDeps, prevDeps)) {
+        return prevState[0];
+      }
+    }
+  }
+  hook.memoizedState = [callback, nextDeps];
+  return callback;
+}
+
+function mountMemo(nextCreate, deps) {
+  var hook = mountWorkInProgressHook();
+  var nextDeps = deps === undefined ? null : deps;
+  var nextValue = nextCreate();
+  hook.memoizedState = [nextValue, nextDeps];
+  return nextValue;
+}
+
+function updateMemo(nextCreate, deps) {
+  var hook = updateWorkInProgressHook();
+  var nextDeps = deps === undefined ? null : deps;
+  var prevState = hook.memoizedState;
+  if (prevState !== null) {
+    // Assume these are defined. If they're not, areHookInputsEqual will warn.
+    if (nextDeps !== null) {
+      var prevDeps = prevState[1];
+      if (areHookInputsEqual(nextDeps, prevDeps)) {
+        return prevState[0];
+      }
+    }
+  }
+  var nextValue = nextCreate();
+  hook.memoizedState = [nextValue, nextDeps];
+  return nextValue;
+}
+
+function dispatchAction(fiber, queue, action) {
+  (function() {
+    if (!(numberOfReRenders < RE_RENDER_LIMIT)) {
+      throw ReactError(
+        Error(
+          "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+        )
+      );
+    }
+  })();
+
+  {
+    !(arguments.length <= 3)
+      ? warning$1(
+          false,
+          "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()."
+        )
+      : void 0;
+  }
+
+  var alternate = fiber.alternate;
+  if (
+    fiber === currentlyRenderingFiber$1 ||
+    (alternate !== null && alternate === currentlyRenderingFiber$1)
+  ) {
+    // 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.
+    didScheduleRenderPhaseUpdate = true;
+    var update = {
+      expirationTime: renderExpirationTime$1,
+      suspenseConfig: null,
+      action: action,
+      eagerReducer: null,
+      eagerState: null,
+      next: null
+    };
+    {
+      update.priority = getCurrentPriorityLevel();
+    }
+    if (renderPhaseUpdates === null) {
+      renderPhaseUpdates = new Map();
+    }
+    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+    if (firstRenderPhaseUpdate === undefined) {
+      renderPhaseUpdates.set(queue, update);
+    } else {
+      // Append the update to the end of the list.
+      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
+      while (lastRenderPhaseUpdate.next !== null) {
+        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
+      }
+      lastRenderPhaseUpdate.next = update;
+    }
+  } else {
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
+
+    var currentTime = requestCurrentTime();
+    var _suspenseConfig = requestCurrentSuspenseConfig();
+    var _expirationTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      _suspenseConfig
+    );
+
+    var _update2 = {
+      expirationTime: _expirationTime,
+      suspenseConfig: _suspenseConfig,
+      action: action,
+      eagerReducer: null,
+      eagerState: null,
+      next: null
+    };
+
+    {
+      _update2.priority = getCurrentPriorityLevel();
+    }
+
+    // Append the update to the end of the list.
+    var _last = queue.last;
+    if (_last === null) {
+      // This is the first update. Create a circular list.
+      _update2.next = _update2;
+    } else {
+      var first = _last.next;
+      if (first !== null) {
+        // Still circular.
+        _update2.next = first;
+      }
+      _last.next = _update2;
+    }
+    queue.last = _update2;
+
+    if (
+      fiber.expirationTime === NoWork &&
+      (alternate === null || alternate.expirationTime === NoWork)
+    ) {
+      // 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 (_lastRenderedReducer !== null) {
+        var prevDispatcher = void 0;
+        {
+          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.
+          _update2.eagerReducer = _lastRenderedReducer;
+          _update2.eagerState = _eagerState;
+          if (is(_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.
+            return;
+          }
+        } catch (error) {
+          // Suppress the error. It will throw again in the render phase.
+        } finally {
+          {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        }
+      }
+    }
+    {
+      // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
+      if ("undefined" !== typeof jest) {
+        warnIfNotScopedWithMatchingAct(fiber);
+        warnIfNotCurrentlyActingUpdatesInDev(fiber);
+      }
+    }
+    scheduleWork(fiber, _expirationTime);
+  }
+}
+
+var ContextOnlyDispatcher = {
+  readContext: readContext,
+
+  useCallback: throwInvalidHookError,
+  useContext: throwInvalidHookError,
+  useEffect: throwInvalidHookError,
+  useImperativeHandle: throwInvalidHookError,
+  useLayoutEffect: throwInvalidHookError,
+  useMemo: throwInvalidHookError,
+  useReducer: throwInvalidHookError,
+  useRef: throwInvalidHookError,
+  useState: throwInvalidHookError,
+  useDebugValue: throwInvalidHookError,
+  useResponder: throwInvalidHookError
+};
+
+var HooksDispatcherOnMountInDEV = null;
+var HooksDispatcherOnMountWithHookTypesInDEV = null;
+var HooksDispatcherOnUpdateInDEV = null;
+var InvalidNestedHooksDispatcherOnMountInDEV = null;
+var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
+
+{
+  var warnInvalidContextAccess = function() {
+    warning$1(
+      false,
+      "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() {
+    warning$1(
+      false,
+      "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://fb.me/rules-of-hooks"
+    );
+  };
+
+  HooksDispatcherOnMountInDEV = {
+    readContext: function(context, observedBits) {
+      return readContext(context, observedBits);
+    },
+    useCallback: function(callback, deps) {
+      currentHookNameInDev = "useCallback";
+      mountHookTypesDev();
+      checkDepsAreArrayDev(deps);
+      return mountCallback(callback, deps);
+    },
+    useContext: function(context, observedBits) {
+      currentHookNameInDev = "useContext";
+      mountHookTypesDev();
+      return readContext(context, observedBits);
+    },
+    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);
+    },
+    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;
+      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;
+      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(value, formatterFn);
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      mountHookTypesDev();
+      return createResponderListener(responder, props);
+    }
+  };
+
+  HooksDispatcherOnMountWithHookTypesInDEV = {
+    readContext: function(context, observedBits) {
+      return readContext(context, observedBits);
+    },
+    useCallback: function(callback, deps) {
+      currentHookNameInDev = "useCallback";
+      updateHookTypesDev();
+      return mountCallback(callback, deps);
+    },
+    useContext: function(context, observedBits) {
+      currentHookNameInDev = "useContext";
+      updateHookTypesDev();
+      return readContext(context, observedBits);
+    },
+    useEffect: function(create, deps) {
+      currentHookNameInDev = "useEffect";
+      updateHookTypesDev();
+      return mountEffect(create, deps);
+    },
+    useImperativeHandle: function(ref, create, deps) {
+      currentHookNameInDev = "useImperativeHandle";
+      updateHookTypesDev();
+      return mountImperativeHandle(ref, 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;
+      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;
+      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;
+      try {
+        return mountState(initialState);
+      } finally {
+        ReactCurrentDispatcher$1.current = prevDispatcher;
+      }
+    },
+    useDebugValue: function(value, formatterFn) {
+      currentHookNameInDev = "useDebugValue";
+      updateHookTypesDev();
+      return mountDebugValue(value, formatterFn);
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      updateHookTypesDev();
+      return createResponderListener(responder, props);
+    }
+  };
+
+  HooksDispatcherOnUpdateInDEV = {
+    readContext: function(context, observedBits) {
+      return readContext(context, observedBits);
+    },
+    useCallback: function(callback, deps) {
+      currentHookNameInDev = "useCallback";
+      updateHookTypesDev();
+      return updateCallback(callback, deps);
+    },
+    useContext: function(context, observedBits) {
+      currentHookNameInDev = "useContext";
+      updateHookTypesDev();
+      return readContext(context, observedBits);
+    },
+    useEffect: function(create, deps) {
+      currentHookNameInDev = "useEffect";
+      updateHookTypesDev();
+      return updateEffect(create, deps);
+    },
+    useImperativeHandle: function(ref, create, deps) {
+      currentHookNameInDev = "useImperativeHandle";
+      updateHookTypesDev();
+      return updateImperativeHandle(ref, 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;
+      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;
+      try {
+        return updateReducer(reducer, initialArg, init);
+      } finally {
+        ReactCurrentDispatcher$1.current = prevDispatcher;
+      }
+    },
+    useRef: function(initialValue) {
+      currentHookNameInDev = "useRef";
+      updateHookTypesDev();
+      return updateRef(initialValue);
+    },
+    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(value, formatterFn);
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      updateHookTypesDev();
+      return createResponderListener(responder, props);
+    }
+  };
+
+  InvalidNestedHooksDispatcherOnMountInDEV = {
+    readContext: function(context, observedBits) {
+      warnInvalidContextAccess();
+      return readContext(context, observedBits);
+    },
+    useCallback: function(callback, deps) {
+      currentHookNameInDev = "useCallback";
+      warnInvalidHookAccess();
+      mountHookTypesDev();
+      return mountCallback(callback, deps);
+    },
+    useContext: function(context, observedBits) {
+      currentHookNameInDev = "useContext";
+      warnInvalidHookAccess();
+      mountHookTypesDev();
+      return readContext(context, observedBits);
+    },
+    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);
+    },
+    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;
+      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;
+      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(value, formatterFn);
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      warnInvalidHookAccess();
+      mountHookTypesDev();
+      return createResponderListener(responder, props);
+    }
+  };
+
+  InvalidNestedHooksDispatcherOnUpdateInDEV = {
+    readContext: function(context, observedBits) {
+      warnInvalidContextAccess();
+      return readContext(context, observedBits);
+    },
+    useCallback: function(callback, deps) {
+      currentHookNameInDev = "useCallback";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateCallback(callback, deps);
+    },
+    useContext: function(context, observedBits) {
+      currentHookNameInDev = "useContext";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return readContext(context, observedBits);
+    },
+    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);
+    },
+    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;
+      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;
+      try {
+        return updateReducer(reducer, initialArg, init);
+      } finally {
+        ReactCurrentDispatcher$1.current = prevDispatcher;
+      }
+    },
+    useRef: function(initialValue) {
+      currentHookNameInDev = "useRef";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateRef(initialValue);
+    },
+    useState: function(initialState) {
+      currentHookNameInDev = "useState";
+      warnInvalidHookAccess();
+      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";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateDebugValue(value, formatterFn);
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return createResponderListener(responder, props);
+    }
+  };
+}
+
+// Intentionally not named imports because Rollup would use dynamic dispatch for
+// CommonJS interop named imports.
+var now$1 = Scheduler.unstable_now;
+
+var commitTime = 0;
+var profilerStartTime = -1;
+
+function getCommitTime() {
+  return commitTime;
+}
+
+function recordCommitTime() {
+  if (!enableProfilerTimer) {
+    return;
+  }
+  commitTime = now$1();
+}
+
+function startProfilerTimer(fiber) {
+  if (!enableProfilerTimer) {
+    return;
+  }
+
+  profilerStartTime = now$1();
+
+  if (fiber.actualStartTime < 0) {
+    fiber.actualStartTime = now$1();
+  }
+}
+
+function stopProfilerTimerIfRunning(fiber) {
+  if (!enableProfilerTimer) {
+    return;
+  }
+  profilerStartTime = -1;
+}
+
+function stopProfilerTimerIfRunningAndRecordDelta(fiber, overrideBaseTime) {
+  if (!enableProfilerTimer) {
+    return;
+  }
+
+  if (profilerStartTime >= 0) {
+    var elapsedTime = now$1() - profilerStartTime;
+    fiber.actualDuration += elapsedTime;
+    if (overrideBaseTime) {
+      fiber.selfBaseDuration = elapsedTime;
+    }
+    profilerStartTime = -1;
+  }
+}
+
+// The deepest Fiber on the stack involved in a hydration context.
+// This may have been an insertion or a hydration.
+var hydrationParentFiber = null;
+var nextHydratableInstance = null;
+var isHydrating = false;
+
+function warnIfHydrating() {
+  {
+    !!isHydrating
+      ? warning$1(
+          false,
+          "We should not be hydrating here. This is a bug in React. Please file a bug."
+        )
+      : void 0;
+  }
+}
+
+function enterHydrationState(fiber) {
+  if (!supportsHydration) {
+    return false;
+  }
+
+  var parentInstance = fiber.stateNode.containerInfo;
+  nextHydratableInstance = getFirstHydratableChild(parentInstance);
+  hydrationParentFiber = fiber;
+  isHydrating = true;
+  return true;
+}
+
+function reenterHydrationStateFromDehydratedSuspenseInstance(fiber) {
+  if (!supportsHydration) {
+    return false;
+  }
+
+  var suspenseInstance = fiber.stateNode;
+  nextHydratableInstance = getNextHydratableSibling(suspenseInstance);
+  popToNextHostParent(fiber);
+  isHydrating = true;
+  return true;
+}
+
+function deleteHydratableInstance(returnFiber, instance) {
+  {
+    switch (returnFiber.tag) {
+      case HostRoot:
+        didNotHydrateContainerInstance(
+          returnFiber.stateNode.containerInfo,
+          instance
+        );
+        break;
+      case HostComponent:
+        didNotHydrateInstance(
+          returnFiber.type,
+          returnFiber.memoizedProps,
+          returnFiber.stateNode,
+          instance
+        );
+        break;
+    }
+  }
+
+  var childToDelete = createFiberFromHostInstanceForDeletion();
+  childToDelete.stateNode = instance;
+  childToDelete.return = returnFiber;
+  childToDelete.effectTag = Deletion;
+
+  // This might seem like it belongs on progressedFirstDeletion. However,
+  // these children are not part of the reconciliation list of children.
+  // Even if we abort and rereconcile the children, that will try to hydrate
+  // again and the nodes are still in the host tree so these will be
+  // recreated.
+  if (returnFiber.lastEffect !== null) {
+    returnFiber.lastEffect.nextEffect = childToDelete;
+    returnFiber.lastEffect = childToDelete;
+  } else {
+    returnFiber.firstEffect = returnFiber.lastEffect = childToDelete;
+  }
+}
+
+function insertNonHydratedInstance(returnFiber, fiber) {
+  fiber.effectTag |= Placement;
+  {
+    switch (returnFiber.tag) {
+      case HostRoot: {
+        var parentContainer = returnFiber.stateNode.containerInfo;
+        switch (fiber.tag) {
+          case HostComponent:
+            var type = fiber.type;
+            var props = fiber.pendingProps;
+            didNotFindHydratableContainerInstance(parentContainer, type, props);
+            break;
+          case HostText:
+            var text = fiber.pendingProps;
+            didNotFindHydratableContainerTextInstance(parentContainer, text);
+            break;
+          case SuspenseComponent:
+            didNotFindHydratableContainerSuspenseInstance(parentContainer);
+            break;
+        }
+        break;
+      }
+      case HostComponent: {
+        var parentType = returnFiber.type;
+        var parentProps = returnFiber.memoizedProps;
+        var parentInstance = returnFiber.stateNode;
+        switch (fiber.tag) {
+          case HostComponent:
+            var _type = fiber.type;
+            var _props = fiber.pendingProps;
+            didNotFindHydratableInstance(
+              parentType,
+              parentProps,
+              parentInstance,
+              _type,
+              _props
+            );
+            break;
+          case HostText:
+            var _text = fiber.pendingProps;
+            didNotFindHydratableTextInstance(
+              parentType,
+              parentProps,
+              parentInstance,
+              _text
+            );
+            break;
+          case SuspenseComponent:
+            didNotFindHydratableSuspenseInstance(
+              parentType,
+              parentProps,
+              parentInstance
+            );
+            break;
+        }
+        break;
+      }
+      default:
+        return;
+    }
+  }
+}
+
+function tryHydrate(fiber, nextInstance) {
+  switch (fiber.tag) {
+    case HostComponent: {
+      var type = fiber.type;
+      var props = fiber.pendingProps;
+      var instance = canHydrateInstance(nextInstance, type, props);
+      if (instance !== null) {
+        fiber.stateNode = instance;
+        return true;
+      }
+      return false;
+    }
+    case HostText: {
+      var text = fiber.pendingProps;
+      var textInstance = canHydrateTextInstance(nextInstance, text);
+      if (textInstance !== null) {
+        fiber.stateNode = textInstance;
+        return true;
+      }
+      return false;
+    }
+    case SuspenseComponent: {
+      if (enableSuspenseServerRenderer) {
+        var suspenseInstance = canHydrateSuspenseInstance(nextInstance);
+        if (suspenseInstance !== null) {
+          // Downgrade the tag to a dehydrated component until we've hydrated it.
+          fiber.tag = DehydratedSuspenseComponent;
+          fiber.stateNode = suspenseInstance;
+          return true;
+        }
+      }
+      return false;
+    }
+    default:
+      return false;
+  }
+}
+
+function tryToClaimNextHydratableInstance(fiber) {
+  if (!isHydrating) {
+    return;
+  }
+  var nextInstance = nextHydratableInstance;
+  if (!nextInstance) {
+    // Nothing to hydrate. Make it an insertion.
+    insertNonHydratedInstance(hydrationParentFiber, fiber);
+    isHydrating = false;
+    hydrationParentFiber = fiber;
+    return;
+  }
+  var firstAttemptedInstance = nextInstance;
+  if (!tryHydrate(fiber, nextInstance)) {
+    // If we can't hydrate this instance let's try the next one.
+    // We use this as a heuristic. It's based on intuition and not data so it
+    // might be flawed or unnecessary.
+    nextInstance = getNextHydratableSibling(firstAttemptedInstance);
+    if (!nextInstance || !tryHydrate(fiber, nextInstance)) {
+      // Nothing to hydrate. Make it an insertion.
+      insertNonHydratedInstance(hydrationParentFiber, fiber);
+      isHydrating = false;
+      hydrationParentFiber = fiber;
+      return;
+    }
+    // We matched the next one, we'll now assume that the first one was
+    // superfluous and we'll delete it. Since we can't eagerly delete it
+    // we'll have to schedule a deletion. To do that, this node needs a dummy
+    // fiber associated with it.
+    deleteHydratableInstance(hydrationParentFiber, firstAttemptedInstance);
+  }
+  hydrationParentFiber = fiber;
+  nextHydratableInstance = getFirstHydratableChild(nextInstance);
+}
+
+function prepareToHydrateHostInstance(
+  fiber,
+  rootContainerInstance,
+  hostContext
+) {
+  if (!supportsHydration) {
+    (function() {
+      {
+        throw ReactError(
+          Error(
+            "Expected prepareToHydrateHostInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
+  }
+
+  var instance = fiber.stateNode;
+  var updatePayload = hydrateInstance(
+    instance,
+    fiber.type,
+    fiber.memoizedProps,
+    rootContainerInstance,
+    hostContext,
+    fiber
+  );
+  // TODO: Type this specific to this type of component.
+  fiber.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.
+  if (updatePayload !== null) {
+    return true;
+  }
+  return false;
+}
+
+function prepareToHydrateHostTextInstance(fiber) {
+  if (!supportsHydration) {
+    (function() {
+      {
+        throw ReactError(
+          Error(
+            "Expected prepareToHydrateHostTextInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
+  }
+
+  var textInstance = fiber.stateNode;
+  var textContent = fiber.memoizedProps;
+  var shouldUpdate = hydrateTextInstance(textInstance, textContent, fiber);
+  {
+    if (shouldUpdate) {
+      // We assume that prepareToHydrateHostTextInstance is called in a context where the
+      // hydration parent is the parent host component of this host text.
+      var returnFiber = hydrationParentFiber;
+      if (returnFiber !== null) {
+        switch (returnFiber.tag) {
+          case HostRoot: {
+            var parentContainer = returnFiber.stateNode.containerInfo;
+            didNotMatchHydratedContainerTextInstance(
+              parentContainer,
+              textInstance,
+              textContent
+            );
+            break;
+          }
+          case HostComponent: {
+            var parentType = returnFiber.type;
+            var parentProps = returnFiber.memoizedProps;
+            var parentInstance = returnFiber.stateNode;
+            didNotMatchHydratedTextInstance(
+              parentType,
+              parentProps,
+              parentInstance,
+              textInstance,
+              textContent
+            );
+            break;
+          }
+        }
+      }
+    }
+  }
+  return shouldUpdate;
+}
+
+function skipPastDehydratedSuspenseInstance(fiber) {
+  if (!supportsHydration) {
+    (function() {
+      {
+        throw ReactError(
+          Error(
+            "Expected skipPastDehydratedSuspenseInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
+  }
+  var suspenseInstance = fiber.stateNode;
+  (function() {
+    if (!suspenseInstance) {
+      throw ReactError(
+        Error(
+          "Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    }
+  })();
+  nextHydratableInstance = getNextHydratableInstanceAfterSuspenseInstance(
+    suspenseInstance
+  );
+}
+
+function popToNextHostParent(fiber) {
+  var parent = fiber.return;
+  while (
+    parent !== null &&
+    parent.tag !== HostComponent &&
+    parent.tag !== HostRoot &&
+    parent.tag !== DehydratedSuspenseComponent
+  ) {
+    parent = parent.return;
+  }
+  hydrationParentFiber = parent;
+}
+
+function popHydrationState(fiber) {
+  if (!supportsHydration) {
+    return false;
+  }
+  if (fiber !== hydrationParentFiber) {
+    // We're deeper than the current hydration context, inside an inserted
+    // tree.
+    return false;
+  }
+  if (!isHydrating) {
+    // If we're not currently hydrating but we're in a hydration context, then
+    // we were an insertion and now need to pop up reenter hydration of our
+    // siblings.
+    popToNextHostParent(fiber);
+    isHydrating = true;
+    return false;
+  }
+
+  var type = fiber.type;
+
+  // If we have any remaining hydratable nodes, we need to delete them now.
+  // We only do this deeper than head and body since they tend to have random
+  // other nodes in them. We also ignore components with pure text content in
+  // side of them.
+  // TODO: Better heuristic.
+  if (
+    fiber.tag !== HostComponent ||
+    (type !== "head" &&
+      type !== "body" &&
+      !shouldSetTextContent(type, fiber.memoizedProps))
+  ) {
+    var nextInstance = nextHydratableInstance;
+    while (nextInstance) {
+      deleteHydratableInstance(fiber, nextInstance);
+      nextInstance = getNextHydratableSibling(nextInstance);
+    }
+  }
+
+  popToNextHostParent(fiber);
+  nextHydratableInstance = hydrationParentFiber
+    ? getNextHydratableSibling(fiber.stateNode)
+    : null;
+  return true;
+}
+
+function resetHydrationState() {
+  if (!supportsHydration) {
+    return;
+  }
+
+  hydrationParentFiber = null;
+  nextHydratableInstance = null;
+  isHydrating = false;
+}
+
+var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner;
+
+var didReceiveUpdate = false;
+
+var didWarnAboutBadClass = void 0;
+var didWarnAboutModulePatternComponent = void 0;
+var didWarnAboutContextTypeOnFunctionComponent = void 0;
+var didWarnAboutGetDerivedStateOnFunctionComponent = void 0;
+var didWarnAboutFunctionRefs = void 0;
+var didWarnAboutReassigningProps = void 0;
+var didWarnAboutMaxDuration = void 0;
+var didWarnAboutRevealOrder = void 0;
+var didWarnAboutTailOptions = void 0;
+var didWarnAboutDefaultPropsOnFunctionComponent = void 0;
+
+{
+  didWarnAboutBadClass = {};
+  didWarnAboutModulePatternComponent = {};
+  didWarnAboutContextTypeOnFunctionComponent = {};
+  didWarnAboutGetDerivedStateOnFunctionComponent = {};
+  didWarnAboutFunctionRefs = {};
+  didWarnAboutReassigningProps = false;
+  didWarnAboutMaxDuration = false;
+  didWarnAboutRevealOrder = {};
+  didWarnAboutTailOptions = {};
+  didWarnAboutDefaultPropsOnFunctionComponent = {};
+}
+
+function reconcileChildren(
+  current$$1,
+  workInProgress,
+  nextChildren,
+  renderExpirationTime
+) {
+  if (current$$1 === 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,
+      renderExpirationTime
+    );
+  } 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$$1.child,
+      nextChildren,
+      renderExpirationTime
+    );
+  }
+}
+
+function forceUnmountCurrentAndReconcile(
+  current$$1,
+  workInProgress,
+  nextChildren,
+  renderExpirationTime
+) {
+  // 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$$1.child,
+    null,
+    renderExpirationTime
+  );
+  // 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 their
+  // identity matches.
+  workInProgress.child = reconcileChildFibers(
+    workInProgress,
+    null,
+    nextChildren,
+    renderExpirationTime
+  );
+}
+
+function updateForwardRef(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  renderExpirationTime
+) {
+  // 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",
+          getComponentName(Component),
+          getCurrentFiberStackInDev
+        );
+      }
+    }
+  }
+
+  var render = Component.render;
+  var ref = workInProgress.ref;
+
+  // The rest is a fork of updateFunctionComponent
+  var nextChildren = void 0;
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  {
+    ReactCurrentOwner$3.current = workInProgress;
+    setCurrentPhase("render");
+    nextChildren = renderWithHooks(
+      current$$1,
+      workInProgress,
+      render,
+      nextProps,
+      ref,
+      renderExpirationTime
+    );
+    if (
+      debugRenderPhaseSideEffects ||
+      (debugRenderPhaseSideEffectsForStrictMode &&
+        workInProgress.mode & StrictMode)
+    ) {
+      // Only double-render components with Hooks
+      if (workInProgress.memoizedState !== null) {
+        nextChildren = renderWithHooks(
+          current$$1,
+          workInProgress,
+          render,
+          nextProps,
+          ref,
+          renderExpirationTime
+        );
+      }
+    }
+    setCurrentPhase(null);
+  }
+
+  if (current$$1 !== null && !didReceiveUpdate) {
+    bailoutHooks(current$$1, workInProgress, renderExpirationTime);
+    return bailoutOnAlreadyFinishedWork(
+      current$$1,
+      workInProgress,
+      renderExpirationTime
+    );
+  }
+
+  // React DevTools reads this flag.
+  workInProgress.effectTag |= PerformedWork;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+
+function updateMemoComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  updateExpirationTime,
+  renderExpirationTime
+) {
+  if (current$$1 === 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$$1,
+        workInProgress,
+        resolvedType,
+        nextProps,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    }
+    {
+      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",
+          getComponentName(type),
+          getCurrentFiberStackInDev
+        );
+      }
+    }
+    var child = createFiberFromTypeAndProps(
+      Component.type,
+      null,
+      nextProps,
+      null,
+      workInProgress.mode,
+      renderExpirationTime
+    );
+    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",
+        getComponentName(_type),
+        getCurrentFiberStackInDev
+      );
+    }
+  }
+  var currentChild = current$$1.child; // This is always exactly one child
+  if (updateExpirationTime < renderExpirationTime) {
+    // 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$$1.ref === workInProgress.ref
+    ) {
+      return bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    }
+  }
+  // React DevTools reads this flag.
+  workInProgress.effectTag |= PerformedWork;
+  var newChild = createWorkInProgress(
+    currentChild,
+    nextProps,
+    renderExpirationTime
+  );
+  newChild.ref = workInProgress.ref;
+  newChild.return = workInProgress;
+  workInProgress.child = newChild;
+  return newChild;
+}
+
+function updateSimpleMemoComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  updateExpirationTime,
+  renderExpirationTime
+) {
+  // 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.
+        outerMemoType = refineResolvedLazyComponent(outerMemoType);
+      }
+      var outerPropTypes = outerMemoType && outerMemoType.propTypes;
+      if (outerPropTypes) {
+        checkPropTypes(
+          outerPropTypes,
+          nextProps, // Resolved (SimpleMemoComponent has no defaultProps)
+          "prop",
+          getComponentName(outerMemoType),
+          getCurrentFiberStackInDev
+        );
+      }
+      // Inner propTypes will be validated in the function component path.
+    }
+  }
+  if (current$$1 !== null) {
+    var prevProps = current$$1.memoizedProps;
+    if (
+      shallowEqual(prevProps, nextProps) &&
+      current$$1.ref === workInProgress.ref &&
+      // Prevent bailout if the implementation changed due to hot reload:
+      workInProgress.type === current$$1.type
+    ) {
+      didReceiveUpdate = false;
+      if (updateExpirationTime < renderExpirationTime) {
+        return bailoutOnAlreadyFinishedWork(
+          current$$1,
+          workInProgress,
+          renderExpirationTime
+        );
+      }
+    }
+  }
+  return updateFunctionComponent(
+    current$$1,
+    workInProgress,
+    Component,
+    nextProps,
+    renderExpirationTime
+  );
+}
+
+function updateFragment(current$$1, workInProgress, renderExpirationTime) {
+  var nextChildren = workInProgress.pendingProps;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+
+function updateMode(current$$1, workInProgress, renderExpirationTime) {
+  var nextChildren = workInProgress.pendingProps.children;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+
+function updateProfiler(current$$1, workInProgress, renderExpirationTime) {
+  if (enableProfilerTimer) {
+    workInProgress.effectTag |= Update;
+  }
+  var nextProps = workInProgress.pendingProps;
+  var nextChildren = nextProps.children;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+
+function markRef(current$$1, workInProgress) {
+  var ref = workInProgress.ref;
+  if (
+    (current$$1 === null && ref !== null) ||
+    (current$$1 !== null && current$$1.ref !== ref)
+  ) {
+    // Schedule a Ref effect
+    workInProgress.effectTag |= Ref;
+  }
+}
+
+function updateFunctionComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  renderExpirationTime
+) {
+  {
+    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",
+          getComponentName(Component),
+          getCurrentFiberStackInDev
+        );
+      }
+    }
+  }
+
+  var context = void 0;
+  if (!disableLegacyContext) {
+    var unmaskedContext = getUnmaskedContext(workInProgress, Component, true);
+    context = getMaskedContext(workInProgress, unmaskedContext);
+  }
+
+  var nextChildren = void 0;
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  {
+    ReactCurrentOwner$3.current = workInProgress;
+    setCurrentPhase("render");
+    nextChildren = renderWithHooks(
+      current$$1,
+      workInProgress,
+      Component,
+      nextProps,
+      context,
+      renderExpirationTime
+    );
+    if (
+      debugRenderPhaseSideEffects ||
+      (debugRenderPhaseSideEffectsForStrictMode &&
+        workInProgress.mode & StrictMode)
+    ) {
+      // Only double-render components with Hooks
+      if (workInProgress.memoizedState !== null) {
+        nextChildren = renderWithHooks(
+          current$$1,
+          workInProgress,
+          Component,
+          nextProps,
+          context,
+          renderExpirationTime
+        );
+      }
+    }
+    setCurrentPhase(null);
+  }
+
+  if (current$$1 !== null && !didReceiveUpdate) {
+    bailoutHooks(current$$1, workInProgress, renderExpirationTime);
+    return bailoutOnAlreadyFinishedWork(
+      current$$1,
+      workInProgress,
+      renderExpirationTime
+    );
+  }
+
+  // React DevTools reads this flag.
+  workInProgress.effectTag |= PerformedWork;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+
+function updateClassComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  renderExpirationTime
+) {
+  {
+    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",
+          getComponentName(Component),
+          getCurrentFiberStackInDev
+        );
+      }
+    }
+  }
+
+  // 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 = void 0;
+  if (isContextProvider(Component)) {
+    hasContext = true;
+    pushContextProvider(workInProgress);
+  } else {
+    hasContext = false;
+  }
+  prepareToReadContext(workInProgress, renderExpirationTime);
+
+  var instance = workInProgress.stateNode;
+  var shouldUpdate = void 0;
+  if (instance === null) {
+    if (current$$1 !== null) {
+      // An class component without an instance only mounts if it suspended
+      // inside a non- concurrent tree, in an inconsistent state. We want to
+      // tree it like a new mount, even though an empty version of it already
+      // committed. Disconnect the alternate pointers.
+      current$$1.alternate = null;
+      workInProgress.alternate = null;
+      // Since this is conceptually a new fiber, schedule a Placement effect
+      workInProgress.effectTag |= Placement;
+    }
+    // In the initial pass we might need to construct the instance.
+    constructClassInstance(
+      workInProgress,
+      Component,
+      nextProps,
+      renderExpirationTime
+    );
+    mountClassInstance(
+      workInProgress,
+      Component,
+      nextProps,
+      renderExpirationTime
+    );
+    shouldUpdate = true;
+  } else if (current$$1 === null) {
+    // In a resume, we'll already have an instance we can reuse.
+    shouldUpdate = resumeMountClassInstance(
+      workInProgress,
+      Component,
+      nextProps,
+      renderExpirationTime
+    );
+  } else {
+    shouldUpdate = updateClassInstance(
+      current$$1,
+      workInProgress,
+      Component,
+      nextProps,
+      renderExpirationTime
+    );
+  }
+  var nextUnitOfWork = finishClassComponent(
+    current$$1,
+    workInProgress,
+    Component,
+    shouldUpdate,
+    hasContext,
+    renderExpirationTime
+  );
+  {
+    var inst = workInProgress.stateNode;
+    if (inst.props !== nextProps) {
+      !didWarnAboutReassigningProps
+        ? warning$1(
+            false,
+            "It looks like %s is reassigning its own `this.props` while rendering. " +
+              "This is not supported and can lead to confusing bugs.",
+            getComponentName(workInProgress.type) || "a component"
+          )
+        : void 0;
+      didWarnAboutReassigningProps = true;
+    }
+  }
+  return nextUnitOfWork;
+}
+
+function finishClassComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  shouldUpdate,
+  hasContext,
+  renderExpirationTime
+) {
+  // Refs should update even if shouldComponentUpdate returns false
+  markRef(current$$1, workInProgress);
+
+  var didCaptureError = (workInProgress.effectTag & DidCapture) !== NoEffect;
+
+  if (!shouldUpdate && !didCaptureError) {
+    // Context providers should defer to sCU for rendering
+    if (hasContext) {
+      invalidateContextProvider(workInProgress, Component, false);
+    }
+
+    return bailoutOnAlreadyFinishedWork(
+      current$$1,
+      workInProgress,
+      renderExpirationTime
+    );
+  }
+
+  var instance = workInProgress.stateNode;
+
+  // Rerender
+  ReactCurrentOwner$3.current = workInProgress;
+  var nextChildren = void 0;
+  if (
+    didCaptureError &&
+    typeof Component.getDerivedStateFromError !== "function"
+  ) {
+    // If we captured an error, but getDerivedStateFrom catch 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;
+
+    if (enableProfilerTimer) {
+      stopProfilerTimerIfRunning(workInProgress);
+    }
+  } else {
+    {
+      setCurrentPhase("render");
+      nextChildren = instance.render();
+      if (
+        debugRenderPhaseSideEffects ||
+        (debugRenderPhaseSideEffectsForStrictMode &&
+          workInProgress.mode & StrictMode)
+      ) {
+        instance.render();
+      }
+      setCurrentPhase(null);
+    }
+  }
+
+  // React DevTools reads this flag.
+  workInProgress.effectTag |= PerformedWork;
+  if (current$$1 !== 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$$1,
+      workInProgress,
+      nextChildren,
+      renderExpirationTime
+    );
+  } else {
+    reconcileChildren(
+      current$$1,
+      workInProgress,
+      nextChildren,
+      renderExpirationTime
+    );
+  }
+
+  // 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$$1, workInProgress, renderExpirationTime) {
+  pushHostRootContext(workInProgress);
+  var updateQueue = workInProgress.updateQueue;
+  (function() {
+    if (!(updateQueue !== null)) {
+      throw ReactError(
+        Error(
+          "If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    }
+  })();
+  var nextProps = workInProgress.pendingProps;
+  var prevState = workInProgress.memoizedState;
+  var prevChildren = prevState !== null ? prevState.element : null;
+  processUpdateQueue(
+    workInProgress,
+    updateQueue,
+    nextProps,
+    null,
+    renderExpirationTime
+  );
+  var nextState = workInProgress.memoizedState;
+  // Caution: React DevTools currently depends on this property
+  // being called "element".
+  var nextChildren = nextState.element;
+  if (nextChildren === prevChildren) {
+    // If the state is the same as before, that's a bailout because we had
+    // no work that expires at this time.
+    resetHydrationState();
+    return bailoutOnAlreadyFinishedWork(
+      current$$1,
+      workInProgress,
+      renderExpirationTime
+    );
+  }
+  var root = workInProgress.stateNode;
+  if (
+    (current$$1 === null || current$$1.child === null) &&
+    root.hydrate &&
+    enterHydrationState(workInProgress)
+  ) {
+    // If we don't have any current children this might be the first pass.
+    // We always try to hydrate. If this isn't a hydration pass there won't
+    // be any children to hydrate which is effectively the same thing as
+    // not hydrating.
+
+    // This is a bit of a hack. We track the host root as a placement to
+    // know that we're currently in a mounting state. That way isMounted
+    // works as expected. We must reset this before committing.
+    // TODO: Delete this when we delete isMounted and findDOMNode.
+    workInProgress.effectTag |= Placement;
+
+    // Ensure that children mount into this root without tracking
+    // side-effects. This ensures that we don't store Placement effects on
+    // nodes that will be hydrated.
+    workInProgress.child = mountChildFibers(
+      workInProgress,
+      null,
+      nextChildren,
+      renderExpirationTime
+    );
+  } else {
+    // Otherwise reset hydration state in case we aborted and resumed another
+    // root.
+    reconcileChildren(
+      current$$1,
+      workInProgress,
+      nextChildren,
+      renderExpirationTime
+    );
+    resetHydrationState();
+  }
+  return workInProgress.child;
+}
+
+function updateHostComponent(current$$1, workInProgress, renderExpirationTime) {
+  pushHostContext(workInProgress);
+
+  if (current$$1 === null) {
+    tryToClaimNextHydratableInstance(workInProgress);
+  }
+
+  var type = workInProgress.type;
+  var nextProps = workInProgress.pendingProps;
+  var prevProps = current$$1 !== null ? current$$1.memoizedProps : null;
+
+  var nextChildren = nextProps.children;
+  var isDirectTextChild = shouldSetTextContent(type, nextProps);
+
+  if (isDirectTextChild) {
+    // We special case a direct text child of a host node. This is a common
+    // case. We won't handle it as a reified child. We will instead handle
+    // this in the host environment that also have access to this prop. That
+    // avoids allocating another HostText fiber and traversing it.
+    nextChildren = null;
+  } else if (prevProps !== null && shouldSetTextContent(type, prevProps)) {
+    // 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.effectTag |= ContentReset;
+  }
+
+  markRef(current$$1, workInProgress);
+
+  // Check the host config to see if the children are offscreen/hidden.
+  if (
+    workInProgress.mode & ConcurrentMode &&
+    renderExpirationTime !== Never &&
+    shouldDeprioritizeSubtree(type, nextProps)
+  ) {
+    if (enableSchedulerTracing) {
+      markSpawnedWork(Never);
+    }
+    // Schedule this fiber to re-render at offscreen priority. Then bailout.
+    workInProgress.expirationTime = workInProgress.childExpirationTime = Never;
+    return null;
+  }
+
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+
+function updateHostText(current$$1, workInProgress) {
+  if (current$$1 === null) {
+    tryToClaimNextHydratableInstance(workInProgress);
+  }
+  // Nothing to do here. This is terminal. We'll do the completion step
+  // immediately after.
+  return null;
+}
+
+function mountLazyComponent(
+  _current,
+  workInProgress,
+  elementType,
+  updateExpirationTime,
+  renderExpirationTime
+) {
+  if (_current !== null) {
+    // An 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.effectTag |= Placement;
+  }
+
+  var props = workInProgress.pendingProps;
+  // We can't start a User Timing measurement with correct label yet.
+  // Cancel and resume right after we know the tag.
+  cancelWorkTimer(workInProgress);
+  var Component = readLazyComponentType(elementType);
+  // Store the unwrapped component in the type.
+  workInProgress.type = Component;
+  var resolvedTag = (workInProgress.tag = resolveLazyComponentTag(Component));
+  startWorkTimer(workInProgress);
+  var resolvedProps = resolveDefaultProps(Component, props);
+  var child = void 0;
+  switch (resolvedTag) {
+    case FunctionComponent: {
+      {
+        validateFunctionComponentInDev(workInProgress, Component);
+        workInProgress.type = Component = resolveFunctionForHotReloading(
+          Component
+        );
+      }
+      child = updateFunctionComponent(
+        null,
+        workInProgress,
+        Component,
+        resolvedProps,
+        renderExpirationTime
+      );
+      break;
+    }
+    case ClassComponent: {
+      {
+        workInProgress.type = Component = resolveClassForHotReloading(
+          Component
+        );
+      }
+      child = updateClassComponent(
+        null,
+        workInProgress,
+        Component,
+        resolvedProps,
+        renderExpirationTime
+      );
+      break;
+    }
+    case ForwardRef: {
+      {
+        workInProgress.type = Component = resolveForwardRefForHotReloading(
+          Component
+        );
+      }
+      child = updateForwardRef(
+        null,
+        workInProgress,
+        Component,
+        resolvedProps,
+        renderExpirationTime
+      );
+      break;
+    }
+    case MemoComponent: {
+      {
+        if (workInProgress.type !== workInProgress.elementType) {
+          var outerPropTypes = Component.propTypes;
+          if (outerPropTypes) {
+            checkPropTypes(
+              outerPropTypes,
+              resolvedProps, // Resolved for outer only
+              "prop",
+              getComponentName(Component),
+              getCurrentFiberStackInDev
+            );
+          }
+        }
+      }
+      child = updateMemoComponent(
+        null,
+        workInProgress,
+        Component,
+        resolveDefaultProps(Component.type, resolvedProps), // The inner type can have defaults too
+        updateExpirationTime,
+        renderExpirationTime
+      );
+      break;
+    }
+    default: {
+      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.
+      (function() {
+        {
+          throw ReactError(
+            Error(
+              "Element type is invalid. Received a promise that resolves to: " +
+                Component +
+                ". Lazy element type must resolve to a class or function." +
+                hint
+            )
+          );
+        }
+      })();
+    }
+  }
+  return child;
+}
+
+function mountIncompleteClassComponent(
+  _current,
+  workInProgress,
+  Component,
+  nextProps,
+  renderExpirationTime
+) {
+  if (_current !== null) {
+    // An incomplete 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.effectTag |= Placement;
+  }
+
+  // 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 = void 0;
+  if (isContextProvider(Component)) {
+    hasContext = true;
+    pushContextProvider(workInProgress);
+  } else {
+    hasContext = false;
+  }
+  prepareToReadContext(workInProgress, renderExpirationTime);
+
+  constructClassInstance(
+    workInProgress,
+    Component,
+    nextProps,
+    renderExpirationTime
+  );
+  mountClassInstance(
+    workInProgress,
+    Component,
+    nextProps,
+    renderExpirationTime
+  );
+
+  return finishClassComponent(
+    null,
+    workInProgress,
+    Component,
+    true,
+    hasContext,
+    renderExpirationTime
+  );
+}
+
+function mountIndeterminateComponent(
+  _current,
+  workInProgress,
+  Component,
+  renderExpirationTime
+) {
+  if (_current !== null) {
+    // An indeterminate 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.effectTag |= Placement;
+  }
+
+  var props = workInProgress.pendingProps;
+  var context = void 0;
+  if (!disableLegacyContext) {
+    var unmaskedContext = getUnmaskedContext(workInProgress, Component, false);
+    context = getMaskedContext(workInProgress, unmaskedContext);
+  }
+
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  var value = void 0;
+
+  {
+    if (
+      Component.prototype &&
+      typeof Component.prototype.render === "function"
+    ) {
+      var componentName = getComponentName(Component) || "Unknown";
+
+      if (!didWarnAboutBadClass[componentName]) {
+        warningWithoutStack$1(
+          false,
+          "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 & StrictMode) {
+      ReactStrictModeWarnings.recordLegacyContextWarning(workInProgress, null);
+    }
+
+    ReactCurrentOwner$3.current = workInProgress;
+    value = renderWithHooks(
+      null,
+      workInProgress,
+      Component,
+      props,
+      context,
+      renderExpirationTime
+    );
+  }
+  // React DevTools reads this flag.
+  workInProgress.effectTag |= PerformedWork;
+
+  if (
+    typeof value === "object" &&
+    value !== null &&
+    typeof value.render === "function" &&
+    value.$$typeof === undefined
+  ) {
+    {
+      var _componentName = getComponentName(Component) || "Unknown";
+      if (!didWarnAboutModulePatternComponent[_componentName]) {
+        warningWithoutStack$1(
+          false,
+          "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;
+      }
+    }
+
+    // Proceed under the assumption that this is a class instance
+    workInProgress.tag = ClassComponent;
+
+    // Throw out any hooks that were used.
+    resetHooks();
+
+    // 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;
+
+    var getDerivedStateFromProps = Component.getDerivedStateFromProps;
+    if (typeof getDerivedStateFromProps === "function") {
+      applyDerivedStateFromProps(
+        workInProgress,
+        Component,
+        getDerivedStateFromProps,
+        props
+      );
+    }
+
+    adoptClassInstance(workInProgress, value);
+    mountClassInstance(workInProgress, Component, props, renderExpirationTime);
+    return finishClassComponent(
+      null,
+      workInProgress,
+      Component,
+      true,
+      hasContext,
+      renderExpirationTime
+    );
+  } else {
+    // Proceed under the assumption that this is a function component
+    workInProgress.tag = FunctionComponent;
+    {
+      if (disableLegacyContext && Component.contextTypes) {
+        warningWithoutStack$1(
+          false,
+          "%s uses the legacy contextTypes API which is no longer supported. " +
+            "Use React.createContext() with React.useContext() instead.",
+          getComponentName(Component) || "Unknown"
+        );
+      }
+
+      if (
+        debugRenderPhaseSideEffects ||
+        (debugRenderPhaseSideEffectsForStrictMode &&
+          workInProgress.mode & StrictMode)
+      ) {
+        // Only double-render components with Hooks
+        if (workInProgress.memoizedState !== null) {
+          value = renderWithHooks(
+            null,
+            workInProgress,
+            Component,
+            props,
+            context,
+            renderExpirationTime
+          );
+        }
+      }
+    }
+    reconcileChildren(null, workInProgress, value, renderExpirationTime);
+    {
+      validateFunctionComponentInDev(workInProgress, Component);
+    }
+    return workInProgress.child;
+  }
+}
+
+function validateFunctionComponentInDev(workInProgress, Component) {
+  if (Component) {
+    !!Component.childContextTypes
+      ? warningWithoutStack$1(
+          false,
+          "%s(...): childContextTypes cannot be defined on a function component.",
+          Component.displayName || Component.name || "Component"
+        )
+      : void 0;
+  }
+  if (workInProgress.ref !== null) {
+    var info = "";
+    var ownerName = getCurrentFiberOwnerNameInDevOrNull();
+    if (ownerName) {
+      info += "\n\nCheck the render method of `" + ownerName + "`.";
+    }
+
+    var warningKey = ownerName || workInProgress._debugID || "";
+    var debugSource = workInProgress._debugSource;
+    if (debugSource) {
+      warningKey = debugSource.fileName + ":" + debugSource.lineNumber;
+    }
+    if (!didWarnAboutFunctionRefs[warningKey]) {
+      didWarnAboutFunctionRefs[warningKey] = true;
+      warning$1(
+        false,
+        "Function components cannot be given refs. " +
+          "Attempts to access this ref will fail. " +
+          "Did you mean to use React.forwardRef()?%s",
+        info
+      );
+    }
+  }
+
+  if (
+    warnAboutDefaultPropsOnFunctionComponents &&
+    Component.defaultProps !== undefined
+  ) {
+    var componentName = getComponentName(Component) || "Unknown";
+
+    if (!didWarnAboutDefaultPropsOnFunctionComponent[componentName]) {
+      warningWithoutStack$1(
+        false,
+        "%s: Support for defaultProps will be removed from function components " +
+          "in a future major release. Use JavaScript default parameters instead.",
+        componentName
+      );
+      didWarnAboutDefaultPropsOnFunctionComponent[componentName] = true;
+    }
+  }
+
+  if (typeof Component.getDerivedStateFromProps === "function") {
+    var _componentName2 = getComponentName(Component) || "Unknown";
+
+    if (!didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2]) {
+      warningWithoutStack$1(
+        false,
+        "%s: Function components do not support getDerivedStateFromProps.",
+        _componentName2
+      );
+      didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] = true;
+    }
+  }
+
+  if (
+    typeof Component.contextType === "object" &&
+    Component.contextType !== null
+  ) {
+    var _componentName3 = getComponentName(Component) || "Unknown";
+
+    if (!didWarnAboutContextTypeOnFunctionComponent[_componentName3]) {
+      warningWithoutStack$1(
+        false,
+        "%s: Function components do not support contextType.",
+        _componentName3
+      );
+      didWarnAboutContextTypeOnFunctionComponent[_componentName3] = true;
+    }
+  }
+}
+
+// TODO: This is now an empty object. Should we just make it a boolean?
+var SUSPENDED_MARKER = {};
+
+function shouldRemainOnFallback(suspenseContext, current$$1, workInProgress) {
+  // If the context is telling us that we should show a fallback, and we're not
+  // already showing content, then we should show the fallback instead.
+  return (
+    hasSuspenseContext(suspenseContext, ForceSuspenseFallback) &&
+    (current$$1 === null || current$$1.memoizedState !== null)
+  );
+}
+
+function updateSuspenseComponent(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  var mode = workInProgress.mode;
+  var nextProps = workInProgress.pendingProps;
+
+  // This is used by DevTools to force a boundary to suspend.
+  {
+    if (shouldSuspend(workInProgress)) {
+      workInProgress.effectTag |= DidCapture;
+    }
+  }
+
+  var suspenseContext = suspenseStackCursor.current;
+
+  var nextState = null;
+  var nextDidTimeout = false;
+
+  if (
+    (workInProgress.effectTag & DidCapture) !== NoEffect ||
+    shouldRemainOnFallback(suspenseContext, current$$1, workInProgress)
+  ) {
+    // Something in this boundary's subtree already suspended. Switch to
+    // rendering the fallback children.
+    nextState = SUSPENDED_MARKER;
+    nextDidTimeout = true;
+    workInProgress.effectTag &= ~DidCapture;
+  } else {
+    // Attempting the main content
+    if (current$$1 === null || current$$1.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.
+      // Boundaries without fallbacks or should be avoided are not considered since
+      // they cannot handle preferred fallback states.
+      if (
+        nextProps.fallback !== undefined &&
+        nextProps.unstable_avoidThisFallback !== true
+      ) {
+        suspenseContext = addSubtreeSuspenseContext(
+          suspenseContext,
+          InvisibleParentSuspenseContext
+        );
+      }
+    }
+  }
+
+  suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
+
+  pushSuspenseContext(workInProgress, suspenseContext);
+
+  {
+    if ("maxDuration" in nextProps) {
+      if (!didWarnAboutMaxDuration) {
+        didWarnAboutMaxDuration = true;
+        warning$1(
+          false,
+          "maxDuration has been removed from React. " +
+            "Remove the maxDuration prop."
+        );
+      }
+    }
+  }
+
+  // This next part is a bit confusing. If the children timeout, we switch to
+  // showing the fallback children in place of the "primary" children.
+  // However, we don't want to delete the primary children because then their
+  // state will be lost (both the React state and the host state, e.g.
+  // uncontrolled form inputs). Instead we keep them mounted and hide them.
+  // Both the fallback children AND the primary children are rendered at the
+  // same time. Once the primary children are un-suspended, we can delete
+  // the fallback children — don't need to preserve their state.
+  //
+  // The two sets of children are siblings in the host environment, but
+  // semantically, for purposes of reconciliation, they are two separate sets.
+  // So we store them using two fragment fibers.
+  //
+  // However, we want to avoid allocating extra fibers for every placeholder.
+  // They're only necessary when the children time out, because that's the
+  // only time when both sets are mounted.
+  //
+  // So, the extra fragment fibers are only used if the children time out.
+  // Otherwise, we render the primary children directly. This requires some
+  // custom reconciliation logic to preserve the state of the primary
+  // children. It's essentially a very basic form of re-parenting.
+
+  // `child` points to the child fiber. In the normal case, this is the first
+  // fiber of the primary children set. In the timed-out case, it's a
+  // a fragment fiber containing the primary children.
+  var child = void 0;
+  // `next` points to the next fiber React should render. In the normal case,
+  // it's the same as `child`: the first fiber of the primary children set.
+  // In the timed-out case, it's a fragment fiber containing the *fallback*
+  // children -- we skip over the primary children entirely.
+  var next = void 0;
+  if (current$$1 === null) {
+    if (enableSuspenseServerRenderer) {
+      // If we're currently hydrating, try to hydrate this boundary.
+      // But only if this has a fallback.
+      if (nextProps.fallback !== undefined) {
+        tryToClaimNextHydratableInstance(workInProgress);
+        // This could've changed the tag if this was a dehydrated suspense component.
+        if (workInProgress.tag === DehydratedSuspenseComponent) {
+          popSuspenseContext(workInProgress);
+          return updateDehydratedSuspenseComponent(
+            null,
+            workInProgress,
+            renderExpirationTime
+          );
+        }
+      }
+    }
+
+    // This is the initial mount. This branch is pretty simple because there's
+    // no previous state that needs to be preserved.
+    if (nextDidTimeout) {
+      // Mount separate fragments for primary and fallback children.
+      var nextFallbackChildren = nextProps.fallback;
+      var primaryChildFragment = createFiberFromFragment(
+        null,
+        mode,
+        NoWork,
+        null
+      );
+      primaryChildFragment.return = workInProgress;
+
+      if ((workInProgress.mode & BatchedMode) === NoMode) {
+        // Outside of batched mode, we commit the effects from the
+        var progressedState = workInProgress.memoizedState;
+        var progressedPrimaryChild =
+          progressedState !== null
+            ? workInProgress.child.child
+            : workInProgress.child;
+        primaryChildFragment.child = progressedPrimaryChild;
+        var progressedChild = progressedPrimaryChild;
+        while (progressedChild !== null) {
+          progressedChild.return = primaryChildFragment;
+          progressedChild = progressedChild.sibling;
+        }
+      }
+
+      var fallbackChildFragment = createFiberFromFragment(
+        nextFallbackChildren,
+        mode,
+        renderExpirationTime,
+        null
+      );
+      fallbackChildFragment.return = workInProgress;
+      primaryChildFragment.sibling = fallbackChildFragment;
+      child = primaryChildFragment;
+      // Skip the primary children, and continue working on the
+      // fallback children.
+      next = fallbackChildFragment;
+    } else {
+      // Mount the primary children without an intermediate fragment fiber.
+      var nextPrimaryChildren = nextProps.children;
+      child = next = mountChildFibers(
+        workInProgress,
+        null,
+        nextPrimaryChildren,
+        renderExpirationTime
+      );
+    }
+  } else {
+    // This is an update. This branch is more complicated because we need to
+    // ensure the state of the primary children is preserved.
+    var prevState = current$$1.memoizedState;
+    var prevDidTimeout = prevState !== null;
+    if (prevDidTimeout) {
+      // The current tree already timed out. That means each child set is
+      var currentPrimaryChildFragment = current$$1.child;
+      var currentFallbackChildFragment = currentPrimaryChildFragment.sibling;
+      if (nextDidTimeout) {
+        // Still timed out. Reuse the current primary children by cloning
+        // its fragment. We're going to skip over these entirely.
+        var _nextFallbackChildren = nextProps.fallback;
+        var _primaryChildFragment = createWorkInProgress(
+          currentPrimaryChildFragment,
+          currentPrimaryChildFragment.pendingProps,
+          NoWork
+        );
+        _primaryChildFragment.return = workInProgress;
+
+        if ((workInProgress.mode & BatchedMode) === NoMode) {
+          // Outside of batched mode, we commit the effects from the
+          var _progressedState = workInProgress.memoizedState;
+          var _progressedPrimaryChild =
+            _progressedState !== null
+              ? workInProgress.child.child
+              : workInProgress.child;
+          if (_progressedPrimaryChild !== currentPrimaryChildFragment.child) {
+            _primaryChildFragment.child = _progressedPrimaryChild;
+            var _progressedChild = _progressedPrimaryChild;
+            while (_progressedChild !== null) {
+              _progressedChild.return = _primaryChildFragment;
+              _progressedChild = _progressedChild.sibling;
+            }
+          }
+        }
+
+        // Because primaryChildFragment is a new fiber that we're inserting as the
+        // parent of a new tree, we need to set its treeBaseDuration.
+        if (enableProfilerTimer && workInProgress.mode & ProfileMode) {
+          // treeBaseDuration is the sum of all the child tree base durations.
+          var treeBaseDuration = 0;
+          var hiddenChild = _primaryChildFragment.child;
+          while (hiddenChild !== null) {
+            treeBaseDuration += hiddenChild.treeBaseDuration;
+            hiddenChild = hiddenChild.sibling;
+          }
+          _primaryChildFragment.treeBaseDuration = treeBaseDuration;
+        }
+
+        // Clone the fallback child fragment, too. These we'll continue
+        // working on.
+        var _fallbackChildFragment = createWorkInProgress(
+          currentFallbackChildFragment,
+          _nextFallbackChildren,
+          currentFallbackChildFragment.expirationTime
+        );
+        _fallbackChildFragment.return = workInProgress;
+        _primaryChildFragment.sibling = _fallbackChildFragment;
+        child = _primaryChildFragment;
+        _primaryChildFragment.childExpirationTime = NoWork;
+        // Skip the primary children, and continue working on the
+        // fallback children.
+        next = _fallbackChildFragment;
+      } else {
+        // No longer suspended. Switch back to showing the primary children,
+        // and remove the intermediate fragment fiber.
+        var _nextPrimaryChildren = nextProps.children;
+        var currentPrimaryChild = currentPrimaryChildFragment.child;
+        var primaryChild = reconcileChildFibers(
+          workInProgress,
+          currentPrimaryChild,
+          _nextPrimaryChildren,
+          renderExpirationTime
+        );
+
+        // If this render doesn't suspend, we need to delete the fallback
+        // children. Wait until the complete phase, after we've confirmed the
+        // fallback is no longer needed.
+        // TODO: Would it be better to store the fallback fragment on
+        // the stateNode?
+
+        // Continue rendering the children, like we normally do.
+        child = next = primaryChild;
+      }
+    } else {
+      // The current tree has not already timed out. That means the primary
+      // children are not wrapped in a fragment fiber.
+      var _currentPrimaryChild = current$$1.child;
+      if (nextDidTimeout) {
+        // Timed out. Wrap the children in a fragment fiber to keep them
+        // separate from the fallback children.
+        var _nextFallbackChildren2 = nextProps.fallback;
+        var _primaryChildFragment2 = createFiberFromFragment(
+          // It shouldn't matter what the pending props are because we aren't
+          // going to render this fragment.
+          null,
+          mode,
+          NoWork,
+          null
+        );
+        _primaryChildFragment2.return = workInProgress;
+        _primaryChildFragment2.child = _currentPrimaryChild;
+        if (_currentPrimaryChild !== null) {
+          _currentPrimaryChild.return = _primaryChildFragment2;
+        }
+
+        // Even though we're creating a new fiber, there are no new children,
+        // because we're reusing an already mounted tree. So we don't need to
+        // schedule a placement.
+        // primaryChildFragment.effectTag |= Placement;
+
+        if ((workInProgress.mode & BatchedMode) === NoMode) {
+          // Outside of batched mode, we commit the effects from the
+          var _progressedState2 = workInProgress.memoizedState;
+          var _progressedPrimaryChild2 =
+            _progressedState2 !== null
+              ? workInProgress.child.child
+              : workInProgress.child;
+          _primaryChildFragment2.child = _progressedPrimaryChild2;
+          var _progressedChild2 = _progressedPrimaryChild2;
+          while (_progressedChild2 !== null) {
+            _progressedChild2.return = _primaryChildFragment2;
+            _progressedChild2 = _progressedChild2.sibling;
+          }
+        }
+
+        // Because primaryChildFragment is a new fiber that we're inserting as the
+        // parent of a new tree, we need to set its treeBaseDuration.
+        if (enableProfilerTimer && workInProgress.mode & ProfileMode) {
+          // treeBaseDuration is the sum of all the child tree base durations.
+          var _treeBaseDuration = 0;
+          var _hiddenChild = _primaryChildFragment2.child;
+          while (_hiddenChild !== null) {
+            _treeBaseDuration += _hiddenChild.treeBaseDuration;
+            _hiddenChild = _hiddenChild.sibling;
+          }
+          _primaryChildFragment2.treeBaseDuration = _treeBaseDuration;
+        }
+
+        // Create a fragment from the fallback children, too.
+        var _fallbackChildFragment2 = createFiberFromFragment(
+          _nextFallbackChildren2,
+          mode,
+          renderExpirationTime,
+          null
+        );
+        _fallbackChildFragment2.return = workInProgress;
+        _primaryChildFragment2.sibling = _fallbackChildFragment2;
+        _fallbackChildFragment2.effectTag |= Placement;
+        child = _primaryChildFragment2;
+        _primaryChildFragment2.childExpirationTime = NoWork;
+        // Skip the primary children, and continue working on the
+        // fallback children.
+        next = _fallbackChildFragment2;
+      } else {
+        // Still haven't timed out.  Continue rendering the children, like we
+        // normally do.
+        var _nextPrimaryChildren2 = nextProps.children;
+        next = child = reconcileChildFibers(
+          workInProgress,
+          _currentPrimaryChild,
+          _nextPrimaryChildren2,
+          renderExpirationTime
+        );
+      }
+    }
+    workInProgress.stateNode = current$$1.stateNode;
+  }
+
+  workInProgress.memoizedState = nextState;
+  workInProgress.child = child;
+  return next;
+}
+
+function retrySuspenseComponentWithoutHydrating(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  // Detach from the current dehydrated boundary.
+  current$$1.alternate = null;
+  workInProgress.alternate = null;
+
+  // Insert a deletion in the effect list.
+  var returnFiber = workInProgress.return;
+  (function() {
+    if (!(returnFiber !== null)) {
+      throw ReactError(
+        Error(
+          "Suspense boundaries are never on the root. This is probably a bug in React."
+        )
+      );
+    }
+  })();
+  var last = returnFiber.lastEffect;
+  if (last !== null) {
+    last.nextEffect = current$$1;
+    returnFiber.lastEffect = current$$1;
+  } else {
+    returnFiber.firstEffect = returnFiber.lastEffect = current$$1;
+  }
+  current$$1.nextEffect = null;
+  current$$1.effectTag = Deletion;
+
+  popSuspenseContext(workInProgress);
+
+  // Upgrade this work in progress to a real Suspense component.
+  workInProgress.tag = SuspenseComponent;
+  workInProgress.stateNode = null;
+  workInProgress.memoizedState = null;
+  // This is now an insertion.
+  workInProgress.effectTag |= Placement;
+  // Retry as a real Suspense component.
+  return updateSuspenseComponent(null, workInProgress, renderExpirationTime);
+}
+
+function updateDehydratedSuspenseComponent(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  pushSuspenseContext(
+    workInProgress,
+    setDefaultShallowSuspenseContext(suspenseStackCursor.current)
+  );
+  var suspenseInstance = workInProgress.stateNode;
+  if (current$$1 === null) {
+    // 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 (isSuspenseInstanceFallback(suspenseInstance)) {
+      // 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.
+      var serverDisplayTime = requestCurrentTime();
+      // Schedule a normal pri update to render this content.
+      workInProgress.expirationTime = computeAsyncExpiration(serverDisplayTime);
+    } 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.expirationTime = Never;
+    }
+    return null;
+  }
+
+  if ((workInProgress.effectTag & DidCapture) !== NoEffect) {
+    // Something suspended. Leave the existing children in place.
+    // TODO: In non-concurrent mode, should we commit the nodes we have hydrated so far?
+    workInProgress.child = null;
+    return null;
+  }
+
+  // We should never be hydrating at this point because it is the first pass,
+  // but after we've already committed once.
+  warnIfHydrating();
+
+  if (isSuspenseInstanceFallback(suspenseInstance)) {
+    // 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.
+    return retrySuspenseComponentWithoutHydrating(
+      current$$1,
+      workInProgress,
+      renderExpirationTime
+    );
+  }
+  // We use childExpirationTime to indicate that a child might depend on context, so if
+  // any context has changed, we need to treat is as if the input might have changed.
+  var hasContextChanged$$1 =
+    current$$1.childExpirationTime >= renderExpirationTime;
+  if (didReceiveUpdate || hasContextChanged$$1) {
+    // 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 an earlier expiration time but
+    // during this render we can't. Instead, we're going to delete the whole subtree and
+    // instead inject a new real Suspense boundary to take its place, which may render content
+    // or fallback. The real Suspense boundary will suspend for a while so we have some time
+    // to ensure it can produce real content, but all state and pending events will be lost.
+    return retrySuspenseComponentWithoutHydrating(
+      current$$1,
+      workInProgress,
+      renderExpirationTime
+    );
+  } else if (isSuspenseInstancePending(suspenseInstance)) {
+    // 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.effectTag |= DidCapture;
+    // Leave the children in place. I.e. empty.
+    workInProgress.child = null;
+    // Register a callback to retry this boundary once the server has sent the result.
+    registerSuspenseInstanceRetry(
+      suspenseInstance,
+      retryTimedOutBoundary.bind(null, current$$1)
+    );
+    return null;
+  } else {
+    // This is the first attempt.
+    reenterHydrationStateFromDehydratedSuspenseInstance(workInProgress);
+    var nextProps = workInProgress.pendingProps;
+    var nextChildren = nextProps.children;
+    workInProgress.child = mountChildFibers(
+      workInProgress,
+      null,
+      nextChildren,
+      renderExpirationTime
+    );
+    return workInProgress.child;
+  }
+}
+
+function propagateSuspenseContextChange(
+  workInProgress,
+  firstChild,
+  renderExpirationTime
+) {
+  // 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) {
+        if (node.expirationTime < renderExpirationTime) {
+          node.expirationTime = renderExpirationTime;
+        }
+        var alternate = node.alternate;
+        if (
+          alternate !== null &&
+          alternate.expirationTime < renderExpirationTime
+        ) {
+          alternate.expirationTime = renderExpirationTime;
+        }
+        scheduleWorkOnParentPath(node.return, renderExpirationTime);
+      }
+    } 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;
+      }
+      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": {
+            warning$1(
+              false,
+              '"%s" is not a valid value for revealOrder on <SuspenseList />. ' +
+                'Use lowercase "%s" instead.',
+              revealOrder,
+              revealOrder.toLowerCase()
+            );
+            break;
+          }
+          case "forward":
+          case "backward": {
+            warning$1(
+              false,
+              '"%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:
+            warning$1(
+              false,
+              '"%s" is not a supported revealOrder on <SuspenseList />. ' +
+                'Did you mean "together", "forwards" or "backwards"?',
+              revealOrder
+            );
+            break;
+        }
+      } else {
+        warning$1(
+          false,
+          "%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;
+        warning$1(
+          false,
+          '"%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;
+        warning$1(
+          false,
+          '<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 isArray = Array.isArray(childSlot);
+    var isIterable = !isArray && typeof getIteratorFn(childSlot) === "function";
+    if (isArray || isIterable) {
+      var type = isArray ? "array" : "iterable";
+      warning$1(
+        false,
+        "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 (Array.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 {
+          warning$1(
+            false,
+            '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,
+      last: lastContentRow,
+      tail: tail,
+      tailExpiration: 0,
+      tailMode: tailMode
+    };
+  } else {
+    // We can reuse the existing object from previous renders.
+    renderState.isBackwards = isBackwards;
+    renderState.rendering = null;
+    renderState.last = lastContentRow;
+    renderState.tail = tail;
+    renderState.tailExpiration = 0;
+    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$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  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$$1,
+    workInProgress,
+    newChildren,
+    renderExpirationTime
+  );
+
+  var suspenseContext = suspenseStackCursor.current;
+
+  var shouldForceFallback = hasSuspenseContext(
+    suspenseContext,
+    ForceSuspenseFallback
+  );
+  if (shouldForceFallback) {
+    suspenseContext = setShallowSuspenseContext(
+      suspenseContext,
+      ForceSuspenseFallback
+    );
+    workInProgress.effectTag |= DidCapture;
+  } else {
+    var didSuspendBefore =
+      current$$1 !== null && (current$$1.effectTag & DidCapture) !== NoEffect;
+    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,
+        renderExpirationTime
+      );
+    }
+    suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
+  }
+  pushSuspenseContext(workInProgress, suspenseContext);
+
+  if ((workInProgress.mode & BatchedMode) === NoMode) {
+    // Outside of batched 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 = void 0;
+        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$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
+  var nextChildren = workInProgress.pendingProps;
+  if (current$$1 === 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,
+      renderExpirationTime
+    );
+  } else {
+    reconcileChildren(
+      current$$1,
+      workInProgress,
+      nextChildren,
+      renderExpirationTime
+    );
+  }
+  return workInProgress.child;
+}
+
+function updateContextProvider(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  var providerType = workInProgress.type;
+  var context = providerType._context;
+
+  var newProps = workInProgress.pendingProps;
+  var oldProps = workInProgress.memoizedProps;
+
+  var newValue = newProps.value;
+
+  {
+    var providerPropTypes = workInProgress.type.propTypes;
+
+    if (providerPropTypes) {
+      checkPropTypes(
+        providerPropTypes,
+        newProps,
+        "prop",
+        "Context.Provider",
+        getCurrentFiberStackInDev
+      );
+    }
+  }
+
+  pushProvider(workInProgress, newValue);
+
+  if (oldProps !== null) {
+    var oldValue = oldProps.value;
+    var changedBits = calculateChangedBits(context, newValue, oldValue);
+    if (changedBits === 0) {
+      // No change. Bailout early if children are the same.
+      if (oldProps.children === newProps.children && !hasContextChanged()) {
+        return bailoutOnAlreadyFinishedWork(
+          current$$1,
+          workInProgress,
+          renderExpirationTime
+        );
+      }
+    } else {
+      // The context value changed. Search for matching consumers and schedule
+      // them to update.
+      propagateContextChange(
+        workInProgress,
+        context,
+        changedBits,
+        renderExpirationTime
+      );
+    }
+  }
+
+  var newChildren = newProps.children;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    newChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+
+var hasWarnedAboutUsingContextAsConsumer = false;
+
+function updateContextConsumer(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  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;
+          warning$1(
+            false,
+            "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;
+
+  {
+    !(typeof render === "function")
+      ? warningWithoutStack$1(
+          false,
+          "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."
+        )
+      : void 0;
+  }
+
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  var newValue = readContext(context, newProps.unstable_observedBits);
+  var newChildren = void 0;
+  {
+    ReactCurrentOwner$3.current = workInProgress;
+    setCurrentPhase("render");
+    newChildren = render(newValue);
+    setCurrentPhase(null);
+  }
+
+  // React DevTools reads this flag.
+  workInProgress.effectTag |= PerformedWork;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    newChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+
+function updateFundamentalComponent$1(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  var fundamentalImpl = workInProgress.type.impl;
+  if (fundamentalImpl.reconcileChildren === false) {
+    return null;
+  }
+  var nextProps = workInProgress.pendingProps;
+  var nextChildren = nextProps.children;
+
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+
+function markWorkInProgressReceivedUpdate() {
+  didReceiveUpdate = true;
+}
+
+function bailoutOnAlreadyFinishedWork(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  cancelWorkTimer(workInProgress);
+
+  if (current$$1 !== null) {
+    // Reuse previous dependencies
+    workInProgress.dependencies = current$$1.dependencies;
+  }
+
+  if (enableProfilerTimer) {
+    // Don't update "base" render times for bailouts.
+    stopProfilerTimerIfRunning(workInProgress);
+  }
+
+  // Check if the children have any pending work.
+  var childExpirationTime = workInProgress.childExpirationTime;
+  if (childExpirationTime < renderExpirationTime) {
+    // 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;
+  } else {
+    // This fiber doesn't have work, but its subtree does. Clone the child
+    // fibers and continue.
+    cloneChildFibers(current$$1, workInProgress);
+    return workInProgress.child;
+  }
+}
+
+function remountFiber(current$$1, oldWorkInProgress, newWorkInProgress) {
+  {
+    var returnFiber = oldWorkInProgress.return;
+    if (returnFiber === null) {
+      throw new Error("Cannot swap the root fiber.");
+    }
+
+    // Disconnect from the old current.
+    // It will get deleted.
+    current$$1.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) {
+        throw new Error("Expected parent to have a child.");
+      }
+      while (prevSibling.sibling !== oldWorkInProgress) {
+        prevSibling = prevSibling.sibling;
+        if (prevSibling === null) {
+          throw new Error("Expected to find the previous sibling.");
+        }
+      }
+      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 last = returnFiber.lastEffect;
+    if (last !== null) {
+      last.nextEffect = current$$1;
+      returnFiber.lastEffect = current$$1;
+    } else {
+      returnFiber.firstEffect = returnFiber.lastEffect = current$$1;
+    }
+    current$$1.nextEffect = null;
+    current$$1.effectTag = Deletion;
+
+    newWorkInProgress.effectTag |= Placement;
+
+    // Restart work from the new fiber.
+    return newWorkInProgress;
+  }
+}
+
+function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
+  var updateExpirationTime = workInProgress.expirationTime;
+
+  {
+    if (workInProgress._debugNeedsRemount && current$$1 !== null) {
+      // This will restart the begin phase with a new fiber.
+      return remountFiber(
+        current$$1,
+        workInProgress,
+        createFiberFromTypeAndProps(
+          workInProgress.type,
+          workInProgress.key,
+          workInProgress.pendingProps,
+          workInProgress._debugOwner || null,
+          workInProgress.mode,
+          workInProgress.expirationTime
+        )
+      );
+    }
+  }
+
+  if (current$$1 !== null) {
+    var oldProps = current$$1.memoizedProps;
+    var newProps = workInProgress.pendingProps;
+
+    if (
+      oldProps !== newProps ||
+      hasContextChanged() ||
+      // Force a re-render if the implementation changed due to hot reload:
+      workInProgress.type !== current$$1.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 if (updateExpirationTime < renderExpirationTime) {
+      didReceiveUpdate = false;
+      // 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);
+          resetHydrationState();
+          break;
+        case HostComponent:
+          pushHostContext(workInProgress);
+          if (
+            workInProgress.mode & ConcurrentMode &&
+            renderExpirationTime !== Never &&
+            shouldDeprioritizeSubtree(workInProgress.type, newProps)
+          ) {
+            if (enableSchedulerTracing) {
+              markSpawnedWork(Never);
+            }
+            // Schedule this fiber to re-render at offscreen priority. Then bailout.
+            workInProgress.expirationTime = workInProgress.childExpirationTime = Never;
+            return null;
+          }
+          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;
+          pushProvider(workInProgress, newValue);
+          break;
+        }
+        case Profiler:
+          if (enableProfilerTimer) {
+            workInProgress.effectTag |= Update;
+          }
+          break;
+        case SuspenseComponent: {
+          var state = workInProgress.memoizedState;
+          var didTimeout = state !== null;
+          if (didTimeout) {
+            // 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
+            var primaryChildFragment = workInProgress.child;
+            var primaryChildExpirationTime =
+              primaryChildFragment.childExpirationTime;
+            if (
+              primaryChildExpirationTime !== NoWork &&
+              primaryChildExpirationTime >= renderExpirationTime
+            ) {
+              // The primary children have pending work. Use the normal path
+              // to attempt to render the primary children again.
+              return updateSuspenseComponent(
+                current$$1,
+                workInProgress,
+                renderExpirationTime
+              );
+            } else {
+              pushSuspenseContext(
+                workInProgress,
+                setDefaultShallowSuspenseContext(suspenseStackCursor.current)
+              );
+              // The primary children do not have pending work with sufficient
+              // priority. Bailout.
+              var child = bailoutOnAlreadyFinishedWork(
+                current$$1,
+                workInProgress,
+                renderExpirationTime
+              );
+              if (child !== null) {
+                // The fallback children have pending work. Skip over the
+                // primary children and work on the fallback.
+                return child.sibling;
+              } else {
+                return null;
+              }
+            }
+          } else {
+            pushSuspenseContext(
+              workInProgress,
+              setDefaultShallowSuspenseContext(suspenseStackCursor.current)
+            );
+          }
+          break;
+        }
+        case DehydratedSuspenseComponent: {
+          if (enableSuspenseServerRenderer) {
+            pushSuspenseContext(
+              workInProgress,
+              setDefaultShallowSuspenseContext(suspenseStackCursor.current)
+            );
+            // We know that this component will suspend again because if it has
+            // been unsuspended it has committed as a regular Suspense component.
+            // If it needs to be retried, it should have work scheduled on it.
+            workInProgress.effectTag |= DidCapture;
+          }
+          break;
+        }
+        case SuspenseListComponent: {
+          var didSuspendBefore =
+            (current$$1.effectTag & DidCapture) !== NoEffect;
+
+          var hasChildWork =
+            workInProgress.childExpirationTime >= renderExpirationTime;
+
+          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$$1,
+                workInProgress,
+                renderExpirationTime
+              );
+            }
+            // 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.effectTag |= 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;
+          }
+          pushSuspenseContext(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;
+          }
+        }
+      }
+      return bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    }
+  } else {
+    didReceiveUpdate = false;
+  }
+
+  // Before entering the begin phase, clear the expiration time.
+  workInProgress.expirationTime = NoWork;
+
+  switch (workInProgress.tag) {
+    case IndeterminateComponent: {
+      return mountIndeterminateComponent(
+        current$$1,
+        workInProgress,
+        workInProgress.type,
+        renderExpirationTime
+      );
+    }
+    case LazyComponent: {
+      var elementType = workInProgress.elementType;
+      return mountLazyComponent(
+        current$$1,
+        workInProgress,
+        elementType,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    }
+    case FunctionComponent: {
+      var _Component = workInProgress.type;
+      var unresolvedProps = workInProgress.pendingProps;
+      var resolvedProps =
+        workInProgress.elementType === _Component
+          ? unresolvedProps
+          : resolveDefaultProps(_Component, unresolvedProps);
+      return updateFunctionComponent(
+        current$$1,
+        workInProgress,
+        _Component,
+        resolvedProps,
+        renderExpirationTime
+      );
+    }
+    case ClassComponent: {
+      var _Component2 = workInProgress.type;
+      var _unresolvedProps = workInProgress.pendingProps;
+      var _resolvedProps =
+        workInProgress.elementType === _Component2
+          ? _unresolvedProps
+          : resolveDefaultProps(_Component2, _unresolvedProps);
+      return updateClassComponent(
+        current$$1,
+        workInProgress,
+        _Component2,
+        _resolvedProps,
+        renderExpirationTime
+      );
+    }
+    case HostRoot:
+      return updateHostRoot(current$$1, workInProgress, renderExpirationTime);
+    case HostComponent:
+      return updateHostComponent(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    case HostText:
+      return updateHostText(current$$1, workInProgress);
+    case SuspenseComponent:
+      return updateSuspenseComponent(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    case HostPortal:
+      return updatePortalComponent(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    case ForwardRef: {
+      var type = workInProgress.type;
+      var _unresolvedProps2 = workInProgress.pendingProps;
+      var _resolvedProps2 =
+        workInProgress.elementType === type
+          ? _unresolvedProps2
+          : resolveDefaultProps(type, _unresolvedProps2);
+      return updateForwardRef(
+        current$$1,
+        workInProgress,
+        type,
+        _resolvedProps2,
+        renderExpirationTime
+      );
+    }
+    case Fragment:
+      return updateFragment(current$$1, workInProgress, renderExpirationTime);
+    case Mode:
+      return updateMode(current$$1, workInProgress, renderExpirationTime);
+    case Profiler:
+      return updateProfiler(current$$1, workInProgress, renderExpirationTime);
+    case ContextProvider:
+      return updateContextProvider(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    case ContextConsumer:
+      return updateContextConsumer(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    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",
+              getComponentName(_type2),
+              getCurrentFiberStackInDev
+            );
+          }
+        }
+      }
+      _resolvedProps3 = resolveDefaultProps(_type2.type, _resolvedProps3);
+      return updateMemoComponent(
+        current$$1,
+        workInProgress,
+        _type2,
+        _resolvedProps3,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    }
+    case SimpleMemoComponent: {
+      return updateSimpleMemoComponent(
+        current$$1,
+        workInProgress,
+        workInProgress.type,
+        workInProgress.pendingProps,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    }
+    case IncompleteClassComponent: {
+      var _Component3 = workInProgress.type;
+      var _unresolvedProps4 = workInProgress.pendingProps;
+      var _resolvedProps4 =
+        workInProgress.elementType === _Component3
+          ? _unresolvedProps4
+          : resolveDefaultProps(_Component3, _unresolvedProps4);
+      return mountIncompleteClassComponent(
+        current$$1,
+        workInProgress,
+        _Component3,
+        _resolvedProps4,
+        renderExpirationTime
+      );
+    }
+    case DehydratedSuspenseComponent: {
+      if (enableSuspenseServerRenderer) {
+        return updateDehydratedSuspenseComponent(
+          current$$1,
+          workInProgress,
+          renderExpirationTime
+        );
+      }
+      break;
+    }
+    case SuspenseListComponent: {
+      return updateSuspenseListComponent(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    }
+    case FundamentalComponent: {
+      if (enableFundamentalAPI) {
+        return updateFundamentalComponent$1(
+          current$$1,
+          workInProgress,
+          renderExpirationTime
+        );
+      }
+      break;
+    }
+  }
+  (function() {
+    {
+      throw ReactError(
+        Error(
+          "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    }
+  })();
+}
+
+function createFundamentalStateInstance(currentFiber, props, impl, state) {
+  return {
+    currentFiber: currentFiber,
+    impl: impl,
+    instance: null,
+    prevProps: null,
+    props: props,
+    state: state
+  };
+}
+
+var emptyObject$1 = {};
+var isArray$2 = Array.isArray;
+
+function markUpdate(workInProgress) {
+  // Tag the fiber with an update effect. This turns a Placement into
+  // a PlacementAndUpdate.
+  workInProgress.effectTag |= Update;
+}
+
+function markRef$1(workInProgress) {
+  workInProgress.effectTag |= Ref;
+}
+
+var appendAllChildren = void 0;
+var updateHostContainer = void 0;
+var updateHostComponent$1 = void 0;
+var updateHostText$1 = void 0;
+if (supportsMutation) {
+  // 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 (enableFundamentalAPI && node.tag === FundamentalComponent) {
+        appendInitialChild(parent, node.stateNode.instance);
+      } else if (node.tag === HostPortal) {
+        // If we have a portal child, then we don't want to traverse
+        // down its children. Instead, we'll get insertions from each child in
+        // the portal directly.
+      } 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;
+        }
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  };
+
+  updateHostContainer = function(workInProgress) {
+    // Noop
+  };
+  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`.
+    var updatePayload = prepareUpdate(
+      instance,
+      type,
+      oldProps,
+      newProps,
+      rootContainerInstance,
+      currentHostContext
+    );
+    // TODO: Type this specific to this type of component.
+    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.
+    if (updatePayload) {
+      markUpdate(workInProgress);
+    }
+  };
+  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);
+    }
+  };
+} else if (supportsPersistence) {
+  // 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
+      branches: 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, type, props, node);
+        }
+        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(_instance, text, node);
+        }
+        appendInitialChild(parent, _instance);
+      } else if (enableFundamentalAPI && node.tag === FundamentalComponent) {
+        var _instance2 = node.stateNode.instance;
+        if (needsVisibilityToggle && isHidden) {
+          // This child is inside a timed out tree. Hide it.
+          var _props = node.memoizedProps;
+          var _type = node.type;
+          _instance2 = cloneHiddenInstance(_instance2, _type, _props, node);
+        }
+        appendInitialChild(parent, _instance2);
+      } else if (node.tag === HostPortal) {
+        // If we have a portal child, then we don't want to traverse
+        // down its children. Instead, we'll get insertions from each child in
+        // the portal directly.
+      } else if (node.tag === SuspenseComponent) {
+        if ((node.effectTag & Update) !== NoEffect) {
+          // Need to toggle the visibility of the primary children.
+          var newIsHidden = node.memoizedState !== null;
+          if (newIsHidden) {
+            var primaryChildParent = node.child;
+            if (primaryChildParent !== null) {
+              if (primaryChildParent.child !== null) {
+                primaryChildParent.child.return = primaryChildParent;
+                appendAllChildren(
+                  parent,
+                  primaryChildParent,
+                  true,
+                  newIsHidden
+                );
+              }
+              var fallbackChildParent = primaryChildParent.sibling;
+              if (fallbackChildParent !== null) {
+                fallbackChildParent.return = node;
+                node = fallbackChildParent;
+                continue;
+              }
+            }
+          }
+        }
+        if (node.child !== null) {
+          // Continue traversing like normal
+          node.child.return = node;
+          node = node.child;
+          continue;
+        }
+      } 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;
+      if (node === workInProgress) {
+        return;
+      }
+      while (node.sibling === null) {
+        if (node.return === null || node.return === workInProgress) {
+          return;
+        }
+        node = node.return;
+      }
+      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;
+    while (node !== null) {
+      // eslint-disable-next-line no-labels
+      branches: 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, type, props, node);
+        }
+        appendChildToContainerChildSet(containerChildSet, instance);
+      } else if (node.tag === HostText) {
+        var _instance3 = node.stateNode;
+        if (needsVisibilityToggle && isHidden) {
+          // This child is inside a timed out tree. Hide it.
+          var text = node.memoizedProps;
+          _instance3 = cloneHiddenTextInstance(_instance3, text, node);
+        }
+        appendChildToContainerChildSet(containerChildSet, _instance3);
+      } else if (enableFundamentalAPI && node.tag === FundamentalComponent) {
+        var _instance4 = node.stateNode.instance;
+        if (needsVisibilityToggle && isHidden) {
+          // This child is inside a timed out tree. Hide it.
+          var _props2 = node.memoizedProps;
+          var _type2 = node.type;
+          _instance4 = cloneHiddenInstance(_instance4, _type2, _props2, node);
+        }
+        appendChildToContainerChildSet(containerChildSet, _instance4);
+      } else if (node.tag === HostPortal) {
+        // If we have a portal child, then we don't want to traverse
+        // down its children. Instead, we'll get insertions from each child in
+        // the portal directly.
+      } else if (node.tag === SuspenseComponent) {
+        if ((node.effectTag & Update) !== NoEffect) {
+          // Need to toggle the visibility of the primary children.
+          var newIsHidden = node.memoizedState !== null;
+          if (newIsHidden) {
+            var primaryChildParent = node.child;
+            if (primaryChildParent !== null) {
+              if (primaryChildParent.child !== null) {
+                primaryChildParent.child.return = primaryChildParent;
+                appendAllChildrenToContainer(
+                  containerChildSet,
+                  primaryChildParent,
+                  true,
+                  newIsHidden
+                );
+              }
+              var fallbackChildParent = primaryChildParent.sibling;
+              if (fallbackChildParent !== null) {
+                fallbackChildParent.return = node;
+                node = fallbackChildParent;
+                continue;
+              }
+            }
+          }
+        }
+        if (node.child !== null) {
+          // Continue traversing like normal
+          node.child.return = node;
+          node = node.child;
+          continue;
+        }
+      } 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;
+      if (node === workInProgress) {
+        return;
+      }
+      while (node.sibling === null) {
+        if (node.return === null || node.return === workInProgress) {
+          return;
+        }
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  };
+  updateHostContainer = function(workInProgress) {
+    var portalOrRoot = workInProgress.stateNode;
+    var childrenUnchanged = workInProgress.firstEffect === null;
+    if (childrenUnchanged) {
+      // No changes, just reuse the existing instance.
+    } else {
+      var container = portalOrRoot.containerInfo;
+      var newChildSet = createContainerChildSet(container);
+      // If children might have changed, we have to add them all to the set.
+      appendAllChildrenToContainer(newChildSet, workInProgress, false, false);
+      portalOrRoot.pendingChildren = newChildSet;
+      // Schedule an update on the container to swap out the container.
+      markUpdate(workInProgress);
+      finalizeContainerChildren(container, newChildSet);
+    }
+  };
+  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.
+    var childrenUnchanged = workInProgress.firstEffect === null;
+    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,
+        rootContainerInstance,
+        currentHostContext
+      );
+    }
+    if (childrenUnchanged && updatePayload === null) {
+      // No changes, just reuse the existing instance.
+      // Note that this might release a previous clone.
+      workInProgress.stateNode = currentInstance;
+      return;
+    }
+    var newInstance = cloneInstance(
+      currentInstance,
+      updatePayload,
+      type,
+      oldProps,
+      newProps,
+      workInProgress,
+      childrenUnchanged,
+      recyclableInstance
+    );
+    if (
+      finalizeInitialChildren(
+        newInstance,
+        type,
+        newProps,
+        rootContainerInstance,
+        currentHostContext
+      )
+    ) {
+      markUpdate(workInProgress);
+    }
+    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 {
+  // No host operations
+  updateHostContainer = function(workInProgress) {
+    // Noop
+  };
+  updateHostComponent$1 = function(
+    current,
+    workInProgress,
+    type,
+    newProps,
+    rootContainerInstance
+  ) {
+    // Noop
+  };
+  updateHostText$1 = function(current, workInProgress, oldText, newText) {
+    // Noop
+  };
+}
+
+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 completeWork(current, workInProgress, renderExpirationTime) {
+  var newProps = workInProgress.pendingProps;
+
+  switch (workInProgress.tag) {
+    case IndeterminateComponent:
+      break;
+    case LazyComponent:
+      break;
+    case SimpleMemoComponent:
+    case FunctionComponent:
+      break;
+    case ClassComponent: {
+      var Component = workInProgress.type;
+      if (isContextProvider(Component)) {
+        popContext(workInProgress);
+      }
+      break;
+    }
+    case HostRoot: {
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      var fiberRoot = workInProgress.stateNode;
+      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.
+        popHydrationState(workInProgress);
+        // This resets the hacky state to fix isMounted before committing.
+        // TODO: Delete this when we delete isMounted and findDOMNode.
+        workInProgress.effectTag &= ~Placement;
+      }
+      updateHostContainer(workInProgress);
+      break;
+    }
+    case HostComponent: {
+      popHostContext(workInProgress);
+      var rootContainerInstance = getRootHostContainer();
+      var type = workInProgress.type;
+      if (current !== null && workInProgress.stateNode != null) {
+        updateHostComponent$1(
+          current,
+          workInProgress,
+          type,
+          newProps,
+          rootContainerInstance
+        );
+
+        if (enableFlareAPI) {
+          var prevListeners = current.memoizedProps.listeners;
+          var nextListeners = newProps.listeners;
+          var instance = workInProgress.stateNode;
+          if (prevListeners !== nextListeners) {
+            updateEventListeners(
+              nextListeners,
+              instance,
+              rootContainerInstance,
+              workInProgress
+            );
+          }
+        }
+
+        if (current.ref !== workInProgress.ref) {
+          markRef$1(workInProgress);
+        }
+      } else {
+        if (!newProps) {
+          (function() {
+            if (!(workInProgress.stateNode !== null)) {
+              throw ReactError(
+                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.
+          break;
+        }
+
+        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 we want to add then top->down or
+        // bottom->up. Top->down is faster in IE11.
+        var wasHydrated = popHydrationState(workInProgress);
+        if (wasHydrated) {
+          // TODO: Move this and createInstance step into the beginPhase
+          // to consolidate.
+          if (
+            prepareToHydrateHostInstance(
+              workInProgress,
+              rootContainerInstance,
+              currentHostContext
+            )
+          ) {
+            // If changes to the hydrated node needs to be applied at the
+            // commit-phase we mark this as such.
+            markUpdate(workInProgress);
+          }
+          if (enableFlareAPI) {
+            var _instance5 = workInProgress.stateNode;
+            var listeners = newProps.listeners;
+            if (listeners != null) {
+              updateEventListeners(
+                listeners,
+                _instance5,
+                rootContainerInstance,
+                workInProgress
+              );
+            }
+          }
+        } else {
+          var _instance6 = createInstance(
+            type,
+            newProps,
+            rootContainerInstance,
+            currentHostContext,
+            workInProgress
+          );
+
+          appendAllChildren(_instance6, workInProgress, false, false);
+
+          if (enableFlareAPI) {
+            var _listeners = newProps.listeners;
+            if (_listeners != null) {
+              updateEventListeners(
+                _listeners,
+                _instance6,
+                rootContainerInstance,
+                workInProgress
+              );
+            }
+          }
+
+          // 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(
+              _instance6,
+              type,
+              newProps,
+              rootContainerInstance,
+              currentHostContext
+            )
+          ) {
+            markUpdate(workInProgress);
+          }
+          workInProgress.stateNode = _instance6;
+        }
+
+        if (workInProgress.ref !== null) {
+          // If there is a ref on a host node we need to schedule a callback
+          markRef$1(workInProgress);
+        }
+      }
+      break;
+    }
+    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$1(current, workInProgress, oldText, newText);
+      } else {
+        if (typeof newText !== "string") {
+          (function() {
+            if (!(workInProgress.stateNode !== null)) {
+              throw ReactError(
+                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 _rootContainerInstance = getRootHostContainer();
+        var _currentHostContext = getHostContext();
+        var _wasHydrated = popHydrationState(workInProgress);
+        if (_wasHydrated) {
+          if (prepareToHydrateHostTextInstance(workInProgress)) {
+            markUpdate(workInProgress);
+          }
+        } else {
+          workInProgress.stateNode = createTextInstance(
+            newText,
+            _rootContainerInstance,
+            _currentHostContext,
+            workInProgress
+          );
+        }
+      }
+      break;
+    }
+    case ForwardRef:
+      break;
+    case SuspenseComponent: {
+      popSuspenseContext(workInProgress);
+      var nextState = workInProgress.memoizedState;
+      if ((workInProgress.effectTag & DidCapture) !== NoEffect) {
+        // Something suspended. Re-render with the fallback children.
+        workInProgress.expirationTime = renderExpirationTime;
+        // Do not reset the effect list.
+        return workInProgress;
+      }
+
+      var nextDidTimeout = nextState !== null;
+      var prevDidTimeout = false;
+      if (current === null) {
+        // In cases where we didn't find a suitable hydration boundary we never
+        // downgraded this to a DehydratedSuspenseComponent, but we still need to
+        // pop the hydration state since we might be inside the insertion tree.
+        popHydrationState(workInProgress);
+      } else {
+        var prevState = current.memoizedState;
+        prevDidTimeout = prevState !== null;
+        if (!nextDidTimeout && prevState !== null) {
+          // We just switched from the fallback to the normal children.
+          // Delete the fallback.
+          // TODO: Would it be better to store the fallback fragment on
+          var currentFallbackChild = current.child.sibling;
+          if (currentFallbackChild !== null) {
+            // Deletions go at the beginning of the return fiber's effect list
+            var first = workInProgress.firstEffect;
+            if (first !== null) {
+              workInProgress.firstEffect = currentFallbackChild;
+              currentFallbackChild.nextEffect = first;
+            } else {
+              workInProgress.firstEffect = workInProgress.lastEffect = currentFallbackChild;
+              currentFallbackChild.nextEffect = null;
+            }
+            currentFallbackChild.effectTag = Deletion;
+          }
+        }
+      }
+
+      if (nextDidTimeout && !prevDidTimeout) {
+        // If this subtreee is running in batched mode we can suspend,
+        // otherwise we won't suspend.
+        // 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 & BatchedMode) !== 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;
+          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();
+          }
+        }
+      }
+
+      if (supportsPersistence) {
+        // TODO: Only schedule updates if not prevDidTimeout.
+        if (nextDidTimeout) {
+          // If this boundary just timed out, schedule an effect to attach a
+          // retry listener to the proimse. This flag is also used to hide the
+          // primary children.
+          workInProgress.effectTag |= Update;
+        }
+      }
+      if (supportsMutation) {
+        // TODO: Only schedule updates if these values are non equal, i.e. it changed.
+        if (nextDidTimeout || prevDidTimeout) {
+          // If this boundary just timed out, schedule an effect to attach a
+          // retry listener to the proimse. This flag is also used to hide the
+          // primary children. In mutation mode, we also need the flag to
+          // *unhide* children that were previously hidden, so check if the
+          // is currently timed out, too.
+          workInProgress.effectTag |= Update;
+        }
+      }
+      if (
+        enableSuspenseCallback &&
+        workInProgress.updateQueue !== null &&
+        workInProgress.memoizedProps.suspenseCallback != null
+      ) {
+        // Always notify the callback
+        workInProgress.effectTag |= Update;
+      }
+      break;
+    }
+    case Fragment:
+      break;
+    case Mode:
+      break;
+    case Profiler:
+      break;
+    case HostPortal:
+      popHostContainer(workInProgress);
+      updateHostContainer(workInProgress);
+      break;
+    case ContextProvider:
+      // Pop provider fiber
+      popProvider(workInProgress);
+      break;
+    case ContextConsumer:
+      break;
+    case MemoComponent:
+      break;
+    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);
+      }
+      break;
+    }
+    case DehydratedSuspenseComponent: {
+      if (enableSuspenseServerRenderer) {
+        popSuspenseContext(workInProgress);
+        if (current === null) {
+          var _wasHydrated2 = popHydrationState(workInProgress);
+          (function() {
+            if (!_wasHydrated2) {
+              throw ReactError(
+                Error(
+                  "A dehydrated suspense component was completed without a hydrated node. This is probably a bug in React."
+                )
+              );
+            }
+          })();
+          if (enableSchedulerTracing) {
+            markSpawnedWork(Never);
+          }
+          skipPastDehydratedSuspenseInstance(workInProgress);
+        } else {
+          // We should never have been in a hydration state if we didn't have a current.
+          // However, in some of those paths, we might have reentered a hydration state
+          // and then we might be inside a hydration state. In that case, we'll need to
+          // exit out of it.
+          resetHydrationState();
+          if ((workInProgress.effectTag & DidCapture) === NoEffect) {
+            // This boundary did not suspend so it's now hydrated.
+            // To handle any future suspense cases, we're going to now upgrade it
+            // to a Suspense component. We detach it from the existing current fiber.
+            current.alternate = null;
+            workInProgress.alternate = null;
+            workInProgress.tag = SuspenseComponent;
+            workInProgress.memoizedState = null;
+            workInProgress.stateNode = null;
+          }
+        }
+      }
+      break;
+    }
+    case SuspenseListComponent: {
+      popSuspenseContext(workInProgress);
+
+      var renderState = workInProgress.memoizedState;
+
+      if (renderState === null) {
+        // We're running in the default, "independent" mode. We don't do anything
+        // in this mode.
+        break;
+      }
+
+      var didSuspendAlready =
+        (workInProgress.effectTag & DidCapture) !== NoEffect;
+
+      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.effectTag & DidCapture) === NoEffect);
+          if (!cannotBeSuspended) {
+            var row = workInProgress.child;
+            while (row !== null) {
+              var suspended = findFirstSuspended(row);
+              if (suspended !== null) {
+                didSuspendAlready = true;
+                workInProgress.effectTag |= 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 thennables. Instead, we'll transfer its thennables 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 newThennables = suspended.updateQueue;
+                if (newThennables !== null) {
+                  workInProgress.updateQueue = newThennables;
+                  workInProgress.effectTag |= Update;
+                }
+
+                // Rerender the whole list, but this time, we'll force fallbacks
+                // to stay in place.
+                // Reset the effect list before doing the second pass since that's now invalid.
+                workInProgress.firstEffect = workInProgress.lastEffect = null;
+                // Reset the child fibers to their original state.
+                resetChildFibers(workInProgress, renderExpirationTime);
+
+                // Set up the Suspense Context to force suspense and immediately
+                // rerender the children.
+                pushSuspenseContext(
+                  workInProgress,
+                  setShallowSuspenseContext(
+                    suspenseStackCursor.current,
+                    ForceSuspenseFallback
+                  )
+                );
+                return workInProgress.child;
+              }
+              row = row.sibling;
+            }
+          }
+        } 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.effectTag |= DidCapture;
+            didSuspendAlready = true;
+            cutOffTailIfNeeded(renderState, true);
+            // This might have been modified.
+            if (
+              renderState.tail === null &&
+              renderState.tailMode === "hidden"
+            ) {
+              // We need to delete the row we just rendered.
+              // Ensure we transfer the update queue to the parent.
+              var _newThennables = _suspended.updateQueue;
+              if (_newThennables !== null) {
+                workInProgress.updateQueue = _newThennables;
+                workInProgress.effectTag |= Update;
+              }
+              // Reset the effect list to what it w as before we rendered this
+              // child. The nested children have already appended themselves.
+              var lastEffect = (workInProgress.lastEffect =
+                renderState.lastEffect);
+              // Remove any effects that were appended after this point.
+              if (lastEffect !== null) {
+                lastEffect.nextEffect = null;
+              }
+              // We're done.
+              return null;
+            }
+          } else if (
+            now() > renderState.tailExpiration &&
+            renderExpirationTime > Never
+          ) {
+            // 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.effectTag |= 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. If we can show
+            // them, then they really have the same priority as this render.
+            // So we'll pick it back up the very next render pass once we've had
+            // an opportunity to yield for paint.
+
+            var nextPriority = renderExpirationTime - 1;
+            workInProgress.expirationTime = workInProgress.childExpirationTime = nextPriority;
+            if (enableSchedulerTracing) {
+              markSpawnedWork(nextPriority);
+            }
+          }
+        }
+        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.
+        if (renderState.tailExpiration === 0) {
+          // Heuristic for how long we're willing to spend rendering rows
+          // until we just give up and show what we have so far.
+          var TAIL_EXPIRATION_TIMEOUT_MS = 500;
+          renderState.tailExpiration = now() + TAIL_EXPIRATION_TIMEOUT_MS;
+        }
+        // Pop a row.
+        var next = renderState.tail;
+        renderState.rendering = next;
+        renderState.tail = next.sibling;
+        renderState.lastEffect = workInProgress.lastEffect;
+        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 = setShallowSuspenseContext(
+            suspenseContext,
+            ForceSuspenseFallback
+          );
+        } else {
+          suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
+        }
+        pushSuspenseContext(workInProgress, suspenseContext);
+        // Do a pass over the next row.
+        return next;
+      }
+      break;
+    }
+    case FundamentalComponent: {
+      if (enableFundamentalAPI) {
+        var fundamentalImpl = workInProgress.type.impl;
+        var fundamentalInstance = workInProgress.stateNode;
+
+        if (fundamentalInstance === null) {
+          var getInitialState = fundamentalImpl.getInitialState;
+          var fundamentalState = void 0;
+          if (getInitialState !== undefined) {
+            fundamentalState = getInitialState(newProps);
+          }
+          fundamentalInstance = workInProgress.stateNode = createFundamentalStateInstance(
+            workInProgress,
+            newProps,
+            fundamentalImpl,
+            fundamentalState || {}
+          );
+          var _instance7 = getFundamentalComponentInstance(fundamentalInstance);
+          fundamentalInstance.instance = _instance7;
+          if (fundamentalImpl.reconcileChildren === false) {
+            return null;
+          }
+          appendAllChildren(_instance7, workInProgress, false, false);
+          mountFundamentalComponent(fundamentalInstance);
+        } else {
+          // We fire update in commit phase
+          var prevProps = fundamentalInstance.props;
+          fundamentalInstance.prevProps = prevProps;
+          fundamentalInstance.props = newProps;
+          fundamentalInstance.currentFiber = workInProgress;
+          if (supportsPersistence) {
+            var _instance8 = cloneFundamentalInstance(fundamentalInstance);
+            fundamentalInstance.instance = _instance8;
+            appendAllChildren(_instance8, workInProgress, false, false);
+          }
+          var shouldUpdate = shouldUpdateFundamentalComponent(
+            fundamentalInstance
+          );
+          if (shouldUpdate) {
+            markUpdate(workInProgress);
+          }
+        }
+      }
+      break;
+    }
+    default:
+      (function() {
+        {
+          throw ReactError(
+            Error(
+              "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+            )
+          );
+        }
+      })();
+  }
+
+  return null;
+}
+
+function mountEventResponder$1(
+  responder,
+  responderProps,
+  instance,
+  rootContainerInstance,
+  fiber,
+  respondersMap
+) {
+  var responderState = emptyObject$1;
+  var getInitialState = responder.getInitialState;
+  if (getInitialState !== null) {
+    responderState = getInitialState(responderProps);
+  }
+  var responderInstance = createResponderInstance(
+    responder,
+    responderProps,
+    responderState,
+    instance,
+    fiber
+  );
+  mountResponderInstance(
+    responder,
+    responderInstance,
+    responderProps,
+    responderState,
+    instance,
+    rootContainerInstance
+  );
+  respondersMap.set(responder, responderInstance);
+}
+
+function updateEventListener(
+  listener,
+  fiber,
+  visistedResponders,
+  respondersMap,
+  instance,
+  rootContainerInstance
+) {
+  var responder = void 0;
+  var props = void 0;
+
+  if (listener) {
+    responder = listener.responder;
+    props = listener.props;
+  }
+  (function() {
+    if (!(responder && responder.$$typeof === REACT_RESPONDER_TYPE)) {
+      throw ReactError(
+        Error(
+          "An invalid value was used as an event listener. Expect one or many event listeners created via React.unstable_useResponer()."
+        )
+      );
+    }
+  })();
+  var listenerProps = props;
+  if (visistedResponders.has(responder)) {
+    // show warning
+    {
+      warning$1(
+        false,
+        'Duplicate event responder "%s" found in event listeners. ' +
+          "Event listeners passed to elements cannot use the same event responder more than once.",
+        responder.displayName
+      );
+    }
+    return;
+  }
+  visistedResponders.add(responder);
+  var responderInstance = respondersMap.get(responder);
+
+  if (responderInstance === undefined) {
+    // Mount
+    mountEventResponder$1(
+      responder,
+      listenerProps,
+      instance,
+      rootContainerInstance,
+      fiber,
+      respondersMap
+    );
+  } else {
+    // Update
+    responderInstance.props = listenerProps;
+    responderInstance.fiber = fiber;
+  }
+}
+
+function updateEventListeners(
+  listeners,
+  instance,
+  rootContainerInstance,
+  fiber
+) {
+  var visistedResponders = new Set();
+  var dependencies = fiber.dependencies;
+  if (listeners != null) {
+    if (dependencies === null) {
+      dependencies = fiber.dependencies = {
+        expirationTime: NoWork,
+        firstContext: null,
+        responders: new Map()
+      };
+    }
+    var respondersMap = dependencies.responders;
+    if (respondersMap === null) {
+      respondersMap = new Map();
+    }
+    if (isArray$2(listeners)) {
+      for (var i = 0, length = listeners.length; i < length; i++) {
+        var listener = listeners[i];
+        updateEventListener(
+          listener,
+          fiber,
+          visistedResponders,
+          respondersMap,
+          instance,
+          rootContainerInstance
+        );
+      }
+    } else {
+      updateEventListener(
+        listeners,
+        fiber,
+        visistedResponders,
+        respondersMap,
+        instance,
+        rootContainerInstance
+      );
+    }
+  }
+  if (dependencies !== null) {
+    var _respondersMap = dependencies.responders;
+    if (_respondersMap !== null) {
+      // Unmount
+      var mountedResponders = Array.from(_respondersMap.keys());
+      for (var _i = 0, _length = mountedResponders.length; _i < _length; _i++) {
+        var mountedResponder = mountedResponders[_i];
+        if (!visistedResponders.has(mountedResponder)) {
+          var responderInstance = _respondersMap.get(mountedResponder);
+          unmountResponderInstance(responderInstance);
+          _respondersMap.delete(mountedResponder);
+        }
+      }
+    }
+  }
+}
+
+function unwindWork(workInProgress, renderExpirationTime) {
+  switch (workInProgress.tag) {
+    case ClassComponent: {
+      var Component = workInProgress.type;
+      if (isContextProvider(Component)) {
+        popContext(workInProgress);
+      }
+      var effectTag = workInProgress.effectTag;
+      if (effectTag & ShouldCapture) {
+        workInProgress.effectTag = (effectTag & ~ShouldCapture) | DidCapture;
+        return workInProgress;
+      }
+      return null;
+    }
+    case HostRoot: {
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      var _effectTag = workInProgress.effectTag;
+      (function() {
+        if (!((_effectTag & DidCapture) === NoEffect)) {
+          throw ReactError(
+            Error(
+              "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
+            )
+          );
+        }
+      })();
+      workInProgress.effectTag = (_effectTag & ~ShouldCapture) | DidCapture;
+      return workInProgress;
+    }
+    case HostComponent: {
+      // TODO: popHydrationState
+      popHostContext(workInProgress);
+      return null;
+    }
+    case SuspenseComponent: {
+      popSuspenseContext(workInProgress);
+      var _effectTag2 = workInProgress.effectTag;
+      if (_effectTag2 & ShouldCapture) {
+        workInProgress.effectTag = (_effectTag2 & ~ShouldCapture) | DidCapture;
+        // Captured a suspense effect. Re-render the boundary.
+        return workInProgress;
+      }
+      return null;
+    }
+    case DehydratedSuspenseComponent: {
+      if (enableSuspenseServerRenderer) {
+        popSuspenseContext(workInProgress);
+        if (workInProgress.alternate === null) {
+          // TODO: popHydrationState
+        } else {
+          resetHydrationState();
+        }
+        var _effectTag3 = workInProgress.effectTag;
+        if (_effectTag3 & ShouldCapture) {
+          workInProgress.effectTag =
+            (_effectTag3 & ~ShouldCapture) | DidCapture;
+          // Captured a suspense effect. Re-render the boundary.
+          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.
+      return null;
+    }
+    case HostPortal:
+      popHostContainer(workInProgress);
+      return null;
+    case ContextProvider:
+      popProvider(workInProgress);
+      return null;
+    default:
+      return null;
+  }
+}
+
+function unwindInterruptedWork(interruptedWork) {
+  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 HostComponent: {
+      popHostContext(interruptedWork);
+      break;
+    }
+    case HostPortal:
+      popHostContainer(interruptedWork);
+      break;
+    case SuspenseComponent:
+      popSuspenseContext(interruptedWork);
+      break;
+    case DehydratedSuspenseComponent:
+      if (enableSuspenseServerRenderer) {
+        popSuspenseContext(interruptedWork);
+      }
+      break;
+    case SuspenseListComponent:
+      popSuspenseContext(interruptedWork);
+      break;
+    case ContextProvider:
+      popProvider(interruptedWork);
+      break;
+    default:
+      break;
+  }
+}
+
+function createCapturedValue(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)
+  };
+}
+
+// Module provided by RN:
+(function() {
+  if (
+    !(
+      typeof ReactNativePrivateInterface.ReactFiberErrorDialog
+        .showErrorDialog === "function"
+    )
+  ) {
+    throw ReactError(
+      Error("Expected ReactFiberErrorDialog.showErrorDialog to be a function.")
+    );
+  }
+})();
+
+function showErrorDialog(capturedError) {
+  return ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog(
+    capturedError
+  );
+}
+
+function logCapturedError(capturedError) {
+  var logError = showErrorDialog(capturedError);
+
+  // 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 = capturedError.error;
+  {
+    var componentName = capturedError.componentName,
+      componentStack = capturedError.componentStack,
+      errorBoundaryName = capturedError.errorBoundaryName,
+      errorBoundaryFound = capturedError.errorBoundaryFound,
+      willRetry = capturedError.willRetry;
+
+    // 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 (errorBoundaryFound && willRetry) {
+        // 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);
+      // For a more detailed description of this block, see:
+      // https://github.com/facebook/react/pull/13384
+    }
+
+    var componentNameMessage = componentName
+      ? "The above error occurred in the <" + componentName + "> component:"
+      : "The above error occurred in one of your React components:";
+
+    var errorBoundaryMessage = void 0;
+    // errorBoundaryFound check is sufficient; errorBoundaryName check is to satisfy Flow.
+    if (errorBoundaryFound && errorBoundaryName) {
+      if (willRetry) {
+        errorBoundaryMessage =
+          "React will try to recreate this component tree from scratch " +
+          ("using the error boundary you provided, " + errorBoundaryName + ".");
+      } else {
+        errorBoundaryMessage =
+          "This error was initially handled by the error boundary " +
+          errorBoundaryName +
+          ".\n" +
+          "Recreating the tree from scratch failed so React will unmount the tree.";
+      }
+    } else {
+      errorBoundaryMessage =
+        "Consider adding an error boundary to your tree to customize error handling behavior.\n" +
+        "Visit https://fb.me/react-error-boundaries to learn more about error boundaries.";
+    }
+    var combinedMessage =
+      "" +
+      componentNameMessage +
+      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);
+  }
+}
+
+var didWarnAboutUndefinedSnapshotBeforeUpdate = null;
+{
+  didWarnAboutUndefinedSnapshotBeforeUpdate = new Set();
+}
+
+var PossiblyWeakSet$1 = typeof WeakSet === "function" ? WeakSet : Set;
+
+function logError(boundary, errorInfo) {
+  var source = errorInfo.source;
+  var stack = errorInfo.stack;
+  if (stack === null && source !== null) {
+    stack = getStackByFiberInDevAndProd(source);
+  }
+
+  var capturedError = {
+    componentName: source !== null ? getComponentName(source.type) : null,
+    componentStack: stack !== null ? stack : "",
+    error: errorInfo.value,
+    errorBoundary: null,
+    errorBoundaryName: null,
+    errorBoundaryFound: false,
+    willRetry: false
+  };
+
+  if (boundary !== null && boundary.tag === ClassComponent) {
+    capturedError.errorBoundary = boundary.stateNode;
+    capturedError.errorBoundaryName = getComponentName(boundary.type);
+    capturedError.errorBoundaryFound = true;
+    capturedError.willRetry = true;
+  }
+
+  try {
+    logCapturedError(capturedError);
+  } 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 callComponentWillUnmountWithTimer = function(current$$1, instance) {
+  startPhaseTimer(current$$1, "componentWillUnmount");
+  instance.props = current$$1.memoizedProps;
+  instance.state = current$$1.memoizedState;
+  instance.componentWillUnmount();
+  stopPhaseTimer();
+};
+
+// Capture errors so they don't interrupt unmounting.
+function safelyCallComponentWillUnmount(current$$1, instance) {
+  {
+    invokeGuardedCallback(
+      null,
+      callComponentWillUnmountWithTimer,
+      null,
+      current$$1,
+      instance
+    );
+    if (hasCaughtError()) {
+      var unmountError = clearCaughtError();
+      captureCommitPhaseError(current$$1, unmountError);
+    }
+  }
+}
+
+function safelyDetachRef(current$$1) {
+  var ref = current$$1.ref;
+  if (ref !== null) {
+    if (typeof ref === "function") {
+      {
+        invokeGuardedCallback(null, ref, null, null);
+        if (hasCaughtError()) {
+          var refError = clearCaughtError();
+          captureCommitPhaseError(current$$1, refError);
+        }
+      }
+    } else {
+      ref.current = null;
+    }
+  }
+}
+
+function safelyCallDestroy(current$$1, destroy) {
+  {
+    invokeGuardedCallback(null, destroy, null);
+    if (hasCaughtError()) {
+      var error = clearCaughtError();
+      captureCommitPhaseError(current$$1, error);
+    }
+  }
+}
+
+function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
+  switch (finishedWork.tag) {
+    case FunctionComponent:
+    case ForwardRef:
+    case SimpleMemoComponent: {
+      commitHookEffectList(UnmountSnapshot, NoEffect$1, finishedWork);
+      return;
+    }
+    case ClassComponent: {
+      if (finishedWork.effectTag & Snapshot) {
+        if (current$$1 !== null) {
+          var prevProps = current$$1.memoizedProps;
+          var prevState = current$$1.memoizedState;
+          startPhaseTimer(finishedWork, "getSnapshotBeforeUpdate");
+          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
+            ) {
+              !(instance.props === finishedWork.memoizedProps)
+                ? warning$1(
+                    false,
+                    "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.",
+                    getComponentName(finishedWork.type) || "instance"
+                  )
+                : void 0;
+              !(instance.state === finishedWork.memoizedState)
+                ? warning$1(
+                    false,
+                    "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.props`. " +
+                      "Please file an issue.",
+                    getComponentName(finishedWork.type) || "instance"
+                  )
+                : void 0;
+            }
+          }
+          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);
+              warningWithoutStack$1(
+                false,
+                "%s.getSnapshotBeforeUpdate(): A snapshot value (or null) " +
+                  "must be returned. You have returned undefined.",
+                getComponentName(finishedWork.type)
+              );
+            }
+          }
+          instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+          stopPhaseTimer();
+        }
+      }
+      return;
+    }
+    case HostRoot:
+    case HostComponent:
+    case HostText:
+    case HostPortal:
+    case IncompleteClassComponent:
+      // Nothing to do for these component types
+      return;
+    default: {
+      (function() {
+        {
+          throw ReactError(
+            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."
+            )
+          );
+        }
+      })();
+    }
+  }
+}
+
+function commitHookEffectList(unmountTag, mountTag, 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 & unmountTag) !== NoEffect$1) {
+        // Unmount
+        var destroy = effect.destroy;
+        effect.destroy = undefined;
+        if (destroy !== undefined) {
+          destroy();
+        }
+      }
+      if ((effect.tag & mountTag) !== NoEffect$1) {
+        // Mount
+        var create = effect.create;
+        effect.destroy = create();
+
+        {
+          var _destroy = effect.destroy;
+          if (_destroy !== undefined && typeof _destroy !== "function") {
+            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 useEffect(async () => ...) or returned a Promise. " +
+                "Instead, write the async function inside your effect " +
+                "and call it immediately:\n\n" +
+                "useEffect(() => {\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://fb.me/react-hooks-data-fetching";
+            } else {
+              addendum = " You returned: " + _destroy;
+            }
+            warningWithoutStack$1(
+              false,
+              "An effect function must not return anything besides a function, " +
+                "which is used for clean-up.%s%s",
+              addendum,
+              getStackByFiberInDevAndProd(finishedWork)
+            );
+          }
+        }
+      }
+      effect = effect.next;
+    } while (effect !== firstEffect);
+  }
+}
+
+function commitPassiveHookEffects(finishedWork) {
+  if ((finishedWork.effectTag & Passive) !== NoEffect) {
+    switch (finishedWork.tag) {
+      case FunctionComponent:
+      case ForwardRef:
+      case SimpleMemoComponent: {
+        commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork);
+        commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
+        break;
+      }
+      default:
+        break;
+    }
+  }
+}
+
+function commitLifeCycles(
+  finishedRoot,
+  current$$1,
+  finishedWork,
+  committedExpirationTime
+) {
+  switch (finishedWork.tag) {
+    case FunctionComponent:
+    case ForwardRef:
+    case SimpleMemoComponent: {
+      commitHookEffectList(UnmountLayout, MountLayout, finishedWork);
+      break;
+    }
+    case ClassComponent: {
+      var instance = finishedWork.stateNode;
+      if (finishedWork.effectTag & Update) {
+        if (current$$1 === null) {
+          startPhaseTimer(finishedWork, "componentDidMount");
+          // 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
+            ) {
+              !(instance.props === finishedWork.memoizedProps)
+                ? warning$1(
+                    false,
+                    "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.",
+                    getComponentName(finishedWork.type) || "instance"
+                  )
+                : void 0;
+              !(instance.state === finishedWork.memoizedState)
+                ? warning$1(
+                    false,
+                    "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.props`. " +
+                      "Please file an issue.",
+                    getComponentName(finishedWork.type) || "instance"
+                  )
+                : void 0;
+            }
+          }
+          instance.componentDidMount();
+          stopPhaseTimer();
+        } else {
+          var prevProps =
+            finishedWork.elementType === finishedWork.type
+              ? current$$1.memoizedProps
+              : resolveDefaultProps(
+                  finishedWork.type,
+                  current$$1.memoizedProps
+                );
+          var prevState = current$$1.memoizedState;
+          startPhaseTimer(finishedWork, "componentDidUpdate");
+          // 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
+            ) {
+              !(instance.props === finishedWork.memoizedProps)
+                ? warning$1(
+                    false,
+                    "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.",
+                    getComponentName(finishedWork.type) || "instance"
+                  )
+                : void 0;
+              !(instance.state === finishedWork.memoizedState)
+                ? warning$1(
+                    false,
+                    "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.props`. " +
+                      "Please file an issue.",
+                    getComponentName(finishedWork.type) || "instance"
+                  )
+                : void 0;
+            }
+          }
+          instance.componentDidUpdate(
+            prevProps,
+            prevState,
+            instance.__reactInternalSnapshotBeforeUpdate
+          );
+          stopPhaseTimer();
+        }
+      }
+      var updateQueue = finishedWork.updateQueue;
+      if (updateQueue !== null) {
+        {
+          if (
+            finishedWork.type === finishedWork.elementType &&
+            !didWarnAboutReassigningProps
+          ) {
+            !(instance.props === finishedWork.memoizedProps)
+              ? warning$1(
+                  false,
+                  "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.",
+                  getComponentName(finishedWork.type) || "instance"
+                )
+              : void 0;
+            !(instance.state === finishedWork.memoizedState)
+              ? warning$1(
+                  false,
+                  "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.props`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                )
+              : void 0;
+          }
+        }
+        // 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.
+        commitUpdateQueue(
+          finishedWork,
+          updateQueue,
+          instance,
+          committedExpirationTime
+        );
+      }
+      return;
+    }
+    case HostRoot: {
+      var _updateQueue = finishedWork.updateQueue;
+      if (_updateQueue !== null) {
+        var _instance = null;
+        if (finishedWork.child !== null) {
+          switch (finishedWork.child.tag) {
+            case HostComponent:
+              _instance = getPublicInstance(finishedWork.child.stateNode);
+              break;
+            case ClassComponent:
+              _instance = finishedWork.child.stateNode;
+              break;
+          }
+        }
+        commitUpdateQueue(
+          finishedWork,
+          _updateQueue,
+          _instance,
+          committedExpirationTime
+        );
+      }
+      return;
+    }
+    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 (current$$1 === null && finishedWork.effectTag & Update) {
+        var type = finishedWork.type;
+        var props = finishedWork.memoizedProps;
+        commitMount(_instance2, type, props, finishedWork);
+      }
+
+      return;
+    }
+    case HostText: {
+      // We have no life-cycles associated with text.
+      return;
+    }
+    case HostPortal: {
+      // We have no life-cycles associated with portals.
+      return;
+    }
+    case Profiler: {
+      if (enableProfilerTimer) {
+        var onRender = finishedWork.memoizedProps.onRender;
+
+        if (typeof onRender === "function") {
+          if (enableSchedulerTracing) {
+            onRender(
+              finishedWork.memoizedProps.id,
+              current$$1 === null ? "mount" : "update",
+              finishedWork.actualDuration,
+              finishedWork.treeBaseDuration,
+              finishedWork.actualStartTime,
+              getCommitTime(),
+              finishedRoot.memoizedInteractions
+            );
+          } else {
+            onRender(
+              finishedWork.memoizedProps.id,
+              current$$1 === null ? "mount" : "update",
+              finishedWork.actualDuration,
+              finishedWork.treeBaseDuration,
+              finishedWork.actualStartTime,
+              getCommitTime()
+            );
+          }
+        }
+      }
+      return;
+    }
+    case SuspenseComponent:
+    case SuspenseListComponent:
+    case IncompleteClassComponent:
+    case FundamentalComponent:
+      return;
+    default: {
+      (function() {
+        {
+          throw ReactError(
+            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."
+            )
+          );
+        }
+      })();
+    }
+  }
+}
+
+function hideOrUnhideAllChildren(finishedWork, isHidden) {
+  if (supportsMutation) {
+    // We only have the top Fiber that was inserted but we need to recurse down its
+    var node = finishedWork;
+    while (true) {
+      if (node.tag === HostComponent) {
+        var instance = node.stateNode;
+        if (isHidden) {
+          hideInstance(instance);
+        } else {
+          unhideInstance(node.stateNode, node.memoizedProps);
+        }
+      } else if (node.tag === HostText) {
+        var _instance3 = node.stateNode;
+        if (isHidden) {
+          hideTextInstance(_instance3);
+        } else {
+          unhideTextInstance(_instance3, node.memoizedProps);
+        }
+      } else if (
+        node.tag === SuspenseComponent &&
+        node.memoizedState !== null
+      ) {
+        // Found a nested Suspense component that timed out. Skip over the
+        var fallbackChildFragment = node.child.sibling;
+        fallbackChildFragment.return = node;
+        node = fallbackChildFragment;
+        continue;
+      } else if (node.child !== null) {
+        node.child.return = node;
+        node = node.child;
+        continue;
+      }
+      if (node === finishedWork) {
+        return;
+      }
+      while (node.sibling === null) {
+        if (node.return === null || node.return === finishedWork) {
+          return;
+        }
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  }
+}
+
+function commitAttachRef(finishedWork) {
+  var ref = finishedWork.ref;
+  if (ref !== null) {
+    var instance = finishedWork.stateNode;
+    var instanceToUse = void 0;
+    switch (finishedWork.tag) {
+      case HostComponent:
+        instanceToUse = getPublicInstance(instance);
+        break;
+      default:
+        instanceToUse = instance;
+    }
+    if (typeof ref === "function") {
+      ref(instanceToUse);
+    } else {
+      {
+        if (!ref.hasOwnProperty("current")) {
+          warningWithoutStack$1(
+            false,
+            "Unexpected ref object provided for %s. " +
+              "Use either a ref-setter function or React.createRef().%s",
+            getComponentName(finishedWork.type),
+            getStackByFiberInDevAndProd(finishedWork)
+          );
+        }
+      }
+
+      ref.current = instanceToUse;
+    }
+  }
+}
+
+function commitDetachRef(current$$1) {
+  var currentRef = current$$1.ref;
+  if (currentRef !== null) {
+    if (typeof currentRef === "function") {
+      currentRef(null);
+    } else {
+      currentRef.current = null;
+    }
+  }
+}
+
+// User-originating errors (lifecycles and refs) should not interrupt
+// deletion, so don't let them throw. Host-originating errors should
+// interrupt deletion, so it's okay
+function commitUnmount(current$$1, renderPriorityLevel) {
+  onCommitUnmount(current$$1);
+
+  switch (current$$1.tag) {
+    case FunctionComponent:
+    case ForwardRef:
+    case MemoComponent:
+    case SimpleMemoComponent: {
+      var updateQueue = current$$1.updateQueue;
+      if (updateQueue !== null) {
+        var lastEffect = updateQueue.lastEffect;
+        if (lastEffect !== null) {
+          var firstEffect = lastEffect.next;
+
+          // When the owner fiber is deleted, the destroy function of a passive
+          // effect hook is called during the synchronous commit phase. This is
+          // a concession to implementation complexity. Calling it in the
+          // passive effect phase (like they usually are, when dependencies
+          // change during an update) would require either traversing the
+          // children of the deleted fiber again, or including unmount effects
+          // as part of the fiber effect list.
+          //
+          // Because this is during the sync commit phase, we need to change
+          // the priority.
+          //
+          // TODO: Reconsider this implementation trade off.
+          var priorityLevel =
+            renderPriorityLevel > NormalPriority
+              ? NormalPriority
+              : renderPriorityLevel;
+          runWithPriority$1(priorityLevel, function() {
+            var effect = firstEffect;
+            do {
+              var destroy = effect.destroy;
+              if (destroy !== undefined) {
+                safelyCallDestroy(current$$1, destroy);
+              }
+              effect = effect.next;
+            } while (effect !== firstEffect);
+          });
+        }
+      }
+      break;
+    }
+    case ClassComponent: {
+      safelyDetachRef(current$$1);
+      var instance = current$$1.stateNode;
+      if (typeof instance.componentWillUnmount === "function") {
+        safelyCallComponentWillUnmount(current$$1, instance);
+      }
+      return;
+    }
+    case HostComponent: {
+      if (enableFlareAPI) {
+        var dependencies = current$$1.dependencies;
+
+        if (dependencies !== null) {
+          var respondersMap = dependencies.responders;
+          if (respondersMap !== null) {
+            var responderInstances = Array.from(respondersMap.values());
+            for (
+              var i = 0, length = responderInstances.length;
+              i < length;
+              i++
+            ) {
+              var responderInstance = responderInstances[i];
+              unmountResponderInstance(responderInstance);
+            }
+            dependencies.responders = null;
+          }
+        }
+      }
+      safelyDetachRef(current$$1);
+      return;
+    }
+    case HostPortal: {
+      // TODO: this is recursive.
+      // We are also not using this parent because
+      // the portal will get pushed immediately.
+      if (supportsMutation) {
+        unmountHostComponents(current$$1, renderPriorityLevel);
+      } else if (supportsPersistence) {
+        emptyPortalContainer(current$$1);
+      }
+      return;
+    }
+    case FundamentalComponent: {
+      if (enableFundamentalAPI) {
+        var fundamentalInstance = current$$1.stateNode;
+        if (fundamentalInstance !== null) {
+          unmountFundamentalComponent(fundamentalInstance);
+          current$$1.stateNode = null;
+        }
+      }
+    }
+  }
+}
+
+function commitNestedUnmounts(root, renderPriorityLevel) {
+  // While we're inside a removed host node we don't want to call
+  // removeChild on the inner nodes because they're removed by the top
+  // call anyway. We also want to call componentWillUnmount on all
+  // composites before this host node is removed from the tree. Therefore
+  var node = root;
+  while (true) {
+    commitUnmount(node, renderPriorityLevel);
+    // Visit children because they may contain more composite or host nodes.
+    // Skip portals because commitUnmount() currently visits them recursively.
+    if (
+      node.child !== null &&
+      // If we use mutation we drill down into portals using commitUnmount above.
+      // If we don't use mutation we drill down into portals here instead.
+      (!supportsMutation || node.tag !== HostPortal)
+    ) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === root) {
+      return;
+    }
+    while (node.sibling === null) {
+      if (node.return === null || node.return === root) {
+        return;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
+
+function detachFiber(current$$1) {
+  var alternate = current$$1.alternate;
+  // Cut off the return pointers to disconnect it from the tree. Ideally, we
+  // should 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.
+  current$$1.return = null;
+  current$$1.child = null;
+  current$$1.memoizedState = null;
+  current$$1.updateQueue = null;
+  current$$1.dependencies = null;
+  current$$1.alternate = null;
+  current$$1.firstEffect = null;
+  current$$1.lastEffect = null;
+  current$$1.pendingProps = null;
+  current$$1.memoizedProps = null;
+  if (alternate !== null) {
+    detachFiber(alternate);
+  }
+}
+
+function emptyPortalContainer(current$$1) {
+  if (!supportsPersistence) {
+    return;
+  }
+
+  var portal = current$$1.stateNode;
+  var containerInfo = portal.containerInfo;
+
+  var emptyChildSet = createContainerChildSet(containerInfo);
+}
+
+function commitContainer(finishedWork) {
+  if (!supportsPersistence) {
+    return;
+  }
+
+  switch (finishedWork.tag) {
+    case ClassComponent:
+    case HostComponent:
+    case HostText:
+    case FundamentalComponent: {
+      return;
+    }
+    case HostRoot:
+    case HostPortal: {
+      var portalOrRoot = finishedWork.stateNode;
+      var containerInfo = portalOrRoot.containerInfo,
+        _pendingChildren = portalOrRoot.pendingChildren;
+
+      return;
+    }
+    default: {
+      (function() {
+        {
+          throw ReactError(
+            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."
+            )
+          );
+        }
+      })();
+    }
+  }
+}
+
+function getHostParentFiber(fiber) {
+  var parent = fiber.return;
+  while (parent !== null) {
+    if (isHostParent(parent)) {
+      return parent;
+    }
+    parent = parent.return;
+  }
+  (function() {
+    {
+      throw ReactError(
+        Error(
+          "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    }
+  })();
+}
+
+function isHostParent(fiber) {
+  return (
+    fiber.tag === HostComponent ||
+    fiber.tag === HostRoot ||
+    fiber.tag === HostPortal
+  );
+}
+
+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.
+  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;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+    while (
+      node.tag !== HostComponent &&
+      node.tag !== HostText &&
+      node.tag !== DehydratedSuspenseComponent
+    ) {
+      // 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.effectTag & 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 (!(node.effectTag & Placement)) {
+      // Found it!
+      return node.stateNode;
+    }
+  }
+}
+
+function commitPlacement(finishedWork) {
+  if (!supportsMutation) {
+    return;
+  }
+
+  // Recursively insert all host nodes into the parent.
+  var parentFiber = getHostParentFiber(finishedWork);
+
+  // Note: these two variables *must* always be updated together.
+  var parent = void 0;
+  var isContainer = void 0;
+  var parentStateNode = parentFiber.stateNode;
+  switch (parentFiber.tag) {
+    case HostComponent:
+      parent = parentStateNode;
+      isContainer = false;
+      break;
+    case HostRoot:
+      parent = parentStateNode.containerInfo;
+      isContainer = true;
+      break;
+    case HostPortal:
+      parent = parentStateNode.containerInfo;
+      isContainer = true;
+      break;
+    case FundamentalComponent:
+      if (enableFundamentalAPI) {
+        parent = parentStateNode.instance;
+        isContainer = false;
+      }
+    // eslint-disable-next-line-no-fallthrough
+    default:
+      (function() {
+        {
+          throw ReactError(
+            Error(
+              "Invalid host parent fiber. This error is likely caused by a bug in React. Please file an issue."
+            )
+          );
+        }
+      })();
+  }
+  if (parentFiber.effectTag & ContentReset) {
+    // Reset the text content of the parent before doing any insertions
+    resetTextContent(parent);
+    // Clear ContentReset from the effect tag
+    parentFiber.effectTag &= ~ContentReset;
+  }
+
+  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 node = finishedWork;
+  while (true) {
+    var isHost = node.tag === HostComponent || node.tag === HostText;
+    if (isHost || (enableFundamentalAPI && node.tag === FundamentalComponent)) {
+      var stateNode = isHost ? node.stateNode : node.stateNode.instance;
+      if (before) {
+        if (isContainer) {
+          insertInContainerBefore(parent, stateNode, before);
+        } else {
+          insertBefore(parent, stateNode, before);
+        }
+      } else {
+        if (isContainer) {
+          appendChildToContainer(parent, stateNode);
+        } else {
+          appendChild(parent, stateNode);
+        }
+      }
+    } else if (node.tag === HostPortal) {
+      // If the insertion itself is a portal, then we don't want to traverse
+      // down its children. Instead, we'll get insertions from each child in
+      // the portal directly.
+    } else if (node.child !== null) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === finishedWork) {
+      return;
+    }
+    while (node.sibling === null) {
+      if (node.return === null || node.return === finishedWork) {
+        return;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
+
+function unmountHostComponents(current$$1, renderPriorityLevel) {
+  // We only have the top Fiber that was deleted but we need to recurse down its
+  var node = current$$1;
+
+  // Each iteration, currentParent is populated with node's host parent if not
+  // currentParentIsValid.
+  var currentParentIsValid = false;
+
+  // Note: these two variables *must* always be updated together.
+  var currentParent = void 0;
+  var currentParentIsContainer = void 0;
+
+  while (true) {
+    if (!currentParentIsValid) {
+      var parent = node.return;
+      findParent: while (true) {
+        (function() {
+          if (!(parent !== null)) {
+            throw ReactError(
+              Error(
+                "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+              )
+            );
+          }
+        })();
+        var parentStateNode = parent.stateNode;
+        switch (parent.tag) {
+          case HostComponent:
+            currentParent = parentStateNode;
+            currentParentIsContainer = false;
+            break findParent;
+          case HostRoot:
+            currentParent = parentStateNode.containerInfo;
+            currentParentIsContainer = true;
+            break findParent;
+          case HostPortal:
+            currentParent = parentStateNode.containerInfo;
+            currentParentIsContainer = true;
+            break findParent;
+          case FundamentalComponent:
+            if (enableFundamentalAPI) {
+              currentParent = parentStateNode.instance;
+              currentParentIsContainer = false;
+            }
+        }
+        parent = parent.return;
+      }
+      currentParentIsValid = true;
+    }
+
+    if (node.tag === HostComponent || node.tag === HostText) {
+      commitNestedUnmounts(node, renderPriorityLevel);
+      // After all the children have unmounted, it is now safe to remove the
+      // node from the tree.
+      if (currentParentIsContainer) {
+        removeChildFromContainer(currentParent, node.stateNode);
+      } else {
+        removeChild(currentParent, node.stateNode);
+      }
+      // Don't visit children because we already visited them.
+    } else if (enableFundamentalAPI && node.tag === FundamentalComponent) {
+      var fundamentalNode = node.stateNode.instance;
+      commitNestedUnmounts(node, renderPriorityLevel);
+      // After all the children have unmounted, it is now safe to remove the
+      // node from the tree.
+      if (currentParentIsContainer) {
+        removeChildFromContainer(currentParent, fundamentalNode);
+      } else {
+        removeChild(currentParent, fundamentalNode);
+      }
+    } else if (
+      enableSuspenseServerRenderer &&
+      node.tag === DehydratedSuspenseComponent
+    ) {
+      // Delete the dehydrated suspense boundary and all of its content.
+      if (currentParentIsContainer) {
+        clearSuspenseBoundaryFromContainer(currentParent, node.stateNode);
+      } else {
+        clearSuspenseBoundary(currentParent, node.stateNode);
+      }
+    } else if (node.tag === HostPortal) {
+      if (node.child !== null) {
+        // When we go into a portal, it becomes the parent to remove from.
+        // We will reassign it back when we pop the portal on the way up.
+        currentParent = node.stateNode.containerInfo;
+        currentParentIsContainer = true;
+        // Visit children because portals might contain host components.
+        node.child.return = node;
+        node = node.child;
+        continue;
+      }
+    } else {
+      commitUnmount(node, renderPriorityLevel);
+      // Visit children because we may find more host components below.
+      if (node.child !== null) {
+        node.child.return = node;
+        node = node.child;
+        continue;
+      }
+    }
+    if (node === current$$1) {
+      return;
+    }
+    while (node.sibling === null) {
+      if (node.return === null || node.return === current$$1) {
+        return;
+      }
+      node = node.return;
+      if (node.tag === HostPortal) {
+        // When we go out of the portal, we need to restore the parent.
+        // Since we don't keep a stack of them, we will search for it.
+        currentParentIsValid = false;
+      }
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
+
+function commitDeletion(current$$1, renderPriorityLevel) {
+  if (supportsMutation) {
+    // Recursively delete all host nodes from the parent.
+    // Detach refs and call componentWillUnmount() on the whole subtree.
+    unmountHostComponents(current$$1, renderPriorityLevel);
+  } else {
+    // Detach refs and call componentWillUnmount() on the whole subtree.
+    commitNestedUnmounts(current$$1, renderPriorityLevel);
+  }
+  detachFiber(current$$1);
+}
+
+function commitWork(current$$1, finishedWork) {
+  if (!supportsMutation) {
+    switch (finishedWork.tag) {
+      case FunctionComponent:
+      case ForwardRef:
+      case MemoComponent:
+      case SimpleMemoComponent: {
+        // Note: We currently never use MountMutation, but useLayout uses
+        // UnmountMutation.
+        commitHookEffectList(UnmountMutation, MountMutation, finishedWork);
+        return;
+      }
+      case Profiler: {
+        return;
+      }
+      case SuspenseComponent: {
+        commitSuspenseComponent(finishedWork);
+        attachSuspenseRetryListeners(finishedWork);
+        return;
+      }
+      case SuspenseListComponent: {
+        attachSuspenseRetryListeners(finishedWork);
+        return;
+      }
+    }
+
+    commitContainer(finishedWork);
+    return;
+  }
+
+  switch (finishedWork.tag) {
+    case FunctionComponent:
+    case ForwardRef:
+    case MemoComponent:
+    case SimpleMemoComponent: {
+      // Note: We currently never use MountMutation, but useLayout uses
+      // UnmountMutation.
+      commitHookEffectList(UnmountMutation, MountMutation, finishedWork);
+      return;
+    }
+    case ClassComponent: {
+      return;
+    }
+    case HostComponent: {
+      var instance = finishedWork.stateNode;
+      if (instance != 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 oldProps =
+          current$$1 !== null ? current$$1.memoizedProps : newProps;
+        var type = finishedWork.type;
+        // TODO: Type the updateQueue to be specific to host components.
+        var updatePayload = finishedWork.updateQueue;
+        finishedWork.updateQueue = null;
+        if (updatePayload !== null) {
+          commitUpdate(
+            instance,
+            updatePayload,
+            type,
+            oldProps,
+            newProps,
+            finishedWork
+          );
+        }
+      }
+      return;
+    }
+    case HostText: {
+      (function() {
+        if (!(finishedWork.stateNode !== null)) {
+          throw ReactError(
+            Error(
+              "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue."
+            )
+          );
+        }
+      })();
+      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.
+      var oldText = current$$1 !== null ? current$$1.memoizedProps : newText;
+      commitTextUpdate(textInstance, oldText, newText);
+      return;
+    }
+    case HostRoot: {
+      return;
+    }
+    case Profiler: {
+      return;
+    }
+    case SuspenseComponent: {
+      commitSuspenseComponent(finishedWork);
+      attachSuspenseRetryListeners(finishedWork);
+      return;
+    }
+    case SuspenseListComponent: {
+      attachSuspenseRetryListeners(finishedWork);
+      return;
+    }
+    case IncompleteClassComponent: {
+      return;
+    }
+    case FundamentalComponent: {
+      if (enableFundamentalAPI) {
+        var fundamentalInstance = finishedWork.stateNode;
+        updateFundamentalComponent(fundamentalInstance);
+      }
+      return;
+    }
+    default: {
+      (function() {
+        {
+          throw ReactError(
+            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."
+            )
+          );
+        }
+      })();
+    }
+  }
+}
+
+function commitSuspenseComponent(finishedWork) {
+  var newState = finishedWork.memoizedState;
+
+  var newDidTimeout = void 0;
+  var primaryChildParent = finishedWork;
+  if (newState === null) {
+    newDidTimeout = false;
+  } else {
+    newDidTimeout = true;
+    primaryChildParent = finishedWork.child;
+    markCommitTimeOfFallback();
+  }
+
+  if (supportsMutation && primaryChildParent !== null) {
+    hideOrUnhideAllChildren(primaryChildParent, newDidTimeout);
+  }
+
+  if (enableSuspenseCallback && newState !== null) {
+    var suspenseCallback = finishedWork.memoizedProps.suspenseCallback;
+    if (typeof suspenseCallback === "function") {
+      var thenables = finishedWork.updateQueue;
+      if (thenables !== null) {
+        suspenseCallback(new Set(thenables));
+      }
+    } else {
+      if (suspenseCallback !== undefined) {
+        warning$1(false, "Unexpected type for suspenseCallback.");
+      }
+    }
+  }
+}
+
+function attachSuspenseRetryListeners(finishedWork) {
+  // If this boundary just timed out, then it will have a set of thenables.
+  // For each thenable, attach a listener so that when it resolves, React
+  var thenables = finishedWork.updateQueue;
+  if (thenables !== null) {
+    finishedWork.updateQueue = null;
+    var retryCache = finishedWork.stateNode;
+    if (retryCache === null) {
+      retryCache = finishedWork.stateNode = new PossiblyWeakSet$1();
+    }
+    thenables.forEach(function(thenable) {
+      // Memoize using the boundary fiber to prevent redundant listeners.
+      var retry = resolveRetryThenable.bind(null, finishedWork, thenable);
+      if (!retryCache.has(thenable)) {
+        if (enableSchedulerTracing) {
+          retry = tracing.unstable_wrap(retry);
+        }
+        retryCache.add(thenable);
+        thenable.then(retry, retry);
+      }
+    });
+  }
+}
+
+function commitResetTextContent(current$$1) {
+  if (!supportsMutation) {
+    return;
+  }
+  resetTextContent(current$$1.stateNode);
+}
+
+var PossiblyWeakSet = typeof WeakSet === "function" ? WeakSet : Set;
+var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
+
+function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
+  var update = createUpdate(expirationTime, null);
+  // 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);
+    logError(fiber, errorInfo);
+  };
+  return update;
+}
+
+function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
+  var update = createUpdate(expirationTime, null);
+  update.tag = CaptureUpdate;
+  var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
+  if (typeof getDerivedStateFromError === "function") {
+    var error = errorInfo.value;
+    update.payload = function() {
+      logError(fiber, errorInfo);
+      return getDerivedStateFromError(error);
+    };
+  }
+
+  var inst = fiber.stateNode;
+  if (inst !== null && typeof inst.componentDidCatch === "function") {
+    update.callback = function callback() {
+      {
+        markFailedErrorBoundaryForHotReloading(fiber);
+      }
+      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);
+
+        // Only log here if componentDidCatch is the only error boundary method defined
+        logError(fiber, errorInfo);
+      }
+      var error = errorInfo.value;
+      var stack = errorInfo.stack;
+      this.componentDidCatch(error, {
+        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.
+          !(fiber.expirationTime === Sync)
+            ? warningWithoutStack$1(
+                false,
+                "%s: Error boundaries should implement getDerivedStateFromError(). " +
+                  "In that method, return a state update to display an error message or fallback UI.",
+                getComponentName(fiber.type) || "Unknown"
+              )
+            : void 0;
+        }
+      }
+    };
+  } else {
+    update.callback = function() {
+      markFailedErrorBoundaryForHotReloading(fiber);
+    };
+  }
+  return update;
+}
+
+function attachPingListener(root, renderExpirationTime, thenable) {
+  // Attach a listener to the promise to "ping" the root and retry. But
+  // only if one does not already exist for the current render expiration
+  // time (which acts like a "thread ID" here).
+  var pingCache = root.pingCache;
+  var threadIDs = void 0;
+  if (pingCache === null) {
+    pingCache = root.pingCache = new PossiblyWeakMap();
+    threadIDs = new Set();
+    pingCache.set(thenable, threadIDs);
+  } else {
+    threadIDs = pingCache.get(thenable);
+    if (threadIDs === undefined) {
+      threadIDs = new Set();
+      pingCache.set(thenable, threadIDs);
+    }
+  }
+  if (!threadIDs.has(renderExpirationTime)) {
+    // Memoize using the thread ID to prevent redundant listeners.
+    threadIDs.add(renderExpirationTime);
+    var ping = pingSuspendedRoot.bind(
+      null,
+      root,
+      thenable,
+      renderExpirationTime
+    );
+    if (enableSchedulerTracing) {
+      ping = tracing.unstable_wrap(ping);
+    }
+    thenable.then(ping, ping);
+  }
+}
+
+function throwException(
+  root,
+  returnFiber,
+  sourceFiber,
+  value,
+  renderExpirationTime
+) {
+  // The source fiber did not complete.
+  sourceFiber.effectTag |= Incomplete;
+  // Its effect list is no longer valid.
+  sourceFiber.firstEffect = sourceFiber.lastEffect = null;
+
+  if (
+    value !== null &&
+    typeof value === "object" &&
+    typeof value.then === "function"
+  ) {
+    // This is a thenable.
+    var thenable = value;
+
+    checkForWrongSuspensePriorityInDEV(sourceFiber);
+
+    var hasInvisibleParentBoundary = hasSuspenseContext(
+      suspenseStackCursor.current,
+      InvisibleParentSuspenseContext
+    );
+
+    // Schedule the nearest Suspense to re-render the timed out view.
+    var _workInProgress = returnFiber;
+    do {
+      if (
+        _workInProgress.tag === SuspenseComponent &&
+        shouldCaptureSuspense(_workInProgress, hasInvisibleParentBoundary)
+      ) {
+        // Found the nearest boundary.
+
+        // Stash the promise on the boundary fiber. If the boundary times out, we'll
+        var thenables = _workInProgress.updateQueue;
+        if (thenables === null) {
+          var updateQueue = new Set();
+          updateQueue.add(thenable);
+          _workInProgress.updateQueue = updateQueue;
+        } else {
+          thenables.add(thenable);
+        }
+
+        // If the boundary is outside of batched mode, we should *not*
+        // suspend the commit. Pretend as if the suspended component rendered
+        // null and keep rendering. In the commit phase, we'll schedule a
+        // subsequent synchronous update to re-render the Suspense.
+        //
+        // Note: It doesn't matter whether the component that suspended was
+        // inside a batched mode tree. If the Suspense is outside of it, we
+        // should *not* suspend the commit.
+        if ((_workInProgress.mode & BatchedMode) === NoMode) {
+          _workInProgress.effectTag |= DidCapture;
+
+          // 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.effectTag &= ~(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(Sync, null);
+              update.tag = ForceUpdate;
+              enqueueUpdate(sourceFiber, update);
+            }
+          }
+
+          // The source fiber did not complete. Mark it with Sync priority to
+          // indicate that it still has pending work.
+          sourceFiber.expirationTime = Sync;
+
+          // Exit without suspending.
+          return;
+        }
+
+        // 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. SuspenseConfig applies 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.
+
+        attachPingListener(root, renderExpirationTime, thenable);
+
+        _workInProgress.effectTag |= ShouldCapture;
+        _workInProgress.expirationTime = renderExpirationTime;
+
+        return;
+      } else if (
+        enableSuspenseServerRenderer &&
+        _workInProgress.tag === DehydratedSuspenseComponent
+      ) {
+        attachPingListener(root, renderExpirationTime, thenable);
+
+        // Since we already have a current fiber, we can eagerly add a retry listener.
+        var retryCache = _workInProgress.memoizedState;
+        if (retryCache === null) {
+          retryCache = _workInProgress.memoizedState = new PossiblyWeakSet();
+          var current$$1 = _workInProgress.alternate;
+          (function() {
+            if (!current$$1) {
+              throw ReactError(
+                Error(
+                  "A dehydrated suspense boundary must commit before trying to render. This is probably a bug in React."
+                )
+              );
+            }
+          })();
+          current$$1.memoizedState = retryCache;
+        }
+        // Memoize using the boundary fiber to prevent redundant listeners.
+        if (!retryCache.has(thenable)) {
+          retryCache.add(thenable);
+          var retry = resolveRetryThenable.bind(
+            null,
+            _workInProgress,
+            thenable
+          );
+          if (enableSchedulerTracing) {
+            retry = tracing.unstable_wrap(retry);
+          }
+          thenable.then(retry, retry);
+        }
+        _workInProgress.effectTag |= ShouldCapture;
+        _workInProgress.expirationTime = renderExpirationTime;
+        return;
+      }
+      // This boundary already captured during this render. Continue to the next
+      // boundary.
+      _workInProgress = _workInProgress.return;
+    } while (_workInProgress !== null);
+    // No boundary was found. Fallthrough to error mode.
+    // TODO: Use invariant so the message is stripped in prod?
+    value = new Error(
+      (getComponentName(sourceFiber.type) || "A React component") +
+        " suspended while rendering, but no fallback UI was specified.\n" +
+        "\n" +
+        "Add a <Suspense fallback=...> component higher in the tree to " +
+        "provide a loading indicator or placeholder to display." +
+        getStackByFiberInDevAndProd(sourceFiber)
+    );
+  }
+
+  // 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.
+  renderDidError();
+  value = createCapturedValue(value, sourceFiber);
+  var workInProgress = returnFiber;
+  do {
+    switch (workInProgress.tag) {
+      case HostRoot: {
+        var _errorInfo = value;
+        workInProgress.effectTag |= ShouldCapture;
+        workInProgress.expirationTime = renderExpirationTime;
+        var _update = createRootErrorUpdate(
+          workInProgress,
+          _errorInfo,
+          renderExpirationTime
+        );
+        enqueueCapturedUpdate(workInProgress, _update);
+        return;
+      }
+      case ClassComponent:
+        // Capture and retry
+        var errorInfo = value;
+        var ctor = workInProgress.type;
+        var instance = workInProgress.stateNode;
+        if (
+          (workInProgress.effectTag & DidCapture) === NoEffect &&
+          (typeof ctor.getDerivedStateFromError === "function" ||
+            (instance !== null &&
+              typeof instance.componentDidCatch === "function" &&
+              !isAlreadyFailedLegacyErrorBoundary(instance)))
+        ) {
+          workInProgress.effectTag |= ShouldCapture;
+          workInProgress.expirationTime = renderExpirationTime;
+          // Schedule the error boundary to re-render using updated state
+          var _update2 = createClassErrorUpdate(
+            workInProgress,
+            errorInfo,
+            renderExpirationTime
+          );
+          enqueueCapturedUpdate(workInProgress, _update2);
+          return;
+        }
+        break;
+      default:
+        break;
+    }
+    workInProgress = workInProgress.return;
+  } while (workInProgress !== null);
+}
+
+// The scheduler is imported here *only* to detect whether it's been mocked
+// DEV stuff
+var ceil = Math.ceil;
+
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner;
+var IsSomeRendererActing = ReactSharedInternals.IsSomeRendererActing;
+
+var NoContext = /*                    */ 0;
+var BatchedContext = /*               */ 1;
+var EventContext = /*                 */ 2;
+var DiscreteEventContext = /*         */ 4;
+var LegacyUnbatchedContext = /*       */ 8;
+var RenderContext = /*                */ 16;
+var CommitContext = /*                */ 32;
+
+var RootIncomplete = 0;
+var RootErrored = 1;
+var RootSuspended = 2;
+var RootSuspendedWithDelay = 3;
+var RootCompleted = 4;
+
+// 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 expiration time we're rendering
+var renderExpirationTime = NoWork;
+// Whether to root completed, errored, suspended, etc.
+var workInProgressRootExitStatus = RootIncomplete;
+// Most recent event time among processed updates during this render.
+// This is conceptually a time stamp but expressed in terms of an ExpirationTime
+// because we deal mostly with expiration times in the hot path, so this avoids
+// the conversion happening in the hot path.
+var workInProgressRootLatestProcessedExpirationTime = Sync;
+var workInProgressRootLatestSuspenseTimeout = Sync;
+var workInProgressRootCanSuspendUsingConfig = null;
+// If we're pinged while rendering we don't always restart immediately.
+// This flag determines if it might be worthwhile to restart if an opportunity
+// happens latere.
+var workInProgressRootHasPendingPing = false;
+// 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;
+
+var nextEffect = null;
+var hasUncaughtError = false;
+var firstUncaughtError = null;
+var legacyErrorBoundariesThatAlreadyFailed = null;
+
+var rootDoesHavePassiveEffects = false;
+var rootWithPendingPassiveEffects = null;
+var pendingPassiveEffectsRenderPriority = NoPriority;
+var pendingPassiveEffectsExpirationTime = NoWork;
+
+var rootsWithPendingDiscreteUpdates = null;
+
+// Use these to prevent an infinite loop of nested updates
+var NESTED_UPDATE_LIMIT = 50;
+var nestedUpdateCount = 0;
+var rootWithNestedUpdates = null;
+
+var NESTED_PASSIVE_UPDATE_LIMIT = 50;
+var nestedPassiveUpdateCount = 0;
+
+var interruptedBy = null;
+
+// Marks the need to reschedule pending interactions at these expiration times
+// during the commit phase. This enables them to be traced across components
+// that spawn new work during render. E.g. hidden boundaries, suspended SSR
+// hydration or SuspenseList.
+var spawnedWorkDuringRender = null;
+
+// Expiration times are computed by adding to the current time (the start
+// time). However, if two updates are scheduled within the same event, we
+// should treat their start times as simultaneous, even if the actual clock
+// time has advanced between the first and second call.
+
+// In other words, because expiration times determine how updates are batched,
+// we want all updates of like priority that occur within the same event to
+// receive the same expiration time. Otherwise we get tearing.
+var currentEventTime = NoWork;
+
+function requestCurrentTime() {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+    // We're inside React, so it's fine to read the actual time.
+    return msToExpirationTime(now());
+  }
+  // We're not inside React, so we may be in the middle of a browser event.
+  if (currentEventTime !== NoWork) {
+    // 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 = msToExpirationTime(now());
+  return currentEventTime;
+}
+
+function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
+  var mode = fiber.mode;
+  if ((mode & BatchedMode) === NoMode) {
+    return Sync;
+  }
+
+  var priorityLevel = getCurrentPriorityLevel();
+  if ((mode & ConcurrentMode) === NoMode) {
+    return priorityLevel === ImmediatePriority ? Sync : Batched;
+  }
+
+  if ((executionContext & RenderContext) !== NoContext) {
+    // Use whatever time we're already rendering
+    return renderExpirationTime;
+  }
+
+  var expirationTime = void 0;
+  if (suspenseConfig !== null) {
+    // Compute an expiration time based on the Suspense timeout.
+    expirationTime = computeSuspenseExpiration(
+      currentTime,
+      suspenseConfig.timeoutMs | 0 || LOW_PRIORITY_EXPIRATION
+    );
+  } else {
+    // Compute an expiration time based on the Scheduler priority.
+    switch (priorityLevel) {
+      case ImmediatePriority:
+        expirationTime = Sync;
+        break;
+      case UserBlockingPriority$1:
+        // TODO: Rename this to computeUserBlockingExpiration
+        expirationTime = computeInteractiveExpiration(currentTime);
+        break;
+      case NormalPriority:
+      case LowPriority:
+        // TODO: Handle LowPriority
+        // TODO: Rename this to... something better.
+        expirationTime = computeAsyncExpiration(currentTime);
+        break;
+      case IdlePriority:
+        expirationTime = Never;
+        break;
+      default:
+        (function() {
+          {
+            throw ReactError(Error("Expected a valid priority level"));
+          }
+        })();
+    }
+  }
+
+  // If we're in the middle of rendering a tree, do not update at the same
+  // expiration time that is already rendering.
+  // TODO: We shouldn't have to do this if the update is on a different root.
+  // Refactor computeExpirationForFiber + scheduleUpdate so we have access to
+  // the root when we check for this condition.
+  if (workInProgressRoot !== null && expirationTime === renderExpirationTime) {
+    // This is a trick to move this update into a separate batch
+    expirationTime -= 1;
+  }
+
+  return expirationTime;
+}
+
+function scheduleUpdateOnFiber(fiber, expirationTime) {
+  checkForNestedUpdates();
+  warnAboutInvalidUpdatesOnClassComponentsInDEV(fiber);
+
+  var root = markUpdateTimeFromFiberToRoot(fiber, expirationTime);
+  if (root === null) {
+    warnAboutUpdateOnUnmountedFiberInDEV(fiber);
+    return;
+  }
+
+  root.pingTime = NoWork;
+
+  checkForInterruption(fiber, expirationTime);
+  recordScheduleUpdate();
+
+  // TODO: computeExpirationForFiber also reads the priority. Pass the
+  // priority as an argument to that function and this one.
+  var priorityLevel = getCurrentPriorityLevel();
+
+  if (expirationTime === Sync) {
+    if (
+      // Check if we're inside unbatchedUpdates
+      (executionContext & LegacyUnbatchedContext) !== NoContext &&
+      // Check if we're not already rendering
+      (executionContext & (RenderContext | CommitContext)) === NoContext
+    ) {
+      // Register pending interactions on the root to avoid losing traced interaction data.
+      schedulePendingInteractions(root, expirationTime);
+
+      // This is a legacy edge case. The initial mount of a ReactDOM.render-ed
+      // root inside of batchedUpdates should be synchronous, but layout updates
+      // should be deferred until the end of the batch.
+      var callback = renderRoot(root, Sync, true);
+      while (callback !== null) {
+        callback = callback(true);
+      }
+    } else {
+      scheduleCallbackForRoot(root, ImmediatePriority, Sync);
+      if (executionContext === NoContext) {
+        // Flush the synchronous work now, wnless 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 sync mode.
+        flushSyncCallbackQueue();
+      }
+    }
+  } else {
+    scheduleCallbackForRoot(root, priorityLevel, expirationTime);
+  }
+
+  if (
+    (executionContext & DiscreteEventContext) !== NoContext &&
+    // Only updates at user-blocking priority or greater are considered
+    // discrete, even inside a discrete event.
+    (priorityLevel === UserBlockingPriority$1 ||
+      priorityLevel === ImmediatePriority)
+  ) {
+    // This is the result of a discrete event. Track the lowest priority
+    // discrete update per root so we can flush them early, if needed.
+    if (rootsWithPendingDiscreteUpdates === null) {
+      rootsWithPendingDiscreteUpdates = new Map([[root, expirationTime]]);
+    } else {
+      var lastDiscreteTime = rootsWithPendingDiscreteUpdates.get(root);
+      if (lastDiscreteTime === undefined || lastDiscreteTime > expirationTime) {
+        rootsWithPendingDiscreteUpdates.set(root, expirationTime);
+      }
+    }
+  }
+}
+var scheduleWork = scheduleUpdateOnFiber;
+
+// This is split into a separate function so we can mark a fiber with pending
+// work without treating it as a typical update that originates from an event;
+// e.g. retrying a Suspense boundary isn't an update, but it does schedule work
+// on a fiber.
+function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
+  // Update the source fiber's expiration time
+  if (fiber.expirationTime < expirationTime) {
+    fiber.expirationTime = expirationTime;
+  }
+  var alternate = fiber.alternate;
+  if (alternate !== null && alternate.expirationTime < expirationTime) {
+    alternate.expirationTime = expirationTime;
+  }
+  // Walk the parent path to the root and update the child expiration time.
+  var node = fiber.return;
+  var root = null;
+  if (node === null && fiber.tag === HostRoot) {
+    root = fiber.stateNode;
+  } else {
+    while (node !== null) {
+      alternate = node.alternate;
+      if (node.childExpirationTime < expirationTime) {
+        node.childExpirationTime = expirationTime;
+        if (
+          alternate !== null &&
+          alternate.childExpirationTime < expirationTime
+        ) {
+          alternate.childExpirationTime = expirationTime;
+        }
+      } else if (
+        alternate !== null &&
+        alternate.childExpirationTime < expirationTime
+      ) {
+        alternate.childExpirationTime = expirationTime;
+      }
+      if (node.return === null && node.tag === HostRoot) {
+        root = node.stateNode;
+        break;
+      }
+      node = node.return;
+    }
+  }
+
+  if (root !== null) {
+    // Update the first and last pending expiration times in this root
+    var firstPendingTime = root.firstPendingTime;
+    if (expirationTime > firstPendingTime) {
+      root.firstPendingTime = expirationTime;
+    }
+    var lastPendingTime = root.lastPendingTime;
+    if (lastPendingTime === NoWork || expirationTime < lastPendingTime) {
+      root.lastPendingTime = expirationTime;
+    }
+  }
+
+  return root;
+}
+
+// Use this function, along with runRootCallback, to ensure that only a single
+// callback per root is scheduled. It's still possible to call renderRoot
+// directly, but scheduling via this function helps avoid excessive callbacks.
+// It works by storing the callback node and expiration time on the root. When a
+// new callback comes in, it compares the expiration time to determine if it
+// should cancel the previous one. It also relies on commitRoot scheduling a
+// callback to render the next level, because that means we don't need a
+// separate callback per expiration time.
+function scheduleCallbackForRoot(root, priorityLevel, expirationTime) {
+  var existingCallbackExpirationTime = root.callbackExpirationTime;
+  if (existingCallbackExpirationTime < expirationTime) {
+    // New callback has higher priority than the existing one.
+    var existingCallbackNode = root.callbackNode;
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+    root.callbackExpirationTime = expirationTime;
+
+    if (expirationTime === Sync) {
+      // Sync React callbacks are scheduled on a special internal queue
+      root.callbackNode = scheduleSyncCallback(
+        runRootCallback.bind(
+          null,
+          root,
+          renderRoot.bind(null, root, expirationTime)
+        )
+      );
+    } else {
+      var options = null;
+      if (
+        !disableSchedulerTimeoutBasedOnReactExpirationTime &&
+        expirationTime !== Never
+      ) {
+        var timeout = expirationTimeToMs(expirationTime) - now();
+        options = { timeout: timeout };
+      }
+
+      root.callbackNode = scheduleCallback(
+        priorityLevel,
+        runRootCallback.bind(
+          null,
+          root,
+          renderRoot.bind(null, root, expirationTime)
+        ),
+        options
+      );
+      if (
+        enableUserTimingAPI &&
+        expirationTime !== Sync &&
+        (executionContext & (RenderContext | CommitContext)) === NoContext
+      ) {
+        // Scheduled an async callback, and we're not already working. Add an
+        // entry to the flamegraph that shows we're waiting for a callback
+        // to fire.
+        startRequestCallbackTimer();
+      }
+    }
+  }
+
+  // Associate the current interactions with this new root+priority.
+  schedulePendingInteractions(root, expirationTime);
+}
+
+function runRootCallback(root, callback, isSync) {
+  var prevCallbackNode = root.callbackNode;
+  var continuation = null;
+  try {
+    continuation = callback(isSync);
+    if (continuation !== null) {
+      return runRootCallback.bind(null, root, continuation);
+    } else {
+      return null;
+    }
+  } finally {
+    // If the callback exits without returning a continuation, remove the
+    // corresponding callback node from the root. Unless the callback node
+    // has changed, which implies that it was already cancelled by a high
+    // priority update.
+    if (continuation === null && prevCallbackNode === root.callbackNode) {
+      root.callbackNode = null;
+      root.callbackExpirationTime = NoWork;
+    }
+  }
+}
+
+function flushDiscreteUpdates() {
+  // TODO: Should be able to flush inside batchedUpdates, but not inside `act`.
+  // However, `act` uses `batchedUpdates`, so there's no way to distinguish
+  // those two cases. Need to fix this before exposing flushDiscreteUpdates
+  // as a public API.
+  if (
+    (executionContext & (BatchedContext | RenderContext | CommitContext)) !==
+    NoContext
+  ) {
+    if (true && (executionContext & RenderContext) !== NoContext) {
+      warning$1(
+        false,
+        "unstable_flushDiscreteUpdates: Cannot flush updates when React is " +
+          "already rendering."
+      );
+    }
+    // We're already rendering, so we can't synchronously flush pending work.
+    // This is probably a nested event dispatch triggered by a lifecycle/effect,
+    // like `el.focus()`. Exit.
+    return;
+  }
+  flushPendingDiscreteUpdates();
+  if (!revertPassiveEffectsChange) {
+    // If the discrete updates scheduled passive effects, flush them now so that
+    // they fire before the next serial event.
+    flushPassiveEffects();
+  }
+}
+
+function resolveLocksOnRoot(root, expirationTime) {
+  var firstBatch = root.firstBatch;
+  if (
+    firstBatch !== null &&
+    firstBatch._defer &&
+    firstBatch._expirationTime >= expirationTime
+  ) {
+    scheduleCallback(NormalPriority, function() {
+      firstBatch._onComplete();
+      return null;
+    });
+    return true;
+  } else {
+    return false;
+  }
+}
+
+function flushPendingDiscreteUpdates() {
+  if (rootsWithPendingDiscreteUpdates !== null) {
+    // For each root with pending discrete updates, schedule a callback to
+    // immediately flush them.
+    var roots = rootsWithPendingDiscreteUpdates;
+    rootsWithPendingDiscreteUpdates = null;
+    roots.forEach(function(expirationTime, root) {
+      scheduleSyncCallback(renderRoot.bind(null, root, expirationTime));
+    });
+    // Now flush the immediate queue.
+    flushSyncCallbackQueue();
+  }
+}
+
+function batchedUpdates$1(fn, a) {
+  var prevExecutionContext = executionContext;
+  executionContext |= BatchedContext;
+  try {
+    return fn(a);
+  } finally {
+    executionContext = prevExecutionContext;
+    if (executionContext === NoContext) {
+      // Flush the immediate callbacks that were scheduled during this batch
+      flushSyncCallbackQueue();
+    }
+  }
+}
+
+function batchedEventUpdates$1(fn, a) {
+  var prevExecutionContext = executionContext;
+  executionContext |= EventContext;
+  try {
+    return fn(a);
+  } finally {
+    executionContext = prevExecutionContext;
+    if (executionContext === NoContext) {
+      // Flush the immediate callbacks that were scheduled during this batch
+      flushSyncCallbackQueue();
+    }
+  }
+}
+
+function discreteUpdates$1(fn, a, b, c) {
+  var prevExecutionContext = executionContext;
+  executionContext |= DiscreteEventContext;
+  try {
+    // Should this
+    return runWithPriority$1(UserBlockingPriority$1, fn.bind(null, a, b, c));
+  } finally {
+    executionContext = prevExecutionContext;
+    if (executionContext === NoContext) {
+      // Flush the immediate callbacks that were scheduled during this batch
+      flushSyncCallbackQueue();
+    }
+  }
+}
+
+function flushSync(fn, a) {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+    (function() {
+      {
+        throw ReactError(
+          Error(
+            "flushSync was called from inside a lifecycle method. It cannot be called when React is already rendering."
+          )
+        );
+      }
+    })();
+  }
+  var prevExecutionContext = executionContext;
+  executionContext |= BatchedContext;
+  try {
+    return runWithPriority$1(ImmediatePriority, fn.bind(null, a));
+  } finally {
+    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.
+    flushSyncCallbackQueue();
+  }
+}
+
+function prepareFreshStack(root, expirationTime) {
+  root.finishedWork = null;
+  root.finishedExpirationTime = NoWork;
+
+  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) {
+      unwindInterruptedWork(interruptedWork);
+      interruptedWork = interruptedWork.return;
+    }
+  }
+  workInProgressRoot = root;
+  workInProgress = createWorkInProgress(root.current, null, expirationTime);
+  renderExpirationTime = expirationTime;
+  workInProgressRootExitStatus = RootIncomplete;
+  workInProgressRootLatestProcessedExpirationTime = Sync;
+  workInProgressRootLatestSuspenseTimeout = Sync;
+  workInProgressRootCanSuspendUsingConfig = null;
+  workInProgressRootHasPendingPing = false;
+
+  if (enableSchedulerTracing) {
+    spawnedWorkDuringRender = null;
+  }
+
+  {
+    ReactStrictModeWarnings.discardPendingWarnings();
+    componentsThatTriggeredHighPriSuspend = null;
+  }
+}
+
+function renderRoot(root, expirationTime, isSync) {
+  (function() {
+    if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+      throw ReactError(Error("Should not already be working."));
+    }
+  })();
+
+  if (enableUserTimingAPI && expirationTime !== Sync) {
+    var didExpire = isSync;
+    stopRequestCallbackTimer(didExpire);
+  }
+
+  if (root.firstPendingTime < expirationTime) {
+    // If there's no work left at this expiration time, exit immediately. This
+    // happens when multiple callbacks are scheduled for a single root, but an
+    // earlier callback flushes the work of a later one.
+    return null;
+  }
+
+  if (isSync && root.finishedExpirationTime === expirationTime) {
+    // There's already a pending commit at this expiration time.
+    // TODO: This is poorly factored. This case only exists for the
+    // batch.commit() API.
+    return commitRoot.bind(null, root);
+  }
+
+  flushPassiveEffects();
+
+  // If the root or expiration time have changed, throw out the existing stack
+  // and prepare a fresh one. Otherwise we'll continue where we left off.
+  if (root !== workInProgressRoot || expirationTime !== renderExpirationTime) {
+    prepareFreshStack(root, expirationTime);
+    startWorkOnPendingInteractions(root, expirationTime);
+  } else if (workInProgressRootExitStatus === RootSuspendedWithDelay) {
+    // We could've received an update at a lower priority while we yielded.
+    // We're suspended in a delayed state. Once we complete this render we're
+    // just going to try to recover at the last pending time anyway so we might
+    // as well start doing that eagerly.
+    // Ideally we should be able to do this even for retries but we don't yet
+    // know if we're going to process an update which wants to commit earlier,
+    // and this path happens very early so it would happen too often. Instead,
+    // for that case, we'll wait until we complete.
+    if (workInProgressRootHasPendingPing) {
+      // We have a ping at this expiration. Let's restart to see if we get unblocked.
+      prepareFreshStack(root, expirationTime);
+    } else {
+      var lastPendingTime = root.lastPendingTime;
+      if (lastPendingTime < expirationTime) {
+        // There's lower priority work. It might be unsuspended. Try rendering
+        // at that level immediately, while preserving the position in the queue.
+        return renderRoot.bind(null, root, lastPendingTime);
+      }
+    }
+  }
+
+  // If we have a work-in-progress fiber, it means there's still work to do
+  // in this root.
+  if (workInProgress !== null) {
+    var prevExecutionContext = executionContext;
+    executionContext |= RenderContext;
+    var prevDispatcher = ReactCurrentDispatcher.current;
+    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.
+      prevDispatcher = ContextOnlyDispatcher;
+    }
+    ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+    var prevInteractions = null;
+    if (enableSchedulerTracing) {
+      prevInteractions = tracing.__interactionsRef.current;
+      tracing.__interactionsRef.current = root.memoizedInteractions;
+    }
+
+    startWorkLoopTimer(workInProgress);
+
+    // TODO: Fork renderRoot into renderRootSync and renderRootAsync
+    if (isSync) {
+      if (expirationTime !== Sync) {
+        // An async update expired. There may be other expired updates on
+        // this root. We should render all the expired work in a
+        // single batch.
+        var currentTime = requestCurrentTime();
+        if (currentTime < expirationTime) {
+          // Restart at the current time.
+          executionContext = prevExecutionContext;
+          resetContextDependencies();
+          ReactCurrentDispatcher.current = prevDispatcher;
+          if (enableSchedulerTracing) {
+            tracing.__interactionsRef.current = prevInteractions;
+          }
+          return renderRoot.bind(null, root, currentTime);
+        }
+      }
+    } else {
+      // 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 = NoWork;
+    }
+
+    do {
+      try {
+        if (isSync) {
+          workLoopSync();
+        } else {
+          workLoop();
+        }
+        break;
+      } catch (thrownValue) {
+        // Reset module-level state that was set during the render phase.
+        resetContextDependencies();
+        resetHooks();
+
+        var sourceFiber = workInProgress;
+        if (sourceFiber === null || sourceFiber.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.
+          prepareFreshStack(root, expirationTime);
+          executionContext = prevExecutionContext;
+          throw thrownValue;
+        }
+
+        if (enableProfilerTimer && sourceFiber.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(sourceFiber, true);
+        }
+
+        var returnFiber = sourceFiber.return;
+        throwException(
+          root,
+          returnFiber,
+          sourceFiber,
+          thrownValue,
+          renderExpirationTime
+        );
+        workInProgress = completeUnitOfWork(sourceFiber);
+      }
+    } while (true);
+
+    executionContext = prevExecutionContext;
+    resetContextDependencies();
+    ReactCurrentDispatcher.current = prevDispatcher;
+    if (enableSchedulerTracing) {
+      tracing.__interactionsRef.current = prevInteractions;
+    }
+
+    if (workInProgress !== null) {
+      // There's still work left over. Return a continuation.
+      stopInterruptedWorkLoopTimer();
+      if (expirationTime !== Sync) {
+        startRequestCallbackTimer();
+      }
+      return renderRoot.bind(null, root, expirationTime);
+    }
+  }
+
+  // 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.
+  stopFinishedWorkLoopTimer();
+
+  root.finishedWork = root.current.alternate;
+  root.finishedExpirationTime = expirationTime;
+
+  var isLocked = resolveLocksOnRoot(root, expirationTime);
+  if (isLocked) {
+    // This root has a lock that prevents it from committing. Exit. If we begin
+    // work on the root again, without any intervening updates, it will finish
+    // without doing additional work.
+    return null;
+  }
+
+  // Set this to null to indicate there's no in-progress render.
+  workInProgressRoot = null;
+
+  switch (workInProgressRootExitStatus) {
+    case RootIncomplete: {
+      (function() {
+        {
+          throw ReactError(Error("Should have a work-in-progress."));
+        }
+      })();
+    }
+    // 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
+    case RootErrored: {
+      // An error was thrown. First check if there is lower priority work
+      // scheduled on this root.
+      var _lastPendingTime = root.lastPendingTime;
+      if (_lastPendingTime < expirationTime) {
+        // There's lower priority work. Before raising the error, try rendering
+        // at the lower priority to see if it fixes it. Use a continuation to
+        // maintain the existing priority and position in the queue.
+        return renderRoot.bind(null, root, _lastPendingTime);
+      }
+      if (!isSync) {
+        // If we're rendering asynchronously, it's possible the error was
+        // caused by tearing due to a mutation during an event. Try rendering
+        // one more time without yiedling to events.
+        prepareFreshStack(root, expirationTime);
+        scheduleSyncCallback(renderRoot.bind(null, root, expirationTime));
+        return null;
+      }
+      // If we're already rendering synchronously, commit the root in its
+      // errored state.
+      return commitRoot.bind(null, root);
+    }
+    case RootSuspended: {
+      flushSuspensePriorityWarningInDEV();
+
+      // We have an acceptable loading state. We need to figure out if we should
+      // immediately commit it or wait a bit.
+
+      // If we have processed new updates during this render, we may now have a
+      // new loading state ready. We want to ensure that we commit that as soon as
+      // possible.
+      var hasNotProcessedNewUpdates =
+        workInProgressRootLatestProcessedExpirationTime === Sync;
+      if (
+        hasNotProcessedNewUpdates &&
+        !isSync &&
+        // do not delay if we're inside an act() scope
+        !(true && flushSuspenseFallbacksInTests && IsThisRendererActing.current)
+      ) {
+        // If we have not processed any new updates during this pass, then this is
+        // either a retry of an existing fallback state or a hidden tree.
+        // Hidden trees shouldn't be batched with other work and after that's
+        // fixed it can only be a retry.
+        // We're going to 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.
+        if (msUntilTimeout > 10) {
+          if (workInProgressRootHasPendingPing) {
+            // This render was pinged but we didn't get to restart earlier so try
+            // restarting now instead.
+            prepareFreshStack(root, expirationTime);
+            return renderRoot.bind(null, root, expirationTime);
+          }
+          var _lastPendingTime2 = root.lastPendingTime;
+          if (_lastPendingTime2 < expirationTime) {
+            // There's lower priority work. It might be unsuspended. Try rendering
+            // at that level.
+            return renderRoot.bind(null, root, _lastPendingTime2);
+          }
+          // 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.
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            msUntilTimeout
+          );
+          return null;
+        }
+      }
+      // The work expired. Commit immediately.
+      return commitRoot.bind(null, root);
+    }
+    case RootSuspendedWithDelay: {
+      flushSuspensePriorityWarningInDEV();
+
+      if (
+        !isSync &&
+        // do not delay if we're inside an act() scope
+        !(true && flushSuspenseFallbacksInTests && IsThisRendererActing.current)
+      ) {
+        // We're suspended in a state that should be avoided. We'll try to avoid committing
+        // it for as long as the timeouts let us.
+        if (workInProgressRootHasPendingPing) {
+          // This render was pinged but we didn't get to restart earlier so try
+          // restarting now instead.
+          prepareFreshStack(root, expirationTime);
+          return renderRoot.bind(null, root, expirationTime);
+        }
+        var _lastPendingTime3 = root.lastPendingTime;
+        if (_lastPendingTime3 < expirationTime) {
+          // There's lower priority work. It might be unsuspended. Try rendering
+          // at that level immediately.
+          return renderRoot.bind(null, root, _lastPendingTime3);
+        }
+
+        var _msUntilTimeout = void 0;
+        if (workInProgressRootLatestSuspenseTimeout !== Sync) {
+          // We have processed a suspense config whose expiration time we can use as
+          // the timeout.
+          _msUntilTimeout =
+            expirationTimeToMs(workInProgressRootLatestSuspenseTimeout) - now();
+        } else if (workInProgressRootLatestProcessedExpirationTime === Sync) {
+          // This should never normally happen because only new updates cause
+          // delayed states, so we should have processed something. However,
+          // this could also happen in an offscreen tree.
+          _msUntilTimeout = 0;
+        } else {
+          // If we don't have a suspense config, we're going to use a heuristic to
+          var eventTimeMs = inferTimeFromExpirationTime(
+            workInProgressRootLatestProcessedExpirationTime
+          );
+          var currentTimeMs = now();
+          var timeUntilExpirationMs =
+            expirationTimeToMs(expirationTime) - currentTimeMs;
+          var timeElapsed = currentTimeMs - eventTimeMs;
+          if (timeElapsed < 0) {
+            // We get this wrong some time since we estimate the time.
+            timeElapsed = 0;
+          }
+
+          _msUntilTimeout = jnd(timeElapsed) - timeElapsed;
+
+          // Clamp the timeout to the expiration time.
+          // TODO: Once the event time is exact instead of inferred from expiration time
+          // we don't need this.
+          if (timeUntilExpirationMs < _msUntilTimeout) {
+            _msUntilTimeout = timeUntilExpirationMs;
+          }
+        }
+
+        // Don't bother with a very short suspense time.
+        if (_msUntilTimeout > 10) {
+          // 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.
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            _msUntilTimeout
+          );
+          return null;
+        }
+      }
+      // The work expired. Commit immediately.
+      return commitRoot.bind(null, root);
+    }
+    case RootCompleted: {
+      // The work completed. Ready to commit.
+      if (
+        !isSync &&
+        // do not delay if we're inside an act() scope
+        !(
+          true &&
+          flushSuspenseFallbacksInTests &&
+          IsThisRendererActing.current
+        ) &&
+        workInProgressRootLatestProcessedExpirationTime !== Sync &&
+        workInProgressRootCanSuspendUsingConfig !== null
+      ) {
+        // If we have exceeded the minimum loading delay, which probably
+        // means we have shown a spinner already, we might have to suspend
+        // a bit longer to ensure that the spinner is shown for enough time.
+        var _msUntilTimeout2 = computeMsUntilSuspenseLoadingDelay(
+          workInProgressRootLatestProcessedExpirationTime,
+          expirationTime,
+          workInProgressRootCanSuspendUsingConfig
+        );
+        if (_msUntilTimeout2 > 10) {
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            _msUntilTimeout2
+          );
+          return null;
+        }
+      }
+      return commitRoot.bind(null, root);
+    }
+    default: {
+      (function() {
+        {
+          throw ReactError(Error("Unknown root exit status."));
+        }
+      })();
+    }
+  }
+}
+
+function markCommitTimeOfFallback() {
+  globalMostRecentFallbackTime = now();
+}
+
+function markRenderEventTimeAndConfig(expirationTime, suspenseConfig) {
+  if (
+    expirationTime < workInProgressRootLatestProcessedExpirationTime &&
+    expirationTime > Never
+  ) {
+    workInProgressRootLatestProcessedExpirationTime = expirationTime;
+  }
+  if (suspenseConfig !== null) {
+    if (
+      expirationTime < workInProgressRootLatestSuspenseTimeout &&
+      expirationTime > Never
+    ) {
+      workInProgressRootLatestSuspenseTimeout = expirationTime;
+      // Most of the time we only have one config and getting wrong is not bad.
+      workInProgressRootCanSuspendUsingConfig = suspenseConfig;
+    }
+  }
+}
+
+function renderDidSuspend() {
+  if (workInProgressRootExitStatus === RootIncomplete) {
+    workInProgressRootExitStatus = RootSuspended;
+  }
+}
+
+function renderDidSuspendDelayIfPossible() {
+  if (
+    workInProgressRootExitStatus === RootIncomplete ||
+    workInProgressRootExitStatus === RootSuspended
+  ) {
+    workInProgressRootExitStatus = RootSuspendedWithDelay;
+  }
+}
+
+function renderDidError() {
+  if (workInProgressRootExitStatus !== RootCompleted) {
+    workInProgressRootExitStatus = RootErrored;
+  }
+}
+
+// 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 === RootIncomplete;
+}
+
+function inferTimeFromExpirationTime(expirationTime) {
+  // We don't know exactly when the update was scheduled, but we can infer an
+  // approximate start time from the expiration time.
+  var earliestExpirationTimeMs = expirationTimeToMs(expirationTime);
+  return earliestExpirationTimeMs - LOW_PRIORITY_EXPIRATION;
+}
+
+function inferTimeFromExpirationTimeWithSuspenseConfig(
+  expirationTime,
+  suspenseConfig
+) {
+  // We don't know exactly when the update was scheduled, but we can infer an
+  // approximate start time from the expiration time by subtracting the timeout
+  // that was added to the event time.
+  var earliestExpirationTimeMs = expirationTimeToMs(expirationTime);
+  return (
+    earliestExpirationTimeMs -
+    (suspenseConfig.timeoutMs | 0 || LOW_PRIORITY_EXPIRATION)
+  );
+}
+
+function workLoopSync() {
+  // Already timed out, so perform work without checking if we need to yield.
+  while (workInProgress !== null) {
+    workInProgress = performUnitOfWork(workInProgress);
+  }
+}
+
+function workLoop() {
+  // Perform work until Scheduler asks us to yield
+  while (workInProgress !== null && !shouldYield()) {
+    workInProgress = performUnitOfWork(workInProgress);
+  }
+}
+
+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$$1 = unitOfWork.alternate;
+
+  startWorkTimer(unitOfWork);
+  setCurrentFiber(unitOfWork);
+
+  var next = void 0;
+  if (enableProfilerTimer && (unitOfWork.mode & ProfileMode) !== NoMode) {
+    startProfilerTimer(unitOfWork);
+    next = beginWork$$1(current$$1, unitOfWork, renderExpirationTime);
+    stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, true);
+  } else {
+    next = beginWork$$1(current$$1, unitOfWork, renderExpirationTime);
+  }
+
+  resetCurrentFiber();
+  unitOfWork.memoizedProps = unitOfWork.pendingProps;
+  if (next === null) {
+    // If this doesn't spawn new work, complete the current work.
+    next = completeUnitOfWork(unitOfWork);
+  }
+
+  ReactCurrentOwner$2.current = null;
+  return next;
+}
+
+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.
+  workInProgress = unitOfWork;
+  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$$1 = workInProgress.alternate;
+    var returnFiber = workInProgress.return;
+
+    // Check if the work completed or if something threw.
+    if ((workInProgress.effectTag & Incomplete) === NoEffect) {
+      setCurrentFiber(workInProgress);
+      var next = void 0;
+      if (
+        !enableProfilerTimer ||
+        (workInProgress.mode & ProfileMode) === NoMode
+      ) {
+        next = completeWork(current$$1, workInProgress, renderExpirationTime);
+      } else {
+        startProfilerTimer(workInProgress);
+        next = completeWork(current$$1, workInProgress, renderExpirationTime);
+        // Update render duration assuming we didn't error.
+        stopProfilerTimerIfRunningAndRecordDelta(workInProgress, false);
+      }
+      stopWorkTimer(workInProgress);
+      resetCurrentFiber();
+      resetChildExpirationTime(workInProgress);
+
+      if (next !== null) {
+        // Completing this fiber spawned new work. Work on that next.
+        return next;
+      }
+
+      if (
+        returnFiber !== null &&
+        // Do not append effects to parents if a sibling failed to complete
+        (returnFiber.effectTag & Incomplete) === NoEffect
+      ) {
+        // Append all the effects of the subtree and this fiber onto the effect
+        // list of the parent. The completion order of the children affects the
+        // side-effect order.
+        if (returnFiber.firstEffect === null) {
+          returnFiber.firstEffect = workInProgress.firstEffect;
+        }
+        if (workInProgress.lastEffect !== null) {
+          if (returnFiber.lastEffect !== null) {
+            returnFiber.lastEffect.nextEffect = workInProgress.firstEffect;
+          }
+          returnFiber.lastEffect = workInProgress.lastEffect;
+        }
+
+        // If this fiber had side-effects, we append it AFTER the children's
+        // side-effects. We can perform certain side-effects earlier if needed,
+        // by doing multiple passes over the effect list. We don't want to
+        // schedule our own side-effect on our own list because if end up
+        // reusing children we'll schedule this effect onto itself since we're
+        // at the end.
+        var effectTag = workInProgress.effectTag;
+
+        // Skip both NoWork and PerformedWork tags when creating the effect
+        // list. PerformedWork effect is read by React DevTools but shouldn't be
+        // committed.
+        if (effectTag > PerformedWork) {
+          if (returnFiber.lastEffect !== null) {
+            returnFiber.lastEffect.nextEffect = workInProgress;
+          } else {
+            returnFiber.firstEffect = workInProgress;
+          }
+          returnFiber.lastEffect = workInProgress;
+        }
+      }
+    } 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(workInProgress, renderExpirationTime);
+
+      // Because this fiber did not complete, don't reset its expiration time.
+
+      if (
+        enableProfilerTimer &&
+        (workInProgress.mode & ProfileMode) !== NoMode
+      ) {
+        // Record the render duration for the fiber that errored.
+        stopProfilerTimerIfRunningAndRecordDelta(workInProgress, false);
+
+        // Include the time spent working on failed children before continuing.
+        var actualDuration = workInProgress.actualDuration;
+        var child = workInProgress.child;
+        while (child !== null) {
+          actualDuration += child.actualDuration;
+          child = child.sibling;
+        }
+        workInProgress.actualDuration = actualDuration;
+      }
+
+      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.
+        // TODO: The name stopFailedWorkTimer is misleading because Suspense
+        // also captures and restarts.
+        stopFailedWorkTimer(workInProgress);
+        _next.effectTag &= HostEffectMask;
+        return _next;
+      }
+      stopWorkTimer(workInProgress);
+
+      if (returnFiber !== null) {
+        // Mark the parent fiber as incomplete and clear its effect list.
+        returnFiber.firstEffect = returnFiber.lastEffect = null;
+        returnFiber.effectTag |= Incomplete;
+      }
+    }
+
+    var siblingFiber = workInProgress.sibling;
+    if (siblingFiber !== null) {
+      // If there is more work to do in this returnFiber, do that next.
+      return siblingFiber;
+    }
+    // Otherwise, return to the parent
+    workInProgress = returnFiber;
+  } while (workInProgress !== null);
+
+  // We've reached the root.
+  if (workInProgressRootExitStatus === RootIncomplete) {
+    workInProgressRootExitStatus = RootCompleted;
+  }
+  return null;
+}
+
+function resetChildExpirationTime(completedWork) {
+  if (
+    renderExpirationTime !== Never &&
+    completedWork.childExpirationTime === Never
+  ) {
+    // The children of this component are hidden. Don't bubble their
+    // expiration times.
+    return;
+  }
+
+  var newChildExpirationTime = NoWork;
+
+  // Bubble up the earliest expiration time.
+  if (enableProfilerTimer && (completedWork.mode & ProfileMode) !== NoMode) {
+    // In profiling mode, resetChildExpirationTime is also used to reset
+    // profiler durations.
+    var actualDuration = completedWork.actualDuration;
+    var treeBaseDuration = completedWork.selfBaseDuration;
+
+    // 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.
+    var shouldBubbleActualDurations =
+      completedWork.alternate === null ||
+      completedWork.child !== completedWork.alternate.child;
+
+    var child = completedWork.child;
+    while (child !== null) {
+      var childUpdateExpirationTime = child.expirationTime;
+      var childChildExpirationTime = child.childExpirationTime;
+      if (childUpdateExpirationTime > newChildExpirationTime) {
+        newChildExpirationTime = childUpdateExpirationTime;
+      }
+      if (childChildExpirationTime > newChildExpirationTime) {
+        newChildExpirationTime = childChildExpirationTime;
+      }
+      if (shouldBubbleActualDurations) {
+        actualDuration += child.actualDuration;
+      }
+      treeBaseDuration += child.treeBaseDuration;
+      child = child.sibling;
+    }
+    completedWork.actualDuration = actualDuration;
+    completedWork.treeBaseDuration = treeBaseDuration;
+  } else {
+    var _child = completedWork.child;
+    while (_child !== null) {
+      var _childUpdateExpirationTime = _child.expirationTime;
+      var _childChildExpirationTime = _child.childExpirationTime;
+      if (_childUpdateExpirationTime > newChildExpirationTime) {
+        newChildExpirationTime = _childUpdateExpirationTime;
+      }
+      if (_childChildExpirationTime > newChildExpirationTime) {
+        newChildExpirationTime = _childChildExpirationTime;
+      }
+      _child = _child.sibling;
+    }
+  }
+
+  completedWork.childExpirationTime = newChildExpirationTime;
+}
+
+function commitRoot(root) {
+  var renderPriorityLevel = getCurrentPriorityLevel();
+  runWithPriority$1(
+    ImmediatePriority,
+    commitRootImpl.bind(null, root, renderPriorityLevel)
+  );
+  // If there are passive effects, schedule a callback to flush them. This goes
+  // outside commitRootImpl so that it inherits the priority of the render.
+  if (rootWithPendingPassiveEffects !== null) {
+    scheduleCallback(NormalPriority, function() {
+      flushPassiveEffects();
+      return null;
+    });
+  }
+  return null;
+}
+
+function commitRootImpl(root, renderPriorityLevel) {
+  flushPassiveEffects();
+  flushRenderPhaseStrictModeWarningsInDEV();
+
+  (function() {
+    if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+      throw ReactError(Error("Should not already be working."));
+    }
+  })();
+
+  var finishedWork = root.finishedWork;
+  var expirationTime = root.finishedExpirationTime;
+  if (finishedWork === null) {
+    return null;
+  }
+  root.finishedWork = null;
+  root.finishedExpirationTime = NoWork;
+
+  (function() {
+    if (!(finishedWork !== root.current)) {
+      throw ReactError(
+        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.callbackExpirationTime = NoWork;
+
+  startCommitTimer();
+
+  // Update the first and last pending times on this root. The new first
+  // pending time is whatever is left on the root fiber.
+  var updateExpirationTimeBeforeCommit = finishedWork.expirationTime;
+  var childExpirationTimeBeforeCommit = finishedWork.childExpirationTime;
+  var firstPendingTimeBeforeCommit =
+    childExpirationTimeBeforeCommit > updateExpirationTimeBeforeCommit
+      ? childExpirationTimeBeforeCommit
+      : updateExpirationTimeBeforeCommit;
+  root.firstPendingTime = firstPendingTimeBeforeCommit;
+  if (firstPendingTimeBeforeCommit < root.lastPendingTime) {
+    // This usually means we've finished all the work, but it can also happen
+    // when something gets downprioritized during render, like a hidden tree.
+    root.lastPendingTime = firstPendingTimeBeforeCommit;
+  }
+
+  if (root === workInProgressRoot) {
+    // We can reset these now that they are finished.
+    workInProgressRoot = null;
+    workInProgress = null;
+    renderExpirationTime = NoWork;
+  } else {
+  }
+  // This indicates that the last root we worked on is not the same one that
+  // we're committing now. This most commonly happens when a suspended root
+  // times out.
+
+  // Get the list of effects.
+  var firstEffect = void 0;
+  if (finishedWork.effectTag > PerformedWork) {
+    // A fiber's effect list consists only of its children, not itself. So if
+    // the root has an effect, we need to add it to the end of the list. The
+    // resulting list is the set that would belong to the root's parent, if it
+    // had one; that is, all the effects in the tree including the root.
+    if (finishedWork.lastEffect !== null) {
+      finishedWork.lastEffect.nextEffect = finishedWork;
+      firstEffect = finishedWork.firstEffect;
+    } else {
+      firstEffect = finishedWork;
+    }
+  } else {
+    // There is no effect on the root.
+    firstEffect = finishedWork.firstEffect;
+  }
+
+  if (firstEffect !== null) {
+    var prevExecutionContext = executionContext;
+    executionContext |= CommitContext;
+    var prevInteractions = null;
+    if (enableSchedulerTracing) {
+      prevInteractions = tracing.__interactionsRef.current;
+      tracing.__interactionsRef.current = root.memoizedInteractions;
+    }
+
+    // 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.
+    startCommitSnapshotEffectsTimer();
+    prepareForCommit(root.containerInfo);
+    nextEffect = firstEffect;
+    do {
+      {
+        invokeGuardedCallback(null, commitBeforeMutationEffects, null);
+        if (hasCaughtError()) {
+          (function() {
+            if (!(nextEffect !== null)) {
+              throw ReactError(Error("Should be working on an effect."));
+            }
+          })();
+          var error = clearCaughtError();
+          captureCommitPhaseError(nextEffect, error);
+          nextEffect = nextEffect.nextEffect;
+        }
+      }
+    } while (nextEffect !== null);
+    stopCommitSnapshotEffectsTimer();
+
+    if (enableProfilerTimer) {
+      // Mark the current commit time to be shared by all Profilers in this
+      // batch. This enables them to be grouped later.
+      recordCommitTime();
+    }
+
+    // The next phase is the mutation phase, where we mutate the host tree.
+    startCommitHostEffectsTimer();
+    nextEffect = firstEffect;
+    do {
+      {
+        invokeGuardedCallback(
+          null,
+          commitMutationEffects,
+          null,
+          renderPriorityLevel
+        );
+        if (hasCaughtError()) {
+          (function() {
+            if (!(nextEffect !== null)) {
+              throw ReactError(Error("Should be working on an effect."));
+            }
+          })();
+          var _error = clearCaughtError();
+          captureCommitPhaseError(nextEffect, _error);
+          nextEffect = nextEffect.nextEffect;
+        }
+      }
+    } while (nextEffect !== null);
+    stopCommitHostEffectsTimer();
+    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.
+    root.current = finishedWork;
+
+    // The next phase is the layout phase, where we call effects that read
+    // the host tree after it's been mutated. The idiomatic use case for this is
+    // layout, but class component lifecycles also fire here for legacy reasons.
+    startCommitLifeCyclesTimer();
+    nextEffect = firstEffect;
+    do {
+      {
+        invokeGuardedCallback(
+          null,
+          commitLayoutEffects,
+          null,
+          root,
+          expirationTime
+        );
+        if (hasCaughtError()) {
+          (function() {
+            if (!(nextEffect !== null)) {
+              throw ReactError(Error("Should be working on an effect."));
+            }
+          })();
+          var _error2 = clearCaughtError();
+          captureCommitPhaseError(nextEffect, _error2);
+          nextEffect = nextEffect.nextEffect;
+        }
+      }
+    } while (nextEffect !== null);
+    stopCommitLifeCyclesTimer();
+
+    nextEffect = null;
+
+    // Tell Scheduler to yield at the end of the frame, so the browser has an
+    // opportunity to paint.
+    requestPaint();
+
+    if (enableSchedulerTracing) {
+      tracing.__interactionsRef.current = prevInteractions;
+    }
+    executionContext = prevExecutionContext;
+  } 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.
+    startCommitSnapshotEffectsTimer();
+    stopCommitSnapshotEffectsTimer();
+    if (enableProfilerTimer) {
+      recordCommitTime();
+    }
+    startCommitHostEffectsTimer();
+    stopCommitHostEffectsTimer();
+    startCommitLifeCyclesTimer();
+    stopCommitLifeCyclesTimer();
+  }
+
+  stopCommitTimer();
+
+  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;
+    pendingPassiveEffectsExpirationTime = expirationTime;
+    pendingPassiveEffectsRenderPriority = renderPriorityLevel;
+  } else {
+    // We are done with the effect chain at this point so let's clear the
+    // nextEffect pointers to assist with GC. If we have passive effects, we'll
+    // clear this in flushPassiveEffects.
+    nextEffect = firstEffect;
+    while (nextEffect !== null) {
+      var nextNextEffect = nextEffect.nextEffect;
+      nextEffect.nextEffect = null;
+      nextEffect = nextNextEffect;
+    }
+  }
+
+  // Check if there's remaining work on this root
+  var remainingExpirationTime = root.firstPendingTime;
+  if (remainingExpirationTime !== NoWork) {
+    var currentTime = requestCurrentTime();
+    var priorityLevel = inferPriorityFromExpirationTime(
+      currentTime,
+      remainingExpirationTime
+    );
+
+    if (enableSchedulerTracing) {
+      if (spawnedWorkDuringRender !== null) {
+        var expirationTimes = spawnedWorkDuringRender;
+        spawnedWorkDuringRender = null;
+        for (var i = 0; i < expirationTimes.length; i++) {
+          scheduleInteractions(
+            root,
+            expirationTimes[i],
+            root.memoizedInteractions
+          );
+        }
+      }
+    }
+
+    scheduleCallbackForRoot(root, priorityLevel, remainingExpirationTime);
+  } else {
+    // If there's no remaining work, we can clear the set of already failed
+    // error boundaries.
+    legacyErrorBoundariesThatAlreadyFailed = null;
+  }
+
+  if (enableSchedulerTracing) {
+    if (!rootDidHavePassiveEffects) {
+      // If there are no passive effects, then we can complete the pending interactions.
+      // Otherwise, we'll wait until after the passive effects are flushed.
+      // Wait to do this until after remaining work has been scheduled,
+      // so that we don't prematurely signal complete for interactions when there's e.g. hidden work.
+      finishPendingInteractions(root, expirationTime);
+    }
+  }
+
+  onCommitRoot(finishedWork.stateNode, expirationTime);
+
+  if (remainingExpirationTime === Sync) {
+    // 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 {
+    nestedUpdateCount = 0;
+  }
+
+  if (hasUncaughtError) {
+    hasUncaughtError = false;
+    var _error3 = firstUncaughtError;
+    firstUncaughtError = null;
+    throw _error3;
+  }
+
+  if ((executionContext & LegacyUnbatchedContext) !== NoContext) {
+    // This is a legacy edge case. We just committed the initial mount of
+    // a ReactDOM.render-ed root inside of batchedUpdates. The commit fired
+    // synchronously, but layout updates should be deferred until the end
+    // of the batch.
+    return null;
+  }
+
+  // If layout work was scheduled, flush it now.
+  flushSyncCallbackQueue();
+  return null;
+}
+
+function commitBeforeMutationEffects() {
+  while (nextEffect !== null) {
+    if ((nextEffect.effectTag & Snapshot) !== NoEffect) {
+      setCurrentFiber(nextEffect);
+      recordEffect();
+
+      var current$$1 = nextEffect.alternate;
+      commitBeforeMutationLifeCycles(current$$1, nextEffect);
+
+      resetCurrentFiber();
+    }
+    nextEffect = nextEffect.nextEffect;
+  }
+}
+
+function commitMutationEffects(renderPriorityLevel) {
+  // TODO: Should probably move the bulk of this function to commitWork.
+  while (nextEffect !== null) {
+    setCurrentFiber(nextEffect);
+
+    var effectTag = nextEffect.effectTag;
+
+    if (effectTag & ContentReset) {
+      commitResetTextContent(nextEffect);
+    }
+
+    if (effectTag & Ref) {
+      var current$$1 = nextEffect.alternate;
+      if (current$$1 !== null) {
+        commitDetachRef(current$$1);
+      }
+    }
+
+    // The following switch statement is only concerned about placement,
+    // updates, and deletions. To avoid needing to add a case for every possible
+    // bitmap value, we remove the secondary effects from the effect tag and
+    // switch on that value.
+    var primaryEffectTag = effectTag & (Placement | Update | Deletion);
+    switch (primaryEffectTag) {
+      case Placement: {
+        commitPlacement(nextEffect);
+        // 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.
+        nextEffect.effectTag &= ~Placement;
+        break;
+      }
+      case PlacementAndUpdate: {
+        // Placement
+        commitPlacement(nextEffect);
+        // Clear the "placement" from effect tag so that we know that this is
+        // inserted, before any life-cycles like componentDidMount gets called.
+        nextEffect.effectTag &= ~Placement;
+
+        // Update
+        var _current = nextEffect.alternate;
+        commitWork(_current, nextEffect);
+        break;
+      }
+      case Update: {
+        var _current2 = nextEffect.alternate;
+        commitWork(_current2, nextEffect);
+        break;
+      }
+      case Deletion: {
+        commitDeletion(nextEffect, renderPriorityLevel);
+        break;
+      }
+    }
+
+    // TODO: Only record a mutation effect if primaryEffectTag is non-zero.
+    recordEffect();
+
+    resetCurrentFiber();
+    nextEffect = nextEffect.nextEffect;
+  }
+}
+
+function commitLayoutEffects(root, committedExpirationTime) {
+  // TODO: Should probably move the bulk of this function to commitWork.
+  while (nextEffect !== null) {
+    setCurrentFiber(nextEffect);
+
+    var effectTag = nextEffect.effectTag;
+
+    if (effectTag & (Update | Callback)) {
+      recordEffect();
+      var current$$1 = nextEffect.alternate;
+      commitLifeCycles(root, current$$1, nextEffect, committedExpirationTime);
+    }
+
+    if (effectTag & Ref) {
+      recordEffect();
+      commitAttachRef(nextEffect);
+    }
+
+    if (effectTag & Passive) {
+      rootDoesHavePassiveEffects = true;
+    }
+
+    resetCurrentFiber();
+    nextEffect = nextEffect.nextEffect;
+  }
+}
+
+function flushPassiveEffects() {
+  if (rootWithPendingPassiveEffects === null) {
+    return false;
+  }
+  var root = rootWithPendingPassiveEffects;
+  var expirationTime = pendingPassiveEffectsExpirationTime;
+  var renderPriorityLevel = pendingPassiveEffectsRenderPriority;
+  rootWithPendingPassiveEffects = null;
+  pendingPassiveEffectsExpirationTime = NoWork;
+  pendingPassiveEffectsRenderPriority = NoPriority;
+  var priorityLevel =
+    renderPriorityLevel > NormalPriority ? NormalPriority : renderPriorityLevel;
+  return runWithPriority$1(
+    priorityLevel,
+    flushPassiveEffectsImpl.bind(null, root, expirationTime)
+  );
+}
+
+function flushPassiveEffectsImpl(root, expirationTime) {
+  var prevInteractions = null;
+  if (enableSchedulerTracing) {
+    prevInteractions = tracing.__interactionsRef.current;
+    tracing.__interactionsRef.current = root.memoizedInteractions;
+  }
+
+  (function() {
+    if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+      throw ReactError(
+        Error("Cannot flush passive effects while already rendering.")
+      );
+    }
+  })();
+  var prevExecutionContext = executionContext;
+  executionContext |= CommitContext;
+
+  // Note: This currently assumes there are no passive effects on the root
+  // fiber, because the root is not part of its own effect list. This could
+  // change in the future.
+  var effect = root.current.firstEffect;
+  while (effect !== null) {
+    {
+      setCurrentFiber(effect);
+      invokeGuardedCallback(null, commitPassiveHookEffects, null, effect);
+      if (hasCaughtError()) {
+        (function() {
+          if (!(effect !== null)) {
+            throw ReactError(Error("Should be working on an effect."));
+          }
+        })();
+        var error = clearCaughtError();
+        captureCommitPhaseError(effect, error);
+      }
+      resetCurrentFiber();
+    }
+    var nextNextEffect = effect.nextEffect;
+    // Remove nextEffect pointer to assist GC
+    effect.nextEffect = null;
+    effect = nextNextEffect;
+  }
+
+  if (enableSchedulerTracing) {
+    tracing.__interactionsRef.current = prevInteractions;
+    finishPendingInteractions(root, expirationTime);
+  }
+
+  executionContext = prevExecutionContext;
+  flushSyncCallbackQueue();
+
+  // If additional passive effects were scheduled, increment a counter. If this
+  // exceeds the limit, we'll fire a warning.
+  nestedPassiveUpdateCount =
+    rootWithPendingPassiveEffects === null ? 0 : nestedPassiveUpdateCount + 1;
+
+  return true;
+}
+
+function isAlreadyFailedLegacyErrorBoundary(instance) {
+  return (
+    legacyErrorBoundariesThatAlreadyFailed !== null &&
+    legacyErrorBoundariesThatAlreadyFailed.has(instance)
+  );
+}
+
+function markLegacyErrorBoundaryAsFailed(instance) {
+  if (legacyErrorBoundariesThatAlreadyFailed === null) {
+    legacyErrorBoundariesThatAlreadyFailed = new Set([instance]);
+  } else {
+    legacyErrorBoundariesThatAlreadyFailed.add(instance);
+  }
+}
+
+function prepareToThrowUncaughtError(error) {
+  if (!hasUncaughtError) {
+    hasUncaughtError = true;
+    firstUncaughtError = error;
+  }
+}
+var onUncaughtError = prepareToThrowUncaughtError;
+
+function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
+  var errorInfo = createCapturedValue(error, sourceFiber);
+  var update = createRootErrorUpdate(rootFiber, errorInfo, Sync);
+  enqueueUpdate(rootFiber, update);
+  var root = markUpdateTimeFromFiberToRoot(rootFiber, Sync);
+  if (root !== null) {
+    scheduleCallbackForRoot(root, ImmediatePriority, Sync);
+  }
+}
+
+function captureCommitPhaseError(sourceFiber, error) {
+  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);
+    return;
+  }
+
+  var fiber = sourceFiber.return;
+  while (fiber !== null) {
+    if (fiber.tag === HostRoot) {
+      captureCommitPhaseErrorOnRoot(fiber, sourceFiber, error);
+      return;
+    } else if (fiber.tag === ClassComponent) {
+      var ctor = fiber.type;
+      var instance = fiber.stateNode;
+      if (
+        typeof ctor.getDerivedStateFromError === "function" ||
+        (typeof instance.componentDidCatch === "function" &&
+          !isAlreadyFailedLegacyErrorBoundary(instance))
+      ) {
+        var errorInfo = createCapturedValue(error, sourceFiber);
+        var update = createClassErrorUpdate(
+          fiber,
+          errorInfo,
+          // TODO: This is always sync
+          Sync
+        );
+        enqueueUpdate(fiber, update);
+        var root = markUpdateTimeFromFiberToRoot(fiber, Sync);
+        if (root !== null) {
+          scheduleCallbackForRoot(root, ImmediatePriority, Sync);
+        }
+        return;
+      }
+    }
+    fiber = fiber.return;
+  }
+}
+
+function pingSuspendedRoot(root, thenable, suspendedTime) {
+  var pingCache = root.pingCache;
+  if (pingCache !== null) {
+    // The thenable resolved, so we no longer need to memoize, because it will
+    // never be thrown again.
+    pingCache.delete(thenable);
+  }
+
+  if (workInProgressRoot === root && renderExpirationTime === suspendedTime) {
+    // 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, we'll always suspend so we can always
+    // restart. If we're suspended without any updates, it might be a retry.
+    // If it's early in the retry we can restart. We can't know for sure
+    // whether we'll eventually process an update during this render pass,
+    // but it's somewhat unlikely that we get to a ping before that, since
+    // getting to the root most update is usually very fast.
+    if (
+      workInProgressRootExitStatus === RootSuspendedWithDelay ||
+      (workInProgressRootExitStatus === RootSuspended &&
+        workInProgressRootLatestProcessedExpirationTime === Sync &&
+        now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
+    ) {
+      // Restart from the root. Don't need to schedule a ping because
+      // we're already working on this tree.
+      prepareFreshStack(root, renderExpirationTime);
+    } else {
+      // Even though we can't restart right now, we might get an
+      // opportunity later. So we mark this render as having a ping.
+      workInProgressRootHasPendingPing = true;
+    }
+    return;
+  }
+
+  var lastPendingTime = root.lastPendingTime;
+  if (lastPendingTime < suspendedTime) {
+    // The root is no longer suspended at this time.
+    return;
+  }
+
+  var pingTime = root.pingTime;
+  if (pingTime !== NoWork && pingTime < suspendedTime) {
+    // There's already a lower priority ping scheduled.
+    return;
+  }
+
+  // Mark the time at which this ping was scheduled.
+  root.pingTime = suspendedTime;
+
+  if (root.finishedExpirationTime === suspendedTime) {
+    // If there's a pending fallback waiting to commit, throw it away.
+    root.finishedExpirationTime = NoWork;
+    root.finishedWork = null;
+  }
+
+  var currentTime = requestCurrentTime();
+  var priorityLevel = inferPriorityFromExpirationTime(
+    currentTime,
+    suspendedTime
+  );
+  scheduleCallbackForRoot(root, priorityLevel, suspendedTime);
+}
+
+function retryTimedOutBoundary(boundaryFiber) {
+  // 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 expiration time.
+  var currentTime = requestCurrentTime();
+  var suspenseConfig = null; // Retries don't carry over the already committed update.
+  var retryTime = computeExpirationForFiber(
+    currentTime,
+    boundaryFiber,
+    suspenseConfig
+  );
+  // TODO: Special case idle priority?
+  var priorityLevel = inferPriorityFromExpirationTime(currentTime, retryTime);
+  var root = markUpdateTimeFromFiberToRoot(boundaryFiber, retryTime);
+  if (root !== null) {
+    scheduleCallbackForRoot(root, priorityLevel, retryTime);
+  }
+}
+
+function resolveRetryThenable(boundaryFiber, thenable) {
+  var retryCache = void 0;
+  if (enableSuspenseServerRenderer) {
+    switch (boundaryFiber.tag) {
+      case SuspenseComponent:
+        retryCache = boundaryFiber.stateNode;
+        break;
+      case DehydratedSuspenseComponent:
+        retryCache = boundaryFiber.memoizedState;
+        break;
+      default:
+        (function() {
+          {
+            throw ReactError(
+              Error(
+                "Pinged unknown suspense boundary type. This is probably a bug in React."
+              )
+            );
+          }
+        })();
+    }
+  } else {
+    retryCache = boundaryFiber.stateNode;
+  }
+
+  if (retryCache !== null) {
+    // The thenable resolved, so we no longer need to memoize, because it will
+    // never be thrown again.
+    retryCache.delete(thenable);
+  }
+
+  retryTimedOutBoundary(boundaryFiber);
+}
+
+// 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;
+}
+
+function computeMsUntilSuspenseLoadingDelay(
+  mostRecentEventTime,
+  committedExpirationTime,
+  suspenseConfig
+) {
+  var busyMinDurationMs = suspenseConfig.busyMinDurationMs | 0;
+  if (busyMinDurationMs <= 0) {
+    return 0;
+  }
+  var busyDelayMs = suspenseConfig.busyDelayMs | 0;
+
+  // Compute the time until this render pass would expire.
+  var currentTimeMs = now();
+  var eventTimeMs = inferTimeFromExpirationTimeWithSuspenseConfig(
+    mostRecentEventTime,
+    suspenseConfig
+  );
+  var timeElapsed = currentTimeMs - eventTimeMs;
+  if (timeElapsed <= busyDelayMs) {
+    // If we haven't yet waited longer than the initial delay, we don't
+    // have to wait any additional time.
+    return 0;
+  }
+  var msUntilTimeout = busyDelayMs + busyMinDurationMs - timeElapsed;
+  // This is the value that is passed to `setTimeout`.
+  return msUntilTimeout;
+}
+
+function checkForNestedUpdates() {
+  if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
+    nestedUpdateCount = 0;
+    rootWithNestedUpdates = null;
+    (function() {
+      {
+        throw ReactError(
+          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;
+      warning$1(
+        false,
+        "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."
+      );
+    }
+  }
+}
+
+function flushRenderPhaseStrictModeWarningsInDEV() {
+  {
+    ReactStrictModeWarnings.flushLegacyContextWarning();
+
+    if (warnAboutDeprecatedLifecycles) {
+      ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings();
+    }
+  }
+}
+
+function stopFinishedWorkLoopTimer() {
+  var didCompleteRoot = true;
+  stopWorkLoopTimer(interruptedBy, didCompleteRoot);
+  interruptedBy = null;
+}
+
+function stopInterruptedWorkLoopTimer() {
+  // TODO: Track which fiber caused the interruption.
+  var didCompleteRoot = false;
+  stopWorkLoopTimer(interruptedBy, didCompleteRoot);
+  interruptedBy = null;
+}
+
+function checkForInterruption(fiberThatReceivedUpdate, updateExpirationTime) {
+  if (
+    enableUserTimingAPI &&
+    workInProgressRoot !== null &&
+    updateExpirationTime > renderExpirationTime
+  ) {
+    interruptedBy = fiberThatReceivedUpdate;
+  }
+}
+
+var didWarnStateUpdateForUnmountedComponent = null;
+function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {
+  {
+    var tag = fiber.tag;
+    if (
+      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 = getComponentName(fiber.type) || "ReactComponent";
+    if (didWarnStateUpdateForUnmountedComponent !== null) {
+      if (didWarnStateUpdateForUnmountedComponent.has(componentName)) {
+        return;
+      }
+      didWarnStateUpdateForUnmountedComponent.add(componentName);
+    } else {
+      didWarnStateUpdateForUnmountedComponent = new Set([componentName]);
+    }
+    warningWithoutStack$1(
+      false,
+      "Can't perform a React state update on an unmounted component. This " +
+        "is a no-op, but it indicates a memory leak in your application. To " +
+        "fix, cancel all subscriptions and asynchronous tasks in %s.%s",
+      tag === ClassComponent
+        ? "the componentWillUnmount method"
+        : "a useEffect cleanup function",
+      getStackByFiberInDevAndProd(fiber)
+    );
+  }
+}
+
+var beginWork$$1 = void 0;
+if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
+  var dummyFiber = null;
+  beginWork$$1 = function(current$$1, unitOfWork, expirationTime) {
+    // 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$1(current$$1, unitOfWork, expirationTime);
+    } catch (originalError) {
+      if (
+        originalError !== null &&
+        typeof originalError === "object" &&
+        typeof originalError.then === "function"
+      ) {
+        // Don't replay promises. Treat everything else like an error.
+        throw originalError;
+      }
+
+      // Keep this code in sync with renderRoot; any changes here must have
+      // corresponding changes there.
+      resetContextDependencies();
+      resetHooks();
+
+      // Unwind the failed stack frame
+      unwindInterruptedWork(unitOfWork);
+
+      // Restore the original properties of the fiber.
+      assignFiberPropertiesInDEV(unitOfWork, originalWorkInProgressCopy);
+
+      if (enableProfilerTimer && unitOfWork.mode & ProfileMode) {
+        // Reset the profiler timer.
+        startProfilerTimer(unitOfWork);
+      }
+
+      // Run beginWork again.
+      invokeGuardedCallback(
+        null,
+        beginWork$1,
+        null,
+        current$$1,
+        unitOfWork,
+        expirationTime
+      );
+
+      if (hasCaughtError()) {
+        var replayError = clearCaughtError();
+        // `invokeGuardedCallback` sometimes sets an expando `_suppressLogging`.
+        // Rethrow this error instead of the original one.
+        throw replayError;
+      } else {
+        // This branch is reachable if the render phase is impure.
+        throw originalError;
+      }
+    }
+  };
+} else {
+  beginWork$$1 = beginWork$1;
+}
+
+var didWarnAboutUpdateInRender = false;
+var didWarnAboutUpdateInGetChildContext = false;
+function warnAboutInvalidUpdatesOnClassComponentsInDEV(fiber) {
+  {
+    if (fiber.tag === ClassComponent) {
+      switch (phase) {
+        case "getChildContext":
+          if (didWarnAboutUpdateInGetChildContext) {
+            return;
+          }
+          warningWithoutStack$1(
+            false,
+            "setState(...): Cannot call setState() inside getChildContext()"
+          );
+          didWarnAboutUpdateInGetChildContext = true;
+          break;
+        case "render":
+          if (didWarnAboutUpdateInRender) {
+            return;
+          }
+          warningWithoutStack$1(
+            false,
+            "Cannot update during an existing state transition (such as " +
+              "within `render`). Render methods should be a pure function of " +
+              "props and state."
+          );
+          didWarnAboutUpdateInRender = true;
+          break;
+      }
+    }
+  }
+}
+
+// a 'shared' variable that changes when act() opens/closes in tests.
+var IsThisRendererActing = { current: false };
+
+function warnIfNotScopedWithMatchingAct(fiber) {
+  {
+    if (
+      warnsIfNotActing === true &&
+      IsSomeRendererActing.current === true &&
+      IsThisRendererActing.current !== true
+    ) {
+      warningWithoutStack$1(
+        false,
+        "It looks like you're using the wrong act() around your test interactions.\n" +
+          "Be sure to use the matching version of act() corresponding to your renderer:\n\n" +
+          "// for react-dom:\n" +
+          "import {act} from 'react-dom/test-utils';\n" +
+          "// ...\n" +
+          "act(() => ...);\n\n" +
+          "// for react-test-renderer:\n" +
+          "import TestRenderer from 'react-test-renderer';\n" +
+          "const {act} = TestRenderer;\n" +
+          "// ...\n" +
+          "act(() => ...);" +
+          "%s",
+        getStackByFiberInDevAndProd(fiber)
+      );
+    }
+  }
+}
+
+function warnIfNotCurrentlyActingEffectsInDEV(fiber) {
+  {
+    if (
+      warnsIfNotActing === true &&
+      (fiber.mode & StrictMode) !== NoMode &&
+      IsSomeRendererActing.current === false &&
+      IsThisRendererActing.current === false
+    ) {
+      warningWithoutStack$1(
+        false,
+        "An update to %s ran an effect, but 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://fb.me/react-wrap-tests-with-act" +
+          "%s",
+        getComponentName(fiber.type),
+        getStackByFiberInDevAndProd(fiber)
+      );
+    }
+  }
+}
+
+function warnIfNotCurrentlyActingUpdatesInDEV(fiber) {
+  {
+    if (
+      warnsIfNotActing === true &&
+      executionContext === NoContext &&
+      IsSomeRendererActing.current === false &&
+      IsThisRendererActing.current === false
+    ) {
+      warningWithoutStack$1(
+        false,
+        "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://fb.me/react-wrap-tests-with-act" +
+          "%s",
+        getComponentName(fiber.type),
+        getStackByFiberInDevAndProd(fiber)
+      );
+    }
+  }
+}
+
+var warnIfNotCurrentlyActingUpdatesInDev = warnIfNotCurrentlyActingUpdatesInDEV;
+
+// In tests, we want to enforce a mocked scheduler.
+var didWarnAboutUnmockedScheduler = false;
+// TODO Before we release concurrent mode, revisit this and decide whether a mocked
+// scheduler is the actual recommendation. The alternative could be a testing build,
+// a new lib, or whatever; we dunno just yet. This message is for early adopters
+// to get their tests right.
+
+function warnIfUnmockedScheduler(fiber) {
+  {
+    if (
+      didWarnAboutUnmockedScheduler === false &&
+      Scheduler.unstable_flushAllWithoutAsserting === undefined
+    ) {
+      if (fiber.mode & BatchedMode || fiber.mode & ConcurrentMode) {
+        didWarnAboutUnmockedScheduler = true;
+        warningWithoutStack$1(
+          false,
+          'In Concurrent or Sync modes, the "scheduler" module needs to be mocked ' +
+            "to guarantee consistent behaviour across tests and browsers. " +
+            "For example, with jest: \n" +
+            "jest.mock('scheduler', () => require('scheduler/unstable_mock'));\n\n" +
+            "For more info, visit https://fb.me/react-mock-scheduler"
+        );
+      } else if (warnAboutUnmockedScheduler === true) {
+        didWarnAboutUnmockedScheduler = true;
+        warningWithoutStack$1(
+          false,
+          'Starting from React v17, the "scheduler" module will need to be mocked ' +
+            "to guarantee consistent behaviour across tests and browsers. " +
+            "For example, with jest: \n" +
+            "jest.mock('scheduler', () => require('scheduler/unstable_mock'));\n\n" +
+            "For more info, visit https://fb.me/react-mock-scheduler"
+        );
+      }
+    }
+  }
+}
+
+var componentsThatTriggeredHighPriSuspend = null;
+function checkForWrongSuspensePriorityInDEV(sourceFiber) {
+  {
+    var currentPriorityLevel = getCurrentPriorityLevel();
+    if (
+      (sourceFiber.mode & ConcurrentMode) !== NoEffect &&
+      (currentPriorityLevel === UserBlockingPriority$1 ||
+        currentPriorityLevel === ImmediatePriority)
+    ) {
+      var workInProgressNode = sourceFiber;
+      while (workInProgressNode !== null) {
+        // Add the component that triggered the suspense
+        var current$$1 = workInProgressNode.alternate;
+        if (current$$1 !== null) {
+          // TODO: warn component that triggers the high priority
+          // suspend is the HostRoot
+          switch (workInProgressNode.tag) {
+            case ClassComponent:
+              // Loop through the component's update queue and see whether the component
+              // has triggered any high priority updates
+              var updateQueue = current$$1.updateQueue;
+              if (updateQueue !== null) {
+                var update = updateQueue.firstUpdate;
+                while (update !== null) {
+                  var priorityLevel = update.priority;
+                  if (
+                    priorityLevel === UserBlockingPriority$1 ||
+                    priorityLevel === ImmediatePriority
+                  ) {
+                    if (componentsThatTriggeredHighPriSuspend === null) {
+                      componentsThatTriggeredHighPriSuspend = new Set([
+                        getComponentName(workInProgressNode.type)
+                      ]);
+                    } else {
+                      componentsThatTriggeredHighPriSuspend.add(
+                        getComponentName(workInProgressNode.type)
+                      );
+                    }
+                    break;
+                  }
+                  update = update.next;
+                }
+              }
+              break;
+            case FunctionComponent:
+            case ForwardRef:
+            case SimpleMemoComponent:
+              if (
+                workInProgressNode.memoizedState !== null &&
+                workInProgressNode.memoizedState.baseUpdate !== null
+              ) {
+                var _update = workInProgressNode.memoizedState.baseUpdate;
+                // Loop through the functional component's memoized state to see whether
+                // the component has triggered any high pri updates
+                while (_update !== null) {
+                  var priority = _update.priority;
+                  if (
+                    priority === UserBlockingPriority$1 ||
+                    priority === ImmediatePriority
+                  ) {
+                    if (componentsThatTriggeredHighPriSuspend === null) {
+                      componentsThatTriggeredHighPriSuspend = new Set([
+                        getComponentName(workInProgressNode.type)
+                      ]);
+                    } else {
+                      componentsThatTriggeredHighPriSuspend.add(
+                        getComponentName(workInProgressNode.type)
+                      );
+                    }
+                    break;
+                  }
+                  if (
+                    _update.next === workInProgressNode.memoizedState.baseUpdate
+                  ) {
+                    break;
+                  }
+                  _update = _update.next;
+                }
+              }
+              break;
+            default:
+              break;
+          }
+        }
+        workInProgressNode = workInProgressNode.return;
+      }
+    }
+  }
+}
+
+function flushSuspensePriorityWarningInDEV() {
+  {
+    if (componentsThatTriggeredHighPriSuspend !== null) {
+      var componentNames = [];
+      componentsThatTriggeredHighPriSuspend.forEach(function(name) {
+        return componentNames.push(name);
+      });
+      componentsThatTriggeredHighPriSuspend = null;
+
+      if (componentNames.length > 0) {
+        warningWithoutStack$1(
+          false,
+          "%s triggered a user-blocking update that suspended." +
+            "\n\n" +
+            "The fix is to split the update into multiple parts: a user-blocking " +
+            "update to provide immediate feedback, and another update that " +
+            "triggers the bulk of the changes." +
+            "\n\n" +
+            "Refer to the documentation for useSuspenseTransition to learn how " +
+            "to implement this pattern.",
+          // TODO: Add link to React docs with more information, once it exists
+          componentNames.sort().join(", ")
+        );
+      }
+    }
+  }
+}
+
+function computeThreadID(root, expirationTime) {
+  // Interaction threads are unique per root and expiration time.
+  return expirationTime * 1000 + root.interactionThreadID;
+}
+
+function markSpawnedWork(expirationTime) {
+  if (!enableSchedulerTracing) {
+    return;
+  }
+  if (spawnedWorkDuringRender === null) {
+    spawnedWorkDuringRender = [expirationTime];
+  } else {
+    spawnedWorkDuringRender.push(expirationTime);
+  }
+}
+
+function scheduleInteractions(root, expirationTime, interactions) {
+  if (!enableSchedulerTracing) {
+    return;
+  }
+
+  if (interactions.size > 0) {
+    var pendingInteractionMap = root.pendingInteractionMap;
+    var pendingInteractions = pendingInteractionMap.get(expirationTime);
+    if (pendingInteractions != null) {
+      interactions.forEach(function(interaction) {
+        if (!pendingInteractions.has(interaction)) {
+          // Update the pending async work count for previously unscheduled interaction.
+          interaction.__count++;
+        }
+
+        pendingInteractions.add(interaction);
+      });
+    } else {
+      pendingInteractionMap.set(expirationTime, new Set(interactions));
+
+      // Update the pending async work count for the current interactions.
+      interactions.forEach(function(interaction) {
+        interaction.__count++;
+      });
+    }
+
+    var subscriber = tracing.__subscriberRef.current;
+    if (subscriber !== null) {
+      var threadID = computeThreadID(root, expirationTime);
+      subscriber.onWorkScheduled(interactions, threadID);
+    }
+  }
+}
+
+function schedulePendingInteractions(root, expirationTime) {
+  // This is called when work is scheduled on a root.
+  // It associates the current interactions with the newly-scheduled expiration.
+  // They will be restored when that expiration is later committed.
+  if (!enableSchedulerTracing) {
+    return;
+  }
+
+  scheduleInteractions(root, expirationTime, tracing.__interactionsRef.current);
+}
+
+function startWorkOnPendingInteractions(root, expirationTime) {
+  // This is called when new work is started on a root.
+  if (!enableSchedulerTracing) {
+    return;
+  }
+
+  // Determine which interactions this batch of work currently includes, So that
+  // we can accurately attribute time spent working on it, And so that cascading
+  // work triggered during the render phase will be associated with it.
+  var interactions = new Set();
+  root.pendingInteractionMap.forEach(function(
+    scheduledInteractions,
+    scheduledExpirationTime
+  ) {
+    if (scheduledExpirationTime >= expirationTime) {
+      scheduledInteractions.forEach(function(interaction) {
+        return interactions.add(interaction);
+      });
+    }
+  });
+
+  // Store the current set of interactions on the FiberRoot for a few reasons:
+  // We can re-use it in hot functions like renderRoot() without having to
+  // recalculate it. We will also use it in commitWork() to pass to any Profiler
+  // onRender() hooks. This also provides DevTools with a way to access it when
+  // the onCommitRoot() hook is called.
+  root.memoizedInteractions = interactions;
+
+  if (interactions.size > 0) {
+    var subscriber = tracing.__subscriberRef.current;
+    if (subscriber !== null) {
+      var threadID = computeThreadID(root, expirationTime);
+      try {
+        subscriber.onWorkStarted(interactions, threadID);
+      } catch (error) {
+        // If the subscriber throws, rethrow it in a separate task
+        scheduleCallback(ImmediatePriority, function() {
+          throw error;
+        });
+      }
+    }
+  }
+}
+
+function finishPendingInteractions(root, committedExpirationTime) {
+  if (!enableSchedulerTracing) {
+    return;
+  }
+
+  var earliestRemainingTimeAfterCommit = root.firstPendingTime;
+
+  var subscriber = void 0;
+
+  try {
+    subscriber = tracing.__subscriberRef.current;
+    if (subscriber !== null && root.memoizedInteractions.size > 0) {
+      var threadID = computeThreadID(root, committedExpirationTime);
+      subscriber.onWorkStopped(root.memoizedInteractions, threadID);
+    }
+  } catch (error) {
+    // If the subscriber throws, rethrow it in a separate task
+    scheduleCallback(ImmediatePriority, function() {
+      throw error;
+    });
+  } finally {
+    // Clear completed interactions from the pending Map.
+    // Unless the render was suspended or cascading work was scheduled,
+    // In which case– leave pending interactions until the subsequent render.
+    var pendingInteractionMap = root.pendingInteractionMap;
+    pendingInteractionMap.forEach(function(
+      scheduledInteractions,
+      scheduledExpirationTime
+    ) {
+      // Only decrement the pending interaction count if we're done.
+      // If there's still work at the current priority,
+      // That indicates that we are waiting for suspense data.
+      if (scheduledExpirationTime > earliestRemainingTimeAfterCommit) {
+        pendingInteractionMap.delete(scheduledExpirationTime);
+
+        scheduledInteractions.forEach(function(interaction) {
+          interaction.__count--;
+
+          if (subscriber !== null && interaction.__count === 0) {
+            try {
+              subscriber.onInteractionScheduledWorkCompleted(interaction);
+            } catch (error) {
+              // If the subscriber throws, rethrow it in a separate task
+              scheduleCallback(ImmediatePriority, function() {
+                throw error;
+              });
+            }
+          }
+        });
+      }
+    });
+  }
+}
+
+var onCommitFiberRoot = null;
+var onCommitFiberUnmount = 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) {
+    {
+      warningWithoutStack$1(
+        false,
+        "The installed version of React DevTools is too old and will not work " +
+          "with the current version of React. Please update React DevTools. " +
+          "https://fb.me/react-devtools"
+      );
+    }
+    // DevTools exists, even though it doesn't support Fiber.
+    return true;
+  }
+  try {
+    var rendererID = hook.inject(internals);
+    // We have successfully injected, so now it is safe to set up hooks.
+    onCommitFiberRoot = function(root, expirationTime) {
+      try {
+        var didError = (root.current.effectTag & DidCapture) === DidCapture;
+        if (enableProfilerTimer) {
+          var currentTime = requestCurrentTime();
+          var priorityLevel = inferPriorityFromExpirationTime(
+            currentTime,
+            expirationTime
+          );
+          hook.onCommitFiberRoot(rendererID, root, priorityLevel, didError);
+        } else {
+          hook.onCommitFiberRoot(rendererID, root, undefined, didError);
+        }
+      } catch (err) {
+        if (true && !hasLoggedError) {
+          hasLoggedError = true;
+          warningWithoutStack$1(
+            false,
+            "React DevTools encountered an error: %s",
+            err
+          );
+        }
+      }
+    };
+    onCommitFiberUnmount = function(fiber) {
+      try {
+        hook.onCommitFiberUnmount(rendererID, fiber);
+      } catch (err) {
+        if (true && !hasLoggedError) {
+          hasLoggedError = true;
+          warningWithoutStack$1(
+            false,
+            "React DevTools encountered an error: %s",
+            err
+          );
+        }
+      }
+    };
+  } catch (err) {
+    // Catch all errors because it is unsafe to throw during initialization.
+    {
+      warningWithoutStack$1(
+        false,
+        "React DevTools encountered an error: %s.",
+        err
+      );
+    }
+  }
+  // DevTools exists
+  return true;
+}
+
+function onCommitRoot(root, expirationTime) {
+  if (typeof onCommitFiberRoot === "function") {
+    onCommitFiberRoot(root, expirationTime);
+  }
+}
+
+function onCommitUnmount(fiber) {
+  if (typeof onCommitFiberUnmount === "function") {
+    onCommitFiberUnmount(fiber);
+  }
+}
+
+var hasBadMapPolyfill = void 0;
+
+{
+  hasBadMapPolyfill = false;
+  try {
+    var nonExtensibleObject = Object.preventExtensions({});
+    var testMap = new Map([[nonExtensibleObject, null]]);
+    var testSet = new Set([nonExtensibleObject]);
+    // This is necessary for Rollup to not consider these unused.
+    // https://github.com/rollup/rollup/issues/1771
+    // TODO: we can remove these if Rollup fixes the bug.
+    testMap.set(0, 0);
+    testSet.add(0);
+  } catch (e) {
+    // TODO: Consider warning about bad polyfills
+    hasBadMapPolyfill = true;
+  }
+}
+
+// A Fiber is work on a Component that needs to be done or was done. There can
+// be more than one per component.
+
+var debugCounter = void 0;
+
+{
+  debugCounter = 1;
+}
+
+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.effectTag = NoEffect;
+  this.nextEffect = null;
+
+  this.firstEffect = null;
+  this.lastEffect = null;
+
+  this.expirationTime = NoWork;
+  this.childExpirationTime = NoWork;
+
+  this.alternate = null;
+
+  if (enableProfilerTimer) {
+    // 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._debugID = debugCounter++;
+    this._debugSource = null;
+    this._debugOwner = null;
+    this._debugIsCurrentlyTiming = false;
+    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);
+}
+
+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;
+    if ($$typeof === REACT_FORWARD_REF_TYPE) {
+      return ForwardRef;
+    }
+    if ($$typeof === REACT_MEMO_TYPE) {
+      return MemoComponent;
+    }
+  }
+  return IndeterminateComponent;
+}
+
+// This is used to create an alternate fiber to do work on.
+function createWorkInProgress(current, pendingProps, expirationTime) {
+  var workInProgress = current.alternate;
+  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;
+
+    {
+      // DEV-only fields
+      workInProgress._debugID = current._debugID;
+      workInProgress._debugSource = current._debugSource;
+      workInProgress._debugOwner = current._debugOwner;
+      workInProgress._debugHookTypes = current._debugHookTypes;
+    }
+
+    workInProgress.alternate = current;
+    current.alternate = workInProgress;
+  } else {
+    workInProgress.pendingProps = pendingProps;
+
+    // We already have an alternate.
+    // Reset the effect tag.
+    workInProgress.effectTag = NoEffect;
+
+    // The effect list is no longer valid.
+    workInProgress.nextEffect = null;
+    workInProgress.firstEffect = null;
+    workInProgress.lastEffect = null;
+
+    if (enableProfilerTimer) {
+      // 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;
+    }
+  }
+
+  workInProgress.childExpirationTime = current.childExpirationTime;
+  workInProgress.expirationTime = current.expirationTime;
+
+  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
+      : {
+          expirationTime: currentDependencies.expirationTime,
+          firstContext: currentDependencies.firstContext,
+          responders: currentDependencies.responders
+        };
+
+  // These will be overridden during the parent's reconciliation
+  workInProgress.sibling = current.sibling;
+  workInProgress.index = current.index;
+  workInProgress.ref = current.ref;
+
+  if (enableProfilerTimer) {
+    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;
+      default:
+        break;
+    }
+  }
+
+  return workInProgress;
+}
+
+// Used to reuse a Fiber for a second pass.
+function resetWorkInProgress(workInProgress, renderExpirationTime) {
+  // 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 tag but keep any Placement tags, since that's something
+  // that child fiber is setting, not the reconciliation.
+  workInProgress.effectTag &= Placement;
+
+  // The effect list is no longer valid.
+  workInProgress.nextEffect = null;
+  workInProgress.firstEffect = null;
+  workInProgress.lastEffect = null;
+
+  var current = workInProgress.alternate;
+  if (current === null) {
+    // Reset to createFiber's initial values.
+    workInProgress.childExpirationTime = NoWork;
+    workInProgress.expirationTime = renderExpirationTime;
+
+    workInProgress.child = null;
+    workInProgress.memoizedProps = null;
+    workInProgress.memoizedState = null;
+    workInProgress.updateQueue = null;
+
+    workInProgress.dependencies = null;
+
+    if (enableProfilerTimer) {
+      // 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.childExpirationTime = current.childExpirationTime;
+    workInProgress.expirationTime = current.expirationTime;
+
+    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
+        : {
+            expirationTime: currentDependencies.expirationTime,
+            firstContext: currentDependencies.firstContext,
+            responders: currentDependencies.responders
+          };
+
+    if (enableProfilerTimer) {
+      // 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;
+    }
+  }
+
+  return workInProgress;
+}
+
+function createHostRootFiber(tag) {
+  var mode = void 0;
+  if (tag === ConcurrentRoot) {
+    mode = ConcurrentMode | BatchedMode | StrictMode;
+  } else if (tag === BatchedRoot) {
+    mode = BatchedMode | StrictMode;
+  } else {
+    mode = NoMode;
+  }
+
+  if (enableProfilerTimer && 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,
+  expirationTime
+) {
+  var fiber = void 0;
+
+  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);
+      }
+    }
+  } else if (typeof type === "string") {
+    fiberTag = HostComponent;
+  } else {
+    getTag: switch (type) {
+      case REACT_FRAGMENT_TYPE:
+        return createFiberFromFragment(
+          pendingProps.children,
+          mode,
+          expirationTime,
+          key
+        );
+      case REACT_CONCURRENT_MODE_TYPE:
+        fiberTag = Mode;
+        mode |= ConcurrentMode | BatchedMode | StrictMode;
+        break;
+      case REACT_STRICT_MODE_TYPE:
+        fiberTag = Mode;
+        mode |= StrictMode;
+        break;
+      case REACT_PROFILER_TYPE:
+        return createFiberFromProfiler(pendingProps, mode, expirationTime, key);
+      case REACT_SUSPENSE_TYPE:
+        return createFiberFromSuspense(pendingProps, mode, expirationTime, key);
+      case REACT_SUSPENSE_LIST_TYPE:
+        return createFiberFromSuspenseList(
+          pendingProps,
+          mode,
+          expirationTime,
+          key
+        );
+      default: {
+        if (typeof type === "object" && type !== null) {
+          switch (type.$$typeof) {
+            case REACT_PROVIDER_TYPE:
+              fiberTag = ContextProvider;
+              break getTag;
+            case REACT_CONTEXT_TYPE:
+              // This is a consumer
+              fiberTag = ContextConsumer;
+              break getTag;
+            case REACT_FORWARD_REF_TYPE:
+              fiberTag = ForwardRef;
+              {
+                resolvedType = resolveForwardRefForHotReloading(resolvedType);
+              }
+              break getTag;
+            case REACT_MEMO_TYPE:
+              fiberTag = MemoComponent;
+              break getTag;
+            case REACT_LAZY_TYPE:
+              fiberTag = LazyComponent;
+              resolvedType = null;
+              break getTag;
+            case REACT_FUNDAMENTAL_TYPE:
+              if (enableFundamentalAPI) {
+                return createFiberFromFundamental(
+                  type,
+                  pendingProps,
+                  mode,
+                  expirationTime,
+                  key
+                );
+              }
+              break;
+          }
+        }
+        var info = "";
+        {
+          if (
+            type === undefined ||
+            (typeof type === "object" &&
+              type !== null &&
+              Object.keys(type).length === 0)
+          ) {
+            info +=
+              " You likely forgot to export your component from the file " +
+              "it's defined in, or you might have mixed up default and " +
+              "named imports.";
+          }
+          var ownerName = owner ? getComponentName(owner.type) : null;
+          if (ownerName) {
+            info += "\n\nCheck the render method of `" + ownerName + "`.";
+          }
+        }
+        (function() {
+          {
+            throw ReactError(
+              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
+              )
+            );
+          }
+        })();
+      }
+    }
+  }
+
+  fiber = createFiber(fiberTag, pendingProps, key, mode);
+  fiber.elementType = type;
+  fiber.type = resolvedType;
+  fiber.expirationTime = expirationTime;
+
+  return fiber;
+}
+
+function createFiberFromElement(element, mode, expirationTime) {
+  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,
+    expirationTime
+  );
+  {
+    fiber._debugSource = element._source;
+    fiber._debugOwner = element._owner;
+  }
+  return fiber;
+}
+
+function createFiberFromFragment(elements, mode, expirationTime, key) {
+  var fiber = createFiber(Fragment, elements, key, mode);
+  fiber.expirationTime = expirationTime;
+  return fiber;
+}
+
+function createFiberFromFundamental(
+  fundamentalComponent,
+  pendingProps,
+  mode,
+  expirationTime,
+  key
+) {
+  var fiber = createFiber(FundamentalComponent, pendingProps, key, mode);
+  fiber.elementType = fundamentalComponent;
+  fiber.type = fundamentalComponent;
+  fiber.expirationTime = expirationTime;
+  return fiber;
+}
+
+function createFiberFromProfiler(pendingProps, mode, expirationTime, key) {
+  {
+    if (
+      typeof pendingProps.id !== "string" ||
+      typeof pendingProps.onRender !== "function"
+    ) {
+      warningWithoutStack$1(
+        false,
+        'Profiler must specify an "id" string and "onRender" function as props'
+      );
+    }
+  }
+
+  var fiber = createFiber(Profiler, pendingProps, key, mode | ProfileMode);
+  // TODO: The Profiler fiber shouldn't have a type. It has a tag.
+  fiber.elementType = REACT_PROFILER_TYPE;
+  fiber.type = REACT_PROFILER_TYPE;
+  fiber.expirationTime = expirationTime;
+
+  return fiber;
+}
+
+function createFiberFromSuspense(pendingProps, mode, expirationTime, key) {
+  var fiber = createFiber(SuspenseComponent, pendingProps, key, mode);
+
+  // TODO: The SuspenseComponent fiber shouldn't have a type. It has a tag.
+  // This needs to be fixed in getComponentName so that it relies on the tag
+  // instead.
+  fiber.type = REACT_SUSPENSE_TYPE;
+  fiber.elementType = REACT_SUSPENSE_TYPE;
+
+  fiber.expirationTime = expirationTime;
+  return fiber;
+}
+
+function createFiberFromSuspenseList(pendingProps, mode, expirationTime, key) {
+  var fiber = createFiber(SuspenseListComponent, pendingProps, key, mode);
+  {
+    // TODO: The SuspenseListComponent fiber shouldn't have a type. It has a tag.
+    // This needs to be fixed in getComponentName so that it relies on the tag
+    // instead.
+    fiber.type = REACT_SUSPENSE_LIST_TYPE;
+  }
+  fiber.elementType = REACT_SUSPENSE_LIST_TYPE;
+  fiber.expirationTime = expirationTime;
+  return fiber;
+}
+
+function createFiberFromText(content, mode, expirationTime) {
+  var fiber = createFiber(HostText, content, null, mode);
+  fiber.expirationTime = expirationTime;
+  return fiber;
+}
+
+function createFiberFromHostInstanceForDeletion() {
+  var fiber = createFiber(HostComponent, null, null, NoMode);
+  // TODO: These should not need a type.
+  fiber.elementType = "DELETED";
+  fiber.type = "DELETED";
+  return fiber;
+}
+
+function createFiberFromPortal(portal, mode, expirationTime) {
+  var pendingProps = portal.children !== null ? portal.children : [];
+  var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
+  fiber.expirationTime = expirationTime;
+  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.effectTag = source.effectTag;
+  target.nextEffect = source.nextEffect;
+  target.firstEffect = source.firstEffect;
+  target.lastEffect = source.lastEffect;
+  target.expirationTime = source.expirationTime;
+  target.childExpirationTime = source.childExpirationTime;
+  target.alternate = source.alternate;
+  if (enableProfilerTimer) {
+    target.actualDuration = source.actualDuration;
+    target.actualStartTime = source.actualStartTime;
+    target.selfBaseDuration = source.selfBaseDuration;
+    target.treeBaseDuration = source.treeBaseDuration;
+  }
+  target._debugID = source._debugID;
+  target._debugSource = source._debugSource;
+  target._debugOwner = source._debugOwner;
+  target._debugIsCurrentlyTiming = source._debugIsCurrentlyTiming;
+  target._debugNeedsRemount = source._debugNeedsRemount;
+  target._debugHookTypes = source._debugHookTypes;
+  return target;
+}
+
+// TODO: This should be lifted into the renderer.
+
+// The following attributes are only used by interaction tracing builds.
+// They enable interactions to be associated with their async work,
+// And expose interaction metadata to the React DevTools Profiler plugin.
+// Note that these attributes are only defined when the enableSchedulerTracing flag is enabled.
+
+// Exported FiberRoot type includes all properties,
+// To avoid requiring potentially error-prone :any casts throughout the project.
+// Profiling properties are only safe to access in profiling builds (when enableSchedulerTracing is true).
+// The types are defined separately within this file to ensure they stay in sync.
+// (We don't have to use an inline :any cast when enableSchedulerTracing is disabled.)
+
+function FiberRootNode(containerInfo, tag, hydrate) {
+  this.tag = tag;
+  this.current = null;
+  this.containerInfo = containerInfo;
+  this.pendingChildren = null;
+  this.pingCache = null;
+  this.finishedExpirationTime = NoWork;
+  this.finishedWork = null;
+  this.timeoutHandle = noTimeout;
+  this.context = null;
+  this.pendingContext = null;
+  this.hydrate = hydrate;
+  this.firstBatch = null;
+  this.callbackNode = null;
+  this.callbackExpirationTime = NoWork;
+  this.firstPendingTime = NoWork;
+  this.lastPendingTime = NoWork;
+  this.pingTime = NoWork;
+
+  if (enableSchedulerTracing) {
+    this.interactionThreadID = tracing.unstable_getThreadID();
+    this.memoizedInteractions = new Set();
+    this.pendingInteractionMap = new Map();
+  }
+}
+
+function createFiberRoot(containerInfo, tag, hydrate) {
+  var root = new FiberRootNode(containerInfo, tag, hydrate);
+
+  // Cyclic construction. This cheats the type system right now because
+  // stateNode is any.
+  var uninitializedFiber = createHostRootFiber(tag);
+  root.current = uninitializedFiber;
+  uninitializedFiber.stateNode = root;
+
+  return root;
+}
+
+// This lets us hook into Fiber to debug what it's doing.
+// See https://github.com/facebook/react/pull/8033.
+// This is not part of the public API, not even for React DevTools.
+// You may only inject a debugTool if you work on React Fiber itself.
+var ReactFiberInstrumentation = {
+  debugTool: null
+};
+
+var ReactFiberInstrumentation_1 = ReactFiberInstrumentation;
+
+// 0 is PROD, 1 is DEV.
+// Might add PROFILE later.
+
+var didWarnAboutNestedUpdates = void 0;
+var didWarnAboutFindNodeInStrictMode = void 0;
+
+{
+  didWarnAboutNestedUpdates = false;
+  didWarnAboutFindNodeInStrictMode = {};
+}
+
+function getContextForSubtree(parentComponent) {
+  if (!parentComponent) {
+    return emptyContextObject;
+  }
+
+  var fiber = get(parentComponent);
+  var parentContext = findCurrentUnmaskedContext(fiber);
+
+  if (fiber.tag === ClassComponent) {
+    var Component = fiber.type;
+    if (isContextProvider(Component)) {
+      return processChildContext(fiber, Component, parentContext);
+    }
+  }
+
+  return parentContext;
+}
+
+function scheduleRootUpdate(
+  current$$1,
+  element,
+  expirationTime,
+  suspenseConfig,
+  callback
+) {
+  {
+    if (phase === "render" && current !== null && !didWarnAboutNestedUpdates) {
+      didWarnAboutNestedUpdates = true;
+      warningWithoutStack$1(
+        false,
+        "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.",
+        getComponentName(current.type) || "Unknown"
+      );
+    }
+  }
+
+  var update = createUpdate(expirationTime, suspenseConfig);
+  // Caution: React DevTools currently depends on this property
+  // being called "element".
+  update.payload = { element: element };
+
+  callback = callback === undefined ? null : callback;
+  if (callback !== null) {
+    !(typeof callback === "function")
+      ? warningWithoutStack$1(
+          false,
+          "render(...): Expected the last optional `callback` argument to be a " +
+            "function. Instead received: %s.",
+          callback
+        )
+      : void 0;
+    update.callback = callback;
+  }
+
+  if (revertPassiveEffectsChange) {
+    flushPassiveEffects();
+  }
+  enqueueUpdate(current$$1, update);
+  scheduleWork(current$$1, expirationTime);
+
+  return expirationTime;
+}
+
+function updateContainerAtExpirationTime(
+  element,
+  container,
+  parentComponent,
+  expirationTime,
+  suspenseConfig,
+  callback
+) {
+  // TODO: If this is a nested container, this won't be the root.
+  var current$$1 = container.current;
+
+  {
+    if (ReactFiberInstrumentation_1.debugTool) {
+      if (current$$1.alternate === null) {
+        ReactFiberInstrumentation_1.debugTool.onMountContainer(container);
+      } else if (element === null) {
+        ReactFiberInstrumentation_1.debugTool.onUnmountContainer(container);
+      } else {
+        ReactFiberInstrumentation_1.debugTool.onUpdateContainer(container);
+      }
+    }
+  }
+
+  var context = getContextForSubtree(parentComponent);
+  if (container.context === null) {
+    container.context = context;
+  } else {
+    container.pendingContext = context;
+  }
+
+  return scheduleRootUpdate(
+    current$$1,
+    element,
+    expirationTime,
+    suspenseConfig,
+    callback
+  );
+}
+
+function findHostInstance(component) {
+  var fiber = get(component);
+  if (fiber === undefined) {
+    if (typeof component.render === "function") {
+      (function() {
+        {
+          throw ReactError(
+            Error("Unable to find node on an unmounted component.")
+          );
+        }
+      })();
+    } else {
+      (function() {
+        {
+          throw ReactError(
+            Error(
+              "Argument appears to not be a ReactComponent. Keys: " +
+                Object.keys(component)
+            )
+          );
+        }
+      })();
+    }
+  }
+  var hostFiber = findCurrentHostFiber(fiber);
+  if (hostFiber === null) {
+    return null;
+  }
+  return hostFiber.stateNode;
+}
+
+function findHostInstanceWithWarning(component, methodName) {
+  {
+    var fiber = get(component);
+    if (fiber === undefined) {
+      if (typeof component.render === "function") {
+        (function() {
+          {
+            throw ReactError(
+              Error("Unable to find node on an unmounted component.")
+            );
+          }
+        })();
+      } else {
+        (function() {
+          {
+            throw ReactError(
+              Error(
+                "Argument appears to not be a ReactComponent. Keys: " +
+                  Object.keys(component)
+              )
+            );
+          }
+        })();
+      }
+    }
+    var hostFiber = findCurrentHostFiber(fiber);
+    if (hostFiber === null) {
+      return null;
+    }
+    if (hostFiber.mode & StrictMode) {
+      var componentName = getComponentName(fiber.type) || "Component";
+      if (!didWarnAboutFindNodeInStrictMode[componentName]) {
+        didWarnAboutFindNodeInStrictMode[componentName] = true;
+        if (fiber.mode & StrictMode) {
+          warningWithoutStack$1(
+            false,
+            "%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." +
+              "\n%s" +
+              "\n\nLearn more about using refs safely here:" +
+              "\nhttps://fb.me/react-strict-mode-find-node",
+            methodName,
+            methodName,
+            componentName,
+            getStackByFiberInDevAndProd(hostFiber)
+          );
+        } else {
+          warningWithoutStack$1(
+            false,
+            "%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." +
+              "\n%s" +
+              "\n\nLearn more about using refs safely here:" +
+              "\nhttps://fb.me/react-strict-mode-find-node",
+            methodName,
+            methodName,
+            componentName,
+            getStackByFiberInDevAndProd(hostFiber)
+          );
+        }
+      }
+    }
+    return hostFiber.stateNode;
+  }
+  return findHostInstance(component);
+}
+
+function createContainer(containerInfo, tag, hydrate) {
+  return createFiberRoot(containerInfo, tag, hydrate);
+}
+
+function updateContainer(element, container, parentComponent, callback) {
+  var current$$1 = container.current;
+  var currentTime = requestCurrentTime();
+  {
+    // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
+    if ("undefined" !== typeof jest) {
+      warnIfUnmockedScheduler(current$$1);
+      warnIfNotScopedWithMatchingAct(current$$1);
+    }
+  }
+  var suspenseConfig = requestCurrentSuspenseConfig();
+  var expirationTime = computeExpirationForFiber(
+    currentTime,
+    current$$1,
+    suspenseConfig
+  );
+  return updateContainerAtExpirationTime(
+    element,
+    container,
+    parentComponent,
+    expirationTime,
+    suspenseConfig,
+    callback
+  );
+}
+
+function getPublicRootInstance(container) {
+  var containerFiber = container.current;
+  if (!containerFiber.child) {
+    return null;
+  }
+  switch (containerFiber.child.tag) {
+    case HostComponent:
+      return getPublicInstance(containerFiber.child.stateNode);
+    default:
+      return containerFiber.child.stateNode;
+  }
+}
+
+var shouldSuspendImpl = function(fiber) {
+  return false;
+};
+
+function shouldSuspend(fiber) {
+  return shouldSuspendImpl(fiber);
+}
+
+var overrideHookState = null;
+var overrideProps = null;
+var scheduleUpdate = null;
+var setSuspenseHandler = null;
+
+{
+  var copyWithSetImpl = function(obj, path, idx, value) {
+    if (idx >= path.length) {
+      return value;
+    }
+    var key = path[idx];
+    var updated = Array.isArray(obj) ? obj.slice() : Object.assign({}, obj);
+    // $FlowFixMe number or string is fine here
+    updated[key] = copyWithSetImpl(obj[key], path, idx + 1, value);
+    return updated;
+  };
+
+  var copyWithSet = function(obj, path, value) {
+    return copyWithSetImpl(obj, path, 0, value);
+  };
+
+  // Support DevTools editable values for useState and useReducer.
+  overrideHookState = function(fiber, id, path, value) {
+    // 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;
+    while (currentHook !== null && id > 0) {
+      currentHook = currentHook.next;
+      id--;
+    }
+    if (currentHook !== null) {
+      if (revertPassiveEffectsChange) {
+        flushPassiveEffects();
+      }
+
+      var newState = copyWithSet(currentHook.memoizedState, path, value);
+      currentHook.memoizedState = newState;
+      currentHook.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 = Object.assign({}, fiber.memoizedProps);
+
+      scheduleWork(fiber, Sync);
+    }
+  };
+
+  // Support DevTools props for function components, forwardRef, memo, host components, etc.
+  overrideProps = function(fiber, path, value) {
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
+    fiber.pendingProps = copyWithSet(fiber.memoizedProps, path, value);
+    if (fiber.alternate) {
+      fiber.alternate.pendingProps = fiber.pendingProps;
+    }
+    scheduleWork(fiber, Sync);
+  };
+
+  scheduleUpdate = function(fiber) {
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
+    scheduleWork(fiber, Sync);
+  };
+
+  setSuspenseHandler = function(newShouldSuspendImpl) {
+    shouldSuspendImpl = newShouldSuspendImpl;
+  };
+}
+
+function injectIntoDevTools(devToolsConfig) {
+  var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+  var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+
+  return injectInternals(
+    Object.assign({}, devToolsConfig, {
+      overrideHookState: overrideHookState,
+      overrideProps: overrideProps,
+      setSuspenseHandler: setSuspenseHandler,
+      scheduleUpdate: scheduleUpdate,
+      currentDispatcherRef: ReactCurrentDispatcher,
+      findHostInstanceByFiber: function(fiber) {
+        var hostFiber = findCurrentHostFiber(fiber);
+        if (hostFiber === null) {
+          return null;
+        }
+        return hostFiber.stateNode;
+      },
+      findFiberByHostInstance: function(instance) {
+        if (!findFiberByHostInstance) {
+          // Might not be implemented by the renderer.
+          return null;
+        }
+        return findFiberByHostInstance(instance);
+      },
+
+      // React Refresh
+      findHostInstancesForRefresh: findHostInstancesForRefresh,
+      scheduleRefresh: scheduleRefresh,
+      scheduleRoot: scheduleRoot,
+      setRefreshHandler: setRefreshHandler,
+      // Enables DevTools to append owner stacks to error messages in DEV mode.
+      getCurrentFiber: function() {
+        return current;
+      }
+    })
+  );
+}
+
+// This file intentionally does *not* have the Flow annotation.
+// Don't add it. See `./inline-typed.js` for an explanation.
+
+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;
+
+  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
+  };
+}
+
+// TODO: this is special because it gets imported during build.
+
+var ReactVersion = "16.8.6";
+
+// Modules provided by RN:
+var NativeMethodsMixin = function(findNodeHandle, findHostInstance) {
+  /**
+   * `NativeMethodsMixin` provides methods to access the underlying native
+   * component directly. This can be useful in cases when you want to focus
+   * a view or measure its on-screen dimensions, for example.
+   *
+   * The methods described here are available on most of the default components
+   * provided by React Native. Note, however, that they are *not* available on
+   * composite components that aren't directly backed by a native view. This will
+   * generally include most components that you define in your own app. For more
+   * information, see [Direct
+   * Manipulation](docs/direct-manipulation.html).
+   *
+   * Note the Flow $Exact<> syntax is required to support mixins.
+   * React createClass mixins can only be used with exact types.
+   */
+  var NativeMethodsMixin = {
+    /**
+     * 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
+     * be called with the following arguments:
+     *
+     *  - x
+     *  - y
+     *  - width
+     *  - height
+     *  - pageX
+     *  - pageY
+     *
+     * Note that these measurements are not available until after the rendering
+     * has been completed in native. If you need the measurements as soon as
+     * possible, consider using the [`onLayout`
+     * prop](docs/view.html#onlayout) instead.
+     */
+    measure: function(callback) {
+      var maybeInstance = void 0;
+
+      // Fiber errors if findNodeHandle is called for an umounted component.
+      // Tests using ReactTestRenderer will trigger this case indirectly.
+      // Mimicking stack behavior, we should silently ignore this case.
+      // TODO Fix ReactTestRenderer so we can remove this try/catch.
+      try {
+        maybeInstance = findHostInstance(this);
+      } catch (error) {}
+
+      // If there is no host component beneath this we should fail silently.
+      // This is not an error; it could mean a class component rendered null.
+      if (maybeInstance == null) {
+        return;
+      }
+
+      if (maybeInstance.canonical) {
+        // We can't call FabricUIManager here because it won't be loaded in paper
+        // at initialization time. See https://github.com/facebook/react/pull/15490
+        // for more info.
+        nativeFabricUIManager.measure(
+          maybeInstance.node,
+          mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+        );
+      } else {
+        ReactNativePrivateInterface.UIManager.measure(
+          findNodeHandle(this),
+          mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+        );
+      }
+    },
+
+    /**
+     * Determines the location of the given view in the window and returns the
+     * values via an async callback. If the React root view is embedded in
+     * another native view, this will give you the absolute coordinates. If
+     * successful, the callback will be called with the following
+     * arguments:
+     *
+     *  - x
+     *  - y
+     *  - width
+     *  - height
+     *
+     * Note that these measurements are not available until after the rendering
+     * has been completed in native.
+     */
+    measureInWindow: function(callback) {
+      var maybeInstance = void 0;
+
+      // Fiber errors if findNodeHandle is called for an umounted component.
+      // Tests using ReactTestRenderer will trigger this case indirectly.
+      // Mimicking stack behavior, we should silently ignore this case.
+      // TODO Fix ReactTestRenderer so we can remove this try/catch.
+      try {
+        maybeInstance = findHostInstance(this);
+      } catch (error) {}
+
+      // If there is no host component beneath this we should fail silently.
+      // This is not an error; it could mean a class component rendered null.
+      if (maybeInstance == null) {
+        return;
+      }
+
+      if (maybeInstance.canonical) {
+        // We can't call FabricUIManager here because it won't be loaded in paper
+        // at initialization time. See https://github.com/facebook/react/pull/15490
+        // for more info.
+        nativeFabricUIManager.measureInWindow(
+          maybeInstance.node,
+          mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+        );
+      } else {
+        ReactNativePrivateInterface.UIManager.measureInWindow(
+          findNodeHandle(this),
+          mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+        );
+      }
+    },
+
+    /**
+     * Like [`measure()`](#measure), but measures the view relative an ancestor,
+     * specified as `relativeToNativeNode`. This means that the returned x, y
+     * are relative to the origin x, y of the ancestor view.
+     *
+     * As always, to obtain a native node handle for a component, you can use
+     * `findNodeHandle(component)`.
+     */
+    measureLayout: function(
+      relativeToNativeNode,
+      onSuccess,
+      onFail /* currently unused */
+    ) {
+      var maybeInstance = void 0;
+
+      // Fiber errors if findNodeHandle is called for an umounted component.
+      // Tests using ReactTestRenderer will trigger this case indirectly.
+      // Mimicking stack behavior, we should silently ignore this case.
+      // TODO Fix ReactTestRenderer so we can remove this try/catch.
+      try {
+        maybeInstance = findHostInstance(this);
+      } catch (error) {}
+
+      // If there is no host component beneath this we should fail silently.
+      // This is not an error; it could mean a class component rendered null.
+      if (maybeInstance == null) {
+        return;
+      }
+
+      if (maybeInstance.canonical) {
+        warningWithoutStack$1(
+          false,
+          "Warning: measureLayout on components using NativeMethodsMixin " +
+            "or ReactNative.NativeComponent is not currently supported in Fabric. " +
+            "measureLayout must be called on a native ref. Consider using forwardRef."
+        );
+        return;
+      } else {
+        var relativeNode = void 0;
+
+        if (typeof relativeToNativeNode === "number") {
+          // Already a node handle
+          relativeNode = relativeToNativeNode;
+        } else if (relativeToNativeNode._nativeTag) {
+          relativeNode = relativeToNativeNode._nativeTag;
+        }
+
+        if (relativeNode == null) {
+          warningWithoutStack$1(
+            false,
+            "Warning: ref.measureLayout must be called with a node handle or a ref to a native component."
+          );
+
+          return;
+        }
+
+        ReactNativePrivateInterface.UIManager.measureLayout(
+          findNodeHandle(this),
+          relativeNode,
+          mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
+          mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
+        );
+      }
+    },
+
+    /**
+     * This function sends props straight to native. They will not participate in
+     * future diff process - this means that if you do not include them in the
+     * next render, they will remain active (see [Direct
+     * Manipulation](docs/direct-manipulation.html)).
+     */
+    setNativeProps: function(nativeProps) {
+      // Class components don't have viewConfig -> validateAttributes.
+      // Nor does it make sense to set native props on a non-native component.
+      // Instead, find the nearest host component and set props on it.
+      // Use findNodeHandle() rather than findNodeHandle() because
+      // We want the instance/wrapper (not the native tag).
+      var maybeInstance = void 0;
+
+      // Fiber errors if findNodeHandle is called for an umounted component.
+      // Tests using ReactTestRenderer will trigger this case indirectly.
+      // Mimicking stack behavior, we should silently ignore this case.
+      // TODO Fix ReactTestRenderer so we can remove this try/catch.
+      try {
+        maybeInstance = findHostInstance(this);
+      } catch (error) {}
+
+      // If there is no host component beneath this we should fail silently.
+      // This is not an error; it could mean a class component rendered null.
+      if (maybeInstance == null) {
+        return;
+      }
+
+      if (maybeInstance.canonical) {
+        warningWithoutStack$1(
+          false,
+          "Warning: setNativeProps is not currently supported in Fabric"
+        );
+        return;
+      }
+
+      {
+        if (warnAboutDeprecatedSetNativeProps) {
+          warningWithoutStack$1(
+            false,
+            "Warning: Calling ref.setNativeProps(nativeProps) " +
+              "is deprecated and will be removed in a future release. " +
+              "Use the setNativeProps export from the react-native package instead." +
+              "\n\timport {setNativeProps} from 'react-native';\n\tsetNativeProps(ref, nativeProps);\n"
+          );
+        }
+      }
+
+      var nativeTag =
+        maybeInstance._nativeTag || maybeInstance.canonical._nativeTag;
+      var viewConfig =
+        maybeInstance.viewConfig || maybeInstance.canonical.viewConfig;
+
+      {
+        warnForStyleProps(nativeProps, viewConfig.validAttributes);
+      }
+
+      var updatePayload = create(nativeProps, 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(
+          nativeTag,
+          viewConfig.uiViewClassName,
+          updatePayload
+        );
+      }
+    },
+
+    /**
+     * Requests focus for the given input or view. The exact behavior triggered
+     * will depend on the platform and type of view.
+     */
+    focus: function() {
+      ReactNativePrivateInterface.TextInputState.focusTextInput(
+        findNodeHandle(this)
+      );
+    },
+
+    /**
+     * Removes focus from an input or view. This is the opposite of `focus()`.
+     */
+    blur: function() {
+      ReactNativePrivateInterface.TextInputState.blurTextInput(
+        findNodeHandle(this)
+      );
+    }
+  };
+
+  {
+    // hide this from Flow since we can't define these properties outside of
+    // true without actually implementing them (setting them to undefined
+    // isn't allowed by ReactClass)
+    var NativeMethodsMixin_DEV = NativeMethodsMixin;
+    (function() {
+      if (
+        !(
+          !NativeMethodsMixin_DEV.componentWillMount &&
+          !NativeMethodsMixin_DEV.componentWillReceiveProps &&
+          !NativeMethodsMixin_DEV.UNSAFE_componentWillMount &&
+          !NativeMethodsMixin_DEV.UNSAFE_componentWillReceiveProps
+        )
+      ) {
+        throw ReactError(Error("Do not override existing functions."));
+      }
+    })();
+    // TODO (bvaughn) Remove cWM and cWRP in a future version of React Native,
+    // Once these lifecycles have been remove from the reconciler.
+    NativeMethodsMixin_DEV.componentWillMount = function() {
+      throwOnStylesProp(this, this.props);
+    };
+    NativeMethodsMixin_DEV.componentWillReceiveProps = function(newProps) {
+      throwOnStylesProp(this, newProps);
+    };
+    NativeMethodsMixin_DEV.UNSAFE_componentWillMount = function() {
+      throwOnStylesProp(this, this.props);
+    };
+    NativeMethodsMixin_DEV.UNSAFE_componentWillReceiveProps = function(
+      newProps
+    ) {
+      throwOnStylesProp(this, newProps);
+    };
+
+    // React may warn about cWM/cWRP/cWU methods being deprecated.
+    // Add a flag to suppress these warnings for this special case.
+    // TODO (bvaughn) Remove this flag once the above methods have been removed.
+    NativeMethodsMixin_DEV.componentWillMount.__suppressDeprecationWarning = true;
+    NativeMethodsMixin_DEV.componentWillReceiveProps.__suppressDeprecationWarning = true;
+  }
+
+  return NativeMethodsMixin;
+};
+
+function _classCallCheck$2(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+function _possibleConstructorReturn$1(self, call) {
+  if (!self) {
+    throw new ReferenceError(
+      "this hasn't been initialised - super() hasn't been called"
+    );
+  }
+  return call && (typeof call === "object" || typeof call === "function")
+    ? call
+    : self;
+}
+
+function _inherits$1(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError(
+      "Super expression must either be null or a function, not " +
+        typeof superClass
+    );
+  }
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      enumerable: false,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass)
+    Object.setPrototypeOf
+      ? Object.setPrototypeOf(subClass, superClass)
+      : (subClass.__proto__ = superClass);
+}
+
+// Modules provided by RN:
+var ReactNativeComponent$1 = function(findNodeHandle, findHostInstance) {
+  /**
+   * Superclass that provides methods to access the underlying native component.
+   * This can be useful when you want to focus a view or measure its dimensions.
+   *
+   * Methods implemented by this class are available on most default components
+   * provided by React Native. However, they are *not* available on composite
+   * components that are not directly backed by a native view. For more
+   * information, see [Direct Manipulation](docs/direct-manipulation.html).
+   *
+   * @abstract
+   */
+  var ReactNativeComponent = (function(_React$Component) {
+    _inherits$1(ReactNativeComponent, _React$Component);
+
+    function ReactNativeComponent() {
+      _classCallCheck$2(this, ReactNativeComponent);
+
+      return _possibleConstructorReturn$1(
+        this,
+        _React$Component.apply(this, arguments)
+      );
+    }
+
+    /**
+     * Removes focus. This is the opposite of `focus()`.
+     */
+
+    /**
+     * Due to bugs in Flow's handling of React.createClass, some fields already
+     * declared in the base class need to be redeclared below.
+     */
+    ReactNativeComponent.prototype.blur = function blur() {
+      ReactNativePrivateInterface.TextInputState.blurTextInput(
+        findNodeHandle(this)
+      );
+    };
+
+    /**
+     * Requests focus. The exact behavior depends on the platform and view.
+     */
+
+    ReactNativeComponent.prototype.focus = function focus() {
+      ReactNativePrivateInterface.TextInputState.focusTextInput(
+        findNodeHandle(this)
+      );
+    };
+
+    /**
+     * Measures the on-screen location and dimensions. If successful, the callback
+     * will be called asynchronously with the following arguments:
+     *
+     *  - x
+     *  - y
+     *  - width
+     *  - height
+     *  - pageX
+     *  - pageY
+     *
+     * These values are not available until after natives rendering completes. If
+     * you need the measurements as soon as possible, consider using the
+     * [`onLayout` prop](docs/view.html#onlayout) instead.
+     */
+
+    ReactNativeComponent.prototype.measure = function measure(callback) {
+      var maybeInstance = void 0;
+
+      // Fiber errors if findNodeHandle is called for an umounted component.
+      // Tests using ReactTestRenderer will trigger this case indirectly.
+      // Mimicking stack behavior, we should silently ignore this case.
+      // TODO Fix ReactTestRenderer so we can remove this try/catch.
+      try {
+        maybeInstance = findHostInstance(this);
+      } catch (error) {}
+
+      // If there is no host component beneath this we should fail silently.
+      // This is not an error; it could mean a class component rendered null.
+      if (maybeInstance == null) {
+        return;
+      }
+
+      if (maybeInstance.canonical) {
+        // We can't call FabricUIManager here because it won't be loaded in paper
+        // at initialization time. See https://github.com/facebook/react/pull/15490
+        // for more info.
+        nativeFabricUIManager.measure(
+          maybeInstance.node,
+          mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+        );
+      } else {
+        ReactNativePrivateInterface.UIManager.measure(
+          findNodeHandle(this),
+          mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+        );
+      }
+    };
+
+    /**
+     * Measures the on-screen location and dimensions. Even if the React Native
+     * root view is embedded within another native view, this method will give you
+     * the absolute coordinates measured from the window. If successful, the
+     * callback will be called asynchronously with the following arguments:
+     *
+     *  - x
+     *  - y
+     *  - width
+     *  - height
+     *
+     * These values are not available until after natives rendering completes.
+     */
+
+    ReactNativeComponent.prototype.measureInWindow = function measureInWindow(
+      callback
+    ) {
+      var maybeInstance = void 0;
+
+      // Fiber errors if findNodeHandle is called for an umounted component.
+      // Tests using ReactTestRenderer will trigger this case indirectly.
+      // Mimicking stack behavior, we should silently ignore this case.
+      // TODO Fix ReactTestRenderer so we can remove this try/catch.
+      try {
+        maybeInstance = findHostInstance(this);
+      } catch (error) {}
+
+      // If there is no host component beneath this we should fail silently.
+      // This is not an error; it could mean a class component rendered null.
+      if (maybeInstance == null) {
+        return;
+      }
+
+      if (maybeInstance.canonical) {
+        // We can't call FabricUIManager here because it won't be loaded in paper
+        // at initialization time. See https://github.com/facebook/react/pull/15490
+        // for more info.
+        nativeFabricUIManager.measureInWindow(
+          maybeInstance.node,
+          mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+        );
+      } else {
+        ReactNativePrivateInterface.UIManager.measureInWindow(
+          findNodeHandle(this),
+          mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+        );
+      }
+    };
+
+    /**
+     * Similar to [`measure()`](#measure), but the resulting location will be
+     * relative to the supplied ancestor's location.
+     *
+     * Obtain a native node handle with `ReactNative.findNodeHandle(component)`.
+     */
+
+    ReactNativeComponent.prototype.measureLayout = function measureLayout(
+      relativeToNativeNode,
+      onSuccess,
+      onFail /* currently unused */
+    ) {
+      var maybeInstance = void 0;
+
+      // Fiber errors if findNodeHandle is called for an umounted component.
+      // Tests using ReactTestRenderer will trigger this case indirectly.
+      // Mimicking stack behavior, we should silently ignore this case.
+      // TODO Fix ReactTestRenderer so we can remove this try/catch.
+      try {
+        maybeInstance = findHostInstance(this);
+      } catch (error) {}
+
+      // If there is no host component beneath this we should fail silently.
+      // This is not an error; it could mean a class component rendered null.
+      if (maybeInstance == null) {
+        return;
+      }
+
+      if (maybeInstance.canonical) {
+        warningWithoutStack$1(
+          false,
+          "Warning: measureLayout on components using NativeMethodsMixin " +
+            "or ReactNative.NativeComponent is not currently supported in Fabric. " +
+            "measureLayout must be called on a native ref. Consider using forwardRef."
+        );
+        return;
+      } else {
+        var relativeNode = void 0;
+
+        if (typeof relativeToNativeNode === "number") {
+          // Already a node handle
+          relativeNode = relativeToNativeNode;
+        } else if (relativeToNativeNode._nativeTag) {
+          relativeNode = relativeToNativeNode._nativeTag;
+        }
+
+        if (relativeNode == null) {
+          warningWithoutStack$1(
+            false,
+            "Warning: ref.measureLayout must be called with a node handle or a ref to a native component."
+          );
+
+          return;
+        }
+
+        ReactNativePrivateInterface.UIManager.measureLayout(
+          findNodeHandle(this),
+          relativeNode,
+          mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
+          mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
+        );
+      }
+    };
+
+    /**
+     * This function sends props straight to native. They will not participate in
+     * future diff process - this means that if you do not include them in the
+     * next render, they will remain active (see [Direct
+     * Manipulation](docs/direct-manipulation.html)).
+     */
+
+    ReactNativeComponent.prototype.setNativeProps = function setNativeProps(
+      nativeProps
+    ) {
+      // Class components don't have viewConfig -> validateAttributes.
+      // Nor does it make sense to set native props on a non-native component.
+      // Instead, find the nearest host component and set props on it.
+      // Use findNodeHandle() rather than ReactNative.findNodeHandle() because
+      // We want the instance/wrapper (not the native tag).
+      var maybeInstance = void 0;
+
+      // Fiber errors if findNodeHandle is called for an umounted component.
+      // Tests using ReactTestRenderer will trigger this case indirectly.
+      // Mimicking stack behavior, we should silently ignore this case.
+      // TODO Fix ReactTestRenderer so we can remove this try/catch.
+      try {
+        maybeInstance = findHostInstance(this);
+      } catch (error) {}
+
+      // If there is no host component beneath this we should fail silently.
+      // This is not an error; it could mean a class component rendered null.
+      if (maybeInstance == null) {
+        return;
+      }
+
+      if (maybeInstance.canonical) {
+        warningWithoutStack$1(
+          false,
+          "Warning: setNativeProps is not currently supported in Fabric"
+        );
+        return;
+      }
+
+      {
+        if (warnAboutDeprecatedSetNativeProps) {
+          warningWithoutStack$1(
+            false,
+            "Warning: Calling ref.setNativeProps(nativeProps) " +
+              "is deprecated and will be removed in a future release. " +
+              "Use the setNativeProps export from the react-native package instead." +
+              "\n\timport {setNativeProps} from 'react-native';\n\tsetNativeProps(ref, nativeProps);\n"
+          );
+        }
+      }
+
+      var nativeTag =
+        maybeInstance._nativeTag || maybeInstance.canonical._nativeTag;
+      var viewConfig =
+        maybeInstance.viewConfig || maybeInstance.canonical.viewConfig;
+
+      var updatePayload = create(nativeProps, 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(
+          nativeTag,
+          viewConfig.uiViewClassName,
+          updatePayload
+        );
+      }
+    };
+
+    return ReactNativeComponent;
+  })(React.Component);
+
+  // eslint-disable-next-line no-unused-expressions
+
+  return ReactNativeComponent;
+};
+
+var instanceCache = new Map();
+
+function getInstanceFromTag(tag) {
+  return instanceCache.get(tag) || null;
+}
+
+// Module provided by RN:
+var emptyObject$2 = {};
+{
+  Object.freeze(emptyObject$2);
+}
+
+var getInspectorDataForViewTag = void 0;
+
+{
+  var traverseOwnerTreeUp = function(hierarchy, instance) {
+    if (instance) {
+      hierarchy.unshift(instance);
+      traverseOwnerTreeUp(hierarchy, instance._debugOwner);
+    }
+  };
+
+  var getOwnerHierarchy = function(instance) {
+    var hierarchy = [];
+    traverseOwnerTreeUp(hierarchy, instance);
+    return hierarchy;
+  };
+
+  var lastNonHostInstance = function(hierarchy) {
+    for (var i = hierarchy.length - 1; i > 1; i--) {
+      var instance = hierarchy[i];
+
+      if (instance.tag !== HostComponent) {
+        return instance;
+      }
+    }
+    return hierarchy[0];
+  };
+
+  var getHostProps = function(fiber) {
+    var host = findCurrentHostFiber(fiber);
+    if (host) {
+      return host.memoizedProps || emptyObject$2;
+    }
+    return emptyObject$2;
+  };
+
+  var getHostNode = function(fiber, findNodeHandle) {
+    var hostNode = void 0;
+    // 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;
+      }
+      fiber = fiber.child;
+    }
+    return null;
+  };
+
+  var createHierarchy = function(fiberHierarchy) {
+    return fiberHierarchy.map(function(fiber) {
+      return {
+        name: getComponentName(fiber.type),
+        getInspectorData: function(findNodeHandle) {
+          return {
+            measure: function(callback) {
+              return ReactNativePrivateInterface.UIManager.measure(
+                getHostNode(fiber, findNodeHandle),
+                callback
+              );
+            },
+            props: getHostProps(fiber),
+            source: fiber._debugSource
+          };
+        }
+      };
+    });
+  };
+
+  getInspectorDataForViewTag = function(viewTag) {
+    var closestInstance = getInstanceFromTag(viewTag);
+
+    // Handle case where user clicks outside of ReactNative
+    if (!closestInstance) {
+      return {
+        hierarchy: [],
+        props: emptyObject$2,
+        selection: null,
+        source: null
+      };
+    }
+
+    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 selection = fiberHierarchy.indexOf(instance);
+
+    return {
+      hierarchy: hierarchy,
+      props: props,
+      selection: selection,
+      source: source
+    };
+  };
+}
+
+var _nativeFabricUIManage = nativeFabricUIManager;
+var fabricDispatchCommand = _nativeFabricUIManage.dispatchCommand;
+
+var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+
+function findNodeHandle(componentOrHandle) {
+  {
+    var owner = ReactCurrentOwner.current;
+    if (owner !== null && owner.stateNode !== null) {
+      !owner.stateNode._warnedAboutRefsInRender
+        ? warningWithoutStack$1(
+            false,
+            "%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.",
+            getComponentName(owner.type) || "A component"
+          )
+        : void 0;
+
+      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 = void 0;
+  {
+    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;
+}
+
+setBatchingImplementation(
+  batchedUpdates$1,
+  discreteUpdates$1,
+  flushDiscreteUpdates,
+  batchedEventUpdates$1
+);
+
+var roots = new Map();
+
+var ReactFabric = {
+  NativeComponent: ReactNativeComponent$1(findNodeHandle, findHostInstance),
+
+  findNodeHandle: findNodeHandle,
+
+  setNativeProps: function(handle, nativeProps) {
+    warningWithoutStack$1(
+      false,
+      "Warning: setNativeProps is not currently supported in Fabric"
+    );
+
+    return;
+  },
+  dispatchCommand: function(handle, command, args) {
+    var invalid =
+      handle._nativeTag == null || handle._internalInstanceHandle == null;
+
+    if (invalid) {
+      !!invalid
+        ? warningWithoutStack$1(
+            false,
+            "dispatchCommand was called with a ref that isn't a " +
+              "native component. Use React.forwardRef to get access to the underlying native component"
+          )
+        : void 0;
+      return;
+    }
+
+    fabricDispatchCommand(
+      handle._internalInstanceHandle.stateNode.node,
+      command,
+      args
+    );
+  },
+  render: function(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, false);
+      roots.set(containerTag, root);
+    }
+    updateContainer(element, root, null, callback);
+
+    return getPublicRootInstance(root);
+  },
+  unmountComponentAtNode: function(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);
+      });
+    }
+  },
+  createPortal: function(children, containerTag) {
+    var key =
+      arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+
+    return createPortal(children, containerTag, null, key);
+  },
+
+  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
+    // Used as a mixin in many createClass-based components
+    NativeMethodsMixin: NativeMethodsMixin(findNodeHandle, findHostInstance)
+  }
+};
+
+injectIntoDevTools({
+  findFiberByHostInstance: getInstanceFromInstance,
+  getInspectorDataForViewTag: getInspectorDataForViewTag,
+  bundleType: 1,
+  version: ReactVersion,
+  rendererPackageName: "react-native-renderer"
+});
+
+var ReactFabric$2 = Object.freeze({
+  default: ReactFabric
+});
+
+var ReactFabric$3 = (ReactFabric$2 && ReactFabric) || ReactFabric$2;
+
+// TODO: decide on the top-level export form.
+// This is hacky but makes it work with both Rollup and Jest.
+var fabric = ReactFabric$3.default || ReactFabric$3;
+
+module.exports = fabric;
+
+  })();
+}
diff --git a/Libraries/Renderer/oss/ReactFabric-dev.js b/Libraries/Renderer/implementations/ReactFabric-dev.js
similarity index 75%
rename from Libraries/Renderer/oss/ReactFabric-dev.js
rename to Libraries/Renderer/implementations/ReactFabric-dev.js
index 4121598785f1d0..dfad8aae4a09d3 100644
--- a/Libraries/Renderer/oss/ReactFabric-dev.js
+++ b/Libraries/Renderer/implementations/ReactFabric-dev.js
@@ -16,26 +16,18 @@ if (__DEV__) {
   (function() {
 "use strict";
 
-require("InitializeCore");
-var ReactNativeViewConfigRegistry = require("ReactNativeViewConfigRegistry");
-var UIManager = require("UIManager");
+require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
+var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface");
 var React = require("react");
-var deepDiffer = require("deepDiffer");
-var flattenStyle = require("flattenStyle");
-var deepFreezeAndThrowOnMutationInDev = require("deepFreezeAndThrowOnMutationInDev");
-var TextInputState = require("TextInputState");
-var FabricUIManager = require("FabricUIManager");
-var checkPropTypes = require("prop-types/checkPropTypes");
 var Scheduler = require("scheduler");
+var checkPropTypes = require("prop-types/checkPropTypes");
 var tracing = require("scheduler/tracing");
-var ExceptionsManager = require("ExceptionsManager");
 
-// Do not require this module directly! Use a normal error constructor with
+// Do not require this module directly! Use normal `invariant` calls with
 // template literal strings. The messages will be converted to ReactError during
 // build, and in production they will be minified.
 
-function ReactError(message) {
-  var error = new Error(message);
+function ReactError(error) {
   error.name = "Invariant Violation";
   return error;
 }
@@ -77,9 +69,11 @@ function recomputePluginOrdering() {
     (function() {
       if (!(pluginIndex > -1)) {
         throw ReactError(
-          "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
-            pluginName +
-            "`."
+          Error(
+            "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+              pluginName +
+              "`."
+          )
         );
       }
     })();
@@ -89,9 +83,11 @@ function recomputePluginOrdering() {
     (function() {
       if (!pluginModule.extractEvents) {
         throw ReactError(
-          "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
-            pluginName +
-            "` does not."
+          Error(
+            "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
+              pluginName +
+              "` does not."
+          )
         );
       }
     })();
@@ -107,11 +103,13 @@ function recomputePluginOrdering() {
           )
         ) {
           throw ReactError(
-            "EventPluginRegistry: Failed to publish event `" +
-              eventName +
-              "` for plugin `" +
-              pluginName +
-              "`."
+            Error(
+              "EventPluginRegistry: Failed to publish event `" +
+                eventName +
+                "` for plugin `" +
+                pluginName +
+                "`."
+            )
           );
         }
       })();
@@ -131,9 +129,11 @@ function publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
   (function() {
     if (!!eventNameDispatchConfigs.hasOwnProperty(eventName)) {
       throw ReactError(
-        "EventPluginHub: More than one plugin attempted to publish the same event name, `" +
-          eventName +
-          "`."
+        Error(
+          "EventPluginHub: More than one plugin attempted to publish the same event name, `" +
+            eventName +
+            "`."
+        )
       );
     }
   })();
@@ -174,9 +174,11 @@ function publishRegistrationName(registrationName, pluginModule, eventName) {
   (function() {
     if (!!registrationNameModules[registrationName]) {
       throw ReactError(
-        "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
-          registrationName +
-          "`."
+        Error(
+          "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
+            registrationName +
+            "`."
+        )
       );
     }
   })();
@@ -237,7 +239,9 @@ function injectEventPluginOrder(injectedEventPluginOrder) {
   (function() {
     if (!!eventPluginOrder) {
       throw ReactError(
-        "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
+        Error(
+          "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
+        )
       );
     }
   })();
@@ -270,9 +274,11 @@ function injectEventPluginsByName(injectedNamesToPlugins) {
       (function() {
         if (!!namesToPlugins[pluginName]) {
           throw ReactError(
-            "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
-              pluginName +
-              "`."
+            Error(
+              "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+                pluginName +
+                "`."
+            )
           );
         }
       })();
@@ -352,7 +358,9 @@ var invokeGuardedCallbackImpl = function(
       (function() {
         if (!(typeof document !== "undefined")) {
           throw ReactError(
-            "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."
+            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."
+            )
           );
         }
       })();
@@ -581,7 +589,9 @@ function clearCaughtError() {
     (function() {
       {
         throw ReactError(
-          "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       }
     })();
@@ -795,7 +805,7 @@ function executeDirectDispatch(event) {
   var dispatchInstance = event._dispatchInstances;
   (function() {
     if (!!Array.isArray(dispatchListener)) {
-      throw ReactError("executeDirectDispatch(...): Invalid `event`.");
+      throw ReactError(Error("executeDirectDispatch(...): Invalid `event`."));
     }
   })();
   event.currentTarget = dispatchListener
@@ -833,7 +843,9 @@ function accumulateInto(current, next) {
   (function() {
     if (!(next != null)) {
       throw ReactError(
-        "accumulateInto(...): Accumulated items must not be null or undefined."
+        Error(
+          "accumulateInto(...): Accumulated items must not be null or undefined."
+        )
       );
     }
   })();
@@ -921,7 +933,9 @@ function runEventsInBatch(events) {
   (function() {
     if (!!eventQueue) {
       throw ReactError(
-        "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+        Error(
+          "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+        )
       );
     }
   })();
@@ -1022,11 +1036,13 @@ function getListener(inst, registrationName) {
   (function() {
     if (!(!listener || typeof listener === "function")) {
       throw ReactError(
-        "Expected `" +
-          registrationName +
-          "` listener to be a function, instead got a value of `" +
-          typeof listener +
-          "` type."
+        Error(
+          "Expected `" +
+            registrationName +
+            "` listener to be a function, instead got a value of `" +
+            typeof listener +
+            "` type."
+        )
       );
     }
   })();
@@ -1099,8 +1115,8 @@ var SimpleMemoComponent = 15;
 var LazyComponent = 16;
 var IncompleteClassComponent = 17;
 var DehydratedSuspenseComponent = 18;
-var EventComponent = 19;
-var EventTarget = 20;
+var SuspenseListComponent = 19;
+var FundamentalComponent = 20;
 
 function getParent(inst) {
   do {
@@ -1561,7 +1577,7 @@ function getPooledWarningPropertyDefinition(propName, getVal) {
   return {
     configurable: true,
     set: set,
-    get: get$$1
+    get: get
   };
 
   function set(val) {
@@ -1570,7 +1586,7 @@ function getPooledWarningPropertyDefinition(propName, getVal) {
     return val;
   }
 
-  function get$$1() {
+  function get() {
     var action = isFunction ? "accessing the method" : "accessing the property";
     var result = isFunction
       ? "This is a no-op function"
@@ -1622,7 +1638,9 @@ function releasePooledEvent(event) {
   (function() {
     if (!(event instanceof EventConstructor)) {
       throw ReactError(
-        "Trying to release an event instance into a pool of a different type."
+        Error(
+          "Trying to release an event instance into a pool of a different type."
+        )
       );
     }
   })();
@@ -1734,7 +1752,7 @@ function getTouchIdentifier(_ref) {
 
   (function() {
     if (!(identifier != null)) {
-      throw ReactError("Touch object is missing identifier.");
+      throw ReactError(Error("Touch object is missing identifier."));
     }
   })();
   {
@@ -1774,7 +1792,7 @@ function recordTouchMove(touch) {
     touchRecord.currentTimeStamp = timestampForTouch(touch);
     touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
   } else {
-    console.error(
+    console.warn(
       "Cannot record touch move without a touch start.\n" + "Touch Move: %s\n",
       "Touch Bank: %s",
       printTouch(touch),
@@ -1795,7 +1813,7 @@ function recordTouchEnd(touch) {
     touchRecord.currentTimeStamp = timestampForTouch(touch);
     touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
   } else {
-    console.error(
+    console.warn(
       "Cannot record touch end without a touch start.\n" + "Touch End: %s\n",
       "Touch Bank: %s",
       printTouch(touch),
@@ -1867,7 +1885,9 @@ function accumulate(current, next) {
   (function() {
     if (!(next != null)) {
       throw ReactError(
-        "accumulate(...): Accumulated items must not be null or undefined."
+        Error(
+          "accumulate(...): Accumulated items must not be null or undefined."
+        )
       );
     }
   })();
@@ -1913,7 +1933,7 @@ var changeResponder = function(nextResponderInst, blockHostResponder) {
   }
 };
 
-var eventTypes$1 = {
+var eventTypes = {
   /**
    * On a `touchStart`/`mouseDown`, is it desired that this element become the
    * responder?
@@ -2204,12 +2224,12 @@ function setResponderAndExtractTransfer(
   nativeEventTarget
 ) {
   var shouldSetEventType = isStartish(topLevelType)
-    ? eventTypes$1.startShouldSetResponder
+    ? eventTypes.startShouldSetResponder
     : isMoveish(topLevelType)
-      ? eventTypes$1.moveShouldSetResponder
+      ? eventTypes.moveShouldSetResponder
       : topLevelType === TOP_SELECTION_CHANGE
-        ? eventTypes$1.selectionChangeShouldSetResponder
-        : eventTypes$1.scrollShouldSetResponder;
+        ? eventTypes.selectionChangeShouldSetResponder
+        : eventTypes.scrollShouldSetResponder;
 
   // TODO: stop one short of the current responder.
   var bubbleShouldSetFrom = !responderInst
@@ -2243,7 +2263,7 @@ function setResponderAndExtractTransfer(
   }
   var extracted = void 0;
   var grantEvent = ResponderSyntheticEvent.getPooled(
-    eventTypes$1.responderGrant,
+    eventTypes.responderGrant,
     wantsResponderInst,
     nativeEvent,
     nativeEventTarget
@@ -2254,7 +2274,7 @@ function setResponderAndExtractTransfer(
   var blockHostResponder = executeDirectDispatch(grantEvent) === true;
   if (responderInst) {
     var terminationRequestEvent = ResponderSyntheticEvent.getPooled(
-      eventTypes$1.responderTerminationRequest,
+      eventTypes.responderTerminationRequest,
       responderInst,
       nativeEvent,
       nativeEventTarget
@@ -2271,7 +2291,7 @@ function setResponderAndExtractTransfer(
 
     if (shouldSwitch) {
       var terminateEvent = ResponderSyntheticEvent.getPooled(
-        eventTypes$1.responderTerminate,
+        eventTypes.responderTerminate,
         responderInst,
         nativeEvent,
         nativeEventTarget
@@ -2282,7 +2302,7 @@ function setResponderAndExtractTransfer(
       changeResponder(wantsResponderInst, blockHostResponder);
     } else {
       var rejectEvent = ResponderSyntheticEvent.getPooled(
-        eventTypes$1.responderReject,
+        eventTypes.responderReject,
         wantsResponderInst,
         nativeEvent,
         nativeEventTarget
@@ -2351,7 +2371,7 @@ var ResponderEventPlugin = {
     return responderInst;
   },
 
-  eventTypes: eventTypes$1,
+  eventTypes: eventTypes,
 
   /**
    * We must be resilient to `targetInst` being `null` on `touchMove` or
@@ -2401,11 +2421,11 @@ var ResponderEventPlugin = {
     var isResponderTouchMove = responderInst && isMoveish(topLevelType);
     var isResponderTouchEnd = responderInst && isEndish(topLevelType);
     var incrementalTouch = isResponderTouchStart
-      ? eventTypes$1.responderStart
+      ? eventTypes.responderStart
       : isResponderTouchMove
-        ? eventTypes$1.responderMove
+        ? eventTypes.responderMove
         : isResponderTouchEnd
-          ? eventTypes$1.responderEnd
+          ? eventTypes.responderEnd
           : null;
 
     if (incrementalTouch) {
@@ -2428,9 +2448,9 @@ var ResponderEventPlugin = {
       isEndish(topLevelType) &&
       noResponderTouches(nativeEvent);
     var finalTouch = isResponderTerminate
-      ? eventTypes$1.responderTerminate
+      ? eventTypes.responderTerminate
       : isResponderRelease
-        ? eventTypes$1.responderRelease
+        ? eventTypes.responderRelease
         : null;
     if (finalTouch) {
       var finalEvent = ResponderSyntheticEvent.getPooled(
@@ -2462,8 +2482,16 @@ var ResponderEventPlugin = {
   }
 };
 
+// Module provided by RN:
+var customBubblingEventTypes =
+  ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+    .customBubblingEventTypes;
+var customDirectEventTypes =
+  ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+    .customDirectEventTypes;
+
 var ReactNativeBridgeEventPlugin = {
-  eventTypes: ReactNativeViewConfigRegistry.eventTypes,
+  eventTypes: {},
 
   /**
    * @see {EventPluginHub.extractEvents}
@@ -2478,14 +2506,14 @@ var ReactNativeBridgeEventPlugin = {
       // Probably a node belonging to another renderer's tree.
       return null;
     }
-    var bubbleDispatchConfig =
-      ReactNativeViewConfigRegistry.customBubblingEventTypes[topLevelType];
-    var directDispatchConfig =
-      ReactNativeViewConfigRegistry.customDirectEventTypes[topLevelType];
+    var bubbleDispatchConfig = customBubblingEventTypes[topLevelType];
+    var directDispatchConfig = customDirectEventTypes[topLevelType];
     (function() {
       if (!(bubbleDispatchConfig || directDispatchConfig)) {
         throw ReactError(
-          'Unsupported top level event type "' + topLevelType + '" dispatched'
+          Error(
+            'Unsupported top level event type "' + topLevelType + '" dispatched'
+          )
         );
       }
     })();
@@ -2540,7 +2568,7 @@ function getTagFromInstance(inst) {
   var tag = inst.stateNode.canonical._nativeTag;
   (function() {
     if (!tag) {
-      throw ReactError("All native instances should have a tag.");
+      throw ReactError(Error("All native instances should have a tag."));
     }
   })();
   return tag;
@@ -2555,9 +2583,12 @@ var ReactFabricGlobalResponderHandler = {
   onChange: function(from, to, blockNativeResponder) {
     if (to !== null) {
       var tag = to.stateNode.canonical._nativeTag;
-      UIManager.setJSResponder(tag, blockNativeResponder);
+      ReactNativePrivateInterface.UIManager.setJSResponder(
+        tag,
+        blockNativeResponder
+      );
     } else {
-      UIManager.clearJSResponder();
+      ReactNativePrivateInterface.UIManager.clearJSResponder();
     }
   }
 };
@@ -2588,7 +2619,7 @@ ResponderEventPlugin.injection.injectGlobalResponderHandler(
  * supported we can rename it.
  */
 
-function get$1(key) {
+function get(key) {
   return key._reactInternalFiber;
 }
 
@@ -2607,6 +2638,11 @@ if (!ReactSharedInternals.hasOwnProperty("ReactCurrentDispatcher")) {
     current: null
   };
 }
+if (!ReactSharedInternals.hasOwnProperty("ReactCurrentBatchConfig")) {
+  ReactSharedInternals.ReactCurrentBatchConfig = {
+    suspense: null
+  };
+}
 
 // The Symbol used to tag the ReactElement-like types. If there is no native Symbol
 // nor polyfill, then a plain number is used for performance.
@@ -2621,6 +2657,8 @@ var REACT_STRICT_MODE_TYPE = hasSymbol
 var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 0xead2;
 var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 0xeacd;
 var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 0xeace;
+// TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
+// (unstable) APIs that have been removed. Can we remove the symbols?
 
 var REACT_CONCURRENT_MODE_TYPE = hasSymbol
   ? Symbol.for("react.concurrent_mode")
@@ -2629,19 +2667,15 @@ var REACT_FORWARD_REF_TYPE = hasSymbol
   ? Symbol.for("react.forward_ref")
   : 0xead0;
 var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 0xead1;
+var REACT_SUSPENSE_LIST_TYPE = hasSymbol
+  ? Symbol.for("react.suspense_list")
+  : 0xead8;
 var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 0xead3;
 var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 0xead4;
-var REACT_EVENT_COMPONENT_TYPE = hasSymbol
-  ? Symbol.for("react.event_component")
+var REACT_FUNDAMENTAL_TYPE = hasSymbol
+  ? Symbol.for("react.fundamental")
   : 0xead5;
-var REACT_EVENT_TARGET_TYPE = hasSymbol
-  ? Symbol.for("react.event_target")
-  : 0xead6;
-
-// React event targets
-var REACT_EVENT_TARGET_TOUCH_HIT = hasSymbol
-  ? Symbol.for("react.event_target.touch_hit")
-  : 0xead7;
+var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 0xead6;
 
 var MAYBE_ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = "@@iterator";
@@ -2667,22 +2701,6 @@ function refineResolvedLazyComponent(lazyComponent) {
   return lazyComponent._status === Resolved ? lazyComponent._result : null;
 }
 
-var debugRenderPhaseSideEffects = false;
-var debugRenderPhaseSideEffectsForStrictMode = false;
-var enableUserTimingAPI = true;
-var replayFailedUnitOfWorkWithInvokeGuardedCallback = true;
-var warnAboutDeprecatedLifecycles = true;
-var enableProfilerTimer = true;
-var enableSchedulerTracing = true;
-var enableSuspenseServerRenderer = false;
-
-var disableYielding = false;
-
-var warnAboutDeprecatedSetNativeProps = false;
-var enableEventAPI = false;
-
-// Only used in www builds.
-
 function getWrappedName(outerType, innerType, wrapperName) {
   var functionName = innerType.displayName || innerType.name || "";
   return (
@@ -2712,8 +2730,6 @@ function getComponentName(type) {
     return type;
   }
   switch (type) {
-    case REACT_CONCURRENT_MODE_TYPE:
-      return "ConcurrentMode";
     case REACT_FRAGMENT_TYPE:
       return "Fragment";
     case REACT_PORTAL_TYPE:
@@ -2724,6 +2740,8 @@ function getComponentName(type) {
       return "StrictMode";
     case REACT_SUSPENSE_TYPE:
       return "Suspense";
+    case REACT_SUSPENSE_LIST_TYPE:
+      return "SuspenseList";
   }
   if (typeof type === "object") {
     switch (type.$$typeof) {
@@ -2743,28 +2761,6 @@ function getComponentName(type) {
         }
         break;
       }
-      case REACT_EVENT_COMPONENT_TYPE: {
-        if (enableEventAPI) {
-          var eventComponent = type;
-          var displayName = eventComponent.displayName;
-          if (displayName !== undefined) {
-            return displayName;
-          }
-        }
-        break;
-      }
-      case REACT_EVENT_TARGET_TYPE: {
-        if (enableEventAPI) {
-          var eventTarget = type;
-          if (eventTarget.type === REACT_EVENT_TARGET_TOUCH_HIT) {
-            return "TouchHitTarget";
-          }
-          var _displayName = eventTarget.displayName;
-          if (_displayName !== undefined) {
-            return _displayName;
-          }
-        }
-      }
     }
   }
   return null;
@@ -2795,6 +2791,31 @@ var HostEffectMask = /*        */ 1023;
 var Incomplete = /*            */ 1024;
 var ShouldCapture = /*         */ 2048;
 
+var debugRenderPhaseSideEffects = false;
+var debugRenderPhaseSideEffectsForStrictMode = false;
+var enableUserTimingAPI = true;
+var replayFailedUnitOfWorkWithInvokeGuardedCallback = true;
+var warnAboutDeprecatedLifecycles = true;
+var enableProfilerTimer = true;
+var enableSchedulerTracing = true;
+var enableSuspenseServerRenderer = false;
+
+var warnAboutDeprecatedSetNativeProps = false;
+var enableFlareAPI = false;
+var enableFundamentalAPI = false;
+
+var warnAboutUnmockedScheduler = false;
+var revertPassiveEffectsChange = false;
+var flushSuspenseFallbacksInTests = true;
+var enableUserBlockingEvents = false;
+var enableSuspenseCallback = false;
+var warnAboutDefaultPropsOnFunctionComponents = false;
+var warnAboutStringRefs = false;
+var disableLegacyContext = false;
+var disableSchedulerTimeoutBasedOnReactExpirationTime = false;
+
+// Only used in www builds.
+
 var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
 
 var MOUNTING = 1;
@@ -2855,7 +2876,7 @@ function isMounted(component) {
     }
   }
 
-  var fiber = get$1(component);
+  var fiber = get(component);
   if (!fiber) {
     return false;
   }
@@ -2865,7 +2886,7 @@ function isMounted(component) {
 function assertIsMounted(fiber) {
   (function() {
     if (!(isFiberMountedImpl(fiber) === MOUNTED)) {
-      throw ReactError("Unable to find node on an unmounted component.");
+      throw ReactError(Error("Unable to find node on an unmounted component."));
     }
   })();
 }
@@ -2877,7 +2898,9 @@ function findCurrentFiberUsingSlowPath(fiber) {
     var state = isFiberMountedImpl(fiber);
     (function() {
       if (!(state !== UNMOUNTED)) {
-        throw ReactError("Unable to find node on an unmounted component.");
+        throw ReactError(
+          Error("Unable to find node on an unmounted component.")
+        );
       }
     })();
     if (state === MOUNTING) {
@@ -2933,7 +2956,9 @@ function findCurrentFiberUsingSlowPath(fiber) {
       // way this could possibly happen is if this was unmounted, if at all.
       (function() {
         {
-          throw ReactError("Unable to find node on an unmounted component.");
+          throw ReactError(
+            Error("Unable to find node on an unmounted component.")
+          );
         }
       })();
     }
@@ -2989,7 +3014,9 @@ function findCurrentFiberUsingSlowPath(fiber) {
         (function() {
           if (!didFindChild) {
             throw ReactError(
-              "Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue."
+              Error(
+                "Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue."
+              )
             );
           }
         })();
@@ -2999,7 +3026,9 @@ function findCurrentFiberUsingSlowPath(fiber) {
     (function() {
       if (!(a.alternate === b)) {
         throw ReactError(
-          "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       }
     })();
@@ -3008,7 +3037,7 @@ function findCurrentFiberUsingSlowPath(fiber) {
   // unmounted.
   (function() {
     if (!(a.tag === HostRoot)) {
-      throw ReactError("Unable to find node on an unmounted component.");
+      throw ReactError(Error("Unable to find node on an unmounted component."));
     }
   })();
   if (a.stateNode.current === a) {
@@ -3145,7 +3174,7 @@ function defaultDiffer(prevProp, nextProp) {
     return true;
   } else {
     // For objects and arrays, the default diffing algorithm is a deep compare
-    return deepDiffer(prevProp, nextProp);
+    return ReactNativePrivateInterface.deepDiffer(prevProp, nextProp);
   }
 }
 
@@ -3285,7 +3314,7 @@ function diffNestedProperty(
     return diffProperties(
       updatePayload,
       // $FlowFixMe - We know that this is always an object when the input is.
-      flattenStyle(prevProp),
+      ReactNativePrivateInterface.flattenStyle(prevProp),
       // $FlowFixMe - We know that this isn't an array because of above flow.
       nextProp,
       validAttributes
@@ -3296,7 +3325,7 @@ function diffNestedProperty(
     updatePayload,
     prevProp,
     // $FlowFixMe - We know that this is always an object when the input is.
-    flattenStyle(nextProp),
+    ReactNativePrivateInterface.flattenStyle(nextProp),
     validAttributes
   );
 }
@@ -3574,7 +3603,9 @@ function restoreStateOfTarget(target) {
   (function() {
     if (!(typeof restoreImpl === "function")) {
       throw ReactError(
-        "setRestoreImplementation() needs to be called to handle a target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "setRestoreImplementation() needs to be called to handle a target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     }
   })();
@@ -3610,2430 +3641,2586 @@ function restoreStateIfNeeded() {
 // scheduled work and instead do synchronous work.
 
 // Defaults
-var _batchedUpdatesImpl = function(fn, bookkeeping) {
+var batchedUpdatesImpl = function(fn, bookkeeping) {
   return fn(bookkeeping);
 };
-var _flushInteractiveUpdatesImpl = function() {};
+var discreteUpdatesImpl = function(fn, a, b, c) {
+  return fn(a, b, c);
+};
+var flushDiscreteUpdatesImpl = function() {};
+var batchedEventUpdatesImpl = batchedUpdatesImpl;
+
+var isInsideEventHandler = false;
+
+function finishEventHandler() {
+  // Here we wait until all updates have propagated, which is important
+  // when using controlled components within layers:
+  // https://github.com/facebook/react/issues/1698
+  // Then we restore state of any controlled component.
+  var controlledComponentsHavePendingUpdates = needsStateRestore();
+  if (controlledComponentsHavePendingUpdates) {
+    // If a controlled event was fired, we may need to restore the state of
+    // the DOM node back to the controlled value. This is necessary when React
+    // bails out of the update without touching the DOM.
+    flushDiscreteUpdatesImpl();
+    restoreStateIfNeeded();
+  }
+}
 
-var isBatching = false;
 function batchedUpdates(fn, bookkeeping) {
-  if (isBatching) {
+  if (isInsideEventHandler) {
     // If we are currently inside another batch, we need to wait until it
     // fully completes before restoring state.
     return fn(bookkeeping);
   }
-  isBatching = true;
+  isInsideEventHandler = true;
   try {
-    return _batchedUpdatesImpl(fn, bookkeeping);
+    return batchedUpdatesImpl(fn, bookkeeping);
   } finally {
-    // Here we wait until all updates have propagated, which is important
-    // when using controlled components within layers:
-    // https://github.com/facebook/react/issues/1698
-    // Then we restore state of any controlled component.
-    isBatching = false;
-    var controlledComponentsHavePendingUpdates = needsStateRestore();
-    if (controlledComponentsHavePendingUpdates) {
-      // If a controlled event was fired, we may need to restore the state of
-      // the DOM node back to the controlled value. This is necessary when React
-      // bails out of the update without touching the DOM.
-      _flushInteractiveUpdatesImpl();
-      restoreStateIfNeeded();
-    }
+    isInsideEventHandler = false;
+    finishEventHandler();
   }
 }
 
-function setBatchingImplementation(
-  batchedUpdatesImpl,
-  interactiveUpdatesImpl,
-  flushInteractiveUpdatesImpl
-) {
-  _batchedUpdatesImpl = batchedUpdatesImpl;
-  _flushInteractiveUpdatesImpl = flushInteractiveUpdatesImpl;
-}
-
-function dispatchEvent(target, topLevelType, nativeEvent) {
-  var targetFiber = target;
-  batchedUpdates(function() {
-    runExtractedPluginEventsInBatch(
-      topLevelType,
-      targetFiber,
-      nativeEvent,
-      nativeEvent.target
-    );
-  });
-  // React Native doesn't use ReactControlledComponent but if it did, here's
-  // where it would do it.
+function batchedEventUpdates(fn, a, b) {
+  if (isInsideEventHandler) {
+    // If we are currently inside another batch, we need to wait until it
+    // fully completes before restoring state.
+    return fn(a, b);
+  }
+  isInsideEventHandler = true;
+  try {
+    return batchedEventUpdatesImpl(fn, a, b);
+  } finally {
+    isInsideEventHandler = false;
+    finishEventHandler();
+  }
 }
 
-// Renderers that don't support mutation
-// can re-export everything from this module.
-
-function shim() {
-  (function() {
-    {
-      throw ReactError(
-        "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
-      );
-    }
-  })();
+function discreteUpdates(fn, a, b, c) {
+  var prevIsInsideEventHandler = isInsideEventHandler;
+  isInsideEventHandler = true;
+  try {
+    return discreteUpdatesImpl(fn, a, b, c);
+  } finally {
+    isInsideEventHandler = prevIsInsideEventHandler;
+    if (!isInsideEventHandler) {
+      finishEventHandler();
+    }
+  }
+}
+
+var lastFlushedEventTimeStamp = 0;
+function flushDiscreteUpdatesIfNeeded(timeStamp) {
+  // event.timeStamp isn't overly reliable due to inconsistencies in
+  // how different browsers have historically provided the time stamp.
+  // Some browsers provide high-resolution time stamps for all events,
+  // some provide low-resolution time stamps for all events. FF < 52
+  // even mixes both time stamps together. Some browsers even report
+  // negative time stamps or time stamps that are 0 (iOS9) in some cases.
+  // Given we are only comparing two time stamps with equality (!==),
+  // we are safe from the resolution differences. If the time stamp is 0
+  // we bail-out of preventing the flush, which can affect semantics,
+  // such as if an earlier flush removes or adds event listeners that
+  // are fired in the subsequent flush. However, this is the same
+  // behaviour as we had before this change, so the risks are low.
+  if (
+    !isInsideEventHandler &&
+    (!enableFlareAPI ||
+      timeStamp === 0 ||
+      lastFlushedEventTimeStamp !== timeStamp)
+  ) {
+    lastFlushedEventTimeStamp = timeStamp;
+    flushDiscreteUpdatesImpl();
+  }
 }
 
-// Mutation (when unsupported)
-var supportsMutation = false;
-var appendChild$1 = shim;
-var appendChildToContainer = shim;
-var commitTextUpdate = shim;
-var commitMount = shim;
-var commitUpdate = shim;
-var insertBefore = shim;
-var insertInContainerBefore = shim;
-var removeChild = shim;
-var removeChildFromContainer = shim;
-var resetTextContent = shim;
-var hideInstance = shim;
-var hideTextInstance = shim;
-var unhideInstance = shim;
-var unhideTextInstance = shim;
-
-// Renderers that don't support hydration
-// can re-export everything from this module.
-
-function shim$1() {
-  (function() {
-    {
-      throw ReactError(
-        "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
-      );
-    }
-  })();
+function setBatchingImplementation(
+  _batchedUpdatesImpl,
+  _discreteUpdatesImpl,
+  _flushDiscreteUpdatesImpl,
+  _batchedEventUpdatesImpl
+) {
+  batchedUpdatesImpl = _batchedUpdatesImpl;
+  discreteUpdatesImpl = _discreteUpdatesImpl;
+  flushDiscreteUpdatesImpl = _flushDiscreteUpdatesImpl;
+  batchedEventUpdatesImpl = _batchedEventUpdatesImpl;
 }
 
-// Hydration (when unsupported)
-
-var supportsHydration = false;
-var canHydrateInstance = shim$1;
-var canHydrateTextInstance = shim$1;
-var canHydrateSuspenseInstance = shim$1;
-var isSuspenseInstancePending = shim$1;
-var isSuspenseInstanceFallback = shim$1;
-var registerSuspenseInstanceRetry = shim$1;
-var getNextHydratableSibling = shim$1;
-var getFirstHydratableChild = shim$1;
-var hydrateInstance = shim$1;
-var hydrateTextInstance = shim$1;
-var getNextHydratableInstanceAfterSuspenseInstance = shim$1;
-var clearSuspenseBoundary = shim$1;
-var clearSuspenseBoundaryFromContainer = shim$1;
-var didNotMatchHydratedContainerTextInstance = shim$1;
-var didNotMatchHydratedTextInstance = shim$1;
-var didNotHydrateContainerInstance = shim$1;
-var didNotHydrateInstance = shim$1;
-var didNotFindHydratableContainerInstance = shim$1;
-var didNotFindHydratableContainerTextInstance = shim$1;
-var didNotFindHydratableContainerSuspenseInstance = shim$1;
-var didNotFindHydratableInstance = shim$1;
-var didNotFindHydratableTextInstance = shim$1;
-var didNotFindHydratableSuspenseInstance = shim$1;
-
-function _classCallCheck(instance, Constructor) {
+function _classCallCheck$1(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
   }
 }
 
-// Modules provided by RN:
-// 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;
+function _possibleConstructorReturn(self, call) {
+  if (!self) {
+    throw new ReferenceError(
+      "this hasn't been initialised - super() hasn't been called"
+    );
+  }
+  return call && (typeof call === "object" || typeof call === "function")
+    ? call
+    : self;
+}
 
-// TODO: Remove this conditional once all changes have propagated.
-if (FabricUIManager.registerEventHandler) {
-  /**
-   * Register the event emitter with the native bridge
-   */
-  FabricUIManager.registerEventHandler(dispatchEvent);
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError(
+      "Super expression must either be null or a function, not " +
+        typeof superClass
+    );
+  }
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      enumerable: false,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass)
+    Object.setPrototypeOf
+      ? Object.setPrototypeOf(subClass, superClass)
+      : (subClass.__proto__ = superClass);
 }
 
 /**
- * This is used for refs on host components.
+ * Class only exists for its Flow type.
  */
+var ReactNativeComponent = (function(_React$Component) {
+  _inherits(ReactNativeComponent, _React$Component);
 
-var ReactFabricHostComponent = (function() {
-  function ReactFabricHostComponent(
-    tag,
-    viewConfig,
-    props,
-    internalInstanceHandle
-  ) {
-    _classCallCheck(this, ReactFabricHostComponent);
+  function ReactNativeComponent() {
+    _classCallCheck$1(this, ReactNativeComponent);
 
-    this._nativeTag = tag;
-    this.viewConfig = viewConfig;
-    this.currentProps = props;
-    this._internalInstanceHandle = internalInstanceHandle;
+    return _possibleConstructorReturn(
+      this,
+      _React$Component.apply(this, arguments)
+    );
   }
 
-  ReactFabricHostComponent.prototype.blur = function blur() {
-    TextInputState.blurTextInput(this._nativeTag);
-  };
+  ReactNativeComponent.prototype.blur = function blur() {};
 
-  ReactFabricHostComponent.prototype.focus = function focus() {
-    TextInputState.focusTextInput(this._nativeTag);
-  };
+  ReactNativeComponent.prototype.focus = function focus() {};
 
-  ReactFabricHostComponent.prototype.measure = function measure$$1(callback) {
-    FabricUIManager.measure(
-      this._internalInstanceHandle.stateNode.node,
-      mountSafeCallback_NOT_REALLY_SAFE(this, callback)
-    );
-  };
+  ReactNativeComponent.prototype.measure = function measure(callback) {};
 
-  ReactFabricHostComponent.prototype.measureInWindow = function measureInWindow$$1(
+  ReactNativeComponent.prototype.measureInWindow = function measureInWindow(
     callback
-  ) {
-    FabricUIManager.measureInWindow(
-      this._internalInstanceHandle.stateNode.node,
-      mountSafeCallback_NOT_REALLY_SAFE(this, callback)
-    );
-  };
+  ) {};
 
-  ReactFabricHostComponent.prototype.measureLayout = function measureLayout$$1(
+  ReactNativeComponent.prototype.measureLayout = function measureLayout(
     relativeToNativeNode,
     onSuccess,
-    onFail /* currently unused */
-  ) {
-    if (
-      typeof relativeToNativeNode === "number" ||
-      !(relativeToNativeNode instanceof ReactFabricHostComponent)
-    ) {
-      warningWithoutStack$1(
-        false,
-        "Warning: ref.measureLayout must be called with a ref to a native component."
-      );
+    onFail
+  ) {};
 
-      return;
-    }
+  ReactNativeComponent.prototype.setNativeProps = function setNativeProps(
+    nativeProps
+  ) {};
 
-    FabricUIManager.measureLayout(
-      this._internalInstanceHandle.stateNode.node,
-      relativeToNativeNode._internalInstanceHandle.stateNode.node,
-      mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
-      mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
-    );
-  };
+  return ReactNativeComponent;
+})(React.Component);
 
-  ReactFabricHostComponent.prototype.setNativeProps = function setNativeProps(
-    nativeProps
-  ) {
-    warningWithoutStack$1(
-      false,
-      "Warning: setNativeProps is not currently supported in Fabric"
-    );
+/**
+ * This type keeps ReactNativeFiberHostComponent and NativeMethodsMixin in sync.
+ * It can also provide types for ReactNative applications that use NMM or refs.
+ */
 
-    return;
-  };
+/**
+ * Flat ReactNative renderer bundles are too big for Flow to parse efficiently.
+ * Provide minimal Flow typing for the high-level RN API and call it a day.
+ */
 
-  return ReactFabricHostComponent;
-})();
+var DiscreteEvent = 0;
+var UserBlockingEvent = 1;
+var ContinuousEvent = 2;
 
-function appendInitialChild(parentInstance, child) {
-  FabricUIManager.appendChild(parentInstance.node, child.node);
-}
+/**
+ * Similar to invariant but only logs a warning if the condition is not met.
+ * This can be used to log issues in development environments in critical
+ * paths. Removing the logging code for production environments will keep the
+ * same logic and follow the same code paths.
+ */
 
-function createInstance(
-  type,
-  props,
-  rootContainerInstance,
-  hostContext,
-  internalInstanceHandle
-) {
-  var tag = nextReactTag;
-  nextReactTag += 2;
+var warning = warningWithoutStack$1;
 
-  var viewConfig = ReactNativeViewConfigRegistry.get(type);
+{
+  warning = function(condition, format) {
+    if (condition) {
+      return;
+    }
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var stack = ReactDebugCurrentFrame.getStackAddendum();
+    // eslint-disable-next-line react-internal/warning-and-invariant-args
 
-  {
-    for (var key in viewConfig.validAttributes) {
-      if (props.hasOwnProperty(key)) {
-        deepFreezeAndThrowOnMutationInDev(props[key]);
-      }
+    for (
+      var _len = arguments.length,
+        args = Array(_len > 2 ? _len - 2 : 0),
+        _key = 2;
+      _key < _len;
+      _key++
+    ) {
+      args[_key - 2] = arguments[_key];
     }
-  }
 
-  var updatePayload = create(props, viewConfig.validAttributes);
+    warningWithoutStack$1.apply(
+      undefined,
+      [false, format + "%s"].concat(args, [stack])
+    );
+  };
+}
 
-  var node = FabricUIManager.createNode(
-    tag, // reactTag
-    viewConfig.uiViewClassName, // viewName
-    rootContainerInstance, // rootTag
-    updatePayload, // props
-    internalInstanceHandle // internalInstanceHandle
-  );
+var warning$1 = warning;
 
-  var component = new ReactFabricHostComponent(
-    tag,
-    viewConfig,
-    props,
-    internalInstanceHandle
-  );
+// Intentionally not named imports because Rollup would use dynamic dispatch for
+// CommonJS interop named imports.
+var UserBlockingPriority = Scheduler.unstable_UserBlockingPriority;
+var runWithPriority = Scheduler.unstable_runWithPriority;
+var _nativeFabricUIManage$2 = nativeFabricUIManager;
+var measureInWindow = _nativeFabricUIManage$2.measureInWindow;
+
+var activeTimeouts = new Map();
+var rootEventTypesToEventResponderInstances = new Map();
+var ownershipChangeListeners = new Set();
+
+var globalOwner = null;
+
+var currentTimeStamp = 0;
+var currentTimers = new Map();
+var currentInstance = null;
+var currentEventQueue = null;
+var currentEventQueuePriority = ContinuousEvent;
+var currentTimerIDCounter = 0;
+
+var eventResponderContext = {
+  dispatchEvent: function(eventValue, eventListener, eventPriority) {
+    validateResponderContext();
+    validateEventValue(eventValue);
+    if (eventPriority < currentEventQueuePriority) {
+      currentEventQueuePriority = eventPriority;
+    }
+    currentEventQueue.push(createEventQueueItem(eventValue, eventListener));
+  },
+  isTargetWithinNode: function(childTarget, parentTarget) {
+    validateResponderContext();
+    var childFiber = getFiberFromTarget(childTarget);
+    var parentFiber = getFiberFromTarget(parentTarget);
 
-  return {
-    node: node,
-    canonical: component
-  };
-}
+    var node = childFiber;
+    while (node !== null) {
+      if (node === parentFiber) {
+        return true;
+      }
+      node = node.return;
+    }
+    return false;
+  },
+  getTargetBoundingRect: function(target, callback) {
+    measureInWindow(target.node, function(x, y, width, height) {
+      callback({
+        left: x,
+        right: x + width,
+        top: y,
+        bottom: y + height
+      });
+    });
+  },
+  addRootEventTypes: function(rootEventTypes) {
+    validateResponderContext();
+    for (var i = 0; i < rootEventTypes.length; i++) {
+      var rootEventType = rootEventTypes[i];
+      var eventResponderInstance = currentInstance;
+      registerRootEventType(rootEventType, eventResponderInstance);
+    }
+  },
+  removeRootEventTypes: function(rootEventTypes) {
+    validateResponderContext();
+    for (var i = 0; i < rootEventTypes.length; i++) {
+      var rootEventType = rootEventTypes[i];
 
-function createTextInstance(
-  text,
-  rootContainerInstance,
-  hostContext,
-  internalInstanceHandle
-) {
-  (function() {
-    if (!hostContext.isInAParentText) {
-      throw ReactError(
-        "Text strings must be rendered within a <Text> component."
+      var rootEventResponders = rootEventTypesToEventResponderInstances.get(
+        rootEventType
       );
+      var rootEventTypesSet = currentInstance.rootEventTypes;
+      if (rootEventTypesSet !== null) {
+        rootEventTypesSet.delete(rootEventType);
+      }
+      if (rootEventResponders !== undefined) {
+        rootEventResponders.delete(currentInstance);
+      }
     }
-  })();
-
-  var tag = nextReactTag;
-  nextReactTag += 2;
+  },
+  setTimeout: function(func, delay) {
+    validateResponderContext();
+    if (currentTimers === null) {
+      currentTimers = new Map();
+    }
+    var timeout = currentTimers.get(delay);
+
+    var timerId = currentTimerIDCounter++;
+    if (timeout === undefined) {
+      var _timers = new Map();
+      var _id = setTimeout(function() {
+        processTimers(_timers, delay);
+      }, delay);
+      timeout = {
+        id: _id,
+        timers: _timers
+      };
+      currentTimers.set(delay, timeout);
+    }
+    timeout.timers.set(timerId, {
+      instance: currentInstance,
+      func: func,
+      id: timerId,
+      timeStamp: currentTimeStamp
+    });
+    activeTimeouts.set(timerId, timeout);
+    return timerId;
+  },
+  clearTimeout: function(timerId) {
+    validateResponderContext();
+    var timeout = activeTimeouts.get(timerId);
 
-  var node = FabricUIManager.createNode(
-    tag, // reactTag
-    "RCTRawText", // viewName
-    rootContainerInstance, // rootTag
-    { text: text }, // props
-    internalInstanceHandle // instance handle
-  );
+    if (timeout !== undefined) {
+      var _timers2 = timeout.timers;
+      _timers2.delete(timerId);
+      if (_timers2.size === 0) {
+        clearTimeout(timeout.id);
+      }
+    }
+  },
+  getTimeStamp: function() {
+    validateResponderContext();
+    return currentTimeStamp;
+  }
+};
 
+function createEventQueueItem(value, listener) {
   return {
-    node: node
+    value: value,
+    listener: listener
   };
 }
 
-function finalizeInitialChildren(
-  parentInstance,
-  type,
-  props,
-  rootContainerInstance,
-  hostContext
-) {
-  return false;
-}
+function validateEventValue(eventValue) {
+  if (typeof eventValue === "object" && eventValue !== null) {
+    var target = eventValue.target,
+      type = eventValue.type,
+      _timeStamp = eventValue.timeStamp;
 
-function getRootHostContext(rootContainerInstance) {
-  return { isInAParentText: false };
+    if (target == null || type == null || _timeStamp == null) {
+      throw new Error(
+        'context.dispatchEvent: "target", "timeStamp", and "type" fields on event object are required.'
+      );
+    }
+    var showWarning = function(name) {
+      {
+        warning$1(
+          false,
+          "%s is not available on event objects created from event responder modules (React Flare). " +
+            'Try wrapping in a conditional, i.e. `if (event.type !== "press") { event.%s }`',
+          name,
+          name
+        );
+      }
+    };
+    eventValue.preventDefault = function() {
+      {
+        showWarning("preventDefault()");
+      }
+    };
+    eventValue.stopPropagation = function() {
+      {
+        showWarning("stopPropagation()");
+      }
+    };
+    eventValue.isDefaultPrevented = function() {
+      {
+        showWarning("isDefaultPrevented()");
+      }
+    };
+    eventValue.isPropagationStopped = function() {
+      {
+        showWarning("isPropagationStopped()");
+      }
+    };
+    // $FlowFixMe: we don't need value, Flow thinks we do
+    Object.defineProperty(eventValue, "nativeEvent", {
+      get: function() {
+        {
+          showWarning("nativeEvent");
+        }
+      }
+    });
+  }
 }
 
-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 getFiberFromTarget(target) {
+  if (target === null) {
+    return null;
   }
+  return target.canonical._internalInstanceHandle || null;
 }
 
-function getChildHostContextForEventComponent(parentHostContext) {
-  // TODO: add getChildHostContextForEventComponent implementation
-  return parentHostContext;
+function processTimers(timers, delay) {
+  var timersArr = Array.from(timers.values());
+  currentEventQueuePriority = ContinuousEvent;
+  try {
+    for (var i = 0; i < timersArr.length; i++) {
+      var _timersArr$i = timersArr[i],
+        _instance = _timersArr$i.instance,
+        _func = _timersArr$i.func,
+        _id2 = _timersArr$i.id,
+        _timeStamp2 = _timersArr$i.timeStamp;
+
+      currentInstance = _instance;
+      currentEventQueue = [];
+      currentTimeStamp = _timeStamp2 + delay;
+      try {
+        _func();
+      } finally {
+        activeTimeouts.delete(_id2);
+      }
+    }
+    processEventQueue();
+  } finally {
+    currentTimers = null;
+    currentInstance = null;
+    currentEventQueue = null;
+    currentTimeStamp = 0;
+  }
 }
 
-function getChildHostContextForEventTarget(parentHostContext, type) {
-  // TODO: add getChildHostContextForEventTarget implementation
-  return parentHostContext;
+function createFabricResponderEvent(topLevelType, nativeEvent, target) {
+  return {
+    nativeEvent: nativeEvent,
+    responderTarget: target,
+    target: target,
+    type: topLevelType
+  };
 }
 
-function getPublicInstance(instance) {
-  return instance.canonical;
+function validateResponderContext() {
+  (function() {
+    if (!(currentEventQueue && currentInstance)) {
+      throw ReactError(
+        Error(
+          "An event responder context was used outside of an event cycle. Use context.setTimeout() to use asynchronous responder context outside of event cycle ."
+        )
+      );
+    }
+  })();
 }
 
-function prepareForCommit(containerInfo) {
-  // Noop
+// TODO this function is almost an exact copy of the DOM version, we should
+// somehow share the logic
+function processEventQueue() {
+  var eventQueue = currentEventQueue;
+  if (eventQueue.length === 0) {
+    return;
+  }
+  switch (currentEventQueuePriority) {
+    case DiscreteEvent: {
+      flushDiscreteUpdatesIfNeeded(currentTimeStamp);
+      discreteUpdates(function() {
+        batchedEventUpdates(processEvents, eventQueue);
+      });
+      break;
+    }
+    case UserBlockingEvent: {
+      if (enableUserBlockingEvents) {
+        runWithPriority(
+          UserBlockingPriority,
+          batchedEventUpdates.bind(null, processEvents, eventQueue)
+        );
+      } else {
+        batchedEventUpdates(processEvents, eventQueue);
+      }
+      break;
+    }
+    case ContinuousEvent: {
+      batchedEventUpdates(processEvents, eventQueue);
+      break;
+    }
+  }
 }
 
-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;
+// TODO this function is almost an exact copy of the DOM version, we should
+// somehow share the logic
+function releaseOwnershipForEventResponderInstance(eventResponderInstance) {
+  if (globalOwner === eventResponderInstance) {
+    globalOwner = null;
+    triggerOwnershipListeners();
+    return true;
+  }
+  return false;
 }
 
-function resetAfterCommit(containerInfo) {
-  // Noop
+// TODO this function is almost an exact copy of the DOM version, we should
+// somehow share the logic
+function processEvents(eventQueue) {
+  for (var i = 0, length = eventQueue.length; i < length; i++) {
+    var _eventQueue$i = eventQueue[i],
+      _value = _eventQueue$i.value,
+      _listener = _eventQueue$i.listener;
+
+    var type = typeof _value === "object" && _value !== null ? _value.type : "";
+    invokeGuardedCallbackAndCatchFirstError(type, _listener, undefined, _value);
+  }
 }
 
-function shouldDeprioritizeSubtree(type, props) {
+// TODO this function is almost an exact copy of the DOM version, we should
+// somehow share the logic
+function responderEventTypesContainType(eventTypes, type) {
+  for (var i = 0, len = eventTypes.length; i < len; i++) {
+    if (eventTypes[i] === type) {
+      return true;
+    }
+  }
   return false;
 }
 
-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
+function validateResponderTargetEventTypes(eventType, responder) {
+  var targetEventTypes = responder.targetEventTypes;
+  // Validate the target event type exists on the responder
+
+  if (targetEventTypes !== null) {
+    return responderEventTypesContainType(targetEventTypes, eventType);
+  }
   return false;
 }
 
-// The Fabric renderer is secondary to the existing React Native renderer.
-var isPrimaryRenderer = false;
+function validateOwnership(responderInstance) {
+  return globalOwner === null || globalOwner === responderInstance;
+}
 
-var scheduleTimeout = setTimeout;
-var cancelTimeout = clearTimeout;
-var noTimeout = -1;
-
-// -------------------
-//     Persistence
-// -------------------
+// TODO this function is almost an exact copy of the DOM version, we should
+// somehow share the logic
+function traverseAndHandleEventResponderInstances(
+  eventType,
+  targetFiber,
+  nativeEvent
+) {
+  // Trigger event responders in this order:
+  // - Bubble target responder phase
+  // - Root responder phase
 
-var supportsPersistence = true;
+  var responderEvent = createFabricResponderEvent(
+    eventType,
+    nativeEvent,
+    targetFiber !== null ? targetFiber.stateNode : null
+  );
+  var visitedResponders = new Set();
+  var node = targetFiber;
+  while (node !== null) {
+    var _node = node,
+      dependencies = _node.dependencies,
+      tag = _node.tag;
+
+    if (tag === HostComponent && dependencies !== null) {
+      var respondersMap = dependencies.responders;
+      if (respondersMap !== null) {
+        var responderInstances = Array.from(respondersMap.values());
+        for (var i = 0, length = responderInstances.length; i < length; i++) {
+          var responderInstance = responderInstances[i];
+
+          if (validateOwnership(responderInstance)) {
+            var props = responderInstance.props,
+              responder = responderInstance.responder,
+              state = responderInstance.state,
+              target = responderInstance.target;
 
-function cloneInstance(
-  instance,
-  updatePayload,
-  type,
-  oldProps,
-  newProps,
-  internalInstanceHandle,
-  keepChildren,
-  recyclableInstance
-) {
-  var node = instance.node;
-  var clone = void 0;
-  if (keepChildren) {
-    if (updatePayload !== null) {
-      clone = FabricUIManager.cloneNodeWithNewProps(node, updatePayload);
-    } else {
-      clone = FabricUIManager.cloneNode(node);
-    }
-  } else {
-    if (updatePayload !== null) {
-      clone = FabricUIManager.cloneNodeWithNewChildrenAndProps(
-        node,
-        updatePayload
-      );
-    } else {
-      clone = FabricUIManager.cloneNodeWithNewChildren(node);
+            if (
+              !visitedResponders.has(responder) &&
+              validateResponderTargetEventTypes(eventType, responder)
+            ) {
+              var onEvent = responder.onEvent;
+              visitedResponders.add(responder);
+              if (onEvent !== null) {
+                currentInstance = responderInstance;
+                responderEvent.responderTarget = target;
+                onEvent(responderEvent, eventResponderContext, props, state);
+              }
+            }
+          }
+        }
+      }
     }
+    node = node.return;
   }
-  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
+  // Root phase
+  var rootEventResponderInstances = rootEventTypesToEventResponderInstances.get(
+    eventType
   );
-  return {
-    node: FabricUIManager.cloneNodeWithNewProps(node, updatePayload),
-    canonical: instance.canonical
-  };
-}
-
-function cloneHiddenTextInstance(instance, text, internalInstanceHandle) {
-  throw new Error("Not yet implemented.");
-}
-
-function createContainerChildSet(container) {
-  return FabricUIManager.createChildSet(container);
-}
-
-function appendChildToContainerChildSet(childSet, child) {
-  FabricUIManager.appendChildToSet(childSet, child.node);
-}
-
-function finalizeContainerChildren(container, newChildren) {
-  FabricUIManager.completeRoot(container, newChildren);
-}
-
-function mountEventComponent(eventComponentInstance) {
-  throw new Error("Not yet implemented.");
-}
+  if (rootEventResponderInstances !== undefined) {
+    var _responderInstances = Array.from(rootEventResponderInstances);
 
-function updateEventComponent(eventComponentInstance) {
-  throw new Error("Not yet implemented.");
-}
-
-function unmountEventComponent(eventComponentInstance) {
-  throw new Error("Not yet implemented.");
-}
+    for (var _i = 0; _i < _responderInstances.length; _i++) {
+      var _responderInstance = _responderInstances[_i];
+      if (!validateOwnership(_responderInstance)) {
+        continue;
+      }
+      var _props = _responderInstance.props,
+        _responder = _responderInstance.responder,
+        _state = _responderInstance.state,
+        _target = _responderInstance.target;
 
-function getEventTargetChildElement(type, props) {
-  throw new Error("Not yet implemented.");
+      var onRootEvent = _responder.onRootEvent;
+      if (onRootEvent !== null) {
+        currentInstance = _responderInstance;
+        responderEvent.responderTarget = _target;
+        onRootEvent(responderEvent, eventResponderContext, _props, _state);
+      }
+    }
+  }
 }
 
-function handleEventTarget(
-  type,
-  props,
-  rootContainerInstance,
-  internalInstanceHandle
+// TODO this function is almost an exact copy of the DOM version, we should
+// somehow share the logic
+function dispatchEventForResponderEventSystem(
+  topLevelType,
+  targetFiber,
+  nativeEvent
 ) {
-  throw new Error("Not yet implemented.");
-}
-
-function commitEventTarget(type, props, instance, parentInstance) {
-  throw new Error("Not yet implemented.");
+  var previousEventQueue = currentEventQueue;
+  var previousInstance = currentInstance;
+  var previousTimers = currentTimers;
+  var previousTimeStamp = currentTimeStamp;
+  var previousEventQueuePriority = currentEventQueuePriority;
+  currentTimers = null;
+  currentEventQueue = [];
+  currentEventQueuePriority = ContinuousEvent;
+  // We might want to control timeStamp another way here
+  currentTimeStamp = Date.now();
+  try {
+    traverseAndHandleEventResponderInstances(
+      topLevelType,
+      targetFiber,
+      nativeEvent
+    );
+    processEventQueue();
+  } finally {
+    currentTimers = previousTimers;
+    currentInstance = previousInstance;
+    currentEventQueue = previousEventQueue;
+    currentTimeStamp = previousTimeStamp;
+    currentEventQueuePriority = previousEventQueuePriority;
+  }
 }
 
-var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
+// TODO this function is almost an exact copy of the DOM version, we should
+// somehow share the logic
+function triggerOwnershipListeners() {
+  var listeningInstances = Array.from(ownershipChangeListeners);
+  var previousInstance = currentInstance;
+  var previousEventQueuePriority = currentEventQueuePriority;
+  var previousEventQueue = currentEventQueue;
+  try {
+    for (var i = 0; i < listeningInstances.length; i++) {
+      var _instance2 = listeningInstances[i];
+      var props = _instance2.props,
+        responder = _instance2.responder,
+        state = _instance2.state;
 
-var describeComponentFrame = function(name, source, ownerName) {
-  var sourceInfo = "";
-  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 (/^index\./.test(fileName)) {
-        var match = path.match(BEFORE_SLASH_RE);
-        if (match) {
-          var pathBeforeSlash = match[1];
-          if (pathBeforeSlash) {
-            var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, "");
-            fileName = folderName + "/" + fileName;
-          }
-        }
+      currentInstance = _instance2;
+      currentEventQueuePriority = ContinuousEvent;
+      currentEventQueue = [];
+      var onOwnershipChange = responder.onOwnershipChange;
+      if (onOwnershipChange !== null) {
+        onOwnershipChange(eventResponderContext, props, state);
       }
     }
-    sourceInfo = " (at " + fileName + ":" + source.lineNumber + ")";
-  } else if (ownerName) {
-    sourceInfo = " (created by " + ownerName + ")";
-  }
-  return "\n    in " + (name || "Unknown") + sourceInfo;
-};
-
-var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-
-function describeFiber(fiber) {
-  switch (fiber.tag) {
-    case HostRoot:
-    case HostPortal:
-    case HostText:
-    case Fragment:
-    case ContextProvider:
-    case ContextConsumer:
-      return "";
-    default:
-      var owner = fiber._debugOwner;
-      var source = fiber._debugSource;
-      var name = getComponentName(fiber.type);
-      var ownerName = null;
-      if (owner) {
-        ownerName = getComponentName(owner.type);
-      }
-      return describeComponentFrame(name, source, ownerName);
+    processEventQueue();
+  } finally {
+    currentInstance = previousInstance;
+    currentEventQueue = previousEventQueue;
+    currentEventQueuePriority = previousEventQueuePriority;
   }
 }
 
-function getStackByFiberInDevAndProd(workInProgress) {
-  var info = "";
-  var node = workInProgress;
-  do {
-    info += describeFiber(node);
-    node = node.return;
-  } while (node);
-  return info;
+// TODO this function is almost an exact copy of the DOM version, we should
+// somehow share the logic
+function mountEventResponder(responder, responderInstance, props, state) {
+  if (responder.onOwnershipChange !== null) {
+    ownershipChangeListeners.add(responderInstance);
+  }
+  var onMount = responder.onMount;
+  if (onMount !== null) {
+    currentEventQueuePriority = ContinuousEvent;
+    currentInstance = responderInstance;
+    currentEventQueue = [];
+    try {
+      onMount(eventResponderContext, props, state);
+      processEventQueue();
+    } finally {
+      currentEventQueue = null;
+      currentInstance = null;
+      currentTimers = null;
+    }
+  }
 }
 
-var current = null;
-var phase = null;
+// TODO this function is almost an exact copy of the DOM version, we should
+// somehow share the logic
+function unmountEventResponder(responderInstance) {
+  var responder = responderInstance.responder;
+  var onUnmount = responder.onUnmount;
+  if (onUnmount !== null) {
+    var props = responderInstance.props,
+      state = responderInstance.state;
 
-function getCurrentFiberOwnerNameInDevOrNull() {
-  {
-    if (current === null) {
-      return null;
-    }
-    var owner = current._debugOwner;
-    if (owner !== null && typeof owner !== "undefined") {
-      return getComponentName(owner.type);
+    currentEventQueue = [];
+    currentEventQueuePriority = ContinuousEvent;
+    currentInstance = responderInstance;
+    try {
+      onUnmount(eventResponderContext, props, state);
+      processEventQueue();
+    } finally {
+      currentEventQueue = null;
+      currentInstance = null;
+      currentTimers = null;
     }
   }
-  return null;
-}
+  releaseOwnershipForEventResponderInstance(responderInstance);
+  if (responder.onOwnershipChange !== null) {
+    ownershipChangeListeners.delete(responderInstance);
+  }
+  var rootEventTypesSet = responderInstance.rootEventTypes;
+  if (rootEventTypesSet !== null) {
+    var rootEventTypes = Array.from(rootEventTypesSet);
 
-function getCurrentFiberStackInDev() {
-  {
-    if (current === null) {
-      return "";
+    for (var i = 0; i < rootEventTypes.length; i++) {
+      var topLevelEventType = rootEventTypes[i];
+      var rootEventResponderInstances = rootEventTypesToEventResponderInstances.get(
+        topLevelEventType
+      );
+      if (rootEventResponderInstances !== undefined) {
+        rootEventResponderInstances.delete(responderInstance);
+      }
     }
-    // Safe because if current fiber exists, we are reconciling,
-    // and it is guaranteed to be the work-in-progress version.
-    return getStackByFiberInDevAndProd(current);
   }
-  return "";
 }
 
-function resetCurrentFiber() {
-  {
-    ReactDebugCurrentFrame.getCurrentStack = null;
-    current = null;
-    phase = null;
+function registerRootEventType(rootEventType, responderInstance) {
+  var rootEventResponderInstances = rootEventTypesToEventResponderInstances.get(
+    rootEventType
+  );
+  if (rootEventResponderInstances === undefined) {
+    rootEventResponderInstances = new Set();
+    rootEventTypesToEventResponderInstances.set(
+      rootEventType,
+      rootEventResponderInstances
+    );
   }
+  var rootEventTypesSet = responderInstance.rootEventTypes;
+  if (rootEventTypesSet === null) {
+    rootEventTypesSet = responderInstance.rootEventTypes = new Set();
+  }
+  (function() {
+    if (!!rootEventTypesSet.has(rootEventType)) {
+      throw ReactError(
+        Error(
+          'addRootEventTypes() found a duplicate root event type of "' +
+            rootEventType +
+            '". This might be because the event type exists in the event responder "rootEventTypes" array or because of a previous addRootEventTypes() using this root event type.'
+        )
+      );
+    }
+  })();
+  rootEventTypesSet.add(rootEventType);
+  rootEventResponderInstances.add(responderInstance);
 }
 
-function setCurrentFiber(fiber) {
-  {
-    ReactDebugCurrentFrame.getCurrentStack = getCurrentFiberStackInDev;
-    current = fiber;
-    phase = null;
+function addRootEventTypesForResponderInstance(
+  responderInstance,
+  rootEventTypes
+) {
+  for (var i = 0; i < rootEventTypes.length; i++) {
+    var rootEventType = rootEventTypes[i];
+    registerRootEventType(rootEventType, responderInstance);
   }
 }
 
-function setCurrentPhase(lifeCyclePhase) {
-  {
-    phase = lifeCyclePhase;
+function dispatchEvent(target, topLevelType, nativeEvent) {
+  var targetFiber = target;
+  if (enableFlareAPI) {
+    // React Flare event system
+    dispatchEventForResponderEventSystem(topLevelType, target, nativeEvent);
   }
+  batchedUpdates(function() {
+    // Heritage plugin event system
+    runExtractedPluginEventsInBatch(
+      topLevelType,
+      targetFiber,
+      nativeEvent,
+      nativeEvent.target
+    );
+  });
+  // React Native doesn't use ReactControlledComponent but if it did, here's
+  // where it would do it.
 }
 
-// Prefix measurements so that it's possible to filter them.
-// Longer prefixes are hard to read in DevTools.
-var reactEmoji = "\u269B";
-var warningEmoji = "\u26D4";
-var supportsUserTiming =
-  typeof performance !== "undefined" &&
-  typeof performance.mark === "function" &&
-  typeof performance.clearMarks === "function" &&
-  typeof performance.measure === "function" &&
-  typeof performance.clearMeasures === "function";
-
-// Keep track of current fiber so that we know the path to unwind on pause.
-// TODO: this looks the same as nextUnitOfWork in scheduler. Can we unify them?
-var currentFiber = null;
-// If we're in the middle of user code, which fiber and method is it?
-// Reusing `currentFiber` would be confusing for this because user code fiber
-// can change during commit phase too, but we don't need to unwind it (since
-// lifecycles in the commit phase don't resemble a tree).
-var currentPhase = null;
-var currentPhaseFiber = null;
-// Did lifecycle hook schedule an update? This is often a performance problem,
-// so we will keep track of it, and include it in the report.
-// Track commits caused by cascading updates.
-var isCommitting = false;
-var hasScheduledUpdateInCurrentCommit = false;
-var hasScheduledUpdateInCurrentPhase = false;
-var commitCountInCurrentWorkLoop = 0;
-var effectCountInCurrentCommit = 0;
-var isWaitingForCallback = false;
-// During commits, we only show a measurement once per method name
-// to avoid stretch the commit phase with measurement overhead.
-var labelsInCurrentCommit = new Set();
-
-var formatMarkName = function(markName) {
-  return reactEmoji + " " + markName;
-};
+// Renderers that don't support mutation
+// can re-export everything from this module.
 
-var formatLabel = function(label, warning) {
-  var prefix = warning ? warningEmoji + " " : reactEmoji + " ";
-  var suffix = warning ? " Warning: " + warning : "";
-  return "" + prefix + label + suffix;
-};
+function shim() {
+  (function() {
+    {
+      throw ReactError(
+        Error(
+          "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    }
+  })();
+}
 
-var beginMark = function(markName) {
-  performance.mark(formatMarkName(markName));
-};
+// Mutation (when unsupported)
+var supportsMutation = false;
+var appendChild = shim;
+var appendChildToContainer = shim;
+var commitTextUpdate = shim;
+var commitMount = shim;
+var commitUpdate = shim;
+var insertBefore = shim;
+var insertInContainerBefore = shim;
+var removeChild = shim;
+var removeChildFromContainer = shim;
+var resetTextContent = shim;
+var hideInstance = shim;
+var hideTextInstance = shim;
+var unhideInstance = shim;
+var unhideTextInstance = shim;
 
-var clearMark = function(markName) {
-  performance.clearMarks(formatMarkName(markName));
-};
+// Renderers that don't support hydration
+// can re-export everything from this module.
 
-var endMark = function(label, markName, warning) {
-  var formattedMarkName = formatMarkName(markName);
-  var formattedLabel = formatLabel(label, warning);
-  try {
-    performance.measure(formattedLabel, formattedMarkName);
-  } catch (err) {}
-  // If previous mark was missing for some reason, this will throw.
-  // This could only happen if React crashed in an unexpected place earlier.
-  // Don't pile on with more errors.
+function shim$1() {
+  (function() {
+    {
+      throw ReactError(
+        Error(
+          "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    }
+  })();
+}
 
-  // Clear marks immediately to avoid growing buffer.
-  performance.clearMarks(formattedMarkName);
-  performance.clearMeasures(formattedLabel);
-};
+// Hydration (when unsupported)
 
-var getFiberMarkName = function(label, debugID) {
-  return label + " (#" + debugID + ")";
-};
+var supportsHydration = false;
+var canHydrateInstance = shim$1;
+var canHydrateTextInstance = shim$1;
+var canHydrateSuspenseInstance = shim$1;
+var isSuspenseInstancePending = shim$1;
+var isSuspenseInstanceFallback = shim$1;
+var registerSuspenseInstanceRetry = shim$1;
+var getNextHydratableSibling = shim$1;
+var getFirstHydratableChild = shim$1;
+var hydrateInstance = shim$1;
+var hydrateTextInstance = shim$1;
+var getNextHydratableInstanceAfterSuspenseInstance = shim$1;
+var clearSuspenseBoundary = shim$1;
+var clearSuspenseBoundaryFromContainer = shim$1;
+var didNotMatchHydratedContainerTextInstance = shim$1;
+var didNotMatchHydratedTextInstance = shim$1;
+var didNotHydrateContainerInstance = shim$1;
+var didNotHydrateInstance = shim$1;
+var didNotFindHydratableContainerInstance = shim$1;
+var didNotFindHydratableContainerTextInstance = shim$1;
+var didNotFindHydratableContainerSuspenseInstance = shim$1;
+var didNotFindHydratableInstance = shim$1;
+var didNotFindHydratableTextInstance = shim$1;
+var didNotFindHydratableSuspenseInstance = shim$1;
 
-var getFiberLabel = function(componentName, isMounted, phase) {
-  if (phase === null) {
-    // These are composite component total time measurements.
-    return componentName + " [" + (isMounted ? "update" : "mount") + "]";
-  } else {
-    // Composite component methods.
-    return componentName + "." + phase;
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
   }
-};
+}
 
-var beginFiberMark = function(fiber, phase) {
-  var componentName = getComponentName(fiber.type) || "Unknown";
-  var debugID = fiber._debugID;
-  var isMounted = fiber.alternate !== null;
-  var label = getFiberLabel(componentName, isMounted, phase);
+// Modules provided by RN:
+var _nativeFabricUIManage$1 = nativeFabricUIManager;
+var createNode = _nativeFabricUIManage$1.createNode;
+var cloneNode = _nativeFabricUIManage$1.cloneNode;
+var cloneNodeWithNewChildren = _nativeFabricUIManage$1.cloneNodeWithNewChildren;
+var cloneNodeWithNewChildrenAndProps =
+  _nativeFabricUIManage$1.cloneNodeWithNewChildrenAndProps;
+var cloneNodeWithNewProps = _nativeFabricUIManage$1.cloneNodeWithNewProps;
+var createChildNodeSet = _nativeFabricUIManage$1.createChildSet;
+var appendChildNode = _nativeFabricUIManage$1.appendChild;
+var appendChildNodeToSet = _nativeFabricUIManage$1.appendChildToSet;
+var completeRoot = _nativeFabricUIManage$1.completeRoot;
+var registerEventHandler = _nativeFabricUIManage$1.registerEventHandler;
+var fabricMeasure = _nativeFabricUIManage$1.measure;
+var fabricMeasureInWindow = _nativeFabricUIManage$1.measureInWindow;
+var fabricMeasureLayout = _nativeFabricUIManage$1.measureLayout;
+var getViewConfigForType =
+  ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get;
 
-  if (isCommitting && labelsInCurrentCommit.has(label)) {
-    // During the commit phase, we don't show duplicate labels because
-    // there is a fixed overhead for every measurement, and we don't
-    // want to stretch the commit phase beyond necessary.
-    return false;
-  }
-  labelsInCurrentCommit.add(label);
+// 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 markName = getFiberMarkName(label, debugID);
-  beginMark(markName);
-  return true;
-};
+var nextReactTag = 2;
 
-var clearFiberMark = function(fiber, phase) {
-  var componentName = getComponentName(fiber.type) || "Unknown";
-  var debugID = fiber._debugID;
-  var isMounted = fiber.alternate !== null;
-  var label = getFiberLabel(componentName, isMounted, phase);
-  var markName = getFiberMarkName(label, debugID);
-  clearMark(markName);
-};
+// TODO: Remove this conditional once all changes have propagated.
+if (registerEventHandler) {
+  /**
+   * Register the event emitter with the native bridge
+   */
+  registerEventHandler(dispatchEvent);
+}
 
-var endFiberMark = function(fiber, phase, warning) {
-  var componentName = getComponentName(fiber.type) || "Unknown";
-  var debugID = fiber._debugID;
-  var isMounted = fiber.alternate !== null;
-  var label = getFiberLabel(componentName, isMounted, phase);
-  var markName = getFiberMarkName(label, debugID);
-  endMark(label, markName, warning);
-};
+/**
+ * This is used for refs on host components.
+ */
 
-var shouldIgnoreFiber = function(fiber) {
-  // Host components should be skipped in the timeline.
-  // We could check typeof fiber.type, but does this work with RN?
-  switch (fiber.tag) {
-    case HostRoot:
-    case HostComponent:
-    case HostText:
-    case HostPortal:
-    case Fragment:
-    case ContextProvider:
-    case ContextConsumer:
-    case Mode:
-      return true;
-    default:
-      return false;
-  }
-};
+var ReactFabricHostComponent = (function() {
+  function ReactFabricHostComponent(
+    tag,
+    viewConfig,
+    props,
+    internalInstanceHandle
+  ) {
+    _classCallCheck(this, ReactFabricHostComponent);
 
-var clearPendingPhaseMeasurement = function() {
-  if (currentPhase !== null && currentPhaseFiber !== null) {
-    clearFiberMark(currentPhaseFiber, currentPhase);
+    this._nativeTag = tag;
+    this.viewConfig = viewConfig;
+    this.currentProps = props;
+    this._internalInstanceHandle = internalInstanceHandle;
   }
-  currentPhaseFiber = null;
-  currentPhase = null;
-  hasScheduledUpdateInCurrentPhase = false;
-};
 
-var pauseTimers = function() {
-  // Stops all currently active measurements so that they can be resumed
-  // if we continue in a later deferred loop from the same unit of work.
-  var fiber = currentFiber;
-  while (fiber) {
-    if (fiber._debugIsCurrentlyTiming) {
-      endFiberMark(fiber, null, null);
-    }
-    fiber = fiber.return;
-  }
-};
+  ReactFabricHostComponent.prototype.blur = function blur() {
+    ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
+  };
 
-var resumeTimersRecursively = function(fiber) {
-  if (fiber.return !== null) {
-    resumeTimersRecursively(fiber.return);
-  }
-  if (fiber._debugIsCurrentlyTiming) {
-    beginFiberMark(fiber, null);
-  }
-};
+  ReactFabricHostComponent.prototype.focus = function focus() {
+    ReactNativePrivateInterface.TextInputState.focusTextInput(this._nativeTag);
+  };
 
-var resumeTimers = function() {
-  // Resumes all measurements that were active during the last deferred loop.
-  if (currentFiber !== null) {
-    resumeTimersRecursively(currentFiber);
-  }
-};
+  ReactFabricHostComponent.prototype.measure = function measure(callback) {
+    fabricMeasure(
+      this._internalInstanceHandle.stateNode.node,
+      mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+    );
+  };
 
-function recordEffect() {
-  if (enableUserTimingAPI) {
-    effectCountInCurrentCommit++;
-  }
-}
+  ReactFabricHostComponent.prototype.measureInWindow = function measureInWindow(
+    callback
+  ) {
+    fabricMeasureInWindow(
+      this._internalInstanceHandle.stateNode.node,
+      mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+    );
+  };
 
-function recordScheduleUpdate() {
-  if (enableUserTimingAPI) {
-    if (isCommitting) {
-      hasScheduledUpdateInCurrentCommit = true;
-    }
+  ReactFabricHostComponent.prototype.measureLayout = function measureLayout(
+    relativeToNativeNode,
+    onSuccess,
+    onFail /* currently unused */
+  ) {
     if (
-      currentPhase !== null &&
-      currentPhase !== "componentWillMount" &&
-      currentPhase !== "componentWillReceiveProps"
+      typeof relativeToNativeNode === "number" ||
+      !(relativeToNativeNode instanceof ReactFabricHostComponent)
     ) {
-      hasScheduledUpdateInCurrentPhase = true;
-    }
-  }
-}
+      warningWithoutStack$1(
+        false,
+        "Warning: ref.measureLayout must be called with a ref to a native component."
+      );
 
-function startRequestCallbackTimer() {
-  if (enableUserTimingAPI) {
-    if (supportsUserTiming && !isWaitingForCallback) {
-      isWaitingForCallback = true;
-      beginMark("(Waiting for async callback...)");
+      return;
     }
-  }
-}
 
-function stopRequestCallbackTimer(didExpire) {
-  if (enableUserTimingAPI) {
-    if (supportsUserTiming) {
-      isWaitingForCallback = false;
-      var warning = didExpire
-        ? "Update expired; will flush synchronously"
-        : null;
-      endMark(
-        "(Waiting for async callback...)",
-        "(Waiting for async callback...)",
-        warning
-      );
-    }
-  }
-}
+    fabricMeasureLayout(
+      this._internalInstanceHandle.stateNode.node,
+      relativeToNativeNode._internalInstanceHandle.stateNode.node,
+      mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
+      mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
+    );
+  };
 
-function startWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
-      return;
-    }
-    // If we pause, this is the fiber to unwind from.
-    currentFiber = fiber;
-    if (!beginFiberMark(fiber, null)) {
-      return;
-    }
-    fiber._debugIsCurrentlyTiming = true;
-  }
-}
+  ReactFabricHostComponent.prototype.setNativeProps = function setNativeProps(
+    nativeProps
+  ) {
+    warningWithoutStack$1(
+      false,
+      "Warning: setNativeProps is not currently supported in Fabric"
+    );
 
-function cancelWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
-      return;
-    }
-    // Remember we shouldn't complete measurement for this fiber.
-    // Otherwise flamechart will be deep even for small updates.
-    fiber._debugIsCurrentlyTiming = false;
-    clearFiberMark(fiber, null);
-  }
-}
+    return;
+  };
 
-function stopWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
-      return;
-    }
-    // If we pause, its parent is the fiber to unwind from.
-    currentFiber = fiber.return;
-    if (!fiber._debugIsCurrentlyTiming) {
-      return;
-    }
-    fiber._debugIsCurrentlyTiming = false;
-    endFiberMark(fiber, null, null);
-  }
+  return ReactFabricHostComponent;
+})();
+
+function appendInitialChild(parentInstance, child) {
+  appendChildNode(parentInstance.node, child.node);
 }
 
-function stopFailedWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
-      return;
-    }
-    // If we pause, its parent is the fiber to unwind from.
-    currentFiber = fiber.return;
-    if (!fiber._debugIsCurrentlyTiming) {
-      return;
+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]
+        );
+      }
     }
-    fiber._debugIsCurrentlyTiming = false;
-    var warning =
-      fiber.tag === SuspenseComponent ||
-      fiber.tag === DehydratedSuspenseComponent
-        ? "Rendering was suspended"
-        : "An error was thrown inside this error boundary";
-    endFiberMark(fiber, null, warning);
   }
+
+  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 startPhaseTimer(fiber, phase) {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    clearPendingPhaseMeasurement();
-    if (!beginFiberMark(fiber, phase)) {
-      return;
+function createTextInstance(
+  text,
+  rootContainerInstance,
+  hostContext,
+  internalInstanceHandle
+) {
+  (function() {
+    if (!hostContext.isInAParentText) {
+      throw ReactError(
+        Error("Text strings must be rendered within a <Text> component.")
+      );
     }
-    currentPhaseFiber = fiber;
-    currentPhase = phase;
-  }
+  })();
+
+  var tag = nextReactTag;
+  nextReactTag += 2;
+
+  var node = createNode(
+    tag, // reactTag
+    "RCTRawText", // viewName
+    rootContainerInstance, // rootTag
+    { text: text }, // props
+    internalInstanceHandle // instance handle
+  );
+
+  return {
+    node: node
+  };
 }
 
-function stopPhaseTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    if (currentPhase !== null && currentPhaseFiber !== null) {
-      var warning = hasScheduledUpdateInCurrentPhase
-        ? "Scheduled a cascading update"
-        : null;
-      endFiberMark(currentPhaseFiber, currentPhase, warning);
-    }
-    currentPhase = null;
-    currentPhaseFiber = null;
-  }
+function finalizeInitialChildren(
+  parentInstance,
+  type,
+  props,
+  rootContainerInstance,
+  hostContext
+) {
+  return false;
 }
 
-function startWorkLoopTimer(nextUnitOfWork) {
-  if (enableUserTimingAPI) {
-    currentFiber = nextUnitOfWork;
-    if (!supportsUserTiming) {
-      return;
-    }
-    commitCountInCurrentWorkLoop = 0;
-    // This is top level call.
-    // Any other measurements are performed within.
-    beginMark("(React Tree Reconciliation)");
-    // Resume any measurements that were in progress during the last loop.
-    resumeTimers();
-  }
+function getRootHostContext(rootContainerInstance) {
+  return { isInAParentText: false };
 }
 
-function stopWorkLoopTimer(interruptedBy, didCompleteRoot) {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    var warning = null;
-    if (interruptedBy !== null) {
-      if (interruptedBy.tag === HostRoot) {
-        warning = "A top-level update interrupted the previous render";
-      } else {
-        var componentName = getComponentName(interruptedBy.type) || "Unknown";
-        warning =
-          "An update to " + componentName + " interrupted the previous render";
-      }
-    } else if (commitCountInCurrentWorkLoop > 1) {
-      warning = "There were cascading updates";
-    }
-    commitCountInCurrentWorkLoop = 0;
-    var label = didCompleteRoot
-      ? "(React Tree Reconciliation: Completed Root)"
-      : "(React Tree Reconciliation: Yielded)";
-    // Pause any measurements until the next loop.
-    pauseTimers();
-    endMark(label, "(React Tree Reconciliation)", warning);
+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 startCommitTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    isCommitting = true;
-    hasScheduledUpdateInCurrentCommit = false;
-    labelsInCurrentCommit.clear();
-    beginMark("(Committing Changes)");
-  }
+function getPublicInstance(instance) {
+  return instance.canonical;
 }
 
-function stopCommitTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
+function prepareForCommit(containerInfo) {
+  // Noop
+}
 
-    var warning = null;
-    if (hasScheduledUpdateInCurrentCommit) {
-      warning = "Lifecycle hook scheduled a cascading update";
-    } else if (commitCountInCurrentWorkLoop > 0) {
-      warning = "Caused by a cascading update in earlier commit";
-    }
-    hasScheduledUpdateInCurrentCommit = false;
-    commitCountInCurrentWorkLoop++;
-    isCommitting = false;
-    labelsInCurrentCommit.clear();
-
-    endMark("(Committing Changes)", "(Committing Changes)", warning);
-  }
-}
-
-function startCommitSnapshotEffectsTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    effectCountInCurrentCommit = 0;
-    beginMark("(Committing Snapshot Effects)");
-  }
-}
-
-function stopCommitSnapshotEffectsTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    var count = effectCountInCurrentCommit;
-    effectCountInCurrentCommit = 0;
-    endMark(
-      "(Committing Snapshot Effects: " + count + " Total)",
-      "(Committing Snapshot Effects)",
-      null
-    );
-  }
-}
-
-function startCommitHostEffectsTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    effectCountInCurrentCommit = 0;
-    beginMark("(Committing Host Effects)");
-  }
+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 stopCommitHostEffectsTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    var count = effectCountInCurrentCommit;
-    effectCountInCurrentCommit = 0;
-    endMark(
-      "(Committing Host Effects: " + count + " Total)",
-      "(Committing Host Effects)",
-      null
-    );
-  }
+function resetAfterCommit(containerInfo) {
+  // Noop
 }
 
-function startCommitLifeCyclesTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    effectCountInCurrentCommit = 0;
-    beginMark("(Calling Lifecycle Methods)");
-  }
+function shouldDeprioritizeSubtree(type, props) {
+  return false;
 }
 
-function stopCommitLifeCyclesTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    var count = effectCountInCurrentCommit;
-    effectCountInCurrentCommit = 0;
-    endMark(
-      "(Calling Lifecycle Methods: " + count + " Total)",
-      "(Calling Lifecycle Methods)",
-      null
-    );
-  }
+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;
 }
 
-var valueStack = [];
+// The Fabric renderer is secondary to the existing React Native renderer.
+var isPrimaryRenderer = false;
 
-var fiberStack = void 0;
+// The Fabric renderer shouldn't trigger missing act() warnings
+var warnsIfNotActing = false;
 
-{
-  fiberStack = [];
-}
+var scheduleTimeout = setTimeout;
+var cancelTimeout = clearTimeout;
+var noTimeout = -1;
 
-var index = -1;
+// -------------------
+//     Persistence
+// -------------------
 
-function createCursor(defaultValue) {
-  return {
-    current: defaultValue
-  };
-}
+var supportsPersistence = true;
 
-function pop(cursor, fiber) {
-  if (index < 0) {
-    {
-      warningWithoutStack$1(false, "Unexpected pop.");
+function cloneInstance(
+  instance,
+  updatePayload,
+  type,
+  oldProps,
+  newProps,
+  internalInstanceHandle,
+  keepChildren,
+  recyclableInstance
+) {
+  var node = instance.node;
+  var clone = void 0;
+  if (keepChildren) {
+    if (updatePayload !== null) {
+      clone = cloneNodeWithNewProps(node, updatePayload);
+    } else {
+      clone = cloneNode(node);
     }
-    return;
-  }
-
-  {
-    if (fiber !== fiberStack[index]) {
-      warningWithoutStack$1(false, "Unexpected Fiber popped.");
+  } else {
+    if (updatePayload !== null) {
+      clone = cloneNodeWithNewChildrenAndProps(node, updatePayload);
+    } else {
+      clone = cloneNodeWithNewChildren(node);
     }
   }
-
-  cursor.current = valueStack[index];
-
-  valueStack[index] = null;
-
-  {
-    fiberStack[index] = null;
-  }
-
-  index--;
+  return {
+    node: clone,
+    canonical: instance.canonical
+  };
 }
 
-function push(cursor, value, fiber) {
-  index++;
-
-  valueStack[index] = cursor.current;
-
-  {
-    fiberStack[index] = fiber;
-  }
-
-  cursor.current = value;
+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
+  };
 }
 
-var warnedAboutMissingGetChildContext = void 0;
-
-{
-  warnedAboutMissingGetChildContext = {};
+function cloneHiddenTextInstance(instance, text, internalInstanceHandle) {
+  throw new Error("Not yet implemented.");
 }
 
-var emptyContextObject = {};
-{
-  Object.freeze(emptyContextObject);
+function createContainerChildSet(container) {
+  return createChildNodeSet(container);
 }
 
-// A cursor to the current merged context object on the stack.
-var contextStackCursor = createCursor(emptyContextObject);
-// A cursor to a boolean indicating whether the context has changed.
-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.
-var previousContext = emptyContextObject;
-
-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 contextStackCursor.current;
+function appendChildToContainerChildSet(childSet, child) {
+  appendChildNodeToSet(childSet, child.node);
 }
 
-function cacheContext(workInProgress, unmaskedContext, maskedContext) {
-  var instance = workInProgress.stateNode;
-  instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext;
-  instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
+function finalizeContainerChildren(container, newChildren) {
+  completeRoot(container, newChildren);
 }
 
-function getMaskedContext(workInProgress, unmaskedContext) {
-  var type = workInProgress.type;
-  var contextTypes = type.contextTypes;
-  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.
-  var instance = workInProgress.stateNode;
-  if (
-    instance &&
-    instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
-  ) {
-    return instance.__reactInternalMemoizedMaskedChildContext;
-  }
+function mountResponderInstance(
+  responder,
+  responderInstance,
+  props,
+  state,
+  instance,
+  rootContainerInstance
+) {
+  if (enableFlareAPI) {
+    var rootEventTypes = responder.rootEventTypes;
 
-  var context = {};
-  for (var key in contextTypes) {
-    context[key] = unmaskedContext[key];
+    if (rootEventTypes !== null) {
+      addRootEventTypesForResponderInstance(responderInstance, rootEventTypes);
+    }
+    mountEventResponder(responder, responderInstance, props, state);
   }
+}
 
-  {
-    var name = getComponentName(type) || "Unknown";
-    checkPropTypes(
-      contextTypes,
-      context,
-      "context",
-      name,
-      getCurrentFiberStackInDev
-    );
+function unmountResponderInstance(responderInstance) {
+  if (enableFlareAPI) {
+    // TODO stop listening to targetEventTypes
+    unmountEventResponder(responderInstance);
   }
+}
 
-  // 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 (instance) {
-    cacheContext(workInProgress, unmaskedContext, context);
-  }
+function getFundamentalComponentInstance(fundamentalInstance) {
+  throw new Error("Not yet implemented.");
+}
 
-  return context;
+function mountFundamentalComponent(fundamentalInstance) {
+  throw new Error("Not yet implemented.");
 }
 
-function hasContextChanged() {
-  return didPerformWorkStackCursor.current;
+function shouldUpdateFundamentalComponent(fundamentalInstance) {
+  throw new Error("Not yet implemented.");
 }
 
-function isContextProvider(type) {
-  var childContextTypes = type.childContextTypes;
-  return childContextTypes !== null && childContextTypes !== undefined;
+function updateFundamentalComponent(fundamentalInstance) {
+  throw new Error("Not yet implemented.");
 }
 
-function popContext(fiber) {
-  pop(didPerformWorkStackCursor, fiber);
-  pop(contextStackCursor, fiber);
+function unmountFundamentalComponent(fundamentalInstance) {
+  throw new Error("Not yet implemented.");
 }
 
-function popTopLevelContextObject(fiber) {
-  pop(didPerformWorkStackCursor, fiber);
-  pop(contextStackCursor, fiber);
+function cloneFundamentalInstance(fundamentalInstance) {
+  throw new Error("Not yet implemented.");
 }
 
-function pushTopLevelContextObject(fiber, context, didChange) {
-  (function() {
-    if (!(contextStackCursor.current === emptyContextObject)) {
-      throw ReactError(
-        "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
-      );
-    }
-  })();
-
-  push(contextStackCursor, context, fiber);
-  push(didPerformWorkStackCursor, didChange, fiber);
-}
-
-function processChildContext(fiber, type, parentContext) {
-  var instance = fiber.stateNode;
-  var childContextTypes = type.childContextTypes;
+var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
 
-  // 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 (typeof instance.getChildContext !== "function") {
+var describeComponentFrame = function(name, source, ownerName) {
+  var sourceInfo = "";
+  if (source) {
+    var path = source.fileName;
+    var fileName = path.replace(BEFORE_SLASH_RE, "");
     {
-      var componentName = getComponentName(type) || "Unknown";
-
-      if (!warnedAboutMissingGetChildContext[componentName]) {
-        warnedAboutMissingGetChildContext[componentName] = true;
-        warningWithoutStack$1(
-          false,
-          "%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
-        );
+      // In DEV, include code for a common special case:
+      // prefer "folder/index.js" instead of just "index.js".
+      if (/^index\./.test(fileName)) {
+        var match = path.match(BEFORE_SLASH_RE);
+        if (match) {
+          var pathBeforeSlash = match[1];
+          if (pathBeforeSlash) {
+            var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, "");
+            fileName = folderName + "/" + fileName;
+          }
+        }
       }
     }
-    return parentContext;
-  }
-
-  var childContext = void 0;
-  {
-    setCurrentPhase("getChildContext");
-  }
-  startPhaseTimer(fiber, "getChildContext");
-  childContext = instance.getChildContext();
-  stopPhaseTimer();
-  {
-    setCurrentPhase(null);
-  }
-  for (var contextKey in childContext) {
-    (function() {
-      if (!(contextKey in childContextTypes)) {
-        throw ReactError(
-          (getComponentName(type) || "Unknown") +
-            '.getChildContext(): key "' +
-            contextKey +
-            '" is not defined in childContextTypes.'
-        );
-      }
-    })();
-  }
-  {
-    var name = getComponentName(type) || "Unknown";
-    checkPropTypes(
-      childContextTypes,
-      childContext,
-      "child context",
-      name,
-      // In practice, there is one case in which we won't get a stack. It's when
-      // somebody calls unstable_renderSubtreeIntoContainer() and we process
-      // context from the parent component instance. The stack will be missing
-      // because it's outside of the reconciliation, and so the pointer has not
-      // been set. This is rare and doesn't matter. We'll also remove that API.
-      getCurrentFiberStackInDev
-    );
+    sourceInfo = " (at " + fileName + ":" + source.lineNumber + ")";
+  } else if (ownerName) {
+    sourceInfo = " (created by " + ownerName + ")";
   }
+  return "\n    in " + (name || "Unknown") + sourceInfo;
+};
 
-  return Object.assign({}, parentContext, childContext);
-}
-
-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;
-}
-
-function invalidateContextProvider(workInProgress, type, didChange) {
-  var instance = workInProgress.stateNode;
-  (function() {
-    if (!instance) {
-      throw ReactError(
-        "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
-      );
-    }
-  })();
+var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
 
-  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.
-    pop(didPerformWorkStackCursor, workInProgress);
-    pop(contextStackCursor, workInProgress);
-    // Now push the new context and mark that it has changed.
-    push(contextStackCursor, mergedContext, workInProgress);
-    push(didPerformWorkStackCursor, didChange, workInProgress);
-  } else {
-    pop(didPerformWorkStackCursor, workInProgress);
-    push(didPerformWorkStackCursor, didChange, workInProgress);
+function describeFiber(fiber) {
+  switch (fiber.tag) {
+    case HostRoot:
+    case HostPortal:
+    case HostText:
+    case Fragment:
+    case ContextProvider:
+    case ContextConsumer:
+      return "";
+    default:
+      var owner = fiber._debugOwner;
+      var source = fiber._debugSource;
+      var name = getComponentName(fiber.type);
+      var ownerName = null;
+      if (owner) {
+        ownerName = getComponentName(owner.type);
+      }
+      return describeComponentFrame(name, source, ownerName);
   }
 }
 
-function findCurrentUnmaskedContext(fiber) {
-  // Currently this is only used with renderSubtreeIntoContainer; not sure if it
-  // makes sense elsewhere
-  (function() {
-    if (!(isFiberMounted(fiber) && fiber.tag === ClassComponent)) {
-      throw ReactError(
-        "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
-      );
-    }
-  })();
-
-  var node = fiber;
+function getStackByFiberInDevAndProd(workInProgress) {
+  var info = "";
+  var node = workInProgress;
   do {
-    switch (node.tag) {
-      case HostRoot:
-        return node.stateNode.context;
-      case ClassComponent: {
-        var Component = node.type;
-        if (isContextProvider(Component)) {
-          return node.stateNode.__reactInternalMemoizedMergedChildContext;
-        }
-        break;
-      }
-    }
+    info += describeFiber(node);
     node = node.return;
-  } while (node !== null);
-  (function() {
-    {
-      throw ReactError(
-        "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
-      );
-    }
-  })();
+  } while (node);
+  return info;
 }
 
-var onCommitFiberRoot = null;
-var onCommitFiberUnmount = null;
-var hasLoggedError = false;
+var current = null;
+var phase = null;
 
-function catchErrors(fn) {
-  return function(arg) {
-    try {
-      return fn(arg);
-    } catch (err) {
-      if (true && !hasLoggedError) {
-        hasLoggedError = true;
-        warningWithoutStack$1(
-          false,
-          "React DevTools encountered an error: %s",
-          err
-        );
-      }
+function getCurrentFiberOwnerNameInDevOrNull() {
+  {
+    if (current === null) {
+      return null;
     }
-  };
-}
-
-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) {
-    {
-      warningWithoutStack$1(
-        false,
-        "The installed version of React DevTools is too old and will not work " +
-          "with the current version of React. Please update React DevTools. " +
-          "https://fb.me/react-devtools"
-      );
+    var owner = current._debugOwner;
+    if (owner !== null && typeof owner !== "undefined") {
+      return getComponentName(owner.type);
     }
-    // DevTools exists, even though it doesn't support Fiber.
-    return true;
   }
-  try {
-    var rendererID = hook.inject(internals);
-    // We have successfully injected, so now it is safe to set up hooks.
-    onCommitFiberRoot = catchErrors(function(root) {
-      return hook.onCommitFiberRoot(rendererID, root);
-    });
-    onCommitFiberUnmount = catchErrors(function(fiber) {
-      return hook.onCommitFiberUnmount(rendererID, fiber);
-    });
-  } catch (err) {
-    // Catch all errors because it is unsafe to throw during initialization.
-    {
-      warningWithoutStack$1(
-        false,
-        "React DevTools encountered an error: %s.",
-        err
-      );
+  return null;
+}
+
+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.
+    return getStackByFiberInDevAndProd(current);
   }
-  // DevTools exists
-  return true;
+  return "";
 }
 
-function onCommitRoot(root) {
-  if (typeof onCommitFiberRoot === "function") {
-    onCommitFiberRoot(root);
+function resetCurrentFiber() {
+  {
+    ReactDebugCurrentFrame.getCurrentStack = null;
+    current = null;
+    phase = null;
   }
 }
 
-function onCommitUnmount(fiber) {
-  if (typeof onCommitFiberUnmount === "function") {
-    onCommitFiberUnmount(fiber);
+function setCurrentFiber(fiber) {
+  {
+    ReactDebugCurrentFrame.getCurrentStack = getCurrentFiberStackInDev;
+    current = fiber;
+    phase = null;
   }
 }
 
-// Max 31 bit integer. The max integer size in V8 for 32-bit systems.
-// Math.pow(2, 30) - 1
-// 0b111111111111111111111111111111
-var MAX_SIGNED_31_BIT_INT = 1073741823;
-
-// Intentionally not named imports because Rollup would use dynamic dispatch for
-// CommonJS interop named imports.
-var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority;
-var Scheduler_scheduleCallback = Scheduler.unstable_scheduleCallback;
-var Scheduler_cancelCallback = Scheduler.unstable_cancelCallback;
-var Scheduler_shouldYield = Scheduler.unstable_shouldYield;
-var Scheduler_now = Scheduler.unstable_now;
-var Scheduler_getCurrentPriorityLevel =
-  Scheduler.unstable_getCurrentPriorityLevel;
-var Scheduler_ImmediatePriority = Scheduler.unstable_ImmediatePriority;
-var Scheduler_UserBlockingPriority = Scheduler.unstable_UserBlockingPriority;
-var Scheduler_NormalPriority = Scheduler.unstable_NormalPriority;
-var Scheduler_LowPriority = Scheduler.unstable_LowPriority;
-var Scheduler_IdlePriority = Scheduler.unstable_IdlePriority;
-
-if (enableSchedulerTracing) {
-  // Provide explicit error message when production+profiling bundle of e.g.
-  // react-dom is used with production (non-profiling) bundle of
-  // scheduler/tracing
-  (function() {
-    if (
-      !(
-        tracing.__interactionsRef != null &&
-        tracing.__interactionsRef.current != null
-      )
-    ) {
-      throw ReactError(
-        "It is not supported to run the profiling version of a renderer (for example, `react-dom/profiling`) without also replacing the `scheduler/tracing` module with `scheduler/tracing-profiling`. Your bundler might have a setting for aliasing both modules. Learn more at http://fb.me/react-profiling"
-      );
-    }
-  })();
+function setCurrentPhase(lifeCyclePhase) {
+  {
+    phase = lifeCyclePhase;
+  }
 }
 
-var fakeCallbackNode = {};
+// Prefix measurements so that it's possible to filter them.
+// Longer prefixes are hard to read in DevTools.
+var reactEmoji = "\u269B";
+var warningEmoji = "\u26D4";
+var supportsUserTiming =
+  typeof performance !== "undefined" &&
+  typeof performance.mark === "function" &&
+  typeof performance.clearMarks === "function" &&
+  typeof performance.measure === "function" &&
+  typeof performance.clearMeasures === "function";
 
-// Except for NoPriority, these correspond to Scheduler priorities. We use
-// ascending numbers so we can compare them like numbers. They start at 90 to
-// avoid clashing with Scheduler's priorities.
-var ImmediatePriority = 99;
-var UserBlockingPriority = 98;
-var NormalPriority = 97;
-var LowPriority = 96;
-var IdlePriority = 95;
-// NoPriority is the absence of priority. Also React-only.
+// Keep track of current fiber so that we know the path to unwind on pause.
+// TODO: this looks the same as nextUnitOfWork in scheduler. Can we unify them?
+var currentFiber = null;
+// If we're in the middle of user code, which fiber and method is it?
+// Reusing `currentFiber` would be confusing for this because user code fiber
+// can change during commit phase too, but we don't need to unwind it (since
+// lifecycles in the commit phase don't resemble a tree).
+var currentPhase = null;
+var currentPhaseFiber = null;
+// Did lifecycle hook schedule an update? This is often a performance problem,
+// so we will keep track of it, and include it in the report.
+// Track commits caused by cascading updates.
+var isCommitting = false;
+var hasScheduledUpdateInCurrentCommit = false;
+var hasScheduledUpdateInCurrentPhase = false;
+var commitCountInCurrentWorkLoop = 0;
+var effectCountInCurrentCommit = 0;
+var isWaitingForCallback = false;
+// During commits, we only show a measurement once per method name
+// to avoid stretch the commit phase with measurement overhead.
+var labelsInCurrentCommit = new Set();
 
-var shouldYield = disableYielding
-  ? function() {
-      return false;
-    } // Never yield when `disableYielding` is on
-  : Scheduler_shouldYield;
+var formatMarkName = function(markName) {
+  return reactEmoji + " " + markName;
+};
 
-var immediateQueue = null;
-var immediateQueueCallbackNode = null;
-var isFlushingImmediate = false;
-var initialTimeMs = Scheduler_now();
+var formatLabel = function(label, warning) {
+  var prefix = warning ? warningEmoji + " " : reactEmoji + " ";
+  var suffix = warning ? " Warning: " + warning : "";
+  return "" + prefix + label + suffix;
+};
 
-// If the initial timestamp is reasonably small, use Scheduler's `now` directly.
-// This will be the case for modern browsers that support `performance.now`. In
-// older browsers, Scheduler falls back to `Date.now`, which returns a Unix
-// timestamp. In that case, subtract the module initialization time to simulate
-// the behavior of performance.now and keep our times small enough to fit
-// within 32 bits.
-// TODO: Consider lifting this into Scheduler.
-var now =
-  initialTimeMs < 10000
-    ? Scheduler_now
-    : function() {
-        return Scheduler_now() - initialTimeMs;
-      };
+var beginMark = function(markName) {
+  performance.mark(formatMarkName(markName));
+};
 
-function getCurrentPriorityLevel() {
-  switch (Scheduler_getCurrentPriorityLevel()) {
-    case Scheduler_ImmediatePriority:
-      return ImmediatePriority;
-    case Scheduler_UserBlockingPriority:
-      return UserBlockingPriority;
-    case Scheduler_NormalPriority:
-      return NormalPriority;
-    case Scheduler_LowPriority:
-      return LowPriority;
-    case Scheduler_IdlePriority:
-      return IdlePriority;
-    default:
-      (function() {
-        {
-          throw ReactError("Unknown priority level.");
-        }
-      })();
+var clearMark = function(markName) {
+  performance.clearMarks(formatMarkName(markName));
+};
+
+var endMark = function(label, markName, warning) {
+  var formattedMarkName = formatMarkName(markName);
+  var formattedLabel = formatLabel(label, warning);
+  try {
+    performance.measure(formattedLabel, formattedMarkName);
+  } catch (err) {}
+  // If previous mark was missing for some reason, this will throw.
+  // This could only happen if React crashed in an unexpected place earlier.
+  // Don't pile on with more errors.
+
+  // Clear marks immediately to avoid growing buffer.
+  performance.clearMarks(formattedMarkName);
+  performance.clearMeasures(formattedLabel);
+};
+
+var getFiberMarkName = function(label, debugID) {
+  return label + " (#" + debugID + ")";
+};
+
+var getFiberLabel = function(componentName, isMounted, phase) {
+  if (phase === null) {
+    // These are composite component total time measurements.
+    return componentName + " [" + (isMounted ? "update" : "mount") + "]";
+  } else {
+    // Composite component methods.
+    return componentName + "." + phase;
   }
-}
+};
 
-function reactPriorityToSchedulerPriority(reactPriorityLevel) {
-  switch (reactPriorityLevel) {
-    case ImmediatePriority:
-      return Scheduler_ImmediatePriority;
-    case UserBlockingPriority:
-      return Scheduler_UserBlockingPriority;
-    case NormalPriority:
-      return Scheduler_NormalPriority;
-    case LowPriority:
-      return Scheduler_LowPriority;
-    case IdlePriority:
-      return Scheduler_IdlePriority;
+var beginFiberMark = function(fiber, phase) {
+  var componentName = getComponentName(fiber.type) || "Unknown";
+  var debugID = fiber._debugID;
+  var isMounted = fiber.alternate !== null;
+  var label = getFiberLabel(componentName, isMounted, phase);
+
+  if (isCommitting && labelsInCurrentCommit.has(label)) {
+    // During the commit phase, we don't show duplicate labels because
+    // there is a fixed overhead for every measurement, and we don't
+    // want to stretch the commit phase beyond necessary.
+    return false;
+  }
+  labelsInCurrentCommit.add(label);
+
+  var markName = getFiberMarkName(label, debugID);
+  beginMark(markName);
+  return true;
+};
+
+var clearFiberMark = function(fiber, phase) {
+  var componentName = getComponentName(fiber.type) || "Unknown";
+  var debugID = fiber._debugID;
+  var isMounted = fiber.alternate !== null;
+  var label = getFiberLabel(componentName, isMounted, phase);
+  var markName = getFiberMarkName(label, debugID);
+  clearMark(markName);
+};
+
+var endFiberMark = function(fiber, phase, warning) {
+  var componentName = getComponentName(fiber.type) || "Unknown";
+  var debugID = fiber._debugID;
+  var isMounted = fiber.alternate !== null;
+  var label = getFiberLabel(componentName, isMounted, phase);
+  var markName = getFiberMarkName(label, debugID);
+  endMark(label, markName, warning);
+};
+
+var shouldIgnoreFiber = function(fiber) {
+  // Host components should be skipped in the timeline.
+  // We could check typeof fiber.type, but does this work with RN?
+  switch (fiber.tag) {
+    case HostRoot:
+    case HostComponent:
+    case HostText:
+    case HostPortal:
+    case Fragment:
+    case ContextProvider:
+    case ContextConsumer:
+    case Mode:
+      return true;
     default:
-      (function() {
-        {
-          throw ReactError("Unknown priority level.");
-        }
-      })();
+      return false;
   }
-}
+};
 
-function runWithPriority(reactPriorityLevel, fn) {
-  var priorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
-  return Scheduler_runWithPriority(priorityLevel, fn);
-}
+var clearPendingPhaseMeasurement = function() {
+  if (currentPhase !== null && currentPhaseFiber !== null) {
+    clearFiberMark(currentPhaseFiber, currentPhase);
+  }
+  currentPhaseFiber = null;
+  currentPhase = null;
+  hasScheduledUpdateInCurrentPhase = false;
+};
 
-function scheduleCallback(reactPriorityLevel, callback, options) {
-  if (reactPriorityLevel === ImmediatePriority) {
-    // Push this callback into an internal queue. We'll flush these either in
-    // the next tick, or earlier if something calls `flushImmediateQueue`.
-    if (immediateQueue === null) {
-      immediateQueue = [callback];
-      // Flush the queue in the next tick, at the earliest.
-      immediateQueueCallbackNode = Scheduler_scheduleCallback(
-        Scheduler_ImmediatePriority,
-        flushImmediateQueueImpl
-      );
-    } else {
-      // Push onto existing queue. Don't need to schedule a callback because
-      // we already scheduled one when we created the queue.
-      immediateQueue.push(callback);
+var pauseTimers = function() {
+  // Stops all currently active measurements so that they can be resumed
+  // if we continue in a later deferred loop from the same unit of work.
+  var fiber = currentFiber;
+  while (fiber) {
+    if (fiber._debugIsCurrentlyTiming) {
+      endFiberMark(fiber, null, null);
     }
-    return fakeCallbackNode;
+    fiber = fiber.return;
   }
-  // Otherwise pass through to Scheduler.
-  var priorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
-  return Scheduler_scheduleCallback(priorityLevel, callback, options);
-}
+};
 
-function cancelCallback(callbackNode) {
-  if (callbackNode !== fakeCallbackNode) {
-    Scheduler_cancelCallback(callbackNode);
+var resumeTimersRecursively = function(fiber) {
+  if (fiber.return !== null) {
+    resumeTimersRecursively(fiber.return);
   }
-}
+  if (fiber._debugIsCurrentlyTiming) {
+    beginFiberMark(fiber, null);
+  }
+};
 
-function flushImmediateQueue() {
-  if (immediateQueueCallbackNode !== null) {
-    Scheduler_cancelCallback(immediateQueueCallbackNode);
+var resumeTimers = function() {
+  // Resumes all measurements that were active during the last deferred loop.
+  if (currentFiber !== null) {
+    resumeTimersRecursively(currentFiber);
+  }
+};
+
+function recordEffect() {
+  if (enableUserTimingAPI) {
+    effectCountInCurrentCommit++;
   }
-  flushImmediateQueueImpl();
 }
 
-function flushImmediateQueueImpl() {
-  if (!isFlushingImmediate && immediateQueue !== null) {
-    // Prevent re-entrancy.
-    isFlushingImmediate = true;
-    var i = 0;
-    try {
-      var _isSync = true;
-      for (; i < immediateQueue.length; i++) {
-        var callback = immediateQueue[i];
-        do {
-          callback = callback(_isSync);
-        } while (callback !== null);
-      }
-      immediateQueue = null;
-    } catch (error) {
-      // If something throws, leave the remaining callbacks on the queue.
-      if (immediateQueue !== null) {
-        immediateQueue = immediateQueue.slice(i + 1);
-      }
-      // Resume flushing in the next tick
-      Scheduler_scheduleCallback(
-        Scheduler_ImmediatePriority,
-        flushImmediateQueue
-      );
-      throw error;
-    } finally {
-      isFlushingImmediate = false;
+function recordScheduleUpdate() {
+  if (enableUserTimingAPI) {
+    if (isCommitting) {
+      hasScheduledUpdateInCurrentCommit = true;
+    }
+    if (
+      currentPhase !== null &&
+      currentPhase !== "componentWillMount" &&
+      currentPhase !== "componentWillReceiveProps"
+    ) {
+      hasScheduledUpdateInCurrentPhase = true;
     }
   }
 }
 
-var NoWork = 0;
-var Never = 1;
-var Sync = MAX_SIGNED_31_BIT_INT;
-
-var UNIT_SIZE = 10;
-var MAGIC_NUMBER_OFFSET = MAX_SIGNED_31_BIT_INT - 1;
+function startRequestCallbackTimer() {
+  if (enableUserTimingAPI) {
+    if (supportsUserTiming && !isWaitingForCallback) {
+      isWaitingForCallback = true;
+      beginMark("(Waiting for async callback...)");
+    }
+  }
+}
 
-// 1 unit of expiration time represents 10ms.
-function msToExpirationTime(ms) {
-  // Always add an offset so that we don't clash with the magic number for NoWork.
-  return MAGIC_NUMBER_OFFSET - ((ms / UNIT_SIZE) | 0);
+function stopRequestCallbackTimer(didExpire) {
+  if (enableUserTimingAPI) {
+    if (supportsUserTiming) {
+      isWaitingForCallback = false;
+      var warning = didExpire
+        ? "Update expired; will flush synchronously"
+        : null;
+      endMark(
+        "(Waiting for async callback...)",
+        "(Waiting for async callback...)",
+        warning
+      );
+    }
+  }
 }
 
-function expirationTimeToMs(expirationTime) {
-  return (MAGIC_NUMBER_OFFSET - expirationTime) * UNIT_SIZE;
+function startWorkTimer(fiber) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+      return;
+    }
+    // If we pause, this is the fiber to unwind from.
+    currentFiber = fiber;
+    if (!beginFiberMark(fiber, null)) {
+      return;
+    }
+    fiber._debugIsCurrentlyTiming = true;
+  }
 }
 
-function ceiling(num, precision) {
-  return (((num / precision) | 0) + 1) * precision;
+function cancelWorkTimer(fiber) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+      return;
+    }
+    // Remember we shouldn't complete measurement for this fiber.
+    // Otherwise flamechart will be deep even for small updates.
+    fiber._debugIsCurrentlyTiming = false;
+    clearFiberMark(fiber, null);
+  }
 }
 
-function computeExpirationBucket(currentTime, expirationInMs, bucketSizeMs) {
-  return (
-    MAGIC_NUMBER_OFFSET -
-    ceiling(
-      MAGIC_NUMBER_OFFSET - currentTime + expirationInMs / UNIT_SIZE,
-      bucketSizeMs / UNIT_SIZE
-    )
-  );
+function stopWorkTimer(fiber) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+      return;
+    }
+    // If we pause, its parent is the fiber to unwind from.
+    currentFiber = fiber.return;
+    if (!fiber._debugIsCurrentlyTiming) {
+      return;
+    }
+    fiber._debugIsCurrentlyTiming = false;
+    endFiberMark(fiber, null, null);
+  }
 }
 
-// TODO: This corresponds to Scheduler's NormalPriority, not LowPriority. Update
-// the names to reflect.
-var LOW_PRIORITY_EXPIRATION = 5000;
-var LOW_PRIORITY_BATCH_SIZE = 250;
-
-function computeAsyncExpiration(currentTime) {
-  return computeExpirationBucket(
-    currentTime,
-    LOW_PRIORITY_EXPIRATION,
-    LOW_PRIORITY_BATCH_SIZE
-  );
+function stopFailedWorkTimer(fiber) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+      return;
+    }
+    // If we pause, its parent is the fiber to unwind from.
+    currentFiber = fiber.return;
+    if (!fiber._debugIsCurrentlyTiming) {
+      return;
+    }
+    fiber._debugIsCurrentlyTiming = false;
+    var warning =
+      fiber.tag === SuspenseComponent ||
+      fiber.tag === DehydratedSuspenseComponent
+        ? "Rendering was suspended"
+        : "An error was thrown inside this error boundary";
+    endFiberMark(fiber, null, warning);
+  }
 }
 
-// Same as computeAsyncExpiration but without the bucketing logic. This is
-// used to compute timestamps instead of actual expiration times.
-function computeAsyncExpirationNoBucket(currentTime) {
-  return currentTime - LOW_PRIORITY_EXPIRATION / UNIT_SIZE;
+function startPhaseTimer(fiber, phase) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    clearPendingPhaseMeasurement();
+    if (!beginFiberMark(fiber, phase)) {
+      return;
+    }
+    currentPhaseFiber = fiber;
+    currentPhase = phase;
+  }
 }
 
-// We intentionally set a higher expiration time for interactive updates in
-// dev than in production.
-//
-// If the main thread is being blocked so long that you hit the expiration,
-// it's a problem that could be solved with better scheduling.
-//
-// People will be more likely to notice this and fix it with the long
-// expiration time in development.
-//
-// In production we opt for better UX at the risk of masking scheduling
-// problems, by expiring fast.
-var HIGH_PRIORITY_EXPIRATION = 500;
-var HIGH_PRIORITY_BATCH_SIZE = 100;
-
-function computeInteractiveExpiration(currentTime) {
-  return computeExpirationBucket(
-    currentTime,
-    HIGH_PRIORITY_EXPIRATION,
-    HIGH_PRIORITY_BATCH_SIZE
-  );
+function stopPhaseTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    if (currentPhase !== null && currentPhaseFiber !== null) {
+      var warning = hasScheduledUpdateInCurrentPhase
+        ? "Scheduled a cascading update"
+        : null;
+      endFiberMark(currentPhaseFiber, currentPhase, warning);
+    }
+    currentPhase = null;
+    currentPhaseFiber = null;
+  }
 }
 
-function inferPriorityFromExpirationTime(currentTime, expirationTime) {
-  if (expirationTime === Sync) {
-    return ImmediatePriority;
-  }
-  if (expirationTime === Never) {
-    return IdlePriority;
-  }
-  var msUntil =
-    expirationTimeToMs(expirationTime) - expirationTimeToMs(currentTime);
-  if (msUntil <= 0) {
-    return ImmediatePriority;
-  }
-  if (msUntil <= HIGH_PRIORITY_EXPIRATION + HIGH_PRIORITY_BATCH_SIZE) {
-    return UserBlockingPriority;
-  }
-  if (msUntil <= LOW_PRIORITY_EXPIRATION + LOW_PRIORITY_BATCH_SIZE) {
-    return NormalPriority;
+function startWorkLoopTimer(nextUnitOfWork) {
+  if (enableUserTimingAPI) {
+    currentFiber = nextUnitOfWork;
+    if (!supportsUserTiming) {
+      return;
+    }
+    commitCountInCurrentWorkLoop = 0;
+    // This is top level call.
+    // Any other measurements are performed within.
+    beginMark("(React Tree Reconciliation)");
+    // Resume any measurements that were in progress during the last loop.
+    resumeTimers();
   }
+}
 
-  // TODO: Handle LowPriority
+function stopWorkLoopTimer(interruptedBy, didCompleteRoot) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    var warning = null;
+    if (interruptedBy !== null) {
+      if (interruptedBy.tag === HostRoot) {
+        warning = "A top-level update interrupted the previous render";
+      } else {
+        var componentName = getComponentName(interruptedBy.type) || "Unknown";
+        warning =
+          "An update to " + componentName + " interrupted the previous render";
+      }
+    } else if (commitCountInCurrentWorkLoop > 1) {
+      warning = "There were cascading updates";
+    }
+    commitCountInCurrentWorkLoop = 0;
+    var label = didCompleteRoot
+      ? "(React Tree Reconciliation: Completed Root)"
+      : "(React Tree Reconciliation: Yielded)";
+    // Pause any measurements until the next loop.
+    pauseTimers();
+    endMark(label, "(React Tree Reconciliation)", warning);
+  }
+}
 
-  // Assume anything lower has idle priority
-  return IdlePriority;
+function startCommitTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    isCommitting = true;
+    hasScheduledUpdateInCurrentCommit = false;
+    labelsInCurrentCommit.clear();
+    beginMark("(Committing Changes)");
+  }
 }
 
-var NoContext = 0;
-var ConcurrentMode = 1;
-var StrictMode = 2;
-var ProfileMode = 4;
+function stopCommitTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
 
-var hasBadMapPolyfill = void 0;
+    var warning = null;
+    if (hasScheduledUpdateInCurrentCommit) {
+      warning = "Lifecycle hook scheduled a cascading update";
+    } else if (commitCountInCurrentWorkLoop > 0) {
+      warning = "Caused by a cascading update in earlier commit";
+    }
+    hasScheduledUpdateInCurrentCommit = false;
+    commitCountInCurrentWorkLoop++;
+    isCommitting = false;
+    labelsInCurrentCommit.clear();
 
-{
-  hasBadMapPolyfill = false;
-  try {
-    var nonExtensibleObject = Object.preventExtensions({});
-    var testMap = new Map([[nonExtensibleObject, null]]);
-    var testSet = new Set([nonExtensibleObject]);
-    // This is necessary for Rollup to not consider these unused.
-    // https://github.com/rollup/rollup/issues/1771
-    // TODO: we can remove these if Rollup fixes the bug.
-    testMap.set(0, 0);
-    testSet.add(0);
-  } catch (e) {
-    // TODO: Consider warning about bad polyfills
-    hasBadMapPolyfill = true;
+    endMark("(Committing Changes)", "(Committing Changes)", warning);
   }
 }
 
-// A Fiber is work on a Component that needs to be done or was done. There can
-// be more than one per component.
-
-var debugCounter = void 0;
-
-{
-  debugCounter = 1;
+function startCommitSnapshotEffectsTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    effectCountInCurrentCommit = 0;
+    beginMark("(Committing Snapshot Effects)");
+  }
 }
 
-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.contextDependencies = null;
-
-  this.mode = mode;
-
-  // Effects
-  this.effectTag = NoEffect;
-  this.nextEffect = null;
-
-  this.firstEffect = null;
-  this.lastEffect = null;
-
-  this.expirationTime = NoWork;
-  this.childExpirationTime = NoWork;
-
-  this.alternate = null;
-
-  if (enableProfilerTimer) {
-    // 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;
+function stopCommitSnapshotEffectsTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    var count = effectCountInCurrentCommit;
+    effectCountInCurrentCommit = 0;
+    endMark(
+      "(Committing Snapshot Effects: " + count + " Total)",
+      "(Committing Snapshot Effects)",
+      null
+    );
   }
+}
 
-  {
-    this._debugID = debugCounter++;
-    this._debugSource = null;
-    this._debugOwner = null;
-    this._debugIsCurrentlyTiming = false;
-    this._debugHookTypes = null;
-    if (!hasBadMapPolyfill && typeof Object.preventExtensions === "function") {
-      Object.preventExtensions(this);
+function startCommitHostEffectsTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
     }
+    effectCountInCurrentCommit = 0;
+    beginMark("(Committing Host Effects)");
   }
 }
 
-// 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);
+function stopCommitHostEffectsTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    var count = effectCountInCurrentCommit;
+    effectCountInCurrentCommit = 0;
+    endMark(
+      "(Committing Host Effects: " + count + " Total)",
+      "(Committing Host Effects)",
+      null
+    );
+  }
 }
 
-function isSimpleFunctionComponent(type) {
-  return (
-    typeof type === "function" &&
-    !shouldConstruct(type) &&
-    type.defaultProps === undefined
-  );
+function startCommitLifeCyclesTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    effectCountInCurrentCommit = 0;
+    beginMark("(Calling Lifecycle Methods)");
+  }
 }
 
-function resolveLazyComponentTag(Component) {
-  if (typeof Component === "function") {
-    return shouldConstruct(Component) ? ClassComponent : FunctionComponent;
-  } else if (Component !== undefined && Component !== null) {
-    var $$typeof = Component.$$typeof;
-    if ($$typeof === REACT_FORWARD_REF_TYPE) {
-      return ForwardRef;
-    }
-    if ($$typeof === REACT_MEMO_TYPE) {
-      return MemoComponent;
+function stopCommitLifeCyclesTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
     }
+    var count = effectCountInCurrentCommit;
+    effectCountInCurrentCommit = 0;
+    endMark(
+      "(Calling Lifecycle Methods: " + count + " Total)",
+      "(Calling Lifecycle Methods)",
+      null
+    );
   }
-  return IndeterminateComponent;
 }
 
-// This is used to create an alternate fiber to do work on.
-function createWorkInProgress(current, pendingProps, expirationTime) {
-  var workInProgress = current.alternate;
-  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 valueStack = [];
 
-    {
-      // DEV-only fields
-      workInProgress._debugID = current._debugID;
-      workInProgress._debugSource = current._debugSource;
-      workInProgress._debugOwner = current._debugOwner;
-      workInProgress._debugHookTypes = current._debugHookTypes;
-    }
+var fiberStack = void 0;
 
-    workInProgress.alternate = current;
-    current.alternate = workInProgress;
-  } else {
-    workInProgress.pendingProps = pendingProps;
+{
+  fiberStack = [];
+}
 
-    // We already have an alternate.
-    // Reset the effect tag.
-    workInProgress.effectTag = NoEffect;
+var index = -1;
 
-    // The effect list is no longer valid.
-    workInProgress.nextEffect = null;
-    workInProgress.firstEffect = null;
-    workInProgress.lastEffect = null;
+function createCursor(defaultValue) {
+  return {
+    current: defaultValue
+  };
+}
 
-    if (enableProfilerTimer) {
-      // 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;
+function pop(cursor, fiber) {
+  if (index < 0) {
+    {
+      warningWithoutStack$1(false, "Unexpected pop.");
     }
+    return;
   }
 
-  workInProgress.childExpirationTime = current.childExpirationTime;
-  workInProgress.expirationTime = current.expirationTime;
+  {
+    if (fiber !== fiberStack[index]) {
+      warningWithoutStack$1(false, "Unexpected Fiber popped.");
+    }
+  }
 
-  workInProgress.child = current.child;
-  workInProgress.memoizedProps = current.memoizedProps;
-  workInProgress.memoizedState = current.memoizedState;
-  workInProgress.updateQueue = current.updateQueue;
-  workInProgress.contextDependencies = current.contextDependencies;
+  cursor.current = valueStack[index];
 
-  // These will be overridden during the parent's reconciliation
-  workInProgress.sibling = current.sibling;
-  workInProgress.index = current.index;
-  workInProgress.ref = current.ref;
+  valueStack[index] = null;
 
-  if (enableProfilerTimer) {
-    workInProgress.selfBaseDuration = current.selfBaseDuration;
-    workInProgress.treeBaseDuration = current.treeBaseDuration;
+  {
+    fiberStack[index] = null;
   }
 
-  return workInProgress;
+  index--;
 }
 
-function createHostRootFiber(isConcurrent) {
-  var mode = isConcurrent ? ConcurrentMode | StrictMode : NoContext;
+function push(cursor, value, fiber) {
+  index++;
+
+  valueStack[index] = cursor.current;
 
-  if (enableProfilerTimer && 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;
+  {
+    fiberStack[index] = fiber;
   }
 
-  return createFiber(HostRoot, null, null, mode);
+  cursor.current = value;
 }
 
-function createFiberFromTypeAndProps(
-  type, // React$ElementType
-  key,
-  pendingProps,
-  owner,
-  mode,
-  expirationTime
-) {
-  var fiber = void 0;
-
-  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;
-    }
-  } else if (typeof type === "string") {
-    fiberTag = HostComponent;
-  } else {
-    getTag: switch (type) {
-      case REACT_FRAGMENT_TYPE:
-        return createFiberFromFragment(
-          pendingProps.children,
-          mode,
-          expirationTime,
-          key
-        );
-      case REACT_CONCURRENT_MODE_TYPE:
-        return createFiberFromMode(
-          pendingProps,
-          mode | ConcurrentMode | StrictMode,
-          expirationTime,
-          key
-        );
-      case REACT_STRICT_MODE_TYPE:
-        return createFiberFromMode(
-          pendingProps,
-          mode | StrictMode,
-          expirationTime,
-          key
-        );
-      case REACT_PROFILER_TYPE:
-        return createFiberFromProfiler(pendingProps, mode, expirationTime, key);
-      case REACT_SUSPENSE_TYPE:
-        return createFiberFromSuspense(pendingProps, mode, expirationTime, key);
-      default: {
-        if (typeof type === "object" && type !== null) {
-          switch (type.$$typeof) {
-            case REACT_PROVIDER_TYPE:
-              fiberTag = ContextProvider;
-              break getTag;
-            case REACT_CONTEXT_TYPE:
-              // This is a consumer
-              fiberTag = ContextConsumer;
-              break getTag;
-            case REACT_FORWARD_REF_TYPE:
-              fiberTag = ForwardRef;
-              break getTag;
-            case REACT_MEMO_TYPE:
-              fiberTag = MemoComponent;
-              break getTag;
-            case REACT_LAZY_TYPE:
-              fiberTag = LazyComponent;
-              resolvedType = null;
-              break getTag;
-            case REACT_EVENT_COMPONENT_TYPE:
-              if (enableEventAPI) {
-                return createFiberFromEventComponent(
-                  type,
-                  pendingProps,
-                  mode,
-                  expirationTime,
-                  key
-                );
-              }
-              break;
-            case REACT_EVENT_TARGET_TYPE:
-              if (enableEventAPI) {
-                return createFiberFromEventTarget(
-                  type,
-                  pendingProps,
-                  mode,
-                  expirationTime,
-                  key
-                );
-              }
-              break;
-          }
-        }
-        var info = "";
-        {
-          if (
-            type === undefined ||
-            (typeof type === "object" &&
-              type !== null &&
-              Object.keys(type).length === 0)
-          ) {
-            info +=
-              " You likely forgot to export your component from the file " +
-              "it's defined in, or you might have mixed up default and " +
-              "named imports.";
-          }
-          var ownerName = owner ? getComponentName(owner.type) : null;
-          if (ownerName) {
-            info += "\n\nCheck the render method of `" + ownerName + "`.";
-          }
-        }
-        (function() {
-          {
-            throw ReactError(
-              "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
-            );
-          }
-        })();
-      }
-    }
-  }
-
-  fiber = createFiber(fiberTag, pendingProps, key, mode);
-  fiber.elementType = type;
-  fiber.type = resolvedType;
-  fiber.expirationTime = expirationTime;
+var warnedAboutMissingGetChildContext = void 0;
 
-  return fiber;
+{
+  warnedAboutMissingGetChildContext = {};
 }
 
-function createFiberFromElement(element, mode, expirationTime) {
-  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,
-    expirationTime
-  );
-  {
-    fiber._debugSource = element._source;
-    fiber._debugOwner = element._owner;
-  }
-  return fiber;
+var emptyContextObject = {};
+{
+  Object.freeze(emptyContextObject);
 }
 
-function createFiberFromFragment(elements, mode, expirationTime, key) {
-  var fiber = createFiber(Fragment, elements, key, mode);
-  fiber.expirationTime = expirationTime;
-  return fiber;
-}
+// A cursor to the current merged context object on the stack.
+var contextStackCursor = createCursor(emptyContextObject);
+// A cursor to a boolean indicating whether the context has changed.
+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.
+var previousContext = emptyContextObject;
 
-function createFiberFromEventComponent(
-  eventComponent,
-  pendingProps,
-  mode,
-  expirationTime,
-  key
+function getUnmaskedContext(
+  workInProgress,
+  Component,
+  didPushOwnContextIfProvider
 ) {
-  var fiber = createFiber(EventComponent, pendingProps, key, mode);
-  fiber.elementType = eventComponent;
-  fiber.type = eventComponent;
-  fiber.expirationTime = expirationTime;
-  return fiber;
+  if (disableLegacyContext) {
+    return emptyContextObject;
+  } else {
+    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 contextStackCursor.current;
+  }
 }
 
-function createFiberFromEventTarget(
-  eventTarget,
-  pendingProps,
-  mode,
-  expirationTime,
-  key
-) {
-  var fiber = createFiber(EventTarget, pendingProps, key, mode);
-  fiber.elementType = eventTarget;
-  fiber.type = eventTarget;
-  fiber.expirationTime = expirationTime;
-  // Store latest props
-  fiber.stateNode = {
-    props: pendingProps
-  };
-  return fiber;
+function cacheContext(workInProgress, unmaskedContext, maskedContext) {
+  if (disableLegacyContext) {
+    return;
+  } else {
+    var instance = workInProgress.stateNode;
+    instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext;
+    instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
+  }
 }
 
-function createFiberFromProfiler(pendingProps, mode, expirationTime, key) {
-  {
+function getMaskedContext(workInProgress, unmaskedContext) {
+  if (disableLegacyContext) {
+    return emptyContextObject;
+  } else {
+    var type = workInProgress.type;
+    var contextTypes = type.contextTypes;
+    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.
+    var instance = workInProgress.stateNode;
     if (
-      typeof pendingProps.id !== "string" ||
-      typeof pendingProps.onRender !== "function"
+      instance &&
+      instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
     ) {
-      warningWithoutStack$1(
-        false,
-        'Profiler must specify an "id" string and "onRender" function as props'
-      );
+      return instance.__reactInternalMemoizedMaskedChildContext;
     }
-  }
-
-  var fiber = createFiber(Profiler, pendingProps, key, mode | ProfileMode);
-  // TODO: The Profiler fiber shouldn't have a type. It has a tag.
-  fiber.elementType = REACT_PROFILER_TYPE;
-  fiber.type = REACT_PROFILER_TYPE;
-  fiber.expirationTime = expirationTime;
 
-  return fiber;
-}
+    var context = {};
+    for (var key in contextTypes) {
+      context[key] = unmaskedContext[key];
+    }
 
-function createFiberFromMode(pendingProps, mode, expirationTime, key) {
-  var fiber = createFiber(Mode, pendingProps, key, mode);
+    {
+      var name = getComponentName(type) || "Unknown";
+      checkPropTypes(
+        contextTypes,
+        context,
+        "context",
+        name,
+        getCurrentFiberStackInDev
+      );
+    }
 
-  // TODO: The Mode fiber shouldn't have a type. It has a tag.
-  var type =
-    (mode & ConcurrentMode) === NoContext
-      ? REACT_STRICT_MODE_TYPE
-      : REACT_CONCURRENT_MODE_TYPE;
-  fiber.elementType = type;
-  fiber.type = type;
+    // 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 (instance) {
+      cacheContext(workInProgress, unmaskedContext, context);
+    }
 
-  fiber.expirationTime = expirationTime;
-  return fiber;
+    return context;
+  }
 }
 
-function createFiberFromSuspense(pendingProps, mode, expirationTime, key) {
-  var fiber = createFiber(SuspenseComponent, pendingProps, key, mode);
-
-  // TODO: The SuspenseComponent fiber shouldn't have a type. It has a tag.
-  var type = REACT_SUSPENSE_TYPE;
-  fiber.elementType = type;
-  fiber.type = type;
-
-  fiber.expirationTime = expirationTime;
-  return fiber;
+function hasContextChanged() {
+  if (disableLegacyContext) {
+    return false;
+  } else {
+    return didPerformWorkStackCursor.current;
+  }
 }
 
-function createFiberFromText(content, mode, expirationTime) {
-  var fiber = createFiber(HostText, content, null, mode);
-  fiber.expirationTime = expirationTime;
-  return fiber;
+function isContextProvider(type) {
+  if (disableLegacyContext) {
+    return false;
+  } else {
+    var childContextTypes = type.childContextTypes;
+    return childContextTypes !== null && childContextTypes !== undefined;
+  }
 }
 
-function createFiberFromHostInstanceForDeletion() {
-  var fiber = createFiber(HostComponent, null, null, NoContext);
-  // TODO: These should not need a type.
-  fiber.elementType = "DELETED";
-  fiber.type = "DELETED";
-  return fiber;
+function popContext(fiber) {
+  if (disableLegacyContext) {
+    return;
+  } else {
+    pop(didPerformWorkStackCursor, fiber);
+    pop(contextStackCursor, fiber);
+  }
 }
 
-function createFiberFromPortal(portal, mode, expirationTime) {
-  var pendingProps = portal.children !== null ? portal.children : [];
-  var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
-  fiber.expirationTime = expirationTime;
-  fiber.stateNode = {
-    containerInfo: portal.containerInfo,
-    pendingChildren: null, // Used by persistent updates
-    implementation: portal.implementation
-  };
-  return fiber;
+function popTopLevelContextObject(fiber) {
+  if (disableLegacyContext) {
+    return;
+  } else {
+    pop(didPerformWorkStackCursor, fiber);
+    pop(contextStackCursor, 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, NoContext);
-  }
-
-  // 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.
+function pushTopLevelContextObject(fiber, context, didChange) {
+  if (disableLegacyContext) {
+    return;
+  } else {
+    (function() {
+      if (!(contextStackCursor.current === emptyContextObject)) {
+        throw ReactError(
+          Error(
+            "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
 
-  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.contextDependencies = source.contextDependencies;
-  target.mode = source.mode;
-  target.effectTag = source.effectTag;
-  target.nextEffect = source.nextEffect;
-  target.firstEffect = source.firstEffect;
-  target.lastEffect = source.lastEffect;
-  target.expirationTime = source.expirationTime;
-  target.childExpirationTime = source.childExpirationTime;
-  target.alternate = source.alternate;
-  if (enableProfilerTimer) {
-    target.actualDuration = source.actualDuration;
-    target.actualStartTime = source.actualStartTime;
-    target.selfBaseDuration = source.selfBaseDuration;
-    target.treeBaseDuration = source.treeBaseDuration;
+    push(contextStackCursor, context, fiber);
+    push(didPerformWorkStackCursor, didChange, fiber);
   }
-  target._debugID = source._debugID;
-  target._debugSource = source._debugSource;
-  target._debugOwner = source._debugOwner;
-  target._debugIsCurrentlyTiming = source._debugIsCurrentlyTiming;
-  target._debugHookTypes = source._debugHookTypes;
-  return target;
 }
 
-// TODO: This should be lifted into the renderer.
+function processChildContext(fiber, type, parentContext) {
+  if (disableLegacyContext) {
+    return parentContext;
+  } else {
+    var instance = fiber.stateNode;
+    var childContextTypes = type.childContextTypes;
 
-// The following attributes are only used by interaction tracing builds.
-// They enable interactions to be associated with their async work,
-// And expose interaction metadata to the React DevTools Profiler plugin.
-// Note that these attributes are only defined when the enableSchedulerTracing flag is enabled.
+    // 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 (typeof instance.getChildContext !== "function") {
+      {
+        var componentName = getComponentName(type) || "Unknown";
 
-// Exported FiberRoot type includes all properties,
-// To avoid requiring potentially error-prone :any casts throughout the project.
-// Profiling properties are only safe to access in profiling builds (when enableSchedulerTracing is true).
-// The types are defined separately within this file to ensure they stay in sync.
-// (We don't have to use an inline :any cast when enableSchedulerTracing is disabled.)
+        if (!warnedAboutMissingGetChildContext[componentName]) {
+          warnedAboutMissingGetChildContext[componentName] = true;
+          warningWithoutStack$1(
+            false,
+            "%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 parentContext;
+    }
 
-function FiberRootNode(containerInfo, hydrate) {
-  this.current = null;
-  this.containerInfo = containerInfo;
-  this.pendingChildren = null;
-  this.pingCache = null;
-  this.pendingCommitExpirationTime = NoWork;
-  this.finishedWork = null;
-  this.timeoutHandle = noTimeout;
-  this.context = null;
-  this.pendingContext = null;
-  this.hydrate = hydrate;
-  this.firstBatch = null;
-  this.callbackNode = null;
-  this.callbackExpirationTime = NoWork;
-  this.firstPendingTime = NoWork;
-  this.lastPendingTime = NoWork;
-  this.pingTime = NoWork;
+    var childContext = void 0;
+    {
+      setCurrentPhase("getChildContext");
+    }
+    startPhaseTimer(fiber, "getChildContext");
+    childContext = instance.getChildContext();
+    stopPhaseTimer();
+    {
+      setCurrentPhase(null);
+    }
+    for (var contextKey in childContext) {
+      (function() {
+        if (!(contextKey in childContextTypes)) {
+          throw ReactError(
+            Error(
+              (getComponentName(type) || "Unknown") +
+                '.getChildContext(): key "' +
+                contextKey +
+                '" is not defined in childContextTypes.'
+            )
+          );
+        }
+      })();
+    }
+    {
+      var name = getComponentName(type) || "Unknown";
+      checkPropTypes(
+        childContextTypes,
+        childContext,
+        "child context",
+        name,
+        // In practice, there is one case in which we won't get a stack. It's when
+        // somebody calls unstable_renderSubtreeIntoContainer() and we process
+        // context from the parent component instance. The stack will be missing
+        // because it's outside of the reconciliation, and so the pointer has not
+        // been set. This is rare and doesn't matter. We'll also remove that API.
+        getCurrentFiberStackInDev
+      );
+    }
 
-  if (enableSchedulerTracing) {
-    this.interactionThreadID = tracing.unstable_getThreadID();
-    this.memoizedInteractions = new Set();
-    this.pendingInteractionMap = new Map();
+    return Object.assign({}, parentContext, childContext);
   }
 }
 
-function createFiberRoot(containerInfo, isConcurrent, hydrate) {
-  var root = new FiberRootNode(containerInfo, hydrate);
-
-  // Cyclic construction. This cheats the type system right now because
-  // stateNode is any.
-  var uninitializedFiber = createHostRootFiber(isConcurrent);
-  root.current = uninitializedFiber;
-  uninitializedFiber.stateNode = root;
+function pushContextProvider(workInProgress) {
+  if (disableLegacyContext) {
+    return false;
+  } else {
+    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 root;
+    return true;
+  }
 }
 
-/**
- * Similar to invariant but only logs a warning if the condition is not met.
- * This can be used to log issues in development environments in critical
- * paths. Removing the logging code for production environments will keep the
- * same logic and follow the same code paths.
- */
-
-var warning = warningWithoutStack$1;
+function invalidateContextProvider(workInProgress, type, didChange) {
+  if (disableLegacyContext) {
+    return;
+  } else {
+    var instance = workInProgress.stateNode;
+    (function() {
+      if (!instance) {
+        throw ReactError(
+          Error(
+            "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
 
-{
-  warning = function(condition, format) {
-    if (condition) {
-      return;
+    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.
+      pop(didPerformWorkStackCursor, workInProgress);
+      pop(contextStackCursor, workInProgress);
+      // Now push the new context and mark that it has changed.
+      push(contextStackCursor, mergedContext, workInProgress);
+      push(didPerformWorkStackCursor, didChange, workInProgress);
+    } else {
+      pop(didPerformWorkStackCursor, workInProgress);
+      push(didPerformWorkStackCursor, didChange, workInProgress);
     }
-    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-    var stack = ReactDebugCurrentFrame.getStackAddendum();
-    // eslint-disable-next-line react-internal/warning-and-invariant-args
+  }
+}
 
-    for (
-      var _len = arguments.length,
-        args = Array(_len > 2 ? _len - 2 : 0),
-        _key = 2;
-      _key < _len;
-      _key++
-    ) {
-      args[_key - 2] = arguments[_key];
-    }
+function findCurrentUnmaskedContext(fiber) {
+  if (disableLegacyContext) {
+    return emptyContextObject;
+  } else {
+    // Currently this is only used with renderSubtreeIntoContainer; not sure if it
+    // makes sense elsewhere
+    (function() {
+      if (!(isFiberMounted(fiber) && fiber.tag === ClassComponent)) {
+        throw ReactError(
+          Error(
+            "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
 
-    warningWithoutStack$1.apply(
-      undefined,
-      [false, format + "%s"].concat(args, [stack])
-    );
-  };
+    var node = fiber;
+    do {
+      switch (node.tag) {
+        case HostRoot:
+          return node.stateNode.context;
+        case ClassComponent: {
+          var Component = node.type;
+          if (isContextProvider(Component)) {
+            return node.stateNode.__reactInternalMemoizedMergedChildContext;
+          }
+          break;
+        }
+      }
+      node = node.return;
+    } while (node !== null);
+    (function() {
+      {
+        throw ReactError(
+          Error(
+            "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
+  }
 }
 
-var warning$1 = warning;
+var LegacyRoot = 0;
+var BatchedRoot = 1;
+var ConcurrentRoot = 2;
 
-/**
- * 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
-  );
+// Intentionally not named imports because Rollup would use dynamic dispatch for
+// CommonJS interop named imports.
+var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority;
+var Scheduler_scheduleCallback = Scheduler.unstable_scheduleCallback;
+var Scheduler_cancelCallback = Scheduler.unstable_cancelCallback;
+var Scheduler_shouldYield = Scheduler.unstable_shouldYield;
+var Scheduler_requestPaint = Scheduler.unstable_requestPaint;
+var Scheduler_now = Scheduler.unstable_now;
+var Scheduler_getCurrentPriorityLevel =
+  Scheduler.unstable_getCurrentPriorityLevel;
+var Scheduler_ImmediatePriority = Scheduler.unstable_ImmediatePriority;
+var Scheduler_UserBlockingPriority = Scheduler.unstable_UserBlockingPriority;
+var Scheduler_NormalPriority = Scheduler.unstable_NormalPriority;
+var Scheduler_LowPriority = Scheduler.unstable_LowPriority;
+var Scheduler_IdlePriority = Scheduler.unstable_IdlePriority;
+
+if (enableSchedulerTracing) {
+  // Provide explicit error message when production+profiling bundle of e.g.
+  // react-dom is used with production (non-profiling) bundle of
+  // scheduler/tracing
+  (function() {
+    if (
+      !(
+        tracing.__interactionsRef != null &&
+        tracing.__interactionsRef.current != null
+      )
+    ) {
+      throw ReactError(
+        Error(
+          "It is not supported to run the profiling version of a renderer (for example, `react-dom/profiling`) without also replacing the `scheduler/tracing` module with `scheduler/tracing-profiling`. Your bundler might have a setting for aliasing both modules. Learn more at http://fb.me/react-profiling"
+        )
+      );
+    }
+  })();
 }
 
-var hasOwnProperty = Object.prototype.hasOwnProperty;
+var fakeCallbackNode = {};
 
-/**
- * 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 (is(objA, objB)) {
-    return true;
-  }
+// Except for NoPriority, these correspond to Scheduler priorities. We use
+// ascending numbers so we can compare them like numbers. They start at 90 to
+// avoid clashing with Scheduler's priorities.
+var ImmediatePriority = 99;
+var UserBlockingPriority$1 = 98;
+var NormalPriority = 97;
+var LowPriority = 96;
+var IdlePriority = 95;
+// NoPriority is the absence of priority. Also React-only.
+var NoPriority = 90;
 
-  if (
+var shouldYield = Scheduler_shouldYield;
+var requestPaint =
+  // Fall back gracefully if we're running an older version of Scheduler.
+  Scheduler_requestPaint !== undefined ? Scheduler_requestPaint : function() {};
+
+var syncQueue = null;
+var immediateQueueCallbackNode = null;
+var isFlushingSyncQueue = false;
+var initialTimeMs = Scheduler_now();
+
+// If the initial timestamp is reasonably small, use Scheduler's `now` directly.
+// This will be the case for modern browsers that support `performance.now`. In
+// older browsers, Scheduler falls back to `Date.now`, which returns a Unix
+// timestamp. In that case, subtract the module initialization time to simulate
+// the behavior of performance.now and keep our times small enough to fit
+// within 32 bits.
+// TODO: Consider lifting this into Scheduler.
+var now =
+  initialTimeMs < 10000
+    ? Scheduler_now
+    : function() {
+        return Scheduler_now() - initialTimeMs;
+      };
+
+function getCurrentPriorityLevel() {
+  switch (Scheduler_getCurrentPriorityLevel()) {
+    case Scheduler_ImmediatePriority:
+      return ImmediatePriority;
+    case Scheduler_UserBlockingPriority:
+      return UserBlockingPriority$1;
+    case Scheduler_NormalPriority:
+      return NormalPriority;
+    case Scheduler_LowPriority:
+      return LowPriority;
+    case Scheduler_IdlePriority:
+      return IdlePriority;
+    default:
+      (function() {
+        {
+          throw ReactError(Error("Unknown priority level."));
+        }
+      })();
+  }
+}
+
+function reactPriorityToSchedulerPriority(reactPriorityLevel) {
+  switch (reactPriorityLevel) {
+    case ImmediatePriority:
+      return Scheduler_ImmediatePriority;
+    case UserBlockingPriority$1:
+      return Scheduler_UserBlockingPriority;
+    case NormalPriority:
+      return Scheduler_NormalPriority;
+    case LowPriority:
+      return Scheduler_LowPriority;
+    case IdlePriority:
+      return Scheduler_IdlePriority;
+    default:
+      (function() {
+        {
+          throw ReactError(Error("Unknown priority level."));
+        }
+      })();
+  }
+}
+
+function runWithPriority$1(reactPriorityLevel, fn) {
+  var priorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
+  return Scheduler_runWithPriority(priorityLevel, fn);
+}
+
+function scheduleCallback(reactPriorityLevel, callback, options) {
+  var priorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
+  return Scheduler_scheduleCallback(priorityLevel, callback, options);
+}
+
+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];
+    // Flush the queue in the next tick, at the earliest.
+    immediateQueueCallbackNode = Scheduler_scheduleCallback(
+      Scheduler_ImmediatePriority,
+      flushSyncCallbackQueueImpl
+    );
+  } 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);
+  }
+  return fakeCallbackNode;
+}
+
+function cancelCallback(callbackNode) {
+  if (callbackNode !== fakeCallbackNode) {
+    Scheduler_cancelCallback(callbackNode);
+  }
+}
+
+function flushSyncCallbackQueue() {
+  if (immediateQueueCallbackNode !== null) {
+    Scheduler_cancelCallback(immediateQueueCallbackNode);
+  }
+  flushSyncCallbackQueueImpl();
+}
+
+function flushSyncCallbackQueueImpl() {
+  if (!isFlushingSyncQueue && syncQueue !== null) {
+    // Prevent re-entrancy.
+    isFlushingSyncQueue = true;
+    var i = 0;
+    try {
+      var _isSync = true;
+      var queue = syncQueue;
+      runWithPriority$1(ImmediatePriority, function() {
+        for (; i < queue.length; i++) {
+          var callback = queue[i];
+          do {
+            callback = callback(_isSync);
+          } while (callback !== null);
+        }
+      });
+      syncQueue = null;
+    } 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
+      Scheduler_scheduleCallback(
+        Scheduler_ImmediatePriority,
+        flushSyncCallbackQueue
+      );
+      throw error;
+    } finally {
+      isFlushingSyncQueue = false;
+    }
+  }
+}
+
+var NoMode = 0;
+var StrictMode = 1;
+// TODO: Remove BatchedMode and ConcurrentMode by reading from the root
+// tag instead
+var BatchedMode = 2;
+var ConcurrentMode = 4;
+var ProfileMode = 8;
+
+// Max 31 bit integer. The max integer size in V8 for 32-bit systems.
+// Math.pow(2, 30) - 1
+// 0b111111111111111111111111111111
+var MAX_SIGNED_31_BIT_INT = 1073741823;
+
+var NoWork = 0;
+var Never = 1;
+var Sync = MAX_SIGNED_31_BIT_INT;
+var Batched = Sync - 1;
+
+var UNIT_SIZE = 10;
+var MAGIC_NUMBER_OFFSET = Batched - 1;
+
+// 1 unit of expiration time represents 10ms.
+function msToExpirationTime(ms) {
+  // Always add an offset so that we don't clash with the magic number for NoWork.
+  return MAGIC_NUMBER_OFFSET - ((ms / UNIT_SIZE) | 0);
+}
+
+function expirationTimeToMs(expirationTime) {
+  return (MAGIC_NUMBER_OFFSET - expirationTime) * UNIT_SIZE;
+}
+
+function ceiling(num, precision) {
+  return (((num / precision) | 0) + 1) * precision;
+}
+
+function computeExpirationBucket(currentTime, expirationInMs, bucketSizeMs) {
+  return (
+    MAGIC_NUMBER_OFFSET -
+    ceiling(
+      MAGIC_NUMBER_OFFSET - currentTime + expirationInMs / UNIT_SIZE,
+      bucketSizeMs / UNIT_SIZE
+    )
+  );
+}
+
+// TODO: This corresponds to Scheduler's NormalPriority, not LowPriority. Update
+// the names to reflect.
+var LOW_PRIORITY_EXPIRATION = 5000;
+var LOW_PRIORITY_BATCH_SIZE = 250;
+
+function computeAsyncExpiration(currentTime) {
+  return computeExpirationBucket(
+    currentTime,
+    LOW_PRIORITY_EXPIRATION,
+    LOW_PRIORITY_BATCH_SIZE
+  );
+}
+
+function computeSuspenseExpiration(currentTime, timeoutMs) {
+  // TODO: Should we warn if timeoutMs is lower than the normal pri expiration time?
+  return computeExpirationBucket(
+    currentTime,
+    timeoutMs,
+    LOW_PRIORITY_BATCH_SIZE
+  );
+}
+
+// We intentionally set a higher expiration time for interactive updates in
+// dev than in production.
+//
+// If the main thread is being blocked so long that you hit the expiration,
+// it's a problem that could be solved with better scheduling.
+//
+// People will be more likely to notice this and fix it with the long
+// expiration time in development.
+//
+// In production we opt for better UX at the risk of masking scheduling
+// problems, by expiring fast.
+var HIGH_PRIORITY_EXPIRATION = 500;
+var HIGH_PRIORITY_BATCH_SIZE = 100;
+
+function computeInteractiveExpiration(currentTime) {
+  return computeExpirationBucket(
+    currentTime,
+    HIGH_PRIORITY_EXPIRATION,
+    HIGH_PRIORITY_BATCH_SIZE
+  );
+}
+
+function inferPriorityFromExpirationTime(currentTime, expirationTime) {
+  if (expirationTime === Sync) {
+    return ImmediatePriority;
+  }
+  if (expirationTime === Never) {
+    return IdlePriority;
+  }
+  var msUntil =
+    expirationTimeToMs(expirationTime) - expirationTimeToMs(currentTime);
+  if (msUntil <= 0) {
+    return ImmediatePriority;
+  }
+  if (msUntil <= HIGH_PRIORITY_EXPIRATION + HIGH_PRIORITY_BATCH_SIZE) {
+    return UserBlockingPriority$1;
+  }
+  if (msUntil <= LOW_PRIORITY_EXPIRATION + LOW_PRIORITY_BATCH_SIZE) {
+    return NormalPriority;
+  }
+
+  // TODO: Handle LowPriority
+
+  // Assume anything lower has idle priority
+  return IdlePriority;
+}
+
+/**
+ * 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
+  );
+}
+
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+
+/**
+ * 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 (is(objA, objB)) {
+    return true;
+  }
+
+  if (
     typeof objA !== "object" ||
     objA === null ||
     typeof objB !== "object" ||
@@ -6133,32 +6320,27 @@ var lowPriorityWarning = function() {};
 var lowPriorityWarning$1 = lowPriorityWarning;
 
 var ReactStrictModeWarnings = {
-  discardPendingWarnings: function() {},
-  flushPendingDeprecationWarnings: function() {},
-  flushPendingUnsafeLifecycleWarnings: function() {},
-  recordDeprecationWarnings: function(fiber, instance) {},
   recordUnsafeLifecycleWarnings: function(fiber, instance) {},
+  flushPendingUnsafeLifecycleWarnings: function() {},
   recordLegacyContextWarning: function(fiber, instance) {},
-  flushLegacyContextWarning: function() {}
+  flushLegacyContextWarning: function() {},
+  discardPendingWarnings: function() {}
 };
 
 {
-  var LIFECYCLE_SUGGESTIONS = {
-    UNSAFE_componentWillMount: "componentDidMount",
-    UNSAFE_componentWillReceiveProps: "static getDerivedStateFromProps",
-    UNSAFE_componentWillUpdate: "componentDidUpdate"
-  };
+  var findStrictRoot = function(fiber) {
+    var maybeStrictRoot = null;
 
-  var pendingComponentWillMountWarnings = [];
-  var pendingComponentWillReceivePropsWarnings = [];
-  var pendingComponentWillUpdateWarnings = [];
-  var pendingUnsafeLifecycleWarnings = new Map();
-  var pendingLegacyContextWarning = new Map();
+    var node = fiber;
+    while (node !== null) {
+      if (node.mode & StrictMode) {
+        maybeStrictRoot = node;
+      }
+      node = node.return;
+    }
 
-  // Tracks components we have already warned about.
-  var didWarnAboutDeprecatedLifecycles = new Set();
-  var didWarnAboutUnsafeLifecycles = new Set();
-  var didWarnAboutLegacyContext = new Set();
+    return maybeStrictRoot;
+  };
 
   var setToSortedString = function(set) {
     var array = [];
@@ -6168,241 +6350,250 @@ var ReactStrictModeWarnings = {
     return array.sort().join(", ");
   };
 
-  ReactStrictModeWarnings.discardPendingWarnings = function() {
-    pendingComponentWillMountWarnings = [];
-    pendingComponentWillReceivePropsWarnings = [];
-    pendingComponentWillUpdateWarnings = [];
-    pendingUnsafeLifecycleWarnings = new Map();
-    pendingLegacyContextWarning = new Map();
-  };
+  var pendingComponentWillMountWarnings = [];
+  var pendingUNSAFE_ComponentWillMountWarnings = [];
+  var pendingComponentWillReceivePropsWarnings = [];
+  var pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+  var pendingComponentWillUpdateWarnings = [];
+  var pendingUNSAFE_ComponentWillUpdateWarnings = [];
 
-  ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings = function() {
-    pendingUnsafeLifecycleWarnings.forEach(function(
-      lifecycleWarningsMap,
-      strictRoot
-    ) {
-      var lifecyclesWarningMessages = [];
-
-      Object.keys(lifecycleWarningsMap).forEach(function(lifecycle) {
-        var lifecycleWarnings = lifecycleWarningsMap[lifecycle];
-        if (lifecycleWarnings.length > 0) {
-          var componentNames = new Set();
-          lifecycleWarnings.forEach(function(fiber) {
-            componentNames.add(getComponentName(fiber.type) || "Component");
-            didWarnAboutUnsafeLifecycles.add(fiber.type);
-          });
-
-          var formatted = lifecycle.replace("UNSAFE_", "");
-          var suggestion = LIFECYCLE_SUGGESTIONS[lifecycle];
-          var sortedComponentNames = setToSortedString(componentNames);
+  // Tracks components we have already warned about.
+  var didWarnAboutUnsafeLifecycles = new Set();
 
-          lifecyclesWarningMessages.push(
-            formatted +
-              ": Please update the following components to use " +
-              (suggestion + " instead: " + sortedComponentNames)
-          );
-        }
-      });
+  ReactStrictModeWarnings.recordUnsafeLifecycleWarnings = function(
+    fiber,
+    instance
+  ) {
+    // Dedup strategy: Warn once per component.
+    if (didWarnAboutUnsafeLifecycles.has(fiber.type)) {
+      return;
+    }
 
-      if (lifecyclesWarningMessages.length > 0) {
-        var strictRootComponentStack = getStackByFiberInDevAndProd(strictRoot);
+    if (
+      typeof instance.componentWillMount === "function" &&
+      // Don't warn about react-lifecycles-compat polyfilled components.
+      instance.componentWillMount.__suppressDeprecationWarning !== true
+    ) {
+      pendingComponentWillMountWarnings.push(fiber);
+    }
 
-        warningWithoutStack$1(
-          false,
-          "Unsafe lifecycle methods were found within a strict-mode tree:%s" +
-            "\n\n%s" +
-            "\n\nLearn more about this warning here:" +
-            "\nhttps://fb.me/react-strict-mode-warnings",
-          strictRootComponentStack,
-          lifecyclesWarningMessages.join("\n\n")
-        );
-      }
-    });
+    if (
+      fiber.mode & StrictMode &&
+      typeof instance.UNSAFE_componentWillMount === "function"
+    ) {
+      pendingUNSAFE_ComponentWillMountWarnings.push(fiber);
+    }
 
-    pendingUnsafeLifecycleWarnings = new Map();
-  };
+    if (
+      typeof instance.componentWillReceiveProps === "function" &&
+      instance.componentWillReceiveProps.__suppressDeprecationWarning !== true
+    ) {
+      pendingComponentWillReceivePropsWarnings.push(fiber);
+    }
 
-  var findStrictRoot = function(fiber) {
-    var maybeStrictRoot = null;
+    if (
+      fiber.mode & StrictMode &&
+      typeof instance.UNSAFE_componentWillReceiveProps === "function"
+    ) {
+      pendingUNSAFE_ComponentWillReceivePropsWarnings.push(fiber);
+    }
 
-    var node = fiber;
-    while (node !== null) {
-      if (node.mode & StrictMode) {
-        maybeStrictRoot = node;
-      }
-      node = node.return;
+    if (
+      typeof instance.componentWillUpdate === "function" &&
+      instance.componentWillUpdate.__suppressDeprecationWarning !== true
+    ) {
+      pendingComponentWillUpdateWarnings.push(fiber);
     }
 
-    return maybeStrictRoot;
+    if (
+      fiber.mode & StrictMode &&
+      typeof instance.UNSAFE_componentWillUpdate === "function"
+    ) {
+      pendingUNSAFE_ComponentWillUpdateWarnings.push(fiber);
+    }
   };
 
-  ReactStrictModeWarnings.flushPendingDeprecationWarnings = function() {
+  ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings = function() {
+    // We do an initial pass to gather component names
+    var componentWillMountUniqueNames = new Set();
     if (pendingComponentWillMountWarnings.length > 0) {
-      var uniqueNames = new Set();
       pendingComponentWillMountWarnings.forEach(function(fiber) {
-        uniqueNames.add(getComponentName(fiber.type) || "Component");
-        didWarnAboutDeprecatedLifecycles.add(fiber.type);
+        componentWillMountUniqueNames.add(
+          getComponentName(fiber.type) || "Component"
+        );
+        didWarnAboutUnsafeLifecycles.add(fiber.type);
       });
-
-      var sortedNames = setToSortedString(uniqueNames);
-
-      lowPriorityWarning$1(
-        false,
-        "componentWillMount is deprecated and will be removed in the next major version. " +
-          "Use componentDidMount instead. As a temporary workaround, " +
-          "you can rename to UNSAFE_componentWillMount." +
-          "\n\nPlease update the following components: %s" +
-          "\n\nLearn more about this warning here:" +
-          "\nhttps://fb.me/react-async-component-lifecycle-hooks",
-        sortedNames
-      );
-
       pendingComponentWillMountWarnings = [];
     }
 
+    var UNSAFE_componentWillMountUniqueNames = new Set();
+    if (pendingUNSAFE_ComponentWillMountWarnings.length > 0) {
+      pendingUNSAFE_ComponentWillMountWarnings.forEach(function(fiber) {
+        UNSAFE_componentWillMountUniqueNames.add(
+          getComponentName(fiber.type) || "Component"
+        );
+        didWarnAboutUnsafeLifecycles.add(fiber.type);
+      });
+      pendingUNSAFE_ComponentWillMountWarnings = [];
+    }
+
+    var componentWillReceivePropsUniqueNames = new Set();
     if (pendingComponentWillReceivePropsWarnings.length > 0) {
-      var _uniqueNames = new Set();
       pendingComponentWillReceivePropsWarnings.forEach(function(fiber) {
-        _uniqueNames.add(getComponentName(fiber.type) || "Component");
-        didWarnAboutDeprecatedLifecycles.add(fiber.type);
+        componentWillReceivePropsUniqueNames.add(
+          getComponentName(fiber.type) || "Component"
+        );
+        didWarnAboutUnsafeLifecycles.add(fiber.type);
       });
 
-      var _sortedNames = setToSortedString(_uniqueNames);
+      pendingComponentWillReceivePropsWarnings = [];
+    }
 
-      lowPriorityWarning$1(
-        false,
-        "componentWillReceiveProps is deprecated and will be removed in the next major version. " +
-          "Use static getDerivedStateFromProps instead." +
-          "\n\nPlease update the following components: %s" +
-          "\n\nLearn more about this warning here:" +
-          "\nhttps://fb.me/react-async-component-lifecycle-hooks",
-        _sortedNames
-      );
+    var UNSAFE_componentWillReceivePropsUniqueNames = new Set();
+    if (pendingUNSAFE_ComponentWillReceivePropsWarnings.length > 0) {
+      pendingUNSAFE_ComponentWillReceivePropsWarnings.forEach(function(fiber) {
+        UNSAFE_componentWillReceivePropsUniqueNames.add(
+          getComponentName(fiber.type) || "Component"
+        );
+        didWarnAboutUnsafeLifecycles.add(fiber.type);
+      });
 
-      pendingComponentWillReceivePropsWarnings = [];
+      pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
     }
 
+    var componentWillUpdateUniqueNames = new Set();
     if (pendingComponentWillUpdateWarnings.length > 0) {
-      var _uniqueNames2 = new Set();
       pendingComponentWillUpdateWarnings.forEach(function(fiber) {
-        _uniqueNames2.add(getComponentName(fiber.type) || "Component");
-        didWarnAboutDeprecatedLifecycles.add(fiber.type);
+        componentWillUpdateUniqueNames.add(
+          getComponentName(fiber.type) || "Component"
+        );
+        didWarnAboutUnsafeLifecycles.add(fiber.type);
       });
 
-      var _sortedNames2 = setToSortedString(_uniqueNames2);
-
-      lowPriorityWarning$1(
-        false,
-        "componentWillUpdate is deprecated and will be removed in the next major version. " +
-          "Use componentDidUpdate instead. As a temporary workaround, " +
-          "you can rename to UNSAFE_componentWillUpdate." +
-          "\n\nPlease update the following components: %s" +
-          "\n\nLearn more about this warning here:" +
-          "\nhttps://fb.me/react-async-component-lifecycle-hooks",
-        _sortedNames2
-      );
-
       pendingComponentWillUpdateWarnings = [];
     }
-  };
 
-  ReactStrictModeWarnings.recordDeprecationWarnings = function(
-    fiber,
-    instance
-  ) {
-    // Dedup strategy: Warn once per component.
-    if (didWarnAboutDeprecatedLifecycles.has(fiber.type)) {
-      return;
-    }
+    var UNSAFE_componentWillUpdateUniqueNames = new Set();
+    if (pendingUNSAFE_ComponentWillUpdateWarnings.length > 0) {
+      pendingUNSAFE_ComponentWillUpdateWarnings.forEach(function(fiber) {
+        UNSAFE_componentWillUpdateUniqueNames.add(
+          getComponentName(fiber.type) || "Component"
+        );
+        didWarnAboutUnsafeLifecycles.add(fiber.type);
+      });
 
-    // Don't warn about react-lifecycles-compat polyfilled components.
-    if (
-      typeof instance.componentWillMount === "function" &&
-      instance.componentWillMount.__suppressDeprecationWarning !== true
-    ) {
-      pendingComponentWillMountWarnings.push(fiber);
-    }
-    if (
-      typeof instance.componentWillReceiveProps === "function" &&
-      instance.componentWillReceiveProps.__suppressDeprecationWarning !== true
-    ) {
-      pendingComponentWillReceivePropsWarnings.push(fiber);
+      pendingUNSAFE_ComponentWillUpdateWarnings = [];
     }
-    if (
-      typeof instance.componentWillUpdate === "function" &&
-      instance.componentWillUpdate.__suppressDeprecationWarning !== true
-    ) {
-      pendingComponentWillUpdateWarnings.push(fiber);
+
+    // 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);
+      warningWithoutStack$1(
+        false,
+        "Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks 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
+      );
     }
-  };
 
-  ReactStrictModeWarnings.recordUnsafeLifecycleWarnings = function(
-    fiber,
-    instance
-  ) {
-    var strictRoot = findStrictRoot(fiber);
-    if (strictRoot === null) {
+    if (UNSAFE_componentWillReceivePropsUniqueNames.size > 0) {
+      var _sortedNames = setToSortedString(
+        UNSAFE_componentWillReceivePropsUniqueNames
+      );
       warningWithoutStack$1(
         false,
-        "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."
+        "Using UNSAFE_componentWillReceiveProps in strict mode is not recommended " +
+          "and may indicate bugs in your code. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks 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://fb.me/react-derived-state\n" +
+          "\nPlease update the following components: %s",
+        _sortedNames
       );
-      return;
     }
 
-    // Dedup strategy: Warn once per component.
-    // This is difficult to track any other way since component names
-    // are often vague and are likely to collide between 3rd party libraries.
-    // An expand property is probably okay to use here since it's DEV-only,
-    // and will only be set in the event of serious warnings.
-    if (didWarnAboutUnsafeLifecycles.has(fiber.type)) {
-      return;
+    if (UNSAFE_componentWillUpdateUniqueNames.size > 0) {
+      var _sortedNames2 = setToSortedString(
+        UNSAFE_componentWillUpdateUniqueNames
+      );
+      warningWithoutStack$1(
+        false,
+        "Using UNSAFE_componentWillUpdate in strict mode is not recommended " +
+          "and may indicate bugs in your code. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks for details.\n\n" +
+          "* Move data fetching code or side effects to componentDidUpdate.\n" +
+          "\nPlease update the following components: %s",
+        _sortedNames2
+      );
     }
 
-    var warningsForRoot = void 0;
-    if (!pendingUnsafeLifecycleWarnings.has(strictRoot)) {
-      warningsForRoot = {
-        UNSAFE_componentWillMount: [],
-        UNSAFE_componentWillReceiveProps: [],
-        UNSAFE_componentWillUpdate: []
-      };
+    if (componentWillMountUniqueNames.size > 0) {
+      var _sortedNames3 = setToSortedString(componentWillMountUniqueNames);
 
-      pendingUnsafeLifecycleWarnings.set(strictRoot, warningsForRoot);
-    } else {
-      warningsForRoot = pendingUnsafeLifecycleWarnings.get(strictRoot);
+      lowPriorityWarning$1(
+        false,
+        "componentWillMount has been renamed, and is not recommended for use. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks 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 17.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 unsafeLifecycles = [];
-    if (
-      (typeof instance.componentWillMount === "function" &&
-        instance.componentWillMount.__suppressDeprecationWarning !== true) ||
-      typeof instance.UNSAFE_componentWillMount === "function"
-    ) {
-      unsafeLifecycles.push("UNSAFE_componentWillMount");
-    }
-    if (
-      (typeof instance.componentWillReceiveProps === "function" &&
-        instance.componentWillReceiveProps.__suppressDeprecationWarning !==
-          true) ||
-      typeof instance.UNSAFE_componentWillReceiveProps === "function"
-    ) {
-      unsafeLifecycles.push("UNSAFE_componentWillReceiveProps");
-    }
-    if (
-      (typeof instance.componentWillUpdate === "function" &&
-        instance.componentWillUpdate.__suppressDeprecationWarning !== true) ||
-      typeof instance.UNSAFE_componentWillUpdate === "function"
-    ) {
-      unsafeLifecycles.push("UNSAFE_componentWillUpdate");
+    if (componentWillReceivePropsUniqueNames.size > 0) {
+      var _sortedNames4 = setToSortedString(
+        componentWillReceivePropsUniqueNames
+      );
+
+      lowPriorityWarning$1(
+        false,
+        "componentWillReceiveProps has been renamed, and is not recommended for use. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks 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://fb.me/react-derived-state\n" +
+          "* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress " +
+          "this warning in non-strict mode. In React 17.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 (unsafeLifecycles.length > 0) {
-      unsafeLifecycles.forEach(function(lifecycle) {
-        warningsForRoot[lifecycle].push(fiber);
-      });
+    if (componentWillUpdateUniqueNames.size > 0) {
+      var _sortedNames5 = setToSortedString(componentWillUpdateUniqueNames);
+
+      lowPriorityWarning$1(
+        false,
+        "componentWillUpdate has been renamed, and is not recommended for use. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks 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 17.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
+      );
     }
   };
 
+  var pendingLegacyContextWarning = new Map();
+
+  // Tracks components we have already warned about.
+  var didWarnAboutLegacyContext = new Set();
+
   ReactStrictModeWarnings.recordLegacyContextWarning = function(
     fiber,
     instance
@@ -6451,77 +6642,499 @@ var ReactStrictModeWarnings = {
       warningWithoutStack$1(
         false,
         "Legacy context API has been detected within a strict-mode tree: %s" +
+          "\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:" +
-          "\nhttps://fb.me/react-strict-mode-warnings",
+          "\nhttps://fb.me/react-legacy-context",
         strictRootComponentStack,
         sortedNames
       );
     });
   };
+
+  ReactStrictModeWarnings.discardPendingWarnings = function() {
+    pendingComponentWillMountWarnings = [];
+    pendingUNSAFE_ComponentWillMountWarnings = [];
+    pendingComponentWillReceivePropsWarnings = [];
+    pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+    pendingComponentWillUpdateWarnings = [];
+    pendingUNSAFE_ComponentWillUpdateWarnings = [];
+    pendingLegacyContextWarning = new Map();
+  };
 }
 
-function resolveDefaultProps(Component, baseProps) {
-  if (Component && Component.defaultProps) {
-    // Resolve default props. Taken from ReactElement
-    var props = Object.assign({}, baseProps);
-    var defaultProps = Component.defaultProps;
-    for (var propName in defaultProps) {
-      if (props[propName] === undefined) {
-        props[propName] = defaultProps[propName];
-      }
-    }
-    return props;
+// Resolves type to a family.
+
+// Used by React Refresh runtime through DevTools Global Hook.
+
+var resolveFamily = null;
+// $FlowFixMe Flow gets confused by a WeakSet feature check below.
+var failedBoundaries = null;
+
+var setRefreshHandler = function(handler) {
+  {
+    resolveFamily = handler;
   }
-  return baseProps;
-}
+};
 
-function readLazyComponentType(lazyComponent) {
-  var status = lazyComponent._status;
-  var result = lazyComponent._result;
-  switch (status) {
-    case Resolved: {
-      var Component = result;
-      return Component;
+function resolveFunctionForHotReloading(type) {
+  {
+    if (resolveFamily === null) {
+      // Hot reloading is disabled.
+      return type;
     }
-    case Rejected: {
-      var error = result;
-      throw error;
+    var family = resolveFamily(type);
+    if (family === undefined) {
+      return type;
     }
-    case Pending: {
-      var thenable = result;
-      throw thenable;
+    // Use the latest known implementation.
+    return family.current;
+  }
+}
+
+function resolveClassForHotReloading(type) {
+  // No implementation differences.
+  return resolveFunctionForHotReloading(type);
+}
+
+function resolveForwardRefForHotReloading(type) {
+  {
+    if (resolveFamily === null) {
+      // Hot reloading is disabled.
+      return type;
     }
-    default: {
-      lazyComponent._status = Pending;
-      var ctor = lazyComponent._ctor;
-      var _thenable = ctor();
-      _thenable.then(
-        function(moduleObject) {
-          if (lazyComponent._status === Pending) {
-            var defaultExport = moduleObject.default;
-            {
-              if (defaultExport === undefined) {
-                warning$1(
-                  false,
-                  "lazy: Expected the result of a dynamic import() call. " +
-                    "Instead received: %s\n\nYour code should look like: \n  " +
-                    "const MyComponent = lazy(() => import('./MyComponent'))",
-                  moduleObject
-                );
-              }
-            }
-            lazyComponent._status = Resolved;
-            lazyComponent._result = defaultExport;
-          }
-        },
-        function(error) {
-          if (lazyComponent._status === Pending) {
-            lazyComponent._status = Rejected;
-            lazyComponent._result = error;
+    var family = resolveFamily(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 (type.displayName !== undefined) {
+            syntheticType.displayName = type.displayName;
           }
+          return syntheticType;
         }
-      );
+      }
+      return type;
+    }
+    // Use the latest known implementation.
+    return family.current;
+  }
+}
+
+function isCompatibleFamilyForHotReloading(fiber, element) {
+  {
+    if (resolveFamily === null) {
+      // Hot reloading is disabled.
+      return false;
+    }
+
+    var prevType = fiber.elementType;
+    var nextType = element.type;
+
+    // If we got here, we know types aren't === equal.
+    var needsCompareFamilies = false;
+
+    var $$typeofNextType =
+      typeof nextType === "object" && nextType !== null
+        ? nextType.$$typeof
+        : null;
+
+    switch (fiber.tag) {
+      case ClassComponent: {
+        if (typeof nextType === "function") {
+          needsCompareFamilies = true;
+        }
+        break;
+      }
+      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;
+        }
+        break;
+      }
+      case ForwardRef: {
+        if ($$typeofNextType === REACT_FORWARD_REF_TYPE) {
+          needsCompareFamilies = true;
+        } else if ($$typeofNextType === REACT_LAZY_TYPE) {
+          needsCompareFamilies = true;
+        }
+        break;
+      }
+      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;
+        }
+        break;
+      }
+      default:
+        return false;
+    }
+
+    // Check if both types have a family and it's the same one.
+    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);
+      if (prevFamily !== undefined && prevFamily === resolveFamily(nextType)) {
+        return true;
+      }
+    }
+    return false;
+  }
+}
+
+function markFailedErrorBoundaryForHotReloading(fiber) {
+  {
+    if (resolveFamily === null) {
+      // Hot reloading is disabled.
+      return;
+    }
+    if (typeof WeakSet !== "function") {
+      return;
+    }
+    if (failedBoundaries === null) {
+      failedBoundaries = new WeakSet();
+    }
+    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();
+    updateContainerAtExpirationTime(element, root, null, Sync, 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;
+      default:
+        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;
+          }
+        }
+      }
+    }
+    if (failedBoundaries !== null) {
+      if (
+        failedBoundaries.has(fiber) ||
+        (alternate !== null && failedBoundaries.has(alternate))
+      ) {
+        needsRemount = true;
+      }
+    }
+
+    if (needsRemount) {
+      fiber._debugNeedsRemount = true;
+    }
+    if (needsRemount || needsRender) {
+      scheduleWork(fiber, Sync);
+    }
+    if (child !== null && !needsRemount) {
+      scheduleFibersWithFamiliesRecursively(
+        child,
+        updatedFamilies,
+        staleFamilies
+      );
+    }
+    if (sibling !== null) {
+      scheduleFibersWithFamiliesRecursively(
+        sibling,
+        updatedFamilies,
+        staleFamilies
+      );
+    }
+  }
+}
+
+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;
+      default:
+        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 (sibling !== null) {
+      findHostInstancesForMatchingFibersRecursively(
+        sibling,
+        types,
+        hostInstances
+      );
+    }
+  }
+}
+
+function findHostInstancesForFiberShallowly(fiber, hostInstances) {
+  {
+    var foundHostInstances = findChildHostInstancesForFiberShallowly(
+      fiber,
+      hostInstances
+    );
+    if (foundHostInstances) {
+      return;
+    }
+    // If we didn't find any host children, fallback to closest host parent.
+    var node = fiber;
+    while (true) {
+      switch (node.tag) {
+        case HostComponent:
+          hostInstances.add(node.stateNode);
+          return;
+        case HostPortal:
+          hostInstances.add(node.stateNode.containerInfo);
+          return;
+        case HostRoot:
+          hostInstances.add(node.stateNode.containerInfo);
+          return;
+      }
+      if (node.return === null) {
+        throw new Error("Expected to reach root first.");
+      }
+      node = node.return;
+    }
+  }
+}
+
+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;
+      }
+      if (node === fiber) {
+        return foundHostInstances;
+      }
+      while (node.sibling === null) {
+        if (node.return === null || node.return === fiber) {
+          return foundHostInstances;
+        }
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  }
+  return false;
+}
+
+function resolveDefaultProps(Component, baseProps) {
+  if (Component && Component.defaultProps) {
+    // Resolve default props. Taken from ReactElement
+    var props = Object.assign({}, baseProps);
+    var defaultProps = Component.defaultProps;
+    for (var propName in defaultProps) {
+      if (props[propName] === undefined) {
+        props[propName] = defaultProps[propName];
+      }
+    }
+    return props;
+  }
+  return baseProps;
+}
+
+function readLazyComponentType(lazyComponent) {
+  var status = lazyComponent._status;
+  var result = lazyComponent._result;
+  switch (status) {
+    case Resolved: {
+      var Component = result;
+      return Component;
+    }
+    case Rejected: {
+      var error = result;
+      throw error;
+    }
+    case Pending: {
+      var thenable = result;
+      throw thenable;
+    }
+    default: {
+      lazyComponent._status = Pending;
+      var ctor = lazyComponent._ctor;
+      var _thenable = ctor();
+      _thenable.then(
+        function(moduleObject) {
+          if (lazyComponent._status === Pending) {
+            var defaultExport = moduleObject.default;
+            {
+              if (defaultExport === undefined) {
+                warning$1(
+                  false,
+                  "lazy: Expected the result of a dynamic import() call. " +
+                    "Instead received: %s\n\nYour code should look like: \n  " +
+                    "const MyComponent = lazy(() => import('./MyComponent'))",
+                  moduleObject
+                );
+              }
+            }
+            lazyComponent._status = Resolved;
+            lazyComponent._result = defaultExport;
+          }
+        },
+        function(error) {
+          if (lazyComponent._status === Pending) {
+            lazyComponent._status = Rejected;
+            lazyComponent._result = error;
+          }
+        }
+      );
       // Handle synchronous thenables.
       switch (lazyComponent._status) {
         case Resolved:
@@ -6549,7 +7162,7 @@ var lastContextWithAllBitsObserved = null;
 
 var isDisallowedContextReadInDEV = false;
 
-function resetContextDependences() {
+function resetContextDependencies() {
   // This is called right before React yields execution, to ensure `readContext`
   // cannot be called outside the render phase.
   currentlyRenderingFiber = null;
@@ -6694,11 +7307,11 @@ function propagateContextChange(
     var nextFiber = void 0;
 
     // Visit this fiber.
-    var list = fiber.contextDependencies;
+    var list = fiber.dependencies;
     if (list !== null) {
       nextFiber = fiber.child;
 
-      var dependency = list.first;
+      var dependency = list.firstContext;
       while (dependency !== null) {
         // Check if the context matches.
         if (
@@ -6709,7 +7322,7 @@ function propagateContextChange(
 
           if (fiber.tag === ClassComponent) {
             // Schedule a force update on the work-in-progress.
-            var update = createUpdate(renderExpirationTime);
+            var update = createUpdate(renderExpirationTime, null);
             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
@@ -6805,17 +7418,18 @@ function prepareToReadContext(workInProgress, renderExpirationTime) {
   lastContextDependency = null;
   lastContextWithAllBitsObserved = null;
 
-  var currentDependencies = workInProgress.contextDependencies;
-  if (
-    currentDependencies !== null &&
-    currentDependencies.expirationTime >= renderExpirationTime
-  ) {
-    // Context list has a pending update. Mark that this fiber performed work.
-    markWorkInProgressReceivedUpdate();
+  var dependencies = workInProgress.dependencies;
+  if (dependencies !== null) {
+    var firstContext = dependencies.firstContext;
+    if (firstContext !== null) {
+      if (dependencies.expirationTime >= renderExpirationTime) {
+        // Context list has a pending update. Mark that this fiber performed work.
+        markWorkInProgressReceivedUpdate();
+      }
+      // Reset the work-in-progress list
+      dependencies.firstContext = null;
+    }
   }
-
-  // Reset the work-in-progress list
-  workInProgress.contextDependencies = null;
 }
 
 function readContext(context, observedBits) {
@@ -6860,16 +7474,19 @@ function readContext(context, observedBits) {
       (function() {
         if (!(currentlyRenderingFiber !== null)) {
           throw ReactError(
-            "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()."
+            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.contextDependencies = {
-        first: contextItem,
-        expirationTime: NoWork
+      currentlyRenderingFiber.dependencies = {
+        expirationTime: NoWork,
+        firstContext: contextItem,
+        responders: null
       };
     } else {
       // Append a new context item.
@@ -7009,9 +7626,10 @@ function cloneUpdateQueue(currentQueue) {
   return queue;
 }
 
-function createUpdate(expirationTime) {
-  return {
+function createUpdate(expirationTime, suspenseConfig) {
+  var update = {
     expirationTime: expirationTime,
+    suspenseConfig: suspenseConfig,
 
     tag: UpdateState,
     payload: null,
@@ -7020,6 +7638,10 @@ function createUpdate(expirationTime) {
     next: null,
     nextEffect: null
   };
+  {
+    update.priority = getCurrentPriorityLevel();
+  }
+  return update;
 }
 
 function appendUpdateToQueue(queue, update) {
@@ -7272,7 +7894,7 @@ function processUpdateQueue(
       // TODO: We should skip this update if it was already committed but currently
       // we have no way of detecting the difference between a committed and suspended
       // update here.
-      markRenderEventTime(updateExpirationTime);
+      markRenderEventTimeAndConfig(updateExpirationTime, update.suspenseConfig);
 
       // Process it and compute a new result.
       resultState = getStateFromUpdate(
@@ -7386,8 +8008,10 @@ function callCallback(callback, context) {
   (function() {
     if (!(typeof callback === "function")) {
       throw ReactError(
-        "Invalid argument passed as callback. Expected a function. Instead received: " +
-          callback
+        Error(
+          "Invalid argument passed as callback. Expected a function. Instead received: " +
+            callback
+        )
       );
     }
   })();
@@ -7441,6 +8065,12 @@ function commitUpdateEffects(effect, instance) {
   }
 }
 
+var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig;
+
+function requestCurrentSuspenseConfig() {
+  return ReactCurrentBatchConfig.suspense;
+}
+
 var fakeInternalInstance = {};
 var isArray$1 = Array.isArray;
 
@@ -7514,7 +8144,9 @@ var didWarnAboutInvalidateContextType = void 0;
       (function() {
         {
           throw ReactError(
-            "_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)."
+            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)."
+            )
           );
         }
       })();
@@ -7565,11 +8197,16 @@ function applyDerivedStateFromProps(
 var classComponentUpdater = {
   isMounted: isMounted,
   enqueueSetState: function(inst, payload, callback) {
-    var fiber = get$1(inst);
+    var fiber = get(inst);
     var currentTime = requestCurrentTime();
-    var expirationTime = computeExpirationForFiber(currentTime, fiber);
+    var suspenseConfig = requestCurrentSuspenseConfig();
+    var expirationTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      suspenseConfig
+    );
 
-    var update = createUpdate(expirationTime);
+    var update = createUpdate(expirationTime, suspenseConfig);
     update.payload = payload;
     if (callback !== undefined && callback !== null) {
       {
@@ -7578,16 +8215,23 @@ var classComponentUpdater = {
       update.callback = callback;
     }
 
-    flushPassiveEffects();
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
     enqueueUpdate(fiber, update);
     scheduleWork(fiber, expirationTime);
   },
   enqueueReplaceState: function(inst, payload, callback) {
-    var fiber = get$1(inst);
+    var fiber = get(inst);
     var currentTime = requestCurrentTime();
-    var expirationTime = computeExpirationForFiber(currentTime, fiber);
+    var suspenseConfig = requestCurrentSuspenseConfig();
+    var expirationTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      suspenseConfig
+    );
 
-    var update = createUpdate(expirationTime);
+    var update = createUpdate(expirationTime, suspenseConfig);
     update.tag = ReplaceState;
     update.payload = payload;
 
@@ -7598,16 +8242,23 @@ var classComponentUpdater = {
       update.callback = callback;
     }
 
-    flushPassiveEffects();
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
     enqueueUpdate(fiber, update);
     scheduleWork(fiber, expirationTime);
   },
   enqueueForceUpdate: function(inst, callback) {
-    var fiber = get$1(inst);
+    var fiber = get(inst);
     var currentTime = requestCurrentTime();
-    var expirationTime = computeExpirationForFiber(currentTime, fiber);
+    var suspenseConfig = requestCurrentSuspenseConfig();
+    var expirationTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      suspenseConfig
+    );
 
-    var update = createUpdate(expirationTime);
+    var update = createUpdate(expirationTime, suspenseConfig);
     update.tag = ForceUpdate;
 
     if (callback !== undefined && callback !== null) {
@@ -7617,7 +8268,9 @@ var classComponentUpdater = {
       update.callback = callback;
     }
 
-    flushPassiveEffects();
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
     enqueueUpdate(fiber, update);
     scheduleWork(fiber, expirationTime);
   }
@@ -7732,28 +8385,48 @@ function checkClassInstance(workInProgress, ctor, newProps) {
           name
         )
       : void 0;
-    var noInstanceContextTypes = !instance.contextTypes;
-    !noInstanceContextTypes
-      ? warningWithoutStack$1(
+
+    if (disableLegacyContext) {
+      if (ctor.childContextTypes) {
+        warningWithoutStack$1(
           false,
-          "contextTypes was defined as an instance property on %s. Use a static " +
-            "property to define contextTypes instead.",
+          "%s uses the legacy childContextTypes API which is no longer supported. " +
+            "Use React.createContext() instead.",
           name
-        )
-      : void 0;
+        );
+      }
+      if (ctor.contextTypes) {
+        warningWithoutStack$1(
+          false,
+          "%s uses the legacy contextTypes API which is no longer supported. " +
+            "Use React.createContext() with static contextType instead.",
+          name
+        );
+      }
+    } else {
+      var noInstanceContextTypes = !instance.contextTypes;
+      !noInstanceContextTypes
+        ? warningWithoutStack$1(
+            false,
+            "contextTypes was defined as an instance property on %s. Use a static " +
+              "property to define contextTypes instead.",
+            name
+          )
+        : void 0;
 
-    if (
-      ctor.contextType &&
-      ctor.contextTypes &&
-      !didWarnAboutContextTypeAndContextTypes.has(ctor)
-    ) {
-      didWarnAboutContextTypeAndContextTypes.add(ctor);
-      warningWithoutStack$1(
-        false,
-        "%s declares both contextTypes and contextType static properties. " +
-          "The legacy contextTypes property will be ignored.",
-        name
-      );
+      if (
+        ctor.contextType &&
+        ctor.contextTypes &&
+        !didWarnAboutContextTypeAndContextTypes.has(ctor)
+      ) {
+        didWarnAboutContextTypeAndContextTypes.add(ctor);
+        warningWithoutStack$1(
+          false,
+          "%s declares both contextTypes and contextType static properties. " +
+            "The legacy contextTypes property will be ignored.",
+          name
+        );
+      }
     }
 
     var noComponentShouldUpdate =
@@ -7929,7 +8602,7 @@ function constructClassInstance(
 ) {
   var isLegacyContextConsumer = false;
   var unmaskedContext = emptyContextObject;
-  var context = null;
+  var context = emptyContextObject;
   var contextType = ctor.contextType;
 
   {
@@ -7977,7 +8650,7 @@ function constructClassInstance(
 
   if (typeof contextType === "object" && contextType !== null) {
     context = readContext(contextType);
-  } else {
+  } else if (!disableLegacyContext) {
     unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     var contextTypes = ctor.contextTypes;
     isLegacyContextConsumer =
@@ -8179,6 +8852,8 @@ function mountClassInstance(
   var contextType = ctor.contextType;
   if (typeof contextType === "object" && contextType !== null) {
     instance.context = readContext(contextType);
+  } else if (disableLegacyContext) {
+    instance.context = emptyContextObject;
   } else {
     var unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     instance.context = getMaskedContext(workInProgress, unmaskedContext);
@@ -8200,11 +8875,6 @@ function mountClassInstance(
     }
 
     if (workInProgress.mode & StrictMode) {
-      ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
-        workInProgress,
-        instance
-      );
-
       ReactStrictModeWarnings.recordLegacyContextWarning(
         workInProgress,
         instance
@@ -8212,7 +8882,7 @@ function mountClassInstance(
     }
 
     if (warnAboutDeprecatedLifecycles) {
-      ReactStrictModeWarnings.recordDeprecationWarnings(
+      ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
         workInProgress,
         instance
       );
@@ -8284,10 +8954,10 @@ function resumeMountClassInstance(
 
   var oldContext = instance.context;
   var contextType = ctor.contextType;
-  var nextContext = void 0;
+  var nextContext = emptyContextObject;
   if (typeof contextType === "object" && contextType !== null) {
     nextContext = readContext(contextType);
-  } else {
+  } else if (!disableLegacyContext) {
     var nextLegacyUnmaskedContext = getUnmaskedContext(
       workInProgress,
       ctor,
@@ -8433,10 +9103,10 @@ function updateClassInstance(
 
   var oldContext = instance.context;
   var contextType = ctor.contextType;
-  var nextContext = void 0;
+  var nextContext = emptyContextObject;
   if (typeof contextType === "object" && contextType !== null) {
     nextContext = readContext(contextType);
-  } else {
+  } else if (!disableLegacyContext) {
     var nextUnmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     nextContext = getMaskedContext(workInProgress, nextUnmaskedContext);
   }
@@ -8592,7 +9262,7 @@ function updateClassInstance(
 
 var didWarnAboutMaps = void 0;
 var didWarnAboutGenerators = void 0;
-var didWarnAboutStringRefInStrictMode = void 0;
+var didWarnAboutStringRefs = void 0;
 var ownerHasKeyUseWarning = void 0;
 var ownerHasFunctionTypeWarning = void 0;
 var warnForMissingKey = function(child) {};
@@ -8600,7 +9270,7 @@ var warnForMissingKey = function(child) {};
 {
   didWarnAboutMaps = false;
   didWarnAboutGenerators = false;
-  didWarnAboutStringRefInStrictMode = {};
+  didWarnAboutStringRefs = {};
 
   /**
    * Warn if there's no key explicitly set on dynamic arrays of children or
@@ -8620,7 +9290,9 @@ var warnForMissingKey = function(child) {};
     (function() {
       if (!(typeof child._store === "object")) {
         throw ReactError(
-          "React Component in warnForMissingKey should have a _store. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "React Component in warnForMissingKey should have a _store. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       }
     })();
@@ -8655,21 +9327,38 @@ function coerceRef(returnFiber, current$$1, element) {
     typeof mixedRef !== "object"
   ) {
     {
-      if (returnFiber.mode & StrictMode) {
+      // 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 & StrictMode || warnAboutStringRefs) {
         var componentName = getComponentName(returnFiber.type) || "Component";
-        if (!didWarnAboutStringRefInStrictMode[componentName]) {
-          warningWithoutStack$1(
-            false,
-            '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 createRef() instead." +
-              "\n%s" +
-              "\n\nLearn more about using refs safely here:" +
-              "\nhttps://fb.me/react-strict-mode-string-ref",
-            mixedRef,
-            getStackByFiberInDevAndProd(returnFiber)
-          );
-          didWarnAboutStringRefInStrictMode[componentName] = true;
+        if (!didWarnAboutStringRefs[componentName]) {
+          if (warnAboutStringRefs) {
+            warningWithoutStack$1(
+              false,
+              '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." +
+                "\n%s" +
+                "\n\nLearn more about using refs safely here:" +
+                "\nhttps://fb.me/react-strict-mode-string-ref",
+              componentName,
+              mixedRef,
+              getStackByFiberInDevAndProd(returnFiber)
+            );
+          } else {
+            warningWithoutStack$1(
+              false,
+              '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." +
+                "\n%s" +
+                "\n\nLearn more about using refs safely here:" +
+                "\nhttps://fb.me/react-strict-mode-string-ref",
+              mixedRef,
+              getStackByFiberInDevAndProd(returnFiber)
+            );
+          }
+          didWarnAboutStringRefs[componentName] = true;
         }
       }
     }
@@ -8682,7 +9371,9 @@ function coerceRef(returnFiber, current$$1, element) {
         (function() {
           if (!(ownerFiber.tag === ClassComponent)) {
             throw ReactError(
-              "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+              Error(
+                "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+              )
             );
           }
         })();
@@ -8691,9 +9382,11 @@ function coerceRef(returnFiber, current$$1, element) {
       (function() {
         if (!inst) {
           throw ReactError(
-            "Missing owner for string ref " +
-              mixedRef +
-              ". This error is likely caused by a bug in React. Please file an issue."
+            Error(
+              "Missing owner for string ref " +
+                mixedRef +
+                ". This error is likely caused by a bug in React. Please file an issue."
+            )
           );
         }
       })();
@@ -8725,16 +9418,20 @@ function coerceRef(returnFiber, current$$1, element) {
       (function() {
         if (!(typeof mixedRef === "string")) {
           throw ReactError(
-            "Expected ref to be a function, a string, an object returned by React.createRef(), or null."
+            Error(
+              "Expected ref to be a function, a string, an object returned by React.createRef(), or null."
+            )
           );
         }
       })();
       (function() {
         if (!element._owner) {
           throw ReactError(
-            "Element ref was specified as a string (" +
-              mixedRef +
-              ") 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://fb.me/react-refs-must-have-owner for more information."
+            Error(
+              "Element ref was specified as a string (" +
+                mixedRef +
+                ") 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://fb.me/react-refs-must-have-owner for more information."
+            )
           );
         }
       })();
@@ -8755,12 +9452,14 @@ function throwOnInvalidObjectType(returnFiber, newChild) {
     (function() {
       {
         throw ReactError(
-          "Objects are not valid as a React child (found: " +
-            (Object.prototype.toString.call(newChild) === "[object Object]"
-              ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
-              : newChild) +
-            ")." +
-            addendum
+          Error(
+            "Objects are not valid as a React child (found: " +
+              (Object.prototype.toString.call(newChild) === "[object Object]"
+                ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
+                : newChild) +
+              ")." +
+              addendum
+          )
         );
       }
     })();
@@ -8912,7 +9611,12 @@ function ChildReconciler(shouldTrackSideEffects) {
   }
 
   function updateElement(returnFiber, current$$1, element, expirationTime) {
-    if (current$$1 !== null && current$$1.elementType === element.type) {
+    if (
+      current$$1 !== null &&
+      (current$$1.elementType === element.type ||
+        // Keep this check inline so it only runs on the false path:
+        isCompatibleFamilyForHotReloading(current$$1, element))
+    ) {
       // Move based on index
       var existing = useFiber(current$$1, element.props, expirationTime);
       existing.ref = coerceRef(returnFiber, current$$1, element);
@@ -9425,7 +10129,9 @@ function ChildReconciler(shouldTrackSideEffects) {
     (function() {
       if (!(typeof iteratorFn === "function")) {
         throw ReactError(
-          "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       }
     })();
@@ -9480,7 +10186,7 @@ function ChildReconciler(shouldTrackSideEffects) {
     var newChildren = iteratorFn.call(newChildrenIterable);
     (function() {
       if (!(newChildren != null)) {
-        throw ReactError("An iterable object provided no iterator.");
+        throw ReactError(Error("An iterable object provided no iterator."));
       }
     })();
 
@@ -9656,7 +10362,9 @@ function ChildReconciler(shouldTrackSideEffects) {
         if (
           child.tag === Fragment
             ? element.type === REACT_FRAGMENT_TYPE
-            : child.elementType === element.type
+            : child.elementType === element.type ||
+              // Keep this check inline so it only runs on the false path:
+              isCompatibleFamilyForHotReloading(child, element)
         ) {
           deleteRemainingChildren(returnFiber, child.sibling);
           var existing = useFiber(
@@ -9856,8 +10564,10 @@ function ChildReconciler(shouldTrackSideEffects) {
           (function() {
             {
               throw ReactError(
-                (Component.displayName || Component.name || "Component") +
-                  "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null."
+                Error(
+                  (Component.displayName || Component.name || "Component") +
+                    "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null."
+                )
               );
             }
           })();
@@ -9878,7 +10588,7 @@ var mountChildFibers = ChildReconciler(false);
 function cloneChildFibers(current$$1, workInProgress) {
   (function() {
     if (!(current$$1 === null || workInProgress.child === current$$1.child)) {
-      throw ReactError("Resuming work not yet implemented.");
+      throw ReactError(Error("Resuming work not yet implemented."));
     }
   })();
 
@@ -9907,6 +10617,15 @@ function cloneChildFibers(current$$1, workInProgress) {
   newChild.sibling = null;
 }
 
+// Reset a workInProgress child set to prepare it for a second pass.
+function resetChildFibers(workInProgress, renderExpirationTime) {
+  var child = workInProgress.child;
+  while (child !== null) {
+    resetWorkInProgress(child, renderExpirationTime);
+    child = child.sibling;
+  }
+}
+
 var NO_CONTEXT = {};
 
 var contextStackCursor$1 = createCursor(NO_CONTEXT);
@@ -9917,7 +10636,9 @@ function requiredContext(c) {
   (function() {
     if (!(c !== NO_CONTEXT)) {
       throw ReactError(
-        "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     }
   })();
@@ -9976,46 +10697,158 @@ function pushHostContext(fiber) {
   push(contextStackCursor$1, nextContext, fiber);
 }
 
-function pushHostContextForEventComponent(fiber) {
-  var context = requiredContext(contextStackCursor$1.current);
-  var nextContext = getChildHostContextForEventComponent(context);
-
-  // Don't push this Fiber's context unless it's unique.
-  if (context === nextContext) {
+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;
   }
 
-  // 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$1, nextContext, fiber);
+  pop(contextStackCursor$1, fiber);
+  pop(contextFiberStackCursor, fiber);
 }
 
-function pushHostContextForEventTarget(fiber) {
-  var context = requiredContext(contextStackCursor$1.current);
-  var eventTargetType = fiber.type.type;
-  var nextContext = getChildHostContextForEventTarget(context, eventTargetType);
+var DefaultSuspenseContext = 0;
 
-  // Don't push this Fiber's context unless it's unique.
-  if (context === nextContext) {
-    return;
+// 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);
+}
+
+// TODO: This is now an empty object. Should we switch this to a boolean?
+// Alternatively we can make this use an effect tag similar to SuspenseList.
+
+function shouldCaptureSuspense(workInProgress, hasInvisibleParent) {
+  // If it was the primary children that just suspended, capture and render the
+  var nextState = workInProgress.memoizedState;
+  if (nextState !== null) {
+    return false;
+  }
+  var props = workInProgress.memoizedProps;
+  // In order to capture, the Suspense component must have a fallback prop.
+  if (props.fallback === undefined) {
+    return false;
+  }
+  // Regular boundaries always capture.
+  if (props.unstable_avoidThisFallback !== true) {
+    return true;
+  }
+  // If it's a boundary we should avoid, then we prefer to bubble up to the
+  // parent boundary if it is currently invisible.
+  if (hasInvisibleParent) {
+    return false;
   }
+  // If the parent is not able to handle it, we must handle it.
+  return true;
+}
 
-  // 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$1, nextContext, fiber);
+function findFirstSuspended(row) {
+  var node = row;
+  while (node !== null) {
+    if (node.tag === SuspenseComponent) {
+      var state = node.memoizedState;
+      if (state !== null) {
+        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.effectTag & DidCapture) !== NoEffect;
+      if (didSuspend) {
+        return node;
+      }
+    } else if (node.child !== null) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === row) {
+      return null;
+    }
+    while (node.sibling === null) {
+      if (node.return === null || node.return === row) {
+        return null;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+  return null;
 }
 
-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;
+function createResponderListener(responder, props) {
+  var eventResponderListener = {
+    responder: responder,
+    props: props
+  };
+  {
+    Object.freeze(eventResponderListener);
   }
+  return eventResponderListener;
+}
 
-  pop(contextStackCursor$1, fiber);
-  pop(contextFiberStackCursor, fiber);
+function createResponderInstance(
+  responder,
+  responderProps,
+  responderState,
+  target,
+  fiber
+) {
+  return {
+    fiber: fiber,
+    props: responderProps,
+    responder: responder,
+    rootEventTypes: null,
+    state: responderState,
+    target: target
+  };
 }
 
 var NoEffect$1 = /*             */ 0;
@@ -10079,6 +10912,11 @@ var currentHookNameInDev = null;
 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;
@@ -10170,13 +11008,22 @@ function throwInvalidHookError() {
   (function() {
     {
       throw ReactError(
-        "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://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
+        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://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
+        )
       );
     }
   })();
 }
 
 function areHookInputsEqual(nextDeps, prevDeps) {
+  {
+    if (ignorePreviousDependencies) {
+      // Only true when this component is being hot reloaded.
+      return false;
+    }
+  }
+
   if (prevDeps === null) {
     {
       warning$1(
@@ -10230,6 +11077,9 @@ function renderWithHooks(
   {
     hookTypesDev = current !== null ? current._debugHookTypes : null;
     hookTypesUpdateIndexDev = -1;
+    // Used for hot reloading:
+    ignorePreviousDependencies =
+      current !== null && current.type !== workInProgress.type;
   }
 
   // The following should have already been reset
@@ -10272,6 +11122,11 @@ function renderWithHooks(
     do {
       didScheduleRenderPhaseUpdate = false;
       numberOfReRenders += 1;
+      {
+        // 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
       nextCurrentHook = current !== null ? current.memoizedState : null;
@@ -10341,7 +11196,9 @@ function renderWithHooks(
   (function() {
     if (!!didRenderTooFewHooks) {
       throw ReactError(
-        "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
+        Error(
+          "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
+        )
       );
     }
   })();
@@ -10429,7 +11286,7 @@ function updateWorkInProgressHook() {
     (function() {
       if (!(nextCurrentHook !== null)) {
         throw ReactError(
-          "Rendered more hooks than during the previous render."
+          Error("Rendered more hooks than during the previous render.")
         );
       }
     })();
@@ -10497,7 +11354,9 @@ function updateReducer(reducer, initialArg, init) {
   (function() {
     if (!(queue !== null)) {
       throw ReactError(
-        "Should have a queue. This is likely a bug in React. Please file an issue."
+        Error(
+          "Should have a queue. This is likely a bug in React. Please file an issue."
+        )
       );
     }
   })();
@@ -10530,7 +11389,7 @@ function updateReducer(reducer, initialArg, init) {
         }
 
         hook.memoizedState = newState;
-        // Don't persist the state accumlated from the render phase updates to
+        // 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.
@@ -10596,7 +11455,10 @@ function updateReducer(reducer, initialArg, init) {
         // TODO: We should skip this update if it was already committed but currently
         // we have no way of detecting the difference between a committed and suspended
         // update here.
-        markRenderEventTime(updateExpirationTime);
+        markRenderEventTimeAndConfig(
+          updateExpirationTime,
+          _update.suspenseConfig
+        );
 
         // Process this update.
         if (_update.eagerReducer === reducer) {
@@ -10729,6 +11591,12 @@ function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
 }
 
 function mountEffect(create, deps) {
+  {
+    // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
+    if ("undefined" !== typeof jest) {
+      warnIfNotCurrentlyActingEffectsInDEV(currentlyRenderingFiber$1);
+    }
+  }
   return mountEffectImpl(
     Update | Passive,
     UnmountPassive | MountPassive,
@@ -10738,6 +11606,12 @@ function mountEffect(create, deps) {
 }
 
 function updateEffect(create, deps) {
+  {
+    // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
+    if ("undefined" !== typeof jest) {
+      warnIfNotCurrentlyActingEffectsInDEV(currentlyRenderingFiber$1);
+    }
+  }
   return updateEffectImpl(
     Update | Passive,
     UnmountPassive | MountPassive,
@@ -10891,7 +11765,9 @@ function dispatchAction(fiber, queue, action) {
   (function() {
     if (!(numberOfReRenders < RE_RENDER_LIMIT)) {
       throw ReactError(
-        "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+        Error(
+          "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+        )
       );
     }
   })();
@@ -10918,11 +11794,15 @@ function dispatchAction(fiber, queue, action) {
     didScheduleRenderPhaseUpdate = true;
     var update = {
       expirationTime: renderExpirationTime$1,
+      suspenseConfig: null,
       action: action,
       eagerReducer: null,
       eagerState: null,
       next: null
     };
+    {
+      update.priority = getCurrentPriorityLevel();
+    }
     if (renderPhaseUpdates === null) {
       renderPhaseUpdates = new Map();
     }
@@ -10938,19 +11818,31 @@ function dispatchAction(fiber, queue, action) {
       lastRenderPhaseUpdate.next = update;
     }
   } else {
-    flushPassiveEffects();
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
 
     var currentTime = requestCurrentTime();
-    var _expirationTime = computeExpirationForFiber(currentTime, fiber);
+    var _suspenseConfig = requestCurrentSuspenseConfig();
+    var _expirationTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      _suspenseConfig
+    );
 
     var _update2 = {
       expirationTime: _expirationTime,
+      suspenseConfig: _suspenseConfig,
       action: action,
       eagerReducer: null,
       eagerState: null,
       next: null
     };
 
+    {
+      _update2.priority = getCurrentPriorityLevel();
+    }
+
     // Append the update to the end of the list.
     var _last = queue.last;
     if (_last === null) {
@@ -11006,10 +11898,9 @@ function dispatchAction(fiber, queue, action) {
       }
     }
     {
-      // jest isn't a 'global', it's just exposed to tests via a wrapped function
-      // further, this isn't a test file, so flow doesn't recognize the symbol. So...
-      // $FlowExpectedError - because requirements don't give a damn about your type sigs.
+      // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
       if ("undefined" !== typeof jest) {
+        warnIfNotScopedWithMatchingAct(fiber);
         warnIfNotCurrentlyActingUpdatesInDev(fiber);
       }
     }
@@ -11029,7 +11920,8 @@ var ContextOnlyDispatcher = {
   useReducer: throwInvalidHookError,
   useRef: throwInvalidHookError,
   useState: throwInvalidHookError,
-  useDebugValue: throwInvalidHookError
+  useDebugValue: throwInvalidHookError,
+  useResponder: throwInvalidHookError
 };
 
 var HooksDispatcherOnMountInDEV = null;
@@ -11135,6 +12027,11 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useDebugValue";
       mountHookTypesDev();
       return mountDebugValue(value, formatterFn);
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      mountHookTypesDev();
+      return createResponderListener(responder, props);
     }
   };
 
@@ -11209,6 +12106,11 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useDebugValue";
       updateHookTypesDev();
       return mountDebugValue(value, formatterFn);
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      updateHookTypesDev();
+      return createResponderListener(responder, props);
     }
   };
 
@@ -11283,6 +12185,11 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useDebugValue";
       updateHookTypesDev();
       return updateDebugValue(value, formatterFn);
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      updateHookTypesDev();
+      return createResponderListener(responder, props);
     }
   };
 
@@ -11368,6 +12275,12 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       warnInvalidHookAccess();
       mountHookTypesDev();
       return mountDebugValue(value, formatterFn);
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      warnInvalidHookAccess();
+      mountHookTypesDev();
+      return createResponderListener(responder, props);
     }
   };
 
@@ -11453,6 +12366,12 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       warnInvalidHookAccess();
       updateHookTypesDev();
       return updateDebugValue(value, formatterFn);
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return createResponderListener(responder, props);
     }
   };
 }
@@ -11515,6 +12434,17 @@ var hydrationParentFiber = null;
 var nextHydratableInstance = null;
 var isHydrating = false;
 
+function warnIfHydrating() {
+  {
+    !!isHydrating
+      ? warning$1(
+          false,
+          "We should not be hydrating here. This is a bug in React. Please file a bug."
+        )
+      : void 0;
+  }
+}
+
 function enterHydrationState(fiber) {
   if (!supportsHydration) {
     return false;
@@ -11722,7 +12652,9 @@ function prepareToHydrateHostInstance(
     (function() {
       {
         throw ReactError(
-          "Expected prepareToHydrateHostInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "Expected prepareToHydrateHostInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       }
     })();
@@ -11752,7 +12684,9 @@ function prepareToHydrateHostTextInstance(fiber) {
     (function() {
       {
         throw ReactError(
-          "Expected prepareToHydrateHostTextInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "Expected prepareToHydrateHostTextInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       }
     })();
@@ -11802,7 +12736,9 @@ function skipPastDehydratedSuspenseInstance(fiber) {
     (function() {
       {
         throw ReactError(
-          "Expected skipPastDehydratedSuspenseInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "Expected skipPastDehydratedSuspenseInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       }
     })();
@@ -11811,7 +12747,9 @@ function skipPastDehydratedSuspenseInstance(fiber) {
   (function() {
     if (!suspenseInstance) {
       throw ReactError(
-        "Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     }
   })();
@@ -11899,6 +12837,9 @@ var didWarnAboutGetDerivedStateOnFunctionComponent = void 0;
 var didWarnAboutFunctionRefs = void 0;
 var didWarnAboutReassigningProps = void 0;
 var didWarnAboutMaxDuration = void 0;
+var didWarnAboutRevealOrder = void 0;
+var didWarnAboutTailOptions = void 0;
+var didWarnAboutDefaultPropsOnFunctionComponent = void 0;
 
 {
   didWarnAboutBadClass = {};
@@ -11908,6 +12849,9 @@ var didWarnAboutMaxDuration = void 0;
   didWarnAboutFunctionRefs = {};
   didWarnAboutReassigningProps = false;
   didWarnAboutMaxDuration = false;
+  didWarnAboutRevealOrder = {};
+  didWarnAboutTailOptions = {};
+  didWarnAboutDefaultPropsOnFunctionComponent = {};
 }
 
 function reconcileChildren(
@@ -12076,18 +13020,22 @@ function updateMemoComponent(
       // 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 = type;
+      workInProgress.type = resolvedType;
       {
         validateFunctionComponentInDev(workInProgress, type);
       }
       return updateSimpleMemoComponent(
         current$$1,
         workInProgress,
-        type,
+        resolvedType,
         nextProps,
         updateExpirationTime,
         renderExpirationTime
@@ -12207,7 +13155,9 @@ function updateSimpleMemoComponent(
     var prevProps = current$$1.memoizedProps;
     if (
       shallowEqual(prevProps, nextProps) &&
-      current$$1.ref === workInProgress.ref
+      current$$1.ref === workInProgress.ref &&
+      // Prevent bailout if the implementation changed due to hot reload:
+      workInProgress.type === current$$1.type
     ) {
       didReceiveUpdate = false;
       if (updateExpirationTime < renderExpirationTime) {
@@ -12300,8 +13250,11 @@ function updateFunctionComponent(
     }
   }
 
-  var unmaskedContext = getUnmaskedContext(workInProgress, Component, true);
-  var context = getMaskedContext(workInProgress, unmaskedContext);
+  var context = void 0;
+  if (!disableLegacyContext) {
+    var unmaskedContext = getUnmaskedContext(workInProgress, Component, true);
+    context = getMaskedContext(workInProgress, unmaskedContext);
+  }
 
   var nextChildren = void 0;
   prepareToReadContext(workInProgress, renderExpirationTime);
@@ -12576,7 +13529,9 @@ function updateHostRoot(current$$1, workInProgress, renderExpirationTime) {
   (function() {
     if (!(updateQueue !== null)) {
       throw ReactError(
-        "If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     }
   })();
@@ -12674,10 +13629,13 @@ function updateHostComponent(current$$1, workInProgress, renderExpirationTime) {
 
   // Check the host config to see if the children are offscreen/hidden.
   if (
-    renderExpirationTime !== Never &&
     workInProgress.mode & ConcurrentMode &&
+    renderExpirationTime !== Never &&
     shouldDeprioritizeSubtree(type, nextProps)
   ) {
+    if (enableSchedulerTracing) {
+      markSpawnedWork(Never);
+    }
     // Schedule this fiber to re-render at offscreen priority. Then bailout.
     workInProgress.expirationTime = workInProgress.childExpirationTime = Never;
     return null;
@@ -12734,6 +13692,9 @@ function mountLazyComponent(
     case FunctionComponent: {
       {
         validateFunctionComponentInDev(workInProgress, Component);
+        workInProgress.type = Component = resolveFunctionForHotReloading(
+          Component
+        );
       }
       child = updateFunctionComponent(
         null,
@@ -12745,6 +13706,11 @@ function mountLazyComponent(
       break;
     }
     case ClassComponent: {
+      {
+        workInProgress.type = Component = resolveClassForHotReloading(
+          Component
+        );
+      }
       child = updateClassComponent(
         null,
         workInProgress,
@@ -12755,6 +13721,11 @@ function mountLazyComponent(
       break;
     }
     case ForwardRef: {
+      {
+        workInProgress.type = Component = resolveForwardRefForHotReloading(
+          Component
+        );
+      }
       child = updateForwardRef(
         null,
         workInProgress,
@@ -12806,10 +13777,12 @@ function mountLazyComponent(
       (function() {
         {
           throw ReactError(
-            "Element type is invalid. Received a promise that resolves to: " +
-              Component +
-              ". Lazy element type must resolve to a class or function." +
-              hint
+            Error(
+              "Element type is invalid. Received a promise that resolves to: " +
+                Component +
+                ". Lazy element type must resolve to a class or function." +
+                hint
+            )
           );
         }
       })();
@@ -12894,11 +13867,13 @@ function mountIndeterminateComponent(
   }
 
   var props = workInProgress.pendingProps;
-  var unmaskedContext = getUnmaskedContext(workInProgress, Component, false);
-  var context = getMaskedContext(workInProgress, unmaskedContext);
+  var context = void 0;
+  if (!disableLegacyContext) {
+    var unmaskedContext = getUnmaskedContext(workInProgress, Component, false);
+    context = getMaskedContext(workInProgress, unmaskedContext);
+  }
 
   prepareToReadContext(workInProgress, renderExpirationTime);
-
   var value = void 0;
 
   {
@@ -13005,6 +13980,15 @@ function mountIndeterminateComponent(
     // Proceed under the assumption that this is a function component
     workInProgress.tag = FunctionComponent;
     {
+      if (disableLegacyContext && Component.contextTypes) {
+        warningWithoutStack$1(
+          false,
+          "%s uses the legacy contextTypes API which is no longer supported. " +
+            "Use React.createContext() with React.useContext() instead.",
+          getComponentName(Component) || "Unknown"
+        );
+      }
+
       if (
         debugRenderPhaseSideEffects ||
         (debugRenderPhaseSideEffectsForStrictMode &&
@@ -13065,16 +14049,33 @@ function validateFunctionComponentInDev(workInProgress, Component) {
     }
   }
 
-  if (typeof Component.getDerivedStateFromProps === "function") {
+  if (
+    warnAboutDefaultPropsOnFunctionComponents &&
+    Component.defaultProps !== undefined
+  ) {
     var componentName = getComponentName(Component) || "Unknown";
 
-    if (!didWarnAboutGetDerivedStateOnFunctionComponent[componentName]) {
+    if (!didWarnAboutDefaultPropsOnFunctionComponent[componentName]) {
       warningWithoutStack$1(
         false,
-        "%s: Function components do not support getDerivedStateFromProps.",
+        "%s: Support for defaultProps will be removed from function components " +
+          "in a future major release. Use JavaScript default parameters instead.",
         componentName
       );
-      didWarnAboutGetDerivedStateOnFunctionComponent[componentName] = true;
+      didWarnAboutDefaultPropsOnFunctionComponent[componentName] = true;
+    }
+  }
+
+  if (typeof Component.getDerivedStateFromProps === "function") {
+    var _componentName2 = getComponentName(Component) || "Unknown";
+
+    if (!didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2]) {
+      warningWithoutStack$1(
+        false,
+        "%s: Function components do not support getDerivedStateFromProps.",
+        _componentName2
+      );
+      didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] = true;
     }
   }
 
@@ -13082,19 +14083,31 @@ function validateFunctionComponentInDev(workInProgress, Component) {
     typeof Component.contextType === "object" &&
     Component.contextType !== null
   ) {
-    var _componentName2 = getComponentName(Component) || "Unknown";
+    var _componentName3 = getComponentName(Component) || "Unknown";
 
-    if (!didWarnAboutContextTypeOnFunctionComponent[_componentName2]) {
+    if (!didWarnAboutContextTypeOnFunctionComponent[_componentName3]) {
       warningWithoutStack$1(
         false,
         "%s: Function components do not support contextType.",
-        _componentName2
+        _componentName3
       );
-      didWarnAboutContextTypeOnFunctionComponent[_componentName2] = true;
+      didWarnAboutContextTypeOnFunctionComponent[_componentName3] = true;
     }
   }
 }
 
+// TODO: This is now an empty object. Should we just make it a boolean?
+var SUSPENDED_MARKER = {};
+
+function shouldRemainOnFallback(suspenseContext, current$$1, workInProgress) {
+  // If the context is telling us that we should show a fallback, and we're not
+  // already showing content, then we should show the fallback instead.
+  return (
+    hasSuspenseContext(suspenseContext, ForceSuspenseFallback) &&
+    (current$$1 === null || current$$1.memoizedState !== null)
+  );
+}
+
 function updateSuspenseComponent(
   current$$1,
   workInProgress,
@@ -13103,32 +14116,51 @@ function updateSuspenseComponent(
   var mode = workInProgress.mode;
   var nextProps = workInProgress.pendingProps;
 
+  // This is used by DevTools to force a boundary to suspend.
   {
     if (shouldSuspend(workInProgress)) {
       workInProgress.effectTag |= DidCapture;
     }
   }
 
-  // We should attempt to render the primary children unless this boundary
-  // already suspended during this render (`alreadyCaptured` is true).
-  var nextState = workInProgress.memoizedState;
+  var suspenseContext = suspenseStackCursor.current;
 
-  var nextDidTimeout = void 0;
-  if ((workInProgress.effectTag & DidCapture) === NoEffect) {
-    // This is the first attempt.
-    nextState = null;
-    nextDidTimeout = false;
-  } else {
+  var nextState = null;
+  var nextDidTimeout = false;
+
+  if (
+    (workInProgress.effectTag & DidCapture) !== NoEffect ||
+    shouldRemainOnFallback(suspenseContext, current$$1, workInProgress)
+  ) {
     // Something in this boundary's subtree already suspended. Switch to
     // rendering the fallback children.
-    nextState = {
-      fallbackExpirationTime:
-        nextState !== null ? nextState.fallbackExpirationTime : NoWork
-    };
+    nextState = SUSPENDED_MARKER;
     nextDidTimeout = true;
     workInProgress.effectTag &= ~DidCapture;
+  } else {
+    // Attempting the main content
+    if (current$$1 === null || current$$1.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.
+      // Boundaries without fallbacks or should be avoided are not considered since
+      // they cannot handle preferred fallback states.
+      if (
+        nextProps.fallback !== undefined &&
+        nextProps.unstable_avoidThisFallback !== true
+      ) {
+        suspenseContext = addSubtreeSuspenseContext(
+          suspenseContext,
+          InvisibleParentSuspenseContext
+        );
+      }
+    }
   }
 
+  suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
+
+  pushSuspenseContext(workInProgress, suspenseContext);
+
   {
     if ("maxDuration" in nextProps) {
       if (!didWarnAboutMaxDuration) {
@@ -13181,6 +14213,7 @@ function updateSuspenseComponent(
         tryToClaimNextHydratableInstance(workInProgress);
         // This could've changed the tag if this was a dehydrated suspense component.
         if (workInProgress.tag === DehydratedSuspenseComponent) {
+          popSuspenseContext(workInProgress);
           return updateDehydratedSuspenseComponent(
             null,
             workInProgress,
@@ -13201,15 +14234,21 @@ function updateSuspenseComponent(
         NoWork,
         null
       );
+      primaryChildFragment.return = workInProgress;
 
-      if ((workInProgress.mode & ConcurrentMode) === NoContext) {
-        // Outside of concurrent mode, we commit the effects from the
+      if ((workInProgress.mode & BatchedMode) === NoMode) {
+        // Outside of batched mode, we commit the effects from the
         var progressedState = workInProgress.memoizedState;
         var progressedPrimaryChild =
           progressedState !== null
             ? workInProgress.child.child
             : workInProgress.child;
         primaryChildFragment.child = progressedPrimaryChild;
+        var progressedChild = progressedPrimaryChild;
+        while (progressedChild !== null) {
+          progressedChild.return = primaryChildFragment;
+          progressedChild = progressedChild.sibling;
+        }
       }
 
       var fallbackChildFragment = createFiberFromFragment(
@@ -13218,12 +14257,12 @@ function updateSuspenseComponent(
         renderExpirationTime,
         null
       );
+      fallbackChildFragment.return = workInProgress;
       primaryChildFragment.sibling = fallbackChildFragment;
       child = primaryChildFragment;
       // Skip the primary children, and continue working on the
       // fallback children.
       next = fallbackChildFragment;
-      child.return = next.return = workInProgress;
     } else {
       // Mount the primary children without an intermediate fragment fiber.
       var nextPrimaryChildren = nextProps.children;
@@ -13252,9 +14291,10 @@ function updateSuspenseComponent(
           currentPrimaryChildFragment.pendingProps,
           NoWork
         );
+        _primaryChildFragment.return = workInProgress;
 
-        if ((workInProgress.mode & ConcurrentMode) === NoContext) {
-          // Outside of concurrent mode, we commit the effects from the
+        if ((workInProgress.mode & BatchedMode) === NoMode) {
+          // Outside of batched mode, we commit the effects from the
           var _progressedState = workInProgress.memoizedState;
           var _progressedPrimaryChild =
             _progressedState !== null
@@ -13262,6 +14302,11 @@ function updateSuspenseComponent(
               : workInProgress.child;
           if (_progressedPrimaryChild !== currentPrimaryChildFragment.child) {
             _primaryChildFragment.child = _progressedPrimaryChild;
+            var _progressedChild = _progressedPrimaryChild;
+            while (_progressedChild !== null) {
+              _progressedChild.return = _primaryChildFragment;
+              _progressedChild = _progressedChild.sibling;
+            }
           }
         }
 
@@ -13280,17 +14325,18 @@ function updateSuspenseComponent(
 
         // Clone the fallback child fragment, too. These we'll continue
         // working on.
-        var _fallbackChildFragment = (_primaryChildFragment.sibling = createWorkInProgress(
+        var _fallbackChildFragment = createWorkInProgress(
           currentFallbackChildFragment,
           _nextFallbackChildren,
           currentFallbackChildFragment.expirationTime
-        ));
+        );
+        _fallbackChildFragment.return = workInProgress;
+        _primaryChildFragment.sibling = _fallbackChildFragment;
         child = _primaryChildFragment;
         _primaryChildFragment.childExpirationTime = NoWork;
         // Skip the primary children, and continue working on the
         // fallback children.
         next = _fallbackChildFragment;
-        child.return = next.return = workInProgress;
       } else {
         // No longer suspended. Switch back to showing the primary children,
         // and remove the intermediate fragment fiber.
@@ -13328,21 +14374,30 @@ function updateSuspenseComponent(
           NoWork,
           null
         );
+        _primaryChildFragment2.return = workInProgress;
         _primaryChildFragment2.child = _currentPrimaryChild;
+        if (_currentPrimaryChild !== null) {
+          _currentPrimaryChild.return = _primaryChildFragment2;
+        }
 
         // Even though we're creating a new fiber, there are no new children,
         // because we're reusing an already mounted tree. So we don't need to
         // schedule a placement.
         // primaryChildFragment.effectTag |= Placement;
 
-        if ((workInProgress.mode & ConcurrentMode) === NoContext) {
-          // Outside of concurrent mode, we commit the effects from the
+        if ((workInProgress.mode & BatchedMode) === NoMode) {
+          // Outside of batched mode, we commit the effects from the
           var _progressedState2 = workInProgress.memoizedState;
           var _progressedPrimaryChild2 =
             _progressedState2 !== null
               ? workInProgress.child.child
               : workInProgress.child;
           _primaryChildFragment2.child = _progressedPrimaryChild2;
+          var _progressedChild2 = _progressedPrimaryChild2;
+          while (_progressedChild2 !== null) {
+            _progressedChild2.return = _primaryChildFragment2;
+            _progressedChild2 = _progressedChild2.sibling;
+          }
         }
 
         // Because primaryChildFragment is a new fiber that we're inserting as the
@@ -13359,19 +14414,20 @@ function updateSuspenseComponent(
         }
 
         // Create a fragment from the fallback children, too.
-        var _fallbackChildFragment2 = (_primaryChildFragment2.sibling = createFiberFromFragment(
+        var _fallbackChildFragment2 = createFiberFromFragment(
           _nextFallbackChildren2,
           mode,
           renderExpirationTime,
           null
-        ));
+        );
+        _fallbackChildFragment2.return = workInProgress;
+        _primaryChildFragment2.sibling = _fallbackChildFragment2;
         _fallbackChildFragment2.effectTag |= Placement;
         child = _primaryChildFragment2;
         _primaryChildFragment2.childExpirationTime = NoWork;
         // Skip the primary children, and continue working on the
         // fallback children.
         next = _fallbackChildFragment2;
-        child.return = next.return = workInProgress;
       } else {
         // Still haven't timed out.  Continue rendering the children, like we
         // normally do.
@@ -13406,7 +14462,9 @@ function retrySuspenseComponentWithoutHydrating(
   (function() {
     if (!(returnFiber !== null)) {
       throw ReactError(
-        "Suspense boundaries are never on the root. This is probably a bug in React."
+        Error(
+          "Suspense boundaries are never on the root. This is probably a bug in React."
+        )
       );
     }
   })();
@@ -13420,6 +14478,8 @@ function retrySuspenseComponentWithoutHydrating(
   current$$1.nextEffect = null;
   current$$1.effectTag = Deletion;
 
+  popSuspenseContext(workInProgress);
+
   // Upgrade this work in progress to a real Suspense component.
   workInProgress.tag = SuspenseComponent;
   workInProgress.stateNode = null;
@@ -13435,6 +14495,10 @@ function updateDehydratedSuspenseComponent(
   workInProgress,
   renderExpirationTime
 ) {
+  pushSuspenseContext(
+    workInProgress,
+    setDefaultShallowSuspenseContext(suspenseStackCursor.current)
+  );
   var suspenseInstance = workInProgress.stateNode;
   if (current$$1 === null) {
     // During the first pass, we'll bail out and not drill into the children.
@@ -13461,12 +14525,18 @@ function updateDehydratedSuspenseComponent(
     }
     return null;
   }
+
   if ((workInProgress.effectTag & DidCapture) !== NoEffect) {
     // Something suspended. Leave the existing children in place.
     // TODO: In non-concurrent mode, should we commit the nodes we have hydrated so far?
     workInProgress.child = null;
     return null;
   }
+
+  // We should never be hydrating at this point because it is the first pass,
+  // but after we've already committed once.
+  warnIfHydrating();
+
   if (isSuspenseInstanceFallback(suspenseInstance)) {
     // 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
@@ -13527,6 +14597,382 @@ function updateDehydratedSuspenseComponent(
   }
 }
 
+function propagateSuspenseContextChange(
+  workInProgress,
+  firstChild,
+  renderExpirationTime
+) {
+  // 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) {
+        if (node.expirationTime < renderExpirationTime) {
+          node.expirationTime = renderExpirationTime;
+        }
+        var alternate = node.alternate;
+        if (
+          alternate !== null &&
+          alternate.expirationTime < renderExpirationTime
+        ) {
+          alternate.expirationTime = renderExpirationTime;
+        }
+        scheduleWorkOnParentPath(node.return, renderExpirationTime);
+      }
+    } 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;
+      }
+      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": {
+            warning$1(
+              false,
+              '"%s" is not a valid value for revealOrder on <SuspenseList />. ' +
+                'Use lowercase "%s" instead.',
+              revealOrder,
+              revealOrder.toLowerCase()
+            );
+            break;
+          }
+          case "forward":
+          case "backward": {
+            warning$1(
+              false,
+              '"%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:
+            warning$1(
+              false,
+              '"%s" is not a supported revealOrder on <SuspenseList />. ' +
+                'Did you mean "together", "forwards" or "backwards"?',
+              revealOrder
+            );
+            break;
+        }
+      } else {
+        warning$1(
+          false,
+          "%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;
+        warning$1(
+          false,
+          '"%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;
+        warning$1(
+          false,
+          '<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 isArray = Array.isArray(childSlot);
+    var isIterable = !isArray && typeof getIteratorFn(childSlot) === "function";
+    if (isArray || isIterable) {
+      var type = isArray ? "array" : "iterable";
+      warning$1(
+        false,
+        "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 (Array.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 {
+          warning$1(
+            false,
+            '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,
+      last: lastContentRow,
+      tail: tail,
+      tailExpiration: 0,
+      tailMode: tailMode
+    };
+  } else {
+    // We can reuse the existing object from previous renders.
+    renderState.isBackwards = isBackwards;
+    renderState.rendering = null;
+    renderState.last = lastContentRow;
+    renderState.tail = tail;
+    renderState.tailExpiration = 0;
+    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$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  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$$1,
+    workInProgress,
+    newChildren,
+    renderExpirationTime
+  );
+
+  var suspenseContext = suspenseStackCursor.current;
+
+  var shouldForceFallback = hasSuspenseContext(
+    suspenseContext,
+    ForceSuspenseFallback
+  );
+  if (shouldForceFallback) {
+    suspenseContext = setShallowSuspenseContext(
+      suspenseContext,
+      ForceSuspenseFallback
+    );
+    workInProgress.effectTag |= DidCapture;
+  } else {
+    var didSuspendBefore =
+      current$$1 !== null && (current$$1.effectTag & DidCapture) !== NoEffect;
+    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,
+        renderExpirationTime
+      );
+    }
+    suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
+  }
+  pushSuspenseContext(workInProgress, suspenseContext);
+
+  if ((workInProgress.mode & BatchedMode) === NoMode) {
+    // Outside of batched 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 = void 0;
+        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$$1,
   workInProgress,
@@ -13690,11 +15136,15 @@ function updateContextConsumer(
   return workInProgress.child;
 }
 
-function updateEventComponent$1(
+function updateFundamentalComponent$1(
   current$$1,
   workInProgress,
   renderExpirationTime
 ) {
+  var fundamentalImpl = workInProgress.type.impl;
+  if (fundamentalImpl.reconcileChildren === false) {
+    return null;
+  }
   var nextProps = workInProgress.pendingProps;
   var nextChildren = nextProps.children;
 
@@ -13704,38 +15154,6 @@ function updateEventComponent$1(
     nextChildren,
     renderExpirationTime
   );
-  pushHostContextForEventComponent(workInProgress);
-  return workInProgress.child;
-}
-
-function updateEventTarget(current$$1, workInProgress, renderExpirationTime) {
-  var type = workInProgress.type.type;
-  var nextProps = workInProgress.pendingProps;
-  var eventTargetChild = getEventTargetChildElement(type, nextProps);
-
-  {
-    !(nextProps.children == null)
-      ? warning$1(false, "Event targets should not have children.")
-      : void 0;
-  }
-  if (eventTargetChild !== null) {
-    var child = (workInProgress.child = createFiberFromTypeAndProps(
-      eventTargetChild.type,
-      null,
-      eventTargetChild.props,
-      null,
-      workInProgress.mode,
-      renderExpirationTime
-    ));
-    child.return = workInProgress;
-
-    if (current$$1 === null || current$$1.child === null) {
-      child.effectTag = Placement;
-    }
-  } else {
-    reconcileChildren(current$$1, workInProgress, null, renderExpirationTime);
-  }
-  pushHostContextForEventTarget(workInProgress);
   return workInProgress.child;
 }
 
@@ -13751,8 +15169,8 @@ function bailoutOnAlreadyFinishedWork(
   cancelWorkTimer(workInProgress);
 
   if (current$$1 !== null) {
-    // Reuse previous context list
-    workInProgress.contextDependencies = current$$1.contextDependencies;
+    // Reuse previous dependencies
+    workInProgress.dependencies = current$$1.dependencies;
   }
 
   if (enableProfilerTimer) {
@@ -13775,14 +15193,91 @@ function bailoutOnAlreadyFinishedWork(
   }
 }
 
+function remountFiber(current$$1, oldWorkInProgress, newWorkInProgress) {
+  {
+    var returnFiber = oldWorkInProgress.return;
+    if (returnFiber === null) {
+      throw new Error("Cannot swap the root fiber.");
+    }
+
+    // Disconnect from the old current.
+    // It will get deleted.
+    current$$1.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) {
+        throw new Error("Expected parent to have a child.");
+      }
+      while (prevSibling.sibling !== oldWorkInProgress) {
+        prevSibling = prevSibling.sibling;
+        if (prevSibling === null) {
+          throw new Error("Expected to find the previous sibling.");
+        }
+      }
+      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 last = returnFiber.lastEffect;
+    if (last !== null) {
+      last.nextEffect = current$$1;
+      returnFiber.lastEffect = current$$1;
+    } else {
+      returnFiber.firstEffect = returnFiber.lastEffect = current$$1;
+    }
+    current$$1.nextEffect = null;
+    current$$1.effectTag = Deletion;
+
+    newWorkInProgress.effectTag |= Placement;
+
+    // Restart work from the new fiber.
+    return newWorkInProgress;
+  }
+}
+
 function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
   var updateExpirationTime = workInProgress.expirationTime;
 
+  {
+    if (workInProgress._debugNeedsRemount && current$$1 !== null) {
+      // This will restart the begin phase with a new fiber.
+      return remountFiber(
+        current$$1,
+        workInProgress,
+        createFiberFromTypeAndProps(
+          workInProgress.type,
+          workInProgress.key,
+          workInProgress.pendingProps,
+          workInProgress._debugOwner || null,
+          workInProgress.mode,
+          workInProgress.expirationTime
+        )
+      );
+    }
+  }
+
   if (current$$1 !== null) {
     var oldProps = current$$1.memoizedProps;
     var newProps = workInProgress.pendingProps;
 
-    if (oldProps !== newProps || hasContextChanged()) {
+    if (
+      oldProps !== newProps ||
+      hasContextChanged() ||
+      // Force a re-render if the implementation changed due to hot reload:
+      workInProgress.type !== current$$1.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;
@@ -13798,6 +15293,18 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
           break;
         case HostComponent:
           pushHostContext(workInProgress);
+          if (
+            workInProgress.mode & ConcurrentMode &&
+            renderExpirationTime !== Never &&
+            shouldDeprioritizeSubtree(workInProgress.type, newProps)
+          ) {
+            if (enableSchedulerTracing) {
+              markSpawnedWork(Never);
+            }
+            // Schedule this fiber to re-render at offscreen priority. Then bailout.
+            workInProgress.expirationTime = workInProgress.childExpirationTime = Never;
+            return null;
+          }
           break;
         case ClassComponent: {
           var Component = workInProgress.type;
@@ -13844,6 +15351,10 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
                 renderExpirationTime
               );
             } else {
+              pushSuspenseContext(
+                workInProgress,
+                setDefaultShallowSuspenseContext(suspenseStackCursor.current)
+              );
               // The primary children do not have pending work with sufficient
               // priority. Bailout.
               var child = bailoutOnAlreadyFinishedWork(
@@ -13859,11 +15370,20 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
                 return null;
               }
             }
+          } else {
+            pushSuspenseContext(
+              workInProgress,
+              setDefaultShallowSuspenseContext(suspenseStackCursor.current)
+            );
           }
           break;
         }
         case DehydratedSuspenseComponent: {
           if (enableSuspenseServerRenderer) {
+            pushSuspenseContext(
+              workInProgress,
+              setDefaultShallowSuspenseContext(suspenseStackCursor.current)
+            );
             // We know that this component will suspend again because if it has
             // been unsuspended it has committed as a regular Suspense component.
             // If it needs to be retried, it should have work scheduled on it.
@@ -13871,18 +15391,54 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
           }
           break;
         }
-        case EventComponent:
-          if (enableEventAPI) {
-            pushHostContextForEventComponent(workInProgress);
+        case SuspenseListComponent: {
+          var didSuspendBefore =
+            (current$$1.effectTag & DidCapture) !== NoEffect;
+
+          var hasChildWork =
+            workInProgress.childExpirationTime >= renderExpirationTime;
+
+          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$$1,
+                workInProgress,
+                renderExpirationTime
+              );
+            }
+            // 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.effectTag |= DidCapture;
           }
-          break;
-        case EventTarget: {
-          if (enableEventAPI) {
-            pushHostContextForEventTarget(workInProgress);
+
+          // 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;
           }
-          break;
-        }
-      }
+          pushSuspenseContext(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;
+          }
+        }
+      }
       return bailoutOnAlreadyFinishedWork(
         current$$1,
         workInProgress,
@@ -13898,20 +15454,19 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
 
   switch (workInProgress.tag) {
     case IndeterminateComponent: {
-      var elementType = workInProgress.elementType;
       return mountIndeterminateComponent(
         current$$1,
         workInProgress,
-        elementType,
+        workInProgress.type,
         renderExpirationTime
       );
     }
     case LazyComponent: {
-      var _elementType = workInProgress.elementType;
+      var elementType = workInProgress.elementType;
       return mountLazyComponent(
         current$$1,
         workInProgress,
-        _elementType,
+        elementType,
         updateExpirationTime,
         renderExpirationTime
       );
@@ -14065,19 +15620,16 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
       }
       break;
     }
-    case EventComponent: {
-      if (enableEventAPI) {
-        return updateEventComponent$1(
-          current$$1,
-          workInProgress,
-          renderExpirationTime
-        );
-      }
-      break;
+    case SuspenseListComponent: {
+      return updateSuspenseListComponent(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
     }
-    case EventTarget: {
-      if (enableEventAPI) {
-        return updateEventTarget(
+    case FundamentalComponent: {
+      if (enableFundamentalAPI) {
+        return updateFundamentalComponent$1(
           current$$1,
           workInProgress,
           renderExpirationTime
@@ -14089,12 +15641,28 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
   (function() {
     {
       throw ReactError(
-        "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     }
   })();
 }
 
+function createFundamentalStateInstance(currentFiber, props, impl, state) {
+  return {
+    currentFiber: currentFiber,
+    impl: impl,
+    instance: null,
+    prevProps: null,
+    props: props,
+    state: state
+  };
+}
+
+var emptyObject$1 = {};
+var isArray$2 = Array.isArray;
+
 function markUpdate(workInProgress) {
   // Tag the fiber with an update effect. This turns a Placement into
   // a PlacementAndUpdate.
@@ -14124,6 +15692,8 @@ if (supportsMutation) {
     while (node !== null) {
       if (node.tag === HostComponent || node.tag === HostText) {
         appendInitialChild(parent, node.stateNode);
+      } else if (enableFundamentalAPI && node.tag === FundamentalComponent) {
+        appendInitialChild(parent, node.stateNode.instance);
       } else if (node.tag === HostPortal) {
         // If we have a portal child, then we don't want to traverse
         // down its children. Instead, we'll get insertions from each child in
@@ -14228,6 +15798,15 @@ if (supportsMutation) {
           _instance = cloneHiddenTextInstance(_instance, text, node);
         }
         appendInitialChild(parent, _instance);
+      } else if (enableFundamentalAPI && node.tag === FundamentalComponent) {
+        var _instance2 = node.stateNode.instance;
+        if (needsVisibilityToggle && isHidden) {
+          // This child is inside a timed out tree. Hide it.
+          var _props = node.memoizedProps;
+          var _type = node.type;
+          _instance2 = cloneHiddenInstance(_instance2, _type, _props, node);
+        }
+        appendInitialChild(parent, _instance2);
       } else if (node.tag === HostPortal) {
         // If we have a portal child, then we don't want to traverse
         // down its children. Instead, we'll get insertions from each child in
@@ -14306,13 +15885,22 @@ if (supportsMutation) {
         }
         appendChildToContainerChildSet(containerChildSet, instance);
       } else if (node.tag === HostText) {
-        var _instance2 = node.stateNode;
+        var _instance3 = node.stateNode;
         if (needsVisibilityToggle && isHidden) {
           // This child is inside a timed out tree. Hide it.
           var text = node.memoizedProps;
-          _instance2 = cloneHiddenTextInstance(_instance2, text, node);
+          _instance3 = cloneHiddenTextInstance(_instance3, text, node);
         }
-        appendChildToContainerChildSet(containerChildSet, _instance2);
+        appendChildToContainerChildSet(containerChildSet, _instance3);
+      } else if (enableFundamentalAPI && node.tag === FundamentalComponent) {
+        var _instance4 = node.stateNode.instance;
+        if (needsVisibilityToggle && isHidden) {
+          // This child is inside a timed out tree. Hide it.
+          var _props2 = node.memoizedProps;
+          var _type2 = node.type;
+          _instance4 = cloneHiddenInstance(_instance4, _type2, _props2, node);
+        }
+        appendChildToContainerChildSet(containerChildSet, _instance4);
       } else if (node.tag === HostPortal) {
         // If we have a portal child, then we don't want to traverse
         // down its children. Instead, we'll get insertions from each child in
@@ -14488,6 +16076,69 @@ if (supportsMutation) {
   };
 }
 
+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 completeWork(current, workInProgress, renderExpirationTime) {
   var newProps = workInProgress.pendingProps;
 
@@ -14538,6 +16189,20 @@ function completeWork(current, workInProgress, renderExpirationTime) {
           rootContainerInstance
         );
 
+        if (enableFlareAPI) {
+          var prevListeners = current.memoizedProps.listeners;
+          var nextListeners = newProps.listeners;
+          var instance = workInProgress.stateNode;
+          if (prevListeners !== nextListeners) {
+            updateEventListeners(
+              nextListeners,
+              instance,
+              rootContainerInstance,
+              workInProgress
+            );
+          }
+        }
+
         if (current.ref !== workInProgress.ref) {
           markRef$1(workInProgress);
         }
@@ -14546,7 +16211,9 @@ function completeWork(current, workInProgress, renderExpirationTime) {
           (function() {
             if (!(workInProgress.stateNode !== null)) {
               throw ReactError(
-                "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+                Error(
+                  "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+                )
               );
             }
           })();
@@ -14574,8 +16241,20 @@ function completeWork(current, workInProgress, renderExpirationTime) {
             // commit-phase we mark this as such.
             markUpdate(workInProgress);
           }
+          if (enableFlareAPI) {
+            var _instance5 = workInProgress.stateNode;
+            var listeners = newProps.listeners;
+            if (listeners != null) {
+              updateEventListeners(
+                listeners,
+                _instance5,
+                rootContainerInstance,
+                workInProgress
+              );
+            }
+          }
         } else {
-          var instance = createInstance(
+          var _instance6 = createInstance(
             type,
             newProps,
             rootContainerInstance,
@@ -14583,14 +16262,26 @@ function completeWork(current, workInProgress, renderExpirationTime) {
             workInProgress
           );
 
-          appendAllChildren(instance, workInProgress, false, false);
+          appendAllChildren(_instance6, workInProgress, false, false);
+
+          if (enableFlareAPI) {
+            var _listeners = newProps.listeners;
+            if (_listeners != null) {
+              updateEventListeners(
+                _listeners,
+                _instance6,
+                rootContainerInstance,
+                workInProgress
+              );
+            }
+          }
 
           // 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(
-              instance,
+              _instance6,
               type,
               newProps,
               rootContainerInstance,
@@ -14599,7 +16290,7 @@ function completeWork(current, workInProgress, renderExpirationTime) {
           ) {
             markUpdate(workInProgress);
           }
-          workInProgress.stateNode = instance;
+          workInProgress.stateNode = _instance6;
         }
 
         if (workInProgress.ref !== null) {
@@ -14621,7 +16312,9 @@ function completeWork(current, workInProgress, renderExpirationTime) {
           (function() {
             if (!(workInProgress.stateNode !== null)) {
               throw ReactError(
-                "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+                Error(
+                  "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+                )
               );
             }
           })();
@@ -14648,6 +16341,7 @@ function completeWork(current, workInProgress, renderExpirationTime) {
     case ForwardRef:
       break;
     case SuspenseComponent: {
+      popSuspenseContext(workInProgress);
       var nextState = workInProgress.memoizedState;
       if ((workInProgress.effectTag & DidCapture) !== NoEffect) {
         // Something suspended. Re-render with the fallback children.
@@ -14668,15 +16362,8 @@ function completeWork(current, workInProgress, renderExpirationTime) {
         prevDidTimeout = prevState !== null;
         if (!nextDidTimeout && prevState !== null) {
           // We just switched from the fallback to the normal children.
-
-          // Mark the event time of the switching from fallback to normal children,
-          // based on the start of when we first showed the fallback. This time
-          var fallbackExpirationTime = prevState.fallbackExpirationTime;
-          markRenderEventTime(fallbackExpirationTime);
-
           // Delete the fallback.
           // TODO: Would it be better to store the fallback fragment on
-          // the stateNode during the begin phase?
           var currentFallbackChild = current.child.sibling;
           if (currentFallbackChild !== null) {
             // Deletions go at the beginning of the return fiber's effect list
@@ -14694,13 +16381,37 @@ function completeWork(current, workInProgress, renderExpirationTime) {
       }
 
       if (nextDidTimeout && !prevDidTimeout) {
-        // If this subtreee is running in concurrent mode we can suspend,
+        // If this subtreee is running in batched mode we can suspend,
         // otherwise we won't suspend.
         // 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) !== NoContext) {
-          renderDidSuspend();
+        if ((workInProgress.mode & BatchedMode) !== 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;
+          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();
+          }
         }
       }
 
@@ -14724,6 +16435,14 @@ function completeWork(current, workInProgress, renderExpirationTime) {
           workInProgress.effectTag |= Update;
         }
       }
+      if (
+        enableSuspenseCallback &&
+        workInProgress.updateQueue !== null &&
+        workInProgress.memoizedProps.suspenseCallback != null
+      ) {
+        // Always notify the callback
+        workInProgress.effectTag |= Update;
+      }
       break;
     }
     case Fragment:
@@ -14755,78 +16474,275 @@ function completeWork(current, workInProgress, renderExpirationTime) {
     }
     case DehydratedSuspenseComponent: {
       if (enableSuspenseServerRenderer) {
+        popSuspenseContext(workInProgress);
         if (current === null) {
           var _wasHydrated2 = popHydrationState(workInProgress);
           (function() {
             if (!_wasHydrated2) {
               throw ReactError(
-                "A dehydrated suspense component was completed without a hydrated node. This is probably a bug in React."
+                Error(
+                  "A dehydrated suspense component was completed without a hydrated node. This is probably a bug in React."
+                )
               );
             }
           })();
+          if (enableSchedulerTracing) {
+            markSpawnedWork(Never);
+          }
           skipPastDehydratedSuspenseInstance(workInProgress);
-        } else if ((workInProgress.effectTag & DidCapture) === NoEffect) {
-          // This boundary did not suspend so it's now hydrated.
-          // To handle any future suspense cases, we're going to now upgrade it
-          // to a Suspense component. We detach it from the existing current fiber.
-          current.alternate = null;
-          workInProgress.alternate = null;
-          workInProgress.tag = SuspenseComponent;
-          workInProgress.memoizedState = null;
-          workInProgress.stateNode = null;
+        } else {
+          // We should never have been in a hydration state if we didn't have a current.
+          // However, in some of those paths, we might have reentered a hydration state
+          // and then we might be inside a hydration state. In that case, we'll need to
+          // exit out of it.
+          resetHydrationState();
+          if ((workInProgress.effectTag & DidCapture) === NoEffect) {
+            // This boundary did not suspend so it's now hydrated.
+            // To handle any future suspense cases, we're going to now upgrade it
+            // to a Suspense component. We detach it from the existing current fiber.
+            current.alternate = null;
+            workInProgress.alternate = null;
+            workInProgress.tag = SuspenseComponent;
+            workInProgress.memoizedState = null;
+            workInProgress.stateNode = null;
+          }
         }
       }
       break;
     }
-    case EventComponent: {
-      if (enableEventAPI) {
-        popHostContext(workInProgress);
-        var _rootContainerInstance2 = getRootHostContainer();
-        var responder = workInProgress.type.responder;
-        var eventComponentInstance = workInProgress.stateNode;
-
-        if (eventComponentInstance === null) {
-          var responderState = null;
-          if (responder.createInitialState !== undefined) {
-            responderState = responder.createInitialState(newProps);
+    case SuspenseListComponent: {
+      popSuspenseContext(workInProgress);
+
+      var renderState = workInProgress.memoizedState;
+
+      if (renderState === null) {
+        // We're running in the default, "independent" mode. We don't do anything
+        // in this mode.
+        break;
+      }
+
+      var didSuspendAlready =
+        (workInProgress.effectTag & DidCapture) !== NoEffect;
+
+      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.effectTag & DidCapture) === NoEffect);
+          if (!cannotBeSuspended) {
+            var row = workInProgress.child;
+            while (row !== null) {
+              var suspended = findFirstSuspended(row);
+              if (suspended !== null) {
+                didSuspendAlready = true;
+                workInProgress.effectTag |= 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 thennables. Instead, we'll transfer its thennables 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 newThennables = suspended.updateQueue;
+                if (newThennables !== null) {
+                  workInProgress.updateQueue = newThennables;
+                  workInProgress.effectTag |= Update;
+                }
+
+                // Rerender the whole list, but this time, we'll force fallbacks
+                // to stay in place.
+                // Reset the effect list before doing the second pass since that's now invalid.
+                workInProgress.firstEffect = workInProgress.lastEffect = null;
+                // Reset the child fibers to their original state.
+                resetChildFibers(workInProgress, renderExpirationTime);
+
+                // Set up the Suspense Context to force suspense and immediately
+                // rerender the children.
+                pushSuspenseContext(
+                  workInProgress,
+                  setShallowSuspenseContext(
+                    suspenseStackCursor.current,
+                    ForceSuspenseFallback
+                  )
+                );
+                return workInProgress.child;
+              }
+              row = row.sibling;
+            }
           }
-          eventComponentInstance = workInProgress.stateNode = {
-            currentFiber: workInProgress,
-            props: newProps,
-            responder: responder,
-            rootEventTypes: null,
-            rootInstance: _rootContainerInstance2,
-            state: responderState
-          };
-          markUpdate(workInProgress);
         } else {
-          // Update the props on the event component state node
-          eventComponentInstance.props = newProps;
-          // Update the root container, so we can properly unmount events at some point
-          eventComponentInstance.rootInstance = _rootContainerInstance2;
-          // Update the current fiber
-          eventComponentInstance.currentFiber = workInProgress;
-          updateEventComponent(eventComponentInstance);
+          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.effectTag |= DidCapture;
+            didSuspendAlready = true;
+            cutOffTailIfNeeded(renderState, true);
+            // This might have been modified.
+            if (
+              renderState.tail === null &&
+              renderState.tailMode === "hidden"
+            ) {
+              // We need to delete the row we just rendered.
+              // Ensure we transfer the update queue to the parent.
+              var _newThennables = _suspended.updateQueue;
+              if (_newThennables !== null) {
+                workInProgress.updateQueue = _newThennables;
+                workInProgress.effectTag |= Update;
+              }
+              // Reset the effect list to what it w as before we rendered this
+              // child. The nested children have already appended themselves.
+              var lastEffect = (workInProgress.lastEffect =
+                renderState.lastEffect);
+              // Remove any effects that were appended after this point.
+              if (lastEffect !== null) {
+                lastEffect.nextEffect = null;
+              }
+              // We're done.
+              return null;
+            }
+          } else if (
+            now() > renderState.tailExpiration &&
+            renderExpirationTime > Never
+          ) {
+            // 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.effectTag |= 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. If we can show
+            // them, then they really have the same priority as this render.
+            // So we'll pick it back up the very next render pass once we've had
+            // an opportunity to yield for paint.
+
+            var nextPriority = renderExpirationTime - 1;
+            workInProgress.expirationTime = workInProgress.childExpirationTime = nextPriority;
+            if (enableSchedulerTracing) {
+              markSpawnedWork(nextPriority);
+            }
+          }
+        }
+        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.
+        if (renderState.tailExpiration === 0) {
+          // Heuristic for how long we're willing to spend rendering rows
+          // until we just give up and show what we have so far.
+          var TAIL_EXPIRATION_TIMEOUT_MS = 500;
+          renderState.tailExpiration = now() + TAIL_EXPIRATION_TIMEOUT_MS;
+        }
+        // Pop a row.
+        var next = renderState.tail;
+        renderState.rendering = next;
+        renderState.tail = next.sibling;
+        renderState.lastEffect = workInProgress.lastEffect;
+        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 = setShallowSuspenseContext(
+            suspenseContext,
+            ForceSuspenseFallback
+          );
+        } else {
+          suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
         }
+        pushSuspenseContext(workInProgress, suspenseContext);
+        // Do a pass over the next row.
+        return next;
       }
       break;
     }
-    case EventTarget: {
-      if (enableEventAPI) {
-        popHostContext(workInProgress);
-        var _type = workInProgress.type.type;
-        var _rootContainerInstance3 = getRootHostContainer();
-        var shouldUpdate = handleEventTarget(
-          _type,
-          newProps,
-          _rootContainerInstance3,
-          workInProgress
-        );
-        // Update the latest props on the stateNode. This is used
-        // during the event phase to find the most current props.
-        workInProgress.stateNode.props = newProps;
-        if (shouldUpdate) {
-          markUpdate(workInProgress);
+    case FundamentalComponent: {
+      if (enableFundamentalAPI) {
+        var fundamentalImpl = workInProgress.type.impl;
+        var fundamentalInstance = workInProgress.stateNode;
+
+        if (fundamentalInstance === null) {
+          var getInitialState = fundamentalImpl.getInitialState;
+          var fundamentalState = void 0;
+          if (getInitialState !== undefined) {
+            fundamentalState = getInitialState(newProps);
+          }
+          fundamentalInstance = workInProgress.stateNode = createFundamentalStateInstance(
+            workInProgress,
+            newProps,
+            fundamentalImpl,
+            fundamentalState || {}
+          );
+          var _instance7 = getFundamentalComponentInstance(fundamentalInstance);
+          fundamentalInstance.instance = _instance7;
+          if (fundamentalImpl.reconcileChildren === false) {
+            return null;
+          }
+          appendAllChildren(_instance7, workInProgress, false, false);
+          mountFundamentalComponent(fundamentalInstance);
+        } else {
+          // We fire update in commit phase
+          var prevProps = fundamentalInstance.props;
+          fundamentalInstance.prevProps = prevProps;
+          fundamentalInstance.props = newProps;
+          fundamentalInstance.currentFiber = workInProgress;
+          if (supportsPersistence) {
+            var _instance8 = cloneFundamentalInstance(fundamentalInstance);
+            fundamentalInstance.instance = _instance8;
+            appendAllChildren(_instance8, workInProgress, false, false);
+          }
+          var shouldUpdate = shouldUpdateFundamentalComponent(
+            fundamentalInstance
+          );
+          if (shouldUpdate) {
+            markUpdate(workInProgress);
+          }
         }
       }
       break;
@@ -14835,7 +16751,9 @@ function completeWork(current, workInProgress, renderExpirationTime) {
       (function() {
         {
           throw ReactError(
-            "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+            Error(
+              "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+            )
           );
         }
       })();
@@ -14844,119 +16762,355 @@ function completeWork(current, workInProgress, renderExpirationTime) {
   return null;
 }
 
-function shouldCaptureSuspense(workInProgress) {
-  // In order to capture, the Suspense component must have a fallback prop.
-  if (workInProgress.memoizedProps.fallback === undefined) {
-    return false;
-  }
-  // 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 nextState === null;
-}
-
-function createCapturedValue(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)
-  };
+function mountEventResponder$1(
+  responder,
+  responderProps,
+  instance,
+  rootContainerInstance,
+  fiber,
+  respondersMap
+) {
+  var responderState = emptyObject$1;
+  var getInitialState = responder.getInitialState;
+  if (getInitialState !== null) {
+    responderState = getInitialState(responderProps);
+  }
+  var responderInstance = createResponderInstance(
+    responder,
+    responderProps,
+    responderState,
+    instance,
+    fiber
+  );
+  mountResponderInstance(
+    responder,
+    responderInstance,
+    responderProps,
+    responderState,
+    instance,
+    rootContainerInstance
+  );
+  respondersMap.set(responder, responderInstance);
 }
 
-// Module provided by RN:
-/**
- * Intercept lifecycle errors and ensure they are shown with the correct stack
- * trace within the native redbox component.
- */
-function showErrorDialog(capturedError) {
-  var componentStack = capturedError.componentStack,
-    error = capturedError.error;
-
-  var errorToHandle = void 0;
-
-  // Typically Errors are thrown but eg strings or null can be thrown as well.
-  if (error instanceof Error) {
-    var message = error.message,
-      name = error.name;
-
-    var summary = message ? name + ": " + message : name;
+function updateEventListener(
+  listener,
+  fiber,
+  visistedResponders,
+  respondersMap,
+  instance,
+  rootContainerInstance
+) {
+  var responder = void 0;
+  var props = void 0;
 
-    errorToHandle = error;
+  if (listener) {
+    responder = listener.responder;
+    props = listener.props;
+  }
+  (function() {
+    if (!(responder && responder.$$typeof === REACT_RESPONDER_TYPE)) {
+      throw ReactError(
+        Error(
+          "An invalid value was used as an event listener. Expect one or many event listeners created via React.unstable_useResponer()."
+        )
+      );
+    }
+  })();
+  var listenerProps = props;
+  if (visistedResponders.has(responder)) {
+    // show warning
+    {
+      warning$1(
+        false,
+        'Duplicate event responder "%s" found in event listeners. ' +
+          "Event listeners passed to elements cannot use the same event responder more than once.",
+        responder.displayName
+      );
+    }
+    return;
+  }
+  visistedResponders.add(responder);
+  var responderInstance = respondersMap.get(responder);
 
-    try {
-      errorToHandle.message =
-        summary + "\n\nThis error is located at:" + componentStack;
-    } catch (e) {}
-  } else if (typeof error === "string") {
-    errorToHandle = new Error(
-      error + "\n\nThis error is located at:" + componentStack
+  if (responderInstance === undefined) {
+    // Mount
+    mountEventResponder$1(
+      responder,
+      listenerProps,
+      instance,
+      rootContainerInstance,
+      fiber,
+      respondersMap
     );
   } else {
-    errorToHandle = new Error("Unspecified error at:" + componentStack);
+    // Update
+    responderInstance.props = listenerProps;
+    responderInstance.fiber = fiber;
   }
-
-  ExceptionsManager.handleException(errorToHandle, false);
-
-  // Return false here to prevent ReactFiberErrorLogger default behavior of
-  // logging error details to console.error. Calls to console.error are
-  // automatically routed to the native redbox controller, which we've already
-  // done above by calling ExceptionsManager.
-  return false;
 }
 
-function logCapturedError(capturedError) {
-  var logError = showErrorDialog(capturedError);
-
-  // Allow injected showErrorDialog() to prevent default console.error logging.
-  // This enables renderers like ReactNative to better manage redbox behavior.
-  if (logError === false) {
-    return;
+function updateEventListeners(
+  listeners,
+  instance,
+  rootContainerInstance,
+  fiber
+) {
+  var visistedResponders = new Set();
+  var dependencies = fiber.dependencies;
+  if (listeners != null) {
+    if (dependencies === null) {
+      dependencies = fiber.dependencies = {
+        expirationTime: NoWork,
+        firstContext: null,
+        responders: new Map()
+      };
+    }
+    var respondersMap = dependencies.responders;
+    if (respondersMap === null) {
+      respondersMap = new Map();
+    }
+    if (isArray$2(listeners)) {
+      for (var i = 0, length = listeners.length; i < length; i++) {
+        var listener = listeners[i];
+        updateEventListener(
+          listener,
+          fiber,
+          visistedResponders,
+          respondersMap,
+          instance,
+          rootContainerInstance
+        );
+      }
+    } else {
+      updateEventListener(
+        listeners,
+        fiber,
+        visistedResponders,
+        respondersMap,
+        instance,
+        rootContainerInstance
+      );
+    }
   }
-
-  var error = capturedError.error;
-  {
-    var componentName = capturedError.componentName,
-      componentStack = capturedError.componentStack,
-      errorBoundaryName = capturedError.errorBoundaryName,
-      errorBoundaryFound = capturedError.errorBoundaryFound,
-      willRetry = capturedError.willRetry;
-
-    // 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 (errorBoundaryFound && willRetry) {
-        // 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;
+  if (dependencies !== null) {
+    var _respondersMap = dependencies.responders;
+    if (_respondersMap !== null) {
+      // Unmount
+      var mountedResponders = Array.from(_respondersMap.keys());
+      for (var _i = 0, _length = mountedResponders.length; _i < _length; _i++) {
+        var mountedResponder = mountedResponders[_i];
+        if (!visistedResponders.has(mountedResponder)) {
+          var responderInstance = _respondersMap.get(mountedResponder);
+          unmountResponderInstance(responderInstance);
+          _respondersMap.delete(mountedResponder);
+        }
       }
-      // 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);
-      // For a more detailed description of this block, see:
-      // https://github.com/facebook/react/pull/13384
     }
+  }
+}
 
-    var componentNameMessage = componentName
-      ? "The above error occurred in the <" + componentName + "> component:"
-      : "The above error occurred in one of your React components:";
-
-    var errorBoundaryMessage = void 0;
-    // errorBoundaryFound check is sufficient; errorBoundaryName check is to satisfy Flow.
-    if (errorBoundaryFound && errorBoundaryName) {
-      if (willRetry) {
-        errorBoundaryMessage =
-          "React will try to recreate this component tree from scratch " +
-          ("using the error boundary you provided, " + errorBoundaryName + ".");
-      } else {
-        errorBoundaryMessage =
-          "This error was initially handled by the error boundary " +
+function unwindWork(workInProgress, renderExpirationTime) {
+  switch (workInProgress.tag) {
+    case ClassComponent: {
+      var Component = workInProgress.type;
+      if (isContextProvider(Component)) {
+        popContext(workInProgress);
+      }
+      var effectTag = workInProgress.effectTag;
+      if (effectTag & ShouldCapture) {
+        workInProgress.effectTag = (effectTag & ~ShouldCapture) | DidCapture;
+        return workInProgress;
+      }
+      return null;
+    }
+    case HostRoot: {
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      var _effectTag = workInProgress.effectTag;
+      (function() {
+        if (!((_effectTag & DidCapture) === NoEffect)) {
+          throw ReactError(
+            Error(
+              "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
+            )
+          );
+        }
+      })();
+      workInProgress.effectTag = (_effectTag & ~ShouldCapture) | DidCapture;
+      return workInProgress;
+    }
+    case HostComponent: {
+      // TODO: popHydrationState
+      popHostContext(workInProgress);
+      return null;
+    }
+    case SuspenseComponent: {
+      popSuspenseContext(workInProgress);
+      var _effectTag2 = workInProgress.effectTag;
+      if (_effectTag2 & ShouldCapture) {
+        workInProgress.effectTag = (_effectTag2 & ~ShouldCapture) | DidCapture;
+        // Captured a suspense effect. Re-render the boundary.
+        return workInProgress;
+      }
+      return null;
+    }
+    case DehydratedSuspenseComponent: {
+      if (enableSuspenseServerRenderer) {
+        popSuspenseContext(workInProgress);
+        if (workInProgress.alternate === null) {
+          // TODO: popHydrationState
+        } else {
+          resetHydrationState();
+        }
+        var _effectTag3 = workInProgress.effectTag;
+        if (_effectTag3 & ShouldCapture) {
+          workInProgress.effectTag =
+            (_effectTag3 & ~ShouldCapture) | DidCapture;
+          // Captured a suspense effect. Re-render the boundary.
+          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.
+      return null;
+    }
+    case HostPortal:
+      popHostContainer(workInProgress);
+      return null;
+    case ContextProvider:
+      popProvider(workInProgress);
+      return null;
+    default:
+      return null;
+  }
+}
+
+function unwindInterruptedWork(interruptedWork) {
+  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 HostComponent: {
+      popHostContext(interruptedWork);
+      break;
+    }
+    case HostPortal:
+      popHostContainer(interruptedWork);
+      break;
+    case SuspenseComponent:
+      popSuspenseContext(interruptedWork);
+      break;
+    case DehydratedSuspenseComponent:
+      if (enableSuspenseServerRenderer) {
+        popSuspenseContext(interruptedWork);
+      }
+      break;
+    case SuspenseListComponent:
+      popSuspenseContext(interruptedWork);
+      break;
+    case ContextProvider:
+      popProvider(interruptedWork);
+      break;
+    default:
+      break;
+  }
+}
+
+function createCapturedValue(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)
+  };
+}
+
+// Module provided by RN:
+(function() {
+  if (
+    !(
+      typeof ReactNativePrivateInterface.ReactFiberErrorDialog
+        .showErrorDialog === "function"
+    )
+  ) {
+    throw ReactError(
+      Error("Expected ReactFiberErrorDialog.showErrorDialog to be a function.")
+    );
+  }
+})();
+
+function showErrorDialog(capturedError) {
+  return ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog(
+    capturedError
+  );
+}
+
+function logCapturedError(capturedError) {
+  var logError = showErrorDialog(capturedError);
+
+  // 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 = capturedError.error;
+  {
+    var componentName = capturedError.componentName,
+      componentStack = capturedError.componentStack,
+      errorBoundaryName = capturedError.errorBoundaryName,
+      errorBoundaryFound = capturedError.errorBoundaryFound,
+      willRetry = capturedError.willRetry;
+
+    // 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 (errorBoundaryFound && willRetry) {
+        // 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);
+      // For a more detailed description of this block, see:
+      // https://github.com/facebook/react/pull/13384
+    }
+
+    var componentNameMessage = componentName
+      ? "The above error occurred in the <" + componentName + "> component:"
+      : "The above error occurred in one of your React components:";
+
+    var errorBoundaryMessage = void 0;
+    // errorBoundaryFound check is sufficient; errorBoundaryName check is to satisfy Flow.
+    if (errorBoundaryFound && errorBoundaryName) {
+      if (willRetry) {
+        errorBoundaryMessage =
+          "React will try to recreate this component tree from scratch " +
+          ("using the error boundary you provided, " + errorBoundaryName + ".");
+      } else {
+        errorBoundaryMessage =
+          "This error was initially handled by the error boundary " +
           errorBoundaryName +
           ".\n" +
           "Recreating the tree from scratch failed so React will unmount the tree.";
@@ -15153,14 +17307,15 @@ function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
     case HostText:
     case HostPortal:
     case IncompleteClassComponent:
-    case EventTarget:
       // Nothing to do for these component types
       return;
     default: {
       (function() {
         {
           throw ReactError(
-            "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+            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."
+            )
           );
         }
       })();
@@ -15229,8 +17384,19 @@ function commitHookEffectList(unmountTag, mountTag, finishedWork) {
 }
 
 function commitPassiveHookEffects(finishedWork) {
-  commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork);
-  commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
+  if ((finishedWork.effectTag & Passive) !== NoEffect) {
+    switch (finishedWork.tag) {
+      case FunctionComponent:
+      case ForwardRef:
+      case SimpleMemoComponent: {
+        commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork);
+        commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
+        break;
+      }
+      default:
+        break;
+    }
+  }
 }
 
 function commitLifeCycles(
@@ -15428,73 +17594,43 @@ function commitLifeCycles(
       if (enableProfilerTimer) {
         var onRender = finishedWork.memoizedProps.onRender;
 
-        if (enableSchedulerTracing) {
-          onRender(
-            finishedWork.memoizedProps.id,
-            current$$1 === null ? "mount" : "update",
-            finishedWork.actualDuration,
-            finishedWork.treeBaseDuration,
-            finishedWork.actualStartTime,
-            getCommitTime(),
-            finishedRoot.memoizedInteractions
-          );
-        } else {
-          onRender(
-            finishedWork.memoizedProps.id,
-            current$$1 === null ? "mount" : "update",
-            finishedWork.actualDuration,
-            finishedWork.treeBaseDuration,
-            finishedWork.actualStartTime,
-            getCommitTime()
-          );
+        if (typeof onRender === "function") {
+          if (enableSchedulerTracing) {
+            onRender(
+              finishedWork.memoizedProps.id,
+              current$$1 === null ? "mount" : "update",
+              finishedWork.actualDuration,
+              finishedWork.treeBaseDuration,
+              finishedWork.actualStartTime,
+              getCommitTime(),
+              finishedRoot.memoizedInteractions
+            );
+          } else {
+            onRender(
+              finishedWork.memoizedProps.id,
+              current$$1 === null ? "mount" : "update",
+              finishedWork.actualDuration,
+              finishedWork.treeBaseDuration,
+              finishedWork.actualStartTime,
+              getCommitTime()
+            );
+          }
         }
       }
       return;
     }
     case SuspenseComponent:
+    case SuspenseListComponent:
     case IncompleteClassComponent:
+    case FundamentalComponent:
       return;
-    case EventTarget: {
-      if (enableEventAPI) {
-        var _type = finishedWork.type.type;
-        var _props = finishedWork.memoizedProps;
-        var _instance3 = finishedWork.stateNode;
-        var parentInstance = null;
-
-        var node = finishedWork.return;
-        // Traverse up the fiber tree until we find the parent host node.
-        while (node !== null) {
-          if (node.tag === HostComponent) {
-            parentInstance = node.stateNode;
-            break;
-          } else if (node.tag === HostRoot) {
-            parentInstance = node.stateNode.containerInfo;
-            break;
-          }
-          node = node.return;
-        }
-        (function() {
-          if (!(parentInstance !== null)) {
-            throw ReactError(
-              "This should have a parent host component initialized. This error is likely caused by a bug in React. Please file an issue."
-            );
-          }
-        })();
-        commitEventTarget(_type, _props, _instance3, parentInstance);
-      }
-      return;
-    }
-    case EventComponent: {
-      if (enableEventAPI) {
-        mountEventComponent(finishedWork.stateNode);
-      }
-      return;
-    }
     default: {
       (function() {
         {
           throw ReactError(
-            "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+            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."
+            )
           );
         }
       })();
@@ -15515,11 +17651,11 @@ function hideOrUnhideAllChildren(finishedWork, isHidden) {
           unhideInstance(node.stateNode, node.memoizedProps);
         }
       } else if (node.tag === HostText) {
-        var _instance4 = node.stateNode;
+        var _instance3 = node.stateNode;
         if (isHidden) {
-          hideTextInstance(_instance4);
+          hideTextInstance(_instance3);
         } else {
-          unhideTextInstance(_instance4, node.memoizedProps);
+          unhideTextInstance(_instance3, node.memoizedProps);
         }
       } else if (
         node.tag === SuspenseComponent &&
@@ -15596,7 +17732,7 @@ function commitDetachRef(current$$1) {
 // User-originating errors (lifecycles and refs) should not interrupt
 // deletion, so don't let them throw. Host-originating errors should
 // interrupt deletion, so it's okay
-function commitUnmount(current$$1) {
+function commitUnmount(current$$1, renderPriorityLevel) {
   onCommitUnmount(current$$1);
 
   switch (current$$1.tag) {
@@ -15609,14 +17745,33 @@ function commitUnmount(current$$1) {
         var lastEffect = updateQueue.lastEffect;
         if (lastEffect !== null) {
           var firstEffect = lastEffect.next;
-          var effect = firstEffect;
-          do {
-            var destroy = effect.destroy;
-            if (destroy !== undefined) {
-              safelyCallDestroy(current$$1, destroy);
-            }
-            effect = effect.next;
-          } while (effect !== firstEffect);
+
+          // When the owner fiber is deleted, the destroy function of a passive
+          // effect hook is called during the synchronous commit phase. This is
+          // a concession to implementation complexity. Calling it in the
+          // passive effect phase (like they usually are, when dependencies
+          // change during an update) would require either traversing the
+          // children of the deleted fiber again, or including unmount effects
+          // as part of the fiber effect list.
+          //
+          // Because this is during the sync commit phase, we need to change
+          // the priority.
+          //
+          // TODO: Reconsider this implementation trade off.
+          var priorityLevel =
+            renderPriorityLevel > NormalPriority
+              ? NormalPriority
+              : renderPriorityLevel;
+          runWithPriority$1(priorityLevel, function() {
+            var effect = firstEffect;
+            do {
+              var destroy = effect.destroy;
+              if (destroy !== undefined) {
+                safelyCallDestroy(current$$1, destroy);
+              }
+              effect = effect.next;
+            } while (effect !== firstEffect);
+          });
         }
       }
       break;
@@ -15630,6 +17785,25 @@ function commitUnmount(current$$1) {
       return;
     }
     case HostComponent: {
+      if (enableFlareAPI) {
+        var dependencies = current$$1.dependencies;
+
+        if (dependencies !== null) {
+          var respondersMap = dependencies.responders;
+          if (respondersMap !== null) {
+            var responderInstances = Array.from(respondersMap.values());
+            for (
+              var i = 0, length = responderInstances.length;
+              i < length;
+              i++
+            ) {
+              var responderInstance = responderInstances[i];
+              unmountResponderInstance(responderInstance);
+            }
+            dependencies.responders = null;
+          }
+        }
+      }
       safelyDetachRef(current$$1);
       return;
     }
@@ -15638,30 +17812,32 @@ function commitUnmount(current$$1) {
       // We are also not using this parent because
       // the portal will get pushed immediately.
       if (supportsMutation) {
-        unmountHostComponents(current$$1);
+        unmountHostComponents(current$$1, renderPriorityLevel);
       } else if (supportsPersistence) {
         emptyPortalContainer(current$$1);
       }
       return;
     }
-    case EventComponent: {
-      if (enableEventAPI) {
-        var eventComponentInstance = current$$1.stateNode;
-        unmountEventComponent(eventComponentInstance);
-        current$$1.stateNode = null;
+    case FundamentalComponent: {
+      if (enableFundamentalAPI) {
+        var fundamentalInstance = current$$1.stateNode;
+        if (fundamentalInstance !== null) {
+          unmountFundamentalComponent(fundamentalInstance);
+          current$$1.stateNode = null;
+        }
       }
     }
   }
 }
 
-function commitNestedUnmounts(root) {
+function commitNestedUnmounts(root, renderPriorityLevel) {
   // While we're inside a removed host node we don't want to call
   // removeChild on the inner nodes because they're removed by the top
   // call anyway. We also want to call componentWillUnmount on all
   // composites before this host node is removed from the tree. Therefore
   var node = root;
   while (true) {
-    commitUnmount(node);
+    commitUnmount(node, renderPriorityLevel);
     // Visit children because they may contain more composite or host nodes.
     // Skip portals because commitUnmount() currently visits them recursively.
     if (
@@ -15689,6 +17865,7 @@ function commitNestedUnmounts(root) {
 }
 
 function detachFiber(current$$1) {
+  var alternate = current$$1.alternate;
   // Cut off the return pointers to disconnect it from the tree. Ideally, we
   // should 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
@@ -15698,12 +17875,14 @@ function detachFiber(current$$1) {
   current$$1.child = null;
   current$$1.memoizedState = null;
   current$$1.updateQueue = null;
-  var alternate = current$$1.alternate;
+  current$$1.dependencies = null;
+  current$$1.alternate = null;
+  current$$1.firstEffect = null;
+  current$$1.lastEffect = null;
+  current$$1.pendingProps = null;
+  current$$1.memoizedProps = null;
   if (alternate !== null) {
-    alternate.return = null;
-    alternate.child = null;
-    alternate.memoizedState = null;
-    alternate.updateQueue = null;
+    detachFiber(alternate);
   }
 }
 
@@ -15727,8 +17906,7 @@ function commitContainer(finishedWork) {
     case ClassComponent:
     case HostComponent:
     case HostText:
-    case EventTarget:
-    case EventComponent: {
+    case FundamentalComponent: {
       return;
     }
     case HostRoot:
@@ -15743,7 +17921,9 @@ function commitContainer(finishedWork) {
       (function() {
         {
           throw ReactError(
-            "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+            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."
+            )
           );
         }
       })();
@@ -15762,7 +17942,9 @@ function getHostParentFiber(fiber) {
   (function() {
     {
       throw ReactError(
-        "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     }
   })();
@@ -15832,25 +18014,33 @@ function commitPlacement(finishedWork) {
   // Note: these two variables *must* always be updated together.
   var parent = void 0;
   var isContainer = void 0;
-
+  var parentStateNode = parentFiber.stateNode;
   switch (parentFiber.tag) {
     case HostComponent:
-      parent = parentFiber.stateNode;
+      parent = parentStateNode;
       isContainer = false;
       break;
     case HostRoot:
-      parent = parentFiber.stateNode.containerInfo;
+      parent = parentStateNode.containerInfo;
       isContainer = true;
       break;
     case HostPortal:
-      parent = parentFiber.stateNode.containerInfo;
+      parent = parentStateNode.containerInfo;
       isContainer = true;
       break;
+    case FundamentalComponent:
+      if (enableFundamentalAPI) {
+        parent = parentStateNode.instance;
+        isContainer = false;
+      }
+    // eslint-disable-next-line-no-fallthrough
     default:
       (function() {
         {
           throw ReactError(
-            "Invalid host parent fiber. This error is likely caused by a bug in React. Please file an issue."
+            Error(
+              "Invalid host parent fiber. This error is likely caused by a bug in React. Please file an issue."
+            )
           );
         }
       })();
@@ -15867,8 +18057,9 @@ function commitPlacement(finishedWork) {
   // children to find all the terminal nodes.
   var node = finishedWork;
   while (true) {
-    if (node.tag === HostComponent || node.tag === HostText) {
-      var stateNode = node.stateNode;
+    var isHost = node.tag === HostComponent || node.tag === HostText;
+    if (isHost || (enableFundamentalAPI && node.tag === FundamentalComponent)) {
+      var stateNode = isHost ? node.stateNode : node.stateNode.instance;
       if (before) {
         if (isContainer) {
           insertInContainerBefore(parent, stateNode, before);
@@ -15879,7 +18070,7 @@ function commitPlacement(finishedWork) {
         if (isContainer) {
           appendChildToContainer(parent, stateNode);
         } else {
-          appendChild$1(parent, stateNode);
+          appendChild(parent, stateNode);
         }
       }
     } else if (node.tag === HostPortal) {
@@ -15905,7 +18096,7 @@ function commitPlacement(finishedWork) {
   }
 }
 
-function unmountHostComponents(current$$1) {
+function unmountHostComponents(current$$1, renderPriorityLevel) {
   // We only have the top Fiber that was deleted but we need to recurse down its
   var node = current$$1;
 
@@ -15924,23 +18115,31 @@ function unmountHostComponents(current$$1) {
         (function() {
           if (!(parent !== null)) {
             throw ReactError(
-              "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+              Error(
+                "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+              )
             );
           }
         })();
+        var parentStateNode = parent.stateNode;
         switch (parent.tag) {
           case HostComponent:
-            currentParent = parent.stateNode;
+            currentParent = parentStateNode;
             currentParentIsContainer = false;
             break findParent;
           case HostRoot:
-            currentParent = parent.stateNode.containerInfo;
+            currentParent = parentStateNode.containerInfo;
             currentParentIsContainer = true;
             break findParent;
           case HostPortal:
-            currentParent = parent.stateNode.containerInfo;
+            currentParent = parentStateNode.containerInfo;
             currentParentIsContainer = true;
             break findParent;
+          case FundamentalComponent:
+            if (enableFundamentalAPI) {
+              currentParent = parentStateNode.instance;
+              currentParentIsContainer = false;
+            }
         }
         parent = parent.return;
       }
@@ -15948,7 +18147,7 @@ function unmountHostComponents(current$$1) {
     }
 
     if (node.tag === HostComponent || node.tag === HostText) {
-      commitNestedUnmounts(node);
+      commitNestedUnmounts(node, renderPriorityLevel);
       // After all the children have unmounted, it is now safe to remove the
       // node from the tree.
       if (currentParentIsContainer) {
@@ -15957,6 +18156,16 @@ function unmountHostComponents(current$$1) {
         removeChild(currentParent, node.stateNode);
       }
       // Don't visit children because we already visited them.
+    } else if (enableFundamentalAPI && node.tag === FundamentalComponent) {
+      var fundamentalNode = node.stateNode.instance;
+      commitNestedUnmounts(node, renderPriorityLevel);
+      // After all the children have unmounted, it is now safe to remove the
+      // node from the tree.
+      if (currentParentIsContainer) {
+        removeChildFromContainer(currentParent, fundamentalNode);
+      } else {
+        removeChild(currentParent, fundamentalNode);
+      }
     } else if (
       enableSuspenseServerRenderer &&
       node.tag === DehydratedSuspenseComponent
@@ -15979,7 +18188,7 @@ function unmountHostComponents(current$$1) {
         continue;
       }
     } else {
-      commitUnmount(node);
+      commitUnmount(node, renderPriorityLevel);
       // Visit children because we may find more host components below.
       if (node.child !== null) {
         node.child.return = node;
@@ -16006,14 +18215,14 @@ function unmountHostComponents(current$$1) {
   }
 }
 
-function commitDeletion(current$$1) {
+function commitDeletion(current$$1, renderPriorityLevel) {
   if (supportsMutation) {
     // Recursively delete all host nodes from the parent.
     // Detach refs and call componentWillUnmount() on the whole subtree.
-    unmountHostComponents(current$$1);
+    unmountHostComponents(current$$1, renderPriorityLevel);
   } else {
     // Detach refs and call componentWillUnmount() on the whole subtree.
-    commitNestedUnmounts(current$$1);
+    commitNestedUnmounts(current$$1, renderPriorityLevel);
   }
   detachFiber(current$$1);
 }
@@ -16035,6 +18244,11 @@ function commitWork(current$$1, finishedWork) {
       }
       case SuspenseComponent: {
         commitSuspenseComponent(finishedWork);
+        attachSuspenseRetryListeners(finishedWork);
+        return;
+      }
+      case SuspenseListComponent: {
+        attachSuspenseRetryListeners(finishedWork);
         return;
       }
     }
@@ -16087,7 +18301,9 @@ function commitWork(current$$1, finishedWork) {
       (function() {
         if (!(finishedWork.stateNode !== null)) {
           throw ReactError(
-            "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue."
+            Error(
+              "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue."
+            )
           );
         }
       })();
@@ -16100,9 +18316,6 @@ function commitWork(current$$1, finishedWork) {
       commitTextUpdate(textInstance, oldText, newText);
       return;
     }
-    case EventTarget: {
-      return;
-    }
     case HostRoot: {
       return;
     }
@@ -16111,19 +18324,30 @@ function commitWork(current$$1, finishedWork) {
     }
     case SuspenseComponent: {
       commitSuspenseComponent(finishedWork);
+      attachSuspenseRetryListeners(finishedWork);
+      return;
+    }
+    case SuspenseListComponent: {
+      attachSuspenseRetryListeners(finishedWork);
       return;
     }
     case IncompleteClassComponent: {
       return;
     }
-    case EventComponent: {
+    case FundamentalComponent: {
+      if (enableFundamentalAPI) {
+        var fundamentalInstance = finishedWork.stateNode;
+        updateFundamentalComponent(fundamentalInstance);
+      }
       return;
     }
     default: {
       (function() {
         {
           throw ReactError(
-            "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+            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."
+            )
           );
         }
       })();
@@ -16141,27 +18365,33 @@ function commitSuspenseComponent(finishedWork) {
   } else {
     newDidTimeout = true;
     primaryChildParent = finishedWork.child;
-    if (newState.fallbackExpirationTime === NoWork) {
-      // If the children had not already timed out, record the time.
-      // This is used to compute the elapsed time during subsequent
-      // attempts to render the children.
-      // We model this as a normal pri expiration time since that's
-      // how we infer start time for updates.
-      newState.fallbackExpirationTime = computeAsyncExpirationNoBucket(
-        requestCurrentTime()
-      );
-    }
+    markCommitTimeOfFallback();
   }
 
   if (supportsMutation && primaryChildParent !== null) {
     hideOrUnhideAllChildren(primaryChildParent, newDidTimeout);
   }
 
-  // If this boundary just timed out, then it will have a set of thenables.
-  // For each thenable, attach a listener so that when it resolves, React
-  // attempts to re-render the boundary in the primary (pre-timeout) state.
-  var thenables = finishedWork.updateQueue;
-  if (thenables !== null) {
+  if (enableSuspenseCallback && newState !== null) {
+    var suspenseCallback = finishedWork.memoizedProps.suspenseCallback;
+    if (typeof suspenseCallback === "function") {
+      var thenables = finishedWork.updateQueue;
+      if (thenables !== null) {
+        suspenseCallback(new Set(thenables));
+      }
+    } else {
+      if (suspenseCallback !== undefined) {
+        warning$1(false, "Unexpected type for suspenseCallback.");
+      }
+    }
+  }
+}
+
+function attachSuspenseRetryListeners(finishedWork) {
+  // If this boundary just timed out, then it will have a set of thenables.
+  // For each thenable, attach a listener so that when it resolves, React
+  var thenables = finishedWork.updateQueue;
+  if (thenables !== null) {
     finishedWork.updateQueue = null;
     var retryCache = finishedWork.stateNode;
     if (retryCache === null) {
@@ -16192,7 +18422,7 @@ var PossiblyWeakSet = typeof WeakSet === "function" ? WeakSet : Set;
 var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
 
 function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
-  var update = createUpdate(expirationTime);
+  var update = createUpdate(expirationTime, null);
   // Unmount the root by rendering null.
   update.tag = CaptureUpdate;
   // Caution: React DevTools currently depends on this property
@@ -16207,12 +18437,13 @@ function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
 }
 
 function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
-  var update = createUpdate(expirationTime);
+  var update = createUpdate(expirationTime, null);
   update.tag = CaptureUpdate;
   var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
   if (typeof getDerivedStateFromError === "function") {
     var error = errorInfo.value;
     update.payload = function() {
+      logError(fiber, errorInfo);
       return getDerivedStateFromError(error);
     };
   }
@@ -16220,6 +18451,9 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
   var inst = fiber.stateNode;
   if (inst !== null && typeof inst.componentDidCatch === "function") {
     update.callback = function callback() {
+      {
+        markFailedErrorBoundaryForHotReloading(fiber);
+      }
       if (typeof getDerivedStateFromError !== "function") {
         // To preserve the preexisting retry behavior of error boundaries,
         // we keep track of which ones already failed during this batch.
@@ -16227,10 +18461,12 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
         // TODO: Warn in strict mode if getDerivedStateFromError is
         // not defined.
         markLegacyErrorBoundaryAsFailed(this);
+
+        // Only log here if componentDidCatch is the only error boundary method defined
+        logError(fiber, errorInfo);
       }
       var error = errorInfo.value;
       var stack = errorInfo.stack;
-      logError(fiber, errorInfo);
       this.componentDidCatch(error, {
         componentStack: stack !== null ? stack : ""
       });
@@ -16250,6 +18486,10 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
         }
       }
     };
+  } else {
+    update.callback = function() {
+      markFailedErrorBoundaryForHotReloading(fiber);
+    };
   }
   return update;
 }
@@ -16307,12 +18547,19 @@ function throwException(
     // This is a thenable.
     var thenable = value;
 
+    checkForWrongSuspensePriorityInDEV(sourceFiber);
+
+    var hasInvisibleParentBoundary = hasSuspenseContext(
+      suspenseStackCursor.current,
+      InvisibleParentSuspenseContext
+    );
+
     // Schedule the nearest Suspense to re-render the timed out view.
     var _workInProgress = returnFiber;
     do {
       if (
         _workInProgress.tag === SuspenseComponent &&
-        shouldCaptureSuspense(_workInProgress)
+        shouldCaptureSuspense(_workInProgress, hasInvisibleParentBoundary)
       ) {
         // Found the nearest boundary.
 
@@ -16326,15 +18573,15 @@ function throwException(
           thenables.add(thenable);
         }
 
-        // If the boundary is outside of concurrent mode, we should *not*
+        // If the boundary is outside of batched mode, we should *not*
         // suspend the commit. Pretend as if the suspended component rendered
         // null and keep rendering. In the commit phase, we'll schedule a
         // subsequent synchronous update to re-render the Suspense.
         //
         // Note: It doesn't matter whether the component that suspended was
-        // inside a concurrent mode tree. If the Suspense is outside of it, we
+        // inside a batched mode tree. If the Suspense is outside of it, we
         // should *not* suspend the commit.
-        if ((_workInProgress.mode & ConcurrentMode) === NoContext) {
+        if ((_workInProgress.mode & BatchedMode) === NoMode) {
           _workInProgress.effectTag |= DidCapture;
 
           // We're going to commit this fiber even though it didn't complete.
@@ -16351,9 +18598,9 @@ function throwException(
               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 updte to
+              // since it's known to be in an inconsistent state. Use a force update to
               // prevent a bail out.
-              var update = createUpdate(Sync);
+              var update = createUpdate(Sync, null);
               update.tag = ForceUpdate;
               enqueueUpdate(sourceFiber, update);
             }
@@ -16369,11 +18616,51 @@ function throwException(
 
         // 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. SuspenseConfig applies 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.
 
         attachPingListener(root, renderExpirationTime, thenable);
 
         _workInProgress.effectTag |= ShouldCapture;
         _workInProgress.expirationTime = renderExpirationTime;
+
         return;
       } else if (
         enableSuspenseServerRenderer &&
@@ -16389,7 +18676,9 @@ function throwException(
           (function() {
             if (!current$$1) {
               throw ReactError(
-                "A dehydrated suspense boundary must commit before trying to render. This is probably a bug in React."
+                Error(
+                  "A dehydrated suspense boundary must commit before trying to render. This is probably a bug in React."
+                )
               );
             }
           })();
@@ -16411,40 +18700,6 @@ function throwException(
         _workInProgress.effectTag |= ShouldCapture;
         _workInProgress.expirationTime = renderExpirationTime;
         return;
-      } else if (
-        enableSuspenseServerRenderer &&
-        _workInProgress.tag === DehydratedSuspenseComponent
-      ) {
-        attachPingListener(root, renderExpirationTime, thenable);
-
-        // Since we already have a current fiber, we can eagerly add a retry listener.
-        var retryCache = _workInProgress.memoizedState;
-        if (retryCache === null) {
-          retryCache = _workInProgress.memoizedState = new PossiblyWeakSet();
-          var _current = _workInProgress.alternate;
-          invariant(
-            _current,
-            "A dehydrated suspense boundary must commit before trying to render. " +
-              "This is probably a bug in React."
-          );
-          _current.memoizedState = retryCache;
-        }
-        // Memoize using the boundary fiber to prevent redundant listeners.
-        if (!retryCache.has(thenable)) {
-          retryCache.add(thenable);
-          var retry = resolveRetryThenable.bind(
-            null,
-            _workInProgress,
-            thenable
-          );
-          if (enableSchedulerTracing) {
-            retry = tracing.unstable_wrap(retry);
-          }
-          thenable.then(retry, retry);
-        }
-        _workInProgress.effectTag |= ShouldCapture;
-        _workInProgress.expirationTime = renderExpirationTime;
-        return;
       }
       // This boundary already captured during this render. Continue to the next
       // boundary.
@@ -16513,129 +18768,30 @@ function throwException(
   } while (workInProgress !== null);
 }
 
-function unwindWork(workInProgress, renderExpirationTime) {
-  switch (workInProgress.tag) {
-    case ClassComponent: {
-      var Component = workInProgress.type;
-      if (isContextProvider(Component)) {
-        popContext(workInProgress);
-      }
-      var effectTag = workInProgress.effectTag;
-      if (effectTag & ShouldCapture) {
-        workInProgress.effectTag = (effectTag & ~ShouldCapture) | DidCapture;
-        return workInProgress;
-      }
-      return null;
-    }
-    case HostRoot: {
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
-      var _effectTag = workInProgress.effectTag;
-      (function() {
-        if (!((_effectTag & DidCapture) === NoEffect)) {
-          throw ReactError(
-            "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
-          );
-        }
-      })();
-      workInProgress.effectTag = (_effectTag & ~ShouldCapture) | DidCapture;
-      return workInProgress;
-    }
-    case HostComponent: {
-      // TODO: popHydrationState
-      popHostContext(workInProgress);
-      return null;
-    }
-    case SuspenseComponent: {
-      var _effectTag2 = workInProgress.effectTag;
-      if (_effectTag2 & ShouldCapture) {
-        workInProgress.effectTag = (_effectTag2 & ~ShouldCapture) | DidCapture;
-        // Captured a suspense effect. Re-render the boundary.
-        return workInProgress;
-      }
-      return null;
-    }
-    case DehydratedSuspenseComponent: {
-      if (enableSuspenseServerRenderer) {
-        // TODO: popHydrationState
-        var _effectTag3 = workInProgress.effectTag;
-        if (_effectTag3 & ShouldCapture) {
-          workInProgress.effectTag =
-            (_effectTag3 & ~ShouldCapture) | DidCapture;
-          // Captured a suspense effect. Re-render the boundary.
-          return workInProgress;
-        }
-      }
-      return null;
-    }
-    case HostPortal:
-      popHostContainer(workInProgress);
-      return null;
-    case ContextProvider:
-      popProvider(workInProgress);
-      return null;
-    case EventComponent:
-    case EventTarget:
-      if (enableEventAPI) {
-        popHostContext(workInProgress);
-      }
-      return null;
-    default:
-      return null;
-  }
-}
-
-function unwindInterruptedWork(interruptedWork) {
-  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 HostComponent: {
-      popHostContext(interruptedWork);
-      break;
-    }
-    case HostPortal:
-      popHostContainer(interruptedWork);
-      break;
-    case ContextProvider:
-      popProvider(interruptedWork);
-      break;
-    default:
-      break;
-  }
-}
-
-// TODO: Ahaha Andrew is bad at spellling
+// The scheduler is imported here *only* to detect whether it's been mocked
 // DEV stuff
 var ceil = Math.ceil;
 
 var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
 var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner;
-var ReactShouldWarnActingUpdates =
-  ReactSharedInternals.ReactShouldWarnActingUpdates;
+var IsSomeRendererActing = ReactSharedInternals.IsSomeRendererActing;
 
-var NotWorking = 0;
-var BatchedPhase = 1;
-var LegacyUnbatchedPhase = 2;
-var RenderPhase = 4;
-var CommitPhase = 5;
+var NoContext = /*                    */ 0;
+var BatchedContext = /*               */ 1;
+var EventContext = /*                 */ 2;
+var DiscreteEventContext = /*         */ 4;
+var LegacyUnbatchedContext = /*       */ 8;
+var RenderContext = /*                */ 16;
+var CommitContext = /*                */ 32;
 
 var RootIncomplete = 0;
 var RootErrored = 1;
 var RootSuspended = 2;
-var RootCompleted = 3;
+var RootSuspendedWithDelay = 3;
+var RootCompleted = 4;
 
-// The phase of work we're currently in
-var workPhase = NotWorking;
+// 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
@@ -16648,1928 +18804,3361 @@ var workInProgressRootExitStatus = RootIncomplete;
 // This is conceptually a time stamp but expressed in terms of an ExpirationTime
 // because we deal mostly with expiration times in the hot path, so this avoids
 // the conversion happening in the hot path.
-var workInProgressRootMostRecentEventTime = Sync;
+var workInProgressRootLatestProcessedExpirationTime = Sync;
+var workInProgressRootLatestSuspenseTimeout = Sync;
+var workInProgressRootCanSuspendUsingConfig = null;
+// If we're pinged while rendering we don't always restart immediately.
+// This flag determines if it might be worthwhile to restart if an opportunity
+// happens latere.
+var workInProgressRootHasPendingPing = false;
+// 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;
 
 var nextEffect = null;
 var hasUncaughtError = false;
 var firstUncaughtError = null;
 var legacyErrorBoundariesThatAlreadyFailed = null;
 
-var rootDoesHavePassiveEffects = false;
-var rootWithPendingPassiveEffects = null;
-var pendingPassiveEffectsExpirationTime = NoWork;
+var rootDoesHavePassiveEffects = false;
+var rootWithPendingPassiveEffects = null;
+var pendingPassiveEffectsRenderPriority = NoPriority;
+var pendingPassiveEffectsExpirationTime = NoWork;
+
+var rootsWithPendingDiscreteUpdates = null;
+
+// Use these to prevent an infinite loop of nested updates
+var NESTED_UPDATE_LIMIT = 50;
+var nestedUpdateCount = 0;
+var rootWithNestedUpdates = null;
+
+var NESTED_PASSIVE_UPDATE_LIMIT = 50;
+var nestedPassiveUpdateCount = 0;
+
+var interruptedBy = null;
+
+// Marks the need to reschedule pending interactions at these expiration times
+// during the commit phase. This enables them to be traced across components
+// that spawn new work during render. E.g. hidden boundaries, suspended SSR
+// hydration or SuspenseList.
+var spawnedWorkDuringRender = null;
+
+// Expiration times are computed by adding to the current time (the start
+// time). However, if two updates are scheduled within the same event, we
+// should treat their start times as simultaneous, even if the actual clock
+// time has advanced between the first and second call.
+
+// In other words, because expiration times determine how updates are batched,
+// we want all updates of like priority that occur within the same event to
+// receive the same expiration time. Otherwise we get tearing.
+var currentEventTime = NoWork;
+
+function requestCurrentTime() {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+    // We're inside React, so it's fine to read the actual time.
+    return msToExpirationTime(now());
+  }
+  // We're not inside React, so we may be in the middle of a browser event.
+  if (currentEventTime !== NoWork) {
+    // 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 = msToExpirationTime(now());
+  return currentEventTime;
+}
+
+function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
+  var mode = fiber.mode;
+  if ((mode & BatchedMode) === NoMode) {
+    return Sync;
+  }
+
+  var priorityLevel = getCurrentPriorityLevel();
+  if ((mode & ConcurrentMode) === NoMode) {
+    return priorityLevel === ImmediatePriority ? Sync : Batched;
+  }
+
+  if ((executionContext & RenderContext) !== NoContext) {
+    // Use whatever time we're already rendering
+    return renderExpirationTime;
+  }
+
+  var expirationTime = void 0;
+  if (suspenseConfig !== null) {
+    // Compute an expiration time based on the Suspense timeout.
+    expirationTime = computeSuspenseExpiration(
+      currentTime,
+      suspenseConfig.timeoutMs | 0 || LOW_PRIORITY_EXPIRATION
+    );
+  } else {
+    // Compute an expiration time based on the Scheduler priority.
+    switch (priorityLevel) {
+      case ImmediatePriority:
+        expirationTime = Sync;
+        break;
+      case UserBlockingPriority$1:
+        // TODO: Rename this to computeUserBlockingExpiration
+        expirationTime = computeInteractiveExpiration(currentTime);
+        break;
+      case NormalPriority:
+      case LowPriority:
+        // TODO: Handle LowPriority
+        // TODO: Rename this to... something better.
+        expirationTime = computeAsyncExpiration(currentTime);
+        break;
+      case IdlePriority:
+        expirationTime = Never;
+        break;
+      default:
+        (function() {
+          {
+            throw ReactError(Error("Expected a valid priority level"));
+          }
+        })();
+    }
+  }
+
+  // If we're in the middle of rendering a tree, do not update at the same
+  // expiration time that is already rendering.
+  // TODO: We shouldn't have to do this if the update is on a different root.
+  // Refactor computeExpirationForFiber + scheduleUpdate so we have access to
+  // the root when we check for this condition.
+  if (workInProgressRoot !== null && expirationTime === renderExpirationTime) {
+    // This is a trick to move this update into a separate batch
+    expirationTime -= 1;
+  }
+
+  return expirationTime;
+}
+
+function scheduleUpdateOnFiber(fiber, expirationTime) {
+  checkForNestedUpdates();
+  warnAboutInvalidUpdatesOnClassComponentsInDEV(fiber);
+
+  var root = markUpdateTimeFromFiberToRoot(fiber, expirationTime);
+  if (root === null) {
+    warnAboutUpdateOnUnmountedFiberInDEV(fiber);
+    return;
+  }
+
+  root.pingTime = NoWork;
+
+  checkForInterruption(fiber, expirationTime);
+  recordScheduleUpdate();
+
+  // TODO: computeExpirationForFiber also reads the priority. Pass the
+  // priority as an argument to that function and this one.
+  var priorityLevel = getCurrentPriorityLevel();
+
+  if (expirationTime === Sync) {
+    if (
+      // Check if we're inside unbatchedUpdates
+      (executionContext & LegacyUnbatchedContext) !== NoContext &&
+      // Check if we're not already rendering
+      (executionContext & (RenderContext | CommitContext)) === NoContext
+    ) {
+      // Register pending interactions on the root to avoid losing traced interaction data.
+      schedulePendingInteractions(root, expirationTime);
+
+      // This is a legacy edge case. The initial mount of a ReactDOM.render-ed
+      // root inside of batchedUpdates should be synchronous, but layout updates
+      // should be deferred until the end of the batch.
+      var callback = renderRoot(root, Sync, true);
+      while (callback !== null) {
+        callback = callback(true);
+      }
+    } else {
+      scheduleCallbackForRoot(root, ImmediatePriority, Sync);
+      if (executionContext === NoContext) {
+        // Flush the synchronous work now, wnless 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 sync mode.
+        flushSyncCallbackQueue();
+      }
+    }
+  } else {
+    scheduleCallbackForRoot(root, priorityLevel, expirationTime);
+  }
+
+  if (
+    (executionContext & DiscreteEventContext) !== NoContext &&
+    // Only updates at user-blocking priority or greater are considered
+    // discrete, even inside a discrete event.
+    (priorityLevel === UserBlockingPriority$1 ||
+      priorityLevel === ImmediatePriority)
+  ) {
+    // This is the result of a discrete event. Track the lowest priority
+    // discrete update per root so we can flush them early, if needed.
+    if (rootsWithPendingDiscreteUpdates === null) {
+      rootsWithPendingDiscreteUpdates = new Map([[root, expirationTime]]);
+    } else {
+      var lastDiscreteTime = rootsWithPendingDiscreteUpdates.get(root);
+      if (lastDiscreteTime === undefined || lastDiscreteTime > expirationTime) {
+        rootsWithPendingDiscreteUpdates.set(root, expirationTime);
+      }
+    }
+  }
+}
+var scheduleWork = scheduleUpdateOnFiber;
+
+// This is split into a separate function so we can mark a fiber with pending
+// work without treating it as a typical update that originates from an event;
+// e.g. retrying a Suspense boundary isn't an update, but it does schedule work
+// on a fiber.
+function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
+  // Update the source fiber's expiration time
+  if (fiber.expirationTime < expirationTime) {
+    fiber.expirationTime = expirationTime;
+  }
+  var alternate = fiber.alternate;
+  if (alternate !== null && alternate.expirationTime < expirationTime) {
+    alternate.expirationTime = expirationTime;
+  }
+  // Walk the parent path to the root and update the child expiration time.
+  var node = fiber.return;
+  var root = null;
+  if (node === null && fiber.tag === HostRoot) {
+    root = fiber.stateNode;
+  } else {
+    while (node !== null) {
+      alternate = node.alternate;
+      if (node.childExpirationTime < expirationTime) {
+        node.childExpirationTime = expirationTime;
+        if (
+          alternate !== null &&
+          alternate.childExpirationTime < expirationTime
+        ) {
+          alternate.childExpirationTime = expirationTime;
+        }
+      } else if (
+        alternate !== null &&
+        alternate.childExpirationTime < expirationTime
+      ) {
+        alternate.childExpirationTime = expirationTime;
+      }
+      if (node.return === null && node.tag === HostRoot) {
+        root = node.stateNode;
+        break;
+      }
+      node = node.return;
+    }
+  }
+
+  if (root !== null) {
+    // Update the first and last pending expiration times in this root
+    var firstPendingTime = root.firstPendingTime;
+    if (expirationTime > firstPendingTime) {
+      root.firstPendingTime = expirationTime;
+    }
+    var lastPendingTime = root.lastPendingTime;
+    if (lastPendingTime === NoWork || expirationTime < lastPendingTime) {
+      root.lastPendingTime = expirationTime;
+    }
+  }
+
+  return root;
+}
+
+// Use this function, along with runRootCallback, to ensure that only a single
+// callback per root is scheduled. It's still possible to call renderRoot
+// directly, but scheduling via this function helps avoid excessive callbacks.
+// It works by storing the callback node and expiration time on the root. When a
+// new callback comes in, it compares the expiration time to determine if it
+// should cancel the previous one. It also relies on commitRoot scheduling a
+// callback to render the next level, because that means we don't need a
+// separate callback per expiration time.
+function scheduleCallbackForRoot(root, priorityLevel, expirationTime) {
+  var existingCallbackExpirationTime = root.callbackExpirationTime;
+  if (existingCallbackExpirationTime < expirationTime) {
+    // New callback has higher priority than the existing one.
+    var existingCallbackNode = root.callbackNode;
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+    root.callbackExpirationTime = expirationTime;
+
+    if (expirationTime === Sync) {
+      // Sync React callbacks are scheduled on a special internal queue
+      root.callbackNode = scheduleSyncCallback(
+        runRootCallback.bind(
+          null,
+          root,
+          renderRoot.bind(null, root, expirationTime)
+        )
+      );
+    } else {
+      var options = null;
+      if (
+        !disableSchedulerTimeoutBasedOnReactExpirationTime &&
+        expirationTime !== Never
+      ) {
+        var timeout = expirationTimeToMs(expirationTime) - now();
+        options = { timeout: timeout };
+      }
+
+      root.callbackNode = scheduleCallback(
+        priorityLevel,
+        runRootCallback.bind(
+          null,
+          root,
+          renderRoot.bind(null, root, expirationTime)
+        ),
+        options
+      );
+      if (
+        enableUserTimingAPI &&
+        expirationTime !== Sync &&
+        (executionContext & (RenderContext | CommitContext)) === NoContext
+      ) {
+        // Scheduled an async callback, and we're not already working. Add an
+        // entry to the flamegraph that shows we're waiting for a callback
+        // to fire.
+        startRequestCallbackTimer();
+      }
+    }
+  }
+
+  // Associate the current interactions with this new root+priority.
+  schedulePendingInteractions(root, expirationTime);
+}
+
+function runRootCallback(root, callback, isSync) {
+  var prevCallbackNode = root.callbackNode;
+  var continuation = null;
+  try {
+    continuation = callback(isSync);
+    if (continuation !== null) {
+      return runRootCallback.bind(null, root, continuation);
+    } else {
+      return null;
+    }
+  } finally {
+    // If the callback exits without returning a continuation, remove the
+    // corresponding callback node from the root. Unless the callback node
+    // has changed, which implies that it was already cancelled by a high
+    // priority update.
+    if (continuation === null && prevCallbackNode === root.callbackNode) {
+      root.callbackNode = null;
+      root.callbackExpirationTime = NoWork;
+    }
+  }
+}
+
+function flushDiscreteUpdates() {
+  // TODO: Should be able to flush inside batchedUpdates, but not inside `act`.
+  // However, `act` uses `batchedUpdates`, so there's no way to distinguish
+  // those two cases. Need to fix this before exposing flushDiscreteUpdates
+  // as a public API.
+  if (
+    (executionContext & (BatchedContext | RenderContext | CommitContext)) !==
+    NoContext
+  ) {
+    if (true && (executionContext & RenderContext) !== NoContext) {
+      warning$1(
+        false,
+        "unstable_flushDiscreteUpdates: Cannot flush updates when React is " +
+          "already rendering."
+      );
+    }
+    // We're already rendering, so we can't synchronously flush pending work.
+    // This is probably a nested event dispatch triggered by a lifecycle/effect,
+    // like `el.focus()`. Exit.
+    return;
+  }
+  flushPendingDiscreteUpdates();
+  if (!revertPassiveEffectsChange) {
+    // If the discrete updates scheduled passive effects, flush them now so that
+    // they fire before the next serial event.
+    flushPassiveEffects();
+  }
+}
+
+function resolveLocksOnRoot(root, expirationTime) {
+  var firstBatch = root.firstBatch;
+  if (
+    firstBatch !== null &&
+    firstBatch._defer &&
+    firstBatch._expirationTime >= expirationTime
+  ) {
+    scheduleCallback(NormalPriority, function() {
+      firstBatch._onComplete();
+      return null;
+    });
+    return true;
+  } else {
+    return false;
+  }
+}
+
+function flushPendingDiscreteUpdates() {
+  if (rootsWithPendingDiscreteUpdates !== null) {
+    // For each root with pending discrete updates, schedule a callback to
+    // immediately flush them.
+    var roots = rootsWithPendingDiscreteUpdates;
+    rootsWithPendingDiscreteUpdates = null;
+    roots.forEach(function(expirationTime, root) {
+      scheduleSyncCallback(renderRoot.bind(null, root, expirationTime));
+    });
+    // Now flush the immediate queue.
+    flushSyncCallbackQueue();
+  }
+}
+
+function batchedUpdates$1(fn, a) {
+  var prevExecutionContext = executionContext;
+  executionContext |= BatchedContext;
+  try {
+    return fn(a);
+  } finally {
+    executionContext = prevExecutionContext;
+    if (executionContext === NoContext) {
+      // Flush the immediate callbacks that were scheduled during this batch
+      flushSyncCallbackQueue();
+    }
+  }
+}
+
+function batchedEventUpdates$1(fn, a) {
+  var prevExecutionContext = executionContext;
+  executionContext |= EventContext;
+  try {
+    return fn(a);
+  } finally {
+    executionContext = prevExecutionContext;
+    if (executionContext === NoContext) {
+      // Flush the immediate callbacks that were scheduled during this batch
+      flushSyncCallbackQueue();
+    }
+  }
+}
+
+function discreteUpdates$1(fn, a, b, c) {
+  var prevExecutionContext = executionContext;
+  executionContext |= DiscreteEventContext;
+  try {
+    // Should this
+    return runWithPriority$1(UserBlockingPriority$1, fn.bind(null, a, b, c));
+  } finally {
+    executionContext = prevExecutionContext;
+    if (executionContext === NoContext) {
+      // Flush the immediate callbacks that were scheduled during this batch
+      flushSyncCallbackQueue();
+    }
+  }
+}
+
+function flushSync(fn, a) {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+    (function() {
+      {
+        throw ReactError(
+          Error(
+            "flushSync was called from inside a lifecycle method. It cannot be called when React is already rendering."
+          )
+        );
+      }
+    })();
+  }
+  var prevExecutionContext = executionContext;
+  executionContext |= BatchedContext;
+  try {
+    return runWithPriority$1(ImmediatePriority, fn.bind(null, a));
+  } finally {
+    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.
+    flushSyncCallbackQueue();
+  }
+}
+
+function prepareFreshStack(root, expirationTime) {
+  root.finishedWork = null;
+  root.finishedExpirationTime = NoWork;
+
+  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) {
+      unwindInterruptedWork(interruptedWork);
+      interruptedWork = interruptedWork.return;
+    }
+  }
+  workInProgressRoot = root;
+  workInProgress = createWorkInProgress(root.current, null, expirationTime);
+  renderExpirationTime = expirationTime;
+  workInProgressRootExitStatus = RootIncomplete;
+  workInProgressRootLatestProcessedExpirationTime = Sync;
+  workInProgressRootLatestSuspenseTimeout = Sync;
+  workInProgressRootCanSuspendUsingConfig = null;
+  workInProgressRootHasPendingPing = false;
+
+  if (enableSchedulerTracing) {
+    spawnedWorkDuringRender = null;
+  }
+
+  {
+    ReactStrictModeWarnings.discardPendingWarnings();
+    componentsThatTriggeredHighPriSuspend = null;
+  }
+}
+
+function renderRoot(root, expirationTime, isSync) {
+  (function() {
+    if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+      throw ReactError(Error("Should not already be working."));
+    }
+  })();
+
+  if (enableUserTimingAPI && expirationTime !== Sync) {
+    var didExpire = isSync;
+    stopRequestCallbackTimer(didExpire);
+  }
+
+  if (root.firstPendingTime < expirationTime) {
+    // If there's no work left at this expiration time, exit immediately. This
+    // happens when multiple callbacks are scheduled for a single root, but an
+    // earlier callback flushes the work of a later one.
+    return null;
+  }
+
+  if (isSync && root.finishedExpirationTime === expirationTime) {
+    // There's already a pending commit at this expiration time.
+    // TODO: This is poorly factored. This case only exists for the
+    // batch.commit() API.
+    return commitRoot.bind(null, root);
+  }
+
+  flushPassiveEffects();
+
+  // If the root or expiration time have changed, throw out the existing stack
+  // and prepare a fresh one. Otherwise we'll continue where we left off.
+  if (root !== workInProgressRoot || expirationTime !== renderExpirationTime) {
+    prepareFreshStack(root, expirationTime);
+    startWorkOnPendingInteractions(root, expirationTime);
+  } else if (workInProgressRootExitStatus === RootSuspendedWithDelay) {
+    // We could've received an update at a lower priority while we yielded.
+    // We're suspended in a delayed state. Once we complete this render we're
+    // just going to try to recover at the last pending time anyway so we might
+    // as well start doing that eagerly.
+    // Ideally we should be able to do this even for retries but we don't yet
+    // know if we're going to process an update which wants to commit earlier,
+    // and this path happens very early so it would happen too often. Instead,
+    // for that case, we'll wait until we complete.
+    if (workInProgressRootHasPendingPing) {
+      // We have a ping at this expiration. Let's restart to see if we get unblocked.
+      prepareFreshStack(root, expirationTime);
+    } else {
+      var lastPendingTime = root.lastPendingTime;
+      if (lastPendingTime < expirationTime) {
+        // There's lower priority work. It might be unsuspended. Try rendering
+        // at that level immediately, while preserving the position in the queue.
+        return renderRoot.bind(null, root, lastPendingTime);
+      }
+    }
+  }
+
+  // If we have a work-in-progress fiber, it means there's still work to do
+  // in this root.
+  if (workInProgress !== null) {
+    var prevExecutionContext = executionContext;
+    executionContext |= RenderContext;
+    var prevDispatcher = ReactCurrentDispatcher.current;
+    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.
+      prevDispatcher = ContextOnlyDispatcher;
+    }
+    ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+    var prevInteractions = null;
+    if (enableSchedulerTracing) {
+      prevInteractions = tracing.__interactionsRef.current;
+      tracing.__interactionsRef.current = root.memoizedInteractions;
+    }
+
+    startWorkLoopTimer(workInProgress);
+
+    // TODO: Fork renderRoot into renderRootSync and renderRootAsync
+    if (isSync) {
+      if (expirationTime !== Sync) {
+        // An async update expired. There may be other expired updates on
+        // this root. We should render all the expired work in a
+        // single batch.
+        var currentTime = requestCurrentTime();
+        if (currentTime < expirationTime) {
+          // Restart at the current time.
+          executionContext = prevExecutionContext;
+          resetContextDependencies();
+          ReactCurrentDispatcher.current = prevDispatcher;
+          if (enableSchedulerTracing) {
+            tracing.__interactionsRef.current = prevInteractions;
+          }
+          return renderRoot.bind(null, root, currentTime);
+        }
+      }
+    } else {
+      // 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 = NoWork;
+    }
+
+    do {
+      try {
+        if (isSync) {
+          workLoopSync();
+        } else {
+          workLoop();
+        }
+        break;
+      } catch (thrownValue) {
+        // Reset module-level state that was set during the render phase.
+        resetContextDependencies();
+        resetHooks();
+
+        var sourceFiber = workInProgress;
+        if (sourceFiber === null || sourceFiber.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.
+          prepareFreshStack(root, expirationTime);
+          executionContext = prevExecutionContext;
+          throw thrownValue;
+        }
+
+        if (enableProfilerTimer && sourceFiber.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(sourceFiber, true);
+        }
+
+        var returnFiber = sourceFiber.return;
+        throwException(
+          root,
+          returnFiber,
+          sourceFiber,
+          thrownValue,
+          renderExpirationTime
+        );
+        workInProgress = completeUnitOfWork(sourceFiber);
+      }
+    } while (true);
+
+    executionContext = prevExecutionContext;
+    resetContextDependencies();
+    ReactCurrentDispatcher.current = prevDispatcher;
+    if (enableSchedulerTracing) {
+      tracing.__interactionsRef.current = prevInteractions;
+    }
+
+    if (workInProgress !== null) {
+      // There's still work left over. Return a continuation.
+      stopInterruptedWorkLoopTimer();
+      if (expirationTime !== Sync) {
+        startRequestCallbackTimer();
+      }
+      return renderRoot.bind(null, root, expirationTime);
+    }
+  }
+
+  // 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.
+  stopFinishedWorkLoopTimer();
+
+  root.finishedWork = root.current.alternate;
+  root.finishedExpirationTime = expirationTime;
+
+  var isLocked = resolveLocksOnRoot(root, expirationTime);
+  if (isLocked) {
+    // This root has a lock that prevents it from committing. Exit. If we begin
+    // work on the root again, without any intervening updates, it will finish
+    // without doing additional work.
+    return null;
+  }
+
+  // Set this to null to indicate there's no in-progress render.
+  workInProgressRoot = null;
+
+  switch (workInProgressRootExitStatus) {
+    case RootIncomplete: {
+      (function() {
+        {
+          throw ReactError(Error("Should have a work-in-progress."));
+        }
+      })();
+    }
+    // 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
+    case RootErrored: {
+      // An error was thrown. First check if there is lower priority work
+      // scheduled on this root.
+      var _lastPendingTime = root.lastPendingTime;
+      if (_lastPendingTime < expirationTime) {
+        // There's lower priority work. Before raising the error, try rendering
+        // at the lower priority to see if it fixes it. Use a continuation to
+        // maintain the existing priority and position in the queue.
+        return renderRoot.bind(null, root, _lastPendingTime);
+      }
+      if (!isSync) {
+        // If we're rendering asynchronously, it's possible the error was
+        // caused by tearing due to a mutation during an event. Try rendering
+        // one more time without yiedling to events.
+        prepareFreshStack(root, expirationTime);
+        scheduleSyncCallback(renderRoot.bind(null, root, expirationTime));
+        return null;
+      }
+      // If we're already rendering synchronously, commit the root in its
+      // errored state.
+      return commitRoot.bind(null, root);
+    }
+    case RootSuspended: {
+      flushSuspensePriorityWarningInDEV();
+
+      // We have an acceptable loading state. We need to figure out if we should
+      // immediately commit it or wait a bit.
+
+      // If we have processed new updates during this render, we may now have a
+      // new loading state ready. We want to ensure that we commit that as soon as
+      // possible.
+      var hasNotProcessedNewUpdates =
+        workInProgressRootLatestProcessedExpirationTime === Sync;
+      if (
+        hasNotProcessedNewUpdates &&
+        !isSync &&
+        // do not delay if we're inside an act() scope
+        !(true && flushSuspenseFallbacksInTests && IsThisRendererActing.current)
+      ) {
+        // If we have not processed any new updates during this pass, then this is
+        // either a retry of an existing fallback state or a hidden tree.
+        // Hidden trees shouldn't be batched with other work and after that's
+        // fixed it can only be a retry.
+        // We're going to 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.
+        if (msUntilTimeout > 10) {
+          if (workInProgressRootHasPendingPing) {
+            // This render was pinged but we didn't get to restart earlier so try
+            // restarting now instead.
+            prepareFreshStack(root, expirationTime);
+            return renderRoot.bind(null, root, expirationTime);
+          }
+          var _lastPendingTime2 = root.lastPendingTime;
+          if (_lastPendingTime2 < expirationTime) {
+            // There's lower priority work. It might be unsuspended. Try rendering
+            // at that level.
+            return renderRoot.bind(null, root, _lastPendingTime2);
+          }
+          // 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.
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            msUntilTimeout
+          );
+          return null;
+        }
+      }
+      // The work expired. Commit immediately.
+      return commitRoot.bind(null, root);
+    }
+    case RootSuspendedWithDelay: {
+      flushSuspensePriorityWarningInDEV();
+
+      if (
+        !isSync &&
+        // do not delay if we're inside an act() scope
+        !(true && flushSuspenseFallbacksInTests && IsThisRendererActing.current)
+      ) {
+        // We're suspended in a state that should be avoided. We'll try to avoid committing
+        // it for as long as the timeouts let us.
+        if (workInProgressRootHasPendingPing) {
+          // This render was pinged but we didn't get to restart earlier so try
+          // restarting now instead.
+          prepareFreshStack(root, expirationTime);
+          return renderRoot.bind(null, root, expirationTime);
+        }
+        var _lastPendingTime3 = root.lastPendingTime;
+        if (_lastPendingTime3 < expirationTime) {
+          // There's lower priority work. It might be unsuspended. Try rendering
+          // at that level immediately.
+          return renderRoot.bind(null, root, _lastPendingTime3);
+        }
+
+        var _msUntilTimeout = void 0;
+        if (workInProgressRootLatestSuspenseTimeout !== Sync) {
+          // We have processed a suspense config whose expiration time we can use as
+          // the timeout.
+          _msUntilTimeout =
+            expirationTimeToMs(workInProgressRootLatestSuspenseTimeout) - now();
+        } else if (workInProgressRootLatestProcessedExpirationTime === Sync) {
+          // This should never normally happen because only new updates cause
+          // delayed states, so we should have processed something. However,
+          // this could also happen in an offscreen tree.
+          _msUntilTimeout = 0;
+        } else {
+          // If we don't have a suspense config, we're going to use a heuristic to
+          var eventTimeMs = inferTimeFromExpirationTime(
+            workInProgressRootLatestProcessedExpirationTime
+          );
+          var currentTimeMs = now();
+          var timeUntilExpirationMs =
+            expirationTimeToMs(expirationTime) - currentTimeMs;
+          var timeElapsed = currentTimeMs - eventTimeMs;
+          if (timeElapsed < 0) {
+            // We get this wrong some time since we estimate the time.
+            timeElapsed = 0;
+          }
+
+          _msUntilTimeout = jnd(timeElapsed) - timeElapsed;
+
+          // Clamp the timeout to the expiration time.
+          // TODO: Once the event time is exact instead of inferred from expiration time
+          // we don't need this.
+          if (timeUntilExpirationMs < _msUntilTimeout) {
+            _msUntilTimeout = timeUntilExpirationMs;
+          }
+        }
+
+        // Don't bother with a very short suspense time.
+        if (_msUntilTimeout > 10) {
+          // 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.
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            _msUntilTimeout
+          );
+          return null;
+        }
+      }
+      // The work expired. Commit immediately.
+      return commitRoot.bind(null, root);
+    }
+    case RootCompleted: {
+      // The work completed. Ready to commit.
+      if (
+        !isSync &&
+        // do not delay if we're inside an act() scope
+        !(
+          true &&
+          flushSuspenseFallbacksInTests &&
+          IsThisRendererActing.current
+        ) &&
+        workInProgressRootLatestProcessedExpirationTime !== Sync &&
+        workInProgressRootCanSuspendUsingConfig !== null
+      ) {
+        // If we have exceeded the minimum loading delay, which probably
+        // means we have shown a spinner already, we might have to suspend
+        // a bit longer to ensure that the spinner is shown for enough time.
+        var _msUntilTimeout2 = computeMsUntilSuspenseLoadingDelay(
+          workInProgressRootLatestProcessedExpirationTime,
+          expirationTime,
+          workInProgressRootCanSuspendUsingConfig
+        );
+        if (_msUntilTimeout2 > 10) {
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            _msUntilTimeout2
+          );
+          return null;
+        }
+      }
+      return commitRoot.bind(null, root);
+    }
+    default: {
+      (function() {
+        {
+          throw ReactError(Error("Unknown root exit status."));
+        }
+      })();
+    }
+  }
+}
+
+function markCommitTimeOfFallback() {
+  globalMostRecentFallbackTime = now();
+}
+
+function markRenderEventTimeAndConfig(expirationTime, suspenseConfig) {
+  if (
+    expirationTime < workInProgressRootLatestProcessedExpirationTime &&
+    expirationTime > Never
+  ) {
+    workInProgressRootLatestProcessedExpirationTime = expirationTime;
+  }
+  if (suspenseConfig !== null) {
+    if (
+      expirationTime < workInProgressRootLatestSuspenseTimeout &&
+      expirationTime > Never
+    ) {
+      workInProgressRootLatestSuspenseTimeout = expirationTime;
+      // Most of the time we only have one config and getting wrong is not bad.
+      workInProgressRootCanSuspendUsingConfig = suspenseConfig;
+    }
+  }
+}
+
+function renderDidSuspend() {
+  if (workInProgressRootExitStatus === RootIncomplete) {
+    workInProgressRootExitStatus = RootSuspended;
+  }
+}
+
+function renderDidSuspendDelayIfPossible() {
+  if (
+    workInProgressRootExitStatus === RootIncomplete ||
+    workInProgressRootExitStatus === RootSuspended
+  ) {
+    workInProgressRootExitStatus = RootSuspendedWithDelay;
+  }
+}
+
+function renderDidError() {
+  if (workInProgressRootExitStatus !== RootCompleted) {
+    workInProgressRootExitStatus = RootErrored;
+  }
+}
+
+// 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 === RootIncomplete;
+}
+
+function inferTimeFromExpirationTime(expirationTime) {
+  // We don't know exactly when the update was scheduled, but we can infer an
+  // approximate start time from the expiration time.
+  var earliestExpirationTimeMs = expirationTimeToMs(expirationTime);
+  return earliestExpirationTimeMs - LOW_PRIORITY_EXPIRATION;
+}
+
+function inferTimeFromExpirationTimeWithSuspenseConfig(
+  expirationTime,
+  suspenseConfig
+) {
+  // We don't know exactly when the update was scheduled, but we can infer an
+  // approximate start time from the expiration time by subtracting the timeout
+  // that was added to the event time.
+  var earliestExpirationTimeMs = expirationTimeToMs(expirationTime);
+  return (
+    earliestExpirationTimeMs -
+    (suspenseConfig.timeoutMs | 0 || LOW_PRIORITY_EXPIRATION)
+  );
+}
+
+function workLoopSync() {
+  // Already timed out, so perform work without checking if we need to yield.
+  while (workInProgress !== null) {
+    workInProgress = performUnitOfWork(workInProgress);
+  }
+}
+
+function workLoop() {
+  // Perform work until Scheduler asks us to yield
+  while (workInProgress !== null && !shouldYield()) {
+    workInProgress = performUnitOfWork(workInProgress);
+  }
+}
+
+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$$1 = unitOfWork.alternate;
+
+  startWorkTimer(unitOfWork);
+  setCurrentFiber(unitOfWork);
+
+  var next = void 0;
+  if (enableProfilerTimer && (unitOfWork.mode & ProfileMode) !== NoMode) {
+    startProfilerTimer(unitOfWork);
+    next = beginWork$$1(current$$1, unitOfWork, renderExpirationTime);
+    stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, true);
+  } else {
+    next = beginWork$$1(current$$1, unitOfWork, renderExpirationTime);
+  }
+
+  resetCurrentFiber();
+  unitOfWork.memoizedProps = unitOfWork.pendingProps;
+  if (next === null) {
+    // If this doesn't spawn new work, complete the current work.
+    next = completeUnitOfWork(unitOfWork);
+  }
+
+  ReactCurrentOwner$2.current = null;
+  return next;
+}
+
+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.
+  workInProgress = unitOfWork;
+  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$$1 = workInProgress.alternate;
+    var returnFiber = workInProgress.return;
+
+    // Check if the work completed or if something threw.
+    if ((workInProgress.effectTag & Incomplete) === NoEffect) {
+      setCurrentFiber(workInProgress);
+      var next = void 0;
+      if (
+        !enableProfilerTimer ||
+        (workInProgress.mode & ProfileMode) === NoMode
+      ) {
+        next = completeWork(current$$1, workInProgress, renderExpirationTime);
+      } else {
+        startProfilerTimer(workInProgress);
+        next = completeWork(current$$1, workInProgress, renderExpirationTime);
+        // Update render duration assuming we didn't error.
+        stopProfilerTimerIfRunningAndRecordDelta(workInProgress, false);
+      }
+      stopWorkTimer(workInProgress);
+      resetCurrentFiber();
+      resetChildExpirationTime(workInProgress);
+
+      if (next !== null) {
+        // Completing this fiber spawned new work. Work on that next.
+        return next;
+      }
+
+      if (
+        returnFiber !== null &&
+        // Do not append effects to parents if a sibling failed to complete
+        (returnFiber.effectTag & Incomplete) === NoEffect
+      ) {
+        // Append all the effects of the subtree and this fiber onto the effect
+        // list of the parent. The completion order of the children affects the
+        // side-effect order.
+        if (returnFiber.firstEffect === null) {
+          returnFiber.firstEffect = workInProgress.firstEffect;
+        }
+        if (workInProgress.lastEffect !== null) {
+          if (returnFiber.lastEffect !== null) {
+            returnFiber.lastEffect.nextEffect = workInProgress.firstEffect;
+          }
+          returnFiber.lastEffect = workInProgress.lastEffect;
+        }
+
+        // If this fiber had side-effects, we append it AFTER the children's
+        // side-effects. We can perform certain side-effects earlier if needed,
+        // by doing multiple passes over the effect list. We don't want to
+        // schedule our own side-effect on our own list because if end up
+        // reusing children we'll schedule this effect onto itself since we're
+        // at the end.
+        var effectTag = workInProgress.effectTag;
+
+        // Skip both NoWork and PerformedWork tags when creating the effect
+        // list. PerformedWork effect is read by React DevTools but shouldn't be
+        // committed.
+        if (effectTag > PerformedWork) {
+          if (returnFiber.lastEffect !== null) {
+            returnFiber.lastEffect.nextEffect = workInProgress;
+          } else {
+            returnFiber.firstEffect = workInProgress;
+          }
+          returnFiber.lastEffect = workInProgress;
+        }
+      }
+    } 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(workInProgress, renderExpirationTime);
+
+      // Because this fiber did not complete, don't reset its expiration time.
+
+      if (
+        enableProfilerTimer &&
+        (workInProgress.mode & ProfileMode) !== NoMode
+      ) {
+        // Record the render duration for the fiber that errored.
+        stopProfilerTimerIfRunningAndRecordDelta(workInProgress, false);
+
+        // Include the time spent working on failed children before continuing.
+        var actualDuration = workInProgress.actualDuration;
+        var child = workInProgress.child;
+        while (child !== null) {
+          actualDuration += child.actualDuration;
+          child = child.sibling;
+        }
+        workInProgress.actualDuration = actualDuration;
+      }
+
+      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.
+        // TODO: The name stopFailedWorkTimer is misleading because Suspense
+        // also captures and restarts.
+        stopFailedWorkTimer(workInProgress);
+        _next.effectTag &= HostEffectMask;
+        return _next;
+      }
+      stopWorkTimer(workInProgress);
+
+      if (returnFiber !== null) {
+        // Mark the parent fiber as incomplete and clear its effect list.
+        returnFiber.firstEffect = returnFiber.lastEffect = null;
+        returnFiber.effectTag |= Incomplete;
+      }
+    }
+
+    var siblingFiber = workInProgress.sibling;
+    if (siblingFiber !== null) {
+      // If there is more work to do in this returnFiber, do that next.
+      return siblingFiber;
+    }
+    // Otherwise, return to the parent
+    workInProgress = returnFiber;
+  } while (workInProgress !== null);
+
+  // We've reached the root.
+  if (workInProgressRootExitStatus === RootIncomplete) {
+    workInProgressRootExitStatus = RootCompleted;
+  }
+  return null;
+}
+
+function resetChildExpirationTime(completedWork) {
+  if (
+    renderExpirationTime !== Never &&
+    completedWork.childExpirationTime === Never
+  ) {
+    // The children of this component are hidden. Don't bubble their
+    // expiration times.
+    return;
+  }
+
+  var newChildExpirationTime = NoWork;
+
+  // Bubble up the earliest expiration time.
+  if (enableProfilerTimer && (completedWork.mode & ProfileMode) !== NoMode) {
+    // In profiling mode, resetChildExpirationTime is also used to reset
+    // profiler durations.
+    var actualDuration = completedWork.actualDuration;
+    var treeBaseDuration = completedWork.selfBaseDuration;
+
+    // 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.
+    var shouldBubbleActualDurations =
+      completedWork.alternate === null ||
+      completedWork.child !== completedWork.alternate.child;
+
+    var child = completedWork.child;
+    while (child !== null) {
+      var childUpdateExpirationTime = child.expirationTime;
+      var childChildExpirationTime = child.childExpirationTime;
+      if (childUpdateExpirationTime > newChildExpirationTime) {
+        newChildExpirationTime = childUpdateExpirationTime;
+      }
+      if (childChildExpirationTime > newChildExpirationTime) {
+        newChildExpirationTime = childChildExpirationTime;
+      }
+      if (shouldBubbleActualDurations) {
+        actualDuration += child.actualDuration;
+      }
+      treeBaseDuration += child.treeBaseDuration;
+      child = child.sibling;
+    }
+    completedWork.actualDuration = actualDuration;
+    completedWork.treeBaseDuration = treeBaseDuration;
+  } else {
+    var _child = completedWork.child;
+    while (_child !== null) {
+      var _childUpdateExpirationTime = _child.expirationTime;
+      var _childChildExpirationTime = _child.childExpirationTime;
+      if (_childUpdateExpirationTime > newChildExpirationTime) {
+        newChildExpirationTime = _childUpdateExpirationTime;
+      }
+      if (_childChildExpirationTime > newChildExpirationTime) {
+        newChildExpirationTime = _childChildExpirationTime;
+      }
+      _child = _child.sibling;
+    }
+  }
+
+  completedWork.childExpirationTime = newChildExpirationTime;
+}
+
+function commitRoot(root) {
+  var renderPriorityLevel = getCurrentPriorityLevel();
+  runWithPriority$1(
+    ImmediatePriority,
+    commitRootImpl.bind(null, root, renderPriorityLevel)
+  );
+  // If there are passive effects, schedule a callback to flush them. This goes
+  // outside commitRootImpl so that it inherits the priority of the render.
+  if (rootWithPendingPassiveEffects !== null) {
+    scheduleCallback(NormalPriority, function() {
+      flushPassiveEffects();
+      return null;
+    });
+  }
+  return null;
+}
+
+function commitRootImpl(root, renderPriorityLevel) {
+  flushPassiveEffects();
+  flushRenderPhaseStrictModeWarningsInDEV();
+
+  (function() {
+    if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+      throw ReactError(Error("Should not already be working."));
+    }
+  })();
+
+  var finishedWork = root.finishedWork;
+  var expirationTime = root.finishedExpirationTime;
+  if (finishedWork === null) {
+    return null;
+  }
+  root.finishedWork = null;
+  root.finishedExpirationTime = NoWork;
+
+  (function() {
+    if (!(finishedWork !== root.current)) {
+      throw ReactError(
+        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.callbackExpirationTime = NoWork;
+
+  startCommitTimer();
+
+  // Update the first and last pending times on this root. The new first
+  // pending time is whatever is left on the root fiber.
+  var updateExpirationTimeBeforeCommit = finishedWork.expirationTime;
+  var childExpirationTimeBeforeCommit = finishedWork.childExpirationTime;
+  var firstPendingTimeBeforeCommit =
+    childExpirationTimeBeforeCommit > updateExpirationTimeBeforeCommit
+      ? childExpirationTimeBeforeCommit
+      : updateExpirationTimeBeforeCommit;
+  root.firstPendingTime = firstPendingTimeBeforeCommit;
+  if (firstPendingTimeBeforeCommit < root.lastPendingTime) {
+    // This usually means we've finished all the work, but it can also happen
+    // when something gets downprioritized during render, like a hidden tree.
+    root.lastPendingTime = firstPendingTimeBeforeCommit;
+  }
+
+  if (root === workInProgressRoot) {
+    // We can reset these now that they are finished.
+    workInProgressRoot = null;
+    workInProgress = null;
+    renderExpirationTime = NoWork;
+  } else {
+  }
+  // This indicates that the last root we worked on is not the same one that
+  // we're committing now. This most commonly happens when a suspended root
+  // times out.
+
+  // Get the list of effects.
+  var firstEffect = void 0;
+  if (finishedWork.effectTag > PerformedWork) {
+    // A fiber's effect list consists only of its children, not itself. So if
+    // the root has an effect, we need to add it to the end of the list. The
+    // resulting list is the set that would belong to the root's parent, if it
+    // had one; that is, all the effects in the tree including the root.
+    if (finishedWork.lastEffect !== null) {
+      finishedWork.lastEffect.nextEffect = finishedWork;
+      firstEffect = finishedWork.firstEffect;
+    } else {
+      firstEffect = finishedWork;
+    }
+  } else {
+    // There is no effect on the root.
+    firstEffect = finishedWork.firstEffect;
+  }
+
+  if (firstEffect !== null) {
+    var prevExecutionContext = executionContext;
+    executionContext |= CommitContext;
+    var prevInteractions = null;
+    if (enableSchedulerTracing) {
+      prevInteractions = tracing.__interactionsRef.current;
+      tracing.__interactionsRef.current = root.memoizedInteractions;
+    }
+
+    // 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.
+    startCommitSnapshotEffectsTimer();
+    prepareForCommit(root.containerInfo);
+    nextEffect = firstEffect;
+    do {
+      {
+        invokeGuardedCallback(null, commitBeforeMutationEffects, null);
+        if (hasCaughtError()) {
+          (function() {
+            if (!(nextEffect !== null)) {
+              throw ReactError(Error("Should be working on an effect."));
+            }
+          })();
+          var error = clearCaughtError();
+          captureCommitPhaseError(nextEffect, error);
+          nextEffect = nextEffect.nextEffect;
+        }
+      }
+    } while (nextEffect !== null);
+    stopCommitSnapshotEffectsTimer();
+
+    if (enableProfilerTimer) {
+      // Mark the current commit time to be shared by all Profilers in this
+      // batch. This enables them to be grouped later.
+      recordCommitTime();
+    }
+
+    // The next phase is the mutation phase, where we mutate the host tree.
+    startCommitHostEffectsTimer();
+    nextEffect = firstEffect;
+    do {
+      {
+        invokeGuardedCallback(
+          null,
+          commitMutationEffects,
+          null,
+          renderPriorityLevel
+        );
+        if (hasCaughtError()) {
+          (function() {
+            if (!(nextEffect !== null)) {
+              throw ReactError(Error("Should be working on an effect."));
+            }
+          })();
+          var _error = clearCaughtError();
+          captureCommitPhaseError(nextEffect, _error);
+          nextEffect = nextEffect.nextEffect;
+        }
+      }
+    } while (nextEffect !== null);
+    stopCommitHostEffectsTimer();
+    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.
+    root.current = finishedWork;
 
-var rootsWithPendingDiscreteUpdates = null;
+    // The next phase is the layout phase, where we call effects that read
+    // the host tree after it's been mutated. The idiomatic use case for this is
+    // layout, but class component lifecycles also fire here for legacy reasons.
+    startCommitLifeCyclesTimer();
+    nextEffect = firstEffect;
+    do {
+      {
+        invokeGuardedCallback(
+          null,
+          commitLayoutEffects,
+          null,
+          root,
+          expirationTime
+        );
+        if (hasCaughtError()) {
+          (function() {
+            if (!(nextEffect !== null)) {
+              throw ReactError(Error("Should be working on an effect."));
+            }
+          })();
+          var _error2 = clearCaughtError();
+          captureCommitPhaseError(nextEffect, _error2);
+          nextEffect = nextEffect.nextEffect;
+        }
+      }
+    } while (nextEffect !== null);
+    stopCommitLifeCyclesTimer();
 
-// Use these to prevent an infinite loop of nested updates
-var NESTED_UPDATE_LIMIT = 50;
-var nestedUpdateCount = 0;
-var rootWithNestedUpdates = null;
+    nextEffect = null;
 
-var NESTED_PASSIVE_UPDATE_LIMIT = 50;
-var nestedPassiveUpdateCount = 0;
+    // Tell Scheduler to yield at the end of the frame, so the browser has an
+    // opportunity to paint.
+    requestPaint();
 
-var interruptedBy = null;
+    if (enableSchedulerTracing) {
+      tracing.__interactionsRef.current = prevInteractions;
+    }
+    executionContext = prevExecutionContext;
+  } 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.
+    startCommitSnapshotEffectsTimer();
+    stopCommitSnapshotEffectsTimer();
+    if (enableProfilerTimer) {
+      recordCommitTime();
+    }
+    startCommitHostEffectsTimer();
+    stopCommitHostEffectsTimer();
+    startCommitLifeCyclesTimer();
+    stopCommitLifeCyclesTimer();
+  }
 
-// Expiration times are computed by adding to the current time (the start
-// time). However, if two updates are scheduled within the same event, we
-// should treat their start times as simultaneous, even if the actual clock
-// time has advanced between the first and second call.
+  stopCommitTimer();
 
-// In other words, because expiration times determine how updates are batched,
-// we want all updates of like priority that occur within the same event to
-// receive the same expiration time. Otherwise we get tearing.
-var currentEventTime = NoWork;
+  var rootDidHavePassiveEffects = rootDoesHavePassiveEffects;
 
-function requestCurrentTime() {
-  if (workPhase === RenderPhase || workPhase === CommitPhase) {
-    // We're inside React, so it's fine to read the actual time.
-    return msToExpirationTime(now());
+  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;
+    pendingPassiveEffectsExpirationTime = expirationTime;
+    pendingPassiveEffectsRenderPriority = renderPriorityLevel;
+  } else {
+    // We are done with the effect chain at this point so let's clear the
+    // nextEffect pointers to assist with GC. If we have passive effects, we'll
+    // clear this in flushPassiveEffects.
+    nextEffect = firstEffect;
+    while (nextEffect !== null) {
+      var nextNextEffect = nextEffect.nextEffect;
+      nextEffect.nextEffect = null;
+      nextEffect = nextNextEffect;
+    }
   }
-  // We're not inside React, so we may be in the middle of a browser event.
-  if (currentEventTime !== NoWork) {
-    // Use the same start time for all updates until we enter React again.
-    return currentEventTime;
+
+  // Check if there's remaining work on this root
+  var remainingExpirationTime = root.firstPendingTime;
+  if (remainingExpirationTime !== NoWork) {
+    var currentTime = requestCurrentTime();
+    var priorityLevel = inferPriorityFromExpirationTime(
+      currentTime,
+      remainingExpirationTime
+    );
+
+    if (enableSchedulerTracing) {
+      if (spawnedWorkDuringRender !== null) {
+        var expirationTimes = spawnedWorkDuringRender;
+        spawnedWorkDuringRender = null;
+        for (var i = 0; i < expirationTimes.length; i++) {
+          scheduleInteractions(
+            root,
+            expirationTimes[i],
+            root.memoizedInteractions
+          );
+        }
+      }
+    }
+
+    scheduleCallbackForRoot(root, priorityLevel, remainingExpirationTime);
+  } else {
+    // If there's no remaining work, we can clear the set of already failed
+    // error boundaries.
+    legacyErrorBoundariesThatAlreadyFailed = null;
   }
-  // This is the first update since React yielded. Compute a new start time.
-  currentEventTime = msToExpirationTime(now());
-  return currentEventTime;
-}
 
-function computeExpirationForFiber(currentTime, fiber) {
-  if ((fiber.mode & ConcurrentMode) === NoContext) {
-    return Sync;
+  if (enableSchedulerTracing) {
+    if (!rootDidHavePassiveEffects) {
+      // If there are no passive effects, then we can complete the pending interactions.
+      // Otherwise, we'll wait until after the passive effects are flushed.
+      // Wait to do this until after remaining work has been scheduled,
+      // so that we don't prematurely signal complete for interactions when there's e.g. hidden work.
+      finishPendingInteractions(root, expirationTime);
+    }
   }
 
-  if (workPhase === RenderPhase) {
-    // Use whatever time we're already rendering
-    return renderExpirationTime;
+  onCommitRoot(finishedWork.stateNode, expirationTime);
+
+  if (remainingExpirationTime === Sync) {
+    // 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 {
+    nestedUpdateCount = 0;
   }
 
-  // Compute an expiration time based on the Scheduler priority.
-  var expirationTime = void 0;
-  var priorityLevel = getCurrentPriorityLevel();
-  switch (priorityLevel) {
-    case ImmediatePriority:
-      expirationTime = Sync;
-      break;
-    case UserBlockingPriority:
-      // TODO: Rename this to computeUserBlockingExpiration
-      expirationTime = computeInteractiveExpiration(currentTime);
-      break;
-    case NormalPriority:
-    case LowPriority:
-      // TODO: Handle LowPriority
-      // TODO: Rename this to... something better.
-      expirationTime = computeAsyncExpiration(currentTime);
-      break;
-    case IdlePriority:
-      expirationTime = Never;
-      break;
-    default:
-      (function() {
-        {
-          throw ReactError("Expected a valid priority level");
-        }
-      })();
+  if (hasUncaughtError) {
+    hasUncaughtError = false;
+    var _error3 = firstUncaughtError;
+    firstUncaughtError = null;
+    throw _error3;
   }
 
-  // If we're in the middle of rendering a tree, do not update at the same
-  // expiration time that is already rendering.
-  if (workInProgressRoot !== null && expirationTime === renderExpirationTime) {
-    // This is a trick to move this update into a separate batch
-    expirationTime -= 1;
+  if ((executionContext & LegacyUnbatchedContext) !== NoContext) {
+    // This is a legacy edge case. We just committed the initial mount of
+    // a ReactDOM.render-ed root inside of batchedUpdates. The commit fired
+    // synchronously, but layout updates should be deferred until the end
+    // of the batch.
+    return null;
   }
 
-  return expirationTime;
+  // If layout work was scheduled, flush it now.
+  flushSyncCallbackQueue();
+  return null;
 }
 
-function scheduleUpdateOnFiber(fiber, expirationTime) {
-  checkForNestedUpdates();
-  warnAboutInvalidUpdatesOnClassComponentsInDEV(fiber);
+function commitBeforeMutationEffects() {
+  while (nextEffect !== null) {
+    if ((nextEffect.effectTag & Snapshot) !== NoEffect) {
+      setCurrentFiber(nextEffect);
+      recordEffect();
 
-  var root = markUpdateTimeFromFiberToRoot(fiber, expirationTime);
-  if (root === null) {
-    warnAboutUpdateOnUnmountedFiberInDEV(fiber);
-    return;
+      var current$$1 = nextEffect.alternate;
+      commitBeforeMutationLifeCycles(current$$1, nextEffect);
+
+      resetCurrentFiber();
+    }
+    nextEffect = nextEffect.nextEffect;
   }
+}
 
-  root.pingTime = NoWork;
+function commitMutationEffects(renderPriorityLevel) {
+  // TODO: Should probably move the bulk of this function to commitWork.
+  while (nextEffect !== null) {
+    setCurrentFiber(nextEffect);
 
-  checkForInterruption(fiber, expirationTime);
-  recordScheduleUpdate();
+    var effectTag = nextEffect.effectTag;
 
-  if (expirationTime === Sync) {
-    if (workPhase === LegacyUnbatchedPhase) {
-      // This is a legacy edge case. The initial mount of a ReactDOM.render-ed
-      // root inside of batchedUpdates should be synchronous, but layout updates
-      // should be deferred until the end of the batch.
-      var callback = renderRoot(root, Sync, true);
-      while (callback !== null) {
-        callback = callback(true);
-      }
-    } else {
-      scheduleCallbackForRoot(root, ImmediatePriority, Sync);
-      if (workPhase === NotWorking) {
-        // Flush the synchronous work now, wnless 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-initated
-        // updates, to preserve historical behavior of sync mode.
-        flushImmediateQueue();
-      }
+    if (effectTag & ContentReset) {
+      commitResetTextContent(nextEffect);
     }
-  } else {
-    // TODO: computeExpirationForFiber also reads the priority. Pass the
-    // priority as an argument to that function and this one.
-    var priorityLevel = getCurrentPriorityLevel();
-    if (priorityLevel === UserBlockingPriority) {
-      // This is the result of a discrete event. Track the lowest priority
-      // discrete update per root so we can flush them early, if needed.
-      if (rootsWithPendingDiscreteUpdates === null) {
-        rootsWithPendingDiscreteUpdates = new Map([[root, expirationTime]]);
-      } else {
-        var lastDiscreteTime = rootsWithPendingDiscreteUpdates.get(root);
-        if (
-          lastDiscreteTime === undefined ||
-          lastDiscreteTime > expirationTime
-        ) {
-          rootsWithPendingDiscreteUpdates.set(root, expirationTime);
-        }
+
+    if (effectTag & Ref) {
+      var current$$1 = nextEffect.alternate;
+      if (current$$1 !== null) {
+        commitDetachRef(current$$1);
       }
     }
-    scheduleCallbackForRoot(root, priorityLevel, expirationTime);
-  }
-}
-var scheduleWork = scheduleUpdateOnFiber;
 
-// This is split into a separate function so we can mark a fiber with pending
-// work without treating it as a typical update that originates from an event;
-// e.g. retrying a Suspense boundary isn't an update, but it does schedule work
-// on a fiber.
-function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
-  // Update the source fiber's expiration time
-  if (fiber.expirationTime < expirationTime) {
-    fiber.expirationTime = expirationTime;
-  }
-  var alternate = fiber.alternate;
-  if (alternate !== null && alternate.expirationTime < expirationTime) {
-    alternate.expirationTime = expirationTime;
-  }
-  // Walk the parent path to the root and update the child expiration time.
-  var node = fiber.return;
-  var root = null;
-  if (node === null && fiber.tag === HostRoot) {
-    root = fiber.stateNode;
-  } else {
-    while (node !== null) {
-      alternate = node.alternate;
-      if (node.childExpirationTime < expirationTime) {
-        node.childExpirationTime = expirationTime;
-        if (
-          alternate !== null &&
-          alternate.childExpirationTime < expirationTime
-        ) {
-          alternate.childExpirationTime = expirationTime;
-        }
-      } else if (
-        alternate !== null &&
-        alternate.childExpirationTime < expirationTime
-      ) {
-        alternate.childExpirationTime = expirationTime;
+    // The following switch statement is only concerned about placement,
+    // updates, and deletions. To avoid needing to add a case for every possible
+    // bitmap value, we remove the secondary effects from the effect tag and
+    // switch on that value.
+    var primaryEffectTag = effectTag & (Placement | Update | Deletion);
+    switch (primaryEffectTag) {
+      case Placement: {
+        commitPlacement(nextEffect);
+        // 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.
+        nextEffect.effectTag &= ~Placement;
+        break;
       }
-      if (node.return === null && node.tag === HostRoot) {
-        root = node.stateNode;
+      case PlacementAndUpdate: {
+        // Placement
+        commitPlacement(nextEffect);
+        // Clear the "placement" from effect tag so that we know that this is
+        // inserted, before any life-cycles like componentDidMount gets called.
+        nextEffect.effectTag &= ~Placement;
+
+        // Update
+        var _current = nextEffect.alternate;
+        commitWork(_current, nextEffect);
+        break;
+      }
+      case Update: {
+        var _current2 = nextEffect.alternate;
+        commitWork(_current2, nextEffect);
+        break;
+      }
+      case Deletion: {
+        commitDeletion(nextEffect, renderPriorityLevel);
         break;
       }
-      node = node.return;
     }
+
+    // TODO: Only record a mutation effect if primaryEffectTag is non-zero.
+    recordEffect();
+
+    resetCurrentFiber();
+    nextEffect = nextEffect.nextEffect;
   }
+}
 
-  if (root !== null) {
-    // Update the first and last pending expiration times in this root
-    var firstPendingTime = root.firstPendingTime;
-    if (expirationTime > firstPendingTime) {
-      root.firstPendingTime = expirationTime;
+function commitLayoutEffects(root, committedExpirationTime) {
+  // TODO: Should probably move the bulk of this function to commitWork.
+  while (nextEffect !== null) {
+    setCurrentFiber(nextEffect);
+
+    var effectTag = nextEffect.effectTag;
+
+    if (effectTag & (Update | Callback)) {
+      recordEffect();
+      var current$$1 = nextEffect.alternate;
+      commitLifeCycles(root, current$$1, nextEffect, committedExpirationTime);
     }
-    var lastPendingTime = root.lastPendingTime;
-    if (lastPendingTime === NoWork || expirationTime < lastPendingTime) {
-      root.lastPendingTime = expirationTime;
+
+    if (effectTag & Ref) {
+      recordEffect();
+      commitAttachRef(nextEffect);
     }
+
+    if (effectTag & Passive) {
+      rootDoesHavePassiveEffects = true;
+    }
+
+    resetCurrentFiber();
+    nextEffect = nextEffect.nextEffect;
   }
+}
 
-  return root;
+function flushPassiveEffects() {
+  if (rootWithPendingPassiveEffects === null) {
+    return false;
+  }
+  var root = rootWithPendingPassiveEffects;
+  var expirationTime = pendingPassiveEffectsExpirationTime;
+  var renderPriorityLevel = pendingPassiveEffectsRenderPriority;
+  rootWithPendingPassiveEffects = null;
+  pendingPassiveEffectsExpirationTime = NoWork;
+  pendingPassiveEffectsRenderPriority = NoPriority;
+  var priorityLevel =
+    renderPriorityLevel > NormalPriority ? NormalPriority : renderPriorityLevel;
+  return runWithPriority$1(
+    priorityLevel,
+    flushPassiveEffectsImpl.bind(null, root, expirationTime)
+  );
 }
 
-// Use this function, along with runRootCallback, to ensure that only a single
-// callback per root is scheduled. It's still possible to call renderRoot
-// directly, but scheduling via this function helps avoid excessive callbacks.
-// It works by storing the callback node and expiration time on the root. When a
-// new callback comes in, it compares the expiration time to determine if it
-// should cancel the previous one. It also relies on commitRoot scheduling a
-// callback to render the next level, because that means we don't need a
-// separate callback per expiration time.
-function scheduleCallbackForRoot(root, priorityLevel, expirationTime) {
-  var existingCallbackExpirationTime = root.callbackExpirationTime;
-  if (existingCallbackExpirationTime < expirationTime) {
-    // New callback has higher priority than the existing one.
-    var existingCallbackNode = root.callbackNode;
-    if (existingCallbackNode !== null) {
-      cancelCallback(existingCallbackNode);
+function flushPassiveEffectsImpl(root, expirationTime) {
+  var prevInteractions = null;
+  if (enableSchedulerTracing) {
+    prevInteractions = tracing.__interactionsRef.current;
+    tracing.__interactionsRef.current = root.memoizedInteractions;
+  }
+
+  (function() {
+    if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+      throw ReactError(
+        Error("Cannot flush passive effects while already rendering.")
+      );
     }
-    root.callbackExpirationTime = expirationTime;
+  })();
+  var prevExecutionContext = executionContext;
+  executionContext |= CommitContext;
 
-    var options = null;
-    if (expirationTime !== Sync && expirationTime !== Never) {
-      var timeout = expirationTimeToMs(expirationTime) - now();
-      if (timeout > 5000) {
-        // Sanity check. Should never take longer than 5 seconds.
-        // TODO: Add internal warning?
-        timeout = 5000;
+  // Note: This currently assumes there are no passive effects on the root
+  // fiber, because the root is not part of its own effect list. This could
+  // change in the future.
+  var effect = root.current.firstEffect;
+  while (effect !== null) {
+    {
+      setCurrentFiber(effect);
+      invokeGuardedCallback(null, commitPassiveHookEffects, null, effect);
+      if (hasCaughtError()) {
+        (function() {
+          if (!(effect !== null)) {
+            throw ReactError(Error("Should be working on an effect."));
+          }
+        })();
+        var error = clearCaughtError();
+        captureCommitPhaseError(effect, error);
       }
-      options = { timeout: timeout };
+      resetCurrentFiber();
     }
+    var nextNextEffect = effect.nextEffect;
+    // Remove nextEffect pointer to assist GC
+    effect.nextEffect = null;
+    effect = nextNextEffect;
+  }
 
-    root.callbackNode = scheduleCallback(
-      priorityLevel,
-      runRootCallback.bind(
-        null,
-        root,
-        renderRoot.bind(null, root, expirationTime)
-      ),
-      options
-    );
-    if (
-      enableUserTimingAPI &&
-      expirationTime !== Sync &&
-      workPhase !== RenderPhase &&
-      workPhase !== CommitPhase
-    ) {
-      // Scheduled an async callback, and we're not already working. Add an
-      // entry to the flamegraph that shows we're waiting for a callback
-      // to fire.
-      startRequestCallbackTimer();
-    }
+  if (enableSchedulerTracing) {
+    tracing.__interactionsRef.current = prevInteractions;
+    finishPendingInteractions(root, expirationTime);
   }
 
-  // Add the current set of interactions to the pending set associated with
-  // this root.
-  schedulePendingInteraction(root, expirationTime);
+  executionContext = prevExecutionContext;
+  flushSyncCallbackQueue();
+
+  // If additional passive effects were scheduled, increment a counter. If this
+  // exceeds the limit, we'll fire a warning.
+  nestedPassiveUpdateCount =
+    rootWithPendingPassiveEffects === null ? 0 : nestedPassiveUpdateCount + 1;
+
+  return true;
 }
 
-function runRootCallback(root, callback, isSync) {
-  var prevCallbackNode = root.callbackNode;
-  var continuation = null;
-  try {
-    continuation = callback(isSync);
-    if (continuation !== null) {
-      return runRootCallback.bind(null, root, continuation);
-    } else {
-      return null;
-    }
-  } finally {
-    // If the callback exits without returning a continuation, remove the
-    // corresponding callback node from the root. Unless the callback node
-    // has changed, which implies that it was already cancelled by a high
-    // priority update.
-    if (continuation === null && prevCallbackNode === root.callbackNode) {
-      root.callbackNode = null;
-      root.callbackExpirationTime = NoWork;
-    }
-  }
+function isAlreadyFailedLegacyErrorBoundary(instance) {
+  return (
+    legacyErrorBoundariesThatAlreadyFailed !== null &&
+    legacyErrorBoundariesThatAlreadyFailed.has(instance)
+  );
 }
 
-function flushInteractiveUpdates$1() {
-  if (workPhase === RenderPhase || workPhase === CommitPhase) {
-    // Can't synchronously flush interactive updates if React is already
-    // working. This is currently a no-op.
-    // TODO: Should we fire a warning? This happens if you synchronously invoke
-    // an input event inside an effect, like with `element.click()`.
-    return;
+function markLegacyErrorBoundaryAsFailed(instance) {
+  if (legacyErrorBoundariesThatAlreadyFailed === null) {
+    legacyErrorBoundariesThatAlreadyFailed = new Set([instance]);
+  } else {
+    legacyErrorBoundariesThatAlreadyFailed.add(instance);
   }
-  flushPendingDiscreteUpdates();
 }
 
-function resolveLocksOnRoot(root, expirationTime) {
-  var firstBatch = root.firstBatch;
-  if (
-    firstBatch !== null &&
-    firstBatch._defer &&
-    firstBatch._expirationTime >= expirationTime
-  ) {
-    root.finishedWork = root.current.alternate;
-    root.pendingCommitExpirationTime = expirationTime;
-    scheduleCallback(NormalPriority, function() {
-      firstBatch._onComplete();
-      return null;
-    });
-    return true;
-  } else {
-    return false;
+function prepareToThrowUncaughtError(error) {
+  if (!hasUncaughtError) {
+    hasUncaughtError = true;
+    firstUncaughtError = error;
   }
-  // Flush any sync work that was scheduled by effects
-  if (!isBatchingUpdates && !isRendering) {
-    performSyncWork();
+}
+var onUncaughtError = prepareToThrowUncaughtError;
+
+function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
+  var errorInfo = createCapturedValue(error, sourceFiber);
+  var update = createRootErrorUpdate(rootFiber, errorInfo, Sync);
+  enqueueUpdate(rootFiber, update);
+  var root = markUpdateTimeFromFiberToRoot(rootFiber, Sync);
+  if (root !== null) {
+    scheduleCallbackForRoot(root, ImmediatePriority, Sync);
   }
 }
 
-function interactiveUpdates$1(fn, a, b, c) {
-  if (workPhase === NotWorking) {
-    // TODO: Remove this call. Instead of doing this automatically, the caller
-    // should explicitly call flushInteractiveUpdates.
-    flushPendingDiscreteUpdates();
+function captureCommitPhaseError(sourceFiber, error) {
+  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);
+    return;
+  }
+
+  var fiber = sourceFiber.return;
+  while (fiber !== null) {
+    if (fiber.tag === HostRoot) {
+      captureCommitPhaseErrorOnRoot(fiber, sourceFiber, error);
+      return;
+    } else if (fiber.tag === ClassComponent) {
+      var ctor = fiber.type;
+      var instance = fiber.stateNode;
+      if (
+        typeof ctor.getDerivedStateFromError === "function" ||
+        (typeof instance.componentDidCatch === "function" &&
+          !isAlreadyFailedLegacyErrorBoundary(instance))
+      ) {
+        var errorInfo = createCapturedValue(error, sourceFiber);
+        var update = createClassErrorUpdate(
+          fiber,
+          errorInfo,
+          // TODO: This is always sync
+          Sync
+        );
+        enqueueUpdate(fiber, update);
+        var root = markUpdateTimeFromFiberToRoot(fiber, Sync);
+        if (root !== null) {
+          scheduleCallbackForRoot(root, ImmediatePriority, Sync);
+        }
+        return;
+      }
+    }
+    fiber = fiber.return;
   }
-  return runWithPriority(UserBlockingPriority, fn.bind(null, a, b, c));
 }
 
-function flushPendingDiscreteUpdates() {
-  if (rootsWithPendingDiscreteUpdates !== null) {
-    // For each root with pending discrete updates, schedule a callback to
-    // immediately flush them.
-    var roots = rootsWithPendingDiscreteUpdates;
-    rootsWithPendingDiscreteUpdates = null;
-    roots.forEach(function(expirationTime, root) {
-      scheduleCallback(
-        ImmediatePriority,
-        renderRoot.bind(null, root, expirationTime)
-      );
-    });
-    // Now flush the immediate queue.
-    flushImmediateQueue();
+function pingSuspendedRoot(root, thenable, suspendedTime) {
+  var pingCache = root.pingCache;
+  if (pingCache !== null) {
+    // The thenable resolved, so we no longer need to memoize, because it will
+    // never be thrown again.
+    pingCache.delete(thenable);
+  }
+
+  if (workInProgressRoot === root && renderExpirationTime === suspendedTime) {
+    // 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, we'll always suspend so we can always
+    // restart. If we're suspended without any updates, it might be a retry.
+    // If it's early in the retry we can restart. We can't know for sure
+    // whether we'll eventually process an update during this render pass,
+    // but it's somewhat unlikely that we get to a ping before that, since
+    // getting to the root most update is usually very fast.
+    if (
+      workInProgressRootExitStatus === RootSuspendedWithDelay ||
+      (workInProgressRootExitStatus === RootSuspended &&
+        workInProgressRootLatestProcessedExpirationTime === Sync &&
+        now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
+    ) {
+      // Restart from the root. Don't need to schedule a ping because
+      // we're already working on this tree.
+      prepareFreshStack(root, renderExpirationTime);
+    } else {
+      // Even though we can't restart right now, we might get an
+      // opportunity later. So we mark this render as having a ping.
+      workInProgressRootHasPendingPing = true;
+    }
+    return;
   }
-}
 
-function batchedUpdates$1(fn, a) {
-  if (workPhase !== NotWorking) {
-    // We're already working, or inside a batch, so batchedUpdates is a no-op.
-    return fn(a);
+  var lastPendingTime = root.lastPendingTime;
+  if (lastPendingTime < suspendedTime) {
+    // The root is no longer suspended at this time.
+    return;
   }
-  workPhase = BatchedPhase;
-  try {
-    return fn(a);
-  } finally {
-    workPhase = NotWorking;
-    // Flush the immediate callbacks that were scheduled during this batch
-    flushImmediateQueue();
+
+  var pingTime = root.pingTime;
+  if (pingTime !== NoWork && pingTime < suspendedTime) {
+    // There's already a lower priority ping scheduled.
+    return;
   }
-}
 
-function prepareFreshStack(root, expirationTime) {
-  root.pendingCommitExpirationTime = NoWork;
+  // Mark the time at which this ping was scheduled.
+  root.pingTime = suspendedTime;
 
-  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 (root.finishedExpirationTime === suspendedTime) {
+    // If there's a pending fallback waiting to commit, throw it away.
+    root.finishedExpirationTime = NoWork;
+    root.finishedWork = null;
   }
 
-  if (workInProgress !== null) {
-    var interruptedWork = workInProgress.return;
-    while (interruptedWork !== null) {
-      unwindInterruptedWork(interruptedWork);
-      interruptedWork = interruptedWork.return;
-    }
-  }
-  workInProgressRoot = root;
-  workInProgress = createWorkInProgress(root.current, null, expirationTime);
-  renderExpirationTime = expirationTime;
-  workInProgressRootExitStatus = RootIncomplete;
-  workInProgressRootMostRecentEventTime = Sync;
+  var currentTime = requestCurrentTime();
+  var priorityLevel = inferPriorityFromExpirationTime(
+    currentTime,
+    suspendedTime
+  );
+  scheduleCallbackForRoot(root, priorityLevel, suspendedTime);
+}
 
-  {
-    ReactStrictModeWarnings.discardPendingWarnings();
+function retryTimedOutBoundary(boundaryFiber) {
+  // 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 expiration time.
+  var currentTime = requestCurrentTime();
+  var suspenseConfig = null; // Retries don't carry over the already committed update.
+  var retryTime = computeExpirationForFiber(
+    currentTime,
+    boundaryFiber,
+    suspenseConfig
+  );
+  // TODO: Special case idle priority?
+  var priorityLevel = inferPriorityFromExpirationTime(currentTime, retryTime);
+  var root = markUpdateTimeFromFiberToRoot(boundaryFiber, retryTime);
+  if (root !== null) {
+    scheduleCallbackForRoot(root, priorityLevel, retryTime);
   }
 }
 
-function renderRoot(root, expirationTime, isSync) {
-  (function() {
-    if (!(workPhase !== RenderPhase && workPhase !== CommitPhase)) {
-      throw ReactError("Should not already be working.");
+function resolveRetryThenable(boundaryFiber, thenable) {
+  var retryCache = void 0;
+  if (enableSuspenseServerRenderer) {
+    switch (boundaryFiber.tag) {
+      case SuspenseComponent:
+        retryCache = boundaryFiber.stateNode;
+        break;
+      case DehydratedSuspenseComponent:
+        retryCache = boundaryFiber.memoizedState;
+        break;
+      default:
+        (function() {
+          {
+            throw ReactError(
+              Error(
+                "Pinged unknown suspense boundary type. This is probably a bug in React."
+              )
+            );
+          }
+        })();
     }
-  })();
-
-  if (enableUserTimingAPI && expirationTime !== Sync) {
-    var didExpire = isSync;
-    stopRequestCallbackTimer(didExpire);
+  } else {
+    retryCache = boundaryFiber.stateNode;
   }
 
-  if (root.firstPendingTime < expirationTime) {
-    // If there's no work left at this expiration time, exit immediately. This
-    // happens when multiple callbacks are scheduled for a single root, but an
-    // earlier callback flushes the work of a later one.
-    return null;
+  if (retryCache !== null) {
+    // The thenable resolved, so we no longer need to memoize, because it will
+    // never be thrown again.
+    retryCache.delete(thenable);
   }
 
-  if (root.pendingCommitExpirationTime === expirationTime) {
-    // There's already a pending commit at this expiration time.
-    root.pendingCommitExpirationTime = NoWork;
-    return commitRoot.bind(null, root, expirationTime);
-  }
+  retryTimedOutBoundary(boundaryFiber);
+}
 
-  flushPassiveEffects();
+// 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;
+}
 
-  // If the root or expiration time have changed, throw out the existing stack
-  // and prepare a fresh one. Otherwise we'll continue where we left off.
-  if (root !== workInProgressRoot || expirationTime !== renderExpirationTime) {
-    prepareFreshStack(root, expirationTime);
-    startWorkOnPendingInteraction(root, expirationTime);
+function computeMsUntilSuspenseLoadingDelay(
+  mostRecentEventTime,
+  committedExpirationTime,
+  suspenseConfig
+) {
+  var busyMinDurationMs = suspenseConfig.busyMinDurationMs | 0;
+  if (busyMinDurationMs <= 0) {
+    return 0;
   }
+  var busyDelayMs = suspenseConfig.busyDelayMs | 0;
 
-  // If we have a work-in-progress fiber, it means there's still work to do
-  // in this root.
-  if (workInProgress !== null) {
-    var prevWorkPhase = workPhase;
-    workPhase = RenderPhase;
-    var prevDispatcher = ReactCurrentDispatcher.current;
-    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.
-      prevDispatcher = ContextOnlyDispatcher;
-    }
-    ReactCurrentDispatcher.current = ContextOnlyDispatcher;
-    var prevInteractions = null;
-    if (enableSchedulerTracing) {
-      prevInteractions = tracing.__interactionsRef.current;
-      tracing.__interactionsRef.current = root.memoizedInteractions;
-    }
-
-    startWorkLoopTimer(workInProgress);
+  // Compute the time until this render pass would expire.
+  var currentTimeMs = now();
+  var eventTimeMs = inferTimeFromExpirationTimeWithSuspenseConfig(
+    mostRecentEventTime,
+    suspenseConfig
+  );
+  var timeElapsed = currentTimeMs - eventTimeMs;
+  if (timeElapsed <= busyDelayMs) {
+    // If we haven't yet waited longer than the initial delay, we don't
+    // have to wait any additional time.
+    return 0;
+  }
+  var msUntilTimeout = busyDelayMs + busyMinDurationMs - timeElapsed;
+  // This is the value that is passed to `setTimeout`.
+  return msUntilTimeout;
+}
 
-    // TODO: Fork renderRoot into renderRootSync and renderRootAsync
-    if (isSync) {
-      if (expirationTime !== Sync) {
-        // An async update expired. There may be other expired updates on
-        // this root. We should render all the expired work in a
-        // single batch.
-        var currentTime = requestCurrentTime();
-        if (currentTime < expirationTime) {
-          // Restart at the current time.
-          workPhase = prevWorkPhase;
-          resetContextDependences();
-          ReactCurrentDispatcher.current = prevDispatcher;
-          if (enableSchedulerTracing) {
-            tracing.__interactionsRef.current = prevInteractions;
-          }
-          return renderRoot.bind(null, root, currentTime);
-        }
+function checkForNestedUpdates() {
+  if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
+    nestedUpdateCount = 0;
+    rootWithNestedUpdates = null;
+    (function() {
+      {
+        throw ReactError(
+          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."
+          )
+        );
       }
-    } else {
-      // 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 = NoWork;
+    })();
+  }
+
+  {
+    if (nestedPassiveUpdateCount > NESTED_PASSIVE_UPDATE_LIMIT) {
+      nestedPassiveUpdateCount = 0;
+      warning$1(
+        false,
+        "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."
+      );
     }
+  }
+}
 
-    do {
-      try {
-        if (isSync) {
-          workLoopSync();
-        } else {
-          workLoop();
-        }
-        break;
-      } catch (thrownValue) {
-        // Reset module-level state that was set during the render phase.
-        resetContextDependences();
-        resetHooks();
+function flushRenderPhaseStrictModeWarningsInDEV() {
+  {
+    ReactStrictModeWarnings.flushLegacyContextWarning();
 
-        var sourceFiber = workInProgress;
-        if (sourceFiber === null || sourceFiber.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.
-          prepareFreshStack(root, expirationTime);
-          workPhase = prevWorkPhase;
-          throw thrownValue;
-        }
+    if (warnAboutDeprecatedLifecycles) {
+      ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings();
+    }
+  }
+}
 
-        if (enableProfilerTimer && sourceFiber.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(sourceFiber, true);
-        }
+function stopFinishedWorkLoopTimer() {
+  var didCompleteRoot = true;
+  stopWorkLoopTimer(interruptedBy, didCompleteRoot);
+  interruptedBy = null;
+}
 
-        var returnFiber = sourceFiber.return;
-        throwException(
-          root,
-          returnFiber,
-          sourceFiber,
-          thrownValue,
-          renderExpirationTime
-        );
-        workInProgress = completeUnitOfWork(sourceFiber);
-      }
-    } while (true);
+function stopInterruptedWorkLoopTimer() {
+  // TODO: Track which fiber caused the interruption.
+  var didCompleteRoot = false;
+  stopWorkLoopTimer(interruptedBy, didCompleteRoot);
+  interruptedBy = null;
+}
 
-    workPhase = prevWorkPhase;
-    resetContextDependences();
-    ReactCurrentDispatcher.current = prevDispatcher;
-    if (enableSchedulerTracing) {
-      tracing.__interactionsRef.current = prevInteractions;
-    }
+function checkForInterruption(fiberThatReceivedUpdate, updateExpirationTime) {
+  if (
+    enableUserTimingAPI &&
+    workInProgressRoot !== null &&
+    updateExpirationTime > renderExpirationTime
+  ) {
+    interruptedBy = fiberThatReceivedUpdate;
+  }
+}
 
-    if (workInProgress !== null) {
-      // There's still work left over. Return a continuation.
-      stopInterruptedWorkLoopTimer();
-      if (expirationTime !== Sync) {
-        startRequestCallbackTimer();
+var didWarnStateUpdateForUnmountedComponent = null;
+function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {
+  {
+    var tag = fiber.tag;
+    if (
+      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 = getComponentName(fiber.type) || "ReactComponent";
+    if (didWarnStateUpdateForUnmountedComponent !== null) {
+      if (didWarnStateUpdateForUnmountedComponent.has(componentName)) {
+        return;
       }
-      return renderRoot.bind(null, root, expirationTime);
+      didWarnStateUpdateForUnmountedComponent.add(componentName);
+    } else {
+      didWarnStateUpdateForUnmountedComponent = new Set([componentName]);
     }
+    warningWithoutStack$1(
+      false,
+      "Can't perform a React state update on an unmounted component. This " +
+        "is a no-op, but it indicates a memory leak in your application. To " +
+        "fix, cancel all subscriptions and asynchronous tasks in %s.%s",
+      tag === ClassComponent
+        ? "the componentWillUnmount method"
+        : "a useEffect cleanup function",
+      getStackByFiberInDevAndProd(fiber)
+    );
   }
+}
 
-  // 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.
-  stopFinishedWorkLoopTimer();
+var beginWork$$1 = void 0;
+if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
+  var dummyFiber = null;
+  beginWork$$1 = function(current$$1, unitOfWork, expirationTime) {
+    // 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.
 
-  var isLocked = resolveLocksOnRoot(root, expirationTime);
-  if (isLocked) {
-    // This root has a lock that prevents it from committing. Exit. If we begin
-    // work on the root again, without any intervening updates, it will finish
-    // without doing additional work.
-    return null;
-  }
+    // 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$1(current$$1, unitOfWork, expirationTime);
+    } catch (originalError) {
+      if (
+        originalError !== null &&
+        typeof originalError === "object" &&
+        typeof originalError.then === "function"
+      ) {
+        // Don't replay promises. Treat everything else like an error.
+        throw originalError;
+      }
 
-  // Set this to null to indicate there's no in-progress render.
-  workInProgressRoot = null;
+      // Keep this code in sync with renderRoot; any changes here must have
+      // corresponding changes there.
+      resetContextDependencies();
+      resetHooks();
 
-  switch (workInProgressRootExitStatus) {
-    case RootIncomplete: {
-      (function() {
-        {
-          throw ReactError("Should have a work-in-progress.");
-        }
-      })();
-    }
-    // Flow knows about invariant, so it compains 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
-    case RootErrored: {
-      // An error was thrown. First check if there is lower priority work
-      // scheduled on this root.
-      var lastPendingTime = root.lastPendingTime;
-      if (root.lastPendingTime < expirationTime) {
-        // There's lower priority work. Before raising the error, try rendering
-        // at the lower priority to see if it fixes it. Use a continuation to
-        // maintain the existing priority and position in the queue.
-        return renderRoot.bind(null, root, lastPendingTime);
+      // Unwind the failed stack frame
+      unwindInterruptedWork(unitOfWork);
+
+      // Restore the original properties of the fiber.
+      assignFiberPropertiesInDEV(unitOfWork, originalWorkInProgressCopy);
+
+      if (enableProfilerTimer && unitOfWork.mode & ProfileMode) {
+        // Reset the profiler timer.
+        startProfilerTimer(unitOfWork);
       }
-      if (!isSync) {
-        // If we're rendering asynchronously, it's possible the error was
-        // caused by tearing due to a mutation during an event. Try rendering
-        // one more time without yiedling to events.
-        prepareFreshStack(root, expirationTime);
-        scheduleCallback(
-          ImmediatePriority,
-          renderRoot.bind(null, root, expirationTime)
-        );
-        return null;
+
+      // Run beginWork again.
+      invokeGuardedCallback(
+        null,
+        beginWork$1,
+        null,
+        current$$1,
+        unitOfWork,
+        expirationTime
+      );
+
+      if (hasCaughtError()) {
+        var replayError = clearCaughtError();
+        // `invokeGuardedCallback` sometimes sets an expando `_suppressLogging`.
+        // Rethrow this error instead of the original one.
+        throw replayError;
+      } else {
+        // This branch is reachable if the render phase is impure.
+        throw originalError;
       }
-      // If we're already rendering synchronously, commit the root in its
-      // errored state.
-      return commitRoot.bind(null, root, expirationTime);
     }
-    case RootSuspended: {
-      if (!isSync) {
-        var _lastPendingTime = root.lastPendingTime;
-        if (root.lastPendingTime < expirationTime) {
-          // There's lower priority work. It might be unsuspended. Try rendering
-          // at that level.
-          return renderRoot.bind(null, root, _lastPendingTime);
-        }
-        // If workInProgressRootMostRecentEventTime is Sync, that means we didn't
-        // track any event times. That can happen if we retried but nothing switched
-        // from fallback to content. There's no reason to delay doing no work.
-        if (workInProgressRootMostRecentEventTime !== Sync) {
-          var msUntilTimeout = computeMsUntilTimeout(
-            workInProgressRootMostRecentEventTime,
-            expirationTime
+  };
+} else {
+  beginWork$$1 = beginWork$1;
+}
+
+var didWarnAboutUpdateInRender = false;
+var didWarnAboutUpdateInGetChildContext = false;
+function warnAboutInvalidUpdatesOnClassComponentsInDEV(fiber) {
+  {
+    if (fiber.tag === ClassComponent) {
+      switch (phase) {
+        case "getChildContext":
+          if (didWarnAboutUpdateInGetChildContext) {
+            return;
+          }
+          warningWithoutStack$1(
+            false,
+            "setState(...): Cannot call setState() inside getChildContext()"
           );
-          // Don't bother with a very short suspense time.
-          if (msUntilTimeout > 10) {
-            // 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.
-            root.timeoutHandle = scheduleTimeout(
-              commitRoot.bind(null, root, expirationTime),
-              msUntilTimeout
-            );
-            return null;
+          didWarnAboutUpdateInGetChildContext = true;
+          break;
+        case "render":
+          if (didWarnAboutUpdateInRender) {
+            return;
           }
-        }
+          warningWithoutStack$1(
+            false,
+            "Cannot update during an existing state transition (such as " +
+              "within `render`). Render methods should be a pure function of " +
+              "props and state."
+          );
+          didWarnAboutUpdateInRender = true;
+          break;
       }
-      // The work expired. Commit immediately.
-      return commitRoot.bind(null, root, expirationTime);
-    }
-    case RootCompleted: {
-      // The work completed. Ready to commit.
-      return commitRoot.bind(null, root, expirationTime);
     }
-    default: {
-      (function() {
-        {
-          throw ReactError("Unknown root exit status.");
-        }
-      })();
-    }
-  }
-}
-
-function markRenderEventTime(expirationTime) {
-  if (expirationTime < workInProgressRootMostRecentEventTime) {
-    workInProgressRootMostRecentEventTime = expirationTime;
-  }
-}
-
-function renderDidSuspend() {
-  if (workInProgressRootExitStatus === RootIncomplete) {
-    workInProgressRootExitStatus = RootSuspended;
-  }
-}
-
-function renderDidError() {
-  if (
-    workInProgressRootExitStatus === RootIncomplete ||
-    workInProgressRootExitStatus === RootSuspended
-  ) {
-    workInProgressRootExitStatus = RootErrored;
   }
 }
 
-function inferTimeFromExpirationTime(expirationTime) {
-  // We don't know exactly when the update was scheduled, but we can infer an
-  // approximate start time from the expiration time.
-  var earliestExpirationTimeMs = expirationTimeToMs(expirationTime);
-  return earliestExpirationTimeMs - LOW_PRIORITY_EXPIRATION;
-}
+// a 'shared' variable that changes when act() opens/closes in tests.
+var IsThisRendererActing = { current: false };
 
-function workLoopSync() {
-  // Already timed out, so perform work without checking if we need to yield.
-  while (workInProgress !== null) {
-    workInProgress = performUnitOfWork(workInProgress);
+function warnIfNotScopedWithMatchingAct(fiber) {
+  {
+    if (
+      warnsIfNotActing === true &&
+      IsSomeRendererActing.current === true &&
+      IsThisRendererActing.current !== true
+    ) {
+      warningWithoutStack$1(
+        false,
+        "It looks like you're using the wrong act() around your test interactions.\n" +
+          "Be sure to use the matching version of act() corresponding to your renderer:\n\n" +
+          "// for react-dom:\n" +
+          "import {act} from 'react-dom/test-utils';\n" +
+          "// ...\n" +
+          "act(() => ...);\n\n" +
+          "// for react-test-renderer:\n" +
+          "import TestRenderer from 'react-test-renderer';\n" +
+          "const {act} = TestRenderer;\n" +
+          "// ...\n" +
+          "act(() => ...);" +
+          "%s",
+        getStackByFiberInDevAndProd(fiber)
+      );
+    }
   }
 }
 
-function workLoop() {
-  // Perform work until Scheduler asks us to yield
-  while (workInProgress !== null && !shouldYield()) {
-    workInProgress = performUnitOfWork(workInProgress);
+function warnIfNotCurrentlyActingEffectsInDEV(fiber) {
+  {
+    if (
+      warnsIfNotActing === true &&
+      (fiber.mode & StrictMode) !== NoMode &&
+      IsSomeRendererActing.current === false &&
+      IsThisRendererActing.current === false
+    ) {
+      warningWithoutStack$1(
+        false,
+        "An update to %s ran an effect, but 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://fb.me/react-wrap-tests-with-act" +
+          "%s",
+        getComponentName(fiber.type),
+        getStackByFiberInDevAndProd(fiber)
+      );
+    }
   }
 }
 
-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$$1 = unitOfWork.alternate;
-
-  startWorkTimer(unitOfWork);
-  setCurrentFiber(unitOfWork);
-
-  var next = void 0;
-  if (enableProfilerTimer && (unitOfWork.mode & ProfileMode) !== NoContext) {
-    startProfilerTimer(unitOfWork);
-    next = beginWork$$1(current$$1, unitOfWork, renderExpirationTime);
-    stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, true);
-  } else {
-    next = beginWork$$1(current$$1, unitOfWork, renderExpirationTime);
-  }
-
-  resetCurrentFiber();
-  unitOfWork.memoizedProps = unitOfWork.pendingProps;
-  if (next === null) {
-    // If this doesn't spawn new work, complete the current work.
-    next = completeUnitOfWork(unitOfWork);
+function warnIfNotCurrentlyActingUpdatesInDEV(fiber) {
+  {
+    if (
+      warnsIfNotActing === true &&
+      executionContext === NoContext &&
+      IsSomeRendererActing.current === false &&
+      IsThisRendererActing.current === false
+    ) {
+      warningWithoutStack$1(
+        false,
+        "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://fb.me/react-wrap-tests-with-act" +
+          "%s",
+        getComponentName(fiber.type),
+        getStackByFiberInDevAndProd(fiber)
+      );
+    }
   }
-
-  ReactCurrentOwner$2.current = null;
-  return next;
 }
 
-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.
-  workInProgress = unitOfWork;
-  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$$1 = workInProgress.alternate;
-    var returnFiber = workInProgress.return;
+var warnIfNotCurrentlyActingUpdatesInDev = warnIfNotCurrentlyActingUpdatesInDEV;
 
-    // Check if the work completed or if something threw.
-    if ((workInProgress.effectTag & Incomplete) === NoEffect) {
-      setCurrentFiber(workInProgress);
-      var next = void 0;
-      if (
-        !enableProfilerTimer ||
-        (workInProgress.mode & ProfileMode) === NoContext
-      ) {
-        next = completeWork(current$$1, workInProgress, renderExpirationTime);
-      } else {
-        startProfilerTimer(workInProgress);
-        next = completeWork(current$$1, workInProgress, renderExpirationTime);
-        // Update render duration assuming we didn't error.
-        stopProfilerTimerIfRunningAndRecordDelta(workInProgress, false);
-      }
-      stopWorkTimer(workInProgress);
-      resetCurrentFiber();
-      resetChildExpirationTime(workInProgress);
+// In tests, we want to enforce a mocked scheduler.
+var didWarnAboutUnmockedScheduler = false;
+// TODO Before we release concurrent mode, revisit this and decide whether a mocked
+// scheduler is the actual recommendation. The alternative could be a testing build,
+// a new lib, or whatever; we dunno just yet. This message is for early adopters
+// to get their tests right.
 
-      if (next !== null) {
-        // Completing this fiber spawned new work. Work on that next.
-        return next;
+function warnIfUnmockedScheduler(fiber) {
+  {
+    if (
+      didWarnAboutUnmockedScheduler === false &&
+      Scheduler.unstable_flushAllWithoutAsserting === undefined
+    ) {
+      if (fiber.mode & BatchedMode || fiber.mode & ConcurrentMode) {
+        didWarnAboutUnmockedScheduler = true;
+        warningWithoutStack$1(
+          false,
+          'In Concurrent or Sync modes, the "scheduler" module needs to be mocked ' +
+            "to guarantee consistent behaviour across tests and browsers. " +
+            "For example, with jest: \n" +
+            "jest.mock('scheduler', () => require('scheduler/unstable_mock'));\n\n" +
+            "For more info, visit https://fb.me/react-mock-scheduler"
+        );
+      } else if (warnAboutUnmockedScheduler === true) {
+        didWarnAboutUnmockedScheduler = true;
+        warningWithoutStack$1(
+          false,
+          'Starting from React v17, the "scheduler" module will need to be mocked ' +
+            "to guarantee consistent behaviour across tests and browsers. " +
+            "For example, with jest: \n" +
+            "jest.mock('scheduler', () => require('scheduler/unstable_mock'));\n\n" +
+            "For more info, visit https://fb.me/react-mock-scheduler"
+        );
       }
+    }
+  }
+}
 
-      if (
-        returnFiber !== null &&
-        // Do not append effects to parents if a sibling failed to complete
-        (returnFiber.effectTag & Incomplete) === NoEffect
-      ) {
-        // Append all the effects of the subtree and this fiber onto the effect
-        // list of the parent. The completion order of the children affects the
-        // side-effect order.
-        if (returnFiber.firstEffect === null) {
-          returnFiber.firstEffect = workInProgress.firstEffect;
-        }
-        if (workInProgress.lastEffect !== null) {
-          if (returnFiber.lastEffect !== null) {
-            returnFiber.lastEffect.nextEffect = workInProgress.firstEffect;
-          }
-          returnFiber.lastEffect = workInProgress.lastEffect;
-        }
-
-        // If this fiber had side-effects, we append it AFTER the children's
-        // side-effects. We can perform certain side-effects earlier if needed,
-        // by doing multiple passes over the effect list. We don't want to
-        // schedule our own side-effect on our own list because if end up
-        // reusing children we'll schedule this effect onto itself since we're
-        // at the end.
-        var effectTag = workInProgress.effectTag;
-
-        // Skip both NoWork and PerformedWork tags when creating the effect
-        // list. PerformedWork effect is read by React DevTools but shouldn't be
-        // committed.
-        if (effectTag > PerformedWork) {
-          if (returnFiber.lastEffect !== null) {
-            returnFiber.lastEffect.nextEffect = workInProgress;
-          } else {
-            returnFiber.firstEffect = workInProgress;
+var componentsThatTriggeredHighPriSuspend = null;
+function checkForWrongSuspensePriorityInDEV(sourceFiber) {
+  {
+    var currentPriorityLevel = getCurrentPriorityLevel();
+    if (
+      (sourceFiber.mode & ConcurrentMode) !== NoEffect &&
+      (currentPriorityLevel === UserBlockingPriority$1 ||
+        currentPriorityLevel === ImmediatePriority)
+    ) {
+      var workInProgressNode = sourceFiber;
+      while (workInProgressNode !== null) {
+        // Add the component that triggered the suspense
+        var current$$1 = workInProgressNode.alternate;
+        if (current$$1 !== null) {
+          // TODO: warn component that triggers the high priority
+          // suspend is the HostRoot
+          switch (workInProgressNode.tag) {
+            case ClassComponent:
+              // Loop through the component's update queue and see whether the component
+              // has triggered any high priority updates
+              var updateQueue = current$$1.updateQueue;
+              if (updateQueue !== null) {
+                var update = updateQueue.firstUpdate;
+                while (update !== null) {
+                  var priorityLevel = update.priority;
+                  if (
+                    priorityLevel === UserBlockingPriority$1 ||
+                    priorityLevel === ImmediatePriority
+                  ) {
+                    if (componentsThatTriggeredHighPriSuspend === null) {
+                      componentsThatTriggeredHighPriSuspend = new Set([
+                        getComponentName(workInProgressNode.type)
+                      ]);
+                    } else {
+                      componentsThatTriggeredHighPriSuspend.add(
+                        getComponentName(workInProgressNode.type)
+                      );
+                    }
+                    break;
+                  }
+                  update = update.next;
+                }
+              }
+              break;
+            case FunctionComponent:
+            case ForwardRef:
+            case SimpleMemoComponent:
+              if (
+                workInProgressNode.memoizedState !== null &&
+                workInProgressNode.memoizedState.baseUpdate !== null
+              ) {
+                var _update = workInProgressNode.memoizedState.baseUpdate;
+                // Loop through the functional component's memoized state to see whether
+                // the component has triggered any high pri updates
+                while (_update !== null) {
+                  var priority = _update.priority;
+                  if (
+                    priority === UserBlockingPriority$1 ||
+                    priority === ImmediatePriority
+                  ) {
+                    if (componentsThatTriggeredHighPriSuspend === null) {
+                      componentsThatTriggeredHighPriSuspend = new Set([
+                        getComponentName(workInProgressNode.type)
+                      ]);
+                    } else {
+                      componentsThatTriggeredHighPriSuspend.add(
+                        getComponentName(workInProgressNode.type)
+                      );
+                    }
+                    break;
+                  }
+                  if (
+                    _update.next === workInProgressNode.memoizedState.baseUpdate
+                  ) {
+                    break;
+                  }
+                  _update = _update.next;
+                }
+              }
+              break;
+            default:
+              break;
           }
-          returnFiber.lastEffect = workInProgress;
-        }
-      }
-    } 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(workInProgress, renderExpirationTime);
-
-      // Because this fiber did not complete, don't reset its expiration time.
-
-      if (
-        enableProfilerTimer &&
-        (workInProgress.mode & ProfileMode) !== NoContext
-      ) {
-        // Record the render duration for the fiber that errored.
-        stopProfilerTimerIfRunningAndRecordDelta(workInProgress, false);
-
-        // Include the time spent working on failed children before continuing.
-        var actualDuration = workInProgress.actualDuration;
-        var child = workInProgress.child;
-        while (child !== null) {
-          actualDuration += child.actualDuration;
-          child = child.sibling;
         }
-        workInProgress.actualDuration = actualDuration;
+        workInProgressNode = workInProgressNode.return;
       }
+    }
+  }
+}
 
-      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.
-        // TODO: The name stopFailedWorkTimer is misleading because Suspense
-        // also captures and restarts.
-        stopFailedWorkTimer(workInProgress);
-        _next.effectTag &= HostEffectMask;
-        return _next;
-      }
-      stopWorkTimer(workInProgress);
+function flushSuspensePriorityWarningInDEV() {
+  {
+    if (componentsThatTriggeredHighPriSuspend !== null) {
+      var componentNames = [];
+      componentsThatTriggeredHighPriSuspend.forEach(function(name) {
+        return componentNames.push(name);
+      });
+      componentsThatTriggeredHighPriSuspend = null;
 
-      if (returnFiber !== null) {
-        // Mark the parent fiber as incomplete and clear its effect list.
-        returnFiber.firstEffect = returnFiber.lastEffect = null;
-        returnFiber.effectTag |= Incomplete;
+      if (componentNames.length > 0) {
+        warningWithoutStack$1(
+          false,
+          "%s triggered a user-blocking update that suspended." +
+            "\n\n" +
+            "The fix is to split the update into multiple parts: a user-blocking " +
+            "update to provide immediate feedback, and another update that " +
+            "triggers the bulk of the changes." +
+            "\n\n" +
+            "Refer to the documentation for useSuspenseTransition to learn how " +
+            "to implement this pattern.",
+          // TODO: Add link to React docs with more information, once it exists
+          componentNames.sort().join(", ")
+        );
       }
     }
+  }
+}
 
-    var siblingFiber = workInProgress.sibling;
-    if (siblingFiber !== null) {
-      // If there is more work to do in this returnFiber, do that next.
-      return siblingFiber;
-    }
-    // Otherwise, return to the parent
-    workInProgress = returnFiber;
-  } while (workInProgress !== null);
+function computeThreadID(root, expirationTime) {
+  // Interaction threads are unique per root and expiration time.
+  return expirationTime * 1000 + root.interactionThreadID;
+}
 
-  // We've reached the root.
-  if (workInProgressRootExitStatus === RootIncomplete) {
-    workInProgressRootExitStatus = RootCompleted;
+function markSpawnedWork(expirationTime) {
+  if (!enableSchedulerTracing) {
+    return;
+  }
+  if (spawnedWorkDuringRender === null) {
+    spawnedWorkDuringRender = [expirationTime];
+  } else {
+    spawnedWorkDuringRender.push(expirationTime);
   }
-  return null;
 }
 
-function resetChildExpirationTime(completedWork) {
-  if (
-    renderExpirationTime !== Never &&
-    completedWork.childExpirationTime === Never
-  ) {
-    // The children of this component are hidden. Don't bubble their
-    // expiration times.
+function scheduleInteractions(root, expirationTime, interactions) {
+  if (!enableSchedulerTracing) {
     return;
   }
 
-  var newChildExpirationTime = NoWork;
-
-  // Bubble up the earliest expiration time.
-  if (enableProfilerTimer && (completedWork.mode & ProfileMode) !== NoContext) {
-    // In profiling mode, resetChildExpirationTime is also used to reset
-    // profiler durations.
-    var actualDuration = completedWork.actualDuration;
-    var treeBaseDuration = completedWork.selfBaseDuration;
-
-    // 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.
-    var shouldBubbleActualDurations =
-      completedWork.alternate === null ||
-      completedWork.child !== completedWork.alternate.child;
+  if (interactions.size > 0) {
+    var pendingInteractionMap = root.pendingInteractionMap;
+    var pendingInteractions = pendingInteractionMap.get(expirationTime);
+    if (pendingInteractions != null) {
+      interactions.forEach(function(interaction) {
+        if (!pendingInteractions.has(interaction)) {
+          // Update the pending async work count for previously unscheduled interaction.
+          interaction.__count++;
+        }
 
-    var child = completedWork.child;
-    while (child !== null) {
-      var childUpdateExpirationTime = child.expirationTime;
-      var childChildExpirationTime = child.childExpirationTime;
-      if (childUpdateExpirationTime > newChildExpirationTime) {
-        newChildExpirationTime = childUpdateExpirationTime;
-      }
-      if (childChildExpirationTime > newChildExpirationTime) {
-        newChildExpirationTime = childChildExpirationTime;
-      }
-      if (shouldBubbleActualDurations) {
-        actualDuration += child.actualDuration;
-      }
-      treeBaseDuration += child.treeBaseDuration;
-      child = child.sibling;
+        pendingInteractions.add(interaction);
+      });
+    } else {
+      pendingInteractionMap.set(expirationTime, new Set(interactions));
+
+      // Update the pending async work count for the current interactions.
+      interactions.forEach(function(interaction) {
+        interaction.__count++;
+      });
     }
-    completedWork.actualDuration = actualDuration;
-    completedWork.treeBaseDuration = treeBaseDuration;
-  } else {
-    var _child = completedWork.child;
-    while (_child !== null) {
-      var _childUpdateExpirationTime = _child.expirationTime;
-      var _childChildExpirationTime = _child.childExpirationTime;
-      if (_childUpdateExpirationTime > newChildExpirationTime) {
-        newChildExpirationTime = _childUpdateExpirationTime;
-      }
-      if (_childChildExpirationTime > newChildExpirationTime) {
-        newChildExpirationTime = _childChildExpirationTime;
-      }
-      _child = _child.sibling;
+
+    var subscriber = tracing.__subscriberRef.current;
+    if (subscriber !== null) {
+      var threadID = computeThreadID(root, expirationTime);
+      subscriber.onWorkScheduled(interactions, threadID);
     }
   }
-
-  completedWork.childExpirationTime = newChildExpirationTime;
 }
 
-function commitRoot(root, expirationTime) {
-  runWithPriority(
-    ImmediatePriority,
-    commitRootImpl.bind(null, root, expirationTime)
-  );
-  // If there are passive effects, schedule a callback to flush them. This goes
-  // outside commitRootImpl so that it inherits the priority of the render.
-  if (rootWithPendingPassiveEffects !== null) {
-    var priorityLevel = getCurrentPriorityLevel();
-    scheduleCallback(priorityLevel, function() {
-      flushPassiveEffects();
-      return null;
-    });
+function schedulePendingInteractions(root, expirationTime) {
+  // This is called when work is scheduled on a root.
+  // It associates the current interactions with the newly-scheduled expiration.
+  // They will be restored when that expiration is later committed.
+  if (!enableSchedulerTracing) {
+    return;
   }
-  return null;
+
+  scheduleInteractions(root, expirationTime, tracing.__interactionsRef.current);
 }
 
-function commitRootImpl(root, expirationTime) {
-  flushPassiveEffects();
-  flushRenderPhaseStrictModeWarningsInDEV();
+function startWorkOnPendingInteractions(root, expirationTime) {
+  // This is called when new work is started on a root.
+  if (!enableSchedulerTracing) {
+    return;
+  }
 
-  (function() {
-    if (!(workPhase !== RenderPhase && workPhase !== CommitPhase)) {
-      throw ReactError("Should not already be working.");
-    }
-  })();
-  var finishedWork = root.current.alternate;
-  (function() {
-    if (!(finishedWork !== null)) {
-      throw ReactError("Should have a work-in-progress root.");
+  // Determine which interactions this batch of work currently includes, So that
+  // we can accurately attribute time spent working on it, And so that cascading
+  // work triggered during the render phase will be associated with it.
+  var interactions = new Set();
+  root.pendingInteractionMap.forEach(function(
+    scheduledInteractions,
+    scheduledExpirationTime
+  ) {
+    if (scheduledExpirationTime >= expirationTime) {
+      scheduledInteractions.forEach(function(interaction) {
+        return interactions.add(interaction);
+      });
     }
-  })();
-
-  // 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.callbackExpirationTime = NoWork;
+  });
 
-  startCommitTimer();
+  // Store the current set of interactions on the FiberRoot for a few reasons:
+  // We can re-use it in hot functions like renderRoot() without having to
+  // recalculate it. We will also use it in commitWork() to pass to any Profiler
+  // onRender() hooks. This also provides DevTools with a way to access it when
+  // the onCommitRoot() hook is called.
+  root.memoizedInteractions = interactions;
 
-  // Update the first and last pending times on this root. The new first
-  // pending time is whatever is left on the root fiber.
-  var updateExpirationTimeBeforeCommit = finishedWork.expirationTime;
-  var childExpirationTimeBeforeCommit = finishedWork.childExpirationTime;
-  var firstPendingTimeBeforeCommit =
-    childExpirationTimeBeforeCommit > updateExpirationTimeBeforeCommit
-      ? childExpirationTimeBeforeCommit
-      : updateExpirationTimeBeforeCommit;
-  root.firstPendingTime = firstPendingTimeBeforeCommit;
-  if (firstPendingTimeBeforeCommit < root.lastPendingTime) {
-    // This usually means we've finished all the work, but it can also happen
-    // when something gets downprioritized during render, like a hidden tree.
-    root.lastPendingTime = firstPendingTimeBeforeCommit;
+  if (interactions.size > 0) {
+    var subscriber = tracing.__subscriberRef.current;
+    if (subscriber !== null) {
+      var threadID = computeThreadID(root, expirationTime);
+      try {
+        subscriber.onWorkStarted(interactions, threadID);
+      } catch (error) {
+        // If the subscriber throws, rethrow it in a separate task
+        scheduleCallback(ImmediatePriority, function() {
+          throw error;
+        });
+      }
+    }
   }
+}
 
-  if (root === workInProgressRoot) {
-    // We can reset these now that they are finished.
-    workInProgressRoot = null;
-    workInProgress = null;
-    renderExpirationTime = NoWork;
-  } else {
+function finishPendingInteractions(root, committedExpirationTime) {
+  if (!enableSchedulerTracing) {
+    return;
   }
-  // This indicates that the last root we worked on is not the same one that
-  // we're committing now. This most commonly happens when a suspended root
-  // times out.
 
-  // Get the list of effects.
-  var firstEffect = void 0;
-  if (finishedWork.effectTag > PerformedWork) {
-    // A fiber's effect list consists only of its children, not itself. So if
-    // the root has an effect, we need to add it to the end of the list. The
-    // resulting list is the set that would belong to the root's parent, if it
-    // had one; that is, all the effects in the tree including the root.
-    if (finishedWork.lastEffect !== null) {
-      finishedWork.lastEffect.nextEffect = finishedWork;
-      firstEffect = finishedWork.firstEffect;
-    } else {
-      firstEffect = finishedWork;
-    }
-  } else {
-    // There is no effect on the root.
-    firstEffect = finishedWork.firstEffect;
-  }
+  var earliestRemainingTimeAfterCommit = root.firstPendingTime;
 
-  if (firstEffect !== null) {
-    var prevWorkPhase = workPhase;
-    workPhase = CommitPhase;
-    var prevInteractions = null;
-    if (enableSchedulerTracing) {
-      prevInteractions = tracing.__interactionsRef.current;
-      tracing.__interactionsRef.current = root.memoizedInteractions;
-    }
+  var subscriber = void 0;
 
-    // Reset this to null before calling lifecycles
-    ReactCurrentOwner$2.current = null;
+  try {
+    subscriber = tracing.__subscriberRef.current;
+    if (subscriber !== null && root.memoizedInteractions.size > 0) {
+      var threadID = computeThreadID(root, committedExpirationTime);
+      subscriber.onWorkStopped(root.memoizedInteractions, threadID);
+    }
+  } catch (error) {
+    // If the subscriber throws, rethrow it in a separate task
+    scheduleCallback(ImmediatePriority, function() {
+      throw error;
+    });
+  } finally {
+    // Clear completed interactions from the pending Map.
+    // Unless the render was suspended or cascading work was scheduled,
+    // In which case– leave pending interactions until the subsequent render.
+    var pendingInteractionMap = root.pendingInteractionMap;
+    pendingInteractionMap.forEach(function(
+      scheduledInteractions,
+      scheduledExpirationTime
+    ) {
+      // Only decrement the pending interaction count if we're done.
+      // If there's still work at the current priority,
+      // That indicates that we are waiting for suspense data.
+      if (scheduledExpirationTime > earliestRemainingTimeAfterCommit) {
+        pendingInteractionMap.delete(scheduledExpirationTime);
 
-    // 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.
+        scheduledInteractions.forEach(function(interaction) {
+          interaction.__count--;
 
-    // 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.
-    startCommitSnapshotEffectsTimer();
-    prepareForCommit(root.containerInfo);
-    nextEffect = firstEffect;
-    do {
-      {
-        invokeGuardedCallback(null, commitBeforeMutationEffects, null);
-        if (hasCaughtError()) {
-          (function() {
-            if (!(nextEffect !== null)) {
-              throw ReactError("Should be working on an effect.");
+          if (subscriber !== null && interaction.__count === 0) {
+            try {
+              subscriber.onInteractionScheduledWorkCompleted(interaction);
+            } catch (error) {
+              // If the subscriber throws, rethrow it in a separate task
+              scheduleCallback(ImmediatePriority, function() {
+                throw error;
+              });
             }
-          })();
-          var error = clearCaughtError();
-          captureCommitPhaseError(nextEffect, error);
-          nextEffect = nextEffect.nextEffect;
-        }
+          }
+        });
       }
-    } while (nextEffect !== null);
-    stopCommitSnapshotEffectsTimer();
+    });
+  }
+}
 
-    if (enableProfilerTimer) {
-      // Mark the current commit time to be shared by all Profilers in this
-      // batch. This enables them to be grouped later.
-      recordCommitTime();
-    }
+var onCommitFiberRoot = null;
+var onCommitFiberUnmount = null;
+var hasLoggedError = false;
 
-    // The next phase is the mutation phase, where we mutate the host tree.
-    startCommitHostEffectsTimer();
-    nextEffect = firstEffect;
-    do {
-      {
-        invokeGuardedCallback(null, commitMutationEffects, null);
-        if (hasCaughtError()) {
-          (function() {
-            if (!(nextEffect !== null)) {
-              throw ReactError("Should be working on an effect.");
-            }
-          })();
-          var _error = clearCaughtError();
-          captureCommitPhaseError(nextEffect, _error);
-          nextEffect = nextEffect.nextEffect;
+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) {
+    {
+      warningWithoutStack$1(
+        false,
+        "The installed version of React DevTools is too old and will not work " +
+          "with the current version of React. Please update React DevTools. " +
+          "https://fb.me/react-devtools"
+      );
+    }
+    // DevTools exists, even though it doesn't support Fiber.
+    return true;
+  }
+  try {
+    var rendererID = hook.inject(internals);
+    // We have successfully injected, so now it is safe to set up hooks.
+    onCommitFiberRoot = function(root, expirationTime) {
+      try {
+        var didError = (root.current.effectTag & DidCapture) === DidCapture;
+        if (enableProfilerTimer) {
+          var currentTime = requestCurrentTime();
+          var priorityLevel = inferPriorityFromExpirationTime(
+            currentTime,
+            expirationTime
+          );
+          hook.onCommitFiberRoot(rendererID, root, priorityLevel, didError);
+        } else {
+          hook.onCommitFiberRoot(rendererID, root, undefined, didError);
+        }
+      } catch (err) {
+        if (true && !hasLoggedError) {
+          hasLoggedError = true;
+          warningWithoutStack$1(
+            false,
+            "React DevTools encountered an error: %s",
+            err
+          );
         }
       }
-    } while (nextEffect !== null);
-    stopCommitHostEffectsTimer();
-    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.
-    root.current = finishedWork;
-
-    // The next phase is the layout phase, where we call effects that read
-    // the host tree after it's been mutated. The idiomatic use case for this is
-    // layout, but class component lifecycles also fire here for legacy reasons.
-    startCommitLifeCyclesTimer();
-    nextEffect = firstEffect;
-    do {
-      {
-        invokeGuardedCallback(
-          null,
-          commitLayoutEffects,
-          null,
-          root,
-          expirationTime
-        );
-        if (hasCaughtError()) {
-          (function() {
-            if (!(nextEffect !== null)) {
-              throw ReactError("Should be working on an effect.");
-            }
-          })();
-          var _error2 = clearCaughtError();
-          captureCommitPhaseError(nextEffect, _error2);
-          nextEffect = nextEffect.nextEffect;
+    };
+    onCommitFiberUnmount = function(fiber) {
+      try {
+        hook.onCommitFiberUnmount(rendererID, fiber);
+      } catch (err) {
+        if (true && !hasLoggedError) {
+          hasLoggedError = true;
+          warningWithoutStack$1(
+            false,
+            "React DevTools encountered an error: %s",
+            err
+          );
         }
       }
-    } while (nextEffect !== null);
-    stopCommitLifeCyclesTimer();
-
-    nextEffect = null;
-
-    if (enableSchedulerTracing) {
-      tracing.__interactionsRef.current = prevInteractions;
-    }
-    workPhase = prevWorkPhase;
-  } 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.
-    startCommitSnapshotEffectsTimer();
-    stopCommitSnapshotEffectsTimer();
-    if (enableProfilerTimer) {
-      recordCommitTime();
+    };
+  } catch (err) {
+    // Catch all errors because it is unsafe to throw during initialization.
+    {
+      warningWithoutStack$1(
+        false,
+        "React DevTools encountered an error: %s.",
+        err
+      );
     }
-    startCommitHostEffectsTimer();
-    stopCommitHostEffectsTimer();
-    startCommitLifeCyclesTimer();
-    stopCommitLifeCyclesTimer();
   }
+  // DevTools exists
+  return true;
+}
 
-  stopCommitTimer();
-
-  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;
-    pendingPassiveEffectsExpirationTime = expirationTime;
-  } else {
-    if (enableSchedulerTracing) {
-      // If there are no passive effects, then we can complete the pending
-      // interactions. Otherwise, we'll wait until after the passive effects
-      // are flushed.
-      finishPendingInteractions(root, expirationTime);
-    }
+function onCommitRoot(root, expirationTime) {
+  if (typeof onCommitFiberRoot === "function") {
+    onCommitFiberRoot(root, expirationTime);
   }
+}
 
-  // Check if there's remaining work on this root
-  var remainingExpirationTime = root.firstPendingTime;
-  if (remainingExpirationTime !== NoWork) {
-    var currentTime = requestCurrentTime();
-    var priorityLevel = inferPriorityFromExpirationTime(
-      currentTime,
-      remainingExpirationTime
-    );
-    scheduleCallbackForRoot(root, priorityLevel, remainingExpirationTime);
-  } else {
-    // If there's no remaining work, we can clear the set of already failed
-    // error boundaries.
-    legacyErrorBoundariesThatAlreadyFailed = null;
+function onCommitUnmount(fiber) {
+  if (typeof onCommitFiberUnmount === "function") {
+    onCommitFiberUnmount(fiber);
   }
+}
 
-  onCommitRoot(finishedWork.stateNode);
+var hasBadMapPolyfill = void 0;
 
-  if (remainingExpirationTime === Sync) {
-    // 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 {
-    nestedUpdateCount = 0;
+{
+  hasBadMapPolyfill = false;
+  try {
+    var nonExtensibleObject = Object.preventExtensions({});
+    var testMap = new Map([[nonExtensibleObject, null]]);
+    var testSet = new Set([nonExtensibleObject]);
+    // This is necessary for Rollup to not consider these unused.
+    // https://github.com/rollup/rollup/issues/1771
+    // TODO: we can remove these if Rollup fixes the bug.
+    testMap.set(0, 0);
+    testSet.add(0);
+  } catch (e) {
+    // TODO: Consider warning about bad polyfills
+    hasBadMapPolyfill = true;
   }
+}
 
-  if (hasUncaughtError) {
-    hasUncaughtError = false;
-    var _error3 = firstUncaughtError;
-    firstUncaughtError = null;
-    throw _error3;
-  }
+// A Fiber is work on a Component that needs to be done or was done. There can
+// be more than one per component.
 
-  if (workPhase === LegacyUnbatchedPhase) {
-    // This is a legacy edge case. We just committed the initial mount of
-    // a ReactDOM.render-ed root inside of batchedUpdates. The commit fired
-    // synchronously, but layout updates should be deferred until the end
-    // of the batch.
-    return null;
-  }
+var debugCounter = void 0;
 
-  // If layout work was scheduled, flush it now.
-  flushImmediateQueue();
-  return null;
+{
+  debugCounter = 1;
 }
 
-function commitBeforeMutationEffects() {
-  while (nextEffect !== null) {
-    if ((nextEffect.effectTag & Snapshot) !== NoEffect) {
-      setCurrentFiber(nextEffect);
-      recordEffect();
+function FiberNode(tag, pendingProps, key, mode) {
+  // Instance
+  this.tag = tag;
+  this.key = key;
+  this.elementType = null;
+  this.type = null;
+  this.stateNode = null;
 
-      var current$$1 = nextEffect.alternate;
-      commitBeforeMutationLifeCycles(current$$1, nextEffect);
+  // Fiber
+  this.return = null;
+  this.child = null;
+  this.sibling = null;
+  this.index = 0;
 
-      resetCurrentFiber();
-    }
-    nextEffect = nextEffect.nextEffect;
-  }
-}
+  this.ref = null;
 
-function commitMutationEffects() {
-  // TODO: Should probably move the bulk of this function to commitWork.
-  while (nextEffect !== null) {
-    setCurrentFiber(nextEffect);
+  this.pendingProps = pendingProps;
+  this.memoizedProps = null;
+  this.updateQueue = null;
+  this.memoizedState = null;
+  this.dependencies = null;
 
-    var effectTag = nextEffect.effectTag;
+  this.mode = mode;
 
-    if (effectTag & ContentReset) {
-      commitResetTextContent(nextEffect);
-    }
+  // Effects
+  this.effectTag = NoEffect;
+  this.nextEffect = null;
 
-    if (effectTag & Ref) {
-      var current$$1 = nextEffect.alternate;
-      if (current$$1 !== null) {
-        commitDetachRef(current$$1);
-      }
-    }
+  this.firstEffect = null;
+  this.lastEffect = null;
 
-    // The following switch statement is only concerned about placement,
-    // updates, and deletions. To avoid needing to add a case for every possible
-    // bitmap value, we remove the secondary effects from the effect tag and
-    // switch on that value.
-    var primaryEffectTag = effectTag & (Placement | Update | Deletion);
-    switch (primaryEffectTag) {
-      case Placement: {
-        commitPlacement(nextEffect);
-        // 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.
-        nextEffect.effectTag &= ~Placement;
-        break;
-      }
-      case PlacementAndUpdate: {
-        // Placement
-        commitPlacement(nextEffect);
-        // Clear the "placement" from effect tag so that we know that this is
-        // inserted, before any life-cycles like componentDidMount gets called.
-        nextEffect.effectTag &= ~Placement;
+  this.expirationTime = NoWork;
+  this.childExpirationTime = NoWork;
 
-        // Update
-        var _current = nextEffect.alternate;
-        commitWork(_current, nextEffect);
-        break;
-      }
-      case Update: {
-        var _current2 = nextEffect.alternate;
-        commitWork(_current2, nextEffect);
-        break;
-      }
-      case Deletion: {
-        commitDeletion(nextEffect);
-        break;
-      }
-    }
+  this.alternate = null;
+
+  if (enableProfilerTimer) {
+    // 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;
 
-    // TODO: Only record a mutation effect if primaryEffectTag is non-zero.
-    recordEffect();
+    // 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;
+  }
 
-    resetCurrentFiber();
-    nextEffect = nextEffect.nextEffect;
+  {
+    this._debugID = debugCounter++;
+    this._debugSource = null;
+    this._debugOwner = null;
+    this._debugIsCurrentlyTiming = false;
+    this._debugNeedsRemount = false;
+    this._debugHookTypes = null;
+    if (!hasBadMapPolyfill && typeof Object.preventExtensions === "function") {
+      Object.preventExtensions(this);
+    }
   }
 }
 
-function commitLayoutEffects(root, committedExpirationTime) {
-  // TODO: Should probably move the bulk of this function to commitWork.
-  while (nextEffect !== null) {
-    setCurrentFiber(nextEffect);
+// 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);
+};
 
-    var effectTag = nextEffect.effectTag;
+function shouldConstruct(Component) {
+  var prototype = Component.prototype;
+  return !!(prototype && prototype.isReactComponent);
+}
 
-    if (effectTag & (Update | Callback)) {
-      recordEffect();
-      var current$$1 = nextEffect.alternate;
-      commitLifeCycles(root, current$$1, nextEffect, committedExpirationTime);
-    }
+function isSimpleFunctionComponent(type) {
+  return (
+    typeof type === "function" &&
+    !shouldConstruct(type) &&
+    type.defaultProps === undefined
+  );
+}
 
-    if (effectTag & Ref) {
-      recordEffect();
-      commitAttachRef(nextEffect);
+function resolveLazyComponentTag(Component) {
+  if (typeof Component === "function") {
+    return shouldConstruct(Component) ? ClassComponent : FunctionComponent;
+  } else if (Component !== undefined && Component !== null) {
+    var $$typeof = Component.$$typeof;
+    if ($$typeof === REACT_FORWARD_REF_TYPE) {
+      return ForwardRef;
     }
-
-    if (effectTag & Passive) {
-      rootDoesHavePassiveEffects = true;
+    if ($$typeof === REACT_MEMO_TYPE) {
+      return MemoComponent;
     }
-
-    resetCurrentFiber();
-    nextEffect = nextEffect.nextEffect;
   }
+  return IndeterminateComponent;
 }
 
-function flushPassiveEffects() {
-  if (rootWithPendingPassiveEffects === null) {
-    return false;
-  }
-  var root = rootWithPendingPassiveEffects;
-  var expirationTime = pendingPassiveEffectsExpirationTime;
-  rootWithPendingPassiveEffects = null;
-  pendingPassiveEffectsExpirationTime = NoWork;
-
-  var prevInteractions = null;
-  if (enableSchedulerTracing) {
-    prevInteractions = tracing.__interactionsRef.current;
-    tracing.__interactionsRef.current = root.memoizedInteractions;
-  }
-
-  (function() {
-    if (!(workPhase !== RenderPhase && workPhase !== CommitPhase)) {
-      throw ReactError("Cannot flush passive effects while already rendering.");
-    }
-  })();
-  var prevWorkPhase = workPhase;
-  workPhase = CommitPhase;
+// This is used to create an alternate fiber to do work on.
+function createWorkInProgress(current, pendingProps, expirationTime) {
+  var workInProgress = current.alternate;
+  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;
 
-  // Note: This currently assumes there are no passive effects on the root
-  // fiber, because the root is not part of its own effect list. This could
-  // change in the future.
-  var effect = root.current.firstEffect;
-  while (effect !== null) {
     {
-      setCurrentFiber(effect);
-      invokeGuardedCallback(null, commitPassiveHookEffects, null, effect);
-      if (hasCaughtError()) {
-        (function() {
-          if (!(effect !== null)) {
-            throw ReactError("Should be working on an effect.");
-          }
-        })();
-        var error = clearCaughtError();
-        captureCommitPhaseError(effect, error);
-      }
-      resetCurrentFiber();
+      // DEV-only fields
+      workInProgress._debugID = current._debugID;
+      workInProgress._debugSource = current._debugSource;
+      workInProgress._debugOwner = current._debugOwner;
+      workInProgress._debugHookTypes = current._debugHookTypes;
     }
-    effect = effect.nextEffect;
-  }
 
-  if (enableSchedulerTracing) {
-    tracing.__interactionsRef.current = prevInteractions;
-    finishPendingInteractions(root, expirationTime);
-  }
+    workInProgress.alternate = current;
+    current.alternate = workInProgress;
+  } else {
+    workInProgress.pendingProps = pendingProps;
 
-  workPhase = prevWorkPhase;
-  flushImmediateQueue();
+    // We already have an alternate.
+    // Reset the effect tag.
+    workInProgress.effectTag = NoEffect;
 
-  // If additional passive effects were scheduled, increment a counter. If this
-  // exceeds the limit, we'll fire a warning.
-  nestedPassiveUpdateCount =
-    rootWithPendingPassiveEffects === null ? 0 : nestedPassiveUpdateCount + 1;
+    // The effect list is no longer valid.
+    workInProgress.nextEffect = null;
+    workInProgress.firstEffect = null;
+    workInProgress.lastEffect = null;
 
-  return true;
-}
+    if (enableProfilerTimer) {
+      // 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;
+    }
+  }
 
-function isAlreadyFailedLegacyErrorBoundary(instance) {
-  return (
-    legacyErrorBoundariesThatAlreadyFailed !== null &&
-    legacyErrorBoundariesThatAlreadyFailed.has(instance)
-  );
-}
+  workInProgress.childExpirationTime = current.childExpirationTime;
+  workInProgress.expirationTime = current.expirationTime;
 
-function markLegacyErrorBoundaryAsFailed(instance) {
-  if (legacyErrorBoundariesThatAlreadyFailed === null) {
-    legacyErrorBoundariesThatAlreadyFailed = new Set([instance]);
-  } else {
-    legacyErrorBoundariesThatAlreadyFailed.add(instance);
-  }
-}
+  workInProgress.child = current.child;
+  workInProgress.memoizedProps = current.memoizedProps;
+  workInProgress.memoizedState = current.memoizedState;
+  workInProgress.updateQueue = current.updateQueue;
 
-function prepareToThrowUncaughtError(error) {
-  if (!hasUncaughtError) {
-    hasUncaughtError = true;
-    firstUncaughtError = error;
-  }
-}
-var onUncaughtError = prepareToThrowUncaughtError;
+  // 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
+      : {
+          expirationTime: currentDependencies.expirationTime,
+          firstContext: currentDependencies.firstContext,
+          responders: currentDependencies.responders
+        };
 
-function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
-  var errorInfo = createCapturedValue(error, sourceFiber);
-  var update = createRootErrorUpdate(rootFiber, errorInfo, Sync);
-  enqueueUpdate(rootFiber, update);
-  var root = markUpdateTimeFromFiberToRoot(rootFiber, Sync);
-  if (root !== null) {
-    scheduleCallbackForRoot(root, ImmediatePriority, Sync);
-  }
-}
+  // These will be overridden during the parent's reconciliation
+  workInProgress.sibling = current.sibling;
+  workInProgress.index = current.index;
+  workInProgress.ref = current.ref;
 
-function captureCommitPhaseError(sourceFiber, error) {
-  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);
-    return;
+  if (enableProfilerTimer) {
+    workInProgress.selfBaseDuration = current.selfBaseDuration;
+    workInProgress.treeBaseDuration = current.treeBaseDuration;
   }
 
-  var fiber = sourceFiber.return;
-  while (fiber !== null) {
-    if (fiber.tag === HostRoot) {
-      captureCommitPhaseErrorOnRoot(fiber, sourceFiber, error);
-      return;
-    } else if (fiber.tag === ClassComponent) {
-      var ctor = fiber.type;
-      var instance = fiber.stateNode;
-      if (
-        typeof ctor.getDerivedStateFromError === "function" ||
-        (typeof instance.componentDidCatch === "function" &&
-          !isAlreadyFailedLegacyErrorBoundary(instance))
-      ) {
-        var errorInfo = createCapturedValue(error, sourceFiber);
-        var update = createClassErrorUpdate(
-          fiber,
-          errorInfo,
-          // TODO: This is always sync
-          Sync
-        );
-        enqueueUpdate(fiber, update);
-        var root = markUpdateTimeFromFiberToRoot(fiber, Sync);
-        if (root !== null) {
-          scheduleCallbackForRoot(root, ImmediatePriority, Sync);
-        }
-        return;
-      }
+  {
+    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;
+      default:
+        break;
     }
-    fiber = fiber.return;
   }
+
+  return workInProgress;
 }
 
-function pingSuspendedRoot(root, thenable, suspendedTime) {
-  var pingCache = root.pingCache;
-  if (pingCache !== null) {
-    // The thenable resolved, so we no longer need to memoize, because it will
-    // never be thrown again.
-    pingCache.delete(thenable);
-  }
+// Used to reuse a Fiber for a second pass.
+function resetWorkInProgress(workInProgress, renderExpirationTime) {
+  // 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.
 
-  if (workInProgressRoot === root && renderExpirationTime === suspendedTime) {
-    // Received a ping at the same priority level at which we're currently
-    // rendering. Restart from the root. Don't need to schedule a ping because
-    // we're already working on this tree.
-    prepareFreshStack(root, renderExpirationTime);
-    return;
-  }
+  // We assume pendingProps, index, key, ref, return are still untouched to
+  // avoid doing another reconciliation.
 
-  var lastPendingTime = root.lastPendingTime;
-  if (lastPendingTime < suspendedTime) {
-    // The root is no longer suspended at this time.
-    return;
-  }
+  // Reset the effect tag but keep any Placement tags, since that's something
+  // that child fiber is setting, not the reconciliation.
+  workInProgress.effectTag &= Placement;
 
-  var pingTime = root.pingTime;
-  if (pingTime !== NoWork && pingTime < suspendedTime) {
-    // There's already a lower priority ping scheduled.
-    return;
-  }
+  // The effect list is no longer valid.
+  workInProgress.nextEffect = null;
+  workInProgress.firstEffect = null;
+  workInProgress.lastEffect = null;
 
-  // Mark the time at which this ping was scheduled.
-  root.pingTime = suspendedTime;
+  var current = workInProgress.alternate;
+  if (current === null) {
+    // Reset to createFiber's initial values.
+    workInProgress.childExpirationTime = NoWork;
+    workInProgress.expirationTime = renderExpirationTime;
 
-  var currentTime = requestCurrentTime();
-  var priorityLevel = inferPriorityFromExpirationTime(
-    currentTime,
-    suspendedTime
-  );
-  scheduleCallbackForRoot(root, priorityLevel, suspendedTime);
-}
+    workInProgress.child = null;
+    workInProgress.memoizedProps = null;
+    workInProgress.memoizedState = null;
+    workInProgress.updateQueue = null;
 
-function retryTimedOutBoundary(boundaryFiber) {
-  // The boundary fiber (a Suspense component) previously timed out and 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 expiration time.
-  var currentTime = requestCurrentTime();
-  var retryTime = computeExpirationForFiber(currentTime, boundaryFiber);
-  // TODO: Special case idle priority?
-  var priorityLevel = inferPriorityFromExpirationTime(currentTime, retryTime);
-  var root = markUpdateTimeFromFiberToRoot(boundaryFiber, retryTime);
-  if (root !== null) {
-    scheduleCallbackForRoot(root, priorityLevel, retryTime);
-  }
-}
+    workInProgress.dependencies = null;
 
-function resolveRetryThenable(boundaryFiber, thenable) {
-  var retryCache = void 0;
-  if (enableSuspenseServerRenderer) {
-    switch (boundaryFiber.tag) {
-      case SuspenseComponent:
-        retryCache = boundaryFiber.stateNode;
-        break;
-      case DehydratedSuspenseComponent:
-        retryCache = boundaryFiber.memoizedState;
-        break;
-      default:
-        (function() {
-          {
-            throw ReactError(
-              "Pinged unknown suspense boundary type. This is probably a bug in React."
-            );
-          }
-        })();
+    if (enableProfilerTimer) {
+      // 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 {
-    retryCache = boundaryFiber.stateNode;
-  }
+    // Reset to the cloned values that createWorkInProgress would've.
+    workInProgress.childExpirationTime = current.childExpirationTime;
+    workInProgress.expirationTime = current.expirationTime;
+
+    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
+        : {
+            expirationTime: currentDependencies.expirationTime,
+            firstContext: currentDependencies.firstContext,
+            responders: currentDependencies.responders
+          };
 
-  if (retryCache !== null) {
-    // The thenable resolved, so we no longer need to memoize, because it will
-    // never be thrown again.
-    retryCache.delete(thenable);
+    if (enableProfilerTimer) {
+      // 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;
+    }
   }
 
-  retryTimedOutBoundary(boundaryFiber);
-}
-
-// 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;
+  return workInProgress;
 }
 
-function computeMsUntilTimeout(mostRecentEventTime, committedExpirationTime) {
-  if (disableYielding) {
-    // Timeout immediately when yielding is disabled.
-    return 0;
+function createHostRootFiber(tag) {
+  var mode = void 0;
+  if (tag === ConcurrentRoot) {
+    mode = ConcurrentMode | BatchedMode | StrictMode;
+  } else if (tag === BatchedRoot) {
+    mode = BatchedMode | StrictMode;
+  } else {
+    mode = NoMode;
   }
 
-  var eventTimeMs = inferTimeFromExpirationTime(mostRecentEventTime);
-  var currentTimeMs = now();
-  var timeElapsed = currentTimeMs - eventTimeMs;
-
-  var msUntilTimeout = jnd(timeElapsed) - timeElapsed;
-
-  // Compute the time until this render pass would expire.
-  var timeUntilExpirationMs =
-    expirationTimeToMs(committedExpirationTime) - currentTimeMs;
-
-  // Clamp the timeout to the expiration time.
-  // TODO: Once the event time is exact instead of inferred from expiration time
-  // we don't need this.
-  if (timeUntilExpirationMs < msUntilTimeout) {
-    msUntilTimeout = timeUntilExpirationMs;
+  if (enableProfilerTimer && 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;
   }
 
-  // This is the value that is passed to `setTimeout`.
-  return msUntilTimeout;
+  return createFiber(HostRoot, null, null, mode);
 }
 
-function checkForNestedUpdates() {
-  if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
-    nestedUpdateCount = 0;
-    rootWithNestedUpdates = null;
-    (function() {
+function createFiberFromTypeAndProps(
+  type, // React$ElementType
+  key,
+  pendingProps,
+  owner,
+  mode,
+  expirationTime
+) {
+  var fiber = void 0;
+
+  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;
       {
-        throw ReactError(
-          "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."
+        resolvedType = resolveClassForHotReloading(resolvedType);
+      }
+    } else {
+      {
+        resolvedType = resolveFunctionForHotReloading(resolvedType);
+      }
+    }
+  } else if (typeof type === "string") {
+    fiberTag = HostComponent;
+  } else {
+    getTag: switch (type) {
+      case REACT_FRAGMENT_TYPE:
+        return createFiberFromFragment(
+          pendingProps.children,
+          mode,
+          expirationTime,
+          key
+        );
+      case REACT_CONCURRENT_MODE_TYPE:
+        fiberTag = Mode;
+        mode |= ConcurrentMode | BatchedMode | StrictMode;
+        break;
+      case REACT_STRICT_MODE_TYPE:
+        fiberTag = Mode;
+        mode |= StrictMode;
+        break;
+      case REACT_PROFILER_TYPE:
+        return createFiberFromProfiler(pendingProps, mode, expirationTime, key);
+      case REACT_SUSPENSE_TYPE:
+        return createFiberFromSuspense(pendingProps, mode, expirationTime, key);
+      case REACT_SUSPENSE_LIST_TYPE:
+        return createFiberFromSuspenseList(
+          pendingProps,
+          mode,
+          expirationTime,
+          key
         );
+      default: {
+        if (typeof type === "object" && type !== null) {
+          switch (type.$$typeof) {
+            case REACT_PROVIDER_TYPE:
+              fiberTag = ContextProvider;
+              break getTag;
+            case REACT_CONTEXT_TYPE:
+              // This is a consumer
+              fiberTag = ContextConsumer;
+              break getTag;
+            case REACT_FORWARD_REF_TYPE:
+              fiberTag = ForwardRef;
+              {
+                resolvedType = resolveForwardRefForHotReloading(resolvedType);
+              }
+              break getTag;
+            case REACT_MEMO_TYPE:
+              fiberTag = MemoComponent;
+              break getTag;
+            case REACT_LAZY_TYPE:
+              fiberTag = LazyComponent;
+              resolvedType = null;
+              break getTag;
+            case REACT_FUNDAMENTAL_TYPE:
+              if (enableFundamentalAPI) {
+                return createFiberFromFundamental(
+                  type,
+                  pendingProps,
+                  mode,
+                  expirationTime,
+                  key
+                );
+              }
+              break;
+          }
+        }
+        var info = "";
+        {
+          if (
+            type === undefined ||
+            (typeof type === "object" &&
+              type !== null &&
+              Object.keys(type).length === 0)
+          ) {
+            info +=
+              " You likely forgot to export your component from the file " +
+              "it's defined in, or you might have mixed up default and " +
+              "named imports.";
+          }
+          var ownerName = owner ? getComponentName(owner.type) : null;
+          if (ownerName) {
+            info += "\n\nCheck the render method of `" + ownerName + "`.";
+          }
+        }
+        (function() {
+          {
+            throw ReactError(
+              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 (nestedPassiveUpdateCount > NESTED_PASSIVE_UPDATE_LIMIT) {
-      nestedPassiveUpdateCount = 0;
-      warning$1(
-        false,
-        "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."
-      );
     }
   }
-  performWork(NoWork, true);
+
+  fiber = createFiber(fiberTag, pendingProps, key, mode);
+  fiber.elementType = type;
+  fiber.type = resolvedType;
+  fiber.expirationTime = expirationTime;
+
+  return fiber;
 }
 
-function flushRenderPhaseStrictModeWarningsInDEV() {
+function createFiberFromElement(element, mode, expirationTime) {
+  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,
+    expirationTime
+  );
   {
-    ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings();
-    ReactStrictModeWarnings.flushLegacyContextWarning();
-
-    if (warnAboutDeprecatedLifecycles) {
-      ReactStrictModeWarnings.flushPendingDeprecationWarnings();
-    }
+    fiber._debugSource = element._source;
+    fiber._debugOwner = element._owner;
   }
+  return fiber;
 }
 
-function stopFinishedWorkLoopTimer() {
-  var didCompleteRoot = true;
-  stopWorkLoopTimer(interruptedBy, didCompleteRoot);
-  interruptedBy = null;
-}
-
-function stopInterruptedWorkLoopTimer() {
-  // TODO: Track which fiber caused the interruption.
-  var didCompleteRoot = false;
-  stopWorkLoopTimer(interruptedBy, didCompleteRoot);
-  interruptedBy = null;
+function createFiberFromFragment(elements, mode, expirationTime, key) {
+  var fiber = createFiber(Fragment, elements, key, mode);
+  fiber.expirationTime = expirationTime;
+  return fiber;
 }
 
-function checkForInterruption(fiberThatReceivedUpdate, updateExpirationTime) {
-  if (
-    enableUserTimingAPI &&
-    workInProgressRoot !== null &&
-    updateExpirationTime > renderExpirationTime
-  ) {
-    interruptedBy = fiberThatReceivedUpdate;
-  }
+function createFiberFromFundamental(
+  fundamentalComponent,
+  pendingProps,
+  mode,
+  expirationTime,
+  key
+) {
+  var fiber = createFiber(FundamentalComponent, pendingProps, key, mode);
+  fiber.elementType = fundamentalComponent;
+  fiber.type = fundamentalComponent;
+  fiber.expirationTime = expirationTime;
+  return fiber;
 }
 
-var didWarnStateUpdateForUnmountedComponent = null;
-function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {
+function createFiberFromProfiler(pendingProps, mode, expirationTime, key) {
   {
-    var tag = fiber.tag;
     if (
-      tag !== HostRoot &&
-      tag !== ClassComponent &&
-      tag !== FunctionComponent &&
-      tag !== ForwardRef &&
-      tag !== MemoComponent &&
-      tag !== SimpleMemoComponent
+      typeof pendingProps.id !== "string" ||
+      typeof pendingProps.onRender !== "function"
     ) {
-      // 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 = getComponentName(fiber.type) || "ReactComponent";
-    if (didWarnStateUpdateForUnmountedComponent !== null) {
-      if (didWarnStateUpdateForUnmountedComponent.has(componentName)) {
-        return;
-      }
-      didWarnStateUpdateForUnmountedComponent.add(componentName);
-    } else {
-      didWarnStateUpdateForUnmountedComponent = new Set([componentName]);
+      warningWithoutStack$1(
+        false,
+        'Profiler must specify an "id" string and "onRender" function as props'
+      );
     }
-    warningWithoutStack$1(
-      false,
-      "Can't perform a React state update on an unmounted component. This " +
-        "is a no-op, but it indicates a memory leak in your application. To " +
-        "fix, cancel all subscriptions and asynchronous tasks in %s.%s",
-      tag === ClassComponent
-        ? "the componentWillUnmount method"
-        : "a useEffect cleanup function",
-      getStackByFiberInDevAndProd(fiber)
-    );
   }
-}
-
-var beginWork$$1 = void 0;
-if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
-  var dummyFiber = null;
-  beginWork$$1 = function(current$$1, unitOfWork, expirationTime) {
-    // 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$1(current$$1, unitOfWork, expirationTime);
-    } catch (originalError) {
-      if (
-        originalError !== null &&
-        typeof originalError === "object" &&
-        typeof originalError.then === "function"
-      ) {
-        // Don't replay promises. Treat everything else like an error.
-        throw originalError;
-      }
-
-      // Keep this code in sync with renderRoot; any changes here must have
-      // corresponding changes there.
-      resetContextDependences();
-      resetHooks();
 
-      // Unwind the failed stack frame
-      unwindInterruptedWork(unitOfWork);
+  var fiber = createFiber(Profiler, pendingProps, key, mode | ProfileMode);
+  // TODO: The Profiler fiber shouldn't have a type. It has a tag.
+  fiber.elementType = REACT_PROFILER_TYPE;
+  fiber.type = REACT_PROFILER_TYPE;
+  fiber.expirationTime = expirationTime;
 
-      // Restore the original properties of the fiber.
-      assignFiberPropertiesInDEV(unitOfWork, originalWorkInProgressCopy);
+  return fiber;
+}
 
-      if (enableProfilerTimer && unitOfWork.mode & ProfileMode) {
-        // Reset the profiler timer.
-        startProfilerTimer(unitOfWork);
-      }
+function createFiberFromSuspense(pendingProps, mode, expirationTime, key) {
+  var fiber = createFiber(SuspenseComponent, pendingProps, key, mode);
 
-      // Run beginWork again.
-      invokeGuardedCallback(
-        null,
-        beginWork$1,
-        null,
-        current$$1,
-        unitOfWork,
-        expirationTime
-      );
+  // TODO: The SuspenseComponent fiber shouldn't have a type. It has a tag.
+  // This needs to be fixed in getComponentName so that it relies on the tag
+  // instead.
+  fiber.type = REACT_SUSPENSE_TYPE;
+  fiber.elementType = REACT_SUSPENSE_TYPE;
 
-      if (hasCaughtError()) {
-        var replayError = clearCaughtError();
-        // `invokeGuardedCallback` sometimes sets an expando `_suppressLogging`.
-        // Rethrow this error instead of the original one.
-        throw replayError;
-      } else {
-        // This branch is reachable if the render phase is impure.
-        throw originalError;
-      }
-    }
-  };
-} else {
-  beginWork$$1 = beginWork$1;
+  fiber.expirationTime = expirationTime;
+  return fiber;
 }
 
-var didWarnAboutUpdateInRender = false;
-var didWarnAboutUpdateInGetChildContext = false;
-function warnAboutInvalidUpdatesOnClassComponentsInDEV(fiber) {
+function createFiberFromSuspenseList(pendingProps, mode, expirationTime, key) {
+  var fiber = createFiber(SuspenseListComponent, pendingProps, key, mode);
   {
-    if (fiber.tag === ClassComponent) {
-      switch (phase) {
-        case "getChildContext":
-          if (didWarnAboutUpdateInGetChildContext) {
-            return;
-          }
-          warningWithoutStack$1(
-            false,
-            "setState(...): Cannot call setState() inside getChildContext()"
-          );
-          didWarnAboutUpdateInGetChildContext = true;
-          break;
-        case "render":
-          if (didWarnAboutUpdateInRender) {
-            return;
-          }
-          warningWithoutStack$1(
-            false,
-            "Cannot update during an existing state transition (such as " +
-              "within `render`). Render methods should be a pure function of " +
-              "props and state."
-          );
-          didWarnAboutUpdateInRender = true;
-          break;
-      }
-    }
+    // TODO: The SuspenseListComponent fiber shouldn't have a type. It has a tag.
+    // This needs to be fixed in getComponentName so that it relies on the tag
+    // instead.
+    fiber.type = REACT_SUSPENSE_LIST_TYPE;
   }
+  fiber.elementType = REACT_SUSPENSE_LIST_TYPE;
+  fiber.expirationTime = expirationTime;
+  return fiber;
 }
 
-function warnIfNotCurrentlyActingUpdatesInDEV(fiber) {
-  {
-    if (
-      workPhase === NotWorking &&
-      ReactShouldWarnActingUpdates.current === false
-    ) {
-      warningWithoutStack$1(
-        false,
-        "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://fb.me/react-wrap-tests-with-act" +
-          "%s",
-        getComponentName(fiber.type),
-        getStackByFiberInDevAndProd(fiber)
-      );
-    }
-  }
+function createFiberFromText(content, mode, expirationTime) {
+  var fiber = createFiber(HostText, content, null, mode);
+  fiber.expirationTime = expirationTime;
+  return fiber;
 }
 
-var warnIfNotCurrentlyActingUpdatesInDev = warnIfNotCurrentlyActingUpdatesInDEV;
+function createFiberFromHostInstanceForDeletion() {
+  var fiber = createFiber(HostComponent, null, null, NoMode);
+  // TODO: These should not need a type.
+  fiber.elementType = "DELETED";
+  fiber.type = "DELETED";
+  return fiber;
+}
 
-function computeThreadID(root, expirationTime) {
-  // Interaction threads are unique per root and expiration time.
-  return expirationTime * 1000 + root.interactionThreadID;
+function createFiberFromPortal(portal, mode, expirationTime) {
+  var pendingProps = portal.children !== null ? portal.children : [];
+  var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
+  fiber.expirationTime = expirationTime;
+  fiber.stateNode = {
+    containerInfo: portal.containerInfo,
+    pendingChildren: null, // Used by persistent updates
+    implementation: portal.implementation
+  };
+  return fiber;
 }
 
-function schedulePendingInteraction(root, expirationTime) {
-  // This is called when work is scheduled on a root. It sets up a pending
-  // interaction, which is completed once the work commits.
-  if (!enableSchedulerTracing) {
-    return;
+// 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);
   }
 
-  var interactions = tracing.__interactionsRef.current;
-  if (interactions.size > 0) {
-    var pendingInteractionMap = root.pendingInteractionMap;
-    var pendingInteractions = pendingInteractionMap.get(expirationTime);
-    if (pendingInteractions != null) {
-      interactions.forEach(function(interaction) {
-        if (!pendingInteractions.has(interaction)) {
-          // Update the pending async work count for previously unscheduled interaction.
-          interaction.__count++;
-        }
-
-        pendingInteractions.add(interaction);
-      });
-    } else {
-      pendingInteractionMap.set(expirationTime, new Set(interactions));
-
-      // Update the pending async work count for the current interactions.
-      interactions.forEach(function(interaction) {
-        interaction.__count++;
-      });
-    }
+  // 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.
 
-    var subscriber = tracing.__subscriberRef.current;
-    if (subscriber !== null) {
-      var threadID = computeThreadID(root, expirationTime);
-      subscriber.onWorkScheduled(interactions, threadID);
-    }
+  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.effectTag = source.effectTag;
+  target.nextEffect = source.nextEffect;
+  target.firstEffect = source.firstEffect;
+  target.lastEffect = source.lastEffect;
+  target.expirationTime = source.expirationTime;
+  target.childExpirationTime = source.childExpirationTime;
+  target.alternate = source.alternate;
+  if (enableProfilerTimer) {
+    target.actualDuration = source.actualDuration;
+    target.actualStartTime = source.actualStartTime;
+    target.selfBaseDuration = source.selfBaseDuration;
+    target.treeBaseDuration = source.treeBaseDuration;
   }
+  target._debugID = source._debugID;
+  target._debugSource = source._debugSource;
+  target._debugOwner = source._debugOwner;
+  target._debugIsCurrentlyTiming = source._debugIsCurrentlyTiming;
+  target._debugNeedsRemount = source._debugNeedsRemount;
+  target._debugHookTypes = source._debugHookTypes;
+  return target;
 }
 
-function startWorkOnPendingInteraction(root, expirationTime) {
-  // This is called when new work is started on a root.
-  if (!enableSchedulerTracing) {
-    return;
-  }
+// TODO: This should be lifted into the renderer.
 
-  // Determine which interactions this batch of work currently includes, So that
-  // we can accurately attribute time spent working on it, And so that cascading
-  // work triggered during the render phase will be associated with it.
-  var interactions = new Set();
-  root.pendingInteractionMap.forEach(function(
-    scheduledInteractions,
-    scheduledExpirationTime
-  ) {
-    if (scheduledExpirationTime >= expirationTime) {
-      scheduledInteractions.forEach(function(interaction) {
-        return interactions.add(interaction);
-      });
-    }
-  });
+// The following attributes are only used by interaction tracing builds.
+// They enable interactions to be associated with their async work,
+// And expose interaction metadata to the React DevTools Profiler plugin.
+// Note that these attributes are only defined when the enableSchedulerTracing flag is enabled.
 
-  // Store the current set of interactions on the FiberRoot for a few reasons:
-  // We can re-use it in hot functions like renderRoot() without having to
-  // recalculate it. We will also use it in commitWork() to pass to any Profiler
-  // onRender() hooks. This also provides DevTools with a way to access it when
-  // the onCommitRoot() hook is called.
-  root.memoizedInteractions = interactions;
+// Exported FiberRoot type includes all properties,
+// To avoid requiring potentially error-prone :any casts throughout the project.
+// Profiling properties are only safe to access in profiling builds (when enableSchedulerTracing is true).
+// The types are defined separately within this file to ensure they stay in sync.
+// (We don't have to use an inline :any cast when enableSchedulerTracing is disabled.)
 
-  if (interactions.size > 0) {
-    var subscriber = tracing.__subscriberRef.current;
-    if (subscriber !== null) {
-      var threadID = computeThreadID(root, expirationTime);
-      try {
-        subscriber.onWorkStarted(interactions, threadID);
-      } catch (error) {
-        // If the subscriber throws, rethrow it in a separate task
-        scheduleCallback(ImmediatePriority, function() {
-          throw error;
-        });
-      }
-    }
-  }
-}
+function FiberRootNode(containerInfo, tag, hydrate) {
+  this.tag = tag;
+  this.current = null;
+  this.containerInfo = containerInfo;
+  this.pendingChildren = null;
+  this.pingCache = null;
+  this.finishedExpirationTime = NoWork;
+  this.finishedWork = null;
+  this.timeoutHandle = noTimeout;
+  this.context = null;
+  this.pendingContext = null;
+  this.hydrate = hydrate;
+  this.firstBatch = null;
+  this.callbackNode = null;
+  this.callbackExpirationTime = NoWork;
+  this.firstPendingTime = NoWork;
+  this.lastPendingTime = NoWork;
+  this.pingTime = NoWork;
 
-function finishPendingInteractions(root, committedExpirationTime) {
-  if (!enableSchedulerTracing) {
-    return;
+  if (enableSchedulerTracing) {
+    this.interactionThreadID = tracing.unstable_getThreadID();
+    this.memoizedInteractions = new Set();
+    this.pendingInteractionMap = new Map();
   }
+}
 
-  var earliestRemainingTimeAfterCommit = root.firstPendingTime;
-
-  var subscriber = void 0;
-
-  try {
-    subscriber = tracing.__subscriberRef.current;
-    if (subscriber !== null && root.memoizedInteractions.size > 0) {
-      var threadID = computeThreadID(root, committedExpirationTime);
-      subscriber.onWorkStopped(root.memoizedInteractions, threadID);
-    }
-  } catch (error) {
-    // If the subscriber throws, rethrow it in a separate task
-    scheduleCallback(ImmediatePriority, function() {
-      throw error;
-    });
-  } finally {
-    // Clear completed interactions from the pending Map.
-    // Unless the render was suspended or cascading work was scheduled,
-    // In which case– leave pending interactions until the subsequent render.
-    var pendingInteractionMap = root.pendingInteractionMap;
-    pendingInteractionMap.forEach(function(
-      scheduledInteractions,
-      scheduledExpirationTime
-    ) {
-      // Only decrement the pending interaction count if we're done.
-      // If there's still work at the current priority,
-      // That indicates that we are waiting for suspense data.
-      if (scheduledExpirationTime > earliestRemainingTimeAfterCommit) {
-        pendingInteractionMap.delete(scheduledExpirationTime);
+function createFiberRoot(containerInfo, tag, hydrate) {
+  var root = new FiberRootNode(containerInfo, tag, hydrate);
 
-        scheduledInteractions.forEach(function(interaction) {
-          interaction.__count--;
+  // Cyclic construction. This cheats the type system right now because
+  // stateNode is any.
+  var uninitializedFiber = createHostRootFiber(tag);
+  root.current = uninitializedFiber;
+  uninitializedFiber.stateNode = root;
 
-          if (subscriber !== null && interaction.__count === 0) {
-            try {
-              subscriber.onInteractionScheduledWorkCompleted(interaction);
-            } catch (error) {
-              // If the subscriber throws, rethrow it in a separate task
-              scheduleCallback(ImmediatePriority, function() {
-                throw error;
-              });
-            }
-          }
-        });
-      }
-    });
-  }
+  return root;
 }
 
 // This lets us hook into Fiber to debug what it's doing.
@@ -18598,7 +22187,7 @@ function getContextForSubtree(parentComponent) {
     return emptyContextObject;
   }
 
-  var fiber = get$1(parentComponent);
+  var fiber = get(parentComponent);
   var parentContext = findCurrentUnmaskedContext(fiber);
 
   if (fiber.tag === ClassComponent) {
@@ -18611,7 +22200,13 @@ function getContextForSubtree(parentComponent) {
   return parentContext;
 }
 
-function scheduleRootUpdate(current$$1, element, expirationTime, callback) {
+function scheduleRootUpdate(
+  current$$1,
+  element,
+  expirationTime,
+  suspenseConfig,
+  callback
+) {
   {
     if (phase === "render" && current !== null && !didWarnAboutNestedUpdates) {
       didWarnAboutNestedUpdates = true;
@@ -18626,7 +22221,7 @@ function scheduleRootUpdate(current$$1, element, expirationTime, callback) {
     }
   }
 
-  var update = createUpdate(expirationTime);
+  var update = createUpdate(expirationTime, suspenseConfig);
   // Caution: React DevTools currently depends on this property
   // being called "element".
   update.payload = { element: element };
@@ -18644,7 +22239,9 @@ function scheduleRootUpdate(current$$1, element, expirationTime, callback) {
     update.callback = callback;
   }
 
-  flushPassiveEffects();
+  if (revertPassiveEffectsChange) {
+    flushPassiveEffects();
+  }
   enqueueUpdate(current$$1, update);
   scheduleWork(current$$1, expirationTime);
 
@@ -18656,6 +22253,7 @@ function updateContainerAtExpirationTime(
   container,
   parentComponent,
   expirationTime,
+  suspenseConfig,
   callback
 ) {
   // TODO: If this is a nested container, this won't be the root.
@@ -18680,24 +22278,34 @@ function updateContainerAtExpirationTime(
     container.pendingContext = context;
   }
 
-  return scheduleRootUpdate(current$$1, element, expirationTime, callback);
+  return scheduleRootUpdate(
+    current$$1,
+    element,
+    expirationTime,
+    suspenseConfig,
+    callback
+  );
 }
 
 function findHostInstance(component) {
-  var fiber = get$1(component);
+  var fiber = get(component);
   if (fiber === undefined) {
     if (typeof component.render === "function") {
       (function() {
         {
-          throw ReactError("Unable to find node on an unmounted component.");
+          throw ReactError(
+            Error("Unable to find node on an unmounted component.")
+          );
         }
       })();
     } else {
       (function() {
         {
           throw ReactError(
-            "Argument appears to not be a ReactComponent. Keys: " +
-              Object.keys(component)
+            Error(
+              "Argument appears to not be a ReactComponent. Keys: " +
+                Object.keys(component)
+            )
           );
         }
       })();
@@ -18712,20 +22320,24 @@ function findHostInstance(component) {
 
 function findHostInstanceWithWarning(component, methodName) {
   {
-    var fiber = get$1(component);
+    var fiber = get(component);
     if (fiber === undefined) {
       if (typeof component.render === "function") {
         (function() {
           {
-            throw ReactError("Unable to find node on an unmounted component.");
+            throw ReactError(
+              Error("Unable to find node on an unmounted component.")
+            );
           }
         })();
       } else {
         (function() {
           {
             throw ReactError(
-              "Argument appears to not be a ReactComponent. Keys: " +
-                Object.keys(component)
+              Error(
+                "Argument appears to not be a ReactComponent. Keys: " +
+                  Object.keys(component)
+              )
             );
           }
         })();
@@ -18775,19 +22387,32 @@ function findHostInstanceWithWarning(component, methodName) {
   return findHostInstance(component);
 }
 
-function createContainer(containerInfo, isConcurrent, hydrate) {
-  return createFiberRoot(containerInfo, isConcurrent, hydrate);
+function createContainer(containerInfo, tag, hydrate) {
+  return createFiberRoot(containerInfo, tag, hydrate);
 }
 
 function updateContainer(element, container, parentComponent, callback) {
   var current$$1 = container.current;
   var currentTime = requestCurrentTime();
-  var expirationTime = computeExpirationForFiber(currentTime, current$$1);
+  {
+    // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
+    if ("undefined" !== typeof jest) {
+      warnIfUnmockedScheduler(current$$1);
+      warnIfNotScopedWithMatchingAct(current$$1);
+    }
+  }
+  var suspenseConfig = requestCurrentSuspenseConfig();
+  var expirationTime = computeExpirationForFiber(
+    currentTime,
+    current$$1,
+    suspenseConfig
+  );
   return updateContainerAtExpirationTime(
     element,
     container,
     parentComponent,
     expirationTime,
+    suspenseConfig,
     callback
   );
 }
@@ -18844,7 +22469,9 @@ var setSuspenseHandler = null;
       id--;
     }
     if (currentHook !== null) {
-      flushPassiveEffects();
+      if (revertPassiveEffectsChange) {
+        flushPassiveEffects();
+      }
 
       var newState = copyWithSet(currentHook.memoizedState, path, value);
       currentHook.memoizedState = newState;
@@ -18863,7 +22490,9 @@ var setSuspenseHandler = null;
 
   // Support DevTools props for function components, forwardRef, memo, host components, etc.
   overrideProps = function(fiber, path, value) {
-    flushPassiveEffects();
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
     fiber.pendingProps = copyWithSet(fiber.memoizedProps, path, value);
     if (fiber.alternate) {
       fiber.alternate.pendingProps = fiber.pendingProps;
@@ -18872,7 +22501,9 @@ var setSuspenseHandler = null;
   };
 
   scheduleUpdate = function(fiber) {
-    flushPassiveEffects();
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
     scheduleWork(fiber, Sync);
   };
 
@@ -18905,6 +22536,16 @@ function injectIntoDevTools(devToolsConfig) {
           return null;
         }
         return findFiberByHostInstance(instance);
+      },
+
+      // React Refresh
+      findHostInstancesForRefresh: findHostInstancesForRefresh,
+      scheduleRefresh: scheduleRefresh,
+      scheduleRoot: scheduleRoot,
+      setRefreshHandler: setRefreshHandler,
+      // Enables DevTools to append owner stacks to error messages in DEV mode.
+      getCurrentFiber: function() {
+        return current;
       }
     })
   );
@@ -18997,7 +22638,7 @@ var NativeMethodsMixin = function(findNodeHandle, findHostInstance) {
           mountSafeCallback_NOT_REALLY_SAFE(this, callback)
         );
       } else {
-        UIManager.measure(
+        ReactNativePrivateInterface.UIManager.measure(
           findNodeHandle(this),
           mountSafeCallback_NOT_REALLY_SAFE(this, callback)
         );
@@ -19045,7 +22686,7 @@ var NativeMethodsMixin = function(findNodeHandle, findHostInstance) {
           mountSafeCallback_NOT_REALLY_SAFE(this, callback)
         );
       } else {
-        UIManager.measureInWindow(
+        ReactNativePrivateInterface.UIManager.measureInWindow(
           findNodeHandle(this),
           mountSafeCallback_NOT_REALLY_SAFE(this, callback)
         );
@@ -19108,7 +22749,7 @@ var NativeMethodsMixin = function(findNodeHandle, findHostInstance) {
           return;
         }
 
-        UIManager.measureLayout(
+        ReactNativePrivateInterface.UIManager.measureLayout(
           findNodeHandle(this),
           relativeNode,
           mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
@@ -19124,17 +22765,6 @@ var NativeMethodsMixin = function(findNodeHandle, findHostInstance) {
      * Manipulation](docs/direct-manipulation.html)).
      */
     setNativeProps: function(nativeProps) {
-      {
-        if (warnAboutDeprecatedSetNativeProps) {
-          warningWithoutStack$1(
-            false,
-            "Warning: Calling ref.setNativeProps(nativeProps) " +
-              "is deprecated and will be removed in a future release. " +
-              "Use the setNativeProps export from the react-native package instead." +
-              "\n\timport {setNativeProps} from 'react-native';\n\tsetNativeProps(ref, nativeProps);\n"
-          );
-        }
-      }
       // Class components don't have viewConfig -> validateAttributes.
       // Nor does it make sense to set native props on a non-native component.
       // Instead, find the nearest host component and set props on it.
@@ -19191,7 +22821,7 @@ var NativeMethodsMixin = function(findNodeHandle, findHostInstance) {
       // This is an expensive no-op for Android, and causes an unnecessary
       // view invalidation for certain components (eg RCTTextInput) on iOS.
       if (updatePayload != null) {
-        UIManager.updateView(
+        ReactNativePrivateInterface.UIManager.updateView(
           nativeTag,
           viewConfig.uiViewClassName,
           updatePayload
@@ -19204,14 +22834,18 @@ var NativeMethodsMixin = function(findNodeHandle, findHostInstance) {
      * will depend on the platform and type of view.
      */
     focus: function() {
-      TextInputState.focusTextInput(findNodeHandle(this));
+      ReactNativePrivateInterface.TextInputState.focusTextInput(
+        findNodeHandle(this)
+      );
     },
 
     /**
      * Removes focus from an input or view. This is the opposite of `focus()`.
      */
     blur: function() {
-      TextInputState.blurTextInput(findNodeHandle(this));
+      ReactNativePrivateInterface.TextInputState.blurTextInput(
+        findNodeHandle(this)
+      );
     }
   };
 
@@ -19229,7 +22863,7 @@ var NativeMethodsMixin = function(findNodeHandle, findHostInstance) {
           !NativeMethodsMixin_DEV.UNSAFE_componentWillReceiveProps
         )
       ) {
-        throw ReactError("Do not override existing functions.");
+        throw ReactError(Error("Do not override existing functions."));
       }
     })();
     // TODO (bvaughn) Remove cWM and cWRP in a future version of React Native,
@@ -19259,13 +22893,13 @@ var NativeMethodsMixin = function(findNodeHandle, findHostInstance) {
   return NativeMethodsMixin;
 };
 
-function _classCallCheck$1(instance, Constructor) {
+function _classCallCheck$2(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
   }
 }
 
-function _possibleConstructorReturn(self, call) {
+function _possibleConstructorReturn$1(self, call) {
   if (!self) {
     throw new ReferenceError(
       "this hasn't been initialised - super() hasn't been called"
@@ -19276,7 +22910,7 @@ function _possibleConstructorReturn(self, call) {
     : self;
 }
 
-function _inherits(subClass, superClass) {
+function _inherits$1(subClass, superClass) {
   if (typeof superClass !== "function" && superClass !== null) {
     throw new TypeError(
       "Super expression must either be null or a function, not " +
@@ -19298,7 +22932,7 @@ function _inherits(subClass, superClass) {
 }
 
 // Modules provided by RN:
-var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
+var ReactNativeComponent$1 = function(findNodeHandle, findHostInstance) {
   /**
    * Superclass that provides methods to access the underlying native component.
    * This can be useful when you want to focus a view or measure its dimensions.
@@ -19311,12 +22945,12 @@ var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
    * @abstract
    */
   var ReactNativeComponent = (function(_React$Component) {
-    _inherits(ReactNativeComponent, _React$Component);
+    _inherits$1(ReactNativeComponent, _React$Component);
 
     function ReactNativeComponent() {
-      _classCallCheck$1(this, ReactNativeComponent);
+      _classCallCheck$2(this, ReactNativeComponent);
 
-      return _possibleConstructorReturn(
+      return _possibleConstructorReturn$1(
         this,
         _React$Component.apply(this, arguments)
       );
@@ -19331,7 +22965,9 @@ var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
      * declared in the base class need to be redeclared below.
      */
     ReactNativeComponent.prototype.blur = function blur() {
-      TextInputState.blurTextInput(findNodeHandle(this));
+      ReactNativePrivateInterface.TextInputState.blurTextInput(
+        findNodeHandle(this)
+      );
     };
 
     /**
@@ -19339,7 +22975,9 @@ var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
      */
 
     ReactNativeComponent.prototype.focus = function focus() {
-      TextInputState.focusTextInput(findNodeHandle(this));
+      ReactNativePrivateInterface.TextInputState.focusTextInput(
+        findNodeHandle(this)
+      );
     };
 
     /**
@@ -19358,7 +22996,7 @@ var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
      * [`onLayout` prop](docs/view.html#onlayout) instead.
      */
 
-    ReactNativeComponent.prototype.measure = function measure$$1(callback) {
+    ReactNativeComponent.prototype.measure = function measure(callback) {
       var maybeInstance = void 0;
 
       // Fiber errors if findNodeHandle is called for an umounted component.
@@ -19384,7 +23022,7 @@ var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
           mountSafeCallback_NOT_REALLY_SAFE(this, callback)
         );
       } else {
-        UIManager.measure(
+        ReactNativePrivateInterface.UIManager.measure(
           findNodeHandle(this),
           mountSafeCallback_NOT_REALLY_SAFE(this, callback)
         );
@@ -19405,7 +23043,7 @@ var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
      * These values are not available until after natives rendering completes.
      */
 
-    ReactNativeComponent.prototype.measureInWindow = function measureInWindow$$1(
+    ReactNativeComponent.prototype.measureInWindow = function measureInWindow(
       callback
     ) {
       var maybeInstance = void 0;
@@ -19433,7 +23071,7 @@ var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
           mountSafeCallback_NOT_REALLY_SAFE(this, callback)
         );
       } else {
-        UIManager.measureInWindow(
+        ReactNativePrivateInterface.UIManager.measureInWindow(
           findNodeHandle(this),
           mountSafeCallback_NOT_REALLY_SAFE(this, callback)
         );
@@ -19447,7 +23085,7 @@ var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
      * Obtain a native node handle with `ReactNative.findNodeHandle(component)`.
      */
 
-    ReactNativeComponent.prototype.measureLayout = function measureLayout$$1(
+    ReactNativeComponent.prototype.measureLayout = function measureLayout(
       relativeToNativeNode,
       onSuccess,
       onFail /* currently unused */
@@ -19495,7 +23133,7 @@ var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
           return;
         }
 
-        UIManager.measureLayout(
+        ReactNativePrivateInterface.UIManager.measureLayout(
           findNodeHandle(this),
           relativeNode,
           mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
@@ -19514,18 +23152,6 @@ var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
     ReactNativeComponent.prototype.setNativeProps = function setNativeProps(
       nativeProps
     ) {
-      {
-        if (warnAboutDeprecatedSetNativeProps) {
-          warningWithoutStack$1(
-            false,
-            "Warning: Calling ref.setNativeProps(nativeProps) " +
-              "is deprecated and will be removed in a future release. " +
-              "Use the setNativeProps export from the react-native package instead." +
-              "\n\timport {setNativeProps} from 'react-native';\n\tsetNativeProps(ref, nativeProps);\n"
-          );
-        }
-      }
-
       // Class components don't have viewConfig -> validateAttributes.
       // Nor does it make sense to set native props on a non-native component.
       // Instead, find the nearest host component and set props on it.
@@ -19578,7 +23204,7 @@ var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
       // This is an expensive no-op for Android, and causes an unnecessary
       // view invalidation for certain components (eg RCTTextInput) on iOS.
       if (updatePayload != null) {
-        UIManager.updateView(
+        ReactNativePrivateInterface.UIManager.updateView(
           nativeTag,
           viewConfig.uiViewClassName,
           updatePayload
@@ -19594,16 +23220,16 @@ var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
   return ReactNativeComponent;
 };
 
-var instanceCache = {};
+var instanceCache = new Map();
 
 function getInstanceFromTag(tag) {
-  return instanceCache[tag] || null;
+  return instanceCache.get(tag) || null;
 }
 
 // Module provided by RN:
-var emptyObject$1 = {};
+var emptyObject$2 = {};
 {
-  Object.freeze(emptyObject$1);
+  Object.freeze(emptyObject$2);
 }
 
 var getInspectorDataForViewTag = void 0;
@@ -19636,9 +23262,9 @@ var getInspectorDataForViewTag = void 0;
   var getHostProps = function(fiber) {
     var host = findCurrentHostFiber(fiber);
     if (host) {
-      return host.memoizedProps || emptyObject$1;
+      return host.memoizedProps || emptyObject$2;
     }
-    return emptyObject$1;
+    return emptyObject$2;
   };
 
   var getHostNode = function(fiber, findNodeHandle) {
@@ -19664,7 +23290,7 @@ var getInspectorDataForViewTag = void 0;
         getInspectorData: function(findNodeHandle) {
           return {
             measure: function(callback) {
-              return UIManager.measure(
+              return ReactNativePrivateInterface.UIManager.measure(
                 getHostNode(fiber, findNodeHandle),
                 callback
               );
@@ -19684,7 +23310,7 @@ var getInspectorDataForViewTag = void 0;
     if (!closestInstance) {
       return {
         hierarchy: [],
-        props: emptyObject$1,
+        props: emptyObject$2,
         selection: null,
         source: null
       };
@@ -19707,35 +23333,8 @@ var getInspectorDataForViewTag = void 0;
   };
 }
 
-// Module provided by RN:
-function setNativeProps(handle, nativeProps) {
-  if (handle._nativeTag == null) {
-    !(handle._nativeTag != null)
-      ? warningWithoutStack$1(
-          false,
-          "setNativeProps was called with a ref that isn't a " +
-            "native component. Use React.forwardRef to get access to the underlying native component"
-        )
-      : void 0;
-    return;
-  }
-
-  {
-    warnForStyleProps(nativeProps, handle.viewConfig.validAttributes);
-  }
-
-  var updatePayload = create(nativeProps, handle.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) {
-    UIManager.updateView(
-      handle._nativeTag,
-      handle.viewConfig.uiViewClassName,
-      updatePayload
-    );
-  }
-}
+var _nativeFabricUIManage = nativeFabricUIManager;
+var fabricDispatchCommand = _nativeFabricUIManage.dispatchCommand;
 
 var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
 
@@ -19793,14 +23392,15 @@ function findNodeHandle(componentOrHandle) {
 
 setBatchingImplementation(
   batchedUpdates$1,
-  interactiveUpdates$1,
-  flushInteractiveUpdates$1
+  discreteUpdates$1,
+  flushDiscreteUpdates,
+  batchedEventUpdates$1
 );
 
 var roots = new Map();
 
 var ReactFabric = {
-  NativeComponent: ReactNativeComponent(findNodeHandle, findHostInstance),
+  NativeComponent: ReactNativeComponent$1(findNodeHandle, findHostInstance),
 
   findNodeHandle: findNodeHandle,
 
@@ -19812,13 +23412,34 @@ var ReactFabric = {
 
     return;
   },
+  dispatchCommand: function(handle, command, args) {
+    var invalid =
+      handle._nativeTag == null || handle._internalInstanceHandle == null;
+
+    if (invalid) {
+      !!invalid
+        ? warningWithoutStack$1(
+            false,
+            "dispatchCommand was called with a ref that isn't a " +
+              "native component. Use React.forwardRef to get access to the underlying native component"
+          )
+        : void 0;
+      return;
+    }
+
+    fabricDispatchCommand(
+      handle._internalInstanceHandle.stateNode.node,
+      command,
+      args
+    );
+  },
   render: function(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, false, false);
+      root = createContainer(containerTag, LegacyRoot, false);
       roots.set(containerTag, root);
     }
     updateContainer(element, root, null, callback);
@@ -19868,4 +23489,4 @@ var fabric = ReactFabric$3.default || ReactFabric$3;
 module.exports = fabric;
 
   })();
-}
\ No newline at end of file
+}
diff --git a/Libraries/Renderer/implementations/ReactFabric-prod.fb.js b/Libraries/Renderer/implementations/ReactFabric-prod.fb.js
new file mode 100644
index 00000000000000..bdd42bfe734ab4
--- /dev/null
+++ b/Libraries/Renderer/implementations/ReactFabric-prod.fb.js
@@ -0,0 +1,7781 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @noflow
+ * @preventMunge
+ * @generated
+ */
+
+"use strict";
+require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
+var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface"),
+  React = require("react"),
+  Scheduler = require("scheduler");
+function ReactError(error) {
+  error.name = "Invariant Violation";
+  return error;
+}
+var eventPluginOrder = null,
+  namesToPlugins = {};
+function recomputePluginOrdering() {
+  if (eventPluginOrder)
+    for (var pluginName in namesToPlugins) {
+      var pluginModule = namesToPlugins[pluginName],
+        pluginIndex = eventPluginOrder.indexOf(pluginName);
+      if (!(-1 < pluginIndex))
+        throw ReactError(
+          Error(
+            "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+              pluginName +
+              "`."
+          )
+        );
+      if (!plugins[pluginIndex]) {
+        if (!pluginModule.extractEvents)
+          throw ReactError(
+            Error(
+              "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
+                pluginName +
+                "` does not."
+            )
+          );
+        plugins[pluginIndex] = pluginModule;
+        pluginIndex = pluginModule.eventTypes;
+        for (var eventName in pluginIndex) {
+          var JSCompiler_inline_result = void 0;
+          var dispatchConfig = pluginIndex[eventName],
+            pluginModule$jscomp$0 = pluginModule,
+            eventName$jscomp$0 = eventName;
+          if (eventNameDispatchConfigs.hasOwnProperty(eventName$jscomp$0))
+            throw ReactError(
+              Error(
+                "EventPluginHub: More than one plugin attempted to publish the same event name, `" +
+                  eventName$jscomp$0 +
+                  "`."
+              )
+            );
+          eventNameDispatchConfigs[eventName$jscomp$0] = dispatchConfig;
+          var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
+          if (phasedRegistrationNames) {
+            for (JSCompiler_inline_result in phasedRegistrationNames)
+              phasedRegistrationNames.hasOwnProperty(
+                JSCompiler_inline_result
+              ) &&
+                publishRegistrationName(
+                  phasedRegistrationNames[JSCompiler_inline_result],
+                  pluginModule$jscomp$0,
+                  eventName$jscomp$0
+                );
+            JSCompiler_inline_result = !0;
+          } else
+            dispatchConfig.registrationName
+              ? (publishRegistrationName(
+                  dispatchConfig.registrationName,
+                  pluginModule$jscomp$0,
+                  eventName$jscomp$0
+                ),
+                (JSCompiler_inline_result = !0))
+              : (JSCompiler_inline_result = !1);
+          if (!JSCompiler_inline_result)
+            throw ReactError(
+              Error(
+                "EventPluginRegistry: Failed to publish event `" +
+                  eventName +
+                  "` for plugin `" +
+                  pluginName +
+                  "`."
+              )
+            );
+        }
+      }
+    }
+}
+function publishRegistrationName(registrationName, pluginModule) {
+  if (registrationNameModules[registrationName])
+    throw ReactError(
+      Error(
+        "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
+          registrationName +
+          "`."
+      )
+    );
+  registrationNameModules[registrationName] = pluginModule;
+}
+var plugins = [],
+  eventNameDispatchConfigs = {},
+  registrationNameModules = {};
+function invokeGuardedCallbackImpl(name, func, context, a, b, c, d, e, f) {
+  var funcArgs = Array.prototype.slice.call(arguments, 3);
+  try {
+    func.apply(context, funcArgs);
+  } catch (error) {
+    this.onError(error);
+  }
+}
+var hasError = !1,
+  caughtError = null,
+  hasRethrowError = !1,
+  rethrowError = null,
+  reporter = {
+    onError: function(error) {
+      hasError = !0;
+      caughtError = error;
+    }
+  };
+function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) {
+  hasError = !1;
+  caughtError = null;
+  invokeGuardedCallbackImpl.apply(reporter, arguments);
+}
+function invokeGuardedCallbackAndCatchFirstError(
+  name,
+  func,
+  context,
+  a,
+  b,
+  c,
+  d,
+  e,
+  f
+) {
+  invokeGuardedCallback.apply(this, arguments);
+  if (hasError) {
+    if (hasError) {
+      var error = caughtError;
+      hasError = !1;
+      caughtError = null;
+    } else
+      throw ReactError(
+        Error(
+          "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    hasRethrowError || ((hasRethrowError = !0), (rethrowError = error));
+  }
+}
+var getFiberCurrentPropsFromNode = null,
+  getInstanceFromNode = null,
+  getNodeFromInstance = null;
+function executeDispatch(event, listener, inst) {
+  var type = event.type || "unknown-event";
+  event.currentTarget = getNodeFromInstance(inst);
+  invokeGuardedCallbackAndCatchFirstError(type, listener, void 0, event);
+  event.currentTarget = null;
+}
+function executeDirectDispatch(event) {
+  var dispatchListener = event._dispatchListeners,
+    dispatchInstance = event._dispatchInstances;
+  if (Array.isArray(dispatchListener))
+    throw ReactError(Error("executeDirectDispatch(...): Invalid `event`."));
+  event.currentTarget = dispatchListener
+    ? getNodeFromInstance(dispatchInstance)
+    : null;
+  dispatchListener = dispatchListener ? dispatchListener(event) : null;
+  event.currentTarget = null;
+  event._dispatchListeners = null;
+  event._dispatchInstances = null;
+  return dispatchListener;
+}
+function accumulateInto(current, next) {
+  if (null == next)
+    throw ReactError(
+      Error(
+        "accumulateInto(...): Accumulated items must not be null or undefined."
+      )
+    );
+  if (null == current) return next;
+  if (Array.isArray(current)) {
+    if (Array.isArray(next)) return current.push.apply(current, next), current;
+    current.push(next);
+    return current;
+  }
+  return Array.isArray(next) ? [current].concat(next) : [current, next];
+}
+function forEachAccumulated(arr, cb, scope) {
+  Array.isArray(arr) ? arr.forEach(cb, scope) : arr && cb.call(scope, arr);
+}
+var eventQueue = null;
+function executeDispatchesAndReleaseTopLevel(e) {
+  if (e) {
+    var dispatchListeners = e._dispatchListeners,
+      dispatchInstances = e._dispatchInstances;
+    if (Array.isArray(dispatchListeners))
+      for (
+        var i = 0;
+        i < dispatchListeners.length && !e.isPropagationStopped();
+        i++
+      )
+        executeDispatch(e, dispatchListeners[i], dispatchInstances[i]);
+    else
+      dispatchListeners &&
+        executeDispatch(e, dispatchListeners, dispatchInstances);
+    e._dispatchListeners = null;
+    e._dispatchInstances = null;
+    e.isPersistent() || e.constructor.release(e);
+  }
+}
+var injection = {
+  injectEventPluginOrder: function(injectedEventPluginOrder) {
+    if (eventPluginOrder)
+      throw ReactError(
+        Error(
+          "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
+        )
+      );
+    eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
+    recomputePluginOrdering();
+  },
+  injectEventPluginsByName: function(injectedNamesToPlugins) {
+    var isOrderingDirty = !1,
+      pluginName;
+    for (pluginName in injectedNamesToPlugins)
+      if (injectedNamesToPlugins.hasOwnProperty(pluginName)) {
+        var pluginModule = injectedNamesToPlugins[pluginName];
+        if (
+          !namesToPlugins.hasOwnProperty(pluginName) ||
+          namesToPlugins[pluginName] !== pluginModule
+        ) {
+          if (namesToPlugins[pluginName])
+            throw ReactError(
+              Error(
+                "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+                  pluginName +
+                  "`."
+              )
+            );
+          namesToPlugins[pluginName] = pluginModule;
+          isOrderingDirty = !0;
+        }
+      }
+    isOrderingDirty && recomputePluginOrdering();
+  }
+};
+function getListener(inst, registrationName) {
+  var listener = inst.stateNode;
+  if (!listener) return null;
+  var props = getFiberCurrentPropsFromNode(listener);
+  if (!props) return null;
+  listener = props[registrationName];
+  a: switch (registrationName) {
+    case "onClick":
+    case "onClickCapture":
+    case "onDoubleClick":
+    case "onDoubleClickCapture":
+    case "onMouseDown":
+    case "onMouseDownCapture":
+    case "onMouseMove":
+    case "onMouseMoveCapture":
+    case "onMouseUp":
+    case "onMouseUpCapture":
+      (props = !props.disabled) ||
+        ((inst = inst.type),
+        (props = !(
+          "button" === inst ||
+          "input" === inst ||
+          "select" === inst ||
+          "textarea" === inst
+        )));
+      inst = !props;
+      break a;
+    default:
+      inst = !1;
+  }
+  if (inst) return null;
+  if (listener && "function" !== typeof listener)
+    throw ReactError(
+      Error(
+        "Expected `" +
+          registrationName +
+          "` listener to be a function, instead got a value of `" +
+          typeof listener +
+          "` type."
+      )
+    );
+  return listener;
+}
+function getParent(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));
+  for (inst = path.length; 0 < inst--; ) fn(path[inst], "captured", arg);
+  for (inst = 0; inst < path.length; inst++) fn(path[inst], "bubbled", arg);
+}
+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 accumulateTwoPhaseDispatchesSingle(event) {
+  event &&
+    event.dispatchConfig.phasedRegistrationNames &&
+    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
+}
+function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
+  if (event && event.dispatchConfig.phasedRegistrationNames) {
+    var targetInst = event._targetInst;
+    targetInst = targetInst ? getParent(targetInst) : null;
+    traverseTwoPhase(targetInst, accumulateDirectionalDispatches, event);
+  }
+}
+function accumulateDirectDispatchesSingle(event) {
+  if (event && event.dispatchConfig.registrationName) {
+    var inst = event._targetInst;
+    if (inst && event && event.dispatchConfig.registrationName) {
+      var listener = getListener(inst, event.dispatchConfig.registrationName);
+      listener &&
+        ((event._dispatchListeners = accumulateInto(
+          event._dispatchListeners,
+          listener
+        )),
+        (event._dispatchInstances = accumulateInto(
+          event._dispatchInstances,
+          inst
+        )));
+    }
+  }
+}
+function functionThatReturnsTrue() {
+  return !0;
+}
+function functionThatReturnsFalse() {
+  return !1;
+}
+function SyntheticEvent(
+  dispatchConfig,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget
+) {
+  this.dispatchConfig = dispatchConfig;
+  this._targetInst = targetInst;
+  this.nativeEvent = nativeEvent;
+  dispatchConfig = this.constructor.Interface;
+  for (var propName in dispatchConfig)
+    dispatchConfig.hasOwnProperty(propName) &&
+      ((targetInst = dispatchConfig[propName])
+        ? (this[propName] = targetInst(nativeEvent))
+        : "target" === propName
+          ? (this.target = nativeEventTarget)
+          : (this[propName] = nativeEvent[propName]));
+  this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
+  ? nativeEvent.defaultPrevented
+  : !1 === nativeEvent.returnValue)
+    ? functionThatReturnsTrue
+    : functionThatReturnsFalse;
+  this.isPropagationStopped = functionThatReturnsFalse;
+  return this;
+}
+Object.assign(SyntheticEvent.prototype, {
+  preventDefault: function() {
+    this.defaultPrevented = !0;
+    var event = this.nativeEvent;
+    event &&
+      (event.preventDefault
+        ? event.preventDefault()
+        : "unknown" !== typeof event.returnValue && (event.returnValue = !1),
+      (this.isDefaultPrevented = functionThatReturnsTrue));
+  },
+  stopPropagation: function() {
+    var event = this.nativeEvent;
+    event &&
+      (event.stopPropagation
+        ? event.stopPropagation()
+        : "unknown" !== typeof event.cancelBubble && (event.cancelBubble = !0),
+      (this.isPropagationStopped = functionThatReturnsTrue));
+  },
+  persist: function() {
+    this.isPersistent = functionThatReturnsTrue;
+  },
+  isPersistent: functionThatReturnsFalse,
+  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._dispatchInstances = this._dispatchListeners = null;
+  }
+});
+SyntheticEvent.Interface = {
+  type: null,
+  target: null,
+  currentTarget: function() {
+    return null;
+  },
+  eventPhase: null,
+  bubbles: null,
+  cancelable: null,
+  timeStamp: function(event) {
+    return event.timeStamp || Date.now();
+  },
+  defaultPrevented: null,
+  isTrusted: null
+};
+SyntheticEvent.extend = function(Interface) {
+  function E() {}
+  function Class() {
+    return Super.apply(this, arguments);
+  }
+  var Super = this;
+  E.prototype = Super.prototype;
+  var prototype = new E();
+  Object.assign(prototype, Class.prototype);
+  Class.prototype = prototype;
+  Class.prototype.constructor = Class;
+  Class.Interface = Object.assign({}, Super.Interface, Interface);
+  Class.extend = Super.extend;
+  addEventPoolingTo(Class);
+  return Class;
+};
+addEventPoolingTo(SyntheticEvent);
+function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
+  if (this.eventPool.length) {
+    var instance = this.eventPool.pop();
+    this.call(instance, dispatchConfig, targetInst, nativeEvent, nativeInst);
+    return instance;
+  }
+  return new this(dispatchConfig, targetInst, nativeEvent, nativeInst);
+}
+function releasePooledEvent(event) {
+  if (!(event instanceof this))
+    throw ReactError(
+      Error(
+        "Trying to release an event instance into a pool of a different type."
+      )
+    );
+  event.destructor();
+  10 > this.eventPool.length && this.eventPool.push(event);
+}
+function addEventPoolingTo(EventConstructor) {
+  EventConstructor.eventPool = [];
+  EventConstructor.getPooled = getPooledEvent;
+  EventConstructor.release = releasePooledEvent;
+}
+var ResponderSyntheticEvent = SyntheticEvent.extend({
+  touchHistory: function() {
+    return null;
+  }
+});
+function isStartish(topLevelType) {
+  return "topTouchStart" === topLevelType;
+}
+function isMoveish(topLevelType) {
+  return "topTouchMove" === topLevelType;
+}
+var startDependencies = ["topTouchStart"],
+  moveDependencies = ["topTouchMove"],
+  endDependencies = ["topTouchCancel", "topTouchEnd"],
+  touchBank = [],
+  touchHistory = {
+    touchBank: touchBank,
+    numberActiveTouches: 0,
+    indexOfSingleActiveTouch: -1,
+    mostRecentTimeStamp: 0
+  };
+function timestampForTouch(touch) {
+  return touch.timeStamp || touch.timestamp;
+}
+function getTouchIdentifier(_ref) {
+  _ref = _ref.identifier;
+  if (null == _ref)
+    throw ReactError(Error("Touch object is missing identifier."));
+  return _ref;
+}
+function recordTouchStart(touch) {
+  var identifier = getTouchIdentifier(touch),
+    touchRecord = touchBank[identifier];
+  touchRecord
+    ? ((touchRecord.touchActive = !0),
+      (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)))
+    : ((touchRecord = {
+        touchActive: !0,
+        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)
+      }),
+      (touchBank[identifier] = touchRecord));
+  touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+}
+function recordTouchMove(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
+  touchRecord
+    ? ((touchRecord.touchActive = !0),
+      (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)))
+    : console.warn(
+        "Cannot record touch move without a touch start.\nTouch Move: %s\n",
+        "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
+      );
+}
+function recordTouchEnd(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
+  touchRecord
+    ? ((touchRecord.touchActive = !1),
+      (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)))
+    : console.warn(
+        "Cannot record touch end without a touch start.\nTouch End: %s\n",
+        "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
+      );
+}
+function printTouch(touch) {
+  return JSON.stringify({
+    identifier: touch.identifier,
+    pageX: touch.pageX,
+    pageY: touch.pageY,
+    timestamp: timestampForTouch(touch)
+  });
+}
+function printTouchBank() {
+  var printed = JSON.stringify(touchBank.slice(0, 20));
+  20 < touchBank.length &&
+    (printed += " (original size: " + touchBank.length + ")");
+  return printed;
+}
+var ResponderTouchHistoryStore = {
+  recordTouchTrack: function(topLevelType, nativeEvent) {
+    if (isMoveish(topLevelType))
+      nativeEvent.changedTouches.forEach(recordTouchMove);
+    else if (isStartish(topLevelType))
+      nativeEvent.changedTouches.forEach(recordTouchStart),
+        (touchHistory.numberActiveTouches = nativeEvent.touches.length),
+        1 === touchHistory.numberActiveTouches &&
+          (touchHistory.indexOfSingleActiveTouch =
+            nativeEvent.touches[0].identifier);
+    else if (
+      "topTouchEnd" === topLevelType ||
+      "topTouchCancel" === topLevelType
+    )
+      if (
+        (nativeEvent.changedTouches.forEach(recordTouchEnd),
+        (touchHistory.numberActiveTouches = nativeEvent.touches.length),
+        1 === touchHistory.numberActiveTouches)
+      )
+        for (topLevelType = 0; topLevelType < touchBank.length; topLevelType++)
+          if (
+            ((nativeEvent = touchBank[topLevelType]),
+            null != nativeEvent && nativeEvent.touchActive)
+          ) {
+            touchHistory.indexOfSingleActiveTouch = topLevelType;
+            break;
+          }
+  },
+  touchHistory: touchHistory
+};
+function accumulate(current, next) {
+  if (null == next)
+    throw ReactError(
+      Error("accumulate(...): Accumulated items must not be null or undefined.")
+    );
+  return null == current
+    ? next
+    : Array.isArray(current)
+      ? current.concat(next)
+      : Array.isArray(next)
+        ? [current].concat(next)
+        : [current, next];
+}
+var responderInst = null,
+  trackedTouchCount = 0;
+function changeResponder(nextResponderInst, blockHostResponder) {
+  var oldResponderInst = responderInst;
+  responderInst = nextResponderInst;
+  if (null !== ResponderEventPlugin.GlobalResponderHandler)
+    ResponderEventPlugin.GlobalResponderHandler.onChange(
+      oldResponderInst,
+      nextResponderInst,
+      blockHostResponder
+    );
+}
+var eventTypes = {
+    startShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onStartShouldSetResponder",
+        captured: "onStartShouldSetResponderCapture"
+      },
+      dependencies: startDependencies
+    },
+    scrollShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onScrollShouldSetResponder",
+        captured: "onScrollShouldSetResponderCapture"
+      },
+      dependencies: ["topScroll"]
+    },
+    selectionChangeShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onSelectionChangeShouldSetResponder",
+        captured: "onSelectionChangeShouldSetResponderCapture"
+      },
+      dependencies: ["topSelectionChange"]
+    },
+    moveShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onMoveShouldSetResponder",
+        captured: "onMoveShouldSetResponderCapture"
+      },
+      dependencies: moveDependencies
+    },
+    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: []
+    }
+  },
+  ResponderEventPlugin = {
+    _getResponder: function() {
+      return responderInst;
+    },
+    eventTypes: eventTypes,
+    extractEvents: function(
+      topLevelType,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      if (isStartish(topLevelType)) trackedTouchCount += 1;
+      else if (
+        "topTouchEnd" === topLevelType ||
+        "topTouchCancel" === topLevelType
+      )
+        if (0 <= trackedTouchCount) --trackedTouchCount;
+        else
+          return (
+            console.error(
+              "Ended a touch event which was not counted in `trackedTouchCount`."
+            ),
+            null
+          );
+      ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
+      if (
+        targetInst &&
+        (("topScroll" === topLevelType && !nativeEvent.responderIgnoreScroll) ||
+          (0 < trackedTouchCount && "topSelectionChange" === topLevelType) ||
+          isStartish(topLevelType) ||
+          isMoveish(topLevelType))
+      ) {
+        var JSCompiler_temp = isStartish(topLevelType)
+          ? eventTypes.startShouldSetResponder
+          : isMoveish(topLevelType)
+            ? eventTypes.moveShouldSetResponder
+            : "topSelectionChange" === topLevelType
+              ? eventTypes.selectionChangeShouldSetResponder
+              : eventTypes.scrollShouldSetResponder;
+        if (responderInst)
+          b: {
+            var JSCompiler_temp$jscomp$0 = responderInst;
+            for (
+              var depthA = 0, tempA = JSCompiler_temp$jscomp$0;
+              tempA;
+              tempA = getParent(tempA)
+            )
+              depthA++;
+            tempA = 0;
+            for (var tempB = targetInst; tempB; tempB = getParent(tempB))
+              tempA++;
+            for (; 0 < depthA - tempA; )
+              (JSCompiler_temp$jscomp$0 = getParent(JSCompiler_temp$jscomp$0)),
+                depthA--;
+            for (; 0 < tempA - depthA; )
+              (targetInst = getParent(targetInst)), tempA--;
+            for (; depthA--; ) {
+              if (
+                JSCompiler_temp$jscomp$0 === targetInst ||
+                JSCompiler_temp$jscomp$0 === targetInst.alternate
+              )
+                break b;
+              JSCompiler_temp$jscomp$0 = getParent(JSCompiler_temp$jscomp$0);
+              targetInst = getParent(targetInst);
+            }
+            JSCompiler_temp$jscomp$0 = null;
+          }
+        else JSCompiler_temp$jscomp$0 = targetInst;
+        targetInst = JSCompiler_temp$jscomp$0 === responderInst;
+        JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
+          JSCompiler_temp,
+          JSCompiler_temp$jscomp$0,
+          nativeEvent,
+          nativeEventTarget
+        );
+        JSCompiler_temp$jscomp$0.touchHistory =
+          ResponderTouchHistoryStore.touchHistory;
+        targetInst
+          ? forEachAccumulated(
+              JSCompiler_temp$jscomp$0,
+              accumulateTwoPhaseDispatchesSingleSkipTarget
+            )
+          : forEachAccumulated(
+              JSCompiler_temp$jscomp$0,
+              accumulateTwoPhaseDispatchesSingle
+            );
+        b: {
+          JSCompiler_temp = JSCompiler_temp$jscomp$0._dispatchListeners;
+          targetInst = JSCompiler_temp$jscomp$0._dispatchInstances;
+          if (Array.isArray(JSCompiler_temp))
+            for (
+              depthA = 0;
+              depthA < JSCompiler_temp.length &&
+              !JSCompiler_temp$jscomp$0.isPropagationStopped();
+              depthA++
+            ) {
+              if (
+                JSCompiler_temp[depthA](
+                  JSCompiler_temp$jscomp$0,
+                  targetInst[depthA]
+                )
+              ) {
+                JSCompiler_temp = targetInst[depthA];
+                break b;
+              }
+            }
+          else if (
+            JSCompiler_temp &&
+            JSCompiler_temp(JSCompiler_temp$jscomp$0, targetInst)
+          ) {
+            JSCompiler_temp = targetInst;
+            break b;
+          }
+          JSCompiler_temp = null;
+        }
+        JSCompiler_temp$jscomp$0._dispatchInstances = null;
+        JSCompiler_temp$jscomp$0._dispatchListeners = null;
+        JSCompiler_temp$jscomp$0.isPersistent() ||
+          JSCompiler_temp$jscomp$0.constructor.release(
+            JSCompiler_temp$jscomp$0
+          );
+        JSCompiler_temp && JSCompiler_temp !== responderInst
+          ? ((JSCompiler_temp$jscomp$0 = void 0),
+            (targetInst = ResponderSyntheticEvent.getPooled(
+              eventTypes.responderGrant,
+              JSCompiler_temp,
+              nativeEvent,
+              nativeEventTarget
+            )),
+            (targetInst.touchHistory = ResponderTouchHistoryStore.touchHistory),
+            forEachAccumulated(targetInst, accumulateDirectDispatchesSingle),
+            (depthA = !0 === executeDirectDispatch(targetInst)),
+            responderInst
+              ? ((tempA = ResponderSyntheticEvent.getPooled(
+                  eventTypes.responderTerminationRequest,
+                  responderInst,
+                  nativeEvent,
+                  nativeEventTarget
+                )),
+                (tempA.touchHistory = ResponderTouchHistoryStore.touchHistory),
+                forEachAccumulated(tempA, accumulateDirectDispatchesSingle),
+                (tempB =
+                  !tempA._dispatchListeners || executeDirectDispatch(tempA)),
+                tempA.isPersistent() || tempA.constructor.release(tempA),
+                tempB
+                  ? ((tempA = ResponderSyntheticEvent.getPooled(
+                      eventTypes.responderTerminate,
+                      responderInst,
+                      nativeEvent,
+                      nativeEventTarget
+                    )),
+                    (tempA.touchHistory =
+                      ResponderTouchHistoryStore.touchHistory),
+                    forEachAccumulated(tempA, accumulateDirectDispatchesSingle),
+                    (JSCompiler_temp$jscomp$0 = accumulate(
+                      JSCompiler_temp$jscomp$0,
+                      [targetInst, tempA]
+                    )),
+                    changeResponder(JSCompiler_temp, depthA))
+                  : ((JSCompiler_temp = ResponderSyntheticEvent.getPooled(
+                      eventTypes.responderReject,
+                      JSCompiler_temp,
+                      nativeEvent,
+                      nativeEventTarget
+                    )),
+                    (JSCompiler_temp.touchHistory =
+                      ResponderTouchHistoryStore.touchHistory),
+                    forEachAccumulated(
+                      JSCompiler_temp,
+                      accumulateDirectDispatchesSingle
+                    ),
+                    (JSCompiler_temp$jscomp$0 = accumulate(
+                      JSCompiler_temp$jscomp$0,
+                      JSCompiler_temp
+                    ))))
+              : ((JSCompiler_temp$jscomp$0 = accumulate(
+                  JSCompiler_temp$jscomp$0,
+                  targetInst
+                )),
+                changeResponder(JSCompiler_temp, depthA)),
+            (JSCompiler_temp = JSCompiler_temp$jscomp$0))
+          : (JSCompiler_temp = null);
+      } else JSCompiler_temp = null;
+      JSCompiler_temp$jscomp$0 = responderInst && isStartish(topLevelType);
+      targetInst = responderInst && isMoveish(topLevelType);
+      depthA =
+        responderInst &&
+        ("topTouchEnd" === topLevelType || "topTouchCancel" === topLevelType);
+      if (
+        (JSCompiler_temp$jscomp$0 = JSCompiler_temp$jscomp$0
+          ? eventTypes.responderStart
+          : targetInst
+            ? eventTypes.responderMove
+            : depthA
+              ? eventTypes.responderEnd
+              : null)
+      )
+        (JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
+          JSCompiler_temp$jscomp$0,
+          responderInst,
+          nativeEvent,
+          nativeEventTarget
+        )),
+          (JSCompiler_temp$jscomp$0.touchHistory =
+            ResponderTouchHistoryStore.touchHistory),
+          forEachAccumulated(
+            JSCompiler_temp$jscomp$0,
+            accumulateDirectDispatchesSingle
+          ),
+          (JSCompiler_temp = accumulate(
+            JSCompiler_temp,
+            JSCompiler_temp$jscomp$0
+          ));
+      JSCompiler_temp$jscomp$0 =
+        responderInst && "topTouchCancel" === topLevelType;
+      if (
+        (topLevelType =
+          responderInst &&
+          !JSCompiler_temp$jscomp$0 &&
+          ("topTouchEnd" === topLevelType || "topTouchCancel" === topLevelType))
+      )
+        a: {
+          if ((topLevelType = nativeEvent.touches) && 0 !== topLevelType.length)
+            for (targetInst = 0; targetInst < topLevelType.length; targetInst++)
+              if (
+                ((depthA = topLevelType[targetInst].target),
+                null !== depthA && void 0 !== depthA && 0 !== depthA)
+              ) {
+                tempA = getInstanceFromNode(depthA);
+                b: {
+                  for (depthA = responderInst; tempA; ) {
+                    if (depthA === tempA || depthA === tempA.alternate) {
+                      depthA = !0;
+                      break b;
+                    }
+                    tempA = getParent(tempA);
+                  }
+                  depthA = !1;
+                }
+                if (depthA) {
+                  topLevelType = !1;
+                  break a;
+                }
+              }
+          topLevelType = !0;
+        }
+      if (
+        (topLevelType = JSCompiler_temp$jscomp$0
+          ? eventTypes.responderTerminate
+          : topLevelType
+            ? eventTypes.responderRelease
+            : null)
+      )
+        (nativeEvent = ResponderSyntheticEvent.getPooled(
+          topLevelType,
+          responderInst,
+          nativeEvent,
+          nativeEventTarget
+        )),
+          (nativeEvent.touchHistory = ResponderTouchHistoryStore.touchHistory),
+          forEachAccumulated(nativeEvent, accumulateDirectDispatchesSingle),
+          (JSCompiler_temp = accumulate(JSCompiler_temp, nativeEvent)),
+          changeResponder(null);
+      return JSCompiler_temp;
+    },
+    GlobalResponderHandler: null,
+    injection: {
+      injectGlobalResponderHandler: function(GlobalResponderHandler) {
+        ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
+      }
+    }
+  },
+  customBubblingEventTypes =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customBubblingEventTypes,
+  customDirectEventTypes =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customDirectEventTypes;
+injection.injectEventPluginOrder([
+  "ResponderEventPlugin",
+  "ReactNativeBridgeEventPlugin"
+]);
+injection.injectEventPluginsByName({
+  ResponderEventPlugin: ResponderEventPlugin,
+  ReactNativeBridgeEventPlugin: {
+    eventTypes: {},
+    extractEvents: function(
+      topLevelType,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      if (null == targetInst) return null;
+      var bubbleDispatchConfig = customBubblingEventTypes[topLevelType],
+        directDispatchConfig = customDirectEventTypes[topLevelType];
+      if (!bubbleDispatchConfig && !directDispatchConfig)
+        throw ReactError(
+          Error(
+            'Unsupported top level event type "' + topLevelType + '" dispatched'
+          )
+        );
+      topLevelType = SyntheticEvent.getPooled(
+        bubbleDispatchConfig || directDispatchConfig,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget
+      );
+      if (bubbleDispatchConfig)
+        forEachAccumulated(topLevelType, accumulateTwoPhaseDispatchesSingle);
+      else if (directDispatchConfig)
+        forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
+      else return null;
+      return topLevelType;
+    }
+  }
+});
+function getInstanceFromInstance(instanceHandle) {
+  return instanceHandle;
+}
+getFiberCurrentPropsFromNode = function(inst) {
+  return inst.canonical.currentProps;
+};
+getInstanceFromNode = getInstanceFromInstance;
+getNodeFromInstance = function(inst) {
+  inst = inst.stateNode.canonical._nativeTag;
+  if (!inst) throw ReactError(Error("All native instances should have a tag."));
+  return inst;
+};
+ResponderEventPlugin.injection.injectGlobalResponderHandler({
+  onChange: function(from, to, blockNativeResponder) {
+    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;
+ReactSharedInternals.hasOwnProperty("ReactCurrentDispatcher") ||
+  (ReactSharedInternals.ReactCurrentDispatcher = { current: null });
+ReactSharedInternals.hasOwnProperty("ReactCurrentBatchConfig") ||
+  (ReactSharedInternals.ReactCurrentBatchConfig = { suspense: null });
+var hasSymbol = "function" === typeof Symbol && Symbol.for,
+  REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103,
+  REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106,
+  REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107,
+  REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108,
+  REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114,
+  REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109,
+  REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110,
+  REACT_CONCURRENT_MODE_TYPE = hasSymbol
+    ? Symbol.for("react.concurrent_mode")
+    : 60111,
+  REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112,
+  REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113,
+  REACT_SUSPENSE_LIST_TYPE = hasSymbol
+    ? Symbol.for("react.suspense_list")
+    : 60120,
+  REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115,
+  REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
+hasSymbol && Symbol.for("react.fundamental");
+hasSymbol && Symbol.for("react.responder");
+var MAYBE_ITERATOR_SYMBOL = "function" === typeof 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 getComponentName(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 "Context.Consumer";
+      case REACT_PROVIDER_TYPE:
+        return "Context.Provider";
+      case REACT_FORWARD_REF_TYPE:
+        var innerType = type.render;
+        innerType = innerType.displayName || innerType.name || "";
+        return (
+          type.displayName ||
+          ("" !== innerType ? "ForwardRef(" + innerType + ")" : "ForwardRef")
+        );
+      case REACT_MEMO_TYPE:
+        return getComponentName(type.type);
+      case REACT_LAZY_TYPE:
+        if ((type = 1 === type._status ? type._result : null))
+          return getComponentName(type);
+    }
+  return null;
+}
+require("../shims/ReactFeatureFlags");
+function isFiberMountedImpl(fiber) {
+  var node = fiber;
+  if (fiber.alternate) for (; node.return; ) node = node.return;
+  else {
+    if (0 !== (node.effectTag & 2)) return 1;
+    for (; node.return; )
+      if (((node = node.return), 0 !== (node.effectTag & 2))) return 1;
+  }
+  return 3 === node.tag ? 2 : 3;
+}
+function assertIsMounted(fiber) {
+  if (2 !== isFiberMountedImpl(fiber))
+    throw ReactError(Error("Unable to find node on an unmounted component."));
+}
+function findCurrentFiberUsingSlowPath(fiber) {
+  var alternate = fiber.alternate;
+  if (!alternate) {
+    alternate = isFiberMountedImpl(fiber);
+    if (3 === alternate)
+      throw ReactError(Error("Unable to find node on an unmounted component."));
+    return 1 === alternate ? 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 ReactError(Error("Unable to find node on an unmounted component."));
+    }
+    if (a.return !== b.return) (a = parentA), (b = parentB);
+    else {
+      for (var didFindChild = !1, _child = parentA.child; _child; ) {
+        if (_child === a) {
+          didFindChild = !0;
+          a = parentA;
+          b = parentB;
+          break;
+        }
+        if (_child === b) {
+          didFindChild = !0;
+          b = parentA;
+          a = parentB;
+          break;
+        }
+        _child = _child.sibling;
+      }
+      if (!didFindChild) {
+        for (_child = parentB.child; _child; ) {
+          if (_child === a) {
+            didFindChild = !0;
+            a = parentB;
+            b = parentA;
+            break;
+          }
+          if (_child === b) {
+            didFindChild = !0;
+            b = parentB;
+            a = parentA;
+            break;
+          }
+          _child = _child.sibling;
+        }
+        if (!didFindChild)
+          throw ReactError(
+            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 ReactError(
+        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 ReactError(Error("Unable to find node on an unmounted component."));
+  return a.stateNode.current === a ? fiber : alternate;
+}
+function findCurrentHostFiber(parent) {
+  parent = findCurrentFiberUsingSlowPath(parent);
+  if (!parent) return null;
+  for (var node = parent; ; ) {
+    if (5 === node.tag || 6 === node.tag) return node;
+    if (node.child) (node.child.return = node), (node = node.child);
+    else {
+      if (node === parent) break;
+      for (; !node.sibling; ) {
+        if (!node.return || node.return === parent) return null;
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      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;
+function restoreDeletedValuesInNestedArray(
+  updatePayload,
+  node,
+  validAttributes
+) {
+  if (Array.isArray(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 (!Array.isArray(prevProp) && !Array.isArray(nextProp))
+    return diffProperties(updatePayload, prevProp, nextProp, validAttributes);
+  if (Array.isArray(prevProp) && Array.isArray(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 Array.isArray(prevProp)
+    ? diffProperties(
+        updatePayload,
+        ReactNativePrivateInterface.flattenStyle(prevProp),
+        nextProp,
+        validAttributes
+      )
+    : diffProperties(
+        updatePayload,
+        prevProp,
+        ReactNativePrivateInterface.flattenStyle(nextProp),
+        validAttributes
+      );
+}
+function addNestedProperty(updatePayload, nextProp, validAttributes) {
+  if (!nextProp) return updatePayload;
+  if (!Array.isArray(nextProp))
+    return diffProperties(
+      updatePayload,
+      emptyObject,
+      nextProp,
+      validAttributes
+    );
+  for (var i = 0; i < nextProp.length; i++)
+    updatePayload = addNestedProperty(
+      updatePayload,
+      nextProp[i],
+      validAttributes
+    );
+  return updatePayload;
+}
+function clearNestedProperty(updatePayload, prevProp, validAttributes) {
+  if (!prevProp) return updatePayload;
+  if (!Array.isArray(prevProp))
+    return diffProperties(
+      updatePayload,
+      prevProp,
+      emptyObject,
+      validAttributes
+    );
+  for (var i = 0; i < prevProp.length; i++)
+    updatePayload = clearNestedProperty(
+      updatePayload,
+      prevProp[i],
+      validAttributes
+    );
+  return updatePayload;
+}
+function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
+  var attributeConfig, propKey;
+  for (propKey in nextProps)
+    if ((attributeConfig = validAttributes[propKey])) {
+      var prevProp = prevProps[propKey];
+      var nextProp = nextProps[propKey];
+      "function" === typeof nextProp &&
+        ((nextProp = !0), "function" === typeof prevProp && (prevProp = !0));
+      "undefined" === typeof nextProp &&
+        ((nextProp = null),
+        "undefined" === typeof prevProp && (prevProp = null));
+      removedKeys && (removedKeys[propKey] = !1);
+      if (updatePayload && void 0 !== updatePayload[propKey])
+        if ("object" !== typeof attributeConfig)
+          updatePayload[propKey] = nextProp;
+        else {
+          if (
+            "function" === typeof attributeConfig.diff ||
+            "function" === typeof attributeConfig.process
+          )
+            (attributeConfig =
+              "function" === typeof attributeConfig.process
+                ? attributeConfig.process(nextProp)
+                : nextProp),
+              (updatePayload[propKey] = attributeConfig);
+        }
+      else if (prevProp !== nextProp)
+        if ("object" !== typeof attributeConfig)
+          ("object" !== typeof nextProp ||
+            null === nextProp ||
+            ReactNativePrivateInterface.deepDiffer(prevProp, nextProp)) &&
+            ((updatePayload || (updatePayload = {}))[propKey] = nextProp);
+        else if (
+          "function" === typeof attributeConfig.diff ||
+          "function" === typeof attributeConfig.process
+        ) {
+          if (
+            void 0 === prevProp ||
+            ("function" === typeof attributeConfig.diff
+              ? attributeConfig.diff(prevProp, nextProp)
+              : "object" !== typeof nextProp ||
+                null === nextProp ||
+                ReactNativePrivateInterface.deepDiffer(prevProp, nextProp))
+          )
+            (attributeConfig =
+              "function" === typeof attributeConfig.process
+                ? attributeConfig.process(nextProp)
+                : nextProp),
+              ((updatePayload || (updatePayload = {}))[
+                propKey
+              ] = attributeConfig);
+        } else
+          (removedKeys = null),
+            (removedKeyCount = 0),
+            (updatePayload = diffNestedProperty(
+              updatePayload,
+              prevProp,
+              nextProp,
+              attributeConfig
+            )),
+            0 < removedKeyCount &&
+              updatePayload &&
+              (restoreDeletedValuesInNestedArray(
+                updatePayload,
+                nextProp,
+                attributeConfig
+              ),
+              (removedKeys = null));
+    }
+  for (var _propKey in prevProps)
+    void 0 === nextProps[_propKey] &&
+      (!(attributeConfig = validAttributes[_propKey]) ||
+        (updatePayload && void 0 !== updatePayload[_propKey]) ||
+        ((prevProp = prevProps[_propKey]),
+        void 0 !== prevProp &&
+          ("object" !== typeof attributeConfig ||
+          "function" === typeof attributeConfig.diff ||
+          "function" === typeof attributeConfig.process
+            ? (((updatePayload || (updatePayload = {}))[_propKey] = null),
+              removedKeys || (removedKeys = {}),
+              removedKeys[_propKey] ||
+                ((removedKeys[_propKey] = !0), removedKeyCount++))
+            : (updatePayload = clearNestedProperty(
+                updatePayload,
+                prevProp,
+                attributeConfig
+              )))));
+  return updatePayload;
+}
+var restoreTarget = null,
+  restoreQueue = null;
+function restoreStateOfTarget(target) {
+  if (getInstanceFromNode(target))
+    throw ReactError(
+      Error(
+        "setRestoreImplementation() needs to be called to handle a target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+      )
+    );
+}
+function batchedUpdatesImpl(fn, bookkeeping) {
+  return fn(bookkeeping);
+}
+function flushDiscreteUpdatesImpl() {}
+var isInsideEventHandler = !1;
+function batchedUpdates(fn, bookkeeping) {
+  if (isInsideEventHandler) return fn(bookkeeping);
+  isInsideEventHandler = !0;
+  try {
+    return batchedUpdatesImpl(fn, bookkeeping);
+  } finally {
+    if (
+      ((isInsideEventHandler = !1),
+      null !== restoreTarget || null !== restoreQueue)
+    )
+      if (
+        (flushDiscreteUpdatesImpl(),
+        restoreTarget &&
+          ((bookkeeping = restoreTarget),
+          (fn = restoreQueue),
+          (restoreQueue = restoreTarget = null),
+          restoreStateOfTarget(bookkeeping),
+          fn))
+      )
+        for (bookkeeping = 0; bookkeeping < fn.length; bookkeeping++)
+          restoreStateOfTarget(fn[bookkeeping]);
+  }
+}
+function _inherits(subClass, superClass) {
+  if ("function" !== typeof superClass && null !== superClass)
+    throw new TypeError(
+      "Super expression must either be null or a function, not " +
+        typeof superClass
+    );
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      enumerable: !1,
+      writable: !0,
+      configurable: !0
+    }
+  });
+  superClass &&
+    (Object.setPrototypeOf
+      ? Object.setPrototypeOf(subClass, superClass)
+      : (subClass.__proto__ = superClass));
+}
+(function(_React$Component) {
+  function ReactNativeComponent() {
+    if (!(this instanceof ReactNativeComponent))
+      throw new TypeError("Cannot call a class as a function");
+    var call = _React$Component.apply(this, arguments);
+    if (!this)
+      throw new ReferenceError(
+        "this hasn't been initialised - super() hasn't been called"
+      );
+    return !call || ("object" !== typeof call && "function" !== typeof call)
+      ? this
+      : call;
+  }
+  _inherits(ReactNativeComponent, _React$Component);
+  ReactNativeComponent.prototype.blur = function() {};
+  ReactNativeComponent.prototype.focus = function() {};
+  ReactNativeComponent.prototype.measure = function() {};
+  ReactNativeComponent.prototype.measureInWindow = function() {};
+  ReactNativeComponent.prototype.measureLayout = function() {};
+  ReactNativeComponent.prototype.setNativeProps = function() {};
+  return ReactNativeComponent;
+})(React.Component);
+new Map();
+new Map();
+new Set();
+new Map();
+function dispatchEvent(target, topLevelType, nativeEvent) {
+  batchedUpdates(function() {
+    var events = nativeEvent.target;
+    for (var events$jscomp$0 = null, i = 0; i < plugins.length; i++) {
+      var possiblePlugin = plugins[i];
+      possiblePlugin &&
+        (possiblePlugin = possiblePlugin.extractEvents(
+          topLevelType,
+          target,
+          nativeEvent,
+          events
+        )) &&
+        (events$jscomp$0 = accumulateInto(events$jscomp$0, possiblePlugin));
+    }
+    events = events$jscomp$0;
+    null !== events && (eventQueue = accumulateInto(eventQueue, events));
+    events = eventQueue;
+    eventQueue = null;
+    if (events) {
+      forEachAccumulated(events, executeDispatchesAndReleaseTopLevel);
+      if (eventQueue)
+        throw ReactError(
+          Error(
+            "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+          )
+        );
+      if (hasRethrowError)
+        throw ((events = rethrowError),
+        (hasRethrowError = !1),
+        (rethrowError = null),
+        events);
+    }
+  });
+}
+function shim$1() {
+  throw ReactError(
+    Error(
+      "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
+    )
+  );
+}
+var _nativeFabricUIManage$1 = nativeFabricUIManager,
+  createNode = _nativeFabricUIManage$1.createNode,
+  cloneNode = _nativeFabricUIManage$1.cloneNode,
+  cloneNodeWithNewChildren = _nativeFabricUIManage$1.cloneNodeWithNewChildren,
+  cloneNodeWithNewChildrenAndProps =
+    _nativeFabricUIManage$1.cloneNodeWithNewChildrenAndProps,
+  cloneNodeWithNewProps = _nativeFabricUIManage$1.cloneNodeWithNewProps,
+  createChildNodeSet = _nativeFabricUIManage$1.createChildSet,
+  appendChildNode = _nativeFabricUIManage$1.appendChild,
+  appendChildNodeToSet = _nativeFabricUIManage$1.appendChildToSet,
+  completeRoot = _nativeFabricUIManage$1.completeRoot,
+  registerEventHandler = _nativeFabricUIManage$1.registerEventHandler,
+  fabricMeasure = _nativeFabricUIManage$1.measure,
+  fabricMeasureInWindow = _nativeFabricUIManage$1.measureInWindow,
+  fabricMeasureLayout = _nativeFabricUIManage$1.measureLayout,
+  getViewConfigForType =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get,
+  nextReactTag = 2;
+registerEventHandler && registerEventHandler(dispatchEvent);
+var ReactFabricHostComponent = (function() {
+  function ReactFabricHostComponent(
+    tag,
+    viewConfig,
+    props,
+    internalInstanceHandle
+  ) {
+    if (!(this instanceof ReactFabricHostComponent))
+      throw new TypeError("Cannot call a class as a function");
+    this._nativeTag = tag;
+    this.viewConfig = viewConfig;
+    this.currentProps = props;
+    this._internalInstanceHandle = internalInstanceHandle;
+  }
+  ReactFabricHostComponent.prototype.blur = function() {
+    ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
+  };
+  ReactFabricHostComponent.prototype.focus = function() {
+    ReactNativePrivateInterface.TextInputState.focusTextInput(this._nativeTag);
+  };
+  ReactFabricHostComponent.prototype.measure = function(callback) {
+    fabricMeasure(
+      this._internalInstanceHandle.stateNode.node,
+      mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+    );
+  };
+  ReactFabricHostComponent.prototype.measureInWindow = function(callback) {
+    fabricMeasureInWindow(
+      this._internalInstanceHandle.stateNode.node,
+      mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+    );
+  };
+  ReactFabricHostComponent.prototype.measureLayout = function(
+    relativeToNativeNode,
+    onSuccess,
+    onFail
+  ) {
+    "number" !== typeof relativeToNativeNode &&
+      relativeToNativeNode instanceof ReactFabricHostComponent &&
+      fabricMeasureLayout(
+        this._internalInstanceHandle.stateNode.node,
+        relativeToNativeNode._internalInstanceHandle.stateNode.node,
+        mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
+        mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
+      );
+  };
+  ReactFabricHostComponent.prototype.setNativeProps = function() {};
+  return ReactFabricHostComponent;
+})();
+function createTextInstance(
+  text,
+  rootContainerInstance,
+  hostContext,
+  internalInstanceHandle
+) {
+  if (!hostContext.isInAParentText)
+    throw ReactError(
+      Error("Text strings must be rendered within a <Text> component.")
+    );
+  hostContext = nextReactTag;
+  nextReactTag += 2;
+  return {
+    node: createNode(
+      hostContext,
+      "RCTRawText",
+      rootContainerInstance,
+      { text: text },
+      internalInstanceHandle
+    )
+  };
+}
+var scheduleTimeout = setTimeout,
+  cancelTimeout = clearTimeout;
+function cloneHiddenInstance(instance) {
+  var node = instance.node;
+  var updatePayload = diffProperties(
+    null,
+    emptyObject,
+    { style: { display: "none" } },
+    instance.canonical.viewConfig.validAttributes
+  );
+  return {
+    node: cloneNodeWithNewProps(node, updatePayload),
+    canonical: instance.canonical
+  };
+}
+var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
+function getStackByFiberInDevAndProd(workInProgress) {
+  var info = "";
+  do {
+    a: switch (workInProgress.tag) {
+      case 3:
+      case 4:
+      case 6:
+      case 7:
+      case 10:
+      case 9:
+        var JSCompiler_inline_result = "";
+        break a;
+      default:
+        var owner = workInProgress._debugOwner,
+          source = workInProgress._debugSource,
+          name = getComponentName(workInProgress.type);
+        JSCompiler_inline_result = null;
+        owner && (JSCompiler_inline_result = getComponentName(owner.type));
+        owner = name;
+        name = "";
+        source
+          ? (name =
+              " (at " +
+              source.fileName.replace(BEFORE_SLASH_RE, "") +
+              ":" +
+              source.lineNumber +
+              ")")
+          : JSCompiler_inline_result &&
+            (name = " (created by " + JSCompiler_inline_result + ")");
+        JSCompiler_inline_result = "\n    in " + (owner || "Unknown") + name;
+    }
+    info += JSCompiler_inline_result;
+    workInProgress = workInProgress.return;
+  } while (workInProgress);
+  return info;
+}
+new Set();
+var valueStack = [],
+  index = -1;
+function pop(cursor) {
+  0 > index ||
+    ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
+}
+function push(cursor, value) {
+  index++;
+  valueStack[index] = cursor.current;
+  cursor.current = value;
+}
+var emptyContextObject = {},
+  contextStackCursor = { current: emptyContextObject },
+  didPerformWorkStackCursor = { current: !1 },
+  previousContext = emptyContextObject;
+function getMaskedContext(workInProgress, unmaskedContext) {
+  var contextTypes = workInProgress.type.contextTypes;
+  if (!contextTypes) return emptyContextObject;
+  var instance = workInProgress.stateNode;
+  if (
+    instance &&
+    instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
+  )
+    return instance.__reactInternalMemoizedMaskedChildContext;
+  var context = {},
+    key;
+  for (key in contextTypes) context[key] = unmaskedContext[key];
+  instance &&
+    ((workInProgress = workInProgress.stateNode),
+    (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
+    (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
+  return context;
+}
+function isContextProvider(type) {
+  type = type.childContextTypes;
+  return null !== type && void 0 !== type;
+}
+function popContext(fiber) {
+  pop(didPerformWorkStackCursor, fiber);
+  pop(contextStackCursor, fiber);
+}
+function popTopLevelContextObject(fiber) {
+  pop(didPerformWorkStackCursor, fiber);
+  pop(contextStackCursor, fiber);
+}
+function pushTopLevelContextObject(fiber, context, didChange) {
+  if (contextStackCursor.current !== emptyContextObject)
+    throw ReactError(
+      Error(
+        "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
+      )
+    );
+  push(contextStackCursor, context, fiber);
+  push(didPerformWorkStackCursor, didChange, fiber);
+}
+function processChildContext(fiber, type, parentContext) {
+  var instance = fiber.stateNode;
+  fiber = type.childContextTypes;
+  if ("function" !== typeof instance.getChildContext) return parentContext;
+  instance = instance.getChildContext();
+  for (var contextKey in instance)
+    if (!(contextKey in fiber))
+      throw ReactError(
+        Error(
+          (getComponentName(type) || "Unknown") +
+            '.getChildContext(): key "' +
+            contextKey +
+            '" is not defined in childContextTypes.'
+        )
+      );
+  return Object.assign({}, parentContext, instance);
+}
+function pushContextProvider(workInProgress) {
+  var instance = workInProgress.stateNode;
+  instance =
+    (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+    emptyContextObject;
+  previousContext = contextStackCursor.current;
+  push(contextStackCursor, instance, workInProgress);
+  push(
+    didPerformWorkStackCursor,
+    didPerformWorkStackCursor.current,
+    workInProgress
+  );
+  return !0;
+}
+function invalidateContextProvider(workInProgress, type, didChange) {
+  var instance = workInProgress.stateNode;
+  if (!instance)
+    throw ReactError(
+      Error(
+        "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
+      )
+    );
+  didChange
+    ? ((type = processChildContext(workInProgress, type, previousContext)),
+      (instance.__reactInternalMemoizedMergedChildContext = type),
+      pop(didPerformWorkStackCursor, workInProgress),
+      pop(contextStackCursor, workInProgress),
+      push(contextStackCursor, type, workInProgress))
+    : pop(didPerformWorkStackCursor, workInProgress);
+  push(didPerformWorkStackCursor, didChange, workInProgress);
+}
+var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority,
+  Scheduler_scheduleCallback = Scheduler.unstable_scheduleCallback,
+  Scheduler_cancelCallback = Scheduler.unstable_cancelCallback,
+  Scheduler_shouldYield = Scheduler.unstable_shouldYield,
+  Scheduler_requestPaint = Scheduler.unstable_requestPaint,
+  Scheduler_now = Scheduler.unstable_now,
+  Scheduler_getCurrentPriorityLevel =
+    Scheduler.unstable_getCurrentPriorityLevel,
+  Scheduler_ImmediatePriority = Scheduler.unstable_ImmediatePriority,
+  Scheduler_UserBlockingPriority = Scheduler.unstable_UserBlockingPriority,
+  Scheduler_NormalPriority = Scheduler.unstable_NormalPriority,
+  Scheduler_LowPriority = Scheduler.unstable_LowPriority,
+  Scheduler_IdlePriority = Scheduler.unstable_IdlePriority,
+  fakeCallbackNode = {},
+  requestPaint =
+    void 0 !== Scheduler_requestPaint ? Scheduler_requestPaint : function() {},
+  syncQueue = null,
+  immediateQueueCallbackNode = null,
+  isFlushingSyncQueue = !1,
+  initialTimeMs = Scheduler_now(),
+  now =
+    1e4 > initialTimeMs
+      ? Scheduler_now
+      : function() {
+          return Scheduler_now() - initialTimeMs;
+        };
+function getCurrentPriorityLevel() {
+  switch (Scheduler_getCurrentPriorityLevel()) {
+    case Scheduler_ImmediatePriority:
+      return 99;
+    case Scheduler_UserBlockingPriority:
+      return 98;
+    case Scheduler_NormalPriority:
+      return 97;
+    case Scheduler_LowPriority:
+      return 96;
+    case Scheduler_IdlePriority:
+      return 95;
+    default:
+      throw ReactError(Error("Unknown priority level."));
+  }
+}
+function reactPriorityToSchedulerPriority(reactPriorityLevel) {
+  switch (reactPriorityLevel) {
+    case 99:
+      return Scheduler_ImmediatePriority;
+    case 98:
+      return Scheduler_UserBlockingPriority;
+    case 97:
+      return Scheduler_NormalPriority;
+    case 96:
+      return Scheduler_LowPriority;
+    case 95:
+      return Scheduler_IdlePriority;
+    default:
+      throw ReactError(Error("Unknown priority level."));
+  }
+}
+function runWithPriority$1(reactPriorityLevel, fn) {
+  reactPriorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
+  return Scheduler_runWithPriority(reactPriorityLevel, fn);
+}
+function scheduleCallback(reactPriorityLevel, callback, options) {
+  reactPriorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
+  return Scheduler_scheduleCallback(reactPriorityLevel, callback, options);
+}
+function scheduleSyncCallback(callback) {
+  null === syncQueue
+    ? ((syncQueue = [callback]),
+      (immediateQueueCallbackNode = Scheduler_scheduleCallback(
+        Scheduler_ImmediatePriority,
+        flushSyncCallbackQueueImpl
+      )))
+    : syncQueue.push(callback);
+  return fakeCallbackNode;
+}
+function flushSyncCallbackQueue() {
+  null !== immediateQueueCallbackNode &&
+    Scheduler_cancelCallback(immediateQueueCallbackNode);
+  flushSyncCallbackQueueImpl();
+}
+function flushSyncCallbackQueueImpl() {
+  if (!isFlushingSyncQueue && null !== syncQueue) {
+    isFlushingSyncQueue = !0;
+    var i = 0;
+    try {
+      var queue = syncQueue;
+      runWithPriority$1(99, function() {
+        for (; i < queue.length; i++) {
+          var callback = queue[i];
+          do callback = callback(!0);
+          while (null !== callback);
+        }
+      });
+      syncQueue = null;
+    } catch (error) {
+      throw (null !== syncQueue && (syncQueue = syncQueue.slice(i + 1)),
+      Scheduler_scheduleCallback(
+        Scheduler_ImmediatePriority,
+        flushSyncCallbackQueue
+      ),
+      error);
+    } finally {
+      isFlushingSyncQueue = !1;
+    }
+  }
+}
+function inferPriorityFromExpirationTime(currentTime, expirationTime) {
+  if (1073741823 === expirationTime) return 99;
+  if (1 === expirationTime) return 95;
+  currentTime =
+    10 * (1073741821 - expirationTime) - 10 * (1073741821 - currentTime);
+  return 0 >= currentTime
+    ? 99
+    : 250 >= currentTime
+      ? 98
+      : 5250 >= currentTime
+        ? 97
+        : 95;
+}
+function is(x, y) {
+  return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
+}
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+function shallowEqual(objA, objB) {
+  if (is(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++)
+    if (
+      !hasOwnProperty.call(objB, keysA[keysB]) ||
+      !is(objA[keysA[keysB]], objB[keysA[keysB]])
+    )
+      return !1;
+  return !0;
+}
+function resolveDefaultProps(Component, baseProps) {
+  if (Component && Component.defaultProps) {
+    baseProps = Object.assign({}, baseProps);
+    Component = Component.defaultProps;
+    for (var propName in Component)
+      void 0 === baseProps[propName] &&
+        (baseProps[propName] = Component[propName]);
+  }
+  return baseProps;
+}
+function readLazyComponentType(lazyComponent) {
+  var result = lazyComponent._result;
+  switch (lazyComponent._status) {
+    case 1:
+      return result;
+    case 2:
+      throw result;
+    case 0:
+      throw result;
+    default:
+      lazyComponent._status = 0;
+      result = lazyComponent._ctor;
+      result = result();
+      result.then(
+        function(moduleObject) {
+          0 === lazyComponent._status &&
+            ((moduleObject = moduleObject.default),
+            (lazyComponent._status = 1),
+            (lazyComponent._result = moduleObject));
+        },
+        function(error) {
+          0 === lazyComponent._status &&
+            ((lazyComponent._status = 2), (lazyComponent._result = error));
+        }
+      );
+      switch (lazyComponent._status) {
+        case 1:
+          return lazyComponent._result;
+        case 2:
+          throw lazyComponent._result;
+      }
+      lazyComponent._result = result;
+      throw result;
+  }
+}
+var valueCursor = { current: null },
+  currentlyRenderingFiber = null,
+  lastContextDependency = null,
+  lastContextWithAllBitsObserved = null;
+function resetContextDependencies() {
+  lastContextWithAllBitsObserved = lastContextDependency = currentlyRenderingFiber = null;
+}
+function pushProvider(providerFiber, nextValue) {
+  var context = providerFiber.type._context;
+  push(valueCursor, context._currentValue2, providerFiber);
+  context._currentValue2 = nextValue;
+}
+function popProvider(providerFiber) {
+  var currentValue = valueCursor.current;
+  pop(valueCursor, providerFiber);
+  providerFiber.type._context._currentValue2 = currentValue;
+}
+function scheduleWorkOnParentPath(parent, renderExpirationTime) {
+  for (; null !== parent; ) {
+    var alternate = parent.alternate;
+    if (parent.childExpirationTime < renderExpirationTime)
+      (parent.childExpirationTime = renderExpirationTime),
+        null !== alternate &&
+          alternate.childExpirationTime < renderExpirationTime &&
+          (alternate.childExpirationTime = renderExpirationTime);
+    else if (
+      null !== alternate &&
+      alternate.childExpirationTime < renderExpirationTime
+    )
+      alternate.childExpirationTime = renderExpirationTime;
+    else break;
+    parent = parent.return;
+  }
+}
+function prepareToReadContext(workInProgress, renderExpirationTime) {
+  currentlyRenderingFiber = workInProgress;
+  lastContextWithAllBitsObserved = lastContextDependency = null;
+  workInProgress = workInProgress.dependencies;
+  null !== workInProgress &&
+    null !== workInProgress.firstContext &&
+    (workInProgress.expirationTime >= renderExpirationTime &&
+      (didReceiveUpdate = !0),
+    (workInProgress.firstContext = null));
+}
+function readContext(context, observedBits) {
+  if (
+    lastContextWithAllBitsObserved !== context &&
+    !1 !== observedBits &&
+    0 !== observedBits
+  ) {
+    if ("number" !== typeof observedBits || 1073741823 === observedBits)
+      (lastContextWithAllBitsObserved = context), (observedBits = 1073741823);
+    observedBits = { context: context, observedBits: observedBits, next: null };
+    if (null === lastContextDependency) {
+      if (null === currentlyRenderingFiber)
+        throw ReactError(
+          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 = observedBits;
+      currentlyRenderingFiber.dependencies = {
+        expirationTime: 0,
+        firstContext: observedBits,
+        responders: null
+      };
+    } else lastContextDependency = lastContextDependency.next = observedBits;
+  }
+  return context._currentValue2;
+}
+var hasForceUpdate = !1;
+function createUpdateQueue(baseState) {
+  return {
+    baseState: baseState,
+    firstUpdate: null,
+    lastUpdate: null,
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+    firstEffect: null,
+    lastEffect: null,
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
+  };
+}
+function cloneUpdateQueue(currentQueue) {
+  return {
+    baseState: currentQueue.baseState,
+    firstUpdate: currentQueue.firstUpdate,
+    lastUpdate: currentQueue.lastUpdate,
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+    firstEffect: null,
+    lastEffect: null,
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
+  };
+}
+function createUpdate(expirationTime, suspenseConfig) {
+  return {
+    expirationTime: expirationTime,
+    suspenseConfig: suspenseConfig,
+    tag: 0,
+    payload: null,
+    callback: null,
+    next: null,
+    nextEffect: null
+  };
+}
+function appendUpdateToQueue(queue, update) {
+  null === queue.lastUpdate
+    ? (queue.firstUpdate = queue.lastUpdate = update)
+    : ((queue.lastUpdate.next = update), (queue.lastUpdate = update));
+}
+function enqueueUpdate(fiber, update) {
+  var alternate = fiber.alternate;
+  if (null === alternate) {
+    var queue1 = fiber.updateQueue;
+    var queue2 = null;
+    null === queue1 &&
+      (queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState));
+  } else
+    (queue1 = fiber.updateQueue),
+      (queue2 = alternate.updateQueue),
+      null === queue1
+        ? null === queue2
+          ? ((queue1 = fiber.updateQueue = createUpdateQueue(
+              fiber.memoizedState
+            )),
+            (queue2 = alternate.updateQueue = createUpdateQueue(
+              alternate.memoizedState
+            )))
+          : (queue1 = fiber.updateQueue = cloneUpdateQueue(queue2))
+        : null === queue2 &&
+          (queue2 = alternate.updateQueue = cloneUpdateQueue(queue1));
+  null === queue2 || queue1 === queue2
+    ? appendUpdateToQueue(queue1, update)
+    : null === queue1.lastUpdate || null === queue2.lastUpdate
+      ? (appendUpdateToQueue(queue1, update),
+        appendUpdateToQueue(queue2, update))
+      : (appendUpdateToQueue(queue1, update), (queue2.lastUpdate = update));
+}
+function enqueueCapturedUpdate(workInProgress, update) {
+  var workInProgressQueue = workInProgress.updateQueue;
+  workInProgressQueue =
+    null === workInProgressQueue
+      ? (workInProgress.updateQueue = createUpdateQueue(
+          workInProgress.memoizedState
+        ))
+      : ensureWorkInProgressQueueIsAClone(workInProgress, workInProgressQueue);
+  null === workInProgressQueue.lastCapturedUpdate
+    ? (workInProgressQueue.firstCapturedUpdate = workInProgressQueue.lastCapturedUpdate = update)
+    : ((workInProgressQueue.lastCapturedUpdate.next = update),
+      (workInProgressQueue.lastCapturedUpdate = update));
+}
+function ensureWorkInProgressQueueIsAClone(workInProgress, queue) {
+  var current = workInProgress.alternate;
+  null !== current &&
+    queue === current.updateQueue &&
+    (queue = workInProgress.updateQueue = cloneUpdateQueue(queue));
+  return queue;
+}
+function getStateFromUpdate(
+  workInProgress,
+  queue,
+  update,
+  prevState,
+  nextProps,
+  instance
+) {
+  switch (update.tag) {
+    case 1:
+      return (
+        (workInProgress = update.payload),
+        "function" === typeof workInProgress
+          ? workInProgress.call(instance, prevState, nextProps)
+          : workInProgress
+      );
+    case 3:
+      workInProgress.effectTag = (workInProgress.effectTag & -2049) | 64;
+    case 0:
+      workInProgress = update.payload;
+      nextProps =
+        "function" === typeof workInProgress
+          ? workInProgress.call(instance, prevState, nextProps)
+          : workInProgress;
+      if (null === nextProps || void 0 === nextProps) break;
+      return Object.assign({}, prevState, nextProps);
+    case 2:
+      hasForceUpdate = !0;
+  }
+  return prevState;
+}
+function processUpdateQueue(
+  workInProgress,
+  queue,
+  props,
+  instance,
+  renderExpirationTime
+) {
+  hasForceUpdate = !1;
+  queue = ensureWorkInProgressQueueIsAClone(workInProgress, queue);
+  for (
+    var newBaseState = queue.baseState,
+      newFirstUpdate = null,
+      newExpirationTime = 0,
+      update = queue.firstUpdate,
+      resultState = newBaseState;
+    null !== update;
+
+  ) {
+    var updateExpirationTime = update.expirationTime;
+    updateExpirationTime < renderExpirationTime
+      ? (null === newFirstUpdate &&
+          ((newFirstUpdate = update), (newBaseState = resultState)),
+        newExpirationTime < updateExpirationTime &&
+          (newExpirationTime = updateExpirationTime))
+      : (markRenderEventTimeAndConfig(
+          updateExpirationTime,
+          update.suspenseConfig
+        ),
+        (resultState = getStateFromUpdate(
+          workInProgress,
+          queue,
+          update,
+          resultState,
+          props,
+          instance
+        )),
+        null !== update.callback &&
+          ((workInProgress.effectTag |= 32),
+          (update.nextEffect = null),
+          null === queue.lastEffect
+            ? (queue.firstEffect = queue.lastEffect = update)
+            : ((queue.lastEffect.nextEffect = update),
+              (queue.lastEffect = update))));
+    update = update.next;
+  }
+  updateExpirationTime = null;
+  for (update = queue.firstCapturedUpdate; null !== update; ) {
+    var _updateExpirationTime = update.expirationTime;
+    _updateExpirationTime < renderExpirationTime
+      ? (null === updateExpirationTime &&
+          ((updateExpirationTime = update),
+          null === newFirstUpdate && (newBaseState = resultState)),
+        newExpirationTime < _updateExpirationTime &&
+          (newExpirationTime = _updateExpirationTime))
+      : ((resultState = getStateFromUpdate(
+          workInProgress,
+          queue,
+          update,
+          resultState,
+          props,
+          instance
+        )),
+        null !== update.callback &&
+          ((workInProgress.effectTag |= 32),
+          (update.nextEffect = null),
+          null === queue.lastCapturedEffect
+            ? (queue.firstCapturedEffect = queue.lastCapturedEffect = update)
+            : ((queue.lastCapturedEffect.nextEffect = update),
+              (queue.lastCapturedEffect = update))));
+    update = update.next;
+  }
+  null === newFirstUpdate && (queue.lastUpdate = null);
+  null === updateExpirationTime
+    ? (queue.lastCapturedUpdate = null)
+    : (workInProgress.effectTag |= 32);
+  null === newFirstUpdate &&
+    null === updateExpirationTime &&
+    (newBaseState = resultState);
+  queue.baseState = newBaseState;
+  queue.firstUpdate = newFirstUpdate;
+  queue.firstCapturedUpdate = updateExpirationTime;
+  workInProgress.expirationTime = newExpirationTime;
+  workInProgress.memoizedState = resultState;
+}
+function commitUpdateQueue(finishedWork, finishedQueue, instance) {
+  null !== finishedQueue.firstCapturedUpdate &&
+    (null !== finishedQueue.lastUpdate &&
+      ((finishedQueue.lastUpdate.next = finishedQueue.firstCapturedUpdate),
+      (finishedQueue.lastUpdate = finishedQueue.lastCapturedUpdate)),
+    (finishedQueue.firstCapturedUpdate = finishedQueue.lastCapturedUpdate = null));
+  commitUpdateEffects(finishedQueue.firstEffect, instance);
+  finishedQueue.firstEffect = finishedQueue.lastEffect = null;
+  commitUpdateEffects(finishedQueue.firstCapturedEffect, instance);
+  finishedQueue.firstCapturedEffect = finishedQueue.lastCapturedEffect = null;
+}
+function commitUpdateEffects(effect, instance) {
+  for (; null !== effect; ) {
+    var _callback3 = effect.callback;
+    if (null !== _callback3) {
+      effect.callback = null;
+      var context = instance;
+      if ("function" !== typeof _callback3)
+        throw ReactError(
+          Error(
+            "Invalid argument passed as callback. Expected a function. Instead received: " +
+              _callback3
+          )
+        );
+      _callback3.call(context);
+    }
+    effect = effect.nextEffect;
+  }
+}
+var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+  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
+      : Object.assign({}, ctor, getDerivedStateFromProps);
+  workInProgress.memoizedState = getDerivedStateFromProps;
+  nextProps = workInProgress.updateQueue;
+  null !== nextProps &&
+    0 === workInProgress.expirationTime &&
+    (nextProps.baseState = getDerivedStateFromProps);
+}
+var classComponentUpdater = {
+  isMounted: function(component) {
+    return (component = component._reactInternalFiber)
+      ? 2 === isFiberMountedImpl(component)
+      : !1;
+  },
+  enqueueSetState: function(inst, payload, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.payload = payload;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
+    scheduleUpdateOnFiber(inst, currentTime);
+  },
+  enqueueReplaceState: function(inst, payload, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.tag = 1;
+    suspenseConfig.payload = payload;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
+    scheduleUpdateOnFiber(inst, currentTime);
+  },
+  enqueueForceUpdate: function(inst, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.tag = 2;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
+    scheduleUpdateOnFiber(inst, currentTime);
+  }
+};
+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._reactInternalFiber = 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,
+  renderExpirationTime
+) {
+  var instance = workInProgress.stateNode;
+  instance.props = newProps;
+  instance.state = workInProgress.memoizedState;
+  instance.refs = emptyRefsObject;
+  var contextType = ctor.contextType;
+  "object" === typeof contextType && null !== contextType
+    ? (instance.context = readContext(contextType))
+    : ((contextType = isContextProvider(ctor)
+        ? previousContext
+        : contextStackCursor.current),
+      (instance.context = getMaskedContext(workInProgress, contextType)));
+  contextType = workInProgress.updateQueue;
+  null !== contextType &&
+    (processUpdateQueue(
+      workInProgress,
+      contextType,
+      newProps,
+      instance,
+      renderExpirationTime
+    ),
+    (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),
+    (contextType = workInProgress.updateQueue),
+    null !== contextType &&
+      (processUpdateQueue(
+        workInProgress,
+        contextType,
+        newProps,
+        instance,
+        renderExpirationTime
+      ),
+      (instance.state = workInProgress.memoizedState)));
+  "function" === typeof instance.componentDidMount &&
+    (workInProgress.effectTag |= 4);
+}
+var isArray = Array.isArray;
+function coerceRef(returnFiber, current$$1, element) {
+  returnFiber = element.ref;
+  if (
+    null !== returnFiber &&
+    "function" !== typeof returnFiber &&
+    "object" !== typeof returnFiber
+  ) {
+    if (element._owner) {
+      element = element._owner;
+      var inst = void 0;
+      if (element) {
+        if (1 !== element.tag)
+          throw ReactError(
+            Error(
+              "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            )
+          );
+        inst = element.stateNode;
+      }
+      if (!inst)
+        throw ReactError(
+          Error(
+            "Missing owner for string ref " +
+              returnFiber +
+              ". This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      var stringRef = "" + returnFiber;
+      if (
+        null !== current$$1 &&
+        null !== current$$1.ref &&
+        "function" === typeof current$$1.ref &&
+        current$$1.ref._stringRef === stringRef
+      )
+        return current$$1.ref;
+      current$$1 = function(value) {
+        var refs = inst.refs;
+        refs === emptyRefsObject && (refs = inst.refs = {});
+        null === value ? delete refs[stringRef] : (refs[stringRef] = value);
+      };
+      current$$1._stringRef = stringRef;
+      return current$$1;
+    }
+    if ("string" !== typeof returnFiber)
+      throw ReactError(
+        Error(
+          "Expected ref to be a function, a string, an object returned by React.createRef(), or null."
+        )
+      );
+    if (!element._owner)
+      throw ReactError(
+        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://fb.me/react-refs-must-have-owner for more information."
+        )
+      );
+  }
+  return returnFiber;
+}
+function throwOnInvalidObjectType(returnFiber, newChild) {
+  if ("textarea" !== returnFiber.type)
+    throw ReactError(
+      Error(
+        "Objects are not valid as a React child (found: " +
+          ("[object Object]" === Object.prototype.toString.call(newChild)
+            ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
+            : newChild) +
+          ")."
+      )
+    );
+}
+function ChildReconciler(shouldTrackSideEffects) {
+  function deleteChild(returnFiber, childToDelete) {
+    if (shouldTrackSideEffects) {
+      var last = returnFiber.lastEffect;
+      null !== last
+        ? ((last.nextEffect = childToDelete),
+          (returnFiber.lastEffect = childToDelete))
+        : (returnFiber.firstEffect = returnFiber.lastEffect = childToDelete);
+      childToDelete.nextEffect = null;
+      childToDelete.effectTag = 8;
+    }
+  }
+  function deleteRemainingChildren(returnFiber, currentFirstChild) {
+    if (!shouldTrackSideEffects) return null;
+    for (; null !== currentFirstChild; )
+      deleteChild(returnFiber, currentFirstChild),
+        (currentFirstChild = currentFirstChild.sibling);
+    return null;
+  }
+  function mapRemainingChildren(returnFiber, currentFirstChild) {
+    for (returnFiber = new Map(); null !== currentFirstChild; )
+      null !== currentFirstChild.key
+        ? returnFiber.set(currentFirstChild.key, currentFirstChild)
+        : returnFiber.set(currentFirstChild.index, currentFirstChild),
+        (currentFirstChild = currentFirstChild.sibling);
+    return returnFiber;
+  }
+  function useFiber(fiber, pendingProps, expirationTime) {
+    fiber = createWorkInProgress(fiber, pendingProps, expirationTime);
+    fiber.index = 0;
+    fiber.sibling = null;
+    return fiber;
+  }
+  function placeChild(newFiber, lastPlacedIndex, newIndex) {
+    newFiber.index = newIndex;
+    if (!shouldTrackSideEffects) return lastPlacedIndex;
+    newIndex = newFiber.alternate;
+    if (null !== newIndex)
+      return (
+        (newIndex = newIndex.index),
+        newIndex < lastPlacedIndex
+          ? ((newFiber.effectTag = 2), lastPlacedIndex)
+          : newIndex
+      );
+    newFiber.effectTag = 2;
+    return lastPlacedIndex;
+  }
+  function placeSingleChild(newFiber) {
+    shouldTrackSideEffects &&
+      null === newFiber.alternate &&
+      (newFiber.effectTag = 2);
+    return newFiber;
+  }
+  function updateTextNode(
+    returnFiber,
+    current$$1,
+    textContent,
+    expirationTime
+  ) {
+    if (null === current$$1 || 6 !== current$$1.tag)
+      return (
+        (current$$1 = createFiberFromText(
+          textContent,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (current$$1.return = returnFiber),
+        current$$1
+      );
+    current$$1 = useFiber(current$$1, textContent, expirationTime);
+    current$$1.return = returnFiber;
+    return current$$1;
+  }
+  function updateElement(returnFiber, current$$1, element, expirationTime) {
+    if (null !== current$$1 && current$$1.elementType === element.type)
+      return (
+        (expirationTime = useFiber(current$$1, element.props, expirationTime)),
+        (expirationTime.ref = coerceRef(returnFiber, current$$1, element)),
+        (expirationTime.return = returnFiber),
+        expirationTime
+      );
+    expirationTime = createFiberFromTypeAndProps(
+      element.type,
+      element.key,
+      element.props,
+      null,
+      returnFiber.mode,
+      expirationTime
+    );
+    expirationTime.ref = coerceRef(returnFiber, current$$1, element);
+    expirationTime.return = returnFiber;
+    return expirationTime;
+  }
+  function updatePortal(returnFiber, current$$1, portal, expirationTime) {
+    if (
+      null === current$$1 ||
+      4 !== current$$1.tag ||
+      current$$1.stateNode.containerInfo !== portal.containerInfo ||
+      current$$1.stateNode.implementation !== portal.implementation
+    )
+      return (
+        (current$$1 = createFiberFromPortal(
+          portal,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (current$$1.return = returnFiber),
+        current$$1
+      );
+    current$$1 = useFiber(current$$1, portal.children || [], expirationTime);
+    current$$1.return = returnFiber;
+    return current$$1;
+  }
+  function updateFragment(
+    returnFiber,
+    current$$1,
+    fragment,
+    expirationTime,
+    key
+  ) {
+    if (null === current$$1 || 7 !== current$$1.tag)
+      return (
+        (current$$1 = createFiberFromFragment(
+          fragment,
+          returnFiber.mode,
+          expirationTime,
+          key
+        )),
+        (current$$1.return = returnFiber),
+        current$$1
+      );
+    current$$1 = useFiber(current$$1, fragment, expirationTime);
+    current$$1.return = returnFiber;
+    return current$$1;
+  }
+  function createChild(returnFiber, newChild, expirationTime) {
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (newChild = createFiberFromText(
+          "" + newChild,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (newChild.return = returnFiber),
+        newChild
+      );
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return (
+            (expirationTime = createFiberFromTypeAndProps(
+              newChild.type,
+              newChild.key,
+              newChild.props,
+              null,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (expirationTime.ref = coerceRef(returnFiber, null, newChild)),
+            (expirationTime.return = returnFiber),
+            expirationTime
+          );
+        case REACT_PORTAL_TYPE:
+          return (
+            (newChild = createFiberFromPortal(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (newChild.return = returnFiber),
+            newChild
+          );
+      }
+      if (isArray(newChild) || getIteratorFn(newChild))
+        return (
+          (newChild = createFiberFromFragment(
+            newChild,
+            returnFiber.mode,
+            expirationTime,
+            null
+          )),
+          (newChild.return = returnFiber),
+          newChild
+        );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function updateSlot(returnFiber, oldFiber, newChild, expirationTime) {
+    var key = null !== oldFiber ? oldFiber.key : null;
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return null !== key
+        ? null
+        : updateTextNode(returnFiber, oldFiber, "" + newChild, expirationTime);
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return newChild.key === key
+            ? newChild.type === REACT_FRAGMENT_TYPE
+              ? updateFragment(
+                  returnFiber,
+                  oldFiber,
+                  newChild.props.children,
+                  expirationTime,
+                  key
+                )
+              : updateElement(returnFiber, oldFiber, newChild, expirationTime)
+            : null;
+        case REACT_PORTAL_TYPE:
+          return newChild.key === key
+            ? updatePortal(returnFiber, oldFiber, newChild, expirationTime)
+            : null;
+      }
+      if (isArray(newChild) || getIteratorFn(newChild))
+        return null !== key
+          ? null
+          : updateFragment(
+              returnFiber,
+              oldFiber,
+              newChild,
+              expirationTime,
+              null
+            );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function updateFromMap(
+    existingChildren,
+    returnFiber,
+    newIdx,
+    newChild,
+    expirationTime
+  ) {
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (existingChildren = existingChildren.get(newIdx) || null),
+        updateTextNode(
+          returnFiber,
+          existingChildren,
+          "" + newChild,
+          expirationTime
+        )
+      );
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return (
+            (existingChildren =
+              existingChildren.get(
+                null === newChild.key ? newIdx : newChild.key
+              ) || null),
+            newChild.type === REACT_FRAGMENT_TYPE
+              ? updateFragment(
+                  returnFiber,
+                  existingChildren,
+                  newChild.props.children,
+                  expirationTime,
+                  newChild.key
+                )
+              : updateElement(
+                  returnFiber,
+                  existingChildren,
+                  newChild,
+                  expirationTime
+                )
+          );
+        case REACT_PORTAL_TYPE:
+          return (
+            (existingChildren =
+              existingChildren.get(
+                null === newChild.key ? newIdx : newChild.key
+              ) || null),
+            updatePortal(
+              returnFiber,
+              existingChildren,
+              newChild,
+              expirationTime
+            )
+          );
+      }
+      if (isArray(newChild) || getIteratorFn(newChild))
+        return (
+          (existingChildren = existingChildren.get(newIdx) || null),
+          updateFragment(
+            returnFiber,
+            existingChildren,
+            newChild,
+            expirationTime,
+            null
+          )
+        );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function reconcileChildrenArray(
+    returnFiber,
+    currentFirstChild,
+    newChildren,
+    expirationTime
+  ) {
+    for (
+      var resultingFirstChild = null,
+        previousNewFiber = null,
+        oldFiber = currentFirstChild,
+        newIdx = (currentFirstChild = 0),
+        nextOldFiber = null;
+      null !== oldFiber && newIdx < newChildren.length;
+      newIdx++
+    ) {
+      oldFiber.index > newIdx
+        ? ((nextOldFiber = oldFiber), (oldFiber = null))
+        : (nextOldFiber = oldFiber.sibling);
+      var newFiber = updateSlot(
+        returnFiber,
+        oldFiber,
+        newChildren[newIdx],
+        expirationTime
+      );
+      if (null === newFiber) {
+        null === oldFiber && (oldFiber = nextOldFiber);
+        break;
+      }
+      shouldTrackSideEffects &&
+        oldFiber &&
+        null === newFiber.alternate &&
+        deleteChild(returnFiber, oldFiber);
+      currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
+      null === previousNewFiber
+        ? (resultingFirstChild = newFiber)
+        : (previousNewFiber.sibling = newFiber);
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
+    if (newIdx === newChildren.length)
+      return (
+        deleteRemainingChildren(returnFiber, oldFiber), resultingFirstChild
+      );
+    if (null === oldFiber) {
+      for (; newIdx < newChildren.length; newIdx++)
+        (oldFiber = createChild(
+          returnFiber,
+          newChildren[newIdx],
+          expirationTime
+        )),
+          null !== oldFiber &&
+            ((currentFirstChild = placeChild(
+              oldFiber,
+              currentFirstChild,
+              newIdx
+            )),
+            null === previousNewFiber
+              ? (resultingFirstChild = oldFiber)
+              : (previousNewFiber.sibling = oldFiber),
+            (previousNewFiber = oldFiber));
+      return resultingFirstChild;
+    }
+    for (
+      oldFiber = mapRemainingChildren(returnFiber, oldFiber);
+      newIdx < newChildren.length;
+      newIdx++
+    )
+      (nextOldFiber = updateFromMap(
+        oldFiber,
+        returnFiber,
+        newIdx,
+        newChildren[newIdx],
+        expirationTime
+      )),
+        null !== nextOldFiber &&
+          (shouldTrackSideEffects &&
+            null !== nextOldFiber.alternate &&
+            oldFiber.delete(
+              null === nextOldFiber.key ? newIdx : nextOldFiber.key
+            ),
+          (currentFirstChild = placeChild(
+            nextOldFiber,
+            currentFirstChild,
+            newIdx
+          )),
+          null === previousNewFiber
+            ? (resultingFirstChild = nextOldFiber)
+            : (previousNewFiber.sibling = nextOldFiber),
+          (previousNewFiber = nextOldFiber));
+    shouldTrackSideEffects &&
+      oldFiber.forEach(function(child) {
+        return deleteChild(returnFiber, child);
+      });
+    return resultingFirstChild;
+  }
+  function reconcileChildrenIterator(
+    returnFiber,
+    currentFirstChild,
+    newChildrenIterable,
+    expirationTime
+  ) {
+    var iteratorFn = getIteratorFn(newChildrenIterable);
+    if ("function" !== typeof iteratorFn)
+      throw ReactError(
+        Error(
+          "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    newChildrenIterable = iteratorFn.call(newChildrenIterable);
+    if (null == newChildrenIterable)
+      throw ReactError(Error("An iterable object provided no iterator."));
+    for (
+      var previousNewFiber = (iteratorFn = null),
+        oldFiber = currentFirstChild,
+        newIdx = (currentFirstChild = 0),
+        nextOldFiber = null,
+        step = newChildrenIterable.next();
+      null !== oldFiber && !step.done;
+      newIdx++, step = newChildrenIterable.next()
+    ) {
+      oldFiber.index > newIdx
+        ? ((nextOldFiber = oldFiber), (oldFiber = null))
+        : (nextOldFiber = oldFiber.sibling);
+      var newFiber = updateSlot(
+        returnFiber,
+        oldFiber,
+        step.value,
+        expirationTime
+      );
+      if (null === newFiber) {
+        null === oldFiber && (oldFiber = nextOldFiber);
+        break;
+      }
+      shouldTrackSideEffects &&
+        oldFiber &&
+        null === newFiber.alternate &&
+        deleteChild(returnFiber, oldFiber);
+      currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
+      null === previousNewFiber
+        ? (iteratorFn = newFiber)
+        : (previousNewFiber.sibling = newFiber);
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
+    if (step.done)
+      return deleteRemainingChildren(returnFiber, oldFiber), iteratorFn;
+    if (null === oldFiber) {
+      for (; !step.done; newIdx++, step = newChildrenIterable.next())
+        (step = createChild(returnFiber, step.value, expirationTime)),
+          null !== step &&
+            ((currentFirstChild = placeChild(step, currentFirstChild, newIdx)),
+            null === previousNewFiber
+              ? (iteratorFn = step)
+              : (previousNewFiber.sibling = step),
+            (previousNewFiber = step));
+      return iteratorFn;
+    }
+    for (
+      oldFiber = mapRemainingChildren(returnFiber, oldFiber);
+      !step.done;
+      newIdx++, step = newChildrenIterable.next()
+    )
+      (step = updateFromMap(
+        oldFiber,
+        returnFiber,
+        newIdx,
+        step.value,
+        expirationTime
+      )),
+        null !== step &&
+          (shouldTrackSideEffects &&
+            null !== step.alternate &&
+            oldFiber.delete(null === step.key ? newIdx : step.key),
+          (currentFirstChild = placeChild(step, currentFirstChild, newIdx)),
+          null === previousNewFiber
+            ? (iteratorFn = step)
+            : (previousNewFiber.sibling = step),
+          (previousNewFiber = step));
+    shouldTrackSideEffects &&
+      oldFiber.forEach(function(child) {
+        return deleteChild(returnFiber, child);
+      });
+    return iteratorFn;
+  }
+  return function(returnFiber, currentFirstChild, newChild, expirationTime) {
+    var isUnkeyedTopLevelFragment =
+      "object" === typeof newChild &&
+      null !== newChild &&
+      newChild.type === REACT_FRAGMENT_TYPE &&
+      null === newChild.key;
+    isUnkeyedTopLevelFragment && (newChild = newChild.props.children);
+    var isObject = "object" === typeof newChild && null !== newChild;
+    if (isObject)
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          a: {
+            isObject = newChild.key;
+            for (
+              isUnkeyedTopLevelFragment = currentFirstChild;
+              null !== isUnkeyedTopLevelFragment;
+
+            ) {
+              if (isUnkeyedTopLevelFragment.key === isObject) {
+                if (
+                  7 === isUnkeyedTopLevelFragment.tag
+                    ? newChild.type === REACT_FRAGMENT_TYPE
+                    : isUnkeyedTopLevelFragment.elementType === newChild.type
+                ) {
+                  deleteRemainingChildren(
+                    returnFiber,
+                    isUnkeyedTopLevelFragment.sibling
+                  );
+                  currentFirstChild = useFiber(
+                    isUnkeyedTopLevelFragment,
+                    newChild.type === REACT_FRAGMENT_TYPE
+                      ? newChild.props.children
+                      : newChild.props,
+                    expirationTime
+                  );
+                  currentFirstChild.ref = coerceRef(
+                    returnFiber,
+                    isUnkeyedTopLevelFragment,
+                    newChild
+                  );
+                  currentFirstChild.return = returnFiber;
+                  returnFiber = currentFirstChild;
+                  break a;
+                }
+                deleteRemainingChildren(returnFiber, isUnkeyedTopLevelFragment);
+                break;
+              } else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
+              isUnkeyedTopLevelFragment = isUnkeyedTopLevelFragment.sibling;
+            }
+            newChild.type === REACT_FRAGMENT_TYPE
+              ? ((currentFirstChild = createFiberFromFragment(
+                  newChild.props.children,
+                  returnFiber.mode,
+                  expirationTime,
+                  newChild.key
+                )),
+                (currentFirstChild.return = returnFiber),
+                (returnFiber = currentFirstChild))
+              : ((expirationTime = createFiberFromTypeAndProps(
+                  newChild.type,
+                  newChild.key,
+                  newChild.props,
+                  null,
+                  returnFiber.mode,
+                  expirationTime
+                )),
+                (expirationTime.ref = coerceRef(
+                  returnFiber,
+                  currentFirstChild,
+                  newChild
+                )),
+                (expirationTime.return = returnFiber),
+                (returnFiber = expirationTime));
+          }
+          return placeSingleChild(returnFiber);
+        case REACT_PORTAL_TYPE:
+          a: {
+            for (
+              isUnkeyedTopLevelFragment = newChild.key;
+              null !== currentFirstChild;
+
+            ) {
+              if (currentFirstChild.key === isUnkeyedTopLevelFragment) {
+                if (
+                  4 === currentFirstChild.tag &&
+                  currentFirstChild.stateNode.containerInfo ===
+                    newChild.containerInfo &&
+                  currentFirstChild.stateNode.implementation ===
+                    newChild.implementation
+                ) {
+                  deleteRemainingChildren(
+                    returnFiber,
+                    currentFirstChild.sibling
+                  );
+                  currentFirstChild = useFiber(
+                    currentFirstChild,
+                    newChild.children || [],
+                    expirationTime
+                  );
+                  currentFirstChild.return = returnFiber;
+                  returnFiber = currentFirstChild;
+                  break a;
+                }
+                deleteRemainingChildren(returnFiber, currentFirstChild);
+                break;
+              } else deleteChild(returnFiber, currentFirstChild);
+              currentFirstChild = currentFirstChild.sibling;
+            }
+            currentFirstChild = createFiberFromPortal(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            );
+            currentFirstChild.return = returnFiber;
+            returnFiber = currentFirstChild;
+          }
+          return placeSingleChild(returnFiber);
+      }
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (newChild = "" + newChild),
+        null !== currentFirstChild && 6 === currentFirstChild.tag
+          ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
+            (currentFirstChild = useFiber(
+              currentFirstChild,
+              newChild,
+              expirationTime
+            )),
+            (currentFirstChild.return = returnFiber),
+            (returnFiber = currentFirstChild))
+          : (deleteRemainingChildren(returnFiber, currentFirstChild),
+            (currentFirstChild = createFiberFromText(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (currentFirstChild.return = returnFiber),
+            (returnFiber = currentFirstChild)),
+        placeSingleChild(returnFiber)
+      );
+    if (isArray(newChild))
+      return reconcileChildrenArray(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        expirationTime
+      );
+    if (getIteratorFn(newChild))
+      return reconcileChildrenIterator(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        expirationTime
+      );
+    isObject && throwOnInvalidObjectType(returnFiber, newChild);
+    if ("undefined" === typeof newChild && !isUnkeyedTopLevelFragment)
+      switch (returnFiber.tag) {
+        case 1:
+        case 0:
+          throw ((returnFiber = returnFiber.type),
+          ReactError(
+            Error(
+              (returnFiber.displayName || returnFiber.name || "Component") +
+                "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null."
+            )
+          ));
+      }
+    return deleteRemainingChildren(returnFiber, currentFirstChild);
+  };
+}
+var reconcileChildFibers = ChildReconciler(!0),
+  mountChildFibers = ChildReconciler(!1),
+  NO_CONTEXT = {},
+  contextStackCursor$1 = { current: NO_CONTEXT },
+  contextFiberStackCursor = { current: NO_CONTEXT },
+  rootInstanceStackCursor = { current: NO_CONTEXT };
+function requiredContext(c) {
+  if (c === NO_CONTEXT)
+    throw ReactError(
+      Error(
+        "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+      )
+    );
+  return c;
+}
+function pushHostContainer(fiber, nextRootInstance) {
+  push(rootInstanceStackCursor, nextRootInstance, fiber);
+  push(contextFiberStackCursor, fiber, fiber);
+  push(contextStackCursor$1, NO_CONTEXT, fiber);
+  pop(contextStackCursor$1, fiber);
+  push(contextStackCursor$1, { isInAParentText: !1 }, fiber);
+}
+function popHostContainer(fiber) {
+  pop(contextStackCursor$1, fiber);
+  pop(contextFiberStackCursor, fiber);
+  pop(rootInstanceStackCursor, fiber);
+}
+function pushHostContext(fiber) {
+  requiredContext(rootInstanceStackCursor.current);
+  var context = requiredContext(contextStackCursor$1.current);
+  var nextContext = fiber.type;
+  nextContext =
+    "AndroidTextInput" === nextContext ||
+    "RCTMultilineTextInputView" === nextContext ||
+    "RCTSinglelineTextInputView" === nextContext ||
+    "RCTText" === nextContext ||
+    "RCTVirtualText" === nextContext;
+  nextContext =
+    context.isInAParentText !== nextContext
+      ? { isInAParentText: nextContext }
+      : context;
+  context !== nextContext &&
+    (push(contextFiberStackCursor, fiber, fiber),
+    push(contextStackCursor$1, nextContext, fiber));
+}
+function popHostContext(fiber) {
+  contextFiberStackCursor.current === fiber &&
+    (pop(contextStackCursor$1, fiber), pop(contextFiberStackCursor, fiber));
+}
+var SubtreeSuspenseContextMask = 1,
+  InvisibleParentSuspenseContext = 1,
+  ForceSuspenseFallback = 2,
+  suspenseStackCursor = { current: 0 };
+function findFirstSuspended(row) {
+  for (var node = row; null !== node; ) {
+    if (13 === node.tag) {
+      if (null !== node.memoizedState) return node;
+    } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) {
+      if (0 !== (node.effectTag & 64)) return node;
+    } else if (null !== node.child) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === row) break;
+    for (; null === node.sibling; ) {
+      if (null === node.return || node.return === row) return null;
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+  return null;
+}
+function createResponderListener(responder, props) {
+  return { responder: responder, props: props };
+}
+var NoEffect$1 = 0,
+  UnmountSnapshot = 2,
+  UnmountMutation = 4,
+  MountMutation = 8,
+  UnmountLayout = 16,
+  MountLayout = 32,
+  MountPassive = 64,
+  UnmountPassive = 128,
+  ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+  renderExpirationTime$1 = 0,
+  currentlyRenderingFiber$1 = null,
+  currentHook = null,
+  nextCurrentHook = null,
+  firstWorkInProgressHook = null,
+  workInProgressHook = null,
+  nextWorkInProgressHook = null,
+  remainingExpirationTime = 0,
+  componentUpdateQueue = null,
+  sideEffectTag = 0,
+  didScheduleRenderPhaseUpdate = !1,
+  renderPhaseUpdates = null,
+  numberOfReRenders = 0;
+function throwInvalidHookError() {
+  throw ReactError(
+    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://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
+    )
+  );
+}
+function areHookInputsEqual(nextDeps, prevDeps) {
+  if (null === prevDeps) return !1;
+  for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++)
+    if (!is(nextDeps[i], prevDeps[i])) return !1;
+  return !0;
+}
+function renderWithHooks(
+  current,
+  workInProgress,
+  Component,
+  props,
+  refOrContext,
+  nextRenderExpirationTime
+) {
+  renderExpirationTime$1 = nextRenderExpirationTime;
+  currentlyRenderingFiber$1 = workInProgress;
+  nextCurrentHook = null !== current ? current.memoizedState : null;
+  ReactCurrentDispatcher$1.current =
+    null === nextCurrentHook ? HooksDispatcherOnMount : HooksDispatcherOnUpdate;
+  workInProgress = Component(props, refOrContext);
+  if (didScheduleRenderPhaseUpdate) {
+    do
+      (didScheduleRenderPhaseUpdate = !1),
+        (numberOfReRenders += 1),
+        (nextCurrentHook = null !== current ? current.memoizedState : null),
+        (nextWorkInProgressHook = firstWorkInProgressHook),
+        (componentUpdateQueue = workInProgressHook = currentHook = null),
+        (ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdate),
+        (workInProgress = Component(props, refOrContext));
+    while (didScheduleRenderPhaseUpdate);
+    renderPhaseUpdates = null;
+    numberOfReRenders = 0;
+  }
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  current = currentlyRenderingFiber$1;
+  current.memoizedState = firstWorkInProgressHook;
+  current.expirationTime = remainingExpirationTime;
+  current.updateQueue = componentUpdateQueue;
+  current.effectTag |= sideEffectTag;
+  current = null !== currentHook && null !== currentHook.next;
+  renderExpirationTime$1 = 0;
+  nextWorkInProgressHook = workInProgressHook = firstWorkInProgressHook = nextCurrentHook = currentHook = currentlyRenderingFiber$1 = null;
+  remainingExpirationTime = 0;
+  componentUpdateQueue = null;
+  sideEffectTag = 0;
+  if (current)
+    throw ReactError(
+      Error(
+        "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
+      )
+    );
+  return workInProgress;
+}
+function resetHooks() {
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  renderExpirationTime$1 = 0;
+  nextWorkInProgressHook = workInProgressHook = firstWorkInProgressHook = nextCurrentHook = currentHook = currentlyRenderingFiber$1 = null;
+  remainingExpirationTime = 0;
+  componentUpdateQueue = null;
+  sideEffectTag = 0;
+  didScheduleRenderPhaseUpdate = !1;
+  renderPhaseUpdates = null;
+  numberOfReRenders = 0;
+}
+function mountWorkInProgressHook() {
+  var hook = {
+    memoizedState: null,
+    baseState: null,
+    queue: null,
+    baseUpdate: null,
+    next: null
+  };
+  null === workInProgressHook
+    ? (firstWorkInProgressHook = workInProgressHook = hook)
+    : (workInProgressHook = workInProgressHook.next = hook);
+  return workInProgressHook;
+}
+function updateWorkInProgressHook() {
+  if (null !== nextWorkInProgressHook)
+    (workInProgressHook = nextWorkInProgressHook),
+      (nextWorkInProgressHook = workInProgressHook.next),
+      (currentHook = nextCurrentHook),
+      (nextCurrentHook = null !== currentHook ? currentHook.next : null);
+  else {
+    if (null === nextCurrentHook)
+      throw ReactError(
+        Error("Rendered more hooks than during the previous render.")
+      );
+    currentHook = nextCurrentHook;
+    var newHook = {
+      memoizedState: currentHook.memoizedState,
+      baseState: currentHook.baseState,
+      queue: currentHook.queue,
+      baseUpdate: currentHook.baseUpdate,
+      next: null
+    };
+    workInProgressHook =
+      null === workInProgressHook
+        ? (firstWorkInProgressHook = newHook)
+        : (workInProgressHook.next = newHook);
+    nextCurrentHook = currentHook.next;
+  }
+  return workInProgressHook;
+}
+function basicStateReducer(state, action) {
+  return "function" === typeof action ? action(state) : action;
+}
+function updateReducer(reducer) {
+  var hook = updateWorkInProgressHook(),
+    queue = hook.queue;
+  if (null === queue)
+    throw ReactError(
+      Error(
+        "Should have a queue. This is likely a bug in React. Please file an issue."
+      )
+    );
+  queue.lastRenderedReducer = reducer;
+  if (0 < numberOfReRenders) {
+    var _dispatch = queue.dispatch;
+    if (null !== renderPhaseUpdates) {
+      var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+      if (void 0 !== firstRenderPhaseUpdate) {
+        renderPhaseUpdates.delete(queue);
+        var newState = hook.memoizedState;
+        do
+          (newState = reducer(newState, firstRenderPhaseUpdate.action)),
+            (firstRenderPhaseUpdate = firstRenderPhaseUpdate.next);
+        while (null !== firstRenderPhaseUpdate);
+        is(newState, hook.memoizedState) || (didReceiveUpdate = !0);
+        hook.memoizedState = newState;
+        hook.baseUpdate === queue.last && (hook.baseState = newState);
+        queue.lastRenderedState = newState;
+        return [newState, _dispatch];
+      }
+    }
+    return [hook.memoizedState, _dispatch];
+  }
+  _dispatch = queue.last;
+  var baseUpdate = hook.baseUpdate;
+  newState = hook.baseState;
+  null !== baseUpdate
+    ? (null !== _dispatch && (_dispatch.next = null),
+      (_dispatch = baseUpdate.next))
+    : (_dispatch = null !== _dispatch ? _dispatch.next : null);
+  if (null !== _dispatch) {
+    var newBaseUpdate = (firstRenderPhaseUpdate = null),
+      _update = _dispatch,
+      didSkip = !1;
+    do {
+      var updateExpirationTime = _update.expirationTime;
+      updateExpirationTime < renderExpirationTime$1
+        ? (didSkip ||
+            ((didSkip = !0),
+            (newBaseUpdate = baseUpdate),
+            (firstRenderPhaseUpdate = newState)),
+          updateExpirationTime > remainingExpirationTime &&
+            (remainingExpirationTime = updateExpirationTime))
+        : (markRenderEventTimeAndConfig(
+            updateExpirationTime,
+            _update.suspenseConfig
+          ),
+          (newState =
+            _update.eagerReducer === reducer
+              ? _update.eagerState
+              : reducer(newState, _update.action)));
+      baseUpdate = _update;
+      _update = _update.next;
+    } while (null !== _update && _update !== _dispatch);
+    didSkip ||
+      ((newBaseUpdate = baseUpdate), (firstRenderPhaseUpdate = newState));
+    is(newState, hook.memoizedState) || (didReceiveUpdate = !0);
+    hook.memoizedState = newState;
+    hook.baseUpdate = newBaseUpdate;
+    hook.baseState = firstRenderPhaseUpdate;
+    queue.lastRenderedState = newState;
+  }
+  return [hook.memoizedState, queue.dispatch];
+}
+function pushEffect(tag, create, destroy, deps) {
+  tag = { tag: tag, create: create, destroy: destroy, deps: deps, next: null };
+  null === componentUpdateQueue
+    ? ((componentUpdateQueue = { lastEffect: null }),
+      (componentUpdateQueue.lastEffect = tag.next = tag))
+    : ((create = componentUpdateQueue.lastEffect),
+      null === create
+        ? (componentUpdateQueue.lastEffect = tag.next = tag)
+        : ((destroy = create.next),
+          (create.next = tag),
+          (tag.next = destroy),
+          (componentUpdateQueue.lastEffect = tag)));
+  return tag;
+}
+function mountEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
+  var hook = mountWorkInProgressHook();
+  sideEffectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(
+    hookEffectTag,
+    create,
+    void 0,
+    void 0 === deps ? null : deps
+  );
+}
+function updateEffectImpl(fiberEffectTag, hookEffectTag, 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)) {
+      pushEffect(NoEffect$1, create, destroy, deps);
+      return;
+    }
+  }
+  sideEffectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(hookEffectTag, create, destroy, deps);
+}
+function imperativeHandleEffect(create, ref) {
+  if ("function" === typeof ref)
+    return (
+      (create = create()),
+      ref(create),
+      function() {
+        ref(null);
+      }
+    );
+  if (null !== ref && void 0 !== ref)
+    return (
+      (create = create()),
+      (ref.current = create),
+      function() {
+        ref.current = null;
+      }
+    );
+}
+function mountDebugValue() {}
+function dispatchAction(fiber, queue, action) {
+  if (!(25 > numberOfReRenders))
+    throw ReactError(
+      Error(
+        "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+      )
+    );
+  var alternate = fiber.alternate;
+  if (
+    fiber === currentlyRenderingFiber$1 ||
+    (null !== alternate && alternate === currentlyRenderingFiber$1)
+  )
+    if (
+      ((didScheduleRenderPhaseUpdate = !0),
+      (fiber = {
+        expirationTime: renderExpirationTime$1,
+        suspenseConfig: null,
+        action: action,
+        eagerReducer: null,
+        eagerState: null,
+        next: null
+      }),
+      null === renderPhaseUpdates && (renderPhaseUpdates = new Map()),
+      (action = renderPhaseUpdates.get(queue)),
+      void 0 === action)
+    )
+      renderPhaseUpdates.set(queue, fiber);
+    else {
+      for (queue = action; null !== queue.next; ) queue = queue.next;
+      queue.next = fiber;
+    }
+  else {
+    var currentTime = requestCurrentTime(),
+      _suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      _suspenseConfig
+    );
+    _suspenseConfig = {
+      expirationTime: currentTime,
+      suspenseConfig: _suspenseConfig,
+      action: action,
+      eagerReducer: null,
+      eagerState: null,
+      next: null
+    };
+    var _last = queue.last;
+    if (null === _last) _suspenseConfig.next = _suspenseConfig;
+    else {
+      var first = _last.next;
+      null !== first && (_suspenseConfig.next = first);
+      _last.next = _suspenseConfig;
+    }
+    queue.last = _suspenseConfig;
+    if (
+      0 === fiber.expirationTime &&
+      (null === alternate || 0 === alternate.expirationTime) &&
+      ((alternate = queue.lastRenderedReducer), null !== alternate)
+    )
+      try {
+        var currentState = queue.lastRenderedState,
+          _eagerState = alternate(currentState, action);
+        _suspenseConfig.eagerReducer = alternate;
+        _suspenseConfig.eagerState = _eagerState;
+        if (is(_eagerState, currentState)) return;
+      } catch (error) {
+      } finally {
+      }
+    scheduleUpdateOnFiber(fiber, currentTime);
+  }
+}
+var ContextOnlyDispatcher = {
+    readContext: readContext,
+    useCallback: throwInvalidHookError,
+    useContext: throwInvalidHookError,
+    useEffect: throwInvalidHookError,
+    useImperativeHandle: throwInvalidHookError,
+    useLayoutEffect: throwInvalidHookError,
+    useMemo: throwInvalidHookError,
+    useReducer: throwInvalidHookError,
+    useRef: throwInvalidHookError,
+    useState: throwInvalidHookError,
+    useDebugValue: throwInvalidHookError,
+    useResponder: throwInvalidHookError
+  },
+  HooksDispatcherOnMount = {
+    readContext: readContext,
+    useCallback: function(callback, deps) {
+      mountWorkInProgressHook().memoizedState = [
+        callback,
+        void 0 === deps ? null : deps
+      ];
+      return callback;
+    },
+    useContext: readContext,
+    useEffect: function(create, deps) {
+      return mountEffectImpl(516, UnmountPassive | MountPassive, create, deps);
+    },
+    useImperativeHandle: function(ref, create, deps) {
+      deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
+      return mountEffectImpl(
+        4,
+        UnmountMutation | MountLayout,
+        imperativeHandleEffect.bind(null, create, ref),
+        deps
+      );
+    },
+    useLayoutEffect: function(create, deps) {
+      return mountEffectImpl(4, UnmountMutation | MountLayout, create, deps);
+    },
+    useMemo: function(nextCreate, deps) {
+      var hook = mountWorkInProgressHook();
+      deps = void 0 === deps ? null : deps;
+      nextCreate = nextCreate();
+      hook.memoizedState = [nextCreate, deps];
+      return nextCreate;
+    },
+    useReducer: function(reducer, initialArg, init) {
+      var hook = mountWorkInProgressHook();
+      initialArg = void 0 !== init ? init(initialArg) : initialArg;
+      hook.memoizedState = hook.baseState = initialArg;
+      reducer = hook.queue = {
+        last: null,
+        dispatch: null,
+        lastRenderedReducer: reducer,
+        lastRenderedState: initialArg
+      };
+      reducer = reducer.dispatch = dispatchAction.bind(
+        null,
+        currentlyRenderingFiber$1,
+        reducer
+      );
+      return [hook.memoizedState, reducer];
+    },
+    useRef: function(initialValue) {
+      var hook = mountWorkInProgressHook();
+      initialValue = { current: initialValue };
+      return (hook.memoizedState = initialValue);
+    },
+    useState: function(initialState) {
+      var hook = mountWorkInProgressHook();
+      "function" === typeof initialState && (initialState = initialState());
+      hook.memoizedState = hook.baseState = initialState;
+      initialState = hook.queue = {
+        last: null,
+        dispatch: null,
+        lastRenderedReducer: basicStateReducer,
+        lastRenderedState: initialState
+      };
+      initialState = initialState.dispatch = dispatchAction.bind(
+        null,
+        currentlyRenderingFiber$1,
+        initialState
+      );
+      return [hook.memoizedState, initialState];
+    },
+    useDebugValue: mountDebugValue,
+    useResponder: createResponderListener
+  },
+  HooksDispatcherOnUpdate = {
+    readContext: readContext,
+    useCallback: function(callback, deps) {
+      var hook = updateWorkInProgressHook();
+      deps = void 0 === deps ? null : deps;
+      var prevState = hook.memoizedState;
+      if (
+        null !== prevState &&
+        null !== deps &&
+        areHookInputsEqual(deps, prevState[1])
+      )
+        return prevState[0];
+      hook.memoizedState = [callback, deps];
+      return callback;
+    },
+    useContext: readContext,
+    useEffect: function(create, deps) {
+      return updateEffectImpl(516, UnmountPassive | MountPassive, create, deps);
+    },
+    useImperativeHandle: function(ref, create, deps) {
+      deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
+      return updateEffectImpl(
+        4,
+        UnmountMutation | MountLayout,
+        imperativeHandleEffect.bind(null, create, ref),
+        deps
+      );
+    },
+    useLayoutEffect: function(create, deps) {
+      return updateEffectImpl(4, UnmountMutation | MountLayout, create, deps);
+    },
+    useMemo: function(nextCreate, deps) {
+      var hook = updateWorkInProgressHook();
+      deps = void 0 === deps ? null : deps;
+      var prevState = hook.memoizedState;
+      if (
+        null !== prevState &&
+        null !== deps &&
+        areHookInputsEqual(deps, prevState[1])
+      )
+        return prevState[0];
+      nextCreate = nextCreate();
+      hook.memoizedState = [nextCreate, deps];
+      return nextCreate;
+    },
+    useReducer: updateReducer,
+    useRef: function() {
+      return updateWorkInProgressHook().memoizedState;
+    },
+    useState: function(initialState) {
+      return updateReducer(basicStateReducer, initialState);
+    },
+    useDebugValue: mountDebugValue,
+    useResponder: createResponderListener
+  },
+  hydrationParentFiber = null,
+  nextHydratableInstance = null,
+  isHydrating = !1;
+function tryHydrate(fiber, nextInstance) {
+  switch (fiber.tag) {
+    case 5:
+      return (
+        (nextInstance = shim$1(nextInstance, fiber.type, fiber.pendingProps)),
+        null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
+      );
+    case 6:
+      return (
+        (nextInstance = shim$1(nextInstance, fiber.pendingProps)),
+        null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
+      );
+    case 13:
+      return !1;
+    default:
+      return !1;
+  }
+}
+function tryToClaimNextHydratableInstance(fiber$jscomp$0) {
+  if (isHydrating) {
+    var nextInstance = nextHydratableInstance;
+    if (nextInstance) {
+      var firstAttemptedInstance = nextInstance;
+      if (!tryHydrate(fiber$jscomp$0, nextInstance)) {
+        nextInstance = shim$1(firstAttemptedInstance);
+        if (!nextInstance || !tryHydrate(fiber$jscomp$0, nextInstance)) {
+          fiber$jscomp$0.effectTag |= 2;
+          isHydrating = !1;
+          hydrationParentFiber = fiber$jscomp$0;
+          return;
+        }
+        var returnFiber = hydrationParentFiber,
+          fiber = createFiber(5, null, null, 0);
+        fiber.elementType = "DELETED";
+        fiber.type = "DELETED";
+        fiber.stateNode = firstAttemptedInstance;
+        fiber.return = returnFiber;
+        fiber.effectTag = 8;
+        null !== returnFiber.lastEffect
+          ? ((returnFiber.lastEffect.nextEffect = fiber),
+            (returnFiber.lastEffect = fiber))
+          : (returnFiber.firstEffect = returnFiber.lastEffect = fiber);
+      }
+      hydrationParentFiber = fiber$jscomp$0;
+      nextHydratableInstance = shim$1(nextInstance);
+    } else
+      (fiber$jscomp$0.effectTag |= 2),
+        (isHydrating = !1),
+        (hydrationParentFiber = fiber$jscomp$0);
+  }
+}
+var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner,
+  didReceiveUpdate = !1;
+function reconcileChildren(
+  current$$1,
+  workInProgress,
+  nextChildren,
+  renderExpirationTime
+) {
+  workInProgress.child =
+    null === current$$1
+      ? mountChildFibers(
+          workInProgress,
+          null,
+          nextChildren,
+          renderExpirationTime
+        )
+      : reconcileChildFibers(
+          workInProgress,
+          current$$1.child,
+          nextChildren,
+          renderExpirationTime
+        );
+}
+function updateForwardRef(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  renderExpirationTime
+) {
+  Component = Component.render;
+  var ref = workInProgress.ref;
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  nextProps = renderWithHooks(
+    current$$1,
+    workInProgress,
+    Component,
+    nextProps,
+    ref,
+    renderExpirationTime
+  );
+  if (null !== current$$1 && !didReceiveUpdate)
+    return (
+      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.effectTag &= -517),
+      current$$1.expirationTime <= renderExpirationTime &&
+        (current$$1.expirationTime = 0),
+      bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      )
+    );
+  workInProgress.effectTag |= 1;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextProps,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+function updateMemoComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  updateExpirationTime,
+  renderExpirationTime
+) {
+  if (null === current$$1) {
+    var type = Component.type;
+    if (
+      "function" === typeof type &&
+      !shouldConstruct(type) &&
+      void 0 === type.defaultProps &&
+      null === Component.compare &&
+      void 0 === Component.defaultProps
+    )
+      return (
+        (workInProgress.tag = 15),
+        (workInProgress.type = type),
+        updateSimpleMemoComponent(
+          current$$1,
+          workInProgress,
+          type,
+          nextProps,
+          updateExpirationTime,
+          renderExpirationTime
+        )
+      );
+    current$$1 = createFiberFromTypeAndProps(
+      Component.type,
+      null,
+      nextProps,
+      null,
+      workInProgress.mode,
+      renderExpirationTime
+    );
+    current$$1.ref = workInProgress.ref;
+    current$$1.return = workInProgress;
+    return (workInProgress.child = current$$1);
+  }
+  type = current$$1.child;
+  if (
+    updateExpirationTime < renderExpirationTime &&
+    ((updateExpirationTime = type.memoizedProps),
+    (Component = Component.compare),
+    (Component = null !== Component ? Component : shallowEqual),
+    Component(updateExpirationTime, nextProps) &&
+      current$$1.ref === workInProgress.ref)
+  )
+    return bailoutOnAlreadyFinishedWork(
+      current$$1,
+      workInProgress,
+      renderExpirationTime
+    );
+  workInProgress.effectTag |= 1;
+  current$$1 = createWorkInProgress(type, nextProps, renderExpirationTime);
+  current$$1.ref = workInProgress.ref;
+  current$$1.return = workInProgress;
+  return (workInProgress.child = current$$1);
+}
+function updateSimpleMemoComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  updateExpirationTime,
+  renderExpirationTime
+) {
+  return null !== current$$1 &&
+    shallowEqual(current$$1.memoizedProps, nextProps) &&
+    current$$1.ref === workInProgress.ref &&
+    ((didReceiveUpdate = !1), updateExpirationTime < renderExpirationTime)
+    ? bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      )
+    : updateFunctionComponent(
+        current$$1,
+        workInProgress,
+        Component,
+        nextProps,
+        renderExpirationTime
+      );
+}
+function markRef(current$$1, workInProgress) {
+  var ref = workInProgress.ref;
+  if (
+    (null === current$$1 && null !== ref) ||
+    (null !== current$$1 && current$$1.ref !== ref)
+  )
+    workInProgress.effectTag |= 128;
+}
+function updateFunctionComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  renderExpirationTime
+) {
+  var context = isContextProvider(Component)
+    ? previousContext
+    : contextStackCursor.current;
+  context = getMaskedContext(workInProgress, context);
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  Component = renderWithHooks(
+    current$$1,
+    workInProgress,
+    Component,
+    nextProps,
+    context,
+    renderExpirationTime
+  );
+  if (null !== current$$1 && !didReceiveUpdate)
+    return (
+      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.effectTag &= -517),
+      current$$1.expirationTime <= renderExpirationTime &&
+        (current$$1.expirationTime = 0),
+      bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      )
+    );
+  workInProgress.effectTag |= 1;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    Component,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+function updateClassComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  renderExpirationTime
+) {
+  if (isContextProvider(Component)) {
+    var hasContext = !0;
+    pushContextProvider(workInProgress);
+  } else hasContext = !1;
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  if (null === workInProgress.stateNode)
+    null !== current$$1 &&
+      ((current$$1.alternate = null),
+      (workInProgress.alternate = null),
+      (workInProgress.effectTag |= 2)),
+      constructClassInstance(
+        workInProgress,
+        Component,
+        nextProps,
+        renderExpirationTime
+      ),
+      mountClassInstance(
+        workInProgress,
+        Component,
+        nextProps,
+        renderExpirationTime
+      ),
+      (nextProps = !0);
+  else if (null === current$$1) {
+    var instance = workInProgress.stateNode,
+      oldProps = workInProgress.memoizedProps;
+    instance.props = oldProps;
+    var oldContext = instance.context,
+      contextType = Component.contextType;
+    "object" === typeof contextType && null !== contextType
+      ? (contextType = readContext(contextType))
+      : ((contextType = isContextProvider(Component)
+          ? previousContext
+          : contextStackCursor.current),
+        (contextType = getMaskedContext(workInProgress, contextType)));
+    var getDerivedStateFromProps = Component.getDerivedStateFromProps,
+      hasNewLifecycles =
+        "function" === typeof getDerivedStateFromProps ||
+        "function" === typeof instance.getSnapshotBeforeUpdate;
+    hasNewLifecycles ||
+      ("function" !== typeof instance.UNSAFE_componentWillReceiveProps &&
+        "function" !== typeof instance.componentWillReceiveProps) ||
+      ((oldProps !== nextProps || oldContext !== contextType) &&
+        callComponentWillReceiveProps(
+          workInProgress,
+          instance,
+          nextProps,
+          contextType
+        ));
+    hasForceUpdate = !1;
+    var oldState = workInProgress.memoizedState;
+    oldContext = instance.state = oldState;
+    var updateQueue = workInProgress.updateQueue;
+    null !== updateQueue &&
+      (processUpdateQueue(
+        workInProgress,
+        updateQueue,
+        nextProps,
+        instance,
+        renderExpirationTime
+      ),
+      (oldContext = workInProgress.memoizedState));
+    oldProps !== nextProps ||
+    oldState !== oldContext ||
+    didPerformWorkStackCursor.current ||
+    hasForceUpdate
+      ? ("function" === typeof getDerivedStateFromProps &&
+          (applyDerivedStateFromProps(
+            workInProgress,
+            Component,
+            getDerivedStateFromProps,
+            nextProps
+          ),
+          (oldContext = workInProgress.memoizedState)),
+        (oldProps =
+          hasForceUpdate ||
+          checkShouldComponentUpdate(
+            workInProgress,
+            Component,
+            oldProps,
+            nextProps,
+            oldState,
+            oldContext,
+            contextType
+          ))
+          ? (hasNewLifecycles ||
+              ("function" !== typeof instance.UNSAFE_componentWillMount &&
+                "function" !== typeof instance.componentWillMount) ||
+              ("function" === typeof instance.componentWillMount &&
+                instance.componentWillMount(),
+              "function" === typeof instance.UNSAFE_componentWillMount &&
+                instance.UNSAFE_componentWillMount()),
+            "function" === typeof instance.componentDidMount &&
+              (workInProgress.effectTag |= 4))
+          : ("function" === typeof instance.componentDidMount &&
+              (workInProgress.effectTag |= 4),
+            (workInProgress.memoizedProps = nextProps),
+            (workInProgress.memoizedState = oldContext)),
+        (instance.props = nextProps),
+        (instance.state = oldContext),
+        (instance.context = contextType),
+        (nextProps = oldProps))
+      : ("function" === typeof instance.componentDidMount &&
+          (workInProgress.effectTag |= 4),
+        (nextProps = !1));
+  } else
+    (instance = workInProgress.stateNode),
+      (oldProps = workInProgress.memoizedProps),
+      (instance.props =
+        workInProgress.type === workInProgress.elementType
+          ? oldProps
+          : resolveDefaultProps(workInProgress.type, oldProps)),
+      (oldContext = instance.context),
+      (contextType = Component.contextType),
+      "object" === typeof contextType && null !== contextType
+        ? (contextType = readContext(contextType))
+        : ((contextType = isContextProvider(Component)
+            ? previousContext
+            : contextStackCursor.current),
+          (contextType = getMaskedContext(workInProgress, contextType))),
+      (getDerivedStateFromProps = Component.getDerivedStateFromProps),
+      (hasNewLifecycles =
+        "function" === typeof getDerivedStateFromProps ||
+        "function" === typeof instance.getSnapshotBeforeUpdate) ||
+        ("function" !== typeof instance.UNSAFE_componentWillReceiveProps &&
+          "function" !== typeof instance.componentWillReceiveProps) ||
+        ((oldProps !== nextProps || oldContext !== contextType) &&
+          callComponentWillReceiveProps(
+            workInProgress,
+            instance,
+            nextProps,
+            contextType
+          )),
+      (hasForceUpdate = !1),
+      (oldContext = workInProgress.memoizedState),
+      (oldState = instance.state = oldContext),
+      (updateQueue = workInProgress.updateQueue),
+      null !== updateQueue &&
+        (processUpdateQueue(
+          workInProgress,
+          updateQueue,
+          nextProps,
+          instance,
+          renderExpirationTime
+        ),
+        (oldState = workInProgress.memoizedState)),
+      oldProps !== nextProps ||
+      oldContext !== oldState ||
+      didPerformWorkStackCursor.current ||
+      hasForceUpdate
+        ? ("function" === typeof getDerivedStateFromProps &&
+            (applyDerivedStateFromProps(
+              workInProgress,
+              Component,
+              getDerivedStateFromProps,
+              nextProps
+            ),
+            (oldState = workInProgress.memoizedState)),
+          (getDerivedStateFromProps =
+            hasForceUpdate ||
+            checkShouldComponentUpdate(
+              workInProgress,
+              Component,
+              oldProps,
+              nextProps,
+              oldContext,
+              oldState,
+              contextType
+            ))
+            ? (hasNewLifecycles ||
+                ("function" !== typeof instance.UNSAFE_componentWillUpdate &&
+                  "function" !== typeof instance.componentWillUpdate) ||
+                ("function" === typeof instance.componentWillUpdate &&
+                  instance.componentWillUpdate(
+                    nextProps,
+                    oldState,
+                    contextType
+                  ),
+                "function" === typeof instance.UNSAFE_componentWillUpdate &&
+                  instance.UNSAFE_componentWillUpdate(
+                    nextProps,
+                    oldState,
+                    contextType
+                  )),
+              "function" === typeof instance.componentDidUpdate &&
+                (workInProgress.effectTag |= 4),
+              "function" === typeof instance.getSnapshotBeforeUpdate &&
+                (workInProgress.effectTag |= 256))
+            : ("function" !== typeof instance.componentDidUpdate ||
+                (oldProps === current$$1.memoizedProps &&
+                  oldContext === current$$1.memoizedState) ||
+                (workInProgress.effectTag |= 4),
+              "function" !== typeof instance.getSnapshotBeforeUpdate ||
+                (oldProps === current$$1.memoizedProps &&
+                  oldContext === current$$1.memoizedState) ||
+                (workInProgress.effectTag |= 256),
+              (workInProgress.memoizedProps = nextProps),
+              (workInProgress.memoizedState = oldState)),
+          (instance.props = nextProps),
+          (instance.state = oldState),
+          (instance.context = contextType),
+          (nextProps = getDerivedStateFromProps))
+        : ("function" !== typeof instance.componentDidUpdate ||
+            (oldProps === current$$1.memoizedProps &&
+              oldContext === current$$1.memoizedState) ||
+            (workInProgress.effectTag |= 4),
+          "function" !== typeof instance.getSnapshotBeforeUpdate ||
+            (oldProps === current$$1.memoizedProps &&
+              oldContext === current$$1.memoizedState) ||
+            (workInProgress.effectTag |= 256),
+          (nextProps = !1));
+  return finishClassComponent(
+    current$$1,
+    workInProgress,
+    Component,
+    nextProps,
+    hasContext,
+    renderExpirationTime
+  );
+}
+function finishClassComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  shouldUpdate,
+  hasContext,
+  renderExpirationTime
+) {
+  markRef(current$$1, workInProgress);
+  var didCaptureError = 0 !== (workInProgress.effectTag & 64);
+  if (!shouldUpdate && !didCaptureError)
+    return (
+      hasContext && invalidateContextProvider(workInProgress, Component, !1),
+      bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      )
+    );
+  shouldUpdate = workInProgress.stateNode;
+  ReactCurrentOwner$3.current = workInProgress;
+  var nextChildren =
+    didCaptureError && "function" !== typeof Component.getDerivedStateFromError
+      ? null
+      : shouldUpdate.render();
+  workInProgress.effectTag |= 1;
+  null !== current$$1 && didCaptureError
+    ? ((workInProgress.child = reconcileChildFibers(
+        workInProgress,
+        current$$1.child,
+        null,
+        renderExpirationTime
+      )),
+      (workInProgress.child = reconcileChildFibers(
+        workInProgress,
+        null,
+        nextChildren,
+        renderExpirationTime
+      )))
+    : reconcileChildren(
+        current$$1,
+        workInProgress,
+        nextChildren,
+        renderExpirationTime
+      );
+  workInProgress.memoizedState = shouldUpdate.state;
+  hasContext && invalidateContextProvider(workInProgress, Component, !0);
+  return workInProgress.child;
+}
+function pushHostRootContext(workInProgress) {
+  var root = workInProgress.stateNode;
+  root.pendingContext
+    ? pushTopLevelContextObject(
+        workInProgress,
+        root.pendingContext,
+        root.pendingContext !== root.context
+      )
+    : root.context &&
+      pushTopLevelContextObject(workInProgress, root.context, !1);
+  pushHostContainer(workInProgress, root.containerInfo);
+}
+var SUSPENDED_MARKER = {};
+function updateSuspenseComponent(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  var mode = workInProgress.mode,
+    nextProps = workInProgress.pendingProps,
+    suspenseContext = suspenseStackCursor.current,
+    nextState = null,
+    nextDidTimeout = !1,
+    JSCompiler_temp;
+  (JSCompiler_temp = 0 !== (workInProgress.effectTag & 64)) ||
+    (JSCompiler_temp =
+      0 !== (suspenseContext & ForceSuspenseFallback) &&
+      (null === current$$1 || null !== current$$1.memoizedState));
+  JSCompiler_temp
+    ? ((nextState = SUSPENDED_MARKER),
+      (nextDidTimeout = !0),
+      (workInProgress.effectTag &= -65))
+    : (null !== current$$1 && null === current$$1.memoizedState) ||
+      void 0 === nextProps.fallback ||
+      !0 === nextProps.unstable_avoidThisFallback ||
+      (suspenseContext |= InvisibleParentSuspenseContext);
+  suspenseContext &= SubtreeSuspenseContextMask;
+  push(suspenseStackCursor, suspenseContext, workInProgress);
+  if (null === current$$1)
+    if (nextDidTimeout) {
+      nextProps = nextProps.fallback;
+      current$$1 = createFiberFromFragment(null, mode, 0, null);
+      current$$1.return = workInProgress;
+      if (0 === (workInProgress.mode & 2))
+        for (
+          nextDidTimeout =
+            null !== workInProgress.memoizedState
+              ? workInProgress.child.child
+              : workInProgress.child,
+            current$$1.child = nextDidTimeout;
+          null !== nextDidTimeout;
+
+        )
+          (nextDidTimeout.return = current$$1),
+            (nextDidTimeout = nextDidTimeout.sibling);
+      renderExpirationTime = createFiberFromFragment(
+        nextProps,
+        mode,
+        renderExpirationTime,
+        null
+      );
+      renderExpirationTime.return = workInProgress;
+      current$$1.sibling = renderExpirationTime;
+      mode = current$$1;
+    } else
+      mode = renderExpirationTime = mountChildFibers(
+        workInProgress,
+        null,
+        nextProps.children,
+        renderExpirationTime
+      );
+  else {
+    if (null !== current$$1.memoizedState)
+      if (
+        ((suspenseContext = current$$1.child),
+        (mode = suspenseContext.sibling),
+        nextDidTimeout)
+      ) {
+        nextProps = nextProps.fallback;
+        renderExpirationTime = createWorkInProgress(
+          suspenseContext,
+          suspenseContext.pendingProps,
+          0
+        );
+        renderExpirationTime.return = workInProgress;
+        if (
+          0 === (workInProgress.mode & 2) &&
+          ((nextDidTimeout =
+            null !== workInProgress.memoizedState
+              ? workInProgress.child.child
+              : workInProgress.child),
+          nextDidTimeout !== suspenseContext.child)
+        )
+          for (
+            renderExpirationTime.child = nextDidTimeout;
+            null !== nextDidTimeout;
+
+          )
+            (nextDidTimeout.return = renderExpirationTime),
+              (nextDidTimeout = nextDidTimeout.sibling);
+        nextProps = createWorkInProgress(mode, nextProps, mode.expirationTime);
+        nextProps.return = workInProgress;
+        renderExpirationTime.sibling = nextProps;
+        mode = renderExpirationTime;
+        renderExpirationTime.childExpirationTime = 0;
+        renderExpirationTime = nextProps;
+      } else
+        mode = renderExpirationTime = reconcileChildFibers(
+          workInProgress,
+          suspenseContext.child,
+          nextProps.children,
+          renderExpirationTime
+        );
+    else if (((suspenseContext = current$$1.child), nextDidTimeout)) {
+      nextDidTimeout = nextProps.fallback;
+      nextProps = createFiberFromFragment(null, mode, 0, null);
+      nextProps.return = workInProgress;
+      nextProps.child = suspenseContext;
+      null !== suspenseContext && (suspenseContext.return = nextProps);
+      if (0 === (workInProgress.mode & 2))
+        for (
+          suspenseContext =
+            null !== workInProgress.memoizedState
+              ? workInProgress.child.child
+              : workInProgress.child,
+            nextProps.child = suspenseContext;
+          null !== suspenseContext;
+
+        )
+          (suspenseContext.return = nextProps),
+            (suspenseContext = suspenseContext.sibling);
+      renderExpirationTime = createFiberFromFragment(
+        nextDidTimeout,
+        mode,
+        renderExpirationTime,
+        null
+      );
+      renderExpirationTime.return = workInProgress;
+      nextProps.sibling = renderExpirationTime;
+      renderExpirationTime.effectTag |= 2;
+      mode = nextProps;
+      nextProps.childExpirationTime = 0;
+    } else
+      renderExpirationTime = mode = reconcileChildFibers(
+        workInProgress,
+        suspenseContext,
+        nextProps.children,
+        renderExpirationTime
+      );
+    workInProgress.stateNode = current$$1.stateNode;
+  }
+  workInProgress.memoizedState = nextState;
+  workInProgress.child = mode;
+  return renderExpirationTime;
+}
+function initSuspenseListRenderState(
+  workInProgress,
+  isBackwards,
+  tail,
+  lastContentRow,
+  tailMode
+) {
+  var renderState = workInProgress.memoizedState;
+  null === renderState
+    ? (workInProgress.memoizedState = {
+        isBackwards: isBackwards,
+        rendering: null,
+        last: lastContentRow,
+        tail: tail,
+        tailExpiration: 0,
+        tailMode: tailMode
+      })
+    : ((renderState.isBackwards = isBackwards),
+      (renderState.rendering = null),
+      (renderState.last = lastContentRow),
+      (renderState.tail = tail),
+      (renderState.tailExpiration = 0),
+      (renderState.tailMode = tailMode));
+}
+function updateSuspenseListComponent(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  var nextProps = workInProgress.pendingProps,
+    revealOrder = nextProps.revealOrder,
+    tailMode = nextProps.tail;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextProps.children,
+    renderExpirationTime
+  );
+  nextProps = suspenseStackCursor.current;
+  if (0 !== (nextProps & ForceSuspenseFallback))
+    (nextProps =
+      (nextProps & SubtreeSuspenseContextMask) | ForceSuspenseFallback),
+      (workInProgress.effectTag |= 64);
+  else {
+    if (null !== current$$1 && 0 !== (current$$1.effectTag & 64))
+      a: for (current$$1 = workInProgress.child; null !== current$$1; ) {
+        if (13 === current$$1.tag) {
+          if (null !== current$$1.memoizedState) {
+            current$$1.expirationTime < renderExpirationTime &&
+              (current$$1.expirationTime = renderExpirationTime);
+            var alternate = current$$1.alternate;
+            null !== alternate &&
+              alternate.expirationTime < renderExpirationTime &&
+              (alternate.expirationTime = renderExpirationTime);
+            scheduleWorkOnParentPath(current$$1.return, renderExpirationTime);
+          }
+        } else if (null !== current$$1.child) {
+          current$$1.child.return = current$$1;
+          current$$1 = current$$1.child;
+          continue;
+        }
+        if (current$$1 === workInProgress) break a;
+        for (; null === current$$1.sibling; ) {
+          if (
+            null === current$$1.return ||
+            current$$1.return === workInProgress
+          )
+            break a;
+          current$$1 = current$$1.return;
+        }
+        current$$1.sibling.return = current$$1.return;
+        current$$1 = current$$1.sibling;
+      }
+    nextProps &= SubtreeSuspenseContextMask;
+  }
+  push(suspenseStackCursor, nextProps, workInProgress);
+  if (0 === (workInProgress.mode & 2)) workInProgress.memoizedState = null;
+  else
+    switch (revealOrder) {
+      case "forwards":
+        renderExpirationTime = workInProgress.child;
+        for (revealOrder = null; null !== renderExpirationTime; )
+          (nextProps = renderExpirationTime.alternate),
+            null !== nextProps &&
+              null === findFirstSuspended(nextProps) &&
+              (revealOrder = renderExpirationTime),
+            (renderExpirationTime = renderExpirationTime.sibling);
+        renderExpirationTime = revealOrder;
+        null === renderExpirationTime
+          ? ((revealOrder = workInProgress.child),
+            (workInProgress.child = null))
+          : ((revealOrder = renderExpirationTime.sibling),
+            (renderExpirationTime.sibling = null));
+        initSuspenseListRenderState(
+          workInProgress,
+          !1,
+          revealOrder,
+          renderExpirationTime,
+          tailMode
+        );
+        break;
+      case "backwards":
+        renderExpirationTime = null;
+        revealOrder = workInProgress.child;
+        for (workInProgress.child = null; null !== revealOrder; ) {
+          nextProps = revealOrder.alternate;
+          if (null !== nextProps && null === findFirstSuspended(nextProps)) {
+            workInProgress.child = revealOrder;
+            break;
+          }
+          nextProps = revealOrder.sibling;
+          revealOrder.sibling = renderExpirationTime;
+          renderExpirationTime = revealOrder;
+          revealOrder = nextProps;
+        }
+        initSuspenseListRenderState(
+          workInProgress,
+          !0,
+          renderExpirationTime,
+          null,
+          tailMode
+        );
+        break;
+      case "together":
+        initSuspenseListRenderState(workInProgress, !1, null, null, void 0);
+        break;
+      default:
+        workInProgress.memoizedState = null;
+    }
+  return workInProgress.child;
+}
+function bailoutOnAlreadyFinishedWork(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  null !== current$$1 &&
+    (workInProgress.dependencies = current$$1.dependencies);
+  if (workInProgress.childExpirationTime < renderExpirationTime) return null;
+  if (null !== current$$1 && workInProgress.child !== current$$1.child)
+    throw ReactError(Error("Resuming work not yet implemented."));
+  if (null !== workInProgress.child) {
+    current$$1 = workInProgress.child;
+    renderExpirationTime = createWorkInProgress(
+      current$$1,
+      current$$1.pendingProps,
+      current$$1.expirationTime
+    );
+    workInProgress.child = renderExpirationTime;
+    for (
+      renderExpirationTime.return = workInProgress;
+      null !== current$$1.sibling;
+
+    )
+      (current$$1 = current$$1.sibling),
+        (renderExpirationTime = renderExpirationTime.sibling = createWorkInProgress(
+          current$$1,
+          current$$1.pendingProps,
+          current$$1.expirationTime
+        )),
+        (renderExpirationTime.return = workInProgress);
+    renderExpirationTime.sibling = null;
+  }
+  return workInProgress.child;
+}
+var appendAllChildren = void 0,
+  updateHostContainer = void 0,
+  updateHostComponent$1 = void 0,
+  updateHostText$1 = void 0;
+appendAllChildren = function(
+  parent,
+  workInProgress,
+  needsVisibilityToggle,
+  isHidden
+) {
+  for (var node = workInProgress.child; null !== node; ) {
+    if (5 === node.tag) {
+      var instance = node.stateNode;
+      needsVisibilityToggle &&
+        isHidden &&
+        (instance = cloneHiddenInstance(
+          instance,
+          node.type,
+          node.memoizedProps,
+          node
+        ));
+      appendChildNode(parent.node, instance.node);
+    } else if (6 === node.tag) {
+      instance = node.stateNode;
+      if (needsVisibilityToggle && isHidden)
+        throw Error("Not yet implemented.");
+      appendChildNode(parent.node, instance.node);
+    } else if (4 !== node.tag) {
+      if (
+        13 === node.tag &&
+        0 !== (node.effectTag & 4) &&
+        (instance = null !== node.memoizedState)
+      ) {
+        var primaryChildParent = node.child;
+        if (
+          null !== primaryChildParent &&
+          (null !== primaryChildParent.child &&
+            ((primaryChildParent.child.return = primaryChildParent),
+            appendAllChildren(parent, primaryChildParent, !0, instance)),
+          (instance = primaryChildParent.sibling),
+          null !== instance)
+        ) {
+          instance.return = node;
+          node = instance;
+          continue;
+        }
+      }
+      if (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;
+  }
+};
+function appendAllChildrenToContainer(
+  containerChildSet,
+  workInProgress,
+  needsVisibilityToggle,
+  isHidden
+) {
+  for (var node = workInProgress.child; null !== node; ) {
+    if (5 === node.tag) {
+      var instance = node.stateNode;
+      needsVisibilityToggle &&
+        isHidden &&
+        (instance = cloneHiddenInstance(
+          instance,
+          node.type,
+          node.memoizedProps,
+          node
+        ));
+      appendChildNodeToSet(containerChildSet, instance.node);
+    } else if (6 === node.tag) {
+      instance = node.stateNode;
+      if (needsVisibilityToggle && isHidden)
+        throw Error("Not yet implemented.");
+      appendChildNodeToSet(containerChildSet, instance.node);
+    } else if (4 !== node.tag) {
+      if (
+        13 === node.tag &&
+        0 !== (node.effectTag & 4) &&
+        (instance = null !== node.memoizedState)
+      ) {
+        var primaryChildParent = node.child;
+        if (
+          null !== primaryChildParent &&
+          (null !== primaryChildParent.child &&
+            ((primaryChildParent.child.return = primaryChildParent),
+            appendAllChildrenToContainer(
+              containerChildSet,
+              primaryChildParent,
+              !0,
+              instance
+            )),
+          (instance = primaryChildParent.sibling),
+          null !== instance)
+        ) {
+          instance.return = node;
+          node = instance;
+          continue;
+        }
+      }
+      if (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;
+  }
+}
+updateHostContainer = function(workInProgress) {
+  var portalOrRoot = workInProgress.stateNode;
+  if (null !== workInProgress.firstEffect) {
+    var container = portalOrRoot.containerInfo,
+      newChildSet = createChildNodeSet(container);
+    appendAllChildrenToContainer(newChildSet, workInProgress, !1, !1);
+    portalOrRoot.pendingChildren = newChildSet;
+    workInProgress.effectTag |= 4;
+    completeRoot(container, newChildSet);
+  }
+};
+updateHostComponent$1 = function(current, workInProgress, type, newProps) {
+  type = current.stateNode;
+  var oldProps = current.memoizedProps;
+  if ((current = null === workInProgress.firstEffect) && 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),
+        (recyclableInstance = type.node),
+        (type = {
+          node: current
+            ? null !== newProps
+              ? cloneNodeWithNewProps(recyclableInstance, newProps)
+              : cloneNode(recyclableInstance)
+            : null !== newProps
+              ? cloneNodeWithNewChildrenAndProps(recyclableInstance, newProps)
+              : cloneNodeWithNewChildren(recyclableInstance),
+          canonical: type.canonical
+        }),
+        (workInProgress.stateNode = type),
+        current
+          ? (workInProgress.effectTag |= 4)
+          : appendAllChildren(type, workInProgress, !1, !1));
+  }
+};
+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.effectTag |= 4));
+};
+function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
+  switch (renderState.tailMode) {
+    case "hidden":
+      hasRenderedATailFallback = renderState.tail;
+      for (var lastTailNode = null; null !== hasRenderedATailFallback; )
+        null !== hasRenderedATailFallback.alternate &&
+          (lastTailNode = hasRenderedATailFallback),
+          (hasRenderedATailFallback = hasRenderedATailFallback.sibling);
+      null === lastTailNode
+        ? (renderState.tail = null)
+        : (lastTailNode.sibling = null);
+      break;
+    case "collapsed":
+      lastTailNode = renderState.tail;
+      for (var _lastTailNode = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (_lastTailNode = lastTailNode),
+          (lastTailNode = lastTailNode.sibling);
+      null === _lastTailNode
+        ? hasRenderedATailFallback || null === renderState.tail
+          ? (renderState.tail = null)
+          : (renderState.tail.sibling = null)
+        : (_lastTailNode.sibling = null);
+  }
+}
+function unwindWork(workInProgress) {
+  switch (workInProgress.tag) {
+    case 1:
+      isContextProvider(workInProgress.type) && popContext(workInProgress);
+      var effectTag = workInProgress.effectTag;
+      return effectTag & 2048
+        ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
+          workInProgress)
+        : null;
+    case 3:
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      effectTag = workInProgress.effectTag;
+      if (0 !== (effectTag & 64))
+        throw ReactError(
+          Error(
+            "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
+          )
+        );
+      workInProgress.effectTag = (effectTag & -2049) | 64;
+      return workInProgress;
+    case 5:
+      return popHostContext(workInProgress), null;
+    case 13:
+      return (
+        pop(suspenseStackCursor, workInProgress),
+        (effectTag = workInProgress.effectTag),
+        effectTag & 2048
+          ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
+            workInProgress)
+          : null
+      );
+    case 18:
+      return null;
+    case 19:
+      return pop(suspenseStackCursor, workInProgress), null;
+    case 4:
+      return popHostContainer(workInProgress), null;
+    case 10:
+      return popProvider(workInProgress), null;
+    default:
+      return null;
+  }
+}
+function createCapturedValue(value, source) {
+  return {
+    value: value,
+    source: source,
+    stack: getStackByFiberInDevAndProd(source)
+  };
+}
+if (
+  "function" !==
+  typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog
+)
+  throw ReactError(
+    Error("Expected ReactFiberErrorDialog.showErrorDialog to be a function.")
+  );
+function logCapturedError(capturedError) {
+  !1 !==
+    ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog(
+      capturedError
+    ) && console.error(capturedError.error);
+}
+var PossiblyWeakSet$1 = "function" === typeof WeakSet ? WeakSet : Set;
+function logError(boundary, errorInfo) {
+  var source = errorInfo.source,
+    stack = errorInfo.stack;
+  null === stack &&
+    null !== source &&
+    (stack = getStackByFiberInDevAndProd(source));
+  errorInfo = {
+    componentName: null !== source ? getComponentName(source.type) : null,
+    componentStack: null !== stack ? stack : "",
+    error: errorInfo.value,
+    errorBoundary: null,
+    errorBoundaryName: null,
+    errorBoundaryFound: !1,
+    willRetry: !1
+  };
+  null !== boundary &&
+    1 === boundary.tag &&
+    ((errorInfo.errorBoundary = boundary.stateNode),
+    (errorInfo.errorBoundaryName = getComponentName(boundary.type)),
+    (errorInfo.errorBoundaryFound = !0),
+    (errorInfo.willRetry = !0));
+  try {
+    logCapturedError(errorInfo);
+  } catch (e) {
+    setTimeout(function() {
+      throw e;
+    });
+  }
+}
+function safelyCallComponentWillUnmount(current$$1, instance) {
+  try {
+    (instance.props = current$$1.memoizedProps),
+      (instance.state = current$$1.memoizedState),
+      instance.componentWillUnmount();
+  } catch (unmountError) {
+    captureCommitPhaseError(current$$1, unmountError);
+  }
+}
+function safelyDetachRef(current$$1) {
+  var ref = current$$1.ref;
+  if (null !== ref)
+    if ("function" === typeof ref)
+      try {
+        ref(null);
+      } catch (refError) {
+        captureCommitPhaseError(current$$1, refError);
+      }
+    else ref.current = null;
+}
+function commitHookEffectList(unmountTag, mountTag, finishedWork) {
+  finishedWork = finishedWork.updateQueue;
+  finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
+  if (null !== finishedWork) {
+    var effect = (finishedWork = finishedWork.next);
+    do {
+      if ((effect.tag & unmountTag) !== NoEffect$1) {
+        var destroy = effect.destroy;
+        effect.destroy = void 0;
+        void 0 !== destroy && destroy();
+      }
+      (effect.tag & mountTag) !== NoEffect$1 &&
+        ((destroy = effect.create), (effect.destroy = destroy()));
+      effect = effect.next;
+    } while (effect !== finishedWork);
+  }
+}
+function commitUnmount(current$$1$jscomp$0, renderPriorityLevel) {
+  "function" === typeof onCommitFiberUnmount &&
+    onCommitFiberUnmount(current$$1$jscomp$0);
+  switch (current$$1$jscomp$0.tag) {
+    case 0:
+    case 11:
+    case 14:
+    case 15:
+      var updateQueue = current$$1$jscomp$0.updateQueue;
+      if (
+        null !== updateQueue &&
+        ((updateQueue = updateQueue.lastEffect), null !== updateQueue)
+      ) {
+        var firstEffect = updateQueue.next;
+        runWithPriority$1(
+          97 < renderPriorityLevel ? 97 : renderPriorityLevel,
+          function() {
+            var effect = firstEffect;
+            do {
+              var destroy = effect.destroy;
+              if (void 0 !== destroy) {
+                var current$$1 = current$$1$jscomp$0;
+                try {
+                  destroy();
+                } catch (error) {
+                  captureCommitPhaseError(current$$1, error);
+                }
+              }
+              effect = effect.next;
+            } while (effect !== firstEffect);
+          }
+        );
+      }
+      break;
+    case 1:
+      safelyDetachRef(current$$1$jscomp$0);
+      renderPriorityLevel = current$$1$jscomp$0.stateNode;
+      "function" === typeof renderPriorityLevel.componentWillUnmount &&
+        safelyCallComponentWillUnmount(
+          current$$1$jscomp$0,
+          renderPriorityLevel
+        );
+      break;
+    case 5:
+      safelyDetachRef(current$$1$jscomp$0);
+      break;
+    case 4:
+      createChildNodeSet(current$$1$jscomp$0.stateNode.containerInfo);
+  }
+}
+function detachFiber(current$$1) {
+  var alternate = current$$1.alternate;
+  current$$1.return = null;
+  current$$1.child = null;
+  current$$1.memoizedState = null;
+  current$$1.updateQueue = null;
+  current$$1.dependencies = null;
+  current$$1.alternate = null;
+  current$$1.firstEffect = null;
+  current$$1.lastEffect = null;
+  current$$1.pendingProps = null;
+  current$$1.memoizedProps = null;
+  null !== alternate && detachFiber(alternate);
+}
+function commitWork(current$$1, finishedWork) {
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 14:
+    case 15:
+      commitHookEffectList(UnmountMutation, MountMutation, finishedWork);
+      return;
+    case 12:
+      return;
+    case 13:
+      null !== finishedWork.memoizedState &&
+        (globalMostRecentFallbackTime = now());
+      attachSuspenseRetryListeners(finishedWork);
+      return;
+    case 19:
+      attachSuspenseRetryListeners(finishedWork);
+      return;
+  }
+  switch (finishedWork.tag) {
+    case 1:
+    case 5:
+    case 6:
+    case 20:
+      break;
+    case 3:
+    case 4:
+      break;
+    default:
+      throw ReactError(
+        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."
+        )
+      );
+  }
+}
+function attachSuspenseRetryListeners(finishedWork) {
+  var thenables = finishedWork.updateQueue;
+  if (null !== thenables) {
+    finishedWork.updateQueue = null;
+    var retryCache = finishedWork.stateNode;
+    null === retryCache &&
+      (retryCache = finishedWork.stateNode = new PossiblyWeakSet$1());
+    thenables.forEach(function(thenable) {
+      var retry = resolveRetryThenable.bind(null, finishedWork, thenable);
+      retryCache.has(thenable) ||
+        (retryCache.add(thenable), thenable.then(retry, retry));
+    });
+  }
+}
+var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map;
+function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
+  expirationTime = createUpdate(expirationTime, null);
+  expirationTime.tag = 3;
+  expirationTime.payload = { element: null };
+  var error = errorInfo.value;
+  expirationTime.callback = function() {
+    hasUncaughtError || ((hasUncaughtError = !0), (firstUncaughtError = error));
+    logError(fiber, errorInfo);
+  };
+  return expirationTime;
+}
+function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
+  expirationTime = createUpdate(expirationTime, null);
+  expirationTime.tag = 3;
+  var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
+  if ("function" === typeof getDerivedStateFromError) {
+    var error = errorInfo.value;
+    expirationTime.payload = function() {
+      logError(fiber, errorInfo);
+      return getDerivedStateFromError(error);
+    };
+  }
+  var inst = fiber.stateNode;
+  null !== inst &&
+    "function" === typeof inst.componentDidCatch &&
+    (expirationTime.callback = function() {
+      "function" !== typeof getDerivedStateFromError &&
+        (null === legacyErrorBoundariesThatAlreadyFailed
+          ? (legacyErrorBoundariesThatAlreadyFailed = new Set([this]))
+          : legacyErrorBoundariesThatAlreadyFailed.add(this),
+        logError(fiber, errorInfo));
+      var stack = errorInfo.stack;
+      this.componentDidCatch(errorInfo.value, {
+        componentStack: null !== stack ? stack : ""
+      });
+    });
+  return expirationTime;
+}
+var ceil = Math.ceil,
+  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
+  NoContext = 0,
+  LegacyUnbatchedContext = 8,
+  RenderContext = 16,
+  CommitContext = 32,
+  RootIncomplete = 0,
+  RootErrored = 1,
+  RootSuspended = 2,
+  RootSuspendedWithDelay = 3,
+  RootCompleted = 4,
+  executionContext = NoContext,
+  workInProgressRoot = null,
+  workInProgress = null,
+  renderExpirationTime = 0,
+  workInProgressRootExitStatus = RootIncomplete,
+  workInProgressRootLatestProcessedExpirationTime = 1073741823,
+  workInProgressRootLatestSuspenseTimeout = 1073741823,
+  workInProgressRootCanSuspendUsingConfig = null,
+  workInProgressRootHasPendingPing = !1,
+  globalMostRecentFallbackTime = 0,
+  FALLBACK_THROTTLE_MS = 500,
+  nextEffect = null,
+  hasUncaughtError = !1,
+  firstUncaughtError = null,
+  legacyErrorBoundariesThatAlreadyFailed = null,
+  rootDoesHavePassiveEffects = !1,
+  rootWithPendingPassiveEffects = null,
+  pendingPassiveEffectsRenderPriority = 90,
+  pendingPassiveEffectsExpirationTime = 0,
+  rootsWithPendingDiscreteUpdates = null,
+  nestedUpdateCount = 0,
+  rootWithNestedUpdates = null,
+  currentEventTime = 0;
+function requestCurrentTime() {
+  return (executionContext & (RenderContext | CommitContext)) !== NoContext
+    ? 1073741821 - ((now() / 10) | 0)
+    : 0 !== currentEventTime
+      ? currentEventTime
+      : (currentEventTime = 1073741821 - ((now() / 10) | 0));
+}
+function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
+  fiber = fiber.mode;
+  if (0 === (fiber & 2)) return 1073741823;
+  var priorityLevel = getCurrentPriorityLevel();
+  if (0 === (fiber & 4)) return 99 === priorityLevel ? 1073741823 : 1073741822;
+  if ((executionContext & RenderContext) !== NoContext)
+    return renderExpirationTime;
+  if (null !== suspenseConfig)
+    currentTime =
+      1073741821 -
+      25 *
+        ((((1073741821 -
+          currentTime +
+          (suspenseConfig.timeoutMs | 0 || 5e3) / 10) /
+          25) |
+          0) +
+          1);
+  else
+    switch (priorityLevel) {
+      case 99:
+        currentTime = 1073741823;
+        break;
+      case 98:
+        currentTime =
+          1073741821 - 10 * ((((1073741821 - currentTime + 15) / 10) | 0) + 1);
+        break;
+      case 97:
+      case 96:
+        currentTime =
+          1073741821 - 25 * ((((1073741821 - currentTime + 500) / 25) | 0) + 1);
+        break;
+      case 95:
+        currentTime = 1;
+        break;
+      default:
+        throw ReactError(Error("Expected a valid priority level"));
+    }
+  null !== workInProgressRoot &&
+    currentTime === renderExpirationTime &&
+    --currentTime;
+  return currentTime;
+}
+function scheduleUpdateOnFiber(fiber, expirationTime) {
+  if (50 < nestedUpdateCount)
+    throw ((nestedUpdateCount = 0),
+    (rootWithNestedUpdates = null),
+    ReactError(
+      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."
+      )
+    ));
+  fiber = markUpdateTimeFromFiberToRoot(fiber, expirationTime);
+  if (null !== fiber) {
+    fiber.pingTime = 0;
+    var priorityLevel = getCurrentPriorityLevel();
+    if (1073741823 === expirationTime)
+      if (
+        (executionContext & LegacyUnbatchedContext) !== NoContext &&
+        (executionContext & (RenderContext | CommitContext)) === NoContext
+      )
+        for (
+          var callback = renderRoot(fiber, 1073741823, !0);
+          null !== callback;
+
+        )
+          callback = callback(!0);
+      else
+        scheduleCallbackForRoot(fiber, 99, 1073741823),
+          executionContext === NoContext && flushSyncCallbackQueue();
+    else scheduleCallbackForRoot(fiber, priorityLevel, expirationTime);
+    (executionContext & 4) === NoContext ||
+      (98 !== priorityLevel && 99 !== priorityLevel) ||
+      (null === rootsWithPendingDiscreteUpdates
+        ? (rootsWithPendingDiscreteUpdates = new Map([[fiber, expirationTime]]))
+        : ((priorityLevel = rootsWithPendingDiscreteUpdates.get(fiber)),
+          (void 0 === priorityLevel || priorityLevel > expirationTime) &&
+            rootsWithPendingDiscreteUpdates.set(fiber, expirationTime)));
+  }
+}
+function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
+  fiber.expirationTime < expirationTime &&
+    (fiber.expirationTime = expirationTime);
+  var alternate = fiber.alternate;
+  null !== alternate &&
+    alternate.expirationTime < expirationTime &&
+    (alternate.expirationTime = expirationTime);
+  var node = fiber.return,
+    root = null;
+  if (null === node && 3 === fiber.tag) root = fiber.stateNode;
+  else
+    for (; null !== node; ) {
+      alternate = node.alternate;
+      node.childExpirationTime < expirationTime &&
+        (node.childExpirationTime = expirationTime);
+      null !== alternate &&
+        alternate.childExpirationTime < expirationTime &&
+        (alternate.childExpirationTime = expirationTime);
+      if (null === node.return && 3 === node.tag) {
+        root = node.stateNode;
+        break;
+      }
+      node = node.return;
+    }
+  null !== root &&
+    (expirationTime > root.firstPendingTime &&
+      (root.firstPendingTime = expirationTime),
+    (fiber = root.lastPendingTime),
+    0 === fiber || expirationTime < fiber) &&
+    (root.lastPendingTime = expirationTime);
+  return root;
+}
+function scheduleCallbackForRoot(root, priorityLevel, expirationTime) {
+  if (root.callbackExpirationTime < expirationTime) {
+    var existingCallbackNode = root.callbackNode;
+    null !== existingCallbackNode &&
+      existingCallbackNode !== fakeCallbackNode &&
+      Scheduler_cancelCallback(existingCallbackNode);
+    root.callbackExpirationTime = expirationTime;
+    1073741823 === expirationTime
+      ? (root.callbackNode = scheduleSyncCallback(
+          runRootCallback.bind(
+            null,
+            root,
+            renderRoot.bind(null, root, expirationTime)
+          )
+        ))
+      : ((existingCallbackNode = null),
+        1 !== expirationTime &&
+          (existingCallbackNode = {
+            timeout: 10 * (1073741821 - expirationTime) - now()
+          }),
+        (root.callbackNode = scheduleCallback(
+          priorityLevel,
+          runRootCallback.bind(
+            null,
+            root,
+            renderRoot.bind(null, root, expirationTime)
+          ),
+          existingCallbackNode
+        )));
+  }
+}
+function runRootCallback(root, callback, isSync) {
+  var prevCallbackNode = root.callbackNode,
+    continuation = null;
+  try {
+    return (
+      (continuation = callback(isSync)),
+      null !== continuation
+        ? runRootCallback.bind(null, root, continuation)
+        : null
+    );
+  } finally {
+    null === continuation &&
+      prevCallbackNode === root.callbackNode &&
+      ((root.callbackNode = null), (root.callbackExpirationTime = 0));
+  }
+}
+function resolveLocksOnRoot(root, expirationTime) {
+  var firstBatch = root.firstBatch;
+  return null !== firstBatch &&
+    firstBatch._defer &&
+    firstBatch._expirationTime >= expirationTime
+    ? (scheduleCallback(97, function() {
+        firstBatch._onComplete();
+        return null;
+      }),
+      !0)
+    : !1;
+}
+function flushPendingDiscreteUpdates() {
+  if (null !== rootsWithPendingDiscreteUpdates) {
+    var roots = rootsWithPendingDiscreteUpdates;
+    rootsWithPendingDiscreteUpdates = null;
+    roots.forEach(function(expirationTime, root) {
+      scheduleSyncCallback(renderRoot.bind(null, root, expirationTime));
+    });
+    flushSyncCallbackQueue();
+  }
+}
+function prepareFreshStack(root, expirationTime) {
+  root.finishedWork = null;
+  root.finishedExpirationTime = 0;
+  var timeoutHandle = root.timeoutHandle;
+  -1 !== timeoutHandle &&
+    ((root.timeoutHandle = -1), cancelTimeout(timeoutHandle));
+  if (null !== workInProgress)
+    for (timeoutHandle = workInProgress.return; null !== timeoutHandle; ) {
+      var interruptedWork = timeoutHandle;
+      switch (interruptedWork.tag) {
+        case 1:
+          var childContextTypes = interruptedWork.type.childContextTypes;
+          null !== childContextTypes &&
+            void 0 !== childContextTypes &&
+            popContext(interruptedWork);
+          break;
+        case 3:
+          popHostContainer(interruptedWork);
+          popTopLevelContextObject(interruptedWork);
+          break;
+        case 5:
+          popHostContext(interruptedWork);
+          break;
+        case 4:
+          popHostContainer(interruptedWork);
+          break;
+        case 13:
+          pop(suspenseStackCursor, interruptedWork);
+          break;
+        case 19:
+          pop(suspenseStackCursor, interruptedWork);
+          break;
+        case 10:
+          popProvider(interruptedWork);
+      }
+      timeoutHandle = timeoutHandle.return;
+    }
+  workInProgressRoot = root;
+  workInProgress = createWorkInProgress(root.current, null, expirationTime);
+  renderExpirationTime = expirationTime;
+  workInProgressRootExitStatus = RootIncomplete;
+  workInProgressRootLatestSuspenseTimeout = workInProgressRootLatestProcessedExpirationTime = 1073741823;
+  workInProgressRootCanSuspendUsingConfig = null;
+  workInProgressRootHasPendingPing = !1;
+}
+function renderRoot(root$jscomp$0, expirationTime, isSync) {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(Error("Should not already be working."));
+  if (root$jscomp$0.firstPendingTime < expirationTime) return null;
+  if (isSync && root$jscomp$0.finishedExpirationTime === expirationTime)
+    return commitRoot.bind(null, root$jscomp$0);
+  flushPassiveEffects();
+  if (
+    root$jscomp$0 !== workInProgressRoot ||
+    expirationTime !== renderExpirationTime
+  )
+    prepareFreshStack(root$jscomp$0, expirationTime);
+  else if (workInProgressRootExitStatus === RootSuspendedWithDelay)
+    if (workInProgressRootHasPendingPing)
+      prepareFreshStack(root$jscomp$0, expirationTime);
+    else {
+      var lastPendingTime = root$jscomp$0.lastPendingTime;
+      if (lastPendingTime < expirationTime)
+        return renderRoot.bind(null, root$jscomp$0, lastPendingTime);
+    }
+  if (null !== workInProgress) {
+    lastPendingTime = executionContext;
+    executionContext |= RenderContext;
+    var prevDispatcher = ReactCurrentDispatcher.current;
+    null === prevDispatcher && (prevDispatcher = ContextOnlyDispatcher);
+    ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+    if (isSync) {
+      if (1073741823 !== expirationTime) {
+        var currentTime = requestCurrentTime();
+        if (currentTime < expirationTime)
+          return (
+            (executionContext = lastPendingTime),
+            resetContextDependencies(),
+            (ReactCurrentDispatcher.current = prevDispatcher),
+            renderRoot.bind(null, root$jscomp$0, currentTime)
+          );
+      }
+    } else currentEventTime = 0;
+    do
+      try {
+        if (isSync)
+          for (; null !== workInProgress; )
+            workInProgress = performUnitOfWork(workInProgress);
+        else
+          for (; null !== workInProgress && !Scheduler_shouldYield(); )
+            workInProgress = performUnitOfWork(workInProgress);
+        break;
+      } catch (thrownValue) {
+        resetContextDependencies();
+        resetHooks();
+        currentTime = workInProgress;
+        if (null === currentTime || null === currentTime.return)
+          throw (prepareFreshStack(root$jscomp$0, expirationTime),
+          (executionContext = lastPendingTime),
+          thrownValue);
+        a: {
+          var root = root$jscomp$0,
+            returnFiber = currentTime.return,
+            sourceFiber = currentTime,
+            value = thrownValue,
+            renderExpirationTime$jscomp$0 = renderExpirationTime;
+          sourceFiber.effectTag |= 1024;
+          sourceFiber.firstEffect = sourceFiber.lastEffect = null;
+          if (
+            null !== value &&
+            "object" === typeof value &&
+            "function" === typeof value.then
+          ) {
+            var thenable = value,
+              hasInvisibleParentBoundary =
+                0 !==
+                (suspenseStackCursor.current & InvisibleParentSuspenseContext);
+            value = returnFiber;
+            do {
+              var JSCompiler_temp;
+              if ((JSCompiler_temp = 13 === value.tag))
+                null !== value.memoizedState
+                  ? (JSCompiler_temp = !1)
+                  : ((JSCompiler_temp = value.memoizedProps),
+                    (JSCompiler_temp =
+                      void 0 === JSCompiler_temp.fallback
+                        ? !1
+                        : !0 !== JSCompiler_temp.unstable_avoidThisFallback
+                          ? !0
+                          : hasInvisibleParentBoundary
+                            ? !1
+                            : !0));
+              if (JSCompiler_temp) {
+                returnFiber = value.updateQueue;
+                null === returnFiber
+                  ? ((returnFiber = new Set()),
+                    returnFiber.add(thenable),
+                    (value.updateQueue = returnFiber))
+                  : returnFiber.add(thenable);
+                if (0 === (value.mode & 2)) {
+                  value.effectTag |= 64;
+                  sourceFiber.effectTag &= -1957;
+                  1 === sourceFiber.tag &&
+                    (null === sourceFiber.alternate
+                      ? (sourceFiber.tag = 17)
+                      : ((renderExpirationTime$jscomp$0 = createUpdate(
+                          1073741823,
+                          null
+                        )),
+                        (renderExpirationTime$jscomp$0.tag = 2),
+                        enqueueUpdate(
+                          sourceFiber,
+                          renderExpirationTime$jscomp$0
+                        )));
+                  sourceFiber.expirationTime = 1073741823;
+                  break a;
+                }
+                sourceFiber = root;
+                root = renderExpirationTime$jscomp$0;
+                hasInvisibleParentBoundary = sourceFiber.pingCache;
+                null === hasInvisibleParentBoundary
+                  ? ((hasInvisibleParentBoundary = sourceFiber.pingCache = new PossiblyWeakMap()),
+                    (returnFiber = new Set()),
+                    hasInvisibleParentBoundary.set(thenable, returnFiber))
+                  : ((returnFiber = hasInvisibleParentBoundary.get(thenable)),
+                    void 0 === returnFiber &&
+                      ((returnFiber = new Set()),
+                      hasInvisibleParentBoundary.set(thenable, returnFiber)));
+                returnFiber.has(root) ||
+                  (returnFiber.add(root),
+                  (sourceFiber = pingSuspendedRoot.bind(
+                    null,
+                    sourceFiber,
+                    thenable,
+                    root
+                  )),
+                  thenable.then(sourceFiber, sourceFiber));
+                value.effectTag |= 2048;
+                value.expirationTime = renderExpirationTime$jscomp$0;
+                break a;
+              }
+              value = value.return;
+            } while (null !== value);
+            value = Error(
+              (getComponentName(sourceFiber.type) || "A React component") +
+                " suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display." +
+                getStackByFiberInDevAndProd(sourceFiber)
+            );
+          }
+          workInProgressRootExitStatus !== RootCompleted &&
+            (workInProgressRootExitStatus = RootErrored);
+          value = createCapturedValue(value, sourceFiber);
+          sourceFiber = returnFiber;
+          do {
+            switch (sourceFiber.tag) {
+              case 3:
+                sourceFiber.effectTag |= 2048;
+                sourceFiber.expirationTime = renderExpirationTime$jscomp$0;
+                renderExpirationTime$jscomp$0 = createRootErrorUpdate(
+                  sourceFiber,
+                  value,
+                  renderExpirationTime$jscomp$0
+                );
+                enqueueCapturedUpdate(
+                  sourceFiber,
+                  renderExpirationTime$jscomp$0
+                );
+                break a;
+              case 1:
+                if (
+                  ((thenable = value),
+                  (root = sourceFiber.type),
+                  (returnFiber = sourceFiber.stateNode),
+                  0 === (sourceFiber.effectTag & 64) &&
+                    ("function" === typeof root.getDerivedStateFromError ||
+                      (null !== returnFiber &&
+                        "function" === typeof returnFiber.componentDidCatch &&
+                        (null === legacyErrorBoundariesThatAlreadyFailed ||
+                          !legacyErrorBoundariesThatAlreadyFailed.has(
+                            returnFiber
+                          )))))
+                ) {
+                  sourceFiber.effectTag |= 2048;
+                  sourceFiber.expirationTime = renderExpirationTime$jscomp$0;
+                  renderExpirationTime$jscomp$0 = createClassErrorUpdate(
+                    sourceFiber,
+                    thenable,
+                    renderExpirationTime$jscomp$0
+                  );
+                  enqueueCapturedUpdate(
+                    sourceFiber,
+                    renderExpirationTime$jscomp$0
+                  );
+                  break a;
+                }
+            }
+            sourceFiber = sourceFiber.return;
+          } while (null !== sourceFiber);
+        }
+        workInProgress = completeUnitOfWork(currentTime);
+      }
+    while (1);
+    executionContext = lastPendingTime;
+    resetContextDependencies();
+    ReactCurrentDispatcher.current = prevDispatcher;
+    if (null !== workInProgress)
+      return renderRoot.bind(null, root$jscomp$0, expirationTime);
+  }
+  root$jscomp$0.finishedWork = root$jscomp$0.current.alternate;
+  root$jscomp$0.finishedExpirationTime = expirationTime;
+  if (resolveLocksOnRoot(root$jscomp$0, expirationTime)) return null;
+  workInProgressRoot = null;
+  switch (workInProgressRootExitStatus) {
+    case RootIncomplete:
+      throw ReactError(Error("Should have a work-in-progress."));
+    case RootErrored:
+      return (
+        (lastPendingTime = root$jscomp$0.lastPendingTime),
+        lastPendingTime < expirationTime
+          ? renderRoot.bind(null, root$jscomp$0, lastPendingTime)
+          : isSync
+            ? commitRoot.bind(null, root$jscomp$0)
+            : (prepareFreshStack(root$jscomp$0, expirationTime),
+              scheduleSyncCallback(
+                renderRoot.bind(null, root$jscomp$0, expirationTime)
+              ),
+              null)
+      );
+    case RootSuspended:
+      if (
+        1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+        !isSync &&
+        ((isSync = globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
+        10 < isSync)
+      ) {
+        if (workInProgressRootHasPendingPing)
+          return (
+            prepareFreshStack(root$jscomp$0, expirationTime),
+            renderRoot.bind(null, root$jscomp$0, expirationTime)
+          );
+        lastPendingTime = root$jscomp$0.lastPendingTime;
+        if (lastPendingTime < expirationTime)
+          return renderRoot.bind(null, root$jscomp$0, lastPendingTime);
+        root$jscomp$0.timeoutHandle = scheduleTimeout(
+          commitRoot.bind(null, root$jscomp$0),
+          isSync
+        );
+        return null;
+      }
+      return commitRoot.bind(null, root$jscomp$0);
+    case RootSuspendedWithDelay:
+      if (!isSync) {
+        if (workInProgressRootHasPendingPing)
+          return (
+            prepareFreshStack(root$jscomp$0, expirationTime),
+            renderRoot.bind(null, root$jscomp$0, expirationTime)
+          );
+        isSync = root$jscomp$0.lastPendingTime;
+        if (isSync < expirationTime)
+          return renderRoot.bind(null, root$jscomp$0, isSync);
+        1073741823 !== workInProgressRootLatestSuspenseTimeout
+          ? (isSync =
+              10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
+              now())
+          : 1073741823 === workInProgressRootLatestProcessedExpirationTime
+            ? (isSync = 0)
+            : ((isSync =
+                10 *
+                  (1073741821 -
+                    workInProgressRootLatestProcessedExpirationTime) -
+                5e3),
+              (lastPendingTime = now()),
+              (expirationTime =
+                10 * (1073741821 - expirationTime) - lastPendingTime),
+              (isSync = lastPendingTime - isSync),
+              0 > isSync && (isSync = 0),
+              (isSync =
+                (120 > isSync
+                  ? 120
+                  : 480 > isSync
+                    ? 480
+                    : 1080 > isSync
+                      ? 1080
+                      : 1920 > isSync
+                        ? 1920
+                        : 3e3 > isSync
+                          ? 3e3
+                          : 4320 > isSync
+                            ? 4320
+                            : 1960 * ceil(isSync / 1960)) - isSync),
+              expirationTime < isSync && (isSync = expirationTime));
+        if (10 < isSync)
+          return (
+            (root$jscomp$0.timeoutHandle = scheduleTimeout(
+              commitRoot.bind(null, root$jscomp$0),
+              isSync
+            )),
+            null
+          );
+      }
+      return commitRoot.bind(null, root$jscomp$0);
+    case RootCompleted:
+      return !isSync &&
+        1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
+        null !== workInProgressRootCanSuspendUsingConfig &&
+        ((lastPendingTime = workInProgressRootLatestProcessedExpirationTime),
+        (prevDispatcher = workInProgressRootCanSuspendUsingConfig),
+        (expirationTime = prevDispatcher.busyMinDurationMs | 0),
+        0 >= expirationTime
+          ? (expirationTime = 0)
+          : ((isSync = prevDispatcher.busyDelayMs | 0),
+            (lastPendingTime =
+              now() -
+              (10 * (1073741821 - lastPendingTime) -
+                (prevDispatcher.timeoutMs | 0 || 5e3))),
+            (expirationTime =
+              lastPendingTime <= isSync
+                ? 0
+                : isSync + expirationTime - lastPendingTime)),
+        10 < expirationTime)
+        ? ((root$jscomp$0.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root$jscomp$0),
+            expirationTime
+          )),
+          null)
+        : commitRoot.bind(null, root$jscomp$0);
+    default:
+      throw ReactError(Error("Unknown root exit status."));
+  }
+}
+function markRenderEventTimeAndConfig(expirationTime, suspenseConfig) {
+  expirationTime < workInProgressRootLatestProcessedExpirationTime &&
+    1 < expirationTime &&
+    (workInProgressRootLatestProcessedExpirationTime = expirationTime);
+  null !== suspenseConfig &&
+    expirationTime < workInProgressRootLatestSuspenseTimeout &&
+    1 < expirationTime &&
+    ((workInProgressRootLatestSuspenseTimeout = expirationTime),
+    (workInProgressRootCanSuspendUsingConfig = suspenseConfig));
+}
+function performUnitOfWork(unitOfWork) {
+  var next = beginWork$$1(
+    unitOfWork.alternate,
+    unitOfWork,
+    renderExpirationTime
+  );
+  unitOfWork.memoizedProps = unitOfWork.pendingProps;
+  null === next && (next = completeUnitOfWork(unitOfWork));
+  ReactCurrentOwner$2.current = null;
+  return next;
+}
+function completeUnitOfWork(unitOfWork) {
+  workInProgress = unitOfWork;
+  do {
+    var current$$1 = workInProgress.alternate;
+    unitOfWork = workInProgress.return;
+    if (0 === (workInProgress.effectTag & 1024)) {
+      a: {
+        var current = current$$1;
+        current$$1 = workInProgress;
+        var renderExpirationTime$jscomp$0 = renderExpirationTime,
+          newProps = current$$1.pendingProps;
+        switch (current$$1.tag) {
+          case 2:
+            break;
+          case 16:
+            break;
+          case 15:
+          case 0:
+            break;
+          case 1:
+            isContextProvider(current$$1.type) && popContext(current$$1);
+            break;
+          case 3:
+            popHostContainer(current$$1);
+            popTopLevelContextObject(current$$1);
+            renderExpirationTime$jscomp$0 = current$$1.stateNode;
+            renderExpirationTime$jscomp$0.pendingContext &&
+              ((renderExpirationTime$jscomp$0.context =
+                renderExpirationTime$jscomp$0.pendingContext),
+              (renderExpirationTime$jscomp$0.pendingContext = null));
+            if (null === current || null === current.child)
+              current$$1.effectTag &= -3;
+            updateHostContainer(current$$1);
+            break;
+          case 5:
+            popHostContext(current$$1);
+            renderExpirationTime$jscomp$0 = requiredContext(
+              rootInstanceStackCursor.current
+            );
+            var type = current$$1.type;
+            if (null !== current && null != current$$1.stateNode)
+              updateHostComponent$1(
+                current,
+                current$$1,
+                type,
+                newProps,
+                renderExpirationTime$jscomp$0
+              ),
+                current.ref !== current$$1.ref && (current$$1.effectTag |= 128);
+            else if (newProps) {
+              requiredContext(contextStackCursor$1.current);
+              current = newProps;
+              var rootContainerInstance = renderExpirationTime$jscomp$0;
+              renderExpirationTime$jscomp$0 = current$$1;
+              newProps = nextReactTag;
+              nextReactTag += 2;
+              type = getViewConfigForType(type);
+              var updatePayload = diffProperties(
+                null,
+                emptyObject,
+                current,
+                type.validAttributes
+              );
+              rootContainerInstance = createNode(
+                newProps,
+                type.uiViewClassName,
+                rootContainerInstance,
+                updatePayload,
+                renderExpirationTime$jscomp$0
+              );
+              current = new ReactFabricHostComponent(
+                newProps,
+                type,
+                current,
+                renderExpirationTime$jscomp$0
+              );
+              current = { node: rootContainerInstance, canonical: current };
+              appendAllChildren(current, current$$1, !1, !1);
+              current$$1.stateNode = current;
+              null !== current$$1.ref && (current$$1.effectTag |= 128);
+            } else if (null === current$$1.stateNode)
+              throw ReactError(
+                Error(
+                  "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+                )
+              );
+            break;
+          case 6:
+            if (current && null != current$$1.stateNode)
+              updateHostText$1(
+                current,
+                current$$1,
+                current.memoizedProps,
+                newProps
+              );
+            else {
+              if ("string" !== typeof newProps && null === current$$1.stateNode)
+                throw ReactError(
+                  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);
+              renderExpirationTime$jscomp$0 = requiredContext(
+                contextStackCursor$1.current
+              );
+              current$$1.stateNode = createTextInstance(
+                newProps,
+                current,
+                renderExpirationTime$jscomp$0,
+                current$$1
+              );
+            }
+            break;
+          case 11:
+            break;
+          case 13:
+            pop(suspenseStackCursor, current$$1);
+            newProps = current$$1.memoizedState;
+            if (0 !== (current$$1.effectTag & 64)) {
+              current$$1.expirationTime = renderExpirationTime$jscomp$0;
+              break a;
+            }
+            renderExpirationTime$jscomp$0 = null !== newProps;
+            newProps = !1;
+            null !== current &&
+              ((type = current.memoizedState),
+              (newProps = null !== type),
+              renderExpirationTime$jscomp$0 ||
+                null === type ||
+                ((type = current.child.sibling),
+                null !== type &&
+                  ((rootContainerInstance = current$$1.firstEffect),
+                  null !== rootContainerInstance
+                    ? ((current$$1.firstEffect = type),
+                      (type.nextEffect = rootContainerInstance))
+                    : ((current$$1.firstEffect = current$$1.lastEffect = type),
+                      (type.nextEffect = null)),
+                  (type.effectTag = 8))));
+            if (
+              renderExpirationTime$jscomp$0 &&
+              !newProps &&
+              0 !== (current$$1.mode & 2)
+            )
+              if (
+                (null === current &&
+                  !0 !== current$$1.memoizedProps.unstable_avoidThisFallback) ||
+                0 !==
+                  (suspenseStackCursor.current & InvisibleParentSuspenseContext)
+              )
+                workInProgressRootExitStatus === RootIncomplete &&
+                  (workInProgressRootExitStatus = RootSuspended);
+              else if (
+                workInProgressRootExitStatus === RootIncomplete ||
+                workInProgressRootExitStatus === RootSuspended
+              )
+                workInProgressRootExitStatus = RootSuspendedWithDelay;
+            renderExpirationTime$jscomp$0 && (current$$1.effectTag |= 4);
+            break;
+          case 7:
+            break;
+          case 8:
+            break;
+          case 12:
+            break;
+          case 4:
+            popHostContainer(current$$1);
+            updateHostContainer(current$$1);
+            break;
+          case 10:
+            popProvider(current$$1);
+            break;
+          case 9:
+            break;
+          case 14:
+            break;
+          case 17:
+            isContextProvider(current$$1.type) && popContext(current$$1);
+            break;
+          case 18:
+            break;
+          case 19:
+            pop(suspenseStackCursor, current$$1);
+            newProps = current$$1.memoizedState;
+            if (null === newProps) break;
+            type = 0 !== (current$$1.effectTag & 64);
+            rootContainerInstance = newProps.rendering;
+            if (null === rootContainerInstance)
+              if (type) cutOffTailIfNeeded(newProps, !1);
+              else {
+                if (
+                  workInProgressRootExitStatus !== RootIncomplete ||
+                  (null !== current && 0 !== (current.effectTag & 64))
+                )
+                  for (current = current$$1.child; null !== current; ) {
+                    rootContainerInstance = findFirstSuspended(current);
+                    if (null !== rootContainerInstance) {
+                      current$$1.effectTag |= 64;
+                      cutOffTailIfNeeded(newProps, !1);
+                      current = rootContainerInstance.updateQueue;
+                      null !== current &&
+                        ((current$$1.updateQueue = current),
+                        (current$$1.effectTag |= 4));
+                      current$$1.firstEffect = current$$1.lastEffect = null;
+                      current = renderExpirationTime$jscomp$0;
+                      for (
+                        renderExpirationTime$jscomp$0 = current$$1.child;
+                        null !== renderExpirationTime$jscomp$0;
+
+                      )
+                        (newProps = renderExpirationTime$jscomp$0),
+                          (type = current),
+                          (newProps.effectTag &= 2),
+                          (newProps.nextEffect = null),
+                          (newProps.firstEffect = null),
+                          (newProps.lastEffect = null),
+                          (rootContainerInstance = newProps.alternate),
+                          null === rootContainerInstance
+                            ? ((newProps.childExpirationTime = 0),
+                              (newProps.expirationTime = type),
+                              (newProps.child = null),
+                              (newProps.memoizedProps = null),
+                              (newProps.memoizedState = null),
+                              (newProps.updateQueue = null),
+                              (newProps.dependencies = null))
+                            : ((newProps.childExpirationTime =
+                                rootContainerInstance.childExpirationTime),
+                              (newProps.expirationTime =
+                                rootContainerInstance.expirationTime),
+                              (newProps.child = rootContainerInstance.child),
+                              (newProps.memoizedProps =
+                                rootContainerInstance.memoizedProps),
+                              (newProps.memoizedState =
+                                rootContainerInstance.memoizedState),
+                              (newProps.updateQueue =
+                                rootContainerInstance.updateQueue),
+                              (type = rootContainerInstance.dependencies),
+                              (newProps.dependencies =
+                                null === type
+                                  ? null
+                                  : {
+                                      expirationTime: type.expirationTime,
+                                      firstContext: type.firstContext,
+                                      responders: type.responders
+                                    })),
+                          (renderExpirationTime$jscomp$0 =
+                            renderExpirationTime$jscomp$0.sibling);
+                      push(
+                        suspenseStackCursor,
+                        (suspenseStackCursor.current &
+                          SubtreeSuspenseContextMask) |
+                          ForceSuspenseFallback,
+                        current$$1
+                      );
+                      current$$1 = current$$1.child;
+                      break a;
+                    }
+                    current = current.sibling;
+                  }
+              }
+            else {
+              if (!type)
+                if (
+                  ((current = findFirstSuspended(rootContainerInstance)),
+                  null !== current)
+                ) {
+                  if (
+                    ((current$$1.effectTag |= 64),
+                    (type = !0),
+                    cutOffTailIfNeeded(newProps, !0),
+                    null === newProps.tail && "hidden" === newProps.tailMode)
+                  ) {
+                    current = current.updateQueue;
+                    null !== current &&
+                      ((current$$1.updateQueue = current),
+                      (current$$1.effectTag |= 4));
+                    current$$1 = current$$1.lastEffect = newProps.lastEffect;
+                    null !== current$$1 && (current$$1.nextEffect = null);
+                    break;
+                  }
+                } else
+                  now() > newProps.tailExpiration &&
+                    1 < renderExpirationTime$jscomp$0 &&
+                    ((current$$1.effectTag |= 64),
+                    (type = !0),
+                    cutOffTailIfNeeded(newProps, !1),
+                    (current$$1.expirationTime = current$$1.childExpirationTime =
+                      renderExpirationTime$jscomp$0 - 1));
+              newProps.isBackwards
+                ? ((rootContainerInstance.sibling = current$$1.child),
+                  (current$$1.child = rootContainerInstance))
+                : ((current = newProps.last),
+                  null !== current
+                    ? (current.sibling = rootContainerInstance)
+                    : (current$$1.child = rootContainerInstance),
+                  (newProps.last = rootContainerInstance));
+            }
+            if (null !== newProps.tail) {
+              0 === newProps.tailExpiration &&
+                (newProps.tailExpiration = now() + 500);
+              current = newProps.tail;
+              newProps.rendering = current;
+              newProps.tail = current.sibling;
+              newProps.lastEffect = current$$1.lastEffect;
+              current.sibling = null;
+              renderExpirationTime$jscomp$0 = suspenseStackCursor.current;
+              renderExpirationTime$jscomp$0 = type
+                ? (renderExpirationTime$jscomp$0 & SubtreeSuspenseContextMask) |
+                  ForceSuspenseFallback
+                : renderExpirationTime$jscomp$0 & SubtreeSuspenseContextMask;
+              push(
+                suspenseStackCursor,
+                renderExpirationTime$jscomp$0,
+                current$$1
+              );
+              current$$1 = current;
+              break a;
+            }
+            break;
+          case 20:
+            break;
+          default:
+            throw ReactError(
+              Error(
+                "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+              )
+            );
+        }
+        current$$1 = null;
+      }
+      current = workInProgress;
+      if (1 === renderExpirationTime || 1 !== current.childExpirationTime) {
+        renderExpirationTime$jscomp$0 = 0;
+        for (newProps = current.child; null !== newProps; )
+          (type = newProps.expirationTime),
+            (rootContainerInstance = newProps.childExpirationTime),
+            type > renderExpirationTime$jscomp$0 &&
+              (renderExpirationTime$jscomp$0 = type),
+            rootContainerInstance > renderExpirationTime$jscomp$0 &&
+              (renderExpirationTime$jscomp$0 = rootContainerInstance),
+            (newProps = newProps.sibling);
+        current.childExpirationTime = renderExpirationTime$jscomp$0;
+      }
+      if (null !== current$$1) return current$$1;
+      null !== unitOfWork &&
+        0 === (unitOfWork.effectTag & 1024) &&
+        (null === unitOfWork.firstEffect &&
+          (unitOfWork.firstEffect = workInProgress.firstEffect),
+        null !== workInProgress.lastEffect &&
+          (null !== unitOfWork.lastEffect &&
+            (unitOfWork.lastEffect.nextEffect = workInProgress.firstEffect),
+          (unitOfWork.lastEffect = workInProgress.lastEffect)),
+        1 < workInProgress.effectTag &&
+          (null !== unitOfWork.lastEffect
+            ? (unitOfWork.lastEffect.nextEffect = workInProgress)
+            : (unitOfWork.firstEffect = workInProgress),
+          (unitOfWork.lastEffect = workInProgress)));
+    } else {
+      current$$1 = unwindWork(workInProgress, renderExpirationTime);
+      if (null !== current$$1)
+        return (current$$1.effectTag &= 1023), current$$1;
+      null !== unitOfWork &&
+        ((unitOfWork.firstEffect = unitOfWork.lastEffect = null),
+        (unitOfWork.effectTag |= 1024));
+    }
+    current$$1 = workInProgress.sibling;
+    if (null !== current$$1) return current$$1;
+    workInProgress = unitOfWork;
+  } while (null !== workInProgress);
+  workInProgressRootExitStatus === RootIncomplete &&
+    (workInProgressRootExitStatus = RootCompleted);
+  return null;
+}
+function commitRoot(root) {
+  var renderPriorityLevel = getCurrentPriorityLevel();
+  runWithPriority$1(99, commitRootImpl.bind(null, root, renderPriorityLevel));
+  null !== rootWithPendingPassiveEffects &&
+    scheduleCallback(97, function() {
+      flushPassiveEffects();
+      return null;
+    });
+  return null;
+}
+function commitRootImpl(root, renderPriorityLevel) {
+  flushPassiveEffects();
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(Error("Should not already be working."));
+  var finishedWork = root.finishedWork,
+    expirationTime = root.finishedExpirationTime;
+  if (null === finishedWork) return null;
+  root.finishedWork = null;
+  root.finishedExpirationTime = 0;
+  if (finishedWork === root.current)
+    throw ReactError(
+      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.callbackExpirationTime = 0;
+  var updateExpirationTimeBeforeCommit = finishedWork.expirationTime,
+    childExpirationTimeBeforeCommit = finishedWork.childExpirationTime;
+  updateExpirationTimeBeforeCommit =
+    childExpirationTimeBeforeCommit > updateExpirationTimeBeforeCommit
+      ? childExpirationTimeBeforeCommit
+      : updateExpirationTimeBeforeCommit;
+  root.firstPendingTime = updateExpirationTimeBeforeCommit;
+  updateExpirationTimeBeforeCommit < root.lastPendingTime &&
+    (root.lastPendingTime = updateExpirationTimeBeforeCommit);
+  root === workInProgressRoot &&
+    ((workInProgress = workInProgressRoot = null), (renderExpirationTime = 0));
+  1 < finishedWork.effectTag
+    ? null !== finishedWork.lastEffect
+      ? ((finishedWork.lastEffect.nextEffect = finishedWork),
+        (updateExpirationTimeBeforeCommit = finishedWork.firstEffect))
+      : (updateExpirationTimeBeforeCommit = finishedWork)
+    : (updateExpirationTimeBeforeCommit = finishedWork.firstEffect);
+  if (null !== updateExpirationTimeBeforeCommit) {
+    childExpirationTimeBeforeCommit = executionContext;
+    executionContext |= CommitContext;
+    ReactCurrentOwner$2.current = null;
+    nextEffect = updateExpirationTimeBeforeCommit;
+    do
+      try {
+        for (; null !== nextEffect; ) {
+          if (0 !== (nextEffect.effectTag & 256)) {
+            var current$$1 = nextEffect.alternate,
+              finishedWork$jscomp$0 = nextEffect;
+            switch (finishedWork$jscomp$0.tag) {
+              case 0:
+              case 11:
+              case 15:
+                commitHookEffectList(
+                  UnmountSnapshot,
+                  NoEffect$1,
+                  finishedWork$jscomp$0
+                );
+                break;
+              case 1:
+                if (
+                  finishedWork$jscomp$0.effectTag & 256 &&
+                  null !== current$$1
+                ) {
+                  var prevProps = current$$1.memoizedProps,
+                    prevState = current$$1.memoizedState,
+                    instance = finishedWork$jscomp$0.stateNode,
+                    snapshot = instance.getSnapshotBeforeUpdate(
+                      finishedWork$jscomp$0.elementType ===
+                      finishedWork$jscomp$0.type
+                        ? prevProps
+                        : resolveDefaultProps(
+                            finishedWork$jscomp$0.type,
+                            prevProps
+                          ),
+                      prevState
+                    );
+                  instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+                }
+                break;
+              case 3:
+              case 5:
+              case 6:
+              case 4:
+              case 17:
+                break;
+              default:
+                throw ReactError(
+                  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."
+                  )
+                );
+            }
+          }
+          nextEffect = nextEffect.nextEffect;
+        }
+      } catch (error) {
+        if (null === nextEffect)
+          throw ReactError(Error("Should be working on an effect."));
+        captureCommitPhaseError(nextEffect, error);
+        nextEffect = nextEffect.nextEffect;
+      }
+    while (null !== nextEffect);
+    nextEffect = updateExpirationTimeBeforeCommit;
+    do
+      try {
+        for (current$$1 = renderPriorityLevel; null !== nextEffect; ) {
+          var effectTag = nextEffect.effectTag;
+          if (effectTag & 128) {
+            var current$$1$jscomp$0 = nextEffect.alternate;
+            if (null !== current$$1$jscomp$0) {
+              var currentRef = current$$1$jscomp$0.ref;
+              null !== currentRef &&
+                ("function" === typeof currentRef
+                  ? currentRef(null)
+                  : (currentRef.current = null));
+            }
+          }
+          switch (effectTag & 14) {
+            case 2:
+              nextEffect.effectTag &= -3;
+              break;
+            case 6:
+              nextEffect.effectTag &= -3;
+              commitWork(nextEffect.alternate, nextEffect);
+              break;
+            case 4:
+              commitWork(nextEffect.alternate, nextEffect);
+              break;
+            case 8:
+              prevProps = nextEffect;
+              a: for (
+                prevState = prevProps,
+                  instance = current$$1,
+                  snapshot = prevState;
+                ;
+
+              )
+                if (
+                  (commitUnmount(snapshot, instance), null !== snapshot.child)
+                )
+                  (snapshot.child.return = snapshot),
+                    (snapshot = snapshot.child);
+                else {
+                  if (snapshot === prevState) break;
+                  for (; null === snapshot.sibling; ) {
+                    if (
+                      null === snapshot.return ||
+                      snapshot.return === prevState
+                    )
+                      break a;
+                    snapshot = snapshot.return;
+                  }
+                  snapshot.sibling.return = snapshot.return;
+                  snapshot = snapshot.sibling;
+                }
+              detachFiber(prevProps);
+          }
+          nextEffect = nextEffect.nextEffect;
+        }
+      } catch (error) {
+        if (null === nextEffect)
+          throw ReactError(Error("Should be working on an effect."));
+        captureCommitPhaseError(nextEffect, error);
+        nextEffect = nextEffect.nextEffect;
+      }
+    while (null !== nextEffect);
+    root.current = finishedWork;
+    nextEffect = updateExpirationTimeBeforeCommit;
+    do
+      try {
+        for (effectTag = expirationTime; null !== nextEffect; ) {
+          var effectTag$jscomp$0 = nextEffect.effectTag;
+          if (effectTag$jscomp$0 & 36) {
+            var current$$1$jscomp$1 = nextEffect.alternate;
+            current$$1$jscomp$0 = nextEffect;
+            currentRef = effectTag;
+            switch (current$$1$jscomp$0.tag) {
+              case 0:
+              case 11:
+              case 15:
+                commitHookEffectList(
+                  UnmountLayout,
+                  MountLayout,
+                  current$$1$jscomp$0
+                );
+                break;
+              case 1:
+                var instance$jscomp$0 = current$$1$jscomp$0.stateNode;
+                if (current$$1$jscomp$0.effectTag & 4)
+                  if (null === current$$1$jscomp$1)
+                    instance$jscomp$0.componentDidMount();
+                  else {
+                    var prevProps$jscomp$0 =
+                      current$$1$jscomp$0.elementType ===
+                      current$$1$jscomp$0.type
+                        ? current$$1$jscomp$1.memoizedProps
+                        : resolveDefaultProps(
+                            current$$1$jscomp$0.type,
+                            current$$1$jscomp$1.memoizedProps
+                          );
+                    instance$jscomp$0.componentDidUpdate(
+                      prevProps$jscomp$0,
+                      current$$1$jscomp$1.memoizedState,
+                      instance$jscomp$0.__reactInternalSnapshotBeforeUpdate
+                    );
+                  }
+                var updateQueue = current$$1$jscomp$0.updateQueue;
+                null !== updateQueue &&
+                  commitUpdateQueue(
+                    current$$1$jscomp$0,
+                    updateQueue,
+                    instance$jscomp$0,
+                    currentRef
+                  );
+                break;
+              case 3:
+                var _updateQueue = current$$1$jscomp$0.updateQueue;
+                if (null !== _updateQueue) {
+                  current$$1 = null;
+                  if (null !== current$$1$jscomp$0.child)
+                    switch (current$$1$jscomp$0.child.tag) {
+                      case 5:
+                        current$$1 =
+                          current$$1$jscomp$0.child.stateNode.canonical;
+                        break;
+                      case 1:
+                        current$$1 = current$$1$jscomp$0.child.stateNode;
+                    }
+                  commitUpdateQueue(
+                    current$$1$jscomp$0,
+                    _updateQueue,
+                    current$$1,
+                    currentRef
+                  );
+                }
+                break;
+              case 5:
+                if (
+                  null === current$$1$jscomp$1 &&
+                  current$$1$jscomp$0.effectTag & 4
+                )
+                  throw ReactError(
+                    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:
+              case 19:
+              case 17:
+              case 20:
+                break;
+              default:
+                throw ReactError(
+                  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 (effectTag$jscomp$0 & 128) {
+            var ref = nextEffect.ref;
+            if (null !== ref) {
+              var instance$jscomp$1 = nextEffect.stateNode;
+              switch (nextEffect.tag) {
+                case 5:
+                  var instanceToUse = instance$jscomp$1.canonical;
+                  break;
+                default:
+                  instanceToUse = instance$jscomp$1;
+              }
+              "function" === typeof ref
+                ? ref(instanceToUse)
+                : (ref.current = instanceToUse);
+            }
+          }
+          effectTag$jscomp$0 & 512 && (rootDoesHavePassiveEffects = !0);
+          nextEffect = nextEffect.nextEffect;
+        }
+      } catch (error) {
+        if (null === nextEffect)
+          throw ReactError(Error("Should be working on an effect."));
+        captureCommitPhaseError(nextEffect, error);
+        nextEffect = nextEffect.nextEffect;
+      }
+    while (null !== nextEffect);
+    nextEffect = null;
+    requestPaint();
+    executionContext = childExpirationTimeBeforeCommit;
+  } else root.current = finishedWork;
+  if (rootDoesHavePassiveEffects)
+    (rootDoesHavePassiveEffects = !1),
+      (rootWithPendingPassiveEffects = root),
+      (pendingPassiveEffectsExpirationTime = expirationTime),
+      (pendingPassiveEffectsRenderPriority = renderPriorityLevel);
+  else
+    for (nextEffect = updateExpirationTimeBeforeCommit; null !== nextEffect; )
+      (renderPriorityLevel = nextEffect.nextEffect),
+        (nextEffect.nextEffect = null),
+        (nextEffect = renderPriorityLevel);
+  renderPriorityLevel = root.firstPendingTime;
+  0 !== renderPriorityLevel
+    ? ((effectTag$jscomp$0 = requestCurrentTime()),
+      (effectTag$jscomp$0 = inferPriorityFromExpirationTime(
+        effectTag$jscomp$0,
+        renderPriorityLevel
+      )),
+      scheduleCallbackForRoot(root, effectTag$jscomp$0, renderPriorityLevel))
+    : (legacyErrorBoundariesThatAlreadyFailed = null);
+  "function" === typeof onCommitFiberRoot &&
+    onCommitFiberRoot(finishedWork.stateNode, expirationTime);
+  1073741823 === renderPriorityLevel
+    ? root === rootWithNestedUpdates
+      ? nestedUpdateCount++
+      : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root))
+    : (nestedUpdateCount = 0);
+  if (hasUncaughtError)
+    throw ((hasUncaughtError = !1),
+    (root = firstUncaughtError),
+    (firstUncaughtError = null),
+    root);
+  if ((executionContext & LegacyUnbatchedContext) !== NoContext) return null;
+  flushSyncCallbackQueue();
+  return null;
+}
+function flushPassiveEffects() {
+  if (null === rootWithPendingPassiveEffects) return !1;
+  var root = rootWithPendingPassiveEffects,
+    expirationTime = pendingPassiveEffectsExpirationTime,
+    renderPriorityLevel = pendingPassiveEffectsRenderPriority;
+  rootWithPendingPassiveEffects = null;
+  pendingPassiveEffectsExpirationTime = 0;
+  pendingPassiveEffectsRenderPriority = 90;
+  return runWithPriority$1(
+    97 < renderPriorityLevel ? 97 : renderPriorityLevel,
+    flushPassiveEffectsImpl.bind(null, root, expirationTime)
+  );
+}
+function flushPassiveEffectsImpl(root) {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(
+      Error("Cannot flush passive effects while already rendering.")
+    );
+  var prevExecutionContext = executionContext;
+  executionContext |= CommitContext;
+  for (root = root.current.firstEffect; null !== root; ) {
+    try {
+      var finishedWork = root;
+      if (0 !== (finishedWork.effectTag & 512))
+        switch (finishedWork.tag) {
+          case 0:
+          case 11:
+          case 15:
+            commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork),
+              commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
+        }
+    } catch (error) {
+      if (null === root)
+        throw ReactError(Error("Should be working on an effect."));
+      captureCommitPhaseError(root, error);
+    }
+    finishedWork = root.nextEffect;
+    root.nextEffect = null;
+    root = finishedWork;
+  }
+  executionContext = prevExecutionContext;
+  flushSyncCallbackQueue();
+  return !0;
+}
+function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
+  sourceFiber = createCapturedValue(error, sourceFiber);
+  sourceFiber = createRootErrorUpdate(rootFiber, sourceFiber, 1073741823);
+  enqueueUpdate(rootFiber, sourceFiber);
+  rootFiber = markUpdateTimeFromFiberToRoot(rootFiber, 1073741823);
+  null !== rootFiber && scheduleCallbackForRoot(rootFiber, 99, 1073741823);
+}
+function captureCommitPhaseError(sourceFiber, error) {
+  if (3 === sourceFiber.tag)
+    captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error);
+  else
+    for (var fiber = sourceFiber.return; null !== fiber; ) {
+      if (3 === fiber.tag) {
+        captureCommitPhaseErrorOnRoot(fiber, sourceFiber, error);
+        break;
+      } else if (1 === fiber.tag) {
+        var instance = fiber.stateNode;
+        if (
+          "function" === typeof fiber.type.getDerivedStateFromError ||
+          ("function" === typeof instance.componentDidCatch &&
+            (null === legacyErrorBoundariesThatAlreadyFailed ||
+              !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
+        ) {
+          sourceFiber = createCapturedValue(error, sourceFiber);
+          sourceFiber = createClassErrorUpdate(fiber, sourceFiber, 1073741823);
+          enqueueUpdate(fiber, sourceFiber);
+          fiber = markUpdateTimeFromFiberToRoot(fiber, 1073741823);
+          null !== fiber && scheduleCallbackForRoot(fiber, 99, 1073741823);
+          break;
+        }
+      }
+      fiber = fiber.return;
+    }
+}
+function pingSuspendedRoot(root, thenable, suspendedTime) {
+  var pingCache = root.pingCache;
+  null !== pingCache && pingCache.delete(thenable);
+  workInProgressRoot === root && renderExpirationTime === suspendedTime
+    ? workInProgressRootExitStatus === RootSuspendedWithDelay ||
+      (workInProgressRootExitStatus === RootSuspended &&
+        1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+        now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
+      ? prepareFreshStack(root, renderExpirationTime)
+      : (workInProgressRootHasPendingPing = !0)
+    : root.lastPendingTime < suspendedTime ||
+      ((thenable = root.pingTime),
+      (0 !== thenable && thenable < suspendedTime) ||
+        ((root.pingTime = suspendedTime),
+        root.finishedExpirationTime === suspendedTime &&
+          ((root.finishedExpirationTime = 0), (root.finishedWork = null)),
+        (thenable = requestCurrentTime()),
+        (thenable = inferPriorityFromExpirationTime(thenable, suspendedTime)),
+        scheduleCallbackForRoot(root, thenable, suspendedTime)));
+}
+function resolveRetryThenable(boundaryFiber, thenable) {
+  var retryCache = boundaryFiber.stateNode;
+  null !== retryCache && retryCache.delete(thenable);
+  retryCache = requestCurrentTime();
+  thenable = computeExpirationForFiber(retryCache, boundaryFiber, null);
+  retryCache = inferPriorityFromExpirationTime(retryCache, thenable);
+  boundaryFiber = markUpdateTimeFromFiberToRoot(boundaryFiber, thenable);
+  null !== boundaryFiber &&
+    scheduleCallbackForRoot(boundaryFiber, retryCache, thenable);
+}
+var beginWork$$1 = void 0;
+beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
+  var updateExpirationTime = workInProgress.expirationTime;
+  if (null !== current$$1)
+    if (
+      current$$1.memoizedProps !== workInProgress.pendingProps ||
+      didPerformWorkStackCursor.current
+    )
+      didReceiveUpdate = !0;
+    else {
+      if (updateExpirationTime < renderExpirationTime) {
+        didReceiveUpdate = !1;
+        switch (workInProgress.tag) {
+          case 3:
+            pushHostRootContext(workInProgress);
+            break;
+          case 5:
+            pushHostContext(workInProgress);
+            break;
+          case 1:
+            isContextProvider(workInProgress.type) &&
+              pushContextProvider(workInProgress);
+            break;
+          case 4:
+            pushHostContainer(
+              workInProgress,
+              workInProgress.stateNode.containerInfo
+            );
+            break;
+          case 10:
+            pushProvider(workInProgress, workInProgress.memoizedProps.value);
+            break;
+          case 13:
+            if (null !== workInProgress.memoizedState) {
+              updateExpirationTime = workInProgress.child.childExpirationTime;
+              if (
+                0 !== updateExpirationTime &&
+                updateExpirationTime >= renderExpirationTime
+              )
+                return updateSuspenseComponent(
+                  current$$1,
+                  workInProgress,
+                  renderExpirationTime
+                );
+              push(
+                suspenseStackCursor,
+                suspenseStackCursor.current & SubtreeSuspenseContextMask,
+                workInProgress
+              );
+              workInProgress = bailoutOnAlreadyFinishedWork(
+                current$$1,
+                workInProgress,
+                renderExpirationTime
+              );
+              return null !== workInProgress ? workInProgress.sibling : null;
+            }
+            push(
+              suspenseStackCursor,
+              suspenseStackCursor.current & SubtreeSuspenseContextMask,
+              workInProgress
+            );
+            break;
+          case 19:
+            updateExpirationTime =
+              workInProgress.childExpirationTime >= renderExpirationTime;
+            if (0 !== (current$$1.effectTag & 64)) {
+              if (updateExpirationTime)
+                return updateSuspenseListComponent(
+                  current$$1,
+                  workInProgress,
+                  renderExpirationTime
+                );
+              workInProgress.effectTag |= 64;
+            }
+            var renderState = workInProgress.memoizedState;
+            null !== renderState &&
+              ((renderState.rendering = null), (renderState.tail = null));
+            push(
+              suspenseStackCursor,
+              suspenseStackCursor.current,
+              workInProgress
+            );
+            if (!updateExpirationTime) return null;
+        }
+        return bailoutOnAlreadyFinishedWork(
+          current$$1,
+          workInProgress,
+          renderExpirationTime
+        );
+      }
+    }
+  else didReceiveUpdate = !1;
+  workInProgress.expirationTime = 0;
+  switch (workInProgress.tag) {
+    case 2:
+      updateExpirationTime = workInProgress.type;
+      null !== current$$1 &&
+        ((current$$1.alternate = null),
+        (workInProgress.alternate = null),
+        (workInProgress.effectTag |= 2));
+      current$$1 = workInProgress.pendingProps;
+      renderState = getMaskedContext(
+        workInProgress,
+        contextStackCursor.current
+      );
+      prepareToReadContext(workInProgress, renderExpirationTime);
+      renderState = renderWithHooks(
+        null,
+        workInProgress,
+        updateExpirationTime,
+        current$$1,
+        renderState,
+        renderExpirationTime
+      );
+      workInProgress.effectTag |= 1;
+      if (
+        "object" === typeof renderState &&
+        null !== renderState &&
+        "function" === typeof renderState.render &&
+        void 0 === renderState.$$typeof
+      ) {
+        workInProgress.tag = 1;
+        resetHooks();
+        if (isContextProvider(updateExpirationTime)) {
+          var hasContext = !0;
+          pushContextProvider(workInProgress);
+        } else hasContext = !1;
+        workInProgress.memoizedState =
+          null !== renderState.state && void 0 !== renderState.state
+            ? renderState.state
+            : null;
+        var getDerivedStateFromProps =
+          updateExpirationTime.getDerivedStateFromProps;
+        "function" === typeof getDerivedStateFromProps &&
+          applyDerivedStateFromProps(
+            workInProgress,
+            updateExpirationTime,
+            getDerivedStateFromProps,
+            current$$1
+          );
+        renderState.updater = classComponentUpdater;
+        workInProgress.stateNode = renderState;
+        renderState._reactInternalFiber = workInProgress;
+        mountClassInstance(
+          workInProgress,
+          updateExpirationTime,
+          current$$1,
+          renderExpirationTime
+        );
+        workInProgress = finishClassComponent(
+          null,
+          workInProgress,
+          updateExpirationTime,
+          !0,
+          hasContext,
+          renderExpirationTime
+        );
+      } else
+        (workInProgress.tag = 0),
+          reconcileChildren(
+            null,
+            workInProgress,
+            renderState,
+            renderExpirationTime
+          ),
+          (workInProgress = workInProgress.child);
+      return workInProgress;
+    case 16:
+      renderState = workInProgress.elementType;
+      null !== current$$1 &&
+        ((current$$1.alternate = null),
+        (workInProgress.alternate = null),
+        (workInProgress.effectTag |= 2));
+      current$$1 = workInProgress.pendingProps;
+      renderState = readLazyComponentType(renderState);
+      workInProgress.type = renderState;
+      hasContext = workInProgress.tag = resolveLazyComponentTag(renderState);
+      current$$1 = resolveDefaultProps(renderState, current$$1);
+      switch (hasContext) {
+        case 0:
+          workInProgress = updateFunctionComponent(
+            null,
+            workInProgress,
+            renderState,
+            current$$1,
+            renderExpirationTime
+          );
+          break;
+        case 1:
+          workInProgress = updateClassComponent(
+            null,
+            workInProgress,
+            renderState,
+            current$$1,
+            renderExpirationTime
+          );
+          break;
+        case 11:
+          workInProgress = updateForwardRef(
+            null,
+            workInProgress,
+            renderState,
+            current$$1,
+            renderExpirationTime
+          );
+          break;
+        case 14:
+          workInProgress = updateMemoComponent(
+            null,
+            workInProgress,
+            renderState,
+            resolveDefaultProps(renderState.type, current$$1),
+            updateExpirationTime,
+            renderExpirationTime
+          );
+          break;
+        default:
+          throw ReactError(
+            Error(
+              "Element type is invalid. Received a promise that resolves to: " +
+                renderState +
+                ". Lazy element type must resolve to a class or function."
+            )
+          );
+      }
+      return workInProgress;
+    case 0:
+      return (
+        (updateExpirationTime = workInProgress.type),
+        (renderState = workInProgress.pendingProps),
+        (renderState =
+          workInProgress.elementType === updateExpirationTime
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
+        updateFunctionComponent(
+          current$$1,
+          workInProgress,
+          updateExpirationTime,
+          renderState,
+          renderExpirationTime
+        )
+      );
+    case 1:
+      return (
+        (updateExpirationTime = workInProgress.type),
+        (renderState = workInProgress.pendingProps),
+        (renderState =
+          workInProgress.elementType === updateExpirationTime
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
+        updateClassComponent(
+          current$$1,
+          workInProgress,
+          updateExpirationTime,
+          renderState,
+          renderExpirationTime
+        )
+      );
+    case 3:
+      pushHostRootContext(workInProgress);
+      updateExpirationTime = workInProgress.updateQueue;
+      if (null === updateExpirationTime)
+        throw ReactError(
+          Error(
+            "If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      renderState = workInProgress.memoizedState;
+      renderState = null !== renderState ? renderState.element : null;
+      processUpdateQueue(
+        workInProgress,
+        updateExpirationTime,
+        workInProgress.pendingProps,
+        null,
+        renderExpirationTime
+      );
+      updateExpirationTime = workInProgress.memoizedState.element;
+      updateExpirationTime === renderState
+        ? (workInProgress = bailoutOnAlreadyFinishedWork(
+            current$$1,
+            workInProgress,
+            renderExpirationTime
+          ))
+        : (reconcileChildren(
+            current$$1,
+            workInProgress,
+            updateExpirationTime,
+            renderExpirationTime
+          ),
+          (workInProgress = workInProgress.child));
+      return workInProgress;
+    case 5:
+      return (
+        pushHostContext(workInProgress),
+        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
+        (updateExpirationTime = workInProgress.pendingProps.children),
+        markRef(current$$1, workInProgress),
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          updateExpirationTime,
+          renderExpirationTime
+        ),
+        workInProgress.child
+      );
+    case 6:
+      return (
+        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
+        null
+      );
+    case 13:
+      return updateSuspenseComponent(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    case 4:
+      return (
+        pushHostContainer(
+          workInProgress,
+          workInProgress.stateNode.containerInfo
+        ),
+        (updateExpirationTime = workInProgress.pendingProps),
+        null === current$$1
+          ? (workInProgress.child = reconcileChildFibers(
+              workInProgress,
+              null,
+              updateExpirationTime,
+              renderExpirationTime
+            ))
+          : reconcileChildren(
+              current$$1,
+              workInProgress,
+              updateExpirationTime,
+              renderExpirationTime
+            ),
+        workInProgress.child
+      );
+    case 11:
+      return (
+        (updateExpirationTime = workInProgress.type),
+        (renderState = workInProgress.pendingProps),
+        (renderState =
+          workInProgress.elementType === updateExpirationTime
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
+        updateForwardRef(
+          current$$1,
+          workInProgress,
+          updateExpirationTime,
+          renderState,
+          renderExpirationTime
+        )
+      );
+    case 7:
+      return (
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          workInProgress.pendingProps,
+          renderExpirationTime
+        ),
+        workInProgress.child
+      );
+    case 8:
+      return (
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          workInProgress.pendingProps.children,
+          renderExpirationTime
+        ),
+        workInProgress.child
+      );
+    case 12:
+      return (
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          workInProgress.pendingProps.children,
+          renderExpirationTime
+        ),
+        workInProgress.child
+      );
+    case 10:
+      a: {
+        updateExpirationTime = workInProgress.type._context;
+        renderState = workInProgress.pendingProps;
+        getDerivedStateFromProps = workInProgress.memoizedProps;
+        hasContext = renderState.value;
+        pushProvider(workInProgress, hasContext);
+        if (null !== getDerivedStateFromProps) {
+          var oldValue = getDerivedStateFromProps.value;
+          hasContext = is(oldValue, hasContext)
+            ? 0
+            : ("function" === typeof updateExpirationTime._calculateChangedBits
+                ? updateExpirationTime._calculateChangedBits(
+                    oldValue,
+                    hasContext
+                  )
+                : 1073741823) | 0;
+          if (0 === hasContext) {
+            if (
+              getDerivedStateFromProps.children === renderState.children &&
+              !didPerformWorkStackCursor.current
+            ) {
+              workInProgress = bailoutOnAlreadyFinishedWork(
+                current$$1,
+                workInProgress,
+                renderExpirationTime
+              );
+              break a;
+            }
+          } else
+            for (
+              oldValue = workInProgress.child,
+                null !== oldValue && (oldValue.return = workInProgress);
+              null !== oldValue;
+
+            ) {
+              var list = oldValue.dependencies;
+              if (null !== list) {
+                getDerivedStateFromProps = oldValue.child;
+                for (
+                  var dependency = list.firstContext;
+                  null !== dependency;
+
+                ) {
+                  if (
+                    dependency.context === updateExpirationTime &&
+                    0 !== (dependency.observedBits & hasContext)
+                  ) {
+                    1 === oldValue.tag &&
+                      ((dependency = createUpdate(renderExpirationTime, null)),
+                      (dependency.tag = 2),
+                      enqueueUpdate(oldValue, dependency));
+                    oldValue.expirationTime < renderExpirationTime &&
+                      (oldValue.expirationTime = renderExpirationTime);
+                    dependency = oldValue.alternate;
+                    null !== dependency &&
+                      dependency.expirationTime < renderExpirationTime &&
+                      (dependency.expirationTime = renderExpirationTime);
+                    scheduleWorkOnParentPath(
+                      oldValue.return,
+                      renderExpirationTime
+                    );
+                    list.expirationTime < renderExpirationTime &&
+                      (list.expirationTime = renderExpirationTime);
+                    break;
+                  }
+                  dependency = dependency.next;
+                }
+              } else
+                getDerivedStateFromProps =
+                  10 === oldValue.tag
+                    ? oldValue.type === workInProgress.type
+                      ? null
+                      : oldValue.child
+                    : oldValue.child;
+              if (null !== getDerivedStateFromProps)
+                getDerivedStateFromProps.return = oldValue;
+              else
+                for (
+                  getDerivedStateFromProps = oldValue;
+                  null !== getDerivedStateFromProps;
+
+                ) {
+                  if (getDerivedStateFromProps === workInProgress) {
+                    getDerivedStateFromProps = null;
+                    break;
+                  }
+                  oldValue = getDerivedStateFromProps.sibling;
+                  if (null !== oldValue) {
+                    oldValue.return = getDerivedStateFromProps.return;
+                    getDerivedStateFromProps = oldValue;
+                    break;
+                  }
+                  getDerivedStateFromProps = getDerivedStateFromProps.return;
+                }
+              oldValue = getDerivedStateFromProps;
+            }
+        }
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          renderState.children,
+          renderExpirationTime
+        );
+        workInProgress = workInProgress.child;
+      }
+      return workInProgress;
+    case 9:
+      return (
+        (renderState = workInProgress.type),
+        (hasContext = workInProgress.pendingProps),
+        (updateExpirationTime = hasContext.children),
+        prepareToReadContext(workInProgress, renderExpirationTime),
+        (renderState = readContext(
+          renderState,
+          hasContext.unstable_observedBits
+        )),
+        (updateExpirationTime = updateExpirationTime(renderState)),
+        (workInProgress.effectTag |= 1),
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          updateExpirationTime,
+          renderExpirationTime
+        ),
+        workInProgress.child
+      );
+    case 14:
+      return (
+        (renderState = workInProgress.type),
+        (hasContext = resolveDefaultProps(
+          renderState,
+          workInProgress.pendingProps
+        )),
+        (hasContext = resolveDefaultProps(renderState.type, hasContext)),
+        updateMemoComponent(
+          current$$1,
+          workInProgress,
+          renderState,
+          hasContext,
+          updateExpirationTime,
+          renderExpirationTime
+        )
+      );
+    case 15:
+      return updateSimpleMemoComponent(
+        current$$1,
+        workInProgress,
+        workInProgress.type,
+        workInProgress.pendingProps,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    case 17:
+      return (
+        (updateExpirationTime = workInProgress.type),
+        (renderState = workInProgress.pendingProps),
+        (renderState =
+          workInProgress.elementType === updateExpirationTime
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
+        null !== current$$1 &&
+          ((current$$1.alternate = null),
+          (workInProgress.alternate = null),
+          (workInProgress.effectTag |= 2)),
+        (workInProgress.tag = 1),
+        isContextProvider(updateExpirationTime)
+          ? ((current$$1 = !0), pushContextProvider(workInProgress))
+          : (current$$1 = !1),
+        prepareToReadContext(workInProgress, renderExpirationTime),
+        constructClassInstance(
+          workInProgress,
+          updateExpirationTime,
+          renderState,
+          renderExpirationTime
+        ),
+        mountClassInstance(
+          workInProgress,
+          updateExpirationTime,
+          renderState,
+          renderExpirationTime
+        ),
+        finishClassComponent(
+          null,
+          workInProgress,
+          updateExpirationTime,
+          !0,
+          current$$1,
+          renderExpirationTime
+        )
+      );
+    case 19:
+      return updateSuspenseListComponent(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+  }
+  throw ReactError(
+    Error(
+      "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+    )
+  );
+};
+var onCommitFiberRoot = null,
+  onCommitFiberUnmount = null;
+function injectInternals(internals) {
+  if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
+  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  if (hook.isDisabled || !hook.supportsFiber) return !0;
+  try {
+    var rendererID = hook.inject(internals);
+    onCommitFiberRoot = function(root) {
+      try {
+        hook.onCommitFiberRoot(
+          rendererID,
+          root,
+          void 0,
+          64 === (root.current.effectTag & 64)
+        );
+      } catch (err) {}
+    };
+    onCommitFiberUnmount = function(fiber) {
+      try {
+        hook.onCommitFiberUnmount(rendererID, fiber);
+      } catch (err) {}
+    };
+  } catch (err) {}
+  return !0;
+}
+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.index = 0;
+  this.ref = null;
+  this.pendingProps = pendingProps;
+  this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
+  this.mode = mode;
+  this.effectTag = 0;
+  this.lastEffect = this.firstEffect = this.nextEffect = null;
+  this.childExpirationTime = this.expirationTime = 0;
+  this.alternate = null;
+}
+function createFiber(tag, pendingProps, key, mode) {
+  return new FiberNode(tag, pendingProps, key, mode);
+}
+function shouldConstruct(Component) {
+  Component = Component.prototype;
+  return !(!Component || !Component.isReactComponent);
+}
+function resolveLazyComponentTag(Component) {
+  if ("function" === typeof Component)
+    return shouldConstruct(Component) ? 1 : 0;
+  if (void 0 !== Component && null !== Component) {
+    Component = Component.$$typeof;
+    if (Component === REACT_FORWARD_REF_TYPE) return 11;
+    if (Component === REACT_MEMO_TYPE) return 14;
+  }
+  return 2;
+}
+function createWorkInProgress(current, pendingProps) {
+  var workInProgress = current.alternate;
+  null === workInProgress
+    ? ((workInProgress = createFiber(
+        current.tag,
+        pendingProps,
+        current.key,
+        current.mode
+      )),
+      (workInProgress.elementType = current.elementType),
+      (workInProgress.type = current.type),
+      (workInProgress.stateNode = current.stateNode),
+      (workInProgress.alternate = current),
+      (current.alternate = workInProgress))
+    : ((workInProgress.pendingProps = pendingProps),
+      (workInProgress.effectTag = 0),
+      (workInProgress.nextEffect = null),
+      (workInProgress.firstEffect = null),
+      (workInProgress.lastEffect = null));
+  workInProgress.childExpirationTime = current.childExpirationTime;
+  workInProgress.expirationTime = current.expirationTime;
+  workInProgress.child = current.child;
+  workInProgress.memoizedProps = current.memoizedProps;
+  workInProgress.memoizedState = current.memoizedState;
+  workInProgress.updateQueue = current.updateQueue;
+  pendingProps = current.dependencies;
+  workInProgress.dependencies =
+    null === pendingProps
+      ? null
+      : {
+          expirationTime: pendingProps.expirationTime,
+          firstContext: pendingProps.firstContext,
+          responders: pendingProps.responders
+        };
+  workInProgress.sibling = current.sibling;
+  workInProgress.index = current.index;
+  workInProgress.ref = current.ref;
+  return workInProgress;
+}
+function createFiberFromTypeAndProps(
+  type,
+  key,
+  pendingProps,
+  owner,
+  mode,
+  expirationTime
+) {
+  var fiberTag = 2;
+  owner = type;
+  if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
+  else if ("string" === typeof type) fiberTag = 5;
+  else
+    a: switch (type) {
+      case REACT_FRAGMENT_TYPE:
+        return createFiberFromFragment(
+          pendingProps.children,
+          mode,
+          expirationTime,
+          key
+        );
+      case REACT_CONCURRENT_MODE_TYPE:
+        fiberTag = 8;
+        mode |= 7;
+        break;
+      case REACT_STRICT_MODE_TYPE:
+        fiberTag = 8;
+        mode |= 1;
+        break;
+      case REACT_PROFILER_TYPE:
+        return (
+          (type = createFiber(12, pendingProps, key, mode | 8)),
+          (type.elementType = REACT_PROFILER_TYPE),
+          (type.type = REACT_PROFILER_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      case REACT_SUSPENSE_TYPE:
+        return (
+          (type = createFiber(13, pendingProps, key, mode)),
+          (type.type = REACT_SUSPENSE_TYPE),
+          (type.elementType = REACT_SUSPENSE_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      case REACT_SUSPENSE_LIST_TYPE:
+        return (
+          (type = createFiber(19, pendingProps, key, mode)),
+          (type.elementType = REACT_SUSPENSE_LIST_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      default:
+        if ("object" === typeof type && null !== type)
+          switch (type.$$typeof) {
+            case REACT_PROVIDER_TYPE:
+              fiberTag = 10;
+              break a;
+            case REACT_CONTEXT_TYPE:
+              fiberTag = 9;
+              break a;
+            case REACT_FORWARD_REF_TYPE:
+              fiberTag = 11;
+              break a;
+            case REACT_MEMO_TYPE:
+              fiberTag = 14;
+              break a;
+            case REACT_LAZY_TYPE:
+              fiberTag = 16;
+              owner = null;
+              break a;
+          }
+        throw ReactError(
+          Error(
+            "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
+              (null == type ? type : typeof type) +
+              "."
+          )
+        );
+    }
+  key = createFiber(fiberTag, pendingProps, key, mode);
+  key.elementType = type;
+  key.type = owner;
+  key.expirationTime = expirationTime;
+  return key;
+}
+function createFiberFromFragment(elements, mode, expirationTime, key) {
+  elements = createFiber(7, elements, key, mode);
+  elements.expirationTime = expirationTime;
+  return elements;
+}
+function createFiberFromText(content, mode, expirationTime) {
+  content = createFiber(6, content, null, mode);
+  content.expirationTime = expirationTime;
+  return content;
+}
+function createFiberFromPortal(portal, mode, expirationTime) {
+  mode = createFiber(
+    4,
+    null !== portal.children ? portal.children : [],
+    portal.key,
+    mode
+  );
+  mode.expirationTime = expirationTime;
+  mode.stateNode = {
+    containerInfo: portal.containerInfo,
+    pendingChildren: null,
+    implementation: portal.implementation
+  };
+  return mode;
+}
+function FiberRootNode(containerInfo, tag, hydrate) {
+  this.tag = tag;
+  this.current = null;
+  this.containerInfo = containerInfo;
+  this.pingCache = this.pendingChildren = null;
+  this.finishedExpirationTime = 0;
+  this.finishedWork = null;
+  this.timeoutHandle = -1;
+  this.pendingContext = this.context = null;
+  this.hydrate = hydrate;
+  this.callbackNode = this.firstBatch = null;
+  this.pingTime = this.lastPendingTime = this.firstPendingTime = this.callbackExpirationTime = 0;
+}
+function findHostInstance(component) {
+  var fiber = component._reactInternalFiber;
+  if (void 0 === fiber) {
+    if ("function" === typeof component.render)
+      throw ReactError(Error("Unable to find node on an unmounted component."));
+    throw ReactError(
+      Error(
+        "Argument appears to not be a ReactComponent. Keys: " +
+          Object.keys(component)
+      )
+    );
+  }
+  component = findCurrentHostFiber(fiber);
+  return null === component ? null : component.stateNode;
+}
+function updateContainer(element, container, parentComponent, callback) {
+  var current$$1 = container.current,
+    currentTime = requestCurrentTime(),
+    suspenseConfig = ReactCurrentBatchConfig.suspense;
+  current$$1 = computeExpirationForFiber(
+    currentTime,
+    current$$1,
+    suspenseConfig
+  );
+  currentTime = container.current;
+  a: if (parentComponent) {
+    parentComponent = parentComponent._reactInternalFiber;
+    b: {
+      if (
+        2 !== isFiberMountedImpl(parentComponent) ||
+        1 !== parentComponent.tag
+      )
+        throw ReactError(
+          Error(
+            "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      var parentContext = parentComponent;
+      do {
+        switch (parentContext.tag) {
+          case 3:
+            parentContext = parentContext.stateNode.context;
+            break b;
+          case 1:
+            if (isContextProvider(parentContext.type)) {
+              parentContext =
+                parentContext.stateNode
+                  .__reactInternalMemoizedMergedChildContext;
+              break b;
+            }
+        }
+        parentContext = parentContext.return;
+      } while (null !== parentContext);
+      throw ReactError(
+        Error(
+          "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    }
+    if (1 === parentComponent.tag) {
+      var Component = parentComponent.type;
+      if (isContextProvider(Component)) {
+        parentComponent = processChildContext(
+          parentComponent,
+          Component,
+          parentContext
+        );
+        break a;
+      }
+    }
+    parentComponent = parentContext;
+  } else parentComponent = emptyContextObject;
+  null === container.context
+    ? (container.context = parentComponent)
+    : (container.pendingContext = parentComponent);
+  container = callback;
+  suspenseConfig = createUpdate(current$$1, suspenseConfig);
+  suspenseConfig.payload = { element: element };
+  container = void 0 === container ? null : container;
+  null !== container && (suspenseConfig.callback = container);
+  enqueueUpdate(currentTime, suspenseConfig);
+  scheduleUpdateOnFiber(currentTime, current$$1);
+  return current$$1;
+}
+function createPortal(children, containerInfo, implementation) {
+  var key =
+    3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
+  return {
+    $$typeof: REACT_PORTAL_TYPE,
+    key: null == key ? null : "" + key,
+    children: children,
+    containerInfo: containerInfo,
+    implementation: implementation
+  };
+}
+function _inherits$1(subClass, superClass) {
+  if ("function" !== typeof superClass && null !== superClass)
+    throw new TypeError(
+      "Super expression must either be null or a function, not " +
+        typeof superClass
+    );
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      enumerable: !1,
+      writable: !0,
+      configurable: !0
+    }
+  });
+  superClass &&
+    (Object.setPrototypeOf
+      ? Object.setPrototypeOf(subClass, superClass)
+      : (subClass.__proto__ = superClass));
+}
+var getInspectorDataForViewTag = void 0;
+getInspectorDataForViewTag = function() {
+  throw ReactError(
+    Error("getInspectorDataForViewTag() is not available in production")
+  );
+};
+var fabricDispatchCommand = nativeFabricUIManager.dispatchCommand;
+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;
+  componentOrHandle = findHostInstance(componentOrHandle);
+  return null == componentOrHandle
+    ? componentOrHandle
+    : componentOrHandle.canonical
+      ? componentOrHandle.canonical._nativeTag
+      : componentOrHandle._nativeTag;
+}
+batchedUpdatesImpl = function(fn, a) {
+  var prevExecutionContext = executionContext;
+  executionContext |= 1;
+  try {
+    return fn(a);
+  } finally {
+    (executionContext = prevExecutionContext),
+      executionContext === NoContext && flushSyncCallbackQueue();
+  }
+};
+flushDiscreteUpdatesImpl = function() {
+  (executionContext & (1 | RenderContext | CommitContext)) === NoContext &&
+    (flushPendingDiscreteUpdates(), flushPassiveEffects());
+};
+var roots = new Map(),
+  ReactFabric = {
+    NativeComponent: (function(findNodeHandle, findHostInstance) {
+      return (function(_React$Component) {
+        function ReactNativeComponent() {
+          if (!(this instanceof ReactNativeComponent))
+            throw new TypeError("Cannot call a class as a function");
+          var call = _React$Component.apply(this, arguments);
+          if (!this)
+            throw new ReferenceError(
+              "this hasn't been initialised - super() hasn't been called"
+            );
+          return !call ||
+            ("object" !== typeof call && "function" !== typeof call)
+            ? this
+            : call;
+        }
+        _inherits$1(ReactNativeComponent, _React$Component);
+        ReactNativeComponent.prototype.blur = function() {
+          ReactNativePrivateInterface.TextInputState.blurTextInput(
+            findNodeHandle(this)
+          );
+        };
+        ReactNativeComponent.prototype.focus = function() {
+          ReactNativePrivateInterface.TextInputState.focusTextInput(
+            findNodeHandle(this)
+          );
+        };
+        ReactNativeComponent.prototype.measure = function(callback) {
+          var maybeInstance = void 0;
+          try {
+            maybeInstance = findHostInstance(this);
+          } catch (error) {}
+          null != maybeInstance &&
+            (maybeInstance.canonical
+              ? nativeFabricUIManager.measure(
+                  maybeInstance.node,
+                  mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                )
+              : ReactNativePrivateInterface.UIManager.measure(
+                  findNodeHandle(this),
+                  mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                ));
+        };
+        ReactNativeComponent.prototype.measureInWindow = function(callback) {
+          var maybeInstance = void 0;
+          try {
+            maybeInstance = findHostInstance(this);
+          } catch (error) {}
+          null != maybeInstance &&
+            (maybeInstance.canonical
+              ? nativeFabricUIManager.measureInWindow(
+                  maybeInstance.node,
+                  mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                )
+              : ReactNativePrivateInterface.UIManager.measureInWindow(
+                  findNodeHandle(this),
+                  mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                ));
+        };
+        ReactNativeComponent.prototype.measureLayout = function(
+          relativeToNativeNode,
+          onSuccess,
+          onFail
+        ) {
+          var maybeInstance = void 0;
+          try {
+            maybeInstance = findHostInstance(this);
+          } catch (error) {}
+          null == maybeInstance ||
+            maybeInstance.canonical ||
+            ((maybeInstance = void 0),
+            "number" === typeof relativeToNativeNode
+              ? (maybeInstance = relativeToNativeNode)
+              : relativeToNativeNode._nativeTag &&
+                (maybeInstance = relativeToNativeNode._nativeTag),
+            null != maybeInstance &&
+              ReactNativePrivateInterface.UIManager.measureLayout(
+                findNodeHandle(this),
+                maybeInstance,
+                mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
+                mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
+              ));
+        };
+        ReactNativeComponent.prototype.setNativeProps = function(nativeProps) {
+          var maybeInstance = void 0;
+          try {
+            maybeInstance = findHostInstance(this);
+          } catch (error) {}
+          if (null != maybeInstance && !maybeInstance.canonical) {
+            var nativeTag =
+              maybeInstance._nativeTag || maybeInstance.canonical._nativeTag;
+            maybeInstance =
+              maybeInstance.viewConfig || maybeInstance.canonical.viewConfig;
+            nativeProps = diffProperties(
+              null,
+              emptyObject,
+              nativeProps,
+              maybeInstance.validAttributes
+            );
+            null != nativeProps &&
+              ReactNativePrivateInterface.UIManager.updateView(
+                nativeTag,
+                maybeInstance.uiViewClassName,
+                nativeProps
+              );
+          }
+        };
+        return ReactNativeComponent;
+      })(React.Component);
+    })(findNodeHandle, findHostInstance),
+    findNodeHandle: findNodeHandle,
+    setNativeProps: function() {},
+    dispatchCommand: function(handle, command, args) {
+      null != handle._nativeTag &&
+        null != handle._internalInstanceHandle &&
+        fabricDispatchCommand(
+          handle._internalInstanceHandle.stateNode.node,
+          command,
+          args
+        );
+    },
+    render: function(element, containerTag, callback) {
+      var root = roots.get(containerTag);
+      if (!root) {
+        root = new FiberRootNode(containerTag, 0, !1);
+        var uninitializedFiber = createFiber(3, null, null, 0);
+        root.current = uninitializedFiber;
+        uninitializedFiber.stateNode = root;
+        roots.set(containerTag, root);
+      }
+      updateContainer(element, root, null, callback);
+      a: if (((element = root.current), element.child))
+        switch (element.child.tag) {
+          case 5:
+            element = element.child.stateNode.canonical;
+            break a;
+          default:
+            element = element.child.stateNode;
+        }
+      else element = null;
+      return element;
+    },
+    unmountComponentAtNode: function(containerTag) {
+      var root = roots.get(containerTag);
+      root &&
+        updateContainer(null, root, null, function() {
+          roots.delete(containerTag);
+        });
+    },
+    createPortal: function(children, containerTag) {
+      return createPortal(
+        children,
+        containerTag,
+        null,
+        2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
+      );
+    },
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
+      NativeMethodsMixin: (function(findNodeHandle, findHostInstance) {
+        return {
+          measure: function(callback) {
+            var maybeInstance = void 0;
+            try {
+              maybeInstance = findHostInstance(this);
+            } catch (error) {}
+            null != maybeInstance &&
+              (maybeInstance.canonical
+                ? nativeFabricUIManager.measure(
+                    maybeInstance.node,
+                    mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                  )
+                : ReactNativePrivateInterface.UIManager.measure(
+                    findNodeHandle(this),
+                    mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                  ));
+          },
+          measureInWindow: function(callback) {
+            var maybeInstance = void 0;
+            try {
+              maybeInstance = findHostInstance(this);
+            } catch (error) {}
+            null != maybeInstance &&
+              (maybeInstance.canonical
+                ? nativeFabricUIManager.measureInWindow(
+                    maybeInstance.node,
+                    mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                  )
+                : ReactNativePrivateInterface.UIManager.measureInWindow(
+                    findNodeHandle(this),
+                    mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                  ));
+          },
+          measureLayout: function(relativeToNativeNode, onSuccess, onFail) {
+            var maybeInstance = void 0;
+            try {
+              maybeInstance = findHostInstance(this);
+            } catch (error) {}
+            null == maybeInstance ||
+              maybeInstance.canonical ||
+              ((maybeInstance = void 0),
+              "number" === typeof relativeToNativeNode
+                ? (maybeInstance = relativeToNativeNode)
+                : relativeToNativeNode._nativeTag &&
+                  (maybeInstance = relativeToNativeNode._nativeTag),
+              null != maybeInstance &&
+                ReactNativePrivateInterface.UIManager.measureLayout(
+                  findNodeHandle(this),
+                  maybeInstance,
+                  mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
+                  mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
+                ));
+          },
+          setNativeProps: function(nativeProps) {
+            var maybeInstance = void 0;
+            try {
+              maybeInstance = findHostInstance(this);
+            } catch (error) {}
+            if (null != maybeInstance && !maybeInstance.canonical) {
+              var nativeTag =
+                maybeInstance._nativeTag || maybeInstance.canonical._nativeTag;
+              maybeInstance =
+                maybeInstance.viewConfig || maybeInstance.canonical.viewConfig;
+              nativeProps = diffProperties(
+                null,
+                emptyObject,
+                nativeProps,
+                maybeInstance.validAttributes
+              );
+              null != nativeProps &&
+                ReactNativePrivateInterface.UIManager.updateView(
+                  nativeTag,
+                  maybeInstance.uiViewClassName,
+                  nativeProps
+                );
+            }
+          },
+          focus: function() {
+            ReactNativePrivateInterface.TextInputState.focusTextInput(
+              findNodeHandle(this)
+            );
+          },
+          blur: function() {
+            ReactNativePrivateInterface.TextInputState.blurTextInput(
+              findNodeHandle(this)
+            );
+          }
+        };
+      })(findNodeHandle, findHostInstance)
+    }
+  };
+(function(devToolsConfig) {
+  var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+  return injectInternals(
+    Object.assign({}, devToolsConfig, {
+      overrideHookState: null,
+      overrideProps: null,
+      setSuspenseHandler: null,
+      scheduleUpdate: null,
+      currentDispatcherRef: ReactSharedInternals.ReactCurrentDispatcher,
+      findHostInstanceByFiber: function(fiber) {
+        fiber = findCurrentHostFiber(fiber);
+        return null === fiber ? null : fiber.stateNode;
+      },
+      findFiberByHostInstance: function(instance) {
+        return findFiberByHostInstance
+          ? findFiberByHostInstance(instance)
+          : null;
+      },
+      findHostInstancesForRefresh: null,
+      scheduleRefresh: null,
+      scheduleRoot: null,
+      setRefreshHandler: null,
+      getCurrentFiber: null
+    })
+  );
+})({
+  findFiberByHostInstance: getInstanceFromInstance,
+  getInspectorDataForViewTag: getInspectorDataForViewTag,
+  bundleType: 0,
+  version: "16.8.6",
+  rendererPackageName: "react-native-renderer"
+});
+var ReactFabric$2 = { default: ReactFabric },
+  ReactFabric$3 = (ReactFabric$2 && ReactFabric) || ReactFabric$2;
+module.exports = ReactFabric$3.default || ReactFabric$3;
diff --git a/Libraries/Renderer/oss/ReactFabric-prod.js b/Libraries/Renderer/implementations/ReactFabric-prod.js
similarity index 74%
rename from Libraries/Renderer/oss/ReactFabric-prod.js
rename to Libraries/Renderer/implementations/ReactFabric-prod.js
index afbbd4ce6b1b9f..cb27940208bf4b 100644
--- a/Libraries/Renderer/oss/ReactFabric-prod.js
+++ b/Libraries/Renderer/implementations/ReactFabric-prod.js
@@ -11,20 +11,13 @@
  */
 
 "use strict";
-require("InitializeCore");
-var ReactNativeViewConfigRegistry = require("ReactNativeViewConfigRegistry"),
-  UIManager = require("UIManager"),
+require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
+var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface"),
   React = require("react"),
-  deepDiffer = require("deepDiffer"),
-  flattenStyle = require("flattenStyle"),
-  TextInputState = require("TextInputState"),
-  FabricUIManager = require("FabricUIManager"),
   Scheduler = require("scheduler");
-var ExceptionsManager = require("ExceptionsManager");
-function ReactError(message) {
-  message = Error(message);
-  message.name = "Invariant Violation";
-  return message;
+function ReactError(error) {
+  error.name = "Invariant Violation";
+  return error;
 }
 var eventPluginOrder = null,
   namesToPlugins = {};
@@ -35,16 +28,20 @@ function recomputePluginOrdering() {
         pluginIndex = eventPluginOrder.indexOf(pluginName);
       if (!(-1 < pluginIndex))
         throw ReactError(
-          "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
-            pluginName +
-            "`."
+          Error(
+            "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+              pluginName +
+              "`."
+          )
         );
       if (!plugins[pluginIndex]) {
         if (!pluginModule.extractEvents)
           throw ReactError(
-            "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
-              pluginName +
-              "` does not."
+            Error(
+              "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
+                pluginName +
+                "` does not."
+            )
           );
         plugins[pluginIndex] = pluginModule;
         pluginIndex = pluginModule.eventTypes;
@@ -55,9 +52,11 @@ function recomputePluginOrdering() {
             eventName$jscomp$0 = eventName;
           if (eventNameDispatchConfigs.hasOwnProperty(eventName$jscomp$0))
             throw ReactError(
-              "EventPluginHub: More than one plugin attempted to publish the same event name, `" +
-                eventName$jscomp$0 +
-                "`."
+              Error(
+                "EventPluginHub: More than one plugin attempted to publish the same event name, `" +
+                  eventName$jscomp$0 +
+                  "`."
+              )
             );
           eventNameDispatchConfigs[eventName$jscomp$0] = dispatchConfig;
           var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
@@ -83,11 +82,13 @@ function recomputePluginOrdering() {
               : (JSCompiler_inline_result = !1);
           if (!JSCompiler_inline_result)
             throw ReactError(
-              "EventPluginRegistry: Failed to publish event `" +
-                eventName +
-                "` for plugin `" +
-                pluginName +
-                "`."
+              Error(
+                "EventPluginRegistry: Failed to publish event `" +
+                  eventName +
+                  "` for plugin `" +
+                  pluginName +
+                  "`."
+              )
             );
         }
       }
@@ -96,9 +97,11 @@ function recomputePluginOrdering() {
 function publishRegistrationName(registrationName, pluginModule) {
   if (registrationNameModules[registrationName])
     throw ReactError(
-      "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
-        registrationName +
-        "`."
+      Error(
+        "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
+          registrationName +
+          "`."
+      )
     );
   registrationNameModules[registrationName] = pluginModule;
 }
@@ -147,7 +150,9 @@ function invokeGuardedCallbackAndCatchFirstError(
       caughtError = null;
     } else
       throw ReactError(
-        "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     hasRethrowError || ((hasRethrowError = !0), (rethrowError = error));
   }
@@ -165,7 +170,7 @@ function executeDirectDispatch(event) {
   var dispatchListener = event._dispatchListeners,
     dispatchInstance = event._dispatchInstances;
   if (Array.isArray(dispatchListener))
-    throw ReactError("executeDirectDispatch(...): Invalid `event`.");
+    throw ReactError(Error("executeDirectDispatch(...): Invalid `event`."));
   event.currentTarget = dispatchListener
     ? getNodeFromInstance(dispatchInstance)
     : null;
@@ -178,7 +183,9 @@ function executeDirectDispatch(event) {
 function accumulateInto(current, next) {
   if (null == next)
     throw ReactError(
-      "accumulateInto(...): Accumulated items must not be null or undefined."
+      Error(
+        "accumulateInto(...): Accumulated items must not be null or undefined."
+      )
     );
   if (null == current) return next;
   if (Array.isArray(current)) {
@@ -215,7 +222,9 @@ var injection = {
   injectEventPluginOrder: function(injectedEventPluginOrder) {
     if (eventPluginOrder)
       throw ReactError(
-        "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
+        Error(
+          "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
+        )
       );
     eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
     recomputePluginOrdering();
@@ -232,9 +241,11 @@ var injection = {
         ) {
           if (namesToPlugins[pluginName])
             throw ReactError(
-              "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
-                pluginName +
-                "`."
+              Error(
+                "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+                  pluginName +
+                  "`."
+              )
             );
           namesToPlugins[pluginName] = pluginModule;
           isOrderingDirty = !0;
@@ -276,11 +287,13 @@ function getListener(inst, registrationName) {
   if (inst) return null;
   if (listener && "function" !== typeof listener)
     throw ReactError(
-      "Expected `" +
-        registrationName +
-        "` listener to be a function, instead got a value of `" +
-        typeof listener +
-        "` type."
+      Error(
+        "Expected `" +
+          registrationName +
+          "` listener to be a function, instead got a value of `" +
+          typeof listener +
+          "` type."
+      )
     );
   return listener;
 }
@@ -444,7 +457,9 @@ function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
 function releasePooledEvent(event) {
   if (!(event instanceof this))
     throw ReactError(
-      "Trying to release an event instance into a pool of a different type."
+      Error(
+        "Trying to release an event instance into a pool of a different type."
+      )
     );
   event.destructor();
   10 > this.eventPool.length && this.eventPool.push(event);
@@ -480,7 +495,8 @@ function timestampForTouch(touch) {
 }
 function getTouchIdentifier(_ref) {
   _ref = _ref.identifier;
-  if (null == _ref) throw ReactError("Touch object is missing identifier.");
+  if (null == _ref)
+    throw ReactError(Error("Touch object is missing identifier."));
   return _ref;
 }
 function recordTouchStart(touch) {
@@ -523,7 +539,7 @@ function recordTouchMove(touch) {
       (touchRecord.currentPageY = touch.pageY),
       (touchRecord.currentTimeStamp = timestampForTouch(touch)),
       (touchHistory.mostRecentTimeStamp = timestampForTouch(touch)))
-    : console.error(
+    : console.warn(
         "Cannot record touch move without a touch start.\nTouch Move: %s\n",
         "Touch Bank: %s",
         printTouch(touch),
@@ -541,7 +557,7 @@ function recordTouchEnd(touch) {
       (touchRecord.currentPageY = touch.pageY),
       (touchRecord.currentTimeStamp = timestampForTouch(touch)),
       (touchHistory.mostRecentTimeStamp = timestampForTouch(touch)))
-    : console.error(
+    : console.warn(
         "Cannot record touch end without a touch start.\nTouch End: %s\n",
         "Touch Bank: %s",
         printTouch(touch),
@@ -595,7 +611,7 @@ var ResponderTouchHistoryStore = {
 function accumulate(current, next) {
   if (null == next)
     throw ReactError(
-      "accumulate(...): Accumulated items must not be null or undefined."
+      Error("accumulate(...): Accumulated items must not be null or undefined.")
     );
   return null == current
     ? next
@@ -617,7 +633,7 @@ function changeResponder(nextResponderInst, blockHostResponder) {
       blockHostResponder
     );
 }
-var eventTypes$1 = {
+var eventTypes = {
     startShouldSetResponder: {
       phasedRegistrationNames: {
         bubbled: "onStartShouldSetResponder",
@@ -680,7 +696,7 @@ var eventTypes$1 = {
     _getResponder: function() {
       return responderInst;
     },
-    eventTypes: eventTypes$1,
+    eventTypes: eventTypes,
     extractEvents: function(
       topLevelType,
       targetInst,
@@ -709,12 +725,12 @@ var eventTypes$1 = {
           isMoveish(topLevelType))
       ) {
         var JSCompiler_temp = isStartish(topLevelType)
-          ? eventTypes$1.startShouldSetResponder
+          ? eventTypes.startShouldSetResponder
           : isMoveish(topLevelType)
-            ? eventTypes$1.moveShouldSetResponder
+            ? eventTypes.moveShouldSetResponder
             : "topSelectionChange" === topLevelType
-              ? eventTypes$1.selectionChangeShouldSetResponder
-              : eventTypes$1.scrollShouldSetResponder;
+              ? eventTypes.selectionChangeShouldSetResponder
+              : eventTypes.scrollShouldSetResponder;
         if (responderInst)
           b: {
             var JSCompiler_temp$jscomp$0 = responderInst;
@@ -800,7 +816,7 @@ var eventTypes$1 = {
         JSCompiler_temp && JSCompiler_temp !== responderInst
           ? ((JSCompiler_temp$jscomp$0 = void 0),
             (targetInst = ResponderSyntheticEvent.getPooled(
-              eventTypes$1.responderGrant,
+              eventTypes.responderGrant,
               JSCompiler_temp,
               nativeEvent,
               nativeEventTarget
@@ -810,7 +826,7 @@ var eventTypes$1 = {
             (depthA = !0 === executeDirectDispatch(targetInst)),
             responderInst
               ? ((tempA = ResponderSyntheticEvent.getPooled(
-                  eventTypes$1.responderTerminationRequest,
+                  eventTypes.responderTerminationRequest,
                   responderInst,
                   nativeEvent,
                   nativeEventTarget
@@ -822,7 +838,7 @@ var eventTypes$1 = {
                 tempA.isPersistent() || tempA.constructor.release(tempA),
                 tempB
                   ? ((tempA = ResponderSyntheticEvent.getPooled(
-                      eventTypes$1.responderTerminate,
+                      eventTypes.responderTerminate,
                       responderInst,
                       nativeEvent,
                       nativeEventTarget
@@ -836,7 +852,7 @@ var eventTypes$1 = {
                     )),
                     changeResponder(JSCompiler_temp, depthA))
                   : ((JSCompiler_temp = ResponderSyntheticEvent.getPooled(
-                      eventTypes$1.responderReject,
+                      eventTypes.responderReject,
                       JSCompiler_temp,
                       nativeEvent,
                       nativeEventTarget
@@ -866,11 +882,11 @@ var eventTypes$1 = {
         ("topTouchEnd" === topLevelType || "topTouchCancel" === topLevelType);
       if (
         (JSCompiler_temp$jscomp$0 = JSCompiler_temp$jscomp$0
-          ? eventTypes$1.responderStart
+          ? eventTypes.responderStart
           : targetInst
-            ? eventTypes$1.responderMove
+            ? eventTypes.responderMove
             : depthA
-              ? eventTypes$1.responderEnd
+              ? eventTypes.responderEnd
               : null)
       )
         (JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
@@ -924,9 +940,9 @@ var eventTypes$1 = {
         }
       if (
         (topLevelType = JSCompiler_temp$jscomp$0
-          ? eventTypes$1.responderTerminate
+          ? eventTypes.responderTerminate
           : topLevelType
-            ? eventTypes$1.responderRelease
+            ? eventTypes.responderRelease
             : null)
       )
         (nativeEvent = ResponderSyntheticEvent.getPooled(
@@ -948,8 +964,20 @@ var eventTypes$1 = {
       }
     }
   },
-  ReactNativeBridgeEventPlugin = {
-    eventTypes: ReactNativeViewConfigRegistry.eventTypes,
+  customBubblingEventTypes =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customBubblingEventTypes,
+  customDirectEventTypes =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customDirectEventTypes;
+injection.injectEventPluginOrder([
+  "ResponderEventPlugin",
+  "ReactNativeBridgeEventPlugin"
+]);
+injection.injectEventPluginsByName({
+  ResponderEventPlugin: ResponderEventPlugin,
+  ReactNativeBridgeEventPlugin: {
+    eventTypes: {},
     extractEvents: function(
       topLevelType,
       targetInst,
@@ -957,13 +985,13 @@ var eventTypes$1 = {
       nativeEventTarget
     ) {
       if (null == targetInst) return null;
-      var bubbleDispatchConfig =
-          ReactNativeViewConfigRegistry.customBubblingEventTypes[topLevelType],
-        directDispatchConfig =
-          ReactNativeViewConfigRegistry.customDirectEventTypes[topLevelType];
+      var bubbleDispatchConfig = customBubblingEventTypes[topLevelType],
+        directDispatchConfig = customDirectEventTypes[topLevelType];
       if (!bubbleDispatchConfig && !directDispatchConfig)
         throw ReactError(
-          'Unsupported top level event type "' + topLevelType + '" dispatched'
+          Error(
+            'Unsupported top level event type "' + topLevelType + '" dispatched'
+          )
         );
       topLevelType = SyntheticEvent.getPooled(
         bubbleDispatchConfig || directDispatchConfig,
@@ -978,14 +1006,7 @@ var eventTypes$1 = {
       else return null;
       return topLevelType;
     }
-  };
-injection.injectEventPluginOrder([
-  "ResponderEventPlugin",
-  "ReactNativeBridgeEventPlugin"
-]);
-injection.injectEventPluginsByName({
-  ResponderEventPlugin: ResponderEventPlugin,
-  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
+  }
 });
 function getInstanceFromInstance(instanceHandle) {
   return instanceHandle;
@@ -996,23 +1017,25 @@ getFiberCurrentPropsFromNode = function(inst) {
 getInstanceFromNode = getInstanceFromInstance;
 getNodeFromInstance = function(inst) {
   inst = inst.stateNode.canonical._nativeTag;
-  if (!inst) throw ReactError("All native instances should have a tag.");
+  if (!inst) throw ReactError(Error("All native instances should have a tag."));
   return inst;
 };
 ResponderEventPlugin.injection.injectGlobalResponderHandler({
   onChange: function(from, to, blockNativeResponder) {
     null !== to
-      ? UIManager.setJSResponder(
+      ? ReactNativePrivateInterface.UIManager.setJSResponder(
           to.stateNode.canonical._nativeTag,
           blockNativeResponder
         )
-      : UIManager.clearJSResponder();
+      : ReactNativePrivateInterface.UIManager.clearJSResponder();
   }
 });
 var ReactSharedInternals =
   React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 ReactSharedInternals.hasOwnProperty("ReactCurrentDispatcher") ||
   (ReactSharedInternals.ReactCurrentDispatcher = { current: null });
+ReactSharedInternals.hasOwnProperty("ReactCurrentBatchConfig") ||
+  (ReactSharedInternals.ReactCurrentBatchConfig = { suspense: null });
 var hasSymbol = "function" === typeof Symbol && Symbol.for,
   REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103,
   REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106,
@@ -1026,11 +1049,13 @@ var hasSymbol = "function" === typeof Symbol && Symbol.for,
     : 60111,
   REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112,
   REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113,
+  REACT_SUSPENSE_LIST_TYPE = hasSymbol
+    ? Symbol.for("react.suspense_list")
+    : 60120,
   REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115,
   REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
-hasSymbol && Symbol.for("react.event_component");
-hasSymbol && Symbol.for("react.event_target");
-hasSymbol && Symbol.for("react.event_target.touch_hit");
+hasSymbol && Symbol.for("react.fundamental");
+hasSymbol && Symbol.for("react.responder");
 var MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
 function getIteratorFn(maybeIterable) {
   if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
@@ -1044,8 +1069,6 @@ function getComponentName(type) {
   if ("function" === typeof type) return type.displayName || type.name || null;
   if ("string" === typeof type) return type;
   switch (type) {
-    case REACT_CONCURRENT_MODE_TYPE:
-      return "ConcurrentMode";
     case REACT_FRAGMENT_TYPE:
       return "Fragment";
     case REACT_PORTAL_TYPE:
@@ -1056,6 +1079,8 @@ function getComponentName(type) {
       return "StrictMode";
     case REACT_SUSPENSE_TYPE:
       return "Suspense";
+    case REACT_SUSPENSE_LIST_TYPE:
+      return "SuspenseList";
   }
   if ("object" === typeof type)
     switch (type.$$typeof) {
@@ -1090,14 +1115,14 @@ function isFiberMountedImpl(fiber) {
 }
 function assertIsMounted(fiber) {
   if (2 !== isFiberMountedImpl(fiber))
-    throw ReactError("Unable to find node on an unmounted component.");
+    throw ReactError(Error("Unable to find node on an unmounted component."));
 }
 function findCurrentFiberUsingSlowPath(fiber) {
   var alternate = fiber.alternate;
   if (!alternate) {
     alternate = isFiberMountedImpl(fiber);
     if (3 === alternate)
-      throw ReactError("Unable to find node on an unmounted component.");
+      throw ReactError(Error("Unable to find node on an unmounted component."));
     return 1 === alternate ? null : fiber;
   }
   for (var a = fiber, b = alternate; ; ) {
@@ -1118,7 +1143,7 @@ function findCurrentFiberUsingSlowPath(fiber) {
         if (parentB === b) return assertIsMounted(parentA), alternate;
         parentB = parentB.sibling;
       }
-      throw ReactError("Unable to find node on an unmounted component.");
+      throw ReactError(Error("Unable to find node on an unmounted component."));
     }
     if (a.return !== b.return) (a = parentA), (b = parentB);
     else {
@@ -1155,17 +1180,21 @@ function findCurrentFiberUsingSlowPath(fiber) {
         }
         if (!didFindChild)
           throw ReactError(
-            "Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue."
+            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 ReactError(
-        "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
+        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 ReactError("Unable to find node on an unmounted component.");
+    throw ReactError(Error("Unable to find node on an unmounted component."));
   return a.stateNode.current === a ? fiber : alternate;
 }
 function findCurrentHostFiber(parent) {
@@ -1279,14 +1308,14 @@ function diffNestedProperty(
   return Array.isArray(prevProp)
     ? diffProperties(
         updatePayload,
-        flattenStyle(prevProp),
+        ReactNativePrivateInterface.flattenStyle(prevProp),
         nextProp,
         validAttributes
       )
     : diffProperties(
         updatePayload,
         prevProp,
-        flattenStyle(nextProp),
+        ReactNativePrivateInterface.flattenStyle(nextProp),
         validAttributes
       );
 }
@@ -1354,7 +1383,7 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
         if ("object" !== typeof attributeConfig)
           ("object" !== typeof nextProp ||
             null === nextProp ||
-            deepDiffer(prevProp, nextProp)) &&
+            ReactNativePrivateInterface.deepDiffer(prevProp, nextProp)) &&
             ((updatePayload || (updatePayload = {}))[propKey] = nextProp);
         else if (
           "function" === typeof attributeConfig.diff ||
@@ -1366,7 +1395,7 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
               ? attributeConfig.diff(prevProp, nextProp)
               : "object" !== typeof nextProp ||
                 null === nextProp ||
-                deepDiffer(prevProp, nextProp))
+                ReactNativePrivateInterface.deepDiffer(prevProp, nextProp))
           )
             (attributeConfig =
               "function" === typeof attributeConfig.process
@@ -1418,23 +1447,28 @@ var restoreTarget = null,
 function restoreStateOfTarget(target) {
   if (getInstanceFromNode(target))
     throw ReactError(
-      "setRestoreImplementation() needs to be called to handle a target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+      Error(
+        "setRestoreImplementation() needs to be called to handle a target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+      )
     );
 }
-function _batchedUpdatesImpl(fn, bookkeeping) {
+function batchedUpdatesImpl(fn, bookkeeping) {
   return fn(bookkeeping);
 }
-function _flushInteractiveUpdatesImpl() {}
-var isBatching = !1;
+function flushDiscreteUpdatesImpl() {}
+var isInsideEventHandler = !1;
 function batchedUpdates(fn, bookkeeping) {
-  if (isBatching) return fn(bookkeeping);
-  isBatching = !0;
+  if (isInsideEventHandler) return fn(bookkeeping);
+  isInsideEventHandler = !0;
   try {
-    return _batchedUpdatesImpl(fn, bookkeeping);
+    return batchedUpdatesImpl(fn, bookkeeping);
   } finally {
-    if (((isBatching = !1), null !== restoreTarget || null !== restoreQueue))
+    if (
+      ((isInsideEventHandler = !1),
+      null !== restoreTarget || null !== restoreQueue)
+    )
       if (
-        (_flushInteractiveUpdatesImpl(),
+        (flushDiscreteUpdatesImpl(),
         restoreTarget &&
           ((bookkeeping = restoreTarget),
           (fn = restoreQueue),
@@ -1446,6 +1480,51 @@ function batchedUpdates(fn, bookkeeping) {
           restoreStateOfTarget(fn[bookkeeping]);
   }
 }
+function _inherits(subClass, superClass) {
+  if ("function" !== typeof superClass && null !== superClass)
+    throw new TypeError(
+      "Super expression must either be null or a function, not " +
+        typeof superClass
+    );
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      enumerable: !1,
+      writable: !0,
+      configurable: !0
+    }
+  });
+  superClass &&
+    (Object.setPrototypeOf
+      ? Object.setPrototypeOf(subClass, superClass)
+      : (subClass.__proto__ = superClass));
+}
+(function(_React$Component) {
+  function ReactNativeComponent() {
+    if (!(this instanceof ReactNativeComponent))
+      throw new TypeError("Cannot call a class as a function");
+    var call = _React$Component.apply(this, arguments);
+    if (!this)
+      throw new ReferenceError(
+        "this hasn't been initialised - super() hasn't been called"
+      );
+    return !call || ("object" !== typeof call && "function" !== typeof call)
+      ? this
+      : call;
+  }
+  _inherits(ReactNativeComponent, _React$Component);
+  ReactNativeComponent.prototype.blur = function() {};
+  ReactNativeComponent.prototype.focus = function() {};
+  ReactNativeComponent.prototype.measure = function() {};
+  ReactNativeComponent.prototype.measureInWindow = function() {};
+  ReactNativeComponent.prototype.measureLayout = function() {};
+  ReactNativeComponent.prototype.setNativeProps = function() {};
+  return ReactNativeComponent;
+})(React.Component);
+new Map();
+new Map();
+new Set();
+new Map();
 function dispatchEvent(target, topLevelType, nativeEvent) {
   batchedUpdates(function() {
     var events = nativeEvent.target;
@@ -1468,7 +1547,9 @@ function dispatchEvent(target, topLevelType, nativeEvent) {
       forEachAccumulated(events, executeDispatchesAndReleaseTopLevel);
       if (eventQueue)
         throw ReactError(
-          "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+          Error(
+            "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+          )
         );
       if (hasRethrowError)
         throw ((events = rethrowError),
@@ -1480,12 +1561,30 @@ function dispatchEvent(target, topLevelType, nativeEvent) {
 }
 function shim$1() {
   throw ReactError(
-    "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
+    Error(
+      "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
+    )
   );
 }
-var nextReactTag = 2;
-FabricUIManager.registerEventHandler &&
-  FabricUIManager.registerEventHandler(dispatchEvent);
+var _nativeFabricUIManage$1 = nativeFabricUIManager,
+  createNode = _nativeFabricUIManage$1.createNode,
+  cloneNode = _nativeFabricUIManage$1.cloneNode,
+  cloneNodeWithNewChildren = _nativeFabricUIManage$1.cloneNodeWithNewChildren,
+  cloneNodeWithNewChildrenAndProps =
+    _nativeFabricUIManage$1.cloneNodeWithNewChildrenAndProps,
+  cloneNodeWithNewProps = _nativeFabricUIManage$1.cloneNodeWithNewProps,
+  createChildNodeSet = _nativeFabricUIManage$1.createChildSet,
+  appendChildNode = _nativeFabricUIManage$1.appendChild,
+  appendChildNodeToSet = _nativeFabricUIManage$1.appendChildToSet,
+  completeRoot = _nativeFabricUIManage$1.completeRoot,
+  registerEventHandler = _nativeFabricUIManage$1.registerEventHandler,
+  fabricMeasure = _nativeFabricUIManage$1.measure,
+  fabricMeasureInWindow = _nativeFabricUIManage$1.measureInWindow,
+  fabricMeasureLayout = _nativeFabricUIManage$1.measureLayout,
+  getViewConfigForType =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get,
+  nextReactTag = 2;
+registerEventHandler && registerEventHandler(dispatchEvent);
 var ReactFabricHostComponent = (function() {
   function ReactFabricHostComponent(
     tag,
@@ -1501,19 +1600,19 @@ var ReactFabricHostComponent = (function() {
     this._internalInstanceHandle = internalInstanceHandle;
   }
   ReactFabricHostComponent.prototype.blur = function() {
-    TextInputState.blurTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
   };
   ReactFabricHostComponent.prototype.focus = function() {
-    TextInputState.focusTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.focusTextInput(this._nativeTag);
   };
   ReactFabricHostComponent.prototype.measure = function(callback) {
-    FabricUIManager.measure(
+    fabricMeasure(
       this._internalInstanceHandle.stateNode.node,
       mountSafeCallback_NOT_REALLY_SAFE(this, callback)
     );
   };
   ReactFabricHostComponent.prototype.measureInWindow = function(callback) {
-    FabricUIManager.measureInWindow(
+    fabricMeasureInWindow(
       this._internalInstanceHandle.stateNode.node,
       mountSafeCallback_NOT_REALLY_SAFE(this, callback)
     );
@@ -1525,7 +1624,7 @@ var ReactFabricHostComponent = (function() {
   ) {
     "number" !== typeof relativeToNativeNode &&
       relativeToNativeNode instanceof ReactFabricHostComponent &&
-      FabricUIManager.measureLayout(
+      fabricMeasureLayout(
         this._internalInstanceHandle.stateNode.node,
         relativeToNativeNode._internalInstanceHandle.stateNode.node,
         mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
@@ -1543,12 +1642,12 @@ function createTextInstance(
 ) {
   if (!hostContext.isInAParentText)
     throw ReactError(
-      "Text strings must be rendered within a <Text> component."
+      Error("Text strings must be rendered within a <Text> component.")
     );
   hostContext = nextReactTag;
   nextReactTag += 2;
   return {
-    node: FabricUIManager.createNode(
+    node: createNode(
       hostContext,
       "RCTRawText",
       rootContainerInstance,
@@ -1568,7 +1667,7 @@ function cloneHiddenInstance(instance) {
     instance.canonical.viewConfig.validAttributes
   );
   return {
-    node: FabricUIManager.cloneNodeWithNewProps(node, updatePayload),
+    node: cloneNodeWithNewProps(node, updatePayload),
     canonical: instance.canonical
   };
 }
@@ -1658,7 +1757,9 @@ function popTopLevelContextObject(fiber) {
 function pushTopLevelContextObject(fiber, context, didChange) {
   if (contextStackCursor.current !== emptyContextObject)
     throw ReactError(
-      "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
+      Error(
+        "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
+      )
     );
   push(contextStackCursor, context, fiber);
   push(didPerformWorkStackCursor, didChange, fiber);
@@ -1671,10 +1772,12 @@ function processChildContext(fiber, type, parentContext) {
   for (var contextKey in instance)
     if (!(contextKey in fiber))
       throw ReactError(
-        (getComponentName(type) || "Unknown") +
-          '.getChildContext(): key "' +
-          contextKey +
-          '" is not defined in childContextTypes.'
+        Error(
+          (getComponentName(type) || "Unknown") +
+            '.getChildContext(): key "' +
+            contextKey +
+            '" is not defined in childContextTypes.'
+        )
       );
   return Object.assign({}, parentContext, instance);
 }
@@ -1696,7 +1799,9 @@ function invalidateContextProvider(workInProgress, type, didChange) {
   var instance = workInProgress.stateNode;
   if (!instance)
     throw ReactError(
-      "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
+      Error(
+        "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
+      )
     );
   didChange
     ? ((type = processChildContext(workInProgress, type, previousContext)),
@@ -1707,33 +1812,11 @@ function invalidateContextProvider(workInProgress, type, didChange) {
     : pop(didPerformWorkStackCursor, workInProgress);
   push(didPerformWorkStackCursor, didChange, workInProgress);
 }
-var onCommitFiberRoot = null,
-  onCommitFiberUnmount = null;
-function catchErrors(fn) {
-  return function(arg) {
-    try {
-      return fn(arg);
-    } catch (err) {}
-  };
-}
-function injectInternals(internals) {
-  if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
-  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
-  if (hook.isDisabled || !hook.supportsFiber) return !0;
-  try {
-    var rendererID = hook.inject(internals);
-    onCommitFiberRoot = catchErrors(function(root) {
-      return hook.onCommitFiberRoot(rendererID, root);
-    });
-    onCommitFiberUnmount = catchErrors(function(fiber) {
-      return hook.onCommitFiberUnmount(rendererID, fiber);
-    });
-  } catch (err) {}
-  return !0;
-}
 var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority,
   Scheduler_scheduleCallback = Scheduler.unstable_scheduleCallback,
   Scheduler_cancelCallback = Scheduler.unstable_cancelCallback,
+  Scheduler_shouldYield = Scheduler.unstable_shouldYield,
+  Scheduler_requestPaint = Scheduler.unstable_requestPaint,
   Scheduler_now = Scheduler.unstable_now,
   Scheduler_getCurrentPriorityLevel =
     Scheduler.unstable_getCurrentPriorityLevel,
@@ -1743,10 +1826,11 @@ var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority,
   Scheduler_LowPriority = Scheduler.unstable_LowPriority,
   Scheduler_IdlePriority = Scheduler.unstable_IdlePriority,
   fakeCallbackNode = {},
-  shouldYield = Scheduler.unstable_shouldYield,
-  immediateQueue = null,
+  requestPaint =
+    void 0 !== Scheduler_requestPaint ? Scheduler_requestPaint : function() {},
+  syncQueue = null,
   immediateQueueCallbackNode = null,
-  isFlushingImmediate = !1,
+  isFlushingSyncQueue = !1,
   initialTimeMs = Scheduler_now(),
   now =
     1e4 > initialTimeMs
@@ -1767,7 +1851,7 @@ function getCurrentPriorityLevel() {
     case Scheduler_IdlePriority:
       return 95;
     default:
-      throw ReactError("Unknown priority level.");
+      throw ReactError(Error("Unknown priority level."));
   }
 }
 function reactPriorityToSchedulerPriority(reactPriorityLevel) {
@@ -1783,54 +1867,55 @@ function reactPriorityToSchedulerPriority(reactPriorityLevel) {
     case 95:
       return Scheduler_IdlePriority;
     default:
-      throw ReactError("Unknown priority level.");
+      throw ReactError(Error("Unknown priority level."));
   }
 }
-function runWithPriority(reactPriorityLevel, fn) {
+function runWithPriority$1(reactPriorityLevel, fn) {
   reactPriorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
   return Scheduler_runWithPriority(reactPriorityLevel, fn);
 }
 function scheduleCallback(reactPriorityLevel, callback, options) {
-  if (99 === reactPriorityLevel)
-    return (
-      null === immediateQueue
-        ? ((immediateQueue = [callback]),
-          (immediateQueueCallbackNode = Scheduler_scheduleCallback(
-            Scheduler_ImmediatePriority,
-            flushImmediateQueueImpl
-          )))
-        : immediateQueue.push(callback),
-      fakeCallbackNode
-    );
   reactPriorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
   return Scheduler_scheduleCallback(reactPriorityLevel, callback, options);
 }
-function flushImmediateQueue() {
+function scheduleSyncCallback(callback) {
+  null === syncQueue
+    ? ((syncQueue = [callback]),
+      (immediateQueueCallbackNode = Scheduler_scheduleCallback(
+        Scheduler_ImmediatePriority,
+        flushSyncCallbackQueueImpl
+      )))
+    : syncQueue.push(callback);
+  return fakeCallbackNode;
+}
+function flushSyncCallbackQueue() {
   null !== immediateQueueCallbackNode &&
     Scheduler_cancelCallback(immediateQueueCallbackNode);
-  flushImmediateQueueImpl();
+  flushSyncCallbackQueueImpl();
 }
-function flushImmediateQueueImpl() {
-  if (!isFlushingImmediate && null !== immediateQueue) {
-    isFlushingImmediate = !0;
+function flushSyncCallbackQueueImpl() {
+  if (!isFlushingSyncQueue && null !== syncQueue) {
+    isFlushingSyncQueue = !0;
     var i = 0;
     try {
-      for (; i < immediateQueue.length; i++) {
-        var callback = immediateQueue[i];
-        do callback = callback(!0);
-        while (null !== callback);
-      }
-      immediateQueue = null;
+      var queue = syncQueue;
+      runWithPriority$1(99, function() {
+        for (; i < queue.length; i++) {
+          var callback = queue[i];
+          do callback = callback(!0);
+          while (null !== callback);
+        }
+      });
+      syncQueue = null;
     } catch (error) {
-      throw (null !== immediateQueue &&
-        (immediateQueue = immediateQueue.slice(i + 1)),
+      throw (null !== syncQueue && (syncQueue = syncQueue.slice(i + 1)),
       Scheduler_scheduleCallback(
         Scheduler_ImmediatePriority,
-        flushImmediateQueue
+        flushSyncCallbackQueue
       ),
       error);
     } finally {
-      isFlushingImmediate = !1;
+      isFlushingSyncQueue = !1;
     }
   }
 }
@@ -1838,7 +1923,7 @@ function inferPriorityFromExpirationTime(currentTime, expirationTime) {
   if (1073741823 === expirationTime) return 99;
   if (1 === expirationTime) return 95;
   currentTime =
-    10 * (1073741822 - expirationTime) - 10 * (1073741822 - currentTime);
+    10 * (1073741821 - expirationTime) - 10 * (1073741821 - currentTime);
   return 0 >= currentTime
     ? 99
     : 250 >= currentTime
@@ -1847,186 +1932,6 @@ function inferPriorityFromExpirationTime(currentTime, expirationTime) {
         ? 97
         : 95;
 }
-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.index = 0;
-  this.ref = null;
-  this.pendingProps = pendingProps;
-  this.contextDependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
-  this.mode = mode;
-  this.effectTag = 0;
-  this.lastEffect = this.firstEffect = this.nextEffect = null;
-  this.childExpirationTime = this.expirationTime = 0;
-  this.alternate = null;
-}
-function createFiber(tag, pendingProps, key, mode) {
-  return new FiberNode(tag, pendingProps, key, mode);
-}
-function shouldConstruct(Component) {
-  Component = Component.prototype;
-  return !(!Component || !Component.isReactComponent);
-}
-function resolveLazyComponentTag(Component) {
-  if ("function" === typeof Component)
-    return shouldConstruct(Component) ? 1 : 0;
-  if (void 0 !== Component && null !== Component) {
-    Component = Component.$$typeof;
-    if (Component === REACT_FORWARD_REF_TYPE) return 11;
-    if (Component === REACT_MEMO_TYPE) return 14;
-  }
-  return 2;
-}
-function createWorkInProgress(current, pendingProps) {
-  var workInProgress = current.alternate;
-  null === workInProgress
-    ? ((workInProgress = createFiber(
-        current.tag,
-        pendingProps,
-        current.key,
-        current.mode
-      )),
-      (workInProgress.elementType = current.elementType),
-      (workInProgress.type = current.type),
-      (workInProgress.stateNode = current.stateNode),
-      (workInProgress.alternate = current),
-      (current.alternate = workInProgress))
-    : ((workInProgress.pendingProps = pendingProps),
-      (workInProgress.effectTag = 0),
-      (workInProgress.nextEffect = null),
-      (workInProgress.firstEffect = null),
-      (workInProgress.lastEffect = null));
-  workInProgress.childExpirationTime = current.childExpirationTime;
-  workInProgress.expirationTime = current.expirationTime;
-  workInProgress.child = current.child;
-  workInProgress.memoizedProps = current.memoizedProps;
-  workInProgress.memoizedState = current.memoizedState;
-  workInProgress.updateQueue = current.updateQueue;
-  workInProgress.contextDependencies = current.contextDependencies;
-  workInProgress.sibling = current.sibling;
-  workInProgress.index = current.index;
-  workInProgress.ref = current.ref;
-  return workInProgress;
-}
-function createFiberFromTypeAndProps(
-  type,
-  key,
-  pendingProps,
-  owner,
-  mode,
-  expirationTime
-) {
-  var fiberTag = 2;
-  owner = type;
-  if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
-  else if ("string" === typeof type) fiberTag = 5;
-  else
-    a: switch (type) {
-      case REACT_FRAGMENT_TYPE:
-        return createFiberFromFragment(
-          pendingProps.children,
-          mode,
-          expirationTime,
-          key
-        );
-      case REACT_CONCURRENT_MODE_TYPE:
-        return createFiberFromMode(pendingProps, mode | 3, expirationTime, key);
-      case REACT_STRICT_MODE_TYPE:
-        return createFiberFromMode(pendingProps, mode | 2, expirationTime, key);
-      case REACT_PROFILER_TYPE:
-        return (
-          (type = createFiber(12, pendingProps, key, mode | 4)),
-          (type.elementType = REACT_PROFILER_TYPE),
-          (type.type = REACT_PROFILER_TYPE),
-          (type.expirationTime = expirationTime),
-          type
-        );
-      case REACT_SUSPENSE_TYPE:
-        return (
-          (type = createFiber(13, pendingProps, key, mode)),
-          (type.elementType = REACT_SUSPENSE_TYPE),
-          (type.type = REACT_SUSPENSE_TYPE),
-          (type.expirationTime = expirationTime),
-          type
-        );
-      default:
-        if ("object" === typeof type && null !== type)
-          switch (type.$$typeof) {
-            case REACT_PROVIDER_TYPE:
-              fiberTag = 10;
-              break a;
-            case REACT_CONTEXT_TYPE:
-              fiberTag = 9;
-              break a;
-            case REACT_FORWARD_REF_TYPE:
-              fiberTag = 11;
-              break a;
-            case REACT_MEMO_TYPE:
-              fiberTag = 14;
-              break a;
-            case REACT_LAZY_TYPE:
-              fiberTag = 16;
-              owner = null;
-              break a;
-          }
-        throw ReactError(
-          "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
-            (null == type ? type : typeof type) +
-            "."
-        );
-    }
-  key = createFiber(fiberTag, pendingProps, key, mode);
-  key.elementType = type;
-  key.type = owner;
-  key.expirationTime = expirationTime;
-  return key;
-}
-function createFiberFromFragment(elements, mode, expirationTime, key) {
-  elements = createFiber(7, elements, key, mode);
-  elements.expirationTime = expirationTime;
-  return elements;
-}
-function createFiberFromMode(pendingProps, mode, expirationTime, key) {
-  pendingProps = createFiber(8, pendingProps, key, mode);
-  mode = 0 === (mode & 1) ? REACT_STRICT_MODE_TYPE : REACT_CONCURRENT_MODE_TYPE;
-  pendingProps.elementType = mode;
-  pendingProps.type = mode;
-  pendingProps.expirationTime = expirationTime;
-  return pendingProps;
-}
-function createFiberFromText(content, mode, expirationTime) {
-  content = createFiber(6, content, null, mode);
-  content.expirationTime = expirationTime;
-  return content;
-}
-function createFiberFromPortal(portal, mode, expirationTime) {
-  mode = createFiber(
-    4,
-    null !== portal.children ? portal.children : [],
-    portal.key,
-    mode
-  );
-  mode.expirationTime = expirationTime;
-  mode.stateNode = {
-    containerInfo: portal.containerInfo,
-    pendingChildren: null,
-    implementation: portal.implementation
-  };
-  return mode;
-}
-function FiberRootNode(containerInfo, hydrate) {
-  this.current = null;
-  this.containerInfo = containerInfo;
-  this.pingCache = this.pendingChildren = null;
-  this.pendingCommitExpirationTime = 0;
-  this.finishedWork = null;
-  this.timeoutHandle = -1;
-  this.pendingContext = this.context = null;
-  this.hydrate = hydrate;
-  this.callbackNode = this.firstBatch = null;
-  this.pingTime = this.lastPendingTime = this.firstPendingTime = this.callbackExpirationTime = 0;
-}
 function is(x, y) {
   return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
 }
@@ -2100,7 +2005,7 @@ var valueCursor = { current: null },
   currentlyRenderingFiber = null,
   lastContextDependency = null,
   lastContextWithAllBitsObserved = null;
-function resetContextDependences() {
+function resetContextDependencies() {
   lastContextWithAllBitsObserved = lastContextDependency = currentlyRenderingFiber = null;
 }
 function pushProvider(providerFiber, nextValue) {
@@ -2113,14 +2018,32 @@ function popProvider(providerFiber) {
   pop(valueCursor, providerFiber);
   providerFiber.type._context._currentValue2 = currentValue;
 }
+function scheduleWorkOnParentPath(parent, renderExpirationTime) {
+  for (; null !== parent; ) {
+    var alternate = parent.alternate;
+    if (parent.childExpirationTime < renderExpirationTime)
+      (parent.childExpirationTime = renderExpirationTime),
+        null !== alternate &&
+          alternate.childExpirationTime < renderExpirationTime &&
+          (alternate.childExpirationTime = renderExpirationTime);
+    else if (
+      null !== alternate &&
+      alternate.childExpirationTime < renderExpirationTime
+    )
+      alternate.childExpirationTime = renderExpirationTime;
+    else break;
+    parent = parent.return;
+  }
+}
 function prepareToReadContext(workInProgress, renderExpirationTime) {
   currentlyRenderingFiber = workInProgress;
   lastContextWithAllBitsObserved = lastContextDependency = null;
-  var currentDependencies = workInProgress.contextDependencies;
-  null !== currentDependencies &&
-    currentDependencies.expirationTime >= renderExpirationTime &&
-    (didReceiveUpdate = !0);
-  workInProgress.contextDependencies = null;
+  workInProgress = workInProgress.dependencies;
+  null !== workInProgress &&
+    null !== workInProgress.firstContext &&
+    (workInProgress.expirationTime >= renderExpirationTime &&
+      (didReceiveUpdate = !0),
+    (workInProgress.firstContext = null));
 }
 function readContext(context, observedBits) {
   if (
@@ -2134,12 +2057,15 @@ function readContext(context, observedBits) {
     if (null === lastContextDependency) {
       if (null === currentlyRenderingFiber)
         throw ReactError(
-          "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()."
+          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 = observedBits;
-      currentlyRenderingFiber.contextDependencies = {
-        first: observedBits,
-        expirationTime: 0
+      currentlyRenderingFiber.dependencies = {
+        expirationTime: 0,
+        firstContext: observedBits,
+        responders: null
       };
     } else lastContextDependency = lastContextDependency.next = observedBits;
   }
@@ -2172,9 +2098,10 @@ function cloneUpdateQueue(currentQueue) {
     lastCapturedEffect: null
   };
 }
-function createUpdate(expirationTime) {
+function createUpdate(expirationTime, suspenseConfig) {
   return {
     expirationTime: expirationTime,
+    suspenseConfig: suspenseConfig,
     tag: 0,
     payload: null,
     callback: null,
@@ -2290,8 +2217,10 @@ function processUpdateQueue(
           ((newFirstUpdate = update), (newBaseState = resultState)),
         newExpirationTime < updateExpirationTime &&
           (newExpirationTime = updateExpirationTime))
-      : (updateExpirationTime < workInProgressRootMostRecentEventTime &&
-          (workInProgressRootMostRecentEventTime = updateExpirationTime),
+      : (markRenderEventTimeAndConfig(
+          updateExpirationTime,
+          update.suspenseConfig
+        ),
         (resultState = getStateFromUpdate(
           workInProgress,
           queue,
@@ -2367,15 +2296,18 @@ function commitUpdateEffects(effect, instance) {
       var context = instance;
       if ("function" !== typeof _callback3)
         throw ReactError(
-          "Invalid argument passed as callback. Expected a function. Instead received: " +
-            _callback3
+          Error(
+            "Invalid argument passed as callback. Expected a function. Instead received: " +
+              _callback3
+          )
         );
       _callback3.call(context);
     }
     effect = effect.nextEffect;
   }
 }
-var emptyRefsObject = new React.Component().refs;
+var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+  emptyRefsObject = new React.Component().refs;
 function applyDerivedStateFromProps(
   workInProgress,
   ctor,
@@ -2402,36 +2334,42 @@ var classComponentUpdater = {
   },
   enqueueSetState: function(inst, payload, callback) {
     inst = inst._reactInternalFiber;
-    var currentTime = requestCurrentTime();
-    currentTime = computeExpirationForFiber(currentTime, inst);
-    var update = createUpdate(currentTime);
-    update.payload = payload;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
-    enqueueUpdate(inst, update);
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.payload = payload;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
     scheduleUpdateOnFiber(inst, currentTime);
   },
   enqueueReplaceState: function(inst, payload, callback) {
     inst = inst._reactInternalFiber;
-    var currentTime = requestCurrentTime();
-    currentTime = computeExpirationForFiber(currentTime, inst);
-    var update = createUpdate(currentTime);
-    update.tag = 1;
-    update.payload = payload;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
-    enqueueUpdate(inst, update);
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.tag = 1;
+    suspenseConfig.payload = payload;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
     scheduleUpdateOnFiber(inst, currentTime);
   },
   enqueueForceUpdate: function(inst, callback) {
     inst = inst._reactInternalFiber;
-    var currentTime = requestCurrentTime();
-    currentTime = computeExpirationForFiber(currentTime, inst);
-    var update = createUpdate(currentTime);
-    update.tag = 2;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
-    enqueueUpdate(inst, update);
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.tag = 2;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
     scheduleUpdateOnFiber(inst, currentTime);
   }
 };
@@ -2560,15 +2498,19 @@ function coerceRef(returnFiber, current$$1, element) {
       if (element) {
         if (1 !== element.tag)
           throw ReactError(
-            "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            Error(
+              "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            )
           );
         inst = element.stateNode;
       }
       if (!inst)
         throw ReactError(
-          "Missing owner for string ref " +
-            returnFiber +
-            ". This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "Missing owner for string ref " +
+              returnFiber +
+              ". This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       var stringRef = "" + returnFiber;
       if (
@@ -2588,13 +2530,17 @@ function coerceRef(returnFiber, current$$1, element) {
     }
     if ("string" !== typeof returnFiber)
       throw ReactError(
-        "Expected ref to be a function, a string, an object returned by React.createRef(), or null."
+        Error(
+          "Expected ref to be a function, a string, an object returned by React.createRef(), or null."
+        )
       );
     if (!element._owner)
       throw ReactError(
-        "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://fb.me/react-refs-must-have-owner for more information."
+        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://fb.me/react-refs-must-have-owner for more information."
+        )
       );
   }
   return returnFiber;
@@ -2602,11 +2548,13 @@ function coerceRef(returnFiber, current$$1, element) {
 function throwOnInvalidObjectType(returnFiber, newChild) {
   if ("textarea" !== returnFiber.type)
     throw ReactError(
-      "Objects are not valid as a React child (found: " +
-        ("[object Object]" === Object.prototype.toString.call(newChild)
-          ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
-          : newChild) +
-        ")."
+      Error(
+        "Objects are not valid as a React child (found: " +
+          ("[object Object]" === Object.prototype.toString.call(newChild)
+            ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
+            : newChild) +
+          ")."
+      )
     );
 }
 function ChildReconciler(shouldTrackSideEffects) {
@@ -3009,11 +2957,13 @@ function ChildReconciler(shouldTrackSideEffects) {
     var iteratorFn = getIteratorFn(newChildrenIterable);
     if ("function" !== typeof iteratorFn)
       throw ReactError(
-        "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     newChildrenIterable = iteratorFn.call(newChildrenIterable);
     if (null == newChildrenIterable)
-      throw ReactError("An iterable object provided no iterator.");
+      throw ReactError(Error("An iterable object provided no iterator."));
     for (
       var previousNewFiber = (iteratorFn = null),
         oldFiber = currentFirstChild,
@@ -3248,8 +3198,10 @@ function ChildReconciler(shouldTrackSideEffects) {
         case 0:
           throw ((returnFiber = returnFiber.type),
           ReactError(
-            (returnFiber.displayName || returnFiber.name || "Component") +
-              "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null."
+            Error(
+              (returnFiber.displayName || returnFiber.name || "Component") +
+                "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null."
+            )
           ));
       }
     return deleteRemainingChildren(returnFiber, currentFirstChild);
@@ -3264,7 +3216,9 @@ var reconcileChildFibers = ChildReconciler(!0),
 function requiredContext(c) {
   if (c === NO_CONTEXT)
     throw ReactError(
-      "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+      Error(
+        "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+      )
     );
   return c;
 }
@@ -3302,6 +3256,34 @@ function popHostContext(fiber) {
   contextFiberStackCursor.current === fiber &&
     (pop(contextStackCursor$1, fiber), pop(contextFiberStackCursor, fiber));
 }
+var SubtreeSuspenseContextMask = 1,
+  InvisibleParentSuspenseContext = 1,
+  ForceSuspenseFallback = 2,
+  suspenseStackCursor = { current: 0 };
+function findFirstSuspended(row) {
+  for (var node = row; null !== node; ) {
+    if (13 === node.tag) {
+      if (null !== node.memoizedState) return node;
+    } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) {
+      if (0 !== (node.effectTag & 64)) return node;
+    } else if (null !== node.child) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === row) break;
+    for (; null === node.sibling; ) {
+      if (null === node.return || node.return === row) return null;
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+  return null;
+}
+function createResponderListener(responder, props) {
+  return { responder: responder, props: props };
+}
 var NoEffect$1 = 0,
   UnmountSnapshot = 2,
   UnmountMutation = 4,
@@ -3326,7 +3308,9 @@ var NoEffect$1 = 0,
   numberOfReRenders = 0;
 function throwInvalidHookError() {
   throw ReactError(
-    "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://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
+    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://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
+    )
   );
 }
 function areHookInputsEqual(nextDeps, prevDeps) {
@@ -3376,7 +3360,9 @@ function renderWithHooks(
   sideEffectTag = 0;
   if (current)
     throw ReactError(
-      "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
+      Error(
+        "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
+      )
     );
   return workInProgress;
 }
@@ -3412,7 +3398,9 @@ function updateWorkInProgressHook() {
       (nextCurrentHook = null !== currentHook ? currentHook.next : null);
   else {
     if (null === nextCurrentHook)
-      throw ReactError("Rendered more hooks than during the previous render.");
+      throw ReactError(
+        Error("Rendered more hooks than during the previous render.")
+      );
     currentHook = nextCurrentHook;
     var newHook = {
       memoizedState: currentHook.memoizedState,
@@ -3437,7 +3425,9 @@ function updateReducer(reducer) {
     queue = hook.queue;
   if (null === queue)
     throw ReactError(
-      "Should have a queue. This is likely a bug in React. Please file an issue."
+      Error(
+        "Should have a queue. This is likely a bug in React. Please file an issue."
+      )
     );
   queue.lastRenderedReducer = reducer;
   if (0 < numberOfReRenders) {
@@ -3480,8 +3470,10 @@ function updateReducer(reducer) {
             (firstRenderPhaseUpdate = newState)),
           updateExpirationTime > remainingExpirationTime &&
             (remainingExpirationTime = updateExpirationTime))
-        : (updateExpirationTime < workInProgressRootMostRecentEventTime &&
-            (workInProgressRootMostRecentEventTime = updateExpirationTime),
+        : (markRenderEventTimeAndConfig(
+            updateExpirationTime,
+            _update.suspenseConfig
+          ),
           (newState =
             _update.eagerReducer === reducer
               ? _update.eagerState
@@ -3560,7 +3552,9 @@ function mountDebugValue() {}
 function dispatchAction(fiber, queue, action) {
   if (!(25 > numberOfReRenders))
     throw ReactError(
-      "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+      Error(
+        "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+      )
     );
   var alternate = fiber.alternate;
   if (
@@ -3571,6 +3565,7 @@ function dispatchAction(fiber, queue, action) {
       ((didScheduleRenderPhaseUpdate = !0),
       (fiber = {
         expirationTime: renderExpirationTime$1,
+        suspenseConfig: null,
         action: action,
         eagerReducer: null,
         eagerState: null,
@@ -3586,24 +3581,29 @@ function dispatchAction(fiber, queue, action) {
       queue.next = fiber;
     }
   else {
-    flushPassiveEffects();
-    var currentTime = requestCurrentTime();
-    currentTime = computeExpirationForFiber(currentTime, fiber);
-    var _update2 = {
-        expirationTime: currentTime,
-        action: action,
-        eagerReducer: null,
-        eagerState: null,
-        next: null
-      },
-      _last = queue.last;
-    if (null === _last) _update2.next = _update2;
+    var currentTime = requestCurrentTime(),
+      _suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      _suspenseConfig
+    );
+    _suspenseConfig = {
+      expirationTime: currentTime,
+      suspenseConfig: _suspenseConfig,
+      action: action,
+      eagerReducer: null,
+      eagerState: null,
+      next: null
+    };
+    var _last = queue.last;
+    if (null === _last) _suspenseConfig.next = _suspenseConfig;
     else {
       var first = _last.next;
-      null !== first && (_update2.next = first);
-      _last.next = _update2;
+      null !== first && (_suspenseConfig.next = first);
+      _last.next = _suspenseConfig;
     }
-    queue.last = _update2;
+    queue.last = _suspenseConfig;
     if (
       0 === fiber.expirationTime &&
       (null === alternate || 0 === alternate.expirationTime) &&
@@ -3612,8 +3612,8 @@ function dispatchAction(fiber, queue, action) {
       try {
         var currentState = queue.lastRenderedState,
           _eagerState = alternate(currentState, action);
-        _update2.eagerReducer = alternate;
-        _update2.eagerState = _eagerState;
+        _suspenseConfig.eagerReducer = alternate;
+        _suspenseConfig.eagerState = _eagerState;
         if (is(_eagerState, currentState)) return;
       } catch (error) {
       } finally {
@@ -3632,7 +3632,8 @@ var ContextOnlyDispatcher = {
     useReducer: throwInvalidHookError,
     useRef: throwInvalidHookError,
     useState: throwInvalidHookError,
-    useDebugValue: throwInvalidHookError
+    useDebugValue: throwInvalidHookError,
+    useResponder: throwInvalidHookError
   },
   HooksDispatcherOnMount = {
     readContext: readContext,
@@ -3705,7 +3706,8 @@ var ContextOnlyDispatcher = {
       );
       return [hook.memoizedState, initialState];
     },
-    useDebugValue: mountDebugValue
+    useDebugValue: mountDebugValue,
+    useResponder: createResponderListener
   },
   HooksDispatcherOnUpdate = {
     readContext: readContext,
@@ -3759,7 +3761,8 @@ var ContextOnlyDispatcher = {
     useState: function(initialState) {
       return updateReducer(basicStateReducer, initialState);
     },
-    useDebugValue: mountDebugValue
+    useDebugValue: mountDebugValue,
+    useResponder: createResponderListener
   },
   hydrationParentFiber = null,
   nextHydratableInstance = null,
@@ -3978,17 +3981,17 @@ function updateFunctionComponent(
   nextProps,
   renderExpirationTime
 ) {
-  var unmaskedContext = isContextProvider(Component)
+  var context = isContextProvider(Component)
     ? previousContext
     : contextStackCursor.current;
-  unmaskedContext = getMaskedContext(workInProgress, unmaskedContext);
+  context = getMaskedContext(workInProgress, context);
   prepareToReadContext(workInProgress, renderExpirationTime);
   Component = renderWithHooks(
     current$$1,
     workInProgress,
     Component,
     nextProps,
-    unmaskedContext,
+    context,
     renderExpirationTime
   );
   if (null !== current$$1 && !didReceiveUpdate)
@@ -4300,6 +4303,7 @@ function pushHostRootContext(workInProgress) {
       pushTopLevelContextObject(workInProgress, root.context, !1);
   pushHostContainer(workInProgress, root.containerInfo);
 }
+var SUSPENDED_MARKER = {};
 function updateSuspenseComponent(
   current$$1,
   workInProgress,
@@ -4307,100 +4311,271 @@ function updateSuspenseComponent(
 ) {
   var mode = workInProgress.mode,
     nextProps = workInProgress.pendingProps,
-    nextState = workInProgress.memoizedState;
-  if (0 === (workInProgress.effectTag & 64)) {
-    nextState = null;
-    var nextDidTimeout = !1;
-  } else
-    (nextState = {
-      fallbackExpirationTime:
-        null !== nextState ? nextState.fallbackExpirationTime : 0
-    }),
+    suspenseContext = suspenseStackCursor.current,
+    nextState = null,
+    nextDidTimeout = !1,
+    JSCompiler_temp;
+  (JSCompiler_temp = 0 !== (workInProgress.effectTag & 64)) ||
+    (JSCompiler_temp =
+      0 !== (suspenseContext & ForceSuspenseFallback) &&
+      (null === current$$1 || null !== current$$1.memoizedState));
+  JSCompiler_temp
+    ? ((nextState = SUSPENDED_MARKER),
       (nextDidTimeout = !0),
-      (workInProgress.effectTag &= -65);
+      (workInProgress.effectTag &= -65))
+    : (null !== current$$1 && null === current$$1.memoizedState) ||
+      void 0 === nextProps.fallback ||
+      !0 === nextProps.unstable_avoidThisFallback ||
+      (suspenseContext |= InvisibleParentSuspenseContext);
+  suspenseContext &= SubtreeSuspenseContextMask;
+  push(suspenseStackCursor, suspenseContext, workInProgress);
   if (null === current$$1)
     if (nextDidTimeout) {
-      var nextFallbackChildren = nextProps.fallback;
+      nextProps = nextProps.fallback;
       current$$1 = createFiberFromFragment(null, mode, 0, null);
-      0 === (workInProgress.mode & 1) &&
-        (current$$1.child =
-          null !== workInProgress.memoizedState
-            ? workInProgress.child.child
-            : workInProgress.child);
-      mode = createFiberFromFragment(
-        nextFallbackChildren,
+      current$$1.return = workInProgress;
+      if (0 === (workInProgress.mode & 2))
+        for (
+          nextDidTimeout =
+            null !== workInProgress.memoizedState
+              ? workInProgress.child.child
+              : workInProgress.child,
+            current$$1.child = nextDidTimeout;
+          null !== nextDidTimeout;
+
+        )
+          (nextDidTimeout.return = current$$1),
+            (nextDidTimeout = nextDidTimeout.sibling);
+      renderExpirationTime = createFiberFromFragment(
+        nextProps,
         mode,
         renderExpirationTime,
         null
       );
-      current$$1.sibling = mode;
-      renderExpirationTime = current$$1;
-      renderExpirationTime.return = mode.return = workInProgress;
+      renderExpirationTime.return = workInProgress;
+      current$$1.sibling = renderExpirationTime;
+      mode = current$$1;
     } else
-      renderExpirationTime = mode = mountChildFibers(
+      mode = renderExpirationTime = mountChildFibers(
         workInProgress,
         null,
         nextProps.children,
         renderExpirationTime
       );
-  else
-    null !== current$$1.memoizedState
-      ? ((mode = current$$1.child),
-        (nextFallbackChildren = mode.sibling),
-        nextDidTimeout
-          ? ((renderExpirationTime = nextProps.fallback),
-            (nextProps = createWorkInProgress(mode, mode.pendingProps, 0)),
-            0 === (workInProgress.mode & 1) &&
-              ((nextDidTimeout =
-                null !== workInProgress.memoizedState
-                  ? workInProgress.child.child
-                  : workInProgress.child),
-              nextDidTimeout !== mode.child &&
-                (nextProps.child = nextDidTimeout)),
-            (mode = nextProps.sibling = createWorkInProgress(
-              nextFallbackChildren,
-              renderExpirationTime,
-              nextFallbackChildren.expirationTime
-            )),
-            (renderExpirationTime = nextProps),
-            (nextProps.childExpirationTime = 0),
-            (renderExpirationTime.return = mode.return = workInProgress))
-          : (renderExpirationTime = mode = reconcileChildFibers(
-              workInProgress,
-              mode.child,
-              nextProps.children,
-              renderExpirationTime
-            )))
-      : ((nextFallbackChildren = current$$1.child),
-        nextDidTimeout
-          ? ((nextDidTimeout = nextProps.fallback),
-            (nextProps = createFiberFromFragment(null, mode, 0, null)),
-            (nextProps.child = nextFallbackChildren),
-            0 === (workInProgress.mode & 1) &&
-              (nextProps.child =
-                null !== workInProgress.memoizedState
-                  ? workInProgress.child.child
-                  : workInProgress.child),
-            (mode = nextProps.sibling = createFiberFromFragment(
-              nextDidTimeout,
-              mode,
-              renderExpirationTime,
-              null
-            )),
-            (mode.effectTag |= 2),
-            (renderExpirationTime = nextProps),
-            (nextProps.childExpirationTime = 0),
-            (renderExpirationTime.return = mode.return = workInProgress))
-          : (mode = renderExpirationTime = reconcileChildFibers(
-              workInProgress,
-              nextFallbackChildren,
-              nextProps.children,
-              renderExpirationTime
-            ))),
-      (workInProgress.stateNode = current$$1.stateNode);
+  else {
+    if (null !== current$$1.memoizedState)
+      if (
+        ((suspenseContext = current$$1.child),
+        (mode = suspenseContext.sibling),
+        nextDidTimeout)
+      ) {
+        nextProps = nextProps.fallback;
+        renderExpirationTime = createWorkInProgress(
+          suspenseContext,
+          suspenseContext.pendingProps,
+          0
+        );
+        renderExpirationTime.return = workInProgress;
+        if (
+          0 === (workInProgress.mode & 2) &&
+          ((nextDidTimeout =
+            null !== workInProgress.memoizedState
+              ? workInProgress.child.child
+              : workInProgress.child),
+          nextDidTimeout !== suspenseContext.child)
+        )
+          for (
+            renderExpirationTime.child = nextDidTimeout;
+            null !== nextDidTimeout;
+
+          )
+            (nextDidTimeout.return = renderExpirationTime),
+              (nextDidTimeout = nextDidTimeout.sibling);
+        nextProps = createWorkInProgress(mode, nextProps, mode.expirationTime);
+        nextProps.return = workInProgress;
+        renderExpirationTime.sibling = nextProps;
+        mode = renderExpirationTime;
+        renderExpirationTime.childExpirationTime = 0;
+        renderExpirationTime = nextProps;
+      } else
+        mode = renderExpirationTime = reconcileChildFibers(
+          workInProgress,
+          suspenseContext.child,
+          nextProps.children,
+          renderExpirationTime
+        );
+    else if (((suspenseContext = current$$1.child), nextDidTimeout)) {
+      nextDidTimeout = nextProps.fallback;
+      nextProps = createFiberFromFragment(null, mode, 0, null);
+      nextProps.return = workInProgress;
+      nextProps.child = suspenseContext;
+      null !== suspenseContext && (suspenseContext.return = nextProps);
+      if (0 === (workInProgress.mode & 2))
+        for (
+          suspenseContext =
+            null !== workInProgress.memoizedState
+              ? workInProgress.child.child
+              : workInProgress.child,
+            nextProps.child = suspenseContext;
+          null !== suspenseContext;
+
+        )
+          (suspenseContext.return = nextProps),
+            (suspenseContext = suspenseContext.sibling);
+      renderExpirationTime = createFiberFromFragment(
+        nextDidTimeout,
+        mode,
+        renderExpirationTime,
+        null
+      );
+      renderExpirationTime.return = workInProgress;
+      nextProps.sibling = renderExpirationTime;
+      renderExpirationTime.effectTag |= 2;
+      mode = nextProps;
+      nextProps.childExpirationTime = 0;
+    } else
+      renderExpirationTime = mode = reconcileChildFibers(
+        workInProgress,
+        suspenseContext,
+        nextProps.children,
+        renderExpirationTime
+      );
+    workInProgress.stateNode = current$$1.stateNode;
+  }
   workInProgress.memoizedState = nextState;
-  workInProgress.child = renderExpirationTime;
-  return mode;
+  workInProgress.child = mode;
+  return renderExpirationTime;
+}
+function initSuspenseListRenderState(
+  workInProgress,
+  isBackwards,
+  tail,
+  lastContentRow,
+  tailMode
+) {
+  var renderState = workInProgress.memoizedState;
+  null === renderState
+    ? (workInProgress.memoizedState = {
+        isBackwards: isBackwards,
+        rendering: null,
+        last: lastContentRow,
+        tail: tail,
+        tailExpiration: 0,
+        tailMode: tailMode
+      })
+    : ((renderState.isBackwards = isBackwards),
+      (renderState.rendering = null),
+      (renderState.last = lastContentRow),
+      (renderState.tail = tail),
+      (renderState.tailExpiration = 0),
+      (renderState.tailMode = tailMode));
+}
+function updateSuspenseListComponent(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  var nextProps = workInProgress.pendingProps,
+    revealOrder = nextProps.revealOrder,
+    tailMode = nextProps.tail;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextProps.children,
+    renderExpirationTime
+  );
+  nextProps = suspenseStackCursor.current;
+  if (0 !== (nextProps & ForceSuspenseFallback))
+    (nextProps =
+      (nextProps & SubtreeSuspenseContextMask) | ForceSuspenseFallback),
+      (workInProgress.effectTag |= 64);
+  else {
+    if (null !== current$$1 && 0 !== (current$$1.effectTag & 64))
+      a: for (current$$1 = workInProgress.child; null !== current$$1; ) {
+        if (13 === current$$1.tag) {
+          if (null !== current$$1.memoizedState) {
+            current$$1.expirationTime < renderExpirationTime &&
+              (current$$1.expirationTime = renderExpirationTime);
+            var alternate = current$$1.alternate;
+            null !== alternate &&
+              alternate.expirationTime < renderExpirationTime &&
+              (alternate.expirationTime = renderExpirationTime);
+            scheduleWorkOnParentPath(current$$1.return, renderExpirationTime);
+          }
+        } else if (null !== current$$1.child) {
+          current$$1.child.return = current$$1;
+          current$$1 = current$$1.child;
+          continue;
+        }
+        if (current$$1 === workInProgress) break a;
+        for (; null === current$$1.sibling; ) {
+          if (
+            null === current$$1.return ||
+            current$$1.return === workInProgress
+          )
+            break a;
+          current$$1 = current$$1.return;
+        }
+        current$$1.sibling.return = current$$1.return;
+        current$$1 = current$$1.sibling;
+      }
+    nextProps &= SubtreeSuspenseContextMask;
+  }
+  push(suspenseStackCursor, nextProps, workInProgress);
+  if (0 === (workInProgress.mode & 2)) workInProgress.memoizedState = null;
+  else
+    switch (revealOrder) {
+      case "forwards":
+        renderExpirationTime = workInProgress.child;
+        for (revealOrder = null; null !== renderExpirationTime; )
+          (nextProps = renderExpirationTime.alternate),
+            null !== nextProps &&
+              null === findFirstSuspended(nextProps) &&
+              (revealOrder = renderExpirationTime),
+            (renderExpirationTime = renderExpirationTime.sibling);
+        renderExpirationTime = revealOrder;
+        null === renderExpirationTime
+          ? ((revealOrder = workInProgress.child),
+            (workInProgress.child = null))
+          : ((revealOrder = renderExpirationTime.sibling),
+            (renderExpirationTime.sibling = null));
+        initSuspenseListRenderState(
+          workInProgress,
+          !1,
+          revealOrder,
+          renderExpirationTime,
+          tailMode
+        );
+        break;
+      case "backwards":
+        renderExpirationTime = null;
+        revealOrder = workInProgress.child;
+        for (workInProgress.child = null; null !== revealOrder; ) {
+          nextProps = revealOrder.alternate;
+          if (null !== nextProps && null === findFirstSuspended(nextProps)) {
+            workInProgress.child = revealOrder;
+            break;
+          }
+          nextProps = revealOrder.sibling;
+          revealOrder.sibling = renderExpirationTime;
+          renderExpirationTime = revealOrder;
+          revealOrder = nextProps;
+        }
+        initSuspenseListRenderState(
+          workInProgress,
+          !0,
+          renderExpirationTime,
+          null,
+          tailMode
+        );
+        break;
+      case "together":
+        initSuspenseListRenderState(workInProgress, !1, null, null, void 0);
+        break;
+      default:
+        workInProgress.memoizedState = null;
+    }
+  return workInProgress.child;
 }
 function bailoutOnAlreadyFinishedWork(
   current$$1,
@@ -4408,10 +4583,10 @@ function bailoutOnAlreadyFinishedWork(
   renderExpirationTime
 ) {
   null !== current$$1 &&
-    (workInProgress.contextDependencies = current$$1.contextDependencies);
+    (workInProgress.dependencies = current$$1.dependencies);
   if (workInProgress.childExpirationTime < renderExpirationTime) return null;
   if (null !== current$$1 && workInProgress.child !== current$$1.child)
-    throw ReactError("Resuming work not yet implemented.");
+    throw ReactError(Error("Resuming work not yet implemented."));
   if (null !== workInProgress.child) {
     current$$1 = workInProgress.child;
     renderExpirationTime = createWorkInProgress(
@@ -4457,12 +4632,12 @@ appendAllChildren = function(
           node.memoizedProps,
           node
         ));
-      FabricUIManager.appendChild(parent.node, instance.node);
+      appendChildNode(parent.node, instance.node);
     } else if (6 === node.tag) {
       instance = node.stateNode;
       if (needsVisibilityToggle && isHidden)
         throw Error("Not yet implemented.");
-      FabricUIManager.appendChild(parent.node, instance.node);
+      appendChildNode(parent.node, instance.node);
     } else if (4 !== node.tag) {
       if (
         13 === node.tag &&
@@ -4515,12 +4690,12 @@ function appendAllChildrenToContainer(
           node.memoizedProps,
           node
         ));
-      FabricUIManager.appendChildToSet(containerChildSet, instance.node);
+      appendChildNodeToSet(containerChildSet, instance.node);
     } else if (6 === node.tag) {
       instance = node.stateNode;
       if (needsVisibilityToggle && isHidden)
         throw Error("Not yet implemented.");
-      FabricUIManager.appendChildToSet(containerChildSet, instance.node);
+      appendChildNodeToSet(containerChildSet, instance.node);
     } else if (4 !== node.tag) {
       if (
         13 === node.tag &&
@@ -4565,11 +4740,11 @@ updateHostContainer = function(workInProgress) {
   var portalOrRoot = workInProgress.stateNode;
   if (null !== workInProgress.firstEffect) {
     var container = portalOrRoot.containerInfo,
-      newChildSet = FabricUIManager.createChildSet(container);
+      newChildSet = createChildNodeSet(container);
     appendAllChildrenToContainer(newChildSet, workInProgress, !1, !1);
     portalOrRoot.pendingChildren = newChildSet;
     workInProgress.effectTag |= 4;
-    FabricUIManager.completeRoot(container, newChildSet);
+    completeRoot(container, newChildSet);
   }
 };
 updateHostComponent$1 = function(current, workInProgress, type, newProps) {
@@ -4597,17 +4772,11 @@ updateHostComponent$1 = function(current, workInProgress, type, newProps) {
         (type = {
           node: current
             ? null !== newProps
-              ? FabricUIManager.cloneNodeWithNewProps(
-                  recyclableInstance,
-                  newProps
-                )
-              : FabricUIManager.cloneNode(recyclableInstance)
+              ? cloneNodeWithNewProps(recyclableInstance, newProps)
+              : cloneNode(recyclableInstance)
             : null !== newProps
-              ? FabricUIManager.cloneNodeWithNewChildrenAndProps(
-                  recyclableInstance,
-                  newProps
-                )
-              : FabricUIManager.cloneNodeWithNewChildren(recyclableInstance),
+              ? cloneNodeWithNewChildrenAndProps(recyclableInstance, newProps)
+              : cloneNodeWithNewChildren(recyclableInstance),
           canonical: type.canonical
         }),
         (workInProgress.stateNode = type),
@@ -4628,6 +4797,74 @@ updateHostText$1 = function(current, workInProgress, oldText, newText) {
     )),
     (workInProgress.effectTag |= 4));
 };
+function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
+  switch (renderState.tailMode) {
+    case "hidden":
+      hasRenderedATailFallback = renderState.tail;
+      for (var lastTailNode = null; null !== hasRenderedATailFallback; )
+        null !== hasRenderedATailFallback.alternate &&
+          (lastTailNode = hasRenderedATailFallback),
+          (hasRenderedATailFallback = hasRenderedATailFallback.sibling);
+      null === lastTailNode
+        ? (renderState.tail = null)
+        : (lastTailNode.sibling = null);
+      break;
+    case "collapsed":
+      lastTailNode = renderState.tail;
+      for (var _lastTailNode = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (_lastTailNode = lastTailNode),
+          (lastTailNode = lastTailNode.sibling);
+      null === _lastTailNode
+        ? hasRenderedATailFallback || null === renderState.tail
+          ? (renderState.tail = null)
+          : (renderState.tail.sibling = null)
+        : (_lastTailNode.sibling = null);
+  }
+}
+function unwindWork(workInProgress) {
+  switch (workInProgress.tag) {
+    case 1:
+      isContextProvider(workInProgress.type) && popContext(workInProgress);
+      var effectTag = workInProgress.effectTag;
+      return effectTag & 2048
+        ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
+          workInProgress)
+        : null;
+    case 3:
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      effectTag = workInProgress.effectTag;
+      if (0 !== (effectTag & 64))
+        throw ReactError(
+          Error(
+            "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
+          )
+        );
+      workInProgress.effectTag = (effectTag & -2049) | 64;
+      return workInProgress;
+    case 5:
+      return popHostContext(workInProgress), null;
+    case 13:
+      return (
+        pop(suspenseStackCursor, workInProgress),
+        (effectTag = workInProgress.effectTag),
+        effectTag & 2048
+          ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
+            workInProgress)
+          : null
+      );
+    case 18:
+      return null;
+    case 19:
+      return pop(suspenseStackCursor, workInProgress), null;
+    case 4:
+      return popHostContainer(workInProgress), null;
+    case 10:
+      return popProvider(workInProgress), null;
+    default:
+      return null;
+  }
+}
 function createCapturedValue(value, source) {
   return {
     value: value,
@@ -4635,24 +4872,18 @@ function createCapturedValue(value, source) {
     stack: getStackByFiberInDevAndProd(source)
   };
 }
+if (
+  "function" !==
+  typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog
+)
+  throw ReactError(
+    Error("Expected ReactFiberErrorDialog.showErrorDialog to be a function.")
+  );
 function logCapturedError(capturedError) {
-  var componentStack = capturedError.componentStack,
-    error = capturedError.error;
-  if (error instanceof Error) {
-    capturedError = error.message;
-    var name = error.name;
-    try {
-      error.message =
-        (capturedError ? name + ": " + capturedError : name) +
-        "\n\nThis error is located at:" +
-        componentStack;
-    } catch (e) {}
-  } else
-    error =
-      "string" === typeof error
-        ? Error(error + "\n\nThis error is located at:" + componentStack)
-        : Error("Unspecified error at:" + componentStack);
-  ExceptionsManager.handleException(error, !1);
+  !1 !==
+    ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog(
+      capturedError
+    ) && console.error(capturedError.error);
 }
 var PossiblyWeakSet$1 = "function" === typeof WeakSet ? WeakSet : Set;
 function logError(boundary, errorInfo) {
@@ -4684,6 +4915,15 @@ function logError(boundary, errorInfo) {
     });
   }
 }
+function safelyCallComponentWillUnmount(current$$1, instance) {
+  try {
+    (instance.props = current$$1.memoizedProps),
+      (instance.state = current$$1.memoizedState),
+      instance.componentWillUnmount();
+  } catch (unmountError) {
+    captureCommitPhaseError(current$$1, unmountError);
+  }
+}
 function safelyDetachRef(current$$1) {
   var ref = current$$1.ref;
   if (null !== ref)
@@ -4712,6 +4952,70 @@ function commitHookEffectList(unmountTag, mountTag, finishedWork) {
     } while (effect !== finishedWork);
   }
 }
+function commitUnmount(current$$1$jscomp$0, renderPriorityLevel) {
+  "function" === typeof onCommitFiberUnmount &&
+    onCommitFiberUnmount(current$$1$jscomp$0);
+  switch (current$$1$jscomp$0.tag) {
+    case 0:
+    case 11:
+    case 14:
+    case 15:
+      var updateQueue = current$$1$jscomp$0.updateQueue;
+      if (
+        null !== updateQueue &&
+        ((updateQueue = updateQueue.lastEffect), null !== updateQueue)
+      ) {
+        var firstEffect = updateQueue.next;
+        runWithPriority$1(
+          97 < renderPriorityLevel ? 97 : renderPriorityLevel,
+          function() {
+            var effect = firstEffect;
+            do {
+              var destroy = effect.destroy;
+              if (void 0 !== destroy) {
+                var current$$1 = current$$1$jscomp$0;
+                try {
+                  destroy();
+                } catch (error) {
+                  captureCommitPhaseError(current$$1, error);
+                }
+              }
+              effect = effect.next;
+            } while (effect !== firstEffect);
+          }
+        );
+      }
+      break;
+    case 1:
+      safelyDetachRef(current$$1$jscomp$0);
+      renderPriorityLevel = current$$1$jscomp$0.stateNode;
+      "function" === typeof renderPriorityLevel.componentWillUnmount &&
+        safelyCallComponentWillUnmount(
+          current$$1$jscomp$0,
+          renderPriorityLevel
+        );
+      break;
+    case 5:
+      safelyDetachRef(current$$1$jscomp$0);
+      break;
+    case 4:
+      createChildNodeSet(current$$1$jscomp$0.stateNode.containerInfo);
+  }
+}
+function detachFiber(current$$1) {
+  var alternate = current$$1.alternate;
+  current$$1.return = null;
+  current$$1.child = null;
+  current$$1.memoizedState = null;
+  current$$1.updateQueue = null;
+  current$$1.dependencies = null;
+  current$$1.alternate = null;
+  current$$1.firstEffect = null;
+  current$$1.lastEffect = null;
+  current$$1.pendingProps = null;
+  current$$1.memoizedProps = null;
+  null !== alternate && detachFiber(alternate);
+}
 function commitWork(current$$1, finishedWork) {
   switch (finishedWork.tag) {
     case 0:
@@ -4723,7 +5027,12 @@ function commitWork(current$$1, finishedWork) {
     case 12:
       return;
     case 13:
-      commitSuspenseComponent(finishedWork);
+      null !== finishedWork.memoizedState &&
+        (globalMostRecentFallbackTime = now());
+      attachSuspenseRetryListeners(finishedWork);
+      return;
+    case 19:
+      attachSuspenseRetryListeners(finishedWork);
       return;
   }
   switch (finishedWork.tag) {
@@ -4731,29 +5040,26 @@ function commitWork(current$$1, finishedWork) {
     case 5:
     case 6:
     case 20:
-    case 19:
       break;
     case 3:
     case 4:
       break;
     default:
       throw ReactError(
-        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+        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."
+        )
       );
   }
 }
-function commitSuspenseComponent(finishedWork) {
-  var newState = finishedWork.memoizedState;
-  null !== newState &&
-    0 === newState.fallbackExpirationTime &&
-    (newState.fallbackExpirationTime = requestCurrentTime() - 500);
-  newState = finishedWork.updateQueue;
-  if (null !== newState) {
+function attachSuspenseRetryListeners(finishedWork) {
+  var thenables = finishedWork.updateQueue;
+  if (null !== thenables) {
     finishedWork.updateQueue = null;
     var retryCache = finishedWork.stateNode;
     null === retryCache &&
       (retryCache = finishedWork.stateNode = new PossiblyWeakSet$1());
-    newState.forEach(function(thenable) {
+    thenables.forEach(function(thenable) {
       var retry = resolveRetryThenable.bind(null, finishedWork, thenable);
       retryCache.has(thenable) ||
         (retryCache.add(thenable), thenable.then(retry, retry));
@@ -4762,7 +5068,7 @@ function commitSuspenseComponent(finishedWork) {
 }
 var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map;
 function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
-  expirationTime = createUpdate(expirationTime);
+  expirationTime = createUpdate(expirationTime, null);
   expirationTime.tag = 3;
   expirationTime.payload = { element: null };
   var error = errorInfo.value;
@@ -4773,13 +5079,14 @@ function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
   return expirationTime;
 }
 function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
-  expirationTime = createUpdate(expirationTime);
+  expirationTime = createUpdate(expirationTime, null);
   expirationTime.tag = 3;
   var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
   if ("function" === typeof getDerivedStateFromError) {
-    var error$jscomp$0 = errorInfo.value;
+    var error = errorInfo.value;
     expirationTime.payload = function() {
-      return getDerivedStateFromError(error$jscomp$0);
+      logError(fiber, errorInfo);
+      return getDerivedStateFromError(error);
     };
   }
   var inst = fiber.stateNode;
@@ -4789,150 +5096,135 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
       "function" !== typeof getDerivedStateFromError &&
         (null === legacyErrorBoundariesThatAlreadyFailed
           ? (legacyErrorBoundariesThatAlreadyFailed = new Set([this]))
-          : legacyErrorBoundariesThatAlreadyFailed.add(this));
-      var error = errorInfo.value,
-        stack = errorInfo.stack;
-      logError(fiber, errorInfo);
-      this.componentDidCatch(error, {
+          : legacyErrorBoundariesThatAlreadyFailed.add(this),
+        logError(fiber, errorInfo));
+      var stack = errorInfo.stack;
+      this.componentDidCatch(errorInfo.value, {
         componentStack: null !== stack ? stack : ""
       });
     });
   return expirationTime;
 }
-function unwindWork(workInProgress) {
-  switch (workInProgress.tag) {
-    case 1:
-      isContextProvider(workInProgress.type) && popContext(workInProgress);
-      var effectTag = workInProgress.effectTag;
-      return effectTag & 2048
-        ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
-          workInProgress)
-        : null;
-    case 3:
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
-      effectTag = workInProgress.effectTag;
-      if (0 !== (effectTag & 64))
-        throw ReactError(
-          "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
-        );
-      workInProgress.effectTag = (effectTag & -2049) | 64;
-      return workInProgress;
-    case 5:
-      return popHostContext(workInProgress), null;
-    case 13:
-      return (
-        (effectTag = workInProgress.effectTag),
-        effectTag & 2048
-          ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
-            workInProgress)
-          : null
-      );
-    case 18:
-      return null;
-    case 4:
-      return popHostContainer(workInProgress), null;
-    case 10:
-      return popProvider(workInProgress), null;
-    case 19:
-    case 20:
-      return null;
-    default:
-      return null;
-  }
-}
 var ceil = Math.ceil,
   ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
-  LegacyUnbatchedPhase = 2,
-  RenderPhase = 4,
-  CommitPhase = 5,
+  NoContext = 0,
+  LegacyUnbatchedContext = 8,
+  RenderContext = 16,
+  CommitContext = 32,
   RootIncomplete = 0,
   RootErrored = 1,
   RootSuspended = 2,
-  RootCompleted = 3,
-  workPhase = 0,
+  RootSuspendedWithDelay = 3,
+  RootCompleted = 4,
+  executionContext = NoContext,
   workInProgressRoot = null,
   workInProgress = null,
   renderExpirationTime = 0,
   workInProgressRootExitStatus = RootIncomplete,
-  workInProgressRootMostRecentEventTime = 1073741823,
+  workInProgressRootLatestProcessedExpirationTime = 1073741823,
+  workInProgressRootLatestSuspenseTimeout = 1073741823,
+  workInProgressRootCanSuspendUsingConfig = null,
+  workInProgressRootHasPendingPing = !1,
+  globalMostRecentFallbackTime = 0,
+  FALLBACK_THROTTLE_MS = 500,
   nextEffect = null,
   hasUncaughtError = !1,
   firstUncaughtError = null,
   legacyErrorBoundariesThatAlreadyFailed = null,
   rootDoesHavePassiveEffects = !1,
   rootWithPendingPassiveEffects = null,
+  pendingPassiveEffectsRenderPriority = 90,
+  pendingPassiveEffectsExpirationTime = 0,
   rootsWithPendingDiscreteUpdates = null,
   nestedUpdateCount = 0,
   rootWithNestedUpdates = null,
   currentEventTime = 0;
 function requestCurrentTime() {
-  return workPhase === RenderPhase || workPhase === CommitPhase
-    ? 1073741822 - ((now() / 10) | 0)
+  return (executionContext & (RenderContext | CommitContext)) !== NoContext
+    ? 1073741821 - ((now() / 10) | 0)
     : 0 !== currentEventTime
       ? currentEventTime
-      : (currentEventTime = 1073741822 - ((now() / 10) | 0));
-}
-function computeExpirationForFiber(currentTime, fiber) {
-  if (0 === (fiber.mode & 1)) return 1073741823;
-  if (workPhase === RenderPhase) return renderExpirationTime;
-  switch (getCurrentPriorityLevel()) {
-    case 99:
-      currentTime = 1073741823;
-      break;
-    case 98:
-      currentTime =
-        1073741822 - 10 * ((((1073741822 - currentTime + 15) / 10) | 0) + 1);
-      break;
-    case 97:
-    case 96:
-      currentTime =
-        1073741822 - 25 * ((((1073741822 - currentTime + 500) / 25) | 0) + 1);
-      break;
-    case 95:
-      currentTime = 1;
-      break;
-    default:
-      throw ReactError("Expected a valid priority level");
-  }
-  null !== workInProgressRoot &&
-    currentTime === renderExpirationTime &&
-    --currentTime;
-  return currentTime;
+      : (currentEventTime = 1073741821 - ((now() / 10) | 0));
+}
+function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
+  fiber = fiber.mode;
+  if (0 === (fiber & 2)) return 1073741823;
+  var priorityLevel = getCurrentPriorityLevel();
+  if (0 === (fiber & 4)) return 99 === priorityLevel ? 1073741823 : 1073741822;
+  if ((executionContext & RenderContext) !== NoContext)
+    return renderExpirationTime;
+  if (null !== suspenseConfig)
+    currentTime =
+      1073741821 -
+      25 *
+        ((((1073741821 -
+          currentTime +
+          (suspenseConfig.timeoutMs | 0 || 5e3) / 10) /
+          25) |
+          0) +
+          1);
+  else
+    switch (priorityLevel) {
+      case 99:
+        currentTime = 1073741823;
+        break;
+      case 98:
+        currentTime =
+          1073741821 - 10 * ((((1073741821 - currentTime + 15) / 10) | 0) + 1);
+        break;
+      case 97:
+      case 96:
+        currentTime =
+          1073741821 - 25 * ((((1073741821 - currentTime + 500) / 25) | 0) + 1);
+        break;
+      case 95:
+        currentTime = 1;
+        break;
+      default:
+        throw ReactError(Error("Expected a valid priority level"));
+    }
+  null !== workInProgressRoot &&
+    currentTime === renderExpirationTime &&
+    --currentTime;
+  return currentTime;
 }
 function scheduleUpdateOnFiber(fiber, expirationTime) {
   if (50 < nestedUpdateCount)
     throw ((nestedUpdateCount = 0),
     (rootWithNestedUpdates = null),
     ReactError(
-      "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."
+      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."
+      )
     ));
   fiber = markUpdateTimeFromFiberToRoot(fiber, expirationTime);
-  if (null !== fiber)
-    if (((fiber.pingTime = 0), 1073741823 === expirationTime))
-      if (workPhase === LegacyUnbatchedPhase)
+  if (null !== fiber) {
+    fiber.pingTime = 0;
+    var priorityLevel = getCurrentPriorityLevel();
+    if (1073741823 === expirationTime)
+      if (
+        (executionContext & LegacyUnbatchedContext) !== NoContext &&
+        (executionContext & (RenderContext | CommitContext)) === NoContext
+      )
         for (
-          expirationTime = renderRoot(fiber, 1073741823, !0);
-          null !== expirationTime;
+          var callback = renderRoot(fiber, 1073741823, !0);
+          null !== callback;
 
         )
-          expirationTime = expirationTime(!0);
+          callback = callback(!0);
       else
         scheduleCallbackForRoot(fiber, 99, 1073741823),
-          0 === workPhase && flushImmediateQueue();
-    else {
-      var priorityLevel = getCurrentPriorityLevel();
-      if (98 === priorityLevel)
-        if (null === rootsWithPendingDiscreteUpdates)
-          rootsWithPendingDiscreteUpdates = new Map([[fiber, expirationTime]]);
-        else {
-          var lastDiscreteTime = rootsWithPendingDiscreteUpdates.get(fiber);
-          (void 0 === lastDiscreteTime || lastDiscreteTime > expirationTime) &&
-            rootsWithPendingDiscreteUpdates.set(fiber, expirationTime);
-        }
-      scheduleCallbackForRoot(fiber, priorityLevel, expirationTime);
-    }
+          executionContext === NoContext && flushSyncCallbackQueue();
+    else scheduleCallbackForRoot(fiber, priorityLevel, expirationTime);
+    (executionContext & 4) === NoContext ||
+      (98 !== priorityLevel && 99 !== priorityLevel) ||
+      (null === rootsWithPendingDiscreteUpdates
+        ? (rootsWithPendingDiscreteUpdates = new Map([[fiber, expirationTime]]))
+        : ((priorityLevel = rootsWithPendingDiscreteUpdates.get(fiber)),
+          (void 0 === priorityLevel || priorityLevel > expirationTime) &&
+            rootsWithPendingDiscreteUpdates.set(fiber, expirationTime)));
+  }
 }
 function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
   fiber.expirationTime < expirationTime &&
@@ -4973,21 +5265,28 @@ function scheduleCallbackForRoot(root, priorityLevel, expirationTime) {
       existingCallbackNode !== fakeCallbackNode &&
       Scheduler_cancelCallback(existingCallbackNode);
     root.callbackExpirationTime = expirationTime;
-    existingCallbackNode = null;
-    1073741823 !== expirationTime &&
-      1 !== expirationTime &&
-      ((existingCallbackNode = 10 * (1073741822 - expirationTime) - now()),
-      5e3 < existingCallbackNode && (existingCallbackNode = 5e3),
-      (existingCallbackNode = { timeout: existingCallbackNode }));
-    root.callbackNode = scheduleCallback(
-      priorityLevel,
-      runRootCallback.bind(
-        null,
-        root,
-        renderRoot.bind(null, root, expirationTime)
-      ),
-      existingCallbackNode
-    );
+    1073741823 === expirationTime
+      ? (root.callbackNode = scheduleSyncCallback(
+          runRootCallback.bind(
+            null,
+            root,
+            renderRoot.bind(null, root, expirationTime)
+          )
+        ))
+      : ((existingCallbackNode = null),
+        1 !== expirationTime &&
+          (existingCallbackNode = {
+            timeout: 10 * (1073741821 - expirationTime) - now()
+          }),
+        (root.callbackNode = scheduleCallback(
+          priorityLevel,
+          runRootCallback.bind(
+            null,
+            root,
+            renderRoot.bind(null, root, expirationTime)
+          ),
+          existingCallbackNode
+        )));
   }
 }
 function runRootCallback(root, callback, isSync) {
@@ -5011,9 +5310,7 @@ function resolveLocksOnRoot(root, expirationTime) {
   return null !== firstBatch &&
     firstBatch._defer &&
     firstBatch._expirationTime >= expirationTime
-    ? ((root.finishedWork = root.current.alternate),
-      (root.pendingCommitExpirationTime = expirationTime),
-      scheduleCallback(97, function() {
+    ? (scheduleCallback(97, function() {
         firstBatch._onComplete();
         return null;
       }),
@@ -5025,13 +5322,14 @@ function flushPendingDiscreteUpdates() {
     var roots = rootsWithPendingDiscreteUpdates;
     rootsWithPendingDiscreteUpdates = null;
     roots.forEach(function(expirationTime, root) {
-      scheduleCallback(99, renderRoot.bind(null, root, expirationTime));
+      scheduleSyncCallback(renderRoot.bind(null, root, expirationTime));
     });
-    flushImmediateQueue();
+    flushSyncCallbackQueue();
   }
 }
 function prepareFreshStack(root, expirationTime) {
-  root.pendingCommitExpirationTime = 0;
+  root.finishedWork = null;
+  root.finishedExpirationTime = 0;
   var timeoutHandle = root.timeoutHandle;
   -1 !== timeoutHandle &&
     ((root.timeoutHandle = -1), cancelTimeout(timeoutHandle));
@@ -5055,6 +5353,12 @@ function prepareFreshStack(root, expirationTime) {
         case 4:
           popHostContainer(interruptedWork);
           break;
+        case 13:
+          pop(suspenseStackCursor, interruptedWork);
+          break;
+        case 19:
+          pop(suspenseStackCursor, interruptedWork);
+          break;
         case 10:
           popProvider(interruptedWork);
       }
@@ -5064,24 +5368,33 @@ function prepareFreshStack(root, expirationTime) {
   workInProgress = createWorkInProgress(root.current, null, expirationTime);
   renderExpirationTime = expirationTime;
   workInProgressRootExitStatus = RootIncomplete;
-  workInProgressRootMostRecentEventTime = 1073741823;
+  workInProgressRootLatestSuspenseTimeout = workInProgressRootLatestProcessedExpirationTime = 1073741823;
+  workInProgressRootCanSuspendUsingConfig = null;
+  workInProgressRootHasPendingPing = !1;
 }
 function renderRoot(root$jscomp$0, expirationTime, isSync) {
-  if (workPhase === RenderPhase || workPhase === CommitPhase)
-    throw ReactError("Should not already be working.");
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(Error("Should not already be working."));
   if (root$jscomp$0.firstPendingTime < expirationTime) return null;
-  if (root$jscomp$0.pendingCommitExpirationTime === expirationTime)
-    return (
-      (root$jscomp$0.pendingCommitExpirationTime = 0),
-      commitRoot.bind(null, root$jscomp$0, expirationTime)
-    );
+  if (isSync && root$jscomp$0.finishedExpirationTime === expirationTime)
+    return commitRoot.bind(null, root$jscomp$0);
   flushPassiveEffects();
-  (root$jscomp$0 === workInProgressRoot &&
-    expirationTime === renderExpirationTime) ||
+  if (
+    root$jscomp$0 !== workInProgressRoot ||
+    expirationTime !== renderExpirationTime
+  )
     prepareFreshStack(root$jscomp$0, expirationTime);
+  else if (workInProgressRootExitStatus === RootSuspendedWithDelay)
+    if (workInProgressRootHasPendingPing)
+      prepareFreshStack(root$jscomp$0, expirationTime);
+    else {
+      var lastPendingTime = root$jscomp$0.lastPendingTime;
+      if (lastPendingTime < expirationTime)
+        return renderRoot.bind(null, root$jscomp$0, lastPendingTime);
+    }
   if (null !== workInProgress) {
-    var prevWorkPhase = workPhase;
-    workPhase = RenderPhase;
+    lastPendingTime = executionContext;
+    executionContext |= RenderContext;
     var prevDispatcher = ReactCurrentDispatcher.current;
     null === prevDispatcher && (prevDispatcher = ContextOnlyDispatcher);
     ReactCurrentDispatcher.current = ContextOnlyDispatcher;
@@ -5090,8 +5403,8 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
         var currentTime = requestCurrentTime();
         if (currentTime < expirationTime)
           return (
-            (workPhase = prevWorkPhase),
-            resetContextDependences(),
+            (executionContext = lastPendingTime),
+            resetContextDependencies(),
             (ReactCurrentDispatcher.current = prevDispatcher),
             renderRoot.bind(null, root$jscomp$0, currentTime)
           );
@@ -5103,16 +5416,16 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
           for (; null !== workInProgress; )
             workInProgress = performUnitOfWork(workInProgress);
         else
-          for (; null !== workInProgress && !shouldYield(); )
+          for (; null !== workInProgress && !Scheduler_shouldYield(); )
             workInProgress = performUnitOfWork(workInProgress);
         break;
       } catch (thrownValue) {
-        resetContextDependences();
+        resetContextDependencies();
         resetHooks();
         currentTime = workInProgress;
         if (null === currentTime || null === currentTime.return)
           throw (prepareFreshStack(root$jscomp$0, expirationTime),
-          (workPhase = prevWorkPhase),
+          (executionContext = lastPendingTime),
           thrownValue);
         a: {
           var root = root$jscomp$0,
@@ -5127,29 +5440,41 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
             "object" === typeof value &&
             "function" === typeof value.then
           ) {
-            var thenable = value;
+            var thenable = value,
+              hasInvisibleParentBoundary =
+                0 !==
+                (suspenseStackCursor.current & InvisibleParentSuspenseContext);
             value = returnFiber;
             do {
-              if (
-                13 === value.tag &&
-                (void 0 === value.memoizedProps.fallback
-                  ? 0
-                  : null === value.memoizedState)
-              ) {
+              var JSCompiler_temp;
+              if ((JSCompiler_temp = 13 === value.tag))
+                null !== value.memoizedState
+                  ? (JSCompiler_temp = !1)
+                  : ((JSCompiler_temp = value.memoizedProps),
+                    (JSCompiler_temp =
+                      void 0 === JSCompiler_temp.fallback
+                        ? !1
+                        : !0 !== JSCompiler_temp.unstable_avoidThisFallback
+                          ? !0
+                          : hasInvisibleParentBoundary
+                            ? !1
+                            : !0));
+              if (JSCompiler_temp) {
                 returnFiber = value.updateQueue;
                 null === returnFiber
                   ? ((returnFiber = new Set()),
                     returnFiber.add(thenable),
                     (value.updateQueue = returnFiber))
                   : returnFiber.add(thenable);
-                if (0 === (value.mode & 1)) {
+                if (0 === (value.mode & 2)) {
                   value.effectTag |= 64;
                   sourceFiber.effectTag &= -1957;
                   1 === sourceFiber.tag &&
                     (null === sourceFiber.alternate
                       ? (sourceFiber.tag = 17)
                       : ((renderExpirationTime$jscomp$0 = createUpdate(
-                          1073741823
+                          1073741823,
+                          null
                         )),
                         (renderExpirationTime$jscomp$0.tag = 2),
                         enqueueUpdate(
@@ -5161,15 +5486,15 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
                 }
                 sourceFiber = root;
                 root = renderExpirationTime$jscomp$0;
-                var pingCache = sourceFiber.pingCache;
-                null === pingCache
-                  ? ((pingCache = sourceFiber.pingCache = new PossiblyWeakMap()),
+                hasInvisibleParentBoundary = sourceFiber.pingCache;
+                null === hasInvisibleParentBoundary
+                  ? ((hasInvisibleParentBoundary = sourceFiber.pingCache = new PossiblyWeakMap()),
                     (returnFiber = new Set()),
-                    pingCache.set(thenable, returnFiber))
-                  : ((returnFiber = pingCache.get(thenable)),
+                    hasInvisibleParentBoundary.set(thenable, returnFiber))
+                  : ((returnFiber = hasInvisibleParentBoundary.get(thenable)),
                     void 0 === returnFiber &&
                       ((returnFiber = new Set()),
-                      pingCache.set(thenable, returnFiber)));
+                      hasInvisibleParentBoundary.set(thenable, returnFiber)));
                 returnFiber.has(root) ||
                   (returnFiber.add(root),
                   (sourceFiber = pingSuspendedRoot.bind(
@@ -5191,11 +5516,8 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
                 getStackByFiberInDevAndProd(sourceFiber)
             );
           }
-          if (
-            workInProgressRootExitStatus === RootIncomplete ||
-            workInProgressRootExitStatus === RootSuspended
-          )
-            workInProgressRootExitStatus = RootErrored;
+          workInProgressRootExitStatus !== RootCompleted &&
+            (workInProgressRootExitStatus = RootErrored);
           value = createCapturedValue(value, sourceFiber);
           sourceFiber = returnFiber;
           do {
@@ -5247,76 +5569,144 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
         workInProgress = completeUnitOfWork(currentTime);
       }
     while (1);
-    workPhase = prevWorkPhase;
-    resetContextDependences();
+    executionContext = lastPendingTime;
+    resetContextDependencies();
     ReactCurrentDispatcher.current = prevDispatcher;
     if (null !== workInProgress)
       return renderRoot.bind(null, root$jscomp$0, expirationTime);
   }
+  root$jscomp$0.finishedWork = root$jscomp$0.current.alternate;
+  root$jscomp$0.finishedExpirationTime = expirationTime;
   if (resolveLocksOnRoot(root$jscomp$0, expirationTime)) return null;
   workInProgressRoot = null;
   switch (workInProgressRootExitStatus) {
     case RootIncomplete:
-      throw ReactError("Should have a work-in-progress.");
+      throw ReactError(Error("Should have a work-in-progress."));
     case RootErrored:
       return (
-        (prevWorkPhase = root$jscomp$0.lastPendingTime),
-        root$jscomp$0.lastPendingTime < expirationTime
-          ? renderRoot.bind(null, root$jscomp$0, prevWorkPhase)
+        (lastPendingTime = root$jscomp$0.lastPendingTime),
+        lastPendingTime < expirationTime
+          ? renderRoot.bind(null, root$jscomp$0, lastPendingTime)
           : isSync
-            ? commitRoot.bind(null, root$jscomp$0, expirationTime)
+            ? commitRoot.bind(null, root$jscomp$0)
             : (prepareFreshStack(root$jscomp$0, expirationTime),
-              scheduleCallback(
-                99,
+              scheduleSyncCallback(
                 renderRoot.bind(null, root$jscomp$0, expirationTime)
               ),
               null)
       );
     case RootSuspended:
+      if (
+        1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+        !isSync &&
+        ((isSync = globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
+        10 < isSync)
+      ) {
+        if (workInProgressRootHasPendingPing)
+          return (
+            prepareFreshStack(root$jscomp$0, expirationTime),
+            renderRoot.bind(null, root$jscomp$0, expirationTime)
+          );
+        lastPendingTime = root$jscomp$0.lastPendingTime;
+        if (lastPendingTime < expirationTime)
+          return renderRoot.bind(null, root$jscomp$0, lastPendingTime);
+        root$jscomp$0.timeoutHandle = scheduleTimeout(
+          commitRoot.bind(null, root$jscomp$0),
+          isSync
+        );
+        return null;
+      }
+      return commitRoot.bind(null, root$jscomp$0);
+    case RootSuspendedWithDelay:
       if (!isSync) {
+        if (workInProgressRootHasPendingPing)
+          return (
+            prepareFreshStack(root$jscomp$0, expirationTime),
+            renderRoot.bind(null, root$jscomp$0, expirationTime)
+          );
         isSync = root$jscomp$0.lastPendingTime;
-        if (root$jscomp$0.lastPendingTime < expirationTime)
+        if (isSync < expirationTime)
           return renderRoot.bind(null, root$jscomp$0, isSync);
-        if (
-          1073741823 !== workInProgressRootMostRecentEventTime &&
-          ((prevWorkPhase =
-            10 * (1073741822 - workInProgressRootMostRecentEventTime) - 5e3),
-          (isSync = now()),
-          (prevWorkPhase = isSync - prevWorkPhase),
-          (prevWorkPhase =
-            (120 > prevWorkPhase
-              ? 120
-              : 480 > prevWorkPhase
-                ? 480
-                : 1080 > prevWorkPhase
-                  ? 1080
-                  : 1920 > prevWorkPhase
-                    ? 1920
-                    : 3e3 > prevWorkPhase
-                      ? 3e3
-                      : 4320 > prevWorkPhase
-                        ? 4320
-                        : 1960 * ceil(prevWorkPhase / 1960)) - prevWorkPhase),
-          (isSync = 10 * (1073741822 - expirationTime) - isSync),
-          isSync < prevWorkPhase && (prevWorkPhase = isSync),
-          (isSync = prevWorkPhase),
-          10 < isSync)
-        )
+        1073741823 !== workInProgressRootLatestSuspenseTimeout
+          ? (isSync =
+              10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
+              now())
+          : 1073741823 === workInProgressRootLatestProcessedExpirationTime
+            ? (isSync = 0)
+            : ((isSync =
+                10 *
+                  (1073741821 -
+                    workInProgressRootLatestProcessedExpirationTime) -
+                5e3),
+              (lastPendingTime = now()),
+              (expirationTime =
+                10 * (1073741821 - expirationTime) - lastPendingTime),
+              (isSync = lastPendingTime - isSync),
+              0 > isSync && (isSync = 0),
+              (isSync =
+                (120 > isSync
+                  ? 120
+                  : 480 > isSync
+                    ? 480
+                    : 1080 > isSync
+                      ? 1080
+                      : 1920 > isSync
+                        ? 1920
+                        : 3e3 > isSync
+                          ? 3e3
+                          : 4320 > isSync
+                            ? 4320
+                            : 1960 * ceil(isSync / 1960)) - isSync),
+              expirationTime < isSync && (isSync = expirationTime));
+        if (10 < isSync)
           return (
             (root$jscomp$0.timeoutHandle = scheduleTimeout(
-              commitRoot.bind(null, root$jscomp$0, expirationTime),
+              commitRoot.bind(null, root$jscomp$0),
               isSync
             )),
             null
           );
       }
-      return commitRoot.bind(null, root$jscomp$0, expirationTime);
+      return commitRoot.bind(null, root$jscomp$0);
     case RootCompleted:
-      return commitRoot.bind(null, root$jscomp$0, expirationTime);
+      return !isSync &&
+        1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
+        null !== workInProgressRootCanSuspendUsingConfig &&
+        ((lastPendingTime = workInProgressRootLatestProcessedExpirationTime),
+        (prevDispatcher = workInProgressRootCanSuspendUsingConfig),
+        (expirationTime = prevDispatcher.busyMinDurationMs | 0),
+        0 >= expirationTime
+          ? (expirationTime = 0)
+          : ((isSync = prevDispatcher.busyDelayMs | 0),
+            (lastPendingTime =
+              now() -
+              (10 * (1073741821 - lastPendingTime) -
+                (prevDispatcher.timeoutMs | 0 || 5e3))),
+            (expirationTime =
+              lastPendingTime <= isSync
+                ? 0
+                : isSync + expirationTime - lastPendingTime)),
+        10 < expirationTime)
+        ? ((root$jscomp$0.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root$jscomp$0),
+            expirationTime
+          )),
+          null)
+        : commitRoot.bind(null, root$jscomp$0);
     default:
-      throw ReactError("Unknown root exit status.");
+      throw ReactError(Error("Unknown root exit status."));
   }
 }
+function markRenderEventTimeAndConfig(expirationTime, suspenseConfig) {
+  expirationTime < workInProgressRootLatestProcessedExpirationTime &&
+    1 < expirationTime &&
+    (workInProgressRootLatestProcessedExpirationTime = expirationTime);
+  null !== suspenseConfig &&
+    expirationTime < workInProgressRootLatestSuspenseTimeout &&
+    1 < expirationTime &&
+    ((workInProgressRootLatestSuspenseTimeout = expirationTime),
+    (workInProgressRootCanSuspendUsingConfig = suspenseConfig));
+}
 function performUnitOfWork(unitOfWork) {
   var next = beginWork$$1(
     unitOfWork.alternate,
@@ -5353,10 +5743,11 @@ function completeUnitOfWork(unitOfWork) {
           case 3:
             popHostContainer(current$$1);
             popTopLevelContextObject(current$$1);
-            newProps = current$$1.stateNode;
-            newProps.pendingContext &&
-              ((newProps.context = newProps.pendingContext),
-              (newProps.pendingContext = null));
+            renderExpirationTime$jscomp$0 = current$$1.stateNode;
+            renderExpirationTime$jscomp$0.pendingContext &&
+              ((renderExpirationTime$jscomp$0.context =
+                renderExpirationTime$jscomp$0.pendingContext),
+              (renderExpirationTime$jscomp$0.pendingContext = null));
             if (null === current || null === current.child)
               current$$1.effectTag &= -3;
             updateHostContainer(current$$1);
@@ -5380,28 +5771,28 @@ function completeUnitOfWork(unitOfWork) {
               requiredContext(contextStackCursor$1.current);
               current = newProps;
               var rootContainerInstance = renderExpirationTime$jscomp$0;
-              newProps = current$$1;
-              renderExpirationTime$jscomp$0 = nextReactTag;
+              renderExpirationTime$jscomp$0 = current$$1;
+              newProps = nextReactTag;
               nextReactTag += 2;
-              type = ReactNativeViewConfigRegistry.get(type);
+              type = getViewConfigForType(type);
               var updatePayload = diffProperties(
                 null,
                 emptyObject,
                 current,
                 type.validAttributes
               );
-              rootContainerInstance = FabricUIManager.createNode(
-                renderExpirationTime$jscomp$0,
+              rootContainerInstance = createNode(
+                newProps,
                 type.uiViewClassName,
                 rootContainerInstance,
                 updatePayload,
-                newProps
+                renderExpirationTime$jscomp$0
               );
               current = new ReactFabricHostComponent(
-                renderExpirationTime$jscomp$0,
+                newProps,
                 type,
                 current,
-                newProps
+                renderExpirationTime$jscomp$0
               );
               current = { node: rootContainerInstance, canonical: current };
               appendAllChildren(current, current$$1, !1, !1);
@@ -5409,7 +5800,9 @@ function completeUnitOfWork(unitOfWork) {
               null !== current$$1.ref && (current$$1.effectTag |= 128);
             } else if (null === current$$1.stateNode)
               throw ReactError(
-                "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+                Error(
+                  "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+                )
               );
             break;
           case 6:
@@ -5423,7 +5816,9 @@ function completeUnitOfWork(unitOfWork) {
             else {
               if ("string" !== typeof newProps && null === current$$1.stateNode)
                 throw ReactError(
-                  "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+                  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);
               renderExpirationTime$jscomp$0 = requiredContext(
@@ -5440,36 +5835,47 @@ function completeUnitOfWork(unitOfWork) {
           case 11:
             break;
           case 13:
+            pop(suspenseStackCursor, current$$1);
             newProps = current$$1.memoizedState;
             if (0 !== (current$$1.effectTag & 64)) {
               current$$1.expirationTime = renderExpirationTime$jscomp$0;
               break a;
             }
-            newProps = null !== newProps;
-            renderExpirationTime$jscomp$0 = !1;
+            renderExpirationTime$jscomp$0 = null !== newProps;
+            newProps = !1;
             null !== current &&
               ((type = current.memoizedState),
-              (renderExpirationTime$jscomp$0 = null !== type),
-              newProps ||
+              (newProps = null !== type),
+              renderExpirationTime$jscomp$0 ||
                 null === type ||
-                ((type = type.fallbackExpirationTime),
-                type < workInProgressRootMostRecentEventTime &&
-                  (workInProgressRootMostRecentEventTime = type),
-                (current = current.child.sibling),
-                null !== current &&
-                  ((type = current$$1.firstEffect),
-                  null !== type
-                    ? ((current$$1.firstEffect = current),
-                      (current.nextEffect = type))
-                    : ((current$$1.firstEffect = current$$1.lastEffect = current),
-                      (current.nextEffect = null)),
-                  (current.effectTag = 8))));
-            newProps &&
-              !renderExpirationTime$jscomp$0 &&
-              0 !== (current$$1.mode & 1) &&
-              workInProgressRootExitStatus === RootIncomplete &&
-              (workInProgressRootExitStatus = RootSuspended);
-            newProps && (current$$1.effectTag |= 4);
+                ((type = current.child.sibling),
+                null !== type &&
+                  ((rootContainerInstance = current$$1.firstEffect),
+                  null !== rootContainerInstance
+                    ? ((current$$1.firstEffect = type),
+                      (type.nextEffect = rootContainerInstance))
+                    : ((current$$1.firstEffect = current$$1.lastEffect = type),
+                      (type.nextEffect = null)),
+                  (type.effectTag = 8))));
+            if (
+              renderExpirationTime$jscomp$0 &&
+              !newProps &&
+              0 !== (current$$1.mode & 2)
+            )
+              if (
+                (null === current &&
+                  !0 !== current$$1.memoizedProps.unstable_avoidThisFallback) ||
+                0 !==
+                  (suspenseStackCursor.current & InvisibleParentSuspenseContext)
+              )
+                workInProgressRootExitStatus === RootIncomplete &&
+                  (workInProgressRootExitStatus = RootSuspended);
+              else if (
+                workInProgressRootExitStatus === RootIncomplete ||
+                workInProgressRootExitStatus === RootSuspended
+              )
+                workInProgressRootExitStatus = RootSuspendedWithDelay;
+            renderExpirationTime$jscomp$0 && (current$$1.effectTag |= 4);
             break;
           case 7:
             break;
@@ -5494,33 +5900,166 @@ function completeUnitOfWork(unitOfWork) {
           case 18:
             break;
           case 19:
+            pop(suspenseStackCursor, current$$1);
+            newProps = current$$1.memoizedState;
+            if (null === newProps) break;
+            type = 0 !== (current$$1.effectTag & 64);
+            rootContainerInstance = newProps.rendering;
+            if (null === rootContainerInstance)
+              if (type) cutOffTailIfNeeded(newProps, !1);
+              else {
+                if (
+                  workInProgressRootExitStatus !== RootIncomplete ||
+                  (null !== current && 0 !== (current.effectTag & 64))
+                )
+                  for (current = current$$1.child; null !== current; ) {
+                    rootContainerInstance = findFirstSuspended(current);
+                    if (null !== rootContainerInstance) {
+                      current$$1.effectTag |= 64;
+                      cutOffTailIfNeeded(newProps, !1);
+                      current = rootContainerInstance.updateQueue;
+                      null !== current &&
+                        ((current$$1.updateQueue = current),
+                        (current$$1.effectTag |= 4));
+                      current$$1.firstEffect = current$$1.lastEffect = null;
+                      current = renderExpirationTime$jscomp$0;
+                      for (
+                        renderExpirationTime$jscomp$0 = current$$1.child;
+                        null !== renderExpirationTime$jscomp$0;
+
+                      )
+                        (newProps = renderExpirationTime$jscomp$0),
+                          (type = current),
+                          (newProps.effectTag &= 2),
+                          (newProps.nextEffect = null),
+                          (newProps.firstEffect = null),
+                          (newProps.lastEffect = null),
+                          (rootContainerInstance = newProps.alternate),
+                          null === rootContainerInstance
+                            ? ((newProps.childExpirationTime = 0),
+                              (newProps.expirationTime = type),
+                              (newProps.child = null),
+                              (newProps.memoizedProps = null),
+                              (newProps.memoizedState = null),
+                              (newProps.updateQueue = null),
+                              (newProps.dependencies = null))
+                            : ((newProps.childExpirationTime =
+                                rootContainerInstance.childExpirationTime),
+                              (newProps.expirationTime =
+                                rootContainerInstance.expirationTime),
+                              (newProps.child = rootContainerInstance.child),
+                              (newProps.memoizedProps =
+                                rootContainerInstance.memoizedProps),
+                              (newProps.memoizedState =
+                                rootContainerInstance.memoizedState),
+                              (newProps.updateQueue =
+                                rootContainerInstance.updateQueue),
+                              (type = rootContainerInstance.dependencies),
+                              (newProps.dependencies =
+                                null === type
+                                  ? null
+                                  : {
+                                      expirationTime: type.expirationTime,
+                                      firstContext: type.firstContext,
+                                      responders: type.responders
+                                    })),
+                          (renderExpirationTime$jscomp$0 =
+                            renderExpirationTime$jscomp$0.sibling);
+                      push(
+                        suspenseStackCursor,
+                        (suspenseStackCursor.current &
+                          SubtreeSuspenseContextMask) |
+                          ForceSuspenseFallback,
+                        current$$1
+                      );
+                      current$$1 = current$$1.child;
+                      break a;
+                    }
+                    current = current.sibling;
+                  }
+              }
+            else {
+              if (!type)
+                if (
+                  ((current = findFirstSuspended(rootContainerInstance)),
+                  null !== current)
+                ) {
+                  if (
+                    ((current$$1.effectTag |= 64),
+                    (type = !0),
+                    cutOffTailIfNeeded(newProps, !0),
+                    null === newProps.tail && "hidden" === newProps.tailMode)
+                  ) {
+                    current = current.updateQueue;
+                    null !== current &&
+                      ((current$$1.updateQueue = current),
+                      (current$$1.effectTag |= 4));
+                    current$$1 = current$$1.lastEffect = newProps.lastEffect;
+                    null !== current$$1 && (current$$1.nextEffect = null);
+                    break;
+                  }
+                } else
+                  now() > newProps.tailExpiration &&
+                    1 < renderExpirationTime$jscomp$0 &&
+                    ((current$$1.effectTag |= 64),
+                    (type = !0),
+                    cutOffTailIfNeeded(newProps, !1),
+                    (current$$1.expirationTime = current$$1.childExpirationTime =
+                      renderExpirationTime$jscomp$0 - 1));
+              newProps.isBackwards
+                ? ((rootContainerInstance.sibling = current$$1.child),
+                  (current$$1.child = rootContainerInstance))
+                : ((current = newProps.last),
+                  null !== current
+                    ? (current.sibling = rootContainerInstance)
+                    : (current$$1.child = rootContainerInstance),
+                  (newProps.last = rootContainerInstance));
+            }
+            if (null !== newProps.tail) {
+              0 === newProps.tailExpiration &&
+                (newProps.tailExpiration = now() + 500);
+              current = newProps.tail;
+              newProps.rendering = current;
+              newProps.tail = current.sibling;
+              newProps.lastEffect = current$$1.lastEffect;
+              current.sibling = null;
+              renderExpirationTime$jscomp$0 = suspenseStackCursor.current;
+              renderExpirationTime$jscomp$0 = type
+                ? (renderExpirationTime$jscomp$0 & SubtreeSuspenseContextMask) |
+                  ForceSuspenseFallback
+                : renderExpirationTime$jscomp$0 & SubtreeSuspenseContextMask;
+              push(
+                suspenseStackCursor,
+                renderExpirationTime$jscomp$0,
+                current$$1
+              );
+              current$$1 = current;
+              break a;
+            }
             break;
           case 20:
             break;
           default:
             throw ReactError(
-              "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+              Error(
+                "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+              )
             );
         }
         current$$1 = null;
       }
       current = workInProgress;
       if (1 === renderExpirationTime || 1 !== current.childExpirationTime) {
-        newProps = 0;
-        for (
-          renderExpirationTime$jscomp$0 = current.child;
-          null !== renderExpirationTime$jscomp$0;
-
-        )
-          (type = renderExpirationTime$jscomp$0.expirationTime),
-            (rootContainerInstance =
-              renderExpirationTime$jscomp$0.childExpirationTime),
-            type > newProps && (newProps = type),
-            rootContainerInstance > newProps &&
-              (newProps = rootContainerInstance),
-            (renderExpirationTime$jscomp$0 =
-              renderExpirationTime$jscomp$0.sibling);
-        current.childExpirationTime = newProps;
+        renderExpirationTime$jscomp$0 = 0;
+        for (newProps = current.child; null !== newProps; )
+          (type = newProps.expirationTime),
+            (rootContainerInstance = newProps.childExpirationTime),
+            type > renderExpirationTime$jscomp$0 &&
+              (renderExpirationTime$jscomp$0 = type),
+            rootContainerInstance > renderExpirationTime$jscomp$0 &&
+              (renderExpirationTime$jscomp$0 = rootContainerInstance),
+            (newProps = newProps.sibling);
+        current.childExpirationTime = renderExpirationTime$jscomp$0;
       }
       if (null !== current$$1) return current$$1;
       null !== unitOfWork &&
@@ -5552,23 +6091,31 @@ function completeUnitOfWork(unitOfWork) {
     (workInProgressRootExitStatus = RootCompleted);
   return null;
 }
-function commitRoot(root, expirationTime) {
-  runWithPriority(99, commitRootImpl.bind(null, root, expirationTime));
+function commitRoot(root) {
+  var renderPriorityLevel = getCurrentPriorityLevel();
+  runWithPriority$1(99, commitRootImpl.bind(null, root, renderPriorityLevel));
   null !== rootWithPendingPassiveEffects &&
-    ((root = getCurrentPriorityLevel()),
-    scheduleCallback(root, function() {
+    scheduleCallback(97, function() {
       flushPassiveEffects();
       return null;
-    }));
+    });
   return null;
 }
-function commitRootImpl(root, expirationTime) {
+function commitRootImpl(root, renderPriorityLevel) {
   flushPassiveEffects();
-  if (workPhase === RenderPhase || workPhase === CommitPhase)
-    throw ReactError("Should not already be working.");
-  var finishedWork = root.current.alternate;
-  if (null === finishedWork)
-    throw ReactError("Should have a work-in-progress root.");
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(Error("Should not already be working."));
+  var finishedWork = root.finishedWork,
+    expirationTime = root.finishedExpirationTime;
+  if (null === finishedWork) return null;
+  root.finishedWork = null;
+  root.finishedExpirationTime = 0;
+  if (finishedWork === root.current)
+    throw ReactError(
+      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.callbackExpirationTime = 0;
   var updateExpirationTimeBeforeCommit = finishedWork.expirationTime,
@@ -5585,14 +6132,14 @@ function commitRootImpl(root, expirationTime) {
   1 < finishedWork.effectTag
     ? null !== finishedWork.lastEffect
       ? ((finishedWork.lastEffect.nextEffect = finishedWork),
-        (childExpirationTimeBeforeCommit = finishedWork.firstEffect))
-      : (childExpirationTimeBeforeCommit = finishedWork)
-    : (childExpirationTimeBeforeCommit = finishedWork.firstEffect);
-  if (null !== childExpirationTimeBeforeCommit) {
-    updateExpirationTimeBeforeCommit = workPhase;
-    workPhase = CommitPhase;
+        (updateExpirationTimeBeforeCommit = finishedWork.firstEffect))
+      : (updateExpirationTimeBeforeCommit = finishedWork)
+    : (updateExpirationTimeBeforeCommit = finishedWork.firstEffect);
+  if (null !== updateExpirationTimeBeforeCommit) {
+    childExpirationTimeBeforeCommit = executionContext;
+    executionContext |= CommitContext;
     ReactCurrentOwner$2.current = null;
-    nextEffect = childExpirationTimeBeforeCommit;
+    nextEffect = updateExpirationTimeBeforeCommit;
     do
       try {
         for (; null !== nextEffect; ) {
@@ -5635,11 +6182,12 @@ function commitRootImpl(root, expirationTime) {
               case 6:
               case 4:
               case 17:
-              case 20:
                 break;
               default:
                 throw ReactError(
-                  "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+                  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."
+                  )
                 );
             }
           }
@@ -5647,15 +6195,15 @@ function commitRootImpl(root, expirationTime) {
         }
       } catch (error) {
         if (null === nextEffect)
-          throw ReactError("Should be working on an effect.");
+          throw ReactError(Error("Should be working on an effect."));
         captureCommitPhaseError(nextEffect, error);
         nextEffect = nextEffect.nextEffect;
       }
     while (null !== nextEffect);
-    nextEffect = childExpirationTimeBeforeCommit;
+    nextEffect = updateExpirationTimeBeforeCommit;
     do
       try {
-        for (; null !== nextEffect; ) {
+        for (current$$1 = renderPriorityLevel; null !== nextEffect; ) {
           var effectTag = nextEffect.effectTag;
           if (effectTag & 128) {
             var current$$1$jscomp$0 = nextEffect.alternate;
@@ -5679,102 +6227,45 @@ function commitRootImpl(root, expirationTime) {
               commitWork(nextEffect.alternate, nextEffect);
               break;
             case 8:
-              current$$1 = nextEffect;
-              a: for (prevState = prevProps = current$$1; ; ) {
-                instance = prevState;
-                "function" === typeof onCommitFiberUnmount &&
-                  onCommitFiberUnmount(instance);
-                switch (instance.tag) {
-                  case 0:
-                  case 11:
-                  case 14:
-                  case 15:
-                    var updateQueue = instance.updateQueue;
-                    if (null !== updateQueue) {
-                      var lastEffect = updateQueue.lastEffect;
-                      if (null !== lastEffect) {
-                        var firstEffect = lastEffect.next;
-                        snapshot = firstEffect;
-                        do {
-                          var destroy = snapshot.destroy;
-                          if (void 0 !== destroy) {
-                            finishedWork$jscomp$0 = instance;
-                            try {
-                              destroy();
-                            } catch (error) {
-                              captureCommitPhaseError(
-                                finishedWork$jscomp$0,
-                                error
-                              );
-                            }
-                          }
-                          snapshot = snapshot.next;
-                        } while (snapshot !== firstEffect);
-                      }
-                    }
-                    break;
-                  case 1:
-                    safelyDetachRef(instance);
-                    var instance$jscomp$0 = instance.stateNode;
-                    if (
-                      "function" ===
-                      typeof instance$jscomp$0.componentWillUnmount
-                    )
-                      try {
-                        (instance$jscomp$0.props = instance.memoizedProps),
-                          (instance$jscomp$0.state = instance.memoizedState),
-                          instance$jscomp$0.componentWillUnmount();
-                      } catch (unmountError) {
-                        captureCommitPhaseError(instance, unmountError);
-                      }
-                    break;
-                  case 5:
-                    safelyDetachRef(instance);
-                    break;
-                  case 4:
-                    FabricUIManager.createChildSet(
-                      instance.stateNode.containerInfo
-                    );
-                }
-                if (null !== prevState.child)
-                  (prevState.child.return = prevState),
-                    (prevState = prevState.child);
+              prevProps = nextEffect;
+              a: for (
+                prevState = prevProps,
+                  instance = current$$1,
+                  snapshot = prevState;
+                ;
+
+              )
+                if (
+                  (commitUnmount(snapshot, instance), null !== snapshot.child)
+                )
+                  (snapshot.child.return = snapshot),
+                    (snapshot = snapshot.child);
                 else {
-                  if (prevState === prevProps) break;
-                  for (; null === prevState.sibling; ) {
+                  if (snapshot === prevState) break;
+                  for (; null === snapshot.sibling; ) {
                     if (
-                      null === prevState.return ||
-                      prevState.return === prevProps
+                      null === snapshot.return ||
+                      snapshot.return === prevState
                     )
                       break a;
-                    prevState = prevState.return;
+                    snapshot = snapshot.return;
                   }
-                  prevState.sibling.return = prevState.return;
-                  prevState = prevState.sibling;
+                  snapshot.sibling.return = snapshot.return;
+                  snapshot = snapshot.sibling;
                 }
-              }
-              current$$1.return = null;
-              current$$1.child = null;
-              current$$1.memoizedState = null;
-              current$$1.updateQueue = null;
-              var alternate = current$$1.alternate;
-              null !== alternate &&
-                ((alternate.return = null),
-                (alternate.child = null),
-                (alternate.memoizedState = null),
-                (alternate.updateQueue = null));
+              detachFiber(prevProps);
           }
           nextEffect = nextEffect.nextEffect;
         }
       } catch (error) {
         if (null === nextEffect)
-          throw ReactError("Should be working on an effect.");
+          throw ReactError(Error("Should be working on an effect."));
         captureCommitPhaseError(nextEffect, error);
         nextEffect = nextEffect.nextEffect;
       }
     while (null !== nextEffect);
     root.current = finishedWork;
-    nextEffect = childExpirationTimeBeforeCommit;
+    nextEffect = updateExpirationTimeBeforeCommit;
     do
       try {
         for (effectTag = expirationTime; null !== nextEffect; ) {
@@ -5794,10 +6285,10 @@ function commitRootImpl(root, expirationTime) {
                 );
                 break;
               case 1:
-                var instance$jscomp$1 = current$$1$jscomp$0.stateNode;
+                var instance$jscomp$0 = current$$1$jscomp$0.stateNode;
                 if (current$$1$jscomp$0.effectTag & 4)
                   if (null === current$$1$jscomp$1)
-                    instance$jscomp$1.componentDidMount();
+                    instance$jscomp$0.componentDidMount();
                   else {
                     var prevProps$jscomp$0 =
                       current$$1$jscomp$0.elementType ===
@@ -5807,38 +6298,38 @@ function commitRootImpl(root, expirationTime) {
                             current$$1$jscomp$0.type,
                             current$$1$jscomp$1.memoizedProps
                           );
-                    instance$jscomp$1.componentDidUpdate(
+                    instance$jscomp$0.componentDidUpdate(
                       prevProps$jscomp$0,
                       current$$1$jscomp$1.memoizedState,
-                      instance$jscomp$1.__reactInternalSnapshotBeforeUpdate
+                      instance$jscomp$0.__reactInternalSnapshotBeforeUpdate
                     );
                   }
-                var updateQueue$jscomp$0 = current$$1$jscomp$0.updateQueue;
-                null !== updateQueue$jscomp$0 &&
+                var updateQueue = current$$1$jscomp$0.updateQueue;
+                null !== updateQueue &&
                   commitUpdateQueue(
                     current$$1$jscomp$0,
-                    updateQueue$jscomp$0,
-                    instance$jscomp$1,
+                    updateQueue,
+                    instance$jscomp$0,
                     currentRef
                   );
                 break;
               case 3:
                 var _updateQueue = current$$1$jscomp$0.updateQueue;
                 if (null !== _updateQueue) {
-                  updateQueue = null;
+                  current$$1 = null;
                   if (null !== current$$1$jscomp$0.child)
                     switch (current$$1$jscomp$0.child.tag) {
                       case 5:
-                        updateQueue =
+                        current$$1 =
                           current$$1$jscomp$0.child.stateNode.canonical;
                         break;
                       case 1:
-                        updateQueue = current$$1$jscomp$0.child.stateNode;
+                        current$$1 = current$$1$jscomp$0.child.stateNode;
                     }
                   commitUpdateQueue(
                     current$$1$jscomp$0,
                     _updateQueue,
-                    updateQueue,
+                    current$$1,
                     currentRef
                   );
                 }
@@ -5849,7 +6340,9 @@ function commitRootImpl(root, expirationTime) {
                   current$$1$jscomp$0.effectTag & 4
                 )
                   throw ReactError(
-                    "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
+                    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:
@@ -5859,28 +6352,28 @@ function commitRootImpl(root, expirationTime) {
               case 12:
                 break;
               case 13:
+              case 19:
               case 17:
-                break;
               case 20:
                 break;
-              case 19:
-                break;
               default:
                 throw ReactError(
-                  "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+                  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 (effectTag$jscomp$0 & 128) {
             var ref = nextEffect.ref;
             if (null !== ref) {
-              var instance$jscomp$2 = nextEffect.stateNode;
+              var instance$jscomp$1 = nextEffect.stateNode;
               switch (nextEffect.tag) {
                 case 5:
-                  var instanceToUse = instance$jscomp$2.canonical;
+                  var instanceToUse = instance$jscomp$1.canonical;
                   break;
                 default:
-                  instanceToUse = instance$jscomp$2;
+                  instanceToUse = instance$jscomp$1;
               }
               "function" === typeof ref
                 ? ref(instanceToUse)
@@ -5892,28 +6385,37 @@ function commitRootImpl(root, expirationTime) {
         }
       } catch (error) {
         if (null === nextEffect)
-          throw ReactError("Should be working on an effect.");
+          throw ReactError(Error("Should be working on an effect."));
         captureCommitPhaseError(nextEffect, error);
         nextEffect = nextEffect.nextEffect;
       }
     while (null !== nextEffect);
     nextEffect = null;
-    workPhase = updateExpirationTimeBeforeCommit;
+    requestPaint();
+    executionContext = childExpirationTimeBeforeCommit;
   } else root.current = finishedWork;
-  rootDoesHavePassiveEffects &&
-    ((rootDoesHavePassiveEffects = !1), (rootWithPendingPassiveEffects = root));
-  expirationTime = root.firstPendingTime;
-  0 !== expirationTime
+  if (rootDoesHavePassiveEffects)
+    (rootDoesHavePassiveEffects = !1),
+      (rootWithPendingPassiveEffects = root),
+      (pendingPassiveEffectsExpirationTime = expirationTime),
+      (pendingPassiveEffectsRenderPriority = renderPriorityLevel);
+  else
+    for (nextEffect = updateExpirationTimeBeforeCommit; null !== nextEffect; )
+      (renderPriorityLevel = nextEffect.nextEffect),
+        (nextEffect.nextEffect = null),
+        (nextEffect = renderPriorityLevel);
+  renderPriorityLevel = root.firstPendingTime;
+  0 !== renderPriorityLevel
     ? ((effectTag$jscomp$0 = requestCurrentTime()),
       (effectTag$jscomp$0 = inferPriorityFromExpirationTime(
         effectTag$jscomp$0,
-        expirationTime
+        renderPriorityLevel
       )),
-      scheduleCallbackForRoot(root, effectTag$jscomp$0, expirationTime))
+      scheduleCallbackForRoot(root, effectTag$jscomp$0, renderPriorityLevel))
     : (legacyErrorBoundariesThatAlreadyFailed = null);
   "function" === typeof onCommitFiberRoot &&
-    onCommitFiberRoot(finishedWork.stateNode);
-  1073741823 === expirationTime
+    onCommitFiberRoot(finishedWork.stateNode, expirationTime);
+  1073741823 === renderPriorityLevel
     ? root === rootWithNestedUpdates
       ? nestedUpdateCount++
       : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root))
@@ -5923,31 +6425,52 @@ function commitRootImpl(root, expirationTime) {
     (root = firstUncaughtError),
     (firstUncaughtError = null),
     root);
-  if (workPhase === LegacyUnbatchedPhase) return null;
-  flushImmediateQueue();
+  if ((executionContext & LegacyUnbatchedContext) !== NoContext) return null;
+  flushSyncCallbackQueue();
   return null;
 }
 function flushPassiveEffects() {
   if (null === rootWithPendingPassiveEffects) return !1;
-  var root = rootWithPendingPassiveEffects;
+  var root = rootWithPendingPassiveEffects,
+    expirationTime = pendingPassiveEffectsExpirationTime,
+    renderPriorityLevel = pendingPassiveEffectsRenderPriority;
   rootWithPendingPassiveEffects = null;
-  if (workPhase === RenderPhase || workPhase === CommitPhase)
-    throw ReactError("Cannot flush passive effects while already rendering.");
-  var prevWorkPhase = workPhase;
-  workPhase = CommitPhase;
+  pendingPassiveEffectsExpirationTime = 0;
+  pendingPassiveEffectsRenderPriority = 90;
+  return runWithPriority$1(
+    97 < renderPriorityLevel ? 97 : renderPriorityLevel,
+    flushPassiveEffectsImpl.bind(null, root, expirationTime)
+  );
+}
+function flushPassiveEffectsImpl(root) {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(
+      Error("Cannot flush passive effects while already rendering.")
+    );
+  var prevExecutionContext = executionContext;
+  executionContext |= CommitContext;
   for (root = root.current.firstEffect; null !== root; ) {
     try {
       var finishedWork = root;
-      commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork);
-      commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
+      if (0 !== (finishedWork.effectTag & 512))
+        switch (finishedWork.tag) {
+          case 0:
+          case 11:
+          case 15:
+            commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork),
+              commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
+        }
     } catch (error) {
-      if (null === root) throw ReactError("Should be working on an effect.");
+      if (null === root)
+        throw ReactError(Error("Should be working on an effect."));
       captureCommitPhaseError(root, error);
     }
-    root = root.nextEffect;
+    finishedWork = root.nextEffect;
+    root.nextEffect = null;
+    root = finishedWork;
   }
-  workPhase = prevWorkPhase;
-  flushImmediateQueue();
+  executionContext = prevExecutionContext;
+  flushSyncCallbackQueue();
   return !0;
 }
 function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
@@ -5988,11 +6511,18 @@ function pingSuspendedRoot(root, thenable, suspendedTime) {
   var pingCache = root.pingCache;
   null !== pingCache && pingCache.delete(thenable);
   workInProgressRoot === root && renderExpirationTime === suspendedTime
-    ? prepareFreshStack(root, renderExpirationTime)
+    ? workInProgressRootExitStatus === RootSuspendedWithDelay ||
+      (workInProgressRootExitStatus === RootSuspended &&
+        1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+        now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
+      ? prepareFreshStack(root, renderExpirationTime)
+      : (workInProgressRootHasPendingPing = !0)
     : root.lastPendingTime < suspendedTime ||
       ((thenable = root.pingTime),
       (0 !== thenable && thenable < suspendedTime) ||
         ((root.pingTime = suspendedTime),
+        root.finishedExpirationTime === suspendedTime &&
+          ((root.finishedExpirationTime = 0), (root.finishedWork = null)),
         (thenable = requestCurrentTime()),
         (thenable = inferPriorityFromExpirationTime(thenable, suspendedTime)),
         scheduleCallbackForRoot(root, thenable, suspendedTime)));
@@ -6001,7 +6531,7 @@ function resolveRetryThenable(boundaryFiber, thenable) {
   var retryCache = boundaryFiber.stateNode;
   null !== retryCache && retryCache.delete(thenable);
   retryCache = requestCurrentTime();
-  thenable = computeExpirationForFiber(retryCache, boundaryFiber);
+  thenable = computeExpirationForFiber(retryCache, boundaryFiber, null);
   retryCache = inferPriorityFromExpirationTime(retryCache, thenable);
   boundaryFiber = markUpdateTimeFromFiberToRoot(boundaryFiber, thenable);
   null !== boundaryFiber &&
@@ -6051,6 +6581,11 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                   workInProgress,
                   renderExpirationTime
                 );
+              push(
+                suspenseStackCursor,
+                suspenseStackCursor.current & SubtreeSuspenseContextMask,
+                workInProgress
+              );
               workInProgress = bailoutOnAlreadyFinishedWork(
                 current$$1,
                 workInProgress,
@@ -6058,6 +6593,33 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
               );
               return null !== workInProgress ? workInProgress.sibling : null;
             }
+            push(
+              suspenseStackCursor,
+              suspenseStackCursor.current & SubtreeSuspenseContextMask,
+              workInProgress
+            );
+            break;
+          case 19:
+            updateExpirationTime =
+              workInProgress.childExpirationTime >= renderExpirationTime;
+            if (0 !== (current$$1.effectTag & 64)) {
+              if (updateExpirationTime)
+                return updateSuspenseListComponent(
+                  current$$1,
+                  workInProgress,
+                  renderExpirationTime
+                );
+              workInProgress.effectTag |= 64;
+            }
+            var renderState = workInProgress.memoizedState;
+            null !== renderState &&
+              ((renderState.rendering = null), (renderState.tail = null));
+            push(
+              suspenseStackCursor,
+              suspenseStackCursor.current,
+              workInProgress
+            );
+            if (!updateExpirationTime) return null;
         }
         return bailoutOnAlreadyFinishedWork(
           current$$1,
@@ -6070,31 +6632,31 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
   workInProgress.expirationTime = 0;
   switch (workInProgress.tag) {
     case 2:
-      updateExpirationTime = workInProgress.elementType;
+      updateExpirationTime = workInProgress.type;
       null !== current$$1 &&
         ((current$$1.alternate = null),
         (workInProgress.alternate = null),
         (workInProgress.effectTag |= 2));
       current$$1 = workInProgress.pendingProps;
-      var context = getMaskedContext(
+      renderState = getMaskedContext(
         workInProgress,
         contextStackCursor.current
       );
       prepareToReadContext(workInProgress, renderExpirationTime);
-      context = renderWithHooks(
+      renderState = renderWithHooks(
         null,
         workInProgress,
         updateExpirationTime,
         current$$1,
-        context,
+        renderState,
         renderExpirationTime
       );
       workInProgress.effectTag |= 1;
       if (
-        "object" === typeof context &&
-        null !== context &&
-        "function" === typeof context.render &&
-        void 0 === context.$$typeof
+        "object" === typeof renderState &&
+        null !== renderState &&
+        "function" === typeof renderState.render &&
+        void 0 === renderState.$$typeof
       ) {
         workInProgress.tag = 1;
         resetHooks();
@@ -6103,8 +6665,8 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           pushContextProvider(workInProgress);
         } else hasContext = !1;
         workInProgress.memoizedState =
-          null !== context.state && void 0 !== context.state
-            ? context.state
+          null !== renderState.state && void 0 !== renderState.state
+            ? renderState.state
             : null;
         var getDerivedStateFromProps =
           updateExpirationTime.getDerivedStateFromProps;
@@ -6115,9 +6677,9 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             getDerivedStateFromProps,
             current$$1
           );
-        context.updater = classComponentUpdater;
-        workInProgress.stateNode = context;
-        context._reactInternalFiber = workInProgress;
+        renderState.updater = classComponentUpdater;
+        workInProgress.stateNode = renderState;
+        renderState._reactInternalFiber = workInProgress;
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
@@ -6137,28 +6699,28 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           reconcileChildren(
             null,
             workInProgress,
-            context,
+            renderState,
             renderExpirationTime
           ),
           (workInProgress = workInProgress.child);
       return workInProgress;
     case 16:
-      context = workInProgress.elementType;
+      renderState = workInProgress.elementType;
       null !== current$$1 &&
         ((current$$1.alternate = null),
         (workInProgress.alternate = null),
         (workInProgress.effectTag |= 2));
       current$$1 = workInProgress.pendingProps;
-      context = readLazyComponentType(context);
-      workInProgress.type = context;
-      hasContext = workInProgress.tag = resolveLazyComponentTag(context);
-      current$$1 = resolveDefaultProps(context, current$$1);
+      renderState = readLazyComponentType(renderState);
+      workInProgress.type = renderState;
+      hasContext = workInProgress.tag = resolveLazyComponentTag(renderState);
+      current$$1 = resolveDefaultProps(renderState, current$$1);
       switch (hasContext) {
         case 0:
           workInProgress = updateFunctionComponent(
             null,
             workInProgress,
-            context,
+            renderState,
             current$$1,
             renderExpirationTime
           );
@@ -6167,7 +6729,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress = updateClassComponent(
             null,
             workInProgress,
-            context,
+            renderState,
             current$$1,
             renderExpirationTime
           );
@@ -6176,7 +6738,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress = updateForwardRef(
             null,
             workInProgress,
-            context,
+            renderState,
             current$$1,
             renderExpirationTime
           );
@@ -6185,49 +6747,51 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress = updateMemoComponent(
             null,
             workInProgress,
-            context,
-            resolveDefaultProps(context.type, current$$1),
+            renderState,
+            resolveDefaultProps(renderState.type, current$$1),
             updateExpirationTime,
             renderExpirationTime
           );
           break;
         default:
           throw ReactError(
-            "Element type is invalid. Received a promise that resolves to: " +
-              context +
-              ". Lazy element type must resolve to a class or function."
+            Error(
+              "Element type is invalid. Received a promise that resolves to: " +
+                renderState +
+                ". Lazy element type must resolve to a class or function."
+            )
           );
       }
       return workInProgress;
     case 0:
       return (
         (updateExpirationTime = workInProgress.type),
-        (context = workInProgress.pendingProps),
-        (context =
+        (renderState = workInProgress.pendingProps),
+        (renderState =
           workInProgress.elementType === updateExpirationTime
-            ? context
-            : resolveDefaultProps(updateExpirationTime, context)),
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
         updateFunctionComponent(
           current$$1,
           workInProgress,
           updateExpirationTime,
-          context,
+          renderState,
           renderExpirationTime
         )
       );
     case 1:
       return (
         (updateExpirationTime = workInProgress.type),
-        (context = workInProgress.pendingProps),
-        (context =
+        (renderState = workInProgress.pendingProps),
+        (renderState =
           workInProgress.elementType === updateExpirationTime
-            ? context
-            : resolveDefaultProps(updateExpirationTime, context)),
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
         updateClassComponent(
           current$$1,
           workInProgress,
           updateExpirationTime,
-          context,
+          renderState,
           renderExpirationTime
         )
       );
@@ -6236,10 +6800,12 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       updateExpirationTime = workInProgress.updateQueue;
       if (null === updateExpirationTime)
         throw ReactError(
-          "If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
-      context = workInProgress.memoizedState;
-      context = null !== context ? context.element : null;
+      renderState = workInProgress.memoizedState;
+      renderState = null !== renderState ? renderState.element : null;
       processUpdateQueue(
         workInProgress,
         updateExpirationTime,
@@ -6248,7 +6814,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
         renderExpirationTime
       );
       updateExpirationTime = workInProgress.memoizedState.element;
-      updateExpirationTime === context
+      updateExpirationTime === renderState
         ? (workInProgress = bailoutOnAlreadyFinishedWork(
             current$$1,
             workInProgress,
@@ -6312,16 +6878,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 11:
       return (
         (updateExpirationTime = workInProgress.type),
-        (context = workInProgress.pendingProps),
-        (context =
+        (renderState = workInProgress.pendingProps),
+        (renderState =
           workInProgress.elementType === updateExpirationTime
-            ? context
-            : resolveDefaultProps(updateExpirationTime, context)),
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
         updateForwardRef(
           current$$1,
           workInProgress,
           updateExpirationTime,
-          context,
+          renderState,
           renderExpirationTime
         )
       );
@@ -6358,9 +6924,9 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 10:
       a: {
         updateExpirationTime = workInProgress.type._context;
-        context = workInProgress.pendingProps;
+        renderState = workInProgress.pendingProps;
         getDerivedStateFromProps = workInProgress.memoizedProps;
-        hasContext = context.value;
+        hasContext = renderState.value;
         pushProvider(workInProgress, hasContext);
         if (null !== getDerivedStateFromProps) {
           var oldValue = getDerivedStateFromProps.value;
@@ -6374,7 +6940,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                 : 1073741823) | 0;
           if (0 === hasContext) {
             if (
-              getDerivedStateFromProps.children === context.children &&
+              getDerivedStateFromProps.children === renderState.children &&
               !didPerformWorkStackCursor.current
             ) {
               workInProgress = bailoutOnAlreadyFinishedWork(
@@ -6391,16 +6957,20 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
               null !== oldValue;
 
             ) {
-              var list = oldValue.contextDependencies;
+              var list = oldValue.dependencies;
               if (null !== list) {
                 getDerivedStateFromProps = oldValue.child;
-                for (var dependency = list.first; null !== dependency; ) {
+                for (
+                  var dependency = list.firstContext;
+                  null !== dependency;
+
+                ) {
                   if (
                     dependency.context === updateExpirationTime &&
                     0 !== (dependency.observedBits & hasContext)
                   ) {
                     1 === oldValue.tag &&
-                      ((dependency = createUpdate(renderExpirationTime)),
+                      ((dependency = createUpdate(renderExpirationTime, null)),
                       (dependency.tag = 2),
                       enqueueUpdate(oldValue, dependency));
                     oldValue.expirationTime < renderExpirationTime &&
@@ -6409,22 +6979,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                     null !== dependency &&
                       dependency.expirationTime < renderExpirationTime &&
                       (dependency.expirationTime = renderExpirationTime);
-                    dependency = renderExpirationTime;
-                    for (var node = oldValue.return; null !== node; ) {
-                      var alternate = node.alternate;
-                      if (node.childExpirationTime < dependency)
-                        (node.childExpirationTime = dependency),
-                          null !== alternate &&
-                            alternate.childExpirationTime < dependency &&
-                            (alternate.childExpirationTime = dependency);
-                      else if (
-                        null !== alternate &&
-                        alternate.childExpirationTime < dependency
-                      )
-                        alternate.childExpirationTime = dependency;
-                      else break;
-                      node = node.return;
-                    }
+                    scheduleWorkOnParentPath(
+                      oldValue.return,
+                      renderExpirationTime
+                    );
                     list.expirationTime < renderExpirationTime &&
                       (list.expirationTime = renderExpirationTime);
                     break;
@@ -6464,7 +7022,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
         reconcileChildren(
           current$$1,
           workInProgress,
-          context.children,
+          renderState.children,
           renderExpirationTime
         );
         workInProgress = workInProgress.child;
@@ -6472,12 +7030,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       return workInProgress;
     case 9:
       return (
-        (context = workInProgress.type),
+        (renderState = workInProgress.type),
         (hasContext = workInProgress.pendingProps),
         (updateExpirationTime = hasContext.children),
         prepareToReadContext(workInProgress, renderExpirationTime),
-        (context = readContext(context, hasContext.unstable_observedBits)),
-        (updateExpirationTime = updateExpirationTime(context)),
+        (renderState = readContext(
+          renderState,
+          hasContext.unstable_observedBits
+        )),
+        (updateExpirationTime = updateExpirationTime(renderState)),
         (workInProgress.effectTag |= 1),
         reconcileChildren(
           current$$1,
@@ -6489,16 +7050,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       );
     case 14:
       return (
-        (context = workInProgress.type),
+        (renderState = workInProgress.type),
         (hasContext = resolveDefaultProps(
-          context,
+          renderState,
           workInProgress.pendingProps
         )),
-        (hasContext = resolveDefaultProps(context.type, hasContext)),
+        (hasContext = resolveDefaultProps(renderState.type, hasContext)),
         updateMemoComponent(
           current$$1,
           workInProgress,
-          context,
+          renderState,
           hasContext,
           updateExpirationTime,
           renderExpirationTime
@@ -6516,11 +7077,11 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 17:
       return (
         (updateExpirationTime = workInProgress.type),
-        (context = workInProgress.pendingProps),
-        (context =
+        (renderState = workInProgress.pendingProps),
+        (renderState =
           workInProgress.elementType === updateExpirationTime
-            ? context
-            : resolveDefaultProps(updateExpirationTime, context)),
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
         null !== current$$1 &&
           ((current$$1.alternate = null),
           (workInProgress.alternate = null),
@@ -6533,13 +7094,13 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
         constructClassInstance(
           workInProgress,
           updateExpirationTime,
-          context,
+          renderState,
           renderExpirationTime
         ),
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
-          context,
+          renderState,
           renderExpirationTime
         ),
         finishClassComponent(
@@ -6551,19 +7112,249 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           renderExpirationTime
         )
       );
+    case 19:
+      return updateSuspenseListComponent(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
   }
   throw ReactError(
-    "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+    Error(
+      "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+    )
   );
 };
+var onCommitFiberRoot = null,
+  onCommitFiberUnmount = null;
+function injectInternals(internals) {
+  if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
+  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  if (hook.isDisabled || !hook.supportsFiber) return !0;
+  try {
+    var rendererID = hook.inject(internals);
+    onCommitFiberRoot = function(root) {
+      try {
+        hook.onCommitFiberRoot(
+          rendererID,
+          root,
+          void 0,
+          64 === (root.current.effectTag & 64)
+        );
+      } catch (err) {}
+    };
+    onCommitFiberUnmount = function(fiber) {
+      try {
+        hook.onCommitFiberUnmount(rendererID, fiber);
+      } catch (err) {}
+    };
+  } catch (err) {}
+  return !0;
+}
+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.index = 0;
+  this.ref = null;
+  this.pendingProps = pendingProps;
+  this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
+  this.mode = mode;
+  this.effectTag = 0;
+  this.lastEffect = this.firstEffect = this.nextEffect = null;
+  this.childExpirationTime = this.expirationTime = 0;
+  this.alternate = null;
+}
+function createFiber(tag, pendingProps, key, mode) {
+  return new FiberNode(tag, pendingProps, key, mode);
+}
+function shouldConstruct(Component) {
+  Component = Component.prototype;
+  return !(!Component || !Component.isReactComponent);
+}
+function resolveLazyComponentTag(Component) {
+  if ("function" === typeof Component)
+    return shouldConstruct(Component) ? 1 : 0;
+  if (void 0 !== Component && null !== Component) {
+    Component = Component.$$typeof;
+    if (Component === REACT_FORWARD_REF_TYPE) return 11;
+    if (Component === REACT_MEMO_TYPE) return 14;
+  }
+  return 2;
+}
+function createWorkInProgress(current, pendingProps) {
+  var workInProgress = current.alternate;
+  null === workInProgress
+    ? ((workInProgress = createFiber(
+        current.tag,
+        pendingProps,
+        current.key,
+        current.mode
+      )),
+      (workInProgress.elementType = current.elementType),
+      (workInProgress.type = current.type),
+      (workInProgress.stateNode = current.stateNode),
+      (workInProgress.alternate = current),
+      (current.alternate = workInProgress))
+    : ((workInProgress.pendingProps = pendingProps),
+      (workInProgress.effectTag = 0),
+      (workInProgress.nextEffect = null),
+      (workInProgress.firstEffect = null),
+      (workInProgress.lastEffect = null));
+  workInProgress.childExpirationTime = current.childExpirationTime;
+  workInProgress.expirationTime = current.expirationTime;
+  workInProgress.child = current.child;
+  workInProgress.memoizedProps = current.memoizedProps;
+  workInProgress.memoizedState = current.memoizedState;
+  workInProgress.updateQueue = current.updateQueue;
+  pendingProps = current.dependencies;
+  workInProgress.dependencies =
+    null === pendingProps
+      ? null
+      : {
+          expirationTime: pendingProps.expirationTime,
+          firstContext: pendingProps.firstContext,
+          responders: pendingProps.responders
+        };
+  workInProgress.sibling = current.sibling;
+  workInProgress.index = current.index;
+  workInProgress.ref = current.ref;
+  return workInProgress;
+}
+function createFiberFromTypeAndProps(
+  type,
+  key,
+  pendingProps,
+  owner,
+  mode,
+  expirationTime
+) {
+  var fiberTag = 2;
+  owner = type;
+  if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
+  else if ("string" === typeof type) fiberTag = 5;
+  else
+    a: switch (type) {
+      case REACT_FRAGMENT_TYPE:
+        return createFiberFromFragment(
+          pendingProps.children,
+          mode,
+          expirationTime,
+          key
+        );
+      case REACT_CONCURRENT_MODE_TYPE:
+        fiberTag = 8;
+        mode |= 7;
+        break;
+      case REACT_STRICT_MODE_TYPE:
+        fiberTag = 8;
+        mode |= 1;
+        break;
+      case REACT_PROFILER_TYPE:
+        return (
+          (type = createFiber(12, pendingProps, key, mode | 8)),
+          (type.elementType = REACT_PROFILER_TYPE),
+          (type.type = REACT_PROFILER_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      case REACT_SUSPENSE_TYPE:
+        return (
+          (type = createFiber(13, pendingProps, key, mode)),
+          (type.type = REACT_SUSPENSE_TYPE),
+          (type.elementType = REACT_SUSPENSE_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      case REACT_SUSPENSE_LIST_TYPE:
+        return (
+          (type = createFiber(19, pendingProps, key, mode)),
+          (type.elementType = REACT_SUSPENSE_LIST_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      default:
+        if ("object" === typeof type && null !== type)
+          switch (type.$$typeof) {
+            case REACT_PROVIDER_TYPE:
+              fiberTag = 10;
+              break a;
+            case REACT_CONTEXT_TYPE:
+              fiberTag = 9;
+              break a;
+            case REACT_FORWARD_REF_TYPE:
+              fiberTag = 11;
+              break a;
+            case REACT_MEMO_TYPE:
+              fiberTag = 14;
+              break a;
+            case REACT_LAZY_TYPE:
+              fiberTag = 16;
+              owner = null;
+              break a;
+          }
+        throw ReactError(
+          Error(
+            "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
+              (null == type ? type : typeof type) +
+              "."
+          )
+        );
+    }
+  key = createFiber(fiberTag, pendingProps, key, mode);
+  key.elementType = type;
+  key.type = owner;
+  key.expirationTime = expirationTime;
+  return key;
+}
+function createFiberFromFragment(elements, mode, expirationTime, key) {
+  elements = createFiber(7, elements, key, mode);
+  elements.expirationTime = expirationTime;
+  return elements;
+}
+function createFiberFromText(content, mode, expirationTime) {
+  content = createFiber(6, content, null, mode);
+  content.expirationTime = expirationTime;
+  return content;
+}
+function createFiberFromPortal(portal, mode, expirationTime) {
+  mode = createFiber(
+    4,
+    null !== portal.children ? portal.children : [],
+    portal.key,
+    mode
+  );
+  mode.expirationTime = expirationTime;
+  mode.stateNode = {
+    containerInfo: portal.containerInfo,
+    pendingChildren: null,
+    implementation: portal.implementation
+  };
+  return mode;
+}
+function FiberRootNode(containerInfo, tag, hydrate) {
+  this.tag = tag;
+  this.current = null;
+  this.containerInfo = containerInfo;
+  this.pingCache = this.pendingChildren = null;
+  this.finishedExpirationTime = 0;
+  this.finishedWork = null;
+  this.timeoutHandle = -1;
+  this.pendingContext = this.context = null;
+  this.hydrate = hydrate;
+  this.callbackNode = this.firstBatch = null;
+  this.pingTime = this.lastPendingTime = this.firstPendingTime = this.callbackExpirationTime = 0;
+}
 function findHostInstance(component) {
   var fiber = component._reactInternalFiber;
   if (void 0 === fiber) {
     if ("function" === typeof component.render)
-      throw ReactError("Unable to find node on an unmounted component.");
+      throw ReactError(Error("Unable to find node on an unmounted component."));
     throw ReactError(
-      "Argument appears to not be a ReactComponent. Keys: " +
-        Object.keys(component)
+      Error(
+        "Argument appears to not be a ReactComponent. Keys: " +
+          Object.keys(component)
+      )
     );
   }
   component = findCurrentHostFiber(fiber);
@@ -6571,8 +7362,13 @@ function findHostInstance(component) {
 }
 function updateContainer(element, container, parentComponent, callback) {
   var current$$1 = container.current,
-    currentTime = requestCurrentTime();
-  current$$1 = computeExpirationForFiber(currentTime, current$$1);
+    currentTime = requestCurrentTime(),
+    suspenseConfig = ReactCurrentBatchConfig.suspense;
+  current$$1 = computeExpirationForFiber(
+    currentTime,
+    current$$1,
+    suspenseConfig
+  );
   currentTime = container.current;
   a: if (parentComponent) {
     parentComponent = parentComponent._reactInternalFiber;
@@ -6582,7 +7378,9 @@ function updateContainer(element, container, parentComponent, callback) {
         1 !== parentComponent.tag
       )
         throw ReactError(
-          "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       var parentContext = parentComponent;
       do {
@@ -6601,7 +7399,9 @@ function updateContainer(element, container, parentComponent, callback) {
         parentContext = parentContext.return;
       } while (null !== parentContext);
       throw ReactError(
-        "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     }
     if (1 === parentComponent.tag) {
@@ -6621,12 +7421,11 @@ function updateContainer(element, container, parentComponent, callback) {
     ? (container.context = parentComponent)
     : (container.pendingContext = parentComponent);
   container = callback;
-  callback = createUpdate(current$$1);
-  callback.payload = { element: element };
+  suspenseConfig = createUpdate(current$$1, suspenseConfig);
+  suspenseConfig.payload = { element: element };
   container = void 0 === container ? null : container;
-  null !== container && (callback.callback = container);
-  flushPassiveEffects();
-  enqueueUpdate(currentTime, callback);
+  null !== container && (suspenseConfig.callback = container);
+  enqueueUpdate(currentTime, suspenseConfig);
   scheduleUpdateOnFiber(currentTime, current$$1);
   return current$$1;
 }
@@ -6641,7 +7440,7 @@ function createPortal(children, containerInfo, implementation) {
     implementation: implementation
   };
 }
-function _inherits(subClass, superClass) {
+function _inherits$1(subClass, superClass) {
   if ("function" !== typeof superClass && null !== superClass)
     throw new TypeError(
       "Super expression must either be null or a function, not " +
@@ -6663,9 +7462,10 @@ function _inherits(subClass, superClass) {
 var getInspectorDataForViewTag = void 0;
 getInspectorDataForViewTag = function() {
   throw ReactError(
-    "getInspectorDataForViewTag() is not available in production"
+    Error("getInspectorDataForViewTag() is not available in production")
   );
 };
+var fabricDispatchCommand = nativeFabricUIManager.dispatchCommand;
 function findNodeHandle(componentOrHandle) {
   if (null == componentOrHandle) return null;
   if ("number" === typeof componentOrHandle) return componentOrHandle;
@@ -6679,19 +7479,19 @@ function findNodeHandle(componentOrHandle) {
       ? componentOrHandle.canonical._nativeTag
       : componentOrHandle._nativeTag;
 }
-_batchedUpdatesImpl = function(fn, a) {
-  if (0 !== workPhase) return fn(a);
-  workPhase = 1;
+batchedUpdatesImpl = function(fn, a) {
+  var prevExecutionContext = executionContext;
+  executionContext |= 1;
   try {
     return fn(a);
   } finally {
-    (workPhase = 0), flushImmediateQueue();
+    (executionContext = prevExecutionContext),
+      executionContext === NoContext && flushSyncCallbackQueue();
   }
 };
-_flushInteractiveUpdatesImpl = function() {
-  workPhase !== RenderPhase &&
-    workPhase !== CommitPhase &&
-    flushPendingDiscreteUpdates();
+flushDiscreteUpdatesImpl = function() {
+  (executionContext & (1 | RenderContext | CommitContext)) === NoContext &&
+    (flushPendingDiscreteUpdates(), flushPassiveEffects());
 };
 var roots = new Map(),
   ReactFabric = {
@@ -6710,12 +7510,16 @@ var roots = new Map(),
             ? this
             : call;
         }
-        _inherits(ReactNativeComponent, _React$Component);
+        _inherits$1(ReactNativeComponent, _React$Component);
         ReactNativeComponent.prototype.blur = function() {
-          TextInputState.blurTextInput(findNodeHandle(this));
+          ReactNativePrivateInterface.TextInputState.blurTextInput(
+            findNodeHandle(this)
+          );
         };
         ReactNativeComponent.prototype.focus = function() {
-          TextInputState.focusTextInput(findNodeHandle(this));
+          ReactNativePrivateInterface.TextInputState.focusTextInput(
+            findNodeHandle(this)
+          );
         };
         ReactNativeComponent.prototype.measure = function(callback) {
           var maybeInstance = void 0;
@@ -6728,7 +7532,7 @@ var roots = new Map(),
                   maybeInstance.node,
                   mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                 )
-              : UIManager.measure(
+              : ReactNativePrivateInterface.UIManager.measure(
                   findNodeHandle(this),
                   mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                 ));
@@ -6744,7 +7548,7 @@ var roots = new Map(),
                   maybeInstance.node,
                   mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                 )
-              : UIManager.measureInWindow(
+              : ReactNativePrivateInterface.UIManager.measureInWindow(
                   findNodeHandle(this),
                   mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                 ));
@@ -6766,7 +7570,7 @@ var roots = new Map(),
               : relativeToNativeNode._nativeTag &&
                 (maybeInstance = relativeToNativeNode._nativeTag),
             null != maybeInstance &&
-              UIManager.measureLayout(
+              ReactNativePrivateInterface.UIManager.measureLayout(
                 findNodeHandle(this),
                 maybeInstance,
                 mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
@@ -6790,7 +7594,7 @@ var roots = new Map(),
               maybeInstance.validAttributes
             );
             null != nativeProps &&
-              UIManager.updateView(
+              ReactNativePrivateInterface.UIManager.updateView(
                 nativeTag,
                 maybeInstance.uiViewClassName,
                 nativeProps
@@ -6802,10 +7606,19 @@ var roots = new Map(),
     })(findNodeHandle, findHostInstance),
     findNodeHandle: findNodeHandle,
     setNativeProps: function() {},
+    dispatchCommand: function(handle, command, args) {
+      null != handle._nativeTag &&
+        null != handle._internalInstanceHandle &&
+        fabricDispatchCommand(
+          handle._internalInstanceHandle.stateNode.node,
+          command,
+          args
+        );
+    },
     render: function(element, containerTag, callback) {
       var root = roots.get(containerTag);
       if (!root) {
-        root = new FiberRootNode(containerTag, !1);
+        root = new FiberRootNode(containerTag, 0, !1);
         var uninitializedFiber = createFiber(3, null, null, 0);
         root.current = uninitializedFiber;
         uninitializedFiber.stateNode = root;
@@ -6852,7 +7665,7 @@ var roots = new Map(),
                     maybeInstance.node,
                     mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                   )
-                : UIManager.measure(
+                : ReactNativePrivateInterface.UIManager.measure(
                     findNodeHandle(this),
                     mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                   ));
@@ -6868,7 +7681,7 @@ var roots = new Map(),
                     maybeInstance.node,
                     mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                   )
-                : UIManager.measureInWindow(
+                : ReactNativePrivateInterface.UIManager.measureInWindow(
                     findNodeHandle(this),
                     mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                   ));
@@ -6886,7 +7699,7 @@ var roots = new Map(),
                 : relativeToNativeNode._nativeTag &&
                   (maybeInstance = relativeToNativeNode._nativeTag),
               null != maybeInstance &&
-                UIManager.measureLayout(
+                ReactNativePrivateInterface.UIManager.measureLayout(
                   findNodeHandle(this),
                   maybeInstance,
                   mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
@@ -6910,7 +7723,7 @@ var roots = new Map(),
                 maybeInstance.validAttributes
               );
               null != nativeProps &&
-                UIManager.updateView(
+                ReactNativePrivateInterface.UIManager.updateView(
                   nativeTag,
                   maybeInstance.uiViewClassName,
                   nativeProps
@@ -6918,10 +7731,14 @@ var roots = new Map(),
             }
           },
           focus: function() {
-            TextInputState.focusTextInput(findNodeHandle(this));
+            ReactNativePrivateInterface.TextInputState.focusTextInput(
+              findNodeHandle(this)
+            );
           },
           blur: function() {
-            TextInputState.blurTextInput(findNodeHandle(this));
+            ReactNativePrivateInterface.TextInputState.blurTextInput(
+              findNodeHandle(this)
+            );
           }
         };
       })(findNodeHandle, findHostInstance)
@@ -6944,7 +7761,12 @@ var roots = new Map(),
         return findFiberByHostInstance
           ? findFiberByHostInstance(instance)
           : null;
-      }
+      },
+      findHostInstancesForRefresh: null,
+      scheduleRefresh: null,
+      scheduleRoot: null,
+      setRefreshHandler: null,
+      getCurrentFiber: null
     })
   );
 })({
diff --git a/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js b/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js
new file mode 100644
index 00000000000000..0b076cf2fb1f1e
--- /dev/null
+++ b/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js
@@ -0,0 +1,8016 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @noflow
+ * @preventMunge
+ * @generated
+ */
+
+"use strict";
+require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
+var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface"),
+  React = require("react"),
+  Scheduler = require("scheduler"),
+  tracing = require("scheduler/tracing");
+function ReactError(error) {
+  error.name = "Invariant Violation";
+  return error;
+}
+var eventPluginOrder = null,
+  namesToPlugins = {};
+function recomputePluginOrdering() {
+  if (eventPluginOrder)
+    for (var pluginName in namesToPlugins) {
+      var pluginModule = namesToPlugins[pluginName],
+        pluginIndex = eventPluginOrder.indexOf(pluginName);
+      if (!(-1 < pluginIndex))
+        throw ReactError(
+          Error(
+            "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+              pluginName +
+              "`."
+          )
+        );
+      if (!plugins[pluginIndex]) {
+        if (!pluginModule.extractEvents)
+          throw ReactError(
+            Error(
+              "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
+                pluginName +
+                "` does not."
+            )
+          );
+        plugins[pluginIndex] = pluginModule;
+        pluginIndex = pluginModule.eventTypes;
+        for (var eventName in pluginIndex) {
+          var JSCompiler_inline_result = void 0;
+          var dispatchConfig = pluginIndex[eventName],
+            pluginModule$jscomp$0 = pluginModule,
+            eventName$jscomp$0 = eventName;
+          if (eventNameDispatchConfigs.hasOwnProperty(eventName$jscomp$0))
+            throw ReactError(
+              Error(
+                "EventPluginHub: More than one plugin attempted to publish the same event name, `" +
+                  eventName$jscomp$0 +
+                  "`."
+              )
+            );
+          eventNameDispatchConfigs[eventName$jscomp$0] = dispatchConfig;
+          var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
+          if (phasedRegistrationNames) {
+            for (JSCompiler_inline_result in phasedRegistrationNames)
+              phasedRegistrationNames.hasOwnProperty(
+                JSCompiler_inline_result
+              ) &&
+                publishRegistrationName(
+                  phasedRegistrationNames[JSCompiler_inline_result],
+                  pluginModule$jscomp$0,
+                  eventName$jscomp$0
+                );
+            JSCompiler_inline_result = !0;
+          } else
+            dispatchConfig.registrationName
+              ? (publishRegistrationName(
+                  dispatchConfig.registrationName,
+                  pluginModule$jscomp$0,
+                  eventName$jscomp$0
+                ),
+                (JSCompiler_inline_result = !0))
+              : (JSCompiler_inline_result = !1);
+          if (!JSCompiler_inline_result)
+            throw ReactError(
+              Error(
+                "EventPluginRegistry: Failed to publish event `" +
+                  eventName +
+                  "` for plugin `" +
+                  pluginName +
+                  "`."
+              )
+            );
+        }
+      }
+    }
+}
+function publishRegistrationName(registrationName, pluginModule) {
+  if (registrationNameModules[registrationName])
+    throw ReactError(
+      Error(
+        "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
+          registrationName +
+          "`."
+      )
+    );
+  registrationNameModules[registrationName] = pluginModule;
+}
+var plugins = [],
+  eventNameDispatchConfigs = {},
+  registrationNameModules = {};
+function invokeGuardedCallbackImpl(name, func, context, a, b, c, d, e, f) {
+  var funcArgs = Array.prototype.slice.call(arguments, 3);
+  try {
+    func.apply(context, funcArgs);
+  } catch (error) {
+    this.onError(error);
+  }
+}
+var hasError = !1,
+  caughtError = null,
+  hasRethrowError = !1,
+  rethrowError = null,
+  reporter = {
+    onError: function(error) {
+      hasError = !0;
+      caughtError = error;
+    }
+  };
+function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) {
+  hasError = !1;
+  caughtError = null;
+  invokeGuardedCallbackImpl.apply(reporter, arguments);
+}
+function invokeGuardedCallbackAndCatchFirstError(
+  name,
+  func,
+  context,
+  a,
+  b,
+  c,
+  d,
+  e,
+  f
+) {
+  invokeGuardedCallback.apply(this, arguments);
+  if (hasError) {
+    if (hasError) {
+      var error = caughtError;
+      hasError = !1;
+      caughtError = null;
+    } else
+      throw ReactError(
+        Error(
+          "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    hasRethrowError || ((hasRethrowError = !0), (rethrowError = error));
+  }
+}
+var getFiberCurrentPropsFromNode = null,
+  getInstanceFromNode = null,
+  getNodeFromInstance = null;
+function executeDispatch(event, listener, inst) {
+  var type = event.type || "unknown-event";
+  event.currentTarget = getNodeFromInstance(inst);
+  invokeGuardedCallbackAndCatchFirstError(type, listener, void 0, event);
+  event.currentTarget = null;
+}
+function executeDirectDispatch(event) {
+  var dispatchListener = event._dispatchListeners,
+    dispatchInstance = event._dispatchInstances;
+  if (Array.isArray(dispatchListener))
+    throw ReactError(Error("executeDirectDispatch(...): Invalid `event`."));
+  event.currentTarget = dispatchListener
+    ? getNodeFromInstance(dispatchInstance)
+    : null;
+  dispatchListener = dispatchListener ? dispatchListener(event) : null;
+  event.currentTarget = null;
+  event._dispatchListeners = null;
+  event._dispatchInstances = null;
+  return dispatchListener;
+}
+function accumulateInto(current, next) {
+  if (null == next)
+    throw ReactError(
+      Error(
+        "accumulateInto(...): Accumulated items must not be null or undefined."
+      )
+    );
+  if (null == current) return next;
+  if (Array.isArray(current)) {
+    if (Array.isArray(next)) return current.push.apply(current, next), current;
+    current.push(next);
+    return current;
+  }
+  return Array.isArray(next) ? [current].concat(next) : [current, next];
+}
+function forEachAccumulated(arr, cb, scope) {
+  Array.isArray(arr) ? arr.forEach(cb, scope) : arr && cb.call(scope, arr);
+}
+var eventQueue = null;
+function executeDispatchesAndReleaseTopLevel(e) {
+  if (e) {
+    var dispatchListeners = e._dispatchListeners,
+      dispatchInstances = e._dispatchInstances;
+    if (Array.isArray(dispatchListeners))
+      for (
+        var i = 0;
+        i < dispatchListeners.length && !e.isPropagationStopped();
+        i++
+      )
+        executeDispatch(e, dispatchListeners[i], dispatchInstances[i]);
+    else
+      dispatchListeners &&
+        executeDispatch(e, dispatchListeners, dispatchInstances);
+    e._dispatchListeners = null;
+    e._dispatchInstances = null;
+    e.isPersistent() || e.constructor.release(e);
+  }
+}
+var injection = {
+  injectEventPluginOrder: function(injectedEventPluginOrder) {
+    if (eventPluginOrder)
+      throw ReactError(
+        Error(
+          "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
+        )
+      );
+    eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
+    recomputePluginOrdering();
+  },
+  injectEventPluginsByName: function(injectedNamesToPlugins) {
+    var isOrderingDirty = !1,
+      pluginName;
+    for (pluginName in injectedNamesToPlugins)
+      if (injectedNamesToPlugins.hasOwnProperty(pluginName)) {
+        var pluginModule = injectedNamesToPlugins[pluginName];
+        if (
+          !namesToPlugins.hasOwnProperty(pluginName) ||
+          namesToPlugins[pluginName] !== pluginModule
+        ) {
+          if (namesToPlugins[pluginName])
+            throw ReactError(
+              Error(
+                "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+                  pluginName +
+                  "`."
+              )
+            );
+          namesToPlugins[pluginName] = pluginModule;
+          isOrderingDirty = !0;
+        }
+      }
+    isOrderingDirty && recomputePluginOrdering();
+  }
+};
+function getListener(inst, registrationName) {
+  var listener = inst.stateNode;
+  if (!listener) return null;
+  var props = getFiberCurrentPropsFromNode(listener);
+  if (!props) return null;
+  listener = props[registrationName];
+  a: switch (registrationName) {
+    case "onClick":
+    case "onClickCapture":
+    case "onDoubleClick":
+    case "onDoubleClickCapture":
+    case "onMouseDown":
+    case "onMouseDownCapture":
+    case "onMouseMove":
+    case "onMouseMoveCapture":
+    case "onMouseUp":
+    case "onMouseUpCapture":
+      (props = !props.disabled) ||
+        ((inst = inst.type),
+        (props = !(
+          "button" === inst ||
+          "input" === inst ||
+          "select" === inst ||
+          "textarea" === inst
+        )));
+      inst = !props;
+      break a;
+    default:
+      inst = !1;
+  }
+  if (inst) return null;
+  if (listener && "function" !== typeof listener)
+    throw ReactError(
+      Error(
+        "Expected `" +
+          registrationName +
+          "` listener to be a function, instead got a value of `" +
+          typeof listener +
+          "` type."
+      )
+    );
+  return listener;
+}
+function getParent(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));
+  for (inst = path.length; 0 < inst--; ) fn(path[inst], "captured", arg);
+  for (inst = 0; inst < path.length; inst++) fn(path[inst], "bubbled", arg);
+}
+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 accumulateTwoPhaseDispatchesSingle(event) {
+  event &&
+    event.dispatchConfig.phasedRegistrationNames &&
+    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
+}
+function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
+  if (event && event.dispatchConfig.phasedRegistrationNames) {
+    var targetInst = event._targetInst;
+    targetInst = targetInst ? getParent(targetInst) : null;
+    traverseTwoPhase(targetInst, accumulateDirectionalDispatches, event);
+  }
+}
+function accumulateDirectDispatchesSingle(event) {
+  if (event && event.dispatchConfig.registrationName) {
+    var inst = event._targetInst;
+    if (inst && event && event.dispatchConfig.registrationName) {
+      var listener = getListener(inst, event.dispatchConfig.registrationName);
+      listener &&
+        ((event._dispatchListeners = accumulateInto(
+          event._dispatchListeners,
+          listener
+        )),
+        (event._dispatchInstances = accumulateInto(
+          event._dispatchInstances,
+          inst
+        )));
+    }
+  }
+}
+function functionThatReturnsTrue() {
+  return !0;
+}
+function functionThatReturnsFalse() {
+  return !1;
+}
+function SyntheticEvent(
+  dispatchConfig,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget
+) {
+  this.dispatchConfig = dispatchConfig;
+  this._targetInst = targetInst;
+  this.nativeEvent = nativeEvent;
+  dispatchConfig = this.constructor.Interface;
+  for (var propName in dispatchConfig)
+    dispatchConfig.hasOwnProperty(propName) &&
+      ((targetInst = dispatchConfig[propName])
+        ? (this[propName] = targetInst(nativeEvent))
+        : "target" === propName
+          ? (this.target = nativeEventTarget)
+          : (this[propName] = nativeEvent[propName]));
+  this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
+  ? nativeEvent.defaultPrevented
+  : !1 === nativeEvent.returnValue)
+    ? functionThatReturnsTrue
+    : functionThatReturnsFalse;
+  this.isPropagationStopped = functionThatReturnsFalse;
+  return this;
+}
+Object.assign(SyntheticEvent.prototype, {
+  preventDefault: function() {
+    this.defaultPrevented = !0;
+    var event = this.nativeEvent;
+    event &&
+      (event.preventDefault
+        ? event.preventDefault()
+        : "unknown" !== typeof event.returnValue && (event.returnValue = !1),
+      (this.isDefaultPrevented = functionThatReturnsTrue));
+  },
+  stopPropagation: function() {
+    var event = this.nativeEvent;
+    event &&
+      (event.stopPropagation
+        ? event.stopPropagation()
+        : "unknown" !== typeof event.cancelBubble && (event.cancelBubble = !0),
+      (this.isPropagationStopped = functionThatReturnsTrue));
+  },
+  persist: function() {
+    this.isPersistent = functionThatReturnsTrue;
+  },
+  isPersistent: functionThatReturnsFalse,
+  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._dispatchInstances = this._dispatchListeners = null;
+  }
+});
+SyntheticEvent.Interface = {
+  type: null,
+  target: null,
+  currentTarget: function() {
+    return null;
+  },
+  eventPhase: null,
+  bubbles: null,
+  cancelable: null,
+  timeStamp: function(event) {
+    return event.timeStamp || Date.now();
+  },
+  defaultPrevented: null,
+  isTrusted: null
+};
+SyntheticEvent.extend = function(Interface) {
+  function E() {}
+  function Class() {
+    return Super.apply(this, arguments);
+  }
+  var Super = this;
+  E.prototype = Super.prototype;
+  var prototype = new E();
+  Object.assign(prototype, Class.prototype);
+  Class.prototype = prototype;
+  Class.prototype.constructor = Class;
+  Class.Interface = Object.assign({}, Super.Interface, Interface);
+  Class.extend = Super.extend;
+  addEventPoolingTo(Class);
+  return Class;
+};
+addEventPoolingTo(SyntheticEvent);
+function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
+  if (this.eventPool.length) {
+    var instance = this.eventPool.pop();
+    this.call(instance, dispatchConfig, targetInst, nativeEvent, nativeInst);
+    return instance;
+  }
+  return new this(dispatchConfig, targetInst, nativeEvent, nativeInst);
+}
+function releasePooledEvent(event) {
+  if (!(event instanceof this))
+    throw ReactError(
+      Error(
+        "Trying to release an event instance into a pool of a different type."
+      )
+    );
+  event.destructor();
+  10 > this.eventPool.length && this.eventPool.push(event);
+}
+function addEventPoolingTo(EventConstructor) {
+  EventConstructor.eventPool = [];
+  EventConstructor.getPooled = getPooledEvent;
+  EventConstructor.release = releasePooledEvent;
+}
+var ResponderSyntheticEvent = SyntheticEvent.extend({
+  touchHistory: function() {
+    return null;
+  }
+});
+function isStartish(topLevelType) {
+  return "topTouchStart" === topLevelType;
+}
+function isMoveish(topLevelType) {
+  return "topTouchMove" === topLevelType;
+}
+var startDependencies = ["topTouchStart"],
+  moveDependencies = ["topTouchMove"],
+  endDependencies = ["topTouchCancel", "topTouchEnd"],
+  touchBank = [],
+  touchHistory = {
+    touchBank: touchBank,
+    numberActiveTouches: 0,
+    indexOfSingleActiveTouch: -1,
+    mostRecentTimeStamp: 0
+  };
+function timestampForTouch(touch) {
+  return touch.timeStamp || touch.timestamp;
+}
+function getTouchIdentifier(_ref) {
+  _ref = _ref.identifier;
+  if (null == _ref)
+    throw ReactError(Error("Touch object is missing identifier."));
+  return _ref;
+}
+function recordTouchStart(touch) {
+  var identifier = getTouchIdentifier(touch),
+    touchRecord = touchBank[identifier];
+  touchRecord
+    ? ((touchRecord.touchActive = !0),
+      (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)))
+    : ((touchRecord = {
+        touchActive: !0,
+        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)
+      }),
+      (touchBank[identifier] = touchRecord));
+  touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+}
+function recordTouchMove(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
+  touchRecord
+    ? ((touchRecord.touchActive = !0),
+      (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)))
+    : console.warn(
+        "Cannot record touch move without a touch start.\nTouch Move: %s\n",
+        "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
+      );
+}
+function recordTouchEnd(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
+  touchRecord
+    ? ((touchRecord.touchActive = !1),
+      (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)))
+    : console.warn(
+        "Cannot record touch end without a touch start.\nTouch End: %s\n",
+        "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
+      );
+}
+function printTouch(touch) {
+  return JSON.stringify({
+    identifier: touch.identifier,
+    pageX: touch.pageX,
+    pageY: touch.pageY,
+    timestamp: timestampForTouch(touch)
+  });
+}
+function printTouchBank() {
+  var printed = JSON.stringify(touchBank.slice(0, 20));
+  20 < touchBank.length &&
+    (printed += " (original size: " + touchBank.length + ")");
+  return printed;
+}
+var ResponderTouchHistoryStore = {
+  recordTouchTrack: function(topLevelType, nativeEvent) {
+    if (isMoveish(topLevelType))
+      nativeEvent.changedTouches.forEach(recordTouchMove);
+    else if (isStartish(topLevelType))
+      nativeEvent.changedTouches.forEach(recordTouchStart),
+        (touchHistory.numberActiveTouches = nativeEvent.touches.length),
+        1 === touchHistory.numberActiveTouches &&
+          (touchHistory.indexOfSingleActiveTouch =
+            nativeEvent.touches[0].identifier);
+    else if (
+      "topTouchEnd" === topLevelType ||
+      "topTouchCancel" === topLevelType
+    )
+      if (
+        (nativeEvent.changedTouches.forEach(recordTouchEnd),
+        (touchHistory.numberActiveTouches = nativeEvent.touches.length),
+        1 === touchHistory.numberActiveTouches)
+      )
+        for (topLevelType = 0; topLevelType < touchBank.length; topLevelType++)
+          if (
+            ((nativeEvent = touchBank[topLevelType]),
+            null != nativeEvent && nativeEvent.touchActive)
+          ) {
+            touchHistory.indexOfSingleActiveTouch = topLevelType;
+            break;
+          }
+  },
+  touchHistory: touchHistory
+};
+function accumulate(current, next) {
+  if (null == next)
+    throw ReactError(
+      Error("accumulate(...): Accumulated items must not be null or undefined.")
+    );
+  return null == current
+    ? next
+    : Array.isArray(current)
+      ? current.concat(next)
+      : Array.isArray(next)
+        ? [current].concat(next)
+        : [current, next];
+}
+var responderInst = null,
+  trackedTouchCount = 0;
+function changeResponder(nextResponderInst, blockHostResponder) {
+  var oldResponderInst = responderInst;
+  responderInst = nextResponderInst;
+  if (null !== ResponderEventPlugin.GlobalResponderHandler)
+    ResponderEventPlugin.GlobalResponderHandler.onChange(
+      oldResponderInst,
+      nextResponderInst,
+      blockHostResponder
+    );
+}
+var eventTypes = {
+    startShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onStartShouldSetResponder",
+        captured: "onStartShouldSetResponderCapture"
+      },
+      dependencies: startDependencies
+    },
+    scrollShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onScrollShouldSetResponder",
+        captured: "onScrollShouldSetResponderCapture"
+      },
+      dependencies: ["topScroll"]
+    },
+    selectionChangeShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onSelectionChangeShouldSetResponder",
+        captured: "onSelectionChangeShouldSetResponderCapture"
+      },
+      dependencies: ["topSelectionChange"]
+    },
+    moveShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onMoveShouldSetResponder",
+        captured: "onMoveShouldSetResponderCapture"
+      },
+      dependencies: moveDependencies
+    },
+    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: []
+    }
+  },
+  ResponderEventPlugin = {
+    _getResponder: function() {
+      return responderInst;
+    },
+    eventTypes: eventTypes,
+    extractEvents: function(
+      topLevelType,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      if (isStartish(topLevelType)) trackedTouchCount += 1;
+      else if (
+        "topTouchEnd" === topLevelType ||
+        "topTouchCancel" === topLevelType
+      )
+        if (0 <= trackedTouchCount) --trackedTouchCount;
+        else
+          return (
+            console.error(
+              "Ended a touch event which was not counted in `trackedTouchCount`."
+            ),
+            null
+          );
+      ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
+      if (
+        targetInst &&
+        (("topScroll" === topLevelType && !nativeEvent.responderIgnoreScroll) ||
+          (0 < trackedTouchCount && "topSelectionChange" === topLevelType) ||
+          isStartish(topLevelType) ||
+          isMoveish(topLevelType))
+      ) {
+        var JSCompiler_temp = isStartish(topLevelType)
+          ? eventTypes.startShouldSetResponder
+          : isMoveish(topLevelType)
+            ? eventTypes.moveShouldSetResponder
+            : "topSelectionChange" === topLevelType
+              ? eventTypes.selectionChangeShouldSetResponder
+              : eventTypes.scrollShouldSetResponder;
+        if (responderInst)
+          b: {
+            var JSCompiler_temp$jscomp$0 = responderInst;
+            for (
+              var depthA = 0, tempA = JSCompiler_temp$jscomp$0;
+              tempA;
+              tempA = getParent(tempA)
+            )
+              depthA++;
+            tempA = 0;
+            for (var tempB = targetInst; tempB; tempB = getParent(tempB))
+              tempA++;
+            for (; 0 < depthA - tempA; )
+              (JSCompiler_temp$jscomp$0 = getParent(JSCompiler_temp$jscomp$0)),
+                depthA--;
+            for (; 0 < tempA - depthA; )
+              (targetInst = getParent(targetInst)), tempA--;
+            for (; depthA--; ) {
+              if (
+                JSCompiler_temp$jscomp$0 === targetInst ||
+                JSCompiler_temp$jscomp$0 === targetInst.alternate
+              )
+                break b;
+              JSCompiler_temp$jscomp$0 = getParent(JSCompiler_temp$jscomp$0);
+              targetInst = getParent(targetInst);
+            }
+            JSCompiler_temp$jscomp$0 = null;
+          }
+        else JSCompiler_temp$jscomp$0 = targetInst;
+        targetInst = JSCompiler_temp$jscomp$0 === responderInst;
+        JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
+          JSCompiler_temp,
+          JSCompiler_temp$jscomp$0,
+          nativeEvent,
+          nativeEventTarget
+        );
+        JSCompiler_temp$jscomp$0.touchHistory =
+          ResponderTouchHistoryStore.touchHistory;
+        targetInst
+          ? forEachAccumulated(
+              JSCompiler_temp$jscomp$0,
+              accumulateTwoPhaseDispatchesSingleSkipTarget
+            )
+          : forEachAccumulated(
+              JSCompiler_temp$jscomp$0,
+              accumulateTwoPhaseDispatchesSingle
+            );
+        b: {
+          JSCompiler_temp = JSCompiler_temp$jscomp$0._dispatchListeners;
+          targetInst = JSCompiler_temp$jscomp$0._dispatchInstances;
+          if (Array.isArray(JSCompiler_temp))
+            for (
+              depthA = 0;
+              depthA < JSCompiler_temp.length &&
+              !JSCompiler_temp$jscomp$0.isPropagationStopped();
+              depthA++
+            ) {
+              if (
+                JSCompiler_temp[depthA](
+                  JSCompiler_temp$jscomp$0,
+                  targetInst[depthA]
+                )
+              ) {
+                JSCompiler_temp = targetInst[depthA];
+                break b;
+              }
+            }
+          else if (
+            JSCompiler_temp &&
+            JSCompiler_temp(JSCompiler_temp$jscomp$0, targetInst)
+          ) {
+            JSCompiler_temp = targetInst;
+            break b;
+          }
+          JSCompiler_temp = null;
+        }
+        JSCompiler_temp$jscomp$0._dispatchInstances = null;
+        JSCompiler_temp$jscomp$0._dispatchListeners = null;
+        JSCompiler_temp$jscomp$0.isPersistent() ||
+          JSCompiler_temp$jscomp$0.constructor.release(
+            JSCompiler_temp$jscomp$0
+          );
+        JSCompiler_temp && JSCompiler_temp !== responderInst
+          ? ((JSCompiler_temp$jscomp$0 = void 0),
+            (targetInst = ResponderSyntheticEvent.getPooled(
+              eventTypes.responderGrant,
+              JSCompiler_temp,
+              nativeEvent,
+              nativeEventTarget
+            )),
+            (targetInst.touchHistory = ResponderTouchHistoryStore.touchHistory),
+            forEachAccumulated(targetInst, accumulateDirectDispatchesSingle),
+            (depthA = !0 === executeDirectDispatch(targetInst)),
+            responderInst
+              ? ((tempA = ResponderSyntheticEvent.getPooled(
+                  eventTypes.responderTerminationRequest,
+                  responderInst,
+                  nativeEvent,
+                  nativeEventTarget
+                )),
+                (tempA.touchHistory = ResponderTouchHistoryStore.touchHistory),
+                forEachAccumulated(tempA, accumulateDirectDispatchesSingle),
+                (tempB =
+                  !tempA._dispatchListeners || executeDirectDispatch(tempA)),
+                tempA.isPersistent() || tempA.constructor.release(tempA),
+                tempB
+                  ? ((tempA = ResponderSyntheticEvent.getPooled(
+                      eventTypes.responderTerminate,
+                      responderInst,
+                      nativeEvent,
+                      nativeEventTarget
+                    )),
+                    (tempA.touchHistory =
+                      ResponderTouchHistoryStore.touchHistory),
+                    forEachAccumulated(tempA, accumulateDirectDispatchesSingle),
+                    (JSCompiler_temp$jscomp$0 = accumulate(
+                      JSCompiler_temp$jscomp$0,
+                      [targetInst, tempA]
+                    )),
+                    changeResponder(JSCompiler_temp, depthA))
+                  : ((JSCompiler_temp = ResponderSyntheticEvent.getPooled(
+                      eventTypes.responderReject,
+                      JSCompiler_temp,
+                      nativeEvent,
+                      nativeEventTarget
+                    )),
+                    (JSCompiler_temp.touchHistory =
+                      ResponderTouchHistoryStore.touchHistory),
+                    forEachAccumulated(
+                      JSCompiler_temp,
+                      accumulateDirectDispatchesSingle
+                    ),
+                    (JSCompiler_temp$jscomp$0 = accumulate(
+                      JSCompiler_temp$jscomp$0,
+                      JSCompiler_temp
+                    ))))
+              : ((JSCompiler_temp$jscomp$0 = accumulate(
+                  JSCompiler_temp$jscomp$0,
+                  targetInst
+                )),
+                changeResponder(JSCompiler_temp, depthA)),
+            (JSCompiler_temp = JSCompiler_temp$jscomp$0))
+          : (JSCompiler_temp = null);
+      } else JSCompiler_temp = null;
+      JSCompiler_temp$jscomp$0 = responderInst && isStartish(topLevelType);
+      targetInst = responderInst && isMoveish(topLevelType);
+      depthA =
+        responderInst &&
+        ("topTouchEnd" === topLevelType || "topTouchCancel" === topLevelType);
+      if (
+        (JSCompiler_temp$jscomp$0 = JSCompiler_temp$jscomp$0
+          ? eventTypes.responderStart
+          : targetInst
+            ? eventTypes.responderMove
+            : depthA
+              ? eventTypes.responderEnd
+              : null)
+      )
+        (JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
+          JSCompiler_temp$jscomp$0,
+          responderInst,
+          nativeEvent,
+          nativeEventTarget
+        )),
+          (JSCompiler_temp$jscomp$0.touchHistory =
+            ResponderTouchHistoryStore.touchHistory),
+          forEachAccumulated(
+            JSCompiler_temp$jscomp$0,
+            accumulateDirectDispatchesSingle
+          ),
+          (JSCompiler_temp = accumulate(
+            JSCompiler_temp,
+            JSCompiler_temp$jscomp$0
+          ));
+      JSCompiler_temp$jscomp$0 =
+        responderInst && "topTouchCancel" === topLevelType;
+      if (
+        (topLevelType =
+          responderInst &&
+          !JSCompiler_temp$jscomp$0 &&
+          ("topTouchEnd" === topLevelType || "topTouchCancel" === topLevelType))
+      )
+        a: {
+          if ((topLevelType = nativeEvent.touches) && 0 !== topLevelType.length)
+            for (targetInst = 0; targetInst < topLevelType.length; targetInst++)
+              if (
+                ((depthA = topLevelType[targetInst].target),
+                null !== depthA && void 0 !== depthA && 0 !== depthA)
+              ) {
+                tempA = getInstanceFromNode(depthA);
+                b: {
+                  for (depthA = responderInst; tempA; ) {
+                    if (depthA === tempA || depthA === tempA.alternate) {
+                      depthA = !0;
+                      break b;
+                    }
+                    tempA = getParent(tempA);
+                  }
+                  depthA = !1;
+                }
+                if (depthA) {
+                  topLevelType = !1;
+                  break a;
+                }
+              }
+          topLevelType = !0;
+        }
+      if (
+        (topLevelType = JSCompiler_temp$jscomp$0
+          ? eventTypes.responderTerminate
+          : topLevelType
+            ? eventTypes.responderRelease
+            : null)
+      )
+        (nativeEvent = ResponderSyntheticEvent.getPooled(
+          topLevelType,
+          responderInst,
+          nativeEvent,
+          nativeEventTarget
+        )),
+          (nativeEvent.touchHistory = ResponderTouchHistoryStore.touchHistory),
+          forEachAccumulated(nativeEvent, accumulateDirectDispatchesSingle),
+          (JSCompiler_temp = accumulate(JSCompiler_temp, nativeEvent)),
+          changeResponder(null);
+      return JSCompiler_temp;
+    },
+    GlobalResponderHandler: null,
+    injection: {
+      injectGlobalResponderHandler: function(GlobalResponderHandler) {
+        ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
+      }
+    }
+  },
+  customBubblingEventTypes =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customBubblingEventTypes,
+  customDirectEventTypes =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customDirectEventTypes;
+injection.injectEventPluginOrder([
+  "ResponderEventPlugin",
+  "ReactNativeBridgeEventPlugin"
+]);
+injection.injectEventPluginsByName({
+  ResponderEventPlugin: ResponderEventPlugin,
+  ReactNativeBridgeEventPlugin: {
+    eventTypes: {},
+    extractEvents: function(
+      topLevelType,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      if (null == targetInst) return null;
+      var bubbleDispatchConfig = customBubblingEventTypes[topLevelType],
+        directDispatchConfig = customDirectEventTypes[topLevelType];
+      if (!bubbleDispatchConfig && !directDispatchConfig)
+        throw ReactError(
+          Error(
+            'Unsupported top level event type "' + topLevelType + '" dispatched'
+          )
+        );
+      topLevelType = SyntheticEvent.getPooled(
+        bubbleDispatchConfig || directDispatchConfig,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget
+      );
+      if (bubbleDispatchConfig)
+        forEachAccumulated(topLevelType, accumulateTwoPhaseDispatchesSingle);
+      else if (directDispatchConfig)
+        forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
+      else return null;
+      return topLevelType;
+    }
+  }
+});
+function getInstanceFromInstance(instanceHandle) {
+  return instanceHandle;
+}
+getFiberCurrentPropsFromNode = function(inst) {
+  return inst.canonical.currentProps;
+};
+getInstanceFromNode = getInstanceFromInstance;
+getNodeFromInstance = function(inst) {
+  inst = inst.stateNode.canonical._nativeTag;
+  if (!inst) throw ReactError(Error("All native instances should have a tag."));
+  return inst;
+};
+ResponderEventPlugin.injection.injectGlobalResponderHandler({
+  onChange: function(from, to, blockNativeResponder) {
+    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;
+ReactSharedInternals.hasOwnProperty("ReactCurrentDispatcher") ||
+  (ReactSharedInternals.ReactCurrentDispatcher = { current: null });
+ReactSharedInternals.hasOwnProperty("ReactCurrentBatchConfig") ||
+  (ReactSharedInternals.ReactCurrentBatchConfig = { suspense: null });
+var hasSymbol = "function" === typeof Symbol && Symbol.for,
+  REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103,
+  REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106,
+  REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107,
+  REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108,
+  REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114,
+  REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109,
+  REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110,
+  REACT_CONCURRENT_MODE_TYPE = hasSymbol
+    ? Symbol.for("react.concurrent_mode")
+    : 60111,
+  REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112,
+  REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113,
+  REACT_SUSPENSE_LIST_TYPE = hasSymbol
+    ? Symbol.for("react.suspense_list")
+    : 60120,
+  REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115,
+  REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
+hasSymbol && Symbol.for("react.fundamental");
+hasSymbol && Symbol.for("react.responder");
+var MAYBE_ITERATOR_SYMBOL = "function" === typeof 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 getComponentName(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 "Context.Consumer";
+      case REACT_PROVIDER_TYPE:
+        return "Context.Provider";
+      case REACT_FORWARD_REF_TYPE:
+        var innerType = type.render;
+        innerType = innerType.displayName || innerType.name || "";
+        return (
+          type.displayName ||
+          ("" !== innerType ? "ForwardRef(" + innerType + ")" : "ForwardRef")
+        );
+      case REACT_MEMO_TYPE:
+        return getComponentName(type.type);
+      case REACT_LAZY_TYPE:
+        if ((type = 1 === type._status ? type._result : null))
+          return getComponentName(type);
+    }
+  return null;
+}
+require("../shims/ReactFeatureFlags");
+function isFiberMountedImpl(fiber) {
+  var node = fiber;
+  if (fiber.alternate) for (; node.return; ) node = node.return;
+  else {
+    if (0 !== (node.effectTag & 2)) return 1;
+    for (; node.return; )
+      if (((node = node.return), 0 !== (node.effectTag & 2))) return 1;
+  }
+  return 3 === node.tag ? 2 : 3;
+}
+function assertIsMounted(fiber) {
+  if (2 !== isFiberMountedImpl(fiber))
+    throw ReactError(Error("Unable to find node on an unmounted component."));
+}
+function findCurrentFiberUsingSlowPath(fiber) {
+  var alternate = fiber.alternate;
+  if (!alternate) {
+    alternate = isFiberMountedImpl(fiber);
+    if (3 === alternate)
+      throw ReactError(Error("Unable to find node on an unmounted component."));
+    return 1 === alternate ? 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 ReactError(Error("Unable to find node on an unmounted component."));
+    }
+    if (a.return !== b.return) (a = parentA), (b = parentB);
+    else {
+      for (var didFindChild = !1, _child = parentA.child; _child; ) {
+        if (_child === a) {
+          didFindChild = !0;
+          a = parentA;
+          b = parentB;
+          break;
+        }
+        if (_child === b) {
+          didFindChild = !0;
+          b = parentA;
+          a = parentB;
+          break;
+        }
+        _child = _child.sibling;
+      }
+      if (!didFindChild) {
+        for (_child = parentB.child; _child; ) {
+          if (_child === a) {
+            didFindChild = !0;
+            a = parentB;
+            b = parentA;
+            break;
+          }
+          if (_child === b) {
+            didFindChild = !0;
+            b = parentB;
+            a = parentA;
+            break;
+          }
+          _child = _child.sibling;
+        }
+        if (!didFindChild)
+          throw ReactError(
+            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 ReactError(
+        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 ReactError(Error("Unable to find node on an unmounted component."));
+  return a.stateNode.current === a ? fiber : alternate;
+}
+function findCurrentHostFiber(parent) {
+  parent = findCurrentFiberUsingSlowPath(parent);
+  if (!parent) return null;
+  for (var node = parent; ; ) {
+    if (5 === node.tag || 6 === node.tag) return node;
+    if (node.child) (node.child.return = node), (node = node.child);
+    else {
+      if (node === parent) break;
+      for (; !node.sibling; ) {
+        if (!node.return || node.return === parent) return null;
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      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;
+function restoreDeletedValuesInNestedArray(
+  updatePayload,
+  node,
+  validAttributes
+) {
+  if (Array.isArray(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 (!Array.isArray(prevProp) && !Array.isArray(nextProp))
+    return diffProperties(updatePayload, prevProp, nextProp, validAttributes);
+  if (Array.isArray(prevProp) && Array.isArray(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 Array.isArray(prevProp)
+    ? diffProperties(
+        updatePayload,
+        ReactNativePrivateInterface.flattenStyle(prevProp),
+        nextProp,
+        validAttributes
+      )
+    : diffProperties(
+        updatePayload,
+        prevProp,
+        ReactNativePrivateInterface.flattenStyle(nextProp),
+        validAttributes
+      );
+}
+function addNestedProperty(updatePayload, nextProp, validAttributes) {
+  if (!nextProp) return updatePayload;
+  if (!Array.isArray(nextProp))
+    return diffProperties(
+      updatePayload,
+      emptyObject,
+      nextProp,
+      validAttributes
+    );
+  for (var i = 0; i < nextProp.length; i++)
+    updatePayload = addNestedProperty(
+      updatePayload,
+      nextProp[i],
+      validAttributes
+    );
+  return updatePayload;
+}
+function clearNestedProperty(updatePayload, prevProp, validAttributes) {
+  if (!prevProp) return updatePayload;
+  if (!Array.isArray(prevProp))
+    return diffProperties(
+      updatePayload,
+      prevProp,
+      emptyObject,
+      validAttributes
+    );
+  for (var i = 0; i < prevProp.length; i++)
+    updatePayload = clearNestedProperty(
+      updatePayload,
+      prevProp[i],
+      validAttributes
+    );
+  return updatePayload;
+}
+function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
+  var attributeConfig, propKey;
+  for (propKey in nextProps)
+    if ((attributeConfig = validAttributes[propKey])) {
+      var prevProp = prevProps[propKey];
+      var nextProp = nextProps[propKey];
+      "function" === typeof nextProp &&
+        ((nextProp = !0), "function" === typeof prevProp && (prevProp = !0));
+      "undefined" === typeof nextProp &&
+        ((nextProp = null),
+        "undefined" === typeof prevProp && (prevProp = null));
+      removedKeys && (removedKeys[propKey] = !1);
+      if (updatePayload && void 0 !== updatePayload[propKey])
+        if ("object" !== typeof attributeConfig)
+          updatePayload[propKey] = nextProp;
+        else {
+          if (
+            "function" === typeof attributeConfig.diff ||
+            "function" === typeof attributeConfig.process
+          )
+            (attributeConfig =
+              "function" === typeof attributeConfig.process
+                ? attributeConfig.process(nextProp)
+                : nextProp),
+              (updatePayload[propKey] = attributeConfig);
+        }
+      else if (prevProp !== nextProp)
+        if ("object" !== typeof attributeConfig)
+          ("object" !== typeof nextProp ||
+            null === nextProp ||
+            ReactNativePrivateInterface.deepDiffer(prevProp, nextProp)) &&
+            ((updatePayload || (updatePayload = {}))[propKey] = nextProp);
+        else if (
+          "function" === typeof attributeConfig.diff ||
+          "function" === typeof attributeConfig.process
+        ) {
+          if (
+            void 0 === prevProp ||
+            ("function" === typeof attributeConfig.diff
+              ? attributeConfig.diff(prevProp, nextProp)
+              : "object" !== typeof nextProp ||
+                null === nextProp ||
+                ReactNativePrivateInterface.deepDiffer(prevProp, nextProp))
+          )
+            (attributeConfig =
+              "function" === typeof attributeConfig.process
+                ? attributeConfig.process(nextProp)
+                : nextProp),
+              ((updatePayload || (updatePayload = {}))[
+                propKey
+              ] = attributeConfig);
+        } else
+          (removedKeys = null),
+            (removedKeyCount = 0),
+            (updatePayload = diffNestedProperty(
+              updatePayload,
+              prevProp,
+              nextProp,
+              attributeConfig
+            )),
+            0 < removedKeyCount &&
+              updatePayload &&
+              (restoreDeletedValuesInNestedArray(
+                updatePayload,
+                nextProp,
+                attributeConfig
+              ),
+              (removedKeys = null));
+    }
+  for (var _propKey in prevProps)
+    void 0 === nextProps[_propKey] &&
+      (!(attributeConfig = validAttributes[_propKey]) ||
+        (updatePayload && void 0 !== updatePayload[_propKey]) ||
+        ((prevProp = prevProps[_propKey]),
+        void 0 !== prevProp &&
+          ("object" !== typeof attributeConfig ||
+          "function" === typeof attributeConfig.diff ||
+          "function" === typeof attributeConfig.process
+            ? (((updatePayload || (updatePayload = {}))[_propKey] = null),
+              removedKeys || (removedKeys = {}),
+              removedKeys[_propKey] ||
+                ((removedKeys[_propKey] = !0), removedKeyCount++))
+            : (updatePayload = clearNestedProperty(
+                updatePayload,
+                prevProp,
+                attributeConfig
+              )))));
+  return updatePayload;
+}
+var restoreTarget = null,
+  restoreQueue = null;
+function restoreStateOfTarget(target) {
+  if (getInstanceFromNode(target))
+    throw ReactError(
+      Error(
+        "setRestoreImplementation() needs to be called to handle a target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+      )
+    );
+}
+function batchedUpdatesImpl(fn, bookkeeping) {
+  return fn(bookkeeping);
+}
+function flushDiscreteUpdatesImpl() {}
+var isInsideEventHandler = !1;
+function batchedUpdates(fn, bookkeeping) {
+  if (isInsideEventHandler) return fn(bookkeeping);
+  isInsideEventHandler = !0;
+  try {
+    return batchedUpdatesImpl(fn, bookkeeping);
+  } finally {
+    if (
+      ((isInsideEventHandler = !1),
+      null !== restoreTarget || null !== restoreQueue)
+    )
+      if (
+        (flushDiscreteUpdatesImpl(),
+        restoreTarget &&
+          ((bookkeeping = restoreTarget),
+          (fn = restoreQueue),
+          (restoreQueue = restoreTarget = null),
+          restoreStateOfTarget(bookkeeping),
+          fn))
+      )
+        for (bookkeeping = 0; bookkeeping < fn.length; bookkeeping++)
+          restoreStateOfTarget(fn[bookkeeping]);
+  }
+}
+function _inherits(subClass, superClass) {
+  if ("function" !== typeof superClass && null !== superClass)
+    throw new TypeError(
+      "Super expression must either be null or a function, not " +
+        typeof superClass
+    );
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      enumerable: !1,
+      writable: !0,
+      configurable: !0
+    }
+  });
+  superClass &&
+    (Object.setPrototypeOf
+      ? Object.setPrototypeOf(subClass, superClass)
+      : (subClass.__proto__ = superClass));
+}
+(function(_React$Component) {
+  function ReactNativeComponent() {
+    if (!(this instanceof ReactNativeComponent))
+      throw new TypeError("Cannot call a class as a function");
+    var call = _React$Component.apply(this, arguments);
+    if (!this)
+      throw new ReferenceError(
+        "this hasn't been initialised - super() hasn't been called"
+      );
+    return !call || ("object" !== typeof call && "function" !== typeof call)
+      ? this
+      : call;
+  }
+  _inherits(ReactNativeComponent, _React$Component);
+  ReactNativeComponent.prototype.blur = function() {};
+  ReactNativeComponent.prototype.focus = function() {};
+  ReactNativeComponent.prototype.measure = function() {};
+  ReactNativeComponent.prototype.measureInWindow = function() {};
+  ReactNativeComponent.prototype.measureLayout = function() {};
+  ReactNativeComponent.prototype.setNativeProps = function() {};
+  return ReactNativeComponent;
+})(React.Component);
+new Map();
+new Map();
+new Set();
+new Map();
+function dispatchEvent(target, topLevelType, nativeEvent) {
+  batchedUpdates(function() {
+    var events = nativeEvent.target;
+    for (var events$jscomp$0 = null, i = 0; i < plugins.length; i++) {
+      var possiblePlugin = plugins[i];
+      possiblePlugin &&
+        (possiblePlugin = possiblePlugin.extractEvents(
+          topLevelType,
+          target,
+          nativeEvent,
+          events
+        )) &&
+        (events$jscomp$0 = accumulateInto(events$jscomp$0, possiblePlugin));
+    }
+    events = events$jscomp$0;
+    null !== events && (eventQueue = accumulateInto(eventQueue, events));
+    events = eventQueue;
+    eventQueue = null;
+    if (events) {
+      forEachAccumulated(events, executeDispatchesAndReleaseTopLevel);
+      if (eventQueue)
+        throw ReactError(
+          Error(
+            "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+          )
+        );
+      if (hasRethrowError)
+        throw ((events = rethrowError),
+        (hasRethrowError = !1),
+        (rethrowError = null),
+        events);
+    }
+  });
+}
+function shim$1() {
+  throw ReactError(
+    Error(
+      "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
+    )
+  );
+}
+var _nativeFabricUIManage$1 = nativeFabricUIManager,
+  createNode = _nativeFabricUIManage$1.createNode,
+  cloneNode = _nativeFabricUIManage$1.cloneNode,
+  cloneNodeWithNewChildren = _nativeFabricUIManage$1.cloneNodeWithNewChildren,
+  cloneNodeWithNewChildrenAndProps =
+    _nativeFabricUIManage$1.cloneNodeWithNewChildrenAndProps,
+  cloneNodeWithNewProps = _nativeFabricUIManage$1.cloneNodeWithNewProps,
+  createChildNodeSet = _nativeFabricUIManage$1.createChildSet,
+  appendChildNode = _nativeFabricUIManage$1.appendChild,
+  appendChildNodeToSet = _nativeFabricUIManage$1.appendChildToSet,
+  completeRoot = _nativeFabricUIManage$1.completeRoot,
+  registerEventHandler = _nativeFabricUIManage$1.registerEventHandler,
+  fabricMeasure = _nativeFabricUIManage$1.measure,
+  fabricMeasureInWindow = _nativeFabricUIManage$1.measureInWindow,
+  fabricMeasureLayout = _nativeFabricUIManage$1.measureLayout,
+  getViewConfigForType =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get,
+  nextReactTag = 2;
+registerEventHandler && registerEventHandler(dispatchEvent);
+var ReactFabricHostComponent = (function() {
+  function ReactFabricHostComponent(
+    tag,
+    viewConfig,
+    props,
+    internalInstanceHandle
+  ) {
+    if (!(this instanceof ReactFabricHostComponent))
+      throw new TypeError("Cannot call a class as a function");
+    this._nativeTag = tag;
+    this.viewConfig = viewConfig;
+    this.currentProps = props;
+    this._internalInstanceHandle = internalInstanceHandle;
+  }
+  ReactFabricHostComponent.prototype.blur = function() {
+    ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
+  };
+  ReactFabricHostComponent.prototype.focus = function() {
+    ReactNativePrivateInterface.TextInputState.focusTextInput(this._nativeTag);
+  };
+  ReactFabricHostComponent.prototype.measure = function(callback) {
+    fabricMeasure(
+      this._internalInstanceHandle.stateNode.node,
+      mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+    );
+  };
+  ReactFabricHostComponent.prototype.measureInWindow = function(callback) {
+    fabricMeasureInWindow(
+      this._internalInstanceHandle.stateNode.node,
+      mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+    );
+  };
+  ReactFabricHostComponent.prototype.measureLayout = function(
+    relativeToNativeNode,
+    onSuccess,
+    onFail
+  ) {
+    "number" !== typeof relativeToNativeNode &&
+      relativeToNativeNode instanceof ReactFabricHostComponent &&
+      fabricMeasureLayout(
+        this._internalInstanceHandle.stateNode.node,
+        relativeToNativeNode._internalInstanceHandle.stateNode.node,
+        mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
+        mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
+      );
+  };
+  ReactFabricHostComponent.prototype.setNativeProps = function() {};
+  return ReactFabricHostComponent;
+})();
+function createTextInstance(
+  text,
+  rootContainerInstance,
+  hostContext,
+  internalInstanceHandle
+) {
+  if (!hostContext.isInAParentText)
+    throw ReactError(
+      Error("Text strings must be rendered within a <Text> component.")
+    );
+  hostContext = nextReactTag;
+  nextReactTag += 2;
+  return {
+    node: createNode(
+      hostContext,
+      "RCTRawText",
+      rootContainerInstance,
+      { text: text },
+      internalInstanceHandle
+    )
+  };
+}
+var scheduleTimeout = setTimeout,
+  cancelTimeout = clearTimeout;
+function cloneHiddenInstance(instance) {
+  var node = instance.node;
+  var updatePayload = diffProperties(
+    null,
+    emptyObject,
+    { style: { display: "none" } },
+    instance.canonical.viewConfig.validAttributes
+  );
+  return {
+    node: cloneNodeWithNewProps(node, updatePayload),
+    canonical: instance.canonical
+  };
+}
+var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
+function getStackByFiberInDevAndProd(workInProgress) {
+  var info = "";
+  do {
+    a: switch (workInProgress.tag) {
+      case 3:
+      case 4:
+      case 6:
+      case 7:
+      case 10:
+      case 9:
+        var JSCompiler_inline_result = "";
+        break a;
+      default:
+        var owner = workInProgress._debugOwner,
+          source = workInProgress._debugSource,
+          name = getComponentName(workInProgress.type);
+        JSCompiler_inline_result = null;
+        owner && (JSCompiler_inline_result = getComponentName(owner.type));
+        owner = name;
+        name = "";
+        source
+          ? (name =
+              " (at " +
+              source.fileName.replace(BEFORE_SLASH_RE, "") +
+              ":" +
+              source.lineNumber +
+              ")")
+          : JSCompiler_inline_result &&
+            (name = " (created by " + JSCompiler_inline_result + ")");
+        JSCompiler_inline_result = "\n    in " + (owner || "Unknown") + name;
+    }
+    info += JSCompiler_inline_result;
+    workInProgress = workInProgress.return;
+  } while (workInProgress);
+  return info;
+}
+new Set();
+var valueStack = [],
+  index = -1;
+function pop(cursor) {
+  0 > index ||
+    ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
+}
+function push(cursor, value) {
+  index++;
+  valueStack[index] = cursor.current;
+  cursor.current = value;
+}
+var emptyContextObject = {},
+  contextStackCursor = { current: emptyContextObject },
+  didPerformWorkStackCursor = { current: !1 },
+  previousContext = emptyContextObject;
+function getMaskedContext(workInProgress, unmaskedContext) {
+  var contextTypes = workInProgress.type.contextTypes;
+  if (!contextTypes) return emptyContextObject;
+  var instance = workInProgress.stateNode;
+  if (
+    instance &&
+    instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
+  )
+    return instance.__reactInternalMemoizedMaskedChildContext;
+  var context = {},
+    key;
+  for (key in contextTypes) context[key] = unmaskedContext[key];
+  instance &&
+    ((workInProgress = workInProgress.stateNode),
+    (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
+    (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
+  return context;
+}
+function isContextProvider(type) {
+  type = type.childContextTypes;
+  return null !== type && void 0 !== type;
+}
+function popContext(fiber) {
+  pop(didPerformWorkStackCursor, fiber);
+  pop(contextStackCursor, fiber);
+}
+function popTopLevelContextObject(fiber) {
+  pop(didPerformWorkStackCursor, fiber);
+  pop(contextStackCursor, fiber);
+}
+function pushTopLevelContextObject(fiber, context, didChange) {
+  if (contextStackCursor.current !== emptyContextObject)
+    throw ReactError(
+      Error(
+        "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
+      )
+    );
+  push(contextStackCursor, context, fiber);
+  push(didPerformWorkStackCursor, didChange, fiber);
+}
+function processChildContext(fiber, type, parentContext) {
+  var instance = fiber.stateNode;
+  fiber = type.childContextTypes;
+  if ("function" !== typeof instance.getChildContext) return parentContext;
+  instance = instance.getChildContext();
+  for (var contextKey in instance)
+    if (!(contextKey in fiber))
+      throw ReactError(
+        Error(
+          (getComponentName(type) || "Unknown") +
+            '.getChildContext(): key "' +
+            contextKey +
+            '" is not defined in childContextTypes.'
+        )
+      );
+  return Object.assign({}, parentContext, instance);
+}
+function pushContextProvider(workInProgress) {
+  var instance = workInProgress.stateNode;
+  instance =
+    (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+    emptyContextObject;
+  previousContext = contextStackCursor.current;
+  push(contextStackCursor, instance, workInProgress);
+  push(
+    didPerformWorkStackCursor,
+    didPerformWorkStackCursor.current,
+    workInProgress
+  );
+  return !0;
+}
+function invalidateContextProvider(workInProgress, type, didChange) {
+  var instance = workInProgress.stateNode;
+  if (!instance)
+    throw ReactError(
+      Error(
+        "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
+      )
+    );
+  didChange
+    ? ((type = processChildContext(workInProgress, type, previousContext)),
+      (instance.__reactInternalMemoizedMergedChildContext = type),
+      pop(didPerformWorkStackCursor, workInProgress),
+      pop(contextStackCursor, workInProgress),
+      push(contextStackCursor, type, workInProgress))
+    : pop(didPerformWorkStackCursor, workInProgress);
+  push(didPerformWorkStackCursor, didChange, workInProgress);
+}
+var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority,
+  Scheduler_scheduleCallback = Scheduler.unstable_scheduleCallback,
+  Scheduler_cancelCallback = Scheduler.unstable_cancelCallback,
+  Scheduler_shouldYield = Scheduler.unstable_shouldYield,
+  Scheduler_requestPaint = Scheduler.unstable_requestPaint,
+  Scheduler_now = Scheduler.unstable_now,
+  Scheduler_getCurrentPriorityLevel =
+    Scheduler.unstable_getCurrentPriorityLevel,
+  Scheduler_ImmediatePriority = Scheduler.unstable_ImmediatePriority,
+  Scheduler_UserBlockingPriority = Scheduler.unstable_UserBlockingPriority,
+  Scheduler_NormalPriority = Scheduler.unstable_NormalPriority,
+  Scheduler_LowPriority = Scheduler.unstable_LowPriority,
+  Scheduler_IdlePriority = Scheduler.unstable_IdlePriority;
+if (
+  null == tracing.__interactionsRef ||
+  null == tracing.__interactionsRef.current
+)
+  throw ReactError(
+    Error(
+      "It is not supported to run the profiling version of a renderer (for example, `react-dom/profiling`) without also replacing the `scheduler/tracing` module with `scheduler/tracing-profiling`. Your bundler might have a setting for aliasing both modules. Learn more at http://fb.me/react-profiling"
+    )
+  );
+var fakeCallbackNode = {},
+  requestPaint =
+    void 0 !== Scheduler_requestPaint ? Scheduler_requestPaint : function() {},
+  syncQueue = null,
+  immediateQueueCallbackNode = null,
+  isFlushingSyncQueue = !1,
+  initialTimeMs = Scheduler_now(),
+  now =
+    1e4 > initialTimeMs
+      ? Scheduler_now
+      : function() {
+          return Scheduler_now() - initialTimeMs;
+        };
+function getCurrentPriorityLevel() {
+  switch (Scheduler_getCurrentPriorityLevel()) {
+    case Scheduler_ImmediatePriority:
+      return 99;
+    case Scheduler_UserBlockingPriority:
+      return 98;
+    case Scheduler_NormalPriority:
+      return 97;
+    case Scheduler_LowPriority:
+      return 96;
+    case Scheduler_IdlePriority:
+      return 95;
+    default:
+      throw ReactError(Error("Unknown priority level."));
+  }
+}
+function reactPriorityToSchedulerPriority(reactPriorityLevel) {
+  switch (reactPriorityLevel) {
+    case 99:
+      return Scheduler_ImmediatePriority;
+    case 98:
+      return Scheduler_UserBlockingPriority;
+    case 97:
+      return Scheduler_NormalPriority;
+    case 96:
+      return Scheduler_LowPriority;
+    case 95:
+      return Scheduler_IdlePriority;
+    default:
+      throw ReactError(Error("Unknown priority level."));
+  }
+}
+function runWithPriority$1(reactPriorityLevel, fn) {
+  reactPriorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
+  return Scheduler_runWithPriority(reactPriorityLevel, fn);
+}
+function scheduleCallback(reactPriorityLevel, callback, options) {
+  reactPriorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
+  return Scheduler_scheduleCallback(reactPriorityLevel, callback, options);
+}
+function scheduleSyncCallback(callback) {
+  null === syncQueue
+    ? ((syncQueue = [callback]),
+      (immediateQueueCallbackNode = Scheduler_scheduleCallback(
+        Scheduler_ImmediatePriority,
+        flushSyncCallbackQueueImpl
+      )))
+    : syncQueue.push(callback);
+  return fakeCallbackNode;
+}
+function flushSyncCallbackQueue() {
+  null !== immediateQueueCallbackNode &&
+    Scheduler_cancelCallback(immediateQueueCallbackNode);
+  flushSyncCallbackQueueImpl();
+}
+function flushSyncCallbackQueueImpl() {
+  if (!isFlushingSyncQueue && null !== syncQueue) {
+    isFlushingSyncQueue = !0;
+    var i = 0;
+    try {
+      var queue = syncQueue;
+      runWithPriority$1(99, function() {
+        for (; i < queue.length; i++) {
+          var callback = queue[i];
+          do callback = callback(!0);
+          while (null !== callback);
+        }
+      });
+      syncQueue = null;
+    } catch (error) {
+      throw (null !== syncQueue && (syncQueue = syncQueue.slice(i + 1)),
+      Scheduler_scheduleCallback(
+        Scheduler_ImmediatePriority,
+        flushSyncCallbackQueue
+      ),
+      error);
+    } finally {
+      isFlushingSyncQueue = !1;
+    }
+  }
+}
+function inferPriorityFromExpirationTime(currentTime, expirationTime) {
+  if (1073741823 === expirationTime) return 99;
+  if (1 === expirationTime) return 95;
+  currentTime =
+    10 * (1073741821 - expirationTime) - 10 * (1073741821 - currentTime);
+  return 0 >= currentTime
+    ? 99
+    : 250 >= currentTime
+      ? 98
+      : 5250 >= currentTime
+        ? 97
+        : 95;
+}
+function is(x, y) {
+  return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
+}
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+function shallowEqual(objA, objB) {
+  if (is(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++)
+    if (
+      !hasOwnProperty.call(objB, keysA[keysB]) ||
+      !is(objA[keysA[keysB]], objB[keysA[keysB]])
+    )
+      return !1;
+  return !0;
+}
+function resolveDefaultProps(Component, baseProps) {
+  if (Component && Component.defaultProps) {
+    baseProps = Object.assign({}, baseProps);
+    Component = Component.defaultProps;
+    for (var propName in Component)
+      void 0 === baseProps[propName] &&
+        (baseProps[propName] = Component[propName]);
+  }
+  return baseProps;
+}
+function readLazyComponentType(lazyComponent) {
+  var result = lazyComponent._result;
+  switch (lazyComponent._status) {
+    case 1:
+      return result;
+    case 2:
+      throw result;
+    case 0:
+      throw result;
+    default:
+      lazyComponent._status = 0;
+      result = lazyComponent._ctor;
+      result = result();
+      result.then(
+        function(moduleObject) {
+          0 === lazyComponent._status &&
+            ((moduleObject = moduleObject.default),
+            (lazyComponent._status = 1),
+            (lazyComponent._result = moduleObject));
+        },
+        function(error) {
+          0 === lazyComponent._status &&
+            ((lazyComponent._status = 2), (lazyComponent._result = error));
+        }
+      );
+      switch (lazyComponent._status) {
+        case 1:
+          return lazyComponent._result;
+        case 2:
+          throw lazyComponent._result;
+      }
+      lazyComponent._result = result;
+      throw result;
+  }
+}
+var valueCursor = { current: null },
+  currentlyRenderingFiber = null,
+  lastContextDependency = null,
+  lastContextWithAllBitsObserved = null;
+function resetContextDependencies() {
+  lastContextWithAllBitsObserved = lastContextDependency = currentlyRenderingFiber = null;
+}
+function pushProvider(providerFiber, nextValue) {
+  var context = providerFiber.type._context;
+  push(valueCursor, context._currentValue2, providerFiber);
+  context._currentValue2 = nextValue;
+}
+function popProvider(providerFiber) {
+  var currentValue = valueCursor.current;
+  pop(valueCursor, providerFiber);
+  providerFiber.type._context._currentValue2 = currentValue;
+}
+function scheduleWorkOnParentPath(parent, renderExpirationTime) {
+  for (; null !== parent; ) {
+    var alternate = parent.alternate;
+    if (parent.childExpirationTime < renderExpirationTime)
+      (parent.childExpirationTime = renderExpirationTime),
+        null !== alternate &&
+          alternate.childExpirationTime < renderExpirationTime &&
+          (alternate.childExpirationTime = renderExpirationTime);
+    else if (
+      null !== alternate &&
+      alternate.childExpirationTime < renderExpirationTime
+    )
+      alternate.childExpirationTime = renderExpirationTime;
+    else break;
+    parent = parent.return;
+  }
+}
+function prepareToReadContext(workInProgress, renderExpirationTime) {
+  currentlyRenderingFiber = workInProgress;
+  lastContextWithAllBitsObserved = lastContextDependency = null;
+  workInProgress = workInProgress.dependencies;
+  null !== workInProgress &&
+    null !== workInProgress.firstContext &&
+    (workInProgress.expirationTime >= renderExpirationTime &&
+      (didReceiveUpdate = !0),
+    (workInProgress.firstContext = null));
+}
+function readContext(context, observedBits) {
+  if (
+    lastContextWithAllBitsObserved !== context &&
+    !1 !== observedBits &&
+    0 !== observedBits
+  ) {
+    if ("number" !== typeof observedBits || 1073741823 === observedBits)
+      (lastContextWithAllBitsObserved = context), (observedBits = 1073741823);
+    observedBits = { context: context, observedBits: observedBits, next: null };
+    if (null === lastContextDependency) {
+      if (null === currentlyRenderingFiber)
+        throw ReactError(
+          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 = observedBits;
+      currentlyRenderingFiber.dependencies = {
+        expirationTime: 0,
+        firstContext: observedBits,
+        responders: null
+      };
+    } else lastContextDependency = lastContextDependency.next = observedBits;
+  }
+  return context._currentValue2;
+}
+var hasForceUpdate = !1;
+function createUpdateQueue(baseState) {
+  return {
+    baseState: baseState,
+    firstUpdate: null,
+    lastUpdate: null,
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+    firstEffect: null,
+    lastEffect: null,
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
+  };
+}
+function cloneUpdateQueue(currentQueue) {
+  return {
+    baseState: currentQueue.baseState,
+    firstUpdate: currentQueue.firstUpdate,
+    lastUpdate: currentQueue.lastUpdate,
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+    firstEffect: null,
+    lastEffect: null,
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
+  };
+}
+function createUpdate(expirationTime, suspenseConfig) {
+  return {
+    expirationTime: expirationTime,
+    suspenseConfig: suspenseConfig,
+    tag: 0,
+    payload: null,
+    callback: null,
+    next: null,
+    nextEffect: null
+  };
+}
+function appendUpdateToQueue(queue, update) {
+  null === queue.lastUpdate
+    ? (queue.firstUpdate = queue.lastUpdate = update)
+    : ((queue.lastUpdate.next = update), (queue.lastUpdate = update));
+}
+function enqueueUpdate(fiber, update) {
+  var alternate = fiber.alternate;
+  if (null === alternate) {
+    var queue1 = fiber.updateQueue;
+    var queue2 = null;
+    null === queue1 &&
+      (queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState));
+  } else
+    (queue1 = fiber.updateQueue),
+      (queue2 = alternate.updateQueue),
+      null === queue1
+        ? null === queue2
+          ? ((queue1 = fiber.updateQueue = createUpdateQueue(
+              fiber.memoizedState
+            )),
+            (queue2 = alternate.updateQueue = createUpdateQueue(
+              alternate.memoizedState
+            )))
+          : (queue1 = fiber.updateQueue = cloneUpdateQueue(queue2))
+        : null === queue2 &&
+          (queue2 = alternate.updateQueue = cloneUpdateQueue(queue1));
+  null === queue2 || queue1 === queue2
+    ? appendUpdateToQueue(queue1, update)
+    : null === queue1.lastUpdate || null === queue2.lastUpdate
+      ? (appendUpdateToQueue(queue1, update),
+        appendUpdateToQueue(queue2, update))
+      : (appendUpdateToQueue(queue1, update), (queue2.lastUpdate = update));
+}
+function enqueueCapturedUpdate(workInProgress, update) {
+  var workInProgressQueue = workInProgress.updateQueue;
+  workInProgressQueue =
+    null === workInProgressQueue
+      ? (workInProgress.updateQueue = createUpdateQueue(
+          workInProgress.memoizedState
+        ))
+      : ensureWorkInProgressQueueIsAClone(workInProgress, workInProgressQueue);
+  null === workInProgressQueue.lastCapturedUpdate
+    ? (workInProgressQueue.firstCapturedUpdate = workInProgressQueue.lastCapturedUpdate = update)
+    : ((workInProgressQueue.lastCapturedUpdate.next = update),
+      (workInProgressQueue.lastCapturedUpdate = update));
+}
+function ensureWorkInProgressQueueIsAClone(workInProgress, queue) {
+  var current = workInProgress.alternate;
+  null !== current &&
+    queue === current.updateQueue &&
+    (queue = workInProgress.updateQueue = cloneUpdateQueue(queue));
+  return queue;
+}
+function getStateFromUpdate(
+  workInProgress,
+  queue,
+  update,
+  prevState,
+  nextProps,
+  instance
+) {
+  switch (update.tag) {
+    case 1:
+      return (
+        (workInProgress = update.payload),
+        "function" === typeof workInProgress
+          ? workInProgress.call(instance, prevState, nextProps)
+          : workInProgress
+      );
+    case 3:
+      workInProgress.effectTag = (workInProgress.effectTag & -2049) | 64;
+    case 0:
+      workInProgress = update.payload;
+      nextProps =
+        "function" === typeof workInProgress
+          ? workInProgress.call(instance, prevState, nextProps)
+          : workInProgress;
+      if (null === nextProps || void 0 === nextProps) break;
+      return Object.assign({}, prevState, nextProps);
+    case 2:
+      hasForceUpdate = !0;
+  }
+  return prevState;
+}
+function processUpdateQueue(
+  workInProgress,
+  queue,
+  props,
+  instance,
+  renderExpirationTime
+) {
+  hasForceUpdate = !1;
+  queue = ensureWorkInProgressQueueIsAClone(workInProgress, queue);
+  for (
+    var newBaseState = queue.baseState,
+      newFirstUpdate = null,
+      newExpirationTime = 0,
+      update = queue.firstUpdate,
+      resultState = newBaseState;
+    null !== update;
+
+  ) {
+    var updateExpirationTime = update.expirationTime;
+    updateExpirationTime < renderExpirationTime
+      ? (null === newFirstUpdate &&
+          ((newFirstUpdate = update), (newBaseState = resultState)),
+        newExpirationTime < updateExpirationTime &&
+          (newExpirationTime = updateExpirationTime))
+      : (markRenderEventTimeAndConfig(
+          updateExpirationTime,
+          update.suspenseConfig
+        ),
+        (resultState = getStateFromUpdate(
+          workInProgress,
+          queue,
+          update,
+          resultState,
+          props,
+          instance
+        )),
+        null !== update.callback &&
+          ((workInProgress.effectTag |= 32),
+          (update.nextEffect = null),
+          null === queue.lastEffect
+            ? (queue.firstEffect = queue.lastEffect = update)
+            : ((queue.lastEffect.nextEffect = update),
+              (queue.lastEffect = update))));
+    update = update.next;
+  }
+  updateExpirationTime = null;
+  for (update = queue.firstCapturedUpdate; null !== update; ) {
+    var _updateExpirationTime = update.expirationTime;
+    _updateExpirationTime < renderExpirationTime
+      ? (null === updateExpirationTime &&
+          ((updateExpirationTime = update),
+          null === newFirstUpdate && (newBaseState = resultState)),
+        newExpirationTime < _updateExpirationTime &&
+          (newExpirationTime = _updateExpirationTime))
+      : ((resultState = getStateFromUpdate(
+          workInProgress,
+          queue,
+          update,
+          resultState,
+          props,
+          instance
+        )),
+        null !== update.callback &&
+          ((workInProgress.effectTag |= 32),
+          (update.nextEffect = null),
+          null === queue.lastCapturedEffect
+            ? (queue.firstCapturedEffect = queue.lastCapturedEffect = update)
+            : ((queue.lastCapturedEffect.nextEffect = update),
+              (queue.lastCapturedEffect = update))));
+    update = update.next;
+  }
+  null === newFirstUpdate && (queue.lastUpdate = null);
+  null === updateExpirationTime
+    ? (queue.lastCapturedUpdate = null)
+    : (workInProgress.effectTag |= 32);
+  null === newFirstUpdate &&
+    null === updateExpirationTime &&
+    (newBaseState = resultState);
+  queue.baseState = newBaseState;
+  queue.firstUpdate = newFirstUpdate;
+  queue.firstCapturedUpdate = updateExpirationTime;
+  workInProgress.expirationTime = newExpirationTime;
+  workInProgress.memoizedState = resultState;
+}
+function commitUpdateQueue(finishedWork, finishedQueue, instance) {
+  null !== finishedQueue.firstCapturedUpdate &&
+    (null !== finishedQueue.lastUpdate &&
+      ((finishedQueue.lastUpdate.next = finishedQueue.firstCapturedUpdate),
+      (finishedQueue.lastUpdate = finishedQueue.lastCapturedUpdate)),
+    (finishedQueue.firstCapturedUpdate = finishedQueue.lastCapturedUpdate = null));
+  commitUpdateEffects(finishedQueue.firstEffect, instance);
+  finishedQueue.firstEffect = finishedQueue.lastEffect = null;
+  commitUpdateEffects(finishedQueue.firstCapturedEffect, instance);
+  finishedQueue.firstCapturedEffect = finishedQueue.lastCapturedEffect = null;
+}
+function commitUpdateEffects(effect, instance) {
+  for (; null !== effect; ) {
+    var _callback3 = effect.callback;
+    if (null !== _callback3) {
+      effect.callback = null;
+      var context = instance;
+      if ("function" !== typeof _callback3)
+        throw ReactError(
+          Error(
+            "Invalid argument passed as callback. Expected a function. Instead received: " +
+              _callback3
+          )
+        );
+      _callback3.call(context);
+    }
+    effect = effect.nextEffect;
+  }
+}
+var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+  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
+      : Object.assign({}, ctor, getDerivedStateFromProps);
+  workInProgress.memoizedState = getDerivedStateFromProps;
+  nextProps = workInProgress.updateQueue;
+  null !== nextProps &&
+    0 === workInProgress.expirationTime &&
+    (nextProps.baseState = getDerivedStateFromProps);
+}
+var classComponentUpdater = {
+  isMounted: function(component) {
+    return (component = component._reactInternalFiber)
+      ? 2 === isFiberMountedImpl(component)
+      : !1;
+  },
+  enqueueSetState: function(inst, payload, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.payload = payload;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
+    scheduleUpdateOnFiber(inst, currentTime);
+  },
+  enqueueReplaceState: function(inst, payload, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.tag = 1;
+    suspenseConfig.payload = payload;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
+    scheduleUpdateOnFiber(inst, currentTime);
+  },
+  enqueueForceUpdate: function(inst, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.tag = 2;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
+    scheduleUpdateOnFiber(inst, currentTime);
+  }
+};
+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._reactInternalFiber = 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,
+  renderExpirationTime
+) {
+  var instance = workInProgress.stateNode;
+  instance.props = newProps;
+  instance.state = workInProgress.memoizedState;
+  instance.refs = emptyRefsObject;
+  var contextType = ctor.contextType;
+  "object" === typeof contextType && null !== contextType
+    ? (instance.context = readContext(contextType))
+    : ((contextType = isContextProvider(ctor)
+        ? previousContext
+        : contextStackCursor.current),
+      (instance.context = getMaskedContext(workInProgress, contextType)));
+  contextType = workInProgress.updateQueue;
+  null !== contextType &&
+    (processUpdateQueue(
+      workInProgress,
+      contextType,
+      newProps,
+      instance,
+      renderExpirationTime
+    ),
+    (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),
+    (contextType = workInProgress.updateQueue),
+    null !== contextType &&
+      (processUpdateQueue(
+        workInProgress,
+        contextType,
+        newProps,
+        instance,
+        renderExpirationTime
+      ),
+      (instance.state = workInProgress.memoizedState)));
+  "function" === typeof instance.componentDidMount &&
+    (workInProgress.effectTag |= 4);
+}
+var isArray = Array.isArray;
+function coerceRef(returnFiber, current$$1, element) {
+  returnFiber = element.ref;
+  if (
+    null !== returnFiber &&
+    "function" !== typeof returnFiber &&
+    "object" !== typeof returnFiber
+  ) {
+    if (element._owner) {
+      element = element._owner;
+      var inst = void 0;
+      if (element) {
+        if (1 !== element.tag)
+          throw ReactError(
+            Error(
+              "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            )
+          );
+        inst = element.stateNode;
+      }
+      if (!inst)
+        throw ReactError(
+          Error(
+            "Missing owner for string ref " +
+              returnFiber +
+              ". This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      var stringRef = "" + returnFiber;
+      if (
+        null !== current$$1 &&
+        null !== current$$1.ref &&
+        "function" === typeof current$$1.ref &&
+        current$$1.ref._stringRef === stringRef
+      )
+        return current$$1.ref;
+      current$$1 = function(value) {
+        var refs = inst.refs;
+        refs === emptyRefsObject && (refs = inst.refs = {});
+        null === value ? delete refs[stringRef] : (refs[stringRef] = value);
+      };
+      current$$1._stringRef = stringRef;
+      return current$$1;
+    }
+    if ("string" !== typeof returnFiber)
+      throw ReactError(
+        Error(
+          "Expected ref to be a function, a string, an object returned by React.createRef(), or null."
+        )
+      );
+    if (!element._owner)
+      throw ReactError(
+        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://fb.me/react-refs-must-have-owner for more information."
+        )
+      );
+  }
+  return returnFiber;
+}
+function throwOnInvalidObjectType(returnFiber, newChild) {
+  if ("textarea" !== returnFiber.type)
+    throw ReactError(
+      Error(
+        "Objects are not valid as a React child (found: " +
+          ("[object Object]" === Object.prototype.toString.call(newChild)
+            ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
+            : newChild) +
+          ")."
+      )
+    );
+}
+function ChildReconciler(shouldTrackSideEffects) {
+  function deleteChild(returnFiber, childToDelete) {
+    if (shouldTrackSideEffects) {
+      var last = returnFiber.lastEffect;
+      null !== last
+        ? ((last.nextEffect = childToDelete),
+          (returnFiber.lastEffect = childToDelete))
+        : (returnFiber.firstEffect = returnFiber.lastEffect = childToDelete);
+      childToDelete.nextEffect = null;
+      childToDelete.effectTag = 8;
+    }
+  }
+  function deleteRemainingChildren(returnFiber, currentFirstChild) {
+    if (!shouldTrackSideEffects) return null;
+    for (; null !== currentFirstChild; )
+      deleteChild(returnFiber, currentFirstChild),
+        (currentFirstChild = currentFirstChild.sibling);
+    return null;
+  }
+  function mapRemainingChildren(returnFiber, currentFirstChild) {
+    for (returnFiber = new Map(); null !== currentFirstChild; )
+      null !== currentFirstChild.key
+        ? returnFiber.set(currentFirstChild.key, currentFirstChild)
+        : returnFiber.set(currentFirstChild.index, currentFirstChild),
+        (currentFirstChild = currentFirstChild.sibling);
+    return returnFiber;
+  }
+  function useFiber(fiber, pendingProps, expirationTime) {
+    fiber = createWorkInProgress(fiber, pendingProps, expirationTime);
+    fiber.index = 0;
+    fiber.sibling = null;
+    return fiber;
+  }
+  function placeChild(newFiber, lastPlacedIndex, newIndex) {
+    newFiber.index = newIndex;
+    if (!shouldTrackSideEffects) return lastPlacedIndex;
+    newIndex = newFiber.alternate;
+    if (null !== newIndex)
+      return (
+        (newIndex = newIndex.index),
+        newIndex < lastPlacedIndex
+          ? ((newFiber.effectTag = 2), lastPlacedIndex)
+          : newIndex
+      );
+    newFiber.effectTag = 2;
+    return lastPlacedIndex;
+  }
+  function placeSingleChild(newFiber) {
+    shouldTrackSideEffects &&
+      null === newFiber.alternate &&
+      (newFiber.effectTag = 2);
+    return newFiber;
+  }
+  function updateTextNode(
+    returnFiber,
+    current$$1,
+    textContent,
+    expirationTime
+  ) {
+    if (null === current$$1 || 6 !== current$$1.tag)
+      return (
+        (current$$1 = createFiberFromText(
+          textContent,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (current$$1.return = returnFiber),
+        current$$1
+      );
+    current$$1 = useFiber(current$$1, textContent, expirationTime);
+    current$$1.return = returnFiber;
+    return current$$1;
+  }
+  function updateElement(returnFiber, current$$1, element, expirationTime) {
+    if (null !== current$$1 && current$$1.elementType === element.type)
+      return (
+        (expirationTime = useFiber(current$$1, element.props, expirationTime)),
+        (expirationTime.ref = coerceRef(returnFiber, current$$1, element)),
+        (expirationTime.return = returnFiber),
+        expirationTime
+      );
+    expirationTime = createFiberFromTypeAndProps(
+      element.type,
+      element.key,
+      element.props,
+      null,
+      returnFiber.mode,
+      expirationTime
+    );
+    expirationTime.ref = coerceRef(returnFiber, current$$1, element);
+    expirationTime.return = returnFiber;
+    return expirationTime;
+  }
+  function updatePortal(returnFiber, current$$1, portal, expirationTime) {
+    if (
+      null === current$$1 ||
+      4 !== current$$1.tag ||
+      current$$1.stateNode.containerInfo !== portal.containerInfo ||
+      current$$1.stateNode.implementation !== portal.implementation
+    )
+      return (
+        (current$$1 = createFiberFromPortal(
+          portal,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (current$$1.return = returnFiber),
+        current$$1
+      );
+    current$$1 = useFiber(current$$1, portal.children || [], expirationTime);
+    current$$1.return = returnFiber;
+    return current$$1;
+  }
+  function updateFragment(
+    returnFiber,
+    current$$1,
+    fragment,
+    expirationTime,
+    key
+  ) {
+    if (null === current$$1 || 7 !== current$$1.tag)
+      return (
+        (current$$1 = createFiberFromFragment(
+          fragment,
+          returnFiber.mode,
+          expirationTime,
+          key
+        )),
+        (current$$1.return = returnFiber),
+        current$$1
+      );
+    current$$1 = useFiber(current$$1, fragment, expirationTime);
+    current$$1.return = returnFiber;
+    return current$$1;
+  }
+  function createChild(returnFiber, newChild, expirationTime) {
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (newChild = createFiberFromText(
+          "" + newChild,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (newChild.return = returnFiber),
+        newChild
+      );
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return (
+            (expirationTime = createFiberFromTypeAndProps(
+              newChild.type,
+              newChild.key,
+              newChild.props,
+              null,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (expirationTime.ref = coerceRef(returnFiber, null, newChild)),
+            (expirationTime.return = returnFiber),
+            expirationTime
+          );
+        case REACT_PORTAL_TYPE:
+          return (
+            (newChild = createFiberFromPortal(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (newChild.return = returnFiber),
+            newChild
+          );
+      }
+      if (isArray(newChild) || getIteratorFn(newChild))
+        return (
+          (newChild = createFiberFromFragment(
+            newChild,
+            returnFiber.mode,
+            expirationTime,
+            null
+          )),
+          (newChild.return = returnFiber),
+          newChild
+        );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function updateSlot(returnFiber, oldFiber, newChild, expirationTime) {
+    var key = null !== oldFiber ? oldFiber.key : null;
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return null !== key
+        ? null
+        : updateTextNode(returnFiber, oldFiber, "" + newChild, expirationTime);
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return newChild.key === key
+            ? newChild.type === REACT_FRAGMENT_TYPE
+              ? updateFragment(
+                  returnFiber,
+                  oldFiber,
+                  newChild.props.children,
+                  expirationTime,
+                  key
+                )
+              : updateElement(returnFiber, oldFiber, newChild, expirationTime)
+            : null;
+        case REACT_PORTAL_TYPE:
+          return newChild.key === key
+            ? updatePortal(returnFiber, oldFiber, newChild, expirationTime)
+            : null;
+      }
+      if (isArray(newChild) || getIteratorFn(newChild))
+        return null !== key
+          ? null
+          : updateFragment(
+              returnFiber,
+              oldFiber,
+              newChild,
+              expirationTime,
+              null
+            );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function updateFromMap(
+    existingChildren,
+    returnFiber,
+    newIdx,
+    newChild,
+    expirationTime
+  ) {
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (existingChildren = existingChildren.get(newIdx) || null),
+        updateTextNode(
+          returnFiber,
+          existingChildren,
+          "" + newChild,
+          expirationTime
+        )
+      );
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return (
+            (existingChildren =
+              existingChildren.get(
+                null === newChild.key ? newIdx : newChild.key
+              ) || null),
+            newChild.type === REACT_FRAGMENT_TYPE
+              ? updateFragment(
+                  returnFiber,
+                  existingChildren,
+                  newChild.props.children,
+                  expirationTime,
+                  newChild.key
+                )
+              : updateElement(
+                  returnFiber,
+                  existingChildren,
+                  newChild,
+                  expirationTime
+                )
+          );
+        case REACT_PORTAL_TYPE:
+          return (
+            (existingChildren =
+              existingChildren.get(
+                null === newChild.key ? newIdx : newChild.key
+              ) || null),
+            updatePortal(
+              returnFiber,
+              existingChildren,
+              newChild,
+              expirationTime
+            )
+          );
+      }
+      if (isArray(newChild) || getIteratorFn(newChild))
+        return (
+          (existingChildren = existingChildren.get(newIdx) || null),
+          updateFragment(
+            returnFiber,
+            existingChildren,
+            newChild,
+            expirationTime,
+            null
+          )
+        );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function reconcileChildrenArray(
+    returnFiber,
+    currentFirstChild,
+    newChildren,
+    expirationTime
+  ) {
+    for (
+      var resultingFirstChild = null,
+        previousNewFiber = null,
+        oldFiber = currentFirstChild,
+        newIdx = (currentFirstChild = 0),
+        nextOldFiber = null;
+      null !== oldFiber && newIdx < newChildren.length;
+      newIdx++
+    ) {
+      oldFiber.index > newIdx
+        ? ((nextOldFiber = oldFiber), (oldFiber = null))
+        : (nextOldFiber = oldFiber.sibling);
+      var newFiber = updateSlot(
+        returnFiber,
+        oldFiber,
+        newChildren[newIdx],
+        expirationTime
+      );
+      if (null === newFiber) {
+        null === oldFiber && (oldFiber = nextOldFiber);
+        break;
+      }
+      shouldTrackSideEffects &&
+        oldFiber &&
+        null === newFiber.alternate &&
+        deleteChild(returnFiber, oldFiber);
+      currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
+      null === previousNewFiber
+        ? (resultingFirstChild = newFiber)
+        : (previousNewFiber.sibling = newFiber);
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
+    if (newIdx === newChildren.length)
+      return (
+        deleteRemainingChildren(returnFiber, oldFiber), resultingFirstChild
+      );
+    if (null === oldFiber) {
+      for (; newIdx < newChildren.length; newIdx++)
+        (oldFiber = createChild(
+          returnFiber,
+          newChildren[newIdx],
+          expirationTime
+        )),
+          null !== oldFiber &&
+            ((currentFirstChild = placeChild(
+              oldFiber,
+              currentFirstChild,
+              newIdx
+            )),
+            null === previousNewFiber
+              ? (resultingFirstChild = oldFiber)
+              : (previousNewFiber.sibling = oldFiber),
+            (previousNewFiber = oldFiber));
+      return resultingFirstChild;
+    }
+    for (
+      oldFiber = mapRemainingChildren(returnFiber, oldFiber);
+      newIdx < newChildren.length;
+      newIdx++
+    )
+      (nextOldFiber = updateFromMap(
+        oldFiber,
+        returnFiber,
+        newIdx,
+        newChildren[newIdx],
+        expirationTime
+      )),
+        null !== nextOldFiber &&
+          (shouldTrackSideEffects &&
+            null !== nextOldFiber.alternate &&
+            oldFiber.delete(
+              null === nextOldFiber.key ? newIdx : nextOldFiber.key
+            ),
+          (currentFirstChild = placeChild(
+            nextOldFiber,
+            currentFirstChild,
+            newIdx
+          )),
+          null === previousNewFiber
+            ? (resultingFirstChild = nextOldFiber)
+            : (previousNewFiber.sibling = nextOldFiber),
+          (previousNewFiber = nextOldFiber));
+    shouldTrackSideEffects &&
+      oldFiber.forEach(function(child) {
+        return deleteChild(returnFiber, child);
+      });
+    return resultingFirstChild;
+  }
+  function reconcileChildrenIterator(
+    returnFiber,
+    currentFirstChild,
+    newChildrenIterable,
+    expirationTime
+  ) {
+    var iteratorFn = getIteratorFn(newChildrenIterable);
+    if ("function" !== typeof iteratorFn)
+      throw ReactError(
+        Error(
+          "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    newChildrenIterable = iteratorFn.call(newChildrenIterable);
+    if (null == newChildrenIterable)
+      throw ReactError(Error("An iterable object provided no iterator."));
+    for (
+      var previousNewFiber = (iteratorFn = null),
+        oldFiber = currentFirstChild,
+        newIdx = (currentFirstChild = 0),
+        nextOldFiber = null,
+        step = newChildrenIterable.next();
+      null !== oldFiber && !step.done;
+      newIdx++, step = newChildrenIterable.next()
+    ) {
+      oldFiber.index > newIdx
+        ? ((nextOldFiber = oldFiber), (oldFiber = null))
+        : (nextOldFiber = oldFiber.sibling);
+      var newFiber = updateSlot(
+        returnFiber,
+        oldFiber,
+        step.value,
+        expirationTime
+      );
+      if (null === newFiber) {
+        null === oldFiber && (oldFiber = nextOldFiber);
+        break;
+      }
+      shouldTrackSideEffects &&
+        oldFiber &&
+        null === newFiber.alternate &&
+        deleteChild(returnFiber, oldFiber);
+      currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
+      null === previousNewFiber
+        ? (iteratorFn = newFiber)
+        : (previousNewFiber.sibling = newFiber);
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
+    if (step.done)
+      return deleteRemainingChildren(returnFiber, oldFiber), iteratorFn;
+    if (null === oldFiber) {
+      for (; !step.done; newIdx++, step = newChildrenIterable.next())
+        (step = createChild(returnFiber, step.value, expirationTime)),
+          null !== step &&
+            ((currentFirstChild = placeChild(step, currentFirstChild, newIdx)),
+            null === previousNewFiber
+              ? (iteratorFn = step)
+              : (previousNewFiber.sibling = step),
+            (previousNewFiber = step));
+      return iteratorFn;
+    }
+    for (
+      oldFiber = mapRemainingChildren(returnFiber, oldFiber);
+      !step.done;
+      newIdx++, step = newChildrenIterable.next()
+    )
+      (step = updateFromMap(
+        oldFiber,
+        returnFiber,
+        newIdx,
+        step.value,
+        expirationTime
+      )),
+        null !== step &&
+          (shouldTrackSideEffects &&
+            null !== step.alternate &&
+            oldFiber.delete(null === step.key ? newIdx : step.key),
+          (currentFirstChild = placeChild(step, currentFirstChild, newIdx)),
+          null === previousNewFiber
+            ? (iteratorFn = step)
+            : (previousNewFiber.sibling = step),
+          (previousNewFiber = step));
+    shouldTrackSideEffects &&
+      oldFiber.forEach(function(child) {
+        return deleteChild(returnFiber, child);
+      });
+    return iteratorFn;
+  }
+  return function(returnFiber, currentFirstChild, newChild, expirationTime) {
+    var isUnkeyedTopLevelFragment =
+      "object" === typeof newChild &&
+      null !== newChild &&
+      newChild.type === REACT_FRAGMENT_TYPE &&
+      null === newChild.key;
+    isUnkeyedTopLevelFragment && (newChild = newChild.props.children);
+    var isObject = "object" === typeof newChild && null !== newChild;
+    if (isObject)
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          a: {
+            isObject = newChild.key;
+            for (
+              isUnkeyedTopLevelFragment = currentFirstChild;
+              null !== isUnkeyedTopLevelFragment;
+
+            ) {
+              if (isUnkeyedTopLevelFragment.key === isObject) {
+                if (
+                  7 === isUnkeyedTopLevelFragment.tag
+                    ? newChild.type === REACT_FRAGMENT_TYPE
+                    : isUnkeyedTopLevelFragment.elementType === newChild.type
+                ) {
+                  deleteRemainingChildren(
+                    returnFiber,
+                    isUnkeyedTopLevelFragment.sibling
+                  );
+                  currentFirstChild = useFiber(
+                    isUnkeyedTopLevelFragment,
+                    newChild.type === REACT_FRAGMENT_TYPE
+                      ? newChild.props.children
+                      : newChild.props,
+                    expirationTime
+                  );
+                  currentFirstChild.ref = coerceRef(
+                    returnFiber,
+                    isUnkeyedTopLevelFragment,
+                    newChild
+                  );
+                  currentFirstChild.return = returnFiber;
+                  returnFiber = currentFirstChild;
+                  break a;
+                }
+                deleteRemainingChildren(returnFiber, isUnkeyedTopLevelFragment);
+                break;
+              } else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
+              isUnkeyedTopLevelFragment = isUnkeyedTopLevelFragment.sibling;
+            }
+            newChild.type === REACT_FRAGMENT_TYPE
+              ? ((currentFirstChild = createFiberFromFragment(
+                  newChild.props.children,
+                  returnFiber.mode,
+                  expirationTime,
+                  newChild.key
+                )),
+                (currentFirstChild.return = returnFiber),
+                (returnFiber = currentFirstChild))
+              : ((expirationTime = createFiberFromTypeAndProps(
+                  newChild.type,
+                  newChild.key,
+                  newChild.props,
+                  null,
+                  returnFiber.mode,
+                  expirationTime
+                )),
+                (expirationTime.ref = coerceRef(
+                  returnFiber,
+                  currentFirstChild,
+                  newChild
+                )),
+                (expirationTime.return = returnFiber),
+                (returnFiber = expirationTime));
+          }
+          return placeSingleChild(returnFiber);
+        case REACT_PORTAL_TYPE:
+          a: {
+            for (
+              isUnkeyedTopLevelFragment = newChild.key;
+              null !== currentFirstChild;
+
+            ) {
+              if (currentFirstChild.key === isUnkeyedTopLevelFragment) {
+                if (
+                  4 === currentFirstChild.tag &&
+                  currentFirstChild.stateNode.containerInfo ===
+                    newChild.containerInfo &&
+                  currentFirstChild.stateNode.implementation ===
+                    newChild.implementation
+                ) {
+                  deleteRemainingChildren(
+                    returnFiber,
+                    currentFirstChild.sibling
+                  );
+                  currentFirstChild = useFiber(
+                    currentFirstChild,
+                    newChild.children || [],
+                    expirationTime
+                  );
+                  currentFirstChild.return = returnFiber;
+                  returnFiber = currentFirstChild;
+                  break a;
+                }
+                deleteRemainingChildren(returnFiber, currentFirstChild);
+                break;
+              } else deleteChild(returnFiber, currentFirstChild);
+              currentFirstChild = currentFirstChild.sibling;
+            }
+            currentFirstChild = createFiberFromPortal(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            );
+            currentFirstChild.return = returnFiber;
+            returnFiber = currentFirstChild;
+          }
+          return placeSingleChild(returnFiber);
+      }
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (newChild = "" + newChild),
+        null !== currentFirstChild && 6 === currentFirstChild.tag
+          ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
+            (currentFirstChild = useFiber(
+              currentFirstChild,
+              newChild,
+              expirationTime
+            )),
+            (currentFirstChild.return = returnFiber),
+            (returnFiber = currentFirstChild))
+          : (deleteRemainingChildren(returnFiber, currentFirstChild),
+            (currentFirstChild = createFiberFromText(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (currentFirstChild.return = returnFiber),
+            (returnFiber = currentFirstChild)),
+        placeSingleChild(returnFiber)
+      );
+    if (isArray(newChild))
+      return reconcileChildrenArray(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        expirationTime
+      );
+    if (getIteratorFn(newChild))
+      return reconcileChildrenIterator(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        expirationTime
+      );
+    isObject && throwOnInvalidObjectType(returnFiber, newChild);
+    if ("undefined" === typeof newChild && !isUnkeyedTopLevelFragment)
+      switch (returnFiber.tag) {
+        case 1:
+        case 0:
+          throw ((returnFiber = returnFiber.type),
+          ReactError(
+            Error(
+              (returnFiber.displayName || returnFiber.name || "Component") +
+                "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null."
+            )
+          ));
+      }
+    return deleteRemainingChildren(returnFiber, currentFirstChild);
+  };
+}
+var reconcileChildFibers = ChildReconciler(!0),
+  mountChildFibers = ChildReconciler(!1),
+  NO_CONTEXT = {},
+  contextStackCursor$1 = { current: NO_CONTEXT },
+  contextFiberStackCursor = { current: NO_CONTEXT },
+  rootInstanceStackCursor = { current: NO_CONTEXT };
+function requiredContext(c) {
+  if (c === NO_CONTEXT)
+    throw ReactError(
+      Error(
+        "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+      )
+    );
+  return c;
+}
+function pushHostContainer(fiber, nextRootInstance) {
+  push(rootInstanceStackCursor, nextRootInstance, fiber);
+  push(contextFiberStackCursor, fiber, fiber);
+  push(contextStackCursor$1, NO_CONTEXT, fiber);
+  pop(contextStackCursor$1, fiber);
+  push(contextStackCursor$1, { isInAParentText: !1 }, fiber);
+}
+function popHostContainer(fiber) {
+  pop(contextStackCursor$1, fiber);
+  pop(contextFiberStackCursor, fiber);
+  pop(rootInstanceStackCursor, fiber);
+}
+function pushHostContext(fiber) {
+  requiredContext(rootInstanceStackCursor.current);
+  var context = requiredContext(contextStackCursor$1.current);
+  var nextContext = fiber.type;
+  nextContext =
+    "AndroidTextInput" === nextContext ||
+    "RCTMultilineTextInputView" === nextContext ||
+    "RCTSinglelineTextInputView" === nextContext ||
+    "RCTText" === nextContext ||
+    "RCTVirtualText" === nextContext;
+  nextContext =
+    context.isInAParentText !== nextContext
+      ? { isInAParentText: nextContext }
+      : context;
+  context !== nextContext &&
+    (push(contextFiberStackCursor, fiber, fiber),
+    push(contextStackCursor$1, nextContext, fiber));
+}
+function popHostContext(fiber) {
+  contextFiberStackCursor.current === fiber &&
+    (pop(contextStackCursor$1, fiber), pop(contextFiberStackCursor, fiber));
+}
+var SubtreeSuspenseContextMask = 1,
+  InvisibleParentSuspenseContext = 1,
+  ForceSuspenseFallback = 2,
+  suspenseStackCursor = { current: 0 };
+function findFirstSuspended(row) {
+  for (var node = row; null !== node; ) {
+    if (13 === node.tag) {
+      if (null !== node.memoizedState) return node;
+    } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) {
+      if (0 !== (node.effectTag & 64)) return node;
+    } else if (null !== node.child) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === row) break;
+    for (; null === node.sibling; ) {
+      if (null === node.return || node.return === row) return null;
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+  return null;
+}
+function createResponderListener(responder, props) {
+  return { responder: responder, props: props };
+}
+var NoEffect$1 = 0,
+  UnmountSnapshot = 2,
+  UnmountMutation = 4,
+  MountMutation = 8,
+  UnmountLayout = 16,
+  MountLayout = 32,
+  MountPassive = 64,
+  UnmountPassive = 128,
+  ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+  renderExpirationTime$1 = 0,
+  currentlyRenderingFiber$1 = null,
+  currentHook = null,
+  nextCurrentHook = null,
+  firstWorkInProgressHook = null,
+  workInProgressHook = null,
+  nextWorkInProgressHook = null,
+  remainingExpirationTime = 0,
+  componentUpdateQueue = null,
+  sideEffectTag = 0,
+  didScheduleRenderPhaseUpdate = !1,
+  renderPhaseUpdates = null,
+  numberOfReRenders = 0;
+function throwInvalidHookError() {
+  throw ReactError(
+    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://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
+    )
+  );
+}
+function areHookInputsEqual(nextDeps, prevDeps) {
+  if (null === prevDeps) return !1;
+  for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++)
+    if (!is(nextDeps[i], prevDeps[i])) return !1;
+  return !0;
+}
+function renderWithHooks(
+  current,
+  workInProgress,
+  Component,
+  props,
+  refOrContext,
+  nextRenderExpirationTime
+) {
+  renderExpirationTime$1 = nextRenderExpirationTime;
+  currentlyRenderingFiber$1 = workInProgress;
+  nextCurrentHook = null !== current ? current.memoizedState : null;
+  ReactCurrentDispatcher$1.current =
+    null === nextCurrentHook ? HooksDispatcherOnMount : HooksDispatcherOnUpdate;
+  workInProgress = Component(props, refOrContext);
+  if (didScheduleRenderPhaseUpdate) {
+    do
+      (didScheduleRenderPhaseUpdate = !1),
+        (numberOfReRenders += 1),
+        (nextCurrentHook = null !== current ? current.memoizedState : null),
+        (nextWorkInProgressHook = firstWorkInProgressHook),
+        (componentUpdateQueue = workInProgressHook = currentHook = null),
+        (ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdate),
+        (workInProgress = Component(props, refOrContext));
+    while (didScheduleRenderPhaseUpdate);
+    renderPhaseUpdates = null;
+    numberOfReRenders = 0;
+  }
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  current = currentlyRenderingFiber$1;
+  current.memoizedState = firstWorkInProgressHook;
+  current.expirationTime = remainingExpirationTime;
+  current.updateQueue = componentUpdateQueue;
+  current.effectTag |= sideEffectTag;
+  current = null !== currentHook && null !== currentHook.next;
+  renderExpirationTime$1 = 0;
+  nextWorkInProgressHook = workInProgressHook = firstWorkInProgressHook = nextCurrentHook = currentHook = currentlyRenderingFiber$1 = null;
+  remainingExpirationTime = 0;
+  componentUpdateQueue = null;
+  sideEffectTag = 0;
+  if (current)
+    throw ReactError(
+      Error(
+        "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
+      )
+    );
+  return workInProgress;
+}
+function resetHooks() {
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  renderExpirationTime$1 = 0;
+  nextWorkInProgressHook = workInProgressHook = firstWorkInProgressHook = nextCurrentHook = currentHook = currentlyRenderingFiber$1 = null;
+  remainingExpirationTime = 0;
+  componentUpdateQueue = null;
+  sideEffectTag = 0;
+  didScheduleRenderPhaseUpdate = !1;
+  renderPhaseUpdates = null;
+  numberOfReRenders = 0;
+}
+function mountWorkInProgressHook() {
+  var hook = {
+    memoizedState: null,
+    baseState: null,
+    queue: null,
+    baseUpdate: null,
+    next: null
+  };
+  null === workInProgressHook
+    ? (firstWorkInProgressHook = workInProgressHook = hook)
+    : (workInProgressHook = workInProgressHook.next = hook);
+  return workInProgressHook;
+}
+function updateWorkInProgressHook() {
+  if (null !== nextWorkInProgressHook)
+    (workInProgressHook = nextWorkInProgressHook),
+      (nextWorkInProgressHook = workInProgressHook.next),
+      (currentHook = nextCurrentHook),
+      (nextCurrentHook = null !== currentHook ? currentHook.next : null);
+  else {
+    if (null === nextCurrentHook)
+      throw ReactError(
+        Error("Rendered more hooks than during the previous render.")
+      );
+    currentHook = nextCurrentHook;
+    var newHook = {
+      memoizedState: currentHook.memoizedState,
+      baseState: currentHook.baseState,
+      queue: currentHook.queue,
+      baseUpdate: currentHook.baseUpdate,
+      next: null
+    };
+    workInProgressHook =
+      null === workInProgressHook
+        ? (firstWorkInProgressHook = newHook)
+        : (workInProgressHook.next = newHook);
+    nextCurrentHook = currentHook.next;
+  }
+  return workInProgressHook;
+}
+function basicStateReducer(state, action) {
+  return "function" === typeof action ? action(state) : action;
+}
+function updateReducer(reducer) {
+  var hook = updateWorkInProgressHook(),
+    queue = hook.queue;
+  if (null === queue)
+    throw ReactError(
+      Error(
+        "Should have a queue. This is likely a bug in React. Please file an issue."
+      )
+    );
+  queue.lastRenderedReducer = reducer;
+  if (0 < numberOfReRenders) {
+    var _dispatch = queue.dispatch;
+    if (null !== renderPhaseUpdates) {
+      var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+      if (void 0 !== firstRenderPhaseUpdate) {
+        renderPhaseUpdates.delete(queue);
+        var newState = hook.memoizedState;
+        do
+          (newState = reducer(newState, firstRenderPhaseUpdate.action)),
+            (firstRenderPhaseUpdate = firstRenderPhaseUpdate.next);
+        while (null !== firstRenderPhaseUpdate);
+        is(newState, hook.memoizedState) || (didReceiveUpdate = !0);
+        hook.memoizedState = newState;
+        hook.baseUpdate === queue.last && (hook.baseState = newState);
+        queue.lastRenderedState = newState;
+        return [newState, _dispatch];
+      }
+    }
+    return [hook.memoizedState, _dispatch];
+  }
+  _dispatch = queue.last;
+  var baseUpdate = hook.baseUpdate;
+  newState = hook.baseState;
+  null !== baseUpdate
+    ? (null !== _dispatch && (_dispatch.next = null),
+      (_dispatch = baseUpdate.next))
+    : (_dispatch = null !== _dispatch ? _dispatch.next : null);
+  if (null !== _dispatch) {
+    var newBaseUpdate = (firstRenderPhaseUpdate = null),
+      _update = _dispatch,
+      didSkip = !1;
+    do {
+      var updateExpirationTime = _update.expirationTime;
+      updateExpirationTime < renderExpirationTime$1
+        ? (didSkip ||
+            ((didSkip = !0),
+            (newBaseUpdate = baseUpdate),
+            (firstRenderPhaseUpdate = newState)),
+          updateExpirationTime > remainingExpirationTime &&
+            (remainingExpirationTime = updateExpirationTime))
+        : (markRenderEventTimeAndConfig(
+            updateExpirationTime,
+            _update.suspenseConfig
+          ),
+          (newState =
+            _update.eagerReducer === reducer
+              ? _update.eagerState
+              : reducer(newState, _update.action)));
+      baseUpdate = _update;
+      _update = _update.next;
+    } while (null !== _update && _update !== _dispatch);
+    didSkip ||
+      ((newBaseUpdate = baseUpdate), (firstRenderPhaseUpdate = newState));
+    is(newState, hook.memoizedState) || (didReceiveUpdate = !0);
+    hook.memoizedState = newState;
+    hook.baseUpdate = newBaseUpdate;
+    hook.baseState = firstRenderPhaseUpdate;
+    queue.lastRenderedState = newState;
+  }
+  return [hook.memoizedState, queue.dispatch];
+}
+function pushEffect(tag, create, destroy, deps) {
+  tag = { tag: tag, create: create, destroy: destroy, deps: deps, next: null };
+  null === componentUpdateQueue
+    ? ((componentUpdateQueue = { lastEffect: null }),
+      (componentUpdateQueue.lastEffect = tag.next = tag))
+    : ((create = componentUpdateQueue.lastEffect),
+      null === create
+        ? (componentUpdateQueue.lastEffect = tag.next = tag)
+        : ((destroy = create.next),
+          (create.next = tag),
+          (tag.next = destroy),
+          (componentUpdateQueue.lastEffect = tag)));
+  return tag;
+}
+function mountEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
+  var hook = mountWorkInProgressHook();
+  sideEffectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(
+    hookEffectTag,
+    create,
+    void 0,
+    void 0 === deps ? null : deps
+  );
+}
+function updateEffectImpl(fiberEffectTag, hookEffectTag, 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)) {
+      pushEffect(NoEffect$1, create, destroy, deps);
+      return;
+    }
+  }
+  sideEffectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(hookEffectTag, create, destroy, deps);
+}
+function imperativeHandleEffect(create, ref) {
+  if ("function" === typeof ref)
+    return (
+      (create = create()),
+      ref(create),
+      function() {
+        ref(null);
+      }
+    );
+  if (null !== ref && void 0 !== ref)
+    return (
+      (create = create()),
+      (ref.current = create),
+      function() {
+        ref.current = null;
+      }
+    );
+}
+function mountDebugValue() {}
+function dispatchAction(fiber, queue, action) {
+  if (!(25 > numberOfReRenders))
+    throw ReactError(
+      Error(
+        "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+      )
+    );
+  var alternate = fiber.alternate;
+  if (
+    fiber === currentlyRenderingFiber$1 ||
+    (null !== alternate && alternate === currentlyRenderingFiber$1)
+  )
+    if (
+      ((didScheduleRenderPhaseUpdate = !0),
+      (fiber = {
+        expirationTime: renderExpirationTime$1,
+        suspenseConfig: null,
+        action: action,
+        eagerReducer: null,
+        eagerState: null,
+        next: null
+      }),
+      null === renderPhaseUpdates && (renderPhaseUpdates = new Map()),
+      (action = renderPhaseUpdates.get(queue)),
+      void 0 === action)
+    )
+      renderPhaseUpdates.set(queue, fiber);
+    else {
+      for (queue = action; null !== queue.next; ) queue = queue.next;
+      queue.next = fiber;
+    }
+  else {
+    var currentTime = requestCurrentTime(),
+      _suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      _suspenseConfig
+    );
+    _suspenseConfig = {
+      expirationTime: currentTime,
+      suspenseConfig: _suspenseConfig,
+      action: action,
+      eagerReducer: null,
+      eagerState: null,
+      next: null
+    };
+    var _last = queue.last;
+    if (null === _last) _suspenseConfig.next = _suspenseConfig;
+    else {
+      var first = _last.next;
+      null !== first && (_suspenseConfig.next = first);
+      _last.next = _suspenseConfig;
+    }
+    queue.last = _suspenseConfig;
+    if (
+      0 === fiber.expirationTime &&
+      (null === alternate || 0 === alternate.expirationTime) &&
+      ((alternate = queue.lastRenderedReducer), null !== alternate)
+    )
+      try {
+        var currentState = queue.lastRenderedState,
+          _eagerState = alternate(currentState, action);
+        _suspenseConfig.eagerReducer = alternate;
+        _suspenseConfig.eagerState = _eagerState;
+        if (is(_eagerState, currentState)) return;
+      } catch (error) {
+      } finally {
+      }
+    scheduleUpdateOnFiber(fiber, currentTime);
+  }
+}
+var ContextOnlyDispatcher = {
+    readContext: readContext,
+    useCallback: throwInvalidHookError,
+    useContext: throwInvalidHookError,
+    useEffect: throwInvalidHookError,
+    useImperativeHandle: throwInvalidHookError,
+    useLayoutEffect: throwInvalidHookError,
+    useMemo: throwInvalidHookError,
+    useReducer: throwInvalidHookError,
+    useRef: throwInvalidHookError,
+    useState: throwInvalidHookError,
+    useDebugValue: throwInvalidHookError,
+    useResponder: throwInvalidHookError
+  },
+  HooksDispatcherOnMount = {
+    readContext: readContext,
+    useCallback: function(callback, deps) {
+      mountWorkInProgressHook().memoizedState = [
+        callback,
+        void 0 === deps ? null : deps
+      ];
+      return callback;
+    },
+    useContext: readContext,
+    useEffect: function(create, deps) {
+      return mountEffectImpl(516, UnmountPassive | MountPassive, create, deps);
+    },
+    useImperativeHandle: function(ref, create, deps) {
+      deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
+      return mountEffectImpl(
+        4,
+        UnmountMutation | MountLayout,
+        imperativeHandleEffect.bind(null, create, ref),
+        deps
+      );
+    },
+    useLayoutEffect: function(create, deps) {
+      return mountEffectImpl(4, UnmountMutation | MountLayout, create, deps);
+    },
+    useMemo: function(nextCreate, deps) {
+      var hook = mountWorkInProgressHook();
+      deps = void 0 === deps ? null : deps;
+      nextCreate = nextCreate();
+      hook.memoizedState = [nextCreate, deps];
+      return nextCreate;
+    },
+    useReducer: function(reducer, initialArg, init) {
+      var hook = mountWorkInProgressHook();
+      initialArg = void 0 !== init ? init(initialArg) : initialArg;
+      hook.memoizedState = hook.baseState = initialArg;
+      reducer = hook.queue = {
+        last: null,
+        dispatch: null,
+        lastRenderedReducer: reducer,
+        lastRenderedState: initialArg
+      };
+      reducer = reducer.dispatch = dispatchAction.bind(
+        null,
+        currentlyRenderingFiber$1,
+        reducer
+      );
+      return [hook.memoizedState, reducer];
+    },
+    useRef: function(initialValue) {
+      var hook = mountWorkInProgressHook();
+      initialValue = { current: initialValue };
+      return (hook.memoizedState = initialValue);
+    },
+    useState: function(initialState) {
+      var hook = mountWorkInProgressHook();
+      "function" === typeof initialState && (initialState = initialState());
+      hook.memoizedState = hook.baseState = initialState;
+      initialState = hook.queue = {
+        last: null,
+        dispatch: null,
+        lastRenderedReducer: basicStateReducer,
+        lastRenderedState: initialState
+      };
+      initialState = initialState.dispatch = dispatchAction.bind(
+        null,
+        currentlyRenderingFiber$1,
+        initialState
+      );
+      return [hook.memoizedState, initialState];
+    },
+    useDebugValue: mountDebugValue,
+    useResponder: createResponderListener
+  },
+  HooksDispatcherOnUpdate = {
+    readContext: readContext,
+    useCallback: function(callback, deps) {
+      var hook = updateWorkInProgressHook();
+      deps = void 0 === deps ? null : deps;
+      var prevState = hook.memoizedState;
+      if (
+        null !== prevState &&
+        null !== deps &&
+        areHookInputsEqual(deps, prevState[1])
+      )
+        return prevState[0];
+      hook.memoizedState = [callback, deps];
+      return callback;
+    },
+    useContext: readContext,
+    useEffect: function(create, deps) {
+      return updateEffectImpl(516, UnmountPassive | MountPassive, create, deps);
+    },
+    useImperativeHandle: function(ref, create, deps) {
+      deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
+      return updateEffectImpl(
+        4,
+        UnmountMutation | MountLayout,
+        imperativeHandleEffect.bind(null, create, ref),
+        deps
+      );
+    },
+    useLayoutEffect: function(create, deps) {
+      return updateEffectImpl(4, UnmountMutation | MountLayout, create, deps);
+    },
+    useMemo: function(nextCreate, deps) {
+      var hook = updateWorkInProgressHook();
+      deps = void 0 === deps ? null : deps;
+      var prevState = hook.memoizedState;
+      if (
+        null !== prevState &&
+        null !== deps &&
+        areHookInputsEqual(deps, prevState[1])
+      )
+        return prevState[0];
+      nextCreate = nextCreate();
+      hook.memoizedState = [nextCreate, deps];
+      return nextCreate;
+    },
+    useReducer: updateReducer,
+    useRef: function() {
+      return updateWorkInProgressHook().memoizedState;
+    },
+    useState: function(initialState) {
+      return updateReducer(basicStateReducer, initialState);
+    },
+    useDebugValue: mountDebugValue,
+    useResponder: createResponderListener
+  },
+  now$1 = Scheduler.unstable_now,
+  commitTime = 0,
+  profilerStartTime = -1;
+function stopProfilerTimerIfRunningAndRecordDelta(fiber, overrideBaseTime) {
+  if (0 <= profilerStartTime) {
+    var elapsedTime = now$1() - profilerStartTime;
+    fiber.actualDuration += elapsedTime;
+    overrideBaseTime && (fiber.selfBaseDuration = elapsedTime);
+    profilerStartTime = -1;
+  }
+}
+var hydrationParentFiber = null,
+  nextHydratableInstance = null,
+  isHydrating = !1;
+function tryHydrate(fiber, nextInstance) {
+  switch (fiber.tag) {
+    case 5:
+      return (
+        (nextInstance = shim$1(nextInstance, fiber.type, fiber.pendingProps)),
+        null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
+      );
+    case 6:
+      return (
+        (nextInstance = shim$1(nextInstance, fiber.pendingProps)),
+        null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
+      );
+    case 13:
+      return !1;
+    default:
+      return !1;
+  }
+}
+function tryToClaimNextHydratableInstance(fiber$jscomp$0) {
+  if (isHydrating) {
+    var nextInstance = nextHydratableInstance;
+    if (nextInstance) {
+      var firstAttemptedInstance = nextInstance;
+      if (!tryHydrate(fiber$jscomp$0, nextInstance)) {
+        nextInstance = shim$1(firstAttemptedInstance);
+        if (!nextInstance || !tryHydrate(fiber$jscomp$0, nextInstance)) {
+          fiber$jscomp$0.effectTag |= 2;
+          isHydrating = !1;
+          hydrationParentFiber = fiber$jscomp$0;
+          return;
+        }
+        var returnFiber = hydrationParentFiber,
+          fiber = createFiber(5, null, null, 0);
+        fiber.elementType = "DELETED";
+        fiber.type = "DELETED";
+        fiber.stateNode = firstAttemptedInstance;
+        fiber.return = returnFiber;
+        fiber.effectTag = 8;
+        null !== returnFiber.lastEffect
+          ? ((returnFiber.lastEffect.nextEffect = fiber),
+            (returnFiber.lastEffect = fiber))
+          : (returnFiber.firstEffect = returnFiber.lastEffect = fiber);
+      }
+      hydrationParentFiber = fiber$jscomp$0;
+      nextHydratableInstance = shim$1(nextInstance);
+    } else
+      (fiber$jscomp$0.effectTag |= 2),
+        (isHydrating = !1),
+        (hydrationParentFiber = fiber$jscomp$0);
+  }
+}
+var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner,
+  didReceiveUpdate = !1;
+function reconcileChildren(
+  current$$1,
+  workInProgress,
+  nextChildren,
+  renderExpirationTime
+) {
+  workInProgress.child =
+    null === current$$1
+      ? mountChildFibers(
+          workInProgress,
+          null,
+          nextChildren,
+          renderExpirationTime
+        )
+      : reconcileChildFibers(
+          workInProgress,
+          current$$1.child,
+          nextChildren,
+          renderExpirationTime
+        );
+}
+function updateForwardRef(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  renderExpirationTime
+) {
+  Component = Component.render;
+  var ref = workInProgress.ref;
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  nextProps = renderWithHooks(
+    current$$1,
+    workInProgress,
+    Component,
+    nextProps,
+    ref,
+    renderExpirationTime
+  );
+  if (null !== current$$1 && !didReceiveUpdate)
+    return (
+      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.effectTag &= -517),
+      current$$1.expirationTime <= renderExpirationTime &&
+        (current$$1.expirationTime = 0),
+      bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      )
+    );
+  workInProgress.effectTag |= 1;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextProps,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+function updateMemoComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  updateExpirationTime,
+  renderExpirationTime
+) {
+  if (null === current$$1) {
+    var type = Component.type;
+    if (
+      "function" === typeof type &&
+      !shouldConstruct(type) &&
+      void 0 === type.defaultProps &&
+      null === Component.compare &&
+      void 0 === Component.defaultProps
+    )
+      return (
+        (workInProgress.tag = 15),
+        (workInProgress.type = type),
+        updateSimpleMemoComponent(
+          current$$1,
+          workInProgress,
+          type,
+          nextProps,
+          updateExpirationTime,
+          renderExpirationTime
+        )
+      );
+    current$$1 = createFiberFromTypeAndProps(
+      Component.type,
+      null,
+      nextProps,
+      null,
+      workInProgress.mode,
+      renderExpirationTime
+    );
+    current$$1.ref = workInProgress.ref;
+    current$$1.return = workInProgress;
+    return (workInProgress.child = current$$1);
+  }
+  type = current$$1.child;
+  if (
+    updateExpirationTime < renderExpirationTime &&
+    ((updateExpirationTime = type.memoizedProps),
+    (Component = Component.compare),
+    (Component = null !== Component ? Component : shallowEqual),
+    Component(updateExpirationTime, nextProps) &&
+      current$$1.ref === workInProgress.ref)
+  )
+    return bailoutOnAlreadyFinishedWork(
+      current$$1,
+      workInProgress,
+      renderExpirationTime
+    );
+  workInProgress.effectTag |= 1;
+  current$$1 = createWorkInProgress(type, nextProps, renderExpirationTime);
+  current$$1.ref = workInProgress.ref;
+  current$$1.return = workInProgress;
+  return (workInProgress.child = current$$1);
+}
+function updateSimpleMemoComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  updateExpirationTime,
+  renderExpirationTime
+) {
+  return null !== current$$1 &&
+    shallowEqual(current$$1.memoizedProps, nextProps) &&
+    current$$1.ref === workInProgress.ref &&
+    ((didReceiveUpdate = !1), updateExpirationTime < renderExpirationTime)
+    ? bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      )
+    : updateFunctionComponent(
+        current$$1,
+        workInProgress,
+        Component,
+        nextProps,
+        renderExpirationTime
+      );
+}
+function markRef(current$$1, workInProgress) {
+  var ref = workInProgress.ref;
+  if (
+    (null === current$$1 && null !== ref) ||
+    (null !== current$$1 && current$$1.ref !== ref)
+  )
+    workInProgress.effectTag |= 128;
+}
+function updateFunctionComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  renderExpirationTime
+) {
+  var context = isContextProvider(Component)
+    ? previousContext
+    : contextStackCursor.current;
+  context = getMaskedContext(workInProgress, context);
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  Component = renderWithHooks(
+    current$$1,
+    workInProgress,
+    Component,
+    nextProps,
+    context,
+    renderExpirationTime
+  );
+  if (null !== current$$1 && !didReceiveUpdate)
+    return (
+      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.effectTag &= -517),
+      current$$1.expirationTime <= renderExpirationTime &&
+        (current$$1.expirationTime = 0),
+      bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      )
+    );
+  workInProgress.effectTag |= 1;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    Component,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+function updateClassComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  renderExpirationTime
+) {
+  if (isContextProvider(Component)) {
+    var hasContext = !0;
+    pushContextProvider(workInProgress);
+  } else hasContext = !1;
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  if (null === workInProgress.stateNode)
+    null !== current$$1 &&
+      ((current$$1.alternate = null),
+      (workInProgress.alternate = null),
+      (workInProgress.effectTag |= 2)),
+      constructClassInstance(
+        workInProgress,
+        Component,
+        nextProps,
+        renderExpirationTime
+      ),
+      mountClassInstance(
+        workInProgress,
+        Component,
+        nextProps,
+        renderExpirationTime
+      ),
+      (nextProps = !0);
+  else if (null === current$$1) {
+    var instance = workInProgress.stateNode,
+      oldProps = workInProgress.memoizedProps;
+    instance.props = oldProps;
+    var oldContext = instance.context,
+      contextType = Component.contextType;
+    "object" === typeof contextType && null !== contextType
+      ? (contextType = readContext(contextType))
+      : ((contextType = isContextProvider(Component)
+          ? previousContext
+          : contextStackCursor.current),
+        (contextType = getMaskedContext(workInProgress, contextType)));
+    var getDerivedStateFromProps = Component.getDerivedStateFromProps,
+      hasNewLifecycles =
+        "function" === typeof getDerivedStateFromProps ||
+        "function" === typeof instance.getSnapshotBeforeUpdate;
+    hasNewLifecycles ||
+      ("function" !== typeof instance.UNSAFE_componentWillReceiveProps &&
+        "function" !== typeof instance.componentWillReceiveProps) ||
+      ((oldProps !== nextProps || oldContext !== contextType) &&
+        callComponentWillReceiveProps(
+          workInProgress,
+          instance,
+          nextProps,
+          contextType
+        ));
+    hasForceUpdate = !1;
+    var oldState = workInProgress.memoizedState;
+    oldContext = instance.state = oldState;
+    var updateQueue = workInProgress.updateQueue;
+    null !== updateQueue &&
+      (processUpdateQueue(
+        workInProgress,
+        updateQueue,
+        nextProps,
+        instance,
+        renderExpirationTime
+      ),
+      (oldContext = workInProgress.memoizedState));
+    oldProps !== nextProps ||
+    oldState !== oldContext ||
+    didPerformWorkStackCursor.current ||
+    hasForceUpdate
+      ? ("function" === typeof getDerivedStateFromProps &&
+          (applyDerivedStateFromProps(
+            workInProgress,
+            Component,
+            getDerivedStateFromProps,
+            nextProps
+          ),
+          (oldContext = workInProgress.memoizedState)),
+        (oldProps =
+          hasForceUpdate ||
+          checkShouldComponentUpdate(
+            workInProgress,
+            Component,
+            oldProps,
+            nextProps,
+            oldState,
+            oldContext,
+            contextType
+          ))
+          ? (hasNewLifecycles ||
+              ("function" !== typeof instance.UNSAFE_componentWillMount &&
+                "function" !== typeof instance.componentWillMount) ||
+              ("function" === typeof instance.componentWillMount &&
+                instance.componentWillMount(),
+              "function" === typeof instance.UNSAFE_componentWillMount &&
+                instance.UNSAFE_componentWillMount()),
+            "function" === typeof instance.componentDidMount &&
+              (workInProgress.effectTag |= 4))
+          : ("function" === typeof instance.componentDidMount &&
+              (workInProgress.effectTag |= 4),
+            (workInProgress.memoizedProps = nextProps),
+            (workInProgress.memoizedState = oldContext)),
+        (instance.props = nextProps),
+        (instance.state = oldContext),
+        (instance.context = contextType),
+        (nextProps = oldProps))
+      : ("function" === typeof instance.componentDidMount &&
+          (workInProgress.effectTag |= 4),
+        (nextProps = !1));
+  } else
+    (instance = workInProgress.stateNode),
+      (oldProps = workInProgress.memoizedProps),
+      (instance.props =
+        workInProgress.type === workInProgress.elementType
+          ? oldProps
+          : resolveDefaultProps(workInProgress.type, oldProps)),
+      (oldContext = instance.context),
+      (contextType = Component.contextType),
+      "object" === typeof contextType && null !== contextType
+        ? (contextType = readContext(contextType))
+        : ((contextType = isContextProvider(Component)
+            ? previousContext
+            : contextStackCursor.current),
+          (contextType = getMaskedContext(workInProgress, contextType))),
+      (getDerivedStateFromProps = Component.getDerivedStateFromProps),
+      (hasNewLifecycles =
+        "function" === typeof getDerivedStateFromProps ||
+        "function" === typeof instance.getSnapshotBeforeUpdate) ||
+        ("function" !== typeof instance.UNSAFE_componentWillReceiveProps &&
+          "function" !== typeof instance.componentWillReceiveProps) ||
+        ((oldProps !== nextProps || oldContext !== contextType) &&
+          callComponentWillReceiveProps(
+            workInProgress,
+            instance,
+            nextProps,
+            contextType
+          )),
+      (hasForceUpdate = !1),
+      (oldContext = workInProgress.memoizedState),
+      (oldState = instance.state = oldContext),
+      (updateQueue = workInProgress.updateQueue),
+      null !== updateQueue &&
+        (processUpdateQueue(
+          workInProgress,
+          updateQueue,
+          nextProps,
+          instance,
+          renderExpirationTime
+        ),
+        (oldState = workInProgress.memoizedState)),
+      oldProps !== nextProps ||
+      oldContext !== oldState ||
+      didPerformWorkStackCursor.current ||
+      hasForceUpdate
+        ? ("function" === typeof getDerivedStateFromProps &&
+            (applyDerivedStateFromProps(
+              workInProgress,
+              Component,
+              getDerivedStateFromProps,
+              nextProps
+            ),
+            (oldState = workInProgress.memoizedState)),
+          (getDerivedStateFromProps =
+            hasForceUpdate ||
+            checkShouldComponentUpdate(
+              workInProgress,
+              Component,
+              oldProps,
+              nextProps,
+              oldContext,
+              oldState,
+              contextType
+            ))
+            ? (hasNewLifecycles ||
+                ("function" !== typeof instance.UNSAFE_componentWillUpdate &&
+                  "function" !== typeof instance.componentWillUpdate) ||
+                ("function" === typeof instance.componentWillUpdate &&
+                  instance.componentWillUpdate(
+                    nextProps,
+                    oldState,
+                    contextType
+                  ),
+                "function" === typeof instance.UNSAFE_componentWillUpdate &&
+                  instance.UNSAFE_componentWillUpdate(
+                    nextProps,
+                    oldState,
+                    contextType
+                  )),
+              "function" === typeof instance.componentDidUpdate &&
+                (workInProgress.effectTag |= 4),
+              "function" === typeof instance.getSnapshotBeforeUpdate &&
+                (workInProgress.effectTag |= 256))
+            : ("function" !== typeof instance.componentDidUpdate ||
+                (oldProps === current$$1.memoizedProps &&
+                  oldContext === current$$1.memoizedState) ||
+                (workInProgress.effectTag |= 4),
+              "function" !== typeof instance.getSnapshotBeforeUpdate ||
+                (oldProps === current$$1.memoizedProps &&
+                  oldContext === current$$1.memoizedState) ||
+                (workInProgress.effectTag |= 256),
+              (workInProgress.memoizedProps = nextProps),
+              (workInProgress.memoizedState = oldState)),
+          (instance.props = nextProps),
+          (instance.state = oldState),
+          (instance.context = contextType),
+          (nextProps = getDerivedStateFromProps))
+        : ("function" !== typeof instance.componentDidUpdate ||
+            (oldProps === current$$1.memoizedProps &&
+              oldContext === current$$1.memoizedState) ||
+            (workInProgress.effectTag |= 4),
+          "function" !== typeof instance.getSnapshotBeforeUpdate ||
+            (oldProps === current$$1.memoizedProps &&
+              oldContext === current$$1.memoizedState) ||
+            (workInProgress.effectTag |= 256),
+          (nextProps = !1));
+  return finishClassComponent(
+    current$$1,
+    workInProgress,
+    Component,
+    nextProps,
+    hasContext,
+    renderExpirationTime
+  );
+}
+function finishClassComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  shouldUpdate,
+  hasContext,
+  renderExpirationTime
+) {
+  markRef(current$$1, workInProgress);
+  var didCaptureError = 0 !== (workInProgress.effectTag & 64);
+  if (!shouldUpdate && !didCaptureError)
+    return (
+      hasContext && invalidateContextProvider(workInProgress, Component, !1),
+      bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      )
+    );
+  shouldUpdate = workInProgress.stateNode;
+  ReactCurrentOwner$3.current = workInProgress;
+  if (
+    didCaptureError &&
+    "function" !== typeof Component.getDerivedStateFromError
+  ) {
+    var nextChildren = null;
+    profilerStartTime = -1;
+  } else nextChildren = shouldUpdate.render();
+  workInProgress.effectTag |= 1;
+  null !== current$$1 && didCaptureError
+    ? ((didCaptureError = nextChildren),
+      (workInProgress.child = reconcileChildFibers(
+        workInProgress,
+        current$$1.child,
+        null,
+        renderExpirationTime
+      )),
+      (workInProgress.child = reconcileChildFibers(
+        workInProgress,
+        null,
+        didCaptureError,
+        renderExpirationTime
+      )))
+    : reconcileChildren(
+        current$$1,
+        workInProgress,
+        nextChildren,
+        renderExpirationTime
+      );
+  workInProgress.memoizedState = shouldUpdate.state;
+  hasContext && invalidateContextProvider(workInProgress, Component, !0);
+  return workInProgress.child;
+}
+function pushHostRootContext(workInProgress) {
+  var root = workInProgress.stateNode;
+  root.pendingContext
+    ? pushTopLevelContextObject(
+        workInProgress,
+        root.pendingContext,
+        root.pendingContext !== root.context
+      )
+    : root.context &&
+      pushTopLevelContextObject(workInProgress, root.context, !1);
+  pushHostContainer(workInProgress, root.containerInfo);
+}
+var SUSPENDED_MARKER = {};
+function updateSuspenseComponent(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  var mode = workInProgress.mode,
+    nextProps = workInProgress.pendingProps,
+    suspenseContext = suspenseStackCursor.current,
+    nextState = null,
+    nextDidTimeout = !1,
+    JSCompiler_temp;
+  (JSCompiler_temp = 0 !== (workInProgress.effectTag & 64)) ||
+    (JSCompiler_temp =
+      0 !== (suspenseContext & ForceSuspenseFallback) &&
+      (null === current$$1 || null !== current$$1.memoizedState));
+  JSCompiler_temp
+    ? ((nextState = SUSPENDED_MARKER),
+      (nextDidTimeout = !0),
+      (workInProgress.effectTag &= -65))
+    : (null !== current$$1 && null === current$$1.memoizedState) ||
+      void 0 === nextProps.fallback ||
+      !0 === nextProps.unstable_avoidThisFallback ||
+      (suspenseContext |= InvisibleParentSuspenseContext);
+  suspenseContext &= SubtreeSuspenseContextMask;
+  push(suspenseStackCursor, suspenseContext, workInProgress);
+  if (null === current$$1)
+    if (nextDidTimeout) {
+      nextProps = nextProps.fallback;
+      current$$1 = createFiberFromFragment(null, mode, 0, null);
+      current$$1.return = workInProgress;
+      if (0 === (workInProgress.mode & 2))
+        for (
+          nextDidTimeout =
+            null !== workInProgress.memoizedState
+              ? workInProgress.child.child
+              : workInProgress.child,
+            current$$1.child = nextDidTimeout;
+          null !== nextDidTimeout;
+
+        )
+          (nextDidTimeout.return = current$$1),
+            (nextDidTimeout = nextDidTimeout.sibling);
+      renderExpirationTime = createFiberFromFragment(
+        nextProps,
+        mode,
+        renderExpirationTime,
+        null
+      );
+      renderExpirationTime.return = workInProgress;
+      current$$1.sibling = renderExpirationTime;
+      mode = current$$1;
+    } else
+      mode = renderExpirationTime = mountChildFibers(
+        workInProgress,
+        null,
+        nextProps.children,
+        renderExpirationTime
+      );
+  else {
+    if (null !== current$$1.memoizedState)
+      if (
+        ((suspenseContext = current$$1.child),
+        (mode = suspenseContext.sibling),
+        nextDidTimeout)
+      ) {
+        nextProps = nextProps.fallback;
+        renderExpirationTime = createWorkInProgress(
+          suspenseContext,
+          suspenseContext.pendingProps,
+          0
+        );
+        renderExpirationTime.return = workInProgress;
+        if (
+          0 === (workInProgress.mode & 2) &&
+          ((nextDidTimeout =
+            null !== workInProgress.memoizedState
+              ? workInProgress.child.child
+              : workInProgress.child),
+          nextDidTimeout !== suspenseContext.child)
+        )
+          for (
+            renderExpirationTime.child = nextDidTimeout;
+            null !== nextDidTimeout;
+
+          )
+            (nextDidTimeout.return = renderExpirationTime),
+              (nextDidTimeout = nextDidTimeout.sibling);
+        if (workInProgress.mode & 8) {
+          nextDidTimeout = 0;
+          for (
+            suspenseContext = renderExpirationTime.child;
+            null !== suspenseContext;
+
+          )
+            (nextDidTimeout += suspenseContext.treeBaseDuration),
+              (suspenseContext = suspenseContext.sibling);
+          renderExpirationTime.treeBaseDuration = nextDidTimeout;
+        }
+        nextProps = createWorkInProgress(mode, nextProps, mode.expirationTime);
+        nextProps.return = workInProgress;
+        renderExpirationTime.sibling = nextProps;
+        mode = renderExpirationTime;
+        renderExpirationTime.childExpirationTime = 0;
+        renderExpirationTime = nextProps;
+      } else
+        mode = renderExpirationTime = reconcileChildFibers(
+          workInProgress,
+          suspenseContext.child,
+          nextProps.children,
+          renderExpirationTime
+        );
+    else if (((suspenseContext = current$$1.child), nextDidTimeout)) {
+      nextDidTimeout = nextProps.fallback;
+      nextProps = createFiberFromFragment(null, mode, 0, null);
+      nextProps.return = workInProgress;
+      nextProps.child = suspenseContext;
+      null !== suspenseContext && (suspenseContext.return = nextProps);
+      if (0 === (workInProgress.mode & 2))
+        for (
+          suspenseContext =
+            null !== workInProgress.memoizedState
+              ? workInProgress.child.child
+              : workInProgress.child,
+            nextProps.child = suspenseContext;
+          null !== suspenseContext;
+
+        )
+          (suspenseContext.return = nextProps),
+            (suspenseContext = suspenseContext.sibling);
+      if (workInProgress.mode & 8) {
+        suspenseContext = 0;
+        for (JSCompiler_temp = nextProps.child; null !== JSCompiler_temp; )
+          (suspenseContext += JSCompiler_temp.treeBaseDuration),
+            (JSCompiler_temp = JSCompiler_temp.sibling);
+        nextProps.treeBaseDuration = suspenseContext;
+      }
+      renderExpirationTime = createFiberFromFragment(
+        nextDidTimeout,
+        mode,
+        renderExpirationTime,
+        null
+      );
+      renderExpirationTime.return = workInProgress;
+      nextProps.sibling = renderExpirationTime;
+      renderExpirationTime.effectTag |= 2;
+      mode = nextProps;
+      nextProps.childExpirationTime = 0;
+    } else
+      renderExpirationTime = mode = reconcileChildFibers(
+        workInProgress,
+        suspenseContext,
+        nextProps.children,
+        renderExpirationTime
+      );
+    workInProgress.stateNode = current$$1.stateNode;
+  }
+  workInProgress.memoizedState = nextState;
+  workInProgress.child = mode;
+  return renderExpirationTime;
+}
+function initSuspenseListRenderState(
+  workInProgress,
+  isBackwards,
+  tail,
+  lastContentRow,
+  tailMode
+) {
+  var renderState = workInProgress.memoizedState;
+  null === renderState
+    ? (workInProgress.memoizedState = {
+        isBackwards: isBackwards,
+        rendering: null,
+        last: lastContentRow,
+        tail: tail,
+        tailExpiration: 0,
+        tailMode: tailMode
+      })
+    : ((renderState.isBackwards = isBackwards),
+      (renderState.rendering = null),
+      (renderState.last = lastContentRow),
+      (renderState.tail = tail),
+      (renderState.tailExpiration = 0),
+      (renderState.tailMode = tailMode));
+}
+function updateSuspenseListComponent(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  var nextProps = workInProgress.pendingProps,
+    revealOrder = nextProps.revealOrder,
+    tailMode = nextProps.tail;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextProps.children,
+    renderExpirationTime
+  );
+  nextProps = suspenseStackCursor.current;
+  if (0 !== (nextProps & ForceSuspenseFallback))
+    (nextProps =
+      (nextProps & SubtreeSuspenseContextMask) | ForceSuspenseFallback),
+      (workInProgress.effectTag |= 64);
+  else {
+    if (null !== current$$1 && 0 !== (current$$1.effectTag & 64))
+      a: for (current$$1 = workInProgress.child; null !== current$$1; ) {
+        if (13 === current$$1.tag) {
+          if (null !== current$$1.memoizedState) {
+            current$$1.expirationTime < renderExpirationTime &&
+              (current$$1.expirationTime = renderExpirationTime);
+            var alternate = current$$1.alternate;
+            null !== alternate &&
+              alternate.expirationTime < renderExpirationTime &&
+              (alternate.expirationTime = renderExpirationTime);
+            scheduleWorkOnParentPath(current$$1.return, renderExpirationTime);
+          }
+        } else if (null !== current$$1.child) {
+          current$$1.child.return = current$$1;
+          current$$1 = current$$1.child;
+          continue;
+        }
+        if (current$$1 === workInProgress) break a;
+        for (; null === current$$1.sibling; ) {
+          if (
+            null === current$$1.return ||
+            current$$1.return === workInProgress
+          )
+            break a;
+          current$$1 = current$$1.return;
+        }
+        current$$1.sibling.return = current$$1.return;
+        current$$1 = current$$1.sibling;
+      }
+    nextProps &= SubtreeSuspenseContextMask;
+  }
+  push(suspenseStackCursor, nextProps, workInProgress);
+  if (0 === (workInProgress.mode & 2)) workInProgress.memoizedState = null;
+  else
+    switch (revealOrder) {
+      case "forwards":
+        renderExpirationTime = workInProgress.child;
+        for (revealOrder = null; null !== renderExpirationTime; )
+          (nextProps = renderExpirationTime.alternate),
+            null !== nextProps &&
+              null === findFirstSuspended(nextProps) &&
+              (revealOrder = renderExpirationTime),
+            (renderExpirationTime = renderExpirationTime.sibling);
+        renderExpirationTime = revealOrder;
+        null === renderExpirationTime
+          ? ((revealOrder = workInProgress.child),
+            (workInProgress.child = null))
+          : ((revealOrder = renderExpirationTime.sibling),
+            (renderExpirationTime.sibling = null));
+        initSuspenseListRenderState(
+          workInProgress,
+          !1,
+          revealOrder,
+          renderExpirationTime,
+          tailMode
+        );
+        break;
+      case "backwards":
+        renderExpirationTime = null;
+        revealOrder = workInProgress.child;
+        for (workInProgress.child = null; null !== revealOrder; ) {
+          nextProps = revealOrder.alternate;
+          if (null !== nextProps && null === findFirstSuspended(nextProps)) {
+            workInProgress.child = revealOrder;
+            break;
+          }
+          nextProps = revealOrder.sibling;
+          revealOrder.sibling = renderExpirationTime;
+          renderExpirationTime = revealOrder;
+          revealOrder = nextProps;
+        }
+        initSuspenseListRenderState(
+          workInProgress,
+          !0,
+          renderExpirationTime,
+          null,
+          tailMode
+        );
+        break;
+      case "together":
+        initSuspenseListRenderState(workInProgress, !1, null, null, void 0);
+        break;
+      default:
+        workInProgress.memoizedState = null;
+    }
+  return workInProgress.child;
+}
+function bailoutOnAlreadyFinishedWork(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  null !== current$$1 &&
+    (workInProgress.dependencies = current$$1.dependencies);
+  profilerStartTime = -1;
+  if (workInProgress.childExpirationTime < renderExpirationTime) return null;
+  if (null !== current$$1 && workInProgress.child !== current$$1.child)
+    throw ReactError(Error("Resuming work not yet implemented."));
+  if (null !== workInProgress.child) {
+    current$$1 = workInProgress.child;
+    renderExpirationTime = createWorkInProgress(
+      current$$1,
+      current$$1.pendingProps,
+      current$$1.expirationTime
+    );
+    workInProgress.child = renderExpirationTime;
+    for (
+      renderExpirationTime.return = workInProgress;
+      null !== current$$1.sibling;
+
+    )
+      (current$$1 = current$$1.sibling),
+        (renderExpirationTime = renderExpirationTime.sibling = createWorkInProgress(
+          current$$1,
+          current$$1.pendingProps,
+          current$$1.expirationTime
+        )),
+        (renderExpirationTime.return = workInProgress);
+    renderExpirationTime.sibling = null;
+  }
+  return workInProgress.child;
+}
+var appendAllChildren = void 0,
+  updateHostContainer = void 0,
+  updateHostComponent$1 = void 0,
+  updateHostText$1 = void 0;
+appendAllChildren = function(
+  parent,
+  workInProgress,
+  needsVisibilityToggle,
+  isHidden
+) {
+  for (var node = workInProgress.child; null !== node; ) {
+    if (5 === node.tag) {
+      var instance = node.stateNode;
+      needsVisibilityToggle &&
+        isHidden &&
+        (instance = cloneHiddenInstance(
+          instance,
+          node.type,
+          node.memoizedProps,
+          node
+        ));
+      appendChildNode(parent.node, instance.node);
+    } else if (6 === node.tag) {
+      instance = node.stateNode;
+      if (needsVisibilityToggle && isHidden)
+        throw Error("Not yet implemented.");
+      appendChildNode(parent.node, instance.node);
+    } else if (4 !== node.tag) {
+      if (
+        13 === node.tag &&
+        0 !== (node.effectTag & 4) &&
+        (instance = null !== node.memoizedState)
+      ) {
+        var primaryChildParent = node.child;
+        if (
+          null !== primaryChildParent &&
+          (null !== primaryChildParent.child &&
+            ((primaryChildParent.child.return = primaryChildParent),
+            appendAllChildren(parent, primaryChildParent, !0, instance)),
+          (instance = primaryChildParent.sibling),
+          null !== instance)
+        ) {
+          instance.return = node;
+          node = instance;
+          continue;
+        }
+      }
+      if (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;
+  }
+};
+function appendAllChildrenToContainer(
+  containerChildSet,
+  workInProgress,
+  needsVisibilityToggle,
+  isHidden
+) {
+  for (var node = workInProgress.child; null !== node; ) {
+    if (5 === node.tag) {
+      var instance = node.stateNode;
+      needsVisibilityToggle &&
+        isHidden &&
+        (instance = cloneHiddenInstance(
+          instance,
+          node.type,
+          node.memoizedProps,
+          node
+        ));
+      appendChildNodeToSet(containerChildSet, instance.node);
+    } else if (6 === node.tag) {
+      instance = node.stateNode;
+      if (needsVisibilityToggle && isHidden)
+        throw Error("Not yet implemented.");
+      appendChildNodeToSet(containerChildSet, instance.node);
+    } else if (4 !== node.tag) {
+      if (
+        13 === node.tag &&
+        0 !== (node.effectTag & 4) &&
+        (instance = null !== node.memoizedState)
+      ) {
+        var primaryChildParent = node.child;
+        if (
+          null !== primaryChildParent &&
+          (null !== primaryChildParent.child &&
+            ((primaryChildParent.child.return = primaryChildParent),
+            appendAllChildrenToContainer(
+              containerChildSet,
+              primaryChildParent,
+              !0,
+              instance
+            )),
+          (instance = primaryChildParent.sibling),
+          null !== instance)
+        ) {
+          instance.return = node;
+          node = instance;
+          continue;
+        }
+      }
+      if (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;
+  }
+}
+updateHostContainer = function(workInProgress) {
+  var portalOrRoot = workInProgress.stateNode;
+  if (null !== workInProgress.firstEffect) {
+    var container = portalOrRoot.containerInfo,
+      newChildSet = createChildNodeSet(container);
+    appendAllChildrenToContainer(newChildSet, workInProgress, !1, !1);
+    portalOrRoot.pendingChildren = newChildSet;
+    workInProgress.effectTag |= 4;
+    completeRoot(container, newChildSet);
+  }
+};
+updateHostComponent$1 = function(current, workInProgress, type, newProps) {
+  type = current.stateNode;
+  var oldProps = current.memoizedProps;
+  if ((current = null === workInProgress.firstEffect) && 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),
+        (recyclableInstance = type.node),
+        (type = {
+          node: current
+            ? null !== newProps
+              ? cloneNodeWithNewProps(recyclableInstance, newProps)
+              : cloneNode(recyclableInstance)
+            : null !== newProps
+              ? cloneNodeWithNewChildrenAndProps(recyclableInstance, newProps)
+              : cloneNodeWithNewChildren(recyclableInstance),
+          canonical: type.canonical
+        }),
+        (workInProgress.stateNode = type),
+        current
+          ? (workInProgress.effectTag |= 4)
+          : appendAllChildren(type, workInProgress, !1, !1));
+  }
+};
+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.effectTag |= 4));
+};
+function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
+  switch (renderState.tailMode) {
+    case "hidden":
+      hasRenderedATailFallback = renderState.tail;
+      for (var lastTailNode = null; null !== hasRenderedATailFallback; )
+        null !== hasRenderedATailFallback.alternate &&
+          (lastTailNode = hasRenderedATailFallback),
+          (hasRenderedATailFallback = hasRenderedATailFallback.sibling);
+      null === lastTailNode
+        ? (renderState.tail = null)
+        : (lastTailNode.sibling = null);
+      break;
+    case "collapsed":
+      lastTailNode = renderState.tail;
+      for (var _lastTailNode = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (_lastTailNode = lastTailNode),
+          (lastTailNode = lastTailNode.sibling);
+      null === _lastTailNode
+        ? hasRenderedATailFallback || null === renderState.tail
+          ? (renderState.tail = null)
+          : (renderState.tail.sibling = null)
+        : (_lastTailNode.sibling = null);
+  }
+}
+function completeWork(current, workInProgress, renderExpirationTime) {
+  var newProps = workInProgress.pendingProps;
+  switch (workInProgress.tag) {
+    case 2:
+      break;
+    case 16:
+      break;
+    case 15:
+    case 0:
+      break;
+    case 1:
+      isContextProvider(workInProgress.type) && popContext(workInProgress);
+      break;
+    case 3:
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      newProps = workInProgress.stateNode;
+      newProps.pendingContext &&
+        ((newProps.context = newProps.pendingContext),
+        (newProps.pendingContext = null));
+      if (null === current || null === current.child)
+        workInProgress.effectTag &= -3;
+      updateHostContainer(workInProgress);
+      break;
+    case 5:
+      popHostContext(workInProgress);
+      var rootContainerInstance = requiredContext(
+        rootInstanceStackCursor.current
+      );
+      renderExpirationTime = workInProgress.type;
+      if (null !== current && null != workInProgress.stateNode)
+        updateHostComponent$1(
+          current,
+          workInProgress,
+          renderExpirationTime,
+          newProps,
+          rootContainerInstance
+        ),
+          current.ref !== workInProgress.ref &&
+            (workInProgress.effectTag |= 128);
+      else if (newProps) {
+        requiredContext(contextStackCursor$1.current);
+        current = nextReactTag;
+        nextReactTag += 2;
+        renderExpirationTime = getViewConfigForType(renderExpirationTime);
+        var updatePayload = diffProperties(
+          null,
+          emptyObject,
+          newProps,
+          renderExpirationTime.validAttributes
+        );
+        rootContainerInstance = createNode(
+          current,
+          renderExpirationTime.uiViewClassName,
+          rootContainerInstance,
+          updatePayload,
+          workInProgress
+        );
+        current = new ReactFabricHostComponent(
+          current,
+          renderExpirationTime,
+          newProps,
+          workInProgress
+        );
+        current = { node: rootContainerInstance, canonical: current };
+        appendAllChildren(current, workInProgress, !1, !1);
+        workInProgress.stateNode = current;
+        null !== workInProgress.ref && (workInProgress.effectTag |= 128);
+      } else if (null === workInProgress.stateNode)
+        throw ReactError(
+          Error(
+            "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      break;
+    case 6:
+      if (current && null != workInProgress.stateNode)
+        updateHostText$1(
+          current,
+          workInProgress,
+          current.memoizedProps,
+          newProps
+        );
+      else {
+        if ("string" !== typeof newProps && null === workInProgress.stateNode)
+          throw ReactError(
+            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);
+        rootContainerInstance = requiredContext(contextStackCursor$1.current);
+        workInProgress.stateNode = createTextInstance(
+          newProps,
+          current,
+          rootContainerInstance,
+          workInProgress
+        );
+      }
+      break;
+    case 11:
+      break;
+    case 13:
+      pop(suspenseStackCursor, workInProgress);
+      newProps = workInProgress.memoizedState;
+      if (0 !== (workInProgress.effectTag & 64))
+        return (
+          (workInProgress.expirationTime = renderExpirationTime), workInProgress
+        );
+      newProps = null !== newProps;
+      rootContainerInstance = !1;
+      null !== current &&
+        ((renderExpirationTime = current.memoizedState),
+        (rootContainerInstance = null !== renderExpirationTime),
+        newProps ||
+          null === renderExpirationTime ||
+          ((renderExpirationTime = current.child.sibling),
+          null !== renderExpirationTime &&
+            ((updatePayload = workInProgress.firstEffect),
+            null !== updatePayload
+              ? ((workInProgress.firstEffect = renderExpirationTime),
+                (renderExpirationTime.nextEffect = updatePayload))
+              : ((workInProgress.firstEffect = workInProgress.lastEffect = renderExpirationTime),
+                (renderExpirationTime.nextEffect = null)),
+            (renderExpirationTime.effectTag = 8))));
+      if (newProps && !rootContainerInstance && 0 !== (workInProgress.mode & 2))
+        if (
+          (null === current &&
+            !0 !== workInProgress.memoizedProps.unstable_avoidThisFallback) ||
+          0 !== (suspenseStackCursor.current & InvisibleParentSuspenseContext)
+        )
+          workInProgressRootExitStatus === RootIncomplete &&
+            (workInProgressRootExitStatus = RootSuspended);
+        else if (
+          workInProgressRootExitStatus === RootIncomplete ||
+          workInProgressRootExitStatus === RootSuspended
+        )
+          workInProgressRootExitStatus = RootSuspendedWithDelay;
+      newProps && (workInProgress.effectTag |= 4);
+      break;
+    case 7:
+      break;
+    case 8:
+      break;
+    case 12:
+      break;
+    case 4:
+      popHostContainer(workInProgress);
+      updateHostContainer(workInProgress);
+      break;
+    case 10:
+      popProvider(workInProgress);
+      break;
+    case 9:
+      break;
+    case 14:
+      break;
+    case 17:
+      isContextProvider(workInProgress.type) && popContext(workInProgress);
+      break;
+    case 18:
+      break;
+    case 19:
+      pop(suspenseStackCursor, workInProgress);
+      newProps = workInProgress.memoizedState;
+      if (null === newProps) break;
+      rootContainerInstance = 0 !== (workInProgress.effectTag & 64);
+      updatePayload = newProps.rendering;
+      if (null === updatePayload)
+        if (rootContainerInstance) cutOffTailIfNeeded(newProps, !1);
+        else {
+          if (
+            workInProgressRootExitStatus !== RootIncomplete ||
+            (null !== current && 0 !== (current.effectTag & 64))
+          )
+            for (current = workInProgress.child; null !== current; ) {
+              updatePayload = findFirstSuspended(current);
+              if (null !== updatePayload) {
+                workInProgress.effectTag |= 64;
+                cutOffTailIfNeeded(newProps, !1);
+                current = updatePayload.updateQueue;
+                null !== current &&
+                  ((workInProgress.updateQueue = current),
+                  (workInProgress.effectTag |= 4));
+                workInProgress.firstEffect = workInProgress.lastEffect = null;
+                current = renderExpirationTime;
+                for (newProps = workInProgress.child; null !== newProps; )
+                  (rootContainerInstance = newProps),
+                    (updatePayload = current),
+                    (rootContainerInstance.effectTag &= 2),
+                    (rootContainerInstance.nextEffect = null),
+                    (rootContainerInstance.firstEffect = null),
+                    (rootContainerInstance.lastEffect = null),
+                    (renderExpirationTime = rootContainerInstance.alternate),
+                    null === renderExpirationTime
+                      ? ((rootContainerInstance.childExpirationTime = 0),
+                        (rootContainerInstance.expirationTime = updatePayload),
+                        (rootContainerInstance.child = null),
+                        (rootContainerInstance.memoizedProps = null),
+                        (rootContainerInstance.memoizedState = null),
+                        (rootContainerInstance.updateQueue = null),
+                        (rootContainerInstance.dependencies = null),
+                        (rootContainerInstance.selfBaseDuration = 0),
+                        (rootContainerInstance.treeBaseDuration = 0))
+                      : ((rootContainerInstance.childExpirationTime =
+                          renderExpirationTime.childExpirationTime),
+                        (rootContainerInstance.expirationTime =
+                          renderExpirationTime.expirationTime),
+                        (rootContainerInstance.child =
+                          renderExpirationTime.child),
+                        (rootContainerInstance.memoizedProps =
+                          renderExpirationTime.memoizedProps),
+                        (rootContainerInstance.memoizedState =
+                          renderExpirationTime.memoizedState),
+                        (rootContainerInstance.updateQueue =
+                          renderExpirationTime.updateQueue),
+                        (updatePayload = renderExpirationTime.dependencies),
+                        (rootContainerInstance.dependencies =
+                          null === updatePayload
+                            ? null
+                            : {
+                                expirationTime: updatePayload.expirationTime,
+                                firstContext: updatePayload.firstContext,
+                                responders: updatePayload.responders
+                              }),
+                        (rootContainerInstance.selfBaseDuration =
+                          renderExpirationTime.selfBaseDuration),
+                        (rootContainerInstance.treeBaseDuration =
+                          renderExpirationTime.treeBaseDuration)),
+                    (newProps = newProps.sibling);
+                push(
+                  suspenseStackCursor,
+                  (suspenseStackCursor.current & SubtreeSuspenseContextMask) |
+                    ForceSuspenseFallback,
+                  workInProgress
+                );
+                return workInProgress.child;
+              }
+              current = current.sibling;
+            }
+        }
+      else {
+        if (!rootContainerInstance)
+          if (
+            ((current = findFirstSuspended(updatePayload)), null !== current)
+          ) {
+            if (
+              ((workInProgress.effectTag |= 64),
+              (rootContainerInstance = !0),
+              cutOffTailIfNeeded(newProps, !0),
+              null === newProps.tail && "hidden" === newProps.tailMode)
+            ) {
+              current = current.updateQueue;
+              null !== current &&
+                ((workInProgress.updateQueue = current),
+                (workInProgress.effectTag |= 4));
+              workInProgress = workInProgress.lastEffect = newProps.lastEffect;
+              null !== workInProgress && (workInProgress.nextEffect = null);
+              break;
+            }
+          } else
+            now() > newProps.tailExpiration &&
+              1 < renderExpirationTime &&
+              ((workInProgress.effectTag |= 64),
+              (rootContainerInstance = !0),
+              cutOffTailIfNeeded(newProps, !1),
+              (current = renderExpirationTime - 1),
+              (workInProgress.expirationTime = workInProgress.childExpirationTime = current),
+              null === spawnedWorkDuringRender
+                ? (spawnedWorkDuringRender = [current])
+                : spawnedWorkDuringRender.push(current));
+        newProps.isBackwards
+          ? ((updatePayload.sibling = workInProgress.child),
+            (workInProgress.child = updatePayload))
+          : ((current = newProps.last),
+            null !== current
+              ? (current.sibling = updatePayload)
+              : (workInProgress.child = updatePayload),
+            (newProps.last = updatePayload));
+      }
+      if (null !== newProps.tail)
+        return (
+          0 === newProps.tailExpiration &&
+            (newProps.tailExpiration = now() + 500),
+          (current = newProps.tail),
+          (newProps.rendering = current),
+          (newProps.tail = current.sibling),
+          (newProps.lastEffect = workInProgress.lastEffect),
+          (current.sibling = null),
+          (newProps = suspenseStackCursor.current),
+          (newProps = rootContainerInstance
+            ? (newProps & SubtreeSuspenseContextMask) | ForceSuspenseFallback
+            : newProps & SubtreeSuspenseContextMask),
+          push(suspenseStackCursor, newProps, workInProgress),
+          current
+        );
+      break;
+    case 20:
+      break;
+    default:
+      throw ReactError(
+        Error(
+          "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+  }
+  return null;
+}
+function unwindWork(workInProgress) {
+  switch (workInProgress.tag) {
+    case 1:
+      isContextProvider(workInProgress.type) && popContext(workInProgress);
+      var effectTag = workInProgress.effectTag;
+      return effectTag & 2048
+        ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
+          workInProgress)
+        : null;
+    case 3:
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      effectTag = workInProgress.effectTag;
+      if (0 !== (effectTag & 64))
+        throw ReactError(
+          Error(
+            "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
+          )
+        );
+      workInProgress.effectTag = (effectTag & -2049) | 64;
+      return workInProgress;
+    case 5:
+      return popHostContext(workInProgress), null;
+    case 13:
+      return (
+        pop(suspenseStackCursor, workInProgress),
+        (effectTag = workInProgress.effectTag),
+        effectTag & 2048
+          ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
+            workInProgress)
+          : null
+      );
+    case 18:
+      return null;
+    case 19:
+      return pop(suspenseStackCursor, workInProgress), null;
+    case 4:
+      return popHostContainer(workInProgress), null;
+    case 10:
+      return popProvider(workInProgress), null;
+    default:
+      return null;
+  }
+}
+function createCapturedValue(value, source) {
+  return {
+    value: value,
+    source: source,
+    stack: getStackByFiberInDevAndProd(source)
+  };
+}
+if (
+  "function" !==
+  typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog
+)
+  throw ReactError(
+    Error("Expected ReactFiberErrorDialog.showErrorDialog to be a function.")
+  );
+function logCapturedError(capturedError) {
+  !1 !==
+    ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog(
+      capturedError
+    ) && console.error(capturedError.error);
+}
+var PossiblyWeakSet$1 = "function" === typeof WeakSet ? WeakSet : Set;
+function logError(boundary, errorInfo) {
+  var source = errorInfo.source,
+    stack = errorInfo.stack;
+  null === stack &&
+    null !== source &&
+    (stack = getStackByFiberInDevAndProd(source));
+  errorInfo = {
+    componentName: null !== source ? getComponentName(source.type) : null,
+    componentStack: null !== stack ? stack : "",
+    error: errorInfo.value,
+    errorBoundary: null,
+    errorBoundaryName: null,
+    errorBoundaryFound: !1,
+    willRetry: !1
+  };
+  null !== boundary &&
+    1 === boundary.tag &&
+    ((errorInfo.errorBoundary = boundary.stateNode),
+    (errorInfo.errorBoundaryName = getComponentName(boundary.type)),
+    (errorInfo.errorBoundaryFound = !0),
+    (errorInfo.willRetry = !0));
+  try {
+    logCapturedError(errorInfo);
+  } catch (e) {
+    setTimeout(function() {
+      throw e;
+    });
+  }
+}
+function safelyCallComponentWillUnmount(current$$1, instance) {
+  try {
+    (instance.props = current$$1.memoizedProps),
+      (instance.state = current$$1.memoizedState),
+      instance.componentWillUnmount();
+  } catch (unmountError) {
+    captureCommitPhaseError(current$$1, unmountError);
+  }
+}
+function safelyDetachRef(current$$1) {
+  var ref = current$$1.ref;
+  if (null !== ref)
+    if ("function" === typeof ref)
+      try {
+        ref(null);
+      } catch (refError) {
+        captureCommitPhaseError(current$$1, refError);
+      }
+    else ref.current = null;
+}
+function commitHookEffectList(unmountTag, mountTag, finishedWork) {
+  finishedWork = finishedWork.updateQueue;
+  finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
+  if (null !== finishedWork) {
+    var effect = (finishedWork = finishedWork.next);
+    do {
+      if ((effect.tag & unmountTag) !== NoEffect$1) {
+        var destroy = effect.destroy;
+        effect.destroy = void 0;
+        void 0 !== destroy && destroy();
+      }
+      (effect.tag & mountTag) !== NoEffect$1 &&
+        ((destroy = effect.create), (effect.destroy = destroy()));
+      effect = effect.next;
+    } while (effect !== finishedWork);
+  }
+}
+function commitUnmount(current$$1$jscomp$0, renderPriorityLevel) {
+  "function" === typeof onCommitFiberUnmount &&
+    onCommitFiberUnmount(current$$1$jscomp$0);
+  switch (current$$1$jscomp$0.tag) {
+    case 0:
+    case 11:
+    case 14:
+    case 15:
+      var updateQueue = current$$1$jscomp$0.updateQueue;
+      if (
+        null !== updateQueue &&
+        ((updateQueue = updateQueue.lastEffect), null !== updateQueue)
+      ) {
+        var firstEffect = updateQueue.next;
+        runWithPriority$1(
+          97 < renderPriorityLevel ? 97 : renderPriorityLevel,
+          function() {
+            var effect = firstEffect;
+            do {
+              var destroy = effect.destroy;
+              if (void 0 !== destroy) {
+                var current$$1 = current$$1$jscomp$0;
+                try {
+                  destroy();
+                } catch (error) {
+                  captureCommitPhaseError(current$$1, error);
+                }
+              }
+              effect = effect.next;
+            } while (effect !== firstEffect);
+          }
+        );
+      }
+      break;
+    case 1:
+      safelyDetachRef(current$$1$jscomp$0);
+      renderPriorityLevel = current$$1$jscomp$0.stateNode;
+      "function" === typeof renderPriorityLevel.componentWillUnmount &&
+        safelyCallComponentWillUnmount(
+          current$$1$jscomp$0,
+          renderPriorityLevel
+        );
+      break;
+    case 5:
+      safelyDetachRef(current$$1$jscomp$0);
+      break;
+    case 4:
+      createChildNodeSet(current$$1$jscomp$0.stateNode.containerInfo);
+  }
+}
+function detachFiber(current$$1) {
+  var alternate = current$$1.alternate;
+  current$$1.return = null;
+  current$$1.child = null;
+  current$$1.memoizedState = null;
+  current$$1.updateQueue = null;
+  current$$1.dependencies = null;
+  current$$1.alternate = null;
+  current$$1.firstEffect = null;
+  current$$1.lastEffect = null;
+  current$$1.pendingProps = null;
+  current$$1.memoizedProps = null;
+  null !== alternate && detachFiber(alternate);
+}
+function commitWork(current$$1, finishedWork) {
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 14:
+    case 15:
+      commitHookEffectList(UnmountMutation, MountMutation, finishedWork);
+      return;
+    case 12:
+      return;
+    case 13:
+      null !== finishedWork.memoizedState &&
+        (globalMostRecentFallbackTime = now());
+      attachSuspenseRetryListeners(finishedWork);
+      return;
+    case 19:
+      attachSuspenseRetryListeners(finishedWork);
+      return;
+  }
+  switch (finishedWork.tag) {
+    case 1:
+    case 5:
+    case 6:
+    case 20:
+      break;
+    case 3:
+    case 4:
+      break;
+    default:
+      throw ReactError(
+        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."
+        )
+      );
+  }
+}
+function attachSuspenseRetryListeners(finishedWork) {
+  var thenables = finishedWork.updateQueue;
+  if (null !== thenables) {
+    finishedWork.updateQueue = null;
+    var retryCache = finishedWork.stateNode;
+    null === retryCache &&
+      (retryCache = finishedWork.stateNode = new PossiblyWeakSet$1());
+    thenables.forEach(function(thenable) {
+      var retry = resolveRetryThenable.bind(null, finishedWork, thenable);
+      retryCache.has(thenable) ||
+        ((retry = tracing.unstable_wrap(retry)),
+        retryCache.add(thenable),
+        thenable.then(retry, retry));
+    });
+  }
+}
+var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map;
+function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
+  expirationTime = createUpdate(expirationTime, null);
+  expirationTime.tag = 3;
+  expirationTime.payload = { element: null };
+  var error = errorInfo.value;
+  expirationTime.callback = function() {
+    hasUncaughtError || ((hasUncaughtError = !0), (firstUncaughtError = error));
+    logError(fiber, errorInfo);
+  };
+  return expirationTime;
+}
+function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
+  expirationTime = createUpdate(expirationTime, null);
+  expirationTime.tag = 3;
+  var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
+  if ("function" === typeof getDerivedStateFromError) {
+    var error = errorInfo.value;
+    expirationTime.payload = function() {
+      logError(fiber, errorInfo);
+      return getDerivedStateFromError(error);
+    };
+  }
+  var inst = fiber.stateNode;
+  null !== inst &&
+    "function" === typeof inst.componentDidCatch &&
+    (expirationTime.callback = function() {
+      "function" !== typeof getDerivedStateFromError &&
+        (null === legacyErrorBoundariesThatAlreadyFailed
+          ? (legacyErrorBoundariesThatAlreadyFailed = new Set([this]))
+          : legacyErrorBoundariesThatAlreadyFailed.add(this),
+        logError(fiber, errorInfo));
+      var stack = errorInfo.stack;
+      this.componentDidCatch(errorInfo.value, {
+        componentStack: null !== stack ? stack : ""
+      });
+    });
+  return expirationTime;
+}
+var ceil = Math.ceil,
+  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
+  NoContext = 0,
+  LegacyUnbatchedContext = 8,
+  RenderContext = 16,
+  CommitContext = 32,
+  RootIncomplete = 0,
+  RootErrored = 1,
+  RootSuspended = 2,
+  RootSuspendedWithDelay = 3,
+  RootCompleted = 4,
+  executionContext = NoContext,
+  workInProgressRoot = null,
+  workInProgress = null,
+  renderExpirationTime = 0,
+  workInProgressRootExitStatus = RootIncomplete,
+  workInProgressRootLatestProcessedExpirationTime = 1073741823,
+  workInProgressRootLatestSuspenseTimeout = 1073741823,
+  workInProgressRootCanSuspendUsingConfig = null,
+  workInProgressRootHasPendingPing = !1,
+  globalMostRecentFallbackTime = 0,
+  FALLBACK_THROTTLE_MS = 500,
+  nextEffect = null,
+  hasUncaughtError = !1,
+  firstUncaughtError = null,
+  legacyErrorBoundariesThatAlreadyFailed = null,
+  rootDoesHavePassiveEffects = !1,
+  rootWithPendingPassiveEffects = null,
+  pendingPassiveEffectsRenderPriority = 90,
+  pendingPassiveEffectsExpirationTime = 0,
+  rootsWithPendingDiscreteUpdates = null,
+  nestedUpdateCount = 0,
+  rootWithNestedUpdates = null,
+  spawnedWorkDuringRender = null,
+  currentEventTime = 0;
+function requestCurrentTime() {
+  return (executionContext & (RenderContext | CommitContext)) !== NoContext
+    ? 1073741821 - ((now() / 10) | 0)
+    : 0 !== currentEventTime
+      ? currentEventTime
+      : (currentEventTime = 1073741821 - ((now() / 10) | 0));
+}
+function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
+  fiber = fiber.mode;
+  if (0 === (fiber & 2)) return 1073741823;
+  var priorityLevel = getCurrentPriorityLevel();
+  if (0 === (fiber & 4)) return 99 === priorityLevel ? 1073741823 : 1073741822;
+  if ((executionContext & RenderContext) !== NoContext)
+    return renderExpirationTime;
+  if (null !== suspenseConfig)
+    currentTime =
+      1073741821 -
+      25 *
+        ((((1073741821 -
+          currentTime +
+          (suspenseConfig.timeoutMs | 0 || 5e3) / 10) /
+          25) |
+          0) +
+          1);
+  else
+    switch (priorityLevel) {
+      case 99:
+        currentTime = 1073741823;
+        break;
+      case 98:
+        currentTime =
+          1073741821 - 10 * ((((1073741821 - currentTime + 15) / 10) | 0) + 1);
+        break;
+      case 97:
+      case 96:
+        currentTime =
+          1073741821 - 25 * ((((1073741821 - currentTime + 500) / 25) | 0) + 1);
+        break;
+      case 95:
+        currentTime = 1;
+        break;
+      default:
+        throw ReactError(Error("Expected a valid priority level"));
+    }
+  null !== workInProgressRoot &&
+    currentTime === renderExpirationTime &&
+    --currentTime;
+  return currentTime;
+}
+function scheduleUpdateOnFiber(fiber, expirationTime) {
+  if (50 < nestedUpdateCount)
+    throw ((nestedUpdateCount = 0),
+    (rootWithNestedUpdates = null),
+    ReactError(
+      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."
+      )
+    ));
+  fiber = markUpdateTimeFromFiberToRoot(fiber, expirationTime);
+  if (null !== fiber) {
+    fiber.pingTime = 0;
+    var priorityLevel = getCurrentPriorityLevel();
+    if (1073741823 === expirationTime)
+      if (
+        (executionContext & LegacyUnbatchedContext) !== NoContext &&
+        (executionContext & (RenderContext | CommitContext)) === NoContext
+      ) {
+        scheduleInteractions(
+          fiber,
+          expirationTime,
+          tracing.__interactionsRef.current
+        );
+        for (
+          var callback = renderRoot(fiber, 1073741823, !0);
+          null !== callback;
+
+        )
+          callback = callback(!0);
+      } else
+        scheduleCallbackForRoot(fiber, 99, 1073741823),
+          executionContext === NoContext && flushSyncCallbackQueue();
+    else scheduleCallbackForRoot(fiber, priorityLevel, expirationTime);
+    (executionContext & 4) === NoContext ||
+      (98 !== priorityLevel && 99 !== priorityLevel) ||
+      (null === rootsWithPendingDiscreteUpdates
+        ? (rootsWithPendingDiscreteUpdates = new Map([[fiber, expirationTime]]))
+        : ((priorityLevel = rootsWithPendingDiscreteUpdates.get(fiber)),
+          (void 0 === priorityLevel || priorityLevel > expirationTime) &&
+            rootsWithPendingDiscreteUpdates.set(fiber, expirationTime)));
+  }
+}
+function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
+  fiber.expirationTime < expirationTime &&
+    (fiber.expirationTime = expirationTime);
+  var alternate = fiber.alternate;
+  null !== alternate &&
+    alternate.expirationTime < expirationTime &&
+    (alternate.expirationTime = expirationTime);
+  var node = fiber.return,
+    root = null;
+  if (null === node && 3 === fiber.tag) root = fiber.stateNode;
+  else
+    for (; null !== node; ) {
+      alternate = node.alternate;
+      node.childExpirationTime < expirationTime &&
+        (node.childExpirationTime = expirationTime);
+      null !== alternate &&
+        alternate.childExpirationTime < expirationTime &&
+        (alternate.childExpirationTime = expirationTime);
+      if (null === node.return && 3 === node.tag) {
+        root = node.stateNode;
+        break;
+      }
+      node = node.return;
+    }
+  null !== root &&
+    (expirationTime > root.firstPendingTime &&
+      (root.firstPendingTime = expirationTime),
+    (fiber = root.lastPendingTime),
+    0 === fiber || expirationTime < fiber) &&
+    (root.lastPendingTime = expirationTime);
+  return root;
+}
+function scheduleCallbackForRoot(root, priorityLevel, expirationTime) {
+  if (root.callbackExpirationTime < expirationTime) {
+    var existingCallbackNode = root.callbackNode;
+    null !== existingCallbackNode &&
+      existingCallbackNode !== fakeCallbackNode &&
+      Scheduler_cancelCallback(existingCallbackNode);
+    root.callbackExpirationTime = expirationTime;
+    1073741823 === expirationTime
+      ? (root.callbackNode = scheduleSyncCallback(
+          runRootCallback.bind(
+            null,
+            root,
+            renderRoot.bind(null, root, expirationTime)
+          )
+        ))
+      : ((existingCallbackNode = null),
+        1 !== expirationTime &&
+          (existingCallbackNode = {
+            timeout: 10 * (1073741821 - expirationTime) - now()
+          }),
+        (root.callbackNode = scheduleCallback(
+          priorityLevel,
+          runRootCallback.bind(
+            null,
+            root,
+            renderRoot.bind(null, root, expirationTime)
+          ),
+          existingCallbackNode
+        )));
+  }
+  scheduleInteractions(root, expirationTime, tracing.__interactionsRef.current);
+}
+function runRootCallback(root, callback, isSync) {
+  var prevCallbackNode = root.callbackNode,
+    continuation = null;
+  try {
+    return (
+      (continuation = callback(isSync)),
+      null !== continuation
+        ? runRootCallback.bind(null, root, continuation)
+        : null
+    );
+  } finally {
+    null === continuation &&
+      prevCallbackNode === root.callbackNode &&
+      ((root.callbackNode = null), (root.callbackExpirationTime = 0));
+  }
+}
+function resolveLocksOnRoot(root, expirationTime) {
+  var firstBatch = root.firstBatch;
+  return null !== firstBatch &&
+    firstBatch._defer &&
+    firstBatch._expirationTime >= expirationTime
+    ? (scheduleCallback(97, function() {
+        firstBatch._onComplete();
+        return null;
+      }),
+      !0)
+    : !1;
+}
+function flushPendingDiscreteUpdates() {
+  if (null !== rootsWithPendingDiscreteUpdates) {
+    var roots = rootsWithPendingDiscreteUpdates;
+    rootsWithPendingDiscreteUpdates = null;
+    roots.forEach(function(expirationTime, root) {
+      scheduleSyncCallback(renderRoot.bind(null, root, expirationTime));
+    });
+    flushSyncCallbackQueue();
+  }
+}
+function prepareFreshStack(root, expirationTime) {
+  root.finishedWork = null;
+  root.finishedExpirationTime = 0;
+  var timeoutHandle = root.timeoutHandle;
+  -1 !== timeoutHandle &&
+    ((root.timeoutHandle = -1), cancelTimeout(timeoutHandle));
+  if (null !== workInProgress)
+    for (timeoutHandle = workInProgress.return; null !== timeoutHandle; ) {
+      var interruptedWork = timeoutHandle;
+      switch (interruptedWork.tag) {
+        case 1:
+          var childContextTypes = interruptedWork.type.childContextTypes;
+          null !== childContextTypes &&
+            void 0 !== childContextTypes &&
+            popContext(interruptedWork);
+          break;
+        case 3:
+          popHostContainer(interruptedWork);
+          popTopLevelContextObject(interruptedWork);
+          break;
+        case 5:
+          popHostContext(interruptedWork);
+          break;
+        case 4:
+          popHostContainer(interruptedWork);
+          break;
+        case 13:
+          pop(suspenseStackCursor, interruptedWork);
+          break;
+        case 19:
+          pop(suspenseStackCursor, interruptedWork);
+          break;
+        case 10:
+          popProvider(interruptedWork);
+      }
+      timeoutHandle = timeoutHandle.return;
+    }
+  workInProgressRoot = root;
+  workInProgress = createWorkInProgress(root.current, null, expirationTime);
+  renderExpirationTime = expirationTime;
+  workInProgressRootExitStatus = RootIncomplete;
+  workInProgressRootLatestSuspenseTimeout = workInProgressRootLatestProcessedExpirationTime = 1073741823;
+  workInProgressRootCanSuspendUsingConfig = null;
+  workInProgressRootHasPendingPing = !1;
+  spawnedWorkDuringRender = null;
+}
+function renderRoot(root$jscomp$0, expirationTime, isSync) {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(Error("Should not already be working."));
+  if (root$jscomp$0.firstPendingTime < expirationTime) return null;
+  if (isSync && root$jscomp$0.finishedExpirationTime === expirationTime)
+    return commitRoot.bind(null, root$jscomp$0);
+  flushPassiveEffects();
+  if (
+    root$jscomp$0 !== workInProgressRoot ||
+    expirationTime !== renderExpirationTime
+  )
+    prepareFreshStack(root$jscomp$0, expirationTime),
+      startWorkOnPendingInteractions(root$jscomp$0, expirationTime);
+  else if (workInProgressRootExitStatus === RootSuspendedWithDelay)
+    if (workInProgressRootHasPendingPing)
+      prepareFreshStack(root$jscomp$0, expirationTime);
+    else {
+      var lastPendingTime = root$jscomp$0.lastPendingTime;
+      if (lastPendingTime < expirationTime)
+        return renderRoot.bind(null, root$jscomp$0, lastPendingTime);
+    }
+  if (null !== workInProgress) {
+    lastPendingTime = executionContext;
+    executionContext |= RenderContext;
+    var prevDispatcher = ReactCurrentDispatcher.current;
+    null === prevDispatcher && (prevDispatcher = ContextOnlyDispatcher);
+    ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+    var prevInteractions = tracing.__interactionsRef.current;
+    tracing.__interactionsRef.current = root$jscomp$0.memoizedInteractions;
+    if (isSync) {
+      if (1073741823 !== expirationTime) {
+        var currentTime = requestCurrentTime();
+        if (currentTime < expirationTime)
+          return (
+            (executionContext = lastPendingTime),
+            resetContextDependencies(),
+            (ReactCurrentDispatcher.current = prevDispatcher),
+            (tracing.__interactionsRef.current = prevInteractions),
+            renderRoot.bind(null, root$jscomp$0, currentTime)
+          );
+      }
+    } else currentEventTime = 0;
+    do
+      try {
+        if (isSync)
+          for (; null !== workInProgress; )
+            workInProgress = performUnitOfWork(workInProgress);
+        else
+          for (; null !== workInProgress && !Scheduler_shouldYield(); )
+            workInProgress = performUnitOfWork(workInProgress);
+        break;
+      } catch (thrownValue) {
+        resetContextDependencies();
+        resetHooks();
+        currentTime = workInProgress;
+        if (null === currentTime || null === currentTime.return)
+          throw (prepareFreshStack(root$jscomp$0, expirationTime),
+          (executionContext = lastPendingTime),
+          thrownValue);
+        currentTime.mode & 8 &&
+          stopProfilerTimerIfRunningAndRecordDelta(currentTime, !0);
+        a: {
+          var root = root$jscomp$0,
+            returnFiber = currentTime.return,
+            sourceFiber = currentTime,
+            value = thrownValue,
+            renderExpirationTime$jscomp$0 = renderExpirationTime;
+          sourceFiber.effectTag |= 1024;
+          sourceFiber.firstEffect = sourceFiber.lastEffect = null;
+          if (
+            null !== value &&
+            "object" === typeof value &&
+            "function" === typeof value.then
+          ) {
+            var thenable = value,
+              hasInvisibleParentBoundary =
+                0 !==
+                (suspenseStackCursor.current & InvisibleParentSuspenseContext);
+            value = returnFiber;
+            do {
+              var JSCompiler_temp;
+              if ((JSCompiler_temp = 13 === value.tag))
+                null !== value.memoizedState
+                  ? (JSCompiler_temp = !1)
+                  : ((JSCompiler_temp = value.memoizedProps),
+                    (JSCompiler_temp =
+                      void 0 === JSCompiler_temp.fallback
+                        ? !1
+                        : !0 !== JSCompiler_temp.unstable_avoidThisFallback
+                          ? !0
+                          : hasInvisibleParentBoundary
+                            ? !1
+                            : !0));
+              if (JSCompiler_temp) {
+                returnFiber = value.updateQueue;
+                null === returnFiber
+                  ? ((returnFiber = new Set()),
+                    returnFiber.add(thenable),
+                    (value.updateQueue = returnFiber))
+                  : returnFiber.add(thenable);
+                if (0 === (value.mode & 2)) {
+                  value.effectTag |= 64;
+                  sourceFiber.effectTag &= -1957;
+                  1 === sourceFiber.tag &&
+                    (null === sourceFiber.alternate
+                      ? (sourceFiber.tag = 17)
+                      : ((renderExpirationTime$jscomp$0 = createUpdate(
+                          1073741823,
+                          null
+                        )),
+                        (renderExpirationTime$jscomp$0.tag = 2),
+                        enqueueUpdate(
+                          sourceFiber,
+                          renderExpirationTime$jscomp$0
+                        )));
+                  sourceFiber.expirationTime = 1073741823;
+                  break a;
+                }
+                sourceFiber = root;
+                root = renderExpirationTime$jscomp$0;
+                hasInvisibleParentBoundary = sourceFiber.pingCache;
+                null === hasInvisibleParentBoundary
+                  ? ((hasInvisibleParentBoundary = sourceFiber.pingCache = new PossiblyWeakMap()),
+                    (returnFiber = new Set()),
+                    hasInvisibleParentBoundary.set(thenable, returnFiber))
+                  : ((returnFiber = hasInvisibleParentBoundary.get(thenable)),
+                    void 0 === returnFiber &&
+                      ((returnFiber = new Set()),
+                      hasInvisibleParentBoundary.set(thenable, returnFiber)));
+                returnFiber.has(root) ||
+                  (returnFiber.add(root),
+                  (sourceFiber = pingSuspendedRoot.bind(
+                    null,
+                    sourceFiber,
+                    thenable,
+                    root
+                  )),
+                  (sourceFiber = tracing.unstable_wrap(sourceFiber)),
+                  thenable.then(sourceFiber, sourceFiber));
+                value.effectTag |= 2048;
+                value.expirationTime = renderExpirationTime$jscomp$0;
+                break a;
+              }
+              value = value.return;
+            } while (null !== value);
+            value = Error(
+              (getComponentName(sourceFiber.type) || "A React component") +
+                " suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display." +
+                getStackByFiberInDevAndProd(sourceFiber)
+            );
+          }
+          workInProgressRootExitStatus !== RootCompleted &&
+            (workInProgressRootExitStatus = RootErrored);
+          value = createCapturedValue(value, sourceFiber);
+          sourceFiber = returnFiber;
+          do {
+            switch (sourceFiber.tag) {
+              case 3:
+                sourceFiber.effectTag |= 2048;
+                sourceFiber.expirationTime = renderExpirationTime$jscomp$0;
+                renderExpirationTime$jscomp$0 = createRootErrorUpdate(
+                  sourceFiber,
+                  value,
+                  renderExpirationTime$jscomp$0
+                );
+                enqueueCapturedUpdate(
+                  sourceFiber,
+                  renderExpirationTime$jscomp$0
+                );
+                break a;
+              case 1:
+                if (
+                  ((thenable = value),
+                  (root = sourceFiber.type),
+                  (returnFiber = sourceFiber.stateNode),
+                  0 === (sourceFiber.effectTag & 64) &&
+                    ("function" === typeof root.getDerivedStateFromError ||
+                      (null !== returnFiber &&
+                        "function" === typeof returnFiber.componentDidCatch &&
+                        (null === legacyErrorBoundariesThatAlreadyFailed ||
+                          !legacyErrorBoundariesThatAlreadyFailed.has(
+                            returnFiber
+                          )))))
+                ) {
+                  sourceFiber.effectTag |= 2048;
+                  sourceFiber.expirationTime = renderExpirationTime$jscomp$0;
+                  renderExpirationTime$jscomp$0 = createClassErrorUpdate(
+                    sourceFiber,
+                    thenable,
+                    renderExpirationTime$jscomp$0
+                  );
+                  enqueueCapturedUpdate(
+                    sourceFiber,
+                    renderExpirationTime$jscomp$0
+                  );
+                  break a;
+                }
+            }
+            sourceFiber = sourceFiber.return;
+          } while (null !== sourceFiber);
+        }
+        workInProgress = completeUnitOfWork(currentTime);
+      }
+    while (1);
+    executionContext = lastPendingTime;
+    resetContextDependencies();
+    ReactCurrentDispatcher.current = prevDispatcher;
+    tracing.__interactionsRef.current = prevInteractions;
+    if (null !== workInProgress)
+      return renderRoot.bind(null, root$jscomp$0, expirationTime);
+  }
+  root$jscomp$0.finishedWork = root$jscomp$0.current.alternate;
+  root$jscomp$0.finishedExpirationTime = expirationTime;
+  if (resolveLocksOnRoot(root$jscomp$0, expirationTime)) return null;
+  workInProgressRoot = null;
+  switch (workInProgressRootExitStatus) {
+    case RootIncomplete:
+      throw ReactError(Error("Should have a work-in-progress."));
+    case RootErrored:
+      return (
+        (lastPendingTime = root$jscomp$0.lastPendingTime),
+        lastPendingTime < expirationTime
+          ? renderRoot.bind(null, root$jscomp$0, lastPendingTime)
+          : isSync
+            ? commitRoot.bind(null, root$jscomp$0)
+            : (prepareFreshStack(root$jscomp$0, expirationTime),
+              scheduleSyncCallback(
+                renderRoot.bind(null, root$jscomp$0, expirationTime)
+              ),
+              null)
+      );
+    case RootSuspended:
+      if (
+        1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+        !isSync &&
+        ((isSync = globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
+        10 < isSync)
+      ) {
+        if (workInProgressRootHasPendingPing)
+          return (
+            prepareFreshStack(root$jscomp$0, expirationTime),
+            renderRoot.bind(null, root$jscomp$0, expirationTime)
+          );
+        lastPendingTime = root$jscomp$0.lastPendingTime;
+        if (lastPendingTime < expirationTime)
+          return renderRoot.bind(null, root$jscomp$0, lastPendingTime);
+        root$jscomp$0.timeoutHandle = scheduleTimeout(
+          commitRoot.bind(null, root$jscomp$0),
+          isSync
+        );
+        return null;
+      }
+      return commitRoot.bind(null, root$jscomp$0);
+    case RootSuspendedWithDelay:
+      if (!isSync) {
+        if (workInProgressRootHasPendingPing)
+          return (
+            prepareFreshStack(root$jscomp$0, expirationTime),
+            renderRoot.bind(null, root$jscomp$0, expirationTime)
+          );
+        isSync = root$jscomp$0.lastPendingTime;
+        if (isSync < expirationTime)
+          return renderRoot.bind(null, root$jscomp$0, isSync);
+        1073741823 !== workInProgressRootLatestSuspenseTimeout
+          ? (isSync =
+              10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
+              now())
+          : 1073741823 === workInProgressRootLatestProcessedExpirationTime
+            ? (isSync = 0)
+            : ((isSync =
+                10 *
+                  (1073741821 -
+                    workInProgressRootLatestProcessedExpirationTime) -
+                5e3),
+              (lastPendingTime = now()),
+              (expirationTime =
+                10 * (1073741821 - expirationTime) - lastPendingTime),
+              (isSync = lastPendingTime - isSync),
+              0 > isSync && (isSync = 0),
+              (isSync =
+                (120 > isSync
+                  ? 120
+                  : 480 > isSync
+                    ? 480
+                    : 1080 > isSync
+                      ? 1080
+                      : 1920 > isSync
+                        ? 1920
+                        : 3e3 > isSync
+                          ? 3e3
+                          : 4320 > isSync
+                            ? 4320
+                            : 1960 * ceil(isSync / 1960)) - isSync),
+              expirationTime < isSync && (isSync = expirationTime));
+        if (10 < isSync)
+          return (
+            (root$jscomp$0.timeoutHandle = scheduleTimeout(
+              commitRoot.bind(null, root$jscomp$0),
+              isSync
+            )),
+            null
+          );
+      }
+      return commitRoot.bind(null, root$jscomp$0);
+    case RootCompleted:
+      return !isSync &&
+        1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
+        null !== workInProgressRootCanSuspendUsingConfig &&
+        ((lastPendingTime = workInProgressRootLatestProcessedExpirationTime),
+        (prevDispatcher = workInProgressRootCanSuspendUsingConfig),
+        (expirationTime = prevDispatcher.busyMinDurationMs | 0),
+        0 >= expirationTime
+          ? (expirationTime = 0)
+          : ((isSync = prevDispatcher.busyDelayMs | 0),
+            (lastPendingTime =
+              now() -
+              (10 * (1073741821 - lastPendingTime) -
+                (prevDispatcher.timeoutMs | 0 || 5e3))),
+            (expirationTime =
+              lastPendingTime <= isSync
+                ? 0
+                : isSync + expirationTime - lastPendingTime)),
+        10 < expirationTime)
+        ? ((root$jscomp$0.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root$jscomp$0),
+            expirationTime
+          )),
+          null)
+        : commitRoot.bind(null, root$jscomp$0);
+    default:
+      throw ReactError(Error("Unknown root exit status."));
+  }
+}
+function markRenderEventTimeAndConfig(expirationTime, suspenseConfig) {
+  expirationTime < workInProgressRootLatestProcessedExpirationTime &&
+    1 < expirationTime &&
+    (workInProgressRootLatestProcessedExpirationTime = expirationTime);
+  null !== suspenseConfig &&
+    expirationTime < workInProgressRootLatestSuspenseTimeout &&
+    1 < expirationTime &&
+    ((workInProgressRootLatestSuspenseTimeout = expirationTime),
+    (workInProgressRootCanSuspendUsingConfig = suspenseConfig));
+}
+function performUnitOfWork(unitOfWork) {
+  var current$$1 = unitOfWork.alternate;
+  0 !== (unitOfWork.mode & 8)
+    ? ((profilerStartTime = now$1()),
+      0 > unitOfWork.actualStartTime && (unitOfWork.actualStartTime = now$1()),
+      (current$$1 = beginWork$$1(current$$1, unitOfWork, renderExpirationTime)),
+      stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, !0))
+    : (current$$1 = beginWork$$1(current$$1, unitOfWork, renderExpirationTime));
+  unitOfWork.memoizedProps = unitOfWork.pendingProps;
+  null === current$$1 && (current$$1 = completeUnitOfWork(unitOfWork));
+  ReactCurrentOwner$2.current = null;
+  return current$$1;
+}
+function completeUnitOfWork(unitOfWork) {
+  workInProgress = unitOfWork;
+  do {
+    var current$$1 = workInProgress.alternate;
+    unitOfWork = workInProgress.return;
+    if (0 === (workInProgress.effectTag & 1024)) {
+      if (0 === (workInProgress.mode & 8))
+        current$$1 = completeWork(
+          current$$1,
+          workInProgress,
+          renderExpirationTime
+        );
+      else {
+        var fiber = workInProgress;
+        profilerStartTime = now$1();
+        0 > fiber.actualStartTime && (fiber.actualStartTime = now$1());
+        current$$1 = completeWork(
+          current$$1,
+          workInProgress,
+          renderExpirationTime
+        );
+        stopProfilerTimerIfRunningAndRecordDelta(workInProgress, !1);
+      }
+      fiber = workInProgress;
+      if (1 === renderExpirationTime || 1 !== fiber.childExpirationTime) {
+        var newChildExpirationTime = 0;
+        if (0 !== (fiber.mode & 8)) {
+          for (
+            var actualDuration = fiber.actualDuration,
+              treeBaseDuration = fiber.selfBaseDuration,
+              shouldBubbleActualDurations =
+                null === fiber.alternate ||
+                fiber.child !== fiber.alternate.child,
+              child = fiber.child;
+            null !== child;
+
+          ) {
+            var childUpdateExpirationTime = child.expirationTime,
+              childChildExpirationTime = child.childExpirationTime;
+            childUpdateExpirationTime > newChildExpirationTime &&
+              (newChildExpirationTime = childUpdateExpirationTime);
+            childChildExpirationTime > newChildExpirationTime &&
+              (newChildExpirationTime = childChildExpirationTime);
+            shouldBubbleActualDurations &&
+              (actualDuration += child.actualDuration);
+            treeBaseDuration += child.treeBaseDuration;
+            child = child.sibling;
+          }
+          fiber.actualDuration = actualDuration;
+          fiber.treeBaseDuration = treeBaseDuration;
+        } else
+          for (actualDuration = fiber.child; null !== actualDuration; )
+            (treeBaseDuration = actualDuration.expirationTime),
+              (shouldBubbleActualDurations =
+                actualDuration.childExpirationTime),
+              treeBaseDuration > newChildExpirationTime &&
+                (newChildExpirationTime = treeBaseDuration),
+              shouldBubbleActualDurations > newChildExpirationTime &&
+                (newChildExpirationTime = shouldBubbleActualDurations),
+              (actualDuration = actualDuration.sibling);
+        fiber.childExpirationTime = newChildExpirationTime;
+      }
+      if (null !== current$$1) return current$$1;
+      null !== unitOfWork &&
+        0 === (unitOfWork.effectTag & 1024) &&
+        (null === unitOfWork.firstEffect &&
+          (unitOfWork.firstEffect = workInProgress.firstEffect),
+        null !== workInProgress.lastEffect &&
+          (null !== unitOfWork.lastEffect &&
+            (unitOfWork.lastEffect.nextEffect = workInProgress.firstEffect),
+          (unitOfWork.lastEffect = workInProgress.lastEffect)),
+        1 < workInProgress.effectTag &&
+          (null !== unitOfWork.lastEffect
+            ? (unitOfWork.lastEffect.nextEffect = workInProgress)
+            : (unitOfWork.firstEffect = workInProgress),
+          (unitOfWork.lastEffect = workInProgress)));
+    } else {
+      current$$1 = unwindWork(workInProgress, renderExpirationTime);
+      if (0 !== (workInProgress.mode & 8)) {
+        stopProfilerTimerIfRunningAndRecordDelta(workInProgress, !1);
+        fiber = workInProgress.actualDuration;
+        for (
+          newChildExpirationTime = workInProgress.child;
+          null !== newChildExpirationTime;
+
+        )
+          (fiber += newChildExpirationTime.actualDuration),
+            (newChildExpirationTime = newChildExpirationTime.sibling);
+        workInProgress.actualDuration = fiber;
+      }
+      if (null !== current$$1)
+        return (current$$1.effectTag &= 1023), current$$1;
+      null !== unitOfWork &&
+        ((unitOfWork.firstEffect = unitOfWork.lastEffect = null),
+        (unitOfWork.effectTag |= 1024));
+    }
+    current$$1 = workInProgress.sibling;
+    if (null !== current$$1) return current$$1;
+    workInProgress = unitOfWork;
+  } while (null !== workInProgress);
+  workInProgressRootExitStatus === RootIncomplete &&
+    (workInProgressRootExitStatus = RootCompleted);
+  return null;
+}
+function commitRoot(root) {
+  var renderPriorityLevel = getCurrentPriorityLevel();
+  runWithPriority$1(99, commitRootImpl.bind(null, root, renderPriorityLevel));
+  null !== rootWithPendingPassiveEffects &&
+    scheduleCallback(97, function() {
+      flushPassiveEffects();
+      return null;
+    });
+  return null;
+}
+function commitRootImpl(root, renderPriorityLevel) {
+  flushPassiveEffects();
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(Error("Should not already be working."));
+  var finishedWork = root.finishedWork,
+    expirationTime = root.finishedExpirationTime;
+  if (null === finishedWork) return null;
+  root.finishedWork = null;
+  root.finishedExpirationTime = 0;
+  if (finishedWork === root.current)
+    throw ReactError(
+      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.callbackExpirationTime = 0;
+  var updateExpirationTimeBeforeCommit = finishedWork.expirationTime,
+    childExpirationTimeBeforeCommit = finishedWork.childExpirationTime;
+  updateExpirationTimeBeforeCommit =
+    childExpirationTimeBeforeCommit > updateExpirationTimeBeforeCommit
+      ? childExpirationTimeBeforeCommit
+      : updateExpirationTimeBeforeCommit;
+  root.firstPendingTime = updateExpirationTimeBeforeCommit;
+  updateExpirationTimeBeforeCommit < root.lastPendingTime &&
+    (root.lastPendingTime = updateExpirationTimeBeforeCommit);
+  root === workInProgressRoot &&
+    ((workInProgress = workInProgressRoot = null), (renderExpirationTime = 0));
+  1 < finishedWork.effectTag
+    ? null !== finishedWork.lastEffect
+      ? ((finishedWork.lastEffect.nextEffect = finishedWork),
+        (updateExpirationTimeBeforeCommit = finishedWork.firstEffect))
+      : (updateExpirationTimeBeforeCommit = finishedWork)
+    : (updateExpirationTimeBeforeCommit = finishedWork.firstEffect);
+  if (null !== updateExpirationTimeBeforeCommit) {
+    childExpirationTimeBeforeCommit = executionContext;
+    executionContext |= CommitContext;
+    var prevInteractions = tracing.__interactionsRef.current;
+    tracing.__interactionsRef.current = root.memoizedInteractions;
+    ReactCurrentOwner$2.current = null;
+    nextEffect = updateExpirationTimeBeforeCommit;
+    do
+      try {
+        for (; null !== nextEffect; ) {
+          if (0 !== (nextEffect.effectTag & 256)) {
+            var current$$1 = nextEffect.alternate,
+              finishedWork$jscomp$0 = nextEffect;
+            switch (finishedWork$jscomp$0.tag) {
+              case 0:
+              case 11:
+              case 15:
+                commitHookEffectList(
+                  UnmountSnapshot,
+                  NoEffect$1,
+                  finishedWork$jscomp$0
+                );
+                break;
+              case 1:
+                if (
+                  finishedWork$jscomp$0.effectTag & 256 &&
+                  null !== current$$1
+                ) {
+                  var prevProps = current$$1.memoizedProps,
+                    prevState = current$$1.memoizedState,
+                    instance = finishedWork$jscomp$0.stateNode,
+                    snapshot = instance.getSnapshotBeforeUpdate(
+                      finishedWork$jscomp$0.elementType ===
+                      finishedWork$jscomp$0.type
+                        ? prevProps
+                        : resolveDefaultProps(
+                            finishedWork$jscomp$0.type,
+                            prevProps
+                          ),
+                      prevState
+                    );
+                  instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+                }
+                break;
+              case 3:
+              case 5:
+              case 6:
+              case 4:
+              case 17:
+                break;
+              default:
+                throw ReactError(
+                  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."
+                  )
+                );
+            }
+          }
+          nextEffect = nextEffect.nextEffect;
+        }
+      } catch (error) {
+        if (null === nextEffect)
+          throw ReactError(Error("Should be working on an effect."));
+        captureCommitPhaseError(nextEffect, error);
+        nextEffect = nextEffect.nextEffect;
+      }
+    while (null !== nextEffect);
+    commitTime = now$1();
+    nextEffect = updateExpirationTimeBeforeCommit;
+    do
+      try {
+        for (current$$1 = renderPriorityLevel; null !== nextEffect; ) {
+          var effectTag = nextEffect.effectTag;
+          if (effectTag & 128) {
+            var current$$1$jscomp$0 = nextEffect.alternate;
+            if (null !== current$$1$jscomp$0) {
+              var currentRef = current$$1$jscomp$0.ref;
+              null !== currentRef &&
+                ("function" === typeof currentRef
+                  ? currentRef(null)
+                  : (currentRef.current = null));
+            }
+          }
+          switch (effectTag & 14) {
+            case 2:
+              nextEffect.effectTag &= -3;
+              break;
+            case 6:
+              nextEffect.effectTag &= -3;
+              commitWork(nextEffect.alternate, nextEffect);
+              break;
+            case 4:
+              commitWork(nextEffect.alternate, nextEffect);
+              break;
+            case 8:
+              prevProps = nextEffect;
+              a: for (
+                prevState = prevProps,
+                  instance = current$$1,
+                  snapshot = prevState;
+                ;
+
+              )
+                if (
+                  (commitUnmount(snapshot, instance), null !== snapshot.child)
+                )
+                  (snapshot.child.return = snapshot),
+                    (snapshot = snapshot.child);
+                else {
+                  if (snapshot === prevState) break;
+                  for (; null === snapshot.sibling; ) {
+                    if (
+                      null === snapshot.return ||
+                      snapshot.return === prevState
+                    )
+                      break a;
+                    snapshot = snapshot.return;
+                  }
+                  snapshot.sibling.return = snapshot.return;
+                  snapshot = snapshot.sibling;
+                }
+              detachFiber(prevProps);
+          }
+          nextEffect = nextEffect.nextEffect;
+        }
+      } catch (error) {
+        if (null === nextEffect)
+          throw ReactError(Error("Should be working on an effect."));
+        captureCommitPhaseError(nextEffect, error);
+        nextEffect = nextEffect.nextEffect;
+      }
+    while (null !== nextEffect);
+    root.current = finishedWork;
+    nextEffect = updateExpirationTimeBeforeCommit;
+    do
+      try {
+        for (
+          effectTag = root, current$$1$jscomp$0 = expirationTime;
+          null !== nextEffect;
+
+        ) {
+          var effectTag$jscomp$0 = nextEffect.effectTag;
+          if (effectTag$jscomp$0 & 36) {
+            prevProps = effectTag;
+            var current$$1$jscomp$1 = nextEffect.alternate;
+            currentRef = nextEffect;
+            current$$1 = current$$1$jscomp$0;
+            switch (currentRef.tag) {
+              case 0:
+              case 11:
+              case 15:
+                commitHookEffectList(UnmountLayout, MountLayout, currentRef);
+                break;
+              case 1:
+                var instance$jscomp$0 = currentRef.stateNode;
+                if (currentRef.effectTag & 4)
+                  if (null === current$$1$jscomp$1)
+                    instance$jscomp$0.componentDidMount();
+                  else {
+                    var prevProps$jscomp$0 =
+                      currentRef.elementType === currentRef.type
+                        ? current$$1$jscomp$1.memoizedProps
+                        : resolveDefaultProps(
+                            currentRef.type,
+                            current$$1$jscomp$1.memoizedProps
+                          );
+                    instance$jscomp$0.componentDidUpdate(
+                      prevProps$jscomp$0,
+                      current$$1$jscomp$1.memoizedState,
+                      instance$jscomp$0.__reactInternalSnapshotBeforeUpdate
+                    );
+                  }
+                var updateQueue = currentRef.updateQueue;
+                null !== updateQueue &&
+                  commitUpdateQueue(
+                    currentRef,
+                    updateQueue,
+                    instance$jscomp$0,
+                    current$$1
+                  );
+                break;
+              case 3:
+                var _updateQueue = currentRef.updateQueue;
+                if (null !== _updateQueue) {
+                  prevProps = null;
+                  if (null !== currentRef.child)
+                    switch (currentRef.child.tag) {
+                      case 5:
+                        prevProps = currentRef.child.stateNode.canonical;
+                        break;
+                      case 1:
+                        prevProps = currentRef.child.stateNode;
+                    }
+                  commitUpdateQueue(
+                    currentRef,
+                    _updateQueue,
+                    prevProps,
+                    current$$1
+                  );
+                }
+                break;
+              case 5:
+                if (null === current$$1$jscomp$1 && currentRef.effectTag & 4)
+                  throw ReactError(
+                    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 onRender = currentRef.memoizedProps.onRender;
+                "function" === typeof onRender &&
+                  onRender(
+                    currentRef.memoizedProps.id,
+                    null === current$$1$jscomp$1 ? "mount" : "update",
+                    currentRef.actualDuration,
+                    currentRef.treeBaseDuration,
+                    currentRef.actualStartTime,
+                    commitTime,
+                    prevProps.memoizedInteractions
+                  );
+                break;
+              case 13:
+              case 19:
+              case 17:
+              case 20:
+                break;
+              default:
+                throw ReactError(
+                  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 (effectTag$jscomp$0 & 128) {
+            var ref = nextEffect.ref;
+            if (null !== ref) {
+              var instance$jscomp$1 = nextEffect.stateNode;
+              switch (nextEffect.tag) {
+                case 5:
+                  var instanceToUse = instance$jscomp$1.canonical;
+                  break;
+                default:
+                  instanceToUse = instance$jscomp$1;
+              }
+              "function" === typeof ref
+                ? ref(instanceToUse)
+                : (ref.current = instanceToUse);
+            }
+          }
+          effectTag$jscomp$0 & 512 && (rootDoesHavePassiveEffects = !0);
+          nextEffect = nextEffect.nextEffect;
+        }
+      } catch (error) {
+        if (null === nextEffect)
+          throw ReactError(Error("Should be working on an effect."));
+        captureCommitPhaseError(nextEffect, error);
+        nextEffect = nextEffect.nextEffect;
+      }
+    while (null !== nextEffect);
+    nextEffect = null;
+    requestPaint();
+    tracing.__interactionsRef.current = prevInteractions;
+    executionContext = childExpirationTimeBeforeCommit;
+  } else (root.current = finishedWork), (commitTime = now$1());
+  if ((effectTag$jscomp$0 = rootDoesHavePassiveEffects))
+    (rootDoesHavePassiveEffects = !1),
+      (rootWithPendingPassiveEffects = root),
+      (pendingPassiveEffectsExpirationTime = expirationTime),
+      (pendingPassiveEffectsRenderPriority = renderPriorityLevel);
+  else
+    for (nextEffect = updateExpirationTimeBeforeCommit; null !== nextEffect; )
+      (renderPriorityLevel = nextEffect.nextEffect),
+        (nextEffect.nextEffect = null),
+        (nextEffect = renderPriorityLevel);
+  renderPriorityLevel = root.firstPendingTime;
+  if (0 !== renderPriorityLevel) {
+    current$$1$jscomp$1 = requestCurrentTime();
+    current$$1$jscomp$1 = inferPriorityFromExpirationTime(
+      current$$1$jscomp$1,
+      renderPriorityLevel
+    );
+    if (null !== spawnedWorkDuringRender)
+      for (
+        instance$jscomp$0 = spawnedWorkDuringRender,
+          spawnedWorkDuringRender = null,
+          prevProps$jscomp$0 = 0;
+        prevProps$jscomp$0 < instance$jscomp$0.length;
+        prevProps$jscomp$0++
+      )
+        scheduleInteractions(
+          root,
+          instance$jscomp$0[prevProps$jscomp$0],
+          root.memoizedInteractions
+        );
+    scheduleCallbackForRoot(root, current$$1$jscomp$1, renderPriorityLevel);
+  } else legacyErrorBoundariesThatAlreadyFailed = null;
+  effectTag$jscomp$0 || finishPendingInteractions(root, expirationTime);
+  "function" === typeof onCommitFiberRoot &&
+    onCommitFiberRoot(finishedWork.stateNode, expirationTime);
+  1073741823 === renderPriorityLevel
+    ? root === rootWithNestedUpdates
+      ? nestedUpdateCount++
+      : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root))
+    : (nestedUpdateCount = 0);
+  if (hasUncaughtError)
+    throw ((hasUncaughtError = !1),
+    (root = firstUncaughtError),
+    (firstUncaughtError = null),
+    root);
+  if ((executionContext & LegacyUnbatchedContext) !== NoContext) return null;
+  flushSyncCallbackQueue();
+  return null;
+}
+function flushPassiveEffects() {
+  if (null === rootWithPendingPassiveEffects) return !1;
+  var root = rootWithPendingPassiveEffects,
+    expirationTime = pendingPassiveEffectsExpirationTime,
+    renderPriorityLevel = pendingPassiveEffectsRenderPriority;
+  rootWithPendingPassiveEffects = null;
+  pendingPassiveEffectsExpirationTime = 0;
+  pendingPassiveEffectsRenderPriority = 90;
+  return runWithPriority$1(
+    97 < renderPriorityLevel ? 97 : renderPriorityLevel,
+    flushPassiveEffectsImpl.bind(null, root, expirationTime)
+  );
+}
+function flushPassiveEffectsImpl(root, expirationTime) {
+  var prevInteractions = tracing.__interactionsRef.current;
+  tracing.__interactionsRef.current = root.memoizedInteractions;
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(
+      Error("Cannot flush passive effects while already rendering.")
+    );
+  var prevExecutionContext = executionContext;
+  executionContext |= CommitContext;
+  for (var effect = root.current.firstEffect; null !== effect; ) {
+    try {
+      var finishedWork = effect;
+      if (0 !== (finishedWork.effectTag & 512))
+        switch (finishedWork.tag) {
+          case 0:
+          case 11:
+          case 15:
+            commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork),
+              commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
+        }
+    } catch (error) {
+      if (null === effect)
+        throw ReactError(Error("Should be working on an effect."));
+      captureCommitPhaseError(effect, error);
+    }
+    finishedWork = effect.nextEffect;
+    effect.nextEffect = null;
+    effect = finishedWork;
+  }
+  tracing.__interactionsRef.current = prevInteractions;
+  finishPendingInteractions(root, expirationTime);
+  executionContext = prevExecutionContext;
+  flushSyncCallbackQueue();
+  return !0;
+}
+function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
+  sourceFiber = createCapturedValue(error, sourceFiber);
+  sourceFiber = createRootErrorUpdate(rootFiber, sourceFiber, 1073741823);
+  enqueueUpdate(rootFiber, sourceFiber);
+  rootFiber = markUpdateTimeFromFiberToRoot(rootFiber, 1073741823);
+  null !== rootFiber && scheduleCallbackForRoot(rootFiber, 99, 1073741823);
+}
+function captureCommitPhaseError(sourceFiber, error) {
+  if (3 === sourceFiber.tag)
+    captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error);
+  else
+    for (var fiber = sourceFiber.return; null !== fiber; ) {
+      if (3 === fiber.tag) {
+        captureCommitPhaseErrorOnRoot(fiber, sourceFiber, error);
+        break;
+      } else if (1 === fiber.tag) {
+        var instance = fiber.stateNode;
+        if (
+          "function" === typeof fiber.type.getDerivedStateFromError ||
+          ("function" === typeof instance.componentDidCatch &&
+            (null === legacyErrorBoundariesThatAlreadyFailed ||
+              !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
+        ) {
+          sourceFiber = createCapturedValue(error, sourceFiber);
+          sourceFiber = createClassErrorUpdate(fiber, sourceFiber, 1073741823);
+          enqueueUpdate(fiber, sourceFiber);
+          fiber = markUpdateTimeFromFiberToRoot(fiber, 1073741823);
+          null !== fiber && scheduleCallbackForRoot(fiber, 99, 1073741823);
+          break;
+        }
+      }
+      fiber = fiber.return;
+    }
+}
+function pingSuspendedRoot(root, thenable, suspendedTime) {
+  var pingCache = root.pingCache;
+  null !== pingCache && pingCache.delete(thenable);
+  workInProgressRoot === root && renderExpirationTime === suspendedTime
+    ? workInProgressRootExitStatus === RootSuspendedWithDelay ||
+      (workInProgressRootExitStatus === RootSuspended &&
+        1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+        now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
+      ? prepareFreshStack(root, renderExpirationTime)
+      : (workInProgressRootHasPendingPing = !0)
+    : root.lastPendingTime < suspendedTime ||
+      ((thenable = root.pingTime),
+      (0 !== thenable && thenable < suspendedTime) ||
+        ((root.pingTime = suspendedTime),
+        root.finishedExpirationTime === suspendedTime &&
+          ((root.finishedExpirationTime = 0), (root.finishedWork = null)),
+        (thenable = requestCurrentTime()),
+        (thenable = inferPriorityFromExpirationTime(thenable, suspendedTime)),
+        scheduleCallbackForRoot(root, thenable, suspendedTime)));
+}
+function resolveRetryThenable(boundaryFiber, thenable) {
+  var retryCache = boundaryFiber.stateNode;
+  null !== retryCache && retryCache.delete(thenable);
+  retryCache = requestCurrentTime();
+  thenable = computeExpirationForFiber(retryCache, boundaryFiber, null);
+  retryCache = inferPriorityFromExpirationTime(retryCache, thenable);
+  boundaryFiber = markUpdateTimeFromFiberToRoot(boundaryFiber, thenable);
+  null !== boundaryFiber &&
+    scheduleCallbackForRoot(boundaryFiber, retryCache, thenable);
+}
+var beginWork$$1 = void 0;
+beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
+  var updateExpirationTime = workInProgress.expirationTime;
+  if (null !== current$$1)
+    if (
+      current$$1.memoizedProps !== workInProgress.pendingProps ||
+      didPerformWorkStackCursor.current
+    )
+      didReceiveUpdate = !0;
+    else {
+      if (updateExpirationTime < renderExpirationTime) {
+        didReceiveUpdate = !1;
+        switch (workInProgress.tag) {
+          case 3:
+            pushHostRootContext(workInProgress);
+            break;
+          case 5:
+            pushHostContext(workInProgress);
+            break;
+          case 1:
+            isContextProvider(workInProgress.type) &&
+              pushContextProvider(workInProgress);
+            break;
+          case 4:
+            pushHostContainer(
+              workInProgress,
+              workInProgress.stateNode.containerInfo
+            );
+            break;
+          case 10:
+            pushProvider(workInProgress, workInProgress.memoizedProps.value);
+            break;
+          case 12:
+            workInProgress.effectTag |= 4;
+            break;
+          case 13:
+            if (null !== workInProgress.memoizedState) {
+              updateExpirationTime = workInProgress.child.childExpirationTime;
+              if (
+                0 !== updateExpirationTime &&
+                updateExpirationTime >= renderExpirationTime
+              )
+                return updateSuspenseComponent(
+                  current$$1,
+                  workInProgress,
+                  renderExpirationTime
+                );
+              push(
+                suspenseStackCursor,
+                suspenseStackCursor.current & SubtreeSuspenseContextMask,
+                workInProgress
+              );
+              workInProgress = bailoutOnAlreadyFinishedWork(
+                current$$1,
+                workInProgress,
+                renderExpirationTime
+              );
+              return null !== workInProgress ? workInProgress.sibling : null;
+            }
+            push(
+              suspenseStackCursor,
+              suspenseStackCursor.current & SubtreeSuspenseContextMask,
+              workInProgress
+            );
+            break;
+          case 19:
+            updateExpirationTime =
+              workInProgress.childExpirationTime >= renderExpirationTime;
+            if (0 !== (current$$1.effectTag & 64)) {
+              if (updateExpirationTime)
+                return updateSuspenseListComponent(
+                  current$$1,
+                  workInProgress,
+                  renderExpirationTime
+                );
+              workInProgress.effectTag |= 64;
+            }
+            var renderState = workInProgress.memoizedState;
+            null !== renderState &&
+              ((renderState.rendering = null), (renderState.tail = null));
+            push(
+              suspenseStackCursor,
+              suspenseStackCursor.current,
+              workInProgress
+            );
+            if (!updateExpirationTime) return null;
+        }
+        return bailoutOnAlreadyFinishedWork(
+          current$$1,
+          workInProgress,
+          renderExpirationTime
+        );
+      }
+    }
+  else didReceiveUpdate = !1;
+  workInProgress.expirationTime = 0;
+  switch (workInProgress.tag) {
+    case 2:
+      updateExpirationTime = workInProgress.type;
+      null !== current$$1 &&
+        ((current$$1.alternate = null),
+        (workInProgress.alternate = null),
+        (workInProgress.effectTag |= 2));
+      current$$1 = workInProgress.pendingProps;
+      renderState = getMaskedContext(
+        workInProgress,
+        contextStackCursor.current
+      );
+      prepareToReadContext(workInProgress, renderExpirationTime);
+      renderState = renderWithHooks(
+        null,
+        workInProgress,
+        updateExpirationTime,
+        current$$1,
+        renderState,
+        renderExpirationTime
+      );
+      workInProgress.effectTag |= 1;
+      if (
+        "object" === typeof renderState &&
+        null !== renderState &&
+        "function" === typeof renderState.render &&
+        void 0 === renderState.$$typeof
+      ) {
+        workInProgress.tag = 1;
+        resetHooks();
+        if (isContextProvider(updateExpirationTime)) {
+          var hasContext = !0;
+          pushContextProvider(workInProgress);
+        } else hasContext = !1;
+        workInProgress.memoizedState =
+          null !== renderState.state && void 0 !== renderState.state
+            ? renderState.state
+            : null;
+        var getDerivedStateFromProps =
+          updateExpirationTime.getDerivedStateFromProps;
+        "function" === typeof getDerivedStateFromProps &&
+          applyDerivedStateFromProps(
+            workInProgress,
+            updateExpirationTime,
+            getDerivedStateFromProps,
+            current$$1
+          );
+        renderState.updater = classComponentUpdater;
+        workInProgress.stateNode = renderState;
+        renderState._reactInternalFiber = workInProgress;
+        mountClassInstance(
+          workInProgress,
+          updateExpirationTime,
+          current$$1,
+          renderExpirationTime
+        );
+        workInProgress = finishClassComponent(
+          null,
+          workInProgress,
+          updateExpirationTime,
+          !0,
+          hasContext,
+          renderExpirationTime
+        );
+      } else
+        (workInProgress.tag = 0),
+          reconcileChildren(
+            null,
+            workInProgress,
+            renderState,
+            renderExpirationTime
+          ),
+          (workInProgress = workInProgress.child);
+      return workInProgress;
+    case 16:
+      renderState = workInProgress.elementType;
+      null !== current$$1 &&
+        ((current$$1.alternate = null),
+        (workInProgress.alternate = null),
+        (workInProgress.effectTag |= 2));
+      current$$1 = workInProgress.pendingProps;
+      renderState = readLazyComponentType(renderState);
+      workInProgress.type = renderState;
+      hasContext = workInProgress.tag = resolveLazyComponentTag(renderState);
+      current$$1 = resolveDefaultProps(renderState, current$$1);
+      switch (hasContext) {
+        case 0:
+          workInProgress = updateFunctionComponent(
+            null,
+            workInProgress,
+            renderState,
+            current$$1,
+            renderExpirationTime
+          );
+          break;
+        case 1:
+          workInProgress = updateClassComponent(
+            null,
+            workInProgress,
+            renderState,
+            current$$1,
+            renderExpirationTime
+          );
+          break;
+        case 11:
+          workInProgress = updateForwardRef(
+            null,
+            workInProgress,
+            renderState,
+            current$$1,
+            renderExpirationTime
+          );
+          break;
+        case 14:
+          workInProgress = updateMemoComponent(
+            null,
+            workInProgress,
+            renderState,
+            resolveDefaultProps(renderState.type, current$$1),
+            updateExpirationTime,
+            renderExpirationTime
+          );
+          break;
+        default:
+          throw ReactError(
+            Error(
+              "Element type is invalid. Received a promise that resolves to: " +
+                renderState +
+                ". Lazy element type must resolve to a class or function."
+            )
+          );
+      }
+      return workInProgress;
+    case 0:
+      return (
+        (updateExpirationTime = workInProgress.type),
+        (renderState = workInProgress.pendingProps),
+        (renderState =
+          workInProgress.elementType === updateExpirationTime
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
+        updateFunctionComponent(
+          current$$1,
+          workInProgress,
+          updateExpirationTime,
+          renderState,
+          renderExpirationTime
+        )
+      );
+    case 1:
+      return (
+        (updateExpirationTime = workInProgress.type),
+        (renderState = workInProgress.pendingProps),
+        (renderState =
+          workInProgress.elementType === updateExpirationTime
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
+        updateClassComponent(
+          current$$1,
+          workInProgress,
+          updateExpirationTime,
+          renderState,
+          renderExpirationTime
+        )
+      );
+    case 3:
+      pushHostRootContext(workInProgress);
+      updateExpirationTime = workInProgress.updateQueue;
+      if (null === updateExpirationTime)
+        throw ReactError(
+          Error(
+            "If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      renderState = workInProgress.memoizedState;
+      renderState = null !== renderState ? renderState.element : null;
+      processUpdateQueue(
+        workInProgress,
+        updateExpirationTime,
+        workInProgress.pendingProps,
+        null,
+        renderExpirationTime
+      );
+      updateExpirationTime = workInProgress.memoizedState.element;
+      updateExpirationTime === renderState
+        ? (workInProgress = bailoutOnAlreadyFinishedWork(
+            current$$1,
+            workInProgress,
+            renderExpirationTime
+          ))
+        : (reconcileChildren(
+            current$$1,
+            workInProgress,
+            updateExpirationTime,
+            renderExpirationTime
+          ),
+          (workInProgress = workInProgress.child));
+      return workInProgress;
+    case 5:
+      return (
+        pushHostContext(workInProgress),
+        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
+        (updateExpirationTime = workInProgress.pendingProps.children),
+        markRef(current$$1, workInProgress),
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          updateExpirationTime,
+          renderExpirationTime
+        ),
+        workInProgress.child
+      );
+    case 6:
+      return (
+        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
+        null
+      );
+    case 13:
+      return updateSuspenseComponent(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    case 4:
+      return (
+        pushHostContainer(
+          workInProgress,
+          workInProgress.stateNode.containerInfo
+        ),
+        (updateExpirationTime = workInProgress.pendingProps),
+        null === current$$1
+          ? (workInProgress.child = reconcileChildFibers(
+              workInProgress,
+              null,
+              updateExpirationTime,
+              renderExpirationTime
+            ))
+          : reconcileChildren(
+              current$$1,
+              workInProgress,
+              updateExpirationTime,
+              renderExpirationTime
+            ),
+        workInProgress.child
+      );
+    case 11:
+      return (
+        (updateExpirationTime = workInProgress.type),
+        (renderState = workInProgress.pendingProps),
+        (renderState =
+          workInProgress.elementType === updateExpirationTime
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
+        updateForwardRef(
+          current$$1,
+          workInProgress,
+          updateExpirationTime,
+          renderState,
+          renderExpirationTime
+        )
+      );
+    case 7:
+      return (
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          workInProgress.pendingProps,
+          renderExpirationTime
+        ),
+        workInProgress.child
+      );
+    case 8:
+      return (
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          workInProgress.pendingProps.children,
+          renderExpirationTime
+        ),
+        workInProgress.child
+      );
+    case 12:
+      return (
+        (workInProgress.effectTag |= 4),
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          workInProgress.pendingProps.children,
+          renderExpirationTime
+        ),
+        workInProgress.child
+      );
+    case 10:
+      a: {
+        updateExpirationTime = workInProgress.type._context;
+        renderState = workInProgress.pendingProps;
+        getDerivedStateFromProps = workInProgress.memoizedProps;
+        hasContext = renderState.value;
+        pushProvider(workInProgress, hasContext);
+        if (null !== getDerivedStateFromProps) {
+          var oldValue = getDerivedStateFromProps.value;
+          hasContext = is(oldValue, hasContext)
+            ? 0
+            : ("function" === typeof updateExpirationTime._calculateChangedBits
+                ? updateExpirationTime._calculateChangedBits(
+                    oldValue,
+                    hasContext
+                  )
+                : 1073741823) | 0;
+          if (0 === hasContext) {
+            if (
+              getDerivedStateFromProps.children === renderState.children &&
+              !didPerformWorkStackCursor.current
+            ) {
+              workInProgress = bailoutOnAlreadyFinishedWork(
+                current$$1,
+                workInProgress,
+                renderExpirationTime
+              );
+              break a;
+            }
+          } else
+            for (
+              oldValue = workInProgress.child,
+                null !== oldValue && (oldValue.return = workInProgress);
+              null !== oldValue;
+
+            ) {
+              var list = oldValue.dependencies;
+              if (null !== list) {
+                getDerivedStateFromProps = oldValue.child;
+                for (
+                  var dependency = list.firstContext;
+                  null !== dependency;
+
+                ) {
+                  if (
+                    dependency.context === updateExpirationTime &&
+                    0 !== (dependency.observedBits & hasContext)
+                  ) {
+                    1 === oldValue.tag &&
+                      ((dependency = createUpdate(renderExpirationTime, null)),
+                      (dependency.tag = 2),
+                      enqueueUpdate(oldValue, dependency));
+                    oldValue.expirationTime < renderExpirationTime &&
+                      (oldValue.expirationTime = renderExpirationTime);
+                    dependency = oldValue.alternate;
+                    null !== dependency &&
+                      dependency.expirationTime < renderExpirationTime &&
+                      (dependency.expirationTime = renderExpirationTime);
+                    scheduleWorkOnParentPath(
+                      oldValue.return,
+                      renderExpirationTime
+                    );
+                    list.expirationTime < renderExpirationTime &&
+                      (list.expirationTime = renderExpirationTime);
+                    break;
+                  }
+                  dependency = dependency.next;
+                }
+              } else
+                getDerivedStateFromProps =
+                  10 === oldValue.tag
+                    ? oldValue.type === workInProgress.type
+                      ? null
+                      : oldValue.child
+                    : oldValue.child;
+              if (null !== getDerivedStateFromProps)
+                getDerivedStateFromProps.return = oldValue;
+              else
+                for (
+                  getDerivedStateFromProps = oldValue;
+                  null !== getDerivedStateFromProps;
+
+                ) {
+                  if (getDerivedStateFromProps === workInProgress) {
+                    getDerivedStateFromProps = null;
+                    break;
+                  }
+                  oldValue = getDerivedStateFromProps.sibling;
+                  if (null !== oldValue) {
+                    oldValue.return = getDerivedStateFromProps.return;
+                    getDerivedStateFromProps = oldValue;
+                    break;
+                  }
+                  getDerivedStateFromProps = getDerivedStateFromProps.return;
+                }
+              oldValue = getDerivedStateFromProps;
+            }
+        }
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          renderState.children,
+          renderExpirationTime
+        );
+        workInProgress = workInProgress.child;
+      }
+      return workInProgress;
+    case 9:
+      return (
+        (renderState = workInProgress.type),
+        (hasContext = workInProgress.pendingProps),
+        (updateExpirationTime = hasContext.children),
+        prepareToReadContext(workInProgress, renderExpirationTime),
+        (renderState = readContext(
+          renderState,
+          hasContext.unstable_observedBits
+        )),
+        (updateExpirationTime = updateExpirationTime(renderState)),
+        (workInProgress.effectTag |= 1),
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          updateExpirationTime,
+          renderExpirationTime
+        ),
+        workInProgress.child
+      );
+    case 14:
+      return (
+        (renderState = workInProgress.type),
+        (hasContext = resolveDefaultProps(
+          renderState,
+          workInProgress.pendingProps
+        )),
+        (hasContext = resolveDefaultProps(renderState.type, hasContext)),
+        updateMemoComponent(
+          current$$1,
+          workInProgress,
+          renderState,
+          hasContext,
+          updateExpirationTime,
+          renderExpirationTime
+        )
+      );
+    case 15:
+      return updateSimpleMemoComponent(
+        current$$1,
+        workInProgress,
+        workInProgress.type,
+        workInProgress.pendingProps,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    case 17:
+      return (
+        (updateExpirationTime = workInProgress.type),
+        (renderState = workInProgress.pendingProps),
+        (renderState =
+          workInProgress.elementType === updateExpirationTime
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
+        null !== current$$1 &&
+          ((current$$1.alternate = null),
+          (workInProgress.alternate = null),
+          (workInProgress.effectTag |= 2)),
+        (workInProgress.tag = 1),
+        isContextProvider(updateExpirationTime)
+          ? ((current$$1 = !0), pushContextProvider(workInProgress))
+          : (current$$1 = !1),
+        prepareToReadContext(workInProgress, renderExpirationTime),
+        constructClassInstance(
+          workInProgress,
+          updateExpirationTime,
+          renderState,
+          renderExpirationTime
+        ),
+        mountClassInstance(
+          workInProgress,
+          updateExpirationTime,
+          renderState,
+          renderExpirationTime
+        ),
+        finishClassComponent(
+          null,
+          workInProgress,
+          updateExpirationTime,
+          !0,
+          current$$1,
+          renderExpirationTime
+        )
+      );
+    case 19:
+      return updateSuspenseListComponent(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+  }
+  throw ReactError(
+    Error(
+      "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+    )
+  );
+};
+function scheduleInteractions(root, expirationTime, interactions) {
+  if (0 < interactions.size) {
+    var pendingInteractionMap = root.pendingInteractionMap,
+      pendingInteractions = pendingInteractionMap.get(expirationTime);
+    null != pendingInteractions
+      ? interactions.forEach(function(interaction) {
+          pendingInteractions.has(interaction) || interaction.__count++;
+          pendingInteractions.add(interaction);
+        })
+      : (pendingInteractionMap.set(expirationTime, new Set(interactions)),
+        interactions.forEach(function(interaction) {
+          interaction.__count++;
+        }));
+    pendingInteractionMap = tracing.__subscriberRef.current;
+    if (null !== pendingInteractionMap)
+      pendingInteractionMap.onWorkScheduled(
+        interactions,
+        1e3 * expirationTime + root.interactionThreadID
+      );
+  }
+}
+function startWorkOnPendingInteractions(root, expirationTime) {
+  var interactions = new Set();
+  root.pendingInteractionMap.forEach(function(
+    scheduledInteractions,
+    scheduledExpirationTime
+  ) {
+    scheduledExpirationTime >= expirationTime &&
+      scheduledInteractions.forEach(function(interaction) {
+        return interactions.add(interaction);
+      });
+  });
+  root.memoizedInteractions = interactions;
+  if (0 < interactions.size) {
+    var subscriber = tracing.__subscriberRef.current;
+    if (null !== subscriber) {
+      root = 1e3 * expirationTime + root.interactionThreadID;
+      try {
+        subscriber.onWorkStarted(interactions, root);
+      } catch (error) {
+        scheduleCallback(99, function() {
+          throw error;
+        });
+      }
+    }
+  }
+}
+function finishPendingInteractions(root, committedExpirationTime) {
+  var earliestRemainingTimeAfterCommit = root.firstPendingTime,
+    subscriber = void 0;
+  try {
+    if (
+      ((subscriber = tracing.__subscriberRef.current),
+      null !== subscriber && 0 < root.memoizedInteractions.size)
+    )
+      subscriber.onWorkStopped(
+        root.memoizedInteractions,
+        1e3 * committedExpirationTime + root.interactionThreadID
+      );
+  } catch (error) {
+    scheduleCallback(99, function() {
+      throw error;
+    });
+  } finally {
+    var pendingInteractionMap = root.pendingInteractionMap;
+    pendingInteractionMap.forEach(function(
+      scheduledInteractions,
+      scheduledExpirationTime
+    ) {
+      scheduledExpirationTime > earliestRemainingTimeAfterCommit &&
+        (pendingInteractionMap.delete(scheduledExpirationTime),
+        scheduledInteractions.forEach(function(interaction) {
+          interaction.__count--;
+          if (null !== subscriber && 0 === interaction.__count)
+            try {
+              subscriber.onInteractionScheduledWorkCompleted(interaction);
+            } catch (error) {
+              scheduleCallback(99, function() {
+                throw error;
+              });
+            }
+        }));
+    });
+  }
+}
+var onCommitFiberRoot = null,
+  onCommitFiberUnmount = null,
+  isDevToolsPresent = "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__;
+function injectInternals(internals) {
+  if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
+  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  if (hook.isDisabled || !hook.supportsFiber) return !0;
+  try {
+    var rendererID = hook.inject(internals);
+    onCommitFiberRoot = function(root, expirationTime) {
+      try {
+        var didError = 64 === (root.current.effectTag & 64),
+          currentTime = requestCurrentTime(),
+          priorityLevel = inferPriorityFromExpirationTime(
+            currentTime,
+            expirationTime
+          );
+        hook.onCommitFiberRoot(rendererID, root, priorityLevel, didError);
+      } catch (err) {}
+    };
+    onCommitFiberUnmount = function(fiber) {
+      try {
+        hook.onCommitFiberUnmount(rendererID, fiber);
+      } catch (err) {}
+    };
+  } catch (err) {}
+  return !0;
+}
+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.index = 0;
+  this.ref = null;
+  this.pendingProps = pendingProps;
+  this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
+  this.mode = mode;
+  this.effectTag = 0;
+  this.lastEffect = this.firstEffect = this.nextEffect = null;
+  this.childExpirationTime = this.expirationTime = 0;
+  this.alternate = null;
+  this.actualDuration = 0;
+  this.actualStartTime = -1;
+  this.treeBaseDuration = this.selfBaseDuration = 0;
+}
+function createFiber(tag, pendingProps, key, mode) {
+  return new FiberNode(tag, pendingProps, key, mode);
+}
+function shouldConstruct(Component) {
+  Component = Component.prototype;
+  return !(!Component || !Component.isReactComponent);
+}
+function resolveLazyComponentTag(Component) {
+  if ("function" === typeof Component)
+    return shouldConstruct(Component) ? 1 : 0;
+  if (void 0 !== Component && null !== Component) {
+    Component = Component.$$typeof;
+    if (Component === REACT_FORWARD_REF_TYPE) return 11;
+    if (Component === REACT_MEMO_TYPE) return 14;
+  }
+  return 2;
+}
+function createWorkInProgress(current, pendingProps) {
+  var workInProgress = current.alternate;
+  null === workInProgress
+    ? ((workInProgress = createFiber(
+        current.tag,
+        pendingProps,
+        current.key,
+        current.mode
+      )),
+      (workInProgress.elementType = current.elementType),
+      (workInProgress.type = current.type),
+      (workInProgress.stateNode = current.stateNode),
+      (workInProgress.alternate = current),
+      (current.alternate = workInProgress))
+    : ((workInProgress.pendingProps = pendingProps),
+      (workInProgress.effectTag = 0),
+      (workInProgress.nextEffect = null),
+      (workInProgress.firstEffect = null),
+      (workInProgress.lastEffect = null),
+      (workInProgress.actualDuration = 0),
+      (workInProgress.actualStartTime = -1));
+  workInProgress.childExpirationTime = current.childExpirationTime;
+  workInProgress.expirationTime = current.expirationTime;
+  workInProgress.child = current.child;
+  workInProgress.memoizedProps = current.memoizedProps;
+  workInProgress.memoizedState = current.memoizedState;
+  workInProgress.updateQueue = current.updateQueue;
+  pendingProps = current.dependencies;
+  workInProgress.dependencies =
+    null === pendingProps
+      ? null
+      : {
+          expirationTime: pendingProps.expirationTime,
+          firstContext: pendingProps.firstContext,
+          responders: pendingProps.responders
+        };
+  workInProgress.sibling = current.sibling;
+  workInProgress.index = current.index;
+  workInProgress.ref = current.ref;
+  workInProgress.selfBaseDuration = current.selfBaseDuration;
+  workInProgress.treeBaseDuration = current.treeBaseDuration;
+  return workInProgress;
+}
+function createFiberFromTypeAndProps(
+  type,
+  key,
+  pendingProps,
+  owner,
+  mode,
+  expirationTime
+) {
+  var fiberTag = 2;
+  owner = type;
+  if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
+  else if ("string" === typeof type) fiberTag = 5;
+  else
+    a: switch (type) {
+      case REACT_FRAGMENT_TYPE:
+        return createFiberFromFragment(
+          pendingProps.children,
+          mode,
+          expirationTime,
+          key
+        );
+      case REACT_CONCURRENT_MODE_TYPE:
+        fiberTag = 8;
+        mode |= 7;
+        break;
+      case REACT_STRICT_MODE_TYPE:
+        fiberTag = 8;
+        mode |= 1;
+        break;
+      case REACT_PROFILER_TYPE:
+        return (
+          (type = createFiber(12, pendingProps, key, mode | 8)),
+          (type.elementType = REACT_PROFILER_TYPE),
+          (type.type = REACT_PROFILER_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      case REACT_SUSPENSE_TYPE:
+        return (
+          (type = createFiber(13, pendingProps, key, mode)),
+          (type.type = REACT_SUSPENSE_TYPE),
+          (type.elementType = REACT_SUSPENSE_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      case REACT_SUSPENSE_LIST_TYPE:
+        return (
+          (type = createFiber(19, pendingProps, key, mode)),
+          (type.elementType = REACT_SUSPENSE_LIST_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      default:
+        if ("object" === typeof type && null !== type)
+          switch (type.$$typeof) {
+            case REACT_PROVIDER_TYPE:
+              fiberTag = 10;
+              break a;
+            case REACT_CONTEXT_TYPE:
+              fiberTag = 9;
+              break a;
+            case REACT_FORWARD_REF_TYPE:
+              fiberTag = 11;
+              break a;
+            case REACT_MEMO_TYPE:
+              fiberTag = 14;
+              break a;
+            case REACT_LAZY_TYPE:
+              fiberTag = 16;
+              owner = null;
+              break a;
+          }
+        throw ReactError(
+          Error(
+            "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
+              (null == type ? type : typeof type) +
+              "."
+          )
+        );
+    }
+  key = createFiber(fiberTag, pendingProps, key, mode);
+  key.elementType = type;
+  key.type = owner;
+  key.expirationTime = expirationTime;
+  return key;
+}
+function createFiberFromFragment(elements, mode, expirationTime, key) {
+  elements = createFiber(7, elements, key, mode);
+  elements.expirationTime = expirationTime;
+  return elements;
+}
+function createFiberFromText(content, mode, expirationTime) {
+  content = createFiber(6, content, null, mode);
+  content.expirationTime = expirationTime;
+  return content;
+}
+function createFiberFromPortal(portal, mode, expirationTime) {
+  mode = createFiber(
+    4,
+    null !== portal.children ? portal.children : [],
+    portal.key,
+    mode
+  );
+  mode.expirationTime = expirationTime;
+  mode.stateNode = {
+    containerInfo: portal.containerInfo,
+    pendingChildren: null,
+    implementation: portal.implementation
+  };
+  return mode;
+}
+function FiberRootNode(containerInfo, tag, hydrate) {
+  this.tag = tag;
+  this.current = null;
+  this.containerInfo = containerInfo;
+  this.pingCache = this.pendingChildren = null;
+  this.finishedExpirationTime = 0;
+  this.finishedWork = null;
+  this.timeoutHandle = -1;
+  this.pendingContext = this.context = null;
+  this.hydrate = hydrate;
+  this.callbackNode = this.firstBatch = null;
+  this.pingTime = this.lastPendingTime = this.firstPendingTime = this.callbackExpirationTime = 0;
+  this.interactionThreadID = tracing.unstable_getThreadID();
+  this.memoizedInteractions = new Set();
+  this.pendingInteractionMap = new Map();
+}
+function findHostInstance(component) {
+  var fiber = component._reactInternalFiber;
+  if (void 0 === fiber) {
+    if ("function" === typeof component.render)
+      throw ReactError(Error("Unable to find node on an unmounted component."));
+    throw ReactError(
+      Error(
+        "Argument appears to not be a ReactComponent. Keys: " +
+          Object.keys(component)
+      )
+    );
+  }
+  component = findCurrentHostFiber(fiber);
+  return null === component ? null : component.stateNode;
+}
+function updateContainer(element, container, parentComponent, callback) {
+  var current$$1 = container.current,
+    currentTime = requestCurrentTime(),
+    suspenseConfig = ReactCurrentBatchConfig.suspense;
+  current$$1 = computeExpirationForFiber(
+    currentTime,
+    current$$1,
+    suspenseConfig
+  );
+  currentTime = container.current;
+  a: if (parentComponent) {
+    parentComponent = parentComponent._reactInternalFiber;
+    b: {
+      if (
+        2 !== isFiberMountedImpl(parentComponent) ||
+        1 !== parentComponent.tag
+      )
+        throw ReactError(
+          Error(
+            "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      var parentContext = parentComponent;
+      do {
+        switch (parentContext.tag) {
+          case 3:
+            parentContext = parentContext.stateNode.context;
+            break b;
+          case 1:
+            if (isContextProvider(parentContext.type)) {
+              parentContext =
+                parentContext.stateNode
+                  .__reactInternalMemoizedMergedChildContext;
+              break b;
+            }
+        }
+        parentContext = parentContext.return;
+      } while (null !== parentContext);
+      throw ReactError(
+        Error(
+          "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    }
+    if (1 === parentComponent.tag) {
+      var Component = parentComponent.type;
+      if (isContextProvider(Component)) {
+        parentComponent = processChildContext(
+          parentComponent,
+          Component,
+          parentContext
+        );
+        break a;
+      }
+    }
+    parentComponent = parentContext;
+  } else parentComponent = emptyContextObject;
+  null === container.context
+    ? (container.context = parentComponent)
+    : (container.pendingContext = parentComponent);
+  container = callback;
+  suspenseConfig = createUpdate(current$$1, suspenseConfig);
+  suspenseConfig.payload = { element: element };
+  container = void 0 === container ? null : container;
+  null !== container && (suspenseConfig.callback = container);
+  enqueueUpdate(currentTime, suspenseConfig);
+  scheduleUpdateOnFiber(currentTime, current$$1);
+  return current$$1;
+}
+function createPortal(children, containerInfo, implementation) {
+  var key =
+    3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
+  return {
+    $$typeof: REACT_PORTAL_TYPE,
+    key: null == key ? null : "" + key,
+    children: children,
+    containerInfo: containerInfo,
+    implementation: implementation
+  };
+}
+function _inherits$1(subClass, superClass) {
+  if ("function" !== typeof superClass && null !== superClass)
+    throw new TypeError(
+      "Super expression must either be null or a function, not " +
+        typeof superClass
+    );
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      enumerable: !1,
+      writable: !0,
+      configurable: !0
+    }
+  });
+  superClass &&
+    (Object.setPrototypeOf
+      ? Object.setPrototypeOf(subClass, superClass)
+      : (subClass.__proto__ = superClass));
+}
+var getInspectorDataForViewTag = void 0;
+getInspectorDataForViewTag = function() {
+  throw ReactError(
+    Error("getInspectorDataForViewTag() is not available in production")
+  );
+};
+var fabricDispatchCommand = nativeFabricUIManager.dispatchCommand;
+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;
+  componentOrHandle = findHostInstance(componentOrHandle);
+  return null == componentOrHandle
+    ? componentOrHandle
+    : componentOrHandle.canonical
+      ? componentOrHandle.canonical._nativeTag
+      : componentOrHandle._nativeTag;
+}
+batchedUpdatesImpl = function(fn, a) {
+  var prevExecutionContext = executionContext;
+  executionContext |= 1;
+  try {
+    return fn(a);
+  } finally {
+    (executionContext = prevExecutionContext),
+      executionContext === NoContext && flushSyncCallbackQueue();
+  }
+};
+flushDiscreteUpdatesImpl = function() {
+  (executionContext & (1 | RenderContext | CommitContext)) === NoContext &&
+    (flushPendingDiscreteUpdates(), flushPassiveEffects());
+};
+var roots = new Map(),
+  ReactFabric = {
+    NativeComponent: (function(findNodeHandle, findHostInstance) {
+      return (function(_React$Component) {
+        function ReactNativeComponent() {
+          if (!(this instanceof ReactNativeComponent))
+            throw new TypeError("Cannot call a class as a function");
+          var call = _React$Component.apply(this, arguments);
+          if (!this)
+            throw new ReferenceError(
+              "this hasn't been initialised - super() hasn't been called"
+            );
+          return !call ||
+            ("object" !== typeof call && "function" !== typeof call)
+            ? this
+            : call;
+        }
+        _inherits$1(ReactNativeComponent, _React$Component);
+        ReactNativeComponent.prototype.blur = function() {
+          ReactNativePrivateInterface.TextInputState.blurTextInput(
+            findNodeHandle(this)
+          );
+        };
+        ReactNativeComponent.prototype.focus = function() {
+          ReactNativePrivateInterface.TextInputState.focusTextInput(
+            findNodeHandle(this)
+          );
+        };
+        ReactNativeComponent.prototype.measure = function(callback) {
+          var maybeInstance = void 0;
+          try {
+            maybeInstance = findHostInstance(this);
+          } catch (error) {}
+          null != maybeInstance &&
+            (maybeInstance.canonical
+              ? nativeFabricUIManager.measure(
+                  maybeInstance.node,
+                  mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                )
+              : ReactNativePrivateInterface.UIManager.measure(
+                  findNodeHandle(this),
+                  mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                ));
+        };
+        ReactNativeComponent.prototype.measureInWindow = function(callback) {
+          var maybeInstance = void 0;
+          try {
+            maybeInstance = findHostInstance(this);
+          } catch (error) {}
+          null != maybeInstance &&
+            (maybeInstance.canonical
+              ? nativeFabricUIManager.measureInWindow(
+                  maybeInstance.node,
+                  mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                )
+              : ReactNativePrivateInterface.UIManager.measureInWindow(
+                  findNodeHandle(this),
+                  mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                ));
+        };
+        ReactNativeComponent.prototype.measureLayout = function(
+          relativeToNativeNode,
+          onSuccess,
+          onFail
+        ) {
+          var maybeInstance = void 0;
+          try {
+            maybeInstance = findHostInstance(this);
+          } catch (error) {}
+          null == maybeInstance ||
+            maybeInstance.canonical ||
+            ((maybeInstance = void 0),
+            "number" === typeof relativeToNativeNode
+              ? (maybeInstance = relativeToNativeNode)
+              : relativeToNativeNode._nativeTag &&
+                (maybeInstance = relativeToNativeNode._nativeTag),
+            null != maybeInstance &&
+              ReactNativePrivateInterface.UIManager.measureLayout(
+                findNodeHandle(this),
+                maybeInstance,
+                mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
+                mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
+              ));
+        };
+        ReactNativeComponent.prototype.setNativeProps = function(nativeProps) {
+          var maybeInstance = void 0;
+          try {
+            maybeInstance = findHostInstance(this);
+          } catch (error) {}
+          if (null != maybeInstance && !maybeInstance.canonical) {
+            var nativeTag =
+              maybeInstance._nativeTag || maybeInstance.canonical._nativeTag;
+            maybeInstance =
+              maybeInstance.viewConfig || maybeInstance.canonical.viewConfig;
+            nativeProps = diffProperties(
+              null,
+              emptyObject,
+              nativeProps,
+              maybeInstance.validAttributes
+            );
+            null != nativeProps &&
+              ReactNativePrivateInterface.UIManager.updateView(
+                nativeTag,
+                maybeInstance.uiViewClassName,
+                nativeProps
+              );
+          }
+        };
+        return ReactNativeComponent;
+      })(React.Component);
+    })(findNodeHandle, findHostInstance),
+    findNodeHandle: findNodeHandle,
+    setNativeProps: function() {},
+    dispatchCommand: function(handle, command, args) {
+      null != handle._nativeTag &&
+        null != handle._internalInstanceHandle &&
+        fabricDispatchCommand(
+          handle._internalInstanceHandle.stateNode.node,
+          command,
+          args
+        );
+    },
+    render: function(element, containerTag, callback) {
+      var root = roots.get(containerTag);
+      if (!root) {
+        root = new FiberRootNode(containerTag, 0, !1);
+        var uninitializedFiber = 0;
+        isDevToolsPresent && (uninitializedFiber |= 8);
+        uninitializedFiber = createFiber(3, null, null, uninitializedFiber);
+        root.current = uninitializedFiber;
+        uninitializedFiber.stateNode = root;
+        roots.set(containerTag, root);
+      }
+      updateContainer(element, root, null, callback);
+      a: if (((element = root.current), element.child))
+        switch (element.child.tag) {
+          case 5:
+            element = element.child.stateNode.canonical;
+            break a;
+          default:
+            element = element.child.stateNode;
+        }
+      else element = null;
+      return element;
+    },
+    unmountComponentAtNode: function(containerTag) {
+      var root = roots.get(containerTag);
+      root &&
+        updateContainer(null, root, null, function() {
+          roots.delete(containerTag);
+        });
+    },
+    createPortal: function(children, containerTag) {
+      return createPortal(
+        children,
+        containerTag,
+        null,
+        2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
+      );
+    },
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
+      NativeMethodsMixin: (function(findNodeHandle, findHostInstance) {
+        return {
+          measure: function(callback) {
+            var maybeInstance = void 0;
+            try {
+              maybeInstance = findHostInstance(this);
+            } catch (error) {}
+            null != maybeInstance &&
+              (maybeInstance.canonical
+                ? nativeFabricUIManager.measure(
+                    maybeInstance.node,
+                    mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                  )
+                : ReactNativePrivateInterface.UIManager.measure(
+                    findNodeHandle(this),
+                    mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                  ));
+          },
+          measureInWindow: function(callback) {
+            var maybeInstance = void 0;
+            try {
+              maybeInstance = findHostInstance(this);
+            } catch (error) {}
+            null != maybeInstance &&
+              (maybeInstance.canonical
+                ? nativeFabricUIManager.measureInWindow(
+                    maybeInstance.node,
+                    mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                  )
+                : ReactNativePrivateInterface.UIManager.measureInWindow(
+                    findNodeHandle(this),
+                    mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                  ));
+          },
+          measureLayout: function(relativeToNativeNode, onSuccess, onFail) {
+            var maybeInstance = void 0;
+            try {
+              maybeInstance = findHostInstance(this);
+            } catch (error) {}
+            null == maybeInstance ||
+              maybeInstance.canonical ||
+              ((maybeInstance = void 0),
+              "number" === typeof relativeToNativeNode
+                ? (maybeInstance = relativeToNativeNode)
+                : relativeToNativeNode._nativeTag &&
+                  (maybeInstance = relativeToNativeNode._nativeTag),
+              null != maybeInstance &&
+                ReactNativePrivateInterface.UIManager.measureLayout(
+                  findNodeHandle(this),
+                  maybeInstance,
+                  mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
+                  mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
+                ));
+          },
+          setNativeProps: function(nativeProps) {
+            var maybeInstance = void 0;
+            try {
+              maybeInstance = findHostInstance(this);
+            } catch (error) {}
+            if (null != maybeInstance && !maybeInstance.canonical) {
+              var nativeTag =
+                maybeInstance._nativeTag || maybeInstance.canonical._nativeTag;
+              maybeInstance =
+                maybeInstance.viewConfig || maybeInstance.canonical.viewConfig;
+              nativeProps = diffProperties(
+                null,
+                emptyObject,
+                nativeProps,
+                maybeInstance.validAttributes
+              );
+              null != nativeProps &&
+                ReactNativePrivateInterface.UIManager.updateView(
+                  nativeTag,
+                  maybeInstance.uiViewClassName,
+                  nativeProps
+                );
+            }
+          },
+          focus: function() {
+            ReactNativePrivateInterface.TextInputState.focusTextInput(
+              findNodeHandle(this)
+            );
+          },
+          blur: function() {
+            ReactNativePrivateInterface.TextInputState.blurTextInput(
+              findNodeHandle(this)
+            );
+          }
+        };
+      })(findNodeHandle, findHostInstance)
+    }
+  };
+(function(devToolsConfig) {
+  var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+  return injectInternals(
+    Object.assign({}, devToolsConfig, {
+      overrideHookState: null,
+      overrideProps: null,
+      setSuspenseHandler: null,
+      scheduleUpdate: null,
+      currentDispatcherRef: ReactSharedInternals.ReactCurrentDispatcher,
+      findHostInstanceByFiber: function(fiber) {
+        fiber = findCurrentHostFiber(fiber);
+        return null === fiber ? null : fiber.stateNode;
+      },
+      findFiberByHostInstance: function(instance) {
+        return findFiberByHostInstance
+          ? findFiberByHostInstance(instance)
+          : null;
+      },
+      findHostInstancesForRefresh: null,
+      scheduleRefresh: null,
+      scheduleRoot: null,
+      setRefreshHandler: null,
+      getCurrentFiber: null
+    })
+  );
+})({
+  findFiberByHostInstance: getInstanceFromInstance,
+  getInspectorDataForViewTag: getInspectorDataForViewTag,
+  bundleType: 0,
+  version: "16.8.6",
+  rendererPackageName: "react-native-renderer"
+});
+var ReactFabric$2 = { default: ReactFabric },
+  ReactFabric$3 = (ReactFabric$2 && ReactFabric) || ReactFabric$2;
+module.exports = ReactFabric$3.default || ReactFabric$3;
diff --git a/Libraries/Renderer/oss/ReactFabric-profiling.js b/Libraries/Renderer/implementations/ReactFabric-profiling.js
similarity index 74%
rename from Libraries/Renderer/oss/ReactFabric-profiling.js
rename to Libraries/Renderer/implementations/ReactFabric-profiling.js
index fcfe473e5c4921..fe3c3e66758c5e 100644
--- a/Libraries/Renderer/oss/ReactFabric-profiling.js
+++ b/Libraries/Renderer/implementations/ReactFabric-profiling.js
@@ -11,21 +11,14 @@
  */
 
 "use strict";
-require("InitializeCore");
-var ReactNativeViewConfigRegistry = require("ReactNativeViewConfigRegistry"),
-  UIManager = require("UIManager"),
+require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
+var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface"),
   React = require("react"),
-  deepDiffer = require("deepDiffer"),
-  flattenStyle = require("flattenStyle"),
-  TextInputState = require("TextInputState"),
-  FabricUIManager = require("FabricUIManager"),
   Scheduler = require("scheduler"),
-  tracing = require("scheduler/tracing"),
-  ExceptionsManager = require("ExceptionsManager");
-function ReactError(message) {
-  message = Error(message);
-  message.name = "Invariant Violation";
-  return message;
+  tracing = require("scheduler/tracing");
+function ReactError(error) {
+  error.name = "Invariant Violation";
+  return error;
 }
 var eventPluginOrder = null,
   namesToPlugins = {};
@@ -36,16 +29,20 @@ function recomputePluginOrdering() {
         pluginIndex = eventPluginOrder.indexOf(pluginName);
       if (!(-1 < pluginIndex))
         throw ReactError(
-          "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
-            pluginName +
-            "`."
+          Error(
+            "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+              pluginName +
+              "`."
+          )
         );
       if (!plugins[pluginIndex]) {
         if (!pluginModule.extractEvents)
           throw ReactError(
-            "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
-              pluginName +
-              "` does not."
+            Error(
+              "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
+                pluginName +
+                "` does not."
+            )
           );
         plugins[pluginIndex] = pluginModule;
         pluginIndex = pluginModule.eventTypes;
@@ -56,9 +53,11 @@ function recomputePluginOrdering() {
             eventName$jscomp$0 = eventName;
           if (eventNameDispatchConfigs.hasOwnProperty(eventName$jscomp$0))
             throw ReactError(
-              "EventPluginHub: More than one plugin attempted to publish the same event name, `" +
-                eventName$jscomp$0 +
-                "`."
+              Error(
+                "EventPluginHub: More than one plugin attempted to publish the same event name, `" +
+                  eventName$jscomp$0 +
+                  "`."
+              )
             );
           eventNameDispatchConfigs[eventName$jscomp$0] = dispatchConfig;
           var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
@@ -84,11 +83,13 @@ function recomputePluginOrdering() {
               : (JSCompiler_inline_result = !1);
           if (!JSCompiler_inline_result)
             throw ReactError(
-              "EventPluginRegistry: Failed to publish event `" +
-                eventName +
-                "` for plugin `" +
-                pluginName +
-                "`."
+              Error(
+                "EventPluginRegistry: Failed to publish event `" +
+                  eventName +
+                  "` for plugin `" +
+                  pluginName +
+                  "`."
+              )
             );
         }
       }
@@ -97,9 +98,11 @@ function recomputePluginOrdering() {
 function publishRegistrationName(registrationName, pluginModule) {
   if (registrationNameModules[registrationName])
     throw ReactError(
-      "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
-        registrationName +
-        "`."
+      Error(
+        "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
+          registrationName +
+          "`."
+      )
     );
   registrationNameModules[registrationName] = pluginModule;
 }
@@ -148,7 +151,9 @@ function invokeGuardedCallbackAndCatchFirstError(
       caughtError = null;
     } else
       throw ReactError(
-        "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     hasRethrowError || ((hasRethrowError = !0), (rethrowError = error));
   }
@@ -166,7 +171,7 @@ function executeDirectDispatch(event) {
   var dispatchListener = event._dispatchListeners,
     dispatchInstance = event._dispatchInstances;
   if (Array.isArray(dispatchListener))
-    throw ReactError("executeDirectDispatch(...): Invalid `event`.");
+    throw ReactError(Error("executeDirectDispatch(...): Invalid `event`."));
   event.currentTarget = dispatchListener
     ? getNodeFromInstance(dispatchInstance)
     : null;
@@ -179,7 +184,9 @@ function executeDirectDispatch(event) {
 function accumulateInto(current, next) {
   if (null == next)
     throw ReactError(
-      "accumulateInto(...): Accumulated items must not be null or undefined."
+      Error(
+        "accumulateInto(...): Accumulated items must not be null or undefined."
+      )
     );
   if (null == current) return next;
   if (Array.isArray(current)) {
@@ -216,7 +223,9 @@ var injection = {
   injectEventPluginOrder: function(injectedEventPluginOrder) {
     if (eventPluginOrder)
       throw ReactError(
-        "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
+        Error(
+          "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
+        )
       );
     eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
     recomputePluginOrdering();
@@ -233,9 +242,11 @@ var injection = {
         ) {
           if (namesToPlugins[pluginName])
             throw ReactError(
-              "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
-                pluginName +
-                "`."
+              Error(
+                "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+                  pluginName +
+                  "`."
+              )
             );
           namesToPlugins[pluginName] = pluginModule;
           isOrderingDirty = !0;
@@ -277,11 +288,13 @@ function getListener(inst, registrationName) {
   if (inst) return null;
   if (listener && "function" !== typeof listener)
     throw ReactError(
-      "Expected `" +
-        registrationName +
-        "` listener to be a function, instead got a value of `" +
-        typeof listener +
-        "` type."
+      Error(
+        "Expected `" +
+          registrationName +
+          "` listener to be a function, instead got a value of `" +
+          typeof listener +
+          "` type."
+      )
     );
   return listener;
 }
@@ -445,7 +458,9 @@ function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
 function releasePooledEvent(event) {
   if (!(event instanceof this))
     throw ReactError(
-      "Trying to release an event instance into a pool of a different type."
+      Error(
+        "Trying to release an event instance into a pool of a different type."
+      )
     );
   event.destructor();
   10 > this.eventPool.length && this.eventPool.push(event);
@@ -481,7 +496,8 @@ function timestampForTouch(touch) {
 }
 function getTouchIdentifier(_ref) {
   _ref = _ref.identifier;
-  if (null == _ref) throw ReactError("Touch object is missing identifier.");
+  if (null == _ref)
+    throw ReactError(Error("Touch object is missing identifier."));
   return _ref;
 }
 function recordTouchStart(touch) {
@@ -524,7 +540,7 @@ function recordTouchMove(touch) {
       (touchRecord.currentPageY = touch.pageY),
       (touchRecord.currentTimeStamp = timestampForTouch(touch)),
       (touchHistory.mostRecentTimeStamp = timestampForTouch(touch)))
-    : console.error(
+    : console.warn(
         "Cannot record touch move without a touch start.\nTouch Move: %s\n",
         "Touch Bank: %s",
         printTouch(touch),
@@ -542,7 +558,7 @@ function recordTouchEnd(touch) {
       (touchRecord.currentPageY = touch.pageY),
       (touchRecord.currentTimeStamp = timestampForTouch(touch)),
       (touchHistory.mostRecentTimeStamp = timestampForTouch(touch)))
-    : console.error(
+    : console.warn(
         "Cannot record touch end without a touch start.\nTouch End: %s\n",
         "Touch Bank: %s",
         printTouch(touch),
@@ -596,7 +612,7 @@ var ResponderTouchHistoryStore = {
 function accumulate(current, next) {
   if (null == next)
     throw ReactError(
-      "accumulate(...): Accumulated items must not be null or undefined."
+      Error("accumulate(...): Accumulated items must not be null or undefined.")
     );
   return null == current
     ? next
@@ -618,7 +634,7 @@ function changeResponder(nextResponderInst, blockHostResponder) {
       blockHostResponder
     );
 }
-var eventTypes$1 = {
+var eventTypes = {
     startShouldSetResponder: {
       phasedRegistrationNames: {
         bubbled: "onStartShouldSetResponder",
@@ -681,7 +697,7 @@ var eventTypes$1 = {
     _getResponder: function() {
       return responderInst;
     },
-    eventTypes: eventTypes$1,
+    eventTypes: eventTypes,
     extractEvents: function(
       topLevelType,
       targetInst,
@@ -710,12 +726,12 @@ var eventTypes$1 = {
           isMoveish(topLevelType))
       ) {
         var JSCompiler_temp = isStartish(topLevelType)
-          ? eventTypes$1.startShouldSetResponder
+          ? eventTypes.startShouldSetResponder
           : isMoveish(topLevelType)
-            ? eventTypes$1.moveShouldSetResponder
+            ? eventTypes.moveShouldSetResponder
             : "topSelectionChange" === topLevelType
-              ? eventTypes$1.selectionChangeShouldSetResponder
-              : eventTypes$1.scrollShouldSetResponder;
+              ? eventTypes.selectionChangeShouldSetResponder
+              : eventTypes.scrollShouldSetResponder;
         if (responderInst)
           b: {
             var JSCompiler_temp$jscomp$0 = responderInst;
@@ -801,7 +817,7 @@ var eventTypes$1 = {
         JSCompiler_temp && JSCompiler_temp !== responderInst
           ? ((JSCompiler_temp$jscomp$0 = void 0),
             (targetInst = ResponderSyntheticEvent.getPooled(
-              eventTypes$1.responderGrant,
+              eventTypes.responderGrant,
               JSCompiler_temp,
               nativeEvent,
               nativeEventTarget
@@ -811,7 +827,7 @@ var eventTypes$1 = {
             (depthA = !0 === executeDirectDispatch(targetInst)),
             responderInst
               ? ((tempA = ResponderSyntheticEvent.getPooled(
-                  eventTypes$1.responderTerminationRequest,
+                  eventTypes.responderTerminationRequest,
                   responderInst,
                   nativeEvent,
                   nativeEventTarget
@@ -823,7 +839,7 @@ var eventTypes$1 = {
                 tempA.isPersistent() || tempA.constructor.release(tempA),
                 tempB
                   ? ((tempA = ResponderSyntheticEvent.getPooled(
-                      eventTypes$1.responderTerminate,
+                      eventTypes.responderTerminate,
                       responderInst,
                       nativeEvent,
                       nativeEventTarget
@@ -837,7 +853,7 @@ var eventTypes$1 = {
                     )),
                     changeResponder(JSCompiler_temp, depthA))
                   : ((JSCompiler_temp = ResponderSyntheticEvent.getPooled(
-                      eventTypes$1.responderReject,
+                      eventTypes.responderReject,
                       JSCompiler_temp,
                       nativeEvent,
                       nativeEventTarget
@@ -867,11 +883,11 @@ var eventTypes$1 = {
         ("topTouchEnd" === topLevelType || "topTouchCancel" === topLevelType);
       if (
         (JSCompiler_temp$jscomp$0 = JSCompiler_temp$jscomp$0
-          ? eventTypes$1.responderStart
+          ? eventTypes.responderStart
           : targetInst
-            ? eventTypes$1.responderMove
+            ? eventTypes.responderMove
             : depthA
-              ? eventTypes$1.responderEnd
+              ? eventTypes.responderEnd
               : null)
       )
         (JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
@@ -925,9 +941,9 @@ var eventTypes$1 = {
         }
       if (
         (topLevelType = JSCompiler_temp$jscomp$0
-          ? eventTypes$1.responderTerminate
+          ? eventTypes.responderTerminate
           : topLevelType
-            ? eventTypes$1.responderRelease
+            ? eventTypes.responderRelease
             : null)
       )
         (nativeEvent = ResponderSyntheticEvent.getPooled(
@@ -949,8 +965,20 @@ var eventTypes$1 = {
       }
     }
   },
-  ReactNativeBridgeEventPlugin = {
-    eventTypes: ReactNativeViewConfigRegistry.eventTypes,
+  customBubblingEventTypes =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customBubblingEventTypes,
+  customDirectEventTypes =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customDirectEventTypes;
+injection.injectEventPluginOrder([
+  "ResponderEventPlugin",
+  "ReactNativeBridgeEventPlugin"
+]);
+injection.injectEventPluginsByName({
+  ResponderEventPlugin: ResponderEventPlugin,
+  ReactNativeBridgeEventPlugin: {
+    eventTypes: {},
     extractEvents: function(
       topLevelType,
       targetInst,
@@ -958,13 +986,13 @@ var eventTypes$1 = {
       nativeEventTarget
     ) {
       if (null == targetInst) return null;
-      var bubbleDispatchConfig =
-          ReactNativeViewConfigRegistry.customBubblingEventTypes[topLevelType],
-        directDispatchConfig =
-          ReactNativeViewConfigRegistry.customDirectEventTypes[topLevelType];
+      var bubbleDispatchConfig = customBubblingEventTypes[topLevelType],
+        directDispatchConfig = customDirectEventTypes[topLevelType];
       if (!bubbleDispatchConfig && !directDispatchConfig)
         throw ReactError(
-          'Unsupported top level event type "' + topLevelType + '" dispatched'
+          Error(
+            'Unsupported top level event type "' + topLevelType + '" dispatched'
+          )
         );
       topLevelType = SyntheticEvent.getPooled(
         bubbleDispatchConfig || directDispatchConfig,
@@ -979,14 +1007,7 @@ var eventTypes$1 = {
       else return null;
       return topLevelType;
     }
-  };
-injection.injectEventPluginOrder([
-  "ResponderEventPlugin",
-  "ReactNativeBridgeEventPlugin"
-]);
-injection.injectEventPluginsByName({
-  ResponderEventPlugin: ResponderEventPlugin,
-  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
+  }
 });
 function getInstanceFromInstance(instanceHandle) {
   return instanceHandle;
@@ -997,23 +1018,25 @@ getFiberCurrentPropsFromNode = function(inst) {
 getInstanceFromNode = getInstanceFromInstance;
 getNodeFromInstance = function(inst) {
   inst = inst.stateNode.canonical._nativeTag;
-  if (!inst) throw ReactError("All native instances should have a tag.");
+  if (!inst) throw ReactError(Error("All native instances should have a tag."));
   return inst;
 };
 ResponderEventPlugin.injection.injectGlobalResponderHandler({
   onChange: function(from, to, blockNativeResponder) {
     null !== to
-      ? UIManager.setJSResponder(
+      ? ReactNativePrivateInterface.UIManager.setJSResponder(
           to.stateNode.canonical._nativeTag,
           blockNativeResponder
         )
-      : UIManager.clearJSResponder();
+      : ReactNativePrivateInterface.UIManager.clearJSResponder();
   }
 });
 var ReactSharedInternals =
   React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 ReactSharedInternals.hasOwnProperty("ReactCurrentDispatcher") ||
   (ReactSharedInternals.ReactCurrentDispatcher = { current: null });
+ReactSharedInternals.hasOwnProperty("ReactCurrentBatchConfig") ||
+  (ReactSharedInternals.ReactCurrentBatchConfig = { suspense: null });
 var hasSymbol = "function" === typeof Symbol && Symbol.for,
   REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103,
   REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106,
@@ -1027,11 +1050,13 @@ var hasSymbol = "function" === typeof Symbol && Symbol.for,
     : 60111,
   REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112,
   REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113,
+  REACT_SUSPENSE_LIST_TYPE = hasSymbol
+    ? Symbol.for("react.suspense_list")
+    : 60120,
   REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115,
   REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
-hasSymbol && Symbol.for("react.event_component");
-hasSymbol && Symbol.for("react.event_target");
-hasSymbol && Symbol.for("react.event_target.touch_hit");
+hasSymbol && Symbol.for("react.fundamental");
+hasSymbol && Symbol.for("react.responder");
 var MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
 function getIteratorFn(maybeIterable) {
   if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
@@ -1045,8 +1070,6 @@ function getComponentName(type) {
   if ("function" === typeof type) return type.displayName || type.name || null;
   if ("string" === typeof type) return type;
   switch (type) {
-    case REACT_CONCURRENT_MODE_TYPE:
-      return "ConcurrentMode";
     case REACT_FRAGMENT_TYPE:
       return "Fragment";
     case REACT_PORTAL_TYPE:
@@ -1057,6 +1080,8 @@ function getComponentName(type) {
       return "StrictMode";
     case REACT_SUSPENSE_TYPE:
       return "Suspense";
+    case REACT_SUSPENSE_LIST_TYPE:
+      return "SuspenseList";
   }
   if ("object" === typeof type)
     switch (type.$$typeof) {
@@ -1091,14 +1116,14 @@ function isFiberMountedImpl(fiber) {
 }
 function assertIsMounted(fiber) {
   if (2 !== isFiberMountedImpl(fiber))
-    throw ReactError("Unable to find node on an unmounted component.");
+    throw ReactError(Error("Unable to find node on an unmounted component."));
 }
 function findCurrentFiberUsingSlowPath(fiber) {
   var alternate = fiber.alternate;
   if (!alternate) {
     alternate = isFiberMountedImpl(fiber);
     if (3 === alternate)
-      throw ReactError("Unable to find node on an unmounted component.");
+      throw ReactError(Error("Unable to find node on an unmounted component."));
     return 1 === alternate ? null : fiber;
   }
   for (var a = fiber, b = alternate; ; ) {
@@ -1119,7 +1144,7 @@ function findCurrentFiberUsingSlowPath(fiber) {
         if (parentB === b) return assertIsMounted(parentA), alternate;
         parentB = parentB.sibling;
       }
-      throw ReactError("Unable to find node on an unmounted component.");
+      throw ReactError(Error("Unable to find node on an unmounted component."));
     }
     if (a.return !== b.return) (a = parentA), (b = parentB);
     else {
@@ -1156,17 +1181,21 @@ function findCurrentFiberUsingSlowPath(fiber) {
         }
         if (!didFindChild)
           throw ReactError(
-            "Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue."
+            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 ReactError(
-        "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
+        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 ReactError("Unable to find node on an unmounted component.");
+    throw ReactError(Error("Unable to find node on an unmounted component."));
   return a.stateNode.current === a ? fiber : alternate;
 }
 function findCurrentHostFiber(parent) {
@@ -1280,14 +1309,14 @@ function diffNestedProperty(
   return Array.isArray(prevProp)
     ? diffProperties(
         updatePayload,
-        flattenStyle(prevProp),
+        ReactNativePrivateInterface.flattenStyle(prevProp),
         nextProp,
         validAttributes
       )
     : diffProperties(
         updatePayload,
         prevProp,
-        flattenStyle(nextProp),
+        ReactNativePrivateInterface.flattenStyle(nextProp),
         validAttributes
       );
 }
@@ -1355,7 +1384,7 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
         if ("object" !== typeof attributeConfig)
           ("object" !== typeof nextProp ||
             null === nextProp ||
-            deepDiffer(prevProp, nextProp)) &&
+            ReactNativePrivateInterface.deepDiffer(prevProp, nextProp)) &&
             ((updatePayload || (updatePayload = {}))[propKey] = nextProp);
         else if (
           "function" === typeof attributeConfig.diff ||
@@ -1367,7 +1396,7 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
               ? attributeConfig.diff(prevProp, nextProp)
               : "object" !== typeof nextProp ||
                 null === nextProp ||
-                deepDiffer(prevProp, nextProp))
+                ReactNativePrivateInterface.deepDiffer(prevProp, nextProp))
           )
             (attributeConfig =
               "function" === typeof attributeConfig.process
@@ -1419,23 +1448,28 @@ var restoreTarget = null,
 function restoreStateOfTarget(target) {
   if (getInstanceFromNode(target))
     throw ReactError(
-      "setRestoreImplementation() needs to be called to handle a target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+      Error(
+        "setRestoreImplementation() needs to be called to handle a target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+      )
     );
 }
-function _batchedUpdatesImpl(fn, bookkeeping) {
+function batchedUpdatesImpl(fn, bookkeeping) {
   return fn(bookkeeping);
 }
-function _flushInteractiveUpdatesImpl() {}
-var isBatching = !1;
+function flushDiscreteUpdatesImpl() {}
+var isInsideEventHandler = !1;
 function batchedUpdates(fn, bookkeeping) {
-  if (isBatching) return fn(bookkeeping);
-  isBatching = !0;
+  if (isInsideEventHandler) return fn(bookkeeping);
+  isInsideEventHandler = !0;
   try {
-    return _batchedUpdatesImpl(fn, bookkeeping);
+    return batchedUpdatesImpl(fn, bookkeeping);
   } finally {
-    if (((isBatching = !1), null !== restoreTarget || null !== restoreQueue))
+    if (
+      ((isInsideEventHandler = !1),
+      null !== restoreTarget || null !== restoreQueue)
+    )
       if (
-        (_flushInteractiveUpdatesImpl(),
+        (flushDiscreteUpdatesImpl(),
         restoreTarget &&
           ((bookkeeping = restoreTarget),
           (fn = restoreQueue),
@@ -1447,6 +1481,51 @@ function batchedUpdates(fn, bookkeeping) {
           restoreStateOfTarget(fn[bookkeeping]);
   }
 }
+function _inherits(subClass, superClass) {
+  if ("function" !== typeof superClass && null !== superClass)
+    throw new TypeError(
+      "Super expression must either be null or a function, not " +
+        typeof superClass
+    );
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      enumerable: !1,
+      writable: !0,
+      configurable: !0
+    }
+  });
+  superClass &&
+    (Object.setPrototypeOf
+      ? Object.setPrototypeOf(subClass, superClass)
+      : (subClass.__proto__ = superClass));
+}
+(function(_React$Component) {
+  function ReactNativeComponent() {
+    if (!(this instanceof ReactNativeComponent))
+      throw new TypeError("Cannot call a class as a function");
+    var call = _React$Component.apply(this, arguments);
+    if (!this)
+      throw new ReferenceError(
+        "this hasn't been initialised - super() hasn't been called"
+      );
+    return !call || ("object" !== typeof call && "function" !== typeof call)
+      ? this
+      : call;
+  }
+  _inherits(ReactNativeComponent, _React$Component);
+  ReactNativeComponent.prototype.blur = function() {};
+  ReactNativeComponent.prototype.focus = function() {};
+  ReactNativeComponent.prototype.measure = function() {};
+  ReactNativeComponent.prototype.measureInWindow = function() {};
+  ReactNativeComponent.prototype.measureLayout = function() {};
+  ReactNativeComponent.prototype.setNativeProps = function() {};
+  return ReactNativeComponent;
+})(React.Component);
+new Map();
+new Map();
+new Set();
+new Map();
 function dispatchEvent(target, topLevelType, nativeEvent) {
   batchedUpdates(function() {
     var events = nativeEvent.target;
@@ -1469,7 +1548,9 @@ function dispatchEvent(target, topLevelType, nativeEvent) {
       forEachAccumulated(events, executeDispatchesAndReleaseTopLevel);
       if (eventQueue)
         throw ReactError(
-          "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+          Error(
+            "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+          )
         );
       if (hasRethrowError)
         throw ((events = rethrowError),
@@ -1481,12 +1562,30 @@ function dispatchEvent(target, topLevelType, nativeEvent) {
 }
 function shim$1() {
   throw ReactError(
-    "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
+    Error(
+      "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
+    )
   );
 }
-var nextReactTag = 2;
-FabricUIManager.registerEventHandler &&
-  FabricUIManager.registerEventHandler(dispatchEvent);
+var _nativeFabricUIManage$1 = nativeFabricUIManager,
+  createNode = _nativeFabricUIManage$1.createNode,
+  cloneNode = _nativeFabricUIManage$1.cloneNode,
+  cloneNodeWithNewChildren = _nativeFabricUIManage$1.cloneNodeWithNewChildren,
+  cloneNodeWithNewChildrenAndProps =
+    _nativeFabricUIManage$1.cloneNodeWithNewChildrenAndProps,
+  cloneNodeWithNewProps = _nativeFabricUIManage$1.cloneNodeWithNewProps,
+  createChildNodeSet = _nativeFabricUIManage$1.createChildSet,
+  appendChildNode = _nativeFabricUIManage$1.appendChild,
+  appendChildNodeToSet = _nativeFabricUIManage$1.appendChildToSet,
+  completeRoot = _nativeFabricUIManage$1.completeRoot,
+  registerEventHandler = _nativeFabricUIManage$1.registerEventHandler,
+  fabricMeasure = _nativeFabricUIManage$1.measure,
+  fabricMeasureInWindow = _nativeFabricUIManage$1.measureInWindow,
+  fabricMeasureLayout = _nativeFabricUIManage$1.measureLayout,
+  getViewConfigForType =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get,
+  nextReactTag = 2;
+registerEventHandler && registerEventHandler(dispatchEvent);
 var ReactFabricHostComponent = (function() {
   function ReactFabricHostComponent(
     tag,
@@ -1502,19 +1601,19 @@ var ReactFabricHostComponent = (function() {
     this._internalInstanceHandle = internalInstanceHandle;
   }
   ReactFabricHostComponent.prototype.blur = function() {
-    TextInputState.blurTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
   };
   ReactFabricHostComponent.prototype.focus = function() {
-    TextInputState.focusTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.focusTextInput(this._nativeTag);
   };
   ReactFabricHostComponent.prototype.measure = function(callback) {
-    FabricUIManager.measure(
+    fabricMeasure(
       this._internalInstanceHandle.stateNode.node,
       mountSafeCallback_NOT_REALLY_SAFE(this, callback)
     );
   };
   ReactFabricHostComponent.prototype.measureInWindow = function(callback) {
-    FabricUIManager.measureInWindow(
+    fabricMeasureInWindow(
       this._internalInstanceHandle.stateNode.node,
       mountSafeCallback_NOT_REALLY_SAFE(this, callback)
     );
@@ -1526,7 +1625,7 @@ var ReactFabricHostComponent = (function() {
   ) {
     "number" !== typeof relativeToNativeNode &&
       relativeToNativeNode instanceof ReactFabricHostComponent &&
-      FabricUIManager.measureLayout(
+      fabricMeasureLayout(
         this._internalInstanceHandle.stateNode.node,
         relativeToNativeNode._internalInstanceHandle.stateNode.node,
         mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
@@ -1544,12 +1643,12 @@ function createTextInstance(
 ) {
   if (!hostContext.isInAParentText)
     throw ReactError(
-      "Text strings must be rendered within a <Text> component."
+      Error("Text strings must be rendered within a <Text> component.")
     );
   hostContext = nextReactTag;
   nextReactTag += 2;
   return {
-    node: FabricUIManager.createNode(
+    node: createNode(
       hostContext,
       "RCTRawText",
       rootContainerInstance,
@@ -1569,7 +1668,7 @@ function cloneHiddenInstance(instance) {
     instance.canonical.viewConfig.validAttributes
   );
   return {
-    node: FabricUIManager.cloneNodeWithNewProps(node, updatePayload),
+    node: cloneNodeWithNewProps(node, updatePayload),
     canonical: instance.canonical
   };
 }
@@ -1659,7 +1758,9 @@ function popTopLevelContextObject(fiber) {
 function pushTopLevelContextObject(fiber, context, didChange) {
   if (contextStackCursor.current !== emptyContextObject)
     throw ReactError(
-      "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
+      Error(
+        "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
+      )
     );
   push(contextStackCursor, context, fiber);
   push(didPerformWorkStackCursor, didChange, fiber);
@@ -1672,10 +1773,12 @@ function processChildContext(fiber, type, parentContext) {
   for (var contextKey in instance)
     if (!(contextKey in fiber))
       throw ReactError(
-        (getComponentName(type) || "Unknown") +
-          '.getChildContext(): key "' +
-          contextKey +
-          '" is not defined in childContextTypes.'
+        Error(
+          (getComponentName(type) || "Unknown") +
+            '.getChildContext(): key "' +
+            contextKey +
+            '" is not defined in childContextTypes.'
+        )
       );
   return Object.assign({}, parentContext, instance);
 }
@@ -1697,7 +1800,9 @@ function invalidateContextProvider(workInProgress, type, didChange) {
   var instance = workInProgress.stateNode;
   if (!instance)
     throw ReactError(
-      "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
+      Error(
+        "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
+      )
     );
   didChange
     ? ((type = processChildContext(workInProgress, type, previousContext)),
@@ -1708,35 +1813,11 @@ function invalidateContextProvider(workInProgress, type, didChange) {
     : pop(didPerformWorkStackCursor, workInProgress);
   push(didPerformWorkStackCursor, didChange, workInProgress);
 }
-var onCommitFiberRoot = null,
-  onCommitFiberUnmount = null;
-function catchErrors(fn) {
-  return function(arg) {
-    try {
-      return fn(arg);
-    } catch (err) {}
-  };
-}
-var isDevToolsPresent = "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__;
-function injectInternals(internals) {
-  if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
-  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
-  if (hook.isDisabled || !hook.supportsFiber) return !0;
-  try {
-    var rendererID = hook.inject(internals);
-    onCommitFiberRoot = catchErrors(function(root) {
-      return hook.onCommitFiberRoot(rendererID, root);
-    });
-    onCommitFiberUnmount = catchErrors(function(fiber) {
-      return hook.onCommitFiberUnmount(rendererID, fiber);
-    });
-  } catch (err) {}
-  return !0;
-}
 var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority,
   Scheduler_scheduleCallback = Scheduler.unstable_scheduleCallback,
   Scheduler_cancelCallback = Scheduler.unstable_cancelCallback,
   Scheduler_shouldYield = Scheduler.unstable_shouldYield,
+  Scheduler_requestPaint = Scheduler.unstable_requestPaint,
   Scheduler_now = Scheduler.unstable_now,
   Scheduler_getCurrentPriorityLevel =
     Scheduler.unstable_getCurrentPriorityLevel,
@@ -1750,12 +1831,16 @@ if (
   null == tracing.__interactionsRef.current
 )
   throw ReactError(
-    "It is not supported to run the profiling version of a renderer (for example, `react-dom/profiling`) without also replacing the `scheduler/tracing` module with `scheduler/tracing-profiling`. Your bundler might have a setting for aliasing both modules. Learn more at http://fb.me/react-profiling"
+    Error(
+      "It is not supported to run the profiling version of a renderer (for example, `react-dom/profiling`) without also replacing the `scheduler/tracing` module with `scheduler/tracing-profiling`. Your bundler might have a setting for aliasing both modules. Learn more at http://fb.me/react-profiling"
+    )
   );
 var fakeCallbackNode = {},
-  immediateQueue = null,
+  requestPaint =
+    void 0 !== Scheduler_requestPaint ? Scheduler_requestPaint : function() {},
+  syncQueue = null,
   immediateQueueCallbackNode = null,
-  isFlushingImmediate = !1,
+  isFlushingSyncQueue = !1,
   initialTimeMs = Scheduler_now(),
   now =
     1e4 > initialTimeMs
@@ -1776,7 +1861,7 @@ function getCurrentPriorityLevel() {
     case Scheduler_IdlePriority:
       return 95;
     default:
-      throw ReactError("Unknown priority level.");
+      throw ReactError(Error("Unknown priority level."));
   }
 }
 function reactPriorityToSchedulerPriority(reactPriorityLevel) {
@@ -1792,54 +1877,55 @@ function reactPriorityToSchedulerPriority(reactPriorityLevel) {
     case 95:
       return Scheduler_IdlePriority;
     default:
-      throw ReactError("Unknown priority level.");
+      throw ReactError(Error("Unknown priority level."));
   }
 }
-function runWithPriority(reactPriorityLevel, fn) {
+function runWithPriority$1(reactPriorityLevel, fn) {
   reactPriorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
   return Scheduler_runWithPriority(reactPriorityLevel, fn);
 }
 function scheduleCallback(reactPriorityLevel, callback, options) {
-  if (99 === reactPriorityLevel)
-    return (
-      null === immediateQueue
-        ? ((immediateQueue = [callback]),
-          (immediateQueueCallbackNode = Scheduler_scheduleCallback(
-            Scheduler_ImmediatePriority,
-            flushImmediateQueueImpl
-          )))
-        : immediateQueue.push(callback),
-      fakeCallbackNode
-    );
   reactPriorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
   return Scheduler_scheduleCallback(reactPriorityLevel, callback, options);
 }
-function flushImmediateQueue() {
+function scheduleSyncCallback(callback) {
+  null === syncQueue
+    ? ((syncQueue = [callback]),
+      (immediateQueueCallbackNode = Scheduler_scheduleCallback(
+        Scheduler_ImmediatePriority,
+        flushSyncCallbackQueueImpl
+      )))
+    : syncQueue.push(callback);
+  return fakeCallbackNode;
+}
+function flushSyncCallbackQueue() {
   null !== immediateQueueCallbackNode &&
     Scheduler_cancelCallback(immediateQueueCallbackNode);
-  flushImmediateQueueImpl();
+  flushSyncCallbackQueueImpl();
 }
-function flushImmediateQueueImpl() {
-  if (!isFlushingImmediate && null !== immediateQueue) {
-    isFlushingImmediate = !0;
+function flushSyncCallbackQueueImpl() {
+  if (!isFlushingSyncQueue && null !== syncQueue) {
+    isFlushingSyncQueue = !0;
     var i = 0;
     try {
-      for (; i < immediateQueue.length; i++) {
-        var callback = immediateQueue[i];
-        do callback = callback(!0);
-        while (null !== callback);
-      }
-      immediateQueue = null;
+      var queue = syncQueue;
+      runWithPriority$1(99, function() {
+        for (; i < queue.length; i++) {
+          var callback = queue[i];
+          do callback = callback(!0);
+          while (null !== callback);
+        }
+      });
+      syncQueue = null;
     } catch (error) {
-      throw (null !== immediateQueue &&
-        (immediateQueue = immediateQueue.slice(i + 1)),
+      throw (null !== syncQueue && (syncQueue = syncQueue.slice(i + 1)),
       Scheduler_scheduleCallback(
         Scheduler_ImmediatePriority,
-        flushImmediateQueue
+        flushSyncCallbackQueue
       ),
       error);
     } finally {
-      isFlushingImmediate = !1;
+      isFlushingSyncQueue = !1;
     }
   }
 }
@@ -1847,7 +1933,7 @@ function inferPriorityFromExpirationTime(currentTime, expirationTime) {
   if (1073741823 === expirationTime) return 99;
   if (1 === expirationTime) return 95;
   currentTime =
-    10 * (1073741822 - expirationTime) - 10 * (1073741822 - currentTime);
+    10 * (1073741821 - expirationTime) - 10 * (1073741821 - currentTime);
   return 0 >= currentTime
     ? 99
     : 250 >= currentTime
@@ -1856,271 +1942,81 @@ function inferPriorityFromExpirationTime(currentTime, expirationTime) {
         ? 97
         : 95;
 }
-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.index = 0;
-  this.ref = null;
-  this.pendingProps = pendingProps;
-  this.contextDependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
-  this.mode = mode;
-  this.effectTag = 0;
-  this.lastEffect = this.firstEffect = this.nextEffect = null;
-  this.childExpirationTime = this.expirationTime = 0;
-  this.alternate = null;
-  this.actualDuration = 0;
-  this.actualStartTime = -1;
-  this.treeBaseDuration = this.selfBaseDuration = 0;
+function is(x, y) {
+  return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
 }
-function createFiber(tag, pendingProps, key, mode) {
-  return new FiberNode(tag, pendingProps, key, mode);
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+function shallowEqual(objA, objB) {
+  if (is(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++)
+    if (
+      !hasOwnProperty.call(objB, keysA[keysB]) ||
+      !is(objA[keysA[keysB]], objB[keysA[keysB]])
+    )
+      return !1;
+  return !0;
 }
-function shouldConstruct(Component) {
-  Component = Component.prototype;
-  return !(!Component || !Component.isReactComponent);
+function resolveDefaultProps(Component, baseProps) {
+  if (Component && Component.defaultProps) {
+    baseProps = Object.assign({}, baseProps);
+    Component = Component.defaultProps;
+    for (var propName in Component)
+      void 0 === baseProps[propName] &&
+        (baseProps[propName] = Component[propName]);
+  }
+  return baseProps;
 }
-function resolveLazyComponentTag(Component) {
-  if ("function" === typeof Component)
-    return shouldConstruct(Component) ? 1 : 0;
-  if (void 0 !== Component && null !== Component) {
-    Component = Component.$$typeof;
-    if (Component === REACT_FORWARD_REF_TYPE) return 11;
-    if (Component === REACT_MEMO_TYPE) return 14;
+function readLazyComponentType(lazyComponent) {
+  var result = lazyComponent._result;
+  switch (lazyComponent._status) {
+    case 1:
+      return result;
+    case 2:
+      throw result;
+    case 0:
+      throw result;
+    default:
+      lazyComponent._status = 0;
+      result = lazyComponent._ctor;
+      result = result();
+      result.then(
+        function(moduleObject) {
+          0 === lazyComponent._status &&
+            ((moduleObject = moduleObject.default),
+            (lazyComponent._status = 1),
+            (lazyComponent._result = moduleObject));
+        },
+        function(error) {
+          0 === lazyComponent._status &&
+            ((lazyComponent._status = 2), (lazyComponent._result = error));
+        }
+      );
+      switch (lazyComponent._status) {
+        case 1:
+          return lazyComponent._result;
+        case 2:
+          throw lazyComponent._result;
+      }
+      lazyComponent._result = result;
+      throw result;
   }
-  return 2;
 }
-function createWorkInProgress(current, pendingProps) {
-  var workInProgress = current.alternate;
-  null === workInProgress
-    ? ((workInProgress = createFiber(
-        current.tag,
-        pendingProps,
-        current.key,
-        current.mode
-      )),
-      (workInProgress.elementType = current.elementType),
-      (workInProgress.type = current.type),
-      (workInProgress.stateNode = current.stateNode),
-      (workInProgress.alternate = current),
-      (current.alternate = workInProgress))
-    : ((workInProgress.pendingProps = pendingProps),
-      (workInProgress.effectTag = 0),
-      (workInProgress.nextEffect = null),
-      (workInProgress.firstEffect = null),
-      (workInProgress.lastEffect = null),
-      (workInProgress.actualDuration = 0),
-      (workInProgress.actualStartTime = -1));
-  workInProgress.childExpirationTime = current.childExpirationTime;
-  workInProgress.expirationTime = current.expirationTime;
-  workInProgress.child = current.child;
-  workInProgress.memoizedProps = current.memoizedProps;
-  workInProgress.memoizedState = current.memoizedState;
-  workInProgress.updateQueue = current.updateQueue;
-  workInProgress.contextDependencies = current.contextDependencies;
-  workInProgress.sibling = current.sibling;
-  workInProgress.index = current.index;
-  workInProgress.ref = current.ref;
-  workInProgress.selfBaseDuration = current.selfBaseDuration;
-  workInProgress.treeBaseDuration = current.treeBaseDuration;
-  return workInProgress;
-}
-function createFiberFromTypeAndProps(
-  type,
-  key,
-  pendingProps,
-  owner,
-  mode,
-  expirationTime
-) {
-  var fiberTag = 2;
-  owner = type;
-  if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
-  else if ("string" === typeof type) fiberTag = 5;
-  else
-    a: switch (type) {
-      case REACT_FRAGMENT_TYPE:
-        return createFiberFromFragment(
-          pendingProps.children,
-          mode,
-          expirationTime,
-          key
-        );
-      case REACT_CONCURRENT_MODE_TYPE:
-        return createFiberFromMode(pendingProps, mode | 3, expirationTime, key);
-      case REACT_STRICT_MODE_TYPE:
-        return createFiberFromMode(pendingProps, mode | 2, expirationTime, key);
-      case REACT_PROFILER_TYPE:
-        return (
-          (type = createFiber(12, pendingProps, key, mode | 4)),
-          (type.elementType = REACT_PROFILER_TYPE),
-          (type.type = REACT_PROFILER_TYPE),
-          (type.expirationTime = expirationTime),
-          type
-        );
-      case REACT_SUSPENSE_TYPE:
-        return (
-          (type = createFiber(13, pendingProps, key, mode)),
-          (type.elementType = REACT_SUSPENSE_TYPE),
-          (type.type = REACT_SUSPENSE_TYPE),
-          (type.expirationTime = expirationTime),
-          type
-        );
-      default:
-        if ("object" === typeof type && null !== type)
-          switch (type.$$typeof) {
-            case REACT_PROVIDER_TYPE:
-              fiberTag = 10;
-              break a;
-            case REACT_CONTEXT_TYPE:
-              fiberTag = 9;
-              break a;
-            case REACT_FORWARD_REF_TYPE:
-              fiberTag = 11;
-              break a;
-            case REACT_MEMO_TYPE:
-              fiberTag = 14;
-              break a;
-            case REACT_LAZY_TYPE:
-              fiberTag = 16;
-              owner = null;
-              break a;
-          }
-        throw ReactError(
-          "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
-            (null == type ? type : typeof type) +
-            "."
-        );
-    }
-  key = createFiber(fiberTag, pendingProps, key, mode);
-  key.elementType = type;
-  key.type = owner;
-  key.expirationTime = expirationTime;
-  return key;
-}
-function createFiberFromFragment(elements, mode, expirationTime, key) {
-  elements = createFiber(7, elements, key, mode);
-  elements.expirationTime = expirationTime;
-  return elements;
-}
-function createFiberFromMode(pendingProps, mode, expirationTime, key) {
-  pendingProps = createFiber(8, pendingProps, key, mode);
-  mode = 0 === (mode & 1) ? REACT_STRICT_MODE_TYPE : REACT_CONCURRENT_MODE_TYPE;
-  pendingProps.elementType = mode;
-  pendingProps.type = mode;
-  pendingProps.expirationTime = expirationTime;
-  return pendingProps;
-}
-function createFiberFromText(content, mode, expirationTime) {
-  content = createFiber(6, content, null, mode);
-  content.expirationTime = expirationTime;
-  return content;
-}
-function createFiberFromPortal(portal, mode, expirationTime) {
-  mode = createFiber(
-    4,
-    null !== portal.children ? portal.children : [],
-    portal.key,
-    mode
-  );
-  mode.expirationTime = expirationTime;
-  mode.stateNode = {
-    containerInfo: portal.containerInfo,
-    pendingChildren: null,
-    implementation: portal.implementation
-  };
-  return mode;
-}
-function FiberRootNode(containerInfo, hydrate) {
-  this.current = null;
-  this.containerInfo = containerInfo;
-  this.pingCache = this.pendingChildren = null;
-  this.pendingCommitExpirationTime = 0;
-  this.finishedWork = null;
-  this.timeoutHandle = -1;
-  this.pendingContext = this.context = null;
-  this.hydrate = hydrate;
-  this.callbackNode = this.firstBatch = null;
-  this.pingTime = this.lastPendingTime = this.firstPendingTime = this.callbackExpirationTime = 0;
-  this.interactionThreadID = tracing.unstable_getThreadID();
-  this.memoizedInteractions = new Set();
-  this.pendingInteractionMap = new Map();
-}
-function is(x, y) {
-  return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
-}
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-function shallowEqual(objA, objB) {
-  if (is(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++)
-    if (
-      !hasOwnProperty.call(objB, keysA[keysB]) ||
-      !is(objA[keysA[keysB]], objB[keysA[keysB]])
-    )
-      return !1;
-  return !0;
-}
-function resolveDefaultProps(Component, baseProps) {
-  if (Component && Component.defaultProps) {
-    baseProps = Object.assign({}, baseProps);
-    Component = Component.defaultProps;
-    for (var propName in Component)
-      void 0 === baseProps[propName] &&
-        (baseProps[propName] = Component[propName]);
-  }
-  return baseProps;
-}
-function readLazyComponentType(lazyComponent) {
-  var result = lazyComponent._result;
-  switch (lazyComponent._status) {
-    case 1:
-      return result;
-    case 2:
-      throw result;
-    case 0:
-      throw result;
-    default:
-      lazyComponent._status = 0;
-      result = lazyComponent._ctor;
-      result = result();
-      result.then(
-        function(moduleObject) {
-          0 === lazyComponent._status &&
-            ((moduleObject = moduleObject.default),
-            (lazyComponent._status = 1),
-            (lazyComponent._result = moduleObject));
-        },
-        function(error) {
-          0 === lazyComponent._status &&
-            ((lazyComponent._status = 2), (lazyComponent._result = error));
-        }
-      );
-      switch (lazyComponent._status) {
-        case 1:
-          return lazyComponent._result;
-        case 2:
-          throw lazyComponent._result;
-      }
-      lazyComponent._result = result;
-      throw result;
-  }
-}
-var valueCursor = { current: null },
-  currentlyRenderingFiber = null,
-  lastContextDependency = null,
-  lastContextWithAllBitsObserved = null;
-function resetContextDependences() {
-  lastContextWithAllBitsObserved = lastContextDependency = currentlyRenderingFiber = null;
+var valueCursor = { current: null },
+  currentlyRenderingFiber = null,
+  lastContextDependency = null,
+  lastContextWithAllBitsObserved = null;
+function resetContextDependencies() {
+  lastContextWithAllBitsObserved = lastContextDependency = currentlyRenderingFiber = null;
 }
 function pushProvider(providerFiber, nextValue) {
   var context = providerFiber.type._context;
@@ -2132,14 +2028,32 @@ function popProvider(providerFiber) {
   pop(valueCursor, providerFiber);
   providerFiber.type._context._currentValue2 = currentValue;
 }
+function scheduleWorkOnParentPath(parent, renderExpirationTime) {
+  for (; null !== parent; ) {
+    var alternate = parent.alternate;
+    if (parent.childExpirationTime < renderExpirationTime)
+      (parent.childExpirationTime = renderExpirationTime),
+        null !== alternate &&
+          alternate.childExpirationTime < renderExpirationTime &&
+          (alternate.childExpirationTime = renderExpirationTime);
+    else if (
+      null !== alternate &&
+      alternate.childExpirationTime < renderExpirationTime
+    )
+      alternate.childExpirationTime = renderExpirationTime;
+    else break;
+    parent = parent.return;
+  }
+}
 function prepareToReadContext(workInProgress, renderExpirationTime) {
   currentlyRenderingFiber = workInProgress;
   lastContextWithAllBitsObserved = lastContextDependency = null;
-  var currentDependencies = workInProgress.contextDependencies;
-  null !== currentDependencies &&
-    currentDependencies.expirationTime >= renderExpirationTime &&
-    (didReceiveUpdate = !0);
-  workInProgress.contextDependencies = null;
+  workInProgress = workInProgress.dependencies;
+  null !== workInProgress &&
+    null !== workInProgress.firstContext &&
+    (workInProgress.expirationTime >= renderExpirationTime &&
+      (didReceiveUpdate = !0),
+    (workInProgress.firstContext = null));
 }
 function readContext(context, observedBits) {
   if (
@@ -2153,12 +2067,15 @@ function readContext(context, observedBits) {
     if (null === lastContextDependency) {
       if (null === currentlyRenderingFiber)
         throw ReactError(
-          "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()."
+          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 = observedBits;
-      currentlyRenderingFiber.contextDependencies = {
-        first: observedBits,
-        expirationTime: 0
+      currentlyRenderingFiber.dependencies = {
+        expirationTime: 0,
+        firstContext: observedBits,
+        responders: null
       };
     } else lastContextDependency = lastContextDependency.next = observedBits;
   }
@@ -2191,9 +2108,10 @@ function cloneUpdateQueue(currentQueue) {
     lastCapturedEffect: null
   };
 }
-function createUpdate(expirationTime) {
+function createUpdate(expirationTime, suspenseConfig) {
   return {
     expirationTime: expirationTime,
+    suspenseConfig: suspenseConfig,
     tag: 0,
     payload: null,
     callback: null,
@@ -2309,8 +2227,10 @@ function processUpdateQueue(
           ((newFirstUpdate = update), (newBaseState = resultState)),
         newExpirationTime < updateExpirationTime &&
           (newExpirationTime = updateExpirationTime))
-      : (updateExpirationTime < workInProgressRootMostRecentEventTime &&
-          (workInProgressRootMostRecentEventTime = updateExpirationTime),
+      : (markRenderEventTimeAndConfig(
+          updateExpirationTime,
+          update.suspenseConfig
+        ),
         (resultState = getStateFromUpdate(
           workInProgress,
           queue,
@@ -2386,15 +2306,18 @@ function commitUpdateEffects(effect, instance) {
       var context = instance;
       if ("function" !== typeof _callback3)
         throw ReactError(
-          "Invalid argument passed as callback. Expected a function. Instead received: " +
-            _callback3
+          Error(
+            "Invalid argument passed as callback. Expected a function. Instead received: " +
+              _callback3
+          )
         );
       _callback3.call(context);
     }
     effect = effect.nextEffect;
   }
 }
-var emptyRefsObject = new React.Component().refs;
+var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+  emptyRefsObject = new React.Component().refs;
 function applyDerivedStateFromProps(
   workInProgress,
   ctor,
@@ -2421,36 +2344,42 @@ var classComponentUpdater = {
   },
   enqueueSetState: function(inst, payload, callback) {
     inst = inst._reactInternalFiber;
-    var currentTime = requestCurrentTime();
-    currentTime = computeExpirationForFiber(currentTime, inst);
-    var update = createUpdate(currentTime);
-    update.payload = payload;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
-    enqueueUpdate(inst, update);
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.payload = payload;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
     scheduleUpdateOnFiber(inst, currentTime);
   },
   enqueueReplaceState: function(inst, payload, callback) {
     inst = inst._reactInternalFiber;
-    var currentTime = requestCurrentTime();
-    currentTime = computeExpirationForFiber(currentTime, inst);
-    var update = createUpdate(currentTime);
-    update.tag = 1;
-    update.payload = payload;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
-    enqueueUpdate(inst, update);
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.tag = 1;
+    suspenseConfig.payload = payload;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
     scheduleUpdateOnFiber(inst, currentTime);
   },
   enqueueForceUpdate: function(inst, callback) {
     inst = inst._reactInternalFiber;
-    var currentTime = requestCurrentTime();
-    currentTime = computeExpirationForFiber(currentTime, inst);
-    var update = createUpdate(currentTime);
-    update.tag = 2;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
-    enqueueUpdate(inst, update);
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.tag = 2;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
     scheduleUpdateOnFiber(inst, currentTime);
   }
 };
@@ -2579,15 +2508,19 @@ function coerceRef(returnFiber, current$$1, element) {
       if (element) {
         if (1 !== element.tag)
           throw ReactError(
-            "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            Error(
+              "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            )
           );
         inst = element.stateNode;
       }
       if (!inst)
         throw ReactError(
-          "Missing owner for string ref " +
-            returnFiber +
-            ". This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "Missing owner for string ref " +
+              returnFiber +
+              ". This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       var stringRef = "" + returnFiber;
       if (
@@ -2607,13 +2540,17 @@ function coerceRef(returnFiber, current$$1, element) {
     }
     if ("string" !== typeof returnFiber)
       throw ReactError(
-        "Expected ref to be a function, a string, an object returned by React.createRef(), or null."
+        Error(
+          "Expected ref to be a function, a string, an object returned by React.createRef(), or null."
+        )
       );
     if (!element._owner)
       throw ReactError(
-        "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://fb.me/react-refs-must-have-owner for more information."
+        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://fb.me/react-refs-must-have-owner for more information."
+        )
       );
   }
   return returnFiber;
@@ -2621,11 +2558,13 @@ function coerceRef(returnFiber, current$$1, element) {
 function throwOnInvalidObjectType(returnFiber, newChild) {
   if ("textarea" !== returnFiber.type)
     throw ReactError(
-      "Objects are not valid as a React child (found: " +
-        ("[object Object]" === Object.prototype.toString.call(newChild)
-          ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
-          : newChild) +
-        ")."
+      Error(
+        "Objects are not valid as a React child (found: " +
+          ("[object Object]" === Object.prototype.toString.call(newChild)
+            ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
+            : newChild) +
+          ")."
+      )
     );
 }
 function ChildReconciler(shouldTrackSideEffects) {
@@ -3028,11 +2967,13 @@ function ChildReconciler(shouldTrackSideEffects) {
     var iteratorFn = getIteratorFn(newChildrenIterable);
     if ("function" !== typeof iteratorFn)
       throw ReactError(
-        "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     newChildrenIterable = iteratorFn.call(newChildrenIterable);
     if (null == newChildrenIterable)
-      throw ReactError("An iterable object provided no iterator.");
+      throw ReactError(Error("An iterable object provided no iterator."));
     for (
       var previousNewFiber = (iteratorFn = null),
         oldFiber = currentFirstChild,
@@ -3267,8 +3208,10 @@ function ChildReconciler(shouldTrackSideEffects) {
         case 0:
           throw ((returnFiber = returnFiber.type),
           ReactError(
-            (returnFiber.displayName || returnFiber.name || "Component") +
-              "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null."
+            Error(
+              (returnFiber.displayName || returnFiber.name || "Component") +
+                "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null."
+            )
           ));
       }
     return deleteRemainingChildren(returnFiber, currentFirstChild);
@@ -3283,7 +3226,9 @@ var reconcileChildFibers = ChildReconciler(!0),
 function requiredContext(c) {
   if (c === NO_CONTEXT)
     throw ReactError(
-      "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+      Error(
+        "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+      )
     );
   return c;
 }
@@ -3321,6 +3266,34 @@ function popHostContext(fiber) {
   contextFiberStackCursor.current === fiber &&
     (pop(contextStackCursor$1, fiber), pop(contextFiberStackCursor, fiber));
 }
+var SubtreeSuspenseContextMask = 1,
+  InvisibleParentSuspenseContext = 1,
+  ForceSuspenseFallback = 2,
+  suspenseStackCursor = { current: 0 };
+function findFirstSuspended(row) {
+  for (var node = row; null !== node; ) {
+    if (13 === node.tag) {
+      if (null !== node.memoizedState) return node;
+    } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) {
+      if (0 !== (node.effectTag & 64)) return node;
+    } else if (null !== node.child) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === row) break;
+    for (; null === node.sibling; ) {
+      if (null === node.return || node.return === row) return null;
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+  return null;
+}
+function createResponderListener(responder, props) {
+  return { responder: responder, props: props };
+}
 var NoEffect$1 = 0,
   UnmountSnapshot = 2,
   UnmountMutation = 4,
@@ -3345,7 +3318,9 @@ var NoEffect$1 = 0,
   numberOfReRenders = 0;
 function throwInvalidHookError() {
   throw ReactError(
-    "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://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
+    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://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
+    )
   );
 }
 function areHookInputsEqual(nextDeps, prevDeps) {
@@ -3395,7 +3370,9 @@ function renderWithHooks(
   sideEffectTag = 0;
   if (current)
     throw ReactError(
-      "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
+      Error(
+        "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
+      )
     );
   return workInProgress;
 }
@@ -3431,7 +3408,9 @@ function updateWorkInProgressHook() {
       (nextCurrentHook = null !== currentHook ? currentHook.next : null);
   else {
     if (null === nextCurrentHook)
-      throw ReactError("Rendered more hooks than during the previous render.");
+      throw ReactError(
+        Error("Rendered more hooks than during the previous render.")
+      );
     currentHook = nextCurrentHook;
     var newHook = {
       memoizedState: currentHook.memoizedState,
@@ -3456,7 +3435,9 @@ function updateReducer(reducer) {
     queue = hook.queue;
   if (null === queue)
     throw ReactError(
-      "Should have a queue. This is likely a bug in React. Please file an issue."
+      Error(
+        "Should have a queue. This is likely a bug in React. Please file an issue."
+      )
     );
   queue.lastRenderedReducer = reducer;
   if (0 < numberOfReRenders) {
@@ -3499,8 +3480,10 @@ function updateReducer(reducer) {
             (firstRenderPhaseUpdate = newState)),
           updateExpirationTime > remainingExpirationTime &&
             (remainingExpirationTime = updateExpirationTime))
-        : (updateExpirationTime < workInProgressRootMostRecentEventTime &&
-            (workInProgressRootMostRecentEventTime = updateExpirationTime),
+        : (markRenderEventTimeAndConfig(
+            updateExpirationTime,
+            _update.suspenseConfig
+          ),
           (newState =
             _update.eagerReducer === reducer
               ? _update.eagerState
@@ -3579,7 +3562,9 @@ function mountDebugValue() {}
 function dispatchAction(fiber, queue, action) {
   if (!(25 > numberOfReRenders))
     throw ReactError(
-      "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+      Error(
+        "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+      )
     );
   var alternate = fiber.alternate;
   if (
@@ -3590,6 +3575,7 @@ function dispatchAction(fiber, queue, action) {
       ((didScheduleRenderPhaseUpdate = !0),
       (fiber = {
         expirationTime: renderExpirationTime$1,
+        suspenseConfig: null,
         action: action,
         eagerReducer: null,
         eagerState: null,
@@ -3605,24 +3591,29 @@ function dispatchAction(fiber, queue, action) {
       queue.next = fiber;
     }
   else {
-    flushPassiveEffects();
-    var currentTime = requestCurrentTime();
-    currentTime = computeExpirationForFiber(currentTime, fiber);
-    var _update2 = {
-        expirationTime: currentTime,
-        action: action,
-        eagerReducer: null,
-        eagerState: null,
-        next: null
-      },
-      _last = queue.last;
-    if (null === _last) _update2.next = _update2;
+    var currentTime = requestCurrentTime(),
+      _suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      _suspenseConfig
+    );
+    _suspenseConfig = {
+      expirationTime: currentTime,
+      suspenseConfig: _suspenseConfig,
+      action: action,
+      eagerReducer: null,
+      eagerState: null,
+      next: null
+    };
+    var _last = queue.last;
+    if (null === _last) _suspenseConfig.next = _suspenseConfig;
     else {
       var first = _last.next;
-      null !== first && (_update2.next = first);
-      _last.next = _update2;
+      null !== first && (_suspenseConfig.next = first);
+      _last.next = _suspenseConfig;
     }
-    queue.last = _update2;
+    queue.last = _suspenseConfig;
     if (
       0 === fiber.expirationTime &&
       (null === alternate || 0 === alternate.expirationTime) &&
@@ -3631,8 +3622,8 @@ function dispatchAction(fiber, queue, action) {
       try {
         var currentState = queue.lastRenderedState,
           _eagerState = alternate(currentState, action);
-        _update2.eagerReducer = alternate;
-        _update2.eagerState = _eagerState;
+        _suspenseConfig.eagerReducer = alternate;
+        _suspenseConfig.eagerState = _eagerState;
         if (is(_eagerState, currentState)) return;
       } catch (error) {
       } finally {
@@ -3651,7 +3642,8 @@ var ContextOnlyDispatcher = {
     useReducer: throwInvalidHookError,
     useRef: throwInvalidHookError,
     useState: throwInvalidHookError,
-    useDebugValue: throwInvalidHookError
+    useDebugValue: throwInvalidHookError,
+    useResponder: throwInvalidHookError
   },
   HooksDispatcherOnMount = {
     readContext: readContext,
@@ -3724,7 +3716,8 @@ var ContextOnlyDispatcher = {
       );
       return [hook.memoizedState, initialState];
     },
-    useDebugValue: mountDebugValue
+    useDebugValue: mountDebugValue,
+    useResponder: createResponderListener
   },
   HooksDispatcherOnUpdate = {
     readContext: readContext,
@@ -3778,7 +3771,8 @@ var ContextOnlyDispatcher = {
     useState: function(initialState) {
       return updateReducer(basicStateReducer, initialState);
     },
-    useDebugValue: mountDebugValue
+    useDebugValue: mountDebugValue,
+    useResponder: createResponderListener
   },
   now$1 = Scheduler.unstable_now,
   commitTime = 0,
@@ -4008,17 +4002,17 @@ function updateFunctionComponent(
   nextProps,
   renderExpirationTime
 ) {
-  var unmaskedContext = isContextProvider(Component)
+  var context = isContextProvider(Component)
     ? previousContext
     : contextStackCursor.current;
-  unmaskedContext = getMaskedContext(workInProgress, unmaskedContext);
+  context = getMaskedContext(workInProgress, context);
   prepareToReadContext(workInProgress, renderExpirationTime);
   Component = renderWithHooks(
     current$$1,
     workInProgress,
     Component,
     nextProps,
-    unmaskedContext,
+    context,
     renderExpirationTime
   );
   if (null !== current$$1 && !didReceiveUpdate)
@@ -4334,6 +4328,7 @@ function pushHostRootContext(workInProgress) {
       pushTopLevelContextObject(workInProgress, root.context, !1);
   pushHostContainer(workInProgress, root.containerInfo);
 }
+var SUSPENDED_MARKER = {};
 function updateSuspenseComponent(
   current$$1,
   workInProgress,
@@ -4341,35 +4336,50 @@ function updateSuspenseComponent(
 ) {
   var mode = workInProgress.mode,
     nextProps = workInProgress.pendingProps,
-    nextState = workInProgress.memoizedState;
-  if (0 === (workInProgress.effectTag & 64)) {
-    nextState = null;
-    var nextDidTimeout = !1;
-  } else
-    (nextState = {
-      fallbackExpirationTime:
-        null !== nextState ? nextState.fallbackExpirationTime : 0
-    }),
+    suspenseContext = suspenseStackCursor.current,
+    nextState = null,
+    nextDidTimeout = !1,
+    JSCompiler_temp;
+  (JSCompiler_temp = 0 !== (workInProgress.effectTag & 64)) ||
+    (JSCompiler_temp =
+      0 !== (suspenseContext & ForceSuspenseFallback) &&
+      (null === current$$1 || null !== current$$1.memoizedState));
+  JSCompiler_temp
+    ? ((nextState = SUSPENDED_MARKER),
       (nextDidTimeout = !0),
-      (workInProgress.effectTag &= -65);
+      (workInProgress.effectTag &= -65))
+    : (null !== current$$1 && null === current$$1.memoizedState) ||
+      void 0 === nextProps.fallback ||
+      !0 === nextProps.unstable_avoidThisFallback ||
+      (suspenseContext |= InvisibleParentSuspenseContext);
+  suspenseContext &= SubtreeSuspenseContextMask;
+  push(suspenseStackCursor, suspenseContext, workInProgress);
   if (null === current$$1)
     if (nextDidTimeout) {
-      var nextFallbackChildren = nextProps.fallback;
+      nextProps = nextProps.fallback;
       current$$1 = createFiberFromFragment(null, mode, 0, null);
-      0 === (workInProgress.mode & 1) &&
-        (current$$1.child =
-          null !== workInProgress.memoizedState
-            ? workInProgress.child.child
-            : workInProgress.child);
+      current$$1.return = workInProgress;
+      if (0 === (workInProgress.mode & 2))
+        for (
+          nextDidTimeout =
+            null !== workInProgress.memoizedState
+              ? workInProgress.child.child
+              : workInProgress.child,
+            current$$1.child = nextDidTimeout;
+          null !== nextDidTimeout;
+
+        )
+          (nextDidTimeout.return = current$$1),
+            (nextDidTimeout = nextDidTimeout.sibling);
       renderExpirationTime = createFiberFromFragment(
-        nextFallbackChildren,
+        nextProps,
         mode,
         renderExpirationTime,
         null
       );
+      renderExpirationTime.return = workInProgress;
       current$$1.sibling = renderExpirationTime;
       mode = current$$1;
-      mode.return = renderExpirationTime.return = workInProgress;
     } else
       mode = renderExpirationTime = mountChildFibers(
         workInProgress,
@@ -4380,121 +4390,261 @@ function updateSuspenseComponent(
   else {
     if (null !== current$$1.memoizedState)
       if (
-        ((nextFallbackChildren = current$$1.child),
-        (mode = nextFallbackChildren.sibling),
+        ((suspenseContext = current$$1.child),
+        (mode = suspenseContext.sibling),
         nextDidTimeout)
       ) {
         nextProps = nextProps.fallback;
         renderExpirationTime = createWorkInProgress(
-          nextFallbackChildren,
-          nextFallbackChildren.pendingProps,
+          suspenseContext,
+          suspenseContext.pendingProps,
           0
         );
-        0 === (workInProgress.mode & 1) &&
+        renderExpirationTime.return = workInProgress;
+        if (
+          0 === (workInProgress.mode & 2) &&
           ((nextDidTimeout =
             null !== workInProgress.memoizedState
               ? workInProgress.child.child
               : workInProgress.child),
-          nextDidTimeout !== nextFallbackChildren.child &&
-            (renderExpirationTime.child = nextDidTimeout));
-        if (workInProgress.mode & 4) {
-          nextFallbackChildren = 0;
+          nextDidTimeout !== suspenseContext.child)
+        )
           for (
-            nextDidTimeout = renderExpirationTime.child;
+            renderExpirationTime.child = nextDidTimeout;
             null !== nextDidTimeout;
 
           )
-            (nextFallbackChildren += nextDidTimeout.treeBaseDuration),
+            (nextDidTimeout.return = renderExpirationTime),
               (nextDidTimeout = nextDidTimeout.sibling);
-          renderExpirationTime.treeBaseDuration = nextFallbackChildren;
+        if (workInProgress.mode & 8) {
+          nextDidTimeout = 0;
+          for (
+            suspenseContext = renderExpirationTime.child;
+            null !== suspenseContext;
+
+          )
+            (nextDidTimeout += suspenseContext.treeBaseDuration),
+              (suspenseContext = suspenseContext.sibling);
+          renderExpirationTime.treeBaseDuration = nextDidTimeout;
         }
-        nextFallbackChildren = renderExpirationTime.sibling = createWorkInProgress(
-          mode,
-          nextProps,
-          mode.expirationTime
-        );
+        nextProps = createWorkInProgress(mode, nextProps, mode.expirationTime);
+        nextProps.return = workInProgress;
+        renderExpirationTime.sibling = nextProps;
         mode = renderExpirationTime;
         renderExpirationTime.childExpirationTime = 0;
-        renderExpirationTime = nextFallbackChildren;
-        mode.return = renderExpirationTime.return = workInProgress;
+        renderExpirationTime = nextProps;
       } else
         mode = renderExpirationTime = reconcileChildFibers(
           workInProgress,
-          nextFallbackChildren.child,
+          suspenseContext.child,
           nextProps.children,
           renderExpirationTime
         );
-    else {
-      var _currentPrimaryChild = current$$1.child;
-      if (nextDidTimeout) {
-        nextProps = nextProps.fallback;
-        nextFallbackChildren = createFiberFromFragment(null, mode, 0, null);
-        nextFallbackChildren.child = _currentPrimaryChild;
-        0 === (workInProgress.mode & 1) &&
-          (nextFallbackChildren.child =
+    else if (((suspenseContext = current$$1.child), nextDidTimeout)) {
+      nextDidTimeout = nextProps.fallback;
+      nextProps = createFiberFromFragment(null, mode, 0, null);
+      nextProps.return = workInProgress;
+      nextProps.child = suspenseContext;
+      null !== suspenseContext && (suspenseContext.return = nextProps);
+      if (0 === (workInProgress.mode & 2))
+        for (
+          suspenseContext =
             null !== workInProgress.memoizedState
               ? workInProgress.child.child
-              : workInProgress.child);
-        if (workInProgress.mode & 4) {
-          nextDidTimeout = 0;
-          for (
-            _currentPrimaryChild = nextFallbackChildren.child;
-            null !== _currentPrimaryChild;
+              : workInProgress.child,
+            nextProps.child = suspenseContext;
+          null !== suspenseContext;
 
-          )
-            (nextDidTimeout += _currentPrimaryChild.treeBaseDuration),
-              (_currentPrimaryChild = _currentPrimaryChild.sibling);
-          nextFallbackChildren.treeBaseDuration = nextDidTimeout;
-        }
-        renderExpirationTime = nextFallbackChildren.sibling = createFiberFromFragment(
-          nextProps,
-          mode,
-          renderExpirationTime,
-          null
-        );
-        renderExpirationTime.effectTag |= 2;
-        mode = nextFallbackChildren;
-        nextFallbackChildren.childExpirationTime = 0;
-        mode.return = renderExpirationTime.return = workInProgress;
-      } else
-        renderExpirationTime = mode = reconcileChildFibers(
-          workInProgress,
-          _currentPrimaryChild,
-          nextProps.children,
-          renderExpirationTime
-        );
-    }
+        )
+          (suspenseContext.return = nextProps),
+            (suspenseContext = suspenseContext.sibling);
+      if (workInProgress.mode & 8) {
+        suspenseContext = 0;
+        for (JSCompiler_temp = nextProps.child; null !== JSCompiler_temp; )
+          (suspenseContext += JSCompiler_temp.treeBaseDuration),
+            (JSCompiler_temp = JSCompiler_temp.sibling);
+        nextProps.treeBaseDuration = suspenseContext;
+      }
+      renderExpirationTime = createFiberFromFragment(
+        nextDidTimeout,
+        mode,
+        renderExpirationTime,
+        null
+      );
+      renderExpirationTime.return = workInProgress;
+      nextProps.sibling = renderExpirationTime;
+      renderExpirationTime.effectTag |= 2;
+      mode = nextProps;
+      nextProps.childExpirationTime = 0;
+    } else
+      renderExpirationTime = mode = reconcileChildFibers(
+        workInProgress,
+        suspenseContext,
+        nextProps.children,
+        renderExpirationTime
+      );
     workInProgress.stateNode = current$$1.stateNode;
   }
   workInProgress.memoizedState = nextState;
   workInProgress.child = mode;
   return renderExpirationTime;
 }
-function bailoutOnAlreadyFinishedWork(
+function initSuspenseListRenderState(
+  workInProgress,
+  isBackwards,
+  tail,
+  lastContentRow,
+  tailMode
+) {
+  var renderState = workInProgress.memoizedState;
+  null === renderState
+    ? (workInProgress.memoizedState = {
+        isBackwards: isBackwards,
+        rendering: null,
+        last: lastContentRow,
+        tail: tail,
+        tailExpiration: 0,
+        tailMode: tailMode
+      })
+    : ((renderState.isBackwards = isBackwards),
+      (renderState.rendering = null),
+      (renderState.last = lastContentRow),
+      (renderState.tail = tail),
+      (renderState.tailExpiration = 0),
+      (renderState.tailMode = tailMode));
+}
+function updateSuspenseListComponent(
   current$$1,
   workInProgress,
   renderExpirationTime
 ) {
-  null !== current$$1 &&
-    (workInProgress.contextDependencies = current$$1.contextDependencies);
-  profilerStartTime = -1;
-  if (workInProgress.childExpirationTime < renderExpirationTime) return null;
-  if (null !== current$$1 && workInProgress.child !== current$$1.child)
-    throw ReactError("Resuming work not yet implemented.");
-  if (null !== workInProgress.child) {
-    current$$1 = workInProgress.child;
-    renderExpirationTime = createWorkInProgress(
-      current$$1,
-      current$$1.pendingProps,
-      current$$1.expirationTime
-    );
-    workInProgress.child = renderExpirationTime;
-    for (
-      renderExpirationTime.return = workInProgress;
-      null !== current$$1.sibling;
-
-    )
-      (current$$1 = current$$1.sibling),
+  var nextProps = workInProgress.pendingProps,
+    revealOrder = nextProps.revealOrder,
+    tailMode = nextProps.tail;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextProps.children,
+    renderExpirationTime
+  );
+  nextProps = suspenseStackCursor.current;
+  if (0 !== (nextProps & ForceSuspenseFallback))
+    (nextProps =
+      (nextProps & SubtreeSuspenseContextMask) | ForceSuspenseFallback),
+      (workInProgress.effectTag |= 64);
+  else {
+    if (null !== current$$1 && 0 !== (current$$1.effectTag & 64))
+      a: for (current$$1 = workInProgress.child; null !== current$$1; ) {
+        if (13 === current$$1.tag) {
+          if (null !== current$$1.memoizedState) {
+            current$$1.expirationTime < renderExpirationTime &&
+              (current$$1.expirationTime = renderExpirationTime);
+            var alternate = current$$1.alternate;
+            null !== alternate &&
+              alternate.expirationTime < renderExpirationTime &&
+              (alternate.expirationTime = renderExpirationTime);
+            scheduleWorkOnParentPath(current$$1.return, renderExpirationTime);
+          }
+        } else if (null !== current$$1.child) {
+          current$$1.child.return = current$$1;
+          current$$1 = current$$1.child;
+          continue;
+        }
+        if (current$$1 === workInProgress) break a;
+        for (; null === current$$1.sibling; ) {
+          if (
+            null === current$$1.return ||
+            current$$1.return === workInProgress
+          )
+            break a;
+          current$$1 = current$$1.return;
+        }
+        current$$1.sibling.return = current$$1.return;
+        current$$1 = current$$1.sibling;
+      }
+    nextProps &= SubtreeSuspenseContextMask;
+  }
+  push(suspenseStackCursor, nextProps, workInProgress);
+  if (0 === (workInProgress.mode & 2)) workInProgress.memoizedState = null;
+  else
+    switch (revealOrder) {
+      case "forwards":
+        renderExpirationTime = workInProgress.child;
+        for (revealOrder = null; null !== renderExpirationTime; )
+          (nextProps = renderExpirationTime.alternate),
+            null !== nextProps &&
+              null === findFirstSuspended(nextProps) &&
+              (revealOrder = renderExpirationTime),
+            (renderExpirationTime = renderExpirationTime.sibling);
+        renderExpirationTime = revealOrder;
+        null === renderExpirationTime
+          ? ((revealOrder = workInProgress.child),
+            (workInProgress.child = null))
+          : ((revealOrder = renderExpirationTime.sibling),
+            (renderExpirationTime.sibling = null));
+        initSuspenseListRenderState(
+          workInProgress,
+          !1,
+          revealOrder,
+          renderExpirationTime,
+          tailMode
+        );
+        break;
+      case "backwards":
+        renderExpirationTime = null;
+        revealOrder = workInProgress.child;
+        for (workInProgress.child = null; null !== revealOrder; ) {
+          nextProps = revealOrder.alternate;
+          if (null !== nextProps && null === findFirstSuspended(nextProps)) {
+            workInProgress.child = revealOrder;
+            break;
+          }
+          nextProps = revealOrder.sibling;
+          revealOrder.sibling = renderExpirationTime;
+          renderExpirationTime = revealOrder;
+          revealOrder = nextProps;
+        }
+        initSuspenseListRenderState(
+          workInProgress,
+          !0,
+          renderExpirationTime,
+          null,
+          tailMode
+        );
+        break;
+      case "together":
+        initSuspenseListRenderState(workInProgress, !1, null, null, void 0);
+        break;
+      default:
+        workInProgress.memoizedState = null;
+    }
+  return workInProgress.child;
+}
+function bailoutOnAlreadyFinishedWork(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  null !== current$$1 &&
+    (workInProgress.dependencies = current$$1.dependencies);
+  profilerStartTime = -1;
+  if (workInProgress.childExpirationTime < renderExpirationTime) return null;
+  if (null !== current$$1 && workInProgress.child !== current$$1.child)
+    throw ReactError(Error("Resuming work not yet implemented."));
+  if (null !== workInProgress.child) {
+    current$$1 = workInProgress.child;
+    renderExpirationTime = createWorkInProgress(
+      current$$1,
+      current$$1.pendingProps,
+      current$$1.expirationTime
+    );
+    workInProgress.child = renderExpirationTime;
+    for (
+      renderExpirationTime.return = workInProgress;
+      null !== current$$1.sibling;
+
+    )
+      (current$$1 = current$$1.sibling),
         (renderExpirationTime = renderExpirationTime.sibling = createWorkInProgress(
           current$$1,
           current$$1.pendingProps,
@@ -4526,12 +4676,12 @@ appendAllChildren = function(
           node.memoizedProps,
           node
         ));
-      FabricUIManager.appendChild(parent.node, instance.node);
+      appendChildNode(parent.node, instance.node);
     } else if (6 === node.tag) {
       instance = node.stateNode;
       if (needsVisibilityToggle && isHidden)
         throw Error("Not yet implemented.");
-      FabricUIManager.appendChild(parent.node, instance.node);
+      appendChildNode(parent.node, instance.node);
     } else if (4 !== node.tag) {
       if (
         13 === node.tag &&
@@ -4584,12 +4734,12 @@ function appendAllChildrenToContainer(
           node.memoizedProps,
           node
         ));
-      FabricUIManager.appendChildToSet(containerChildSet, instance.node);
+      appendChildNodeToSet(containerChildSet, instance.node);
     } else if (6 === node.tag) {
       instance = node.stateNode;
       if (needsVisibilityToggle && isHidden)
         throw Error("Not yet implemented.");
-      FabricUIManager.appendChildToSet(containerChildSet, instance.node);
+      appendChildNodeToSet(containerChildSet, instance.node);
     } else if (4 !== node.tag) {
       if (
         13 === node.tag &&
@@ -4634,11 +4784,11 @@ updateHostContainer = function(workInProgress) {
   var portalOrRoot = workInProgress.stateNode;
   if (null !== workInProgress.firstEffect) {
     var container = portalOrRoot.containerInfo,
-      newChildSet = FabricUIManager.createChildSet(container);
+      newChildSet = createChildNodeSet(container);
     appendAllChildrenToContainer(newChildSet, workInProgress, !1, !1);
     portalOrRoot.pendingChildren = newChildSet;
     workInProgress.effectTag |= 4;
-    FabricUIManager.completeRoot(container, newChildSet);
+    completeRoot(container, newChildSet);
   }
 };
 updateHostComponent$1 = function(current, workInProgress, type, newProps) {
@@ -4666,17 +4816,11 @@ updateHostComponent$1 = function(current, workInProgress, type, newProps) {
         (type = {
           node: current
             ? null !== newProps
-              ? FabricUIManager.cloneNodeWithNewProps(
-                  recyclableInstance,
-                  newProps
-                )
-              : FabricUIManager.cloneNode(recyclableInstance)
+              ? cloneNodeWithNewProps(recyclableInstance, newProps)
+              : cloneNode(recyclableInstance)
             : null !== newProps
-              ? FabricUIManager.cloneNodeWithNewChildrenAndProps(
-                  recyclableInstance,
-                  newProps
-                )
-              : FabricUIManager.cloneNodeWithNewChildren(recyclableInstance),
+              ? cloneNodeWithNewChildrenAndProps(recyclableInstance, newProps)
+              : cloneNodeWithNewChildren(recyclableInstance),
           canonical: type.canonical
         }),
         (workInProgress.stateNode = type),
@@ -4697,6 +4841,30 @@ updateHostText$1 = function(current, workInProgress, oldText, newText) {
     )),
     (workInProgress.effectTag |= 4));
 };
+function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
+  switch (renderState.tailMode) {
+    case "hidden":
+      hasRenderedATailFallback = renderState.tail;
+      for (var lastTailNode = null; null !== hasRenderedATailFallback; )
+        null !== hasRenderedATailFallback.alternate &&
+          (lastTailNode = hasRenderedATailFallback),
+          (hasRenderedATailFallback = hasRenderedATailFallback.sibling);
+      null === lastTailNode
+        ? (renderState.tail = null)
+        : (lastTailNode.sibling = null);
+      break;
+    case "collapsed":
+      lastTailNode = renderState.tail;
+      for (var _lastTailNode = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (_lastTailNode = lastTailNode),
+          (lastTailNode = lastTailNode.sibling);
+      null === _lastTailNode
+        ? hasRenderedATailFallback || null === renderState.tail
+          ? (renderState.tail = null)
+          : (renderState.tail.sibling = null)
+        : (_lastTailNode.sibling = null);
+  }
+}
 function completeWork(current, workInProgress, renderExpirationTime) {
   var newProps = workInProgress.pendingProps;
   switch (workInProgress.tag) {
@@ -4723,15 +4891,17 @@ function completeWork(current, workInProgress, renderExpirationTime) {
       break;
     case 5:
       popHostContext(workInProgress);
-      renderExpirationTime = requiredContext(rootInstanceStackCursor.current);
-      var type = workInProgress.type;
+      var rootContainerInstance = requiredContext(
+        rootInstanceStackCursor.current
+      );
+      renderExpirationTime = workInProgress.type;
       if (null !== current && null != workInProgress.stateNode)
         updateHostComponent$1(
           current,
           workInProgress,
-          type,
+          renderExpirationTime,
           newProps,
-          renderExpirationTime
+          rootContainerInstance
         ),
           current.ref !== workInProgress.ref &&
             (workInProgress.effectTag |= 128);
@@ -4739,33 +4909,35 @@ function completeWork(current, workInProgress, renderExpirationTime) {
         requiredContext(contextStackCursor$1.current);
         current = nextReactTag;
         nextReactTag += 2;
-        type = ReactNativeViewConfigRegistry.get(type);
+        renderExpirationTime = getViewConfigForType(renderExpirationTime);
         var updatePayload = diffProperties(
           null,
           emptyObject,
           newProps,
-          type.validAttributes
+          renderExpirationTime.validAttributes
         );
-        renderExpirationTime = FabricUIManager.createNode(
+        rootContainerInstance = createNode(
           current,
-          type.uiViewClassName,
-          renderExpirationTime,
+          renderExpirationTime.uiViewClassName,
+          rootContainerInstance,
           updatePayload,
           workInProgress
         );
         current = new ReactFabricHostComponent(
           current,
-          type,
+          renderExpirationTime,
           newProps,
           workInProgress
         );
-        current = { node: renderExpirationTime, canonical: current };
+        current = { node: rootContainerInstance, canonical: current };
         appendAllChildren(current, workInProgress, !1, !1);
         workInProgress.stateNode = current;
         null !== workInProgress.ref && (workInProgress.effectTag |= 128);
       } else if (null === workInProgress.stateNode)
         throw ReactError(
-          "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       break;
     case 6:
@@ -4779,14 +4951,16 @@ function completeWork(current, workInProgress, renderExpirationTime) {
       else {
         if ("string" !== typeof newProps && null === workInProgress.stateNode)
           throw ReactError(
-            "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+            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);
-        renderExpirationTime = requiredContext(contextStackCursor$1.current);
+        rootContainerInstance = requiredContext(contextStackCursor$1.current);
         workInProgress.stateNode = createTextInstance(
           newProps,
           current,
-          renderExpirationTime,
+          rootContainerInstance,
           workInProgress
         );
       }
@@ -4794,35 +4968,41 @@ function completeWork(current, workInProgress, renderExpirationTime) {
     case 11:
       break;
     case 13:
+      pop(suspenseStackCursor, workInProgress);
       newProps = workInProgress.memoizedState;
       if (0 !== (workInProgress.effectTag & 64))
         return (
           (workInProgress.expirationTime = renderExpirationTime), workInProgress
         );
       newProps = null !== newProps;
-      renderExpirationTime = !1;
+      rootContainerInstance = !1;
       null !== current &&
-        ((type = current.memoizedState),
-        (renderExpirationTime = null !== type),
+        ((renderExpirationTime = current.memoizedState),
+        (rootContainerInstance = null !== renderExpirationTime),
         newProps ||
-          null === type ||
-          ((type = type.fallbackExpirationTime),
-          type < workInProgressRootMostRecentEventTime &&
-            (workInProgressRootMostRecentEventTime = type),
-          (current = current.child.sibling),
-          null !== current &&
-            ((type = workInProgress.firstEffect),
-            null !== type
-              ? ((workInProgress.firstEffect = current),
-                (current.nextEffect = type))
-              : ((workInProgress.firstEffect = workInProgress.lastEffect = current),
-                (current.nextEffect = null)),
-            (current.effectTag = 8))));
-      newProps &&
-        !renderExpirationTime &&
-        0 !== (workInProgress.mode & 1) &&
-        workInProgressRootExitStatus === RootIncomplete &&
-        (workInProgressRootExitStatus = RootSuspended);
+          null === renderExpirationTime ||
+          ((renderExpirationTime = current.child.sibling),
+          null !== renderExpirationTime &&
+            ((updatePayload = workInProgress.firstEffect),
+            null !== updatePayload
+              ? ((workInProgress.firstEffect = renderExpirationTime),
+                (renderExpirationTime.nextEffect = updatePayload))
+              : ((workInProgress.firstEffect = workInProgress.lastEffect = renderExpirationTime),
+                (renderExpirationTime.nextEffect = null)),
+            (renderExpirationTime.effectTag = 8))));
+      if (newProps && !rootContainerInstance && 0 !== (workInProgress.mode & 2))
+        if (
+          (null === current &&
+            !0 !== workInProgress.memoizedProps.unstable_avoidThisFallback) ||
+          0 !== (suspenseStackCursor.current & InvisibleParentSuspenseContext)
+        )
+          workInProgressRootExitStatus === RootIncomplete &&
+            (workInProgressRootExitStatus = RootSuspended);
+        else if (
+          workInProgressRootExitStatus === RootIncomplete ||
+          workInProgressRootExitStatus === RootSuspended
+        )
+          workInProgressRootExitStatus = RootSuspendedWithDelay;
       newProps && (workInProgress.effectTag |= 4);
       break;
     case 7:
@@ -4848,16 +5028,195 @@ function completeWork(current, workInProgress, renderExpirationTime) {
     case 18:
       break;
     case 19:
+      pop(suspenseStackCursor, workInProgress);
+      newProps = workInProgress.memoizedState;
+      if (null === newProps) break;
+      rootContainerInstance = 0 !== (workInProgress.effectTag & 64);
+      updatePayload = newProps.rendering;
+      if (null === updatePayload)
+        if (rootContainerInstance) cutOffTailIfNeeded(newProps, !1);
+        else {
+          if (
+            workInProgressRootExitStatus !== RootIncomplete ||
+            (null !== current && 0 !== (current.effectTag & 64))
+          )
+            for (current = workInProgress.child; null !== current; ) {
+              updatePayload = findFirstSuspended(current);
+              if (null !== updatePayload) {
+                workInProgress.effectTag |= 64;
+                cutOffTailIfNeeded(newProps, !1);
+                current = updatePayload.updateQueue;
+                null !== current &&
+                  ((workInProgress.updateQueue = current),
+                  (workInProgress.effectTag |= 4));
+                workInProgress.firstEffect = workInProgress.lastEffect = null;
+                current = renderExpirationTime;
+                for (newProps = workInProgress.child; null !== newProps; )
+                  (rootContainerInstance = newProps),
+                    (updatePayload = current),
+                    (rootContainerInstance.effectTag &= 2),
+                    (rootContainerInstance.nextEffect = null),
+                    (rootContainerInstance.firstEffect = null),
+                    (rootContainerInstance.lastEffect = null),
+                    (renderExpirationTime = rootContainerInstance.alternate),
+                    null === renderExpirationTime
+                      ? ((rootContainerInstance.childExpirationTime = 0),
+                        (rootContainerInstance.expirationTime = updatePayload),
+                        (rootContainerInstance.child = null),
+                        (rootContainerInstance.memoizedProps = null),
+                        (rootContainerInstance.memoizedState = null),
+                        (rootContainerInstance.updateQueue = null),
+                        (rootContainerInstance.dependencies = null),
+                        (rootContainerInstance.selfBaseDuration = 0),
+                        (rootContainerInstance.treeBaseDuration = 0))
+                      : ((rootContainerInstance.childExpirationTime =
+                          renderExpirationTime.childExpirationTime),
+                        (rootContainerInstance.expirationTime =
+                          renderExpirationTime.expirationTime),
+                        (rootContainerInstance.child =
+                          renderExpirationTime.child),
+                        (rootContainerInstance.memoizedProps =
+                          renderExpirationTime.memoizedProps),
+                        (rootContainerInstance.memoizedState =
+                          renderExpirationTime.memoizedState),
+                        (rootContainerInstance.updateQueue =
+                          renderExpirationTime.updateQueue),
+                        (updatePayload = renderExpirationTime.dependencies),
+                        (rootContainerInstance.dependencies =
+                          null === updatePayload
+                            ? null
+                            : {
+                                expirationTime: updatePayload.expirationTime,
+                                firstContext: updatePayload.firstContext,
+                                responders: updatePayload.responders
+                              }),
+                        (rootContainerInstance.selfBaseDuration =
+                          renderExpirationTime.selfBaseDuration),
+                        (rootContainerInstance.treeBaseDuration =
+                          renderExpirationTime.treeBaseDuration)),
+                    (newProps = newProps.sibling);
+                push(
+                  suspenseStackCursor,
+                  (suspenseStackCursor.current & SubtreeSuspenseContextMask) |
+                    ForceSuspenseFallback,
+                  workInProgress
+                );
+                return workInProgress.child;
+              }
+              current = current.sibling;
+            }
+        }
+      else {
+        if (!rootContainerInstance)
+          if (
+            ((current = findFirstSuspended(updatePayload)), null !== current)
+          ) {
+            if (
+              ((workInProgress.effectTag |= 64),
+              (rootContainerInstance = !0),
+              cutOffTailIfNeeded(newProps, !0),
+              null === newProps.tail && "hidden" === newProps.tailMode)
+            ) {
+              current = current.updateQueue;
+              null !== current &&
+                ((workInProgress.updateQueue = current),
+                (workInProgress.effectTag |= 4));
+              workInProgress = workInProgress.lastEffect = newProps.lastEffect;
+              null !== workInProgress && (workInProgress.nextEffect = null);
+              break;
+            }
+          } else
+            now() > newProps.tailExpiration &&
+              1 < renderExpirationTime &&
+              ((workInProgress.effectTag |= 64),
+              (rootContainerInstance = !0),
+              cutOffTailIfNeeded(newProps, !1),
+              (current = renderExpirationTime - 1),
+              (workInProgress.expirationTime = workInProgress.childExpirationTime = current),
+              null === spawnedWorkDuringRender
+                ? (spawnedWorkDuringRender = [current])
+                : spawnedWorkDuringRender.push(current));
+        newProps.isBackwards
+          ? ((updatePayload.sibling = workInProgress.child),
+            (workInProgress.child = updatePayload))
+          : ((current = newProps.last),
+            null !== current
+              ? (current.sibling = updatePayload)
+              : (workInProgress.child = updatePayload),
+            (newProps.last = updatePayload));
+      }
+      if (null !== newProps.tail)
+        return (
+          0 === newProps.tailExpiration &&
+            (newProps.tailExpiration = now() + 500),
+          (current = newProps.tail),
+          (newProps.rendering = current),
+          (newProps.tail = current.sibling),
+          (newProps.lastEffect = workInProgress.lastEffect),
+          (current.sibling = null),
+          (newProps = suspenseStackCursor.current),
+          (newProps = rootContainerInstance
+            ? (newProps & SubtreeSuspenseContextMask) | ForceSuspenseFallback
+            : newProps & SubtreeSuspenseContextMask),
+          push(suspenseStackCursor, newProps, workInProgress),
+          current
+        );
       break;
     case 20:
       break;
     default:
       throw ReactError(
-        "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
   }
   return null;
 }
+function unwindWork(workInProgress) {
+  switch (workInProgress.tag) {
+    case 1:
+      isContextProvider(workInProgress.type) && popContext(workInProgress);
+      var effectTag = workInProgress.effectTag;
+      return effectTag & 2048
+        ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
+          workInProgress)
+        : null;
+    case 3:
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      effectTag = workInProgress.effectTag;
+      if (0 !== (effectTag & 64))
+        throw ReactError(
+          Error(
+            "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
+          )
+        );
+      workInProgress.effectTag = (effectTag & -2049) | 64;
+      return workInProgress;
+    case 5:
+      return popHostContext(workInProgress), null;
+    case 13:
+      return (
+        pop(suspenseStackCursor, workInProgress),
+        (effectTag = workInProgress.effectTag),
+        effectTag & 2048
+          ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
+            workInProgress)
+          : null
+      );
+    case 18:
+      return null;
+    case 19:
+      return pop(suspenseStackCursor, workInProgress), null;
+    case 4:
+      return popHostContainer(workInProgress), null;
+    case 10:
+      return popProvider(workInProgress), null;
+    default:
+      return null;
+  }
+}
 function createCapturedValue(value, source) {
   return {
     value: value,
@@ -4865,24 +5224,18 @@ function createCapturedValue(value, source) {
     stack: getStackByFiberInDevAndProd(source)
   };
 }
+if (
+  "function" !==
+  typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog
+)
+  throw ReactError(
+    Error("Expected ReactFiberErrorDialog.showErrorDialog to be a function.")
+  );
 function logCapturedError(capturedError) {
-  var componentStack = capturedError.componentStack,
-    error = capturedError.error;
-  if (error instanceof Error) {
-    capturedError = error.message;
-    var name = error.name;
-    try {
-      error.message =
-        (capturedError ? name + ": " + capturedError : name) +
-        "\n\nThis error is located at:" +
-        componentStack;
-    } catch (e) {}
-  } else
-    error =
-      "string" === typeof error
-        ? Error(error + "\n\nThis error is located at:" + componentStack)
-        : Error("Unspecified error at:" + componentStack);
-  ExceptionsManager.handleException(error, !1);
+  !1 !==
+    ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog(
+      capturedError
+    ) && console.error(capturedError.error);
 }
 var PossiblyWeakSet$1 = "function" === typeof WeakSet ? WeakSet : Set;
 function logError(boundary, errorInfo) {
@@ -4914,6 +5267,15 @@ function logError(boundary, errorInfo) {
     });
   }
 }
+function safelyCallComponentWillUnmount(current$$1, instance) {
+  try {
+    (instance.props = current$$1.memoizedProps),
+      (instance.state = current$$1.memoizedState),
+      instance.componentWillUnmount();
+  } catch (unmountError) {
+    captureCommitPhaseError(current$$1, unmountError);
+  }
+}
 function safelyDetachRef(current$$1) {
   var ref = current$$1.ref;
   if (null !== ref)
@@ -4942,6 +5304,70 @@ function commitHookEffectList(unmountTag, mountTag, finishedWork) {
     } while (effect !== finishedWork);
   }
 }
+function commitUnmount(current$$1$jscomp$0, renderPriorityLevel) {
+  "function" === typeof onCommitFiberUnmount &&
+    onCommitFiberUnmount(current$$1$jscomp$0);
+  switch (current$$1$jscomp$0.tag) {
+    case 0:
+    case 11:
+    case 14:
+    case 15:
+      var updateQueue = current$$1$jscomp$0.updateQueue;
+      if (
+        null !== updateQueue &&
+        ((updateQueue = updateQueue.lastEffect), null !== updateQueue)
+      ) {
+        var firstEffect = updateQueue.next;
+        runWithPriority$1(
+          97 < renderPriorityLevel ? 97 : renderPriorityLevel,
+          function() {
+            var effect = firstEffect;
+            do {
+              var destroy = effect.destroy;
+              if (void 0 !== destroy) {
+                var current$$1 = current$$1$jscomp$0;
+                try {
+                  destroy();
+                } catch (error) {
+                  captureCommitPhaseError(current$$1, error);
+                }
+              }
+              effect = effect.next;
+            } while (effect !== firstEffect);
+          }
+        );
+      }
+      break;
+    case 1:
+      safelyDetachRef(current$$1$jscomp$0);
+      renderPriorityLevel = current$$1$jscomp$0.stateNode;
+      "function" === typeof renderPriorityLevel.componentWillUnmount &&
+        safelyCallComponentWillUnmount(
+          current$$1$jscomp$0,
+          renderPriorityLevel
+        );
+      break;
+    case 5:
+      safelyDetachRef(current$$1$jscomp$0);
+      break;
+    case 4:
+      createChildNodeSet(current$$1$jscomp$0.stateNode.containerInfo);
+  }
+}
+function detachFiber(current$$1) {
+  var alternate = current$$1.alternate;
+  current$$1.return = null;
+  current$$1.child = null;
+  current$$1.memoizedState = null;
+  current$$1.updateQueue = null;
+  current$$1.dependencies = null;
+  current$$1.alternate = null;
+  current$$1.firstEffect = null;
+  current$$1.lastEffect = null;
+  current$$1.pendingProps = null;
+  current$$1.memoizedProps = null;
+  null !== alternate && detachFiber(alternate);
+}
 function commitWork(current$$1, finishedWork) {
   switch (finishedWork.tag) {
     case 0:
@@ -4953,7 +5379,12 @@ function commitWork(current$$1, finishedWork) {
     case 12:
       return;
     case 13:
-      commitSuspenseComponent(finishedWork);
+      null !== finishedWork.memoizedState &&
+        (globalMostRecentFallbackTime = now());
+      attachSuspenseRetryListeners(finishedWork);
+      return;
+    case 19:
+      attachSuspenseRetryListeners(finishedWork);
       return;
   }
   switch (finishedWork.tag) {
@@ -4961,29 +5392,26 @@ function commitWork(current$$1, finishedWork) {
     case 5:
     case 6:
     case 20:
-    case 19:
       break;
     case 3:
     case 4:
       break;
     default:
       throw ReactError(
-        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+        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."
+        )
       );
   }
 }
-function commitSuspenseComponent(finishedWork) {
-  var newState = finishedWork.memoizedState;
-  null !== newState &&
-    0 === newState.fallbackExpirationTime &&
-    (newState.fallbackExpirationTime = requestCurrentTime() - 500);
-  newState = finishedWork.updateQueue;
-  if (null !== newState) {
+function attachSuspenseRetryListeners(finishedWork) {
+  var thenables = finishedWork.updateQueue;
+  if (null !== thenables) {
     finishedWork.updateQueue = null;
     var retryCache = finishedWork.stateNode;
     null === retryCache &&
       (retryCache = finishedWork.stateNode = new PossiblyWeakSet$1());
-    newState.forEach(function(thenable) {
+    thenables.forEach(function(thenable) {
       var retry = resolveRetryThenable.bind(null, finishedWork, thenable);
       retryCache.has(thenable) ||
         ((retry = tracing.unstable_wrap(retry)),
@@ -4994,7 +5422,7 @@ function commitSuspenseComponent(finishedWork) {
 }
 var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map;
 function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
-  expirationTime = createUpdate(expirationTime);
+  expirationTime = createUpdate(expirationTime, null);
   expirationTime.tag = 3;
   expirationTime.payload = { element: null };
   var error = errorInfo.value;
@@ -5005,13 +5433,14 @@ function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
   return expirationTime;
 }
 function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
-  expirationTime = createUpdate(expirationTime);
+  expirationTime = createUpdate(expirationTime, null);
   expirationTime.tag = 3;
   var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
   if ("function" === typeof getDerivedStateFromError) {
-    var error$jscomp$0 = errorInfo.value;
+    var error = errorInfo.value;
     expirationTime.payload = function() {
-      return getDerivedStateFromError(error$jscomp$0);
+      logError(fiber, errorInfo);
+      return getDerivedStateFromError(error);
     };
   }
   var inst = fiber.stateNode;
@@ -5021,114 +5450,95 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
       "function" !== typeof getDerivedStateFromError &&
         (null === legacyErrorBoundariesThatAlreadyFailed
           ? (legacyErrorBoundariesThatAlreadyFailed = new Set([this]))
-          : legacyErrorBoundariesThatAlreadyFailed.add(this));
-      var error = errorInfo.value,
-        stack = errorInfo.stack;
-      logError(fiber, errorInfo);
-      this.componentDidCatch(error, {
+          : legacyErrorBoundariesThatAlreadyFailed.add(this),
+        logError(fiber, errorInfo));
+      var stack = errorInfo.stack;
+      this.componentDidCatch(errorInfo.value, {
         componentStack: null !== stack ? stack : ""
       });
     });
   return expirationTime;
 }
-function unwindWork(workInProgress) {
-  switch (workInProgress.tag) {
-    case 1:
-      isContextProvider(workInProgress.type) && popContext(workInProgress);
-      var effectTag = workInProgress.effectTag;
-      return effectTag & 2048
-        ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
-          workInProgress)
-        : null;
-    case 3:
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
-      effectTag = workInProgress.effectTag;
-      if (0 !== (effectTag & 64))
-        throw ReactError(
-          "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
-        );
-      workInProgress.effectTag = (effectTag & -2049) | 64;
-      return workInProgress;
-    case 5:
-      return popHostContext(workInProgress), null;
-    case 13:
-      return (
-        (effectTag = workInProgress.effectTag),
-        effectTag & 2048
-          ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
-            workInProgress)
-          : null
-      );
-    case 18:
-      return null;
-    case 4:
-      return popHostContainer(workInProgress), null;
-    case 10:
-      return popProvider(workInProgress), null;
-    case 19:
-    case 20:
-      return null;
-    default:
-      return null;
-  }
-}
 var ceil = Math.ceil,
   ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
-  LegacyUnbatchedPhase = 2,
-  RenderPhase = 4,
-  CommitPhase = 5,
+  NoContext = 0,
+  LegacyUnbatchedContext = 8,
+  RenderContext = 16,
+  CommitContext = 32,
   RootIncomplete = 0,
   RootErrored = 1,
   RootSuspended = 2,
-  RootCompleted = 3,
-  workPhase = 0,
+  RootSuspendedWithDelay = 3,
+  RootCompleted = 4,
+  executionContext = NoContext,
   workInProgressRoot = null,
   workInProgress = null,
   renderExpirationTime = 0,
   workInProgressRootExitStatus = RootIncomplete,
-  workInProgressRootMostRecentEventTime = 1073741823,
+  workInProgressRootLatestProcessedExpirationTime = 1073741823,
+  workInProgressRootLatestSuspenseTimeout = 1073741823,
+  workInProgressRootCanSuspendUsingConfig = null,
+  workInProgressRootHasPendingPing = !1,
+  globalMostRecentFallbackTime = 0,
+  FALLBACK_THROTTLE_MS = 500,
   nextEffect = null,
   hasUncaughtError = !1,
   firstUncaughtError = null,
   legacyErrorBoundariesThatAlreadyFailed = null,
   rootDoesHavePassiveEffects = !1,
   rootWithPendingPassiveEffects = null,
+  pendingPassiveEffectsRenderPriority = 90,
   pendingPassiveEffectsExpirationTime = 0,
   rootsWithPendingDiscreteUpdates = null,
   nestedUpdateCount = 0,
   rootWithNestedUpdates = null,
+  spawnedWorkDuringRender = null,
   currentEventTime = 0;
 function requestCurrentTime() {
-  return workPhase === RenderPhase || workPhase === CommitPhase
-    ? 1073741822 - ((now() / 10) | 0)
+  return (executionContext & (RenderContext | CommitContext)) !== NoContext
+    ? 1073741821 - ((now() / 10) | 0)
     : 0 !== currentEventTime
       ? currentEventTime
-      : (currentEventTime = 1073741822 - ((now() / 10) | 0));
-}
-function computeExpirationForFiber(currentTime, fiber) {
-  if (0 === (fiber.mode & 1)) return 1073741823;
-  if (workPhase === RenderPhase) return renderExpirationTime;
-  switch (getCurrentPriorityLevel()) {
-    case 99:
-      currentTime = 1073741823;
-      break;
-    case 98:
-      currentTime =
-        1073741822 - 10 * ((((1073741822 - currentTime + 15) / 10) | 0) + 1);
-      break;
-    case 97:
-    case 96:
-      currentTime =
-        1073741822 - 25 * ((((1073741822 - currentTime + 500) / 25) | 0) + 1);
-      break;
-    case 95:
-      currentTime = 1;
-      break;
-    default:
-      throw ReactError("Expected a valid priority level");
-  }
+      : (currentEventTime = 1073741821 - ((now() / 10) | 0));
+}
+function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
+  fiber = fiber.mode;
+  if (0 === (fiber & 2)) return 1073741823;
+  var priorityLevel = getCurrentPriorityLevel();
+  if (0 === (fiber & 4)) return 99 === priorityLevel ? 1073741823 : 1073741822;
+  if ((executionContext & RenderContext) !== NoContext)
+    return renderExpirationTime;
+  if (null !== suspenseConfig)
+    currentTime =
+      1073741821 -
+      25 *
+        ((((1073741821 -
+          currentTime +
+          (suspenseConfig.timeoutMs | 0 || 5e3) / 10) /
+          25) |
+          0) +
+          1);
+  else
+    switch (priorityLevel) {
+      case 99:
+        currentTime = 1073741823;
+        break;
+      case 98:
+        currentTime =
+          1073741821 - 10 * ((((1073741821 - currentTime + 15) / 10) | 0) + 1);
+        break;
+      case 97:
+      case 96:
+        currentTime =
+          1073741821 - 25 * ((((1073741821 - currentTime + 500) / 25) | 0) + 1);
+        break;
+      case 95:
+        currentTime = 1;
+        break;
+      default:
+        throw ReactError(Error("Expected a valid priority level"));
+    }
   null !== workInProgressRoot &&
     currentTime === renderExpirationTime &&
     --currentTime;
@@ -5139,33 +5549,42 @@ function scheduleUpdateOnFiber(fiber, expirationTime) {
     throw ((nestedUpdateCount = 0),
     (rootWithNestedUpdates = null),
     ReactError(
-      "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."
+      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."
+      )
     ));
   fiber = markUpdateTimeFromFiberToRoot(fiber, expirationTime);
-  if (null !== fiber)
-    if (((fiber.pingTime = 0), 1073741823 === expirationTime))
-      if (workPhase === LegacyUnbatchedPhase)
+  if (null !== fiber) {
+    fiber.pingTime = 0;
+    var priorityLevel = getCurrentPriorityLevel();
+    if (1073741823 === expirationTime)
+      if (
+        (executionContext & LegacyUnbatchedContext) !== NoContext &&
+        (executionContext & (RenderContext | CommitContext)) === NoContext
+      ) {
+        scheduleInteractions(
+          fiber,
+          expirationTime,
+          tracing.__interactionsRef.current
+        );
         for (
-          expirationTime = renderRoot(fiber, 1073741823, !0);
-          null !== expirationTime;
+          var callback = renderRoot(fiber, 1073741823, !0);
+          null !== callback;
 
         )
-          expirationTime = expirationTime(!0);
-      else
+          callback = callback(!0);
+      } else
         scheduleCallbackForRoot(fiber, 99, 1073741823),
-          0 === workPhase && flushImmediateQueue();
-    else {
-      var priorityLevel = getCurrentPriorityLevel();
-      if (98 === priorityLevel)
-        if (null === rootsWithPendingDiscreteUpdates)
-          rootsWithPendingDiscreteUpdates = new Map([[fiber, expirationTime]]);
-        else {
-          var lastDiscreteTime = rootsWithPendingDiscreteUpdates.get(fiber);
-          (void 0 === lastDiscreteTime || lastDiscreteTime > expirationTime) &&
-            rootsWithPendingDiscreteUpdates.set(fiber, expirationTime);
-        }
-      scheduleCallbackForRoot(fiber, priorityLevel, expirationTime);
-    }
+          executionContext === NoContext && flushSyncCallbackQueue();
+    else scheduleCallbackForRoot(fiber, priorityLevel, expirationTime);
+    (executionContext & 4) === NoContext ||
+      (98 !== priorityLevel && 99 !== priorityLevel) ||
+      (null === rootsWithPendingDiscreteUpdates
+        ? (rootsWithPendingDiscreteUpdates = new Map([[fiber, expirationTime]]))
+        : ((priorityLevel = rootsWithPendingDiscreteUpdates.get(fiber)),
+          (void 0 === priorityLevel || priorityLevel > expirationTime) &&
+            rootsWithPendingDiscreteUpdates.set(fiber, expirationTime)));
+  }
 }
 function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
   fiber.expirationTime < expirationTime &&
@@ -5206,23 +5625,30 @@ function scheduleCallbackForRoot(root, priorityLevel, expirationTime) {
       existingCallbackNode !== fakeCallbackNode &&
       Scheduler_cancelCallback(existingCallbackNode);
     root.callbackExpirationTime = expirationTime;
-    existingCallbackNode = null;
-    1073741823 !== expirationTime &&
-      1 !== expirationTime &&
-      ((existingCallbackNode = 10 * (1073741822 - expirationTime) - now()),
-      5e3 < existingCallbackNode && (existingCallbackNode = 5e3),
-      (existingCallbackNode = { timeout: existingCallbackNode }));
-    root.callbackNode = scheduleCallback(
-      priorityLevel,
-      runRootCallback.bind(
-        null,
-        root,
-        renderRoot.bind(null, root, expirationTime)
-      ),
-      existingCallbackNode
-    );
+    1073741823 === expirationTime
+      ? (root.callbackNode = scheduleSyncCallback(
+          runRootCallback.bind(
+            null,
+            root,
+            renderRoot.bind(null, root, expirationTime)
+          )
+        ))
+      : ((existingCallbackNode = null),
+        1 !== expirationTime &&
+          (existingCallbackNode = {
+            timeout: 10 * (1073741821 - expirationTime) - now()
+          }),
+        (root.callbackNode = scheduleCallback(
+          priorityLevel,
+          runRootCallback.bind(
+            null,
+            root,
+            renderRoot.bind(null, root, expirationTime)
+          ),
+          existingCallbackNode
+        )));
   }
-  schedulePendingInteraction(root, expirationTime);
+  scheduleInteractions(root, expirationTime, tracing.__interactionsRef.current);
 }
 function runRootCallback(root, callback, isSync) {
   var prevCallbackNode = root.callbackNode,
@@ -5245,9 +5671,7 @@ function resolveLocksOnRoot(root, expirationTime) {
   return null !== firstBatch &&
     firstBatch._defer &&
     firstBatch._expirationTime >= expirationTime
-    ? ((root.finishedWork = root.current.alternate),
-      (root.pendingCommitExpirationTime = expirationTime),
-      scheduleCallback(97, function() {
+    ? (scheduleCallback(97, function() {
         firstBatch._onComplete();
         return null;
       }),
@@ -5259,13 +5683,14 @@ function flushPendingDiscreteUpdates() {
     var roots = rootsWithPendingDiscreteUpdates;
     rootsWithPendingDiscreteUpdates = null;
     roots.forEach(function(expirationTime, root) {
-      scheduleCallback(99, renderRoot.bind(null, root, expirationTime));
+      scheduleSyncCallback(renderRoot.bind(null, root, expirationTime));
     });
-    flushImmediateQueue();
+    flushSyncCallbackQueue();
   }
 }
 function prepareFreshStack(root, expirationTime) {
-  root.pendingCommitExpirationTime = 0;
+  root.finishedWork = null;
+  root.finishedExpirationTime = 0;
   var timeoutHandle = root.timeoutHandle;
   -1 !== timeoutHandle &&
     ((root.timeoutHandle = -1), cancelTimeout(timeoutHandle));
@@ -5289,6 +5714,12 @@ function prepareFreshStack(root, expirationTime) {
         case 4:
           popHostContainer(interruptedWork);
           break;
+        case 13:
+          pop(suspenseStackCursor, interruptedWork);
+          break;
+        case 19:
+          pop(suspenseStackCursor, interruptedWork);
+          break;
         case 10:
           popProvider(interruptedWork);
       }
@@ -5298,27 +5729,35 @@ function prepareFreshStack(root, expirationTime) {
   workInProgress = createWorkInProgress(root.current, null, expirationTime);
   renderExpirationTime = expirationTime;
   workInProgressRootExitStatus = RootIncomplete;
-  workInProgressRootMostRecentEventTime = 1073741823;
+  workInProgressRootLatestSuspenseTimeout = workInProgressRootLatestProcessedExpirationTime = 1073741823;
+  workInProgressRootCanSuspendUsingConfig = null;
+  workInProgressRootHasPendingPing = !1;
+  spawnedWorkDuringRender = null;
 }
 function renderRoot(root$jscomp$0, expirationTime, isSync) {
-  if (workPhase === RenderPhase || workPhase === CommitPhase)
-    throw ReactError("Should not already be working.");
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(Error("Should not already be working."));
   if (root$jscomp$0.firstPendingTime < expirationTime) return null;
-  if (root$jscomp$0.pendingCommitExpirationTime === expirationTime)
-    return (
-      (root$jscomp$0.pendingCommitExpirationTime = 0),
-      commitRoot.bind(null, root$jscomp$0, expirationTime)
-    );
+  if (isSync && root$jscomp$0.finishedExpirationTime === expirationTime)
+    return commitRoot.bind(null, root$jscomp$0);
   flushPassiveEffects();
   if (
     root$jscomp$0 !== workInProgressRoot ||
     expirationTime !== renderExpirationTime
   )
     prepareFreshStack(root$jscomp$0, expirationTime),
-      startWorkOnPendingInteraction(root$jscomp$0, expirationTime);
+      startWorkOnPendingInteractions(root$jscomp$0, expirationTime);
+  else if (workInProgressRootExitStatus === RootSuspendedWithDelay)
+    if (workInProgressRootHasPendingPing)
+      prepareFreshStack(root$jscomp$0, expirationTime);
+    else {
+      var lastPendingTime = root$jscomp$0.lastPendingTime;
+      if (lastPendingTime < expirationTime)
+        return renderRoot.bind(null, root$jscomp$0, lastPendingTime);
+    }
   if (null !== workInProgress) {
-    var prevWorkPhase = workPhase;
-    workPhase = RenderPhase;
+    lastPendingTime = executionContext;
+    executionContext |= RenderContext;
     var prevDispatcher = ReactCurrentDispatcher.current;
     null === prevDispatcher && (prevDispatcher = ContextOnlyDispatcher);
     ReactCurrentDispatcher.current = ContextOnlyDispatcher;
@@ -5329,8 +5768,8 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
         var currentTime = requestCurrentTime();
         if (currentTime < expirationTime)
           return (
-            (workPhase = prevWorkPhase),
-            resetContextDependences(),
+            (executionContext = lastPendingTime),
+            resetContextDependencies(),
             (ReactCurrentDispatcher.current = prevDispatcher),
             (tracing.__interactionsRef.current = prevInteractions),
             renderRoot.bind(null, root$jscomp$0, currentTime)
@@ -5347,14 +5786,14 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
             workInProgress = performUnitOfWork(workInProgress);
         break;
       } catch (thrownValue) {
-        resetContextDependences();
+        resetContextDependencies();
         resetHooks();
         currentTime = workInProgress;
         if (null === currentTime || null === currentTime.return)
           throw (prepareFreshStack(root$jscomp$0, expirationTime),
-          (workPhase = prevWorkPhase),
+          (executionContext = lastPendingTime),
           thrownValue);
-        currentTime.mode & 4 &&
+        currentTime.mode & 8 &&
           stopProfilerTimerIfRunningAndRecordDelta(currentTime, !0);
         a: {
           var root = root$jscomp$0,
@@ -5369,29 +5808,41 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
             "object" === typeof value &&
             "function" === typeof value.then
           ) {
-            var thenable = value;
+            var thenable = value,
+              hasInvisibleParentBoundary =
+                0 !==
+                (suspenseStackCursor.current & InvisibleParentSuspenseContext);
             value = returnFiber;
             do {
-              if (
-                13 === value.tag &&
-                (void 0 === value.memoizedProps.fallback
-                  ? 0
-                  : null === value.memoizedState)
-              ) {
+              var JSCompiler_temp;
+              if ((JSCompiler_temp = 13 === value.tag))
+                null !== value.memoizedState
+                  ? (JSCompiler_temp = !1)
+                  : ((JSCompiler_temp = value.memoizedProps),
+                    (JSCompiler_temp =
+                      void 0 === JSCompiler_temp.fallback
+                        ? !1
+                        : !0 !== JSCompiler_temp.unstable_avoidThisFallback
+                          ? !0
+                          : hasInvisibleParentBoundary
+                            ? !1
+                            : !0));
+              if (JSCompiler_temp) {
                 returnFiber = value.updateQueue;
                 null === returnFiber
                   ? ((returnFiber = new Set()),
                     returnFiber.add(thenable),
                     (value.updateQueue = returnFiber))
                   : returnFiber.add(thenable);
-                if (0 === (value.mode & 1)) {
+                if (0 === (value.mode & 2)) {
                   value.effectTag |= 64;
                   sourceFiber.effectTag &= -1957;
                   1 === sourceFiber.tag &&
                     (null === sourceFiber.alternate
                       ? (sourceFiber.tag = 17)
                       : ((renderExpirationTime$jscomp$0 = createUpdate(
-                          1073741823
+                          1073741823,
+                          null
                         )),
                         (renderExpirationTime$jscomp$0.tag = 2),
                         enqueueUpdate(
@@ -5403,15 +5854,15 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
                 }
                 sourceFiber = root;
                 root = renderExpirationTime$jscomp$0;
-                var pingCache = sourceFiber.pingCache;
-                null === pingCache
-                  ? ((pingCache = sourceFiber.pingCache = new PossiblyWeakMap()),
+                hasInvisibleParentBoundary = sourceFiber.pingCache;
+                null === hasInvisibleParentBoundary
+                  ? ((hasInvisibleParentBoundary = sourceFiber.pingCache = new PossiblyWeakMap()),
                     (returnFiber = new Set()),
-                    pingCache.set(thenable, returnFiber))
-                  : ((returnFiber = pingCache.get(thenable)),
+                    hasInvisibleParentBoundary.set(thenable, returnFiber))
+                  : ((returnFiber = hasInvisibleParentBoundary.get(thenable)),
                     void 0 === returnFiber &&
                       ((returnFiber = new Set()),
-                      pingCache.set(thenable, returnFiber)));
+                      hasInvisibleParentBoundary.set(thenable, returnFiber)));
                 returnFiber.has(root) ||
                   (returnFiber.add(root),
                   (sourceFiber = pingSuspendedRoot.bind(
@@ -5434,11 +5885,8 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
                 getStackByFiberInDevAndProd(sourceFiber)
             );
           }
-          if (
-            workInProgressRootExitStatus === RootIncomplete ||
-            workInProgressRootExitStatus === RootSuspended
-          )
-            workInProgressRootExitStatus = RootErrored;
+          workInProgressRootExitStatus !== RootCompleted &&
+            (workInProgressRootExitStatus = RootErrored);
           value = createCapturedValue(value, sourceFiber);
           sourceFiber = returnFiber;
           do {
@@ -5490,80 +5938,148 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
         workInProgress = completeUnitOfWork(currentTime);
       }
     while (1);
-    workPhase = prevWorkPhase;
-    resetContextDependences();
+    executionContext = lastPendingTime;
+    resetContextDependencies();
     ReactCurrentDispatcher.current = prevDispatcher;
     tracing.__interactionsRef.current = prevInteractions;
     if (null !== workInProgress)
       return renderRoot.bind(null, root$jscomp$0, expirationTime);
   }
+  root$jscomp$0.finishedWork = root$jscomp$0.current.alternate;
+  root$jscomp$0.finishedExpirationTime = expirationTime;
   if (resolveLocksOnRoot(root$jscomp$0, expirationTime)) return null;
   workInProgressRoot = null;
   switch (workInProgressRootExitStatus) {
     case RootIncomplete:
-      throw ReactError("Should have a work-in-progress.");
+      throw ReactError(Error("Should have a work-in-progress."));
     case RootErrored:
       return (
-        (prevWorkPhase = root$jscomp$0.lastPendingTime),
-        root$jscomp$0.lastPendingTime < expirationTime
-          ? renderRoot.bind(null, root$jscomp$0, prevWorkPhase)
+        (lastPendingTime = root$jscomp$0.lastPendingTime),
+        lastPendingTime < expirationTime
+          ? renderRoot.bind(null, root$jscomp$0, lastPendingTime)
           : isSync
-            ? commitRoot.bind(null, root$jscomp$0, expirationTime)
+            ? commitRoot.bind(null, root$jscomp$0)
             : (prepareFreshStack(root$jscomp$0, expirationTime),
-              scheduleCallback(
-                99,
+              scheduleSyncCallback(
                 renderRoot.bind(null, root$jscomp$0, expirationTime)
               ),
               null)
       );
     case RootSuspended:
+      if (
+        1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+        !isSync &&
+        ((isSync = globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
+        10 < isSync)
+      ) {
+        if (workInProgressRootHasPendingPing)
+          return (
+            prepareFreshStack(root$jscomp$0, expirationTime),
+            renderRoot.bind(null, root$jscomp$0, expirationTime)
+          );
+        lastPendingTime = root$jscomp$0.lastPendingTime;
+        if (lastPendingTime < expirationTime)
+          return renderRoot.bind(null, root$jscomp$0, lastPendingTime);
+        root$jscomp$0.timeoutHandle = scheduleTimeout(
+          commitRoot.bind(null, root$jscomp$0),
+          isSync
+        );
+        return null;
+      }
+      return commitRoot.bind(null, root$jscomp$0);
+    case RootSuspendedWithDelay:
       if (!isSync) {
+        if (workInProgressRootHasPendingPing)
+          return (
+            prepareFreshStack(root$jscomp$0, expirationTime),
+            renderRoot.bind(null, root$jscomp$0, expirationTime)
+          );
         isSync = root$jscomp$0.lastPendingTime;
-        if (root$jscomp$0.lastPendingTime < expirationTime)
+        if (isSync < expirationTime)
           return renderRoot.bind(null, root$jscomp$0, isSync);
-        if (
-          1073741823 !== workInProgressRootMostRecentEventTime &&
-          ((prevWorkPhase =
-            10 * (1073741822 - workInProgressRootMostRecentEventTime) - 5e3),
-          (isSync = now()),
-          (prevWorkPhase = isSync - prevWorkPhase),
-          (prevWorkPhase =
-            (120 > prevWorkPhase
-              ? 120
-              : 480 > prevWorkPhase
-                ? 480
-                : 1080 > prevWorkPhase
-                  ? 1080
-                  : 1920 > prevWorkPhase
-                    ? 1920
-                    : 3e3 > prevWorkPhase
-                      ? 3e3
-                      : 4320 > prevWorkPhase
-                        ? 4320
-                        : 1960 * ceil(prevWorkPhase / 1960)) - prevWorkPhase),
-          (isSync = 10 * (1073741822 - expirationTime) - isSync),
-          isSync < prevWorkPhase && (prevWorkPhase = isSync),
-          (isSync = prevWorkPhase),
-          10 < isSync)
-        )
+        1073741823 !== workInProgressRootLatestSuspenseTimeout
+          ? (isSync =
+              10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
+              now())
+          : 1073741823 === workInProgressRootLatestProcessedExpirationTime
+            ? (isSync = 0)
+            : ((isSync =
+                10 *
+                  (1073741821 -
+                    workInProgressRootLatestProcessedExpirationTime) -
+                5e3),
+              (lastPendingTime = now()),
+              (expirationTime =
+                10 * (1073741821 - expirationTime) - lastPendingTime),
+              (isSync = lastPendingTime - isSync),
+              0 > isSync && (isSync = 0),
+              (isSync =
+                (120 > isSync
+                  ? 120
+                  : 480 > isSync
+                    ? 480
+                    : 1080 > isSync
+                      ? 1080
+                      : 1920 > isSync
+                        ? 1920
+                        : 3e3 > isSync
+                          ? 3e3
+                          : 4320 > isSync
+                            ? 4320
+                            : 1960 * ceil(isSync / 1960)) - isSync),
+              expirationTime < isSync && (isSync = expirationTime));
+        if (10 < isSync)
           return (
             (root$jscomp$0.timeoutHandle = scheduleTimeout(
-              commitRoot.bind(null, root$jscomp$0, expirationTime),
+              commitRoot.bind(null, root$jscomp$0),
               isSync
             )),
             null
           );
       }
-      return commitRoot.bind(null, root$jscomp$0, expirationTime);
+      return commitRoot.bind(null, root$jscomp$0);
     case RootCompleted:
-      return commitRoot.bind(null, root$jscomp$0, expirationTime);
+      return !isSync &&
+        1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
+        null !== workInProgressRootCanSuspendUsingConfig &&
+        ((lastPendingTime = workInProgressRootLatestProcessedExpirationTime),
+        (prevDispatcher = workInProgressRootCanSuspendUsingConfig),
+        (expirationTime = prevDispatcher.busyMinDurationMs | 0),
+        0 >= expirationTime
+          ? (expirationTime = 0)
+          : ((isSync = prevDispatcher.busyDelayMs | 0),
+            (lastPendingTime =
+              now() -
+              (10 * (1073741821 - lastPendingTime) -
+                (prevDispatcher.timeoutMs | 0 || 5e3))),
+            (expirationTime =
+              lastPendingTime <= isSync
+                ? 0
+                : isSync + expirationTime - lastPendingTime)),
+        10 < expirationTime)
+        ? ((root$jscomp$0.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root$jscomp$0),
+            expirationTime
+          )),
+          null)
+        : commitRoot.bind(null, root$jscomp$0);
     default:
-      throw ReactError("Unknown root exit status.");
+      throw ReactError(Error("Unknown root exit status."));
   }
 }
+function markRenderEventTimeAndConfig(expirationTime, suspenseConfig) {
+  expirationTime < workInProgressRootLatestProcessedExpirationTime &&
+    1 < expirationTime &&
+    (workInProgressRootLatestProcessedExpirationTime = expirationTime);
+  null !== suspenseConfig &&
+    expirationTime < workInProgressRootLatestSuspenseTimeout &&
+    1 < expirationTime &&
+    ((workInProgressRootLatestSuspenseTimeout = expirationTime),
+    (workInProgressRootCanSuspendUsingConfig = suspenseConfig));
+}
 function performUnitOfWork(unitOfWork) {
   var current$$1 = unitOfWork.alternate;
-  0 !== (unitOfWork.mode & 4)
+  0 !== (unitOfWork.mode & 8)
     ? ((profilerStartTime = now$1()),
       0 > unitOfWork.actualStartTime && (unitOfWork.actualStartTime = now$1()),
       (current$$1 = beginWork$$1(current$$1, unitOfWork, renderExpirationTime)),
@@ -5580,7 +6096,7 @@ function completeUnitOfWork(unitOfWork) {
     var current$$1 = workInProgress.alternate;
     unitOfWork = workInProgress.return;
     if (0 === (workInProgress.effectTag & 1024)) {
-      if (0 === (workInProgress.mode & 4))
+      if (0 === (workInProgress.mode & 8))
         current$$1 = completeWork(
           current$$1,
           workInProgress,
@@ -5600,7 +6116,7 @@ function completeUnitOfWork(unitOfWork) {
       fiber = workInProgress;
       if (1 === renderExpirationTime || 1 !== fiber.childExpirationTime) {
         var newChildExpirationTime = 0;
-        if (0 !== (fiber.mode & 4)) {
+        if (0 !== (fiber.mode & 8)) {
           for (
             var actualDuration = fiber.actualDuration,
               treeBaseDuration = fiber.selfBaseDuration,
@@ -5652,7 +6168,7 @@ function completeUnitOfWork(unitOfWork) {
           (unitOfWork.lastEffect = workInProgress)));
     } else {
       current$$1 = unwindWork(workInProgress, renderExpirationTime);
-      if (0 !== (workInProgress.mode & 4)) {
+      if (0 !== (workInProgress.mode & 8)) {
         stopProfilerTimerIfRunningAndRecordDelta(workInProgress, !1);
         fiber = workInProgress.actualDuration;
         for (
@@ -5678,23 +6194,31 @@ function completeUnitOfWork(unitOfWork) {
     (workInProgressRootExitStatus = RootCompleted);
   return null;
 }
-function commitRoot(root, expirationTime) {
-  runWithPriority(99, commitRootImpl.bind(null, root, expirationTime));
+function commitRoot(root) {
+  var renderPriorityLevel = getCurrentPriorityLevel();
+  runWithPriority$1(99, commitRootImpl.bind(null, root, renderPriorityLevel));
   null !== rootWithPendingPassiveEffects &&
-    ((root = getCurrentPriorityLevel()),
-    scheduleCallback(root, function() {
+    scheduleCallback(97, function() {
       flushPassiveEffects();
       return null;
-    }));
+    });
   return null;
 }
-function commitRootImpl(root, expirationTime) {
+function commitRootImpl(root, renderPriorityLevel) {
   flushPassiveEffects();
-  if (workPhase === RenderPhase || workPhase === CommitPhase)
-    throw ReactError("Should not already be working.");
-  var finishedWork = root.current.alternate;
-  if (null === finishedWork)
-    throw ReactError("Should have a work-in-progress root.");
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(Error("Should not already be working."));
+  var finishedWork = root.finishedWork,
+    expirationTime = root.finishedExpirationTime;
+  if (null === finishedWork) return null;
+  root.finishedWork = null;
+  root.finishedExpirationTime = 0;
+  if (finishedWork === root.current)
+    throw ReactError(
+      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.callbackExpirationTime = 0;
   var updateExpirationTimeBeforeCommit = finishedWork.expirationTime,
@@ -5708,19 +6232,19 @@ function commitRootImpl(root, expirationTime) {
     (root.lastPendingTime = updateExpirationTimeBeforeCommit);
   root === workInProgressRoot &&
     ((workInProgress = workInProgressRoot = null), (renderExpirationTime = 0));
-  if (1 < finishedWork.effectTag)
-    if (null !== finishedWork.lastEffect) {
-      finishedWork.lastEffect.nextEffect = finishedWork;
-      var firstEffect = finishedWork.firstEffect;
-    } else firstEffect = finishedWork;
-  else firstEffect = finishedWork.firstEffect;
-  if (null !== firstEffect) {
-    updateExpirationTimeBeforeCommit = workPhase;
-    workPhase = CommitPhase;
-    childExpirationTimeBeforeCommit = tracing.__interactionsRef.current;
+  1 < finishedWork.effectTag
+    ? null !== finishedWork.lastEffect
+      ? ((finishedWork.lastEffect.nextEffect = finishedWork),
+        (updateExpirationTimeBeforeCommit = finishedWork.firstEffect))
+      : (updateExpirationTimeBeforeCommit = finishedWork)
+    : (updateExpirationTimeBeforeCommit = finishedWork.firstEffect);
+  if (null !== updateExpirationTimeBeforeCommit) {
+    childExpirationTimeBeforeCommit = executionContext;
+    executionContext |= CommitContext;
+    var prevInteractions = tracing.__interactionsRef.current;
     tracing.__interactionsRef.current = root.memoizedInteractions;
     ReactCurrentOwner$2.current = null;
-    nextEffect = firstEffect;
+    nextEffect = updateExpirationTimeBeforeCommit;
     do
       try {
         for (; null !== nextEffect; ) {
@@ -5763,11 +6287,12 @@ function commitRootImpl(root, expirationTime) {
               case 6:
               case 4:
               case 17:
-              case 20:
                 break;
               default:
                 throw ReactError(
-                  "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+                  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."
+                  )
                 );
             }
           }
@@ -5775,16 +6300,16 @@ function commitRootImpl(root, expirationTime) {
         }
       } catch (error) {
         if (null === nextEffect)
-          throw ReactError("Should be working on an effect.");
+          throw ReactError(Error("Should be working on an effect."));
         captureCommitPhaseError(nextEffect, error);
         nextEffect = nextEffect.nextEffect;
       }
     while (null !== nextEffect);
     commitTime = now$1();
-    nextEffect = firstEffect;
+    nextEffect = updateExpirationTimeBeforeCommit;
     do
       try {
-        for (; null !== nextEffect; ) {
+        for (current$$1 = renderPriorityLevel; null !== nextEffect; ) {
           var effectTag = nextEffect.effectTag;
           if (effectTag & 128) {
             var current$$1$jscomp$0 = nextEffect.alternate;
@@ -5808,102 +6333,45 @@ function commitRootImpl(root, expirationTime) {
               commitWork(nextEffect.alternate, nextEffect);
               break;
             case 8:
-              current$$1 = nextEffect;
-              a: for (prevState = prevProps = current$$1; ; ) {
-                instance = prevState;
-                "function" === typeof onCommitFiberUnmount &&
-                  onCommitFiberUnmount(instance);
-                switch (instance.tag) {
-                  case 0:
-                  case 11:
-                  case 14:
-                  case 15:
-                    var updateQueue = instance.updateQueue;
-                    if (null !== updateQueue) {
-                      var lastEffect = updateQueue.lastEffect;
-                      if (null !== lastEffect) {
-                        var firstEffect$jscomp$0 = lastEffect.next;
-                        snapshot = firstEffect$jscomp$0;
-                        do {
-                          var destroy = snapshot.destroy;
-                          if (void 0 !== destroy) {
-                            finishedWork$jscomp$0 = instance;
-                            try {
-                              destroy();
-                            } catch (error) {
-                              captureCommitPhaseError(
-                                finishedWork$jscomp$0,
-                                error
-                              );
-                            }
-                          }
-                          snapshot = snapshot.next;
-                        } while (snapshot !== firstEffect$jscomp$0);
-                      }
-                    }
-                    break;
-                  case 1:
-                    safelyDetachRef(instance);
-                    var instance$jscomp$0 = instance.stateNode;
-                    if (
-                      "function" ===
-                      typeof instance$jscomp$0.componentWillUnmount
-                    )
-                      try {
-                        (instance$jscomp$0.props = instance.memoizedProps),
-                          (instance$jscomp$0.state = instance.memoizedState),
-                          instance$jscomp$0.componentWillUnmount();
-                      } catch (unmountError) {
-                        captureCommitPhaseError(instance, unmountError);
-                      }
-                    break;
-                  case 5:
-                    safelyDetachRef(instance);
-                    break;
-                  case 4:
-                    FabricUIManager.createChildSet(
-                      instance.stateNode.containerInfo
-                    );
-                }
-                if (null !== prevState.child)
-                  (prevState.child.return = prevState),
-                    (prevState = prevState.child);
+              prevProps = nextEffect;
+              a: for (
+                prevState = prevProps,
+                  instance = current$$1,
+                  snapshot = prevState;
+                ;
+
+              )
+                if (
+                  (commitUnmount(snapshot, instance), null !== snapshot.child)
+                )
+                  (snapshot.child.return = snapshot),
+                    (snapshot = snapshot.child);
                 else {
-                  if (prevState === prevProps) break;
-                  for (; null === prevState.sibling; ) {
+                  if (snapshot === prevState) break;
+                  for (; null === snapshot.sibling; ) {
                     if (
-                      null === prevState.return ||
-                      prevState.return === prevProps
+                      null === snapshot.return ||
+                      snapshot.return === prevState
                     )
                       break a;
-                    prevState = prevState.return;
+                    snapshot = snapshot.return;
                   }
-                  prevState.sibling.return = prevState.return;
-                  prevState = prevState.sibling;
+                  snapshot.sibling.return = snapshot.return;
+                  snapshot = snapshot.sibling;
                 }
-              }
-              current$$1.return = null;
-              current$$1.child = null;
-              current$$1.memoizedState = null;
-              current$$1.updateQueue = null;
-              var alternate = current$$1.alternate;
-              null !== alternate &&
-                ((alternate.return = null),
-                (alternate.child = null),
-                (alternate.memoizedState = null),
-                (alternate.updateQueue = null));
+              detachFiber(prevProps);
           }
           nextEffect = nextEffect.nextEffect;
         }
       } catch (error) {
         if (null === nextEffect)
-          throw ReactError("Should be working on an effect.");
+          throw ReactError(Error("Should be working on an effect."));
         captureCommitPhaseError(nextEffect, error);
         nextEffect = nextEffect.nextEffect;
       }
     while (null !== nextEffect);
     root.current = finishedWork;
-    nextEffect = firstEffect;
+    nextEffect = updateExpirationTimeBeforeCommit;
     do
       try {
         for (
@@ -5913,10 +6381,10 @@ function commitRootImpl(root, expirationTime) {
         ) {
           var effectTag$jscomp$0 = nextEffect.effectTag;
           if (effectTag$jscomp$0 & 36) {
-            lastEffect = effectTag;
+            prevProps = effectTag;
             var current$$1$jscomp$1 = nextEffect.alternate;
             currentRef = nextEffect;
-            updateQueue = current$$1$jscomp$0;
+            current$$1 = current$$1$jscomp$0;
             switch (currentRef.tag) {
               case 0:
               case 11:
@@ -5924,10 +6392,10 @@ function commitRootImpl(root, expirationTime) {
                 commitHookEffectList(UnmountLayout, MountLayout, currentRef);
                 break;
               case 1:
-                var instance$jscomp$1 = currentRef.stateNode;
+                var instance$jscomp$0 = currentRef.stateNode;
                 if (currentRef.effectTag & 4)
                   if (null === current$$1$jscomp$1)
-                    instance$jscomp$1.componentDidMount();
+                    instance$jscomp$0.componentDidMount();
                   else {
                     var prevProps$jscomp$0 =
                       currentRef.elementType === currentRef.type
@@ -5936,45 +6404,47 @@ function commitRootImpl(root, expirationTime) {
                             currentRef.type,
                             current$$1$jscomp$1.memoizedProps
                           );
-                    instance$jscomp$1.componentDidUpdate(
+                    instance$jscomp$0.componentDidUpdate(
                       prevProps$jscomp$0,
                       current$$1$jscomp$1.memoizedState,
-                      instance$jscomp$1.__reactInternalSnapshotBeforeUpdate
+                      instance$jscomp$0.__reactInternalSnapshotBeforeUpdate
                     );
                   }
-                var updateQueue$jscomp$0 = currentRef.updateQueue;
-                null !== updateQueue$jscomp$0 &&
+                var updateQueue = currentRef.updateQueue;
+                null !== updateQueue &&
                   commitUpdateQueue(
                     currentRef,
-                    updateQueue$jscomp$0,
-                    instance$jscomp$1,
-                    updateQueue
+                    updateQueue,
+                    instance$jscomp$0,
+                    current$$1
                   );
                 break;
               case 3:
                 var _updateQueue = currentRef.updateQueue;
                 if (null !== _updateQueue) {
-                  lastEffect = null;
+                  prevProps = null;
                   if (null !== currentRef.child)
                     switch (currentRef.child.tag) {
                       case 5:
-                        lastEffect = currentRef.child.stateNode.canonical;
+                        prevProps = currentRef.child.stateNode.canonical;
                         break;
                       case 1:
-                        lastEffect = currentRef.child.stateNode;
+                        prevProps = currentRef.child.stateNode;
                     }
                   commitUpdateQueue(
                     currentRef,
                     _updateQueue,
-                    lastEffect,
-                    updateQueue
+                    prevProps,
+                    current$$1
                   );
                 }
                 break;
               case 5:
                 if (null === current$$1$jscomp$1 && currentRef.effectTag & 4)
                   throw ReactError(
-                    "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
+                    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:
@@ -5983,39 +6453,40 @@ function commitRootImpl(root, expirationTime) {
                 break;
               case 12:
                 var onRender = currentRef.memoizedProps.onRender;
-                onRender(
-                  currentRef.memoizedProps.id,
-                  null === current$$1$jscomp$1 ? "mount" : "update",
-                  currentRef.actualDuration,
-                  currentRef.treeBaseDuration,
-                  currentRef.actualStartTime,
-                  commitTime,
-                  lastEffect.memoizedInteractions
-                );
+                "function" === typeof onRender &&
+                  onRender(
+                    currentRef.memoizedProps.id,
+                    null === current$$1$jscomp$1 ? "mount" : "update",
+                    currentRef.actualDuration,
+                    currentRef.treeBaseDuration,
+                    currentRef.actualStartTime,
+                    commitTime,
+                    prevProps.memoizedInteractions
+                  );
                 break;
               case 13:
+              case 19:
               case 17:
-                break;
               case 20:
                 break;
-              case 19:
-                break;
               default:
                 throw ReactError(
-                  "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+                  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 (effectTag$jscomp$0 & 128) {
             var ref = nextEffect.ref;
             if (null !== ref) {
-              var instance$jscomp$2 = nextEffect.stateNode;
+              var instance$jscomp$1 = nextEffect.stateNode;
               switch (nextEffect.tag) {
                 case 5:
-                  var instanceToUse = instance$jscomp$2.canonical;
+                  var instanceToUse = instance$jscomp$1.canonical;
                   break;
                 default:
-                  instanceToUse = instance$jscomp$2;
+                  instanceToUse = instance$jscomp$1;
               }
               "function" === typeof ref
                 ? ref(instanceToUse)
@@ -6027,32 +6498,52 @@ function commitRootImpl(root, expirationTime) {
         }
       } catch (error) {
         if (null === nextEffect)
-          throw ReactError("Should be working on an effect.");
+          throw ReactError(Error("Should be working on an effect."));
         captureCommitPhaseError(nextEffect, error);
         nextEffect = nextEffect.nextEffect;
       }
     while (null !== nextEffect);
     nextEffect = null;
-    tracing.__interactionsRef.current = childExpirationTimeBeforeCommit;
-    workPhase = updateExpirationTimeBeforeCommit;
+    requestPaint();
+    tracing.__interactionsRef.current = prevInteractions;
+    executionContext = childExpirationTimeBeforeCommit;
   } else (root.current = finishedWork), (commitTime = now$1());
-  rootDoesHavePassiveEffects
-    ? ((rootDoesHavePassiveEffects = !1),
+  if ((effectTag$jscomp$0 = rootDoesHavePassiveEffects))
+    (rootDoesHavePassiveEffects = !1),
       (rootWithPendingPassiveEffects = root),
-      (pendingPassiveEffectsExpirationTime = expirationTime))
-    : finishPendingInteractions(root, expirationTime);
-  expirationTime = root.firstPendingTime;
-  0 !== expirationTime
-    ? ((effectTag$jscomp$0 = requestCurrentTime()),
-      (effectTag$jscomp$0 = inferPriorityFromExpirationTime(
-        effectTag$jscomp$0,
-        expirationTime
-      )),
-      scheduleCallbackForRoot(root, effectTag$jscomp$0, expirationTime))
-    : (legacyErrorBoundariesThatAlreadyFailed = null);
+      (pendingPassiveEffectsExpirationTime = expirationTime),
+      (pendingPassiveEffectsRenderPriority = renderPriorityLevel);
+  else
+    for (nextEffect = updateExpirationTimeBeforeCommit; null !== nextEffect; )
+      (renderPriorityLevel = nextEffect.nextEffect),
+        (nextEffect.nextEffect = null),
+        (nextEffect = renderPriorityLevel);
+  renderPriorityLevel = root.firstPendingTime;
+  if (0 !== renderPriorityLevel) {
+    current$$1$jscomp$1 = requestCurrentTime();
+    current$$1$jscomp$1 = inferPriorityFromExpirationTime(
+      current$$1$jscomp$1,
+      renderPriorityLevel
+    );
+    if (null !== spawnedWorkDuringRender)
+      for (
+        instance$jscomp$0 = spawnedWorkDuringRender,
+          spawnedWorkDuringRender = null,
+          prevProps$jscomp$0 = 0;
+        prevProps$jscomp$0 < instance$jscomp$0.length;
+        prevProps$jscomp$0++
+      )
+        scheduleInteractions(
+          root,
+          instance$jscomp$0[prevProps$jscomp$0],
+          root.memoizedInteractions
+        );
+    scheduleCallbackForRoot(root, current$$1$jscomp$1, renderPriorityLevel);
+  } else legacyErrorBoundariesThatAlreadyFailed = null;
+  effectTag$jscomp$0 || finishPendingInteractions(root, expirationTime);
   "function" === typeof onCommitFiberRoot &&
-    onCommitFiberRoot(finishedWork.stateNode);
-  1073741823 === expirationTime
+    onCommitFiberRoot(finishedWork.stateNode, expirationTime);
+  1073741823 === renderPriorityLevel
     ? root === rootWithNestedUpdates
       ? nestedUpdateCount++
       : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root))
@@ -6062,37 +6553,56 @@ function commitRootImpl(root, expirationTime) {
     (root = firstUncaughtError),
     (firstUncaughtError = null),
     root);
-  if (workPhase === LegacyUnbatchedPhase) return null;
-  flushImmediateQueue();
+  if ((executionContext & LegacyUnbatchedContext) !== NoContext) return null;
+  flushSyncCallbackQueue();
   return null;
 }
 function flushPassiveEffects() {
   if (null === rootWithPendingPassiveEffects) return !1;
   var root = rootWithPendingPassiveEffects,
-    expirationTime = pendingPassiveEffectsExpirationTime;
+    expirationTime = pendingPassiveEffectsExpirationTime,
+    renderPriorityLevel = pendingPassiveEffectsRenderPriority;
   rootWithPendingPassiveEffects = null;
   pendingPassiveEffectsExpirationTime = 0;
+  pendingPassiveEffectsRenderPriority = 90;
+  return runWithPriority$1(
+    97 < renderPriorityLevel ? 97 : renderPriorityLevel,
+    flushPassiveEffectsImpl.bind(null, root, expirationTime)
+  );
+}
+function flushPassiveEffectsImpl(root, expirationTime) {
   var prevInteractions = tracing.__interactionsRef.current;
   tracing.__interactionsRef.current = root.memoizedInteractions;
-  if (workPhase === RenderPhase || workPhase === CommitPhase)
-    throw ReactError("Cannot flush passive effects while already rendering.");
-  var prevWorkPhase = workPhase;
-  workPhase = CommitPhase;
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(
+      Error("Cannot flush passive effects while already rendering.")
+    );
+  var prevExecutionContext = executionContext;
+  executionContext |= CommitContext;
   for (var effect = root.current.firstEffect; null !== effect; ) {
     try {
       var finishedWork = effect;
-      commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork);
-      commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
+      if (0 !== (finishedWork.effectTag & 512))
+        switch (finishedWork.tag) {
+          case 0:
+          case 11:
+          case 15:
+            commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork),
+              commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
+        }
     } catch (error) {
-      if (null === effect) throw ReactError("Should be working on an effect.");
+      if (null === effect)
+        throw ReactError(Error("Should be working on an effect."));
       captureCommitPhaseError(effect, error);
     }
-    effect = effect.nextEffect;
+    finishedWork = effect.nextEffect;
+    effect.nextEffect = null;
+    effect = finishedWork;
   }
   tracing.__interactionsRef.current = prevInteractions;
   finishPendingInteractions(root, expirationTime);
-  workPhase = prevWorkPhase;
-  flushImmediateQueue();
+  executionContext = prevExecutionContext;
+  flushSyncCallbackQueue();
   return !0;
 }
 function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
@@ -6133,11 +6643,18 @@ function pingSuspendedRoot(root, thenable, suspendedTime) {
   var pingCache = root.pingCache;
   null !== pingCache && pingCache.delete(thenable);
   workInProgressRoot === root && renderExpirationTime === suspendedTime
-    ? prepareFreshStack(root, renderExpirationTime)
+    ? workInProgressRootExitStatus === RootSuspendedWithDelay ||
+      (workInProgressRootExitStatus === RootSuspended &&
+        1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+        now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
+      ? prepareFreshStack(root, renderExpirationTime)
+      : (workInProgressRootHasPendingPing = !0)
     : root.lastPendingTime < suspendedTime ||
       ((thenable = root.pingTime),
       (0 !== thenable && thenable < suspendedTime) ||
         ((root.pingTime = suspendedTime),
+        root.finishedExpirationTime === suspendedTime &&
+          ((root.finishedExpirationTime = 0), (root.finishedWork = null)),
         (thenable = requestCurrentTime()),
         (thenable = inferPriorityFromExpirationTime(thenable, suspendedTime)),
         scheduleCallbackForRoot(root, thenable, suspendedTime)));
@@ -6146,7 +6663,7 @@ function resolveRetryThenable(boundaryFiber, thenable) {
   var retryCache = boundaryFiber.stateNode;
   null !== retryCache && retryCache.delete(thenable);
   retryCache = requestCurrentTime();
-  thenable = computeExpirationForFiber(retryCache, boundaryFiber);
+  thenable = computeExpirationForFiber(retryCache, boundaryFiber, null);
   retryCache = inferPriorityFromExpirationTime(retryCache, thenable);
   boundaryFiber = markUpdateTimeFromFiberToRoot(boundaryFiber, thenable);
   null !== boundaryFiber &&
@@ -6199,6 +6716,11 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                   workInProgress,
                   renderExpirationTime
                 );
+              push(
+                suspenseStackCursor,
+                suspenseStackCursor.current & SubtreeSuspenseContextMask,
+                workInProgress
+              );
               workInProgress = bailoutOnAlreadyFinishedWork(
                 current$$1,
                 workInProgress,
@@ -6206,6 +6728,33 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
               );
               return null !== workInProgress ? workInProgress.sibling : null;
             }
+            push(
+              suspenseStackCursor,
+              suspenseStackCursor.current & SubtreeSuspenseContextMask,
+              workInProgress
+            );
+            break;
+          case 19:
+            updateExpirationTime =
+              workInProgress.childExpirationTime >= renderExpirationTime;
+            if (0 !== (current$$1.effectTag & 64)) {
+              if (updateExpirationTime)
+                return updateSuspenseListComponent(
+                  current$$1,
+                  workInProgress,
+                  renderExpirationTime
+                );
+              workInProgress.effectTag |= 64;
+            }
+            var renderState = workInProgress.memoizedState;
+            null !== renderState &&
+              ((renderState.rendering = null), (renderState.tail = null));
+            push(
+              suspenseStackCursor,
+              suspenseStackCursor.current,
+              workInProgress
+            );
+            if (!updateExpirationTime) return null;
         }
         return bailoutOnAlreadyFinishedWork(
           current$$1,
@@ -6218,31 +6767,31 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
   workInProgress.expirationTime = 0;
   switch (workInProgress.tag) {
     case 2:
-      updateExpirationTime = workInProgress.elementType;
+      updateExpirationTime = workInProgress.type;
       null !== current$$1 &&
         ((current$$1.alternate = null),
         (workInProgress.alternate = null),
         (workInProgress.effectTag |= 2));
       current$$1 = workInProgress.pendingProps;
-      var context = getMaskedContext(
+      renderState = getMaskedContext(
         workInProgress,
         contextStackCursor.current
       );
       prepareToReadContext(workInProgress, renderExpirationTime);
-      context = renderWithHooks(
+      renderState = renderWithHooks(
         null,
         workInProgress,
         updateExpirationTime,
         current$$1,
-        context,
+        renderState,
         renderExpirationTime
       );
       workInProgress.effectTag |= 1;
       if (
-        "object" === typeof context &&
-        null !== context &&
-        "function" === typeof context.render &&
-        void 0 === context.$$typeof
+        "object" === typeof renderState &&
+        null !== renderState &&
+        "function" === typeof renderState.render &&
+        void 0 === renderState.$$typeof
       ) {
         workInProgress.tag = 1;
         resetHooks();
@@ -6251,8 +6800,8 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           pushContextProvider(workInProgress);
         } else hasContext = !1;
         workInProgress.memoizedState =
-          null !== context.state && void 0 !== context.state
-            ? context.state
+          null !== renderState.state && void 0 !== renderState.state
+            ? renderState.state
             : null;
         var getDerivedStateFromProps =
           updateExpirationTime.getDerivedStateFromProps;
@@ -6263,9 +6812,9 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             getDerivedStateFromProps,
             current$$1
           );
-        context.updater = classComponentUpdater;
-        workInProgress.stateNode = context;
-        context._reactInternalFiber = workInProgress;
+        renderState.updater = classComponentUpdater;
+        workInProgress.stateNode = renderState;
+        renderState._reactInternalFiber = workInProgress;
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
@@ -6285,28 +6834,28 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           reconcileChildren(
             null,
             workInProgress,
-            context,
+            renderState,
             renderExpirationTime
           ),
           (workInProgress = workInProgress.child);
       return workInProgress;
     case 16:
-      context = workInProgress.elementType;
+      renderState = workInProgress.elementType;
       null !== current$$1 &&
         ((current$$1.alternate = null),
         (workInProgress.alternate = null),
         (workInProgress.effectTag |= 2));
       current$$1 = workInProgress.pendingProps;
-      context = readLazyComponentType(context);
-      workInProgress.type = context;
-      hasContext = workInProgress.tag = resolveLazyComponentTag(context);
-      current$$1 = resolveDefaultProps(context, current$$1);
+      renderState = readLazyComponentType(renderState);
+      workInProgress.type = renderState;
+      hasContext = workInProgress.tag = resolveLazyComponentTag(renderState);
+      current$$1 = resolveDefaultProps(renderState, current$$1);
       switch (hasContext) {
         case 0:
           workInProgress = updateFunctionComponent(
             null,
             workInProgress,
-            context,
+            renderState,
             current$$1,
             renderExpirationTime
           );
@@ -6315,7 +6864,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress = updateClassComponent(
             null,
             workInProgress,
-            context,
+            renderState,
             current$$1,
             renderExpirationTime
           );
@@ -6324,7 +6873,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress = updateForwardRef(
             null,
             workInProgress,
-            context,
+            renderState,
             current$$1,
             renderExpirationTime
           );
@@ -6333,49 +6882,51 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress = updateMemoComponent(
             null,
             workInProgress,
-            context,
-            resolveDefaultProps(context.type, current$$1),
+            renderState,
+            resolveDefaultProps(renderState.type, current$$1),
             updateExpirationTime,
             renderExpirationTime
           );
           break;
         default:
           throw ReactError(
-            "Element type is invalid. Received a promise that resolves to: " +
-              context +
-              ". Lazy element type must resolve to a class or function."
+            Error(
+              "Element type is invalid. Received a promise that resolves to: " +
+                renderState +
+                ". Lazy element type must resolve to a class or function."
+            )
           );
       }
       return workInProgress;
     case 0:
       return (
         (updateExpirationTime = workInProgress.type),
-        (context = workInProgress.pendingProps),
-        (context =
+        (renderState = workInProgress.pendingProps),
+        (renderState =
           workInProgress.elementType === updateExpirationTime
-            ? context
-            : resolveDefaultProps(updateExpirationTime, context)),
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
         updateFunctionComponent(
           current$$1,
           workInProgress,
           updateExpirationTime,
-          context,
+          renderState,
           renderExpirationTime
         )
       );
     case 1:
       return (
         (updateExpirationTime = workInProgress.type),
-        (context = workInProgress.pendingProps),
-        (context =
+        (renderState = workInProgress.pendingProps),
+        (renderState =
           workInProgress.elementType === updateExpirationTime
-            ? context
-            : resolveDefaultProps(updateExpirationTime, context)),
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
         updateClassComponent(
           current$$1,
           workInProgress,
           updateExpirationTime,
-          context,
+          renderState,
           renderExpirationTime
         )
       );
@@ -6384,10 +6935,12 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       updateExpirationTime = workInProgress.updateQueue;
       if (null === updateExpirationTime)
         throw ReactError(
-          "If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
-      context = workInProgress.memoizedState;
-      context = null !== context ? context.element : null;
+      renderState = workInProgress.memoizedState;
+      renderState = null !== renderState ? renderState.element : null;
       processUpdateQueue(
         workInProgress,
         updateExpirationTime,
@@ -6396,7 +6949,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
         renderExpirationTime
       );
       updateExpirationTime = workInProgress.memoizedState.element;
-      updateExpirationTime === context
+      updateExpirationTime === renderState
         ? (workInProgress = bailoutOnAlreadyFinishedWork(
             current$$1,
             workInProgress,
@@ -6460,16 +7013,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 11:
       return (
         (updateExpirationTime = workInProgress.type),
-        (context = workInProgress.pendingProps),
-        (context =
+        (renderState = workInProgress.pendingProps),
+        (renderState =
           workInProgress.elementType === updateExpirationTime
-            ? context
-            : resolveDefaultProps(updateExpirationTime, context)),
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
         updateForwardRef(
           current$$1,
           workInProgress,
           updateExpirationTime,
-          context,
+          renderState,
           renderExpirationTime
         )
       );
@@ -6507,9 +7060,9 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 10:
       a: {
         updateExpirationTime = workInProgress.type._context;
-        context = workInProgress.pendingProps;
+        renderState = workInProgress.pendingProps;
         getDerivedStateFromProps = workInProgress.memoizedProps;
-        hasContext = context.value;
+        hasContext = renderState.value;
         pushProvider(workInProgress, hasContext);
         if (null !== getDerivedStateFromProps) {
           var oldValue = getDerivedStateFromProps.value;
@@ -6523,7 +7076,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                 : 1073741823) | 0;
           if (0 === hasContext) {
             if (
-              getDerivedStateFromProps.children === context.children &&
+              getDerivedStateFromProps.children === renderState.children &&
               !didPerformWorkStackCursor.current
             ) {
               workInProgress = bailoutOnAlreadyFinishedWork(
@@ -6540,16 +7093,20 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
               null !== oldValue;
 
             ) {
-              var list = oldValue.contextDependencies;
+              var list = oldValue.dependencies;
               if (null !== list) {
                 getDerivedStateFromProps = oldValue.child;
-                for (var dependency = list.first; null !== dependency; ) {
+                for (
+                  var dependency = list.firstContext;
+                  null !== dependency;
+
+                ) {
                   if (
                     dependency.context === updateExpirationTime &&
                     0 !== (dependency.observedBits & hasContext)
                   ) {
                     1 === oldValue.tag &&
-                      ((dependency = createUpdate(renderExpirationTime)),
+                      ((dependency = createUpdate(renderExpirationTime, null)),
                       (dependency.tag = 2),
                       enqueueUpdate(oldValue, dependency));
                     oldValue.expirationTime < renderExpirationTime &&
@@ -6558,22 +7115,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                     null !== dependency &&
                       dependency.expirationTime < renderExpirationTime &&
                       (dependency.expirationTime = renderExpirationTime);
-                    dependency = renderExpirationTime;
-                    for (var node = oldValue.return; null !== node; ) {
-                      var alternate = node.alternate;
-                      if (node.childExpirationTime < dependency)
-                        (node.childExpirationTime = dependency),
-                          null !== alternate &&
-                            alternate.childExpirationTime < dependency &&
-                            (alternate.childExpirationTime = dependency);
-                      else if (
-                        null !== alternate &&
-                        alternate.childExpirationTime < dependency
-                      )
-                        alternate.childExpirationTime = dependency;
-                      else break;
-                      node = node.return;
-                    }
+                    scheduleWorkOnParentPath(
+                      oldValue.return,
+                      renderExpirationTime
+                    );
                     list.expirationTime < renderExpirationTime &&
                       (list.expirationTime = renderExpirationTime);
                     break;
@@ -6613,7 +7158,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
         reconcileChildren(
           current$$1,
           workInProgress,
-          context.children,
+          renderState.children,
           renderExpirationTime
         );
         workInProgress = workInProgress.child;
@@ -6621,12 +7166,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       return workInProgress;
     case 9:
       return (
-        (context = workInProgress.type),
+        (renderState = workInProgress.type),
         (hasContext = workInProgress.pendingProps),
         (updateExpirationTime = hasContext.children),
         prepareToReadContext(workInProgress, renderExpirationTime),
-        (context = readContext(context, hasContext.unstable_observedBits)),
-        (updateExpirationTime = updateExpirationTime(context)),
+        (renderState = readContext(
+          renderState,
+          hasContext.unstable_observedBits
+        )),
+        (updateExpirationTime = updateExpirationTime(renderState)),
         (workInProgress.effectTag |= 1),
         reconcileChildren(
           current$$1,
@@ -6638,16 +7186,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       );
     case 14:
       return (
-        (context = workInProgress.type),
+        (renderState = workInProgress.type),
         (hasContext = resolveDefaultProps(
-          context,
+          renderState,
           workInProgress.pendingProps
         )),
-        (hasContext = resolveDefaultProps(context.type, hasContext)),
+        (hasContext = resolveDefaultProps(renderState.type, hasContext)),
         updateMemoComponent(
           current$$1,
           workInProgress,
-          context,
+          renderState,
           hasContext,
           updateExpirationTime,
           renderExpirationTime
@@ -6665,11 +7213,11 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 17:
       return (
         (updateExpirationTime = workInProgress.type),
-        (context = workInProgress.pendingProps),
-        (context =
+        (renderState = workInProgress.pendingProps),
+        (renderState =
           workInProgress.elementType === updateExpirationTime
-            ? context
-            : resolveDefaultProps(updateExpirationTime, context)),
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
         null !== current$$1 &&
           ((current$$1.alternate = null),
           (workInProgress.alternate = null),
@@ -6682,13 +7230,13 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
         constructClassInstance(
           workInProgress,
           updateExpirationTime,
-          context,
+          renderState,
           renderExpirationTime
         ),
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
-          context,
+          renderState,
           renderExpirationTime
         ),
         finishClassComponent(
@@ -6700,13 +7248,20 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           renderExpirationTime
         )
       );
+    case 19:
+      return updateSuspenseListComponent(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
   }
   throw ReactError(
-    "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+    Error(
+      "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+    )
   );
 };
-function schedulePendingInteraction(root, expirationTime) {
-  var interactions = tracing.__interactionsRef.current;
+function scheduleInteractions(root, expirationTime, interactions) {
   if (0 < interactions.size) {
     var pendingInteractionMap = root.pendingInteractionMap,
       pendingInteractions = pendingInteractionMap.get(expirationTime);
@@ -6727,7 +7282,7 @@ function schedulePendingInteraction(root, expirationTime) {
       );
   }
 }
-function startWorkOnPendingInteraction(root, expirationTime) {
+function startWorkOnPendingInteractions(root, expirationTime) {
   var interactions = new Set();
   root.pendingInteractionMap.forEach(function(
     scheduledInteractions,
@@ -6752,7 +7307,6 @@ function startWorkOnPendingInteraction(root, expirationTime) {
       }
     }
   }
-  performWork(0, !0);
 }
 function finishPendingInteractions(root, committedExpirationTime) {
   var earliestRemainingTimeAfterCommit = root.firstPendingTime,
@@ -6792,14 +7346,248 @@ function finishPendingInteractions(root, committedExpirationTime) {
     });
   }
 }
+var onCommitFiberRoot = null,
+  onCommitFiberUnmount = null,
+  isDevToolsPresent = "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__;
+function injectInternals(internals) {
+  if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
+  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  if (hook.isDisabled || !hook.supportsFiber) return !0;
+  try {
+    var rendererID = hook.inject(internals);
+    onCommitFiberRoot = function(root, expirationTime) {
+      try {
+        var didError = 64 === (root.current.effectTag & 64),
+          currentTime = requestCurrentTime(),
+          priorityLevel = inferPriorityFromExpirationTime(
+            currentTime,
+            expirationTime
+          );
+        hook.onCommitFiberRoot(rendererID, root, priorityLevel, didError);
+      } catch (err) {}
+    };
+    onCommitFiberUnmount = function(fiber) {
+      try {
+        hook.onCommitFiberUnmount(rendererID, fiber);
+      } catch (err) {}
+    };
+  } catch (err) {}
+  return !0;
+}
+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.index = 0;
+  this.ref = null;
+  this.pendingProps = pendingProps;
+  this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
+  this.mode = mode;
+  this.effectTag = 0;
+  this.lastEffect = this.firstEffect = this.nextEffect = null;
+  this.childExpirationTime = this.expirationTime = 0;
+  this.alternate = null;
+  this.actualDuration = 0;
+  this.actualStartTime = -1;
+  this.treeBaseDuration = this.selfBaseDuration = 0;
+}
+function createFiber(tag, pendingProps, key, mode) {
+  return new FiberNode(tag, pendingProps, key, mode);
+}
+function shouldConstruct(Component) {
+  Component = Component.prototype;
+  return !(!Component || !Component.isReactComponent);
+}
+function resolveLazyComponentTag(Component) {
+  if ("function" === typeof Component)
+    return shouldConstruct(Component) ? 1 : 0;
+  if (void 0 !== Component && null !== Component) {
+    Component = Component.$$typeof;
+    if (Component === REACT_FORWARD_REF_TYPE) return 11;
+    if (Component === REACT_MEMO_TYPE) return 14;
+  }
+  return 2;
+}
+function createWorkInProgress(current, pendingProps) {
+  var workInProgress = current.alternate;
+  null === workInProgress
+    ? ((workInProgress = createFiber(
+        current.tag,
+        pendingProps,
+        current.key,
+        current.mode
+      )),
+      (workInProgress.elementType = current.elementType),
+      (workInProgress.type = current.type),
+      (workInProgress.stateNode = current.stateNode),
+      (workInProgress.alternate = current),
+      (current.alternate = workInProgress))
+    : ((workInProgress.pendingProps = pendingProps),
+      (workInProgress.effectTag = 0),
+      (workInProgress.nextEffect = null),
+      (workInProgress.firstEffect = null),
+      (workInProgress.lastEffect = null),
+      (workInProgress.actualDuration = 0),
+      (workInProgress.actualStartTime = -1));
+  workInProgress.childExpirationTime = current.childExpirationTime;
+  workInProgress.expirationTime = current.expirationTime;
+  workInProgress.child = current.child;
+  workInProgress.memoizedProps = current.memoizedProps;
+  workInProgress.memoizedState = current.memoizedState;
+  workInProgress.updateQueue = current.updateQueue;
+  pendingProps = current.dependencies;
+  workInProgress.dependencies =
+    null === pendingProps
+      ? null
+      : {
+          expirationTime: pendingProps.expirationTime,
+          firstContext: pendingProps.firstContext,
+          responders: pendingProps.responders
+        };
+  workInProgress.sibling = current.sibling;
+  workInProgress.index = current.index;
+  workInProgress.ref = current.ref;
+  workInProgress.selfBaseDuration = current.selfBaseDuration;
+  workInProgress.treeBaseDuration = current.treeBaseDuration;
+  return workInProgress;
+}
+function createFiberFromTypeAndProps(
+  type,
+  key,
+  pendingProps,
+  owner,
+  mode,
+  expirationTime
+) {
+  var fiberTag = 2;
+  owner = type;
+  if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
+  else if ("string" === typeof type) fiberTag = 5;
+  else
+    a: switch (type) {
+      case REACT_FRAGMENT_TYPE:
+        return createFiberFromFragment(
+          pendingProps.children,
+          mode,
+          expirationTime,
+          key
+        );
+      case REACT_CONCURRENT_MODE_TYPE:
+        fiberTag = 8;
+        mode |= 7;
+        break;
+      case REACT_STRICT_MODE_TYPE:
+        fiberTag = 8;
+        mode |= 1;
+        break;
+      case REACT_PROFILER_TYPE:
+        return (
+          (type = createFiber(12, pendingProps, key, mode | 8)),
+          (type.elementType = REACT_PROFILER_TYPE),
+          (type.type = REACT_PROFILER_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      case REACT_SUSPENSE_TYPE:
+        return (
+          (type = createFiber(13, pendingProps, key, mode)),
+          (type.type = REACT_SUSPENSE_TYPE),
+          (type.elementType = REACT_SUSPENSE_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      case REACT_SUSPENSE_LIST_TYPE:
+        return (
+          (type = createFiber(19, pendingProps, key, mode)),
+          (type.elementType = REACT_SUSPENSE_LIST_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      default:
+        if ("object" === typeof type && null !== type)
+          switch (type.$$typeof) {
+            case REACT_PROVIDER_TYPE:
+              fiberTag = 10;
+              break a;
+            case REACT_CONTEXT_TYPE:
+              fiberTag = 9;
+              break a;
+            case REACT_FORWARD_REF_TYPE:
+              fiberTag = 11;
+              break a;
+            case REACT_MEMO_TYPE:
+              fiberTag = 14;
+              break a;
+            case REACT_LAZY_TYPE:
+              fiberTag = 16;
+              owner = null;
+              break a;
+          }
+        throw ReactError(
+          Error(
+            "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
+              (null == type ? type : typeof type) +
+              "."
+          )
+        );
+    }
+  key = createFiber(fiberTag, pendingProps, key, mode);
+  key.elementType = type;
+  key.type = owner;
+  key.expirationTime = expirationTime;
+  return key;
+}
+function createFiberFromFragment(elements, mode, expirationTime, key) {
+  elements = createFiber(7, elements, key, mode);
+  elements.expirationTime = expirationTime;
+  return elements;
+}
+function createFiberFromText(content, mode, expirationTime) {
+  content = createFiber(6, content, null, mode);
+  content.expirationTime = expirationTime;
+  return content;
+}
+function createFiberFromPortal(portal, mode, expirationTime) {
+  mode = createFiber(
+    4,
+    null !== portal.children ? portal.children : [],
+    portal.key,
+    mode
+  );
+  mode.expirationTime = expirationTime;
+  mode.stateNode = {
+    containerInfo: portal.containerInfo,
+    pendingChildren: null,
+    implementation: portal.implementation
+  };
+  return mode;
+}
+function FiberRootNode(containerInfo, tag, hydrate) {
+  this.tag = tag;
+  this.current = null;
+  this.containerInfo = containerInfo;
+  this.pingCache = this.pendingChildren = null;
+  this.finishedExpirationTime = 0;
+  this.finishedWork = null;
+  this.timeoutHandle = -1;
+  this.pendingContext = this.context = null;
+  this.hydrate = hydrate;
+  this.callbackNode = this.firstBatch = null;
+  this.pingTime = this.lastPendingTime = this.firstPendingTime = this.callbackExpirationTime = 0;
+  this.interactionThreadID = tracing.unstable_getThreadID();
+  this.memoizedInteractions = new Set();
+  this.pendingInteractionMap = new Map();
+}
 function findHostInstance(component) {
   var fiber = component._reactInternalFiber;
   if (void 0 === fiber) {
     if ("function" === typeof component.render)
-      throw ReactError("Unable to find node on an unmounted component.");
+      throw ReactError(Error("Unable to find node on an unmounted component."));
     throw ReactError(
-      "Argument appears to not be a ReactComponent. Keys: " +
-        Object.keys(component)
+      Error(
+        "Argument appears to not be a ReactComponent. Keys: " +
+          Object.keys(component)
+      )
     );
   }
   component = findCurrentHostFiber(fiber);
@@ -6807,8 +7595,13 @@ function findHostInstance(component) {
 }
 function updateContainer(element, container, parentComponent, callback) {
   var current$$1 = container.current,
-    currentTime = requestCurrentTime();
-  current$$1 = computeExpirationForFiber(currentTime, current$$1);
+    currentTime = requestCurrentTime(),
+    suspenseConfig = ReactCurrentBatchConfig.suspense;
+  current$$1 = computeExpirationForFiber(
+    currentTime,
+    current$$1,
+    suspenseConfig
+  );
   currentTime = container.current;
   a: if (parentComponent) {
     parentComponent = parentComponent._reactInternalFiber;
@@ -6818,7 +7611,9 @@ function updateContainer(element, container, parentComponent, callback) {
         1 !== parentComponent.tag
       )
         throw ReactError(
-          "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       var parentContext = parentComponent;
       do {
@@ -6837,7 +7632,9 @@ function updateContainer(element, container, parentComponent, callback) {
         parentContext = parentContext.return;
       } while (null !== parentContext);
       throw ReactError(
-        "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     }
     if (1 === parentComponent.tag) {
@@ -6857,12 +7654,11 @@ function updateContainer(element, container, parentComponent, callback) {
     ? (container.context = parentComponent)
     : (container.pendingContext = parentComponent);
   container = callback;
-  callback = createUpdate(current$$1);
-  callback.payload = { element: element };
+  suspenseConfig = createUpdate(current$$1, suspenseConfig);
+  suspenseConfig.payload = { element: element };
   container = void 0 === container ? null : container;
-  null !== container && (callback.callback = container);
-  flushPassiveEffects();
-  enqueueUpdate(currentTime, callback);
+  null !== container && (suspenseConfig.callback = container);
+  enqueueUpdate(currentTime, suspenseConfig);
   scheduleUpdateOnFiber(currentTime, current$$1);
   return current$$1;
 }
@@ -6877,7 +7673,7 @@ function createPortal(children, containerInfo, implementation) {
     implementation: implementation
   };
 }
-function _inherits(subClass, superClass) {
+function _inherits$1(subClass, superClass) {
   if ("function" !== typeof superClass && null !== superClass)
     throw new TypeError(
       "Super expression must either be null or a function, not " +
@@ -6899,9 +7695,10 @@ function _inherits(subClass, superClass) {
 var getInspectorDataForViewTag = void 0;
 getInspectorDataForViewTag = function() {
   throw ReactError(
-    "getInspectorDataForViewTag() is not available in production"
+    Error("getInspectorDataForViewTag() is not available in production")
   );
 };
+var fabricDispatchCommand = nativeFabricUIManager.dispatchCommand;
 function findNodeHandle(componentOrHandle) {
   if (null == componentOrHandle) return null;
   if ("number" === typeof componentOrHandle) return componentOrHandle;
@@ -6915,19 +7712,19 @@ function findNodeHandle(componentOrHandle) {
       ? componentOrHandle.canonical._nativeTag
       : componentOrHandle._nativeTag;
 }
-_batchedUpdatesImpl = function(fn, a) {
-  if (0 !== workPhase) return fn(a);
-  workPhase = 1;
+batchedUpdatesImpl = function(fn, a) {
+  var prevExecutionContext = executionContext;
+  executionContext |= 1;
   try {
     return fn(a);
   } finally {
-    (workPhase = 0), flushImmediateQueue();
+    (executionContext = prevExecutionContext),
+      executionContext === NoContext && flushSyncCallbackQueue();
   }
 };
-_flushInteractiveUpdatesImpl = function() {
-  workPhase !== RenderPhase &&
-    workPhase !== CommitPhase &&
-    flushPendingDiscreteUpdates();
+flushDiscreteUpdatesImpl = function() {
+  (executionContext & (1 | RenderContext | CommitContext)) === NoContext &&
+    (flushPendingDiscreteUpdates(), flushPassiveEffects());
 };
 var roots = new Map(),
   ReactFabric = {
@@ -6946,12 +7743,16 @@ var roots = new Map(),
             ? this
             : call;
         }
-        _inherits(ReactNativeComponent, _React$Component);
+        _inherits$1(ReactNativeComponent, _React$Component);
         ReactNativeComponent.prototype.blur = function() {
-          TextInputState.blurTextInput(findNodeHandle(this));
+          ReactNativePrivateInterface.TextInputState.blurTextInput(
+            findNodeHandle(this)
+          );
         };
         ReactNativeComponent.prototype.focus = function() {
-          TextInputState.focusTextInput(findNodeHandle(this));
+          ReactNativePrivateInterface.TextInputState.focusTextInput(
+            findNodeHandle(this)
+          );
         };
         ReactNativeComponent.prototype.measure = function(callback) {
           var maybeInstance = void 0;
@@ -6964,7 +7765,7 @@ var roots = new Map(),
                   maybeInstance.node,
                   mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                 )
-              : UIManager.measure(
+              : ReactNativePrivateInterface.UIManager.measure(
                   findNodeHandle(this),
                   mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                 ));
@@ -6980,7 +7781,7 @@ var roots = new Map(),
                   maybeInstance.node,
                   mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                 )
-              : UIManager.measureInWindow(
+              : ReactNativePrivateInterface.UIManager.measureInWindow(
                   findNodeHandle(this),
                   mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                 ));
@@ -7002,7 +7803,7 @@ var roots = new Map(),
               : relativeToNativeNode._nativeTag &&
                 (maybeInstance = relativeToNativeNode._nativeTag),
             null != maybeInstance &&
-              UIManager.measureLayout(
+              ReactNativePrivateInterface.UIManager.measureLayout(
                 findNodeHandle(this),
                 maybeInstance,
                 mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
@@ -7026,7 +7827,7 @@ var roots = new Map(),
               maybeInstance.validAttributes
             );
             null != nativeProps &&
-              UIManager.updateView(
+              ReactNativePrivateInterface.UIManager.updateView(
                 nativeTag,
                 maybeInstance.uiViewClassName,
                 nativeProps
@@ -7038,12 +7839,21 @@ var roots = new Map(),
     })(findNodeHandle, findHostInstance),
     findNodeHandle: findNodeHandle,
     setNativeProps: function() {},
+    dispatchCommand: function(handle, command, args) {
+      null != handle._nativeTag &&
+        null != handle._internalInstanceHandle &&
+        fabricDispatchCommand(
+          handle._internalInstanceHandle.stateNode.node,
+          command,
+          args
+        );
+    },
     render: function(element, containerTag, callback) {
       var root = roots.get(containerTag);
       if (!root) {
-        root = new FiberRootNode(containerTag, !1);
+        root = new FiberRootNode(containerTag, 0, !1);
         var uninitializedFiber = 0;
-        isDevToolsPresent && (uninitializedFiber |= 4);
+        isDevToolsPresent && (uninitializedFiber |= 8);
         uninitializedFiber = createFiber(3, null, null, uninitializedFiber);
         root.current = uninitializedFiber;
         uninitializedFiber.stateNode = root;
@@ -7090,7 +7900,7 @@ var roots = new Map(),
                     maybeInstance.node,
                     mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                   )
-                : UIManager.measure(
+                : ReactNativePrivateInterface.UIManager.measure(
                     findNodeHandle(this),
                     mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                   ));
@@ -7106,7 +7916,7 @@ var roots = new Map(),
                     maybeInstance.node,
                     mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                   )
-                : UIManager.measureInWindow(
+                : ReactNativePrivateInterface.UIManager.measureInWindow(
                     findNodeHandle(this),
                     mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                   ));
@@ -7124,7 +7934,7 @@ var roots = new Map(),
                 : relativeToNativeNode._nativeTag &&
                   (maybeInstance = relativeToNativeNode._nativeTag),
               null != maybeInstance &&
-                UIManager.measureLayout(
+                ReactNativePrivateInterface.UIManager.measureLayout(
                   findNodeHandle(this),
                   maybeInstance,
                   mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
@@ -7148,7 +7958,7 @@ var roots = new Map(),
                 maybeInstance.validAttributes
               );
               null != nativeProps &&
-                UIManager.updateView(
+                ReactNativePrivateInterface.UIManager.updateView(
                   nativeTag,
                   maybeInstance.uiViewClassName,
                   nativeProps
@@ -7156,10 +7966,14 @@ var roots = new Map(),
             }
           },
           focus: function() {
-            TextInputState.focusTextInput(findNodeHandle(this));
+            ReactNativePrivateInterface.TextInputState.focusTextInput(
+              findNodeHandle(this)
+            );
           },
           blur: function() {
-            TextInputState.blurTextInput(findNodeHandle(this));
+            ReactNativePrivateInterface.TextInputState.blurTextInput(
+              findNodeHandle(this)
+            );
           }
         };
       })(findNodeHandle, findHostInstance)
@@ -7182,7 +7996,12 @@ var roots = new Map(),
         return findFiberByHostInstance
           ? findFiberByHostInstance(instance)
           : null;
-      }
+      },
+      findHostInstancesForRefresh: null,
+      scheduleRefresh: null,
+      scheduleRoot: null,
+      setRefreshHandler: null,
+      getCurrentFiber: null
     })
   );
 })({
diff --git a/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js b/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js
new file mode 100644
index 00000000000000..7304078eaa2790
--- /dev/null
+++ b/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js
@@ -0,0 +1,23104 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @noflow
+ * @preventMunge
+ * @generated
+ */
+
+'use strict';
+
+if (__DEV__) {
+  (function() {
+"use strict";
+
+require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
+var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface");
+var React = require("react");
+var checkPropTypes = require("prop-types/checkPropTypes");
+var Scheduler = require("scheduler");
+var tracing = require("scheduler/tracing");
+
+// Do not require this module directly! Use normal `invariant` calls with
+// template literal strings. The messages will be converted to ReactError during
+// build, and in production they will be minified.
+
+function ReactError(error) {
+  error.name = "Invariant Violation";
+  return error;
+}
+
+/**
+ * Use invariant() to assert state which your program assumes to be true.
+ *
+ * Provide sprintf-style format (only %s is supported) and arguments
+ * to provide information about what broke and what you were
+ * expecting.
+ *
+ * The invariant message will be stripped in production, but the invariant
+ * will remain to ensure logic does not differ in production.
+ */
+
+/**
+ * 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
+ */
+function recomputePluginOrdering() {
+  if (!eventPluginOrder) {
+    // Wait until an `eventPluginOrder` is injected.
+    return;
+  }
+  for (var pluginName in namesToPlugins) {
+    var pluginModule = namesToPlugins[pluginName];
+    var pluginIndex = eventPluginOrder.indexOf(pluginName);
+    (function() {
+      if (!(pluginIndex > -1)) {
+        throw ReactError(
+          Error(
+            "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+              pluginName +
+              "`."
+          )
+        );
+      }
+    })();
+    if (plugins[pluginIndex]) {
+      continue;
+    }
+    (function() {
+      if (!pluginModule.extractEvents) {
+        throw ReactError(
+          Error(
+            "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
+              pluginName +
+              "` does not."
+          )
+        );
+      }
+    })();
+    plugins[pluginIndex] = pluginModule;
+    var publishedEvents = pluginModule.eventTypes;
+    for (var eventName in publishedEvents) {
+      (function() {
+        if (
+          !publishEventForPlugin(
+            publishedEvents[eventName],
+            pluginModule,
+            eventName
+          )
+        ) {
+          throw ReactError(
+            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
+ */
+function publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
+  (function() {
+    if (!!eventNameDispatchConfigs.hasOwnProperty(eventName)) {
+      throw ReactError(
+        Error(
+          "EventPluginHub: 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
+        );
+      }
+    }
+    return true;
+  } else if (dispatchConfig.registrationName) {
+    publishRegistrationName(
+      dispatchConfig.registrationName,
+      pluginModule,
+      eventName
+    );
+    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
+ */
+function publishRegistrationName(registrationName, pluginModule, eventName) {
+  (function() {
+    if (!!registrationNameModules[registrationName]) {
+      throw ReactError(
+        Error(
+          "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
+            registrationName +
+            "`."
+        )
+      );
+    }
+  })();
+  registrationNameModules[registrationName] = pluginModule;
+  registrationNameDependencies[registrationName] =
+    pluginModule.eventTypes[eventName].dependencies;
+
+  {
+    var lowerCasedName = registrationName.toLowerCase();
+  }
+}
+
+/**
+ * Registers plugins so that they can extract and dispatch events.
+ *
+ * @see {EventPluginHub}
+ */
+
+/**
+ * Ordered list of injected plugins.
+ */
+var plugins = [];
+
+/**
+ * Mapping from event name to dispatch config
+ */
+var eventNameDispatchConfigs = {};
+
+/**
+ * Mapping from registration name to plugin module
+ */
+var registrationNameModules = {};
+
+/**
+ * Mapping from registration name to event name
+ */
+var registrationNameDependencies = {};
+
+/**
+ * Mapping from lowercase registration names to the properly cased version,
+ * used to warn in the case of missing event handlers. Available
+ * only in true.
+ * @type {Object}
+ */
+
+// Trust the developer to only use possibleRegistrationNames in true
+
+/**
+ * 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
+ * @see {EventPluginHub.injection.injectEventPluginOrder}
+ */
+function injectEventPluginOrder(injectedEventPluginOrder) {
+  (function() {
+    if (!!eventPluginOrder) {
+      throw ReactError(
+        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.
+  eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
+  recomputePluginOrdering();
+}
+
+/**
+ * Injects plugins to be used by `EventPluginHub`. 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
+ * @see {EventPluginHub.injection.injectEventPluginsByName}
+ */
+function injectEventPluginsByName(injectedNamesToPlugins) {
+  var isOrderingDirty = false;
+  for (var pluginName in injectedNamesToPlugins) {
+    if (!injectedNamesToPlugins.hasOwnProperty(pluginName)) {
+      continue;
+    }
+    var pluginModule = injectedNamesToPlugins[pluginName];
+    if (
+      !namesToPlugins.hasOwnProperty(pluginName) ||
+      namesToPlugins[pluginName] !== pluginModule
+    ) {
+      (function() {
+        if (!!namesToPlugins[pluginName]) {
+          throw ReactError(
+            Error(
+              "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+                pluginName +
+                "`."
+            )
+          );
+        }
+      })();
+      namesToPlugins[pluginName] = pluginModule;
+      isOrderingDirty = true;
+    }
+  }
+  if (isOrderingDirty) {
+    recomputePluginOrdering();
+  }
+}
+
+var invokeGuardedCallbackImpl = function(
+  name,
+  func,
+  context,
+  a,
+  b,
+  c,
+  d,
+  e,
+  f
+) {
+  var funcArgs = Array.prototype.slice.call(arguments, 3);
+  try {
+    func.apply(context, funcArgs);
+  } catch (error) {
+    this.onError(error);
+  }
+};
+
+{
+  // 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");
+
+    var invokeGuardedCallbackDev = function(
+      name,
+      func,
+      context,
+      a,
+      b,
+      c,
+      d,
+      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/facebookincubator/create-react-app/issues/3482
+      // So we preemptively throw with a better message instead.
+      (function() {
+        if (!(typeof document !== "undefined")) {
+          throw ReactError(
+            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."
+            )
+          );
+        }
+      })();
+      var evt = document.createEvent("Event");
+
+      // 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"
+      );
+
+      // 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() {
+        // 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;
+        }
+
+        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 = void 0;
+      // 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.
+            }
+          }
+        }
+      }
+
+      // Create a fake event type.
+      var evtType = "react-" + (name ? name : "invokeguardedcallback");
+
+      // Attach our event handlers
+      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.
+      evt.initEvent(evtType, false, false);
+      fakeNode.dispatchEvent(evt);
+
+      if (windowEventDescriptor) {
+        Object.defineProperty(window, "event", windowEventDescriptor);
+      }
+
+      if (didError) {
+        if (!didSetError) {
+          // The callback errored, but the error event never fired.
+          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) {
+          error = new Error(
+            "A cross-origin error was thrown. React doesn't have access to " +
+              "the actual error object in development. " +
+              "See https://fb.me/react-crossorigin-error for more information."
+          );
+        }
+        this.onError(error);
+      }
+
+      // Remove our event listeners
+      window.removeEventListener("error", handleWindowError);
+    };
+
+    invokeGuardedCallbackImpl = invokeGuardedCallbackDev;
+  }
+}
+
+var invokeGuardedCallbackImpl$1 = invokeGuardedCallbackImpl;
+
+// Used by Fiber to simulate a try-catch.
+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$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
+ */
+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 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 {
+    (function() {
+      {
+        throw ReactError(
+          Error(
+            "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
+  }
+}
+
+/**
+ * Similar to invariant but only logs a warning if the condition is not met.
+ * This can be used to log issues in development environments in critical
+ * paths. Removing the logging code for production environments will keep the
+ * same logic and follow the same code paths.
+ */
+
+var warningWithoutStack = function() {};
+
+{
+  warningWithoutStack = function(condition, format) {
+    for (
+      var _len = arguments.length,
+        args = Array(_len > 2 ? _len - 2 : 0),
+        _key = 2;
+      _key < _len;
+      _key++
+    ) {
+      args[_key - 2] = arguments[_key];
+    }
+
+    if (format === undefined) {
+      throw new Error(
+        "`warningWithoutStack(condition, format, ...args)` requires a warning " +
+          "message argument"
+      );
+    }
+    if (args.length > 8) {
+      // Check before the condition to catch violations early.
+      throw new Error(
+        "warningWithoutStack() currently supports at most 8 arguments."
+      );
+    }
+    if (condition) {
+      return;
+    }
+    if (typeof console !== "undefined") {
+      var argsWithFormat = args.map(function(item) {
+        return "" + item;
+      });
+      argsWithFormat.unshift("Warning: " + format);
+
+      // We intentionally don't use spread (or .apply) directly because it
+      // breaks IE9: https://github.com/facebook/react/issues/13610
+      Function.prototype.apply.call(console.error, console, argsWithFormat);
+    }
+    try {
+      // --- Welcome to debugging React ---
+      // This error was thrown as a convenience so that you can use this stack
+      // to find the callsite that caused this warning to fire.
+      var argIndex = 0;
+      var message =
+        "Warning: " +
+        format.replace(/%s/g, function() {
+          return args[argIndex++];
+        });
+      throw new Error(message);
+    } catch (x) {}
+  };
+}
+
+var warningWithoutStack$1 = warningWithoutStack;
+
+var getFiberCurrentPropsFromNode = null;
+var getInstanceFromNode = null;
+var getNodeFromInstance = null;
+
+function setComponentTree(
+  getFiberCurrentPropsFromNodeImpl,
+  getInstanceFromNodeImpl,
+  getNodeFromInstanceImpl
+) {
+  getFiberCurrentPropsFromNode = getFiberCurrentPropsFromNodeImpl;
+  getInstanceFromNode = getInstanceFromNodeImpl;
+  getNodeFromInstance = getNodeFromInstanceImpl;
+  {
+    !(getNodeFromInstance && getInstanceFromNode)
+      ? warningWithoutStack$1(
+          false,
+          "EventPluginUtils.setComponentTree(...): Injected " +
+            "module is missing getNodeFromInstance or getInstanceFromNode."
+        )
+      : void 0;
+  }
+}
+
+var validateEventDispatches = void 0;
+{
+  validateEventDispatches = function(event) {
+    var dispatchListeners = event._dispatchListeners;
+    var dispatchInstances = event._dispatchInstances;
+
+    var listenersIsArr = Array.isArray(dispatchListeners);
+    var listenersLen = listenersIsArr
+      ? dispatchListeners.length
+      : dispatchListeners
+        ? 1
+        : 0;
+
+    var instancesIsArr = Array.isArray(dispatchInstances);
+    var instancesLen = instancesIsArr
+      ? dispatchInstances.length
+      : dispatchInstances
+        ? 1
+        : 0;
+
+    !(instancesIsArr === listenersIsArr && instancesLen === listenersLen)
+      ? warningWithoutStack$1(false, "EventPluginUtils: Invalid `event`.")
+      : void 0;
+  };
+}
+
+/**
+ * Dispatch the event to the listener.
+ * @param {SyntheticEvent} event SyntheticEvent to handle
+ * @param {function} listener Application-level callback
+ * @param {*} inst Internal component instance
+ */
+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 executeDispatchesInOrder(event) {
+  var dispatchListeners = event._dispatchListeners;
+  var dispatchInstances = event._dispatchInstances;
+  {
+    validateEventDispatches(event);
+  }
+  if (Array.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);
+  }
+  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 executeDispatchesInOrderStopAtTrueImpl(event) {
+  var dispatchListeners = event._dispatchListeners;
+  var dispatchInstances = event._dispatchInstances;
+  {
+    validateEventDispatches(event);
+  }
+  if (Array.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.
+      if (dispatchListeners[i](event, dispatchInstances[i])) {
+        return dispatchInstances[i];
+      }
+    }
+  } else if (dispatchListeners) {
+    if (dispatchListeners(event, dispatchInstances)) {
+      return dispatchInstances;
+    }
+  }
+  return null;
+}
+
+/**
+ * @see executeDispatchesInOrderStopAtTrueImpl
+ */
+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 executeDirectDispatch(event) {
+  {
+    validateEventDispatches(event);
+  }
+  var dispatchListener = event._dispatchListeners;
+  var dispatchInstance = event._dispatchInstances;
+  (function() {
+    if (!!Array.isArray(dispatchListener)) {
+      throw ReactError(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.
+ */
+function hasDispatches(event) {
+  return !!event._dispatchListeners;
+}
+
+/**
+ * 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.
+ */
+
+function accumulateInto(current, next) {
+  (function() {
+    if (!(next != null)) {
+      throw ReactError(
+        Error(
+          "accumulateInto(...): Accumulated items must not be null or undefined."
+        )
+      );
+    }
+  })();
+
+  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 (Array.isArray(current)) {
+    if (Array.isArray(next)) {
+      current.push.apply(current, next);
+      return current;
+    }
+    current.push(next);
+    return current;
+  }
+
+  if (Array.isArray(next)) {
+    // A bit too dangerous to mutate `next`.
+    return [current].concat(next);
+  }
+
+  return [current, next];
+}
+
+/**
+ * @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);
+  }
+}
+
+/**
+ * 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 executeDispatchesAndRelease = function(event) {
+  if (event) {
+    executeDispatchesInOrder(event);
+
+    if (!event.isPersistent()) {
+      event.constructor.release(event);
+    }
+  }
+};
+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.
+  var processingEventQueue = eventQueue;
+  eventQueue = null;
+
+  if (!processingEventQueue) {
+    return;
+  }
+
+  forEachAccumulated(processingEventQueue, executeDispatchesAndReleaseTopLevel);
+  (function() {
+    if (!!eventQueue) {
+      throw ReactError(
+        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();
+}
+
+function isInteractive(tag) {
+  return (
+    tag === "button" ||
+    tag === "input" ||
+    tag === "select" ||
+    tag === "textarea"
+  );
+}
+
+function shouldPreventMouseEvent(name, type, props) {
+  switch (name) {
+    case "onClick":
+    case "onClickCapture":
+    case "onDoubleClick":
+    case "onDoubleClickCapture":
+    case "onMouseDown":
+    case "onMouseDownCapture":
+    case "onMouseMove":
+    case "onMouseMoveCapture":
+    case "onMouseUp":
+    case "onMouseUpCapture":
+      return !!(props.disabled && isInteractive(type));
+    default:
+      return false;
+  }
+}
+
+/**
+ * This is a unified interface for event plugins to be installed and configured.
+ *
+ * Event plugins can implement the following properties:
+ *
+ *   `extractEvents` {function(string, DOMEventTarget, string, object): *}
+ *     Required. When a top-level event is fired, this method is expected to
+ *     extract synthetic events that will in turn be queued and dispatched.
+ *
+ *   `eventTypes` {object}
+ *     Optional, plugins that fire events must publish a mapping of registration
+ *     names that are used to register listeners. Values of this mapping must
+ *     be objects that contain `registrationName` or `phasedRegistrationNames`.
+ *
+ *   `executeDispatch` {function(object, function, string)}
+ *     Optional, allows plugins to override how an event gets dispatched. By
+ *     default, the listener is simply invoked.
+ *
+ * Each plugin that is injected into `EventsPluginHub` is immediately operable.
+ *
+ * @public
+ */
+
+/**
+ * Methods for injecting dependencies.
+ */
+var injection = {
+  /**
+   * @param {array} InjectedEventPluginOrder
+   * @public
+   */
+  injectEventPluginOrder: injectEventPluginOrder,
+
+  /**
+   * @param {object} injectedNamesToPlugins Map from names to plugin modules.
+   */
+  injectEventPluginsByName: injectEventPluginsByName
+};
+
+/**
+ * @param {object} inst The instance, which is the source of events.
+ * @param {string} registrationName Name of listener (e.g. `onClick`).
+ * @return {?function} The stored callback.
+ */
+function getListener(inst, registrationName) {
+  var listener = void 0;
+
+  // TODO: shouldPreventMouseEvent is DOM-specific and definitely should not
+  // live here; needs to be moved to a better place soon
+  var stateNode = inst.stateNode;
+  if (!stateNode) {
+    // Work in progress (ex: onload events in incremental mode).
+    return null;
+  }
+  var props = getFiberCurrentPropsFromNode(stateNode);
+  if (!props) {
+    // Work in progress.
+    return null;
+  }
+  listener = props[registrationName];
+  if (shouldPreventMouseEvent(registrationName, inst.type, props)) {
+    return null;
+  }
+  (function() {
+    if (!(!listener || typeof listener === "function")) {
+      throw ReactError(
+        Error(
+          "Expected `" +
+            registrationName +
+            "` listener to be a function, instead got a value of `" +
+            typeof listener +
+            "` type."
+        )
+      );
+    }
+  })();
+  return listener;
+}
+
+/**
+ * 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;
+  for (var i = 0; i < plugins.length; i++) {
+    // Not every plugin in the ordering may be loaded at runtime.
+    var possiblePlugin = plugins[i];
+    if (possiblePlugin) {
+      var extractedEvents = possiblePlugin.extractEvents(
+        topLevelType,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget
+      );
+      if (extractedEvents) {
+        events = accumulateInto(events, extractedEvents);
+      }
+    }
+  }
+  return events;
+}
+
+function runExtractedPluginEventsInBatch(
+  topLevelType,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget
+) {
+  var events = extractPluginEvents(
+    topLevelType,
+    targetInst,
+    nativeEvent,
+    nativeEventTarget
+  );
+  runEventsInBatch(events);
+}
+
+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 DehydratedSuspenseComponent = 18;
+var SuspenseListComponent = 19;
+var FundamentalComponent = 20;
+
+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(tempA)) {
+    depthA++;
+  }
+  var depthB = 0;
+  for (var tempB = instB; tempB; tempB = getParent(tempB)) {
+    depthB++;
+  }
+
+  // If A is deeper, crawl up.
+  while (depthA - depthB > 0) {
+    instA = getParent(instA);
+    depthA--;
+  }
+
+  // If B is deeper, crawl up.
+  while (depthB - depthA > 0) {
+    instB = getParent(instB);
+    depthB--;
+  }
+
+  // Walk in lockstep until we find a match.
+  var depth = depthA;
+  while (depth--) {
+    if (instA === instB || instA === instB.alternate) {
+      return instA;
+    }
+    instA = getParent(instA);
+    instB = getParent(instB);
+  }
+  return null;
+}
+
+/**
+ * Return if A is an ancestor of B.
+ */
+function isAncestor(instA, instB) {
+  while (instB) {
+    if (instA === instB || instA === instB.alternate) {
+      return true;
+    }
+    instB = getParent(instB);
+  }
+  return false;
+}
+
+/**
+ * Return the parent instance of the passed-in instance.
+ */
+function getParentInstance(inst) {
+  return getParent(inst);
+}
+
+/**
+ * Simulates the traversal of a two-phase, capture/bubble event dispatch.
+ */
+function traverseTwoPhase(inst, fn, arg) {
+  var path = [];
+  while (inst) {
+    path.push(inst);
+    inst = getParent(inst);
+  }
+  var i = void 0;
+  for (i = path.length; i-- > 0; ) {
+    fn(path[i], "captured", arg);
+  }
+  for (i = 0; i < path.length; i++) {
+    fn(path[i], "bubbled", arg);
+  }
+}
+
+/**
+ * Traverses the ID hierarchy and invokes the supplied `cb` on any IDs that
+ * should would receive a `mouseEnter` or `mouseLeave` event.
+ *
+ * Does not invoke the callback on the nearest common ancestor because nothing
+ * "entered" or "left" that element.
+ */
+
+/**
+ * Some event types have a notion of different registration names for different
+ * "phases" of propagation. This finds listeners by a given phase.
+ */
+function listenerAtPhase(inst, event, propagationPhase) {
+  var registrationName =
+    event.dispatchConfig.phasedRegistrationNames[propagationPhase];
+  return getListener(inst, registrationName);
+}
+
+/**
+ * A small set of propagation patterns, each of which will accept a small amount
+ * of information, and generate a set of "dispatch ready event objects" - which
+ * are sets of events that have already been annotated with a set of dispatched
+ * listener functions/ids. The API is designed this way to discourage these
+ * propagation strategies from actually executing the dispatches, since we
+ * always want to collect the entire set of dispatches before executing even a
+ * single one.
+ */
+
+/**
+ * Tags a `SyntheticEvent` with dispatched listeners. Creating this function
+ * here, allows us to not have to bind or create functions for each event.
+ * Mutating the event's members allows us to not have to create a wrapping
+ * "dispatch" object that pairs the event with the listener.
+ */
+function accumulateDirectionalDispatches(inst, phase, event) {
+  {
+    !inst
+      ? warningWithoutStack$1(false, "Dispatching inst must not be null")
+      : void 0;
+  }
+  var listener = listenerAtPhase(inst, event, phase);
+  if (listener) {
+    event._dispatchListeners = accumulateInto(
+      event._dispatchListeners,
+      listener
+    );
+    event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
+  }
+}
+
+/**
+ * Collect dispatches (must be entirely collected before dispatching - see unit
+ * tests). Lazily allocate the array to conserve memory.  We must loop through
+ * each event and perform the traversal for each one. We cannot perform a
+ * single traversal for the entire collection of events because each event may
+ * have a different target.
+ */
+function accumulateTwoPhaseDispatchesSingle(event) {
+  if (event && event.dispatchConfig.phasedRegistrationNames) {
+    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
+  }
+}
+
+/**
+ * Same as `accumulateTwoPhaseDispatchesSingle`, but skips over the targetID.
+ */
+function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
+  if (event && event.dispatchConfig.phasedRegistrationNames) {
+    var targetInst = event._targetInst;
+    var parentInst = targetInst ? getParentInstance(targetInst) : null;
+    traverseTwoPhase(parentInst, accumulateDirectionalDispatches, event);
+  }
+}
+
+/**
+ * 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.
+ */
+function accumulateDispatches(inst, ignoredDirection, event) {
+  if (inst && event && event.dispatchConfig.registrationName) {
+    var registrationName = event.dispatchConfig.registrationName;
+    var listener = getListener(inst, registrationName);
+    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 accumulateDirectDispatchesSingle(event) {
+  if (event && event.dispatchConfig.registrationName) {
+    accumulateDispatches(event._targetInst, null, event);
+  }
+}
+
+function accumulateTwoPhaseDispatches(events) {
+  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle);
+}
+
+function accumulateTwoPhaseDispatchesSkipTarget(events) {
+  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingleSkipTarget);
+}
+
+function accumulateDirectDispatches(events) {
+  forEachAccumulated(events, accumulateDirectDispatchesSingle);
+}
+
+/* eslint valid-typeof: 0 */
+
+var EVENT_POOL_SIZE = 10;
+
+/**
+ * @interface Event
+ * @see http://www.w3.org/TR/DOM-Level-3-Events/
+ */
+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;
+}
+
+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 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;
+
+  var Interface = this.constructor.Interface;
+  for (var propName in Interface) {
+    if (!Interface.hasOwnProperty(propName)) {
+      continue;
+    }
+    {
+      delete this[propName]; // this has a getter/setter for warnings
+    }
+    var normalize = Interface[propName];
+    if (normalize) {
+      this[propName] = normalize(nativeEvent);
+    } else {
+      if (propName === "target") {
+        this.target = nativeEventTarget;
+      } else {
+        this[propName] = nativeEvent[propName];
+      }
+    }
+  }
+
+  var defaultPrevented =
+    nativeEvent.defaultPrevented != null
+      ? nativeEvent.defaultPrevented
+      : nativeEvent.returnValue === false;
+  if (defaultPrevented) {
+    this.isDefaultPrevented = functionThatReturnsTrue;
+  } else {
+    this.isDefaultPrevented = functionThatReturnsFalse;
+  }
+  this.isPropagationStopped = functionThatReturnsFalse;
+  return this;
+}
+
+Object.assign(SyntheticEvent.prototype, {
+  preventDefault: function() {
+    this.defaultPrevented = true;
+    var event = this.nativeEvent;
+    if (!event) {
+      return;
+    }
+
+    if (event.preventDefault) {
+      event.preventDefault();
+    } else if (typeof event.returnValue !== "unknown") {
+      event.returnValue = false;
+    }
+    this.isDefaultPrevented = functionThatReturnsTrue;
+  },
+
+  stopPropagation: function() {
+    var event = this.nativeEvent;
+    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;
+  },
+
+  /**
+   * 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])
+        );
+      }
+    }
+    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() {})
+      );
+    }
+  }
+});
+
+SyntheticEvent.Interface = EventInterface;
+
+/**
+ * Helper to reduce boilerplate when creating subclasses.
+ */
+SyntheticEvent.extend = function(Interface) {
+  var Super = this;
+
+  var E = function() {};
+  E.prototype = Super.prototype;
+  var prototype = new E();
+
+  function Class() {
+    return Super.apply(this, arguments);
+  }
+  Object.assign(prototype, Class.prototype);
+  Class.prototype = prototype;
+  Class.prototype.constructor = Class;
+
+  Class.Interface = Object.assign({}, Super.Interface, Interface);
+  Class.extend = Super.extend;
+  addEventPoolingTo(Class);
+
+  return Class;
+};
+
+addEventPoolingTo(SyntheticEvent);
+
+/**
+ * Helper to nullify syntheticEvent instance properties when destructing
+ *
+ * @param {String} propName
+ * @param {?object} getVal
+ * @return {object} defineProperty object
+ */
+function getPooledWarningPropertyDefinition(propName, getVal) {
+  var isFunction = typeof getVal === "function";
+  return {
+    configurable: true,
+    set: set,
+    get: get
+  };
+
+  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) {
+    var warningCondition = false;
+    !warningCondition
+      ? warningWithoutStack$1(
+          false,
+          "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://fb.me/react-event-pooling for more information.",
+          action,
+          propName,
+          result
+        )
+      : void 0;
+  }
+}
+
+function getPooledEvent(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
+  );
+}
+
+function releasePooledEvent(event) {
+  var EventConstructor = this;
+  (function() {
+    if (!(event instanceof EventConstructor)) {
+      throw ReactError(
+        Error(
+          "Trying to release an event instance into a pool of a different type."
+        )
+      );
+    }
+  })();
+  event.destructor();
+  if (EventConstructor.eventPool.length < EVENT_POOL_SIZE) {
+    EventConstructor.eventPool.push(event);
+  }
+}
+
+function addEventPoolingTo(EventConstructor) {
+  EventConstructor.eventPool = [];
+  EventConstructor.getPooled = getPooledEvent;
+  EventConstructor.release = releasePooledEvent;
+}
+
+/**
+ * `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.
+ */
+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];
+
+/**
+ * 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.
+ */
+
+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.
+ */
+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)
+  };
+}
+
+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 getTouchIdentifier(_ref) {
+  var identifier = _ref.identifier;
+
+  (function() {
+    if (!(identifier != null)) {
+      throw ReactError(Error("Touch object is missing identifier."));
+    }
+  })();
+  {
+    !(identifier <= MAX_TOUCH_BANK)
+      ? warningWithoutStack$1(
+          false,
+          "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
+        )
+      : void 0;
+  }
+  return identifier;
+}
+
+function recordTouchStart(touch) {
+  var identifier = getTouchIdentifier(touch);
+  var touchRecord = touchBank[identifier];
+  if (touchRecord) {
+    resetTouchRecord(touchRecord, touch);
+  } else {
+    touchBank[identifier] = createTouchRecord(touch);
+  }
+  touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+}
+
+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 {
+    console.warn(
+      "Cannot record touch move without a touch start.\n" + "Touch Move: %s\n",
+      "Touch Bank: %s",
+      printTouch(touch),
+      printTouchBank()
+    );
+  }
+}
+
+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 {
+    console.warn(
+      "Cannot record touch end without a touch start.\n" + "Touch End: %s\n",
+      "Touch Bank: %s",
+      printTouch(touch),
+      printTouchBank()
+    );
+  }
+}
+
+function printTouch(touch) {
+  return JSON.stringify({
+    identifier: touch.identifier,
+    pageX: touch.pageX,
+    pageY: touch.pageY,
+    timestamp: timestampForTouch(touch)
+  });
+}
+
+function printTouchBank() {
+  var printed = JSON.stringify(touchBank.slice(0, MAX_TOUCH_BANK));
+  if (touchBank.length > MAX_TOUCH_BANK) {
+    printed += " (original size: " + touchBank.length + ")";
+  }
+  return printed;
+}
+
+var ResponderTouchHistoryStore = {
+  recordTouchTrack: function(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];
+          !(activeRecord != null && activeRecord.touchActive)
+            ? warningWithoutStack$1(false, "Cannot find single active touch.")
+            : void 0;
+        }
+      }
+    }
+  },
+
+  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.
+ */
+function accumulate(current, next) {
+  (function() {
+    if (!(next != null)) {
+      throw ReactError(
+        Error(
+          "accumulate(...): Accumulated items must not be null or undefined."
+        )
+      );
+    }
+  })();
+
+  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 (Array.isArray(current)) {
+    return current.concat(next);
+  }
+
+  if (Array.isArray(next)) {
+    return [current].concat(next);
+  }
+
+  return [current, next];
+}
+
+/**
+ * Instance of element that should respond to touch/move types of interactions,
+ * as indicated explicitly by relevant callbacks.
+ */
+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 trackedTouchCount = 0;
+
+var changeResponder = function(nextResponderInst, blockHostResponder) {
+  var oldResponderInst = responderInst;
+  responderInst = nextResponderInst;
+  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: []
+  }
+};
+
+/**
+ *
+ * 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
+                                             +-----------------------+
+                                            /                         \
+Process low level events to    +     Current Responder      +   wantsResponderID
+determine who to perform negot-|   (if any exists at all)   |
+iation/transition              | Otherwise just pass through|
+-------------------------------+----------------------------+------------------+
+Bubble to find first ID        |                            |
+to return true:wantsResponderID|                            |
+                               |                            |
+     +-------------+           |                            |
+     | onTouchStart|           |                            |
+     +------+------+     none  |                            |
+            |            return|                            |
++-----------v-------------+true| +------------------------+ |
+|onStartShouldSetResponder|----->|onResponderStart (cur)  |<-----------+
++-----------+-------------+    | +------------------------+ |          |
+            |                  |                            | +--------+-------+
+            | returned true for|       false:REJECT +-------->|onResponderReject
+            | wantsResponderID |                    |       | +----------------+
+            | (now attempt     | +------------------+-----+ |
+            |  handoff)        | |   onResponder          | |
+            +------------------->|      TerminationRequest| |
+                               | +------------------+-----+ |
+                               |                    |       | +----------------+
+                               |         true:GRANT +-------->|onResponderGrant|
+                               |                            | +--------+-------+
+                               | +------------------------+ |          |
+                               | |   onResponderTerminate |<-----------+
+                               | +------------------+-----+ |
+                               |                    |       | +----------------+
+                               |                    +-------->|onResponderStart|
+                               |                            | +----------------+
+Bubble to find first ID        |                            |
+to return true:wantsResponderID|                            |
+                               |                            |
+     +-------------+           |                            |
+     | onTouchMove |           |                            |
+     +------+------+     none  |                            |
+            |            return|                            |
++-----------v-------------+true| +------------------------+ |
+|onMoveShouldSetResponder |----->|onResponderMove (cur)   |<-----------+
++-----------+-------------+    | +------------------------+ |          |
+            |                  |                            | +--------+-------+
+            | returned true for|       false:REJECT +-------->|onResponderRejec|
+            | wantsResponderID |                    |       | +----------------+
+            | (now attempt     | +------------------+-----+ |
+            |  handoff)        | |   onResponder          | |
+            +------------------->|      TerminationRequest| |
+                               | +------------------+-----+ |
+                               |                    |       | +----------------+
+                               |         true:GRANT +-------->|onResponderGrant|
+                               |                            | +--------+-------+
+                               | +------------------------+ |          |
+                               | |   onResponderTerminate |<-----------+
+                               | +------------------+-----+ |
+                               |                    |       | +----------------+
+                               |                    +-------->|onResponderMove |
+                               |                            | +----------------+
+                               |                            |
+                               |                            |
+      Some active touch started|                            |
+      inside current responder | +------------------------+ |
+      +------------------------->|      onResponderEnd    | |
+      |                        | +------------------------+ |
+  +---+---------+              |                            |
+  | onTouchEnd  |              |                            |
+  +---+---------+              |                            |
+      |                        | +------------------------+ |
+      +------------------------->|     onResponderEnd     | |
+      No active touches started| +-----------+------------+ |
+      inside current responder |             |              |
+                               |             v              |
+                               | +------------------------+ |
+                               | |    onResponderRelease  | |
+                               | +------------------------+ |
+                               |                            |
+                               +                            + */
+
+/**
+ * A note about event ordering in the `EventPluginHub`.
+ *
+ * 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 `EventPluginHub` (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 `EventPluginHub`)
+ * - `S`s extracted events (if any)   (dispatched by `EventPluginHub`)
+ * - `C`s extracted events (if any)   (dispatched by `EventPluginHub`)
+ *
+ * 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`       (`EventPluginHub` dispatches as usual)
+ * - `touchStart`              (`EventPluginHub` dispatches as usual)
+ * - `responderGrant/Reject`   (`EventPluginHub` 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 = void 0;
+  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,
+      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,
+        nativeEvent,
+        nativeEventTarget
+      );
+      terminateEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+      accumulateDirectDispatches(terminateEvent);
+      extracted = accumulate(extracted, [grantEvent, terminateEvent]);
+      changeResponder(wantsResponderInst, blockHostResponder);
+    } else {
+      var rejectEvent = ResponderSyntheticEvent.getPooled(
+        eventTypes.responderReject,
+        wantsResponderInst,
+        nativeEvent,
+        nativeEventTarget
+      );
+      rejectEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+      accumulateDirectDispatches(rejectEvent);
+      extracted = accumulate(extracted, rejectEvent);
+    }
+  } else {
+    extracted = accumulate(extracted, grantEvent);
+    changeResponder(wantsResponderInst, blockHostResponder);
+  }
+  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;
+  if (!touches || touches.length === 0) {
+    return true;
+  }
+  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 (isAncestor(responderInst, targetInst)) {
+        return false;
+      }
+    }
+  }
+  return true;
+}
+
+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
+  ) {
+    if (isStartish(topLevelType)) {
+      trackedTouchCount += 1;
+    } else if (isEndish(topLevelType)) {
+      if (trackedTouchCount >= 0) {
+        trackedTouchCount -= 1;
+      } else {
+        console.error(
+          "Ended a touch event which was not counted in `trackedTouchCount`."
+        );
+        return null;
+      }
+    }
+
+    ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
+
+    var extracted = canTriggerTransfer(topLevelType, targetInst, nativeEvent)
+      ? 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(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);
+    }
+
+    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;
+    }
+  }
+};
+
+// Module provided by RN:
+var customBubblingEventTypes =
+  ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+    .customBubblingEventTypes;
+var customDirectEventTypes =
+  ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+    .customDirectEventTypes;
+
+var ReactNativeBridgeEventPlugin = {
+  eventTypes: {},
+
+  /**
+   * @see {EventPluginHub.extractEvents}
+   */
+  extractEvents: function(
+    topLevelType,
+    targetInst,
+    nativeEvent,
+    nativeEventTarget
+  ) {
+    if (targetInst == null) {
+      // Probably a node belonging to another renderer's tree.
+      return null;
+    }
+    var bubbleDispatchConfig = customBubblingEventTypes[topLevelType];
+    var directDispatchConfig = customDirectEventTypes[topLevelType];
+    (function() {
+      if (!(bubbleDispatchConfig || directDispatchConfig)) {
+        throw ReactError(
+          Error(
+            'Unsupported top level event type "' + topLevelType + '" dispatched'
+          )
+        );
+      }
+    })();
+    var event = SyntheticEvent.getPooled(
+      bubbleDispatchConfig || directDispatchConfig,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    );
+    if (bubbleDispatchConfig) {
+      accumulateTwoPhaseDispatches(event);
+    } else if (directDispatchConfig) {
+      accumulateDirectDispatches(event);
+    } else {
+      return null;
+    }
+    return event;
+  }
+};
+
+var ReactNativeEventPluginOrder = [
+  "ResponderEventPlugin",
+  "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
+ */
+// Module provided by RN:
+/**
+ * Inject module for resolving DOM hierarchy and plugin ordering.
+ */
+injection.injectEventPluginOrder(ReactNativeEventPluginOrder);
+
+/**
+ * Some important event plugins included by default (without having to require
+ * them).
+ */
+injection.injectEventPluginsByName({
+  ResponderEventPlugin: ResponderEventPlugin,
+  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
+});
+
+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);
+}
+
+function getInstanceFromTag(tag) {
+  return instanceCache.get(tag) || null;
+}
+
+function getTagFromInstance(inst) {
+  var tag = inst.stateNode._nativeTag;
+  if (tag === undefined) {
+    tag = inst.stateNode.canonical._nativeTag;
+  }
+  (function() {
+    if (!tag) {
+      throw ReactError(Error("All native instances should have a tag."));
+    }
+  })();
+  return tag;
+}
+
+function getFiberCurrentPropsFromNode$1(stateNode) {
+  return instanceProps.get(stateNode._nativeTag) || null;
+}
+
+function updateFiberProps(tag, props) {
+  instanceProps.set(tag, props);
+}
+
+// Use to restore controlled state after a change event has fired.
+
+var restoreImpl = null;
+var restoreTarget = null;
+var restoreQueue = null;
+
+function restoreStateOfTarget(target) {
+  // We perform this translation at the end of the event loop so that we
+  // always receive the correct fiber here
+  var internalInstance = getInstanceFromNode(target);
+  if (!internalInstance) {
+    // Unmounted
+    return;
+  }
+  (function() {
+    if (!(typeof restoreImpl === "function")) {
+      throw ReactError(
+        Error(
+          "setRestoreImplementation() needs to be called to handle a target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    }
+  })();
+  var props = getFiberCurrentPropsFromNode(internalInstance.stateNode);
+  restoreImpl(internalInstance.stateNode, internalInstance.type, props);
+}
+
+function needsStateRestore() {
+  return restoreTarget !== null || restoreQueue !== null;
+}
+
+function restoreStateIfNeeded() {
+  if (!restoreTarget) {
+    return;
+  }
+  var target = restoreTarget;
+  var queuedTargets = restoreQueue;
+  restoreTarget = null;
+  restoreQueue = null;
+
+  restoreStateOfTarget(target);
+  if (queuedTargets) {
+    for (var i = 0; i < queuedTargets.length; i++) {
+      restoreStateOfTarget(queuedTargets[i]);
+    }
+  }
+}
+
+// Re-export dynamic flags from the fbsource version.
+var _require = require("../shims/ReactFeatureFlags");
+
+var debugRenderPhaseSideEffects = _require.debugRenderPhaseSideEffects;
+
+var enableUserTimingAPI = true;
+var enableProfilerTimer = true;
+var enableSchedulerTracing = true;
+var enableSuspenseServerRenderer = false;
+
+var debugRenderPhaseSideEffectsForStrictMode = true;
+
+var replayFailedUnitOfWorkWithInvokeGuardedCallback = true;
+var warnAboutDeprecatedLifecycles = true;
+var warnAboutDeprecatedSetNativeProps = true;
+var enableFlareAPI = false;
+var enableFundamentalAPI = false;
+
+var warnAboutUnmockedScheduler = true;
+var revertPassiveEffectsChange = false;
+var flushSuspenseFallbacksInTests = true;
+
+var enableSuspenseCallback = false;
+var warnAboutDefaultPropsOnFunctionComponents = false;
+var warnAboutStringRefs = false;
+var disableLegacyContext = false;
+var disableSchedulerTimeoutBasedOnReactExpirationTime = false;
+
+// Only used in www builds.
+
+// 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 flushDiscreteUpdatesImpl = function() {};
+var isInsideEventHandler = false;
+
+function finishEventHandler() {
+  // Here we wait until all updates have propagated, which is important
+  // when using controlled components within layers:
+  // https://github.com/facebook/react/issues/1698
+  // Then we restore state of any controlled component.
+  var controlledComponentsHavePendingUpdates = needsStateRestore();
+  if (controlledComponentsHavePendingUpdates) {
+    // If a controlled event was fired, we may need to restore the state of
+    // the DOM node back to the controlled value. This is necessary when React
+    // bails out of the update without touching the DOM.
+    flushDiscreteUpdatesImpl();
+    restoreStateIfNeeded();
+  }
+}
+
+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;
+    finishEventHandler();
+  }
+}
+
+function setBatchingImplementation(
+  _batchedUpdatesImpl,
+  _discreteUpdatesImpl,
+  _flushDiscreteUpdatesImpl,
+  _batchedEventUpdatesImpl
+) {
+  batchedUpdatesImpl = _batchedUpdatesImpl;
+  flushDiscreteUpdatesImpl = _flushDiscreteUpdatesImpl;
+}
+
+/**
+ * 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.
+ */
+var touchSubsequence = function(touches, indices) {
+  var ret = [];
+  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.
+ */
+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;
+  for (var i = 0; i < indices.length; i++) {
+    var index = indices[i];
+    rippedOut.push(touches[index]);
+    temp[index] = null;
+  }
+  var fillAt = 0;
+  for (var j = 0; j < temp.length; j++) {
+    var cur = temp[j];
+    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.
+ */
+function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
+  var nativeEvent = nativeEventParam || EMPTY_NATIVE_EVENT;
+  var inst = getInstanceFromTag(rootNodeID);
+  batchedUpdates(function() {
+    runExtractedPluginEventsInBatch(
+      topLevelType,
+      inst,
+      nativeEvent,
+      nativeEvent.target
+    );
+  });
+  // React Native doesn't use ReactControlledComponent but if it did, here's
+  // where it would do it.
+}
+
+/**
+ * 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 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 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) {
+        {
+          warningWithoutStack$1(
+            false,
+            "A view is reporting that a touch occurred on tag zero."
+          );
+        }
+      } 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();
+    }
+  }
+};
+
+// Module provided by RN:
+/**
+ * Register the event emitter with the native bridge
+ */
+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.
+ */
+
+/**
+ * This API should be called `delete` but we'd have to make sure to always
+ * transform these to strings for IE support. When this transform is fully
+ * supported we can rename it.
+ */
+
+function get(key) {
+  return key._reactInternalFiber;
+}
+
+function set(key, value) {
+  key._reactInternalFiber = value;
+}
+
+var ReactSharedInternals =
+  React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+// Prevent newer renderers from RTE when used with older react package versions.
+// Current owner and dispatcher used to share the same ref,
+// but PR #14548 split them out to better support the react-debug-tools package.
+if (!ReactSharedInternals.hasOwnProperty("ReactCurrentDispatcher")) {
+  ReactSharedInternals.ReactCurrentDispatcher = {
+    current: null
+  };
+}
+if (!ReactSharedInternals.hasOwnProperty("ReactCurrentBatchConfig")) {
+  ReactSharedInternals.ReactCurrentBatchConfig = {
+    suspense: null
+  };
+}
+
+// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
+// nor polyfill, then a plain number is used for performance.
+var hasSymbol = typeof Symbol === "function" && Symbol.for;
+
+var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 0xeac7;
+var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 0xeaca;
+var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 0xeacb;
+var REACT_STRICT_MODE_TYPE = hasSymbol
+  ? Symbol.for("react.strict_mode")
+  : 0xeacc;
+var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 0xead2;
+var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 0xeacd;
+var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 0xeace;
+// TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
+// (unstable) APIs that have been removed. Can we remove the symbols?
+
+var REACT_CONCURRENT_MODE_TYPE = hasSymbol
+  ? Symbol.for("react.concurrent_mode")
+  : 0xeacf;
+var REACT_FORWARD_REF_TYPE = hasSymbol
+  ? Symbol.for("react.forward_ref")
+  : 0xead0;
+var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 0xead1;
+var REACT_SUSPENSE_LIST_TYPE = hasSymbol
+  ? Symbol.for("react.suspense_list")
+  : 0xead8;
+var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 0xead3;
+var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 0xead4;
+var REACT_FUNDAMENTAL_TYPE = hasSymbol
+  ? Symbol.for("react.fundamental")
+  : 0xead5;
+var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 0xead6;
+
+var MAYBE_ITERATOR_SYMBOL = typeof Symbol === "function" && 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;
+}
+
+var Pending = 0;
+var Resolved = 1;
+var Rejected = 2;
+
+function refineResolvedLazyComponent(lazyComponent) {
+  return lazyComponent._status === Resolved ? lazyComponent._result : null;
+}
+
+function getWrappedName(outerType, innerType, wrapperName) {
+  var functionName = innerType.displayName || innerType.name || "";
+  return (
+    outerType.displayName ||
+    (functionName !== "" ? wrapperName + "(" + functionName + ")" : wrapperName)
+  );
+}
+
+function getComponentName(type) {
+  if (type == null) {
+    // Host root, text node or just invalid type.
+    return null;
+  }
+  {
+    if (typeof type.tag === "number") {
+      warningWithoutStack$1(
+        false,
+        "Received an unexpected object in getComponentName(). " +
+          "This is likely a bug in React. Please file an issue."
+      );
+    }
+  }
+  if (typeof type === "function") {
+    return type.displayName || type.name || null;
+  }
+  if (typeof type === "string") {
+    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 (typeof type === "object") {
+    switch (type.$$typeof) {
+      case REACT_CONTEXT_TYPE:
+        return "Context.Consumer";
+      case REACT_PROVIDER_TYPE:
+        return "Context.Provider";
+      case REACT_FORWARD_REF_TYPE:
+        return getWrappedName(type, type.render, "ForwardRef");
+      case REACT_MEMO_TYPE:
+        return getComponentName(type.type);
+      case REACT_LAZY_TYPE: {
+        var thenable = type;
+        var resolvedThenable = refineResolvedLazyComponent(thenable);
+        if (resolvedThenable) {
+          return getComponentName(resolvedThenable);
+        }
+        break;
+      }
+    }
+  }
+  return null;
+}
+
+// Don't change these two values. They're used by React Dev Tools.
+var NoEffect = /*              */ 0;
+var PerformedWork = /*         */ 1;
+
+// You can change the rest (and add more).
+var Placement = /*             */ 2;
+var Update = /*                */ 4;
+var PlacementAndUpdate = /*    */ 6;
+var Deletion = /*              */ 8;
+var ContentReset = /*          */ 16;
+var Callback = /*              */ 32;
+var DidCapture = /*            */ 64;
+var Ref = /*                   */ 128;
+var Snapshot = /*              */ 256;
+var Passive = /*               */ 512;
+
+// Passive & Update & Callback & Ref & Snapshot
+var LifecycleEffectMask = /*   */ 932;
+
+// Union of all host effects
+var HostEffectMask = /*        */ 1023;
+
+var Incomplete = /*            */ 1024;
+var ShouldCapture = /*         */ 2048;
+
+var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
+
+var MOUNTING = 1;
+var MOUNTED = 2;
+var UNMOUNTED = 3;
+
+function isFiberMountedImpl(fiber) {
+  var node = 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.
+    if ((node.effectTag & Placement) !== NoEffect) {
+      return MOUNTING;
+    }
+    while (node.return) {
+      node = node.return;
+      if ((node.effectTag & Placement) !== NoEffect) {
+        return MOUNTING;
+      }
+    }
+  } else {
+    while (node.return) {
+      node = node.return;
+    }
+  }
+  if (node.tag === HostRoot) {
+    // TODO: Check if this was a nested HostRoot when used with
+    // renderContainerIntoSubtree.
+    return MOUNTED;
+  }
+  // If we didn't hit the root, that means that we're in an disconnected tree
+  // that has been unmounted.
+  return UNMOUNTED;
+}
+
+function isFiberMounted(fiber) {
+  return isFiberMountedImpl(fiber) === MOUNTED;
+}
+
+function isMounted(component) {
+  {
+    var owner = ReactCurrentOwner$1.current;
+    if (owner !== null && owner.tag === ClassComponent) {
+      var ownerFiber = owner;
+      var instance = ownerFiber.stateNode;
+      !instance._warnedAboutRefsInRender
+        ? warningWithoutStack$1(
+            false,
+            "%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.",
+            getComponentName(ownerFiber.type) || "A component"
+          )
+        : void 0;
+      instance._warnedAboutRefsInRender = true;
+    }
+  }
+
+  var fiber = get(component);
+  if (!fiber) {
+    return false;
+  }
+  return isFiberMountedImpl(fiber) === MOUNTED;
+}
+
+function assertIsMounted(fiber) {
+  (function() {
+    if (!(isFiberMountedImpl(fiber) === MOUNTED)) {
+      throw ReactError(Error("Unable to find node on an unmounted component."));
+    }
+  })();
+}
+
+function findCurrentFiberUsingSlowPath(fiber) {
+  var alternate = fiber.alternate;
+  if (!alternate) {
+    // If there is no alternate, then we only need to check if it is mounted.
+    var state = isFiberMountedImpl(fiber);
+    (function() {
+      if (!(state !== UNMOUNTED)) {
+        throw ReactError(
+          Error("Unable to find node on an unmounted component.")
+        );
+      }
+    })();
+    if (state === MOUNTING) {
+      return null;
+    }
+    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 a = fiber;
+  var b = alternate;
+  while (true) {
+    var parentA = a.return;
+    if (parentA === null) {
+      // We're at the root.
+      break;
+    }
+    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.
+      (function() {
+        {
+          throw ReactError(
+            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;
+      while (_child) {
+        if (_child === a) {
+          didFindChild = true;
+          a = parentA;
+          b = parentB;
+          break;
+        }
+        if (_child === b) {
+          didFindChild = true;
+          b = parentA;
+          a = parentB;
+          break;
+        }
+        _child = _child.sibling;
+      }
+      if (!didFindChild) {
+        // Search parent B's child set
+        _child = parentB.child;
+        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;
+        }
+        (function() {
+          if (!didFindChild) {
+            throw ReactError(
+              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() {
+      if (!(a.alternate === b)) {
+        throw ReactError(
+          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.
+  (function() {
+    if (!(a.tag === HostRoot)) {
+      throw ReactError(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);
+  if (!currentParent) {
+    return null;
+  }
+
+  // Next we'll drill down this component to find the first HostComponent/Text.
+  var node = currentParent;
+  while (true) {
+    if (node.tag === HostComponent || node.tag === HostText) {
+      return node;
+    } else if (node.child) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === currentParent) {
+      return null;
+    }
+    while (!node.sibling) {
+      if (!node.return || node.return === currentParent) {
+        return null;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+  // Flow needs the return null here, but ESLint complains about it.
+  // eslint-disable-next-line no-unreachable
+  return null;
+}
+
+// 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;
+
+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);
+  }
+}
+
+function restoreDeletedValuesInNestedArray(
+  updatePayload,
+  node,
+  validAttributes
+) {
+  if (Array.isArray(node)) {
+    var i = node.length;
+    while (i-- && removedKeyCount > 0) {
+      restoreDeletedValuesInNestedArray(
+        updatePayload,
+        node[i],
+        validAttributes
+      );
+    }
+  } else if (node && removedKeyCount > 0) {
+    var obj = node;
+    for (var propKey in removedKeys) {
+      if (!removedKeys[propKey]) {
+        continue;
+      }
+      var nextProp = obj[propKey];
+      if (nextProp === undefined) {
+        continue;
+      }
+
+      var attributeConfig = validAttributes[propKey];
+      if (!attributeConfig) {
+        continue; // not a valid native prop
+      }
+
+      if (typeof nextProp === "function") {
+        nextProp = true;
+      }
+      if (typeof nextProp === "undefined") {
+        nextProp = null;
+      }
+
+      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;
+      }
+      removedKeys[propKey] = false;
+      removedKeyCount--;
+    }
+  }
+}
+
+function diffNestedArrayProperty(
+  updatePayload,
+  prevArray,
+  nextArray,
+  validAttributes
+) {
+  var minLength =
+    prevArray.length < nextArray.length ? prevArray.length : nextArray.length;
+  var i = void 0;
+  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(
+      updatePayload,
+      nextArray[i],
+      validAttributes
+    );
+  }
+  return updatePayload;
+}
+
+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 (!prevProp || !nextProp) {
+    if (nextProp) {
+      return addNestedProperty(updatePayload, nextProp, validAttributes);
+    }
+    if (prevProp) {
+      return clearNestedProperty(updatePayload, prevProp, validAttributes);
+    }
+    return updatePayload;
+  }
+
+  if (!Array.isArray(prevProp) && !Array.isArray(nextProp)) {
+    // Both are leaves, we can diff the leaves.
+    return diffProperties(updatePayload, prevProp, nextProp, validAttributes);
+  }
+
+  if (Array.isArray(prevProp) && Array.isArray(nextProp)) {
+    // Both are arrays, we can diff the arrays.
+    return diffNestedArrayProperty(
+      updatePayload,
+      prevProp,
+      nextProp,
+      validAttributes
+    );
+  }
+
+  if (Array.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.
+ */
+function addNestedProperty(updatePayload, nextProp, validAttributes) {
+  if (!nextProp) {
+    return updatePayload;
+  }
+
+  if (!Array.isArray(nextProp)) {
+    // Add each property of the leaf.
+    return addProperties(updatePayload, nextProp, validAttributes);
+  }
+
+  for (var i = 0; i < nextProp.length; i++) {
+    // Add all the properties of the array.
+    updatePayload = addNestedProperty(
+      updatePayload,
+      nextProp[i],
+      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.
+ */
+function clearNestedProperty(updatePayload, prevProp, validAttributes) {
+  if (!prevProp) {
+    return updatePayload;
+  }
+
+  if (!Array.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 = void 0;
+  var nextProp = void 0;
+  var prevProp = void 0;
+
+  for (var propKey in nextProps) {
+    attributeConfig = validAttributes[propKey];
+    if (!attributeConfig) {
+      continue; // not a valid native prop
+    }
+
+    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;
+      }
+    }
+
+    // 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 (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;
+      }
+      continue;
+    }
+
+    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;
+      }
+    } 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;
+      }
+    } 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(
+          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.
+  for (var _propKey in prevProps) {
+    if (nextProps[_propKey] !== undefined) {
+      continue; // we've already covered this key in the previous pass
+    }
+    attributeConfig = validAttributes[_propKey];
+    if (!attributeConfig) {
+      continue; // not a valid native prop
+    }
+
+    if (updatePayload && updatePayload[_propKey] !== undefined) {
+      // This was already updated to a diff result earlier.
+      continue;
+    }
+
+    prevProp = prevProps[_propKey];
+    if (prevProp === undefined) {
+      continue; // was already empty anyway
+    }
+    // Pattern match on: attributeConfig
+    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 (!removedKeys) {
+        removedKeys = {};
+      }
+      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 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.
+ */
+function clearProperties(updatePayload, prevProps, validAttributes) {
+  // TODO: Fast path
+  return diffProperties(updatePayload, prevProps, emptyObject, validAttributes);
+}
+
+function create(props, validAttributes) {
+  return addProperties(
+    null, // updatePayload
+    props,
+    validAttributes
+  );
+}
+
+function diff(prevProps, nextProps, validAttributes) {
+  return diffProperties(
+    null, // updatePayload
+    prevProps,
+    nextProps,
+    validAttributes
+  );
+}
+
+/**
+ * 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 throwOnStylesProp(component, props) {
+  if (props.styles !== undefined) {
+    var owner = component._owner || null;
+    var name = component.constructor.displayName;
+    var msg =
+      "`styles` is not a supported property of `" +
+      name +
+      "`, did " +
+      "you mean `style` (singular)?";
+    if (owner && owner.constructor && owner.constructor.displayName) {
+      msg +=
+        "\n\nCheck the `" +
+        owner.constructor.displayName +
+        "` parent " +
+        " component.";
+    }
+    throw new Error(msg);
+  }
+}
+
+function warnForStyleProps(props, validAttributes) {
+  for (var key in validAttributes.style) {
+    if (!(validAttributes[key] || props[key] === undefined)) {
+      console.error(
+        "You are setting the style `{ " +
+          key +
+          ": ... }` as a prop. You " +
+          "should nest it in a style object. " +
+          "E.g. `{ style: { " +
+          key +
+          ": ... } }`"
+      );
+    }
+  }
+}
+
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+// Modules provided by RN:
+/**
+ * This component defines the same methods as NativeMethodsMixin but without the
+ * findNodeHandle wrapper. This wrapper is unnecessary for HostComponent views
+ * and would also result in a circular require.js dependency (since
+ * ReactNativeFiber depends on this component and NativeMethodsMixin depends on
+ * ReactNativeFiber).
+ */
+
+var ReactNativeFiberHostComponent = (function() {
+  function ReactNativeFiberHostComponent(tag, viewConfig) {
+    _classCallCheck(this, ReactNativeFiberHostComponent);
+
+    this._nativeTag = tag;
+    this._children = [];
+    this.viewConfig = viewConfig;
+  }
+
+  ReactNativeFiberHostComponent.prototype.blur = function blur() {
+    ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
+  };
+
+  ReactNativeFiberHostComponent.prototype.focus = function focus() {
+    ReactNativePrivateInterface.TextInputState.focusTextInput(this._nativeTag);
+  };
+
+  ReactNativeFiberHostComponent.prototype.measure = function measure(callback) {
+    ReactNativePrivateInterface.UIManager.measure(
+      this._nativeTag,
+      mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+    );
+  };
+
+  ReactNativeFiberHostComponent.prototype.measureInWindow = function measureInWindow(
+    callback
+  ) {
+    ReactNativePrivateInterface.UIManager.measureInWindow(
+      this._nativeTag,
+      mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+    );
+  };
+
+  ReactNativeFiberHostComponent.prototype.measureLayout = function measureLayout(
+    relativeToNativeNode,
+    onSuccess,
+    onFail /* currently unused */
+  ) {
+    var relativeNode = void 0;
+
+    if (typeof relativeToNativeNode === "number") {
+      // Already a node handle
+      relativeNode = relativeToNativeNode;
+    } else if (relativeToNativeNode._nativeTag) {
+      relativeNode = relativeToNativeNode._nativeTag;
+    } else if (
+      relativeToNativeNode.canonical &&
+      relativeToNativeNode.canonical._nativeTag
+    ) {
+      relativeNode = relativeToNativeNode.canonical._nativeTag;
+    }
+
+    if (relativeNode == null) {
+      warningWithoutStack$1(
+        false,
+        "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)
+    );
+  };
+
+  ReactNativeFiberHostComponent.prototype.setNativeProps = function setNativeProps(
+    nativeProps
+  ) {
+    {
+      if (warnAboutDeprecatedSetNativeProps) {
+        warningWithoutStack$1(
+          false,
+          "Warning: Calling ref.setNativeProps(nativeProps) " +
+            "is deprecated and will be removed in a future release. " +
+            "Use the setNativeProps export from the react-native package instead." +
+            "\n\timport {setNativeProps} from 'react-native';\n\tsetNativeProps(ref, nativeProps);\n"
+        );
+      }
+      warnForStyleProps(nativeProps, this.viewConfig.validAttributes);
+    }
+
+    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;
+})();
+
+// Renderers that don't support persistence
+// can re-export everything from this module.
+
+function shim() {
+  (function() {
+    {
+      throw ReactError(
+        Error(
+          "The current renderer does not support persistence. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    }
+  })();
+}
+
+// Persistence (when unsupported)
+var supportsPersistence = false;
+var cloneInstance = shim;
+var cloneFundamentalInstance = shim;
+var createContainerChildSet = shim;
+var appendChildToContainerChildSet = shim;
+var finalizeContainerChildren = shim;
+var replaceContainerChildren = shim;
+var cloneHiddenInstance = shim;
+var cloneHiddenTextInstance = shim;
+
+// Renderers that don't support hydration
+// can re-export everything from this module.
+
+function shim$1() {
+  (function() {
+    {
+      throw ReactError(
+        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 supportsHydration = false;
+var canHydrateInstance = shim$1;
+var canHydrateTextInstance = shim$1;
+var canHydrateSuspenseInstance = shim$1;
+var isSuspenseInstancePending = shim$1;
+var isSuspenseInstanceFallback = shim$1;
+var registerSuspenseInstanceRetry = shim$1;
+var getNextHydratableSibling = shim$1;
+var getFirstHydratableChild = shim$1;
+var hydrateInstance = shim$1;
+var hydrateTextInstance = shim$1;
+var getNextHydratableInstanceAfterSuspenseInstance = shim$1;
+var clearSuspenseBoundary = shim$1;
+var clearSuspenseBoundaryFromContainer = shim$1;
+var didNotMatchHydratedContainerTextInstance = shim$1;
+var didNotMatchHydratedTextInstance = shim$1;
+var didNotHydrateContainerInstance = shim$1;
+var didNotHydrateInstance = shim$1;
+var didNotFindHydratableContainerInstance = shim$1;
+var didNotFindHydratableContainerTextInstance = shim$1;
+var didNotFindHydratableContainerSuspenseInstance = shim$1;
+var didNotFindHydratableInstance = shim$1;
+var didNotFindHydratableTextInstance = shim$1;
+var didNotFindHydratableSuspenseInstance = shim$1;
+
+// Modules provided by RN:
+var getViewConfigForType =
+  ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get; // Unused
+// Unused
+
+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;
+}
+
+function recursivelyUncacheFiberNode(node) {
+  if (typeof node === "number") {
+    // Leaf node (eg text)
+    uncacheFiberNode(node);
+  } else {
+    uncacheFiberNode(node._nativeTag);
+
+    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]
+        );
+      }
+    }
+  }
+
+  var updatePayload = create(props, viewConfig.validAttributes);
+
+  ReactNativePrivateInterface.UIManager.createView(
+    tag, // reactTag
+    viewConfig.uiViewClassName, // viewName
+    rootContainerInstance, // rootTag
+    updatePayload // props
+  );
+
+  var component = new ReactNativeFiberHostComponent(tag, viewConfig);
+
+  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
+) {
+  (function() {
+    if (!hostContext.isInAParentText) {
+      throw ReactError(
+        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
+}
+
+function prepareUpdate(
+  instance,
+  type,
+  oldProps,
+  newProps,
+  rootContainerInstance,
+  hostContext
+) {
+  return UPDATE_SIGNAL;
+}
+
+function resetAfterCommit(containerInfo) {
+  // Noop
+}
+
+var isPrimaryRenderer = true;
+var warnsIfNotActing = true;
+
+var scheduleTimeout = setTimeout;
+var cancelTimeout = clearTimeout;
+var noTimeout = -1;
+
+function shouldDeprioritizeSubtree(type, props) {
+  return false;
+}
+
+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;
+}
+
+// -------------------
+//     Mutation
+// -------------------
+
+var supportsMutation = true;
+
+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.
+  (function() {
+    if (!(typeof parentInstance !== "number")) {
+      throw ReactError(
+        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(
+    Object.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 mountResponderInstance(
+  responder,
+  responderInstance,
+  props,
+  state,
+  instance,
+  rootContainerInstance
+) {
+  throw new Error("Not yet implemented.");
+}
+
+function unmountResponderInstance(responderInstance) {
+  throw new Error("Not yet implemented.");
+}
+
+function getFundamentalComponentInstance(fundamentalInstance) {
+  throw new Error("Not yet implemented.");
+}
+
+function mountFundamentalComponent(fundamentalInstance) {
+  throw new Error("Not yet implemented.");
+}
+
+function shouldUpdateFundamentalComponent(fundamentalInstance) {
+  throw new Error("Not yet implemented.");
+}
+
+function updateFundamentalComponent(fundamentalInstance) {
+  throw new Error("Not yet implemented.");
+}
+
+function unmountFundamentalComponent(fundamentalInstance) {
+  throw new Error("Not yet implemented.");
+}
+
+var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
+
+var describeComponentFrame = function(name, source, ownerName) {
+  var sourceInfo = "";
+  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 (/^index\./.test(fileName)) {
+        var match = path.match(BEFORE_SLASH_RE);
+        if (match) {
+          var pathBeforeSlash = match[1];
+          if (pathBeforeSlash) {
+            var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, "");
+            fileName = folderName + "/" + fileName;
+          }
+        }
+      }
+    }
+    sourceInfo = " (at " + fileName + ":" + source.lineNumber + ")";
+  } else if (ownerName) {
+    sourceInfo = " (created by " + ownerName + ")";
+  }
+  return "\n    in " + (name || "Unknown") + sourceInfo;
+};
+
+var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+
+function describeFiber(fiber) {
+  switch (fiber.tag) {
+    case HostRoot:
+    case HostPortal:
+    case HostText:
+    case Fragment:
+    case ContextProvider:
+    case ContextConsumer:
+      return "";
+    default:
+      var owner = fiber._debugOwner;
+      var source = fiber._debugSource;
+      var name = getComponentName(fiber.type);
+      var ownerName = null;
+      if (owner) {
+        ownerName = getComponentName(owner.type);
+      }
+      return describeComponentFrame(name, source, ownerName);
+  }
+}
+
+function getStackByFiberInDevAndProd(workInProgress) {
+  var info = "";
+  var node = workInProgress;
+  do {
+    info += describeFiber(node);
+    node = node.return;
+  } while (node);
+  return info;
+}
+
+var current = null;
+var phase = null;
+
+function getCurrentFiberOwnerNameInDevOrNull() {
+  {
+    if (current === null) {
+      return null;
+    }
+    var owner = current._debugOwner;
+    if (owner !== null && typeof owner !== "undefined") {
+      return getComponentName(owner.type);
+    }
+  }
+  return null;
+}
+
+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.
+    return getStackByFiberInDevAndProd(current);
+  }
+  return "";
+}
+
+function resetCurrentFiber() {
+  {
+    ReactDebugCurrentFrame.getCurrentStack = null;
+    current = null;
+    phase = null;
+  }
+}
+
+function setCurrentFiber(fiber) {
+  {
+    ReactDebugCurrentFrame.getCurrentStack = getCurrentFiberStackInDev;
+    current = fiber;
+    phase = null;
+  }
+}
+
+function setCurrentPhase(lifeCyclePhase) {
+  {
+    phase = lifeCyclePhase;
+  }
+}
+
+// Prefix measurements so that it's possible to filter them.
+// Longer prefixes are hard to read in DevTools.
+var reactEmoji = "\u269B";
+var warningEmoji = "\u26D4";
+var supportsUserTiming =
+  typeof performance !== "undefined" &&
+  typeof performance.mark === "function" &&
+  typeof performance.clearMarks === "function" &&
+  typeof performance.measure === "function" &&
+  typeof performance.clearMeasures === "function";
+
+// Keep track of current fiber so that we know the path to unwind on pause.
+// TODO: this looks the same as nextUnitOfWork in scheduler. Can we unify them?
+var currentFiber = null;
+// If we're in the middle of user code, which fiber and method is it?
+// Reusing `currentFiber` would be confusing for this because user code fiber
+// can change during commit phase too, but we don't need to unwind it (since
+// lifecycles in the commit phase don't resemble a tree).
+var currentPhase = null;
+var currentPhaseFiber = null;
+// Did lifecycle hook schedule an update? This is often a performance problem,
+// so we will keep track of it, and include it in the report.
+// Track commits caused by cascading updates.
+var isCommitting = false;
+var hasScheduledUpdateInCurrentCommit = false;
+var hasScheduledUpdateInCurrentPhase = false;
+var commitCountInCurrentWorkLoop = 0;
+var effectCountInCurrentCommit = 0;
+var isWaitingForCallback = false;
+// During commits, we only show a measurement once per method name
+// to avoid stretch the commit phase with measurement overhead.
+var labelsInCurrentCommit = new Set();
+
+var formatMarkName = function(markName) {
+  return reactEmoji + " " + markName;
+};
+
+var formatLabel = function(label, warning) {
+  var prefix = warning ? warningEmoji + " " : reactEmoji + " ";
+  var suffix = warning ? " Warning: " + warning : "";
+  return "" + prefix + label + suffix;
+};
+
+var beginMark = function(markName) {
+  performance.mark(formatMarkName(markName));
+};
+
+var clearMark = function(markName) {
+  performance.clearMarks(formatMarkName(markName));
+};
+
+var endMark = function(label, markName, warning) {
+  var formattedMarkName = formatMarkName(markName);
+  var formattedLabel = formatLabel(label, warning);
+  try {
+    performance.measure(formattedLabel, formattedMarkName);
+  } catch (err) {}
+  // If previous mark was missing for some reason, this will throw.
+  // This could only happen if React crashed in an unexpected place earlier.
+  // Don't pile on with more errors.
+
+  // Clear marks immediately to avoid growing buffer.
+  performance.clearMarks(formattedMarkName);
+  performance.clearMeasures(formattedLabel);
+};
+
+var getFiberMarkName = function(label, debugID) {
+  return label + " (#" + debugID + ")";
+};
+
+var getFiberLabel = function(componentName, isMounted, phase) {
+  if (phase === null) {
+    // These are composite component total time measurements.
+    return componentName + " [" + (isMounted ? "update" : "mount") + "]";
+  } else {
+    // Composite component methods.
+    return componentName + "." + phase;
+  }
+};
+
+var beginFiberMark = function(fiber, phase) {
+  var componentName = getComponentName(fiber.type) || "Unknown";
+  var debugID = fiber._debugID;
+  var isMounted = fiber.alternate !== null;
+  var label = getFiberLabel(componentName, isMounted, phase);
+
+  if (isCommitting && labelsInCurrentCommit.has(label)) {
+    // During the commit phase, we don't show duplicate labels because
+    // there is a fixed overhead for every measurement, and we don't
+    // want to stretch the commit phase beyond necessary.
+    return false;
+  }
+  labelsInCurrentCommit.add(label);
+
+  var markName = getFiberMarkName(label, debugID);
+  beginMark(markName);
+  return true;
+};
+
+var clearFiberMark = function(fiber, phase) {
+  var componentName = getComponentName(fiber.type) || "Unknown";
+  var debugID = fiber._debugID;
+  var isMounted = fiber.alternate !== null;
+  var label = getFiberLabel(componentName, isMounted, phase);
+  var markName = getFiberMarkName(label, debugID);
+  clearMark(markName);
+};
+
+var endFiberMark = function(fiber, phase, warning) {
+  var componentName = getComponentName(fiber.type) || "Unknown";
+  var debugID = fiber._debugID;
+  var isMounted = fiber.alternate !== null;
+  var label = getFiberLabel(componentName, isMounted, phase);
+  var markName = getFiberMarkName(label, debugID);
+  endMark(label, markName, warning);
+};
+
+var shouldIgnoreFiber = function(fiber) {
+  // Host components should be skipped in the timeline.
+  // We could check typeof fiber.type, but does this work with RN?
+  switch (fiber.tag) {
+    case HostRoot:
+    case HostComponent:
+    case HostText:
+    case HostPortal:
+    case Fragment:
+    case ContextProvider:
+    case ContextConsumer:
+    case Mode:
+      return true;
+    default:
+      return false;
+  }
+};
+
+var clearPendingPhaseMeasurement = function() {
+  if (currentPhase !== null && currentPhaseFiber !== null) {
+    clearFiberMark(currentPhaseFiber, currentPhase);
+  }
+  currentPhaseFiber = null;
+  currentPhase = null;
+  hasScheduledUpdateInCurrentPhase = false;
+};
+
+var pauseTimers = function() {
+  // Stops all currently active measurements so that they can be resumed
+  // if we continue in a later deferred loop from the same unit of work.
+  var fiber = currentFiber;
+  while (fiber) {
+    if (fiber._debugIsCurrentlyTiming) {
+      endFiberMark(fiber, null, null);
+    }
+    fiber = fiber.return;
+  }
+};
+
+var resumeTimersRecursively = function(fiber) {
+  if (fiber.return !== null) {
+    resumeTimersRecursively(fiber.return);
+  }
+  if (fiber._debugIsCurrentlyTiming) {
+    beginFiberMark(fiber, null);
+  }
+};
+
+var resumeTimers = function() {
+  // Resumes all measurements that were active during the last deferred loop.
+  if (currentFiber !== null) {
+    resumeTimersRecursively(currentFiber);
+  }
+};
+
+function recordEffect() {
+  if (enableUserTimingAPI) {
+    effectCountInCurrentCommit++;
+  }
+}
+
+function recordScheduleUpdate() {
+  if (enableUserTimingAPI) {
+    if (isCommitting) {
+      hasScheduledUpdateInCurrentCommit = true;
+    }
+    if (
+      currentPhase !== null &&
+      currentPhase !== "componentWillMount" &&
+      currentPhase !== "componentWillReceiveProps"
+    ) {
+      hasScheduledUpdateInCurrentPhase = true;
+    }
+  }
+}
+
+function startRequestCallbackTimer() {
+  if (enableUserTimingAPI) {
+    if (supportsUserTiming && !isWaitingForCallback) {
+      isWaitingForCallback = true;
+      beginMark("(Waiting for async callback...)");
+    }
+  }
+}
+
+function stopRequestCallbackTimer(didExpire) {
+  if (enableUserTimingAPI) {
+    if (supportsUserTiming) {
+      isWaitingForCallback = false;
+      var warning = didExpire
+        ? "Update expired; will flush synchronously"
+        : null;
+      endMark(
+        "(Waiting for async callback...)",
+        "(Waiting for async callback...)",
+        warning
+      );
+    }
+  }
+}
+
+function startWorkTimer(fiber) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+      return;
+    }
+    // If we pause, this is the fiber to unwind from.
+    currentFiber = fiber;
+    if (!beginFiberMark(fiber, null)) {
+      return;
+    }
+    fiber._debugIsCurrentlyTiming = true;
+  }
+}
+
+function cancelWorkTimer(fiber) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+      return;
+    }
+    // Remember we shouldn't complete measurement for this fiber.
+    // Otherwise flamechart will be deep even for small updates.
+    fiber._debugIsCurrentlyTiming = false;
+    clearFiberMark(fiber, null);
+  }
+}
+
+function stopWorkTimer(fiber) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+      return;
+    }
+    // If we pause, its parent is the fiber to unwind from.
+    currentFiber = fiber.return;
+    if (!fiber._debugIsCurrentlyTiming) {
+      return;
+    }
+    fiber._debugIsCurrentlyTiming = false;
+    endFiberMark(fiber, null, null);
+  }
+}
+
+function stopFailedWorkTimer(fiber) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+      return;
+    }
+    // If we pause, its parent is the fiber to unwind from.
+    currentFiber = fiber.return;
+    if (!fiber._debugIsCurrentlyTiming) {
+      return;
+    }
+    fiber._debugIsCurrentlyTiming = false;
+    var warning =
+      fiber.tag === SuspenseComponent ||
+      fiber.tag === DehydratedSuspenseComponent
+        ? "Rendering was suspended"
+        : "An error was thrown inside this error boundary";
+    endFiberMark(fiber, null, warning);
+  }
+}
+
+function startPhaseTimer(fiber, phase) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    clearPendingPhaseMeasurement();
+    if (!beginFiberMark(fiber, phase)) {
+      return;
+    }
+    currentPhaseFiber = fiber;
+    currentPhase = phase;
+  }
+}
+
+function stopPhaseTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    if (currentPhase !== null && currentPhaseFiber !== null) {
+      var warning = hasScheduledUpdateInCurrentPhase
+        ? "Scheduled a cascading update"
+        : null;
+      endFiberMark(currentPhaseFiber, currentPhase, warning);
+    }
+    currentPhase = null;
+    currentPhaseFiber = null;
+  }
+}
+
+function startWorkLoopTimer(nextUnitOfWork) {
+  if (enableUserTimingAPI) {
+    currentFiber = nextUnitOfWork;
+    if (!supportsUserTiming) {
+      return;
+    }
+    commitCountInCurrentWorkLoop = 0;
+    // This is top level call.
+    // Any other measurements are performed within.
+    beginMark("(React Tree Reconciliation)");
+    // Resume any measurements that were in progress during the last loop.
+    resumeTimers();
+  }
+}
+
+function stopWorkLoopTimer(interruptedBy, didCompleteRoot) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    var warning = null;
+    if (interruptedBy !== null) {
+      if (interruptedBy.tag === HostRoot) {
+        warning = "A top-level update interrupted the previous render";
+      } else {
+        var componentName = getComponentName(interruptedBy.type) || "Unknown";
+        warning =
+          "An update to " + componentName + " interrupted the previous render";
+      }
+    } else if (commitCountInCurrentWorkLoop > 1) {
+      warning = "There were cascading updates";
+    }
+    commitCountInCurrentWorkLoop = 0;
+    var label = didCompleteRoot
+      ? "(React Tree Reconciliation: Completed Root)"
+      : "(React Tree Reconciliation: Yielded)";
+    // Pause any measurements until the next loop.
+    pauseTimers();
+    endMark(label, "(React Tree Reconciliation)", warning);
+  }
+}
+
+function startCommitTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    isCommitting = true;
+    hasScheduledUpdateInCurrentCommit = false;
+    labelsInCurrentCommit.clear();
+    beginMark("(Committing Changes)");
+  }
+}
+
+function stopCommitTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+
+    var warning = null;
+    if (hasScheduledUpdateInCurrentCommit) {
+      warning = "Lifecycle hook scheduled a cascading update";
+    } else if (commitCountInCurrentWorkLoop > 0) {
+      warning = "Caused by a cascading update in earlier commit";
+    }
+    hasScheduledUpdateInCurrentCommit = false;
+    commitCountInCurrentWorkLoop++;
+    isCommitting = false;
+    labelsInCurrentCommit.clear();
+
+    endMark("(Committing Changes)", "(Committing Changes)", warning);
+  }
+}
+
+function startCommitSnapshotEffectsTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    effectCountInCurrentCommit = 0;
+    beginMark("(Committing Snapshot Effects)");
+  }
+}
+
+function stopCommitSnapshotEffectsTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    var count = effectCountInCurrentCommit;
+    effectCountInCurrentCommit = 0;
+    endMark(
+      "(Committing Snapshot Effects: " + count + " Total)",
+      "(Committing Snapshot Effects)",
+      null
+    );
+  }
+}
+
+function startCommitHostEffectsTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    effectCountInCurrentCommit = 0;
+    beginMark("(Committing Host Effects)");
+  }
+}
+
+function stopCommitHostEffectsTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    var count = effectCountInCurrentCommit;
+    effectCountInCurrentCommit = 0;
+    endMark(
+      "(Committing Host Effects: " + count + " Total)",
+      "(Committing Host Effects)",
+      null
+    );
+  }
+}
+
+function startCommitLifeCyclesTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    effectCountInCurrentCommit = 0;
+    beginMark("(Calling Lifecycle Methods)");
+  }
+}
+
+function stopCommitLifeCyclesTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    var count = effectCountInCurrentCommit;
+    effectCountInCurrentCommit = 0;
+    endMark(
+      "(Calling Lifecycle Methods: " + count + " Total)",
+      "(Calling Lifecycle Methods)",
+      null
+    );
+  }
+}
+
+var valueStack = [];
+
+var fiberStack = void 0;
+
+{
+  fiberStack = [];
+}
+
+var index = -1;
+
+function createCursor(defaultValue) {
+  return {
+    current: defaultValue
+  };
+}
+
+function pop(cursor, fiber) {
+  if (index < 0) {
+    {
+      warningWithoutStack$1(false, "Unexpected pop.");
+    }
+    return;
+  }
+
+  {
+    if (fiber !== fiberStack[index]) {
+      warningWithoutStack$1(false, "Unexpected Fiber popped.");
+    }
+  }
+
+  cursor.current = valueStack[index];
+
+  valueStack[index] = null;
+
+  {
+    fiberStack[index] = null;
+  }
+
+  index--;
+}
+
+function push(cursor, value, fiber) {
+  index++;
+
+  valueStack[index] = cursor.current;
+
+  {
+    fiberStack[index] = fiber;
+  }
+
+  cursor.current = value;
+}
+
+var warnedAboutMissingGetChildContext = void 0;
+
+{
+  warnedAboutMissingGetChildContext = {};
+}
+
+var emptyContextObject = {};
+{
+  Object.freeze(emptyContextObject);
+}
+
+// A cursor to the current merged context object on the stack.
+var contextStackCursor = createCursor(emptyContextObject);
+// A cursor to a boolean indicating whether the context has changed.
+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.
+var previousContext = emptyContextObject;
+
+function getUnmaskedContext(
+  workInProgress,
+  Component,
+  didPushOwnContextIfProvider
+) {
+  if (disableLegacyContext) {
+    return emptyContextObject;
+  } else {
+    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 contextStackCursor.current;
+  }
+}
+
+function cacheContext(workInProgress, unmaskedContext, maskedContext) {
+  if (disableLegacyContext) {
+    return;
+  } else {
+    var instance = workInProgress.stateNode;
+    instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext;
+    instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
+  }
+}
+
+function getMaskedContext(workInProgress, unmaskedContext) {
+  if (disableLegacyContext) {
+    return emptyContextObject;
+  } else {
+    var type = workInProgress.type;
+    var contextTypes = type.contextTypes;
+    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.
+    var instance = workInProgress.stateNode;
+    if (
+      instance &&
+      instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
+    ) {
+      return instance.__reactInternalMemoizedMaskedChildContext;
+    }
+
+    var context = {};
+    for (var key in contextTypes) {
+      context[key] = unmaskedContext[key];
+    }
+
+    {
+      var name = getComponentName(type) || "Unknown";
+      checkPropTypes(
+        contextTypes,
+        context,
+        "context",
+        name,
+        getCurrentFiberStackInDev
+      );
+    }
+
+    // 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 (instance) {
+      cacheContext(workInProgress, unmaskedContext, context);
+    }
+
+    return context;
+  }
+}
+
+function hasContextChanged() {
+  if (disableLegacyContext) {
+    return false;
+  } else {
+    return didPerformWorkStackCursor.current;
+  }
+}
+
+function isContextProvider(type) {
+  if (disableLegacyContext) {
+    return false;
+  } else {
+    var childContextTypes = type.childContextTypes;
+    return childContextTypes !== null && childContextTypes !== undefined;
+  }
+}
+
+function popContext(fiber) {
+  if (disableLegacyContext) {
+    return;
+  } else {
+    pop(didPerformWorkStackCursor, fiber);
+    pop(contextStackCursor, fiber);
+  }
+}
+
+function popTopLevelContextObject(fiber) {
+  if (disableLegacyContext) {
+    return;
+  } else {
+    pop(didPerformWorkStackCursor, fiber);
+    pop(contextStackCursor, fiber);
+  }
+}
+
+function pushTopLevelContextObject(fiber, context, didChange) {
+  if (disableLegacyContext) {
+    return;
+  } else {
+    (function() {
+      if (!(contextStackCursor.current === emptyContextObject)) {
+        throw ReactError(
+          Error(
+            "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
+
+    push(contextStackCursor, context, fiber);
+    push(didPerformWorkStackCursor, didChange, fiber);
+  }
+}
+
+function processChildContext(fiber, type, parentContext) {
+  if (disableLegacyContext) {
+    return parentContext;
+  } else {
+    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 (typeof instance.getChildContext !== "function") {
+      {
+        var componentName = getComponentName(type) || "Unknown";
+
+        if (!warnedAboutMissingGetChildContext[componentName]) {
+          warnedAboutMissingGetChildContext[componentName] = true;
+          warningWithoutStack$1(
+            false,
+            "%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 parentContext;
+    }
+
+    var childContext = void 0;
+    {
+      setCurrentPhase("getChildContext");
+    }
+    startPhaseTimer(fiber, "getChildContext");
+    childContext = instance.getChildContext();
+    stopPhaseTimer();
+    {
+      setCurrentPhase(null);
+    }
+    for (var contextKey in childContext) {
+      (function() {
+        if (!(contextKey in childContextTypes)) {
+          throw ReactError(
+            Error(
+              (getComponentName(type) || "Unknown") +
+                '.getChildContext(): key "' +
+                contextKey +
+                '" is not defined in childContextTypes.'
+            )
+          );
+        }
+      })();
+    }
+    {
+      var name = getComponentName(type) || "Unknown";
+      checkPropTypes(
+        childContextTypes,
+        childContext,
+        "child context",
+        name,
+        // In practice, there is one case in which we won't get a stack. It's when
+        // somebody calls unstable_renderSubtreeIntoContainer() and we process
+        // context from the parent component instance. The stack will be missing
+        // because it's outside of the reconciliation, and so the pointer has not
+        // been set. This is rare and doesn't matter. We'll also remove that API.
+        getCurrentFiberStackInDev
+      );
+    }
+
+    return Object.assign({}, parentContext, childContext);
+  }
+}
+
+function pushContextProvider(workInProgress) {
+  if (disableLegacyContext) {
+    return false;
+  } else {
+    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;
+  }
+}
+
+function invalidateContextProvider(workInProgress, type, didChange) {
+  if (disableLegacyContext) {
+    return;
+  } else {
+    var instance = workInProgress.stateNode;
+    (function() {
+      if (!instance) {
+        throw ReactError(
+          Error(
+            "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
+
+    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.
+      pop(didPerformWorkStackCursor, workInProgress);
+      pop(contextStackCursor, workInProgress);
+      // Now push the new context and mark that it has changed.
+      push(contextStackCursor, mergedContext, workInProgress);
+      push(didPerformWorkStackCursor, didChange, workInProgress);
+    } else {
+      pop(didPerformWorkStackCursor, workInProgress);
+      push(didPerformWorkStackCursor, didChange, workInProgress);
+    }
+  }
+}
+
+function findCurrentUnmaskedContext(fiber) {
+  if (disableLegacyContext) {
+    return emptyContextObject;
+  } else {
+    // Currently this is only used with renderSubtreeIntoContainer; not sure if it
+    // makes sense elsewhere
+    (function() {
+      if (!(isFiberMounted(fiber) && fiber.tag === ClassComponent)) {
+        throw ReactError(
+          Error(
+            "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
+
+    var node = fiber;
+    do {
+      switch (node.tag) {
+        case HostRoot:
+          return node.stateNode.context;
+        case ClassComponent: {
+          var Component = node.type;
+          if (isContextProvider(Component)) {
+            return node.stateNode.__reactInternalMemoizedMergedChildContext;
+          }
+          break;
+        }
+      }
+      node = node.return;
+    } while (node !== null);
+    (function() {
+      {
+        throw ReactError(
+          Error(
+            "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
+  }
+}
+
+var LegacyRoot = 0;
+var BatchedRoot = 1;
+var ConcurrentRoot = 2;
+
+/**
+ * Similar to invariant but only logs a warning if the condition is not met.
+ * This can be used to log issues in development environments in critical
+ * paths. Removing the logging code for production environments will keep the
+ * same logic and follow the same code paths.
+ */
+
+var warning = warningWithoutStack$1;
+
+{
+  warning = function(condition, format) {
+    if (condition) {
+      return;
+    }
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var stack = ReactDebugCurrentFrame.getStackAddendum();
+    // eslint-disable-next-line react-internal/warning-and-invariant-args
+
+    for (
+      var _len = arguments.length,
+        args = Array(_len > 2 ? _len - 2 : 0),
+        _key = 2;
+      _key < _len;
+      _key++
+    ) {
+      args[_key - 2] = arguments[_key];
+    }
+
+    warningWithoutStack$1.apply(
+      undefined,
+      [false, format + "%s"].concat(args, [stack])
+    );
+  };
+}
+
+var warning$1 = warning;
+
+// Intentionally not named imports because Rollup would use dynamic dispatch for
+// CommonJS interop named imports.
+var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority;
+var Scheduler_scheduleCallback = Scheduler.unstable_scheduleCallback;
+var Scheduler_cancelCallback = Scheduler.unstable_cancelCallback;
+var Scheduler_shouldYield = Scheduler.unstable_shouldYield;
+var Scheduler_requestPaint = Scheduler.unstable_requestPaint;
+var Scheduler_now = Scheduler.unstable_now;
+var Scheduler_getCurrentPriorityLevel =
+  Scheduler.unstable_getCurrentPriorityLevel;
+var Scheduler_ImmediatePriority = Scheduler.unstable_ImmediatePriority;
+var Scheduler_UserBlockingPriority = Scheduler.unstable_UserBlockingPriority;
+var Scheduler_NormalPriority = Scheduler.unstable_NormalPriority;
+var Scheduler_LowPriority = Scheduler.unstable_LowPriority;
+var Scheduler_IdlePriority = Scheduler.unstable_IdlePriority;
+
+if (enableSchedulerTracing) {
+  // Provide explicit error message when production+profiling bundle of e.g.
+  // react-dom is used with production (non-profiling) bundle of
+  // scheduler/tracing
+  (function() {
+    if (
+      !(
+        tracing.__interactionsRef != null &&
+        tracing.__interactionsRef.current != null
+      )
+    ) {
+      throw ReactError(
+        Error(
+          "It is not supported to run the profiling version of a renderer (for example, `react-dom/profiling`) without also replacing the `scheduler/tracing` module with `scheduler/tracing-profiling`. Your bundler might have a setting for aliasing both modules. Learn more at http://fb.me/react-profiling"
+        )
+      );
+    }
+  })();
+}
+
+var fakeCallbackNode = {};
+
+// Except for NoPriority, these correspond to Scheduler priorities. We use
+// ascending numbers so we can compare them like numbers. They start at 90 to
+// avoid clashing with Scheduler's priorities.
+var ImmediatePriority = 99;
+var UserBlockingPriority = 98;
+var NormalPriority = 97;
+var LowPriority = 96;
+var IdlePriority = 95;
+// NoPriority is the absence of priority. Also React-only.
+var NoPriority = 90;
+
+var shouldYield = Scheduler_shouldYield;
+var requestPaint =
+  // Fall back gracefully if we're running an older version of Scheduler.
+  Scheduler_requestPaint !== undefined ? Scheduler_requestPaint : function() {};
+
+var syncQueue = null;
+var immediateQueueCallbackNode = null;
+var isFlushingSyncQueue = false;
+var initialTimeMs = Scheduler_now();
+
+// If the initial timestamp is reasonably small, use Scheduler's `now` directly.
+// This will be the case for modern browsers that support `performance.now`. In
+// older browsers, Scheduler falls back to `Date.now`, which returns a Unix
+// timestamp. In that case, subtract the module initialization time to simulate
+// the behavior of performance.now and keep our times small enough to fit
+// within 32 bits.
+// TODO: Consider lifting this into Scheduler.
+var now =
+  initialTimeMs < 10000
+    ? Scheduler_now
+    : function() {
+        return Scheduler_now() - initialTimeMs;
+      };
+
+function getCurrentPriorityLevel() {
+  switch (Scheduler_getCurrentPriorityLevel()) {
+    case Scheduler_ImmediatePriority:
+      return ImmediatePriority;
+    case Scheduler_UserBlockingPriority:
+      return UserBlockingPriority;
+    case Scheduler_NormalPriority:
+      return NormalPriority;
+    case Scheduler_LowPriority:
+      return LowPriority;
+    case Scheduler_IdlePriority:
+      return IdlePriority;
+    default:
+      (function() {
+        {
+          throw ReactError(Error("Unknown priority level."));
+        }
+      })();
+  }
+}
+
+function reactPriorityToSchedulerPriority(reactPriorityLevel) {
+  switch (reactPriorityLevel) {
+    case ImmediatePriority:
+      return Scheduler_ImmediatePriority;
+    case UserBlockingPriority:
+      return Scheduler_UserBlockingPriority;
+    case NormalPriority:
+      return Scheduler_NormalPriority;
+    case LowPriority:
+      return Scheduler_LowPriority;
+    case IdlePriority:
+      return Scheduler_IdlePriority;
+    default:
+      (function() {
+        {
+          throw ReactError(Error("Unknown priority level."));
+        }
+      })();
+  }
+}
+
+function runWithPriority(reactPriorityLevel, fn) {
+  var priorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
+  return Scheduler_runWithPriority(priorityLevel, fn);
+}
+
+function scheduleCallback(reactPriorityLevel, callback, options) {
+  var priorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
+  return Scheduler_scheduleCallback(priorityLevel, callback, options);
+}
+
+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];
+    // Flush the queue in the next tick, at the earliest.
+    immediateQueueCallbackNode = Scheduler_scheduleCallback(
+      Scheduler_ImmediatePriority,
+      flushSyncCallbackQueueImpl
+    );
+  } 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);
+  }
+  return fakeCallbackNode;
+}
+
+function cancelCallback(callbackNode) {
+  if (callbackNode !== fakeCallbackNode) {
+    Scheduler_cancelCallback(callbackNode);
+  }
+}
+
+function flushSyncCallbackQueue() {
+  if (immediateQueueCallbackNode !== null) {
+    Scheduler_cancelCallback(immediateQueueCallbackNode);
+  }
+  flushSyncCallbackQueueImpl();
+}
+
+function flushSyncCallbackQueueImpl() {
+  if (!isFlushingSyncQueue && syncQueue !== null) {
+    // Prevent re-entrancy.
+    isFlushingSyncQueue = true;
+    var i = 0;
+    try {
+      var _isSync = true;
+      var queue = syncQueue;
+      runWithPriority(ImmediatePriority, function() {
+        for (; i < queue.length; i++) {
+          var callback = queue[i];
+          do {
+            callback = callback(_isSync);
+          } while (callback !== null);
+        }
+      });
+      syncQueue = null;
+    } 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
+      Scheduler_scheduleCallback(
+        Scheduler_ImmediatePriority,
+        flushSyncCallbackQueue
+      );
+      throw error;
+    } finally {
+      isFlushingSyncQueue = false;
+    }
+  }
+}
+
+var NoMode = 0;
+var StrictMode = 1;
+// TODO: Remove BatchedMode and ConcurrentMode by reading from the root
+// tag instead
+var BatchedMode = 2;
+var ConcurrentMode = 4;
+var ProfileMode = 8;
+
+// Max 31 bit integer. The max integer size in V8 for 32-bit systems.
+// Math.pow(2, 30) - 1
+// 0b111111111111111111111111111111
+var MAX_SIGNED_31_BIT_INT = 1073741823;
+
+var NoWork = 0;
+var Never = 1;
+var Sync = MAX_SIGNED_31_BIT_INT;
+var Batched = Sync - 1;
+
+var UNIT_SIZE = 10;
+var MAGIC_NUMBER_OFFSET = Batched - 1;
+
+// 1 unit of expiration time represents 10ms.
+function msToExpirationTime(ms) {
+  // Always add an offset so that we don't clash with the magic number for NoWork.
+  return MAGIC_NUMBER_OFFSET - ((ms / UNIT_SIZE) | 0);
+}
+
+function expirationTimeToMs(expirationTime) {
+  return (MAGIC_NUMBER_OFFSET - expirationTime) * UNIT_SIZE;
+}
+
+function ceiling(num, precision) {
+  return (((num / precision) | 0) + 1) * precision;
+}
+
+function computeExpirationBucket(currentTime, expirationInMs, bucketSizeMs) {
+  return (
+    MAGIC_NUMBER_OFFSET -
+    ceiling(
+      MAGIC_NUMBER_OFFSET - currentTime + expirationInMs / UNIT_SIZE,
+      bucketSizeMs / UNIT_SIZE
+    )
+  );
+}
+
+// TODO: This corresponds to Scheduler's NormalPriority, not LowPriority. Update
+// the names to reflect.
+var LOW_PRIORITY_EXPIRATION = 5000;
+var LOW_PRIORITY_BATCH_SIZE = 250;
+
+function computeAsyncExpiration(currentTime) {
+  return computeExpirationBucket(
+    currentTime,
+    LOW_PRIORITY_EXPIRATION,
+    LOW_PRIORITY_BATCH_SIZE
+  );
+}
+
+function computeSuspenseExpiration(currentTime, timeoutMs) {
+  // TODO: Should we warn if timeoutMs is lower than the normal pri expiration time?
+  return computeExpirationBucket(
+    currentTime,
+    timeoutMs,
+    LOW_PRIORITY_BATCH_SIZE
+  );
+}
+
+// We intentionally set a higher expiration time for interactive updates in
+// dev than in production.
+//
+// If the main thread is being blocked so long that you hit the expiration,
+// it's a problem that could be solved with better scheduling.
+//
+// People will be more likely to notice this and fix it with the long
+// expiration time in development.
+//
+// In production we opt for better UX at the risk of masking scheduling
+// problems, by expiring fast.
+var HIGH_PRIORITY_EXPIRATION = 500;
+var HIGH_PRIORITY_BATCH_SIZE = 100;
+
+function computeInteractiveExpiration(currentTime) {
+  return computeExpirationBucket(
+    currentTime,
+    HIGH_PRIORITY_EXPIRATION,
+    HIGH_PRIORITY_BATCH_SIZE
+  );
+}
+
+function inferPriorityFromExpirationTime(currentTime, expirationTime) {
+  if (expirationTime === Sync) {
+    return ImmediatePriority;
+  }
+  if (expirationTime === Never) {
+    return IdlePriority;
+  }
+  var msUntil =
+    expirationTimeToMs(expirationTime) - expirationTimeToMs(currentTime);
+  if (msUntil <= 0) {
+    return ImmediatePriority;
+  }
+  if (msUntil <= HIGH_PRIORITY_EXPIRATION + HIGH_PRIORITY_BATCH_SIZE) {
+    return UserBlockingPriority;
+  }
+  if (msUntil <= LOW_PRIORITY_EXPIRATION + LOW_PRIORITY_BATCH_SIZE) {
+    return NormalPriority;
+  }
+
+  // TODO: Handle LowPriority
+
+  // Assume anything lower has idle priority
+  return IdlePriority;
+}
+
+/**
+ * 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
+  );
+}
+
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+
+/**
+ * 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 (is(objA, objB)) {
+    return true;
+  }
+
+  if (
+    typeof objA !== "object" ||
+    objA === null ||
+    typeof objB !== "object" ||
+    objB === null
+  ) {
+    return false;
+  }
+
+  var keysA = Object.keys(objA);
+  var keysB = Object.keys(objB);
+
+  if (keysA.length !== keysB.length) {
+    return false;
+  }
+
+  // Test for A's keys different from B.
+  for (var i = 0; i < keysA.length; i++) {
+    if (
+      !hasOwnProperty.call(objB, keysA[i]) ||
+      !is(objA[keysA[i]], objB[keysA[i]])
+    ) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+/**
+ * Forked from fbjs/warning:
+ * https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/__forks__/warning.js
+ *
+ * Only change is we use console.warn instead of console.error,
+ * and do nothing when 'console' is not supported.
+ * This really simplifies the code.
+ * ---
+ * Similar to invariant but only logs a warning if the condition is not met.
+ * This can be used to log issues in development environments in critical
+ * paths. Removing the logging code for production environments will keep the
+ * same logic and follow the same code paths.
+ */
+
+var lowPriorityWarning = function() {};
+
+{
+  var printWarning = function(format) {
+    for (
+      var _len = arguments.length,
+        args = Array(_len > 1 ? _len - 1 : 0),
+        _key = 1;
+      _key < _len;
+      _key++
+    ) {
+      args[_key - 1] = arguments[_key];
+    }
+
+    var argIndex = 0;
+    var message =
+      "Warning: " +
+      format.replace(/%s/g, function() {
+        return args[argIndex++];
+      });
+    if (typeof console !== "undefined") {
+      console.warn(message);
+    }
+    try {
+      // --- Welcome to debugging React ---
+      // This error was thrown as a convenience so that you can use this stack
+      // to find the callsite that caused this warning to fire.
+      throw new Error(message);
+    } catch (x) {}
+  };
+
+  lowPriorityWarning = function(condition, format) {
+    if (format === undefined) {
+      throw new Error(
+        "`lowPriorityWarning(condition, format, ...args)` requires a warning " +
+          "message argument"
+      );
+    }
+    if (!condition) {
+      for (
+        var _len2 = arguments.length,
+          args = Array(_len2 > 2 ? _len2 - 2 : 0),
+          _key2 = 2;
+        _key2 < _len2;
+        _key2++
+      ) {
+        args[_key2 - 2] = arguments[_key2];
+      }
+
+      printWarning.apply(undefined, [format].concat(args));
+    }
+  };
+}
+
+var lowPriorityWarning$1 = lowPriorityWarning;
+
+var ReactStrictModeWarnings = {
+  recordUnsafeLifecycleWarnings: function(fiber, instance) {},
+  flushPendingUnsafeLifecycleWarnings: function() {},
+  recordLegacyContextWarning: function(fiber, instance) {},
+  flushLegacyContextWarning: function() {},
+  discardPendingWarnings: function() {}
+};
+
+{
+  var findStrictRoot = function(fiber) {
+    var maybeStrictRoot = null;
+
+    var node = fiber;
+    while (node !== null) {
+      if (node.mode & StrictMode) {
+        maybeStrictRoot = node;
+      }
+      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
+  ) {
+    // Dedup strategy: Warn once per component.
+    if (didWarnAboutUnsafeLifecycles.has(fiber.type)) {
+      return;
+    }
+
+    if (
+      typeof instance.componentWillMount === "function" &&
+      // Don't warn about react-lifecycles-compat polyfilled components.
+      instance.componentWillMount.__suppressDeprecationWarning !== true
+    ) {
+      pendingComponentWillMountWarnings.push(fiber);
+    }
+
+    if (
+      fiber.mode & StrictMode &&
+      typeof instance.UNSAFE_componentWillMount === "function"
+    ) {
+      pendingUNSAFE_ComponentWillMountWarnings.push(fiber);
+    }
+
+    if (
+      typeof instance.componentWillReceiveProps === "function" &&
+      instance.componentWillReceiveProps.__suppressDeprecationWarning !== true
+    ) {
+      pendingComponentWillReceivePropsWarnings.push(fiber);
+    }
+
+    if (
+      fiber.mode & StrictMode &&
+      typeof instance.UNSAFE_componentWillReceiveProps === "function"
+    ) {
+      pendingUNSAFE_ComponentWillReceivePropsWarnings.push(fiber);
+    }
+
+    if (
+      typeof instance.componentWillUpdate === "function" &&
+      instance.componentWillUpdate.__suppressDeprecationWarning !== true
+    ) {
+      pendingComponentWillUpdateWarnings.push(fiber);
+    }
+
+    if (
+      fiber.mode & StrictMode &&
+      typeof instance.UNSAFE_componentWillUpdate === "function"
+    ) {
+      pendingUNSAFE_ComponentWillUpdateWarnings.push(fiber);
+    }
+  };
+
+  ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings = function() {
+    // We do an initial pass to gather component names
+    var componentWillMountUniqueNames = new Set();
+    if (pendingComponentWillMountWarnings.length > 0) {
+      pendingComponentWillMountWarnings.forEach(function(fiber) {
+        componentWillMountUniqueNames.add(
+          getComponentName(fiber.type) || "Component"
+        );
+        didWarnAboutUnsafeLifecycles.add(fiber.type);
+      });
+      pendingComponentWillMountWarnings = [];
+    }
+
+    var UNSAFE_componentWillMountUniqueNames = new Set();
+    if (pendingUNSAFE_ComponentWillMountWarnings.length > 0) {
+      pendingUNSAFE_ComponentWillMountWarnings.forEach(function(fiber) {
+        UNSAFE_componentWillMountUniqueNames.add(
+          getComponentName(fiber.type) || "Component"
+        );
+        didWarnAboutUnsafeLifecycles.add(fiber.type);
+      });
+      pendingUNSAFE_ComponentWillMountWarnings = [];
+    }
+
+    var componentWillReceivePropsUniqueNames = new Set();
+    if (pendingComponentWillReceivePropsWarnings.length > 0) {
+      pendingComponentWillReceivePropsWarnings.forEach(function(fiber) {
+        componentWillReceivePropsUniqueNames.add(
+          getComponentName(fiber.type) || "Component"
+        );
+        didWarnAboutUnsafeLifecycles.add(fiber.type);
+      });
+
+      pendingComponentWillReceivePropsWarnings = [];
+    }
+
+    var UNSAFE_componentWillReceivePropsUniqueNames = new Set();
+    if (pendingUNSAFE_ComponentWillReceivePropsWarnings.length > 0) {
+      pendingUNSAFE_ComponentWillReceivePropsWarnings.forEach(function(fiber) {
+        UNSAFE_componentWillReceivePropsUniqueNames.add(
+          getComponentName(fiber.type) || "Component"
+        );
+        didWarnAboutUnsafeLifecycles.add(fiber.type);
+      });
+
+      pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+    }
+
+    var componentWillUpdateUniqueNames = new Set();
+    if (pendingComponentWillUpdateWarnings.length > 0) {
+      pendingComponentWillUpdateWarnings.forEach(function(fiber) {
+        componentWillUpdateUniqueNames.add(
+          getComponentName(fiber.type) || "Component"
+        );
+        didWarnAboutUnsafeLifecycles.add(fiber.type);
+      });
+
+      pendingComponentWillUpdateWarnings = [];
+    }
+
+    var UNSAFE_componentWillUpdateUniqueNames = new Set();
+    if (pendingUNSAFE_ComponentWillUpdateWarnings.length > 0) {
+      pendingUNSAFE_ComponentWillUpdateWarnings.forEach(function(fiber) {
+        UNSAFE_componentWillUpdateUniqueNames.add(
+          getComponentName(fiber.type) || "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);
+      warningWithoutStack$1(
+        false,
+        "Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks 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
+      );
+      warningWithoutStack$1(
+        false,
+        "Using UNSAFE_componentWillReceiveProps in strict mode is not recommended " +
+          "and may indicate bugs in your code. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks 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://fb.me/react-derived-state\n" +
+          "\nPlease update the following components: %s",
+        _sortedNames
+      );
+    }
+
+    if (UNSAFE_componentWillUpdateUniqueNames.size > 0) {
+      var _sortedNames2 = setToSortedString(
+        UNSAFE_componentWillUpdateUniqueNames
+      );
+      warningWithoutStack$1(
+        false,
+        "Using UNSAFE_componentWillUpdate in strict mode is not recommended " +
+          "and may indicate bugs in your code. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks for details.\n\n" +
+          "* Move data fetching code or side effects to componentDidUpdate.\n" +
+          "\nPlease update the following components: %s",
+        _sortedNames2
+      );
+    }
+
+    if (componentWillMountUniqueNames.size > 0) {
+      var _sortedNames3 = setToSortedString(componentWillMountUniqueNames);
+
+      lowPriorityWarning$1(
+        false,
+        "componentWillMount has been renamed, and is not recommended for use. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks 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 17.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 (componentWillReceivePropsUniqueNames.size > 0) {
+      var _sortedNames4 = setToSortedString(
+        componentWillReceivePropsUniqueNames
+      );
+
+      lowPriorityWarning$1(
+        false,
+        "componentWillReceiveProps has been renamed, and is not recommended for use. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks 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://fb.me/react-derived-state\n" +
+          "* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress " +
+          "this warning in non-strict mode. In React 17.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 (componentWillUpdateUniqueNames.size > 0) {
+      var _sortedNames5 = setToSortedString(componentWillUpdateUniqueNames);
+
+      lowPriorityWarning$1(
+        false,
+        "componentWillUpdate has been renamed, and is not recommended for use. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks 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 17.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
+      );
+    }
+  };
+
+  var pendingLegacyContextWarning = new Map();
+
+  // Tracks components we have already warned about.
+  var didWarnAboutLegacyContext = new Set();
+
+  ReactStrictModeWarnings.recordLegacyContextWarning = function(
+    fiber,
+    instance
+  ) {
+    var strictRoot = findStrictRoot(fiber);
+    if (strictRoot === null) {
+      warningWithoutStack$1(
+        false,
+        "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."
+      );
+      return;
+    }
+
+    // Dedup strategy: Warn once per component.
+    if (didWarnAboutLegacyContext.has(fiber.type)) {
+      return;
+    }
+
+    var warningsForRoot = pendingLegacyContextWarning.get(strictRoot);
+
+    if (
+      fiber.type.contextTypes != null ||
+      fiber.type.childContextTypes != null ||
+      (instance !== null && typeof instance.getChildContext === "function")
+    ) {
+      if (warningsForRoot === undefined) {
+        warningsForRoot = [];
+        pendingLegacyContextWarning.set(strictRoot, warningsForRoot);
+      }
+      warningsForRoot.push(fiber);
+    }
+  };
+
+  ReactStrictModeWarnings.flushLegacyContextWarning = function() {
+    pendingLegacyContextWarning.forEach(function(fiberArray, strictRoot) {
+      var uniqueNames = new Set();
+      fiberArray.forEach(function(fiber) {
+        uniqueNames.add(getComponentName(fiber.type) || "Component");
+        didWarnAboutLegacyContext.add(fiber.type);
+      });
+
+      var sortedNames = setToSortedString(uniqueNames);
+      var strictRootComponentStack = getStackByFiberInDevAndProd(strictRoot);
+
+      warningWithoutStack$1(
+        false,
+        "Legacy context API has been detected within a strict-mode tree: %s" +
+          "\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:" +
+          "\nhttps://fb.me/react-legacy-context",
+        strictRootComponentStack,
+        sortedNames
+      );
+    });
+  };
+
+  ReactStrictModeWarnings.discardPendingWarnings = function() {
+    pendingComponentWillMountWarnings = [];
+    pendingUNSAFE_ComponentWillMountWarnings = [];
+    pendingComponentWillReceivePropsWarnings = [];
+    pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+    pendingComponentWillUpdateWarnings = [];
+    pendingUNSAFE_ComponentWillUpdateWarnings = [];
+    pendingLegacyContextWarning = new Map();
+  };
+}
+
+// Resolves type to a family.
+
+// Used by React Refresh runtime through DevTools Global Hook.
+
+var resolveFamily = null;
+// $FlowFixMe Flow gets confused by a WeakSet feature check below.
+var failedBoundaries = null;
+
+var setRefreshHandler = function(handler) {
+  {
+    resolveFamily = handler;
+  }
+};
+
+function resolveFunctionForHotReloading(type) {
+  {
+    if (resolveFamily === null) {
+      // Hot reloading is disabled.
+      return type;
+    }
+    var family = resolveFamily(type);
+    if (family === undefined) {
+      return type;
+    }
+    // Use the latest known implementation.
+    return family.current;
+  }
+}
+
+function resolveClassForHotReloading(type) {
+  // No implementation differences.
+  return resolveFunctionForHotReloading(type);
+}
+
+function resolveForwardRefForHotReloading(type) {
+  {
+    if (resolveFamily === null) {
+      // Hot reloading is disabled.
+      return type;
+    }
+    var family = resolveFamily(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 (type.displayName !== undefined) {
+            syntheticType.displayName = type.displayName;
+          }
+          return syntheticType;
+        }
+      }
+      return type;
+    }
+    // Use the latest known implementation.
+    return family.current;
+  }
+}
+
+function isCompatibleFamilyForHotReloading(fiber, element) {
+  {
+    if (resolveFamily === null) {
+      // Hot reloading is disabled.
+      return false;
+    }
+
+    var prevType = fiber.elementType;
+    var nextType = element.type;
+
+    // If we got here, we know types aren't === equal.
+    var needsCompareFamilies = false;
+
+    var $$typeofNextType =
+      typeof nextType === "object" && nextType !== null
+        ? nextType.$$typeof
+        : null;
+
+    switch (fiber.tag) {
+      case ClassComponent: {
+        if (typeof nextType === "function") {
+          needsCompareFamilies = true;
+        }
+        break;
+      }
+      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;
+        }
+        break;
+      }
+      case ForwardRef: {
+        if ($$typeofNextType === REACT_FORWARD_REF_TYPE) {
+          needsCompareFamilies = true;
+        } else if ($$typeofNextType === REACT_LAZY_TYPE) {
+          needsCompareFamilies = true;
+        }
+        break;
+      }
+      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;
+        }
+        break;
+      }
+      default:
+        return false;
+    }
+
+    // Check if both types have a family and it's the same one.
+    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);
+      if (prevFamily !== undefined && prevFamily === resolveFamily(nextType)) {
+        return true;
+      }
+    }
+    return false;
+  }
+}
+
+function markFailedErrorBoundaryForHotReloading(fiber) {
+  {
+    if (resolveFamily === null) {
+      // Hot reloading is disabled.
+      return;
+    }
+    if (typeof WeakSet !== "function") {
+      return;
+    }
+    if (failedBoundaries === null) {
+      failedBoundaries = new WeakSet();
+    }
+    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();
+    updateContainerAtExpirationTime(element, root, null, Sync, 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;
+      default:
+        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;
+          }
+        }
+      }
+    }
+    if (failedBoundaries !== null) {
+      if (
+        failedBoundaries.has(fiber) ||
+        (alternate !== null && failedBoundaries.has(alternate))
+      ) {
+        needsRemount = true;
+      }
+    }
+
+    if (needsRemount) {
+      fiber._debugNeedsRemount = true;
+    }
+    if (needsRemount || needsRender) {
+      scheduleWork(fiber, Sync);
+    }
+    if (child !== null && !needsRemount) {
+      scheduleFibersWithFamiliesRecursively(
+        child,
+        updatedFamilies,
+        staleFamilies
+      );
+    }
+    if (sibling !== null) {
+      scheduleFibersWithFamiliesRecursively(
+        sibling,
+        updatedFamilies,
+        staleFamilies
+      );
+    }
+  }
+}
+
+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;
+      default:
+        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 (sibling !== null) {
+      findHostInstancesForMatchingFibersRecursively(
+        sibling,
+        types,
+        hostInstances
+      );
+    }
+  }
+}
+
+function findHostInstancesForFiberShallowly(fiber, hostInstances) {
+  {
+    var foundHostInstances = findChildHostInstancesForFiberShallowly(
+      fiber,
+      hostInstances
+    );
+    if (foundHostInstances) {
+      return;
+    }
+    // If we didn't find any host children, fallback to closest host parent.
+    var node = fiber;
+    while (true) {
+      switch (node.tag) {
+        case HostComponent:
+          hostInstances.add(node.stateNode);
+          return;
+        case HostPortal:
+          hostInstances.add(node.stateNode.containerInfo);
+          return;
+        case HostRoot:
+          hostInstances.add(node.stateNode.containerInfo);
+          return;
+      }
+      if (node.return === null) {
+        throw new Error("Expected to reach root first.");
+      }
+      node = node.return;
+    }
+  }
+}
+
+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;
+      }
+      if (node === fiber) {
+        return foundHostInstances;
+      }
+      while (node.sibling === null) {
+        if (node.return === null || node.return === fiber) {
+          return foundHostInstances;
+        }
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  }
+  return false;
+}
+
+function resolveDefaultProps(Component, baseProps) {
+  if (Component && Component.defaultProps) {
+    // Resolve default props. Taken from ReactElement
+    var props = Object.assign({}, baseProps);
+    var defaultProps = Component.defaultProps;
+    for (var propName in defaultProps) {
+      if (props[propName] === undefined) {
+        props[propName] = defaultProps[propName];
+      }
+    }
+    return props;
+  }
+  return baseProps;
+}
+
+function readLazyComponentType(lazyComponent) {
+  var status = lazyComponent._status;
+  var result = lazyComponent._result;
+  switch (status) {
+    case Resolved: {
+      var Component = result;
+      return Component;
+    }
+    case Rejected: {
+      var error = result;
+      throw error;
+    }
+    case Pending: {
+      var thenable = result;
+      throw thenable;
+    }
+    default: {
+      lazyComponent._status = Pending;
+      var ctor = lazyComponent._ctor;
+      var _thenable = ctor();
+      _thenable.then(
+        function(moduleObject) {
+          if (lazyComponent._status === Pending) {
+            var defaultExport = moduleObject.default;
+            {
+              if (defaultExport === undefined) {
+                warning$1(
+                  false,
+                  "lazy: Expected the result of a dynamic import() call. " +
+                    "Instead received: %s\n\nYour code should look like: \n  " +
+                    "const MyComponent = lazy(() => import('./MyComponent'))",
+                  moduleObject
+                );
+              }
+            }
+            lazyComponent._status = Resolved;
+            lazyComponent._result = defaultExport;
+          }
+        },
+        function(error) {
+          if (lazyComponent._status === Pending) {
+            lazyComponent._status = Rejected;
+            lazyComponent._result = error;
+          }
+        }
+      );
+      // Handle synchronous thenables.
+      switch (lazyComponent._status) {
+        case Resolved:
+          return lazyComponent._result;
+        case Rejected:
+          throw lazyComponent._result;
+      }
+      lazyComponent._result = _thenable;
+      throw _thenable;
+    }
+  }
+}
+
+var valueCursor = createCursor(null);
+
+var rendererSigil = void 0;
+{
+  // Use this to detect multiple renderers using the same context
+  rendererSigil = {};
+}
+
+var currentlyRenderingFiber = null;
+var lastContextDependency = null;
+var lastContextWithAllBitsObserved = 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;
+  lastContextWithAllBitsObserved = null;
+  {
+    isDisallowedContextReadInDEV = false;
+  }
+}
+
+function enterDisallowedContextReadInDEV() {
+  {
+    isDisallowedContextReadInDEV = true;
+  }
+}
+
+function exitDisallowedContextReadInDEV() {
+  {
+    isDisallowedContextReadInDEV = false;
+  }
+}
+
+function pushProvider(providerFiber, nextValue) {
+  var context = providerFiber.type._context;
+
+  if (isPrimaryRenderer) {
+    push(valueCursor, context._currentValue, providerFiber);
+
+    context._currentValue = nextValue;
+    {
+      !(
+        context._currentRenderer === undefined ||
+        context._currentRenderer === null ||
+        context._currentRenderer === rendererSigil
+      )
+        ? warningWithoutStack$1(
+            false,
+            "Detected multiple renderers concurrently rendering the " +
+              "same context provider. This is currently unsupported."
+          )
+        : void 0;
+      context._currentRenderer = rendererSigil;
+    }
+  } else {
+    push(valueCursor, context._currentValue2, providerFiber);
+
+    context._currentValue2 = nextValue;
+    {
+      !(
+        context._currentRenderer2 === undefined ||
+        context._currentRenderer2 === null ||
+        context._currentRenderer2 === rendererSigil
+      )
+        ? warningWithoutStack$1(
+            false,
+            "Detected multiple renderers concurrently rendering the " +
+              "same context provider. This is currently unsupported."
+          )
+        : void 0;
+      context._currentRenderer2 = rendererSigil;
+    }
+  }
+}
+
+function popProvider(providerFiber) {
+  var currentValue = valueCursor.current;
+
+  pop(valueCursor, providerFiber);
+
+  var context = providerFiber.type._context;
+  if (isPrimaryRenderer) {
+    context._currentValue = currentValue;
+  } else {
+    context._currentValue2 = currentValue;
+  }
+}
+
+function calculateChangedBits(context, newValue, oldValue) {
+  if (is(oldValue, newValue)) {
+    // No change
+    return 0;
+  } else {
+    var changedBits =
+      typeof context._calculateChangedBits === "function"
+        ? context._calculateChangedBits(oldValue, newValue)
+        : MAX_SIGNED_31_BIT_INT;
+
+    {
+      !((changedBits & MAX_SIGNED_31_BIT_INT) === changedBits)
+        ? warning$1(
+            false,
+            "calculateChangedBits: Expected the return value to be a " +
+              "31-bit integer. Instead received: %s",
+            changedBits
+          )
+        : void 0;
+    }
+    return changedBits | 0;
+  }
+}
+
+function scheduleWorkOnParentPath(parent, renderExpirationTime) {
+  // Update the child expiration time of all the ancestors, including
+  // the alternates.
+  var node = parent;
+  while (node !== null) {
+    var alternate = node.alternate;
+    if (node.childExpirationTime < renderExpirationTime) {
+      node.childExpirationTime = renderExpirationTime;
+      if (
+        alternate !== null &&
+        alternate.childExpirationTime < renderExpirationTime
+      ) {
+        alternate.childExpirationTime = renderExpirationTime;
+      }
+    } else if (
+      alternate !== null &&
+      alternate.childExpirationTime < renderExpirationTime
+    ) {
+      alternate.childExpirationTime = renderExpirationTime;
+    } else {
+      // Neither alternate was updated, which means the rest of the
+      // ancestor path already has sufficient priority.
+      break;
+    }
+    node = node.return;
+  }
+}
+
+function propagateContextChange(
+  workInProgress,
+  context,
+  changedBits,
+  renderExpirationTime
+) {
+  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 &&
+          (dependency.observedBits & changedBits) !== 0
+        ) {
+          // Match! Schedule an update on this fiber.
+
+          if (fiber.tag === ClassComponent) {
+            // Schedule a force update on the work-in-progress.
+            var update = createUpdate(renderExpirationTime, null);
+            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.
+            enqueueUpdate(fiber, update);
+          }
+
+          if (fiber.expirationTime < renderExpirationTime) {
+            fiber.expirationTime = renderExpirationTime;
+          }
+          var alternate = fiber.alternate;
+          if (
+            alternate !== null &&
+            alternate.expirationTime < renderExpirationTime
+          ) {
+            alternate.expirationTime = renderExpirationTime;
+          }
+
+          scheduleWorkOnParentPath(fiber.return, renderExpirationTime);
+
+          // Mark the expiration time on the list, too.
+          if (list.expirationTime < renderExpirationTime) {
+            list.expirationTime = renderExpirationTime;
+          }
+
+          // 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 (
+      enableSuspenseServerRenderer &&
+      fiber.tag === DehydratedSuspenseComponent
+    ) {
+      // If a dehydrated suspense component 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 on its children.
+      if (fiber.expirationTime < renderExpirationTime) {
+        fiber.expirationTime = renderExpirationTime;
+      }
+      var _alternate = fiber.alternate;
+      if (
+        _alternate !== null &&
+        _alternate.expirationTime < renderExpirationTime
+      ) {
+        _alternate.expirationTime = renderExpirationTime;
+      }
+      // 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 childExpirationTime on
+      // this fiber to indicate that a context has changed.
+      scheduleWorkOnParentPath(fiber, renderExpirationTime);
+      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, renderExpirationTime) {
+  currentlyRenderingFiber = workInProgress;
+  lastContextDependency = null;
+  lastContextWithAllBitsObserved = null;
+
+  var dependencies = workInProgress.dependencies;
+  if (dependencies !== null) {
+    var firstContext = dependencies.firstContext;
+    if (firstContext !== null) {
+      if (dependencies.expirationTime >= renderExpirationTime) {
+        // 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, observedBits) {
+  {
+    // 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.
+    !!isDisallowedContextReadInDEV
+      ? warning$1(
+          false,
+          "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()."
+        )
+      : void 0;
+  }
+
+  if (lastContextWithAllBitsObserved === context) {
+    // Nothing to do. We already observe everything in this context.
+  } else if (observedBits === false || observedBits === 0) {
+    // Do not observe any updates.
+  } else {
+    var resolvedObservedBits = void 0; // Avoid deopting on observable arguments or heterogeneous types.
+    if (
+      typeof observedBits !== "number" ||
+      observedBits === MAX_SIGNED_31_BIT_INT
+    ) {
+      // Observe all updates.
+      lastContextWithAllBitsObserved = context;
+      resolvedObservedBits = MAX_SIGNED_31_BIT_INT;
+    } else {
+      resolvedObservedBits = observedBits;
+    }
+
+    var contextItem = {
+      context: context,
+      observedBits: resolvedObservedBits,
+      next: null
+    };
+
+    if (lastContextDependency === null) {
+      (function() {
+        if (!(currentlyRenderingFiber !== null)) {
+          throw ReactError(
+            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 = {
+        expirationTime: NoWork,
+        firstContext: contextItem,
+        responders: null
+      };
+    } else {
+      // Append a new context item.
+      lastContextDependency = lastContextDependency.next = contextItem;
+    }
+  }
+  return isPrimaryRenderer ? context._currentValue : context._currentValue2;
+}
+
+// UpdateQueue is a linked list of prioritized updates.
+//
+// Like fibers, update queues come in pairs: a current queue, which represents
+// the visible state of the screen, and a work-in-progress queue, which can be
+// mutated and processed asynchronously before it is committed — a form of
+// double buffering. If a work-in-progress render is discarded before finishing,
+// we create a new work-in-progress by cloning the current queue.
+//
+// Both queues share a persistent, singly-linked list structure. To schedule an
+// update, we append it to the end of both queues. Each queue maintains a
+// pointer to first update in the persistent list that hasn't been processed.
+// The work-in-progress pointer always has a position equal to or greater than
+// the current queue, since we always work on that one. The current queue's
+// pointer is only updated during the commit phase, when we swap in the
+// work-in-progress.
+//
+// For example:
+//
+//   Current pointer:           A - B - C - D - E - F
+//   Work-in-progress pointer:              D - E - F
+//                                          ^
+//                                          The work-in-progress queue has
+//                                          processed more updates than current.
+//
+// The reason we append to both queues is because otherwise we might drop
+// updates without ever processing them. For example, if we only add updates to
+// the work-in-progress queue, some updates could be lost whenever a work-in
+// -progress render restarts by cloning from current. Similarly, if we only add
+// updates to the current queue, the updates will be lost whenever an already
+// in-progress queue commits and swaps with the current queue. However, by
+// adding to both queues, we guarantee that the update will be part of the next
+// work-in-progress. (And because the work-in-progress queue becomes the
+// current queue once it commits, there's no danger of applying the same
+// update twice.)
+//
+// Prioritization
+// --------------
+//
+// Updates are not sorted by priority, but by insertion; new updates are always
+// appended to the end of the list.
+//
+// The priority is still important, though. When processing the update queue
+// during the render phase, only the updates with sufficient priority are
+// included in the result. If we skip an update because it has insufficient
+// priority, it remains in the queue to be processed later, during a lower
+// priority render. Crucially, all updates subsequent to a skipped update also
+// remain in the queue *regardless of their priority*. That means high priority
+// updates are sometimes processed twice, at two separate priorities. We also
+// keep track of a base state, that represents the state before the first
+// update in the queue is applied.
+//
+// For example:
+//
+//   Given a base state of '', and the following queue of updates
+//
+//     A1 - B2 - C1 - D2
+//
+//   where the number indicates the priority, and the update is applied to the
+//   previous state by appending a letter, React will process these updates as
+//   two separate renders, one per distinct priority level:
+//
+//   First render, at priority 1:
+//     Base state: ''
+//     Updates: [A1, C1]
+//     Result state: 'AC'
+//
+//   Second render, at priority 2:
+//     Base state: 'A'            <-  The base state does not include C1,
+//                                    because B2 was skipped.
+//     Updates: [B2, C1, D2]      <-  C1 was rebased on top of B2
+//     Result state: 'ABCD'
+//
+// Because we process updates in insertion order, and rebase high priority
+// updates when preceding updates are skipped, the final result is deterministic
+// regardless of priority. Intermediate state may vary according to system
+// resources, but the final state is always the same.
+
+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 hasForceUpdate = false;
+
+var didWarnUpdateInsideUpdate = void 0;
+var currentlyProcessingQueue = void 0;
+
+{
+  didWarnUpdateInsideUpdate = false;
+  currentlyProcessingQueue = null;
+}
+
+function createUpdateQueue(baseState) {
+  var queue = {
+    baseState: baseState,
+    firstUpdate: null,
+    lastUpdate: null,
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+    firstEffect: null,
+    lastEffect: null,
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
+  };
+  return queue;
+}
+
+function cloneUpdateQueue(currentQueue) {
+  var queue = {
+    baseState: currentQueue.baseState,
+    firstUpdate: currentQueue.firstUpdate,
+    lastUpdate: currentQueue.lastUpdate,
+
+    // TODO: With resuming, if we bail out and resuse the child tree, we should
+    // keep these effects.
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+
+    firstEffect: null,
+    lastEffect: null,
+
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
+  };
+  return queue;
+}
+
+function createUpdate(expirationTime, suspenseConfig) {
+  var update = {
+    expirationTime: expirationTime,
+    suspenseConfig: suspenseConfig,
+
+    tag: UpdateState,
+    payload: null,
+    callback: null,
+
+    next: null,
+    nextEffect: null
+  };
+  {
+    update.priority = getCurrentPriorityLevel();
+  }
+  return update;
+}
+
+function appendUpdateToQueue(queue, update) {
+  // Append the update to the end of the list.
+  if (queue.lastUpdate === null) {
+    // Queue is empty
+    queue.firstUpdate = queue.lastUpdate = update;
+  } else {
+    queue.lastUpdate.next = update;
+    queue.lastUpdate = update;
+  }
+}
+
+function enqueueUpdate(fiber, update) {
+  // Update queues are created lazily.
+  var alternate = fiber.alternate;
+  var queue1 = void 0;
+  var queue2 = void 0;
+  if (alternate === null) {
+    // There's only one fiber.
+    queue1 = fiber.updateQueue;
+    queue2 = null;
+    if (queue1 === null) {
+      queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState);
+    }
+  } else {
+    // There are two owners.
+    queue1 = fiber.updateQueue;
+    queue2 = alternate.updateQueue;
+    if (queue1 === null) {
+      if (queue2 === null) {
+        // Neither fiber has an update queue. Create new ones.
+        queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState);
+        queue2 = alternate.updateQueue = createUpdateQueue(
+          alternate.memoizedState
+        );
+      } else {
+        // Only one fiber has an update queue. Clone to create a new one.
+        queue1 = fiber.updateQueue = cloneUpdateQueue(queue2);
+      }
+    } else {
+      if (queue2 === null) {
+        // Only one fiber has an update queue. Clone to create a new one.
+        queue2 = alternate.updateQueue = cloneUpdateQueue(queue1);
+      } else {
+        // Both owners have an update queue.
+      }
+    }
+  }
+  if (queue2 === null || queue1 === queue2) {
+    // There's only a single queue.
+    appendUpdateToQueue(queue1, update);
+  } else {
+    // There are two queues. We need to append the update to both queues,
+    // while accounting for the persistent structure of the list — we don't
+    // want the same update to be added multiple times.
+    if (queue1.lastUpdate === null || queue2.lastUpdate === null) {
+      // One of the queues is not empty. We must add the update to both queues.
+      appendUpdateToQueue(queue1, update);
+      appendUpdateToQueue(queue2, update);
+    } else {
+      // Both queues are non-empty. The last update is the same in both lists,
+      // because of structural sharing. So, only append to one of the lists.
+      appendUpdateToQueue(queue1, update);
+      // But we still need to update the `lastUpdate` pointer of queue2.
+      queue2.lastUpdate = update;
+    }
+  }
+
+  {
+    if (
+      fiber.tag === ClassComponent &&
+      (currentlyProcessingQueue === queue1 ||
+        (queue2 !== null && currentlyProcessingQueue === queue2)) &&
+      !didWarnUpdateInsideUpdate
+    ) {
+      warningWithoutStack$1(
+        false,
+        "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."
+      );
+      didWarnUpdateInsideUpdate = true;
+    }
+  }
+}
+
+function enqueueCapturedUpdate(workInProgress, update) {
+  // Captured updates go into a separate list, and only on the work-in-
+  // progress queue.
+  var workInProgressQueue = workInProgress.updateQueue;
+  if (workInProgressQueue === null) {
+    workInProgressQueue = workInProgress.updateQueue = createUpdateQueue(
+      workInProgress.memoizedState
+    );
+  } else {
+    // TODO: I put this here rather than createWorkInProgress so that we don't
+    // clone the queue unnecessarily. There's probably a better way to
+    // structure this.
+    workInProgressQueue = ensureWorkInProgressQueueIsAClone(
+      workInProgress,
+      workInProgressQueue
+    );
+  }
+
+  // Append the update to the end of the list.
+  if (workInProgressQueue.lastCapturedUpdate === null) {
+    // This is the first render phase update
+    workInProgressQueue.firstCapturedUpdate = workInProgressQueue.lastCapturedUpdate = update;
+  } else {
+    workInProgressQueue.lastCapturedUpdate.next = update;
+    workInProgressQueue.lastCapturedUpdate = update;
+  }
+}
+
+function ensureWorkInProgressQueueIsAClone(workInProgress, queue) {
+  var current = workInProgress.alternate;
+  if (current !== null) {
+    // If the work-in-progress queue is equal to the current queue,
+    // we need to clone it first.
+    if (queue === current.updateQueue) {
+      queue = workInProgress.updateQueue = cloneUpdateQueue(queue);
+    }
+  }
+  return queue;
+}
+
+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 (
+            debugRenderPhaseSideEffects ||
+            (debugRenderPhaseSideEffectsForStrictMode &&
+              workInProgress.mode & StrictMode)
+          ) {
+            _payload.call(instance, prevState, nextProps);
+          }
+        }
+        var nextState = _payload.call(instance, prevState, nextProps);
+        {
+          exitDisallowedContextReadInDEV();
+        }
+        return nextState;
+      }
+      // State object
+      return _payload;
+    }
+    case CaptureUpdate: {
+      workInProgress.effectTag =
+        (workInProgress.effectTag & ~ShouldCapture) | DidCapture;
+    }
+    // Intentional fallthrough
+    case UpdateState: {
+      var _payload2 = update.payload;
+      var partialState = void 0;
+      if (typeof _payload2 === "function") {
+        // Updater function
+        {
+          enterDisallowedContextReadInDEV();
+          if (
+            debugRenderPhaseSideEffects ||
+            (debugRenderPhaseSideEffectsForStrictMode &&
+              workInProgress.mode & StrictMode)
+          ) {
+            _payload2.call(instance, prevState, nextProps);
+          }
+        }
+        partialState = _payload2.call(instance, prevState, nextProps);
+        {
+          exitDisallowedContextReadInDEV();
+        }
+      } else {
+        // Partial state object
+        partialState = _payload2;
+      }
+      if (partialState === null || partialState === undefined) {
+        // Null and undefined are treated as no-ops.
+        return prevState;
+      }
+      // Merge the partial state and the previous state.
+      return Object.assign({}, prevState, partialState);
+    }
+    case ForceUpdate: {
+      hasForceUpdate = true;
+      return prevState;
+    }
+  }
+  return prevState;
+}
+
+function processUpdateQueue(
+  workInProgress,
+  queue,
+  props,
+  instance,
+  renderExpirationTime
+) {
+  hasForceUpdate = false;
+
+  queue = ensureWorkInProgressQueueIsAClone(workInProgress, queue);
+
+  {
+    currentlyProcessingQueue = queue;
+  }
+
+  // These values may change as we process the queue.
+  var newBaseState = queue.baseState;
+  var newFirstUpdate = null;
+  var newExpirationTime = NoWork;
+
+  // Iterate through the list of updates to compute the result.
+  var update = queue.firstUpdate;
+  var resultState = newBaseState;
+  while (update !== null) {
+    var updateExpirationTime = update.expirationTime;
+    if (updateExpirationTime < renderExpirationTime) {
+      // This update does not have sufficient priority. Skip it.
+      if (newFirstUpdate === null) {
+        // This is the first skipped update. It will be the first update in
+        // the new list.
+        newFirstUpdate = update;
+        // Since this is the first update that was skipped, the current result
+        // is the new base state.
+        newBaseState = resultState;
+      }
+      // Since this update will remain in the list, update the remaining
+      // expiration time.
+      if (newExpirationTime < updateExpirationTime) {
+        newExpirationTime = updateExpirationTime;
+      }
+    } else {
+      // This update does have sufficient priority.
+
+      // Mark the event time of this update as relevant to this render pass.
+      // TODO: This should ideally use the true event time of this update rather than
+      // its priority which is a derived and not reverseable value.
+      // TODO: We should skip this update if it was already committed but currently
+      // we have no way of detecting the difference between a committed and suspended
+      // update here.
+      markRenderEventTimeAndConfig(updateExpirationTime, update.suspenseConfig);
+
+      // Process it and compute a new result.
+      resultState = getStateFromUpdate(
+        workInProgress,
+        queue,
+        update,
+        resultState,
+        props,
+        instance
+      );
+      var _callback = update.callback;
+      if (_callback !== null) {
+        workInProgress.effectTag |= Callback;
+        // Set this to null, in case it was mutated during an aborted render.
+        update.nextEffect = null;
+        if (queue.lastEffect === null) {
+          queue.firstEffect = queue.lastEffect = update;
+        } else {
+          queue.lastEffect.nextEffect = update;
+          queue.lastEffect = update;
+        }
+      }
+    }
+    // Continue to the next update.
+    update = update.next;
+  }
+
+  // Separately, iterate though the list of captured updates.
+  var newFirstCapturedUpdate = null;
+  update = queue.firstCapturedUpdate;
+  while (update !== null) {
+    var _updateExpirationTime = update.expirationTime;
+    if (_updateExpirationTime < renderExpirationTime) {
+      // This update does not have sufficient priority. Skip it.
+      if (newFirstCapturedUpdate === null) {
+        // This is the first skipped captured update. It will be the first
+        // update in the new list.
+        newFirstCapturedUpdate = update;
+        // If this is the first update that was skipped, the current result is
+        // the new base state.
+        if (newFirstUpdate === null) {
+          newBaseState = resultState;
+        }
+      }
+      // Since this update will remain in the list, update the remaining
+      // expiration time.
+      if (newExpirationTime < _updateExpirationTime) {
+        newExpirationTime = _updateExpirationTime;
+      }
+    } else {
+      // This update does have sufficient priority. Process it and compute
+      // a new result.
+      resultState = getStateFromUpdate(
+        workInProgress,
+        queue,
+        update,
+        resultState,
+        props,
+        instance
+      );
+      var _callback2 = update.callback;
+      if (_callback2 !== null) {
+        workInProgress.effectTag |= Callback;
+        // Set this to null, in case it was mutated during an aborted render.
+        update.nextEffect = null;
+        if (queue.lastCapturedEffect === null) {
+          queue.firstCapturedEffect = queue.lastCapturedEffect = update;
+        } else {
+          queue.lastCapturedEffect.nextEffect = update;
+          queue.lastCapturedEffect = update;
+        }
+      }
+    }
+    update = update.next;
+  }
+
+  if (newFirstUpdate === null) {
+    queue.lastUpdate = null;
+  }
+  if (newFirstCapturedUpdate === null) {
+    queue.lastCapturedUpdate = null;
+  } else {
+    workInProgress.effectTag |= Callback;
+  }
+  if (newFirstUpdate === null && newFirstCapturedUpdate === null) {
+    // We processed every update, without skipping. That means the new base
+    // state is the same as the result state.
+    newBaseState = resultState;
+  }
+
+  queue.baseState = newBaseState;
+  queue.firstUpdate = newFirstUpdate;
+  queue.firstCapturedUpdate = newFirstCapturedUpdate;
+
+  // 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.
+  workInProgress.expirationTime = newExpirationTime;
+  workInProgress.memoizedState = resultState;
+
+  {
+    currentlyProcessingQueue = null;
+  }
+}
+
+function callCallback(callback, context) {
+  (function() {
+    if (!(typeof callback === "function")) {
+      throw ReactError(
+        Error(
+          "Invalid argument passed as callback. Expected a function. Instead received: " +
+            callback
+        )
+      );
+    }
+  })();
+  callback.call(context);
+}
+
+function resetHasForceUpdateBeforeProcessing() {
+  hasForceUpdate = false;
+}
+
+function checkHasForceUpdateAfterProcessing() {
+  return hasForceUpdate;
+}
+
+function commitUpdateQueue(
+  finishedWork,
+  finishedQueue,
+  instance,
+  renderExpirationTime
+) {
+  // If the finished render included captured updates, and there are still
+  // lower priority updates left over, we need to keep the captured updates
+  // in the queue so that they are rebased and not dropped once we process the
+  // queue again at the lower priority.
+  if (finishedQueue.firstCapturedUpdate !== null) {
+    // Join the captured update list to the end of the normal list.
+    if (finishedQueue.lastUpdate !== null) {
+      finishedQueue.lastUpdate.next = finishedQueue.firstCapturedUpdate;
+      finishedQueue.lastUpdate = finishedQueue.lastCapturedUpdate;
+    }
+    // Clear the list of captured updates.
+    finishedQueue.firstCapturedUpdate = finishedQueue.lastCapturedUpdate = null;
+  }
+
+  // Commit the effects
+  commitUpdateEffects(finishedQueue.firstEffect, instance);
+  finishedQueue.firstEffect = finishedQueue.lastEffect = null;
+
+  commitUpdateEffects(finishedQueue.firstCapturedEffect, instance);
+  finishedQueue.firstCapturedEffect = finishedQueue.lastCapturedEffect = null;
+}
+
+function commitUpdateEffects(effect, instance) {
+  while (effect !== null) {
+    var _callback3 = effect.callback;
+    if (_callback3 !== null) {
+      effect.callback = null;
+      callCallback(_callback3, instance);
+    }
+    effect = effect.nextEffect;
+  }
+}
+
+var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig;
+
+function requestCurrentSuspenseConfig() {
+  return ReactCurrentBatchConfig.suspense;
+}
+
+var fakeInternalInstance = {};
+var isArray$1 = Array.isArray;
+
+// 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 = void 0;
+var didWarnAboutUninitializedState = void 0;
+var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate = void 0;
+var didWarnAboutLegacyLifecyclesAndDerivedState = void 0;
+var didWarnAboutUndefinedDerivedState = void 0;
+var warnOnUndefinedDerivedState = void 0;
+var warnOnInvalidCallback = void 0;
+var didWarnAboutDirectlyAssigningPropsToState = void 0;
+var didWarnAboutContextTypeAndContextTypes = void 0;
+var didWarnAboutInvalidateContextType = void 0;
+
+{
+  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);
+      warningWithoutStack$1(
+        false,
+        "%s(...): Expected the last optional `callback` argument to be a " +
+          "function. Instead received: %s.",
+        callerName,
+        callback
+      );
+    }
+  };
+
+  warnOnUndefinedDerivedState = function(type, partialState) {
+    if (partialState === undefined) {
+      var componentName = getComponentName(type) || "Component";
+      if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
+        didWarnAboutUndefinedDerivedState.add(componentName);
+        warningWithoutStack$1(
+          false,
+          "%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.
+  Object.defineProperty(fakeInternalInstance, "_processChildContext", {
+    enumerable: false,
+    value: function() {
+      (function() {
+        {
+          throw ReactError(
+            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 applyDerivedStateFromProps(
+  workInProgress,
+  ctor,
+  getDerivedStateFromProps,
+  nextProps
+) {
+  var prevState = workInProgress.memoizedState;
+
+  {
+    if (
+      debugRenderPhaseSideEffects ||
+      (debugRenderPhaseSideEffectsForStrictMode &&
+        workInProgress.mode & StrictMode)
+    ) {
+      // Invoke the function an extra time to help detect side-effects.
+      getDerivedStateFromProps(nextProps, prevState);
+    }
+  }
+
+  var partialState = getDerivedStateFromProps(nextProps, prevState);
+
+  {
+    warnOnUndefinedDerivedState(ctor, partialState);
+  }
+  // Merge the partial state and the previous state.
+  var memoizedState =
+    partialState === null || partialState === undefined
+      ? prevState
+      : Object.assign({}, prevState, partialState);
+  workInProgress.memoizedState = memoizedState;
+
+  // Once the update queue is empty, persist the derived state onto the
+  // base state.
+  var updateQueue = workInProgress.updateQueue;
+  if (updateQueue !== null && workInProgress.expirationTime === NoWork) {
+    updateQueue.baseState = memoizedState;
+  }
+}
+
+var classComponentUpdater = {
+  isMounted: isMounted,
+  enqueueSetState: function(inst, payload, callback) {
+    var fiber = get(inst);
+    var currentTime = requestCurrentTime();
+    var suspenseConfig = requestCurrentSuspenseConfig();
+    var expirationTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      suspenseConfig
+    );
+
+    var update = createUpdate(expirationTime, suspenseConfig);
+    update.payload = payload;
+    if (callback !== undefined && callback !== null) {
+      {
+        warnOnInvalidCallback(callback, "setState");
+      }
+      update.callback = callback;
+    }
+
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
+    enqueueUpdate(fiber, update);
+    scheduleWork(fiber, expirationTime);
+  },
+  enqueueReplaceState: function(inst, payload, callback) {
+    var fiber = get(inst);
+    var currentTime = requestCurrentTime();
+    var suspenseConfig = requestCurrentSuspenseConfig();
+    var expirationTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      suspenseConfig
+    );
+
+    var update = createUpdate(expirationTime, suspenseConfig);
+    update.tag = ReplaceState;
+    update.payload = payload;
+
+    if (callback !== undefined && callback !== null) {
+      {
+        warnOnInvalidCallback(callback, "replaceState");
+      }
+      update.callback = callback;
+    }
+
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
+    enqueueUpdate(fiber, update);
+    scheduleWork(fiber, expirationTime);
+  },
+  enqueueForceUpdate: function(inst, callback) {
+    var fiber = get(inst);
+    var currentTime = requestCurrentTime();
+    var suspenseConfig = requestCurrentSuspenseConfig();
+    var expirationTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      suspenseConfig
+    );
+
+    var update = createUpdate(expirationTime, suspenseConfig);
+    update.tag = ForceUpdate;
+
+    if (callback !== undefined && callback !== null) {
+      {
+        warnOnInvalidCallback(callback, "forceUpdate");
+      }
+      update.callback = callback;
+    }
+
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
+    enqueueUpdate(fiber, update);
+    scheduleWork(fiber, expirationTime);
+  }
+};
+
+function checkShouldComponentUpdate(
+  workInProgress,
+  ctor,
+  oldProps,
+  newProps,
+  oldState,
+  newState,
+  nextContext
+) {
+  var instance = workInProgress.stateNode;
+  if (typeof instance.shouldComponentUpdate === "function") {
+    startPhaseTimer(workInProgress, "shouldComponentUpdate");
+    var shouldUpdate = instance.shouldComponentUpdate(
+      newProps,
+      newState,
+      nextContext
+    );
+    stopPhaseTimer();
+
+    {
+      !(shouldUpdate !== undefined)
+        ? warningWithoutStack$1(
+            false,
+            "%s.shouldComponentUpdate(): Returned undefined instead of a " +
+              "boolean value. Make sure to return true or false.",
+            getComponentName(ctor) || "Component"
+          )
+        : void 0;
+    }
+
+    return shouldUpdate;
+  }
+
+  if (ctor.prototype && ctor.prototype.isPureReactComponent) {
+    return (
+      !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+    );
+  }
+
+  return true;
+}
+
+function checkClassInstance(workInProgress, ctor, newProps) {
+  var instance = workInProgress.stateNode;
+  {
+    var name = getComponentName(ctor) || "Component";
+    var renderPresent = instance.render;
+
+    if (!renderPresent) {
+      if (ctor.prototype && typeof ctor.prototype.render === "function") {
+        warningWithoutStack$1(
+          false,
+          "%s(...): No `render` method found on the returned component " +
+            "instance: did you accidentally return an object from the constructor?",
+          name
+        );
+      } else {
+        warningWithoutStack$1(
+          false,
+          "%s(...): No `render` method found on the returned component " +
+            "instance: you may have forgotten to define `render`.",
+          name
+        );
+      }
+    }
+
+    var noGetInitialStateOnES6 =
+      !instance.getInitialState ||
+      instance.getInitialState.isReactClassApproved ||
+      instance.state;
+    !noGetInitialStateOnES6
+      ? warningWithoutStack$1(
+          false,
+          "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
+        )
+      : void 0;
+    var noGetDefaultPropsOnES6 =
+      !instance.getDefaultProps ||
+      instance.getDefaultProps.isReactClassApproved;
+    !noGetDefaultPropsOnES6
+      ? warningWithoutStack$1(
+          false,
+          "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
+        )
+      : void 0;
+    var noInstancePropTypes = !instance.propTypes;
+    !noInstancePropTypes
+      ? warningWithoutStack$1(
+          false,
+          "propTypes was defined as an instance property on %s. Use a static " +
+            "property to define propTypes instead.",
+          name
+        )
+      : void 0;
+    var noInstanceContextType = !instance.contextType;
+    !noInstanceContextType
+      ? warningWithoutStack$1(
+          false,
+          "contextType was defined as an instance property on %s. Use a static " +
+            "property to define contextType instead.",
+          name
+        )
+      : void 0;
+
+    if (disableLegacyContext) {
+      if (ctor.childContextTypes) {
+        warningWithoutStack$1(
+          false,
+          "%s uses the legacy childContextTypes API which is no longer supported. " +
+            "Use React.createContext() instead.",
+          name
+        );
+      }
+      if (ctor.contextTypes) {
+        warningWithoutStack$1(
+          false,
+          "%s uses the legacy contextTypes API which is no longer supported. " +
+            "Use React.createContext() with static contextType instead.",
+          name
+        );
+      }
+    } else {
+      var noInstanceContextTypes = !instance.contextTypes;
+      !noInstanceContextTypes
+        ? warningWithoutStack$1(
+            false,
+            "contextTypes was defined as an instance property on %s. Use a static " +
+              "property to define contextTypes instead.",
+            name
+          )
+        : void 0;
+
+      if (
+        ctor.contextType &&
+        ctor.contextTypes &&
+        !didWarnAboutContextTypeAndContextTypes.has(ctor)
+      ) {
+        didWarnAboutContextTypeAndContextTypes.add(ctor);
+        warningWithoutStack$1(
+          false,
+          "%s declares both contextTypes and contextType static properties. " +
+            "The legacy contextTypes property will be ignored.",
+          name
+        );
+      }
+    }
+
+    var noComponentShouldUpdate =
+      typeof instance.componentShouldUpdate !== "function";
+    !noComponentShouldUpdate
+      ? warningWithoutStack$1(
+          false,
+          "%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
+        )
+      : void 0;
+    if (
+      ctor.prototype &&
+      ctor.prototype.isPureReactComponent &&
+      typeof instance.shouldComponentUpdate !== "undefined"
+    ) {
+      warningWithoutStack$1(
+        false,
+        "%s has a method called shouldComponentUpdate(). " +
+          "shouldComponentUpdate should not be used when extending React.PureComponent. " +
+          "Please extend React.Component if shouldComponentUpdate is used.",
+        getComponentName(ctor) || "A pure component"
+      );
+    }
+    var noComponentDidUnmount =
+      typeof instance.componentDidUnmount !== "function";
+    !noComponentDidUnmount
+      ? warningWithoutStack$1(
+          false,
+          "%s has a method called " +
+            "componentDidUnmount(). But there is no such lifecycle method. " +
+            "Did you mean componentWillUnmount()?",
+          name
+        )
+      : void 0;
+    var noComponentDidReceiveProps =
+      typeof instance.componentDidReceiveProps !== "function";
+    !noComponentDidReceiveProps
+      ? warningWithoutStack$1(
+          false,
+          "%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
+        )
+      : void 0;
+    var noComponentWillRecieveProps =
+      typeof instance.componentWillRecieveProps !== "function";
+    !noComponentWillRecieveProps
+      ? warningWithoutStack$1(
+          false,
+          "%s has a method called " +
+            "componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
+          name
+        )
+      : void 0;
+    var noUnsafeComponentWillRecieveProps =
+      typeof instance.UNSAFE_componentWillRecieveProps !== "function";
+    !noUnsafeComponentWillRecieveProps
+      ? warningWithoutStack$1(
+          false,
+          "%s has a method called " +
+            "UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
+          name
+        )
+      : void 0;
+    var hasMutatedProps = instance.props !== newProps;
+    !(instance.props === undefined || !hasMutatedProps)
+      ? warningWithoutStack$1(
+          false,
+          "%s(...): When calling super() in `%s`, make sure to pass " +
+            "up the same props that your component's constructor was passed.",
+          name,
+          name
+        )
+      : void 0;
+    var noInstanceDefaultProps = !instance.defaultProps;
+    !noInstanceDefaultProps
+      ? warningWithoutStack$1(
+          false,
+          "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
+        )
+      : void 0;
+
+    if (
+      typeof instance.getSnapshotBeforeUpdate === "function" &&
+      typeof instance.componentDidUpdate !== "function" &&
+      !didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(ctor)
+    ) {
+      didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(ctor);
+      warningWithoutStack$1(
+        false,
+        "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). " +
+          "This component defines getSnapshotBeforeUpdate() only.",
+        getComponentName(ctor)
+      );
+    }
+
+    var noInstanceGetDerivedStateFromProps =
+      typeof instance.getDerivedStateFromProps !== "function";
+    !noInstanceGetDerivedStateFromProps
+      ? warningWithoutStack$1(
+          false,
+          "%s: getDerivedStateFromProps() is defined as an instance method " +
+            "and will be ignored. Instead, declare it as a static method.",
+          name
+        )
+      : void 0;
+    var noInstanceGetDerivedStateFromCatch =
+      typeof instance.getDerivedStateFromError !== "function";
+    !noInstanceGetDerivedStateFromCatch
+      ? warningWithoutStack$1(
+          false,
+          "%s: getDerivedStateFromError() is defined as an instance method " +
+            "and will be ignored. Instead, declare it as a static method.",
+          name
+        )
+      : void 0;
+    var noStaticGetSnapshotBeforeUpdate =
+      typeof ctor.getSnapshotBeforeUpdate !== "function";
+    !noStaticGetSnapshotBeforeUpdate
+      ? warningWithoutStack$1(
+          false,
+          "%s: getSnapshotBeforeUpdate() is defined as a static method " +
+            "and will be ignored. Instead, declare it as an instance method.",
+          name
+        )
+      : void 0;
+    var _state = instance.state;
+    if (_state && (typeof _state !== "object" || isArray$1(_state))) {
+      warningWithoutStack$1(
+        false,
+        "%s.state: must be set to an object or null",
+        name
+      );
+    }
+    if (typeof instance.getChildContext === "function") {
+      !(typeof ctor.childContextTypes === "object")
+        ? warningWithoutStack$1(
+            false,
+            "%s.getChildContext(): childContextTypes must be defined in order to " +
+              "use getChildContext().",
+            name
+          )
+        : void 0;
+    }
+  }
+}
+
+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);
+  {
+    instance._reactInternalInstance = fakeInternalInstance;
+  }
+}
+
+function constructClassInstance(
+  workInProgress,
+  ctor,
+  props,
+  renderExpirationTime
+) {
+  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(", ") +
+            "}.";
+        }
+        warningWithoutStack$1(
+          false,
+          "%s defines an invalid contextType. " +
+            "contextType should point to the Context object returned by React.createContext().%s",
+          getComponentName(ctor) || "Component",
+          addendum
+        );
+      }
+    }
+  }
+
+  if (typeof contextType === "object" && contextType !== null) {
+    context = readContext(contextType);
+  } else if (!disableLegacyContext) {
+    unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
+    var contextTypes = ctor.contextTypes;
+    isLegacyContextConsumer =
+      contextTypes !== null && contextTypes !== undefined;
+    context = isLegacyContextConsumer
+      ? getMaskedContext(workInProgress, unmaskedContext)
+      : emptyContextObject;
+  }
+
+  // Instantiate twice to help detect side-effects.
+  {
+    if (
+      debugRenderPhaseSideEffects ||
+      (debugRenderPhaseSideEffectsForStrictMode &&
+        workInProgress.mode & StrictMode)
+    ) {
+      new ctor(props, context); // eslint-disable-line no-new
+    }
+  }
+
+  var instance = new ctor(props, context);
+  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 = getComponentName(ctor) || "Component";
+      if (!didWarnAboutUninitializedState.has(componentName)) {
+        didWarnAboutUninitializedState.add(componentName);
+        warningWithoutStack$1(
+          false,
+          "`%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.
+    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";
+      }
+      if (
+        typeof instance.componentWillReceiveProps === "function" &&
+        instance.componentWillReceiveProps.__suppressDeprecationWarning !== true
+      ) {
+        foundWillReceivePropsName = "componentWillReceiveProps";
+      } else if (
+        typeof instance.UNSAFE_componentWillReceiveProps === "function"
+      ) {
+        foundWillReceivePropsName = "UNSAFE_componentWillReceiveProps";
+      }
+      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 = getComponentName(ctor) || "Component";
+        var newApiName =
+          typeof ctor.getDerivedStateFromProps === "function"
+            ? "getDerivedStateFromProps()"
+            : "getSnapshotBeforeUpdate()";
+        if (!didWarnAboutLegacyLifecyclesAndDerivedState.has(_componentName)) {
+          didWarnAboutLegacyLifecyclesAndDerivedState.add(_componentName);
+          warningWithoutStack$1(
+            false,
+            "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://fb.me/react-async-component-lifecycle-hooks",
+            _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 (isLegacyContextConsumer) {
+    cacheContext(workInProgress, unmaskedContext, context);
+  }
+
+  return instance;
+}
+
+function callComponentWillMount(workInProgress, instance) {
+  startPhaseTimer(workInProgress, "componentWillMount");
+  var oldState = instance.state;
+
+  if (typeof instance.componentWillMount === "function") {
+    instance.componentWillMount();
+  }
+  if (typeof instance.UNSAFE_componentWillMount === "function") {
+    instance.UNSAFE_componentWillMount();
+  }
+
+  stopPhaseTimer();
+
+  if (oldState !== instance.state) {
+    {
+      warningWithoutStack$1(
+        false,
+        "%s.componentWillMount(): Assigning directly to this.state is " +
+          "deprecated (except inside a component's " +
+          "constructor). Use setState instead.",
+        getComponentName(workInProgress.type) || "Component"
+      );
+    }
+    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+  }
+}
+
+function callComponentWillReceiveProps(
+  workInProgress,
+  instance,
+  newProps,
+  nextContext
+) {
+  var oldState = instance.state;
+  startPhaseTimer(workInProgress, "componentWillReceiveProps");
+  if (typeof instance.componentWillReceiveProps === "function") {
+    instance.componentWillReceiveProps(newProps, nextContext);
+  }
+  if (typeof instance.UNSAFE_componentWillReceiveProps === "function") {
+    instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
+  }
+  stopPhaseTimer();
+
+  if (instance.state !== oldState) {
+    {
+      var componentName = getComponentName(workInProgress.type) || "Component";
+      if (!didWarnAboutStateAssignmentForComponent.has(componentName)) {
+        didWarnAboutStateAssignmentForComponent.add(componentName);
+        warningWithoutStack$1(
+          false,
+          "%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);
+  }
+}
+
+// Invokes the mount life-cycles on a previously never rendered instance.
+function mountClassInstance(
+  workInProgress,
+  ctor,
+  newProps,
+  renderExpirationTime
+) {
+  {
+    checkClassInstance(workInProgress, ctor, newProps);
+  }
+
+  var instance = workInProgress.stateNode;
+  instance.props = newProps;
+  instance.state = workInProgress.memoizedState;
+  instance.refs = emptyRefsObject;
+
+  var contextType = ctor.contextType;
+  if (typeof contextType === "object" && contextType !== null) {
+    instance.context = readContext(contextType);
+  } else if (disableLegacyContext) {
+    instance.context = emptyContextObject;
+  } else {
+    var unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
+    instance.context = getMaskedContext(workInProgress, unmaskedContext);
+  }
+
+  {
+    if (instance.state === newProps) {
+      var componentName = getComponentName(ctor) || "Component";
+      if (!didWarnAboutDirectlyAssigningPropsToState.has(componentName)) {
+        didWarnAboutDirectlyAssigningPropsToState.add(componentName);
+        warningWithoutStack$1(
+          false,
+          "%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 & StrictMode) {
+      ReactStrictModeWarnings.recordLegacyContextWarning(
+        workInProgress,
+        instance
+      );
+    }
+
+    if (warnAboutDeprecatedLifecycles) {
+      ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
+        workInProgress,
+        instance
+      );
+    }
+  }
+
+  var updateQueue = workInProgress.updateQueue;
+  if (updateQueue !== null) {
+    processUpdateQueue(
+      workInProgress,
+      updateQueue,
+      newProps,
+      instance,
+      renderExpirationTime
+    );
+    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.
+    updateQueue = workInProgress.updateQueue;
+    if (updateQueue !== null) {
+      processUpdateQueue(
+        workInProgress,
+        updateQueue,
+        newProps,
+        instance,
+        renderExpirationTime
+      );
+      instance.state = workInProgress.memoizedState;
+    }
+  }
+
+  if (typeof instance.componentDidMount === "function") {
+    workInProgress.effectTag |= Update;
+  }
+}
+
+function resumeMountClassInstance(
+  workInProgress,
+  ctor,
+  newProps,
+  renderExpirationTime
+) {
+  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 if (!disableLegacyContext) {
+    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);
+  var updateQueue = workInProgress.updateQueue;
+  if (updateQueue !== null) {
+    processUpdateQueue(
+      workInProgress,
+      updateQueue,
+      newProps,
+      instance,
+      renderExpirationTime
+    );
+    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.effectTag |= Update;
+    }
+    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")
+    ) {
+      startPhaseTimer(workInProgress, "componentWillMount");
+      if (typeof instance.componentWillMount === "function") {
+        instance.componentWillMount();
+      }
+      if (typeof instance.UNSAFE_componentWillMount === "function") {
+        instance.UNSAFE_componentWillMount();
+      }
+      stopPhaseTimer();
+    }
+    if (typeof instance.componentDidMount === "function") {
+      workInProgress.effectTag |= Update;
+    }
+  } 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.effectTag |= Update;
+    }
+
+    // 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,
+  renderExpirationTime
+) {
+  var instance = workInProgress.stateNode;
+
+  var oldProps = workInProgress.memoizedProps;
+  instance.props =
+    workInProgress.type === workInProgress.elementType
+      ? oldProps
+      : resolveDefaultProps(workInProgress.type, oldProps);
+
+  var oldContext = instance.context;
+  var contextType = ctor.contextType;
+  var nextContext = emptyContextObject;
+  if (typeof contextType === "object" && contextType !== null) {
+    nextContext = readContext(contextType);
+  } else if (!disableLegacyContext) {
+    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 (oldProps !== newProps || oldContext !== nextContext) {
+      callComponentWillReceiveProps(
+        workInProgress,
+        instance,
+        newProps,
+        nextContext
+      );
+    }
+  }
+
+  resetHasForceUpdateBeforeProcessing();
+
+  var oldState = workInProgress.memoizedState;
+  var newState = (instance.state = oldState);
+  var updateQueue = workInProgress.updateQueue;
+  if (updateQueue !== null) {
+    processUpdateQueue(
+      workInProgress,
+      updateQueue,
+      newProps,
+      instance,
+      renderExpirationTime
+    );
+    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.componentDidUpdate === "function") {
+      if (
+        oldProps !== current.memoizedProps ||
+        oldState !== current.memoizedState
+      ) {
+        workInProgress.effectTag |= Update;
+      }
+    }
+    if (typeof instance.getSnapshotBeforeUpdate === "function") {
+      if (
+        oldProps !== current.memoizedProps ||
+        oldState !== current.memoizedState
+      ) {
+        workInProgress.effectTag |= 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
+    );
+
+  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")
+    ) {
+      startPhaseTimer(workInProgress, "componentWillUpdate");
+      if (typeof instance.componentWillUpdate === "function") {
+        instance.componentWillUpdate(newProps, newState, nextContext);
+      }
+      if (typeof instance.UNSAFE_componentWillUpdate === "function") {
+        instance.UNSAFE_componentWillUpdate(newProps, newState, nextContext);
+      }
+      stopPhaseTimer();
+    }
+    if (typeof instance.componentDidUpdate === "function") {
+      workInProgress.effectTag |= Update;
+    }
+    if (typeof instance.getSnapshotBeforeUpdate === "function") {
+      workInProgress.effectTag |= 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 (
+        oldProps !== current.memoizedProps ||
+        oldState !== current.memoizedState
+      ) {
+        workInProgress.effectTag |= Update;
+      }
+    }
+    if (typeof instance.getSnapshotBeforeUpdate === "function") {
+      if (
+        oldProps !== current.memoizedProps ||
+        oldState !== current.memoizedState
+      ) {
+        workInProgress.effectTag |= 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;
+}
+
+var didWarnAboutMaps = void 0;
+var didWarnAboutGenerators = void 0;
+var didWarnAboutStringRefs = void 0;
+var ownerHasKeyUseWarning = void 0;
+var ownerHasFunctionTypeWarning = void 0;
+var warnForMissingKey = function(child) {};
+
+{
+  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) {
+    if (child === null || typeof child !== "object") {
+      return;
+    }
+    if (!child._store || child._store.validated || child.key != null) {
+      return;
+    }
+    (function() {
+      if (!(typeof child._store === "object")) {
+        throw ReactError(
+          Error(
+            "React Component in warnForMissingKey should have a _store. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
+    child._store.validated = true;
+
+    var currentComponentErrorInfo =
+      "Each child in a list should have a unique " +
+      '"key" prop. See https://fb.me/react-warning-keys for ' +
+      "more information." +
+      getCurrentFiberStackInDev();
+    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
+      return;
+    }
+    ownerHasKeyUseWarning[currentComponentErrorInfo] = true;
+
+    warning$1(
+      false,
+      "Each child in a list should have a unique " +
+        '"key" prop. See https://fb.me/react-warning-keys for ' +
+        "more information."
+    );
+  };
+}
+
+var isArray = Array.isArray;
+
+function coerceRef(returnFiber, current$$1, element) {
+  var mixedRef = element.ref;
+  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 & StrictMode || warnAboutStringRefs) {
+        var componentName = getComponentName(returnFiber.type) || "Component";
+        if (!didWarnAboutStringRefs[componentName]) {
+          if (warnAboutStringRefs) {
+            warningWithoutStack$1(
+              false,
+              '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." +
+                "\n%s" +
+                "\n\nLearn more about using refs safely here:" +
+                "\nhttps://fb.me/react-strict-mode-string-ref",
+              componentName,
+              mixedRef,
+              getStackByFiberInDevAndProd(returnFiber)
+            );
+          } else {
+            warningWithoutStack$1(
+              false,
+              '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." +
+                "\n%s" +
+                "\n\nLearn more about using refs safely here:" +
+                "\nhttps://fb.me/react-strict-mode-string-ref",
+              mixedRef,
+              getStackByFiberInDevAndProd(returnFiber)
+            );
+          }
+          didWarnAboutStringRefs[componentName] = true;
+        }
+      }
+    }
+
+    if (element._owner) {
+      var owner = element._owner;
+      var inst = void 0;
+      if (owner) {
+        var ownerFiber = owner;
+        (function() {
+          if (!(ownerFiber.tag === ClassComponent)) {
+            throw ReactError(
+              Error(
+                "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+              )
+            );
+          }
+        })();
+        inst = ownerFiber.stateNode;
+      }
+      (function() {
+        if (!inst) {
+          throw ReactError(
+            Error(
+              "Missing owner for string ref " +
+                mixedRef +
+                ". This error is likely caused by a bug in React. Please file an issue."
+            )
+          );
+        }
+      })();
+      var stringRef = "" + mixedRef;
+      // Check if previous string ref matches new string ref
+      if (
+        current$$1 !== null &&
+        current$$1.ref !== null &&
+        typeof current$$1.ref === "function" &&
+        current$$1.ref._stringRef === stringRef
+      ) {
+        return current$$1.ref;
+      }
+      var ref = function(value) {
+        var refs = inst.refs;
+        if (refs === emptyRefsObject) {
+          // This is a lazy pooled frozen object, so we need to initialize.
+          refs = inst.refs = {};
+        }
+        if (value === null) {
+          delete refs[stringRef];
+        } else {
+          refs[stringRef] = value;
+        }
+      };
+      ref._stringRef = stringRef;
+      return ref;
+    } else {
+      (function() {
+        if (!(typeof mixedRef === "string")) {
+          throw ReactError(
+            Error(
+              "Expected ref to be a function, a string, an object returned by React.createRef(), or null."
+            )
+          );
+        }
+      })();
+      (function() {
+        if (!element._owner) {
+          throw ReactError(
+            Error(
+              "Element ref was specified as a string (" +
+                mixedRef +
+                ") 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://fb.me/react-refs-must-have-owner for more information."
+            )
+          );
+        }
+      })();
+    }
+  }
+  return mixedRef;
+}
+
+function throwOnInvalidObjectType(returnFiber, newChild) {
+  if (returnFiber.type !== "textarea") {
+    var addendum = "";
+    {
+      addendum =
+        " If you meant to render a collection of children, use an array " +
+        "instead." +
+        getCurrentFiberStackInDev();
+    }
+    (function() {
+      {
+        throw ReactError(
+          Error(
+            "Objects are not valid as a React child (found: " +
+              (Object.prototype.toString.call(newChild) === "[object Object]"
+                ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
+                : newChild) +
+              ")." +
+              addendum
+          )
+        );
+      }
+    })();
+  }
+}
+
+function warnOnFunctionType() {
+  var currentComponentErrorInfo =
+    "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." +
+    getCurrentFiberStackInDev();
+
+  if (ownerHasFunctionTypeWarning[currentComponentErrorInfo]) {
+    return;
+  }
+  ownerHasFunctionTypeWarning[currentComponentErrorInfo] = true;
+
+  warning$1(
+    false,
+    "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."
+  );
+}
+
+// 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 ChildReconciler(shouldTrackSideEffects) {
+  function deleteChild(returnFiber, childToDelete) {
+    if (!shouldTrackSideEffects) {
+      // Noop.
+      return;
+    }
+    // Deletions are added in reversed order so we add it to the front.
+    // At this point, the return fiber's effect list is empty except for
+    // deletions, so we can just append the deletion to the list. The remaining
+    // effects aren't added until the complete phase. Once we implement
+    // resuming, this may not be true.
+    var last = returnFiber.lastEffect;
+    if (last !== null) {
+      last.nextEffect = childToDelete;
+      returnFiber.lastEffect = childToDelete;
+    } else {
+      returnFiber.firstEffect = returnFiber.lastEffect = childToDelete;
+    }
+    childToDelete.nextEffect = null;
+    childToDelete.effectTag = Deletion;
+  }
+
+  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.
+    var childToDelete = currentFirstChild;
+    while (childToDelete !== null) {
+      deleteChild(returnFiber, childToDelete);
+      childToDelete = childToDelete.sibling;
+    }
+    return null;
+  }
+
+  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
+    var existingChildren = new Map();
+
+    var existingChild = currentFirstChild;
+    while (existingChild !== null) {
+      if (existingChild.key !== null) {
+        existingChildren.set(existingChild.key, existingChild);
+      } else {
+        existingChildren.set(existingChild.index, existingChild);
+      }
+      existingChild = existingChild.sibling;
+    }
+    return existingChildren;
+  }
+
+  function useFiber(fiber, pendingProps, expirationTime) {
+    // 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, expirationTime);
+    clone.index = 0;
+    clone.sibling = null;
+    return clone;
+  }
+
+  function placeChild(newFiber, lastPlacedIndex, newIndex) {
+    newFiber.index = newIndex;
+    if (!shouldTrackSideEffects) {
+      // Noop.
+      return lastPlacedIndex;
+    }
+    var current$$1 = newFiber.alternate;
+    if (current$$1 !== null) {
+      var oldIndex = current$$1.index;
+      if (oldIndex < lastPlacedIndex) {
+        // This is a move.
+        newFiber.effectTag = Placement;
+        return lastPlacedIndex;
+      } else {
+        // This item can stay in place.
+        return oldIndex;
+      }
+    } else {
+      // This is an insertion.
+      newFiber.effectTag = 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.effectTag = Placement;
+    }
+    return newFiber;
+  }
+
+  function updateTextNode(
+    returnFiber,
+    current$$1,
+    textContent,
+    expirationTime
+  ) {
+    if (current$$1 === null || current$$1.tag !== HostText) {
+      // Insert
+      var created = createFiberFromText(
+        textContent,
+        returnFiber.mode,
+        expirationTime
+      );
+      created.return = returnFiber;
+      return created;
+    } else {
+      // Update
+      var existing = useFiber(current$$1, textContent, expirationTime);
+      existing.return = returnFiber;
+      return existing;
+    }
+  }
+
+  function updateElement(returnFiber, current$$1, element, expirationTime) {
+    if (
+      current$$1 !== null &&
+      (current$$1.elementType === element.type ||
+        // Keep this check inline so it only runs on the false path:
+        isCompatibleFamilyForHotReloading(current$$1, element))
+    ) {
+      // Move based on index
+      var existing = useFiber(current$$1, element.props, expirationTime);
+      existing.ref = coerceRef(returnFiber, current$$1, element);
+      existing.return = returnFiber;
+      {
+        existing._debugSource = element._source;
+        existing._debugOwner = element._owner;
+      }
+      return existing;
+    } else {
+      // Insert
+      var created = createFiberFromElement(
+        element,
+        returnFiber.mode,
+        expirationTime
+      );
+      created.ref = coerceRef(returnFiber, current$$1, element);
+      created.return = returnFiber;
+      return created;
+    }
+  }
+
+  function updatePortal(returnFiber, current$$1, portal, expirationTime) {
+    if (
+      current$$1 === null ||
+      current$$1.tag !== HostPortal ||
+      current$$1.stateNode.containerInfo !== portal.containerInfo ||
+      current$$1.stateNode.implementation !== portal.implementation
+    ) {
+      // Insert
+      var created = createFiberFromPortal(
+        portal,
+        returnFiber.mode,
+        expirationTime
+      );
+      created.return = returnFiber;
+      return created;
+    } else {
+      // Update
+      var existing = useFiber(
+        current$$1,
+        portal.children || [],
+        expirationTime
+      );
+      existing.return = returnFiber;
+      return existing;
+    }
+  }
+
+  function updateFragment(
+    returnFiber,
+    current$$1,
+    fragment,
+    expirationTime,
+    key
+  ) {
+    if (current$$1 === null || current$$1.tag !== Fragment) {
+      // Insert
+      var created = createFiberFromFragment(
+        fragment,
+        returnFiber.mode,
+        expirationTime,
+        key
+      );
+      created.return = returnFiber;
+      return created;
+    } else {
+      // Update
+      var existing = useFiber(current$$1, fragment, expirationTime);
+      existing.return = returnFiber;
+      return existing;
+    }
+  }
+
+  function createChild(returnFiber, newChild, expirationTime) {
+    if (typeof newChild === "string" || 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,
+        expirationTime
+      );
+      created.return = returnFiber;
+      return created;
+    }
+
+    if (typeof newChild === "object" && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE: {
+          var _created = createFiberFromElement(
+            newChild,
+            returnFiber.mode,
+            expirationTime
+          );
+          _created.ref = coerceRef(returnFiber, null, newChild);
+          _created.return = returnFiber;
+          return _created;
+        }
+        case REACT_PORTAL_TYPE: {
+          var _created2 = createFiberFromPortal(
+            newChild,
+            returnFiber.mode,
+            expirationTime
+          );
+          _created2.return = returnFiber;
+          return _created2;
+        }
+      }
+
+      if (isArray(newChild) || getIteratorFn(newChild)) {
+        var _created3 = createFiberFromFragment(
+          newChild,
+          returnFiber.mode,
+          expirationTime,
+          null
+        );
+        _created3.return = returnFiber;
+        return _created3;
+      }
+
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+
+    {
+      if (typeof newChild === "function") {
+        warnOnFunctionType();
+      }
+    }
+
+    return null;
+  }
+
+  function updateSlot(returnFiber, oldFiber, newChild, expirationTime) {
+    // Update the fiber if the keys match, otherwise return null.
+
+    var key = oldFiber !== null ? oldFiber.key : null;
+
+    if (typeof newChild === "string" || 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;
+      }
+      return updateTextNode(
+        returnFiber,
+        oldFiber,
+        "" + newChild,
+        expirationTime
+      );
+    }
+
+    if (typeof newChild === "object" && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE: {
+          if (newChild.key === key) {
+            if (newChild.type === REACT_FRAGMENT_TYPE) {
+              return updateFragment(
+                returnFiber,
+                oldFiber,
+                newChild.props.children,
+                expirationTime,
+                key
+              );
+            }
+            return updateElement(
+              returnFiber,
+              oldFiber,
+              newChild,
+              expirationTime
+            );
+          } else {
+            return null;
+          }
+        }
+        case REACT_PORTAL_TYPE: {
+          if (newChild.key === key) {
+            return updatePortal(
+              returnFiber,
+              oldFiber,
+              newChild,
+              expirationTime
+            );
+          } else {
+            return null;
+          }
+        }
+      }
+
+      if (isArray(newChild) || getIteratorFn(newChild)) {
+        if (key !== null) {
+          return null;
+        }
+
+        return updateFragment(
+          returnFiber,
+          oldFiber,
+          newChild,
+          expirationTime,
+          null
+        );
+      }
+
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+
+    {
+      if (typeof newChild === "function") {
+        warnOnFunctionType();
+      }
+    }
+
+    return null;
+  }
+
+  function updateFromMap(
+    existingChildren,
+    returnFiber,
+    newIdx,
+    newChild,
+    expirationTime
+  ) {
+    if (typeof newChild === "string" || 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,
+        expirationTime
+      );
+    }
+
+    if (typeof newChild === "object" && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE: {
+          var _matchedFiber =
+            existingChildren.get(
+              newChild.key === null ? newIdx : newChild.key
+            ) || null;
+          if (newChild.type === REACT_FRAGMENT_TYPE) {
+            return updateFragment(
+              returnFiber,
+              _matchedFiber,
+              newChild.props.children,
+              expirationTime,
+              newChild.key
+            );
+          }
+          return updateElement(
+            returnFiber,
+            _matchedFiber,
+            newChild,
+            expirationTime
+          );
+        }
+        case REACT_PORTAL_TYPE: {
+          var _matchedFiber2 =
+            existingChildren.get(
+              newChild.key === null ? newIdx : newChild.key
+            ) || null;
+          return updatePortal(
+            returnFiber,
+            _matchedFiber2,
+            newChild,
+            expirationTime
+          );
+        }
+      }
+
+      if (isArray(newChild) || getIteratorFn(newChild)) {
+        var _matchedFiber3 = existingChildren.get(newIdx) || null;
+        return updateFragment(
+          returnFiber,
+          _matchedFiber3,
+          newChild,
+          expirationTime,
+          null
+        );
+      }
+
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+
+    {
+      if (typeof newChild === "function") {
+        warnOnFunctionType();
+      }
+    }
+
+    return null;
+  }
+
+  /**
+   * Warns if there is a duplicate or missing key
+   */
+  function warnOnInvalidKey(child, knownKeys) {
+    {
+      if (typeof child !== "object" || child === null) {
+        return knownKeys;
+      }
+      switch (child.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+        case REACT_PORTAL_TYPE:
+          warnForMissingKey(child);
+          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;
+          }
+          warning$1(
+            false,
+            "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;
+        default:
+          break;
+      }
+    }
+    return knownKeys;
+  }
+
+  function reconcileChildrenArray(
+    returnFiber,
+    currentFirstChild,
+    newChildren,
+    expirationTime
+  ) {
+    // 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);
+      }
+    }
+
+    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],
+        expirationTime
+      );
+      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;
+        }
+        break;
+      }
+      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);
+        }
+      }
+      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 (newIdx === newChildren.length) {
+      // We've reached the end of the new children. We can delete the rest.
+      deleteRemainingChildren(returnFiber, oldFiber);
+      return resultingFirstChild;
+    }
+
+    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],
+          expirationTime
+        );
+        if (_newFiber === null) {
+          continue;
+        }
+        lastPlacedIndex = placeChild(_newFiber, lastPlacedIndex, newIdx);
+        if (previousNewFiber === null) {
+          // TODO: Move out of the loop. This only happens for the first run.
+          resultingFirstChild = _newFiber;
+        } else {
+          previousNewFiber.sibling = _newFiber;
+        }
+        previousNewFiber = _newFiber;
+      }
+      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 (; newIdx < newChildren.length; newIdx++) {
+      var _newFiber2 = updateFromMap(
+        existingChildren,
+        returnFiber,
+        newIdx,
+        newChildren[newIdx],
+        expirationTime
+      );
+      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
+            );
+          }
+        }
+        lastPlacedIndex = placeChild(_newFiber2, lastPlacedIndex, newIdx);
+        if (previousNewFiber === null) {
+          resultingFirstChild = _newFiber2;
+        } else {
+          previousNewFiber.sibling = _newFiber2;
+        }
+        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,
+    expirationTime
+  ) {
+    // This is the same implementation as reconcileChildrenArray(),
+    // but using the iterator instead.
+
+    var iteratorFn = getIteratorFn(newChildrenIterable);
+    (function() {
+      if (!(typeof iteratorFn === "function")) {
+        throw ReactError(
+          Error(
+            "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
+
+    {
+      // 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"
+      ) {
+        !didWarnAboutGenerators
+          ? warning$1(
+              false,
+              "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."
+            )
+          : void 0;
+        didWarnAboutGenerators = true;
+      }
+
+      // Warn about using Maps as children
+      if (newChildrenIterable.entries === iteratorFn) {
+        !didWarnAboutMaps
+          ? warning$1(
+              false,
+              "Using Maps as children is unsupported and will likely yield " +
+                "unexpected results. Convert it to a sequence/iterable of keyed " +
+                "ReactElements instead."
+            )
+          : void 0;
+        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;
+        var _step = _newChildren.next();
+        for (; !_step.done; _step = _newChildren.next()) {
+          var child = _step.value;
+          knownKeys = warnOnInvalidKey(child, knownKeys);
+        }
+      }
+    }
+
+    var newChildren = iteratorFn.call(newChildrenIterable);
+    (function() {
+      if (!(newChildren != null)) {
+        throw ReactError(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;
+      }
+      var newFiber = updateSlot(
+        returnFiber,
+        oldFiber,
+        step.value,
+        expirationTime
+      );
+      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;
+        }
+        break;
+      }
+      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);
+        }
+      }
+      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 (step.done) {
+      // We've reached the end of the new children. We can delete the rest.
+      deleteRemainingChildren(returnFiber, oldFiber);
+      return resultingFirstChild;
+    }
+
+    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, expirationTime);
+        if (_newFiber3 === null) {
+          continue;
+        }
+        lastPlacedIndex = placeChild(_newFiber3, lastPlacedIndex, newIdx);
+        if (previousNewFiber === null) {
+          // TODO: Move out of the loop. This only happens for the first run.
+          resultingFirstChild = _newFiber3;
+        } else {
+          previousNewFiber.sibling = _newFiber3;
+        }
+        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,
+        expirationTime
+      );
+      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
+            );
+          }
+        }
+        lastPlacedIndex = placeChild(_newFiber4, lastPlacedIndex, newIdx);
+        if (previousNewFiber === null) {
+          resultingFirstChild = _newFiber4;
+        } else {
+          previousNewFiber.sibling = _newFiber4;
+        }
+        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,
+    expirationTime
+  ) {
+    // 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, expirationTime);
+      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,
+      expirationTime
+    );
+    created.return = returnFiber;
+    return created;
+  }
+
+  function reconcileSingleElement(
+    returnFiber,
+    currentFirstChild,
+    element,
+    expirationTime
+  ) {
+    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) {
+        if (
+          child.tag === Fragment
+            ? element.type === REACT_FRAGMENT_TYPE
+            : child.elementType === element.type ||
+              // Keep this check inline so it only runs on the false path:
+              isCompatibleFamilyForHotReloading(child, element)
+        ) {
+          deleteRemainingChildren(returnFiber, child.sibling);
+          var existing = useFiber(
+            child,
+            element.type === REACT_FRAGMENT_TYPE
+              ? element.props.children
+              : element.props,
+            expirationTime
+          );
+          existing.ref = coerceRef(returnFiber, child, element);
+          existing.return = returnFiber;
+          {
+            existing._debugSource = element._source;
+            existing._debugOwner = element._owner;
+          }
+          return existing;
+        } else {
+          deleteRemainingChildren(returnFiber, child);
+          break;
+        }
+      } else {
+        deleteChild(returnFiber, child);
+      }
+      child = child.sibling;
+    }
+
+    if (element.type === REACT_FRAGMENT_TYPE) {
+      var created = createFiberFromFragment(
+        element.props.children,
+        returnFiber.mode,
+        expirationTime,
+        element.key
+      );
+      created.return = returnFiber;
+      return created;
+    } else {
+      var _created4 = createFiberFromElement(
+        element,
+        returnFiber.mode,
+        expirationTime
+      );
+      _created4.ref = coerceRef(returnFiber, currentFirstChild, element);
+      _created4.return = returnFiber;
+      return _created4;
+    }
+  }
+
+  function reconcileSinglePortal(
+    returnFiber,
+    currentFirstChild,
+    portal,
+    expirationTime
+  ) {
+    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) {
+        if (
+          child.tag === HostPortal &&
+          child.stateNode.containerInfo === portal.containerInfo &&
+          child.stateNode.implementation === portal.implementation
+        ) {
+          deleteRemainingChildren(returnFiber, child.sibling);
+          var existing = useFiber(child, portal.children || [], expirationTime);
+          existing.return = returnFiber;
+          return existing;
+        } else {
+          deleteRemainingChildren(returnFiber, child);
+          break;
+        }
+      } else {
+        deleteChild(returnFiber, child);
+      }
+      child = child.sibling;
+    }
+
+    var created = createFiberFromPortal(
+      portal,
+      returnFiber.mode,
+      expirationTime
+    );
+    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,
+    expirationTime
+  ) {
+    // 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
+    var isObject = typeof newChild === "object" && newChild !== null;
+
+    if (isObject) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return placeSingleChild(
+            reconcileSingleElement(
+              returnFiber,
+              currentFirstChild,
+              newChild,
+              expirationTime
+            )
+          );
+        case REACT_PORTAL_TYPE:
+          return placeSingleChild(
+            reconcileSinglePortal(
+              returnFiber,
+              currentFirstChild,
+              newChild,
+              expirationTime
+            )
+          );
+      }
+    }
+
+    if (typeof newChild === "string" || typeof newChild === "number") {
+      return placeSingleChild(
+        reconcileSingleTextNode(
+          returnFiber,
+          currentFirstChild,
+          "" + newChild,
+          expirationTime
+        )
+      );
+    }
+
+    if (isArray(newChild)) {
+      return reconcileChildrenArray(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        expirationTime
+      );
+    }
+
+    if (getIteratorFn(newChild)) {
+      return reconcileChildrenIterator(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        expirationTime
+      );
+    }
+
+    if (isObject) {
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+
+    {
+      if (typeof newChild === "function") {
+        warnOnFunctionType();
+      }
+    }
+    if (typeof newChild === "undefined" && !isUnkeyedTopLevelFragment) {
+      // If the new child is undefined, and the return fiber is a composite
+      // component, throw an error. If Fiber return types are disabled,
+      // we already threw above.
+      switch (returnFiber.tag) {
+        case ClassComponent: {
+          {
+            var instance = returnFiber.stateNode;
+            if (instance.render._isMockFunction) {
+              // We allow auto-mocks to proceed as if they're returning null.
+              break;
+            }
+          }
+        }
+        // Intentionally fall through to the next case, which handles both
+        // functions and classes
+        // eslint-disable-next-lined no-fallthrough
+        case FunctionComponent: {
+          var Component = returnFiber.type;
+          (function() {
+            {
+              throw ReactError(
+                Error(
+                  (Component.displayName || Component.name || "Component") +
+                    "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null."
+                )
+              );
+            }
+          })();
+        }
+      }
+    }
+
+    // Remaining cases are all treated as empty.
+    return deleteRemainingChildren(returnFiber, currentFirstChild);
+  }
+
+  return reconcileChildFibers;
+}
+
+var reconcileChildFibers = ChildReconciler(true);
+var mountChildFibers = ChildReconciler(false);
+
+function cloneChildFibers(current$$1, workInProgress) {
+  (function() {
+    if (!(current$$1 === null || workInProgress.child === current$$1.child)) {
+      throw ReactError(Error("Resuming work not yet implemented."));
+    }
+  })();
+
+  if (workInProgress.child === null) {
+    return;
+  }
+
+  var currentChild = workInProgress.child;
+  var newChild = createWorkInProgress(
+    currentChild,
+    currentChild.pendingProps,
+    currentChild.expirationTime
+  );
+  workInProgress.child = newChild;
+
+  newChild.return = workInProgress;
+  while (currentChild.sibling !== null) {
+    currentChild = currentChild.sibling;
+    newChild = newChild.sibling = createWorkInProgress(
+      currentChild,
+      currentChild.pendingProps,
+      currentChild.expirationTime
+    );
+    newChild.return = workInProgress;
+  }
+  newChild.sibling = null;
+}
+
+// Reset a workInProgress child set to prepare it for a second pass.
+function resetChildFibers(workInProgress, renderExpirationTime) {
+  var child = workInProgress.child;
+  while (child !== null) {
+    resetWorkInProgress(child, renderExpirationTime);
+    child = child.sibling;
+  }
+}
+
+var NO_CONTEXT = {};
+
+var contextStackCursor$1 = createCursor(NO_CONTEXT);
+var contextFiberStackCursor = createCursor(NO_CONTEXT);
+var rootInstanceStackCursor = createCursor(NO_CONTEXT);
+
+function requiredContext(c) {
+  (function() {
+    if (!(c !== NO_CONTEXT)) {
+      throw ReactError(
+        Error(
+          "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    }
+  })();
+  return c;
+}
+
+function getRootHostContainer() {
+  var rootInstance = requiredContext(rootInstanceStackCursor.current);
+  return rootInstance;
+}
+
+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.
+  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.
+  push(contextStackCursor$1, NO_CONTEXT, fiber);
+  var nextRootContext = getRootHostContext(nextRootInstance);
+  // Now that we know this function doesn't throw, replace it.
+  pop(contextStackCursor$1, fiber);
+  push(contextStackCursor$1, nextRootContext, fiber);
+}
+
+function popHostContainer(fiber) {
+  pop(contextStackCursor$1, fiber);
+  pop(contextFiberStackCursor, fiber);
+  pop(rootInstanceStackCursor, fiber);
+}
+
+function getHostContext() {
+  var context = requiredContext(contextStackCursor$1.current);
+  return context;
+}
+
+function pushHostContext(fiber) {
+  var rootInstance = requiredContext(rootInstanceStackCursor.current);
+  var context = requiredContext(contextStackCursor$1.current);
+  var nextContext = getChildHostContext(context, fiber.type, rootInstance);
+
+  // Don't push this Fiber's context unless it's unique.
+  if (context === nextContext) {
+    return;
+  }
+
+  // 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$1, nextContext, fiber);
+}
+
+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;
+  }
+
+  pop(contextStackCursor$1, fiber);
+  pop(contextFiberStackCursor, fiber);
+}
+
+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);
+}
+
+// TODO: This is now an empty object. Should we switch this to a boolean?
+// Alternatively we can make this use an effect tag similar to SuspenseList.
+
+function shouldCaptureSuspense(workInProgress, hasInvisibleParent) {
+  // If it was the primary children that just suspended, capture and render the
+  var nextState = workInProgress.memoizedState;
+  if (nextState !== null) {
+    return false;
+  }
+  var props = workInProgress.memoizedProps;
+  // In order to capture, the Suspense component must have a fallback prop.
+  if (props.fallback === undefined) {
+    return false;
+  }
+  // Regular boundaries always capture.
+  if (props.unstable_avoidThisFallback !== true) {
+    return true;
+  }
+  // If it's a boundary we should avoid, then we prefer to bubble up to the
+  // parent boundary if it is currently invisible.
+  if (hasInvisibleParent) {
+    return false;
+  }
+  // If the parent is not able to handle it, we must handle it.
+  return true;
+}
+
+function findFirstSuspended(row) {
+  var node = row;
+  while (node !== null) {
+    if (node.tag === SuspenseComponent) {
+      var state = node.memoizedState;
+      if (state !== null) {
+        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.effectTag & DidCapture) !== NoEffect;
+      if (didSuspend) {
+        return node;
+      }
+    } else if (node.child !== null) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === row) {
+      return null;
+    }
+    while (node.sibling === null) {
+      if (node.return === null || node.return === row) {
+        return null;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+  return null;
+}
+
+function createResponderListener(responder, props) {
+  var eventResponderListener = {
+    responder: responder,
+    props: props
+  };
+  {
+    Object.freeze(eventResponderListener);
+  }
+  return eventResponderListener;
+}
+
+function createResponderInstance(
+  responder,
+  responderProps,
+  responderState,
+  target,
+  fiber
+) {
+  return {
+    fiber: fiber,
+    props: responderProps,
+    responder: responder,
+    rootEventTypes: null,
+    state: responderState,
+    target: target
+  };
+}
+
+var NoEffect$1 = /*             */ 0;
+var UnmountSnapshot = /*      */ 2;
+var UnmountMutation = /*      */ 4;
+var MountMutation = /*        */ 8;
+var UnmountLayout = /*        */ 16;
+var MountLayout = /*          */ 32;
+var MountPassive = /*         */ 64;
+var UnmountPassive = /*       */ 128;
+
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
+
+var didWarnAboutMismatchedHooksForComponent = void 0;
+{
+  didWarnAboutMismatchedHooksForComponent = new Set();
+}
+
+// These are set right before calling the component.
+var renderExpirationTime$1 = NoWork;
+// 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 nextCurrentHook = null;
+var firstWorkInProgressHook = null;
+var workInProgressHook = null;
+var nextWorkInProgressHook = null;
+
+var remainingExpirationTime = NoWork;
+var componentUpdateQueue = null;
+var sideEffectTag = 0;
+
+// Updates scheduled during render will trigger an immediate re-render at the
+// end of the current pass. We can't store these updates on the normal queue,
+// because if the work is aborted, they should be discarded. Because this is
+// a relatively rare case, we also don't want to add an additional field to
+// either the hook or queue object types. So we store them in a lazily create
+// map of queue -> render-phase updates, which are discarded once the component
+// completes without re-rendering.
+
+// Whether an update was scheduled during the currently executing render pass.
+var didScheduleRenderPhaseUpdate = false;
+// Lazily created map of render-phase updates
+var renderPhaseUpdates = null;
+// Counter to prevent infinite loops.
+var numberOfReRenders = 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 (hookTypesDev === null) {
+      hookTypesDev = [hookName];
+    } else {
+      hookTypesDev.push(hookName);
+    }
+  }
+}
+
+function updateHookTypesDev() {
+  {
+    var hookName = currentHookNameInDev;
+
+    if (hookTypesDev !== null) {
+      hookTypesUpdateIndexDev++;
+      if (hookTypesDev[hookTypesUpdateIndexDev] !== hookName) {
+        warnOnHookMismatchInDev(hookName);
+      }
+    }
+  }
+}
+
+function checkDepsAreArrayDev(deps) {
+  {
+    if (deps !== undefined && deps !== null && !Array.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.
+      warning$1(
+        false,
+        "%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 warnOnHookMismatchInDev(currentHookName) {
+  {
+    var componentName = getComponentName(currentlyRenderingFiber$1.type);
+    if (!didWarnAboutMismatchedHooksForComponent.has(componentName)) {
+      didWarnAboutMismatchedHooksForComponent.add(componentName);
+
+      if (hookTypesDev !== null) {
+        var table = "";
+
+        var secondColumnStart = 30;
+
+        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
+          while (row.length < secondColumnStart) {
+            row += " ";
+          }
+
+          row += newHookName + "\n";
+
+          table += row;
+        }
+
+        warning$1(
+          false,
+          "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://fb.me/rules-of-hooks\n\n" +
+            "   Previous render            Next render\n" +
+            "   ------------------------------------------------------\n" +
+            "%s" +
+            "   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n",
+          componentName,
+          table
+        );
+      }
+    }
+  }
+}
+
+function throwInvalidHookError() {
+  (function() {
+    {
+      throw ReactError(
+        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://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
+        )
+      );
+    }
+  })();
+}
+
+function areHookInputsEqual(nextDeps, prevDeps) {
+  {
+    if (ignorePreviousDependencies) {
+      // Only true when this component is being hot reloaded.
+      return false;
+    }
+  }
+
+  if (prevDeps === null) {
+    {
+      warning$1(
+        false,
+        "%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
+      );
+    }
+    return false;
+  }
+
+  {
+    // Don't bother comparing lengths in prod because these arrays should be
+    // passed inline.
+    if (nextDeps.length !== prevDeps.length) {
+      warning$1(
+        false,
+        "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(", ") + "]"
+      );
+    }
+  }
+  for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
+    if (is(nextDeps[i], prevDeps[i])) {
+      continue;
+    }
+    return false;
+  }
+  return true;
+}
+
+function renderWithHooks(
+  current,
+  workInProgress,
+  Component,
+  props,
+  refOrContext,
+  nextRenderExpirationTime
+) {
+  renderExpirationTime$1 = nextRenderExpirationTime;
+  currentlyRenderingFiber$1 = workInProgress;
+  nextCurrentHook = current !== null ? current.memoizedState : null;
+
+  {
+    hookTypesDev = current !== null ? current._debugHookTypes : null;
+    hookTypesUpdateIndexDev = -1;
+    // Used for hot reloading:
+    ignorePreviousDependencies =
+      current !== null && current.type !== workInProgress.type;
+  }
+
+  // The following should have already been reset
+  // currentHook = null;
+  // workInProgressHook = null;
+
+  // remainingExpirationTime = NoWork;
+  // componentUpdateQueue = null;
+
+  // didScheduleRenderPhaseUpdate = false;
+  // renderPhaseUpdates = null;
+  // numberOfReRenders = 0;
+  // sideEffectTag = 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 nextCurrentHook === null.
+  // This is tricky because it's valid for certain types of components (e.g. React.lazy)
+
+  // Using nextCurrentHook 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 nextCurrentHook would be null during updates and mounts.
+  {
+    if (nextCurrentHook !== 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, refOrContext);
+
+  if (didScheduleRenderPhaseUpdate) {
+    do {
+      didScheduleRenderPhaseUpdate = false;
+      numberOfReRenders += 1;
+      {
+        // 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
+      nextCurrentHook = current !== null ? current.memoizedState : null;
+      nextWorkInProgressHook = firstWorkInProgressHook;
+
+      currentHook = null;
+      workInProgressHook = null;
+      componentUpdateQueue = null;
+
+      {
+        // Also validate hook order for cascading updates.
+        hookTypesUpdateIndexDev = -1;
+      }
+
+      ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
+
+      children = Component(props, refOrContext);
+    } while (didScheduleRenderPhaseUpdate);
+
+    renderPhaseUpdates = null;
+    numberOfReRenders = 0;
+  }
+
+  // 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-entrancy.
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+
+  var renderedWork = currentlyRenderingFiber$1;
+
+  renderedWork.memoizedState = firstWorkInProgressHook;
+  renderedWork.expirationTime = remainingExpirationTime;
+  renderedWork.updateQueue = componentUpdateQueue;
+  renderedWork.effectTag |= sideEffectTag;
+
+  {
+    renderedWork._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;
+
+  renderExpirationTime$1 = NoWork;
+  currentlyRenderingFiber$1 = null;
+
+  currentHook = null;
+  nextCurrentHook = null;
+  firstWorkInProgressHook = null;
+  workInProgressHook = null;
+  nextWorkInProgressHook = null;
+
+  {
+    currentHookNameInDev = null;
+    hookTypesDev = null;
+    hookTypesUpdateIndexDev = -1;
+  }
+
+  remainingExpirationTime = NoWork;
+  componentUpdateQueue = null;
+  sideEffectTag = 0;
+
+  // These were reset above
+  // didScheduleRenderPhaseUpdate = false;
+  // renderPhaseUpdates = null;
+  // numberOfReRenders = 0;
+
+  (function() {
+    if (!!didRenderTooFewHooks) {
+      throw ReactError(
+        Error(
+          "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
+        )
+      );
+    }
+  })();
+
+  return children;
+}
+
+function bailoutHooks(current, workInProgress, expirationTime) {
+  workInProgress.updateQueue = current.updateQueue;
+  workInProgress.effectTag &= ~(Passive | Update);
+  if (current.expirationTime <= expirationTime) {
+    current.expirationTime = NoWork;
+  }
+}
+
+function resetHooks() {
+  // 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-entrancy.
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+
+  // This is used to reset the state of this module when a component throws.
+  // It's also called inside mountIndeterminateComponent if we determine the
+  // component is a module-style component.
+  renderExpirationTime$1 = NoWork;
+  currentlyRenderingFiber$1 = null;
+
+  currentHook = null;
+  nextCurrentHook = null;
+  firstWorkInProgressHook = null;
+  workInProgressHook = null;
+  nextWorkInProgressHook = null;
+
+  {
+    hookTypesDev = null;
+    hookTypesUpdateIndexDev = -1;
+
+    currentHookNameInDev = null;
+  }
+
+  remainingExpirationTime = NoWork;
+  componentUpdateQueue = null;
+  sideEffectTag = 0;
+
+  didScheduleRenderPhaseUpdate = false;
+  renderPhaseUpdates = null;
+  numberOfReRenders = 0;
+}
+
+function mountWorkInProgressHook() {
+  var hook = {
+    memoizedState: null,
+
+    baseState: null,
+    queue: null,
+    baseUpdate: null,
+
+    next: null
+  };
+
+  if (workInProgressHook === null) {
+    // This is the first hook in the list
+    firstWorkInProgressHook = workInProgressHook = hook;
+  } else {
+    // Append to the end of the list
+    workInProgressHook = workInProgressHook.next = hook;
+  }
+  return workInProgressHook;
+}
+
+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.
+  if (nextWorkInProgressHook !== null) {
+    // There's already a work-in-progress. Reuse it.
+    workInProgressHook = nextWorkInProgressHook;
+    nextWorkInProgressHook = workInProgressHook.next;
+
+    currentHook = nextCurrentHook;
+    nextCurrentHook = currentHook !== null ? currentHook.next : null;
+  } else {
+    // Clone from the current hook.
+    (function() {
+      if (!(nextCurrentHook !== null)) {
+        throw ReactError(
+          Error("Rendered more hooks than during the previous render.")
+        );
+      }
+    })();
+    currentHook = nextCurrentHook;
+
+    var newHook = {
+      memoizedState: currentHook.memoizedState,
+
+      baseState: currentHook.baseState,
+      queue: currentHook.queue,
+      baseUpdate: currentHook.baseUpdate,
+
+      next: null
+    };
+
+    if (workInProgressHook === null) {
+      // This is the first hook in the list.
+      workInProgressHook = firstWorkInProgressHook = newHook;
+    } else {
+      // Append to the end of the list.
+      workInProgressHook = workInProgressHook.next = newHook;
+    }
+    nextCurrentHook = currentHook.next;
+  }
+  return workInProgressHook;
+}
+
+function createFunctionComponentUpdateQueue() {
+  return {
+    lastEffect: null
+  };
+}
+
+function basicStateReducer(state, action) {
+  return typeof action === "function" ? action(state) : action;
+}
+
+function mountReducer(reducer, initialArg, init) {
+  var hook = mountWorkInProgressHook();
+  var initialState = void 0;
+  if (init !== undefined) {
+    initialState = init(initialArg);
+  } else {
+    initialState = initialArg;
+  }
+  hook.memoizedState = hook.baseState = initialState;
+  var queue = (hook.queue = {
+    last: null,
+    dispatch: null,
+    lastRenderedReducer: reducer,
+    lastRenderedState: initialState
+  });
+  var dispatch = (queue.dispatch = dispatchAction.bind(
+    null,
+    // Flow doesn't know this is non-null, but we do.
+    currentlyRenderingFiber$1,
+    queue
+  ));
+  return [hook.memoizedState, dispatch];
+}
+
+function updateReducer(reducer, initialArg, init) {
+  var hook = updateWorkInProgressHook();
+  var queue = hook.queue;
+  (function() {
+    if (!(queue !== null)) {
+      throw ReactError(
+        Error(
+          "Should have a queue. This is likely a bug in React. Please file an issue."
+        )
+      );
+    }
+  })();
+
+  queue.lastRenderedReducer = reducer;
+
+  if (numberOfReRenders > 0) {
+    // This is a re-render. Apply the new render phase updates to the previous
+    var _dispatch = queue.dispatch;
+    if (renderPhaseUpdates !== null) {
+      // Render phase updates are stored in a map of queue -> linked list
+      var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+      if (firstRenderPhaseUpdate !== undefined) {
+        renderPhaseUpdates.delete(queue);
+        var newState = hook.memoizedState;
+        var update = firstRenderPhaseUpdate;
+        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 !== null);
+
+        // Mark that the fiber performed work, but only if the new state is
+        // different from the current state.
+        if (!is(newState, hook.memoizedState)) {
+          markWorkInProgressReceivedUpdate();
+        }
+
+        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 (hook.baseUpdate === queue.last) {
+          hook.baseState = newState;
+        }
+
+        queue.lastRenderedState = newState;
+
+        return [newState, _dispatch];
+      }
+    }
+    return [hook.memoizedState, _dispatch];
+  }
+
+  // The last update in the entire queue
+  var last = queue.last;
+  // The last update that is part of the base state.
+  var baseUpdate = hook.baseUpdate;
+  var baseState = hook.baseState;
+
+  // Find the first unprocessed update.
+  var first = void 0;
+  if (baseUpdate !== null) {
+    if (last !== null) {
+      // For the first update, the queue is a circular linked list where
+      // `queue.last.next = queue.first`. Once the first update commits, and
+      // the `baseUpdate` is no longer empty, we can unravel the list.
+      last.next = null;
+    }
+    first = baseUpdate.next;
+  } else {
+    first = last !== null ? last.next : null;
+  }
+  if (first !== null) {
+    var _newState = baseState;
+    var newBaseState = null;
+    var newBaseUpdate = null;
+    var prevUpdate = baseUpdate;
+    var _update = first;
+    var didSkip = false;
+    do {
+      var updateExpirationTime = _update.expirationTime;
+      if (updateExpirationTime < renderExpirationTime$1) {
+        // Priority is insufficient. Skip this update. If this is the first
+        // skipped update, the previous update/state is the new base
+        // update/state.
+        if (!didSkip) {
+          didSkip = true;
+          newBaseUpdate = prevUpdate;
+          newBaseState = _newState;
+        }
+        // Update the remaining priority in the queue.
+        if (updateExpirationTime > remainingExpirationTime) {
+          remainingExpirationTime = updateExpirationTime;
+        }
+      } else {
+        // This update does have sufficient priority.
+
+        // Mark the event time of this update as relevant to this render pass.
+        // TODO: This should ideally use the true event time of this update rather than
+        // its priority which is a derived and not reverseable value.
+        // TODO: We should skip this update if it was already committed but currently
+        // we have no way of detecting the difference between a committed and suspended
+        // update here.
+        markRenderEventTimeAndConfig(
+          updateExpirationTime,
+          _update.suspenseConfig
+        );
+
+        // Process this update.
+        if (_update.eagerReducer === reducer) {
+          // If this update was processed eagerly, and its reducer matches the
+          // current reducer, we can use the eagerly computed state.
+          _newState = _update.eagerState;
+        } else {
+          var _action2 = _update.action;
+          _newState = reducer(_newState, _action2);
+        }
+      }
+      prevUpdate = _update;
+      _update = _update.next;
+    } while (_update !== null && _update !== first);
+
+    if (!didSkip) {
+      newBaseUpdate = prevUpdate;
+      newBaseState = _newState;
+    }
+
+    // Mark that the fiber performed work, but only if the new state is
+    // different from the current state.
+    if (!is(_newState, hook.memoizedState)) {
+      markWorkInProgressReceivedUpdate();
+    }
+
+    hook.memoizedState = _newState;
+    hook.baseUpdate = newBaseUpdate;
+    hook.baseState = newBaseState;
+
+    queue.lastRenderedState = _newState;
+  }
+
+  var dispatch = queue.dispatch;
+  return [hook.memoizedState, dispatch];
+}
+
+function mountState(initialState) {
+  var hook = mountWorkInProgressHook();
+  if (typeof initialState === "function") {
+    initialState = initialState();
+  }
+  hook.memoizedState = hook.baseState = initialState;
+  var queue = (hook.queue = {
+    last: null,
+    dispatch: null,
+    lastRenderedReducer: basicStateReducer,
+    lastRenderedState: initialState
+  });
+  var dispatch = (queue.dispatch = dispatchAction.bind(
+    null,
+    // Flow doesn't know this is non-null, but we do.
+    currentlyRenderingFiber$1,
+    queue
+  ));
+  return [hook.memoizedState, dispatch];
+}
+
+function updateState(initialState) {
+  return updateReducer(basicStateReducer, initialState);
+}
+
+function pushEffect(tag, create, destroy, deps) {
+  var effect = {
+    tag: tag,
+    create: create,
+    destroy: destroy,
+    deps: deps,
+    // Circular
+    next: null
+  };
+  if (componentUpdateQueue === null) {
+    componentUpdateQueue = createFunctionComponentUpdateQueue();
+    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;
+}
+
+function mountRef(initialValue) {
+  var hook = mountWorkInProgressHook();
+  var ref = { current: initialValue };
+  {
+    Object.seal(ref);
+  }
+  hook.memoizedState = ref;
+  return ref;
+}
+
+function updateRef(initialValue) {
+  var hook = updateWorkInProgressHook();
+  return hook.memoizedState;
+}
+
+function mountEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
+  var hook = mountWorkInProgressHook();
+  var nextDeps = deps === undefined ? null : deps;
+  sideEffectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(hookEffectTag, create, undefined, nextDeps);
+}
+
+function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
+  var hook = updateWorkInProgressHook();
+  var nextDeps = deps === undefined ? null : deps;
+  var destroy = undefined;
+
+  if (currentHook !== null) {
+    var prevEffect = currentHook.memoizedState;
+    destroy = prevEffect.destroy;
+    if (nextDeps !== null) {
+      var prevDeps = prevEffect.deps;
+      if (areHookInputsEqual(nextDeps, prevDeps)) {
+        pushEffect(NoEffect$1, create, destroy, nextDeps);
+        return;
+      }
+    }
+  }
+
+  sideEffectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(hookEffectTag, create, destroy, nextDeps);
+}
+
+function mountEffect(create, deps) {
+  {
+    // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
+    if ("undefined" !== typeof jest) {
+      warnIfNotCurrentlyActingEffectsInDEV(currentlyRenderingFiber$1);
+    }
+  }
+  return mountEffectImpl(
+    Update | Passive,
+    UnmountPassive | MountPassive,
+    create,
+    deps
+  );
+}
+
+function updateEffect(create, deps) {
+  {
+    // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
+    if ("undefined" !== typeof jest) {
+      warnIfNotCurrentlyActingEffectsInDEV(currentlyRenderingFiber$1);
+    }
+  }
+  return updateEffectImpl(
+    Update | Passive,
+    UnmountPassive | MountPassive,
+    create,
+    deps
+  );
+}
+
+function mountLayoutEffect(create, deps) {
+  return mountEffectImpl(Update, UnmountMutation | MountLayout, create, deps);
+}
+
+function updateLayoutEffect(create, deps) {
+  return updateEffectImpl(Update, UnmountMutation | MountLayout, create, deps);
+}
+
+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;
+    {
+      !refObject.hasOwnProperty("current")
+        ? warning$1(
+            false,
+            "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(", ") + "}"
+          )
+        : void 0;
+    }
+    var _inst2 = create();
+    refObject.current = _inst2;
+    return function() {
+      refObject.current = null;
+    };
+  }
+}
+
+function mountImperativeHandle(ref, create, deps) {
+  {
+    !(typeof create === "function")
+      ? warning$1(
+          false,
+          "Expected useImperativeHandle() second argument to be a function " +
+            "that creates a handle. Instead received: %s.",
+          create !== null ? typeof create : "null"
+        )
+      : void 0;
+  }
+
+  // TODO: If deps are provided, should we skip comparing the ref itself?
+  var effectDeps =
+    deps !== null && deps !== undefined ? deps.concat([ref]) : null;
+
+  return mountEffectImpl(
+    Update,
+    UnmountMutation | MountLayout,
+    imperativeHandleEffect.bind(null, create, ref),
+    effectDeps
+  );
+}
+
+function updateImperativeHandle(ref, create, deps) {
+  {
+    !(typeof create === "function")
+      ? warning$1(
+          false,
+          "Expected useImperativeHandle() second argument to be a function " +
+            "that creates a handle. Instead received: %s.",
+          create !== null ? typeof create : "null"
+        )
+      : void 0;
+  }
+
+  // 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,
+    UnmountMutation | MountLayout,
+    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.
+}
+
+var updateDebugValue = mountDebugValue;
+
+function mountCallback(callback, deps) {
+  var hook = mountWorkInProgressHook();
+  var nextDeps = deps === undefined ? null : deps;
+  hook.memoizedState = [callback, nextDeps];
+  return callback;
+}
+
+function updateCallback(callback, deps) {
+  var hook = updateWorkInProgressHook();
+  var nextDeps = deps === undefined ? null : deps;
+  var prevState = hook.memoizedState;
+  if (prevState !== null) {
+    if (nextDeps !== null) {
+      var prevDeps = prevState[1];
+      if (areHookInputsEqual(nextDeps, prevDeps)) {
+        return prevState[0];
+      }
+    }
+  }
+  hook.memoizedState = [callback, nextDeps];
+  return callback;
+}
+
+function mountMemo(nextCreate, deps) {
+  var hook = mountWorkInProgressHook();
+  var nextDeps = deps === undefined ? null : deps;
+  var nextValue = nextCreate();
+  hook.memoizedState = [nextValue, nextDeps];
+  return nextValue;
+}
+
+function updateMemo(nextCreate, deps) {
+  var hook = updateWorkInProgressHook();
+  var nextDeps = deps === undefined ? null : deps;
+  var prevState = hook.memoizedState;
+  if (prevState !== null) {
+    // Assume these are defined. If they're not, areHookInputsEqual will warn.
+    if (nextDeps !== null) {
+      var prevDeps = prevState[1];
+      if (areHookInputsEqual(nextDeps, prevDeps)) {
+        return prevState[0];
+      }
+    }
+  }
+  var nextValue = nextCreate();
+  hook.memoizedState = [nextValue, nextDeps];
+  return nextValue;
+}
+
+function dispatchAction(fiber, queue, action) {
+  (function() {
+    if (!(numberOfReRenders < RE_RENDER_LIMIT)) {
+      throw ReactError(
+        Error(
+          "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+        )
+      );
+    }
+  })();
+
+  {
+    !(arguments.length <= 3)
+      ? warning$1(
+          false,
+          "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()."
+        )
+      : void 0;
+  }
+
+  var alternate = fiber.alternate;
+  if (
+    fiber === currentlyRenderingFiber$1 ||
+    (alternate !== null && alternate === currentlyRenderingFiber$1)
+  ) {
+    // 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.
+    didScheduleRenderPhaseUpdate = true;
+    var update = {
+      expirationTime: renderExpirationTime$1,
+      suspenseConfig: null,
+      action: action,
+      eagerReducer: null,
+      eagerState: null,
+      next: null
+    };
+    {
+      update.priority = getCurrentPriorityLevel();
+    }
+    if (renderPhaseUpdates === null) {
+      renderPhaseUpdates = new Map();
+    }
+    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+    if (firstRenderPhaseUpdate === undefined) {
+      renderPhaseUpdates.set(queue, update);
+    } else {
+      // Append the update to the end of the list.
+      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
+      while (lastRenderPhaseUpdate.next !== null) {
+        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
+      }
+      lastRenderPhaseUpdate.next = update;
+    }
+  } else {
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
+
+    var currentTime = requestCurrentTime();
+    var _suspenseConfig = requestCurrentSuspenseConfig();
+    var _expirationTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      _suspenseConfig
+    );
+
+    var _update2 = {
+      expirationTime: _expirationTime,
+      suspenseConfig: _suspenseConfig,
+      action: action,
+      eagerReducer: null,
+      eagerState: null,
+      next: null
+    };
+
+    {
+      _update2.priority = getCurrentPriorityLevel();
+    }
+
+    // Append the update to the end of the list.
+    var _last = queue.last;
+    if (_last === null) {
+      // This is the first update. Create a circular list.
+      _update2.next = _update2;
+    } else {
+      var first = _last.next;
+      if (first !== null) {
+        // Still circular.
+        _update2.next = first;
+      }
+      _last.next = _update2;
+    }
+    queue.last = _update2;
+
+    if (
+      fiber.expirationTime === NoWork &&
+      (alternate === null || alternate.expirationTime === NoWork)
+    ) {
+      // 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 (_lastRenderedReducer !== null) {
+        var prevDispatcher = void 0;
+        {
+          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.
+          _update2.eagerReducer = _lastRenderedReducer;
+          _update2.eagerState = _eagerState;
+          if (is(_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.
+            return;
+          }
+        } catch (error) {
+          // Suppress the error. It will throw again in the render phase.
+        } finally {
+          {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        }
+      }
+    }
+    {
+      // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
+      if ("undefined" !== typeof jest) {
+        warnIfNotScopedWithMatchingAct(fiber);
+        warnIfNotCurrentlyActingUpdatesInDev(fiber);
+      }
+    }
+    scheduleWork(fiber, _expirationTime);
+  }
+}
+
+var ContextOnlyDispatcher = {
+  readContext: readContext,
+
+  useCallback: throwInvalidHookError,
+  useContext: throwInvalidHookError,
+  useEffect: throwInvalidHookError,
+  useImperativeHandle: throwInvalidHookError,
+  useLayoutEffect: throwInvalidHookError,
+  useMemo: throwInvalidHookError,
+  useReducer: throwInvalidHookError,
+  useRef: throwInvalidHookError,
+  useState: throwInvalidHookError,
+  useDebugValue: throwInvalidHookError,
+  useResponder: throwInvalidHookError
+};
+
+var HooksDispatcherOnMountInDEV = null;
+var HooksDispatcherOnMountWithHookTypesInDEV = null;
+var HooksDispatcherOnUpdateInDEV = null;
+var InvalidNestedHooksDispatcherOnMountInDEV = null;
+var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
+
+{
+  var warnInvalidContextAccess = function() {
+    warning$1(
+      false,
+      "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() {
+    warning$1(
+      false,
+      "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://fb.me/rules-of-hooks"
+    );
+  };
+
+  HooksDispatcherOnMountInDEV = {
+    readContext: function(context, observedBits) {
+      return readContext(context, observedBits);
+    },
+    useCallback: function(callback, deps) {
+      currentHookNameInDev = "useCallback";
+      mountHookTypesDev();
+      checkDepsAreArrayDev(deps);
+      return mountCallback(callback, deps);
+    },
+    useContext: function(context, observedBits) {
+      currentHookNameInDev = "useContext";
+      mountHookTypesDev();
+      return readContext(context, observedBits);
+    },
+    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);
+    },
+    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;
+      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;
+      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(value, formatterFn);
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      mountHookTypesDev();
+      return createResponderListener(responder, props);
+    }
+  };
+
+  HooksDispatcherOnMountWithHookTypesInDEV = {
+    readContext: function(context, observedBits) {
+      return readContext(context, observedBits);
+    },
+    useCallback: function(callback, deps) {
+      currentHookNameInDev = "useCallback";
+      updateHookTypesDev();
+      return mountCallback(callback, deps);
+    },
+    useContext: function(context, observedBits) {
+      currentHookNameInDev = "useContext";
+      updateHookTypesDev();
+      return readContext(context, observedBits);
+    },
+    useEffect: function(create, deps) {
+      currentHookNameInDev = "useEffect";
+      updateHookTypesDev();
+      return mountEffect(create, deps);
+    },
+    useImperativeHandle: function(ref, create, deps) {
+      currentHookNameInDev = "useImperativeHandle";
+      updateHookTypesDev();
+      return mountImperativeHandle(ref, 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;
+      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;
+      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;
+      try {
+        return mountState(initialState);
+      } finally {
+        ReactCurrentDispatcher$1.current = prevDispatcher;
+      }
+    },
+    useDebugValue: function(value, formatterFn) {
+      currentHookNameInDev = "useDebugValue";
+      updateHookTypesDev();
+      return mountDebugValue(value, formatterFn);
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      updateHookTypesDev();
+      return createResponderListener(responder, props);
+    }
+  };
+
+  HooksDispatcherOnUpdateInDEV = {
+    readContext: function(context, observedBits) {
+      return readContext(context, observedBits);
+    },
+    useCallback: function(callback, deps) {
+      currentHookNameInDev = "useCallback";
+      updateHookTypesDev();
+      return updateCallback(callback, deps);
+    },
+    useContext: function(context, observedBits) {
+      currentHookNameInDev = "useContext";
+      updateHookTypesDev();
+      return readContext(context, observedBits);
+    },
+    useEffect: function(create, deps) {
+      currentHookNameInDev = "useEffect";
+      updateHookTypesDev();
+      return updateEffect(create, deps);
+    },
+    useImperativeHandle: function(ref, create, deps) {
+      currentHookNameInDev = "useImperativeHandle";
+      updateHookTypesDev();
+      return updateImperativeHandle(ref, 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;
+      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;
+      try {
+        return updateReducer(reducer, initialArg, init);
+      } finally {
+        ReactCurrentDispatcher$1.current = prevDispatcher;
+      }
+    },
+    useRef: function(initialValue) {
+      currentHookNameInDev = "useRef";
+      updateHookTypesDev();
+      return updateRef(initialValue);
+    },
+    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(value, formatterFn);
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      updateHookTypesDev();
+      return createResponderListener(responder, props);
+    }
+  };
+
+  InvalidNestedHooksDispatcherOnMountInDEV = {
+    readContext: function(context, observedBits) {
+      warnInvalidContextAccess();
+      return readContext(context, observedBits);
+    },
+    useCallback: function(callback, deps) {
+      currentHookNameInDev = "useCallback";
+      warnInvalidHookAccess();
+      mountHookTypesDev();
+      return mountCallback(callback, deps);
+    },
+    useContext: function(context, observedBits) {
+      currentHookNameInDev = "useContext";
+      warnInvalidHookAccess();
+      mountHookTypesDev();
+      return readContext(context, observedBits);
+    },
+    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);
+    },
+    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;
+      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;
+      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(value, formatterFn);
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      warnInvalidHookAccess();
+      mountHookTypesDev();
+      return createResponderListener(responder, props);
+    }
+  };
+
+  InvalidNestedHooksDispatcherOnUpdateInDEV = {
+    readContext: function(context, observedBits) {
+      warnInvalidContextAccess();
+      return readContext(context, observedBits);
+    },
+    useCallback: function(callback, deps) {
+      currentHookNameInDev = "useCallback";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateCallback(callback, deps);
+    },
+    useContext: function(context, observedBits) {
+      currentHookNameInDev = "useContext";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return readContext(context, observedBits);
+    },
+    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);
+    },
+    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;
+      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;
+      try {
+        return updateReducer(reducer, initialArg, init);
+      } finally {
+        ReactCurrentDispatcher$1.current = prevDispatcher;
+      }
+    },
+    useRef: function(initialValue) {
+      currentHookNameInDev = "useRef";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateRef(initialValue);
+    },
+    useState: function(initialState) {
+      currentHookNameInDev = "useState";
+      warnInvalidHookAccess();
+      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";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateDebugValue(value, formatterFn);
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return createResponderListener(responder, props);
+    }
+  };
+}
+
+// Intentionally not named imports because Rollup would use dynamic dispatch for
+// CommonJS interop named imports.
+var now$1 = Scheduler.unstable_now;
+
+var commitTime = 0;
+var profilerStartTime = -1;
+
+function getCommitTime() {
+  return commitTime;
+}
+
+function recordCommitTime() {
+  if (!enableProfilerTimer) {
+    return;
+  }
+  commitTime = now$1();
+}
+
+function startProfilerTimer(fiber) {
+  if (!enableProfilerTimer) {
+    return;
+  }
+
+  profilerStartTime = now$1();
+
+  if (fiber.actualStartTime < 0) {
+    fiber.actualStartTime = now$1();
+  }
+}
+
+function stopProfilerTimerIfRunning(fiber) {
+  if (!enableProfilerTimer) {
+    return;
+  }
+  profilerStartTime = -1;
+}
+
+function stopProfilerTimerIfRunningAndRecordDelta(fiber, overrideBaseTime) {
+  if (!enableProfilerTimer) {
+    return;
+  }
+
+  if (profilerStartTime >= 0) {
+    var elapsedTime = now$1() - profilerStartTime;
+    fiber.actualDuration += elapsedTime;
+    if (overrideBaseTime) {
+      fiber.selfBaseDuration = elapsedTime;
+    }
+    profilerStartTime = -1;
+  }
+}
+
+// The deepest Fiber on the stack involved in a hydration context.
+// This may have been an insertion or a hydration.
+var hydrationParentFiber = null;
+var nextHydratableInstance = null;
+var isHydrating = false;
+
+function warnIfHydrating() {
+  {
+    !!isHydrating
+      ? warning$1(
+          false,
+          "We should not be hydrating here. This is a bug in React. Please file a bug."
+        )
+      : void 0;
+  }
+}
+
+function enterHydrationState(fiber) {
+  if (!supportsHydration) {
+    return false;
+  }
+
+  var parentInstance = fiber.stateNode.containerInfo;
+  nextHydratableInstance = getFirstHydratableChild(parentInstance);
+  hydrationParentFiber = fiber;
+  isHydrating = true;
+  return true;
+}
+
+function reenterHydrationStateFromDehydratedSuspenseInstance(fiber) {
+  if (!supportsHydration) {
+    return false;
+  }
+
+  var suspenseInstance = fiber.stateNode;
+  nextHydratableInstance = getNextHydratableSibling(suspenseInstance);
+  popToNextHostParent(fiber);
+  isHydrating = true;
+  return true;
+}
+
+function deleteHydratableInstance(returnFiber, instance) {
+  {
+    switch (returnFiber.tag) {
+      case HostRoot:
+        didNotHydrateContainerInstance(
+          returnFiber.stateNode.containerInfo,
+          instance
+        );
+        break;
+      case HostComponent:
+        didNotHydrateInstance(
+          returnFiber.type,
+          returnFiber.memoizedProps,
+          returnFiber.stateNode,
+          instance
+        );
+        break;
+    }
+  }
+
+  var childToDelete = createFiberFromHostInstanceForDeletion();
+  childToDelete.stateNode = instance;
+  childToDelete.return = returnFiber;
+  childToDelete.effectTag = Deletion;
+
+  // This might seem like it belongs on progressedFirstDeletion. However,
+  // these children are not part of the reconciliation list of children.
+  // Even if we abort and rereconcile the children, that will try to hydrate
+  // again and the nodes are still in the host tree so these will be
+  // recreated.
+  if (returnFiber.lastEffect !== null) {
+    returnFiber.lastEffect.nextEffect = childToDelete;
+    returnFiber.lastEffect = childToDelete;
+  } else {
+    returnFiber.firstEffect = returnFiber.lastEffect = childToDelete;
+  }
+}
+
+function insertNonHydratedInstance(returnFiber, fiber) {
+  fiber.effectTag |= Placement;
+  {
+    switch (returnFiber.tag) {
+      case HostRoot: {
+        var parentContainer = returnFiber.stateNode.containerInfo;
+        switch (fiber.tag) {
+          case HostComponent:
+            var type = fiber.type;
+            var props = fiber.pendingProps;
+            didNotFindHydratableContainerInstance(parentContainer, type, props);
+            break;
+          case HostText:
+            var text = fiber.pendingProps;
+            didNotFindHydratableContainerTextInstance(parentContainer, text);
+            break;
+          case SuspenseComponent:
+            didNotFindHydratableContainerSuspenseInstance(parentContainer);
+            break;
+        }
+        break;
+      }
+      case HostComponent: {
+        var parentType = returnFiber.type;
+        var parentProps = returnFiber.memoizedProps;
+        var parentInstance = returnFiber.stateNode;
+        switch (fiber.tag) {
+          case HostComponent:
+            var _type = fiber.type;
+            var _props = fiber.pendingProps;
+            didNotFindHydratableInstance(
+              parentType,
+              parentProps,
+              parentInstance,
+              _type,
+              _props
+            );
+            break;
+          case HostText:
+            var _text = fiber.pendingProps;
+            didNotFindHydratableTextInstance(
+              parentType,
+              parentProps,
+              parentInstance,
+              _text
+            );
+            break;
+          case SuspenseComponent:
+            didNotFindHydratableSuspenseInstance(
+              parentType,
+              parentProps,
+              parentInstance
+            );
+            break;
+        }
+        break;
+      }
+      default:
+        return;
+    }
+  }
+}
+
+function tryHydrate(fiber, nextInstance) {
+  switch (fiber.tag) {
+    case HostComponent: {
+      var type = fiber.type;
+      var props = fiber.pendingProps;
+      var instance = canHydrateInstance(nextInstance, type, props);
+      if (instance !== null) {
+        fiber.stateNode = instance;
+        return true;
+      }
+      return false;
+    }
+    case HostText: {
+      var text = fiber.pendingProps;
+      var textInstance = canHydrateTextInstance(nextInstance, text);
+      if (textInstance !== null) {
+        fiber.stateNode = textInstance;
+        return true;
+      }
+      return false;
+    }
+    case SuspenseComponent: {
+      if (enableSuspenseServerRenderer) {
+        var suspenseInstance = canHydrateSuspenseInstance(nextInstance);
+        if (suspenseInstance !== null) {
+          // Downgrade the tag to a dehydrated component until we've hydrated it.
+          fiber.tag = DehydratedSuspenseComponent;
+          fiber.stateNode = suspenseInstance;
+          return true;
+        }
+      }
+      return false;
+    }
+    default:
+      return false;
+  }
+}
+
+function tryToClaimNextHydratableInstance(fiber) {
+  if (!isHydrating) {
+    return;
+  }
+  var nextInstance = nextHydratableInstance;
+  if (!nextInstance) {
+    // Nothing to hydrate. Make it an insertion.
+    insertNonHydratedInstance(hydrationParentFiber, fiber);
+    isHydrating = false;
+    hydrationParentFiber = fiber;
+    return;
+  }
+  var firstAttemptedInstance = nextInstance;
+  if (!tryHydrate(fiber, nextInstance)) {
+    // If we can't hydrate this instance let's try the next one.
+    // We use this as a heuristic. It's based on intuition and not data so it
+    // might be flawed or unnecessary.
+    nextInstance = getNextHydratableSibling(firstAttemptedInstance);
+    if (!nextInstance || !tryHydrate(fiber, nextInstance)) {
+      // Nothing to hydrate. Make it an insertion.
+      insertNonHydratedInstance(hydrationParentFiber, fiber);
+      isHydrating = false;
+      hydrationParentFiber = fiber;
+      return;
+    }
+    // We matched the next one, we'll now assume that the first one was
+    // superfluous and we'll delete it. Since we can't eagerly delete it
+    // we'll have to schedule a deletion. To do that, this node needs a dummy
+    // fiber associated with it.
+    deleteHydratableInstance(hydrationParentFiber, firstAttemptedInstance);
+  }
+  hydrationParentFiber = fiber;
+  nextHydratableInstance = getFirstHydratableChild(nextInstance);
+}
+
+function prepareToHydrateHostInstance(
+  fiber,
+  rootContainerInstance,
+  hostContext
+) {
+  if (!supportsHydration) {
+    (function() {
+      {
+        throw ReactError(
+          Error(
+            "Expected prepareToHydrateHostInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
+  }
+
+  var instance = fiber.stateNode;
+  var updatePayload = hydrateInstance(
+    instance,
+    fiber.type,
+    fiber.memoizedProps,
+    rootContainerInstance,
+    hostContext,
+    fiber
+  );
+  // TODO: Type this specific to this type of component.
+  fiber.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.
+  if (updatePayload !== null) {
+    return true;
+  }
+  return false;
+}
+
+function prepareToHydrateHostTextInstance(fiber) {
+  if (!supportsHydration) {
+    (function() {
+      {
+        throw ReactError(
+          Error(
+            "Expected prepareToHydrateHostTextInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
+  }
+
+  var textInstance = fiber.stateNode;
+  var textContent = fiber.memoizedProps;
+  var shouldUpdate = hydrateTextInstance(textInstance, textContent, fiber);
+  {
+    if (shouldUpdate) {
+      // We assume that prepareToHydrateHostTextInstance is called in a context where the
+      // hydration parent is the parent host component of this host text.
+      var returnFiber = hydrationParentFiber;
+      if (returnFiber !== null) {
+        switch (returnFiber.tag) {
+          case HostRoot: {
+            var parentContainer = returnFiber.stateNode.containerInfo;
+            didNotMatchHydratedContainerTextInstance(
+              parentContainer,
+              textInstance,
+              textContent
+            );
+            break;
+          }
+          case HostComponent: {
+            var parentType = returnFiber.type;
+            var parentProps = returnFiber.memoizedProps;
+            var parentInstance = returnFiber.stateNode;
+            didNotMatchHydratedTextInstance(
+              parentType,
+              parentProps,
+              parentInstance,
+              textInstance,
+              textContent
+            );
+            break;
+          }
+        }
+      }
+    }
+  }
+  return shouldUpdate;
+}
+
+function skipPastDehydratedSuspenseInstance(fiber) {
+  if (!supportsHydration) {
+    (function() {
+      {
+        throw ReactError(
+          Error(
+            "Expected skipPastDehydratedSuspenseInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
+  }
+  var suspenseInstance = fiber.stateNode;
+  (function() {
+    if (!suspenseInstance) {
+      throw ReactError(
+        Error(
+          "Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    }
+  })();
+  nextHydratableInstance = getNextHydratableInstanceAfterSuspenseInstance(
+    suspenseInstance
+  );
+}
+
+function popToNextHostParent(fiber) {
+  var parent = fiber.return;
+  while (
+    parent !== null &&
+    parent.tag !== HostComponent &&
+    parent.tag !== HostRoot &&
+    parent.tag !== DehydratedSuspenseComponent
+  ) {
+    parent = parent.return;
+  }
+  hydrationParentFiber = parent;
+}
+
+function popHydrationState(fiber) {
+  if (!supportsHydration) {
+    return false;
+  }
+  if (fiber !== hydrationParentFiber) {
+    // We're deeper than the current hydration context, inside an inserted
+    // tree.
+    return false;
+  }
+  if (!isHydrating) {
+    // If we're not currently hydrating but we're in a hydration context, then
+    // we were an insertion and now need to pop up reenter hydration of our
+    // siblings.
+    popToNextHostParent(fiber);
+    isHydrating = true;
+    return false;
+  }
+
+  var type = fiber.type;
+
+  // If we have any remaining hydratable nodes, we need to delete them now.
+  // We only do this deeper than head and body since they tend to have random
+  // other nodes in them. We also ignore components with pure text content in
+  // side of them.
+  // TODO: Better heuristic.
+  if (
+    fiber.tag !== HostComponent ||
+    (type !== "head" &&
+      type !== "body" &&
+      !shouldSetTextContent(type, fiber.memoizedProps))
+  ) {
+    var nextInstance = nextHydratableInstance;
+    while (nextInstance) {
+      deleteHydratableInstance(fiber, nextInstance);
+      nextInstance = getNextHydratableSibling(nextInstance);
+    }
+  }
+
+  popToNextHostParent(fiber);
+  nextHydratableInstance = hydrationParentFiber
+    ? getNextHydratableSibling(fiber.stateNode)
+    : null;
+  return true;
+}
+
+function resetHydrationState() {
+  if (!supportsHydration) {
+    return;
+  }
+
+  hydrationParentFiber = null;
+  nextHydratableInstance = null;
+  isHydrating = false;
+}
+
+var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner;
+
+var didReceiveUpdate = false;
+
+var didWarnAboutBadClass = void 0;
+var didWarnAboutModulePatternComponent = void 0;
+var didWarnAboutContextTypeOnFunctionComponent = void 0;
+var didWarnAboutGetDerivedStateOnFunctionComponent = void 0;
+var didWarnAboutFunctionRefs = void 0;
+var didWarnAboutReassigningProps = void 0;
+var didWarnAboutMaxDuration = void 0;
+var didWarnAboutRevealOrder = void 0;
+var didWarnAboutTailOptions = void 0;
+var didWarnAboutDefaultPropsOnFunctionComponent = void 0;
+
+{
+  didWarnAboutBadClass = {};
+  didWarnAboutModulePatternComponent = {};
+  didWarnAboutContextTypeOnFunctionComponent = {};
+  didWarnAboutGetDerivedStateOnFunctionComponent = {};
+  didWarnAboutFunctionRefs = {};
+  didWarnAboutReassigningProps = false;
+  didWarnAboutMaxDuration = false;
+  didWarnAboutRevealOrder = {};
+  didWarnAboutTailOptions = {};
+  didWarnAboutDefaultPropsOnFunctionComponent = {};
+}
+
+function reconcileChildren(
+  current$$1,
+  workInProgress,
+  nextChildren,
+  renderExpirationTime
+) {
+  if (current$$1 === 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,
+      renderExpirationTime
+    );
+  } 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$$1.child,
+      nextChildren,
+      renderExpirationTime
+    );
+  }
+}
+
+function forceUnmountCurrentAndReconcile(
+  current$$1,
+  workInProgress,
+  nextChildren,
+  renderExpirationTime
+) {
+  // 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$$1.child,
+    null,
+    renderExpirationTime
+  );
+  // 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 their
+  // identity matches.
+  workInProgress.child = reconcileChildFibers(
+    workInProgress,
+    null,
+    nextChildren,
+    renderExpirationTime
+  );
+}
+
+function updateForwardRef(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  renderExpirationTime
+) {
+  // 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",
+          getComponentName(Component),
+          getCurrentFiberStackInDev
+        );
+      }
+    }
+  }
+
+  var render = Component.render;
+  var ref = workInProgress.ref;
+
+  // The rest is a fork of updateFunctionComponent
+  var nextChildren = void 0;
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  {
+    ReactCurrentOwner$3.current = workInProgress;
+    setCurrentPhase("render");
+    nextChildren = renderWithHooks(
+      current$$1,
+      workInProgress,
+      render,
+      nextProps,
+      ref,
+      renderExpirationTime
+    );
+    if (
+      debugRenderPhaseSideEffects ||
+      (debugRenderPhaseSideEffectsForStrictMode &&
+        workInProgress.mode & StrictMode)
+    ) {
+      // Only double-render components with Hooks
+      if (workInProgress.memoizedState !== null) {
+        nextChildren = renderWithHooks(
+          current$$1,
+          workInProgress,
+          render,
+          nextProps,
+          ref,
+          renderExpirationTime
+        );
+      }
+    }
+    setCurrentPhase(null);
+  }
+
+  if (current$$1 !== null && !didReceiveUpdate) {
+    bailoutHooks(current$$1, workInProgress, renderExpirationTime);
+    return bailoutOnAlreadyFinishedWork(
+      current$$1,
+      workInProgress,
+      renderExpirationTime
+    );
+  }
+
+  // React DevTools reads this flag.
+  workInProgress.effectTag |= PerformedWork;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+
+function updateMemoComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  updateExpirationTime,
+  renderExpirationTime
+) {
+  if (current$$1 === 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$$1,
+        workInProgress,
+        resolvedType,
+        nextProps,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    }
+    {
+      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",
+          getComponentName(type),
+          getCurrentFiberStackInDev
+        );
+      }
+    }
+    var child = createFiberFromTypeAndProps(
+      Component.type,
+      null,
+      nextProps,
+      null,
+      workInProgress.mode,
+      renderExpirationTime
+    );
+    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",
+        getComponentName(_type),
+        getCurrentFiberStackInDev
+      );
+    }
+  }
+  var currentChild = current$$1.child; // This is always exactly one child
+  if (updateExpirationTime < renderExpirationTime) {
+    // 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$$1.ref === workInProgress.ref
+    ) {
+      return bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    }
+  }
+  // React DevTools reads this flag.
+  workInProgress.effectTag |= PerformedWork;
+  var newChild = createWorkInProgress(
+    currentChild,
+    nextProps,
+    renderExpirationTime
+  );
+  newChild.ref = workInProgress.ref;
+  newChild.return = workInProgress;
+  workInProgress.child = newChild;
+  return newChild;
+}
+
+function updateSimpleMemoComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  updateExpirationTime,
+  renderExpirationTime
+) {
+  // 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.
+        outerMemoType = refineResolvedLazyComponent(outerMemoType);
+      }
+      var outerPropTypes = outerMemoType && outerMemoType.propTypes;
+      if (outerPropTypes) {
+        checkPropTypes(
+          outerPropTypes,
+          nextProps, // Resolved (SimpleMemoComponent has no defaultProps)
+          "prop",
+          getComponentName(outerMemoType),
+          getCurrentFiberStackInDev
+        );
+      }
+      // Inner propTypes will be validated in the function component path.
+    }
+  }
+  if (current$$1 !== null) {
+    var prevProps = current$$1.memoizedProps;
+    if (
+      shallowEqual(prevProps, nextProps) &&
+      current$$1.ref === workInProgress.ref &&
+      // Prevent bailout if the implementation changed due to hot reload:
+      workInProgress.type === current$$1.type
+    ) {
+      didReceiveUpdate = false;
+      if (updateExpirationTime < renderExpirationTime) {
+        return bailoutOnAlreadyFinishedWork(
+          current$$1,
+          workInProgress,
+          renderExpirationTime
+        );
+      }
+    }
+  }
+  return updateFunctionComponent(
+    current$$1,
+    workInProgress,
+    Component,
+    nextProps,
+    renderExpirationTime
+  );
+}
+
+function updateFragment(current$$1, workInProgress, renderExpirationTime) {
+  var nextChildren = workInProgress.pendingProps;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+
+function updateMode(current$$1, workInProgress, renderExpirationTime) {
+  var nextChildren = workInProgress.pendingProps.children;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+
+function updateProfiler(current$$1, workInProgress, renderExpirationTime) {
+  if (enableProfilerTimer) {
+    workInProgress.effectTag |= Update;
+  }
+  var nextProps = workInProgress.pendingProps;
+  var nextChildren = nextProps.children;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+
+function markRef(current$$1, workInProgress) {
+  var ref = workInProgress.ref;
+  if (
+    (current$$1 === null && ref !== null) ||
+    (current$$1 !== null && current$$1.ref !== ref)
+  ) {
+    // Schedule a Ref effect
+    workInProgress.effectTag |= Ref;
+  }
+}
+
+function updateFunctionComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  renderExpirationTime
+) {
+  {
+    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",
+          getComponentName(Component),
+          getCurrentFiberStackInDev
+        );
+      }
+    }
+  }
+
+  var context = void 0;
+  if (!disableLegacyContext) {
+    var unmaskedContext = getUnmaskedContext(workInProgress, Component, true);
+    context = getMaskedContext(workInProgress, unmaskedContext);
+  }
+
+  var nextChildren = void 0;
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  {
+    ReactCurrentOwner$3.current = workInProgress;
+    setCurrentPhase("render");
+    nextChildren = renderWithHooks(
+      current$$1,
+      workInProgress,
+      Component,
+      nextProps,
+      context,
+      renderExpirationTime
+    );
+    if (
+      debugRenderPhaseSideEffects ||
+      (debugRenderPhaseSideEffectsForStrictMode &&
+        workInProgress.mode & StrictMode)
+    ) {
+      // Only double-render components with Hooks
+      if (workInProgress.memoizedState !== null) {
+        nextChildren = renderWithHooks(
+          current$$1,
+          workInProgress,
+          Component,
+          nextProps,
+          context,
+          renderExpirationTime
+        );
+      }
+    }
+    setCurrentPhase(null);
+  }
+
+  if (current$$1 !== null && !didReceiveUpdate) {
+    bailoutHooks(current$$1, workInProgress, renderExpirationTime);
+    return bailoutOnAlreadyFinishedWork(
+      current$$1,
+      workInProgress,
+      renderExpirationTime
+    );
+  }
+
+  // React DevTools reads this flag.
+  workInProgress.effectTag |= PerformedWork;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+
+function updateClassComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  renderExpirationTime
+) {
+  {
+    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",
+          getComponentName(Component),
+          getCurrentFiberStackInDev
+        );
+      }
+    }
+  }
+
+  // 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 = void 0;
+  if (isContextProvider(Component)) {
+    hasContext = true;
+    pushContextProvider(workInProgress);
+  } else {
+    hasContext = false;
+  }
+  prepareToReadContext(workInProgress, renderExpirationTime);
+
+  var instance = workInProgress.stateNode;
+  var shouldUpdate = void 0;
+  if (instance === null) {
+    if (current$$1 !== null) {
+      // An class component without an instance only mounts if it suspended
+      // inside a non- concurrent tree, in an inconsistent state. We want to
+      // tree it like a new mount, even though an empty version of it already
+      // committed. Disconnect the alternate pointers.
+      current$$1.alternate = null;
+      workInProgress.alternate = null;
+      // Since this is conceptually a new fiber, schedule a Placement effect
+      workInProgress.effectTag |= Placement;
+    }
+    // In the initial pass we might need to construct the instance.
+    constructClassInstance(
+      workInProgress,
+      Component,
+      nextProps,
+      renderExpirationTime
+    );
+    mountClassInstance(
+      workInProgress,
+      Component,
+      nextProps,
+      renderExpirationTime
+    );
+    shouldUpdate = true;
+  } else if (current$$1 === null) {
+    // In a resume, we'll already have an instance we can reuse.
+    shouldUpdate = resumeMountClassInstance(
+      workInProgress,
+      Component,
+      nextProps,
+      renderExpirationTime
+    );
+  } else {
+    shouldUpdate = updateClassInstance(
+      current$$1,
+      workInProgress,
+      Component,
+      nextProps,
+      renderExpirationTime
+    );
+  }
+  var nextUnitOfWork = finishClassComponent(
+    current$$1,
+    workInProgress,
+    Component,
+    shouldUpdate,
+    hasContext,
+    renderExpirationTime
+  );
+  {
+    var inst = workInProgress.stateNode;
+    if (inst.props !== nextProps) {
+      !didWarnAboutReassigningProps
+        ? warning$1(
+            false,
+            "It looks like %s is reassigning its own `this.props` while rendering. " +
+              "This is not supported and can lead to confusing bugs.",
+            getComponentName(workInProgress.type) || "a component"
+          )
+        : void 0;
+      didWarnAboutReassigningProps = true;
+    }
+  }
+  return nextUnitOfWork;
+}
+
+function finishClassComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  shouldUpdate,
+  hasContext,
+  renderExpirationTime
+) {
+  // Refs should update even if shouldComponentUpdate returns false
+  markRef(current$$1, workInProgress);
+
+  var didCaptureError = (workInProgress.effectTag & DidCapture) !== NoEffect;
+
+  if (!shouldUpdate && !didCaptureError) {
+    // Context providers should defer to sCU for rendering
+    if (hasContext) {
+      invalidateContextProvider(workInProgress, Component, false);
+    }
+
+    return bailoutOnAlreadyFinishedWork(
+      current$$1,
+      workInProgress,
+      renderExpirationTime
+    );
+  }
+
+  var instance = workInProgress.stateNode;
+
+  // Rerender
+  ReactCurrentOwner$3.current = workInProgress;
+  var nextChildren = void 0;
+  if (
+    didCaptureError &&
+    typeof Component.getDerivedStateFromError !== "function"
+  ) {
+    // If we captured an error, but getDerivedStateFrom catch 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;
+
+    if (enableProfilerTimer) {
+      stopProfilerTimerIfRunning(workInProgress);
+    }
+  } else {
+    {
+      setCurrentPhase("render");
+      nextChildren = instance.render();
+      if (
+        debugRenderPhaseSideEffects ||
+        (debugRenderPhaseSideEffectsForStrictMode &&
+          workInProgress.mode & StrictMode)
+      ) {
+        instance.render();
+      }
+      setCurrentPhase(null);
+    }
+  }
+
+  // React DevTools reads this flag.
+  workInProgress.effectTag |= PerformedWork;
+  if (current$$1 !== 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$$1,
+      workInProgress,
+      nextChildren,
+      renderExpirationTime
+    );
+  } else {
+    reconcileChildren(
+      current$$1,
+      workInProgress,
+      nextChildren,
+      renderExpirationTime
+    );
+  }
+
+  // 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$$1, workInProgress, renderExpirationTime) {
+  pushHostRootContext(workInProgress);
+  var updateQueue = workInProgress.updateQueue;
+  (function() {
+    if (!(updateQueue !== null)) {
+      throw ReactError(
+        Error(
+          "If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    }
+  })();
+  var nextProps = workInProgress.pendingProps;
+  var prevState = workInProgress.memoizedState;
+  var prevChildren = prevState !== null ? prevState.element : null;
+  processUpdateQueue(
+    workInProgress,
+    updateQueue,
+    nextProps,
+    null,
+    renderExpirationTime
+  );
+  var nextState = workInProgress.memoizedState;
+  // Caution: React DevTools currently depends on this property
+  // being called "element".
+  var nextChildren = nextState.element;
+  if (nextChildren === prevChildren) {
+    // If the state is the same as before, that's a bailout because we had
+    // no work that expires at this time.
+    resetHydrationState();
+    return bailoutOnAlreadyFinishedWork(
+      current$$1,
+      workInProgress,
+      renderExpirationTime
+    );
+  }
+  var root = workInProgress.stateNode;
+  if (
+    (current$$1 === null || current$$1.child === null) &&
+    root.hydrate &&
+    enterHydrationState(workInProgress)
+  ) {
+    // If we don't have any current children this might be the first pass.
+    // We always try to hydrate. If this isn't a hydration pass there won't
+    // be any children to hydrate which is effectively the same thing as
+    // not hydrating.
+
+    // This is a bit of a hack. We track the host root as a placement to
+    // know that we're currently in a mounting state. That way isMounted
+    // works as expected. We must reset this before committing.
+    // TODO: Delete this when we delete isMounted and findDOMNode.
+    workInProgress.effectTag |= Placement;
+
+    // Ensure that children mount into this root without tracking
+    // side-effects. This ensures that we don't store Placement effects on
+    // nodes that will be hydrated.
+    workInProgress.child = mountChildFibers(
+      workInProgress,
+      null,
+      nextChildren,
+      renderExpirationTime
+    );
+  } else {
+    // Otherwise reset hydration state in case we aborted and resumed another
+    // root.
+    reconcileChildren(
+      current$$1,
+      workInProgress,
+      nextChildren,
+      renderExpirationTime
+    );
+    resetHydrationState();
+  }
+  return workInProgress.child;
+}
+
+function updateHostComponent(current$$1, workInProgress, renderExpirationTime) {
+  pushHostContext(workInProgress);
+
+  if (current$$1 === null) {
+    tryToClaimNextHydratableInstance(workInProgress);
+  }
+
+  var type = workInProgress.type;
+  var nextProps = workInProgress.pendingProps;
+  var prevProps = current$$1 !== null ? current$$1.memoizedProps : null;
+
+  var nextChildren = nextProps.children;
+  var isDirectTextChild = shouldSetTextContent(type, nextProps);
+
+  if (isDirectTextChild) {
+    // We special case a direct text child of a host node. This is a common
+    // case. We won't handle it as a reified child. We will instead handle
+    // this in the host environment that also have access to this prop. That
+    // avoids allocating another HostText fiber and traversing it.
+    nextChildren = null;
+  } else if (prevProps !== null && shouldSetTextContent(type, prevProps)) {
+    // 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.effectTag |= ContentReset;
+  }
+
+  markRef(current$$1, workInProgress);
+
+  // Check the host config to see if the children are offscreen/hidden.
+  if (
+    workInProgress.mode & ConcurrentMode &&
+    renderExpirationTime !== Never &&
+    shouldDeprioritizeSubtree(type, nextProps)
+  ) {
+    if (enableSchedulerTracing) {
+      markSpawnedWork(Never);
+    }
+    // Schedule this fiber to re-render at offscreen priority. Then bailout.
+    workInProgress.expirationTime = workInProgress.childExpirationTime = Never;
+    return null;
+  }
+
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+
+function updateHostText(current$$1, workInProgress) {
+  if (current$$1 === null) {
+    tryToClaimNextHydratableInstance(workInProgress);
+  }
+  // Nothing to do here. This is terminal. We'll do the completion step
+  // immediately after.
+  return null;
+}
+
+function mountLazyComponent(
+  _current,
+  workInProgress,
+  elementType,
+  updateExpirationTime,
+  renderExpirationTime
+) {
+  if (_current !== null) {
+    // An 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.effectTag |= Placement;
+  }
+
+  var props = workInProgress.pendingProps;
+  // We can't start a User Timing measurement with correct label yet.
+  // Cancel and resume right after we know the tag.
+  cancelWorkTimer(workInProgress);
+  var Component = readLazyComponentType(elementType);
+  // Store the unwrapped component in the type.
+  workInProgress.type = Component;
+  var resolvedTag = (workInProgress.tag = resolveLazyComponentTag(Component));
+  startWorkTimer(workInProgress);
+  var resolvedProps = resolveDefaultProps(Component, props);
+  var child = void 0;
+  switch (resolvedTag) {
+    case FunctionComponent: {
+      {
+        validateFunctionComponentInDev(workInProgress, Component);
+        workInProgress.type = Component = resolveFunctionForHotReloading(
+          Component
+        );
+      }
+      child = updateFunctionComponent(
+        null,
+        workInProgress,
+        Component,
+        resolvedProps,
+        renderExpirationTime
+      );
+      break;
+    }
+    case ClassComponent: {
+      {
+        workInProgress.type = Component = resolveClassForHotReloading(
+          Component
+        );
+      }
+      child = updateClassComponent(
+        null,
+        workInProgress,
+        Component,
+        resolvedProps,
+        renderExpirationTime
+      );
+      break;
+    }
+    case ForwardRef: {
+      {
+        workInProgress.type = Component = resolveForwardRefForHotReloading(
+          Component
+        );
+      }
+      child = updateForwardRef(
+        null,
+        workInProgress,
+        Component,
+        resolvedProps,
+        renderExpirationTime
+      );
+      break;
+    }
+    case MemoComponent: {
+      {
+        if (workInProgress.type !== workInProgress.elementType) {
+          var outerPropTypes = Component.propTypes;
+          if (outerPropTypes) {
+            checkPropTypes(
+              outerPropTypes,
+              resolvedProps, // Resolved for outer only
+              "prop",
+              getComponentName(Component),
+              getCurrentFiberStackInDev
+            );
+          }
+        }
+      }
+      child = updateMemoComponent(
+        null,
+        workInProgress,
+        Component,
+        resolveDefaultProps(Component.type, resolvedProps), // The inner type can have defaults too
+        updateExpirationTime,
+        renderExpirationTime
+      );
+      break;
+    }
+    default: {
+      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.
+      (function() {
+        {
+          throw ReactError(
+            Error(
+              "Element type is invalid. Received a promise that resolves to: " +
+                Component +
+                ". Lazy element type must resolve to a class or function." +
+                hint
+            )
+          );
+        }
+      })();
+    }
+  }
+  return child;
+}
+
+function mountIncompleteClassComponent(
+  _current,
+  workInProgress,
+  Component,
+  nextProps,
+  renderExpirationTime
+) {
+  if (_current !== null) {
+    // An incomplete 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.effectTag |= Placement;
+  }
+
+  // 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 = void 0;
+  if (isContextProvider(Component)) {
+    hasContext = true;
+    pushContextProvider(workInProgress);
+  } else {
+    hasContext = false;
+  }
+  prepareToReadContext(workInProgress, renderExpirationTime);
+
+  constructClassInstance(
+    workInProgress,
+    Component,
+    nextProps,
+    renderExpirationTime
+  );
+  mountClassInstance(
+    workInProgress,
+    Component,
+    nextProps,
+    renderExpirationTime
+  );
+
+  return finishClassComponent(
+    null,
+    workInProgress,
+    Component,
+    true,
+    hasContext,
+    renderExpirationTime
+  );
+}
+
+function mountIndeterminateComponent(
+  _current,
+  workInProgress,
+  Component,
+  renderExpirationTime
+) {
+  if (_current !== null) {
+    // An indeterminate 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.effectTag |= Placement;
+  }
+
+  var props = workInProgress.pendingProps;
+  var context = void 0;
+  if (!disableLegacyContext) {
+    var unmaskedContext = getUnmaskedContext(workInProgress, Component, false);
+    context = getMaskedContext(workInProgress, unmaskedContext);
+  }
+
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  var value = void 0;
+
+  {
+    if (
+      Component.prototype &&
+      typeof Component.prototype.render === "function"
+    ) {
+      var componentName = getComponentName(Component) || "Unknown";
+
+      if (!didWarnAboutBadClass[componentName]) {
+        warningWithoutStack$1(
+          false,
+          "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 & StrictMode) {
+      ReactStrictModeWarnings.recordLegacyContextWarning(workInProgress, null);
+    }
+
+    ReactCurrentOwner$3.current = workInProgress;
+    value = renderWithHooks(
+      null,
+      workInProgress,
+      Component,
+      props,
+      context,
+      renderExpirationTime
+    );
+  }
+  // React DevTools reads this flag.
+  workInProgress.effectTag |= PerformedWork;
+
+  if (
+    typeof value === "object" &&
+    value !== null &&
+    typeof value.render === "function" &&
+    value.$$typeof === undefined
+  ) {
+    {
+      var _componentName = getComponentName(Component) || "Unknown";
+      if (!didWarnAboutModulePatternComponent[_componentName]) {
+        warningWithoutStack$1(
+          false,
+          "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;
+      }
+    }
+
+    // Proceed under the assumption that this is a class instance
+    workInProgress.tag = ClassComponent;
+
+    // Throw out any hooks that were used.
+    resetHooks();
+
+    // 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;
+
+    var getDerivedStateFromProps = Component.getDerivedStateFromProps;
+    if (typeof getDerivedStateFromProps === "function") {
+      applyDerivedStateFromProps(
+        workInProgress,
+        Component,
+        getDerivedStateFromProps,
+        props
+      );
+    }
+
+    adoptClassInstance(workInProgress, value);
+    mountClassInstance(workInProgress, Component, props, renderExpirationTime);
+    return finishClassComponent(
+      null,
+      workInProgress,
+      Component,
+      true,
+      hasContext,
+      renderExpirationTime
+    );
+  } else {
+    // Proceed under the assumption that this is a function component
+    workInProgress.tag = FunctionComponent;
+    {
+      if (disableLegacyContext && Component.contextTypes) {
+        warningWithoutStack$1(
+          false,
+          "%s uses the legacy contextTypes API which is no longer supported. " +
+            "Use React.createContext() with React.useContext() instead.",
+          getComponentName(Component) || "Unknown"
+        );
+      }
+
+      if (
+        debugRenderPhaseSideEffects ||
+        (debugRenderPhaseSideEffectsForStrictMode &&
+          workInProgress.mode & StrictMode)
+      ) {
+        // Only double-render components with Hooks
+        if (workInProgress.memoizedState !== null) {
+          value = renderWithHooks(
+            null,
+            workInProgress,
+            Component,
+            props,
+            context,
+            renderExpirationTime
+          );
+        }
+      }
+    }
+    reconcileChildren(null, workInProgress, value, renderExpirationTime);
+    {
+      validateFunctionComponentInDev(workInProgress, Component);
+    }
+    return workInProgress.child;
+  }
+}
+
+function validateFunctionComponentInDev(workInProgress, Component) {
+  if (Component) {
+    !!Component.childContextTypes
+      ? warningWithoutStack$1(
+          false,
+          "%s(...): childContextTypes cannot be defined on a function component.",
+          Component.displayName || Component.name || "Component"
+        )
+      : void 0;
+  }
+  if (workInProgress.ref !== null) {
+    var info = "";
+    var ownerName = getCurrentFiberOwnerNameInDevOrNull();
+    if (ownerName) {
+      info += "\n\nCheck the render method of `" + ownerName + "`.";
+    }
+
+    var warningKey = ownerName || workInProgress._debugID || "";
+    var debugSource = workInProgress._debugSource;
+    if (debugSource) {
+      warningKey = debugSource.fileName + ":" + debugSource.lineNumber;
+    }
+    if (!didWarnAboutFunctionRefs[warningKey]) {
+      didWarnAboutFunctionRefs[warningKey] = true;
+      warning$1(
+        false,
+        "Function components cannot be given refs. " +
+          "Attempts to access this ref will fail. " +
+          "Did you mean to use React.forwardRef()?%s",
+        info
+      );
+    }
+  }
+
+  if (
+    warnAboutDefaultPropsOnFunctionComponents &&
+    Component.defaultProps !== undefined
+  ) {
+    var componentName = getComponentName(Component) || "Unknown";
+
+    if (!didWarnAboutDefaultPropsOnFunctionComponent[componentName]) {
+      warningWithoutStack$1(
+        false,
+        "%s: Support for defaultProps will be removed from function components " +
+          "in a future major release. Use JavaScript default parameters instead.",
+        componentName
+      );
+      didWarnAboutDefaultPropsOnFunctionComponent[componentName] = true;
+    }
+  }
+
+  if (typeof Component.getDerivedStateFromProps === "function") {
+    var _componentName2 = getComponentName(Component) || "Unknown";
+
+    if (!didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2]) {
+      warningWithoutStack$1(
+        false,
+        "%s: Function components do not support getDerivedStateFromProps.",
+        _componentName2
+      );
+      didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] = true;
+    }
+  }
+
+  if (
+    typeof Component.contextType === "object" &&
+    Component.contextType !== null
+  ) {
+    var _componentName3 = getComponentName(Component) || "Unknown";
+
+    if (!didWarnAboutContextTypeOnFunctionComponent[_componentName3]) {
+      warningWithoutStack$1(
+        false,
+        "%s: Function components do not support contextType.",
+        _componentName3
+      );
+      didWarnAboutContextTypeOnFunctionComponent[_componentName3] = true;
+    }
+  }
+}
+
+// TODO: This is now an empty object. Should we just make it a boolean?
+var SUSPENDED_MARKER = {};
+
+function shouldRemainOnFallback(suspenseContext, current$$1, workInProgress) {
+  // If the context is telling us that we should show a fallback, and we're not
+  // already showing content, then we should show the fallback instead.
+  return (
+    hasSuspenseContext(suspenseContext, ForceSuspenseFallback) &&
+    (current$$1 === null || current$$1.memoizedState !== null)
+  );
+}
+
+function updateSuspenseComponent(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  var mode = workInProgress.mode;
+  var nextProps = workInProgress.pendingProps;
+
+  // This is used by DevTools to force a boundary to suspend.
+  {
+    if (shouldSuspend(workInProgress)) {
+      workInProgress.effectTag |= DidCapture;
+    }
+  }
+
+  var suspenseContext = suspenseStackCursor.current;
+
+  var nextState = null;
+  var nextDidTimeout = false;
+
+  if (
+    (workInProgress.effectTag & DidCapture) !== NoEffect ||
+    shouldRemainOnFallback(suspenseContext, current$$1, workInProgress)
+  ) {
+    // Something in this boundary's subtree already suspended. Switch to
+    // rendering the fallback children.
+    nextState = SUSPENDED_MARKER;
+    nextDidTimeout = true;
+    workInProgress.effectTag &= ~DidCapture;
+  } else {
+    // Attempting the main content
+    if (current$$1 === null || current$$1.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.
+      // Boundaries without fallbacks or should be avoided are not considered since
+      // they cannot handle preferred fallback states.
+      if (
+        nextProps.fallback !== undefined &&
+        nextProps.unstable_avoidThisFallback !== true
+      ) {
+        suspenseContext = addSubtreeSuspenseContext(
+          suspenseContext,
+          InvisibleParentSuspenseContext
+        );
+      }
+    }
+  }
+
+  suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
+
+  pushSuspenseContext(workInProgress, suspenseContext);
+
+  {
+    if ("maxDuration" in nextProps) {
+      if (!didWarnAboutMaxDuration) {
+        didWarnAboutMaxDuration = true;
+        warning$1(
+          false,
+          "maxDuration has been removed from React. " +
+            "Remove the maxDuration prop."
+        );
+      }
+    }
+  }
+
+  // This next part is a bit confusing. If the children timeout, we switch to
+  // showing the fallback children in place of the "primary" children.
+  // However, we don't want to delete the primary children because then their
+  // state will be lost (both the React state and the host state, e.g.
+  // uncontrolled form inputs). Instead we keep them mounted and hide them.
+  // Both the fallback children AND the primary children are rendered at the
+  // same time. Once the primary children are un-suspended, we can delete
+  // the fallback children — don't need to preserve their state.
+  //
+  // The two sets of children are siblings in the host environment, but
+  // semantically, for purposes of reconciliation, they are two separate sets.
+  // So we store them using two fragment fibers.
+  //
+  // However, we want to avoid allocating extra fibers for every placeholder.
+  // They're only necessary when the children time out, because that's the
+  // only time when both sets are mounted.
+  //
+  // So, the extra fragment fibers are only used if the children time out.
+  // Otherwise, we render the primary children directly. This requires some
+  // custom reconciliation logic to preserve the state of the primary
+  // children. It's essentially a very basic form of re-parenting.
+
+  // `child` points to the child fiber. In the normal case, this is the first
+  // fiber of the primary children set. In the timed-out case, it's a
+  // a fragment fiber containing the primary children.
+  var child = void 0;
+  // `next` points to the next fiber React should render. In the normal case,
+  // it's the same as `child`: the first fiber of the primary children set.
+  // In the timed-out case, it's a fragment fiber containing the *fallback*
+  // children -- we skip over the primary children entirely.
+  var next = void 0;
+  if (current$$1 === null) {
+    if (enableSuspenseServerRenderer) {
+      // If we're currently hydrating, try to hydrate this boundary.
+      // But only if this has a fallback.
+      if (nextProps.fallback !== undefined) {
+        tryToClaimNextHydratableInstance(workInProgress);
+        // This could've changed the tag if this was a dehydrated suspense component.
+        if (workInProgress.tag === DehydratedSuspenseComponent) {
+          popSuspenseContext(workInProgress);
+          return updateDehydratedSuspenseComponent(
+            null,
+            workInProgress,
+            renderExpirationTime
+          );
+        }
+      }
+    }
+
+    // This is the initial mount. This branch is pretty simple because there's
+    // no previous state that needs to be preserved.
+    if (nextDidTimeout) {
+      // Mount separate fragments for primary and fallback children.
+      var nextFallbackChildren = nextProps.fallback;
+      var primaryChildFragment = createFiberFromFragment(
+        null,
+        mode,
+        NoWork,
+        null
+      );
+      primaryChildFragment.return = workInProgress;
+
+      if ((workInProgress.mode & BatchedMode) === NoMode) {
+        // Outside of batched mode, we commit the effects from the
+        var progressedState = workInProgress.memoizedState;
+        var progressedPrimaryChild =
+          progressedState !== null
+            ? workInProgress.child.child
+            : workInProgress.child;
+        primaryChildFragment.child = progressedPrimaryChild;
+        var progressedChild = progressedPrimaryChild;
+        while (progressedChild !== null) {
+          progressedChild.return = primaryChildFragment;
+          progressedChild = progressedChild.sibling;
+        }
+      }
+
+      var fallbackChildFragment = createFiberFromFragment(
+        nextFallbackChildren,
+        mode,
+        renderExpirationTime,
+        null
+      );
+      fallbackChildFragment.return = workInProgress;
+      primaryChildFragment.sibling = fallbackChildFragment;
+      child = primaryChildFragment;
+      // Skip the primary children, and continue working on the
+      // fallback children.
+      next = fallbackChildFragment;
+    } else {
+      // Mount the primary children without an intermediate fragment fiber.
+      var nextPrimaryChildren = nextProps.children;
+      child = next = mountChildFibers(
+        workInProgress,
+        null,
+        nextPrimaryChildren,
+        renderExpirationTime
+      );
+    }
+  } else {
+    // This is an update. This branch is more complicated because we need to
+    // ensure the state of the primary children is preserved.
+    var prevState = current$$1.memoizedState;
+    var prevDidTimeout = prevState !== null;
+    if (prevDidTimeout) {
+      // The current tree already timed out. That means each child set is
+      var currentPrimaryChildFragment = current$$1.child;
+      var currentFallbackChildFragment = currentPrimaryChildFragment.sibling;
+      if (nextDidTimeout) {
+        // Still timed out. Reuse the current primary children by cloning
+        // its fragment. We're going to skip over these entirely.
+        var _nextFallbackChildren = nextProps.fallback;
+        var _primaryChildFragment = createWorkInProgress(
+          currentPrimaryChildFragment,
+          currentPrimaryChildFragment.pendingProps,
+          NoWork
+        );
+        _primaryChildFragment.return = workInProgress;
+
+        if ((workInProgress.mode & BatchedMode) === NoMode) {
+          // Outside of batched mode, we commit the effects from the
+          var _progressedState = workInProgress.memoizedState;
+          var _progressedPrimaryChild =
+            _progressedState !== null
+              ? workInProgress.child.child
+              : workInProgress.child;
+          if (_progressedPrimaryChild !== currentPrimaryChildFragment.child) {
+            _primaryChildFragment.child = _progressedPrimaryChild;
+            var _progressedChild = _progressedPrimaryChild;
+            while (_progressedChild !== null) {
+              _progressedChild.return = _primaryChildFragment;
+              _progressedChild = _progressedChild.sibling;
+            }
+          }
+        }
+
+        // Because primaryChildFragment is a new fiber that we're inserting as the
+        // parent of a new tree, we need to set its treeBaseDuration.
+        if (enableProfilerTimer && workInProgress.mode & ProfileMode) {
+          // treeBaseDuration is the sum of all the child tree base durations.
+          var treeBaseDuration = 0;
+          var hiddenChild = _primaryChildFragment.child;
+          while (hiddenChild !== null) {
+            treeBaseDuration += hiddenChild.treeBaseDuration;
+            hiddenChild = hiddenChild.sibling;
+          }
+          _primaryChildFragment.treeBaseDuration = treeBaseDuration;
+        }
+
+        // Clone the fallback child fragment, too. These we'll continue
+        // working on.
+        var _fallbackChildFragment = createWorkInProgress(
+          currentFallbackChildFragment,
+          _nextFallbackChildren,
+          currentFallbackChildFragment.expirationTime
+        );
+        _fallbackChildFragment.return = workInProgress;
+        _primaryChildFragment.sibling = _fallbackChildFragment;
+        child = _primaryChildFragment;
+        _primaryChildFragment.childExpirationTime = NoWork;
+        // Skip the primary children, and continue working on the
+        // fallback children.
+        next = _fallbackChildFragment;
+      } else {
+        // No longer suspended. Switch back to showing the primary children,
+        // and remove the intermediate fragment fiber.
+        var _nextPrimaryChildren = nextProps.children;
+        var currentPrimaryChild = currentPrimaryChildFragment.child;
+        var primaryChild = reconcileChildFibers(
+          workInProgress,
+          currentPrimaryChild,
+          _nextPrimaryChildren,
+          renderExpirationTime
+        );
+
+        // If this render doesn't suspend, we need to delete the fallback
+        // children. Wait until the complete phase, after we've confirmed the
+        // fallback is no longer needed.
+        // TODO: Would it be better to store the fallback fragment on
+        // the stateNode?
+
+        // Continue rendering the children, like we normally do.
+        child = next = primaryChild;
+      }
+    } else {
+      // The current tree has not already timed out. That means the primary
+      // children are not wrapped in a fragment fiber.
+      var _currentPrimaryChild = current$$1.child;
+      if (nextDidTimeout) {
+        // Timed out. Wrap the children in a fragment fiber to keep them
+        // separate from the fallback children.
+        var _nextFallbackChildren2 = nextProps.fallback;
+        var _primaryChildFragment2 = createFiberFromFragment(
+          // It shouldn't matter what the pending props are because we aren't
+          // going to render this fragment.
+          null,
+          mode,
+          NoWork,
+          null
+        );
+        _primaryChildFragment2.return = workInProgress;
+        _primaryChildFragment2.child = _currentPrimaryChild;
+        if (_currentPrimaryChild !== null) {
+          _currentPrimaryChild.return = _primaryChildFragment2;
+        }
+
+        // Even though we're creating a new fiber, there are no new children,
+        // because we're reusing an already mounted tree. So we don't need to
+        // schedule a placement.
+        // primaryChildFragment.effectTag |= Placement;
+
+        if ((workInProgress.mode & BatchedMode) === NoMode) {
+          // Outside of batched mode, we commit the effects from the
+          var _progressedState2 = workInProgress.memoizedState;
+          var _progressedPrimaryChild2 =
+            _progressedState2 !== null
+              ? workInProgress.child.child
+              : workInProgress.child;
+          _primaryChildFragment2.child = _progressedPrimaryChild2;
+          var _progressedChild2 = _progressedPrimaryChild2;
+          while (_progressedChild2 !== null) {
+            _progressedChild2.return = _primaryChildFragment2;
+            _progressedChild2 = _progressedChild2.sibling;
+          }
+        }
+
+        // Because primaryChildFragment is a new fiber that we're inserting as the
+        // parent of a new tree, we need to set its treeBaseDuration.
+        if (enableProfilerTimer && workInProgress.mode & ProfileMode) {
+          // treeBaseDuration is the sum of all the child tree base durations.
+          var _treeBaseDuration = 0;
+          var _hiddenChild = _primaryChildFragment2.child;
+          while (_hiddenChild !== null) {
+            _treeBaseDuration += _hiddenChild.treeBaseDuration;
+            _hiddenChild = _hiddenChild.sibling;
+          }
+          _primaryChildFragment2.treeBaseDuration = _treeBaseDuration;
+        }
+
+        // Create a fragment from the fallback children, too.
+        var _fallbackChildFragment2 = createFiberFromFragment(
+          _nextFallbackChildren2,
+          mode,
+          renderExpirationTime,
+          null
+        );
+        _fallbackChildFragment2.return = workInProgress;
+        _primaryChildFragment2.sibling = _fallbackChildFragment2;
+        _fallbackChildFragment2.effectTag |= Placement;
+        child = _primaryChildFragment2;
+        _primaryChildFragment2.childExpirationTime = NoWork;
+        // Skip the primary children, and continue working on the
+        // fallback children.
+        next = _fallbackChildFragment2;
+      } else {
+        // Still haven't timed out.  Continue rendering the children, like we
+        // normally do.
+        var _nextPrimaryChildren2 = nextProps.children;
+        next = child = reconcileChildFibers(
+          workInProgress,
+          _currentPrimaryChild,
+          _nextPrimaryChildren2,
+          renderExpirationTime
+        );
+      }
+    }
+    workInProgress.stateNode = current$$1.stateNode;
+  }
+
+  workInProgress.memoizedState = nextState;
+  workInProgress.child = child;
+  return next;
+}
+
+function retrySuspenseComponentWithoutHydrating(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  // Detach from the current dehydrated boundary.
+  current$$1.alternate = null;
+  workInProgress.alternate = null;
+
+  // Insert a deletion in the effect list.
+  var returnFiber = workInProgress.return;
+  (function() {
+    if (!(returnFiber !== null)) {
+      throw ReactError(
+        Error(
+          "Suspense boundaries are never on the root. This is probably a bug in React."
+        )
+      );
+    }
+  })();
+  var last = returnFiber.lastEffect;
+  if (last !== null) {
+    last.nextEffect = current$$1;
+    returnFiber.lastEffect = current$$1;
+  } else {
+    returnFiber.firstEffect = returnFiber.lastEffect = current$$1;
+  }
+  current$$1.nextEffect = null;
+  current$$1.effectTag = Deletion;
+
+  popSuspenseContext(workInProgress);
+
+  // Upgrade this work in progress to a real Suspense component.
+  workInProgress.tag = SuspenseComponent;
+  workInProgress.stateNode = null;
+  workInProgress.memoizedState = null;
+  // This is now an insertion.
+  workInProgress.effectTag |= Placement;
+  // Retry as a real Suspense component.
+  return updateSuspenseComponent(null, workInProgress, renderExpirationTime);
+}
+
+function updateDehydratedSuspenseComponent(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  pushSuspenseContext(
+    workInProgress,
+    setDefaultShallowSuspenseContext(suspenseStackCursor.current)
+  );
+  var suspenseInstance = workInProgress.stateNode;
+  if (current$$1 === null) {
+    // 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 (isSuspenseInstanceFallback(suspenseInstance)) {
+      // 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.
+      var serverDisplayTime = requestCurrentTime();
+      // Schedule a normal pri update to render this content.
+      workInProgress.expirationTime = computeAsyncExpiration(serverDisplayTime);
+    } 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.expirationTime = Never;
+    }
+    return null;
+  }
+
+  if ((workInProgress.effectTag & DidCapture) !== NoEffect) {
+    // Something suspended. Leave the existing children in place.
+    // TODO: In non-concurrent mode, should we commit the nodes we have hydrated so far?
+    workInProgress.child = null;
+    return null;
+  }
+
+  // We should never be hydrating at this point because it is the first pass,
+  // but after we've already committed once.
+  warnIfHydrating();
+
+  if (isSuspenseInstanceFallback(suspenseInstance)) {
+    // 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.
+    return retrySuspenseComponentWithoutHydrating(
+      current$$1,
+      workInProgress,
+      renderExpirationTime
+    );
+  }
+  // We use childExpirationTime to indicate that a child might depend on context, so if
+  // any context has changed, we need to treat is as if the input might have changed.
+  var hasContextChanged$$1 =
+    current$$1.childExpirationTime >= renderExpirationTime;
+  if (didReceiveUpdate || hasContextChanged$$1) {
+    // 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 an earlier expiration time but
+    // during this render we can't. Instead, we're going to delete the whole subtree and
+    // instead inject a new real Suspense boundary to take its place, which may render content
+    // or fallback. The real Suspense boundary will suspend for a while so we have some time
+    // to ensure it can produce real content, but all state and pending events will be lost.
+    return retrySuspenseComponentWithoutHydrating(
+      current$$1,
+      workInProgress,
+      renderExpirationTime
+    );
+  } else if (isSuspenseInstancePending(suspenseInstance)) {
+    // 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.effectTag |= DidCapture;
+    // Leave the children in place. I.e. empty.
+    workInProgress.child = null;
+    // Register a callback to retry this boundary once the server has sent the result.
+    registerSuspenseInstanceRetry(
+      suspenseInstance,
+      retryTimedOutBoundary.bind(null, current$$1)
+    );
+    return null;
+  } else {
+    // This is the first attempt.
+    reenterHydrationStateFromDehydratedSuspenseInstance(workInProgress);
+    var nextProps = workInProgress.pendingProps;
+    var nextChildren = nextProps.children;
+    workInProgress.child = mountChildFibers(
+      workInProgress,
+      null,
+      nextChildren,
+      renderExpirationTime
+    );
+    return workInProgress.child;
+  }
+}
+
+function propagateSuspenseContextChange(
+  workInProgress,
+  firstChild,
+  renderExpirationTime
+) {
+  // 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) {
+        if (node.expirationTime < renderExpirationTime) {
+          node.expirationTime = renderExpirationTime;
+        }
+        var alternate = node.alternate;
+        if (
+          alternate !== null &&
+          alternate.expirationTime < renderExpirationTime
+        ) {
+          alternate.expirationTime = renderExpirationTime;
+        }
+        scheduleWorkOnParentPath(node.return, renderExpirationTime);
+      }
+    } 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;
+      }
+      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": {
+            warning$1(
+              false,
+              '"%s" is not a valid value for revealOrder on <SuspenseList />. ' +
+                'Use lowercase "%s" instead.',
+              revealOrder,
+              revealOrder.toLowerCase()
+            );
+            break;
+          }
+          case "forward":
+          case "backward": {
+            warning$1(
+              false,
+              '"%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:
+            warning$1(
+              false,
+              '"%s" is not a supported revealOrder on <SuspenseList />. ' +
+                'Did you mean "together", "forwards" or "backwards"?',
+              revealOrder
+            );
+            break;
+        }
+      } else {
+        warning$1(
+          false,
+          "%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;
+        warning$1(
+          false,
+          '"%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;
+        warning$1(
+          false,
+          '<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 isArray = Array.isArray(childSlot);
+    var isIterable = !isArray && typeof getIteratorFn(childSlot) === "function";
+    if (isArray || isIterable) {
+      var type = isArray ? "array" : "iterable";
+      warning$1(
+        false,
+        "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 (Array.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 {
+          warning$1(
+            false,
+            '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,
+      last: lastContentRow,
+      tail: tail,
+      tailExpiration: 0,
+      tailMode: tailMode
+    };
+  } else {
+    // We can reuse the existing object from previous renders.
+    renderState.isBackwards = isBackwards;
+    renderState.rendering = null;
+    renderState.last = lastContentRow;
+    renderState.tail = tail;
+    renderState.tailExpiration = 0;
+    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$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  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$$1,
+    workInProgress,
+    newChildren,
+    renderExpirationTime
+  );
+
+  var suspenseContext = suspenseStackCursor.current;
+
+  var shouldForceFallback = hasSuspenseContext(
+    suspenseContext,
+    ForceSuspenseFallback
+  );
+  if (shouldForceFallback) {
+    suspenseContext = setShallowSuspenseContext(
+      suspenseContext,
+      ForceSuspenseFallback
+    );
+    workInProgress.effectTag |= DidCapture;
+  } else {
+    var didSuspendBefore =
+      current$$1 !== null && (current$$1.effectTag & DidCapture) !== NoEffect;
+    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,
+        renderExpirationTime
+      );
+    }
+    suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
+  }
+  pushSuspenseContext(workInProgress, suspenseContext);
+
+  if ((workInProgress.mode & BatchedMode) === NoMode) {
+    // Outside of batched 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 = void 0;
+        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$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
+  var nextChildren = workInProgress.pendingProps;
+  if (current$$1 === 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,
+      renderExpirationTime
+    );
+  } else {
+    reconcileChildren(
+      current$$1,
+      workInProgress,
+      nextChildren,
+      renderExpirationTime
+    );
+  }
+  return workInProgress.child;
+}
+
+function updateContextProvider(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  var providerType = workInProgress.type;
+  var context = providerType._context;
+
+  var newProps = workInProgress.pendingProps;
+  var oldProps = workInProgress.memoizedProps;
+
+  var newValue = newProps.value;
+
+  {
+    var providerPropTypes = workInProgress.type.propTypes;
+
+    if (providerPropTypes) {
+      checkPropTypes(
+        providerPropTypes,
+        newProps,
+        "prop",
+        "Context.Provider",
+        getCurrentFiberStackInDev
+      );
+    }
+  }
+
+  pushProvider(workInProgress, newValue);
+
+  if (oldProps !== null) {
+    var oldValue = oldProps.value;
+    var changedBits = calculateChangedBits(context, newValue, oldValue);
+    if (changedBits === 0) {
+      // No change. Bailout early if children are the same.
+      if (oldProps.children === newProps.children && !hasContextChanged()) {
+        return bailoutOnAlreadyFinishedWork(
+          current$$1,
+          workInProgress,
+          renderExpirationTime
+        );
+      }
+    } else {
+      // The context value changed. Search for matching consumers and schedule
+      // them to update.
+      propagateContextChange(
+        workInProgress,
+        context,
+        changedBits,
+        renderExpirationTime
+      );
+    }
+  }
+
+  var newChildren = newProps.children;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    newChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+
+var hasWarnedAboutUsingContextAsConsumer = false;
+
+function updateContextConsumer(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  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;
+          warning$1(
+            false,
+            "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;
+
+  {
+    !(typeof render === "function")
+      ? warningWithoutStack$1(
+          false,
+          "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."
+        )
+      : void 0;
+  }
+
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  var newValue = readContext(context, newProps.unstable_observedBits);
+  var newChildren = void 0;
+  {
+    ReactCurrentOwner$3.current = workInProgress;
+    setCurrentPhase("render");
+    newChildren = render(newValue);
+    setCurrentPhase(null);
+  }
+
+  // React DevTools reads this flag.
+  workInProgress.effectTag |= PerformedWork;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    newChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+
+function updateFundamentalComponent$1(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  var fundamentalImpl = workInProgress.type.impl;
+  if (fundamentalImpl.reconcileChildren === false) {
+    return null;
+  }
+  var nextProps = workInProgress.pendingProps;
+  var nextChildren = nextProps.children;
+
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+
+function markWorkInProgressReceivedUpdate() {
+  didReceiveUpdate = true;
+}
+
+function bailoutOnAlreadyFinishedWork(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  cancelWorkTimer(workInProgress);
+
+  if (current$$1 !== null) {
+    // Reuse previous dependencies
+    workInProgress.dependencies = current$$1.dependencies;
+  }
+
+  if (enableProfilerTimer) {
+    // Don't update "base" render times for bailouts.
+    stopProfilerTimerIfRunning(workInProgress);
+  }
+
+  // Check if the children have any pending work.
+  var childExpirationTime = workInProgress.childExpirationTime;
+  if (childExpirationTime < renderExpirationTime) {
+    // 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;
+  } else {
+    // This fiber doesn't have work, but its subtree does. Clone the child
+    // fibers and continue.
+    cloneChildFibers(current$$1, workInProgress);
+    return workInProgress.child;
+  }
+}
+
+function remountFiber(current$$1, oldWorkInProgress, newWorkInProgress) {
+  {
+    var returnFiber = oldWorkInProgress.return;
+    if (returnFiber === null) {
+      throw new Error("Cannot swap the root fiber.");
+    }
+
+    // Disconnect from the old current.
+    // It will get deleted.
+    current$$1.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) {
+        throw new Error("Expected parent to have a child.");
+      }
+      while (prevSibling.sibling !== oldWorkInProgress) {
+        prevSibling = prevSibling.sibling;
+        if (prevSibling === null) {
+          throw new Error("Expected to find the previous sibling.");
+        }
+      }
+      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 last = returnFiber.lastEffect;
+    if (last !== null) {
+      last.nextEffect = current$$1;
+      returnFiber.lastEffect = current$$1;
+    } else {
+      returnFiber.firstEffect = returnFiber.lastEffect = current$$1;
+    }
+    current$$1.nextEffect = null;
+    current$$1.effectTag = Deletion;
+
+    newWorkInProgress.effectTag |= Placement;
+
+    // Restart work from the new fiber.
+    return newWorkInProgress;
+  }
+}
+
+function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
+  var updateExpirationTime = workInProgress.expirationTime;
+
+  {
+    if (workInProgress._debugNeedsRemount && current$$1 !== null) {
+      // This will restart the begin phase with a new fiber.
+      return remountFiber(
+        current$$1,
+        workInProgress,
+        createFiberFromTypeAndProps(
+          workInProgress.type,
+          workInProgress.key,
+          workInProgress.pendingProps,
+          workInProgress._debugOwner || null,
+          workInProgress.mode,
+          workInProgress.expirationTime
+        )
+      );
+    }
+  }
+
+  if (current$$1 !== null) {
+    var oldProps = current$$1.memoizedProps;
+    var newProps = workInProgress.pendingProps;
+
+    if (
+      oldProps !== newProps ||
+      hasContextChanged() ||
+      // Force a re-render if the implementation changed due to hot reload:
+      workInProgress.type !== current$$1.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 if (updateExpirationTime < renderExpirationTime) {
+      didReceiveUpdate = false;
+      // 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);
+          resetHydrationState();
+          break;
+        case HostComponent:
+          pushHostContext(workInProgress);
+          if (
+            workInProgress.mode & ConcurrentMode &&
+            renderExpirationTime !== Never &&
+            shouldDeprioritizeSubtree(workInProgress.type, newProps)
+          ) {
+            if (enableSchedulerTracing) {
+              markSpawnedWork(Never);
+            }
+            // Schedule this fiber to re-render at offscreen priority. Then bailout.
+            workInProgress.expirationTime = workInProgress.childExpirationTime = Never;
+            return null;
+          }
+          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;
+          pushProvider(workInProgress, newValue);
+          break;
+        }
+        case Profiler:
+          if (enableProfilerTimer) {
+            workInProgress.effectTag |= Update;
+          }
+          break;
+        case SuspenseComponent: {
+          var state = workInProgress.memoizedState;
+          var didTimeout = state !== null;
+          if (didTimeout) {
+            // 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
+            var primaryChildFragment = workInProgress.child;
+            var primaryChildExpirationTime =
+              primaryChildFragment.childExpirationTime;
+            if (
+              primaryChildExpirationTime !== NoWork &&
+              primaryChildExpirationTime >= renderExpirationTime
+            ) {
+              // The primary children have pending work. Use the normal path
+              // to attempt to render the primary children again.
+              return updateSuspenseComponent(
+                current$$1,
+                workInProgress,
+                renderExpirationTime
+              );
+            } else {
+              pushSuspenseContext(
+                workInProgress,
+                setDefaultShallowSuspenseContext(suspenseStackCursor.current)
+              );
+              // The primary children do not have pending work with sufficient
+              // priority. Bailout.
+              var child = bailoutOnAlreadyFinishedWork(
+                current$$1,
+                workInProgress,
+                renderExpirationTime
+              );
+              if (child !== null) {
+                // The fallback children have pending work. Skip over the
+                // primary children and work on the fallback.
+                return child.sibling;
+              } else {
+                return null;
+              }
+            }
+          } else {
+            pushSuspenseContext(
+              workInProgress,
+              setDefaultShallowSuspenseContext(suspenseStackCursor.current)
+            );
+          }
+          break;
+        }
+        case DehydratedSuspenseComponent: {
+          if (enableSuspenseServerRenderer) {
+            pushSuspenseContext(
+              workInProgress,
+              setDefaultShallowSuspenseContext(suspenseStackCursor.current)
+            );
+            // We know that this component will suspend again because if it has
+            // been unsuspended it has committed as a regular Suspense component.
+            // If it needs to be retried, it should have work scheduled on it.
+            workInProgress.effectTag |= DidCapture;
+          }
+          break;
+        }
+        case SuspenseListComponent: {
+          var didSuspendBefore =
+            (current$$1.effectTag & DidCapture) !== NoEffect;
+
+          var hasChildWork =
+            workInProgress.childExpirationTime >= renderExpirationTime;
+
+          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$$1,
+                workInProgress,
+                renderExpirationTime
+              );
+            }
+            // 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.effectTag |= 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;
+          }
+          pushSuspenseContext(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;
+          }
+        }
+      }
+      return bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    }
+  } else {
+    didReceiveUpdate = false;
+  }
+
+  // Before entering the begin phase, clear the expiration time.
+  workInProgress.expirationTime = NoWork;
+
+  switch (workInProgress.tag) {
+    case IndeterminateComponent: {
+      return mountIndeterminateComponent(
+        current$$1,
+        workInProgress,
+        workInProgress.type,
+        renderExpirationTime
+      );
+    }
+    case LazyComponent: {
+      var elementType = workInProgress.elementType;
+      return mountLazyComponent(
+        current$$1,
+        workInProgress,
+        elementType,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    }
+    case FunctionComponent: {
+      var _Component = workInProgress.type;
+      var unresolvedProps = workInProgress.pendingProps;
+      var resolvedProps =
+        workInProgress.elementType === _Component
+          ? unresolvedProps
+          : resolveDefaultProps(_Component, unresolvedProps);
+      return updateFunctionComponent(
+        current$$1,
+        workInProgress,
+        _Component,
+        resolvedProps,
+        renderExpirationTime
+      );
+    }
+    case ClassComponent: {
+      var _Component2 = workInProgress.type;
+      var _unresolvedProps = workInProgress.pendingProps;
+      var _resolvedProps =
+        workInProgress.elementType === _Component2
+          ? _unresolvedProps
+          : resolveDefaultProps(_Component2, _unresolvedProps);
+      return updateClassComponent(
+        current$$1,
+        workInProgress,
+        _Component2,
+        _resolvedProps,
+        renderExpirationTime
+      );
+    }
+    case HostRoot:
+      return updateHostRoot(current$$1, workInProgress, renderExpirationTime);
+    case HostComponent:
+      return updateHostComponent(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    case HostText:
+      return updateHostText(current$$1, workInProgress);
+    case SuspenseComponent:
+      return updateSuspenseComponent(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    case HostPortal:
+      return updatePortalComponent(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    case ForwardRef: {
+      var type = workInProgress.type;
+      var _unresolvedProps2 = workInProgress.pendingProps;
+      var _resolvedProps2 =
+        workInProgress.elementType === type
+          ? _unresolvedProps2
+          : resolveDefaultProps(type, _unresolvedProps2);
+      return updateForwardRef(
+        current$$1,
+        workInProgress,
+        type,
+        _resolvedProps2,
+        renderExpirationTime
+      );
+    }
+    case Fragment:
+      return updateFragment(current$$1, workInProgress, renderExpirationTime);
+    case Mode:
+      return updateMode(current$$1, workInProgress, renderExpirationTime);
+    case Profiler:
+      return updateProfiler(current$$1, workInProgress, renderExpirationTime);
+    case ContextProvider:
+      return updateContextProvider(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    case ContextConsumer:
+      return updateContextConsumer(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    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",
+              getComponentName(_type2),
+              getCurrentFiberStackInDev
+            );
+          }
+        }
+      }
+      _resolvedProps3 = resolveDefaultProps(_type2.type, _resolvedProps3);
+      return updateMemoComponent(
+        current$$1,
+        workInProgress,
+        _type2,
+        _resolvedProps3,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    }
+    case SimpleMemoComponent: {
+      return updateSimpleMemoComponent(
+        current$$1,
+        workInProgress,
+        workInProgress.type,
+        workInProgress.pendingProps,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    }
+    case IncompleteClassComponent: {
+      var _Component3 = workInProgress.type;
+      var _unresolvedProps4 = workInProgress.pendingProps;
+      var _resolvedProps4 =
+        workInProgress.elementType === _Component3
+          ? _unresolvedProps4
+          : resolveDefaultProps(_Component3, _unresolvedProps4);
+      return mountIncompleteClassComponent(
+        current$$1,
+        workInProgress,
+        _Component3,
+        _resolvedProps4,
+        renderExpirationTime
+      );
+    }
+    case DehydratedSuspenseComponent: {
+      if (enableSuspenseServerRenderer) {
+        return updateDehydratedSuspenseComponent(
+          current$$1,
+          workInProgress,
+          renderExpirationTime
+        );
+      }
+      break;
+    }
+    case SuspenseListComponent: {
+      return updateSuspenseListComponent(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    }
+    case FundamentalComponent: {
+      if (enableFundamentalAPI) {
+        return updateFundamentalComponent$1(
+          current$$1,
+          workInProgress,
+          renderExpirationTime
+        );
+      }
+      break;
+    }
+  }
+  (function() {
+    {
+      throw ReactError(
+        Error(
+          "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    }
+  })();
+}
+
+function createFundamentalStateInstance(currentFiber, props, impl, state) {
+  return {
+    currentFiber: currentFiber,
+    impl: impl,
+    instance: null,
+    prevProps: null,
+    props: props,
+    state: state
+  };
+}
+
+var emptyObject$1 = {};
+var isArray$2 = Array.isArray;
+
+function markUpdate(workInProgress) {
+  // Tag the fiber with an update effect. This turns a Placement into
+  // a PlacementAndUpdate.
+  workInProgress.effectTag |= Update;
+}
+
+function markRef$1(workInProgress) {
+  workInProgress.effectTag |= Ref;
+}
+
+var appendAllChildren = void 0;
+var updateHostContainer = void 0;
+var updateHostComponent$1 = void 0;
+var updateHostText$1 = void 0;
+if (supportsMutation) {
+  // 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 (enableFundamentalAPI && node.tag === FundamentalComponent) {
+        appendInitialChild(parent, node.stateNode.instance);
+      } else if (node.tag === HostPortal) {
+        // If we have a portal child, then we don't want to traverse
+        // down its children. Instead, we'll get insertions from each child in
+        // the portal directly.
+      } 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;
+        }
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  };
+
+  updateHostContainer = function(workInProgress) {
+    // Noop
+  };
+  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`.
+    var updatePayload = prepareUpdate(
+      instance,
+      type,
+      oldProps,
+      newProps,
+      rootContainerInstance,
+      currentHostContext
+    );
+    // TODO: Type this specific to this type of component.
+    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.
+    if (updatePayload) {
+      markUpdate(workInProgress);
+    }
+  };
+  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);
+    }
+  };
+} else if (supportsPersistence) {
+  // 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
+      branches: 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, type, props, node);
+        }
+        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(_instance, text, node);
+        }
+        appendInitialChild(parent, _instance);
+      } else if (enableFundamentalAPI && node.tag === FundamentalComponent) {
+        var _instance2 = node.stateNode.instance;
+        if (needsVisibilityToggle && isHidden) {
+          // This child is inside a timed out tree. Hide it.
+          var _props = node.memoizedProps;
+          var _type = node.type;
+          _instance2 = cloneHiddenInstance(_instance2, _type, _props, node);
+        }
+        appendInitialChild(parent, _instance2);
+      } else if (node.tag === HostPortal) {
+        // If we have a portal child, then we don't want to traverse
+        // down its children. Instead, we'll get insertions from each child in
+        // the portal directly.
+      } else if (node.tag === SuspenseComponent) {
+        if ((node.effectTag & Update) !== NoEffect) {
+          // Need to toggle the visibility of the primary children.
+          var newIsHidden = node.memoizedState !== null;
+          if (newIsHidden) {
+            var primaryChildParent = node.child;
+            if (primaryChildParent !== null) {
+              if (primaryChildParent.child !== null) {
+                primaryChildParent.child.return = primaryChildParent;
+                appendAllChildren(
+                  parent,
+                  primaryChildParent,
+                  true,
+                  newIsHidden
+                );
+              }
+              var fallbackChildParent = primaryChildParent.sibling;
+              if (fallbackChildParent !== null) {
+                fallbackChildParent.return = node;
+                node = fallbackChildParent;
+                continue;
+              }
+            }
+          }
+        }
+        if (node.child !== null) {
+          // Continue traversing like normal
+          node.child.return = node;
+          node = node.child;
+          continue;
+        }
+      } 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;
+      if (node === workInProgress) {
+        return;
+      }
+      while (node.sibling === null) {
+        if (node.return === null || node.return === workInProgress) {
+          return;
+        }
+        node = node.return;
+      }
+      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;
+    while (node !== null) {
+      // eslint-disable-next-line no-labels
+      branches: 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, type, props, node);
+        }
+        appendChildToContainerChildSet(containerChildSet, instance);
+      } else if (node.tag === HostText) {
+        var _instance3 = node.stateNode;
+        if (needsVisibilityToggle && isHidden) {
+          // This child is inside a timed out tree. Hide it.
+          var text = node.memoizedProps;
+          _instance3 = cloneHiddenTextInstance(_instance3, text, node);
+        }
+        appendChildToContainerChildSet(containerChildSet, _instance3);
+      } else if (enableFundamentalAPI && node.tag === FundamentalComponent) {
+        var _instance4 = node.stateNode.instance;
+        if (needsVisibilityToggle && isHidden) {
+          // This child is inside a timed out tree. Hide it.
+          var _props2 = node.memoizedProps;
+          var _type2 = node.type;
+          _instance4 = cloneHiddenInstance(_instance4, _type2, _props2, node);
+        }
+        appendChildToContainerChildSet(containerChildSet, _instance4);
+      } else if (node.tag === HostPortal) {
+        // If we have a portal child, then we don't want to traverse
+        // down its children. Instead, we'll get insertions from each child in
+        // the portal directly.
+      } else if (node.tag === SuspenseComponent) {
+        if ((node.effectTag & Update) !== NoEffect) {
+          // Need to toggle the visibility of the primary children.
+          var newIsHidden = node.memoizedState !== null;
+          if (newIsHidden) {
+            var primaryChildParent = node.child;
+            if (primaryChildParent !== null) {
+              if (primaryChildParent.child !== null) {
+                primaryChildParent.child.return = primaryChildParent;
+                appendAllChildrenToContainer(
+                  containerChildSet,
+                  primaryChildParent,
+                  true,
+                  newIsHidden
+                );
+              }
+              var fallbackChildParent = primaryChildParent.sibling;
+              if (fallbackChildParent !== null) {
+                fallbackChildParent.return = node;
+                node = fallbackChildParent;
+                continue;
+              }
+            }
+          }
+        }
+        if (node.child !== null) {
+          // Continue traversing like normal
+          node.child.return = node;
+          node = node.child;
+          continue;
+        }
+      } 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;
+      if (node === workInProgress) {
+        return;
+      }
+      while (node.sibling === null) {
+        if (node.return === null || node.return === workInProgress) {
+          return;
+        }
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  };
+  updateHostContainer = function(workInProgress) {
+    var portalOrRoot = workInProgress.stateNode;
+    var childrenUnchanged = workInProgress.firstEffect === null;
+    if (childrenUnchanged) {
+      // No changes, just reuse the existing instance.
+    } else {
+      var container = portalOrRoot.containerInfo;
+      var newChildSet = createContainerChildSet(container);
+      // If children might have changed, we have to add them all to the set.
+      appendAllChildrenToContainer(newChildSet, workInProgress, false, false);
+      portalOrRoot.pendingChildren = newChildSet;
+      // Schedule an update on the container to swap out the container.
+      markUpdate(workInProgress);
+      finalizeContainerChildren(container, newChildSet);
+    }
+  };
+  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.
+    var childrenUnchanged = workInProgress.firstEffect === null;
+    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,
+        rootContainerInstance,
+        currentHostContext
+      );
+    }
+    if (childrenUnchanged && updatePayload === null) {
+      // No changes, just reuse the existing instance.
+      // Note that this might release a previous clone.
+      workInProgress.stateNode = currentInstance;
+      return;
+    }
+    var newInstance = cloneInstance(
+      currentInstance,
+      updatePayload,
+      type,
+      oldProps,
+      newProps,
+      workInProgress,
+      childrenUnchanged,
+      recyclableInstance
+    );
+    if (
+      finalizeInitialChildren(
+        newInstance,
+        type,
+        newProps,
+        rootContainerInstance,
+        currentHostContext
+      )
+    ) {
+      markUpdate(workInProgress);
+    }
+    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 {
+  // No host operations
+  updateHostContainer = function(workInProgress) {
+    // Noop
+  };
+  updateHostComponent$1 = function(
+    current,
+    workInProgress,
+    type,
+    newProps,
+    rootContainerInstance
+  ) {
+    // Noop
+  };
+  updateHostText$1 = function(current, workInProgress, oldText, newText) {
+    // Noop
+  };
+}
+
+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 completeWork(current, workInProgress, renderExpirationTime) {
+  var newProps = workInProgress.pendingProps;
+
+  switch (workInProgress.tag) {
+    case IndeterminateComponent:
+      break;
+    case LazyComponent:
+      break;
+    case SimpleMemoComponent:
+    case FunctionComponent:
+      break;
+    case ClassComponent: {
+      var Component = workInProgress.type;
+      if (isContextProvider(Component)) {
+        popContext(workInProgress);
+      }
+      break;
+    }
+    case HostRoot: {
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      var fiberRoot = workInProgress.stateNode;
+      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.
+        popHydrationState(workInProgress);
+        // This resets the hacky state to fix isMounted before committing.
+        // TODO: Delete this when we delete isMounted and findDOMNode.
+        workInProgress.effectTag &= ~Placement;
+      }
+      updateHostContainer(workInProgress);
+      break;
+    }
+    case HostComponent: {
+      popHostContext(workInProgress);
+      var rootContainerInstance = getRootHostContainer();
+      var type = workInProgress.type;
+      if (current !== null && workInProgress.stateNode != null) {
+        updateHostComponent$1(
+          current,
+          workInProgress,
+          type,
+          newProps,
+          rootContainerInstance
+        );
+
+        if (enableFlareAPI) {
+          var prevListeners = current.memoizedProps.listeners;
+          var nextListeners = newProps.listeners;
+          var instance = workInProgress.stateNode;
+          if (prevListeners !== nextListeners) {
+            updateEventListeners(
+              nextListeners,
+              instance,
+              rootContainerInstance,
+              workInProgress
+            );
+          }
+        }
+
+        if (current.ref !== workInProgress.ref) {
+          markRef$1(workInProgress);
+        }
+      } else {
+        if (!newProps) {
+          (function() {
+            if (!(workInProgress.stateNode !== null)) {
+              throw ReactError(
+                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.
+          break;
+        }
+
+        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 we want to add then top->down or
+        // bottom->up. Top->down is faster in IE11.
+        var wasHydrated = popHydrationState(workInProgress);
+        if (wasHydrated) {
+          // TODO: Move this and createInstance step into the beginPhase
+          // to consolidate.
+          if (
+            prepareToHydrateHostInstance(
+              workInProgress,
+              rootContainerInstance,
+              currentHostContext
+            )
+          ) {
+            // If changes to the hydrated node needs to be applied at the
+            // commit-phase we mark this as such.
+            markUpdate(workInProgress);
+          }
+          if (enableFlareAPI) {
+            var _instance5 = workInProgress.stateNode;
+            var listeners = newProps.listeners;
+            if (listeners != null) {
+              updateEventListeners(
+                listeners,
+                _instance5,
+                rootContainerInstance,
+                workInProgress
+              );
+            }
+          }
+        } else {
+          var _instance6 = createInstance(
+            type,
+            newProps,
+            rootContainerInstance,
+            currentHostContext,
+            workInProgress
+          );
+
+          appendAllChildren(_instance6, workInProgress, false, false);
+
+          if (enableFlareAPI) {
+            var _listeners = newProps.listeners;
+            if (_listeners != null) {
+              updateEventListeners(
+                _listeners,
+                _instance6,
+                rootContainerInstance,
+                workInProgress
+              );
+            }
+          }
+
+          // 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(
+              _instance6,
+              type,
+              newProps,
+              rootContainerInstance,
+              currentHostContext
+            )
+          ) {
+            markUpdate(workInProgress);
+          }
+          workInProgress.stateNode = _instance6;
+        }
+
+        if (workInProgress.ref !== null) {
+          // If there is a ref on a host node we need to schedule a callback
+          markRef$1(workInProgress);
+        }
+      }
+      break;
+    }
+    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$1(current, workInProgress, oldText, newText);
+      } else {
+        if (typeof newText !== "string") {
+          (function() {
+            if (!(workInProgress.stateNode !== null)) {
+              throw ReactError(
+                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 _rootContainerInstance = getRootHostContainer();
+        var _currentHostContext = getHostContext();
+        var _wasHydrated = popHydrationState(workInProgress);
+        if (_wasHydrated) {
+          if (prepareToHydrateHostTextInstance(workInProgress)) {
+            markUpdate(workInProgress);
+          }
+        } else {
+          workInProgress.stateNode = createTextInstance(
+            newText,
+            _rootContainerInstance,
+            _currentHostContext,
+            workInProgress
+          );
+        }
+      }
+      break;
+    }
+    case ForwardRef:
+      break;
+    case SuspenseComponent: {
+      popSuspenseContext(workInProgress);
+      var nextState = workInProgress.memoizedState;
+      if ((workInProgress.effectTag & DidCapture) !== NoEffect) {
+        // Something suspended. Re-render with the fallback children.
+        workInProgress.expirationTime = renderExpirationTime;
+        // Do not reset the effect list.
+        return workInProgress;
+      }
+
+      var nextDidTimeout = nextState !== null;
+      var prevDidTimeout = false;
+      if (current === null) {
+        // In cases where we didn't find a suitable hydration boundary we never
+        // downgraded this to a DehydratedSuspenseComponent, but we still need to
+        // pop the hydration state since we might be inside the insertion tree.
+        popHydrationState(workInProgress);
+      } else {
+        var prevState = current.memoizedState;
+        prevDidTimeout = prevState !== null;
+        if (!nextDidTimeout && prevState !== null) {
+          // We just switched from the fallback to the normal children.
+          // Delete the fallback.
+          // TODO: Would it be better to store the fallback fragment on
+          var currentFallbackChild = current.child.sibling;
+          if (currentFallbackChild !== null) {
+            // Deletions go at the beginning of the return fiber's effect list
+            var first = workInProgress.firstEffect;
+            if (first !== null) {
+              workInProgress.firstEffect = currentFallbackChild;
+              currentFallbackChild.nextEffect = first;
+            } else {
+              workInProgress.firstEffect = workInProgress.lastEffect = currentFallbackChild;
+              currentFallbackChild.nextEffect = null;
+            }
+            currentFallbackChild.effectTag = Deletion;
+          }
+        }
+      }
+
+      if (nextDidTimeout && !prevDidTimeout) {
+        // If this subtreee is running in batched mode we can suspend,
+        // otherwise we won't suspend.
+        // 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 & BatchedMode) !== 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;
+          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();
+          }
+        }
+      }
+
+      if (supportsPersistence) {
+        // TODO: Only schedule updates if not prevDidTimeout.
+        if (nextDidTimeout) {
+          // If this boundary just timed out, schedule an effect to attach a
+          // retry listener to the proimse. This flag is also used to hide the
+          // primary children.
+          workInProgress.effectTag |= Update;
+        }
+      }
+      if (supportsMutation) {
+        // TODO: Only schedule updates if these values are non equal, i.e. it changed.
+        if (nextDidTimeout || prevDidTimeout) {
+          // If this boundary just timed out, schedule an effect to attach a
+          // retry listener to the proimse. This flag is also used to hide the
+          // primary children. In mutation mode, we also need the flag to
+          // *unhide* children that were previously hidden, so check if the
+          // is currently timed out, too.
+          workInProgress.effectTag |= Update;
+        }
+      }
+      if (
+        enableSuspenseCallback &&
+        workInProgress.updateQueue !== null &&
+        workInProgress.memoizedProps.suspenseCallback != null
+      ) {
+        // Always notify the callback
+        workInProgress.effectTag |= Update;
+      }
+      break;
+    }
+    case Fragment:
+      break;
+    case Mode:
+      break;
+    case Profiler:
+      break;
+    case HostPortal:
+      popHostContainer(workInProgress);
+      updateHostContainer(workInProgress);
+      break;
+    case ContextProvider:
+      // Pop provider fiber
+      popProvider(workInProgress);
+      break;
+    case ContextConsumer:
+      break;
+    case MemoComponent:
+      break;
+    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);
+      }
+      break;
+    }
+    case DehydratedSuspenseComponent: {
+      if (enableSuspenseServerRenderer) {
+        popSuspenseContext(workInProgress);
+        if (current === null) {
+          var _wasHydrated2 = popHydrationState(workInProgress);
+          (function() {
+            if (!_wasHydrated2) {
+              throw ReactError(
+                Error(
+                  "A dehydrated suspense component was completed without a hydrated node. This is probably a bug in React."
+                )
+              );
+            }
+          })();
+          if (enableSchedulerTracing) {
+            markSpawnedWork(Never);
+          }
+          skipPastDehydratedSuspenseInstance(workInProgress);
+        } else {
+          // We should never have been in a hydration state if we didn't have a current.
+          // However, in some of those paths, we might have reentered a hydration state
+          // and then we might be inside a hydration state. In that case, we'll need to
+          // exit out of it.
+          resetHydrationState();
+          if ((workInProgress.effectTag & DidCapture) === NoEffect) {
+            // This boundary did not suspend so it's now hydrated.
+            // To handle any future suspense cases, we're going to now upgrade it
+            // to a Suspense component. We detach it from the existing current fiber.
+            current.alternate = null;
+            workInProgress.alternate = null;
+            workInProgress.tag = SuspenseComponent;
+            workInProgress.memoizedState = null;
+            workInProgress.stateNode = null;
+          }
+        }
+      }
+      break;
+    }
+    case SuspenseListComponent: {
+      popSuspenseContext(workInProgress);
+
+      var renderState = workInProgress.memoizedState;
+
+      if (renderState === null) {
+        // We're running in the default, "independent" mode. We don't do anything
+        // in this mode.
+        break;
+      }
+
+      var didSuspendAlready =
+        (workInProgress.effectTag & DidCapture) !== NoEffect;
+
+      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.effectTag & DidCapture) === NoEffect);
+          if (!cannotBeSuspended) {
+            var row = workInProgress.child;
+            while (row !== null) {
+              var suspended = findFirstSuspended(row);
+              if (suspended !== null) {
+                didSuspendAlready = true;
+                workInProgress.effectTag |= 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 thennables. Instead, we'll transfer its thennables 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 newThennables = suspended.updateQueue;
+                if (newThennables !== null) {
+                  workInProgress.updateQueue = newThennables;
+                  workInProgress.effectTag |= Update;
+                }
+
+                // Rerender the whole list, but this time, we'll force fallbacks
+                // to stay in place.
+                // Reset the effect list before doing the second pass since that's now invalid.
+                workInProgress.firstEffect = workInProgress.lastEffect = null;
+                // Reset the child fibers to their original state.
+                resetChildFibers(workInProgress, renderExpirationTime);
+
+                // Set up the Suspense Context to force suspense and immediately
+                // rerender the children.
+                pushSuspenseContext(
+                  workInProgress,
+                  setShallowSuspenseContext(
+                    suspenseStackCursor.current,
+                    ForceSuspenseFallback
+                  )
+                );
+                return workInProgress.child;
+              }
+              row = row.sibling;
+            }
+          }
+        } 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.effectTag |= DidCapture;
+            didSuspendAlready = true;
+            cutOffTailIfNeeded(renderState, true);
+            // This might have been modified.
+            if (
+              renderState.tail === null &&
+              renderState.tailMode === "hidden"
+            ) {
+              // We need to delete the row we just rendered.
+              // Ensure we transfer the update queue to the parent.
+              var _newThennables = _suspended.updateQueue;
+              if (_newThennables !== null) {
+                workInProgress.updateQueue = _newThennables;
+                workInProgress.effectTag |= Update;
+              }
+              // Reset the effect list to what it w as before we rendered this
+              // child. The nested children have already appended themselves.
+              var lastEffect = (workInProgress.lastEffect =
+                renderState.lastEffect);
+              // Remove any effects that were appended after this point.
+              if (lastEffect !== null) {
+                lastEffect.nextEffect = null;
+              }
+              // We're done.
+              return null;
+            }
+          } else if (
+            now() > renderState.tailExpiration &&
+            renderExpirationTime > Never
+          ) {
+            // 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.effectTag |= 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. If we can show
+            // them, then they really have the same priority as this render.
+            // So we'll pick it back up the very next render pass once we've had
+            // an opportunity to yield for paint.
+
+            var nextPriority = renderExpirationTime - 1;
+            workInProgress.expirationTime = workInProgress.childExpirationTime = nextPriority;
+            if (enableSchedulerTracing) {
+              markSpawnedWork(nextPriority);
+            }
+          }
+        }
+        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.
+        if (renderState.tailExpiration === 0) {
+          // Heuristic for how long we're willing to spend rendering rows
+          // until we just give up and show what we have so far.
+          var TAIL_EXPIRATION_TIMEOUT_MS = 500;
+          renderState.tailExpiration = now() + TAIL_EXPIRATION_TIMEOUT_MS;
+        }
+        // Pop a row.
+        var next = renderState.tail;
+        renderState.rendering = next;
+        renderState.tail = next.sibling;
+        renderState.lastEffect = workInProgress.lastEffect;
+        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 = setShallowSuspenseContext(
+            suspenseContext,
+            ForceSuspenseFallback
+          );
+        } else {
+          suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
+        }
+        pushSuspenseContext(workInProgress, suspenseContext);
+        // Do a pass over the next row.
+        return next;
+      }
+      break;
+    }
+    case FundamentalComponent: {
+      if (enableFundamentalAPI) {
+        var fundamentalImpl = workInProgress.type.impl;
+        var fundamentalInstance = workInProgress.stateNode;
+
+        if (fundamentalInstance === null) {
+          var getInitialState = fundamentalImpl.getInitialState;
+          var fundamentalState = void 0;
+          if (getInitialState !== undefined) {
+            fundamentalState = getInitialState(newProps);
+          }
+          fundamentalInstance = workInProgress.stateNode = createFundamentalStateInstance(
+            workInProgress,
+            newProps,
+            fundamentalImpl,
+            fundamentalState || {}
+          );
+          var _instance7 = getFundamentalComponentInstance(fundamentalInstance);
+          fundamentalInstance.instance = _instance7;
+          if (fundamentalImpl.reconcileChildren === false) {
+            return null;
+          }
+          appendAllChildren(_instance7, workInProgress, false, false);
+          mountFundamentalComponent(fundamentalInstance);
+        } else {
+          // We fire update in commit phase
+          var prevProps = fundamentalInstance.props;
+          fundamentalInstance.prevProps = prevProps;
+          fundamentalInstance.props = newProps;
+          fundamentalInstance.currentFiber = workInProgress;
+          if (supportsPersistence) {
+            var _instance8 = cloneFundamentalInstance(fundamentalInstance);
+            fundamentalInstance.instance = _instance8;
+            appendAllChildren(_instance8, workInProgress, false, false);
+          }
+          var shouldUpdate = shouldUpdateFundamentalComponent(
+            fundamentalInstance
+          );
+          if (shouldUpdate) {
+            markUpdate(workInProgress);
+          }
+        }
+      }
+      break;
+    }
+    default:
+      (function() {
+        {
+          throw ReactError(
+            Error(
+              "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+            )
+          );
+        }
+      })();
+  }
+
+  return null;
+}
+
+function mountEventResponder(
+  responder,
+  responderProps,
+  instance,
+  rootContainerInstance,
+  fiber,
+  respondersMap
+) {
+  var responderState = emptyObject$1;
+  var getInitialState = responder.getInitialState;
+  if (getInitialState !== null) {
+    responderState = getInitialState(responderProps);
+  }
+  var responderInstance = createResponderInstance(
+    responder,
+    responderProps,
+    responderState,
+    instance,
+    fiber
+  );
+  mountResponderInstance(
+    responder,
+    responderInstance,
+    responderProps,
+    responderState,
+    instance,
+    rootContainerInstance
+  );
+  respondersMap.set(responder, responderInstance);
+}
+
+function updateEventListener(
+  listener,
+  fiber,
+  visistedResponders,
+  respondersMap,
+  instance,
+  rootContainerInstance
+) {
+  var responder = void 0;
+  var props = void 0;
+
+  if (listener) {
+    responder = listener.responder;
+    props = listener.props;
+  }
+  (function() {
+    if (!(responder && responder.$$typeof === REACT_RESPONDER_TYPE)) {
+      throw ReactError(
+        Error(
+          "An invalid value was used as an event listener. Expect one or many event listeners created via React.unstable_useResponer()."
+        )
+      );
+    }
+  })();
+  var listenerProps = props;
+  if (visistedResponders.has(responder)) {
+    // show warning
+    {
+      warning$1(
+        false,
+        'Duplicate event responder "%s" found in event listeners. ' +
+          "Event listeners passed to elements cannot use the same event responder more than once.",
+        responder.displayName
+      );
+    }
+    return;
+  }
+  visistedResponders.add(responder);
+  var responderInstance = respondersMap.get(responder);
+
+  if (responderInstance === undefined) {
+    // Mount
+    mountEventResponder(
+      responder,
+      listenerProps,
+      instance,
+      rootContainerInstance,
+      fiber,
+      respondersMap
+    );
+  } else {
+    // Update
+    responderInstance.props = listenerProps;
+    responderInstance.fiber = fiber;
+  }
+}
+
+function updateEventListeners(
+  listeners,
+  instance,
+  rootContainerInstance,
+  fiber
+) {
+  var visistedResponders = new Set();
+  var dependencies = fiber.dependencies;
+  if (listeners != null) {
+    if (dependencies === null) {
+      dependencies = fiber.dependencies = {
+        expirationTime: NoWork,
+        firstContext: null,
+        responders: new Map()
+      };
+    }
+    var respondersMap = dependencies.responders;
+    if (respondersMap === null) {
+      respondersMap = new Map();
+    }
+    if (isArray$2(listeners)) {
+      for (var i = 0, length = listeners.length; i < length; i++) {
+        var listener = listeners[i];
+        updateEventListener(
+          listener,
+          fiber,
+          visistedResponders,
+          respondersMap,
+          instance,
+          rootContainerInstance
+        );
+      }
+    } else {
+      updateEventListener(
+        listeners,
+        fiber,
+        visistedResponders,
+        respondersMap,
+        instance,
+        rootContainerInstance
+      );
+    }
+  }
+  if (dependencies !== null) {
+    var _respondersMap = dependencies.responders;
+    if (_respondersMap !== null) {
+      // Unmount
+      var mountedResponders = Array.from(_respondersMap.keys());
+      for (var _i = 0, _length = mountedResponders.length; _i < _length; _i++) {
+        var mountedResponder = mountedResponders[_i];
+        if (!visistedResponders.has(mountedResponder)) {
+          var responderInstance = _respondersMap.get(mountedResponder);
+          unmountResponderInstance(responderInstance);
+          _respondersMap.delete(mountedResponder);
+        }
+      }
+    }
+  }
+}
+
+function unwindWork(workInProgress, renderExpirationTime) {
+  switch (workInProgress.tag) {
+    case ClassComponent: {
+      var Component = workInProgress.type;
+      if (isContextProvider(Component)) {
+        popContext(workInProgress);
+      }
+      var effectTag = workInProgress.effectTag;
+      if (effectTag & ShouldCapture) {
+        workInProgress.effectTag = (effectTag & ~ShouldCapture) | DidCapture;
+        return workInProgress;
+      }
+      return null;
+    }
+    case HostRoot: {
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      var _effectTag = workInProgress.effectTag;
+      (function() {
+        if (!((_effectTag & DidCapture) === NoEffect)) {
+          throw ReactError(
+            Error(
+              "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
+            )
+          );
+        }
+      })();
+      workInProgress.effectTag = (_effectTag & ~ShouldCapture) | DidCapture;
+      return workInProgress;
+    }
+    case HostComponent: {
+      // TODO: popHydrationState
+      popHostContext(workInProgress);
+      return null;
+    }
+    case SuspenseComponent: {
+      popSuspenseContext(workInProgress);
+      var _effectTag2 = workInProgress.effectTag;
+      if (_effectTag2 & ShouldCapture) {
+        workInProgress.effectTag = (_effectTag2 & ~ShouldCapture) | DidCapture;
+        // Captured a suspense effect. Re-render the boundary.
+        return workInProgress;
+      }
+      return null;
+    }
+    case DehydratedSuspenseComponent: {
+      if (enableSuspenseServerRenderer) {
+        popSuspenseContext(workInProgress);
+        if (workInProgress.alternate === null) {
+          // TODO: popHydrationState
+        } else {
+          resetHydrationState();
+        }
+        var _effectTag3 = workInProgress.effectTag;
+        if (_effectTag3 & ShouldCapture) {
+          workInProgress.effectTag =
+            (_effectTag3 & ~ShouldCapture) | DidCapture;
+          // Captured a suspense effect. Re-render the boundary.
+          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.
+      return null;
+    }
+    case HostPortal:
+      popHostContainer(workInProgress);
+      return null;
+    case ContextProvider:
+      popProvider(workInProgress);
+      return null;
+    default:
+      return null;
+  }
+}
+
+function unwindInterruptedWork(interruptedWork) {
+  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 HostComponent: {
+      popHostContext(interruptedWork);
+      break;
+    }
+    case HostPortal:
+      popHostContainer(interruptedWork);
+      break;
+    case SuspenseComponent:
+      popSuspenseContext(interruptedWork);
+      break;
+    case DehydratedSuspenseComponent:
+      if (enableSuspenseServerRenderer) {
+        popSuspenseContext(interruptedWork);
+      }
+      break;
+    case SuspenseListComponent:
+      popSuspenseContext(interruptedWork);
+      break;
+    case ContextProvider:
+      popProvider(interruptedWork);
+      break;
+    default:
+      break;
+  }
+}
+
+function createCapturedValue(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)
+  };
+}
+
+// Module provided by RN:
+(function() {
+  if (
+    !(
+      typeof ReactNativePrivateInterface.ReactFiberErrorDialog
+        .showErrorDialog === "function"
+    )
+  ) {
+    throw ReactError(
+      Error("Expected ReactFiberErrorDialog.showErrorDialog to be a function.")
+    );
+  }
+})();
+
+function showErrorDialog(capturedError) {
+  return ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog(
+    capturedError
+  );
+}
+
+function logCapturedError(capturedError) {
+  var logError = showErrorDialog(capturedError);
+
+  // 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 = capturedError.error;
+  {
+    var componentName = capturedError.componentName,
+      componentStack = capturedError.componentStack,
+      errorBoundaryName = capturedError.errorBoundaryName,
+      errorBoundaryFound = capturedError.errorBoundaryFound,
+      willRetry = capturedError.willRetry;
+
+    // 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 (errorBoundaryFound && willRetry) {
+        // 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);
+      // For a more detailed description of this block, see:
+      // https://github.com/facebook/react/pull/13384
+    }
+
+    var componentNameMessage = componentName
+      ? "The above error occurred in the <" + componentName + "> component:"
+      : "The above error occurred in one of your React components:";
+
+    var errorBoundaryMessage = void 0;
+    // errorBoundaryFound check is sufficient; errorBoundaryName check is to satisfy Flow.
+    if (errorBoundaryFound && errorBoundaryName) {
+      if (willRetry) {
+        errorBoundaryMessage =
+          "React will try to recreate this component tree from scratch " +
+          ("using the error boundary you provided, " + errorBoundaryName + ".");
+      } else {
+        errorBoundaryMessage =
+          "This error was initially handled by the error boundary " +
+          errorBoundaryName +
+          ".\n" +
+          "Recreating the tree from scratch failed so React will unmount the tree.";
+      }
+    } else {
+      errorBoundaryMessage =
+        "Consider adding an error boundary to your tree to customize error handling behavior.\n" +
+        "Visit https://fb.me/react-error-boundaries to learn more about error boundaries.";
+    }
+    var combinedMessage =
+      "" +
+      componentNameMessage +
+      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);
+  }
+}
+
+var didWarnAboutUndefinedSnapshotBeforeUpdate = null;
+{
+  didWarnAboutUndefinedSnapshotBeforeUpdate = new Set();
+}
+
+var PossiblyWeakSet$1 = typeof WeakSet === "function" ? WeakSet : Set;
+
+function logError(boundary, errorInfo) {
+  var source = errorInfo.source;
+  var stack = errorInfo.stack;
+  if (stack === null && source !== null) {
+    stack = getStackByFiberInDevAndProd(source);
+  }
+
+  var capturedError = {
+    componentName: source !== null ? getComponentName(source.type) : null,
+    componentStack: stack !== null ? stack : "",
+    error: errorInfo.value,
+    errorBoundary: null,
+    errorBoundaryName: null,
+    errorBoundaryFound: false,
+    willRetry: false
+  };
+
+  if (boundary !== null && boundary.tag === ClassComponent) {
+    capturedError.errorBoundary = boundary.stateNode;
+    capturedError.errorBoundaryName = getComponentName(boundary.type);
+    capturedError.errorBoundaryFound = true;
+    capturedError.willRetry = true;
+  }
+
+  try {
+    logCapturedError(capturedError);
+  } 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 callComponentWillUnmountWithTimer = function(current$$1, instance) {
+  startPhaseTimer(current$$1, "componentWillUnmount");
+  instance.props = current$$1.memoizedProps;
+  instance.state = current$$1.memoizedState;
+  instance.componentWillUnmount();
+  stopPhaseTimer();
+};
+
+// Capture errors so they don't interrupt unmounting.
+function safelyCallComponentWillUnmount(current$$1, instance) {
+  {
+    invokeGuardedCallback(
+      null,
+      callComponentWillUnmountWithTimer,
+      null,
+      current$$1,
+      instance
+    );
+    if (hasCaughtError()) {
+      var unmountError = clearCaughtError();
+      captureCommitPhaseError(current$$1, unmountError);
+    }
+  }
+}
+
+function safelyDetachRef(current$$1) {
+  var ref = current$$1.ref;
+  if (ref !== null) {
+    if (typeof ref === "function") {
+      {
+        invokeGuardedCallback(null, ref, null, null);
+        if (hasCaughtError()) {
+          var refError = clearCaughtError();
+          captureCommitPhaseError(current$$1, refError);
+        }
+      }
+    } else {
+      ref.current = null;
+    }
+  }
+}
+
+function safelyCallDestroy(current$$1, destroy) {
+  {
+    invokeGuardedCallback(null, destroy, null);
+    if (hasCaughtError()) {
+      var error = clearCaughtError();
+      captureCommitPhaseError(current$$1, error);
+    }
+  }
+}
+
+function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
+  switch (finishedWork.tag) {
+    case FunctionComponent:
+    case ForwardRef:
+    case SimpleMemoComponent: {
+      commitHookEffectList(UnmountSnapshot, NoEffect$1, finishedWork);
+      return;
+    }
+    case ClassComponent: {
+      if (finishedWork.effectTag & Snapshot) {
+        if (current$$1 !== null) {
+          var prevProps = current$$1.memoizedProps;
+          var prevState = current$$1.memoizedState;
+          startPhaseTimer(finishedWork, "getSnapshotBeforeUpdate");
+          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
+            ) {
+              !(instance.props === finishedWork.memoizedProps)
+                ? warning$1(
+                    false,
+                    "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.",
+                    getComponentName(finishedWork.type) || "instance"
+                  )
+                : void 0;
+              !(instance.state === finishedWork.memoizedState)
+                ? warning$1(
+                    false,
+                    "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.props`. " +
+                      "Please file an issue.",
+                    getComponentName(finishedWork.type) || "instance"
+                  )
+                : void 0;
+            }
+          }
+          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);
+              warningWithoutStack$1(
+                false,
+                "%s.getSnapshotBeforeUpdate(): A snapshot value (or null) " +
+                  "must be returned. You have returned undefined.",
+                getComponentName(finishedWork.type)
+              );
+            }
+          }
+          instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+          stopPhaseTimer();
+        }
+      }
+      return;
+    }
+    case HostRoot:
+    case HostComponent:
+    case HostText:
+    case HostPortal:
+    case IncompleteClassComponent:
+      // Nothing to do for these component types
+      return;
+    default: {
+      (function() {
+        {
+          throw ReactError(
+            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."
+            )
+          );
+        }
+      })();
+    }
+  }
+}
+
+function commitHookEffectList(unmountTag, mountTag, 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 & unmountTag) !== NoEffect$1) {
+        // Unmount
+        var destroy = effect.destroy;
+        effect.destroy = undefined;
+        if (destroy !== undefined) {
+          destroy();
+        }
+      }
+      if ((effect.tag & mountTag) !== NoEffect$1) {
+        // Mount
+        var create = effect.create;
+        effect.destroy = create();
+
+        {
+          var _destroy = effect.destroy;
+          if (_destroy !== undefined && typeof _destroy !== "function") {
+            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 useEffect(async () => ...) or returned a Promise. " +
+                "Instead, write the async function inside your effect " +
+                "and call it immediately:\n\n" +
+                "useEffect(() => {\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://fb.me/react-hooks-data-fetching";
+            } else {
+              addendum = " You returned: " + _destroy;
+            }
+            warningWithoutStack$1(
+              false,
+              "An effect function must not return anything besides a function, " +
+                "which is used for clean-up.%s%s",
+              addendum,
+              getStackByFiberInDevAndProd(finishedWork)
+            );
+          }
+        }
+      }
+      effect = effect.next;
+    } while (effect !== firstEffect);
+  }
+}
+
+function commitPassiveHookEffects(finishedWork) {
+  if ((finishedWork.effectTag & Passive) !== NoEffect) {
+    switch (finishedWork.tag) {
+      case FunctionComponent:
+      case ForwardRef:
+      case SimpleMemoComponent: {
+        commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork);
+        commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
+        break;
+      }
+      default:
+        break;
+    }
+  }
+}
+
+function commitLifeCycles(
+  finishedRoot,
+  current$$1,
+  finishedWork,
+  committedExpirationTime
+) {
+  switch (finishedWork.tag) {
+    case FunctionComponent:
+    case ForwardRef:
+    case SimpleMemoComponent: {
+      commitHookEffectList(UnmountLayout, MountLayout, finishedWork);
+      break;
+    }
+    case ClassComponent: {
+      var instance = finishedWork.stateNode;
+      if (finishedWork.effectTag & Update) {
+        if (current$$1 === null) {
+          startPhaseTimer(finishedWork, "componentDidMount");
+          // 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
+            ) {
+              !(instance.props === finishedWork.memoizedProps)
+                ? warning$1(
+                    false,
+                    "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.",
+                    getComponentName(finishedWork.type) || "instance"
+                  )
+                : void 0;
+              !(instance.state === finishedWork.memoizedState)
+                ? warning$1(
+                    false,
+                    "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.props`. " +
+                      "Please file an issue.",
+                    getComponentName(finishedWork.type) || "instance"
+                  )
+                : void 0;
+            }
+          }
+          instance.componentDidMount();
+          stopPhaseTimer();
+        } else {
+          var prevProps =
+            finishedWork.elementType === finishedWork.type
+              ? current$$1.memoizedProps
+              : resolveDefaultProps(
+                  finishedWork.type,
+                  current$$1.memoizedProps
+                );
+          var prevState = current$$1.memoizedState;
+          startPhaseTimer(finishedWork, "componentDidUpdate");
+          // 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
+            ) {
+              !(instance.props === finishedWork.memoizedProps)
+                ? warning$1(
+                    false,
+                    "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.",
+                    getComponentName(finishedWork.type) || "instance"
+                  )
+                : void 0;
+              !(instance.state === finishedWork.memoizedState)
+                ? warning$1(
+                    false,
+                    "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.props`. " +
+                      "Please file an issue.",
+                    getComponentName(finishedWork.type) || "instance"
+                  )
+                : void 0;
+            }
+          }
+          instance.componentDidUpdate(
+            prevProps,
+            prevState,
+            instance.__reactInternalSnapshotBeforeUpdate
+          );
+          stopPhaseTimer();
+        }
+      }
+      var updateQueue = finishedWork.updateQueue;
+      if (updateQueue !== null) {
+        {
+          if (
+            finishedWork.type === finishedWork.elementType &&
+            !didWarnAboutReassigningProps
+          ) {
+            !(instance.props === finishedWork.memoizedProps)
+              ? warning$1(
+                  false,
+                  "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.",
+                  getComponentName(finishedWork.type) || "instance"
+                )
+              : void 0;
+            !(instance.state === finishedWork.memoizedState)
+              ? warning$1(
+                  false,
+                  "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.props`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                )
+              : void 0;
+          }
+        }
+        // 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.
+        commitUpdateQueue(
+          finishedWork,
+          updateQueue,
+          instance,
+          committedExpirationTime
+        );
+      }
+      return;
+    }
+    case HostRoot: {
+      var _updateQueue = finishedWork.updateQueue;
+      if (_updateQueue !== null) {
+        var _instance = null;
+        if (finishedWork.child !== null) {
+          switch (finishedWork.child.tag) {
+            case HostComponent:
+              _instance = getPublicInstance(finishedWork.child.stateNode);
+              break;
+            case ClassComponent:
+              _instance = finishedWork.child.stateNode;
+              break;
+          }
+        }
+        commitUpdateQueue(
+          finishedWork,
+          _updateQueue,
+          _instance,
+          committedExpirationTime
+        );
+      }
+      return;
+    }
+    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 (current$$1 === null && finishedWork.effectTag & Update) {
+        var type = finishedWork.type;
+        var props = finishedWork.memoizedProps;
+      }
+
+      return;
+    }
+    case HostText: {
+      // We have no life-cycles associated with text.
+      return;
+    }
+    case HostPortal: {
+      // We have no life-cycles associated with portals.
+      return;
+    }
+    case Profiler: {
+      if (enableProfilerTimer) {
+        var onRender = finishedWork.memoizedProps.onRender;
+
+        if (typeof onRender === "function") {
+          if (enableSchedulerTracing) {
+            onRender(
+              finishedWork.memoizedProps.id,
+              current$$1 === null ? "mount" : "update",
+              finishedWork.actualDuration,
+              finishedWork.treeBaseDuration,
+              finishedWork.actualStartTime,
+              getCommitTime(),
+              finishedRoot.memoizedInteractions
+            );
+          } else {
+            onRender(
+              finishedWork.memoizedProps.id,
+              current$$1 === null ? "mount" : "update",
+              finishedWork.actualDuration,
+              finishedWork.treeBaseDuration,
+              finishedWork.actualStartTime,
+              getCommitTime()
+            );
+          }
+        }
+      }
+      return;
+    }
+    case SuspenseComponent:
+    case SuspenseListComponent:
+    case IncompleteClassComponent:
+    case FundamentalComponent:
+      return;
+    default: {
+      (function() {
+        {
+          throw ReactError(
+            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."
+            )
+          );
+        }
+      })();
+    }
+  }
+}
+
+function hideOrUnhideAllChildren(finishedWork, isHidden) {
+  if (supportsMutation) {
+    // We only have the top Fiber that was inserted but we need to recurse down its
+    var node = finishedWork;
+    while (true) {
+      if (node.tag === HostComponent) {
+        var instance = node.stateNode;
+        if (isHidden) {
+          hideInstance(instance);
+        } else {
+          unhideInstance(node.stateNode, node.memoizedProps);
+        }
+      } else if (node.tag === HostText) {
+        var _instance3 = node.stateNode;
+        if (isHidden) {
+          hideTextInstance(_instance3);
+        } else {
+          unhideTextInstance(_instance3, node.memoizedProps);
+        }
+      } else if (
+        node.tag === SuspenseComponent &&
+        node.memoizedState !== null
+      ) {
+        // Found a nested Suspense component that timed out. Skip over the
+        var fallbackChildFragment = node.child.sibling;
+        fallbackChildFragment.return = node;
+        node = fallbackChildFragment;
+        continue;
+      } else if (node.child !== null) {
+        node.child.return = node;
+        node = node.child;
+        continue;
+      }
+      if (node === finishedWork) {
+        return;
+      }
+      while (node.sibling === null) {
+        if (node.return === null || node.return === finishedWork) {
+          return;
+        }
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  }
+}
+
+function commitAttachRef(finishedWork) {
+  var ref = finishedWork.ref;
+  if (ref !== null) {
+    var instance = finishedWork.stateNode;
+    var instanceToUse = void 0;
+    switch (finishedWork.tag) {
+      case HostComponent:
+        instanceToUse = getPublicInstance(instance);
+        break;
+      default:
+        instanceToUse = instance;
+    }
+    if (typeof ref === "function") {
+      ref(instanceToUse);
+    } else {
+      {
+        if (!ref.hasOwnProperty("current")) {
+          warningWithoutStack$1(
+            false,
+            "Unexpected ref object provided for %s. " +
+              "Use either a ref-setter function or React.createRef().%s",
+            getComponentName(finishedWork.type),
+            getStackByFiberInDevAndProd(finishedWork)
+          );
+        }
+      }
+
+      ref.current = instanceToUse;
+    }
+  }
+}
+
+function commitDetachRef(current$$1) {
+  var currentRef = current$$1.ref;
+  if (currentRef !== null) {
+    if (typeof currentRef === "function") {
+      currentRef(null);
+    } else {
+      currentRef.current = null;
+    }
+  }
+}
+
+// User-originating errors (lifecycles and refs) should not interrupt
+// deletion, so don't let them throw. Host-originating errors should
+// interrupt deletion, so it's okay
+function commitUnmount(current$$1, renderPriorityLevel) {
+  onCommitUnmount(current$$1);
+
+  switch (current$$1.tag) {
+    case FunctionComponent:
+    case ForwardRef:
+    case MemoComponent:
+    case SimpleMemoComponent: {
+      var updateQueue = current$$1.updateQueue;
+      if (updateQueue !== null) {
+        var lastEffect = updateQueue.lastEffect;
+        if (lastEffect !== null) {
+          var firstEffect = lastEffect.next;
+
+          // When the owner fiber is deleted, the destroy function of a passive
+          // effect hook is called during the synchronous commit phase. This is
+          // a concession to implementation complexity. Calling it in the
+          // passive effect phase (like they usually are, when dependencies
+          // change during an update) would require either traversing the
+          // children of the deleted fiber again, or including unmount effects
+          // as part of the fiber effect list.
+          //
+          // Because this is during the sync commit phase, we need to change
+          // the priority.
+          //
+          // TODO: Reconsider this implementation trade off.
+          var priorityLevel =
+            renderPriorityLevel > NormalPriority
+              ? NormalPriority
+              : renderPriorityLevel;
+          runWithPriority(priorityLevel, function() {
+            var effect = firstEffect;
+            do {
+              var destroy = effect.destroy;
+              if (destroy !== undefined) {
+                safelyCallDestroy(current$$1, destroy);
+              }
+              effect = effect.next;
+            } while (effect !== firstEffect);
+          });
+        }
+      }
+      break;
+    }
+    case ClassComponent: {
+      safelyDetachRef(current$$1);
+      var instance = current$$1.stateNode;
+      if (typeof instance.componentWillUnmount === "function") {
+        safelyCallComponentWillUnmount(current$$1, instance);
+      }
+      return;
+    }
+    case HostComponent: {
+      if (enableFlareAPI) {
+        var dependencies = current$$1.dependencies;
+
+        if (dependencies !== null) {
+          var respondersMap = dependencies.responders;
+          if (respondersMap !== null) {
+            var responderInstances = Array.from(respondersMap.values());
+            for (
+              var i = 0, length = responderInstances.length;
+              i < length;
+              i++
+            ) {
+              var responderInstance = responderInstances[i];
+              unmountResponderInstance(responderInstance);
+            }
+            dependencies.responders = null;
+          }
+        }
+      }
+      safelyDetachRef(current$$1);
+      return;
+    }
+    case HostPortal: {
+      // TODO: this is recursive.
+      // We are also not using this parent because
+      // the portal will get pushed immediately.
+      if (supportsMutation) {
+        unmountHostComponents(current$$1, renderPriorityLevel);
+      } else if (supportsPersistence) {
+        emptyPortalContainer(current$$1);
+      }
+      return;
+    }
+    case FundamentalComponent: {
+      if (enableFundamentalAPI) {
+        var fundamentalInstance = current$$1.stateNode;
+        if (fundamentalInstance !== null) {
+          unmountFundamentalComponent(fundamentalInstance);
+          current$$1.stateNode = null;
+        }
+      }
+    }
+  }
+}
+
+function commitNestedUnmounts(root, renderPriorityLevel) {
+  // While we're inside a removed host node we don't want to call
+  // removeChild on the inner nodes because they're removed by the top
+  // call anyway. We also want to call componentWillUnmount on all
+  // composites before this host node is removed from the tree. Therefore
+  var node = root;
+  while (true) {
+    commitUnmount(node, renderPriorityLevel);
+    // Visit children because they may contain more composite or host nodes.
+    // Skip portals because commitUnmount() currently visits them recursively.
+    if (
+      node.child !== null &&
+      // If we use mutation we drill down into portals using commitUnmount above.
+      // If we don't use mutation we drill down into portals here instead.
+      (!supportsMutation || node.tag !== HostPortal)
+    ) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === root) {
+      return;
+    }
+    while (node.sibling === null) {
+      if (node.return === null || node.return === root) {
+        return;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
+
+function detachFiber(current$$1) {
+  var alternate = current$$1.alternate;
+  // Cut off the return pointers to disconnect it from the tree. Ideally, we
+  // should 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.
+  current$$1.return = null;
+  current$$1.child = null;
+  current$$1.memoizedState = null;
+  current$$1.updateQueue = null;
+  current$$1.dependencies = null;
+  current$$1.alternate = null;
+  current$$1.firstEffect = null;
+  current$$1.lastEffect = null;
+  current$$1.pendingProps = null;
+  current$$1.memoizedProps = null;
+  if (alternate !== null) {
+    detachFiber(alternate);
+  }
+}
+
+function emptyPortalContainer(current$$1) {
+  if (!supportsPersistence) {
+    return;
+  }
+
+  var portal = current$$1.stateNode;
+  var containerInfo = portal.containerInfo;
+
+  var emptyChildSet = createContainerChildSet(containerInfo);
+  replaceContainerChildren(containerInfo, emptyChildSet);
+}
+
+function commitContainer(finishedWork) {
+  if (!supportsPersistence) {
+    return;
+  }
+
+  switch (finishedWork.tag) {
+    case ClassComponent:
+    case HostComponent:
+    case HostText:
+    case FundamentalComponent: {
+      return;
+    }
+    case HostRoot:
+    case HostPortal: {
+      var portalOrRoot = finishedWork.stateNode;
+      var containerInfo = portalOrRoot.containerInfo,
+        _pendingChildren = portalOrRoot.pendingChildren;
+
+      replaceContainerChildren(containerInfo, _pendingChildren);
+      return;
+    }
+    default: {
+      (function() {
+        {
+          throw ReactError(
+            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."
+            )
+          );
+        }
+      })();
+    }
+  }
+}
+
+function getHostParentFiber(fiber) {
+  var parent = fiber.return;
+  while (parent !== null) {
+    if (isHostParent(parent)) {
+      return parent;
+    }
+    parent = parent.return;
+  }
+  (function() {
+    {
+      throw ReactError(
+        Error(
+          "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    }
+  })();
+}
+
+function isHostParent(fiber) {
+  return (
+    fiber.tag === HostComponent ||
+    fiber.tag === HostRoot ||
+    fiber.tag === HostPortal
+  );
+}
+
+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.
+  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;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+    while (
+      node.tag !== HostComponent &&
+      node.tag !== HostText &&
+      node.tag !== DehydratedSuspenseComponent
+    ) {
+      // 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.effectTag & 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 (!(node.effectTag & Placement)) {
+      // Found it!
+      return node.stateNode;
+    }
+  }
+}
+
+function commitPlacement(finishedWork) {
+  if (!supportsMutation) {
+    return;
+  }
+
+  // Recursively insert all host nodes into the parent.
+  var parentFiber = getHostParentFiber(finishedWork);
+
+  // Note: these two variables *must* always be updated together.
+  var parent = void 0;
+  var isContainer = void 0;
+  var parentStateNode = parentFiber.stateNode;
+  switch (parentFiber.tag) {
+    case HostComponent:
+      parent = parentStateNode;
+      isContainer = false;
+      break;
+    case HostRoot:
+      parent = parentStateNode.containerInfo;
+      isContainer = true;
+      break;
+    case HostPortal:
+      parent = parentStateNode.containerInfo;
+      isContainer = true;
+      break;
+    case FundamentalComponent:
+      if (enableFundamentalAPI) {
+        parent = parentStateNode.instance;
+        isContainer = false;
+      }
+    // eslint-disable-next-line-no-fallthrough
+    default:
+      (function() {
+        {
+          throw ReactError(
+            Error(
+              "Invalid host parent fiber. This error is likely caused by a bug in React. Please file an issue."
+            )
+          );
+        }
+      })();
+  }
+  if (parentFiber.effectTag & ContentReset) {
+    // Reset the text content of the parent before doing any insertions
+    parentFiber.effectTag &= ~ContentReset;
+  }
+
+  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 node = finishedWork;
+  while (true) {
+    var isHost = node.tag === HostComponent || node.tag === HostText;
+    if (isHost || (enableFundamentalAPI && node.tag === FundamentalComponent)) {
+      var stateNode = isHost ? node.stateNode : node.stateNode.instance;
+      if (before) {
+        if (isContainer) {
+          insertInContainerBefore(parent, stateNode, before);
+        } else {
+          insertBefore(parent, stateNode, before);
+        }
+      } else {
+        if (isContainer) {
+          appendChildToContainer(parent, stateNode);
+        } else {
+          appendChild(parent, stateNode);
+        }
+      }
+    } else if (node.tag === HostPortal) {
+      // If the insertion itself is a portal, then we don't want to traverse
+      // down its children. Instead, we'll get insertions from each child in
+      // the portal directly.
+    } else if (node.child !== null) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === finishedWork) {
+      return;
+    }
+    while (node.sibling === null) {
+      if (node.return === null || node.return === finishedWork) {
+        return;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
+
+function unmountHostComponents(current$$1, renderPriorityLevel) {
+  // We only have the top Fiber that was deleted but we need to recurse down its
+  var node = current$$1;
+
+  // Each iteration, currentParent is populated with node's host parent if not
+  // currentParentIsValid.
+  var currentParentIsValid = false;
+
+  // Note: these two variables *must* always be updated together.
+  var currentParent = void 0;
+  var currentParentIsContainer = void 0;
+
+  while (true) {
+    if (!currentParentIsValid) {
+      var parent = node.return;
+      findParent: while (true) {
+        (function() {
+          if (!(parent !== null)) {
+            throw ReactError(
+              Error(
+                "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+              )
+            );
+          }
+        })();
+        var parentStateNode = parent.stateNode;
+        switch (parent.tag) {
+          case HostComponent:
+            currentParent = parentStateNode;
+            currentParentIsContainer = false;
+            break findParent;
+          case HostRoot:
+            currentParent = parentStateNode.containerInfo;
+            currentParentIsContainer = true;
+            break findParent;
+          case HostPortal:
+            currentParent = parentStateNode.containerInfo;
+            currentParentIsContainer = true;
+            break findParent;
+          case FundamentalComponent:
+            if (enableFundamentalAPI) {
+              currentParent = parentStateNode.instance;
+              currentParentIsContainer = false;
+            }
+        }
+        parent = parent.return;
+      }
+      currentParentIsValid = true;
+    }
+
+    if (node.tag === HostComponent || node.tag === HostText) {
+      commitNestedUnmounts(node, renderPriorityLevel);
+      // After all the children have unmounted, it is now safe to remove the
+      // node from the tree.
+      if (currentParentIsContainer) {
+        removeChildFromContainer(currentParent, node.stateNode);
+      } else {
+        removeChild(currentParent, node.stateNode);
+      }
+      // Don't visit children because we already visited them.
+    } else if (enableFundamentalAPI && node.tag === FundamentalComponent) {
+      var fundamentalNode = node.stateNode.instance;
+      commitNestedUnmounts(node, renderPriorityLevel);
+      // After all the children have unmounted, it is now safe to remove the
+      // node from the tree.
+      if (currentParentIsContainer) {
+        removeChildFromContainer(currentParent, fundamentalNode);
+      } else {
+        removeChild(currentParent, fundamentalNode);
+      }
+    } else if (
+      enableSuspenseServerRenderer &&
+      node.tag === DehydratedSuspenseComponent
+    ) {
+      // Delete the dehydrated suspense boundary and all of its content.
+      if (currentParentIsContainer) {
+        clearSuspenseBoundaryFromContainer(currentParent, node.stateNode);
+      } else {
+        clearSuspenseBoundary(currentParent, node.stateNode);
+      }
+    } else if (node.tag === HostPortal) {
+      if (node.child !== null) {
+        // When we go into a portal, it becomes the parent to remove from.
+        // We will reassign it back when we pop the portal on the way up.
+        currentParent = node.stateNode.containerInfo;
+        currentParentIsContainer = true;
+        // Visit children because portals might contain host components.
+        node.child.return = node;
+        node = node.child;
+        continue;
+      }
+    } else {
+      commitUnmount(node, renderPriorityLevel);
+      // Visit children because we may find more host components below.
+      if (node.child !== null) {
+        node.child.return = node;
+        node = node.child;
+        continue;
+      }
+    }
+    if (node === current$$1) {
+      return;
+    }
+    while (node.sibling === null) {
+      if (node.return === null || node.return === current$$1) {
+        return;
+      }
+      node = node.return;
+      if (node.tag === HostPortal) {
+        // When we go out of the portal, we need to restore the parent.
+        // Since we don't keep a stack of them, we will search for it.
+        currentParentIsValid = false;
+      }
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
+
+function commitDeletion(current$$1, renderPriorityLevel) {
+  if (supportsMutation) {
+    // Recursively delete all host nodes from the parent.
+    // Detach refs and call componentWillUnmount() on the whole subtree.
+    unmountHostComponents(current$$1, renderPriorityLevel);
+  } else {
+    // Detach refs and call componentWillUnmount() on the whole subtree.
+    commitNestedUnmounts(current$$1, renderPriorityLevel);
+  }
+  detachFiber(current$$1);
+}
+
+function commitWork(current$$1, finishedWork) {
+  if (!supportsMutation) {
+    switch (finishedWork.tag) {
+      case FunctionComponent:
+      case ForwardRef:
+      case MemoComponent:
+      case SimpleMemoComponent: {
+        // Note: We currently never use MountMutation, but useLayout uses
+        // UnmountMutation.
+        commitHookEffectList(UnmountMutation, MountMutation, finishedWork);
+        return;
+      }
+      case Profiler: {
+        return;
+      }
+      case SuspenseComponent: {
+        commitSuspenseComponent(finishedWork);
+        attachSuspenseRetryListeners(finishedWork);
+        return;
+      }
+      case SuspenseListComponent: {
+        attachSuspenseRetryListeners(finishedWork);
+        return;
+      }
+    }
+
+    commitContainer(finishedWork);
+    return;
+  }
+
+  switch (finishedWork.tag) {
+    case FunctionComponent:
+    case ForwardRef:
+    case MemoComponent:
+    case SimpleMemoComponent: {
+      // Note: We currently never use MountMutation, but useLayout uses
+      // UnmountMutation.
+      commitHookEffectList(UnmountMutation, MountMutation, finishedWork);
+      return;
+    }
+    case ClassComponent: {
+      return;
+    }
+    case HostComponent: {
+      var instance = finishedWork.stateNode;
+      if (instance != 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 oldProps =
+          current$$1 !== null ? current$$1.memoizedProps : newProps;
+        var type = finishedWork.type;
+        // TODO: Type the updateQueue to be specific to host components.
+        var updatePayload = finishedWork.updateQueue;
+        finishedWork.updateQueue = null;
+        if (updatePayload !== null) {
+          commitUpdate(
+            instance,
+            updatePayload,
+            type,
+            oldProps,
+            newProps,
+            finishedWork
+          );
+        }
+      }
+      return;
+    }
+    case HostText: {
+      (function() {
+        if (!(finishedWork.stateNode !== null)) {
+          throw ReactError(
+            Error(
+              "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue."
+            )
+          );
+        }
+      })();
+      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.
+      var oldText = current$$1 !== null ? current$$1.memoizedProps : newText;
+      commitTextUpdate(textInstance, oldText, newText);
+      return;
+    }
+    case HostRoot: {
+      return;
+    }
+    case Profiler: {
+      return;
+    }
+    case SuspenseComponent: {
+      commitSuspenseComponent(finishedWork);
+      attachSuspenseRetryListeners(finishedWork);
+      return;
+    }
+    case SuspenseListComponent: {
+      attachSuspenseRetryListeners(finishedWork);
+      return;
+    }
+    case IncompleteClassComponent: {
+      return;
+    }
+    case FundamentalComponent: {
+      if (enableFundamentalAPI) {
+        var fundamentalInstance = finishedWork.stateNode;
+        updateFundamentalComponent(fundamentalInstance);
+      }
+      return;
+    }
+    default: {
+      (function() {
+        {
+          throw ReactError(
+            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."
+            )
+          );
+        }
+      })();
+    }
+  }
+}
+
+function commitSuspenseComponent(finishedWork) {
+  var newState = finishedWork.memoizedState;
+
+  var newDidTimeout = void 0;
+  var primaryChildParent = finishedWork;
+  if (newState === null) {
+    newDidTimeout = false;
+  } else {
+    newDidTimeout = true;
+    primaryChildParent = finishedWork.child;
+    markCommitTimeOfFallback();
+  }
+
+  if (supportsMutation && primaryChildParent !== null) {
+    hideOrUnhideAllChildren(primaryChildParent, newDidTimeout);
+  }
+
+  if (enableSuspenseCallback && newState !== null) {
+    var suspenseCallback = finishedWork.memoizedProps.suspenseCallback;
+    if (typeof suspenseCallback === "function") {
+      var thenables = finishedWork.updateQueue;
+      if (thenables !== null) {
+        suspenseCallback(new Set(thenables));
+      }
+    } else {
+      if (suspenseCallback !== undefined) {
+        warning$1(false, "Unexpected type for suspenseCallback.");
+      }
+    }
+  }
+}
+
+function attachSuspenseRetryListeners(finishedWork) {
+  // If this boundary just timed out, then it will have a set of thenables.
+  // For each thenable, attach a listener so that when it resolves, React
+  var thenables = finishedWork.updateQueue;
+  if (thenables !== null) {
+    finishedWork.updateQueue = null;
+    var retryCache = finishedWork.stateNode;
+    if (retryCache === null) {
+      retryCache = finishedWork.stateNode = new PossiblyWeakSet$1();
+    }
+    thenables.forEach(function(thenable) {
+      // Memoize using the boundary fiber to prevent redundant listeners.
+      var retry = resolveRetryThenable.bind(null, finishedWork, thenable);
+      if (!retryCache.has(thenable)) {
+        if (enableSchedulerTracing) {
+          retry = tracing.unstable_wrap(retry);
+        }
+        retryCache.add(thenable);
+        thenable.then(retry, retry);
+      }
+    });
+  }
+}
+
+function commitResetTextContent(current$$1) {
+  if (!supportsMutation) {
+    return;
+  }
+  resetTextContent(current$$1.stateNode);
+}
+
+var PossiblyWeakSet = typeof WeakSet === "function" ? WeakSet : Set;
+var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
+
+function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
+  var update = createUpdate(expirationTime, null);
+  // 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);
+    logError(fiber, errorInfo);
+  };
+  return update;
+}
+
+function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
+  var update = createUpdate(expirationTime, null);
+  update.tag = CaptureUpdate;
+  var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
+  if (typeof getDerivedStateFromError === "function") {
+    var error = errorInfo.value;
+    update.payload = function() {
+      logError(fiber, errorInfo);
+      return getDerivedStateFromError(error);
+    };
+  }
+
+  var inst = fiber.stateNode;
+  if (inst !== null && typeof inst.componentDidCatch === "function") {
+    update.callback = function callback() {
+      {
+        markFailedErrorBoundaryForHotReloading(fiber);
+      }
+      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);
+
+        // Only log here if componentDidCatch is the only error boundary method defined
+        logError(fiber, errorInfo);
+      }
+      var error = errorInfo.value;
+      var stack = errorInfo.stack;
+      this.componentDidCatch(error, {
+        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.
+          !(fiber.expirationTime === Sync)
+            ? warningWithoutStack$1(
+                false,
+                "%s: Error boundaries should implement getDerivedStateFromError(). " +
+                  "In that method, return a state update to display an error message or fallback UI.",
+                getComponentName(fiber.type) || "Unknown"
+              )
+            : void 0;
+        }
+      }
+    };
+  } else {
+    update.callback = function() {
+      markFailedErrorBoundaryForHotReloading(fiber);
+    };
+  }
+  return update;
+}
+
+function attachPingListener(root, renderExpirationTime, thenable) {
+  // Attach a listener to the promise to "ping" the root and retry. But
+  // only if one does not already exist for the current render expiration
+  // time (which acts like a "thread ID" here).
+  var pingCache = root.pingCache;
+  var threadIDs = void 0;
+  if (pingCache === null) {
+    pingCache = root.pingCache = new PossiblyWeakMap();
+    threadIDs = new Set();
+    pingCache.set(thenable, threadIDs);
+  } else {
+    threadIDs = pingCache.get(thenable);
+    if (threadIDs === undefined) {
+      threadIDs = new Set();
+      pingCache.set(thenable, threadIDs);
+    }
+  }
+  if (!threadIDs.has(renderExpirationTime)) {
+    // Memoize using the thread ID to prevent redundant listeners.
+    threadIDs.add(renderExpirationTime);
+    var ping = pingSuspendedRoot.bind(
+      null,
+      root,
+      thenable,
+      renderExpirationTime
+    );
+    if (enableSchedulerTracing) {
+      ping = tracing.unstable_wrap(ping);
+    }
+    thenable.then(ping, ping);
+  }
+}
+
+function throwException(
+  root,
+  returnFiber,
+  sourceFiber,
+  value,
+  renderExpirationTime
+) {
+  // The source fiber did not complete.
+  sourceFiber.effectTag |= Incomplete;
+  // Its effect list is no longer valid.
+  sourceFiber.firstEffect = sourceFiber.lastEffect = null;
+
+  if (
+    value !== null &&
+    typeof value === "object" &&
+    typeof value.then === "function"
+  ) {
+    // This is a thenable.
+    var thenable = value;
+
+    checkForWrongSuspensePriorityInDEV(sourceFiber);
+
+    var hasInvisibleParentBoundary = hasSuspenseContext(
+      suspenseStackCursor.current,
+      InvisibleParentSuspenseContext
+    );
+
+    // Schedule the nearest Suspense to re-render the timed out view.
+    var _workInProgress = returnFiber;
+    do {
+      if (
+        _workInProgress.tag === SuspenseComponent &&
+        shouldCaptureSuspense(_workInProgress, hasInvisibleParentBoundary)
+      ) {
+        // Found the nearest boundary.
+
+        // Stash the promise on the boundary fiber. If the boundary times out, we'll
+        var thenables = _workInProgress.updateQueue;
+        if (thenables === null) {
+          var updateQueue = new Set();
+          updateQueue.add(thenable);
+          _workInProgress.updateQueue = updateQueue;
+        } else {
+          thenables.add(thenable);
+        }
+
+        // If the boundary is outside of batched mode, we should *not*
+        // suspend the commit. Pretend as if the suspended component rendered
+        // null and keep rendering. In the commit phase, we'll schedule a
+        // subsequent synchronous update to re-render the Suspense.
+        //
+        // Note: It doesn't matter whether the component that suspended was
+        // inside a batched mode tree. If the Suspense is outside of it, we
+        // should *not* suspend the commit.
+        if ((_workInProgress.mode & BatchedMode) === NoMode) {
+          _workInProgress.effectTag |= DidCapture;
+
+          // 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.effectTag &= ~(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(Sync, null);
+              update.tag = ForceUpdate;
+              enqueueUpdate(sourceFiber, update);
+            }
+          }
+
+          // The source fiber did not complete. Mark it with Sync priority to
+          // indicate that it still has pending work.
+          sourceFiber.expirationTime = Sync;
+
+          // Exit without suspending.
+          return;
+        }
+
+        // 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. SuspenseConfig applies 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.
+
+        attachPingListener(root, renderExpirationTime, thenable);
+
+        _workInProgress.effectTag |= ShouldCapture;
+        _workInProgress.expirationTime = renderExpirationTime;
+
+        return;
+      } else if (
+        enableSuspenseServerRenderer &&
+        _workInProgress.tag === DehydratedSuspenseComponent
+      ) {
+        attachPingListener(root, renderExpirationTime, thenable);
+
+        // Since we already have a current fiber, we can eagerly add a retry listener.
+        var retryCache = _workInProgress.memoizedState;
+        if (retryCache === null) {
+          retryCache = _workInProgress.memoizedState = new PossiblyWeakSet();
+          var current$$1 = _workInProgress.alternate;
+          (function() {
+            if (!current$$1) {
+              throw ReactError(
+                Error(
+                  "A dehydrated suspense boundary must commit before trying to render. This is probably a bug in React."
+                )
+              );
+            }
+          })();
+          current$$1.memoizedState = retryCache;
+        }
+        // Memoize using the boundary fiber to prevent redundant listeners.
+        if (!retryCache.has(thenable)) {
+          retryCache.add(thenable);
+          var retry = resolveRetryThenable.bind(
+            null,
+            _workInProgress,
+            thenable
+          );
+          if (enableSchedulerTracing) {
+            retry = tracing.unstable_wrap(retry);
+          }
+          thenable.then(retry, retry);
+        }
+        _workInProgress.effectTag |= ShouldCapture;
+        _workInProgress.expirationTime = renderExpirationTime;
+        return;
+      }
+      // This boundary already captured during this render. Continue to the next
+      // boundary.
+      _workInProgress = _workInProgress.return;
+    } while (_workInProgress !== null);
+    // No boundary was found. Fallthrough to error mode.
+    // TODO: Use invariant so the message is stripped in prod?
+    value = new Error(
+      (getComponentName(sourceFiber.type) || "A React component") +
+        " suspended while rendering, but no fallback UI was specified.\n" +
+        "\n" +
+        "Add a <Suspense fallback=...> component higher in the tree to " +
+        "provide a loading indicator or placeholder to display." +
+        getStackByFiberInDevAndProd(sourceFiber)
+    );
+  }
+
+  // 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.
+  renderDidError();
+  value = createCapturedValue(value, sourceFiber);
+  var workInProgress = returnFiber;
+  do {
+    switch (workInProgress.tag) {
+      case HostRoot: {
+        var _errorInfo = value;
+        workInProgress.effectTag |= ShouldCapture;
+        workInProgress.expirationTime = renderExpirationTime;
+        var _update = createRootErrorUpdate(
+          workInProgress,
+          _errorInfo,
+          renderExpirationTime
+        );
+        enqueueCapturedUpdate(workInProgress, _update);
+        return;
+      }
+      case ClassComponent:
+        // Capture and retry
+        var errorInfo = value;
+        var ctor = workInProgress.type;
+        var instance = workInProgress.stateNode;
+        if (
+          (workInProgress.effectTag & DidCapture) === NoEffect &&
+          (typeof ctor.getDerivedStateFromError === "function" ||
+            (instance !== null &&
+              typeof instance.componentDidCatch === "function" &&
+              !isAlreadyFailedLegacyErrorBoundary(instance)))
+        ) {
+          workInProgress.effectTag |= ShouldCapture;
+          workInProgress.expirationTime = renderExpirationTime;
+          // Schedule the error boundary to re-render using updated state
+          var _update2 = createClassErrorUpdate(
+            workInProgress,
+            errorInfo,
+            renderExpirationTime
+          );
+          enqueueCapturedUpdate(workInProgress, _update2);
+          return;
+        }
+        break;
+      default:
+        break;
+    }
+    workInProgress = workInProgress.return;
+  } while (workInProgress !== null);
+}
+
+// The scheduler is imported here *only* to detect whether it's been mocked
+// DEV stuff
+var ceil = Math.ceil;
+
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner;
+var IsSomeRendererActing = ReactSharedInternals.IsSomeRendererActing;
+
+var NoContext = /*                    */ 0;
+var BatchedContext = /*               */ 1;
+var EventContext = /*                 */ 2;
+var DiscreteEventContext = /*         */ 4;
+var LegacyUnbatchedContext = /*       */ 8;
+var RenderContext = /*                */ 16;
+var CommitContext = /*                */ 32;
+
+var RootIncomplete = 0;
+var RootErrored = 1;
+var RootSuspended = 2;
+var RootSuspendedWithDelay = 3;
+var RootCompleted = 4;
+
+// 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 expiration time we're rendering
+var renderExpirationTime = NoWork;
+// Whether to root completed, errored, suspended, etc.
+var workInProgressRootExitStatus = RootIncomplete;
+// Most recent event time among processed updates during this render.
+// This is conceptually a time stamp but expressed in terms of an ExpirationTime
+// because we deal mostly with expiration times in the hot path, so this avoids
+// the conversion happening in the hot path.
+var workInProgressRootLatestProcessedExpirationTime = Sync;
+var workInProgressRootLatestSuspenseTimeout = Sync;
+var workInProgressRootCanSuspendUsingConfig = null;
+// If we're pinged while rendering we don't always restart immediately.
+// This flag determines if it might be worthwhile to restart if an opportunity
+// happens latere.
+var workInProgressRootHasPendingPing = false;
+// 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;
+
+var nextEffect = null;
+var hasUncaughtError = false;
+var firstUncaughtError = null;
+var legacyErrorBoundariesThatAlreadyFailed = null;
+
+var rootDoesHavePassiveEffects = false;
+var rootWithPendingPassiveEffects = null;
+var pendingPassiveEffectsRenderPriority = NoPriority;
+var pendingPassiveEffectsExpirationTime = NoWork;
+
+var rootsWithPendingDiscreteUpdates = null;
+
+// Use these to prevent an infinite loop of nested updates
+var NESTED_UPDATE_LIMIT = 50;
+var nestedUpdateCount = 0;
+var rootWithNestedUpdates = null;
+
+var NESTED_PASSIVE_UPDATE_LIMIT = 50;
+var nestedPassiveUpdateCount = 0;
+
+var interruptedBy = null;
+
+// Marks the need to reschedule pending interactions at these expiration times
+// during the commit phase. This enables them to be traced across components
+// that spawn new work during render. E.g. hidden boundaries, suspended SSR
+// hydration or SuspenseList.
+var spawnedWorkDuringRender = null;
+
+// Expiration times are computed by adding to the current time (the start
+// time). However, if two updates are scheduled within the same event, we
+// should treat their start times as simultaneous, even if the actual clock
+// time has advanced between the first and second call.
+
+// In other words, because expiration times determine how updates are batched,
+// we want all updates of like priority that occur within the same event to
+// receive the same expiration time. Otherwise we get tearing.
+var currentEventTime = NoWork;
+
+function requestCurrentTime() {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+    // We're inside React, so it's fine to read the actual time.
+    return msToExpirationTime(now());
+  }
+  // We're not inside React, so we may be in the middle of a browser event.
+  if (currentEventTime !== NoWork) {
+    // 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 = msToExpirationTime(now());
+  return currentEventTime;
+}
+
+function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
+  var mode = fiber.mode;
+  if ((mode & BatchedMode) === NoMode) {
+    return Sync;
+  }
+
+  var priorityLevel = getCurrentPriorityLevel();
+  if ((mode & ConcurrentMode) === NoMode) {
+    return priorityLevel === ImmediatePriority ? Sync : Batched;
+  }
+
+  if ((executionContext & RenderContext) !== NoContext) {
+    // Use whatever time we're already rendering
+    return renderExpirationTime;
+  }
+
+  var expirationTime = void 0;
+  if (suspenseConfig !== null) {
+    // Compute an expiration time based on the Suspense timeout.
+    expirationTime = computeSuspenseExpiration(
+      currentTime,
+      suspenseConfig.timeoutMs | 0 || LOW_PRIORITY_EXPIRATION
+    );
+  } else {
+    // Compute an expiration time based on the Scheduler priority.
+    switch (priorityLevel) {
+      case ImmediatePriority:
+        expirationTime = Sync;
+        break;
+      case UserBlockingPriority:
+        // TODO: Rename this to computeUserBlockingExpiration
+        expirationTime = computeInteractiveExpiration(currentTime);
+        break;
+      case NormalPriority:
+      case LowPriority:
+        // TODO: Handle LowPriority
+        // TODO: Rename this to... something better.
+        expirationTime = computeAsyncExpiration(currentTime);
+        break;
+      case IdlePriority:
+        expirationTime = Never;
+        break;
+      default:
+        (function() {
+          {
+            throw ReactError(Error("Expected a valid priority level"));
+          }
+        })();
+    }
+  }
+
+  // If we're in the middle of rendering a tree, do not update at the same
+  // expiration time that is already rendering.
+  // TODO: We shouldn't have to do this if the update is on a different root.
+  // Refactor computeExpirationForFiber + scheduleUpdate so we have access to
+  // the root when we check for this condition.
+  if (workInProgressRoot !== null && expirationTime === renderExpirationTime) {
+    // This is a trick to move this update into a separate batch
+    expirationTime -= 1;
+  }
+
+  return expirationTime;
+}
+
+function scheduleUpdateOnFiber(fiber, expirationTime) {
+  checkForNestedUpdates();
+  warnAboutInvalidUpdatesOnClassComponentsInDEV(fiber);
+
+  var root = markUpdateTimeFromFiberToRoot(fiber, expirationTime);
+  if (root === null) {
+    warnAboutUpdateOnUnmountedFiberInDEV(fiber);
+    return;
+  }
+
+  root.pingTime = NoWork;
+
+  checkForInterruption(fiber, expirationTime);
+  recordScheduleUpdate();
+
+  // TODO: computeExpirationForFiber also reads the priority. Pass the
+  // priority as an argument to that function and this one.
+  var priorityLevel = getCurrentPriorityLevel();
+
+  if (expirationTime === Sync) {
+    if (
+      // Check if we're inside unbatchedUpdates
+      (executionContext & LegacyUnbatchedContext) !== NoContext &&
+      // Check if we're not already rendering
+      (executionContext & (RenderContext | CommitContext)) === NoContext
+    ) {
+      // Register pending interactions on the root to avoid losing traced interaction data.
+      schedulePendingInteractions(root, expirationTime);
+
+      // This is a legacy edge case. The initial mount of a ReactDOM.render-ed
+      // root inside of batchedUpdates should be synchronous, but layout updates
+      // should be deferred until the end of the batch.
+      var callback = renderRoot(root, Sync, true);
+      while (callback !== null) {
+        callback = callback(true);
+      }
+    } else {
+      scheduleCallbackForRoot(root, ImmediatePriority, Sync);
+      if (executionContext === NoContext) {
+        // Flush the synchronous work now, wnless 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 sync mode.
+        flushSyncCallbackQueue();
+      }
+    }
+  } else {
+    scheduleCallbackForRoot(root, priorityLevel, expirationTime);
+  }
+
+  if (
+    (executionContext & DiscreteEventContext) !== NoContext &&
+    // Only updates at user-blocking priority or greater are considered
+    // discrete, even inside a discrete event.
+    (priorityLevel === UserBlockingPriority ||
+      priorityLevel === ImmediatePriority)
+  ) {
+    // This is the result of a discrete event. Track the lowest priority
+    // discrete update per root so we can flush them early, if needed.
+    if (rootsWithPendingDiscreteUpdates === null) {
+      rootsWithPendingDiscreteUpdates = new Map([[root, expirationTime]]);
+    } else {
+      var lastDiscreteTime = rootsWithPendingDiscreteUpdates.get(root);
+      if (lastDiscreteTime === undefined || lastDiscreteTime > expirationTime) {
+        rootsWithPendingDiscreteUpdates.set(root, expirationTime);
+      }
+    }
+  }
+}
+var scheduleWork = scheduleUpdateOnFiber;
+
+// This is split into a separate function so we can mark a fiber with pending
+// work without treating it as a typical update that originates from an event;
+// e.g. retrying a Suspense boundary isn't an update, but it does schedule work
+// on a fiber.
+function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
+  // Update the source fiber's expiration time
+  if (fiber.expirationTime < expirationTime) {
+    fiber.expirationTime = expirationTime;
+  }
+  var alternate = fiber.alternate;
+  if (alternate !== null && alternate.expirationTime < expirationTime) {
+    alternate.expirationTime = expirationTime;
+  }
+  // Walk the parent path to the root and update the child expiration time.
+  var node = fiber.return;
+  var root = null;
+  if (node === null && fiber.tag === HostRoot) {
+    root = fiber.stateNode;
+  } else {
+    while (node !== null) {
+      alternate = node.alternate;
+      if (node.childExpirationTime < expirationTime) {
+        node.childExpirationTime = expirationTime;
+        if (
+          alternate !== null &&
+          alternate.childExpirationTime < expirationTime
+        ) {
+          alternate.childExpirationTime = expirationTime;
+        }
+      } else if (
+        alternate !== null &&
+        alternate.childExpirationTime < expirationTime
+      ) {
+        alternate.childExpirationTime = expirationTime;
+      }
+      if (node.return === null && node.tag === HostRoot) {
+        root = node.stateNode;
+        break;
+      }
+      node = node.return;
+    }
+  }
+
+  if (root !== null) {
+    // Update the first and last pending expiration times in this root
+    var firstPendingTime = root.firstPendingTime;
+    if (expirationTime > firstPendingTime) {
+      root.firstPendingTime = expirationTime;
+    }
+    var lastPendingTime = root.lastPendingTime;
+    if (lastPendingTime === NoWork || expirationTime < lastPendingTime) {
+      root.lastPendingTime = expirationTime;
+    }
+  }
+
+  return root;
+}
+
+// Use this function, along with runRootCallback, to ensure that only a single
+// callback per root is scheduled. It's still possible to call renderRoot
+// directly, but scheduling via this function helps avoid excessive callbacks.
+// It works by storing the callback node and expiration time on the root. When a
+// new callback comes in, it compares the expiration time to determine if it
+// should cancel the previous one. It also relies on commitRoot scheduling a
+// callback to render the next level, because that means we don't need a
+// separate callback per expiration time.
+function scheduleCallbackForRoot(root, priorityLevel, expirationTime) {
+  var existingCallbackExpirationTime = root.callbackExpirationTime;
+  if (existingCallbackExpirationTime < expirationTime) {
+    // New callback has higher priority than the existing one.
+    var existingCallbackNode = root.callbackNode;
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+    root.callbackExpirationTime = expirationTime;
+
+    if (expirationTime === Sync) {
+      // Sync React callbacks are scheduled on a special internal queue
+      root.callbackNode = scheduleSyncCallback(
+        runRootCallback.bind(
+          null,
+          root,
+          renderRoot.bind(null, root, expirationTime)
+        )
+      );
+    } else {
+      var options = null;
+      if (
+        !disableSchedulerTimeoutBasedOnReactExpirationTime &&
+        expirationTime !== Never
+      ) {
+        var timeout = expirationTimeToMs(expirationTime) - now();
+        options = { timeout: timeout };
+      }
+
+      root.callbackNode = scheduleCallback(
+        priorityLevel,
+        runRootCallback.bind(
+          null,
+          root,
+          renderRoot.bind(null, root, expirationTime)
+        ),
+        options
+      );
+      if (
+        enableUserTimingAPI &&
+        expirationTime !== Sync &&
+        (executionContext & (RenderContext | CommitContext)) === NoContext
+      ) {
+        // Scheduled an async callback, and we're not already working. Add an
+        // entry to the flamegraph that shows we're waiting for a callback
+        // to fire.
+        startRequestCallbackTimer();
+      }
+    }
+  }
+
+  // Associate the current interactions with this new root+priority.
+  schedulePendingInteractions(root, expirationTime);
+}
+
+function runRootCallback(root, callback, isSync) {
+  var prevCallbackNode = root.callbackNode;
+  var continuation = null;
+  try {
+    continuation = callback(isSync);
+    if (continuation !== null) {
+      return runRootCallback.bind(null, root, continuation);
+    } else {
+      return null;
+    }
+  } finally {
+    // If the callback exits without returning a continuation, remove the
+    // corresponding callback node from the root. Unless the callback node
+    // has changed, which implies that it was already cancelled by a high
+    // priority update.
+    if (continuation === null && prevCallbackNode === root.callbackNode) {
+      root.callbackNode = null;
+      root.callbackExpirationTime = NoWork;
+    }
+  }
+}
+
+function flushDiscreteUpdates() {
+  // TODO: Should be able to flush inside batchedUpdates, but not inside `act`.
+  // However, `act` uses `batchedUpdates`, so there's no way to distinguish
+  // those two cases. Need to fix this before exposing flushDiscreteUpdates
+  // as a public API.
+  if (
+    (executionContext & (BatchedContext | RenderContext | CommitContext)) !==
+    NoContext
+  ) {
+    if (true && (executionContext & RenderContext) !== NoContext) {
+      warning$1(
+        false,
+        "unstable_flushDiscreteUpdates: Cannot flush updates when React is " +
+          "already rendering."
+      );
+    }
+    // We're already rendering, so we can't synchronously flush pending work.
+    // This is probably a nested event dispatch triggered by a lifecycle/effect,
+    // like `el.focus()`. Exit.
+    return;
+  }
+  flushPendingDiscreteUpdates();
+  if (!revertPassiveEffectsChange) {
+    // If the discrete updates scheduled passive effects, flush them now so that
+    // they fire before the next serial event.
+    flushPassiveEffects();
+  }
+}
+
+function resolveLocksOnRoot(root, expirationTime) {
+  var firstBatch = root.firstBatch;
+  if (
+    firstBatch !== null &&
+    firstBatch._defer &&
+    firstBatch._expirationTime >= expirationTime
+  ) {
+    scheduleCallback(NormalPriority, function() {
+      firstBatch._onComplete();
+      return null;
+    });
+    return true;
+  } else {
+    return false;
+  }
+}
+
+function flushPendingDiscreteUpdates() {
+  if (rootsWithPendingDiscreteUpdates !== null) {
+    // For each root with pending discrete updates, schedule a callback to
+    // immediately flush them.
+    var roots = rootsWithPendingDiscreteUpdates;
+    rootsWithPendingDiscreteUpdates = null;
+    roots.forEach(function(expirationTime, root) {
+      scheduleSyncCallback(renderRoot.bind(null, root, expirationTime));
+    });
+    // Now flush the immediate queue.
+    flushSyncCallbackQueue();
+  }
+}
+
+function batchedUpdates$1(fn, a) {
+  var prevExecutionContext = executionContext;
+  executionContext |= BatchedContext;
+  try {
+    return fn(a);
+  } finally {
+    executionContext = prevExecutionContext;
+    if (executionContext === NoContext) {
+      // Flush the immediate callbacks that were scheduled during this batch
+      flushSyncCallbackQueue();
+    }
+  }
+}
+
+function batchedEventUpdates$1(fn, a) {
+  var prevExecutionContext = executionContext;
+  executionContext |= EventContext;
+  try {
+    return fn(a);
+  } finally {
+    executionContext = prevExecutionContext;
+    if (executionContext === NoContext) {
+      // Flush the immediate callbacks that were scheduled during this batch
+      flushSyncCallbackQueue();
+    }
+  }
+}
+
+function discreteUpdates$1(fn, a, b, c) {
+  var prevExecutionContext = executionContext;
+  executionContext |= DiscreteEventContext;
+  try {
+    // Should this
+    return runWithPriority(UserBlockingPriority, fn.bind(null, a, b, c));
+  } finally {
+    executionContext = prevExecutionContext;
+    if (executionContext === NoContext) {
+      // Flush the immediate callbacks that were scheduled during this batch
+      flushSyncCallbackQueue();
+    }
+  }
+}
+
+function flushSync(fn, a) {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+    (function() {
+      {
+        throw ReactError(
+          Error(
+            "flushSync was called from inside a lifecycle method. It cannot be called when React is already rendering."
+          )
+        );
+      }
+    })();
+  }
+  var prevExecutionContext = executionContext;
+  executionContext |= BatchedContext;
+  try {
+    return runWithPriority(ImmediatePriority, fn.bind(null, a));
+  } finally {
+    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.
+    flushSyncCallbackQueue();
+  }
+}
+
+function prepareFreshStack(root, expirationTime) {
+  root.finishedWork = null;
+  root.finishedExpirationTime = NoWork;
+
+  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) {
+      unwindInterruptedWork(interruptedWork);
+      interruptedWork = interruptedWork.return;
+    }
+  }
+  workInProgressRoot = root;
+  workInProgress = createWorkInProgress(root.current, null, expirationTime);
+  renderExpirationTime = expirationTime;
+  workInProgressRootExitStatus = RootIncomplete;
+  workInProgressRootLatestProcessedExpirationTime = Sync;
+  workInProgressRootLatestSuspenseTimeout = Sync;
+  workInProgressRootCanSuspendUsingConfig = null;
+  workInProgressRootHasPendingPing = false;
+
+  if (enableSchedulerTracing) {
+    spawnedWorkDuringRender = null;
+  }
+
+  {
+    ReactStrictModeWarnings.discardPendingWarnings();
+    componentsThatTriggeredHighPriSuspend = null;
+  }
+}
+
+function renderRoot(root, expirationTime, isSync) {
+  (function() {
+    if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+      throw ReactError(Error("Should not already be working."));
+    }
+  })();
+
+  if (enableUserTimingAPI && expirationTime !== Sync) {
+    var didExpire = isSync;
+    stopRequestCallbackTimer(didExpire);
+  }
+
+  if (root.firstPendingTime < expirationTime) {
+    // If there's no work left at this expiration time, exit immediately. This
+    // happens when multiple callbacks are scheduled for a single root, but an
+    // earlier callback flushes the work of a later one.
+    return null;
+  }
+
+  if (isSync && root.finishedExpirationTime === expirationTime) {
+    // There's already a pending commit at this expiration time.
+    // TODO: This is poorly factored. This case only exists for the
+    // batch.commit() API.
+    return commitRoot.bind(null, root);
+  }
+
+  flushPassiveEffects();
+
+  // If the root or expiration time have changed, throw out the existing stack
+  // and prepare a fresh one. Otherwise we'll continue where we left off.
+  if (root !== workInProgressRoot || expirationTime !== renderExpirationTime) {
+    prepareFreshStack(root, expirationTime);
+    startWorkOnPendingInteractions(root, expirationTime);
+  } else if (workInProgressRootExitStatus === RootSuspendedWithDelay) {
+    // We could've received an update at a lower priority while we yielded.
+    // We're suspended in a delayed state. Once we complete this render we're
+    // just going to try to recover at the last pending time anyway so we might
+    // as well start doing that eagerly.
+    // Ideally we should be able to do this even for retries but we don't yet
+    // know if we're going to process an update which wants to commit earlier,
+    // and this path happens very early so it would happen too often. Instead,
+    // for that case, we'll wait until we complete.
+    if (workInProgressRootHasPendingPing) {
+      // We have a ping at this expiration. Let's restart to see if we get unblocked.
+      prepareFreshStack(root, expirationTime);
+    } else {
+      var lastPendingTime = root.lastPendingTime;
+      if (lastPendingTime < expirationTime) {
+        // There's lower priority work. It might be unsuspended. Try rendering
+        // at that level immediately, while preserving the position in the queue.
+        return renderRoot.bind(null, root, lastPendingTime);
+      }
+    }
+  }
+
+  // If we have a work-in-progress fiber, it means there's still work to do
+  // in this root.
+  if (workInProgress !== null) {
+    var prevExecutionContext = executionContext;
+    executionContext |= RenderContext;
+    var prevDispatcher = ReactCurrentDispatcher.current;
+    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.
+      prevDispatcher = ContextOnlyDispatcher;
+    }
+    ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+    var prevInteractions = null;
+    if (enableSchedulerTracing) {
+      prevInteractions = tracing.__interactionsRef.current;
+      tracing.__interactionsRef.current = root.memoizedInteractions;
+    }
+
+    startWorkLoopTimer(workInProgress);
+
+    // TODO: Fork renderRoot into renderRootSync and renderRootAsync
+    if (isSync) {
+      if (expirationTime !== Sync) {
+        // An async update expired. There may be other expired updates on
+        // this root. We should render all the expired work in a
+        // single batch.
+        var currentTime = requestCurrentTime();
+        if (currentTime < expirationTime) {
+          // Restart at the current time.
+          executionContext = prevExecutionContext;
+          resetContextDependencies();
+          ReactCurrentDispatcher.current = prevDispatcher;
+          if (enableSchedulerTracing) {
+            tracing.__interactionsRef.current = prevInteractions;
+          }
+          return renderRoot.bind(null, root, currentTime);
+        }
+      }
+    } else {
+      // 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 = NoWork;
+    }
+
+    do {
+      try {
+        if (isSync) {
+          workLoopSync();
+        } else {
+          workLoop();
+        }
+        break;
+      } catch (thrownValue) {
+        // Reset module-level state that was set during the render phase.
+        resetContextDependencies();
+        resetHooks();
+
+        var sourceFiber = workInProgress;
+        if (sourceFiber === null || sourceFiber.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.
+          prepareFreshStack(root, expirationTime);
+          executionContext = prevExecutionContext;
+          throw thrownValue;
+        }
+
+        if (enableProfilerTimer && sourceFiber.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(sourceFiber, true);
+        }
+
+        var returnFiber = sourceFiber.return;
+        throwException(
+          root,
+          returnFiber,
+          sourceFiber,
+          thrownValue,
+          renderExpirationTime
+        );
+        workInProgress = completeUnitOfWork(sourceFiber);
+      }
+    } while (true);
+
+    executionContext = prevExecutionContext;
+    resetContextDependencies();
+    ReactCurrentDispatcher.current = prevDispatcher;
+    if (enableSchedulerTracing) {
+      tracing.__interactionsRef.current = prevInteractions;
+    }
+
+    if (workInProgress !== null) {
+      // There's still work left over. Return a continuation.
+      stopInterruptedWorkLoopTimer();
+      if (expirationTime !== Sync) {
+        startRequestCallbackTimer();
+      }
+      return renderRoot.bind(null, root, expirationTime);
+    }
+  }
+
+  // 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.
+  stopFinishedWorkLoopTimer();
+
+  root.finishedWork = root.current.alternate;
+  root.finishedExpirationTime = expirationTime;
+
+  var isLocked = resolveLocksOnRoot(root, expirationTime);
+  if (isLocked) {
+    // This root has a lock that prevents it from committing. Exit. If we begin
+    // work on the root again, without any intervening updates, it will finish
+    // without doing additional work.
+    return null;
+  }
+
+  // Set this to null to indicate there's no in-progress render.
+  workInProgressRoot = null;
+
+  switch (workInProgressRootExitStatus) {
+    case RootIncomplete: {
+      (function() {
+        {
+          throw ReactError(Error("Should have a work-in-progress."));
+        }
+      })();
+    }
+    // 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
+    case RootErrored: {
+      // An error was thrown. First check if there is lower priority work
+      // scheduled on this root.
+      var _lastPendingTime = root.lastPendingTime;
+      if (_lastPendingTime < expirationTime) {
+        // There's lower priority work. Before raising the error, try rendering
+        // at the lower priority to see if it fixes it. Use a continuation to
+        // maintain the existing priority and position in the queue.
+        return renderRoot.bind(null, root, _lastPendingTime);
+      }
+      if (!isSync) {
+        // If we're rendering asynchronously, it's possible the error was
+        // caused by tearing due to a mutation during an event. Try rendering
+        // one more time without yiedling to events.
+        prepareFreshStack(root, expirationTime);
+        scheduleSyncCallback(renderRoot.bind(null, root, expirationTime));
+        return null;
+      }
+      // If we're already rendering synchronously, commit the root in its
+      // errored state.
+      return commitRoot.bind(null, root);
+    }
+    case RootSuspended: {
+      flushSuspensePriorityWarningInDEV();
+
+      // We have an acceptable loading state. We need to figure out if we should
+      // immediately commit it or wait a bit.
+
+      // If we have processed new updates during this render, we may now have a
+      // new loading state ready. We want to ensure that we commit that as soon as
+      // possible.
+      var hasNotProcessedNewUpdates =
+        workInProgressRootLatestProcessedExpirationTime === Sync;
+      if (
+        hasNotProcessedNewUpdates &&
+        !isSync &&
+        // do not delay if we're inside an act() scope
+        !(true && flushSuspenseFallbacksInTests && IsThisRendererActing.current)
+      ) {
+        // If we have not processed any new updates during this pass, then this is
+        // either a retry of an existing fallback state or a hidden tree.
+        // Hidden trees shouldn't be batched with other work and after that's
+        // fixed it can only be a retry.
+        // We're going to 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.
+        if (msUntilTimeout > 10) {
+          if (workInProgressRootHasPendingPing) {
+            // This render was pinged but we didn't get to restart earlier so try
+            // restarting now instead.
+            prepareFreshStack(root, expirationTime);
+            return renderRoot.bind(null, root, expirationTime);
+          }
+          var _lastPendingTime2 = root.lastPendingTime;
+          if (_lastPendingTime2 < expirationTime) {
+            // There's lower priority work. It might be unsuspended. Try rendering
+            // at that level.
+            return renderRoot.bind(null, root, _lastPendingTime2);
+          }
+          // 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.
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            msUntilTimeout
+          );
+          return null;
+        }
+      }
+      // The work expired. Commit immediately.
+      return commitRoot.bind(null, root);
+    }
+    case RootSuspendedWithDelay: {
+      flushSuspensePriorityWarningInDEV();
+
+      if (
+        !isSync &&
+        // do not delay if we're inside an act() scope
+        !(true && flushSuspenseFallbacksInTests && IsThisRendererActing.current)
+      ) {
+        // We're suspended in a state that should be avoided. We'll try to avoid committing
+        // it for as long as the timeouts let us.
+        if (workInProgressRootHasPendingPing) {
+          // This render was pinged but we didn't get to restart earlier so try
+          // restarting now instead.
+          prepareFreshStack(root, expirationTime);
+          return renderRoot.bind(null, root, expirationTime);
+        }
+        var _lastPendingTime3 = root.lastPendingTime;
+        if (_lastPendingTime3 < expirationTime) {
+          // There's lower priority work. It might be unsuspended. Try rendering
+          // at that level immediately.
+          return renderRoot.bind(null, root, _lastPendingTime3);
+        }
+
+        var _msUntilTimeout = void 0;
+        if (workInProgressRootLatestSuspenseTimeout !== Sync) {
+          // We have processed a suspense config whose expiration time we can use as
+          // the timeout.
+          _msUntilTimeout =
+            expirationTimeToMs(workInProgressRootLatestSuspenseTimeout) - now();
+        } else if (workInProgressRootLatestProcessedExpirationTime === Sync) {
+          // This should never normally happen because only new updates cause
+          // delayed states, so we should have processed something. However,
+          // this could also happen in an offscreen tree.
+          _msUntilTimeout = 0;
+        } else {
+          // If we don't have a suspense config, we're going to use a heuristic to
+          var eventTimeMs = inferTimeFromExpirationTime(
+            workInProgressRootLatestProcessedExpirationTime
+          );
+          var currentTimeMs = now();
+          var timeUntilExpirationMs =
+            expirationTimeToMs(expirationTime) - currentTimeMs;
+          var timeElapsed = currentTimeMs - eventTimeMs;
+          if (timeElapsed < 0) {
+            // We get this wrong some time since we estimate the time.
+            timeElapsed = 0;
+          }
+
+          _msUntilTimeout = jnd(timeElapsed) - timeElapsed;
+
+          // Clamp the timeout to the expiration time.
+          // TODO: Once the event time is exact instead of inferred from expiration time
+          // we don't need this.
+          if (timeUntilExpirationMs < _msUntilTimeout) {
+            _msUntilTimeout = timeUntilExpirationMs;
+          }
+        }
+
+        // Don't bother with a very short suspense time.
+        if (_msUntilTimeout > 10) {
+          // 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.
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            _msUntilTimeout
+          );
+          return null;
+        }
+      }
+      // The work expired. Commit immediately.
+      return commitRoot.bind(null, root);
+    }
+    case RootCompleted: {
+      // The work completed. Ready to commit.
+      if (
+        !isSync &&
+        // do not delay if we're inside an act() scope
+        !(
+          true &&
+          flushSuspenseFallbacksInTests &&
+          IsThisRendererActing.current
+        ) &&
+        workInProgressRootLatestProcessedExpirationTime !== Sync &&
+        workInProgressRootCanSuspendUsingConfig !== null
+      ) {
+        // If we have exceeded the minimum loading delay, which probably
+        // means we have shown a spinner already, we might have to suspend
+        // a bit longer to ensure that the spinner is shown for enough time.
+        var _msUntilTimeout2 = computeMsUntilSuspenseLoadingDelay(
+          workInProgressRootLatestProcessedExpirationTime,
+          expirationTime,
+          workInProgressRootCanSuspendUsingConfig
+        );
+        if (_msUntilTimeout2 > 10) {
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            _msUntilTimeout2
+          );
+          return null;
+        }
+      }
+      return commitRoot.bind(null, root);
+    }
+    default: {
+      (function() {
+        {
+          throw ReactError(Error("Unknown root exit status."));
+        }
+      })();
+    }
+  }
+}
+
+function markCommitTimeOfFallback() {
+  globalMostRecentFallbackTime = now();
+}
+
+function markRenderEventTimeAndConfig(expirationTime, suspenseConfig) {
+  if (
+    expirationTime < workInProgressRootLatestProcessedExpirationTime &&
+    expirationTime > Never
+  ) {
+    workInProgressRootLatestProcessedExpirationTime = expirationTime;
+  }
+  if (suspenseConfig !== null) {
+    if (
+      expirationTime < workInProgressRootLatestSuspenseTimeout &&
+      expirationTime > Never
+    ) {
+      workInProgressRootLatestSuspenseTimeout = expirationTime;
+      // Most of the time we only have one config and getting wrong is not bad.
+      workInProgressRootCanSuspendUsingConfig = suspenseConfig;
+    }
+  }
+}
+
+function renderDidSuspend() {
+  if (workInProgressRootExitStatus === RootIncomplete) {
+    workInProgressRootExitStatus = RootSuspended;
+  }
+}
+
+function renderDidSuspendDelayIfPossible() {
+  if (
+    workInProgressRootExitStatus === RootIncomplete ||
+    workInProgressRootExitStatus === RootSuspended
+  ) {
+    workInProgressRootExitStatus = RootSuspendedWithDelay;
+  }
+}
+
+function renderDidError() {
+  if (workInProgressRootExitStatus !== RootCompleted) {
+    workInProgressRootExitStatus = RootErrored;
+  }
+}
+
+// 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 === RootIncomplete;
+}
+
+function inferTimeFromExpirationTime(expirationTime) {
+  // We don't know exactly when the update was scheduled, but we can infer an
+  // approximate start time from the expiration time.
+  var earliestExpirationTimeMs = expirationTimeToMs(expirationTime);
+  return earliestExpirationTimeMs - LOW_PRIORITY_EXPIRATION;
+}
+
+function inferTimeFromExpirationTimeWithSuspenseConfig(
+  expirationTime,
+  suspenseConfig
+) {
+  // We don't know exactly when the update was scheduled, but we can infer an
+  // approximate start time from the expiration time by subtracting the timeout
+  // that was added to the event time.
+  var earliestExpirationTimeMs = expirationTimeToMs(expirationTime);
+  return (
+    earliestExpirationTimeMs -
+    (suspenseConfig.timeoutMs | 0 || LOW_PRIORITY_EXPIRATION)
+  );
+}
+
+function workLoopSync() {
+  // Already timed out, so perform work without checking if we need to yield.
+  while (workInProgress !== null) {
+    workInProgress = performUnitOfWork(workInProgress);
+  }
+}
+
+function workLoop() {
+  // Perform work until Scheduler asks us to yield
+  while (workInProgress !== null && !shouldYield()) {
+    workInProgress = performUnitOfWork(workInProgress);
+  }
+}
+
+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$$1 = unitOfWork.alternate;
+
+  startWorkTimer(unitOfWork);
+  setCurrentFiber(unitOfWork);
+
+  var next = void 0;
+  if (enableProfilerTimer && (unitOfWork.mode & ProfileMode) !== NoMode) {
+    startProfilerTimer(unitOfWork);
+    next = beginWork$$1(current$$1, unitOfWork, renderExpirationTime);
+    stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, true);
+  } else {
+    next = beginWork$$1(current$$1, unitOfWork, renderExpirationTime);
+  }
+
+  resetCurrentFiber();
+  unitOfWork.memoizedProps = unitOfWork.pendingProps;
+  if (next === null) {
+    // If this doesn't spawn new work, complete the current work.
+    next = completeUnitOfWork(unitOfWork);
+  }
+
+  ReactCurrentOwner$2.current = null;
+  return next;
+}
+
+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.
+  workInProgress = unitOfWork;
+  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$$1 = workInProgress.alternate;
+    var returnFiber = workInProgress.return;
+
+    // Check if the work completed or if something threw.
+    if ((workInProgress.effectTag & Incomplete) === NoEffect) {
+      setCurrentFiber(workInProgress);
+      var next = void 0;
+      if (
+        !enableProfilerTimer ||
+        (workInProgress.mode & ProfileMode) === NoMode
+      ) {
+        next = completeWork(current$$1, workInProgress, renderExpirationTime);
+      } else {
+        startProfilerTimer(workInProgress);
+        next = completeWork(current$$1, workInProgress, renderExpirationTime);
+        // Update render duration assuming we didn't error.
+        stopProfilerTimerIfRunningAndRecordDelta(workInProgress, false);
+      }
+      stopWorkTimer(workInProgress);
+      resetCurrentFiber();
+      resetChildExpirationTime(workInProgress);
+
+      if (next !== null) {
+        // Completing this fiber spawned new work. Work on that next.
+        return next;
+      }
+
+      if (
+        returnFiber !== null &&
+        // Do not append effects to parents if a sibling failed to complete
+        (returnFiber.effectTag & Incomplete) === NoEffect
+      ) {
+        // Append all the effects of the subtree and this fiber onto the effect
+        // list of the parent. The completion order of the children affects the
+        // side-effect order.
+        if (returnFiber.firstEffect === null) {
+          returnFiber.firstEffect = workInProgress.firstEffect;
+        }
+        if (workInProgress.lastEffect !== null) {
+          if (returnFiber.lastEffect !== null) {
+            returnFiber.lastEffect.nextEffect = workInProgress.firstEffect;
+          }
+          returnFiber.lastEffect = workInProgress.lastEffect;
+        }
+
+        // If this fiber had side-effects, we append it AFTER the children's
+        // side-effects. We can perform certain side-effects earlier if needed,
+        // by doing multiple passes over the effect list. We don't want to
+        // schedule our own side-effect on our own list because if end up
+        // reusing children we'll schedule this effect onto itself since we're
+        // at the end.
+        var effectTag = workInProgress.effectTag;
+
+        // Skip both NoWork and PerformedWork tags when creating the effect
+        // list. PerformedWork effect is read by React DevTools but shouldn't be
+        // committed.
+        if (effectTag > PerformedWork) {
+          if (returnFiber.lastEffect !== null) {
+            returnFiber.lastEffect.nextEffect = workInProgress;
+          } else {
+            returnFiber.firstEffect = workInProgress;
+          }
+          returnFiber.lastEffect = workInProgress;
+        }
+      }
+    } 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(workInProgress, renderExpirationTime);
+
+      // Because this fiber did not complete, don't reset its expiration time.
+
+      if (
+        enableProfilerTimer &&
+        (workInProgress.mode & ProfileMode) !== NoMode
+      ) {
+        // Record the render duration for the fiber that errored.
+        stopProfilerTimerIfRunningAndRecordDelta(workInProgress, false);
+
+        // Include the time spent working on failed children before continuing.
+        var actualDuration = workInProgress.actualDuration;
+        var child = workInProgress.child;
+        while (child !== null) {
+          actualDuration += child.actualDuration;
+          child = child.sibling;
+        }
+        workInProgress.actualDuration = actualDuration;
+      }
+
+      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.
+        // TODO: The name stopFailedWorkTimer is misleading because Suspense
+        // also captures and restarts.
+        stopFailedWorkTimer(workInProgress);
+        _next.effectTag &= HostEffectMask;
+        return _next;
+      }
+      stopWorkTimer(workInProgress);
+
+      if (returnFiber !== null) {
+        // Mark the parent fiber as incomplete and clear its effect list.
+        returnFiber.firstEffect = returnFiber.lastEffect = null;
+        returnFiber.effectTag |= Incomplete;
+      }
+    }
+
+    var siblingFiber = workInProgress.sibling;
+    if (siblingFiber !== null) {
+      // If there is more work to do in this returnFiber, do that next.
+      return siblingFiber;
+    }
+    // Otherwise, return to the parent
+    workInProgress = returnFiber;
+  } while (workInProgress !== null);
+
+  // We've reached the root.
+  if (workInProgressRootExitStatus === RootIncomplete) {
+    workInProgressRootExitStatus = RootCompleted;
+  }
+  return null;
+}
+
+function resetChildExpirationTime(completedWork) {
+  if (
+    renderExpirationTime !== Never &&
+    completedWork.childExpirationTime === Never
+  ) {
+    // The children of this component are hidden. Don't bubble their
+    // expiration times.
+    return;
+  }
+
+  var newChildExpirationTime = NoWork;
+
+  // Bubble up the earliest expiration time.
+  if (enableProfilerTimer && (completedWork.mode & ProfileMode) !== NoMode) {
+    // In profiling mode, resetChildExpirationTime is also used to reset
+    // profiler durations.
+    var actualDuration = completedWork.actualDuration;
+    var treeBaseDuration = completedWork.selfBaseDuration;
+
+    // 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.
+    var shouldBubbleActualDurations =
+      completedWork.alternate === null ||
+      completedWork.child !== completedWork.alternate.child;
+
+    var child = completedWork.child;
+    while (child !== null) {
+      var childUpdateExpirationTime = child.expirationTime;
+      var childChildExpirationTime = child.childExpirationTime;
+      if (childUpdateExpirationTime > newChildExpirationTime) {
+        newChildExpirationTime = childUpdateExpirationTime;
+      }
+      if (childChildExpirationTime > newChildExpirationTime) {
+        newChildExpirationTime = childChildExpirationTime;
+      }
+      if (shouldBubbleActualDurations) {
+        actualDuration += child.actualDuration;
+      }
+      treeBaseDuration += child.treeBaseDuration;
+      child = child.sibling;
+    }
+    completedWork.actualDuration = actualDuration;
+    completedWork.treeBaseDuration = treeBaseDuration;
+  } else {
+    var _child = completedWork.child;
+    while (_child !== null) {
+      var _childUpdateExpirationTime = _child.expirationTime;
+      var _childChildExpirationTime = _child.childExpirationTime;
+      if (_childUpdateExpirationTime > newChildExpirationTime) {
+        newChildExpirationTime = _childUpdateExpirationTime;
+      }
+      if (_childChildExpirationTime > newChildExpirationTime) {
+        newChildExpirationTime = _childChildExpirationTime;
+      }
+      _child = _child.sibling;
+    }
+  }
+
+  completedWork.childExpirationTime = newChildExpirationTime;
+}
+
+function commitRoot(root) {
+  var renderPriorityLevel = getCurrentPriorityLevel();
+  runWithPriority(
+    ImmediatePriority,
+    commitRootImpl.bind(null, root, renderPriorityLevel)
+  );
+  // If there are passive effects, schedule a callback to flush them. This goes
+  // outside commitRootImpl so that it inherits the priority of the render.
+  if (rootWithPendingPassiveEffects !== null) {
+    scheduleCallback(NormalPriority, function() {
+      flushPassiveEffects();
+      return null;
+    });
+  }
+  return null;
+}
+
+function commitRootImpl(root, renderPriorityLevel) {
+  flushPassiveEffects();
+  flushRenderPhaseStrictModeWarningsInDEV();
+
+  (function() {
+    if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+      throw ReactError(Error("Should not already be working."));
+    }
+  })();
+
+  var finishedWork = root.finishedWork;
+  var expirationTime = root.finishedExpirationTime;
+  if (finishedWork === null) {
+    return null;
+  }
+  root.finishedWork = null;
+  root.finishedExpirationTime = NoWork;
+
+  (function() {
+    if (!(finishedWork !== root.current)) {
+      throw ReactError(
+        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.callbackExpirationTime = NoWork;
+
+  startCommitTimer();
+
+  // Update the first and last pending times on this root. The new first
+  // pending time is whatever is left on the root fiber.
+  var updateExpirationTimeBeforeCommit = finishedWork.expirationTime;
+  var childExpirationTimeBeforeCommit = finishedWork.childExpirationTime;
+  var firstPendingTimeBeforeCommit =
+    childExpirationTimeBeforeCommit > updateExpirationTimeBeforeCommit
+      ? childExpirationTimeBeforeCommit
+      : updateExpirationTimeBeforeCommit;
+  root.firstPendingTime = firstPendingTimeBeforeCommit;
+  if (firstPendingTimeBeforeCommit < root.lastPendingTime) {
+    // This usually means we've finished all the work, but it can also happen
+    // when something gets downprioritized during render, like a hidden tree.
+    root.lastPendingTime = firstPendingTimeBeforeCommit;
+  }
+
+  if (root === workInProgressRoot) {
+    // We can reset these now that they are finished.
+    workInProgressRoot = null;
+    workInProgress = null;
+    renderExpirationTime = NoWork;
+  } else {
+  }
+  // This indicates that the last root we worked on is not the same one that
+  // we're committing now. This most commonly happens when a suspended root
+  // times out.
+
+  // Get the list of effects.
+  var firstEffect = void 0;
+  if (finishedWork.effectTag > PerformedWork) {
+    // A fiber's effect list consists only of its children, not itself. So if
+    // the root has an effect, we need to add it to the end of the list. The
+    // resulting list is the set that would belong to the root's parent, if it
+    // had one; that is, all the effects in the tree including the root.
+    if (finishedWork.lastEffect !== null) {
+      finishedWork.lastEffect.nextEffect = finishedWork;
+      firstEffect = finishedWork.firstEffect;
+    } else {
+      firstEffect = finishedWork;
+    }
+  } else {
+    // There is no effect on the root.
+    firstEffect = finishedWork.firstEffect;
+  }
+
+  if (firstEffect !== null) {
+    var prevExecutionContext = executionContext;
+    executionContext |= CommitContext;
+    var prevInteractions = null;
+    if (enableSchedulerTracing) {
+      prevInteractions = tracing.__interactionsRef.current;
+      tracing.__interactionsRef.current = root.memoizedInteractions;
+    }
+
+    // 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.
+    startCommitSnapshotEffectsTimer();
+    prepareForCommit(root.containerInfo);
+    nextEffect = firstEffect;
+    do {
+      {
+        invokeGuardedCallback(null, commitBeforeMutationEffects, null);
+        if (hasCaughtError()) {
+          (function() {
+            if (!(nextEffect !== null)) {
+              throw ReactError(Error("Should be working on an effect."));
+            }
+          })();
+          var error = clearCaughtError();
+          captureCommitPhaseError(nextEffect, error);
+          nextEffect = nextEffect.nextEffect;
+        }
+      }
+    } while (nextEffect !== null);
+    stopCommitSnapshotEffectsTimer();
+
+    if (enableProfilerTimer) {
+      // Mark the current commit time to be shared by all Profilers in this
+      // batch. This enables them to be grouped later.
+      recordCommitTime();
+    }
+
+    // The next phase is the mutation phase, where we mutate the host tree.
+    startCommitHostEffectsTimer();
+    nextEffect = firstEffect;
+    do {
+      {
+        invokeGuardedCallback(
+          null,
+          commitMutationEffects,
+          null,
+          renderPriorityLevel
+        );
+        if (hasCaughtError()) {
+          (function() {
+            if (!(nextEffect !== null)) {
+              throw ReactError(Error("Should be working on an effect."));
+            }
+          })();
+          var _error = clearCaughtError();
+          captureCommitPhaseError(nextEffect, _error);
+          nextEffect = nextEffect.nextEffect;
+        }
+      }
+    } while (nextEffect !== null);
+    stopCommitHostEffectsTimer();
+    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.
+    root.current = finishedWork;
+
+    // The next phase is the layout phase, where we call effects that read
+    // the host tree after it's been mutated. The idiomatic use case for this is
+    // layout, but class component lifecycles also fire here for legacy reasons.
+    startCommitLifeCyclesTimer();
+    nextEffect = firstEffect;
+    do {
+      {
+        invokeGuardedCallback(
+          null,
+          commitLayoutEffects,
+          null,
+          root,
+          expirationTime
+        );
+        if (hasCaughtError()) {
+          (function() {
+            if (!(nextEffect !== null)) {
+              throw ReactError(Error("Should be working on an effect."));
+            }
+          })();
+          var _error2 = clearCaughtError();
+          captureCommitPhaseError(nextEffect, _error2);
+          nextEffect = nextEffect.nextEffect;
+        }
+      }
+    } while (nextEffect !== null);
+    stopCommitLifeCyclesTimer();
+
+    nextEffect = null;
+
+    // Tell Scheduler to yield at the end of the frame, so the browser has an
+    // opportunity to paint.
+    requestPaint();
+
+    if (enableSchedulerTracing) {
+      tracing.__interactionsRef.current = prevInteractions;
+    }
+    executionContext = prevExecutionContext;
+  } 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.
+    startCommitSnapshotEffectsTimer();
+    stopCommitSnapshotEffectsTimer();
+    if (enableProfilerTimer) {
+      recordCommitTime();
+    }
+    startCommitHostEffectsTimer();
+    stopCommitHostEffectsTimer();
+    startCommitLifeCyclesTimer();
+    stopCommitLifeCyclesTimer();
+  }
+
+  stopCommitTimer();
+
+  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;
+    pendingPassiveEffectsExpirationTime = expirationTime;
+    pendingPassiveEffectsRenderPriority = renderPriorityLevel;
+  } else {
+    // We are done with the effect chain at this point so let's clear the
+    // nextEffect pointers to assist with GC. If we have passive effects, we'll
+    // clear this in flushPassiveEffects.
+    nextEffect = firstEffect;
+    while (nextEffect !== null) {
+      var nextNextEffect = nextEffect.nextEffect;
+      nextEffect.nextEffect = null;
+      nextEffect = nextNextEffect;
+    }
+  }
+
+  // Check if there's remaining work on this root
+  var remainingExpirationTime = root.firstPendingTime;
+  if (remainingExpirationTime !== NoWork) {
+    var currentTime = requestCurrentTime();
+    var priorityLevel = inferPriorityFromExpirationTime(
+      currentTime,
+      remainingExpirationTime
+    );
+
+    if (enableSchedulerTracing) {
+      if (spawnedWorkDuringRender !== null) {
+        var expirationTimes = spawnedWorkDuringRender;
+        spawnedWorkDuringRender = null;
+        for (var i = 0; i < expirationTimes.length; i++) {
+          scheduleInteractions(
+            root,
+            expirationTimes[i],
+            root.memoizedInteractions
+          );
+        }
+      }
+    }
+
+    scheduleCallbackForRoot(root, priorityLevel, remainingExpirationTime);
+  } else {
+    // If there's no remaining work, we can clear the set of already failed
+    // error boundaries.
+    legacyErrorBoundariesThatAlreadyFailed = null;
+  }
+
+  if (enableSchedulerTracing) {
+    if (!rootDidHavePassiveEffects) {
+      // If there are no passive effects, then we can complete the pending interactions.
+      // Otherwise, we'll wait until after the passive effects are flushed.
+      // Wait to do this until after remaining work has been scheduled,
+      // so that we don't prematurely signal complete for interactions when there's e.g. hidden work.
+      finishPendingInteractions(root, expirationTime);
+    }
+  }
+
+  onCommitRoot(finishedWork.stateNode, expirationTime);
+
+  if (remainingExpirationTime === Sync) {
+    // 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 {
+    nestedUpdateCount = 0;
+  }
+
+  if (hasUncaughtError) {
+    hasUncaughtError = false;
+    var _error3 = firstUncaughtError;
+    firstUncaughtError = null;
+    throw _error3;
+  }
+
+  if ((executionContext & LegacyUnbatchedContext) !== NoContext) {
+    // This is a legacy edge case. We just committed the initial mount of
+    // a ReactDOM.render-ed root inside of batchedUpdates. The commit fired
+    // synchronously, but layout updates should be deferred until the end
+    // of the batch.
+    return null;
+  }
+
+  // If layout work was scheduled, flush it now.
+  flushSyncCallbackQueue();
+  return null;
+}
+
+function commitBeforeMutationEffects() {
+  while (nextEffect !== null) {
+    if ((nextEffect.effectTag & Snapshot) !== NoEffect) {
+      setCurrentFiber(nextEffect);
+      recordEffect();
+
+      var current$$1 = nextEffect.alternate;
+      commitBeforeMutationLifeCycles(current$$1, nextEffect);
+
+      resetCurrentFiber();
+    }
+    nextEffect = nextEffect.nextEffect;
+  }
+}
+
+function commitMutationEffects(renderPriorityLevel) {
+  // TODO: Should probably move the bulk of this function to commitWork.
+  while (nextEffect !== null) {
+    setCurrentFiber(nextEffect);
+
+    var effectTag = nextEffect.effectTag;
+
+    if (effectTag & ContentReset) {
+      commitResetTextContent(nextEffect);
+    }
+
+    if (effectTag & Ref) {
+      var current$$1 = nextEffect.alternate;
+      if (current$$1 !== null) {
+        commitDetachRef(current$$1);
+      }
+    }
+
+    // The following switch statement is only concerned about placement,
+    // updates, and deletions. To avoid needing to add a case for every possible
+    // bitmap value, we remove the secondary effects from the effect tag and
+    // switch on that value.
+    var primaryEffectTag = effectTag & (Placement | Update | Deletion);
+    switch (primaryEffectTag) {
+      case Placement: {
+        commitPlacement(nextEffect);
+        // 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.
+        nextEffect.effectTag &= ~Placement;
+        break;
+      }
+      case PlacementAndUpdate: {
+        // Placement
+        commitPlacement(nextEffect);
+        // Clear the "placement" from effect tag so that we know that this is
+        // inserted, before any life-cycles like componentDidMount gets called.
+        nextEffect.effectTag &= ~Placement;
+
+        // Update
+        var _current = nextEffect.alternate;
+        commitWork(_current, nextEffect);
+        break;
+      }
+      case Update: {
+        var _current2 = nextEffect.alternate;
+        commitWork(_current2, nextEffect);
+        break;
+      }
+      case Deletion: {
+        commitDeletion(nextEffect, renderPriorityLevel);
+        break;
+      }
+    }
+
+    // TODO: Only record a mutation effect if primaryEffectTag is non-zero.
+    recordEffect();
+
+    resetCurrentFiber();
+    nextEffect = nextEffect.nextEffect;
+  }
+}
+
+function commitLayoutEffects(root, committedExpirationTime) {
+  // TODO: Should probably move the bulk of this function to commitWork.
+  while (nextEffect !== null) {
+    setCurrentFiber(nextEffect);
+
+    var effectTag = nextEffect.effectTag;
+
+    if (effectTag & (Update | Callback)) {
+      recordEffect();
+      var current$$1 = nextEffect.alternate;
+      commitLifeCycles(root, current$$1, nextEffect, committedExpirationTime);
+    }
+
+    if (effectTag & Ref) {
+      recordEffect();
+      commitAttachRef(nextEffect);
+    }
+
+    if (effectTag & Passive) {
+      rootDoesHavePassiveEffects = true;
+    }
+
+    resetCurrentFiber();
+    nextEffect = nextEffect.nextEffect;
+  }
+}
+
+function flushPassiveEffects() {
+  if (rootWithPendingPassiveEffects === null) {
+    return false;
+  }
+  var root = rootWithPendingPassiveEffects;
+  var expirationTime = pendingPassiveEffectsExpirationTime;
+  var renderPriorityLevel = pendingPassiveEffectsRenderPriority;
+  rootWithPendingPassiveEffects = null;
+  pendingPassiveEffectsExpirationTime = NoWork;
+  pendingPassiveEffectsRenderPriority = NoPriority;
+  var priorityLevel =
+    renderPriorityLevel > NormalPriority ? NormalPriority : renderPriorityLevel;
+  return runWithPriority(
+    priorityLevel,
+    flushPassiveEffectsImpl.bind(null, root, expirationTime)
+  );
+}
+
+function flushPassiveEffectsImpl(root, expirationTime) {
+  var prevInteractions = null;
+  if (enableSchedulerTracing) {
+    prevInteractions = tracing.__interactionsRef.current;
+    tracing.__interactionsRef.current = root.memoizedInteractions;
+  }
+
+  (function() {
+    if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+      throw ReactError(
+        Error("Cannot flush passive effects while already rendering.")
+      );
+    }
+  })();
+  var prevExecutionContext = executionContext;
+  executionContext |= CommitContext;
+
+  // Note: This currently assumes there are no passive effects on the root
+  // fiber, because the root is not part of its own effect list. This could
+  // change in the future.
+  var effect = root.current.firstEffect;
+  while (effect !== null) {
+    {
+      setCurrentFiber(effect);
+      invokeGuardedCallback(null, commitPassiveHookEffects, null, effect);
+      if (hasCaughtError()) {
+        (function() {
+          if (!(effect !== null)) {
+            throw ReactError(Error("Should be working on an effect."));
+          }
+        })();
+        var error = clearCaughtError();
+        captureCommitPhaseError(effect, error);
+      }
+      resetCurrentFiber();
+    }
+    var nextNextEffect = effect.nextEffect;
+    // Remove nextEffect pointer to assist GC
+    effect.nextEffect = null;
+    effect = nextNextEffect;
+  }
+
+  if (enableSchedulerTracing) {
+    tracing.__interactionsRef.current = prevInteractions;
+    finishPendingInteractions(root, expirationTime);
+  }
+
+  executionContext = prevExecutionContext;
+  flushSyncCallbackQueue();
+
+  // If additional passive effects were scheduled, increment a counter. If this
+  // exceeds the limit, we'll fire a warning.
+  nestedPassiveUpdateCount =
+    rootWithPendingPassiveEffects === null ? 0 : nestedPassiveUpdateCount + 1;
+
+  return true;
+}
+
+function isAlreadyFailedLegacyErrorBoundary(instance) {
+  return (
+    legacyErrorBoundariesThatAlreadyFailed !== null &&
+    legacyErrorBoundariesThatAlreadyFailed.has(instance)
+  );
+}
+
+function markLegacyErrorBoundaryAsFailed(instance) {
+  if (legacyErrorBoundariesThatAlreadyFailed === null) {
+    legacyErrorBoundariesThatAlreadyFailed = new Set([instance]);
+  } else {
+    legacyErrorBoundariesThatAlreadyFailed.add(instance);
+  }
+}
+
+function prepareToThrowUncaughtError(error) {
+  if (!hasUncaughtError) {
+    hasUncaughtError = true;
+    firstUncaughtError = error;
+  }
+}
+var onUncaughtError = prepareToThrowUncaughtError;
+
+function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
+  var errorInfo = createCapturedValue(error, sourceFiber);
+  var update = createRootErrorUpdate(rootFiber, errorInfo, Sync);
+  enqueueUpdate(rootFiber, update);
+  var root = markUpdateTimeFromFiberToRoot(rootFiber, Sync);
+  if (root !== null) {
+    scheduleCallbackForRoot(root, ImmediatePriority, Sync);
+  }
+}
+
+function captureCommitPhaseError(sourceFiber, error) {
+  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);
+    return;
+  }
+
+  var fiber = sourceFiber.return;
+  while (fiber !== null) {
+    if (fiber.tag === HostRoot) {
+      captureCommitPhaseErrorOnRoot(fiber, sourceFiber, error);
+      return;
+    } else if (fiber.tag === ClassComponent) {
+      var ctor = fiber.type;
+      var instance = fiber.stateNode;
+      if (
+        typeof ctor.getDerivedStateFromError === "function" ||
+        (typeof instance.componentDidCatch === "function" &&
+          !isAlreadyFailedLegacyErrorBoundary(instance))
+      ) {
+        var errorInfo = createCapturedValue(error, sourceFiber);
+        var update = createClassErrorUpdate(
+          fiber,
+          errorInfo,
+          // TODO: This is always sync
+          Sync
+        );
+        enqueueUpdate(fiber, update);
+        var root = markUpdateTimeFromFiberToRoot(fiber, Sync);
+        if (root !== null) {
+          scheduleCallbackForRoot(root, ImmediatePriority, Sync);
+        }
+        return;
+      }
+    }
+    fiber = fiber.return;
+  }
+}
+
+function pingSuspendedRoot(root, thenable, suspendedTime) {
+  var pingCache = root.pingCache;
+  if (pingCache !== null) {
+    // The thenable resolved, so we no longer need to memoize, because it will
+    // never be thrown again.
+    pingCache.delete(thenable);
+  }
+
+  if (workInProgressRoot === root && renderExpirationTime === suspendedTime) {
+    // 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, we'll always suspend so we can always
+    // restart. If we're suspended without any updates, it might be a retry.
+    // If it's early in the retry we can restart. We can't know for sure
+    // whether we'll eventually process an update during this render pass,
+    // but it's somewhat unlikely that we get to a ping before that, since
+    // getting to the root most update is usually very fast.
+    if (
+      workInProgressRootExitStatus === RootSuspendedWithDelay ||
+      (workInProgressRootExitStatus === RootSuspended &&
+        workInProgressRootLatestProcessedExpirationTime === Sync &&
+        now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
+    ) {
+      // Restart from the root. Don't need to schedule a ping because
+      // we're already working on this tree.
+      prepareFreshStack(root, renderExpirationTime);
+    } else {
+      // Even though we can't restart right now, we might get an
+      // opportunity later. So we mark this render as having a ping.
+      workInProgressRootHasPendingPing = true;
+    }
+    return;
+  }
+
+  var lastPendingTime = root.lastPendingTime;
+  if (lastPendingTime < suspendedTime) {
+    // The root is no longer suspended at this time.
+    return;
+  }
+
+  var pingTime = root.pingTime;
+  if (pingTime !== NoWork && pingTime < suspendedTime) {
+    // There's already a lower priority ping scheduled.
+    return;
+  }
+
+  // Mark the time at which this ping was scheduled.
+  root.pingTime = suspendedTime;
+
+  if (root.finishedExpirationTime === suspendedTime) {
+    // If there's a pending fallback waiting to commit, throw it away.
+    root.finishedExpirationTime = NoWork;
+    root.finishedWork = null;
+  }
+
+  var currentTime = requestCurrentTime();
+  var priorityLevel = inferPriorityFromExpirationTime(
+    currentTime,
+    suspendedTime
+  );
+  scheduleCallbackForRoot(root, priorityLevel, suspendedTime);
+}
+
+function retryTimedOutBoundary(boundaryFiber) {
+  // 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 expiration time.
+  var currentTime = requestCurrentTime();
+  var suspenseConfig = null; // Retries don't carry over the already committed update.
+  var retryTime = computeExpirationForFiber(
+    currentTime,
+    boundaryFiber,
+    suspenseConfig
+  );
+  // TODO: Special case idle priority?
+  var priorityLevel = inferPriorityFromExpirationTime(currentTime, retryTime);
+  var root = markUpdateTimeFromFiberToRoot(boundaryFiber, retryTime);
+  if (root !== null) {
+    scheduleCallbackForRoot(root, priorityLevel, retryTime);
+  }
+}
+
+function resolveRetryThenable(boundaryFiber, thenable) {
+  var retryCache = void 0;
+  if (enableSuspenseServerRenderer) {
+    switch (boundaryFiber.tag) {
+      case SuspenseComponent:
+        retryCache = boundaryFiber.stateNode;
+        break;
+      case DehydratedSuspenseComponent:
+        retryCache = boundaryFiber.memoizedState;
+        break;
+      default:
+        (function() {
+          {
+            throw ReactError(
+              Error(
+                "Pinged unknown suspense boundary type. This is probably a bug in React."
+              )
+            );
+          }
+        })();
+    }
+  } else {
+    retryCache = boundaryFiber.stateNode;
+  }
+
+  if (retryCache !== null) {
+    // The thenable resolved, so we no longer need to memoize, because it will
+    // never be thrown again.
+    retryCache.delete(thenable);
+  }
+
+  retryTimedOutBoundary(boundaryFiber);
+}
+
+// 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;
+}
+
+function computeMsUntilSuspenseLoadingDelay(
+  mostRecentEventTime,
+  committedExpirationTime,
+  suspenseConfig
+) {
+  var busyMinDurationMs = suspenseConfig.busyMinDurationMs | 0;
+  if (busyMinDurationMs <= 0) {
+    return 0;
+  }
+  var busyDelayMs = suspenseConfig.busyDelayMs | 0;
+
+  // Compute the time until this render pass would expire.
+  var currentTimeMs = now();
+  var eventTimeMs = inferTimeFromExpirationTimeWithSuspenseConfig(
+    mostRecentEventTime,
+    suspenseConfig
+  );
+  var timeElapsed = currentTimeMs - eventTimeMs;
+  if (timeElapsed <= busyDelayMs) {
+    // If we haven't yet waited longer than the initial delay, we don't
+    // have to wait any additional time.
+    return 0;
+  }
+  var msUntilTimeout = busyDelayMs + busyMinDurationMs - timeElapsed;
+  // This is the value that is passed to `setTimeout`.
+  return msUntilTimeout;
+}
+
+function checkForNestedUpdates() {
+  if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
+    nestedUpdateCount = 0;
+    rootWithNestedUpdates = null;
+    (function() {
+      {
+        throw ReactError(
+          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;
+      warning$1(
+        false,
+        "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."
+      );
+    }
+  }
+}
+
+function flushRenderPhaseStrictModeWarningsInDEV() {
+  {
+    ReactStrictModeWarnings.flushLegacyContextWarning();
+
+    if (warnAboutDeprecatedLifecycles) {
+      ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings();
+    }
+  }
+}
+
+function stopFinishedWorkLoopTimer() {
+  var didCompleteRoot = true;
+  stopWorkLoopTimer(interruptedBy, didCompleteRoot);
+  interruptedBy = null;
+}
+
+function stopInterruptedWorkLoopTimer() {
+  // TODO: Track which fiber caused the interruption.
+  var didCompleteRoot = false;
+  stopWorkLoopTimer(interruptedBy, didCompleteRoot);
+  interruptedBy = null;
+}
+
+function checkForInterruption(fiberThatReceivedUpdate, updateExpirationTime) {
+  if (
+    enableUserTimingAPI &&
+    workInProgressRoot !== null &&
+    updateExpirationTime > renderExpirationTime
+  ) {
+    interruptedBy = fiberThatReceivedUpdate;
+  }
+}
+
+var didWarnStateUpdateForUnmountedComponent = null;
+function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {
+  {
+    var tag = fiber.tag;
+    if (
+      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 = getComponentName(fiber.type) || "ReactComponent";
+    if (didWarnStateUpdateForUnmountedComponent !== null) {
+      if (didWarnStateUpdateForUnmountedComponent.has(componentName)) {
+        return;
+      }
+      didWarnStateUpdateForUnmountedComponent.add(componentName);
+    } else {
+      didWarnStateUpdateForUnmountedComponent = new Set([componentName]);
+    }
+    warningWithoutStack$1(
+      false,
+      "Can't perform a React state update on an unmounted component. This " +
+        "is a no-op, but it indicates a memory leak in your application. To " +
+        "fix, cancel all subscriptions and asynchronous tasks in %s.%s",
+      tag === ClassComponent
+        ? "the componentWillUnmount method"
+        : "a useEffect cleanup function",
+      getStackByFiberInDevAndProd(fiber)
+    );
+  }
+}
+
+var beginWork$$1 = void 0;
+if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
+  var dummyFiber = null;
+  beginWork$$1 = function(current$$1, unitOfWork, expirationTime) {
+    // 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$1(current$$1, unitOfWork, expirationTime);
+    } catch (originalError) {
+      if (
+        originalError !== null &&
+        typeof originalError === "object" &&
+        typeof originalError.then === "function"
+      ) {
+        // Don't replay promises. Treat everything else like an error.
+        throw originalError;
+      }
+
+      // Keep this code in sync with renderRoot; any changes here must have
+      // corresponding changes there.
+      resetContextDependencies();
+      resetHooks();
+
+      // Unwind the failed stack frame
+      unwindInterruptedWork(unitOfWork);
+
+      // Restore the original properties of the fiber.
+      assignFiberPropertiesInDEV(unitOfWork, originalWorkInProgressCopy);
+
+      if (enableProfilerTimer && unitOfWork.mode & ProfileMode) {
+        // Reset the profiler timer.
+        startProfilerTimer(unitOfWork);
+      }
+
+      // Run beginWork again.
+      invokeGuardedCallback(
+        null,
+        beginWork$1,
+        null,
+        current$$1,
+        unitOfWork,
+        expirationTime
+      );
+
+      if (hasCaughtError()) {
+        var replayError = clearCaughtError();
+        // `invokeGuardedCallback` sometimes sets an expando `_suppressLogging`.
+        // Rethrow this error instead of the original one.
+        throw replayError;
+      } else {
+        // This branch is reachable if the render phase is impure.
+        throw originalError;
+      }
+    }
+  };
+} else {
+  beginWork$$1 = beginWork$1;
+}
+
+var didWarnAboutUpdateInRender = false;
+var didWarnAboutUpdateInGetChildContext = false;
+function warnAboutInvalidUpdatesOnClassComponentsInDEV(fiber) {
+  {
+    if (fiber.tag === ClassComponent) {
+      switch (phase) {
+        case "getChildContext":
+          if (didWarnAboutUpdateInGetChildContext) {
+            return;
+          }
+          warningWithoutStack$1(
+            false,
+            "setState(...): Cannot call setState() inside getChildContext()"
+          );
+          didWarnAboutUpdateInGetChildContext = true;
+          break;
+        case "render":
+          if (didWarnAboutUpdateInRender) {
+            return;
+          }
+          warningWithoutStack$1(
+            false,
+            "Cannot update during an existing state transition (such as " +
+              "within `render`). Render methods should be a pure function of " +
+              "props and state."
+          );
+          didWarnAboutUpdateInRender = true;
+          break;
+      }
+    }
+  }
+}
+
+// a 'shared' variable that changes when act() opens/closes in tests.
+var IsThisRendererActing = { current: false };
+
+function warnIfNotScopedWithMatchingAct(fiber) {
+  {
+    if (
+      warnsIfNotActing === true &&
+      IsSomeRendererActing.current === true &&
+      IsThisRendererActing.current !== true
+    ) {
+      warningWithoutStack$1(
+        false,
+        "It looks like you're using the wrong act() around your test interactions.\n" +
+          "Be sure to use the matching version of act() corresponding to your renderer:\n\n" +
+          "// for react-dom:\n" +
+          "import {act} from 'react-dom/test-utils';\n" +
+          "// ...\n" +
+          "act(() => ...);\n\n" +
+          "// for react-test-renderer:\n" +
+          "import TestRenderer from 'react-test-renderer';\n" +
+          "const {act} = TestRenderer;\n" +
+          "// ...\n" +
+          "act(() => ...);" +
+          "%s",
+        getStackByFiberInDevAndProd(fiber)
+      );
+    }
+  }
+}
+
+function warnIfNotCurrentlyActingEffectsInDEV(fiber) {
+  {
+    if (
+      warnsIfNotActing === true &&
+      (fiber.mode & StrictMode) !== NoMode &&
+      IsSomeRendererActing.current === false &&
+      IsThisRendererActing.current === false
+    ) {
+      warningWithoutStack$1(
+        false,
+        "An update to %s ran an effect, but 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://fb.me/react-wrap-tests-with-act" +
+          "%s",
+        getComponentName(fiber.type),
+        getStackByFiberInDevAndProd(fiber)
+      );
+    }
+  }
+}
+
+function warnIfNotCurrentlyActingUpdatesInDEV(fiber) {
+  {
+    if (
+      warnsIfNotActing === true &&
+      executionContext === NoContext &&
+      IsSomeRendererActing.current === false &&
+      IsThisRendererActing.current === false
+    ) {
+      warningWithoutStack$1(
+        false,
+        "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://fb.me/react-wrap-tests-with-act" +
+          "%s",
+        getComponentName(fiber.type),
+        getStackByFiberInDevAndProd(fiber)
+      );
+    }
+  }
+}
+
+var warnIfNotCurrentlyActingUpdatesInDev = warnIfNotCurrentlyActingUpdatesInDEV;
+
+// In tests, we want to enforce a mocked scheduler.
+var didWarnAboutUnmockedScheduler = false;
+// TODO Before we release concurrent mode, revisit this and decide whether a mocked
+// scheduler is the actual recommendation. The alternative could be a testing build,
+// a new lib, or whatever; we dunno just yet. This message is for early adopters
+// to get their tests right.
+
+function warnIfUnmockedScheduler(fiber) {
+  {
+    if (
+      didWarnAboutUnmockedScheduler === false &&
+      Scheduler.unstable_flushAllWithoutAsserting === undefined
+    ) {
+      if (fiber.mode & BatchedMode || fiber.mode & ConcurrentMode) {
+        didWarnAboutUnmockedScheduler = true;
+        warningWithoutStack$1(
+          false,
+          'In Concurrent or Sync modes, the "scheduler" module needs to be mocked ' +
+            "to guarantee consistent behaviour across tests and browsers. " +
+            "For example, with jest: \n" +
+            "jest.mock('scheduler', () => require('scheduler/unstable_mock'));\n\n" +
+            "For more info, visit https://fb.me/react-mock-scheduler"
+        );
+      } else if (warnAboutUnmockedScheduler === true) {
+        didWarnAboutUnmockedScheduler = true;
+        warningWithoutStack$1(
+          false,
+          'Starting from React v17, the "scheduler" module will need to be mocked ' +
+            "to guarantee consistent behaviour across tests and browsers. " +
+            "For example, with jest: \n" +
+            "jest.mock('scheduler', () => require('scheduler/unstable_mock'));\n\n" +
+            "For more info, visit https://fb.me/react-mock-scheduler"
+        );
+      }
+    }
+  }
+}
+
+var componentsThatTriggeredHighPriSuspend = null;
+function checkForWrongSuspensePriorityInDEV(sourceFiber) {
+  {
+    var currentPriorityLevel = getCurrentPriorityLevel();
+    if (
+      (sourceFiber.mode & ConcurrentMode) !== NoEffect &&
+      (currentPriorityLevel === UserBlockingPriority ||
+        currentPriorityLevel === ImmediatePriority)
+    ) {
+      var workInProgressNode = sourceFiber;
+      while (workInProgressNode !== null) {
+        // Add the component that triggered the suspense
+        var current$$1 = workInProgressNode.alternate;
+        if (current$$1 !== null) {
+          // TODO: warn component that triggers the high priority
+          // suspend is the HostRoot
+          switch (workInProgressNode.tag) {
+            case ClassComponent:
+              // Loop through the component's update queue and see whether the component
+              // has triggered any high priority updates
+              var updateQueue = current$$1.updateQueue;
+              if (updateQueue !== null) {
+                var update = updateQueue.firstUpdate;
+                while (update !== null) {
+                  var priorityLevel = update.priority;
+                  if (
+                    priorityLevel === UserBlockingPriority ||
+                    priorityLevel === ImmediatePriority
+                  ) {
+                    if (componentsThatTriggeredHighPriSuspend === null) {
+                      componentsThatTriggeredHighPriSuspend = new Set([
+                        getComponentName(workInProgressNode.type)
+                      ]);
+                    } else {
+                      componentsThatTriggeredHighPriSuspend.add(
+                        getComponentName(workInProgressNode.type)
+                      );
+                    }
+                    break;
+                  }
+                  update = update.next;
+                }
+              }
+              break;
+            case FunctionComponent:
+            case ForwardRef:
+            case SimpleMemoComponent:
+              if (
+                workInProgressNode.memoizedState !== null &&
+                workInProgressNode.memoizedState.baseUpdate !== null
+              ) {
+                var _update = workInProgressNode.memoizedState.baseUpdate;
+                // Loop through the functional component's memoized state to see whether
+                // the component has triggered any high pri updates
+                while (_update !== null) {
+                  var priority = _update.priority;
+                  if (
+                    priority === UserBlockingPriority ||
+                    priority === ImmediatePriority
+                  ) {
+                    if (componentsThatTriggeredHighPriSuspend === null) {
+                      componentsThatTriggeredHighPriSuspend = new Set([
+                        getComponentName(workInProgressNode.type)
+                      ]);
+                    } else {
+                      componentsThatTriggeredHighPriSuspend.add(
+                        getComponentName(workInProgressNode.type)
+                      );
+                    }
+                    break;
+                  }
+                  if (
+                    _update.next === workInProgressNode.memoizedState.baseUpdate
+                  ) {
+                    break;
+                  }
+                  _update = _update.next;
+                }
+              }
+              break;
+            default:
+              break;
+          }
+        }
+        workInProgressNode = workInProgressNode.return;
+      }
+    }
+  }
+}
+
+function flushSuspensePriorityWarningInDEV() {
+  {
+    if (componentsThatTriggeredHighPriSuspend !== null) {
+      var componentNames = [];
+      componentsThatTriggeredHighPriSuspend.forEach(function(name) {
+        return componentNames.push(name);
+      });
+      componentsThatTriggeredHighPriSuspend = null;
+
+      if (componentNames.length > 0) {
+        warningWithoutStack$1(
+          false,
+          "%s triggered a user-blocking update that suspended." +
+            "\n\n" +
+            "The fix is to split the update into multiple parts: a user-blocking " +
+            "update to provide immediate feedback, and another update that " +
+            "triggers the bulk of the changes." +
+            "\n\n" +
+            "Refer to the documentation for useSuspenseTransition to learn how " +
+            "to implement this pattern.",
+          // TODO: Add link to React docs with more information, once it exists
+          componentNames.sort().join(", ")
+        );
+      }
+    }
+  }
+}
+
+function computeThreadID(root, expirationTime) {
+  // Interaction threads are unique per root and expiration time.
+  return expirationTime * 1000 + root.interactionThreadID;
+}
+
+function markSpawnedWork(expirationTime) {
+  if (!enableSchedulerTracing) {
+    return;
+  }
+  if (spawnedWorkDuringRender === null) {
+    spawnedWorkDuringRender = [expirationTime];
+  } else {
+    spawnedWorkDuringRender.push(expirationTime);
+  }
+}
+
+function scheduleInteractions(root, expirationTime, interactions) {
+  if (!enableSchedulerTracing) {
+    return;
+  }
+
+  if (interactions.size > 0) {
+    var pendingInteractionMap = root.pendingInteractionMap;
+    var pendingInteractions = pendingInteractionMap.get(expirationTime);
+    if (pendingInteractions != null) {
+      interactions.forEach(function(interaction) {
+        if (!pendingInteractions.has(interaction)) {
+          // Update the pending async work count for previously unscheduled interaction.
+          interaction.__count++;
+        }
+
+        pendingInteractions.add(interaction);
+      });
+    } else {
+      pendingInteractionMap.set(expirationTime, new Set(interactions));
+
+      // Update the pending async work count for the current interactions.
+      interactions.forEach(function(interaction) {
+        interaction.__count++;
+      });
+    }
+
+    var subscriber = tracing.__subscriberRef.current;
+    if (subscriber !== null) {
+      var threadID = computeThreadID(root, expirationTime);
+      subscriber.onWorkScheduled(interactions, threadID);
+    }
+  }
+}
+
+function schedulePendingInteractions(root, expirationTime) {
+  // This is called when work is scheduled on a root.
+  // It associates the current interactions with the newly-scheduled expiration.
+  // They will be restored when that expiration is later committed.
+  if (!enableSchedulerTracing) {
+    return;
+  }
+
+  scheduleInteractions(root, expirationTime, tracing.__interactionsRef.current);
+}
+
+function startWorkOnPendingInteractions(root, expirationTime) {
+  // This is called when new work is started on a root.
+  if (!enableSchedulerTracing) {
+    return;
+  }
+
+  // Determine which interactions this batch of work currently includes, So that
+  // we can accurately attribute time spent working on it, And so that cascading
+  // work triggered during the render phase will be associated with it.
+  var interactions = new Set();
+  root.pendingInteractionMap.forEach(function(
+    scheduledInteractions,
+    scheduledExpirationTime
+  ) {
+    if (scheduledExpirationTime >= expirationTime) {
+      scheduledInteractions.forEach(function(interaction) {
+        return interactions.add(interaction);
+      });
+    }
+  });
+
+  // Store the current set of interactions on the FiberRoot for a few reasons:
+  // We can re-use it in hot functions like renderRoot() without having to
+  // recalculate it. We will also use it in commitWork() to pass to any Profiler
+  // onRender() hooks. This also provides DevTools with a way to access it when
+  // the onCommitRoot() hook is called.
+  root.memoizedInteractions = interactions;
+
+  if (interactions.size > 0) {
+    var subscriber = tracing.__subscriberRef.current;
+    if (subscriber !== null) {
+      var threadID = computeThreadID(root, expirationTime);
+      try {
+        subscriber.onWorkStarted(interactions, threadID);
+      } catch (error) {
+        // If the subscriber throws, rethrow it in a separate task
+        scheduleCallback(ImmediatePriority, function() {
+          throw error;
+        });
+      }
+    }
+  }
+}
+
+function finishPendingInteractions(root, committedExpirationTime) {
+  if (!enableSchedulerTracing) {
+    return;
+  }
+
+  var earliestRemainingTimeAfterCommit = root.firstPendingTime;
+
+  var subscriber = void 0;
+
+  try {
+    subscriber = tracing.__subscriberRef.current;
+    if (subscriber !== null && root.memoizedInteractions.size > 0) {
+      var threadID = computeThreadID(root, committedExpirationTime);
+      subscriber.onWorkStopped(root.memoizedInteractions, threadID);
+    }
+  } catch (error) {
+    // If the subscriber throws, rethrow it in a separate task
+    scheduleCallback(ImmediatePriority, function() {
+      throw error;
+    });
+  } finally {
+    // Clear completed interactions from the pending Map.
+    // Unless the render was suspended or cascading work was scheduled,
+    // In which case– leave pending interactions until the subsequent render.
+    var pendingInteractionMap = root.pendingInteractionMap;
+    pendingInteractionMap.forEach(function(
+      scheduledInteractions,
+      scheduledExpirationTime
+    ) {
+      // Only decrement the pending interaction count if we're done.
+      // If there's still work at the current priority,
+      // That indicates that we are waiting for suspense data.
+      if (scheduledExpirationTime > earliestRemainingTimeAfterCommit) {
+        pendingInteractionMap.delete(scheduledExpirationTime);
+
+        scheduledInteractions.forEach(function(interaction) {
+          interaction.__count--;
+
+          if (subscriber !== null && interaction.__count === 0) {
+            try {
+              subscriber.onInteractionScheduledWorkCompleted(interaction);
+            } catch (error) {
+              // If the subscriber throws, rethrow it in a separate task
+              scheduleCallback(ImmediatePriority, function() {
+                throw error;
+              });
+            }
+          }
+        });
+      }
+    });
+  }
+}
+
+var onCommitFiberRoot = null;
+var onCommitFiberUnmount = 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) {
+    {
+      warningWithoutStack$1(
+        false,
+        "The installed version of React DevTools is too old and will not work " +
+          "with the current version of React. Please update React DevTools. " +
+          "https://fb.me/react-devtools"
+      );
+    }
+    // DevTools exists, even though it doesn't support Fiber.
+    return true;
+  }
+  try {
+    var rendererID = hook.inject(internals);
+    // We have successfully injected, so now it is safe to set up hooks.
+    onCommitFiberRoot = function(root, expirationTime) {
+      try {
+        var didError = (root.current.effectTag & DidCapture) === DidCapture;
+        if (enableProfilerTimer) {
+          var currentTime = requestCurrentTime();
+          var priorityLevel = inferPriorityFromExpirationTime(
+            currentTime,
+            expirationTime
+          );
+          hook.onCommitFiberRoot(rendererID, root, priorityLevel, didError);
+        } else {
+          hook.onCommitFiberRoot(rendererID, root, undefined, didError);
+        }
+      } catch (err) {
+        if (true && !hasLoggedError) {
+          hasLoggedError = true;
+          warningWithoutStack$1(
+            false,
+            "React DevTools encountered an error: %s",
+            err
+          );
+        }
+      }
+    };
+    onCommitFiberUnmount = function(fiber) {
+      try {
+        hook.onCommitFiberUnmount(rendererID, fiber);
+      } catch (err) {
+        if (true && !hasLoggedError) {
+          hasLoggedError = true;
+          warningWithoutStack$1(
+            false,
+            "React DevTools encountered an error: %s",
+            err
+          );
+        }
+      }
+    };
+  } catch (err) {
+    // Catch all errors because it is unsafe to throw during initialization.
+    {
+      warningWithoutStack$1(
+        false,
+        "React DevTools encountered an error: %s.",
+        err
+      );
+    }
+  }
+  // DevTools exists
+  return true;
+}
+
+function onCommitRoot(root, expirationTime) {
+  if (typeof onCommitFiberRoot === "function") {
+    onCommitFiberRoot(root, expirationTime);
+  }
+}
+
+function onCommitUnmount(fiber) {
+  if (typeof onCommitFiberUnmount === "function") {
+    onCommitFiberUnmount(fiber);
+  }
+}
+
+var hasBadMapPolyfill = void 0;
+
+{
+  hasBadMapPolyfill = false;
+  try {
+    var nonExtensibleObject = Object.preventExtensions({});
+    var testMap = new Map([[nonExtensibleObject, null]]);
+    var testSet = new Set([nonExtensibleObject]);
+    // This is necessary for Rollup to not consider these unused.
+    // https://github.com/rollup/rollup/issues/1771
+    // TODO: we can remove these if Rollup fixes the bug.
+    testMap.set(0, 0);
+    testSet.add(0);
+  } catch (e) {
+    // TODO: Consider warning about bad polyfills
+    hasBadMapPolyfill = true;
+  }
+}
+
+// A Fiber is work on a Component that needs to be done or was done. There can
+// be more than one per component.
+
+var debugCounter = void 0;
+
+{
+  debugCounter = 1;
+}
+
+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.effectTag = NoEffect;
+  this.nextEffect = null;
+
+  this.firstEffect = null;
+  this.lastEffect = null;
+
+  this.expirationTime = NoWork;
+  this.childExpirationTime = NoWork;
+
+  this.alternate = null;
+
+  if (enableProfilerTimer) {
+    // 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._debugID = debugCounter++;
+    this._debugSource = null;
+    this._debugOwner = null;
+    this._debugIsCurrentlyTiming = false;
+    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);
+}
+
+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;
+    if ($$typeof === REACT_FORWARD_REF_TYPE) {
+      return ForwardRef;
+    }
+    if ($$typeof === REACT_MEMO_TYPE) {
+      return MemoComponent;
+    }
+  }
+  return IndeterminateComponent;
+}
+
+// This is used to create an alternate fiber to do work on.
+function createWorkInProgress(current, pendingProps, expirationTime) {
+  var workInProgress = current.alternate;
+  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;
+
+    {
+      // DEV-only fields
+      workInProgress._debugID = current._debugID;
+      workInProgress._debugSource = current._debugSource;
+      workInProgress._debugOwner = current._debugOwner;
+      workInProgress._debugHookTypes = current._debugHookTypes;
+    }
+
+    workInProgress.alternate = current;
+    current.alternate = workInProgress;
+  } else {
+    workInProgress.pendingProps = pendingProps;
+
+    // We already have an alternate.
+    // Reset the effect tag.
+    workInProgress.effectTag = NoEffect;
+
+    // The effect list is no longer valid.
+    workInProgress.nextEffect = null;
+    workInProgress.firstEffect = null;
+    workInProgress.lastEffect = null;
+
+    if (enableProfilerTimer) {
+      // 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;
+    }
+  }
+
+  workInProgress.childExpirationTime = current.childExpirationTime;
+  workInProgress.expirationTime = current.expirationTime;
+
+  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
+      : {
+          expirationTime: currentDependencies.expirationTime,
+          firstContext: currentDependencies.firstContext,
+          responders: currentDependencies.responders
+        };
+
+  // These will be overridden during the parent's reconciliation
+  workInProgress.sibling = current.sibling;
+  workInProgress.index = current.index;
+  workInProgress.ref = current.ref;
+
+  if (enableProfilerTimer) {
+    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;
+      default:
+        break;
+    }
+  }
+
+  return workInProgress;
+}
+
+// Used to reuse a Fiber for a second pass.
+function resetWorkInProgress(workInProgress, renderExpirationTime) {
+  // 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 tag but keep any Placement tags, since that's something
+  // that child fiber is setting, not the reconciliation.
+  workInProgress.effectTag &= Placement;
+
+  // The effect list is no longer valid.
+  workInProgress.nextEffect = null;
+  workInProgress.firstEffect = null;
+  workInProgress.lastEffect = null;
+
+  var current = workInProgress.alternate;
+  if (current === null) {
+    // Reset to createFiber's initial values.
+    workInProgress.childExpirationTime = NoWork;
+    workInProgress.expirationTime = renderExpirationTime;
+
+    workInProgress.child = null;
+    workInProgress.memoizedProps = null;
+    workInProgress.memoizedState = null;
+    workInProgress.updateQueue = null;
+
+    workInProgress.dependencies = null;
+
+    if (enableProfilerTimer) {
+      // 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.childExpirationTime = current.childExpirationTime;
+    workInProgress.expirationTime = current.expirationTime;
+
+    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
+        : {
+            expirationTime: currentDependencies.expirationTime,
+            firstContext: currentDependencies.firstContext,
+            responders: currentDependencies.responders
+          };
+
+    if (enableProfilerTimer) {
+      // 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;
+    }
+  }
+
+  return workInProgress;
+}
+
+function createHostRootFiber(tag) {
+  var mode = void 0;
+  if (tag === ConcurrentRoot) {
+    mode = ConcurrentMode | BatchedMode | StrictMode;
+  } else if (tag === BatchedRoot) {
+    mode = BatchedMode | StrictMode;
+  } else {
+    mode = NoMode;
+  }
+
+  if (enableProfilerTimer && 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,
+  expirationTime
+) {
+  var fiber = void 0;
+
+  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);
+      }
+    }
+  } else if (typeof type === "string") {
+    fiberTag = HostComponent;
+  } else {
+    getTag: switch (type) {
+      case REACT_FRAGMENT_TYPE:
+        return createFiberFromFragment(
+          pendingProps.children,
+          mode,
+          expirationTime,
+          key
+        );
+      case REACT_CONCURRENT_MODE_TYPE:
+        fiberTag = Mode;
+        mode |= ConcurrentMode | BatchedMode | StrictMode;
+        break;
+      case REACT_STRICT_MODE_TYPE:
+        fiberTag = Mode;
+        mode |= StrictMode;
+        break;
+      case REACT_PROFILER_TYPE:
+        return createFiberFromProfiler(pendingProps, mode, expirationTime, key);
+      case REACT_SUSPENSE_TYPE:
+        return createFiberFromSuspense(pendingProps, mode, expirationTime, key);
+      case REACT_SUSPENSE_LIST_TYPE:
+        return createFiberFromSuspenseList(
+          pendingProps,
+          mode,
+          expirationTime,
+          key
+        );
+      default: {
+        if (typeof type === "object" && type !== null) {
+          switch (type.$$typeof) {
+            case REACT_PROVIDER_TYPE:
+              fiberTag = ContextProvider;
+              break getTag;
+            case REACT_CONTEXT_TYPE:
+              // This is a consumer
+              fiberTag = ContextConsumer;
+              break getTag;
+            case REACT_FORWARD_REF_TYPE:
+              fiberTag = ForwardRef;
+              {
+                resolvedType = resolveForwardRefForHotReloading(resolvedType);
+              }
+              break getTag;
+            case REACT_MEMO_TYPE:
+              fiberTag = MemoComponent;
+              break getTag;
+            case REACT_LAZY_TYPE:
+              fiberTag = LazyComponent;
+              resolvedType = null;
+              break getTag;
+            case REACT_FUNDAMENTAL_TYPE:
+              if (enableFundamentalAPI) {
+                return createFiberFromFundamental(
+                  type,
+                  pendingProps,
+                  mode,
+                  expirationTime,
+                  key
+                );
+              }
+              break;
+          }
+        }
+        var info = "";
+        {
+          if (
+            type === undefined ||
+            (typeof type === "object" &&
+              type !== null &&
+              Object.keys(type).length === 0)
+          ) {
+            info +=
+              " You likely forgot to export your component from the file " +
+              "it's defined in, or you might have mixed up default and " +
+              "named imports.";
+          }
+          var ownerName = owner ? getComponentName(owner.type) : null;
+          if (ownerName) {
+            info += "\n\nCheck the render method of `" + ownerName + "`.";
+          }
+        }
+        (function() {
+          {
+            throw ReactError(
+              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
+              )
+            );
+          }
+        })();
+      }
+    }
+  }
+
+  fiber = createFiber(fiberTag, pendingProps, key, mode);
+  fiber.elementType = type;
+  fiber.type = resolvedType;
+  fiber.expirationTime = expirationTime;
+
+  return fiber;
+}
+
+function createFiberFromElement(element, mode, expirationTime) {
+  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,
+    expirationTime
+  );
+  {
+    fiber._debugSource = element._source;
+    fiber._debugOwner = element._owner;
+  }
+  return fiber;
+}
+
+function createFiberFromFragment(elements, mode, expirationTime, key) {
+  var fiber = createFiber(Fragment, elements, key, mode);
+  fiber.expirationTime = expirationTime;
+  return fiber;
+}
+
+function createFiberFromFundamental(
+  fundamentalComponent,
+  pendingProps,
+  mode,
+  expirationTime,
+  key
+) {
+  var fiber = createFiber(FundamentalComponent, pendingProps, key, mode);
+  fiber.elementType = fundamentalComponent;
+  fiber.type = fundamentalComponent;
+  fiber.expirationTime = expirationTime;
+  return fiber;
+}
+
+function createFiberFromProfiler(pendingProps, mode, expirationTime, key) {
+  {
+    if (
+      typeof pendingProps.id !== "string" ||
+      typeof pendingProps.onRender !== "function"
+    ) {
+      warningWithoutStack$1(
+        false,
+        'Profiler must specify an "id" string and "onRender" function as props'
+      );
+    }
+  }
+
+  var fiber = createFiber(Profiler, pendingProps, key, mode | ProfileMode);
+  // TODO: The Profiler fiber shouldn't have a type. It has a tag.
+  fiber.elementType = REACT_PROFILER_TYPE;
+  fiber.type = REACT_PROFILER_TYPE;
+  fiber.expirationTime = expirationTime;
+
+  return fiber;
+}
+
+function createFiberFromSuspense(pendingProps, mode, expirationTime, key) {
+  var fiber = createFiber(SuspenseComponent, pendingProps, key, mode);
+
+  // TODO: The SuspenseComponent fiber shouldn't have a type. It has a tag.
+  // This needs to be fixed in getComponentName so that it relies on the tag
+  // instead.
+  fiber.type = REACT_SUSPENSE_TYPE;
+  fiber.elementType = REACT_SUSPENSE_TYPE;
+
+  fiber.expirationTime = expirationTime;
+  return fiber;
+}
+
+function createFiberFromSuspenseList(pendingProps, mode, expirationTime, key) {
+  var fiber = createFiber(SuspenseListComponent, pendingProps, key, mode);
+  {
+    // TODO: The SuspenseListComponent fiber shouldn't have a type. It has a tag.
+    // This needs to be fixed in getComponentName so that it relies on the tag
+    // instead.
+    fiber.type = REACT_SUSPENSE_LIST_TYPE;
+  }
+  fiber.elementType = REACT_SUSPENSE_LIST_TYPE;
+  fiber.expirationTime = expirationTime;
+  return fiber;
+}
+
+function createFiberFromText(content, mode, expirationTime) {
+  var fiber = createFiber(HostText, content, null, mode);
+  fiber.expirationTime = expirationTime;
+  return fiber;
+}
+
+function createFiberFromHostInstanceForDeletion() {
+  var fiber = createFiber(HostComponent, null, null, NoMode);
+  // TODO: These should not need a type.
+  fiber.elementType = "DELETED";
+  fiber.type = "DELETED";
+  return fiber;
+}
+
+function createFiberFromPortal(portal, mode, expirationTime) {
+  var pendingProps = portal.children !== null ? portal.children : [];
+  var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
+  fiber.expirationTime = expirationTime;
+  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.effectTag = source.effectTag;
+  target.nextEffect = source.nextEffect;
+  target.firstEffect = source.firstEffect;
+  target.lastEffect = source.lastEffect;
+  target.expirationTime = source.expirationTime;
+  target.childExpirationTime = source.childExpirationTime;
+  target.alternate = source.alternate;
+  if (enableProfilerTimer) {
+    target.actualDuration = source.actualDuration;
+    target.actualStartTime = source.actualStartTime;
+    target.selfBaseDuration = source.selfBaseDuration;
+    target.treeBaseDuration = source.treeBaseDuration;
+  }
+  target._debugID = source._debugID;
+  target._debugSource = source._debugSource;
+  target._debugOwner = source._debugOwner;
+  target._debugIsCurrentlyTiming = source._debugIsCurrentlyTiming;
+  target._debugNeedsRemount = source._debugNeedsRemount;
+  target._debugHookTypes = source._debugHookTypes;
+  return target;
+}
+
+// TODO: This should be lifted into the renderer.
+
+// The following attributes are only used by interaction tracing builds.
+// They enable interactions to be associated with their async work,
+// And expose interaction metadata to the React DevTools Profiler plugin.
+// Note that these attributes are only defined when the enableSchedulerTracing flag is enabled.
+
+// Exported FiberRoot type includes all properties,
+// To avoid requiring potentially error-prone :any casts throughout the project.
+// Profiling properties are only safe to access in profiling builds (when enableSchedulerTracing is true).
+// The types are defined separately within this file to ensure they stay in sync.
+// (We don't have to use an inline :any cast when enableSchedulerTracing is disabled.)
+
+function FiberRootNode(containerInfo, tag, hydrate) {
+  this.tag = tag;
+  this.current = null;
+  this.containerInfo = containerInfo;
+  this.pendingChildren = null;
+  this.pingCache = null;
+  this.finishedExpirationTime = NoWork;
+  this.finishedWork = null;
+  this.timeoutHandle = noTimeout;
+  this.context = null;
+  this.pendingContext = null;
+  this.hydrate = hydrate;
+  this.firstBatch = null;
+  this.callbackNode = null;
+  this.callbackExpirationTime = NoWork;
+  this.firstPendingTime = NoWork;
+  this.lastPendingTime = NoWork;
+  this.pingTime = NoWork;
+
+  if (enableSchedulerTracing) {
+    this.interactionThreadID = tracing.unstable_getThreadID();
+    this.memoizedInteractions = new Set();
+    this.pendingInteractionMap = new Map();
+  }
+}
+
+function createFiberRoot(containerInfo, tag, hydrate) {
+  var root = new FiberRootNode(containerInfo, tag, hydrate);
+
+  // Cyclic construction. This cheats the type system right now because
+  // stateNode is any.
+  var uninitializedFiber = createHostRootFiber(tag);
+  root.current = uninitializedFiber;
+  uninitializedFiber.stateNode = root;
+
+  return root;
+}
+
+// This lets us hook into Fiber to debug what it's doing.
+// See https://github.com/facebook/react/pull/8033.
+// This is not part of the public API, not even for React DevTools.
+// You may only inject a debugTool if you work on React Fiber itself.
+var ReactFiberInstrumentation = {
+  debugTool: null
+};
+
+var ReactFiberInstrumentation_1 = ReactFiberInstrumentation;
+
+// 0 is PROD, 1 is DEV.
+// Might add PROFILE later.
+
+var didWarnAboutNestedUpdates = void 0;
+var didWarnAboutFindNodeInStrictMode = void 0;
+
+{
+  didWarnAboutNestedUpdates = false;
+  didWarnAboutFindNodeInStrictMode = {};
+}
+
+function getContextForSubtree(parentComponent) {
+  if (!parentComponent) {
+    return emptyContextObject;
+  }
+
+  var fiber = get(parentComponent);
+  var parentContext = findCurrentUnmaskedContext(fiber);
+
+  if (fiber.tag === ClassComponent) {
+    var Component = fiber.type;
+    if (isContextProvider(Component)) {
+      return processChildContext(fiber, Component, parentContext);
+    }
+  }
+
+  return parentContext;
+}
+
+function scheduleRootUpdate(
+  current$$1,
+  element,
+  expirationTime,
+  suspenseConfig,
+  callback
+) {
+  {
+    if (phase === "render" && current !== null && !didWarnAboutNestedUpdates) {
+      didWarnAboutNestedUpdates = true;
+      warningWithoutStack$1(
+        false,
+        "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.",
+        getComponentName(current.type) || "Unknown"
+      );
+    }
+  }
+
+  var update = createUpdate(expirationTime, suspenseConfig);
+  // Caution: React DevTools currently depends on this property
+  // being called "element".
+  update.payload = { element: element };
+
+  callback = callback === undefined ? null : callback;
+  if (callback !== null) {
+    !(typeof callback === "function")
+      ? warningWithoutStack$1(
+          false,
+          "render(...): Expected the last optional `callback` argument to be a " +
+            "function. Instead received: %s.",
+          callback
+        )
+      : void 0;
+    update.callback = callback;
+  }
+
+  if (revertPassiveEffectsChange) {
+    flushPassiveEffects();
+  }
+  enqueueUpdate(current$$1, update);
+  scheduleWork(current$$1, expirationTime);
+
+  return expirationTime;
+}
+
+function updateContainerAtExpirationTime(
+  element,
+  container,
+  parentComponent,
+  expirationTime,
+  suspenseConfig,
+  callback
+) {
+  // TODO: If this is a nested container, this won't be the root.
+  var current$$1 = container.current;
+
+  {
+    if (ReactFiberInstrumentation_1.debugTool) {
+      if (current$$1.alternate === null) {
+        ReactFiberInstrumentation_1.debugTool.onMountContainer(container);
+      } else if (element === null) {
+        ReactFiberInstrumentation_1.debugTool.onUnmountContainer(container);
+      } else {
+        ReactFiberInstrumentation_1.debugTool.onUpdateContainer(container);
+      }
+    }
+  }
+
+  var context = getContextForSubtree(parentComponent);
+  if (container.context === null) {
+    container.context = context;
+  } else {
+    container.pendingContext = context;
+  }
+
+  return scheduleRootUpdate(
+    current$$1,
+    element,
+    expirationTime,
+    suspenseConfig,
+    callback
+  );
+}
+
+function findHostInstance(component) {
+  var fiber = get(component);
+  if (fiber === undefined) {
+    if (typeof component.render === "function") {
+      (function() {
+        {
+          throw ReactError(
+            Error("Unable to find node on an unmounted component.")
+          );
+        }
+      })();
+    } else {
+      (function() {
+        {
+          throw ReactError(
+            Error(
+              "Argument appears to not be a ReactComponent. Keys: " +
+                Object.keys(component)
+            )
+          );
+        }
+      })();
+    }
+  }
+  var hostFiber = findCurrentHostFiber(fiber);
+  if (hostFiber === null) {
+    return null;
+  }
+  return hostFiber.stateNode;
+}
+
+function findHostInstanceWithWarning(component, methodName) {
+  {
+    var fiber = get(component);
+    if (fiber === undefined) {
+      if (typeof component.render === "function") {
+        (function() {
+          {
+            throw ReactError(
+              Error("Unable to find node on an unmounted component.")
+            );
+          }
+        })();
+      } else {
+        (function() {
+          {
+            throw ReactError(
+              Error(
+                "Argument appears to not be a ReactComponent. Keys: " +
+                  Object.keys(component)
+              )
+            );
+          }
+        })();
+      }
+    }
+    var hostFiber = findCurrentHostFiber(fiber);
+    if (hostFiber === null) {
+      return null;
+    }
+    if (hostFiber.mode & StrictMode) {
+      var componentName = getComponentName(fiber.type) || "Component";
+      if (!didWarnAboutFindNodeInStrictMode[componentName]) {
+        didWarnAboutFindNodeInStrictMode[componentName] = true;
+        if (fiber.mode & StrictMode) {
+          warningWithoutStack$1(
+            false,
+            "%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." +
+              "\n%s" +
+              "\n\nLearn more about using refs safely here:" +
+              "\nhttps://fb.me/react-strict-mode-find-node",
+            methodName,
+            methodName,
+            componentName,
+            getStackByFiberInDevAndProd(hostFiber)
+          );
+        } else {
+          warningWithoutStack$1(
+            false,
+            "%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." +
+              "\n%s" +
+              "\n\nLearn more about using refs safely here:" +
+              "\nhttps://fb.me/react-strict-mode-find-node",
+            methodName,
+            methodName,
+            componentName,
+            getStackByFiberInDevAndProd(hostFiber)
+          );
+        }
+      }
+    }
+    return hostFiber.stateNode;
+  }
+  return findHostInstance(component);
+}
+
+function createContainer(containerInfo, tag, hydrate) {
+  return createFiberRoot(containerInfo, tag, hydrate);
+}
+
+function updateContainer(element, container, parentComponent, callback) {
+  var current$$1 = container.current;
+  var currentTime = requestCurrentTime();
+  {
+    // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
+    if ("undefined" !== typeof jest) {
+      warnIfUnmockedScheduler(current$$1);
+      warnIfNotScopedWithMatchingAct(current$$1);
+    }
+  }
+  var suspenseConfig = requestCurrentSuspenseConfig();
+  var expirationTime = computeExpirationForFiber(
+    currentTime,
+    current$$1,
+    suspenseConfig
+  );
+  return updateContainerAtExpirationTime(
+    element,
+    container,
+    parentComponent,
+    expirationTime,
+    suspenseConfig,
+    callback
+  );
+}
+
+function getPublicRootInstance(container) {
+  var containerFiber = container.current;
+  if (!containerFiber.child) {
+    return null;
+  }
+  switch (containerFiber.child.tag) {
+    case HostComponent:
+      return getPublicInstance(containerFiber.child.stateNode);
+    default:
+      return containerFiber.child.stateNode;
+  }
+}
+
+var shouldSuspendImpl = function(fiber) {
+  return false;
+};
+
+function shouldSuspend(fiber) {
+  return shouldSuspendImpl(fiber);
+}
+
+var overrideHookState = null;
+var overrideProps = null;
+var scheduleUpdate = null;
+var setSuspenseHandler = null;
+
+{
+  var copyWithSetImpl = function(obj, path, idx, value) {
+    if (idx >= path.length) {
+      return value;
+    }
+    var key = path[idx];
+    var updated = Array.isArray(obj) ? obj.slice() : Object.assign({}, obj);
+    // $FlowFixMe number or string is fine here
+    updated[key] = copyWithSetImpl(obj[key], path, idx + 1, value);
+    return updated;
+  };
+
+  var copyWithSet = function(obj, path, value) {
+    return copyWithSetImpl(obj, path, 0, value);
+  };
+
+  // Support DevTools editable values for useState and useReducer.
+  overrideHookState = function(fiber, id, path, value) {
+    // 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;
+    while (currentHook !== null && id > 0) {
+      currentHook = currentHook.next;
+      id--;
+    }
+    if (currentHook !== null) {
+      if (revertPassiveEffectsChange) {
+        flushPassiveEffects();
+      }
+
+      var newState = copyWithSet(currentHook.memoizedState, path, value);
+      currentHook.memoizedState = newState;
+      currentHook.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 = Object.assign({}, fiber.memoizedProps);
+
+      scheduleWork(fiber, Sync);
+    }
+  };
+
+  // Support DevTools props for function components, forwardRef, memo, host components, etc.
+  overrideProps = function(fiber, path, value) {
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
+    fiber.pendingProps = copyWithSet(fiber.memoizedProps, path, value);
+    if (fiber.alternate) {
+      fiber.alternate.pendingProps = fiber.pendingProps;
+    }
+    scheduleWork(fiber, Sync);
+  };
+
+  scheduleUpdate = function(fiber) {
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
+    scheduleWork(fiber, Sync);
+  };
+
+  setSuspenseHandler = function(newShouldSuspendImpl) {
+    shouldSuspendImpl = newShouldSuspendImpl;
+  };
+}
+
+function injectIntoDevTools(devToolsConfig) {
+  var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+  var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+
+  return injectInternals(
+    Object.assign({}, devToolsConfig, {
+      overrideHookState: overrideHookState,
+      overrideProps: overrideProps,
+      setSuspenseHandler: setSuspenseHandler,
+      scheduleUpdate: scheduleUpdate,
+      currentDispatcherRef: ReactCurrentDispatcher,
+      findHostInstanceByFiber: function(fiber) {
+        var hostFiber = findCurrentHostFiber(fiber);
+        if (hostFiber === null) {
+          return null;
+        }
+        return hostFiber.stateNode;
+      },
+      findFiberByHostInstance: function(instance) {
+        if (!findFiberByHostInstance) {
+          // Might not be implemented by the renderer.
+          return null;
+        }
+        return findFiberByHostInstance(instance);
+      },
+
+      // React Refresh
+      findHostInstancesForRefresh: findHostInstancesForRefresh,
+      scheduleRefresh: scheduleRefresh,
+      scheduleRoot: scheduleRoot,
+      setRefreshHandler: setRefreshHandler,
+      // Enables DevTools to append owner stacks to error messages in DEV mode.
+      getCurrentFiber: function() {
+        return current;
+      }
+    })
+  );
+}
+
+// This file intentionally does *not* have the Flow annotation.
+// Don't add it. See `./inline-typed.js` for an explanation.
+
+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;
+
+  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
+  };
+}
+
+// TODO: this is special because it gets imported during build.
+
+var ReactVersion = "16.8.6";
+
+// Modules provided by RN:
+var NativeMethodsMixin = function(findNodeHandle, findHostInstance) {
+  /**
+   * `NativeMethodsMixin` provides methods to access the underlying native
+   * component directly. This can be useful in cases when you want to focus
+   * a view or measure its on-screen dimensions, for example.
+   *
+   * The methods described here are available on most of the default components
+   * provided by React Native. Note, however, that they are *not* available on
+   * composite components that aren't directly backed by a native view. This will
+   * generally include most components that you define in your own app. For more
+   * information, see [Direct
+   * Manipulation](docs/direct-manipulation.html).
+   *
+   * Note the Flow $Exact<> syntax is required to support mixins.
+   * React createClass mixins can only be used with exact types.
+   */
+  var NativeMethodsMixin = {
+    /**
+     * 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
+     * be called with the following arguments:
+     *
+     *  - x
+     *  - y
+     *  - width
+     *  - height
+     *  - pageX
+     *  - pageY
+     *
+     * Note that these measurements are not available until after the rendering
+     * has been completed in native. If you need the measurements as soon as
+     * possible, consider using the [`onLayout`
+     * prop](docs/view.html#onlayout) instead.
+     */
+    measure: function(callback) {
+      var maybeInstance = void 0;
+
+      // Fiber errors if findNodeHandle is called for an umounted component.
+      // Tests using ReactTestRenderer will trigger this case indirectly.
+      // Mimicking stack behavior, we should silently ignore this case.
+      // TODO Fix ReactTestRenderer so we can remove this try/catch.
+      try {
+        maybeInstance = findHostInstance(this);
+      } catch (error) {}
+
+      // If there is no host component beneath this we should fail silently.
+      // This is not an error; it could mean a class component rendered null.
+      if (maybeInstance == null) {
+        return;
+      }
+
+      if (maybeInstance.canonical) {
+        // We can't call FabricUIManager here because it won't be loaded in paper
+        // at initialization time. See https://github.com/facebook/react/pull/15490
+        // for more info.
+        nativeFabricUIManager.measure(
+          maybeInstance.node,
+          mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+        );
+      } else {
+        ReactNativePrivateInterface.UIManager.measure(
+          findNodeHandle(this),
+          mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+        );
+      }
+    },
+
+    /**
+     * Determines the location of the given view in the window and returns the
+     * values via an async callback. If the React root view is embedded in
+     * another native view, this will give you the absolute coordinates. If
+     * successful, the callback will be called with the following
+     * arguments:
+     *
+     *  - x
+     *  - y
+     *  - width
+     *  - height
+     *
+     * Note that these measurements are not available until after the rendering
+     * has been completed in native.
+     */
+    measureInWindow: function(callback) {
+      var maybeInstance = void 0;
+
+      // Fiber errors if findNodeHandle is called for an umounted component.
+      // Tests using ReactTestRenderer will trigger this case indirectly.
+      // Mimicking stack behavior, we should silently ignore this case.
+      // TODO Fix ReactTestRenderer so we can remove this try/catch.
+      try {
+        maybeInstance = findHostInstance(this);
+      } catch (error) {}
+
+      // If there is no host component beneath this we should fail silently.
+      // This is not an error; it could mean a class component rendered null.
+      if (maybeInstance == null) {
+        return;
+      }
+
+      if (maybeInstance.canonical) {
+        // We can't call FabricUIManager here because it won't be loaded in paper
+        // at initialization time. See https://github.com/facebook/react/pull/15490
+        // for more info.
+        nativeFabricUIManager.measureInWindow(
+          maybeInstance.node,
+          mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+        );
+      } else {
+        ReactNativePrivateInterface.UIManager.measureInWindow(
+          findNodeHandle(this),
+          mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+        );
+      }
+    },
+
+    /**
+     * Like [`measure()`](#measure), but measures the view relative an ancestor,
+     * specified as `relativeToNativeNode`. This means that the returned x, y
+     * are relative to the origin x, y of the ancestor view.
+     *
+     * As always, to obtain a native node handle for a component, you can use
+     * `findNodeHandle(component)`.
+     */
+    measureLayout: function(
+      relativeToNativeNode,
+      onSuccess,
+      onFail /* currently unused */
+    ) {
+      var maybeInstance = void 0;
+
+      // Fiber errors if findNodeHandle is called for an umounted component.
+      // Tests using ReactTestRenderer will trigger this case indirectly.
+      // Mimicking stack behavior, we should silently ignore this case.
+      // TODO Fix ReactTestRenderer so we can remove this try/catch.
+      try {
+        maybeInstance = findHostInstance(this);
+      } catch (error) {}
+
+      // If there is no host component beneath this we should fail silently.
+      // This is not an error; it could mean a class component rendered null.
+      if (maybeInstance == null) {
+        return;
+      }
+
+      if (maybeInstance.canonical) {
+        warningWithoutStack$1(
+          false,
+          "Warning: measureLayout on components using NativeMethodsMixin " +
+            "or ReactNative.NativeComponent is not currently supported in Fabric. " +
+            "measureLayout must be called on a native ref. Consider using forwardRef."
+        );
+        return;
+      } else {
+        var relativeNode = void 0;
+
+        if (typeof relativeToNativeNode === "number") {
+          // Already a node handle
+          relativeNode = relativeToNativeNode;
+        } else if (relativeToNativeNode._nativeTag) {
+          relativeNode = relativeToNativeNode._nativeTag;
+        }
+
+        if (relativeNode == null) {
+          warningWithoutStack$1(
+            false,
+            "Warning: ref.measureLayout must be called with a node handle or a ref to a native component."
+          );
+
+          return;
+        }
+
+        ReactNativePrivateInterface.UIManager.measureLayout(
+          findNodeHandle(this),
+          relativeNode,
+          mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
+          mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
+        );
+      }
+    },
+
+    /**
+     * This function sends props straight to native. They will not participate in
+     * future diff process - this means that if you do not include them in the
+     * next render, they will remain active (see [Direct
+     * Manipulation](docs/direct-manipulation.html)).
+     */
+    setNativeProps: function(nativeProps) {
+      // Class components don't have viewConfig -> validateAttributes.
+      // Nor does it make sense to set native props on a non-native component.
+      // Instead, find the nearest host component and set props on it.
+      // Use findNodeHandle() rather than findNodeHandle() because
+      // We want the instance/wrapper (not the native tag).
+      var maybeInstance = void 0;
+
+      // Fiber errors if findNodeHandle is called for an umounted component.
+      // Tests using ReactTestRenderer will trigger this case indirectly.
+      // Mimicking stack behavior, we should silently ignore this case.
+      // TODO Fix ReactTestRenderer so we can remove this try/catch.
+      try {
+        maybeInstance = findHostInstance(this);
+      } catch (error) {}
+
+      // If there is no host component beneath this we should fail silently.
+      // This is not an error; it could mean a class component rendered null.
+      if (maybeInstance == null) {
+        return;
+      }
+
+      if (maybeInstance.canonical) {
+        warningWithoutStack$1(
+          false,
+          "Warning: setNativeProps is not currently supported in Fabric"
+        );
+        return;
+      }
+
+      {
+        if (warnAboutDeprecatedSetNativeProps) {
+          warningWithoutStack$1(
+            false,
+            "Warning: Calling ref.setNativeProps(nativeProps) " +
+              "is deprecated and will be removed in a future release. " +
+              "Use the setNativeProps export from the react-native package instead." +
+              "\n\timport {setNativeProps} from 'react-native';\n\tsetNativeProps(ref, nativeProps);\n"
+          );
+        }
+      }
+
+      var nativeTag =
+        maybeInstance._nativeTag || maybeInstance.canonical._nativeTag;
+      var viewConfig =
+        maybeInstance.viewConfig || maybeInstance.canonical.viewConfig;
+
+      {
+        warnForStyleProps(nativeProps, viewConfig.validAttributes);
+      }
+
+      var updatePayload = create(nativeProps, 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(
+          nativeTag,
+          viewConfig.uiViewClassName,
+          updatePayload
+        );
+      }
+    },
+
+    /**
+     * Requests focus for the given input or view. The exact behavior triggered
+     * will depend on the platform and type of view.
+     */
+    focus: function() {
+      ReactNativePrivateInterface.TextInputState.focusTextInput(
+        findNodeHandle(this)
+      );
+    },
+
+    /**
+     * Removes focus from an input or view. This is the opposite of `focus()`.
+     */
+    blur: function() {
+      ReactNativePrivateInterface.TextInputState.blurTextInput(
+        findNodeHandle(this)
+      );
+    }
+  };
+
+  {
+    // hide this from Flow since we can't define these properties outside of
+    // true without actually implementing them (setting them to undefined
+    // isn't allowed by ReactClass)
+    var NativeMethodsMixin_DEV = NativeMethodsMixin;
+    (function() {
+      if (
+        !(
+          !NativeMethodsMixin_DEV.componentWillMount &&
+          !NativeMethodsMixin_DEV.componentWillReceiveProps &&
+          !NativeMethodsMixin_DEV.UNSAFE_componentWillMount &&
+          !NativeMethodsMixin_DEV.UNSAFE_componentWillReceiveProps
+        )
+      ) {
+        throw ReactError(Error("Do not override existing functions."));
+      }
+    })();
+    // TODO (bvaughn) Remove cWM and cWRP in a future version of React Native,
+    // Once these lifecycles have been remove from the reconciler.
+    NativeMethodsMixin_DEV.componentWillMount = function() {
+      throwOnStylesProp(this, this.props);
+    };
+    NativeMethodsMixin_DEV.componentWillReceiveProps = function(newProps) {
+      throwOnStylesProp(this, newProps);
+    };
+    NativeMethodsMixin_DEV.UNSAFE_componentWillMount = function() {
+      throwOnStylesProp(this, this.props);
+    };
+    NativeMethodsMixin_DEV.UNSAFE_componentWillReceiveProps = function(
+      newProps
+    ) {
+      throwOnStylesProp(this, newProps);
+    };
+
+    // React may warn about cWM/cWRP/cWU methods being deprecated.
+    // Add a flag to suppress these warnings for this special case.
+    // TODO (bvaughn) Remove this flag once the above methods have been removed.
+    NativeMethodsMixin_DEV.componentWillMount.__suppressDeprecationWarning = true;
+    NativeMethodsMixin_DEV.componentWillReceiveProps.__suppressDeprecationWarning = true;
+  }
+
+  return NativeMethodsMixin;
+};
+
+function _classCallCheck$1(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+function _possibleConstructorReturn(self, call) {
+  if (!self) {
+    throw new ReferenceError(
+      "this hasn't been initialised - super() hasn't been called"
+    );
+  }
+  return call && (typeof call === "object" || typeof call === "function")
+    ? call
+    : self;
+}
+
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError(
+      "Super expression must either be null or a function, not " +
+        typeof superClass
+    );
+  }
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      enumerable: false,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass)
+    Object.setPrototypeOf
+      ? Object.setPrototypeOf(subClass, superClass)
+      : (subClass.__proto__ = superClass);
+}
+
+// Modules provided by RN:
+var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
+  /**
+   * Superclass that provides methods to access the underlying native component.
+   * This can be useful when you want to focus a view or measure its dimensions.
+   *
+   * Methods implemented by this class are available on most default components
+   * provided by React Native. However, they are *not* available on composite
+   * components that are not directly backed by a native view. For more
+   * information, see [Direct Manipulation](docs/direct-manipulation.html).
+   *
+   * @abstract
+   */
+  var ReactNativeComponent = (function(_React$Component) {
+    _inherits(ReactNativeComponent, _React$Component);
+
+    function ReactNativeComponent() {
+      _classCallCheck$1(this, ReactNativeComponent);
+
+      return _possibleConstructorReturn(
+        this,
+        _React$Component.apply(this, arguments)
+      );
+    }
+
+    /**
+     * Removes focus. This is the opposite of `focus()`.
+     */
+
+    /**
+     * Due to bugs in Flow's handling of React.createClass, some fields already
+     * declared in the base class need to be redeclared below.
+     */
+    ReactNativeComponent.prototype.blur = function blur() {
+      ReactNativePrivateInterface.TextInputState.blurTextInput(
+        findNodeHandle(this)
+      );
+    };
+
+    /**
+     * Requests focus. The exact behavior depends on the platform and view.
+     */
+
+    ReactNativeComponent.prototype.focus = function focus() {
+      ReactNativePrivateInterface.TextInputState.focusTextInput(
+        findNodeHandle(this)
+      );
+    };
+
+    /**
+     * Measures the on-screen location and dimensions. If successful, the callback
+     * will be called asynchronously with the following arguments:
+     *
+     *  - x
+     *  - y
+     *  - width
+     *  - height
+     *  - pageX
+     *  - pageY
+     *
+     * These values are not available until after natives rendering completes. If
+     * you need the measurements as soon as possible, consider using the
+     * [`onLayout` prop](docs/view.html#onlayout) instead.
+     */
+
+    ReactNativeComponent.prototype.measure = function measure(callback) {
+      var maybeInstance = void 0;
+
+      // Fiber errors if findNodeHandle is called for an umounted component.
+      // Tests using ReactTestRenderer will trigger this case indirectly.
+      // Mimicking stack behavior, we should silently ignore this case.
+      // TODO Fix ReactTestRenderer so we can remove this try/catch.
+      try {
+        maybeInstance = findHostInstance(this);
+      } catch (error) {}
+
+      // If there is no host component beneath this we should fail silently.
+      // This is not an error; it could mean a class component rendered null.
+      if (maybeInstance == null) {
+        return;
+      }
+
+      if (maybeInstance.canonical) {
+        // We can't call FabricUIManager here because it won't be loaded in paper
+        // at initialization time. See https://github.com/facebook/react/pull/15490
+        // for more info.
+        nativeFabricUIManager.measure(
+          maybeInstance.node,
+          mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+        );
+      } else {
+        ReactNativePrivateInterface.UIManager.measure(
+          findNodeHandle(this),
+          mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+        );
+      }
+    };
+
+    /**
+     * Measures the on-screen location and dimensions. Even if the React Native
+     * root view is embedded within another native view, this method will give you
+     * the absolute coordinates measured from the window. If successful, the
+     * callback will be called asynchronously with the following arguments:
+     *
+     *  - x
+     *  - y
+     *  - width
+     *  - height
+     *
+     * These values are not available until after natives rendering completes.
+     */
+
+    ReactNativeComponent.prototype.measureInWindow = function measureInWindow(
+      callback
+    ) {
+      var maybeInstance = void 0;
+
+      // Fiber errors if findNodeHandle is called for an umounted component.
+      // Tests using ReactTestRenderer will trigger this case indirectly.
+      // Mimicking stack behavior, we should silently ignore this case.
+      // TODO Fix ReactTestRenderer so we can remove this try/catch.
+      try {
+        maybeInstance = findHostInstance(this);
+      } catch (error) {}
+
+      // If there is no host component beneath this we should fail silently.
+      // This is not an error; it could mean a class component rendered null.
+      if (maybeInstance == null) {
+        return;
+      }
+
+      if (maybeInstance.canonical) {
+        // We can't call FabricUIManager here because it won't be loaded in paper
+        // at initialization time. See https://github.com/facebook/react/pull/15490
+        // for more info.
+        nativeFabricUIManager.measureInWindow(
+          maybeInstance.node,
+          mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+        );
+      } else {
+        ReactNativePrivateInterface.UIManager.measureInWindow(
+          findNodeHandle(this),
+          mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+        );
+      }
+    };
+
+    /**
+     * Similar to [`measure()`](#measure), but the resulting location will be
+     * relative to the supplied ancestor's location.
+     *
+     * Obtain a native node handle with `ReactNative.findNodeHandle(component)`.
+     */
+
+    ReactNativeComponent.prototype.measureLayout = function measureLayout(
+      relativeToNativeNode,
+      onSuccess,
+      onFail /* currently unused */
+    ) {
+      var maybeInstance = void 0;
+
+      // Fiber errors if findNodeHandle is called for an umounted component.
+      // Tests using ReactTestRenderer will trigger this case indirectly.
+      // Mimicking stack behavior, we should silently ignore this case.
+      // TODO Fix ReactTestRenderer so we can remove this try/catch.
+      try {
+        maybeInstance = findHostInstance(this);
+      } catch (error) {}
+
+      // If there is no host component beneath this we should fail silently.
+      // This is not an error; it could mean a class component rendered null.
+      if (maybeInstance == null) {
+        return;
+      }
+
+      if (maybeInstance.canonical) {
+        warningWithoutStack$1(
+          false,
+          "Warning: measureLayout on components using NativeMethodsMixin " +
+            "or ReactNative.NativeComponent is not currently supported in Fabric. " +
+            "measureLayout must be called on a native ref. Consider using forwardRef."
+        );
+        return;
+      } else {
+        var relativeNode = void 0;
+
+        if (typeof relativeToNativeNode === "number") {
+          // Already a node handle
+          relativeNode = relativeToNativeNode;
+        } else if (relativeToNativeNode._nativeTag) {
+          relativeNode = relativeToNativeNode._nativeTag;
+        }
+
+        if (relativeNode == null) {
+          warningWithoutStack$1(
+            false,
+            "Warning: ref.measureLayout must be called with a node handle or a ref to a native component."
+          );
+
+          return;
+        }
+
+        ReactNativePrivateInterface.UIManager.measureLayout(
+          findNodeHandle(this),
+          relativeNode,
+          mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
+          mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
+        );
+      }
+    };
+
+    /**
+     * This function sends props straight to native. They will not participate in
+     * future diff process - this means that if you do not include them in the
+     * next render, they will remain active (see [Direct
+     * Manipulation](docs/direct-manipulation.html)).
+     */
+
+    ReactNativeComponent.prototype.setNativeProps = function setNativeProps(
+      nativeProps
+    ) {
+      // Class components don't have viewConfig -> validateAttributes.
+      // Nor does it make sense to set native props on a non-native component.
+      // Instead, find the nearest host component and set props on it.
+      // Use findNodeHandle() rather than ReactNative.findNodeHandle() because
+      // We want the instance/wrapper (not the native tag).
+      var maybeInstance = void 0;
+
+      // Fiber errors if findNodeHandle is called for an umounted component.
+      // Tests using ReactTestRenderer will trigger this case indirectly.
+      // Mimicking stack behavior, we should silently ignore this case.
+      // TODO Fix ReactTestRenderer so we can remove this try/catch.
+      try {
+        maybeInstance = findHostInstance(this);
+      } catch (error) {}
+
+      // If there is no host component beneath this we should fail silently.
+      // This is not an error; it could mean a class component rendered null.
+      if (maybeInstance == null) {
+        return;
+      }
+
+      if (maybeInstance.canonical) {
+        warningWithoutStack$1(
+          false,
+          "Warning: setNativeProps is not currently supported in Fabric"
+        );
+        return;
+      }
+
+      {
+        if (warnAboutDeprecatedSetNativeProps) {
+          warningWithoutStack$1(
+            false,
+            "Warning: Calling ref.setNativeProps(nativeProps) " +
+              "is deprecated and will be removed in a future release. " +
+              "Use the setNativeProps export from the react-native package instead." +
+              "\n\timport {setNativeProps} from 'react-native';\n\tsetNativeProps(ref, nativeProps);\n"
+          );
+        }
+      }
+
+      var nativeTag =
+        maybeInstance._nativeTag || maybeInstance.canonical._nativeTag;
+      var viewConfig =
+        maybeInstance.viewConfig || maybeInstance.canonical.viewConfig;
+
+      var updatePayload = create(nativeProps, 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(
+          nativeTag,
+          viewConfig.uiViewClassName,
+          updatePayload
+        );
+      }
+    };
+
+    return ReactNativeComponent;
+  })(React.Component);
+
+  // eslint-disable-next-line no-unused-expressions
+
+  return ReactNativeComponent;
+};
+
+// Module provided by RN:
+var emptyObject$2 = {};
+{
+  Object.freeze(emptyObject$2);
+}
+
+var getInspectorDataForViewTag = void 0;
+
+{
+  var traverseOwnerTreeUp = function(hierarchy, instance) {
+    if (instance) {
+      hierarchy.unshift(instance);
+      traverseOwnerTreeUp(hierarchy, instance._debugOwner);
+    }
+  };
+
+  var getOwnerHierarchy = function(instance) {
+    var hierarchy = [];
+    traverseOwnerTreeUp(hierarchy, instance);
+    return hierarchy;
+  };
+
+  var lastNonHostInstance = function(hierarchy) {
+    for (var i = hierarchy.length - 1; i > 1; i--) {
+      var instance = hierarchy[i];
+
+      if (instance.tag !== HostComponent) {
+        return instance;
+      }
+    }
+    return hierarchy[0];
+  };
+
+  var getHostProps = function(fiber) {
+    var host = findCurrentHostFiber(fiber);
+    if (host) {
+      return host.memoizedProps || emptyObject$2;
+    }
+    return emptyObject$2;
+  };
+
+  var getHostNode = function(fiber, findNodeHandle) {
+    var hostNode = void 0;
+    // 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;
+      }
+      fiber = fiber.child;
+    }
+    return null;
+  };
+
+  var createHierarchy = function(fiberHierarchy) {
+    return fiberHierarchy.map(function(fiber) {
+      return {
+        name: getComponentName(fiber.type),
+        getInspectorData: function(findNodeHandle) {
+          return {
+            measure: function(callback) {
+              return ReactNativePrivateInterface.UIManager.measure(
+                getHostNode(fiber, findNodeHandle),
+                callback
+              );
+            },
+            props: getHostProps(fiber),
+            source: fiber._debugSource
+          };
+        }
+      };
+    });
+  };
+
+  getInspectorDataForViewTag = function(viewTag) {
+    var closestInstance = getInstanceFromTag(viewTag);
+
+    // Handle case where user clicks outside of ReactNative
+    if (!closestInstance) {
+      return {
+        hierarchy: [],
+        props: emptyObject$2,
+        selection: null,
+        source: null
+      };
+    }
+
+    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 selection = fiberHierarchy.indexOf(instance);
+
+    return {
+      hierarchy: hierarchy,
+      props: props,
+      selection: selection,
+      source: source
+    };
+  };
+}
+
+// Module provided by RN:
+function setNativeProps(handle, nativeProps) {
+  if (handle._nativeTag == null) {
+    !(handle._nativeTag != null)
+      ? warningWithoutStack$1(
+          false,
+          "setNativeProps was called with a ref that isn't a " +
+            "native component. Use React.forwardRef to get access to the underlying native component"
+        )
+      : void 0;
+    return;
+  }
+
+  {
+    warnForStyleProps(nativeProps, handle.viewConfig.validAttributes);
+  }
+
+  var updatePayload = create(nativeProps, handle.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(
+      handle._nativeTag,
+      handle.viewConfig.uiViewClassName,
+      updatePayload
+    );
+  }
+}
+
+// TODO: direct imports like some-package/src/* are bad. Fix me.
+// Module provided by RN:
+var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+
+function findNodeHandle(componentOrHandle) {
+  {
+    var owner = ReactCurrentOwner.current;
+    if (owner !== null && owner.stateNode !== null) {
+      !owner.stateNode._warnedAboutRefsInRender
+        ? warningWithoutStack$1(
+            false,
+            "%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.",
+            getComponentName(owner.type) || "A component"
+          )
+        : void 0;
+
+      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 = void 0;
+  {
+    hostInstance = findHostInstanceWithWarning(
+      componentOrHandle,
+      "findNodeHandle"
+    );
+  }
+
+  if (hostInstance == null) {
+    return hostInstance;
+  }
+  if (hostInstance.canonical) {
+    // Fabric
+    return hostInstance.canonical._nativeTag;
+  }
+  return hostInstance._nativeTag;
+}
+
+setBatchingImplementation(
+  batchedUpdates$1,
+  discreteUpdates$1,
+  flushDiscreteUpdates,
+  batchedEventUpdates$1
+);
+
+function computeComponentStackForErrorReporting(reactTag) {
+  var fiber = getInstanceFromTag(reactTag);
+  if (!fiber) {
+    return "";
+  }
+  return getStackByFiberInDevAndProd(fiber);
+}
+
+var roots = new Map();
+
+var ReactNativeRenderer = {
+  NativeComponent: ReactNativeComponent(findNodeHandle, findHostInstance),
+
+  findNodeHandle: findNodeHandle,
+
+  dispatchCommand: function(handle, command, args) {
+    if (handle._nativeTag == null) {
+      !(handle._nativeTag != null)
+        ? warningWithoutStack$1(
+            false,
+            "dispatchCommand was called with a ref that isn't a " +
+              "native component. Use React.forwardRef to get access to the underlying native component"
+          )
+        : void 0;
+      return;
+    }
+
+    ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
+      handle._nativeTag,
+      command,
+      args
+    );
+  },
+
+  setNativeProps: setNativeProps,
+
+  render: function(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, false);
+      roots.set(containerTag, root);
+    }
+    updateContainer(element, root, null, callback);
+
+    return getPublicRootInstance(root);
+  },
+  unmountComponentAtNode: function(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);
+      });
+    }
+  },
+  unmountComponentAtNodeAndRemoveContainer: function(containerTag) {
+    ReactNativeRenderer.unmountComponentAtNode(containerTag);
+
+    // Call back into native to remove all of the subviews from this container
+    ReactNativePrivateInterface.UIManager.removeRootView(containerTag);
+  },
+  createPortal: function(children, containerTag) {
+    var key =
+      arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+
+    return createPortal(children, containerTag, null, key);
+  },
+
+  unstable_batchedUpdates: batchedUpdates,
+
+  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
+    // Used as a mixin in many createClass-based components
+    NativeMethodsMixin: NativeMethodsMixin(findNodeHandle, findHostInstance),
+    computeComponentStackForErrorReporting: computeComponentStackForErrorReporting
+  }
+};
+
+injectIntoDevTools({
+  findFiberByHostInstance: getInstanceFromTag,
+  getInspectorDataForViewTag: getInspectorDataForViewTag,
+  bundleType: 1,
+  version: ReactVersion,
+  rendererPackageName: "react-native-renderer"
+});
+
+var ReactNativeRenderer$2 = Object.freeze({
+  default: ReactNativeRenderer
+});
+
+var ReactNativeRenderer$3 =
+  (ReactNativeRenderer$2 && ReactNativeRenderer) || ReactNativeRenderer$2;
+
+// TODO: decide on the top-level export form.
+// This is hacky but makes it work with both Rollup and Jest.
+var reactNativeRenderer =
+  ReactNativeRenderer$3.default || ReactNativeRenderer$3;
+
+module.exports = reactNativeRenderer;
+
+  })();
+}
\ No newline at end of file
diff --git a/Libraries/Renderer/oss/ReactNativeRenderer-dev.js b/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js
similarity index 78%
rename from Libraries/Renderer/oss/ReactNativeRenderer-dev.js
rename to Libraries/Renderer/implementations/ReactNativeRenderer-dev.js
index 1aa431603cdfea..f145b4faab1a93 100644
--- a/Libraries/Renderer/oss/ReactNativeRenderer-dev.js
+++ b/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js
@@ -16,26 +16,18 @@ if (__DEV__) {
   (function() {
 "use strict";
 
-require("InitializeCore");
-var ReactNativeViewConfigRegistry = require("ReactNativeViewConfigRegistry");
-var UIManager = require("UIManager");
-var RCTEventEmitter = require("RCTEventEmitter");
+require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
+var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface");
 var React = require("react");
-var deepFreezeAndThrowOnMutationInDev = require("deepFreezeAndThrowOnMutationInDev");
-var deepDiffer = require("deepDiffer");
-var flattenStyle = require("flattenStyle");
-var TextInputState = require("TextInputState");
 var checkPropTypes = require("prop-types/checkPropTypes");
 var Scheduler = require("scheduler");
 var tracing = require("scheduler/tracing");
-var ExceptionsManager = require("ExceptionsManager");
 
-// Do not require this module directly! Use a normal error constructor with
+// Do not require this module directly! Use normal `invariant` calls with
 // template literal strings. The messages will be converted to ReactError during
 // build, and in production they will be minified.
 
-function ReactError(message) {
-  var error = new Error(message);
+function ReactError(error) {
   error.name = "Invariant Violation";
   return error;
 }
@@ -77,9 +69,11 @@ function recomputePluginOrdering() {
     (function() {
       if (!(pluginIndex > -1)) {
         throw ReactError(
-          "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
-            pluginName +
-            "`."
+          Error(
+            "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+              pluginName +
+              "`."
+          )
         );
       }
     })();
@@ -89,9 +83,11 @@ function recomputePluginOrdering() {
     (function() {
       if (!pluginModule.extractEvents) {
         throw ReactError(
-          "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
-            pluginName +
-            "` does not."
+          Error(
+            "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
+              pluginName +
+              "` does not."
+          )
         );
       }
     })();
@@ -107,11 +103,13 @@ function recomputePluginOrdering() {
           )
         ) {
           throw ReactError(
-            "EventPluginRegistry: Failed to publish event `" +
-              eventName +
-              "` for plugin `" +
-              pluginName +
-              "`."
+            Error(
+              "EventPluginRegistry: Failed to publish event `" +
+                eventName +
+                "` for plugin `" +
+                pluginName +
+                "`."
+            )
           );
         }
       })();
@@ -131,9 +129,11 @@ function publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
   (function() {
     if (!!eventNameDispatchConfigs.hasOwnProperty(eventName)) {
       throw ReactError(
-        "EventPluginHub: More than one plugin attempted to publish the same event name, `" +
-          eventName +
-          "`."
+        Error(
+          "EventPluginHub: More than one plugin attempted to publish the same event name, `" +
+            eventName +
+            "`."
+        )
       );
     }
   })();
@@ -174,9 +174,11 @@ function publishRegistrationName(registrationName, pluginModule, eventName) {
   (function() {
     if (!!registrationNameModules[registrationName]) {
       throw ReactError(
-        "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
-          registrationName +
-          "`."
+        Error(
+          "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
+            registrationName +
+            "`."
+        )
       );
     }
   })();
@@ -237,7 +239,9 @@ function injectEventPluginOrder(injectedEventPluginOrder) {
   (function() {
     if (!!eventPluginOrder) {
       throw ReactError(
-        "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
+        Error(
+          "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
+        )
       );
     }
   })();
@@ -270,9 +274,11 @@ function injectEventPluginsByName(injectedNamesToPlugins) {
       (function() {
         if (!!namesToPlugins[pluginName]) {
           throw ReactError(
-            "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
-              pluginName +
-              "`."
+            Error(
+              "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+                pluginName +
+                "`."
+            )
           );
         }
       })();
@@ -352,7 +358,9 @@ var invokeGuardedCallbackImpl = function(
       (function() {
         if (!(typeof document !== "undefined")) {
           throw ReactError(
-            "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."
+            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."
+            )
           );
         }
       })();
@@ -581,7 +589,9 @@ function clearCaughtError() {
     (function() {
       {
         throw ReactError(
-          "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       }
     })();
@@ -795,7 +805,7 @@ function executeDirectDispatch(event) {
   var dispatchInstance = event._dispatchInstances;
   (function() {
     if (!!Array.isArray(dispatchListener)) {
-      throw ReactError("executeDirectDispatch(...): Invalid `event`.");
+      throw ReactError(Error("executeDirectDispatch(...): Invalid `event`."));
     }
   })();
   event.currentTarget = dispatchListener
@@ -833,7 +843,9 @@ function accumulateInto(current, next) {
   (function() {
     if (!(next != null)) {
       throw ReactError(
-        "accumulateInto(...): Accumulated items must not be null or undefined."
+        Error(
+          "accumulateInto(...): Accumulated items must not be null or undefined."
+        )
       );
     }
   })();
@@ -921,7 +933,9 @@ function runEventsInBatch(events) {
   (function() {
     if (!!eventQueue) {
       throw ReactError(
-        "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+        Error(
+          "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+        )
       );
     }
   })();
@@ -1022,11 +1036,13 @@ function getListener(inst, registrationName) {
   (function() {
     if (!(!listener || typeof listener === "function")) {
       throw ReactError(
-        "Expected `" +
-          registrationName +
-          "` listener to be a function, instead got a value of `" +
-          typeof listener +
-          "` type."
+        Error(
+          "Expected `" +
+            registrationName +
+            "` listener to be a function, instead got a value of `" +
+            typeof listener +
+            "` type."
+        )
       );
     }
   })();
@@ -1099,8 +1115,8 @@ var SimpleMemoComponent = 15;
 var LazyComponent = 16;
 var IncompleteClassComponent = 17;
 var DehydratedSuspenseComponent = 18;
-var EventComponent = 19;
-var EventTarget = 20;
+var SuspenseListComponent = 19;
+var FundamentalComponent = 20;
 
 function getParent(inst) {
   do {
@@ -1561,7 +1577,7 @@ function getPooledWarningPropertyDefinition(propName, getVal) {
   return {
     configurable: true,
     set: set,
-    get: get$$1
+    get: get
   };
 
   function set(val) {
@@ -1570,7 +1586,7 @@ function getPooledWarningPropertyDefinition(propName, getVal) {
     return val;
   }
 
-  function get$$1() {
+  function get() {
     var action = isFunction ? "accessing the method" : "accessing the property";
     var result = isFunction
       ? "This is a no-op function"
@@ -1622,7 +1638,9 @@ function releasePooledEvent(event) {
   (function() {
     if (!(event instanceof EventConstructor)) {
       throw ReactError(
-        "Trying to release an event instance into a pool of a different type."
+        Error(
+          "Trying to release an event instance into a pool of a different type."
+        )
       );
     }
   })();
@@ -1734,7 +1752,7 @@ function getTouchIdentifier(_ref) {
 
   (function() {
     if (!(identifier != null)) {
-      throw ReactError("Touch object is missing identifier.");
+      throw ReactError(Error("Touch object is missing identifier."));
     }
   })();
   {
@@ -1774,7 +1792,7 @@ function recordTouchMove(touch) {
     touchRecord.currentTimeStamp = timestampForTouch(touch);
     touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
   } else {
-    console.error(
+    console.warn(
       "Cannot record touch move without a touch start.\n" + "Touch Move: %s\n",
       "Touch Bank: %s",
       printTouch(touch),
@@ -1795,7 +1813,7 @@ function recordTouchEnd(touch) {
     touchRecord.currentTimeStamp = timestampForTouch(touch);
     touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
   } else {
-    console.error(
+    console.warn(
       "Cannot record touch end without a touch start.\n" + "Touch End: %s\n",
       "Touch Bank: %s",
       printTouch(touch),
@@ -1867,7 +1885,9 @@ function accumulate(current, next) {
   (function() {
     if (!(next != null)) {
       throw ReactError(
-        "accumulate(...): Accumulated items must not be null or undefined."
+        Error(
+          "accumulate(...): Accumulated items must not be null or undefined."
+        )
       );
     }
   })();
@@ -1913,7 +1933,7 @@ var changeResponder = function(nextResponderInst, blockHostResponder) {
   }
 };
 
-var eventTypes$1 = {
+var eventTypes = {
   /**
    * On a `touchStart`/`mouseDown`, is it desired that this element become the
    * responder?
@@ -2204,12 +2224,12 @@ function setResponderAndExtractTransfer(
   nativeEventTarget
 ) {
   var shouldSetEventType = isStartish(topLevelType)
-    ? eventTypes$1.startShouldSetResponder
+    ? eventTypes.startShouldSetResponder
     : isMoveish(topLevelType)
-      ? eventTypes$1.moveShouldSetResponder
+      ? eventTypes.moveShouldSetResponder
       : topLevelType === TOP_SELECTION_CHANGE
-        ? eventTypes$1.selectionChangeShouldSetResponder
-        : eventTypes$1.scrollShouldSetResponder;
+        ? eventTypes.selectionChangeShouldSetResponder
+        : eventTypes.scrollShouldSetResponder;
 
   // TODO: stop one short of the current responder.
   var bubbleShouldSetFrom = !responderInst
@@ -2243,7 +2263,7 @@ function setResponderAndExtractTransfer(
   }
   var extracted = void 0;
   var grantEvent = ResponderSyntheticEvent.getPooled(
-    eventTypes$1.responderGrant,
+    eventTypes.responderGrant,
     wantsResponderInst,
     nativeEvent,
     nativeEventTarget
@@ -2254,7 +2274,7 @@ function setResponderAndExtractTransfer(
   var blockHostResponder = executeDirectDispatch(grantEvent) === true;
   if (responderInst) {
     var terminationRequestEvent = ResponderSyntheticEvent.getPooled(
-      eventTypes$1.responderTerminationRequest,
+      eventTypes.responderTerminationRequest,
       responderInst,
       nativeEvent,
       nativeEventTarget
@@ -2271,7 +2291,7 @@ function setResponderAndExtractTransfer(
 
     if (shouldSwitch) {
       var terminateEvent = ResponderSyntheticEvent.getPooled(
-        eventTypes$1.responderTerminate,
+        eventTypes.responderTerminate,
         responderInst,
         nativeEvent,
         nativeEventTarget
@@ -2282,7 +2302,7 @@ function setResponderAndExtractTransfer(
       changeResponder(wantsResponderInst, blockHostResponder);
     } else {
       var rejectEvent = ResponderSyntheticEvent.getPooled(
-        eventTypes$1.responderReject,
+        eventTypes.responderReject,
         wantsResponderInst,
         nativeEvent,
         nativeEventTarget
@@ -2351,7 +2371,7 @@ var ResponderEventPlugin = {
     return responderInst;
   },
 
-  eventTypes: eventTypes$1,
+  eventTypes: eventTypes,
 
   /**
    * We must be resilient to `targetInst` being `null` on `touchMove` or
@@ -2401,11 +2421,11 @@ var ResponderEventPlugin = {
     var isResponderTouchMove = responderInst && isMoveish(topLevelType);
     var isResponderTouchEnd = responderInst && isEndish(topLevelType);
     var incrementalTouch = isResponderTouchStart
-      ? eventTypes$1.responderStart
+      ? eventTypes.responderStart
       : isResponderTouchMove
-        ? eventTypes$1.responderMove
+        ? eventTypes.responderMove
         : isResponderTouchEnd
-          ? eventTypes$1.responderEnd
+          ? eventTypes.responderEnd
           : null;
 
     if (incrementalTouch) {
@@ -2428,9 +2448,9 @@ var ResponderEventPlugin = {
       isEndish(topLevelType) &&
       noResponderTouches(nativeEvent);
     var finalTouch = isResponderTerminate
-      ? eventTypes$1.responderTerminate
+      ? eventTypes.responderTerminate
       : isResponderRelease
-        ? eventTypes$1.responderRelease
+        ? eventTypes.responderRelease
         : null;
     if (finalTouch) {
       var finalEvent = ResponderSyntheticEvent.getPooled(
@@ -2462,8 +2482,16 @@ var ResponderEventPlugin = {
   }
 };
 
+// Module provided by RN:
+var customBubblingEventTypes =
+  ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+    .customBubblingEventTypes;
+var customDirectEventTypes =
+  ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+    .customDirectEventTypes;
+
 var ReactNativeBridgeEventPlugin = {
-  eventTypes: ReactNativeViewConfigRegistry.eventTypes,
+  eventTypes: {},
 
   /**
    * @see {EventPluginHub.extractEvents}
@@ -2478,14 +2506,14 @@ var ReactNativeBridgeEventPlugin = {
       // Probably a node belonging to another renderer's tree.
       return null;
     }
-    var bubbleDispatchConfig =
-      ReactNativeViewConfigRegistry.customBubblingEventTypes[topLevelType];
-    var directDispatchConfig =
-      ReactNativeViewConfigRegistry.customDirectEventTypes[topLevelType];
+    var bubbleDispatchConfig = customBubblingEventTypes[topLevelType];
+    var directDispatchConfig = customDirectEventTypes[topLevelType];
     (function() {
       if (!(bubbleDispatchConfig || directDispatchConfig)) {
         throw ReactError(
-          'Unsupported top level event type "' + topLevelType + '" dispatched'
+          Error(
+            'Unsupported top level event type "' + topLevelType + '" dispatched'
+          )
         );
       }
     })();
@@ -2532,20 +2560,20 @@ injection.injectEventPluginsByName({
   ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
 });
 
-var instanceCache = {};
-var instanceProps = {};
+var instanceCache = new Map();
+var instanceProps = new Map();
 
 function precacheFiberNode(hostInst, tag) {
-  instanceCache[tag] = hostInst;
+  instanceCache.set(tag, hostInst);
 }
 
 function uncacheFiberNode(tag) {
-  delete instanceCache[tag];
-  delete instanceProps[tag];
+  instanceCache.delete(tag);
+  instanceProps.delete(tag);
 }
 
 function getInstanceFromTag(tag) {
-  return instanceCache[tag] || null;
+  return instanceCache.get(tag) || null;
 }
 
 function getTagFromInstance(inst) {
@@ -2555,18 +2583,18 @@ function getTagFromInstance(inst) {
   }
   (function() {
     if (!tag) {
-      throw ReactError("All native instances should have a tag.");
+      throw ReactError(Error("All native instances should have a tag."));
     }
   })();
   return tag;
 }
 
 function getFiberCurrentPropsFromNode$1(stateNode) {
-  return instanceProps[stateNode._nativeTag] || null;
+  return instanceProps.get(stateNode._nativeTag) || null;
 }
 
 function updateFiberProps(tag, props) {
-  instanceProps[tag] = props;
+  instanceProps.set(tag, props);
 }
 
 // Use to restore controlled state after a change event has fired.
@@ -2586,7 +2614,9 @@ function restoreStateOfTarget(target) {
   (function() {
     if (!(typeof restoreImpl === "function")) {
       throw ReactError(
-        "setRestoreImplementation() needs to be called to handle a target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "setRestoreImplementation() needs to be called to handle a target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     }
   })();
@@ -2615,6 +2645,31 @@ function restoreStateIfNeeded() {
   }
 }
 
+var debugRenderPhaseSideEffects = false;
+var debugRenderPhaseSideEffectsForStrictMode = false;
+var enableUserTimingAPI = true;
+var replayFailedUnitOfWorkWithInvokeGuardedCallback = true;
+var warnAboutDeprecatedLifecycles = true;
+var enableProfilerTimer = true;
+var enableSchedulerTracing = true;
+var enableSuspenseServerRenderer = false;
+
+var warnAboutDeprecatedSetNativeProps = false;
+var enableFlareAPI = false;
+var enableFundamentalAPI = false;
+
+var warnAboutUnmockedScheduler = false;
+var revertPassiveEffectsChange = false;
+var flushSuspenseFallbacksInTests = true;
+
+var enableSuspenseCallback = false;
+var warnAboutDefaultPropsOnFunctionComponents = false;
+var warnAboutStringRefs = false;
+var disableLegacyContext = false;
+var disableSchedulerTimeoutBasedOnReactExpirationTime = false;
+
+// Only used in www builds.
+
 // 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
@@ -2622,45 +2677,50 @@ function restoreStateIfNeeded() {
 // scheduled work and instead do synchronous work.
 
 // Defaults
-var _batchedUpdatesImpl = function(fn, bookkeeping) {
+var batchedUpdatesImpl = function(fn, bookkeeping) {
   return fn(bookkeeping);
 };
-var _flushInteractiveUpdatesImpl = function() {};
+var flushDiscreteUpdatesImpl = function() {};
+var isInsideEventHandler = false;
+
+function finishEventHandler() {
+  // Here we wait until all updates have propagated, which is important
+  // when using controlled components within layers:
+  // https://github.com/facebook/react/issues/1698
+  // Then we restore state of any controlled component.
+  var controlledComponentsHavePendingUpdates = needsStateRestore();
+  if (controlledComponentsHavePendingUpdates) {
+    // If a controlled event was fired, we may need to restore the state of
+    // the DOM node back to the controlled value. This is necessary when React
+    // bails out of the update without touching the DOM.
+    flushDiscreteUpdatesImpl();
+    restoreStateIfNeeded();
+  }
+}
 
-var isBatching = false;
 function batchedUpdates(fn, bookkeeping) {
-  if (isBatching) {
+  if (isInsideEventHandler) {
     // If we are currently inside another batch, we need to wait until it
     // fully completes before restoring state.
     return fn(bookkeeping);
   }
-  isBatching = true;
+  isInsideEventHandler = true;
   try {
-    return _batchedUpdatesImpl(fn, bookkeeping);
+    return batchedUpdatesImpl(fn, bookkeeping);
   } finally {
-    // Here we wait until all updates have propagated, which is important
-    // when using controlled components within layers:
-    // https://github.com/facebook/react/issues/1698
-    // Then we restore state of any controlled component.
-    isBatching = false;
-    var controlledComponentsHavePendingUpdates = needsStateRestore();
-    if (controlledComponentsHavePendingUpdates) {
-      // If a controlled event was fired, we may need to restore the state of
-      // the DOM node back to the controlled value. This is necessary when React
-      // bails out of the update without touching the DOM.
-      _flushInteractiveUpdatesImpl();
-      restoreStateIfNeeded();
-    }
+    isInsideEventHandler = false;
+    finishEventHandler();
   }
 }
 
 function setBatchingImplementation(
-  batchedUpdatesImpl,
-  interactiveUpdatesImpl,
-  flushInteractiveUpdatesImpl
+  _batchedUpdatesImpl,
+  _discreteUpdatesImpl,
+  _flushDiscreteUpdatesImpl,
+  _batchedEventUpdatesImpl
 ) {
-  _batchedUpdatesImpl = batchedUpdatesImpl;
-  _flushInteractiveUpdatesImpl = flushInteractiveUpdatesImpl;
+  batchedUpdatesImpl = _batchedUpdatesImpl;
+  flushDiscreteUpdatesImpl = _flushDiscreteUpdatesImpl;
 }
 
 /**
@@ -2816,9 +2876,12 @@ var ReactNativeGlobalResponderHandler = {
   onChange: function(from, to, blockNativeResponder) {
     if (to !== null) {
       var tag = to.stateNode._nativeTag;
-      UIManager.setJSResponder(tag, blockNativeResponder);
+      ReactNativePrivateInterface.UIManager.setJSResponder(
+        tag,
+        blockNativeResponder
+      );
     } else {
-      UIManager.clearJSResponder();
+      ReactNativePrivateInterface.UIManager.clearJSResponder();
     }
   }
 };
@@ -2827,7 +2890,7 @@ var ReactNativeGlobalResponderHandler = {
 /**
  * Register the event emitter with the native bridge
  */
-RCTEventEmitter.register({
+ReactNativePrivateInterface.RCTEventEmitter.register({
   receiveEvent: receiveEvent,
   receiveTouches: receiveTouches
 });
@@ -2858,7 +2921,7 @@ ResponderEventPlugin.injection.injectGlobalResponderHandler(
  * supported we can rename it.
  */
 
-function get$1(key) {
+function get(key) {
   return key._reactInternalFiber;
 }
 
@@ -2877,6 +2940,11 @@ if (!ReactSharedInternals.hasOwnProperty("ReactCurrentDispatcher")) {
     current: null
   };
 }
+if (!ReactSharedInternals.hasOwnProperty("ReactCurrentBatchConfig")) {
+  ReactSharedInternals.ReactCurrentBatchConfig = {
+    suspense: null
+  };
+}
 
 // The Symbol used to tag the ReactElement-like types. If there is no native Symbol
 // nor polyfill, then a plain number is used for performance.
@@ -2891,6 +2959,8 @@ var REACT_STRICT_MODE_TYPE = hasSymbol
 var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 0xead2;
 var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 0xeacd;
 var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 0xeace;
+// TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
+// (unstable) APIs that have been removed. Can we remove the symbols?
 
 var REACT_CONCURRENT_MODE_TYPE = hasSymbol
   ? Symbol.for("react.concurrent_mode")
@@ -2899,19 +2969,15 @@ var REACT_FORWARD_REF_TYPE = hasSymbol
   ? Symbol.for("react.forward_ref")
   : 0xead0;
 var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 0xead1;
+var REACT_SUSPENSE_LIST_TYPE = hasSymbol
+  ? Symbol.for("react.suspense_list")
+  : 0xead8;
 var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 0xead3;
 var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 0xead4;
-var REACT_EVENT_COMPONENT_TYPE = hasSymbol
-  ? Symbol.for("react.event_component")
+var REACT_FUNDAMENTAL_TYPE = hasSymbol
+  ? Symbol.for("react.fundamental")
   : 0xead5;
-var REACT_EVENT_TARGET_TYPE = hasSymbol
-  ? Symbol.for("react.event_target")
-  : 0xead6;
-
-// React event targets
-var REACT_EVENT_TARGET_TOUCH_HIT = hasSymbol
-  ? Symbol.for("react.event_target.touch_hit")
-  : 0xead7;
+var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 0xead6;
 
 var MAYBE_ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = "@@iterator";
@@ -2937,22 +3003,6 @@ function refineResolvedLazyComponent(lazyComponent) {
   return lazyComponent._status === Resolved ? lazyComponent._result : null;
 }
 
-var debugRenderPhaseSideEffects = false;
-var debugRenderPhaseSideEffectsForStrictMode = false;
-var enableUserTimingAPI = true;
-var replayFailedUnitOfWorkWithInvokeGuardedCallback = true;
-var warnAboutDeprecatedLifecycles = true;
-var enableProfilerTimer = true;
-var enableSchedulerTracing = true;
-var enableSuspenseServerRenderer = false;
-
-var disableYielding = false;
-
-var warnAboutDeprecatedSetNativeProps = false;
-var enableEventAPI = false;
-
-// Only used in www builds.
-
 function getWrappedName(outerType, innerType, wrapperName) {
   var functionName = innerType.displayName || innerType.name || "";
   return (
@@ -2982,8 +3032,6 @@ function getComponentName(type) {
     return type;
   }
   switch (type) {
-    case REACT_CONCURRENT_MODE_TYPE:
-      return "ConcurrentMode";
     case REACT_FRAGMENT_TYPE:
       return "Fragment";
     case REACT_PORTAL_TYPE:
@@ -2994,6 +3042,8 @@ function getComponentName(type) {
       return "StrictMode";
     case REACT_SUSPENSE_TYPE:
       return "Suspense";
+    case REACT_SUSPENSE_LIST_TYPE:
+      return "SuspenseList";
   }
   if (typeof type === "object") {
     switch (type.$$typeof) {
@@ -3013,28 +3063,6 @@ function getComponentName(type) {
         }
         break;
       }
-      case REACT_EVENT_COMPONENT_TYPE: {
-        if (enableEventAPI) {
-          var eventComponent = type;
-          var displayName = eventComponent.displayName;
-          if (displayName !== undefined) {
-            return displayName;
-          }
-        }
-        break;
-      }
-      case REACT_EVENT_TARGET_TYPE: {
-        if (enableEventAPI) {
-          var eventTarget = type;
-          if (eventTarget.type === REACT_EVENT_TARGET_TOUCH_HIT) {
-            return "TouchHitTarget";
-          }
-          var _displayName = eventTarget.displayName;
-          if (_displayName !== undefined) {
-            return _displayName;
-          }
-        }
-      }
     }
   }
   return null;
@@ -3125,7 +3153,7 @@ function isMounted(component) {
     }
   }
 
-  var fiber = get$1(component);
+  var fiber = get(component);
   if (!fiber) {
     return false;
   }
@@ -3135,7 +3163,7 @@ function isMounted(component) {
 function assertIsMounted(fiber) {
   (function() {
     if (!(isFiberMountedImpl(fiber) === MOUNTED)) {
-      throw ReactError("Unable to find node on an unmounted component.");
+      throw ReactError(Error("Unable to find node on an unmounted component."));
     }
   })();
 }
@@ -3147,7 +3175,9 @@ function findCurrentFiberUsingSlowPath(fiber) {
     var state = isFiberMountedImpl(fiber);
     (function() {
       if (!(state !== UNMOUNTED)) {
-        throw ReactError("Unable to find node on an unmounted component.");
+        throw ReactError(
+          Error("Unable to find node on an unmounted component.")
+        );
       }
     })();
     if (state === MOUNTING) {
@@ -3203,7 +3233,9 @@ function findCurrentFiberUsingSlowPath(fiber) {
       // way this could possibly happen is if this was unmounted, if at all.
       (function() {
         {
-          throw ReactError("Unable to find node on an unmounted component.");
+          throw ReactError(
+            Error("Unable to find node on an unmounted component.")
+          );
         }
       })();
     }
@@ -3259,7 +3291,9 @@ function findCurrentFiberUsingSlowPath(fiber) {
         (function() {
           if (!didFindChild) {
             throw ReactError(
-              "Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue."
+              Error(
+                "Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue."
+              )
             );
           }
         })();
@@ -3269,7 +3303,9 @@ function findCurrentFiberUsingSlowPath(fiber) {
     (function() {
       if (!(a.alternate === b)) {
         throw ReactError(
-          "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       }
     })();
@@ -3278,7 +3314,7 @@ function findCurrentFiberUsingSlowPath(fiber) {
   // unmounted.
   (function() {
     if (!(a.tag === HostRoot)) {
-      throw ReactError("Unable to find node on an unmounted component.");
+      throw ReactError(Error("Unable to find node on an unmounted component."));
     }
   })();
   if (a.stateNode.current === a) {
@@ -3344,7 +3380,7 @@ function defaultDiffer(prevProp, nextProp) {
     return true;
   } else {
     // For objects and arrays, the default diffing algorithm is a deep compare
-    return deepDiffer(prevProp, nextProp);
+    return ReactNativePrivateInterface.deepDiffer(prevProp, nextProp);
   }
 }
 
@@ -3484,7 +3520,7 @@ function diffNestedProperty(
     return diffProperties(
       updatePayload,
       // $FlowFixMe - We know that this is always an object when the input is.
-      flattenStyle(prevProp),
+      ReactNativePrivateInterface.flattenStyle(prevProp),
       // $FlowFixMe - We know that this isn't an array because of above flow.
       nextProp,
       validAttributes
@@ -3495,7 +3531,7 @@ function diffNestedProperty(
     updatePayload,
     prevProp,
     // $FlowFixMe - We know that this is always an object when the input is.
-    flattenStyle(nextProp),
+    ReactNativePrivateInterface.flattenStyle(nextProp),
     validAttributes
   );
 }
@@ -3827,19 +3863,6 @@ function warnForStyleProps(props, validAttributes) {
   }
 }
 
-var debugRenderPhaseSideEffects = false;
-var debugRenderPhaseSideEffectsForStrictMode = false;
-var enableUserTimingAPI = true;
-var replayFailedUnitOfWorkWithInvokeGuardedCallback = true;
-var warnAboutDeprecatedLifecycles = false;
-var enableProfilerTimer = true;
-var enableSchedulerTracing = true;
-var enableSuspenseServerRenderer = false;
-
-var warnAboutDeprecatedSetNativeProps = false;
-
-// Only used in www builds.
-
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
@@ -3865,15 +3888,15 @@ var ReactNativeFiberHostComponent = (function() {
   }
 
   ReactNativeFiberHostComponent.prototype.blur = function blur() {
-    TextInputState.blurTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
   };
 
   ReactNativeFiberHostComponent.prototype.focus = function focus() {
-    TextInputState.focusTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.focusTextInput(this._nativeTag);
   };
 
   ReactNativeFiberHostComponent.prototype.measure = function measure(callback) {
-    UIManager.measure(
+    ReactNativePrivateInterface.UIManager.measure(
       this._nativeTag,
       mountSafeCallback_NOT_REALLY_SAFE(this, callback)
     );
@@ -3882,7 +3905,7 @@ var ReactNativeFiberHostComponent = (function() {
   ReactNativeFiberHostComponent.prototype.measureInWindow = function measureInWindow(
     callback
   ) {
-    UIManager.measureInWindow(
+    ReactNativePrivateInterface.UIManager.measureInWindow(
       this._nativeTag,
       mountSafeCallback_NOT_REALLY_SAFE(this, callback)
     );
@@ -3916,7 +3939,7 @@ var ReactNativeFiberHostComponent = (function() {
       return;
     }
 
-    UIManager.measureLayout(
+    ReactNativePrivateInterface.UIManager.measureLayout(
       this._nativeTag,
       relativeNode,
       mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
@@ -3946,7 +3969,7 @@ var ReactNativeFiberHostComponent = (function() {
     // This is an expensive no-op for Android, and causes an unnecessary
     // view invalidation for certain components (eg RCTTextInput) on iOS.
     if (updatePayload != null) {
-      UIManager.updateView(
+      ReactNativePrivateInterface.UIManager.updateView(
         this._nativeTag,
         this.viewConfig.uiViewClassName,
         updatePayload
@@ -3964,7 +3987,9 @@ function shim() {
   (function() {
     {
       throw ReactError(
-        "The current renderer does not support persistence. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "The current renderer does not support persistence. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     }
   })();
@@ -3973,6 +3998,7 @@ function shim() {
 // Persistence (when unsupported)
 var supportsPersistence = false;
 var cloneInstance = shim;
+var cloneFundamentalInstance = shim;
 var createContainerChildSet = shim;
 var appendChildToContainerChildSet = shim;
 var finalizeContainerChildren = shim;
@@ -3987,7 +4013,9 @@ function shim$1() {
   (function() {
     {
       throw ReactError(
-        "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     }
   })();
@@ -4021,6 +4049,8 @@ var didNotFindHydratableTextInstance = shim$1;
 var didNotFindHydratableSuspenseInstance = shim$1;
 
 // Modules provided by RN:
+var getViewConfigForType =
+  ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get; // Unused
 // Unused
 
 var UPDATE_SIGNAL = {};
@@ -4064,19 +4094,21 @@ function createInstance(
   internalInstanceHandle
 ) {
   var tag = allocateTag();
-  var viewConfig = ReactNativeViewConfigRegistry.get(type);
+  var viewConfig = getViewConfigForType(type);
 
   {
     for (var key in viewConfig.validAttributes) {
       if (props.hasOwnProperty(key)) {
-        deepFreezeAndThrowOnMutationInDev(props[key]);
+        ReactNativePrivateInterface.deepFreezeAndThrowOnMutationInDev(
+          props[key]
+        );
       }
     }
   }
 
   var updatePayload = create(props, viewConfig.validAttributes);
 
-  UIManager.createView(
+  ReactNativePrivateInterface.UIManager.createView(
     tag, // reactTag
     viewConfig.uiViewClassName, // viewName
     rootContainerInstance, // rootTag
@@ -4102,14 +4134,14 @@ function createTextInstance(
   (function() {
     if (!hostContext.isInAParentText) {
       throw ReactError(
-        "Text strings must be rendered within a <Text> component."
+        Error("Text strings must be rendered within a <Text> component.")
       );
     }
   })();
 
   var tag = allocateTag();
 
-  UIManager.createView(
+  ReactNativePrivateInterface.UIManager.createView(
     tag, // reactTag
     "RCTRawText", // viewName
     rootContainerInstance, // rootTag
@@ -4141,7 +4173,7 @@ function finalizeInitialChildren(
       : child._nativeTag;
   });
 
-  UIManager.setChildren(
+  ReactNativePrivateInterface.UIManager.setChildren(
     parentInstance._nativeTag, // containerTag
     nativeTags // reactTags
   );
@@ -4169,16 +4201,6 @@ function getChildHostContext(parentHostContext, type, rootContainerInstance) {
   }
 }
 
-function getChildHostContextForEventComponent(parentHostContext) {
-  // TODO: add getChildHostContextForEventComponent implementation
-  return parentHostContext;
-}
-
-function getChildHostContextForEventTarget(parentHostContext, type) {
-  // TODO: add getChildHostContextForEventTarget implementation
-  return parentHostContext;
-}
-
 function getPublicInstance(instance) {
   return instance;
 }
@@ -4203,6 +4225,7 @@ function resetAfterCommit(containerInfo) {
 }
 
 var isPrimaryRenderer = true;
+var warnsIfNotActing = true;
 
 var scheduleTimeout = setTimeout;
 var cancelTimeout = clearTimeout;
@@ -4237,7 +4260,7 @@ function appendChild(parentInstance, child) {
     children.splice(index, 1);
     children.push(child);
 
-    UIManager.manageChildren(
+    ReactNativePrivateInterface.UIManager.manageChildren(
       parentInstance._nativeTag, // containerTag
       [index], // moveFromIndices
       [children.length - 1], // moveToIndices
@@ -4248,7 +4271,7 @@ function appendChild(parentInstance, child) {
   } else {
     children.push(child);
 
-    UIManager.manageChildren(
+    ReactNativePrivateInterface.UIManager.manageChildren(
       parentInstance._nativeTag, // containerTag
       [], // moveFromIndices
       [], // moveToIndices
@@ -4261,14 +4284,14 @@ function appendChild(parentInstance, child) {
 
 function appendChildToContainer(parentInstance, child) {
   var childTag = typeof child === "number" ? child : child._nativeTag;
-  UIManager.setChildren(
+  ReactNativePrivateInterface.UIManager.setChildren(
     parentInstance, // containerTag
     [childTag] // reactTags
   );
 }
 
 function commitTextUpdate(textInstance, oldText, newText) {
-  UIManager.updateView(
+  ReactNativePrivateInterface.UIManager.updateView(
     textInstance, // reactTag
     "RCTRawText", // viewName
     { text: newText } // props
@@ -4293,7 +4316,7 @@ function commitUpdate(
   // This is an expensive no-op for Android, and causes an unnecessary
   // view invalidation for certain components (eg RCTTextInput) on iOS.
   if (updatePayload != null) {
-    UIManager.updateView(
+    ReactNativePrivateInterface.UIManager.updateView(
       instance._nativeTag, // reactTag
       viewConfig.uiViewClassName, // viewName
       updatePayload // props
@@ -4311,7 +4334,7 @@ function insertBefore(parentInstance, child, beforeChild) {
     var beforeChildIndex = children.indexOf(beforeChild);
     children.splice(beforeChildIndex, 0, child);
 
-    UIManager.manageChildren(
+    ReactNativePrivateInterface.UIManager.manageChildren(
       parentInstance._nativeTag, // containerID
       [index], // moveFromIndices
       [beforeChildIndex], // moveToIndices
@@ -4325,7 +4348,7 @@ function insertBefore(parentInstance, child, beforeChild) {
 
     var childTag = typeof child === "number" ? child : child._nativeTag;
 
-    UIManager.manageChildren(
+    ReactNativePrivateInterface.UIManager.manageChildren(
       parentInstance._nativeTag, // containerID
       [], // moveFromIndices
       [], // moveToIndices
@@ -4343,7 +4366,9 @@ function insertInContainerBefore(parentInstance, child, beforeChild) {
   // For more info on pros/cons see PR #8560 description.
   (function() {
     if (!(typeof parentInstance !== "number")) {
-      throw ReactError("Container does not support insertBefore operation");
+      throw ReactError(
+        Error("Container does not support insertBefore operation")
+      );
     }
   })();
 }
@@ -4355,7 +4380,7 @@ function removeChild(parentInstance, child) {
 
   children.splice(index, 1);
 
-  UIManager.manageChildren(
+  ReactNativePrivateInterface.UIManager.manageChildren(
     parentInstance._nativeTag, // containerID
     [], // moveFromIndices
     [], // moveToIndices
@@ -4367,7 +4392,7 @@ function removeChild(parentInstance, child) {
 
 function removeChildFromContainer(parentInstance, child) {
   recursivelyUncacheFiberNode(child);
-  UIManager.manageChildren(
+  ReactNativePrivateInterface.UIManager.manageChildren(
     parentInstance, // containerID
     [], // moveFromIndices
     [], // moveToIndices
@@ -4387,7 +4412,7 @@ function hideInstance(instance) {
     { style: { display: "none" } },
     viewConfig.validAttributes
   );
-  UIManager.updateView(
+  ReactNativePrivateInterface.UIManager.updateView(
     instance._nativeTag,
     viewConfig.uiViewClassName,
     updatePayload
@@ -4405,7 +4430,7 @@ function unhideInstance(instance, props) {
     props,
     viewConfig.validAttributes
   );
-  UIManager.updateView(
+  ReactNativePrivateInterface.UIManager.updateView(
     instance._nativeTag,
     viewConfig.uiViewClassName,
     updatePayload
@@ -4416,32 +4441,38 @@ function unhideTextInstance(textInstance, text) {
   throw new Error("Not yet implemented.");
 }
 
-function mountEventComponent(eventComponentInstance) {
+function mountResponderInstance(
+  responder,
+  responderInstance,
+  props,
+  state,
+  instance,
+  rootContainerInstance
+) {
   throw new Error("Not yet implemented.");
 }
 
-function updateEventComponent(eventComponentInstance) {
+function unmountResponderInstance(responderInstance) {
   throw new Error("Not yet implemented.");
 }
 
-function unmountEventComponent(eventComponentInstance) {
+function getFundamentalComponentInstance(fundamentalInstance) {
   throw new Error("Not yet implemented.");
 }
 
-function getEventTargetChildElement(type, props) {
+function mountFundamentalComponent(fundamentalInstance) {
   throw new Error("Not yet implemented.");
 }
 
-function handleEventTarget(
-  type,
-  props,
-  rootContainerInstance,
-  internalInstanceHandle
-) {
+function shouldUpdateFundamentalComponent(fundamentalInstance) {
   throw new Error("Not yet implemented.");
 }
 
-function commitEventTarget(type, props, instance, parentInstance) {
+function updateFundamentalComponent(fundamentalInstance) {
+  throw new Error("Not yet implemented.");
+}
+
+function unmountFundamentalComponent(fundamentalInstance) {
   throw new Error("Not yet implemented.");
 }
 
@@ -5093,340 +5124,352 @@ function getUnmaskedContext(
   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;
+  if (disableLegacyContext) {
+    return emptyContextObject;
+  } else {
+    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 contextStackCursor.current;
   }
-  return contextStackCursor.current;
 }
 
 function cacheContext(workInProgress, unmaskedContext, maskedContext) {
-  var instance = workInProgress.stateNode;
-  instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext;
-  instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
+  if (disableLegacyContext) {
+    return;
+  } else {
+    var instance = workInProgress.stateNode;
+    instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext;
+    instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
+  }
 }
 
 function getMaskedContext(workInProgress, unmaskedContext) {
-  var type = workInProgress.type;
-  var contextTypes = type.contextTypes;
-  if (!contextTypes) {
+  if (disableLegacyContext) {
     return emptyContextObject;
-  }
+  } else {
+    var type = workInProgress.type;
+    var contextTypes = type.contextTypes;
+    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.
-  var instance = workInProgress.stateNode;
-  if (
-    instance &&
-    instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
-  ) {
-    return instance.__reactInternalMemoizedMaskedChildContext;
-  }
+    // 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.
+    var instance = workInProgress.stateNode;
+    if (
+      instance &&
+      instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
+    ) {
+      return instance.__reactInternalMemoizedMaskedChildContext;
+    }
 
-  var context = {};
-  for (var key in contextTypes) {
-    context[key] = unmaskedContext[key];
-  }
+    var context = {};
+    for (var key in contextTypes) {
+      context[key] = unmaskedContext[key];
+    }
 
-  {
-    var name = getComponentName(type) || "Unknown";
-    checkPropTypes(
-      contextTypes,
-      context,
-      "context",
-      name,
-      getCurrentFiberStackInDev
-    );
-  }
+    {
+      var name = getComponentName(type) || "Unknown";
+      checkPropTypes(
+        contextTypes,
+        context,
+        "context",
+        name,
+        getCurrentFiberStackInDev
+      );
+    }
 
-  // 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 (instance) {
-    cacheContext(workInProgress, unmaskedContext, context);
-  }
+    // 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 (instance) {
+      cacheContext(workInProgress, unmaskedContext, context);
+    }
 
-  return context;
+    return context;
+  }
 }
 
 function hasContextChanged() {
-  return didPerformWorkStackCursor.current;
+  if (disableLegacyContext) {
+    return false;
+  } else {
+    return didPerformWorkStackCursor.current;
+  }
 }
 
 function isContextProvider(type) {
-  var childContextTypes = type.childContextTypes;
-  return childContextTypes !== null && childContextTypes !== undefined;
+  if (disableLegacyContext) {
+    return false;
+  } else {
+    var childContextTypes = type.childContextTypes;
+    return childContextTypes !== null && childContextTypes !== undefined;
+  }
 }
 
 function popContext(fiber) {
-  pop(didPerformWorkStackCursor, fiber);
-  pop(contextStackCursor, fiber);
+  if (disableLegacyContext) {
+    return;
+  } else {
+    pop(didPerformWorkStackCursor, fiber);
+    pop(contextStackCursor, fiber);
+  }
 }
 
 function popTopLevelContextObject(fiber) {
-  pop(didPerformWorkStackCursor, fiber);
-  pop(contextStackCursor, fiber);
+  if (disableLegacyContext) {
+    return;
+  } else {
+    pop(didPerformWorkStackCursor, fiber);
+    pop(contextStackCursor, fiber);
+  }
 }
 
 function pushTopLevelContextObject(fiber, context, didChange) {
-  (function() {
-    if (!(contextStackCursor.current === emptyContextObject)) {
-      throw ReactError(
-        "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
-      );
-    }
-  })();
+  if (disableLegacyContext) {
+    return;
+  } else {
+    (function() {
+      if (!(contextStackCursor.current === emptyContextObject)) {
+        throw ReactError(
+          Error(
+            "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
 
-  push(contextStackCursor, context, fiber);
-  push(didPerformWorkStackCursor, didChange, fiber);
+    push(contextStackCursor, context, fiber);
+    push(didPerformWorkStackCursor, didChange, fiber);
+  }
 }
 
 function processChildContext(fiber, type, parentContext) {
-  var instance = fiber.stateNode;
-  var childContextTypes = type.childContextTypes;
+  if (disableLegacyContext) {
+    return parentContext;
+  } else {
+    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 (typeof instance.getChildContext !== "function") {
-    {
-      var componentName = getComponentName(type) || "Unknown";
+    // 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 (typeof instance.getChildContext !== "function") {
+      {
+        var componentName = getComponentName(type) || "Unknown";
 
-      if (!warnedAboutMissingGetChildContext[componentName]) {
-        warnedAboutMissingGetChildContext[componentName] = true;
-        warningWithoutStack$1(
-          false,
-          "%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 (!warnedAboutMissingGetChildContext[componentName]) {
+          warnedAboutMissingGetChildContext[componentName] = true;
+          warningWithoutStack$1(
+            false,
+            "%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 parentContext;
     }
-    return parentContext;
-  }
 
-  var childContext = void 0;
-  {
-    setCurrentPhase("getChildContext");
+    var childContext = void 0;
+    {
+      setCurrentPhase("getChildContext");
+    }
+    startPhaseTimer(fiber, "getChildContext");
+    childContext = instance.getChildContext();
+    stopPhaseTimer();
+    {
+      setCurrentPhase(null);
+    }
+    for (var contextKey in childContext) {
+      (function() {
+        if (!(contextKey in childContextTypes)) {
+          throw ReactError(
+            Error(
+              (getComponentName(type) || "Unknown") +
+                '.getChildContext(): key "' +
+                contextKey +
+                '" is not defined in childContextTypes.'
+            )
+          );
+        }
+      })();
+    }
+    {
+      var name = getComponentName(type) || "Unknown";
+      checkPropTypes(
+        childContextTypes,
+        childContext,
+        "child context",
+        name,
+        // In practice, there is one case in which we won't get a stack. It's when
+        // somebody calls unstable_renderSubtreeIntoContainer() and we process
+        // context from the parent component instance. The stack will be missing
+        // because it's outside of the reconciliation, and so the pointer has not
+        // been set. This is rare and doesn't matter. We'll also remove that API.
+        getCurrentFiberStackInDev
+      );
+    }
+
+    return Object.assign({}, parentContext, childContext);
   }
-  startPhaseTimer(fiber, "getChildContext");
-  childContext = instance.getChildContext();
-  stopPhaseTimer();
-  {
-    setCurrentPhase(null);
+}
+
+function pushContextProvider(workInProgress) {
+  if (disableLegacyContext) {
+    return false;
+  } else {
+    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;
   }
-  for (var contextKey in childContext) {
+}
+
+function invalidateContextProvider(workInProgress, type, didChange) {
+  if (disableLegacyContext) {
+    return;
+  } else {
+    var instance = workInProgress.stateNode;
     (function() {
-      if (!(contextKey in childContextTypes)) {
+      if (!instance) {
         throw ReactError(
-          (getComponentName(type) || "Unknown") +
-            '.getChildContext(): key "' +
-            contextKey +
-            '" is not defined in childContextTypes.'
+          Error(
+            "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       }
     })();
-  }
-  {
-    var name = getComponentName(type) || "Unknown";
-    checkPropTypes(
-      childContextTypes,
-      childContext,
-      "child context",
-      name,
-      // In practice, there is one case in which we won't get a stack. It's when
-      // somebody calls unstable_renderSubtreeIntoContainer() and we process
-      // context from the parent component instance. The stack will be missing
-      // because it's outside of the reconciliation, and so the pointer has not
-      // been set. This is rare and doesn't matter. We'll also remove that API.
-      getCurrentFiberStackInDev
-    );
-  }
 
-  return Object.assign({}, parentContext, childContext);
+    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.
+      pop(didPerformWorkStackCursor, workInProgress);
+      pop(contextStackCursor, workInProgress);
+      // Now push the new context and mark that it has changed.
+      push(contextStackCursor, mergedContext, workInProgress);
+      push(didPerformWorkStackCursor, didChange, workInProgress);
+    } else {
+      pop(didPerformWorkStackCursor, workInProgress);
+      push(didPerformWorkStackCursor, didChange, workInProgress);
+    }
+  }
 }
 
-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
-  );
+function findCurrentUnmaskedContext(fiber) {
+  if (disableLegacyContext) {
+    return emptyContextObject;
+  } else {
+    // Currently this is only used with renderSubtreeIntoContainer; not sure if it
+    // makes sense elsewhere
+    (function() {
+      if (!(isFiberMounted(fiber) && fiber.tag === ClassComponent)) {
+        throw ReactError(
+          Error(
+            "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      }
+    })();
 
-  return true;
-}
-
-function invalidateContextProvider(workInProgress, type, didChange) {
-  var instance = workInProgress.stateNode;
-  (function() {
-    if (!instance) {
-      throw ReactError(
-        "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
-      );
-    }
-  })();
-
-  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.
-    pop(didPerformWorkStackCursor, workInProgress);
-    pop(contextStackCursor, workInProgress);
-    // Now push the new context and mark that it has changed.
-    push(contextStackCursor, mergedContext, workInProgress);
-    push(didPerformWorkStackCursor, didChange, workInProgress);
-  } else {
-    pop(didPerformWorkStackCursor, workInProgress);
-    push(didPerformWorkStackCursor, didChange, workInProgress);
-  }
-}
-
-function findCurrentUnmaskedContext(fiber) {
-  // Currently this is only used with renderSubtreeIntoContainer; not sure if it
-  // makes sense elsewhere
-  (function() {
-    if (!(isFiberMounted(fiber) && fiber.tag === ClassComponent)) {
-      throw ReactError(
-        "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
-      );
-    }
-  })();
-
-  var node = fiber;
-  do {
-    switch (node.tag) {
-      case HostRoot:
-        return node.stateNode.context;
-      case ClassComponent: {
-        var Component = node.type;
-        if (isContextProvider(Component)) {
-          return node.stateNode.__reactInternalMemoizedMergedChildContext;
+    var node = fiber;
+    do {
+      switch (node.tag) {
+        case HostRoot:
+          return node.stateNode.context;
+        case ClassComponent: {
+          var Component = node.type;
+          if (isContextProvider(Component)) {
+            return node.stateNode.__reactInternalMemoizedMergedChildContext;
+          }
+          break;
         }
-        break;
       }
-    }
-    node = node.return;
-  } while (node !== null);
-  (function() {
-    {
-      throw ReactError(
-        "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
-      );
-    }
-  })();
-}
-
-var onCommitFiberRoot = null;
-var onCommitFiberUnmount = null;
-var hasLoggedError = false;
-
-function catchErrors(fn) {
-  return function(arg) {
-    try {
-      return fn(arg);
-    } catch (err) {
-      if (true && !hasLoggedError) {
-        hasLoggedError = true;
-        warningWithoutStack$1(
-          false,
-          "React DevTools encountered an error: %s",
-          err
+      node = node.return;
+    } while (node !== null);
+    (function() {
+      {
+        throw ReactError(
+          Error(
+            "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       }
-    }
-  };
+    })();
+  }
 }
 
-var isDevToolsPresent = typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined";
+var LegacyRoot = 0;
+var BatchedRoot = 1;
+var ConcurrentRoot = 2;
 
-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) {
-    {
-      warningWithoutStack$1(
-        false,
-        "The installed version of React DevTools is too old and will not work " +
-          "with the current version of React. Please update React DevTools. " +
-          "https://fb.me/react-devtools"
-      );
-    }
-    // DevTools exists, even though it doesn't support Fiber.
-    return true;
-  }
-  try {
-    var rendererID = hook.inject(internals);
-    // We have successfully injected, so now it is safe to set up hooks.
-    onCommitFiberRoot = catchErrors(function(root) {
-      return hook.onCommitFiberRoot(rendererID, root);
-    });
-    onCommitFiberUnmount = catchErrors(function(fiber) {
-      return hook.onCommitFiberUnmount(rendererID, fiber);
-    });
-  } catch (err) {
-    // Catch all errors because it is unsafe to throw during initialization.
-    {
-      warningWithoutStack$1(
-        false,
-        "React DevTools encountered an error: %s.",
-        err
-      );
+/**
+ * Similar to invariant but only logs a warning if the condition is not met.
+ * This can be used to log issues in development environments in critical
+ * paths. Removing the logging code for production environments will keep the
+ * same logic and follow the same code paths.
+ */
+
+var warning = warningWithoutStack$1;
+
+{
+  warning = function(condition, format) {
+    if (condition) {
+      return;
     }
-  }
-  // DevTools exists
-  return true;
-}
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var stack = ReactDebugCurrentFrame.getStackAddendum();
+    // eslint-disable-next-line react-internal/warning-and-invariant-args
 
-function onCommitRoot(root) {
-  if (typeof onCommitFiberRoot === "function") {
-    onCommitFiberRoot(root);
-  }
-}
+    for (
+      var _len = arguments.length,
+        args = Array(_len > 2 ? _len - 2 : 0),
+        _key = 2;
+      _key < _len;
+      _key++
+    ) {
+      args[_key - 2] = arguments[_key];
+    }
 
-function onCommitUnmount(fiber) {
-  if (typeof onCommitFiberUnmount === "function") {
-    onCommitFiberUnmount(fiber);
-  }
+    warningWithoutStack$1.apply(
+      undefined,
+      [false, format + "%s"].concat(args, [stack])
+    );
+  };
 }
 
-// Max 31 bit integer. The max integer size in V8 for 32-bit systems.
-// Math.pow(2, 30) - 1
-// 0b111111111111111111111111111111
-var MAX_SIGNED_31_BIT_INT = 1073741823;
+var warning$1 = warning;
 
 // Intentionally not named imports because Rollup would use dynamic dispatch for
 // CommonJS interop named imports.
@@ -5434,6 +5477,7 @@ var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority;
 var Scheduler_scheduleCallback = Scheduler.unstable_scheduleCallback;
 var Scheduler_cancelCallback = Scheduler.unstable_cancelCallback;
 var Scheduler_shouldYield = Scheduler.unstable_shouldYield;
+var Scheduler_requestPaint = Scheduler.unstable_requestPaint;
 var Scheduler_now = Scheduler.unstable_now;
 var Scheduler_getCurrentPriorityLevel =
   Scheduler.unstable_getCurrentPriorityLevel;
@@ -5455,7 +5499,9 @@ if (enableSchedulerTracing) {
       )
     ) {
       throw ReactError(
-        "It is not supported to run the profiling version of a renderer (for example, `react-dom/profiling`) without also replacing the `scheduler/tracing` module with `scheduler/tracing-profiling`. Your bundler might have a setting for aliasing both modules. Learn more at http://fb.me/react-profiling"
+        Error(
+          "It is not supported to run the profiling version of a renderer (for example, `react-dom/profiling`) without also replacing the `scheduler/tracing` module with `scheduler/tracing-profiling`. Your bundler might have a setting for aliasing both modules. Learn more at http://fb.me/react-profiling"
+        )
       );
     }
   })();
@@ -5472,16 +5518,16 @@ var NormalPriority = 97;
 var LowPriority = 96;
 var IdlePriority = 95;
 // NoPriority is the absence of priority. Also React-only.
+var NoPriority = 90;
 
-var shouldYield = disableYielding
-  ? function() {
-      return false;
-    } // Never yield when `disableYielding` is on
-  : Scheduler_shouldYield;
+var shouldYield = Scheduler_shouldYield;
+var requestPaint =
+  // Fall back gracefully if we're running an older version of Scheduler.
+  Scheduler_requestPaint !== undefined ? Scheduler_requestPaint : function() {};
 
-var immediateQueue = null;
+var syncQueue = null;
 var immediateQueueCallbackNode = null;
-var isFlushingImmediate = false;
+var isFlushingSyncQueue = false;
 var initialTimeMs = Scheduler_now();
 
 // If the initial timestamp is reasonably small, use Scheduler's `now` directly.
@@ -5513,7 +5559,7 @@ function getCurrentPriorityLevel() {
     default:
       (function() {
         {
-          throw ReactError("Unknown priority level.");
+          throw ReactError(Error("Unknown priority level."));
         }
       })();
   }
@@ -5534,7 +5580,7 @@ function reactPriorityToSchedulerPriority(reactPriorityLevel) {
     default:
       (function() {
         {
-          throw ReactError("Unknown priority level.");
+          throw ReactError(Error("Unknown priority level."));
         }
       })();
   }
@@ -5546,78 +5592,95 @@ function runWithPriority(reactPriorityLevel, fn) {
 }
 
 function scheduleCallback(reactPriorityLevel, callback, options) {
-  if (reactPriorityLevel === ImmediatePriority) {
-    // Push this callback into an internal queue. We'll flush these either in
-    // the next tick, or earlier if something calls `flushImmediateQueue`.
-    if (immediateQueue === null) {
-      immediateQueue = [callback];
-      // Flush the queue in the next tick, at the earliest.
-      immediateQueueCallbackNode = Scheduler_scheduleCallback(
-        Scheduler_ImmediatePriority,
-        flushImmediateQueueImpl
-      );
-    } else {
-      // Push onto existing queue. Don't need to schedule a callback because
-      // we already scheduled one when we created the queue.
-      immediateQueue.push(callback);
-    }
-    return fakeCallbackNode;
-  }
-  // Otherwise pass through to Scheduler.
   var priorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
   return Scheduler_scheduleCallback(priorityLevel, callback, options);
 }
 
+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];
+    // Flush the queue in the next tick, at the earliest.
+    immediateQueueCallbackNode = Scheduler_scheduleCallback(
+      Scheduler_ImmediatePriority,
+      flushSyncCallbackQueueImpl
+    );
+  } 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);
+  }
+  return fakeCallbackNode;
+}
+
 function cancelCallback(callbackNode) {
   if (callbackNode !== fakeCallbackNode) {
     Scheduler_cancelCallback(callbackNode);
   }
 }
 
-function flushImmediateQueue() {
+function flushSyncCallbackQueue() {
   if (immediateQueueCallbackNode !== null) {
     Scheduler_cancelCallback(immediateQueueCallbackNode);
   }
-  flushImmediateQueueImpl();
+  flushSyncCallbackQueueImpl();
 }
 
-function flushImmediateQueueImpl() {
-  if (!isFlushingImmediate && immediateQueue !== null) {
+function flushSyncCallbackQueueImpl() {
+  if (!isFlushingSyncQueue && syncQueue !== null) {
     // Prevent re-entrancy.
-    isFlushingImmediate = true;
+    isFlushingSyncQueue = true;
     var i = 0;
     try {
       var _isSync = true;
-      for (; i < immediateQueue.length; i++) {
-        var callback = immediateQueue[i];
-        do {
-          callback = callback(_isSync);
-        } while (callback !== null);
-      }
-      immediateQueue = null;
+      var queue = syncQueue;
+      runWithPriority(ImmediatePriority, function() {
+        for (; i < queue.length; i++) {
+          var callback = queue[i];
+          do {
+            callback = callback(_isSync);
+          } while (callback !== null);
+        }
+      });
+      syncQueue = null;
     } catch (error) {
       // If something throws, leave the remaining callbacks on the queue.
-      if (immediateQueue !== null) {
-        immediateQueue = immediateQueue.slice(i + 1);
+      if (syncQueue !== null) {
+        syncQueue = syncQueue.slice(i + 1);
       }
       // Resume flushing in the next tick
       Scheduler_scheduleCallback(
         Scheduler_ImmediatePriority,
-        flushImmediateQueue
+        flushSyncCallbackQueue
       );
       throw error;
     } finally {
-      isFlushingImmediate = false;
+      isFlushingSyncQueue = false;
     }
   }
 }
 
+var NoMode = 0;
+var StrictMode = 1;
+// TODO: Remove BatchedMode and ConcurrentMode by reading from the root
+// tag instead
+var BatchedMode = 2;
+var ConcurrentMode = 4;
+var ProfileMode = 8;
+
+// Max 31 bit integer. The max integer size in V8 for 32-bit systems.
+// Math.pow(2, 30) - 1
+// 0b111111111111111111111111111111
+var MAX_SIGNED_31_BIT_INT = 1073741823;
+
 var NoWork = 0;
 var Never = 1;
 var Sync = MAX_SIGNED_31_BIT_INT;
+var Batched = Sync - 1;
 
 var UNIT_SIZE = 10;
-var MAGIC_NUMBER_OFFSET = MAX_SIGNED_31_BIT_INT - 1;
+var MAGIC_NUMBER_OFFSET = Batched - 1;
 
 // 1 unit of expiration time represents 10ms.
 function msToExpirationTime(ms) {
@@ -5656,10 +5719,13 @@ function computeAsyncExpiration(currentTime) {
   );
 }
 
-// Same as computeAsyncExpiration but without the bucketing logic. This is
-// used to compute timestamps instead of actual expiration times.
-function computeAsyncExpirationNoBucket(currentTime) {
-  return currentTime - LOW_PRIORITY_EXPIRATION / UNIT_SIZE;
+function computeSuspenseExpiration(currentTime, timeoutMs) {
+  // TODO: Should we warn if timeoutMs is lower than the normal pri expiration time?
+  return computeExpirationBucket(
+    currentTime,
+    timeoutMs,
+    LOW_PRIORITY_BATCH_SIZE
+  );
 }
 
 // We intentionally set a higher expiration time for interactive updates in
@@ -5709,1099 +5775,881 @@ function inferPriorityFromExpirationTime(currentTime, expirationTime) {
   return IdlePriority;
 }
 
-var NoContext = 0;
-var ConcurrentMode = 1;
-var StrictMode = 2;
-var ProfileMode = 4;
+/**
+ * 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
+  );
+}
 
-var hasBadMapPolyfill = void 0;
+var hasOwnProperty = Object.prototype.hasOwnProperty;
 
-{
-  hasBadMapPolyfill = false;
-  try {
-    var nonExtensibleObject = Object.preventExtensions({});
-    var testMap = new Map([[nonExtensibleObject, null]]);
-    var testSet = new Set([nonExtensibleObject]);
-    // This is necessary for Rollup to not consider these unused.
-    // https://github.com/rollup/rollup/issues/1771
-    // TODO: we can remove these if Rollup fixes the bug.
-    testMap.set(0, 0);
-    testSet.add(0);
-  } catch (e) {
-    // TODO: Consider warning about bad polyfills
-    hasBadMapPolyfill = true;
+/**
+ * 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 (is(objA, objB)) {
+    return true;
   }
-}
 
-// A Fiber is work on a Component that needs to be done or was done. There can
-// be more than one per component.
-
-var debugCounter = void 0;
+  if (
+    typeof objA !== "object" ||
+    objA === null ||
+    typeof objB !== "object" ||
+    objB === null
+  ) {
+    return false;
+  }
 
-{
-  debugCounter = 1;
-}
+  var keysA = Object.keys(objA);
+  var keysB = Object.keys(objB);
 
-function FiberNode(tag, pendingProps, key, mode) {
-  // Instance
-  this.tag = tag;
-  this.key = key;
-  this.elementType = null;
-  this.type = null;
-  this.stateNode = null;
+  if (keysA.length !== keysB.length) {
+    return false;
+  }
 
-  // Fiber
-  this.return = null;
-  this.child = null;
-  this.sibling = null;
-  this.index = 0;
+  // Test for A's keys different from B.
+  for (var i = 0; i < keysA.length; i++) {
+    if (
+      !hasOwnProperty.call(objB, keysA[i]) ||
+      !is(objA[keysA[i]], objB[keysA[i]])
+    ) {
+      return false;
+    }
+  }
 
-  this.ref = null;
+  return true;
+}
 
-  this.pendingProps = pendingProps;
-  this.memoizedProps = null;
-  this.updateQueue = null;
-  this.memoizedState = null;
-  this.contextDependencies = null;
-
-  this.mode = mode;
-
-  // Effects
-  this.effectTag = NoEffect;
-  this.nextEffect = null;
-
-  this.firstEffect = null;
-  this.lastEffect = null;
+/**
+ * Forked from fbjs/warning:
+ * https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/__forks__/warning.js
+ *
+ * Only change is we use console.warn instead of console.error,
+ * and do nothing when 'console' is not supported.
+ * This really simplifies the code.
+ * ---
+ * Similar to invariant but only logs a warning if the condition is not met.
+ * This can be used to log issues in development environments in critical
+ * paths. Removing the logging code for production environments will keep the
+ * same logic and follow the same code paths.
+ */
 
-  this.expirationTime = NoWork;
-  this.childExpirationTime = NoWork;
+var lowPriorityWarning = function() {};
 
-  this.alternate = null;
+{
+  var printWarning = function(format) {
+    for (
+      var _len = arguments.length,
+        args = Array(_len > 1 ? _len - 1 : 0),
+        _key = 1;
+      _key < _len;
+      _key++
+    ) {
+      args[_key - 1] = arguments[_key];
+    }
 
-  if (enableProfilerTimer) {
-    // 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;
+    var argIndex = 0;
+    var message =
+      "Warning: " +
+      format.replace(/%s/g, function() {
+        return args[argIndex++];
+      });
+    if (typeof console !== "undefined") {
+      console.warn(message);
+    }
+    try {
+      // --- Welcome to debugging React ---
+      // This error was thrown as a convenience so that you can use this stack
+      // to find the callsite that caused this warning to fire.
+      throw new Error(message);
+    } catch (x) {}
+  };
 
-    // 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;
-  }
+  lowPriorityWarning = function(condition, format) {
+    if (format === undefined) {
+      throw new Error(
+        "`lowPriorityWarning(condition, format, ...args)` requires a warning " +
+          "message argument"
+      );
+    }
+    if (!condition) {
+      for (
+        var _len2 = arguments.length,
+          args = Array(_len2 > 2 ? _len2 - 2 : 0),
+          _key2 = 2;
+        _key2 < _len2;
+        _key2++
+      ) {
+        args[_key2 - 2] = arguments[_key2];
+      }
 
-  {
-    this._debugID = debugCounter++;
-    this._debugSource = null;
-    this._debugOwner = null;
-    this._debugIsCurrentlyTiming = false;
-    this._debugHookTypes = null;
-    if (!hasBadMapPolyfill && typeof Object.preventExtensions === "function") {
-      Object.preventExtensions(this);
+      printWarning.apply(undefined, [format].concat(args));
     }
-  }
+  };
 }
 
-// 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);
-};
+var lowPriorityWarning$1 = lowPriorityWarning;
 
-function shouldConstruct(Component) {
-  var prototype = Component.prototype;
-  return !!(prototype && prototype.isReactComponent);
-}
+var ReactStrictModeWarnings = {
+  recordUnsafeLifecycleWarnings: function(fiber, instance) {},
+  flushPendingUnsafeLifecycleWarnings: function() {},
+  recordLegacyContextWarning: function(fiber, instance) {},
+  flushLegacyContextWarning: function() {},
+  discardPendingWarnings: function() {}
+};
 
-function isSimpleFunctionComponent(type) {
-  return (
-    typeof type === "function" &&
-    !shouldConstruct(type) &&
-    type.defaultProps === undefined
-  );
-}
+{
+  var findStrictRoot = function(fiber) {
+    var maybeStrictRoot = null;
 
-function resolveLazyComponentTag(Component) {
-  if (typeof Component === "function") {
-    return shouldConstruct(Component) ? ClassComponent : FunctionComponent;
-  } else if (Component !== undefined && Component !== null) {
-    var $$typeof = Component.$$typeof;
-    if ($$typeof === REACT_FORWARD_REF_TYPE) {
-      return ForwardRef;
-    }
-    if ($$typeof === REACT_MEMO_TYPE) {
-      return MemoComponent;
+    var node = fiber;
+    while (node !== null) {
+      if (node.mode & StrictMode) {
+        maybeStrictRoot = node;
+      }
+      node = node.return;
     }
-  }
-  return IndeterminateComponent;
-}
-
-// This is used to create an alternate fiber to do work on.
-function createWorkInProgress(current, pendingProps, expirationTime) {
-  var workInProgress = current.alternate;
-  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;
 
-    {
-      // DEV-only fields
-      workInProgress._debugID = current._debugID;
-      workInProgress._debugSource = current._debugSource;
-      workInProgress._debugOwner = current._debugOwner;
-      workInProgress._debugHookTypes = current._debugHookTypes;
-    }
+    return maybeStrictRoot;
+  };
 
-    workInProgress.alternate = current;
-    current.alternate = workInProgress;
-  } else {
-    workInProgress.pendingProps = pendingProps;
+  var setToSortedString = function(set) {
+    var array = [];
+    set.forEach(function(value) {
+      array.push(value);
+    });
+    return array.sort().join(", ");
+  };
 
-    // We already have an alternate.
-    // Reset the effect tag.
-    workInProgress.effectTag = NoEffect;
+  var pendingComponentWillMountWarnings = [];
+  var pendingUNSAFE_ComponentWillMountWarnings = [];
+  var pendingComponentWillReceivePropsWarnings = [];
+  var pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+  var pendingComponentWillUpdateWarnings = [];
+  var pendingUNSAFE_ComponentWillUpdateWarnings = [];
 
-    // The effect list is no longer valid.
-    workInProgress.nextEffect = null;
-    workInProgress.firstEffect = null;
-    workInProgress.lastEffect = null;
+  // Tracks components we have already warned about.
+  var didWarnAboutUnsafeLifecycles = new Set();
 
-    if (enableProfilerTimer) {
-      // 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;
+  ReactStrictModeWarnings.recordUnsafeLifecycleWarnings = function(
+    fiber,
+    instance
+  ) {
+    // Dedup strategy: Warn once per component.
+    if (didWarnAboutUnsafeLifecycles.has(fiber.type)) {
+      return;
     }
-  }
 
-  workInProgress.childExpirationTime = current.childExpirationTime;
-  workInProgress.expirationTime = current.expirationTime;
+    if (
+      typeof instance.componentWillMount === "function" &&
+      // Don't warn about react-lifecycles-compat polyfilled components.
+      instance.componentWillMount.__suppressDeprecationWarning !== true
+    ) {
+      pendingComponentWillMountWarnings.push(fiber);
+    }
 
-  workInProgress.child = current.child;
-  workInProgress.memoizedProps = current.memoizedProps;
-  workInProgress.memoizedState = current.memoizedState;
-  workInProgress.updateQueue = current.updateQueue;
-  workInProgress.contextDependencies = current.contextDependencies;
+    if (
+      fiber.mode & StrictMode &&
+      typeof instance.UNSAFE_componentWillMount === "function"
+    ) {
+      pendingUNSAFE_ComponentWillMountWarnings.push(fiber);
+    }
 
-  // These will be overridden during the parent's reconciliation
-  workInProgress.sibling = current.sibling;
-  workInProgress.index = current.index;
-  workInProgress.ref = current.ref;
+    if (
+      typeof instance.componentWillReceiveProps === "function" &&
+      instance.componentWillReceiveProps.__suppressDeprecationWarning !== true
+    ) {
+      pendingComponentWillReceivePropsWarnings.push(fiber);
+    }
 
-  if (enableProfilerTimer) {
-    workInProgress.selfBaseDuration = current.selfBaseDuration;
-    workInProgress.treeBaseDuration = current.treeBaseDuration;
-  }
+    if (
+      fiber.mode & StrictMode &&
+      typeof instance.UNSAFE_componentWillReceiveProps === "function"
+    ) {
+      pendingUNSAFE_ComponentWillReceivePropsWarnings.push(fiber);
+    }
 
-  return workInProgress;
-}
+    if (
+      typeof instance.componentWillUpdate === "function" &&
+      instance.componentWillUpdate.__suppressDeprecationWarning !== true
+    ) {
+      pendingComponentWillUpdateWarnings.push(fiber);
+    }
 
-function createHostRootFiber(isConcurrent) {
-  var mode = isConcurrent ? ConcurrentMode | StrictMode : NoContext;
+    if (
+      fiber.mode & StrictMode &&
+      typeof instance.UNSAFE_componentWillUpdate === "function"
+    ) {
+      pendingUNSAFE_ComponentWillUpdateWarnings.push(fiber);
+    }
+  };
 
-  if (enableProfilerTimer && 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;
-  }
+  ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings = function() {
+    // We do an initial pass to gather component names
+    var componentWillMountUniqueNames = new Set();
+    if (pendingComponentWillMountWarnings.length > 0) {
+      pendingComponentWillMountWarnings.forEach(function(fiber) {
+        componentWillMountUniqueNames.add(
+          getComponentName(fiber.type) || "Component"
+        );
+        didWarnAboutUnsafeLifecycles.add(fiber.type);
+      });
+      pendingComponentWillMountWarnings = [];
+    }
 
-  return createFiber(HostRoot, null, null, mode);
-}
+    var UNSAFE_componentWillMountUniqueNames = new Set();
+    if (pendingUNSAFE_ComponentWillMountWarnings.length > 0) {
+      pendingUNSAFE_ComponentWillMountWarnings.forEach(function(fiber) {
+        UNSAFE_componentWillMountUniqueNames.add(
+          getComponentName(fiber.type) || "Component"
+        );
+        didWarnAboutUnsafeLifecycles.add(fiber.type);
+      });
+      pendingUNSAFE_ComponentWillMountWarnings = [];
+    }
 
-function createFiberFromTypeAndProps(
-  type, // React$ElementType
-  key,
-  pendingProps,
-  owner,
-  mode,
-  expirationTime
-) {
-  var fiber = void 0;
+    var componentWillReceivePropsUniqueNames = new Set();
+    if (pendingComponentWillReceivePropsWarnings.length > 0) {
+      pendingComponentWillReceivePropsWarnings.forEach(function(fiber) {
+        componentWillReceivePropsUniqueNames.add(
+          getComponentName(fiber.type) || "Component"
+        );
+        didWarnAboutUnsafeLifecycles.add(fiber.type);
+      });
 
-  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;
+      pendingComponentWillReceivePropsWarnings = [];
     }
-  } else if (typeof type === "string") {
-    fiberTag = HostComponent;
-  } else {
-    getTag: switch (type) {
-      case REACT_FRAGMENT_TYPE:
-        return createFiberFromFragment(
-          pendingProps.children,
-          mode,
-          expirationTime,
-          key
-        );
-      case REACT_CONCURRENT_MODE_TYPE:
-        return createFiberFromMode(
-          pendingProps,
-          mode | ConcurrentMode | StrictMode,
-          expirationTime,
-          key
-        );
-      case REACT_STRICT_MODE_TYPE:
-        return createFiberFromMode(
-          pendingProps,
-          mode | StrictMode,
-          expirationTime,
-          key
+
+    var UNSAFE_componentWillReceivePropsUniqueNames = new Set();
+    if (pendingUNSAFE_ComponentWillReceivePropsWarnings.length > 0) {
+      pendingUNSAFE_ComponentWillReceivePropsWarnings.forEach(function(fiber) {
+        UNSAFE_componentWillReceivePropsUniqueNames.add(
+          getComponentName(fiber.type) || "Component"
         );
-      case REACT_PROFILER_TYPE:
-        return createFiberFromProfiler(pendingProps, mode, expirationTime, key);
-      case REACT_SUSPENSE_TYPE:
-        return createFiberFromSuspense(pendingProps, mode, expirationTime, key);
-      default: {
-        if (typeof type === "object" && type !== null) {
-          switch (type.$$typeof) {
-            case REACT_PROVIDER_TYPE:
-              fiberTag = ContextProvider;
-              break getTag;
-            case REACT_CONTEXT_TYPE:
-              // This is a consumer
-              fiberTag = ContextConsumer;
-              break getTag;
-            case REACT_FORWARD_REF_TYPE:
-              fiberTag = ForwardRef;
-              break getTag;
-            case REACT_MEMO_TYPE:
-              fiberTag = MemoComponent;
-              break getTag;
-            case REACT_LAZY_TYPE:
-              fiberTag = LazyComponent;
-              resolvedType = null;
-              break getTag;
-            case REACT_EVENT_COMPONENT_TYPE:
-              if (enableEventAPI) {
-                return createFiberFromEventComponent(
-                  type,
-                  pendingProps,
-                  mode,
-                  expirationTime,
-                  key
-                );
-              }
-              break;
-            case REACT_EVENT_TARGET_TYPE:
-              if (enableEventAPI) {
-                return createFiberFromEventTarget(
-                  type,
-                  pendingProps,
-                  mode,
-                  expirationTime,
-                  key
-                );
-              }
-              break;
-          }
-        }
-        var info = "";
-        {
-          if (
-            type === undefined ||
-            (typeof type === "object" &&
-              type !== null &&
-              Object.keys(type).length === 0)
-          ) {
-            info +=
-              " You likely forgot to export your component from the file " +
-              "it's defined in, or you might have mixed up default and " +
-              "named imports.";
-          }
-          var ownerName = owner ? getComponentName(owner.type) : null;
-          if (ownerName) {
-            info += "\n\nCheck the render method of `" + ownerName + "`.";
-          }
-        }
-        (function() {
-          {
-            throw ReactError(
-              "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
-            );
-          }
-        })();
-      }
+        didWarnAboutUnsafeLifecycles.add(fiber.type);
+      });
+
+      pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
     }
-  }
 
-  fiber = createFiber(fiberTag, pendingProps, key, mode);
-  fiber.elementType = type;
-  fiber.type = resolvedType;
-  fiber.expirationTime = expirationTime;
+    var componentWillUpdateUniqueNames = new Set();
+    if (pendingComponentWillUpdateWarnings.length > 0) {
+      pendingComponentWillUpdateWarnings.forEach(function(fiber) {
+        componentWillUpdateUniqueNames.add(
+          getComponentName(fiber.type) || "Component"
+        );
+        didWarnAboutUnsafeLifecycles.add(fiber.type);
+      });
 
-  return fiber;
-}
+      pendingComponentWillUpdateWarnings = [];
+    }
 
-function createFiberFromElement(element, mode, expirationTime) {
-  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,
-    expirationTime
-  );
-  {
-    fiber._debugSource = element._source;
-    fiber._debugOwner = element._owner;
-  }
-  return fiber;
-}
+    var UNSAFE_componentWillUpdateUniqueNames = new Set();
+    if (pendingUNSAFE_ComponentWillUpdateWarnings.length > 0) {
+      pendingUNSAFE_ComponentWillUpdateWarnings.forEach(function(fiber) {
+        UNSAFE_componentWillUpdateUniqueNames.add(
+          getComponentName(fiber.type) || "Component"
+        );
+        didWarnAboutUnsafeLifecycles.add(fiber.type);
+      });
 
-function createFiberFromFragment(elements, mode, expirationTime, key) {
-  var fiber = createFiber(Fragment, elements, key, mode);
-  fiber.expirationTime = expirationTime;
-  return fiber;
-}
+      pendingUNSAFE_ComponentWillUpdateWarnings = [];
+    }
 
-function createFiberFromEventComponent(
-  eventComponent,
-  pendingProps,
-  mode,
-  expirationTime,
-  key
-) {
-  var fiber = createFiber(EventComponent, pendingProps, key, mode);
-  fiber.elementType = eventComponent;
-  fiber.type = eventComponent;
-  fiber.expirationTime = expirationTime;
-  return fiber;
-}
+    // 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);
+      warningWithoutStack$1(
+        false,
+        "Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks 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 createFiberFromEventTarget(
-  eventTarget,
-  pendingProps,
-  mode,
-  expirationTime,
-  key
-) {
-  var fiber = createFiber(EventTarget, pendingProps, key, mode);
-  fiber.elementType = eventTarget;
-  fiber.type = eventTarget;
-  fiber.expirationTime = expirationTime;
-  // Store latest props
-  fiber.stateNode = {
-    props: pendingProps
-  };
-  return fiber;
-}
+    if (UNSAFE_componentWillReceivePropsUniqueNames.size > 0) {
+      var _sortedNames = setToSortedString(
+        UNSAFE_componentWillReceivePropsUniqueNames
+      );
+      warningWithoutStack$1(
+        false,
+        "Using UNSAFE_componentWillReceiveProps in strict mode is not recommended " +
+          "and may indicate bugs in your code. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks 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://fb.me/react-derived-state\n" +
+          "\nPlease update the following components: %s",
+        _sortedNames
+      );
+    }
 
-function createFiberFromProfiler(pendingProps, mode, expirationTime, key) {
-  {
-    if (
-      typeof pendingProps.id !== "string" ||
-      typeof pendingProps.onRender !== "function"
-    ) {
+    if (UNSAFE_componentWillUpdateUniqueNames.size > 0) {
+      var _sortedNames2 = setToSortedString(
+        UNSAFE_componentWillUpdateUniqueNames
+      );
       warningWithoutStack$1(
         false,
-        'Profiler must specify an "id" string and "onRender" function as props'
+        "Using UNSAFE_componentWillUpdate in strict mode is not recommended " +
+          "and may indicate bugs in your code. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks for details.\n\n" +
+          "* Move data fetching code or side effects to componentDidUpdate.\n" +
+          "\nPlease update the following components: %s",
+        _sortedNames2
       );
     }
-  }
 
-  var fiber = createFiber(Profiler, pendingProps, key, mode | ProfileMode);
-  // TODO: The Profiler fiber shouldn't have a type. It has a tag.
-  fiber.elementType = REACT_PROFILER_TYPE;
-  fiber.type = REACT_PROFILER_TYPE;
-  fiber.expirationTime = expirationTime;
+    if (componentWillMountUniqueNames.size > 0) {
+      var _sortedNames3 = setToSortedString(componentWillMountUniqueNames);
 
-  return fiber;
-}
+      lowPriorityWarning$1(
+        false,
+        "componentWillMount has been renamed, and is not recommended for use. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks 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 17.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
+      );
+    }
 
-function createFiberFromMode(pendingProps, mode, expirationTime, key) {
-  var fiber = createFiber(Mode, pendingProps, key, mode);
+    if (componentWillReceivePropsUniqueNames.size > 0) {
+      var _sortedNames4 = setToSortedString(
+        componentWillReceivePropsUniqueNames
+      );
 
-  // TODO: The Mode fiber shouldn't have a type. It has a tag.
-  var type =
-    (mode & ConcurrentMode) === NoContext
-      ? REACT_STRICT_MODE_TYPE
-      : REACT_CONCURRENT_MODE_TYPE;
-  fiber.elementType = type;
-  fiber.type = type;
+      lowPriorityWarning$1(
+        false,
+        "componentWillReceiveProps has been renamed, and is not recommended for use. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks 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://fb.me/react-derived-state\n" +
+          "* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress " +
+          "this warning in non-strict mode. In React 17.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
+      );
+    }
 
-  fiber.expirationTime = expirationTime;
-  return fiber;
-}
+    if (componentWillUpdateUniqueNames.size > 0) {
+      var _sortedNames5 = setToSortedString(componentWillUpdateUniqueNames);
 
-function createFiberFromSuspense(pendingProps, mode, expirationTime, key) {
-  var fiber = createFiber(SuspenseComponent, pendingProps, key, mode);
+      lowPriorityWarning$1(
+        false,
+        "componentWillUpdate has been renamed, and is not recommended for use. " +
+          "See https://fb.me/react-async-component-lifecycle-hooks 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 17.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
+      );
+    }
+  };
 
-  // TODO: The SuspenseComponent fiber shouldn't have a type. It has a tag.
-  var type = REACT_SUSPENSE_TYPE;
-  fiber.elementType = type;
-  fiber.type = type;
+  var pendingLegacyContextWarning = new Map();
 
-  fiber.expirationTime = expirationTime;
-  return fiber;
-}
+  // Tracks components we have already warned about.
+  var didWarnAboutLegacyContext = new Set();
 
-function createFiberFromText(content, mode, expirationTime) {
-  var fiber = createFiber(HostText, content, null, mode);
-  fiber.expirationTime = expirationTime;
-  return fiber;
-}
+  ReactStrictModeWarnings.recordLegacyContextWarning = function(
+    fiber,
+    instance
+  ) {
+    var strictRoot = findStrictRoot(fiber);
+    if (strictRoot === null) {
+      warningWithoutStack$1(
+        false,
+        "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."
+      );
+      return;
+    }
 
-function createFiberFromHostInstanceForDeletion() {
-  var fiber = createFiber(HostComponent, null, null, NoContext);
-  // TODO: These should not need a type.
-  fiber.elementType = "DELETED";
-  fiber.type = "DELETED";
-  return fiber;
-}
+    // Dedup strategy: Warn once per component.
+    if (didWarnAboutLegacyContext.has(fiber.type)) {
+      return;
+    }
 
-function createFiberFromPortal(portal, mode, expirationTime) {
-  var pendingProps = portal.children !== null ? portal.children : [];
-  var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
-  fiber.expirationTime = expirationTime;
-  fiber.stateNode = {
-    containerInfo: portal.containerInfo,
-    pendingChildren: null, // Used by persistent updates
-    implementation: portal.implementation
+    var warningsForRoot = pendingLegacyContextWarning.get(strictRoot);
+
+    if (
+      fiber.type.contextTypes != null ||
+      fiber.type.childContextTypes != null ||
+      (instance !== null && typeof instance.getChildContext === "function")
+    ) {
+      if (warningsForRoot === undefined) {
+        warningsForRoot = [];
+        pendingLegacyContextWarning.set(strictRoot, warningsForRoot);
+      }
+      warningsForRoot.push(fiber);
+    }
   };
-  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, NoContext);
-  }
+  ReactStrictModeWarnings.flushLegacyContextWarning = function() {
+    pendingLegacyContextWarning.forEach(function(fiberArray, strictRoot) {
+      var uniqueNames = new Set();
+      fiberArray.forEach(function(fiber) {
+        uniqueNames.add(getComponentName(fiber.type) || "Component");
+        didWarnAboutLegacyContext.add(fiber.type);
+      });
 
-  // 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.
+      var sortedNames = setToSortedString(uniqueNames);
+      var strictRootComponentStack = getStackByFiberInDevAndProd(strictRoot);
 
-  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.contextDependencies = source.contextDependencies;
-  target.mode = source.mode;
-  target.effectTag = source.effectTag;
-  target.nextEffect = source.nextEffect;
-  target.firstEffect = source.firstEffect;
-  target.lastEffect = source.lastEffect;
-  target.expirationTime = source.expirationTime;
-  target.childExpirationTime = source.childExpirationTime;
-  target.alternate = source.alternate;
-  if (enableProfilerTimer) {
-    target.actualDuration = source.actualDuration;
-    target.actualStartTime = source.actualStartTime;
-    target.selfBaseDuration = source.selfBaseDuration;
-    target.treeBaseDuration = source.treeBaseDuration;
-  }
-  target._debugID = source._debugID;
-  target._debugSource = source._debugSource;
-  target._debugOwner = source._debugOwner;
-  target._debugIsCurrentlyTiming = source._debugIsCurrentlyTiming;
-  target._debugHookTypes = source._debugHookTypes;
-  return target;
+      warningWithoutStack$1(
+        false,
+        "Legacy context API has been detected within a strict-mode tree: %s" +
+          "\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:" +
+          "\nhttps://fb.me/react-legacy-context",
+        strictRootComponentStack,
+        sortedNames
+      );
+    });
+  };
+
+  ReactStrictModeWarnings.discardPendingWarnings = function() {
+    pendingComponentWillMountWarnings = [];
+    pendingUNSAFE_ComponentWillMountWarnings = [];
+    pendingComponentWillReceivePropsWarnings = [];
+    pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+    pendingComponentWillUpdateWarnings = [];
+    pendingUNSAFE_ComponentWillUpdateWarnings = [];
+    pendingLegacyContextWarning = new Map();
+  };
 }
 
-// TODO: This should be lifted into the renderer.
+// Resolves type to a family.
 
-// The following attributes are only used by interaction tracing builds.
-// They enable interactions to be associated with their async work,
-// And expose interaction metadata to the React DevTools Profiler plugin.
-// Note that these attributes are only defined when the enableSchedulerTracing flag is enabled.
+// Used by React Refresh runtime through DevTools Global Hook.
 
-// Exported FiberRoot type includes all properties,
-// To avoid requiring potentially error-prone :any casts throughout the project.
-// Profiling properties are only safe to access in profiling builds (when enableSchedulerTracing is true).
-// The types are defined separately within this file to ensure they stay in sync.
-// (We don't have to use an inline :any cast when enableSchedulerTracing is disabled.)
+var resolveFamily = null;
+// $FlowFixMe Flow gets confused by a WeakSet feature check below.
+var failedBoundaries = null;
 
-function FiberRootNode(containerInfo, hydrate) {
-  this.current = null;
-  this.containerInfo = containerInfo;
-  this.pendingChildren = null;
-  this.pingCache = null;
-  this.pendingCommitExpirationTime = NoWork;
-  this.finishedWork = null;
-  this.timeoutHandle = noTimeout;
-  this.context = null;
-  this.pendingContext = null;
-  this.hydrate = hydrate;
-  this.firstBatch = null;
-  this.callbackNode = null;
-  this.callbackExpirationTime = NoWork;
-  this.firstPendingTime = NoWork;
-  this.lastPendingTime = NoWork;
-  this.pingTime = NoWork;
+var setRefreshHandler = function(handler) {
+  {
+    resolveFamily = handler;
+  }
+};
 
-  if (enableSchedulerTracing) {
-    this.interactionThreadID = tracing.unstable_getThreadID();
-    this.memoizedInteractions = new Set();
-    this.pendingInteractionMap = new Map();
+function resolveFunctionForHotReloading(type) {
+  {
+    if (resolveFamily === null) {
+      // Hot reloading is disabled.
+      return type;
+    }
+    var family = resolveFamily(type);
+    if (family === undefined) {
+      return type;
+    }
+    // Use the latest known implementation.
+    return family.current;
   }
 }
 
-function createFiberRoot(containerInfo, isConcurrent, hydrate) {
-  var root = new FiberRootNode(containerInfo, hydrate);
-
-  // Cyclic construction. This cheats the type system right now because
-  // stateNode is any.
-  var uninitializedFiber = createHostRootFiber(isConcurrent);
-  root.current = uninitializedFiber;
-  uninitializedFiber.stateNode = root;
+function resolveClassForHotReloading(type) {
+  // No implementation differences.
+  return resolveFunctionForHotReloading(type);
+}
 
-  return root;
+function resolveForwardRefForHotReloading(type) {
+  {
+    if (resolveFamily === null) {
+      // Hot reloading is disabled.
+      return type;
+    }
+    var family = resolveFamily(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 (type.displayName !== undefined) {
+            syntheticType.displayName = type.displayName;
+          }
+          return syntheticType;
+        }
+      }
+      return type;
+    }
+    // Use the latest known implementation.
+    return family.current;
+  }
 }
 
-/**
- * Similar to invariant but only logs a warning if the condition is not met.
- * This can be used to log issues in development environments in critical
- * paths. Removing the logging code for production environments will keep the
- * same logic and follow the same code paths.
- */
+function isCompatibleFamilyForHotReloading(fiber, element) {
+  {
+    if (resolveFamily === null) {
+      // Hot reloading is disabled.
+      return false;
+    }
 
-var warning = warningWithoutStack$1;
+    var prevType = fiber.elementType;
+    var nextType = element.type;
 
-{
-  warning = function(condition, format) {
-    if (condition) {
-      return;
-    }
-    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-    var stack = ReactDebugCurrentFrame.getStackAddendum();
-    // eslint-disable-next-line react-internal/warning-and-invariant-args
+    // If we got here, we know types aren't === equal.
+    var needsCompareFamilies = false;
 
-    for (
-      var _len = arguments.length,
-        args = Array(_len > 2 ? _len - 2 : 0),
-        _key = 2;
-      _key < _len;
-      _key++
-    ) {
-      args[_key - 2] = arguments[_key];
+    var $$typeofNextType =
+      typeof nextType === "object" && nextType !== null
+        ? nextType.$$typeof
+        : null;
+
+    switch (fiber.tag) {
+      case ClassComponent: {
+        if (typeof nextType === "function") {
+          needsCompareFamilies = true;
+        }
+        break;
+      }
+      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;
+        }
+        break;
+      }
+      case ForwardRef: {
+        if ($$typeofNextType === REACT_FORWARD_REF_TYPE) {
+          needsCompareFamilies = true;
+        } else if ($$typeofNextType === REACT_LAZY_TYPE) {
+          needsCompareFamilies = true;
+        }
+        break;
+      }
+      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;
+        }
+        break;
+      }
+      default:
+        return false;
     }
 
-    warningWithoutStack$1.apply(
-      undefined,
-      [false, format + "%s"].concat(args, [stack])
-    );
-  };
+    // Check if both types have a family and it's the same one.
+    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);
+      if (prevFamily !== undefined && prevFamily === resolveFamily(nextType)) {
+        return true;
+      }
+    }
+    return false;
+  }
 }
 
-var warning$1 = warning;
-
-/**
- * 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
-  );
+function markFailedErrorBoundaryForHotReloading(fiber) {
+  {
+    if (resolveFamily === null) {
+      // Hot reloading is disabled.
+      return;
+    }
+    if (typeof WeakSet !== "function") {
+      return;
+    }
+    if (failedBoundaries === null) {
+      failedBoundaries = new WeakSet();
+    }
+    failedBoundaries.add(fiber);
+  }
 }
 
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-
-/**
- * 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 (is(objA, objB)) {
-    return true;
-  }
-
-  if (
-    typeof objA !== "object" ||
-    objA === null ||
-    typeof objB !== "object" ||
-    objB === null
-  ) {
-    return false;
-  }
-
-  var keysA = Object.keys(objA);
-  var keysB = Object.keys(objB);
+var scheduleRefresh = function(root, update) {
+  {
+    if (resolveFamily === null) {
+      // Hot reloading is disabled.
+      return;
+    }
+    var _staleFamilies = update.staleFamilies,
+      _updatedFamilies = update.updatedFamilies;
 
-  if (keysA.length !== keysB.length) {
-    return false;
+    flushPassiveEffects();
+    flushSync(function() {
+      scheduleFibersWithFamiliesRecursively(
+        root.current,
+        _updatedFamilies,
+        _staleFamilies
+      );
+    });
   }
+};
 
-  // Test for A's keys different from B.
-  for (var i = 0; i < keysA.length; i++) {
-    if (
-      !hasOwnProperty.call(objB, keysA[i]) ||
-      !is(objA[keysA[i]], objB[keysA[i]])
-    ) {
-      return false;
+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();
+    updateContainerAtExpirationTime(element, root, null, Sync, null);
   }
+};
 
-  return true;
-}
-
-/**
- * Forked from fbjs/warning:
- * https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/__forks__/warning.js
- *
- * Only change is we use console.warn instead of console.error,
- * and do nothing when 'console' is not supported.
- * This really simplifies the code.
- * ---
- * Similar to invariant but only logs a warning if the condition is not met.
- * This can be used to log issues in development environments in critical
- * paths. Removing the logging code for production environments will keep the
- * same logic and follow the same code paths.
- */
-
-var lowPriorityWarning = function() {};
-
-{
-  var printWarning = function(format) {
-    for (
-      var _len = arguments.length,
-        args = Array(_len > 1 ? _len - 1 : 0),
-        _key = 1;
-      _key < _len;
-      _key++
-    ) {
-      args[_key - 1] = arguments[_key];
+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;
+      default:
+        break;
     }
 
-    var argIndex = 0;
-    var message =
-      "Warning: " +
-      format.replace(/%s/g, function() {
-        return args[argIndex++];
-      });
-    if (typeof console !== "undefined") {
-      console.warn(message);
+    if (resolveFamily === null) {
+      throw new Error("Expected resolveFamily to be set during hot reload.");
     }
-    try {
-      // --- Welcome to debugging React ---
-      // This error was thrown as a convenience so that you can use this stack
-      // to find the callsite that caused this warning to fire.
-      throw new Error(message);
-    } catch (x) {}
-  };
 
-  lowPriorityWarning = function(condition, format) {
-    if (format === undefined) {
-      throw new Error(
-        "`lowPriorityWarning(condition, format, ...args)` requires a warning " +
-          "message argument"
-      );
+    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;
+          }
+        }
+      }
     }
-    if (!condition) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(_len2 > 2 ? _len2 - 2 : 0),
-          _key2 = 2;
-        _key2 < _len2;
-        _key2++
+    if (failedBoundaries !== null) {
+      if (
+        failedBoundaries.has(fiber) ||
+        (alternate !== null && failedBoundaries.has(alternate))
       ) {
-        args[_key2 - 2] = arguments[_key2];
+        needsRemount = true;
       }
+    }
 
-      printWarning.apply(undefined, [format].concat(args));
+    if (needsRemount) {
+      fiber._debugNeedsRemount = true;
     }
-  };
+    if (needsRemount || needsRender) {
+      scheduleWork(fiber, Sync);
+    }
+    if (child !== null && !needsRemount) {
+      scheduleFibersWithFamiliesRecursively(
+        child,
+        updatedFamilies,
+        staleFamilies
+      );
+    }
+    if (sibling !== null) {
+      scheduleFibersWithFamiliesRecursively(
+        sibling,
+        updatedFamilies,
+        staleFamilies
+      );
+    }
+  }
 }
 
-var lowPriorityWarning$1 = lowPriorityWarning;
-
-var ReactStrictModeWarnings = {
-  discardPendingWarnings: function() {},
-  flushPendingDeprecationWarnings: function() {},
-  flushPendingUnsafeLifecycleWarnings: function() {},
-  recordDeprecationWarnings: function(fiber, instance) {},
-  recordUnsafeLifecycleWarnings: function(fiber, instance) {},
-  recordLegacyContextWarning: function(fiber, instance) {},
-  flushLegacyContextWarning: function() {}
+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;
+  }
 };
 
-{
-  var LIFECYCLE_SUGGESTIONS = {
-    UNSAFE_componentWillMount: "componentDidMount",
-    UNSAFE_componentWillReceiveProps: "static getDerivedStateFromProps",
-    UNSAFE_componentWillUpdate: "componentDidUpdate"
-  };
-
-  var pendingComponentWillMountWarnings = [];
-  var pendingComponentWillReceivePropsWarnings = [];
-  var pendingComponentWillUpdateWarnings = [];
-  var pendingUnsafeLifecycleWarnings = new Map();
-  var pendingLegacyContextWarning = new Map();
-
-  // Tracks components we have already warned about.
-  var didWarnAboutDeprecatedLifecycles = new Set();
-  var didWarnAboutUnsafeLifecycles = new Set();
-  var didWarnAboutLegacyContext = new Set();
-
-  var setToSortedString = function(set) {
-    var array = [];
-    set.forEach(function(value) {
-      array.push(value);
-    });
-    return array.sort().join(", ");
-  };
-
-  ReactStrictModeWarnings.discardPendingWarnings = function() {
-    pendingComponentWillMountWarnings = [];
-    pendingComponentWillReceivePropsWarnings = [];
-    pendingComponentWillUpdateWarnings = [];
-    pendingUnsafeLifecycleWarnings = new Map();
-    pendingLegacyContextWarning = new Map();
-  };
-
-  ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings = function() {
-    pendingUnsafeLifecycleWarnings.forEach(function(
-      lifecycleWarningsMap,
-      strictRoot
-    ) {
-      var lifecyclesWarningMessages = [];
-
-      Object.keys(lifecycleWarningsMap).forEach(function(lifecycle) {
-        var lifecycleWarnings = lifecycleWarningsMap[lifecycle];
-        if (lifecycleWarnings.length > 0) {
-          var componentNames = new Set();
-          lifecycleWarnings.forEach(function(fiber) {
-            componentNames.add(getComponentName(fiber.type) || "Component");
-            didWarnAboutUnsafeLifecycles.add(fiber.type);
-          });
-
-          var formatted = lifecycle.replace("UNSAFE_", "");
-          var suggestion = LIFECYCLE_SUGGESTIONS[lifecycle];
-          var sortedComponentNames = setToSortedString(componentNames);
+function findHostInstancesForMatchingFibersRecursively(
+  fiber,
+  types,
+  hostInstances
+) {
+  {
+    var child = fiber.child,
+      sibling = fiber.sibling,
+      tag = fiber.tag,
+      type = fiber.type;
 
-          lifecyclesWarningMessages.push(
-            formatted +
-              ": Please update the following components to use " +
-              (suggestion + " instead: " + sortedComponentNames)
-          );
-        }
-      });
+    var candidateType = null;
+    switch (tag) {
+      case FunctionComponent:
+      case SimpleMemoComponent:
+      case ClassComponent:
+        candidateType = type;
+        break;
+      case ForwardRef:
+        candidateType = type.render;
+        break;
+      default:
+        break;
+    }
 
-      if (lifecyclesWarningMessages.length > 0) {
-        var strictRootComponentStack = getStackByFiberInDevAndProd(strictRoot);
+    var didMatch = false;
+    if (candidateType !== null) {
+      if (types.has(candidateType)) {
+        didMatch = true;
+      }
+    }
 
-        warningWithoutStack$1(
-          false,
-          "Unsafe lifecycle methods were found within a strict-mode tree:%s" +
-            "\n\n%s" +
-            "\n\nLearn more about this warning here:" +
-            "\nhttps://fb.me/react-strict-mode-warnings",
-          strictRootComponentStack,
-          lifecyclesWarningMessages.join("\n\n")
+    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
         );
       }
-    });
-
-    pendingUnsafeLifecycleWarnings = new Map();
-  };
+    }
 
-  var findStrictRoot = function(fiber) {
-    var maybeStrictRoot = null;
+    if (sibling !== null) {
+      findHostInstancesForMatchingFibersRecursively(
+        sibling,
+        types,
+        hostInstances
+      );
+    }
+  }
+}
 
+function findHostInstancesForFiberShallowly(fiber, hostInstances) {
+  {
+    var foundHostInstances = findChildHostInstancesForFiberShallowly(
+      fiber,
+      hostInstances
+    );
+    if (foundHostInstances) {
+      return;
+    }
+    // If we didn't find any host children, fallback to closest host parent.
     var node = fiber;
-    while (node !== null) {
-      if (node.mode & StrictMode) {
-        maybeStrictRoot = node;
+    while (true) {
+      switch (node.tag) {
+        case HostComponent:
+          hostInstances.add(node.stateNode);
+          return;
+        case HostPortal:
+          hostInstances.add(node.stateNode.containerInfo);
+          return;
+        case HostRoot:
+          hostInstances.add(node.stateNode.containerInfo);
+          return;
+      }
+      if (node.return === null) {
+        throw new Error("Expected to reach root first.");
       }
       node = node.return;
     }
+  }
+}
 
-    return maybeStrictRoot;
-  };
-
-  ReactStrictModeWarnings.flushPendingDeprecationWarnings = function() {
-    if (pendingComponentWillMountWarnings.length > 0) {
-      var uniqueNames = new Set();
-      pendingComponentWillMountWarnings.forEach(function(fiber) {
-        uniqueNames.add(getComponentName(fiber.type) || "Component");
-        didWarnAboutDeprecatedLifecycles.add(fiber.type);
-      });
-
-      var sortedNames = setToSortedString(uniqueNames);
-
-      lowPriorityWarning$1(
-        false,
-        "componentWillMount is deprecated and will be removed in the next major version. " +
-          "Use componentDidMount instead. As a temporary workaround, " +
-          "you can rename to UNSAFE_componentWillMount." +
-          "\n\nPlease update the following components: %s" +
-          "\n\nLearn more about this warning here:" +
-          "\nhttps://fb.me/react-async-component-lifecycle-hooks",
-        sortedNames
-      );
-
-      pendingComponentWillMountWarnings = [];
+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;
+      }
+      if (node === fiber) {
+        return foundHostInstances;
+      }
+      while (node.sibling === null) {
+        if (node.return === null || node.return === fiber) {
+          return foundHostInstances;
+        }
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
     }
-
-    if (pendingComponentWillReceivePropsWarnings.length > 0) {
-      var _uniqueNames = new Set();
-      pendingComponentWillReceivePropsWarnings.forEach(function(fiber) {
-        _uniqueNames.add(getComponentName(fiber.type) || "Component");
-        didWarnAboutDeprecatedLifecycles.add(fiber.type);
-      });
-
-      var _sortedNames = setToSortedString(_uniqueNames);
-
-      lowPriorityWarning$1(
-        false,
-        "componentWillReceiveProps is deprecated and will be removed in the next major version. " +
-          "Use static getDerivedStateFromProps instead." +
-          "\n\nPlease update the following components: %s" +
-          "\n\nLearn more about this warning here:" +
-          "\nhttps://fb.me/react-async-component-lifecycle-hooks",
-        _sortedNames
-      );
-
-      pendingComponentWillReceivePropsWarnings = [];
-    }
-
-    if (pendingComponentWillUpdateWarnings.length > 0) {
-      var _uniqueNames2 = new Set();
-      pendingComponentWillUpdateWarnings.forEach(function(fiber) {
-        _uniqueNames2.add(getComponentName(fiber.type) || "Component");
-        didWarnAboutDeprecatedLifecycles.add(fiber.type);
-      });
-
-      var _sortedNames2 = setToSortedString(_uniqueNames2);
-
-      lowPriorityWarning$1(
-        false,
-        "componentWillUpdate is deprecated and will be removed in the next major version. " +
-          "Use componentDidUpdate instead. As a temporary workaround, " +
-          "you can rename to UNSAFE_componentWillUpdate." +
-          "\n\nPlease update the following components: %s" +
-          "\n\nLearn more about this warning here:" +
-          "\nhttps://fb.me/react-async-component-lifecycle-hooks",
-        _sortedNames2
-      );
-
-      pendingComponentWillUpdateWarnings = [];
-    }
-  };
-
-  ReactStrictModeWarnings.recordDeprecationWarnings = function(
-    fiber,
-    instance
-  ) {
-    // Dedup strategy: Warn once per component.
-    if (didWarnAboutDeprecatedLifecycles.has(fiber.type)) {
-      return;
-    }
-
-    // Don't warn about react-lifecycles-compat polyfilled components.
-    if (
-      typeof instance.componentWillMount === "function" &&
-      instance.componentWillMount.__suppressDeprecationWarning !== true
-    ) {
-      pendingComponentWillMountWarnings.push(fiber);
-    }
-    if (
-      typeof instance.componentWillReceiveProps === "function" &&
-      instance.componentWillReceiveProps.__suppressDeprecationWarning !== true
-    ) {
-      pendingComponentWillReceivePropsWarnings.push(fiber);
-    }
-    if (
-      typeof instance.componentWillUpdate === "function" &&
-      instance.componentWillUpdate.__suppressDeprecationWarning !== true
-    ) {
-      pendingComponentWillUpdateWarnings.push(fiber);
-    }
-  };
-
-  ReactStrictModeWarnings.recordUnsafeLifecycleWarnings = function(
-    fiber,
-    instance
-  ) {
-    var strictRoot = findStrictRoot(fiber);
-    if (strictRoot === null) {
-      warningWithoutStack$1(
-        false,
-        "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."
-      );
-      return;
-    }
-
-    // Dedup strategy: Warn once per component.
-    // This is difficult to track any other way since component names
-    // are often vague and are likely to collide between 3rd party libraries.
-    // An expand property is probably okay to use here since it's DEV-only,
-    // and will only be set in the event of serious warnings.
-    if (didWarnAboutUnsafeLifecycles.has(fiber.type)) {
-      return;
-    }
-
-    var warningsForRoot = void 0;
-    if (!pendingUnsafeLifecycleWarnings.has(strictRoot)) {
-      warningsForRoot = {
-        UNSAFE_componentWillMount: [],
-        UNSAFE_componentWillReceiveProps: [],
-        UNSAFE_componentWillUpdate: []
-      };
-
-      pendingUnsafeLifecycleWarnings.set(strictRoot, warningsForRoot);
-    } else {
-      warningsForRoot = pendingUnsafeLifecycleWarnings.get(strictRoot);
-    }
-
-    var unsafeLifecycles = [];
-    if (
-      (typeof instance.componentWillMount === "function" &&
-        instance.componentWillMount.__suppressDeprecationWarning !== true) ||
-      typeof instance.UNSAFE_componentWillMount === "function"
-    ) {
-      unsafeLifecycles.push("UNSAFE_componentWillMount");
-    }
-    if (
-      (typeof instance.componentWillReceiveProps === "function" &&
-        instance.componentWillReceiveProps.__suppressDeprecationWarning !==
-          true) ||
-      typeof instance.UNSAFE_componentWillReceiveProps === "function"
-    ) {
-      unsafeLifecycles.push("UNSAFE_componentWillReceiveProps");
-    }
-    if (
-      (typeof instance.componentWillUpdate === "function" &&
-        instance.componentWillUpdate.__suppressDeprecationWarning !== true) ||
-      typeof instance.UNSAFE_componentWillUpdate === "function"
-    ) {
-      unsafeLifecycles.push("UNSAFE_componentWillUpdate");
-    }
-
-    if (unsafeLifecycles.length > 0) {
-      unsafeLifecycles.forEach(function(lifecycle) {
-        warningsForRoot[lifecycle].push(fiber);
-      });
-    }
-  };
-
-  ReactStrictModeWarnings.recordLegacyContextWarning = function(
-    fiber,
-    instance
-  ) {
-    var strictRoot = findStrictRoot(fiber);
-    if (strictRoot === null) {
-      warningWithoutStack$1(
-        false,
-        "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."
-      );
-      return;
-    }
-
-    // Dedup strategy: Warn once per component.
-    if (didWarnAboutLegacyContext.has(fiber.type)) {
-      return;
-    }
-
-    var warningsForRoot = pendingLegacyContextWarning.get(strictRoot);
-
-    if (
-      fiber.type.contextTypes != null ||
-      fiber.type.childContextTypes != null ||
-      (instance !== null && typeof instance.getChildContext === "function")
-    ) {
-      if (warningsForRoot === undefined) {
-        warningsForRoot = [];
-        pendingLegacyContextWarning.set(strictRoot, warningsForRoot);
-      }
-      warningsForRoot.push(fiber);
-    }
-  };
-
-  ReactStrictModeWarnings.flushLegacyContextWarning = function() {
-    pendingLegacyContextWarning.forEach(function(fiberArray, strictRoot) {
-      var uniqueNames = new Set();
-      fiberArray.forEach(function(fiber) {
-        uniqueNames.add(getComponentName(fiber.type) || "Component");
-        didWarnAboutLegacyContext.add(fiber.type);
-      });
-
-      var sortedNames = setToSortedString(uniqueNames);
-      var strictRootComponentStack = getStackByFiberInDevAndProd(strictRoot);
-
-      warningWithoutStack$1(
-        false,
-        "Legacy context API has been detected within a strict-mode tree: %s" +
-          "\n\nPlease update the following components: %s" +
-          "\n\nLearn more about this warning here:" +
-          "\nhttps://fb.me/react-strict-mode-warnings",
-        strictRootComponentStack,
-        sortedNames
-      );
-    });
-  };
-}
+  }
+  return false;
+}
 
 function resolveDefaultProps(Component, baseProps) {
   if (Component && Component.defaultProps) {
@@ -6891,7 +6739,7 @@ var lastContextWithAllBitsObserved = null;
 
 var isDisallowedContextReadInDEV = false;
 
-function resetContextDependences() {
+function resetContextDependencies() {
   // This is called right before React yields execution, to ensure `readContext`
   // cannot be called outside the render phase.
   currentlyRenderingFiber = null;
@@ -7036,11 +6884,11 @@ function propagateContextChange(
     var nextFiber = void 0;
 
     // Visit this fiber.
-    var list = fiber.contextDependencies;
+    var list = fiber.dependencies;
     if (list !== null) {
       nextFiber = fiber.child;
 
-      var dependency = list.first;
+      var dependency = list.firstContext;
       while (dependency !== null) {
         // Check if the context matches.
         if (
@@ -7051,7 +6899,7 @@ function propagateContextChange(
 
           if (fiber.tag === ClassComponent) {
             // Schedule a force update on the work-in-progress.
-            var update = createUpdate(renderExpirationTime);
+            var update = createUpdate(renderExpirationTime, null);
             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
@@ -7147,17 +6995,18 @@ function prepareToReadContext(workInProgress, renderExpirationTime) {
   lastContextDependency = null;
   lastContextWithAllBitsObserved = null;
 
-  var currentDependencies = workInProgress.contextDependencies;
-  if (
-    currentDependencies !== null &&
-    currentDependencies.expirationTime >= renderExpirationTime
-  ) {
-    // Context list has a pending update. Mark that this fiber performed work.
-    markWorkInProgressReceivedUpdate();
+  var dependencies = workInProgress.dependencies;
+  if (dependencies !== null) {
+    var firstContext = dependencies.firstContext;
+    if (firstContext !== null) {
+      if (dependencies.expirationTime >= renderExpirationTime) {
+        // Context list has a pending update. Mark that this fiber performed work.
+        markWorkInProgressReceivedUpdate();
+      }
+      // Reset the work-in-progress list
+      dependencies.firstContext = null;
+    }
   }
-
-  // Reset the work-in-progress list
-  workInProgress.contextDependencies = null;
 }
 
 function readContext(context, observedBits) {
@@ -7202,16 +7051,19 @@ function readContext(context, observedBits) {
       (function() {
         if (!(currentlyRenderingFiber !== null)) {
           throw ReactError(
-            "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()."
+            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.contextDependencies = {
-        first: contextItem,
-        expirationTime: NoWork
+      currentlyRenderingFiber.dependencies = {
+        expirationTime: NoWork,
+        firstContext: contextItem,
+        responders: null
       };
     } else {
       // Append a new context item.
@@ -7351,9 +7203,10 @@ function cloneUpdateQueue(currentQueue) {
   return queue;
 }
 
-function createUpdate(expirationTime) {
-  return {
+function createUpdate(expirationTime, suspenseConfig) {
+  var update = {
     expirationTime: expirationTime,
+    suspenseConfig: suspenseConfig,
 
     tag: UpdateState,
     payload: null,
@@ -7362,6 +7215,10 @@ function createUpdate(expirationTime) {
     next: null,
     nextEffect: null
   };
+  {
+    update.priority = getCurrentPriorityLevel();
+  }
+  return update;
 }
 
 function appendUpdateToQueue(queue, update) {
@@ -7614,7 +7471,7 @@ function processUpdateQueue(
       // TODO: We should skip this update if it was already committed but currently
       // we have no way of detecting the difference between a committed and suspended
       // update here.
-      markRenderEventTime(updateExpirationTime);
+      markRenderEventTimeAndConfig(updateExpirationTime, update.suspenseConfig);
 
       // Process it and compute a new result.
       resultState = getStateFromUpdate(
@@ -7728,8 +7585,10 @@ function callCallback(callback, context) {
   (function() {
     if (!(typeof callback === "function")) {
       throw ReactError(
-        "Invalid argument passed as callback. Expected a function. Instead received: " +
-          callback
+        Error(
+          "Invalid argument passed as callback. Expected a function. Instead received: " +
+            callback
+        )
       );
     }
   })();
@@ -7783,6 +7642,12 @@ function commitUpdateEffects(effect, instance) {
   }
 }
 
+var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig;
+
+function requestCurrentSuspenseConfig() {
+  return ReactCurrentBatchConfig.suspense;
+}
+
 var fakeInternalInstance = {};
 var isArray$1 = Array.isArray;
 
@@ -7856,7 +7721,9 @@ var didWarnAboutInvalidateContextType = void 0;
       (function() {
         {
           throw ReactError(
-            "_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)."
+            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)."
+            )
           );
         }
       })();
@@ -7907,11 +7774,16 @@ function applyDerivedStateFromProps(
 var classComponentUpdater = {
   isMounted: isMounted,
   enqueueSetState: function(inst, payload, callback) {
-    var fiber = get$1(inst);
+    var fiber = get(inst);
     var currentTime = requestCurrentTime();
-    var expirationTime = computeExpirationForFiber(currentTime, fiber);
+    var suspenseConfig = requestCurrentSuspenseConfig();
+    var expirationTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      suspenseConfig
+    );
 
-    var update = createUpdate(expirationTime);
+    var update = createUpdate(expirationTime, suspenseConfig);
     update.payload = payload;
     if (callback !== undefined && callback !== null) {
       {
@@ -7920,16 +7792,23 @@ var classComponentUpdater = {
       update.callback = callback;
     }
 
-    flushPassiveEffects();
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
     enqueueUpdate(fiber, update);
     scheduleWork(fiber, expirationTime);
   },
   enqueueReplaceState: function(inst, payload, callback) {
-    var fiber = get$1(inst);
+    var fiber = get(inst);
     var currentTime = requestCurrentTime();
-    var expirationTime = computeExpirationForFiber(currentTime, fiber);
+    var suspenseConfig = requestCurrentSuspenseConfig();
+    var expirationTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      suspenseConfig
+    );
 
-    var update = createUpdate(expirationTime);
+    var update = createUpdate(expirationTime, suspenseConfig);
     update.tag = ReplaceState;
     update.payload = payload;
 
@@ -7940,16 +7819,23 @@ var classComponentUpdater = {
       update.callback = callback;
     }
 
-    flushPassiveEffects();
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
     enqueueUpdate(fiber, update);
     scheduleWork(fiber, expirationTime);
   },
   enqueueForceUpdate: function(inst, callback) {
-    var fiber = get$1(inst);
+    var fiber = get(inst);
     var currentTime = requestCurrentTime();
-    var expirationTime = computeExpirationForFiber(currentTime, fiber);
+    var suspenseConfig = requestCurrentSuspenseConfig();
+    var expirationTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      suspenseConfig
+    );
 
-    var update = createUpdate(expirationTime);
+    var update = createUpdate(expirationTime, suspenseConfig);
     update.tag = ForceUpdate;
 
     if (callback !== undefined && callback !== null) {
@@ -7959,7 +7845,9 @@ var classComponentUpdater = {
       update.callback = callback;
     }
 
-    flushPassiveEffects();
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
     enqueueUpdate(fiber, update);
     scheduleWork(fiber, expirationTime);
   }
@@ -8074,28 +7962,48 @@ function checkClassInstance(workInProgress, ctor, newProps) {
           name
         )
       : void 0;
-    var noInstanceContextTypes = !instance.contextTypes;
-    !noInstanceContextTypes
-      ? warningWithoutStack$1(
+
+    if (disableLegacyContext) {
+      if (ctor.childContextTypes) {
+        warningWithoutStack$1(
           false,
-          "contextTypes was defined as an instance property on %s. Use a static " +
-            "property to define contextTypes instead.",
+          "%s uses the legacy childContextTypes API which is no longer supported. " +
+            "Use React.createContext() instead.",
           name
-        )
-      : void 0;
+        );
+      }
+      if (ctor.contextTypes) {
+        warningWithoutStack$1(
+          false,
+          "%s uses the legacy contextTypes API which is no longer supported. " +
+            "Use React.createContext() with static contextType instead.",
+          name
+        );
+      }
+    } else {
+      var noInstanceContextTypes = !instance.contextTypes;
+      !noInstanceContextTypes
+        ? warningWithoutStack$1(
+            false,
+            "contextTypes was defined as an instance property on %s. Use a static " +
+              "property to define contextTypes instead.",
+            name
+          )
+        : void 0;
 
-    if (
-      ctor.contextType &&
-      ctor.contextTypes &&
-      !didWarnAboutContextTypeAndContextTypes.has(ctor)
-    ) {
-      didWarnAboutContextTypeAndContextTypes.add(ctor);
-      warningWithoutStack$1(
-        false,
-        "%s declares both contextTypes and contextType static properties. " +
-          "The legacy contextTypes property will be ignored.",
-        name
-      );
+      if (
+        ctor.contextType &&
+        ctor.contextTypes &&
+        !didWarnAboutContextTypeAndContextTypes.has(ctor)
+      ) {
+        didWarnAboutContextTypeAndContextTypes.add(ctor);
+        warningWithoutStack$1(
+          false,
+          "%s declares both contextTypes and contextType static properties. " +
+            "The legacy contextTypes property will be ignored.",
+          name
+        );
+      }
     }
 
     var noComponentShouldUpdate =
@@ -8271,7 +8179,7 @@ function constructClassInstance(
 ) {
   var isLegacyContextConsumer = false;
   var unmaskedContext = emptyContextObject;
-  var context = null;
+  var context = emptyContextObject;
   var contextType = ctor.contextType;
 
   {
@@ -8319,7 +8227,7 @@ function constructClassInstance(
 
   if (typeof contextType === "object" && contextType !== null) {
     context = readContext(contextType);
-  } else {
+  } else if (!disableLegacyContext) {
     unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     var contextTypes = ctor.contextTypes;
     isLegacyContextConsumer =
@@ -8521,6 +8429,8 @@ function mountClassInstance(
   var contextType = ctor.contextType;
   if (typeof contextType === "object" && contextType !== null) {
     instance.context = readContext(contextType);
+  } else if (disableLegacyContext) {
+    instance.context = emptyContextObject;
   } else {
     var unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     instance.context = getMaskedContext(workInProgress, unmaskedContext);
@@ -8542,11 +8452,6 @@ function mountClassInstance(
     }
 
     if (workInProgress.mode & StrictMode) {
-      ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
-        workInProgress,
-        instance
-      );
-
       ReactStrictModeWarnings.recordLegacyContextWarning(
         workInProgress,
         instance
@@ -8554,7 +8459,7 @@ function mountClassInstance(
     }
 
     if (warnAboutDeprecatedLifecycles) {
-      ReactStrictModeWarnings.recordDeprecationWarnings(
+      ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
         workInProgress,
         instance
       );
@@ -8626,10 +8531,10 @@ function resumeMountClassInstance(
 
   var oldContext = instance.context;
   var contextType = ctor.contextType;
-  var nextContext = void 0;
+  var nextContext = emptyContextObject;
   if (typeof contextType === "object" && contextType !== null) {
     nextContext = readContext(contextType);
-  } else {
+  } else if (!disableLegacyContext) {
     var nextLegacyUnmaskedContext = getUnmaskedContext(
       workInProgress,
       ctor,
@@ -8775,10 +8680,10 @@ function updateClassInstance(
 
   var oldContext = instance.context;
   var contextType = ctor.contextType;
-  var nextContext = void 0;
+  var nextContext = emptyContextObject;
   if (typeof contextType === "object" && contextType !== null) {
     nextContext = readContext(contextType);
-  } else {
+  } else if (!disableLegacyContext) {
     var nextUnmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     nextContext = getMaskedContext(workInProgress, nextUnmaskedContext);
   }
@@ -8934,7 +8839,7 @@ function updateClassInstance(
 
 var didWarnAboutMaps = void 0;
 var didWarnAboutGenerators = void 0;
-var didWarnAboutStringRefInStrictMode = void 0;
+var didWarnAboutStringRefs = void 0;
 var ownerHasKeyUseWarning = void 0;
 var ownerHasFunctionTypeWarning = void 0;
 var warnForMissingKey = function(child) {};
@@ -8942,7 +8847,7 @@ var warnForMissingKey = function(child) {};
 {
   didWarnAboutMaps = false;
   didWarnAboutGenerators = false;
-  didWarnAboutStringRefInStrictMode = {};
+  didWarnAboutStringRefs = {};
 
   /**
    * Warn if there's no key explicitly set on dynamic arrays of children or
@@ -8962,7 +8867,9 @@ var warnForMissingKey = function(child) {};
     (function() {
       if (!(typeof child._store === "object")) {
         throw ReactError(
-          "React Component in warnForMissingKey should have a _store. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "React Component in warnForMissingKey should have a _store. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       }
     })();
@@ -8997,21 +8904,38 @@ function coerceRef(returnFiber, current$$1, element) {
     typeof mixedRef !== "object"
   ) {
     {
-      if (returnFiber.mode & StrictMode) {
+      // 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 & StrictMode || warnAboutStringRefs) {
         var componentName = getComponentName(returnFiber.type) || "Component";
-        if (!didWarnAboutStringRefInStrictMode[componentName]) {
-          warningWithoutStack$1(
-            false,
-            '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 createRef() instead." +
-              "\n%s" +
-              "\n\nLearn more about using refs safely here:" +
-              "\nhttps://fb.me/react-strict-mode-string-ref",
-            mixedRef,
-            getStackByFiberInDevAndProd(returnFiber)
-          );
-          didWarnAboutStringRefInStrictMode[componentName] = true;
+        if (!didWarnAboutStringRefs[componentName]) {
+          if (warnAboutStringRefs) {
+            warningWithoutStack$1(
+              false,
+              '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." +
+                "\n%s" +
+                "\n\nLearn more about using refs safely here:" +
+                "\nhttps://fb.me/react-strict-mode-string-ref",
+              componentName,
+              mixedRef,
+              getStackByFiberInDevAndProd(returnFiber)
+            );
+          } else {
+            warningWithoutStack$1(
+              false,
+              '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." +
+                "\n%s" +
+                "\n\nLearn more about using refs safely here:" +
+                "\nhttps://fb.me/react-strict-mode-string-ref",
+              mixedRef,
+              getStackByFiberInDevAndProd(returnFiber)
+            );
+          }
+          didWarnAboutStringRefs[componentName] = true;
         }
       }
     }
@@ -9024,7 +8948,9 @@ function coerceRef(returnFiber, current$$1, element) {
         (function() {
           if (!(ownerFiber.tag === ClassComponent)) {
             throw ReactError(
-              "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+              Error(
+                "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+              )
             );
           }
         })();
@@ -9033,9 +8959,11 @@ function coerceRef(returnFiber, current$$1, element) {
       (function() {
         if (!inst) {
           throw ReactError(
-            "Missing owner for string ref " +
-              mixedRef +
-              ". This error is likely caused by a bug in React. Please file an issue."
+            Error(
+              "Missing owner for string ref " +
+                mixedRef +
+                ". This error is likely caused by a bug in React. Please file an issue."
+            )
           );
         }
       })();
@@ -9067,16 +8995,20 @@ function coerceRef(returnFiber, current$$1, element) {
       (function() {
         if (!(typeof mixedRef === "string")) {
           throw ReactError(
-            "Expected ref to be a function, a string, an object returned by React.createRef(), or null."
+            Error(
+              "Expected ref to be a function, a string, an object returned by React.createRef(), or null."
+            )
           );
         }
       })();
       (function() {
         if (!element._owner) {
           throw ReactError(
-            "Element ref was specified as a string (" +
-              mixedRef +
-              ") 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://fb.me/react-refs-must-have-owner for more information."
+            Error(
+              "Element ref was specified as a string (" +
+                mixedRef +
+                ") 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://fb.me/react-refs-must-have-owner for more information."
+            )
           );
         }
       })();
@@ -9097,12 +9029,14 @@ function throwOnInvalidObjectType(returnFiber, newChild) {
     (function() {
       {
         throw ReactError(
-          "Objects are not valid as a React child (found: " +
-            (Object.prototype.toString.call(newChild) === "[object Object]"
-              ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
-              : newChild) +
-            ")." +
-            addendum
+          Error(
+            "Objects are not valid as a React child (found: " +
+              (Object.prototype.toString.call(newChild) === "[object Object]"
+                ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
+                : newChild) +
+              ")." +
+              addendum
+          )
         );
       }
     })();
@@ -9254,7 +9188,12 @@ function ChildReconciler(shouldTrackSideEffects) {
   }
 
   function updateElement(returnFiber, current$$1, element, expirationTime) {
-    if (current$$1 !== null && current$$1.elementType === element.type) {
+    if (
+      current$$1 !== null &&
+      (current$$1.elementType === element.type ||
+        // Keep this check inline so it only runs on the false path:
+        isCompatibleFamilyForHotReloading(current$$1, element))
+    ) {
       // Move based on index
       var existing = useFiber(current$$1, element.props, expirationTime);
       existing.ref = coerceRef(returnFiber, current$$1, element);
@@ -9767,7 +9706,9 @@ function ChildReconciler(shouldTrackSideEffects) {
     (function() {
       if (!(typeof iteratorFn === "function")) {
         throw ReactError(
-          "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       }
     })();
@@ -9822,7 +9763,7 @@ function ChildReconciler(shouldTrackSideEffects) {
     var newChildren = iteratorFn.call(newChildrenIterable);
     (function() {
       if (!(newChildren != null)) {
-        throw ReactError("An iterable object provided no iterator.");
+        throw ReactError(Error("An iterable object provided no iterator."));
       }
     })();
 
@@ -9998,7 +9939,9 @@ function ChildReconciler(shouldTrackSideEffects) {
         if (
           child.tag === Fragment
             ? element.type === REACT_FRAGMENT_TYPE
-            : child.elementType === element.type
+            : child.elementType === element.type ||
+              // Keep this check inline so it only runs on the false path:
+              isCompatibleFamilyForHotReloading(child, element)
         ) {
           deleteRemainingChildren(returnFiber, child.sibling);
           var existing = useFiber(
@@ -10198,8 +10141,10 @@ function ChildReconciler(shouldTrackSideEffects) {
           (function() {
             {
               throw ReactError(
-                (Component.displayName || Component.name || "Component") +
-                  "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null."
+                Error(
+                  (Component.displayName || Component.name || "Component") +
+                    "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null."
+                )
               );
             }
           })();
@@ -10220,7 +10165,7 @@ var mountChildFibers = ChildReconciler(false);
 function cloneChildFibers(current$$1, workInProgress) {
   (function() {
     if (!(current$$1 === null || workInProgress.child === current$$1.child)) {
-      throw ReactError("Resuming work not yet implemented.");
+      throw ReactError(Error("Resuming work not yet implemented."));
     }
   })();
 
@@ -10249,6 +10194,15 @@ function cloneChildFibers(current$$1, workInProgress) {
   newChild.sibling = null;
 }
 
+// Reset a workInProgress child set to prepare it for a second pass.
+function resetChildFibers(workInProgress, renderExpirationTime) {
+  var child = workInProgress.child;
+  while (child !== null) {
+    resetWorkInProgress(child, renderExpirationTime);
+    child = child.sibling;
+  }
+}
+
 var NO_CONTEXT = {};
 
 var contextStackCursor$1 = createCursor(NO_CONTEXT);
@@ -10259,7 +10213,9 @@ function requiredContext(c) {
   (function() {
     if (!(c !== NO_CONTEXT)) {
       throw ReactError(
-        "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     }
   })();
@@ -10318,46 +10274,158 @@ function pushHostContext(fiber) {
   push(contextStackCursor$1, nextContext, fiber);
 }
 
-function pushHostContextForEventComponent(fiber) {
-  var context = requiredContext(contextStackCursor$1.current);
-  var nextContext = getChildHostContextForEventComponent(context);
-
-  // Don't push this Fiber's context unless it's unique.
-  if (context === nextContext) {
+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;
   }
 
-  // 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$1, nextContext, fiber);
+  pop(contextStackCursor$1, fiber);
+  pop(contextFiberStackCursor, fiber);
 }
 
-function pushHostContextForEventTarget(fiber) {
-  var context = requiredContext(contextStackCursor$1.current);
-  var eventTargetType = fiber.type.type;
-  var nextContext = getChildHostContextForEventTarget(context, eventTargetType);
+var DefaultSuspenseContext = 0;
 
-  // Don't push this Fiber's context unless it's unique.
-  if (context === nextContext) {
-    return;
+// 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);
+}
+
+// TODO: This is now an empty object. Should we switch this to a boolean?
+// Alternatively we can make this use an effect tag similar to SuspenseList.
+
+function shouldCaptureSuspense(workInProgress, hasInvisibleParent) {
+  // If it was the primary children that just suspended, capture and render the
+  var nextState = workInProgress.memoizedState;
+  if (nextState !== null) {
+    return false;
+  }
+  var props = workInProgress.memoizedProps;
+  // In order to capture, the Suspense component must have a fallback prop.
+  if (props.fallback === undefined) {
+    return false;
+  }
+  // Regular boundaries always capture.
+  if (props.unstable_avoidThisFallback !== true) {
+    return true;
   }
+  // If it's a boundary we should avoid, then we prefer to bubble up to the
+  // parent boundary if it is currently invisible.
+  if (hasInvisibleParent) {
+    return false;
+  }
+  // If the parent is not able to handle it, we must handle it.
+  return true;
+}
 
-  // 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$1, nextContext, fiber);
+function findFirstSuspended(row) {
+  var node = row;
+  while (node !== null) {
+    if (node.tag === SuspenseComponent) {
+      var state = node.memoizedState;
+      if (state !== null) {
+        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.effectTag & DidCapture) !== NoEffect;
+      if (didSuspend) {
+        return node;
+      }
+    } else if (node.child !== null) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === row) {
+      return null;
+    }
+    while (node.sibling === null) {
+      if (node.return === null || node.return === row) {
+        return null;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+  return null;
 }
 
-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;
+function createResponderListener(responder, props) {
+  var eventResponderListener = {
+    responder: responder,
+    props: props
+  };
+  {
+    Object.freeze(eventResponderListener);
   }
+  return eventResponderListener;
+}
 
-  pop(contextStackCursor$1, fiber);
-  pop(contextFiberStackCursor, fiber);
+function createResponderInstance(
+  responder,
+  responderProps,
+  responderState,
+  target,
+  fiber
+) {
+  return {
+    fiber: fiber,
+    props: responderProps,
+    responder: responder,
+    rootEventTypes: null,
+    state: responderState,
+    target: target
+  };
 }
 
 var NoEffect$1 = /*             */ 0;
@@ -10421,6 +10489,11 @@ var currentHookNameInDev = null;
 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;
@@ -10512,13 +10585,22 @@ function throwInvalidHookError() {
   (function() {
     {
       throw ReactError(
-        "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://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
+        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://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
+        )
       );
     }
   })();
 }
 
 function areHookInputsEqual(nextDeps, prevDeps) {
+  {
+    if (ignorePreviousDependencies) {
+      // Only true when this component is being hot reloaded.
+      return false;
+    }
+  }
+
   if (prevDeps === null) {
     {
       warning$1(
@@ -10572,6 +10654,9 @@ function renderWithHooks(
   {
     hookTypesDev = current !== null ? current._debugHookTypes : null;
     hookTypesUpdateIndexDev = -1;
+    // Used for hot reloading:
+    ignorePreviousDependencies =
+      current !== null && current.type !== workInProgress.type;
   }
 
   // The following should have already been reset
@@ -10614,6 +10699,11 @@ function renderWithHooks(
     do {
       didScheduleRenderPhaseUpdate = false;
       numberOfReRenders += 1;
+      {
+        // 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
       nextCurrentHook = current !== null ? current.memoizedState : null;
@@ -10683,7 +10773,9 @@ function renderWithHooks(
   (function() {
     if (!!didRenderTooFewHooks) {
       throw ReactError(
-        "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
+        Error(
+          "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
+        )
       );
     }
   })();
@@ -10771,7 +10863,7 @@ function updateWorkInProgressHook() {
     (function() {
       if (!(nextCurrentHook !== null)) {
         throw ReactError(
-          "Rendered more hooks than during the previous render."
+          Error("Rendered more hooks than during the previous render.")
         );
       }
     })();
@@ -10839,7 +10931,9 @@ function updateReducer(reducer, initialArg, init) {
   (function() {
     if (!(queue !== null)) {
       throw ReactError(
-        "Should have a queue. This is likely a bug in React. Please file an issue."
+        Error(
+          "Should have a queue. This is likely a bug in React. Please file an issue."
+        )
       );
     }
   })();
@@ -10872,7 +10966,7 @@ function updateReducer(reducer, initialArg, init) {
         }
 
         hook.memoizedState = newState;
-        // Don't persist the state accumlated from the render phase updates to
+        // 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.
@@ -10938,7 +11032,10 @@ function updateReducer(reducer, initialArg, init) {
         // TODO: We should skip this update if it was already committed but currently
         // we have no way of detecting the difference between a committed and suspended
         // update here.
-        markRenderEventTime(updateExpirationTime);
+        markRenderEventTimeAndConfig(
+          updateExpirationTime,
+          _update.suspenseConfig
+        );
 
         // Process this update.
         if (_update.eagerReducer === reducer) {
@@ -11071,6 +11168,12 @@ function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
 }
 
 function mountEffect(create, deps) {
+  {
+    // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
+    if ("undefined" !== typeof jest) {
+      warnIfNotCurrentlyActingEffectsInDEV(currentlyRenderingFiber$1);
+    }
+  }
   return mountEffectImpl(
     Update | Passive,
     UnmountPassive | MountPassive,
@@ -11080,6 +11183,12 @@ function mountEffect(create, deps) {
 }
 
 function updateEffect(create, deps) {
+  {
+    // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
+    if ("undefined" !== typeof jest) {
+      warnIfNotCurrentlyActingEffectsInDEV(currentlyRenderingFiber$1);
+    }
+  }
   return updateEffectImpl(
     Update | Passive,
     UnmountPassive | MountPassive,
@@ -11233,7 +11342,9 @@ function dispatchAction(fiber, queue, action) {
   (function() {
     if (!(numberOfReRenders < RE_RENDER_LIMIT)) {
       throw ReactError(
-        "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+        Error(
+          "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+        )
       );
     }
   })();
@@ -11260,11 +11371,15 @@ function dispatchAction(fiber, queue, action) {
     didScheduleRenderPhaseUpdate = true;
     var update = {
       expirationTime: renderExpirationTime$1,
+      suspenseConfig: null,
       action: action,
       eagerReducer: null,
       eagerState: null,
       next: null
     };
+    {
+      update.priority = getCurrentPriorityLevel();
+    }
     if (renderPhaseUpdates === null) {
       renderPhaseUpdates = new Map();
     }
@@ -11280,19 +11395,31 @@ function dispatchAction(fiber, queue, action) {
       lastRenderPhaseUpdate.next = update;
     }
   } else {
-    flushPassiveEffects();
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
 
     var currentTime = requestCurrentTime();
-    var _expirationTime = computeExpirationForFiber(currentTime, fiber);
+    var _suspenseConfig = requestCurrentSuspenseConfig();
+    var _expirationTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      _suspenseConfig
+    );
 
     var _update2 = {
       expirationTime: _expirationTime,
+      suspenseConfig: _suspenseConfig,
       action: action,
       eagerReducer: null,
       eagerState: null,
       next: null
     };
 
+    {
+      _update2.priority = getCurrentPriorityLevel();
+    }
+
     // Append the update to the end of the list.
     var _last = queue.last;
     if (_last === null) {
@@ -11348,10 +11475,9 @@ function dispatchAction(fiber, queue, action) {
       }
     }
     {
-      // jest isn't a 'global', it's just exposed to tests via a wrapped function
-      // further, this isn't a test file, so flow doesn't recognize the symbol. So...
-      // $FlowExpectedError - because requirements don't give a damn about your type sigs.
+      // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
       if ("undefined" !== typeof jest) {
+        warnIfNotScopedWithMatchingAct(fiber);
         warnIfNotCurrentlyActingUpdatesInDev(fiber);
       }
     }
@@ -11371,7 +11497,8 @@ var ContextOnlyDispatcher = {
   useReducer: throwInvalidHookError,
   useRef: throwInvalidHookError,
   useState: throwInvalidHookError,
-  useDebugValue: throwInvalidHookError
+  useDebugValue: throwInvalidHookError,
+  useResponder: throwInvalidHookError
 };
 
 var HooksDispatcherOnMountInDEV = null;
@@ -11477,6 +11604,11 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useDebugValue";
       mountHookTypesDev();
       return mountDebugValue(value, formatterFn);
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      mountHookTypesDev();
+      return createResponderListener(responder, props);
     }
   };
 
@@ -11551,6 +11683,11 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useDebugValue";
       updateHookTypesDev();
       return mountDebugValue(value, formatterFn);
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      updateHookTypesDev();
+      return createResponderListener(responder, props);
     }
   };
 
@@ -11625,6 +11762,11 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useDebugValue";
       updateHookTypesDev();
       return updateDebugValue(value, formatterFn);
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      updateHookTypesDev();
+      return createResponderListener(responder, props);
     }
   };
 
@@ -11710,6 +11852,12 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       warnInvalidHookAccess();
       mountHookTypesDev();
       return mountDebugValue(value, formatterFn);
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      warnInvalidHookAccess();
+      mountHookTypesDev();
+      return createResponderListener(responder, props);
     }
   };
 
@@ -11795,6 +11943,12 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       warnInvalidHookAccess();
       updateHookTypesDev();
       return updateDebugValue(value, formatterFn);
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return createResponderListener(responder, props);
     }
   };
 }
@@ -11857,6 +12011,17 @@ var hydrationParentFiber = null;
 var nextHydratableInstance = null;
 var isHydrating = false;
 
+function warnIfHydrating() {
+  {
+    !!isHydrating
+      ? warning$1(
+          false,
+          "We should not be hydrating here. This is a bug in React. Please file a bug."
+        )
+      : void 0;
+  }
+}
+
 function enterHydrationState(fiber) {
   if (!supportsHydration) {
     return false;
@@ -12064,7 +12229,9 @@ function prepareToHydrateHostInstance(
     (function() {
       {
         throw ReactError(
-          "Expected prepareToHydrateHostInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "Expected prepareToHydrateHostInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       }
     })();
@@ -12094,7 +12261,9 @@ function prepareToHydrateHostTextInstance(fiber) {
     (function() {
       {
         throw ReactError(
-          "Expected prepareToHydrateHostTextInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "Expected prepareToHydrateHostTextInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       }
     })();
@@ -12144,7 +12313,9 @@ function skipPastDehydratedSuspenseInstance(fiber) {
     (function() {
       {
         throw ReactError(
-          "Expected skipPastDehydratedSuspenseInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "Expected skipPastDehydratedSuspenseInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       }
     })();
@@ -12153,7 +12324,9 @@ function skipPastDehydratedSuspenseInstance(fiber) {
   (function() {
     if (!suspenseInstance) {
       throw ReactError(
-        "Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     }
   })();
@@ -12241,6 +12414,9 @@ var didWarnAboutGetDerivedStateOnFunctionComponent = void 0;
 var didWarnAboutFunctionRefs = void 0;
 var didWarnAboutReassigningProps = void 0;
 var didWarnAboutMaxDuration = void 0;
+var didWarnAboutRevealOrder = void 0;
+var didWarnAboutTailOptions = void 0;
+var didWarnAboutDefaultPropsOnFunctionComponent = void 0;
 
 {
   didWarnAboutBadClass = {};
@@ -12250,6 +12426,9 @@ var didWarnAboutMaxDuration = void 0;
   didWarnAboutFunctionRefs = {};
   didWarnAboutReassigningProps = false;
   didWarnAboutMaxDuration = false;
+  didWarnAboutRevealOrder = {};
+  didWarnAboutTailOptions = {};
+  didWarnAboutDefaultPropsOnFunctionComponent = {};
 }
 
 function reconcileChildren(
@@ -12418,18 +12597,22 @@ function updateMemoComponent(
       // 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 = type;
+      workInProgress.type = resolvedType;
       {
         validateFunctionComponentInDev(workInProgress, type);
       }
       return updateSimpleMemoComponent(
         current$$1,
         workInProgress,
-        type,
+        resolvedType,
         nextProps,
         updateExpirationTime,
         renderExpirationTime
@@ -12549,7 +12732,9 @@ function updateSimpleMemoComponent(
     var prevProps = current$$1.memoizedProps;
     if (
       shallowEqual(prevProps, nextProps) &&
-      current$$1.ref === workInProgress.ref
+      current$$1.ref === workInProgress.ref &&
+      // Prevent bailout if the implementation changed due to hot reload:
+      workInProgress.type === current$$1.type
     ) {
       didReceiveUpdate = false;
       if (updateExpirationTime < renderExpirationTime) {
@@ -12642,8 +12827,11 @@ function updateFunctionComponent(
     }
   }
 
-  var unmaskedContext = getUnmaskedContext(workInProgress, Component, true);
-  var context = getMaskedContext(workInProgress, unmaskedContext);
+  var context = void 0;
+  if (!disableLegacyContext) {
+    var unmaskedContext = getUnmaskedContext(workInProgress, Component, true);
+    context = getMaskedContext(workInProgress, unmaskedContext);
+  }
 
   var nextChildren = void 0;
   prepareToReadContext(workInProgress, renderExpirationTime);
@@ -12918,7 +13106,9 @@ function updateHostRoot(current$$1, workInProgress, renderExpirationTime) {
   (function() {
     if (!(updateQueue !== null)) {
       throw ReactError(
-        "If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     }
   })();
@@ -13016,10 +13206,13 @@ function updateHostComponent(current$$1, workInProgress, renderExpirationTime) {
 
   // Check the host config to see if the children are offscreen/hidden.
   if (
-    renderExpirationTime !== Never &&
     workInProgress.mode & ConcurrentMode &&
+    renderExpirationTime !== Never &&
     shouldDeprioritizeSubtree(type, nextProps)
   ) {
+    if (enableSchedulerTracing) {
+      markSpawnedWork(Never);
+    }
     // Schedule this fiber to re-render at offscreen priority. Then bailout.
     workInProgress.expirationTime = workInProgress.childExpirationTime = Never;
     return null;
@@ -13076,6 +13269,9 @@ function mountLazyComponent(
     case FunctionComponent: {
       {
         validateFunctionComponentInDev(workInProgress, Component);
+        workInProgress.type = Component = resolveFunctionForHotReloading(
+          Component
+        );
       }
       child = updateFunctionComponent(
         null,
@@ -13087,6 +13283,11 @@ function mountLazyComponent(
       break;
     }
     case ClassComponent: {
+      {
+        workInProgress.type = Component = resolveClassForHotReloading(
+          Component
+        );
+      }
       child = updateClassComponent(
         null,
         workInProgress,
@@ -13097,6 +13298,11 @@ function mountLazyComponent(
       break;
     }
     case ForwardRef: {
+      {
+        workInProgress.type = Component = resolveForwardRefForHotReloading(
+          Component
+        );
+      }
       child = updateForwardRef(
         null,
         workInProgress,
@@ -13148,10 +13354,12 @@ function mountLazyComponent(
       (function() {
         {
           throw ReactError(
-            "Element type is invalid. Received a promise that resolves to: " +
-              Component +
-              ". Lazy element type must resolve to a class or function." +
-              hint
+            Error(
+              "Element type is invalid. Received a promise that resolves to: " +
+                Component +
+                ". Lazy element type must resolve to a class or function." +
+                hint
+            )
           );
         }
       })();
@@ -13236,11 +13444,13 @@ function mountIndeterminateComponent(
   }
 
   var props = workInProgress.pendingProps;
-  var unmaskedContext = getUnmaskedContext(workInProgress, Component, false);
-  var context = getMaskedContext(workInProgress, unmaskedContext);
+  var context = void 0;
+  if (!disableLegacyContext) {
+    var unmaskedContext = getUnmaskedContext(workInProgress, Component, false);
+    context = getMaskedContext(workInProgress, unmaskedContext);
+  }
 
   prepareToReadContext(workInProgress, renderExpirationTime);
-
   var value = void 0;
 
   {
@@ -13347,6 +13557,15 @@ function mountIndeterminateComponent(
     // Proceed under the assumption that this is a function component
     workInProgress.tag = FunctionComponent;
     {
+      if (disableLegacyContext && Component.contextTypes) {
+        warningWithoutStack$1(
+          false,
+          "%s uses the legacy contextTypes API which is no longer supported. " +
+            "Use React.createContext() with React.useContext() instead.",
+          getComponentName(Component) || "Unknown"
+        );
+      }
+
       if (
         debugRenderPhaseSideEffects ||
         (debugRenderPhaseSideEffectsForStrictMode &&
@@ -13407,16 +13626,33 @@ function validateFunctionComponentInDev(workInProgress, Component) {
     }
   }
 
-  if (typeof Component.getDerivedStateFromProps === "function") {
+  if (
+    warnAboutDefaultPropsOnFunctionComponents &&
+    Component.defaultProps !== undefined
+  ) {
     var componentName = getComponentName(Component) || "Unknown";
 
-    if (!didWarnAboutGetDerivedStateOnFunctionComponent[componentName]) {
+    if (!didWarnAboutDefaultPropsOnFunctionComponent[componentName]) {
       warningWithoutStack$1(
         false,
-        "%s: Function components do not support getDerivedStateFromProps.",
+        "%s: Support for defaultProps will be removed from function components " +
+          "in a future major release. Use JavaScript default parameters instead.",
         componentName
       );
-      didWarnAboutGetDerivedStateOnFunctionComponent[componentName] = true;
+      didWarnAboutDefaultPropsOnFunctionComponent[componentName] = true;
+    }
+  }
+
+  if (typeof Component.getDerivedStateFromProps === "function") {
+    var _componentName2 = getComponentName(Component) || "Unknown";
+
+    if (!didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2]) {
+      warningWithoutStack$1(
+        false,
+        "%s: Function components do not support getDerivedStateFromProps.",
+        _componentName2
+      );
+      didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] = true;
     }
   }
 
@@ -13424,19 +13660,31 @@ function validateFunctionComponentInDev(workInProgress, Component) {
     typeof Component.contextType === "object" &&
     Component.contextType !== null
   ) {
-    var _componentName2 = getComponentName(Component) || "Unknown";
+    var _componentName3 = getComponentName(Component) || "Unknown";
 
-    if (!didWarnAboutContextTypeOnFunctionComponent[_componentName2]) {
+    if (!didWarnAboutContextTypeOnFunctionComponent[_componentName3]) {
       warningWithoutStack$1(
         false,
         "%s: Function components do not support contextType.",
-        _componentName2
+        _componentName3
       );
-      didWarnAboutContextTypeOnFunctionComponent[_componentName2] = true;
+      didWarnAboutContextTypeOnFunctionComponent[_componentName3] = true;
     }
   }
 }
 
+// TODO: This is now an empty object. Should we just make it a boolean?
+var SUSPENDED_MARKER = {};
+
+function shouldRemainOnFallback(suspenseContext, current$$1, workInProgress) {
+  // If the context is telling us that we should show a fallback, and we're not
+  // already showing content, then we should show the fallback instead.
+  return (
+    hasSuspenseContext(suspenseContext, ForceSuspenseFallback) &&
+    (current$$1 === null || current$$1.memoizedState !== null)
+  );
+}
+
 function updateSuspenseComponent(
   current$$1,
   workInProgress,
@@ -13445,32 +13693,51 @@ function updateSuspenseComponent(
   var mode = workInProgress.mode;
   var nextProps = workInProgress.pendingProps;
 
+  // This is used by DevTools to force a boundary to suspend.
   {
     if (shouldSuspend(workInProgress)) {
       workInProgress.effectTag |= DidCapture;
     }
   }
 
-  // We should attempt to render the primary children unless this boundary
-  // already suspended during this render (`alreadyCaptured` is true).
-  var nextState = workInProgress.memoizedState;
+  var suspenseContext = suspenseStackCursor.current;
 
-  var nextDidTimeout = void 0;
-  if ((workInProgress.effectTag & DidCapture) === NoEffect) {
-    // This is the first attempt.
-    nextState = null;
-    nextDidTimeout = false;
-  } else {
+  var nextState = null;
+  var nextDidTimeout = false;
+
+  if (
+    (workInProgress.effectTag & DidCapture) !== NoEffect ||
+    shouldRemainOnFallback(suspenseContext, current$$1, workInProgress)
+  ) {
     // Something in this boundary's subtree already suspended. Switch to
     // rendering the fallback children.
-    nextState = {
-      fallbackExpirationTime:
-        nextState !== null ? nextState.fallbackExpirationTime : NoWork
-    };
+    nextState = SUSPENDED_MARKER;
     nextDidTimeout = true;
     workInProgress.effectTag &= ~DidCapture;
+  } else {
+    // Attempting the main content
+    if (current$$1 === null || current$$1.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.
+      // Boundaries without fallbacks or should be avoided are not considered since
+      // they cannot handle preferred fallback states.
+      if (
+        nextProps.fallback !== undefined &&
+        nextProps.unstable_avoidThisFallback !== true
+      ) {
+        suspenseContext = addSubtreeSuspenseContext(
+          suspenseContext,
+          InvisibleParentSuspenseContext
+        );
+      }
+    }
   }
 
+  suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
+
+  pushSuspenseContext(workInProgress, suspenseContext);
+
   {
     if ("maxDuration" in nextProps) {
       if (!didWarnAboutMaxDuration) {
@@ -13523,6 +13790,7 @@ function updateSuspenseComponent(
         tryToClaimNextHydratableInstance(workInProgress);
         // This could've changed the tag if this was a dehydrated suspense component.
         if (workInProgress.tag === DehydratedSuspenseComponent) {
+          popSuspenseContext(workInProgress);
           return updateDehydratedSuspenseComponent(
             null,
             workInProgress,
@@ -13543,15 +13811,21 @@ function updateSuspenseComponent(
         NoWork,
         null
       );
+      primaryChildFragment.return = workInProgress;
 
-      if ((workInProgress.mode & ConcurrentMode) === NoContext) {
-        // Outside of concurrent mode, we commit the effects from the
+      if ((workInProgress.mode & BatchedMode) === NoMode) {
+        // Outside of batched mode, we commit the effects from the
         var progressedState = workInProgress.memoizedState;
         var progressedPrimaryChild =
           progressedState !== null
             ? workInProgress.child.child
             : workInProgress.child;
         primaryChildFragment.child = progressedPrimaryChild;
+        var progressedChild = progressedPrimaryChild;
+        while (progressedChild !== null) {
+          progressedChild.return = primaryChildFragment;
+          progressedChild = progressedChild.sibling;
+        }
       }
 
       var fallbackChildFragment = createFiberFromFragment(
@@ -13560,12 +13834,12 @@ function updateSuspenseComponent(
         renderExpirationTime,
         null
       );
+      fallbackChildFragment.return = workInProgress;
       primaryChildFragment.sibling = fallbackChildFragment;
       child = primaryChildFragment;
       // Skip the primary children, and continue working on the
       // fallback children.
       next = fallbackChildFragment;
-      child.return = next.return = workInProgress;
     } else {
       // Mount the primary children without an intermediate fragment fiber.
       var nextPrimaryChildren = nextProps.children;
@@ -13594,9 +13868,10 @@ function updateSuspenseComponent(
           currentPrimaryChildFragment.pendingProps,
           NoWork
         );
+        _primaryChildFragment.return = workInProgress;
 
-        if ((workInProgress.mode & ConcurrentMode) === NoContext) {
-          // Outside of concurrent mode, we commit the effects from the
+        if ((workInProgress.mode & BatchedMode) === NoMode) {
+          // Outside of batched mode, we commit the effects from the
           var _progressedState = workInProgress.memoizedState;
           var _progressedPrimaryChild =
             _progressedState !== null
@@ -13604,6 +13879,11 @@ function updateSuspenseComponent(
               : workInProgress.child;
           if (_progressedPrimaryChild !== currentPrimaryChildFragment.child) {
             _primaryChildFragment.child = _progressedPrimaryChild;
+            var _progressedChild = _progressedPrimaryChild;
+            while (_progressedChild !== null) {
+              _progressedChild.return = _primaryChildFragment;
+              _progressedChild = _progressedChild.sibling;
+            }
           }
         }
 
@@ -13622,17 +13902,18 @@ function updateSuspenseComponent(
 
         // Clone the fallback child fragment, too. These we'll continue
         // working on.
-        var _fallbackChildFragment = (_primaryChildFragment.sibling = createWorkInProgress(
+        var _fallbackChildFragment = createWorkInProgress(
           currentFallbackChildFragment,
           _nextFallbackChildren,
           currentFallbackChildFragment.expirationTime
-        ));
+        );
+        _fallbackChildFragment.return = workInProgress;
+        _primaryChildFragment.sibling = _fallbackChildFragment;
         child = _primaryChildFragment;
         _primaryChildFragment.childExpirationTime = NoWork;
         // Skip the primary children, and continue working on the
         // fallback children.
         next = _fallbackChildFragment;
-        child.return = next.return = workInProgress;
       } else {
         // No longer suspended. Switch back to showing the primary children,
         // and remove the intermediate fragment fiber.
@@ -13670,21 +13951,30 @@ function updateSuspenseComponent(
           NoWork,
           null
         );
+        _primaryChildFragment2.return = workInProgress;
         _primaryChildFragment2.child = _currentPrimaryChild;
+        if (_currentPrimaryChild !== null) {
+          _currentPrimaryChild.return = _primaryChildFragment2;
+        }
 
         // Even though we're creating a new fiber, there are no new children,
         // because we're reusing an already mounted tree. So we don't need to
         // schedule a placement.
         // primaryChildFragment.effectTag |= Placement;
 
-        if ((workInProgress.mode & ConcurrentMode) === NoContext) {
-          // Outside of concurrent mode, we commit the effects from the
+        if ((workInProgress.mode & BatchedMode) === NoMode) {
+          // Outside of batched mode, we commit the effects from the
           var _progressedState2 = workInProgress.memoizedState;
           var _progressedPrimaryChild2 =
             _progressedState2 !== null
               ? workInProgress.child.child
               : workInProgress.child;
           _primaryChildFragment2.child = _progressedPrimaryChild2;
+          var _progressedChild2 = _progressedPrimaryChild2;
+          while (_progressedChild2 !== null) {
+            _progressedChild2.return = _primaryChildFragment2;
+            _progressedChild2 = _progressedChild2.sibling;
+          }
         }
 
         // Because primaryChildFragment is a new fiber that we're inserting as the
@@ -13701,19 +13991,20 @@ function updateSuspenseComponent(
         }
 
         // Create a fragment from the fallback children, too.
-        var _fallbackChildFragment2 = (_primaryChildFragment2.sibling = createFiberFromFragment(
+        var _fallbackChildFragment2 = createFiberFromFragment(
           _nextFallbackChildren2,
           mode,
           renderExpirationTime,
           null
-        ));
+        );
+        _fallbackChildFragment2.return = workInProgress;
+        _primaryChildFragment2.sibling = _fallbackChildFragment2;
         _fallbackChildFragment2.effectTag |= Placement;
         child = _primaryChildFragment2;
         _primaryChildFragment2.childExpirationTime = NoWork;
         // Skip the primary children, and continue working on the
         // fallback children.
         next = _fallbackChildFragment2;
-        child.return = next.return = workInProgress;
       } else {
         // Still haven't timed out.  Continue rendering the children, like we
         // normally do.
@@ -13748,7 +14039,9 @@ function retrySuspenseComponentWithoutHydrating(
   (function() {
     if (!(returnFiber !== null)) {
       throw ReactError(
-        "Suspense boundaries are never on the root. This is probably a bug in React."
+        Error(
+          "Suspense boundaries are never on the root. This is probably a bug in React."
+        )
       );
     }
   })();
@@ -13762,6 +14055,8 @@ function retrySuspenseComponentWithoutHydrating(
   current$$1.nextEffect = null;
   current$$1.effectTag = Deletion;
 
+  popSuspenseContext(workInProgress);
+
   // Upgrade this work in progress to a real Suspense component.
   workInProgress.tag = SuspenseComponent;
   workInProgress.stateNode = null;
@@ -13777,6 +14072,10 @@ function updateDehydratedSuspenseComponent(
   workInProgress,
   renderExpirationTime
 ) {
+  pushSuspenseContext(
+    workInProgress,
+    setDefaultShallowSuspenseContext(suspenseStackCursor.current)
+  );
   var suspenseInstance = workInProgress.stateNode;
   if (current$$1 === null) {
     // During the first pass, we'll bail out and not drill into the children.
@@ -13803,12 +14102,18 @@ function updateDehydratedSuspenseComponent(
     }
     return null;
   }
+
   if ((workInProgress.effectTag & DidCapture) !== NoEffect) {
     // Something suspended. Leave the existing children in place.
     // TODO: In non-concurrent mode, should we commit the nodes we have hydrated so far?
     workInProgress.child = null;
     return null;
   }
+
+  // We should never be hydrating at this point because it is the first pass,
+  // but after we've already committed once.
+  warnIfHydrating();
+
   if (isSuspenseInstanceFallback(suspenseInstance)) {
     // 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
@@ -13869,41 +14174,417 @@ function updateDehydratedSuspenseComponent(
   }
 }
 
-function updatePortalComponent(
-  current$$1,
+function propagateSuspenseContextChange(
   workInProgress,
+  firstChild,
   renderExpirationTime
 ) {
-  pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
-  var nextChildren = workInProgress.pendingProps;
-  if (current$$1 === 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,
-      renderExpirationTime
-    );
-  } else {
-    reconcileChildren(
-      current$$1,
-      workInProgress,
-      nextChildren,
-      renderExpirationTime
-    );
+  // 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) {
+        if (node.expirationTime < renderExpirationTime) {
+          node.expirationTime = renderExpirationTime;
+        }
+        var alternate = node.alternate;
+        if (
+          alternate !== null &&
+          alternate.expirationTime < renderExpirationTime
+        ) {
+          alternate.expirationTime = renderExpirationTime;
+        }
+        scheduleWorkOnParentPath(node.return, renderExpirationTime);
+      }
+    } 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;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
   }
-  return workInProgress.child;
 }
 
-function updateContextProvider(
-  current$$1,
-  workInProgress,
-  renderExpirationTime
-) {
+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": {
+            warning$1(
+              false,
+              '"%s" is not a valid value for revealOrder on <SuspenseList />. ' +
+                'Use lowercase "%s" instead.',
+              revealOrder,
+              revealOrder.toLowerCase()
+            );
+            break;
+          }
+          case "forward":
+          case "backward": {
+            warning$1(
+              false,
+              '"%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:
+            warning$1(
+              false,
+              '"%s" is not a supported revealOrder on <SuspenseList />. ' +
+                'Did you mean "together", "forwards" or "backwards"?',
+              revealOrder
+            );
+            break;
+        }
+      } else {
+        warning$1(
+          false,
+          "%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;
+        warning$1(
+          false,
+          '"%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;
+        warning$1(
+          false,
+          '<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 isArray = Array.isArray(childSlot);
+    var isIterable = !isArray && typeof getIteratorFn(childSlot) === "function";
+    if (isArray || isIterable) {
+      var type = isArray ? "array" : "iterable";
+      warning$1(
+        false,
+        "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 (Array.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 {
+          warning$1(
+            false,
+            '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,
+      last: lastContentRow,
+      tail: tail,
+      tailExpiration: 0,
+      tailMode: tailMode
+    };
+  } else {
+    // We can reuse the existing object from previous renders.
+    renderState.isBackwards = isBackwards;
+    renderState.rendering = null;
+    renderState.last = lastContentRow;
+    renderState.tail = tail;
+    renderState.tailExpiration = 0;
+    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$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  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$$1,
+    workInProgress,
+    newChildren,
+    renderExpirationTime
+  );
+
+  var suspenseContext = suspenseStackCursor.current;
+
+  var shouldForceFallback = hasSuspenseContext(
+    suspenseContext,
+    ForceSuspenseFallback
+  );
+  if (shouldForceFallback) {
+    suspenseContext = setShallowSuspenseContext(
+      suspenseContext,
+      ForceSuspenseFallback
+    );
+    workInProgress.effectTag |= DidCapture;
+  } else {
+    var didSuspendBefore =
+      current$$1 !== null && (current$$1.effectTag & DidCapture) !== NoEffect;
+    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,
+        renderExpirationTime
+      );
+    }
+    suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
+  }
+  pushSuspenseContext(workInProgress, suspenseContext);
+
+  if ((workInProgress.mode & BatchedMode) === NoMode) {
+    // Outside of batched 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 = void 0;
+        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$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
+  var nextChildren = workInProgress.pendingProps;
+  if (current$$1 === 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,
+      renderExpirationTime
+    );
+  } else {
+    reconcileChildren(
+      current$$1,
+      workInProgress,
+      nextChildren,
+      renderExpirationTime
+    );
+  }
+  return workInProgress.child;
+}
+
+function updateContextProvider(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
   var providerType = workInProgress.type;
   var context = providerType._context;
 
@@ -14032,11 +14713,15 @@ function updateContextConsumer(
   return workInProgress.child;
 }
 
-function updateEventComponent$1(
+function updateFundamentalComponent$1(
   current$$1,
   workInProgress,
   renderExpirationTime
 ) {
+  var fundamentalImpl = workInProgress.type.impl;
+  if (fundamentalImpl.reconcileChildren === false) {
+    return null;
+  }
   var nextProps = workInProgress.pendingProps;
   var nextChildren = nextProps.children;
 
@@ -14046,38 +14731,6 @@ function updateEventComponent$1(
     nextChildren,
     renderExpirationTime
   );
-  pushHostContextForEventComponent(workInProgress);
-  return workInProgress.child;
-}
-
-function updateEventTarget(current$$1, workInProgress, renderExpirationTime) {
-  var type = workInProgress.type.type;
-  var nextProps = workInProgress.pendingProps;
-  var eventTargetChild = getEventTargetChildElement(type, nextProps);
-
-  {
-    !(nextProps.children == null)
-      ? warning$1(false, "Event targets should not have children.")
-      : void 0;
-  }
-  if (eventTargetChild !== null) {
-    var child = (workInProgress.child = createFiberFromTypeAndProps(
-      eventTargetChild.type,
-      null,
-      eventTargetChild.props,
-      null,
-      workInProgress.mode,
-      renderExpirationTime
-    ));
-    child.return = workInProgress;
-
-    if (current$$1 === null || current$$1.child === null) {
-      child.effectTag = Placement;
-    }
-  } else {
-    reconcileChildren(current$$1, workInProgress, null, renderExpirationTime);
-  }
-  pushHostContextForEventTarget(workInProgress);
   return workInProgress.child;
 }
 
@@ -14093,8 +14746,8 @@ function bailoutOnAlreadyFinishedWork(
   cancelWorkTimer(workInProgress);
 
   if (current$$1 !== null) {
-    // Reuse previous context list
-    workInProgress.contextDependencies = current$$1.contextDependencies;
+    // Reuse previous dependencies
+    workInProgress.dependencies = current$$1.dependencies;
   }
 
   if (enableProfilerTimer) {
@@ -14117,14 +14770,91 @@ function bailoutOnAlreadyFinishedWork(
   }
 }
 
+function remountFiber(current$$1, oldWorkInProgress, newWorkInProgress) {
+  {
+    var returnFiber = oldWorkInProgress.return;
+    if (returnFiber === null) {
+      throw new Error("Cannot swap the root fiber.");
+    }
+
+    // Disconnect from the old current.
+    // It will get deleted.
+    current$$1.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) {
+        throw new Error("Expected parent to have a child.");
+      }
+      while (prevSibling.sibling !== oldWorkInProgress) {
+        prevSibling = prevSibling.sibling;
+        if (prevSibling === null) {
+          throw new Error("Expected to find the previous sibling.");
+        }
+      }
+      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 last = returnFiber.lastEffect;
+    if (last !== null) {
+      last.nextEffect = current$$1;
+      returnFiber.lastEffect = current$$1;
+    } else {
+      returnFiber.firstEffect = returnFiber.lastEffect = current$$1;
+    }
+    current$$1.nextEffect = null;
+    current$$1.effectTag = Deletion;
+
+    newWorkInProgress.effectTag |= Placement;
+
+    // Restart work from the new fiber.
+    return newWorkInProgress;
+  }
+}
+
 function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
   var updateExpirationTime = workInProgress.expirationTime;
 
+  {
+    if (workInProgress._debugNeedsRemount && current$$1 !== null) {
+      // This will restart the begin phase with a new fiber.
+      return remountFiber(
+        current$$1,
+        workInProgress,
+        createFiberFromTypeAndProps(
+          workInProgress.type,
+          workInProgress.key,
+          workInProgress.pendingProps,
+          workInProgress._debugOwner || null,
+          workInProgress.mode,
+          workInProgress.expirationTime
+        )
+      );
+    }
+  }
+
   if (current$$1 !== null) {
     var oldProps = current$$1.memoizedProps;
     var newProps = workInProgress.pendingProps;
 
-    if (oldProps !== newProps || hasContextChanged()) {
+    if (
+      oldProps !== newProps ||
+      hasContextChanged() ||
+      // Force a re-render if the implementation changed due to hot reload:
+      workInProgress.type !== current$$1.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;
@@ -14140,6 +14870,18 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
           break;
         case HostComponent:
           pushHostContext(workInProgress);
+          if (
+            workInProgress.mode & ConcurrentMode &&
+            renderExpirationTime !== Never &&
+            shouldDeprioritizeSubtree(workInProgress.type, newProps)
+          ) {
+            if (enableSchedulerTracing) {
+              markSpawnedWork(Never);
+            }
+            // Schedule this fiber to re-render at offscreen priority. Then bailout.
+            workInProgress.expirationTime = workInProgress.childExpirationTime = Never;
+            return null;
+          }
           break;
         case ClassComponent: {
           var Component = workInProgress.type;
@@ -14186,6 +14928,10 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
                 renderExpirationTime
               );
             } else {
+              pushSuspenseContext(
+                workInProgress,
+                setDefaultShallowSuspenseContext(suspenseStackCursor.current)
+              );
               // The primary children do not have pending work with sufficient
               // priority. Bailout.
               var child = bailoutOnAlreadyFinishedWork(
@@ -14201,11 +14947,20 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
                 return null;
               }
             }
+          } else {
+            pushSuspenseContext(
+              workInProgress,
+              setDefaultShallowSuspenseContext(suspenseStackCursor.current)
+            );
           }
           break;
         }
         case DehydratedSuspenseComponent: {
           if (enableSuspenseServerRenderer) {
+            pushSuspenseContext(
+              workInProgress,
+              setDefaultShallowSuspenseContext(suspenseStackCursor.current)
+            );
             // We know that this component will suspend again because if it has
             // been unsuspended it has committed as a regular Suspense component.
             // If it needs to be retried, it should have work scheduled on it.
@@ -14213,16 +14968,52 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
           }
           break;
         }
-        case EventComponent:
-          if (enableEventAPI) {
-            pushHostContextForEventComponent(workInProgress);
+        case SuspenseListComponent: {
+          var didSuspendBefore =
+            (current$$1.effectTag & DidCapture) !== NoEffect;
+
+          var hasChildWork =
+            workInProgress.childExpirationTime >= renderExpirationTime;
+
+          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$$1,
+                workInProgress,
+                renderExpirationTime
+              );
+            }
+            // 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.effectTag |= DidCapture;
           }
-          break;
-        case EventTarget: {
-          if (enableEventAPI) {
-            pushHostContextForEventTarget(workInProgress);
+
+          // 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;
+          }
+          pushSuspenseContext(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;
           }
-          break;
         }
       }
       return bailoutOnAlreadyFinishedWork(
@@ -14240,20 +15031,19 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
 
   switch (workInProgress.tag) {
     case IndeterminateComponent: {
-      var elementType = workInProgress.elementType;
       return mountIndeterminateComponent(
         current$$1,
         workInProgress,
-        elementType,
+        workInProgress.type,
         renderExpirationTime
       );
     }
     case LazyComponent: {
-      var _elementType = workInProgress.elementType;
+      var elementType = workInProgress.elementType;
       return mountLazyComponent(
         current$$1,
         workInProgress,
-        _elementType,
+        elementType,
         updateExpirationTime,
         renderExpirationTime
       );
@@ -14407,19 +15197,16 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
       }
       break;
     }
-    case EventComponent: {
-      if (enableEventAPI) {
-        return updateEventComponent$1(
-          current$$1,
-          workInProgress,
-          renderExpirationTime
-        );
-      }
-      break;
+    case SuspenseListComponent: {
+      return updateSuspenseListComponent(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
     }
-    case EventTarget: {
-      if (enableEventAPI) {
-        return updateEventTarget(
+    case FundamentalComponent: {
+      if (enableFundamentalAPI) {
+        return updateFundamentalComponent$1(
           current$$1,
           workInProgress,
           renderExpirationTime
@@ -14431,12 +15218,28 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
   (function() {
     {
       throw ReactError(
-        "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     }
   })();
 }
 
+function createFundamentalStateInstance(currentFiber, props, impl, state) {
+  return {
+    currentFiber: currentFiber,
+    impl: impl,
+    instance: null,
+    prevProps: null,
+    props: props,
+    state: state
+  };
+}
+
+var emptyObject$1 = {};
+var isArray$2 = Array.isArray;
+
 function markUpdate(workInProgress) {
   // Tag the fiber with an update effect. This turns a Placement into
   // a PlacementAndUpdate.
@@ -14466,6 +15269,8 @@ if (supportsMutation) {
     while (node !== null) {
       if (node.tag === HostComponent || node.tag === HostText) {
         appendInitialChild(parent, node.stateNode);
+      } else if (enableFundamentalAPI && node.tag === FundamentalComponent) {
+        appendInitialChild(parent, node.stateNode.instance);
       } else if (node.tag === HostPortal) {
         // If we have a portal child, then we don't want to traverse
         // down its children. Instead, we'll get insertions from each child in
@@ -14570,6 +15375,15 @@ if (supportsMutation) {
           _instance = cloneHiddenTextInstance(_instance, text, node);
         }
         appendInitialChild(parent, _instance);
+      } else if (enableFundamentalAPI && node.tag === FundamentalComponent) {
+        var _instance2 = node.stateNode.instance;
+        if (needsVisibilityToggle && isHidden) {
+          // This child is inside a timed out tree. Hide it.
+          var _props = node.memoizedProps;
+          var _type = node.type;
+          _instance2 = cloneHiddenInstance(_instance2, _type, _props, node);
+        }
+        appendInitialChild(parent, _instance2);
       } else if (node.tag === HostPortal) {
         // If we have a portal child, then we don't want to traverse
         // down its children. Instead, we'll get insertions from each child in
@@ -14648,13 +15462,22 @@ if (supportsMutation) {
         }
         appendChildToContainerChildSet(containerChildSet, instance);
       } else if (node.tag === HostText) {
-        var _instance2 = node.stateNode;
+        var _instance3 = node.stateNode;
         if (needsVisibilityToggle && isHidden) {
           // This child is inside a timed out tree. Hide it.
           var text = node.memoizedProps;
-          _instance2 = cloneHiddenTextInstance(_instance2, text, node);
+          _instance3 = cloneHiddenTextInstance(_instance3, text, node);
+        }
+        appendChildToContainerChildSet(containerChildSet, _instance3);
+      } else if (enableFundamentalAPI && node.tag === FundamentalComponent) {
+        var _instance4 = node.stateNode.instance;
+        if (needsVisibilityToggle && isHidden) {
+          // This child is inside a timed out tree. Hide it.
+          var _props2 = node.memoizedProps;
+          var _type2 = node.type;
+          _instance4 = cloneHiddenInstance(_instance4, _type2, _props2, node);
         }
-        appendChildToContainerChildSet(containerChildSet, _instance2);
+        appendChildToContainerChildSet(containerChildSet, _instance4);
       } else if (node.tag === HostPortal) {
         // If we have a portal child, then we don't want to traverse
         // down its children. Instead, we'll get insertions from each child in
@@ -14830,6 +15653,69 @@ if (supportsMutation) {
   };
 }
 
+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 completeWork(current, workInProgress, renderExpirationTime) {
   var newProps = workInProgress.pendingProps;
 
@@ -14880,6 +15766,20 @@ function completeWork(current, workInProgress, renderExpirationTime) {
           rootContainerInstance
         );
 
+        if (enableFlareAPI) {
+          var prevListeners = current.memoizedProps.listeners;
+          var nextListeners = newProps.listeners;
+          var instance = workInProgress.stateNode;
+          if (prevListeners !== nextListeners) {
+            updateEventListeners(
+              nextListeners,
+              instance,
+              rootContainerInstance,
+              workInProgress
+            );
+          }
+        }
+
         if (current.ref !== workInProgress.ref) {
           markRef$1(workInProgress);
         }
@@ -14888,7 +15788,9 @@ function completeWork(current, workInProgress, renderExpirationTime) {
           (function() {
             if (!(workInProgress.stateNode !== null)) {
               throw ReactError(
-                "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+                Error(
+                  "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+                )
               );
             }
           })();
@@ -14916,8 +15818,20 @@ function completeWork(current, workInProgress, renderExpirationTime) {
             // commit-phase we mark this as such.
             markUpdate(workInProgress);
           }
+          if (enableFlareAPI) {
+            var _instance5 = workInProgress.stateNode;
+            var listeners = newProps.listeners;
+            if (listeners != null) {
+              updateEventListeners(
+                listeners,
+                _instance5,
+                rootContainerInstance,
+                workInProgress
+              );
+            }
+          }
         } else {
-          var instance = createInstance(
+          var _instance6 = createInstance(
             type,
             newProps,
             rootContainerInstance,
@@ -14925,14 +15839,26 @@ function completeWork(current, workInProgress, renderExpirationTime) {
             workInProgress
           );
 
-          appendAllChildren(instance, workInProgress, false, false);
+          appendAllChildren(_instance6, workInProgress, false, false);
+
+          if (enableFlareAPI) {
+            var _listeners = newProps.listeners;
+            if (_listeners != null) {
+              updateEventListeners(
+                _listeners,
+                _instance6,
+                rootContainerInstance,
+                workInProgress
+              );
+            }
+          }
 
           // 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(
-              instance,
+              _instance6,
               type,
               newProps,
               rootContainerInstance,
@@ -14941,7 +15867,7 @@ function completeWork(current, workInProgress, renderExpirationTime) {
           ) {
             markUpdate(workInProgress);
           }
-          workInProgress.stateNode = instance;
+          workInProgress.stateNode = _instance6;
         }
 
         if (workInProgress.ref !== null) {
@@ -14963,7 +15889,9 @@ function completeWork(current, workInProgress, renderExpirationTime) {
           (function() {
             if (!(workInProgress.stateNode !== null)) {
               throw ReactError(
-                "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+                Error(
+                  "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+                )
               );
             }
           })();
@@ -14990,6 +15918,7 @@ function completeWork(current, workInProgress, renderExpirationTime) {
     case ForwardRef:
       break;
     case SuspenseComponent: {
+      popSuspenseContext(workInProgress);
       var nextState = workInProgress.memoizedState;
       if ((workInProgress.effectTag & DidCapture) !== NoEffect) {
         // Something suspended. Re-render with the fallback children.
@@ -15010,15 +15939,8 @@ function completeWork(current, workInProgress, renderExpirationTime) {
         prevDidTimeout = prevState !== null;
         if (!nextDidTimeout && prevState !== null) {
           // We just switched from the fallback to the normal children.
-
-          // Mark the event time of the switching from fallback to normal children,
-          // based on the start of when we first showed the fallback. This time
-          var fallbackExpirationTime = prevState.fallbackExpirationTime;
-          markRenderEventTime(fallbackExpirationTime);
-
           // Delete the fallback.
           // TODO: Would it be better to store the fallback fragment on
-          // the stateNode during the begin phase?
           var currentFallbackChild = current.child.sibling;
           if (currentFallbackChild !== null) {
             // Deletions go at the beginning of the return fiber's effect list
@@ -15036,13 +15958,37 @@ function completeWork(current, workInProgress, renderExpirationTime) {
       }
 
       if (nextDidTimeout && !prevDidTimeout) {
-        // If this subtreee is running in concurrent mode we can suspend,
+        // If this subtreee is running in batched mode we can suspend,
         // otherwise we won't suspend.
         // 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) !== NoContext) {
-          renderDidSuspend();
+        if ((workInProgress.mode & BatchedMode) !== 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;
+          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();
+          }
         }
       }
 
@@ -15066,6 +16012,14 @@ function completeWork(current, workInProgress, renderExpirationTime) {
           workInProgress.effectTag |= Update;
         }
       }
+      if (
+        enableSuspenseCallback &&
+        workInProgress.updateQueue !== null &&
+        workInProgress.memoizedProps.suspenseCallback != null
+      ) {
+        // Always notify the callback
+        workInProgress.effectTag |= Update;
+      }
       break;
     }
     case Fragment:
@@ -15097,78 +16051,275 @@ function completeWork(current, workInProgress, renderExpirationTime) {
     }
     case DehydratedSuspenseComponent: {
       if (enableSuspenseServerRenderer) {
+        popSuspenseContext(workInProgress);
         if (current === null) {
           var _wasHydrated2 = popHydrationState(workInProgress);
           (function() {
             if (!_wasHydrated2) {
               throw ReactError(
-                "A dehydrated suspense component was completed without a hydrated node. This is probably a bug in React."
+                Error(
+                  "A dehydrated suspense component was completed without a hydrated node. This is probably a bug in React."
+                )
               );
             }
           })();
+          if (enableSchedulerTracing) {
+            markSpawnedWork(Never);
+          }
           skipPastDehydratedSuspenseInstance(workInProgress);
-        } else if ((workInProgress.effectTag & DidCapture) === NoEffect) {
-          // This boundary did not suspend so it's now hydrated.
-          // To handle any future suspense cases, we're going to now upgrade it
-          // to a Suspense component. We detach it from the existing current fiber.
-          current.alternate = null;
-          workInProgress.alternate = null;
-          workInProgress.tag = SuspenseComponent;
-          workInProgress.memoizedState = null;
-          workInProgress.stateNode = null;
+        } else {
+          // We should never have been in a hydration state if we didn't have a current.
+          // However, in some of those paths, we might have reentered a hydration state
+          // and then we might be inside a hydration state. In that case, we'll need to
+          // exit out of it.
+          resetHydrationState();
+          if ((workInProgress.effectTag & DidCapture) === NoEffect) {
+            // This boundary did not suspend so it's now hydrated.
+            // To handle any future suspense cases, we're going to now upgrade it
+            // to a Suspense component. We detach it from the existing current fiber.
+            current.alternate = null;
+            workInProgress.alternate = null;
+            workInProgress.tag = SuspenseComponent;
+            workInProgress.memoizedState = null;
+            workInProgress.stateNode = null;
+          }
         }
       }
       break;
     }
-    case EventComponent: {
-      if (enableEventAPI) {
-        popHostContext(workInProgress);
-        var _rootContainerInstance2 = getRootHostContainer();
-        var responder = workInProgress.type.responder;
-        var eventComponentInstance = workInProgress.stateNode;
-
-        if (eventComponentInstance === null) {
-          var responderState = null;
-          if (responder.createInitialState !== undefined) {
-            responderState = responder.createInitialState(newProps);
+    case SuspenseListComponent: {
+      popSuspenseContext(workInProgress);
+
+      var renderState = workInProgress.memoizedState;
+
+      if (renderState === null) {
+        // We're running in the default, "independent" mode. We don't do anything
+        // in this mode.
+        break;
+      }
+
+      var didSuspendAlready =
+        (workInProgress.effectTag & DidCapture) !== NoEffect;
+
+      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.effectTag & DidCapture) === NoEffect);
+          if (!cannotBeSuspended) {
+            var row = workInProgress.child;
+            while (row !== null) {
+              var suspended = findFirstSuspended(row);
+              if (suspended !== null) {
+                didSuspendAlready = true;
+                workInProgress.effectTag |= 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 thennables. Instead, we'll transfer its thennables 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 newThennables = suspended.updateQueue;
+                if (newThennables !== null) {
+                  workInProgress.updateQueue = newThennables;
+                  workInProgress.effectTag |= Update;
+                }
+
+                // Rerender the whole list, but this time, we'll force fallbacks
+                // to stay in place.
+                // Reset the effect list before doing the second pass since that's now invalid.
+                workInProgress.firstEffect = workInProgress.lastEffect = null;
+                // Reset the child fibers to their original state.
+                resetChildFibers(workInProgress, renderExpirationTime);
+
+                // Set up the Suspense Context to force suspense and immediately
+                // rerender the children.
+                pushSuspenseContext(
+                  workInProgress,
+                  setShallowSuspenseContext(
+                    suspenseStackCursor.current,
+                    ForceSuspenseFallback
+                  )
+                );
+                return workInProgress.child;
+              }
+              row = row.sibling;
+            }
           }
-          eventComponentInstance = workInProgress.stateNode = {
-            currentFiber: workInProgress,
-            props: newProps,
-            responder: responder,
-            rootEventTypes: null,
-            rootInstance: _rootContainerInstance2,
-            state: responderState
-          };
-          markUpdate(workInProgress);
         } else {
-          // Update the props on the event component state node
-          eventComponentInstance.props = newProps;
-          // Update the root container, so we can properly unmount events at some point
-          eventComponentInstance.rootInstance = _rootContainerInstance2;
-          // Update the current fiber
-          eventComponentInstance.currentFiber = workInProgress;
-          updateEventComponent(eventComponentInstance);
+          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.effectTag |= DidCapture;
+            didSuspendAlready = true;
+            cutOffTailIfNeeded(renderState, true);
+            // This might have been modified.
+            if (
+              renderState.tail === null &&
+              renderState.tailMode === "hidden"
+            ) {
+              // We need to delete the row we just rendered.
+              // Ensure we transfer the update queue to the parent.
+              var _newThennables = _suspended.updateQueue;
+              if (_newThennables !== null) {
+                workInProgress.updateQueue = _newThennables;
+                workInProgress.effectTag |= Update;
+              }
+              // Reset the effect list to what it w as before we rendered this
+              // child. The nested children have already appended themselves.
+              var lastEffect = (workInProgress.lastEffect =
+                renderState.lastEffect);
+              // Remove any effects that were appended after this point.
+              if (lastEffect !== null) {
+                lastEffect.nextEffect = null;
+              }
+              // We're done.
+              return null;
+            }
+          } else if (
+            now() > renderState.tailExpiration &&
+            renderExpirationTime > Never
+          ) {
+            // 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.effectTag |= 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. If we can show
+            // them, then they really have the same priority as this render.
+            // So we'll pick it back up the very next render pass once we've had
+            // an opportunity to yield for paint.
+
+            var nextPriority = renderExpirationTime - 1;
+            workInProgress.expirationTime = workInProgress.childExpirationTime = nextPriority;
+            if (enableSchedulerTracing) {
+              markSpawnedWork(nextPriority);
+            }
+          }
+        }
+        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.
+        if (renderState.tailExpiration === 0) {
+          // Heuristic for how long we're willing to spend rendering rows
+          // until we just give up and show what we have so far.
+          var TAIL_EXPIRATION_TIMEOUT_MS = 500;
+          renderState.tailExpiration = now() + TAIL_EXPIRATION_TIMEOUT_MS;
+        }
+        // Pop a row.
+        var next = renderState.tail;
+        renderState.rendering = next;
+        renderState.tail = next.sibling;
+        renderState.lastEffect = workInProgress.lastEffect;
+        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 = setShallowSuspenseContext(
+            suspenseContext,
+            ForceSuspenseFallback
+          );
+        } else {
+          suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
         }
+        pushSuspenseContext(workInProgress, suspenseContext);
+        // Do a pass over the next row.
+        return next;
       }
       break;
     }
-    case EventTarget: {
-      if (enableEventAPI) {
-        popHostContext(workInProgress);
-        var _type = workInProgress.type.type;
-        var _rootContainerInstance3 = getRootHostContainer();
-        var shouldUpdate = handleEventTarget(
-          _type,
-          newProps,
-          _rootContainerInstance3,
-          workInProgress
-        );
-        // Update the latest props on the stateNode. This is used
-        // during the event phase to find the most current props.
-        workInProgress.stateNode.props = newProps;
-        if (shouldUpdate) {
-          markUpdate(workInProgress);
+    case FundamentalComponent: {
+      if (enableFundamentalAPI) {
+        var fundamentalImpl = workInProgress.type.impl;
+        var fundamentalInstance = workInProgress.stateNode;
+
+        if (fundamentalInstance === null) {
+          var getInitialState = fundamentalImpl.getInitialState;
+          var fundamentalState = void 0;
+          if (getInitialState !== undefined) {
+            fundamentalState = getInitialState(newProps);
+          }
+          fundamentalInstance = workInProgress.stateNode = createFundamentalStateInstance(
+            workInProgress,
+            newProps,
+            fundamentalImpl,
+            fundamentalState || {}
+          );
+          var _instance7 = getFundamentalComponentInstance(fundamentalInstance);
+          fundamentalInstance.instance = _instance7;
+          if (fundamentalImpl.reconcileChildren === false) {
+            return null;
+          }
+          appendAllChildren(_instance7, workInProgress, false, false);
+          mountFundamentalComponent(fundamentalInstance);
+        } else {
+          // We fire update in commit phase
+          var prevProps = fundamentalInstance.props;
+          fundamentalInstance.prevProps = prevProps;
+          fundamentalInstance.props = newProps;
+          fundamentalInstance.currentFiber = workInProgress;
+          if (supportsPersistence) {
+            var _instance8 = cloneFundamentalInstance(fundamentalInstance);
+            fundamentalInstance.instance = _instance8;
+            appendAllChildren(_instance8, workInProgress, false, false);
+          }
+          var shouldUpdate = shouldUpdateFundamentalComponent(
+            fundamentalInstance
+          );
+          if (shouldUpdate) {
+            markUpdate(workInProgress);
+          }
         }
       }
       break;
@@ -15177,7 +16328,9 @@ function completeWork(current, workInProgress, renderExpirationTime) {
       (function() {
         {
           throw ReactError(
-            "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+            Error(
+              "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+            )
           );
         }
       })();
@@ -15186,154 +16339,390 @@ function completeWork(current, workInProgress, renderExpirationTime) {
   return null;
 }
 
-function shouldCaptureSuspense(workInProgress) {
-  // In order to capture, the Suspense component must have a fallback prop.
-  if (workInProgress.memoizedProps.fallback === undefined) {
-    return false;
-  }
-  // 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 nextState === null;
-}
-
-function createCapturedValue(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)
-  };
+function mountEventResponder(
+  responder,
+  responderProps,
+  instance,
+  rootContainerInstance,
+  fiber,
+  respondersMap
+) {
+  var responderState = emptyObject$1;
+  var getInitialState = responder.getInitialState;
+  if (getInitialState !== null) {
+    responderState = getInitialState(responderProps);
+  }
+  var responderInstance = createResponderInstance(
+    responder,
+    responderProps,
+    responderState,
+    instance,
+    fiber
+  );
+  mountResponderInstance(
+    responder,
+    responderInstance,
+    responderProps,
+    responderState,
+    instance,
+    rootContainerInstance
+  );
+  respondersMap.set(responder, responderInstance);
 }
 
-// Module provided by RN:
-/**
- * Intercept lifecycle errors and ensure they are shown with the correct stack
- * trace within the native redbox component.
- */
-function showErrorDialog(capturedError) {
-  var componentStack = capturedError.componentStack,
-    error = capturedError.error;
-
-  var errorToHandle = void 0;
-
-  // Typically Errors are thrown but eg strings or null can be thrown as well.
-  if (error instanceof Error) {
-    var message = error.message,
-      name = error.name;
-
-    var summary = message ? name + ": " + message : name;
+function updateEventListener(
+  listener,
+  fiber,
+  visistedResponders,
+  respondersMap,
+  instance,
+  rootContainerInstance
+) {
+  var responder = void 0;
+  var props = void 0;
 
-    errorToHandle = error;
+  if (listener) {
+    responder = listener.responder;
+    props = listener.props;
+  }
+  (function() {
+    if (!(responder && responder.$$typeof === REACT_RESPONDER_TYPE)) {
+      throw ReactError(
+        Error(
+          "An invalid value was used as an event listener. Expect one or many event listeners created via React.unstable_useResponer()."
+        )
+      );
+    }
+  })();
+  var listenerProps = props;
+  if (visistedResponders.has(responder)) {
+    // show warning
+    {
+      warning$1(
+        false,
+        'Duplicate event responder "%s" found in event listeners. ' +
+          "Event listeners passed to elements cannot use the same event responder more than once.",
+        responder.displayName
+      );
+    }
+    return;
+  }
+  visistedResponders.add(responder);
+  var responderInstance = respondersMap.get(responder);
 
-    try {
-      errorToHandle.message =
-        summary + "\n\nThis error is located at:" + componentStack;
-    } catch (e) {}
-  } else if (typeof error === "string") {
-    errorToHandle = new Error(
-      error + "\n\nThis error is located at:" + componentStack
+  if (responderInstance === undefined) {
+    // Mount
+    mountEventResponder(
+      responder,
+      listenerProps,
+      instance,
+      rootContainerInstance,
+      fiber,
+      respondersMap
     );
   } else {
-    errorToHandle = new Error("Unspecified error at:" + componentStack);
+    // Update
+    responderInstance.props = listenerProps;
+    responderInstance.fiber = fiber;
   }
-
-  ExceptionsManager.handleException(errorToHandle, false);
-
-  // Return false here to prevent ReactFiberErrorLogger default behavior of
-  // logging error details to console.error. Calls to console.error are
-  // automatically routed to the native redbox controller, which we've already
-  // done above by calling ExceptionsManager.
-  return false;
 }
 
-function logCapturedError(capturedError) {
-  var logError = showErrorDialog(capturedError);
-
-  // 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 = capturedError.error;
-  {
-    var componentName = capturedError.componentName,
-      componentStack = capturedError.componentStack,
-      errorBoundaryName = capturedError.errorBoundaryName,
-      errorBoundaryFound = capturedError.errorBoundaryFound,
-      willRetry = capturedError.willRetry;
-
-    // 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 (errorBoundaryFound && willRetry) {
-        // 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);
-      // For a more detailed description of this block, see:
-      // https://github.com/facebook/react/pull/13384
+function updateEventListeners(
+  listeners,
+  instance,
+  rootContainerInstance,
+  fiber
+) {
+  var visistedResponders = new Set();
+  var dependencies = fiber.dependencies;
+  if (listeners != null) {
+    if (dependencies === null) {
+      dependencies = fiber.dependencies = {
+        expirationTime: NoWork,
+        firstContext: null,
+        responders: new Map()
+      };
     }
-
-    var componentNameMessage = componentName
-      ? "The above error occurred in the <" + componentName + "> component:"
-      : "The above error occurred in one of your React components:";
-
-    var errorBoundaryMessage = void 0;
-    // errorBoundaryFound check is sufficient; errorBoundaryName check is to satisfy Flow.
-    if (errorBoundaryFound && errorBoundaryName) {
-      if (willRetry) {
-        errorBoundaryMessage =
-          "React will try to recreate this component tree from scratch " +
-          ("using the error boundary you provided, " + errorBoundaryName + ".");
-      } else {
-        errorBoundaryMessage =
-          "This error was initially handled by the error boundary " +
-          errorBoundaryName +
-          ".\n" +
-          "Recreating the tree from scratch failed so React will unmount the tree.";
+    var respondersMap = dependencies.responders;
+    if (respondersMap === null) {
+      respondersMap = new Map();
+    }
+    if (isArray$2(listeners)) {
+      for (var i = 0, length = listeners.length; i < length; i++) {
+        var listener = listeners[i];
+        updateEventListener(
+          listener,
+          fiber,
+          visistedResponders,
+          respondersMap,
+          instance,
+          rootContainerInstance
+        );
       }
     } else {
-      errorBoundaryMessage =
-        "Consider adding an error boundary to your tree to customize error handling behavior.\n" +
-        "Visit https://fb.me/react-error-boundaries to learn more about error boundaries.";
+      updateEventListener(
+        listeners,
+        fiber,
+        visistedResponders,
+        respondersMap,
+        instance,
+        rootContainerInstance
+      );
+    }
+  }
+  if (dependencies !== null) {
+    var _respondersMap = dependencies.responders;
+    if (_respondersMap !== null) {
+      // Unmount
+      var mountedResponders = Array.from(_respondersMap.keys());
+      for (var _i = 0, _length = mountedResponders.length; _i < _length; _i++) {
+        var mountedResponder = mountedResponders[_i];
+        if (!visistedResponders.has(mountedResponder)) {
+          var responderInstance = _respondersMap.get(mountedResponder);
+          unmountResponderInstance(responderInstance);
+          _respondersMap.delete(mountedResponder);
+        }
+      }
     }
-    var combinedMessage =
-      "" +
-      componentNameMessage +
-      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);
   }
 }
 
-var didWarnAboutUndefinedSnapshotBeforeUpdate = null;
-{
-  didWarnAboutUndefinedSnapshotBeforeUpdate = new Set();
-}
-
-var PossiblyWeakSet$1 = typeof WeakSet === "function" ? WeakSet : Set;
-
-function logError(boundary, errorInfo) {
-  var source = errorInfo.source;
-  var stack = errorInfo.stack;
-  if (stack === null && source !== null) {
+function unwindWork(workInProgress, renderExpirationTime) {
+  switch (workInProgress.tag) {
+    case ClassComponent: {
+      var Component = workInProgress.type;
+      if (isContextProvider(Component)) {
+        popContext(workInProgress);
+      }
+      var effectTag = workInProgress.effectTag;
+      if (effectTag & ShouldCapture) {
+        workInProgress.effectTag = (effectTag & ~ShouldCapture) | DidCapture;
+        return workInProgress;
+      }
+      return null;
+    }
+    case HostRoot: {
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      var _effectTag = workInProgress.effectTag;
+      (function() {
+        if (!((_effectTag & DidCapture) === NoEffect)) {
+          throw ReactError(
+            Error(
+              "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
+            )
+          );
+        }
+      })();
+      workInProgress.effectTag = (_effectTag & ~ShouldCapture) | DidCapture;
+      return workInProgress;
+    }
+    case HostComponent: {
+      // TODO: popHydrationState
+      popHostContext(workInProgress);
+      return null;
+    }
+    case SuspenseComponent: {
+      popSuspenseContext(workInProgress);
+      var _effectTag2 = workInProgress.effectTag;
+      if (_effectTag2 & ShouldCapture) {
+        workInProgress.effectTag = (_effectTag2 & ~ShouldCapture) | DidCapture;
+        // Captured a suspense effect. Re-render the boundary.
+        return workInProgress;
+      }
+      return null;
+    }
+    case DehydratedSuspenseComponent: {
+      if (enableSuspenseServerRenderer) {
+        popSuspenseContext(workInProgress);
+        if (workInProgress.alternate === null) {
+          // TODO: popHydrationState
+        } else {
+          resetHydrationState();
+        }
+        var _effectTag3 = workInProgress.effectTag;
+        if (_effectTag3 & ShouldCapture) {
+          workInProgress.effectTag =
+            (_effectTag3 & ~ShouldCapture) | DidCapture;
+          // Captured a suspense effect. Re-render the boundary.
+          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.
+      return null;
+    }
+    case HostPortal:
+      popHostContainer(workInProgress);
+      return null;
+    case ContextProvider:
+      popProvider(workInProgress);
+      return null;
+    default:
+      return null;
+  }
+}
+
+function unwindInterruptedWork(interruptedWork) {
+  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 HostComponent: {
+      popHostContext(interruptedWork);
+      break;
+    }
+    case HostPortal:
+      popHostContainer(interruptedWork);
+      break;
+    case SuspenseComponent:
+      popSuspenseContext(interruptedWork);
+      break;
+    case DehydratedSuspenseComponent:
+      if (enableSuspenseServerRenderer) {
+        popSuspenseContext(interruptedWork);
+      }
+      break;
+    case SuspenseListComponent:
+      popSuspenseContext(interruptedWork);
+      break;
+    case ContextProvider:
+      popProvider(interruptedWork);
+      break;
+    default:
+      break;
+  }
+}
+
+function createCapturedValue(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)
+  };
+}
+
+// Module provided by RN:
+(function() {
+  if (
+    !(
+      typeof ReactNativePrivateInterface.ReactFiberErrorDialog
+        .showErrorDialog === "function"
+    )
+  ) {
+    throw ReactError(
+      Error("Expected ReactFiberErrorDialog.showErrorDialog to be a function.")
+    );
+  }
+})();
+
+function showErrorDialog(capturedError) {
+  return ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog(
+    capturedError
+  );
+}
+
+function logCapturedError(capturedError) {
+  var logError = showErrorDialog(capturedError);
+
+  // 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 = capturedError.error;
+  {
+    var componentName = capturedError.componentName,
+      componentStack = capturedError.componentStack,
+      errorBoundaryName = capturedError.errorBoundaryName,
+      errorBoundaryFound = capturedError.errorBoundaryFound,
+      willRetry = capturedError.willRetry;
+
+    // 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 (errorBoundaryFound && willRetry) {
+        // 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);
+      // For a more detailed description of this block, see:
+      // https://github.com/facebook/react/pull/13384
+    }
+
+    var componentNameMessage = componentName
+      ? "The above error occurred in the <" + componentName + "> component:"
+      : "The above error occurred in one of your React components:";
+
+    var errorBoundaryMessage = void 0;
+    // errorBoundaryFound check is sufficient; errorBoundaryName check is to satisfy Flow.
+    if (errorBoundaryFound && errorBoundaryName) {
+      if (willRetry) {
+        errorBoundaryMessage =
+          "React will try to recreate this component tree from scratch " +
+          ("using the error boundary you provided, " + errorBoundaryName + ".");
+      } else {
+        errorBoundaryMessage =
+          "This error was initially handled by the error boundary " +
+          errorBoundaryName +
+          ".\n" +
+          "Recreating the tree from scratch failed so React will unmount the tree.";
+      }
+    } else {
+      errorBoundaryMessage =
+        "Consider adding an error boundary to your tree to customize error handling behavior.\n" +
+        "Visit https://fb.me/react-error-boundaries to learn more about error boundaries.";
+    }
+    var combinedMessage =
+      "" +
+      componentNameMessage +
+      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);
+  }
+}
+
+var didWarnAboutUndefinedSnapshotBeforeUpdate = null;
+{
+  didWarnAboutUndefinedSnapshotBeforeUpdate = new Set();
+}
+
+var PossiblyWeakSet$1 = typeof WeakSet === "function" ? WeakSet : Set;
+
+function logError(boundary, errorInfo) {
+  var source = errorInfo.source;
+  var stack = errorInfo.stack;
+  if (stack === null && source !== null) {
     stack = getStackByFiberInDevAndProd(source);
   }
 
@@ -15495,14 +16884,15 @@ function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
     case HostText:
     case HostPortal:
     case IncompleteClassComponent:
-    case EventTarget:
       // Nothing to do for these component types
       return;
     default: {
       (function() {
         {
           throw ReactError(
-            "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+            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."
+            )
           );
         }
       })();
@@ -15571,8 +16961,19 @@ function commitHookEffectList(unmountTag, mountTag, finishedWork) {
 }
 
 function commitPassiveHookEffects(finishedWork) {
-  commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork);
-  commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
+  if ((finishedWork.effectTag & Passive) !== NoEffect) {
+    switch (finishedWork.tag) {
+      case FunctionComponent:
+      case ForwardRef:
+      case SimpleMemoComponent: {
+        commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork);
+        commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
+        break;
+      }
+      default:
+        break;
+    }
+  }
 }
 
 function commitLifeCycles(
@@ -15769,73 +17170,43 @@ function commitLifeCycles(
       if (enableProfilerTimer) {
         var onRender = finishedWork.memoizedProps.onRender;
 
-        if (enableSchedulerTracing) {
-          onRender(
-            finishedWork.memoizedProps.id,
-            current$$1 === null ? "mount" : "update",
-            finishedWork.actualDuration,
-            finishedWork.treeBaseDuration,
-            finishedWork.actualStartTime,
-            getCommitTime(),
-            finishedRoot.memoizedInteractions
-          );
-        } else {
-          onRender(
-            finishedWork.memoizedProps.id,
-            current$$1 === null ? "mount" : "update",
-            finishedWork.actualDuration,
-            finishedWork.treeBaseDuration,
-            finishedWork.actualStartTime,
-            getCommitTime()
-          );
+        if (typeof onRender === "function") {
+          if (enableSchedulerTracing) {
+            onRender(
+              finishedWork.memoizedProps.id,
+              current$$1 === null ? "mount" : "update",
+              finishedWork.actualDuration,
+              finishedWork.treeBaseDuration,
+              finishedWork.actualStartTime,
+              getCommitTime(),
+              finishedRoot.memoizedInteractions
+            );
+          } else {
+            onRender(
+              finishedWork.memoizedProps.id,
+              current$$1 === null ? "mount" : "update",
+              finishedWork.actualDuration,
+              finishedWork.treeBaseDuration,
+              finishedWork.actualStartTime,
+              getCommitTime()
+            );
+          }
         }
       }
       return;
     }
     case SuspenseComponent:
+    case SuspenseListComponent:
     case IncompleteClassComponent:
+    case FundamentalComponent:
       return;
-    case EventTarget: {
-      if (enableEventAPI) {
-        var _type = finishedWork.type.type;
-        var _props = finishedWork.memoizedProps;
-        var _instance3 = finishedWork.stateNode;
-        var parentInstance = null;
-
-        var node = finishedWork.return;
-        // Traverse up the fiber tree until we find the parent host node.
-        while (node !== null) {
-          if (node.tag === HostComponent) {
-            parentInstance = node.stateNode;
-            break;
-          } else if (node.tag === HostRoot) {
-            parentInstance = node.stateNode.containerInfo;
-            break;
-          }
-          node = node.return;
-        }
-        (function() {
-          if (!(parentInstance !== null)) {
-            throw ReactError(
-              "This should have a parent host component initialized. This error is likely caused by a bug in React. Please file an issue."
-            );
-          }
-        })();
-        commitEventTarget(_type, _props, _instance3, parentInstance);
-      }
-      return;
-    }
-    case EventComponent: {
-      if (enableEventAPI) {
-        mountEventComponent(finishedWork.stateNode);
-      }
-      return;
-    }
     default: {
       (function() {
         {
           throw ReactError(
-            "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+            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."
+            )
           );
         }
       })();
@@ -15856,11 +17227,11 @@ function hideOrUnhideAllChildren(finishedWork, isHidden) {
           unhideInstance(node.stateNode, node.memoizedProps);
         }
       } else if (node.tag === HostText) {
-        var _instance4 = node.stateNode;
+        var _instance3 = node.stateNode;
         if (isHidden) {
-          hideTextInstance(_instance4);
+          hideTextInstance(_instance3);
         } else {
-          unhideTextInstance(_instance4, node.memoizedProps);
+          unhideTextInstance(_instance3, node.memoizedProps);
         }
       } else if (
         node.tag === SuspenseComponent &&
@@ -15937,7 +17308,7 @@ function commitDetachRef(current$$1) {
 // User-originating errors (lifecycles and refs) should not interrupt
 // deletion, so don't let them throw. Host-originating errors should
 // interrupt deletion, so it's okay
-function commitUnmount(current$$1) {
+function commitUnmount(current$$1, renderPriorityLevel) {
   onCommitUnmount(current$$1);
 
   switch (current$$1.tag) {
@@ -15950,14 +17321,33 @@ function commitUnmount(current$$1) {
         var lastEffect = updateQueue.lastEffect;
         if (lastEffect !== null) {
           var firstEffect = lastEffect.next;
-          var effect = firstEffect;
-          do {
-            var destroy = effect.destroy;
-            if (destroy !== undefined) {
-              safelyCallDestroy(current$$1, destroy);
-            }
-            effect = effect.next;
-          } while (effect !== firstEffect);
+
+          // When the owner fiber is deleted, the destroy function of a passive
+          // effect hook is called during the synchronous commit phase. This is
+          // a concession to implementation complexity. Calling it in the
+          // passive effect phase (like they usually are, when dependencies
+          // change during an update) would require either traversing the
+          // children of the deleted fiber again, or including unmount effects
+          // as part of the fiber effect list.
+          //
+          // Because this is during the sync commit phase, we need to change
+          // the priority.
+          //
+          // TODO: Reconsider this implementation trade off.
+          var priorityLevel =
+            renderPriorityLevel > NormalPriority
+              ? NormalPriority
+              : renderPriorityLevel;
+          runWithPriority(priorityLevel, function() {
+            var effect = firstEffect;
+            do {
+              var destroy = effect.destroy;
+              if (destroy !== undefined) {
+                safelyCallDestroy(current$$1, destroy);
+              }
+              effect = effect.next;
+            } while (effect !== firstEffect);
+          });
         }
       }
       break;
@@ -15971,38 +17361,59 @@ function commitUnmount(current$$1) {
       return;
     }
     case HostComponent: {
-      safelyDetachRef(current$$1);
-      return;
+      if (enableFlareAPI) {
+        var dependencies = current$$1.dependencies;
+
+        if (dependencies !== null) {
+          var respondersMap = dependencies.responders;
+          if (respondersMap !== null) {
+            var responderInstances = Array.from(respondersMap.values());
+            for (
+              var i = 0, length = responderInstances.length;
+              i < length;
+              i++
+            ) {
+              var responderInstance = responderInstances[i];
+              unmountResponderInstance(responderInstance);
+            }
+            dependencies.responders = null;
+          }
+        }
+      }
+      safelyDetachRef(current$$1);
+      return;
     }
     case HostPortal: {
       // TODO: this is recursive.
       // We are also not using this parent because
       // the portal will get pushed immediately.
       if (supportsMutation) {
-        unmountHostComponents(current$$1);
+        unmountHostComponents(current$$1, renderPriorityLevel);
       } else if (supportsPersistence) {
         emptyPortalContainer(current$$1);
       }
       return;
     }
-    case EventComponent: {
-      if (enableEventAPI) {
-        var eventComponentInstance = current$$1.stateNode;
-        unmountEventComponent(eventComponentInstance);
-        current$$1.stateNode = null;
+    case FundamentalComponent: {
+      if (enableFundamentalAPI) {
+        var fundamentalInstance = current$$1.stateNode;
+        if (fundamentalInstance !== null) {
+          unmountFundamentalComponent(fundamentalInstance);
+          current$$1.stateNode = null;
+        }
       }
     }
   }
 }
 
-function commitNestedUnmounts(root) {
+function commitNestedUnmounts(root, renderPriorityLevel) {
   // While we're inside a removed host node we don't want to call
   // removeChild on the inner nodes because they're removed by the top
   // call anyway. We also want to call componentWillUnmount on all
   // composites before this host node is removed from the tree. Therefore
   var node = root;
   while (true) {
-    commitUnmount(node);
+    commitUnmount(node, renderPriorityLevel);
     // Visit children because they may contain more composite or host nodes.
     // Skip portals because commitUnmount() currently visits them recursively.
     if (
@@ -16030,6 +17441,7 @@ function commitNestedUnmounts(root) {
 }
 
 function detachFiber(current$$1) {
+  var alternate = current$$1.alternate;
   // Cut off the return pointers to disconnect it from the tree. Ideally, we
   // should 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
@@ -16039,12 +17451,14 @@ function detachFiber(current$$1) {
   current$$1.child = null;
   current$$1.memoizedState = null;
   current$$1.updateQueue = null;
-  var alternate = current$$1.alternate;
+  current$$1.dependencies = null;
+  current$$1.alternate = null;
+  current$$1.firstEffect = null;
+  current$$1.lastEffect = null;
+  current$$1.pendingProps = null;
+  current$$1.memoizedProps = null;
   if (alternate !== null) {
-    alternate.return = null;
-    alternate.child = null;
-    alternate.memoizedState = null;
-    alternate.updateQueue = null;
+    detachFiber(alternate);
   }
 }
 
@@ -16069,8 +17483,7 @@ function commitContainer(finishedWork) {
     case ClassComponent:
     case HostComponent:
     case HostText:
-    case EventTarget:
-    case EventComponent: {
+    case FundamentalComponent: {
       return;
     }
     case HostRoot:
@@ -16086,7 +17499,9 @@ function commitContainer(finishedWork) {
       (function() {
         {
           throw ReactError(
-            "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+            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."
+            )
           );
         }
       })();
@@ -16105,7 +17520,9 @@ function getHostParentFiber(fiber) {
   (function() {
     {
       throw ReactError(
-        "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     }
   })();
@@ -16175,25 +17592,33 @@ function commitPlacement(finishedWork) {
   // Note: these two variables *must* always be updated together.
   var parent = void 0;
   var isContainer = void 0;
-
+  var parentStateNode = parentFiber.stateNode;
   switch (parentFiber.tag) {
     case HostComponent:
-      parent = parentFiber.stateNode;
+      parent = parentStateNode;
       isContainer = false;
       break;
     case HostRoot:
-      parent = parentFiber.stateNode.containerInfo;
+      parent = parentStateNode.containerInfo;
       isContainer = true;
       break;
     case HostPortal:
-      parent = parentFiber.stateNode.containerInfo;
+      parent = parentStateNode.containerInfo;
       isContainer = true;
       break;
+    case FundamentalComponent:
+      if (enableFundamentalAPI) {
+        parent = parentStateNode.instance;
+        isContainer = false;
+      }
+    // eslint-disable-next-line-no-fallthrough
     default:
       (function() {
         {
           throw ReactError(
-            "Invalid host parent fiber. This error is likely caused by a bug in React. Please file an issue."
+            Error(
+              "Invalid host parent fiber. This error is likely caused by a bug in React. Please file an issue."
+            )
           );
         }
       })();
@@ -16208,8 +17633,9 @@ function commitPlacement(finishedWork) {
   // children to find all the terminal nodes.
   var node = finishedWork;
   while (true) {
-    if (node.tag === HostComponent || node.tag === HostText) {
-      var stateNode = node.stateNode;
+    var isHost = node.tag === HostComponent || node.tag === HostText;
+    if (isHost || (enableFundamentalAPI && node.tag === FundamentalComponent)) {
+      var stateNode = isHost ? node.stateNode : node.stateNode.instance;
       if (before) {
         if (isContainer) {
           insertInContainerBefore(parent, stateNode, before);
@@ -16246,7 +17672,7 @@ function commitPlacement(finishedWork) {
   }
 }
 
-function unmountHostComponents(current$$1) {
+function unmountHostComponents(current$$1, renderPriorityLevel) {
   // We only have the top Fiber that was deleted but we need to recurse down its
   var node = current$$1;
 
@@ -16265,23 +17691,31 @@ function unmountHostComponents(current$$1) {
         (function() {
           if (!(parent !== null)) {
             throw ReactError(
-              "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+              Error(
+                "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+              )
             );
           }
         })();
+        var parentStateNode = parent.stateNode;
         switch (parent.tag) {
           case HostComponent:
-            currentParent = parent.stateNode;
+            currentParent = parentStateNode;
             currentParentIsContainer = false;
             break findParent;
           case HostRoot:
-            currentParent = parent.stateNode.containerInfo;
+            currentParent = parentStateNode.containerInfo;
             currentParentIsContainer = true;
             break findParent;
           case HostPortal:
-            currentParent = parent.stateNode.containerInfo;
+            currentParent = parentStateNode.containerInfo;
             currentParentIsContainer = true;
             break findParent;
+          case FundamentalComponent:
+            if (enableFundamentalAPI) {
+              currentParent = parentStateNode.instance;
+              currentParentIsContainer = false;
+            }
         }
         parent = parent.return;
       }
@@ -16289,7 +17723,7 @@ function unmountHostComponents(current$$1) {
     }
 
     if (node.tag === HostComponent || node.tag === HostText) {
-      commitNestedUnmounts(node);
+      commitNestedUnmounts(node, renderPriorityLevel);
       // After all the children have unmounted, it is now safe to remove the
       // node from the tree.
       if (currentParentIsContainer) {
@@ -16298,6 +17732,16 @@ function unmountHostComponents(current$$1) {
         removeChild(currentParent, node.stateNode);
       }
       // Don't visit children because we already visited them.
+    } else if (enableFundamentalAPI && node.tag === FundamentalComponent) {
+      var fundamentalNode = node.stateNode.instance;
+      commitNestedUnmounts(node, renderPriorityLevel);
+      // After all the children have unmounted, it is now safe to remove the
+      // node from the tree.
+      if (currentParentIsContainer) {
+        removeChildFromContainer(currentParent, fundamentalNode);
+      } else {
+        removeChild(currentParent, fundamentalNode);
+      }
     } else if (
       enableSuspenseServerRenderer &&
       node.tag === DehydratedSuspenseComponent
@@ -16320,7 +17764,7 @@ function unmountHostComponents(current$$1) {
         continue;
       }
     } else {
-      commitUnmount(node);
+      commitUnmount(node, renderPriorityLevel);
       // Visit children because we may find more host components below.
       if (node.child !== null) {
         node.child.return = node;
@@ -16347,14 +17791,14 @@ function unmountHostComponents(current$$1) {
   }
 }
 
-function commitDeletion(current$$1) {
+function commitDeletion(current$$1, renderPriorityLevel) {
   if (supportsMutation) {
     // Recursively delete all host nodes from the parent.
     // Detach refs and call componentWillUnmount() on the whole subtree.
-    unmountHostComponents(current$$1);
+    unmountHostComponents(current$$1, renderPriorityLevel);
   } else {
     // Detach refs and call componentWillUnmount() on the whole subtree.
-    commitNestedUnmounts(current$$1);
+    commitNestedUnmounts(current$$1, renderPriorityLevel);
   }
   detachFiber(current$$1);
 }
@@ -16376,6 +17820,11 @@ function commitWork(current$$1, finishedWork) {
       }
       case SuspenseComponent: {
         commitSuspenseComponent(finishedWork);
+        attachSuspenseRetryListeners(finishedWork);
+        return;
+      }
+      case SuspenseListComponent: {
+        attachSuspenseRetryListeners(finishedWork);
         return;
       }
     }
@@ -16428,7 +17877,9 @@ function commitWork(current$$1, finishedWork) {
       (function() {
         if (!(finishedWork.stateNode !== null)) {
           throw ReactError(
-            "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue."
+            Error(
+              "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue."
+            )
           );
         }
       })();
@@ -16441,9 +17892,6 @@ function commitWork(current$$1, finishedWork) {
       commitTextUpdate(textInstance, oldText, newText);
       return;
     }
-    case EventTarget: {
-      return;
-    }
     case HostRoot: {
       return;
     }
@@ -16452,19 +17900,30 @@ function commitWork(current$$1, finishedWork) {
     }
     case SuspenseComponent: {
       commitSuspenseComponent(finishedWork);
+      attachSuspenseRetryListeners(finishedWork);
+      return;
+    }
+    case SuspenseListComponent: {
+      attachSuspenseRetryListeners(finishedWork);
       return;
     }
     case IncompleteClassComponent: {
       return;
     }
-    case EventComponent: {
+    case FundamentalComponent: {
+      if (enableFundamentalAPI) {
+        var fundamentalInstance = finishedWork.stateNode;
+        updateFundamentalComponent(fundamentalInstance);
+      }
       return;
     }
     default: {
       (function() {
         {
           throw ReactError(
-            "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+            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."
+            )
           );
         }
       })();
@@ -16482,25 +17941,31 @@ function commitSuspenseComponent(finishedWork) {
   } else {
     newDidTimeout = true;
     primaryChildParent = finishedWork.child;
-    if (newState.fallbackExpirationTime === NoWork) {
-      // If the children had not already timed out, record the time.
-      // This is used to compute the elapsed time during subsequent
-      // attempts to render the children.
-      // We model this as a normal pri expiration time since that's
-      // how we infer start time for updates.
-      newState.fallbackExpirationTime = computeAsyncExpirationNoBucket(
-        requestCurrentTime()
-      );
-    }
+    markCommitTimeOfFallback();
   }
 
   if (supportsMutation && primaryChildParent !== null) {
     hideOrUnhideAllChildren(primaryChildParent, newDidTimeout);
   }
 
+  if (enableSuspenseCallback && newState !== null) {
+    var suspenseCallback = finishedWork.memoizedProps.suspenseCallback;
+    if (typeof suspenseCallback === "function") {
+      var thenables = finishedWork.updateQueue;
+      if (thenables !== null) {
+        suspenseCallback(new Set(thenables));
+      }
+    } else {
+      if (suspenseCallback !== undefined) {
+        warning$1(false, "Unexpected type for suspenseCallback.");
+      }
+    }
+  }
+}
+
+function attachSuspenseRetryListeners(finishedWork) {
   // If this boundary just timed out, then it will have a set of thenables.
   // For each thenable, attach a listener so that when it resolves, React
-  // attempts to re-render the boundary in the primary (pre-timeout) state.
   var thenables = finishedWork.updateQueue;
   if (thenables !== null) {
     finishedWork.updateQueue = null;
@@ -16533,7 +17998,7 @@ var PossiblyWeakSet = typeof WeakSet === "function" ? WeakSet : Set;
 var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
 
 function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
-  var update = createUpdate(expirationTime);
+  var update = createUpdate(expirationTime, null);
   // Unmount the root by rendering null.
   update.tag = CaptureUpdate;
   // Caution: React DevTools currently depends on this property
@@ -16548,12 +18013,13 @@ function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
 }
 
 function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
-  var update = createUpdate(expirationTime);
+  var update = createUpdate(expirationTime, null);
   update.tag = CaptureUpdate;
   var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
   if (typeof getDerivedStateFromError === "function") {
     var error = errorInfo.value;
     update.payload = function() {
+      logError(fiber, errorInfo);
       return getDerivedStateFromError(error);
     };
   }
@@ -16561,6 +18027,9 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
   var inst = fiber.stateNode;
   if (inst !== null && typeof inst.componentDidCatch === "function") {
     update.callback = function callback() {
+      {
+        markFailedErrorBoundaryForHotReloading(fiber);
+      }
       if (typeof getDerivedStateFromError !== "function") {
         // To preserve the preexisting retry behavior of error boundaries,
         // we keep track of which ones already failed during this batch.
@@ -16568,10 +18037,12 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
         // TODO: Warn in strict mode if getDerivedStateFromError is
         // not defined.
         markLegacyErrorBoundaryAsFailed(this);
+
+        // Only log here if componentDidCatch is the only error boundary method defined
+        logError(fiber, errorInfo);
       }
       var error = errorInfo.value;
       var stack = errorInfo.stack;
-      logError(fiber, errorInfo);
       this.componentDidCatch(error, {
         componentStack: stack !== null ? stack : ""
       });
@@ -16591,6 +18062,10 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
         }
       }
     };
+  } else {
+    update.callback = function() {
+      markFailedErrorBoundaryForHotReloading(fiber);
+    };
   }
   return update;
 }
@@ -16648,12 +18123,19 @@ function throwException(
     // This is a thenable.
     var thenable = value;
 
+    checkForWrongSuspensePriorityInDEV(sourceFiber);
+
+    var hasInvisibleParentBoundary = hasSuspenseContext(
+      suspenseStackCursor.current,
+      InvisibleParentSuspenseContext
+    );
+
     // Schedule the nearest Suspense to re-render the timed out view.
     var _workInProgress = returnFiber;
     do {
       if (
         _workInProgress.tag === SuspenseComponent &&
-        shouldCaptureSuspense(_workInProgress)
+        shouldCaptureSuspense(_workInProgress, hasInvisibleParentBoundary)
       ) {
         // Found the nearest boundary.
 
@@ -16667,15 +18149,15 @@ function throwException(
           thenables.add(thenable);
         }
 
-        // If the boundary is outside of concurrent mode, we should *not*
+        // If the boundary is outside of batched mode, we should *not*
         // suspend the commit. Pretend as if the suspended component rendered
         // null and keep rendering. In the commit phase, we'll schedule a
         // subsequent synchronous update to re-render the Suspense.
         //
         // Note: It doesn't matter whether the component that suspended was
-        // inside a concurrent mode tree. If the Suspense is outside of it, we
+        // inside a batched mode tree. If the Suspense is outside of it, we
         // should *not* suspend the commit.
-        if ((_workInProgress.mode & ConcurrentMode) === NoContext) {
+        if ((_workInProgress.mode & BatchedMode) === NoMode) {
           _workInProgress.effectTag |= DidCapture;
 
           // We're going to commit this fiber even though it didn't complete.
@@ -16692,9 +18174,9 @@ function throwException(
               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 updte to
+              // since it's known to be in an inconsistent state. Use a force update to
               // prevent a bail out.
-              var update = createUpdate(Sync);
+              var update = createUpdate(Sync, null);
               update.tag = ForceUpdate;
               enqueueUpdate(sourceFiber, update);
             }
@@ -16710,11 +18192,51 @@ function throwException(
 
         // 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. SuspenseConfig applies 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.
 
         attachPingListener(root, renderExpirationTime, thenable);
 
         _workInProgress.effectTag |= ShouldCapture;
         _workInProgress.expirationTime = renderExpirationTime;
+
         return;
       } else if (
         enableSuspenseServerRenderer &&
@@ -16730,7 +18252,9 @@ function throwException(
           (function() {
             if (!current$$1) {
               throw ReactError(
-                "A dehydrated suspense boundary must commit before trying to render. This is probably a bug in React."
+                Error(
+                  "A dehydrated suspense boundary must commit before trying to render. This is probably a bug in React."
+                )
               );
             }
           })();
@@ -16752,40 +18276,6 @@ function throwException(
         _workInProgress.effectTag |= ShouldCapture;
         _workInProgress.expirationTime = renderExpirationTime;
         return;
-      } else if (
-        enableSuspenseServerRenderer &&
-        _workInProgress.tag === DehydratedSuspenseComponent
-      ) {
-        attachPingListener(root, renderExpirationTime, thenable);
-
-        // Since we already have a current fiber, we can eagerly add a retry listener.
-        var retryCache = _workInProgress.memoizedState;
-        if (retryCache === null) {
-          retryCache = _workInProgress.memoizedState = new PossiblyWeakSet();
-          var _current = _workInProgress.alternate;
-          invariant(
-            _current,
-            "A dehydrated suspense boundary must commit before trying to render. " +
-              "This is probably a bug in React."
-          );
-          _current.memoizedState = retryCache;
-        }
-        // Memoize using the boundary fiber to prevent redundant listeners.
-        if (!retryCache.has(thenable)) {
-          retryCache.add(thenable);
-          var retry = resolveRetryThenable.bind(
-            null,
-            _workInProgress,
-            thenable
-          );
-          if (enableSchedulerTracing) {
-            retry = tracing.unstable_wrap(retry);
-          }
-          thenable.then(retry, retry);
-        }
-        _workInProgress.effectTag |= ShouldCapture;
-        _workInProgress.expirationTime = renderExpirationTime;
-        return;
       }
       // This boundary already captured during this render. Continue to the next
       // boundary.
@@ -16854,129 +18344,30 @@ function throwException(
   } while (workInProgress !== null);
 }
 
-function unwindWork(workInProgress, renderExpirationTime) {
-  switch (workInProgress.tag) {
-    case ClassComponent: {
-      var Component = workInProgress.type;
-      if (isContextProvider(Component)) {
-        popContext(workInProgress);
-      }
-      var effectTag = workInProgress.effectTag;
-      if (effectTag & ShouldCapture) {
-        workInProgress.effectTag = (effectTag & ~ShouldCapture) | DidCapture;
-        return workInProgress;
-      }
-      return null;
-    }
-    case HostRoot: {
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
-      var _effectTag = workInProgress.effectTag;
-      (function() {
-        if (!((_effectTag & DidCapture) === NoEffect)) {
-          throw ReactError(
-            "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
-          );
-        }
-      })();
-      workInProgress.effectTag = (_effectTag & ~ShouldCapture) | DidCapture;
-      return workInProgress;
-    }
-    case HostComponent: {
-      // TODO: popHydrationState
-      popHostContext(workInProgress);
-      return null;
-    }
-    case SuspenseComponent: {
-      var _effectTag2 = workInProgress.effectTag;
-      if (_effectTag2 & ShouldCapture) {
-        workInProgress.effectTag = (_effectTag2 & ~ShouldCapture) | DidCapture;
-        // Captured a suspense effect. Re-render the boundary.
-        return workInProgress;
-      }
-      return null;
-    }
-    case DehydratedSuspenseComponent: {
-      if (enableSuspenseServerRenderer) {
-        // TODO: popHydrationState
-        var _effectTag3 = workInProgress.effectTag;
-        if (_effectTag3 & ShouldCapture) {
-          workInProgress.effectTag =
-            (_effectTag3 & ~ShouldCapture) | DidCapture;
-          // Captured a suspense effect. Re-render the boundary.
-          return workInProgress;
-        }
-      }
-      return null;
-    }
-    case HostPortal:
-      popHostContainer(workInProgress);
-      return null;
-    case ContextProvider:
-      popProvider(workInProgress);
-      return null;
-    case EventComponent:
-    case EventTarget:
-      if (enableEventAPI) {
-        popHostContext(workInProgress);
-      }
-      return null;
-    default:
-      return null;
-  }
-}
-
-function unwindInterruptedWork(interruptedWork) {
-  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 HostComponent: {
-      popHostContext(interruptedWork);
-      break;
-    }
-    case HostPortal:
-      popHostContainer(interruptedWork);
-      break;
-    case ContextProvider:
-      popProvider(interruptedWork);
-      break;
-    default:
-      break;
-  }
-}
-
-// TODO: Ahaha Andrew is bad at spellling
+// The scheduler is imported here *only* to detect whether it's been mocked
 // DEV stuff
 var ceil = Math.ceil;
 
 var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
 var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner;
-var ReactShouldWarnActingUpdates =
-  ReactSharedInternals.ReactShouldWarnActingUpdates;
+var IsSomeRendererActing = ReactSharedInternals.IsSomeRendererActing;
 
-var NotWorking = 0;
-var BatchedPhase = 1;
-var LegacyUnbatchedPhase = 2;
-var RenderPhase = 4;
-var CommitPhase = 5;
+var NoContext = /*                    */ 0;
+var BatchedContext = /*               */ 1;
+var EventContext = /*                 */ 2;
+var DiscreteEventContext = /*         */ 4;
+var LegacyUnbatchedContext = /*       */ 8;
+var RenderContext = /*                */ 16;
+var CommitContext = /*                */ 32;
 
 var RootIncomplete = 0;
 var RootErrored = 1;
 var RootSuspended = 2;
-var RootCompleted = 3;
+var RootSuspendedWithDelay = 3;
+var RootCompleted = 4;
 
-// The phase of work we're currently in
-var workPhase = NotWorking;
+// 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
@@ -16989,7 +18380,17 @@ var workInProgressRootExitStatus = RootIncomplete;
 // This is conceptually a time stamp but expressed in terms of an ExpirationTime
 // because we deal mostly with expiration times in the hot path, so this avoids
 // the conversion happening in the hot path.
-var workInProgressRootMostRecentEventTime = Sync;
+var workInProgressRootLatestProcessedExpirationTime = Sync;
+var workInProgressRootLatestSuspenseTimeout = Sync;
+var workInProgressRootCanSuspendUsingConfig = null;
+// If we're pinged while rendering we don't always restart immediately.
+// This flag determines if it might be worthwhile to restart if an opportunity
+// happens latere.
+var workInProgressRootHasPendingPing = false;
+// 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;
 
 var nextEffect = null;
 var hasUncaughtError = false;
@@ -16998,6 +18399,7 @@ var legacyErrorBoundariesThatAlreadyFailed = null;
 
 var rootDoesHavePassiveEffects = false;
 var rootWithPendingPassiveEffects = null;
+var pendingPassiveEffectsRenderPriority = NoPriority;
 var pendingPassiveEffectsExpirationTime = NoWork;
 
 var rootsWithPendingDiscreteUpdates = null;
@@ -17012,6 +18414,12 @@ var nestedPassiveUpdateCount = 0;
 
 var interruptedBy = null;
 
+// Marks the need to reschedule pending interactions at these expiration times
+// during the commit phase. This enables them to be traced across components
+// that spawn new work during render. E.g. hidden boundaries, suspended SSR
+// hydration or SuspenseList.
+var spawnedWorkDuringRender = null;
+
 // Expiration times are computed by adding to the current time (the start
 // time). However, if two updates are scheduled within the same event, we
 // should treat their start times as simultaneous, even if the actual clock
@@ -17023,7 +18431,7 @@ var interruptedBy = null;
 var currentEventTime = NoWork;
 
 function requestCurrentTime() {
-  if (workPhase === RenderPhase || workPhase === CommitPhase) {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
     // We're inside React, so it's fine to read the actual time.
     return msToExpirationTime(now());
   }
@@ -17037,46 +18445,62 @@ function requestCurrentTime() {
   return currentEventTime;
 }
 
-function computeExpirationForFiber(currentTime, fiber) {
-  if ((fiber.mode & ConcurrentMode) === NoContext) {
+function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
+  var mode = fiber.mode;
+  if ((mode & BatchedMode) === NoMode) {
     return Sync;
   }
 
-  if (workPhase === RenderPhase) {
+  var priorityLevel = getCurrentPriorityLevel();
+  if ((mode & ConcurrentMode) === NoMode) {
+    return priorityLevel === ImmediatePriority ? Sync : Batched;
+  }
+
+  if ((executionContext & RenderContext) !== NoContext) {
     // Use whatever time we're already rendering
     return renderExpirationTime;
   }
 
-  // Compute an expiration time based on the Scheduler priority.
   var expirationTime = void 0;
-  var priorityLevel = getCurrentPriorityLevel();
-  switch (priorityLevel) {
-    case ImmediatePriority:
-      expirationTime = Sync;
-      break;
-    case UserBlockingPriority:
-      // TODO: Rename this to computeUserBlockingExpiration
-      expirationTime = computeInteractiveExpiration(currentTime);
-      break;
-    case NormalPriority:
-    case LowPriority:
-      // TODO: Handle LowPriority
-      // TODO: Rename this to... something better.
-      expirationTime = computeAsyncExpiration(currentTime);
-      break;
-    case IdlePriority:
-      expirationTime = Never;
-      break;
-    default:
-      (function() {
-        {
-          throw ReactError("Expected a valid priority level");
-        }
-      })();
+  if (suspenseConfig !== null) {
+    // Compute an expiration time based on the Suspense timeout.
+    expirationTime = computeSuspenseExpiration(
+      currentTime,
+      suspenseConfig.timeoutMs | 0 || LOW_PRIORITY_EXPIRATION
+    );
+  } else {
+    // Compute an expiration time based on the Scheduler priority.
+    switch (priorityLevel) {
+      case ImmediatePriority:
+        expirationTime = Sync;
+        break;
+      case UserBlockingPriority:
+        // TODO: Rename this to computeUserBlockingExpiration
+        expirationTime = computeInteractiveExpiration(currentTime);
+        break;
+      case NormalPriority:
+      case LowPriority:
+        // TODO: Handle LowPriority
+        // TODO: Rename this to... something better.
+        expirationTime = computeAsyncExpiration(currentTime);
+        break;
+      case IdlePriority:
+        expirationTime = Never;
+        break;
+      default:
+        (function() {
+          {
+            throw ReactError(Error("Expected a valid priority level"));
+          }
+        })();
+    }
   }
 
   // If we're in the middle of rendering a tree, do not update at the same
   // expiration time that is already rendering.
+  // TODO: We shouldn't have to do this if the update is on a different root.
+  // Refactor computeExpirationForFiber + scheduleUpdate so we have access to
+  // the root when we check for this condition.
   if (workInProgressRoot !== null && expirationTime === renderExpirationTime) {
     // This is a trick to move this update into a separate batch
     expirationTime -= 1;
@@ -17100,8 +18524,20 @@ function scheduleUpdateOnFiber(fiber, expirationTime) {
   checkForInterruption(fiber, expirationTime);
   recordScheduleUpdate();
 
+  // TODO: computeExpirationForFiber also reads the priority. Pass the
+  // priority as an argument to that function and this one.
+  var priorityLevel = getCurrentPriorityLevel();
+
   if (expirationTime === Sync) {
-    if (workPhase === LegacyUnbatchedPhase) {
+    if (
+      // Check if we're inside unbatchedUpdates
+      (executionContext & LegacyUnbatchedContext) !== NoContext &&
+      // Check if we're not already rendering
+      (executionContext & (RenderContext | CommitContext)) === NoContext
+    ) {
+      // Register pending interactions on the root to avoid losing traced interaction data.
+      schedulePendingInteractions(root, expirationTime);
+
       // This is a legacy edge case. The initial mount of a ReactDOM.render-ed
       // root inside of batchedUpdates should be synchronous, but layout updates
       // should be deferred until the end of the batch.
@@ -17111,35 +18547,36 @@ function scheduleUpdateOnFiber(fiber, expirationTime) {
       }
     } else {
       scheduleCallbackForRoot(root, ImmediatePriority, Sync);
-      if (workPhase === NotWorking) {
+      if (executionContext === NoContext) {
         // Flush the synchronous work now, wnless 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-initated
+        // without immediately flushing it. We only do this for user-initiated
         // updates, to preserve historical behavior of sync mode.
-        flushImmediateQueue();
+        flushSyncCallbackQueue();
       }
     }
   } else {
-    // TODO: computeExpirationForFiber also reads the priority. Pass the
-    // priority as an argument to that function and this one.
-    var priorityLevel = getCurrentPriorityLevel();
-    if (priorityLevel === UserBlockingPriority) {
-      // This is the result of a discrete event. Track the lowest priority
-      // discrete update per root so we can flush them early, if needed.
-      if (rootsWithPendingDiscreteUpdates === null) {
-        rootsWithPendingDiscreteUpdates = new Map([[root, expirationTime]]);
-      } else {
-        var lastDiscreteTime = rootsWithPendingDiscreteUpdates.get(root);
-        if (
-          lastDiscreteTime === undefined ||
-          lastDiscreteTime > expirationTime
-        ) {
-          rootsWithPendingDiscreteUpdates.set(root, expirationTime);
-        }
+    scheduleCallbackForRoot(root, priorityLevel, expirationTime);
+  }
+
+  if (
+    (executionContext & DiscreteEventContext) !== NoContext &&
+    // Only updates at user-blocking priority or greater are considered
+    // discrete, even inside a discrete event.
+    (priorityLevel === UserBlockingPriority ||
+      priorityLevel === ImmediatePriority)
+  ) {
+    // This is the result of a discrete event. Track the lowest priority
+    // discrete update per root so we can flush them early, if needed.
+    if (rootsWithPendingDiscreteUpdates === null) {
+      rootsWithPendingDiscreteUpdates = new Map([[root, expirationTime]]);
+    } else {
+      var lastDiscreteTime = rootsWithPendingDiscreteUpdates.get(root);
+      if (lastDiscreteTime === undefined || lastDiscreteTime > expirationTime) {
+        rootsWithPendingDiscreteUpdates.set(root, expirationTime);
       }
     }
-    scheduleCallbackForRoot(root, priorityLevel, expirationTime);
   }
 }
 var scheduleWork = scheduleUpdateOnFiber;
@@ -17220,42 +18657,49 @@ function scheduleCallbackForRoot(root, priorityLevel, expirationTime) {
     }
     root.callbackExpirationTime = expirationTime;
 
-    var options = null;
-    if (expirationTime !== Sync && expirationTime !== Never) {
-      var timeout = expirationTimeToMs(expirationTime) - now();
-      if (timeout > 5000) {
-        // Sanity check. Should never take longer than 5 seconds.
-        // TODO: Add internal warning?
-        timeout = 5000;
+    if (expirationTime === Sync) {
+      // Sync React callbacks are scheduled on a special internal queue
+      root.callbackNode = scheduleSyncCallback(
+        runRootCallback.bind(
+          null,
+          root,
+          renderRoot.bind(null, root, expirationTime)
+        )
+      );
+    } else {
+      var options = null;
+      if (
+        !disableSchedulerTimeoutBasedOnReactExpirationTime &&
+        expirationTime !== Never
+      ) {
+        var timeout = expirationTimeToMs(expirationTime) - now();
+        options = { timeout: timeout };
       }
-      options = { timeout: timeout };
-    }
 
-    root.callbackNode = scheduleCallback(
-      priorityLevel,
-      runRootCallback.bind(
-        null,
-        root,
-        renderRoot.bind(null, root, expirationTime)
-      ),
-      options
-    );
-    if (
-      enableUserTimingAPI &&
-      expirationTime !== Sync &&
-      workPhase !== RenderPhase &&
-      workPhase !== CommitPhase
-    ) {
-      // Scheduled an async callback, and we're not already working. Add an
-      // entry to the flamegraph that shows we're waiting for a callback
-      // to fire.
-      startRequestCallbackTimer();
+      root.callbackNode = scheduleCallback(
+        priorityLevel,
+        runRootCallback.bind(
+          null,
+          root,
+          renderRoot.bind(null, root, expirationTime)
+        ),
+        options
+      );
+      if (
+        enableUserTimingAPI &&
+        expirationTime !== Sync &&
+        (executionContext & (RenderContext | CommitContext)) === NoContext
+      ) {
+        // Scheduled an async callback, and we're not already working. Add an
+        // entry to the flamegraph that shows we're waiting for a callback
+        // to fire.
+        startRequestCallbackTimer();
+      }
     }
   }
 
-  // Add the current set of interactions to the pending set associated with
-  // this root.
-  schedulePendingInteraction(root, expirationTime);
+  // Associate the current interactions with this new root+priority.
+  schedulePendingInteractions(root, expirationTime);
 }
 
 function runRootCallback(root, callback, isSync) {
@@ -17278,21 +18722,35 @@ function runRootCallback(root, callback, isSync) {
       root.callbackExpirationTime = NoWork;
     }
   }
-  // Flush any sync work that was scheduled by effects
-  if (!isBatchingUpdates && !isRendering) {
-    performSyncWork();
-  }
 }
 
-function flushInteractiveUpdates$1() {
-  if (workPhase === RenderPhase || workPhase === CommitPhase) {
-    // Can't synchronously flush interactive updates if React is already
-    // working. This is currently a no-op.
-    // TODO: Should we fire a warning? This happens if you synchronously invoke
-    // an input event inside an effect, like with `element.click()`.
+function flushDiscreteUpdates() {
+  // TODO: Should be able to flush inside batchedUpdates, but not inside `act`.
+  // However, `act` uses `batchedUpdates`, so there's no way to distinguish
+  // those two cases. Need to fix this before exposing flushDiscreteUpdates
+  // as a public API.
+  if (
+    (executionContext & (BatchedContext | RenderContext | CommitContext)) !==
+    NoContext
+  ) {
+    if (true && (executionContext & RenderContext) !== NoContext) {
+      warning$1(
+        false,
+        "unstable_flushDiscreteUpdates: Cannot flush updates when React is " +
+          "already rendering."
+      );
+    }
+    // We're already rendering, so we can't synchronously flush pending work.
+    // This is probably a nested event dispatch triggered by a lifecycle/effect,
+    // like `el.focus()`. Exit.
     return;
   }
   flushPendingDiscreteUpdates();
+  if (!revertPassiveEffectsChange) {
+    // If the discrete updates scheduled passive effects, flush them now so that
+    // they fire before the next serial event.
+    flushPassiveEffects();
+  }
 }
 
 function resolveLocksOnRoot(root, expirationTime) {
@@ -17302,8 +18760,6 @@ function resolveLocksOnRoot(root, expirationTime) {
     firstBatch._defer &&
     firstBatch._expirationTime >= expirationTime
   ) {
-    root.finishedWork = root.current.alternate;
-    root.pendingCommitExpirationTime = expirationTime;
     scheduleCallback(NormalPriority, function() {
       firstBatch._onComplete();
       return null;
@@ -17314,15 +18770,6 @@ function resolveLocksOnRoot(root, expirationTime) {
   }
 }
 
-function interactiveUpdates$1(fn, a, b, c) {
-  if (workPhase === NotWorking) {
-    // TODO: Remove this call. Instead of doing this automatically, the caller
-    // should explicitly call flushInteractiveUpdates.
-    flushPendingDiscreteUpdates();
-  }
-  return runWithPriority(UserBlockingPriority, fn.bind(null, a, b, c));
-}
-
 function flushPendingDiscreteUpdates() {
   if (rootsWithPendingDiscreteUpdates !== null) {
     // For each root with pending discrete updates, schedule a callback to
@@ -17330,33 +18777,84 @@ function flushPendingDiscreteUpdates() {
     var roots = rootsWithPendingDiscreteUpdates;
     rootsWithPendingDiscreteUpdates = null;
     roots.forEach(function(expirationTime, root) {
-      scheduleCallback(
-        ImmediatePriority,
-        renderRoot.bind(null, root, expirationTime)
-      );
+      scheduleSyncCallback(renderRoot.bind(null, root, expirationTime));
     });
     // Now flush the immediate queue.
-    flushImmediateQueue();
+    flushSyncCallbackQueue();
   }
 }
 
 function batchedUpdates$1(fn, a) {
-  if (workPhase !== NotWorking) {
-    // We're already working, or inside a batch, so batchedUpdates is a no-op.
+  var prevExecutionContext = executionContext;
+  executionContext |= BatchedContext;
+  try {
     return fn(a);
+  } finally {
+    executionContext = prevExecutionContext;
+    if (executionContext === NoContext) {
+      // Flush the immediate callbacks that were scheduled during this batch
+      flushSyncCallbackQueue();
+    }
   }
-  workPhase = BatchedPhase;
+}
+
+function batchedEventUpdates$1(fn, a) {
+  var prevExecutionContext = executionContext;
+  executionContext |= EventContext;
   try {
     return fn(a);
   } finally {
-    workPhase = NotWorking;
-    // Flush the immediate callbacks that were scheduled during this batch
-    flushImmediateQueue();
+    executionContext = prevExecutionContext;
+    if (executionContext === NoContext) {
+      // Flush the immediate callbacks that were scheduled during this batch
+      flushSyncCallbackQueue();
+    }
+  }
+}
+
+function discreteUpdates$1(fn, a, b, c) {
+  var prevExecutionContext = executionContext;
+  executionContext |= DiscreteEventContext;
+  try {
+    // Should this
+    return runWithPriority(UserBlockingPriority, fn.bind(null, a, b, c));
+  } finally {
+    executionContext = prevExecutionContext;
+    if (executionContext === NoContext) {
+      // Flush the immediate callbacks that were scheduled during this batch
+      flushSyncCallbackQueue();
+    }
+  }
+}
+
+function flushSync(fn, a) {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+    (function() {
+      {
+        throw ReactError(
+          Error(
+            "flushSync was called from inside a lifecycle method. It cannot be called when React is already rendering."
+          )
+        );
+      }
+    })();
+  }
+  var prevExecutionContext = executionContext;
+  executionContext |= BatchedContext;
+  try {
+    return runWithPriority(ImmediatePriority, fn.bind(null, a));
+  } finally {
+    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.
+    flushSyncCallbackQueue();
   }
 }
 
 function prepareFreshStack(root, expirationTime) {
-  root.pendingCommitExpirationTime = NoWork;
+  root.finishedWork = null;
+  root.finishedExpirationTime = NoWork;
 
   var timeoutHandle = root.timeoutHandle;
   if (timeoutHandle !== noTimeout) {
@@ -17378,17 +18876,25 @@ function prepareFreshStack(root, expirationTime) {
   workInProgress = createWorkInProgress(root.current, null, expirationTime);
   renderExpirationTime = expirationTime;
   workInProgressRootExitStatus = RootIncomplete;
-  workInProgressRootMostRecentEventTime = Sync;
+  workInProgressRootLatestProcessedExpirationTime = Sync;
+  workInProgressRootLatestSuspenseTimeout = Sync;
+  workInProgressRootCanSuspendUsingConfig = null;
+  workInProgressRootHasPendingPing = false;
+
+  if (enableSchedulerTracing) {
+    spawnedWorkDuringRender = null;
+  }
 
   {
     ReactStrictModeWarnings.discardPendingWarnings();
+    componentsThatTriggeredHighPriSuspend = null;
   }
 }
 
 function renderRoot(root, expirationTime, isSync) {
   (function() {
-    if (!(workPhase !== RenderPhase && workPhase !== CommitPhase)) {
-      throw ReactError("Should not already be working.");
+    if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+      throw ReactError(Error("Should not already be working."));
     }
   })();
 
@@ -17404,10 +18910,11 @@ function renderRoot(root, expirationTime, isSync) {
     return null;
   }
 
-  if (root.pendingCommitExpirationTime === expirationTime) {
+  if (isSync && root.finishedExpirationTime === expirationTime) {
     // There's already a pending commit at this expiration time.
-    root.pendingCommitExpirationTime = NoWork;
-    return commitRoot.bind(null, root, expirationTime);
+    // TODO: This is poorly factored. This case only exists for the
+    // batch.commit() API.
+    return commitRoot.bind(null, root);
   }
 
   flushPassiveEffects();
@@ -17416,14 +18923,34 @@ function renderRoot(root, expirationTime, isSync) {
   // and prepare a fresh one. Otherwise we'll continue where we left off.
   if (root !== workInProgressRoot || expirationTime !== renderExpirationTime) {
     prepareFreshStack(root, expirationTime);
-    startWorkOnPendingInteraction(root, expirationTime);
+    startWorkOnPendingInteractions(root, expirationTime);
+  } else if (workInProgressRootExitStatus === RootSuspendedWithDelay) {
+    // We could've received an update at a lower priority while we yielded.
+    // We're suspended in a delayed state. Once we complete this render we're
+    // just going to try to recover at the last pending time anyway so we might
+    // as well start doing that eagerly.
+    // Ideally we should be able to do this even for retries but we don't yet
+    // know if we're going to process an update which wants to commit earlier,
+    // and this path happens very early so it would happen too often. Instead,
+    // for that case, we'll wait until we complete.
+    if (workInProgressRootHasPendingPing) {
+      // We have a ping at this expiration. Let's restart to see if we get unblocked.
+      prepareFreshStack(root, expirationTime);
+    } else {
+      var lastPendingTime = root.lastPendingTime;
+      if (lastPendingTime < expirationTime) {
+        // There's lower priority work. It might be unsuspended. Try rendering
+        // at that level immediately, while preserving the position in the queue.
+        return renderRoot.bind(null, root, lastPendingTime);
+      }
+    }
   }
 
   // If we have a work-in-progress fiber, it means there's still work to do
   // in this root.
   if (workInProgress !== null) {
-    var prevWorkPhase = workPhase;
-    workPhase = RenderPhase;
+    var prevExecutionContext = executionContext;
+    executionContext |= RenderContext;
     var prevDispatcher = ReactCurrentDispatcher.current;
     if (prevDispatcher === null) {
       // The React isomorphic package does not include a default dispatcher.
@@ -17449,8 +18976,8 @@ function renderRoot(root, expirationTime, isSync) {
         var currentTime = requestCurrentTime();
         if (currentTime < expirationTime) {
           // Restart at the current time.
-          workPhase = prevWorkPhase;
-          resetContextDependences();
+          executionContext = prevExecutionContext;
+          resetContextDependencies();
           ReactCurrentDispatcher.current = prevDispatcher;
           if (enableSchedulerTracing) {
             tracing.__interactionsRef.current = prevInteractions;
@@ -17474,7 +19001,7 @@ function renderRoot(root, expirationTime, isSync) {
         break;
       } catch (thrownValue) {
         // Reset module-level state that was set during the render phase.
-        resetContextDependences();
+        resetContextDependencies();
         resetHooks();
 
         var sourceFiber = workInProgress;
@@ -17484,7 +19011,7 @@ function renderRoot(root, expirationTime, isSync) {
           // supposed to capture all errors that weren't caught by an error
           // boundary.
           prepareFreshStack(root, expirationTime);
-          workPhase = prevWorkPhase;
+          executionContext = prevExecutionContext;
           throw thrownValue;
         }
 
@@ -17507,8 +19034,8 @@ function renderRoot(root, expirationTime, isSync) {
       }
     } while (true);
 
-    workPhase = prevWorkPhase;
-    resetContextDependences();
+    executionContext = prevExecutionContext;
+    resetContextDependencies();
     ReactCurrentDispatcher.current = prevDispatcher;
     if (enableSchedulerTracing) {
       tracing.__interactionsRef.current = prevInteractions;
@@ -17528,6 +19055,9 @@ function renderRoot(root, expirationTime, isSync) {
   // something suspended, wait to commit it after a timeout.
   stopFinishedWorkLoopTimer();
 
+  root.finishedWork = root.current.alternate;
+  root.finishedExpirationTime = expirationTime;
+
   var isLocked = resolveLocksOnRoot(root, expirationTime);
   if (isLocked) {
     // This root has a lock that prevents it from committing. Exit. If we begin
@@ -17543,87 +19073,221 @@ function renderRoot(root, expirationTime, isSync) {
     case RootIncomplete: {
       (function() {
         {
-          throw ReactError("Should have a work-in-progress.");
+          throw ReactError(Error("Should have a work-in-progress."));
         }
       })();
     }
-    // Flow knows about invariant, so it compains if I add a break statement,
+    // 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
     case RootErrored: {
       // An error was thrown. First check if there is lower priority work
       // scheduled on this root.
-      var lastPendingTime = root.lastPendingTime;
-      if (root.lastPendingTime < expirationTime) {
+      var _lastPendingTime = root.lastPendingTime;
+      if (_lastPendingTime < expirationTime) {
         // There's lower priority work. Before raising the error, try rendering
         // at the lower priority to see if it fixes it. Use a continuation to
         // maintain the existing priority and position in the queue.
-        return renderRoot.bind(null, root, lastPendingTime);
+        return renderRoot.bind(null, root, _lastPendingTime);
       }
       if (!isSync) {
         // If we're rendering asynchronously, it's possible the error was
         // caused by tearing due to a mutation during an event. Try rendering
         // one more time without yiedling to events.
         prepareFreshStack(root, expirationTime);
-        scheduleCallback(
-          ImmediatePriority,
-          renderRoot.bind(null, root, expirationTime)
-        );
+        scheduleSyncCallback(renderRoot.bind(null, root, expirationTime));
         return null;
       }
       // If we're already rendering synchronously, commit the root in its
       // errored state.
-      return commitRoot.bind(null, root, expirationTime);
+      return commitRoot.bind(null, root);
     }
     case RootSuspended: {
-      if (!isSync) {
-        var _lastPendingTime = root.lastPendingTime;
-        if (root.lastPendingTime < expirationTime) {
+      flushSuspensePriorityWarningInDEV();
+
+      // We have an acceptable loading state. We need to figure out if we should
+      // immediately commit it or wait a bit.
+
+      // If we have processed new updates during this render, we may now have a
+      // new loading state ready. We want to ensure that we commit that as soon as
+      // possible.
+      var hasNotProcessedNewUpdates =
+        workInProgressRootLatestProcessedExpirationTime === Sync;
+      if (
+        hasNotProcessedNewUpdates &&
+        !isSync &&
+        // do not delay if we're inside an act() scope
+        !(true && flushSuspenseFallbacksInTests && IsThisRendererActing.current)
+      ) {
+        // If we have not processed any new updates during this pass, then this is
+        // either a retry of an existing fallback state or a hidden tree.
+        // Hidden trees shouldn't be batched with other work and after that's
+        // fixed it can only be a retry.
+        // We're going to 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.
+        if (msUntilTimeout > 10) {
+          if (workInProgressRootHasPendingPing) {
+            // This render was pinged but we didn't get to restart earlier so try
+            // restarting now instead.
+            prepareFreshStack(root, expirationTime);
+            return renderRoot.bind(null, root, expirationTime);
+          }
+          var _lastPendingTime2 = root.lastPendingTime;
+          if (_lastPendingTime2 < expirationTime) {
+            // There's lower priority work. It might be unsuspended. Try rendering
+            // at that level.
+            return renderRoot.bind(null, root, _lastPendingTime2);
+          }
+          // 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.
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            msUntilTimeout
+          );
+          return null;
+        }
+      }
+      // The work expired. Commit immediately.
+      return commitRoot.bind(null, root);
+    }
+    case RootSuspendedWithDelay: {
+      flushSuspensePriorityWarningInDEV();
+
+      if (
+        !isSync &&
+        // do not delay if we're inside an act() scope
+        !(true && flushSuspenseFallbacksInTests && IsThisRendererActing.current)
+      ) {
+        // We're suspended in a state that should be avoided. We'll try to avoid committing
+        // it for as long as the timeouts let us.
+        if (workInProgressRootHasPendingPing) {
+          // This render was pinged but we didn't get to restart earlier so try
+          // restarting now instead.
+          prepareFreshStack(root, expirationTime);
+          return renderRoot.bind(null, root, expirationTime);
+        }
+        var _lastPendingTime3 = root.lastPendingTime;
+        if (_lastPendingTime3 < expirationTime) {
           // There's lower priority work. It might be unsuspended. Try rendering
-          // at that level.
-          return renderRoot.bind(null, root, _lastPendingTime);
+          // at that level immediately.
+          return renderRoot.bind(null, root, _lastPendingTime3);
         }
-        // If workInProgressRootMostRecentEventTime is Sync, that means we didn't
-        // track any event times. That can happen if we retried but nothing switched
-        // from fallback to content. There's no reason to delay doing no work.
-        if (workInProgressRootMostRecentEventTime !== Sync) {
-          var msUntilTimeout = computeMsUntilTimeout(
-            workInProgressRootMostRecentEventTime,
-            expirationTime
+
+        var _msUntilTimeout = void 0;
+        if (workInProgressRootLatestSuspenseTimeout !== Sync) {
+          // We have processed a suspense config whose expiration time we can use as
+          // the timeout.
+          _msUntilTimeout =
+            expirationTimeToMs(workInProgressRootLatestSuspenseTimeout) - now();
+        } else if (workInProgressRootLatestProcessedExpirationTime === Sync) {
+          // This should never normally happen because only new updates cause
+          // delayed states, so we should have processed something. However,
+          // this could also happen in an offscreen tree.
+          _msUntilTimeout = 0;
+        } else {
+          // If we don't have a suspense config, we're going to use a heuristic to
+          var eventTimeMs = inferTimeFromExpirationTime(
+            workInProgressRootLatestProcessedExpirationTime
           );
-          // Don't bother with a very short suspense time.
-          if (msUntilTimeout > 10) {
-            // 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.
-            root.timeoutHandle = scheduleTimeout(
-              commitRoot.bind(null, root, expirationTime),
-              msUntilTimeout
-            );
-            return null;
+          var currentTimeMs = now();
+          var timeUntilExpirationMs =
+            expirationTimeToMs(expirationTime) - currentTimeMs;
+          var timeElapsed = currentTimeMs - eventTimeMs;
+          if (timeElapsed < 0) {
+            // We get this wrong some time since we estimate the time.
+            timeElapsed = 0;
+          }
+
+          _msUntilTimeout = jnd(timeElapsed) - timeElapsed;
+
+          // Clamp the timeout to the expiration time.
+          // TODO: Once the event time is exact instead of inferred from expiration time
+          // we don't need this.
+          if (timeUntilExpirationMs < _msUntilTimeout) {
+            _msUntilTimeout = timeUntilExpirationMs;
           }
         }
+
+        // Don't bother with a very short suspense time.
+        if (_msUntilTimeout > 10) {
+          // 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.
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            _msUntilTimeout
+          );
+          return null;
+        }
       }
       // The work expired. Commit immediately.
-      return commitRoot.bind(null, root, expirationTime);
+      return commitRoot.bind(null, root);
     }
     case RootCompleted: {
       // The work completed. Ready to commit.
-      return commitRoot.bind(null, root, expirationTime);
+      if (
+        !isSync &&
+        // do not delay if we're inside an act() scope
+        !(
+          true &&
+          flushSuspenseFallbacksInTests &&
+          IsThisRendererActing.current
+        ) &&
+        workInProgressRootLatestProcessedExpirationTime !== Sync &&
+        workInProgressRootCanSuspendUsingConfig !== null
+      ) {
+        // If we have exceeded the minimum loading delay, which probably
+        // means we have shown a spinner already, we might have to suspend
+        // a bit longer to ensure that the spinner is shown for enough time.
+        var _msUntilTimeout2 = computeMsUntilSuspenseLoadingDelay(
+          workInProgressRootLatestProcessedExpirationTime,
+          expirationTime,
+          workInProgressRootCanSuspendUsingConfig
+        );
+        if (_msUntilTimeout2 > 10) {
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            _msUntilTimeout2
+          );
+          return null;
+        }
+      }
+      return commitRoot.bind(null, root);
     }
     default: {
       (function() {
         {
-          throw ReactError("Unknown root exit status.");
+          throw ReactError(Error("Unknown root exit status."));
         }
       })();
     }
   }
 }
 
-function markRenderEventTime(expirationTime) {
-  if (expirationTime < workInProgressRootMostRecentEventTime) {
-    workInProgressRootMostRecentEventTime = expirationTime;
+function markCommitTimeOfFallback() {
+  globalMostRecentFallbackTime = now();
+}
+
+function markRenderEventTimeAndConfig(expirationTime, suspenseConfig) {
+  if (
+    expirationTime < workInProgressRootLatestProcessedExpirationTime &&
+    expirationTime > Never
+  ) {
+    workInProgressRootLatestProcessedExpirationTime = expirationTime;
+  }
+  if (suspenseConfig !== null) {
+    if (
+      expirationTime < workInProgressRootLatestSuspenseTimeout &&
+      expirationTime > Never
+    ) {
+      workInProgressRootLatestSuspenseTimeout = expirationTime;
+      // Most of the time we only have one config and getting wrong is not bad.
+      workInProgressRootCanSuspendUsingConfig = suspenseConfig;
+    }
   }
 }
 
@@ -17633,15 +19297,29 @@ function renderDidSuspend() {
   }
 }
 
-function renderDidError() {
+function renderDidSuspendDelayIfPossible() {
   if (
     workInProgressRootExitStatus === RootIncomplete ||
     workInProgressRootExitStatus === RootSuspended
   ) {
+    workInProgressRootExitStatus = RootSuspendedWithDelay;
+  }
+}
+
+function renderDidError() {
+  if (workInProgressRootExitStatus !== RootCompleted) {
     workInProgressRootExitStatus = RootErrored;
   }
 }
 
+// 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 === RootIncomplete;
+}
+
 function inferTimeFromExpirationTime(expirationTime) {
   // We don't know exactly when the update was scheduled, but we can infer an
   // approximate start time from the expiration time.
@@ -17649,6 +19327,20 @@ function inferTimeFromExpirationTime(expirationTime) {
   return earliestExpirationTimeMs - LOW_PRIORITY_EXPIRATION;
 }
 
+function inferTimeFromExpirationTimeWithSuspenseConfig(
+  expirationTime,
+  suspenseConfig
+) {
+  // We don't know exactly when the update was scheduled, but we can infer an
+  // approximate start time from the expiration time by subtracting the timeout
+  // that was added to the event time.
+  var earliestExpirationTimeMs = expirationTimeToMs(expirationTime);
+  return (
+    earliestExpirationTimeMs -
+    (suspenseConfig.timeoutMs | 0 || LOW_PRIORITY_EXPIRATION)
+  );
+}
+
 function workLoopSync() {
   // Already timed out, so perform work without checking if we need to yield.
   while (workInProgress !== null) {
@@ -17673,7 +19365,7 @@ function performUnitOfWork(unitOfWork) {
   setCurrentFiber(unitOfWork);
 
   var next = void 0;
-  if (enableProfilerTimer && (unitOfWork.mode & ProfileMode) !== NoContext) {
+  if (enableProfilerTimer && (unitOfWork.mode & ProfileMode) !== NoMode) {
     startProfilerTimer(unitOfWork);
     next = beginWork$$1(current$$1, unitOfWork, renderExpirationTime);
     stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, true);
@@ -17709,7 +19401,7 @@ function completeUnitOfWork(unitOfWork) {
       var next = void 0;
       if (
         !enableProfilerTimer ||
-        (workInProgress.mode & ProfileMode) === NoContext
+        (workInProgress.mode & ProfileMode) === NoMode
       ) {
         next = completeWork(current$$1, workInProgress, renderExpirationTime);
       } else {
@@ -17775,7 +19467,7 @@ function completeUnitOfWork(unitOfWork) {
 
       if (
         enableProfilerTimer &&
-        (workInProgress.mode & ProfileMode) !== NoContext
+        (workInProgress.mode & ProfileMode) !== NoMode
       ) {
         // Record the render duration for the fiber that errored.
         stopProfilerTimerIfRunningAndRecordDelta(workInProgress, false);
@@ -17839,7 +19531,7 @@ function resetChildExpirationTime(completedWork) {
   var newChildExpirationTime = NoWork;
 
   // Bubble up the earliest expiration time.
-  if (enableProfilerTimer && (completedWork.mode & ProfileMode) !== NoContext) {
+  if (enableProfilerTimer && (completedWork.mode & ProfileMode) !== NoMode) {
     // In profiling mode, resetChildExpirationTime is also used to reset
     // profiler durations.
     var actualDuration = completedWork.actualDuration;
@@ -17892,16 +19584,16 @@ function resetChildExpirationTime(completedWork) {
   completedWork.childExpirationTime = newChildExpirationTime;
 }
 
-function commitRoot(root, expirationTime) {
+function commitRoot(root) {
+  var renderPriorityLevel = getCurrentPriorityLevel();
   runWithPriority(
     ImmediatePriority,
-    commitRootImpl.bind(null, root, expirationTime)
+    commitRootImpl.bind(null, root, renderPriorityLevel)
   );
   // If there are passive effects, schedule a callback to flush them. This goes
   // outside commitRootImpl so that it inherits the priority of the render.
   if (rootWithPendingPassiveEffects !== null) {
-    var priorityLevel = getCurrentPriorityLevel();
-    scheduleCallback(priorityLevel, function() {
+    scheduleCallback(NormalPriority, function() {
       flushPassiveEffects();
       return null;
     });
@@ -17909,19 +19601,31 @@ function commitRoot(root, expirationTime) {
   return null;
 }
 
-function commitRootImpl(root, expirationTime) {
+function commitRootImpl(root, renderPriorityLevel) {
   flushPassiveEffects();
   flushRenderPhaseStrictModeWarningsInDEV();
 
   (function() {
-    if (!(workPhase !== RenderPhase && workPhase !== CommitPhase)) {
-      throw ReactError("Should not already be working.");
+    if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+      throw ReactError(Error("Should not already be working."));
     }
   })();
-  var finishedWork = root.current.alternate;
+
+  var finishedWork = root.finishedWork;
+  var expirationTime = root.finishedExpirationTime;
+  if (finishedWork === null) {
+    return null;
+  }
+  root.finishedWork = null;
+  root.finishedExpirationTime = NoWork;
+
   (function() {
-    if (!(finishedWork !== null)) {
-      throw ReactError("Should have a work-in-progress root.");
+    if (!(finishedWork !== root.current)) {
+      throw ReactError(
+        Error(
+          "Cannot commit the same tree as before. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
     }
   })();
 
@@ -17971,947 +19675,2068 @@ function commitRootImpl(root, expirationTime) {
     } else {
       firstEffect = finishedWork;
     }
-  } else {
-    // There is no effect on the root.
-    firstEffect = finishedWork.firstEffect;
+  } else {
+    // There is no effect on the root.
+    firstEffect = finishedWork.firstEffect;
+  }
+
+  if (firstEffect !== null) {
+    var prevExecutionContext = executionContext;
+    executionContext |= CommitContext;
+    var prevInteractions = null;
+    if (enableSchedulerTracing) {
+      prevInteractions = tracing.__interactionsRef.current;
+      tracing.__interactionsRef.current = root.memoizedInteractions;
+    }
+
+    // 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.
+    startCommitSnapshotEffectsTimer();
+    prepareForCommit(root.containerInfo);
+    nextEffect = firstEffect;
+    do {
+      {
+        invokeGuardedCallback(null, commitBeforeMutationEffects, null);
+        if (hasCaughtError()) {
+          (function() {
+            if (!(nextEffect !== null)) {
+              throw ReactError(Error("Should be working on an effect."));
+            }
+          })();
+          var error = clearCaughtError();
+          captureCommitPhaseError(nextEffect, error);
+          nextEffect = nextEffect.nextEffect;
+        }
+      }
+    } while (nextEffect !== null);
+    stopCommitSnapshotEffectsTimer();
+
+    if (enableProfilerTimer) {
+      // Mark the current commit time to be shared by all Profilers in this
+      // batch. This enables them to be grouped later.
+      recordCommitTime();
+    }
+
+    // The next phase is the mutation phase, where we mutate the host tree.
+    startCommitHostEffectsTimer();
+    nextEffect = firstEffect;
+    do {
+      {
+        invokeGuardedCallback(
+          null,
+          commitMutationEffects,
+          null,
+          renderPriorityLevel
+        );
+        if (hasCaughtError()) {
+          (function() {
+            if (!(nextEffect !== null)) {
+              throw ReactError(Error("Should be working on an effect."));
+            }
+          })();
+          var _error = clearCaughtError();
+          captureCommitPhaseError(nextEffect, _error);
+          nextEffect = nextEffect.nextEffect;
+        }
+      }
+    } while (nextEffect !== null);
+    stopCommitHostEffectsTimer();
+    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.
+    root.current = finishedWork;
+
+    // The next phase is the layout phase, where we call effects that read
+    // the host tree after it's been mutated. The idiomatic use case for this is
+    // layout, but class component lifecycles also fire here for legacy reasons.
+    startCommitLifeCyclesTimer();
+    nextEffect = firstEffect;
+    do {
+      {
+        invokeGuardedCallback(
+          null,
+          commitLayoutEffects,
+          null,
+          root,
+          expirationTime
+        );
+        if (hasCaughtError()) {
+          (function() {
+            if (!(nextEffect !== null)) {
+              throw ReactError(Error("Should be working on an effect."));
+            }
+          })();
+          var _error2 = clearCaughtError();
+          captureCommitPhaseError(nextEffect, _error2);
+          nextEffect = nextEffect.nextEffect;
+        }
+      }
+    } while (nextEffect !== null);
+    stopCommitLifeCyclesTimer();
+
+    nextEffect = null;
+
+    // Tell Scheduler to yield at the end of the frame, so the browser has an
+    // opportunity to paint.
+    requestPaint();
+
+    if (enableSchedulerTracing) {
+      tracing.__interactionsRef.current = prevInteractions;
+    }
+    executionContext = prevExecutionContext;
+  } 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.
+    startCommitSnapshotEffectsTimer();
+    stopCommitSnapshotEffectsTimer();
+    if (enableProfilerTimer) {
+      recordCommitTime();
+    }
+    startCommitHostEffectsTimer();
+    stopCommitHostEffectsTimer();
+    startCommitLifeCyclesTimer();
+    stopCommitLifeCyclesTimer();
+  }
+
+  stopCommitTimer();
+
+  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;
+    pendingPassiveEffectsExpirationTime = expirationTime;
+    pendingPassiveEffectsRenderPriority = renderPriorityLevel;
+  } else {
+    // We are done with the effect chain at this point so let's clear the
+    // nextEffect pointers to assist with GC. If we have passive effects, we'll
+    // clear this in flushPassiveEffects.
+    nextEffect = firstEffect;
+    while (nextEffect !== null) {
+      var nextNextEffect = nextEffect.nextEffect;
+      nextEffect.nextEffect = null;
+      nextEffect = nextNextEffect;
+    }
+  }
+
+  // Check if there's remaining work on this root
+  var remainingExpirationTime = root.firstPendingTime;
+  if (remainingExpirationTime !== NoWork) {
+    var currentTime = requestCurrentTime();
+    var priorityLevel = inferPriorityFromExpirationTime(
+      currentTime,
+      remainingExpirationTime
+    );
+
+    if (enableSchedulerTracing) {
+      if (spawnedWorkDuringRender !== null) {
+        var expirationTimes = spawnedWorkDuringRender;
+        spawnedWorkDuringRender = null;
+        for (var i = 0; i < expirationTimes.length; i++) {
+          scheduleInteractions(
+            root,
+            expirationTimes[i],
+            root.memoizedInteractions
+          );
+        }
+      }
+    }
+
+    scheduleCallbackForRoot(root, priorityLevel, remainingExpirationTime);
+  } else {
+    // If there's no remaining work, we can clear the set of already failed
+    // error boundaries.
+    legacyErrorBoundariesThatAlreadyFailed = null;
+  }
+
+  if (enableSchedulerTracing) {
+    if (!rootDidHavePassiveEffects) {
+      // If there are no passive effects, then we can complete the pending interactions.
+      // Otherwise, we'll wait until after the passive effects are flushed.
+      // Wait to do this until after remaining work has been scheduled,
+      // so that we don't prematurely signal complete for interactions when there's e.g. hidden work.
+      finishPendingInteractions(root, expirationTime);
+    }
+  }
+
+  onCommitRoot(finishedWork.stateNode, expirationTime);
+
+  if (remainingExpirationTime === Sync) {
+    // 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 {
+    nestedUpdateCount = 0;
+  }
+
+  if (hasUncaughtError) {
+    hasUncaughtError = false;
+    var _error3 = firstUncaughtError;
+    firstUncaughtError = null;
+    throw _error3;
+  }
+
+  if ((executionContext & LegacyUnbatchedContext) !== NoContext) {
+    // This is a legacy edge case. We just committed the initial mount of
+    // a ReactDOM.render-ed root inside of batchedUpdates. The commit fired
+    // synchronously, but layout updates should be deferred until the end
+    // of the batch.
+    return null;
+  }
+
+  // If layout work was scheduled, flush it now.
+  flushSyncCallbackQueue();
+  return null;
+}
+
+function commitBeforeMutationEffects() {
+  while (nextEffect !== null) {
+    if ((nextEffect.effectTag & Snapshot) !== NoEffect) {
+      setCurrentFiber(nextEffect);
+      recordEffect();
+
+      var current$$1 = nextEffect.alternate;
+      commitBeforeMutationLifeCycles(current$$1, nextEffect);
+
+      resetCurrentFiber();
+    }
+    nextEffect = nextEffect.nextEffect;
+  }
+}
+
+function commitMutationEffects(renderPriorityLevel) {
+  // TODO: Should probably move the bulk of this function to commitWork.
+  while (nextEffect !== null) {
+    setCurrentFiber(nextEffect);
+
+    var effectTag = nextEffect.effectTag;
+
+    if (effectTag & ContentReset) {
+      commitResetTextContent(nextEffect);
+    }
+
+    if (effectTag & Ref) {
+      var current$$1 = nextEffect.alternate;
+      if (current$$1 !== null) {
+        commitDetachRef(current$$1);
+      }
+    }
+
+    // The following switch statement is only concerned about placement,
+    // updates, and deletions. To avoid needing to add a case for every possible
+    // bitmap value, we remove the secondary effects from the effect tag and
+    // switch on that value.
+    var primaryEffectTag = effectTag & (Placement | Update | Deletion);
+    switch (primaryEffectTag) {
+      case Placement: {
+        commitPlacement(nextEffect);
+        // 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.
+        nextEffect.effectTag &= ~Placement;
+        break;
+      }
+      case PlacementAndUpdate: {
+        // Placement
+        commitPlacement(nextEffect);
+        // Clear the "placement" from effect tag so that we know that this is
+        // inserted, before any life-cycles like componentDidMount gets called.
+        nextEffect.effectTag &= ~Placement;
+
+        // Update
+        var _current = nextEffect.alternate;
+        commitWork(_current, nextEffect);
+        break;
+      }
+      case Update: {
+        var _current2 = nextEffect.alternate;
+        commitWork(_current2, nextEffect);
+        break;
+      }
+      case Deletion: {
+        commitDeletion(nextEffect, renderPriorityLevel);
+        break;
+      }
+    }
+
+    // TODO: Only record a mutation effect if primaryEffectTag is non-zero.
+    recordEffect();
+
+    resetCurrentFiber();
+    nextEffect = nextEffect.nextEffect;
+  }
+}
+
+function commitLayoutEffects(root, committedExpirationTime) {
+  // TODO: Should probably move the bulk of this function to commitWork.
+  while (nextEffect !== null) {
+    setCurrentFiber(nextEffect);
+
+    var effectTag = nextEffect.effectTag;
+
+    if (effectTag & (Update | Callback)) {
+      recordEffect();
+      var current$$1 = nextEffect.alternate;
+      commitLifeCycles(root, current$$1, nextEffect, committedExpirationTime);
+    }
+
+    if (effectTag & Ref) {
+      recordEffect();
+      commitAttachRef(nextEffect);
+    }
+
+    if (effectTag & Passive) {
+      rootDoesHavePassiveEffects = true;
+    }
+
+    resetCurrentFiber();
+    nextEffect = nextEffect.nextEffect;
+  }
+}
+
+function flushPassiveEffects() {
+  if (rootWithPendingPassiveEffects === null) {
+    return false;
+  }
+  var root = rootWithPendingPassiveEffects;
+  var expirationTime = pendingPassiveEffectsExpirationTime;
+  var renderPriorityLevel = pendingPassiveEffectsRenderPriority;
+  rootWithPendingPassiveEffects = null;
+  pendingPassiveEffectsExpirationTime = NoWork;
+  pendingPassiveEffectsRenderPriority = NoPriority;
+  var priorityLevel =
+    renderPriorityLevel > NormalPriority ? NormalPriority : renderPriorityLevel;
+  return runWithPriority(
+    priorityLevel,
+    flushPassiveEffectsImpl.bind(null, root, expirationTime)
+  );
+}
+
+function flushPassiveEffectsImpl(root, expirationTime) {
+  var prevInteractions = null;
+  if (enableSchedulerTracing) {
+    prevInteractions = tracing.__interactionsRef.current;
+    tracing.__interactionsRef.current = root.memoizedInteractions;
+  }
+
+  (function() {
+    if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+      throw ReactError(
+        Error("Cannot flush passive effects while already rendering.")
+      );
+    }
+  })();
+  var prevExecutionContext = executionContext;
+  executionContext |= CommitContext;
+
+  // Note: This currently assumes there are no passive effects on the root
+  // fiber, because the root is not part of its own effect list. This could
+  // change in the future.
+  var effect = root.current.firstEffect;
+  while (effect !== null) {
+    {
+      setCurrentFiber(effect);
+      invokeGuardedCallback(null, commitPassiveHookEffects, null, effect);
+      if (hasCaughtError()) {
+        (function() {
+          if (!(effect !== null)) {
+            throw ReactError(Error("Should be working on an effect."));
+          }
+        })();
+        var error = clearCaughtError();
+        captureCommitPhaseError(effect, error);
+      }
+      resetCurrentFiber();
+    }
+    var nextNextEffect = effect.nextEffect;
+    // Remove nextEffect pointer to assist GC
+    effect.nextEffect = null;
+    effect = nextNextEffect;
+  }
+
+  if (enableSchedulerTracing) {
+    tracing.__interactionsRef.current = prevInteractions;
+    finishPendingInteractions(root, expirationTime);
+  }
+
+  executionContext = prevExecutionContext;
+  flushSyncCallbackQueue();
+
+  // If additional passive effects were scheduled, increment a counter. If this
+  // exceeds the limit, we'll fire a warning.
+  nestedPassiveUpdateCount =
+    rootWithPendingPassiveEffects === null ? 0 : nestedPassiveUpdateCount + 1;
+
+  return true;
+}
+
+function isAlreadyFailedLegacyErrorBoundary(instance) {
+  return (
+    legacyErrorBoundariesThatAlreadyFailed !== null &&
+    legacyErrorBoundariesThatAlreadyFailed.has(instance)
+  );
+}
+
+function markLegacyErrorBoundaryAsFailed(instance) {
+  if (legacyErrorBoundariesThatAlreadyFailed === null) {
+    legacyErrorBoundariesThatAlreadyFailed = new Set([instance]);
+  } else {
+    legacyErrorBoundariesThatAlreadyFailed.add(instance);
+  }
+}
+
+function prepareToThrowUncaughtError(error) {
+  if (!hasUncaughtError) {
+    hasUncaughtError = true;
+    firstUncaughtError = error;
+  }
+}
+var onUncaughtError = prepareToThrowUncaughtError;
+
+function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
+  var errorInfo = createCapturedValue(error, sourceFiber);
+  var update = createRootErrorUpdate(rootFiber, errorInfo, Sync);
+  enqueueUpdate(rootFiber, update);
+  var root = markUpdateTimeFromFiberToRoot(rootFiber, Sync);
+  if (root !== null) {
+    scheduleCallbackForRoot(root, ImmediatePriority, Sync);
+  }
+}
+
+function captureCommitPhaseError(sourceFiber, error) {
+  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);
+    return;
+  }
+
+  var fiber = sourceFiber.return;
+  while (fiber !== null) {
+    if (fiber.tag === HostRoot) {
+      captureCommitPhaseErrorOnRoot(fiber, sourceFiber, error);
+      return;
+    } else if (fiber.tag === ClassComponent) {
+      var ctor = fiber.type;
+      var instance = fiber.stateNode;
+      if (
+        typeof ctor.getDerivedStateFromError === "function" ||
+        (typeof instance.componentDidCatch === "function" &&
+          !isAlreadyFailedLegacyErrorBoundary(instance))
+      ) {
+        var errorInfo = createCapturedValue(error, sourceFiber);
+        var update = createClassErrorUpdate(
+          fiber,
+          errorInfo,
+          // TODO: This is always sync
+          Sync
+        );
+        enqueueUpdate(fiber, update);
+        var root = markUpdateTimeFromFiberToRoot(fiber, Sync);
+        if (root !== null) {
+          scheduleCallbackForRoot(root, ImmediatePriority, Sync);
+        }
+        return;
+      }
+    }
+    fiber = fiber.return;
+  }
+}
+
+function pingSuspendedRoot(root, thenable, suspendedTime) {
+  var pingCache = root.pingCache;
+  if (pingCache !== null) {
+    // The thenable resolved, so we no longer need to memoize, because it will
+    // never be thrown again.
+    pingCache.delete(thenable);
+  }
+
+  if (workInProgressRoot === root && renderExpirationTime === suspendedTime) {
+    // 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, we'll always suspend so we can always
+    // restart. If we're suspended without any updates, it might be a retry.
+    // If it's early in the retry we can restart. We can't know for sure
+    // whether we'll eventually process an update during this render pass,
+    // but it's somewhat unlikely that we get to a ping before that, since
+    // getting to the root most update is usually very fast.
+    if (
+      workInProgressRootExitStatus === RootSuspendedWithDelay ||
+      (workInProgressRootExitStatus === RootSuspended &&
+        workInProgressRootLatestProcessedExpirationTime === Sync &&
+        now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
+    ) {
+      // Restart from the root. Don't need to schedule a ping because
+      // we're already working on this tree.
+      prepareFreshStack(root, renderExpirationTime);
+    } else {
+      // Even though we can't restart right now, we might get an
+      // opportunity later. So we mark this render as having a ping.
+      workInProgressRootHasPendingPing = true;
+    }
+    return;
+  }
+
+  var lastPendingTime = root.lastPendingTime;
+  if (lastPendingTime < suspendedTime) {
+    // The root is no longer suspended at this time.
+    return;
+  }
+
+  var pingTime = root.pingTime;
+  if (pingTime !== NoWork && pingTime < suspendedTime) {
+    // There's already a lower priority ping scheduled.
+    return;
+  }
+
+  // Mark the time at which this ping was scheduled.
+  root.pingTime = suspendedTime;
+
+  if (root.finishedExpirationTime === suspendedTime) {
+    // If there's a pending fallback waiting to commit, throw it away.
+    root.finishedExpirationTime = NoWork;
+    root.finishedWork = null;
+  }
+
+  var currentTime = requestCurrentTime();
+  var priorityLevel = inferPriorityFromExpirationTime(
+    currentTime,
+    suspendedTime
+  );
+  scheduleCallbackForRoot(root, priorityLevel, suspendedTime);
+}
+
+function retryTimedOutBoundary(boundaryFiber) {
+  // 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 expiration time.
+  var currentTime = requestCurrentTime();
+  var suspenseConfig = null; // Retries don't carry over the already committed update.
+  var retryTime = computeExpirationForFiber(
+    currentTime,
+    boundaryFiber,
+    suspenseConfig
+  );
+  // TODO: Special case idle priority?
+  var priorityLevel = inferPriorityFromExpirationTime(currentTime, retryTime);
+  var root = markUpdateTimeFromFiberToRoot(boundaryFiber, retryTime);
+  if (root !== null) {
+    scheduleCallbackForRoot(root, priorityLevel, retryTime);
+  }
+}
+
+function resolveRetryThenable(boundaryFiber, thenable) {
+  var retryCache = void 0;
+  if (enableSuspenseServerRenderer) {
+    switch (boundaryFiber.tag) {
+      case SuspenseComponent:
+        retryCache = boundaryFiber.stateNode;
+        break;
+      case DehydratedSuspenseComponent:
+        retryCache = boundaryFiber.memoizedState;
+        break;
+      default:
+        (function() {
+          {
+            throw ReactError(
+              Error(
+                "Pinged unknown suspense boundary type. This is probably a bug in React."
+              )
+            );
+          }
+        })();
+    }
+  } else {
+    retryCache = boundaryFiber.stateNode;
+  }
+
+  if (retryCache !== null) {
+    // The thenable resolved, so we no longer need to memoize, because it will
+    // never be thrown again.
+    retryCache.delete(thenable);
+  }
+
+  retryTimedOutBoundary(boundaryFiber);
+}
+
+// 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;
+}
+
+function computeMsUntilSuspenseLoadingDelay(
+  mostRecentEventTime,
+  committedExpirationTime,
+  suspenseConfig
+) {
+  var busyMinDurationMs = suspenseConfig.busyMinDurationMs | 0;
+  if (busyMinDurationMs <= 0) {
+    return 0;
+  }
+  var busyDelayMs = suspenseConfig.busyDelayMs | 0;
+
+  // Compute the time until this render pass would expire.
+  var currentTimeMs = now();
+  var eventTimeMs = inferTimeFromExpirationTimeWithSuspenseConfig(
+    mostRecentEventTime,
+    suspenseConfig
+  );
+  var timeElapsed = currentTimeMs - eventTimeMs;
+  if (timeElapsed <= busyDelayMs) {
+    // If we haven't yet waited longer than the initial delay, we don't
+    // have to wait any additional time.
+    return 0;
+  }
+  var msUntilTimeout = busyDelayMs + busyMinDurationMs - timeElapsed;
+  // This is the value that is passed to `setTimeout`.
+  return msUntilTimeout;
+}
+
+function checkForNestedUpdates() {
+  if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
+    nestedUpdateCount = 0;
+    rootWithNestedUpdates = null;
+    (function() {
+      {
+        throw ReactError(
+          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;
+      warning$1(
+        false,
+        "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."
+      );
+    }
+  }
+}
+
+function flushRenderPhaseStrictModeWarningsInDEV() {
+  {
+    ReactStrictModeWarnings.flushLegacyContextWarning();
+
+    if (warnAboutDeprecatedLifecycles) {
+      ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings();
+    }
+  }
+}
+
+function stopFinishedWorkLoopTimer() {
+  var didCompleteRoot = true;
+  stopWorkLoopTimer(interruptedBy, didCompleteRoot);
+  interruptedBy = null;
+}
+
+function stopInterruptedWorkLoopTimer() {
+  // TODO: Track which fiber caused the interruption.
+  var didCompleteRoot = false;
+  stopWorkLoopTimer(interruptedBy, didCompleteRoot);
+  interruptedBy = null;
+}
+
+function checkForInterruption(fiberThatReceivedUpdate, updateExpirationTime) {
+  if (
+    enableUserTimingAPI &&
+    workInProgressRoot !== null &&
+    updateExpirationTime > renderExpirationTime
+  ) {
+    interruptedBy = fiberThatReceivedUpdate;
+  }
+}
+
+var didWarnStateUpdateForUnmountedComponent = null;
+function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {
+  {
+    var tag = fiber.tag;
+    if (
+      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 = getComponentName(fiber.type) || "ReactComponent";
+    if (didWarnStateUpdateForUnmountedComponent !== null) {
+      if (didWarnStateUpdateForUnmountedComponent.has(componentName)) {
+        return;
+      }
+      didWarnStateUpdateForUnmountedComponent.add(componentName);
+    } else {
+      didWarnStateUpdateForUnmountedComponent = new Set([componentName]);
+    }
+    warningWithoutStack$1(
+      false,
+      "Can't perform a React state update on an unmounted component. This " +
+        "is a no-op, but it indicates a memory leak in your application. To " +
+        "fix, cancel all subscriptions and asynchronous tasks in %s.%s",
+      tag === ClassComponent
+        ? "the componentWillUnmount method"
+        : "a useEffect cleanup function",
+      getStackByFiberInDevAndProd(fiber)
+    );
+  }
+}
+
+var beginWork$$1 = void 0;
+if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
+  var dummyFiber = null;
+  beginWork$$1 = function(current$$1, unitOfWork, expirationTime) {
+    // 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$1(current$$1, unitOfWork, expirationTime);
+    } catch (originalError) {
+      if (
+        originalError !== null &&
+        typeof originalError === "object" &&
+        typeof originalError.then === "function"
+      ) {
+        // Don't replay promises. Treat everything else like an error.
+        throw originalError;
+      }
+
+      // Keep this code in sync with renderRoot; any changes here must have
+      // corresponding changes there.
+      resetContextDependencies();
+      resetHooks();
+
+      // Unwind the failed stack frame
+      unwindInterruptedWork(unitOfWork);
+
+      // Restore the original properties of the fiber.
+      assignFiberPropertiesInDEV(unitOfWork, originalWorkInProgressCopy);
+
+      if (enableProfilerTimer && unitOfWork.mode & ProfileMode) {
+        // Reset the profiler timer.
+        startProfilerTimer(unitOfWork);
+      }
+
+      // Run beginWork again.
+      invokeGuardedCallback(
+        null,
+        beginWork$1,
+        null,
+        current$$1,
+        unitOfWork,
+        expirationTime
+      );
+
+      if (hasCaughtError()) {
+        var replayError = clearCaughtError();
+        // `invokeGuardedCallback` sometimes sets an expando `_suppressLogging`.
+        // Rethrow this error instead of the original one.
+        throw replayError;
+      } else {
+        // This branch is reachable if the render phase is impure.
+        throw originalError;
+      }
+    }
+  };
+} else {
+  beginWork$$1 = beginWork$1;
+}
+
+var didWarnAboutUpdateInRender = false;
+var didWarnAboutUpdateInGetChildContext = false;
+function warnAboutInvalidUpdatesOnClassComponentsInDEV(fiber) {
+  {
+    if (fiber.tag === ClassComponent) {
+      switch (phase) {
+        case "getChildContext":
+          if (didWarnAboutUpdateInGetChildContext) {
+            return;
+          }
+          warningWithoutStack$1(
+            false,
+            "setState(...): Cannot call setState() inside getChildContext()"
+          );
+          didWarnAboutUpdateInGetChildContext = true;
+          break;
+        case "render":
+          if (didWarnAboutUpdateInRender) {
+            return;
+          }
+          warningWithoutStack$1(
+            false,
+            "Cannot update during an existing state transition (such as " +
+              "within `render`). Render methods should be a pure function of " +
+              "props and state."
+          );
+          didWarnAboutUpdateInRender = true;
+          break;
+      }
+    }
+  }
+}
+
+// a 'shared' variable that changes when act() opens/closes in tests.
+var IsThisRendererActing = { current: false };
+
+function warnIfNotScopedWithMatchingAct(fiber) {
+  {
+    if (
+      warnsIfNotActing === true &&
+      IsSomeRendererActing.current === true &&
+      IsThisRendererActing.current !== true
+    ) {
+      warningWithoutStack$1(
+        false,
+        "It looks like you're using the wrong act() around your test interactions.\n" +
+          "Be sure to use the matching version of act() corresponding to your renderer:\n\n" +
+          "// for react-dom:\n" +
+          "import {act} from 'react-dom/test-utils';\n" +
+          "// ...\n" +
+          "act(() => ...);\n\n" +
+          "// for react-test-renderer:\n" +
+          "import TestRenderer from 'react-test-renderer';\n" +
+          "const {act} = TestRenderer;\n" +
+          "// ...\n" +
+          "act(() => ...);" +
+          "%s",
+        getStackByFiberInDevAndProd(fiber)
+      );
+    }
+  }
+}
+
+function warnIfNotCurrentlyActingEffectsInDEV(fiber) {
+  {
+    if (
+      warnsIfNotActing === true &&
+      (fiber.mode & StrictMode) !== NoMode &&
+      IsSomeRendererActing.current === false &&
+      IsThisRendererActing.current === false
+    ) {
+      warningWithoutStack$1(
+        false,
+        "An update to %s ran an effect, but 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://fb.me/react-wrap-tests-with-act" +
+          "%s",
+        getComponentName(fiber.type),
+        getStackByFiberInDevAndProd(fiber)
+      );
+    }
   }
+}
 
-  if (firstEffect !== null) {
-    var prevWorkPhase = workPhase;
-    workPhase = CommitPhase;
-    var prevInteractions = null;
-    if (enableSchedulerTracing) {
-      prevInteractions = tracing.__interactionsRef.current;
-      tracing.__interactionsRef.current = root.memoizedInteractions;
+function warnIfNotCurrentlyActingUpdatesInDEV(fiber) {
+  {
+    if (
+      warnsIfNotActing === true &&
+      executionContext === NoContext &&
+      IsSomeRendererActing.current === false &&
+      IsThisRendererActing.current === false
+    ) {
+      warningWithoutStack$1(
+        false,
+        "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://fb.me/react-wrap-tests-with-act" +
+          "%s",
+        getComponentName(fiber.type),
+        getStackByFiberInDevAndProd(fiber)
+      );
     }
+  }
+}
 
-    // Reset this to null before calling lifecycles
-    ReactCurrentOwner$2.current = null;
+var warnIfNotCurrentlyActingUpdatesInDev = warnIfNotCurrentlyActingUpdatesInDEV;
 
-    // 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.
+// In tests, we want to enforce a mocked scheduler.
+var didWarnAboutUnmockedScheduler = false;
+// TODO Before we release concurrent mode, revisit this and decide whether a mocked
+// scheduler is the actual recommendation. The alternative could be a testing build,
+// a new lib, or whatever; we dunno just yet. This message is for early adopters
+// to get their tests right.
 
-    // 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.
-    startCommitSnapshotEffectsTimer();
-    prepareForCommit(root.containerInfo);
-    nextEffect = firstEffect;
-    do {
-      {
-        invokeGuardedCallback(null, commitBeforeMutationEffects, null);
-        if (hasCaughtError()) {
-          (function() {
-            if (!(nextEffect !== null)) {
-              throw ReactError("Should be working on an effect.");
-            }
-          })();
-          var error = clearCaughtError();
-          captureCommitPhaseError(nextEffect, error);
-          nextEffect = nextEffect.nextEffect;
-        }
+function warnIfUnmockedScheduler(fiber) {
+  {
+    if (
+      didWarnAboutUnmockedScheduler === false &&
+      Scheduler.unstable_flushAllWithoutAsserting === undefined
+    ) {
+      if (fiber.mode & BatchedMode || fiber.mode & ConcurrentMode) {
+        didWarnAboutUnmockedScheduler = true;
+        warningWithoutStack$1(
+          false,
+          'In Concurrent or Sync modes, the "scheduler" module needs to be mocked ' +
+            "to guarantee consistent behaviour across tests and browsers. " +
+            "For example, with jest: \n" +
+            "jest.mock('scheduler', () => require('scheduler/unstable_mock'));\n\n" +
+            "For more info, visit https://fb.me/react-mock-scheduler"
+        );
+      } else if (warnAboutUnmockedScheduler === true) {
+        didWarnAboutUnmockedScheduler = true;
+        warningWithoutStack$1(
+          false,
+          'Starting from React v17, the "scheduler" module will need to be mocked ' +
+            "to guarantee consistent behaviour across tests and browsers. " +
+            "For example, with jest: \n" +
+            "jest.mock('scheduler', () => require('scheduler/unstable_mock'));\n\n" +
+            "For more info, visit https://fb.me/react-mock-scheduler"
+        );
       }
-    } while (nextEffect !== null);
-    stopCommitSnapshotEffectsTimer();
-
-    if (enableProfilerTimer) {
-      // Mark the current commit time to be shared by all Profilers in this
-      // batch. This enables them to be grouped later.
-      recordCommitTime();
     }
+  }
+}
 
-    // The next phase is the mutation phase, where we mutate the host tree.
-    startCommitHostEffectsTimer();
-    nextEffect = firstEffect;
-    do {
-      {
-        invokeGuardedCallback(null, commitMutationEffects, null);
-        if (hasCaughtError()) {
-          (function() {
-            if (!(nextEffect !== null)) {
-              throw ReactError("Should be working on an effect.");
-            }
-          })();
-          var _error = clearCaughtError();
-          captureCommitPhaseError(nextEffect, _error);
-          nextEffect = nextEffect.nextEffect;
+var componentsThatTriggeredHighPriSuspend = null;
+function checkForWrongSuspensePriorityInDEV(sourceFiber) {
+  {
+    var currentPriorityLevel = getCurrentPriorityLevel();
+    if (
+      (sourceFiber.mode & ConcurrentMode) !== NoEffect &&
+      (currentPriorityLevel === UserBlockingPriority ||
+        currentPriorityLevel === ImmediatePriority)
+    ) {
+      var workInProgressNode = sourceFiber;
+      while (workInProgressNode !== null) {
+        // Add the component that triggered the suspense
+        var current$$1 = workInProgressNode.alternate;
+        if (current$$1 !== null) {
+          // TODO: warn component that triggers the high priority
+          // suspend is the HostRoot
+          switch (workInProgressNode.tag) {
+            case ClassComponent:
+              // Loop through the component's update queue and see whether the component
+              // has triggered any high priority updates
+              var updateQueue = current$$1.updateQueue;
+              if (updateQueue !== null) {
+                var update = updateQueue.firstUpdate;
+                while (update !== null) {
+                  var priorityLevel = update.priority;
+                  if (
+                    priorityLevel === UserBlockingPriority ||
+                    priorityLevel === ImmediatePriority
+                  ) {
+                    if (componentsThatTriggeredHighPriSuspend === null) {
+                      componentsThatTriggeredHighPriSuspend = new Set([
+                        getComponentName(workInProgressNode.type)
+                      ]);
+                    } else {
+                      componentsThatTriggeredHighPriSuspend.add(
+                        getComponentName(workInProgressNode.type)
+                      );
+                    }
+                    break;
+                  }
+                  update = update.next;
+                }
+              }
+              break;
+            case FunctionComponent:
+            case ForwardRef:
+            case SimpleMemoComponent:
+              if (
+                workInProgressNode.memoizedState !== null &&
+                workInProgressNode.memoizedState.baseUpdate !== null
+              ) {
+                var _update = workInProgressNode.memoizedState.baseUpdate;
+                // Loop through the functional component's memoized state to see whether
+                // the component has triggered any high pri updates
+                while (_update !== null) {
+                  var priority = _update.priority;
+                  if (
+                    priority === UserBlockingPriority ||
+                    priority === ImmediatePriority
+                  ) {
+                    if (componentsThatTriggeredHighPriSuspend === null) {
+                      componentsThatTriggeredHighPriSuspend = new Set([
+                        getComponentName(workInProgressNode.type)
+                      ]);
+                    } else {
+                      componentsThatTriggeredHighPriSuspend.add(
+                        getComponentName(workInProgressNode.type)
+                      );
+                    }
+                    break;
+                  }
+                  if (
+                    _update.next === workInProgressNode.memoizedState.baseUpdate
+                  ) {
+                    break;
+                  }
+                  _update = _update.next;
+                }
+              }
+              break;
+            default:
+              break;
+          }
         }
+        workInProgressNode = workInProgressNode.return;
       }
-    } while (nextEffect !== null);
-    stopCommitHostEffectsTimer();
-    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.
-    root.current = finishedWork;
+function flushSuspensePriorityWarningInDEV() {
+  {
+    if (componentsThatTriggeredHighPriSuspend !== null) {
+      var componentNames = [];
+      componentsThatTriggeredHighPriSuspend.forEach(function(name) {
+        return componentNames.push(name);
+      });
+      componentsThatTriggeredHighPriSuspend = null;
 
-    // The next phase is the layout phase, where we call effects that read
-    // the host tree after it's been mutated. The idiomatic use case for this is
-    // layout, but class component lifecycles also fire here for legacy reasons.
-    startCommitLifeCyclesTimer();
-    nextEffect = firstEffect;
-    do {
-      {
-        invokeGuardedCallback(
-          null,
-          commitLayoutEffects,
-          null,
-          root,
-          expirationTime
+      if (componentNames.length > 0) {
+        warningWithoutStack$1(
+          false,
+          "%s triggered a user-blocking update that suspended." +
+            "\n\n" +
+            "The fix is to split the update into multiple parts: a user-blocking " +
+            "update to provide immediate feedback, and another update that " +
+            "triggers the bulk of the changes." +
+            "\n\n" +
+            "Refer to the documentation for useSuspenseTransition to learn how " +
+            "to implement this pattern.",
+          // TODO: Add link to React docs with more information, once it exists
+          componentNames.sort().join(", ")
         );
-        if (hasCaughtError()) {
-          (function() {
-            if (!(nextEffect !== null)) {
-              throw ReactError("Should be working on an effect.");
-            }
-          })();
-          var _error2 = clearCaughtError();
-          captureCommitPhaseError(nextEffect, _error2);
-          nextEffect = nextEffect.nextEffect;
-        }
       }
-    } while (nextEffect !== null);
-    stopCommitLifeCyclesTimer();
+    }
+  }
+}
 
-    nextEffect = null;
+function computeThreadID(root, expirationTime) {
+  // Interaction threads are unique per root and expiration time.
+  return expirationTime * 1000 + root.interactionThreadID;
+}
 
-    if (enableSchedulerTracing) {
-      tracing.__interactionsRef.current = prevInteractions;
-    }
-    workPhase = prevWorkPhase;
+function markSpawnedWork(expirationTime) {
+  if (!enableSchedulerTracing) {
+    return;
+  }
+  if (spawnedWorkDuringRender === null) {
+    spawnedWorkDuringRender = [expirationTime];
   } 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.
-    startCommitSnapshotEffectsTimer();
-    stopCommitSnapshotEffectsTimer();
-    if (enableProfilerTimer) {
-      recordCommitTime();
-    }
-    startCommitHostEffectsTimer();
-    stopCommitHostEffectsTimer();
-    startCommitLifeCyclesTimer();
-    stopCommitLifeCyclesTimer();
+    spawnedWorkDuringRender.push(expirationTime);
   }
+}
 
-  stopCommitTimer();
+function scheduleInteractions(root, expirationTime, interactions) {
+  if (!enableSchedulerTracing) {
+    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;
-    pendingPassiveEffectsExpirationTime = expirationTime;
-  } else {
-    if (enableSchedulerTracing) {
-      // If there are no passive effects, then we can complete the pending
-      // interactions. Otherwise, we'll wait until after the passive effects
-      // are flushed.
-      finishPendingInteractions(root, expirationTime);
+  if (interactions.size > 0) {
+    var pendingInteractionMap = root.pendingInteractionMap;
+    var pendingInteractions = pendingInteractionMap.get(expirationTime);
+    if (pendingInteractions != null) {
+      interactions.forEach(function(interaction) {
+        if (!pendingInteractions.has(interaction)) {
+          // Update the pending async work count for previously unscheduled interaction.
+          interaction.__count++;
+        }
+
+        pendingInteractions.add(interaction);
+      });
+    } else {
+      pendingInteractionMap.set(expirationTime, new Set(interactions));
+
+      // Update the pending async work count for the current interactions.
+      interactions.forEach(function(interaction) {
+        interaction.__count++;
+      });
+    }
+
+    var subscriber = tracing.__subscriberRef.current;
+    if (subscriber !== null) {
+      var threadID = computeThreadID(root, expirationTime);
+      subscriber.onWorkScheduled(interactions, threadID);
     }
   }
+}
 
-  // Check if there's remaining work on this root
-  var remainingExpirationTime = root.firstPendingTime;
-  if (remainingExpirationTime !== NoWork) {
-    var currentTime = requestCurrentTime();
-    var priorityLevel = inferPriorityFromExpirationTime(
-      currentTime,
-      remainingExpirationTime
-    );
-    scheduleCallbackForRoot(root, priorityLevel, remainingExpirationTime);
-  } else {
-    // If there's no remaining work, we can clear the set of already failed
-    // error boundaries.
-    legacyErrorBoundariesThatAlreadyFailed = null;
+function schedulePendingInteractions(root, expirationTime) {
+  // This is called when work is scheduled on a root.
+  // It associates the current interactions with the newly-scheduled expiration.
+  // They will be restored when that expiration is later committed.
+  if (!enableSchedulerTracing) {
+    return;
+  }
+
+  scheduleInteractions(root, expirationTime, tracing.__interactionsRef.current);
+}
+
+function startWorkOnPendingInteractions(root, expirationTime) {
+  // This is called when new work is started on a root.
+  if (!enableSchedulerTracing) {
+    return;
   }
 
-  onCommitRoot(finishedWork.stateNode);
+  // Determine which interactions this batch of work currently includes, So that
+  // we can accurately attribute time spent working on it, And so that cascading
+  // work triggered during the render phase will be associated with it.
+  var interactions = new Set();
+  root.pendingInteractionMap.forEach(function(
+    scheduledInteractions,
+    scheduledExpirationTime
+  ) {
+    if (scheduledExpirationTime >= expirationTime) {
+      scheduledInteractions.forEach(function(interaction) {
+        return interactions.add(interaction);
+      });
+    }
+  });
+
+  // Store the current set of interactions on the FiberRoot for a few reasons:
+  // We can re-use it in hot functions like renderRoot() without having to
+  // recalculate it. We will also use it in commitWork() to pass to any Profiler
+  // onRender() hooks. This also provides DevTools with a way to access it when
+  // the onCommitRoot() hook is called.
+  root.memoizedInteractions = interactions;
 
-  if (remainingExpirationTime === Sync) {
-    // 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;
+  if (interactions.size > 0) {
+    var subscriber = tracing.__subscriberRef.current;
+    if (subscriber !== null) {
+      var threadID = computeThreadID(root, expirationTime);
+      try {
+        subscriber.onWorkStarted(interactions, threadID);
+      } catch (error) {
+        // If the subscriber throws, rethrow it in a separate task
+        scheduleCallback(ImmediatePriority, function() {
+          throw error;
+        });
+      }
     }
-  } else {
-    nestedUpdateCount = 0;
   }
+}
 
-  if (hasUncaughtError) {
-    hasUncaughtError = false;
-    var _error3 = firstUncaughtError;
-    firstUncaughtError = null;
-    throw _error3;
+function finishPendingInteractions(root, committedExpirationTime) {
+  if (!enableSchedulerTracing) {
+    return;
   }
 
-  if (workPhase === LegacyUnbatchedPhase) {
-    // This is a legacy edge case. We just committed the initial mount of
-    // a ReactDOM.render-ed root inside of batchedUpdates. The commit fired
-    // synchronously, but layout updates should be deferred until the end
-    // of the batch.
-    return null;
-  }
+  var earliestRemainingTimeAfterCommit = root.firstPendingTime;
 
-  // If layout work was scheduled, flush it now.
-  flushImmediateQueue();
-  return null;
-}
+  var subscriber = void 0;
 
-function commitBeforeMutationEffects() {
-  while (nextEffect !== null) {
-    if ((nextEffect.effectTag & Snapshot) !== NoEffect) {
-      setCurrentFiber(nextEffect);
-      recordEffect();
+  try {
+    subscriber = tracing.__subscriberRef.current;
+    if (subscriber !== null && root.memoizedInteractions.size > 0) {
+      var threadID = computeThreadID(root, committedExpirationTime);
+      subscriber.onWorkStopped(root.memoizedInteractions, threadID);
+    }
+  } catch (error) {
+    // If the subscriber throws, rethrow it in a separate task
+    scheduleCallback(ImmediatePriority, function() {
+      throw error;
+    });
+  } finally {
+    // Clear completed interactions from the pending Map.
+    // Unless the render was suspended or cascading work was scheduled,
+    // In which case– leave pending interactions until the subsequent render.
+    var pendingInteractionMap = root.pendingInteractionMap;
+    pendingInteractionMap.forEach(function(
+      scheduledInteractions,
+      scheduledExpirationTime
+    ) {
+      // Only decrement the pending interaction count if we're done.
+      // If there's still work at the current priority,
+      // That indicates that we are waiting for suspense data.
+      if (scheduledExpirationTime > earliestRemainingTimeAfterCommit) {
+        pendingInteractionMap.delete(scheduledExpirationTime);
 
-      var current$$1 = nextEffect.alternate;
-      commitBeforeMutationLifeCycles(current$$1, nextEffect);
+        scheduledInteractions.forEach(function(interaction) {
+          interaction.__count--;
 
-      resetCurrentFiber();
-    }
-    nextEffect = nextEffect.nextEffect;
+          if (subscriber !== null && interaction.__count === 0) {
+            try {
+              subscriber.onInteractionScheduledWorkCompleted(interaction);
+            } catch (error) {
+              // If the subscriber throws, rethrow it in a separate task
+              scheduleCallback(ImmediatePriority, function() {
+                throw error;
+              });
+            }
+          }
+        });
+      }
+    });
   }
 }
 
-function commitMutationEffects() {
-  // TODO: Should probably move the bulk of this function to commitWork.
-  while (nextEffect !== null) {
-    setCurrentFiber(nextEffect);
+var onCommitFiberRoot = null;
+var onCommitFiberUnmount = null;
+var hasLoggedError = false;
 
-    var effectTag = nextEffect.effectTag;
+var isDevToolsPresent = typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined";
 
-    if (effectTag & ContentReset) {
-      commitResetTextContent(nextEffect);
+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) {
+    {
+      warningWithoutStack$1(
+        false,
+        "The installed version of React DevTools is too old and will not work " +
+          "with the current version of React. Please update React DevTools. " +
+          "https://fb.me/react-devtools"
+      );
     }
-
-    if (effectTag & Ref) {
-      var current$$1 = nextEffect.alternate;
-      if (current$$1 !== null) {
-        commitDetachRef(current$$1);
+    // DevTools exists, even though it doesn't support Fiber.
+    return true;
+  }
+  try {
+    var rendererID = hook.inject(internals);
+    // We have successfully injected, so now it is safe to set up hooks.
+    onCommitFiberRoot = function(root, expirationTime) {
+      try {
+        var didError = (root.current.effectTag & DidCapture) === DidCapture;
+        if (enableProfilerTimer) {
+          var currentTime = requestCurrentTime();
+          var priorityLevel = inferPriorityFromExpirationTime(
+            currentTime,
+            expirationTime
+          );
+          hook.onCommitFiberRoot(rendererID, root, priorityLevel, didError);
+        } else {
+          hook.onCommitFiberRoot(rendererID, root, undefined, didError);
+        }
+      } catch (err) {
+        if (true && !hasLoggedError) {
+          hasLoggedError = true;
+          warningWithoutStack$1(
+            false,
+            "React DevTools encountered an error: %s",
+            err
+          );
+        }
+      }
+    };
+    onCommitFiberUnmount = function(fiber) {
+      try {
+        hook.onCommitFiberUnmount(rendererID, fiber);
+      } catch (err) {
+        if (true && !hasLoggedError) {
+          hasLoggedError = true;
+          warningWithoutStack$1(
+            false,
+            "React DevTools encountered an error: %s",
+            err
+          );
+        }
       }
+    };
+  } catch (err) {
+    // Catch all errors because it is unsafe to throw during initialization.
+    {
+      warningWithoutStack$1(
+        false,
+        "React DevTools encountered an error: %s.",
+        err
+      );
     }
+  }
+  // DevTools exists
+  return true;
+}
 
-    // The following switch statement is only concerned about placement,
-    // updates, and deletions. To avoid needing to add a case for every possible
-    // bitmap value, we remove the secondary effects from the effect tag and
-    // switch on that value.
-    var primaryEffectTag = effectTag & (Placement | Update | Deletion);
-    switch (primaryEffectTag) {
-      case Placement: {
-        commitPlacement(nextEffect);
-        // 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.
-        nextEffect.effectTag &= ~Placement;
-        break;
-      }
-      case PlacementAndUpdate: {
-        // Placement
-        commitPlacement(nextEffect);
-        // Clear the "placement" from effect tag so that we know that this is
-        // inserted, before any life-cycles like componentDidMount gets called.
-        nextEffect.effectTag &= ~Placement;
+function onCommitRoot(root, expirationTime) {
+  if (typeof onCommitFiberRoot === "function") {
+    onCommitFiberRoot(root, expirationTime);
+  }
+}
 
-        // Update
-        var _current = nextEffect.alternate;
-        commitWork(_current, nextEffect);
-        break;
-      }
-      case Update: {
-        var _current2 = nextEffect.alternate;
-        commitWork(_current2, nextEffect);
-        break;
-      }
-      case Deletion: {
-        commitDeletion(nextEffect);
-        break;
-      }
-    }
+function onCommitUnmount(fiber) {
+  if (typeof onCommitFiberUnmount === "function") {
+    onCommitFiberUnmount(fiber);
+  }
+}
 
-    // TODO: Only record a mutation effect if primaryEffectTag is non-zero.
-    recordEffect();
+var hasBadMapPolyfill = void 0;
 
-    resetCurrentFiber();
-    nextEffect = nextEffect.nextEffect;
+{
+  hasBadMapPolyfill = false;
+  try {
+    var nonExtensibleObject = Object.preventExtensions({});
+    var testMap = new Map([[nonExtensibleObject, null]]);
+    var testSet = new Set([nonExtensibleObject]);
+    // This is necessary for Rollup to not consider these unused.
+    // https://github.com/rollup/rollup/issues/1771
+    // TODO: we can remove these if Rollup fixes the bug.
+    testMap.set(0, 0);
+    testSet.add(0);
+  } catch (e) {
+    // TODO: Consider warning about bad polyfills
+    hasBadMapPolyfill = true;
   }
 }
 
-function commitLayoutEffects(root, committedExpirationTime) {
-  // TODO: Should probably move the bulk of this function to commitWork.
-  while (nextEffect !== null) {
-    setCurrentFiber(nextEffect);
+// A Fiber is work on a Component that needs to be done or was done. There can
+// be more than one per component.
+
+var debugCounter = void 0;
+
+{
+  debugCounter = 1;
+}
+
+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;
 
-    var effectTag = nextEffect.effectTag;
+  this.mode = mode;
 
-    if (effectTag & (Update | Callback)) {
-      recordEffect();
-      var current$$1 = nextEffect.alternate;
-      commitLifeCycles(root, current$$1, nextEffect, committedExpirationTime);
-    }
+  // Effects
+  this.effectTag = NoEffect;
+  this.nextEffect = null;
 
-    if (effectTag & Ref) {
-      recordEffect();
-      commitAttachRef(nextEffect);
-    }
+  this.firstEffect = null;
+  this.lastEffect = null;
 
-    if (effectTag & Passive) {
-      rootDoesHavePassiveEffects = true;
-    }
+  this.expirationTime = NoWork;
+  this.childExpirationTime = NoWork;
 
-    resetCurrentFiber();
-    nextEffect = nextEffect.nextEffect;
-  }
-}
+  this.alternate = null;
 
-function flushPassiveEffects() {
-  if (rootWithPendingPassiveEffects === null) {
-    return false;
-  }
-  var root = rootWithPendingPassiveEffects;
-  var expirationTime = pendingPassiveEffectsExpirationTime;
-  rootWithPendingPassiveEffects = null;
-  pendingPassiveEffectsExpirationTime = NoWork;
+  if (enableProfilerTimer) {
+    // 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;
 
-  var prevInteractions = null;
-  if (enableSchedulerTracing) {
-    prevInteractions = tracing.__interactionsRef.current;
-    tracing.__interactionsRef.current = root.memoizedInteractions;
+    // 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;
   }
 
-  (function() {
-    if (!(workPhase !== RenderPhase && workPhase !== CommitPhase)) {
-      throw ReactError("Cannot flush passive effects while already rendering.");
-    }
-  })();
-  var prevWorkPhase = workPhase;
-  workPhase = CommitPhase;
-
-  // Note: This currently assumes there are no passive effects on the root
-  // fiber, because the root is not part of its own effect list. This could
-  // change in the future.
-  var effect = root.current.firstEffect;
-  while (effect !== null) {
-    {
-      setCurrentFiber(effect);
-      invokeGuardedCallback(null, commitPassiveHookEffects, null, effect);
-      if (hasCaughtError()) {
-        (function() {
-          if (!(effect !== null)) {
-            throw ReactError("Should be working on an effect.");
-          }
-        })();
-        var error = clearCaughtError();
-        captureCommitPhaseError(effect, error);
-      }
-      resetCurrentFiber();
+  {
+    this._debugID = debugCounter++;
+    this._debugSource = null;
+    this._debugOwner = null;
+    this._debugIsCurrentlyTiming = false;
+    this._debugNeedsRemount = false;
+    this._debugHookTypes = null;
+    if (!hasBadMapPolyfill && typeof Object.preventExtensions === "function") {
+      Object.preventExtensions(this);
     }
-    effect = effect.nextEffect;
-  }
-
-  if (enableSchedulerTracing) {
-    tracing.__interactionsRef.current = prevInteractions;
-    finishPendingInteractions(root, expirationTime);
   }
+}
 
-  workPhase = prevWorkPhase;
-  flushImmediateQueue();
-
-  // If additional passive effects were scheduled, increment a counter. If this
-  // exceeds the limit, we'll fire a warning.
-  nestedPassiveUpdateCount =
-    rootWithPendingPassiveEffects === null ? 0 : nestedPassiveUpdateCount + 1;
+// 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);
+};
 
-  return true;
+function shouldConstruct(Component) {
+  var prototype = Component.prototype;
+  return !!(prototype && prototype.isReactComponent);
 }
 
-function isAlreadyFailedLegacyErrorBoundary(instance) {
+function isSimpleFunctionComponent(type) {
   return (
-    legacyErrorBoundariesThatAlreadyFailed !== null &&
-    legacyErrorBoundariesThatAlreadyFailed.has(instance)
+    typeof type === "function" &&
+    !shouldConstruct(type) &&
+    type.defaultProps === undefined
   );
 }
 
-function markLegacyErrorBoundaryAsFailed(instance) {
-  if (legacyErrorBoundariesThatAlreadyFailed === null) {
-    legacyErrorBoundariesThatAlreadyFailed = new Set([instance]);
-  } else {
-    legacyErrorBoundariesThatAlreadyFailed.add(instance);
+function resolveLazyComponentTag(Component) {
+  if (typeof Component === "function") {
+    return shouldConstruct(Component) ? ClassComponent : FunctionComponent;
+  } else if (Component !== undefined && Component !== null) {
+    var $$typeof = Component.$$typeof;
+    if ($$typeof === REACT_FORWARD_REF_TYPE) {
+      return ForwardRef;
+    }
+    if ($$typeof === REACT_MEMO_TYPE) {
+      return MemoComponent;
+    }
   }
+  return IndeterminateComponent;
 }
 
-function prepareToThrowUncaughtError(error) {
-  if (!hasUncaughtError) {
-    hasUncaughtError = true;
-    firstUncaughtError = error;
-  }
-}
-var onUncaughtError = prepareToThrowUncaughtError;
+// This is used to create an alternate fiber to do work on.
+function createWorkInProgress(current, pendingProps, expirationTime) {
+  var workInProgress = current.alternate;
+  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;
 
-function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
-  var errorInfo = createCapturedValue(error, sourceFiber);
-  var update = createRootErrorUpdate(rootFiber, errorInfo, Sync);
-  enqueueUpdate(rootFiber, update);
-  var root = markUpdateTimeFromFiberToRoot(rootFiber, Sync);
-  if (root !== null) {
-    scheduleCallbackForRoot(root, ImmediatePriority, Sync);
-  }
-}
+    {
+      // DEV-only fields
+      workInProgress._debugID = current._debugID;
+      workInProgress._debugSource = current._debugSource;
+      workInProgress._debugOwner = current._debugOwner;
+      workInProgress._debugHookTypes = current._debugHookTypes;
+    }
 
-function captureCommitPhaseError(sourceFiber, error) {
-  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);
-    return;
-  }
+    workInProgress.alternate = current;
+    current.alternate = workInProgress;
+  } else {
+    workInProgress.pendingProps = pendingProps;
 
-  var fiber = sourceFiber.return;
-  while (fiber !== null) {
-    if (fiber.tag === HostRoot) {
-      captureCommitPhaseErrorOnRoot(fiber, sourceFiber, error);
-      return;
-    } else if (fiber.tag === ClassComponent) {
-      var ctor = fiber.type;
-      var instance = fiber.stateNode;
-      if (
-        typeof ctor.getDerivedStateFromError === "function" ||
-        (typeof instance.componentDidCatch === "function" &&
-          !isAlreadyFailedLegacyErrorBoundary(instance))
-      ) {
-        var errorInfo = createCapturedValue(error, sourceFiber);
-        var update = createClassErrorUpdate(
-          fiber,
-          errorInfo,
-          // TODO: This is always sync
-          Sync
-        );
-        enqueueUpdate(fiber, update);
-        var root = markUpdateTimeFromFiberToRoot(fiber, Sync);
-        if (root !== null) {
-          scheduleCallbackForRoot(root, ImmediatePriority, Sync);
-        }
-        return;
-      }
-    }
-    fiber = fiber.return;
-  }
-}
+    // We already have an alternate.
+    // Reset the effect tag.
+    workInProgress.effectTag = NoEffect;
 
-function pingSuspendedRoot(root, thenable, suspendedTime) {
-  var pingCache = root.pingCache;
-  if (pingCache !== null) {
-    // The thenable resolved, so we no longer need to memoize, because it will
-    // never be thrown again.
-    pingCache.delete(thenable);
-  }
+    // The effect list is no longer valid.
+    workInProgress.nextEffect = null;
+    workInProgress.firstEffect = null;
+    workInProgress.lastEffect = null;
 
-  if (workInProgressRoot === root && renderExpirationTime === suspendedTime) {
-    // Received a ping at the same priority level at which we're currently
-    // rendering. Restart from the root. Don't need to schedule a ping because
-    // we're already working on this tree.
-    prepareFreshStack(root, renderExpirationTime);
-    return;
+    if (enableProfilerTimer) {
+      // 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;
+    }
   }
 
-  var lastPendingTime = root.lastPendingTime;
-  if (lastPendingTime < suspendedTime) {
-    // The root is no longer suspended at this time.
-    return;
-  }
+  workInProgress.childExpirationTime = current.childExpirationTime;
+  workInProgress.expirationTime = current.expirationTime;
 
-  var pingTime = root.pingTime;
-  if (pingTime !== NoWork && pingTime < suspendedTime) {
-    // There's already a lower priority ping scheduled.
-    return;
-  }
+  workInProgress.child = current.child;
+  workInProgress.memoizedProps = current.memoizedProps;
+  workInProgress.memoizedState = current.memoizedState;
+  workInProgress.updateQueue = current.updateQueue;
 
-  // Mark the time at which this ping was scheduled.
-  root.pingTime = suspendedTime;
+  // 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
+      : {
+          expirationTime: currentDependencies.expirationTime,
+          firstContext: currentDependencies.firstContext,
+          responders: currentDependencies.responders
+        };
 
-  var currentTime = requestCurrentTime();
-  var priorityLevel = inferPriorityFromExpirationTime(
-    currentTime,
-    suspendedTime
-  );
-  scheduleCallbackForRoot(root, priorityLevel, suspendedTime);
-}
+  // These will be overridden during the parent's reconciliation
+  workInProgress.sibling = current.sibling;
+  workInProgress.index = current.index;
+  workInProgress.ref = current.ref;
 
-function retryTimedOutBoundary(boundaryFiber) {
-  // The boundary fiber (a Suspense component) previously timed out and 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 expiration time.
-  var currentTime = requestCurrentTime();
-  var retryTime = computeExpirationForFiber(currentTime, boundaryFiber);
-  // TODO: Special case idle priority?
-  var priorityLevel = inferPriorityFromExpirationTime(currentTime, retryTime);
-  var root = markUpdateTimeFromFiberToRoot(boundaryFiber, retryTime);
-  if (root !== null) {
-    scheduleCallbackForRoot(root, priorityLevel, retryTime);
+  if (enableProfilerTimer) {
+    workInProgress.selfBaseDuration = current.selfBaseDuration;
+    workInProgress.treeBaseDuration = current.treeBaseDuration;
   }
-}
 
-function resolveRetryThenable(boundaryFiber, thenable) {
-  var retryCache = void 0;
-  if (enableSuspenseServerRenderer) {
-    switch (boundaryFiber.tag) {
-      case SuspenseComponent:
-        retryCache = boundaryFiber.stateNode;
+  {
+    workInProgress._debugNeedsRemount = current._debugNeedsRemount;
+    switch (workInProgress.tag) {
+      case IndeterminateComponent:
+      case FunctionComponent:
+      case SimpleMemoComponent:
+        workInProgress.type = resolveFunctionForHotReloading(current.type);
         break;
-      case DehydratedSuspenseComponent:
-        retryCache = boundaryFiber.memoizedState;
+      case ClassComponent:
+        workInProgress.type = resolveClassForHotReloading(current.type);
+        break;
+      case ForwardRef:
+        workInProgress.type = resolveForwardRefForHotReloading(current.type);
         break;
       default:
-        (function() {
-          {
-            throw ReactError(
-              "Pinged unknown suspense boundary type. This is probably a bug in React."
-            );
-          }
-        })();
+        break;
     }
-  } else {
-    retryCache = boundaryFiber.stateNode;
   }
 
-  if (retryCache !== null) {
-    // The thenable resolved, so we no longer need to memoize, because it will
-    // never be thrown again.
-    retryCache.delete(thenable);
-  }
-
-  retryTimedOutBoundary(boundaryFiber);
+  return workInProgress;
 }
 
-// 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;
-}
+// Used to reuse a Fiber for a second pass.
+function resetWorkInProgress(workInProgress, renderExpirationTime) {
+  // 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.
 
-function computeMsUntilTimeout(mostRecentEventTime, committedExpirationTime) {
-  if (disableYielding) {
-    // Timeout immediately when yielding is disabled.
-    return 0;
-  }
+  // We assume pendingProps, index, key, ref, return are still untouched to
+  // avoid doing another reconciliation.
 
-  var eventTimeMs = inferTimeFromExpirationTime(mostRecentEventTime);
-  var currentTimeMs = now();
-  var timeElapsed = currentTimeMs - eventTimeMs;
+  // Reset the effect tag but keep any Placement tags, since that's something
+  // that child fiber is setting, not the reconciliation.
+  workInProgress.effectTag &= Placement;
 
-  var msUntilTimeout = jnd(timeElapsed) - timeElapsed;
+  // The effect list is no longer valid.
+  workInProgress.nextEffect = null;
+  workInProgress.firstEffect = null;
+  workInProgress.lastEffect = null;
 
-  // Compute the time until this render pass would expire.
-  var timeUntilExpirationMs =
-    expirationTimeToMs(committedExpirationTime) - currentTimeMs;
+  var current = workInProgress.alternate;
+  if (current === null) {
+    // Reset to createFiber's initial values.
+    workInProgress.childExpirationTime = NoWork;
+    workInProgress.expirationTime = renderExpirationTime;
+
+    workInProgress.child = null;
+    workInProgress.memoizedProps = null;
+    workInProgress.memoizedState = null;
+    workInProgress.updateQueue = null;
 
-  // Clamp the timeout to the expiration time.
-  // TODO: Once the event time is exact instead of inferred from expiration time
-  // we don't need this.
-  if (timeUntilExpirationMs < msUntilTimeout) {
-    msUntilTimeout = timeUntilExpirationMs;
+    workInProgress.dependencies = null;
+
+    if (enableProfilerTimer) {
+      // 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.childExpirationTime = current.childExpirationTime;
+    workInProgress.expirationTime = current.expirationTime;
+
+    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
+        : {
+            expirationTime: currentDependencies.expirationTime,
+            firstContext: currentDependencies.firstContext,
+            responders: currentDependencies.responders
+          };
+
+    if (enableProfilerTimer) {
+      // 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;
+    }
   }
 
-  // This is the value that is passed to `setTimeout`.
-  return msUntilTimeout;
+  return workInProgress;
 }
 
-function checkForNestedUpdates() {
-  if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
-    nestedUpdateCount = 0;
-    rootWithNestedUpdates = null;
-    (function() {
-      {
-        throw ReactError(
-          "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."
-        );
-      }
-    })();
+function createHostRootFiber(tag) {
+  var mode = void 0;
+  if (tag === ConcurrentRoot) {
+    mode = ConcurrentMode | BatchedMode | StrictMode;
+  } else if (tag === BatchedRoot) {
+    mode = BatchedMode | StrictMode;
+  } else {
+    mode = NoMode;
   }
 
-  {
-    if (nestedPassiveUpdateCount > NESTED_PASSIVE_UPDATE_LIMIT) {
-      nestedPassiveUpdateCount = 0;
-      warning$1(
-        false,
-        "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."
-      );
-    }
+  if (enableProfilerTimer && 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 flushRenderPhaseStrictModeWarningsInDEV() {
-  {
-    ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings();
-    ReactStrictModeWarnings.flushLegacyContextWarning();
+function createFiberFromTypeAndProps(
+  type, // React$ElementType
+  key,
+  pendingProps,
+  owner,
+  mode,
+  expirationTime
+) {
+  var fiber = void 0;
 
-    if (warnAboutDeprecatedLifecycles) {
-      ReactStrictModeWarnings.flushPendingDeprecationWarnings();
+  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);
+      }
+    }
+  } else if (typeof type === "string") {
+    fiberTag = HostComponent;
+  } else {
+    getTag: switch (type) {
+      case REACT_FRAGMENT_TYPE:
+        return createFiberFromFragment(
+          pendingProps.children,
+          mode,
+          expirationTime,
+          key
+        );
+      case REACT_CONCURRENT_MODE_TYPE:
+        fiberTag = Mode;
+        mode |= ConcurrentMode | BatchedMode | StrictMode;
+        break;
+      case REACT_STRICT_MODE_TYPE:
+        fiberTag = Mode;
+        mode |= StrictMode;
+        break;
+      case REACT_PROFILER_TYPE:
+        return createFiberFromProfiler(pendingProps, mode, expirationTime, key);
+      case REACT_SUSPENSE_TYPE:
+        return createFiberFromSuspense(pendingProps, mode, expirationTime, key);
+      case REACT_SUSPENSE_LIST_TYPE:
+        return createFiberFromSuspenseList(
+          pendingProps,
+          mode,
+          expirationTime,
+          key
+        );
+      default: {
+        if (typeof type === "object" && type !== null) {
+          switch (type.$$typeof) {
+            case REACT_PROVIDER_TYPE:
+              fiberTag = ContextProvider;
+              break getTag;
+            case REACT_CONTEXT_TYPE:
+              // This is a consumer
+              fiberTag = ContextConsumer;
+              break getTag;
+            case REACT_FORWARD_REF_TYPE:
+              fiberTag = ForwardRef;
+              {
+                resolvedType = resolveForwardRefForHotReloading(resolvedType);
+              }
+              break getTag;
+            case REACT_MEMO_TYPE:
+              fiberTag = MemoComponent;
+              break getTag;
+            case REACT_LAZY_TYPE:
+              fiberTag = LazyComponent;
+              resolvedType = null;
+              break getTag;
+            case REACT_FUNDAMENTAL_TYPE:
+              if (enableFundamentalAPI) {
+                return createFiberFromFundamental(
+                  type,
+                  pendingProps,
+                  mode,
+                  expirationTime,
+                  key
+                );
+              }
+              break;
+          }
+        }
+        var info = "";
+        {
+          if (
+            type === undefined ||
+            (typeof type === "object" &&
+              type !== null &&
+              Object.keys(type).length === 0)
+          ) {
+            info +=
+              " You likely forgot to export your component from the file " +
+              "it's defined in, or you might have mixed up default and " +
+              "named imports.";
+          }
+          var ownerName = owner ? getComponentName(owner.type) : null;
+          if (ownerName) {
+            info += "\n\nCheck the render method of `" + ownerName + "`.";
+          }
+        }
+        (function() {
+          {
+            throw ReactError(
+              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
+              )
+            );
+          }
+        })();
+      }
     }
   }
-}
 
-function stopFinishedWorkLoopTimer() {
-  var didCompleteRoot = true;
-  stopWorkLoopTimer(interruptedBy, didCompleteRoot);
-  interruptedBy = null;
-}
+  fiber = createFiber(fiberTag, pendingProps, key, mode);
+  fiber.elementType = type;
+  fiber.type = resolvedType;
+  fiber.expirationTime = expirationTime;
 
-function stopInterruptedWorkLoopTimer() {
-  // TODO: Track which fiber caused the interruption.
-  var didCompleteRoot = false;
-  stopWorkLoopTimer(interruptedBy, didCompleteRoot);
-  interruptedBy = null;
+  return fiber;
 }
 
-function checkForInterruption(fiberThatReceivedUpdate, updateExpirationTime) {
-  if (
-    enableUserTimingAPI &&
-    workInProgressRoot !== null &&
-    updateExpirationTime > renderExpirationTime
-  ) {
-    interruptedBy = fiberThatReceivedUpdate;
+function createFiberFromElement(element, mode, expirationTime) {
+  var owner = null;
+  {
+    owner = element._owner;
   }
-}
-
-var didWarnStateUpdateForUnmountedComponent = null;
-function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {
+  var type = element.type;
+  var key = element.key;
+  var pendingProps = element.props;
+  var fiber = createFiberFromTypeAndProps(
+    type,
+    key,
+    pendingProps,
+    owner,
+    mode,
+    expirationTime
+  );
   {
-    var tag = fiber.tag;
-    if (
-      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 = getComponentName(fiber.type) || "ReactComponent";
-    if (didWarnStateUpdateForUnmountedComponent !== null) {
-      if (didWarnStateUpdateForUnmountedComponent.has(componentName)) {
-        return;
-      }
-      didWarnStateUpdateForUnmountedComponent.add(componentName);
-    } else {
-      didWarnStateUpdateForUnmountedComponent = new Set([componentName]);
-    }
-    warningWithoutStack$1(
-      false,
-      "Can't perform a React state update on an unmounted component. This " +
-        "is a no-op, but it indicates a memory leak in your application. To " +
-        "fix, cancel all subscriptions and asynchronous tasks in %s.%s",
-      tag === ClassComponent
-        ? "the componentWillUnmount method"
-        : "a useEffect cleanup function",
-      getStackByFiberInDevAndProd(fiber)
-    );
+    fiber._debugSource = element._source;
+    fiber._debugOwner = element._owner;
   }
+  return fiber;
 }
 
-var beginWork$$1 = void 0;
-if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
-  var dummyFiber = null;
-  beginWork$$1 = function(current$$1, unitOfWork, expirationTime) {
-    // 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$1(current$$1, unitOfWork, expirationTime);
-    } catch (originalError) {
-      if (
-        originalError !== null &&
-        typeof originalError === "object" &&
-        typeof originalError.then === "function"
-      ) {
-        // Don't replay promises. Treat everything else like an error.
-        throw originalError;
-      }
-
-      // Keep this code in sync with renderRoot; any changes here must have
-      // corresponding changes there.
-      resetContextDependences();
-      resetHooks();
-
-      // Unwind the failed stack frame
-      unwindInterruptedWork(unitOfWork);
-
-      // Restore the original properties of the fiber.
-      assignFiberPropertiesInDEV(unitOfWork, originalWorkInProgressCopy);
-
-      if (enableProfilerTimer && unitOfWork.mode & ProfileMode) {
-        // Reset the profiler timer.
-        startProfilerTimer(unitOfWork);
-      }
-
-      // Run beginWork again.
-      invokeGuardedCallback(
-        null,
-        beginWork$1,
-        null,
-        current$$1,
-        unitOfWork,
-        expirationTime
-      );
-
-      if (hasCaughtError()) {
-        var replayError = clearCaughtError();
-        // `invokeGuardedCallback` sometimes sets an expando `_suppressLogging`.
-        // Rethrow this error instead of the original one.
-        throw replayError;
-      } else {
-        // This branch is reachable if the render phase is impure.
-        throw originalError;
-      }
-    }
-  };
-} else {
-  beginWork$$1 = beginWork$1;
+function createFiberFromFragment(elements, mode, expirationTime, key) {
+  var fiber = createFiber(Fragment, elements, key, mode);
+  fiber.expirationTime = expirationTime;
+  return fiber;
 }
 
-var didWarnAboutUpdateInRender = false;
-var didWarnAboutUpdateInGetChildContext = false;
-function warnAboutInvalidUpdatesOnClassComponentsInDEV(fiber) {
-  {
-    if (fiber.tag === ClassComponent) {
-      switch (phase) {
-        case "getChildContext":
-          if (didWarnAboutUpdateInGetChildContext) {
-            return;
-          }
-          warningWithoutStack$1(
-            false,
-            "setState(...): Cannot call setState() inside getChildContext()"
-          );
-          didWarnAboutUpdateInGetChildContext = true;
-          break;
-        case "render":
-          if (didWarnAboutUpdateInRender) {
-            return;
-          }
-          warningWithoutStack$1(
-            false,
-            "Cannot update during an existing state transition (such as " +
-              "within `render`). Render methods should be a pure function of " +
-              "props and state."
-          );
-          didWarnAboutUpdateInRender = true;
-          break;
-      }
-    }
-  }
+function createFiberFromFundamental(
+  fundamentalComponent,
+  pendingProps,
+  mode,
+  expirationTime,
+  key
+) {
+  var fiber = createFiber(FundamentalComponent, pendingProps, key, mode);
+  fiber.elementType = fundamentalComponent;
+  fiber.type = fundamentalComponent;
+  fiber.expirationTime = expirationTime;
+  return fiber;
 }
 
-function warnIfNotCurrentlyActingUpdatesInDEV(fiber) {
+function createFiberFromProfiler(pendingProps, mode, expirationTime, key) {
   {
     if (
-      workPhase === NotWorking &&
-      ReactShouldWarnActingUpdates.current === false
+      typeof pendingProps.id !== "string" ||
+      typeof pendingProps.onRender !== "function"
     ) {
       warningWithoutStack$1(
         false,
-        "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://fb.me/react-wrap-tests-with-act" +
-          "%s",
-        getComponentName(fiber.type),
-        getStackByFiberInDevAndProd(fiber)
+        'Profiler must specify an "id" string and "onRender" function as props'
       );
     }
   }
-}
 
-var warnIfNotCurrentlyActingUpdatesInDev = warnIfNotCurrentlyActingUpdatesInDEV;
+  var fiber = createFiber(Profiler, pendingProps, key, mode | ProfileMode);
+  // TODO: The Profiler fiber shouldn't have a type. It has a tag.
+  fiber.elementType = REACT_PROFILER_TYPE;
+  fiber.type = REACT_PROFILER_TYPE;
+  fiber.expirationTime = expirationTime;
 
-function computeThreadID(root, expirationTime) {
-  // Interaction threads are unique per root and expiration time.
-  return expirationTime * 1000 + root.interactionThreadID;
+  return fiber;
 }
 
-function schedulePendingInteraction(root, expirationTime) {
-  // This is called when work is scheduled on a root. It sets up a pending
-  // interaction, which is completed once the work commits.
-  if (!enableSchedulerTracing) {
-    return;
-  }
-
-  var interactions = tracing.__interactionsRef.current;
-  if (interactions.size > 0) {
-    var pendingInteractionMap = root.pendingInteractionMap;
-    var pendingInteractions = pendingInteractionMap.get(expirationTime);
-    if (pendingInteractions != null) {
-      interactions.forEach(function(interaction) {
-        if (!pendingInteractions.has(interaction)) {
-          // Update the pending async work count for previously unscheduled interaction.
-          interaction.__count++;
-        }
+function createFiberFromSuspense(pendingProps, mode, expirationTime, key) {
+  var fiber = createFiber(SuspenseComponent, pendingProps, key, mode);
 
-        pendingInteractions.add(interaction);
-      });
-    } else {
-      pendingInteractionMap.set(expirationTime, new Set(interactions));
+  // TODO: The SuspenseComponent fiber shouldn't have a type. It has a tag.
+  // This needs to be fixed in getComponentName so that it relies on the tag
+  // instead.
+  fiber.type = REACT_SUSPENSE_TYPE;
+  fiber.elementType = REACT_SUSPENSE_TYPE;
 
-      // Update the pending async work count for the current interactions.
-      interactions.forEach(function(interaction) {
-        interaction.__count++;
-      });
-    }
+  fiber.expirationTime = expirationTime;
+  return fiber;
+}
 
-    var subscriber = tracing.__subscriberRef.current;
-    if (subscriber !== null) {
-      var threadID = computeThreadID(root, expirationTime);
-      subscriber.onWorkScheduled(interactions, threadID);
-    }
+function createFiberFromSuspenseList(pendingProps, mode, expirationTime, key) {
+  var fiber = createFiber(SuspenseListComponent, pendingProps, key, mode);
+  {
+    // TODO: The SuspenseListComponent fiber shouldn't have a type. It has a tag.
+    // This needs to be fixed in getComponentName so that it relies on the tag
+    // instead.
+    fiber.type = REACT_SUSPENSE_LIST_TYPE;
   }
+  fiber.elementType = REACT_SUSPENSE_LIST_TYPE;
+  fiber.expirationTime = expirationTime;
+  return fiber;
+}
+
+function createFiberFromText(content, mode, expirationTime) {
+  var fiber = createFiber(HostText, content, null, mode);
+  fiber.expirationTime = expirationTime;
+  return fiber;
+}
+
+function createFiberFromHostInstanceForDeletion() {
+  var fiber = createFiber(HostComponent, null, null, NoMode);
+  // TODO: These should not need a type.
+  fiber.elementType = "DELETED";
+  fiber.type = "DELETED";
+  return fiber;
 }
 
-function startWorkOnPendingInteraction(root, expirationTime) {
-  // This is called when new work is started on a root.
-  if (!enableSchedulerTracing) {
-    return;
-  }
+function createFiberFromPortal(portal, mode, expirationTime) {
+  var pendingProps = portal.children !== null ? portal.children : [];
+  var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
+  fiber.expirationTime = expirationTime;
+  fiber.stateNode = {
+    containerInfo: portal.containerInfo,
+    pendingChildren: null, // Used by persistent updates
+    implementation: portal.implementation
+  };
+  return fiber;
+}
 
-  // Determine which interactions this batch of work currently includes, So that
-  // we can accurately attribute time spent working on it, And so that cascading
-  // work triggered during the render phase will be associated with it.
-  var interactions = new Set();
-  root.pendingInteractionMap.forEach(function(
-    scheduledInteractions,
-    scheduledExpirationTime
-  ) {
-    if (scheduledExpirationTime >= expirationTime) {
-      scheduledInteractions.forEach(function(interaction) {
-        return interactions.add(interaction);
-      });
-    }
-  });
+// 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);
+  }
 
-  // Store the current set of interactions on the FiberRoot for a few reasons:
-  // We can re-use it in hot functions like renderRoot() without having to
-  // recalculate it. We will also use it in commitWork() to pass to any Profiler
-  // onRender() hooks. This also provides DevTools with a way to access it when
-  // the onCommitRoot() hook is called.
-  root.memoizedInteractions = interactions;
+  // 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.
 
-  if (interactions.size > 0) {
-    var subscriber = tracing.__subscriberRef.current;
-    if (subscriber !== null) {
-      var threadID = computeThreadID(root, expirationTime);
-      try {
-        subscriber.onWorkStarted(interactions, threadID);
-      } catch (error) {
-        // If the subscriber throws, rethrow it in a separate task
-        scheduleCallback(ImmediatePriority, function() {
-          throw error;
-        });
-      }
-    }
+  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.effectTag = source.effectTag;
+  target.nextEffect = source.nextEffect;
+  target.firstEffect = source.firstEffect;
+  target.lastEffect = source.lastEffect;
+  target.expirationTime = source.expirationTime;
+  target.childExpirationTime = source.childExpirationTime;
+  target.alternate = source.alternate;
+  if (enableProfilerTimer) {
+    target.actualDuration = source.actualDuration;
+    target.actualStartTime = source.actualStartTime;
+    target.selfBaseDuration = source.selfBaseDuration;
+    target.treeBaseDuration = source.treeBaseDuration;
   }
+  target._debugID = source._debugID;
+  target._debugSource = source._debugSource;
+  target._debugOwner = source._debugOwner;
+  target._debugIsCurrentlyTiming = source._debugIsCurrentlyTiming;
+  target._debugNeedsRemount = source._debugNeedsRemount;
+  target._debugHookTypes = source._debugHookTypes;
+  return target;
 }
 
-function finishPendingInteractions(root, committedExpirationTime) {
-  if (!enableSchedulerTracing) {
-    return;
-  }
-
-  var earliestRemainingTimeAfterCommit = root.firstPendingTime;
+// TODO: This should be lifted into the renderer.
 
-  var subscriber = void 0;
+// The following attributes are only used by interaction tracing builds.
+// They enable interactions to be associated with their async work,
+// And expose interaction metadata to the React DevTools Profiler plugin.
+// Note that these attributes are only defined when the enableSchedulerTracing flag is enabled.
 
-  try {
-    subscriber = tracing.__subscriberRef.current;
-    if (subscriber !== null && root.memoizedInteractions.size > 0) {
-      var threadID = computeThreadID(root, committedExpirationTime);
-      subscriber.onWorkStopped(root.memoizedInteractions, threadID);
-    }
-  } catch (error) {
-    // If the subscriber throws, rethrow it in a separate task
-    scheduleCallback(ImmediatePriority, function() {
-      throw error;
-    });
-  } finally {
-    // Clear completed interactions from the pending Map.
-    // Unless the render was suspended or cascading work was scheduled,
-    // In which case– leave pending interactions until the subsequent render.
-    var pendingInteractionMap = root.pendingInteractionMap;
-    pendingInteractionMap.forEach(function(
-      scheduledInteractions,
-      scheduledExpirationTime
-    ) {
-      // Only decrement the pending interaction count if we're done.
-      // If there's still work at the current priority,
-      // That indicates that we are waiting for suspense data.
-      if (scheduledExpirationTime > earliestRemainingTimeAfterCommit) {
-        pendingInteractionMap.delete(scheduledExpirationTime);
+// Exported FiberRoot type includes all properties,
+// To avoid requiring potentially error-prone :any casts throughout the project.
+// Profiling properties are only safe to access in profiling builds (when enableSchedulerTracing is true).
+// The types are defined separately within this file to ensure they stay in sync.
+// (We don't have to use an inline :any cast when enableSchedulerTracing is disabled.)
 
-        scheduledInteractions.forEach(function(interaction) {
-          interaction.__count--;
+function FiberRootNode(containerInfo, tag, hydrate) {
+  this.tag = tag;
+  this.current = null;
+  this.containerInfo = containerInfo;
+  this.pendingChildren = null;
+  this.pingCache = null;
+  this.finishedExpirationTime = NoWork;
+  this.finishedWork = null;
+  this.timeoutHandle = noTimeout;
+  this.context = null;
+  this.pendingContext = null;
+  this.hydrate = hydrate;
+  this.firstBatch = null;
+  this.callbackNode = null;
+  this.callbackExpirationTime = NoWork;
+  this.firstPendingTime = NoWork;
+  this.lastPendingTime = NoWork;
+  this.pingTime = NoWork;
 
-          if (subscriber !== null && interaction.__count === 0) {
-            try {
-              subscriber.onInteractionScheduledWorkCompleted(interaction);
-            } catch (error) {
-              // If the subscriber throws, rethrow it in a separate task
-              scheduleCallback(ImmediatePriority, function() {
-                throw error;
-              });
-            }
-          }
-        });
-      }
-    });
+  if (enableSchedulerTracing) {
+    this.interactionThreadID = tracing.unstable_getThreadID();
+    this.memoizedInteractions = new Set();
+    this.pendingInteractionMap = new Map();
   }
 }
 
+function createFiberRoot(containerInfo, tag, hydrate) {
+  var root = new FiberRootNode(containerInfo, tag, hydrate);
+
+  // Cyclic construction. This cheats the type system right now because
+  // stateNode is any.
+  var uninitializedFiber = createHostRootFiber(tag);
+  root.current = uninitializedFiber;
+  uninitializedFiber.stateNode = root;
+
+  return root;
+}
+
 // This lets us hook into Fiber to debug what it's doing.
 // See https://github.com/facebook/react/pull/8033.
 // This is not part of the public API, not even for React DevTools.
@@ -18938,7 +21763,7 @@ function getContextForSubtree(parentComponent) {
     return emptyContextObject;
   }
 
-  var fiber = get$1(parentComponent);
+  var fiber = get(parentComponent);
   var parentContext = findCurrentUnmaskedContext(fiber);
 
   if (fiber.tag === ClassComponent) {
@@ -18951,7 +21776,13 @@ function getContextForSubtree(parentComponent) {
   return parentContext;
 }
 
-function scheduleRootUpdate(current$$1, element, expirationTime, callback) {
+function scheduleRootUpdate(
+  current$$1,
+  element,
+  expirationTime,
+  suspenseConfig,
+  callback
+) {
   {
     if (phase === "render" && current !== null && !didWarnAboutNestedUpdates) {
       didWarnAboutNestedUpdates = true;
@@ -18966,7 +21797,7 @@ function scheduleRootUpdate(current$$1, element, expirationTime, callback) {
     }
   }
 
-  var update = createUpdate(expirationTime);
+  var update = createUpdate(expirationTime, suspenseConfig);
   // Caution: React DevTools currently depends on this property
   // being called "element".
   update.payload = { element: element };
@@ -18984,7 +21815,9 @@ function scheduleRootUpdate(current$$1, element, expirationTime, callback) {
     update.callback = callback;
   }
 
-  flushPassiveEffects();
+  if (revertPassiveEffectsChange) {
+    flushPassiveEffects();
+  }
   enqueueUpdate(current$$1, update);
   scheduleWork(current$$1, expirationTime);
 
@@ -18996,6 +21829,7 @@ function updateContainerAtExpirationTime(
   container,
   parentComponent,
   expirationTime,
+  suspenseConfig,
   callback
 ) {
   // TODO: If this is a nested container, this won't be the root.
@@ -19020,24 +21854,34 @@ function updateContainerAtExpirationTime(
     container.pendingContext = context;
   }
 
-  return scheduleRootUpdate(current$$1, element, expirationTime, callback);
+  return scheduleRootUpdate(
+    current$$1,
+    element,
+    expirationTime,
+    suspenseConfig,
+    callback
+  );
 }
 
 function findHostInstance(component) {
-  var fiber = get$1(component);
+  var fiber = get(component);
   if (fiber === undefined) {
     if (typeof component.render === "function") {
       (function() {
         {
-          throw ReactError("Unable to find node on an unmounted component.");
+          throw ReactError(
+            Error("Unable to find node on an unmounted component.")
+          );
         }
       })();
     } else {
       (function() {
         {
           throw ReactError(
-            "Argument appears to not be a ReactComponent. Keys: " +
-              Object.keys(component)
+            Error(
+              "Argument appears to not be a ReactComponent. Keys: " +
+                Object.keys(component)
+            )
           );
         }
       })();
@@ -19052,20 +21896,24 @@ function findHostInstance(component) {
 
 function findHostInstanceWithWarning(component, methodName) {
   {
-    var fiber = get$1(component);
+    var fiber = get(component);
     if (fiber === undefined) {
       if (typeof component.render === "function") {
         (function() {
           {
-            throw ReactError("Unable to find node on an unmounted component.");
+            throw ReactError(
+              Error("Unable to find node on an unmounted component.")
+            );
           }
         })();
       } else {
         (function() {
           {
             throw ReactError(
-              "Argument appears to not be a ReactComponent. Keys: " +
-                Object.keys(component)
+              Error(
+                "Argument appears to not be a ReactComponent. Keys: " +
+                  Object.keys(component)
+              )
             );
           }
         })();
@@ -19115,19 +21963,32 @@ function findHostInstanceWithWarning(component, methodName) {
   return findHostInstance(component);
 }
 
-function createContainer(containerInfo, isConcurrent, hydrate) {
-  return createFiberRoot(containerInfo, isConcurrent, hydrate);
+function createContainer(containerInfo, tag, hydrate) {
+  return createFiberRoot(containerInfo, tag, hydrate);
 }
 
 function updateContainer(element, container, parentComponent, callback) {
   var current$$1 = container.current;
   var currentTime = requestCurrentTime();
-  var expirationTime = computeExpirationForFiber(currentTime, current$$1);
+  {
+    // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
+    if ("undefined" !== typeof jest) {
+      warnIfUnmockedScheduler(current$$1);
+      warnIfNotScopedWithMatchingAct(current$$1);
+    }
+  }
+  var suspenseConfig = requestCurrentSuspenseConfig();
+  var expirationTime = computeExpirationForFiber(
+    currentTime,
+    current$$1,
+    suspenseConfig
+  );
   return updateContainerAtExpirationTime(
     element,
     container,
     parentComponent,
     expirationTime,
+    suspenseConfig,
     callback
   );
 }
@@ -19184,7 +22045,9 @@ var setSuspenseHandler = null;
       id--;
     }
     if (currentHook !== null) {
-      flushPassiveEffects();
+      if (revertPassiveEffectsChange) {
+        flushPassiveEffects();
+      }
 
       var newState = copyWithSet(currentHook.memoizedState, path, value);
       currentHook.memoizedState = newState;
@@ -19203,7 +22066,9 @@ var setSuspenseHandler = null;
 
   // Support DevTools props for function components, forwardRef, memo, host components, etc.
   overrideProps = function(fiber, path, value) {
-    flushPassiveEffects();
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
     fiber.pendingProps = copyWithSet(fiber.memoizedProps, path, value);
     if (fiber.alternate) {
       fiber.alternate.pendingProps = fiber.pendingProps;
@@ -19212,7 +22077,9 @@ var setSuspenseHandler = null;
   };
 
   scheduleUpdate = function(fiber) {
-    flushPassiveEffects();
+    if (revertPassiveEffectsChange) {
+      flushPassiveEffects();
+    }
     scheduleWork(fiber, Sync);
   };
 
@@ -19245,6 +22112,16 @@ function injectIntoDevTools(devToolsConfig) {
           return null;
         }
         return findFiberByHostInstance(instance);
+      },
+
+      // React Refresh
+      findHostInstancesForRefresh: findHostInstancesForRefresh,
+      scheduleRefresh: scheduleRefresh,
+      scheduleRoot: scheduleRoot,
+      setRefreshHandler: setRefreshHandler,
+      // Enables DevTools to append owner stacks to error messages in DEV mode.
+      getCurrentFiber: function() {
+        return current;
       }
     })
   );
@@ -19337,7 +22214,7 @@ var NativeMethodsMixin = function(findNodeHandle, findHostInstance) {
           mountSafeCallback_NOT_REALLY_SAFE(this, callback)
         );
       } else {
-        UIManager.measure(
+        ReactNativePrivateInterface.UIManager.measure(
           findNodeHandle(this),
           mountSafeCallback_NOT_REALLY_SAFE(this, callback)
         );
@@ -19385,7 +22262,7 @@ var NativeMethodsMixin = function(findNodeHandle, findHostInstance) {
           mountSafeCallback_NOT_REALLY_SAFE(this, callback)
         );
       } else {
-        UIManager.measureInWindow(
+        ReactNativePrivateInterface.UIManager.measureInWindow(
           findNodeHandle(this),
           mountSafeCallback_NOT_REALLY_SAFE(this, callback)
         );
@@ -19448,7 +22325,7 @@ var NativeMethodsMixin = function(findNodeHandle, findHostInstance) {
           return;
         }
 
-        UIManager.measureLayout(
+        ReactNativePrivateInterface.UIManager.measureLayout(
           findNodeHandle(this),
           relativeNode,
           mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
@@ -19464,17 +22341,6 @@ var NativeMethodsMixin = function(findNodeHandle, findHostInstance) {
      * Manipulation](docs/direct-manipulation.html)).
      */
     setNativeProps: function(nativeProps) {
-      {
-        if (warnAboutDeprecatedSetNativeProps) {
-          warningWithoutStack$1(
-            false,
-            "Warning: Calling ref.setNativeProps(nativeProps) " +
-              "is deprecated and will be removed in a future release. " +
-              "Use the setNativeProps export from the react-native package instead." +
-              "\n\timport {setNativeProps} from 'react-native';\n\tsetNativeProps(ref, nativeProps);\n"
-          );
-        }
-      }
       // Class components don't have viewConfig -> validateAttributes.
       // Nor does it make sense to set native props on a non-native component.
       // Instead, find the nearest host component and set props on it.
@@ -19531,7 +22397,7 @@ var NativeMethodsMixin = function(findNodeHandle, findHostInstance) {
       // This is an expensive no-op for Android, and causes an unnecessary
       // view invalidation for certain components (eg RCTTextInput) on iOS.
       if (updatePayload != null) {
-        UIManager.updateView(
+        ReactNativePrivateInterface.UIManager.updateView(
           nativeTag,
           viewConfig.uiViewClassName,
           updatePayload
@@ -19544,14 +22410,18 @@ var NativeMethodsMixin = function(findNodeHandle, findHostInstance) {
      * will depend on the platform and type of view.
      */
     focus: function() {
-      TextInputState.focusTextInput(findNodeHandle(this));
+      ReactNativePrivateInterface.TextInputState.focusTextInput(
+        findNodeHandle(this)
+      );
     },
 
     /**
      * Removes focus from an input or view. This is the opposite of `focus()`.
      */
     blur: function() {
-      TextInputState.blurTextInput(findNodeHandle(this));
+      ReactNativePrivateInterface.TextInputState.blurTextInput(
+        findNodeHandle(this)
+      );
     }
   };
 
@@ -19569,7 +22439,7 @@ var NativeMethodsMixin = function(findNodeHandle, findHostInstance) {
           !NativeMethodsMixin_DEV.UNSAFE_componentWillReceiveProps
         )
       ) {
-        throw ReactError("Do not override existing functions.");
+        throw ReactError(Error("Do not override existing functions."));
       }
     })();
     // TODO (bvaughn) Remove cWM and cWRP in a future version of React Native,
@@ -19671,7 +22541,9 @@ var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
      * declared in the base class need to be redeclared below.
      */
     ReactNativeComponent.prototype.blur = function blur() {
-      TextInputState.blurTextInput(findNodeHandle(this));
+      ReactNativePrivateInterface.TextInputState.blurTextInput(
+        findNodeHandle(this)
+      );
     };
 
     /**
@@ -19679,7 +22551,9 @@ var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
      */
 
     ReactNativeComponent.prototype.focus = function focus() {
-      TextInputState.focusTextInput(findNodeHandle(this));
+      ReactNativePrivateInterface.TextInputState.focusTextInput(
+        findNodeHandle(this)
+      );
     };
 
     /**
@@ -19724,7 +22598,7 @@ var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
           mountSafeCallback_NOT_REALLY_SAFE(this, callback)
         );
       } else {
-        UIManager.measure(
+        ReactNativePrivateInterface.UIManager.measure(
           findNodeHandle(this),
           mountSafeCallback_NOT_REALLY_SAFE(this, callback)
         );
@@ -19773,7 +22647,7 @@ var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
           mountSafeCallback_NOT_REALLY_SAFE(this, callback)
         );
       } else {
-        UIManager.measureInWindow(
+        ReactNativePrivateInterface.UIManager.measureInWindow(
           findNodeHandle(this),
           mountSafeCallback_NOT_REALLY_SAFE(this, callback)
         );
@@ -19835,7 +22709,7 @@ var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
           return;
         }
 
-        UIManager.measureLayout(
+        ReactNativePrivateInterface.UIManager.measureLayout(
           findNodeHandle(this),
           relativeNode,
           mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
@@ -19854,18 +22728,6 @@ var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
     ReactNativeComponent.prototype.setNativeProps = function setNativeProps(
       nativeProps
     ) {
-      {
-        if (warnAboutDeprecatedSetNativeProps) {
-          warningWithoutStack$1(
-            false,
-            "Warning: Calling ref.setNativeProps(nativeProps) " +
-              "is deprecated and will be removed in a future release. " +
-              "Use the setNativeProps export from the react-native package instead." +
-              "\n\timport {setNativeProps} from 'react-native';\n\tsetNativeProps(ref, nativeProps);\n"
-          );
-        }
-      }
-
       // Class components don't have viewConfig -> validateAttributes.
       // Nor does it make sense to set native props on a non-native component.
       // Instead, find the nearest host component and set props on it.
@@ -19918,7 +22780,7 @@ var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
       // This is an expensive no-op for Android, and causes an unnecessary
       // view invalidation for certain components (eg RCTTextInput) on iOS.
       if (updatePayload != null) {
-        UIManager.updateView(
+        ReactNativePrivateInterface.UIManager.updateView(
           nativeTag,
           viewConfig.uiViewClassName,
           updatePayload
@@ -19935,9 +22797,9 @@ var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
 };
 
 // Module provided by RN:
-var emptyObject$1 = {};
+var emptyObject$2 = {};
 {
-  Object.freeze(emptyObject$1);
+  Object.freeze(emptyObject$2);
 }
 
 var getInspectorDataForViewTag = void 0;
@@ -19970,9 +22832,9 @@ var getInspectorDataForViewTag = void 0;
   var getHostProps = function(fiber) {
     var host = findCurrentHostFiber(fiber);
     if (host) {
-      return host.memoizedProps || emptyObject$1;
+      return host.memoizedProps || emptyObject$2;
     }
-    return emptyObject$1;
+    return emptyObject$2;
   };
 
   var getHostNode = function(fiber, findNodeHandle) {
@@ -19998,7 +22860,7 @@ var getInspectorDataForViewTag = void 0;
         getInspectorData: function(findNodeHandle) {
           return {
             measure: function(callback) {
-              return UIManager.measure(
+              return ReactNativePrivateInterface.UIManager.measure(
                 getHostNode(fiber, findNodeHandle),
                 callback
               );
@@ -20018,7 +22880,7 @@ var getInspectorDataForViewTag = void 0;
     if (!closestInstance) {
       return {
         hierarchy: [],
-        props: emptyObject$1,
+        props: emptyObject$2,
         selection: null,
         source: null
       };
@@ -20063,7 +22925,7 @@ function setNativeProps(handle, nativeProps) {
   // This is an expensive no-op for Android, and causes an unnecessary
   // view invalidation for certain components (eg RCTTextInput) on iOS.
   if (updatePayload != null) {
-    UIManager.updateView(
+    ReactNativePrivateInterface.UIManager.updateView(
       handle._nativeTag,
       handle.viewConfig.uiViewClassName,
       updatePayload
@@ -20127,8 +22989,9 @@ function findNodeHandle(componentOrHandle) {
 
 setBatchingImplementation(
   batchedUpdates$1,
-  interactiveUpdates$1,
-  flushInteractiveUpdates$1
+  discreteUpdates$1,
+  flushDiscreteUpdates,
+  batchedEventUpdates$1
 );
 
 function computeComponentStackForErrorReporting(reactTag) {
@@ -20146,6 +23009,25 @@ var ReactNativeRenderer = {
 
   findNodeHandle: findNodeHandle,
 
+  dispatchCommand: function(handle, command, args) {
+    if (handle._nativeTag == null) {
+      !(handle._nativeTag != null)
+        ? warningWithoutStack$1(
+            false,
+            "dispatchCommand was called with a ref that isn't a " +
+              "native component. Use React.forwardRef to get access to the underlying native component"
+          )
+        : void 0;
+      return;
+    }
+
+    ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
+      handle._nativeTag,
+      command,
+      args
+    );
+  },
+
   setNativeProps: setNativeProps,
 
   render: function(element, containerTag, callback) {
@@ -20154,7 +23036,7 @@ var ReactNativeRenderer = {
     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, false, false);
+      root = createContainer(containerTag, LegacyRoot, false);
       roots.set(containerTag, root);
     }
     updateContainer(element, root, null, callback);
@@ -20174,7 +23056,7 @@ var ReactNativeRenderer = {
     ReactNativeRenderer.unmountComponentAtNode(containerTag);
 
     // Call back into native to remove all of the subviews from this container
-    UIManager.removeRootView(containerTag);
+    ReactNativePrivateInterface.UIManager.removeRootView(containerTag);
   },
   createPortal: function(children, containerTag) {
     var key =
diff --git a/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js b/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js
new file mode 100644
index 00000000000000..bbf5d650790402
--- /dev/null
+++ b/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js
@@ -0,0 +1,7975 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @noflow
+ * @preventMunge
+ * @generated
+ */
+
+"use strict";
+require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
+var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface"),
+  React = require("react"),
+  Scheduler = require("scheduler");
+function ReactError(error) {
+  error.name = "Invariant Violation";
+  return error;
+}
+var eventPluginOrder = null,
+  namesToPlugins = {};
+function recomputePluginOrdering() {
+  if (eventPluginOrder)
+    for (var pluginName in namesToPlugins) {
+      var pluginModule = namesToPlugins[pluginName],
+        pluginIndex = eventPluginOrder.indexOf(pluginName);
+      if (!(-1 < pluginIndex))
+        throw ReactError(
+          Error(
+            "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+              pluginName +
+              "`."
+          )
+        );
+      if (!plugins[pluginIndex]) {
+        if (!pluginModule.extractEvents)
+          throw ReactError(
+            Error(
+              "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
+                pluginName +
+                "` does not."
+            )
+          );
+        plugins[pluginIndex] = pluginModule;
+        pluginIndex = pluginModule.eventTypes;
+        for (var eventName in pluginIndex) {
+          var JSCompiler_inline_result = void 0;
+          var dispatchConfig = pluginIndex[eventName],
+            pluginModule$jscomp$0 = pluginModule,
+            eventName$jscomp$0 = eventName;
+          if (eventNameDispatchConfigs.hasOwnProperty(eventName$jscomp$0))
+            throw ReactError(
+              Error(
+                "EventPluginHub: More than one plugin attempted to publish the same event name, `" +
+                  eventName$jscomp$0 +
+                  "`."
+              )
+            );
+          eventNameDispatchConfigs[eventName$jscomp$0] = dispatchConfig;
+          var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
+          if (phasedRegistrationNames) {
+            for (JSCompiler_inline_result in phasedRegistrationNames)
+              phasedRegistrationNames.hasOwnProperty(
+                JSCompiler_inline_result
+              ) &&
+                publishRegistrationName(
+                  phasedRegistrationNames[JSCompiler_inline_result],
+                  pluginModule$jscomp$0,
+                  eventName$jscomp$0
+                );
+            JSCompiler_inline_result = !0;
+          } else
+            dispatchConfig.registrationName
+              ? (publishRegistrationName(
+                  dispatchConfig.registrationName,
+                  pluginModule$jscomp$0,
+                  eventName$jscomp$0
+                ),
+                (JSCompiler_inline_result = !0))
+              : (JSCompiler_inline_result = !1);
+          if (!JSCompiler_inline_result)
+            throw ReactError(
+              Error(
+                "EventPluginRegistry: Failed to publish event `" +
+                  eventName +
+                  "` for plugin `" +
+                  pluginName +
+                  "`."
+              )
+            );
+        }
+      }
+    }
+}
+function publishRegistrationName(registrationName, pluginModule) {
+  if (registrationNameModules[registrationName])
+    throw ReactError(
+      Error(
+        "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
+          registrationName +
+          "`."
+      )
+    );
+  registrationNameModules[registrationName] = pluginModule;
+}
+var plugins = [],
+  eventNameDispatchConfigs = {},
+  registrationNameModules = {};
+function invokeGuardedCallbackImpl(name, func, context, a, b, c, d, e, f) {
+  var funcArgs = Array.prototype.slice.call(arguments, 3);
+  try {
+    func.apply(context, funcArgs);
+  } catch (error) {
+    this.onError(error);
+  }
+}
+var hasError = !1,
+  caughtError = null,
+  hasRethrowError = !1,
+  rethrowError = null,
+  reporter = {
+    onError: function(error) {
+      hasError = !0;
+      caughtError = error;
+    }
+  };
+function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) {
+  hasError = !1;
+  caughtError = null;
+  invokeGuardedCallbackImpl.apply(reporter, arguments);
+}
+function invokeGuardedCallbackAndCatchFirstError(
+  name,
+  func,
+  context,
+  a,
+  b,
+  c,
+  d,
+  e,
+  f
+) {
+  invokeGuardedCallback.apply(this, arguments);
+  if (hasError) {
+    if (hasError) {
+      var error = caughtError;
+      hasError = !1;
+      caughtError = null;
+    } else
+      throw ReactError(
+        Error(
+          "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    hasRethrowError || ((hasRethrowError = !0), (rethrowError = error));
+  }
+}
+var getFiberCurrentPropsFromNode = null,
+  getInstanceFromNode = null,
+  getNodeFromInstance = null;
+function executeDispatch(event, listener, inst) {
+  var type = event.type || "unknown-event";
+  event.currentTarget = getNodeFromInstance(inst);
+  invokeGuardedCallbackAndCatchFirstError(type, listener, void 0, event);
+  event.currentTarget = null;
+}
+function executeDirectDispatch(event) {
+  var dispatchListener = event._dispatchListeners,
+    dispatchInstance = event._dispatchInstances;
+  if (Array.isArray(dispatchListener))
+    throw ReactError(Error("executeDirectDispatch(...): Invalid `event`."));
+  event.currentTarget = dispatchListener
+    ? getNodeFromInstance(dispatchInstance)
+    : null;
+  dispatchListener = dispatchListener ? dispatchListener(event) : null;
+  event.currentTarget = null;
+  event._dispatchListeners = null;
+  event._dispatchInstances = null;
+  return dispatchListener;
+}
+function accumulateInto(current, next) {
+  if (null == next)
+    throw ReactError(
+      Error(
+        "accumulateInto(...): Accumulated items must not be null or undefined."
+      )
+    );
+  if (null == current) return next;
+  if (Array.isArray(current)) {
+    if (Array.isArray(next)) return current.push.apply(current, next), current;
+    current.push(next);
+    return current;
+  }
+  return Array.isArray(next) ? [current].concat(next) : [current, next];
+}
+function forEachAccumulated(arr, cb, scope) {
+  Array.isArray(arr) ? arr.forEach(cb, scope) : arr && cb.call(scope, arr);
+}
+var eventQueue = null;
+function executeDispatchesAndReleaseTopLevel(e) {
+  if (e) {
+    var dispatchListeners = e._dispatchListeners,
+      dispatchInstances = e._dispatchInstances;
+    if (Array.isArray(dispatchListeners))
+      for (
+        var i = 0;
+        i < dispatchListeners.length && !e.isPropagationStopped();
+        i++
+      )
+        executeDispatch(e, dispatchListeners[i], dispatchInstances[i]);
+    else
+      dispatchListeners &&
+        executeDispatch(e, dispatchListeners, dispatchInstances);
+    e._dispatchListeners = null;
+    e._dispatchInstances = null;
+    e.isPersistent() || e.constructor.release(e);
+  }
+}
+var injection = {
+  injectEventPluginOrder: function(injectedEventPluginOrder) {
+    if (eventPluginOrder)
+      throw ReactError(
+        Error(
+          "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
+        )
+      );
+    eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
+    recomputePluginOrdering();
+  },
+  injectEventPluginsByName: function(injectedNamesToPlugins) {
+    var isOrderingDirty = !1,
+      pluginName;
+    for (pluginName in injectedNamesToPlugins)
+      if (injectedNamesToPlugins.hasOwnProperty(pluginName)) {
+        var pluginModule = injectedNamesToPlugins[pluginName];
+        if (
+          !namesToPlugins.hasOwnProperty(pluginName) ||
+          namesToPlugins[pluginName] !== pluginModule
+        ) {
+          if (namesToPlugins[pluginName])
+            throw ReactError(
+              Error(
+                "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+                  pluginName +
+                  "`."
+              )
+            );
+          namesToPlugins[pluginName] = pluginModule;
+          isOrderingDirty = !0;
+        }
+      }
+    isOrderingDirty && recomputePluginOrdering();
+  }
+};
+function getListener(inst, registrationName) {
+  var listener = inst.stateNode;
+  if (!listener) return null;
+  var props = getFiberCurrentPropsFromNode(listener);
+  if (!props) return null;
+  listener = props[registrationName];
+  a: switch (registrationName) {
+    case "onClick":
+    case "onClickCapture":
+    case "onDoubleClick":
+    case "onDoubleClickCapture":
+    case "onMouseDown":
+    case "onMouseDownCapture":
+    case "onMouseMove":
+    case "onMouseMoveCapture":
+    case "onMouseUp":
+    case "onMouseUpCapture":
+      (props = !props.disabled) ||
+        ((inst = inst.type),
+        (props = !(
+          "button" === inst ||
+          "input" === inst ||
+          "select" === inst ||
+          "textarea" === inst
+        )));
+      inst = !props;
+      break a;
+    default:
+      inst = !1;
+  }
+  if (inst) return null;
+  if (listener && "function" !== typeof listener)
+    throw ReactError(
+      Error(
+        "Expected `" +
+          registrationName +
+          "` listener to be a function, instead got a value of `" +
+          typeof listener +
+          "` type."
+      )
+    );
+  return listener;
+}
+function getParent(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));
+  for (inst = path.length; 0 < inst--; ) fn(path[inst], "captured", arg);
+  for (inst = 0; inst < path.length; inst++) fn(path[inst], "bubbled", arg);
+}
+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 accumulateTwoPhaseDispatchesSingle(event) {
+  event &&
+    event.dispatchConfig.phasedRegistrationNames &&
+    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
+}
+function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
+  if (event && event.dispatchConfig.phasedRegistrationNames) {
+    var targetInst = event._targetInst;
+    targetInst = targetInst ? getParent(targetInst) : null;
+    traverseTwoPhase(targetInst, accumulateDirectionalDispatches, event);
+  }
+}
+function accumulateDirectDispatchesSingle(event) {
+  if (event && event.dispatchConfig.registrationName) {
+    var inst = event._targetInst;
+    if (inst && event && event.dispatchConfig.registrationName) {
+      var listener = getListener(inst, event.dispatchConfig.registrationName);
+      listener &&
+        ((event._dispatchListeners = accumulateInto(
+          event._dispatchListeners,
+          listener
+        )),
+        (event._dispatchInstances = accumulateInto(
+          event._dispatchInstances,
+          inst
+        )));
+    }
+  }
+}
+function functionThatReturnsTrue() {
+  return !0;
+}
+function functionThatReturnsFalse() {
+  return !1;
+}
+function SyntheticEvent(
+  dispatchConfig,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget
+) {
+  this.dispatchConfig = dispatchConfig;
+  this._targetInst = targetInst;
+  this.nativeEvent = nativeEvent;
+  dispatchConfig = this.constructor.Interface;
+  for (var propName in dispatchConfig)
+    dispatchConfig.hasOwnProperty(propName) &&
+      ((targetInst = dispatchConfig[propName])
+        ? (this[propName] = targetInst(nativeEvent))
+        : "target" === propName
+          ? (this.target = nativeEventTarget)
+          : (this[propName] = nativeEvent[propName]));
+  this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
+  ? nativeEvent.defaultPrevented
+  : !1 === nativeEvent.returnValue)
+    ? functionThatReturnsTrue
+    : functionThatReturnsFalse;
+  this.isPropagationStopped = functionThatReturnsFalse;
+  return this;
+}
+Object.assign(SyntheticEvent.prototype, {
+  preventDefault: function() {
+    this.defaultPrevented = !0;
+    var event = this.nativeEvent;
+    event &&
+      (event.preventDefault
+        ? event.preventDefault()
+        : "unknown" !== typeof event.returnValue && (event.returnValue = !1),
+      (this.isDefaultPrevented = functionThatReturnsTrue));
+  },
+  stopPropagation: function() {
+    var event = this.nativeEvent;
+    event &&
+      (event.stopPropagation
+        ? event.stopPropagation()
+        : "unknown" !== typeof event.cancelBubble && (event.cancelBubble = !0),
+      (this.isPropagationStopped = functionThatReturnsTrue));
+  },
+  persist: function() {
+    this.isPersistent = functionThatReturnsTrue;
+  },
+  isPersistent: functionThatReturnsFalse,
+  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._dispatchInstances = this._dispatchListeners = null;
+  }
+});
+SyntheticEvent.Interface = {
+  type: null,
+  target: null,
+  currentTarget: function() {
+    return null;
+  },
+  eventPhase: null,
+  bubbles: null,
+  cancelable: null,
+  timeStamp: function(event) {
+    return event.timeStamp || Date.now();
+  },
+  defaultPrevented: null,
+  isTrusted: null
+};
+SyntheticEvent.extend = function(Interface) {
+  function E() {}
+  function Class() {
+    return Super.apply(this, arguments);
+  }
+  var Super = this;
+  E.prototype = Super.prototype;
+  var prototype = new E();
+  Object.assign(prototype, Class.prototype);
+  Class.prototype = prototype;
+  Class.prototype.constructor = Class;
+  Class.Interface = Object.assign({}, Super.Interface, Interface);
+  Class.extend = Super.extend;
+  addEventPoolingTo(Class);
+  return Class;
+};
+addEventPoolingTo(SyntheticEvent);
+function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
+  if (this.eventPool.length) {
+    var instance = this.eventPool.pop();
+    this.call(instance, dispatchConfig, targetInst, nativeEvent, nativeInst);
+    return instance;
+  }
+  return new this(dispatchConfig, targetInst, nativeEvent, nativeInst);
+}
+function releasePooledEvent(event) {
+  if (!(event instanceof this))
+    throw ReactError(
+      Error(
+        "Trying to release an event instance into a pool of a different type."
+      )
+    );
+  event.destructor();
+  10 > this.eventPool.length && this.eventPool.push(event);
+}
+function addEventPoolingTo(EventConstructor) {
+  EventConstructor.eventPool = [];
+  EventConstructor.getPooled = getPooledEvent;
+  EventConstructor.release = releasePooledEvent;
+}
+var ResponderSyntheticEvent = SyntheticEvent.extend({
+  touchHistory: function() {
+    return null;
+  }
+});
+function isStartish(topLevelType) {
+  return "topTouchStart" === topLevelType;
+}
+function isMoveish(topLevelType) {
+  return "topTouchMove" === topLevelType;
+}
+var startDependencies = ["topTouchStart"],
+  moveDependencies = ["topTouchMove"],
+  endDependencies = ["topTouchCancel", "topTouchEnd"],
+  touchBank = [],
+  touchHistory = {
+    touchBank: touchBank,
+    numberActiveTouches: 0,
+    indexOfSingleActiveTouch: -1,
+    mostRecentTimeStamp: 0
+  };
+function timestampForTouch(touch) {
+  return touch.timeStamp || touch.timestamp;
+}
+function getTouchIdentifier(_ref) {
+  _ref = _ref.identifier;
+  if (null == _ref)
+    throw ReactError(Error("Touch object is missing identifier."));
+  return _ref;
+}
+function recordTouchStart(touch) {
+  var identifier = getTouchIdentifier(touch),
+    touchRecord = touchBank[identifier];
+  touchRecord
+    ? ((touchRecord.touchActive = !0),
+      (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)))
+    : ((touchRecord = {
+        touchActive: !0,
+        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)
+      }),
+      (touchBank[identifier] = touchRecord));
+  touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+}
+function recordTouchMove(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
+  touchRecord
+    ? ((touchRecord.touchActive = !0),
+      (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)))
+    : console.warn(
+        "Cannot record touch move without a touch start.\nTouch Move: %s\n",
+        "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
+      );
+}
+function recordTouchEnd(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
+  touchRecord
+    ? ((touchRecord.touchActive = !1),
+      (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)))
+    : console.warn(
+        "Cannot record touch end without a touch start.\nTouch End: %s\n",
+        "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
+      );
+}
+function printTouch(touch) {
+  return JSON.stringify({
+    identifier: touch.identifier,
+    pageX: touch.pageX,
+    pageY: touch.pageY,
+    timestamp: timestampForTouch(touch)
+  });
+}
+function printTouchBank() {
+  var printed = JSON.stringify(touchBank.slice(0, 20));
+  20 < touchBank.length &&
+    (printed += " (original size: " + touchBank.length + ")");
+  return printed;
+}
+var ResponderTouchHistoryStore = {
+  recordTouchTrack: function(topLevelType, nativeEvent) {
+    if (isMoveish(topLevelType))
+      nativeEvent.changedTouches.forEach(recordTouchMove);
+    else if (isStartish(topLevelType))
+      nativeEvent.changedTouches.forEach(recordTouchStart),
+        (touchHistory.numberActiveTouches = nativeEvent.touches.length),
+        1 === touchHistory.numberActiveTouches &&
+          (touchHistory.indexOfSingleActiveTouch =
+            nativeEvent.touches[0].identifier);
+    else if (
+      "topTouchEnd" === topLevelType ||
+      "topTouchCancel" === topLevelType
+    )
+      if (
+        (nativeEvent.changedTouches.forEach(recordTouchEnd),
+        (touchHistory.numberActiveTouches = nativeEvent.touches.length),
+        1 === touchHistory.numberActiveTouches)
+      )
+        for (topLevelType = 0; topLevelType < touchBank.length; topLevelType++)
+          if (
+            ((nativeEvent = touchBank[topLevelType]),
+            null != nativeEvent && nativeEvent.touchActive)
+          ) {
+            touchHistory.indexOfSingleActiveTouch = topLevelType;
+            break;
+          }
+  },
+  touchHistory: touchHistory
+};
+function accumulate(current, next) {
+  if (null == next)
+    throw ReactError(
+      Error("accumulate(...): Accumulated items must not be null or undefined.")
+    );
+  return null == current
+    ? next
+    : Array.isArray(current)
+      ? current.concat(next)
+      : Array.isArray(next)
+        ? [current].concat(next)
+        : [current, next];
+}
+var responderInst = null,
+  trackedTouchCount = 0;
+function changeResponder(nextResponderInst, blockHostResponder) {
+  var oldResponderInst = responderInst;
+  responderInst = nextResponderInst;
+  if (null !== ResponderEventPlugin.GlobalResponderHandler)
+    ResponderEventPlugin.GlobalResponderHandler.onChange(
+      oldResponderInst,
+      nextResponderInst,
+      blockHostResponder
+    );
+}
+var eventTypes = {
+    startShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onStartShouldSetResponder",
+        captured: "onStartShouldSetResponderCapture"
+      },
+      dependencies: startDependencies
+    },
+    scrollShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onScrollShouldSetResponder",
+        captured: "onScrollShouldSetResponderCapture"
+      },
+      dependencies: ["topScroll"]
+    },
+    selectionChangeShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onSelectionChangeShouldSetResponder",
+        captured: "onSelectionChangeShouldSetResponderCapture"
+      },
+      dependencies: ["topSelectionChange"]
+    },
+    moveShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onMoveShouldSetResponder",
+        captured: "onMoveShouldSetResponderCapture"
+      },
+      dependencies: moveDependencies
+    },
+    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: []
+    }
+  },
+  ResponderEventPlugin = {
+    _getResponder: function() {
+      return responderInst;
+    },
+    eventTypes: eventTypes,
+    extractEvents: function(
+      topLevelType,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      if (isStartish(topLevelType)) trackedTouchCount += 1;
+      else if (
+        "topTouchEnd" === topLevelType ||
+        "topTouchCancel" === topLevelType
+      )
+        if (0 <= trackedTouchCount) --trackedTouchCount;
+        else
+          return (
+            console.error(
+              "Ended a touch event which was not counted in `trackedTouchCount`."
+            ),
+            null
+          );
+      ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
+      if (
+        targetInst &&
+        (("topScroll" === topLevelType && !nativeEvent.responderIgnoreScroll) ||
+          (0 < trackedTouchCount && "topSelectionChange" === topLevelType) ||
+          isStartish(topLevelType) ||
+          isMoveish(topLevelType))
+      ) {
+        var JSCompiler_temp = isStartish(topLevelType)
+          ? eventTypes.startShouldSetResponder
+          : isMoveish(topLevelType)
+            ? eventTypes.moveShouldSetResponder
+            : "topSelectionChange" === topLevelType
+              ? eventTypes.selectionChangeShouldSetResponder
+              : eventTypes.scrollShouldSetResponder;
+        if (responderInst)
+          b: {
+            var JSCompiler_temp$jscomp$0 = responderInst;
+            for (
+              var depthA = 0, tempA = JSCompiler_temp$jscomp$0;
+              tempA;
+              tempA = getParent(tempA)
+            )
+              depthA++;
+            tempA = 0;
+            for (var tempB = targetInst; tempB; tempB = getParent(tempB))
+              tempA++;
+            for (; 0 < depthA - tempA; )
+              (JSCompiler_temp$jscomp$0 = getParent(JSCompiler_temp$jscomp$0)),
+                depthA--;
+            for (; 0 < tempA - depthA; )
+              (targetInst = getParent(targetInst)), tempA--;
+            for (; depthA--; ) {
+              if (
+                JSCompiler_temp$jscomp$0 === targetInst ||
+                JSCompiler_temp$jscomp$0 === targetInst.alternate
+              )
+                break b;
+              JSCompiler_temp$jscomp$0 = getParent(JSCompiler_temp$jscomp$0);
+              targetInst = getParent(targetInst);
+            }
+            JSCompiler_temp$jscomp$0 = null;
+          }
+        else JSCompiler_temp$jscomp$0 = targetInst;
+        targetInst = JSCompiler_temp$jscomp$0 === responderInst;
+        JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
+          JSCompiler_temp,
+          JSCompiler_temp$jscomp$0,
+          nativeEvent,
+          nativeEventTarget
+        );
+        JSCompiler_temp$jscomp$0.touchHistory =
+          ResponderTouchHistoryStore.touchHistory;
+        targetInst
+          ? forEachAccumulated(
+              JSCompiler_temp$jscomp$0,
+              accumulateTwoPhaseDispatchesSingleSkipTarget
+            )
+          : forEachAccumulated(
+              JSCompiler_temp$jscomp$0,
+              accumulateTwoPhaseDispatchesSingle
+            );
+        b: {
+          JSCompiler_temp = JSCompiler_temp$jscomp$0._dispatchListeners;
+          targetInst = JSCompiler_temp$jscomp$0._dispatchInstances;
+          if (Array.isArray(JSCompiler_temp))
+            for (
+              depthA = 0;
+              depthA < JSCompiler_temp.length &&
+              !JSCompiler_temp$jscomp$0.isPropagationStopped();
+              depthA++
+            ) {
+              if (
+                JSCompiler_temp[depthA](
+                  JSCompiler_temp$jscomp$0,
+                  targetInst[depthA]
+                )
+              ) {
+                JSCompiler_temp = targetInst[depthA];
+                break b;
+              }
+            }
+          else if (
+            JSCompiler_temp &&
+            JSCompiler_temp(JSCompiler_temp$jscomp$0, targetInst)
+          ) {
+            JSCompiler_temp = targetInst;
+            break b;
+          }
+          JSCompiler_temp = null;
+        }
+        JSCompiler_temp$jscomp$0._dispatchInstances = null;
+        JSCompiler_temp$jscomp$0._dispatchListeners = null;
+        JSCompiler_temp$jscomp$0.isPersistent() ||
+          JSCompiler_temp$jscomp$0.constructor.release(
+            JSCompiler_temp$jscomp$0
+          );
+        JSCompiler_temp && JSCompiler_temp !== responderInst
+          ? ((JSCompiler_temp$jscomp$0 = void 0),
+            (targetInst = ResponderSyntheticEvent.getPooled(
+              eventTypes.responderGrant,
+              JSCompiler_temp,
+              nativeEvent,
+              nativeEventTarget
+            )),
+            (targetInst.touchHistory = ResponderTouchHistoryStore.touchHistory),
+            forEachAccumulated(targetInst, accumulateDirectDispatchesSingle),
+            (depthA = !0 === executeDirectDispatch(targetInst)),
+            responderInst
+              ? ((tempA = ResponderSyntheticEvent.getPooled(
+                  eventTypes.responderTerminationRequest,
+                  responderInst,
+                  nativeEvent,
+                  nativeEventTarget
+                )),
+                (tempA.touchHistory = ResponderTouchHistoryStore.touchHistory),
+                forEachAccumulated(tempA, accumulateDirectDispatchesSingle),
+                (tempB =
+                  !tempA._dispatchListeners || executeDirectDispatch(tempA)),
+                tempA.isPersistent() || tempA.constructor.release(tempA),
+                tempB
+                  ? ((tempA = ResponderSyntheticEvent.getPooled(
+                      eventTypes.responderTerminate,
+                      responderInst,
+                      nativeEvent,
+                      nativeEventTarget
+                    )),
+                    (tempA.touchHistory =
+                      ResponderTouchHistoryStore.touchHistory),
+                    forEachAccumulated(tempA, accumulateDirectDispatchesSingle),
+                    (JSCompiler_temp$jscomp$0 = accumulate(
+                      JSCompiler_temp$jscomp$0,
+                      [targetInst, tempA]
+                    )),
+                    changeResponder(JSCompiler_temp, depthA))
+                  : ((JSCompiler_temp = ResponderSyntheticEvent.getPooled(
+                      eventTypes.responderReject,
+                      JSCompiler_temp,
+                      nativeEvent,
+                      nativeEventTarget
+                    )),
+                    (JSCompiler_temp.touchHistory =
+                      ResponderTouchHistoryStore.touchHistory),
+                    forEachAccumulated(
+                      JSCompiler_temp,
+                      accumulateDirectDispatchesSingle
+                    ),
+                    (JSCompiler_temp$jscomp$0 = accumulate(
+                      JSCompiler_temp$jscomp$0,
+                      JSCompiler_temp
+                    ))))
+              : ((JSCompiler_temp$jscomp$0 = accumulate(
+                  JSCompiler_temp$jscomp$0,
+                  targetInst
+                )),
+                changeResponder(JSCompiler_temp, depthA)),
+            (JSCompiler_temp = JSCompiler_temp$jscomp$0))
+          : (JSCompiler_temp = null);
+      } else JSCompiler_temp = null;
+      JSCompiler_temp$jscomp$0 = responderInst && isStartish(topLevelType);
+      targetInst = responderInst && isMoveish(topLevelType);
+      depthA =
+        responderInst &&
+        ("topTouchEnd" === topLevelType || "topTouchCancel" === topLevelType);
+      if (
+        (JSCompiler_temp$jscomp$0 = JSCompiler_temp$jscomp$0
+          ? eventTypes.responderStart
+          : targetInst
+            ? eventTypes.responderMove
+            : depthA
+              ? eventTypes.responderEnd
+              : null)
+      )
+        (JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
+          JSCompiler_temp$jscomp$0,
+          responderInst,
+          nativeEvent,
+          nativeEventTarget
+        )),
+          (JSCompiler_temp$jscomp$0.touchHistory =
+            ResponderTouchHistoryStore.touchHistory),
+          forEachAccumulated(
+            JSCompiler_temp$jscomp$0,
+            accumulateDirectDispatchesSingle
+          ),
+          (JSCompiler_temp = accumulate(
+            JSCompiler_temp,
+            JSCompiler_temp$jscomp$0
+          ));
+      JSCompiler_temp$jscomp$0 =
+        responderInst && "topTouchCancel" === topLevelType;
+      if (
+        (topLevelType =
+          responderInst &&
+          !JSCompiler_temp$jscomp$0 &&
+          ("topTouchEnd" === topLevelType || "topTouchCancel" === topLevelType))
+      )
+        a: {
+          if ((topLevelType = nativeEvent.touches) && 0 !== topLevelType.length)
+            for (targetInst = 0; targetInst < topLevelType.length; targetInst++)
+              if (
+                ((depthA = topLevelType[targetInst].target),
+                null !== depthA && void 0 !== depthA && 0 !== depthA)
+              ) {
+                tempA = getInstanceFromNode(depthA);
+                b: {
+                  for (depthA = responderInst; tempA; ) {
+                    if (depthA === tempA || depthA === tempA.alternate) {
+                      depthA = !0;
+                      break b;
+                    }
+                    tempA = getParent(tempA);
+                  }
+                  depthA = !1;
+                }
+                if (depthA) {
+                  topLevelType = !1;
+                  break a;
+                }
+              }
+          topLevelType = !0;
+        }
+      if (
+        (topLevelType = JSCompiler_temp$jscomp$0
+          ? eventTypes.responderTerminate
+          : topLevelType
+            ? eventTypes.responderRelease
+            : null)
+      )
+        (nativeEvent = ResponderSyntheticEvent.getPooled(
+          topLevelType,
+          responderInst,
+          nativeEvent,
+          nativeEventTarget
+        )),
+          (nativeEvent.touchHistory = ResponderTouchHistoryStore.touchHistory),
+          forEachAccumulated(nativeEvent, accumulateDirectDispatchesSingle),
+          (JSCompiler_temp = accumulate(JSCompiler_temp, nativeEvent)),
+          changeResponder(null);
+      return JSCompiler_temp;
+    },
+    GlobalResponderHandler: null,
+    injection: {
+      injectGlobalResponderHandler: function(GlobalResponderHandler) {
+        ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
+      }
+    }
+  },
+  customBubblingEventTypes =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customBubblingEventTypes,
+  customDirectEventTypes =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customDirectEventTypes;
+injection.injectEventPluginOrder([
+  "ResponderEventPlugin",
+  "ReactNativeBridgeEventPlugin"
+]);
+injection.injectEventPluginsByName({
+  ResponderEventPlugin: ResponderEventPlugin,
+  ReactNativeBridgeEventPlugin: {
+    eventTypes: {},
+    extractEvents: function(
+      topLevelType,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      if (null == targetInst) return null;
+      var bubbleDispatchConfig = customBubblingEventTypes[topLevelType],
+        directDispatchConfig = customDirectEventTypes[topLevelType];
+      if (!bubbleDispatchConfig && !directDispatchConfig)
+        throw ReactError(
+          Error(
+            'Unsupported top level event type "' + topLevelType + '" dispatched'
+          )
+        );
+      topLevelType = SyntheticEvent.getPooled(
+        bubbleDispatchConfig || directDispatchConfig,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget
+      );
+      if (bubbleDispatchConfig)
+        forEachAccumulated(topLevelType, accumulateTwoPhaseDispatchesSingle);
+      else if (directDispatchConfig)
+        forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
+      else return null;
+      return topLevelType;
+    }
+  }
+});
+var instanceCache = new Map(),
+  instanceProps = new Map();
+function getInstanceFromTag(tag) {
+  return instanceCache.get(tag) || null;
+}
+var restoreTarget = null,
+  restoreQueue = null;
+function restoreStateOfTarget(target) {
+  if (getInstanceFromNode(target))
+    throw ReactError(
+      Error(
+        "setRestoreImplementation() needs to be called to handle a target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+      )
+    );
+}
+require("../shims/ReactFeatureFlags");
+function batchedUpdatesImpl(fn, bookkeeping) {
+  return fn(bookkeeping);
+}
+function flushDiscreteUpdatesImpl() {}
+var isInsideEventHandler = !1;
+function batchedUpdates(fn, bookkeeping) {
+  if (isInsideEventHandler) return fn(bookkeeping);
+  isInsideEventHandler = !0;
+  try {
+    return batchedUpdatesImpl(fn, bookkeeping);
+  } finally {
+    if (
+      ((isInsideEventHandler = !1),
+      null !== restoreTarget || null !== restoreQueue)
+    )
+      if (
+        (flushDiscreteUpdatesImpl(),
+        restoreTarget &&
+          ((bookkeeping = restoreTarget),
+          (fn = restoreQueue),
+          (restoreQueue = restoreTarget = null),
+          restoreStateOfTarget(bookkeeping),
+          fn))
+      )
+        for (bookkeeping = 0; bookkeeping < fn.length; bookkeeping++)
+          restoreStateOfTarget(fn[bookkeeping]);
+  }
+}
+var EMPTY_NATIVE_EVENT = {};
+function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
+  var nativeEvent = nativeEventParam || EMPTY_NATIVE_EVENT,
+    inst = getInstanceFromTag(rootNodeID);
+  batchedUpdates(function() {
+    var events = nativeEvent.target;
+    for (var events$jscomp$0 = null, i = 0; i < plugins.length; i++) {
+      var possiblePlugin = plugins[i];
+      possiblePlugin &&
+        (possiblePlugin = possiblePlugin.extractEvents(
+          topLevelType,
+          inst,
+          nativeEvent,
+          events
+        )) &&
+        (events$jscomp$0 = accumulateInto(events$jscomp$0, possiblePlugin));
+    }
+    events = events$jscomp$0;
+    null !== events && (eventQueue = accumulateInto(eventQueue, events));
+    events = eventQueue;
+    eventQueue = null;
+    if (events) {
+      forEachAccumulated(events, executeDispatchesAndReleaseTopLevel);
+      if (eventQueue)
+        throw ReactError(
+          Error(
+            "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+          )
+        );
+      if (hasRethrowError)
+        throw ((events = rethrowError),
+        (hasRethrowError = !1),
+        (rethrowError = null),
+        events);
+    }
+  });
+}
+ReactNativePrivateInterface.RCTEventEmitter.register({
+  receiveEvent: function(rootNodeID, topLevelType, nativeEventParam) {
+    _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam);
+  },
+  receiveTouches: function(eventTopLevelType, touches, changedIndices) {
+    if (
+      "topTouchEnd" === eventTopLevelType ||
+      "topTouchCancel" === eventTopLevelType
+    ) {
+      var JSCompiler_temp = [];
+      for (var i = 0; i < changedIndices.length; i++) {
+        var index = changedIndices[i];
+        JSCompiler_temp.push(touches[index]);
+        touches[index] = null;
+      }
+      for (i = changedIndices = 0; i < touches.length; i++)
+        (index = touches[i]),
+          null !== index && (touches[changedIndices++] = index);
+      touches.length = changedIndices;
+    } else
+      for (JSCompiler_temp = [], i = 0; i < changedIndices.length; i++)
+        JSCompiler_temp.push(touches[changedIndices[i]]);
+    for (
+      changedIndices = 0;
+      changedIndices < JSCompiler_temp.length;
+      changedIndices++
+    ) {
+      i = JSCompiler_temp[changedIndices];
+      i.changedTouches = JSCompiler_temp;
+      i.touches = touches;
+      index = null;
+      var target = i.target;
+      null === target || void 0 === target || 1 > target || (index = target);
+      _receiveRootNodeIDEvent(index, eventTopLevelType, i);
+    }
+  }
+});
+getFiberCurrentPropsFromNode = function(stateNode) {
+  return instanceProps.get(stateNode._nativeTag) || null;
+};
+getInstanceFromNode = getInstanceFromTag;
+getNodeFromInstance = function(inst) {
+  var tag = inst.stateNode._nativeTag;
+  void 0 === tag && (tag = inst.stateNode.canonical._nativeTag);
+  if (!tag) throw ReactError(Error("All native instances should have a tag."));
+  return tag;
+};
+ResponderEventPlugin.injection.injectGlobalResponderHandler({
+  onChange: function(from, to, blockNativeResponder) {
+    null !== to
+      ? ReactNativePrivateInterface.UIManager.setJSResponder(
+          to.stateNode._nativeTag,
+          blockNativeResponder
+        )
+      : ReactNativePrivateInterface.UIManager.clearJSResponder();
+  }
+});
+var ReactSharedInternals =
+  React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+ReactSharedInternals.hasOwnProperty("ReactCurrentDispatcher") ||
+  (ReactSharedInternals.ReactCurrentDispatcher = { current: null });
+ReactSharedInternals.hasOwnProperty("ReactCurrentBatchConfig") ||
+  (ReactSharedInternals.ReactCurrentBatchConfig = { suspense: null });
+var hasSymbol = "function" === typeof Symbol && Symbol.for,
+  REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103,
+  REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106,
+  REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107,
+  REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108,
+  REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114,
+  REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109,
+  REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110,
+  REACT_CONCURRENT_MODE_TYPE = hasSymbol
+    ? Symbol.for("react.concurrent_mode")
+    : 60111,
+  REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112,
+  REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113,
+  REACT_SUSPENSE_LIST_TYPE = hasSymbol
+    ? Symbol.for("react.suspense_list")
+    : 60120,
+  REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115,
+  REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
+hasSymbol && Symbol.for("react.fundamental");
+hasSymbol && Symbol.for("react.responder");
+var MAYBE_ITERATOR_SYMBOL = "function" === typeof 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 getComponentName(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 "Context.Consumer";
+      case REACT_PROVIDER_TYPE:
+        return "Context.Provider";
+      case REACT_FORWARD_REF_TYPE:
+        var innerType = type.render;
+        innerType = innerType.displayName || innerType.name || "";
+        return (
+          type.displayName ||
+          ("" !== innerType ? "ForwardRef(" + innerType + ")" : "ForwardRef")
+        );
+      case REACT_MEMO_TYPE:
+        return getComponentName(type.type);
+      case REACT_LAZY_TYPE:
+        if ((type = 1 === type._status ? type._result : null))
+          return getComponentName(type);
+    }
+  return null;
+}
+function isFiberMountedImpl(fiber) {
+  var node = fiber;
+  if (fiber.alternate) for (; node.return; ) node = node.return;
+  else {
+    if (0 !== (node.effectTag & 2)) return 1;
+    for (; node.return; )
+      if (((node = node.return), 0 !== (node.effectTag & 2))) return 1;
+  }
+  return 3 === node.tag ? 2 : 3;
+}
+function assertIsMounted(fiber) {
+  if (2 !== isFiberMountedImpl(fiber))
+    throw ReactError(Error("Unable to find node on an unmounted component."));
+}
+function findCurrentFiberUsingSlowPath(fiber) {
+  var alternate = fiber.alternate;
+  if (!alternate) {
+    alternate = isFiberMountedImpl(fiber);
+    if (3 === alternate)
+      throw ReactError(Error("Unable to find node on an unmounted component."));
+    return 1 === alternate ? 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 ReactError(Error("Unable to find node on an unmounted component."));
+    }
+    if (a.return !== b.return) (a = parentA), (b = parentB);
+    else {
+      for (var didFindChild = !1, _child = parentA.child; _child; ) {
+        if (_child === a) {
+          didFindChild = !0;
+          a = parentA;
+          b = parentB;
+          break;
+        }
+        if (_child === b) {
+          didFindChild = !0;
+          b = parentA;
+          a = parentB;
+          break;
+        }
+        _child = _child.sibling;
+      }
+      if (!didFindChild) {
+        for (_child = parentB.child; _child; ) {
+          if (_child === a) {
+            didFindChild = !0;
+            a = parentB;
+            b = parentA;
+            break;
+          }
+          if (_child === b) {
+            didFindChild = !0;
+            b = parentB;
+            a = parentA;
+            break;
+          }
+          _child = _child.sibling;
+        }
+        if (!didFindChild)
+          throw ReactError(
+            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 ReactError(
+        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 ReactError(Error("Unable to find node on an unmounted component."));
+  return a.stateNode.current === a ? fiber : alternate;
+}
+function findCurrentHostFiber(parent) {
+  parent = findCurrentFiberUsingSlowPath(parent);
+  if (!parent) return null;
+  for (var node = parent; ; ) {
+    if (5 === node.tag || 6 === node.tag) return node;
+    if (node.child) (node.child.return = node), (node = node.child);
+    else {
+      if (node === parent) break;
+      for (; !node.sibling; ) {
+        if (!node.return || node.return === parent) return null;
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  }
+  return null;
+}
+var emptyObject = {},
+  removedKeys = null,
+  removedKeyCount = 0;
+function restoreDeletedValuesInNestedArray(
+  updatePayload,
+  node,
+  validAttributes
+) {
+  if (Array.isArray(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 (!Array.isArray(prevProp) && !Array.isArray(nextProp))
+    return diffProperties(updatePayload, prevProp, nextProp, validAttributes);
+  if (Array.isArray(prevProp) && Array.isArray(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 Array.isArray(prevProp)
+    ? diffProperties(
+        updatePayload,
+        ReactNativePrivateInterface.flattenStyle(prevProp),
+        nextProp,
+        validAttributes
+      )
+    : diffProperties(
+        updatePayload,
+        prevProp,
+        ReactNativePrivateInterface.flattenStyle(nextProp),
+        validAttributes
+      );
+}
+function addNestedProperty(updatePayload, nextProp, validAttributes) {
+  if (!nextProp) return updatePayload;
+  if (!Array.isArray(nextProp))
+    return diffProperties(
+      updatePayload,
+      emptyObject,
+      nextProp,
+      validAttributes
+    );
+  for (var i = 0; i < nextProp.length; i++)
+    updatePayload = addNestedProperty(
+      updatePayload,
+      nextProp[i],
+      validAttributes
+    );
+  return updatePayload;
+}
+function clearNestedProperty(updatePayload, prevProp, validAttributes) {
+  if (!prevProp) return updatePayload;
+  if (!Array.isArray(prevProp))
+    return diffProperties(
+      updatePayload,
+      prevProp,
+      emptyObject,
+      validAttributes
+    );
+  for (var i = 0; i < prevProp.length; i++)
+    updatePayload = clearNestedProperty(
+      updatePayload,
+      prevProp[i],
+      validAttributes
+    );
+  return updatePayload;
+}
+function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
+  var attributeConfig, propKey;
+  for (propKey in nextProps)
+    if ((attributeConfig = validAttributes[propKey])) {
+      var prevProp = prevProps[propKey];
+      var nextProp = nextProps[propKey];
+      "function" === typeof nextProp &&
+        ((nextProp = !0), "function" === typeof prevProp && (prevProp = !0));
+      "undefined" === typeof nextProp &&
+        ((nextProp = null),
+        "undefined" === typeof prevProp && (prevProp = null));
+      removedKeys && (removedKeys[propKey] = !1);
+      if (updatePayload && void 0 !== updatePayload[propKey])
+        if ("object" !== typeof attributeConfig)
+          updatePayload[propKey] = nextProp;
+        else {
+          if (
+            "function" === typeof attributeConfig.diff ||
+            "function" === typeof attributeConfig.process
+          )
+            (attributeConfig =
+              "function" === typeof attributeConfig.process
+                ? attributeConfig.process(nextProp)
+                : nextProp),
+              (updatePayload[propKey] = attributeConfig);
+        }
+      else if (prevProp !== nextProp)
+        if ("object" !== typeof attributeConfig)
+          ("object" !== typeof nextProp ||
+            null === nextProp ||
+            ReactNativePrivateInterface.deepDiffer(prevProp, nextProp)) &&
+            ((updatePayload || (updatePayload = {}))[propKey] = nextProp);
+        else if (
+          "function" === typeof attributeConfig.diff ||
+          "function" === typeof attributeConfig.process
+        ) {
+          if (
+            void 0 === prevProp ||
+            ("function" === typeof attributeConfig.diff
+              ? attributeConfig.diff(prevProp, nextProp)
+              : "object" !== typeof nextProp ||
+                null === nextProp ||
+                ReactNativePrivateInterface.deepDiffer(prevProp, nextProp))
+          )
+            (attributeConfig =
+              "function" === typeof attributeConfig.process
+                ? attributeConfig.process(nextProp)
+                : nextProp),
+              ((updatePayload || (updatePayload = {}))[
+                propKey
+              ] = attributeConfig);
+        } else
+          (removedKeys = null),
+            (removedKeyCount = 0),
+            (updatePayload = diffNestedProperty(
+              updatePayload,
+              prevProp,
+              nextProp,
+              attributeConfig
+            )),
+            0 < removedKeyCount &&
+              updatePayload &&
+              (restoreDeletedValuesInNestedArray(
+                updatePayload,
+                nextProp,
+                attributeConfig
+              ),
+              (removedKeys = null));
+    }
+  for (var _propKey in prevProps)
+    void 0 === nextProps[_propKey] &&
+      (!(attributeConfig = validAttributes[_propKey]) ||
+        (updatePayload && void 0 !== updatePayload[_propKey]) ||
+        ((prevProp = prevProps[_propKey]),
+        void 0 !== prevProp &&
+          ("object" !== typeof attributeConfig ||
+          "function" === typeof attributeConfig.diff ||
+          "function" === typeof attributeConfig.process
+            ? (((updatePayload || (updatePayload = {}))[_propKey] = null),
+              removedKeys || (removedKeys = {}),
+              removedKeys[_propKey] ||
+                ((removedKeys[_propKey] = !0), removedKeyCount++))
+            : (updatePayload = clearNestedProperty(
+                updatePayload,
+                prevProp,
+                attributeConfig
+              )))));
+  return updatePayload;
+}
+function mountSafeCallback_NOT_REALLY_SAFE(context, callback) {
+  return function() {
+    if (
+      callback &&
+      ("boolean" !== typeof context.__isMounted || context.__isMounted)
+    )
+      return callback.apply(context, arguments);
+  };
+}
+var ReactNativeFiberHostComponent = (function() {
+  function ReactNativeFiberHostComponent(tag, viewConfig) {
+    if (!(this instanceof ReactNativeFiberHostComponent))
+      throw new TypeError("Cannot call a class as a function");
+    this._nativeTag = tag;
+    this._children = [];
+    this.viewConfig = viewConfig;
+  }
+  ReactNativeFiberHostComponent.prototype.blur = function() {
+    ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
+  };
+  ReactNativeFiberHostComponent.prototype.focus = function() {
+    ReactNativePrivateInterface.TextInputState.focusTextInput(this._nativeTag);
+  };
+  ReactNativeFiberHostComponent.prototype.measure = function(callback) {
+    ReactNativePrivateInterface.UIManager.measure(
+      this._nativeTag,
+      mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+    );
+  };
+  ReactNativeFiberHostComponent.prototype.measureInWindow = function(callback) {
+    ReactNativePrivateInterface.UIManager.measureInWindow(
+      this._nativeTag,
+      mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+    );
+  };
+  ReactNativeFiberHostComponent.prototype.measureLayout = function(
+    relativeToNativeNode,
+    onSuccess,
+    onFail
+  ) {
+    var relativeNode = void 0;
+    "number" === typeof relativeToNativeNode
+      ? (relativeNode = relativeToNativeNode)
+      : relativeToNativeNode._nativeTag
+        ? (relativeNode = relativeToNativeNode._nativeTag)
+        : relativeToNativeNode.canonical &&
+          relativeToNativeNode.canonical._nativeTag &&
+          (relativeNode = relativeToNativeNode.canonical._nativeTag);
+    null != relativeNode &&
+      ReactNativePrivateInterface.UIManager.measureLayout(
+        this._nativeTag,
+        relativeNode,
+        mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
+        mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
+      );
+  };
+  ReactNativeFiberHostComponent.prototype.setNativeProps = function(
+    nativeProps
+  ) {
+    nativeProps = diffProperties(
+      null,
+      emptyObject,
+      nativeProps,
+      this.viewConfig.validAttributes
+    );
+    null != nativeProps &&
+      ReactNativePrivateInterface.UIManager.updateView(
+        this._nativeTag,
+        this.viewConfig.uiViewClassName,
+        nativeProps
+      );
+  };
+  return ReactNativeFiberHostComponent;
+})();
+function shim$1() {
+  throw ReactError(
+    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;
+  1 === tag % 10 && (tag += 2);
+  nextReactTag = tag + 2;
+  return tag;
+}
+function recursivelyUncacheFiberNode(node) {
+  if ("number" === typeof node)
+    instanceCache.delete(node), instanceProps.delete(node);
+  else {
+    var tag = node._nativeTag;
+    instanceCache.delete(tag);
+    instanceProps.delete(tag);
+    node._children.forEach(recursivelyUncacheFiberNode);
+  }
+}
+function finalizeInitialChildren(parentInstance) {
+  if (0 === parentInstance._children.length) return !1;
+  var nativeTags = parentInstance._children.map(function(child) {
+    return "number" === typeof child ? child : child._nativeTag;
+  });
+  ReactNativePrivateInterface.UIManager.setChildren(
+    parentInstance._nativeTag,
+    nativeTags
+  );
+  return !1;
+}
+var scheduleTimeout = setTimeout,
+  cancelTimeout = clearTimeout,
+  BEFORE_SLASH_RE = /^(.*)[\\\/]/;
+function getStackByFiberInDevAndProd(workInProgress) {
+  var info = "";
+  do {
+    a: switch (workInProgress.tag) {
+      case 3:
+      case 4:
+      case 6:
+      case 7:
+      case 10:
+      case 9:
+        var JSCompiler_inline_result = "";
+        break a;
+      default:
+        var owner = workInProgress._debugOwner,
+          source = workInProgress._debugSource,
+          name = getComponentName(workInProgress.type);
+        JSCompiler_inline_result = null;
+        owner && (JSCompiler_inline_result = getComponentName(owner.type));
+        owner = name;
+        name = "";
+        source
+          ? (name =
+              " (at " +
+              source.fileName.replace(BEFORE_SLASH_RE, "") +
+              ":" +
+              source.lineNumber +
+              ")")
+          : JSCompiler_inline_result &&
+            (name = " (created by " + JSCompiler_inline_result + ")");
+        JSCompiler_inline_result = "\n    in " + (owner || "Unknown") + name;
+    }
+    info += JSCompiler_inline_result;
+    workInProgress = workInProgress.return;
+  } while (workInProgress);
+  return info;
+}
+new Set();
+var valueStack = [],
+  index = -1;
+function pop(cursor) {
+  0 > index ||
+    ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
+}
+function push(cursor, value) {
+  index++;
+  valueStack[index] = cursor.current;
+  cursor.current = value;
+}
+var emptyContextObject = {},
+  contextStackCursor = { current: emptyContextObject },
+  didPerformWorkStackCursor = { current: !1 },
+  previousContext = emptyContextObject;
+function getMaskedContext(workInProgress, unmaskedContext) {
+  var contextTypes = workInProgress.type.contextTypes;
+  if (!contextTypes) return emptyContextObject;
+  var instance = workInProgress.stateNode;
+  if (
+    instance &&
+    instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
+  )
+    return instance.__reactInternalMemoizedMaskedChildContext;
+  var context = {},
+    key;
+  for (key in contextTypes) context[key] = unmaskedContext[key];
+  instance &&
+    ((workInProgress = workInProgress.stateNode),
+    (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
+    (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
+  return context;
+}
+function isContextProvider(type) {
+  type = type.childContextTypes;
+  return null !== type && void 0 !== type;
+}
+function popContext(fiber) {
+  pop(didPerformWorkStackCursor, fiber);
+  pop(contextStackCursor, fiber);
+}
+function popTopLevelContextObject(fiber) {
+  pop(didPerformWorkStackCursor, fiber);
+  pop(contextStackCursor, fiber);
+}
+function pushTopLevelContextObject(fiber, context, didChange) {
+  if (contextStackCursor.current !== emptyContextObject)
+    throw ReactError(
+      Error(
+        "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
+      )
+    );
+  push(contextStackCursor, context, fiber);
+  push(didPerformWorkStackCursor, didChange, fiber);
+}
+function processChildContext(fiber, type, parentContext) {
+  var instance = fiber.stateNode;
+  fiber = type.childContextTypes;
+  if ("function" !== typeof instance.getChildContext) return parentContext;
+  instance = instance.getChildContext();
+  for (var contextKey in instance)
+    if (!(contextKey in fiber))
+      throw ReactError(
+        Error(
+          (getComponentName(type) || "Unknown") +
+            '.getChildContext(): key "' +
+            contextKey +
+            '" is not defined in childContextTypes.'
+        )
+      );
+  return Object.assign({}, parentContext, instance);
+}
+function pushContextProvider(workInProgress) {
+  var instance = workInProgress.stateNode;
+  instance =
+    (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+    emptyContextObject;
+  previousContext = contextStackCursor.current;
+  push(contextStackCursor, instance, workInProgress);
+  push(
+    didPerformWorkStackCursor,
+    didPerformWorkStackCursor.current,
+    workInProgress
+  );
+  return !0;
+}
+function invalidateContextProvider(workInProgress, type, didChange) {
+  var instance = workInProgress.stateNode;
+  if (!instance)
+    throw ReactError(
+      Error(
+        "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
+      )
+    );
+  didChange
+    ? ((type = processChildContext(workInProgress, type, previousContext)),
+      (instance.__reactInternalMemoizedMergedChildContext = type),
+      pop(didPerformWorkStackCursor, workInProgress),
+      pop(contextStackCursor, workInProgress),
+      push(contextStackCursor, type, workInProgress))
+    : pop(didPerformWorkStackCursor, workInProgress);
+  push(didPerformWorkStackCursor, didChange, workInProgress);
+}
+var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority,
+  Scheduler_scheduleCallback = Scheduler.unstable_scheduleCallback,
+  Scheduler_cancelCallback = Scheduler.unstable_cancelCallback,
+  Scheduler_shouldYield = Scheduler.unstable_shouldYield,
+  Scheduler_requestPaint = Scheduler.unstable_requestPaint,
+  Scheduler_now = Scheduler.unstable_now,
+  Scheduler_getCurrentPriorityLevel =
+    Scheduler.unstable_getCurrentPriorityLevel,
+  Scheduler_ImmediatePriority = Scheduler.unstable_ImmediatePriority,
+  Scheduler_UserBlockingPriority = Scheduler.unstable_UserBlockingPriority,
+  Scheduler_NormalPriority = Scheduler.unstable_NormalPriority,
+  Scheduler_LowPriority = Scheduler.unstable_LowPriority,
+  Scheduler_IdlePriority = Scheduler.unstable_IdlePriority,
+  fakeCallbackNode = {},
+  requestPaint =
+    void 0 !== Scheduler_requestPaint ? Scheduler_requestPaint : function() {},
+  syncQueue = null,
+  immediateQueueCallbackNode = null,
+  isFlushingSyncQueue = !1,
+  initialTimeMs = Scheduler_now(),
+  now =
+    1e4 > initialTimeMs
+      ? Scheduler_now
+      : function() {
+          return Scheduler_now() - initialTimeMs;
+        };
+function getCurrentPriorityLevel() {
+  switch (Scheduler_getCurrentPriorityLevel()) {
+    case Scheduler_ImmediatePriority:
+      return 99;
+    case Scheduler_UserBlockingPriority:
+      return 98;
+    case Scheduler_NormalPriority:
+      return 97;
+    case Scheduler_LowPriority:
+      return 96;
+    case Scheduler_IdlePriority:
+      return 95;
+    default:
+      throw ReactError(Error("Unknown priority level."));
+  }
+}
+function reactPriorityToSchedulerPriority(reactPriorityLevel) {
+  switch (reactPriorityLevel) {
+    case 99:
+      return Scheduler_ImmediatePriority;
+    case 98:
+      return Scheduler_UserBlockingPriority;
+    case 97:
+      return Scheduler_NormalPriority;
+    case 96:
+      return Scheduler_LowPriority;
+    case 95:
+      return Scheduler_IdlePriority;
+    default:
+      throw ReactError(Error("Unknown priority level."));
+  }
+}
+function runWithPriority(reactPriorityLevel, fn) {
+  reactPriorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
+  return Scheduler_runWithPriority(reactPriorityLevel, fn);
+}
+function scheduleCallback(reactPriorityLevel, callback, options) {
+  reactPriorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
+  return Scheduler_scheduleCallback(reactPriorityLevel, callback, options);
+}
+function scheduleSyncCallback(callback) {
+  null === syncQueue
+    ? ((syncQueue = [callback]),
+      (immediateQueueCallbackNode = Scheduler_scheduleCallback(
+        Scheduler_ImmediatePriority,
+        flushSyncCallbackQueueImpl
+      )))
+    : syncQueue.push(callback);
+  return fakeCallbackNode;
+}
+function flushSyncCallbackQueue() {
+  null !== immediateQueueCallbackNode &&
+    Scheduler_cancelCallback(immediateQueueCallbackNode);
+  flushSyncCallbackQueueImpl();
+}
+function flushSyncCallbackQueueImpl() {
+  if (!isFlushingSyncQueue && null !== syncQueue) {
+    isFlushingSyncQueue = !0;
+    var i = 0;
+    try {
+      var queue = syncQueue;
+      runWithPriority(99, function() {
+        for (; i < queue.length; i++) {
+          var callback = queue[i];
+          do callback = callback(!0);
+          while (null !== callback);
+        }
+      });
+      syncQueue = null;
+    } catch (error) {
+      throw (null !== syncQueue && (syncQueue = syncQueue.slice(i + 1)),
+      Scheduler_scheduleCallback(
+        Scheduler_ImmediatePriority,
+        flushSyncCallbackQueue
+      ),
+      error);
+    } finally {
+      isFlushingSyncQueue = !1;
+    }
+  }
+}
+function inferPriorityFromExpirationTime(currentTime, expirationTime) {
+  if (1073741823 === expirationTime) return 99;
+  if (1 === expirationTime) return 95;
+  currentTime =
+    10 * (1073741821 - expirationTime) - 10 * (1073741821 - currentTime);
+  return 0 >= currentTime
+    ? 99
+    : 250 >= currentTime
+      ? 98
+      : 5250 >= currentTime
+        ? 97
+        : 95;
+}
+function is(x, y) {
+  return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
+}
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+function shallowEqual(objA, objB) {
+  if (is(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++)
+    if (
+      !hasOwnProperty.call(objB, keysA[keysB]) ||
+      !is(objA[keysA[keysB]], objB[keysA[keysB]])
+    )
+      return !1;
+  return !0;
+}
+function resolveDefaultProps(Component, baseProps) {
+  if (Component && Component.defaultProps) {
+    baseProps = Object.assign({}, baseProps);
+    Component = Component.defaultProps;
+    for (var propName in Component)
+      void 0 === baseProps[propName] &&
+        (baseProps[propName] = Component[propName]);
+  }
+  return baseProps;
+}
+function readLazyComponentType(lazyComponent) {
+  var result = lazyComponent._result;
+  switch (lazyComponent._status) {
+    case 1:
+      return result;
+    case 2:
+      throw result;
+    case 0:
+      throw result;
+    default:
+      lazyComponent._status = 0;
+      result = lazyComponent._ctor;
+      result = result();
+      result.then(
+        function(moduleObject) {
+          0 === lazyComponent._status &&
+            ((moduleObject = moduleObject.default),
+            (lazyComponent._status = 1),
+            (lazyComponent._result = moduleObject));
+        },
+        function(error) {
+          0 === lazyComponent._status &&
+            ((lazyComponent._status = 2), (lazyComponent._result = error));
+        }
+      );
+      switch (lazyComponent._status) {
+        case 1:
+          return lazyComponent._result;
+        case 2:
+          throw lazyComponent._result;
+      }
+      lazyComponent._result = result;
+      throw result;
+  }
+}
+var valueCursor = { current: null },
+  currentlyRenderingFiber = null,
+  lastContextDependency = null,
+  lastContextWithAllBitsObserved = null;
+function resetContextDependencies() {
+  lastContextWithAllBitsObserved = lastContextDependency = currentlyRenderingFiber = null;
+}
+function pushProvider(providerFiber, nextValue) {
+  var context = providerFiber.type._context;
+  push(valueCursor, context._currentValue, providerFiber);
+  context._currentValue = nextValue;
+}
+function popProvider(providerFiber) {
+  var currentValue = valueCursor.current;
+  pop(valueCursor, providerFiber);
+  providerFiber.type._context._currentValue = currentValue;
+}
+function scheduleWorkOnParentPath(parent, renderExpirationTime) {
+  for (; null !== parent; ) {
+    var alternate = parent.alternate;
+    if (parent.childExpirationTime < renderExpirationTime)
+      (parent.childExpirationTime = renderExpirationTime),
+        null !== alternate &&
+          alternate.childExpirationTime < renderExpirationTime &&
+          (alternate.childExpirationTime = renderExpirationTime);
+    else if (
+      null !== alternate &&
+      alternate.childExpirationTime < renderExpirationTime
+    )
+      alternate.childExpirationTime = renderExpirationTime;
+    else break;
+    parent = parent.return;
+  }
+}
+function prepareToReadContext(workInProgress, renderExpirationTime) {
+  currentlyRenderingFiber = workInProgress;
+  lastContextWithAllBitsObserved = lastContextDependency = null;
+  workInProgress = workInProgress.dependencies;
+  null !== workInProgress &&
+    null !== workInProgress.firstContext &&
+    (workInProgress.expirationTime >= renderExpirationTime &&
+      (didReceiveUpdate = !0),
+    (workInProgress.firstContext = null));
+}
+function readContext(context, observedBits) {
+  if (
+    lastContextWithAllBitsObserved !== context &&
+    !1 !== observedBits &&
+    0 !== observedBits
+  ) {
+    if ("number" !== typeof observedBits || 1073741823 === observedBits)
+      (lastContextWithAllBitsObserved = context), (observedBits = 1073741823);
+    observedBits = { context: context, observedBits: observedBits, next: null };
+    if (null === lastContextDependency) {
+      if (null === currentlyRenderingFiber)
+        throw ReactError(
+          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 = observedBits;
+      currentlyRenderingFiber.dependencies = {
+        expirationTime: 0,
+        firstContext: observedBits,
+        responders: null
+      };
+    } else lastContextDependency = lastContextDependency.next = observedBits;
+  }
+  return context._currentValue;
+}
+var hasForceUpdate = !1;
+function createUpdateQueue(baseState) {
+  return {
+    baseState: baseState,
+    firstUpdate: null,
+    lastUpdate: null,
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+    firstEffect: null,
+    lastEffect: null,
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
+  };
+}
+function cloneUpdateQueue(currentQueue) {
+  return {
+    baseState: currentQueue.baseState,
+    firstUpdate: currentQueue.firstUpdate,
+    lastUpdate: currentQueue.lastUpdate,
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+    firstEffect: null,
+    lastEffect: null,
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
+  };
+}
+function createUpdate(expirationTime, suspenseConfig) {
+  return {
+    expirationTime: expirationTime,
+    suspenseConfig: suspenseConfig,
+    tag: 0,
+    payload: null,
+    callback: null,
+    next: null,
+    nextEffect: null
+  };
+}
+function appendUpdateToQueue(queue, update) {
+  null === queue.lastUpdate
+    ? (queue.firstUpdate = queue.lastUpdate = update)
+    : ((queue.lastUpdate.next = update), (queue.lastUpdate = update));
+}
+function enqueueUpdate(fiber, update) {
+  var alternate = fiber.alternate;
+  if (null === alternate) {
+    var queue1 = fiber.updateQueue;
+    var queue2 = null;
+    null === queue1 &&
+      (queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState));
+  } else
+    (queue1 = fiber.updateQueue),
+      (queue2 = alternate.updateQueue),
+      null === queue1
+        ? null === queue2
+          ? ((queue1 = fiber.updateQueue = createUpdateQueue(
+              fiber.memoizedState
+            )),
+            (queue2 = alternate.updateQueue = createUpdateQueue(
+              alternate.memoizedState
+            )))
+          : (queue1 = fiber.updateQueue = cloneUpdateQueue(queue2))
+        : null === queue2 &&
+          (queue2 = alternate.updateQueue = cloneUpdateQueue(queue1));
+  null === queue2 || queue1 === queue2
+    ? appendUpdateToQueue(queue1, update)
+    : null === queue1.lastUpdate || null === queue2.lastUpdate
+      ? (appendUpdateToQueue(queue1, update),
+        appendUpdateToQueue(queue2, update))
+      : (appendUpdateToQueue(queue1, update), (queue2.lastUpdate = update));
+}
+function enqueueCapturedUpdate(workInProgress, update) {
+  var workInProgressQueue = workInProgress.updateQueue;
+  workInProgressQueue =
+    null === workInProgressQueue
+      ? (workInProgress.updateQueue = createUpdateQueue(
+          workInProgress.memoizedState
+        ))
+      : ensureWorkInProgressQueueIsAClone(workInProgress, workInProgressQueue);
+  null === workInProgressQueue.lastCapturedUpdate
+    ? (workInProgressQueue.firstCapturedUpdate = workInProgressQueue.lastCapturedUpdate = update)
+    : ((workInProgressQueue.lastCapturedUpdate.next = update),
+      (workInProgressQueue.lastCapturedUpdate = update));
+}
+function ensureWorkInProgressQueueIsAClone(workInProgress, queue) {
+  var current = workInProgress.alternate;
+  null !== current &&
+    queue === current.updateQueue &&
+    (queue = workInProgress.updateQueue = cloneUpdateQueue(queue));
+  return queue;
+}
+function getStateFromUpdate(
+  workInProgress,
+  queue,
+  update,
+  prevState,
+  nextProps,
+  instance
+) {
+  switch (update.tag) {
+    case 1:
+      return (
+        (workInProgress = update.payload),
+        "function" === typeof workInProgress
+          ? workInProgress.call(instance, prevState, nextProps)
+          : workInProgress
+      );
+    case 3:
+      workInProgress.effectTag = (workInProgress.effectTag & -2049) | 64;
+    case 0:
+      workInProgress = update.payload;
+      nextProps =
+        "function" === typeof workInProgress
+          ? workInProgress.call(instance, prevState, nextProps)
+          : workInProgress;
+      if (null === nextProps || void 0 === nextProps) break;
+      return Object.assign({}, prevState, nextProps);
+    case 2:
+      hasForceUpdate = !0;
+  }
+  return prevState;
+}
+function processUpdateQueue(
+  workInProgress,
+  queue,
+  props,
+  instance,
+  renderExpirationTime
+) {
+  hasForceUpdate = !1;
+  queue = ensureWorkInProgressQueueIsAClone(workInProgress, queue);
+  for (
+    var newBaseState = queue.baseState,
+      newFirstUpdate = null,
+      newExpirationTime = 0,
+      update = queue.firstUpdate,
+      resultState = newBaseState;
+    null !== update;
+
+  ) {
+    var updateExpirationTime = update.expirationTime;
+    updateExpirationTime < renderExpirationTime
+      ? (null === newFirstUpdate &&
+          ((newFirstUpdate = update), (newBaseState = resultState)),
+        newExpirationTime < updateExpirationTime &&
+          (newExpirationTime = updateExpirationTime))
+      : (markRenderEventTimeAndConfig(
+          updateExpirationTime,
+          update.suspenseConfig
+        ),
+        (resultState = getStateFromUpdate(
+          workInProgress,
+          queue,
+          update,
+          resultState,
+          props,
+          instance
+        )),
+        null !== update.callback &&
+          ((workInProgress.effectTag |= 32),
+          (update.nextEffect = null),
+          null === queue.lastEffect
+            ? (queue.firstEffect = queue.lastEffect = update)
+            : ((queue.lastEffect.nextEffect = update),
+              (queue.lastEffect = update))));
+    update = update.next;
+  }
+  updateExpirationTime = null;
+  for (update = queue.firstCapturedUpdate; null !== update; ) {
+    var _updateExpirationTime = update.expirationTime;
+    _updateExpirationTime < renderExpirationTime
+      ? (null === updateExpirationTime &&
+          ((updateExpirationTime = update),
+          null === newFirstUpdate && (newBaseState = resultState)),
+        newExpirationTime < _updateExpirationTime &&
+          (newExpirationTime = _updateExpirationTime))
+      : ((resultState = getStateFromUpdate(
+          workInProgress,
+          queue,
+          update,
+          resultState,
+          props,
+          instance
+        )),
+        null !== update.callback &&
+          ((workInProgress.effectTag |= 32),
+          (update.nextEffect = null),
+          null === queue.lastCapturedEffect
+            ? (queue.firstCapturedEffect = queue.lastCapturedEffect = update)
+            : ((queue.lastCapturedEffect.nextEffect = update),
+              (queue.lastCapturedEffect = update))));
+    update = update.next;
+  }
+  null === newFirstUpdate && (queue.lastUpdate = null);
+  null === updateExpirationTime
+    ? (queue.lastCapturedUpdate = null)
+    : (workInProgress.effectTag |= 32);
+  null === newFirstUpdate &&
+    null === updateExpirationTime &&
+    (newBaseState = resultState);
+  queue.baseState = newBaseState;
+  queue.firstUpdate = newFirstUpdate;
+  queue.firstCapturedUpdate = updateExpirationTime;
+  workInProgress.expirationTime = newExpirationTime;
+  workInProgress.memoizedState = resultState;
+}
+function commitUpdateQueue(finishedWork, finishedQueue, instance) {
+  null !== finishedQueue.firstCapturedUpdate &&
+    (null !== finishedQueue.lastUpdate &&
+      ((finishedQueue.lastUpdate.next = finishedQueue.firstCapturedUpdate),
+      (finishedQueue.lastUpdate = finishedQueue.lastCapturedUpdate)),
+    (finishedQueue.firstCapturedUpdate = finishedQueue.lastCapturedUpdate = null));
+  commitUpdateEffects(finishedQueue.firstEffect, instance);
+  finishedQueue.firstEffect = finishedQueue.lastEffect = null;
+  commitUpdateEffects(finishedQueue.firstCapturedEffect, instance);
+  finishedQueue.firstCapturedEffect = finishedQueue.lastCapturedEffect = null;
+}
+function commitUpdateEffects(effect, instance) {
+  for (; null !== effect; ) {
+    var _callback3 = effect.callback;
+    if (null !== _callback3) {
+      effect.callback = null;
+      var context = instance;
+      if ("function" !== typeof _callback3)
+        throw ReactError(
+          Error(
+            "Invalid argument passed as callback. Expected a function. Instead received: " +
+              _callback3
+          )
+        );
+      _callback3.call(context);
+    }
+    effect = effect.nextEffect;
+  }
+}
+var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+  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
+      : Object.assign({}, ctor, getDerivedStateFromProps);
+  workInProgress.memoizedState = getDerivedStateFromProps;
+  nextProps = workInProgress.updateQueue;
+  null !== nextProps &&
+    0 === workInProgress.expirationTime &&
+    (nextProps.baseState = getDerivedStateFromProps);
+}
+var classComponentUpdater = {
+  isMounted: function(component) {
+    return (component = component._reactInternalFiber)
+      ? 2 === isFiberMountedImpl(component)
+      : !1;
+  },
+  enqueueSetState: function(inst, payload, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.payload = payload;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
+    scheduleUpdateOnFiber(inst, currentTime);
+  },
+  enqueueReplaceState: function(inst, payload, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.tag = 1;
+    suspenseConfig.payload = payload;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
+    scheduleUpdateOnFiber(inst, currentTime);
+  },
+  enqueueForceUpdate: function(inst, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.tag = 2;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
+    scheduleUpdateOnFiber(inst, currentTime);
+  }
+};
+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._reactInternalFiber = 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,
+  renderExpirationTime
+) {
+  var instance = workInProgress.stateNode;
+  instance.props = newProps;
+  instance.state = workInProgress.memoizedState;
+  instance.refs = emptyRefsObject;
+  var contextType = ctor.contextType;
+  "object" === typeof contextType && null !== contextType
+    ? (instance.context = readContext(contextType))
+    : ((contextType = isContextProvider(ctor)
+        ? previousContext
+        : contextStackCursor.current),
+      (instance.context = getMaskedContext(workInProgress, contextType)));
+  contextType = workInProgress.updateQueue;
+  null !== contextType &&
+    (processUpdateQueue(
+      workInProgress,
+      contextType,
+      newProps,
+      instance,
+      renderExpirationTime
+    ),
+    (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),
+    (contextType = workInProgress.updateQueue),
+    null !== contextType &&
+      (processUpdateQueue(
+        workInProgress,
+        contextType,
+        newProps,
+        instance,
+        renderExpirationTime
+      ),
+      (instance.state = workInProgress.memoizedState)));
+  "function" === typeof instance.componentDidMount &&
+    (workInProgress.effectTag |= 4);
+}
+var isArray = Array.isArray;
+function coerceRef(returnFiber, current$$1, element) {
+  returnFiber = element.ref;
+  if (
+    null !== returnFiber &&
+    "function" !== typeof returnFiber &&
+    "object" !== typeof returnFiber
+  ) {
+    if (element._owner) {
+      element = element._owner;
+      var inst = void 0;
+      if (element) {
+        if (1 !== element.tag)
+          throw ReactError(
+            Error(
+              "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            )
+          );
+        inst = element.stateNode;
+      }
+      if (!inst)
+        throw ReactError(
+          Error(
+            "Missing owner for string ref " +
+              returnFiber +
+              ". This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      var stringRef = "" + returnFiber;
+      if (
+        null !== current$$1 &&
+        null !== current$$1.ref &&
+        "function" === typeof current$$1.ref &&
+        current$$1.ref._stringRef === stringRef
+      )
+        return current$$1.ref;
+      current$$1 = function(value) {
+        var refs = inst.refs;
+        refs === emptyRefsObject && (refs = inst.refs = {});
+        null === value ? delete refs[stringRef] : (refs[stringRef] = value);
+      };
+      current$$1._stringRef = stringRef;
+      return current$$1;
+    }
+    if ("string" !== typeof returnFiber)
+      throw ReactError(
+        Error(
+          "Expected ref to be a function, a string, an object returned by React.createRef(), or null."
+        )
+      );
+    if (!element._owner)
+      throw ReactError(
+        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://fb.me/react-refs-must-have-owner for more information."
+        )
+      );
+  }
+  return returnFiber;
+}
+function throwOnInvalidObjectType(returnFiber, newChild) {
+  if ("textarea" !== returnFiber.type)
+    throw ReactError(
+      Error(
+        "Objects are not valid as a React child (found: " +
+          ("[object Object]" === Object.prototype.toString.call(newChild)
+            ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
+            : newChild) +
+          ")."
+      )
+    );
+}
+function ChildReconciler(shouldTrackSideEffects) {
+  function deleteChild(returnFiber, childToDelete) {
+    if (shouldTrackSideEffects) {
+      var last = returnFiber.lastEffect;
+      null !== last
+        ? ((last.nextEffect = childToDelete),
+          (returnFiber.lastEffect = childToDelete))
+        : (returnFiber.firstEffect = returnFiber.lastEffect = childToDelete);
+      childToDelete.nextEffect = null;
+      childToDelete.effectTag = 8;
+    }
+  }
+  function deleteRemainingChildren(returnFiber, currentFirstChild) {
+    if (!shouldTrackSideEffects) return null;
+    for (; null !== currentFirstChild; )
+      deleteChild(returnFiber, currentFirstChild),
+        (currentFirstChild = currentFirstChild.sibling);
+    return null;
+  }
+  function mapRemainingChildren(returnFiber, currentFirstChild) {
+    for (returnFiber = new Map(); null !== currentFirstChild; )
+      null !== currentFirstChild.key
+        ? returnFiber.set(currentFirstChild.key, currentFirstChild)
+        : returnFiber.set(currentFirstChild.index, currentFirstChild),
+        (currentFirstChild = currentFirstChild.sibling);
+    return returnFiber;
+  }
+  function useFiber(fiber, pendingProps, expirationTime) {
+    fiber = createWorkInProgress(fiber, pendingProps, expirationTime);
+    fiber.index = 0;
+    fiber.sibling = null;
+    return fiber;
+  }
+  function placeChild(newFiber, lastPlacedIndex, newIndex) {
+    newFiber.index = newIndex;
+    if (!shouldTrackSideEffects) return lastPlacedIndex;
+    newIndex = newFiber.alternate;
+    if (null !== newIndex)
+      return (
+        (newIndex = newIndex.index),
+        newIndex < lastPlacedIndex
+          ? ((newFiber.effectTag = 2), lastPlacedIndex)
+          : newIndex
+      );
+    newFiber.effectTag = 2;
+    return lastPlacedIndex;
+  }
+  function placeSingleChild(newFiber) {
+    shouldTrackSideEffects &&
+      null === newFiber.alternate &&
+      (newFiber.effectTag = 2);
+    return newFiber;
+  }
+  function updateTextNode(
+    returnFiber,
+    current$$1,
+    textContent,
+    expirationTime
+  ) {
+    if (null === current$$1 || 6 !== current$$1.tag)
+      return (
+        (current$$1 = createFiberFromText(
+          textContent,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (current$$1.return = returnFiber),
+        current$$1
+      );
+    current$$1 = useFiber(current$$1, textContent, expirationTime);
+    current$$1.return = returnFiber;
+    return current$$1;
+  }
+  function updateElement(returnFiber, current$$1, element, expirationTime) {
+    if (null !== current$$1 && current$$1.elementType === element.type)
+      return (
+        (expirationTime = useFiber(current$$1, element.props, expirationTime)),
+        (expirationTime.ref = coerceRef(returnFiber, current$$1, element)),
+        (expirationTime.return = returnFiber),
+        expirationTime
+      );
+    expirationTime = createFiberFromTypeAndProps(
+      element.type,
+      element.key,
+      element.props,
+      null,
+      returnFiber.mode,
+      expirationTime
+    );
+    expirationTime.ref = coerceRef(returnFiber, current$$1, element);
+    expirationTime.return = returnFiber;
+    return expirationTime;
+  }
+  function updatePortal(returnFiber, current$$1, portal, expirationTime) {
+    if (
+      null === current$$1 ||
+      4 !== current$$1.tag ||
+      current$$1.stateNode.containerInfo !== portal.containerInfo ||
+      current$$1.stateNode.implementation !== portal.implementation
+    )
+      return (
+        (current$$1 = createFiberFromPortal(
+          portal,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (current$$1.return = returnFiber),
+        current$$1
+      );
+    current$$1 = useFiber(current$$1, portal.children || [], expirationTime);
+    current$$1.return = returnFiber;
+    return current$$1;
+  }
+  function updateFragment(
+    returnFiber,
+    current$$1,
+    fragment,
+    expirationTime,
+    key
+  ) {
+    if (null === current$$1 || 7 !== current$$1.tag)
+      return (
+        (current$$1 = createFiberFromFragment(
+          fragment,
+          returnFiber.mode,
+          expirationTime,
+          key
+        )),
+        (current$$1.return = returnFiber),
+        current$$1
+      );
+    current$$1 = useFiber(current$$1, fragment, expirationTime);
+    current$$1.return = returnFiber;
+    return current$$1;
+  }
+  function createChild(returnFiber, newChild, expirationTime) {
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (newChild = createFiberFromText(
+          "" + newChild,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (newChild.return = returnFiber),
+        newChild
+      );
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return (
+            (expirationTime = createFiberFromTypeAndProps(
+              newChild.type,
+              newChild.key,
+              newChild.props,
+              null,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (expirationTime.ref = coerceRef(returnFiber, null, newChild)),
+            (expirationTime.return = returnFiber),
+            expirationTime
+          );
+        case REACT_PORTAL_TYPE:
+          return (
+            (newChild = createFiberFromPortal(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (newChild.return = returnFiber),
+            newChild
+          );
+      }
+      if (isArray(newChild) || getIteratorFn(newChild))
+        return (
+          (newChild = createFiberFromFragment(
+            newChild,
+            returnFiber.mode,
+            expirationTime,
+            null
+          )),
+          (newChild.return = returnFiber),
+          newChild
+        );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function updateSlot(returnFiber, oldFiber, newChild, expirationTime) {
+    var key = null !== oldFiber ? oldFiber.key : null;
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return null !== key
+        ? null
+        : updateTextNode(returnFiber, oldFiber, "" + newChild, expirationTime);
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return newChild.key === key
+            ? newChild.type === REACT_FRAGMENT_TYPE
+              ? updateFragment(
+                  returnFiber,
+                  oldFiber,
+                  newChild.props.children,
+                  expirationTime,
+                  key
+                )
+              : updateElement(returnFiber, oldFiber, newChild, expirationTime)
+            : null;
+        case REACT_PORTAL_TYPE:
+          return newChild.key === key
+            ? updatePortal(returnFiber, oldFiber, newChild, expirationTime)
+            : null;
+      }
+      if (isArray(newChild) || getIteratorFn(newChild))
+        return null !== key
+          ? null
+          : updateFragment(
+              returnFiber,
+              oldFiber,
+              newChild,
+              expirationTime,
+              null
+            );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function updateFromMap(
+    existingChildren,
+    returnFiber,
+    newIdx,
+    newChild,
+    expirationTime
+  ) {
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (existingChildren = existingChildren.get(newIdx) || null),
+        updateTextNode(
+          returnFiber,
+          existingChildren,
+          "" + newChild,
+          expirationTime
+        )
+      );
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return (
+            (existingChildren =
+              existingChildren.get(
+                null === newChild.key ? newIdx : newChild.key
+              ) || null),
+            newChild.type === REACT_FRAGMENT_TYPE
+              ? updateFragment(
+                  returnFiber,
+                  existingChildren,
+                  newChild.props.children,
+                  expirationTime,
+                  newChild.key
+                )
+              : updateElement(
+                  returnFiber,
+                  existingChildren,
+                  newChild,
+                  expirationTime
+                )
+          );
+        case REACT_PORTAL_TYPE:
+          return (
+            (existingChildren =
+              existingChildren.get(
+                null === newChild.key ? newIdx : newChild.key
+              ) || null),
+            updatePortal(
+              returnFiber,
+              existingChildren,
+              newChild,
+              expirationTime
+            )
+          );
+      }
+      if (isArray(newChild) || getIteratorFn(newChild))
+        return (
+          (existingChildren = existingChildren.get(newIdx) || null),
+          updateFragment(
+            returnFiber,
+            existingChildren,
+            newChild,
+            expirationTime,
+            null
+          )
+        );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function reconcileChildrenArray(
+    returnFiber,
+    currentFirstChild,
+    newChildren,
+    expirationTime
+  ) {
+    for (
+      var resultingFirstChild = null,
+        previousNewFiber = null,
+        oldFiber = currentFirstChild,
+        newIdx = (currentFirstChild = 0),
+        nextOldFiber = null;
+      null !== oldFiber && newIdx < newChildren.length;
+      newIdx++
+    ) {
+      oldFiber.index > newIdx
+        ? ((nextOldFiber = oldFiber), (oldFiber = null))
+        : (nextOldFiber = oldFiber.sibling);
+      var newFiber = updateSlot(
+        returnFiber,
+        oldFiber,
+        newChildren[newIdx],
+        expirationTime
+      );
+      if (null === newFiber) {
+        null === oldFiber && (oldFiber = nextOldFiber);
+        break;
+      }
+      shouldTrackSideEffects &&
+        oldFiber &&
+        null === newFiber.alternate &&
+        deleteChild(returnFiber, oldFiber);
+      currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
+      null === previousNewFiber
+        ? (resultingFirstChild = newFiber)
+        : (previousNewFiber.sibling = newFiber);
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
+    if (newIdx === newChildren.length)
+      return (
+        deleteRemainingChildren(returnFiber, oldFiber), resultingFirstChild
+      );
+    if (null === oldFiber) {
+      for (; newIdx < newChildren.length; newIdx++)
+        (oldFiber = createChild(
+          returnFiber,
+          newChildren[newIdx],
+          expirationTime
+        )),
+          null !== oldFiber &&
+            ((currentFirstChild = placeChild(
+              oldFiber,
+              currentFirstChild,
+              newIdx
+            )),
+            null === previousNewFiber
+              ? (resultingFirstChild = oldFiber)
+              : (previousNewFiber.sibling = oldFiber),
+            (previousNewFiber = oldFiber));
+      return resultingFirstChild;
+    }
+    for (
+      oldFiber = mapRemainingChildren(returnFiber, oldFiber);
+      newIdx < newChildren.length;
+      newIdx++
+    )
+      (nextOldFiber = updateFromMap(
+        oldFiber,
+        returnFiber,
+        newIdx,
+        newChildren[newIdx],
+        expirationTime
+      )),
+        null !== nextOldFiber &&
+          (shouldTrackSideEffects &&
+            null !== nextOldFiber.alternate &&
+            oldFiber.delete(
+              null === nextOldFiber.key ? newIdx : nextOldFiber.key
+            ),
+          (currentFirstChild = placeChild(
+            nextOldFiber,
+            currentFirstChild,
+            newIdx
+          )),
+          null === previousNewFiber
+            ? (resultingFirstChild = nextOldFiber)
+            : (previousNewFiber.sibling = nextOldFiber),
+          (previousNewFiber = nextOldFiber));
+    shouldTrackSideEffects &&
+      oldFiber.forEach(function(child) {
+        return deleteChild(returnFiber, child);
+      });
+    return resultingFirstChild;
+  }
+  function reconcileChildrenIterator(
+    returnFiber,
+    currentFirstChild,
+    newChildrenIterable,
+    expirationTime
+  ) {
+    var iteratorFn = getIteratorFn(newChildrenIterable);
+    if ("function" !== typeof iteratorFn)
+      throw ReactError(
+        Error(
+          "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    newChildrenIterable = iteratorFn.call(newChildrenIterable);
+    if (null == newChildrenIterable)
+      throw ReactError(Error("An iterable object provided no iterator."));
+    for (
+      var previousNewFiber = (iteratorFn = null),
+        oldFiber = currentFirstChild,
+        newIdx = (currentFirstChild = 0),
+        nextOldFiber = null,
+        step = newChildrenIterable.next();
+      null !== oldFiber && !step.done;
+      newIdx++, step = newChildrenIterable.next()
+    ) {
+      oldFiber.index > newIdx
+        ? ((nextOldFiber = oldFiber), (oldFiber = null))
+        : (nextOldFiber = oldFiber.sibling);
+      var newFiber = updateSlot(
+        returnFiber,
+        oldFiber,
+        step.value,
+        expirationTime
+      );
+      if (null === newFiber) {
+        null === oldFiber && (oldFiber = nextOldFiber);
+        break;
+      }
+      shouldTrackSideEffects &&
+        oldFiber &&
+        null === newFiber.alternate &&
+        deleteChild(returnFiber, oldFiber);
+      currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
+      null === previousNewFiber
+        ? (iteratorFn = newFiber)
+        : (previousNewFiber.sibling = newFiber);
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
+    if (step.done)
+      return deleteRemainingChildren(returnFiber, oldFiber), iteratorFn;
+    if (null === oldFiber) {
+      for (; !step.done; newIdx++, step = newChildrenIterable.next())
+        (step = createChild(returnFiber, step.value, expirationTime)),
+          null !== step &&
+            ((currentFirstChild = placeChild(step, currentFirstChild, newIdx)),
+            null === previousNewFiber
+              ? (iteratorFn = step)
+              : (previousNewFiber.sibling = step),
+            (previousNewFiber = step));
+      return iteratorFn;
+    }
+    for (
+      oldFiber = mapRemainingChildren(returnFiber, oldFiber);
+      !step.done;
+      newIdx++, step = newChildrenIterable.next()
+    )
+      (step = updateFromMap(
+        oldFiber,
+        returnFiber,
+        newIdx,
+        step.value,
+        expirationTime
+      )),
+        null !== step &&
+          (shouldTrackSideEffects &&
+            null !== step.alternate &&
+            oldFiber.delete(null === step.key ? newIdx : step.key),
+          (currentFirstChild = placeChild(step, currentFirstChild, newIdx)),
+          null === previousNewFiber
+            ? (iteratorFn = step)
+            : (previousNewFiber.sibling = step),
+          (previousNewFiber = step));
+    shouldTrackSideEffects &&
+      oldFiber.forEach(function(child) {
+        return deleteChild(returnFiber, child);
+      });
+    return iteratorFn;
+  }
+  return function(returnFiber, currentFirstChild, newChild, expirationTime) {
+    var isUnkeyedTopLevelFragment =
+      "object" === typeof newChild &&
+      null !== newChild &&
+      newChild.type === REACT_FRAGMENT_TYPE &&
+      null === newChild.key;
+    isUnkeyedTopLevelFragment && (newChild = newChild.props.children);
+    var isObject = "object" === typeof newChild && null !== newChild;
+    if (isObject)
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          a: {
+            isObject = newChild.key;
+            for (
+              isUnkeyedTopLevelFragment = currentFirstChild;
+              null !== isUnkeyedTopLevelFragment;
+
+            ) {
+              if (isUnkeyedTopLevelFragment.key === isObject) {
+                if (
+                  7 === isUnkeyedTopLevelFragment.tag
+                    ? newChild.type === REACT_FRAGMENT_TYPE
+                    : isUnkeyedTopLevelFragment.elementType === newChild.type
+                ) {
+                  deleteRemainingChildren(
+                    returnFiber,
+                    isUnkeyedTopLevelFragment.sibling
+                  );
+                  currentFirstChild = useFiber(
+                    isUnkeyedTopLevelFragment,
+                    newChild.type === REACT_FRAGMENT_TYPE
+                      ? newChild.props.children
+                      : newChild.props,
+                    expirationTime
+                  );
+                  currentFirstChild.ref = coerceRef(
+                    returnFiber,
+                    isUnkeyedTopLevelFragment,
+                    newChild
+                  );
+                  currentFirstChild.return = returnFiber;
+                  returnFiber = currentFirstChild;
+                  break a;
+                }
+                deleteRemainingChildren(returnFiber, isUnkeyedTopLevelFragment);
+                break;
+              } else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
+              isUnkeyedTopLevelFragment = isUnkeyedTopLevelFragment.sibling;
+            }
+            newChild.type === REACT_FRAGMENT_TYPE
+              ? ((currentFirstChild = createFiberFromFragment(
+                  newChild.props.children,
+                  returnFiber.mode,
+                  expirationTime,
+                  newChild.key
+                )),
+                (currentFirstChild.return = returnFiber),
+                (returnFiber = currentFirstChild))
+              : ((expirationTime = createFiberFromTypeAndProps(
+                  newChild.type,
+                  newChild.key,
+                  newChild.props,
+                  null,
+                  returnFiber.mode,
+                  expirationTime
+                )),
+                (expirationTime.ref = coerceRef(
+                  returnFiber,
+                  currentFirstChild,
+                  newChild
+                )),
+                (expirationTime.return = returnFiber),
+                (returnFiber = expirationTime));
+          }
+          return placeSingleChild(returnFiber);
+        case REACT_PORTAL_TYPE:
+          a: {
+            for (
+              isUnkeyedTopLevelFragment = newChild.key;
+              null !== currentFirstChild;
+
+            ) {
+              if (currentFirstChild.key === isUnkeyedTopLevelFragment) {
+                if (
+                  4 === currentFirstChild.tag &&
+                  currentFirstChild.stateNode.containerInfo ===
+                    newChild.containerInfo &&
+                  currentFirstChild.stateNode.implementation ===
+                    newChild.implementation
+                ) {
+                  deleteRemainingChildren(
+                    returnFiber,
+                    currentFirstChild.sibling
+                  );
+                  currentFirstChild = useFiber(
+                    currentFirstChild,
+                    newChild.children || [],
+                    expirationTime
+                  );
+                  currentFirstChild.return = returnFiber;
+                  returnFiber = currentFirstChild;
+                  break a;
+                }
+                deleteRemainingChildren(returnFiber, currentFirstChild);
+                break;
+              } else deleteChild(returnFiber, currentFirstChild);
+              currentFirstChild = currentFirstChild.sibling;
+            }
+            currentFirstChild = createFiberFromPortal(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            );
+            currentFirstChild.return = returnFiber;
+            returnFiber = currentFirstChild;
+          }
+          return placeSingleChild(returnFiber);
+      }
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (newChild = "" + newChild),
+        null !== currentFirstChild && 6 === currentFirstChild.tag
+          ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
+            (currentFirstChild = useFiber(
+              currentFirstChild,
+              newChild,
+              expirationTime
+            )),
+            (currentFirstChild.return = returnFiber),
+            (returnFiber = currentFirstChild))
+          : (deleteRemainingChildren(returnFiber, currentFirstChild),
+            (currentFirstChild = createFiberFromText(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (currentFirstChild.return = returnFiber),
+            (returnFiber = currentFirstChild)),
+        placeSingleChild(returnFiber)
+      );
+    if (isArray(newChild))
+      return reconcileChildrenArray(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        expirationTime
+      );
+    if (getIteratorFn(newChild))
+      return reconcileChildrenIterator(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        expirationTime
+      );
+    isObject && throwOnInvalidObjectType(returnFiber, newChild);
+    if ("undefined" === typeof newChild && !isUnkeyedTopLevelFragment)
+      switch (returnFiber.tag) {
+        case 1:
+        case 0:
+          throw ((returnFiber = returnFiber.type),
+          ReactError(
+            Error(
+              (returnFiber.displayName || returnFiber.name || "Component") +
+                "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null."
+            )
+          ));
+      }
+    return deleteRemainingChildren(returnFiber, currentFirstChild);
+  };
+}
+var reconcileChildFibers = ChildReconciler(!0),
+  mountChildFibers = ChildReconciler(!1),
+  NO_CONTEXT = {},
+  contextStackCursor$1 = { current: NO_CONTEXT },
+  contextFiberStackCursor = { current: NO_CONTEXT },
+  rootInstanceStackCursor = { current: NO_CONTEXT };
+function requiredContext(c) {
+  if (c === NO_CONTEXT)
+    throw ReactError(
+      Error(
+        "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+      )
+    );
+  return c;
+}
+function pushHostContainer(fiber, nextRootInstance) {
+  push(rootInstanceStackCursor, nextRootInstance, fiber);
+  push(contextFiberStackCursor, fiber, fiber);
+  push(contextStackCursor$1, NO_CONTEXT, fiber);
+  pop(contextStackCursor$1, fiber);
+  push(contextStackCursor$1, { isInAParentText: !1 }, fiber);
+}
+function popHostContainer(fiber) {
+  pop(contextStackCursor$1, fiber);
+  pop(contextFiberStackCursor, fiber);
+  pop(rootInstanceStackCursor, fiber);
+}
+function pushHostContext(fiber) {
+  requiredContext(rootInstanceStackCursor.current);
+  var context = requiredContext(contextStackCursor$1.current);
+  var nextContext = fiber.type;
+  nextContext =
+    "AndroidTextInput" === nextContext ||
+    "RCTMultilineTextInputView" === nextContext ||
+    "RCTSinglelineTextInputView" === nextContext ||
+    "RCTText" === nextContext ||
+    "RCTVirtualText" === nextContext;
+  nextContext =
+    context.isInAParentText !== nextContext
+      ? { isInAParentText: nextContext }
+      : context;
+  context !== nextContext &&
+    (push(contextFiberStackCursor, fiber, fiber),
+    push(contextStackCursor$1, nextContext, fiber));
+}
+function popHostContext(fiber) {
+  contextFiberStackCursor.current === fiber &&
+    (pop(contextStackCursor$1, fiber), pop(contextFiberStackCursor, fiber));
+}
+var SubtreeSuspenseContextMask = 1,
+  InvisibleParentSuspenseContext = 1,
+  ForceSuspenseFallback = 2,
+  suspenseStackCursor = { current: 0 };
+function findFirstSuspended(row) {
+  for (var node = row; null !== node; ) {
+    if (13 === node.tag) {
+      if (null !== node.memoizedState) return node;
+    } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) {
+      if (0 !== (node.effectTag & 64)) return node;
+    } else if (null !== node.child) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === row) break;
+    for (; null === node.sibling; ) {
+      if (null === node.return || node.return === row) return null;
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+  return null;
+}
+function createResponderListener(responder, props) {
+  return { responder: responder, props: props };
+}
+var NoEffect$1 = 0,
+  UnmountSnapshot = 2,
+  UnmountMutation = 4,
+  MountMutation = 8,
+  UnmountLayout = 16,
+  MountLayout = 32,
+  MountPassive = 64,
+  UnmountPassive = 128,
+  ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+  renderExpirationTime$1 = 0,
+  currentlyRenderingFiber$1 = null,
+  currentHook = null,
+  nextCurrentHook = null,
+  firstWorkInProgressHook = null,
+  workInProgressHook = null,
+  nextWorkInProgressHook = null,
+  remainingExpirationTime = 0,
+  componentUpdateQueue = null,
+  sideEffectTag = 0,
+  didScheduleRenderPhaseUpdate = !1,
+  renderPhaseUpdates = null,
+  numberOfReRenders = 0;
+function throwInvalidHookError() {
+  throw ReactError(
+    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://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
+    )
+  );
+}
+function areHookInputsEqual(nextDeps, prevDeps) {
+  if (null === prevDeps) return !1;
+  for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++)
+    if (!is(nextDeps[i], prevDeps[i])) return !1;
+  return !0;
+}
+function renderWithHooks(
+  current,
+  workInProgress,
+  Component,
+  props,
+  refOrContext,
+  nextRenderExpirationTime
+) {
+  renderExpirationTime$1 = nextRenderExpirationTime;
+  currentlyRenderingFiber$1 = workInProgress;
+  nextCurrentHook = null !== current ? current.memoizedState : null;
+  ReactCurrentDispatcher$1.current =
+    null === nextCurrentHook ? HooksDispatcherOnMount : HooksDispatcherOnUpdate;
+  workInProgress = Component(props, refOrContext);
+  if (didScheduleRenderPhaseUpdate) {
+    do
+      (didScheduleRenderPhaseUpdate = !1),
+        (numberOfReRenders += 1),
+        (nextCurrentHook = null !== current ? current.memoizedState : null),
+        (nextWorkInProgressHook = firstWorkInProgressHook),
+        (componentUpdateQueue = workInProgressHook = currentHook = null),
+        (ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdate),
+        (workInProgress = Component(props, refOrContext));
+    while (didScheduleRenderPhaseUpdate);
+    renderPhaseUpdates = null;
+    numberOfReRenders = 0;
+  }
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  current = currentlyRenderingFiber$1;
+  current.memoizedState = firstWorkInProgressHook;
+  current.expirationTime = remainingExpirationTime;
+  current.updateQueue = componentUpdateQueue;
+  current.effectTag |= sideEffectTag;
+  current = null !== currentHook && null !== currentHook.next;
+  renderExpirationTime$1 = 0;
+  nextWorkInProgressHook = workInProgressHook = firstWorkInProgressHook = nextCurrentHook = currentHook = currentlyRenderingFiber$1 = null;
+  remainingExpirationTime = 0;
+  componentUpdateQueue = null;
+  sideEffectTag = 0;
+  if (current)
+    throw ReactError(
+      Error(
+        "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
+      )
+    );
+  return workInProgress;
+}
+function resetHooks() {
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  renderExpirationTime$1 = 0;
+  nextWorkInProgressHook = workInProgressHook = firstWorkInProgressHook = nextCurrentHook = currentHook = currentlyRenderingFiber$1 = null;
+  remainingExpirationTime = 0;
+  componentUpdateQueue = null;
+  sideEffectTag = 0;
+  didScheduleRenderPhaseUpdate = !1;
+  renderPhaseUpdates = null;
+  numberOfReRenders = 0;
+}
+function mountWorkInProgressHook() {
+  var hook = {
+    memoizedState: null,
+    baseState: null,
+    queue: null,
+    baseUpdate: null,
+    next: null
+  };
+  null === workInProgressHook
+    ? (firstWorkInProgressHook = workInProgressHook = hook)
+    : (workInProgressHook = workInProgressHook.next = hook);
+  return workInProgressHook;
+}
+function updateWorkInProgressHook() {
+  if (null !== nextWorkInProgressHook)
+    (workInProgressHook = nextWorkInProgressHook),
+      (nextWorkInProgressHook = workInProgressHook.next),
+      (currentHook = nextCurrentHook),
+      (nextCurrentHook = null !== currentHook ? currentHook.next : null);
+  else {
+    if (null === nextCurrentHook)
+      throw ReactError(
+        Error("Rendered more hooks than during the previous render.")
+      );
+    currentHook = nextCurrentHook;
+    var newHook = {
+      memoizedState: currentHook.memoizedState,
+      baseState: currentHook.baseState,
+      queue: currentHook.queue,
+      baseUpdate: currentHook.baseUpdate,
+      next: null
+    };
+    workInProgressHook =
+      null === workInProgressHook
+        ? (firstWorkInProgressHook = newHook)
+        : (workInProgressHook.next = newHook);
+    nextCurrentHook = currentHook.next;
+  }
+  return workInProgressHook;
+}
+function basicStateReducer(state, action) {
+  return "function" === typeof action ? action(state) : action;
+}
+function updateReducer(reducer) {
+  var hook = updateWorkInProgressHook(),
+    queue = hook.queue;
+  if (null === queue)
+    throw ReactError(
+      Error(
+        "Should have a queue. This is likely a bug in React. Please file an issue."
+      )
+    );
+  queue.lastRenderedReducer = reducer;
+  if (0 < numberOfReRenders) {
+    var _dispatch = queue.dispatch;
+    if (null !== renderPhaseUpdates) {
+      var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+      if (void 0 !== firstRenderPhaseUpdate) {
+        renderPhaseUpdates.delete(queue);
+        var newState = hook.memoizedState;
+        do
+          (newState = reducer(newState, firstRenderPhaseUpdate.action)),
+            (firstRenderPhaseUpdate = firstRenderPhaseUpdate.next);
+        while (null !== firstRenderPhaseUpdate);
+        is(newState, hook.memoizedState) || (didReceiveUpdate = !0);
+        hook.memoizedState = newState;
+        hook.baseUpdate === queue.last && (hook.baseState = newState);
+        queue.lastRenderedState = newState;
+        return [newState, _dispatch];
+      }
+    }
+    return [hook.memoizedState, _dispatch];
+  }
+  _dispatch = queue.last;
+  var baseUpdate = hook.baseUpdate;
+  newState = hook.baseState;
+  null !== baseUpdate
+    ? (null !== _dispatch && (_dispatch.next = null),
+      (_dispatch = baseUpdate.next))
+    : (_dispatch = null !== _dispatch ? _dispatch.next : null);
+  if (null !== _dispatch) {
+    var newBaseUpdate = (firstRenderPhaseUpdate = null),
+      _update = _dispatch,
+      didSkip = !1;
+    do {
+      var updateExpirationTime = _update.expirationTime;
+      updateExpirationTime < renderExpirationTime$1
+        ? (didSkip ||
+            ((didSkip = !0),
+            (newBaseUpdate = baseUpdate),
+            (firstRenderPhaseUpdate = newState)),
+          updateExpirationTime > remainingExpirationTime &&
+            (remainingExpirationTime = updateExpirationTime))
+        : (markRenderEventTimeAndConfig(
+            updateExpirationTime,
+            _update.suspenseConfig
+          ),
+          (newState =
+            _update.eagerReducer === reducer
+              ? _update.eagerState
+              : reducer(newState, _update.action)));
+      baseUpdate = _update;
+      _update = _update.next;
+    } while (null !== _update && _update !== _dispatch);
+    didSkip ||
+      ((newBaseUpdate = baseUpdate), (firstRenderPhaseUpdate = newState));
+    is(newState, hook.memoizedState) || (didReceiveUpdate = !0);
+    hook.memoizedState = newState;
+    hook.baseUpdate = newBaseUpdate;
+    hook.baseState = firstRenderPhaseUpdate;
+    queue.lastRenderedState = newState;
+  }
+  return [hook.memoizedState, queue.dispatch];
+}
+function pushEffect(tag, create, destroy, deps) {
+  tag = { tag: tag, create: create, destroy: destroy, deps: deps, next: null };
+  null === componentUpdateQueue
+    ? ((componentUpdateQueue = { lastEffect: null }),
+      (componentUpdateQueue.lastEffect = tag.next = tag))
+    : ((create = componentUpdateQueue.lastEffect),
+      null === create
+        ? (componentUpdateQueue.lastEffect = tag.next = tag)
+        : ((destroy = create.next),
+          (create.next = tag),
+          (tag.next = destroy),
+          (componentUpdateQueue.lastEffect = tag)));
+  return tag;
+}
+function mountEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
+  var hook = mountWorkInProgressHook();
+  sideEffectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(
+    hookEffectTag,
+    create,
+    void 0,
+    void 0 === deps ? null : deps
+  );
+}
+function updateEffectImpl(fiberEffectTag, hookEffectTag, 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)) {
+      pushEffect(NoEffect$1, create, destroy, deps);
+      return;
+    }
+  }
+  sideEffectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(hookEffectTag, create, destroy, deps);
+}
+function imperativeHandleEffect(create, ref) {
+  if ("function" === typeof ref)
+    return (
+      (create = create()),
+      ref(create),
+      function() {
+        ref(null);
+      }
+    );
+  if (null !== ref && void 0 !== ref)
+    return (
+      (create = create()),
+      (ref.current = create),
+      function() {
+        ref.current = null;
+      }
+    );
+}
+function mountDebugValue() {}
+function dispatchAction(fiber, queue, action) {
+  if (!(25 > numberOfReRenders))
+    throw ReactError(
+      Error(
+        "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+      )
+    );
+  var alternate = fiber.alternate;
+  if (
+    fiber === currentlyRenderingFiber$1 ||
+    (null !== alternate && alternate === currentlyRenderingFiber$1)
+  )
+    if (
+      ((didScheduleRenderPhaseUpdate = !0),
+      (fiber = {
+        expirationTime: renderExpirationTime$1,
+        suspenseConfig: null,
+        action: action,
+        eagerReducer: null,
+        eagerState: null,
+        next: null
+      }),
+      null === renderPhaseUpdates && (renderPhaseUpdates = new Map()),
+      (action = renderPhaseUpdates.get(queue)),
+      void 0 === action)
+    )
+      renderPhaseUpdates.set(queue, fiber);
+    else {
+      for (queue = action; null !== queue.next; ) queue = queue.next;
+      queue.next = fiber;
+    }
+  else {
+    var currentTime = requestCurrentTime(),
+      _suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      _suspenseConfig
+    );
+    _suspenseConfig = {
+      expirationTime: currentTime,
+      suspenseConfig: _suspenseConfig,
+      action: action,
+      eagerReducer: null,
+      eagerState: null,
+      next: null
+    };
+    var _last = queue.last;
+    if (null === _last) _suspenseConfig.next = _suspenseConfig;
+    else {
+      var first = _last.next;
+      null !== first && (_suspenseConfig.next = first);
+      _last.next = _suspenseConfig;
+    }
+    queue.last = _suspenseConfig;
+    if (
+      0 === fiber.expirationTime &&
+      (null === alternate || 0 === alternate.expirationTime) &&
+      ((alternate = queue.lastRenderedReducer), null !== alternate)
+    )
+      try {
+        var currentState = queue.lastRenderedState,
+          _eagerState = alternate(currentState, action);
+        _suspenseConfig.eagerReducer = alternate;
+        _suspenseConfig.eagerState = _eagerState;
+        if (is(_eagerState, currentState)) return;
+      } catch (error) {
+      } finally {
+      }
+    scheduleUpdateOnFiber(fiber, currentTime);
+  }
+}
+var ContextOnlyDispatcher = {
+    readContext: readContext,
+    useCallback: throwInvalidHookError,
+    useContext: throwInvalidHookError,
+    useEffect: throwInvalidHookError,
+    useImperativeHandle: throwInvalidHookError,
+    useLayoutEffect: throwInvalidHookError,
+    useMemo: throwInvalidHookError,
+    useReducer: throwInvalidHookError,
+    useRef: throwInvalidHookError,
+    useState: throwInvalidHookError,
+    useDebugValue: throwInvalidHookError,
+    useResponder: throwInvalidHookError
+  },
+  HooksDispatcherOnMount = {
+    readContext: readContext,
+    useCallback: function(callback, deps) {
+      mountWorkInProgressHook().memoizedState = [
+        callback,
+        void 0 === deps ? null : deps
+      ];
+      return callback;
+    },
+    useContext: readContext,
+    useEffect: function(create, deps) {
+      return mountEffectImpl(516, UnmountPassive | MountPassive, create, deps);
+    },
+    useImperativeHandle: function(ref, create, deps) {
+      deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
+      return mountEffectImpl(
+        4,
+        UnmountMutation | MountLayout,
+        imperativeHandleEffect.bind(null, create, ref),
+        deps
+      );
+    },
+    useLayoutEffect: function(create, deps) {
+      return mountEffectImpl(4, UnmountMutation | MountLayout, create, deps);
+    },
+    useMemo: function(nextCreate, deps) {
+      var hook = mountWorkInProgressHook();
+      deps = void 0 === deps ? null : deps;
+      nextCreate = nextCreate();
+      hook.memoizedState = [nextCreate, deps];
+      return nextCreate;
+    },
+    useReducer: function(reducer, initialArg, init) {
+      var hook = mountWorkInProgressHook();
+      initialArg = void 0 !== init ? init(initialArg) : initialArg;
+      hook.memoizedState = hook.baseState = initialArg;
+      reducer = hook.queue = {
+        last: null,
+        dispatch: null,
+        lastRenderedReducer: reducer,
+        lastRenderedState: initialArg
+      };
+      reducer = reducer.dispatch = dispatchAction.bind(
+        null,
+        currentlyRenderingFiber$1,
+        reducer
+      );
+      return [hook.memoizedState, reducer];
+    },
+    useRef: function(initialValue) {
+      var hook = mountWorkInProgressHook();
+      initialValue = { current: initialValue };
+      return (hook.memoizedState = initialValue);
+    },
+    useState: function(initialState) {
+      var hook = mountWorkInProgressHook();
+      "function" === typeof initialState && (initialState = initialState());
+      hook.memoizedState = hook.baseState = initialState;
+      initialState = hook.queue = {
+        last: null,
+        dispatch: null,
+        lastRenderedReducer: basicStateReducer,
+        lastRenderedState: initialState
+      };
+      initialState = initialState.dispatch = dispatchAction.bind(
+        null,
+        currentlyRenderingFiber$1,
+        initialState
+      );
+      return [hook.memoizedState, initialState];
+    },
+    useDebugValue: mountDebugValue,
+    useResponder: createResponderListener
+  },
+  HooksDispatcherOnUpdate = {
+    readContext: readContext,
+    useCallback: function(callback, deps) {
+      var hook = updateWorkInProgressHook();
+      deps = void 0 === deps ? null : deps;
+      var prevState = hook.memoizedState;
+      if (
+        null !== prevState &&
+        null !== deps &&
+        areHookInputsEqual(deps, prevState[1])
+      )
+        return prevState[0];
+      hook.memoizedState = [callback, deps];
+      return callback;
+    },
+    useContext: readContext,
+    useEffect: function(create, deps) {
+      return updateEffectImpl(516, UnmountPassive | MountPassive, create, deps);
+    },
+    useImperativeHandle: function(ref, create, deps) {
+      deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
+      return updateEffectImpl(
+        4,
+        UnmountMutation | MountLayout,
+        imperativeHandleEffect.bind(null, create, ref),
+        deps
+      );
+    },
+    useLayoutEffect: function(create, deps) {
+      return updateEffectImpl(4, UnmountMutation | MountLayout, create, deps);
+    },
+    useMemo: function(nextCreate, deps) {
+      var hook = updateWorkInProgressHook();
+      deps = void 0 === deps ? null : deps;
+      var prevState = hook.memoizedState;
+      if (
+        null !== prevState &&
+        null !== deps &&
+        areHookInputsEqual(deps, prevState[1])
+      )
+        return prevState[0];
+      nextCreate = nextCreate();
+      hook.memoizedState = [nextCreate, deps];
+      return nextCreate;
+    },
+    useReducer: updateReducer,
+    useRef: function() {
+      return updateWorkInProgressHook().memoizedState;
+    },
+    useState: function(initialState) {
+      return updateReducer(basicStateReducer, initialState);
+    },
+    useDebugValue: mountDebugValue,
+    useResponder: createResponderListener
+  },
+  hydrationParentFiber = null,
+  nextHydratableInstance = null,
+  isHydrating = !1;
+function tryHydrate(fiber, nextInstance) {
+  switch (fiber.tag) {
+    case 5:
+      return (
+        (nextInstance = shim$1(nextInstance, fiber.type, fiber.pendingProps)),
+        null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
+      );
+    case 6:
+      return (
+        (nextInstance = shim$1(nextInstance, fiber.pendingProps)),
+        null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
+      );
+    case 13:
+      return !1;
+    default:
+      return !1;
+  }
+}
+function tryToClaimNextHydratableInstance(fiber$jscomp$0) {
+  if (isHydrating) {
+    var nextInstance = nextHydratableInstance;
+    if (nextInstance) {
+      var firstAttemptedInstance = nextInstance;
+      if (!tryHydrate(fiber$jscomp$0, nextInstance)) {
+        nextInstance = shim$1(firstAttemptedInstance);
+        if (!nextInstance || !tryHydrate(fiber$jscomp$0, nextInstance)) {
+          fiber$jscomp$0.effectTag |= 2;
+          isHydrating = !1;
+          hydrationParentFiber = fiber$jscomp$0;
+          return;
+        }
+        var returnFiber = hydrationParentFiber,
+          fiber = createFiber(5, null, null, 0);
+        fiber.elementType = "DELETED";
+        fiber.type = "DELETED";
+        fiber.stateNode = firstAttemptedInstance;
+        fiber.return = returnFiber;
+        fiber.effectTag = 8;
+        null !== returnFiber.lastEffect
+          ? ((returnFiber.lastEffect.nextEffect = fiber),
+            (returnFiber.lastEffect = fiber))
+          : (returnFiber.firstEffect = returnFiber.lastEffect = fiber);
+      }
+      hydrationParentFiber = fiber$jscomp$0;
+      nextHydratableInstance = shim$1(nextInstance);
+    } else
+      (fiber$jscomp$0.effectTag |= 2),
+        (isHydrating = !1),
+        (hydrationParentFiber = fiber$jscomp$0);
+  }
+}
+var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner,
+  didReceiveUpdate = !1;
+function reconcileChildren(
+  current$$1,
+  workInProgress,
+  nextChildren,
+  renderExpirationTime
+) {
+  workInProgress.child =
+    null === current$$1
+      ? mountChildFibers(
+          workInProgress,
+          null,
+          nextChildren,
+          renderExpirationTime
+        )
+      : reconcileChildFibers(
+          workInProgress,
+          current$$1.child,
+          nextChildren,
+          renderExpirationTime
+        );
+}
+function updateForwardRef(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  renderExpirationTime
+) {
+  Component = Component.render;
+  var ref = workInProgress.ref;
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  nextProps = renderWithHooks(
+    current$$1,
+    workInProgress,
+    Component,
+    nextProps,
+    ref,
+    renderExpirationTime
+  );
+  if (null !== current$$1 && !didReceiveUpdate)
+    return (
+      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.effectTag &= -517),
+      current$$1.expirationTime <= renderExpirationTime &&
+        (current$$1.expirationTime = 0),
+      bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      )
+    );
+  workInProgress.effectTag |= 1;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextProps,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+function updateMemoComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  updateExpirationTime,
+  renderExpirationTime
+) {
+  if (null === current$$1) {
+    var type = Component.type;
+    if (
+      "function" === typeof type &&
+      !shouldConstruct(type) &&
+      void 0 === type.defaultProps &&
+      null === Component.compare &&
+      void 0 === Component.defaultProps
+    )
+      return (
+        (workInProgress.tag = 15),
+        (workInProgress.type = type),
+        updateSimpleMemoComponent(
+          current$$1,
+          workInProgress,
+          type,
+          nextProps,
+          updateExpirationTime,
+          renderExpirationTime
+        )
+      );
+    current$$1 = createFiberFromTypeAndProps(
+      Component.type,
+      null,
+      nextProps,
+      null,
+      workInProgress.mode,
+      renderExpirationTime
+    );
+    current$$1.ref = workInProgress.ref;
+    current$$1.return = workInProgress;
+    return (workInProgress.child = current$$1);
+  }
+  type = current$$1.child;
+  if (
+    updateExpirationTime < renderExpirationTime &&
+    ((updateExpirationTime = type.memoizedProps),
+    (Component = Component.compare),
+    (Component = null !== Component ? Component : shallowEqual),
+    Component(updateExpirationTime, nextProps) &&
+      current$$1.ref === workInProgress.ref)
+  )
+    return bailoutOnAlreadyFinishedWork(
+      current$$1,
+      workInProgress,
+      renderExpirationTime
+    );
+  workInProgress.effectTag |= 1;
+  current$$1 = createWorkInProgress(type, nextProps, renderExpirationTime);
+  current$$1.ref = workInProgress.ref;
+  current$$1.return = workInProgress;
+  return (workInProgress.child = current$$1);
+}
+function updateSimpleMemoComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  updateExpirationTime,
+  renderExpirationTime
+) {
+  return null !== current$$1 &&
+    shallowEqual(current$$1.memoizedProps, nextProps) &&
+    current$$1.ref === workInProgress.ref &&
+    ((didReceiveUpdate = !1), updateExpirationTime < renderExpirationTime)
+    ? bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      )
+    : updateFunctionComponent(
+        current$$1,
+        workInProgress,
+        Component,
+        nextProps,
+        renderExpirationTime
+      );
+}
+function markRef(current$$1, workInProgress) {
+  var ref = workInProgress.ref;
+  if (
+    (null === current$$1 && null !== ref) ||
+    (null !== current$$1 && current$$1.ref !== ref)
+  )
+    workInProgress.effectTag |= 128;
+}
+function updateFunctionComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  renderExpirationTime
+) {
+  var context = isContextProvider(Component)
+    ? previousContext
+    : contextStackCursor.current;
+  context = getMaskedContext(workInProgress, context);
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  Component = renderWithHooks(
+    current$$1,
+    workInProgress,
+    Component,
+    nextProps,
+    context,
+    renderExpirationTime
+  );
+  if (null !== current$$1 && !didReceiveUpdate)
+    return (
+      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.effectTag &= -517),
+      current$$1.expirationTime <= renderExpirationTime &&
+        (current$$1.expirationTime = 0),
+      bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      )
+    );
+  workInProgress.effectTag |= 1;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    Component,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+function updateClassComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  renderExpirationTime
+) {
+  if (isContextProvider(Component)) {
+    var hasContext = !0;
+    pushContextProvider(workInProgress);
+  } else hasContext = !1;
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  if (null === workInProgress.stateNode)
+    null !== current$$1 &&
+      ((current$$1.alternate = null),
+      (workInProgress.alternate = null),
+      (workInProgress.effectTag |= 2)),
+      constructClassInstance(
+        workInProgress,
+        Component,
+        nextProps,
+        renderExpirationTime
+      ),
+      mountClassInstance(
+        workInProgress,
+        Component,
+        nextProps,
+        renderExpirationTime
+      ),
+      (nextProps = !0);
+  else if (null === current$$1) {
+    var instance = workInProgress.stateNode,
+      oldProps = workInProgress.memoizedProps;
+    instance.props = oldProps;
+    var oldContext = instance.context,
+      contextType = Component.contextType;
+    "object" === typeof contextType && null !== contextType
+      ? (contextType = readContext(contextType))
+      : ((contextType = isContextProvider(Component)
+          ? previousContext
+          : contextStackCursor.current),
+        (contextType = getMaskedContext(workInProgress, contextType)));
+    var getDerivedStateFromProps = Component.getDerivedStateFromProps,
+      hasNewLifecycles =
+        "function" === typeof getDerivedStateFromProps ||
+        "function" === typeof instance.getSnapshotBeforeUpdate;
+    hasNewLifecycles ||
+      ("function" !== typeof instance.UNSAFE_componentWillReceiveProps &&
+        "function" !== typeof instance.componentWillReceiveProps) ||
+      ((oldProps !== nextProps || oldContext !== contextType) &&
+        callComponentWillReceiveProps(
+          workInProgress,
+          instance,
+          nextProps,
+          contextType
+        ));
+    hasForceUpdate = !1;
+    var oldState = workInProgress.memoizedState;
+    oldContext = instance.state = oldState;
+    var updateQueue = workInProgress.updateQueue;
+    null !== updateQueue &&
+      (processUpdateQueue(
+        workInProgress,
+        updateQueue,
+        nextProps,
+        instance,
+        renderExpirationTime
+      ),
+      (oldContext = workInProgress.memoizedState));
+    oldProps !== nextProps ||
+    oldState !== oldContext ||
+    didPerformWorkStackCursor.current ||
+    hasForceUpdate
+      ? ("function" === typeof getDerivedStateFromProps &&
+          (applyDerivedStateFromProps(
+            workInProgress,
+            Component,
+            getDerivedStateFromProps,
+            nextProps
+          ),
+          (oldContext = workInProgress.memoizedState)),
+        (oldProps =
+          hasForceUpdate ||
+          checkShouldComponentUpdate(
+            workInProgress,
+            Component,
+            oldProps,
+            nextProps,
+            oldState,
+            oldContext,
+            contextType
+          ))
+          ? (hasNewLifecycles ||
+              ("function" !== typeof instance.UNSAFE_componentWillMount &&
+                "function" !== typeof instance.componentWillMount) ||
+              ("function" === typeof instance.componentWillMount &&
+                instance.componentWillMount(),
+              "function" === typeof instance.UNSAFE_componentWillMount &&
+                instance.UNSAFE_componentWillMount()),
+            "function" === typeof instance.componentDidMount &&
+              (workInProgress.effectTag |= 4))
+          : ("function" === typeof instance.componentDidMount &&
+              (workInProgress.effectTag |= 4),
+            (workInProgress.memoizedProps = nextProps),
+            (workInProgress.memoizedState = oldContext)),
+        (instance.props = nextProps),
+        (instance.state = oldContext),
+        (instance.context = contextType),
+        (nextProps = oldProps))
+      : ("function" === typeof instance.componentDidMount &&
+          (workInProgress.effectTag |= 4),
+        (nextProps = !1));
+  } else
+    (instance = workInProgress.stateNode),
+      (oldProps = workInProgress.memoizedProps),
+      (instance.props =
+        workInProgress.type === workInProgress.elementType
+          ? oldProps
+          : resolveDefaultProps(workInProgress.type, oldProps)),
+      (oldContext = instance.context),
+      (contextType = Component.contextType),
+      "object" === typeof contextType && null !== contextType
+        ? (contextType = readContext(contextType))
+        : ((contextType = isContextProvider(Component)
+            ? previousContext
+            : contextStackCursor.current),
+          (contextType = getMaskedContext(workInProgress, contextType))),
+      (getDerivedStateFromProps = Component.getDerivedStateFromProps),
+      (hasNewLifecycles =
+        "function" === typeof getDerivedStateFromProps ||
+        "function" === typeof instance.getSnapshotBeforeUpdate) ||
+        ("function" !== typeof instance.UNSAFE_componentWillReceiveProps &&
+          "function" !== typeof instance.componentWillReceiveProps) ||
+        ((oldProps !== nextProps || oldContext !== contextType) &&
+          callComponentWillReceiveProps(
+            workInProgress,
+            instance,
+            nextProps,
+            contextType
+          )),
+      (hasForceUpdate = !1),
+      (oldContext = workInProgress.memoizedState),
+      (oldState = instance.state = oldContext),
+      (updateQueue = workInProgress.updateQueue),
+      null !== updateQueue &&
+        (processUpdateQueue(
+          workInProgress,
+          updateQueue,
+          nextProps,
+          instance,
+          renderExpirationTime
+        ),
+        (oldState = workInProgress.memoizedState)),
+      oldProps !== nextProps ||
+      oldContext !== oldState ||
+      didPerformWorkStackCursor.current ||
+      hasForceUpdate
+        ? ("function" === typeof getDerivedStateFromProps &&
+            (applyDerivedStateFromProps(
+              workInProgress,
+              Component,
+              getDerivedStateFromProps,
+              nextProps
+            ),
+            (oldState = workInProgress.memoizedState)),
+          (getDerivedStateFromProps =
+            hasForceUpdate ||
+            checkShouldComponentUpdate(
+              workInProgress,
+              Component,
+              oldProps,
+              nextProps,
+              oldContext,
+              oldState,
+              contextType
+            ))
+            ? (hasNewLifecycles ||
+                ("function" !== typeof instance.UNSAFE_componentWillUpdate &&
+                  "function" !== typeof instance.componentWillUpdate) ||
+                ("function" === typeof instance.componentWillUpdate &&
+                  instance.componentWillUpdate(
+                    nextProps,
+                    oldState,
+                    contextType
+                  ),
+                "function" === typeof instance.UNSAFE_componentWillUpdate &&
+                  instance.UNSAFE_componentWillUpdate(
+                    nextProps,
+                    oldState,
+                    contextType
+                  )),
+              "function" === typeof instance.componentDidUpdate &&
+                (workInProgress.effectTag |= 4),
+              "function" === typeof instance.getSnapshotBeforeUpdate &&
+                (workInProgress.effectTag |= 256))
+            : ("function" !== typeof instance.componentDidUpdate ||
+                (oldProps === current$$1.memoizedProps &&
+                  oldContext === current$$1.memoizedState) ||
+                (workInProgress.effectTag |= 4),
+              "function" !== typeof instance.getSnapshotBeforeUpdate ||
+                (oldProps === current$$1.memoizedProps &&
+                  oldContext === current$$1.memoizedState) ||
+                (workInProgress.effectTag |= 256),
+              (workInProgress.memoizedProps = nextProps),
+              (workInProgress.memoizedState = oldState)),
+          (instance.props = nextProps),
+          (instance.state = oldState),
+          (instance.context = contextType),
+          (nextProps = getDerivedStateFromProps))
+        : ("function" !== typeof instance.componentDidUpdate ||
+            (oldProps === current$$1.memoizedProps &&
+              oldContext === current$$1.memoizedState) ||
+            (workInProgress.effectTag |= 4),
+          "function" !== typeof instance.getSnapshotBeforeUpdate ||
+            (oldProps === current$$1.memoizedProps &&
+              oldContext === current$$1.memoizedState) ||
+            (workInProgress.effectTag |= 256),
+          (nextProps = !1));
+  return finishClassComponent(
+    current$$1,
+    workInProgress,
+    Component,
+    nextProps,
+    hasContext,
+    renderExpirationTime
+  );
+}
+function finishClassComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  shouldUpdate,
+  hasContext,
+  renderExpirationTime
+) {
+  markRef(current$$1, workInProgress);
+  var didCaptureError = 0 !== (workInProgress.effectTag & 64);
+  if (!shouldUpdate && !didCaptureError)
+    return (
+      hasContext && invalidateContextProvider(workInProgress, Component, !1),
+      bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      )
+    );
+  shouldUpdate = workInProgress.stateNode;
+  ReactCurrentOwner$3.current = workInProgress;
+  var nextChildren =
+    didCaptureError && "function" !== typeof Component.getDerivedStateFromError
+      ? null
+      : shouldUpdate.render();
+  workInProgress.effectTag |= 1;
+  null !== current$$1 && didCaptureError
+    ? ((workInProgress.child = reconcileChildFibers(
+        workInProgress,
+        current$$1.child,
+        null,
+        renderExpirationTime
+      )),
+      (workInProgress.child = reconcileChildFibers(
+        workInProgress,
+        null,
+        nextChildren,
+        renderExpirationTime
+      )))
+    : reconcileChildren(
+        current$$1,
+        workInProgress,
+        nextChildren,
+        renderExpirationTime
+      );
+  workInProgress.memoizedState = shouldUpdate.state;
+  hasContext && invalidateContextProvider(workInProgress, Component, !0);
+  return workInProgress.child;
+}
+function pushHostRootContext(workInProgress) {
+  var root = workInProgress.stateNode;
+  root.pendingContext
+    ? pushTopLevelContextObject(
+        workInProgress,
+        root.pendingContext,
+        root.pendingContext !== root.context
+      )
+    : root.context &&
+      pushTopLevelContextObject(workInProgress, root.context, !1);
+  pushHostContainer(workInProgress, root.containerInfo);
+}
+var SUSPENDED_MARKER = {};
+function updateSuspenseComponent(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  var mode = workInProgress.mode,
+    nextProps = workInProgress.pendingProps,
+    suspenseContext = suspenseStackCursor.current,
+    nextState = null,
+    nextDidTimeout = !1,
+    JSCompiler_temp;
+  (JSCompiler_temp = 0 !== (workInProgress.effectTag & 64)) ||
+    (JSCompiler_temp =
+      0 !== (suspenseContext & ForceSuspenseFallback) &&
+      (null === current$$1 || null !== current$$1.memoizedState));
+  JSCompiler_temp
+    ? ((nextState = SUSPENDED_MARKER),
+      (nextDidTimeout = !0),
+      (workInProgress.effectTag &= -65))
+    : (null !== current$$1 && null === current$$1.memoizedState) ||
+      void 0 === nextProps.fallback ||
+      !0 === nextProps.unstable_avoidThisFallback ||
+      (suspenseContext |= InvisibleParentSuspenseContext);
+  suspenseContext &= SubtreeSuspenseContextMask;
+  push(suspenseStackCursor, suspenseContext, workInProgress);
+  if (null === current$$1)
+    if (nextDidTimeout) {
+      nextProps = nextProps.fallback;
+      current$$1 = createFiberFromFragment(null, mode, 0, null);
+      current$$1.return = workInProgress;
+      if (0 === (workInProgress.mode & 2))
+        for (
+          nextDidTimeout =
+            null !== workInProgress.memoizedState
+              ? workInProgress.child.child
+              : workInProgress.child,
+            current$$1.child = nextDidTimeout;
+          null !== nextDidTimeout;
+
+        )
+          (nextDidTimeout.return = current$$1),
+            (nextDidTimeout = nextDidTimeout.sibling);
+      renderExpirationTime = createFiberFromFragment(
+        nextProps,
+        mode,
+        renderExpirationTime,
+        null
+      );
+      renderExpirationTime.return = workInProgress;
+      current$$1.sibling = renderExpirationTime;
+      mode = current$$1;
+    } else
+      mode = renderExpirationTime = mountChildFibers(
+        workInProgress,
+        null,
+        nextProps.children,
+        renderExpirationTime
+      );
+  else {
+    if (null !== current$$1.memoizedState)
+      if (
+        ((suspenseContext = current$$1.child),
+        (mode = suspenseContext.sibling),
+        nextDidTimeout)
+      ) {
+        nextProps = nextProps.fallback;
+        renderExpirationTime = createWorkInProgress(
+          suspenseContext,
+          suspenseContext.pendingProps,
+          0
+        );
+        renderExpirationTime.return = workInProgress;
+        if (
+          0 === (workInProgress.mode & 2) &&
+          ((nextDidTimeout =
+            null !== workInProgress.memoizedState
+              ? workInProgress.child.child
+              : workInProgress.child),
+          nextDidTimeout !== suspenseContext.child)
+        )
+          for (
+            renderExpirationTime.child = nextDidTimeout;
+            null !== nextDidTimeout;
+
+          )
+            (nextDidTimeout.return = renderExpirationTime),
+              (nextDidTimeout = nextDidTimeout.sibling);
+        nextProps = createWorkInProgress(mode, nextProps, mode.expirationTime);
+        nextProps.return = workInProgress;
+        renderExpirationTime.sibling = nextProps;
+        mode = renderExpirationTime;
+        renderExpirationTime.childExpirationTime = 0;
+        renderExpirationTime = nextProps;
+      } else
+        mode = renderExpirationTime = reconcileChildFibers(
+          workInProgress,
+          suspenseContext.child,
+          nextProps.children,
+          renderExpirationTime
+        );
+    else if (((suspenseContext = current$$1.child), nextDidTimeout)) {
+      nextDidTimeout = nextProps.fallback;
+      nextProps = createFiberFromFragment(null, mode, 0, null);
+      nextProps.return = workInProgress;
+      nextProps.child = suspenseContext;
+      null !== suspenseContext && (suspenseContext.return = nextProps);
+      if (0 === (workInProgress.mode & 2))
+        for (
+          suspenseContext =
+            null !== workInProgress.memoizedState
+              ? workInProgress.child.child
+              : workInProgress.child,
+            nextProps.child = suspenseContext;
+          null !== suspenseContext;
+
+        )
+          (suspenseContext.return = nextProps),
+            (suspenseContext = suspenseContext.sibling);
+      renderExpirationTime = createFiberFromFragment(
+        nextDidTimeout,
+        mode,
+        renderExpirationTime,
+        null
+      );
+      renderExpirationTime.return = workInProgress;
+      nextProps.sibling = renderExpirationTime;
+      renderExpirationTime.effectTag |= 2;
+      mode = nextProps;
+      nextProps.childExpirationTime = 0;
+    } else
+      renderExpirationTime = mode = reconcileChildFibers(
+        workInProgress,
+        suspenseContext,
+        nextProps.children,
+        renderExpirationTime
+      );
+    workInProgress.stateNode = current$$1.stateNode;
+  }
+  workInProgress.memoizedState = nextState;
+  workInProgress.child = mode;
+  return renderExpirationTime;
+}
+function initSuspenseListRenderState(
+  workInProgress,
+  isBackwards,
+  tail,
+  lastContentRow,
+  tailMode
+) {
+  var renderState = workInProgress.memoizedState;
+  null === renderState
+    ? (workInProgress.memoizedState = {
+        isBackwards: isBackwards,
+        rendering: null,
+        last: lastContentRow,
+        tail: tail,
+        tailExpiration: 0,
+        tailMode: tailMode
+      })
+    : ((renderState.isBackwards = isBackwards),
+      (renderState.rendering = null),
+      (renderState.last = lastContentRow),
+      (renderState.tail = tail),
+      (renderState.tailExpiration = 0),
+      (renderState.tailMode = tailMode));
+}
+function updateSuspenseListComponent(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  var nextProps = workInProgress.pendingProps,
+    revealOrder = nextProps.revealOrder,
+    tailMode = nextProps.tail;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextProps.children,
+    renderExpirationTime
+  );
+  nextProps = suspenseStackCursor.current;
+  if (0 !== (nextProps & ForceSuspenseFallback))
+    (nextProps =
+      (nextProps & SubtreeSuspenseContextMask) | ForceSuspenseFallback),
+      (workInProgress.effectTag |= 64);
+  else {
+    if (null !== current$$1 && 0 !== (current$$1.effectTag & 64))
+      a: for (current$$1 = workInProgress.child; null !== current$$1; ) {
+        if (13 === current$$1.tag) {
+          if (null !== current$$1.memoizedState) {
+            current$$1.expirationTime < renderExpirationTime &&
+              (current$$1.expirationTime = renderExpirationTime);
+            var alternate = current$$1.alternate;
+            null !== alternate &&
+              alternate.expirationTime < renderExpirationTime &&
+              (alternate.expirationTime = renderExpirationTime);
+            scheduleWorkOnParentPath(current$$1.return, renderExpirationTime);
+          }
+        } else if (null !== current$$1.child) {
+          current$$1.child.return = current$$1;
+          current$$1 = current$$1.child;
+          continue;
+        }
+        if (current$$1 === workInProgress) break a;
+        for (; null === current$$1.sibling; ) {
+          if (
+            null === current$$1.return ||
+            current$$1.return === workInProgress
+          )
+            break a;
+          current$$1 = current$$1.return;
+        }
+        current$$1.sibling.return = current$$1.return;
+        current$$1 = current$$1.sibling;
+      }
+    nextProps &= SubtreeSuspenseContextMask;
+  }
+  push(suspenseStackCursor, nextProps, workInProgress);
+  if (0 === (workInProgress.mode & 2)) workInProgress.memoizedState = null;
+  else
+    switch (revealOrder) {
+      case "forwards":
+        renderExpirationTime = workInProgress.child;
+        for (revealOrder = null; null !== renderExpirationTime; )
+          (nextProps = renderExpirationTime.alternate),
+            null !== nextProps &&
+              null === findFirstSuspended(nextProps) &&
+              (revealOrder = renderExpirationTime),
+            (renderExpirationTime = renderExpirationTime.sibling);
+        renderExpirationTime = revealOrder;
+        null === renderExpirationTime
+          ? ((revealOrder = workInProgress.child),
+            (workInProgress.child = null))
+          : ((revealOrder = renderExpirationTime.sibling),
+            (renderExpirationTime.sibling = null));
+        initSuspenseListRenderState(
+          workInProgress,
+          !1,
+          revealOrder,
+          renderExpirationTime,
+          tailMode
+        );
+        break;
+      case "backwards":
+        renderExpirationTime = null;
+        revealOrder = workInProgress.child;
+        for (workInProgress.child = null; null !== revealOrder; ) {
+          nextProps = revealOrder.alternate;
+          if (null !== nextProps && null === findFirstSuspended(nextProps)) {
+            workInProgress.child = revealOrder;
+            break;
+          }
+          nextProps = revealOrder.sibling;
+          revealOrder.sibling = renderExpirationTime;
+          renderExpirationTime = revealOrder;
+          revealOrder = nextProps;
+        }
+        initSuspenseListRenderState(
+          workInProgress,
+          !0,
+          renderExpirationTime,
+          null,
+          tailMode
+        );
+        break;
+      case "together":
+        initSuspenseListRenderState(workInProgress, !1, null, null, void 0);
+        break;
+      default:
+        workInProgress.memoizedState = null;
+    }
+  return workInProgress.child;
+}
+function bailoutOnAlreadyFinishedWork(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  null !== current$$1 &&
+    (workInProgress.dependencies = current$$1.dependencies);
+  if (workInProgress.childExpirationTime < renderExpirationTime) return null;
+  if (null !== current$$1 && workInProgress.child !== current$$1.child)
+    throw ReactError(Error("Resuming work not yet implemented."));
+  if (null !== workInProgress.child) {
+    current$$1 = workInProgress.child;
+    renderExpirationTime = createWorkInProgress(
+      current$$1,
+      current$$1.pendingProps,
+      current$$1.expirationTime
+    );
+    workInProgress.child = renderExpirationTime;
+    for (
+      renderExpirationTime.return = workInProgress;
+      null !== current$$1.sibling;
+
+    )
+      (current$$1 = current$$1.sibling),
+        (renderExpirationTime = renderExpirationTime.sibling = createWorkInProgress(
+          current$$1,
+          current$$1.pendingProps,
+          current$$1.expirationTime
+        )),
+        (renderExpirationTime.return = workInProgress);
+    renderExpirationTime.sibling = null;
+  }
+  return workInProgress.child;
+}
+var appendAllChildren = void 0,
+  updateHostContainer = void 0,
+  updateHostComponent$1 = void 0,
+  updateHostText$1 = void 0;
+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;
+  }
+};
+updateHostContainer = function() {};
+updateHostComponent$1 = function(current, workInProgress, type, newProps) {
+  current.memoizedProps !== newProps &&
+    (requiredContext(contextStackCursor$1.current),
+    (workInProgress.updateQueue = UPDATE_SIGNAL)) &&
+    (workInProgress.effectTag |= 4);
+};
+updateHostText$1 = function(current, workInProgress, oldText, newText) {
+  oldText !== newText && (workInProgress.effectTag |= 4);
+};
+function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
+  switch (renderState.tailMode) {
+    case "hidden":
+      hasRenderedATailFallback = renderState.tail;
+      for (var lastTailNode = null; null !== hasRenderedATailFallback; )
+        null !== hasRenderedATailFallback.alternate &&
+          (lastTailNode = hasRenderedATailFallback),
+          (hasRenderedATailFallback = hasRenderedATailFallback.sibling);
+      null === lastTailNode
+        ? (renderState.tail = null)
+        : (lastTailNode.sibling = null);
+      break;
+    case "collapsed":
+      lastTailNode = renderState.tail;
+      for (var _lastTailNode = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (_lastTailNode = lastTailNode),
+          (lastTailNode = lastTailNode.sibling);
+      null === _lastTailNode
+        ? hasRenderedATailFallback || null === renderState.tail
+          ? (renderState.tail = null)
+          : (renderState.tail.sibling = null)
+        : (_lastTailNode.sibling = null);
+  }
+}
+function unwindWork(workInProgress) {
+  switch (workInProgress.tag) {
+    case 1:
+      isContextProvider(workInProgress.type) && popContext(workInProgress);
+      var effectTag = workInProgress.effectTag;
+      return effectTag & 2048
+        ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
+          workInProgress)
+        : null;
+    case 3:
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      effectTag = workInProgress.effectTag;
+      if (0 !== (effectTag & 64))
+        throw ReactError(
+          Error(
+            "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
+          )
+        );
+      workInProgress.effectTag = (effectTag & -2049) | 64;
+      return workInProgress;
+    case 5:
+      return popHostContext(workInProgress), null;
+    case 13:
+      return (
+        pop(suspenseStackCursor, workInProgress),
+        (effectTag = workInProgress.effectTag),
+        effectTag & 2048
+          ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
+            workInProgress)
+          : null
+      );
+    case 18:
+      return null;
+    case 19:
+      return pop(suspenseStackCursor, workInProgress), null;
+    case 4:
+      return popHostContainer(workInProgress), null;
+    case 10:
+      return popProvider(workInProgress), null;
+    default:
+      return null;
+  }
+}
+function createCapturedValue(value, source) {
+  return {
+    value: value,
+    source: source,
+    stack: getStackByFiberInDevAndProd(source)
+  };
+}
+if (
+  "function" !==
+  typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog
+)
+  throw ReactError(
+    Error("Expected ReactFiberErrorDialog.showErrorDialog to be a function.")
+  );
+function logCapturedError(capturedError) {
+  !1 !==
+    ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog(
+      capturedError
+    ) && console.error(capturedError.error);
+}
+var PossiblyWeakSet$1 = "function" === typeof WeakSet ? WeakSet : Set;
+function logError(boundary, errorInfo) {
+  var source = errorInfo.source,
+    stack = errorInfo.stack;
+  null === stack &&
+    null !== source &&
+    (stack = getStackByFiberInDevAndProd(source));
+  errorInfo = {
+    componentName: null !== source ? getComponentName(source.type) : null,
+    componentStack: null !== stack ? stack : "",
+    error: errorInfo.value,
+    errorBoundary: null,
+    errorBoundaryName: null,
+    errorBoundaryFound: !1,
+    willRetry: !1
+  };
+  null !== boundary &&
+    1 === boundary.tag &&
+    ((errorInfo.errorBoundary = boundary.stateNode),
+    (errorInfo.errorBoundaryName = getComponentName(boundary.type)),
+    (errorInfo.errorBoundaryFound = !0),
+    (errorInfo.willRetry = !0));
+  try {
+    logCapturedError(errorInfo);
+  } catch (e) {
+    setTimeout(function() {
+      throw e;
+    });
+  }
+}
+function safelyCallComponentWillUnmount(current$$1, instance) {
+  try {
+    (instance.props = current$$1.memoizedProps),
+      (instance.state = current$$1.memoizedState),
+      instance.componentWillUnmount();
+  } catch (unmountError) {
+    captureCommitPhaseError(current$$1, unmountError);
+  }
+}
+function safelyDetachRef(current$$1) {
+  var ref = current$$1.ref;
+  if (null !== ref)
+    if ("function" === typeof ref)
+      try {
+        ref(null);
+      } catch (refError) {
+        captureCommitPhaseError(current$$1, refError);
+      }
+    else ref.current = null;
+}
+function commitHookEffectList(unmountTag, mountTag, finishedWork) {
+  finishedWork = finishedWork.updateQueue;
+  finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
+  if (null !== finishedWork) {
+    var effect = (finishedWork = finishedWork.next);
+    do {
+      if ((effect.tag & unmountTag) !== NoEffect$1) {
+        var destroy = effect.destroy;
+        effect.destroy = void 0;
+        void 0 !== destroy && destroy();
+      }
+      (effect.tag & mountTag) !== NoEffect$1 &&
+        ((destroy = effect.create), (effect.destroy = destroy()));
+      effect = effect.next;
+    } while (effect !== finishedWork);
+  }
+}
+function commitUnmount(current$$1$jscomp$0, renderPriorityLevel) {
+  "function" === typeof onCommitFiberUnmount &&
+    onCommitFiberUnmount(current$$1$jscomp$0);
+  switch (current$$1$jscomp$0.tag) {
+    case 0:
+    case 11:
+    case 14:
+    case 15:
+      var updateQueue = current$$1$jscomp$0.updateQueue;
+      if (
+        null !== updateQueue &&
+        ((updateQueue = updateQueue.lastEffect), null !== updateQueue)
+      ) {
+        var firstEffect = updateQueue.next;
+        runWithPriority(
+          97 < renderPriorityLevel ? 97 : renderPriorityLevel,
+          function() {
+            var effect = firstEffect;
+            do {
+              var destroy = effect.destroy;
+              if (void 0 !== destroy) {
+                var current$$1 = current$$1$jscomp$0;
+                try {
+                  destroy();
+                } catch (error) {
+                  captureCommitPhaseError(current$$1, error);
+                }
+              }
+              effect = effect.next;
+            } while (effect !== firstEffect);
+          }
+        );
+      }
+      break;
+    case 1:
+      safelyDetachRef(current$$1$jscomp$0);
+      renderPriorityLevel = current$$1$jscomp$0.stateNode;
+      "function" === typeof renderPriorityLevel.componentWillUnmount &&
+        safelyCallComponentWillUnmount(
+          current$$1$jscomp$0,
+          renderPriorityLevel
+        );
+      break;
+    case 5:
+      safelyDetachRef(current$$1$jscomp$0);
+      break;
+    case 4:
+      unmountHostComponents(current$$1$jscomp$0, renderPriorityLevel);
+  }
+}
+function detachFiber(current$$1) {
+  var alternate = current$$1.alternate;
+  current$$1.return = null;
+  current$$1.child = null;
+  current$$1.memoizedState = null;
+  current$$1.updateQueue = null;
+  current$$1.dependencies = null;
+  current$$1.alternate = null;
+  current$$1.firstEffect = null;
+  current$$1.lastEffect = null;
+  current$$1.pendingProps = null;
+  current$$1.memoizedProps = null;
+  null !== alternate && detachFiber(alternate);
+}
+function isHostParent(fiber) {
+  return 5 === fiber.tag || 3 === fiber.tag || 4 === fiber.tag;
+}
+function commitPlacement(finishedWork) {
+  a: {
+    for (var parent = finishedWork.return; null !== parent; ) {
+      if (isHostParent(parent)) {
+        var parentFiber = parent;
+        break a;
+      }
+      parent = parent.return;
+    }
+    throw ReactError(
+      Error(
+        "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+      )
+    );
+  }
+  parent = parentFiber.stateNode;
+  switch (parentFiber.tag) {
+    case 5:
+      var isContainer = !1;
+      break;
+    case 3:
+      parent = parent.containerInfo;
+      isContainer = !0;
+      break;
+    case 4:
+      parent = parent.containerInfo;
+      isContainer = !0;
+      break;
+    default:
+      throw ReactError(
+        Error(
+          "Invalid host parent fiber. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+  }
+  parentFiber.effectTag & 16 && (parentFiber.effectTag &= -17);
+  a: b: for (parentFiber = finishedWork; ; ) {
+    for (; null === parentFiber.sibling; ) {
+      if (null === parentFiber.return || isHostParent(parentFiber.return)) {
+        parentFiber = null;
+        break a;
+      }
+      parentFiber = parentFiber.return;
+    }
+    parentFiber.sibling.return = parentFiber.return;
+    for (
+      parentFiber = parentFiber.sibling;
+      5 !== parentFiber.tag && 6 !== parentFiber.tag && 18 !== parentFiber.tag;
+
+    ) {
+      if (parentFiber.effectTag & 2) continue b;
+      if (null === parentFiber.child || 4 === parentFiber.tag) continue b;
+      else
+        (parentFiber.child.return = parentFiber),
+          (parentFiber = parentFiber.child);
+    }
+    if (!(parentFiber.effectTag & 2)) {
+      parentFiber = parentFiber.stateNode;
+      break a;
+    }
+  }
+  for (var node = finishedWork; ; ) {
+    var isHost = 5 === node.tag || 6 === node.tag;
+    if (isHost) {
+      var stateNode = isHost ? node.stateNode : node.stateNode.instance;
+      if (parentFiber)
+        if (isContainer) {
+          if ("number" === typeof parent)
+            throw ReactError(
+              Error("Container does not support insertBefore operation")
+            );
+        } else {
+          isHost = parent;
+          var beforeChild = parentFiber,
+            children = isHost._children,
+            index = children.indexOf(stateNode);
+          0 <= index
+            ? (children.splice(index, 1),
+              (beforeChild = children.indexOf(beforeChild)),
+              children.splice(beforeChild, 0, stateNode),
+              ReactNativePrivateInterface.UIManager.manageChildren(
+                isHost._nativeTag,
+                [index],
+                [beforeChild],
+                [],
+                [],
+                []
+              ))
+            : ((index = children.indexOf(beforeChild)),
+              children.splice(index, 0, stateNode),
+              ReactNativePrivateInterface.UIManager.manageChildren(
+                isHost._nativeTag,
+                [],
+                [],
+                [
+                  "number" === typeof stateNode
+                    ? stateNode
+                    : stateNode._nativeTag
+                ],
+                [index],
+                []
+              ));
+        }
+      else
+        isContainer
+          ? ReactNativePrivateInterface.UIManager.setChildren(parent, [
+              "number" === typeof stateNode ? stateNode : stateNode._nativeTag
+            ])
+          : ((isHost = parent),
+            (children =
+              "number" === typeof stateNode ? stateNode : stateNode._nativeTag),
+            (index = isHost._children),
+            (beforeChild = index.indexOf(stateNode)),
+            0 <= beforeChild
+              ? (index.splice(beforeChild, 1),
+                index.push(stateNode),
+                ReactNativePrivateInterface.UIManager.manageChildren(
+                  isHost._nativeTag,
+                  [beforeChild],
+                  [index.length - 1],
+                  [],
+                  [],
+                  []
+                ))
+              : (index.push(stateNode),
+                ReactNativePrivateInterface.UIManager.manageChildren(
+                  isHost._nativeTag,
+                  [],
+                  [],
+                  [children],
+                  [index.length - 1],
+                  []
+                )));
+    } else if (4 !== node.tag && null !== node.child) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === finishedWork) break;
+    for (; null === node.sibling; ) {
+      if (null === node.return || node.return === finishedWork) return;
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
+function unmountHostComponents(current$$1, renderPriorityLevel$jscomp$0) {
+  for (
+    var node = current$$1,
+      currentParentIsValid = !1,
+      currentParent = void 0,
+      currentParentIsContainer = void 0;
+    ;
+
+  ) {
+    if (!currentParentIsValid) {
+      currentParentIsValid = node.return;
+      a: for (;;) {
+        if (null === currentParentIsValid)
+          throw ReactError(
+            Error(
+              "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+            )
+          );
+        currentParent = currentParentIsValid.stateNode;
+        switch (currentParentIsValid.tag) {
+          case 5:
+            currentParentIsContainer = !1;
+            break a;
+          case 3:
+            currentParent = currentParent.containerInfo;
+            currentParentIsContainer = !0;
+            break a;
+          case 4:
+            currentParent = currentParent.containerInfo;
+            currentParentIsContainer = !0;
+            break a;
+        }
+        currentParentIsValid = currentParentIsValid.return;
+      }
+      currentParentIsValid = !0;
+    }
+    if (5 === node.tag || 6 === node.tag) {
+      a: for (
+        var root = node,
+          renderPriorityLevel = renderPriorityLevel$jscomp$0,
+          node$jscomp$0 = root;
+        ;
+
+      )
+        if (
+          (commitUnmount(node$jscomp$0, renderPriorityLevel),
+          null !== node$jscomp$0.child && 4 !== node$jscomp$0.tag)
+        )
+          (node$jscomp$0.child.return = node$jscomp$0),
+            (node$jscomp$0 = node$jscomp$0.child);
+        else {
+          if (node$jscomp$0 === root) break;
+          for (; null === node$jscomp$0.sibling; ) {
+            if (null === node$jscomp$0.return || node$jscomp$0.return === root)
+              break a;
+            node$jscomp$0 = node$jscomp$0.return;
+          }
+          node$jscomp$0.sibling.return = node$jscomp$0.return;
+          node$jscomp$0 = node$jscomp$0.sibling;
+        }
+      currentParentIsContainer
+        ? ((root = currentParent),
+          recursivelyUncacheFiberNode(node.stateNode),
+          ReactNativePrivateInterface.UIManager.manageChildren(
+            root,
+            [],
+            [],
+            [],
+            [],
+            [0]
+          ))
+        : ((root = currentParent),
+          (node$jscomp$0 = node.stateNode),
+          recursivelyUncacheFiberNode(node$jscomp$0),
+          (renderPriorityLevel = root._children),
+          (node$jscomp$0 = renderPriorityLevel.indexOf(node$jscomp$0)),
+          renderPriorityLevel.splice(node$jscomp$0, 1),
+          ReactNativePrivateInterface.UIManager.manageChildren(
+            root._nativeTag,
+            [],
+            [],
+            [],
+            [],
+            [node$jscomp$0]
+          ));
+    } else if (4 === node.tag) {
+      if (null !== node.child) {
+        currentParent = node.stateNode.containerInfo;
+        currentParentIsContainer = !0;
+        node.child.return = node;
+        node = node.child;
+        continue;
+      }
+    } else if (
+      (commitUnmount(node, renderPriorityLevel$jscomp$0), null !== node.child)
+    ) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === current$$1) break;
+    for (; null === node.sibling; ) {
+      if (null === node.return || node.return === current$$1) return;
+      node = node.return;
+      4 === node.tag && (currentParentIsValid = !1);
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
+function commitWork(current$$1, finishedWork) {
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 14:
+    case 15:
+      commitHookEffectList(UnmountMutation, MountMutation, finishedWork);
+      break;
+    case 1:
+      break;
+    case 5:
+      var instance = finishedWork.stateNode;
+      if (null != instance) {
+        var newProps = finishedWork.memoizedProps;
+        current$$1 = null !== current$$1 ? current$$1.memoizedProps : newProps;
+        var updatePayload = finishedWork.updateQueue;
+        finishedWork.updateQueue = null;
+        null !== updatePayload &&
+          ((finishedWork = instance.viewConfig),
+          instanceProps.set(instance._nativeTag, newProps),
+          (newProps = diffProperties(
+            null,
+            current$$1,
+            newProps,
+            finishedWork.validAttributes
+          )),
+          null != newProps &&
+            ReactNativePrivateInterface.UIManager.updateView(
+              instance._nativeTag,
+              finishedWork.uiViewClassName,
+              newProps
+            ));
+      }
+      break;
+    case 6:
+      if (null === finishedWork.stateNode)
+        throw ReactError(
+          Error(
+            "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      ReactNativePrivateInterface.UIManager.updateView(
+        finishedWork.stateNode,
+        "RCTRawText",
+        { text: finishedWork.memoizedProps }
+      );
+      break;
+    case 3:
+      break;
+    case 12:
+      break;
+    case 13:
+      instance = finishedWork;
+      null === finishedWork.memoizedState
+        ? (newProps = !1)
+        : ((newProps = !0),
+          (instance = finishedWork.child),
+          (globalMostRecentFallbackTime = now()));
+      if (null !== instance)
+        a: for (current$$1 = instance; ; ) {
+          if (5 === current$$1.tag)
+            if (((updatePayload = current$$1.stateNode), newProps)) {
+              var viewConfig = updatePayload.viewConfig;
+              var updatePayload$jscomp$0 = diffProperties(
+                null,
+                emptyObject,
+                { style: { display: "none" } },
+                viewConfig.validAttributes
+              );
+              ReactNativePrivateInterface.UIManager.updateView(
+                updatePayload._nativeTag,
+                viewConfig.uiViewClassName,
+                updatePayload$jscomp$0
+              );
+            } else {
+              updatePayload = current$$1.stateNode;
+              updatePayload$jscomp$0 = current$$1.memoizedProps;
+              viewConfig = updatePayload.viewConfig;
+              var prevProps = Object.assign({}, updatePayload$jscomp$0, {
+                style: [updatePayload$jscomp$0.style, { display: "none" }]
+              });
+              updatePayload$jscomp$0 = diffProperties(
+                null,
+                prevProps,
+                updatePayload$jscomp$0,
+                viewConfig.validAttributes
+              );
+              ReactNativePrivateInterface.UIManager.updateView(
+                updatePayload._nativeTag,
+                viewConfig.uiViewClassName,
+                updatePayload$jscomp$0
+              );
+            }
+          else {
+            if (6 === current$$1.tag) throw Error("Not yet implemented.");
+            if (13 === current$$1.tag && null !== current$$1.memoizedState) {
+              updatePayload = current$$1.child.sibling;
+              updatePayload.return = current$$1;
+              current$$1 = updatePayload;
+              continue;
+            } else if (null !== current$$1.child) {
+              current$$1.child.return = current$$1;
+              current$$1 = current$$1.child;
+              continue;
+            }
+          }
+          if (current$$1 === instance) break a;
+          for (; null === current$$1.sibling; ) {
+            if (null === current$$1.return || current$$1.return === instance)
+              break a;
+            current$$1 = current$$1.return;
+          }
+          current$$1.sibling.return = current$$1.return;
+          current$$1 = current$$1.sibling;
+        }
+      attachSuspenseRetryListeners(finishedWork);
+      break;
+    case 19:
+      attachSuspenseRetryListeners(finishedWork);
+      break;
+    case 17:
+      break;
+    case 20:
+      break;
+    default:
+      throw ReactError(
+        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."
+        )
+      );
+  }
+}
+function attachSuspenseRetryListeners(finishedWork) {
+  var thenables = finishedWork.updateQueue;
+  if (null !== thenables) {
+    finishedWork.updateQueue = null;
+    var retryCache = finishedWork.stateNode;
+    null === retryCache &&
+      (retryCache = finishedWork.stateNode = new PossiblyWeakSet$1());
+    thenables.forEach(function(thenable) {
+      var retry = resolveRetryThenable.bind(null, finishedWork, thenable);
+      retryCache.has(thenable) ||
+        (retryCache.add(thenable), thenable.then(retry, retry));
+    });
+  }
+}
+var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map;
+function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
+  expirationTime = createUpdate(expirationTime, null);
+  expirationTime.tag = 3;
+  expirationTime.payload = { element: null };
+  var error = errorInfo.value;
+  expirationTime.callback = function() {
+    hasUncaughtError || ((hasUncaughtError = !0), (firstUncaughtError = error));
+    logError(fiber, errorInfo);
+  };
+  return expirationTime;
+}
+function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
+  expirationTime = createUpdate(expirationTime, null);
+  expirationTime.tag = 3;
+  var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
+  if ("function" === typeof getDerivedStateFromError) {
+    var error = errorInfo.value;
+    expirationTime.payload = function() {
+      logError(fiber, errorInfo);
+      return getDerivedStateFromError(error);
+    };
+  }
+  var inst = fiber.stateNode;
+  null !== inst &&
+    "function" === typeof inst.componentDidCatch &&
+    (expirationTime.callback = function() {
+      "function" !== typeof getDerivedStateFromError &&
+        (null === legacyErrorBoundariesThatAlreadyFailed
+          ? (legacyErrorBoundariesThatAlreadyFailed = new Set([this]))
+          : legacyErrorBoundariesThatAlreadyFailed.add(this),
+        logError(fiber, errorInfo));
+      var stack = errorInfo.stack;
+      this.componentDidCatch(errorInfo.value, {
+        componentStack: null !== stack ? stack : ""
+      });
+    });
+  return expirationTime;
+}
+var ceil = Math.ceil,
+  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
+  NoContext = 0,
+  LegacyUnbatchedContext = 8,
+  RenderContext = 16,
+  CommitContext = 32,
+  RootIncomplete = 0,
+  RootErrored = 1,
+  RootSuspended = 2,
+  RootSuspendedWithDelay = 3,
+  RootCompleted = 4,
+  executionContext = NoContext,
+  workInProgressRoot = null,
+  workInProgress = null,
+  renderExpirationTime = 0,
+  workInProgressRootExitStatus = RootIncomplete,
+  workInProgressRootLatestProcessedExpirationTime = 1073741823,
+  workInProgressRootLatestSuspenseTimeout = 1073741823,
+  workInProgressRootCanSuspendUsingConfig = null,
+  workInProgressRootHasPendingPing = !1,
+  globalMostRecentFallbackTime = 0,
+  FALLBACK_THROTTLE_MS = 500,
+  nextEffect = null,
+  hasUncaughtError = !1,
+  firstUncaughtError = null,
+  legacyErrorBoundariesThatAlreadyFailed = null,
+  rootDoesHavePassiveEffects = !1,
+  rootWithPendingPassiveEffects = null,
+  pendingPassiveEffectsRenderPriority = 90,
+  pendingPassiveEffectsExpirationTime = 0,
+  rootsWithPendingDiscreteUpdates = null,
+  nestedUpdateCount = 0,
+  rootWithNestedUpdates = null,
+  currentEventTime = 0;
+function requestCurrentTime() {
+  return (executionContext & (RenderContext | CommitContext)) !== NoContext
+    ? 1073741821 - ((now() / 10) | 0)
+    : 0 !== currentEventTime
+      ? currentEventTime
+      : (currentEventTime = 1073741821 - ((now() / 10) | 0));
+}
+function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
+  fiber = fiber.mode;
+  if (0 === (fiber & 2)) return 1073741823;
+  var priorityLevel = getCurrentPriorityLevel();
+  if (0 === (fiber & 4)) return 99 === priorityLevel ? 1073741823 : 1073741822;
+  if ((executionContext & RenderContext) !== NoContext)
+    return renderExpirationTime;
+  if (null !== suspenseConfig)
+    currentTime =
+      1073741821 -
+      25 *
+        ((((1073741821 -
+          currentTime +
+          (suspenseConfig.timeoutMs | 0 || 5e3) / 10) /
+          25) |
+          0) +
+          1);
+  else
+    switch (priorityLevel) {
+      case 99:
+        currentTime = 1073741823;
+        break;
+      case 98:
+        currentTime =
+          1073741821 - 10 * ((((1073741821 - currentTime + 15) / 10) | 0) + 1);
+        break;
+      case 97:
+      case 96:
+        currentTime =
+          1073741821 - 25 * ((((1073741821 - currentTime + 500) / 25) | 0) + 1);
+        break;
+      case 95:
+        currentTime = 1;
+        break;
+      default:
+        throw ReactError(Error("Expected a valid priority level"));
+    }
+  null !== workInProgressRoot &&
+    currentTime === renderExpirationTime &&
+    --currentTime;
+  return currentTime;
+}
+function scheduleUpdateOnFiber(fiber, expirationTime) {
+  if (50 < nestedUpdateCount)
+    throw ((nestedUpdateCount = 0),
+    (rootWithNestedUpdates = null),
+    ReactError(
+      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."
+      )
+    ));
+  fiber = markUpdateTimeFromFiberToRoot(fiber, expirationTime);
+  if (null !== fiber) {
+    fiber.pingTime = 0;
+    var priorityLevel = getCurrentPriorityLevel();
+    if (1073741823 === expirationTime)
+      if (
+        (executionContext & LegacyUnbatchedContext) !== NoContext &&
+        (executionContext & (RenderContext | CommitContext)) === NoContext
+      )
+        for (
+          var callback = renderRoot(fiber, 1073741823, !0);
+          null !== callback;
+
+        )
+          callback = callback(!0);
+      else
+        scheduleCallbackForRoot(fiber, 99, 1073741823),
+          executionContext === NoContext && flushSyncCallbackQueue();
+    else scheduleCallbackForRoot(fiber, priorityLevel, expirationTime);
+    (executionContext & 4) === NoContext ||
+      (98 !== priorityLevel && 99 !== priorityLevel) ||
+      (null === rootsWithPendingDiscreteUpdates
+        ? (rootsWithPendingDiscreteUpdates = new Map([[fiber, expirationTime]]))
+        : ((priorityLevel = rootsWithPendingDiscreteUpdates.get(fiber)),
+          (void 0 === priorityLevel || priorityLevel > expirationTime) &&
+            rootsWithPendingDiscreteUpdates.set(fiber, expirationTime)));
+  }
+}
+function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
+  fiber.expirationTime < expirationTime &&
+    (fiber.expirationTime = expirationTime);
+  var alternate = fiber.alternate;
+  null !== alternate &&
+    alternate.expirationTime < expirationTime &&
+    (alternate.expirationTime = expirationTime);
+  var node = fiber.return,
+    root = null;
+  if (null === node && 3 === fiber.tag) root = fiber.stateNode;
+  else
+    for (; null !== node; ) {
+      alternate = node.alternate;
+      node.childExpirationTime < expirationTime &&
+        (node.childExpirationTime = expirationTime);
+      null !== alternate &&
+        alternate.childExpirationTime < expirationTime &&
+        (alternate.childExpirationTime = expirationTime);
+      if (null === node.return && 3 === node.tag) {
+        root = node.stateNode;
+        break;
+      }
+      node = node.return;
+    }
+  null !== root &&
+    (expirationTime > root.firstPendingTime &&
+      (root.firstPendingTime = expirationTime),
+    (fiber = root.lastPendingTime),
+    0 === fiber || expirationTime < fiber) &&
+    (root.lastPendingTime = expirationTime);
+  return root;
+}
+function scheduleCallbackForRoot(root, priorityLevel, expirationTime) {
+  if (root.callbackExpirationTime < expirationTime) {
+    var existingCallbackNode = root.callbackNode;
+    null !== existingCallbackNode &&
+      existingCallbackNode !== fakeCallbackNode &&
+      Scheduler_cancelCallback(existingCallbackNode);
+    root.callbackExpirationTime = expirationTime;
+    1073741823 === expirationTime
+      ? (root.callbackNode = scheduleSyncCallback(
+          runRootCallback.bind(
+            null,
+            root,
+            renderRoot.bind(null, root, expirationTime)
+          )
+        ))
+      : ((existingCallbackNode = null),
+        1 !== expirationTime &&
+          (existingCallbackNode = {
+            timeout: 10 * (1073741821 - expirationTime) - now()
+          }),
+        (root.callbackNode = scheduleCallback(
+          priorityLevel,
+          runRootCallback.bind(
+            null,
+            root,
+            renderRoot.bind(null, root, expirationTime)
+          ),
+          existingCallbackNode
+        )));
+  }
+}
+function runRootCallback(root, callback, isSync) {
+  var prevCallbackNode = root.callbackNode,
+    continuation = null;
+  try {
+    return (
+      (continuation = callback(isSync)),
+      null !== continuation
+        ? runRootCallback.bind(null, root, continuation)
+        : null
+    );
+  } finally {
+    null === continuation &&
+      prevCallbackNode === root.callbackNode &&
+      ((root.callbackNode = null), (root.callbackExpirationTime = 0));
+  }
+}
+function resolveLocksOnRoot(root, expirationTime) {
+  var firstBatch = root.firstBatch;
+  return null !== firstBatch &&
+    firstBatch._defer &&
+    firstBatch._expirationTime >= expirationTime
+    ? (scheduleCallback(97, function() {
+        firstBatch._onComplete();
+        return null;
+      }),
+      !0)
+    : !1;
+}
+function flushPendingDiscreteUpdates() {
+  if (null !== rootsWithPendingDiscreteUpdates) {
+    var roots = rootsWithPendingDiscreteUpdates;
+    rootsWithPendingDiscreteUpdates = null;
+    roots.forEach(function(expirationTime, root) {
+      scheduleSyncCallback(renderRoot.bind(null, root, expirationTime));
+    });
+    flushSyncCallbackQueue();
+  }
+}
+function prepareFreshStack(root, expirationTime) {
+  root.finishedWork = null;
+  root.finishedExpirationTime = 0;
+  var timeoutHandle = root.timeoutHandle;
+  -1 !== timeoutHandle &&
+    ((root.timeoutHandle = -1), cancelTimeout(timeoutHandle));
+  if (null !== workInProgress)
+    for (timeoutHandle = workInProgress.return; null !== timeoutHandle; ) {
+      var interruptedWork = timeoutHandle;
+      switch (interruptedWork.tag) {
+        case 1:
+          var childContextTypes = interruptedWork.type.childContextTypes;
+          null !== childContextTypes &&
+            void 0 !== childContextTypes &&
+            popContext(interruptedWork);
+          break;
+        case 3:
+          popHostContainer(interruptedWork);
+          popTopLevelContextObject(interruptedWork);
+          break;
+        case 5:
+          popHostContext(interruptedWork);
+          break;
+        case 4:
+          popHostContainer(interruptedWork);
+          break;
+        case 13:
+          pop(suspenseStackCursor, interruptedWork);
+          break;
+        case 19:
+          pop(suspenseStackCursor, interruptedWork);
+          break;
+        case 10:
+          popProvider(interruptedWork);
+      }
+      timeoutHandle = timeoutHandle.return;
+    }
+  workInProgressRoot = root;
+  workInProgress = createWorkInProgress(root.current, null, expirationTime);
+  renderExpirationTime = expirationTime;
+  workInProgressRootExitStatus = RootIncomplete;
+  workInProgressRootLatestSuspenseTimeout = workInProgressRootLatestProcessedExpirationTime = 1073741823;
+  workInProgressRootCanSuspendUsingConfig = null;
+  workInProgressRootHasPendingPing = !1;
+}
+function renderRoot(root$jscomp$0, expirationTime, isSync) {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(Error("Should not already be working."));
+  if (root$jscomp$0.firstPendingTime < expirationTime) return null;
+  if (isSync && root$jscomp$0.finishedExpirationTime === expirationTime)
+    return commitRoot.bind(null, root$jscomp$0);
+  flushPassiveEffects();
+  if (
+    root$jscomp$0 !== workInProgressRoot ||
+    expirationTime !== renderExpirationTime
+  )
+    prepareFreshStack(root$jscomp$0, expirationTime);
+  else if (workInProgressRootExitStatus === RootSuspendedWithDelay)
+    if (workInProgressRootHasPendingPing)
+      prepareFreshStack(root$jscomp$0, expirationTime);
+    else {
+      var lastPendingTime = root$jscomp$0.lastPendingTime;
+      if (lastPendingTime < expirationTime)
+        return renderRoot.bind(null, root$jscomp$0, lastPendingTime);
+    }
+  if (null !== workInProgress) {
+    lastPendingTime = executionContext;
+    executionContext |= RenderContext;
+    var prevDispatcher = ReactCurrentDispatcher.current;
+    null === prevDispatcher && (prevDispatcher = ContextOnlyDispatcher);
+    ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+    if (isSync) {
+      if (1073741823 !== expirationTime) {
+        var currentTime = requestCurrentTime();
+        if (currentTime < expirationTime)
+          return (
+            (executionContext = lastPendingTime),
+            resetContextDependencies(),
+            (ReactCurrentDispatcher.current = prevDispatcher),
+            renderRoot.bind(null, root$jscomp$0, currentTime)
+          );
+      }
+    } else currentEventTime = 0;
+    do
+      try {
+        if (isSync)
+          for (; null !== workInProgress; )
+            workInProgress = performUnitOfWork(workInProgress);
+        else
+          for (; null !== workInProgress && !Scheduler_shouldYield(); )
+            workInProgress = performUnitOfWork(workInProgress);
+        break;
+      } catch (thrownValue) {
+        resetContextDependencies();
+        resetHooks();
+        currentTime = workInProgress;
+        if (null === currentTime || null === currentTime.return)
+          throw (prepareFreshStack(root$jscomp$0, expirationTime),
+          (executionContext = lastPendingTime),
+          thrownValue);
+        a: {
+          var root = root$jscomp$0,
+            returnFiber = currentTime.return,
+            sourceFiber = currentTime,
+            value = thrownValue,
+            renderExpirationTime$jscomp$0 = renderExpirationTime;
+          sourceFiber.effectTag |= 1024;
+          sourceFiber.firstEffect = sourceFiber.lastEffect = null;
+          if (
+            null !== value &&
+            "object" === typeof value &&
+            "function" === typeof value.then
+          ) {
+            var thenable = value,
+              hasInvisibleParentBoundary =
+                0 !==
+                (suspenseStackCursor.current & InvisibleParentSuspenseContext);
+            value = returnFiber;
+            do {
+              var JSCompiler_temp;
+              if ((JSCompiler_temp = 13 === value.tag))
+                null !== value.memoizedState
+                  ? (JSCompiler_temp = !1)
+                  : ((JSCompiler_temp = value.memoizedProps),
+                    (JSCompiler_temp =
+                      void 0 === JSCompiler_temp.fallback
+                        ? !1
+                        : !0 !== JSCompiler_temp.unstable_avoidThisFallback
+                          ? !0
+                          : hasInvisibleParentBoundary
+                            ? !1
+                            : !0));
+              if (JSCompiler_temp) {
+                returnFiber = value.updateQueue;
+                null === returnFiber
+                  ? ((returnFiber = new Set()),
+                    returnFiber.add(thenable),
+                    (value.updateQueue = returnFiber))
+                  : returnFiber.add(thenable);
+                if (0 === (value.mode & 2)) {
+                  value.effectTag |= 64;
+                  sourceFiber.effectTag &= -1957;
+                  1 === sourceFiber.tag &&
+                    (null === sourceFiber.alternate
+                      ? (sourceFiber.tag = 17)
+                      : ((renderExpirationTime$jscomp$0 = createUpdate(
+                          1073741823,
+                          null
+                        )),
+                        (renderExpirationTime$jscomp$0.tag = 2),
+                        enqueueUpdate(
+                          sourceFiber,
+                          renderExpirationTime$jscomp$0
+                        )));
+                  sourceFiber.expirationTime = 1073741823;
+                  break a;
+                }
+                sourceFiber = root;
+                root = renderExpirationTime$jscomp$0;
+                hasInvisibleParentBoundary = sourceFiber.pingCache;
+                null === hasInvisibleParentBoundary
+                  ? ((hasInvisibleParentBoundary = sourceFiber.pingCache = new PossiblyWeakMap()),
+                    (returnFiber = new Set()),
+                    hasInvisibleParentBoundary.set(thenable, returnFiber))
+                  : ((returnFiber = hasInvisibleParentBoundary.get(thenable)),
+                    void 0 === returnFiber &&
+                      ((returnFiber = new Set()),
+                      hasInvisibleParentBoundary.set(thenable, returnFiber)));
+                returnFiber.has(root) ||
+                  (returnFiber.add(root),
+                  (sourceFiber = pingSuspendedRoot.bind(
+                    null,
+                    sourceFiber,
+                    thenable,
+                    root
+                  )),
+                  thenable.then(sourceFiber, sourceFiber));
+                value.effectTag |= 2048;
+                value.expirationTime = renderExpirationTime$jscomp$0;
+                break a;
+              }
+              value = value.return;
+            } while (null !== value);
+            value = Error(
+              (getComponentName(sourceFiber.type) || "A React component") +
+                " suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display." +
+                getStackByFiberInDevAndProd(sourceFiber)
+            );
+          }
+          workInProgressRootExitStatus !== RootCompleted &&
+            (workInProgressRootExitStatus = RootErrored);
+          value = createCapturedValue(value, sourceFiber);
+          sourceFiber = returnFiber;
+          do {
+            switch (sourceFiber.tag) {
+              case 3:
+                sourceFiber.effectTag |= 2048;
+                sourceFiber.expirationTime = renderExpirationTime$jscomp$0;
+                renderExpirationTime$jscomp$0 = createRootErrorUpdate(
+                  sourceFiber,
+                  value,
+                  renderExpirationTime$jscomp$0
+                );
+                enqueueCapturedUpdate(
+                  sourceFiber,
+                  renderExpirationTime$jscomp$0
+                );
+                break a;
+              case 1:
+                if (
+                  ((thenable = value),
+                  (root = sourceFiber.type),
+                  (returnFiber = sourceFiber.stateNode),
+                  0 === (sourceFiber.effectTag & 64) &&
+                    ("function" === typeof root.getDerivedStateFromError ||
+                      (null !== returnFiber &&
+                        "function" === typeof returnFiber.componentDidCatch &&
+                        (null === legacyErrorBoundariesThatAlreadyFailed ||
+                          !legacyErrorBoundariesThatAlreadyFailed.has(
+                            returnFiber
+                          )))))
+                ) {
+                  sourceFiber.effectTag |= 2048;
+                  sourceFiber.expirationTime = renderExpirationTime$jscomp$0;
+                  renderExpirationTime$jscomp$0 = createClassErrorUpdate(
+                    sourceFiber,
+                    thenable,
+                    renderExpirationTime$jscomp$0
+                  );
+                  enqueueCapturedUpdate(
+                    sourceFiber,
+                    renderExpirationTime$jscomp$0
+                  );
+                  break a;
+                }
+            }
+            sourceFiber = sourceFiber.return;
+          } while (null !== sourceFiber);
+        }
+        workInProgress = completeUnitOfWork(currentTime);
+      }
+    while (1);
+    executionContext = lastPendingTime;
+    resetContextDependencies();
+    ReactCurrentDispatcher.current = prevDispatcher;
+    if (null !== workInProgress)
+      return renderRoot.bind(null, root$jscomp$0, expirationTime);
+  }
+  root$jscomp$0.finishedWork = root$jscomp$0.current.alternate;
+  root$jscomp$0.finishedExpirationTime = expirationTime;
+  if (resolveLocksOnRoot(root$jscomp$0, expirationTime)) return null;
+  workInProgressRoot = null;
+  switch (workInProgressRootExitStatus) {
+    case RootIncomplete:
+      throw ReactError(Error("Should have a work-in-progress."));
+    case RootErrored:
+      return (
+        (lastPendingTime = root$jscomp$0.lastPendingTime),
+        lastPendingTime < expirationTime
+          ? renderRoot.bind(null, root$jscomp$0, lastPendingTime)
+          : isSync
+            ? commitRoot.bind(null, root$jscomp$0)
+            : (prepareFreshStack(root$jscomp$0, expirationTime),
+              scheduleSyncCallback(
+                renderRoot.bind(null, root$jscomp$0, expirationTime)
+              ),
+              null)
+      );
+    case RootSuspended:
+      if (
+        1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+        !isSync &&
+        ((isSync = globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
+        10 < isSync)
+      ) {
+        if (workInProgressRootHasPendingPing)
+          return (
+            prepareFreshStack(root$jscomp$0, expirationTime),
+            renderRoot.bind(null, root$jscomp$0, expirationTime)
+          );
+        lastPendingTime = root$jscomp$0.lastPendingTime;
+        if (lastPendingTime < expirationTime)
+          return renderRoot.bind(null, root$jscomp$0, lastPendingTime);
+        root$jscomp$0.timeoutHandle = scheduleTimeout(
+          commitRoot.bind(null, root$jscomp$0),
+          isSync
+        );
+        return null;
+      }
+      return commitRoot.bind(null, root$jscomp$0);
+    case RootSuspendedWithDelay:
+      if (!isSync) {
+        if (workInProgressRootHasPendingPing)
+          return (
+            prepareFreshStack(root$jscomp$0, expirationTime),
+            renderRoot.bind(null, root$jscomp$0, expirationTime)
+          );
+        isSync = root$jscomp$0.lastPendingTime;
+        if (isSync < expirationTime)
+          return renderRoot.bind(null, root$jscomp$0, isSync);
+        1073741823 !== workInProgressRootLatestSuspenseTimeout
+          ? (isSync =
+              10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
+              now())
+          : 1073741823 === workInProgressRootLatestProcessedExpirationTime
+            ? (isSync = 0)
+            : ((isSync =
+                10 *
+                  (1073741821 -
+                    workInProgressRootLatestProcessedExpirationTime) -
+                5e3),
+              (lastPendingTime = now()),
+              (expirationTime =
+                10 * (1073741821 - expirationTime) - lastPendingTime),
+              (isSync = lastPendingTime - isSync),
+              0 > isSync && (isSync = 0),
+              (isSync =
+                (120 > isSync
+                  ? 120
+                  : 480 > isSync
+                    ? 480
+                    : 1080 > isSync
+                      ? 1080
+                      : 1920 > isSync
+                        ? 1920
+                        : 3e3 > isSync
+                          ? 3e3
+                          : 4320 > isSync
+                            ? 4320
+                            : 1960 * ceil(isSync / 1960)) - isSync),
+              expirationTime < isSync && (isSync = expirationTime));
+        if (10 < isSync)
+          return (
+            (root$jscomp$0.timeoutHandle = scheduleTimeout(
+              commitRoot.bind(null, root$jscomp$0),
+              isSync
+            )),
+            null
+          );
+      }
+      return commitRoot.bind(null, root$jscomp$0);
+    case RootCompleted:
+      return !isSync &&
+        1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
+        null !== workInProgressRootCanSuspendUsingConfig &&
+        ((lastPendingTime = workInProgressRootLatestProcessedExpirationTime),
+        (prevDispatcher = workInProgressRootCanSuspendUsingConfig),
+        (expirationTime = prevDispatcher.busyMinDurationMs | 0),
+        0 >= expirationTime
+          ? (expirationTime = 0)
+          : ((isSync = prevDispatcher.busyDelayMs | 0),
+            (lastPendingTime =
+              now() -
+              (10 * (1073741821 - lastPendingTime) -
+                (prevDispatcher.timeoutMs | 0 || 5e3))),
+            (expirationTime =
+              lastPendingTime <= isSync
+                ? 0
+                : isSync + expirationTime - lastPendingTime)),
+        10 < expirationTime)
+        ? ((root$jscomp$0.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root$jscomp$0),
+            expirationTime
+          )),
+          null)
+        : commitRoot.bind(null, root$jscomp$0);
+    default:
+      throw ReactError(Error("Unknown root exit status."));
+  }
+}
+function markRenderEventTimeAndConfig(expirationTime, suspenseConfig) {
+  expirationTime < workInProgressRootLatestProcessedExpirationTime &&
+    1 < expirationTime &&
+    (workInProgressRootLatestProcessedExpirationTime = expirationTime);
+  null !== suspenseConfig &&
+    expirationTime < workInProgressRootLatestSuspenseTimeout &&
+    1 < expirationTime &&
+    ((workInProgressRootLatestSuspenseTimeout = expirationTime),
+    (workInProgressRootCanSuspendUsingConfig = suspenseConfig));
+}
+function performUnitOfWork(unitOfWork) {
+  var next = beginWork$$1(
+    unitOfWork.alternate,
+    unitOfWork,
+    renderExpirationTime
+  );
+  unitOfWork.memoizedProps = unitOfWork.pendingProps;
+  null === next && (next = completeUnitOfWork(unitOfWork));
+  ReactCurrentOwner$2.current = null;
+  return next;
+}
+function completeUnitOfWork(unitOfWork) {
+  workInProgress = unitOfWork;
+  do {
+    var current$$1 = workInProgress.alternate;
+    unitOfWork = workInProgress.return;
+    if (0 === (workInProgress.effectTag & 1024)) {
+      a: {
+        var current = current$$1;
+        current$$1 = workInProgress;
+        var renderExpirationTime$jscomp$0 = renderExpirationTime,
+          newProps = current$$1.pendingProps;
+        switch (current$$1.tag) {
+          case 2:
+            break;
+          case 16:
+            break;
+          case 15:
+          case 0:
+            break;
+          case 1:
+            isContextProvider(current$$1.type) && popContext(current$$1);
+            break;
+          case 3:
+            popHostContainer(current$$1);
+            popTopLevelContextObject(current$$1);
+            newProps = current$$1.stateNode;
+            newProps.pendingContext &&
+              ((newProps.context = newProps.pendingContext),
+              (newProps.pendingContext = null));
+            if (null === current || null === current.child)
+              current$$1.effectTag &= -3;
+            updateHostContainer(current$$1);
+            break;
+          case 5:
+            popHostContext(current$$1);
+            renderExpirationTime$jscomp$0 = requiredContext(
+              rootInstanceStackCursor.current
+            );
+            var type = current$$1.type;
+            if (null !== current && null != current$$1.stateNode)
+              updateHostComponent$1(
+                current,
+                current$$1,
+                type,
+                newProps,
+                renderExpirationTime$jscomp$0
+              ),
+                current.ref !== current$$1.ref && (current$$1.effectTag |= 128);
+            else if (newProps) {
+              current = requiredContext(contextStackCursor$1.current);
+              var type$jscomp$0 = type;
+              var _instance6 = newProps;
+              var rootContainerInstance = renderExpirationTime$jscomp$0,
+                internalInstanceHandle = current$$1,
+                tag = allocateTag();
+              type$jscomp$0 = getViewConfigForType(type$jscomp$0);
+              var updatePayload = diffProperties(
+                null,
+                emptyObject,
+                _instance6,
+                type$jscomp$0.validAttributes
+              );
+              ReactNativePrivateInterface.UIManager.createView(
+                tag,
+                type$jscomp$0.uiViewClassName,
+                rootContainerInstance,
+                updatePayload
+              );
+              rootContainerInstance = new ReactNativeFiberHostComponent(
+                tag,
+                type$jscomp$0
+              );
+              instanceCache.set(tag, internalInstanceHandle);
+              instanceProps.set(tag, _instance6);
+              _instance6 = rootContainerInstance;
+              appendAllChildren(_instance6, current$$1, !1, !1);
+              finalizeInitialChildren(
+                _instance6,
+                type,
+                newProps,
+                renderExpirationTime$jscomp$0,
+                current
+              ) && (current$$1.effectTag |= 4);
+              current$$1.stateNode = _instance6;
+              null !== current$$1.ref && (current$$1.effectTag |= 128);
+            } else if (null === current$$1.stateNode)
+              throw ReactError(
+                Error(
+                  "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+                )
+              );
+            break;
+          case 6:
+            if (current && null != current$$1.stateNode)
+              updateHostText$1(
+                current,
+                current$$1,
+                current.memoizedProps,
+                newProps
+              );
+            else {
+              if ("string" !== typeof newProps && null === current$$1.stateNode)
+                throw ReactError(
+                  Error(
+                    "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+                  )
+                );
+              type = requiredContext(rootInstanceStackCursor.current);
+              renderExpirationTime$jscomp$0 = requiredContext(
+                contextStackCursor$1.current
+              );
+              current = current$$1;
+              if (!renderExpirationTime$jscomp$0.isInAParentText)
+                throw ReactError(
+                  Error(
+                    "Text strings must be rendered within a <Text> component."
+                  )
+                );
+              renderExpirationTime$jscomp$0 = allocateTag();
+              ReactNativePrivateInterface.UIManager.createView(
+                renderExpirationTime$jscomp$0,
+                "RCTRawText",
+                type,
+                { text: newProps }
+              );
+              instanceCache.set(renderExpirationTime$jscomp$0, current$$1);
+              current.stateNode = renderExpirationTime$jscomp$0;
+            }
+            break;
+          case 11:
+            break;
+          case 13:
+            pop(suspenseStackCursor, current$$1);
+            newProps = current$$1.memoizedState;
+            if (0 !== (current$$1.effectTag & 64)) {
+              current$$1.expirationTime = renderExpirationTime$jscomp$0;
+              break a;
+            }
+            newProps = null !== newProps;
+            renderExpirationTime$jscomp$0 = !1;
+            null !== current &&
+              ((type = current.memoizedState),
+              (renderExpirationTime$jscomp$0 = null !== type),
+              newProps ||
+                null === type ||
+                ((type = current.child.sibling),
+                null !== type &&
+                  ((_instance6 = current$$1.firstEffect),
+                  null !== _instance6
+                    ? ((current$$1.firstEffect = type),
+                      (type.nextEffect = _instance6))
+                    : ((current$$1.firstEffect = current$$1.lastEffect = type),
+                      (type.nextEffect = null)),
+                  (type.effectTag = 8))));
+            if (
+              newProps &&
+              !renderExpirationTime$jscomp$0 &&
+              0 !== (current$$1.mode & 2)
+            )
+              if (
+                (null === current &&
+                  !0 !== current$$1.memoizedProps.unstable_avoidThisFallback) ||
+                0 !==
+                  (suspenseStackCursor.current & InvisibleParentSuspenseContext)
+              )
+                workInProgressRootExitStatus === RootIncomplete &&
+                  (workInProgressRootExitStatus = RootSuspended);
+              else if (
+                workInProgressRootExitStatus === RootIncomplete ||
+                workInProgressRootExitStatus === RootSuspended
+              )
+                workInProgressRootExitStatus = RootSuspendedWithDelay;
+            if (newProps || renderExpirationTime$jscomp$0)
+              current$$1.effectTag |= 4;
+            break;
+          case 7:
+            break;
+          case 8:
+            break;
+          case 12:
+            break;
+          case 4:
+            popHostContainer(current$$1);
+            updateHostContainer(current$$1);
+            break;
+          case 10:
+            popProvider(current$$1);
+            break;
+          case 9:
+            break;
+          case 14:
+            break;
+          case 17:
+            isContextProvider(current$$1.type) && popContext(current$$1);
+            break;
+          case 18:
+            break;
+          case 19:
+            pop(suspenseStackCursor, current$$1);
+            newProps = current$$1.memoizedState;
+            if (null === newProps) break;
+            type = 0 !== (current$$1.effectTag & 64);
+            _instance6 = newProps.rendering;
+            if (null === _instance6)
+              if (type) cutOffTailIfNeeded(newProps, !1);
+              else {
+                if (
+                  workInProgressRootExitStatus !== RootIncomplete ||
+                  (null !== current && 0 !== (current.effectTag & 64))
+                )
+                  for (current = current$$1.child; null !== current; ) {
+                    _instance6 = findFirstSuspended(current);
+                    if (null !== _instance6) {
+                      current$$1.effectTag |= 64;
+                      cutOffTailIfNeeded(newProps, !1);
+                      newProps = _instance6.updateQueue;
+                      null !== newProps &&
+                        ((current$$1.updateQueue = newProps),
+                        (current$$1.effectTag |= 4));
+                      current$$1.firstEffect = current$$1.lastEffect = null;
+                      newProps = renderExpirationTime$jscomp$0;
+                      for (current = current$$1.child; null !== current; )
+                        (renderExpirationTime$jscomp$0 = current),
+                          (type = newProps),
+                          (renderExpirationTime$jscomp$0.effectTag &= 2),
+                          (renderExpirationTime$jscomp$0.nextEffect = null),
+                          (renderExpirationTime$jscomp$0.firstEffect = null),
+                          (renderExpirationTime$jscomp$0.lastEffect = null),
+                          (_instance6 =
+                            renderExpirationTime$jscomp$0.alternate),
+                          null === _instance6
+                            ? ((renderExpirationTime$jscomp$0.childExpirationTime = 0),
+                              (renderExpirationTime$jscomp$0.expirationTime = type),
+                              (renderExpirationTime$jscomp$0.child = null),
+                              (renderExpirationTime$jscomp$0.memoizedProps = null),
+                              (renderExpirationTime$jscomp$0.memoizedState = null),
+                              (renderExpirationTime$jscomp$0.updateQueue = null),
+                              (renderExpirationTime$jscomp$0.dependencies = null))
+                            : ((renderExpirationTime$jscomp$0.childExpirationTime =
+                                _instance6.childExpirationTime),
+                              (renderExpirationTime$jscomp$0.expirationTime =
+                                _instance6.expirationTime),
+                              (renderExpirationTime$jscomp$0.child =
+                                _instance6.child),
+                              (renderExpirationTime$jscomp$0.memoizedProps =
+                                _instance6.memoizedProps),
+                              (renderExpirationTime$jscomp$0.memoizedState =
+                                _instance6.memoizedState),
+                              (renderExpirationTime$jscomp$0.updateQueue =
+                                _instance6.updateQueue),
+                              (type = _instance6.dependencies),
+                              (renderExpirationTime$jscomp$0.dependencies =
+                                null === type
+                                  ? null
+                                  : {
+                                      expirationTime: type.expirationTime,
+                                      firstContext: type.firstContext,
+                                      responders: type.responders
+                                    })),
+                          (current = current.sibling);
+                      push(
+                        suspenseStackCursor,
+                        (suspenseStackCursor.current &
+                          SubtreeSuspenseContextMask) |
+                          ForceSuspenseFallback,
+                        current$$1
+                      );
+                      current$$1 = current$$1.child;
+                      break a;
+                    }
+                    current = current.sibling;
+                  }
+              }
+            else {
+              if (!type)
+                if (
+                  ((current = findFirstSuspended(_instance6)), null !== current)
+                ) {
+                  if (
+                    ((current$$1.effectTag |= 64),
+                    (type = !0),
+                    cutOffTailIfNeeded(newProps, !0),
+                    null === newProps.tail && "hidden" === newProps.tailMode)
+                  ) {
+                    current = current.updateQueue;
+                    null !== current &&
+                      ((current$$1.updateQueue = current),
+                      (current$$1.effectTag |= 4));
+                    current$$1 = current$$1.lastEffect = newProps.lastEffect;
+                    null !== current$$1 && (current$$1.nextEffect = null);
+                    break;
+                  }
+                } else
+                  now() > newProps.tailExpiration &&
+                    1 < renderExpirationTime$jscomp$0 &&
+                    ((current$$1.effectTag |= 64),
+                    (type = !0),
+                    cutOffTailIfNeeded(newProps, !1),
+                    (current$$1.expirationTime = current$$1.childExpirationTime =
+                      renderExpirationTime$jscomp$0 - 1));
+              newProps.isBackwards
+                ? ((_instance6.sibling = current$$1.child),
+                  (current$$1.child = _instance6))
+                : ((current = newProps.last),
+                  null !== current
+                    ? (current.sibling = _instance6)
+                    : (current$$1.child = _instance6),
+                  (newProps.last = _instance6));
+            }
+            if (null !== newProps.tail) {
+              0 === newProps.tailExpiration &&
+                (newProps.tailExpiration = now() + 500);
+              current = newProps.tail;
+              newProps.rendering = current;
+              newProps.tail = current.sibling;
+              newProps.lastEffect = current$$1.lastEffect;
+              current.sibling = null;
+              newProps = suspenseStackCursor.current;
+              newProps = type
+                ? (newProps & SubtreeSuspenseContextMask) |
+                  ForceSuspenseFallback
+                : newProps & SubtreeSuspenseContextMask;
+              push(suspenseStackCursor, newProps, current$$1);
+              current$$1 = current;
+              break a;
+            }
+            break;
+          case 20:
+            break;
+          default:
+            throw ReactError(
+              Error(
+                "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+              )
+            );
+        }
+        current$$1 = null;
+      }
+      newProps = workInProgress;
+      if (1 === renderExpirationTime || 1 !== newProps.childExpirationTime) {
+        current = 0;
+        for (
+          renderExpirationTime$jscomp$0 = newProps.child;
+          null !== renderExpirationTime$jscomp$0;
+
+        )
+          (type = renderExpirationTime$jscomp$0.expirationTime),
+            (_instance6 = renderExpirationTime$jscomp$0.childExpirationTime),
+            type > current && (current = type),
+            _instance6 > current && (current = _instance6),
+            (renderExpirationTime$jscomp$0 =
+              renderExpirationTime$jscomp$0.sibling);
+        newProps.childExpirationTime = current;
+      }
+      if (null !== current$$1) return current$$1;
+      null !== unitOfWork &&
+        0 === (unitOfWork.effectTag & 1024) &&
+        (null === unitOfWork.firstEffect &&
+          (unitOfWork.firstEffect = workInProgress.firstEffect),
+        null !== workInProgress.lastEffect &&
+          (null !== unitOfWork.lastEffect &&
+            (unitOfWork.lastEffect.nextEffect = workInProgress.firstEffect),
+          (unitOfWork.lastEffect = workInProgress.lastEffect)),
+        1 < workInProgress.effectTag &&
+          (null !== unitOfWork.lastEffect
+            ? (unitOfWork.lastEffect.nextEffect = workInProgress)
+            : (unitOfWork.firstEffect = workInProgress),
+          (unitOfWork.lastEffect = workInProgress)));
+    } else {
+      current$$1 = unwindWork(workInProgress, renderExpirationTime);
+      if (null !== current$$1)
+        return (current$$1.effectTag &= 1023), current$$1;
+      null !== unitOfWork &&
+        ((unitOfWork.firstEffect = unitOfWork.lastEffect = null),
+        (unitOfWork.effectTag |= 1024));
+    }
+    current$$1 = workInProgress.sibling;
+    if (null !== current$$1) return current$$1;
+    workInProgress = unitOfWork;
+  } while (null !== workInProgress);
+  workInProgressRootExitStatus === RootIncomplete &&
+    (workInProgressRootExitStatus = RootCompleted);
+  return null;
+}
+function commitRoot(root) {
+  var renderPriorityLevel = getCurrentPriorityLevel();
+  runWithPriority(99, commitRootImpl.bind(null, root, renderPriorityLevel));
+  null !== rootWithPendingPassiveEffects &&
+    scheduleCallback(97, function() {
+      flushPassiveEffects();
+      return null;
+    });
+  return null;
+}
+function commitRootImpl(root, renderPriorityLevel) {
+  flushPassiveEffects();
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(Error("Should not already be working."));
+  var finishedWork = root.finishedWork,
+    expirationTime = root.finishedExpirationTime;
+  if (null === finishedWork) return null;
+  root.finishedWork = null;
+  root.finishedExpirationTime = 0;
+  if (finishedWork === root.current)
+    throw ReactError(
+      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.callbackExpirationTime = 0;
+  var updateExpirationTimeBeforeCommit = finishedWork.expirationTime,
+    childExpirationTimeBeforeCommit = finishedWork.childExpirationTime;
+  updateExpirationTimeBeforeCommit =
+    childExpirationTimeBeforeCommit > updateExpirationTimeBeforeCommit
+      ? childExpirationTimeBeforeCommit
+      : updateExpirationTimeBeforeCommit;
+  root.firstPendingTime = updateExpirationTimeBeforeCommit;
+  updateExpirationTimeBeforeCommit < root.lastPendingTime &&
+    (root.lastPendingTime = updateExpirationTimeBeforeCommit);
+  root === workInProgressRoot &&
+    ((workInProgress = workInProgressRoot = null), (renderExpirationTime = 0));
+  1 < finishedWork.effectTag
+    ? null !== finishedWork.lastEffect
+      ? ((finishedWork.lastEffect.nextEffect = finishedWork),
+        (updateExpirationTimeBeforeCommit = finishedWork.firstEffect))
+      : (updateExpirationTimeBeforeCommit = finishedWork)
+    : (updateExpirationTimeBeforeCommit = finishedWork.firstEffect);
+  if (null !== updateExpirationTimeBeforeCommit) {
+    childExpirationTimeBeforeCommit = executionContext;
+    executionContext |= CommitContext;
+    ReactCurrentOwner$2.current = null;
+    nextEffect = updateExpirationTimeBeforeCommit;
+    do
+      try {
+        for (; null !== nextEffect; ) {
+          if (0 !== (nextEffect.effectTag & 256)) {
+            var current$$1 = nextEffect.alternate,
+              finishedWork$jscomp$0 = nextEffect;
+            switch (finishedWork$jscomp$0.tag) {
+              case 0:
+              case 11:
+              case 15:
+                commitHookEffectList(
+                  UnmountSnapshot,
+                  NoEffect$1,
+                  finishedWork$jscomp$0
+                );
+                break;
+              case 1:
+                if (
+                  finishedWork$jscomp$0.effectTag & 256 &&
+                  null !== current$$1
+                ) {
+                  var prevProps = current$$1.memoizedProps,
+                    prevState = current$$1.memoizedState,
+                    instance = finishedWork$jscomp$0.stateNode,
+                    snapshot = instance.getSnapshotBeforeUpdate(
+                      finishedWork$jscomp$0.elementType ===
+                      finishedWork$jscomp$0.type
+                        ? prevProps
+                        : resolveDefaultProps(
+                            finishedWork$jscomp$0.type,
+                            prevProps
+                          ),
+                      prevState
+                    );
+                  instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+                }
+                break;
+              case 3:
+              case 5:
+              case 6:
+              case 4:
+              case 17:
+                break;
+              default:
+                throw ReactError(
+                  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."
+                  )
+                );
+            }
+          }
+          nextEffect = nextEffect.nextEffect;
+        }
+      } catch (error) {
+        if (null === nextEffect)
+          throw ReactError(Error("Should be working on an effect."));
+        captureCommitPhaseError(nextEffect, error);
+        nextEffect = nextEffect.nextEffect;
+      }
+    while (null !== nextEffect);
+    nextEffect = updateExpirationTimeBeforeCommit;
+    do
+      try {
+        for (current$$1 = renderPriorityLevel; null !== nextEffect; ) {
+          var effectTag = nextEffect.effectTag;
+          if (effectTag & 128) {
+            var current$$1$jscomp$0 = nextEffect.alternate;
+            if (null !== current$$1$jscomp$0) {
+              var currentRef = current$$1$jscomp$0.ref;
+              null !== currentRef &&
+                ("function" === typeof currentRef
+                  ? currentRef(null)
+                  : (currentRef.current = null));
+            }
+          }
+          switch (effectTag & 14) {
+            case 2:
+              commitPlacement(nextEffect);
+              nextEffect.effectTag &= -3;
+              break;
+            case 6:
+              commitPlacement(nextEffect);
+              nextEffect.effectTag &= -3;
+              commitWork(nextEffect.alternate, nextEffect);
+              break;
+            case 4:
+              commitWork(nextEffect.alternate, nextEffect);
+              break;
+            case 8:
+              (prevProps = nextEffect),
+                unmountHostComponents(prevProps, current$$1),
+                detachFiber(prevProps);
+          }
+          nextEffect = nextEffect.nextEffect;
+        }
+      } catch (error) {
+        if (null === nextEffect)
+          throw ReactError(Error("Should be working on an effect."));
+        captureCommitPhaseError(nextEffect, error);
+        nextEffect = nextEffect.nextEffect;
+      }
+    while (null !== nextEffect);
+    root.current = finishedWork;
+    nextEffect = updateExpirationTimeBeforeCommit;
+    do
+      try {
+        for (effectTag = expirationTime; null !== nextEffect; ) {
+          var effectTag$jscomp$0 = nextEffect.effectTag;
+          if (effectTag$jscomp$0 & 36) {
+            var current$$1$jscomp$1 = nextEffect.alternate;
+            current$$1$jscomp$0 = nextEffect;
+            currentRef = effectTag;
+            switch (current$$1$jscomp$0.tag) {
+              case 0:
+              case 11:
+              case 15:
+                commitHookEffectList(
+                  UnmountLayout,
+                  MountLayout,
+                  current$$1$jscomp$0
+                );
+                break;
+              case 1:
+                var instance$jscomp$0 = current$$1$jscomp$0.stateNode;
+                if (current$$1$jscomp$0.effectTag & 4)
+                  if (null === current$$1$jscomp$1)
+                    instance$jscomp$0.componentDidMount();
+                  else {
+                    var prevProps$jscomp$0 =
+                      current$$1$jscomp$0.elementType ===
+                      current$$1$jscomp$0.type
+                        ? current$$1$jscomp$1.memoizedProps
+                        : resolveDefaultProps(
+                            current$$1$jscomp$0.type,
+                            current$$1$jscomp$1.memoizedProps
+                          );
+                    instance$jscomp$0.componentDidUpdate(
+                      prevProps$jscomp$0,
+                      current$$1$jscomp$1.memoizedState,
+                      instance$jscomp$0.__reactInternalSnapshotBeforeUpdate
+                    );
+                  }
+                var updateQueue = current$$1$jscomp$0.updateQueue;
+                null !== updateQueue &&
+                  commitUpdateQueue(
+                    current$$1$jscomp$0,
+                    updateQueue,
+                    instance$jscomp$0,
+                    currentRef
+                  );
+                break;
+              case 3:
+                var _updateQueue = current$$1$jscomp$0.updateQueue;
+                if (null !== _updateQueue) {
+                  current$$1 = null;
+                  if (null !== current$$1$jscomp$0.child)
+                    switch (current$$1$jscomp$0.child.tag) {
+                      case 5:
+                        current$$1 = current$$1$jscomp$0.child.stateNode;
+                        break;
+                      case 1:
+                        current$$1 = current$$1$jscomp$0.child.stateNode;
+                    }
+                  commitUpdateQueue(
+                    current$$1$jscomp$0,
+                    _updateQueue,
+                    current$$1,
+                    currentRef
+                  );
+                }
+                break;
+              case 5:
+                break;
+              case 6:
+                break;
+              case 4:
+                break;
+              case 12:
+                break;
+              case 13:
+              case 19:
+              case 17:
+              case 20:
+                break;
+              default:
+                throw ReactError(
+                  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 (effectTag$jscomp$0 & 128) {
+            var ref = nextEffect.ref;
+            if (null !== ref) {
+              var instance$jscomp$1 = nextEffect.stateNode;
+              switch (nextEffect.tag) {
+                case 5:
+                  var instanceToUse = instance$jscomp$1;
+                  break;
+                default:
+                  instanceToUse = instance$jscomp$1;
+              }
+              "function" === typeof ref
+                ? ref(instanceToUse)
+                : (ref.current = instanceToUse);
+            }
+          }
+          effectTag$jscomp$0 & 512 && (rootDoesHavePassiveEffects = !0);
+          nextEffect = nextEffect.nextEffect;
+        }
+      } catch (error) {
+        if (null === nextEffect)
+          throw ReactError(Error("Should be working on an effect."));
+        captureCommitPhaseError(nextEffect, error);
+        nextEffect = nextEffect.nextEffect;
+      }
+    while (null !== nextEffect);
+    nextEffect = null;
+    requestPaint();
+    executionContext = childExpirationTimeBeforeCommit;
+  } else root.current = finishedWork;
+  if (rootDoesHavePassiveEffects)
+    (rootDoesHavePassiveEffects = !1),
+      (rootWithPendingPassiveEffects = root),
+      (pendingPassiveEffectsExpirationTime = expirationTime),
+      (pendingPassiveEffectsRenderPriority = renderPriorityLevel);
+  else
+    for (nextEffect = updateExpirationTimeBeforeCommit; null !== nextEffect; )
+      (renderPriorityLevel = nextEffect.nextEffect),
+        (nextEffect.nextEffect = null),
+        (nextEffect = renderPriorityLevel);
+  renderPriorityLevel = root.firstPendingTime;
+  0 !== renderPriorityLevel
+    ? ((effectTag$jscomp$0 = requestCurrentTime()),
+      (effectTag$jscomp$0 = inferPriorityFromExpirationTime(
+        effectTag$jscomp$0,
+        renderPriorityLevel
+      )),
+      scheduleCallbackForRoot(root, effectTag$jscomp$0, renderPriorityLevel))
+    : (legacyErrorBoundariesThatAlreadyFailed = null);
+  "function" === typeof onCommitFiberRoot &&
+    onCommitFiberRoot(finishedWork.stateNode, expirationTime);
+  1073741823 === renderPriorityLevel
+    ? root === rootWithNestedUpdates
+      ? nestedUpdateCount++
+      : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root))
+    : (nestedUpdateCount = 0);
+  if (hasUncaughtError)
+    throw ((hasUncaughtError = !1),
+    (root = firstUncaughtError),
+    (firstUncaughtError = null),
+    root);
+  if ((executionContext & LegacyUnbatchedContext) !== NoContext) return null;
+  flushSyncCallbackQueue();
+  return null;
+}
+function flushPassiveEffects() {
+  if (null === rootWithPendingPassiveEffects) return !1;
+  var root = rootWithPendingPassiveEffects,
+    expirationTime = pendingPassiveEffectsExpirationTime,
+    renderPriorityLevel = pendingPassiveEffectsRenderPriority;
+  rootWithPendingPassiveEffects = null;
+  pendingPassiveEffectsExpirationTime = 0;
+  pendingPassiveEffectsRenderPriority = 90;
+  return runWithPriority(
+    97 < renderPriorityLevel ? 97 : renderPriorityLevel,
+    flushPassiveEffectsImpl.bind(null, root, expirationTime)
+  );
+}
+function flushPassiveEffectsImpl(root) {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(
+      Error("Cannot flush passive effects while already rendering.")
+    );
+  var prevExecutionContext = executionContext;
+  executionContext |= CommitContext;
+  for (root = root.current.firstEffect; null !== root; ) {
+    try {
+      var finishedWork = root;
+      if (0 !== (finishedWork.effectTag & 512))
+        switch (finishedWork.tag) {
+          case 0:
+          case 11:
+          case 15:
+            commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork),
+              commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
+        }
+    } catch (error) {
+      if (null === root)
+        throw ReactError(Error("Should be working on an effect."));
+      captureCommitPhaseError(root, error);
+    }
+    finishedWork = root.nextEffect;
+    root.nextEffect = null;
+    root = finishedWork;
+  }
+  executionContext = prevExecutionContext;
+  flushSyncCallbackQueue();
+  return !0;
+}
+function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
+  sourceFiber = createCapturedValue(error, sourceFiber);
+  sourceFiber = createRootErrorUpdate(rootFiber, sourceFiber, 1073741823);
+  enqueueUpdate(rootFiber, sourceFiber);
+  rootFiber = markUpdateTimeFromFiberToRoot(rootFiber, 1073741823);
+  null !== rootFiber && scheduleCallbackForRoot(rootFiber, 99, 1073741823);
+}
+function captureCommitPhaseError(sourceFiber, error) {
+  if (3 === sourceFiber.tag)
+    captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error);
+  else
+    for (var fiber = sourceFiber.return; null !== fiber; ) {
+      if (3 === fiber.tag) {
+        captureCommitPhaseErrorOnRoot(fiber, sourceFiber, error);
+        break;
+      } else if (1 === fiber.tag) {
+        var instance = fiber.stateNode;
+        if (
+          "function" === typeof fiber.type.getDerivedStateFromError ||
+          ("function" === typeof instance.componentDidCatch &&
+            (null === legacyErrorBoundariesThatAlreadyFailed ||
+              !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
+        ) {
+          sourceFiber = createCapturedValue(error, sourceFiber);
+          sourceFiber = createClassErrorUpdate(fiber, sourceFiber, 1073741823);
+          enqueueUpdate(fiber, sourceFiber);
+          fiber = markUpdateTimeFromFiberToRoot(fiber, 1073741823);
+          null !== fiber && scheduleCallbackForRoot(fiber, 99, 1073741823);
+          break;
+        }
+      }
+      fiber = fiber.return;
+    }
+}
+function pingSuspendedRoot(root, thenable, suspendedTime) {
+  var pingCache = root.pingCache;
+  null !== pingCache && pingCache.delete(thenable);
+  workInProgressRoot === root && renderExpirationTime === suspendedTime
+    ? workInProgressRootExitStatus === RootSuspendedWithDelay ||
+      (workInProgressRootExitStatus === RootSuspended &&
+        1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+        now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
+      ? prepareFreshStack(root, renderExpirationTime)
+      : (workInProgressRootHasPendingPing = !0)
+    : root.lastPendingTime < suspendedTime ||
+      ((thenable = root.pingTime),
+      (0 !== thenable && thenable < suspendedTime) ||
+        ((root.pingTime = suspendedTime),
+        root.finishedExpirationTime === suspendedTime &&
+          ((root.finishedExpirationTime = 0), (root.finishedWork = null)),
+        (thenable = requestCurrentTime()),
+        (thenable = inferPriorityFromExpirationTime(thenable, suspendedTime)),
+        scheduleCallbackForRoot(root, thenable, suspendedTime)));
+}
+function resolveRetryThenable(boundaryFiber, thenable) {
+  var retryCache = boundaryFiber.stateNode;
+  null !== retryCache && retryCache.delete(thenable);
+  retryCache = requestCurrentTime();
+  thenable = computeExpirationForFiber(retryCache, boundaryFiber, null);
+  retryCache = inferPriorityFromExpirationTime(retryCache, thenable);
+  boundaryFiber = markUpdateTimeFromFiberToRoot(boundaryFiber, thenable);
+  null !== boundaryFiber &&
+    scheduleCallbackForRoot(boundaryFiber, retryCache, thenable);
+}
+var beginWork$$1 = void 0;
+beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
+  var updateExpirationTime = workInProgress.expirationTime;
+  if (null !== current$$1)
+    if (
+      current$$1.memoizedProps !== workInProgress.pendingProps ||
+      didPerformWorkStackCursor.current
+    )
+      didReceiveUpdate = !0;
+    else {
+      if (updateExpirationTime < renderExpirationTime) {
+        didReceiveUpdate = !1;
+        switch (workInProgress.tag) {
+          case 3:
+            pushHostRootContext(workInProgress);
+            break;
+          case 5:
+            pushHostContext(workInProgress);
+            break;
+          case 1:
+            isContextProvider(workInProgress.type) &&
+              pushContextProvider(workInProgress);
+            break;
+          case 4:
+            pushHostContainer(
+              workInProgress,
+              workInProgress.stateNode.containerInfo
+            );
+            break;
+          case 10:
+            pushProvider(workInProgress, workInProgress.memoizedProps.value);
+            break;
+          case 13:
+            if (null !== workInProgress.memoizedState) {
+              updateExpirationTime = workInProgress.child.childExpirationTime;
+              if (
+                0 !== updateExpirationTime &&
+                updateExpirationTime >= renderExpirationTime
+              )
+                return updateSuspenseComponent(
+                  current$$1,
+                  workInProgress,
+                  renderExpirationTime
+                );
+              push(
+                suspenseStackCursor,
+                suspenseStackCursor.current & SubtreeSuspenseContextMask,
+                workInProgress
+              );
+              workInProgress = bailoutOnAlreadyFinishedWork(
+                current$$1,
+                workInProgress,
+                renderExpirationTime
+              );
+              return null !== workInProgress ? workInProgress.sibling : null;
+            }
+            push(
+              suspenseStackCursor,
+              suspenseStackCursor.current & SubtreeSuspenseContextMask,
+              workInProgress
+            );
+            break;
+          case 19:
+            updateExpirationTime =
+              workInProgress.childExpirationTime >= renderExpirationTime;
+            if (0 !== (current$$1.effectTag & 64)) {
+              if (updateExpirationTime)
+                return updateSuspenseListComponent(
+                  current$$1,
+                  workInProgress,
+                  renderExpirationTime
+                );
+              workInProgress.effectTag |= 64;
+            }
+            var renderState = workInProgress.memoizedState;
+            null !== renderState &&
+              ((renderState.rendering = null), (renderState.tail = null));
+            push(
+              suspenseStackCursor,
+              suspenseStackCursor.current,
+              workInProgress
+            );
+            if (!updateExpirationTime) return null;
+        }
+        return bailoutOnAlreadyFinishedWork(
+          current$$1,
+          workInProgress,
+          renderExpirationTime
+        );
+      }
+    }
+  else didReceiveUpdate = !1;
+  workInProgress.expirationTime = 0;
+  switch (workInProgress.tag) {
+    case 2:
+      updateExpirationTime = workInProgress.type;
+      null !== current$$1 &&
+        ((current$$1.alternate = null),
+        (workInProgress.alternate = null),
+        (workInProgress.effectTag |= 2));
+      current$$1 = workInProgress.pendingProps;
+      renderState = getMaskedContext(
+        workInProgress,
+        contextStackCursor.current
+      );
+      prepareToReadContext(workInProgress, renderExpirationTime);
+      renderState = renderWithHooks(
+        null,
+        workInProgress,
+        updateExpirationTime,
+        current$$1,
+        renderState,
+        renderExpirationTime
+      );
+      workInProgress.effectTag |= 1;
+      if (
+        "object" === typeof renderState &&
+        null !== renderState &&
+        "function" === typeof renderState.render &&
+        void 0 === renderState.$$typeof
+      ) {
+        workInProgress.tag = 1;
+        resetHooks();
+        if (isContextProvider(updateExpirationTime)) {
+          var hasContext = !0;
+          pushContextProvider(workInProgress);
+        } else hasContext = !1;
+        workInProgress.memoizedState =
+          null !== renderState.state && void 0 !== renderState.state
+            ? renderState.state
+            : null;
+        var getDerivedStateFromProps =
+          updateExpirationTime.getDerivedStateFromProps;
+        "function" === typeof getDerivedStateFromProps &&
+          applyDerivedStateFromProps(
+            workInProgress,
+            updateExpirationTime,
+            getDerivedStateFromProps,
+            current$$1
+          );
+        renderState.updater = classComponentUpdater;
+        workInProgress.stateNode = renderState;
+        renderState._reactInternalFiber = workInProgress;
+        mountClassInstance(
+          workInProgress,
+          updateExpirationTime,
+          current$$1,
+          renderExpirationTime
+        );
+        workInProgress = finishClassComponent(
+          null,
+          workInProgress,
+          updateExpirationTime,
+          !0,
+          hasContext,
+          renderExpirationTime
+        );
+      } else
+        (workInProgress.tag = 0),
+          reconcileChildren(
+            null,
+            workInProgress,
+            renderState,
+            renderExpirationTime
+          ),
+          (workInProgress = workInProgress.child);
+      return workInProgress;
+    case 16:
+      renderState = workInProgress.elementType;
+      null !== current$$1 &&
+        ((current$$1.alternate = null),
+        (workInProgress.alternate = null),
+        (workInProgress.effectTag |= 2));
+      current$$1 = workInProgress.pendingProps;
+      renderState = readLazyComponentType(renderState);
+      workInProgress.type = renderState;
+      hasContext = workInProgress.tag = resolveLazyComponentTag(renderState);
+      current$$1 = resolveDefaultProps(renderState, current$$1);
+      switch (hasContext) {
+        case 0:
+          workInProgress = updateFunctionComponent(
+            null,
+            workInProgress,
+            renderState,
+            current$$1,
+            renderExpirationTime
+          );
+          break;
+        case 1:
+          workInProgress = updateClassComponent(
+            null,
+            workInProgress,
+            renderState,
+            current$$1,
+            renderExpirationTime
+          );
+          break;
+        case 11:
+          workInProgress = updateForwardRef(
+            null,
+            workInProgress,
+            renderState,
+            current$$1,
+            renderExpirationTime
+          );
+          break;
+        case 14:
+          workInProgress = updateMemoComponent(
+            null,
+            workInProgress,
+            renderState,
+            resolveDefaultProps(renderState.type, current$$1),
+            updateExpirationTime,
+            renderExpirationTime
+          );
+          break;
+        default:
+          throw ReactError(
+            Error(
+              "Element type is invalid. Received a promise that resolves to: " +
+                renderState +
+                ". Lazy element type must resolve to a class or function."
+            )
+          );
+      }
+      return workInProgress;
+    case 0:
+      return (
+        (updateExpirationTime = workInProgress.type),
+        (renderState = workInProgress.pendingProps),
+        (renderState =
+          workInProgress.elementType === updateExpirationTime
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
+        updateFunctionComponent(
+          current$$1,
+          workInProgress,
+          updateExpirationTime,
+          renderState,
+          renderExpirationTime
+        )
+      );
+    case 1:
+      return (
+        (updateExpirationTime = workInProgress.type),
+        (renderState = workInProgress.pendingProps),
+        (renderState =
+          workInProgress.elementType === updateExpirationTime
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
+        updateClassComponent(
+          current$$1,
+          workInProgress,
+          updateExpirationTime,
+          renderState,
+          renderExpirationTime
+        )
+      );
+    case 3:
+      pushHostRootContext(workInProgress);
+      updateExpirationTime = workInProgress.updateQueue;
+      if (null === updateExpirationTime)
+        throw ReactError(
+          Error(
+            "If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      renderState = workInProgress.memoizedState;
+      renderState = null !== renderState ? renderState.element : null;
+      processUpdateQueue(
+        workInProgress,
+        updateExpirationTime,
+        workInProgress.pendingProps,
+        null,
+        renderExpirationTime
+      );
+      updateExpirationTime = workInProgress.memoizedState.element;
+      updateExpirationTime === renderState
+        ? (workInProgress = bailoutOnAlreadyFinishedWork(
+            current$$1,
+            workInProgress,
+            renderExpirationTime
+          ))
+        : (reconcileChildren(
+            current$$1,
+            workInProgress,
+            updateExpirationTime,
+            renderExpirationTime
+          ),
+          (workInProgress = workInProgress.child));
+      return workInProgress;
+    case 5:
+      return (
+        pushHostContext(workInProgress),
+        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
+        (updateExpirationTime = workInProgress.pendingProps.children),
+        markRef(current$$1, workInProgress),
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          updateExpirationTime,
+          renderExpirationTime
+        ),
+        workInProgress.child
+      );
+    case 6:
+      return (
+        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
+        null
+      );
+    case 13:
+      return updateSuspenseComponent(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    case 4:
+      return (
+        pushHostContainer(
+          workInProgress,
+          workInProgress.stateNode.containerInfo
+        ),
+        (updateExpirationTime = workInProgress.pendingProps),
+        null === current$$1
+          ? (workInProgress.child = reconcileChildFibers(
+              workInProgress,
+              null,
+              updateExpirationTime,
+              renderExpirationTime
+            ))
+          : reconcileChildren(
+              current$$1,
+              workInProgress,
+              updateExpirationTime,
+              renderExpirationTime
+            ),
+        workInProgress.child
+      );
+    case 11:
+      return (
+        (updateExpirationTime = workInProgress.type),
+        (renderState = workInProgress.pendingProps),
+        (renderState =
+          workInProgress.elementType === updateExpirationTime
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
+        updateForwardRef(
+          current$$1,
+          workInProgress,
+          updateExpirationTime,
+          renderState,
+          renderExpirationTime
+        )
+      );
+    case 7:
+      return (
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          workInProgress.pendingProps,
+          renderExpirationTime
+        ),
+        workInProgress.child
+      );
+    case 8:
+      return (
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          workInProgress.pendingProps.children,
+          renderExpirationTime
+        ),
+        workInProgress.child
+      );
+    case 12:
+      return (
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          workInProgress.pendingProps.children,
+          renderExpirationTime
+        ),
+        workInProgress.child
+      );
+    case 10:
+      a: {
+        updateExpirationTime = workInProgress.type._context;
+        renderState = workInProgress.pendingProps;
+        getDerivedStateFromProps = workInProgress.memoizedProps;
+        hasContext = renderState.value;
+        pushProvider(workInProgress, hasContext);
+        if (null !== getDerivedStateFromProps) {
+          var oldValue = getDerivedStateFromProps.value;
+          hasContext = is(oldValue, hasContext)
+            ? 0
+            : ("function" === typeof updateExpirationTime._calculateChangedBits
+                ? updateExpirationTime._calculateChangedBits(
+                    oldValue,
+                    hasContext
+                  )
+                : 1073741823) | 0;
+          if (0 === hasContext) {
+            if (
+              getDerivedStateFromProps.children === renderState.children &&
+              !didPerformWorkStackCursor.current
+            ) {
+              workInProgress = bailoutOnAlreadyFinishedWork(
+                current$$1,
+                workInProgress,
+                renderExpirationTime
+              );
+              break a;
+            }
+          } else
+            for (
+              oldValue = workInProgress.child,
+                null !== oldValue && (oldValue.return = workInProgress);
+              null !== oldValue;
+
+            ) {
+              var list = oldValue.dependencies;
+              if (null !== list) {
+                getDerivedStateFromProps = oldValue.child;
+                for (
+                  var dependency = list.firstContext;
+                  null !== dependency;
+
+                ) {
+                  if (
+                    dependency.context === updateExpirationTime &&
+                    0 !== (dependency.observedBits & hasContext)
+                  ) {
+                    1 === oldValue.tag &&
+                      ((dependency = createUpdate(renderExpirationTime, null)),
+                      (dependency.tag = 2),
+                      enqueueUpdate(oldValue, dependency));
+                    oldValue.expirationTime < renderExpirationTime &&
+                      (oldValue.expirationTime = renderExpirationTime);
+                    dependency = oldValue.alternate;
+                    null !== dependency &&
+                      dependency.expirationTime < renderExpirationTime &&
+                      (dependency.expirationTime = renderExpirationTime);
+                    scheduleWorkOnParentPath(
+                      oldValue.return,
+                      renderExpirationTime
+                    );
+                    list.expirationTime < renderExpirationTime &&
+                      (list.expirationTime = renderExpirationTime);
+                    break;
+                  }
+                  dependency = dependency.next;
+                }
+              } else
+                getDerivedStateFromProps =
+                  10 === oldValue.tag
+                    ? oldValue.type === workInProgress.type
+                      ? null
+                      : oldValue.child
+                    : oldValue.child;
+              if (null !== getDerivedStateFromProps)
+                getDerivedStateFromProps.return = oldValue;
+              else
+                for (
+                  getDerivedStateFromProps = oldValue;
+                  null !== getDerivedStateFromProps;
+
+                ) {
+                  if (getDerivedStateFromProps === workInProgress) {
+                    getDerivedStateFromProps = null;
+                    break;
+                  }
+                  oldValue = getDerivedStateFromProps.sibling;
+                  if (null !== oldValue) {
+                    oldValue.return = getDerivedStateFromProps.return;
+                    getDerivedStateFromProps = oldValue;
+                    break;
+                  }
+                  getDerivedStateFromProps = getDerivedStateFromProps.return;
+                }
+              oldValue = getDerivedStateFromProps;
+            }
+        }
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          renderState.children,
+          renderExpirationTime
+        );
+        workInProgress = workInProgress.child;
+      }
+      return workInProgress;
+    case 9:
+      return (
+        (renderState = workInProgress.type),
+        (hasContext = workInProgress.pendingProps),
+        (updateExpirationTime = hasContext.children),
+        prepareToReadContext(workInProgress, renderExpirationTime),
+        (renderState = readContext(
+          renderState,
+          hasContext.unstable_observedBits
+        )),
+        (updateExpirationTime = updateExpirationTime(renderState)),
+        (workInProgress.effectTag |= 1),
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          updateExpirationTime,
+          renderExpirationTime
+        ),
+        workInProgress.child
+      );
+    case 14:
+      return (
+        (renderState = workInProgress.type),
+        (hasContext = resolveDefaultProps(
+          renderState,
+          workInProgress.pendingProps
+        )),
+        (hasContext = resolveDefaultProps(renderState.type, hasContext)),
+        updateMemoComponent(
+          current$$1,
+          workInProgress,
+          renderState,
+          hasContext,
+          updateExpirationTime,
+          renderExpirationTime
+        )
+      );
+    case 15:
+      return updateSimpleMemoComponent(
+        current$$1,
+        workInProgress,
+        workInProgress.type,
+        workInProgress.pendingProps,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    case 17:
+      return (
+        (updateExpirationTime = workInProgress.type),
+        (renderState = workInProgress.pendingProps),
+        (renderState =
+          workInProgress.elementType === updateExpirationTime
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
+        null !== current$$1 &&
+          ((current$$1.alternate = null),
+          (workInProgress.alternate = null),
+          (workInProgress.effectTag |= 2)),
+        (workInProgress.tag = 1),
+        isContextProvider(updateExpirationTime)
+          ? ((current$$1 = !0), pushContextProvider(workInProgress))
+          : (current$$1 = !1),
+        prepareToReadContext(workInProgress, renderExpirationTime),
+        constructClassInstance(
+          workInProgress,
+          updateExpirationTime,
+          renderState,
+          renderExpirationTime
+        ),
+        mountClassInstance(
+          workInProgress,
+          updateExpirationTime,
+          renderState,
+          renderExpirationTime
+        ),
+        finishClassComponent(
+          null,
+          workInProgress,
+          updateExpirationTime,
+          !0,
+          current$$1,
+          renderExpirationTime
+        )
+      );
+    case 19:
+      return updateSuspenseListComponent(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+  }
+  throw ReactError(
+    Error(
+      "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+    )
+  );
+};
+var onCommitFiberRoot = null,
+  onCommitFiberUnmount = null;
+function injectInternals(internals) {
+  if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
+  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  if (hook.isDisabled || !hook.supportsFiber) return !0;
+  try {
+    var rendererID = hook.inject(internals);
+    onCommitFiberRoot = function(root) {
+      try {
+        hook.onCommitFiberRoot(
+          rendererID,
+          root,
+          void 0,
+          64 === (root.current.effectTag & 64)
+        );
+      } catch (err) {}
+    };
+    onCommitFiberUnmount = function(fiber) {
+      try {
+        hook.onCommitFiberUnmount(rendererID, fiber);
+      } catch (err) {}
+    };
+  } catch (err) {}
+  return !0;
+}
+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.index = 0;
+  this.ref = null;
+  this.pendingProps = pendingProps;
+  this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
+  this.mode = mode;
+  this.effectTag = 0;
+  this.lastEffect = this.firstEffect = this.nextEffect = null;
+  this.childExpirationTime = this.expirationTime = 0;
+  this.alternate = null;
+}
+function createFiber(tag, pendingProps, key, mode) {
+  return new FiberNode(tag, pendingProps, key, mode);
+}
+function shouldConstruct(Component) {
+  Component = Component.prototype;
+  return !(!Component || !Component.isReactComponent);
+}
+function resolveLazyComponentTag(Component) {
+  if ("function" === typeof Component)
+    return shouldConstruct(Component) ? 1 : 0;
+  if (void 0 !== Component && null !== Component) {
+    Component = Component.$$typeof;
+    if (Component === REACT_FORWARD_REF_TYPE) return 11;
+    if (Component === REACT_MEMO_TYPE) return 14;
+  }
+  return 2;
+}
+function createWorkInProgress(current, pendingProps) {
+  var workInProgress = current.alternate;
+  null === workInProgress
+    ? ((workInProgress = createFiber(
+        current.tag,
+        pendingProps,
+        current.key,
+        current.mode
+      )),
+      (workInProgress.elementType = current.elementType),
+      (workInProgress.type = current.type),
+      (workInProgress.stateNode = current.stateNode),
+      (workInProgress.alternate = current),
+      (current.alternate = workInProgress))
+    : ((workInProgress.pendingProps = pendingProps),
+      (workInProgress.effectTag = 0),
+      (workInProgress.nextEffect = null),
+      (workInProgress.firstEffect = null),
+      (workInProgress.lastEffect = null));
+  workInProgress.childExpirationTime = current.childExpirationTime;
+  workInProgress.expirationTime = current.expirationTime;
+  workInProgress.child = current.child;
+  workInProgress.memoizedProps = current.memoizedProps;
+  workInProgress.memoizedState = current.memoizedState;
+  workInProgress.updateQueue = current.updateQueue;
+  pendingProps = current.dependencies;
+  workInProgress.dependencies =
+    null === pendingProps
+      ? null
+      : {
+          expirationTime: pendingProps.expirationTime,
+          firstContext: pendingProps.firstContext,
+          responders: pendingProps.responders
+        };
+  workInProgress.sibling = current.sibling;
+  workInProgress.index = current.index;
+  workInProgress.ref = current.ref;
+  return workInProgress;
+}
+function createFiberFromTypeAndProps(
+  type,
+  key,
+  pendingProps,
+  owner,
+  mode,
+  expirationTime
+) {
+  var fiberTag = 2;
+  owner = type;
+  if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
+  else if ("string" === typeof type) fiberTag = 5;
+  else
+    a: switch (type) {
+      case REACT_FRAGMENT_TYPE:
+        return createFiberFromFragment(
+          pendingProps.children,
+          mode,
+          expirationTime,
+          key
+        );
+      case REACT_CONCURRENT_MODE_TYPE:
+        fiberTag = 8;
+        mode |= 7;
+        break;
+      case REACT_STRICT_MODE_TYPE:
+        fiberTag = 8;
+        mode |= 1;
+        break;
+      case REACT_PROFILER_TYPE:
+        return (
+          (type = createFiber(12, pendingProps, key, mode | 8)),
+          (type.elementType = REACT_PROFILER_TYPE),
+          (type.type = REACT_PROFILER_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      case REACT_SUSPENSE_TYPE:
+        return (
+          (type = createFiber(13, pendingProps, key, mode)),
+          (type.type = REACT_SUSPENSE_TYPE),
+          (type.elementType = REACT_SUSPENSE_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      case REACT_SUSPENSE_LIST_TYPE:
+        return (
+          (type = createFiber(19, pendingProps, key, mode)),
+          (type.elementType = REACT_SUSPENSE_LIST_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      default:
+        if ("object" === typeof type && null !== type)
+          switch (type.$$typeof) {
+            case REACT_PROVIDER_TYPE:
+              fiberTag = 10;
+              break a;
+            case REACT_CONTEXT_TYPE:
+              fiberTag = 9;
+              break a;
+            case REACT_FORWARD_REF_TYPE:
+              fiberTag = 11;
+              break a;
+            case REACT_MEMO_TYPE:
+              fiberTag = 14;
+              break a;
+            case REACT_LAZY_TYPE:
+              fiberTag = 16;
+              owner = null;
+              break a;
+          }
+        throw ReactError(
+          Error(
+            "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
+              (null == type ? type : typeof type) +
+              "."
+          )
+        );
+    }
+  key = createFiber(fiberTag, pendingProps, key, mode);
+  key.elementType = type;
+  key.type = owner;
+  key.expirationTime = expirationTime;
+  return key;
+}
+function createFiberFromFragment(elements, mode, expirationTime, key) {
+  elements = createFiber(7, elements, key, mode);
+  elements.expirationTime = expirationTime;
+  return elements;
+}
+function createFiberFromText(content, mode, expirationTime) {
+  content = createFiber(6, content, null, mode);
+  content.expirationTime = expirationTime;
+  return content;
+}
+function createFiberFromPortal(portal, mode, expirationTime) {
+  mode = createFiber(
+    4,
+    null !== portal.children ? portal.children : [],
+    portal.key,
+    mode
+  );
+  mode.expirationTime = expirationTime;
+  mode.stateNode = {
+    containerInfo: portal.containerInfo,
+    pendingChildren: null,
+    implementation: portal.implementation
+  };
+  return mode;
+}
+function FiberRootNode(containerInfo, tag, hydrate) {
+  this.tag = tag;
+  this.current = null;
+  this.containerInfo = containerInfo;
+  this.pingCache = this.pendingChildren = null;
+  this.finishedExpirationTime = 0;
+  this.finishedWork = null;
+  this.timeoutHandle = -1;
+  this.pendingContext = this.context = null;
+  this.hydrate = hydrate;
+  this.callbackNode = this.firstBatch = null;
+  this.pingTime = this.lastPendingTime = this.firstPendingTime = this.callbackExpirationTime = 0;
+}
+function findHostInstance(component) {
+  var fiber = component._reactInternalFiber;
+  if (void 0 === fiber) {
+    if ("function" === typeof component.render)
+      throw ReactError(Error("Unable to find node on an unmounted component."));
+    throw ReactError(
+      Error(
+        "Argument appears to not be a ReactComponent. Keys: " +
+          Object.keys(component)
+      )
+    );
+  }
+  component = findCurrentHostFiber(fiber);
+  return null === component ? null : component.stateNode;
+}
+function updateContainer(element, container, parentComponent, callback) {
+  var current$$1 = container.current,
+    currentTime = requestCurrentTime(),
+    suspenseConfig = ReactCurrentBatchConfig.suspense;
+  current$$1 = computeExpirationForFiber(
+    currentTime,
+    current$$1,
+    suspenseConfig
+  );
+  currentTime = container.current;
+  a: if (parentComponent) {
+    parentComponent = parentComponent._reactInternalFiber;
+    b: {
+      if (
+        2 !== isFiberMountedImpl(parentComponent) ||
+        1 !== parentComponent.tag
+      )
+        throw ReactError(
+          Error(
+            "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      var parentContext = parentComponent;
+      do {
+        switch (parentContext.tag) {
+          case 3:
+            parentContext = parentContext.stateNode.context;
+            break b;
+          case 1:
+            if (isContextProvider(parentContext.type)) {
+              parentContext =
+                parentContext.stateNode
+                  .__reactInternalMemoizedMergedChildContext;
+              break b;
+            }
+        }
+        parentContext = parentContext.return;
+      } while (null !== parentContext);
+      throw ReactError(
+        Error(
+          "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    }
+    if (1 === parentComponent.tag) {
+      var Component = parentComponent.type;
+      if (isContextProvider(Component)) {
+        parentComponent = processChildContext(
+          parentComponent,
+          Component,
+          parentContext
+        );
+        break a;
+      }
+    }
+    parentComponent = parentContext;
+  } else parentComponent = emptyContextObject;
+  null === container.context
+    ? (container.context = parentComponent)
+    : (container.pendingContext = parentComponent);
+  container = callback;
+  suspenseConfig = createUpdate(current$$1, suspenseConfig);
+  suspenseConfig.payload = { element: element };
+  container = void 0 === container ? null : container;
+  null !== container && (suspenseConfig.callback = container);
+  enqueueUpdate(currentTime, suspenseConfig);
+  scheduleUpdateOnFiber(currentTime, current$$1);
+  return current$$1;
+}
+function createPortal(children, containerInfo, implementation) {
+  var key =
+    3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
+  return {
+    $$typeof: REACT_PORTAL_TYPE,
+    key: null == key ? null : "" + key,
+    children: children,
+    containerInfo: containerInfo,
+    implementation: implementation
+  };
+}
+function _inherits(subClass, superClass) {
+  if ("function" !== typeof superClass && null !== superClass)
+    throw new TypeError(
+      "Super expression must either be null or a function, not " +
+        typeof superClass
+    );
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      enumerable: !1,
+      writable: !0,
+      configurable: !0
+    }
+  });
+  superClass &&
+    (Object.setPrototypeOf
+      ? Object.setPrototypeOf(subClass, superClass)
+      : (subClass.__proto__ = superClass));
+}
+var getInspectorDataForViewTag = void 0;
+getInspectorDataForViewTag = function() {
+  throw ReactError(
+    Error("getInspectorDataForViewTag() is not available in production")
+  );
+};
+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;
+  componentOrHandle = findHostInstance(componentOrHandle);
+  return null == componentOrHandle
+    ? componentOrHandle
+    : componentOrHandle.canonical
+      ? componentOrHandle.canonical._nativeTag
+      : componentOrHandle._nativeTag;
+}
+batchedUpdatesImpl = function(fn, a) {
+  var prevExecutionContext = executionContext;
+  executionContext |= 1;
+  try {
+    return fn(a);
+  } finally {
+    (executionContext = prevExecutionContext),
+      executionContext === NoContext && flushSyncCallbackQueue();
+  }
+};
+flushDiscreteUpdatesImpl = function() {
+  (executionContext & (1 | RenderContext | CommitContext)) === NoContext &&
+    (flushPendingDiscreteUpdates(), flushPassiveEffects());
+};
+var roots = new Map(),
+  ReactNativeRenderer = {
+    NativeComponent: (function(findNodeHandle, findHostInstance) {
+      return (function(_React$Component) {
+        function ReactNativeComponent() {
+          if (!(this instanceof ReactNativeComponent))
+            throw new TypeError("Cannot call a class as a function");
+          var call = _React$Component.apply(this, arguments);
+          if (!this)
+            throw new ReferenceError(
+              "this hasn't been initialised - super() hasn't been called"
+            );
+          return !call ||
+            ("object" !== typeof call && "function" !== typeof call)
+            ? this
+            : call;
+        }
+        _inherits(ReactNativeComponent, _React$Component);
+        ReactNativeComponent.prototype.blur = function() {
+          ReactNativePrivateInterface.TextInputState.blurTextInput(
+            findNodeHandle(this)
+          );
+        };
+        ReactNativeComponent.prototype.focus = function() {
+          ReactNativePrivateInterface.TextInputState.focusTextInput(
+            findNodeHandle(this)
+          );
+        };
+        ReactNativeComponent.prototype.measure = function(callback) {
+          var maybeInstance = void 0;
+          try {
+            maybeInstance = findHostInstance(this);
+          } catch (error) {}
+          null != maybeInstance &&
+            (maybeInstance.canonical
+              ? nativeFabricUIManager.measure(
+                  maybeInstance.node,
+                  mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                )
+              : ReactNativePrivateInterface.UIManager.measure(
+                  findNodeHandle(this),
+                  mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                ));
+        };
+        ReactNativeComponent.prototype.measureInWindow = function(callback) {
+          var maybeInstance = void 0;
+          try {
+            maybeInstance = findHostInstance(this);
+          } catch (error) {}
+          null != maybeInstance &&
+            (maybeInstance.canonical
+              ? nativeFabricUIManager.measureInWindow(
+                  maybeInstance.node,
+                  mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                )
+              : ReactNativePrivateInterface.UIManager.measureInWindow(
+                  findNodeHandle(this),
+                  mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                ));
+        };
+        ReactNativeComponent.prototype.measureLayout = function(
+          relativeToNativeNode,
+          onSuccess,
+          onFail
+        ) {
+          var maybeInstance = void 0;
+          try {
+            maybeInstance = findHostInstance(this);
+          } catch (error) {}
+          null == maybeInstance ||
+            maybeInstance.canonical ||
+            ((maybeInstance = void 0),
+            "number" === typeof relativeToNativeNode
+              ? (maybeInstance = relativeToNativeNode)
+              : relativeToNativeNode._nativeTag &&
+                (maybeInstance = relativeToNativeNode._nativeTag),
+            null != maybeInstance &&
+              ReactNativePrivateInterface.UIManager.measureLayout(
+                findNodeHandle(this),
+                maybeInstance,
+                mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
+                mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
+              ));
+        };
+        ReactNativeComponent.prototype.setNativeProps = function(nativeProps) {
+          var maybeInstance = void 0;
+          try {
+            maybeInstance = findHostInstance(this);
+          } catch (error) {}
+          if (null != maybeInstance && !maybeInstance.canonical) {
+            var nativeTag =
+              maybeInstance._nativeTag || maybeInstance.canonical._nativeTag;
+            maybeInstance =
+              maybeInstance.viewConfig || maybeInstance.canonical.viewConfig;
+            nativeProps = diffProperties(
+              null,
+              emptyObject,
+              nativeProps,
+              maybeInstance.validAttributes
+            );
+            null != nativeProps &&
+              ReactNativePrivateInterface.UIManager.updateView(
+                nativeTag,
+                maybeInstance.uiViewClassName,
+                nativeProps
+              );
+          }
+        };
+        return ReactNativeComponent;
+      })(React.Component);
+    })(findNodeHandle, findHostInstance),
+    findNodeHandle: findNodeHandle,
+    dispatchCommand: function(handle, command, args) {
+      null != handle._nativeTag &&
+        ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
+          handle._nativeTag,
+          command,
+          args
+        );
+    },
+    setNativeProps: function(handle, nativeProps) {
+      null != handle._nativeTag &&
+        ((nativeProps = diffProperties(
+          null,
+          emptyObject,
+          nativeProps,
+          handle.viewConfig.validAttributes
+        )),
+        null != nativeProps &&
+          ReactNativePrivateInterface.UIManager.updateView(
+            handle._nativeTag,
+            handle.viewConfig.uiViewClassName,
+            nativeProps
+          ));
+    },
+    render: function(element, containerTag, callback) {
+      var root = roots.get(containerTag);
+      if (!root) {
+        root = new FiberRootNode(containerTag, 0, !1);
+        var uninitializedFiber = createFiber(3, null, null, 0);
+        root.current = uninitializedFiber;
+        uninitializedFiber.stateNode = root;
+        roots.set(containerTag, root);
+      }
+      updateContainer(element, root, null, callback);
+      a: if (((element = root.current), element.child))
+        switch (element.child.tag) {
+          case 5:
+            element = element.child.stateNode;
+            break a;
+          default:
+            element = element.child.stateNode;
+        }
+      else element = null;
+      return element;
+    },
+    unmountComponentAtNode: function(containerTag) {
+      var root = roots.get(containerTag);
+      root &&
+        updateContainer(null, root, null, function() {
+          roots.delete(containerTag);
+        });
+    },
+    unmountComponentAtNodeAndRemoveContainer: function(containerTag) {
+      ReactNativeRenderer.unmountComponentAtNode(containerTag);
+      ReactNativePrivateInterface.UIManager.removeRootView(containerTag);
+    },
+    createPortal: function(children, containerTag) {
+      return createPortal(
+        children,
+        containerTag,
+        null,
+        2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
+      );
+    },
+    unstable_batchedUpdates: batchedUpdates,
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
+      NativeMethodsMixin: (function(findNodeHandle, findHostInstance) {
+        return {
+          measure: function(callback) {
+            var maybeInstance = void 0;
+            try {
+              maybeInstance = findHostInstance(this);
+            } catch (error) {}
+            null != maybeInstance &&
+              (maybeInstance.canonical
+                ? nativeFabricUIManager.measure(
+                    maybeInstance.node,
+                    mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                  )
+                : ReactNativePrivateInterface.UIManager.measure(
+                    findNodeHandle(this),
+                    mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                  ));
+          },
+          measureInWindow: function(callback) {
+            var maybeInstance = void 0;
+            try {
+              maybeInstance = findHostInstance(this);
+            } catch (error) {}
+            null != maybeInstance &&
+              (maybeInstance.canonical
+                ? nativeFabricUIManager.measureInWindow(
+                    maybeInstance.node,
+                    mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                  )
+                : ReactNativePrivateInterface.UIManager.measureInWindow(
+                    findNodeHandle(this),
+                    mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                  ));
+          },
+          measureLayout: function(relativeToNativeNode, onSuccess, onFail) {
+            var maybeInstance = void 0;
+            try {
+              maybeInstance = findHostInstance(this);
+            } catch (error) {}
+            null == maybeInstance ||
+              maybeInstance.canonical ||
+              ((maybeInstance = void 0),
+              "number" === typeof relativeToNativeNode
+                ? (maybeInstance = relativeToNativeNode)
+                : relativeToNativeNode._nativeTag &&
+                  (maybeInstance = relativeToNativeNode._nativeTag),
+              null != maybeInstance &&
+                ReactNativePrivateInterface.UIManager.measureLayout(
+                  findNodeHandle(this),
+                  maybeInstance,
+                  mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
+                  mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
+                ));
+          },
+          setNativeProps: function(nativeProps) {
+            var maybeInstance = void 0;
+            try {
+              maybeInstance = findHostInstance(this);
+            } catch (error) {}
+            if (null != maybeInstance && !maybeInstance.canonical) {
+              var nativeTag =
+                maybeInstance._nativeTag || maybeInstance.canonical._nativeTag;
+              maybeInstance =
+                maybeInstance.viewConfig || maybeInstance.canonical.viewConfig;
+              nativeProps = diffProperties(
+                null,
+                emptyObject,
+                nativeProps,
+                maybeInstance.validAttributes
+              );
+              null != nativeProps &&
+                ReactNativePrivateInterface.UIManager.updateView(
+                  nativeTag,
+                  maybeInstance.uiViewClassName,
+                  nativeProps
+                );
+            }
+          },
+          focus: function() {
+            ReactNativePrivateInterface.TextInputState.focusTextInput(
+              findNodeHandle(this)
+            );
+          },
+          blur: function() {
+            ReactNativePrivateInterface.TextInputState.blurTextInput(
+              findNodeHandle(this)
+            );
+          }
+        };
+      })(findNodeHandle, findHostInstance),
+      computeComponentStackForErrorReporting: function(reactTag) {
+        return (reactTag = getInstanceFromTag(reactTag))
+          ? getStackByFiberInDevAndProd(reactTag)
+          : "";
+      }
+    }
+  };
+(function(devToolsConfig) {
+  var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+  return injectInternals(
+    Object.assign({}, devToolsConfig, {
+      overrideHookState: null,
+      overrideProps: null,
+      setSuspenseHandler: null,
+      scheduleUpdate: null,
+      currentDispatcherRef: ReactSharedInternals.ReactCurrentDispatcher,
+      findHostInstanceByFiber: function(fiber) {
+        fiber = findCurrentHostFiber(fiber);
+        return null === fiber ? null : fiber.stateNode;
+      },
+      findFiberByHostInstance: function(instance) {
+        return findFiberByHostInstance
+          ? findFiberByHostInstance(instance)
+          : null;
+      },
+      findHostInstancesForRefresh: null,
+      scheduleRefresh: null,
+      scheduleRoot: null,
+      setRefreshHandler: null,
+      getCurrentFiber: null
+    })
+  );
+})({
+  findFiberByHostInstance: getInstanceFromTag,
+  getInspectorDataForViewTag: getInspectorDataForViewTag,
+  bundleType: 0,
+  version: "16.8.6",
+  rendererPackageName: "react-native-renderer"
+});
+var ReactNativeRenderer$2 = { default: ReactNativeRenderer },
+  ReactNativeRenderer$3 =
+    (ReactNativeRenderer$2 && ReactNativeRenderer) || ReactNativeRenderer$2;
+module.exports = ReactNativeRenderer$3.default || ReactNativeRenderer$3;
diff --git a/Libraries/Renderer/oss/ReactNativeRenderer-prod.js b/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js
similarity index 74%
rename from Libraries/Renderer/oss/ReactNativeRenderer-prod.js
rename to Libraries/Renderer/implementations/ReactNativeRenderer-prod.js
index 5fbb834c706292..ab86d1df931694 100644
--- a/Libraries/Renderer/oss/ReactNativeRenderer-prod.js
+++ b/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js
@@ -11,20 +11,13 @@
  */
 
 "use strict";
-require("InitializeCore");
-var ReactNativeViewConfigRegistry = require("ReactNativeViewConfigRegistry"),
-  UIManager = require("UIManager"),
-  RCTEventEmitter = require("RCTEventEmitter"),
+require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
+var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface"),
   React = require("react"),
-  deepDiffer = require("deepDiffer"),
-  flattenStyle = require("flattenStyle"),
-  TextInputState = require("TextInputState"),
   Scheduler = require("scheduler");
-var ExceptionsManager = require("ExceptionsManager");
-function ReactError(message) {
-  message = Error(message);
-  message.name = "Invariant Violation";
-  return message;
+function ReactError(error) {
+  error.name = "Invariant Violation";
+  return error;
 }
 var eventPluginOrder = null,
   namesToPlugins = {};
@@ -35,16 +28,20 @@ function recomputePluginOrdering() {
         pluginIndex = eventPluginOrder.indexOf(pluginName);
       if (!(-1 < pluginIndex))
         throw ReactError(
-          "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
-            pluginName +
-            "`."
+          Error(
+            "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+              pluginName +
+              "`."
+          )
         );
       if (!plugins[pluginIndex]) {
         if (!pluginModule.extractEvents)
           throw ReactError(
-            "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
-              pluginName +
-              "` does not."
+            Error(
+              "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
+                pluginName +
+                "` does not."
+            )
           );
         plugins[pluginIndex] = pluginModule;
         pluginIndex = pluginModule.eventTypes;
@@ -55,9 +52,11 @@ function recomputePluginOrdering() {
             eventName$jscomp$0 = eventName;
           if (eventNameDispatchConfigs.hasOwnProperty(eventName$jscomp$0))
             throw ReactError(
-              "EventPluginHub: More than one plugin attempted to publish the same event name, `" +
-                eventName$jscomp$0 +
-                "`."
+              Error(
+                "EventPluginHub: More than one plugin attempted to publish the same event name, `" +
+                  eventName$jscomp$0 +
+                  "`."
+              )
             );
           eventNameDispatchConfigs[eventName$jscomp$0] = dispatchConfig;
           var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
@@ -83,11 +82,13 @@ function recomputePluginOrdering() {
               : (JSCompiler_inline_result = !1);
           if (!JSCompiler_inline_result)
             throw ReactError(
-              "EventPluginRegistry: Failed to publish event `" +
-                eventName +
-                "` for plugin `" +
-                pluginName +
-                "`."
+              Error(
+                "EventPluginRegistry: Failed to publish event `" +
+                  eventName +
+                  "` for plugin `" +
+                  pluginName +
+                  "`."
+              )
             );
         }
       }
@@ -96,9 +97,11 @@ function recomputePluginOrdering() {
 function publishRegistrationName(registrationName, pluginModule) {
   if (registrationNameModules[registrationName])
     throw ReactError(
-      "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
-        registrationName +
-        "`."
+      Error(
+        "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
+          registrationName +
+          "`."
+      )
     );
   registrationNameModules[registrationName] = pluginModule;
 }
@@ -147,7 +150,9 @@ function invokeGuardedCallbackAndCatchFirstError(
       caughtError = null;
     } else
       throw ReactError(
-        "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     hasRethrowError || ((hasRethrowError = !0), (rethrowError = error));
   }
@@ -165,7 +170,7 @@ function executeDirectDispatch(event) {
   var dispatchListener = event._dispatchListeners,
     dispatchInstance = event._dispatchInstances;
   if (Array.isArray(dispatchListener))
-    throw ReactError("executeDirectDispatch(...): Invalid `event`.");
+    throw ReactError(Error("executeDirectDispatch(...): Invalid `event`."));
   event.currentTarget = dispatchListener
     ? getNodeFromInstance(dispatchInstance)
     : null;
@@ -178,7 +183,9 @@ function executeDirectDispatch(event) {
 function accumulateInto(current, next) {
   if (null == next)
     throw ReactError(
-      "accumulateInto(...): Accumulated items must not be null or undefined."
+      Error(
+        "accumulateInto(...): Accumulated items must not be null or undefined."
+      )
     );
   if (null == current) return next;
   if (Array.isArray(current)) {
@@ -215,7 +222,9 @@ var injection = {
   injectEventPluginOrder: function(injectedEventPluginOrder) {
     if (eventPluginOrder)
       throw ReactError(
-        "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
+        Error(
+          "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
+        )
       );
     eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
     recomputePluginOrdering();
@@ -232,9 +241,11 @@ var injection = {
         ) {
           if (namesToPlugins[pluginName])
             throw ReactError(
-              "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
-                pluginName +
-                "`."
+              Error(
+                "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+                  pluginName +
+                  "`."
+              )
             );
           namesToPlugins[pluginName] = pluginModule;
           isOrderingDirty = !0;
@@ -276,11 +287,13 @@ function getListener(inst, registrationName) {
   if (inst) return null;
   if (listener && "function" !== typeof listener)
     throw ReactError(
-      "Expected `" +
-        registrationName +
-        "` listener to be a function, instead got a value of `" +
-        typeof listener +
-        "` type."
+      Error(
+        "Expected `" +
+          registrationName +
+          "` listener to be a function, instead got a value of `" +
+          typeof listener +
+          "` type."
+      )
     );
   return listener;
 }
@@ -444,7 +457,9 @@ function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
 function releasePooledEvent(event) {
   if (!(event instanceof this))
     throw ReactError(
-      "Trying to release an event instance into a pool of a different type."
+      Error(
+        "Trying to release an event instance into a pool of a different type."
+      )
     );
   event.destructor();
   10 > this.eventPool.length && this.eventPool.push(event);
@@ -480,7 +495,8 @@ function timestampForTouch(touch) {
 }
 function getTouchIdentifier(_ref) {
   _ref = _ref.identifier;
-  if (null == _ref) throw ReactError("Touch object is missing identifier.");
+  if (null == _ref)
+    throw ReactError(Error("Touch object is missing identifier."));
   return _ref;
 }
 function recordTouchStart(touch) {
@@ -523,7 +539,7 @@ function recordTouchMove(touch) {
       (touchRecord.currentPageY = touch.pageY),
       (touchRecord.currentTimeStamp = timestampForTouch(touch)),
       (touchHistory.mostRecentTimeStamp = timestampForTouch(touch)))
-    : console.error(
+    : console.warn(
         "Cannot record touch move without a touch start.\nTouch Move: %s\n",
         "Touch Bank: %s",
         printTouch(touch),
@@ -541,7 +557,7 @@ function recordTouchEnd(touch) {
       (touchRecord.currentPageY = touch.pageY),
       (touchRecord.currentTimeStamp = timestampForTouch(touch)),
       (touchHistory.mostRecentTimeStamp = timestampForTouch(touch)))
-    : console.error(
+    : console.warn(
         "Cannot record touch end without a touch start.\nTouch End: %s\n",
         "Touch Bank: %s",
         printTouch(touch),
@@ -595,7 +611,7 @@ var ResponderTouchHistoryStore = {
 function accumulate(current, next) {
   if (null == next)
     throw ReactError(
-      "accumulate(...): Accumulated items must not be null or undefined."
+      Error("accumulate(...): Accumulated items must not be null or undefined.")
     );
   return null == current
     ? next
@@ -617,7 +633,7 @@ function changeResponder(nextResponderInst, blockHostResponder) {
       blockHostResponder
     );
 }
-var eventTypes$1 = {
+var eventTypes = {
     startShouldSetResponder: {
       phasedRegistrationNames: {
         bubbled: "onStartShouldSetResponder",
@@ -680,7 +696,7 @@ var eventTypes$1 = {
     _getResponder: function() {
       return responderInst;
     },
-    eventTypes: eventTypes$1,
+    eventTypes: eventTypes,
     extractEvents: function(
       topLevelType,
       targetInst,
@@ -709,12 +725,12 @@ var eventTypes$1 = {
           isMoveish(topLevelType))
       ) {
         var JSCompiler_temp = isStartish(topLevelType)
-          ? eventTypes$1.startShouldSetResponder
+          ? eventTypes.startShouldSetResponder
           : isMoveish(topLevelType)
-            ? eventTypes$1.moveShouldSetResponder
+            ? eventTypes.moveShouldSetResponder
             : "topSelectionChange" === topLevelType
-              ? eventTypes$1.selectionChangeShouldSetResponder
-              : eventTypes$1.scrollShouldSetResponder;
+              ? eventTypes.selectionChangeShouldSetResponder
+              : eventTypes.scrollShouldSetResponder;
         if (responderInst)
           b: {
             var JSCompiler_temp$jscomp$0 = responderInst;
@@ -800,7 +816,7 @@ var eventTypes$1 = {
         JSCompiler_temp && JSCompiler_temp !== responderInst
           ? ((JSCompiler_temp$jscomp$0 = void 0),
             (targetInst = ResponderSyntheticEvent.getPooled(
-              eventTypes$1.responderGrant,
+              eventTypes.responderGrant,
               JSCompiler_temp,
               nativeEvent,
               nativeEventTarget
@@ -810,7 +826,7 @@ var eventTypes$1 = {
             (depthA = !0 === executeDirectDispatch(targetInst)),
             responderInst
               ? ((tempA = ResponderSyntheticEvent.getPooled(
-                  eventTypes$1.responderTerminationRequest,
+                  eventTypes.responderTerminationRequest,
                   responderInst,
                   nativeEvent,
                   nativeEventTarget
@@ -822,7 +838,7 @@ var eventTypes$1 = {
                 tempA.isPersistent() || tempA.constructor.release(tempA),
                 tempB
                   ? ((tempA = ResponderSyntheticEvent.getPooled(
-                      eventTypes$1.responderTerminate,
+                      eventTypes.responderTerminate,
                       responderInst,
                       nativeEvent,
                       nativeEventTarget
@@ -836,7 +852,7 @@ var eventTypes$1 = {
                     )),
                     changeResponder(JSCompiler_temp, depthA))
                   : ((JSCompiler_temp = ResponderSyntheticEvent.getPooled(
-                      eventTypes$1.responderReject,
+                      eventTypes.responderReject,
                       JSCompiler_temp,
                       nativeEvent,
                       nativeEventTarget
@@ -866,11 +882,11 @@ var eventTypes$1 = {
         ("topTouchEnd" === topLevelType || "topTouchCancel" === topLevelType);
       if (
         (JSCompiler_temp$jscomp$0 = JSCompiler_temp$jscomp$0
-          ? eventTypes$1.responderStart
+          ? eventTypes.responderStart
           : targetInst
-            ? eventTypes$1.responderMove
+            ? eventTypes.responderMove
             : depthA
-              ? eventTypes$1.responderEnd
+              ? eventTypes.responderEnd
               : null)
       )
         (JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
@@ -924,9 +940,9 @@ var eventTypes$1 = {
         }
       if (
         (topLevelType = JSCompiler_temp$jscomp$0
-          ? eventTypes$1.responderTerminate
+          ? eventTypes.responderTerminate
           : topLevelType
-            ? eventTypes$1.responderRelease
+            ? eventTypes.responderRelease
             : null)
       )
         (nativeEvent = ResponderSyntheticEvent.getPooled(
@@ -948,8 +964,20 @@ var eventTypes$1 = {
       }
     }
   },
-  ReactNativeBridgeEventPlugin = {
-    eventTypes: ReactNativeViewConfigRegistry.eventTypes,
+  customBubblingEventTypes =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customBubblingEventTypes,
+  customDirectEventTypes =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customDirectEventTypes;
+injection.injectEventPluginOrder([
+  "ResponderEventPlugin",
+  "ReactNativeBridgeEventPlugin"
+]);
+injection.injectEventPluginsByName({
+  ResponderEventPlugin: ResponderEventPlugin,
+  ReactNativeBridgeEventPlugin: {
+    eventTypes: {},
     extractEvents: function(
       topLevelType,
       targetInst,
@@ -957,13 +985,13 @@ var eventTypes$1 = {
       nativeEventTarget
     ) {
       if (null == targetInst) return null;
-      var bubbleDispatchConfig =
-          ReactNativeViewConfigRegistry.customBubblingEventTypes[topLevelType],
-        directDispatchConfig =
-          ReactNativeViewConfigRegistry.customDirectEventTypes[topLevelType];
+      var bubbleDispatchConfig = customBubblingEventTypes[topLevelType],
+        directDispatchConfig = customDirectEventTypes[topLevelType];
       if (!bubbleDispatchConfig && !directDispatchConfig)
         throw ReactError(
-          'Unsupported top level event type "' + topLevelType + '" dispatched'
+          Error(
+            'Unsupported top level event type "' + topLevelType + '" dispatched'
+          )
         );
       topLevelType = SyntheticEvent.getPooled(
         bubbleDispatchConfig || directDispatchConfig,
@@ -978,42 +1006,40 @@ var eventTypes$1 = {
       else return null;
       return topLevelType;
     }
-  };
-injection.injectEventPluginOrder([
-  "ResponderEventPlugin",
-  "ReactNativeBridgeEventPlugin"
-]);
-injection.injectEventPluginsByName({
-  ResponderEventPlugin: ResponderEventPlugin,
-  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
+  }
 });
-var instanceCache = {},
-  instanceProps = {};
+var instanceCache = new Map(),
+  instanceProps = new Map();
 function getInstanceFromTag(tag) {
-  return instanceCache[tag] || null;
+  return instanceCache.get(tag) || null;
 }
 var restoreTarget = null,
   restoreQueue = null;
 function restoreStateOfTarget(target) {
   if (getInstanceFromNode(target))
     throw ReactError(
-      "setRestoreImplementation() needs to be called to handle a target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+      Error(
+        "setRestoreImplementation() needs to be called to handle a target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+      )
     );
 }
-function _batchedUpdatesImpl(fn, bookkeeping) {
+function batchedUpdatesImpl(fn, bookkeeping) {
   return fn(bookkeeping);
 }
-function _flushInteractiveUpdatesImpl() {}
-var isBatching = !1;
+function flushDiscreteUpdatesImpl() {}
+var isInsideEventHandler = !1;
 function batchedUpdates(fn, bookkeeping) {
-  if (isBatching) return fn(bookkeeping);
-  isBatching = !0;
+  if (isInsideEventHandler) return fn(bookkeeping);
+  isInsideEventHandler = !0;
   try {
-    return _batchedUpdatesImpl(fn, bookkeeping);
+    return batchedUpdatesImpl(fn, bookkeeping);
   } finally {
-    if (((isBatching = !1), null !== restoreTarget || null !== restoreQueue))
+    if (
+      ((isInsideEventHandler = !1),
+      null !== restoreTarget || null !== restoreQueue)
+    )
       if (
-        (_flushInteractiveUpdatesImpl(),
+        (flushDiscreteUpdatesImpl(),
         restoreTarget &&
           ((bookkeeping = restoreTarget),
           (fn = restoreQueue),
@@ -1050,7 +1076,9 @@ function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
       forEachAccumulated(events, executeDispatchesAndReleaseTopLevel);
       if (eventQueue)
         throw ReactError(
-          "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+          Error(
+            "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+          )
         );
       if (hasRethrowError)
         throw ((events = rethrowError),
@@ -1060,7 +1088,7 @@ function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
     }
   });
 }
-RCTEventEmitter.register({
+ReactNativePrivateInterface.RCTEventEmitter.register({
   receiveEvent: function(rootNodeID, topLevelType, nativeEventParam) {
     _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam);
   },
@@ -1098,26 +1126,31 @@ RCTEventEmitter.register({
   }
 });
 getFiberCurrentPropsFromNode = function(stateNode) {
-  return instanceProps[stateNode._nativeTag] || null;
+  return instanceProps.get(stateNode._nativeTag) || null;
 };
 getInstanceFromNode = getInstanceFromTag;
 getNodeFromInstance = function(inst) {
   var tag = inst.stateNode._nativeTag;
   void 0 === tag && (tag = inst.stateNode.canonical._nativeTag);
-  if (!tag) throw ReactError("All native instances should have a tag.");
+  if (!tag) throw ReactError(Error("All native instances should have a tag."));
   return tag;
 };
 ResponderEventPlugin.injection.injectGlobalResponderHandler({
   onChange: function(from, to, blockNativeResponder) {
     null !== to
-      ? UIManager.setJSResponder(to.stateNode._nativeTag, blockNativeResponder)
-      : UIManager.clearJSResponder();
+      ? ReactNativePrivateInterface.UIManager.setJSResponder(
+          to.stateNode._nativeTag,
+          blockNativeResponder
+        )
+      : ReactNativePrivateInterface.UIManager.clearJSResponder();
   }
 });
 var ReactSharedInternals =
   React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 ReactSharedInternals.hasOwnProperty("ReactCurrentDispatcher") ||
   (ReactSharedInternals.ReactCurrentDispatcher = { current: null });
+ReactSharedInternals.hasOwnProperty("ReactCurrentBatchConfig") ||
+  (ReactSharedInternals.ReactCurrentBatchConfig = { suspense: null });
 var hasSymbol = "function" === typeof Symbol && Symbol.for,
   REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103,
   REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106,
@@ -1131,11 +1164,13 @@ var hasSymbol = "function" === typeof Symbol && Symbol.for,
     : 60111,
   REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112,
   REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113,
+  REACT_SUSPENSE_LIST_TYPE = hasSymbol
+    ? Symbol.for("react.suspense_list")
+    : 60120,
   REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115,
   REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
-hasSymbol && Symbol.for("react.event_component");
-hasSymbol && Symbol.for("react.event_target");
-hasSymbol && Symbol.for("react.event_target.touch_hit");
+hasSymbol && Symbol.for("react.fundamental");
+hasSymbol && Symbol.for("react.responder");
 var MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
 function getIteratorFn(maybeIterable) {
   if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
@@ -1149,8 +1184,6 @@ function getComponentName(type) {
   if ("function" === typeof type) return type.displayName || type.name || null;
   if ("string" === typeof type) return type;
   switch (type) {
-    case REACT_CONCURRENT_MODE_TYPE:
-      return "ConcurrentMode";
     case REACT_FRAGMENT_TYPE:
       return "Fragment";
     case REACT_PORTAL_TYPE:
@@ -1161,6 +1194,8 @@ function getComponentName(type) {
       return "StrictMode";
     case REACT_SUSPENSE_TYPE:
       return "Suspense";
+    case REACT_SUSPENSE_LIST_TYPE:
+      return "SuspenseList";
   }
   if ("object" === typeof type)
     switch (type.$$typeof) {
@@ -1195,14 +1230,14 @@ function isFiberMountedImpl(fiber) {
 }
 function assertIsMounted(fiber) {
   if (2 !== isFiberMountedImpl(fiber))
-    throw ReactError("Unable to find node on an unmounted component.");
+    throw ReactError(Error("Unable to find node on an unmounted component."));
 }
 function findCurrentFiberUsingSlowPath(fiber) {
   var alternate = fiber.alternate;
   if (!alternate) {
     alternate = isFiberMountedImpl(fiber);
     if (3 === alternate)
-      throw ReactError("Unable to find node on an unmounted component.");
+      throw ReactError(Error("Unable to find node on an unmounted component."));
     return 1 === alternate ? null : fiber;
   }
   for (var a = fiber, b = alternate; ; ) {
@@ -1223,7 +1258,7 @@ function findCurrentFiberUsingSlowPath(fiber) {
         if (parentB === b) return assertIsMounted(parentA), alternate;
         parentB = parentB.sibling;
       }
-      throw ReactError("Unable to find node on an unmounted component.");
+      throw ReactError(Error("Unable to find node on an unmounted component."));
     }
     if (a.return !== b.return) (a = parentA), (b = parentB);
     else {
@@ -1260,17 +1295,21 @@ function findCurrentFiberUsingSlowPath(fiber) {
         }
         if (!didFindChild)
           throw ReactError(
-            "Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue."
+            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 ReactError(
-        "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
+        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 ReactError("Unable to find node on an unmounted component.");
+    throw ReactError(Error("Unable to find node on an unmounted component."));
   return a.stateNode.current === a ? fiber : alternate;
 }
 function findCurrentHostFiber(parent) {
@@ -1375,14 +1414,14 @@ function diffNestedProperty(
   return Array.isArray(prevProp)
     ? diffProperties(
         updatePayload,
-        flattenStyle(prevProp),
+        ReactNativePrivateInterface.flattenStyle(prevProp),
         nextProp,
         validAttributes
       )
     : diffProperties(
         updatePayload,
         prevProp,
-        flattenStyle(nextProp),
+        ReactNativePrivateInterface.flattenStyle(nextProp),
         validAttributes
       );
 }
@@ -1450,7 +1489,7 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
         if ("object" !== typeof attributeConfig)
           ("object" !== typeof nextProp ||
             null === nextProp ||
-            deepDiffer(prevProp, nextProp)) &&
+            ReactNativePrivateInterface.deepDiffer(prevProp, nextProp)) &&
             ((updatePayload || (updatePayload = {}))[propKey] = nextProp);
         else if (
           "function" === typeof attributeConfig.diff ||
@@ -1462,7 +1501,7 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
               ? attributeConfig.diff(prevProp, nextProp)
               : "object" !== typeof nextProp ||
                 null === nextProp ||
-                deepDiffer(prevProp, nextProp))
+                ReactNativePrivateInterface.deepDiffer(prevProp, nextProp))
           )
             (attributeConfig =
               "function" === typeof attributeConfig.process
@@ -1527,19 +1566,19 @@ var ReactNativeFiberHostComponent = (function() {
     this.viewConfig = viewConfig;
   }
   ReactNativeFiberHostComponent.prototype.blur = function() {
-    TextInputState.blurTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
   };
   ReactNativeFiberHostComponent.prototype.focus = function() {
-    TextInputState.focusTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.focusTextInput(this._nativeTag);
   };
   ReactNativeFiberHostComponent.prototype.measure = function(callback) {
-    UIManager.measure(
+    ReactNativePrivateInterface.UIManager.measure(
       this._nativeTag,
       mountSafeCallback_NOT_REALLY_SAFE(this, callback)
     );
   };
   ReactNativeFiberHostComponent.prototype.measureInWindow = function(callback) {
-    UIManager.measureInWindow(
+    ReactNativePrivateInterface.UIManager.measureInWindow(
       this._nativeTag,
       mountSafeCallback_NOT_REALLY_SAFE(this, callback)
     );
@@ -1558,7 +1597,7 @@ var ReactNativeFiberHostComponent = (function() {
           relativeToNativeNode.canonical._nativeTag &&
           (relativeNode = relativeToNativeNode.canonical._nativeTag);
     null != relativeNode &&
-      UIManager.measureLayout(
+      ReactNativePrivateInterface.UIManager.measureLayout(
         this._nativeTag,
         relativeNode,
         mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
@@ -1575,7 +1614,7 @@ var ReactNativeFiberHostComponent = (function() {
       this.viewConfig.validAttributes
     );
     null != nativeProps &&
-      UIManager.updateView(
+      ReactNativePrivateInterface.UIManager.updateView(
         this._nativeTag,
         this.viewConfig.uiViewClassName,
         nativeProps
@@ -1585,10 +1624,14 @@ var ReactNativeFiberHostComponent = (function() {
 })();
 function shim$1() {
   throw ReactError(
-    "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
+    Error(
+      "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
+    )
   );
 }
-var UPDATE_SIGNAL = {},
+var getViewConfigForType =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get,
+  UPDATE_SIGNAL = {},
   nextReactTag = 3;
 function allocateTag() {
   var tag = nextReactTag;
@@ -1598,11 +1641,11 @@ function allocateTag() {
 }
 function recursivelyUncacheFiberNode(node) {
   if ("number" === typeof node)
-    delete instanceCache[node], delete instanceProps[node];
+    instanceCache.delete(node), instanceProps.delete(node);
   else {
     var tag = node._nativeTag;
-    delete instanceCache[tag];
-    delete instanceProps[tag];
+    instanceCache.delete(tag);
+    instanceProps.delete(tag);
     node._children.forEach(recursivelyUncacheFiberNode);
   }
 }
@@ -1611,7 +1654,10 @@ function finalizeInitialChildren(parentInstance) {
   var nativeTags = parentInstance._children.map(function(child) {
     return "number" === typeof child ? child : child._nativeTag;
   });
-  UIManager.setChildren(parentInstance._nativeTag, nativeTags);
+  ReactNativePrivateInterface.UIManager.setChildren(
+    parentInstance._nativeTag,
+    nativeTags
+  );
   return !1;
 }
 var scheduleTimeout = setTimeout,
@@ -1702,7 +1748,9 @@ function popTopLevelContextObject(fiber) {
 function pushTopLevelContextObject(fiber, context, didChange) {
   if (contextStackCursor.current !== emptyContextObject)
     throw ReactError(
-      "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
+      Error(
+        "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
+      )
     );
   push(contextStackCursor, context, fiber);
   push(didPerformWorkStackCursor, didChange, fiber);
@@ -1715,10 +1763,12 @@ function processChildContext(fiber, type, parentContext) {
   for (var contextKey in instance)
     if (!(contextKey in fiber))
       throw ReactError(
-        (getComponentName(type) || "Unknown") +
-          '.getChildContext(): key "' +
-          contextKey +
-          '" is not defined in childContextTypes.'
+        Error(
+          (getComponentName(type) || "Unknown") +
+            '.getChildContext(): key "' +
+            contextKey +
+            '" is not defined in childContextTypes.'
+        )
       );
   return Object.assign({}, parentContext, instance);
 }
@@ -1740,7 +1790,9 @@ function invalidateContextProvider(workInProgress, type, didChange) {
   var instance = workInProgress.stateNode;
   if (!instance)
     throw ReactError(
-      "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
+      Error(
+        "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
+      )
     );
   didChange
     ? ((type = processChildContext(workInProgress, type, previousContext)),
@@ -1751,33 +1803,11 @@ function invalidateContextProvider(workInProgress, type, didChange) {
     : pop(didPerformWorkStackCursor, workInProgress);
   push(didPerformWorkStackCursor, didChange, workInProgress);
 }
-var onCommitFiberRoot = null,
-  onCommitFiberUnmount = null;
-function catchErrors(fn) {
-  return function(arg) {
-    try {
-      return fn(arg);
-    } catch (err) {}
-  };
-}
-function injectInternals(internals) {
-  if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
-  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
-  if (hook.isDisabled || !hook.supportsFiber) return !0;
-  try {
-    var rendererID = hook.inject(internals);
-    onCommitFiberRoot = catchErrors(function(root) {
-      return hook.onCommitFiberRoot(rendererID, root);
-    });
-    onCommitFiberUnmount = catchErrors(function(fiber) {
-      return hook.onCommitFiberUnmount(rendererID, fiber);
-    });
-  } catch (err) {}
-  return !0;
-}
 var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority,
   Scheduler_scheduleCallback = Scheduler.unstable_scheduleCallback,
   Scheduler_cancelCallback = Scheduler.unstable_cancelCallback,
+  Scheduler_shouldYield = Scheduler.unstable_shouldYield,
+  Scheduler_requestPaint = Scheduler.unstable_requestPaint,
   Scheduler_now = Scheduler.unstable_now,
   Scheduler_getCurrentPriorityLevel =
     Scheduler.unstable_getCurrentPriorityLevel,
@@ -1787,10 +1817,11 @@ var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority,
   Scheduler_LowPriority = Scheduler.unstable_LowPriority,
   Scheduler_IdlePriority = Scheduler.unstable_IdlePriority,
   fakeCallbackNode = {},
-  shouldYield = Scheduler.unstable_shouldYield,
-  immediateQueue = null,
+  requestPaint =
+    void 0 !== Scheduler_requestPaint ? Scheduler_requestPaint : function() {},
+  syncQueue = null,
   immediateQueueCallbackNode = null,
-  isFlushingImmediate = !1,
+  isFlushingSyncQueue = !1,
   initialTimeMs = Scheduler_now(),
   now =
     1e4 > initialTimeMs
@@ -1811,7 +1842,7 @@ function getCurrentPriorityLevel() {
     case Scheduler_IdlePriority:
       return 95;
     default:
-      throw ReactError("Unknown priority level.");
+      throw ReactError(Error("Unknown priority level."));
   }
 }
 function reactPriorityToSchedulerPriority(reactPriorityLevel) {
@@ -1827,7 +1858,7 @@ function reactPriorityToSchedulerPriority(reactPriorityLevel) {
     case 95:
       return Scheduler_IdlePriority;
     default:
-      throw ReactError("Unknown priority level.");
+      throw ReactError(Error("Unknown priority level."));
   }
 }
 function runWithPriority(reactPriorityLevel, fn) {
@@ -1835,46 +1866,47 @@ function runWithPriority(reactPriorityLevel, fn) {
   return Scheduler_runWithPriority(reactPriorityLevel, fn);
 }
 function scheduleCallback(reactPriorityLevel, callback, options) {
-  if (99 === reactPriorityLevel)
-    return (
-      null === immediateQueue
-        ? ((immediateQueue = [callback]),
-          (immediateQueueCallbackNode = Scheduler_scheduleCallback(
-            Scheduler_ImmediatePriority,
-            flushImmediateQueueImpl
-          )))
-        : immediateQueue.push(callback),
-      fakeCallbackNode
-    );
   reactPriorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
   return Scheduler_scheduleCallback(reactPriorityLevel, callback, options);
 }
-function flushImmediateQueue() {
+function scheduleSyncCallback(callback) {
+  null === syncQueue
+    ? ((syncQueue = [callback]),
+      (immediateQueueCallbackNode = Scheduler_scheduleCallback(
+        Scheduler_ImmediatePriority,
+        flushSyncCallbackQueueImpl
+      )))
+    : syncQueue.push(callback);
+  return fakeCallbackNode;
+}
+function flushSyncCallbackQueue() {
   null !== immediateQueueCallbackNode &&
     Scheduler_cancelCallback(immediateQueueCallbackNode);
-  flushImmediateQueueImpl();
+  flushSyncCallbackQueueImpl();
 }
-function flushImmediateQueueImpl() {
-  if (!isFlushingImmediate && null !== immediateQueue) {
-    isFlushingImmediate = !0;
+function flushSyncCallbackQueueImpl() {
+  if (!isFlushingSyncQueue && null !== syncQueue) {
+    isFlushingSyncQueue = !0;
     var i = 0;
     try {
-      for (; i < immediateQueue.length; i++) {
-        var callback = immediateQueue[i];
-        do callback = callback(!0);
-        while (null !== callback);
-      }
-      immediateQueue = null;
+      var queue = syncQueue;
+      runWithPriority(99, function() {
+        for (; i < queue.length; i++) {
+          var callback = queue[i];
+          do callback = callback(!0);
+          while (null !== callback);
+        }
+      });
+      syncQueue = null;
     } catch (error) {
-      throw (null !== immediateQueue &&
-        (immediateQueue = immediateQueue.slice(i + 1)),
+      throw (null !== syncQueue && (syncQueue = syncQueue.slice(i + 1)),
       Scheduler_scheduleCallback(
         Scheduler_ImmediatePriority,
-        flushImmediateQueue
+        flushSyncCallbackQueue
       ),
       error);
     } finally {
-      isFlushingImmediate = !1;
+      isFlushingSyncQueue = !1;
     }
   }
 }
@@ -1882,7 +1914,7 @@ function inferPriorityFromExpirationTime(currentTime, expirationTime) {
   if (1073741823 === expirationTime) return 99;
   if (1 === expirationTime) return 95;
   currentTime =
-    10 * (1073741822 - expirationTime) - 10 * (1073741822 - currentTime);
+    10 * (1073741821 - expirationTime) - 10 * (1073741821 - currentTime);
   return 0 >= currentTime
     ? 99
     : 250 >= currentTime
@@ -1891,186 +1923,6 @@ function inferPriorityFromExpirationTime(currentTime, expirationTime) {
         ? 97
         : 95;
 }
-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.index = 0;
-  this.ref = null;
-  this.pendingProps = pendingProps;
-  this.contextDependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
-  this.mode = mode;
-  this.effectTag = 0;
-  this.lastEffect = this.firstEffect = this.nextEffect = null;
-  this.childExpirationTime = this.expirationTime = 0;
-  this.alternate = null;
-}
-function createFiber(tag, pendingProps, key, mode) {
-  return new FiberNode(tag, pendingProps, key, mode);
-}
-function shouldConstruct(Component) {
-  Component = Component.prototype;
-  return !(!Component || !Component.isReactComponent);
-}
-function resolveLazyComponentTag(Component) {
-  if ("function" === typeof Component)
-    return shouldConstruct(Component) ? 1 : 0;
-  if (void 0 !== Component && null !== Component) {
-    Component = Component.$$typeof;
-    if (Component === REACT_FORWARD_REF_TYPE) return 11;
-    if (Component === REACT_MEMO_TYPE) return 14;
-  }
-  return 2;
-}
-function createWorkInProgress(current, pendingProps) {
-  var workInProgress = current.alternate;
-  null === workInProgress
-    ? ((workInProgress = createFiber(
-        current.tag,
-        pendingProps,
-        current.key,
-        current.mode
-      )),
-      (workInProgress.elementType = current.elementType),
-      (workInProgress.type = current.type),
-      (workInProgress.stateNode = current.stateNode),
-      (workInProgress.alternate = current),
-      (current.alternate = workInProgress))
-    : ((workInProgress.pendingProps = pendingProps),
-      (workInProgress.effectTag = 0),
-      (workInProgress.nextEffect = null),
-      (workInProgress.firstEffect = null),
-      (workInProgress.lastEffect = null));
-  workInProgress.childExpirationTime = current.childExpirationTime;
-  workInProgress.expirationTime = current.expirationTime;
-  workInProgress.child = current.child;
-  workInProgress.memoizedProps = current.memoizedProps;
-  workInProgress.memoizedState = current.memoizedState;
-  workInProgress.updateQueue = current.updateQueue;
-  workInProgress.contextDependencies = current.contextDependencies;
-  workInProgress.sibling = current.sibling;
-  workInProgress.index = current.index;
-  workInProgress.ref = current.ref;
-  return workInProgress;
-}
-function createFiberFromTypeAndProps(
-  type,
-  key,
-  pendingProps,
-  owner,
-  mode,
-  expirationTime
-) {
-  var fiberTag = 2;
-  owner = type;
-  if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
-  else if ("string" === typeof type) fiberTag = 5;
-  else
-    a: switch (type) {
-      case REACT_FRAGMENT_TYPE:
-        return createFiberFromFragment(
-          pendingProps.children,
-          mode,
-          expirationTime,
-          key
-        );
-      case REACT_CONCURRENT_MODE_TYPE:
-        return createFiberFromMode(pendingProps, mode | 3, expirationTime, key);
-      case REACT_STRICT_MODE_TYPE:
-        return createFiberFromMode(pendingProps, mode | 2, expirationTime, key);
-      case REACT_PROFILER_TYPE:
-        return (
-          (type = createFiber(12, pendingProps, key, mode | 4)),
-          (type.elementType = REACT_PROFILER_TYPE),
-          (type.type = REACT_PROFILER_TYPE),
-          (type.expirationTime = expirationTime),
-          type
-        );
-      case REACT_SUSPENSE_TYPE:
-        return (
-          (type = createFiber(13, pendingProps, key, mode)),
-          (type.elementType = REACT_SUSPENSE_TYPE),
-          (type.type = REACT_SUSPENSE_TYPE),
-          (type.expirationTime = expirationTime),
-          type
-        );
-      default:
-        if ("object" === typeof type && null !== type)
-          switch (type.$$typeof) {
-            case REACT_PROVIDER_TYPE:
-              fiberTag = 10;
-              break a;
-            case REACT_CONTEXT_TYPE:
-              fiberTag = 9;
-              break a;
-            case REACT_FORWARD_REF_TYPE:
-              fiberTag = 11;
-              break a;
-            case REACT_MEMO_TYPE:
-              fiberTag = 14;
-              break a;
-            case REACT_LAZY_TYPE:
-              fiberTag = 16;
-              owner = null;
-              break a;
-          }
-        throw ReactError(
-          "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
-            (null == type ? type : typeof type) +
-            "."
-        );
-    }
-  key = createFiber(fiberTag, pendingProps, key, mode);
-  key.elementType = type;
-  key.type = owner;
-  key.expirationTime = expirationTime;
-  return key;
-}
-function createFiberFromFragment(elements, mode, expirationTime, key) {
-  elements = createFiber(7, elements, key, mode);
-  elements.expirationTime = expirationTime;
-  return elements;
-}
-function createFiberFromMode(pendingProps, mode, expirationTime, key) {
-  pendingProps = createFiber(8, pendingProps, key, mode);
-  mode = 0 === (mode & 1) ? REACT_STRICT_MODE_TYPE : REACT_CONCURRENT_MODE_TYPE;
-  pendingProps.elementType = mode;
-  pendingProps.type = mode;
-  pendingProps.expirationTime = expirationTime;
-  return pendingProps;
-}
-function createFiberFromText(content, mode, expirationTime) {
-  content = createFiber(6, content, null, mode);
-  content.expirationTime = expirationTime;
-  return content;
-}
-function createFiberFromPortal(portal, mode, expirationTime) {
-  mode = createFiber(
-    4,
-    null !== portal.children ? portal.children : [],
-    portal.key,
-    mode
-  );
-  mode.expirationTime = expirationTime;
-  mode.stateNode = {
-    containerInfo: portal.containerInfo,
-    pendingChildren: null,
-    implementation: portal.implementation
-  };
-  return mode;
-}
-function FiberRootNode(containerInfo, hydrate) {
-  this.current = null;
-  this.containerInfo = containerInfo;
-  this.pingCache = this.pendingChildren = null;
-  this.pendingCommitExpirationTime = 0;
-  this.finishedWork = null;
-  this.timeoutHandle = -1;
-  this.pendingContext = this.context = null;
-  this.hydrate = hydrate;
-  this.callbackNode = this.firstBatch = null;
-  this.pingTime = this.lastPendingTime = this.firstPendingTime = this.callbackExpirationTime = 0;
-}
 function is(x, y) {
   return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
 }
@@ -2144,7 +1996,7 @@ var valueCursor = { current: null },
   currentlyRenderingFiber = null,
   lastContextDependency = null,
   lastContextWithAllBitsObserved = null;
-function resetContextDependences() {
+function resetContextDependencies() {
   lastContextWithAllBitsObserved = lastContextDependency = currentlyRenderingFiber = null;
 }
 function pushProvider(providerFiber, nextValue) {
@@ -2157,14 +2009,32 @@ function popProvider(providerFiber) {
   pop(valueCursor, providerFiber);
   providerFiber.type._context._currentValue = currentValue;
 }
+function scheduleWorkOnParentPath(parent, renderExpirationTime) {
+  for (; null !== parent; ) {
+    var alternate = parent.alternate;
+    if (parent.childExpirationTime < renderExpirationTime)
+      (parent.childExpirationTime = renderExpirationTime),
+        null !== alternate &&
+          alternate.childExpirationTime < renderExpirationTime &&
+          (alternate.childExpirationTime = renderExpirationTime);
+    else if (
+      null !== alternate &&
+      alternate.childExpirationTime < renderExpirationTime
+    )
+      alternate.childExpirationTime = renderExpirationTime;
+    else break;
+    parent = parent.return;
+  }
+}
 function prepareToReadContext(workInProgress, renderExpirationTime) {
   currentlyRenderingFiber = workInProgress;
   lastContextWithAllBitsObserved = lastContextDependency = null;
-  var currentDependencies = workInProgress.contextDependencies;
-  null !== currentDependencies &&
-    currentDependencies.expirationTime >= renderExpirationTime &&
-    (didReceiveUpdate = !0);
-  workInProgress.contextDependencies = null;
+  workInProgress = workInProgress.dependencies;
+  null !== workInProgress &&
+    null !== workInProgress.firstContext &&
+    (workInProgress.expirationTime >= renderExpirationTime &&
+      (didReceiveUpdate = !0),
+    (workInProgress.firstContext = null));
 }
 function readContext(context, observedBits) {
   if (
@@ -2178,12 +2048,15 @@ function readContext(context, observedBits) {
     if (null === lastContextDependency) {
       if (null === currentlyRenderingFiber)
         throw ReactError(
-          "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()."
+          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 = observedBits;
-      currentlyRenderingFiber.contextDependencies = {
-        first: observedBits,
-        expirationTime: 0
+      currentlyRenderingFiber.dependencies = {
+        expirationTime: 0,
+        firstContext: observedBits,
+        responders: null
       };
     } else lastContextDependency = lastContextDependency.next = observedBits;
   }
@@ -2216,9 +2089,10 @@ function cloneUpdateQueue(currentQueue) {
     lastCapturedEffect: null
   };
 }
-function createUpdate(expirationTime) {
+function createUpdate(expirationTime, suspenseConfig) {
   return {
     expirationTime: expirationTime,
+    suspenseConfig: suspenseConfig,
     tag: 0,
     payload: null,
     callback: null,
@@ -2334,8 +2208,10 @@ function processUpdateQueue(
           ((newFirstUpdate = update), (newBaseState = resultState)),
         newExpirationTime < updateExpirationTime &&
           (newExpirationTime = updateExpirationTime))
-      : (updateExpirationTime < workInProgressRootMostRecentEventTime &&
-          (workInProgressRootMostRecentEventTime = updateExpirationTime),
+      : (markRenderEventTimeAndConfig(
+          updateExpirationTime,
+          update.suspenseConfig
+        ),
         (resultState = getStateFromUpdate(
           workInProgress,
           queue,
@@ -2411,15 +2287,18 @@ function commitUpdateEffects(effect, instance) {
       var context = instance;
       if ("function" !== typeof _callback3)
         throw ReactError(
-          "Invalid argument passed as callback. Expected a function. Instead received: " +
-            _callback3
+          Error(
+            "Invalid argument passed as callback. Expected a function. Instead received: " +
+              _callback3
+          )
         );
       _callback3.call(context);
     }
     effect = effect.nextEffect;
   }
 }
-var emptyRefsObject = new React.Component().refs;
+var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+  emptyRefsObject = new React.Component().refs;
 function applyDerivedStateFromProps(
   workInProgress,
   ctor,
@@ -2446,36 +2325,42 @@ var classComponentUpdater = {
   },
   enqueueSetState: function(inst, payload, callback) {
     inst = inst._reactInternalFiber;
-    var currentTime = requestCurrentTime();
-    currentTime = computeExpirationForFiber(currentTime, inst);
-    var update = createUpdate(currentTime);
-    update.payload = payload;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
-    enqueueUpdate(inst, update);
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.payload = payload;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
     scheduleUpdateOnFiber(inst, currentTime);
   },
   enqueueReplaceState: function(inst, payload, callback) {
     inst = inst._reactInternalFiber;
-    var currentTime = requestCurrentTime();
-    currentTime = computeExpirationForFiber(currentTime, inst);
-    var update = createUpdate(currentTime);
-    update.tag = 1;
-    update.payload = payload;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
-    enqueueUpdate(inst, update);
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.tag = 1;
+    suspenseConfig.payload = payload;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
     scheduleUpdateOnFiber(inst, currentTime);
   },
   enqueueForceUpdate: function(inst, callback) {
     inst = inst._reactInternalFiber;
-    var currentTime = requestCurrentTime();
-    currentTime = computeExpirationForFiber(currentTime, inst);
-    var update = createUpdate(currentTime);
-    update.tag = 2;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
-    enqueueUpdate(inst, update);
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.tag = 2;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
     scheduleUpdateOnFiber(inst, currentTime);
   }
 };
@@ -2604,15 +2489,19 @@ function coerceRef(returnFiber, current$$1, element) {
       if (element) {
         if (1 !== element.tag)
           throw ReactError(
-            "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            Error(
+              "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            )
           );
         inst = element.stateNode;
       }
       if (!inst)
         throw ReactError(
-          "Missing owner for string ref " +
-            returnFiber +
-            ". This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "Missing owner for string ref " +
+              returnFiber +
+              ". This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       var stringRef = "" + returnFiber;
       if (
@@ -2632,13 +2521,17 @@ function coerceRef(returnFiber, current$$1, element) {
     }
     if ("string" !== typeof returnFiber)
       throw ReactError(
-        "Expected ref to be a function, a string, an object returned by React.createRef(), or null."
+        Error(
+          "Expected ref to be a function, a string, an object returned by React.createRef(), or null."
+        )
       );
     if (!element._owner)
       throw ReactError(
-        "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://fb.me/react-refs-must-have-owner for more information."
+        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://fb.me/react-refs-must-have-owner for more information."
+        )
       );
   }
   return returnFiber;
@@ -2646,11 +2539,13 @@ function coerceRef(returnFiber, current$$1, element) {
 function throwOnInvalidObjectType(returnFiber, newChild) {
   if ("textarea" !== returnFiber.type)
     throw ReactError(
-      "Objects are not valid as a React child (found: " +
-        ("[object Object]" === Object.prototype.toString.call(newChild)
-          ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
-          : newChild) +
-        ")."
+      Error(
+        "Objects are not valid as a React child (found: " +
+          ("[object Object]" === Object.prototype.toString.call(newChild)
+            ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
+            : newChild) +
+          ")."
+      )
     );
 }
 function ChildReconciler(shouldTrackSideEffects) {
@@ -3053,11 +2948,13 @@ function ChildReconciler(shouldTrackSideEffects) {
     var iteratorFn = getIteratorFn(newChildrenIterable);
     if ("function" !== typeof iteratorFn)
       throw ReactError(
-        "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     newChildrenIterable = iteratorFn.call(newChildrenIterable);
     if (null == newChildrenIterable)
-      throw ReactError("An iterable object provided no iterator.");
+      throw ReactError(Error("An iterable object provided no iterator."));
     for (
       var previousNewFiber = (iteratorFn = null),
         oldFiber = currentFirstChild,
@@ -3292,8 +3189,10 @@ function ChildReconciler(shouldTrackSideEffects) {
         case 0:
           throw ((returnFiber = returnFiber.type),
           ReactError(
-            (returnFiber.displayName || returnFiber.name || "Component") +
-              "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null."
+            Error(
+              (returnFiber.displayName || returnFiber.name || "Component") +
+                "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null."
+            )
           ));
       }
     return deleteRemainingChildren(returnFiber, currentFirstChild);
@@ -3308,7 +3207,9 @@ var reconcileChildFibers = ChildReconciler(!0),
 function requiredContext(c) {
   if (c === NO_CONTEXT)
     throw ReactError(
-      "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+      Error(
+        "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+      )
     );
   return c;
 }
@@ -3346,13 +3247,41 @@ function popHostContext(fiber) {
   contextFiberStackCursor.current === fiber &&
     (pop(contextStackCursor$1, fiber), pop(contextFiberStackCursor, fiber));
 }
-var NoEffect$1 = 0,
-  UnmountSnapshot = 2,
-  UnmountMutation = 4,
-  MountMutation = 8,
-  UnmountLayout = 16,
-  MountLayout = 32,
-  MountPassive = 64,
+var SubtreeSuspenseContextMask = 1,
+  InvisibleParentSuspenseContext = 1,
+  ForceSuspenseFallback = 2,
+  suspenseStackCursor = { current: 0 };
+function findFirstSuspended(row) {
+  for (var node = row; null !== node; ) {
+    if (13 === node.tag) {
+      if (null !== node.memoizedState) return node;
+    } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) {
+      if (0 !== (node.effectTag & 64)) return node;
+    } else if (null !== node.child) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === row) break;
+    for (; null === node.sibling; ) {
+      if (null === node.return || node.return === row) return null;
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+  return null;
+}
+function createResponderListener(responder, props) {
+  return { responder: responder, props: props };
+}
+var NoEffect$1 = 0,
+  UnmountSnapshot = 2,
+  UnmountMutation = 4,
+  MountMutation = 8,
+  UnmountLayout = 16,
+  MountLayout = 32,
+  MountPassive = 64,
   UnmountPassive = 128,
   ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   renderExpirationTime$1 = 0,
@@ -3370,7 +3299,9 @@ var NoEffect$1 = 0,
   numberOfReRenders = 0;
 function throwInvalidHookError() {
   throw ReactError(
-    "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://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
+    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://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
+    )
   );
 }
 function areHookInputsEqual(nextDeps, prevDeps) {
@@ -3420,7 +3351,9 @@ function renderWithHooks(
   sideEffectTag = 0;
   if (current)
     throw ReactError(
-      "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
+      Error(
+        "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
+      )
     );
   return workInProgress;
 }
@@ -3456,7 +3389,9 @@ function updateWorkInProgressHook() {
       (nextCurrentHook = null !== currentHook ? currentHook.next : null);
   else {
     if (null === nextCurrentHook)
-      throw ReactError("Rendered more hooks than during the previous render.");
+      throw ReactError(
+        Error("Rendered more hooks than during the previous render.")
+      );
     currentHook = nextCurrentHook;
     var newHook = {
       memoizedState: currentHook.memoizedState,
@@ -3481,7 +3416,9 @@ function updateReducer(reducer) {
     queue = hook.queue;
   if (null === queue)
     throw ReactError(
-      "Should have a queue. This is likely a bug in React. Please file an issue."
+      Error(
+        "Should have a queue. This is likely a bug in React. Please file an issue."
+      )
     );
   queue.lastRenderedReducer = reducer;
   if (0 < numberOfReRenders) {
@@ -3524,8 +3461,10 @@ function updateReducer(reducer) {
             (firstRenderPhaseUpdate = newState)),
           updateExpirationTime > remainingExpirationTime &&
             (remainingExpirationTime = updateExpirationTime))
-        : (updateExpirationTime < workInProgressRootMostRecentEventTime &&
-            (workInProgressRootMostRecentEventTime = updateExpirationTime),
+        : (markRenderEventTimeAndConfig(
+            updateExpirationTime,
+            _update.suspenseConfig
+          ),
           (newState =
             _update.eagerReducer === reducer
               ? _update.eagerState
@@ -3604,7 +3543,9 @@ function mountDebugValue() {}
 function dispatchAction(fiber, queue, action) {
   if (!(25 > numberOfReRenders))
     throw ReactError(
-      "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+      Error(
+        "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+      )
     );
   var alternate = fiber.alternate;
   if (
@@ -3615,6 +3556,7 @@ function dispatchAction(fiber, queue, action) {
       ((didScheduleRenderPhaseUpdate = !0),
       (fiber = {
         expirationTime: renderExpirationTime$1,
+        suspenseConfig: null,
         action: action,
         eagerReducer: null,
         eagerState: null,
@@ -3630,24 +3572,29 @@ function dispatchAction(fiber, queue, action) {
       queue.next = fiber;
     }
   else {
-    flushPassiveEffects();
-    var currentTime = requestCurrentTime();
-    currentTime = computeExpirationForFiber(currentTime, fiber);
-    var _update2 = {
-        expirationTime: currentTime,
-        action: action,
-        eagerReducer: null,
-        eagerState: null,
-        next: null
-      },
-      _last = queue.last;
-    if (null === _last) _update2.next = _update2;
+    var currentTime = requestCurrentTime(),
+      _suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      _suspenseConfig
+    );
+    _suspenseConfig = {
+      expirationTime: currentTime,
+      suspenseConfig: _suspenseConfig,
+      action: action,
+      eagerReducer: null,
+      eagerState: null,
+      next: null
+    };
+    var _last = queue.last;
+    if (null === _last) _suspenseConfig.next = _suspenseConfig;
     else {
       var first = _last.next;
-      null !== first && (_update2.next = first);
-      _last.next = _update2;
+      null !== first && (_suspenseConfig.next = first);
+      _last.next = _suspenseConfig;
     }
-    queue.last = _update2;
+    queue.last = _suspenseConfig;
     if (
       0 === fiber.expirationTime &&
       (null === alternate || 0 === alternate.expirationTime) &&
@@ -3656,8 +3603,8 @@ function dispatchAction(fiber, queue, action) {
       try {
         var currentState = queue.lastRenderedState,
           _eagerState = alternate(currentState, action);
-        _update2.eagerReducer = alternate;
-        _update2.eagerState = _eagerState;
+        _suspenseConfig.eagerReducer = alternate;
+        _suspenseConfig.eagerState = _eagerState;
         if (is(_eagerState, currentState)) return;
       } catch (error) {
       } finally {
@@ -3676,7 +3623,8 @@ var ContextOnlyDispatcher = {
     useReducer: throwInvalidHookError,
     useRef: throwInvalidHookError,
     useState: throwInvalidHookError,
-    useDebugValue: throwInvalidHookError
+    useDebugValue: throwInvalidHookError,
+    useResponder: throwInvalidHookError
   },
   HooksDispatcherOnMount = {
     readContext: readContext,
@@ -3749,7 +3697,8 @@ var ContextOnlyDispatcher = {
       );
       return [hook.memoizedState, initialState];
     },
-    useDebugValue: mountDebugValue
+    useDebugValue: mountDebugValue,
+    useResponder: createResponderListener
   },
   HooksDispatcherOnUpdate = {
     readContext: readContext,
@@ -3803,7 +3752,8 @@ var ContextOnlyDispatcher = {
     useState: function(initialState) {
       return updateReducer(basicStateReducer, initialState);
     },
-    useDebugValue: mountDebugValue
+    useDebugValue: mountDebugValue,
+    useResponder: createResponderListener
   },
   hydrationParentFiber = null,
   nextHydratableInstance = null,
@@ -4022,17 +3972,17 @@ function updateFunctionComponent(
   nextProps,
   renderExpirationTime
 ) {
-  var unmaskedContext = isContextProvider(Component)
+  var context = isContextProvider(Component)
     ? previousContext
     : contextStackCursor.current;
-  unmaskedContext = getMaskedContext(workInProgress, unmaskedContext);
+  context = getMaskedContext(workInProgress, context);
   prepareToReadContext(workInProgress, renderExpirationTime);
   Component = renderWithHooks(
     current$$1,
     workInProgress,
     Component,
     nextProps,
-    unmaskedContext,
+    context,
     renderExpirationTime
   );
   if (null !== current$$1 && !didReceiveUpdate)
@@ -4344,6 +4294,7 @@ function pushHostRootContext(workInProgress) {
       pushTopLevelContextObject(workInProgress, root.context, !1);
   pushHostContainer(workInProgress, root.containerInfo);
 }
+var SUSPENDED_MARKER = {};
 function updateSuspenseComponent(
   current$$1,
   workInProgress,
@@ -4351,100 +4302,271 @@ function updateSuspenseComponent(
 ) {
   var mode = workInProgress.mode,
     nextProps = workInProgress.pendingProps,
-    nextState = workInProgress.memoizedState;
-  if (0 === (workInProgress.effectTag & 64)) {
-    nextState = null;
-    var nextDidTimeout = !1;
-  } else
-    (nextState = {
-      fallbackExpirationTime:
-        null !== nextState ? nextState.fallbackExpirationTime : 0
-    }),
+    suspenseContext = suspenseStackCursor.current,
+    nextState = null,
+    nextDidTimeout = !1,
+    JSCompiler_temp;
+  (JSCompiler_temp = 0 !== (workInProgress.effectTag & 64)) ||
+    (JSCompiler_temp =
+      0 !== (suspenseContext & ForceSuspenseFallback) &&
+      (null === current$$1 || null !== current$$1.memoizedState));
+  JSCompiler_temp
+    ? ((nextState = SUSPENDED_MARKER),
       (nextDidTimeout = !0),
-      (workInProgress.effectTag &= -65);
+      (workInProgress.effectTag &= -65))
+    : (null !== current$$1 && null === current$$1.memoizedState) ||
+      void 0 === nextProps.fallback ||
+      !0 === nextProps.unstable_avoidThisFallback ||
+      (suspenseContext |= InvisibleParentSuspenseContext);
+  suspenseContext &= SubtreeSuspenseContextMask;
+  push(suspenseStackCursor, suspenseContext, workInProgress);
   if (null === current$$1)
     if (nextDidTimeout) {
-      var nextFallbackChildren = nextProps.fallback;
+      nextProps = nextProps.fallback;
       current$$1 = createFiberFromFragment(null, mode, 0, null);
-      0 === (workInProgress.mode & 1) &&
-        (current$$1.child =
-          null !== workInProgress.memoizedState
-            ? workInProgress.child.child
-            : workInProgress.child);
-      mode = createFiberFromFragment(
-        nextFallbackChildren,
+      current$$1.return = workInProgress;
+      if (0 === (workInProgress.mode & 2))
+        for (
+          nextDidTimeout =
+            null !== workInProgress.memoizedState
+              ? workInProgress.child.child
+              : workInProgress.child,
+            current$$1.child = nextDidTimeout;
+          null !== nextDidTimeout;
+
+        )
+          (nextDidTimeout.return = current$$1),
+            (nextDidTimeout = nextDidTimeout.sibling);
+      renderExpirationTime = createFiberFromFragment(
+        nextProps,
         mode,
         renderExpirationTime,
         null
       );
-      current$$1.sibling = mode;
-      renderExpirationTime = current$$1;
-      renderExpirationTime.return = mode.return = workInProgress;
+      renderExpirationTime.return = workInProgress;
+      current$$1.sibling = renderExpirationTime;
+      mode = current$$1;
     } else
-      renderExpirationTime = mode = mountChildFibers(
+      mode = renderExpirationTime = mountChildFibers(
         workInProgress,
         null,
         nextProps.children,
         renderExpirationTime
       );
-  else
-    null !== current$$1.memoizedState
-      ? ((mode = current$$1.child),
-        (nextFallbackChildren = mode.sibling),
-        nextDidTimeout
-          ? ((renderExpirationTime = nextProps.fallback),
-            (nextProps = createWorkInProgress(mode, mode.pendingProps, 0)),
-            0 === (workInProgress.mode & 1) &&
-              ((nextDidTimeout =
-                null !== workInProgress.memoizedState
-                  ? workInProgress.child.child
-                  : workInProgress.child),
-              nextDidTimeout !== mode.child &&
-                (nextProps.child = nextDidTimeout)),
-            (mode = nextProps.sibling = createWorkInProgress(
-              nextFallbackChildren,
-              renderExpirationTime,
-              nextFallbackChildren.expirationTime
-            )),
-            (renderExpirationTime = nextProps),
-            (nextProps.childExpirationTime = 0),
-            (renderExpirationTime.return = mode.return = workInProgress))
-          : (renderExpirationTime = mode = reconcileChildFibers(
-              workInProgress,
-              mode.child,
-              nextProps.children,
-              renderExpirationTime
-            )))
-      : ((nextFallbackChildren = current$$1.child),
-        nextDidTimeout
-          ? ((nextDidTimeout = nextProps.fallback),
-            (nextProps = createFiberFromFragment(null, mode, 0, null)),
-            (nextProps.child = nextFallbackChildren),
-            0 === (workInProgress.mode & 1) &&
-              (nextProps.child =
-                null !== workInProgress.memoizedState
-                  ? workInProgress.child.child
-                  : workInProgress.child),
-            (mode = nextProps.sibling = createFiberFromFragment(
-              nextDidTimeout,
-              mode,
-              renderExpirationTime,
-              null
-            )),
-            (mode.effectTag |= 2),
-            (renderExpirationTime = nextProps),
-            (nextProps.childExpirationTime = 0),
-            (renderExpirationTime.return = mode.return = workInProgress))
-          : (mode = renderExpirationTime = reconcileChildFibers(
-              workInProgress,
-              nextFallbackChildren,
-              nextProps.children,
-              renderExpirationTime
-            ))),
-      (workInProgress.stateNode = current$$1.stateNode);
+  else {
+    if (null !== current$$1.memoizedState)
+      if (
+        ((suspenseContext = current$$1.child),
+        (mode = suspenseContext.sibling),
+        nextDidTimeout)
+      ) {
+        nextProps = nextProps.fallback;
+        renderExpirationTime = createWorkInProgress(
+          suspenseContext,
+          suspenseContext.pendingProps,
+          0
+        );
+        renderExpirationTime.return = workInProgress;
+        if (
+          0 === (workInProgress.mode & 2) &&
+          ((nextDidTimeout =
+            null !== workInProgress.memoizedState
+              ? workInProgress.child.child
+              : workInProgress.child),
+          nextDidTimeout !== suspenseContext.child)
+        )
+          for (
+            renderExpirationTime.child = nextDidTimeout;
+            null !== nextDidTimeout;
+
+          )
+            (nextDidTimeout.return = renderExpirationTime),
+              (nextDidTimeout = nextDidTimeout.sibling);
+        nextProps = createWorkInProgress(mode, nextProps, mode.expirationTime);
+        nextProps.return = workInProgress;
+        renderExpirationTime.sibling = nextProps;
+        mode = renderExpirationTime;
+        renderExpirationTime.childExpirationTime = 0;
+        renderExpirationTime = nextProps;
+      } else
+        mode = renderExpirationTime = reconcileChildFibers(
+          workInProgress,
+          suspenseContext.child,
+          nextProps.children,
+          renderExpirationTime
+        );
+    else if (((suspenseContext = current$$1.child), nextDidTimeout)) {
+      nextDidTimeout = nextProps.fallback;
+      nextProps = createFiberFromFragment(null, mode, 0, null);
+      nextProps.return = workInProgress;
+      nextProps.child = suspenseContext;
+      null !== suspenseContext && (suspenseContext.return = nextProps);
+      if (0 === (workInProgress.mode & 2))
+        for (
+          suspenseContext =
+            null !== workInProgress.memoizedState
+              ? workInProgress.child.child
+              : workInProgress.child,
+            nextProps.child = suspenseContext;
+          null !== suspenseContext;
+
+        )
+          (suspenseContext.return = nextProps),
+            (suspenseContext = suspenseContext.sibling);
+      renderExpirationTime = createFiberFromFragment(
+        nextDidTimeout,
+        mode,
+        renderExpirationTime,
+        null
+      );
+      renderExpirationTime.return = workInProgress;
+      nextProps.sibling = renderExpirationTime;
+      renderExpirationTime.effectTag |= 2;
+      mode = nextProps;
+      nextProps.childExpirationTime = 0;
+    } else
+      renderExpirationTime = mode = reconcileChildFibers(
+        workInProgress,
+        suspenseContext,
+        nextProps.children,
+        renderExpirationTime
+      );
+    workInProgress.stateNode = current$$1.stateNode;
+  }
   workInProgress.memoizedState = nextState;
-  workInProgress.child = renderExpirationTime;
-  return mode;
+  workInProgress.child = mode;
+  return renderExpirationTime;
+}
+function initSuspenseListRenderState(
+  workInProgress,
+  isBackwards,
+  tail,
+  lastContentRow,
+  tailMode
+) {
+  var renderState = workInProgress.memoizedState;
+  null === renderState
+    ? (workInProgress.memoizedState = {
+        isBackwards: isBackwards,
+        rendering: null,
+        last: lastContentRow,
+        tail: tail,
+        tailExpiration: 0,
+        tailMode: tailMode
+      })
+    : ((renderState.isBackwards = isBackwards),
+      (renderState.rendering = null),
+      (renderState.last = lastContentRow),
+      (renderState.tail = tail),
+      (renderState.tailExpiration = 0),
+      (renderState.tailMode = tailMode));
+}
+function updateSuspenseListComponent(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  var nextProps = workInProgress.pendingProps,
+    revealOrder = nextProps.revealOrder,
+    tailMode = nextProps.tail;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextProps.children,
+    renderExpirationTime
+  );
+  nextProps = suspenseStackCursor.current;
+  if (0 !== (nextProps & ForceSuspenseFallback))
+    (nextProps =
+      (nextProps & SubtreeSuspenseContextMask) | ForceSuspenseFallback),
+      (workInProgress.effectTag |= 64);
+  else {
+    if (null !== current$$1 && 0 !== (current$$1.effectTag & 64))
+      a: for (current$$1 = workInProgress.child; null !== current$$1; ) {
+        if (13 === current$$1.tag) {
+          if (null !== current$$1.memoizedState) {
+            current$$1.expirationTime < renderExpirationTime &&
+              (current$$1.expirationTime = renderExpirationTime);
+            var alternate = current$$1.alternate;
+            null !== alternate &&
+              alternate.expirationTime < renderExpirationTime &&
+              (alternate.expirationTime = renderExpirationTime);
+            scheduleWorkOnParentPath(current$$1.return, renderExpirationTime);
+          }
+        } else if (null !== current$$1.child) {
+          current$$1.child.return = current$$1;
+          current$$1 = current$$1.child;
+          continue;
+        }
+        if (current$$1 === workInProgress) break a;
+        for (; null === current$$1.sibling; ) {
+          if (
+            null === current$$1.return ||
+            current$$1.return === workInProgress
+          )
+            break a;
+          current$$1 = current$$1.return;
+        }
+        current$$1.sibling.return = current$$1.return;
+        current$$1 = current$$1.sibling;
+      }
+    nextProps &= SubtreeSuspenseContextMask;
+  }
+  push(suspenseStackCursor, nextProps, workInProgress);
+  if (0 === (workInProgress.mode & 2)) workInProgress.memoizedState = null;
+  else
+    switch (revealOrder) {
+      case "forwards":
+        renderExpirationTime = workInProgress.child;
+        for (revealOrder = null; null !== renderExpirationTime; )
+          (nextProps = renderExpirationTime.alternate),
+            null !== nextProps &&
+              null === findFirstSuspended(nextProps) &&
+              (revealOrder = renderExpirationTime),
+            (renderExpirationTime = renderExpirationTime.sibling);
+        renderExpirationTime = revealOrder;
+        null === renderExpirationTime
+          ? ((revealOrder = workInProgress.child),
+            (workInProgress.child = null))
+          : ((revealOrder = renderExpirationTime.sibling),
+            (renderExpirationTime.sibling = null));
+        initSuspenseListRenderState(
+          workInProgress,
+          !1,
+          revealOrder,
+          renderExpirationTime,
+          tailMode
+        );
+        break;
+      case "backwards":
+        renderExpirationTime = null;
+        revealOrder = workInProgress.child;
+        for (workInProgress.child = null; null !== revealOrder; ) {
+          nextProps = revealOrder.alternate;
+          if (null !== nextProps && null === findFirstSuspended(nextProps)) {
+            workInProgress.child = revealOrder;
+            break;
+          }
+          nextProps = revealOrder.sibling;
+          revealOrder.sibling = renderExpirationTime;
+          renderExpirationTime = revealOrder;
+          revealOrder = nextProps;
+        }
+        initSuspenseListRenderState(
+          workInProgress,
+          !0,
+          renderExpirationTime,
+          null,
+          tailMode
+        );
+        break;
+      case "together":
+        initSuspenseListRenderState(workInProgress, !1, null, null, void 0);
+        break;
+      default:
+        workInProgress.memoizedState = null;
+    }
+  return workInProgress.child;
 }
 function bailoutOnAlreadyFinishedWork(
   current$$1,
@@ -4452,10 +4574,10 @@ function bailoutOnAlreadyFinishedWork(
   renderExpirationTime
 ) {
   null !== current$$1 &&
-    (workInProgress.contextDependencies = current$$1.contextDependencies);
+    (workInProgress.dependencies = current$$1.dependencies);
   if (workInProgress.childExpirationTime < renderExpirationTime) return null;
   if (null !== current$$1 && workInProgress.child !== current$$1.child)
-    throw ReactError("Resuming work not yet implemented.");
+    throw ReactError(Error("Resuming work not yet implemented."));
   if (null !== workInProgress.child) {
     current$$1 = workInProgress.child;
     renderExpirationTime = createWorkInProgress(
@@ -4511,6 +4633,74 @@ updateHostComponent$1 = function(current, workInProgress, type, newProps) {
 updateHostText$1 = function(current, workInProgress, oldText, newText) {
   oldText !== newText && (workInProgress.effectTag |= 4);
 };
+function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
+  switch (renderState.tailMode) {
+    case "hidden":
+      hasRenderedATailFallback = renderState.tail;
+      for (var lastTailNode = null; null !== hasRenderedATailFallback; )
+        null !== hasRenderedATailFallback.alternate &&
+          (lastTailNode = hasRenderedATailFallback),
+          (hasRenderedATailFallback = hasRenderedATailFallback.sibling);
+      null === lastTailNode
+        ? (renderState.tail = null)
+        : (lastTailNode.sibling = null);
+      break;
+    case "collapsed":
+      lastTailNode = renderState.tail;
+      for (var _lastTailNode = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (_lastTailNode = lastTailNode),
+          (lastTailNode = lastTailNode.sibling);
+      null === _lastTailNode
+        ? hasRenderedATailFallback || null === renderState.tail
+          ? (renderState.tail = null)
+          : (renderState.tail.sibling = null)
+        : (_lastTailNode.sibling = null);
+  }
+}
+function unwindWork(workInProgress) {
+  switch (workInProgress.tag) {
+    case 1:
+      isContextProvider(workInProgress.type) && popContext(workInProgress);
+      var effectTag = workInProgress.effectTag;
+      return effectTag & 2048
+        ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
+          workInProgress)
+        : null;
+    case 3:
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      effectTag = workInProgress.effectTag;
+      if (0 !== (effectTag & 64))
+        throw ReactError(
+          Error(
+            "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
+          )
+        );
+      workInProgress.effectTag = (effectTag & -2049) | 64;
+      return workInProgress;
+    case 5:
+      return popHostContext(workInProgress), null;
+    case 13:
+      return (
+        pop(suspenseStackCursor, workInProgress),
+        (effectTag = workInProgress.effectTag),
+        effectTag & 2048
+          ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
+            workInProgress)
+          : null
+      );
+    case 18:
+      return null;
+    case 19:
+      return pop(suspenseStackCursor, workInProgress), null;
+    case 4:
+      return popHostContainer(workInProgress), null;
+    case 10:
+      return popProvider(workInProgress), null;
+    default:
+      return null;
+  }
+}
 function createCapturedValue(value, source) {
   return {
     value: value,
@@ -4518,24 +4708,18 @@ function createCapturedValue(value, source) {
     stack: getStackByFiberInDevAndProd(source)
   };
 }
+if (
+  "function" !==
+  typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog
+)
+  throw ReactError(
+    Error("Expected ReactFiberErrorDialog.showErrorDialog to be a function.")
+  );
 function logCapturedError(capturedError) {
-  var componentStack = capturedError.componentStack,
-    error = capturedError.error;
-  if (error instanceof Error) {
-    capturedError = error.message;
-    var name = error.name;
-    try {
-      error.message =
-        (capturedError ? name + ": " + capturedError : name) +
-        "\n\nThis error is located at:" +
-        componentStack;
-    } catch (e) {}
-  } else
-    error =
-      "string" === typeof error
-        ? Error(error + "\n\nThis error is located at:" + componentStack)
-        : Error("Unspecified error at:" + componentStack);
-  ExceptionsManager.handleException(error, !1);
+  !1 !==
+    ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog(
+      capturedError
+    ) && console.error(capturedError.error);
 }
 var PossiblyWeakSet$1 = "function" === typeof WeakSet ? WeakSet : Set;
 function logError(boundary, errorInfo) {
@@ -4567,6 +4751,15 @@ function logError(boundary, errorInfo) {
     });
   }
 }
+function safelyCallComponentWillUnmount(current$$1, instance) {
+  try {
+    (instance.props = current$$1.memoizedProps),
+      (instance.state = current$$1.memoizedState),
+      instance.componentWillUnmount();
+  } catch (unmountError) {
+    captureCommitPhaseError(current$$1, unmountError);
+  }
+}
 function safelyDetachRef(current$$1) {
   var ref = current$$1.ref;
   if (null !== ref)
@@ -4595,65 +4788,7 @@ function commitHookEffectList(unmountTag, mountTag, finishedWork) {
     } while (effect !== finishedWork);
   }
 }
-function hideOrUnhideAllChildren(finishedWork, isHidden) {
-  for (var node = finishedWork; ; ) {
-    if (5 === node.tag) {
-      var instance = node.stateNode;
-      if (isHidden) {
-        var viewConfig = instance.viewConfig;
-        var updatePayload = diffProperties(
-          null,
-          emptyObject,
-          { style: { display: "none" } },
-          viewConfig.validAttributes
-        );
-        UIManager.updateView(
-          instance._nativeTag,
-          viewConfig.uiViewClassName,
-          updatePayload
-        );
-      } else {
-        instance = node.stateNode;
-        updatePayload = node.memoizedProps;
-        viewConfig = instance.viewConfig;
-        var prevProps = Object.assign({}, updatePayload, {
-          style: [updatePayload.style, { display: "none" }]
-        });
-        updatePayload = diffProperties(
-          null,
-          prevProps,
-          updatePayload,
-          viewConfig.validAttributes
-        );
-        UIManager.updateView(
-          instance._nativeTag,
-          viewConfig.uiViewClassName,
-          updatePayload
-        );
-      }
-    } else {
-      if (6 === node.tag) throw Error("Not yet implemented.");
-      if (13 === node.tag && null !== node.memoizedState) {
-        instance = node.child.sibling;
-        instance.return = node;
-        node = instance;
-        continue;
-      } else if (null !== node.child) {
-        node.child.return = node;
-        node = node.child;
-        continue;
-      }
-    }
-    if (node === finishedWork) break;
-    for (; null === node.sibling; ) {
-      if (null === node.return || node.return === finishedWork) return;
-      node = node.return;
-    }
-    node.sibling.return = node.return;
-    node = node.sibling;
-  }
-}
-function commitUnmount(current$$1$jscomp$0) {
+function commitUnmount(current$$1$jscomp$0, renderPriorityLevel) {
   "function" === typeof onCommitFiberUnmount &&
     onCommitFiberUnmount(current$$1$jscomp$0);
   switch (current$$1$jscomp$0.tag) {
@@ -4666,40 +4801,57 @@ function commitUnmount(current$$1$jscomp$0) {
         null !== updateQueue &&
         ((updateQueue = updateQueue.lastEffect), null !== updateQueue)
       ) {
-        var effect = (updateQueue = updateQueue.next);
-        do {
-          var destroy = effect.destroy;
-          if (void 0 !== destroy) {
-            var current$$1 = current$$1$jscomp$0;
-            try {
-              destroy();
-            } catch (error) {
-              captureCommitPhaseError(current$$1, error);
-            }
+        var firstEffect = updateQueue.next;
+        runWithPriority(
+          97 < renderPriorityLevel ? 97 : renderPriorityLevel,
+          function() {
+            var effect = firstEffect;
+            do {
+              var destroy = effect.destroy;
+              if (void 0 !== destroy) {
+                var current$$1 = current$$1$jscomp$0;
+                try {
+                  destroy();
+                } catch (error) {
+                  captureCommitPhaseError(current$$1, error);
+                }
+              }
+              effect = effect.next;
+            } while (effect !== firstEffect);
           }
-          effect = effect.next;
-        } while (effect !== updateQueue);
+        );
       }
       break;
     case 1:
       safelyDetachRef(current$$1$jscomp$0);
-      updateQueue = current$$1$jscomp$0.stateNode;
-      if ("function" === typeof updateQueue.componentWillUnmount)
-        try {
-          (updateQueue.props = current$$1$jscomp$0.memoizedProps),
-            (updateQueue.state = current$$1$jscomp$0.memoizedState),
-            updateQueue.componentWillUnmount();
-        } catch (unmountError) {
-          captureCommitPhaseError(current$$1$jscomp$0, unmountError);
-        }
+      renderPriorityLevel = current$$1$jscomp$0.stateNode;
+      "function" === typeof renderPriorityLevel.componentWillUnmount &&
+        safelyCallComponentWillUnmount(
+          current$$1$jscomp$0,
+          renderPriorityLevel
+        );
       break;
     case 5:
       safelyDetachRef(current$$1$jscomp$0);
       break;
     case 4:
-      unmountHostComponents(current$$1$jscomp$0);
+      unmountHostComponents(current$$1$jscomp$0, renderPriorityLevel);
   }
 }
+function detachFiber(current$$1) {
+  var alternate = current$$1.alternate;
+  current$$1.return = null;
+  current$$1.child = null;
+  current$$1.memoizedState = null;
+  current$$1.updateQueue = null;
+  current$$1.dependencies = null;
+  current$$1.alternate = null;
+  current$$1.firstEffect = null;
+  current$$1.lastEffect = null;
+  current$$1.pendingProps = null;
+  current$$1.memoizedProps = null;
+  null !== alternate && detachFiber(alternate);
+}
 function isHostParent(fiber) {
   return 5 === fiber.tag || 3 === fiber.tag || 4 === fiber.tag;
 }
@@ -4713,25 +4865,29 @@ function commitPlacement(finishedWork) {
       parent = parent.return;
     }
     throw ReactError(
-      "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+      Error(
+        "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+      )
     );
   }
+  parent = parentFiber.stateNode;
   switch (parentFiber.tag) {
     case 5:
-      parent = parentFiber.stateNode;
       var isContainer = !1;
       break;
     case 3:
-      parent = parentFiber.stateNode.containerInfo;
+      parent = parent.containerInfo;
       isContainer = !0;
       break;
     case 4:
-      parent = parentFiber.stateNode.containerInfo;
+      parent = parent.containerInfo;
       isContainer = !0;
       break;
     default:
       throw ReactError(
-        "Invalid host parent fiber. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "Invalid host parent fiber. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
   }
   parentFiber.effectTag & 16 && (parentFiber.effectTag &= -17);
@@ -4761,25 +4917,26 @@ function commitPlacement(finishedWork) {
     }
   }
   for (var node = finishedWork; ; ) {
-    if (5 === node.tag || 6 === node.tag) {
-      var stateNode = node.stateNode;
+    var isHost = 5 === node.tag || 6 === node.tag;
+    if (isHost) {
+      var stateNode = isHost ? node.stateNode : node.stateNode.instance;
       if (parentFiber)
         if (isContainer) {
           if ("number" === typeof parent)
             throw ReactError(
-              "Container does not support insertBefore operation"
+              Error("Container does not support insertBefore operation")
             );
         } else {
-          var parentInstance = parent,
-            beforeChild = parentFiber,
-            children = parentInstance._children,
+          isHost = parent;
+          var beforeChild = parentFiber,
+            children = isHost._children,
             index = children.indexOf(stateNode);
           0 <= index
             ? (children.splice(index, 1),
               (beforeChild = children.indexOf(beforeChild)),
               children.splice(beforeChild, 0, stateNode),
-              UIManager.manageChildren(
-                parentInstance._nativeTag,
+              ReactNativePrivateInterface.UIManager.manageChildren(
+                isHost._nativeTag,
                 [index],
                 [beforeChild],
                 [],
@@ -4788,8 +4945,8 @@ function commitPlacement(finishedWork) {
               ))
             : ((index = children.indexOf(beforeChild)),
               children.splice(index, 0, stateNode),
-              UIManager.manageChildren(
-                parentInstance._nativeTag,
+              ReactNativePrivateInterface.UIManager.manageChildren(
+                isHost._nativeTag,
                 [],
                 [],
                 [
@@ -4803,19 +4960,19 @@ function commitPlacement(finishedWork) {
         }
       else
         isContainer
-          ? UIManager.setChildren(parent, [
+          ? ReactNativePrivateInterface.UIManager.setChildren(parent, [
               "number" === typeof stateNode ? stateNode : stateNode._nativeTag
             ])
-          : ((parentInstance = parent),
+          : ((isHost = parent),
             (children =
               "number" === typeof stateNode ? stateNode : stateNode._nativeTag),
-            (index = parentInstance._children),
+            (index = isHost._children),
             (beforeChild = index.indexOf(stateNode)),
             0 <= beforeChild
               ? (index.splice(beforeChild, 1),
                 index.push(stateNode),
-                UIManager.manageChildren(
-                  parentInstance._nativeTag,
+                ReactNativePrivateInterface.UIManager.manageChildren(
+                  isHost._nativeTag,
                   [beforeChild],
                   [index.length - 1],
                   [],
@@ -4823,8 +4980,8 @@ function commitPlacement(finishedWork) {
                   []
                 ))
               : (index.push(stateNode),
-                UIManager.manageChildren(
-                  parentInstance._nativeTag,
+                ReactNativePrivateInterface.UIManager.manageChildren(
+                  isHost._nativeTag,
                   [],
                   [],
                   [children],
@@ -4845,7 +5002,7 @@ function commitPlacement(finishedWork) {
     node = node.sibling;
   }
 }
-function unmountHostComponents(current$$1) {
+function unmountHostComponents(current$$1, renderPriorityLevel$jscomp$0) {
   for (
     var node = current$$1,
       currentParentIsValid = !1,
@@ -4859,19 +5016,21 @@ function unmountHostComponents(current$$1) {
       a: for (;;) {
         if (null === currentParentIsValid)
           throw ReactError(
-            "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+            Error(
+              "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+            )
           );
+        currentParent = currentParentIsValid.stateNode;
         switch (currentParentIsValid.tag) {
           case 5:
-            currentParent = currentParentIsValid.stateNode;
             currentParentIsContainer = !1;
             break a;
           case 3:
-            currentParent = currentParentIsValid.stateNode.containerInfo;
+            currentParent = currentParent.containerInfo;
             currentParentIsContainer = !0;
             break a;
           case 4:
-            currentParent = currentParentIsValid.stateNode.containerInfo;
+            currentParent = currentParent.containerInfo;
             currentParentIsContainer = !0;
             break a;
         }
@@ -4880,9 +5039,15 @@ function unmountHostComponents(current$$1) {
       currentParentIsValid = !0;
     }
     if (5 === node.tag || 6 === node.tag) {
-      a: for (var root = node, node$jscomp$0 = root; ; )
+      a: for (
+        var root = node,
+          renderPriorityLevel = renderPriorityLevel$jscomp$0,
+          node$jscomp$0 = root;
+        ;
+
+      )
         if (
-          (commitUnmount(node$jscomp$0),
+          (commitUnmount(node$jscomp$0, renderPriorityLevel),
           null !== node$jscomp$0.child && 4 !== node$jscomp$0.tag)
         )
           (node$jscomp$0.child.return = node$jscomp$0),
@@ -4897,19 +5062,31 @@ function unmountHostComponents(current$$1) {
           node$jscomp$0.sibling.return = node$jscomp$0.return;
           node$jscomp$0 = node$jscomp$0.sibling;
         }
-      if (currentParentIsContainer)
-        (root = currentParent),
+      currentParentIsContainer
+        ? ((root = currentParent),
           recursivelyUncacheFiberNode(node.stateNode),
-          UIManager.manageChildren(root, [], [], [], [], [0]);
-      else {
-        root = currentParent;
-        var child = node.stateNode;
-        recursivelyUncacheFiberNode(child);
-        node$jscomp$0 = root._children;
-        child = node$jscomp$0.indexOf(child);
-        node$jscomp$0.splice(child, 1);
-        UIManager.manageChildren(root._nativeTag, [], [], [], [], [child]);
-      }
+          ReactNativePrivateInterface.UIManager.manageChildren(
+            root,
+            [],
+            [],
+            [],
+            [],
+            [0]
+          ))
+        : ((root = currentParent),
+          (node$jscomp$0 = node.stateNode),
+          recursivelyUncacheFiberNode(node$jscomp$0),
+          (renderPriorityLevel = root._children),
+          (node$jscomp$0 = renderPriorityLevel.indexOf(node$jscomp$0)),
+          renderPriorityLevel.splice(node$jscomp$0, 1),
+          ReactNativePrivateInterface.UIManager.manageChildren(
+            root._nativeTag,
+            [],
+            [],
+            [],
+            [],
+            [node$jscomp$0]
+          ));
     } else if (4 === node.tag) {
       if (null !== node.child) {
         currentParent = node.stateNode.containerInfo;
@@ -4918,7 +5095,9 @@ function unmountHostComponents(current$$1) {
         node = node.child;
         continue;
       }
-    } else if ((commitUnmount(node), null !== node.child)) {
+    } else if (
+      (commitUnmount(node, renderPriorityLevel$jscomp$0), null !== node.child)
+    ) {
       node.child.return = node;
       node = node.child;
       continue;
@@ -4952,7 +5131,7 @@ function commitWork(current$$1, finishedWork) {
         finishedWork.updateQueue = null;
         null !== updatePayload &&
           ((finishedWork = instance.viewConfig),
-          (instanceProps[instance._nativeTag] = newProps),
+          instanceProps.set(instance._nativeTag, newProps),
           (newProps = diffProperties(
             null,
             current$$1,
@@ -4960,7 +5139,7 @@ function commitWork(current$$1, finishedWork) {
             finishedWork.validAttributes
           )),
           null != newProps &&
-            UIManager.updateView(
+            ReactNativePrivateInterface.UIManager.updateView(
               instance._nativeTag,
               finishedWork.uiViewClassName,
               newProps
@@ -4970,50 +5149,109 @@ function commitWork(current$$1, finishedWork) {
     case 6:
       if (null === finishedWork.stateNode)
         throw ReactError(
-          "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
-      UIManager.updateView(finishedWork.stateNode, "RCTRawText", {
-        text: finishedWork.memoizedProps
-      });
-      break;
-    case 20:
+      ReactNativePrivateInterface.UIManager.updateView(
+        finishedWork.stateNode,
+        "RCTRawText",
+        { text: finishedWork.memoizedProps }
+      );
       break;
     case 3:
       break;
     case 12:
       break;
     case 13:
-      commitSuspenseComponent(finishedWork);
+      instance = finishedWork;
+      null === finishedWork.memoizedState
+        ? (newProps = !1)
+        : ((newProps = !0),
+          (instance = finishedWork.child),
+          (globalMostRecentFallbackTime = now()));
+      if (null !== instance)
+        a: for (current$$1 = instance; ; ) {
+          if (5 === current$$1.tag)
+            if (((updatePayload = current$$1.stateNode), newProps)) {
+              var viewConfig = updatePayload.viewConfig;
+              var updatePayload$jscomp$0 = diffProperties(
+                null,
+                emptyObject,
+                { style: { display: "none" } },
+                viewConfig.validAttributes
+              );
+              ReactNativePrivateInterface.UIManager.updateView(
+                updatePayload._nativeTag,
+                viewConfig.uiViewClassName,
+                updatePayload$jscomp$0
+              );
+            } else {
+              updatePayload = current$$1.stateNode;
+              updatePayload$jscomp$0 = current$$1.memoizedProps;
+              viewConfig = updatePayload.viewConfig;
+              var prevProps = Object.assign({}, updatePayload$jscomp$0, {
+                style: [updatePayload$jscomp$0.style, { display: "none" }]
+              });
+              updatePayload$jscomp$0 = diffProperties(
+                null,
+                prevProps,
+                updatePayload$jscomp$0,
+                viewConfig.validAttributes
+              );
+              ReactNativePrivateInterface.UIManager.updateView(
+                updatePayload._nativeTag,
+                viewConfig.uiViewClassName,
+                updatePayload$jscomp$0
+              );
+            }
+          else {
+            if (6 === current$$1.tag) throw Error("Not yet implemented.");
+            if (13 === current$$1.tag && null !== current$$1.memoizedState) {
+              updatePayload = current$$1.child.sibling;
+              updatePayload.return = current$$1;
+              current$$1 = updatePayload;
+              continue;
+            } else if (null !== current$$1.child) {
+              current$$1.child.return = current$$1;
+              current$$1 = current$$1.child;
+              continue;
+            }
+          }
+          if (current$$1 === instance) break a;
+          for (; null === current$$1.sibling; ) {
+            if (null === current$$1.return || current$$1.return === instance)
+              break a;
+            current$$1 = current$$1.return;
+          }
+          current$$1.sibling.return = current$$1.return;
+          current$$1 = current$$1.sibling;
+        }
+      attachSuspenseRetryListeners(finishedWork);
+      break;
+    case 19:
+      attachSuspenseRetryListeners(finishedWork);
       break;
     case 17:
       break;
-    case 19:
+    case 20:
       break;
     default:
       throw ReactError(
-        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+        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."
+        )
       );
   }
 }
-function commitSuspenseComponent(finishedWork) {
-  var newState = finishedWork.memoizedState,
-    newDidTimeout = void 0,
-    primaryChildParent = finishedWork;
-  null === newState
-    ? (newDidTimeout = !1)
-    : ((newDidTimeout = !0),
-      (primaryChildParent = finishedWork.child),
-      0 === newState.fallbackExpirationTime &&
-        (newState.fallbackExpirationTime = requestCurrentTime() - 500));
-  null !== primaryChildParent &&
-    hideOrUnhideAllChildren(primaryChildParent, newDidTimeout);
-  newState = finishedWork.updateQueue;
-  if (null !== newState) {
+function attachSuspenseRetryListeners(finishedWork) {
+  var thenables = finishedWork.updateQueue;
+  if (null !== thenables) {
     finishedWork.updateQueue = null;
     var retryCache = finishedWork.stateNode;
     null === retryCache &&
       (retryCache = finishedWork.stateNode = new PossiblyWeakSet$1());
-    newState.forEach(function(thenable) {
+    thenables.forEach(function(thenable) {
       var retry = resolveRetryThenable.bind(null, finishedWork, thenable);
       retryCache.has(thenable) ||
         (retryCache.add(thenable), thenable.then(retry, retry));
@@ -5022,7 +5260,7 @@ function commitSuspenseComponent(finishedWork) {
 }
 var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map;
 function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
-  expirationTime = createUpdate(expirationTime);
+  expirationTime = createUpdate(expirationTime, null);
   expirationTime.tag = 3;
   expirationTime.payload = { element: null };
   var error = errorInfo.value;
@@ -5033,13 +5271,14 @@ function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
   return expirationTime;
 }
 function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
-  expirationTime = createUpdate(expirationTime);
+  expirationTime = createUpdate(expirationTime, null);
   expirationTime.tag = 3;
   var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
   if ("function" === typeof getDerivedStateFromError) {
-    var error$jscomp$0 = errorInfo.value;
+    var error = errorInfo.value;
     expirationTime.payload = function() {
-      return getDerivedStateFromError(error$jscomp$0);
+      logError(fiber, errorInfo);
+      return getDerivedStateFromError(error);
     };
   }
   var inst = fiber.stateNode;
@@ -5049,113 +5288,94 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
       "function" !== typeof getDerivedStateFromError &&
         (null === legacyErrorBoundariesThatAlreadyFailed
           ? (legacyErrorBoundariesThatAlreadyFailed = new Set([this]))
-          : legacyErrorBoundariesThatAlreadyFailed.add(this));
-      var error = errorInfo.value,
-        stack = errorInfo.stack;
-      logError(fiber, errorInfo);
-      this.componentDidCatch(error, {
+          : legacyErrorBoundariesThatAlreadyFailed.add(this),
+        logError(fiber, errorInfo));
+      var stack = errorInfo.stack;
+      this.componentDidCatch(errorInfo.value, {
         componentStack: null !== stack ? stack : ""
       });
     });
   return expirationTime;
 }
-function unwindWork(workInProgress) {
-  switch (workInProgress.tag) {
-    case 1:
-      isContextProvider(workInProgress.type) && popContext(workInProgress);
-      var effectTag = workInProgress.effectTag;
-      return effectTag & 2048
-        ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
-          workInProgress)
-        : null;
-    case 3:
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
-      effectTag = workInProgress.effectTag;
-      if (0 !== (effectTag & 64))
-        throw ReactError(
-          "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
-        );
-      workInProgress.effectTag = (effectTag & -2049) | 64;
-      return workInProgress;
-    case 5:
-      return popHostContext(workInProgress), null;
-    case 13:
-      return (
-        (effectTag = workInProgress.effectTag),
-        effectTag & 2048
-          ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
-            workInProgress)
-          : null
-      );
-    case 18:
-      return null;
-    case 4:
-      return popHostContainer(workInProgress), null;
-    case 10:
-      return popProvider(workInProgress), null;
-    case 19:
-    case 20:
-      return null;
-    default:
-      return null;
-  }
-}
 var ceil = Math.ceil,
   ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
-  LegacyUnbatchedPhase = 2,
-  RenderPhase = 4,
-  CommitPhase = 5,
+  NoContext = 0,
+  LegacyUnbatchedContext = 8,
+  RenderContext = 16,
+  CommitContext = 32,
   RootIncomplete = 0,
   RootErrored = 1,
   RootSuspended = 2,
-  RootCompleted = 3,
-  workPhase = 0,
+  RootSuspendedWithDelay = 3,
+  RootCompleted = 4,
+  executionContext = NoContext,
   workInProgressRoot = null,
   workInProgress = null,
   renderExpirationTime = 0,
   workInProgressRootExitStatus = RootIncomplete,
-  workInProgressRootMostRecentEventTime = 1073741823,
+  workInProgressRootLatestProcessedExpirationTime = 1073741823,
+  workInProgressRootLatestSuspenseTimeout = 1073741823,
+  workInProgressRootCanSuspendUsingConfig = null,
+  workInProgressRootHasPendingPing = !1,
+  globalMostRecentFallbackTime = 0,
+  FALLBACK_THROTTLE_MS = 500,
   nextEffect = null,
   hasUncaughtError = !1,
   firstUncaughtError = null,
   legacyErrorBoundariesThatAlreadyFailed = null,
   rootDoesHavePassiveEffects = !1,
   rootWithPendingPassiveEffects = null,
+  pendingPassiveEffectsRenderPriority = 90,
+  pendingPassiveEffectsExpirationTime = 0,
   rootsWithPendingDiscreteUpdates = null,
   nestedUpdateCount = 0,
   rootWithNestedUpdates = null,
   currentEventTime = 0;
 function requestCurrentTime() {
-  return workPhase === RenderPhase || workPhase === CommitPhase
-    ? 1073741822 - ((now() / 10) | 0)
+  return (executionContext & (RenderContext | CommitContext)) !== NoContext
+    ? 1073741821 - ((now() / 10) | 0)
     : 0 !== currentEventTime
       ? currentEventTime
-      : (currentEventTime = 1073741822 - ((now() / 10) | 0));
-}
-function computeExpirationForFiber(currentTime, fiber) {
-  if (0 === (fiber.mode & 1)) return 1073741823;
-  if (workPhase === RenderPhase) return renderExpirationTime;
-  switch (getCurrentPriorityLevel()) {
-    case 99:
-      currentTime = 1073741823;
-      break;
-    case 98:
-      currentTime =
-        1073741822 - 10 * ((((1073741822 - currentTime + 15) / 10) | 0) + 1);
-      break;
-    case 97:
-    case 96:
-      currentTime =
-        1073741822 - 25 * ((((1073741822 - currentTime + 500) / 25) | 0) + 1);
-      break;
-    case 95:
-      currentTime = 1;
-      break;
-    default:
-      throw ReactError("Expected a valid priority level");
-  }
+      : (currentEventTime = 1073741821 - ((now() / 10) | 0));
+}
+function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
+  fiber = fiber.mode;
+  if (0 === (fiber & 2)) return 1073741823;
+  var priorityLevel = getCurrentPriorityLevel();
+  if (0 === (fiber & 4)) return 99 === priorityLevel ? 1073741823 : 1073741822;
+  if ((executionContext & RenderContext) !== NoContext)
+    return renderExpirationTime;
+  if (null !== suspenseConfig)
+    currentTime =
+      1073741821 -
+      25 *
+        ((((1073741821 -
+          currentTime +
+          (suspenseConfig.timeoutMs | 0 || 5e3) / 10) /
+          25) |
+          0) +
+          1);
+  else
+    switch (priorityLevel) {
+      case 99:
+        currentTime = 1073741823;
+        break;
+      case 98:
+        currentTime =
+          1073741821 - 10 * ((((1073741821 - currentTime + 15) / 10) | 0) + 1);
+        break;
+      case 97:
+      case 96:
+        currentTime =
+          1073741821 - 25 * ((((1073741821 - currentTime + 500) / 25) | 0) + 1);
+        break;
+      case 95:
+        currentTime = 1;
+        break;
+      default:
+        throw ReactError(Error("Expected a valid priority level"));
+    }
   null !== workInProgressRoot &&
     currentTime === renderExpirationTime &&
     --currentTime;
@@ -5166,33 +5386,37 @@ function scheduleUpdateOnFiber(fiber, expirationTime) {
     throw ((nestedUpdateCount = 0),
     (rootWithNestedUpdates = null),
     ReactError(
-      "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."
+      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."
+      )
     ));
   fiber = markUpdateTimeFromFiberToRoot(fiber, expirationTime);
-  if (null !== fiber)
-    if (((fiber.pingTime = 0), 1073741823 === expirationTime))
-      if (workPhase === LegacyUnbatchedPhase)
+  if (null !== fiber) {
+    fiber.pingTime = 0;
+    var priorityLevel = getCurrentPriorityLevel();
+    if (1073741823 === expirationTime)
+      if (
+        (executionContext & LegacyUnbatchedContext) !== NoContext &&
+        (executionContext & (RenderContext | CommitContext)) === NoContext
+      )
         for (
-          expirationTime = renderRoot(fiber, 1073741823, !0);
-          null !== expirationTime;
+          var callback = renderRoot(fiber, 1073741823, !0);
+          null !== callback;
 
         )
-          expirationTime = expirationTime(!0);
+          callback = callback(!0);
       else
         scheduleCallbackForRoot(fiber, 99, 1073741823),
-          0 === workPhase && flushImmediateQueue();
-    else {
-      var priorityLevel = getCurrentPriorityLevel();
-      if (98 === priorityLevel)
-        if (null === rootsWithPendingDiscreteUpdates)
-          rootsWithPendingDiscreteUpdates = new Map([[fiber, expirationTime]]);
-        else {
-          var lastDiscreteTime = rootsWithPendingDiscreteUpdates.get(fiber);
-          (void 0 === lastDiscreteTime || lastDiscreteTime > expirationTime) &&
-            rootsWithPendingDiscreteUpdates.set(fiber, expirationTime);
-        }
-      scheduleCallbackForRoot(fiber, priorityLevel, expirationTime);
-    }
+          executionContext === NoContext && flushSyncCallbackQueue();
+    else scheduleCallbackForRoot(fiber, priorityLevel, expirationTime);
+    (executionContext & 4) === NoContext ||
+      (98 !== priorityLevel && 99 !== priorityLevel) ||
+      (null === rootsWithPendingDiscreteUpdates
+        ? (rootsWithPendingDiscreteUpdates = new Map([[fiber, expirationTime]]))
+        : ((priorityLevel = rootsWithPendingDiscreteUpdates.get(fiber)),
+          (void 0 === priorityLevel || priorityLevel > expirationTime) &&
+            rootsWithPendingDiscreteUpdates.set(fiber, expirationTime)));
+  }
 }
 function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
   fiber.expirationTime < expirationTime &&
@@ -5233,21 +5457,28 @@ function scheduleCallbackForRoot(root, priorityLevel, expirationTime) {
       existingCallbackNode !== fakeCallbackNode &&
       Scheduler_cancelCallback(existingCallbackNode);
     root.callbackExpirationTime = expirationTime;
-    existingCallbackNode = null;
-    1073741823 !== expirationTime &&
-      1 !== expirationTime &&
-      ((existingCallbackNode = 10 * (1073741822 - expirationTime) - now()),
-      5e3 < existingCallbackNode && (existingCallbackNode = 5e3),
-      (existingCallbackNode = { timeout: existingCallbackNode }));
-    root.callbackNode = scheduleCallback(
-      priorityLevel,
-      runRootCallback.bind(
-        null,
-        root,
-        renderRoot.bind(null, root, expirationTime)
-      ),
-      existingCallbackNode
-    );
+    1073741823 === expirationTime
+      ? (root.callbackNode = scheduleSyncCallback(
+          runRootCallback.bind(
+            null,
+            root,
+            renderRoot.bind(null, root, expirationTime)
+          )
+        ))
+      : ((existingCallbackNode = null),
+        1 !== expirationTime &&
+          (existingCallbackNode = {
+            timeout: 10 * (1073741821 - expirationTime) - now()
+          }),
+        (root.callbackNode = scheduleCallback(
+          priorityLevel,
+          runRootCallback.bind(
+            null,
+            root,
+            renderRoot.bind(null, root, expirationTime)
+          ),
+          existingCallbackNode
+        )));
   }
 }
 function runRootCallback(root, callback, isSync) {
@@ -5271,9 +5502,7 @@ function resolveLocksOnRoot(root, expirationTime) {
   return null !== firstBatch &&
     firstBatch._defer &&
     firstBatch._expirationTime >= expirationTime
-    ? ((root.finishedWork = root.current.alternate),
-      (root.pendingCommitExpirationTime = expirationTime),
-      scheduleCallback(97, function() {
+    ? (scheduleCallback(97, function() {
         firstBatch._onComplete();
         return null;
       }),
@@ -5285,13 +5514,14 @@ function flushPendingDiscreteUpdates() {
     var roots = rootsWithPendingDiscreteUpdates;
     rootsWithPendingDiscreteUpdates = null;
     roots.forEach(function(expirationTime, root) {
-      scheduleCallback(99, renderRoot.bind(null, root, expirationTime));
+      scheduleSyncCallback(renderRoot.bind(null, root, expirationTime));
     });
-    flushImmediateQueue();
+    flushSyncCallbackQueue();
   }
 }
 function prepareFreshStack(root, expirationTime) {
-  root.pendingCommitExpirationTime = 0;
+  root.finishedWork = null;
+  root.finishedExpirationTime = 0;
   var timeoutHandle = root.timeoutHandle;
   -1 !== timeoutHandle &&
     ((root.timeoutHandle = -1), cancelTimeout(timeoutHandle));
@@ -5315,6 +5545,12 @@ function prepareFreshStack(root, expirationTime) {
         case 4:
           popHostContainer(interruptedWork);
           break;
+        case 13:
+          pop(suspenseStackCursor, interruptedWork);
+          break;
+        case 19:
+          pop(suspenseStackCursor, interruptedWork);
+          break;
         case 10:
           popProvider(interruptedWork);
       }
@@ -5324,24 +5560,33 @@ function prepareFreshStack(root, expirationTime) {
   workInProgress = createWorkInProgress(root.current, null, expirationTime);
   renderExpirationTime = expirationTime;
   workInProgressRootExitStatus = RootIncomplete;
-  workInProgressRootMostRecentEventTime = 1073741823;
+  workInProgressRootLatestSuspenseTimeout = workInProgressRootLatestProcessedExpirationTime = 1073741823;
+  workInProgressRootCanSuspendUsingConfig = null;
+  workInProgressRootHasPendingPing = !1;
 }
 function renderRoot(root$jscomp$0, expirationTime, isSync) {
-  if (workPhase === RenderPhase || workPhase === CommitPhase)
-    throw ReactError("Should not already be working.");
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(Error("Should not already be working."));
   if (root$jscomp$0.firstPendingTime < expirationTime) return null;
-  if (root$jscomp$0.pendingCommitExpirationTime === expirationTime)
-    return (
-      (root$jscomp$0.pendingCommitExpirationTime = 0),
-      commitRoot.bind(null, root$jscomp$0, expirationTime)
-    );
+  if (isSync && root$jscomp$0.finishedExpirationTime === expirationTime)
+    return commitRoot.bind(null, root$jscomp$0);
   flushPassiveEffects();
-  (root$jscomp$0 === workInProgressRoot &&
-    expirationTime === renderExpirationTime) ||
+  if (
+    root$jscomp$0 !== workInProgressRoot ||
+    expirationTime !== renderExpirationTime
+  )
     prepareFreshStack(root$jscomp$0, expirationTime);
+  else if (workInProgressRootExitStatus === RootSuspendedWithDelay)
+    if (workInProgressRootHasPendingPing)
+      prepareFreshStack(root$jscomp$0, expirationTime);
+    else {
+      var lastPendingTime = root$jscomp$0.lastPendingTime;
+      if (lastPendingTime < expirationTime)
+        return renderRoot.bind(null, root$jscomp$0, lastPendingTime);
+    }
   if (null !== workInProgress) {
-    var prevWorkPhase = workPhase;
-    workPhase = RenderPhase;
+    lastPendingTime = executionContext;
+    executionContext |= RenderContext;
     var prevDispatcher = ReactCurrentDispatcher.current;
     null === prevDispatcher && (prevDispatcher = ContextOnlyDispatcher);
     ReactCurrentDispatcher.current = ContextOnlyDispatcher;
@@ -5350,8 +5595,8 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
         var currentTime = requestCurrentTime();
         if (currentTime < expirationTime)
           return (
-            (workPhase = prevWorkPhase),
-            resetContextDependences(),
+            (executionContext = lastPendingTime),
+            resetContextDependencies(),
             (ReactCurrentDispatcher.current = prevDispatcher),
             renderRoot.bind(null, root$jscomp$0, currentTime)
           );
@@ -5363,16 +5608,16 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
           for (; null !== workInProgress; )
             workInProgress = performUnitOfWork(workInProgress);
         else
-          for (; null !== workInProgress && !shouldYield(); )
+          for (; null !== workInProgress && !Scheduler_shouldYield(); )
             workInProgress = performUnitOfWork(workInProgress);
         break;
       } catch (thrownValue) {
-        resetContextDependences();
+        resetContextDependencies();
         resetHooks();
         currentTime = workInProgress;
         if (null === currentTime || null === currentTime.return)
           throw (prepareFreshStack(root$jscomp$0, expirationTime),
-          (workPhase = prevWorkPhase),
+          (executionContext = lastPendingTime),
           thrownValue);
         a: {
           var root = root$jscomp$0,
@@ -5387,29 +5632,41 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
             "object" === typeof value &&
             "function" === typeof value.then
           ) {
-            var thenable = value;
+            var thenable = value,
+              hasInvisibleParentBoundary =
+                0 !==
+                (suspenseStackCursor.current & InvisibleParentSuspenseContext);
             value = returnFiber;
             do {
-              if (
-                13 === value.tag &&
-                (void 0 === value.memoizedProps.fallback
-                  ? 0
-                  : null === value.memoizedState)
-              ) {
+              var JSCompiler_temp;
+              if ((JSCompiler_temp = 13 === value.tag))
+                null !== value.memoizedState
+                  ? (JSCompiler_temp = !1)
+                  : ((JSCompiler_temp = value.memoizedProps),
+                    (JSCompiler_temp =
+                      void 0 === JSCompiler_temp.fallback
+                        ? !1
+                        : !0 !== JSCompiler_temp.unstable_avoidThisFallback
+                          ? !0
+                          : hasInvisibleParentBoundary
+                            ? !1
+                            : !0));
+              if (JSCompiler_temp) {
                 returnFiber = value.updateQueue;
                 null === returnFiber
                   ? ((returnFiber = new Set()),
                     returnFiber.add(thenable),
                     (value.updateQueue = returnFiber))
                   : returnFiber.add(thenable);
-                if (0 === (value.mode & 1)) {
+                if (0 === (value.mode & 2)) {
                   value.effectTag |= 64;
                   sourceFiber.effectTag &= -1957;
                   1 === sourceFiber.tag &&
                     (null === sourceFiber.alternate
                       ? (sourceFiber.tag = 17)
                       : ((renderExpirationTime$jscomp$0 = createUpdate(
-                          1073741823
+                          1073741823,
+                          null
                         )),
                         (renderExpirationTime$jscomp$0.tag = 2),
                         enqueueUpdate(
@@ -5421,15 +5678,15 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
                 }
                 sourceFiber = root;
                 root = renderExpirationTime$jscomp$0;
-                var pingCache = sourceFiber.pingCache;
-                null === pingCache
-                  ? ((pingCache = sourceFiber.pingCache = new PossiblyWeakMap()),
+                hasInvisibleParentBoundary = sourceFiber.pingCache;
+                null === hasInvisibleParentBoundary
+                  ? ((hasInvisibleParentBoundary = sourceFiber.pingCache = new PossiblyWeakMap()),
                     (returnFiber = new Set()),
-                    pingCache.set(thenable, returnFiber))
-                  : ((returnFiber = pingCache.get(thenable)),
+                    hasInvisibleParentBoundary.set(thenable, returnFiber))
+                  : ((returnFiber = hasInvisibleParentBoundary.get(thenable)),
                     void 0 === returnFiber &&
                       ((returnFiber = new Set()),
-                      pingCache.set(thenable, returnFiber)));
+                      hasInvisibleParentBoundary.set(thenable, returnFiber)));
                 returnFiber.has(root) ||
                   (returnFiber.add(root),
                   (sourceFiber = pingSuspendedRoot.bind(
@@ -5451,11 +5708,8 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
                 getStackByFiberInDevAndProd(sourceFiber)
             );
           }
-          if (
-            workInProgressRootExitStatus === RootIncomplete ||
-            workInProgressRootExitStatus === RootSuspended
-          )
-            workInProgressRootExitStatus = RootErrored;
+          workInProgressRootExitStatus !== RootCompleted &&
+            (workInProgressRootExitStatus = RootErrored);
           value = createCapturedValue(value, sourceFiber);
           sourceFiber = returnFiber;
           do {
@@ -5507,76 +5761,144 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
         workInProgress = completeUnitOfWork(currentTime);
       }
     while (1);
-    workPhase = prevWorkPhase;
-    resetContextDependences();
+    executionContext = lastPendingTime;
+    resetContextDependencies();
     ReactCurrentDispatcher.current = prevDispatcher;
     if (null !== workInProgress)
       return renderRoot.bind(null, root$jscomp$0, expirationTime);
   }
+  root$jscomp$0.finishedWork = root$jscomp$0.current.alternate;
+  root$jscomp$0.finishedExpirationTime = expirationTime;
   if (resolveLocksOnRoot(root$jscomp$0, expirationTime)) return null;
   workInProgressRoot = null;
   switch (workInProgressRootExitStatus) {
     case RootIncomplete:
-      throw ReactError("Should have a work-in-progress.");
+      throw ReactError(Error("Should have a work-in-progress."));
     case RootErrored:
       return (
-        (prevWorkPhase = root$jscomp$0.lastPendingTime),
-        root$jscomp$0.lastPendingTime < expirationTime
-          ? renderRoot.bind(null, root$jscomp$0, prevWorkPhase)
+        (lastPendingTime = root$jscomp$0.lastPendingTime),
+        lastPendingTime < expirationTime
+          ? renderRoot.bind(null, root$jscomp$0, lastPendingTime)
           : isSync
-            ? commitRoot.bind(null, root$jscomp$0, expirationTime)
+            ? commitRoot.bind(null, root$jscomp$0)
             : (prepareFreshStack(root$jscomp$0, expirationTime),
-              scheduleCallback(
-                99,
+              scheduleSyncCallback(
                 renderRoot.bind(null, root$jscomp$0, expirationTime)
               ),
               null)
       );
     case RootSuspended:
+      if (
+        1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+        !isSync &&
+        ((isSync = globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
+        10 < isSync)
+      ) {
+        if (workInProgressRootHasPendingPing)
+          return (
+            prepareFreshStack(root$jscomp$0, expirationTime),
+            renderRoot.bind(null, root$jscomp$0, expirationTime)
+          );
+        lastPendingTime = root$jscomp$0.lastPendingTime;
+        if (lastPendingTime < expirationTime)
+          return renderRoot.bind(null, root$jscomp$0, lastPendingTime);
+        root$jscomp$0.timeoutHandle = scheduleTimeout(
+          commitRoot.bind(null, root$jscomp$0),
+          isSync
+        );
+        return null;
+      }
+      return commitRoot.bind(null, root$jscomp$0);
+    case RootSuspendedWithDelay:
       if (!isSync) {
+        if (workInProgressRootHasPendingPing)
+          return (
+            prepareFreshStack(root$jscomp$0, expirationTime),
+            renderRoot.bind(null, root$jscomp$0, expirationTime)
+          );
         isSync = root$jscomp$0.lastPendingTime;
-        if (root$jscomp$0.lastPendingTime < expirationTime)
+        if (isSync < expirationTime)
           return renderRoot.bind(null, root$jscomp$0, isSync);
-        if (
-          1073741823 !== workInProgressRootMostRecentEventTime &&
-          ((prevWorkPhase =
-            10 * (1073741822 - workInProgressRootMostRecentEventTime) - 5e3),
-          (isSync = now()),
-          (prevWorkPhase = isSync - prevWorkPhase),
-          (prevWorkPhase =
-            (120 > prevWorkPhase
-              ? 120
-              : 480 > prevWorkPhase
-                ? 480
-                : 1080 > prevWorkPhase
-                  ? 1080
-                  : 1920 > prevWorkPhase
-                    ? 1920
-                    : 3e3 > prevWorkPhase
-                      ? 3e3
-                      : 4320 > prevWorkPhase
-                        ? 4320
-                        : 1960 * ceil(prevWorkPhase / 1960)) - prevWorkPhase),
-          (isSync = 10 * (1073741822 - expirationTime) - isSync),
-          isSync < prevWorkPhase && (prevWorkPhase = isSync),
-          (isSync = prevWorkPhase),
-          10 < isSync)
-        )
+        1073741823 !== workInProgressRootLatestSuspenseTimeout
+          ? (isSync =
+              10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
+              now())
+          : 1073741823 === workInProgressRootLatestProcessedExpirationTime
+            ? (isSync = 0)
+            : ((isSync =
+                10 *
+                  (1073741821 -
+                    workInProgressRootLatestProcessedExpirationTime) -
+                5e3),
+              (lastPendingTime = now()),
+              (expirationTime =
+                10 * (1073741821 - expirationTime) - lastPendingTime),
+              (isSync = lastPendingTime - isSync),
+              0 > isSync && (isSync = 0),
+              (isSync =
+                (120 > isSync
+                  ? 120
+                  : 480 > isSync
+                    ? 480
+                    : 1080 > isSync
+                      ? 1080
+                      : 1920 > isSync
+                        ? 1920
+                        : 3e3 > isSync
+                          ? 3e3
+                          : 4320 > isSync
+                            ? 4320
+                            : 1960 * ceil(isSync / 1960)) - isSync),
+              expirationTime < isSync && (isSync = expirationTime));
+        if (10 < isSync)
           return (
             (root$jscomp$0.timeoutHandle = scheduleTimeout(
-              commitRoot.bind(null, root$jscomp$0, expirationTime),
+              commitRoot.bind(null, root$jscomp$0),
               isSync
             )),
             null
           );
       }
-      return commitRoot.bind(null, root$jscomp$0, expirationTime);
+      return commitRoot.bind(null, root$jscomp$0);
     case RootCompleted:
-      return commitRoot.bind(null, root$jscomp$0, expirationTime);
+      return !isSync &&
+        1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
+        null !== workInProgressRootCanSuspendUsingConfig &&
+        ((lastPendingTime = workInProgressRootLatestProcessedExpirationTime),
+        (prevDispatcher = workInProgressRootCanSuspendUsingConfig),
+        (expirationTime = prevDispatcher.busyMinDurationMs | 0),
+        0 >= expirationTime
+          ? (expirationTime = 0)
+          : ((isSync = prevDispatcher.busyDelayMs | 0),
+            (lastPendingTime =
+              now() -
+              (10 * (1073741821 - lastPendingTime) -
+                (prevDispatcher.timeoutMs | 0 || 5e3))),
+            (expirationTime =
+              lastPendingTime <= isSync
+                ? 0
+                : isSync + expirationTime - lastPendingTime)),
+        10 < expirationTime)
+        ? ((root$jscomp$0.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root$jscomp$0),
+            expirationTime
+          )),
+          null)
+        : commitRoot.bind(null, root$jscomp$0);
     default:
-      throw ReactError("Unknown root exit status.");
+      throw ReactError(Error("Unknown root exit status."));
   }
 }
+function markRenderEventTimeAndConfig(expirationTime, suspenseConfig) {
+  expirationTime < workInProgressRootLatestProcessedExpirationTime &&
+    1 < expirationTime &&
+    (workInProgressRootLatestProcessedExpirationTime = expirationTime);
+  null !== suspenseConfig &&
+    expirationTime < workInProgressRootLatestSuspenseTimeout &&
+    1 < expirationTime &&
+    ((workInProgressRootLatestSuspenseTimeout = expirationTime),
+    (workInProgressRootCanSuspendUsingConfig = suspenseConfig));
+}
 function performUnitOfWork(unitOfWork) {
   var next = beginWork$$1(
     unitOfWork.alternate,
@@ -5639,18 +5961,18 @@ function completeUnitOfWork(unitOfWork) {
             else if (newProps) {
               current = requiredContext(contextStackCursor$1.current);
               var type$jscomp$0 = type;
-              var instance = newProps;
+              var _instance6 = newProps;
               var rootContainerInstance = renderExpirationTime$jscomp$0,
                 internalInstanceHandle = current$$1,
                 tag = allocateTag();
-              type$jscomp$0 = ReactNativeViewConfigRegistry.get(type$jscomp$0);
+              type$jscomp$0 = getViewConfigForType(type$jscomp$0);
               var updatePayload = diffProperties(
                 null,
                 emptyObject,
-                instance,
+                _instance6,
                 type$jscomp$0.validAttributes
               );
-              UIManager.createView(
+              ReactNativePrivateInterface.UIManager.createView(
                 tag,
                 type$jscomp$0.uiViewClassName,
                 rootContainerInstance,
@@ -5660,22 +5982,24 @@ function completeUnitOfWork(unitOfWork) {
                 tag,
                 type$jscomp$0
               );
-              instanceCache[tag] = internalInstanceHandle;
-              instanceProps[tag] = instance;
-              instance = rootContainerInstance;
-              appendAllChildren(instance, current$$1, !1, !1);
+              instanceCache.set(tag, internalInstanceHandle);
+              instanceProps.set(tag, _instance6);
+              _instance6 = rootContainerInstance;
+              appendAllChildren(_instance6, current$$1, !1, !1);
               finalizeInitialChildren(
-                instance,
+                _instance6,
                 type,
                 newProps,
                 renderExpirationTime$jscomp$0,
                 current
               ) && (current$$1.effectTag |= 4);
-              current$$1.stateNode = instance;
+              current$$1.stateNode = _instance6;
               null !== current$$1.ref && (current$$1.effectTag |= 128);
             } else if (null === current$$1.stateNode)
               throw ReactError(
-                "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+                Error(
+                  "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+                )
               );
             break;
           case 6:
@@ -5689,26 +6013,36 @@ function completeUnitOfWork(unitOfWork) {
             else {
               if ("string" !== typeof newProps && null === current$$1.stateNode)
                 throw ReactError(
-                  "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+                  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);
-              type = requiredContext(contextStackCursor$1.current);
-              renderExpirationTime$jscomp$0 = current$$1;
-              if (!type.isInAParentText)
+              type = requiredContext(rootInstanceStackCursor.current);
+              renderExpirationTime$jscomp$0 = requiredContext(
+                contextStackCursor$1.current
+              );
+              current = current$$1;
+              if (!renderExpirationTime$jscomp$0.isInAParentText)
                 throw ReactError(
-                  "Text strings must be rendered within a <Text> component."
+                  Error(
+                    "Text strings must be rendered within a <Text> component."
+                  )
                 );
-              type = allocateTag();
-              UIManager.createView(type, "RCTRawText", current, {
-                text: newProps
-              });
-              instanceCache[type] = current$$1;
-              renderExpirationTime$jscomp$0.stateNode = type;
+              renderExpirationTime$jscomp$0 = allocateTag();
+              ReactNativePrivateInterface.UIManager.createView(
+                renderExpirationTime$jscomp$0,
+                "RCTRawText",
+                type,
+                { text: newProps }
+              );
+              instanceCache.set(renderExpirationTime$jscomp$0, current$$1);
+              current.stateNode = renderExpirationTime$jscomp$0;
             }
             break;
           case 11:
             break;
           case 13:
+            pop(suspenseStackCursor, current$$1);
             newProps = current$$1.memoizedState;
             if (0 !== (current$$1.effectTag & 64)) {
               current$$1.expirationTime = renderExpirationTime$jscomp$0;
@@ -5721,23 +6055,33 @@ function completeUnitOfWork(unitOfWork) {
               (renderExpirationTime$jscomp$0 = null !== type),
               newProps ||
                 null === type ||
-                ((type = type.fallbackExpirationTime),
-                type < workInProgressRootMostRecentEventTime &&
-                  (workInProgressRootMostRecentEventTime = type),
-                (type = current.child.sibling),
+                ((type = current.child.sibling),
                 null !== type &&
-                  ((current = current$$1.firstEffect),
-                  null !== current
+                  ((_instance6 = current$$1.firstEffect),
+                  null !== _instance6
                     ? ((current$$1.firstEffect = type),
-                      (type.nextEffect = current))
+                      (type.nextEffect = _instance6))
                     : ((current$$1.firstEffect = current$$1.lastEffect = type),
                       (type.nextEffect = null)),
                   (type.effectTag = 8))));
-            newProps &&
+            if (
+              newProps &&
               !renderExpirationTime$jscomp$0 &&
-              0 !== (current$$1.mode & 1) &&
-              workInProgressRootExitStatus === RootIncomplete &&
-              (workInProgressRootExitStatus = RootSuspended);
+              0 !== (current$$1.mode & 2)
+            )
+              if (
+                (null === current &&
+                  !0 !== current$$1.memoizedProps.unstable_avoidThisFallback) ||
+                0 !==
+                  (suspenseStackCursor.current & InvisibleParentSuspenseContext)
+              )
+                workInProgressRootExitStatus === RootIncomplete &&
+                  (workInProgressRootExitStatus = RootSuspended);
+              else if (
+                workInProgressRootExitStatus === RootIncomplete ||
+                workInProgressRootExitStatus === RootSuspended
+              )
+                workInProgressRootExitStatus = RootSuspendedWithDelay;
             if (newProps || renderExpirationTime$jscomp$0)
               current$$1.effectTag |= 4;
             break;
@@ -5764,28 +6108,161 @@ function completeUnitOfWork(unitOfWork) {
           case 18:
             break;
           case 19:
+            pop(suspenseStackCursor, current$$1);
+            newProps = current$$1.memoizedState;
+            if (null === newProps) break;
+            type = 0 !== (current$$1.effectTag & 64);
+            _instance6 = newProps.rendering;
+            if (null === _instance6)
+              if (type) cutOffTailIfNeeded(newProps, !1);
+              else {
+                if (
+                  workInProgressRootExitStatus !== RootIncomplete ||
+                  (null !== current && 0 !== (current.effectTag & 64))
+                )
+                  for (current = current$$1.child; null !== current; ) {
+                    _instance6 = findFirstSuspended(current);
+                    if (null !== _instance6) {
+                      current$$1.effectTag |= 64;
+                      cutOffTailIfNeeded(newProps, !1);
+                      newProps = _instance6.updateQueue;
+                      null !== newProps &&
+                        ((current$$1.updateQueue = newProps),
+                        (current$$1.effectTag |= 4));
+                      current$$1.firstEffect = current$$1.lastEffect = null;
+                      newProps = renderExpirationTime$jscomp$0;
+                      for (current = current$$1.child; null !== current; )
+                        (renderExpirationTime$jscomp$0 = current),
+                          (type = newProps),
+                          (renderExpirationTime$jscomp$0.effectTag &= 2),
+                          (renderExpirationTime$jscomp$0.nextEffect = null),
+                          (renderExpirationTime$jscomp$0.firstEffect = null),
+                          (renderExpirationTime$jscomp$0.lastEffect = null),
+                          (_instance6 =
+                            renderExpirationTime$jscomp$0.alternate),
+                          null === _instance6
+                            ? ((renderExpirationTime$jscomp$0.childExpirationTime = 0),
+                              (renderExpirationTime$jscomp$0.expirationTime = type),
+                              (renderExpirationTime$jscomp$0.child = null),
+                              (renderExpirationTime$jscomp$0.memoizedProps = null),
+                              (renderExpirationTime$jscomp$0.memoizedState = null),
+                              (renderExpirationTime$jscomp$0.updateQueue = null),
+                              (renderExpirationTime$jscomp$0.dependencies = null))
+                            : ((renderExpirationTime$jscomp$0.childExpirationTime =
+                                _instance6.childExpirationTime),
+                              (renderExpirationTime$jscomp$0.expirationTime =
+                                _instance6.expirationTime),
+                              (renderExpirationTime$jscomp$0.child =
+                                _instance6.child),
+                              (renderExpirationTime$jscomp$0.memoizedProps =
+                                _instance6.memoizedProps),
+                              (renderExpirationTime$jscomp$0.memoizedState =
+                                _instance6.memoizedState),
+                              (renderExpirationTime$jscomp$0.updateQueue =
+                                _instance6.updateQueue),
+                              (type = _instance6.dependencies),
+                              (renderExpirationTime$jscomp$0.dependencies =
+                                null === type
+                                  ? null
+                                  : {
+                                      expirationTime: type.expirationTime,
+                                      firstContext: type.firstContext,
+                                      responders: type.responders
+                                    })),
+                          (current = current.sibling);
+                      push(
+                        suspenseStackCursor,
+                        (suspenseStackCursor.current &
+                          SubtreeSuspenseContextMask) |
+                          ForceSuspenseFallback,
+                        current$$1
+                      );
+                      current$$1 = current$$1.child;
+                      break a;
+                    }
+                    current = current.sibling;
+                  }
+              }
+            else {
+              if (!type)
+                if (
+                  ((current = findFirstSuspended(_instance6)), null !== current)
+                ) {
+                  if (
+                    ((current$$1.effectTag |= 64),
+                    (type = !0),
+                    cutOffTailIfNeeded(newProps, !0),
+                    null === newProps.tail && "hidden" === newProps.tailMode)
+                  ) {
+                    current = current.updateQueue;
+                    null !== current &&
+                      ((current$$1.updateQueue = current),
+                      (current$$1.effectTag |= 4));
+                    current$$1 = current$$1.lastEffect = newProps.lastEffect;
+                    null !== current$$1 && (current$$1.nextEffect = null);
+                    break;
+                  }
+                } else
+                  now() > newProps.tailExpiration &&
+                    1 < renderExpirationTime$jscomp$0 &&
+                    ((current$$1.effectTag |= 64),
+                    (type = !0),
+                    cutOffTailIfNeeded(newProps, !1),
+                    (current$$1.expirationTime = current$$1.childExpirationTime =
+                      renderExpirationTime$jscomp$0 - 1));
+              newProps.isBackwards
+                ? ((_instance6.sibling = current$$1.child),
+                  (current$$1.child = _instance6))
+                : ((current = newProps.last),
+                  null !== current
+                    ? (current.sibling = _instance6)
+                    : (current$$1.child = _instance6),
+                  (newProps.last = _instance6));
+            }
+            if (null !== newProps.tail) {
+              0 === newProps.tailExpiration &&
+                (newProps.tailExpiration = now() + 500);
+              current = newProps.tail;
+              newProps.rendering = current;
+              newProps.tail = current.sibling;
+              newProps.lastEffect = current$$1.lastEffect;
+              current.sibling = null;
+              newProps = suspenseStackCursor.current;
+              newProps = type
+                ? (newProps & SubtreeSuspenseContextMask) |
+                  ForceSuspenseFallback
+                : newProps & SubtreeSuspenseContextMask;
+              push(suspenseStackCursor, newProps, current$$1);
+              current$$1 = current;
+              break a;
+            }
             break;
           case 20:
             break;
           default:
             throw ReactError(
-              "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+              Error(
+                "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+              )
             );
         }
         current$$1 = null;
       }
       newProps = workInProgress;
       if (1 === renderExpirationTime || 1 !== newProps.childExpirationTime) {
-        renderExpirationTime$jscomp$0 = 0;
-        for (type = newProps.child; null !== type; )
-          (current = type.expirationTime),
-            (instance = type.childExpirationTime),
-            current > renderExpirationTime$jscomp$0 &&
-              (renderExpirationTime$jscomp$0 = current),
-            instance > renderExpirationTime$jscomp$0 &&
-              (renderExpirationTime$jscomp$0 = instance),
-            (type = type.sibling);
-        newProps.childExpirationTime = renderExpirationTime$jscomp$0;
+        current = 0;
+        for (
+          renderExpirationTime$jscomp$0 = newProps.child;
+          null !== renderExpirationTime$jscomp$0;
+
+        )
+          (type = renderExpirationTime$jscomp$0.expirationTime),
+            (_instance6 = renderExpirationTime$jscomp$0.childExpirationTime),
+            type > current && (current = type),
+            _instance6 > current && (current = _instance6),
+            (renderExpirationTime$jscomp$0 =
+              renderExpirationTime$jscomp$0.sibling);
+        newProps.childExpirationTime = current;
       }
       if (null !== current$$1) return current$$1;
       null !== unitOfWork &&
@@ -5817,23 +6294,31 @@ function completeUnitOfWork(unitOfWork) {
     (workInProgressRootExitStatus = RootCompleted);
   return null;
 }
-function commitRoot(root, expirationTime) {
-  runWithPriority(99, commitRootImpl.bind(null, root, expirationTime));
+function commitRoot(root) {
+  var renderPriorityLevel = getCurrentPriorityLevel();
+  runWithPriority(99, commitRootImpl.bind(null, root, renderPriorityLevel));
   null !== rootWithPendingPassiveEffects &&
-    ((root = getCurrentPriorityLevel()),
-    scheduleCallback(root, function() {
+    scheduleCallback(97, function() {
       flushPassiveEffects();
       return null;
-    }));
+    });
   return null;
 }
-function commitRootImpl(root, expirationTime) {
+function commitRootImpl(root, renderPriorityLevel) {
   flushPassiveEffects();
-  if (workPhase === RenderPhase || workPhase === CommitPhase)
-    throw ReactError("Should not already be working.");
-  var finishedWork = root.current.alternate;
-  if (null === finishedWork)
-    throw ReactError("Should have a work-in-progress root.");
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(Error("Should not already be working."));
+  var finishedWork = root.finishedWork,
+    expirationTime = root.finishedExpirationTime;
+  if (null === finishedWork) return null;
+  root.finishedWork = null;
+  root.finishedExpirationTime = 0;
+  if (finishedWork === root.current)
+    throw ReactError(
+      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.callbackExpirationTime = 0;
   var updateExpirationTimeBeforeCommit = finishedWork.expirationTime,
@@ -5850,14 +6335,14 @@ function commitRootImpl(root, expirationTime) {
   1 < finishedWork.effectTag
     ? null !== finishedWork.lastEffect
       ? ((finishedWork.lastEffect.nextEffect = finishedWork),
-        (childExpirationTimeBeforeCommit = finishedWork.firstEffect))
-      : (childExpirationTimeBeforeCommit = finishedWork)
-    : (childExpirationTimeBeforeCommit = finishedWork.firstEffect);
-  if (null !== childExpirationTimeBeforeCommit) {
-    updateExpirationTimeBeforeCommit = workPhase;
-    workPhase = CommitPhase;
+        (updateExpirationTimeBeforeCommit = finishedWork.firstEffect))
+      : (updateExpirationTimeBeforeCommit = finishedWork)
+    : (updateExpirationTimeBeforeCommit = finishedWork.firstEffect);
+  if (null !== updateExpirationTimeBeforeCommit) {
+    childExpirationTimeBeforeCommit = executionContext;
+    executionContext |= CommitContext;
     ReactCurrentOwner$2.current = null;
-    nextEffect = childExpirationTimeBeforeCommit;
+    nextEffect = updateExpirationTimeBeforeCommit;
     do
       try {
         for (; null !== nextEffect; ) {
@@ -5900,11 +6385,12 @@ function commitRootImpl(root, expirationTime) {
               case 6:
               case 4:
               case 17:
-              case 20:
                 break;
               default:
                 throw ReactError(
-                  "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+                  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."
+                  )
                 );
             }
           }
@@ -5912,15 +6398,15 @@ function commitRootImpl(root, expirationTime) {
         }
       } catch (error) {
         if (null === nextEffect)
-          throw ReactError("Should be working on an effect.");
+          throw ReactError(Error("Should be working on an effect."));
         captureCommitPhaseError(nextEffect, error);
         nextEffect = nextEffect.nextEffect;
       }
     while (null !== nextEffect);
-    nextEffect = childExpirationTimeBeforeCommit;
+    nextEffect = updateExpirationTimeBeforeCommit;
     do
       try {
-        for (; null !== nextEffect; ) {
+        for (current$$1 = renderPriorityLevel; null !== nextEffect; ) {
           var effectTag = nextEffect.effectTag;
           if (effectTag & 128) {
             var current$$1$jscomp$0 = nextEffect.alternate;
@@ -5946,30 +6432,21 @@ function commitRootImpl(root, expirationTime) {
               commitWork(nextEffect.alternate, nextEffect);
               break;
             case 8:
-              current$$1 = nextEffect;
-              unmountHostComponents(current$$1);
-              current$$1.return = null;
-              current$$1.child = null;
-              current$$1.memoizedState = null;
-              current$$1.updateQueue = null;
-              var alternate = current$$1.alternate;
-              null !== alternate &&
-                ((alternate.return = null),
-                (alternate.child = null),
-                (alternate.memoizedState = null),
-                (alternate.updateQueue = null));
+              (prevProps = nextEffect),
+                unmountHostComponents(prevProps, current$$1),
+                detachFiber(prevProps);
           }
           nextEffect = nextEffect.nextEffect;
         }
       } catch (error) {
         if (null === nextEffect)
-          throw ReactError("Should be working on an effect.");
+          throw ReactError(Error("Should be working on an effect."));
         captureCommitPhaseError(nextEffect, error);
         nextEffect = nextEffect.nextEffect;
       }
     while (null !== nextEffect);
     root.current = finishedWork;
-    nextEffect = childExpirationTimeBeforeCommit;
+    nextEffect = updateExpirationTimeBeforeCommit;
     do
       try {
         for (effectTag = expirationTime; null !== nextEffect; ) {
@@ -6020,19 +6497,19 @@ function commitRootImpl(root, expirationTime) {
               case 3:
                 var _updateQueue = current$$1$jscomp$0.updateQueue;
                 if (null !== _updateQueue) {
-                  alternate = null;
+                  current$$1 = null;
                   if (null !== current$$1$jscomp$0.child)
                     switch (current$$1$jscomp$0.child.tag) {
                       case 5:
-                        alternate = current$$1$jscomp$0.child.stateNode;
+                        current$$1 = current$$1$jscomp$0.child.stateNode;
                         break;
                       case 1:
-                        alternate = current$$1$jscomp$0.child.stateNode;
+                        current$$1 = current$$1$jscomp$0.child.stateNode;
                     }
                   commitUpdateQueue(
                     current$$1$jscomp$0,
                     _updateQueue,
-                    alternate,
+                    current$$1,
                     currentRef
                   );
                 }
@@ -6046,15 +6523,15 @@ function commitRootImpl(root, expirationTime) {
               case 12:
                 break;
               case 13:
+              case 19:
               case 17:
-                break;
               case 20:
                 break;
-              case 19:
-                break;
               default:
                 throw ReactError(
-                  "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+                  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."
+                  )
                 );
             }
           }
@@ -6079,28 +6556,37 @@ function commitRootImpl(root, expirationTime) {
         }
       } catch (error) {
         if (null === nextEffect)
-          throw ReactError("Should be working on an effect.");
+          throw ReactError(Error("Should be working on an effect."));
         captureCommitPhaseError(nextEffect, error);
         nextEffect = nextEffect.nextEffect;
       }
     while (null !== nextEffect);
     nextEffect = null;
-    workPhase = updateExpirationTimeBeforeCommit;
+    requestPaint();
+    executionContext = childExpirationTimeBeforeCommit;
   } else root.current = finishedWork;
-  rootDoesHavePassiveEffects &&
-    ((rootDoesHavePassiveEffects = !1), (rootWithPendingPassiveEffects = root));
-  expirationTime = root.firstPendingTime;
-  0 !== expirationTime
+  if (rootDoesHavePassiveEffects)
+    (rootDoesHavePassiveEffects = !1),
+      (rootWithPendingPassiveEffects = root),
+      (pendingPassiveEffectsExpirationTime = expirationTime),
+      (pendingPassiveEffectsRenderPriority = renderPriorityLevel);
+  else
+    for (nextEffect = updateExpirationTimeBeforeCommit; null !== nextEffect; )
+      (renderPriorityLevel = nextEffect.nextEffect),
+        (nextEffect.nextEffect = null),
+        (nextEffect = renderPriorityLevel);
+  renderPriorityLevel = root.firstPendingTime;
+  0 !== renderPriorityLevel
     ? ((effectTag$jscomp$0 = requestCurrentTime()),
       (effectTag$jscomp$0 = inferPriorityFromExpirationTime(
         effectTag$jscomp$0,
-        expirationTime
+        renderPriorityLevel
       )),
-      scheduleCallbackForRoot(root, effectTag$jscomp$0, expirationTime))
+      scheduleCallbackForRoot(root, effectTag$jscomp$0, renderPriorityLevel))
     : (legacyErrorBoundariesThatAlreadyFailed = null);
   "function" === typeof onCommitFiberRoot &&
-    onCommitFiberRoot(finishedWork.stateNode);
-  1073741823 === expirationTime
+    onCommitFiberRoot(finishedWork.stateNode, expirationTime);
+  1073741823 === renderPriorityLevel
     ? root === rootWithNestedUpdates
       ? nestedUpdateCount++
       : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root))
@@ -6110,31 +6596,52 @@ function commitRootImpl(root, expirationTime) {
     (root = firstUncaughtError),
     (firstUncaughtError = null),
     root);
-  if (workPhase === LegacyUnbatchedPhase) return null;
-  flushImmediateQueue();
+  if ((executionContext & LegacyUnbatchedContext) !== NoContext) return null;
+  flushSyncCallbackQueue();
   return null;
 }
 function flushPassiveEffects() {
   if (null === rootWithPendingPassiveEffects) return !1;
-  var root = rootWithPendingPassiveEffects;
+  var root = rootWithPendingPassiveEffects,
+    expirationTime = pendingPassiveEffectsExpirationTime,
+    renderPriorityLevel = pendingPassiveEffectsRenderPriority;
   rootWithPendingPassiveEffects = null;
-  if (workPhase === RenderPhase || workPhase === CommitPhase)
-    throw ReactError("Cannot flush passive effects while already rendering.");
-  var prevWorkPhase = workPhase;
-  workPhase = CommitPhase;
+  pendingPassiveEffectsExpirationTime = 0;
+  pendingPassiveEffectsRenderPriority = 90;
+  return runWithPriority(
+    97 < renderPriorityLevel ? 97 : renderPriorityLevel,
+    flushPassiveEffectsImpl.bind(null, root, expirationTime)
+  );
+}
+function flushPassiveEffectsImpl(root) {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(
+      Error("Cannot flush passive effects while already rendering.")
+    );
+  var prevExecutionContext = executionContext;
+  executionContext |= CommitContext;
   for (root = root.current.firstEffect; null !== root; ) {
     try {
       var finishedWork = root;
-      commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork);
-      commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
+      if (0 !== (finishedWork.effectTag & 512))
+        switch (finishedWork.tag) {
+          case 0:
+          case 11:
+          case 15:
+            commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork),
+              commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
+        }
     } catch (error) {
-      if (null === root) throw ReactError("Should be working on an effect.");
+      if (null === root)
+        throw ReactError(Error("Should be working on an effect."));
       captureCommitPhaseError(root, error);
     }
-    root = root.nextEffect;
+    finishedWork = root.nextEffect;
+    root.nextEffect = null;
+    root = finishedWork;
   }
-  workPhase = prevWorkPhase;
-  flushImmediateQueue();
+  executionContext = prevExecutionContext;
+  flushSyncCallbackQueue();
   return !0;
 }
 function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
@@ -6175,11 +6682,18 @@ function pingSuspendedRoot(root, thenable, suspendedTime) {
   var pingCache = root.pingCache;
   null !== pingCache && pingCache.delete(thenable);
   workInProgressRoot === root && renderExpirationTime === suspendedTime
-    ? prepareFreshStack(root, renderExpirationTime)
+    ? workInProgressRootExitStatus === RootSuspendedWithDelay ||
+      (workInProgressRootExitStatus === RootSuspended &&
+        1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+        now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
+      ? prepareFreshStack(root, renderExpirationTime)
+      : (workInProgressRootHasPendingPing = !0)
     : root.lastPendingTime < suspendedTime ||
       ((thenable = root.pingTime),
       (0 !== thenable && thenable < suspendedTime) ||
         ((root.pingTime = suspendedTime),
+        root.finishedExpirationTime === suspendedTime &&
+          ((root.finishedExpirationTime = 0), (root.finishedWork = null)),
         (thenable = requestCurrentTime()),
         (thenable = inferPriorityFromExpirationTime(thenable, suspendedTime)),
         scheduleCallbackForRoot(root, thenable, suspendedTime)));
@@ -6188,7 +6702,7 @@ function resolveRetryThenable(boundaryFiber, thenable) {
   var retryCache = boundaryFiber.stateNode;
   null !== retryCache && retryCache.delete(thenable);
   retryCache = requestCurrentTime();
-  thenable = computeExpirationForFiber(retryCache, boundaryFiber);
+  thenable = computeExpirationForFiber(retryCache, boundaryFiber, null);
   retryCache = inferPriorityFromExpirationTime(retryCache, thenable);
   boundaryFiber = markUpdateTimeFromFiberToRoot(boundaryFiber, thenable);
   null !== boundaryFiber &&
@@ -6238,6 +6752,11 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                   workInProgress,
                   renderExpirationTime
                 );
+              push(
+                suspenseStackCursor,
+                suspenseStackCursor.current & SubtreeSuspenseContextMask,
+                workInProgress
+              );
               workInProgress = bailoutOnAlreadyFinishedWork(
                 current$$1,
                 workInProgress,
@@ -6245,6 +6764,33 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
               );
               return null !== workInProgress ? workInProgress.sibling : null;
             }
+            push(
+              suspenseStackCursor,
+              suspenseStackCursor.current & SubtreeSuspenseContextMask,
+              workInProgress
+            );
+            break;
+          case 19:
+            updateExpirationTime =
+              workInProgress.childExpirationTime >= renderExpirationTime;
+            if (0 !== (current$$1.effectTag & 64)) {
+              if (updateExpirationTime)
+                return updateSuspenseListComponent(
+                  current$$1,
+                  workInProgress,
+                  renderExpirationTime
+                );
+              workInProgress.effectTag |= 64;
+            }
+            var renderState = workInProgress.memoizedState;
+            null !== renderState &&
+              ((renderState.rendering = null), (renderState.tail = null));
+            push(
+              suspenseStackCursor,
+              suspenseStackCursor.current,
+              workInProgress
+            );
+            if (!updateExpirationTime) return null;
         }
         return bailoutOnAlreadyFinishedWork(
           current$$1,
@@ -6257,31 +6803,31 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
   workInProgress.expirationTime = 0;
   switch (workInProgress.tag) {
     case 2:
-      updateExpirationTime = workInProgress.elementType;
+      updateExpirationTime = workInProgress.type;
       null !== current$$1 &&
         ((current$$1.alternate = null),
         (workInProgress.alternate = null),
         (workInProgress.effectTag |= 2));
       current$$1 = workInProgress.pendingProps;
-      var context = getMaskedContext(
+      renderState = getMaskedContext(
         workInProgress,
         contextStackCursor.current
       );
       prepareToReadContext(workInProgress, renderExpirationTime);
-      context = renderWithHooks(
+      renderState = renderWithHooks(
         null,
         workInProgress,
         updateExpirationTime,
         current$$1,
-        context,
+        renderState,
         renderExpirationTime
       );
       workInProgress.effectTag |= 1;
       if (
-        "object" === typeof context &&
-        null !== context &&
-        "function" === typeof context.render &&
-        void 0 === context.$$typeof
+        "object" === typeof renderState &&
+        null !== renderState &&
+        "function" === typeof renderState.render &&
+        void 0 === renderState.$$typeof
       ) {
         workInProgress.tag = 1;
         resetHooks();
@@ -6290,8 +6836,8 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           pushContextProvider(workInProgress);
         } else hasContext = !1;
         workInProgress.memoizedState =
-          null !== context.state && void 0 !== context.state
-            ? context.state
+          null !== renderState.state && void 0 !== renderState.state
+            ? renderState.state
             : null;
         var getDerivedStateFromProps =
           updateExpirationTime.getDerivedStateFromProps;
@@ -6302,9 +6848,9 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             getDerivedStateFromProps,
             current$$1
           );
-        context.updater = classComponentUpdater;
-        workInProgress.stateNode = context;
-        context._reactInternalFiber = workInProgress;
+        renderState.updater = classComponentUpdater;
+        workInProgress.stateNode = renderState;
+        renderState._reactInternalFiber = workInProgress;
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
@@ -6324,28 +6870,28 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           reconcileChildren(
             null,
             workInProgress,
-            context,
+            renderState,
             renderExpirationTime
           ),
           (workInProgress = workInProgress.child);
       return workInProgress;
     case 16:
-      context = workInProgress.elementType;
+      renderState = workInProgress.elementType;
       null !== current$$1 &&
         ((current$$1.alternate = null),
         (workInProgress.alternate = null),
         (workInProgress.effectTag |= 2));
       current$$1 = workInProgress.pendingProps;
-      context = readLazyComponentType(context);
-      workInProgress.type = context;
-      hasContext = workInProgress.tag = resolveLazyComponentTag(context);
-      current$$1 = resolveDefaultProps(context, current$$1);
+      renderState = readLazyComponentType(renderState);
+      workInProgress.type = renderState;
+      hasContext = workInProgress.tag = resolveLazyComponentTag(renderState);
+      current$$1 = resolveDefaultProps(renderState, current$$1);
       switch (hasContext) {
         case 0:
           workInProgress = updateFunctionComponent(
             null,
             workInProgress,
-            context,
+            renderState,
             current$$1,
             renderExpirationTime
           );
@@ -6354,7 +6900,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress = updateClassComponent(
             null,
             workInProgress,
-            context,
+            renderState,
             current$$1,
             renderExpirationTime
           );
@@ -6363,7 +6909,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress = updateForwardRef(
             null,
             workInProgress,
-            context,
+            renderState,
             current$$1,
             renderExpirationTime
           );
@@ -6372,49 +6918,51 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress = updateMemoComponent(
             null,
             workInProgress,
-            context,
-            resolveDefaultProps(context.type, current$$1),
+            renderState,
+            resolveDefaultProps(renderState.type, current$$1),
             updateExpirationTime,
             renderExpirationTime
           );
           break;
         default:
           throw ReactError(
-            "Element type is invalid. Received a promise that resolves to: " +
-              context +
-              ". Lazy element type must resolve to a class or function."
+            Error(
+              "Element type is invalid. Received a promise that resolves to: " +
+                renderState +
+                ". Lazy element type must resolve to a class or function."
+            )
           );
       }
       return workInProgress;
     case 0:
       return (
         (updateExpirationTime = workInProgress.type),
-        (context = workInProgress.pendingProps),
-        (context =
+        (renderState = workInProgress.pendingProps),
+        (renderState =
           workInProgress.elementType === updateExpirationTime
-            ? context
-            : resolveDefaultProps(updateExpirationTime, context)),
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
         updateFunctionComponent(
           current$$1,
           workInProgress,
           updateExpirationTime,
-          context,
+          renderState,
           renderExpirationTime
         )
       );
     case 1:
       return (
         (updateExpirationTime = workInProgress.type),
-        (context = workInProgress.pendingProps),
-        (context =
+        (renderState = workInProgress.pendingProps),
+        (renderState =
           workInProgress.elementType === updateExpirationTime
-            ? context
-            : resolveDefaultProps(updateExpirationTime, context)),
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
         updateClassComponent(
           current$$1,
           workInProgress,
           updateExpirationTime,
-          context,
+          renderState,
           renderExpirationTime
         )
       );
@@ -6423,10 +6971,12 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       updateExpirationTime = workInProgress.updateQueue;
       if (null === updateExpirationTime)
         throw ReactError(
-          "If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
-      context = workInProgress.memoizedState;
-      context = null !== context ? context.element : null;
+      renderState = workInProgress.memoizedState;
+      renderState = null !== renderState ? renderState.element : null;
       processUpdateQueue(
         workInProgress,
         updateExpirationTime,
@@ -6435,7 +6985,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
         renderExpirationTime
       );
       updateExpirationTime = workInProgress.memoizedState.element;
-      updateExpirationTime === context
+      updateExpirationTime === renderState
         ? (workInProgress = bailoutOnAlreadyFinishedWork(
             current$$1,
             workInProgress,
@@ -6499,16 +7049,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 11:
       return (
         (updateExpirationTime = workInProgress.type),
-        (context = workInProgress.pendingProps),
-        (context =
+        (renderState = workInProgress.pendingProps),
+        (renderState =
           workInProgress.elementType === updateExpirationTime
-            ? context
-            : resolveDefaultProps(updateExpirationTime, context)),
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
         updateForwardRef(
           current$$1,
           workInProgress,
           updateExpirationTime,
-          context,
+          renderState,
           renderExpirationTime
         )
       );
@@ -6545,9 +7095,9 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 10:
       a: {
         updateExpirationTime = workInProgress.type._context;
-        context = workInProgress.pendingProps;
+        renderState = workInProgress.pendingProps;
         getDerivedStateFromProps = workInProgress.memoizedProps;
-        hasContext = context.value;
+        hasContext = renderState.value;
         pushProvider(workInProgress, hasContext);
         if (null !== getDerivedStateFromProps) {
           var oldValue = getDerivedStateFromProps.value;
@@ -6561,7 +7111,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                 : 1073741823) | 0;
           if (0 === hasContext) {
             if (
-              getDerivedStateFromProps.children === context.children &&
+              getDerivedStateFromProps.children === renderState.children &&
               !didPerformWorkStackCursor.current
             ) {
               workInProgress = bailoutOnAlreadyFinishedWork(
@@ -6578,16 +7128,20 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
               null !== oldValue;
 
             ) {
-              var list = oldValue.contextDependencies;
+              var list = oldValue.dependencies;
               if (null !== list) {
                 getDerivedStateFromProps = oldValue.child;
-                for (var dependency = list.first; null !== dependency; ) {
+                for (
+                  var dependency = list.firstContext;
+                  null !== dependency;
+
+                ) {
                   if (
                     dependency.context === updateExpirationTime &&
                     0 !== (dependency.observedBits & hasContext)
                   ) {
                     1 === oldValue.tag &&
-                      ((dependency = createUpdate(renderExpirationTime)),
+                      ((dependency = createUpdate(renderExpirationTime, null)),
                       (dependency.tag = 2),
                       enqueueUpdate(oldValue, dependency));
                     oldValue.expirationTime < renderExpirationTime &&
@@ -6596,22 +7150,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                     null !== dependency &&
                       dependency.expirationTime < renderExpirationTime &&
                       (dependency.expirationTime = renderExpirationTime);
-                    dependency = renderExpirationTime;
-                    for (var node = oldValue.return; null !== node; ) {
-                      var alternate = node.alternate;
-                      if (node.childExpirationTime < dependency)
-                        (node.childExpirationTime = dependency),
-                          null !== alternate &&
-                            alternate.childExpirationTime < dependency &&
-                            (alternate.childExpirationTime = dependency);
-                      else if (
-                        null !== alternate &&
-                        alternate.childExpirationTime < dependency
-                      )
-                        alternate.childExpirationTime = dependency;
-                      else break;
-                      node = node.return;
-                    }
+                    scheduleWorkOnParentPath(
+                      oldValue.return,
+                      renderExpirationTime
+                    );
                     list.expirationTime < renderExpirationTime &&
                       (list.expirationTime = renderExpirationTime);
                     break;
@@ -6651,7 +7193,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
         reconcileChildren(
           current$$1,
           workInProgress,
-          context.children,
+          renderState.children,
           renderExpirationTime
         );
         workInProgress = workInProgress.child;
@@ -6659,12 +7201,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       return workInProgress;
     case 9:
       return (
-        (context = workInProgress.type),
+        (renderState = workInProgress.type),
         (hasContext = workInProgress.pendingProps),
         (updateExpirationTime = hasContext.children),
         prepareToReadContext(workInProgress, renderExpirationTime),
-        (context = readContext(context, hasContext.unstable_observedBits)),
-        (updateExpirationTime = updateExpirationTime(context)),
+        (renderState = readContext(
+          renderState,
+          hasContext.unstable_observedBits
+        )),
+        (updateExpirationTime = updateExpirationTime(renderState)),
         (workInProgress.effectTag |= 1),
         reconcileChildren(
           current$$1,
@@ -6676,16 +7221,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       );
     case 14:
       return (
-        (context = workInProgress.type),
+        (renderState = workInProgress.type),
         (hasContext = resolveDefaultProps(
-          context,
+          renderState,
           workInProgress.pendingProps
         )),
-        (hasContext = resolveDefaultProps(context.type, hasContext)),
+        (hasContext = resolveDefaultProps(renderState.type, hasContext)),
         updateMemoComponent(
           current$$1,
           workInProgress,
-          context,
+          renderState,
           hasContext,
           updateExpirationTime,
           renderExpirationTime
@@ -6703,11 +7248,11 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 17:
       return (
         (updateExpirationTime = workInProgress.type),
-        (context = workInProgress.pendingProps),
-        (context =
+        (renderState = workInProgress.pendingProps),
+        (renderState =
           workInProgress.elementType === updateExpirationTime
-            ? context
-            : resolveDefaultProps(updateExpirationTime, context)),
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
         null !== current$$1 &&
           ((current$$1.alternate = null),
           (workInProgress.alternate = null),
@@ -6720,13 +7265,13 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
         constructClassInstance(
           workInProgress,
           updateExpirationTime,
-          context,
+          renderState,
           renderExpirationTime
         ),
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
-          context,
+          renderState,
           renderExpirationTime
         ),
         finishClassComponent(
@@ -6738,19 +7283,249 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           renderExpirationTime
         )
       );
+    case 19:
+      return updateSuspenseListComponent(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
   }
   throw ReactError(
-    "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+    Error(
+      "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+    )
   );
 };
+var onCommitFiberRoot = null,
+  onCommitFiberUnmount = null;
+function injectInternals(internals) {
+  if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
+  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  if (hook.isDisabled || !hook.supportsFiber) return !0;
+  try {
+    var rendererID = hook.inject(internals);
+    onCommitFiberRoot = function(root) {
+      try {
+        hook.onCommitFiberRoot(
+          rendererID,
+          root,
+          void 0,
+          64 === (root.current.effectTag & 64)
+        );
+      } catch (err) {}
+    };
+    onCommitFiberUnmount = function(fiber) {
+      try {
+        hook.onCommitFiberUnmount(rendererID, fiber);
+      } catch (err) {}
+    };
+  } catch (err) {}
+  return !0;
+}
+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.index = 0;
+  this.ref = null;
+  this.pendingProps = pendingProps;
+  this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
+  this.mode = mode;
+  this.effectTag = 0;
+  this.lastEffect = this.firstEffect = this.nextEffect = null;
+  this.childExpirationTime = this.expirationTime = 0;
+  this.alternate = null;
+}
+function createFiber(tag, pendingProps, key, mode) {
+  return new FiberNode(tag, pendingProps, key, mode);
+}
+function shouldConstruct(Component) {
+  Component = Component.prototype;
+  return !(!Component || !Component.isReactComponent);
+}
+function resolveLazyComponentTag(Component) {
+  if ("function" === typeof Component)
+    return shouldConstruct(Component) ? 1 : 0;
+  if (void 0 !== Component && null !== Component) {
+    Component = Component.$$typeof;
+    if (Component === REACT_FORWARD_REF_TYPE) return 11;
+    if (Component === REACT_MEMO_TYPE) return 14;
+  }
+  return 2;
+}
+function createWorkInProgress(current, pendingProps) {
+  var workInProgress = current.alternate;
+  null === workInProgress
+    ? ((workInProgress = createFiber(
+        current.tag,
+        pendingProps,
+        current.key,
+        current.mode
+      )),
+      (workInProgress.elementType = current.elementType),
+      (workInProgress.type = current.type),
+      (workInProgress.stateNode = current.stateNode),
+      (workInProgress.alternate = current),
+      (current.alternate = workInProgress))
+    : ((workInProgress.pendingProps = pendingProps),
+      (workInProgress.effectTag = 0),
+      (workInProgress.nextEffect = null),
+      (workInProgress.firstEffect = null),
+      (workInProgress.lastEffect = null));
+  workInProgress.childExpirationTime = current.childExpirationTime;
+  workInProgress.expirationTime = current.expirationTime;
+  workInProgress.child = current.child;
+  workInProgress.memoizedProps = current.memoizedProps;
+  workInProgress.memoizedState = current.memoizedState;
+  workInProgress.updateQueue = current.updateQueue;
+  pendingProps = current.dependencies;
+  workInProgress.dependencies =
+    null === pendingProps
+      ? null
+      : {
+          expirationTime: pendingProps.expirationTime,
+          firstContext: pendingProps.firstContext,
+          responders: pendingProps.responders
+        };
+  workInProgress.sibling = current.sibling;
+  workInProgress.index = current.index;
+  workInProgress.ref = current.ref;
+  return workInProgress;
+}
+function createFiberFromTypeAndProps(
+  type,
+  key,
+  pendingProps,
+  owner,
+  mode,
+  expirationTime
+) {
+  var fiberTag = 2;
+  owner = type;
+  if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
+  else if ("string" === typeof type) fiberTag = 5;
+  else
+    a: switch (type) {
+      case REACT_FRAGMENT_TYPE:
+        return createFiberFromFragment(
+          pendingProps.children,
+          mode,
+          expirationTime,
+          key
+        );
+      case REACT_CONCURRENT_MODE_TYPE:
+        fiberTag = 8;
+        mode |= 7;
+        break;
+      case REACT_STRICT_MODE_TYPE:
+        fiberTag = 8;
+        mode |= 1;
+        break;
+      case REACT_PROFILER_TYPE:
+        return (
+          (type = createFiber(12, pendingProps, key, mode | 8)),
+          (type.elementType = REACT_PROFILER_TYPE),
+          (type.type = REACT_PROFILER_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      case REACT_SUSPENSE_TYPE:
+        return (
+          (type = createFiber(13, pendingProps, key, mode)),
+          (type.type = REACT_SUSPENSE_TYPE),
+          (type.elementType = REACT_SUSPENSE_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      case REACT_SUSPENSE_LIST_TYPE:
+        return (
+          (type = createFiber(19, pendingProps, key, mode)),
+          (type.elementType = REACT_SUSPENSE_LIST_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      default:
+        if ("object" === typeof type && null !== type)
+          switch (type.$$typeof) {
+            case REACT_PROVIDER_TYPE:
+              fiberTag = 10;
+              break a;
+            case REACT_CONTEXT_TYPE:
+              fiberTag = 9;
+              break a;
+            case REACT_FORWARD_REF_TYPE:
+              fiberTag = 11;
+              break a;
+            case REACT_MEMO_TYPE:
+              fiberTag = 14;
+              break a;
+            case REACT_LAZY_TYPE:
+              fiberTag = 16;
+              owner = null;
+              break a;
+          }
+        throw ReactError(
+          Error(
+            "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
+              (null == type ? type : typeof type) +
+              "."
+          )
+        );
+    }
+  key = createFiber(fiberTag, pendingProps, key, mode);
+  key.elementType = type;
+  key.type = owner;
+  key.expirationTime = expirationTime;
+  return key;
+}
+function createFiberFromFragment(elements, mode, expirationTime, key) {
+  elements = createFiber(7, elements, key, mode);
+  elements.expirationTime = expirationTime;
+  return elements;
+}
+function createFiberFromText(content, mode, expirationTime) {
+  content = createFiber(6, content, null, mode);
+  content.expirationTime = expirationTime;
+  return content;
+}
+function createFiberFromPortal(portal, mode, expirationTime) {
+  mode = createFiber(
+    4,
+    null !== portal.children ? portal.children : [],
+    portal.key,
+    mode
+  );
+  mode.expirationTime = expirationTime;
+  mode.stateNode = {
+    containerInfo: portal.containerInfo,
+    pendingChildren: null,
+    implementation: portal.implementation
+  };
+  return mode;
+}
+function FiberRootNode(containerInfo, tag, hydrate) {
+  this.tag = tag;
+  this.current = null;
+  this.containerInfo = containerInfo;
+  this.pingCache = this.pendingChildren = null;
+  this.finishedExpirationTime = 0;
+  this.finishedWork = null;
+  this.timeoutHandle = -1;
+  this.pendingContext = this.context = null;
+  this.hydrate = hydrate;
+  this.callbackNode = this.firstBatch = null;
+  this.pingTime = this.lastPendingTime = this.firstPendingTime = this.callbackExpirationTime = 0;
+}
 function findHostInstance(component) {
   var fiber = component._reactInternalFiber;
   if (void 0 === fiber) {
     if ("function" === typeof component.render)
-      throw ReactError("Unable to find node on an unmounted component.");
+      throw ReactError(Error("Unable to find node on an unmounted component."));
     throw ReactError(
-      "Argument appears to not be a ReactComponent. Keys: " +
-        Object.keys(component)
+      Error(
+        "Argument appears to not be a ReactComponent. Keys: " +
+          Object.keys(component)
+      )
     );
   }
   component = findCurrentHostFiber(fiber);
@@ -6758,8 +7533,13 @@ function findHostInstance(component) {
 }
 function updateContainer(element, container, parentComponent, callback) {
   var current$$1 = container.current,
-    currentTime = requestCurrentTime();
-  current$$1 = computeExpirationForFiber(currentTime, current$$1);
+    currentTime = requestCurrentTime(),
+    suspenseConfig = ReactCurrentBatchConfig.suspense;
+  current$$1 = computeExpirationForFiber(
+    currentTime,
+    current$$1,
+    suspenseConfig
+  );
   currentTime = container.current;
   a: if (parentComponent) {
     parentComponent = parentComponent._reactInternalFiber;
@@ -6769,7 +7549,9 @@ function updateContainer(element, container, parentComponent, callback) {
         1 !== parentComponent.tag
       )
         throw ReactError(
-          "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       var parentContext = parentComponent;
       do {
@@ -6788,7 +7570,9 @@ function updateContainer(element, container, parentComponent, callback) {
         parentContext = parentContext.return;
       } while (null !== parentContext);
       throw ReactError(
-        "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     }
     if (1 === parentComponent.tag) {
@@ -6808,12 +7592,11 @@ function updateContainer(element, container, parentComponent, callback) {
     ? (container.context = parentComponent)
     : (container.pendingContext = parentComponent);
   container = callback;
-  callback = createUpdate(current$$1);
-  callback.payload = { element: element };
+  suspenseConfig = createUpdate(current$$1, suspenseConfig);
+  suspenseConfig.payload = { element: element };
   container = void 0 === container ? null : container;
-  null !== container && (callback.callback = container);
-  flushPassiveEffects();
-  enqueueUpdate(currentTime, callback);
+  null !== container && (suspenseConfig.callback = container);
+  enqueueUpdate(currentTime, suspenseConfig);
   scheduleUpdateOnFiber(currentTime, current$$1);
   return current$$1;
 }
@@ -6850,7 +7633,7 @@ function _inherits(subClass, superClass) {
 var getInspectorDataForViewTag = void 0;
 getInspectorDataForViewTag = function() {
   throw ReactError(
-    "getInspectorDataForViewTag() is not available in production"
+    Error("getInspectorDataForViewTag() is not available in production")
   );
 };
 function findNodeHandle(componentOrHandle) {
@@ -6866,19 +7649,19 @@ function findNodeHandle(componentOrHandle) {
       ? componentOrHandle.canonical._nativeTag
       : componentOrHandle._nativeTag;
 }
-_batchedUpdatesImpl = function(fn, a) {
-  if (0 !== workPhase) return fn(a);
-  workPhase = 1;
+batchedUpdatesImpl = function(fn, a) {
+  var prevExecutionContext = executionContext;
+  executionContext |= 1;
   try {
     return fn(a);
   } finally {
-    (workPhase = 0), flushImmediateQueue();
+    (executionContext = prevExecutionContext),
+      executionContext === NoContext && flushSyncCallbackQueue();
   }
 };
-_flushInteractiveUpdatesImpl = function() {
-  workPhase !== RenderPhase &&
-    workPhase !== CommitPhase &&
-    flushPendingDiscreteUpdates();
+flushDiscreteUpdatesImpl = function() {
+  (executionContext & (1 | RenderContext | CommitContext)) === NoContext &&
+    (flushPendingDiscreteUpdates(), flushPassiveEffects());
 };
 var roots = new Map(),
   ReactNativeRenderer = {
@@ -6899,10 +7682,14 @@ var roots = new Map(),
         }
         _inherits(ReactNativeComponent, _React$Component);
         ReactNativeComponent.prototype.blur = function() {
-          TextInputState.blurTextInput(findNodeHandle(this));
+          ReactNativePrivateInterface.TextInputState.blurTextInput(
+            findNodeHandle(this)
+          );
         };
         ReactNativeComponent.prototype.focus = function() {
-          TextInputState.focusTextInput(findNodeHandle(this));
+          ReactNativePrivateInterface.TextInputState.focusTextInput(
+            findNodeHandle(this)
+          );
         };
         ReactNativeComponent.prototype.measure = function(callback) {
           var maybeInstance = void 0;
@@ -6915,7 +7702,7 @@ var roots = new Map(),
                   maybeInstance.node,
                   mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                 )
-              : UIManager.measure(
+              : ReactNativePrivateInterface.UIManager.measure(
                   findNodeHandle(this),
                   mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                 ));
@@ -6931,7 +7718,7 @@ var roots = new Map(),
                   maybeInstance.node,
                   mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                 )
-              : UIManager.measureInWindow(
+              : ReactNativePrivateInterface.UIManager.measureInWindow(
                   findNodeHandle(this),
                   mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                 ));
@@ -6953,7 +7740,7 @@ var roots = new Map(),
               : relativeToNativeNode._nativeTag &&
                 (maybeInstance = relativeToNativeNode._nativeTag),
             null != maybeInstance &&
-              UIManager.measureLayout(
+              ReactNativePrivateInterface.UIManager.measureLayout(
                 findNodeHandle(this),
                 maybeInstance,
                 mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
@@ -6977,7 +7764,7 @@ var roots = new Map(),
               maybeInstance.validAttributes
             );
             null != nativeProps &&
-              UIManager.updateView(
+              ReactNativePrivateInterface.UIManager.updateView(
                 nativeTag,
                 maybeInstance.uiViewClassName,
                 nativeProps
@@ -6988,6 +7775,14 @@ var roots = new Map(),
       })(React.Component);
     })(findNodeHandle, findHostInstance),
     findNodeHandle: findNodeHandle,
+    dispatchCommand: function(handle, command, args) {
+      null != handle._nativeTag &&
+        ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
+          handle._nativeTag,
+          command,
+          args
+        );
+    },
     setNativeProps: function(handle, nativeProps) {
       null != handle._nativeTag &&
         ((nativeProps = diffProperties(
@@ -6997,7 +7792,7 @@ var roots = new Map(),
           handle.viewConfig.validAttributes
         )),
         null != nativeProps &&
-          UIManager.updateView(
+          ReactNativePrivateInterface.UIManager.updateView(
             handle._nativeTag,
             handle.viewConfig.uiViewClassName,
             nativeProps
@@ -7006,7 +7801,7 @@ var roots = new Map(),
     render: function(element, containerTag, callback) {
       var root = roots.get(containerTag);
       if (!root) {
-        root = new FiberRootNode(containerTag, !1);
+        root = new FiberRootNode(containerTag, 0, !1);
         var uninitializedFiber = createFiber(3, null, null, 0);
         root.current = uninitializedFiber;
         uninitializedFiber.stateNode = root;
@@ -7033,7 +7828,7 @@ var roots = new Map(),
     },
     unmountComponentAtNodeAndRemoveContainer: function(containerTag) {
       ReactNativeRenderer.unmountComponentAtNode(containerTag);
-      UIManager.removeRootView(containerTag);
+      ReactNativePrivateInterface.UIManager.removeRootView(containerTag);
     },
     createPortal: function(children, containerTag) {
       return createPortal(
@@ -7058,7 +7853,7 @@ var roots = new Map(),
                     maybeInstance.node,
                     mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                   )
-                : UIManager.measure(
+                : ReactNativePrivateInterface.UIManager.measure(
                     findNodeHandle(this),
                     mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                   ));
@@ -7074,7 +7869,7 @@ var roots = new Map(),
                     maybeInstance.node,
                     mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                   )
-                : UIManager.measureInWindow(
+                : ReactNativePrivateInterface.UIManager.measureInWindow(
                     findNodeHandle(this),
                     mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                   ));
@@ -7092,7 +7887,7 @@ var roots = new Map(),
                 : relativeToNativeNode._nativeTag &&
                   (maybeInstance = relativeToNativeNode._nativeTag),
               null != maybeInstance &&
-                UIManager.measureLayout(
+                ReactNativePrivateInterface.UIManager.measureLayout(
                   findNodeHandle(this),
                   maybeInstance,
                   mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
@@ -7116,7 +7911,7 @@ var roots = new Map(),
                 maybeInstance.validAttributes
               );
               null != nativeProps &&
-                UIManager.updateView(
+                ReactNativePrivateInterface.UIManager.updateView(
                   nativeTag,
                   maybeInstance.uiViewClassName,
                   nativeProps
@@ -7124,10 +7919,14 @@ var roots = new Map(),
             }
           },
           focus: function() {
-            TextInputState.focusTextInput(findNodeHandle(this));
+            ReactNativePrivateInterface.TextInputState.focusTextInput(
+              findNodeHandle(this)
+            );
           },
           blur: function() {
-            TextInputState.blurTextInput(findNodeHandle(this));
+            ReactNativePrivateInterface.TextInputState.blurTextInput(
+              findNodeHandle(this)
+            );
           }
         };
       })(findNodeHandle, findHostInstance),
@@ -7155,7 +7954,12 @@ var roots = new Map(),
         return findFiberByHostInstance
           ? findFiberByHostInstance(instance)
           : null;
-      }
+      },
+      findHostInstancesForRefresh: null,
+      scheduleRefresh: null,
+      scheduleRoot: null,
+      setRefreshHandler: null,
+      getCurrentFiber: null
     })
   );
 })({
diff --git a/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js b/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js
new file mode 100644
index 00000000000000..f80a94c7434a75
--- /dev/null
+++ b/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js
@@ -0,0 +1,8207 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @noflow
+ * @preventMunge
+ * @generated
+ */
+
+"use strict";
+require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
+var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface"),
+  React = require("react"),
+  Scheduler = require("scheduler"),
+  tracing = require("scheduler/tracing");
+function ReactError(error) {
+  error.name = "Invariant Violation";
+  return error;
+}
+var eventPluginOrder = null,
+  namesToPlugins = {};
+function recomputePluginOrdering() {
+  if (eventPluginOrder)
+    for (var pluginName in namesToPlugins) {
+      var pluginModule = namesToPlugins[pluginName],
+        pluginIndex = eventPluginOrder.indexOf(pluginName);
+      if (!(-1 < pluginIndex))
+        throw ReactError(
+          Error(
+            "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+              pluginName +
+              "`."
+          )
+        );
+      if (!plugins[pluginIndex]) {
+        if (!pluginModule.extractEvents)
+          throw ReactError(
+            Error(
+              "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
+                pluginName +
+                "` does not."
+            )
+          );
+        plugins[pluginIndex] = pluginModule;
+        pluginIndex = pluginModule.eventTypes;
+        for (var eventName in pluginIndex) {
+          var JSCompiler_inline_result = void 0;
+          var dispatchConfig = pluginIndex[eventName],
+            pluginModule$jscomp$0 = pluginModule,
+            eventName$jscomp$0 = eventName;
+          if (eventNameDispatchConfigs.hasOwnProperty(eventName$jscomp$0))
+            throw ReactError(
+              Error(
+                "EventPluginHub: More than one plugin attempted to publish the same event name, `" +
+                  eventName$jscomp$0 +
+                  "`."
+              )
+            );
+          eventNameDispatchConfigs[eventName$jscomp$0] = dispatchConfig;
+          var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
+          if (phasedRegistrationNames) {
+            for (JSCompiler_inline_result in phasedRegistrationNames)
+              phasedRegistrationNames.hasOwnProperty(
+                JSCompiler_inline_result
+              ) &&
+                publishRegistrationName(
+                  phasedRegistrationNames[JSCompiler_inline_result],
+                  pluginModule$jscomp$0,
+                  eventName$jscomp$0
+                );
+            JSCompiler_inline_result = !0;
+          } else
+            dispatchConfig.registrationName
+              ? (publishRegistrationName(
+                  dispatchConfig.registrationName,
+                  pluginModule$jscomp$0,
+                  eventName$jscomp$0
+                ),
+                (JSCompiler_inline_result = !0))
+              : (JSCompiler_inline_result = !1);
+          if (!JSCompiler_inline_result)
+            throw ReactError(
+              Error(
+                "EventPluginRegistry: Failed to publish event `" +
+                  eventName +
+                  "` for plugin `" +
+                  pluginName +
+                  "`."
+              )
+            );
+        }
+      }
+    }
+}
+function publishRegistrationName(registrationName, pluginModule) {
+  if (registrationNameModules[registrationName])
+    throw ReactError(
+      Error(
+        "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
+          registrationName +
+          "`."
+      )
+    );
+  registrationNameModules[registrationName] = pluginModule;
+}
+var plugins = [],
+  eventNameDispatchConfigs = {},
+  registrationNameModules = {};
+function invokeGuardedCallbackImpl(name, func, context, a, b, c, d, e, f) {
+  var funcArgs = Array.prototype.slice.call(arguments, 3);
+  try {
+    func.apply(context, funcArgs);
+  } catch (error) {
+    this.onError(error);
+  }
+}
+var hasError = !1,
+  caughtError = null,
+  hasRethrowError = !1,
+  rethrowError = null,
+  reporter = {
+    onError: function(error) {
+      hasError = !0;
+      caughtError = error;
+    }
+  };
+function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) {
+  hasError = !1;
+  caughtError = null;
+  invokeGuardedCallbackImpl.apply(reporter, arguments);
+}
+function invokeGuardedCallbackAndCatchFirstError(
+  name,
+  func,
+  context,
+  a,
+  b,
+  c,
+  d,
+  e,
+  f
+) {
+  invokeGuardedCallback.apply(this, arguments);
+  if (hasError) {
+    if (hasError) {
+      var error = caughtError;
+      hasError = !1;
+      caughtError = null;
+    } else
+      throw ReactError(
+        Error(
+          "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    hasRethrowError || ((hasRethrowError = !0), (rethrowError = error));
+  }
+}
+var getFiberCurrentPropsFromNode = null,
+  getInstanceFromNode = null,
+  getNodeFromInstance = null;
+function executeDispatch(event, listener, inst) {
+  var type = event.type || "unknown-event";
+  event.currentTarget = getNodeFromInstance(inst);
+  invokeGuardedCallbackAndCatchFirstError(type, listener, void 0, event);
+  event.currentTarget = null;
+}
+function executeDirectDispatch(event) {
+  var dispatchListener = event._dispatchListeners,
+    dispatchInstance = event._dispatchInstances;
+  if (Array.isArray(dispatchListener))
+    throw ReactError(Error("executeDirectDispatch(...): Invalid `event`."));
+  event.currentTarget = dispatchListener
+    ? getNodeFromInstance(dispatchInstance)
+    : null;
+  dispatchListener = dispatchListener ? dispatchListener(event) : null;
+  event.currentTarget = null;
+  event._dispatchListeners = null;
+  event._dispatchInstances = null;
+  return dispatchListener;
+}
+function accumulateInto(current, next) {
+  if (null == next)
+    throw ReactError(
+      Error(
+        "accumulateInto(...): Accumulated items must not be null or undefined."
+      )
+    );
+  if (null == current) return next;
+  if (Array.isArray(current)) {
+    if (Array.isArray(next)) return current.push.apply(current, next), current;
+    current.push(next);
+    return current;
+  }
+  return Array.isArray(next) ? [current].concat(next) : [current, next];
+}
+function forEachAccumulated(arr, cb, scope) {
+  Array.isArray(arr) ? arr.forEach(cb, scope) : arr && cb.call(scope, arr);
+}
+var eventQueue = null;
+function executeDispatchesAndReleaseTopLevel(e) {
+  if (e) {
+    var dispatchListeners = e._dispatchListeners,
+      dispatchInstances = e._dispatchInstances;
+    if (Array.isArray(dispatchListeners))
+      for (
+        var i = 0;
+        i < dispatchListeners.length && !e.isPropagationStopped();
+        i++
+      )
+        executeDispatch(e, dispatchListeners[i], dispatchInstances[i]);
+    else
+      dispatchListeners &&
+        executeDispatch(e, dispatchListeners, dispatchInstances);
+    e._dispatchListeners = null;
+    e._dispatchInstances = null;
+    e.isPersistent() || e.constructor.release(e);
+  }
+}
+var injection = {
+  injectEventPluginOrder: function(injectedEventPluginOrder) {
+    if (eventPluginOrder)
+      throw ReactError(
+        Error(
+          "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
+        )
+      );
+    eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
+    recomputePluginOrdering();
+  },
+  injectEventPluginsByName: function(injectedNamesToPlugins) {
+    var isOrderingDirty = !1,
+      pluginName;
+    for (pluginName in injectedNamesToPlugins)
+      if (injectedNamesToPlugins.hasOwnProperty(pluginName)) {
+        var pluginModule = injectedNamesToPlugins[pluginName];
+        if (
+          !namesToPlugins.hasOwnProperty(pluginName) ||
+          namesToPlugins[pluginName] !== pluginModule
+        ) {
+          if (namesToPlugins[pluginName])
+            throw ReactError(
+              Error(
+                "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+                  pluginName +
+                  "`."
+              )
+            );
+          namesToPlugins[pluginName] = pluginModule;
+          isOrderingDirty = !0;
+        }
+      }
+    isOrderingDirty && recomputePluginOrdering();
+  }
+};
+function getListener(inst, registrationName) {
+  var listener = inst.stateNode;
+  if (!listener) return null;
+  var props = getFiberCurrentPropsFromNode(listener);
+  if (!props) return null;
+  listener = props[registrationName];
+  a: switch (registrationName) {
+    case "onClick":
+    case "onClickCapture":
+    case "onDoubleClick":
+    case "onDoubleClickCapture":
+    case "onMouseDown":
+    case "onMouseDownCapture":
+    case "onMouseMove":
+    case "onMouseMoveCapture":
+    case "onMouseUp":
+    case "onMouseUpCapture":
+      (props = !props.disabled) ||
+        ((inst = inst.type),
+        (props = !(
+          "button" === inst ||
+          "input" === inst ||
+          "select" === inst ||
+          "textarea" === inst
+        )));
+      inst = !props;
+      break a;
+    default:
+      inst = !1;
+  }
+  if (inst) return null;
+  if (listener && "function" !== typeof listener)
+    throw ReactError(
+      Error(
+        "Expected `" +
+          registrationName +
+          "` listener to be a function, instead got a value of `" +
+          typeof listener +
+          "` type."
+      )
+    );
+  return listener;
+}
+function getParent(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));
+  for (inst = path.length; 0 < inst--; ) fn(path[inst], "captured", arg);
+  for (inst = 0; inst < path.length; inst++) fn(path[inst], "bubbled", arg);
+}
+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 accumulateTwoPhaseDispatchesSingle(event) {
+  event &&
+    event.dispatchConfig.phasedRegistrationNames &&
+    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
+}
+function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
+  if (event && event.dispatchConfig.phasedRegistrationNames) {
+    var targetInst = event._targetInst;
+    targetInst = targetInst ? getParent(targetInst) : null;
+    traverseTwoPhase(targetInst, accumulateDirectionalDispatches, event);
+  }
+}
+function accumulateDirectDispatchesSingle(event) {
+  if (event && event.dispatchConfig.registrationName) {
+    var inst = event._targetInst;
+    if (inst && event && event.dispatchConfig.registrationName) {
+      var listener = getListener(inst, event.dispatchConfig.registrationName);
+      listener &&
+        ((event._dispatchListeners = accumulateInto(
+          event._dispatchListeners,
+          listener
+        )),
+        (event._dispatchInstances = accumulateInto(
+          event._dispatchInstances,
+          inst
+        )));
+    }
+  }
+}
+function functionThatReturnsTrue() {
+  return !0;
+}
+function functionThatReturnsFalse() {
+  return !1;
+}
+function SyntheticEvent(
+  dispatchConfig,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget
+) {
+  this.dispatchConfig = dispatchConfig;
+  this._targetInst = targetInst;
+  this.nativeEvent = nativeEvent;
+  dispatchConfig = this.constructor.Interface;
+  for (var propName in dispatchConfig)
+    dispatchConfig.hasOwnProperty(propName) &&
+      ((targetInst = dispatchConfig[propName])
+        ? (this[propName] = targetInst(nativeEvent))
+        : "target" === propName
+          ? (this.target = nativeEventTarget)
+          : (this[propName] = nativeEvent[propName]));
+  this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
+  ? nativeEvent.defaultPrevented
+  : !1 === nativeEvent.returnValue)
+    ? functionThatReturnsTrue
+    : functionThatReturnsFalse;
+  this.isPropagationStopped = functionThatReturnsFalse;
+  return this;
+}
+Object.assign(SyntheticEvent.prototype, {
+  preventDefault: function() {
+    this.defaultPrevented = !0;
+    var event = this.nativeEvent;
+    event &&
+      (event.preventDefault
+        ? event.preventDefault()
+        : "unknown" !== typeof event.returnValue && (event.returnValue = !1),
+      (this.isDefaultPrevented = functionThatReturnsTrue));
+  },
+  stopPropagation: function() {
+    var event = this.nativeEvent;
+    event &&
+      (event.stopPropagation
+        ? event.stopPropagation()
+        : "unknown" !== typeof event.cancelBubble && (event.cancelBubble = !0),
+      (this.isPropagationStopped = functionThatReturnsTrue));
+  },
+  persist: function() {
+    this.isPersistent = functionThatReturnsTrue;
+  },
+  isPersistent: functionThatReturnsFalse,
+  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._dispatchInstances = this._dispatchListeners = null;
+  }
+});
+SyntheticEvent.Interface = {
+  type: null,
+  target: null,
+  currentTarget: function() {
+    return null;
+  },
+  eventPhase: null,
+  bubbles: null,
+  cancelable: null,
+  timeStamp: function(event) {
+    return event.timeStamp || Date.now();
+  },
+  defaultPrevented: null,
+  isTrusted: null
+};
+SyntheticEvent.extend = function(Interface) {
+  function E() {}
+  function Class() {
+    return Super.apply(this, arguments);
+  }
+  var Super = this;
+  E.prototype = Super.prototype;
+  var prototype = new E();
+  Object.assign(prototype, Class.prototype);
+  Class.prototype = prototype;
+  Class.prototype.constructor = Class;
+  Class.Interface = Object.assign({}, Super.Interface, Interface);
+  Class.extend = Super.extend;
+  addEventPoolingTo(Class);
+  return Class;
+};
+addEventPoolingTo(SyntheticEvent);
+function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
+  if (this.eventPool.length) {
+    var instance = this.eventPool.pop();
+    this.call(instance, dispatchConfig, targetInst, nativeEvent, nativeInst);
+    return instance;
+  }
+  return new this(dispatchConfig, targetInst, nativeEvent, nativeInst);
+}
+function releasePooledEvent(event) {
+  if (!(event instanceof this))
+    throw ReactError(
+      Error(
+        "Trying to release an event instance into a pool of a different type."
+      )
+    );
+  event.destructor();
+  10 > this.eventPool.length && this.eventPool.push(event);
+}
+function addEventPoolingTo(EventConstructor) {
+  EventConstructor.eventPool = [];
+  EventConstructor.getPooled = getPooledEvent;
+  EventConstructor.release = releasePooledEvent;
+}
+var ResponderSyntheticEvent = SyntheticEvent.extend({
+  touchHistory: function() {
+    return null;
+  }
+});
+function isStartish(topLevelType) {
+  return "topTouchStart" === topLevelType;
+}
+function isMoveish(topLevelType) {
+  return "topTouchMove" === topLevelType;
+}
+var startDependencies = ["topTouchStart"],
+  moveDependencies = ["topTouchMove"],
+  endDependencies = ["topTouchCancel", "topTouchEnd"],
+  touchBank = [],
+  touchHistory = {
+    touchBank: touchBank,
+    numberActiveTouches: 0,
+    indexOfSingleActiveTouch: -1,
+    mostRecentTimeStamp: 0
+  };
+function timestampForTouch(touch) {
+  return touch.timeStamp || touch.timestamp;
+}
+function getTouchIdentifier(_ref) {
+  _ref = _ref.identifier;
+  if (null == _ref)
+    throw ReactError(Error("Touch object is missing identifier."));
+  return _ref;
+}
+function recordTouchStart(touch) {
+  var identifier = getTouchIdentifier(touch),
+    touchRecord = touchBank[identifier];
+  touchRecord
+    ? ((touchRecord.touchActive = !0),
+      (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)))
+    : ((touchRecord = {
+        touchActive: !0,
+        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)
+      }),
+      (touchBank[identifier] = touchRecord));
+  touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+}
+function recordTouchMove(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
+  touchRecord
+    ? ((touchRecord.touchActive = !0),
+      (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)))
+    : console.warn(
+        "Cannot record touch move without a touch start.\nTouch Move: %s\n",
+        "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
+      );
+}
+function recordTouchEnd(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
+  touchRecord
+    ? ((touchRecord.touchActive = !1),
+      (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)))
+    : console.warn(
+        "Cannot record touch end without a touch start.\nTouch End: %s\n",
+        "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
+      );
+}
+function printTouch(touch) {
+  return JSON.stringify({
+    identifier: touch.identifier,
+    pageX: touch.pageX,
+    pageY: touch.pageY,
+    timestamp: timestampForTouch(touch)
+  });
+}
+function printTouchBank() {
+  var printed = JSON.stringify(touchBank.slice(0, 20));
+  20 < touchBank.length &&
+    (printed += " (original size: " + touchBank.length + ")");
+  return printed;
+}
+var ResponderTouchHistoryStore = {
+  recordTouchTrack: function(topLevelType, nativeEvent) {
+    if (isMoveish(topLevelType))
+      nativeEvent.changedTouches.forEach(recordTouchMove);
+    else if (isStartish(topLevelType))
+      nativeEvent.changedTouches.forEach(recordTouchStart),
+        (touchHistory.numberActiveTouches = nativeEvent.touches.length),
+        1 === touchHistory.numberActiveTouches &&
+          (touchHistory.indexOfSingleActiveTouch =
+            nativeEvent.touches[0].identifier);
+    else if (
+      "topTouchEnd" === topLevelType ||
+      "topTouchCancel" === topLevelType
+    )
+      if (
+        (nativeEvent.changedTouches.forEach(recordTouchEnd),
+        (touchHistory.numberActiveTouches = nativeEvent.touches.length),
+        1 === touchHistory.numberActiveTouches)
+      )
+        for (topLevelType = 0; topLevelType < touchBank.length; topLevelType++)
+          if (
+            ((nativeEvent = touchBank[topLevelType]),
+            null != nativeEvent && nativeEvent.touchActive)
+          ) {
+            touchHistory.indexOfSingleActiveTouch = topLevelType;
+            break;
+          }
+  },
+  touchHistory: touchHistory
+};
+function accumulate(current, next) {
+  if (null == next)
+    throw ReactError(
+      Error("accumulate(...): Accumulated items must not be null or undefined.")
+    );
+  return null == current
+    ? next
+    : Array.isArray(current)
+      ? current.concat(next)
+      : Array.isArray(next)
+        ? [current].concat(next)
+        : [current, next];
+}
+var responderInst = null,
+  trackedTouchCount = 0;
+function changeResponder(nextResponderInst, blockHostResponder) {
+  var oldResponderInst = responderInst;
+  responderInst = nextResponderInst;
+  if (null !== ResponderEventPlugin.GlobalResponderHandler)
+    ResponderEventPlugin.GlobalResponderHandler.onChange(
+      oldResponderInst,
+      nextResponderInst,
+      blockHostResponder
+    );
+}
+var eventTypes = {
+    startShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onStartShouldSetResponder",
+        captured: "onStartShouldSetResponderCapture"
+      },
+      dependencies: startDependencies
+    },
+    scrollShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onScrollShouldSetResponder",
+        captured: "onScrollShouldSetResponderCapture"
+      },
+      dependencies: ["topScroll"]
+    },
+    selectionChangeShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onSelectionChangeShouldSetResponder",
+        captured: "onSelectionChangeShouldSetResponderCapture"
+      },
+      dependencies: ["topSelectionChange"]
+    },
+    moveShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onMoveShouldSetResponder",
+        captured: "onMoveShouldSetResponderCapture"
+      },
+      dependencies: moveDependencies
+    },
+    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: []
+    }
+  },
+  ResponderEventPlugin = {
+    _getResponder: function() {
+      return responderInst;
+    },
+    eventTypes: eventTypes,
+    extractEvents: function(
+      topLevelType,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      if (isStartish(topLevelType)) trackedTouchCount += 1;
+      else if (
+        "topTouchEnd" === topLevelType ||
+        "topTouchCancel" === topLevelType
+      )
+        if (0 <= trackedTouchCount) --trackedTouchCount;
+        else
+          return (
+            console.error(
+              "Ended a touch event which was not counted in `trackedTouchCount`."
+            ),
+            null
+          );
+      ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
+      if (
+        targetInst &&
+        (("topScroll" === topLevelType && !nativeEvent.responderIgnoreScroll) ||
+          (0 < trackedTouchCount && "topSelectionChange" === topLevelType) ||
+          isStartish(topLevelType) ||
+          isMoveish(topLevelType))
+      ) {
+        var JSCompiler_temp = isStartish(topLevelType)
+          ? eventTypes.startShouldSetResponder
+          : isMoveish(topLevelType)
+            ? eventTypes.moveShouldSetResponder
+            : "topSelectionChange" === topLevelType
+              ? eventTypes.selectionChangeShouldSetResponder
+              : eventTypes.scrollShouldSetResponder;
+        if (responderInst)
+          b: {
+            var JSCompiler_temp$jscomp$0 = responderInst;
+            for (
+              var depthA = 0, tempA = JSCompiler_temp$jscomp$0;
+              tempA;
+              tempA = getParent(tempA)
+            )
+              depthA++;
+            tempA = 0;
+            for (var tempB = targetInst; tempB; tempB = getParent(tempB))
+              tempA++;
+            for (; 0 < depthA - tempA; )
+              (JSCompiler_temp$jscomp$0 = getParent(JSCompiler_temp$jscomp$0)),
+                depthA--;
+            for (; 0 < tempA - depthA; )
+              (targetInst = getParent(targetInst)), tempA--;
+            for (; depthA--; ) {
+              if (
+                JSCompiler_temp$jscomp$0 === targetInst ||
+                JSCompiler_temp$jscomp$0 === targetInst.alternate
+              )
+                break b;
+              JSCompiler_temp$jscomp$0 = getParent(JSCompiler_temp$jscomp$0);
+              targetInst = getParent(targetInst);
+            }
+            JSCompiler_temp$jscomp$0 = null;
+          }
+        else JSCompiler_temp$jscomp$0 = targetInst;
+        targetInst = JSCompiler_temp$jscomp$0 === responderInst;
+        JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
+          JSCompiler_temp,
+          JSCompiler_temp$jscomp$0,
+          nativeEvent,
+          nativeEventTarget
+        );
+        JSCompiler_temp$jscomp$0.touchHistory =
+          ResponderTouchHistoryStore.touchHistory;
+        targetInst
+          ? forEachAccumulated(
+              JSCompiler_temp$jscomp$0,
+              accumulateTwoPhaseDispatchesSingleSkipTarget
+            )
+          : forEachAccumulated(
+              JSCompiler_temp$jscomp$0,
+              accumulateTwoPhaseDispatchesSingle
+            );
+        b: {
+          JSCompiler_temp = JSCompiler_temp$jscomp$0._dispatchListeners;
+          targetInst = JSCompiler_temp$jscomp$0._dispatchInstances;
+          if (Array.isArray(JSCompiler_temp))
+            for (
+              depthA = 0;
+              depthA < JSCompiler_temp.length &&
+              !JSCompiler_temp$jscomp$0.isPropagationStopped();
+              depthA++
+            ) {
+              if (
+                JSCompiler_temp[depthA](
+                  JSCompiler_temp$jscomp$0,
+                  targetInst[depthA]
+                )
+              ) {
+                JSCompiler_temp = targetInst[depthA];
+                break b;
+              }
+            }
+          else if (
+            JSCompiler_temp &&
+            JSCompiler_temp(JSCompiler_temp$jscomp$0, targetInst)
+          ) {
+            JSCompiler_temp = targetInst;
+            break b;
+          }
+          JSCompiler_temp = null;
+        }
+        JSCompiler_temp$jscomp$0._dispatchInstances = null;
+        JSCompiler_temp$jscomp$0._dispatchListeners = null;
+        JSCompiler_temp$jscomp$0.isPersistent() ||
+          JSCompiler_temp$jscomp$0.constructor.release(
+            JSCompiler_temp$jscomp$0
+          );
+        JSCompiler_temp && JSCompiler_temp !== responderInst
+          ? ((JSCompiler_temp$jscomp$0 = void 0),
+            (targetInst = ResponderSyntheticEvent.getPooled(
+              eventTypes.responderGrant,
+              JSCompiler_temp,
+              nativeEvent,
+              nativeEventTarget
+            )),
+            (targetInst.touchHistory = ResponderTouchHistoryStore.touchHistory),
+            forEachAccumulated(targetInst, accumulateDirectDispatchesSingle),
+            (depthA = !0 === executeDirectDispatch(targetInst)),
+            responderInst
+              ? ((tempA = ResponderSyntheticEvent.getPooled(
+                  eventTypes.responderTerminationRequest,
+                  responderInst,
+                  nativeEvent,
+                  nativeEventTarget
+                )),
+                (tempA.touchHistory = ResponderTouchHistoryStore.touchHistory),
+                forEachAccumulated(tempA, accumulateDirectDispatchesSingle),
+                (tempB =
+                  !tempA._dispatchListeners || executeDirectDispatch(tempA)),
+                tempA.isPersistent() || tempA.constructor.release(tempA),
+                tempB
+                  ? ((tempA = ResponderSyntheticEvent.getPooled(
+                      eventTypes.responderTerminate,
+                      responderInst,
+                      nativeEvent,
+                      nativeEventTarget
+                    )),
+                    (tempA.touchHistory =
+                      ResponderTouchHistoryStore.touchHistory),
+                    forEachAccumulated(tempA, accumulateDirectDispatchesSingle),
+                    (JSCompiler_temp$jscomp$0 = accumulate(
+                      JSCompiler_temp$jscomp$0,
+                      [targetInst, tempA]
+                    )),
+                    changeResponder(JSCompiler_temp, depthA))
+                  : ((JSCompiler_temp = ResponderSyntheticEvent.getPooled(
+                      eventTypes.responderReject,
+                      JSCompiler_temp,
+                      nativeEvent,
+                      nativeEventTarget
+                    )),
+                    (JSCompiler_temp.touchHistory =
+                      ResponderTouchHistoryStore.touchHistory),
+                    forEachAccumulated(
+                      JSCompiler_temp,
+                      accumulateDirectDispatchesSingle
+                    ),
+                    (JSCompiler_temp$jscomp$0 = accumulate(
+                      JSCompiler_temp$jscomp$0,
+                      JSCompiler_temp
+                    ))))
+              : ((JSCompiler_temp$jscomp$0 = accumulate(
+                  JSCompiler_temp$jscomp$0,
+                  targetInst
+                )),
+                changeResponder(JSCompiler_temp, depthA)),
+            (JSCompiler_temp = JSCompiler_temp$jscomp$0))
+          : (JSCompiler_temp = null);
+      } else JSCompiler_temp = null;
+      JSCompiler_temp$jscomp$0 = responderInst && isStartish(topLevelType);
+      targetInst = responderInst && isMoveish(topLevelType);
+      depthA =
+        responderInst &&
+        ("topTouchEnd" === topLevelType || "topTouchCancel" === topLevelType);
+      if (
+        (JSCompiler_temp$jscomp$0 = JSCompiler_temp$jscomp$0
+          ? eventTypes.responderStart
+          : targetInst
+            ? eventTypes.responderMove
+            : depthA
+              ? eventTypes.responderEnd
+              : null)
+      )
+        (JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
+          JSCompiler_temp$jscomp$0,
+          responderInst,
+          nativeEvent,
+          nativeEventTarget
+        )),
+          (JSCompiler_temp$jscomp$0.touchHistory =
+            ResponderTouchHistoryStore.touchHistory),
+          forEachAccumulated(
+            JSCompiler_temp$jscomp$0,
+            accumulateDirectDispatchesSingle
+          ),
+          (JSCompiler_temp = accumulate(
+            JSCompiler_temp,
+            JSCompiler_temp$jscomp$0
+          ));
+      JSCompiler_temp$jscomp$0 =
+        responderInst && "topTouchCancel" === topLevelType;
+      if (
+        (topLevelType =
+          responderInst &&
+          !JSCompiler_temp$jscomp$0 &&
+          ("topTouchEnd" === topLevelType || "topTouchCancel" === topLevelType))
+      )
+        a: {
+          if ((topLevelType = nativeEvent.touches) && 0 !== topLevelType.length)
+            for (targetInst = 0; targetInst < topLevelType.length; targetInst++)
+              if (
+                ((depthA = topLevelType[targetInst].target),
+                null !== depthA && void 0 !== depthA && 0 !== depthA)
+              ) {
+                tempA = getInstanceFromNode(depthA);
+                b: {
+                  for (depthA = responderInst; tempA; ) {
+                    if (depthA === tempA || depthA === tempA.alternate) {
+                      depthA = !0;
+                      break b;
+                    }
+                    tempA = getParent(tempA);
+                  }
+                  depthA = !1;
+                }
+                if (depthA) {
+                  topLevelType = !1;
+                  break a;
+                }
+              }
+          topLevelType = !0;
+        }
+      if (
+        (topLevelType = JSCompiler_temp$jscomp$0
+          ? eventTypes.responderTerminate
+          : topLevelType
+            ? eventTypes.responderRelease
+            : null)
+      )
+        (nativeEvent = ResponderSyntheticEvent.getPooled(
+          topLevelType,
+          responderInst,
+          nativeEvent,
+          nativeEventTarget
+        )),
+          (nativeEvent.touchHistory = ResponderTouchHistoryStore.touchHistory),
+          forEachAccumulated(nativeEvent, accumulateDirectDispatchesSingle),
+          (JSCompiler_temp = accumulate(JSCompiler_temp, nativeEvent)),
+          changeResponder(null);
+      return JSCompiler_temp;
+    },
+    GlobalResponderHandler: null,
+    injection: {
+      injectGlobalResponderHandler: function(GlobalResponderHandler) {
+        ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
+      }
+    }
+  },
+  customBubblingEventTypes =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customBubblingEventTypes,
+  customDirectEventTypes =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customDirectEventTypes;
+injection.injectEventPluginOrder([
+  "ResponderEventPlugin",
+  "ReactNativeBridgeEventPlugin"
+]);
+injection.injectEventPluginsByName({
+  ResponderEventPlugin: ResponderEventPlugin,
+  ReactNativeBridgeEventPlugin: {
+    eventTypes: {},
+    extractEvents: function(
+      topLevelType,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      if (null == targetInst) return null;
+      var bubbleDispatchConfig = customBubblingEventTypes[topLevelType],
+        directDispatchConfig = customDirectEventTypes[topLevelType];
+      if (!bubbleDispatchConfig && !directDispatchConfig)
+        throw ReactError(
+          Error(
+            'Unsupported top level event type "' + topLevelType + '" dispatched'
+          )
+        );
+      topLevelType = SyntheticEvent.getPooled(
+        bubbleDispatchConfig || directDispatchConfig,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget
+      );
+      if (bubbleDispatchConfig)
+        forEachAccumulated(topLevelType, accumulateTwoPhaseDispatchesSingle);
+      else if (directDispatchConfig)
+        forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
+      else return null;
+      return topLevelType;
+    }
+  }
+});
+var instanceCache = new Map(),
+  instanceProps = new Map();
+function getInstanceFromTag(tag) {
+  return instanceCache.get(tag) || null;
+}
+var restoreTarget = null,
+  restoreQueue = null;
+function restoreStateOfTarget(target) {
+  if (getInstanceFromNode(target))
+    throw ReactError(
+      Error(
+        "setRestoreImplementation() needs to be called to handle a target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+      )
+    );
+}
+require("../shims/ReactFeatureFlags");
+function batchedUpdatesImpl(fn, bookkeeping) {
+  return fn(bookkeeping);
+}
+function flushDiscreteUpdatesImpl() {}
+var isInsideEventHandler = !1;
+function batchedUpdates(fn, bookkeeping) {
+  if (isInsideEventHandler) return fn(bookkeeping);
+  isInsideEventHandler = !0;
+  try {
+    return batchedUpdatesImpl(fn, bookkeeping);
+  } finally {
+    if (
+      ((isInsideEventHandler = !1),
+      null !== restoreTarget || null !== restoreQueue)
+    )
+      if (
+        (flushDiscreteUpdatesImpl(),
+        restoreTarget &&
+          ((bookkeeping = restoreTarget),
+          (fn = restoreQueue),
+          (restoreQueue = restoreTarget = null),
+          restoreStateOfTarget(bookkeeping),
+          fn))
+      )
+        for (bookkeeping = 0; bookkeeping < fn.length; bookkeeping++)
+          restoreStateOfTarget(fn[bookkeeping]);
+  }
+}
+var EMPTY_NATIVE_EVENT = {};
+function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
+  var nativeEvent = nativeEventParam || EMPTY_NATIVE_EVENT,
+    inst = getInstanceFromTag(rootNodeID);
+  batchedUpdates(function() {
+    var events = nativeEvent.target;
+    for (var events$jscomp$0 = null, i = 0; i < plugins.length; i++) {
+      var possiblePlugin = plugins[i];
+      possiblePlugin &&
+        (possiblePlugin = possiblePlugin.extractEvents(
+          topLevelType,
+          inst,
+          nativeEvent,
+          events
+        )) &&
+        (events$jscomp$0 = accumulateInto(events$jscomp$0, possiblePlugin));
+    }
+    events = events$jscomp$0;
+    null !== events && (eventQueue = accumulateInto(eventQueue, events));
+    events = eventQueue;
+    eventQueue = null;
+    if (events) {
+      forEachAccumulated(events, executeDispatchesAndReleaseTopLevel);
+      if (eventQueue)
+        throw ReactError(
+          Error(
+            "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+          )
+        );
+      if (hasRethrowError)
+        throw ((events = rethrowError),
+        (hasRethrowError = !1),
+        (rethrowError = null),
+        events);
+    }
+  });
+}
+ReactNativePrivateInterface.RCTEventEmitter.register({
+  receiveEvent: function(rootNodeID, topLevelType, nativeEventParam) {
+    _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam);
+  },
+  receiveTouches: function(eventTopLevelType, touches, changedIndices) {
+    if (
+      "topTouchEnd" === eventTopLevelType ||
+      "topTouchCancel" === eventTopLevelType
+    ) {
+      var JSCompiler_temp = [];
+      for (var i = 0; i < changedIndices.length; i++) {
+        var index = changedIndices[i];
+        JSCompiler_temp.push(touches[index]);
+        touches[index] = null;
+      }
+      for (i = changedIndices = 0; i < touches.length; i++)
+        (index = touches[i]),
+          null !== index && (touches[changedIndices++] = index);
+      touches.length = changedIndices;
+    } else
+      for (JSCompiler_temp = [], i = 0; i < changedIndices.length; i++)
+        JSCompiler_temp.push(touches[changedIndices[i]]);
+    for (
+      changedIndices = 0;
+      changedIndices < JSCompiler_temp.length;
+      changedIndices++
+    ) {
+      i = JSCompiler_temp[changedIndices];
+      i.changedTouches = JSCompiler_temp;
+      i.touches = touches;
+      index = null;
+      var target = i.target;
+      null === target || void 0 === target || 1 > target || (index = target);
+      _receiveRootNodeIDEvent(index, eventTopLevelType, i);
+    }
+  }
+});
+getFiberCurrentPropsFromNode = function(stateNode) {
+  return instanceProps.get(stateNode._nativeTag) || null;
+};
+getInstanceFromNode = getInstanceFromTag;
+getNodeFromInstance = function(inst) {
+  var tag = inst.stateNode._nativeTag;
+  void 0 === tag && (tag = inst.stateNode.canonical._nativeTag);
+  if (!tag) throw ReactError(Error("All native instances should have a tag."));
+  return tag;
+};
+ResponderEventPlugin.injection.injectGlobalResponderHandler({
+  onChange: function(from, to, blockNativeResponder) {
+    null !== to
+      ? ReactNativePrivateInterface.UIManager.setJSResponder(
+          to.stateNode._nativeTag,
+          blockNativeResponder
+        )
+      : ReactNativePrivateInterface.UIManager.clearJSResponder();
+  }
+});
+var ReactSharedInternals =
+  React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+ReactSharedInternals.hasOwnProperty("ReactCurrentDispatcher") ||
+  (ReactSharedInternals.ReactCurrentDispatcher = { current: null });
+ReactSharedInternals.hasOwnProperty("ReactCurrentBatchConfig") ||
+  (ReactSharedInternals.ReactCurrentBatchConfig = { suspense: null });
+var hasSymbol = "function" === typeof Symbol && Symbol.for,
+  REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103,
+  REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106,
+  REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107,
+  REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108,
+  REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114,
+  REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109,
+  REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110,
+  REACT_CONCURRENT_MODE_TYPE = hasSymbol
+    ? Symbol.for("react.concurrent_mode")
+    : 60111,
+  REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112,
+  REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113,
+  REACT_SUSPENSE_LIST_TYPE = hasSymbol
+    ? Symbol.for("react.suspense_list")
+    : 60120,
+  REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115,
+  REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
+hasSymbol && Symbol.for("react.fundamental");
+hasSymbol && Symbol.for("react.responder");
+var MAYBE_ITERATOR_SYMBOL = "function" === typeof 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 getComponentName(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 "Context.Consumer";
+      case REACT_PROVIDER_TYPE:
+        return "Context.Provider";
+      case REACT_FORWARD_REF_TYPE:
+        var innerType = type.render;
+        innerType = innerType.displayName || innerType.name || "";
+        return (
+          type.displayName ||
+          ("" !== innerType ? "ForwardRef(" + innerType + ")" : "ForwardRef")
+        );
+      case REACT_MEMO_TYPE:
+        return getComponentName(type.type);
+      case REACT_LAZY_TYPE:
+        if ((type = 1 === type._status ? type._result : null))
+          return getComponentName(type);
+    }
+  return null;
+}
+function isFiberMountedImpl(fiber) {
+  var node = fiber;
+  if (fiber.alternate) for (; node.return; ) node = node.return;
+  else {
+    if (0 !== (node.effectTag & 2)) return 1;
+    for (; node.return; )
+      if (((node = node.return), 0 !== (node.effectTag & 2))) return 1;
+  }
+  return 3 === node.tag ? 2 : 3;
+}
+function assertIsMounted(fiber) {
+  if (2 !== isFiberMountedImpl(fiber))
+    throw ReactError(Error("Unable to find node on an unmounted component."));
+}
+function findCurrentFiberUsingSlowPath(fiber) {
+  var alternate = fiber.alternate;
+  if (!alternate) {
+    alternate = isFiberMountedImpl(fiber);
+    if (3 === alternate)
+      throw ReactError(Error("Unable to find node on an unmounted component."));
+    return 1 === alternate ? 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 ReactError(Error("Unable to find node on an unmounted component."));
+    }
+    if (a.return !== b.return) (a = parentA), (b = parentB);
+    else {
+      for (var didFindChild = !1, _child = parentA.child; _child; ) {
+        if (_child === a) {
+          didFindChild = !0;
+          a = parentA;
+          b = parentB;
+          break;
+        }
+        if (_child === b) {
+          didFindChild = !0;
+          b = parentA;
+          a = parentB;
+          break;
+        }
+        _child = _child.sibling;
+      }
+      if (!didFindChild) {
+        for (_child = parentB.child; _child; ) {
+          if (_child === a) {
+            didFindChild = !0;
+            a = parentB;
+            b = parentA;
+            break;
+          }
+          if (_child === b) {
+            didFindChild = !0;
+            b = parentB;
+            a = parentA;
+            break;
+          }
+          _child = _child.sibling;
+        }
+        if (!didFindChild)
+          throw ReactError(
+            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 ReactError(
+        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 ReactError(Error("Unable to find node on an unmounted component."));
+  return a.stateNode.current === a ? fiber : alternate;
+}
+function findCurrentHostFiber(parent) {
+  parent = findCurrentFiberUsingSlowPath(parent);
+  if (!parent) return null;
+  for (var node = parent; ; ) {
+    if (5 === node.tag || 6 === node.tag) return node;
+    if (node.child) (node.child.return = node), (node = node.child);
+    else {
+      if (node === parent) break;
+      for (; !node.sibling; ) {
+        if (!node.return || node.return === parent) return null;
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  }
+  return null;
+}
+var emptyObject = {},
+  removedKeys = null,
+  removedKeyCount = 0;
+function restoreDeletedValuesInNestedArray(
+  updatePayload,
+  node,
+  validAttributes
+) {
+  if (Array.isArray(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 (!Array.isArray(prevProp) && !Array.isArray(nextProp))
+    return diffProperties(updatePayload, prevProp, nextProp, validAttributes);
+  if (Array.isArray(prevProp) && Array.isArray(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 Array.isArray(prevProp)
+    ? diffProperties(
+        updatePayload,
+        ReactNativePrivateInterface.flattenStyle(prevProp),
+        nextProp,
+        validAttributes
+      )
+    : diffProperties(
+        updatePayload,
+        prevProp,
+        ReactNativePrivateInterface.flattenStyle(nextProp),
+        validAttributes
+      );
+}
+function addNestedProperty(updatePayload, nextProp, validAttributes) {
+  if (!nextProp) return updatePayload;
+  if (!Array.isArray(nextProp))
+    return diffProperties(
+      updatePayload,
+      emptyObject,
+      nextProp,
+      validAttributes
+    );
+  for (var i = 0; i < nextProp.length; i++)
+    updatePayload = addNestedProperty(
+      updatePayload,
+      nextProp[i],
+      validAttributes
+    );
+  return updatePayload;
+}
+function clearNestedProperty(updatePayload, prevProp, validAttributes) {
+  if (!prevProp) return updatePayload;
+  if (!Array.isArray(prevProp))
+    return diffProperties(
+      updatePayload,
+      prevProp,
+      emptyObject,
+      validAttributes
+    );
+  for (var i = 0; i < prevProp.length; i++)
+    updatePayload = clearNestedProperty(
+      updatePayload,
+      prevProp[i],
+      validAttributes
+    );
+  return updatePayload;
+}
+function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
+  var attributeConfig, propKey;
+  for (propKey in nextProps)
+    if ((attributeConfig = validAttributes[propKey])) {
+      var prevProp = prevProps[propKey];
+      var nextProp = nextProps[propKey];
+      "function" === typeof nextProp &&
+        ((nextProp = !0), "function" === typeof prevProp && (prevProp = !0));
+      "undefined" === typeof nextProp &&
+        ((nextProp = null),
+        "undefined" === typeof prevProp && (prevProp = null));
+      removedKeys && (removedKeys[propKey] = !1);
+      if (updatePayload && void 0 !== updatePayload[propKey])
+        if ("object" !== typeof attributeConfig)
+          updatePayload[propKey] = nextProp;
+        else {
+          if (
+            "function" === typeof attributeConfig.diff ||
+            "function" === typeof attributeConfig.process
+          )
+            (attributeConfig =
+              "function" === typeof attributeConfig.process
+                ? attributeConfig.process(nextProp)
+                : nextProp),
+              (updatePayload[propKey] = attributeConfig);
+        }
+      else if (prevProp !== nextProp)
+        if ("object" !== typeof attributeConfig)
+          ("object" !== typeof nextProp ||
+            null === nextProp ||
+            ReactNativePrivateInterface.deepDiffer(prevProp, nextProp)) &&
+            ((updatePayload || (updatePayload = {}))[propKey] = nextProp);
+        else if (
+          "function" === typeof attributeConfig.diff ||
+          "function" === typeof attributeConfig.process
+        ) {
+          if (
+            void 0 === prevProp ||
+            ("function" === typeof attributeConfig.diff
+              ? attributeConfig.diff(prevProp, nextProp)
+              : "object" !== typeof nextProp ||
+                null === nextProp ||
+                ReactNativePrivateInterface.deepDiffer(prevProp, nextProp))
+          )
+            (attributeConfig =
+              "function" === typeof attributeConfig.process
+                ? attributeConfig.process(nextProp)
+                : nextProp),
+              ((updatePayload || (updatePayload = {}))[
+                propKey
+              ] = attributeConfig);
+        } else
+          (removedKeys = null),
+            (removedKeyCount = 0),
+            (updatePayload = diffNestedProperty(
+              updatePayload,
+              prevProp,
+              nextProp,
+              attributeConfig
+            )),
+            0 < removedKeyCount &&
+              updatePayload &&
+              (restoreDeletedValuesInNestedArray(
+                updatePayload,
+                nextProp,
+                attributeConfig
+              ),
+              (removedKeys = null));
+    }
+  for (var _propKey in prevProps)
+    void 0 === nextProps[_propKey] &&
+      (!(attributeConfig = validAttributes[_propKey]) ||
+        (updatePayload && void 0 !== updatePayload[_propKey]) ||
+        ((prevProp = prevProps[_propKey]),
+        void 0 !== prevProp &&
+          ("object" !== typeof attributeConfig ||
+          "function" === typeof attributeConfig.diff ||
+          "function" === typeof attributeConfig.process
+            ? (((updatePayload || (updatePayload = {}))[_propKey] = null),
+              removedKeys || (removedKeys = {}),
+              removedKeys[_propKey] ||
+                ((removedKeys[_propKey] = !0), removedKeyCount++))
+            : (updatePayload = clearNestedProperty(
+                updatePayload,
+                prevProp,
+                attributeConfig
+              )))));
+  return updatePayload;
+}
+function mountSafeCallback_NOT_REALLY_SAFE(context, callback) {
+  return function() {
+    if (
+      callback &&
+      ("boolean" !== typeof context.__isMounted || context.__isMounted)
+    )
+      return callback.apply(context, arguments);
+  };
+}
+var ReactNativeFiberHostComponent = (function() {
+  function ReactNativeFiberHostComponent(tag, viewConfig) {
+    if (!(this instanceof ReactNativeFiberHostComponent))
+      throw new TypeError("Cannot call a class as a function");
+    this._nativeTag = tag;
+    this._children = [];
+    this.viewConfig = viewConfig;
+  }
+  ReactNativeFiberHostComponent.prototype.blur = function() {
+    ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
+  };
+  ReactNativeFiberHostComponent.prototype.focus = function() {
+    ReactNativePrivateInterface.TextInputState.focusTextInput(this._nativeTag);
+  };
+  ReactNativeFiberHostComponent.prototype.measure = function(callback) {
+    ReactNativePrivateInterface.UIManager.measure(
+      this._nativeTag,
+      mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+    );
+  };
+  ReactNativeFiberHostComponent.prototype.measureInWindow = function(callback) {
+    ReactNativePrivateInterface.UIManager.measureInWindow(
+      this._nativeTag,
+      mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+    );
+  };
+  ReactNativeFiberHostComponent.prototype.measureLayout = function(
+    relativeToNativeNode,
+    onSuccess,
+    onFail
+  ) {
+    var relativeNode = void 0;
+    "number" === typeof relativeToNativeNode
+      ? (relativeNode = relativeToNativeNode)
+      : relativeToNativeNode._nativeTag
+        ? (relativeNode = relativeToNativeNode._nativeTag)
+        : relativeToNativeNode.canonical &&
+          relativeToNativeNode.canonical._nativeTag &&
+          (relativeNode = relativeToNativeNode.canonical._nativeTag);
+    null != relativeNode &&
+      ReactNativePrivateInterface.UIManager.measureLayout(
+        this._nativeTag,
+        relativeNode,
+        mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
+        mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
+      );
+  };
+  ReactNativeFiberHostComponent.prototype.setNativeProps = function(
+    nativeProps
+  ) {
+    nativeProps = diffProperties(
+      null,
+      emptyObject,
+      nativeProps,
+      this.viewConfig.validAttributes
+    );
+    null != nativeProps &&
+      ReactNativePrivateInterface.UIManager.updateView(
+        this._nativeTag,
+        this.viewConfig.uiViewClassName,
+        nativeProps
+      );
+  };
+  return ReactNativeFiberHostComponent;
+})();
+function shim$1() {
+  throw ReactError(
+    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;
+  1 === tag % 10 && (tag += 2);
+  nextReactTag = tag + 2;
+  return tag;
+}
+function recursivelyUncacheFiberNode(node) {
+  if ("number" === typeof node)
+    instanceCache.delete(node), instanceProps.delete(node);
+  else {
+    var tag = node._nativeTag;
+    instanceCache.delete(tag);
+    instanceProps.delete(tag);
+    node._children.forEach(recursivelyUncacheFiberNode);
+  }
+}
+function finalizeInitialChildren(parentInstance) {
+  if (0 === parentInstance._children.length) return !1;
+  var nativeTags = parentInstance._children.map(function(child) {
+    return "number" === typeof child ? child : child._nativeTag;
+  });
+  ReactNativePrivateInterface.UIManager.setChildren(
+    parentInstance._nativeTag,
+    nativeTags
+  );
+  return !1;
+}
+var scheduleTimeout = setTimeout,
+  cancelTimeout = clearTimeout,
+  BEFORE_SLASH_RE = /^(.*)[\\\/]/;
+function getStackByFiberInDevAndProd(workInProgress) {
+  var info = "";
+  do {
+    a: switch (workInProgress.tag) {
+      case 3:
+      case 4:
+      case 6:
+      case 7:
+      case 10:
+      case 9:
+        var JSCompiler_inline_result = "";
+        break a;
+      default:
+        var owner = workInProgress._debugOwner,
+          source = workInProgress._debugSource,
+          name = getComponentName(workInProgress.type);
+        JSCompiler_inline_result = null;
+        owner && (JSCompiler_inline_result = getComponentName(owner.type));
+        owner = name;
+        name = "";
+        source
+          ? (name =
+              " (at " +
+              source.fileName.replace(BEFORE_SLASH_RE, "") +
+              ":" +
+              source.lineNumber +
+              ")")
+          : JSCompiler_inline_result &&
+            (name = " (created by " + JSCompiler_inline_result + ")");
+        JSCompiler_inline_result = "\n    in " + (owner || "Unknown") + name;
+    }
+    info += JSCompiler_inline_result;
+    workInProgress = workInProgress.return;
+  } while (workInProgress);
+  return info;
+}
+new Set();
+var valueStack = [],
+  index = -1;
+function pop(cursor) {
+  0 > index ||
+    ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
+}
+function push(cursor, value) {
+  index++;
+  valueStack[index] = cursor.current;
+  cursor.current = value;
+}
+var emptyContextObject = {},
+  contextStackCursor = { current: emptyContextObject },
+  didPerformWorkStackCursor = { current: !1 },
+  previousContext = emptyContextObject;
+function getMaskedContext(workInProgress, unmaskedContext) {
+  var contextTypes = workInProgress.type.contextTypes;
+  if (!contextTypes) return emptyContextObject;
+  var instance = workInProgress.stateNode;
+  if (
+    instance &&
+    instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
+  )
+    return instance.__reactInternalMemoizedMaskedChildContext;
+  var context = {},
+    key;
+  for (key in contextTypes) context[key] = unmaskedContext[key];
+  instance &&
+    ((workInProgress = workInProgress.stateNode),
+    (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
+    (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
+  return context;
+}
+function isContextProvider(type) {
+  type = type.childContextTypes;
+  return null !== type && void 0 !== type;
+}
+function popContext(fiber) {
+  pop(didPerformWorkStackCursor, fiber);
+  pop(contextStackCursor, fiber);
+}
+function popTopLevelContextObject(fiber) {
+  pop(didPerformWorkStackCursor, fiber);
+  pop(contextStackCursor, fiber);
+}
+function pushTopLevelContextObject(fiber, context, didChange) {
+  if (contextStackCursor.current !== emptyContextObject)
+    throw ReactError(
+      Error(
+        "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
+      )
+    );
+  push(contextStackCursor, context, fiber);
+  push(didPerformWorkStackCursor, didChange, fiber);
+}
+function processChildContext(fiber, type, parentContext) {
+  var instance = fiber.stateNode;
+  fiber = type.childContextTypes;
+  if ("function" !== typeof instance.getChildContext) return parentContext;
+  instance = instance.getChildContext();
+  for (var contextKey in instance)
+    if (!(contextKey in fiber))
+      throw ReactError(
+        Error(
+          (getComponentName(type) || "Unknown") +
+            '.getChildContext(): key "' +
+            contextKey +
+            '" is not defined in childContextTypes.'
+        )
+      );
+  return Object.assign({}, parentContext, instance);
+}
+function pushContextProvider(workInProgress) {
+  var instance = workInProgress.stateNode;
+  instance =
+    (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+    emptyContextObject;
+  previousContext = contextStackCursor.current;
+  push(contextStackCursor, instance, workInProgress);
+  push(
+    didPerformWorkStackCursor,
+    didPerformWorkStackCursor.current,
+    workInProgress
+  );
+  return !0;
+}
+function invalidateContextProvider(workInProgress, type, didChange) {
+  var instance = workInProgress.stateNode;
+  if (!instance)
+    throw ReactError(
+      Error(
+        "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
+      )
+    );
+  didChange
+    ? ((type = processChildContext(workInProgress, type, previousContext)),
+      (instance.__reactInternalMemoizedMergedChildContext = type),
+      pop(didPerformWorkStackCursor, workInProgress),
+      pop(contextStackCursor, workInProgress),
+      push(contextStackCursor, type, workInProgress))
+    : pop(didPerformWorkStackCursor, workInProgress);
+  push(didPerformWorkStackCursor, didChange, workInProgress);
+}
+var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority,
+  Scheduler_scheduleCallback = Scheduler.unstable_scheduleCallback,
+  Scheduler_cancelCallback = Scheduler.unstable_cancelCallback,
+  Scheduler_shouldYield = Scheduler.unstable_shouldYield,
+  Scheduler_requestPaint = Scheduler.unstable_requestPaint,
+  Scheduler_now = Scheduler.unstable_now,
+  Scheduler_getCurrentPriorityLevel =
+    Scheduler.unstable_getCurrentPriorityLevel,
+  Scheduler_ImmediatePriority = Scheduler.unstable_ImmediatePriority,
+  Scheduler_UserBlockingPriority = Scheduler.unstable_UserBlockingPriority,
+  Scheduler_NormalPriority = Scheduler.unstable_NormalPriority,
+  Scheduler_LowPriority = Scheduler.unstable_LowPriority,
+  Scheduler_IdlePriority = Scheduler.unstable_IdlePriority;
+if (
+  null == tracing.__interactionsRef ||
+  null == tracing.__interactionsRef.current
+)
+  throw ReactError(
+    Error(
+      "It is not supported to run the profiling version of a renderer (for example, `react-dom/profiling`) without also replacing the `scheduler/tracing` module with `scheduler/tracing-profiling`. Your bundler might have a setting for aliasing both modules. Learn more at http://fb.me/react-profiling"
+    )
+  );
+var fakeCallbackNode = {},
+  requestPaint =
+    void 0 !== Scheduler_requestPaint ? Scheduler_requestPaint : function() {},
+  syncQueue = null,
+  immediateQueueCallbackNode = null,
+  isFlushingSyncQueue = !1,
+  initialTimeMs = Scheduler_now(),
+  now =
+    1e4 > initialTimeMs
+      ? Scheduler_now
+      : function() {
+          return Scheduler_now() - initialTimeMs;
+        };
+function getCurrentPriorityLevel() {
+  switch (Scheduler_getCurrentPriorityLevel()) {
+    case Scheduler_ImmediatePriority:
+      return 99;
+    case Scheduler_UserBlockingPriority:
+      return 98;
+    case Scheduler_NormalPriority:
+      return 97;
+    case Scheduler_LowPriority:
+      return 96;
+    case Scheduler_IdlePriority:
+      return 95;
+    default:
+      throw ReactError(Error("Unknown priority level."));
+  }
+}
+function reactPriorityToSchedulerPriority(reactPriorityLevel) {
+  switch (reactPriorityLevel) {
+    case 99:
+      return Scheduler_ImmediatePriority;
+    case 98:
+      return Scheduler_UserBlockingPriority;
+    case 97:
+      return Scheduler_NormalPriority;
+    case 96:
+      return Scheduler_LowPriority;
+    case 95:
+      return Scheduler_IdlePriority;
+    default:
+      throw ReactError(Error("Unknown priority level."));
+  }
+}
+function runWithPriority(reactPriorityLevel, fn) {
+  reactPriorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
+  return Scheduler_runWithPriority(reactPriorityLevel, fn);
+}
+function scheduleCallback(reactPriorityLevel, callback, options) {
+  reactPriorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
+  return Scheduler_scheduleCallback(reactPriorityLevel, callback, options);
+}
+function scheduleSyncCallback(callback) {
+  null === syncQueue
+    ? ((syncQueue = [callback]),
+      (immediateQueueCallbackNode = Scheduler_scheduleCallback(
+        Scheduler_ImmediatePriority,
+        flushSyncCallbackQueueImpl
+      )))
+    : syncQueue.push(callback);
+  return fakeCallbackNode;
+}
+function flushSyncCallbackQueue() {
+  null !== immediateQueueCallbackNode &&
+    Scheduler_cancelCallback(immediateQueueCallbackNode);
+  flushSyncCallbackQueueImpl();
+}
+function flushSyncCallbackQueueImpl() {
+  if (!isFlushingSyncQueue && null !== syncQueue) {
+    isFlushingSyncQueue = !0;
+    var i = 0;
+    try {
+      var queue = syncQueue;
+      runWithPriority(99, function() {
+        for (; i < queue.length; i++) {
+          var callback = queue[i];
+          do callback = callback(!0);
+          while (null !== callback);
+        }
+      });
+      syncQueue = null;
+    } catch (error) {
+      throw (null !== syncQueue && (syncQueue = syncQueue.slice(i + 1)),
+      Scheduler_scheduleCallback(
+        Scheduler_ImmediatePriority,
+        flushSyncCallbackQueue
+      ),
+      error);
+    } finally {
+      isFlushingSyncQueue = !1;
+    }
+  }
+}
+function inferPriorityFromExpirationTime(currentTime, expirationTime) {
+  if (1073741823 === expirationTime) return 99;
+  if (1 === expirationTime) return 95;
+  currentTime =
+    10 * (1073741821 - expirationTime) - 10 * (1073741821 - currentTime);
+  return 0 >= currentTime
+    ? 99
+    : 250 >= currentTime
+      ? 98
+      : 5250 >= currentTime
+        ? 97
+        : 95;
+}
+function is(x, y) {
+  return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
+}
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+function shallowEqual(objA, objB) {
+  if (is(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++)
+    if (
+      !hasOwnProperty.call(objB, keysA[keysB]) ||
+      !is(objA[keysA[keysB]], objB[keysA[keysB]])
+    )
+      return !1;
+  return !0;
+}
+function resolveDefaultProps(Component, baseProps) {
+  if (Component && Component.defaultProps) {
+    baseProps = Object.assign({}, baseProps);
+    Component = Component.defaultProps;
+    for (var propName in Component)
+      void 0 === baseProps[propName] &&
+        (baseProps[propName] = Component[propName]);
+  }
+  return baseProps;
+}
+function readLazyComponentType(lazyComponent) {
+  var result = lazyComponent._result;
+  switch (lazyComponent._status) {
+    case 1:
+      return result;
+    case 2:
+      throw result;
+    case 0:
+      throw result;
+    default:
+      lazyComponent._status = 0;
+      result = lazyComponent._ctor;
+      result = result();
+      result.then(
+        function(moduleObject) {
+          0 === lazyComponent._status &&
+            ((moduleObject = moduleObject.default),
+            (lazyComponent._status = 1),
+            (lazyComponent._result = moduleObject));
+        },
+        function(error) {
+          0 === lazyComponent._status &&
+            ((lazyComponent._status = 2), (lazyComponent._result = error));
+        }
+      );
+      switch (lazyComponent._status) {
+        case 1:
+          return lazyComponent._result;
+        case 2:
+          throw lazyComponent._result;
+      }
+      lazyComponent._result = result;
+      throw result;
+  }
+}
+var valueCursor = { current: null },
+  currentlyRenderingFiber = null,
+  lastContextDependency = null,
+  lastContextWithAllBitsObserved = null;
+function resetContextDependencies() {
+  lastContextWithAllBitsObserved = lastContextDependency = currentlyRenderingFiber = null;
+}
+function pushProvider(providerFiber, nextValue) {
+  var context = providerFiber.type._context;
+  push(valueCursor, context._currentValue, providerFiber);
+  context._currentValue = nextValue;
+}
+function popProvider(providerFiber) {
+  var currentValue = valueCursor.current;
+  pop(valueCursor, providerFiber);
+  providerFiber.type._context._currentValue = currentValue;
+}
+function scheduleWorkOnParentPath(parent, renderExpirationTime) {
+  for (; null !== parent; ) {
+    var alternate = parent.alternate;
+    if (parent.childExpirationTime < renderExpirationTime)
+      (parent.childExpirationTime = renderExpirationTime),
+        null !== alternate &&
+          alternate.childExpirationTime < renderExpirationTime &&
+          (alternate.childExpirationTime = renderExpirationTime);
+    else if (
+      null !== alternate &&
+      alternate.childExpirationTime < renderExpirationTime
+    )
+      alternate.childExpirationTime = renderExpirationTime;
+    else break;
+    parent = parent.return;
+  }
+}
+function prepareToReadContext(workInProgress, renderExpirationTime) {
+  currentlyRenderingFiber = workInProgress;
+  lastContextWithAllBitsObserved = lastContextDependency = null;
+  workInProgress = workInProgress.dependencies;
+  null !== workInProgress &&
+    null !== workInProgress.firstContext &&
+    (workInProgress.expirationTime >= renderExpirationTime &&
+      (didReceiveUpdate = !0),
+    (workInProgress.firstContext = null));
+}
+function readContext(context, observedBits) {
+  if (
+    lastContextWithAllBitsObserved !== context &&
+    !1 !== observedBits &&
+    0 !== observedBits
+  ) {
+    if ("number" !== typeof observedBits || 1073741823 === observedBits)
+      (lastContextWithAllBitsObserved = context), (observedBits = 1073741823);
+    observedBits = { context: context, observedBits: observedBits, next: null };
+    if (null === lastContextDependency) {
+      if (null === currentlyRenderingFiber)
+        throw ReactError(
+          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 = observedBits;
+      currentlyRenderingFiber.dependencies = {
+        expirationTime: 0,
+        firstContext: observedBits,
+        responders: null
+      };
+    } else lastContextDependency = lastContextDependency.next = observedBits;
+  }
+  return context._currentValue;
+}
+var hasForceUpdate = !1;
+function createUpdateQueue(baseState) {
+  return {
+    baseState: baseState,
+    firstUpdate: null,
+    lastUpdate: null,
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+    firstEffect: null,
+    lastEffect: null,
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
+  };
+}
+function cloneUpdateQueue(currentQueue) {
+  return {
+    baseState: currentQueue.baseState,
+    firstUpdate: currentQueue.firstUpdate,
+    lastUpdate: currentQueue.lastUpdate,
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+    firstEffect: null,
+    lastEffect: null,
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
+  };
+}
+function createUpdate(expirationTime, suspenseConfig) {
+  return {
+    expirationTime: expirationTime,
+    suspenseConfig: suspenseConfig,
+    tag: 0,
+    payload: null,
+    callback: null,
+    next: null,
+    nextEffect: null
+  };
+}
+function appendUpdateToQueue(queue, update) {
+  null === queue.lastUpdate
+    ? (queue.firstUpdate = queue.lastUpdate = update)
+    : ((queue.lastUpdate.next = update), (queue.lastUpdate = update));
+}
+function enqueueUpdate(fiber, update) {
+  var alternate = fiber.alternate;
+  if (null === alternate) {
+    var queue1 = fiber.updateQueue;
+    var queue2 = null;
+    null === queue1 &&
+      (queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState));
+  } else
+    (queue1 = fiber.updateQueue),
+      (queue2 = alternate.updateQueue),
+      null === queue1
+        ? null === queue2
+          ? ((queue1 = fiber.updateQueue = createUpdateQueue(
+              fiber.memoizedState
+            )),
+            (queue2 = alternate.updateQueue = createUpdateQueue(
+              alternate.memoizedState
+            )))
+          : (queue1 = fiber.updateQueue = cloneUpdateQueue(queue2))
+        : null === queue2 &&
+          (queue2 = alternate.updateQueue = cloneUpdateQueue(queue1));
+  null === queue2 || queue1 === queue2
+    ? appendUpdateToQueue(queue1, update)
+    : null === queue1.lastUpdate || null === queue2.lastUpdate
+      ? (appendUpdateToQueue(queue1, update),
+        appendUpdateToQueue(queue2, update))
+      : (appendUpdateToQueue(queue1, update), (queue2.lastUpdate = update));
+}
+function enqueueCapturedUpdate(workInProgress, update) {
+  var workInProgressQueue = workInProgress.updateQueue;
+  workInProgressQueue =
+    null === workInProgressQueue
+      ? (workInProgress.updateQueue = createUpdateQueue(
+          workInProgress.memoizedState
+        ))
+      : ensureWorkInProgressQueueIsAClone(workInProgress, workInProgressQueue);
+  null === workInProgressQueue.lastCapturedUpdate
+    ? (workInProgressQueue.firstCapturedUpdate = workInProgressQueue.lastCapturedUpdate = update)
+    : ((workInProgressQueue.lastCapturedUpdate.next = update),
+      (workInProgressQueue.lastCapturedUpdate = update));
+}
+function ensureWorkInProgressQueueIsAClone(workInProgress, queue) {
+  var current = workInProgress.alternate;
+  null !== current &&
+    queue === current.updateQueue &&
+    (queue = workInProgress.updateQueue = cloneUpdateQueue(queue));
+  return queue;
+}
+function getStateFromUpdate(
+  workInProgress,
+  queue,
+  update,
+  prevState,
+  nextProps,
+  instance
+) {
+  switch (update.tag) {
+    case 1:
+      return (
+        (workInProgress = update.payload),
+        "function" === typeof workInProgress
+          ? workInProgress.call(instance, prevState, nextProps)
+          : workInProgress
+      );
+    case 3:
+      workInProgress.effectTag = (workInProgress.effectTag & -2049) | 64;
+    case 0:
+      workInProgress = update.payload;
+      nextProps =
+        "function" === typeof workInProgress
+          ? workInProgress.call(instance, prevState, nextProps)
+          : workInProgress;
+      if (null === nextProps || void 0 === nextProps) break;
+      return Object.assign({}, prevState, nextProps);
+    case 2:
+      hasForceUpdate = !0;
+  }
+  return prevState;
+}
+function processUpdateQueue(
+  workInProgress,
+  queue,
+  props,
+  instance,
+  renderExpirationTime
+) {
+  hasForceUpdate = !1;
+  queue = ensureWorkInProgressQueueIsAClone(workInProgress, queue);
+  for (
+    var newBaseState = queue.baseState,
+      newFirstUpdate = null,
+      newExpirationTime = 0,
+      update = queue.firstUpdate,
+      resultState = newBaseState;
+    null !== update;
+
+  ) {
+    var updateExpirationTime = update.expirationTime;
+    updateExpirationTime < renderExpirationTime
+      ? (null === newFirstUpdate &&
+          ((newFirstUpdate = update), (newBaseState = resultState)),
+        newExpirationTime < updateExpirationTime &&
+          (newExpirationTime = updateExpirationTime))
+      : (markRenderEventTimeAndConfig(
+          updateExpirationTime,
+          update.suspenseConfig
+        ),
+        (resultState = getStateFromUpdate(
+          workInProgress,
+          queue,
+          update,
+          resultState,
+          props,
+          instance
+        )),
+        null !== update.callback &&
+          ((workInProgress.effectTag |= 32),
+          (update.nextEffect = null),
+          null === queue.lastEffect
+            ? (queue.firstEffect = queue.lastEffect = update)
+            : ((queue.lastEffect.nextEffect = update),
+              (queue.lastEffect = update))));
+    update = update.next;
+  }
+  updateExpirationTime = null;
+  for (update = queue.firstCapturedUpdate; null !== update; ) {
+    var _updateExpirationTime = update.expirationTime;
+    _updateExpirationTime < renderExpirationTime
+      ? (null === updateExpirationTime &&
+          ((updateExpirationTime = update),
+          null === newFirstUpdate && (newBaseState = resultState)),
+        newExpirationTime < _updateExpirationTime &&
+          (newExpirationTime = _updateExpirationTime))
+      : ((resultState = getStateFromUpdate(
+          workInProgress,
+          queue,
+          update,
+          resultState,
+          props,
+          instance
+        )),
+        null !== update.callback &&
+          ((workInProgress.effectTag |= 32),
+          (update.nextEffect = null),
+          null === queue.lastCapturedEffect
+            ? (queue.firstCapturedEffect = queue.lastCapturedEffect = update)
+            : ((queue.lastCapturedEffect.nextEffect = update),
+              (queue.lastCapturedEffect = update))));
+    update = update.next;
+  }
+  null === newFirstUpdate && (queue.lastUpdate = null);
+  null === updateExpirationTime
+    ? (queue.lastCapturedUpdate = null)
+    : (workInProgress.effectTag |= 32);
+  null === newFirstUpdate &&
+    null === updateExpirationTime &&
+    (newBaseState = resultState);
+  queue.baseState = newBaseState;
+  queue.firstUpdate = newFirstUpdate;
+  queue.firstCapturedUpdate = updateExpirationTime;
+  workInProgress.expirationTime = newExpirationTime;
+  workInProgress.memoizedState = resultState;
+}
+function commitUpdateQueue(finishedWork, finishedQueue, instance) {
+  null !== finishedQueue.firstCapturedUpdate &&
+    (null !== finishedQueue.lastUpdate &&
+      ((finishedQueue.lastUpdate.next = finishedQueue.firstCapturedUpdate),
+      (finishedQueue.lastUpdate = finishedQueue.lastCapturedUpdate)),
+    (finishedQueue.firstCapturedUpdate = finishedQueue.lastCapturedUpdate = null));
+  commitUpdateEffects(finishedQueue.firstEffect, instance);
+  finishedQueue.firstEffect = finishedQueue.lastEffect = null;
+  commitUpdateEffects(finishedQueue.firstCapturedEffect, instance);
+  finishedQueue.firstCapturedEffect = finishedQueue.lastCapturedEffect = null;
+}
+function commitUpdateEffects(effect, instance) {
+  for (; null !== effect; ) {
+    var _callback3 = effect.callback;
+    if (null !== _callback3) {
+      effect.callback = null;
+      var context = instance;
+      if ("function" !== typeof _callback3)
+        throw ReactError(
+          Error(
+            "Invalid argument passed as callback. Expected a function. Instead received: " +
+              _callback3
+          )
+        );
+      _callback3.call(context);
+    }
+    effect = effect.nextEffect;
+  }
+}
+var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+  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
+      : Object.assign({}, ctor, getDerivedStateFromProps);
+  workInProgress.memoizedState = getDerivedStateFromProps;
+  nextProps = workInProgress.updateQueue;
+  null !== nextProps &&
+    0 === workInProgress.expirationTime &&
+    (nextProps.baseState = getDerivedStateFromProps);
+}
+var classComponentUpdater = {
+  isMounted: function(component) {
+    return (component = component._reactInternalFiber)
+      ? 2 === isFiberMountedImpl(component)
+      : !1;
+  },
+  enqueueSetState: function(inst, payload, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.payload = payload;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
+    scheduleUpdateOnFiber(inst, currentTime);
+  },
+  enqueueReplaceState: function(inst, payload, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.tag = 1;
+    suspenseConfig.payload = payload;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
+    scheduleUpdateOnFiber(inst, currentTime);
+  },
+  enqueueForceUpdate: function(inst, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.tag = 2;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
+    scheduleUpdateOnFiber(inst, currentTime);
+  }
+};
+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._reactInternalFiber = 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,
+  renderExpirationTime
+) {
+  var instance = workInProgress.stateNode;
+  instance.props = newProps;
+  instance.state = workInProgress.memoizedState;
+  instance.refs = emptyRefsObject;
+  var contextType = ctor.contextType;
+  "object" === typeof contextType && null !== contextType
+    ? (instance.context = readContext(contextType))
+    : ((contextType = isContextProvider(ctor)
+        ? previousContext
+        : contextStackCursor.current),
+      (instance.context = getMaskedContext(workInProgress, contextType)));
+  contextType = workInProgress.updateQueue;
+  null !== contextType &&
+    (processUpdateQueue(
+      workInProgress,
+      contextType,
+      newProps,
+      instance,
+      renderExpirationTime
+    ),
+    (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),
+    (contextType = workInProgress.updateQueue),
+    null !== contextType &&
+      (processUpdateQueue(
+        workInProgress,
+        contextType,
+        newProps,
+        instance,
+        renderExpirationTime
+      ),
+      (instance.state = workInProgress.memoizedState)));
+  "function" === typeof instance.componentDidMount &&
+    (workInProgress.effectTag |= 4);
+}
+var isArray = Array.isArray;
+function coerceRef(returnFiber, current$$1, element) {
+  returnFiber = element.ref;
+  if (
+    null !== returnFiber &&
+    "function" !== typeof returnFiber &&
+    "object" !== typeof returnFiber
+  ) {
+    if (element._owner) {
+      element = element._owner;
+      var inst = void 0;
+      if (element) {
+        if (1 !== element.tag)
+          throw ReactError(
+            Error(
+              "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            )
+          );
+        inst = element.stateNode;
+      }
+      if (!inst)
+        throw ReactError(
+          Error(
+            "Missing owner for string ref " +
+              returnFiber +
+              ". This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      var stringRef = "" + returnFiber;
+      if (
+        null !== current$$1 &&
+        null !== current$$1.ref &&
+        "function" === typeof current$$1.ref &&
+        current$$1.ref._stringRef === stringRef
+      )
+        return current$$1.ref;
+      current$$1 = function(value) {
+        var refs = inst.refs;
+        refs === emptyRefsObject && (refs = inst.refs = {});
+        null === value ? delete refs[stringRef] : (refs[stringRef] = value);
+      };
+      current$$1._stringRef = stringRef;
+      return current$$1;
+    }
+    if ("string" !== typeof returnFiber)
+      throw ReactError(
+        Error(
+          "Expected ref to be a function, a string, an object returned by React.createRef(), or null."
+        )
+      );
+    if (!element._owner)
+      throw ReactError(
+        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://fb.me/react-refs-must-have-owner for more information."
+        )
+      );
+  }
+  return returnFiber;
+}
+function throwOnInvalidObjectType(returnFiber, newChild) {
+  if ("textarea" !== returnFiber.type)
+    throw ReactError(
+      Error(
+        "Objects are not valid as a React child (found: " +
+          ("[object Object]" === Object.prototype.toString.call(newChild)
+            ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
+            : newChild) +
+          ")."
+      )
+    );
+}
+function ChildReconciler(shouldTrackSideEffects) {
+  function deleteChild(returnFiber, childToDelete) {
+    if (shouldTrackSideEffects) {
+      var last = returnFiber.lastEffect;
+      null !== last
+        ? ((last.nextEffect = childToDelete),
+          (returnFiber.lastEffect = childToDelete))
+        : (returnFiber.firstEffect = returnFiber.lastEffect = childToDelete);
+      childToDelete.nextEffect = null;
+      childToDelete.effectTag = 8;
+    }
+  }
+  function deleteRemainingChildren(returnFiber, currentFirstChild) {
+    if (!shouldTrackSideEffects) return null;
+    for (; null !== currentFirstChild; )
+      deleteChild(returnFiber, currentFirstChild),
+        (currentFirstChild = currentFirstChild.sibling);
+    return null;
+  }
+  function mapRemainingChildren(returnFiber, currentFirstChild) {
+    for (returnFiber = new Map(); null !== currentFirstChild; )
+      null !== currentFirstChild.key
+        ? returnFiber.set(currentFirstChild.key, currentFirstChild)
+        : returnFiber.set(currentFirstChild.index, currentFirstChild),
+        (currentFirstChild = currentFirstChild.sibling);
+    return returnFiber;
+  }
+  function useFiber(fiber, pendingProps, expirationTime) {
+    fiber = createWorkInProgress(fiber, pendingProps, expirationTime);
+    fiber.index = 0;
+    fiber.sibling = null;
+    return fiber;
+  }
+  function placeChild(newFiber, lastPlacedIndex, newIndex) {
+    newFiber.index = newIndex;
+    if (!shouldTrackSideEffects) return lastPlacedIndex;
+    newIndex = newFiber.alternate;
+    if (null !== newIndex)
+      return (
+        (newIndex = newIndex.index),
+        newIndex < lastPlacedIndex
+          ? ((newFiber.effectTag = 2), lastPlacedIndex)
+          : newIndex
+      );
+    newFiber.effectTag = 2;
+    return lastPlacedIndex;
+  }
+  function placeSingleChild(newFiber) {
+    shouldTrackSideEffects &&
+      null === newFiber.alternate &&
+      (newFiber.effectTag = 2);
+    return newFiber;
+  }
+  function updateTextNode(
+    returnFiber,
+    current$$1,
+    textContent,
+    expirationTime
+  ) {
+    if (null === current$$1 || 6 !== current$$1.tag)
+      return (
+        (current$$1 = createFiberFromText(
+          textContent,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (current$$1.return = returnFiber),
+        current$$1
+      );
+    current$$1 = useFiber(current$$1, textContent, expirationTime);
+    current$$1.return = returnFiber;
+    return current$$1;
+  }
+  function updateElement(returnFiber, current$$1, element, expirationTime) {
+    if (null !== current$$1 && current$$1.elementType === element.type)
+      return (
+        (expirationTime = useFiber(current$$1, element.props, expirationTime)),
+        (expirationTime.ref = coerceRef(returnFiber, current$$1, element)),
+        (expirationTime.return = returnFiber),
+        expirationTime
+      );
+    expirationTime = createFiberFromTypeAndProps(
+      element.type,
+      element.key,
+      element.props,
+      null,
+      returnFiber.mode,
+      expirationTime
+    );
+    expirationTime.ref = coerceRef(returnFiber, current$$1, element);
+    expirationTime.return = returnFiber;
+    return expirationTime;
+  }
+  function updatePortal(returnFiber, current$$1, portal, expirationTime) {
+    if (
+      null === current$$1 ||
+      4 !== current$$1.tag ||
+      current$$1.stateNode.containerInfo !== portal.containerInfo ||
+      current$$1.stateNode.implementation !== portal.implementation
+    )
+      return (
+        (current$$1 = createFiberFromPortal(
+          portal,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (current$$1.return = returnFiber),
+        current$$1
+      );
+    current$$1 = useFiber(current$$1, portal.children || [], expirationTime);
+    current$$1.return = returnFiber;
+    return current$$1;
+  }
+  function updateFragment(
+    returnFiber,
+    current$$1,
+    fragment,
+    expirationTime,
+    key
+  ) {
+    if (null === current$$1 || 7 !== current$$1.tag)
+      return (
+        (current$$1 = createFiberFromFragment(
+          fragment,
+          returnFiber.mode,
+          expirationTime,
+          key
+        )),
+        (current$$1.return = returnFiber),
+        current$$1
+      );
+    current$$1 = useFiber(current$$1, fragment, expirationTime);
+    current$$1.return = returnFiber;
+    return current$$1;
+  }
+  function createChild(returnFiber, newChild, expirationTime) {
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (newChild = createFiberFromText(
+          "" + newChild,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (newChild.return = returnFiber),
+        newChild
+      );
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return (
+            (expirationTime = createFiberFromTypeAndProps(
+              newChild.type,
+              newChild.key,
+              newChild.props,
+              null,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (expirationTime.ref = coerceRef(returnFiber, null, newChild)),
+            (expirationTime.return = returnFiber),
+            expirationTime
+          );
+        case REACT_PORTAL_TYPE:
+          return (
+            (newChild = createFiberFromPortal(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (newChild.return = returnFiber),
+            newChild
+          );
+      }
+      if (isArray(newChild) || getIteratorFn(newChild))
+        return (
+          (newChild = createFiberFromFragment(
+            newChild,
+            returnFiber.mode,
+            expirationTime,
+            null
+          )),
+          (newChild.return = returnFiber),
+          newChild
+        );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function updateSlot(returnFiber, oldFiber, newChild, expirationTime) {
+    var key = null !== oldFiber ? oldFiber.key : null;
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return null !== key
+        ? null
+        : updateTextNode(returnFiber, oldFiber, "" + newChild, expirationTime);
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return newChild.key === key
+            ? newChild.type === REACT_FRAGMENT_TYPE
+              ? updateFragment(
+                  returnFiber,
+                  oldFiber,
+                  newChild.props.children,
+                  expirationTime,
+                  key
+                )
+              : updateElement(returnFiber, oldFiber, newChild, expirationTime)
+            : null;
+        case REACT_PORTAL_TYPE:
+          return newChild.key === key
+            ? updatePortal(returnFiber, oldFiber, newChild, expirationTime)
+            : null;
+      }
+      if (isArray(newChild) || getIteratorFn(newChild))
+        return null !== key
+          ? null
+          : updateFragment(
+              returnFiber,
+              oldFiber,
+              newChild,
+              expirationTime,
+              null
+            );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function updateFromMap(
+    existingChildren,
+    returnFiber,
+    newIdx,
+    newChild,
+    expirationTime
+  ) {
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (existingChildren = existingChildren.get(newIdx) || null),
+        updateTextNode(
+          returnFiber,
+          existingChildren,
+          "" + newChild,
+          expirationTime
+        )
+      );
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return (
+            (existingChildren =
+              existingChildren.get(
+                null === newChild.key ? newIdx : newChild.key
+              ) || null),
+            newChild.type === REACT_FRAGMENT_TYPE
+              ? updateFragment(
+                  returnFiber,
+                  existingChildren,
+                  newChild.props.children,
+                  expirationTime,
+                  newChild.key
+                )
+              : updateElement(
+                  returnFiber,
+                  existingChildren,
+                  newChild,
+                  expirationTime
+                )
+          );
+        case REACT_PORTAL_TYPE:
+          return (
+            (existingChildren =
+              existingChildren.get(
+                null === newChild.key ? newIdx : newChild.key
+              ) || null),
+            updatePortal(
+              returnFiber,
+              existingChildren,
+              newChild,
+              expirationTime
+            )
+          );
+      }
+      if (isArray(newChild) || getIteratorFn(newChild))
+        return (
+          (existingChildren = existingChildren.get(newIdx) || null),
+          updateFragment(
+            returnFiber,
+            existingChildren,
+            newChild,
+            expirationTime,
+            null
+          )
+        );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function reconcileChildrenArray(
+    returnFiber,
+    currentFirstChild,
+    newChildren,
+    expirationTime
+  ) {
+    for (
+      var resultingFirstChild = null,
+        previousNewFiber = null,
+        oldFiber = currentFirstChild,
+        newIdx = (currentFirstChild = 0),
+        nextOldFiber = null;
+      null !== oldFiber && newIdx < newChildren.length;
+      newIdx++
+    ) {
+      oldFiber.index > newIdx
+        ? ((nextOldFiber = oldFiber), (oldFiber = null))
+        : (nextOldFiber = oldFiber.sibling);
+      var newFiber = updateSlot(
+        returnFiber,
+        oldFiber,
+        newChildren[newIdx],
+        expirationTime
+      );
+      if (null === newFiber) {
+        null === oldFiber && (oldFiber = nextOldFiber);
+        break;
+      }
+      shouldTrackSideEffects &&
+        oldFiber &&
+        null === newFiber.alternate &&
+        deleteChild(returnFiber, oldFiber);
+      currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
+      null === previousNewFiber
+        ? (resultingFirstChild = newFiber)
+        : (previousNewFiber.sibling = newFiber);
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
+    if (newIdx === newChildren.length)
+      return (
+        deleteRemainingChildren(returnFiber, oldFiber), resultingFirstChild
+      );
+    if (null === oldFiber) {
+      for (; newIdx < newChildren.length; newIdx++)
+        (oldFiber = createChild(
+          returnFiber,
+          newChildren[newIdx],
+          expirationTime
+        )),
+          null !== oldFiber &&
+            ((currentFirstChild = placeChild(
+              oldFiber,
+              currentFirstChild,
+              newIdx
+            )),
+            null === previousNewFiber
+              ? (resultingFirstChild = oldFiber)
+              : (previousNewFiber.sibling = oldFiber),
+            (previousNewFiber = oldFiber));
+      return resultingFirstChild;
+    }
+    for (
+      oldFiber = mapRemainingChildren(returnFiber, oldFiber);
+      newIdx < newChildren.length;
+      newIdx++
+    )
+      (nextOldFiber = updateFromMap(
+        oldFiber,
+        returnFiber,
+        newIdx,
+        newChildren[newIdx],
+        expirationTime
+      )),
+        null !== nextOldFiber &&
+          (shouldTrackSideEffects &&
+            null !== nextOldFiber.alternate &&
+            oldFiber.delete(
+              null === nextOldFiber.key ? newIdx : nextOldFiber.key
+            ),
+          (currentFirstChild = placeChild(
+            nextOldFiber,
+            currentFirstChild,
+            newIdx
+          )),
+          null === previousNewFiber
+            ? (resultingFirstChild = nextOldFiber)
+            : (previousNewFiber.sibling = nextOldFiber),
+          (previousNewFiber = nextOldFiber));
+    shouldTrackSideEffects &&
+      oldFiber.forEach(function(child) {
+        return deleteChild(returnFiber, child);
+      });
+    return resultingFirstChild;
+  }
+  function reconcileChildrenIterator(
+    returnFiber,
+    currentFirstChild,
+    newChildrenIterable,
+    expirationTime
+  ) {
+    var iteratorFn = getIteratorFn(newChildrenIterable);
+    if ("function" !== typeof iteratorFn)
+      throw ReactError(
+        Error(
+          "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    newChildrenIterable = iteratorFn.call(newChildrenIterable);
+    if (null == newChildrenIterable)
+      throw ReactError(Error("An iterable object provided no iterator."));
+    for (
+      var previousNewFiber = (iteratorFn = null),
+        oldFiber = currentFirstChild,
+        newIdx = (currentFirstChild = 0),
+        nextOldFiber = null,
+        step = newChildrenIterable.next();
+      null !== oldFiber && !step.done;
+      newIdx++, step = newChildrenIterable.next()
+    ) {
+      oldFiber.index > newIdx
+        ? ((nextOldFiber = oldFiber), (oldFiber = null))
+        : (nextOldFiber = oldFiber.sibling);
+      var newFiber = updateSlot(
+        returnFiber,
+        oldFiber,
+        step.value,
+        expirationTime
+      );
+      if (null === newFiber) {
+        null === oldFiber && (oldFiber = nextOldFiber);
+        break;
+      }
+      shouldTrackSideEffects &&
+        oldFiber &&
+        null === newFiber.alternate &&
+        deleteChild(returnFiber, oldFiber);
+      currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
+      null === previousNewFiber
+        ? (iteratorFn = newFiber)
+        : (previousNewFiber.sibling = newFiber);
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
+    if (step.done)
+      return deleteRemainingChildren(returnFiber, oldFiber), iteratorFn;
+    if (null === oldFiber) {
+      for (; !step.done; newIdx++, step = newChildrenIterable.next())
+        (step = createChild(returnFiber, step.value, expirationTime)),
+          null !== step &&
+            ((currentFirstChild = placeChild(step, currentFirstChild, newIdx)),
+            null === previousNewFiber
+              ? (iteratorFn = step)
+              : (previousNewFiber.sibling = step),
+            (previousNewFiber = step));
+      return iteratorFn;
+    }
+    for (
+      oldFiber = mapRemainingChildren(returnFiber, oldFiber);
+      !step.done;
+      newIdx++, step = newChildrenIterable.next()
+    )
+      (step = updateFromMap(
+        oldFiber,
+        returnFiber,
+        newIdx,
+        step.value,
+        expirationTime
+      )),
+        null !== step &&
+          (shouldTrackSideEffects &&
+            null !== step.alternate &&
+            oldFiber.delete(null === step.key ? newIdx : step.key),
+          (currentFirstChild = placeChild(step, currentFirstChild, newIdx)),
+          null === previousNewFiber
+            ? (iteratorFn = step)
+            : (previousNewFiber.sibling = step),
+          (previousNewFiber = step));
+    shouldTrackSideEffects &&
+      oldFiber.forEach(function(child) {
+        return deleteChild(returnFiber, child);
+      });
+    return iteratorFn;
+  }
+  return function(returnFiber, currentFirstChild, newChild, expirationTime) {
+    var isUnkeyedTopLevelFragment =
+      "object" === typeof newChild &&
+      null !== newChild &&
+      newChild.type === REACT_FRAGMENT_TYPE &&
+      null === newChild.key;
+    isUnkeyedTopLevelFragment && (newChild = newChild.props.children);
+    var isObject = "object" === typeof newChild && null !== newChild;
+    if (isObject)
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          a: {
+            isObject = newChild.key;
+            for (
+              isUnkeyedTopLevelFragment = currentFirstChild;
+              null !== isUnkeyedTopLevelFragment;
+
+            ) {
+              if (isUnkeyedTopLevelFragment.key === isObject) {
+                if (
+                  7 === isUnkeyedTopLevelFragment.tag
+                    ? newChild.type === REACT_FRAGMENT_TYPE
+                    : isUnkeyedTopLevelFragment.elementType === newChild.type
+                ) {
+                  deleteRemainingChildren(
+                    returnFiber,
+                    isUnkeyedTopLevelFragment.sibling
+                  );
+                  currentFirstChild = useFiber(
+                    isUnkeyedTopLevelFragment,
+                    newChild.type === REACT_FRAGMENT_TYPE
+                      ? newChild.props.children
+                      : newChild.props,
+                    expirationTime
+                  );
+                  currentFirstChild.ref = coerceRef(
+                    returnFiber,
+                    isUnkeyedTopLevelFragment,
+                    newChild
+                  );
+                  currentFirstChild.return = returnFiber;
+                  returnFiber = currentFirstChild;
+                  break a;
+                }
+                deleteRemainingChildren(returnFiber, isUnkeyedTopLevelFragment);
+                break;
+              } else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
+              isUnkeyedTopLevelFragment = isUnkeyedTopLevelFragment.sibling;
+            }
+            newChild.type === REACT_FRAGMENT_TYPE
+              ? ((currentFirstChild = createFiberFromFragment(
+                  newChild.props.children,
+                  returnFiber.mode,
+                  expirationTime,
+                  newChild.key
+                )),
+                (currentFirstChild.return = returnFiber),
+                (returnFiber = currentFirstChild))
+              : ((expirationTime = createFiberFromTypeAndProps(
+                  newChild.type,
+                  newChild.key,
+                  newChild.props,
+                  null,
+                  returnFiber.mode,
+                  expirationTime
+                )),
+                (expirationTime.ref = coerceRef(
+                  returnFiber,
+                  currentFirstChild,
+                  newChild
+                )),
+                (expirationTime.return = returnFiber),
+                (returnFiber = expirationTime));
+          }
+          return placeSingleChild(returnFiber);
+        case REACT_PORTAL_TYPE:
+          a: {
+            for (
+              isUnkeyedTopLevelFragment = newChild.key;
+              null !== currentFirstChild;
+
+            ) {
+              if (currentFirstChild.key === isUnkeyedTopLevelFragment) {
+                if (
+                  4 === currentFirstChild.tag &&
+                  currentFirstChild.stateNode.containerInfo ===
+                    newChild.containerInfo &&
+                  currentFirstChild.stateNode.implementation ===
+                    newChild.implementation
+                ) {
+                  deleteRemainingChildren(
+                    returnFiber,
+                    currentFirstChild.sibling
+                  );
+                  currentFirstChild = useFiber(
+                    currentFirstChild,
+                    newChild.children || [],
+                    expirationTime
+                  );
+                  currentFirstChild.return = returnFiber;
+                  returnFiber = currentFirstChild;
+                  break a;
+                }
+                deleteRemainingChildren(returnFiber, currentFirstChild);
+                break;
+              } else deleteChild(returnFiber, currentFirstChild);
+              currentFirstChild = currentFirstChild.sibling;
+            }
+            currentFirstChild = createFiberFromPortal(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            );
+            currentFirstChild.return = returnFiber;
+            returnFiber = currentFirstChild;
+          }
+          return placeSingleChild(returnFiber);
+      }
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (newChild = "" + newChild),
+        null !== currentFirstChild && 6 === currentFirstChild.tag
+          ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
+            (currentFirstChild = useFiber(
+              currentFirstChild,
+              newChild,
+              expirationTime
+            )),
+            (currentFirstChild.return = returnFiber),
+            (returnFiber = currentFirstChild))
+          : (deleteRemainingChildren(returnFiber, currentFirstChild),
+            (currentFirstChild = createFiberFromText(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (currentFirstChild.return = returnFiber),
+            (returnFiber = currentFirstChild)),
+        placeSingleChild(returnFiber)
+      );
+    if (isArray(newChild))
+      return reconcileChildrenArray(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        expirationTime
+      );
+    if (getIteratorFn(newChild))
+      return reconcileChildrenIterator(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        expirationTime
+      );
+    isObject && throwOnInvalidObjectType(returnFiber, newChild);
+    if ("undefined" === typeof newChild && !isUnkeyedTopLevelFragment)
+      switch (returnFiber.tag) {
+        case 1:
+        case 0:
+          throw ((returnFiber = returnFiber.type),
+          ReactError(
+            Error(
+              (returnFiber.displayName || returnFiber.name || "Component") +
+                "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null."
+            )
+          ));
+      }
+    return deleteRemainingChildren(returnFiber, currentFirstChild);
+  };
+}
+var reconcileChildFibers = ChildReconciler(!0),
+  mountChildFibers = ChildReconciler(!1),
+  NO_CONTEXT = {},
+  contextStackCursor$1 = { current: NO_CONTEXT },
+  contextFiberStackCursor = { current: NO_CONTEXT },
+  rootInstanceStackCursor = { current: NO_CONTEXT };
+function requiredContext(c) {
+  if (c === NO_CONTEXT)
+    throw ReactError(
+      Error(
+        "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+      )
+    );
+  return c;
+}
+function pushHostContainer(fiber, nextRootInstance) {
+  push(rootInstanceStackCursor, nextRootInstance, fiber);
+  push(contextFiberStackCursor, fiber, fiber);
+  push(contextStackCursor$1, NO_CONTEXT, fiber);
+  pop(contextStackCursor$1, fiber);
+  push(contextStackCursor$1, { isInAParentText: !1 }, fiber);
+}
+function popHostContainer(fiber) {
+  pop(contextStackCursor$1, fiber);
+  pop(contextFiberStackCursor, fiber);
+  pop(rootInstanceStackCursor, fiber);
+}
+function pushHostContext(fiber) {
+  requiredContext(rootInstanceStackCursor.current);
+  var context = requiredContext(contextStackCursor$1.current);
+  var nextContext = fiber.type;
+  nextContext =
+    "AndroidTextInput" === nextContext ||
+    "RCTMultilineTextInputView" === nextContext ||
+    "RCTSinglelineTextInputView" === nextContext ||
+    "RCTText" === nextContext ||
+    "RCTVirtualText" === nextContext;
+  nextContext =
+    context.isInAParentText !== nextContext
+      ? { isInAParentText: nextContext }
+      : context;
+  context !== nextContext &&
+    (push(contextFiberStackCursor, fiber, fiber),
+    push(contextStackCursor$1, nextContext, fiber));
+}
+function popHostContext(fiber) {
+  contextFiberStackCursor.current === fiber &&
+    (pop(contextStackCursor$1, fiber), pop(contextFiberStackCursor, fiber));
+}
+var SubtreeSuspenseContextMask = 1,
+  InvisibleParentSuspenseContext = 1,
+  ForceSuspenseFallback = 2,
+  suspenseStackCursor = { current: 0 };
+function findFirstSuspended(row) {
+  for (var node = row; null !== node; ) {
+    if (13 === node.tag) {
+      if (null !== node.memoizedState) return node;
+    } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) {
+      if (0 !== (node.effectTag & 64)) return node;
+    } else if (null !== node.child) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === row) break;
+    for (; null === node.sibling; ) {
+      if (null === node.return || node.return === row) return null;
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+  return null;
+}
+function createResponderListener(responder, props) {
+  return { responder: responder, props: props };
+}
+var NoEffect$1 = 0,
+  UnmountSnapshot = 2,
+  UnmountMutation = 4,
+  MountMutation = 8,
+  UnmountLayout = 16,
+  MountLayout = 32,
+  MountPassive = 64,
+  UnmountPassive = 128,
+  ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+  renderExpirationTime$1 = 0,
+  currentlyRenderingFiber$1 = null,
+  currentHook = null,
+  nextCurrentHook = null,
+  firstWorkInProgressHook = null,
+  workInProgressHook = null,
+  nextWorkInProgressHook = null,
+  remainingExpirationTime = 0,
+  componentUpdateQueue = null,
+  sideEffectTag = 0,
+  didScheduleRenderPhaseUpdate = !1,
+  renderPhaseUpdates = null,
+  numberOfReRenders = 0;
+function throwInvalidHookError() {
+  throw ReactError(
+    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://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
+    )
+  );
+}
+function areHookInputsEqual(nextDeps, prevDeps) {
+  if (null === prevDeps) return !1;
+  for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++)
+    if (!is(nextDeps[i], prevDeps[i])) return !1;
+  return !0;
+}
+function renderWithHooks(
+  current,
+  workInProgress,
+  Component,
+  props,
+  refOrContext,
+  nextRenderExpirationTime
+) {
+  renderExpirationTime$1 = nextRenderExpirationTime;
+  currentlyRenderingFiber$1 = workInProgress;
+  nextCurrentHook = null !== current ? current.memoizedState : null;
+  ReactCurrentDispatcher$1.current =
+    null === nextCurrentHook ? HooksDispatcherOnMount : HooksDispatcherOnUpdate;
+  workInProgress = Component(props, refOrContext);
+  if (didScheduleRenderPhaseUpdate) {
+    do
+      (didScheduleRenderPhaseUpdate = !1),
+        (numberOfReRenders += 1),
+        (nextCurrentHook = null !== current ? current.memoizedState : null),
+        (nextWorkInProgressHook = firstWorkInProgressHook),
+        (componentUpdateQueue = workInProgressHook = currentHook = null),
+        (ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdate),
+        (workInProgress = Component(props, refOrContext));
+    while (didScheduleRenderPhaseUpdate);
+    renderPhaseUpdates = null;
+    numberOfReRenders = 0;
+  }
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  current = currentlyRenderingFiber$1;
+  current.memoizedState = firstWorkInProgressHook;
+  current.expirationTime = remainingExpirationTime;
+  current.updateQueue = componentUpdateQueue;
+  current.effectTag |= sideEffectTag;
+  current = null !== currentHook && null !== currentHook.next;
+  renderExpirationTime$1 = 0;
+  nextWorkInProgressHook = workInProgressHook = firstWorkInProgressHook = nextCurrentHook = currentHook = currentlyRenderingFiber$1 = null;
+  remainingExpirationTime = 0;
+  componentUpdateQueue = null;
+  sideEffectTag = 0;
+  if (current)
+    throw ReactError(
+      Error(
+        "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
+      )
+    );
+  return workInProgress;
+}
+function resetHooks() {
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  renderExpirationTime$1 = 0;
+  nextWorkInProgressHook = workInProgressHook = firstWorkInProgressHook = nextCurrentHook = currentHook = currentlyRenderingFiber$1 = null;
+  remainingExpirationTime = 0;
+  componentUpdateQueue = null;
+  sideEffectTag = 0;
+  didScheduleRenderPhaseUpdate = !1;
+  renderPhaseUpdates = null;
+  numberOfReRenders = 0;
+}
+function mountWorkInProgressHook() {
+  var hook = {
+    memoizedState: null,
+    baseState: null,
+    queue: null,
+    baseUpdate: null,
+    next: null
+  };
+  null === workInProgressHook
+    ? (firstWorkInProgressHook = workInProgressHook = hook)
+    : (workInProgressHook = workInProgressHook.next = hook);
+  return workInProgressHook;
+}
+function updateWorkInProgressHook() {
+  if (null !== nextWorkInProgressHook)
+    (workInProgressHook = nextWorkInProgressHook),
+      (nextWorkInProgressHook = workInProgressHook.next),
+      (currentHook = nextCurrentHook),
+      (nextCurrentHook = null !== currentHook ? currentHook.next : null);
+  else {
+    if (null === nextCurrentHook)
+      throw ReactError(
+        Error("Rendered more hooks than during the previous render.")
+      );
+    currentHook = nextCurrentHook;
+    var newHook = {
+      memoizedState: currentHook.memoizedState,
+      baseState: currentHook.baseState,
+      queue: currentHook.queue,
+      baseUpdate: currentHook.baseUpdate,
+      next: null
+    };
+    workInProgressHook =
+      null === workInProgressHook
+        ? (firstWorkInProgressHook = newHook)
+        : (workInProgressHook.next = newHook);
+    nextCurrentHook = currentHook.next;
+  }
+  return workInProgressHook;
+}
+function basicStateReducer(state, action) {
+  return "function" === typeof action ? action(state) : action;
+}
+function updateReducer(reducer) {
+  var hook = updateWorkInProgressHook(),
+    queue = hook.queue;
+  if (null === queue)
+    throw ReactError(
+      Error(
+        "Should have a queue. This is likely a bug in React. Please file an issue."
+      )
+    );
+  queue.lastRenderedReducer = reducer;
+  if (0 < numberOfReRenders) {
+    var _dispatch = queue.dispatch;
+    if (null !== renderPhaseUpdates) {
+      var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+      if (void 0 !== firstRenderPhaseUpdate) {
+        renderPhaseUpdates.delete(queue);
+        var newState = hook.memoizedState;
+        do
+          (newState = reducer(newState, firstRenderPhaseUpdate.action)),
+            (firstRenderPhaseUpdate = firstRenderPhaseUpdate.next);
+        while (null !== firstRenderPhaseUpdate);
+        is(newState, hook.memoizedState) || (didReceiveUpdate = !0);
+        hook.memoizedState = newState;
+        hook.baseUpdate === queue.last && (hook.baseState = newState);
+        queue.lastRenderedState = newState;
+        return [newState, _dispatch];
+      }
+    }
+    return [hook.memoizedState, _dispatch];
+  }
+  _dispatch = queue.last;
+  var baseUpdate = hook.baseUpdate;
+  newState = hook.baseState;
+  null !== baseUpdate
+    ? (null !== _dispatch && (_dispatch.next = null),
+      (_dispatch = baseUpdate.next))
+    : (_dispatch = null !== _dispatch ? _dispatch.next : null);
+  if (null !== _dispatch) {
+    var newBaseUpdate = (firstRenderPhaseUpdate = null),
+      _update = _dispatch,
+      didSkip = !1;
+    do {
+      var updateExpirationTime = _update.expirationTime;
+      updateExpirationTime < renderExpirationTime$1
+        ? (didSkip ||
+            ((didSkip = !0),
+            (newBaseUpdate = baseUpdate),
+            (firstRenderPhaseUpdate = newState)),
+          updateExpirationTime > remainingExpirationTime &&
+            (remainingExpirationTime = updateExpirationTime))
+        : (markRenderEventTimeAndConfig(
+            updateExpirationTime,
+            _update.suspenseConfig
+          ),
+          (newState =
+            _update.eagerReducer === reducer
+              ? _update.eagerState
+              : reducer(newState, _update.action)));
+      baseUpdate = _update;
+      _update = _update.next;
+    } while (null !== _update && _update !== _dispatch);
+    didSkip ||
+      ((newBaseUpdate = baseUpdate), (firstRenderPhaseUpdate = newState));
+    is(newState, hook.memoizedState) || (didReceiveUpdate = !0);
+    hook.memoizedState = newState;
+    hook.baseUpdate = newBaseUpdate;
+    hook.baseState = firstRenderPhaseUpdate;
+    queue.lastRenderedState = newState;
+  }
+  return [hook.memoizedState, queue.dispatch];
+}
+function pushEffect(tag, create, destroy, deps) {
+  tag = { tag: tag, create: create, destroy: destroy, deps: deps, next: null };
+  null === componentUpdateQueue
+    ? ((componentUpdateQueue = { lastEffect: null }),
+      (componentUpdateQueue.lastEffect = tag.next = tag))
+    : ((create = componentUpdateQueue.lastEffect),
+      null === create
+        ? (componentUpdateQueue.lastEffect = tag.next = tag)
+        : ((destroy = create.next),
+          (create.next = tag),
+          (tag.next = destroy),
+          (componentUpdateQueue.lastEffect = tag)));
+  return tag;
+}
+function mountEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
+  var hook = mountWorkInProgressHook();
+  sideEffectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(
+    hookEffectTag,
+    create,
+    void 0,
+    void 0 === deps ? null : deps
+  );
+}
+function updateEffectImpl(fiberEffectTag, hookEffectTag, 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)) {
+      pushEffect(NoEffect$1, create, destroy, deps);
+      return;
+    }
+  }
+  sideEffectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(hookEffectTag, create, destroy, deps);
+}
+function imperativeHandleEffect(create, ref) {
+  if ("function" === typeof ref)
+    return (
+      (create = create()),
+      ref(create),
+      function() {
+        ref(null);
+      }
+    );
+  if (null !== ref && void 0 !== ref)
+    return (
+      (create = create()),
+      (ref.current = create),
+      function() {
+        ref.current = null;
+      }
+    );
+}
+function mountDebugValue() {}
+function dispatchAction(fiber, queue, action) {
+  if (!(25 > numberOfReRenders))
+    throw ReactError(
+      Error(
+        "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+      )
+    );
+  var alternate = fiber.alternate;
+  if (
+    fiber === currentlyRenderingFiber$1 ||
+    (null !== alternate && alternate === currentlyRenderingFiber$1)
+  )
+    if (
+      ((didScheduleRenderPhaseUpdate = !0),
+      (fiber = {
+        expirationTime: renderExpirationTime$1,
+        suspenseConfig: null,
+        action: action,
+        eagerReducer: null,
+        eagerState: null,
+        next: null
+      }),
+      null === renderPhaseUpdates && (renderPhaseUpdates = new Map()),
+      (action = renderPhaseUpdates.get(queue)),
+      void 0 === action)
+    )
+      renderPhaseUpdates.set(queue, fiber);
+    else {
+      for (queue = action; null !== queue.next; ) queue = queue.next;
+      queue.next = fiber;
+    }
+  else {
+    var currentTime = requestCurrentTime(),
+      _suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      _suspenseConfig
+    );
+    _suspenseConfig = {
+      expirationTime: currentTime,
+      suspenseConfig: _suspenseConfig,
+      action: action,
+      eagerReducer: null,
+      eagerState: null,
+      next: null
+    };
+    var _last = queue.last;
+    if (null === _last) _suspenseConfig.next = _suspenseConfig;
+    else {
+      var first = _last.next;
+      null !== first && (_suspenseConfig.next = first);
+      _last.next = _suspenseConfig;
+    }
+    queue.last = _suspenseConfig;
+    if (
+      0 === fiber.expirationTime &&
+      (null === alternate || 0 === alternate.expirationTime) &&
+      ((alternate = queue.lastRenderedReducer), null !== alternate)
+    )
+      try {
+        var currentState = queue.lastRenderedState,
+          _eagerState = alternate(currentState, action);
+        _suspenseConfig.eagerReducer = alternate;
+        _suspenseConfig.eagerState = _eagerState;
+        if (is(_eagerState, currentState)) return;
+      } catch (error) {
+      } finally {
+      }
+    scheduleUpdateOnFiber(fiber, currentTime);
+  }
+}
+var ContextOnlyDispatcher = {
+    readContext: readContext,
+    useCallback: throwInvalidHookError,
+    useContext: throwInvalidHookError,
+    useEffect: throwInvalidHookError,
+    useImperativeHandle: throwInvalidHookError,
+    useLayoutEffect: throwInvalidHookError,
+    useMemo: throwInvalidHookError,
+    useReducer: throwInvalidHookError,
+    useRef: throwInvalidHookError,
+    useState: throwInvalidHookError,
+    useDebugValue: throwInvalidHookError,
+    useResponder: throwInvalidHookError
+  },
+  HooksDispatcherOnMount = {
+    readContext: readContext,
+    useCallback: function(callback, deps) {
+      mountWorkInProgressHook().memoizedState = [
+        callback,
+        void 0 === deps ? null : deps
+      ];
+      return callback;
+    },
+    useContext: readContext,
+    useEffect: function(create, deps) {
+      return mountEffectImpl(516, UnmountPassive | MountPassive, create, deps);
+    },
+    useImperativeHandle: function(ref, create, deps) {
+      deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
+      return mountEffectImpl(
+        4,
+        UnmountMutation | MountLayout,
+        imperativeHandleEffect.bind(null, create, ref),
+        deps
+      );
+    },
+    useLayoutEffect: function(create, deps) {
+      return mountEffectImpl(4, UnmountMutation | MountLayout, create, deps);
+    },
+    useMemo: function(nextCreate, deps) {
+      var hook = mountWorkInProgressHook();
+      deps = void 0 === deps ? null : deps;
+      nextCreate = nextCreate();
+      hook.memoizedState = [nextCreate, deps];
+      return nextCreate;
+    },
+    useReducer: function(reducer, initialArg, init) {
+      var hook = mountWorkInProgressHook();
+      initialArg = void 0 !== init ? init(initialArg) : initialArg;
+      hook.memoizedState = hook.baseState = initialArg;
+      reducer = hook.queue = {
+        last: null,
+        dispatch: null,
+        lastRenderedReducer: reducer,
+        lastRenderedState: initialArg
+      };
+      reducer = reducer.dispatch = dispatchAction.bind(
+        null,
+        currentlyRenderingFiber$1,
+        reducer
+      );
+      return [hook.memoizedState, reducer];
+    },
+    useRef: function(initialValue) {
+      var hook = mountWorkInProgressHook();
+      initialValue = { current: initialValue };
+      return (hook.memoizedState = initialValue);
+    },
+    useState: function(initialState) {
+      var hook = mountWorkInProgressHook();
+      "function" === typeof initialState && (initialState = initialState());
+      hook.memoizedState = hook.baseState = initialState;
+      initialState = hook.queue = {
+        last: null,
+        dispatch: null,
+        lastRenderedReducer: basicStateReducer,
+        lastRenderedState: initialState
+      };
+      initialState = initialState.dispatch = dispatchAction.bind(
+        null,
+        currentlyRenderingFiber$1,
+        initialState
+      );
+      return [hook.memoizedState, initialState];
+    },
+    useDebugValue: mountDebugValue,
+    useResponder: createResponderListener
+  },
+  HooksDispatcherOnUpdate = {
+    readContext: readContext,
+    useCallback: function(callback, deps) {
+      var hook = updateWorkInProgressHook();
+      deps = void 0 === deps ? null : deps;
+      var prevState = hook.memoizedState;
+      if (
+        null !== prevState &&
+        null !== deps &&
+        areHookInputsEqual(deps, prevState[1])
+      )
+        return prevState[0];
+      hook.memoizedState = [callback, deps];
+      return callback;
+    },
+    useContext: readContext,
+    useEffect: function(create, deps) {
+      return updateEffectImpl(516, UnmountPassive | MountPassive, create, deps);
+    },
+    useImperativeHandle: function(ref, create, deps) {
+      deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
+      return updateEffectImpl(
+        4,
+        UnmountMutation | MountLayout,
+        imperativeHandleEffect.bind(null, create, ref),
+        deps
+      );
+    },
+    useLayoutEffect: function(create, deps) {
+      return updateEffectImpl(4, UnmountMutation | MountLayout, create, deps);
+    },
+    useMemo: function(nextCreate, deps) {
+      var hook = updateWorkInProgressHook();
+      deps = void 0 === deps ? null : deps;
+      var prevState = hook.memoizedState;
+      if (
+        null !== prevState &&
+        null !== deps &&
+        areHookInputsEqual(deps, prevState[1])
+      )
+        return prevState[0];
+      nextCreate = nextCreate();
+      hook.memoizedState = [nextCreate, deps];
+      return nextCreate;
+    },
+    useReducer: updateReducer,
+    useRef: function() {
+      return updateWorkInProgressHook().memoizedState;
+    },
+    useState: function(initialState) {
+      return updateReducer(basicStateReducer, initialState);
+    },
+    useDebugValue: mountDebugValue,
+    useResponder: createResponderListener
+  },
+  now$1 = Scheduler.unstable_now,
+  commitTime = 0,
+  profilerStartTime = -1;
+function stopProfilerTimerIfRunningAndRecordDelta(fiber, overrideBaseTime) {
+  if (0 <= profilerStartTime) {
+    var elapsedTime = now$1() - profilerStartTime;
+    fiber.actualDuration += elapsedTime;
+    overrideBaseTime && (fiber.selfBaseDuration = elapsedTime);
+    profilerStartTime = -1;
+  }
+}
+var hydrationParentFiber = null,
+  nextHydratableInstance = null,
+  isHydrating = !1;
+function tryHydrate(fiber, nextInstance) {
+  switch (fiber.tag) {
+    case 5:
+      return (
+        (nextInstance = shim$1(nextInstance, fiber.type, fiber.pendingProps)),
+        null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
+      );
+    case 6:
+      return (
+        (nextInstance = shim$1(nextInstance, fiber.pendingProps)),
+        null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
+      );
+    case 13:
+      return !1;
+    default:
+      return !1;
+  }
+}
+function tryToClaimNextHydratableInstance(fiber$jscomp$0) {
+  if (isHydrating) {
+    var nextInstance = nextHydratableInstance;
+    if (nextInstance) {
+      var firstAttemptedInstance = nextInstance;
+      if (!tryHydrate(fiber$jscomp$0, nextInstance)) {
+        nextInstance = shim$1(firstAttemptedInstance);
+        if (!nextInstance || !tryHydrate(fiber$jscomp$0, nextInstance)) {
+          fiber$jscomp$0.effectTag |= 2;
+          isHydrating = !1;
+          hydrationParentFiber = fiber$jscomp$0;
+          return;
+        }
+        var returnFiber = hydrationParentFiber,
+          fiber = createFiber(5, null, null, 0);
+        fiber.elementType = "DELETED";
+        fiber.type = "DELETED";
+        fiber.stateNode = firstAttemptedInstance;
+        fiber.return = returnFiber;
+        fiber.effectTag = 8;
+        null !== returnFiber.lastEffect
+          ? ((returnFiber.lastEffect.nextEffect = fiber),
+            (returnFiber.lastEffect = fiber))
+          : (returnFiber.firstEffect = returnFiber.lastEffect = fiber);
+      }
+      hydrationParentFiber = fiber$jscomp$0;
+      nextHydratableInstance = shim$1(nextInstance);
+    } else
+      (fiber$jscomp$0.effectTag |= 2),
+        (isHydrating = !1),
+        (hydrationParentFiber = fiber$jscomp$0);
+  }
+}
+var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner,
+  didReceiveUpdate = !1;
+function reconcileChildren(
+  current$$1,
+  workInProgress,
+  nextChildren,
+  renderExpirationTime
+) {
+  workInProgress.child =
+    null === current$$1
+      ? mountChildFibers(
+          workInProgress,
+          null,
+          nextChildren,
+          renderExpirationTime
+        )
+      : reconcileChildFibers(
+          workInProgress,
+          current$$1.child,
+          nextChildren,
+          renderExpirationTime
+        );
+}
+function updateForwardRef(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  renderExpirationTime
+) {
+  Component = Component.render;
+  var ref = workInProgress.ref;
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  nextProps = renderWithHooks(
+    current$$1,
+    workInProgress,
+    Component,
+    nextProps,
+    ref,
+    renderExpirationTime
+  );
+  if (null !== current$$1 && !didReceiveUpdate)
+    return (
+      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.effectTag &= -517),
+      current$$1.expirationTime <= renderExpirationTime &&
+        (current$$1.expirationTime = 0),
+      bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      )
+    );
+  workInProgress.effectTag |= 1;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextProps,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+function updateMemoComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  updateExpirationTime,
+  renderExpirationTime
+) {
+  if (null === current$$1) {
+    var type = Component.type;
+    if (
+      "function" === typeof type &&
+      !shouldConstruct(type) &&
+      void 0 === type.defaultProps &&
+      null === Component.compare &&
+      void 0 === Component.defaultProps
+    )
+      return (
+        (workInProgress.tag = 15),
+        (workInProgress.type = type),
+        updateSimpleMemoComponent(
+          current$$1,
+          workInProgress,
+          type,
+          nextProps,
+          updateExpirationTime,
+          renderExpirationTime
+        )
+      );
+    current$$1 = createFiberFromTypeAndProps(
+      Component.type,
+      null,
+      nextProps,
+      null,
+      workInProgress.mode,
+      renderExpirationTime
+    );
+    current$$1.ref = workInProgress.ref;
+    current$$1.return = workInProgress;
+    return (workInProgress.child = current$$1);
+  }
+  type = current$$1.child;
+  if (
+    updateExpirationTime < renderExpirationTime &&
+    ((updateExpirationTime = type.memoizedProps),
+    (Component = Component.compare),
+    (Component = null !== Component ? Component : shallowEqual),
+    Component(updateExpirationTime, nextProps) &&
+      current$$1.ref === workInProgress.ref)
+  )
+    return bailoutOnAlreadyFinishedWork(
+      current$$1,
+      workInProgress,
+      renderExpirationTime
+    );
+  workInProgress.effectTag |= 1;
+  current$$1 = createWorkInProgress(type, nextProps, renderExpirationTime);
+  current$$1.ref = workInProgress.ref;
+  current$$1.return = workInProgress;
+  return (workInProgress.child = current$$1);
+}
+function updateSimpleMemoComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  updateExpirationTime,
+  renderExpirationTime
+) {
+  return null !== current$$1 &&
+    shallowEqual(current$$1.memoizedProps, nextProps) &&
+    current$$1.ref === workInProgress.ref &&
+    ((didReceiveUpdate = !1), updateExpirationTime < renderExpirationTime)
+    ? bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      )
+    : updateFunctionComponent(
+        current$$1,
+        workInProgress,
+        Component,
+        nextProps,
+        renderExpirationTime
+      );
+}
+function markRef(current$$1, workInProgress) {
+  var ref = workInProgress.ref;
+  if (
+    (null === current$$1 && null !== ref) ||
+    (null !== current$$1 && current$$1.ref !== ref)
+  )
+    workInProgress.effectTag |= 128;
+}
+function updateFunctionComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  renderExpirationTime
+) {
+  var context = isContextProvider(Component)
+    ? previousContext
+    : contextStackCursor.current;
+  context = getMaskedContext(workInProgress, context);
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  Component = renderWithHooks(
+    current$$1,
+    workInProgress,
+    Component,
+    nextProps,
+    context,
+    renderExpirationTime
+  );
+  if (null !== current$$1 && !didReceiveUpdate)
+    return (
+      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.effectTag &= -517),
+      current$$1.expirationTime <= renderExpirationTime &&
+        (current$$1.expirationTime = 0),
+      bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      )
+    );
+  workInProgress.effectTag |= 1;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    Component,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+function updateClassComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  nextProps,
+  renderExpirationTime
+) {
+  if (isContextProvider(Component)) {
+    var hasContext = !0;
+    pushContextProvider(workInProgress);
+  } else hasContext = !1;
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  if (null === workInProgress.stateNode)
+    null !== current$$1 &&
+      ((current$$1.alternate = null),
+      (workInProgress.alternate = null),
+      (workInProgress.effectTag |= 2)),
+      constructClassInstance(
+        workInProgress,
+        Component,
+        nextProps,
+        renderExpirationTime
+      ),
+      mountClassInstance(
+        workInProgress,
+        Component,
+        nextProps,
+        renderExpirationTime
+      ),
+      (nextProps = !0);
+  else if (null === current$$1) {
+    var instance = workInProgress.stateNode,
+      oldProps = workInProgress.memoizedProps;
+    instance.props = oldProps;
+    var oldContext = instance.context,
+      contextType = Component.contextType;
+    "object" === typeof contextType && null !== contextType
+      ? (contextType = readContext(contextType))
+      : ((contextType = isContextProvider(Component)
+          ? previousContext
+          : contextStackCursor.current),
+        (contextType = getMaskedContext(workInProgress, contextType)));
+    var getDerivedStateFromProps = Component.getDerivedStateFromProps,
+      hasNewLifecycles =
+        "function" === typeof getDerivedStateFromProps ||
+        "function" === typeof instance.getSnapshotBeforeUpdate;
+    hasNewLifecycles ||
+      ("function" !== typeof instance.UNSAFE_componentWillReceiveProps &&
+        "function" !== typeof instance.componentWillReceiveProps) ||
+      ((oldProps !== nextProps || oldContext !== contextType) &&
+        callComponentWillReceiveProps(
+          workInProgress,
+          instance,
+          nextProps,
+          contextType
+        ));
+    hasForceUpdate = !1;
+    var oldState = workInProgress.memoizedState;
+    oldContext = instance.state = oldState;
+    var updateQueue = workInProgress.updateQueue;
+    null !== updateQueue &&
+      (processUpdateQueue(
+        workInProgress,
+        updateQueue,
+        nextProps,
+        instance,
+        renderExpirationTime
+      ),
+      (oldContext = workInProgress.memoizedState));
+    oldProps !== nextProps ||
+    oldState !== oldContext ||
+    didPerformWorkStackCursor.current ||
+    hasForceUpdate
+      ? ("function" === typeof getDerivedStateFromProps &&
+          (applyDerivedStateFromProps(
+            workInProgress,
+            Component,
+            getDerivedStateFromProps,
+            nextProps
+          ),
+          (oldContext = workInProgress.memoizedState)),
+        (oldProps =
+          hasForceUpdate ||
+          checkShouldComponentUpdate(
+            workInProgress,
+            Component,
+            oldProps,
+            nextProps,
+            oldState,
+            oldContext,
+            contextType
+          ))
+          ? (hasNewLifecycles ||
+              ("function" !== typeof instance.UNSAFE_componentWillMount &&
+                "function" !== typeof instance.componentWillMount) ||
+              ("function" === typeof instance.componentWillMount &&
+                instance.componentWillMount(),
+              "function" === typeof instance.UNSAFE_componentWillMount &&
+                instance.UNSAFE_componentWillMount()),
+            "function" === typeof instance.componentDidMount &&
+              (workInProgress.effectTag |= 4))
+          : ("function" === typeof instance.componentDidMount &&
+              (workInProgress.effectTag |= 4),
+            (workInProgress.memoizedProps = nextProps),
+            (workInProgress.memoizedState = oldContext)),
+        (instance.props = nextProps),
+        (instance.state = oldContext),
+        (instance.context = contextType),
+        (nextProps = oldProps))
+      : ("function" === typeof instance.componentDidMount &&
+          (workInProgress.effectTag |= 4),
+        (nextProps = !1));
+  } else
+    (instance = workInProgress.stateNode),
+      (oldProps = workInProgress.memoizedProps),
+      (instance.props =
+        workInProgress.type === workInProgress.elementType
+          ? oldProps
+          : resolveDefaultProps(workInProgress.type, oldProps)),
+      (oldContext = instance.context),
+      (contextType = Component.contextType),
+      "object" === typeof contextType && null !== contextType
+        ? (contextType = readContext(contextType))
+        : ((contextType = isContextProvider(Component)
+            ? previousContext
+            : contextStackCursor.current),
+          (contextType = getMaskedContext(workInProgress, contextType))),
+      (getDerivedStateFromProps = Component.getDerivedStateFromProps),
+      (hasNewLifecycles =
+        "function" === typeof getDerivedStateFromProps ||
+        "function" === typeof instance.getSnapshotBeforeUpdate) ||
+        ("function" !== typeof instance.UNSAFE_componentWillReceiveProps &&
+          "function" !== typeof instance.componentWillReceiveProps) ||
+        ((oldProps !== nextProps || oldContext !== contextType) &&
+          callComponentWillReceiveProps(
+            workInProgress,
+            instance,
+            nextProps,
+            contextType
+          )),
+      (hasForceUpdate = !1),
+      (oldContext = workInProgress.memoizedState),
+      (oldState = instance.state = oldContext),
+      (updateQueue = workInProgress.updateQueue),
+      null !== updateQueue &&
+        (processUpdateQueue(
+          workInProgress,
+          updateQueue,
+          nextProps,
+          instance,
+          renderExpirationTime
+        ),
+        (oldState = workInProgress.memoizedState)),
+      oldProps !== nextProps ||
+      oldContext !== oldState ||
+      didPerformWorkStackCursor.current ||
+      hasForceUpdate
+        ? ("function" === typeof getDerivedStateFromProps &&
+            (applyDerivedStateFromProps(
+              workInProgress,
+              Component,
+              getDerivedStateFromProps,
+              nextProps
+            ),
+            (oldState = workInProgress.memoizedState)),
+          (getDerivedStateFromProps =
+            hasForceUpdate ||
+            checkShouldComponentUpdate(
+              workInProgress,
+              Component,
+              oldProps,
+              nextProps,
+              oldContext,
+              oldState,
+              contextType
+            ))
+            ? (hasNewLifecycles ||
+                ("function" !== typeof instance.UNSAFE_componentWillUpdate &&
+                  "function" !== typeof instance.componentWillUpdate) ||
+                ("function" === typeof instance.componentWillUpdate &&
+                  instance.componentWillUpdate(
+                    nextProps,
+                    oldState,
+                    contextType
+                  ),
+                "function" === typeof instance.UNSAFE_componentWillUpdate &&
+                  instance.UNSAFE_componentWillUpdate(
+                    nextProps,
+                    oldState,
+                    contextType
+                  )),
+              "function" === typeof instance.componentDidUpdate &&
+                (workInProgress.effectTag |= 4),
+              "function" === typeof instance.getSnapshotBeforeUpdate &&
+                (workInProgress.effectTag |= 256))
+            : ("function" !== typeof instance.componentDidUpdate ||
+                (oldProps === current$$1.memoizedProps &&
+                  oldContext === current$$1.memoizedState) ||
+                (workInProgress.effectTag |= 4),
+              "function" !== typeof instance.getSnapshotBeforeUpdate ||
+                (oldProps === current$$1.memoizedProps &&
+                  oldContext === current$$1.memoizedState) ||
+                (workInProgress.effectTag |= 256),
+              (workInProgress.memoizedProps = nextProps),
+              (workInProgress.memoizedState = oldState)),
+          (instance.props = nextProps),
+          (instance.state = oldState),
+          (instance.context = contextType),
+          (nextProps = getDerivedStateFromProps))
+        : ("function" !== typeof instance.componentDidUpdate ||
+            (oldProps === current$$1.memoizedProps &&
+              oldContext === current$$1.memoizedState) ||
+            (workInProgress.effectTag |= 4),
+          "function" !== typeof instance.getSnapshotBeforeUpdate ||
+            (oldProps === current$$1.memoizedProps &&
+              oldContext === current$$1.memoizedState) ||
+            (workInProgress.effectTag |= 256),
+          (nextProps = !1));
+  return finishClassComponent(
+    current$$1,
+    workInProgress,
+    Component,
+    nextProps,
+    hasContext,
+    renderExpirationTime
+  );
+}
+function finishClassComponent(
+  current$$1,
+  workInProgress,
+  Component,
+  shouldUpdate,
+  hasContext,
+  renderExpirationTime
+) {
+  markRef(current$$1, workInProgress);
+  var didCaptureError = 0 !== (workInProgress.effectTag & 64);
+  if (!shouldUpdate && !didCaptureError)
+    return (
+      hasContext && invalidateContextProvider(workInProgress, Component, !1),
+      bailoutOnAlreadyFinishedWork(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      )
+    );
+  shouldUpdate = workInProgress.stateNode;
+  ReactCurrentOwner$3.current = workInProgress;
+  if (
+    didCaptureError &&
+    "function" !== typeof Component.getDerivedStateFromError
+  ) {
+    var nextChildren = null;
+    profilerStartTime = -1;
+  } else nextChildren = shouldUpdate.render();
+  workInProgress.effectTag |= 1;
+  null !== current$$1 && didCaptureError
+    ? ((didCaptureError = nextChildren),
+      (workInProgress.child = reconcileChildFibers(
+        workInProgress,
+        current$$1.child,
+        null,
+        renderExpirationTime
+      )),
+      (workInProgress.child = reconcileChildFibers(
+        workInProgress,
+        null,
+        didCaptureError,
+        renderExpirationTime
+      )))
+    : reconcileChildren(
+        current$$1,
+        workInProgress,
+        nextChildren,
+        renderExpirationTime
+      );
+  workInProgress.memoizedState = shouldUpdate.state;
+  hasContext && invalidateContextProvider(workInProgress, Component, !0);
+  return workInProgress.child;
+}
+function pushHostRootContext(workInProgress) {
+  var root = workInProgress.stateNode;
+  root.pendingContext
+    ? pushTopLevelContextObject(
+        workInProgress,
+        root.pendingContext,
+        root.pendingContext !== root.context
+      )
+    : root.context &&
+      pushTopLevelContextObject(workInProgress, root.context, !1);
+  pushHostContainer(workInProgress, root.containerInfo);
+}
+var SUSPENDED_MARKER = {};
+function updateSuspenseComponent(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  var mode = workInProgress.mode,
+    nextProps = workInProgress.pendingProps,
+    suspenseContext = suspenseStackCursor.current,
+    nextState = null,
+    nextDidTimeout = !1,
+    JSCompiler_temp;
+  (JSCompiler_temp = 0 !== (workInProgress.effectTag & 64)) ||
+    (JSCompiler_temp =
+      0 !== (suspenseContext & ForceSuspenseFallback) &&
+      (null === current$$1 || null !== current$$1.memoizedState));
+  JSCompiler_temp
+    ? ((nextState = SUSPENDED_MARKER),
+      (nextDidTimeout = !0),
+      (workInProgress.effectTag &= -65))
+    : (null !== current$$1 && null === current$$1.memoizedState) ||
+      void 0 === nextProps.fallback ||
+      !0 === nextProps.unstable_avoidThisFallback ||
+      (suspenseContext |= InvisibleParentSuspenseContext);
+  suspenseContext &= SubtreeSuspenseContextMask;
+  push(suspenseStackCursor, suspenseContext, workInProgress);
+  if (null === current$$1)
+    if (nextDidTimeout) {
+      nextProps = nextProps.fallback;
+      current$$1 = createFiberFromFragment(null, mode, 0, null);
+      current$$1.return = workInProgress;
+      if (0 === (workInProgress.mode & 2))
+        for (
+          nextDidTimeout =
+            null !== workInProgress.memoizedState
+              ? workInProgress.child.child
+              : workInProgress.child,
+            current$$1.child = nextDidTimeout;
+          null !== nextDidTimeout;
+
+        )
+          (nextDidTimeout.return = current$$1),
+            (nextDidTimeout = nextDidTimeout.sibling);
+      renderExpirationTime = createFiberFromFragment(
+        nextProps,
+        mode,
+        renderExpirationTime,
+        null
+      );
+      renderExpirationTime.return = workInProgress;
+      current$$1.sibling = renderExpirationTime;
+      mode = current$$1;
+    } else
+      mode = renderExpirationTime = mountChildFibers(
+        workInProgress,
+        null,
+        nextProps.children,
+        renderExpirationTime
+      );
+  else {
+    if (null !== current$$1.memoizedState)
+      if (
+        ((suspenseContext = current$$1.child),
+        (mode = suspenseContext.sibling),
+        nextDidTimeout)
+      ) {
+        nextProps = nextProps.fallback;
+        renderExpirationTime = createWorkInProgress(
+          suspenseContext,
+          suspenseContext.pendingProps,
+          0
+        );
+        renderExpirationTime.return = workInProgress;
+        if (
+          0 === (workInProgress.mode & 2) &&
+          ((nextDidTimeout =
+            null !== workInProgress.memoizedState
+              ? workInProgress.child.child
+              : workInProgress.child),
+          nextDidTimeout !== suspenseContext.child)
+        )
+          for (
+            renderExpirationTime.child = nextDidTimeout;
+            null !== nextDidTimeout;
+
+          )
+            (nextDidTimeout.return = renderExpirationTime),
+              (nextDidTimeout = nextDidTimeout.sibling);
+        if (workInProgress.mode & 8) {
+          nextDidTimeout = 0;
+          for (
+            suspenseContext = renderExpirationTime.child;
+            null !== suspenseContext;
+
+          )
+            (nextDidTimeout += suspenseContext.treeBaseDuration),
+              (suspenseContext = suspenseContext.sibling);
+          renderExpirationTime.treeBaseDuration = nextDidTimeout;
+        }
+        nextProps = createWorkInProgress(mode, nextProps, mode.expirationTime);
+        nextProps.return = workInProgress;
+        renderExpirationTime.sibling = nextProps;
+        mode = renderExpirationTime;
+        renderExpirationTime.childExpirationTime = 0;
+        renderExpirationTime = nextProps;
+      } else
+        mode = renderExpirationTime = reconcileChildFibers(
+          workInProgress,
+          suspenseContext.child,
+          nextProps.children,
+          renderExpirationTime
+        );
+    else if (((suspenseContext = current$$1.child), nextDidTimeout)) {
+      nextDidTimeout = nextProps.fallback;
+      nextProps = createFiberFromFragment(null, mode, 0, null);
+      nextProps.return = workInProgress;
+      nextProps.child = suspenseContext;
+      null !== suspenseContext && (suspenseContext.return = nextProps);
+      if (0 === (workInProgress.mode & 2))
+        for (
+          suspenseContext =
+            null !== workInProgress.memoizedState
+              ? workInProgress.child.child
+              : workInProgress.child,
+            nextProps.child = suspenseContext;
+          null !== suspenseContext;
+
+        )
+          (suspenseContext.return = nextProps),
+            (suspenseContext = suspenseContext.sibling);
+      if (workInProgress.mode & 8) {
+        suspenseContext = 0;
+        for (JSCompiler_temp = nextProps.child; null !== JSCompiler_temp; )
+          (suspenseContext += JSCompiler_temp.treeBaseDuration),
+            (JSCompiler_temp = JSCompiler_temp.sibling);
+        nextProps.treeBaseDuration = suspenseContext;
+      }
+      renderExpirationTime = createFiberFromFragment(
+        nextDidTimeout,
+        mode,
+        renderExpirationTime,
+        null
+      );
+      renderExpirationTime.return = workInProgress;
+      nextProps.sibling = renderExpirationTime;
+      renderExpirationTime.effectTag |= 2;
+      mode = nextProps;
+      nextProps.childExpirationTime = 0;
+    } else
+      renderExpirationTime = mode = reconcileChildFibers(
+        workInProgress,
+        suspenseContext,
+        nextProps.children,
+        renderExpirationTime
+      );
+    workInProgress.stateNode = current$$1.stateNode;
+  }
+  workInProgress.memoizedState = nextState;
+  workInProgress.child = mode;
+  return renderExpirationTime;
+}
+function initSuspenseListRenderState(
+  workInProgress,
+  isBackwards,
+  tail,
+  lastContentRow,
+  tailMode
+) {
+  var renderState = workInProgress.memoizedState;
+  null === renderState
+    ? (workInProgress.memoizedState = {
+        isBackwards: isBackwards,
+        rendering: null,
+        last: lastContentRow,
+        tail: tail,
+        tailExpiration: 0,
+        tailMode: tailMode
+      })
+    : ((renderState.isBackwards = isBackwards),
+      (renderState.rendering = null),
+      (renderState.last = lastContentRow),
+      (renderState.tail = tail),
+      (renderState.tailExpiration = 0),
+      (renderState.tailMode = tailMode));
+}
+function updateSuspenseListComponent(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  var nextProps = workInProgress.pendingProps,
+    revealOrder = nextProps.revealOrder,
+    tailMode = nextProps.tail;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextProps.children,
+    renderExpirationTime
+  );
+  nextProps = suspenseStackCursor.current;
+  if (0 !== (nextProps & ForceSuspenseFallback))
+    (nextProps =
+      (nextProps & SubtreeSuspenseContextMask) | ForceSuspenseFallback),
+      (workInProgress.effectTag |= 64);
+  else {
+    if (null !== current$$1 && 0 !== (current$$1.effectTag & 64))
+      a: for (current$$1 = workInProgress.child; null !== current$$1; ) {
+        if (13 === current$$1.tag) {
+          if (null !== current$$1.memoizedState) {
+            current$$1.expirationTime < renderExpirationTime &&
+              (current$$1.expirationTime = renderExpirationTime);
+            var alternate = current$$1.alternate;
+            null !== alternate &&
+              alternate.expirationTime < renderExpirationTime &&
+              (alternate.expirationTime = renderExpirationTime);
+            scheduleWorkOnParentPath(current$$1.return, renderExpirationTime);
+          }
+        } else if (null !== current$$1.child) {
+          current$$1.child.return = current$$1;
+          current$$1 = current$$1.child;
+          continue;
+        }
+        if (current$$1 === workInProgress) break a;
+        for (; null === current$$1.sibling; ) {
+          if (
+            null === current$$1.return ||
+            current$$1.return === workInProgress
+          )
+            break a;
+          current$$1 = current$$1.return;
+        }
+        current$$1.sibling.return = current$$1.return;
+        current$$1 = current$$1.sibling;
+      }
+    nextProps &= SubtreeSuspenseContextMask;
+  }
+  push(suspenseStackCursor, nextProps, workInProgress);
+  if (0 === (workInProgress.mode & 2)) workInProgress.memoizedState = null;
+  else
+    switch (revealOrder) {
+      case "forwards":
+        renderExpirationTime = workInProgress.child;
+        for (revealOrder = null; null !== renderExpirationTime; )
+          (nextProps = renderExpirationTime.alternate),
+            null !== nextProps &&
+              null === findFirstSuspended(nextProps) &&
+              (revealOrder = renderExpirationTime),
+            (renderExpirationTime = renderExpirationTime.sibling);
+        renderExpirationTime = revealOrder;
+        null === renderExpirationTime
+          ? ((revealOrder = workInProgress.child),
+            (workInProgress.child = null))
+          : ((revealOrder = renderExpirationTime.sibling),
+            (renderExpirationTime.sibling = null));
+        initSuspenseListRenderState(
+          workInProgress,
+          !1,
+          revealOrder,
+          renderExpirationTime,
+          tailMode
+        );
+        break;
+      case "backwards":
+        renderExpirationTime = null;
+        revealOrder = workInProgress.child;
+        for (workInProgress.child = null; null !== revealOrder; ) {
+          nextProps = revealOrder.alternate;
+          if (null !== nextProps && null === findFirstSuspended(nextProps)) {
+            workInProgress.child = revealOrder;
+            break;
+          }
+          nextProps = revealOrder.sibling;
+          revealOrder.sibling = renderExpirationTime;
+          renderExpirationTime = revealOrder;
+          revealOrder = nextProps;
+        }
+        initSuspenseListRenderState(
+          workInProgress,
+          !0,
+          renderExpirationTime,
+          null,
+          tailMode
+        );
+        break;
+      case "together":
+        initSuspenseListRenderState(workInProgress, !1, null, null, void 0);
+        break;
+      default:
+        workInProgress.memoizedState = null;
+    }
+  return workInProgress.child;
+}
+function bailoutOnAlreadyFinishedWork(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  null !== current$$1 &&
+    (workInProgress.dependencies = current$$1.dependencies);
+  profilerStartTime = -1;
+  if (workInProgress.childExpirationTime < renderExpirationTime) return null;
+  if (null !== current$$1 && workInProgress.child !== current$$1.child)
+    throw ReactError(Error("Resuming work not yet implemented."));
+  if (null !== workInProgress.child) {
+    current$$1 = workInProgress.child;
+    renderExpirationTime = createWorkInProgress(
+      current$$1,
+      current$$1.pendingProps,
+      current$$1.expirationTime
+    );
+    workInProgress.child = renderExpirationTime;
+    for (
+      renderExpirationTime.return = workInProgress;
+      null !== current$$1.sibling;
+
+    )
+      (current$$1 = current$$1.sibling),
+        (renderExpirationTime = renderExpirationTime.sibling = createWorkInProgress(
+          current$$1,
+          current$$1.pendingProps,
+          current$$1.expirationTime
+        )),
+        (renderExpirationTime.return = workInProgress);
+    renderExpirationTime.sibling = null;
+  }
+  return workInProgress.child;
+}
+var appendAllChildren = void 0,
+  updateHostContainer = void 0,
+  updateHostComponent$1 = void 0,
+  updateHostText$1 = void 0;
+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;
+  }
+};
+updateHostContainer = function() {};
+updateHostComponent$1 = function(current, workInProgress, type, newProps) {
+  current.memoizedProps !== newProps &&
+    (requiredContext(contextStackCursor$1.current),
+    (workInProgress.updateQueue = UPDATE_SIGNAL)) &&
+    (workInProgress.effectTag |= 4);
+};
+updateHostText$1 = function(current, workInProgress, oldText, newText) {
+  oldText !== newText && (workInProgress.effectTag |= 4);
+};
+function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
+  switch (renderState.tailMode) {
+    case "hidden":
+      hasRenderedATailFallback = renderState.tail;
+      for (var lastTailNode = null; null !== hasRenderedATailFallback; )
+        null !== hasRenderedATailFallback.alternate &&
+          (lastTailNode = hasRenderedATailFallback),
+          (hasRenderedATailFallback = hasRenderedATailFallback.sibling);
+      null === lastTailNode
+        ? (renderState.tail = null)
+        : (lastTailNode.sibling = null);
+      break;
+    case "collapsed":
+      lastTailNode = renderState.tail;
+      for (var _lastTailNode = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (_lastTailNode = lastTailNode),
+          (lastTailNode = lastTailNode.sibling);
+      null === _lastTailNode
+        ? hasRenderedATailFallback || null === renderState.tail
+          ? (renderState.tail = null)
+          : (renderState.tail.sibling = null)
+        : (_lastTailNode.sibling = null);
+  }
+}
+function completeWork(current, workInProgress, renderExpirationTime) {
+  var newProps = workInProgress.pendingProps;
+  switch (workInProgress.tag) {
+    case 2:
+      break;
+    case 16:
+      break;
+    case 15:
+    case 0:
+      break;
+    case 1:
+      isContextProvider(workInProgress.type) && popContext(workInProgress);
+      break;
+    case 3:
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      newProps = workInProgress.stateNode;
+      newProps.pendingContext &&
+        ((newProps.context = newProps.pendingContext),
+        (newProps.pendingContext = null));
+      if (null === current || null === current.child)
+        workInProgress.effectTag &= -3;
+      updateHostContainer(workInProgress);
+      break;
+    case 5:
+      popHostContext(workInProgress);
+      var rootContainerInstance = requiredContext(
+        rootInstanceStackCursor.current
+      );
+      renderExpirationTime = workInProgress.type;
+      if (null !== current && null != workInProgress.stateNode)
+        updateHostComponent$1(
+          current,
+          workInProgress,
+          renderExpirationTime,
+          newProps,
+          rootContainerInstance
+        ),
+          current.ref !== workInProgress.ref &&
+            (workInProgress.effectTag |= 128);
+      else if (newProps) {
+        current = requiredContext(contextStackCursor$1.current);
+        var tag = allocateTag(),
+          viewConfig = getViewConfigForType(renderExpirationTime),
+          updatePayload = diffProperties(
+            null,
+            emptyObject,
+            newProps,
+            viewConfig.validAttributes
+          );
+        ReactNativePrivateInterface.UIManager.createView(
+          tag,
+          viewConfig.uiViewClassName,
+          rootContainerInstance,
+          updatePayload
+        );
+        viewConfig = new ReactNativeFiberHostComponent(tag, viewConfig);
+        instanceCache.set(tag, workInProgress);
+        instanceProps.set(tag, newProps);
+        appendAllChildren(viewConfig, workInProgress, !1, !1);
+        finalizeInitialChildren(
+          viewConfig,
+          renderExpirationTime,
+          newProps,
+          rootContainerInstance,
+          current
+        ) && (workInProgress.effectTag |= 4);
+        workInProgress.stateNode = viewConfig;
+        null !== workInProgress.ref && (workInProgress.effectTag |= 128);
+      } else if (null === workInProgress.stateNode)
+        throw ReactError(
+          Error(
+            "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      break;
+    case 6:
+      if (current && null != workInProgress.stateNode)
+        updateHostText$1(
+          current,
+          workInProgress,
+          current.memoizedProps,
+          newProps
+        );
+      else {
+        if ("string" !== typeof newProps && null === workInProgress.stateNode)
+          throw ReactError(
+            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)
+          throw ReactError(
+            Error("Text strings must be rendered within a <Text> component.")
+          );
+        rootContainerInstance = allocateTag();
+        ReactNativePrivateInterface.UIManager.createView(
+          rootContainerInstance,
+          "RCTRawText",
+          current,
+          { text: newProps }
+        );
+        instanceCache.set(rootContainerInstance, workInProgress);
+        workInProgress.stateNode = rootContainerInstance;
+      }
+      break;
+    case 11:
+      break;
+    case 13:
+      pop(suspenseStackCursor, workInProgress);
+      newProps = workInProgress.memoizedState;
+      if (0 !== (workInProgress.effectTag & 64))
+        return (
+          (workInProgress.expirationTime = renderExpirationTime), workInProgress
+        );
+      newProps = null !== newProps;
+      rootContainerInstance = !1;
+      null !== current &&
+        ((renderExpirationTime = current.memoizedState),
+        (rootContainerInstance = null !== renderExpirationTime),
+        newProps ||
+          null === renderExpirationTime ||
+          ((renderExpirationTime = current.child.sibling),
+          null !== renderExpirationTime &&
+            ((tag = workInProgress.firstEffect),
+            null !== tag
+              ? ((workInProgress.firstEffect = renderExpirationTime),
+                (renderExpirationTime.nextEffect = tag))
+              : ((workInProgress.firstEffect = workInProgress.lastEffect = renderExpirationTime),
+                (renderExpirationTime.nextEffect = null)),
+            (renderExpirationTime.effectTag = 8))));
+      if (newProps && !rootContainerInstance && 0 !== (workInProgress.mode & 2))
+        if (
+          (null === current &&
+            !0 !== workInProgress.memoizedProps.unstable_avoidThisFallback) ||
+          0 !== (suspenseStackCursor.current & InvisibleParentSuspenseContext)
+        )
+          workInProgressRootExitStatus === RootIncomplete &&
+            (workInProgressRootExitStatus = RootSuspended);
+        else if (
+          workInProgressRootExitStatus === RootIncomplete ||
+          workInProgressRootExitStatus === RootSuspended
+        )
+          workInProgressRootExitStatus = RootSuspendedWithDelay;
+      if (newProps || rootContainerInstance) workInProgress.effectTag |= 4;
+      break;
+    case 7:
+      break;
+    case 8:
+      break;
+    case 12:
+      break;
+    case 4:
+      popHostContainer(workInProgress);
+      updateHostContainer(workInProgress);
+      break;
+    case 10:
+      popProvider(workInProgress);
+      break;
+    case 9:
+      break;
+    case 14:
+      break;
+    case 17:
+      isContextProvider(workInProgress.type) && popContext(workInProgress);
+      break;
+    case 18:
+      break;
+    case 19:
+      pop(suspenseStackCursor, workInProgress);
+      newProps = workInProgress.memoizedState;
+      if (null === newProps) break;
+      rootContainerInstance = 0 !== (workInProgress.effectTag & 64);
+      tag = newProps.rendering;
+      if (null === tag)
+        if (rootContainerInstance) cutOffTailIfNeeded(newProps, !1);
+        else {
+          if (
+            workInProgressRootExitStatus !== RootIncomplete ||
+            (null !== current && 0 !== (current.effectTag & 64))
+          )
+            for (current = workInProgress.child; null !== current; ) {
+              tag = findFirstSuspended(current);
+              if (null !== tag) {
+                workInProgress.effectTag |= 64;
+                cutOffTailIfNeeded(newProps, !1);
+                current = tag.updateQueue;
+                null !== current &&
+                  ((workInProgress.updateQueue = current),
+                  (workInProgress.effectTag |= 4));
+                workInProgress.firstEffect = workInProgress.lastEffect = null;
+                current = renderExpirationTime;
+                for (newProps = workInProgress.child; null !== newProps; )
+                  (rootContainerInstance = newProps),
+                    (tag = current),
+                    (rootContainerInstance.effectTag &= 2),
+                    (rootContainerInstance.nextEffect = null),
+                    (rootContainerInstance.firstEffect = null),
+                    (rootContainerInstance.lastEffect = null),
+                    (renderExpirationTime = rootContainerInstance.alternate),
+                    null === renderExpirationTime
+                      ? ((rootContainerInstance.childExpirationTime = 0),
+                        (rootContainerInstance.expirationTime = tag),
+                        (rootContainerInstance.child = null),
+                        (rootContainerInstance.memoizedProps = null),
+                        (rootContainerInstance.memoizedState = null),
+                        (rootContainerInstance.updateQueue = null),
+                        (rootContainerInstance.dependencies = null),
+                        (rootContainerInstance.selfBaseDuration = 0),
+                        (rootContainerInstance.treeBaseDuration = 0))
+                      : ((rootContainerInstance.childExpirationTime =
+                          renderExpirationTime.childExpirationTime),
+                        (rootContainerInstance.expirationTime =
+                          renderExpirationTime.expirationTime),
+                        (rootContainerInstance.child =
+                          renderExpirationTime.child),
+                        (rootContainerInstance.memoizedProps =
+                          renderExpirationTime.memoizedProps),
+                        (rootContainerInstance.memoizedState =
+                          renderExpirationTime.memoizedState),
+                        (rootContainerInstance.updateQueue =
+                          renderExpirationTime.updateQueue),
+                        (tag = renderExpirationTime.dependencies),
+                        (rootContainerInstance.dependencies =
+                          null === tag
+                            ? null
+                            : {
+                                expirationTime: tag.expirationTime,
+                                firstContext: tag.firstContext,
+                                responders: tag.responders
+                              }),
+                        (rootContainerInstance.selfBaseDuration =
+                          renderExpirationTime.selfBaseDuration),
+                        (rootContainerInstance.treeBaseDuration =
+                          renderExpirationTime.treeBaseDuration)),
+                    (newProps = newProps.sibling);
+                push(
+                  suspenseStackCursor,
+                  (suspenseStackCursor.current & SubtreeSuspenseContextMask) |
+                    ForceSuspenseFallback,
+                  workInProgress
+                );
+                return workInProgress.child;
+              }
+              current = current.sibling;
+            }
+        }
+      else {
+        if (!rootContainerInstance)
+          if (((current = findFirstSuspended(tag)), null !== current)) {
+            if (
+              ((workInProgress.effectTag |= 64),
+              (rootContainerInstance = !0),
+              cutOffTailIfNeeded(newProps, !0),
+              null === newProps.tail && "hidden" === newProps.tailMode)
+            ) {
+              current = current.updateQueue;
+              null !== current &&
+                ((workInProgress.updateQueue = current),
+                (workInProgress.effectTag |= 4));
+              workInProgress = workInProgress.lastEffect = newProps.lastEffect;
+              null !== workInProgress && (workInProgress.nextEffect = null);
+              break;
+            }
+          } else
+            now() > newProps.tailExpiration &&
+              1 < renderExpirationTime &&
+              ((workInProgress.effectTag |= 64),
+              (rootContainerInstance = !0),
+              cutOffTailIfNeeded(newProps, !1),
+              (current = renderExpirationTime - 1),
+              (workInProgress.expirationTime = workInProgress.childExpirationTime = current),
+              null === spawnedWorkDuringRender
+                ? (spawnedWorkDuringRender = [current])
+                : spawnedWorkDuringRender.push(current));
+        newProps.isBackwards
+          ? ((tag.sibling = workInProgress.child), (workInProgress.child = tag))
+          : ((current = newProps.last),
+            null !== current
+              ? (current.sibling = tag)
+              : (workInProgress.child = tag),
+            (newProps.last = tag));
+      }
+      if (null !== newProps.tail)
+        return (
+          0 === newProps.tailExpiration &&
+            (newProps.tailExpiration = now() + 500),
+          (current = newProps.tail),
+          (newProps.rendering = current),
+          (newProps.tail = current.sibling),
+          (newProps.lastEffect = workInProgress.lastEffect),
+          (current.sibling = null),
+          (newProps = suspenseStackCursor.current),
+          (newProps = rootContainerInstance
+            ? (newProps & SubtreeSuspenseContextMask) | ForceSuspenseFallback
+            : newProps & SubtreeSuspenseContextMask),
+          push(suspenseStackCursor, newProps, workInProgress),
+          current
+        );
+      break;
+    case 20:
+      break;
+    default:
+      throw ReactError(
+        Error(
+          "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+  }
+  return null;
+}
+function unwindWork(workInProgress) {
+  switch (workInProgress.tag) {
+    case 1:
+      isContextProvider(workInProgress.type) && popContext(workInProgress);
+      var effectTag = workInProgress.effectTag;
+      return effectTag & 2048
+        ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
+          workInProgress)
+        : null;
+    case 3:
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      effectTag = workInProgress.effectTag;
+      if (0 !== (effectTag & 64))
+        throw ReactError(
+          Error(
+            "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
+          )
+        );
+      workInProgress.effectTag = (effectTag & -2049) | 64;
+      return workInProgress;
+    case 5:
+      return popHostContext(workInProgress), null;
+    case 13:
+      return (
+        pop(suspenseStackCursor, workInProgress),
+        (effectTag = workInProgress.effectTag),
+        effectTag & 2048
+          ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
+            workInProgress)
+          : null
+      );
+    case 18:
+      return null;
+    case 19:
+      return pop(suspenseStackCursor, workInProgress), null;
+    case 4:
+      return popHostContainer(workInProgress), null;
+    case 10:
+      return popProvider(workInProgress), null;
+    default:
+      return null;
+  }
+}
+function createCapturedValue(value, source) {
+  return {
+    value: value,
+    source: source,
+    stack: getStackByFiberInDevAndProd(source)
+  };
+}
+if (
+  "function" !==
+  typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog
+)
+  throw ReactError(
+    Error("Expected ReactFiberErrorDialog.showErrorDialog to be a function.")
+  );
+function logCapturedError(capturedError) {
+  !1 !==
+    ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog(
+      capturedError
+    ) && console.error(capturedError.error);
+}
+var PossiblyWeakSet$1 = "function" === typeof WeakSet ? WeakSet : Set;
+function logError(boundary, errorInfo) {
+  var source = errorInfo.source,
+    stack = errorInfo.stack;
+  null === stack &&
+    null !== source &&
+    (stack = getStackByFiberInDevAndProd(source));
+  errorInfo = {
+    componentName: null !== source ? getComponentName(source.type) : null,
+    componentStack: null !== stack ? stack : "",
+    error: errorInfo.value,
+    errorBoundary: null,
+    errorBoundaryName: null,
+    errorBoundaryFound: !1,
+    willRetry: !1
+  };
+  null !== boundary &&
+    1 === boundary.tag &&
+    ((errorInfo.errorBoundary = boundary.stateNode),
+    (errorInfo.errorBoundaryName = getComponentName(boundary.type)),
+    (errorInfo.errorBoundaryFound = !0),
+    (errorInfo.willRetry = !0));
+  try {
+    logCapturedError(errorInfo);
+  } catch (e) {
+    setTimeout(function() {
+      throw e;
+    });
+  }
+}
+function safelyCallComponentWillUnmount(current$$1, instance) {
+  try {
+    (instance.props = current$$1.memoizedProps),
+      (instance.state = current$$1.memoizedState),
+      instance.componentWillUnmount();
+  } catch (unmountError) {
+    captureCommitPhaseError(current$$1, unmountError);
+  }
+}
+function safelyDetachRef(current$$1) {
+  var ref = current$$1.ref;
+  if (null !== ref)
+    if ("function" === typeof ref)
+      try {
+        ref(null);
+      } catch (refError) {
+        captureCommitPhaseError(current$$1, refError);
+      }
+    else ref.current = null;
+}
+function commitHookEffectList(unmountTag, mountTag, finishedWork) {
+  finishedWork = finishedWork.updateQueue;
+  finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
+  if (null !== finishedWork) {
+    var effect = (finishedWork = finishedWork.next);
+    do {
+      if ((effect.tag & unmountTag) !== NoEffect$1) {
+        var destroy = effect.destroy;
+        effect.destroy = void 0;
+        void 0 !== destroy && destroy();
+      }
+      (effect.tag & mountTag) !== NoEffect$1 &&
+        ((destroy = effect.create), (effect.destroy = destroy()));
+      effect = effect.next;
+    } while (effect !== finishedWork);
+  }
+}
+function commitUnmount(current$$1$jscomp$0, renderPriorityLevel) {
+  "function" === typeof onCommitFiberUnmount &&
+    onCommitFiberUnmount(current$$1$jscomp$0);
+  switch (current$$1$jscomp$0.tag) {
+    case 0:
+    case 11:
+    case 14:
+    case 15:
+      var updateQueue = current$$1$jscomp$0.updateQueue;
+      if (
+        null !== updateQueue &&
+        ((updateQueue = updateQueue.lastEffect), null !== updateQueue)
+      ) {
+        var firstEffect = updateQueue.next;
+        runWithPriority(
+          97 < renderPriorityLevel ? 97 : renderPriorityLevel,
+          function() {
+            var effect = firstEffect;
+            do {
+              var destroy = effect.destroy;
+              if (void 0 !== destroy) {
+                var current$$1 = current$$1$jscomp$0;
+                try {
+                  destroy();
+                } catch (error) {
+                  captureCommitPhaseError(current$$1, error);
+                }
+              }
+              effect = effect.next;
+            } while (effect !== firstEffect);
+          }
+        );
+      }
+      break;
+    case 1:
+      safelyDetachRef(current$$1$jscomp$0);
+      renderPriorityLevel = current$$1$jscomp$0.stateNode;
+      "function" === typeof renderPriorityLevel.componentWillUnmount &&
+        safelyCallComponentWillUnmount(
+          current$$1$jscomp$0,
+          renderPriorityLevel
+        );
+      break;
+    case 5:
+      safelyDetachRef(current$$1$jscomp$0);
+      break;
+    case 4:
+      unmountHostComponents(current$$1$jscomp$0, renderPriorityLevel);
+  }
+}
+function detachFiber(current$$1) {
+  var alternate = current$$1.alternate;
+  current$$1.return = null;
+  current$$1.child = null;
+  current$$1.memoizedState = null;
+  current$$1.updateQueue = null;
+  current$$1.dependencies = null;
+  current$$1.alternate = null;
+  current$$1.firstEffect = null;
+  current$$1.lastEffect = null;
+  current$$1.pendingProps = null;
+  current$$1.memoizedProps = null;
+  null !== alternate && detachFiber(alternate);
+}
+function isHostParent(fiber) {
+  return 5 === fiber.tag || 3 === fiber.tag || 4 === fiber.tag;
+}
+function commitPlacement(finishedWork) {
+  a: {
+    for (var parent = finishedWork.return; null !== parent; ) {
+      if (isHostParent(parent)) {
+        var parentFiber = parent;
+        break a;
+      }
+      parent = parent.return;
+    }
+    throw ReactError(
+      Error(
+        "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+      )
+    );
+  }
+  parent = parentFiber.stateNode;
+  switch (parentFiber.tag) {
+    case 5:
+      var isContainer = !1;
+      break;
+    case 3:
+      parent = parent.containerInfo;
+      isContainer = !0;
+      break;
+    case 4:
+      parent = parent.containerInfo;
+      isContainer = !0;
+      break;
+    default:
+      throw ReactError(
+        Error(
+          "Invalid host parent fiber. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+  }
+  parentFiber.effectTag & 16 && (parentFiber.effectTag &= -17);
+  a: b: for (parentFiber = finishedWork; ; ) {
+    for (; null === parentFiber.sibling; ) {
+      if (null === parentFiber.return || isHostParent(parentFiber.return)) {
+        parentFiber = null;
+        break a;
+      }
+      parentFiber = parentFiber.return;
+    }
+    parentFiber.sibling.return = parentFiber.return;
+    for (
+      parentFiber = parentFiber.sibling;
+      5 !== parentFiber.tag && 6 !== parentFiber.tag && 18 !== parentFiber.tag;
+
+    ) {
+      if (parentFiber.effectTag & 2) continue b;
+      if (null === parentFiber.child || 4 === parentFiber.tag) continue b;
+      else
+        (parentFiber.child.return = parentFiber),
+          (parentFiber = parentFiber.child);
+    }
+    if (!(parentFiber.effectTag & 2)) {
+      parentFiber = parentFiber.stateNode;
+      break a;
+    }
+  }
+  for (var node = finishedWork; ; ) {
+    var isHost = 5 === node.tag || 6 === node.tag;
+    if (isHost) {
+      var stateNode = isHost ? node.stateNode : node.stateNode.instance;
+      if (parentFiber)
+        if (isContainer) {
+          if ("number" === typeof parent)
+            throw ReactError(
+              Error("Container does not support insertBefore operation")
+            );
+        } else {
+          isHost = parent;
+          var beforeChild = parentFiber,
+            children = isHost._children,
+            index = children.indexOf(stateNode);
+          0 <= index
+            ? (children.splice(index, 1),
+              (beforeChild = children.indexOf(beforeChild)),
+              children.splice(beforeChild, 0, stateNode),
+              ReactNativePrivateInterface.UIManager.manageChildren(
+                isHost._nativeTag,
+                [index],
+                [beforeChild],
+                [],
+                [],
+                []
+              ))
+            : ((index = children.indexOf(beforeChild)),
+              children.splice(index, 0, stateNode),
+              ReactNativePrivateInterface.UIManager.manageChildren(
+                isHost._nativeTag,
+                [],
+                [],
+                [
+                  "number" === typeof stateNode
+                    ? stateNode
+                    : stateNode._nativeTag
+                ],
+                [index],
+                []
+              ));
+        }
+      else
+        isContainer
+          ? ReactNativePrivateInterface.UIManager.setChildren(parent, [
+              "number" === typeof stateNode ? stateNode : stateNode._nativeTag
+            ])
+          : ((isHost = parent),
+            (children =
+              "number" === typeof stateNode ? stateNode : stateNode._nativeTag),
+            (index = isHost._children),
+            (beforeChild = index.indexOf(stateNode)),
+            0 <= beforeChild
+              ? (index.splice(beforeChild, 1),
+                index.push(stateNode),
+                ReactNativePrivateInterface.UIManager.manageChildren(
+                  isHost._nativeTag,
+                  [beforeChild],
+                  [index.length - 1],
+                  [],
+                  [],
+                  []
+                ))
+              : (index.push(stateNode),
+                ReactNativePrivateInterface.UIManager.manageChildren(
+                  isHost._nativeTag,
+                  [],
+                  [],
+                  [children],
+                  [index.length - 1],
+                  []
+                )));
+    } else if (4 !== node.tag && null !== node.child) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === finishedWork) break;
+    for (; null === node.sibling; ) {
+      if (null === node.return || node.return === finishedWork) return;
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
+function unmountHostComponents(current$$1, renderPriorityLevel$jscomp$0) {
+  for (
+    var node = current$$1,
+      currentParentIsValid = !1,
+      currentParent = void 0,
+      currentParentIsContainer = void 0;
+    ;
+
+  ) {
+    if (!currentParentIsValid) {
+      currentParentIsValid = node.return;
+      a: for (;;) {
+        if (null === currentParentIsValid)
+          throw ReactError(
+            Error(
+              "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+            )
+          );
+        currentParent = currentParentIsValid.stateNode;
+        switch (currentParentIsValid.tag) {
+          case 5:
+            currentParentIsContainer = !1;
+            break a;
+          case 3:
+            currentParent = currentParent.containerInfo;
+            currentParentIsContainer = !0;
+            break a;
+          case 4:
+            currentParent = currentParent.containerInfo;
+            currentParentIsContainer = !0;
+            break a;
+        }
+        currentParentIsValid = currentParentIsValid.return;
+      }
+      currentParentIsValid = !0;
+    }
+    if (5 === node.tag || 6 === node.tag) {
+      a: for (
+        var root = node,
+          renderPriorityLevel = renderPriorityLevel$jscomp$0,
+          node$jscomp$0 = root;
+        ;
+
+      )
+        if (
+          (commitUnmount(node$jscomp$0, renderPriorityLevel),
+          null !== node$jscomp$0.child && 4 !== node$jscomp$0.tag)
+        )
+          (node$jscomp$0.child.return = node$jscomp$0),
+            (node$jscomp$0 = node$jscomp$0.child);
+        else {
+          if (node$jscomp$0 === root) break;
+          for (; null === node$jscomp$0.sibling; ) {
+            if (null === node$jscomp$0.return || node$jscomp$0.return === root)
+              break a;
+            node$jscomp$0 = node$jscomp$0.return;
+          }
+          node$jscomp$0.sibling.return = node$jscomp$0.return;
+          node$jscomp$0 = node$jscomp$0.sibling;
+        }
+      currentParentIsContainer
+        ? ((root = currentParent),
+          recursivelyUncacheFiberNode(node.stateNode),
+          ReactNativePrivateInterface.UIManager.manageChildren(
+            root,
+            [],
+            [],
+            [],
+            [],
+            [0]
+          ))
+        : ((root = currentParent),
+          (node$jscomp$0 = node.stateNode),
+          recursivelyUncacheFiberNode(node$jscomp$0),
+          (renderPriorityLevel = root._children),
+          (node$jscomp$0 = renderPriorityLevel.indexOf(node$jscomp$0)),
+          renderPriorityLevel.splice(node$jscomp$0, 1),
+          ReactNativePrivateInterface.UIManager.manageChildren(
+            root._nativeTag,
+            [],
+            [],
+            [],
+            [],
+            [node$jscomp$0]
+          ));
+    } else if (4 === node.tag) {
+      if (null !== node.child) {
+        currentParent = node.stateNode.containerInfo;
+        currentParentIsContainer = !0;
+        node.child.return = node;
+        node = node.child;
+        continue;
+      }
+    } else if (
+      (commitUnmount(node, renderPriorityLevel$jscomp$0), null !== node.child)
+    ) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === current$$1) break;
+    for (; null === node.sibling; ) {
+      if (null === node.return || node.return === current$$1) return;
+      node = node.return;
+      4 === node.tag && (currentParentIsValid = !1);
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
+function commitWork(current$$1, finishedWork) {
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 14:
+    case 15:
+      commitHookEffectList(UnmountMutation, MountMutation, finishedWork);
+      break;
+    case 1:
+      break;
+    case 5:
+      var instance = finishedWork.stateNode;
+      if (null != instance) {
+        var newProps = finishedWork.memoizedProps;
+        current$$1 = null !== current$$1 ? current$$1.memoizedProps : newProps;
+        var updatePayload = finishedWork.updateQueue;
+        finishedWork.updateQueue = null;
+        null !== updatePayload &&
+          ((finishedWork = instance.viewConfig),
+          instanceProps.set(instance._nativeTag, newProps),
+          (newProps = diffProperties(
+            null,
+            current$$1,
+            newProps,
+            finishedWork.validAttributes
+          )),
+          null != newProps &&
+            ReactNativePrivateInterface.UIManager.updateView(
+              instance._nativeTag,
+              finishedWork.uiViewClassName,
+              newProps
+            ));
+      }
+      break;
+    case 6:
+      if (null === finishedWork.stateNode)
+        throw ReactError(
+          Error(
+            "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      ReactNativePrivateInterface.UIManager.updateView(
+        finishedWork.stateNode,
+        "RCTRawText",
+        { text: finishedWork.memoizedProps }
+      );
+      break;
+    case 3:
+      break;
+    case 12:
+      break;
+    case 13:
+      instance = finishedWork;
+      null === finishedWork.memoizedState
+        ? (newProps = !1)
+        : ((newProps = !0),
+          (instance = finishedWork.child),
+          (globalMostRecentFallbackTime = now()));
+      if (null !== instance)
+        a: for (current$$1 = instance; ; ) {
+          if (5 === current$$1.tag)
+            if (((updatePayload = current$$1.stateNode), newProps)) {
+              var viewConfig = updatePayload.viewConfig;
+              var updatePayload$jscomp$0 = diffProperties(
+                null,
+                emptyObject,
+                { style: { display: "none" } },
+                viewConfig.validAttributes
+              );
+              ReactNativePrivateInterface.UIManager.updateView(
+                updatePayload._nativeTag,
+                viewConfig.uiViewClassName,
+                updatePayload$jscomp$0
+              );
+            } else {
+              updatePayload = current$$1.stateNode;
+              updatePayload$jscomp$0 = current$$1.memoizedProps;
+              viewConfig = updatePayload.viewConfig;
+              var prevProps = Object.assign({}, updatePayload$jscomp$0, {
+                style: [updatePayload$jscomp$0.style, { display: "none" }]
+              });
+              updatePayload$jscomp$0 = diffProperties(
+                null,
+                prevProps,
+                updatePayload$jscomp$0,
+                viewConfig.validAttributes
+              );
+              ReactNativePrivateInterface.UIManager.updateView(
+                updatePayload._nativeTag,
+                viewConfig.uiViewClassName,
+                updatePayload$jscomp$0
+              );
+            }
+          else {
+            if (6 === current$$1.tag) throw Error("Not yet implemented.");
+            if (13 === current$$1.tag && null !== current$$1.memoizedState) {
+              updatePayload = current$$1.child.sibling;
+              updatePayload.return = current$$1;
+              current$$1 = updatePayload;
+              continue;
+            } else if (null !== current$$1.child) {
+              current$$1.child.return = current$$1;
+              current$$1 = current$$1.child;
+              continue;
+            }
+          }
+          if (current$$1 === instance) break a;
+          for (; null === current$$1.sibling; ) {
+            if (null === current$$1.return || current$$1.return === instance)
+              break a;
+            current$$1 = current$$1.return;
+          }
+          current$$1.sibling.return = current$$1.return;
+          current$$1 = current$$1.sibling;
+        }
+      attachSuspenseRetryListeners(finishedWork);
+      break;
+    case 19:
+      attachSuspenseRetryListeners(finishedWork);
+      break;
+    case 17:
+      break;
+    case 20:
+      break;
+    default:
+      throw ReactError(
+        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."
+        )
+      );
+  }
+}
+function attachSuspenseRetryListeners(finishedWork) {
+  var thenables = finishedWork.updateQueue;
+  if (null !== thenables) {
+    finishedWork.updateQueue = null;
+    var retryCache = finishedWork.stateNode;
+    null === retryCache &&
+      (retryCache = finishedWork.stateNode = new PossiblyWeakSet$1());
+    thenables.forEach(function(thenable) {
+      var retry = resolveRetryThenable.bind(null, finishedWork, thenable);
+      retryCache.has(thenable) ||
+        ((retry = tracing.unstable_wrap(retry)),
+        retryCache.add(thenable),
+        thenable.then(retry, retry));
+    });
+  }
+}
+var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map;
+function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
+  expirationTime = createUpdate(expirationTime, null);
+  expirationTime.tag = 3;
+  expirationTime.payload = { element: null };
+  var error = errorInfo.value;
+  expirationTime.callback = function() {
+    hasUncaughtError || ((hasUncaughtError = !0), (firstUncaughtError = error));
+    logError(fiber, errorInfo);
+  };
+  return expirationTime;
+}
+function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
+  expirationTime = createUpdate(expirationTime, null);
+  expirationTime.tag = 3;
+  var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
+  if ("function" === typeof getDerivedStateFromError) {
+    var error = errorInfo.value;
+    expirationTime.payload = function() {
+      logError(fiber, errorInfo);
+      return getDerivedStateFromError(error);
+    };
+  }
+  var inst = fiber.stateNode;
+  null !== inst &&
+    "function" === typeof inst.componentDidCatch &&
+    (expirationTime.callback = function() {
+      "function" !== typeof getDerivedStateFromError &&
+        (null === legacyErrorBoundariesThatAlreadyFailed
+          ? (legacyErrorBoundariesThatAlreadyFailed = new Set([this]))
+          : legacyErrorBoundariesThatAlreadyFailed.add(this),
+        logError(fiber, errorInfo));
+      var stack = errorInfo.stack;
+      this.componentDidCatch(errorInfo.value, {
+        componentStack: null !== stack ? stack : ""
+      });
+    });
+  return expirationTime;
+}
+var ceil = Math.ceil,
+  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
+  NoContext = 0,
+  LegacyUnbatchedContext = 8,
+  RenderContext = 16,
+  CommitContext = 32,
+  RootIncomplete = 0,
+  RootErrored = 1,
+  RootSuspended = 2,
+  RootSuspendedWithDelay = 3,
+  RootCompleted = 4,
+  executionContext = NoContext,
+  workInProgressRoot = null,
+  workInProgress = null,
+  renderExpirationTime = 0,
+  workInProgressRootExitStatus = RootIncomplete,
+  workInProgressRootLatestProcessedExpirationTime = 1073741823,
+  workInProgressRootLatestSuspenseTimeout = 1073741823,
+  workInProgressRootCanSuspendUsingConfig = null,
+  workInProgressRootHasPendingPing = !1,
+  globalMostRecentFallbackTime = 0,
+  FALLBACK_THROTTLE_MS = 500,
+  nextEffect = null,
+  hasUncaughtError = !1,
+  firstUncaughtError = null,
+  legacyErrorBoundariesThatAlreadyFailed = null,
+  rootDoesHavePassiveEffects = !1,
+  rootWithPendingPassiveEffects = null,
+  pendingPassiveEffectsRenderPriority = 90,
+  pendingPassiveEffectsExpirationTime = 0,
+  rootsWithPendingDiscreteUpdates = null,
+  nestedUpdateCount = 0,
+  rootWithNestedUpdates = null,
+  spawnedWorkDuringRender = null,
+  currentEventTime = 0;
+function requestCurrentTime() {
+  return (executionContext & (RenderContext | CommitContext)) !== NoContext
+    ? 1073741821 - ((now() / 10) | 0)
+    : 0 !== currentEventTime
+      ? currentEventTime
+      : (currentEventTime = 1073741821 - ((now() / 10) | 0));
+}
+function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
+  fiber = fiber.mode;
+  if (0 === (fiber & 2)) return 1073741823;
+  var priorityLevel = getCurrentPriorityLevel();
+  if (0 === (fiber & 4)) return 99 === priorityLevel ? 1073741823 : 1073741822;
+  if ((executionContext & RenderContext) !== NoContext)
+    return renderExpirationTime;
+  if (null !== suspenseConfig)
+    currentTime =
+      1073741821 -
+      25 *
+        ((((1073741821 -
+          currentTime +
+          (suspenseConfig.timeoutMs | 0 || 5e3) / 10) /
+          25) |
+          0) +
+          1);
+  else
+    switch (priorityLevel) {
+      case 99:
+        currentTime = 1073741823;
+        break;
+      case 98:
+        currentTime =
+          1073741821 - 10 * ((((1073741821 - currentTime + 15) / 10) | 0) + 1);
+        break;
+      case 97:
+      case 96:
+        currentTime =
+          1073741821 - 25 * ((((1073741821 - currentTime + 500) / 25) | 0) + 1);
+        break;
+      case 95:
+        currentTime = 1;
+        break;
+      default:
+        throw ReactError(Error("Expected a valid priority level"));
+    }
+  null !== workInProgressRoot &&
+    currentTime === renderExpirationTime &&
+    --currentTime;
+  return currentTime;
+}
+function scheduleUpdateOnFiber(fiber, expirationTime) {
+  if (50 < nestedUpdateCount)
+    throw ((nestedUpdateCount = 0),
+    (rootWithNestedUpdates = null),
+    ReactError(
+      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."
+      )
+    ));
+  fiber = markUpdateTimeFromFiberToRoot(fiber, expirationTime);
+  if (null !== fiber) {
+    fiber.pingTime = 0;
+    var priorityLevel = getCurrentPriorityLevel();
+    if (1073741823 === expirationTime)
+      if (
+        (executionContext & LegacyUnbatchedContext) !== NoContext &&
+        (executionContext & (RenderContext | CommitContext)) === NoContext
+      ) {
+        scheduleInteractions(
+          fiber,
+          expirationTime,
+          tracing.__interactionsRef.current
+        );
+        for (
+          var callback = renderRoot(fiber, 1073741823, !0);
+          null !== callback;
+
+        )
+          callback = callback(!0);
+      } else
+        scheduleCallbackForRoot(fiber, 99, 1073741823),
+          executionContext === NoContext && flushSyncCallbackQueue();
+    else scheduleCallbackForRoot(fiber, priorityLevel, expirationTime);
+    (executionContext & 4) === NoContext ||
+      (98 !== priorityLevel && 99 !== priorityLevel) ||
+      (null === rootsWithPendingDiscreteUpdates
+        ? (rootsWithPendingDiscreteUpdates = new Map([[fiber, expirationTime]]))
+        : ((priorityLevel = rootsWithPendingDiscreteUpdates.get(fiber)),
+          (void 0 === priorityLevel || priorityLevel > expirationTime) &&
+            rootsWithPendingDiscreteUpdates.set(fiber, expirationTime)));
+  }
+}
+function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
+  fiber.expirationTime < expirationTime &&
+    (fiber.expirationTime = expirationTime);
+  var alternate = fiber.alternate;
+  null !== alternate &&
+    alternate.expirationTime < expirationTime &&
+    (alternate.expirationTime = expirationTime);
+  var node = fiber.return,
+    root = null;
+  if (null === node && 3 === fiber.tag) root = fiber.stateNode;
+  else
+    for (; null !== node; ) {
+      alternate = node.alternate;
+      node.childExpirationTime < expirationTime &&
+        (node.childExpirationTime = expirationTime);
+      null !== alternate &&
+        alternate.childExpirationTime < expirationTime &&
+        (alternate.childExpirationTime = expirationTime);
+      if (null === node.return && 3 === node.tag) {
+        root = node.stateNode;
+        break;
+      }
+      node = node.return;
+    }
+  null !== root &&
+    (expirationTime > root.firstPendingTime &&
+      (root.firstPendingTime = expirationTime),
+    (fiber = root.lastPendingTime),
+    0 === fiber || expirationTime < fiber) &&
+    (root.lastPendingTime = expirationTime);
+  return root;
+}
+function scheduleCallbackForRoot(root, priorityLevel, expirationTime) {
+  if (root.callbackExpirationTime < expirationTime) {
+    var existingCallbackNode = root.callbackNode;
+    null !== existingCallbackNode &&
+      existingCallbackNode !== fakeCallbackNode &&
+      Scheduler_cancelCallback(existingCallbackNode);
+    root.callbackExpirationTime = expirationTime;
+    1073741823 === expirationTime
+      ? (root.callbackNode = scheduleSyncCallback(
+          runRootCallback.bind(
+            null,
+            root,
+            renderRoot.bind(null, root, expirationTime)
+          )
+        ))
+      : ((existingCallbackNode = null),
+        1 !== expirationTime &&
+          (existingCallbackNode = {
+            timeout: 10 * (1073741821 - expirationTime) - now()
+          }),
+        (root.callbackNode = scheduleCallback(
+          priorityLevel,
+          runRootCallback.bind(
+            null,
+            root,
+            renderRoot.bind(null, root, expirationTime)
+          ),
+          existingCallbackNode
+        )));
+  }
+  scheduleInteractions(root, expirationTime, tracing.__interactionsRef.current);
+}
+function runRootCallback(root, callback, isSync) {
+  var prevCallbackNode = root.callbackNode,
+    continuation = null;
+  try {
+    return (
+      (continuation = callback(isSync)),
+      null !== continuation
+        ? runRootCallback.bind(null, root, continuation)
+        : null
+    );
+  } finally {
+    null === continuation &&
+      prevCallbackNode === root.callbackNode &&
+      ((root.callbackNode = null), (root.callbackExpirationTime = 0));
+  }
+}
+function resolveLocksOnRoot(root, expirationTime) {
+  var firstBatch = root.firstBatch;
+  return null !== firstBatch &&
+    firstBatch._defer &&
+    firstBatch._expirationTime >= expirationTime
+    ? (scheduleCallback(97, function() {
+        firstBatch._onComplete();
+        return null;
+      }),
+      !0)
+    : !1;
+}
+function flushPendingDiscreteUpdates() {
+  if (null !== rootsWithPendingDiscreteUpdates) {
+    var roots = rootsWithPendingDiscreteUpdates;
+    rootsWithPendingDiscreteUpdates = null;
+    roots.forEach(function(expirationTime, root) {
+      scheduleSyncCallback(renderRoot.bind(null, root, expirationTime));
+    });
+    flushSyncCallbackQueue();
+  }
+}
+function prepareFreshStack(root, expirationTime) {
+  root.finishedWork = null;
+  root.finishedExpirationTime = 0;
+  var timeoutHandle = root.timeoutHandle;
+  -1 !== timeoutHandle &&
+    ((root.timeoutHandle = -1), cancelTimeout(timeoutHandle));
+  if (null !== workInProgress)
+    for (timeoutHandle = workInProgress.return; null !== timeoutHandle; ) {
+      var interruptedWork = timeoutHandle;
+      switch (interruptedWork.tag) {
+        case 1:
+          var childContextTypes = interruptedWork.type.childContextTypes;
+          null !== childContextTypes &&
+            void 0 !== childContextTypes &&
+            popContext(interruptedWork);
+          break;
+        case 3:
+          popHostContainer(interruptedWork);
+          popTopLevelContextObject(interruptedWork);
+          break;
+        case 5:
+          popHostContext(interruptedWork);
+          break;
+        case 4:
+          popHostContainer(interruptedWork);
+          break;
+        case 13:
+          pop(suspenseStackCursor, interruptedWork);
+          break;
+        case 19:
+          pop(suspenseStackCursor, interruptedWork);
+          break;
+        case 10:
+          popProvider(interruptedWork);
+      }
+      timeoutHandle = timeoutHandle.return;
+    }
+  workInProgressRoot = root;
+  workInProgress = createWorkInProgress(root.current, null, expirationTime);
+  renderExpirationTime = expirationTime;
+  workInProgressRootExitStatus = RootIncomplete;
+  workInProgressRootLatestSuspenseTimeout = workInProgressRootLatestProcessedExpirationTime = 1073741823;
+  workInProgressRootCanSuspendUsingConfig = null;
+  workInProgressRootHasPendingPing = !1;
+  spawnedWorkDuringRender = null;
+}
+function renderRoot(root$jscomp$0, expirationTime, isSync) {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(Error("Should not already be working."));
+  if (root$jscomp$0.firstPendingTime < expirationTime) return null;
+  if (isSync && root$jscomp$0.finishedExpirationTime === expirationTime)
+    return commitRoot.bind(null, root$jscomp$0);
+  flushPassiveEffects();
+  if (
+    root$jscomp$0 !== workInProgressRoot ||
+    expirationTime !== renderExpirationTime
+  )
+    prepareFreshStack(root$jscomp$0, expirationTime),
+      startWorkOnPendingInteractions(root$jscomp$0, expirationTime);
+  else if (workInProgressRootExitStatus === RootSuspendedWithDelay)
+    if (workInProgressRootHasPendingPing)
+      prepareFreshStack(root$jscomp$0, expirationTime);
+    else {
+      var lastPendingTime = root$jscomp$0.lastPendingTime;
+      if (lastPendingTime < expirationTime)
+        return renderRoot.bind(null, root$jscomp$0, lastPendingTime);
+    }
+  if (null !== workInProgress) {
+    lastPendingTime = executionContext;
+    executionContext |= RenderContext;
+    var prevDispatcher = ReactCurrentDispatcher.current;
+    null === prevDispatcher && (prevDispatcher = ContextOnlyDispatcher);
+    ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+    var prevInteractions = tracing.__interactionsRef.current;
+    tracing.__interactionsRef.current = root$jscomp$0.memoizedInteractions;
+    if (isSync) {
+      if (1073741823 !== expirationTime) {
+        var currentTime = requestCurrentTime();
+        if (currentTime < expirationTime)
+          return (
+            (executionContext = lastPendingTime),
+            resetContextDependencies(),
+            (ReactCurrentDispatcher.current = prevDispatcher),
+            (tracing.__interactionsRef.current = prevInteractions),
+            renderRoot.bind(null, root$jscomp$0, currentTime)
+          );
+      }
+    } else currentEventTime = 0;
+    do
+      try {
+        if (isSync)
+          for (; null !== workInProgress; )
+            workInProgress = performUnitOfWork(workInProgress);
+        else
+          for (; null !== workInProgress && !Scheduler_shouldYield(); )
+            workInProgress = performUnitOfWork(workInProgress);
+        break;
+      } catch (thrownValue) {
+        resetContextDependencies();
+        resetHooks();
+        currentTime = workInProgress;
+        if (null === currentTime || null === currentTime.return)
+          throw (prepareFreshStack(root$jscomp$0, expirationTime),
+          (executionContext = lastPendingTime),
+          thrownValue);
+        currentTime.mode & 8 &&
+          stopProfilerTimerIfRunningAndRecordDelta(currentTime, !0);
+        a: {
+          var root = root$jscomp$0,
+            returnFiber = currentTime.return,
+            sourceFiber = currentTime,
+            value = thrownValue,
+            renderExpirationTime$jscomp$0 = renderExpirationTime;
+          sourceFiber.effectTag |= 1024;
+          sourceFiber.firstEffect = sourceFiber.lastEffect = null;
+          if (
+            null !== value &&
+            "object" === typeof value &&
+            "function" === typeof value.then
+          ) {
+            var thenable = value,
+              hasInvisibleParentBoundary =
+                0 !==
+                (suspenseStackCursor.current & InvisibleParentSuspenseContext);
+            value = returnFiber;
+            do {
+              var JSCompiler_temp;
+              if ((JSCompiler_temp = 13 === value.tag))
+                null !== value.memoizedState
+                  ? (JSCompiler_temp = !1)
+                  : ((JSCompiler_temp = value.memoizedProps),
+                    (JSCompiler_temp =
+                      void 0 === JSCompiler_temp.fallback
+                        ? !1
+                        : !0 !== JSCompiler_temp.unstable_avoidThisFallback
+                          ? !0
+                          : hasInvisibleParentBoundary
+                            ? !1
+                            : !0));
+              if (JSCompiler_temp) {
+                returnFiber = value.updateQueue;
+                null === returnFiber
+                  ? ((returnFiber = new Set()),
+                    returnFiber.add(thenable),
+                    (value.updateQueue = returnFiber))
+                  : returnFiber.add(thenable);
+                if (0 === (value.mode & 2)) {
+                  value.effectTag |= 64;
+                  sourceFiber.effectTag &= -1957;
+                  1 === sourceFiber.tag &&
+                    (null === sourceFiber.alternate
+                      ? (sourceFiber.tag = 17)
+                      : ((renderExpirationTime$jscomp$0 = createUpdate(
+                          1073741823,
+                          null
+                        )),
+                        (renderExpirationTime$jscomp$0.tag = 2),
+                        enqueueUpdate(
+                          sourceFiber,
+                          renderExpirationTime$jscomp$0
+                        )));
+                  sourceFiber.expirationTime = 1073741823;
+                  break a;
+                }
+                sourceFiber = root;
+                root = renderExpirationTime$jscomp$0;
+                hasInvisibleParentBoundary = sourceFiber.pingCache;
+                null === hasInvisibleParentBoundary
+                  ? ((hasInvisibleParentBoundary = sourceFiber.pingCache = new PossiblyWeakMap()),
+                    (returnFiber = new Set()),
+                    hasInvisibleParentBoundary.set(thenable, returnFiber))
+                  : ((returnFiber = hasInvisibleParentBoundary.get(thenable)),
+                    void 0 === returnFiber &&
+                      ((returnFiber = new Set()),
+                      hasInvisibleParentBoundary.set(thenable, returnFiber)));
+                returnFiber.has(root) ||
+                  (returnFiber.add(root),
+                  (sourceFiber = pingSuspendedRoot.bind(
+                    null,
+                    sourceFiber,
+                    thenable,
+                    root
+                  )),
+                  (sourceFiber = tracing.unstable_wrap(sourceFiber)),
+                  thenable.then(sourceFiber, sourceFiber));
+                value.effectTag |= 2048;
+                value.expirationTime = renderExpirationTime$jscomp$0;
+                break a;
+              }
+              value = value.return;
+            } while (null !== value);
+            value = Error(
+              (getComponentName(sourceFiber.type) || "A React component") +
+                " suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display." +
+                getStackByFiberInDevAndProd(sourceFiber)
+            );
+          }
+          workInProgressRootExitStatus !== RootCompleted &&
+            (workInProgressRootExitStatus = RootErrored);
+          value = createCapturedValue(value, sourceFiber);
+          sourceFiber = returnFiber;
+          do {
+            switch (sourceFiber.tag) {
+              case 3:
+                sourceFiber.effectTag |= 2048;
+                sourceFiber.expirationTime = renderExpirationTime$jscomp$0;
+                renderExpirationTime$jscomp$0 = createRootErrorUpdate(
+                  sourceFiber,
+                  value,
+                  renderExpirationTime$jscomp$0
+                );
+                enqueueCapturedUpdate(
+                  sourceFiber,
+                  renderExpirationTime$jscomp$0
+                );
+                break a;
+              case 1:
+                if (
+                  ((thenable = value),
+                  (root = sourceFiber.type),
+                  (returnFiber = sourceFiber.stateNode),
+                  0 === (sourceFiber.effectTag & 64) &&
+                    ("function" === typeof root.getDerivedStateFromError ||
+                      (null !== returnFiber &&
+                        "function" === typeof returnFiber.componentDidCatch &&
+                        (null === legacyErrorBoundariesThatAlreadyFailed ||
+                          !legacyErrorBoundariesThatAlreadyFailed.has(
+                            returnFiber
+                          )))))
+                ) {
+                  sourceFiber.effectTag |= 2048;
+                  sourceFiber.expirationTime = renderExpirationTime$jscomp$0;
+                  renderExpirationTime$jscomp$0 = createClassErrorUpdate(
+                    sourceFiber,
+                    thenable,
+                    renderExpirationTime$jscomp$0
+                  );
+                  enqueueCapturedUpdate(
+                    sourceFiber,
+                    renderExpirationTime$jscomp$0
+                  );
+                  break a;
+                }
+            }
+            sourceFiber = sourceFiber.return;
+          } while (null !== sourceFiber);
+        }
+        workInProgress = completeUnitOfWork(currentTime);
+      }
+    while (1);
+    executionContext = lastPendingTime;
+    resetContextDependencies();
+    ReactCurrentDispatcher.current = prevDispatcher;
+    tracing.__interactionsRef.current = prevInteractions;
+    if (null !== workInProgress)
+      return renderRoot.bind(null, root$jscomp$0, expirationTime);
+  }
+  root$jscomp$0.finishedWork = root$jscomp$0.current.alternate;
+  root$jscomp$0.finishedExpirationTime = expirationTime;
+  if (resolveLocksOnRoot(root$jscomp$0, expirationTime)) return null;
+  workInProgressRoot = null;
+  switch (workInProgressRootExitStatus) {
+    case RootIncomplete:
+      throw ReactError(Error("Should have a work-in-progress."));
+    case RootErrored:
+      return (
+        (lastPendingTime = root$jscomp$0.lastPendingTime),
+        lastPendingTime < expirationTime
+          ? renderRoot.bind(null, root$jscomp$0, lastPendingTime)
+          : isSync
+            ? commitRoot.bind(null, root$jscomp$0)
+            : (prepareFreshStack(root$jscomp$0, expirationTime),
+              scheduleSyncCallback(
+                renderRoot.bind(null, root$jscomp$0, expirationTime)
+              ),
+              null)
+      );
+    case RootSuspended:
+      if (
+        1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+        !isSync &&
+        ((isSync = globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
+        10 < isSync)
+      ) {
+        if (workInProgressRootHasPendingPing)
+          return (
+            prepareFreshStack(root$jscomp$0, expirationTime),
+            renderRoot.bind(null, root$jscomp$0, expirationTime)
+          );
+        lastPendingTime = root$jscomp$0.lastPendingTime;
+        if (lastPendingTime < expirationTime)
+          return renderRoot.bind(null, root$jscomp$0, lastPendingTime);
+        root$jscomp$0.timeoutHandle = scheduleTimeout(
+          commitRoot.bind(null, root$jscomp$0),
+          isSync
+        );
+        return null;
+      }
+      return commitRoot.bind(null, root$jscomp$0);
+    case RootSuspendedWithDelay:
+      if (!isSync) {
+        if (workInProgressRootHasPendingPing)
+          return (
+            prepareFreshStack(root$jscomp$0, expirationTime),
+            renderRoot.bind(null, root$jscomp$0, expirationTime)
+          );
+        isSync = root$jscomp$0.lastPendingTime;
+        if (isSync < expirationTime)
+          return renderRoot.bind(null, root$jscomp$0, isSync);
+        1073741823 !== workInProgressRootLatestSuspenseTimeout
+          ? (isSync =
+              10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
+              now())
+          : 1073741823 === workInProgressRootLatestProcessedExpirationTime
+            ? (isSync = 0)
+            : ((isSync =
+                10 *
+                  (1073741821 -
+                    workInProgressRootLatestProcessedExpirationTime) -
+                5e3),
+              (lastPendingTime = now()),
+              (expirationTime =
+                10 * (1073741821 - expirationTime) - lastPendingTime),
+              (isSync = lastPendingTime - isSync),
+              0 > isSync && (isSync = 0),
+              (isSync =
+                (120 > isSync
+                  ? 120
+                  : 480 > isSync
+                    ? 480
+                    : 1080 > isSync
+                      ? 1080
+                      : 1920 > isSync
+                        ? 1920
+                        : 3e3 > isSync
+                          ? 3e3
+                          : 4320 > isSync
+                            ? 4320
+                            : 1960 * ceil(isSync / 1960)) - isSync),
+              expirationTime < isSync && (isSync = expirationTime));
+        if (10 < isSync)
+          return (
+            (root$jscomp$0.timeoutHandle = scheduleTimeout(
+              commitRoot.bind(null, root$jscomp$0),
+              isSync
+            )),
+            null
+          );
+      }
+      return commitRoot.bind(null, root$jscomp$0);
+    case RootCompleted:
+      return !isSync &&
+        1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
+        null !== workInProgressRootCanSuspendUsingConfig &&
+        ((lastPendingTime = workInProgressRootLatestProcessedExpirationTime),
+        (prevDispatcher = workInProgressRootCanSuspendUsingConfig),
+        (expirationTime = prevDispatcher.busyMinDurationMs | 0),
+        0 >= expirationTime
+          ? (expirationTime = 0)
+          : ((isSync = prevDispatcher.busyDelayMs | 0),
+            (lastPendingTime =
+              now() -
+              (10 * (1073741821 - lastPendingTime) -
+                (prevDispatcher.timeoutMs | 0 || 5e3))),
+            (expirationTime =
+              lastPendingTime <= isSync
+                ? 0
+                : isSync + expirationTime - lastPendingTime)),
+        10 < expirationTime)
+        ? ((root$jscomp$0.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root$jscomp$0),
+            expirationTime
+          )),
+          null)
+        : commitRoot.bind(null, root$jscomp$0);
+    default:
+      throw ReactError(Error("Unknown root exit status."));
+  }
+}
+function markRenderEventTimeAndConfig(expirationTime, suspenseConfig) {
+  expirationTime < workInProgressRootLatestProcessedExpirationTime &&
+    1 < expirationTime &&
+    (workInProgressRootLatestProcessedExpirationTime = expirationTime);
+  null !== suspenseConfig &&
+    expirationTime < workInProgressRootLatestSuspenseTimeout &&
+    1 < expirationTime &&
+    ((workInProgressRootLatestSuspenseTimeout = expirationTime),
+    (workInProgressRootCanSuspendUsingConfig = suspenseConfig));
+}
+function performUnitOfWork(unitOfWork) {
+  var current$$1 = unitOfWork.alternate;
+  0 !== (unitOfWork.mode & 8)
+    ? ((profilerStartTime = now$1()),
+      0 > unitOfWork.actualStartTime && (unitOfWork.actualStartTime = now$1()),
+      (current$$1 = beginWork$$1(current$$1, unitOfWork, renderExpirationTime)),
+      stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, !0))
+    : (current$$1 = beginWork$$1(current$$1, unitOfWork, renderExpirationTime));
+  unitOfWork.memoizedProps = unitOfWork.pendingProps;
+  null === current$$1 && (current$$1 = completeUnitOfWork(unitOfWork));
+  ReactCurrentOwner$2.current = null;
+  return current$$1;
+}
+function completeUnitOfWork(unitOfWork) {
+  workInProgress = unitOfWork;
+  do {
+    var current$$1 = workInProgress.alternate;
+    unitOfWork = workInProgress.return;
+    if (0 === (workInProgress.effectTag & 1024)) {
+      if (0 === (workInProgress.mode & 8))
+        current$$1 = completeWork(
+          current$$1,
+          workInProgress,
+          renderExpirationTime
+        );
+      else {
+        var fiber = workInProgress;
+        profilerStartTime = now$1();
+        0 > fiber.actualStartTime && (fiber.actualStartTime = now$1());
+        current$$1 = completeWork(
+          current$$1,
+          workInProgress,
+          renderExpirationTime
+        );
+        stopProfilerTimerIfRunningAndRecordDelta(workInProgress, !1);
+      }
+      fiber = workInProgress;
+      if (1 === renderExpirationTime || 1 !== fiber.childExpirationTime) {
+        var newChildExpirationTime = 0;
+        if (0 !== (fiber.mode & 8)) {
+          for (
+            var actualDuration = fiber.actualDuration,
+              treeBaseDuration = fiber.selfBaseDuration,
+              shouldBubbleActualDurations =
+                null === fiber.alternate ||
+                fiber.child !== fiber.alternate.child,
+              child = fiber.child;
+            null !== child;
+
+          ) {
+            var childUpdateExpirationTime = child.expirationTime,
+              childChildExpirationTime = child.childExpirationTime;
+            childUpdateExpirationTime > newChildExpirationTime &&
+              (newChildExpirationTime = childUpdateExpirationTime);
+            childChildExpirationTime > newChildExpirationTime &&
+              (newChildExpirationTime = childChildExpirationTime);
+            shouldBubbleActualDurations &&
+              (actualDuration += child.actualDuration);
+            treeBaseDuration += child.treeBaseDuration;
+            child = child.sibling;
+          }
+          fiber.actualDuration = actualDuration;
+          fiber.treeBaseDuration = treeBaseDuration;
+        } else
+          for (actualDuration = fiber.child; null !== actualDuration; )
+            (treeBaseDuration = actualDuration.expirationTime),
+              (shouldBubbleActualDurations =
+                actualDuration.childExpirationTime),
+              treeBaseDuration > newChildExpirationTime &&
+                (newChildExpirationTime = treeBaseDuration),
+              shouldBubbleActualDurations > newChildExpirationTime &&
+                (newChildExpirationTime = shouldBubbleActualDurations),
+              (actualDuration = actualDuration.sibling);
+        fiber.childExpirationTime = newChildExpirationTime;
+      }
+      if (null !== current$$1) return current$$1;
+      null !== unitOfWork &&
+        0 === (unitOfWork.effectTag & 1024) &&
+        (null === unitOfWork.firstEffect &&
+          (unitOfWork.firstEffect = workInProgress.firstEffect),
+        null !== workInProgress.lastEffect &&
+          (null !== unitOfWork.lastEffect &&
+            (unitOfWork.lastEffect.nextEffect = workInProgress.firstEffect),
+          (unitOfWork.lastEffect = workInProgress.lastEffect)),
+        1 < workInProgress.effectTag &&
+          (null !== unitOfWork.lastEffect
+            ? (unitOfWork.lastEffect.nextEffect = workInProgress)
+            : (unitOfWork.firstEffect = workInProgress),
+          (unitOfWork.lastEffect = workInProgress)));
+    } else {
+      current$$1 = unwindWork(workInProgress, renderExpirationTime);
+      if (0 !== (workInProgress.mode & 8)) {
+        stopProfilerTimerIfRunningAndRecordDelta(workInProgress, !1);
+        fiber = workInProgress.actualDuration;
+        for (
+          newChildExpirationTime = workInProgress.child;
+          null !== newChildExpirationTime;
+
+        )
+          (fiber += newChildExpirationTime.actualDuration),
+            (newChildExpirationTime = newChildExpirationTime.sibling);
+        workInProgress.actualDuration = fiber;
+      }
+      if (null !== current$$1)
+        return (current$$1.effectTag &= 1023), current$$1;
+      null !== unitOfWork &&
+        ((unitOfWork.firstEffect = unitOfWork.lastEffect = null),
+        (unitOfWork.effectTag |= 1024));
+    }
+    current$$1 = workInProgress.sibling;
+    if (null !== current$$1) return current$$1;
+    workInProgress = unitOfWork;
+  } while (null !== workInProgress);
+  workInProgressRootExitStatus === RootIncomplete &&
+    (workInProgressRootExitStatus = RootCompleted);
+  return null;
+}
+function commitRoot(root) {
+  var renderPriorityLevel = getCurrentPriorityLevel();
+  runWithPriority(99, commitRootImpl.bind(null, root, renderPriorityLevel));
+  null !== rootWithPendingPassiveEffects &&
+    scheduleCallback(97, function() {
+      flushPassiveEffects();
+      return null;
+    });
+  return null;
+}
+function commitRootImpl(root, renderPriorityLevel) {
+  flushPassiveEffects();
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(Error("Should not already be working."));
+  var finishedWork = root.finishedWork,
+    expirationTime = root.finishedExpirationTime;
+  if (null === finishedWork) return null;
+  root.finishedWork = null;
+  root.finishedExpirationTime = 0;
+  if (finishedWork === root.current)
+    throw ReactError(
+      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.callbackExpirationTime = 0;
+  var updateExpirationTimeBeforeCommit = finishedWork.expirationTime,
+    childExpirationTimeBeforeCommit = finishedWork.childExpirationTime;
+  updateExpirationTimeBeforeCommit =
+    childExpirationTimeBeforeCommit > updateExpirationTimeBeforeCommit
+      ? childExpirationTimeBeforeCommit
+      : updateExpirationTimeBeforeCommit;
+  root.firstPendingTime = updateExpirationTimeBeforeCommit;
+  updateExpirationTimeBeforeCommit < root.lastPendingTime &&
+    (root.lastPendingTime = updateExpirationTimeBeforeCommit);
+  root === workInProgressRoot &&
+    ((workInProgress = workInProgressRoot = null), (renderExpirationTime = 0));
+  1 < finishedWork.effectTag
+    ? null !== finishedWork.lastEffect
+      ? ((finishedWork.lastEffect.nextEffect = finishedWork),
+        (updateExpirationTimeBeforeCommit = finishedWork.firstEffect))
+      : (updateExpirationTimeBeforeCommit = finishedWork)
+    : (updateExpirationTimeBeforeCommit = finishedWork.firstEffect);
+  if (null !== updateExpirationTimeBeforeCommit) {
+    childExpirationTimeBeforeCommit = executionContext;
+    executionContext |= CommitContext;
+    var prevInteractions = tracing.__interactionsRef.current;
+    tracing.__interactionsRef.current = root.memoizedInteractions;
+    ReactCurrentOwner$2.current = null;
+    nextEffect = updateExpirationTimeBeforeCommit;
+    do
+      try {
+        for (; null !== nextEffect; ) {
+          if (0 !== (nextEffect.effectTag & 256)) {
+            var current$$1 = nextEffect.alternate,
+              finishedWork$jscomp$0 = nextEffect;
+            switch (finishedWork$jscomp$0.tag) {
+              case 0:
+              case 11:
+              case 15:
+                commitHookEffectList(
+                  UnmountSnapshot,
+                  NoEffect$1,
+                  finishedWork$jscomp$0
+                );
+                break;
+              case 1:
+                if (
+                  finishedWork$jscomp$0.effectTag & 256 &&
+                  null !== current$$1
+                ) {
+                  var prevProps = current$$1.memoizedProps,
+                    prevState = current$$1.memoizedState,
+                    instance = finishedWork$jscomp$0.stateNode,
+                    snapshot = instance.getSnapshotBeforeUpdate(
+                      finishedWork$jscomp$0.elementType ===
+                      finishedWork$jscomp$0.type
+                        ? prevProps
+                        : resolveDefaultProps(
+                            finishedWork$jscomp$0.type,
+                            prevProps
+                          ),
+                      prevState
+                    );
+                  instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+                }
+                break;
+              case 3:
+              case 5:
+              case 6:
+              case 4:
+              case 17:
+                break;
+              default:
+                throw ReactError(
+                  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."
+                  )
+                );
+            }
+          }
+          nextEffect = nextEffect.nextEffect;
+        }
+      } catch (error) {
+        if (null === nextEffect)
+          throw ReactError(Error("Should be working on an effect."));
+        captureCommitPhaseError(nextEffect, error);
+        nextEffect = nextEffect.nextEffect;
+      }
+    while (null !== nextEffect);
+    commitTime = now$1();
+    nextEffect = updateExpirationTimeBeforeCommit;
+    do
+      try {
+        for (current$$1 = renderPriorityLevel; null !== nextEffect; ) {
+          var effectTag = nextEffect.effectTag;
+          if (effectTag & 128) {
+            var current$$1$jscomp$0 = nextEffect.alternate;
+            if (null !== current$$1$jscomp$0) {
+              var currentRef = current$$1$jscomp$0.ref;
+              null !== currentRef &&
+                ("function" === typeof currentRef
+                  ? currentRef(null)
+                  : (currentRef.current = null));
+            }
+          }
+          switch (effectTag & 14) {
+            case 2:
+              commitPlacement(nextEffect);
+              nextEffect.effectTag &= -3;
+              break;
+            case 6:
+              commitPlacement(nextEffect);
+              nextEffect.effectTag &= -3;
+              commitWork(nextEffect.alternate, nextEffect);
+              break;
+            case 4:
+              commitWork(nextEffect.alternate, nextEffect);
+              break;
+            case 8:
+              (prevProps = nextEffect),
+                unmountHostComponents(prevProps, current$$1),
+                detachFiber(prevProps);
+          }
+          nextEffect = nextEffect.nextEffect;
+        }
+      } catch (error) {
+        if (null === nextEffect)
+          throw ReactError(Error("Should be working on an effect."));
+        captureCommitPhaseError(nextEffect, error);
+        nextEffect = nextEffect.nextEffect;
+      }
+    while (null !== nextEffect);
+    root.current = finishedWork;
+    nextEffect = updateExpirationTimeBeforeCommit;
+    do
+      try {
+        for (
+          effectTag = root, current$$1$jscomp$0 = expirationTime;
+          null !== nextEffect;
+
+        ) {
+          var effectTag$jscomp$0 = nextEffect.effectTag;
+          if (effectTag$jscomp$0 & 36) {
+            prevProps = effectTag;
+            var current$$1$jscomp$1 = nextEffect.alternate;
+            currentRef = nextEffect;
+            current$$1 = current$$1$jscomp$0;
+            switch (currentRef.tag) {
+              case 0:
+              case 11:
+              case 15:
+                commitHookEffectList(UnmountLayout, MountLayout, currentRef);
+                break;
+              case 1:
+                var instance$jscomp$0 = currentRef.stateNode;
+                if (currentRef.effectTag & 4)
+                  if (null === current$$1$jscomp$1)
+                    instance$jscomp$0.componentDidMount();
+                  else {
+                    var prevProps$jscomp$0 =
+                      currentRef.elementType === currentRef.type
+                        ? current$$1$jscomp$1.memoizedProps
+                        : resolveDefaultProps(
+                            currentRef.type,
+                            current$$1$jscomp$1.memoizedProps
+                          );
+                    instance$jscomp$0.componentDidUpdate(
+                      prevProps$jscomp$0,
+                      current$$1$jscomp$1.memoizedState,
+                      instance$jscomp$0.__reactInternalSnapshotBeforeUpdate
+                    );
+                  }
+                var updateQueue = currentRef.updateQueue;
+                null !== updateQueue &&
+                  commitUpdateQueue(
+                    currentRef,
+                    updateQueue,
+                    instance$jscomp$0,
+                    current$$1
+                  );
+                break;
+              case 3:
+                var _updateQueue = currentRef.updateQueue;
+                if (null !== _updateQueue) {
+                  prevProps = null;
+                  if (null !== currentRef.child)
+                    switch (currentRef.child.tag) {
+                      case 5:
+                        prevProps = currentRef.child.stateNode;
+                        break;
+                      case 1:
+                        prevProps = currentRef.child.stateNode;
+                    }
+                  commitUpdateQueue(
+                    currentRef,
+                    _updateQueue,
+                    prevProps,
+                    current$$1
+                  );
+                }
+                break;
+              case 5:
+                break;
+              case 6:
+                break;
+              case 4:
+                break;
+              case 12:
+                var onRender = currentRef.memoizedProps.onRender;
+                "function" === typeof onRender &&
+                  onRender(
+                    currentRef.memoizedProps.id,
+                    null === current$$1$jscomp$1 ? "mount" : "update",
+                    currentRef.actualDuration,
+                    currentRef.treeBaseDuration,
+                    currentRef.actualStartTime,
+                    commitTime,
+                    prevProps.memoizedInteractions
+                  );
+                break;
+              case 13:
+              case 19:
+              case 17:
+              case 20:
+                break;
+              default:
+                throw ReactError(
+                  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 (effectTag$jscomp$0 & 128) {
+            var ref = nextEffect.ref;
+            if (null !== ref) {
+              var instance$jscomp$1 = nextEffect.stateNode;
+              switch (nextEffect.tag) {
+                case 5:
+                  var instanceToUse = instance$jscomp$1;
+                  break;
+                default:
+                  instanceToUse = instance$jscomp$1;
+              }
+              "function" === typeof ref
+                ? ref(instanceToUse)
+                : (ref.current = instanceToUse);
+            }
+          }
+          effectTag$jscomp$0 & 512 && (rootDoesHavePassiveEffects = !0);
+          nextEffect = nextEffect.nextEffect;
+        }
+      } catch (error) {
+        if (null === nextEffect)
+          throw ReactError(Error("Should be working on an effect."));
+        captureCommitPhaseError(nextEffect, error);
+        nextEffect = nextEffect.nextEffect;
+      }
+    while (null !== nextEffect);
+    nextEffect = null;
+    requestPaint();
+    tracing.__interactionsRef.current = prevInteractions;
+    executionContext = childExpirationTimeBeforeCommit;
+  } else (root.current = finishedWork), (commitTime = now$1());
+  if ((effectTag$jscomp$0 = rootDoesHavePassiveEffects))
+    (rootDoesHavePassiveEffects = !1),
+      (rootWithPendingPassiveEffects = root),
+      (pendingPassiveEffectsExpirationTime = expirationTime),
+      (pendingPassiveEffectsRenderPriority = renderPriorityLevel);
+  else
+    for (nextEffect = updateExpirationTimeBeforeCommit; null !== nextEffect; )
+      (renderPriorityLevel = nextEffect.nextEffect),
+        (nextEffect.nextEffect = null),
+        (nextEffect = renderPriorityLevel);
+  renderPriorityLevel = root.firstPendingTime;
+  if (0 !== renderPriorityLevel) {
+    current$$1$jscomp$1 = requestCurrentTime();
+    current$$1$jscomp$1 = inferPriorityFromExpirationTime(
+      current$$1$jscomp$1,
+      renderPriorityLevel
+    );
+    if (null !== spawnedWorkDuringRender)
+      for (
+        instance$jscomp$0 = spawnedWorkDuringRender,
+          spawnedWorkDuringRender = null,
+          prevProps$jscomp$0 = 0;
+        prevProps$jscomp$0 < instance$jscomp$0.length;
+        prevProps$jscomp$0++
+      )
+        scheduleInteractions(
+          root,
+          instance$jscomp$0[prevProps$jscomp$0],
+          root.memoizedInteractions
+        );
+    scheduleCallbackForRoot(root, current$$1$jscomp$1, renderPriorityLevel);
+  } else legacyErrorBoundariesThatAlreadyFailed = null;
+  effectTag$jscomp$0 || finishPendingInteractions(root, expirationTime);
+  "function" === typeof onCommitFiberRoot &&
+    onCommitFiberRoot(finishedWork.stateNode, expirationTime);
+  1073741823 === renderPriorityLevel
+    ? root === rootWithNestedUpdates
+      ? nestedUpdateCount++
+      : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root))
+    : (nestedUpdateCount = 0);
+  if (hasUncaughtError)
+    throw ((hasUncaughtError = !1),
+    (root = firstUncaughtError),
+    (firstUncaughtError = null),
+    root);
+  if ((executionContext & LegacyUnbatchedContext) !== NoContext) return null;
+  flushSyncCallbackQueue();
+  return null;
+}
+function flushPassiveEffects() {
+  if (null === rootWithPendingPassiveEffects) return !1;
+  var root = rootWithPendingPassiveEffects,
+    expirationTime = pendingPassiveEffectsExpirationTime,
+    renderPriorityLevel = pendingPassiveEffectsRenderPriority;
+  rootWithPendingPassiveEffects = null;
+  pendingPassiveEffectsExpirationTime = 0;
+  pendingPassiveEffectsRenderPriority = 90;
+  return runWithPriority(
+    97 < renderPriorityLevel ? 97 : renderPriorityLevel,
+    flushPassiveEffectsImpl.bind(null, root, expirationTime)
+  );
+}
+function flushPassiveEffectsImpl(root, expirationTime) {
+  var prevInteractions = tracing.__interactionsRef.current;
+  tracing.__interactionsRef.current = root.memoizedInteractions;
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(
+      Error("Cannot flush passive effects while already rendering.")
+    );
+  var prevExecutionContext = executionContext;
+  executionContext |= CommitContext;
+  for (var effect = root.current.firstEffect; null !== effect; ) {
+    try {
+      var finishedWork = effect;
+      if (0 !== (finishedWork.effectTag & 512))
+        switch (finishedWork.tag) {
+          case 0:
+          case 11:
+          case 15:
+            commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork),
+              commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
+        }
+    } catch (error) {
+      if (null === effect)
+        throw ReactError(Error("Should be working on an effect."));
+      captureCommitPhaseError(effect, error);
+    }
+    finishedWork = effect.nextEffect;
+    effect.nextEffect = null;
+    effect = finishedWork;
+  }
+  tracing.__interactionsRef.current = prevInteractions;
+  finishPendingInteractions(root, expirationTime);
+  executionContext = prevExecutionContext;
+  flushSyncCallbackQueue();
+  return !0;
+}
+function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
+  sourceFiber = createCapturedValue(error, sourceFiber);
+  sourceFiber = createRootErrorUpdate(rootFiber, sourceFiber, 1073741823);
+  enqueueUpdate(rootFiber, sourceFiber);
+  rootFiber = markUpdateTimeFromFiberToRoot(rootFiber, 1073741823);
+  null !== rootFiber && scheduleCallbackForRoot(rootFiber, 99, 1073741823);
+}
+function captureCommitPhaseError(sourceFiber, error) {
+  if (3 === sourceFiber.tag)
+    captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error);
+  else
+    for (var fiber = sourceFiber.return; null !== fiber; ) {
+      if (3 === fiber.tag) {
+        captureCommitPhaseErrorOnRoot(fiber, sourceFiber, error);
+        break;
+      } else if (1 === fiber.tag) {
+        var instance = fiber.stateNode;
+        if (
+          "function" === typeof fiber.type.getDerivedStateFromError ||
+          ("function" === typeof instance.componentDidCatch &&
+            (null === legacyErrorBoundariesThatAlreadyFailed ||
+              !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
+        ) {
+          sourceFiber = createCapturedValue(error, sourceFiber);
+          sourceFiber = createClassErrorUpdate(fiber, sourceFiber, 1073741823);
+          enqueueUpdate(fiber, sourceFiber);
+          fiber = markUpdateTimeFromFiberToRoot(fiber, 1073741823);
+          null !== fiber && scheduleCallbackForRoot(fiber, 99, 1073741823);
+          break;
+        }
+      }
+      fiber = fiber.return;
+    }
+}
+function pingSuspendedRoot(root, thenable, suspendedTime) {
+  var pingCache = root.pingCache;
+  null !== pingCache && pingCache.delete(thenable);
+  workInProgressRoot === root && renderExpirationTime === suspendedTime
+    ? workInProgressRootExitStatus === RootSuspendedWithDelay ||
+      (workInProgressRootExitStatus === RootSuspended &&
+        1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+        now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
+      ? prepareFreshStack(root, renderExpirationTime)
+      : (workInProgressRootHasPendingPing = !0)
+    : root.lastPendingTime < suspendedTime ||
+      ((thenable = root.pingTime),
+      (0 !== thenable && thenable < suspendedTime) ||
+        ((root.pingTime = suspendedTime),
+        root.finishedExpirationTime === suspendedTime &&
+          ((root.finishedExpirationTime = 0), (root.finishedWork = null)),
+        (thenable = requestCurrentTime()),
+        (thenable = inferPriorityFromExpirationTime(thenable, suspendedTime)),
+        scheduleCallbackForRoot(root, thenable, suspendedTime)));
+}
+function resolveRetryThenable(boundaryFiber, thenable) {
+  var retryCache = boundaryFiber.stateNode;
+  null !== retryCache && retryCache.delete(thenable);
+  retryCache = requestCurrentTime();
+  thenable = computeExpirationForFiber(retryCache, boundaryFiber, null);
+  retryCache = inferPriorityFromExpirationTime(retryCache, thenable);
+  boundaryFiber = markUpdateTimeFromFiberToRoot(boundaryFiber, thenable);
+  null !== boundaryFiber &&
+    scheduleCallbackForRoot(boundaryFiber, retryCache, thenable);
+}
+var beginWork$$1 = void 0;
+beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
+  var updateExpirationTime = workInProgress.expirationTime;
+  if (null !== current$$1)
+    if (
+      current$$1.memoizedProps !== workInProgress.pendingProps ||
+      didPerformWorkStackCursor.current
+    )
+      didReceiveUpdate = !0;
+    else {
+      if (updateExpirationTime < renderExpirationTime) {
+        didReceiveUpdate = !1;
+        switch (workInProgress.tag) {
+          case 3:
+            pushHostRootContext(workInProgress);
+            break;
+          case 5:
+            pushHostContext(workInProgress);
+            break;
+          case 1:
+            isContextProvider(workInProgress.type) &&
+              pushContextProvider(workInProgress);
+            break;
+          case 4:
+            pushHostContainer(
+              workInProgress,
+              workInProgress.stateNode.containerInfo
+            );
+            break;
+          case 10:
+            pushProvider(workInProgress, workInProgress.memoizedProps.value);
+            break;
+          case 12:
+            workInProgress.effectTag |= 4;
+            break;
+          case 13:
+            if (null !== workInProgress.memoizedState) {
+              updateExpirationTime = workInProgress.child.childExpirationTime;
+              if (
+                0 !== updateExpirationTime &&
+                updateExpirationTime >= renderExpirationTime
+              )
+                return updateSuspenseComponent(
+                  current$$1,
+                  workInProgress,
+                  renderExpirationTime
+                );
+              push(
+                suspenseStackCursor,
+                suspenseStackCursor.current & SubtreeSuspenseContextMask,
+                workInProgress
+              );
+              workInProgress = bailoutOnAlreadyFinishedWork(
+                current$$1,
+                workInProgress,
+                renderExpirationTime
+              );
+              return null !== workInProgress ? workInProgress.sibling : null;
+            }
+            push(
+              suspenseStackCursor,
+              suspenseStackCursor.current & SubtreeSuspenseContextMask,
+              workInProgress
+            );
+            break;
+          case 19:
+            updateExpirationTime =
+              workInProgress.childExpirationTime >= renderExpirationTime;
+            if (0 !== (current$$1.effectTag & 64)) {
+              if (updateExpirationTime)
+                return updateSuspenseListComponent(
+                  current$$1,
+                  workInProgress,
+                  renderExpirationTime
+                );
+              workInProgress.effectTag |= 64;
+            }
+            var renderState = workInProgress.memoizedState;
+            null !== renderState &&
+              ((renderState.rendering = null), (renderState.tail = null));
+            push(
+              suspenseStackCursor,
+              suspenseStackCursor.current,
+              workInProgress
+            );
+            if (!updateExpirationTime) return null;
+        }
+        return bailoutOnAlreadyFinishedWork(
+          current$$1,
+          workInProgress,
+          renderExpirationTime
+        );
+      }
+    }
+  else didReceiveUpdate = !1;
+  workInProgress.expirationTime = 0;
+  switch (workInProgress.tag) {
+    case 2:
+      updateExpirationTime = workInProgress.type;
+      null !== current$$1 &&
+        ((current$$1.alternate = null),
+        (workInProgress.alternate = null),
+        (workInProgress.effectTag |= 2));
+      current$$1 = workInProgress.pendingProps;
+      renderState = getMaskedContext(
+        workInProgress,
+        contextStackCursor.current
+      );
+      prepareToReadContext(workInProgress, renderExpirationTime);
+      renderState = renderWithHooks(
+        null,
+        workInProgress,
+        updateExpirationTime,
+        current$$1,
+        renderState,
+        renderExpirationTime
+      );
+      workInProgress.effectTag |= 1;
+      if (
+        "object" === typeof renderState &&
+        null !== renderState &&
+        "function" === typeof renderState.render &&
+        void 0 === renderState.$$typeof
+      ) {
+        workInProgress.tag = 1;
+        resetHooks();
+        if (isContextProvider(updateExpirationTime)) {
+          var hasContext = !0;
+          pushContextProvider(workInProgress);
+        } else hasContext = !1;
+        workInProgress.memoizedState =
+          null !== renderState.state && void 0 !== renderState.state
+            ? renderState.state
+            : null;
+        var getDerivedStateFromProps =
+          updateExpirationTime.getDerivedStateFromProps;
+        "function" === typeof getDerivedStateFromProps &&
+          applyDerivedStateFromProps(
+            workInProgress,
+            updateExpirationTime,
+            getDerivedStateFromProps,
+            current$$1
+          );
+        renderState.updater = classComponentUpdater;
+        workInProgress.stateNode = renderState;
+        renderState._reactInternalFiber = workInProgress;
+        mountClassInstance(
+          workInProgress,
+          updateExpirationTime,
+          current$$1,
+          renderExpirationTime
+        );
+        workInProgress = finishClassComponent(
+          null,
+          workInProgress,
+          updateExpirationTime,
+          !0,
+          hasContext,
+          renderExpirationTime
+        );
+      } else
+        (workInProgress.tag = 0),
+          reconcileChildren(
+            null,
+            workInProgress,
+            renderState,
+            renderExpirationTime
+          ),
+          (workInProgress = workInProgress.child);
+      return workInProgress;
+    case 16:
+      renderState = workInProgress.elementType;
+      null !== current$$1 &&
+        ((current$$1.alternate = null),
+        (workInProgress.alternate = null),
+        (workInProgress.effectTag |= 2));
+      current$$1 = workInProgress.pendingProps;
+      renderState = readLazyComponentType(renderState);
+      workInProgress.type = renderState;
+      hasContext = workInProgress.tag = resolveLazyComponentTag(renderState);
+      current$$1 = resolveDefaultProps(renderState, current$$1);
+      switch (hasContext) {
+        case 0:
+          workInProgress = updateFunctionComponent(
+            null,
+            workInProgress,
+            renderState,
+            current$$1,
+            renderExpirationTime
+          );
+          break;
+        case 1:
+          workInProgress = updateClassComponent(
+            null,
+            workInProgress,
+            renderState,
+            current$$1,
+            renderExpirationTime
+          );
+          break;
+        case 11:
+          workInProgress = updateForwardRef(
+            null,
+            workInProgress,
+            renderState,
+            current$$1,
+            renderExpirationTime
+          );
+          break;
+        case 14:
+          workInProgress = updateMemoComponent(
+            null,
+            workInProgress,
+            renderState,
+            resolveDefaultProps(renderState.type, current$$1),
+            updateExpirationTime,
+            renderExpirationTime
+          );
+          break;
+        default:
+          throw ReactError(
+            Error(
+              "Element type is invalid. Received a promise that resolves to: " +
+                renderState +
+                ". Lazy element type must resolve to a class or function."
+            )
+          );
+      }
+      return workInProgress;
+    case 0:
+      return (
+        (updateExpirationTime = workInProgress.type),
+        (renderState = workInProgress.pendingProps),
+        (renderState =
+          workInProgress.elementType === updateExpirationTime
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
+        updateFunctionComponent(
+          current$$1,
+          workInProgress,
+          updateExpirationTime,
+          renderState,
+          renderExpirationTime
+        )
+      );
+    case 1:
+      return (
+        (updateExpirationTime = workInProgress.type),
+        (renderState = workInProgress.pendingProps),
+        (renderState =
+          workInProgress.elementType === updateExpirationTime
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
+        updateClassComponent(
+          current$$1,
+          workInProgress,
+          updateExpirationTime,
+          renderState,
+          renderExpirationTime
+        )
+      );
+    case 3:
+      pushHostRootContext(workInProgress);
+      updateExpirationTime = workInProgress.updateQueue;
+      if (null === updateExpirationTime)
+        throw ReactError(
+          Error(
+            "If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      renderState = workInProgress.memoizedState;
+      renderState = null !== renderState ? renderState.element : null;
+      processUpdateQueue(
+        workInProgress,
+        updateExpirationTime,
+        workInProgress.pendingProps,
+        null,
+        renderExpirationTime
+      );
+      updateExpirationTime = workInProgress.memoizedState.element;
+      updateExpirationTime === renderState
+        ? (workInProgress = bailoutOnAlreadyFinishedWork(
+            current$$1,
+            workInProgress,
+            renderExpirationTime
+          ))
+        : (reconcileChildren(
+            current$$1,
+            workInProgress,
+            updateExpirationTime,
+            renderExpirationTime
+          ),
+          (workInProgress = workInProgress.child));
+      return workInProgress;
+    case 5:
+      return (
+        pushHostContext(workInProgress),
+        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
+        (updateExpirationTime = workInProgress.pendingProps.children),
+        markRef(current$$1, workInProgress),
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          updateExpirationTime,
+          renderExpirationTime
+        ),
+        workInProgress.child
+      );
+    case 6:
+      return (
+        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
+        null
+      );
+    case 13:
+      return updateSuspenseComponent(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+    case 4:
+      return (
+        pushHostContainer(
+          workInProgress,
+          workInProgress.stateNode.containerInfo
+        ),
+        (updateExpirationTime = workInProgress.pendingProps),
+        null === current$$1
+          ? (workInProgress.child = reconcileChildFibers(
+              workInProgress,
+              null,
+              updateExpirationTime,
+              renderExpirationTime
+            ))
+          : reconcileChildren(
+              current$$1,
+              workInProgress,
+              updateExpirationTime,
+              renderExpirationTime
+            ),
+        workInProgress.child
+      );
+    case 11:
+      return (
+        (updateExpirationTime = workInProgress.type),
+        (renderState = workInProgress.pendingProps),
+        (renderState =
+          workInProgress.elementType === updateExpirationTime
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
+        updateForwardRef(
+          current$$1,
+          workInProgress,
+          updateExpirationTime,
+          renderState,
+          renderExpirationTime
+        )
+      );
+    case 7:
+      return (
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          workInProgress.pendingProps,
+          renderExpirationTime
+        ),
+        workInProgress.child
+      );
+    case 8:
+      return (
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          workInProgress.pendingProps.children,
+          renderExpirationTime
+        ),
+        workInProgress.child
+      );
+    case 12:
+      return (
+        (workInProgress.effectTag |= 4),
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          workInProgress.pendingProps.children,
+          renderExpirationTime
+        ),
+        workInProgress.child
+      );
+    case 10:
+      a: {
+        updateExpirationTime = workInProgress.type._context;
+        renderState = workInProgress.pendingProps;
+        getDerivedStateFromProps = workInProgress.memoizedProps;
+        hasContext = renderState.value;
+        pushProvider(workInProgress, hasContext);
+        if (null !== getDerivedStateFromProps) {
+          var oldValue = getDerivedStateFromProps.value;
+          hasContext = is(oldValue, hasContext)
+            ? 0
+            : ("function" === typeof updateExpirationTime._calculateChangedBits
+                ? updateExpirationTime._calculateChangedBits(
+                    oldValue,
+                    hasContext
+                  )
+                : 1073741823) | 0;
+          if (0 === hasContext) {
+            if (
+              getDerivedStateFromProps.children === renderState.children &&
+              !didPerformWorkStackCursor.current
+            ) {
+              workInProgress = bailoutOnAlreadyFinishedWork(
+                current$$1,
+                workInProgress,
+                renderExpirationTime
+              );
+              break a;
+            }
+          } else
+            for (
+              oldValue = workInProgress.child,
+                null !== oldValue && (oldValue.return = workInProgress);
+              null !== oldValue;
+
+            ) {
+              var list = oldValue.dependencies;
+              if (null !== list) {
+                getDerivedStateFromProps = oldValue.child;
+                for (
+                  var dependency = list.firstContext;
+                  null !== dependency;
+
+                ) {
+                  if (
+                    dependency.context === updateExpirationTime &&
+                    0 !== (dependency.observedBits & hasContext)
+                  ) {
+                    1 === oldValue.tag &&
+                      ((dependency = createUpdate(renderExpirationTime, null)),
+                      (dependency.tag = 2),
+                      enqueueUpdate(oldValue, dependency));
+                    oldValue.expirationTime < renderExpirationTime &&
+                      (oldValue.expirationTime = renderExpirationTime);
+                    dependency = oldValue.alternate;
+                    null !== dependency &&
+                      dependency.expirationTime < renderExpirationTime &&
+                      (dependency.expirationTime = renderExpirationTime);
+                    scheduleWorkOnParentPath(
+                      oldValue.return,
+                      renderExpirationTime
+                    );
+                    list.expirationTime < renderExpirationTime &&
+                      (list.expirationTime = renderExpirationTime);
+                    break;
+                  }
+                  dependency = dependency.next;
+                }
+              } else
+                getDerivedStateFromProps =
+                  10 === oldValue.tag
+                    ? oldValue.type === workInProgress.type
+                      ? null
+                      : oldValue.child
+                    : oldValue.child;
+              if (null !== getDerivedStateFromProps)
+                getDerivedStateFromProps.return = oldValue;
+              else
+                for (
+                  getDerivedStateFromProps = oldValue;
+                  null !== getDerivedStateFromProps;
+
+                ) {
+                  if (getDerivedStateFromProps === workInProgress) {
+                    getDerivedStateFromProps = null;
+                    break;
+                  }
+                  oldValue = getDerivedStateFromProps.sibling;
+                  if (null !== oldValue) {
+                    oldValue.return = getDerivedStateFromProps.return;
+                    getDerivedStateFromProps = oldValue;
+                    break;
+                  }
+                  getDerivedStateFromProps = getDerivedStateFromProps.return;
+                }
+              oldValue = getDerivedStateFromProps;
+            }
+        }
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          renderState.children,
+          renderExpirationTime
+        );
+        workInProgress = workInProgress.child;
+      }
+      return workInProgress;
+    case 9:
+      return (
+        (renderState = workInProgress.type),
+        (hasContext = workInProgress.pendingProps),
+        (updateExpirationTime = hasContext.children),
+        prepareToReadContext(workInProgress, renderExpirationTime),
+        (renderState = readContext(
+          renderState,
+          hasContext.unstable_observedBits
+        )),
+        (updateExpirationTime = updateExpirationTime(renderState)),
+        (workInProgress.effectTag |= 1),
+        reconcileChildren(
+          current$$1,
+          workInProgress,
+          updateExpirationTime,
+          renderExpirationTime
+        ),
+        workInProgress.child
+      );
+    case 14:
+      return (
+        (renderState = workInProgress.type),
+        (hasContext = resolveDefaultProps(
+          renderState,
+          workInProgress.pendingProps
+        )),
+        (hasContext = resolveDefaultProps(renderState.type, hasContext)),
+        updateMemoComponent(
+          current$$1,
+          workInProgress,
+          renderState,
+          hasContext,
+          updateExpirationTime,
+          renderExpirationTime
+        )
+      );
+    case 15:
+      return updateSimpleMemoComponent(
+        current$$1,
+        workInProgress,
+        workInProgress.type,
+        workInProgress.pendingProps,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    case 17:
+      return (
+        (updateExpirationTime = workInProgress.type),
+        (renderState = workInProgress.pendingProps),
+        (renderState =
+          workInProgress.elementType === updateExpirationTime
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
+        null !== current$$1 &&
+          ((current$$1.alternate = null),
+          (workInProgress.alternate = null),
+          (workInProgress.effectTag |= 2)),
+        (workInProgress.tag = 1),
+        isContextProvider(updateExpirationTime)
+          ? ((current$$1 = !0), pushContextProvider(workInProgress))
+          : (current$$1 = !1),
+        prepareToReadContext(workInProgress, renderExpirationTime),
+        constructClassInstance(
+          workInProgress,
+          updateExpirationTime,
+          renderState,
+          renderExpirationTime
+        ),
+        mountClassInstance(
+          workInProgress,
+          updateExpirationTime,
+          renderState,
+          renderExpirationTime
+        ),
+        finishClassComponent(
+          null,
+          workInProgress,
+          updateExpirationTime,
+          !0,
+          current$$1,
+          renderExpirationTime
+        )
+      );
+    case 19:
+      return updateSuspenseListComponent(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
+  }
+  throw ReactError(
+    Error(
+      "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+    )
+  );
+};
+function scheduleInteractions(root, expirationTime, interactions) {
+  if (0 < interactions.size) {
+    var pendingInteractionMap = root.pendingInteractionMap,
+      pendingInteractions = pendingInteractionMap.get(expirationTime);
+    null != pendingInteractions
+      ? interactions.forEach(function(interaction) {
+          pendingInteractions.has(interaction) || interaction.__count++;
+          pendingInteractions.add(interaction);
+        })
+      : (pendingInteractionMap.set(expirationTime, new Set(interactions)),
+        interactions.forEach(function(interaction) {
+          interaction.__count++;
+        }));
+    pendingInteractionMap = tracing.__subscriberRef.current;
+    if (null !== pendingInteractionMap)
+      pendingInteractionMap.onWorkScheduled(
+        interactions,
+        1e3 * expirationTime + root.interactionThreadID
+      );
+  }
+}
+function startWorkOnPendingInteractions(root, expirationTime) {
+  var interactions = new Set();
+  root.pendingInteractionMap.forEach(function(
+    scheduledInteractions,
+    scheduledExpirationTime
+  ) {
+    scheduledExpirationTime >= expirationTime &&
+      scheduledInteractions.forEach(function(interaction) {
+        return interactions.add(interaction);
+      });
+  });
+  root.memoizedInteractions = interactions;
+  if (0 < interactions.size) {
+    var subscriber = tracing.__subscriberRef.current;
+    if (null !== subscriber) {
+      root = 1e3 * expirationTime + root.interactionThreadID;
+      try {
+        subscriber.onWorkStarted(interactions, root);
+      } catch (error) {
+        scheduleCallback(99, function() {
+          throw error;
+        });
+      }
+    }
+  }
+}
+function finishPendingInteractions(root, committedExpirationTime) {
+  var earliestRemainingTimeAfterCommit = root.firstPendingTime,
+    subscriber = void 0;
+  try {
+    if (
+      ((subscriber = tracing.__subscriberRef.current),
+      null !== subscriber && 0 < root.memoizedInteractions.size)
+    )
+      subscriber.onWorkStopped(
+        root.memoizedInteractions,
+        1e3 * committedExpirationTime + root.interactionThreadID
+      );
+  } catch (error) {
+    scheduleCallback(99, function() {
+      throw error;
+    });
+  } finally {
+    var pendingInteractionMap = root.pendingInteractionMap;
+    pendingInteractionMap.forEach(function(
+      scheduledInteractions,
+      scheduledExpirationTime
+    ) {
+      scheduledExpirationTime > earliestRemainingTimeAfterCommit &&
+        (pendingInteractionMap.delete(scheduledExpirationTime),
+        scheduledInteractions.forEach(function(interaction) {
+          interaction.__count--;
+          if (null !== subscriber && 0 === interaction.__count)
+            try {
+              subscriber.onInteractionScheduledWorkCompleted(interaction);
+            } catch (error) {
+              scheduleCallback(99, function() {
+                throw error;
+              });
+            }
+        }));
+    });
+  }
+}
+var onCommitFiberRoot = null,
+  onCommitFiberUnmount = null,
+  isDevToolsPresent = "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__;
+function injectInternals(internals) {
+  if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
+  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  if (hook.isDisabled || !hook.supportsFiber) return !0;
+  try {
+    var rendererID = hook.inject(internals);
+    onCommitFiberRoot = function(root, expirationTime) {
+      try {
+        var didError = 64 === (root.current.effectTag & 64),
+          currentTime = requestCurrentTime(),
+          priorityLevel = inferPriorityFromExpirationTime(
+            currentTime,
+            expirationTime
+          );
+        hook.onCommitFiberRoot(rendererID, root, priorityLevel, didError);
+      } catch (err) {}
+    };
+    onCommitFiberUnmount = function(fiber) {
+      try {
+        hook.onCommitFiberUnmount(rendererID, fiber);
+      } catch (err) {}
+    };
+  } catch (err) {}
+  return !0;
+}
+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.index = 0;
+  this.ref = null;
+  this.pendingProps = pendingProps;
+  this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
+  this.mode = mode;
+  this.effectTag = 0;
+  this.lastEffect = this.firstEffect = this.nextEffect = null;
+  this.childExpirationTime = this.expirationTime = 0;
+  this.alternate = null;
+  this.actualDuration = 0;
+  this.actualStartTime = -1;
+  this.treeBaseDuration = this.selfBaseDuration = 0;
+}
+function createFiber(tag, pendingProps, key, mode) {
+  return new FiberNode(tag, pendingProps, key, mode);
+}
+function shouldConstruct(Component) {
+  Component = Component.prototype;
+  return !(!Component || !Component.isReactComponent);
+}
+function resolveLazyComponentTag(Component) {
+  if ("function" === typeof Component)
+    return shouldConstruct(Component) ? 1 : 0;
+  if (void 0 !== Component && null !== Component) {
+    Component = Component.$$typeof;
+    if (Component === REACT_FORWARD_REF_TYPE) return 11;
+    if (Component === REACT_MEMO_TYPE) return 14;
+  }
+  return 2;
+}
+function createWorkInProgress(current, pendingProps) {
+  var workInProgress = current.alternate;
+  null === workInProgress
+    ? ((workInProgress = createFiber(
+        current.tag,
+        pendingProps,
+        current.key,
+        current.mode
+      )),
+      (workInProgress.elementType = current.elementType),
+      (workInProgress.type = current.type),
+      (workInProgress.stateNode = current.stateNode),
+      (workInProgress.alternate = current),
+      (current.alternate = workInProgress))
+    : ((workInProgress.pendingProps = pendingProps),
+      (workInProgress.effectTag = 0),
+      (workInProgress.nextEffect = null),
+      (workInProgress.firstEffect = null),
+      (workInProgress.lastEffect = null),
+      (workInProgress.actualDuration = 0),
+      (workInProgress.actualStartTime = -1));
+  workInProgress.childExpirationTime = current.childExpirationTime;
+  workInProgress.expirationTime = current.expirationTime;
+  workInProgress.child = current.child;
+  workInProgress.memoizedProps = current.memoizedProps;
+  workInProgress.memoizedState = current.memoizedState;
+  workInProgress.updateQueue = current.updateQueue;
+  pendingProps = current.dependencies;
+  workInProgress.dependencies =
+    null === pendingProps
+      ? null
+      : {
+          expirationTime: pendingProps.expirationTime,
+          firstContext: pendingProps.firstContext,
+          responders: pendingProps.responders
+        };
+  workInProgress.sibling = current.sibling;
+  workInProgress.index = current.index;
+  workInProgress.ref = current.ref;
+  workInProgress.selfBaseDuration = current.selfBaseDuration;
+  workInProgress.treeBaseDuration = current.treeBaseDuration;
+  return workInProgress;
+}
+function createFiberFromTypeAndProps(
+  type,
+  key,
+  pendingProps,
+  owner,
+  mode,
+  expirationTime
+) {
+  var fiberTag = 2;
+  owner = type;
+  if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
+  else if ("string" === typeof type) fiberTag = 5;
+  else
+    a: switch (type) {
+      case REACT_FRAGMENT_TYPE:
+        return createFiberFromFragment(
+          pendingProps.children,
+          mode,
+          expirationTime,
+          key
+        );
+      case REACT_CONCURRENT_MODE_TYPE:
+        fiberTag = 8;
+        mode |= 7;
+        break;
+      case REACT_STRICT_MODE_TYPE:
+        fiberTag = 8;
+        mode |= 1;
+        break;
+      case REACT_PROFILER_TYPE:
+        return (
+          (type = createFiber(12, pendingProps, key, mode | 8)),
+          (type.elementType = REACT_PROFILER_TYPE),
+          (type.type = REACT_PROFILER_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      case REACT_SUSPENSE_TYPE:
+        return (
+          (type = createFiber(13, pendingProps, key, mode)),
+          (type.type = REACT_SUSPENSE_TYPE),
+          (type.elementType = REACT_SUSPENSE_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      case REACT_SUSPENSE_LIST_TYPE:
+        return (
+          (type = createFiber(19, pendingProps, key, mode)),
+          (type.elementType = REACT_SUSPENSE_LIST_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      default:
+        if ("object" === typeof type && null !== type)
+          switch (type.$$typeof) {
+            case REACT_PROVIDER_TYPE:
+              fiberTag = 10;
+              break a;
+            case REACT_CONTEXT_TYPE:
+              fiberTag = 9;
+              break a;
+            case REACT_FORWARD_REF_TYPE:
+              fiberTag = 11;
+              break a;
+            case REACT_MEMO_TYPE:
+              fiberTag = 14;
+              break a;
+            case REACT_LAZY_TYPE:
+              fiberTag = 16;
+              owner = null;
+              break a;
+          }
+        throw ReactError(
+          Error(
+            "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
+              (null == type ? type : typeof type) +
+              "."
+          )
+        );
+    }
+  key = createFiber(fiberTag, pendingProps, key, mode);
+  key.elementType = type;
+  key.type = owner;
+  key.expirationTime = expirationTime;
+  return key;
+}
+function createFiberFromFragment(elements, mode, expirationTime, key) {
+  elements = createFiber(7, elements, key, mode);
+  elements.expirationTime = expirationTime;
+  return elements;
+}
+function createFiberFromText(content, mode, expirationTime) {
+  content = createFiber(6, content, null, mode);
+  content.expirationTime = expirationTime;
+  return content;
+}
+function createFiberFromPortal(portal, mode, expirationTime) {
+  mode = createFiber(
+    4,
+    null !== portal.children ? portal.children : [],
+    portal.key,
+    mode
+  );
+  mode.expirationTime = expirationTime;
+  mode.stateNode = {
+    containerInfo: portal.containerInfo,
+    pendingChildren: null,
+    implementation: portal.implementation
+  };
+  return mode;
+}
+function FiberRootNode(containerInfo, tag, hydrate) {
+  this.tag = tag;
+  this.current = null;
+  this.containerInfo = containerInfo;
+  this.pingCache = this.pendingChildren = null;
+  this.finishedExpirationTime = 0;
+  this.finishedWork = null;
+  this.timeoutHandle = -1;
+  this.pendingContext = this.context = null;
+  this.hydrate = hydrate;
+  this.callbackNode = this.firstBatch = null;
+  this.pingTime = this.lastPendingTime = this.firstPendingTime = this.callbackExpirationTime = 0;
+  this.interactionThreadID = tracing.unstable_getThreadID();
+  this.memoizedInteractions = new Set();
+  this.pendingInteractionMap = new Map();
+}
+function findHostInstance(component) {
+  var fiber = component._reactInternalFiber;
+  if (void 0 === fiber) {
+    if ("function" === typeof component.render)
+      throw ReactError(Error("Unable to find node on an unmounted component."));
+    throw ReactError(
+      Error(
+        "Argument appears to not be a ReactComponent. Keys: " +
+          Object.keys(component)
+      )
+    );
+  }
+  component = findCurrentHostFiber(fiber);
+  return null === component ? null : component.stateNode;
+}
+function updateContainer(element, container, parentComponent, callback) {
+  var current$$1 = container.current,
+    currentTime = requestCurrentTime(),
+    suspenseConfig = ReactCurrentBatchConfig.suspense;
+  current$$1 = computeExpirationForFiber(
+    currentTime,
+    current$$1,
+    suspenseConfig
+  );
+  currentTime = container.current;
+  a: if (parentComponent) {
+    parentComponent = parentComponent._reactInternalFiber;
+    b: {
+      if (
+        2 !== isFiberMountedImpl(parentComponent) ||
+        1 !== parentComponent.tag
+      )
+        throw ReactError(
+          Error(
+            "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+          )
+        );
+      var parentContext = parentComponent;
+      do {
+        switch (parentContext.tag) {
+          case 3:
+            parentContext = parentContext.stateNode.context;
+            break b;
+          case 1:
+            if (isContextProvider(parentContext.type)) {
+              parentContext =
+                parentContext.stateNode
+                  .__reactInternalMemoizedMergedChildContext;
+              break b;
+            }
+        }
+        parentContext = parentContext.return;
+      } while (null !== parentContext);
+      throw ReactError(
+        Error(
+          "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+        )
+      );
+    }
+    if (1 === parentComponent.tag) {
+      var Component = parentComponent.type;
+      if (isContextProvider(Component)) {
+        parentComponent = processChildContext(
+          parentComponent,
+          Component,
+          parentContext
+        );
+        break a;
+      }
+    }
+    parentComponent = parentContext;
+  } else parentComponent = emptyContextObject;
+  null === container.context
+    ? (container.context = parentComponent)
+    : (container.pendingContext = parentComponent);
+  container = callback;
+  suspenseConfig = createUpdate(current$$1, suspenseConfig);
+  suspenseConfig.payload = { element: element };
+  container = void 0 === container ? null : container;
+  null !== container && (suspenseConfig.callback = container);
+  enqueueUpdate(currentTime, suspenseConfig);
+  scheduleUpdateOnFiber(currentTime, current$$1);
+  return current$$1;
+}
+function createPortal(children, containerInfo, implementation) {
+  var key =
+    3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
+  return {
+    $$typeof: REACT_PORTAL_TYPE,
+    key: null == key ? null : "" + key,
+    children: children,
+    containerInfo: containerInfo,
+    implementation: implementation
+  };
+}
+function _inherits(subClass, superClass) {
+  if ("function" !== typeof superClass && null !== superClass)
+    throw new TypeError(
+      "Super expression must either be null or a function, not " +
+        typeof superClass
+    );
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      enumerable: !1,
+      writable: !0,
+      configurable: !0
+    }
+  });
+  superClass &&
+    (Object.setPrototypeOf
+      ? Object.setPrototypeOf(subClass, superClass)
+      : (subClass.__proto__ = superClass));
+}
+var getInspectorDataForViewTag = void 0;
+getInspectorDataForViewTag = function() {
+  throw ReactError(
+    Error("getInspectorDataForViewTag() is not available in production")
+  );
+};
+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;
+  componentOrHandle = findHostInstance(componentOrHandle);
+  return null == componentOrHandle
+    ? componentOrHandle
+    : componentOrHandle.canonical
+      ? componentOrHandle.canonical._nativeTag
+      : componentOrHandle._nativeTag;
+}
+batchedUpdatesImpl = function(fn, a) {
+  var prevExecutionContext = executionContext;
+  executionContext |= 1;
+  try {
+    return fn(a);
+  } finally {
+    (executionContext = prevExecutionContext),
+      executionContext === NoContext && flushSyncCallbackQueue();
+  }
+};
+flushDiscreteUpdatesImpl = function() {
+  (executionContext & (1 | RenderContext | CommitContext)) === NoContext &&
+    (flushPendingDiscreteUpdates(), flushPassiveEffects());
+};
+var roots = new Map(),
+  ReactNativeRenderer = {
+    NativeComponent: (function(findNodeHandle, findHostInstance) {
+      return (function(_React$Component) {
+        function ReactNativeComponent() {
+          if (!(this instanceof ReactNativeComponent))
+            throw new TypeError("Cannot call a class as a function");
+          var call = _React$Component.apply(this, arguments);
+          if (!this)
+            throw new ReferenceError(
+              "this hasn't been initialised - super() hasn't been called"
+            );
+          return !call ||
+            ("object" !== typeof call && "function" !== typeof call)
+            ? this
+            : call;
+        }
+        _inherits(ReactNativeComponent, _React$Component);
+        ReactNativeComponent.prototype.blur = function() {
+          ReactNativePrivateInterface.TextInputState.blurTextInput(
+            findNodeHandle(this)
+          );
+        };
+        ReactNativeComponent.prototype.focus = function() {
+          ReactNativePrivateInterface.TextInputState.focusTextInput(
+            findNodeHandle(this)
+          );
+        };
+        ReactNativeComponent.prototype.measure = function(callback) {
+          var maybeInstance = void 0;
+          try {
+            maybeInstance = findHostInstance(this);
+          } catch (error) {}
+          null != maybeInstance &&
+            (maybeInstance.canonical
+              ? nativeFabricUIManager.measure(
+                  maybeInstance.node,
+                  mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                )
+              : ReactNativePrivateInterface.UIManager.measure(
+                  findNodeHandle(this),
+                  mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                ));
+        };
+        ReactNativeComponent.prototype.measureInWindow = function(callback) {
+          var maybeInstance = void 0;
+          try {
+            maybeInstance = findHostInstance(this);
+          } catch (error) {}
+          null != maybeInstance &&
+            (maybeInstance.canonical
+              ? nativeFabricUIManager.measureInWindow(
+                  maybeInstance.node,
+                  mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                )
+              : ReactNativePrivateInterface.UIManager.measureInWindow(
+                  findNodeHandle(this),
+                  mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                ));
+        };
+        ReactNativeComponent.prototype.measureLayout = function(
+          relativeToNativeNode,
+          onSuccess,
+          onFail
+        ) {
+          var maybeInstance = void 0;
+          try {
+            maybeInstance = findHostInstance(this);
+          } catch (error) {}
+          null == maybeInstance ||
+            maybeInstance.canonical ||
+            ((maybeInstance = void 0),
+            "number" === typeof relativeToNativeNode
+              ? (maybeInstance = relativeToNativeNode)
+              : relativeToNativeNode._nativeTag &&
+                (maybeInstance = relativeToNativeNode._nativeTag),
+            null != maybeInstance &&
+              ReactNativePrivateInterface.UIManager.measureLayout(
+                findNodeHandle(this),
+                maybeInstance,
+                mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
+                mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
+              ));
+        };
+        ReactNativeComponent.prototype.setNativeProps = function(nativeProps) {
+          var maybeInstance = void 0;
+          try {
+            maybeInstance = findHostInstance(this);
+          } catch (error) {}
+          if (null != maybeInstance && !maybeInstance.canonical) {
+            var nativeTag =
+              maybeInstance._nativeTag || maybeInstance.canonical._nativeTag;
+            maybeInstance =
+              maybeInstance.viewConfig || maybeInstance.canonical.viewConfig;
+            nativeProps = diffProperties(
+              null,
+              emptyObject,
+              nativeProps,
+              maybeInstance.validAttributes
+            );
+            null != nativeProps &&
+              ReactNativePrivateInterface.UIManager.updateView(
+                nativeTag,
+                maybeInstance.uiViewClassName,
+                nativeProps
+              );
+          }
+        };
+        return ReactNativeComponent;
+      })(React.Component);
+    })(findNodeHandle, findHostInstance),
+    findNodeHandle: findNodeHandle,
+    dispatchCommand: function(handle, command, args) {
+      null != handle._nativeTag &&
+        ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
+          handle._nativeTag,
+          command,
+          args
+        );
+    },
+    setNativeProps: function(handle, nativeProps) {
+      null != handle._nativeTag &&
+        ((nativeProps = diffProperties(
+          null,
+          emptyObject,
+          nativeProps,
+          handle.viewConfig.validAttributes
+        )),
+        null != nativeProps &&
+          ReactNativePrivateInterface.UIManager.updateView(
+            handle._nativeTag,
+            handle.viewConfig.uiViewClassName,
+            nativeProps
+          ));
+    },
+    render: function(element, containerTag, callback) {
+      var root = roots.get(containerTag);
+      if (!root) {
+        root = new FiberRootNode(containerTag, 0, !1);
+        var uninitializedFiber = 0;
+        isDevToolsPresent && (uninitializedFiber |= 8);
+        uninitializedFiber = createFiber(3, null, null, uninitializedFiber);
+        root.current = uninitializedFiber;
+        uninitializedFiber.stateNode = root;
+        roots.set(containerTag, root);
+      }
+      updateContainer(element, root, null, callback);
+      a: if (((element = root.current), element.child))
+        switch (element.child.tag) {
+          case 5:
+            element = element.child.stateNode;
+            break a;
+          default:
+            element = element.child.stateNode;
+        }
+      else element = null;
+      return element;
+    },
+    unmountComponentAtNode: function(containerTag) {
+      var root = roots.get(containerTag);
+      root &&
+        updateContainer(null, root, null, function() {
+          roots.delete(containerTag);
+        });
+    },
+    unmountComponentAtNodeAndRemoveContainer: function(containerTag) {
+      ReactNativeRenderer.unmountComponentAtNode(containerTag);
+      ReactNativePrivateInterface.UIManager.removeRootView(containerTag);
+    },
+    createPortal: function(children, containerTag) {
+      return createPortal(
+        children,
+        containerTag,
+        null,
+        2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
+      );
+    },
+    unstable_batchedUpdates: batchedUpdates,
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
+      NativeMethodsMixin: (function(findNodeHandle, findHostInstance) {
+        return {
+          measure: function(callback) {
+            var maybeInstance = void 0;
+            try {
+              maybeInstance = findHostInstance(this);
+            } catch (error) {}
+            null != maybeInstance &&
+              (maybeInstance.canonical
+                ? nativeFabricUIManager.measure(
+                    maybeInstance.node,
+                    mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                  )
+                : ReactNativePrivateInterface.UIManager.measure(
+                    findNodeHandle(this),
+                    mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                  ));
+          },
+          measureInWindow: function(callback) {
+            var maybeInstance = void 0;
+            try {
+              maybeInstance = findHostInstance(this);
+            } catch (error) {}
+            null != maybeInstance &&
+              (maybeInstance.canonical
+                ? nativeFabricUIManager.measureInWindow(
+                    maybeInstance.node,
+                    mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                  )
+                : ReactNativePrivateInterface.UIManager.measureInWindow(
+                    findNodeHandle(this),
+                    mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+                  ));
+          },
+          measureLayout: function(relativeToNativeNode, onSuccess, onFail) {
+            var maybeInstance = void 0;
+            try {
+              maybeInstance = findHostInstance(this);
+            } catch (error) {}
+            null == maybeInstance ||
+              maybeInstance.canonical ||
+              ((maybeInstance = void 0),
+              "number" === typeof relativeToNativeNode
+                ? (maybeInstance = relativeToNativeNode)
+                : relativeToNativeNode._nativeTag &&
+                  (maybeInstance = relativeToNativeNode._nativeTag),
+              null != maybeInstance &&
+                ReactNativePrivateInterface.UIManager.measureLayout(
+                  findNodeHandle(this),
+                  maybeInstance,
+                  mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
+                  mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
+                ));
+          },
+          setNativeProps: function(nativeProps) {
+            var maybeInstance = void 0;
+            try {
+              maybeInstance = findHostInstance(this);
+            } catch (error) {}
+            if (null != maybeInstance && !maybeInstance.canonical) {
+              var nativeTag =
+                maybeInstance._nativeTag || maybeInstance.canonical._nativeTag;
+              maybeInstance =
+                maybeInstance.viewConfig || maybeInstance.canonical.viewConfig;
+              nativeProps = diffProperties(
+                null,
+                emptyObject,
+                nativeProps,
+                maybeInstance.validAttributes
+              );
+              null != nativeProps &&
+                ReactNativePrivateInterface.UIManager.updateView(
+                  nativeTag,
+                  maybeInstance.uiViewClassName,
+                  nativeProps
+                );
+            }
+          },
+          focus: function() {
+            ReactNativePrivateInterface.TextInputState.focusTextInput(
+              findNodeHandle(this)
+            );
+          },
+          blur: function() {
+            ReactNativePrivateInterface.TextInputState.blurTextInput(
+              findNodeHandle(this)
+            );
+          }
+        };
+      })(findNodeHandle, findHostInstance),
+      computeComponentStackForErrorReporting: function(reactTag) {
+        return (reactTag = getInstanceFromTag(reactTag))
+          ? getStackByFiberInDevAndProd(reactTag)
+          : "";
+      }
+    }
+  };
+(function(devToolsConfig) {
+  var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+  return injectInternals(
+    Object.assign({}, devToolsConfig, {
+      overrideHookState: null,
+      overrideProps: null,
+      setSuspenseHandler: null,
+      scheduleUpdate: null,
+      currentDispatcherRef: ReactSharedInternals.ReactCurrentDispatcher,
+      findHostInstanceByFiber: function(fiber) {
+        fiber = findCurrentHostFiber(fiber);
+        return null === fiber ? null : fiber.stateNode;
+      },
+      findFiberByHostInstance: function(instance) {
+        return findFiberByHostInstance
+          ? findFiberByHostInstance(instance)
+          : null;
+      },
+      findHostInstancesForRefresh: null,
+      scheduleRefresh: null,
+      scheduleRoot: null,
+      setRefreshHandler: null,
+      getCurrentFiber: null
+    })
+  );
+})({
+  findFiberByHostInstance: getInstanceFromTag,
+  getInspectorDataForViewTag: getInspectorDataForViewTag,
+  bundleType: 0,
+  version: "16.8.6",
+  rendererPackageName: "react-native-renderer"
+});
+var ReactNativeRenderer$2 = { default: ReactNativeRenderer },
+  ReactNativeRenderer$3 =
+    (ReactNativeRenderer$2 && ReactNativeRenderer) || ReactNativeRenderer$2;
+module.exports = ReactNativeRenderer$3.default || ReactNativeRenderer$3;
diff --git a/Libraries/Renderer/oss/ReactNativeRenderer-profiling.js b/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.js
similarity index 75%
rename from Libraries/Renderer/oss/ReactNativeRenderer-profiling.js
rename to Libraries/Renderer/implementations/ReactNativeRenderer-profiling.js
index 6d94114ddfde56..0216ce66ab7493 100644
--- a/Libraries/Renderer/oss/ReactNativeRenderer-profiling.js
+++ b/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.js
@@ -11,21 +11,14 @@
  */
 
 "use strict";
-require("InitializeCore");
-var ReactNativeViewConfigRegistry = require("ReactNativeViewConfigRegistry"),
-  UIManager = require("UIManager"),
-  RCTEventEmitter = require("RCTEventEmitter"),
+require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
+var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface"),
   React = require("react"),
-  deepDiffer = require("deepDiffer"),
-  flattenStyle = require("flattenStyle"),
-  TextInputState = require("TextInputState"),
   Scheduler = require("scheduler"),
-  tracing = require("scheduler/tracing"),
-  ExceptionsManager = require("ExceptionsManager");
-function ReactError(message) {
-  message = Error(message);
-  message.name = "Invariant Violation";
-  return message;
+  tracing = require("scheduler/tracing");
+function ReactError(error) {
+  error.name = "Invariant Violation";
+  return error;
 }
 var eventPluginOrder = null,
   namesToPlugins = {};
@@ -36,16 +29,20 @@ function recomputePluginOrdering() {
         pluginIndex = eventPluginOrder.indexOf(pluginName);
       if (!(-1 < pluginIndex))
         throw ReactError(
-          "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
-            pluginName +
-            "`."
+          Error(
+            "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+              pluginName +
+              "`."
+          )
         );
       if (!plugins[pluginIndex]) {
         if (!pluginModule.extractEvents)
           throw ReactError(
-            "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
-              pluginName +
-              "` does not."
+            Error(
+              "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
+                pluginName +
+                "` does not."
+            )
           );
         plugins[pluginIndex] = pluginModule;
         pluginIndex = pluginModule.eventTypes;
@@ -56,9 +53,11 @@ function recomputePluginOrdering() {
             eventName$jscomp$0 = eventName;
           if (eventNameDispatchConfigs.hasOwnProperty(eventName$jscomp$0))
             throw ReactError(
-              "EventPluginHub: More than one plugin attempted to publish the same event name, `" +
-                eventName$jscomp$0 +
-                "`."
+              Error(
+                "EventPluginHub: More than one plugin attempted to publish the same event name, `" +
+                  eventName$jscomp$0 +
+                  "`."
+              )
             );
           eventNameDispatchConfigs[eventName$jscomp$0] = dispatchConfig;
           var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
@@ -84,11 +83,13 @@ function recomputePluginOrdering() {
               : (JSCompiler_inline_result = !1);
           if (!JSCompiler_inline_result)
             throw ReactError(
-              "EventPluginRegistry: Failed to publish event `" +
-                eventName +
-                "` for plugin `" +
-                pluginName +
-                "`."
+              Error(
+                "EventPluginRegistry: Failed to publish event `" +
+                  eventName +
+                  "` for plugin `" +
+                  pluginName +
+                  "`."
+              )
             );
         }
       }
@@ -97,9 +98,11 @@ function recomputePluginOrdering() {
 function publishRegistrationName(registrationName, pluginModule) {
   if (registrationNameModules[registrationName])
     throw ReactError(
-      "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
-        registrationName +
-        "`."
+      Error(
+        "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
+          registrationName +
+          "`."
+      )
     );
   registrationNameModules[registrationName] = pluginModule;
 }
@@ -148,7 +151,9 @@ function invokeGuardedCallbackAndCatchFirstError(
       caughtError = null;
     } else
       throw ReactError(
-        "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     hasRethrowError || ((hasRethrowError = !0), (rethrowError = error));
   }
@@ -166,7 +171,7 @@ function executeDirectDispatch(event) {
   var dispatchListener = event._dispatchListeners,
     dispatchInstance = event._dispatchInstances;
   if (Array.isArray(dispatchListener))
-    throw ReactError("executeDirectDispatch(...): Invalid `event`.");
+    throw ReactError(Error("executeDirectDispatch(...): Invalid `event`."));
   event.currentTarget = dispatchListener
     ? getNodeFromInstance(dispatchInstance)
     : null;
@@ -179,7 +184,9 @@ function executeDirectDispatch(event) {
 function accumulateInto(current, next) {
   if (null == next)
     throw ReactError(
-      "accumulateInto(...): Accumulated items must not be null or undefined."
+      Error(
+        "accumulateInto(...): Accumulated items must not be null or undefined."
+      )
     );
   if (null == current) return next;
   if (Array.isArray(current)) {
@@ -216,7 +223,9 @@ var injection = {
   injectEventPluginOrder: function(injectedEventPluginOrder) {
     if (eventPluginOrder)
       throw ReactError(
-        "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
+        Error(
+          "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
+        )
       );
     eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
     recomputePluginOrdering();
@@ -233,9 +242,11 @@ var injection = {
         ) {
           if (namesToPlugins[pluginName])
             throw ReactError(
-              "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
-                pluginName +
-                "`."
+              Error(
+                "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+                  pluginName +
+                  "`."
+              )
             );
           namesToPlugins[pluginName] = pluginModule;
           isOrderingDirty = !0;
@@ -277,11 +288,13 @@ function getListener(inst, registrationName) {
   if (inst) return null;
   if (listener && "function" !== typeof listener)
     throw ReactError(
-      "Expected `" +
-        registrationName +
-        "` listener to be a function, instead got a value of `" +
-        typeof listener +
-        "` type."
+      Error(
+        "Expected `" +
+          registrationName +
+          "` listener to be a function, instead got a value of `" +
+          typeof listener +
+          "` type."
+      )
     );
   return listener;
 }
@@ -445,7 +458,9 @@ function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
 function releasePooledEvent(event) {
   if (!(event instanceof this))
     throw ReactError(
-      "Trying to release an event instance into a pool of a different type."
+      Error(
+        "Trying to release an event instance into a pool of a different type."
+      )
     );
   event.destructor();
   10 > this.eventPool.length && this.eventPool.push(event);
@@ -481,7 +496,8 @@ function timestampForTouch(touch) {
 }
 function getTouchIdentifier(_ref) {
   _ref = _ref.identifier;
-  if (null == _ref) throw ReactError("Touch object is missing identifier.");
+  if (null == _ref)
+    throw ReactError(Error("Touch object is missing identifier."));
   return _ref;
 }
 function recordTouchStart(touch) {
@@ -524,7 +540,7 @@ function recordTouchMove(touch) {
       (touchRecord.currentPageY = touch.pageY),
       (touchRecord.currentTimeStamp = timestampForTouch(touch)),
       (touchHistory.mostRecentTimeStamp = timestampForTouch(touch)))
-    : console.error(
+    : console.warn(
         "Cannot record touch move without a touch start.\nTouch Move: %s\n",
         "Touch Bank: %s",
         printTouch(touch),
@@ -542,7 +558,7 @@ function recordTouchEnd(touch) {
       (touchRecord.currentPageY = touch.pageY),
       (touchRecord.currentTimeStamp = timestampForTouch(touch)),
       (touchHistory.mostRecentTimeStamp = timestampForTouch(touch)))
-    : console.error(
+    : console.warn(
         "Cannot record touch end without a touch start.\nTouch End: %s\n",
         "Touch Bank: %s",
         printTouch(touch),
@@ -596,7 +612,7 @@ var ResponderTouchHistoryStore = {
 function accumulate(current, next) {
   if (null == next)
     throw ReactError(
-      "accumulate(...): Accumulated items must not be null or undefined."
+      Error("accumulate(...): Accumulated items must not be null or undefined.")
     );
   return null == current
     ? next
@@ -618,7 +634,7 @@ function changeResponder(nextResponderInst, blockHostResponder) {
       blockHostResponder
     );
 }
-var eventTypes$1 = {
+var eventTypes = {
     startShouldSetResponder: {
       phasedRegistrationNames: {
         bubbled: "onStartShouldSetResponder",
@@ -681,7 +697,7 @@ var eventTypes$1 = {
     _getResponder: function() {
       return responderInst;
     },
-    eventTypes: eventTypes$1,
+    eventTypes: eventTypes,
     extractEvents: function(
       topLevelType,
       targetInst,
@@ -710,12 +726,12 @@ var eventTypes$1 = {
           isMoveish(topLevelType))
       ) {
         var JSCompiler_temp = isStartish(topLevelType)
-          ? eventTypes$1.startShouldSetResponder
+          ? eventTypes.startShouldSetResponder
           : isMoveish(topLevelType)
-            ? eventTypes$1.moveShouldSetResponder
+            ? eventTypes.moveShouldSetResponder
             : "topSelectionChange" === topLevelType
-              ? eventTypes$1.selectionChangeShouldSetResponder
-              : eventTypes$1.scrollShouldSetResponder;
+              ? eventTypes.selectionChangeShouldSetResponder
+              : eventTypes.scrollShouldSetResponder;
         if (responderInst)
           b: {
             var JSCompiler_temp$jscomp$0 = responderInst;
@@ -801,7 +817,7 @@ var eventTypes$1 = {
         JSCompiler_temp && JSCompiler_temp !== responderInst
           ? ((JSCompiler_temp$jscomp$0 = void 0),
             (targetInst = ResponderSyntheticEvent.getPooled(
-              eventTypes$1.responderGrant,
+              eventTypes.responderGrant,
               JSCompiler_temp,
               nativeEvent,
               nativeEventTarget
@@ -811,7 +827,7 @@ var eventTypes$1 = {
             (depthA = !0 === executeDirectDispatch(targetInst)),
             responderInst
               ? ((tempA = ResponderSyntheticEvent.getPooled(
-                  eventTypes$1.responderTerminationRequest,
+                  eventTypes.responderTerminationRequest,
                   responderInst,
                   nativeEvent,
                   nativeEventTarget
@@ -823,7 +839,7 @@ var eventTypes$1 = {
                 tempA.isPersistent() || tempA.constructor.release(tempA),
                 tempB
                   ? ((tempA = ResponderSyntheticEvent.getPooled(
-                      eventTypes$1.responderTerminate,
+                      eventTypes.responderTerminate,
                       responderInst,
                       nativeEvent,
                       nativeEventTarget
@@ -837,7 +853,7 @@ var eventTypes$1 = {
                     )),
                     changeResponder(JSCompiler_temp, depthA))
                   : ((JSCompiler_temp = ResponderSyntheticEvent.getPooled(
-                      eventTypes$1.responderReject,
+                      eventTypes.responderReject,
                       JSCompiler_temp,
                       nativeEvent,
                       nativeEventTarget
@@ -867,11 +883,11 @@ var eventTypes$1 = {
         ("topTouchEnd" === topLevelType || "topTouchCancel" === topLevelType);
       if (
         (JSCompiler_temp$jscomp$0 = JSCompiler_temp$jscomp$0
-          ? eventTypes$1.responderStart
+          ? eventTypes.responderStart
           : targetInst
-            ? eventTypes$1.responderMove
+            ? eventTypes.responderMove
             : depthA
-              ? eventTypes$1.responderEnd
+              ? eventTypes.responderEnd
               : null)
       )
         (JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
@@ -925,9 +941,9 @@ var eventTypes$1 = {
         }
       if (
         (topLevelType = JSCompiler_temp$jscomp$0
-          ? eventTypes$1.responderTerminate
+          ? eventTypes.responderTerminate
           : topLevelType
-            ? eventTypes$1.responderRelease
+            ? eventTypes.responderRelease
             : null)
       )
         (nativeEvent = ResponderSyntheticEvent.getPooled(
@@ -949,8 +965,20 @@ var eventTypes$1 = {
       }
     }
   },
-  ReactNativeBridgeEventPlugin = {
-    eventTypes: ReactNativeViewConfigRegistry.eventTypes,
+  customBubblingEventTypes =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customBubblingEventTypes,
+  customDirectEventTypes =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customDirectEventTypes;
+injection.injectEventPluginOrder([
+  "ResponderEventPlugin",
+  "ReactNativeBridgeEventPlugin"
+]);
+injection.injectEventPluginsByName({
+  ResponderEventPlugin: ResponderEventPlugin,
+  ReactNativeBridgeEventPlugin: {
+    eventTypes: {},
     extractEvents: function(
       topLevelType,
       targetInst,
@@ -958,13 +986,13 @@ var eventTypes$1 = {
       nativeEventTarget
     ) {
       if (null == targetInst) return null;
-      var bubbleDispatchConfig =
-          ReactNativeViewConfigRegistry.customBubblingEventTypes[topLevelType],
-        directDispatchConfig =
-          ReactNativeViewConfigRegistry.customDirectEventTypes[topLevelType];
+      var bubbleDispatchConfig = customBubblingEventTypes[topLevelType],
+        directDispatchConfig = customDirectEventTypes[topLevelType];
       if (!bubbleDispatchConfig && !directDispatchConfig)
         throw ReactError(
-          'Unsupported top level event type "' + topLevelType + '" dispatched'
+          Error(
+            'Unsupported top level event type "' + topLevelType + '" dispatched'
+          )
         );
       topLevelType = SyntheticEvent.getPooled(
         bubbleDispatchConfig || directDispatchConfig,
@@ -979,42 +1007,40 @@ var eventTypes$1 = {
       else return null;
       return topLevelType;
     }
-  };
-injection.injectEventPluginOrder([
-  "ResponderEventPlugin",
-  "ReactNativeBridgeEventPlugin"
-]);
-injection.injectEventPluginsByName({
-  ResponderEventPlugin: ResponderEventPlugin,
-  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
+  }
 });
-var instanceCache = {},
-  instanceProps = {};
+var instanceCache = new Map(),
+  instanceProps = new Map();
 function getInstanceFromTag(tag) {
-  return instanceCache[tag] || null;
+  return instanceCache.get(tag) || null;
 }
 var restoreTarget = null,
   restoreQueue = null;
 function restoreStateOfTarget(target) {
   if (getInstanceFromNode(target))
     throw ReactError(
-      "setRestoreImplementation() needs to be called to handle a target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+      Error(
+        "setRestoreImplementation() needs to be called to handle a target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+      )
     );
 }
-function _batchedUpdatesImpl(fn, bookkeeping) {
+function batchedUpdatesImpl(fn, bookkeeping) {
   return fn(bookkeeping);
 }
-function _flushInteractiveUpdatesImpl() {}
-var isBatching = !1;
+function flushDiscreteUpdatesImpl() {}
+var isInsideEventHandler = !1;
 function batchedUpdates(fn, bookkeeping) {
-  if (isBatching) return fn(bookkeeping);
-  isBatching = !0;
+  if (isInsideEventHandler) return fn(bookkeeping);
+  isInsideEventHandler = !0;
   try {
-    return _batchedUpdatesImpl(fn, bookkeeping);
+    return batchedUpdatesImpl(fn, bookkeeping);
   } finally {
-    if (((isBatching = !1), null !== restoreTarget || null !== restoreQueue))
+    if (
+      ((isInsideEventHandler = !1),
+      null !== restoreTarget || null !== restoreQueue)
+    )
       if (
-        (_flushInteractiveUpdatesImpl(),
+        (flushDiscreteUpdatesImpl(),
         restoreTarget &&
           ((bookkeeping = restoreTarget),
           (fn = restoreQueue),
@@ -1051,7 +1077,9 @@ function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
       forEachAccumulated(events, executeDispatchesAndReleaseTopLevel);
       if (eventQueue)
         throw ReactError(
-          "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+          Error(
+            "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+          )
         );
       if (hasRethrowError)
         throw ((events = rethrowError),
@@ -1061,7 +1089,7 @@ function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
     }
   });
 }
-RCTEventEmitter.register({
+ReactNativePrivateInterface.RCTEventEmitter.register({
   receiveEvent: function(rootNodeID, topLevelType, nativeEventParam) {
     _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam);
   },
@@ -1099,26 +1127,31 @@ RCTEventEmitter.register({
   }
 });
 getFiberCurrentPropsFromNode = function(stateNode) {
-  return instanceProps[stateNode._nativeTag] || null;
+  return instanceProps.get(stateNode._nativeTag) || null;
 };
 getInstanceFromNode = getInstanceFromTag;
 getNodeFromInstance = function(inst) {
   var tag = inst.stateNode._nativeTag;
   void 0 === tag && (tag = inst.stateNode.canonical._nativeTag);
-  if (!tag) throw ReactError("All native instances should have a tag.");
+  if (!tag) throw ReactError(Error("All native instances should have a tag."));
   return tag;
 };
 ResponderEventPlugin.injection.injectGlobalResponderHandler({
   onChange: function(from, to, blockNativeResponder) {
     null !== to
-      ? UIManager.setJSResponder(to.stateNode._nativeTag, blockNativeResponder)
-      : UIManager.clearJSResponder();
+      ? ReactNativePrivateInterface.UIManager.setJSResponder(
+          to.stateNode._nativeTag,
+          blockNativeResponder
+        )
+      : ReactNativePrivateInterface.UIManager.clearJSResponder();
   }
 });
 var ReactSharedInternals =
   React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 ReactSharedInternals.hasOwnProperty("ReactCurrentDispatcher") ||
   (ReactSharedInternals.ReactCurrentDispatcher = { current: null });
+ReactSharedInternals.hasOwnProperty("ReactCurrentBatchConfig") ||
+  (ReactSharedInternals.ReactCurrentBatchConfig = { suspense: null });
 var hasSymbol = "function" === typeof Symbol && Symbol.for,
   REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103,
   REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106,
@@ -1132,11 +1165,13 @@ var hasSymbol = "function" === typeof Symbol && Symbol.for,
     : 60111,
   REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112,
   REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113,
+  REACT_SUSPENSE_LIST_TYPE = hasSymbol
+    ? Symbol.for("react.suspense_list")
+    : 60120,
   REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115,
   REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
-hasSymbol && Symbol.for("react.event_component");
-hasSymbol && Symbol.for("react.event_target");
-hasSymbol && Symbol.for("react.event_target.touch_hit");
+hasSymbol && Symbol.for("react.fundamental");
+hasSymbol && Symbol.for("react.responder");
 var MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
 function getIteratorFn(maybeIterable) {
   if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
@@ -1150,8 +1185,6 @@ function getComponentName(type) {
   if ("function" === typeof type) return type.displayName || type.name || null;
   if ("string" === typeof type) return type;
   switch (type) {
-    case REACT_CONCURRENT_MODE_TYPE:
-      return "ConcurrentMode";
     case REACT_FRAGMENT_TYPE:
       return "Fragment";
     case REACT_PORTAL_TYPE:
@@ -1162,6 +1195,8 @@ function getComponentName(type) {
       return "StrictMode";
     case REACT_SUSPENSE_TYPE:
       return "Suspense";
+    case REACT_SUSPENSE_LIST_TYPE:
+      return "SuspenseList";
   }
   if ("object" === typeof type)
     switch (type.$$typeof) {
@@ -1196,14 +1231,14 @@ function isFiberMountedImpl(fiber) {
 }
 function assertIsMounted(fiber) {
   if (2 !== isFiberMountedImpl(fiber))
-    throw ReactError("Unable to find node on an unmounted component.");
+    throw ReactError(Error("Unable to find node on an unmounted component."));
 }
 function findCurrentFiberUsingSlowPath(fiber) {
   var alternate = fiber.alternate;
   if (!alternate) {
     alternate = isFiberMountedImpl(fiber);
     if (3 === alternate)
-      throw ReactError("Unable to find node on an unmounted component.");
+      throw ReactError(Error("Unable to find node on an unmounted component."));
     return 1 === alternate ? null : fiber;
   }
   for (var a = fiber, b = alternate; ; ) {
@@ -1224,7 +1259,7 @@ function findCurrentFiberUsingSlowPath(fiber) {
         if (parentB === b) return assertIsMounted(parentA), alternate;
         parentB = parentB.sibling;
       }
-      throw ReactError("Unable to find node on an unmounted component.");
+      throw ReactError(Error("Unable to find node on an unmounted component."));
     }
     if (a.return !== b.return) (a = parentA), (b = parentB);
     else {
@@ -1261,17 +1296,21 @@ function findCurrentFiberUsingSlowPath(fiber) {
         }
         if (!didFindChild)
           throw ReactError(
-            "Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue."
+            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 ReactError(
-        "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
+        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 ReactError("Unable to find node on an unmounted component.");
+    throw ReactError(Error("Unable to find node on an unmounted component."));
   return a.stateNode.current === a ? fiber : alternate;
 }
 function findCurrentHostFiber(parent) {
@@ -1376,14 +1415,14 @@ function diffNestedProperty(
   return Array.isArray(prevProp)
     ? diffProperties(
         updatePayload,
-        flattenStyle(prevProp),
+        ReactNativePrivateInterface.flattenStyle(prevProp),
         nextProp,
         validAttributes
       )
     : diffProperties(
         updatePayload,
         prevProp,
-        flattenStyle(nextProp),
+        ReactNativePrivateInterface.flattenStyle(nextProp),
         validAttributes
       );
 }
@@ -1451,7 +1490,7 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
         if ("object" !== typeof attributeConfig)
           ("object" !== typeof nextProp ||
             null === nextProp ||
-            deepDiffer(prevProp, nextProp)) &&
+            ReactNativePrivateInterface.deepDiffer(prevProp, nextProp)) &&
             ((updatePayload || (updatePayload = {}))[propKey] = nextProp);
         else if (
           "function" === typeof attributeConfig.diff ||
@@ -1463,7 +1502,7 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
               ? attributeConfig.diff(prevProp, nextProp)
               : "object" !== typeof nextProp ||
                 null === nextProp ||
-                deepDiffer(prevProp, nextProp))
+                ReactNativePrivateInterface.deepDiffer(prevProp, nextProp))
           )
             (attributeConfig =
               "function" === typeof attributeConfig.process
@@ -1528,19 +1567,19 @@ var ReactNativeFiberHostComponent = (function() {
     this.viewConfig = viewConfig;
   }
   ReactNativeFiberHostComponent.prototype.blur = function() {
-    TextInputState.blurTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
   };
   ReactNativeFiberHostComponent.prototype.focus = function() {
-    TextInputState.focusTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.focusTextInput(this._nativeTag);
   };
   ReactNativeFiberHostComponent.prototype.measure = function(callback) {
-    UIManager.measure(
+    ReactNativePrivateInterface.UIManager.measure(
       this._nativeTag,
       mountSafeCallback_NOT_REALLY_SAFE(this, callback)
     );
   };
   ReactNativeFiberHostComponent.prototype.measureInWindow = function(callback) {
-    UIManager.measureInWindow(
+    ReactNativePrivateInterface.UIManager.measureInWindow(
       this._nativeTag,
       mountSafeCallback_NOT_REALLY_SAFE(this, callback)
     );
@@ -1559,7 +1598,7 @@ var ReactNativeFiberHostComponent = (function() {
           relativeToNativeNode.canonical._nativeTag &&
           (relativeNode = relativeToNativeNode.canonical._nativeTag);
     null != relativeNode &&
-      UIManager.measureLayout(
+      ReactNativePrivateInterface.UIManager.measureLayout(
         this._nativeTag,
         relativeNode,
         mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
@@ -1576,7 +1615,7 @@ var ReactNativeFiberHostComponent = (function() {
       this.viewConfig.validAttributes
     );
     null != nativeProps &&
-      UIManager.updateView(
+      ReactNativePrivateInterface.UIManager.updateView(
         this._nativeTag,
         this.viewConfig.uiViewClassName,
         nativeProps
@@ -1586,10 +1625,14 @@ var ReactNativeFiberHostComponent = (function() {
 })();
 function shim$1() {
   throw ReactError(
-    "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
+    Error(
+      "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
+    )
   );
 }
-var UPDATE_SIGNAL = {},
+var getViewConfigForType =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get,
+  UPDATE_SIGNAL = {},
   nextReactTag = 3;
 function allocateTag() {
   var tag = nextReactTag;
@@ -1599,11 +1642,11 @@ function allocateTag() {
 }
 function recursivelyUncacheFiberNode(node) {
   if ("number" === typeof node)
-    delete instanceCache[node], delete instanceProps[node];
+    instanceCache.delete(node), instanceProps.delete(node);
   else {
     var tag = node._nativeTag;
-    delete instanceCache[tag];
-    delete instanceProps[tag];
+    instanceCache.delete(tag);
+    instanceProps.delete(tag);
     node._children.forEach(recursivelyUncacheFiberNode);
   }
 }
@@ -1612,7 +1655,10 @@ function finalizeInitialChildren(parentInstance) {
   var nativeTags = parentInstance._children.map(function(child) {
     return "number" === typeof child ? child : child._nativeTag;
   });
-  UIManager.setChildren(parentInstance._nativeTag, nativeTags);
+  ReactNativePrivateInterface.UIManager.setChildren(
+    parentInstance._nativeTag,
+    nativeTags
+  );
   return !1;
 }
 var scheduleTimeout = setTimeout,
@@ -1703,7 +1749,9 @@ function popTopLevelContextObject(fiber) {
 function pushTopLevelContextObject(fiber, context, didChange) {
   if (contextStackCursor.current !== emptyContextObject)
     throw ReactError(
-      "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
+      Error(
+        "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
+      )
     );
   push(contextStackCursor, context, fiber);
   push(didPerformWorkStackCursor, didChange, fiber);
@@ -1716,10 +1764,12 @@ function processChildContext(fiber, type, parentContext) {
   for (var contextKey in instance)
     if (!(contextKey in fiber))
       throw ReactError(
-        (getComponentName(type) || "Unknown") +
-          '.getChildContext(): key "' +
-          contextKey +
-          '" is not defined in childContextTypes.'
+        Error(
+          (getComponentName(type) || "Unknown") +
+            '.getChildContext(): key "' +
+            contextKey +
+            '" is not defined in childContextTypes.'
+        )
       );
   return Object.assign({}, parentContext, instance);
 }
@@ -1741,7 +1791,9 @@ function invalidateContextProvider(workInProgress, type, didChange) {
   var instance = workInProgress.stateNode;
   if (!instance)
     throw ReactError(
-      "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
+      Error(
+        "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
+      )
     );
   didChange
     ? ((type = processChildContext(workInProgress, type, previousContext)),
@@ -1752,35 +1804,11 @@ function invalidateContextProvider(workInProgress, type, didChange) {
     : pop(didPerformWorkStackCursor, workInProgress);
   push(didPerformWorkStackCursor, didChange, workInProgress);
 }
-var onCommitFiberRoot = null,
-  onCommitFiberUnmount = null;
-function catchErrors(fn) {
-  return function(arg) {
-    try {
-      return fn(arg);
-    } catch (err) {}
-  };
-}
-var isDevToolsPresent = "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__;
-function injectInternals(internals) {
-  if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
-  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
-  if (hook.isDisabled || !hook.supportsFiber) return !0;
-  try {
-    var rendererID = hook.inject(internals);
-    onCommitFiberRoot = catchErrors(function(root) {
-      return hook.onCommitFiberRoot(rendererID, root);
-    });
-    onCommitFiberUnmount = catchErrors(function(fiber) {
-      return hook.onCommitFiberUnmount(rendererID, fiber);
-    });
-  } catch (err) {}
-  return !0;
-}
 var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority,
   Scheduler_scheduleCallback = Scheduler.unstable_scheduleCallback,
   Scheduler_cancelCallback = Scheduler.unstable_cancelCallback,
   Scheduler_shouldYield = Scheduler.unstable_shouldYield,
+  Scheduler_requestPaint = Scheduler.unstable_requestPaint,
   Scheduler_now = Scheduler.unstable_now,
   Scheduler_getCurrentPriorityLevel =
     Scheduler.unstable_getCurrentPriorityLevel,
@@ -1794,12 +1822,16 @@ if (
   null == tracing.__interactionsRef.current
 )
   throw ReactError(
-    "It is not supported to run the profiling version of a renderer (for example, `react-dom/profiling`) without also replacing the `scheduler/tracing` module with `scheduler/tracing-profiling`. Your bundler might have a setting for aliasing both modules. Learn more at http://fb.me/react-profiling"
+    Error(
+      "It is not supported to run the profiling version of a renderer (for example, `react-dom/profiling`) without also replacing the `scheduler/tracing` module with `scheduler/tracing-profiling`. Your bundler might have a setting for aliasing both modules. Learn more at http://fb.me/react-profiling"
+    )
   );
 var fakeCallbackNode = {},
-  immediateQueue = null,
+  requestPaint =
+    void 0 !== Scheduler_requestPaint ? Scheduler_requestPaint : function() {},
+  syncQueue = null,
   immediateQueueCallbackNode = null,
-  isFlushingImmediate = !1,
+  isFlushingSyncQueue = !1,
   initialTimeMs = Scheduler_now(),
   now =
     1e4 > initialTimeMs
@@ -1820,7 +1852,7 @@ function getCurrentPriorityLevel() {
     case Scheduler_IdlePriority:
       return 95;
     default:
-      throw ReactError("Unknown priority level.");
+      throw ReactError(Error("Unknown priority level."));
   }
 }
 function reactPriorityToSchedulerPriority(reactPriorityLevel) {
@@ -1836,7 +1868,7 @@ function reactPriorityToSchedulerPriority(reactPriorityLevel) {
     case 95:
       return Scheduler_IdlePriority;
     default:
-      throw ReactError("Unknown priority level.");
+      throw ReactError(Error("Unknown priority level."));
   }
 }
 function runWithPriority(reactPriorityLevel, fn) {
@@ -1844,46 +1876,47 @@ function runWithPriority(reactPriorityLevel, fn) {
   return Scheduler_runWithPriority(reactPriorityLevel, fn);
 }
 function scheduleCallback(reactPriorityLevel, callback, options) {
-  if (99 === reactPriorityLevel)
-    return (
-      null === immediateQueue
-        ? ((immediateQueue = [callback]),
-          (immediateQueueCallbackNode = Scheduler_scheduleCallback(
-            Scheduler_ImmediatePriority,
-            flushImmediateQueueImpl
-          )))
-        : immediateQueue.push(callback),
-      fakeCallbackNode
-    );
   reactPriorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
   return Scheduler_scheduleCallback(reactPriorityLevel, callback, options);
 }
-function flushImmediateQueue() {
+function scheduleSyncCallback(callback) {
+  null === syncQueue
+    ? ((syncQueue = [callback]),
+      (immediateQueueCallbackNode = Scheduler_scheduleCallback(
+        Scheduler_ImmediatePriority,
+        flushSyncCallbackQueueImpl
+      )))
+    : syncQueue.push(callback);
+  return fakeCallbackNode;
+}
+function flushSyncCallbackQueue() {
   null !== immediateQueueCallbackNode &&
     Scheduler_cancelCallback(immediateQueueCallbackNode);
-  flushImmediateQueueImpl();
+  flushSyncCallbackQueueImpl();
 }
-function flushImmediateQueueImpl() {
-  if (!isFlushingImmediate && null !== immediateQueue) {
-    isFlushingImmediate = !0;
+function flushSyncCallbackQueueImpl() {
+  if (!isFlushingSyncQueue && null !== syncQueue) {
+    isFlushingSyncQueue = !0;
     var i = 0;
     try {
-      for (; i < immediateQueue.length; i++) {
-        var callback = immediateQueue[i];
-        do callback = callback(!0);
-        while (null !== callback);
-      }
-      immediateQueue = null;
+      var queue = syncQueue;
+      runWithPriority(99, function() {
+        for (; i < queue.length; i++) {
+          var callback = queue[i];
+          do callback = callback(!0);
+          while (null !== callback);
+        }
+      });
+      syncQueue = null;
     } catch (error) {
-      throw (null !== immediateQueue &&
-        (immediateQueue = immediateQueue.slice(i + 1)),
+      throw (null !== syncQueue && (syncQueue = syncQueue.slice(i + 1)),
       Scheduler_scheduleCallback(
         Scheduler_ImmediatePriority,
-        flushImmediateQueue
+        flushSyncCallbackQueue
       ),
       error);
     } finally {
-      isFlushingImmediate = !1;
+      isFlushingSyncQueue = !1;
     }
   }
 }
@@ -1891,7 +1924,7 @@ function inferPriorityFromExpirationTime(currentTime, expirationTime) {
   if (1073741823 === expirationTime) return 99;
   if (1 === expirationTime) return 95;
   currentTime =
-    10 * (1073741822 - expirationTime) - 10 * (1073741822 - currentTime);
+    10 * (1073741821 - expirationTime) - 10 * (1073741821 - currentTime);
   return 0 >= currentTime
     ? 99
     : 250 >= currentTime
@@ -1900,196 +1933,6 @@ function inferPriorityFromExpirationTime(currentTime, expirationTime) {
         ? 97
         : 95;
 }
-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.index = 0;
-  this.ref = null;
-  this.pendingProps = pendingProps;
-  this.contextDependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
-  this.mode = mode;
-  this.effectTag = 0;
-  this.lastEffect = this.firstEffect = this.nextEffect = null;
-  this.childExpirationTime = this.expirationTime = 0;
-  this.alternate = null;
-  this.actualDuration = 0;
-  this.actualStartTime = -1;
-  this.treeBaseDuration = this.selfBaseDuration = 0;
-}
-function createFiber(tag, pendingProps, key, mode) {
-  return new FiberNode(tag, pendingProps, key, mode);
-}
-function shouldConstruct(Component) {
-  Component = Component.prototype;
-  return !(!Component || !Component.isReactComponent);
-}
-function resolveLazyComponentTag(Component) {
-  if ("function" === typeof Component)
-    return shouldConstruct(Component) ? 1 : 0;
-  if (void 0 !== Component && null !== Component) {
-    Component = Component.$$typeof;
-    if (Component === REACT_FORWARD_REF_TYPE) return 11;
-    if (Component === REACT_MEMO_TYPE) return 14;
-  }
-  return 2;
-}
-function createWorkInProgress(current, pendingProps) {
-  var workInProgress = current.alternate;
-  null === workInProgress
-    ? ((workInProgress = createFiber(
-        current.tag,
-        pendingProps,
-        current.key,
-        current.mode
-      )),
-      (workInProgress.elementType = current.elementType),
-      (workInProgress.type = current.type),
-      (workInProgress.stateNode = current.stateNode),
-      (workInProgress.alternate = current),
-      (current.alternate = workInProgress))
-    : ((workInProgress.pendingProps = pendingProps),
-      (workInProgress.effectTag = 0),
-      (workInProgress.nextEffect = null),
-      (workInProgress.firstEffect = null),
-      (workInProgress.lastEffect = null),
-      (workInProgress.actualDuration = 0),
-      (workInProgress.actualStartTime = -1));
-  workInProgress.childExpirationTime = current.childExpirationTime;
-  workInProgress.expirationTime = current.expirationTime;
-  workInProgress.child = current.child;
-  workInProgress.memoizedProps = current.memoizedProps;
-  workInProgress.memoizedState = current.memoizedState;
-  workInProgress.updateQueue = current.updateQueue;
-  workInProgress.contextDependencies = current.contextDependencies;
-  workInProgress.sibling = current.sibling;
-  workInProgress.index = current.index;
-  workInProgress.ref = current.ref;
-  workInProgress.selfBaseDuration = current.selfBaseDuration;
-  workInProgress.treeBaseDuration = current.treeBaseDuration;
-  return workInProgress;
-}
-function createFiberFromTypeAndProps(
-  type,
-  key,
-  pendingProps,
-  owner,
-  mode,
-  expirationTime
-) {
-  var fiberTag = 2;
-  owner = type;
-  if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
-  else if ("string" === typeof type) fiberTag = 5;
-  else
-    a: switch (type) {
-      case REACT_FRAGMENT_TYPE:
-        return createFiberFromFragment(
-          pendingProps.children,
-          mode,
-          expirationTime,
-          key
-        );
-      case REACT_CONCURRENT_MODE_TYPE:
-        return createFiberFromMode(pendingProps, mode | 3, expirationTime, key);
-      case REACT_STRICT_MODE_TYPE:
-        return createFiberFromMode(pendingProps, mode | 2, expirationTime, key);
-      case REACT_PROFILER_TYPE:
-        return (
-          (type = createFiber(12, pendingProps, key, mode | 4)),
-          (type.elementType = REACT_PROFILER_TYPE),
-          (type.type = REACT_PROFILER_TYPE),
-          (type.expirationTime = expirationTime),
-          type
-        );
-      case REACT_SUSPENSE_TYPE:
-        return (
-          (type = createFiber(13, pendingProps, key, mode)),
-          (type.elementType = REACT_SUSPENSE_TYPE),
-          (type.type = REACT_SUSPENSE_TYPE),
-          (type.expirationTime = expirationTime),
-          type
-        );
-      default:
-        if ("object" === typeof type && null !== type)
-          switch (type.$$typeof) {
-            case REACT_PROVIDER_TYPE:
-              fiberTag = 10;
-              break a;
-            case REACT_CONTEXT_TYPE:
-              fiberTag = 9;
-              break a;
-            case REACT_FORWARD_REF_TYPE:
-              fiberTag = 11;
-              break a;
-            case REACT_MEMO_TYPE:
-              fiberTag = 14;
-              break a;
-            case REACT_LAZY_TYPE:
-              fiberTag = 16;
-              owner = null;
-              break a;
-          }
-        throw ReactError(
-          "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
-            (null == type ? type : typeof type) +
-            "."
-        );
-    }
-  key = createFiber(fiberTag, pendingProps, key, mode);
-  key.elementType = type;
-  key.type = owner;
-  key.expirationTime = expirationTime;
-  return key;
-}
-function createFiberFromFragment(elements, mode, expirationTime, key) {
-  elements = createFiber(7, elements, key, mode);
-  elements.expirationTime = expirationTime;
-  return elements;
-}
-function createFiberFromMode(pendingProps, mode, expirationTime, key) {
-  pendingProps = createFiber(8, pendingProps, key, mode);
-  mode = 0 === (mode & 1) ? REACT_STRICT_MODE_TYPE : REACT_CONCURRENT_MODE_TYPE;
-  pendingProps.elementType = mode;
-  pendingProps.type = mode;
-  pendingProps.expirationTime = expirationTime;
-  return pendingProps;
-}
-function createFiberFromText(content, mode, expirationTime) {
-  content = createFiber(6, content, null, mode);
-  content.expirationTime = expirationTime;
-  return content;
-}
-function createFiberFromPortal(portal, mode, expirationTime) {
-  mode = createFiber(
-    4,
-    null !== portal.children ? portal.children : [],
-    portal.key,
-    mode
-  );
-  mode.expirationTime = expirationTime;
-  mode.stateNode = {
-    containerInfo: portal.containerInfo,
-    pendingChildren: null,
-    implementation: portal.implementation
-  };
-  return mode;
-}
-function FiberRootNode(containerInfo, hydrate) {
-  this.current = null;
-  this.containerInfo = containerInfo;
-  this.pingCache = this.pendingChildren = null;
-  this.pendingCommitExpirationTime = 0;
-  this.finishedWork = null;
-  this.timeoutHandle = -1;
-  this.pendingContext = this.context = null;
-  this.hydrate = hydrate;
-  this.callbackNode = this.firstBatch = null;
-  this.pingTime = this.lastPendingTime = this.firstPendingTime = this.callbackExpirationTime = 0;
-  this.interactionThreadID = tracing.unstable_getThreadID();
-  this.memoizedInteractions = new Set();
-  this.pendingInteractionMap = new Map();
-}
 function is(x, y) {
   return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
 }
@@ -2163,7 +2006,7 @@ var valueCursor = { current: null },
   currentlyRenderingFiber = null,
   lastContextDependency = null,
   lastContextWithAllBitsObserved = null;
-function resetContextDependences() {
+function resetContextDependencies() {
   lastContextWithAllBitsObserved = lastContextDependency = currentlyRenderingFiber = null;
 }
 function pushProvider(providerFiber, nextValue) {
@@ -2176,14 +2019,32 @@ function popProvider(providerFiber) {
   pop(valueCursor, providerFiber);
   providerFiber.type._context._currentValue = currentValue;
 }
+function scheduleWorkOnParentPath(parent, renderExpirationTime) {
+  for (; null !== parent; ) {
+    var alternate = parent.alternate;
+    if (parent.childExpirationTime < renderExpirationTime)
+      (parent.childExpirationTime = renderExpirationTime),
+        null !== alternate &&
+          alternate.childExpirationTime < renderExpirationTime &&
+          (alternate.childExpirationTime = renderExpirationTime);
+    else if (
+      null !== alternate &&
+      alternate.childExpirationTime < renderExpirationTime
+    )
+      alternate.childExpirationTime = renderExpirationTime;
+    else break;
+    parent = parent.return;
+  }
+}
 function prepareToReadContext(workInProgress, renderExpirationTime) {
   currentlyRenderingFiber = workInProgress;
   lastContextWithAllBitsObserved = lastContextDependency = null;
-  var currentDependencies = workInProgress.contextDependencies;
-  null !== currentDependencies &&
-    currentDependencies.expirationTime >= renderExpirationTime &&
-    (didReceiveUpdate = !0);
-  workInProgress.contextDependencies = null;
+  workInProgress = workInProgress.dependencies;
+  null !== workInProgress &&
+    null !== workInProgress.firstContext &&
+    (workInProgress.expirationTime >= renderExpirationTime &&
+      (didReceiveUpdate = !0),
+    (workInProgress.firstContext = null));
 }
 function readContext(context, observedBits) {
   if (
@@ -2197,12 +2058,15 @@ function readContext(context, observedBits) {
     if (null === lastContextDependency) {
       if (null === currentlyRenderingFiber)
         throw ReactError(
-          "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()."
+          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 = observedBits;
-      currentlyRenderingFiber.contextDependencies = {
-        first: observedBits,
-        expirationTime: 0
+      currentlyRenderingFiber.dependencies = {
+        expirationTime: 0,
+        firstContext: observedBits,
+        responders: null
       };
     } else lastContextDependency = lastContextDependency.next = observedBits;
   }
@@ -2235,9 +2099,10 @@ function cloneUpdateQueue(currentQueue) {
     lastCapturedEffect: null
   };
 }
-function createUpdate(expirationTime) {
+function createUpdate(expirationTime, suspenseConfig) {
   return {
     expirationTime: expirationTime,
+    suspenseConfig: suspenseConfig,
     tag: 0,
     payload: null,
     callback: null,
@@ -2353,8 +2218,10 @@ function processUpdateQueue(
           ((newFirstUpdate = update), (newBaseState = resultState)),
         newExpirationTime < updateExpirationTime &&
           (newExpirationTime = updateExpirationTime))
-      : (updateExpirationTime < workInProgressRootMostRecentEventTime &&
-          (workInProgressRootMostRecentEventTime = updateExpirationTime),
+      : (markRenderEventTimeAndConfig(
+          updateExpirationTime,
+          update.suspenseConfig
+        ),
         (resultState = getStateFromUpdate(
           workInProgress,
           queue,
@@ -2430,15 +2297,18 @@ function commitUpdateEffects(effect, instance) {
       var context = instance;
       if ("function" !== typeof _callback3)
         throw ReactError(
-          "Invalid argument passed as callback. Expected a function. Instead received: " +
-            _callback3
+          Error(
+            "Invalid argument passed as callback. Expected a function. Instead received: " +
+              _callback3
+          )
         );
       _callback3.call(context);
     }
     effect = effect.nextEffect;
   }
 }
-var emptyRefsObject = new React.Component().refs;
+var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+  emptyRefsObject = new React.Component().refs;
 function applyDerivedStateFromProps(
   workInProgress,
   ctor,
@@ -2465,36 +2335,42 @@ var classComponentUpdater = {
   },
   enqueueSetState: function(inst, payload, callback) {
     inst = inst._reactInternalFiber;
-    var currentTime = requestCurrentTime();
-    currentTime = computeExpirationForFiber(currentTime, inst);
-    var update = createUpdate(currentTime);
-    update.payload = payload;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
-    enqueueUpdate(inst, update);
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.payload = payload;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
     scheduleUpdateOnFiber(inst, currentTime);
   },
   enqueueReplaceState: function(inst, payload, callback) {
     inst = inst._reactInternalFiber;
-    var currentTime = requestCurrentTime();
-    currentTime = computeExpirationForFiber(currentTime, inst);
-    var update = createUpdate(currentTime);
-    update.tag = 1;
-    update.payload = payload;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
-    enqueueUpdate(inst, update);
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.tag = 1;
+    suspenseConfig.payload = payload;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
     scheduleUpdateOnFiber(inst, currentTime);
   },
   enqueueForceUpdate: function(inst, callback) {
     inst = inst._reactInternalFiber;
-    var currentTime = requestCurrentTime();
-    currentTime = computeExpirationForFiber(currentTime, inst);
-    var update = createUpdate(currentTime);
-    update.tag = 2;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    flushPassiveEffects();
-    enqueueUpdate(inst, update);
+    var currentTime = requestCurrentTime(),
+      suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(currentTime, inst, suspenseConfig);
+    suspenseConfig = createUpdate(currentTime, suspenseConfig);
+    suspenseConfig.tag = 2;
+    void 0 !== callback &&
+      null !== callback &&
+      (suspenseConfig.callback = callback);
+    enqueueUpdate(inst, suspenseConfig);
     scheduleUpdateOnFiber(inst, currentTime);
   }
 };
@@ -2623,15 +2499,19 @@ function coerceRef(returnFiber, current$$1, element) {
       if (element) {
         if (1 !== element.tag)
           throw ReactError(
-            "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            Error(
+              "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            )
           );
         inst = element.stateNode;
       }
       if (!inst)
         throw ReactError(
-          "Missing owner for string ref " +
-            returnFiber +
-            ". This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "Missing owner for string ref " +
+              returnFiber +
+              ". This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       var stringRef = "" + returnFiber;
       if (
@@ -2651,13 +2531,17 @@ function coerceRef(returnFiber, current$$1, element) {
     }
     if ("string" !== typeof returnFiber)
       throw ReactError(
-        "Expected ref to be a function, a string, an object returned by React.createRef(), or null."
+        Error(
+          "Expected ref to be a function, a string, an object returned by React.createRef(), or null."
+        )
       );
     if (!element._owner)
       throw ReactError(
-        "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://fb.me/react-refs-must-have-owner for more information."
+        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://fb.me/react-refs-must-have-owner for more information."
+        )
       );
   }
   return returnFiber;
@@ -2665,11 +2549,13 @@ function coerceRef(returnFiber, current$$1, element) {
 function throwOnInvalidObjectType(returnFiber, newChild) {
   if ("textarea" !== returnFiber.type)
     throw ReactError(
-      "Objects are not valid as a React child (found: " +
-        ("[object Object]" === Object.prototype.toString.call(newChild)
-          ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
-          : newChild) +
-        ")."
+      Error(
+        "Objects are not valid as a React child (found: " +
+          ("[object Object]" === Object.prototype.toString.call(newChild)
+            ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
+            : newChild) +
+          ")."
+      )
     );
 }
 function ChildReconciler(shouldTrackSideEffects) {
@@ -3072,11 +2958,13 @@ function ChildReconciler(shouldTrackSideEffects) {
     var iteratorFn = getIteratorFn(newChildrenIterable);
     if ("function" !== typeof iteratorFn)
       throw ReactError(
-        "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     newChildrenIterable = iteratorFn.call(newChildrenIterable);
     if (null == newChildrenIterable)
-      throw ReactError("An iterable object provided no iterator.");
+      throw ReactError(Error("An iterable object provided no iterator."));
     for (
       var previousNewFiber = (iteratorFn = null),
         oldFiber = currentFirstChild,
@@ -3311,8 +3199,10 @@ function ChildReconciler(shouldTrackSideEffects) {
         case 0:
           throw ((returnFiber = returnFiber.type),
           ReactError(
-            (returnFiber.displayName || returnFiber.name || "Component") +
-              "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null."
+            Error(
+              (returnFiber.displayName || returnFiber.name || "Component") +
+                "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null."
+            )
           ));
       }
     return deleteRemainingChildren(returnFiber, currentFirstChild);
@@ -3327,7 +3217,9 @@ var reconcileChildFibers = ChildReconciler(!0),
 function requiredContext(c) {
   if (c === NO_CONTEXT)
     throw ReactError(
-      "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+      Error(
+        "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+      )
     );
   return c;
 }
@@ -3365,6 +3257,34 @@ function popHostContext(fiber) {
   contextFiberStackCursor.current === fiber &&
     (pop(contextStackCursor$1, fiber), pop(contextFiberStackCursor, fiber));
 }
+var SubtreeSuspenseContextMask = 1,
+  InvisibleParentSuspenseContext = 1,
+  ForceSuspenseFallback = 2,
+  suspenseStackCursor = { current: 0 };
+function findFirstSuspended(row) {
+  for (var node = row; null !== node; ) {
+    if (13 === node.tag) {
+      if (null !== node.memoizedState) return node;
+    } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) {
+      if (0 !== (node.effectTag & 64)) return node;
+    } else if (null !== node.child) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === row) break;
+    for (; null === node.sibling; ) {
+      if (null === node.return || node.return === row) return null;
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+  return null;
+}
+function createResponderListener(responder, props) {
+  return { responder: responder, props: props };
+}
 var NoEffect$1 = 0,
   UnmountSnapshot = 2,
   UnmountMutation = 4,
@@ -3389,7 +3309,9 @@ var NoEffect$1 = 0,
   numberOfReRenders = 0;
 function throwInvalidHookError() {
   throw ReactError(
-    "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://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
+    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://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
+    )
   );
 }
 function areHookInputsEqual(nextDeps, prevDeps) {
@@ -3439,7 +3361,9 @@ function renderWithHooks(
   sideEffectTag = 0;
   if (current)
     throw ReactError(
-      "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
+      Error(
+        "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
+      )
     );
   return workInProgress;
 }
@@ -3475,7 +3399,9 @@ function updateWorkInProgressHook() {
       (nextCurrentHook = null !== currentHook ? currentHook.next : null);
   else {
     if (null === nextCurrentHook)
-      throw ReactError("Rendered more hooks than during the previous render.");
+      throw ReactError(
+        Error("Rendered more hooks than during the previous render.")
+      );
     currentHook = nextCurrentHook;
     var newHook = {
       memoizedState: currentHook.memoizedState,
@@ -3500,7 +3426,9 @@ function updateReducer(reducer) {
     queue = hook.queue;
   if (null === queue)
     throw ReactError(
-      "Should have a queue. This is likely a bug in React. Please file an issue."
+      Error(
+        "Should have a queue. This is likely a bug in React. Please file an issue."
+      )
     );
   queue.lastRenderedReducer = reducer;
   if (0 < numberOfReRenders) {
@@ -3543,8 +3471,10 @@ function updateReducer(reducer) {
             (firstRenderPhaseUpdate = newState)),
           updateExpirationTime > remainingExpirationTime &&
             (remainingExpirationTime = updateExpirationTime))
-        : (updateExpirationTime < workInProgressRootMostRecentEventTime &&
-            (workInProgressRootMostRecentEventTime = updateExpirationTime),
+        : (markRenderEventTimeAndConfig(
+            updateExpirationTime,
+            _update.suspenseConfig
+          ),
           (newState =
             _update.eagerReducer === reducer
               ? _update.eagerState
@@ -3623,7 +3553,9 @@ function mountDebugValue() {}
 function dispatchAction(fiber, queue, action) {
   if (!(25 > numberOfReRenders))
     throw ReactError(
-      "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+      Error(
+        "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+      )
     );
   var alternate = fiber.alternate;
   if (
@@ -3634,6 +3566,7 @@ function dispatchAction(fiber, queue, action) {
       ((didScheduleRenderPhaseUpdate = !0),
       (fiber = {
         expirationTime: renderExpirationTime$1,
+        suspenseConfig: null,
         action: action,
         eagerReducer: null,
         eagerState: null,
@@ -3649,24 +3582,29 @@ function dispatchAction(fiber, queue, action) {
       queue.next = fiber;
     }
   else {
-    flushPassiveEffects();
-    var currentTime = requestCurrentTime();
-    currentTime = computeExpirationForFiber(currentTime, fiber);
-    var _update2 = {
-        expirationTime: currentTime,
-        action: action,
-        eagerReducer: null,
-        eagerState: null,
-        next: null
-      },
-      _last = queue.last;
-    if (null === _last) _update2.next = _update2;
+    var currentTime = requestCurrentTime(),
+      _suspenseConfig = ReactCurrentBatchConfig.suspense;
+    currentTime = computeExpirationForFiber(
+      currentTime,
+      fiber,
+      _suspenseConfig
+    );
+    _suspenseConfig = {
+      expirationTime: currentTime,
+      suspenseConfig: _suspenseConfig,
+      action: action,
+      eagerReducer: null,
+      eagerState: null,
+      next: null
+    };
+    var _last = queue.last;
+    if (null === _last) _suspenseConfig.next = _suspenseConfig;
     else {
       var first = _last.next;
-      null !== first && (_update2.next = first);
-      _last.next = _update2;
+      null !== first && (_suspenseConfig.next = first);
+      _last.next = _suspenseConfig;
     }
-    queue.last = _update2;
+    queue.last = _suspenseConfig;
     if (
       0 === fiber.expirationTime &&
       (null === alternate || 0 === alternate.expirationTime) &&
@@ -3675,8 +3613,8 @@ function dispatchAction(fiber, queue, action) {
       try {
         var currentState = queue.lastRenderedState,
           _eagerState = alternate(currentState, action);
-        _update2.eagerReducer = alternate;
-        _update2.eagerState = _eagerState;
+        _suspenseConfig.eagerReducer = alternate;
+        _suspenseConfig.eagerState = _eagerState;
         if (is(_eagerState, currentState)) return;
       } catch (error) {
       } finally {
@@ -3695,7 +3633,8 @@ var ContextOnlyDispatcher = {
     useReducer: throwInvalidHookError,
     useRef: throwInvalidHookError,
     useState: throwInvalidHookError,
-    useDebugValue: throwInvalidHookError
+    useDebugValue: throwInvalidHookError,
+    useResponder: throwInvalidHookError
   },
   HooksDispatcherOnMount = {
     readContext: readContext,
@@ -3768,7 +3707,8 @@ var ContextOnlyDispatcher = {
       );
       return [hook.memoizedState, initialState];
     },
-    useDebugValue: mountDebugValue
+    useDebugValue: mountDebugValue,
+    useResponder: createResponderListener
   },
   HooksDispatcherOnUpdate = {
     readContext: readContext,
@@ -3822,7 +3762,8 @@ var ContextOnlyDispatcher = {
     useState: function(initialState) {
       return updateReducer(basicStateReducer, initialState);
     },
-    useDebugValue: mountDebugValue
+    useDebugValue: mountDebugValue,
+    useResponder: createResponderListener
   },
   now$1 = Scheduler.unstable_now,
   commitTime = 0,
@@ -4052,17 +3993,17 @@ function updateFunctionComponent(
   nextProps,
   renderExpirationTime
 ) {
-  var unmaskedContext = isContextProvider(Component)
+  var context = isContextProvider(Component)
     ? previousContext
     : contextStackCursor.current;
-  unmaskedContext = getMaskedContext(workInProgress, unmaskedContext);
+  context = getMaskedContext(workInProgress, context);
   prepareToReadContext(workInProgress, renderExpirationTime);
   Component = renderWithHooks(
     current$$1,
     workInProgress,
     Component,
     nextProps,
-    unmaskedContext,
+    context,
     renderExpirationTime
   );
   if (null !== current$$1 && !didReceiveUpdate)
@@ -4378,6 +4319,7 @@ function pushHostRootContext(workInProgress) {
       pushTopLevelContextObject(workInProgress, root.context, !1);
   pushHostContainer(workInProgress, root.containerInfo);
 }
+var SUSPENDED_MARKER = {};
 function updateSuspenseComponent(
   current$$1,
   workInProgress,
@@ -4385,35 +4327,50 @@ function updateSuspenseComponent(
 ) {
   var mode = workInProgress.mode,
     nextProps = workInProgress.pendingProps,
-    nextState = workInProgress.memoizedState;
-  if (0 === (workInProgress.effectTag & 64)) {
-    nextState = null;
-    var nextDidTimeout = !1;
-  } else
-    (nextState = {
-      fallbackExpirationTime:
-        null !== nextState ? nextState.fallbackExpirationTime : 0
-    }),
+    suspenseContext = suspenseStackCursor.current,
+    nextState = null,
+    nextDidTimeout = !1,
+    JSCompiler_temp;
+  (JSCompiler_temp = 0 !== (workInProgress.effectTag & 64)) ||
+    (JSCompiler_temp =
+      0 !== (suspenseContext & ForceSuspenseFallback) &&
+      (null === current$$1 || null !== current$$1.memoizedState));
+  JSCompiler_temp
+    ? ((nextState = SUSPENDED_MARKER),
       (nextDidTimeout = !0),
-      (workInProgress.effectTag &= -65);
+      (workInProgress.effectTag &= -65))
+    : (null !== current$$1 && null === current$$1.memoizedState) ||
+      void 0 === nextProps.fallback ||
+      !0 === nextProps.unstable_avoidThisFallback ||
+      (suspenseContext |= InvisibleParentSuspenseContext);
+  suspenseContext &= SubtreeSuspenseContextMask;
+  push(suspenseStackCursor, suspenseContext, workInProgress);
   if (null === current$$1)
     if (nextDidTimeout) {
-      var nextFallbackChildren = nextProps.fallback;
+      nextProps = nextProps.fallback;
       current$$1 = createFiberFromFragment(null, mode, 0, null);
-      0 === (workInProgress.mode & 1) &&
-        (current$$1.child =
-          null !== workInProgress.memoizedState
-            ? workInProgress.child.child
-            : workInProgress.child);
+      current$$1.return = workInProgress;
+      if (0 === (workInProgress.mode & 2))
+        for (
+          nextDidTimeout =
+            null !== workInProgress.memoizedState
+              ? workInProgress.child.child
+              : workInProgress.child,
+            current$$1.child = nextDidTimeout;
+          null !== nextDidTimeout;
+
+        )
+          (nextDidTimeout.return = current$$1),
+            (nextDidTimeout = nextDidTimeout.sibling);
       renderExpirationTime = createFiberFromFragment(
-        nextFallbackChildren,
+        nextProps,
         mode,
         renderExpirationTime,
         null
       );
+      renderExpirationTime.return = workInProgress;
       current$$1.sibling = renderExpirationTime;
       mode = current$$1;
-      mode.return = renderExpirationTime.return = workInProgress;
     } else
       mode = renderExpirationTime = mountChildFibers(
         workInProgress,
@@ -4424,95 +4381,235 @@ function updateSuspenseComponent(
   else {
     if (null !== current$$1.memoizedState)
       if (
-        ((nextFallbackChildren = current$$1.child),
-        (mode = nextFallbackChildren.sibling),
+        ((suspenseContext = current$$1.child),
+        (mode = suspenseContext.sibling),
         nextDidTimeout)
       ) {
         nextProps = nextProps.fallback;
         renderExpirationTime = createWorkInProgress(
-          nextFallbackChildren,
-          nextFallbackChildren.pendingProps,
+          suspenseContext,
+          suspenseContext.pendingProps,
           0
         );
-        0 === (workInProgress.mode & 1) &&
+        renderExpirationTime.return = workInProgress;
+        if (
+          0 === (workInProgress.mode & 2) &&
           ((nextDidTimeout =
             null !== workInProgress.memoizedState
               ? workInProgress.child.child
               : workInProgress.child),
-          nextDidTimeout !== nextFallbackChildren.child &&
-            (renderExpirationTime.child = nextDidTimeout));
-        if (workInProgress.mode & 4) {
-          nextFallbackChildren = 0;
+          nextDidTimeout !== suspenseContext.child)
+        )
           for (
-            nextDidTimeout = renderExpirationTime.child;
+            renderExpirationTime.child = nextDidTimeout;
             null !== nextDidTimeout;
 
           )
-            (nextFallbackChildren += nextDidTimeout.treeBaseDuration),
+            (nextDidTimeout.return = renderExpirationTime),
               (nextDidTimeout = nextDidTimeout.sibling);
-          renderExpirationTime.treeBaseDuration = nextFallbackChildren;
+        if (workInProgress.mode & 8) {
+          nextDidTimeout = 0;
+          for (
+            suspenseContext = renderExpirationTime.child;
+            null !== suspenseContext;
+
+          )
+            (nextDidTimeout += suspenseContext.treeBaseDuration),
+              (suspenseContext = suspenseContext.sibling);
+          renderExpirationTime.treeBaseDuration = nextDidTimeout;
         }
-        nextFallbackChildren = renderExpirationTime.sibling = createWorkInProgress(
-          mode,
-          nextProps,
-          mode.expirationTime
-        );
+        nextProps = createWorkInProgress(mode, nextProps, mode.expirationTime);
+        nextProps.return = workInProgress;
+        renderExpirationTime.sibling = nextProps;
         mode = renderExpirationTime;
         renderExpirationTime.childExpirationTime = 0;
-        renderExpirationTime = nextFallbackChildren;
-        mode.return = renderExpirationTime.return = workInProgress;
+        renderExpirationTime = nextProps;
       } else
         mode = renderExpirationTime = reconcileChildFibers(
           workInProgress,
-          nextFallbackChildren.child,
+          suspenseContext.child,
           nextProps.children,
           renderExpirationTime
         );
-    else {
-      var _currentPrimaryChild = current$$1.child;
-      if (nextDidTimeout) {
-        nextProps = nextProps.fallback;
-        nextFallbackChildren = createFiberFromFragment(null, mode, 0, null);
-        nextFallbackChildren.child = _currentPrimaryChild;
-        0 === (workInProgress.mode & 1) &&
-          (nextFallbackChildren.child =
+    else if (((suspenseContext = current$$1.child), nextDidTimeout)) {
+      nextDidTimeout = nextProps.fallback;
+      nextProps = createFiberFromFragment(null, mode, 0, null);
+      nextProps.return = workInProgress;
+      nextProps.child = suspenseContext;
+      null !== suspenseContext && (suspenseContext.return = nextProps);
+      if (0 === (workInProgress.mode & 2))
+        for (
+          suspenseContext =
             null !== workInProgress.memoizedState
               ? workInProgress.child.child
-              : workInProgress.child);
-        if (workInProgress.mode & 4) {
-          nextDidTimeout = 0;
-          for (
-            _currentPrimaryChild = nextFallbackChildren.child;
-            null !== _currentPrimaryChild;
+              : workInProgress.child,
+            nextProps.child = suspenseContext;
+          null !== suspenseContext;
 
+        )
+          (suspenseContext.return = nextProps),
+            (suspenseContext = suspenseContext.sibling);
+      if (workInProgress.mode & 8) {
+        suspenseContext = 0;
+        for (JSCompiler_temp = nextProps.child; null !== JSCompiler_temp; )
+          (suspenseContext += JSCompiler_temp.treeBaseDuration),
+            (JSCompiler_temp = JSCompiler_temp.sibling);
+        nextProps.treeBaseDuration = suspenseContext;
+      }
+      renderExpirationTime = createFiberFromFragment(
+        nextDidTimeout,
+        mode,
+        renderExpirationTime,
+        null
+      );
+      renderExpirationTime.return = workInProgress;
+      nextProps.sibling = renderExpirationTime;
+      renderExpirationTime.effectTag |= 2;
+      mode = nextProps;
+      nextProps.childExpirationTime = 0;
+    } else
+      renderExpirationTime = mode = reconcileChildFibers(
+        workInProgress,
+        suspenseContext,
+        nextProps.children,
+        renderExpirationTime
+      );
+    workInProgress.stateNode = current$$1.stateNode;
+  }
+  workInProgress.memoizedState = nextState;
+  workInProgress.child = mode;
+  return renderExpirationTime;
+}
+function initSuspenseListRenderState(
+  workInProgress,
+  isBackwards,
+  tail,
+  lastContentRow,
+  tailMode
+) {
+  var renderState = workInProgress.memoizedState;
+  null === renderState
+    ? (workInProgress.memoizedState = {
+        isBackwards: isBackwards,
+        rendering: null,
+        last: lastContentRow,
+        tail: tail,
+        tailExpiration: 0,
+        tailMode: tailMode
+      })
+    : ((renderState.isBackwards = isBackwards),
+      (renderState.rendering = null),
+      (renderState.last = lastContentRow),
+      (renderState.tail = tail),
+      (renderState.tailExpiration = 0),
+      (renderState.tailMode = tailMode));
+}
+function updateSuspenseListComponent(
+  current$$1,
+  workInProgress,
+  renderExpirationTime
+) {
+  var nextProps = workInProgress.pendingProps,
+    revealOrder = nextProps.revealOrder,
+    tailMode = nextProps.tail;
+  reconcileChildren(
+    current$$1,
+    workInProgress,
+    nextProps.children,
+    renderExpirationTime
+  );
+  nextProps = suspenseStackCursor.current;
+  if (0 !== (nextProps & ForceSuspenseFallback))
+    (nextProps =
+      (nextProps & SubtreeSuspenseContextMask) | ForceSuspenseFallback),
+      (workInProgress.effectTag |= 64);
+  else {
+    if (null !== current$$1 && 0 !== (current$$1.effectTag & 64))
+      a: for (current$$1 = workInProgress.child; null !== current$$1; ) {
+        if (13 === current$$1.tag) {
+          if (null !== current$$1.memoizedState) {
+            current$$1.expirationTime < renderExpirationTime &&
+              (current$$1.expirationTime = renderExpirationTime);
+            var alternate = current$$1.alternate;
+            null !== alternate &&
+              alternate.expirationTime < renderExpirationTime &&
+              (alternate.expirationTime = renderExpirationTime);
+            scheduleWorkOnParentPath(current$$1.return, renderExpirationTime);
+          }
+        } else if (null !== current$$1.child) {
+          current$$1.child.return = current$$1;
+          current$$1 = current$$1.child;
+          continue;
+        }
+        if (current$$1 === workInProgress) break a;
+        for (; null === current$$1.sibling; ) {
+          if (
+            null === current$$1.return ||
+            current$$1.return === workInProgress
           )
-            (nextDidTimeout += _currentPrimaryChild.treeBaseDuration),
-              (_currentPrimaryChild = _currentPrimaryChild.sibling);
-          nextFallbackChildren.treeBaseDuration = nextDidTimeout;
+            break a;
+          current$$1 = current$$1.return;
         }
-        renderExpirationTime = nextFallbackChildren.sibling = createFiberFromFragment(
-          nextProps,
-          mode,
+        current$$1.sibling.return = current$$1.return;
+        current$$1 = current$$1.sibling;
+      }
+    nextProps &= SubtreeSuspenseContextMask;
+  }
+  push(suspenseStackCursor, nextProps, workInProgress);
+  if (0 === (workInProgress.mode & 2)) workInProgress.memoizedState = null;
+  else
+    switch (revealOrder) {
+      case "forwards":
+        renderExpirationTime = workInProgress.child;
+        for (revealOrder = null; null !== renderExpirationTime; )
+          (nextProps = renderExpirationTime.alternate),
+            null !== nextProps &&
+              null === findFirstSuspended(nextProps) &&
+              (revealOrder = renderExpirationTime),
+            (renderExpirationTime = renderExpirationTime.sibling);
+        renderExpirationTime = revealOrder;
+        null === renderExpirationTime
+          ? ((revealOrder = workInProgress.child),
+            (workInProgress.child = null))
+          : ((revealOrder = renderExpirationTime.sibling),
+            (renderExpirationTime.sibling = null));
+        initSuspenseListRenderState(
+          workInProgress,
+          !1,
+          revealOrder,
           renderExpirationTime,
-          null
+          tailMode
         );
-        renderExpirationTime.effectTag |= 2;
-        mode = nextFallbackChildren;
-        nextFallbackChildren.childExpirationTime = 0;
-        mode.return = renderExpirationTime.return = workInProgress;
-      } else
-        renderExpirationTime = mode = reconcileChildFibers(
+        break;
+      case "backwards":
+        renderExpirationTime = null;
+        revealOrder = workInProgress.child;
+        for (workInProgress.child = null; null !== revealOrder; ) {
+          nextProps = revealOrder.alternate;
+          if (null !== nextProps && null === findFirstSuspended(nextProps)) {
+            workInProgress.child = revealOrder;
+            break;
+          }
+          nextProps = revealOrder.sibling;
+          revealOrder.sibling = renderExpirationTime;
+          renderExpirationTime = revealOrder;
+          revealOrder = nextProps;
+        }
+        initSuspenseListRenderState(
           workInProgress,
-          _currentPrimaryChild,
-          nextProps.children,
-          renderExpirationTime
+          !0,
+          renderExpirationTime,
+          null,
+          tailMode
         );
+        break;
+      case "together":
+        initSuspenseListRenderState(workInProgress, !1, null, null, void 0);
+        break;
+      default:
+        workInProgress.memoizedState = null;
     }
-    workInProgress.stateNode = current$$1.stateNode;
-  }
-  workInProgress.memoizedState = nextState;
-  workInProgress.child = mode;
-  return renderExpirationTime;
+  return workInProgress.child;
 }
 function bailoutOnAlreadyFinishedWork(
   current$$1,
@@ -4520,11 +4617,11 @@ function bailoutOnAlreadyFinishedWork(
   renderExpirationTime
 ) {
   null !== current$$1 &&
-    (workInProgress.contextDependencies = current$$1.contextDependencies);
+    (workInProgress.dependencies = current$$1.dependencies);
   profilerStartTime = -1;
   if (workInProgress.childExpirationTime < renderExpirationTime) return null;
   if (null !== current$$1 && workInProgress.child !== current$$1.child)
-    throw ReactError("Resuming work not yet implemented.");
+    throw ReactError(Error("Resuming work not yet implemented."));
   if (null !== workInProgress.child) {
     current$$1 = workInProgress.child;
     renderExpirationTime = createWorkInProgress(
@@ -4580,6 +4677,30 @@ updateHostComponent$1 = function(current, workInProgress, type, newProps) {
 updateHostText$1 = function(current, workInProgress, oldText, newText) {
   oldText !== newText && (workInProgress.effectTag |= 4);
 };
+function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
+  switch (renderState.tailMode) {
+    case "hidden":
+      hasRenderedATailFallback = renderState.tail;
+      for (var lastTailNode = null; null !== hasRenderedATailFallback; )
+        null !== hasRenderedATailFallback.alternate &&
+          (lastTailNode = hasRenderedATailFallback),
+          (hasRenderedATailFallback = hasRenderedATailFallback.sibling);
+      null === lastTailNode
+        ? (renderState.tail = null)
+        : (lastTailNode.sibling = null);
+      break;
+    case "collapsed":
+      lastTailNode = renderState.tail;
+      for (var _lastTailNode = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (_lastTailNode = lastTailNode),
+          (lastTailNode = lastTailNode.sibling);
+      null === _lastTailNode
+        ? hasRenderedATailFallback || null === renderState.tail
+          ? (renderState.tail = null)
+          : (renderState.tail.sibling = null)
+        : (_lastTailNode.sibling = null);
+  }
+}
 function completeWork(current, workInProgress, renderExpirationTime) {
   var newProps = workInProgress.pendingProps;
   switch (workInProgress.tag) {
@@ -4606,50 +4727,54 @@ function completeWork(current, workInProgress, renderExpirationTime) {
       break;
     case 5:
       popHostContext(workInProgress);
-      renderExpirationTime = requiredContext(rootInstanceStackCursor.current);
-      var type = workInProgress.type;
+      var rootContainerInstance = requiredContext(
+        rootInstanceStackCursor.current
+      );
+      renderExpirationTime = workInProgress.type;
       if (null !== current && null != workInProgress.stateNode)
         updateHostComponent$1(
           current,
           workInProgress,
-          type,
+          renderExpirationTime,
           newProps,
-          renderExpirationTime
+          rootContainerInstance
         ),
           current.ref !== workInProgress.ref &&
             (workInProgress.effectTag |= 128);
       else if (newProps) {
         current = requiredContext(contextStackCursor$1.current);
         var tag = allocateTag(),
-          viewConfig = ReactNativeViewConfigRegistry.get(type),
+          viewConfig = getViewConfigForType(renderExpirationTime),
           updatePayload = diffProperties(
             null,
             emptyObject,
             newProps,
             viewConfig.validAttributes
           );
-        UIManager.createView(
+        ReactNativePrivateInterface.UIManager.createView(
           tag,
           viewConfig.uiViewClassName,
-          renderExpirationTime,
+          rootContainerInstance,
           updatePayload
         );
         viewConfig = new ReactNativeFiberHostComponent(tag, viewConfig);
-        instanceCache[tag] = workInProgress;
-        instanceProps[tag] = newProps;
+        instanceCache.set(tag, workInProgress);
+        instanceProps.set(tag, newProps);
         appendAllChildren(viewConfig, workInProgress, !1, !1);
         finalizeInitialChildren(
           viewConfig,
-          type,
-          newProps,
           renderExpirationTime,
+          newProps,
+          rootContainerInstance,
           current
         ) && (workInProgress.effectTag |= 4);
         workInProgress.stateNode = viewConfig;
         null !== workInProgress.ref && (workInProgress.effectTag |= 128);
       } else if (null === workInProgress.stateNode)
         throw ReactError(
-          "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       break;
     case 6:
@@ -4663,54 +4788,65 @@ function completeWork(current, workInProgress, renderExpirationTime) {
       else {
         if ("string" !== typeof newProps && null === workInProgress.stateNode)
           throw ReactError(
-            "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+            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)
           throw ReactError(
-            "Text strings must be rendered within a <Text> component."
+            Error("Text strings must be rendered within a <Text> component.")
           );
-        renderExpirationTime = allocateTag();
-        UIManager.createView(renderExpirationTime, "RCTRawText", current, {
-          text: newProps
-        });
-        instanceCache[renderExpirationTime] = workInProgress;
-        workInProgress.stateNode = renderExpirationTime;
+        rootContainerInstance = allocateTag();
+        ReactNativePrivateInterface.UIManager.createView(
+          rootContainerInstance,
+          "RCTRawText",
+          current,
+          { text: newProps }
+        );
+        instanceCache.set(rootContainerInstance, workInProgress);
+        workInProgress.stateNode = rootContainerInstance;
       }
       break;
     case 11:
       break;
     case 13:
+      pop(suspenseStackCursor, workInProgress);
       newProps = workInProgress.memoizedState;
       if (0 !== (workInProgress.effectTag & 64))
         return (
           (workInProgress.expirationTime = renderExpirationTime), workInProgress
         );
       newProps = null !== newProps;
-      renderExpirationTime = !1;
+      rootContainerInstance = !1;
       null !== current &&
-        ((type = current.memoizedState),
-        (renderExpirationTime = null !== type),
+        ((renderExpirationTime = current.memoizedState),
+        (rootContainerInstance = null !== renderExpirationTime),
         newProps ||
-          null === type ||
-          ((type = type.fallbackExpirationTime),
-          type < workInProgressRootMostRecentEventTime &&
-            (workInProgressRootMostRecentEventTime = type),
-          (current = current.child.sibling),
-          null !== current &&
-            ((type = workInProgress.firstEffect),
-            null !== type
-              ? ((workInProgress.firstEffect = current),
-                (current.nextEffect = type))
-              : ((workInProgress.firstEffect = workInProgress.lastEffect = current),
-                (current.nextEffect = null)),
-            (current.effectTag = 8))));
-      newProps &&
-        !renderExpirationTime &&
-        0 !== (workInProgress.mode & 1) &&
-        workInProgressRootExitStatus === RootIncomplete &&
-        (workInProgressRootExitStatus = RootSuspended);
-      if (newProps || renderExpirationTime) workInProgress.effectTag |= 4;
+          null === renderExpirationTime ||
+          ((renderExpirationTime = current.child.sibling),
+          null !== renderExpirationTime &&
+            ((tag = workInProgress.firstEffect),
+            null !== tag
+              ? ((workInProgress.firstEffect = renderExpirationTime),
+                (renderExpirationTime.nextEffect = tag))
+              : ((workInProgress.firstEffect = workInProgress.lastEffect = renderExpirationTime),
+                (renderExpirationTime.nextEffect = null)),
+            (renderExpirationTime.effectTag = 8))));
+      if (newProps && !rootContainerInstance && 0 !== (workInProgress.mode & 2))
+        if (
+          (null === current &&
+            !0 !== workInProgress.memoizedProps.unstable_avoidThisFallback) ||
+          0 !== (suspenseStackCursor.current & InvisibleParentSuspenseContext)
+        )
+          workInProgressRootExitStatus === RootIncomplete &&
+            (workInProgressRootExitStatus = RootSuspended);
+        else if (
+          workInProgressRootExitStatus === RootIncomplete ||
+          workInProgressRootExitStatus === RootSuspended
+        )
+          workInProgressRootExitStatus = RootSuspendedWithDelay;
+      if (newProps || rootContainerInstance) workInProgress.effectTag |= 4;
       break;
     case 7:
       break;
@@ -4735,16 +4871,192 @@ function completeWork(current, workInProgress, renderExpirationTime) {
     case 18:
       break;
     case 19:
+      pop(suspenseStackCursor, workInProgress);
+      newProps = workInProgress.memoizedState;
+      if (null === newProps) break;
+      rootContainerInstance = 0 !== (workInProgress.effectTag & 64);
+      tag = newProps.rendering;
+      if (null === tag)
+        if (rootContainerInstance) cutOffTailIfNeeded(newProps, !1);
+        else {
+          if (
+            workInProgressRootExitStatus !== RootIncomplete ||
+            (null !== current && 0 !== (current.effectTag & 64))
+          )
+            for (current = workInProgress.child; null !== current; ) {
+              tag = findFirstSuspended(current);
+              if (null !== tag) {
+                workInProgress.effectTag |= 64;
+                cutOffTailIfNeeded(newProps, !1);
+                current = tag.updateQueue;
+                null !== current &&
+                  ((workInProgress.updateQueue = current),
+                  (workInProgress.effectTag |= 4));
+                workInProgress.firstEffect = workInProgress.lastEffect = null;
+                current = renderExpirationTime;
+                for (newProps = workInProgress.child; null !== newProps; )
+                  (rootContainerInstance = newProps),
+                    (tag = current),
+                    (rootContainerInstance.effectTag &= 2),
+                    (rootContainerInstance.nextEffect = null),
+                    (rootContainerInstance.firstEffect = null),
+                    (rootContainerInstance.lastEffect = null),
+                    (renderExpirationTime = rootContainerInstance.alternate),
+                    null === renderExpirationTime
+                      ? ((rootContainerInstance.childExpirationTime = 0),
+                        (rootContainerInstance.expirationTime = tag),
+                        (rootContainerInstance.child = null),
+                        (rootContainerInstance.memoizedProps = null),
+                        (rootContainerInstance.memoizedState = null),
+                        (rootContainerInstance.updateQueue = null),
+                        (rootContainerInstance.dependencies = null),
+                        (rootContainerInstance.selfBaseDuration = 0),
+                        (rootContainerInstance.treeBaseDuration = 0))
+                      : ((rootContainerInstance.childExpirationTime =
+                          renderExpirationTime.childExpirationTime),
+                        (rootContainerInstance.expirationTime =
+                          renderExpirationTime.expirationTime),
+                        (rootContainerInstance.child =
+                          renderExpirationTime.child),
+                        (rootContainerInstance.memoizedProps =
+                          renderExpirationTime.memoizedProps),
+                        (rootContainerInstance.memoizedState =
+                          renderExpirationTime.memoizedState),
+                        (rootContainerInstance.updateQueue =
+                          renderExpirationTime.updateQueue),
+                        (tag = renderExpirationTime.dependencies),
+                        (rootContainerInstance.dependencies =
+                          null === tag
+                            ? null
+                            : {
+                                expirationTime: tag.expirationTime,
+                                firstContext: tag.firstContext,
+                                responders: tag.responders
+                              }),
+                        (rootContainerInstance.selfBaseDuration =
+                          renderExpirationTime.selfBaseDuration),
+                        (rootContainerInstance.treeBaseDuration =
+                          renderExpirationTime.treeBaseDuration)),
+                    (newProps = newProps.sibling);
+                push(
+                  suspenseStackCursor,
+                  (suspenseStackCursor.current & SubtreeSuspenseContextMask) |
+                    ForceSuspenseFallback,
+                  workInProgress
+                );
+                return workInProgress.child;
+              }
+              current = current.sibling;
+            }
+        }
+      else {
+        if (!rootContainerInstance)
+          if (((current = findFirstSuspended(tag)), null !== current)) {
+            if (
+              ((workInProgress.effectTag |= 64),
+              (rootContainerInstance = !0),
+              cutOffTailIfNeeded(newProps, !0),
+              null === newProps.tail && "hidden" === newProps.tailMode)
+            ) {
+              current = current.updateQueue;
+              null !== current &&
+                ((workInProgress.updateQueue = current),
+                (workInProgress.effectTag |= 4));
+              workInProgress = workInProgress.lastEffect = newProps.lastEffect;
+              null !== workInProgress && (workInProgress.nextEffect = null);
+              break;
+            }
+          } else
+            now() > newProps.tailExpiration &&
+              1 < renderExpirationTime &&
+              ((workInProgress.effectTag |= 64),
+              (rootContainerInstance = !0),
+              cutOffTailIfNeeded(newProps, !1),
+              (current = renderExpirationTime - 1),
+              (workInProgress.expirationTime = workInProgress.childExpirationTime = current),
+              null === spawnedWorkDuringRender
+                ? (spawnedWorkDuringRender = [current])
+                : spawnedWorkDuringRender.push(current));
+        newProps.isBackwards
+          ? ((tag.sibling = workInProgress.child), (workInProgress.child = tag))
+          : ((current = newProps.last),
+            null !== current
+              ? (current.sibling = tag)
+              : (workInProgress.child = tag),
+            (newProps.last = tag));
+      }
+      if (null !== newProps.tail)
+        return (
+          0 === newProps.tailExpiration &&
+            (newProps.tailExpiration = now() + 500),
+          (current = newProps.tail),
+          (newProps.rendering = current),
+          (newProps.tail = current.sibling),
+          (newProps.lastEffect = workInProgress.lastEffect),
+          (current.sibling = null),
+          (newProps = suspenseStackCursor.current),
+          (newProps = rootContainerInstance
+            ? (newProps & SubtreeSuspenseContextMask) | ForceSuspenseFallback
+            : newProps & SubtreeSuspenseContextMask),
+          push(suspenseStackCursor, newProps, workInProgress),
+          current
+        );
       break;
     case 20:
       break;
     default:
       throw ReactError(
-        "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
   }
   return null;
 }
+function unwindWork(workInProgress) {
+  switch (workInProgress.tag) {
+    case 1:
+      isContextProvider(workInProgress.type) && popContext(workInProgress);
+      var effectTag = workInProgress.effectTag;
+      return effectTag & 2048
+        ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
+          workInProgress)
+        : null;
+    case 3:
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      effectTag = workInProgress.effectTag;
+      if (0 !== (effectTag & 64))
+        throw ReactError(
+          Error(
+            "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
+          )
+        );
+      workInProgress.effectTag = (effectTag & -2049) | 64;
+      return workInProgress;
+    case 5:
+      return popHostContext(workInProgress), null;
+    case 13:
+      return (
+        pop(suspenseStackCursor, workInProgress),
+        (effectTag = workInProgress.effectTag),
+        effectTag & 2048
+          ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
+            workInProgress)
+          : null
+      );
+    case 18:
+      return null;
+    case 19:
+      return pop(suspenseStackCursor, workInProgress), null;
+    case 4:
+      return popHostContainer(workInProgress), null;
+    case 10:
+      return popProvider(workInProgress), null;
+    default:
+      return null;
+  }
+}
 function createCapturedValue(value, source) {
   return {
     value: value,
@@ -4752,24 +5064,18 @@ function createCapturedValue(value, source) {
     stack: getStackByFiberInDevAndProd(source)
   };
 }
+if (
+  "function" !==
+  typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog
+)
+  throw ReactError(
+    Error("Expected ReactFiberErrorDialog.showErrorDialog to be a function.")
+  );
 function logCapturedError(capturedError) {
-  var componentStack = capturedError.componentStack,
-    error = capturedError.error;
-  if (error instanceof Error) {
-    capturedError = error.message;
-    var name = error.name;
-    try {
-      error.message =
-        (capturedError ? name + ": " + capturedError : name) +
-        "\n\nThis error is located at:" +
-        componentStack;
-    } catch (e) {}
-  } else
-    error =
-      "string" === typeof error
-        ? Error(error + "\n\nThis error is located at:" + componentStack)
-        : Error("Unspecified error at:" + componentStack);
-  ExceptionsManager.handleException(error, !1);
+  !1 !==
+    ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog(
+      capturedError
+    ) && console.error(capturedError.error);
 }
 var PossiblyWeakSet$1 = "function" === typeof WeakSet ? WeakSet : Set;
 function logError(boundary, errorInfo) {
@@ -4801,6 +5107,15 @@ function logError(boundary, errorInfo) {
     });
   }
 }
+function safelyCallComponentWillUnmount(current$$1, instance) {
+  try {
+    (instance.props = current$$1.memoizedProps),
+      (instance.state = current$$1.memoizedState),
+      instance.componentWillUnmount();
+  } catch (unmountError) {
+    captureCommitPhaseError(current$$1, unmountError);
+  }
+}
 function safelyDetachRef(current$$1) {
   var ref = current$$1.ref;
   if (null !== ref)
@@ -4829,65 +5144,7 @@ function commitHookEffectList(unmountTag, mountTag, finishedWork) {
     } while (effect !== finishedWork);
   }
 }
-function hideOrUnhideAllChildren(finishedWork, isHidden) {
-  for (var node = finishedWork; ; ) {
-    if (5 === node.tag) {
-      var instance = node.stateNode;
-      if (isHidden) {
-        var viewConfig = instance.viewConfig;
-        var updatePayload = diffProperties(
-          null,
-          emptyObject,
-          { style: { display: "none" } },
-          viewConfig.validAttributes
-        );
-        UIManager.updateView(
-          instance._nativeTag,
-          viewConfig.uiViewClassName,
-          updatePayload
-        );
-      } else {
-        instance = node.stateNode;
-        updatePayload = node.memoizedProps;
-        viewConfig = instance.viewConfig;
-        var prevProps = Object.assign({}, updatePayload, {
-          style: [updatePayload.style, { display: "none" }]
-        });
-        updatePayload = diffProperties(
-          null,
-          prevProps,
-          updatePayload,
-          viewConfig.validAttributes
-        );
-        UIManager.updateView(
-          instance._nativeTag,
-          viewConfig.uiViewClassName,
-          updatePayload
-        );
-      }
-    } else {
-      if (6 === node.tag) throw Error("Not yet implemented.");
-      if (13 === node.tag && null !== node.memoizedState) {
-        instance = node.child.sibling;
-        instance.return = node;
-        node = instance;
-        continue;
-      } else if (null !== node.child) {
-        node.child.return = node;
-        node = node.child;
-        continue;
-      }
-    }
-    if (node === finishedWork) break;
-    for (; null === node.sibling; ) {
-      if (null === node.return || node.return === finishedWork) return;
-      node = node.return;
-    }
-    node.sibling.return = node.return;
-    node = node.sibling;
-  }
-}
-function commitUnmount(current$$1$jscomp$0) {
+function commitUnmount(current$$1$jscomp$0, renderPriorityLevel) {
   "function" === typeof onCommitFiberUnmount &&
     onCommitFiberUnmount(current$$1$jscomp$0);
   switch (current$$1$jscomp$0.tag) {
@@ -4900,40 +5157,57 @@ function commitUnmount(current$$1$jscomp$0) {
         null !== updateQueue &&
         ((updateQueue = updateQueue.lastEffect), null !== updateQueue)
       ) {
-        var effect = (updateQueue = updateQueue.next);
-        do {
-          var destroy = effect.destroy;
-          if (void 0 !== destroy) {
-            var current$$1 = current$$1$jscomp$0;
-            try {
-              destroy();
-            } catch (error) {
-              captureCommitPhaseError(current$$1, error);
-            }
+        var firstEffect = updateQueue.next;
+        runWithPriority(
+          97 < renderPriorityLevel ? 97 : renderPriorityLevel,
+          function() {
+            var effect = firstEffect;
+            do {
+              var destroy = effect.destroy;
+              if (void 0 !== destroy) {
+                var current$$1 = current$$1$jscomp$0;
+                try {
+                  destroy();
+                } catch (error) {
+                  captureCommitPhaseError(current$$1, error);
+                }
+              }
+              effect = effect.next;
+            } while (effect !== firstEffect);
           }
-          effect = effect.next;
-        } while (effect !== updateQueue);
+        );
       }
       break;
     case 1:
       safelyDetachRef(current$$1$jscomp$0);
-      updateQueue = current$$1$jscomp$0.stateNode;
-      if ("function" === typeof updateQueue.componentWillUnmount)
-        try {
-          (updateQueue.props = current$$1$jscomp$0.memoizedProps),
-            (updateQueue.state = current$$1$jscomp$0.memoizedState),
-            updateQueue.componentWillUnmount();
-        } catch (unmountError) {
-          captureCommitPhaseError(current$$1$jscomp$0, unmountError);
-        }
+      renderPriorityLevel = current$$1$jscomp$0.stateNode;
+      "function" === typeof renderPriorityLevel.componentWillUnmount &&
+        safelyCallComponentWillUnmount(
+          current$$1$jscomp$0,
+          renderPriorityLevel
+        );
       break;
     case 5:
       safelyDetachRef(current$$1$jscomp$0);
       break;
     case 4:
-      unmountHostComponents(current$$1$jscomp$0);
+      unmountHostComponents(current$$1$jscomp$0, renderPriorityLevel);
   }
 }
+function detachFiber(current$$1) {
+  var alternate = current$$1.alternate;
+  current$$1.return = null;
+  current$$1.child = null;
+  current$$1.memoizedState = null;
+  current$$1.updateQueue = null;
+  current$$1.dependencies = null;
+  current$$1.alternate = null;
+  current$$1.firstEffect = null;
+  current$$1.lastEffect = null;
+  current$$1.pendingProps = null;
+  current$$1.memoizedProps = null;
+  null !== alternate && detachFiber(alternate);
+}
 function isHostParent(fiber) {
   return 5 === fiber.tag || 3 === fiber.tag || 4 === fiber.tag;
 }
@@ -4947,25 +5221,29 @@ function commitPlacement(finishedWork) {
       parent = parent.return;
     }
     throw ReactError(
-      "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+      Error(
+        "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+      )
     );
   }
+  parent = parentFiber.stateNode;
   switch (parentFiber.tag) {
     case 5:
-      parent = parentFiber.stateNode;
       var isContainer = !1;
       break;
     case 3:
-      parent = parentFiber.stateNode.containerInfo;
+      parent = parent.containerInfo;
       isContainer = !0;
       break;
     case 4:
-      parent = parentFiber.stateNode.containerInfo;
+      parent = parent.containerInfo;
       isContainer = !0;
       break;
     default:
       throw ReactError(
-        "Invalid host parent fiber. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "Invalid host parent fiber. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
   }
   parentFiber.effectTag & 16 && (parentFiber.effectTag &= -17);
@@ -4995,25 +5273,26 @@ function commitPlacement(finishedWork) {
     }
   }
   for (var node = finishedWork; ; ) {
-    if (5 === node.tag || 6 === node.tag) {
-      var stateNode = node.stateNode;
+    var isHost = 5 === node.tag || 6 === node.tag;
+    if (isHost) {
+      var stateNode = isHost ? node.stateNode : node.stateNode.instance;
       if (parentFiber)
         if (isContainer) {
           if ("number" === typeof parent)
             throw ReactError(
-              "Container does not support insertBefore operation"
+              Error("Container does not support insertBefore operation")
             );
         } else {
-          var parentInstance = parent,
-            beforeChild = parentFiber,
-            children = parentInstance._children,
+          isHost = parent;
+          var beforeChild = parentFiber,
+            children = isHost._children,
             index = children.indexOf(stateNode);
           0 <= index
             ? (children.splice(index, 1),
               (beforeChild = children.indexOf(beforeChild)),
               children.splice(beforeChild, 0, stateNode),
-              UIManager.manageChildren(
-                parentInstance._nativeTag,
+              ReactNativePrivateInterface.UIManager.manageChildren(
+                isHost._nativeTag,
                 [index],
                 [beforeChild],
                 [],
@@ -5022,8 +5301,8 @@ function commitPlacement(finishedWork) {
               ))
             : ((index = children.indexOf(beforeChild)),
               children.splice(index, 0, stateNode),
-              UIManager.manageChildren(
-                parentInstance._nativeTag,
+              ReactNativePrivateInterface.UIManager.manageChildren(
+                isHost._nativeTag,
                 [],
                 [],
                 [
@@ -5037,19 +5316,19 @@ function commitPlacement(finishedWork) {
         }
       else
         isContainer
-          ? UIManager.setChildren(parent, [
+          ? ReactNativePrivateInterface.UIManager.setChildren(parent, [
               "number" === typeof stateNode ? stateNode : stateNode._nativeTag
             ])
-          : ((parentInstance = parent),
+          : ((isHost = parent),
             (children =
               "number" === typeof stateNode ? stateNode : stateNode._nativeTag),
-            (index = parentInstance._children),
+            (index = isHost._children),
             (beforeChild = index.indexOf(stateNode)),
             0 <= beforeChild
               ? (index.splice(beforeChild, 1),
                 index.push(stateNode),
-                UIManager.manageChildren(
-                  parentInstance._nativeTag,
+                ReactNativePrivateInterface.UIManager.manageChildren(
+                  isHost._nativeTag,
                   [beforeChild],
                   [index.length - 1],
                   [],
@@ -5057,8 +5336,8 @@ function commitPlacement(finishedWork) {
                   []
                 ))
               : (index.push(stateNode),
-                UIManager.manageChildren(
-                  parentInstance._nativeTag,
+                ReactNativePrivateInterface.UIManager.manageChildren(
+                  isHost._nativeTag,
                   [],
                   [],
                   [children],
@@ -5079,7 +5358,7 @@ function commitPlacement(finishedWork) {
     node = node.sibling;
   }
 }
-function unmountHostComponents(current$$1) {
+function unmountHostComponents(current$$1, renderPriorityLevel$jscomp$0) {
   for (
     var node = current$$1,
       currentParentIsValid = !1,
@@ -5093,19 +5372,21 @@ function unmountHostComponents(current$$1) {
       a: for (;;) {
         if (null === currentParentIsValid)
           throw ReactError(
-            "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+            Error(
+              "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+            )
           );
+        currentParent = currentParentIsValid.stateNode;
         switch (currentParentIsValid.tag) {
           case 5:
-            currentParent = currentParentIsValid.stateNode;
             currentParentIsContainer = !1;
             break a;
           case 3:
-            currentParent = currentParentIsValid.stateNode.containerInfo;
+            currentParent = currentParent.containerInfo;
             currentParentIsContainer = !0;
             break a;
           case 4:
-            currentParent = currentParentIsValid.stateNode.containerInfo;
+            currentParent = currentParent.containerInfo;
             currentParentIsContainer = !0;
             break a;
         }
@@ -5114,9 +5395,15 @@ function unmountHostComponents(current$$1) {
       currentParentIsValid = !0;
     }
     if (5 === node.tag || 6 === node.tag) {
-      a: for (var root = node, node$jscomp$0 = root; ; )
+      a: for (
+        var root = node,
+          renderPriorityLevel = renderPriorityLevel$jscomp$0,
+          node$jscomp$0 = root;
+        ;
+
+      )
         if (
-          (commitUnmount(node$jscomp$0),
+          (commitUnmount(node$jscomp$0, renderPriorityLevel),
           null !== node$jscomp$0.child && 4 !== node$jscomp$0.tag)
         )
           (node$jscomp$0.child.return = node$jscomp$0),
@@ -5131,19 +5418,31 @@ function unmountHostComponents(current$$1) {
           node$jscomp$0.sibling.return = node$jscomp$0.return;
           node$jscomp$0 = node$jscomp$0.sibling;
         }
-      if (currentParentIsContainer)
-        (root = currentParent),
+      currentParentIsContainer
+        ? ((root = currentParent),
           recursivelyUncacheFiberNode(node.stateNode),
-          UIManager.manageChildren(root, [], [], [], [], [0]);
-      else {
-        root = currentParent;
-        var child = node.stateNode;
-        recursivelyUncacheFiberNode(child);
-        node$jscomp$0 = root._children;
-        child = node$jscomp$0.indexOf(child);
-        node$jscomp$0.splice(child, 1);
-        UIManager.manageChildren(root._nativeTag, [], [], [], [], [child]);
-      }
+          ReactNativePrivateInterface.UIManager.manageChildren(
+            root,
+            [],
+            [],
+            [],
+            [],
+            [0]
+          ))
+        : ((root = currentParent),
+          (node$jscomp$0 = node.stateNode),
+          recursivelyUncacheFiberNode(node$jscomp$0),
+          (renderPriorityLevel = root._children),
+          (node$jscomp$0 = renderPriorityLevel.indexOf(node$jscomp$0)),
+          renderPriorityLevel.splice(node$jscomp$0, 1),
+          ReactNativePrivateInterface.UIManager.manageChildren(
+            root._nativeTag,
+            [],
+            [],
+            [],
+            [],
+            [node$jscomp$0]
+          ));
     } else if (4 === node.tag) {
       if (null !== node.child) {
         currentParent = node.stateNode.containerInfo;
@@ -5152,7 +5451,9 @@ function unmountHostComponents(current$$1) {
         node = node.child;
         continue;
       }
-    } else if ((commitUnmount(node), null !== node.child)) {
+    } else if (
+      (commitUnmount(node, renderPriorityLevel$jscomp$0), null !== node.child)
+    ) {
       node.child.return = node;
       node = node.child;
       continue;
@@ -5186,7 +5487,7 @@ function commitWork(current$$1, finishedWork) {
         finishedWork.updateQueue = null;
         null !== updatePayload &&
           ((finishedWork = instance.viewConfig),
-          (instanceProps[instance._nativeTag] = newProps),
+          instanceProps.set(instance._nativeTag, newProps),
           (newProps = diffProperties(
             null,
             current$$1,
@@ -5194,7 +5495,7 @@ function commitWork(current$$1, finishedWork) {
             finishedWork.validAttributes
           )),
           null != newProps &&
-            UIManager.updateView(
+            ReactNativePrivateInterface.UIManager.updateView(
               instance._nativeTag,
               finishedWork.uiViewClassName,
               newProps
@@ -5204,50 +5505,109 @@ function commitWork(current$$1, finishedWork) {
     case 6:
       if (null === finishedWork.stateNode)
         throw ReactError(
-          "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
-      UIManager.updateView(finishedWork.stateNode, "RCTRawText", {
-        text: finishedWork.memoizedProps
-      });
-      break;
-    case 20:
+      ReactNativePrivateInterface.UIManager.updateView(
+        finishedWork.stateNode,
+        "RCTRawText",
+        { text: finishedWork.memoizedProps }
+      );
       break;
     case 3:
       break;
     case 12:
       break;
     case 13:
-      commitSuspenseComponent(finishedWork);
+      instance = finishedWork;
+      null === finishedWork.memoizedState
+        ? (newProps = !1)
+        : ((newProps = !0),
+          (instance = finishedWork.child),
+          (globalMostRecentFallbackTime = now()));
+      if (null !== instance)
+        a: for (current$$1 = instance; ; ) {
+          if (5 === current$$1.tag)
+            if (((updatePayload = current$$1.stateNode), newProps)) {
+              var viewConfig = updatePayload.viewConfig;
+              var updatePayload$jscomp$0 = diffProperties(
+                null,
+                emptyObject,
+                { style: { display: "none" } },
+                viewConfig.validAttributes
+              );
+              ReactNativePrivateInterface.UIManager.updateView(
+                updatePayload._nativeTag,
+                viewConfig.uiViewClassName,
+                updatePayload$jscomp$0
+              );
+            } else {
+              updatePayload = current$$1.stateNode;
+              updatePayload$jscomp$0 = current$$1.memoizedProps;
+              viewConfig = updatePayload.viewConfig;
+              var prevProps = Object.assign({}, updatePayload$jscomp$0, {
+                style: [updatePayload$jscomp$0.style, { display: "none" }]
+              });
+              updatePayload$jscomp$0 = diffProperties(
+                null,
+                prevProps,
+                updatePayload$jscomp$0,
+                viewConfig.validAttributes
+              );
+              ReactNativePrivateInterface.UIManager.updateView(
+                updatePayload._nativeTag,
+                viewConfig.uiViewClassName,
+                updatePayload$jscomp$0
+              );
+            }
+          else {
+            if (6 === current$$1.tag) throw Error("Not yet implemented.");
+            if (13 === current$$1.tag && null !== current$$1.memoizedState) {
+              updatePayload = current$$1.child.sibling;
+              updatePayload.return = current$$1;
+              current$$1 = updatePayload;
+              continue;
+            } else if (null !== current$$1.child) {
+              current$$1.child.return = current$$1;
+              current$$1 = current$$1.child;
+              continue;
+            }
+          }
+          if (current$$1 === instance) break a;
+          for (; null === current$$1.sibling; ) {
+            if (null === current$$1.return || current$$1.return === instance)
+              break a;
+            current$$1 = current$$1.return;
+          }
+          current$$1.sibling.return = current$$1.return;
+          current$$1 = current$$1.sibling;
+        }
+      attachSuspenseRetryListeners(finishedWork);
+      break;
+    case 19:
+      attachSuspenseRetryListeners(finishedWork);
       break;
     case 17:
       break;
-    case 19:
+    case 20:
       break;
     default:
       throw ReactError(
-        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+        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."
+        )
       );
   }
 }
-function commitSuspenseComponent(finishedWork) {
-  var newState = finishedWork.memoizedState,
-    newDidTimeout = void 0,
-    primaryChildParent = finishedWork;
-  null === newState
-    ? (newDidTimeout = !1)
-    : ((newDidTimeout = !0),
-      (primaryChildParent = finishedWork.child),
-      0 === newState.fallbackExpirationTime &&
-        (newState.fallbackExpirationTime = requestCurrentTime() - 500));
-  null !== primaryChildParent &&
-    hideOrUnhideAllChildren(primaryChildParent, newDidTimeout);
-  newState = finishedWork.updateQueue;
-  if (null !== newState) {
+function attachSuspenseRetryListeners(finishedWork) {
+  var thenables = finishedWork.updateQueue;
+  if (null !== thenables) {
     finishedWork.updateQueue = null;
     var retryCache = finishedWork.stateNode;
     null === retryCache &&
       (retryCache = finishedWork.stateNode = new PossiblyWeakSet$1());
-    newState.forEach(function(thenable) {
+    thenables.forEach(function(thenable) {
       var retry = resolveRetryThenable.bind(null, finishedWork, thenable);
       retryCache.has(thenable) ||
         ((retry = tracing.unstable_wrap(retry)),
@@ -5258,7 +5618,7 @@ function commitSuspenseComponent(finishedWork) {
 }
 var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map;
 function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
-  expirationTime = createUpdate(expirationTime);
+  expirationTime = createUpdate(expirationTime, null);
   expirationTime.tag = 3;
   expirationTime.payload = { element: null };
   var error = errorInfo.value;
@@ -5269,13 +5629,14 @@ function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
   return expirationTime;
 }
 function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
-  expirationTime = createUpdate(expirationTime);
+  expirationTime = createUpdate(expirationTime, null);
   expirationTime.tag = 3;
   var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
   if ("function" === typeof getDerivedStateFromError) {
-    var error$jscomp$0 = errorInfo.value;
+    var error = errorInfo.value;
     expirationTime.payload = function() {
-      return getDerivedStateFromError(error$jscomp$0);
+      logError(fiber, errorInfo);
+      return getDerivedStateFromError(error);
     };
   }
   var inst = fiber.stateNode;
@@ -5285,114 +5646,95 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
       "function" !== typeof getDerivedStateFromError &&
         (null === legacyErrorBoundariesThatAlreadyFailed
           ? (legacyErrorBoundariesThatAlreadyFailed = new Set([this]))
-          : legacyErrorBoundariesThatAlreadyFailed.add(this));
-      var error = errorInfo.value,
-        stack = errorInfo.stack;
-      logError(fiber, errorInfo);
-      this.componentDidCatch(error, {
+          : legacyErrorBoundariesThatAlreadyFailed.add(this),
+        logError(fiber, errorInfo));
+      var stack = errorInfo.stack;
+      this.componentDidCatch(errorInfo.value, {
         componentStack: null !== stack ? stack : ""
       });
     });
   return expirationTime;
 }
-function unwindWork(workInProgress) {
-  switch (workInProgress.tag) {
-    case 1:
-      isContextProvider(workInProgress.type) && popContext(workInProgress);
-      var effectTag = workInProgress.effectTag;
-      return effectTag & 2048
-        ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
-          workInProgress)
-        : null;
-    case 3:
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
-      effectTag = workInProgress.effectTag;
-      if (0 !== (effectTag & 64))
-        throw ReactError(
-          "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
-        );
-      workInProgress.effectTag = (effectTag & -2049) | 64;
-      return workInProgress;
-    case 5:
-      return popHostContext(workInProgress), null;
-    case 13:
-      return (
-        (effectTag = workInProgress.effectTag),
-        effectTag & 2048
-          ? ((workInProgress.effectTag = (effectTag & -2049) | 64),
-            workInProgress)
-          : null
-      );
-    case 18:
-      return null;
-    case 4:
-      return popHostContainer(workInProgress), null;
-    case 10:
-      return popProvider(workInProgress), null;
-    case 19:
-    case 20:
-      return null;
-    default:
-      return null;
-  }
-}
 var ceil = Math.ceil,
   ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
-  LegacyUnbatchedPhase = 2,
-  RenderPhase = 4,
-  CommitPhase = 5,
+  NoContext = 0,
+  LegacyUnbatchedContext = 8,
+  RenderContext = 16,
+  CommitContext = 32,
   RootIncomplete = 0,
   RootErrored = 1,
   RootSuspended = 2,
-  RootCompleted = 3,
-  workPhase = 0,
+  RootSuspendedWithDelay = 3,
+  RootCompleted = 4,
+  executionContext = NoContext,
   workInProgressRoot = null,
   workInProgress = null,
   renderExpirationTime = 0,
   workInProgressRootExitStatus = RootIncomplete,
-  workInProgressRootMostRecentEventTime = 1073741823,
+  workInProgressRootLatestProcessedExpirationTime = 1073741823,
+  workInProgressRootLatestSuspenseTimeout = 1073741823,
+  workInProgressRootCanSuspendUsingConfig = null,
+  workInProgressRootHasPendingPing = !1,
+  globalMostRecentFallbackTime = 0,
+  FALLBACK_THROTTLE_MS = 500,
   nextEffect = null,
   hasUncaughtError = !1,
   firstUncaughtError = null,
   legacyErrorBoundariesThatAlreadyFailed = null,
   rootDoesHavePassiveEffects = !1,
   rootWithPendingPassiveEffects = null,
+  pendingPassiveEffectsRenderPriority = 90,
   pendingPassiveEffectsExpirationTime = 0,
   rootsWithPendingDiscreteUpdates = null,
   nestedUpdateCount = 0,
   rootWithNestedUpdates = null,
+  spawnedWorkDuringRender = null,
   currentEventTime = 0;
 function requestCurrentTime() {
-  return workPhase === RenderPhase || workPhase === CommitPhase
-    ? 1073741822 - ((now() / 10) | 0)
+  return (executionContext & (RenderContext | CommitContext)) !== NoContext
+    ? 1073741821 - ((now() / 10) | 0)
     : 0 !== currentEventTime
       ? currentEventTime
-      : (currentEventTime = 1073741822 - ((now() / 10) | 0));
-}
-function computeExpirationForFiber(currentTime, fiber) {
-  if (0 === (fiber.mode & 1)) return 1073741823;
-  if (workPhase === RenderPhase) return renderExpirationTime;
-  switch (getCurrentPriorityLevel()) {
-    case 99:
-      currentTime = 1073741823;
-      break;
-    case 98:
-      currentTime =
-        1073741822 - 10 * ((((1073741822 - currentTime + 15) / 10) | 0) + 1);
-      break;
-    case 97:
-    case 96:
-      currentTime =
-        1073741822 - 25 * ((((1073741822 - currentTime + 500) / 25) | 0) + 1);
-      break;
-    case 95:
-      currentTime = 1;
-      break;
-    default:
-      throw ReactError("Expected a valid priority level");
-  }
+      : (currentEventTime = 1073741821 - ((now() / 10) | 0));
+}
+function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
+  fiber = fiber.mode;
+  if (0 === (fiber & 2)) return 1073741823;
+  var priorityLevel = getCurrentPriorityLevel();
+  if (0 === (fiber & 4)) return 99 === priorityLevel ? 1073741823 : 1073741822;
+  if ((executionContext & RenderContext) !== NoContext)
+    return renderExpirationTime;
+  if (null !== suspenseConfig)
+    currentTime =
+      1073741821 -
+      25 *
+        ((((1073741821 -
+          currentTime +
+          (suspenseConfig.timeoutMs | 0 || 5e3) / 10) /
+          25) |
+          0) +
+          1);
+  else
+    switch (priorityLevel) {
+      case 99:
+        currentTime = 1073741823;
+        break;
+      case 98:
+        currentTime =
+          1073741821 - 10 * ((((1073741821 - currentTime + 15) / 10) | 0) + 1);
+        break;
+      case 97:
+      case 96:
+        currentTime =
+          1073741821 - 25 * ((((1073741821 - currentTime + 500) / 25) | 0) + 1);
+        break;
+      case 95:
+        currentTime = 1;
+        break;
+      default:
+        throw ReactError(Error("Expected a valid priority level"));
+    }
   null !== workInProgressRoot &&
     currentTime === renderExpirationTime &&
     --currentTime;
@@ -5403,33 +5745,42 @@ function scheduleUpdateOnFiber(fiber, expirationTime) {
     throw ((nestedUpdateCount = 0),
     (rootWithNestedUpdates = null),
     ReactError(
-      "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."
+      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."
+      )
     ));
   fiber = markUpdateTimeFromFiberToRoot(fiber, expirationTime);
-  if (null !== fiber)
-    if (((fiber.pingTime = 0), 1073741823 === expirationTime))
-      if (workPhase === LegacyUnbatchedPhase)
+  if (null !== fiber) {
+    fiber.pingTime = 0;
+    var priorityLevel = getCurrentPriorityLevel();
+    if (1073741823 === expirationTime)
+      if (
+        (executionContext & LegacyUnbatchedContext) !== NoContext &&
+        (executionContext & (RenderContext | CommitContext)) === NoContext
+      ) {
+        scheduleInteractions(
+          fiber,
+          expirationTime,
+          tracing.__interactionsRef.current
+        );
         for (
-          expirationTime = renderRoot(fiber, 1073741823, !0);
-          null !== expirationTime;
+          var callback = renderRoot(fiber, 1073741823, !0);
+          null !== callback;
 
         )
-          expirationTime = expirationTime(!0);
-      else
+          callback = callback(!0);
+      } else
         scheduleCallbackForRoot(fiber, 99, 1073741823),
-          0 === workPhase && flushImmediateQueue();
-    else {
-      var priorityLevel = getCurrentPriorityLevel();
-      if (98 === priorityLevel)
-        if (null === rootsWithPendingDiscreteUpdates)
-          rootsWithPendingDiscreteUpdates = new Map([[fiber, expirationTime]]);
-        else {
-          var lastDiscreteTime = rootsWithPendingDiscreteUpdates.get(fiber);
-          (void 0 === lastDiscreteTime || lastDiscreteTime > expirationTime) &&
-            rootsWithPendingDiscreteUpdates.set(fiber, expirationTime);
-        }
-      scheduleCallbackForRoot(fiber, priorityLevel, expirationTime);
-    }
+          executionContext === NoContext && flushSyncCallbackQueue();
+    else scheduleCallbackForRoot(fiber, priorityLevel, expirationTime);
+    (executionContext & 4) === NoContext ||
+      (98 !== priorityLevel && 99 !== priorityLevel) ||
+      (null === rootsWithPendingDiscreteUpdates
+        ? (rootsWithPendingDiscreteUpdates = new Map([[fiber, expirationTime]]))
+        : ((priorityLevel = rootsWithPendingDiscreteUpdates.get(fiber)),
+          (void 0 === priorityLevel || priorityLevel > expirationTime) &&
+            rootsWithPendingDiscreteUpdates.set(fiber, expirationTime)));
+  }
 }
 function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
   fiber.expirationTime < expirationTime &&
@@ -5470,23 +5821,30 @@ function scheduleCallbackForRoot(root, priorityLevel, expirationTime) {
       existingCallbackNode !== fakeCallbackNode &&
       Scheduler_cancelCallback(existingCallbackNode);
     root.callbackExpirationTime = expirationTime;
-    existingCallbackNode = null;
-    1073741823 !== expirationTime &&
-      1 !== expirationTime &&
-      ((existingCallbackNode = 10 * (1073741822 - expirationTime) - now()),
-      5e3 < existingCallbackNode && (existingCallbackNode = 5e3),
-      (existingCallbackNode = { timeout: existingCallbackNode }));
-    root.callbackNode = scheduleCallback(
-      priorityLevel,
-      runRootCallback.bind(
-        null,
-        root,
-        renderRoot.bind(null, root, expirationTime)
-      ),
-      existingCallbackNode
-    );
+    1073741823 === expirationTime
+      ? (root.callbackNode = scheduleSyncCallback(
+          runRootCallback.bind(
+            null,
+            root,
+            renderRoot.bind(null, root, expirationTime)
+          )
+        ))
+      : ((existingCallbackNode = null),
+        1 !== expirationTime &&
+          (existingCallbackNode = {
+            timeout: 10 * (1073741821 - expirationTime) - now()
+          }),
+        (root.callbackNode = scheduleCallback(
+          priorityLevel,
+          runRootCallback.bind(
+            null,
+            root,
+            renderRoot.bind(null, root, expirationTime)
+          ),
+          existingCallbackNode
+        )));
   }
-  schedulePendingInteraction(root, expirationTime);
+  scheduleInteractions(root, expirationTime, tracing.__interactionsRef.current);
 }
 function runRootCallback(root, callback, isSync) {
   var prevCallbackNode = root.callbackNode,
@@ -5509,9 +5867,7 @@ function resolveLocksOnRoot(root, expirationTime) {
   return null !== firstBatch &&
     firstBatch._defer &&
     firstBatch._expirationTime >= expirationTime
-    ? ((root.finishedWork = root.current.alternate),
-      (root.pendingCommitExpirationTime = expirationTime),
-      scheduleCallback(97, function() {
+    ? (scheduleCallback(97, function() {
         firstBatch._onComplete();
         return null;
       }),
@@ -5523,13 +5879,14 @@ function flushPendingDiscreteUpdates() {
     var roots = rootsWithPendingDiscreteUpdates;
     rootsWithPendingDiscreteUpdates = null;
     roots.forEach(function(expirationTime, root) {
-      scheduleCallback(99, renderRoot.bind(null, root, expirationTime));
+      scheduleSyncCallback(renderRoot.bind(null, root, expirationTime));
     });
-    flushImmediateQueue();
+    flushSyncCallbackQueue();
   }
 }
 function prepareFreshStack(root, expirationTime) {
-  root.pendingCommitExpirationTime = 0;
+  root.finishedWork = null;
+  root.finishedExpirationTime = 0;
   var timeoutHandle = root.timeoutHandle;
   -1 !== timeoutHandle &&
     ((root.timeoutHandle = -1), cancelTimeout(timeoutHandle));
@@ -5553,6 +5910,12 @@ function prepareFreshStack(root, expirationTime) {
         case 4:
           popHostContainer(interruptedWork);
           break;
+        case 13:
+          pop(suspenseStackCursor, interruptedWork);
+          break;
+        case 19:
+          pop(suspenseStackCursor, interruptedWork);
+          break;
         case 10:
           popProvider(interruptedWork);
       }
@@ -5562,27 +5925,35 @@ function prepareFreshStack(root, expirationTime) {
   workInProgress = createWorkInProgress(root.current, null, expirationTime);
   renderExpirationTime = expirationTime;
   workInProgressRootExitStatus = RootIncomplete;
-  workInProgressRootMostRecentEventTime = 1073741823;
+  workInProgressRootLatestSuspenseTimeout = workInProgressRootLatestProcessedExpirationTime = 1073741823;
+  workInProgressRootCanSuspendUsingConfig = null;
+  workInProgressRootHasPendingPing = !1;
+  spawnedWorkDuringRender = null;
 }
 function renderRoot(root$jscomp$0, expirationTime, isSync) {
-  if (workPhase === RenderPhase || workPhase === CommitPhase)
-    throw ReactError("Should not already be working.");
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(Error("Should not already be working."));
   if (root$jscomp$0.firstPendingTime < expirationTime) return null;
-  if (root$jscomp$0.pendingCommitExpirationTime === expirationTime)
-    return (
-      (root$jscomp$0.pendingCommitExpirationTime = 0),
-      commitRoot.bind(null, root$jscomp$0, expirationTime)
-    );
+  if (isSync && root$jscomp$0.finishedExpirationTime === expirationTime)
+    return commitRoot.bind(null, root$jscomp$0);
   flushPassiveEffects();
   if (
     root$jscomp$0 !== workInProgressRoot ||
     expirationTime !== renderExpirationTime
   )
     prepareFreshStack(root$jscomp$0, expirationTime),
-      startWorkOnPendingInteraction(root$jscomp$0, expirationTime);
+      startWorkOnPendingInteractions(root$jscomp$0, expirationTime);
+  else if (workInProgressRootExitStatus === RootSuspendedWithDelay)
+    if (workInProgressRootHasPendingPing)
+      prepareFreshStack(root$jscomp$0, expirationTime);
+    else {
+      var lastPendingTime = root$jscomp$0.lastPendingTime;
+      if (lastPendingTime < expirationTime)
+        return renderRoot.bind(null, root$jscomp$0, lastPendingTime);
+    }
   if (null !== workInProgress) {
-    var prevWorkPhase = workPhase;
-    workPhase = RenderPhase;
+    lastPendingTime = executionContext;
+    executionContext |= RenderContext;
     var prevDispatcher = ReactCurrentDispatcher.current;
     null === prevDispatcher && (prevDispatcher = ContextOnlyDispatcher);
     ReactCurrentDispatcher.current = ContextOnlyDispatcher;
@@ -5593,8 +5964,8 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
         var currentTime = requestCurrentTime();
         if (currentTime < expirationTime)
           return (
-            (workPhase = prevWorkPhase),
-            resetContextDependences(),
+            (executionContext = lastPendingTime),
+            resetContextDependencies(),
             (ReactCurrentDispatcher.current = prevDispatcher),
             (tracing.__interactionsRef.current = prevInteractions),
             renderRoot.bind(null, root$jscomp$0, currentTime)
@@ -5611,14 +5982,14 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
             workInProgress = performUnitOfWork(workInProgress);
         break;
       } catch (thrownValue) {
-        resetContextDependences();
+        resetContextDependencies();
         resetHooks();
         currentTime = workInProgress;
         if (null === currentTime || null === currentTime.return)
           throw (prepareFreshStack(root$jscomp$0, expirationTime),
-          (workPhase = prevWorkPhase),
+          (executionContext = lastPendingTime),
           thrownValue);
-        currentTime.mode & 4 &&
+        currentTime.mode & 8 &&
           stopProfilerTimerIfRunningAndRecordDelta(currentTime, !0);
         a: {
           var root = root$jscomp$0,
@@ -5633,29 +6004,41 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
             "object" === typeof value &&
             "function" === typeof value.then
           ) {
-            var thenable = value;
+            var thenable = value,
+              hasInvisibleParentBoundary =
+                0 !==
+                (suspenseStackCursor.current & InvisibleParentSuspenseContext);
             value = returnFiber;
             do {
-              if (
-                13 === value.tag &&
-                (void 0 === value.memoizedProps.fallback
-                  ? 0
-                  : null === value.memoizedState)
-              ) {
+              var JSCompiler_temp;
+              if ((JSCompiler_temp = 13 === value.tag))
+                null !== value.memoizedState
+                  ? (JSCompiler_temp = !1)
+                  : ((JSCompiler_temp = value.memoizedProps),
+                    (JSCompiler_temp =
+                      void 0 === JSCompiler_temp.fallback
+                        ? !1
+                        : !0 !== JSCompiler_temp.unstable_avoidThisFallback
+                          ? !0
+                          : hasInvisibleParentBoundary
+                            ? !1
+                            : !0));
+              if (JSCompiler_temp) {
                 returnFiber = value.updateQueue;
                 null === returnFiber
                   ? ((returnFiber = new Set()),
                     returnFiber.add(thenable),
                     (value.updateQueue = returnFiber))
                   : returnFiber.add(thenable);
-                if (0 === (value.mode & 1)) {
+                if (0 === (value.mode & 2)) {
                   value.effectTag |= 64;
                   sourceFiber.effectTag &= -1957;
                   1 === sourceFiber.tag &&
                     (null === sourceFiber.alternate
                       ? (sourceFiber.tag = 17)
                       : ((renderExpirationTime$jscomp$0 = createUpdate(
-                          1073741823
+                          1073741823,
+                          null
                         )),
                         (renderExpirationTime$jscomp$0.tag = 2),
                         enqueueUpdate(
@@ -5667,15 +6050,15 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
                 }
                 sourceFiber = root;
                 root = renderExpirationTime$jscomp$0;
-                var pingCache = sourceFiber.pingCache;
-                null === pingCache
-                  ? ((pingCache = sourceFiber.pingCache = new PossiblyWeakMap()),
+                hasInvisibleParentBoundary = sourceFiber.pingCache;
+                null === hasInvisibleParentBoundary
+                  ? ((hasInvisibleParentBoundary = sourceFiber.pingCache = new PossiblyWeakMap()),
                     (returnFiber = new Set()),
-                    pingCache.set(thenable, returnFiber))
-                  : ((returnFiber = pingCache.get(thenable)),
+                    hasInvisibleParentBoundary.set(thenable, returnFiber))
+                  : ((returnFiber = hasInvisibleParentBoundary.get(thenable)),
                     void 0 === returnFiber &&
                       ((returnFiber = new Set()),
-                      pingCache.set(thenable, returnFiber)));
+                      hasInvisibleParentBoundary.set(thenable, returnFiber)));
                 returnFiber.has(root) ||
                   (returnFiber.add(root),
                   (sourceFiber = pingSuspendedRoot.bind(
@@ -5698,11 +6081,8 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
                 getStackByFiberInDevAndProd(sourceFiber)
             );
           }
-          if (
-            workInProgressRootExitStatus === RootIncomplete ||
-            workInProgressRootExitStatus === RootSuspended
-          )
-            workInProgressRootExitStatus = RootErrored;
+          workInProgressRootExitStatus !== RootCompleted &&
+            (workInProgressRootExitStatus = RootErrored);
           value = createCapturedValue(value, sourceFiber);
           sourceFiber = returnFiber;
           do {
@@ -5754,80 +6134,148 @@ function renderRoot(root$jscomp$0, expirationTime, isSync) {
         workInProgress = completeUnitOfWork(currentTime);
       }
     while (1);
-    workPhase = prevWorkPhase;
-    resetContextDependences();
+    executionContext = lastPendingTime;
+    resetContextDependencies();
     ReactCurrentDispatcher.current = prevDispatcher;
     tracing.__interactionsRef.current = prevInteractions;
     if (null !== workInProgress)
       return renderRoot.bind(null, root$jscomp$0, expirationTime);
   }
+  root$jscomp$0.finishedWork = root$jscomp$0.current.alternate;
+  root$jscomp$0.finishedExpirationTime = expirationTime;
   if (resolveLocksOnRoot(root$jscomp$0, expirationTime)) return null;
   workInProgressRoot = null;
   switch (workInProgressRootExitStatus) {
     case RootIncomplete:
-      throw ReactError("Should have a work-in-progress.");
+      throw ReactError(Error("Should have a work-in-progress."));
     case RootErrored:
       return (
-        (prevWorkPhase = root$jscomp$0.lastPendingTime),
-        root$jscomp$0.lastPendingTime < expirationTime
-          ? renderRoot.bind(null, root$jscomp$0, prevWorkPhase)
+        (lastPendingTime = root$jscomp$0.lastPendingTime),
+        lastPendingTime < expirationTime
+          ? renderRoot.bind(null, root$jscomp$0, lastPendingTime)
           : isSync
-            ? commitRoot.bind(null, root$jscomp$0, expirationTime)
+            ? commitRoot.bind(null, root$jscomp$0)
             : (prepareFreshStack(root$jscomp$0, expirationTime),
-              scheduleCallback(
-                99,
+              scheduleSyncCallback(
                 renderRoot.bind(null, root$jscomp$0, expirationTime)
               ),
               null)
       );
     case RootSuspended:
+      if (
+        1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+        !isSync &&
+        ((isSync = globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
+        10 < isSync)
+      ) {
+        if (workInProgressRootHasPendingPing)
+          return (
+            prepareFreshStack(root$jscomp$0, expirationTime),
+            renderRoot.bind(null, root$jscomp$0, expirationTime)
+          );
+        lastPendingTime = root$jscomp$0.lastPendingTime;
+        if (lastPendingTime < expirationTime)
+          return renderRoot.bind(null, root$jscomp$0, lastPendingTime);
+        root$jscomp$0.timeoutHandle = scheduleTimeout(
+          commitRoot.bind(null, root$jscomp$0),
+          isSync
+        );
+        return null;
+      }
+      return commitRoot.bind(null, root$jscomp$0);
+    case RootSuspendedWithDelay:
       if (!isSync) {
+        if (workInProgressRootHasPendingPing)
+          return (
+            prepareFreshStack(root$jscomp$0, expirationTime),
+            renderRoot.bind(null, root$jscomp$0, expirationTime)
+          );
         isSync = root$jscomp$0.lastPendingTime;
-        if (root$jscomp$0.lastPendingTime < expirationTime)
+        if (isSync < expirationTime)
           return renderRoot.bind(null, root$jscomp$0, isSync);
-        if (
-          1073741823 !== workInProgressRootMostRecentEventTime &&
-          ((prevWorkPhase =
-            10 * (1073741822 - workInProgressRootMostRecentEventTime) - 5e3),
-          (isSync = now()),
-          (prevWorkPhase = isSync - prevWorkPhase),
-          (prevWorkPhase =
-            (120 > prevWorkPhase
-              ? 120
-              : 480 > prevWorkPhase
-                ? 480
-                : 1080 > prevWorkPhase
-                  ? 1080
-                  : 1920 > prevWorkPhase
-                    ? 1920
-                    : 3e3 > prevWorkPhase
-                      ? 3e3
-                      : 4320 > prevWorkPhase
-                        ? 4320
-                        : 1960 * ceil(prevWorkPhase / 1960)) - prevWorkPhase),
-          (isSync = 10 * (1073741822 - expirationTime) - isSync),
-          isSync < prevWorkPhase && (prevWorkPhase = isSync),
-          (isSync = prevWorkPhase),
-          10 < isSync)
-        )
+        1073741823 !== workInProgressRootLatestSuspenseTimeout
+          ? (isSync =
+              10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
+              now())
+          : 1073741823 === workInProgressRootLatestProcessedExpirationTime
+            ? (isSync = 0)
+            : ((isSync =
+                10 *
+                  (1073741821 -
+                    workInProgressRootLatestProcessedExpirationTime) -
+                5e3),
+              (lastPendingTime = now()),
+              (expirationTime =
+                10 * (1073741821 - expirationTime) - lastPendingTime),
+              (isSync = lastPendingTime - isSync),
+              0 > isSync && (isSync = 0),
+              (isSync =
+                (120 > isSync
+                  ? 120
+                  : 480 > isSync
+                    ? 480
+                    : 1080 > isSync
+                      ? 1080
+                      : 1920 > isSync
+                        ? 1920
+                        : 3e3 > isSync
+                          ? 3e3
+                          : 4320 > isSync
+                            ? 4320
+                            : 1960 * ceil(isSync / 1960)) - isSync),
+              expirationTime < isSync && (isSync = expirationTime));
+        if (10 < isSync)
           return (
             (root$jscomp$0.timeoutHandle = scheduleTimeout(
-              commitRoot.bind(null, root$jscomp$0, expirationTime),
+              commitRoot.bind(null, root$jscomp$0),
               isSync
             )),
             null
           );
       }
-      return commitRoot.bind(null, root$jscomp$0, expirationTime);
+      return commitRoot.bind(null, root$jscomp$0);
     case RootCompleted:
-      return commitRoot.bind(null, root$jscomp$0, expirationTime);
+      return !isSync &&
+        1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
+        null !== workInProgressRootCanSuspendUsingConfig &&
+        ((lastPendingTime = workInProgressRootLatestProcessedExpirationTime),
+        (prevDispatcher = workInProgressRootCanSuspendUsingConfig),
+        (expirationTime = prevDispatcher.busyMinDurationMs | 0),
+        0 >= expirationTime
+          ? (expirationTime = 0)
+          : ((isSync = prevDispatcher.busyDelayMs | 0),
+            (lastPendingTime =
+              now() -
+              (10 * (1073741821 - lastPendingTime) -
+                (prevDispatcher.timeoutMs | 0 || 5e3))),
+            (expirationTime =
+              lastPendingTime <= isSync
+                ? 0
+                : isSync + expirationTime - lastPendingTime)),
+        10 < expirationTime)
+        ? ((root$jscomp$0.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root$jscomp$0),
+            expirationTime
+          )),
+          null)
+        : commitRoot.bind(null, root$jscomp$0);
     default:
-      throw ReactError("Unknown root exit status.");
+      throw ReactError(Error("Unknown root exit status."));
   }
 }
+function markRenderEventTimeAndConfig(expirationTime, suspenseConfig) {
+  expirationTime < workInProgressRootLatestProcessedExpirationTime &&
+    1 < expirationTime &&
+    (workInProgressRootLatestProcessedExpirationTime = expirationTime);
+  null !== suspenseConfig &&
+    expirationTime < workInProgressRootLatestSuspenseTimeout &&
+    1 < expirationTime &&
+    ((workInProgressRootLatestSuspenseTimeout = expirationTime),
+    (workInProgressRootCanSuspendUsingConfig = suspenseConfig));
+}
 function performUnitOfWork(unitOfWork) {
   var current$$1 = unitOfWork.alternate;
-  0 !== (unitOfWork.mode & 4)
+  0 !== (unitOfWork.mode & 8)
     ? ((profilerStartTime = now$1()),
       0 > unitOfWork.actualStartTime && (unitOfWork.actualStartTime = now$1()),
       (current$$1 = beginWork$$1(current$$1, unitOfWork, renderExpirationTime)),
@@ -5844,7 +6292,7 @@ function completeUnitOfWork(unitOfWork) {
     var current$$1 = workInProgress.alternate;
     unitOfWork = workInProgress.return;
     if (0 === (workInProgress.effectTag & 1024)) {
-      if (0 === (workInProgress.mode & 4))
+      if (0 === (workInProgress.mode & 8))
         current$$1 = completeWork(
           current$$1,
           workInProgress,
@@ -5864,7 +6312,7 @@ function completeUnitOfWork(unitOfWork) {
       fiber = workInProgress;
       if (1 === renderExpirationTime || 1 !== fiber.childExpirationTime) {
         var newChildExpirationTime = 0;
-        if (0 !== (fiber.mode & 4)) {
+        if (0 !== (fiber.mode & 8)) {
           for (
             var actualDuration = fiber.actualDuration,
               treeBaseDuration = fiber.selfBaseDuration,
@@ -5916,7 +6364,7 @@ function completeUnitOfWork(unitOfWork) {
           (unitOfWork.lastEffect = workInProgress)));
     } else {
       current$$1 = unwindWork(workInProgress, renderExpirationTime);
-      if (0 !== (workInProgress.mode & 4)) {
+      if (0 !== (workInProgress.mode & 8)) {
         stopProfilerTimerIfRunningAndRecordDelta(workInProgress, !1);
         fiber = workInProgress.actualDuration;
         for (
@@ -5942,23 +6390,31 @@ function completeUnitOfWork(unitOfWork) {
     (workInProgressRootExitStatus = RootCompleted);
   return null;
 }
-function commitRoot(root, expirationTime) {
-  runWithPriority(99, commitRootImpl.bind(null, root, expirationTime));
+function commitRoot(root) {
+  var renderPriorityLevel = getCurrentPriorityLevel();
+  runWithPriority(99, commitRootImpl.bind(null, root, renderPriorityLevel));
   null !== rootWithPendingPassiveEffects &&
-    ((root = getCurrentPriorityLevel()),
-    scheduleCallback(root, function() {
+    scheduleCallback(97, function() {
       flushPassiveEffects();
       return null;
-    }));
+    });
   return null;
 }
-function commitRootImpl(root, expirationTime) {
+function commitRootImpl(root, renderPriorityLevel) {
   flushPassiveEffects();
-  if (workPhase === RenderPhase || workPhase === CommitPhase)
-    throw ReactError("Should not already be working.");
-  var finishedWork = root.current.alternate;
-  if (null === finishedWork)
-    throw ReactError("Should have a work-in-progress root.");
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(Error("Should not already be working."));
+  var finishedWork = root.finishedWork,
+    expirationTime = root.finishedExpirationTime;
+  if (null === finishedWork) return null;
+  root.finishedWork = null;
+  root.finishedExpirationTime = 0;
+  if (finishedWork === root.current)
+    throw ReactError(
+      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.callbackExpirationTime = 0;
   var updateExpirationTimeBeforeCommit = finishedWork.expirationTime,
@@ -5972,19 +6428,19 @@ function commitRootImpl(root, expirationTime) {
     (root.lastPendingTime = updateExpirationTimeBeforeCommit);
   root === workInProgressRoot &&
     ((workInProgress = workInProgressRoot = null), (renderExpirationTime = 0));
-  if (1 < finishedWork.effectTag)
-    if (null !== finishedWork.lastEffect) {
-      finishedWork.lastEffect.nextEffect = finishedWork;
-      var firstEffect = finishedWork.firstEffect;
-    } else firstEffect = finishedWork;
-  else firstEffect = finishedWork.firstEffect;
-  if (null !== firstEffect) {
-    updateExpirationTimeBeforeCommit = workPhase;
-    workPhase = CommitPhase;
-    childExpirationTimeBeforeCommit = tracing.__interactionsRef.current;
+  1 < finishedWork.effectTag
+    ? null !== finishedWork.lastEffect
+      ? ((finishedWork.lastEffect.nextEffect = finishedWork),
+        (updateExpirationTimeBeforeCommit = finishedWork.firstEffect))
+      : (updateExpirationTimeBeforeCommit = finishedWork)
+    : (updateExpirationTimeBeforeCommit = finishedWork.firstEffect);
+  if (null !== updateExpirationTimeBeforeCommit) {
+    childExpirationTimeBeforeCommit = executionContext;
+    executionContext |= CommitContext;
+    var prevInteractions = tracing.__interactionsRef.current;
     tracing.__interactionsRef.current = root.memoizedInteractions;
     ReactCurrentOwner$2.current = null;
-    nextEffect = firstEffect;
+    nextEffect = updateExpirationTimeBeforeCommit;
     do
       try {
         for (; null !== nextEffect; ) {
@@ -6027,11 +6483,12 @@ function commitRootImpl(root, expirationTime) {
               case 6:
               case 4:
               case 17:
-              case 20:
                 break;
               default:
                 throw ReactError(
-                  "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+                  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."
+                  )
                 );
             }
           }
@@ -6039,16 +6496,16 @@ function commitRootImpl(root, expirationTime) {
         }
       } catch (error) {
         if (null === nextEffect)
-          throw ReactError("Should be working on an effect.");
+          throw ReactError(Error("Should be working on an effect."));
         captureCommitPhaseError(nextEffect, error);
         nextEffect = nextEffect.nextEffect;
       }
     while (null !== nextEffect);
     commitTime = now$1();
-    nextEffect = firstEffect;
+    nextEffect = updateExpirationTimeBeforeCommit;
     do
       try {
-        for (; null !== nextEffect; ) {
+        for (current$$1 = renderPriorityLevel; null !== nextEffect; ) {
           var effectTag = nextEffect.effectTag;
           if (effectTag & 128) {
             var current$$1$jscomp$0 = nextEffect.alternate;
@@ -6074,30 +6531,21 @@ function commitRootImpl(root, expirationTime) {
               commitWork(nextEffect.alternate, nextEffect);
               break;
             case 8:
-              current$$1 = nextEffect;
-              unmountHostComponents(current$$1);
-              current$$1.return = null;
-              current$$1.child = null;
-              current$$1.memoizedState = null;
-              current$$1.updateQueue = null;
-              var alternate = current$$1.alternate;
-              null !== alternate &&
-                ((alternate.return = null),
-                (alternate.child = null),
-                (alternate.memoizedState = null),
-                (alternate.updateQueue = null));
+              (prevProps = nextEffect),
+                unmountHostComponents(prevProps, current$$1),
+                detachFiber(prevProps);
           }
           nextEffect = nextEffect.nextEffect;
         }
       } catch (error) {
         if (null === nextEffect)
-          throw ReactError("Should be working on an effect.");
+          throw ReactError(Error("Should be working on an effect."));
         captureCommitPhaseError(nextEffect, error);
         nextEffect = nextEffect.nextEffect;
       }
     while (null !== nextEffect);
     root.current = finishedWork;
-    nextEffect = firstEffect;
+    nextEffect = updateExpirationTimeBeforeCommit;
     do
       try {
         for (
@@ -6107,10 +6555,10 @@ function commitRootImpl(root, expirationTime) {
         ) {
           var effectTag$jscomp$0 = nextEffect.effectTag;
           if (effectTag$jscomp$0 & 36) {
-            current$$1 = effectTag;
+            prevProps = effectTag;
             var current$$1$jscomp$1 = nextEffect.alternate;
             currentRef = nextEffect;
-            alternate = current$$1$jscomp$0;
+            current$$1 = current$$1$jscomp$0;
             switch (currentRef.tag) {
               case 0:
               case 11:
@@ -6142,26 +6590,26 @@ function commitRootImpl(root, expirationTime) {
                     currentRef,
                     updateQueue,
                     instance$jscomp$0,
-                    alternate
+                    current$$1
                   );
                 break;
               case 3:
                 var _updateQueue = currentRef.updateQueue;
                 if (null !== _updateQueue) {
-                  current$$1 = null;
+                  prevProps = null;
                   if (null !== currentRef.child)
                     switch (currentRef.child.tag) {
                       case 5:
-                        current$$1 = currentRef.child.stateNode;
+                        prevProps = currentRef.child.stateNode;
                         break;
                       case 1:
-                        current$$1 = currentRef.child.stateNode;
+                        prevProps = currentRef.child.stateNode;
                     }
                   commitUpdateQueue(
                     currentRef,
                     _updateQueue,
-                    current$$1,
-                    alternate
+                    prevProps,
+                    current$$1
                   );
                 }
                 break;
@@ -6173,26 +6621,27 @@ function commitRootImpl(root, expirationTime) {
                 break;
               case 12:
                 var onRender = currentRef.memoizedProps.onRender;
-                onRender(
-                  currentRef.memoizedProps.id,
-                  null === current$$1$jscomp$1 ? "mount" : "update",
-                  currentRef.actualDuration,
-                  currentRef.treeBaseDuration,
-                  currentRef.actualStartTime,
-                  commitTime,
-                  current$$1.memoizedInteractions
-                );
+                "function" === typeof onRender &&
+                  onRender(
+                    currentRef.memoizedProps.id,
+                    null === current$$1$jscomp$1 ? "mount" : "update",
+                    currentRef.actualDuration,
+                    currentRef.treeBaseDuration,
+                    currentRef.actualStartTime,
+                    commitTime,
+                    prevProps.memoizedInteractions
+                  );
                 break;
               case 13:
+              case 19:
               case 17:
-                break;
               case 20:
                 break;
-              case 19:
-                break;
               default:
                 throw ReactError(
-                  "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+                  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."
+                  )
                 );
             }
           }
@@ -6217,32 +6666,52 @@ function commitRootImpl(root, expirationTime) {
         }
       } catch (error) {
         if (null === nextEffect)
-          throw ReactError("Should be working on an effect.");
+          throw ReactError(Error("Should be working on an effect."));
         captureCommitPhaseError(nextEffect, error);
         nextEffect = nextEffect.nextEffect;
       }
     while (null !== nextEffect);
     nextEffect = null;
-    tracing.__interactionsRef.current = childExpirationTimeBeforeCommit;
-    workPhase = updateExpirationTimeBeforeCommit;
+    requestPaint();
+    tracing.__interactionsRef.current = prevInteractions;
+    executionContext = childExpirationTimeBeforeCommit;
   } else (root.current = finishedWork), (commitTime = now$1());
-  rootDoesHavePassiveEffects
-    ? ((rootDoesHavePassiveEffects = !1),
+  if ((effectTag$jscomp$0 = rootDoesHavePassiveEffects))
+    (rootDoesHavePassiveEffects = !1),
       (rootWithPendingPassiveEffects = root),
-      (pendingPassiveEffectsExpirationTime = expirationTime))
-    : finishPendingInteractions(root, expirationTime);
-  expirationTime = root.firstPendingTime;
-  0 !== expirationTime
-    ? ((effectTag$jscomp$0 = requestCurrentTime()),
-      (effectTag$jscomp$0 = inferPriorityFromExpirationTime(
-        effectTag$jscomp$0,
-        expirationTime
-      )),
-      scheduleCallbackForRoot(root, effectTag$jscomp$0, expirationTime))
-    : (legacyErrorBoundariesThatAlreadyFailed = null);
+      (pendingPassiveEffectsExpirationTime = expirationTime),
+      (pendingPassiveEffectsRenderPriority = renderPriorityLevel);
+  else
+    for (nextEffect = updateExpirationTimeBeforeCommit; null !== nextEffect; )
+      (renderPriorityLevel = nextEffect.nextEffect),
+        (nextEffect.nextEffect = null),
+        (nextEffect = renderPriorityLevel);
+  renderPriorityLevel = root.firstPendingTime;
+  if (0 !== renderPriorityLevel) {
+    current$$1$jscomp$1 = requestCurrentTime();
+    current$$1$jscomp$1 = inferPriorityFromExpirationTime(
+      current$$1$jscomp$1,
+      renderPriorityLevel
+    );
+    if (null !== spawnedWorkDuringRender)
+      for (
+        instance$jscomp$0 = spawnedWorkDuringRender,
+          spawnedWorkDuringRender = null,
+          prevProps$jscomp$0 = 0;
+        prevProps$jscomp$0 < instance$jscomp$0.length;
+        prevProps$jscomp$0++
+      )
+        scheduleInteractions(
+          root,
+          instance$jscomp$0[prevProps$jscomp$0],
+          root.memoizedInteractions
+        );
+    scheduleCallbackForRoot(root, current$$1$jscomp$1, renderPriorityLevel);
+  } else legacyErrorBoundariesThatAlreadyFailed = null;
+  effectTag$jscomp$0 || finishPendingInteractions(root, expirationTime);
   "function" === typeof onCommitFiberRoot &&
-    onCommitFiberRoot(finishedWork.stateNode);
-  1073741823 === expirationTime
+    onCommitFiberRoot(finishedWork.stateNode, expirationTime);
+  1073741823 === renderPriorityLevel
     ? root === rootWithNestedUpdates
       ? nestedUpdateCount++
       : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root))
@@ -6252,37 +6721,56 @@ function commitRootImpl(root, expirationTime) {
     (root = firstUncaughtError),
     (firstUncaughtError = null),
     root);
-  if (workPhase === LegacyUnbatchedPhase) return null;
-  flushImmediateQueue();
+  if ((executionContext & LegacyUnbatchedContext) !== NoContext) return null;
+  flushSyncCallbackQueue();
   return null;
 }
 function flushPassiveEffects() {
   if (null === rootWithPendingPassiveEffects) return !1;
   var root = rootWithPendingPassiveEffects,
-    expirationTime = pendingPassiveEffectsExpirationTime;
+    expirationTime = pendingPassiveEffectsExpirationTime,
+    renderPriorityLevel = pendingPassiveEffectsRenderPriority;
   rootWithPendingPassiveEffects = null;
   pendingPassiveEffectsExpirationTime = 0;
+  pendingPassiveEffectsRenderPriority = 90;
+  return runWithPriority(
+    97 < renderPriorityLevel ? 97 : renderPriorityLevel,
+    flushPassiveEffectsImpl.bind(null, root, expirationTime)
+  );
+}
+function flushPassiveEffectsImpl(root, expirationTime) {
   var prevInteractions = tracing.__interactionsRef.current;
   tracing.__interactionsRef.current = root.memoizedInteractions;
-  if (workPhase === RenderPhase || workPhase === CommitPhase)
-    throw ReactError("Cannot flush passive effects while already rendering.");
-  var prevWorkPhase = workPhase;
-  workPhase = CommitPhase;
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw ReactError(
+      Error("Cannot flush passive effects while already rendering.")
+    );
+  var prevExecutionContext = executionContext;
+  executionContext |= CommitContext;
   for (var effect = root.current.firstEffect; null !== effect; ) {
     try {
       var finishedWork = effect;
-      commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork);
-      commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
+      if (0 !== (finishedWork.effectTag & 512))
+        switch (finishedWork.tag) {
+          case 0:
+          case 11:
+          case 15:
+            commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork),
+              commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
+        }
     } catch (error) {
-      if (null === effect) throw ReactError("Should be working on an effect.");
+      if (null === effect)
+        throw ReactError(Error("Should be working on an effect."));
       captureCommitPhaseError(effect, error);
     }
-    effect = effect.nextEffect;
+    finishedWork = effect.nextEffect;
+    effect.nextEffect = null;
+    effect = finishedWork;
   }
   tracing.__interactionsRef.current = prevInteractions;
   finishPendingInteractions(root, expirationTime);
-  workPhase = prevWorkPhase;
-  flushImmediateQueue();
+  executionContext = prevExecutionContext;
+  flushSyncCallbackQueue();
   return !0;
 }
 function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
@@ -6323,11 +6811,18 @@ function pingSuspendedRoot(root, thenable, suspendedTime) {
   var pingCache = root.pingCache;
   null !== pingCache && pingCache.delete(thenable);
   workInProgressRoot === root && renderExpirationTime === suspendedTime
-    ? prepareFreshStack(root, renderExpirationTime)
+    ? workInProgressRootExitStatus === RootSuspendedWithDelay ||
+      (workInProgressRootExitStatus === RootSuspended &&
+        1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+        now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
+      ? prepareFreshStack(root, renderExpirationTime)
+      : (workInProgressRootHasPendingPing = !0)
     : root.lastPendingTime < suspendedTime ||
       ((thenable = root.pingTime),
       (0 !== thenable && thenable < suspendedTime) ||
         ((root.pingTime = suspendedTime),
+        root.finishedExpirationTime === suspendedTime &&
+          ((root.finishedExpirationTime = 0), (root.finishedWork = null)),
         (thenable = requestCurrentTime()),
         (thenable = inferPriorityFromExpirationTime(thenable, suspendedTime)),
         scheduleCallbackForRoot(root, thenable, suspendedTime)));
@@ -6336,7 +6831,7 @@ function resolveRetryThenable(boundaryFiber, thenable) {
   var retryCache = boundaryFiber.stateNode;
   null !== retryCache && retryCache.delete(thenable);
   retryCache = requestCurrentTime();
-  thenable = computeExpirationForFiber(retryCache, boundaryFiber);
+  thenable = computeExpirationForFiber(retryCache, boundaryFiber, null);
   retryCache = inferPriorityFromExpirationTime(retryCache, thenable);
   boundaryFiber = markUpdateTimeFromFiberToRoot(boundaryFiber, thenable);
   null !== boundaryFiber &&
@@ -6389,6 +6884,11 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                   workInProgress,
                   renderExpirationTime
                 );
+              push(
+                suspenseStackCursor,
+                suspenseStackCursor.current & SubtreeSuspenseContextMask,
+                workInProgress
+              );
               workInProgress = bailoutOnAlreadyFinishedWork(
                 current$$1,
                 workInProgress,
@@ -6396,6 +6896,33 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
               );
               return null !== workInProgress ? workInProgress.sibling : null;
             }
+            push(
+              suspenseStackCursor,
+              suspenseStackCursor.current & SubtreeSuspenseContextMask,
+              workInProgress
+            );
+            break;
+          case 19:
+            updateExpirationTime =
+              workInProgress.childExpirationTime >= renderExpirationTime;
+            if (0 !== (current$$1.effectTag & 64)) {
+              if (updateExpirationTime)
+                return updateSuspenseListComponent(
+                  current$$1,
+                  workInProgress,
+                  renderExpirationTime
+                );
+              workInProgress.effectTag |= 64;
+            }
+            var renderState = workInProgress.memoizedState;
+            null !== renderState &&
+              ((renderState.rendering = null), (renderState.tail = null));
+            push(
+              suspenseStackCursor,
+              suspenseStackCursor.current,
+              workInProgress
+            );
+            if (!updateExpirationTime) return null;
         }
         return bailoutOnAlreadyFinishedWork(
           current$$1,
@@ -6408,31 +6935,31 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
   workInProgress.expirationTime = 0;
   switch (workInProgress.tag) {
     case 2:
-      updateExpirationTime = workInProgress.elementType;
+      updateExpirationTime = workInProgress.type;
       null !== current$$1 &&
         ((current$$1.alternate = null),
         (workInProgress.alternate = null),
         (workInProgress.effectTag |= 2));
       current$$1 = workInProgress.pendingProps;
-      var context = getMaskedContext(
+      renderState = getMaskedContext(
         workInProgress,
         contextStackCursor.current
       );
       prepareToReadContext(workInProgress, renderExpirationTime);
-      context = renderWithHooks(
+      renderState = renderWithHooks(
         null,
         workInProgress,
         updateExpirationTime,
         current$$1,
-        context,
+        renderState,
         renderExpirationTime
       );
       workInProgress.effectTag |= 1;
       if (
-        "object" === typeof context &&
-        null !== context &&
-        "function" === typeof context.render &&
-        void 0 === context.$$typeof
+        "object" === typeof renderState &&
+        null !== renderState &&
+        "function" === typeof renderState.render &&
+        void 0 === renderState.$$typeof
       ) {
         workInProgress.tag = 1;
         resetHooks();
@@ -6441,8 +6968,8 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           pushContextProvider(workInProgress);
         } else hasContext = !1;
         workInProgress.memoizedState =
-          null !== context.state && void 0 !== context.state
-            ? context.state
+          null !== renderState.state && void 0 !== renderState.state
+            ? renderState.state
             : null;
         var getDerivedStateFromProps =
           updateExpirationTime.getDerivedStateFromProps;
@@ -6453,9 +6980,9 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             getDerivedStateFromProps,
             current$$1
           );
-        context.updater = classComponentUpdater;
-        workInProgress.stateNode = context;
-        context._reactInternalFiber = workInProgress;
+        renderState.updater = classComponentUpdater;
+        workInProgress.stateNode = renderState;
+        renderState._reactInternalFiber = workInProgress;
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
@@ -6475,28 +7002,28 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           reconcileChildren(
             null,
             workInProgress,
-            context,
+            renderState,
             renderExpirationTime
           ),
           (workInProgress = workInProgress.child);
       return workInProgress;
     case 16:
-      context = workInProgress.elementType;
+      renderState = workInProgress.elementType;
       null !== current$$1 &&
         ((current$$1.alternate = null),
         (workInProgress.alternate = null),
         (workInProgress.effectTag |= 2));
       current$$1 = workInProgress.pendingProps;
-      context = readLazyComponentType(context);
-      workInProgress.type = context;
-      hasContext = workInProgress.tag = resolveLazyComponentTag(context);
-      current$$1 = resolveDefaultProps(context, current$$1);
+      renderState = readLazyComponentType(renderState);
+      workInProgress.type = renderState;
+      hasContext = workInProgress.tag = resolveLazyComponentTag(renderState);
+      current$$1 = resolveDefaultProps(renderState, current$$1);
       switch (hasContext) {
         case 0:
           workInProgress = updateFunctionComponent(
             null,
             workInProgress,
-            context,
+            renderState,
             current$$1,
             renderExpirationTime
           );
@@ -6505,7 +7032,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress = updateClassComponent(
             null,
             workInProgress,
-            context,
+            renderState,
             current$$1,
             renderExpirationTime
           );
@@ -6514,7 +7041,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress = updateForwardRef(
             null,
             workInProgress,
-            context,
+            renderState,
             current$$1,
             renderExpirationTime
           );
@@ -6523,49 +7050,51 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress = updateMemoComponent(
             null,
             workInProgress,
-            context,
-            resolveDefaultProps(context.type, current$$1),
+            renderState,
+            resolveDefaultProps(renderState.type, current$$1),
             updateExpirationTime,
             renderExpirationTime
           );
           break;
         default:
           throw ReactError(
-            "Element type is invalid. Received a promise that resolves to: " +
-              context +
-              ". Lazy element type must resolve to a class or function."
+            Error(
+              "Element type is invalid. Received a promise that resolves to: " +
+                renderState +
+                ". Lazy element type must resolve to a class or function."
+            )
           );
       }
       return workInProgress;
     case 0:
       return (
         (updateExpirationTime = workInProgress.type),
-        (context = workInProgress.pendingProps),
-        (context =
+        (renderState = workInProgress.pendingProps),
+        (renderState =
           workInProgress.elementType === updateExpirationTime
-            ? context
-            : resolveDefaultProps(updateExpirationTime, context)),
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
         updateFunctionComponent(
           current$$1,
           workInProgress,
           updateExpirationTime,
-          context,
+          renderState,
           renderExpirationTime
         )
       );
     case 1:
       return (
         (updateExpirationTime = workInProgress.type),
-        (context = workInProgress.pendingProps),
-        (context =
+        (renderState = workInProgress.pendingProps),
+        (renderState =
           workInProgress.elementType === updateExpirationTime
-            ? context
-            : resolveDefaultProps(updateExpirationTime, context)),
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
         updateClassComponent(
           current$$1,
           workInProgress,
           updateExpirationTime,
-          context,
+          renderState,
           renderExpirationTime
         )
       );
@@ -6574,10 +7103,12 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       updateExpirationTime = workInProgress.updateQueue;
       if (null === updateExpirationTime)
         throw ReactError(
-          "If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
-      context = workInProgress.memoizedState;
-      context = null !== context ? context.element : null;
+      renderState = workInProgress.memoizedState;
+      renderState = null !== renderState ? renderState.element : null;
       processUpdateQueue(
         workInProgress,
         updateExpirationTime,
@@ -6586,7 +7117,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
         renderExpirationTime
       );
       updateExpirationTime = workInProgress.memoizedState.element;
-      updateExpirationTime === context
+      updateExpirationTime === renderState
         ? (workInProgress = bailoutOnAlreadyFinishedWork(
             current$$1,
             workInProgress,
@@ -6650,16 +7181,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 11:
       return (
         (updateExpirationTime = workInProgress.type),
-        (context = workInProgress.pendingProps),
-        (context =
+        (renderState = workInProgress.pendingProps),
+        (renderState =
           workInProgress.elementType === updateExpirationTime
-            ? context
-            : resolveDefaultProps(updateExpirationTime, context)),
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
         updateForwardRef(
           current$$1,
           workInProgress,
           updateExpirationTime,
-          context,
+          renderState,
           renderExpirationTime
         )
       );
@@ -6697,9 +7228,9 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 10:
       a: {
         updateExpirationTime = workInProgress.type._context;
-        context = workInProgress.pendingProps;
+        renderState = workInProgress.pendingProps;
         getDerivedStateFromProps = workInProgress.memoizedProps;
-        hasContext = context.value;
+        hasContext = renderState.value;
         pushProvider(workInProgress, hasContext);
         if (null !== getDerivedStateFromProps) {
           var oldValue = getDerivedStateFromProps.value;
@@ -6713,7 +7244,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                 : 1073741823) | 0;
           if (0 === hasContext) {
             if (
-              getDerivedStateFromProps.children === context.children &&
+              getDerivedStateFromProps.children === renderState.children &&
               !didPerformWorkStackCursor.current
             ) {
               workInProgress = bailoutOnAlreadyFinishedWork(
@@ -6730,16 +7261,20 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
               null !== oldValue;
 
             ) {
-              var list = oldValue.contextDependencies;
+              var list = oldValue.dependencies;
               if (null !== list) {
                 getDerivedStateFromProps = oldValue.child;
-                for (var dependency = list.first; null !== dependency; ) {
+                for (
+                  var dependency = list.firstContext;
+                  null !== dependency;
+
+                ) {
                   if (
                     dependency.context === updateExpirationTime &&
                     0 !== (dependency.observedBits & hasContext)
                   ) {
                     1 === oldValue.tag &&
-                      ((dependency = createUpdate(renderExpirationTime)),
+                      ((dependency = createUpdate(renderExpirationTime, null)),
                       (dependency.tag = 2),
                       enqueueUpdate(oldValue, dependency));
                     oldValue.expirationTime < renderExpirationTime &&
@@ -6748,22 +7283,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                     null !== dependency &&
                       dependency.expirationTime < renderExpirationTime &&
                       (dependency.expirationTime = renderExpirationTime);
-                    dependency = renderExpirationTime;
-                    for (var node = oldValue.return; null !== node; ) {
-                      var alternate = node.alternate;
-                      if (node.childExpirationTime < dependency)
-                        (node.childExpirationTime = dependency),
-                          null !== alternate &&
-                            alternate.childExpirationTime < dependency &&
-                            (alternate.childExpirationTime = dependency);
-                      else if (
-                        null !== alternate &&
-                        alternate.childExpirationTime < dependency
-                      )
-                        alternate.childExpirationTime = dependency;
-                      else break;
-                      node = node.return;
-                    }
+                    scheduleWorkOnParentPath(
+                      oldValue.return,
+                      renderExpirationTime
+                    );
                     list.expirationTime < renderExpirationTime &&
                       (list.expirationTime = renderExpirationTime);
                     break;
@@ -6803,7 +7326,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
         reconcileChildren(
           current$$1,
           workInProgress,
-          context.children,
+          renderState.children,
           renderExpirationTime
         );
         workInProgress = workInProgress.child;
@@ -6811,12 +7334,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       return workInProgress;
     case 9:
       return (
-        (context = workInProgress.type),
+        (renderState = workInProgress.type),
         (hasContext = workInProgress.pendingProps),
         (updateExpirationTime = hasContext.children),
         prepareToReadContext(workInProgress, renderExpirationTime),
-        (context = readContext(context, hasContext.unstable_observedBits)),
-        (updateExpirationTime = updateExpirationTime(context)),
+        (renderState = readContext(
+          renderState,
+          hasContext.unstable_observedBits
+        )),
+        (updateExpirationTime = updateExpirationTime(renderState)),
         (workInProgress.effectTag |= 1),
         reconcileChildren(
           current$$1,
@@ -6828,16 +7354,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       );
     case 14:
       return (
-        (context = workInProgress.type),
+        (renderState = workInProgress.type),
         (hasContext = resolveDefaultProps(
-          context,
+          renderState,
           workInProgress.pendingProps
         )),
-        (hasContext = resolveDefaultProps(context.type, hasContext)),
+        (hasContext = resolveDefaultProps(renderState.type, hasContext)),
         updateMemoComponent(
           current$$1,
           workInProgress,
-          context,
+          renderState,
           hasContext,
           updateExpirationTime,
           renderExpirationTime
@@ -6855,11 +7381,11 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 17:
       return (
         (updateExpirationTime = workInProgress.type),
-        (context = workInProgress.pendingProps),
-        (context =
+        (renderState = workInProgress.pendingProps),
+        (renderState =
           workInProgress.elementType === updateExpirationTime
-            ? context
-            : resolveDefaultProps(updateExpirationTime, context)),
+            ? renderState
+            : resolveDefaultProps(updateExpirationTime, renderState)),
         null !== current$$1 &&
           ((current$$1.alternate = null),
           (workInProgress.alternate = null),
@@ -6872,13 +7398,13 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
         constructClassInstance(
           workInProgress,
           updateExpirationTime,
-          context,
+          renderState,
           renderExpirationTime
         ),
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
-          context,
+          renderState,
           renderExpirationTime
         ),
         finishClassComponent(
@@ -6890,13 +7416,20 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           renderExpirationTime
         )
       );
+    case 19:
+      return updateSuspenseListComponent(
+        current$$1,
+        workInProgress,
+        renderExpirationTime
+      );
   }
   throw ReactError(
-    "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+    Error(
+      "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+    )
   );
 };
-function schedulePendingInteraction(root, expirationTime) {
-  var interactions = tracing.__interactionsRef.current;
+function scheduleInteractions(root, expirationTime, interactions) {
   if (0 < interactions.size) {
     var pendingInteractionMap = root.pendingInteractionMap,
       pendingInteractions = pendingInteractionMap.get(expirationTime);
@@ -6917,7 +7450,7 @@ function schedulePendingInteraction(root, expirationTime) {
       );
   }
 }
-function startWorkOnPendingInteraction(root, expirationTime) {
+function startWorkOnPendingInteractions(root, expirationTime) {
   var interactions = new Set();
   root.pendingInteractionMap.forEach(function(
     scheduledInteractions,
@@ -6982,14 +7515,248 @@ function finishPendingInteractions(root, committedExpirationTime) {
     });
   }
 }
+var onCommitFiberRoot = null,
+  onCommitFiberUnmount = null,
+  isDevToolsPresent = "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__;
+function injectInternals(internals) {
+  if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
+  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  if (hook.isDisabled || !hook.supportsFiber) return !0;
+  try {
+    var rendererID = hook.inject(internals);
+    onCommitFiberRoot = function(root, expirationTime) {
+      try {
+        var didError = 64 === (root.current.effectTag & 64),
+          currentTime = requestCurrentTime(),
+          priorityLevel = inferPriorityFromExpirationTime(
+            currentTime,
+            expirationTime
+          );
+        hook.onCommitFiberRoot(rendererID, root, priorityLevel, didError);
+      } catch (err) {}
+    };
+    onCommitFiberUnmount = function(fiber) {
+      try {
+        hook.onCommitFiberUnmount(rendererID, fiber);
+      } catch (err) {}
+    };
+  } catch (err) {}
+  return !0;
+}
+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.index = 0;
+  this.ref = null;
+  this.pendingProps = pendingProps;
+  this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
+  this.mode = mode;
+  this.effectTag = 0;
+  this.lastEffect = this.firstEffect = this.nextEffect = null;
+  this.childExpirationTime = this.expirationTime = 0;
+  this.alternate = null;
+  this.actualDuration = 0;
+  this.actualStartTime = -1;
+  this.treeBaseDuration = this.selfBaseDuration = 0;
+}
+function createFiber(tag, pendingProps, key, mode) {
+  return new FiberNode(tag, pendingProps, key, mode);
+}
+function shouldConstruct(Component) {
+  Component = Component.prototype;
+  return !(!Component || !Component.isReactComponent);
+}
+function resolveLazyComponentTag(Component) {
+  if ("function" === typeof Component)
+    return shouldConstruct(Component) ? 1 : 0;
+  if (void 0 !== Component && null !== Component) {
+    Component = Component.$$typeof;
+    if (Component === REACT_FORWARD_REF_TYPE) return 11;
+    if (Component === REACT_MEMO_TYPE) return 14;
+  }
+  return 2;
+}
+function createWorkInProgress(current, pendingProps) {
+  var workInProgress = current.alternate;
+  null === workInProgress
+    ? ((workInProgress = createFiber(
+        current.tag,
+        pendingProps,
+        current.key,
+        current.mode
+      )),
+      (workInProgress.elementType = current.elementType),
+      (workInProgress.type = current.type),
+      (workInProgress.stateNode = current.stateNode),
+      (workInProgress.alternate = current),
+      (current.alternate = workInProgress))
+    : ((workInProgress.pendingProps = pendingProps),
+      (workInProgress.effectTag = 0),
+      (workInProgress.nextEffect = null),
+      (workInProgress.firstEffect = null),
+      (workInProgress.lastEffect = null),
+      (workInProgress.actualDuration = 0),
+      (workInProgress.actualStartTime = -1));
+  workInProgress.childExpirationTime = current.childExpirationTime;
+  workInProgress.expirationTime = current.expirationTime;
+  workInProgress.child = current.child;
+  workInProgress.memoizedProps = current.memoizedProps;
+  workInProgress.memoizedState = current.memoizedState;
+  workInProgress.updateQueue = current.updateQueue;
+  pendingProps = current.dependencies;
+  workInProgress.dependencies =
+    null === pendingProps
+      ? null
+      : {
+          expirationTime: pendingProps.expirationTime,
+          firstContext: pendingProps.firstContext,
+          responders: pendingProps.responders
+        };
+  workInProgress.sibling = current.sibling;
+  workInProgress.index = current.index;
+  workInProgress.ref = current.ref;
+  workInProgress.selfBaseDuration = current.selfBaseDuration;
+  workInProgress.treeBaseDuration = current.treeBaseDuration;
+  return workInProgress;
+}
+function createFiberFromTypeAndProps(
+  type,
+  key,
+  pendingProps,
+  owner,
+  mode,
+  expirationTime
+) {
+  var fiberTag = 2;
+  owner = type;
+  if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
+  else if ("string" === typeof type) fiberTag = 5;
+  else
+    a: switch (type) {
+      case REACT_FRAGMENT_TYPE:
+        return createFiberFromFragment(
+          pendingProps.children,
+          mode,
+          expirationTime,
+          key
+        );
+      case REACT_CONCURRENT_MODE_TYPE:
+        fiberTag = 8;
+        mode |= 7;
+        break;
+      case REACT_STRICT_MODE_TYPE:
+        fiberTag = 8;
+        mode |= 1;
+        break;
+      case REACT_PROFILER_TYPE:
+        return (
+          (type = createFiber(12, pendingProps, key, mode | 8)),
+          (type.elementType = REACT_PROFILER_TYPE),
+          (type.type = REACT_PROFILER_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      case REACT_SUSPENSE_TYPE:
+        return (
+          (type = createFiber(13, pendingProps, key, mode)),
+          (type.type = REACT_SUSPENSE_TYPE),
+          (type.elementType = REACT_SUSPENSE_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      case REACT_SUSPENSE_LIST_TYPE:
+        return (
+          (type = createFiber(19, pendingProps, key, mode)),
+          (type.elementType = REACT_SUSPENSE_LIST_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      default:
+        if ("object" === typeof type && null !== type)
+          switch (type.$$typeof) {
+            case REACT_PROVIDER_TYPE:
+              fiberTag = 10;
+              break a;
+            case REACT_CONTEXT_TYPE:
+              fiberTag = 9;
+              break a;
+            case REACT_FORWARD_REF_TYPE:
+              fiberTag = 11;
+              break a;
+            case REACT_MEMO_TYPE:
+              fiberTag = 14;
+              break a;
+            case REACT_LAZY_TYPE:
+              fiberTag = 16;
+              owner = null;
+              break a;
+          }
+        throw ReactError(
+          Error(
+            "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
+              (null == type ? type : typeof type) +
+              "."
+          )
+        );
+    }
+  key = createFiber(fiberTag, pendingProps, key, mode);
+  key.elementType = type;
+  key.type = owner;
+  key.expirationTime = expirationTime;
+  return key;
+}
+function createFiberFromFragment(elements, mode, expirationTime, key) {
+  elements = createFiber(7, elements, key, mode);
+  elements.expirationTime = expirationTime;
+  return elements;
+}
+function createFiberFromText(content, mode, expirationTime) {
+  content = createFiber(6, content, null, mode);
+  content.expirationTime = expirationTime;
+  return content;
+}
+function createFiberFromPortal(portal, mode, expirationTime) {
+  mode = createFiber(
+    4,
+    null !== portal.children ? portal.children : [],
+    portal.key,
+    mode
+  );
+  mode.expirationTime = expirationTime;
+  mode.stateNode = {
+    containerInfo: portal.containerInfo,
+    pendingChildren: null,
+    implementation: portal.implementation
+  };
+  return mode;
+}
+function FiberRootNode(containerInfo, tag, hydrate) {
+  this.tag = tag;
+  this.current = null;
+  this.containerInfo = containerInfo;
+  this.pingCache = this.pendingChildren = null;
+  this.finishedExpirationTime = 0;
+  this.finishedWork = null;
+  this.timeoutHandle = -1;
+  this.pendingContext = this.context = null;
+  this.hydrate = hydrate;
+  this.callbackNode = this.firstBatch = null;
+  this.pingTime = this.lastPendingTime = this.firstPendingTime = this.callbackExpirationTime = 0;
+  this.interactionThreadID = tracing.unstable_getThreadID();
+  this.memoizedInteractions = new Set();
+  this.pendingInteractionMap = new Map();
+}
 function findHostInstance(component) {
   var fiber = component._reactInternalFiber;
   if (void 0 === fiber) {
     if ("function" === typeof component.render)
-      throw ReactError("Unable to find node on an unmounted component.");
+      throw ReactError(Error("Unable to find node on an unmounted component."));
     throw ReactError(
-      "Argument appears to not be a ReactComponent. Keys: " +
-        Object.keys(component)
+      Error(
+        "Argument appears to not be a ReactComponent. Keys: " +
+          Object.keys(component)
+      )
     );
   }
   component = findCurrentHostFiber(fiber);
@@ -6997,8 +7764,13 @@ function findHostInstance(component) {
 }
 function updateContainer(element, container, parentComponent, callback) {
   var current$$1 = container.current,
-    currentTime = requestCurrentTime();
-  current$$1 = computeExpirationForFiber(currentTime, current$$1);
+    currentTime = requestCurrentTime(),
+    suspenseConfig = ReactCurrentBatchConfig.suspense;
+  current$$1 = computeExpirationForFiber(
+    currentTime,
+    current$$1,
+    suspenseConfig
+  );
   currentTime = container.current;
   a: if (parentComponent) {
     parentComponent = parentComponent._reactInternalFiber;
@@ -7008,7 +7780,9 @@ function updateContainer(element, container, parentComponent, callback) {
         1 !== parentComponent.tag
       )
         throw ReactError(
-          "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+          Error(
+            "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+          )
         );
       var parentContext = parentComponent;
       do {
@@ -7027,7 +7801,9 @@ function updateContainer(element, container, parentComponent, callback) {
         parentContext = parentContext.return;
       } while (null !== parentContext);
       throw ReactError(
-        "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+        Error(
+          "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+        )
       );
     }
     if (1 === parentComponent.tag) {
@@ -7047,12 +7823,11 @@ function updateContainer(element, container, parentComponent, callback) {
     ? (container.context = parentComponent)
     : (container.pendingContext = parentComponent);
   container = callback;
-  callback = createUpdate(current$$1);
-  callback.payload = { element: element };
+  suspenseConfig = createUpdate(current$$1, suspenseConfig);
+  suspenseConfig.payload = { element: element };
   container = void 0 === container ? null : container;
-  null !== container && (callback.callback = container);
-  flushPassiveEffects();
-  enqueueUpdate(currentTime, callback);
+  null !== container && (suspenseConfig.callback = container);
+  enqueueUpdate(currentTime, suspenseConfig);
   scheduleUpdateOnFiber(currentTime, current$$1);
   return current$$1;
 }
@@ -7089,7 +7864,7 @@ function _inherits(subClass, superClass) {
 var getInspectorDataForViewTag = void 0;
 getInspectorDataForViewTag = function() {
   throw ReactError(
-    "getInspectorDataForViewTag() is not available in production"
+    Error("getInspectorDataForViewTag() is not available in production")
   );
 };
 function findNodeHandle(componentOrHandle) {
@@ -7105,19 +7880,19 @@ function findNodeHandle(componentOrHandle) {
       ? componentOrHandle.canonical._nativeTag
       : componentOrHandle._nativeTag;
 }
-_batchedUpdatesImpl = function(fn, a) {
-  if (0 !== workPhase) return fn(a);
-  workPhase = 1;
+batchedUpdatesImpl = function(fn, a) {
+  var prevExecutionContext = executionContext;
+  executionContext |= 1;
   try {
     return fn(a);
   } finally {
-    (workPhase = 0), flushImmediateQueue();
+    (executionContext = prevExecutionContext),
+      executionContext === NoContext && flushSyncCallbackQueue();
   }
 };
-_flushInteractiveUpdatesImpl = function() {
-  workPhase !== RenderPhase &&
-    workPhase !== CommitPhase &&
-    flushPendingDiscreteUpdates();
+flushDiscreteUpdatesImpl = function() {
+  (executionContext & (1 | RenderContext | CommitContext)) === NoContext &&
+    (flushPendingDiscreteUpdates(), flushPassiveEffects());
 };
 var roots = new Map(),
   ReactNativeRenderer = {
@@ -7138,10 +7913,14 @@ var roots = new Map(),
         }
         _inherits(ReactNativeComponent, _React$Component);
         ReactNativeComponent.prototype.blur = function() {
-          TextInputState.blurTextInput(findNodeHandle(this));
+          ReactNativePrivateInterface.TextInputState.blurTextInput(
+            findNodeHandle(this)
+          );
         };
         ReactNativeComponent.prototype.focus = function() {
-          TextInputState.focusTextInput(findNodeHandle(this));
+          ReactNativePrivateInterface.TextInputState.focusTextInput(
+            findNodeHandle(this)
+          );
         };
         ReactNativeComponent.prototype.measure = function(callback) {
           var maybeInstance = void 0;
@@ -7154,7 +7933,7 @@ var roots = new Map(),
                   maybeInstance.node,
                   mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                 )
-              : UIManager.measure(
+              : ReactNativePrivateInterface.UIManager.measure(
                   findNodeHandle(this),
                   mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                 ));
@@ -7170,7 +7949,7 @@ var roots = new Map(),
                   maybeInstance.node,
                   mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                 )
-              : UIManager.measureInWindow(
+              : ReactNativePrivateInterface.UIManager.measureInWindow(
                   findNodeHandle(this),
                   mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                 ));
@@ -7192,7 +7971,7 @@ var roots = new Map(),
               : relativeToNativeNode._nativeTag &&
                 (maybeInstance = relativeToNativeNode._nativeTag),
             null != maybeInstance &&
-              UIManager.measureLayout(
+              ReactNativePrivateInterface.UIManager.measureLayout(
                 findNodeHandle(this),
                 maybeInstance,
                 mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
@@ -7216,7 +7995,7 @@ var roots = new Map(),
               maybeInstance.validAttributes
             );
             null != nativeProps &&
-              UIManager.updateView(
+              ReactNativePrivateInterface.UIManager.updateView(
                 nativeTag,
                 maybeInstance.uiViewClassName,
                 nativeProps
@@ -7227,6 +8006,14 @@ var roots = new Map(),
       })(React.Component);
     })(findNodeHandle, findHostInstance),
     findNodeHandle: findNodeHandle,
+    dispatchCommand: function(handle, command, args) {
+      null != handle._nativeTag &&
+        ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
+          handle._nativeTag,
+          command,
+          args
+        );
+    },
     setNativeProps: function(handle, nativeProps) {
       null != handle._nativeTag &&
         ((nativeProps = diffProperties(
@@ -7236,7 +8023,7 @@ var roots = new Map(),
           handle.viewConfig.validAttributes
         )),
         null != nativeProps &&
-          UIManager.updateView(
+          ReactNativePrivateInterface.UIManager.updateView(
             handle._nativeTag,
             handle.viewConfig.uiViewClassName,
             nativeProps
@@ -7245,9 +8032,9 @@ var roots = new Map(),
     render: function(element, containerTag, callback) {
       var root = roots.get(containerTag);
       if (!root) {
-        root = new FiberRootNode(containerTag, !1);
+        root = new FiberRootNode(containerTag, 0, !1);
         var uninitializedFiber = 0;
-        isDevToolsPresent && (uninitializedFiber |= 4);
+        isDevToolsPresent && (uninitializedFiber |= 8);
         uninitializedFiber = createFiber(3, null, null, uninitializedFiber);
         root.current = uninitializedFiber;
         uninitializedFiber.stateNode = root;
@@ -7274,7 +8061,7 @@ var roots = new Map(),
     },
     unmountComponentAtNodeAndRemoveContainer: function(containerTag) {
       ReactNativeRenderer.unmountComponentAtNode(containerTag);
-      UIManager.removeRootView(containerTag);
+      ReactNativePrivateInterface.UIManager.removeRootView(containerTag);
     },
     createPortal: function(children, containerTag) {
       return createPortal(
@@ -7299,7 +8086,7 @@ var roots = new Map(),
                     maybeInstance.node,
                     mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                   )
-                : UIManager.measure(
+                : ReactNativePrivateInterface.UIManager.measure(
                     findNodeHandle(this),
                     mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                   ));
@@ -7315,7 +8102,7 @@ var roots = new Map(),
                     maybeInstance.node,
                     mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                   )
-                : UIManager.measureInWindow(
+                : ReactNativePrivateInterface.UIManager.measureInWindow(
                     findNodeHandle(this),
                     mountSafeCallback_NOT_REALLY_SAFE(this, callback)
                   ));
@@ -7333,7 +8120,7 @@ var roots = new Map(),
                 : relativeToNativeNode._nativeTag &&
                   (maybeInstance = relativeToNativeNode._nativeTag),
               null != maybeInstance &&
-                UIManager.measureLayout(
+                ReactNativePrivateInterface.UIManager.measureLayout(
                   findNodeHandle(this),
                   maybeInstance,
                   mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
@@ -7357,7 +8144,7 @@ var roots = new Map(),
                 maybeInstance.validAttributes
               );
               null != nativeProps &&
-                UIManager.updateView(
+                ReactNativePrivateInterface.UIManager.updateView(
                   nativeTag,
                   maybeInstance.uiViewClassName,
                   nativeProps
@@ -7365,10 +8152,14 @@ var roots = new Map(),
             }
           },
           focus: function() {
-            TextInputState.focusTextInput(findNodeHandle(this));
+            ReactNativePrivateInterface.TextInputState.focusTextInput(
+              findNodeHandle(this)
+            );
           },
           blur: function() {
-            TextInputState.blurTextInput(findNodeHandle(this));
+            ReactNativePrivateInterface.TextInputState.blurTextInput(
+              findNodeHandle(this)
+            );
           }
         };
       })(findNodeHandle, findHostInstance),
@@ -7396,7 +8187,12 @@ var roots = new Map(),
         return findFiberByHostInstance
           ? findFiberByHostInstance(instance)
           : null;
-      }
+      },
+      findHostInstancesForRefresh: null,
+      scheduleRefresh: null,
+      scheduleRoot: null,
+      setRefreshHandler: null,
+      getCurrentFiber: null
     })
   );
 })({
diff --git a/Libraries/Renderer/shims/ReactFabric.js b/Libraries/Renderer/shims/ReactFabric.js
index 5cea0e09037851..8f6a708fd20579 100644
--- a/Libraries/Renderer/shims/ReactFabric.js
+++ b/Libraries/Renderer/shims/ReactFabric.js
@@ -10,7 +10,7 @@
 
 'use strict';
 
-const BatchedBridge = require('../../BatchedBridge/BatchedBridge');
+import {BatchedBridge} from 'react-native/Libraries/ReactPrivate/ReactNativePrivateInterface';
 
 // TODO @sema: Adjust types
 import type {ReactNativeType} from './ReactNativeTypes';
@@ -18,9 +18,9 @@ import type {ReactNativeType} from './ReactNativeTypes';
 let ReactFabric;
 
 if (__DEV__) {
-  ReactFabric = require('ReactFabric-dev');
+  ReactFabric = require('../implementations/ReactFabric-dev');
 } else {
-  ReactFabric = require('ReactFabric-prod');
+  ReactFabric = require('../implementations/ReactFabric-prod');
 }
 
 BatchedBridge.registerCallableModule('ReactFabric', ReactFabric);
diff --git a/Libraries/Renderer/shims/ReactFeatureFlags.js b/Libraries/Renderer/shims/ReactFeatureFlags.js
index 5a2b32e747e601..86feb9c0228212 100644
--- a/Libraries/Renderer/shims/ReactFeatureFlags.js
+++ b/Libraries/Renderer/shims/ReactFeatureFlags.js
@@ -1,18 +1,17 @@
 /**
- * Copyright (c) 2013-present, Facebook, Inc.
+ * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ReactFeatureFlags
+ * @format
+ * @flow
  */
 
 'use strict';
 
 const ReactFeatureFlags = {
   debugRenderPhaseSideEffects: false,
-  debugRenderPhaseSideEffectsForStrictMode: false,
-  warnAboutDeprecatedLifecycles: false,
 };
 
 module.exports = ReactFeatureFlags;
diff --git a/Libraries/Renderer/shims/ReactNative.js b/Libraries/Renderer/shims/ReactNative.js
index 857858e55bd39a..9f471e4107a7ee 100644
--- a/Libraries/Renderer/shims/ReactNative.js
+++ b/Libraries/Renderer/shims/ReactNative.js
@@ -15,9 +15,9 @@ import type {ReactNativeType} from './ReactNativeTypes';
 let ReactNative;
 
 if (__DEV__) {
-  ReactNative = require('ReactNativeRenderer-dev');
+  ReactNative = require('../implementations/ReactNativeRenderer-dev');
 } else {
-  ReactNative = require('ReactNativeRenderer-prod');
+  ReactNative = require('../implementations/ReactNativeRenderer-prod');
 }
 
 module.exports = (ReactNative: ReactNativeType);
diff --git a/Libraries/Renderer/shims/ReactNativeTypes.js b/Libraries/Renderer/shims/ReactNativeTypes.js
index 3e777114db2ae5..04200f2bb9fa87 100644
--- a/Libraries/Renderer/shims/ReactNativeTypes.js
+++ b/Libraries/Renderer/shims/ReactNativeTypes.js
@@ -131,6 +131,7 @@ type SecretInternalsFabricType = {
 export type ReactNativeType = {
   NativeComponent: typeof ReactNativeComponent,
   findNodeHandle(componentOrHandle: any): ?number,
+  dispatchCommand(handle: any, command: string, args: Array<any>): void,
   setNativeProps(handle: any, nativeProps: Object): void,
   render(
     element: React$Element<any>,
@@ -147,6 +148,7 @@ export type ReactNativeType = {
 export type ReactFabricType = {
   NativeComponent: typeof ReactNativeComponent,
   findNodeHandle(componentOrHandle: any): ?number,
+  dispatchCommand(handle: any, command: string, args: Array<any>): void,
   setNativeProps(handle: any, nativeProps: Object): void,
   render(
     element: React$Element<any>,
@@ -154,6 +156,82 @@ export type ReactFabricType = {
     callback: ?Function,
   ): any,
   unmountComponentAtNode(containerTag: number): any,
-
   __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: SecretInternalsFabricType,
 };
+
+export type ReactNativeEventTarget = {
+  node: Object,
+  canonical: {
+    _nativeTag: number,
+    viewConfig: ReactNativeBaseComponentViewConfig<>,
+    currentProps: Object,
+    _internalInstanceHandle: Object,
+  },
+};
+
+export type ReactFaricEventTouch = {
+  identifier: number,
+  locationX: number,
+  locationY: number,
+  pageX: number,
+  pageY: number,
+  screenX: number,
+  screenY: number,
+  target: number,
+  timestamp: number,
+  force: number,
+};
+
+export type ReactFaricEvent = {
+  touches: Array<ReactFaricEventTouch>,
+  changedTouches: Array<ReactFaricEventTouch>,
+  targetTouches: Array<ReactFaricEventTouch>,
+  target: number,
+};
+
+export type ReactNativeResponderEvent = {
+  nativeEvent: ReactFaricEvent,
+  responderTarget: null | ReactNativeEventTarget,
+  target: null | ReactNativeEventTarget,
+  type: string,
+};
+
+export type ReactNativeResponderContext = {
+  dispatchEvent: (
+    eventValue: any,
+    listener: (any) => void,
+    eventPriority: EventPriority,
+  ) => void,
+  isTargetWithinNode: (
+    childTarget: ReactNativeEventTarget,
+    parentTarget: ReactNativeEventTarget,
+  ) => boolean,
+  getTargetBoundingRect(
+    target: ReactNativeEventTarget,
+    cb: ({
+      left: number,
+      right: number,
+      top: number,
+      bottom: number,
+    }) => void,
+  ): void,
+  addRootEventTypes: (rootEventTypes: Array<string>) => void,
+  removeRootEventTypes: (rootEventTypes: Array<string>) => void,
+  setTimeout: (func: () => void, timeout: number) => number,
+  clearTimeout: (timerId: number) => void,
+  getTimeStamp: () => number,
+};
+
+export type PointerType =
+  | ''
+  | 'mouse'
+  | 'keyboard'
+  | 'pen'
+  | 'touch'
+  | 'trackpad';
+
+export type EventPriority = 0 | 1 | 2;
+
+export const DiscreteEvent: EventPriority = 0;
+export const UserBlockingEvent: EventPriority = 1;
+export const ContinuousEvent: EventPriority = 2;
diff --git a/Libraries/Renderer/shims/ReactNativeViewConfigRegistry.js b/Libraries/Renderer/shims/ReactNativeViewConfigRegistry.js
index cb27a9d9668616..c1e192abae644b 100644
--- a/Libraries/Renderer/shims/ReactNativeViewConfigRegistry.js
+++ b/Libraries/Renderer/shims/ReactNativeViewConfigRegistry.js
@@ -8,6 +8,8 @@
  * @flow strict-local
  */
 
+/* eslint-disable react-internal/warning-and-invariant-args */
+
 'use strict';
 
 import type {
@@ -18,13 +20,11 @@ import type {
 const invariant = require('invariant');
 
 // Event configs
-const customBubblingEventTypes = {};
-const customDirectEventTypes = {};
-const eventTypes = {};
+const customBubblingEventTypes: $TEMPORARY$object<{||}> = {};
+const customDirectEventTypes: $TEMPORARY$object<{||}> = {};
 
 exports.customBubblingEventTypes = customBubblingEventTypes;
 exports.customDirectEventTypes = customDirectEventTypes;
-exports.eventTypes = eventTypes;
 
 const viewConfigCallbacks = new Map();
 const viewConfigs = new Map();
@@ -49,7 +49,7 @@ function processEventTypes(
   if (bubblingEventTypes != null) {
     for (const topLevelType in bubblingEventTypes) {
       if (customBubblingEventTypes[topLevelType] == null) {
-        eventTypes[topLevelType] = customBubblingEventTypes[topLevelType] =
+        customBubblingEventTypes[topLevelType] =
           bubblingEventTypes[topLevelType];
       }
     }
@@ -58,8 +58,7 @@ function processEventTypes(
   if (directEventTypes != null) {
     for (const topLevelType in directEventTypes) {
       if (customDirectEventTypes[topLevelType] == null) {
-        eventTypes[topLevelType] = customDirectEventTypes[topLevelType] =
-          directEventTypes[topLevelType];
+        customDirectEventTypes[topLevelType] = directEventTypes[topLevelType];
       }
     }
   }
@@ -69,7 +68,6 @@ function processEventTypes(
  * Registers a native view/component by name.
  * A callback is provided to load the view config from UIManager.
  * The callback is deferred until the view is actually rendered.
- * This is done to avoid causing Prepack deopts.
  */
 exports.register = function(name: string, callback: ViewConfigGetter): string {
   invariant(
diff --git a/Libraries/Renderer/shims/ReactTypes.js b/Libraries/Renderer/shims/ReactTypes.js
index 229889f6156217..7f72ce6782c09a 100644
--- a/Libraries/Renderer/shims/ReactTypes.js
+++ b/Libraries/Renderer/shims/ReactTypes.js
@@ -7,16 +7,13 @@
  * @flow
  */
 
-/* eslint-disable no-use-before-define */
 export type ReactNode =
   | React$Element<any>
   | ReactPortal
   | ReactText
   | ReactFragment
   | ReactProvider<any>
-  | ReactConsumer<any>
-  | ReactEventComponent
-  | ReactEventTarget;
+  | ReactConsumer<any>;
 
 export type ReactEmpty = null | void | boolean;
 
@@ -82,111 +79,86 @@ export type RefObject = {|
   current: any,
 |};
 
-export type ReactEventResponderEventType =
-  | string
-  | {name: string, passive?: boolean};
-
-export type ReactEventResponder = {
-  targetEventTypes?: Array<ReactEventResponderEventType>,
-  rootEventTypes?: Array<ReactEventResponderEventType>,
-  createInitialState?: (props: null | Object) => Object,
-  stopLocalPropagation: boolean,
-  onEvent?: (
-    event: ReactResponderEvent,
-    context: ReactResponderContext,
-    props: null | Object,
-    state: null | Object,
-  ) => void,
-  onEventCapture?: (
-    event: ReactResponderEvent,
-    context: ReactResponderContext,
-    props: null | Object,
-    state: null | Object,
-  ) => void,
-  onRootEvent?: (
-    event: ReactResponderEvent,
-    context: ReactResponderContext,
-    props: null | Object,
-    state: null | Object,
-  ) => void,
-  onMount?: (
-    context: ReactResponderContext,
-    props: null | Object,
-    state: null | Object,
-  ) => void,
-  onUnmount?: (
-    context: ReactResponderContext,
-    props: null | Object,
-    state: null | Object,
-  ) => void,
-  onOwnershipChange?: (
-    context: ReactResponderContext,
-    props: null | Object,
-    state: null | Object,
-  ) => void,
-};
-
-export type ReactEventComponentInstance = {|
-  currentFiber: mixed,
-  props: null | Object,
-  responder: ReactEventResponder,
+export type ReactEventResponderInstance<E, C> = {|
+  fiber: Object,
+  props: Object,
+  responder: ReactEventResponder<E, C>,
   rootEventTypes: null | Set<string>,
-  rootInstance: mixed,
-  state: null | Object,
+  state: Object,
+  target: mixed,
 |};
 
-export type ReactEventComponent = {|
-  $$typeof: Symbol | number,
-  displayName?: string,
-  props: null | Object,
-  responder: ReactEventResponder,
+export type ReactEventResponderListener<E, C> = {|
+  props: Object,
+  responder: ReactEventResponder<E, C>,
 |};
 
-export type ReactEventTarget = {|
+export type ReactEventResponder<E, C> = {
   $$typeof: Symbol | number,
-  displayName?: string,
-  type: Symbol | number,
-|};
+  displayName: string,
+  targetEventTypes: null | Array<string>,
+  rootEventTypes: null | Array<string>,
+  getInitialState: null | ((props: Object) => Object),
+  onEvent:
+    | null
+    | ((event: E, context: C, props: Object, state: Object) => void),
+  onRootEvent:
+    | null
+    | ((event: E, context: C, props: Object, state: Object) => void),
+  onMount: null | ((context: C, props: Object, state: Object) => void),
+  onUnmount: null | ((context: C, props: Object, state: Object) => void),
+  onOwnershipChange:
+    | null
+    | ((context: C, props: Object, state: Object) => void),
+};
 
-type AnyNativeEvent = Event | KeyboardEvent | MouseEvent | Touch;
+export type EventPriority = 0 | 1 | 2;
 
-export type ReactResponderEvent = {
-  nativeEvent: AnyNativeEvent,
-  target: Element | Document,
-  type: string,
-  passive: boolean,
-  passiveSupported: boolean,
-};
+export const DiscreteEvent: EventPriority = 0;
+export const UserBlockingEvent: EventPriority = 1;
+export const ContinuousEvent: EventPriority = 2;
 
-export type ReactResponderDispatchEventOptions = {
-  discrete?: boolean,
-};
+export type ReactFundamentalComponentInstance<C, H> = {|
+  currentFiber: mixed,
+  instance: mixed,
+  prevProps: null | Object,
+  props: Object,
+  impl: ReactFundamentalImpl<C, H>,
+  state: Object,
+|};
 
-export type ReactResponderContext = {
-  dispatchEvent: (
-    eventObject: Object,
-    listener: (Object) => void,
-    options: ReactResponderDispatchEventOptions,
-  ) => void,
-  isTargetWithinElement: (
-    childTarget: Element | Document,
-    parentTarget: Element | Document,
+export type ReactFundamentalImpl<C, H> = {
+  displayName: string,
+  reconcileChildren: boolean,
+  getInitialState?: (props: Object) => Object,
+  getInstance: (context: C, props: Object, state: Object) => H,
+  getServerSideString?: (context: C, props: Object) => string,
+  getServerSideStringClose?: (context: C, props: Object) => string,
+  onMount: (context: C, instance: mixed, props: Object, state: Object) => void,
+  shouldUpdate?: (
+    context: C,
+    prevProps: null | Object,
+    nextProps: Object,
+    state: Object,
   ) => boolean,
-  isTargetWithinEventComponent: (Element | Document) => boolean,
-  isTargetWithinEventResponderScope: (Element | Document) => boolean,
-  isPositionWithinTouchHitTarget: (x: number, y: number) => boolean,
-  addRootEventTypes: (
-    rootEventTypes: Array<ReactEventResponderEventType>,
+  onUpdate?: (
+    context: C,
+    instance: mixed,
+    prevProps: null | Object,
+    nextProps: Object,
+    state: Object,
   ) => void,
-  removeRootEventTypes: (
-    rootEventTypes: Array<ReactEventResponderEventType>,
+  onUnmount?: (
+    context: C,
+    instance: mixed,
+    props: Object,
+    state: Object,
   ) => void,
-  hasOwnership: () => boolean,
-  requestResponderOwnership: () => boolean,
-  requestGlobalOwnership: () => boolean,
-  releaseOwnership: () => boolean,
-  setTimeout: (func: () => void, timeout: number) => Symbol,
-  clearTimeout: (timerId: Symbol) => void,
-  getFocusableElementsInScope(): Array<HTMLElement>,
-  getActiveDocument(): Document,
+  onHydrate?: (context: C, props: Object, state: Object) => boolean,
+  onFocus?: (context: C, props: Object, state: Object) => boolean,
 };
+
+export type ReactFundamentalComponent<C, H> = {|
+  $$typeof: Symbol | number,
+  impl: ReactFundamentalImpl<C, H>,
+|};
diff --git a/Libraries/Renderer/shims/createReactNativeComponentClass.js b/Libraries/Renderer/shims/createReactNativeComponentClass.js
index c632a3c0fbb35a..86a758d918b483 100644
--- a/Libraries/Renderer/shims/createReactNativeComponentClass.js
+++ b/Libraries/Renderer/shims/createReactNativeComponentClass.js
@@ -10,9 +10,11 @@
 
 'use strict';
 
+import {ReactNativeViewConfigRegistry} from 'react-native/Libraries/ReactPrivate/ReactNativePrivateInterface';
+
 import type {ViewConfigGetter} from './ReactNativeTypes';
 
-const {register} = require('./ReactNativeViewConfigRegistry');
+const {register} = ReactNativeViewConfigRegistry;
 
 /**
  * Creates a renderable ReactNative host component.
diff --git a/Libraries/Sample/Sample.android.js b/Libraries/Sample/Sample.android.js
index 2b30b41d7defa4..65ab87d6b04941 100644
--- a/Libraries/Sample/Sample.android.js
+++ b/Libraries/Sample/Sample.android.js
@@ -16,6 +16,9 @@ const warning = require('fbjs/lib/warning');
 
 const Sample = {
   test: function() {
+    /* $FlowFixMe(>=0.103.0 site=react_native_android_fb) This comment
+     * suppresses an error found when Flow v0.103 was deployed. To see the
+     * error, delete this comment and run Flow. */
     warning('Not yet implemented for Android.');
   },
 };
diff --git a/Libraries/Sample/Sample.xcodeproj/project.pbxproj b/Libraries/Sample/Sample.xcodeproj/project.pbxproj
deleted file mode 100644
index 7200a72610119f..00000000000000
--- a/Libraries/Sample/Sample.xcodeproj/project.pbxproj
+++ /dev/null
@@ -1,277 +0,0 @@
-// !$*UTF8*$!
-{
-	archiveVersion = 1;
-	classes = {
-	};
-	objectVersion = 46;
-	objects = {
-
-/* Begin PBXBuildFile section */
-		13BE3DEE1AC21097009241FE /* Sample.m in Sources */ = {isa = PBXBuildFile; fileRef = 13BE3DED1AC21097009241FE /* Sample.m */; };
-/* End PBXBuildFile section */
-
-/* Begin PBXCopyFilesBuildPhase section */
-		58B511D91A9E6C8500147676 /* CopyFiles */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = "include/$(PRODUCT_NAME)";
-			dstSubfolderSpec = 16;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXCopyFilesBuildPhase section */
-
-/* Begin PBXFileReference section */
-		134814201AA4EA6300B7C361 /* libSample.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libSample.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		13BE3DEC1AC21097009241FE /* Sample.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = Sample.h; sourceTree = "<group>"; };
-		13BE3DED1AC21097009241FE /* Sample.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = Sample.m; sourceTree = "<group>"; };
-/* End PBXFileReference section */
-
-/* Begin PBXFrameworksBuildPhase section */
-		58B511D81A9E6C8500147676 /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXFrameworksBuildPhase section */
-
-/* Begin PBXGroup section */
-		134814211AA4EA7D00B7C361 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				134814201AA4EA6300B7C361 /* libSample.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		58B511D21A9E6C8500147676 = {
-			isa = PBXGroup;
-			children = (
-				13BE3DEC1AC21097009241FE /* Sample.h */,
-				13BE3DED1AC21097009241FE /* Sample.m */,
-				134814211AA4EA7D00B7C361 /* Products */,
-			);
-			indentWidth = 2;
-			sourceTree = "<group>";
-			tabWidth = 2;
-			usesTabs = 0;
-		};
-/* End PBXGroup section */
-
-/* Begin PBXNativeTarget section */
-		58B511DA1A9E6C8500147676 /* Sample */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "Sample" */;
-			buildPhases = (
-				58B511D71A9E6C8500147676 /* Sources */,
-				58B511D81A9E6C8500147676 /* Frameworks */,
-				58B511D91A9E6C8500147676 /* CopyFiles */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = Sample;
-			productName = RCTDataManager;
-			productReference = 134814201AA4EA6300B7C361 /* libSample.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-/* End PBXNativeTarget section */
-
-/* Begin PBXProject section */
-		58B511D31A9E6C8500147676 /* Project object */ = {
-			isa = PBXProject;
-			attributes = {
-				LastUpgradeCheck = 0940;
-				ORGANIZATIONNAME = Facebook;
-				TargetAttributes = {
-					58B511DA1A9E6C8500147676 = {
-						CreatedOnToolsVersion = 6.1.1;
-					};
-				};
-			};
-			buildConfigurationList = 58B511D61A9E6C8500147676 /* Build configuration list for PBXProject "Sample" */;
-			compatibilityVersion = "Xcode 3.2";
-			developmentRegion = English;
-			hasScannedForEncodings = 0;
-			knownRegions = (
-				en,
-			);
-			mainGroup = 58B511D21A9E6C8500147676;
-			productRefGroup = 58B511D21A9E6C8500147676;
-			projectDirPath = "";
-			projectRoot = "";
-			targets = (
-				58B511DA1A9E6C8500147676 /* Sample */,
-			);
-		};
-/* End PBXProject section */
-
-/* Begin PBXSourcesBuildPhase section */
-		58B511D71A9E6C8500147676 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				13BE3DEE1AC21097009241FE /* Sample.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXSourcesBuildPhase section */
-
-/* Begin XCBuildConfiguration section */
-		58B511ED1A9E6C8500147676 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				ENABLE_TESTABILITY = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_DYNAMIC_NO_PIC = NO;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_OPTIMIZATION_LEVEL = 0;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"$(inherited)",
-				);
-				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MTL_ENABLE_DEBUG_INFO = YES;
-				ONLY_ACTIVE_ARCH = YES;
-				SDKROOT = iphoneos;
-			};
-			name = Debug;
-		};
-		58B511EE1A9E6C8500147676 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = YES;
-				ENABLE_NS_ASSERTIONS = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MTL_ENABLE_DEBUG_INFO = NO;
-				SDKROOT = iphoneos;
-				VALIDATE_PRODUCT = YES;
-			};
-			name = Release;
-		};
-		58B511F01A9E6C8500147676 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				HEADER_SEARCH_PATHS = (
-					"$(inherited)",
-					/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
-					"$(SRCROOT)/../../React/**",
-					"$(SRCROOT)/../../node_modules/react-native/React/**",
-				);
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = Sample;
-				SKIP_INSTALL = YES;
-			};
-			name = Debug;
-		};
-		58B511F11A9E6C8500147676 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				HEADER_SEARCH_PATHS = (
-					"$(inherited)",
-					/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
-					"$(SRCROOT)/../../React/**",
-				);
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = Sample;
-				SKIP_INSTALL = YES;
-			};
-			name = Release;
-		};
-/* End XCBuildConfiguration section */
-
-/* Begin XCConfigurationList section */
-		58B511D61A9E6C8500147676 /* Build configuration list for PBXProject "Sample" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				58B511ED1A9E6C8500147676 /* Debug */,
-				58B511EE1A9E6C8500147676 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "Sample" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				58B511F01A9E6C8500147676 /* Debug */,
-				58B511F11A9E6C8500147676 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-/* End XCConfigurationList section */
-	};
-	rootObject = 58B511D31A9E6C8500147676 /* Project object */;
-}
diff --git a/Libraries/Sample/package.json b/Libraries/Sample/package.json
index 3649dfb7c3737d..e4f6875b771eef 100644
--- a/Libraries/Sample/package.json
+++ b/Libraries/Sample/package.json
@@ -1,5 +1,8 @@
 {
   "name": "Sample",
   "version": "0.0.1",
-  "keywords": "react-native"
+  "keywords": "react-native",
+  "beachball": {
+    "shouldPublish": false
+  }  
 }
diff --git a/Libraries/Settings/NativeSettingsManager.js b/Libraries/Settings/NativeSettingsManager.js
new file mode 100644
index 00000000000000..1edd6187218962
--- /dev/null
+++ b/Libraries/Settings/NativeSettingsManager.js
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+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);
diff --git a/Libraries/Settings/RCTSettings.xcodeproj/project.pbxproj b/Libraries/Settings/RCTSettings.xcodeproj/project.pbxproj
deleted file mode 100644
index a6bdcec2d3b759..00000000000000
--- a/Libraries/Settings/RCTSettings.xcodeproj/project.pbxproj
+++ /dev/null
@@ -1,394 +0,0 @@
-// !$*UTF8*$!
-{
-	archiveVersion = 1;
-	classes = {
-	};
-	objectVersion = 46;
-	objects = {
-
-/* Begin PBXBuildFile section */
-		13DBA45E1AEE749000A17CF8 /* RCTSettingsManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13DBA45D1AEE749000A17CF8 /* RCTSettingsManager.m */; };
-		2D3B5F2C1D9B0ECA00451313 /* RCTSettingsManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13DBA45D1AEE749000A17CF8 /* RCTSettingsManager.m */; };
-		6448A5C91F292E63006FF1F5 /* RCTSettingsManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13DBA45D1AEE749000A17CF8 /* RCTSettingsManager.m */; };
-/* End PBXBuildFile section */
-
-/* Begin PBXFileReference section */
-		134814201AA4EA6300B7C361 /* libRCTSettings.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRCTSettings.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		13DBA45C1AEE749000A17CF8 /* RCTSettingsManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSettingsManager.h; sourceTree = "<group>"; };
-		13DBA45D1AEE749000A17CF8 /* RCTSettingsManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTSettingsManager.m; sourceTree = "<group>"; };
-		2D2A28611D9B046600D4039D /* libRCTSettings-tvOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libRCTSettings-tvOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		6448A5CD1F292E63006FF1F5 /* libRCTSettings-macOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libRCTSettings-macOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-/* End PBXFileReference section */
-
-/* Begin PBXGroup section */
-		134814211AA4EA7D00B7C361 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				134814201AA4EA6300B7C361 /* libRCTSettings.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		58B511D21A9E6C8500147676 = {
-			isa = PBXGroup;
-			children = (
-				13DBA45C1AEE749000A17CF8 /* RCTSettingsManager.h */,
-				13DBA45D1AEE749000A17CF8 /* RCTSettingsManager.m */,
-				134814211AA4EA7D00B7C361 /* Products */,
-				2D2A28611D9B046600D4039D /* libRCTSettings-tvOS.a */,
-				6448A5CD1F292E63006FF1F5 /* libRCTSettings-macOS.a */,
-			);
-			indentWidth = 2;
-			sourceTree = "<group>";
-			tabWidth = 2;
-			usesTabs = 0;
-		};
-/* End PBXGroup section */
-
-/* Begin PBXNativeTarget section */
-		2D2A28601D9B046600D4039D /* RCTSettings-tvOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 2D2A28691D9B046600D4039D /* Build configuration list for PBXNativeTarget "RCTSettings-tvOS" */;
-			buildPhases = (
-				2D2A285D1D9B046600D4039D /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "RCTSettings-tvOS";
-			productName = "RCTSettings-tvOS";
-			productReference = 2D2A28611D9B046600D4039D /* libRCTSettings-tvOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		58B511DA1A9E6C8500147676 /* RCTSettings */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "RCTSettings" */;
-			buildPhases = (
-				58B511D71A9E6C8500147676 /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = RCTSettings;
-			productName = RCTDataManager;
-			productReference = 134814201AA4EA6300B7C361 /* libRCTSettings.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		6448A5C71F292E63006FF1F5 /* RCTSettings-macOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 6448A5CA1F292E63006FF1F5 /* Build configuration list for PBXNativeTarget "RCTSettings-macOS" */;
-			buildPhases = (
-				6448A5C81F292E63006FF1F5 /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "RCTSettings-macOS";
-			productName = RCTDataManager;
-			productReference = 6448A5CD1F292E63006FF1F5 /* libRCTSettings-macOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-/* End PBXNativeTarget section */
-
-/* Begin PBXProject section */
-		58B511D31A9E6C8500147676 /* Project object */ = {
-			isa = PBXProject;
-			attributes = {
-				LastUpgradeCheck = 0940;
-				ORGANIZATIONNAME = Facebook;
-				TargetAttributes = {
-					2D2A28601D9B046600D4039D = {
-						CreatedOnToolsVersion = 8.0;
-						ProvisioningStyle = Automatic;
-					};
-					58B511DA1A9E6C8500147676 = {
-						CreatedOnToolsVersion = 6.1.1;
-					};
-				};
-			};
-			buildConfigurationList = 58B511D61A9E6C8500147676 /* Build configuration list for PBXProject "RCTSettings" */;
-			compatibilityVersion = "Xcode 3.2";
-			developmentRegion = English;
-			hasScannedForEncodings = 0;
-			knownRegions = (
-				en,
-			);
-			mainGroup = 58B511D21A9E6C8500147676;
-			productRefGroup = 58B511D21A9E6C8500147676;
-			projectDirPath = "";
-			projectRoot = "";
-			targets = (
-				58B511DA1A9E6C8500147676 /* RCTSettings */,
-				2D2A28601D9B046600D4039D /* RCTSettings-tvOS */,
-				6448A5C71F292E63006FF1F5 /* RCTSettings-macOS */,
-			);
-		};
-/* End PBXProject section */
-
-/* Begin PBXSourcesBuildPhase section */
-		2D2A285D1D9B046600D4039D /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				2D3B5F2C1D9B0ECA00451313 /* RCTSettingsManager.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		58B511D71A9E6C8500147676 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				13DBA45E1AEE749000A17CF8 /* RCTSettingsManager.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		6448A5C81F292E63006FF1F5 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				6448A5C91F292E63006FF1F5 /* RCTSettingsManager.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXSourcesBuildPhase section */
-
-/* Begin XCBuildConfiguration section */
-		2D2A28671D9B046600D4039D /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				ENABLE_TESTABILITY = YES;
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Debug;
-		};
-		2D2A28681D9B046600D4039D /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Release;
-		};
-		58B511ED1A9E6C8500147676 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				ENABLE_TESTABILITY = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_DYNAMIC_NO_PIC = NO;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_OPTIMIZATION_LEVEL = 0;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"$(inherited)",
-				);
-				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = YES;
-				ONLY_ACTIVE_ARCH = YES;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-				);
-			};
-			name = Debug;
-		};
-		58B511EE1A9E6C8500147676 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = YES;
-				ENABLE_NS_ASSERTIONS = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = NO;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				VALIDATE_PRODUCT = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-				);
-			};
-			name = Release;
-		};
-		58B511F01A9E6C8500147676 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTSettings;
-			};
-			name = Debug;
-		};
-		58B511F11A9E6C8500147676 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTSettings;
-			};
-			name = Release;
-		};
-		6448A5CB1F292E63006FF1F5 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = macosx;
-			};
-			name = Debug;
-		};
-		6448A5CC1F292E63006FF1F5 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = macosx;
-			};
-			name = Release;
-		};
-/* End XCBuildConfiguration section */
-
-/* Begin XCConfigurationList section */
-		2D2A28691D9B046600D4039D /* Build configuration list for PBXNativeTarget "RCTSettings-tvOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				2D2A28671D9B046600D4039D /* Debug */,
-				2D2A28681D9B046600D4039D /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		58B511D61A9E6C8500147676 /* Build configuration list for PBXProject "RCTSettings" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				58B511ED1A9E6C8500147676 /* Debug */,
-				58B511EE1A9E6C8500147676 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "RCTSettings" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				58B511F01A9E6C8500147676 /* Debug */,
-				58B511F11A9E6C8500147676 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		6448A5CA1F292E63006FF1F5 /* Build configuration list for PBXNativeTarget "RCTSettings-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				6448A5CB1F292E63006FF1F5 /* Debug */,
-				6448A5CC1F292E63006FF1F5 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-/* End XCConfigurationList section */
-	};
-	rootObject = 58B511D31A9E6C8500147676 /* Project object */;
-}
diff --git a/Libraries/Settings/RCTSettingsManager.m b/Libraries/Settings/RCTSettingsManager.m
index 046ebed391f714..a119fac4e10f7a 100644
--- a/Libraries/Settings/RCTSettingsManager.m
+++ b/Libraries/Settings/RCTSettingsManager.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTSettingsManager.h"
+#import <React/RCTSettingsManager.h>
 
 #import <React/RCTBridge.h>
 #import <React/RCTConvert.h>
diff --git a/Libraries/Settings/React-RCTSettings.podspec b/Libraries/Settings/React-RCTSettings.podspec
index 6c147d557a7195..8b82c09c6d6087 100644
--- a/Libraries/Settings/React-RCTSettings.podspec
+++ b/Libraries/Settings/React-RCTSettings.podspec
@@ -27,9 +27,9 @@ Pod::Spec.new do |s|
   s.author                 = "Facebook, Inc. and its affiliates"
   s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.14" } # TODO(macOS GH#214)
   s.source                 = source
-  s.source_files           = "*.{h,m}"
+  s.source_files           = "*.{m}"
   s.preserve_paths         = "package.json", "LICENSE", "LICENSE-docs"
-  s.header_dir             = "React"
+  s.header_dir             = "RCTSettings"
 
-  s.dependency "React-Core", version
+  s.dependency "React-Core/RCTSettingsHeaders", version
 end
diff --git a/Libraries/Settings/Settings.ios.js b/Libraries/Settings/Settings.ios.js
index 4084364721ec3e..55d8ff0481d2e1 100644
--- a/Libraries/Settings/Settings.ios.js
+++ b/Libraries/Settings/Settings.ios.js
@@ -11,15 +11,16 @@
 'use strict';
 
 const RCTDeviceEventEmitter = require('../EventEmitter/RCTDeviceEventEmitter');
-const RCTSettingsManager = require('../BatchedBridge/NativeModules')
-  .SettingsManager;
 
 const invariant = require('invariant');
 
+import NativeSettingsManager from './NativeSettingsManager';
+
 const subscriptions: Array<{keys: Array<string>, callback: ?Function}> = [];
 
 const Settings = {
-  _settings: RCTSettingsManager && RCTSettingsManager.settings,
+  _settings: (NativeSettingsManager &&
+    NativeSettingsManager.getConstants().settings: any),
 
   get(key: string): mixed {
     return this._settings[key];
@@ -27,7 +28,7 @@ const Settings = {
 
   set(settings: Object) {
     this._settings = Object.assign(this._settings, settings);
-    RCTSettingsManager.setValues(settings);
+    NativeSettingsManager.setValues(settings);
   },
 
   watchKeys(keys: string | Array<string>, callback: Function): number {
diff --git a/Libraries/Settings/Settings.macos.js b/Libraries/Settings/Settings.macos.js
index 0b2d4d2f09fa5d..2c430ba85f489d 100644
--- a/Libraries/Settings/Settings.macos.js
+++ b/Libraries/Settings/Settings.macos.js
@@ -12,8 +12,8 @@
 
 'use strict';
 
-var RCTDeviceEventEmitter = require('RCTDeviceEventEmitter');
-var RCTSettingsManager = require('NativeModules').SettingsManager;
+var RCTDeviceEventEmitter = require('../EventEmitter/RCTDeviceEventEmitter');
+var RCTSettingsManager = require('../BatchedBridge/NativeModules').SettingsManager;
 
 var invariant = require('fbjs/lib/invariant');
 
diff --git a/Libraries/Share/NativeShareModule.js b/Libraries/Share/NativeShareModule.js
new file mode 100644
index 00000000000000..88293b8ce87bac
--- /dev/null
+++ b/Libraries/Share/NativeShareModule.js
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {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);
diff --git a/Libraries/Share/Share.js b/Libraries/Share/Share.js
index bd1ae08d5cadb7..1b064db277f459 100644
--- a/Libraries/Share/Share.js
+++ b/Libraries/Share/Share.js
@@ -15,10 +15,8 @@ const Platform = require('../Utilities/Platform');
 const invariant = require('invariant');
 const processColor = require('../StyleSheet/processColor');
 
-const {
-  ActionSheetManager,
-  ShareModule,
-} = require('../BatchedBridge/NativeModules');
+import NativeActionSheetManager from '../ActionSheetIOS/NativeActionSheetManager';
+import NativeShareModule from './NativeShareModule';
 
 type Content =
   | {title?: string, message: string}
@@ -79,15 +77,40 @@ class Share {
     );
 
     if (Platform.OS === 'android') {
+      invariant(
+        NativeShareModule,
+        'ShareModule should be registered on Android.',
+      );
       invariant(
         !content.title || typeof content.title === 'string',
         'Invalid title: title should be a string.',
       );
-      return ShareModule.share(content, options.dialogTitle);
+
+      const newContent = {
+        title: content.title,
+        message:
+          typeof content.message === 'string' ? content.message : undefined,
+      };
+
+      return NativeShareModule.share(newContent, options.dialogTitle);
     } else if (Platform.OS === 'ios') {
       return new Promise((resolve, reject) => {
-        ActionSheetManager.showShareActionSheetWithOptions(
-          {...content, ...options, tintColor: processColor(options.tintColor)},
+        const tintColor = processColor(options.tintColor);
+
+        invariant(
+          NativeActionSheetManager,
+          'NativeActionSheetManager is not registered on iOS, but it should be.',
+        );
+
+        NativeActionSheetManager.showShareActionSheetWithOptions(
+          {
+            message:
+              typeof content.message === 'string' ? content.message : undefined,
+            url: typeof content.url === 'string' ? content.url : undefined,
+            subject: options.subject,
+            tintColor: tintColor != null ? tintColor : undefined,
+            excludedActivityTypes: options.excludedActivityTypes,
+          },
           error => reject(error),
           (success, activityType) => {
             if (success) {
@@ -111,17 +134,13 @@ class Share {
   /**
    * The content was successfully shared.
    */
-  static get sharedAction(): string {
-    return 'sharedAction';
-  }
+  static sharedAction: 'sharedAction' = 'sharedAction';
 
   /**
    * The dialog has been dismissed.
    * @platform ios
    */
-  static get dismissedAction(): string {
-    return 'dismissedAction';
-  }
+  static dismissedAction: 'dismissedAction' = 'dismissedAction';
 }
 
 module.exports = Share;
diff --git a/Libraries/Storage/AsyncStorage.js b/Libraries/Storage/AsyncStorage.js
index 5341eacbe4b015..5c749a93805d3d 100644
--- a/Libraries/Storage/AsyncStorage.js
+++ b/Libraries/Storage/AsyncStorage.js
@@ -12,11 +12,11 @@
 
 'use strict';
 
-const NativeModules = require('../BatchedBridge/NativeModules');
+import NativeAsyncStorage from './NativeAsyncStorage';
+import invariant from 'invariant';
 
 // Use SQLite if available, otherwise file storage.
-const RCTAsyncStorage =
-  NativeModules.AsyncSQLiteDBStorage || NativeModules.AsyncLocalStorage;
+const RCTAsyncStorage = NativeAsyncStorage;
 
 /**
  * `AsyncStorage` is a simple, unencrypted, asynchronous, persistent, key-value
@@ -39,6 +39,7 @@ const AsyncStorage = {
     key: string,
     callback?: ?(error: ?Error, result: ?string) => void,
   ): Promise {
+    invariant(RCTAsyncStorage, 'RCTAsyncStorage not available');
     return new Promise((resolve, reject) => {
       RCTAsyncStorage.multiGet([key], function(errors, result) {
         // Unpack result to get value from [[key,value]]
@@ -64,6 +65,7 @@ const AsyncStorage = {
     value: string,
     callback?: ?(error: ?Error) => void,
   ): Promise {
+    invariant(RCTAsyncStorage, 'RCTAsyncStorage not available');
     return new Promise((resolve, reject) => {
       RCTAsyncStorage.multiSet([[key, value]], function(errors) {
         const errs = convertErrors(errors);
@@ -86,6 +88,7 @@ const AsyncStorage = {
     key: string,
     callback?: ?(error: ?Error) => void,
   ): Promise {
+    invariant(RCTAsyncStorage, 'RCTAsyncStorage not available');
     return new Promise((resolve, reject) => {
       RCTAsyncStorage.multiRemove([key], function(errors) {
         const errs = convertErrors(errors);
@@ -112,6 +115,7 @@ const AsyncStorage = {
     value: string,
     callback?: ?(error: ?Error) => void,
   ): Promise {
+    invariant(RCTAsyncStorage, 'RCTAsyncStorage not available');
     return new Promise((resolve, reject) => {
       RCTAsyncStorage.multiMerge([[key, value]], function(errors) {
         const errs = convertErrors(errors);
@@ -133,6 +137,7 @@ const AsyncStorage = {
    * See http://facebook.github.io/react-native/docs/asyncstorage.html#clear
    */
   clear: function(callback?: ?(error: ?Error) => void): Promise {
+    invariant(RCTAsyncStorage, 'RCTAsyncStorage not available');
     return new Promise((resolve, reject) => {
       RCTAsyncStorage.clear(function(error) {
         callback && callback(convertError(error));
@@ -153,6 +158,7 @@ const AsyncStorage = {
   getAllKeys: function(
     callback?: ?(error: ?Error, keys: ?Array<string>) => void,
   ): Promise {
+    invariant(RCTAsyncStorage, 'RCTAsyncStorage not available');
     return new Promise((resolve, reject) => {
       RCTAsyncStorage.getAllKeys(function(error, keys) {
         callback && callback(convertError(error), keys);
@@ -187,6 +193,7 @@ const AsyncStorage = {
     this._getRequests = [];
     this._getKeys = [];
 
+    invariant(RCTAsyncStorage, 'RCTAsyncStorage not available');
     RCTAsyncStorage.multiGet(getKeys, function(errors, result) {
       // Even though the runtime complexity of this is theoretically worse vs if we used a map,
       // it's much, much faster in practice for the data sets we deal with (we avoid
@@ -264,6 +271,7 @@ const AsyncStorage = {
     keyValuePairs: Array<Array<string>>,
     callback?: ?(errors: ?Array<Error>) => void,
   ): Promise {
+    invariant(RCTAsyncStorage, 'RCTAsyncStorage not available');
     return new Promise((resolve, reject) => {
       RCTAsyncStorage.multiSet(keyValuePairs, function(errors) {
         const error = convertErrors(errors);
@@ -286,6 +294,7 @@ const AsyncStorage = {
     keys: Array<string>,
     callback?: ?(errors: ?Array<Error>) => void,
   ): Promise {
+    invariant(RCTAsyncStorage, 'RCTAsyncStorage not available');
     return new Promise((resolve, reject) => {
       RCTAsyncStorage.multiRemove(keys, function(errors) {
         const error = convertErrors(errors);
@@ -311,6 +320,7 @@ const AsyncStorage = {
     keyValuePairs: Array<Array<string>>,
     callback?: ?(errors: ?Array<Error>) => void,
   ): Promise {
+    invariant(RCTAsyncStorage, 'RCTAsyncStorage not available');
     return new Promise((resolve, reject) => {
       RCTAsyncStorage.multiMerge(keyValuePairs, function(errors) {
         const error = convertErrors(errors);
diff --git a/Libraries/Storage/NativeAsyncStorage.js b/Libraries/Storage/NativeAsyncStorage.js
new file mode 100644
index 00000000000000..e7c8e567bbfefd
--- /dev/null
+++ b/Libraries/Storage/NativeAsyncStorage.js
@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {||};
+  +multiGet: (
+    keys: Array<string>,
+    callback: (
+      errors: ?Array<{|message: string|}>,
+      kvPairs: ?Array<Array<string>>,
+    ) => void,
+  ) => void;
+  +multiSet: (
+    kvPairs: Array<Array<string>>,
+    callback: (errors: ?Array<{|message: string|}>) => void,
+  ) => void;
+  +multiMerge: (
+    kvPairs: Array<Array<string>>,
+    callback: (errors: ?Array<{|message: string|}>) => void,
+  ) => void;
+  +multiRemove: (
+    keys: Array<string>,
+    callback: (errors: ?Array<{|message: string|}>) => void,
+  ) => void;
+  +clear: (callback: (error: {|message: string|}) => void) => void;
+  +getAllKeys: (
+    callback: (error: ?{|message: string|}, allKeys: ?Array<string>) => void,
+  ) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('AsyncSQLiteDBStorage') ||
+  TurboModuleRegistry.get<Spec>('AsyncLocalStorage'): ?Spec);
diff --git a/Libraries/StyleSheet/StyleSheet.js b/Libraries/StyleSheet/StyleSheet.js
index 2692dd5892e4b7..deb6d8cc4e837a 100644
--- a/Libraries/StyleSheet/StyleSheet.js
+++ b/Libraries/StyleSheet/StyleSheet.js
@@ -151,7 +151,7 @@ export type ImageStyle = ____ImageStyle_Internal;
  */
 export type DangerouslyImpreciseStyle = ____DangerouslyImpreciseStyle_Internal;
 
-let hairlineWidth = PixelRatio.roundToNearestPixel(0.4);
+let hairlineWidth: number = PixelRatio.roundToNearestPixel(0.4);
 if (hairlineWidth === 0) {
   hairlineWidth = 1 / PixelRatio.get();
 }
@@ -279,7 +279,7 @@ module.exports = {
    * > **NOTE**: Exercise caution as abusing this can tax you in terms of
    * > optimizations.
    * >
-   * > IDs enable optimizations through the bridge and memory in general. Refering
+   * > IDs enable optimizations through the bridge and memory in general. Referring
    * > to style objects directly will deprive you of these optimizations.
    *
    * Example:
diff --git a/Libraries/StyleSheet/StyleSheetTypes.js b/Libraries/StyleSheet/StyleSheetTypes.js
index bec6a232061e9a..abb0c769be62b6 100644
--- a/Libraries/StyleSheet/StyleSheetTypes.js
+++ b/Libraries/StyleSheet/StyleSheetTypes.js
@@ -14,6 +14,11 @@ const AnimatedNode = require('../Animated/src/nodes/AnimatedNode');
 import type {NativeOrDynamicColorType} from '../Color/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
 
 export type ColorValue = null | string | NativeOrDynamicColorType; // TODO(macOS ISS#2323203)
+export type ColorArrayValue = null | $ReadOnlyArray<ColorValue>;
+export type PointValue = {|
+  x: number,
+  y: number,
+|};
 export type DimensionValue = null | number | string | AnimatedNode;
 
 /**
diff --git a/Libraries/StyleSheet/StyleSheetValidation.js b/Libraries/StyleSheet/StyleSheetValidation.js
index d2bb5303f6e955..6871751eb0dad0 100644
--- a/Libraries/StyleSheet/StyleSheetValidation.js
+++ b/Libraries/StyleSheet/StyleSheetValidation.js
@@ -11,7 +11,7 @@
 'use strict';
 
 const DeprecatedImageStylePropTypes = require('../DeprecatedPropTypes/DeprecatedImageStylePropTypes');
-const TextStylePropTypes = require('../Text/TextStylePropTypes');
+const DeprecatedTextStylePropTypes = require('../DeprecatedPropTypes/DeprecatedTextStylePropTypes');
 const DeprecatedViewStylePropTypes = require('../DeprecatedPropTypes/DeprecatedViewStylePropTypes');
 
 const invariant = require('invariant');
@@ -89,7 +89,7 @@ const allStylePropTypes = {};
 
 if (__DEV__ && !global.__RCTProfileIsProfiling) {
   StyleSheetValidation.addValidStylePropTypes(DeprecatedImageStylePropTypes);
-  StyleSheetValidation.addValidStylePropTypes(TextStylePropTypes);
+  StyleSheetValidation.addValidStylePropTypes(DeprecatedTextStylePropTypes);
   StyleSheetValidation.addValidStylePropTypes(DeprecatedViewStylePropTypes);
 }
 
diff --git a/Libraries/StyleSheet/__tests__/normalizeColor-test.js b/Libraries/StyleSheet/__tests__/normalizeColor-test.js
index 974fa5ef99566f..094bd0a812c85c 100644
--- a/Libraries/StyleSheet/__tests__/normalizeColor-test.js
+++ b/Libraries/StyleSheet/__tests__/normalizeColor-test.js
@@ -28,7 +28,7 @@ describe('normalizeColor', function() {
     expect(normalizeColor(0xffffffff + 1)).toBe(null);
   });
 
-  it('should temporarly accept floating point values for rgb', function() {
+  it('should temporarily accept floating point values for rgb', function() {
     expect(normalizeColor('rgb(1.1, 2.1, 3.1)')).toBe(0x010203ff);
     expect(normalizeColor('rgba(1.1, 2.1, 3.1, 1.0)')).toBe(0x010203ff);
   });
diff --git a/Libraries/StyleSheet/__tests__/splitLayoutProps-test.js b/Libraries/StyleSheet/__tests__/splitLayoutProps-test.js
index 70b2877ae2cc4d..0bb9a1a19940b3 100644
--- a/Libraries/StyleSheet/__tests__/splitLayoutProps-test.js
+++ b/Libraries/StyleSheet/__tests__/splitLayoutProps-test.js
@@ -13,11 +13,14 @@
 const splitLayoutProps = require('../splitLayoutProps');
 
 test('splits style objects', () => {
-  const style = {width: 10, margin: 20, padding: 30};
+  const style = {width: 10, margin: 20, padding: 30, transform: {scaleY: -1}};
   const {outer, inner} = splitLayoutProps(style);
   expect(outer).toMatchInlineSnapshot(`
     Object {
       "margin": 20,
+      "transform": Object {
+        "scaleY": -1,
+      },
       "width": 10,
     }
   `);
diff --git a/Libraries/StyleSheet/processColor.js b/Libraries/StyleSheet/processColor.js
index c29c408d1d4161..0129f2a39efb35 100644
--- a/Libraries/StyleSheet/processColor.js
+++ b/Libraries/StyleSheet/processColor.js
@@ -29,7 +29,7 @@ function processColor(
   }
 
   if (typeof int32Color === 'object') {
-    const processColorObject = require('processColorObject'); // TODO(macOS ISS#2323203)
+    const processColorObject = require('../StyleSheet/processColorObject'); // TODO(macOS ISS#2323203)
 
     const processedColorObj = processColorObject(int32Color);
 
diff --git a/Libraries/StyleSheet/processColorArray.js b/Libraries/StyleSheet/processColorArray.js
new file mode 100644
index 00000000000000..c7a716eea2153a
--- /dev/null
+++ b/Libraries/StyleSheet/processColorArray.js
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 processColor = require('./processColor');
+import type {NativeOrDynamicColorType} from '../Color/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
+
+function processColorArray(
+  colors: ?Array<string>,
+): ?Array<?(number | NativeOrDynamicColorType)> {
+  return colors == null ? null : colors.map(processColor);
+}
+
+module.exports = processColorArray;
diff --git a/Libraries/StyleSheet/processColorObject.android.js b/Libraries/StyleSheet/processColorObject.android.js
index 6fdcf84aa65212..911241b4631664 100644
--- a/Libraries/StyleSheet/processColorObject.android.js
+++ b/Libraries/StyleSheet/processColorObject.android.js
@@ -10,7 +10,7 @@
 // [TODO(macOS ISS#2323203)
 'use strict';
 
-import type {NativeOrDynamicColorType} from 'NativeOrDynamicColorType';
+import type {NativeOrDynamicColorType} from '../Color/NativeOrDynamicColorType';
 
 function processColorObject(
   color: NativeOrDynamicColorType,
diff --git a/Libraries/StyleSheet/processColorObject.ios.js b/Libraries/StyleSheet/processColorObject.ios.js
index 713d4f7a123a1f..45911b3e8f1a79 100644
--- a/Libraries/StyleSheet/processColorObject.ios.js
+++ b/Libraries/StyleSheet/processColorObject.ios.js
@@ -10,13 +10,13 @@
 // [TODO(macOS ISS#2323203)
 'use strict';
 
-import type {NativeOrDynamicColorType} from 'NativeOrDynamicColorType';
+import type {NativeOrDynamicColorType} from '../Color/NativeOrDynamicColorType';
 
 function processColorObject(
   color: NativeOrDynamicColorType,
 ): ?NativeOrDynamicColorType {
   if ('dynamic' in color && color.dynamic !== undefined) {
-    const processColor = require('processColor');
+    const processColor = require('./processColor');
     const dynamic = color.dynamic;
     const dynamicColor: NativeOrDynamicColorType = {
       dynamic: {
diff --git a/Libraries/StyleSheet/processColorObject.macos.js b/Libraries/StyleSheet/processColorObject.macos.js
index 713d4f7a123a1f..45911b3e8f1a79 100644
--- a/Libraries/StyleSheet/processColorObject.macos.js
+++ b/Libraries/StyleSheet/processColorObject.macos.js
@@ -10,13 +10,13 @@
 // [TODO(macOS ISS#2323203)
 'use strict';
 
-import type {NativeOrDynamicColorType} from 'NativeOrDynamicColorType';
+import type {NativeOrDynamicColorType} from '../Color/NativeOrDynamicColorType';
 
 function processColorObject(
   color: NativeOrDynamicColorType,
 ): ?NativeOrDynamicColorType {
   if ('dynamic' in color && color.dynamic !== undefined) {
-    const processColor = require('processColor');
+    const processColor = require('./processColor');
     const dynamic = color.dynamic;
     const dynamicColor: NativeOrDynamicColorType = {
       dynamic: {
diff --git a/Libraries/StyleSheet/splitLayoutProps.js b/Libraries/StyleSheet/splitLayoutProps.js
index 700fbea437f893..ab4197cc45e746 100644
--- a/Libraries/StyleSheet/splitLayoutProps.js
+++ b/Libraries/StyleSheet/splitLayoutProps.js
@@ -36,6 +36,7 @@ const OUTER_PROPS = Object.assign(Object.create(null), {
   right: true,
   bottom: true,
   top: true,
+  transform: true,
 });
 
 function splitLayoutProps(
diff --git a/Libraries/Text/BaseText/RCTBaseTextShadowView.h b/Libraries/Text/BaseText/RCTBaseTextShadowView.h
index a7cbf10b70d25a..74b7434e43ad34 100644
--- a/Libraries/Text/BaseText/RCTBaseTextShadowView.h
+++ b/Libraries/Text/BaseText/RCTBaseTextShadowView.h
@@ -13,7 +13,10 @@ NS_ASSUME_NONNULL_BEGIN
 
 extern NSString *const RCTBaseTextShadowViewEmbeddedShadowViewAttributeName;
 
-@interface RCTBaseTextShadowView : RCTShadowView
+@interface RCTBaseTextShadowView : RCTShadowView {
+  @protected NSAttributedString *_Nullable cachedAttributedText;
+  @protected RCTTextAttributes *_Nullable cachedTextAttributes;
+}
 
 @property (nonatomic, strong) RCTTextAttributes *textAttributes;
 
diff --git a/Libraries/Text/BaseText/RCTBaseTextShadowView.m b/Libraries/Text/BaseText/RCTBaseTextShadowView.m
index 993e88f8dcad6d..e834e5c2b2c80b 100644
--- a/Libraries/Text/BaseText/RCTBaseTextShadowView.m
+++ b/Libraries/Text/BaseText/RCTBaseTextShadowView.m
@@ -5,12 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTBaseTextShadowView.h"
+#import <React/RCTBaseTextShadowView.h>
 
 #import <React/RCTShadowView+Layout.h>
 
-#import "RCTRawTextShadowView.h"
-#import "RCTVirtualTextShadowView.h"
+#import <React/RCTRawTextShadowView.h>
+#import <React/RCTVirtualTextShadowView.h>
 
 NSString *const RCTBaseTextShadowViewEmbeddedShadowViewAttributeName = @"RCTBaseTextShadowViewEmbeddedShadowViewAttributeName";
 
@@ -29,10 +29,6 @@ static void RCTInlineViewYogaNodeDirtied(YGNodeRef node)
 }
 
 @implementation RCTBaseTextShadowView
-{
-  NSAttributedString *_Nullable _cachedAttributedText;
-  RCTTextAttributes *_Nullable _cachedTextAttributes;
-}
 
 - (instancetype)init
 {
@@ -86,8 +82,8 @@ - (NSAttributedString *)attributedTextWithBaseTextAttributes:(nullable RCTTextAt
     textAttributes = [self.textAttributes copy];
   }
 
-  if (_cachedAttributedText && [_cachedTextAttributes isEqual:textAttributes]) {
-    return _cachedAttributedText;
+  if (cachedAttributedText && [cachedTextAttributes isEqual:textAttributes]) {
+    return cachedAttributedText;
   }
 
   NSMutableAttributedString *attributedText = [NSMutableAttributedString new];
@@ -133,17 +129,17 @@ - (NSAttributedString *)attributedTextWithBaseTextAttributes:(nullable RCTTextAt
 
   [self clearLayout];
 
-  _cachedAttributedText = [attributedText copy];
-  _cachedTextAttributes = textAttributes;
+  cachedAttributedText = [attributedText copy];
+  cachedTextAttributes = textAttributes;
 
-  return _cachedAttributedText;
+  return cachedAttributedText;
 }
 
 - (void)dirtyLayout
 {
   [super dirtyLayout];
-  _cachedAttributedText = nil;
-  _cachedTextAttributes = nil;
+  cachedAttributedText = nil;
+  cachedTextAttributes = nil;
 }
 
 - (void)didUpdateReactSubviews
diff --git a/Libraries/Text/BaseText/RCTBaseTextViewManager.m b/Libraries/Text/BaseText/RCTBaseTextViewManager.m
index de1c65a9fb1b6c..2899a7f180a249 100644
--- a/Libraries/Text/BaseText/RCTBaseTextViewManager.m
+++ b/Libraries/Text/BaseText/RCTBaseTextViewManager.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTBaseTextViewManager.h"
+#import <React/RCTBaseTextViewManager.h>
 
 @implementation RCTBaseTextViewManager
 
diff --git a/Libraries/Text/RCTConvert+Text.h b/Libraries/Text/RCTConvert+Text.h
index 09c8b95cabd89f..745e0c166c4a2a 100644
--- a/Libraries/Text/RCTConvert+Text.h
+++ b/Libraries/Text/RCTConvert+Text.h
@@ -23,7 +23,7 @@ typedef enum UITextSpellCheckingType : NSInteger {
     UITextSpellCheckingTypeNo,
     UITextSpellCheckingTypeYes,
 } UITextSpellCheckingType;
-#endif // TODO(macOS ISS#2323203)]
+#endif // ]TODO(macOS ISS#2323203)]
 
 @interface RCTConvert (Text)
 
diff --git a/Libraries/Text/RCTConvert+Text.m b/Libraries/Text/RCTConvert+Text.m
index cd91ba9623478a..d3c4aa9a5eecf8 100644
--- a/Libraries/Text/RCTConvert+Text.m
+++ b/Libraries/Text/RCTConvert+Text.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTConvert+Text.h"
+#import <React/RCTConvert+Text.h>
 
 @implementation RCTConvert (Text)
 
diff --git a/Libraries/Text/RCTText.xcodeproj/project.pbxproj b/Libraries/Text/RCTText.xcodeproj/project.pbxproj
deleted file mode 100644
index fdf6a85cbd48dc..00000000000000
--- a/Libraries/Text/RCTText.xcodeproj/project.pbxproj
+++ /dev/null
@@ -1,946 +0,0 @@
-// !$*UTF8*$!
-{
-	archiveVersion = 1;
-	classes = {
-	};
-	objectVersion = 46;
-	objects = {
-
-/* Begin PBXBuildFile section */
-		5956B130200FEBAA008D9D16 /* RCTRawTextShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B0FD200FEBA9008D9D16 /* RCTRawTextShadowView.m */; };
-		5956B131200FEBAA008D9D16 /* RCTRawTextViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B0FE200FEBA9008D9D16 /* RCTRawTextViewManager.m */; };
-		5956B132200FEBAA008D9D16 /* RCTSinglelineTextInputView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B101200FEBA9008D9D16 /* RCTSinglelineTextInputView.m */; };
-		5956B133200FEBAA008D9D16 /* RCTUITextField.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B103200FEBA9008D9D16 /* RCTUITextField.m */; };
-		5956B134200FEBAA008D9D16 /* RCTSinglelineTextInputViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B106200FEBA9008D9D16 /* RCTSinglelineTextInputViewManager.m */; };
-		5956B135200FEBAA008D9D16 /* RCTBaseTextInputView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B10A200FEBA9008D9D16 /* RCTBaseTextInputView.m */; };
-		5956B136200FEBAA008D9D16 /* RCTBackedTextInputDelegateAdapter.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B10D200FEBA9008D9D16 /* RCTBackedTextInputDelegateAdapter.m */; };
-		5956B137200FEBAA008D9D16 /* RCTBaseTextInputShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B10F200FEBA9008D9D16 /* RCTBaseTextInputShadowView.m */; };
-		5956B138200FEBAA008D9D16 /* RCTTextSelection.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B110200FEBA9008D9D16 /* RCTTextSelection.m */; };
-		5956B139200FEBAA008D9D16 /* RCTBaseTextInputViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B111200FEBA9008D9D16 /* RCTBaseTextInputViewManager.m */; };
-		5956B13A200FEBAA008D9D16 /* RCTMultilineTextInputView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B115200FEBA9008D9D16 /* RCTMultilineTextInputView.m */; };
-		5956B13B200FEBAA008D9D16 /* RCTMultilineTextInputViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B118200FEBA9008D9D16 /* RCTMultilineTextInputViewManager.m */; };
-		5956B13C200FEBAA008D9D16 /* RCTUITextView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B119200FEBA9008D9D16 /* RCTUITextView.m */; };
-		5956B13D200FEBAA008D9D16 /* RCTBaseTextShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B11E200FEBA9008D9D16 /* RCTBaseTextShadowView.m */; };
-		5956B13E200FEBAA008D9D16 /* RCTBaseTextViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B11F200FEBA9008D9D16 /* RCTBaseTextViewManager.m */; };
-		5956B13F200FEBAA008D9D16 /* RCTTextAttributes.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B120200FEBA9008D9D16 /* RCTTextAttributes.m */; };
-		5956B140200FEBAA008D9D16 /* RCTTextShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B122200FEBAA008D9D16 /* RCTTextShadowView.m */; };
-		5956B141200FEBAA008D9D16 /* NSTextStorage+FontScaling.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B125200FEBAA008D9D16 /* NSTextStorage+FontScaling.m */; };
-		5956B142200FEBAA008D9D16 /* RCTTextViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B127200FEBAA008D9D16 /* RCTTextViewManager.m */; };
-		5956B143200FEBAA008D9D16 /* RCTTextView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B128200FEBAA008D9D16 /* RCTTextView.m */; };
-		5956B144200FEBAA008D9D16 /* RCTVirtualTextViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B12B200FEBAA008D9D16 /* RCTVirtualTextViewManager.m */; };
-		5956B145200FEBAA008D9D16 /* RCTVirtualTextShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B12E200FEBAA008D9D16 /* RCTVirtualTextShadowView.m */; };
-		5956B146200FEBAA008D9D16 /* RCTConvert+Text.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B12F200FEBAA008D9D16 /* RCTConvert+Text.m */; };
-		5956B160200FF324008D9D16 /* RCTBaseTextShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B11D200FEBA9008D9D16 /* RCTBaseTextShadowView.h */; };
-		5956B161200FF324008D9D16 /* RCTBaseTextViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B11C200FEBA9008D9D16 /* RCTBaseTextViewManager.h */; };
-		5956B162200FF324008D9D16 /* RCTRawTextShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B0FC200FEBA9008D9D16 /* RCTRawTextShadowView.h */; };
-		5956B163200FF324008D9D16 /* RCTRawTextViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B0FB200FEBA9008D9D16 /* RCTRawTextViewManager.h */; };
-		5956B164200FF324008D9D16 /* RCTConvert+Text.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B0F9200FEBA9008D9D16 /* RCTConvert+Text.h */; };
-		5956B165200FF324008D9D16 /* RCTTextAttributes.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B11A200FEBA9008D9D16 /* RCTTextAttributes.h */; };
-		5956B166200FF324008D9D16 /* NSTextStorage+FontScaling.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B129200FEBAA008D9D16 /* NSTextStorage+FontScaling.h */; };
-		5956B167200FF324008D9D16 /* RCTTextShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B126200FEBAA008D9D16 /* RCTTextShadowView.h */; };
-		5956B168200FF324008D9D16 /* RCTTextView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B123200FEBAA008D9D16 /* RCTTextView.h */; };
-		5956B169200FF324008D9D16 /* RCTTextViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B124200FEBAA008D9D16 /* RCTTextViewManager.h */; };
-		5956B16A200FF324008D9D16 /* RCTMultilineTextInputView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B117200FEBA9008D9D16 /* RCTMultilineTextInputView.h */; };
-		5956B16B200FF324008D9D16 /* RCTMultilineTextInputViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B114200FEBA9008D9D16 /* RCTMultilineTextInputViewManager.h */; };
-		5956B16C200FF324008D9D16 /* RCTUITextView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B116200FEBA9008D9D16 /* RCTUITextView.h */; };
-		5956B16E200FF324008D9D16 /* RCTBackedTextInputDelegateAdapter.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B107200FEBA9008D9D16 /* RCTBackedTextInputDelegateAdapter.h */; };
-		5956B170200FF324008D9D16 /* RCTBaseTextInputShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B109200FEBA9008D9D16 /* RCTBaseTextInputShadowView.h */; };
-		5956B171200FF324008D9D16 /* RCTBaseTextInputView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B10E200FEBA9008D9D16 /* RCTBaseTextInputView.h */; };
-		5956B172200FF324008D9D16 /* RCTBaseTextInputViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B10B200FEBA9008D9D16 /* RCTBaseTextInputViewManager.h */; };
-		5956B173200FF324008D9D16 /* RCTTextSelection.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B108200FEBA9008D9D16 /* RCTTextSelection.h */; };
-		5956B174200FF324008D9D16 /* RCTSinglelineTextInputView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B104200FEBA9008D9D16 /* RCTSinglelineTextInputView.h */; };
-		5956B175200FF324008D9D16 /* RCTSinglelineTextInputViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B102200FEBA9008D9D16 /* RCTSinglelineTextInputViewManager.h */; };
-		5956B176200FF324008D9D16 /* RCTUITextField.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B105200FEBA9008D9D16 /* RCTUITextField.h */; };
-		5956B177200FF324008D9D16 /* RCTVirtualTextShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B12C200FEBAA008D9D16 /* RCTVirtualTextShadowView.h */; };
-		5956B178200FF324008D9D16 /* RCTVirtualTextViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B12D200FEBAA008D9D16 /* RCTVirtualTextViewManager.h */; };
-		5956B179200FF338008D9D16 /* RCTBaseTextShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B11D200FEBA9008D9D16 /* RCTBaseTextShadowView.h */; };
-		5956B17A200FF338008D9D16 /* RCTBaseTextViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B11C200FEBA9008D9D16 /* RCTBaseTextViewManager.h */; };
-		5956B17B200FF338008D9D16 /* RCTRawTextShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B0FC200FEBA9008D9D16 /* RCTRawTextShadowView.h */; };
-		5956B17C200FF338008D9D16 /* RCTRawTextViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B0FB200FEBA9008D9D16 /* RCTRawTextViewManager.h */; };
-		5956B17D200FF338008D9D16 /* RCTConvert+Text.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B0F9200FEBA9008D9D16 /* RCTConvert+Text.h */; };
-		5956B17E200FF338008D9D16 /* RCTTextAttributes.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B11A200FEBA9008D9D16 /* RCTTextAttributes.h */; };
-		5956B17F200FF338008D9D16 /* NSTextStorage+FontScaling.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B129200FEBAA008D9D16 /* NSTextStorage+FontScaling.h */; };
-		5956B180200FF338008D9D16 /* RCTTextShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B126200FEBAA008D9D16 /* RCTTextShadowView.h */; };
-		5956B181200FF338008D9D16 /* RCTTextView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B123200FEBAA008D9D16 /* RCTTextView.h */; };
-		5956B182200FF338008D9D16 /* RCTTextViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B124200FEBAA008D9D16 /* RCTTextViewManager.h */; };
-		5956B183200FF338008D9D16 /* RCTMultilineTextInputView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B117200FEBA9008D9D16 /* RCTMultilineTextInputView.h */; };
-		5956B184200FF338008D9D16 /* RCTMultilineTextInputViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B114200FEBA9008D9D16 /* RCTMultilineTextInputViewManager.h */; };
-		5956B185200FF338008D9D16 /* RCTUITextView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B116200FEBA9008D9D16 /* RCTUITextView.h */; };
-		5956B186200FF338008D9D16 /* RCTBackedTextInputDelegate.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B10C200FEBA9008D9D16 /* RCTBackedTextInputDelegate.h */; };
-		5956B187200FF338008D9D16 /* RCTBackedTextInputDelegateAdapter.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B107200FEBA9008D9D16 /* RCTBackedTextInputDelegateAdapter.h */; };
-		5956B188200FF338008D9D16 /* RCTBackedTextInputViewProtocol.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B112200FEBA9008D9D16 /* RCTBackedTextInputViewProtocol.h */; };
-		5956B189200FF338008D9D16 /* RCTBaseTextInputShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B109200FEBA9008D9D16 /* RCTBaseTextInputShadowView.h */; };
-		5956B18A200FF338008D9D16 /* RCTBaseTextInputView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B10E200FEBA9008D9D16 /* RCTBaseTextInputView.h */; };
-		5956B18B200FF338008D9D16 /* RCTBaseTextInputViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B10B200FEBA9008D9D16 /* RCTBaseTextInputViewManager.h */; };
-		5956B18C200FF338008D9D16 /* RCTTextSelection.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B108200FEBA9008D9D16 /* RCTTextSelection.h */; };
-		5956B18D200FF338008D9D16 /* RCTSinglelineTextInputView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B104200FEBA9008D9D16 /* RCTSinglelineTextInputView.h */; };
-		5956B18E200FF338008D9D16 /* RCTSinglelineTextInputViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B102200FEBA9008D9D16 /* RCTSinglelineTextInputViewManager.h */; };
-		5956B18F200FF338008D9D16 /* RCTUITextField.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B105200FEBA9008D9D16 /* RCTUITextField.h */; };
-		5956B190200FF338008D9D16 /* RCTVirtualTextShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B12C200FEBAA008D9D16 /* RCTVirtualTextShadowView.h */; };
-		5956B191200FF338008D9D16 /* RCTVirtualTextViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B12D200FEBAA008D9D16 /* RCTVirtualTextViewManager.h */; };
-		5956B192200FF35C008D9D16 /* RCTBaseTextShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B11E200FEBA9008D9D16 /* RCTBaseTextShadowView.m */; };
-		5956B193200FF35C008D9D16 /* RCTBaseTextViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B11F200FEBA9008D9D16 /* RCTBaseTextViewManager.m */; };
-		5956B194200FF35C008D9D16 /* RCTRawTextShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B0FD200FEBA9008D9D16 /* RCTRawTextShadowView.m */; };
-		5956B195200FF35C008D9D16 /* RCTRawTextViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B0FE200FEBA9008D9D16 /* RCTRawTextViewManager.m */; };
-		5956B196200FF35C008D9D16 /* RCTConvert+Text.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B12F200FEBAA008D9D16 /* RCTConvert+Text.m */; };
-		5956B197200FF35C008D9D16 /* RCTTextAttributes.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B120200FEBA9008D9D16 /* RCTTextAttributes.m */; };
-		5956B198200FF35C008D9D16 /* NSTextStorage+FontScaling.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B125200FEBAA008D9D16 /* NSTextStorage+FontScaling.m */; };
-		5956B199200FF35C008D9D16 /* RCTTextShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B122200FEBAA008D9D16 /* RCTTextShadowView.m */; };
-		5956B19A200FF35C008D9D16 /* RCTTextView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B128200FEBAA008D9D16 /* RCTTextView.m */; };
-		5956B19B200FF35C008D9D16 /* RCTTextViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B127200FEBAA008D9D16 /* RCTTextViewManager.m */; };
-		5956B19C200FF35C008D9D16 /* RCTMultilineTextInputView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B115200FEBA9008D9D16 /* RCTMultilineTextInputView.m */; };
-		5956B19D200FF35C008D9D16 /* RCTMultilineTextInputViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B118200FEBA9008D9D16 /* RCTMultilineTextInputViewManager.m */; };
-		5956B19E200FF35C008D9D16 /* RCTUITextView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B119200FEBA9008D9D16 /* RCTUITextView.m */; };
-		5956B19F200FF35C008D9D16 /* RCTBackedTextInputDelegateAdapter.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B10D200FEBA9008D9D16 /* RCTBackedTextInputDelegateAdapter.m */; };
-		5956B1A0200FF35C008D9D16 /* RCTBaseTextInputShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B10F200FEBA9008D9D16 /* RCTBaseTextInputShadowView.m */; };
-		5956B1A1200FF35C008D9D16 /* RCTBaseTextInputView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B10A200FEBA9008D9D16 /* RCTBaseTextInputView.m */; };
-		5956B1A2200FF35C008D9D16 /* RCTBaseTextInputViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B111200FEBA9008D9D16 /* RCTBaseTextInputViewManager.m */; };
-		5956B1A3200FF35C008D9D16 /* RCTTextSelection.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B110200FEBA9008D9D16 /* RCTTextSelection.m */; };
-		5956B1A4200FF35C008D9D16 /* RCTSinglelineTextInputView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B101200FEBA9008D9D16 /* RCTSinglelineTextInputView.m */; };
-		5956B1A5200FF35C008D9D16 /* RCTSinglelineTextInputViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B106200FEBA9008D9D16 /* RCTSinglelineTextInputViewManager.m */; };
-		5956B1A6200FF35C008D9D16 /* RCTUITextField.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B103200FEBA9008D9D16 /* RCTUITextField.m */; };
-		5956B1A7200FF35C008D9D16 /* RCTVirtualTextShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B12E200FEBAA008D9D16 /* RCTVirtualTextShadowView.m */; };
-		5956B1A8200FF35C008D9D16 /* RCTVirtualTextViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B12B200FEBAA008D9D16 /* RCTVirtualTextViewManager.m */; };
-		5970936920845EFC00D163A7 /* RCTTextTransform.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5970936820845DDE00D163A7 /* RCTTextTransform.h */; };
-		5970936A20845F0600D163A7 /* RCTTextTransform.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5970936820845DDE00D163A7 /* RCTTextTransform.h */; };
-		5C245F39205E216A00D936E9 /* RCTInputAccessoryShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5C245F37205E216A00D936E9 /* RCTInputAccessoryShadowView.m */; };
-		8F2807C7202D2B6B005D65E6 /* RCTInputAccessoryViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 8F2807C1202D2B6A005D65E6 /* RCTInputAccessoryViewManager.m */; };
-		8F2807C8202D2B6B005D65E6 /* RCTInputAccessoryView.m in Sources */ = {isa = PBXBuildFile; fileRef = 8F2807C3202D2B6A005D65E6 /* RCTInputAccessoryView.m */; };
-		8F2807C9202D2B6B005D65E6 /* RCTInputAccessoryViewContent.m in Sources */ = {isa = PBXBuildFile; fileRef = 8F2807C5202D2B6B005D65E6 /* RCTInputAccessoryViewContent.m */; };
-		9F4659E2236262E9000929DF /* RCTBackedTextInputDelegate.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B10C200FEBA9008D9D16 /* RCTBackedTextInputDelegate.h */; };
-		9F4659E3236262E9000929DF /* RCTBackedTextInputViewProtocol.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B112200FEBA9008D9D16 /* RCTBackedTextInputViewProtocol.h */; };
-		9F4659E42362634A000929DF /* RCTBackedTextInputDelegate.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B10C200FEBA9008D9D16 /* RCTBackedTextInputDelegate.h */; };
-		9F4659E52362634A000929DF /* RCTBackedTextInputViewProtocol.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B112200FEBA9008D9D16 /* RCTBackedTextInputViewProtocol.h */; };
-		9F5C189A230DD5E600E3E5A7 /* RCTVirtualTextViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B12D200FEBAA008D9D16 /* RCTVirtualTextViewManager.h */; };
-		9F5C189C230DD67C00E3E5A7 /* RCTVirtualTextShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B12C200FEBAA008D9D16 /* RCTVirtualTextShadowView.h */; };
-		9F5C189D230DD68B00E3E5A7 /* RCTUITextField.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B105200FEBA9008D9D16 /* RCTUITextField.h */; };
-		9F5C189F230DD6C000E3E5A7 /* RCTSinglelineTextInputView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B104200FEBA9008D9D16 /* RCTSinglelineTextInputView.h */; };
-		9F5C18A0230DD6C000E3E5A7 /* RCTSinglelineTextInputViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B102200FEBA9008D9D16 /* RCTSinglelineTextInputViewManager.h */; };
-		9F5C18A2230DD74500E3E5A7 /* RCTTextSelection.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B108200FEBA9008D9D16 /* RCTTextSelection.h */; };
-		9F5C18A3230DD84400E3E5A7 /* RCTBaseTextInputShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B109200FEBA9008D9D16 /* RCTBaseTextInputShadowView.h */; };
-		9F5C18A4230DD84400E3E5A7 /* RCTBaseTextInputView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B10E200FEBA9008D9D16 /* RCTBaseTextInputView.h */; };
-		9F5C18A5230DD84400E3E5A7 /* RCTBaseTextInputViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B10B200FEBA9008D9D16 /* RCTBaseTextInputViewManager.h */; };
-		9F5C18A7230DDB7400E3E5A7 /* RCTBackedTextInputDelegateAdapter.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B107200FEBA9008D9D16 /* RCTBackedTextInputDelegateAdapter.h */; };
-		9F5C18A9230DDB8400E3E5A7 /* RCTUITextView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B116200FEBA9008D9D16 /* RCTUITextView.h */; };
-		9F5C18AA230DDB8F00E3E5A7 /* RCTMultilineTextInputView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B117200FEBA9008D9D16 /* RCTMultilineTextInputView.h */; };
-		9F5C18AB230DDB9000E3E5A7 /* RCTMultilineTextInputViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B114200FEBA9008D9D16 /* RCTMultilineTextInputViewManager.h */; };
-		9F5C18AC230DDBA300E3E5A7 /* RCTTextViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B124200FEBAA008D9D16 /* RCTTextViewManager.h */; };
-		9F5C18AD230DDBAA00E3E5A7 /* RCTTextView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B123200FEBAA008D9D16 /* RCTTextView.h */; };
-		9F5C18AE230DDBB600E3E5A7 /* RCTTextShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B126200FEBAA008D9D16 /* RCTTextShadowView.h */; };
-		9F5C18AF230DDBBE00E3E5A7 /* NSTextStorage+FontScaling.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B129200FEBAA008D9D16 /* NSTextStorage+FontScaling.h */; };
-		9F5C18B0230DDBC900E3E5A7 /* RCTTextAttributes.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B11A200FEBA9008D9D16 /* RCTTextAttributes.h */; };
-		9F5C18B1230DDBD100E3E5A7 /* RCTConvert+Text.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B0F9200FEBA9008D9D16 /* RCTConvert+Text.h */; };
-		9F5C18B2230DDBDE00E3E5A7 /* RCTRawTextShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B0FC200FEBA9008D9D16 /* RCTRawTextShadowView.h */; };
-		9F5C18B3230DDBDE00E3E5A7 /* RCTRawTextViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B0FB200FEBA9008D9D16 /* RCTRawTextViewManager.h */; };
-		9F5C18B4230DDBEE00E3E5A7 /* RCTBaseTextShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B11D200FEBA9008D9D16 /* RCTBaseTextShadowView.h */; };
-		9F5C18B5230DDBEE00E3E5A7 /* RCTBaseTextViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5956B11C200FEBA9008D9D16 /* RCTBaseTextViewManager.h */; };
-		9F5C18B7230DDC6800E3E5A7 /* RCTUITextField.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B103200FEBA9008D9D16 /* RCTUITextField.m */; };
-		9F5C18B8230DDC7700E3E5A7 /* RCTMultilineTextInputView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B115200FEBA9008D9D16 /* RCTMultilineTextInputView.m */; };
-		9F5C18B9230DDC7E00E3E5A7 /* RCTSinglelineTextInputView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B101200FEBA9008D9D16 /* RCTSinglelineTextInputView.m */; };
-		9F5C18BA230DDC8700E3E5A7 /* NSTextStorage+FontScaling.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B125200FEBAA008D9D16 /* NSTextStorage+FontScaling.m */; };
-		9F5C18BB230DDC9000E3E5A7 /* RCTRawTextShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B0FD200FEBA9008D9D16 /* RCTRawTextShadowView.m */; };
-		9F5C18BC230DDC9600E3E5A7 /* RCTTextSelection.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B110200FEBA9008D9D16 /* RCTTextSelection.m */; };
-		9F5C18BD230DDCA200E3E5A7 /* RCTBaseTextInputViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B111200FEBA9008D9D16 /* RCTBaseTextInputViewManager.m */; };
-		9F5C18BE230DDCAB00E3E5A7 /* RCTSinglelineTextInputViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B106200FEBA9008D9D16 /* RCTSinglelineTextInputViewManager.m */; };
-		9F5C18BF230DDCB100E3E5A7 /* RCTMultilineTextInputViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B118200FEBA9008D9D16 /* RCTMultilineTextInputViewManager.m */; };
-		9F5C18C2230DDCDA00E3E5A7 /* RCTVirtualTextViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B12B200FEBAA008D9D16 /* RCTVirtualTextViewManager.m */; };
-		9F5C18C3230DDCE500E3E5A7 /* RCTBaseTextInputView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B10A200FEBA9008D9D16 /* RCTBaseTextInputView.m */; };
-		9F5C18C4230DDCEE00E3E5A7 /* RCTTextViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B127200FEBAA008D9D16 /* RCTTextViewManager.m */; };
-		9F5C18C5230DDCFC00E3E5A7 /* RCTVirtualTextShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B12E200FEBAA008D9D16 /* RCTVirtualTextShadowView.m */; };
-		9F5C18C6230DDD0300E3E5A7 /* RCTBaseTextViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B11F200FEBA9008D9D16 /* RCTBaseTextViewManager.m */; };
-		9F5C18C7230DDD0D00E3E5A7 /* RCTBackedTextInputDelegateAdapter.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B10D200FEBA9008D9D16 /* RCTBackedTextInputDelegateAdapter.m */; };
-		9F5C18C8230DDD2E00E3E5A7 /* RCTTextView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B128200FEBAA008D9D16 /* RCTTextView.m */; };
-		9F5C18C9230DDD2E00E3E5A7 /* RCTUITextView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B119200FEBA9008D9D16 /* RCTUITextView.m */; };
-		9F5C18CB230DDD4900E3E5A7 /* RCTTextAttributes.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B120200FEBA9008D9D16 /* RCTTextAttributes.m */; };
-		9F5C18CD230DDD5F00E3E5A7 /* RCTConvert+Text.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B12F200FEBAA008D9D16 /* RCTConvert+Text.m */; };
-		9F5C18CF230DDD7100E3E5A7 /* RCTBaseTextInputShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B10F200FEBA9008D9D16 /* RCTBaseTextInputShadowView.m */; };
-		9F5C18D0230DDD8800E3E5A7 /* RCTRawTextViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B0FE200FEBA9008D9D16 /* RCTRawTextViewManager.m */; };
-		9F5C18D1230DDD9600E3E5A7 /* RCTBaseTextShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B11E200FEBA9008D9D16 /* RCTBaseTextShadowView.m */; };
-		9F5C18D2230DDD9600E3E5A7 /* RCTTextShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B122200FEBAA008D9D16 /* RCTTextShadowView.m */; };
-		9F5C1912230DF3E700E3E5A7 /* RCTTextUIKit.h in Headers */ = {isa = PBXBuildFile; fileRef = 9F5C1911230DF3E700E3E5A7 /* RCTTextUIKit.h */; };
-		9F5C1913230DF3E700E3E5A7 /* RCTTextUIKit.h in Headers */ = {isa = PBXBuildFile; fileRef = 9F5C1911230DF3E700E3E5A7 /* RCTTextUIKit.h */; };
-/* End PBXBuildFile section */
-
-/* Begin PBXCopyFilesBuildPhase section */
-		183496EA1F5DF07600C0A1B4 /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/RCTText;
-			dstSubfolderSpec = 16;
-			files = (
-				9F4659E2236262E9000929DF /* RCTBackedTextInputDelegate.h in Copy Headers */,
-				9F4659E3236262E9000929DF /* RCTBackedTextInputViewProtocol.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		1891B31E1FEC3B6500CEDA30 /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/RCTText;
-			dstSubfolderSpec = 16;
-			files = (
-				9F5C18B4230DDBEE00E3E5A7 /* RCTBaseTextShadowView.h in Copy Headers */,
-				9F5C18B5230DDBEE00E3E5A7 /* RCTBaseTextViewManager.h in Copy Headers */,
-				9F5C18B2230DDBDE00E3E5A7 /* RCTRawTextShadowView.h in Copy Headers */,
-				9F5C18B3230DDBDE00E3E5A7 /* RCTRawTextViewManager.h in Copy Headers */,
-				9F5C18B1230DDBD100E3E5A7 /* RCTConvert+Text.h in Copy Headers */,
-				9F5C18B0230DDBC900E3E5A7 /* RCTTextAttributes.h in Copy Headers */,
-				9F5C18AF230DDBBE00E3E5A7 /* NSTextStorage+FontScaling.h in Copy Headers */,
-				9F5C18AE230DDBB600E3E5A7 /* RCTTextShadowView.h in Copy Headers */,
-				9F5C18AD230DDBAA00E3E5A7 /* RCTTextView.h in Copy Headers */,
-				9F5C18AC230DDBA300E3E5A7 /* RCTTextViewManager.h in Copy Headers */,
-				9F5C18AA230DDB8F00E3E5A7 /* RCTMultilineTextInputView.h in Copy Headers */,
-				9F5C18AB230DDB9000E3E5A7 /* RCTMultilineTextInputViewManager.h in Copy Headers */,
-				9F5C18A9230DDB8400E3E5A7 /* RCTUITextView.h in Copy Headers */,
-				9F5C18A7230DDB7400E3E5A7 /* RCTBackedTextInputDelegateAdapter.h in Copy Headers */,
-				9F5C18A3230DD84400E3E5A7 /* RCTBaseTextInputShadowView.h in Copy Headers */,
-				9F5C18A4230DD84400E3E5A7 /* RCTBaseTextInputView.h in Copy Headers */,
-				9F5C18A5230DD84400E3E5A7 /* RCTBaseTextInputViewManager.h in Copy Headers */,
-				9F5C18A2230DD74500E3E5A7 /* RCTTextSelection.h in Copy Headers */,
-				9F5C189F230DD6C000E3E5A7 /* RCTSinglelineTextInputView.h in Copy Headers */,
-				9F5C18A0230DD6C000E3E5A7 /* RCTSinglelineTextInputViewManager.h in Copy Headers */,
-				9F5C189D230DD68B00E3E5A7 /* RCTUITextField.h in Copy Headers */,
-				9F5C189C230DD67C00E3E5A7 /* RCTVirtualTextShadowView.h in Copy Headers */,
-				9F5C189A230DD5E600E3E5A7 /* RCTVirtualTextViewManager.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		599DF25E1F0306540079B53E /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/RCTText;
-			dstSubfolderSpec = 16;
-			files = (
-				5970936920845EFC00D163A7 /* RCTTextTransform.h in Copy Headers */,
-				5956B160200FF324008D9D16 /* RCTBaseTextShadowView.h in Copy Headers */,
-				5956B161200FF324008D9D16 /* RCTBaseTextViewManager.h in Copy Headers */,
-				5956B162200FF324008D9D16 /* RCTRawTextShadowView.h in Copy Headers */,
-				5956B163200FF324008D9D16 /* RCTRawTextViewManager.h in Copy Headers */,
-				5956B164200FF324008D9D16 /* RCTConvert+Text.h in Copy Headers */,
-				5956B165200FF324008D9D16 /* RCTTextAttributes.h in Copy Headers */,
-				5956B166200FF324008D9D16 /* NSTextStorage+FontScaling.h in Copy Headers */,
-				5956B167200FF324008D9D16 /* RCTTextShadowView.h in Copy Headers */,
-				5956B168200FF324008D9D16 /* RCTTextView.h in Copy Headers */,
-				5956B169200FF324008D9D16 /* RCTTextViewManager.h in Copy Headers */,
-				5956B16A200FF324008D9D16 /* RCTMultilineTextInputView.h in Copy Headers */,
-				5956B16B200FF324008D9D16 /* RCTMultilineTextInputViewManager.h in Copy Headers */,
-				5956B16C200FF324008D9D16 /* RCTUITextView.h in Copy Headers */,
-				5956B16E200FF324008D9D16 /* RCTBackedTextInputDelegateAdapter.h in Copy Headers */,
-				5956B170200FF324008D9D16 /* RCTBaseTextInputShadowView.h in Copy Headers */,
-				5956B171200FF324008D9D16 /* RCTBaseTextInputView.h in Copy Headers */,
-				5956B172200FF324008D9D16 /* RCTBaseTextInputViewManager.h in Copy Headers */,
-				5956B173200FF324008D9D16 /* RCTTextSelection.h in Copy Headers */,
-				5956B174200FF324008D9D16 /* RCTSinglelineTextInputView.h in Copy Headers */,
-				5956B175200FF324008D9D16 /* RCTSinglelineTextInputViewManager.h in Copy Headers */,
-				5956B176200FF324008D9D16 /* RCTUITextField.h in Copy Headers */,
-				5956B177200FF324008D9D16 /* RCTVirtualTextShadowView.h in Copy Headers */,
-				5956B178200FF324008D9D16 /* RCTVirtualTextViewManager.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		599DF2601F0306AD0079B53E /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/RCTText;
-			dstSubfolderSpec = 16;
-			files = (
-				5970936A20845F0600D163A7 /* RCTTextTransform.h in Copy Headers */,
-				5956B179200FF338008D9D16 /* RCTBaseTextShadowView.h in Copy Headers */,
-				5956B17A200FF338008D9D16 /* RCTBaseTextViewManager.h in Copy Headers */,
-				5956B17B200FF338008D9D16 /* RCTRawTextShadowView.h in Copy Headers */,
-				5956B17C200FF338008D9D16 /* RCTRawTextViewManager.h in Copy Headers */,
-				5956B17D200FF338008D9D16 /* RCTConvert+Text.h in Copy Headers */,
-				5956B17E200FF338008D9D16 /* RCTTextAttributes.h in Copy Headers */,
-				5956B17F200FF338008D9D16 /* NSTextStorage+FontScaling.h in Copy Headers */,
-				5956B180200FF338008D9D16 /* RCTTextShadowView.h in Copy Headers */,
-				5956B181200FF338008D9D16 /* RCTTextView.h in Copy Headers */,
-				5956B182200FF338008D9D16 /* RCTTextViewManager.h in Copy Headers */,
-				5956B183200FF338008D9D16 /* RCTMultilineTextInputView.h in Copy Headers */,
-				5956B184200FF338008D9D16 /* RCTMultilineTextInputViewManager.h in Copy Headers */,
-				5956B185200FF338008D9D16 /* RCTUITextView.h in Copy Headers */,
-				5956B186200FF338008D9D16 /* RCTBackedTextInputDelegate.h in Copy Headers */,
-				5956B187200FF338008D9D16 /* RCTBackedTextInputDelegateAdapter.h in Copy Headers */,
-				5956B188200FF338008D9D16 /* RCTBackedTextInputViewProtocol.h in Copy Headers */,
-				5956B189200FF338008D9D16 /* RCTBaseTextInputShadowView.h in Copy Headers */,
-				5956B18A200FF338008D9D16 /* RCTBaseTextInputView.h in Copy Headers */,
-				5956B18B200FF338008D9D16 /* RCTBaseTextInputViewManager.h in Copy Headers */,
-				5956B18C200FF338008D9D16 /* RCTTextSelection.h in Copy Headers */,
-				5956B18D200FF338008D9D16 /* RCTSinglelineTextInputView.h in Copy Headers */,
-				5956B18E200FF338008D9D16 /* RCTSinglelineTextInputViewManager.h in Copy Headers */,
-				5956B18F200FF338008D9D16 /* RCTUITextField.h in Copy Headers */,
-				5956B190200FF338008D9D16 /* RCTVirtualTextShadowView.h in Copy Headers */,
-				5956B191200FF338008D9D16 /* RCTVirtualTextViewManager.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		6490EA781F683C2000E20046 /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/RCTText;
-			dstSubfolderSpec = 16;
-			files = (
-				9F4659E42362634A000929DF /* RCTBackedTextInputDelegate.h in Copy Headers */,
-				9F4659E52362634A000929DF /* RCTBackedTextInputViewProtocol.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXCopyFilesBuildPhase section */
-
-/* Begin PBXFileReference section */
-		19461664225DC3B300E4E008 /* RCTTextRenderer.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTTextRenderer.m; sourceTree = "<group>"; };
-		19461665225DC3B300E4E008 /* RCTTextRenderer.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTTextRenderer.h; sourceTree = "<group>"; };
-		2D2A287B1D9B048500D4039D /* libRCTText-tvOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libRCTText-tvOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		58B5119B1A9E6C1200147675 /* libRCTText.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRCTText.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		58B5119B1A9E6C1200147676 /* libRCTText.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRCTText.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		5956B0F9200FEBA9008D9D16 /* RCTConvert+Text.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = "RCTConvert+Text.h"; sourceTree = "<group>"; };
-		5956B0FB200FEBA9008D9D16 /* RCTRawTextViewManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTRawTextViewManager.h; sourceTree = "<group>"; };
-		5956B0FC200FEBA9008D9D16 /* RCTRawTextShadowView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTRawTextShadowView.h; sourceTree = "<group>"; };
-		5956B0FD200FEBA9008D9D16 /* RCTRawTextShadowView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTRawTextShadowView.m; sourceTree = "<group>"; };
-		5956B0FE200FEBA9008D9D16 /* RCTRawTextViewManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTRawTextViewManager.m; sourceTree = "<group>"; };
-		5956B101200FEBA9008D9D16 /* RCTSinglelineTextInputView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTSinglelineTextInputView.m; sourceTree = "<group>"; };
-		5956B102200FEBA9008D9D16 /* RCTSinglelineTextInputViewManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSinglelineTextInputViewManager.h; sourceTree = "<group>"; };
-		5956B103200FEBA9008D9D16 /* RCTUITextField.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTUITextField.m; sourceTree = "<group>"; };
-		5956B104200FEBA9008D9D16 /* RCTSinglelineTextInputView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSinglelineTextInputView.h; sourceTree = "<group>"; };
-		5956B105200FEBA9008D9D16 /* RCTUITextField.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTUITextField.h; sourceTree = "<group>"; };
-		5956B106200FEBA9008D9D16 /* RCTSinglelineTextInputViewManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTSinglelineTextInputViewManager.m; sourceTree = "<group>"; };
-		5956B107200FEBA9008D9D16 /* RCTBackedTextInputDelegateAdapter.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTBackedTextInputDelegateAdapter.h; sourceTree = "<group>"; };
-		5956B108200FEBA9008D9D16 /* RCTTextSelection.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTTextSelection.h; sourceTree = "<group>"; };
-		5956B109200FEBA9008D9D16 /* RCTBaseTextInputShadowView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTBaseTextInputShadowView.h; sourceTree = "<group>"; };
-		5956B10A200FEBA9008D9D16 /* RCTBaseTextInputView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTBaseTextInputView.m; sourceTree = "<group>"; };
-		5956B10B200FEBA9008D9D16 /* RCTBaseTextInputViewManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTBaseTextInputViewManager.h; sourceTree = "<group>"; };
-		5956B10C200FEBA9008D9D16 /* RCTBackedTextInputDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTBackedTextInputDelegate.h; sourceTree = "<group>"; };
-		5956B10D200FEBA9008D9D16 /* RCTBackedTextInputDelegateAdapter.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTBackedTextInputDelegateAdapter.m; sourceTree = "<group>"; };
-		5956B10E200FEBA9008D9D16 /* RCTBaseTextInputView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTBaseTextInputView.h; sourceTree = "<group>"; };
-		5956B10F200FEBA9008D9D16 /* RCTBaseTextInputShadowView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTBaseTextInputShadowView.m; sourceTree = "<group>"; };
-		5956B110200FEBA9008D9D16 /* RCTTextSelection.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTTextSelection.m; sourceTree = "<group>"; };
-		5956B111200FEBA9008D9D16 /* RCTBaseTextInputViewManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTBaseTextInputViewManager.m; sourceTree = "<group>"; };
-		5956B112200FEBA9008D9D16 /* RCTBackedTextInputViewProtocol.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTBackedTextInputViewProtocol.h; sourceTree = "<group>"; };
-		5956B114200FEBA9008D9D16 /* RCTMultilineTextInputViewManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTMultilineTextInputViewManager.h; sourceTree = "<group>"; };
-		5956B115200FEBA9008D9D16 /* RCTMultilineTextInputView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTMultilineTextInputView.m; sourceTree = "<group>"; };
-		5956B116200FEBA9008D9D16 /* RCTUITextView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTUITextView.h; sourceTree = "<group>"; };
-		5956B117200FEBA9008D9D16 /* RCTMultilineTextInputView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTMultilineTextInputView.h; sourceTree = "<group>"; };
-		5956B118200FEBA9008D9D16 /* RCTMultilineTextInputViewManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTMultilineTextInputViewManager.m; sourceTree = "<group>"; };
-		5956B119200FEBA9008D9D16 /* RCTUITextView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTUITextView.m; sourceTree = "<group>"; };
-		5956B11A200FEBA9008D9D16 /* RCTTextAttributes.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTTextAttributes.h; sourceTree = "<group>"; };
-		5956B11C200FEBA9008D9D16 /* RCTBaseTextViewManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTBaseTextViewManager.h; sourceTree = "<group>"; };
-		5956B11D200FEBA9008D9D16 /* RCTBaseTextShadowView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTBaseTextShadowView.h; sourceTree = "<group>"; };
-		5956B11E200FEBA9008D9D16 /* RCTBaseTextShadowView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTBaseTextShadowView.m; sourceTree = "<group>"; };
-		5956B11F200FEBA9008D9D16 /* RCTBaseTextViewManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTBaseTextViewManager.m; sourceTree = "<group>"; };
-		5956B120200FEBA9008D9D16 /* RCTTextAttributes.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTTextAttributes.m; sourceTree = "<group>"; };
-		5956B122200FEBAA008D9D16 /* RCTTextShadowView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTTextShadowView.m; sourceTree = "<group>"; };
-		5956B123200FEBAA008D9D16 /* RCTTextView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTTextView.h; sourceTree = "<group>"; };
-		5956B124200FEBAA008D9D16 /* RCTTextViewManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTTextViewManager.h; sourceTree = "<group>"; };
-		5956B125200FEBAA008D9D16 /* NSTextStorage+FontScaling.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = "NSTextStorage+FontScaling.m"; sourceTree = "<group>"; };
-		5956B126200FEBAA008D9D16 /* RCTTextShadowView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTTextShadowView.h; sourceTree = "<group>"; };
-		5956B127200FEBAA008D9D16 /* RCTTextViewManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTTextViewManager.m; sourceTree = "<group>"; };
-		5956B128200FEBAA008D9D16 /* RCTTextView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTTextView.m; sourceTree = "<group>"; };
-		5956B129200FEBAA008D9D16 /* NSTextStorage+FontScaling.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = "NSTextStorage+FontScaling.h"; sourceTree = "<group>"; };
-		5956B12B200FEBAA008D9D16 /* RCTVirtualTextViewManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTVirtualTextViewManager.m; sourceTree = "<group>"; };
-		5956B12C200FEBAA008D9D16 /* RCTVirtualTextShadowView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTVirtualTextShadowView.h; sourceTree = "<group>"; };
-		5956B12D200FEBAA008D9D16 /* RCTVirtualTextViewManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTVirtualTextViewManager.h; sourceTree = "<group>"; };
-		5956B12E200FEBAA008D9D16 /* RCTVirtualTextShadowView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTVirtualTextShadowView.m; sourceTree = "<group>"; };
-		5956B12F200FEBAA008D9D16 /* RCTConvert+Text.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = "RCTConvert+Text.m"; sourceTree = "<group>"; };
-		5970936820845DDE00D163A7 /* RCTTextTransform.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTTextTransform.h; sourceTree = "<group>"; };
-		5C245F37205E216A00D936E9 /* RCTInputAccessoryShadowView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTInputAccessoryShadowView.m; sourceTree = "<group>"; };
-		5C245F38205E216A00D936E9 /* RCTInputAccessoryShadowView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTInputAccessoryShadowView.h; sourceTree = "<group>"; };
-		8F2807C1202D2B6A005D65E6 /* RCTInputAccessoryViewManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTInputAccessoryViewManager.m; sourceTree = "<group>"; };
-		8F2807C2202D2B6A005D65E6 /* RCTInputAccessoryViewContent.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTInputAccessoryViewContent.h; sourceTree = "<group>"; };
-		8F2807C3202D2B6A005D65E6 /* RCTInputAccessoryView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTInputAccessoryView.m; sourceTree = "<group>"; };
-		8F2807C4202D2B6A005D65E6 /* RCTInputAccessoryView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTInputAccessoryView.h; sourceTree = "<group>"; };
-		8F2807C5202D2B6B005D65E6 /* RCTInputAccessoryViewContent.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTInputAccessoryViewContent.m; sourceTree = "<group>"; };
-		8F2807C6202D2B6B005D65E6 /* RCTInputAccessoryViewManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTInputAccessoryViewManager.h; sourceTree = "<group>"; };
-		9F5C1911230DF3E700E3E5A7 /* RCTTextUIKit.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTTextUIKit.h; sourceTree = "<group>"; };
-/* End PBXFileReference section */
-
-/* Begin PBXGroup section */
-		58B511921A9E6C1200147676 = {
-			isa = PBXGroup;
-			children = (
-				5956B11B200FEBA9008D9D16 /* BaseText */,
-				58B5119C1A9E6C1200147676 /* Products */,
-				5956B0FA200FEBA9008D9D16 /* RawText */,
-				5956B0F9200FEBA9008D9D16 /* RCTConvert+Text.h */,
-				5956B12F200FEBAA008D9D16 /* RCTConvert+Text.m */,
-				5956B11A200FEBA9008D9D16 /* RCTTextAttributes.h */,
-				5956B120200FEBA9008D9D16 /* RCTTextAttributes.m */,
-				9F5C1911230DF3E700E3E5A7 /* RCTTextUIKit.h */,
-				5970936820845DDE00D163A7 /* RCTTextTransform.h */,
-				5956B121200FEBAA008D9D16 /* Text */,
-				5956B0FF200FEBA9008D9D16 /* TextInput */,
-				5956B12A200FEBAA008D9D16 /* VirtualText */,
-			);
-			indentWidth = 2;
-			sourceTree = "<group>";
-			tabWidth = 2;
-			usesTabs = 0;
-		};
-		58B5119C1A9E6C1200147676 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				58B5119B1A9E6C1200147676 /* libRCTText.a */,
-				2D2A287B1D9B048500D4039D /* libRCTText-tvOS.a */,
-				58B5119B1A9E6C1200147675 /* libRCTText.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		5956B0FA200FEBA9008D9D16 /* RawText */ = {
-			isa = PBXGroup;
-			children = (
-				5956B0FC200FEBA9008D9D16 /* RCTRawTextShadowView.h */,
-				5956B0FD200FEBA9008D9D16 /* RCTRawTextShadowView.m */,
-				5956B0FB200FEBA9008D9D16 /* RCTRawTextViewManager.h */,
-				5956B0FE200FEBA9008D9D16 /* RCTRawTextViewManager.m */,
-			);
-			path = RawText;
-			sourceTree = "<group>";
-		};
-		5956B0FF200FEBA9008D9D16 /* TextInput */ = {
-			isa = PBXGroup;
-			children = (
-				5C245F38205E216A00D936E9 /* RCTInputAccessoryShadowView.h */,
-				5C245F37205E216A00D936E9 /* RCTInputAccessoryShadowView.m */,
-				8F2807C4202D2B6A005D65E6 /* RCTInputAccessoryView.h */,
-				8F2807C3202D2B6A005D65E6 /* RCTInputAccessoryView.m */,
-				8F2807C2202D2B6A005D65E6 /* RCTInputAccessoryViewContent.h */,
-				8F2807C5202D2B6B005D65E6 /* RCTInputAccessoryViewContent.m */,
-				8F2807C6202D2B6B005D65E6 /* RCTInputAccessoryViewManager.h */,
-				8F2807C1202D2B6A005D65E6 /* RCTInputAccessoryViewManager.m */,
-				5956B113200FEBA9008D9D16 /* Multiline */,
-				5956B10C200FEBA9008D9D16 /* RCTBackedTextInputDelegate.h */,
-				5956B107200FEBA9008D9D16 /* RCTBackedTextInputDelegateAdapter.h */,
-				5956B10D200FEBA9008D9D16 /* RCTBackedTextInputDelegateAdapter.m */,
-				5956B112200FEBA9008D9D16 /* RCTBackedTextInputViewProtocol.h */,
-				5956B109200FEBA9008D9D16 /* RCTBaseTextInputShadowView.h */,
-				5956B10F200FEBA9008D9D16 /* RCTBaseTextInputShadowView.m */,
-				5956B10E200FEBA9008D9D16 /* RCTBaseTextInputView.h */,
-				5956B10A200FEBA9008D9D16 /* RCTBaseTextInputView.m */,
-				5956B10B200FEBA9008D9D16 /* RCTBaseTextInputViewManager.h */,
-				5956B111200FEBA9008D9D16 /* RCTBaseTextInputViewManager.m */,
-				5956B108200FEBA9008D9D16 /* RCTTextSelection.h */,
-				5956B110200FEBA9008D9D16 /* RCTTextSelection.m */,
-				5956B100200FEBA9008D9D16 /* Singleline */,
-			);
-			path = TextInput;
-			sourceTree = "<group>";
-		};
-		5956B100200FEBA9008D9D16 /* Singleline */ = {
-			isa = PBXGroup;
-			children = (
-				5956B104200FEBA9008D9D16 /* RCTSinglelineTextInputView.h */,
-				5956B101200FEBA9008D9D16 /* RCTSinglelineTextInputView.m */,
-				5956B102200FEBA9008D9D16 /* RCTSinglelineTextInputViewManager.h */,
-				5956B106200FEBA9008D9D16 /* RCTSinglelineTextInputViewManager.m */,
-				5956B105200FEBA9008D9D16 /* RCTUITextField.h */,
-				5956B103200FEBA9008D9D16 /* RCTUITextField.m */,
-			);
-			path = Singleline;
-			sourceTree = "<group>";
-		};
-		5956B113200FEBA9008D9D16 /* Multiline */ = {
-			isa = PBXGroup;
-			children = (
-				5956B117200FEBA9008D9D16 /* RCTMultilineTextInputView.h */,
-				5956B115200FEBA9008D9D16 /* RCTMultilineTextInputView.m */,
-				5956B114200FEBA9008D9D16 /* RCTMultilineTextInputViewManager.h */,
-				5956B118200FEBA9008D9D16 /* RCTMultilineTextInputViewManager.m */,
-				5956B116200FEBA9008D9D16 /* RCTUITextView.h */,
-				5956B119200FEBA9008D9D16 /* RCTUITextView.m */,
-			);
-			path = Multiline;
-			sourceTree = "<group>";
-		};
-		5956B11B200FEBA9008D9D16 /* BaseText */ = {
-			isa = PBXGroup;
-			children = (
-				5956B11D200FEBA9008D9D16 /* RCTBaseTextShadowView.h */,
-				5956B11E200FEBA9008D9D16 /* RCTBaseTextShadowView.m */,
-				5956B11C200FEBA9008D9D16 /* RCTBaseTextViewManager.h */,
-				5956B11F200FEBA9008D9D16 /* RCTBaseTextViewManager.m */,
-			);
-			path = BaseText;
-			sourceTree = "<group>";
-		};
-		5956B121200FEBAA008D9D16 /* Text */ = {
-			isa = PBXGroup;
-			children = (
-				5956B129200FEBAA008D9D16 /* NSTextStorage+FontScaling.h */,
-				5956B125200FEBAA008D9D16 /* NSTextStorage+FontScaling.m */,
-				19461665225DC3B300E4E008 /* RCTTextRenderer.h */,
-				19461664225DC3B300E4E008 /* RCTTextRenderer.m */,
-				5956B126200FEBAA008D9D16 /* RCTTextShadowView.h */,
-				5956B122200FEBAA008D9D16 /* RCTTextShadowView.m */,
-				5956B123200FEBAA008D9D16 /* RCTTextView.h */,
-				5956B128200FEBAA008D9D16 /* RCTTextView.m */,
-				5956B124200FEBAA008D9D16 /* RCTTextViewManager.h */,
-				5956B127200FEBAA008D9D16 /* RCTTextViewManager.m */,
-			);
-			path = Text;
-			sourceTree = "<group>";
-		};
-		5956B12A200FEBAA008D9D16 /* VirtualText */ = {
-			isa = PBXGroup;
-			children = (
-				5956B12C200FEBAA008D9D16 /* RCTVirtualTextShadowView.h */,
-				5956B12E200FEBAA008D9D16 /* RCTVirtualTextShadowView.m */,
-				5956B12D200FEBAA008D9D16 /* RCTVirtualTextViewManager.h */,
-				5956B12B200FEBAA008D9D16 /* RCTVirtualTextViewManager.m */,
-			);
-			path = VirtualText;
-			sourceTree = "<group>";
-		};
-/* End PBXGroup section */
-
-/* Begin PBXHeadersBuildPhase section */
-		183496EE1F5DF0D600C0A1B4 /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9F5C1912230DF3E700E3E5A7 /* RCTTextUIKit.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		6490EA771F683C1800E20046 /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9F5C1913230DF3E700E3E5A7 /* RCTTextUIKit.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXHeadersBuildPhase section */
-
-/* Begin PBXNativeTarget section */
-		2D2A287A1D9B048500D4039D /* RCTText-tvOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 2D2A28831D9B048500D4039D /* Build configuration list for PBXNativeTarget "RCTText-tvOS" */;
-			buildPhases = (
-				599DF2601F0306AD0079B53E /* Copy Headers */,
-				2D2A28771D9B048500D4039D /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "RCTText-tvOS";
-			productName = "RCTText-tvOS";
-			productReference = 2D2A287B1D9B048500D4039D /* libRCTText-tvOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		58B5119A1A9E6C1200147676 /* RCTText */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 58B511AF1A9E6C1300147676 /* Build configuration list for PBXNativeTarget "RCTText" */;
-			buildPhases = (
-				599DF25E1F0306540079B53E /* Copy Headers */,
-				58B511971A9E6C1200147676 /* Sources */,
-				183496EE1F5DF0D600C0A1B4 /* Headers */,
-				183496EA1F5DF07600C0A1B4 /* Copy Headers */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = RCTText;
-			productName = RCTText;
-			productReference = 58B5119B1A9E6C1200147676 /* libRCTText.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		6BDE7AB21ECB8D6200CC951F /* RCTText-macos */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 6BDE7ABF1ECB8D6200CC951F /* Build configuration list for PBXNativeTarget "RCTText-macos" */;
-			buildPhases = (
-				1891B31E1FEC3B6500CEDA30 /* Copy Headers */,
-				6BDE7AB31ECB8D6200CC951F /* Sources */,
-				6490EA771F683C1800E20046 /* Headers */,
-				6490EA781F683C2000E20046 /* Copy Headers */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "RCTText-macos";
-			productName = RCTText;
-			productReference = 58B5119B1A9E6C1200147675 /* libRCTText.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-/* End PBXNativeTarget section */
-
-/* Begin PBXProject section */
-		58B511931A9E6C1200147676 /* Project object */ = {
-			isa = PBXProject;
-			attributes = {
-				LastUpgradeCheck = 0940;
-				ORGANIZATIONNAME = Facebook;
-				TargetAttributes = {
-					2D2A287A1D9B048500D4039D = {
-						CreatedOnToolsVersion = 8.0;
-						ProvisioningStyle = Automatic;
-					};
-					58B5119A1A9E6C1200147676 = {
-						CreatedOnToolsVersion = 6.1.1;
-					};
-				};
-			};
-			buildConfigurationList = 58B511961A9E6C1200147676 /* Build configuration list for PBXProject "RCTText" */;
-			compatibilityVersion = "Xcode 3.2";
-			developmentRegion = English;
-			hasScannedForEncodings = 0;
-			knownRegions = (
-				English,
-				en,
-			);
-			mainGroup = 58B511921A9E6C1200147676;
-			productRefGroup = 58B5119C1A9E6C1200147676 /* Products */;
-			projectDirPath = "";
-			projectRoot = "";
-			targets = (
-				58B5119A1A9E6C1200147676 /* RCTText */,
-				6BDE7AB21ECB8D6200CC951F /* RCTText-macos */,
-				2D2A287A1D9B048500D4039D /* RCTText-tvOS */,
-			);
-		};
-/* End PBXProject section */
-
-/* Begin PBXSourcesBuildPhase section */
-		2D2A28771D9B048500D4039D /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				5956B192200FF35C008D9D16 /* RCTBaseTextShadowView.m in Sources */,
-				5956B193200FF35C008D9D16 /* RCTBaseTextViewManager.m in Sources */,
-				5956B194200FF35C008D9D16 /* RCTRawTextShadowView.m in Sources */,
-				5956B195200FF35C008D9D16 /* RCTRawTextViewManager.m in Sources */,
-				5956B196200FF35C008D9D16 /* RCTConvert+Text.m in Sources */,
-				5956B197200FF35C008D9D16 /* RCTTextAttributes.m in Sources */,
-				5956B198200FF35C008D9D16 /* NSTextStorage+FontScaling.m in Sources */,
-				5956B199200FF35C008D9D16 /* RCTTextShadowView.m in Sources */,
-				5956B19A200FF35C008D9D16 /* RCTTextView.m in Sources */,
-				5956B19B200FF35C008D9D16 /* RCTTextViewManager.m in Sources */,
-				5956B19C200FF35C008D9D16 /* RCTMultilineTextInputView.m in Sources */,
-				5956B19D200FF35C008D9D16 /* RCTMultilineTextInputViewManager.m in Sources */,
-				5956B19E200FF35C008D9D16 /* RCTUITextView.m in Sources */,
-				5956B19F200FF35C008D9D16 /* RCTBackedTextInputDelegateAdapter.m in Sources */,
-				5956B1A0200FF35C008D9D16 /* RCTBaseTextInputShadowView.m in Sources */,
-				5956B1A1200FF35C008D9D16 /* RCTBaseTextInputView.m in Sources */,
-				5956B1A2200FF35C008D9D16 /* RCTBaseTextInputViewManager.m in Sources */,
-				5956B1A3200FF35C008D9D16 /* RCTTextSelection.m in Sources */,
-				5956B1A4200FF35C008D9D16 /* RCTSinglelineTextInputView.m in Sources */,
-				5956B1A5200FF35C008D9D16 /* RCTSinglelineTextInputViewManager.m in Sources */,
-				5956B1A6200FF35C008D9D16 /* RCTUITextField.m in Sources */,
-				5956B1A7200FF35C008D9D16 /* RCTVirtualTextShadowView.m in Sources */,
-				5956B1A8200FF35C008D9D16 /* RCTVirtualTextViewManager.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		58B511971A9E6C1200147676 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				5956B13D200FEBAA008D9D16 /* RCTBaseTextShadowView.m in Sources */,
-				5956B140200FEBAA008D9D16 /* RCTTextShadowView.m in Sources */,
-				5956B131200FEBAA008D9D16 /* RCTRawTextViewManager.m in Sources */,
-				5956B137200FEBAA008D9D16 /* RCTBaseTextInputShadowView.m in Sources */,
-				8F2807C7202D2B6B005D65E6 /* RCTInputAccessoryViewManager.m in Sources */,
-				5956B146200FEBAA008D9D16 /* RCTConvert+Text.m in Sources */,
-				8F2807C9202D2B6B005D65E6 /* RCTInputAccessoryViewContent.m in Sources */,
-				5956B13F200FEBAA008D9D16 /* RCTTextAttributes.m in Sources */,
-				8F2807C8202D2B6B005D65E6 /* RCTInputAccessoryView.m in Sources */,
-				5956B143200FEBAA008D9D16 /* RCTTextView.m in Sources */,
-				5956B13C200FEBAA008D9D16 /* RCTUITextView.m in Sources */,
-				5956B136200FEBAA008D9D16 /* RCTBackedTextInputDelegateAdapter.m in Sources */,
-				5956B13E200FEBAA008D9D16 /* RCTBaseTextViewManager.m in Sources */,
-				5956B145200FEBAA008D9D16 /* RCTVirtualTextShadowView.m in Sources */,
-				5956B142200FEBAA008D9D16 /* RCTTextViewManager.m in Sources */,
-				5956B135200FEBAA008D9D16 /* RCTBaseTextInputView.m in Sources */,
-				5956B144200FEBAA008D9D16 /* RCTVirtualTextViewManager.m in Sources */,
-				5C245F39205E216A00D936E9 /* RCTInputAccessoryShadowView.m in Sources */,
-				5956B13B200FEBAA008D9D16 /* RCTMultilineTextInputViewManager.m in Sources */,
-				5956B134200FEBAA008D9D16 /* RCTSinglelineTextInputViewManager.m in Sources */,
-				5956B139200FEBAA008D9D16 /* RCTBaseTextInputViewManager.m in Sources */,
-				5956B138200FEBAA008D9D16 /* RCTTextSelection.m in Sources */,
-				5956B130200FEBAA008D9D16 /* RCTRawTextShadowView.m in Sources */,
-				5956B141200FEBAA008D9D16 /* NSTextStorage+FontScaling.m in Sources */,
-				5956B132200FEBAA008D9D16 /* RCTSinglelineTextInputView.m in Sources */,
-				5956B13A200FEBAA008D9D16 /* RCTMultilineTextInputView.m in Sources */,
-				5956B133200FEBAA008D9D16 /* RCTUITextField.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		6BDE7AB31ECB8D6200CC951F /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9F5C18D1230DDD9600E3E5A7 /* RCTBaseTextShadowView.m in Sources */,
-				9F5C18D2230DDD9600E3E5A7 /* RCTTextShadowView.m in Sources */,
-				9F5C18D0230DDD8800E3E5A7 /* RCTRawTextViewManager.m in Sources */,
-				9F5C18CF230DDD7100E3E5A7 /* RCTBaseTextInputShadowView.m in Sources */,
-				9F5C18CD230DDD5F00E3E5A7 /* RCTConvert+Text.m in Sources */,
-				9F5C18CB230DDD4900E3E5A7 /* RCTTextAttributes.m in Sources */,
-				9F5C18C8230DDD2E00E3E5A7 /* RCTTextView.m in Sources */,
-				9F5C18C9230DDD2E00E3E5A7 /* RCTUITextView.m in Sources */,
-				9F5C18C7230DDD0D00E3E5A7 /* RCTBackedTextInputDelegateAdapter.m in Sources */,
-				9F5C18C6230DDD0300E3E5A7 /* RCTBaseTextViewManager.m in Sources */,
-				9F5C18C5230DDCFC00E3E5A7 /* RCTVirtualTextShadowView.m in Sources */,
-				9F5C18C4230DDCEE00E3E5A7 /* RCTTextViewManager.m in Sources */,
-				9F5C18C3230DDCE500E3E5A7 /* RCTBaseTextInputView.m in Sources */,
-				9F5C18C2230DDCDA00E3E5A7 /* RCTVirtualTextViewManager.m in Sources */,
-				9F5C18BF230DDCB100E3E5A7 /* RCTMultilineTextInputViewManager.m in Sources */,
-				9F5C18BE230DDCAB00E3E5A7 /* RCTSinglelineTextInputViewManager.m in Sources */,
-				9F5C18BD230DDCA200E3E5A7 /* RCTBaseTextInputViewManager.m in Sources */,
-				9F5C18BC230DDC9600E3E5A7 /* RCTTextSelection.m in Sources */,
-				9F5C18BB230DDC9000E3E5A7 /* RCTRawTextShadowView.m in Sources */,
-				9F5C18BA230DDC8700E3E5A7 /* NSTextStorage+FontScaling.m in Sources */,
-				9F5C18B9230DDC7E00E3E5A7 /* RCTSinglelineTextInputView.m in Sources */,
-				9F5C18B8230DDC7700E3E5A7 /* RCTMultilineTextInputView.m in Sources */,
-				9F5C18B7230DDC6800E3E5A7 /* RCTUITextField.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXSourcesBuildPhase section */
-
-/* Begin XCBuildConfiguration section */
-		2D2A28811D9B048500D4039D /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				ENABLE_TESTABILITY = YES;
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Debug;
-		};
-		2D2A28821D9B048500D4039D /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Release;
-		};
-		58B511AD1A9E6C1300147676 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				ENABLE_TESTABILITY = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_DYNAMIC_NO_PIC = NO;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_OPTIMIZATION_LEVEL = 0;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"$(inherited)",
-				);
-				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = YES;
-				ONLY_ACTIVE_ARCH = YES;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-				);
-			};
-			name = Debug;
-		};
-		58B511AE1A9E6C1300147676 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = YES;
-				ENABLE_NS_ASSERTIONS = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = NO;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				VALIDATE_PRODUCT = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-				);
-			};
-			name = Release;
-		};
-		58B511B01A9E6C1300147676 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				RUN_CLANG_STATIC_ANALYZER = YES;
-			};
-			name = Debug;
-		};
-		58B511B11A9E6C1300147676 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-			};
-			name = Release;
-		};
-		6BDE7AC01ECB8D6200CC951F /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTText;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-				SDKROOT = macosx;
-			};
-			name = Debug;
-		};
-		6BDE7AC11ECB8D6200CC951F /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTText;
-				SDKROOT = macosx;
-			};
-			name = Release;
-		};
-/* End XCBuildConfiguration section */
-
-/* Begin XCConfigurationList section */
-		2D2A28831D9B048500D4039D /* Build configuration list for PBXNativeTarget "RCTText-tvOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				2D2A28811D9B048500D4039D /* Debug */,
-				2D2A28821D9B048500D4039D /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		58B511961A9E6C1200147676 /* Build configuration list for PBXProject "RCTText" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				58B511AD1A9E6C1300147676 /* Debug */,
-				58B511AE1A9E6C1300147676 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		58B511AF1A9E6C1300147676 /* Build configuration list for PBXNativeTarget "RCTText" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				58B511B01A9E6C1300147676 /* Debug */,
-				58B511B11A9E6C1300147676 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		6BDE7ABF1ECB8D6200CC951F /* Build configuration list for PBXNativeTarget "RCTText-macos" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				6BDE7AC01ECB8D6200CC951F /* Debug */,
-				6BDE7AC11ECB8D6200CC951F /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-/* End XCConfigurationList section */
-	};
-	rootObject = 58B511931A9E6C1200147676 /* Project object */;
-}
diff --git a/Libraries/Text/RCTTextAttributes.m b/Libraries/Text/RCTTextAttributes.m
index 754b8a458b3587..9e9dce3b729acf 100644
--- a/Libraries/Text/RCTTextAttributes.m
+++ b/Libraries/Text/RCTTextAttributes.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTTextAttributes.h"
+#import <React/RCTTextAttributes.h>
 
 #import <React/RCTAssert.h>
 #import <React/RCTFont.h>
@@ -37,7 +37,7 @@ - (instancetype)init
 
 - (void)applyTextAttributes:(RCTTextAttributes *)textAttributes
 {
-  // Note: All lines marked with `*` does not use explicit/correct rules to compare old and new values becuase
+  // Note: All lines marked with `*` does not use explicit/correct rules to compare old and new values because
   // their types do not have special designated value representing undefined/unspecified/inherit meaning.
   // We will address this in the future.
 
diff --git a/Libraries/Text/RawText/RCTRawTextShadowView.m b/Libraries/Text/RawText/RCTRawTextShadowView.m
index 823058626ea186..2317bb2874ba48 100644
--- a/Libraries/Text/RawText/RCTRawTextShadowView.m
+++ b/Libraries/Text/RawText/RCTRawTextShadowView.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTRawTextShadowView.h"
+#import <React/RCTRawTextShadowView.h>
 
 #import <React/RCTShadowView+Layout.h>
 
diff --git a/Libraries/Text/RawText/RCTRawTextViewManager.m b/Libraries/Text/RawText/RCTRawTextViewManager.m
index 03d08fe25caa03..09d75b6bc3dd4a 100644
--- a/Libraries/Text/RawText/RCTRawTextViewManager.m
+++ b/Libraries/Text/RawText/RCTRawTextViewManager.m
@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTRawTextViewManager.h"
+#import <React/RCTRawTextViewManager.h>
 
-#import "RCTRawTextShadowView.h"
+#import <React/RCTRawTextShadowView.h>
 
 @implementation RCTRawTextViewManager
 
diff --git a/Libraries/Text/React-RCTText.podspec b/Libraries/Text/React-RCTText.podspec
index 60655c8d1a7b7d..e67d060d527d1e 100644
--- a/Libraries/Text/React-RCTText.podspec
+++ b/Libraries/Text/React-RCTText.podspec
@@ -29,7 +29,7 @@ Pod::Spec.new do |s|
   s.source                 = source
   s.source_files           = "**/*.{h,m}"
   s.preserve_paths         = "package.json", "LICENSE", "LICENSE-docs"
-  s.header_dir             = "React"
+  s.header_dir             = "RCTText"
 
-  s.dependency "React-Core", version
+  s.dependency "React-Core/RCTTextHeaders", version
 end
diff --git a/Libraries/Text/Text/RCTTextShadowView.m b/Libraries/Text/Text/RCTTextShadowView.m
index 6c793bc8659d7f..10705283af57d0 100644
--- a/Libraries/Text/Text/RCTTextShadowView.m
+++ b/Libraries/Text/Text/RCTTextShadowView.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTTextShadowView.h"
+#import <React/RCTTextShadowView.h>
 
 #import <React/RCTBridge.h>
 #import <React/RCTShadowView+Layout.h>
@@ -13,7 +13,7 @@
 #import <yoga/Yoga.h>
 
 #import "NSTextStorage+FontScaling.h"
-#import "RCTTextView.h"
+#import <React/RCTTextView.h>
 
 @implementation RCTTextShadowView
 {
@@ -116,7 +116,7 @@ - (void)uiManagerWillPerformMounting
       [descendantViews addObject:descendantView];
     }];
 
-    // Removing all references to Shadow Views to avoid unnececery retainning.
+    // Removing all references to Shadow Views to avoid unnecessary retaining.
     [textStorage removeAttribute:RCTBaseTextShadowViewEmbeddedShadowViewAttributeName range:NSMakeRange(0, textStorage.length)];
 
     [textView setTextStorage:textStorage
@@ -174,6 +174,12 @@ - (void)postprocessAttributedText:(NSMutableAttributedString *)attributedText
 
 - (NSAttributedString *)attributedTextWithMeasuredAttachmentsThatFitSize:(CGSize)size
 {
+  static UIImage *placeholderImage;
+  static dispatch_once_t onceToken;
+   dispatch_once(&onceToken, ^{
+     placeholderImage = [UIImage new];
+   });
+  
   NSMutableAttributedString *attributedText =
     [[NSMutableAttributedString alloc] initWithAttributedString:[self attributedTextWithBaseTextAttributes:nil]];
 
@@ -192,6 +198,7 @@ - (NSAttributedString *)attributedTextWithMeasuredAttachmentsThatFitSize:(CGSize
                                                    maximumSize:size];
       NSTextAttachment *attachment = [NSTextAttachment new];
       attachment.bounds = (CGRect){CGPointZero, fittingSize};
+      attachment.image = placeholderImage;
       [attributedText addAttribute:NSAttachmentAttributeName value:attachment range:range];
     }
   ];
diff --git a/Libraries/Text/Text/RCTTextView.m b/Libraries/Text/Text/RCTTextView.m
index 5cc1eaa862e75b..227a7b81b88cca 100644
--- a/Libraries/Text/Text/RCTTextView.m
+++ b/Libraries/Text/Text/RCTTextView.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTTextView.h"
+#import <React/RCTTextView.h>
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 #import <MobileCoreServices/UTCoreTypes.h>
@@ -17,30 +17,17 @@
 #import <React/RCTUtils.h>
 #import <React/UIView+React.h>
 
-#import "RCTTextShadowView.h"
-
-@interface RCTTextTiledLayer : CATiledLayer
-
-@end
-
-@implementation RCTTextTiledLayer
-
-+ (CFTimeInterval)fadeDuration
-{
-  return 0.05;
-}
-
-@end
+#import <React/RCTTextShadowView.h>
 
 #import <QuartzCore/QuartzCore.h> // TODO(macOS ISS#2323203)
 
 @implementation RCTTextView
 {
+  CAShapeLayer *_highlightLayer;
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   UILongPressGestureRecognizer *_longPressGestureRecognizer;
 #endif // TODO(macOS ISS#2323203)
 
-  CAShapeLayer *_highlightLayer;
   NSArray<RCTUIView *> *_Nullable _descendantViews; // TODO(macOS ISS#3536887)
   NSTextStorage *_Nullable _textStorage;
   CGRect _contentFrame;
@@ -167,9 +154,10 @@ - (void)drawRect:(CGRect)rect
     return;
   }
 
+
   NSLayoutManager *layoutManager = _textStorage.layoutManagers.firstObject;
   NSTextContainer *textContainer = layoutManager.textContainers.firstObject;
-  
+
   NSRange glyphRange = [layoutManager glyphRangeForTextContainer:textContainer];
   [layoutManager drawBackgroundForGlyphRange:glyphRange atPoint:_contentFrame.origin];
   [layoutManager drawGlyphsForGlyphRange:glyphRange atPoint:_contentFrame.origin];
@@ -177,7 +165,6 @@ - (void)drawRect:(CGRect)rect
   __block UIBezierPath *highlightPath = nil;
   NSRange characterRange = [layoutManager characterRangeForGlyphRange:glyphRange
                                                      actualGlyphRange:NULL];
-
   [_textStorage enumerateAttribute:RCTTextAttributesIsHighlightedAttributeName
                            inRange:characterRange
                            options:0
@@ -220,6 +207,7 @@ - (void)drawRect:(CGRect)rect
   }
 }
 
+
 - (NSNumber *)reactTagAtPoint:(CGPoint)point
 {
   NSNumber *reactTag = self.reactTag;
diff --git a/Libraries/Text/Text/RCTTextViewManager.m b/Libraries/Text/Text/RCTTextViewManager.m
index 0e4b3b9484a3a9..8903ec74f7d0be 100644
--- a/Libraries/Text/Text/RCTTextViewManager.m
+++ b/Libraries/Text/Text/RCTTextViewManager.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTTextViewManager.h"
+#import <React/RCTTextViewManager.h>
 
 #import <React/RCTAccessibilityManager.h>
 #import <React/RCTShadowView+Layout.h>
@@ -14,8 +14,8 @@
 #import <React/RCTUIManagerUtils.h>
 #import <React/RCTUIManagerObserverCoordinator.h>
 
-#import "RCTTextShadowView.h"
-#import "RCTTextView.h"
+#import <React/RCTTextShadowView.h>
+#import <React/RCTTextView.h>
 
 @interface RCTTextViewManager () <RCTUIManagerObserver>
 
diff --git a/Libraries/Text/TextAncestor.js b/Libraries/Text/TextAncestor.js
index 5a8e79eee2ca7a..24fb1b45512fad 100644
--- a/Libraries/Text/TextAncestor.js
+++ b/Libraries/Text/TextAncestor.js
@@ -18,4 +18,4 @@ const React = require('react');
 /* $FlowFixMe(>=0.85.0 site=react_native_fb) This comment suppresses an error
  * found when Flow v0.85 was deployed. To see the error, delete this comment
  * and run Flow. */
-module.exports = React.createContext(false);
+module.exports = (React.createContext(false): React$Context<$FlowFixMe>);
diff --git a/Libraries/Text/TextInput/Multiline/RCTMultilineTextInputView.m b/Libraries/Text/TextInput/Multiline/RCTMultilineTextInputView.m
index de023f9678b630..1b4984dfe2d8b1 100644
--- a/Libraries/Text/TextInput/Multiline/RCTMultilineTextInputView.m
+++ b/Libraries/Text/TextInput/Multiline/RCTMultilineTextInputView.m
@@ -5,16 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTMultilineTextInputView.h"
+#import <React/RCTMultilineTextInputView.h>
 
 #import <React/RCTUtils.h>
 
-#import "RCTUITextView.h"
+#import <React/RCTUITextView.h>
 
 @implementation RCTMultilineTextInputView
 {
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
-  RCTUIScrollView *_scrollView; // TODO(macOS ISS#3536887)
+  RCTUIScrollView *_scrollView;
 #endif // ]TODO(macOS ISS#2323203)
   RCTUITextView *_backedTextInputView;
 }
diff --git a/Libraries/Text/TextInput/Multiline/RCTMultilineTextInputViewManager.m b/Libraries/Text/TextInput/Multiline/RCTMultilineTextInputViewManager.m
index 5e62e0c3fe99bc..6fe7de7c95ed40 100644
--- a/Libraries/Text/TextInput/Multiline/RCTMultilineTextInputViewManager.m
+++ b/Libraries/Text/TextInput/Multiline/RCTMultilineTextInputViewManager.m
@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTMultilineTextInputViewManager.h"
+#import <React/RCTMultilineTextInputViewManager.h>
 
-#import "RCTMultilineTextInputView.h"
+#import <React/RCTMultilineTextInputView.h>
 
 @implementation RCTMultilineTextInputViewManager
 
diff --git a/Libraries/Text/TextInput/Multiline/RCTUITextView.m b/Libraries/Text/TextInput/Multiline/RCTUITextView.m
index f4933c7ba8b611..97e4b5a2460b19 100644
--- a/Libraries/Text/TextInput/Multiline/RCTUITextView.m
+++ b/Libraries/Text/TextInput/Multiline/RCTUITextView.m
@@ -5,13 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTUITextView.h"
+#import <React/RCTUITextView.h>
 
 #import <React/RCTUtils.h>
 #import <React/UIView+React.h>
 
-#import "RCTBackedTextInputDelegateAdapter.h"
-#import "RCTTextAttributes.h"
+#import <React/RCTBackedTextInputDelegateAdapter.h>
+#import <React/RCTTextAttributes.h>
 
 @implementation RCTUITextView
 {
diff --git a/Libraries/Text/TextInput/RCTBackedTextInputDelegate.h b/Libraries/Text/TextInput/RCTBackedTextInputDelegate.h
index c27bb8e6d4bc81..64db080801ade3 100644
--- a/Libraries/Text/TextInput/RCTBackedTextInputDelegate.h
+++ b/Libraries/Text/TextInput/RCTBackedTextInputDelegate.h
@@ -30,10 +30,10 @@ NS_ASSUME_NONNULL_BEGIN
 - (BOOL)textInputShouldHandleDeleteBackward:(id<RCTBackedTextInputViewProtocol>)sender; // Return `YES` to have the deleteBackward event handled normally. Return `NO` to disallow it and handle it yourself. TODO(OSS Candidate ISS#2710739)
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
 - (BOOL)textInputShouldHandleDeleteForward:(id<RCTBackedTextInputViewProtocol>)sender; // Return `YES` to have the deleteForward event handled normally. Return `NO` to disallow it and handle it yourself.
-#endif  // ]TODO(macOS ISS#2323203)
+#endif // ]TODO(macOS ISS#2323203)
 
 @optional
-- (void)scrollViewDidScroll:(RCTUIScrollView *)scrollView;
+- (void)scrollViewDidScroll:(RCTUIScrollView *)scrollView; // TODO(macOS ISS#2323203)
 
 @end
 
diff --git a/Libraries/Text/TextInput/RCTBackedTextInputDelegateAdapter.h b/Libraries/Text/TextInput/RCTBackedTextInputDelegateAdapter.h
index 8c3555b50c400a..d89bb3429fe036 100644
--- a/Libraries/Text/TextInput/RCTBackedTextInputDelegateAdapter.h
+++ b/Libraries/Text/TextInput/RCTBackedTextInputDelegateAdapter.h
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "../RCTTextUIKit.h" // TODO(macOS ISS#2323203)
+#import <React/RCTTextUIKit.h> // TODO(macOS ISS#2323203)
 
 NS_ASSUME_NONNULL_BEGIN
 
diff --git a/Libraries/Text/TextInput/RCTBackedTextInputDelegateAdapter.m b/Libraries/Text/TextInput/RCTBackedTextInputDelegateAdapter.m
index 59a800b66587ad..a8fe7f0a39445b 100644
--- a/Libraries/Text/TextInput/RCTBackedTextInputDelegateAdapter.m
+++ b/Libraries/Text/TextInput/RCTBackedTextInputDelegateAdapter.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTBackedTextInputDelegateAdapter.h"
+#import <React/RCTBackedTextInputDelegateAdapter.h>
 #import "RCTBackedTextInputViewProtocol.h" // TODO(OSS Candidate ISS#2710739)
 #import "RCTBackedTextInputDelegate.h" // TODO(OSS Candidate ISS#2710739)
 #import "../RCTTextUIKit.h" // TODO(macOS ISS#2323203)
diff --git a/Libraries/Text/TextInput/RCTBackedTextInputViewProtocol.h b/Libraries/Text/TextInput/RCTBackedTextInputViewProtocol.h
index 83e0f63998a128..1947cd71486949 100644
--- a/Libraries/Text/TextInput/RCTBackedTextInputViewProtocol.h
+++ b/Libraries/Text/TextInput/RCTBackedTextInputViewProtocol.h
@@ -7,7 +7,7 @@
 
 #import <React/RCTUIKit.h> // [TODO(macOS ISS#2323203)
 
-#if TARGET_OS_OSX
+#if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
 NS_ASSUME_NONNULL_BEGIN
 @protocol RCTUITextFieldDelegate <NSTextFieldDelegate>
 @optional
diff --git a/Libraries/Text/TextInput/RCTBaseTextInputShadowView.m b/Libraries/Text/TextInput/RCTBaseTextInputShadowView.m
index d73b3b258c67c7..f7ee634c71db41 100644
--- a/Libraries/Text/TextInput/RCTBaseTextInputShadowView.m
+++ b/Libraries/Text/TextInput/RCTBaseTextInputShadowView.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTBaseTextInputShadowView.h"
+#import <React/RCTBaseTextInputShadowView.h>
 
 #import <React/RCTBridge.h>
 #import <React/RCTShadowView+Layout.h>
@@ -13,7 +13,7 @@
 #import <yoga/Yoga.h>
 
 #import "NSTextStorage+FontScaling.h"
-#import "RCTBaseTextInputView.h"
+#import <React/RCTBaseTextInputView.h>
 
 @implementation RCTBaseTextInputShadowView
 {
@@ -137,7 +137,7 @@ - (void)uiManagerWillPerformMounting
   NSMutableAttributedString *attributedText =
     [[NSMutableAttributedString alloc] initWithAttributedString:[self attributedTextWithBaseTextAttributes:nil]];
 
-  // Removing all references to Shadow Views and tags to avoid unnececery retainning
+  // Removing all references to Shadow Views and tags to avoid unnecessary retaining
   // and problems with comparing the strings.
   [attributedText removeAttribute:RCTBaseTextShadowViewEmbeddedShadowViewAttributeName
                             range:NSMakeRange(0, attributedText.length)];
@@ -174,7 +174,12 @@ - (void)uiManagerWillPerformMounting
     baseTextInputView.reactPaddingInsets = paddingInsets;
 
     if (isAttributedTextChanged) {
-      baseTextInputView.attributedText = attributedText;
+      // Don't set `attributedText` if length equal to zero, otherwise it would shrink when attributes contain like `lineHeight`.
+      if (attributedText.length != 0) {
+        baseTextInputView.attributedText = attributedText;
+      } else {
+        baseTextInputView.attributedText = nil;
+      }
     }
   }];
 }
@@ -190,7 +195,7 @@ - (NSAttributedString *)measurableAttributedText
 
   if (attributedText.length == 0) {
     // It's impossible to measure empty attributed string because all attributes are
-    // assosiated with some characters, so no characters means no data.
+    // associated with some characters, so no characters means no data.
 
     // Placeholder also can represent the intrinsic size when it is visible.
     NSString *text = self.placeholder;
diff --git a/Libraries/Text/TextInput/RCTBaseTextInputView.h b/Libraries/Text/TextInput/RCTBaseTextInputView.h
index a728b7cd19b510..d3bd753f8dc67e 100644
--- a/Libraries/Text/TextInput/RCTBaseTextInputView.h
+++ b/Libraries/Text/TextInput/RCTBaseTextInputView.h
@@ -32,7 +32,7 @@ NS_ASSUME_NONNULL_BEGIN
 /**
  Whether this text input ignores the `textAttributes` property. Defaults to `NO`. If set to `YES`, the value of `textAttributes` will be ignored in favor of standard text input behavior.
  */
-@property (nonatomic) BOOL ignoresTextAttributes; // [TODO(OSS Candidate ISS#2710739)
+@property (nonatomic) BOOL ignoresTextAttributes; // TODO(OSS Candidate ISS#2710739)
 @property (nonatomic, strong, nullable) RCTTextAttributes *textAttributes;
 @property (nonatomic, assign) UIEdgeInsets reactPaddingInsets;
 @property (nonatomic, assign) UIEdgeInsets reactBorderInsets;
@@ -50,7 +50,7 @@ NS_ASSUME_NONNULL_BEGIN
 @property (nonatomic, assign) BOOL secureTextEntry;
 @property (nonatomic, copy) RCTTextSelection *selection;
 @property (nonatomic, strong, nullable) NSNumber *maxLength;
-@property (nonatomic, copy) NSAttributedString *attributedText;
+@property (nonatomic, copy, nullable) NSAttributedString *attributedText;
 @property (nonatomic, copy) NSString *predictedText; // TODO(OSS Candidate ISS#2710739)
 @property (nonatomic, copy) NSString *inputAccessoryViewID;
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
diff --git a/Libraries/Text/TextInput/RCTBaseTextInputView.m b/Libraries/Text/TextInput/RCTBaseTextInputView.m
index 7c087ab1148a3b..436f799f664bc0 100644
--- a/Libraries/Text/TextInput/RCTBaseTextInputView.m
+++ b/Libraries/Text/TextInput/RCTBaseTextInputView.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTBaseTextInputView.h"
+#import <React/RCTBaseTextInputView.h>
 
 #import <React/RCTAccessibilityManager.h>
 #import <React/RCTBridge.h>
@@ -15,10 +15,10 @@
 #import <React/RCTUtils.h>
 #import <React/UIView+React.h>
 
-#import "RCTInputAccessoryView.h"
-#import "RCTInputAccessoryViewContent.h"
-#import "RCTTextAttributes.h"
-#import "RCTTextSelection.h"
+#import <React/RCTInputAccessoryView.h>
+#import <React/RCTInputAccessoryViewContent.h>
+#import <React/RCTTextAttributes.h>
+#import <React/RCTTextSelection.h>
 #import "../RCTTextUIKit.h" // TODO(macOS ISS#2323203)
 
 @implementation RCTBaseTextInputView {
@@ -104,13 +104,13 @@ - (NSAttributedString *)attributedText
 }
 
 - (BOOL)textOf:(NSAttributedString*)newText equals:(NSAttributedString*)oldText{
-  // When the dictation is running we can't update the attibuted text on the backed up text view
+  // When the dictation is running we can't update the attributed text on the backed up text view
   // because setting the attributed string will kill the dictation. This means that we can't impose
   // the settings on a dictation.
   // Similarly, when the user is in the middle of inputting some text in Japanese/Chinese, there will be styling on the
   // text that we should disregard. See https://developer.apple.com/documentation/uikit/uitextinput/1614489-markedtextrange?language=objc
   // for more info.
-  // If the user added an emoji, the sytem adds a font attribute for the emoji and stores the original font in NSOriginalFont.
+  // If the user added an emoji, the system adds a font attribute for the emoji and stores the original font in NSOriginalFont.
   // Lastly, when entering a password, etc., there will be additional styling on the field as the native text view
   // handles showing the last character for a split second.
   __block BOOL fontHasBeenUpdatedBySystem = false;
@@ -190,7 +190,7 @@ - (void)setAttributedText:(NSAttributedString *)attributedText
 
     [self updateLocalData];
   } else if (eventLag > RCTTextUpdateLagWarningThreshold) {
-    RCTLogWarn(@"Native TextInput(%@) is %lld events ahead of JS - try to make your JS faster.", self.backedTextInputView.attributedText.string, (long long)eventLag);
+    RCTLog(@"Native TextInput(%@) is %lld events ahead of JS - try to make your JS faster.", self.backedTextInputView.attributedText.string, (long long)eventLag);
   }
 }
 
@@ -233,7 +233,7 @@ - (void)setSelection:(RCTTextSelection *)selection
   if (eventLag == 0 && !RCTTextSelectionEqual(previousSelectedTextRange, selectedTextRange)) { // TODO(macOS ISS#2323203)
     [backedTextInputView setSelectedTextRange:selectedTextRange notifyDelegate:NO];
   } else if (eventLag > RCTTextUpdateLagWarningThreshold) {
-    RCTLogWarn(@"Native TextInput(%@) is %lld events ahead of JS - try to make your JS faster.", backedTextInputView.attributedText.string, (long long)eventLag);
+    RCTLog(@"Native TextInput(%@) is %lld events ahead of JS - try to make your JS faster.", backedTextInputView.attributedText.string, (long long)eventLag);
   }
 }
 
@@ -305,6 +305,16 @@ - (void)setTextContentType:(NSString *)type
 }
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
+
+- (void)setPasswordRules:(NSString *)descriptor
+{
+  #if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= __IPHONE_12_0
+    if (@available(iOS 12.0, *)) {
+      self.backedTextInputView.passwordRules = [UITextInputPasswordRules passwordRulesWithDescriptor:descriptor];
+    }
+  #endif
+}
+
 - (UIKeyboardType)keyboardType
 {
   return self.backedTextInputView.keyboardType;
@@ -432,7 +442,12 @@ - (BOOL)textInputShouldChangeTextInRange:(NSRange)range replacementText:(NSStrin
         // Truncate the input string so the result is exactly maxLength
         NSString *limitedString = [text substringToIndex:allowedLength];
         NSMutableAttributedString *newAttributedText = [backedTextInputView.attributedText mutableCopy];
-        [newAttributedText replaceCharactersInRange:range withString:limitedString];
+        // Apply text attributes if original input view doesn't have text.
+        if (backedTextInputView.attributedText.length == 0) {
+          newAttributedText = [[NSMutableAttributedString alloc] initWithString:[self.textAttributes applyTextAttributesToText:limitedString] attributes:self.textAttributes.effectiveTextAttributes];
+        } else {
+          [newAttributedText replaceCharactersInRange:range withString:limitedString];
+        }
         backedTextInputView.attributedText = newAttributedText;
         [self setPredictedText:newAttributedText.string]; // TODO(OSS Candidate ISS#2710739)
 
diff --git a/Libraries/Text/TextInput/RCTBaseTextInputViewManager.m b/Libraries/Text/TextInput/RCTBaseTextInputViewManager.m
index e9857a03e70148..05858cbb36818c 100644
--- a/Libraries/Text/TextInput/RCTBaseTextInputViewManager.m
+++ b/Libraries/Text/TextInput/RCTBaseTextInputViewManager.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTBaseTextInputViewManager.h"
+#import <React/RCTBaseTextInputViewManager.h>
 
 #import <React/RCTAccessibilityManager.h>
 #import <React/RCTBridge.h>
@@ -17,10 +17,10 @@
 #import <React/RCTUIManagerUtils.h>
 #import <React/RCTUIManagerObserverCoordinator.h>
 
-#import "RCTBaseTextInputShadowView.h"
-#import "RCTBaseTextInputView.h"
+#import <React/RCTBaseTextInputShadowView.h>
+#import <React/RCTBaseTextInputView.h>
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-#import "RCTConvert+Text.h"
+#import <React/RCTConvert+Text.h>
 #endif // TODO(macOS ISS#2323203)
 
 @interface RCTBaseTextInputViewManager () <RCTUIManagerObserver>
@@ -62,6 +62,7 @@ @implementation RCTBaseTextInputViewManager
 RCT_EXPORT_VIEW_PROPERTY(selection, RCTTextSelection)
 RCT_EXPORT_VIEW_PROPERTY(inputAccessoryViewID, NSString)
 RCT_EXPORT_VIEW_PROPERTY(textContentType, NSString)
+RCT_EXPORT_VIEW_PROPERTY(passwordRules, NSString)
 
 RCT_EXPORT_VIEW_PROPERTY(onChange, RCTBubblingEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(onSelectionChange, RCTDirectEventBlock)
diff --git a/Libraries/Text/TextInput/RCTInputAccessoryShadowView.m b/Libraries/Text/TextInput/RCTInputAccessoryShadowView.m
index 02500e9f591fc5..ebe79f558926db 100644
--- a/Libraries/Text/TextInput/RCTInputAccessoryShadowView.m
+++ b/Libraries/Text/TextInput/RCTInputAccessoryShadowView.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTInputAccessoryShadowView.h"
+#import <React/RCTInputAccessoryShadowView.h>
 
 #import <React/RCTUtils.h>
 
diff --git a/Libraries/Text/TextInput/RCTInputAccessoryView.m b/Libraries/Text/TextInput/RCTInputAccessoryView.m
index 062bf4a83e5527..da34fa0c4bb85b 100644
--- a/Libraries/Text/TextInput/RCTInputAccessoryView.m
+++ b/Libraries/Text/TextInput/RCTInputAccessoryView.m
@@ -5,13 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTInputAccessoryView.h"
+#import <React/RCTInputAccessoryView.h>
 
 #import <React/RCTBridge.h>
 #import <React/RCTTouchHandler.h>
 #import <React/UIView+React.h>
 
-#import "RCTInputAccessoryViewContent.h"
+#import <React/RCTInputAccessoryViewContent.h>
 
 @interface RCTInputAccessoryView()
 
diff --git a/Libraries/Text/TextInput/RCTInputAccessoryViewContent.m b/Libraries/Text/TextInput/RCTInputAccessoryViewContent.m
index 61e54f9f0f5b8e..14f34f6eba545e 100644
--- a/Libraries/Text/TextInput/RCTInputAccessoryViewContent.m
+++ b/Libraries/Text/TextInput/RCTInputAccessoryViewContent.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTInputAccessoryViewContent.h"
+#import <React/RCTInputAccessoryViewContent.h>
 
 #import <React/UIView+React.h>
 
diff --git a/Libraries/Text/TextInput/RCTInputAccessoryViewManager.m b/Libraries/Text/TextInput/RCTInputAccessoryViewManager.m
index 5f56c56ee1db72..2327d9c312928c 100644
--- a/Libraries/Text/TextInput/RCTInputAccessoryViewManager.m
+++ b/Libraries/Text/TextInput/RCTInputAccessoryViewManager.m
@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTInputAccessoryViewManager.h"
+#import <React/RCTInputAccessoryViewManager.h>
 
-#import "RCTInputAccessoryShadowView.h"
-#import "RCTInputAccessoryView.h"
+#import <React/RCTInputAccessoryShadowView.h>
+#import <React/RCTInputAccessoryView.h>
 
 @implementation RCTInputAccessoryViewManager
 
diff --git a/Libraries/Text/TextInput/RCTTextSelection.m b/Libraries/Text/TextInput/RCTTextSelection.m
index 082b8fd3e48f82..ccece082216cab 100644
--- a/Libraries/Text/TextInput/RCTTextSelection.m
+++ b/Libraries/Text/TextInput/RCTTextSelection.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTTextSelection.h"
+#import <React/RCTTextSelection.h>
 
 @implementation RCTTextSelection
 
diff --git a/Libraries/Text/TextInput/Singleline/RCTSinglelineTextInputView.m b/Libraries/Text/TextInput/Singleline/RCTSinglelineTextInputView.m
index 6ecc26a667ed3a..df53c3cdb13359 100644
--- a/Libraries/Text/TextInput/Singleline/RCTSinglelineTextInputView.m
+++ b/Libraries/Text/TextInput/Singleline/RCTSinglelineTextInputView.m
@@ -5,11 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTSinglelineTextInputView.h"
+#import <React/RCTSinglelineTextInputView.h>
 
 #import <React/RCTBridge.h>
 
-#import "RCTUITextField.h"
+#import <React/RCTUITextField.h>
 
 @implementation RCTSinglelineTextInputView
 {
diff --git a/Libraries/Text/TextInput/Singleline/RCTSinglelineTextInputViewManager.m b/Libraries/Text/TextInput/Singleline/RCTSinglelineTextInputViewManager.m
index f1a467eb4de555..b99315c20d078a 100644
--- a/Libraries/Text/TextInput/Singleline/RCTSinglelineTextInputViewManager.m
+++ b/Libraries/Text/TextInput/Singleline/RCTSinglelineTextInputViewManager.m
@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTSinglelineTextInputViewManager.h"
+#import <React/RCTSinglelineTextInputViewManager.h>
 
-#import "RCTBaseTextInputShadowView.h"
-#import "RCTSinglelineTextInputView.h"
+#import <React/RCTBaseTextInputShadowView.h>
+#import <React/RCTSinglelineTextInputView.h>
 
 @implementation RCTSinglelineTextInputViewManager
 
diff --git a/Libraries/Text/TextInput/Singleline/RCTUITextField.m b/Libraries/Text/TextInput/Singleline/RCTUITextField.m
index 4c86eebc3ad1df..3cb2c5d583b252 100644
--- a/Libraries/Text/TextInput/Singleline/RCTUITextField.m
+++ b/Libraries/Text/TextInput/Singleline/RCTUITextField.m
@@ -5,14 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTUITextField.h"
+#import <React/RCTUITextField.h>
 
 #import <React/RCTUtils.h>
 #import <React/UIView+React.h>
 
-#import "RCTBackedTextInputDelegateAdapter.h"
-#import "RCTBackedTextInputDelegate.h" // TODO(OSS Candidate ISS#2710739)
-#import "RCTTextAttributes.h"
+#import <React/RCTBackedTextInputDelegateAdapter.h>
+#import <React/RCTBackedTextInputDelegate.h> // TODO(OSS Candidate ISS#2710739)
+#import <React/RCTTextAttributes.h>
+
 
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
 @interface RCTUITextFieldCell : NSTextFieldCell
@@ -417,6 +418,18 @@ - (BOOL)textView:(NSTextView *)aTextView shouldChangeTextInRange:(NSRange)aRange
 
 #pragma mark - Overrides
 
+#if !TARGET_OS_OSX
+#pragma clang diagnostic push
+#pragma clang diagnostic ignored "-Wdeprecated-implementations"
+// Overrides selectedTextRange setter to get notify when selectedTextRange changed.
+- (void)setSelectedTextRange:(UITextRange *)selectedTextRange
+{
+  [super setSelectedTextRange:selectedTextRange];
+  [_textInputDelegateAdapter selectedTextRangeWasSet];
+}
+#pragma clang diagnostic pop
+#endif // !TARGET_OS_OSX
+
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
 - (BOOL)becomeFirstResponder
 {
diff --git a/Libraries/Text/TextPropTypes.js b/Libraries/Text/TextPropTypes.js
deleted file mode 100644
index 756d95721f1b27..00000000000000
--- a/Libraries/Text/TextPropTypes.js
+++ /dev/null
@@ -1,143 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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
- */
-
-'use strict';
-
-const DeprecatedColorPropType = require('../DeprecatedPropTypes/DeprecatedColorPropType');
-const DeprecatedEdgeInsetsPropType = require('../DeprecatedPropTypes/DeprecatedEdgeInsetsPropType');
-const PropTypes = require('prop-types');
-const DeprecatedStyleSheetPropType = require('../DeprecatedPropTypes/DeprecatedStyleSheetPropType');
-const TextStylePropTypes = require('./TextStylePropTypes');
-
-const stylePropType = DeprecatedStyleSheetPropType(TextStylePropTypes);
-
-const DataDetectorTypes = ['phoneNumber', 'link', 'email', 'none', 'all'];
-
-module.exports = {
-  /**
-   * When `numberOfLines` is set, this prop defines how text will be
-   * truncated.
-   *
-   * See https://facebook.github.io/react-native/docs/text.html#ellipsizemode
-   */
-  ellipsizeMode: PropTypes.oneOf(['head', 'middle', 'tail', 'clip']),
-  /**
-   * Used to truncate the text with an ellipsis.
-   *
-   * See https://facebook.github.io/react-native/docs/text.html#numberoflines
-   */
-  numberOfLines: PropTypes.number,
-  /**
-   * Set text break strategy on Android.
-   *
-   * See https://facebook.github.io/react-native/docs/text.html#textbreakstrategy
-   */
-  textBreakStrategy: PropTypes.oneOf(['simple', 'highQuality', 'balanced']),
-  /**
-   * Invoked on mount and layout changes.
-   *
-   * See https://facebook.github.io/react-native/docs/text.html#onlayout
-   */
-  onLayout: PropTypes.func,
-  /**
-   * This function is called on press.
-   *
-   * See https://facebook.github.io/react-native/docs/text.html#onpress
-   */
-  onPress: PropTypes.func,
-  /**
-   * This function is called on long press.
-   *
-   * See https://facebook.github.io/react-native/docs/text.html#onlongpress
-   */
-  onLongPress: PropTypes.func,
-  /**
-   * Defines how far your touch may move off of the button, before
-   * deactivating the button.
-   *
-   * See https://facebook.github.io/react-native/docs/text.html#pressretentionoffset
-   */
-  pressRetentionOffset: DeprecatedEdgeInsetsPropType,
-  /**
-   * Lets the user select text.
-   *
-   * See https://facebook.github.io/react-native/docs/text.html#selectable
-   */
-  selectable: PropTypes.bool,
-  /**
-   * The highlight color of the text.
-   *
-   * See https://facebook.github.io/react-native/docs/text.html#selectioncolor
-   */
-  selectionColor: DeprecatedColorPropType,
-  /**
-   * When `true`, no visual change is made when text is pressed down.
-   *
-   * See https://facebook.github.io/react-native/docs/text.html#supperhighlighting
-   */
-  suppressHighlighting: PropTypes.bool,
-  style: stylePropType,
-  /**
-   * Used to locate this view in end-to-end tests.
-   *
-   * See https://facebook.github.io/react-native/docs/text.html#testid
-   */
-  testID: PropTypes.string,
-  /**
-   * Used to locate this view from native code.
-   *
-   * See https://facebook.github.io/react-native/docs/text.html#nativeid
-   */
-  nativeID: PropTypes.string,
-  /**
-   * Whether fonts should scale to respect Text Size accessibility settings.
-   *
-   * See https://facebook.github.io/react-native/docs/text.html#allowfontscaling
-   */
-  allowFontScaling: PropTypes.bool,
-  /**
-   * Specifies largest possible scale a font can reach when `allowFontScaling` is enabled.
-   * Possible values:
-   * `null/undefined` (default): inherit from the parent node or the global default (0)
-   * `0`: no max, ignore parent/global default
-   * `>= 1`: sets the maxFontSizeMultiplier of this node to this value
-   */
-  maxFontSizeMultiplier: PropTypes.number,
-  /**
-   * Indicates whether the view is an accessibility element.
-   *
-   * See https://facebook.github.io/react-native/docs/text.html#accessible
-   */
-  accessible: PropTypes.bool,
-  /**
-   * Whether font should be scaled down automatically.
-   *
-   * See https://facebook.github.io/react-native/docs/text.html#adjustsfontsizetofit
-   */
-  adjustsFontSizeToFit: PropTypes.bool,
-  /**
-   * Smallest possible scale a font can reach.
-   *
-   * See https://facebook.github.io/react-native/docs/text.html#minimumfontscale
-   */
-  minimumFontScale: PropTypes.number,
-  /**
-   * Specifies the disabled state of the text view for testing purposes.
-   *
-   * See https://facebook.github.io/react-native/docs/text.html#disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Determines the types of data converted to clickable URLs in text.
-   *
-   * See https://facebook.github.io/react-native/docs/text.html#dataDetectorType
-   */
-  dataDetectorType: PropTypes.oneOf(DataDetectorTypes),
-};
diff --git a/Libraries/Text/TextProps.js b/Libraries/Text/TextProps.js
index 2e55b7c4fa69d6..21951fe145c7f0 100644
--- a/Libraries/Text/TextProps.js
+++ b/Libraries/Text/TextProps.js
@@ -20,6 +20,7 @@ import type {TextStyleProp} from '../StyleSheet/StyleSheet';
 import type {
   AccessibilityRole,
   AccessibilityStates,
+  AccessibilityState,
 } from '../Components/View/ViewAccessibility';
 
 export type PressRetentionOffset = $ReadOnly<{|
@@ -43,6 +44,7 @@ export type TextProps = $ReadOnly<{|
   accessibilityLabel?: ?Stringish,
   accessibilityRole?: ?AccessibilityRole,
   accessibilityStates?: ?AccessibilityStates,
+  accessibilityState?: ?AccessibilityState,
 
   /**
    * Whether font should be scaled down automatically.
diff --git a/Libraries/Text/VirtualText/RCTVirtualTextShadowView.m b/Libraries/Text/VirtualText/RCTVirtualTextShadowView.m
index ef659cc54b797a..1326b3e2796d59 100644
--- a/Libraries/Text/VirtualText/RCTVirtualTextShadowView.m
+++ b/Libraries/Text/VirtualText/RCTVirtualTextShadowView.m
@@ -5,12 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTVirtualTextShadowView.h"
+#import <React/RCTVirtualTextShadowView.h>
 
 #import <React/RCTShadowView+Layout.h>
 #import <yoga/Yoga.h>
 
-#import "RCTRawTextShadowView.h"
+#import <React/RCTRawTextShadowView.h>
 
 @implementation RCTVirtualTextShadowView {
   BOOL _isLayoutDirty;
diff --git a/Libraries/Text/VirtualText/RCTVirtualTextViewManager.m b/Libraries/Text/VirtualText/RCTVirtualTextViewManager.m
index ec82788a22645e..1e2908818fc82e 100644
--- a/Libraries/Text/VirtualText/RCTVirtualTextViewManager.m
+++ b/Libraries/Text/VirtualText/RCTVirtualTextViewManager.m
@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTVirtualTextViewManager.h"
+#import <React/RCTVirtualTextViewManager.h>
 
-#import "RCTVirtualTextShadowView.h"
+#import <React/RCTVirtualTextShadowView.h>
 
 @implementation RCTVirtualTextViewManager
 
diff --git a/Libraries/TurboModule/RCTExport.js b/Libraries/TurboModule/RCTExport.js
index bf608d6fe8759a..9e8a884d2b724f 100644
--- a/Libraries/TurboModule/RCTExport.js
+++ b/Libraries/TurboModule/RCTExport.js
@@ -13,23 +13,25 @@
 /**
  * NOTE: This is React Native specific export type.
  *
- * RCTExport is an interface type that allows native code generation for React
- * Native native modules. It exists as a hint to the codegen tool that any
- * interface that extends it needs to be codegen'ed. Example usage:
+ * DEPRECATED_RCTExport is an interface type that allows native code generation
+ * for React Native native modules. It exists as a hint to the codegen tool that
+ * any interface that extends it needs to be codegen'ed. Example usage:
  *
- *   export interface RCTFoobar extends RCTExport<void> {}
+ *   export interface RCTFoobar extends DEPRECATED_RCTExport<void> {}
  *
  * Native definition for RCTFoobar will then be generated.
  *
  * The type param T is a placeholder for future codegen hinting, like versioning
  * information, native base classes, etc. For now, simply use `void` type as
  * there's nothing to give hint about.
+ *
+ * NOTE: This export is deprecated. Please us TurboModule.
  */
 
 // eslint-disable-next-line no-unused-vars
-export interface RCTExport<T: void = void> {
+export interface DEPRECATED_RCTExport<T: void = void> {
   +getConstants?: () => {};
 }
 
 // eslint-disable-next-line lint/react-native-modules
-export interface TurboModule extends RCTExport<void> {}
+export interface TurboModule extends DEPRECATED_RCTExport<void> {}
diff --git a/Libraries/TurboModule/TurboModuleRegistry.js b/Libraries/TurboModule/TurboModuleRegistry.js
index ca64f774deceea..b3b1135f98bf9e 100644
--- a/Libraries/TurboModule/TurboModuleRegistry.js
+++ b/Libraries/TurboModule/TurboModuleRegistry.js
@@ -11,17 +11,19 @@
 'use strict';
 
 const NativeModules = require('../BatchedBridge/NativeModules');
-
 import type {TurboModule} from './RCTExport';
 import invariant from 'invariant';
 
 const turboModuleProxy = global.__turboModuleProxy;
 
-function get<T: TurboModule>(name: string): ?T {
-  // Backward compatibility layer during migration.
-  const legacyModule = NativeModules[name];
-  if (legacyModule != null) {
-    return ((legacyModule: any): T);
+export function get<T: TurboModule>(name: string): ?T {
+  // Bridgeless mode requires TurboModules
+  if (!global.RN$Bridgeless) {
+    // Backward compatibility layer during migration.
+    const legacyModule = NativeModules[name];
+    if (legacyModule != null) {
+      return ((legacyModule: any): T);
+    }
   }
 
   if (turboModuleProxy != null) {
@@ -32,11 +34,12 @@ function get<T: TurboModule>(name: string): ?T {
   return null;
 }
 
-function getEnforcing<T: TurboModule>(name: string): T {
+export function getEnforcing<T: TurboModule>(name: string): T {
   const module = get(name);
-  invariant(module != null, `${name} is not available in this app.`);
+  invariant(
+    module != null,
+    `TurboModuleRegistry.getEnforcing(...): '${name}' could not be found. ` +
+      'Verify that a module by this name is registered in the native binary.',
+  );
   return module;
 }
-
-export {get};
-export {getEnforcing};
diff --git a/Libraries/TurboModule/samples/NativeSampleTurboModule.js b/Libraries/TurboModule/samples/NativeSampleTurboModule.js
index 486d555aa04516..f82a8e810878e5 100644
--- a/Libraries/TurboModule/samples/NativeSampleTurboModule.js
+++ b/Libraries/TurboModule/samples/NativeSampleTurboModule.js
@@ -31,4 +31,6 @@ export interface Spec extends TurboModule {
   +getValueWithPromise: (error: boolean) => Promise<string>;
 }
 
-export default TurboModuleRegistry.getEnforcing<Spec>('SampleTurboModule');
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'SampleTurboModule',
+): Spec);
diff --git a/Libraries/TypeSafety/RCTConvertHelpers.h b/Libraries/TypeSafety/RCTConvertHelpers.h
new file mode 100644
index 00000000000000..15c6c688d5a520
--- /dev/null
+++ b/Libraries/TypeSafety/RCTConvertHelpers.h
@@ -0,0 +1,67 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <vector>
+
+#import <Foundation/Foundation.h>
+
+#import <FBLazyVector/FBLazyVector.h>
+#import <folly/Optional.h>
+
+namespace facebook {
+namespace react {
+  template<typename T>
+  using LazyVector = FB::LazyVector<T, id>;
+}}
+
+template<typename ContainerT>
+NSArray *RCTConvertVecToArray(const ContainerT &vec, id (^convertor)(typename ContainerT::value_type element))
+{
+  NSMutableArray *array = [NSMutableArray new];
+  for (size_t i = 0, size = vec.size(); i < size; ++i) {
+    id object = convertor(vec[i]);
+    array[i] = object ?: (id)kCFNull;
+  }
+  return array;
+}
+template<typename ContainerT>
+NSArray *RCTConvertVecToArray(const ContainerT &vec)
+{
+  return RCTConvertVecToArray(vec, ^id(typename ContainerT::value_type element) { return element; });
+}
+
+template<typename ContainerT>
+NSArray *RCTConvertOptionalVecToArray(const folly::Optional<ContainerT> &vec, id (^convertor)(typename ContainerT::value_type element))
+{
+  return vec.hasValue() ? RCTConvertVecToArray(vec.value(), convertor) : nil;
+}
+
+bool RCTBridgingToBool(id value);
+folly::Optional<bool> RCTBridgingToOptionalBool(id value);
+NSString *RCTBridgingToString(id value);
+folly::Optional<double> RCTBridgingToOptionalDouble(id value);
+double RCTBridgingToDouble(id value);
+NSArray *RCTBridgingToArray(id value);
+
+template<typename T>
+facebook::react::LazyVector<T> RCTBridgingToVec(id value, T (^ctor)(id element))
+{
+  NSArray *array = RCTBridgingToArray(value);
+  typedef typename facebook::react::LazyVector<T>::size_type _size_t;
+  _size_t size = static_cast<_size_t>(array.count);
+  return facebook::react::LazyVector<T>::fromUnsafeRawValue(array, size, ctor);
+}
+
+template<typename T>
+folly::Optional<facebook::react::LazyVector<T>> RCTBridgingToOptionalVec(id value, T (^ctor)(id element))
+{
+  if (value == nil) {
+    return folly::none;
+  } else {
+    return RCTBridgingToVec(value, ctor);
+  }
+}
diff --git a/Libraries/TypeSafety/RCTConvertHelpers.mm b/Libraries/TypeSafety/RCTConvertHelpers.mm
new file mode 100644
index 00000000000000..61fef6fe0bea1a
--- /dev/null
+++ b/Libraries/TypeSafety/RCTConvertHelpers.mm
@@ -0,0 +1,45 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTConvertHelpers.h"
+
+#import <React/RCTConvert.h>
+
+bool RCTBridgingToBool(id value)
+{
+  return [RCTConvert BOOL:value] ? true : false;
+}
+
+folly::Optional<bool> RCTBridgingToOptionalBool(id value)
+{
+  if (!value) {
+    return {};
+  }
+  return RCTBridgingToBool(value);
+}
+
+NSString *RCTBridgingToString(id value)
+{
+  return [RCTConvert NSString:value];
+}
+
+folly::Optional<double> RCTBridgingToOptionalDouble(id value)
+{
+  if (!value) {
+    return {};
+  }
+  return RCTBridgingToDouble(value);
+}
+
+double RCTBridgingToDouble(id value)
+{
+  return [RCTConvert double:value];
+}
+
+NSArray *RCTBridgingToArray(id value) {
+  return [RCTConvert NSArray:value];
+}
diff --git a/ReactCommon/jscallinvoker/React-jscallinvoker.podspec b/Libraries/TypeSafety/RCTTypeSafety.podspec
similarity index 66%
rename from ReactCommon/jscallinvoker/React-jscallinvoker.podspec
rename to Libraries/TypeSafety/RCTTypeSafety.podspec
index 12876d8068c084..b59d80ef9a2bde 100644
--- a/ReactCommon/jscallinvoker/React-jscallinvoker.podspec
+++ b/Libraries/TypeSafety/RCTTypeSafety.podspec
@@ -19,23 +19,27 @@ end
 
 folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
 folly_version = '2018.10.22.00'
-boost_compiler_flags = '-Wno-documentation'
 
 Pod::Spec.new do |s|
-  s.name                   = "React-jscallinvoker"
+  s.name                   = "RCTTypeSafety"
   s.version                = version
   s.summary                = "-"  # TODO
   s.homepage               = "http://facebook.github.io/react-native/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
   s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.14" } # TODO(macOS GH#214)
+  s.compiler_flags         = folly_compiler_flags
   s.source                 = source
-  s.source_files         = "jsireact/*.{cpp,h}"
-  s.compiler_flags         = folly_compiler_flags + ' ' + boost_compiler_flags
-  s.header_dir             = "jsireact"
-  s.pod_target_xcconfig    = { "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost-for-react-native\" \"$(PODS_ROOT)/Folly\" \"$(PODS_ROOT)/DoubleConversion\"" }
+  s.source_files           = "**/*.{c,h,m,mm,cpp}"
+  s.header_dir             = "RCTTypeSafety"
+  s.pod_target_xcconfig    = {
+                               "USE_HEADERMAP" => "YES",
+                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++14",
+                               "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/Libraries/TypeSafety\" \"$(PODS_ROOT)/Folly\""
+                             }
 
-  s.dependency "React-cxxreact", version
+  s.dependency "FBLazyVector", version
   s.dependency "Folly", folly_version
-
+  s.dependency "RCTRequired", version
+  s.dependency "React-Core", version
 end
diff --git a/Libraries/TypeSafety/RCTTypedModuleConstants.h b/Libraries/TypeSafety/RCTTypedModuleConstants.h
new file mode 100644
index 00000000000000..25437174a6aa42
--- /dev/null
+++ b/Libraries/TypeSafety/RCTTypedModuleConstants.h
@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <utility>
+
+#import <Foundation/Foundation.h>
+
+#import <React/RCTBridgeModule.h>
+#import <React/RCTDefines.h>
+
+/**
+ * Interop type layer for RN's exportedConstants and the C++ structs generated by our typesafety codegen.
+ *
+ * The NativeModuleSpec will define a constantsToExport method which you can implement as follows:
+ *
+ * - (nonnull ModuleConstants<JS::Constants>)constantsToExport
+ * {
+ *   return typedConstants<JS::Constants>({ ... });
+ * }
+ */
+
+// Internal container for module constants. Do not use yourself directly, instead use the typedConstants helpers below.
+@interface _RCTTypedModuleConstants<StructType> : NSDictionary<NSString *, id>
+
++ (instancetype)newWithUnsafeDictionary:(NSDictionary<NSString *, id> *)dictionary;
+
+@end
+
+namespace facebook {
+namespace react {
+
+// Objective-C doesn't allow arbitrary types in its lightweight generics, only object and block types. We can work
+// around that by having the struct type we care about be a block-argument. The block never exists at runtime.
+template<typename T>
+using ModuleConstants = _RCTTypedModuleConstants<void (^)(T)> *;
+
+template<typename T>
+ModuleConstants<T> typedConstants(typename T::Builder::Input &&value) {
+  typename T::Builder builder(std::move(value));
+  return [_RCTTypedModuleConstants newWithUnsafeDictionary:builder.buildUnsafeRawValue()];
+}
+
+} }
diff --git a/Libraries/TypeSafety/RCTTypedModuleConstants.mm b/Libraries/TypeSafety/RCTTypedModuleConstants.mm
new file mode 100644
index 00000000000000..a3c6c34540cc7b
--- /dev/null
+++ b/Libraries/TypeSafety/RCTTypedModuleConstants.mm
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTTypedModuleConstants.h"
+
+#import <React/RCTDefines.h>
+
+@implementation _RCTTypedModuleConstants {
+  NSDictionary *_dictionary;
+}
+
++ (instancetype)newWithUnsafeDictionary:(NSDictionary<NSString *, id> *)dictionary
+{
+  _RCTTypedModuleConstants *constants = [self new];
+  if (constants) {
+    constants->_dictionary = dictionary;
+  }
+  return constants;
+}
+
+#pragma mark - NSDictionary subclass
+
+// See subclassing notes in https://developer.apple.com/documentation/foundation/nsdictionary#//apple_ref/occ/cl/NSDictionary
+
+RCT_NOT_IMPLEMENTED(- (instancetype)initWithObjects:(id  _Nonnull const [])objects
+                                            forKeys:(id<NSCopying> _Nonnull const [])keys
+                                              count:(NSUInteger)count)
+
+- (NSUInteger)count
+{
+  return [_dictionary count];
+}
+
+- (id)objectForKey:(id)key
+{
+  return [_dictionary objectForKey:key];
+}
+
+- (NSEnumerator *)keyEnumerator
+{
+  return [_dictionary keyEnumerator];
+}
+
+@end
diff --git a/Libraries/Types/CodegenTypes.js b/Libraries/Types/CodegenTypes.js
new file mode 100644
index 00000000000000..9d499ae2fa4efe
--- /dev/null
+++ b/Libraries/Types/CodegenTypes.js
@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {SyntheticEvent} from './CoreEventTypes';
+
+// Event types
+// We're not using the PaperName, it is only used to codegen view config settings
+
+export type BubblingEventHandler<
+  T,
+  PaperName: string | empty = empty, // eslint-disable-line no-unused-vars
+> = (event: SyntheticEvent<T>) => void | Promise<void>;
+export type DirectEventHandler<
+  T,
+  PaperName: string | empty = empty, // eslint-disable-line no-unused-vars
+> = (event: SyntheticEvent<T>) => void | Promise<void>;
+
+// Prop types
+export type Double = number;
+export type Float = number;
+export type Int32 = number;
+
+type DefaultTypes = number | boolean | string | $ReadOnlyArray<string>;
+// Default handling, ignore the unused value
+// we're only using it for type checking
+//
+// TODO: (rickhanlonii) T44881457 If a default is provided, it should always be optional
+//  but that is currently not supported in the codegen since we require a default
+//
+// eslint-disable-next-line no-unused-vars
+export type WithDefault<Type: DefaultTypes, Value: ?Type | string> = ?Type;
diff --git a/Libraries/Types/CoreEventTypes.js b/Libraries/Types/CoreEventTypes.js
index 99cbc70186e78d..517e875d43db43 100644
--- a/Libraries/Types/CoreEventTypes.js
+++ b/Libraries/Types/CoreEventTypes.js
@@ -84,18 +84,18 @@ export type TextLayoutEvent = SyntheticEvent<
 
 export type PressEvent = ResponderSyntheticEvent<
   $ReadOnly<{|
-    altKey: ?boolean, // TODO(macOS)
-    button: ?number, // TODO(macOS)
+    altKey: ?boolean, // TODO(macOS ISS#2323203)
+    button: ?number, // TODO(macOS ISS#2323203)
     changedTouches: $ReadOnlyArray<$PropertyType<PressEvent, 'nativeEvent'>>,
-    ctrlKey: ?boolean,
+    ctrlKey: ?boolean, // TODO(macOS ISS#2323203)
     force: number,
     identifier: number,
     locationX: number,
     locationY: number,
-    metaKey: ?boolean, // TODO(macOS)
+    metaKey: ?boolean, // TODO(macOS ISS#2323203)
     pageX: number,
     pageY: number,
-    shiftKey: ?boolean, // TODO(macOS)
+    shiftKey: ?boolean, // TODO(macOS ISS#2323203)
     target: ?number,
     timestamp: number,
     touches: $ReadOnlyArray<$PropertyType<PressEvent, 'nativeEvent'>>,
@@ -132,13 +132,7 @@ export type ScrollEvent = SyntheticEvent<
     |}>,
     zoomScale?: number,
     responderIgnoreScroll?: boolean,
-    key?: string, // TODO(macOS)
-    preferredScrollerStyle?: string, // TODO(macOS)
-  |}>,
->;
-
-export type SwitchChangeEvent = SyntheticEvent<
-  $ReadOnly<{|
-    value: boolean,
+    key?: string, // TODO(macOS ISS#2323203)
+    preferredScrollerStyle?: string, // TODO(macOS ISS#2323203)
   |}>,
 >;
diff --git a/Libraries/UTFSequence.js b/Libraries/UTFSequence.js
index db5ff90fcf8f94..4e6c030ef20f20 100644
--- a/Libraries/UTFSequence.js
+++ b/Libraries/UTFSequence.js
@@ -19,7 +19,22 @@ const deepFreezeAndThrowOnMutationInDev = require('./Utilities/deepFreezeAndThro
  *  - Source code should be limitted to ASCII.
  *  - Less chance of typos.
  */
-const UTFSequence = deepFreezeAndThrowOnMutationInDev({
+const UTFSequence: $TEMPORARY$object<{|
+  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,
+  PIZZA: string,
+  TRIANGLE_LEFT: string,
+  TRIANGLE_RIGHT: string,
+|}> = deepFreezeAndThrowOnMutationInDev({
   BOM: '\ufeff', // byte order mark
   BULLET: '\u2022', // bullet: &#8226;
   BULLET_SP: '\u00A0\u2022\u00A0', // &nbsp;&#8226;&nbsp;
diff --git a/Libraries/Utilities/BackHandler.android.js b/Libraries/Utilities/BackHandler.android.js
index be48d8b8119f13..ce7e226fad1a4c 100644
--- a/Libraries/Utilities/BackHandler.android.js
+++ b/Libraries/Utilities/BackHandler.android.js
@@ -10,9 +10,8 @@
 
 'use strict';
 
-const DeviceEventManager = require('../BatchedBridge/NativeModules')
-  .DeviceEventManager;
-const RCTDeviceEventEmitter = require('../EventEmitter/RCTDeviceEventEmitter');
+import NativeDeviceEventManager from '../../Libraries/NativeModules/specs/NativeDeviceEventManager';
+import RCTDeviceEventEmitter from '../EventEmitter/RCTDeviceEventEmitter';
 
 const DEVICE_BACK_EVENT = 'hardwareBackPress';
 
@@ -75,7 +74,11 @@ type TBackHandler = {|
 |};
 const BackHandler: TBackHandler = {
   exitApp: function(): void {
-    DeviceEventManager.invokeDefaultBackPressHandler();
+    if (!NativeDeviceEventManager) {
+      return;
+    }
+
+    NativeDeviceEventManager.invokeDefaultBackPressHandler();
   },
 
   /**
diff --git a/Libraries/Utilities/DeviceInfo.js b/Libraries/Utilities/DeviceInfo.js
index 9757f2686e5a70..c3f59c5e88bced 100644
--- a/Libraries/Utilities/DeviceInfo.js
+++ b/Libraries/Utilities/DeviceInfo.js
@@ -10,10 +10,6 @@
 
 'use strict';
 
-const DeviceInfo = require('../BatchedBridge/NativeModules').DeviceInfo;
+import NativeDeviceInfo from './NativeDeviceInfo';
 
-const invariant = require('invariant');
-
-invariant(DeviceInfo, 'DeviceInfo native module is not installed correctly');
-
-module.exports = DeviceInfo;
+module.exports = NativeDeviceInfo;
diff --git a/Libraries/Utilities/Dimensions.js b/Libraries/Utilities/Dimensions.js
index 383dcc44c8ac5c..4a07a7f38c3e0a 100644
--- a/Libraries/Utilities/Dimensions.js
+++ b/Libraries/Utilities/Dimensions.js
@@ -10,88 +10,84 @@
 
 'use strict';
 
-const EventEmitter = require('../vendor/emitter/EventEmitter');
-const Platform = require('./Platform');
-const RCTDeviceEventEmitter = require('../EventEmitter/RCTDeviceEventEmitter');
+import EventEmitter from '../vendor/emitter/EventEmitter';
+import RCTDeviceEventEmitter from '../EventEmitter/RCTDeviceEventEmitter';
+import NativeDeviceInfo, {
+  type DisplayMetrics,
+  type DimensionsPayload,
+} from './NativeDeviceInfo';
+import invariant from 'invariant';
 
-const invariant = require('invariant');
+type DimensionsValue = {window?: DisplayMetrics, screen?: DisplayMetrics};
 
 const eventEmitter = new EventEmitter();
 let dimensionsInitialized = false;
-const dimensions = {};
+let dimensions: DimensionsValue;
+
 class Dimensions {
+  /**
+   * NOTE: `useWindowDimensions` is the preffered API for React components.
+   *
+   * Initial dimensions are set before `runApplication` is called so they should
+   * be available before any other require's are run, but may be updated later.
+   *
+   * Note: Although dimensions are available immediately, they may change (e.g
+   * due to device rotation) so any rendering logic or styles that depend on
+   * these constants should try to call this function on every render, rather
+   * than caching the value (for example, using inline styles rather than
+   * setting a value in a `StyleSheet`).
+   *
+   * Example: `const {height, width} = Dimensions.get('window');`
+   *
+   * @param {string} dim Name of dimension as defined when calling `set`.
+   * @returns {Object?} Value for the dimension.
+   */
+  static get(dim: string): Object {
+    invariant(dimensions[dim], 'No dimension set for key ' + dim);
+    return dimensions[dim];
+  }
+
   /**
    * This should only be called from native code by sending the
    * didUpdateDimensions event.
    *
    * @param {object} dims Simple string-keyed object of dimensions to set
    */
-  static set(dims: {[key: string]: any}): void {
+  static set(dims: $ReadOnly<{[key: string]: any}>): void {
     // We calculate the window dimensions in JS so that we don't encounter loss of
     // precision in transferring the dimensions (which could be non-integers) over
     // the bridge.
-    if (dims && dims.windowPhysicalPixels) {
-      // parse/stringify => Clone hack
-      dims = JSON.parse(JSON.stringify(dims));
-
-      const windowPhysicalPixels = dims.windowPhysicalPixels;
-      dims.window = {
+    let {screen, window} = dims;
+    const {windowPhysicalPixels} = dims;
+    if (windowPhysicalPixels) {
+      window = {
         width: windowPhysicalPixels.width / windowPhysicalPixels.scale,
         height: windowPhysicalPixels.height / windowPhysicalPixels.scale,
         scale: windowPhysicalPixels.scale,
         fontScale: windowPhysicalPixels.fontScale,
       };
-      if (Platform.OS === 'android') {
-        // Screen and window dimensions are different on android
-        const screenPhysicalPixels = dims.screenPhysicalPixels;
-        dims.screen = {
-          width: screenPhysicalPixels.width / screenPhysicalPixels.scale,
-          height: screenPhysicalPixels.height / screenPhysicalPixels.scale,
-          scale: screenPhysicalPixels.scale,
-          fontScale: screenPhysicalPixels.fontScale,
-        };
-
-        // delete so no callers rely on this existing
-        delete dims.screenPhysicalPixels;
-      } else {
-        dims.screen = dims.window;
-      }
-      // delete so no callers rely on this existing
-      delete dims.windowPhysicalPixels;
+    }
+    const {screenPhysicalPixels} = dims;
+    if (screenPhysicalPixels) {
+      screen = {
+        width: screenPhysicalPixels.width / screenPhysicalPixels.scale,
+        height: screenPhysicalPixels.height / screenPhysicalPixels.scale,
+        scale: screenPhysicalPixels.scale,
+        fontScale: screenPhysicalPixels.fontScale,
+      };
+    } else if (screen == null) {
+      screen = window;
     }
 
-    Object.assign(dimensions, dims);
+    dimensions = {window, screen};
     if (dimensionsInitialized) {
       // Don't fire 'change' the first time the dimensions are set.
-      eventEmitter.emit('change', {
-        window: dimensions.window,
-        screen: dimensions.screen,
-      });
+      eventEmitter.emit('change', dimensions);
     } else {
       dimensionsInitialized = true;
     }
   }
 
-  /**
-   * Initial dimensions are set before `runApplication` is called so they should
-   * be available before any other require's are run, but may be updated later.
-   *
-   * Note: Although dimensions are available immediately, they may change (e.g
-   * due to device rotation) so any rendering logic or styles that depend on
-   * these constants should try to call this function on every render, rather
-   * than caching the value (for example, using inline styles rather than
-   * setting a value in a `StyleSheet`).
-   *
-   * Example: `var {height, width} = Dimensions.get('window');`
-   *
-   * @param {string} dim Name of dimension as defined when calling `set`.
-   * @returns {Object?} Value for the dimension.
-   */
-  static get(dim: string): Object {
-    invariant(dimensions[dim], 'No dimension set for key ' + dim);
-    return dimensions[dim];
-  }
-
   /**
    * Add an event handler. Supported events:
    *
@@ -100,7 +96,7 @@ class Dimensions {
    *   are the same as the return values of `Dimensions.get('window')` and
    *   `Dimensions.get('screen')`, respectively.
    */
-  static addEventListener(type: string, handler: Function) {
+  static addEventListener(type: 'change', handler: Function) {
     invariant(
       type === 'change',
       'Trying to subscribe to unknown event: "%s"',
@@ -112,7 +108,7 @@ class Dimensions {
   /**
    * Remove an event handler.
    */
-  static removeEventListener(type: string, handler: Function) {
+  static removeEventListener(type: 'change', handler: Function) {
     invariant(
       type === 'change',
       'Trying to remove listener for unknown event: "%s"',
@@ -122,26 +118,23 @@ class Dimensions {
   }
 }
 
-let dims: ?{[key: string]: any} =
+let initialDims: ?$ReadOnly<{[key: string]: any}> =
   global.nativeExtensions &&
   global.nativeExtensions.DeviceInfo &&
   global.nativeExtensions.DeviceInfo.Dimensions;
-let nativeExtensionsEnabled = true;
-if (!dims) {
-  const DeviceInfo = require('./DeviceInfo');
-  dims = DeviceInfo.Dimensions;
-  nativeExtensionsEnabled = false;
+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);
+    },
+  );
+  // Can't use NativeDeviceInfo in ComponentScript because it does not support NativeModules,
+  // but has nativeExtensions instead.
+  initialDims = NativeDeviceInfo.getConstants().Dimensions;
 }
 
-invariant(
-  dims,
-  'Either DeviceInfo native extension or DeviceInfo Native Module must be registered',
-);
-Dimensions.set(dims);
-if (!nativeExtensionsEnabled) {
-  RCTDeviceEventEmitter.addListener('didUpdateDimensions', function(update) {
-    Dimensions.set(update);
-  });
-}
+Dimensions.set(initialDims);
 
 module.exports = Dimensions;
diff --git a/Libraries/Utilities/GlobalPerformanceLogger.js b/Libraries/Utilities/GlobalPerformanceLogger.js
index ccab5e4685a6de..6b1d9266a4a334 100644
--- a/Libraries/Utilities/GlobalPerformanceLogger.js
+++ b/Libraries/Utilities/GlobalPerformanceLogger.js
@@ -8,9 +8,10 @@
  * @format
  */
 'use strict';
-
 const createPerformanceLogger = require('./createPerformanceLogger');
 
+import type {IPerformanceLogger} from './createPerformanceLogger';
+
 /**
  * This is a global shared instance of IPerformanceLogger that is created with
  * createPerformanceLogger().
@@ -18,6 +19,6 @@ const createPerformanceLogger = require('./createPerformanceLogger');
  * that are logged during loading bundle. If you want to log something from your
  * React component you should use PerformanceLoggerContext instead.
  */
-const GlobalPerformanceLogger = createPerformanceLogger();
+const GlobalPerformanceLogger: IPerformanceLogger = createPerformanceLogger();
 
 module.exports = GlobalPerformanceLogger;
diff --git a/Libraries/Utilities/HMRClient.js b/Libraries/Utilities/HMRClient.js
index 050c509c3e40b7..08c0f4e432eb44 100644
--- a/Libraries/Utilities/HMRClient.js
+++ b/Libraries/Utilities/HMRClient.js
@@ -14,47 +14,169 @@ const invariant = require('invariant');
 
 const MetroHMRClient = require('metro/src/lib/bundle-modules/HMRClient');
 
+import NativeRedBox from '../NativeModules/specs/NativeRedBox';
+
+import type {ExtendedError} from '../Core/Devtools/parseErrorStack';
+
+const pendingEntryPoints = [];
+let hmrClient = null;
+let hmrUnavailableReason: string | null = null;
+let currentCompileErrorMessage: string | null = null;
+let didConnect: boolean = false;
+
+type LogLevel =
+  | 'trace'
+  | 'info'
+  | 'warn'
+  | 'log'
+  | 'group'
+  | 'groupCollapsed'
+  | 'groupEnd'
+  | 'debug';
+
+export type HMRClientNativeInterface = {|
+  enable(): void,
+  disable(): void,
+  registerBundle(requestUrl: string): void,
+  log(level: LogLevel, data: Array<mixed>): void,
+  setup(
+    platform: string,
+    bundleEntry: string,
+    host: string,
+    port: number | string,
+    isEnabled: boolean,
+  ): void,
+|};
+
 /**
  * HMR Client that receives from the server HMR updates and propagates them
  * runtime to reflects those changes.
  */
-const HMRClient = {
-  enable(platform: string, bundleEntry: string, host: string, port: number) {
+const HMRClient: HMRClientNativeInterface = {
+  enable() {
+    if (hmrUnavailableReason !== null) {
+      // If HMR became unavailable while you weren't using it,
+      // explain why when you try to turn it on.
+      // This is an error (and not a warning) because it is shown
+      // in response to a direct user action.
+      throw new Error(hmrUnavailableReason);
+    }
+
+    invariant(hmrClient, 'Expected HMRClient.setup() call at startup.');
+    const LoadingView = require('./LoadingView');
+
+    // We use this for internal logging only.
+    // It doesn't affect the logic.
+    hmrClient.send(JSON.stringify({type: 'log-opt-in'}));
+
+    // When toggling Fast Refresh on, we might already have some stashed updates.
+    // Since they'll get applied now, we'll show a banner.
+    const hasUpdates = hmrClient.hasPendingUpdates();
+
+    if (hasUpdates) {
+      LoadingView.showMessage('Refreshing...', 'refresh');
+    }
+    try {
+      hmrClient.enable();
+    } finally {
+      if (hasUpdates) {
+        LoadingView.hide();
+      }
+    }
+
+    // There could be a compile error while Fast Refresh was off,
+    // but we ignored it at the time. Show it now.
+    showCompileError();
+  },
+
+  disable() {
+    invariant(hmrClient, 'Expected HMRClient.setup() call at startup.');
+    hmrClient.disable();
+  },
+
+  registerBundle(requestUrl: string) {
+    invariant(hmrClient, 'Expected HMRClient.setup() call at startup.');
+    pendingEntryPoints.push(requestUrl);
+    registerBundleEntryPoints(hmrClient);
+  },
+
+  log(level: LogLevel, data: Array<mixed>) {
+    try {
+      if (hmrClient) {
+        let message;
+        if (global.Symbol) {
+          message = JSON.stringify({
+            type: 'log',
+            level,
+            data: data.map(item =>
+              typeof item === 'string'
+                ? item
+                : require('pretty-format')(item, {
+                    escapeString: true,
+                    highlight: true,
+                    maxDepth: 3,
+                    min: true,
+                    plugins: [require('pretty-format').plugins.ReactElement],
+                  }),
+            ),
+          });
+        } else {
+          try {
+            message = JSON.stringify({type: 'log', level, data});
+          } catch (error) {
+            message = JSON.stringify({
+              type: 'log',
+              level,
+              data: [error.message],
+            });
+          }
+        }
+
+        hmrClient.send(message);
+      }
+    } catch (error) {
+      // If sending logs causes any failures we want to silently ignore them
+      // to ensure we do not cause infinite-logging loops.
+    }
+  },
+
+  // Called once by the bridge on startup, even if Fast Refresh is off.
+  // It creates the HMR client but doesn't actually set up the socket yet.
+  setup(
+    platform: string,
+    bundleEntry: string,
+    host: string,
+    port: number | string,
+    isEnabled: boolean,
+  ) {
     invariant(platform, 'Missing required parameter `platform`');
     invariant(bundleEntry, 'Missing required paramenter `bundleEntry`');
     invariant(host, 'Missing required paramenter `host`');
+    invariant(!hmrClient, 'Cannot initialize hmrClient twice');
 
     // Moving to top gives errors due to NativeModules not being initialized
-    // $FlowFixMe
-    const HMRLoadingView = require('./HMRLoadingView');
-
-    /* $FlowFixMe(>=0.84.0 site=react_native_fb) This comment suppresses an
-     * error found when Flow v0.84 was deployed. To see the error, delete this
-     * comment and run Flow. */
-    const wsHostPort = port !== null && port !== '' ? `${host}:${port}` : host;
-
-    bundleEntry = bundleEntry.replace(/\.(bundle|delta)/, '.js');
+    const LoadingView = require('./LoadingView');
 
-    // Build the websocket url
-    const wsUrl =
-      `ws://${wsHostPort}/hot?` +
-      `platform=${platform}&` +
-      `bundleEntry=${bundleEntry}`;
+    const wsHost = port !== null && port !== '' ? `${host}:${port}` : host;
+    const client = new MetroHMRClient(`ws://${wsHost}/hot`);
+    hmrClient = client;
 
-    const hmrClient = new MetroHMRClient(wsUrl);
+    pendingEntryPoints.push(
+      `ws://${wsHost}/hot?bundleEntry=${bundleEntry}&platform=${platform}`,
+    );
 
-    hmrClient.on('connection-error', e => {
-      let error = `Hot loading isn't working because it cannot connect to the development server.
+    client.on('connection-error', e => {
+      let error = `Cannot connect to the Metro server.
 
 Try the following to fix the issue:
-- Ensure that the packager server is running and available on the same network`;
+- Ensure that the Metro server is running and available on the same network`;
 
       if (
         Platform.OS === 'ios' ||
         Platform.OS === 'macos' /* TODO(macOS ISS#2323203) */
       ) {
         error += `
-- Ensure that the Packager server URL is correctly set in AppDelegate`;
+- Ensure that the Metro server URL is correctly set in AppDelegate`;
       } else {
         error += `
 - Ensure that your device/emulator is connected to your machine and has USB debugging enabled - run 'adb devices' to see a list of connected devices
@@ -68,57 +190,128 @@ URL: ${host}:${port}
 
 Error: ${e.message}`;
 
-      throw new Error(error);
+      setHMRUnavailableReason(error);
     });
 
-    hmrClient.on('update-start', () => {
-      HMRLoadingView.showMessage('Hot Loading...');
+    client.on('update-start', ({isInitialUpdate}) => {
+      currentCompileErrorMessage = null;
+      didConnect = true;
+
+      if (client.isEnabled() && !isInitialUpdate) {
+        LoadingView.showMessage('Refreshing...', 'refresh');
+      }
     });
 
-    hmrClient.on('update', () => {
-      if (Platform.OS === 'ios') {
-        const RCTRedBox = require('../BatchedBridge/NativeModules').RedBox;
-        RCTRedBox && RCTRedBox.dismiss && RCTRedBox.dismiss();
-      } else {
-        const RCTExceptionsManager = require('../BatchedBridge/NativeModules')
-          .ExceptionsManager;
-        RCTExceptionsManager &&
-          RCTExceptionsManager.dismissRedbox &&
-          RCTExceptionsManager.dismissRedbox();
+    client.on('update', ({isInitialUpdate}) => {
+      if (client.isEnabled() && !isInitialUpdate) {
+        dismissRedbox();
       }
     });
 
-    hmrClient.on('update-done', () => {
-      HMRLoadingView.hide();
+    client.on('update-done', () => {
+      LoadingView.hide();
     });
 
-    hmrClient.on('error', data => {
-      HMRLoadingView.hide();
+    client.on('error', data => {
+      LoadingView.hide();
 
       if (data.type === 'GraphNotFoundError') {
-        hmrClient.disable();
-        throw new Error(
-          'The packager server has restarted since the last Hot update. Hot Reloading will be disabled until you reload the application.',
+        client.close();
+        setHMRUnavailableReason(
+          'The Metro server has restarted since the last edit. Reload to reconnect.',
         );
       } else if (data.type === 'RevisionNotFoundError') {
-        hmrClient.disable();
-        throw new Error(
-          'The packager server and the client are out of sync. Hot Reloading will be disabled until you reload the application.',
+        client.close();
+        setHMRUnavailableReason(
+          'The Metro server and the client are out of sync. Reload to reconnect.',
         );
       } else {
-        throw new Error(`${data.type} ${data.message}`);
+        currentCompileErrorMessage = `${data.type} ${data.message}`;
+        if (client.isEnabled()) {
+          showCompileError();
+        }
       }
     });
 
-    hmrClient.on('close', data => {
-      HMRLoadingView.hide();
-      throw new Error(
-        'Disconnected from the packager server. Hot Reloading will be disabled until you reload the application.',
+    client.on('close', data => {
+      LoadingView.hide();
+      setHMRUnavailableReason(
+        'Disconnected from the Metro server. Reload to reconnect.',
       );
     });
 
-    hmrClient.enable();
+    if (isEnabled) {
+      HMRClient.enable();
+    } else {
+      HMRClient.disable();
+    }
+
+    registerBundleEntryPoints(hmrClient);
   },
 };
 
+function setHMRUnavailableReason(reason) {
+  invariant(hmrClient, 'Expected HMRClient.setup() call at startup.');
+  if (hmrUnavailableReason !== null) {
+    // Don't show more than one warning.
+    return;
+  }
+  hmrUnavailableReason = reason;
+
+  // We only want to show a warning if Fast Refresh is on *and* if we ever
+  // previously managed to connect successfully. We don't want to show
+  // the warning to native engineers who use cached bundles without Metro.
+  if (hmrClient.isEnabled() && didConnect) {
+    console.warn(reason);
+    // (Not using the `warning` module to prevent a Buck cycle.)
+  }
+}
+
+function registerBundleEntryPoints(client) {
+  if (pendingEntryPoints.length > 0) {
+    client.send(
+      JSON.stringify({
+        type: 'register-entrypoints',
+        entryPoints: pendingEntryPoints,
+      }),
+    );
+    pendingEntryPoints.length = 0;
+  }
+}
+
+function dismissRedbox() {
+  if (
+    Platform.OS === 'ios' &&
+    NativeRedBox != null &&
+    NativeRedBox.dismiss != null
+  ) {
+    NativeRedBox.dismiss();
+  } else {
+    const NativeExceptionsManager = require('../Core/NativeExceptionsManager')
+      .default;
+    NativeExceptionsManager &&
+      NativeExceptionsManager.dismissRedbox &&
+      NativeExceptionsManager.dismissRedbox();
+  }
+}
+
+function showCompileError() {
+  if (currentCompileErrorMessage === null) {
+    return;
+  }
+
+  // Even if there is already a redbox, syntax errors are more important.
+  // Otherwise you risk seeing a stale runtime error while a syntax error is more recent.
+  dismissRedbox();
+
+  const message = currentCompileErrorMessage;
+  currentCompileErrorMessage = null;
+
+  const error: ExtendedError = new Error(message);
+  // Symbolicating compile errors is wasted effort
+  // because the stack trace is meaningless:
+  error.preventSymbolication = true;
+  throw error;
+}
+
 module.exports = HMRClient;
diff --git a/Libraries/Utilities/HMRClientProdShim.js b/Libraries/Utilities/HMRClientProdShim.js
new file mode 100644
index 00000000000000..cb4fdb6a60d34f
--- /dev/null
+++ b/Libraries/Utilities/HMRClientProdShim.js
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {HMRClientNativeInterface} from './HMRClient';
+
+// This shim ensures DEV binary builds don't crash in JS
+// when they're combined with a PROD JavaScript build.
+const HMRClientProdShim: HMRClientNativeInterface = {
+  setup() {},
+  enable() {
+    console.error(
+      'Fast Refresh is disabled in JavaScript bundles built in production mode. ' +
+        'Did you forget to run Metro?',
+    );
+  },
+  disable() {},
+  registerBundle() {},
+  log() {},
+};
+
+module.exports = HMRClientProdShim;
diff --git a/Libraries/Utilities/HMRLoadingView.android.js b/Libraries/Utilities/HMRLoadingView.android.js
deleted file mode 100644
index 9daf8e2e4435f7..00000000000000
--- a/Libraries/Utilities/HMRLoadingView.android.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-const ToastAndroid = require('../Components/ToastAndroid/ToastAndroid');
-
-const TOAST_SHORT_DELAY = 2000;
-
-class HMRLoadingView {
-  static _showing: boolean;
-
-  static showMessage(message: string) {
-    if (HMRLoadingView._showing) {
-      return;
-    }
-    ToastAndroid.show(message, ToastAndroid.SHORT);
-    HMRLoadingView._showing = true;
-    setTimeout(() => {
-      HMRLoadingView._showing = false;
-    }, TOAST_SHORT_DELAY);
-  }
-
-  static hide() {
-    // noop
-  }
-}
-
-module.exports = HMRLoadingView;
diff --git a/Libraries/Utilities/HMRLoadingView.js b/Libraries/Utilities/HMRLoadingView.js
deleted file mode 100644
index 0fe67ae435097b..00000000000000
--- a/Libraries/Utilities/HMRLoadingView.js
+++ /dev/null
@@ -1,32 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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
- */
-
-// TODO(macOS ISS#2323203) TODO(windows ISS): this file is HMRLoadingView.ios.js in facebook's repo.  Renamed to HMRLoadingView.js since it is shared here between ios, macos, and windows.
-
-'use strict';
-
-const processColor = require('../StyleSheet/processColor');
-const {DevLoadingView} = require('../BatchedBridge/NativeModules');
-
-class HMRLoadingView {
-  static showMessage(message: string) {
-    DevLoadingView.showMessage(
-      message,
-      processColor('#000000'),
-      processColor('#aaaaaa'),
-    );
-  }
-
-  static hide() {
-    DevLoadingView.hide();
-  }
-}
-
-module.exports = HMRLoadingView;
diff --git a/Libraries/Utilities/JSDevSupportModule.js b/Libraries/Utilities/JSDevSupportModule.js
index c609faf91a766f..9e6d60dce01fa9 100644
--- a/Libraries/Utilities/JSDevSupportModule.js
+++ b/Libraries/Utilities/JSDevSupportModule.js
@@ -10,26 +10,29 @@
 
 'use strict';
 
-const JSDevSupport = require('../BatchedBridge/NativeModules').JSDevSupport;
+import NativeJSDevSupport from './NativeJSDevSupport';
 const ReactNative = require('../Renderer/shims/ReactNative');
 
 const JSDevSupportModule = {
   getJSHierarchy: function(tag: number) {
-    try {
-      const {
-        computeComponentStackForErrorReporting,
-      } = ReactNative.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-      const componentStack = computeComponentStackForErrorReporting(tag);
-      if (!componentStack) {
-        JSDevSupport.onFailure(
-          JSDevSupport.ERROR_CODE_VIEW_NOT_FOUND,
-          "Component stack doesn't exist for tag " + tag,
-        );
-      } else {
-        JSDevSupport.onSuccess(componentStack);
+    if (NativeJSDevSupport) {
+      const constants = NativeJSDevSupport.getConstants();
+      try {
+        const {
+          computeComponentStackForErrorReporting,
+        } = ReactNative.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+        const componentStack = computeComponentStackForErrorReporting(tag);
+        if (!componentStack) {
+          NativeJSDevSupport.onFailure(
+            constants.ERROR_CODE_VIEW_NOT_FOUND,
+            "Component stack doesn't exist for tag " + tag,
+          );
+        } else {
+          NativeJSDevSupport.onSuccess(componentStack);
+        }
+      } catch (e) {
+        NativeJSDevSupport.onFailure(constants.ERROR_CODE_EXCEPTION, e.message);
       }
-    } catch (e) {
-      JSDevSupport.onFailure(JSDevSupport.ERROR_CODE_EXCEPTION, e.message);
     }
   },
 };
diff --git a/Libraries/Utilities/LoadingView.android.js b/Libraries/Utilities/LoadingView.android.js
new file mode 100644
index 00000000000000..3b9511f52a4a30
--- /dev/null
+++ b/Libraries/Utilities/LoadingView.android.js
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 ToastAndroid from '../Components/ToastAndroid/ToastAndroid';
+
+const TOAST_SHORT_DELAY = 2000;
+let isVisible = false;
+
+module.exports = {
+  showMessage(message: string, type: 'load' | 'refresh') {
+    if (!isVisible) {
+      ToastAndroid.show(message, ToastAndroid.SHORT);
+      isVisible = true;
+      setTimeout(() => {
+        isVisible = false;
+      }, TOAST_SHORT_DELAY);
+    }
+  },
+  hide() {},
+};
diff --git a/Libraries/Utilities/LoadingView.ios.js b/Libraries/Utilities/LoadingView.ios.js
new file mode 100644
index 00000000000000..782bedfbbb69c0
--- /dev/null
+++ b/Libraries/Utilities/LoadingView.ios.js
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 processColor from '../StyleSheet/processColor';
+import NativeDevLoadingView from './NativeDevLoadingView';
+
+module.exports = {
+  showMessage(message: string, type: 'load' | 'refresh') {
+    if (NativeDevLoadingView) {
+      NativeDevLoadingView.showMessage(
+        message,
+        // Use same colors as iOS "Personal Hotspot" bar.
+        processColor('#ffffff'),
+        type && type === 'load'
+          ? processColor('#275714')
+          : processColor('#2584e8'),
+      );
+    }
+  },
+  hide() {
+    NativeDevLoadingView && NativeDevLoadingView.hide();
+  },
+};
diff --git a/RNTester/js/ToolbarAndroidExample.ios.js b/Libraries/Utilities/LoadingView.js
similarity index 71%
rename from RNTester/js/ToolbarAndroidExample.ios.js
rename to Libraries/Utilities/LoadingView.js
index 6d1eff69dc8b28..2a02730fc55d27 100644
--- a/RNTester/js/ToolbarAndroidExample.ios.js
+++ b/Libraries/Utilities/LoadingView.js
@@ -10,7 +10,7 @@
 
 'use strict';
 
-const {View} = require('react-native');
-
-// Not applicable to iOS.
-module.exports = View;
+module.exports = {
+  showMessage(message: string, type: 'load' | 'refresh') {},
+  hide() {},
+};
diff --git a/Libraries/Utilities/LoadingView.macos.js b/Libraries/Utilities/LoadingView.macos.js
new file mode 100644
index 00000000000000..782bedfbbb69c0
--- /dev/null
+++ b/Libraries/Utilities/LoadingView.macos.js
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 processColor from '../StyleSheet/processColor';
+import NativeDevLoadingView from './NativeDevLoadingView';
+
+module.exports = {
+  showMessage(message: string, type: 'load' | 'refresh') {
+    if (NativeDevLoadingView) {
+      NativeDevLoadingView.showMessage(
+        message,
+        // Use same colors as iOS "Personal Hotspot" bar.
+        processColor('#ffffff'),
+        type && type === 'load'
+          ? processColor('#275714')
+          : processColor('#2584e8'),
+      );
+    }
+  },
+  hide() {
+    NativeDevLoadingView && NativeDevLoadingView.hide();
+  },
+};
diff --git a/Libraries/Utilities/NativeDevLoadingView.js b/Libraries/Utilities/NativeDevLoadingView.js
new file mode 100644
index 00000000000000..e672771778b8a1
--- /dev/null
+++ b/Libraries/Utilities/NativeDevLoadingView.js
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +showMessage: (
+    message: string,
+    color: Object,
+    backgroundColor: Object,
+  ) => void;
+  +hide: () => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('DevLoadingView'): ?Spec);
diff --git a/Libraries/Utilities/NativeDeviceInfo.js b/Libraries/Utilities/NativeDeviceInfo.js
new file mode 100644
index 00000000000000..0e42dd6f25d1e5
--- /dev/null
+++ b/Libraries/Utilities/NativeDeviceInfo.js
@@ -0,0 +1,49 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {TurboModule} from '../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
+
+type DisplayMetricsAndroid = $ReadOnly<{|
+  width: number,
+  height: number,
+  scale: number,
+  fontScale: number,
+  densityDpi: number,
+|}>;
+
+export type DisplayMetrics = $ReadOnly<{|
+  width: number,
+  height: number,
+  scale: number,
+  fontScale: number,
+|}>;
+
+export type DimensionsPayload = $ReadOnly<{|
+  window?: DisplayMetrics,
+  screen?: DisplayMetrics,
+  windowPhysicalPixels?: DisplayMetricsAndroid,
+  screenPhysicalPixels?: DisplayMetricsAndroid,
+|}>;
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {|
+    +Dimensions: DimensionsPayload,
+    +isIPhoneX_deprecated?: boolean,
+  |};
+}
+
+const NativeModule: Spec = TurboModuleRegistry.getEnforcing<Spec>('DeviceInfo');
+
+const NativeDeviceInfo = NativeModule;
+
+export default NativeDeviceInfo;
diff --git a/Libraries/Utilities/NativeJSDevSupport.js b/Libraries/Utilities/NativeJSDevSupport.js
new file mode 100644
index 00000000000000..3128d3d83bd214
--- /dev/null
+++ b/Libraries/Utilities/NativeJSDevSupport.js
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {|
+    ERROR_CODE_EXCEPTION: number,
+    ERROR_CODE_VIEW_NOT_FOUND: number,
+  |};
+  +onSuccess: (data: Object) => void;
+  +onFailure: (errorCode: number, error: string) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('JSDevSupport'): ?Spec);
diff --git a/Libraries/Utilities/NativePlatformConstantsAndroid.js b/Libraries/Utilities/NativePlatformConstantsAndroid.js
new file mode 100644
index 00000000000000..dcf276ae2ac3f4
--- /dev/null
+++ b/Libraries/Utilities/NativePlatformConstantsAndroid.js
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {TurboModule} from '../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {|
+    isTesting: boolean,
+    reactNativeVersion: {|
+      major: number,
+      minor: number,
+      patch: number,
+      prerelease: ?number,
+    |},
+    Version: number,
+    Release: string,
+    Serial: string,
+    Fingerprint: string,
+    Model: string,
+    ServerHost: string,
+    uiMode: string,
+  |};
+  +getAndroidID: () => string;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'PlatformConstants',
+): Spec);
diff --git a/Libraries/Utilities/NativePlatformConstantsIOS.js b/Libraries/Utilities/NativePlatformConstantsIOS.js
new file mode 100644
index 00000000000000..fd73bcffadb93b
--- /dev/null
+++ b/Libraries/Utilities/NativePlatformConstantsIOS.js
@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {TurboModule} from '../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {|
+    isTesting: boolean,
+    reactNativeVersion: {|
+      major: number,
+      minor: number,
+      patch: number,
+      prerelease: ?number,
+    |},
+    forceTouchAvailable: boolean,
+    osVersion: string,
+    systemName: string,
+    interfaceIdiom: string,
+  |};
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'PlatformConstants',
+): Spec);
diff --git a/Libraries/Utilities/NativePlatformConstantsMacOS.js b/Libraries/Utilities/NativePlatformConstantsMacOS.js
new file mode 100644
index 00000000000000..bea9264b17dcba
--- /dev/null
+++ b/Libraries/Utilities/NativePlatformConstantsMacOS.js
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {TurboModule} from '../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {|
+    isTesting: boolean,
+    reactNativeVersion: {|
+      major: number,
+      minor: number,
+      patch: number,
+      prerelease: ?number,
+    |},
+    osVersion: string,
+    systemName: string,
+  |};
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'PlatformConstants',
+): Spec);
diff --git a/Libraries/Utilities/Platform.android.js b/Libraries/Utilities/Platform.android.js
index 40b7a83034efbc..e228adc98d2744 100644
--- a/Libraries/Utilities/Platform.android.js
+++ b/Libraries/Utilities/Platform.android.js
@@ -10,7 +10,7 @@
 
 'use strict';
 
-const NativeModules = require('../BatchedBridge/NativeModules');
+import NativePlatformConstantsAndroid from './NativePlatformConstantsAndroid';
 
 export type PlatformSelectSpec<A, D> = {
   android?: A,
@@ -18,21 +18,25 @@ export type PlatformSelectSpec<A, D> = {
 };
 
 const Platform = {
+  __constants: null,
   OS: 'android',
   get Version() {
-    const constants = NativeModules.PlatformConstants;
-    return constants && constants.Version;
+    return this.constants.Version;
+  },
+  get constants() {
+    if (this.__constants == null) {
+      this.__constants = NativePlatformConstantsAndroid.getConstants();
+    }
+    return this.__constants;
   },
   get isTesting(): boolean {
     if (__DEV__) {
-      const constants = NativeModules.PlatformConstants;
-      return constants && constants.isTesting;
+      return this.constants.isTesting;
     }
     return false;
   },
   get isTV(): boolean {
-    const constants = NativeModules.PlatformConstants;
-    return constants && constants.uiMode === 'tv';
+    return this.constants.uiMode === 'tv';
   },
   select: <A, D>(spec: PlatformSelectSpec<A, D>): A | D =>
     'android' in spec ? spec.android : spec.default,
diff --git a/Libraries/Utilities/Platform.ios.js b/Libraries/Utilities/Platform.ios.js
index 2ac52e3005a061..17e1caf389f5a4 100644
--- a/Libraries/Utilities/Platform.ios.js
+++ b/Libraries/Utilities/Platform.ios.js
@@ -10,7 +10,7 @@
 
 'use strict';
 
-const NativeModules = require('../BatchedBridge/NativeModules');
+import NativePlatformConstantsIOS from './NativePlatformConstantsIOS';
 
 export type PlatformSelectSpec<D, I> = {
   default?: D,
@@ -18,29 +18,44 @@ export type PlatformSelectSpec<D, I> = {
 };
 
 const Platform = {
+  __constants: null,
   OS: 'ios',
-  get Version() {
-    const constants = NativeModules.PlatformConstants;
-    return constants && constants.osVersion;
+  get Version(): $FlowFixMe {
+    return this.constants.osVersion;
   },
-  get isPad() {
-    const constants = NativeModules.PlatformConstants;
-    return constants ? constants.interfaceIdiom === 'pad' : false;
+  get constants(): {|
+    forceTouchAvailable: boolean,
+    interfaceIdiom: string,
+    isTesting: boolean,
+    osVersion: string,
+    reactNativeVersion: {|
+      major: number,
+      minor: number,
+      patch: number,
+      prerelease: ?number,
+    |},
+    systemName: string,
+  |} {
+    if (this.__constants == null) {
+      this.__constants = NativePlatformConstantsIOS.getConstants();
+    }
+    return this.__constants;
+  },
+  get isPad(): boolean {
+    return this.constants.interfaceIdiom === 'pad';
   },
   /**
    * Deprecated, use `isTV` instead.
    */
-  get isTVOS() {
+  get isTVOS(): boolean {
     return Platform.isTV;
   },
-  get isTV() {
-    const constants = NativeModules.PlatformConstants;
-    return constants ? constants.interfaceIdiom === 'tv' : false;
+  get isTV(): boolean {
+    return this.constants.interfaceIdiom === 'tv';
   },
   get isTesting(): boolean {
     if (__DEV__) {
-      const constants = NativeModules.PlatformConstants;
-      return constants && constants.isTesting;
+      return this.constants.isTesting;
     }
     return false;
   },
diff --git a/Libraries/Utilities/Platform.macos.js b/Libraries/Utilities/Platform.macos.js
index 3b77a4c186ca3f..c2bb10a585bc8f 100644
--- a/Libraries/Utilities/Platform.macos.js
+++ b/Libraries/Utilities/Platform.macos.js
@@ -12,7 +12,7 @@
 
 'use strict';
 
-const NativeModules = require('../BatchedBridge/NativeModules');
+import NativePlatformConstantsMacOS from './NativePlatformConstantsMacOS';
 
 export type PlatformSelectSpec<D, I> = {
   default?: D,
@@ -20,19 +20,34 @@ export type PlatformSelectSpec<D, I> = {
 };
 
 const Platform = {
+  __constants: null,
   OS: 'macos',
-  get Version() {
-    const constants = NativeModules.PlatformConstants;
-    return constants && constants.osVersion;
+  get Version(): $FlowFixMe {
+    return this.constants.osVersion;
   },
-  get isTesting(): boolean {
-    if (__DEV__) {
-      const constants = NativeModules.PlatformConstants;
-      return constants && constants.isTesting;
+  get constants(): {|
+    isTesting: boolean,
+    osVersion: string,
+    reactNativeVersion: {|
+      major: number,
+      minor: number,
+      patch: number,
+      prerelease: ?number,
+    |},
+    systemName: string,
+  |} {
+    if (this.__constants == null) {
+      this.__constants = NativePlatformConstantsMacOS.getConstants();
     }
+    return this.__constants;
+  },
+  get isTV(): boolean {
     return false;
   },
-  get isTV() {
+  get isTesting(): boolean {
+    if (__DEV__) {
+      return this.constants.isTesting;
+    }
     return false;
   },
   select: <D, I>(spec: PlatformSelectSpec<D, I>): D | I =>
diff --git a/Libraries/Utilities/ReactNativeTestTools.js b/Libraries/Utilities/ReactNativeTestTools.js
index 6028bd94ba5026..a245134b674c95 100644
--- a/Libraries/Utilities/ReactNativeTestTools.js
+++ b/Libraries/Utilities/ReactNativeTestTools.js
@@ -108,12 +108,12 @@ function maximumDepthOfJSON(node: ReactTestRendererNode): number {
   }
 }
 
-function renderAndEnforceStrictMode(element: React.Node) {
+function renderAndEnforceStrictMode(element: React.Node): any {
   expectNoConsoleError();
   return renderWithStrictMode(element);
 }
 
-function renderWithStrictMode(element: React.Node) {
+function renderWithStrictMode(element: React.Node): any {
   const WorkAroundBugWithStrictModeInTestRenderer = prps => prps.children;
   const StrictMode = (React: $FlowFixMe).StrictMode;
   return ReactTestRenderer.create(
diff --git a/Libraries/Utilities/__tests__/DeviceInfo-test.js b/Libraries/Utilities/__tests__/DeviceInfo-test.js
index 049feb571d7549..8cc9c224461aeb 100644
--- a/Libraries/Utilities/__tests__/DeviceInfo-test.js
+++ b/Libraries/Utilities/__tests__/DeviceInfo-test.js
@@ -14,6 +14,6 @@ describe('DeviceInfo', () => {
   const DeviceInfo = require('../DeviceInfo');
 
   it('should give device info', () => {
-    expect(DeviceInfo).toHaveProperty('Dimensions');
+    expect(DeviceInfo.getConstants()).toHaveProperty('Dimensions');
   });
 });
diff --git a/Libraries/Utilities/__tests__/buildStyleInterpolator-test.js b/Libraries/Utilities/__tests__/buildStyleInterpolator-test.js
index 2895c46ef344ab..ef5cc10d42d352 100644
--- a/Libraries/Utilities/__tests__/buildStyleInterpolator-test.js
+++ b/Libraries/Utilities/__tests__/buildStyleInterpolator-test.js
@@ -187,7 +187,7 @@ describe('buildStyleInterpolator', function() {
       });
     });
   });
-  it('should detect chnages correctly', function() {
+  it('should detect changes correctly', function() {
     const testAnim = {
       opacity: {
         from: 0,
diff --git a/Libraries/Utilities/__tests__/codegenNativeComponent-test.js b/Libraries/Utilities/__tests__/codegenNativeComponent-test.js
new file mode 100644
index 00000000000000..f9acf7fe816ea2
--- /dev/null
+++ b/Libraries/Utilities/__tests__/codegenNativeComponent-test.js
@@ -0,0 +1,67 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @emails oncall+react_native
+ */
+
+'use strict';
+
+const codegenNativeComponent = require('../codegenNativeComponent').default;
+const {UIManager} = require('react-native');
+
+// We need to unmock requireNativeComponent since it's under test.
+// Instead, we mock the function it calls, createReactNativeComponentClass,
+// so that we don't run into issues populating the registry with the same
+// component names.
+jest.unmock('../../ReactNative/requireNativeComponent');
+jest.mock(
+  '../../Renderer/shims/createReactNativeComponentClass',
+  () => componentName => componentName,
+);
+jest
+  .spyOn(UIManager, 'getViewManagerConfig')
+  .mockImplementation(componentName =>
+    componentName.includes('ComponentNameDoesNotExist') ? false : true,
+  );
+
+describe('codegenNativeComponent', () => {
+  it('should require component as is ', () => {
+    const component = codegenNativeComponent('ComponentName');
+    expect(component).toBe('ComponentName');
+  });
+
+  it('should require paperComponentName', () => {
+    const component = codegenNativeComponent('ComponentName', {
+      paperComponentName: 'PaperComponentName',
+    });
+    expect(component).toBe('PaperComponentName');
+  });
+
+  it('should fall back to requiring the deprecated paper component name', () => {
+    const component = codegenNativeComponent('ComponentNameDoesNotExist', {
+      paperComponentNameDeprecated: 'ComponentName',
+    });
+    expect(component).toBe('ComponentName');
+  });
+
+  it('should require the new component name', () => {
+    const component = codegenNativeComponent('ComponentName', {
+      paperComponentNameDeprecated: 'ComponentNameDoesNotExist',
+    });
+    expect(component).toBe('ComponentName');
+  });
+
+  it('should throw if neither component names exist', () => {
+    expect(() =>
+      codegenNativeComponent('ComponentNameDoesNotExistOne', {
+        paperComponentNameDeprecated: 'ComponentNameDoesNotExistTwo',
+      }),
+    ).toThrow(
+      'Failed to find native component for either ComponentNameDoesNotExistOne or ComponentNameDoesNotExistTwo',
+    );
+  });
+});
diff --git a/Libraries/Utilities/__tests__/stringifySafe-test.js b/Libraries/Utilities/__tests__/stringifySafe-test.js
index b7eb1f21192fee..c259caf20a7fd6 100644
--- a/Libraries/Utilities/__tests__/stringifySafe-test.js
+++ b/Libraries/Utilities/__tests__/stringifySafe-test.js
@@ -47,4 +47,10 @@ describe('stringifySafe', () => {
     const result = stringifySafe(arg);
     expect(result).toEqual('["object" failed to stringify]');
   });
+
+  it('stringifySafe stringifies error messages', () => {
+    const error = new Error('error');
+    const result = stringifySafe(error);
+    expect(result).toEqual('Error: error');
+  });
 });
diff --git a/Libraries/Utilities/__tests__/verifyComponentAttributeEquivalence-test.js b/Libraries/Utilities/__tests__/verifyComponentAttributeEquivalence-test.js
index fade9976f66095..58acd17758cab8 100644
--- a/Libraries/Utilities/__tests__/verifyComponentAttributeEquivalence-test.js
+++ b/Libraries/Utilities/__tests__/verifyComponentAttributeEquivalence-test.js
@@ -10,10 +10,12 @@
 
 'use strict';
 
-const getNativeComponentAttributes = require('getNativeComponentAttributes');
-const verifyComponentAttributeEquivalence = require('verifyComponentAttributeEquivalence');
+const getNativeComponentAttributes = require('../../ReactNative/getNativeComponentAttributes');
+const verifyComponentAttributeEquivalence = require('../verifyComponentAttributeEquivalence')
+  .default;
 
-jest.mock('getNativeComponentAttributes', () => () => ({
+jest.dontMock('../verifyComponentAttributeEquivalence');
+jest.mock('../../ReactNative/getNativeComponentAttributes', () => () => ({
   NativeProps: {
     value: 'BOOL',
   },
diff --git a/Libraries/Utilities/binaryToBase64.js b/Libraries/Utilities/binaryToBase64.js
index 430fd46be68447..19d23d125d2249 100644
--- a/Libraries/Utilities/binaryToBase64.js
+++ b/Libraries/Utilities/binaryToBase64.js
@@ -12,7 +12,7 @@
 
 const base64 = require('base64-js');
 
-function binaryToBase64(data: ArrayBuffer | $ArrayBufferView) {
+function binaryToBase64(data: ArrayBuffer | $ArrayBufferView): any {
   if (data instanceof ArrayBuffer) {
     data = new Uint8Array(data);
   }
diff --git a/Libraries/Utilities/codegenNativeCommands.js b/Libraries/Utilities/codegenNativeCommands.js
new file mode 100644
index 00000000000000..1cee4d918af9e5
--- /dev/null
+++ b/Libraries/Utilities/codegenNativeCommands.js
@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {dispatchCommand} from '../../Libraries/Renderer/shims/ReactNative';
+
+type Options<T = string> = $ReadOnly<{|
+  supportedCommands: $ReadOnlyArray<T>,
+|}>;
+
+function codegenNativeCommands<T: {}>(options: Options<$Keys<T>>): T {
+  const commandObj = {};
+
+  options.supportedCommands.forEach(command => {
+    commandObj[command] = (ref, ...args) => {
+      dispatchCommand(ref, command, args);
+    };
+  });
+
+  return ((commandObj: any): T);
+}
+
+export default codegenNativeCommands;
diff --git a/Libraries/Utilities/codegenNativeComponent.js b/Libraries/Utilities/codegenNativeComponent.js
new file mode 100644
index 00000000000000..7a39d7a65d40fe
--- /dev/null
+++ b/Libraries/Utilities/codegenNativeComponent.js
@@ -0,0 +1,61 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+// TODO: move this file to shims/ReactNative (requires React update and sync)
+
+'use strict';
+
+import type {NativeComponent} from '../../Libraries/Renderer/shims/ReactNative';
+import requireNativeComponent from '../../Libraries/ReactNative/requireNativeComponent';
+import {UIManager} from 'react-native';
+
+// TODO: import from CodegenSchema once workspaces are enabled
+type Options = $ReadOnly<{|
+  interfaceOnly?: boolean,
+  paperComponentName?: string,
+  paperComponentNameDeprecated?: string,
+|}>;
+
+export type NativeComponentType<T> = Class<NativeComponent<T>>;
+
+function codegenNativeComponent<Props>(
+  componentName: string,
+  options?: Options,
+): NativeComponentType<Props> {
+  let componentNameInUse =
+    options && options.paperComponentName
+      ? options.paperComponentName
+      : componentName;
+
+  if (options != null && options.paperComponentNameDeprecated != null) {
+    if (UIManager.getViewManagerConfig(componentName)) {
+      componentNameInUse = componentName;
+    } else if (
+      options.paperComponentNameDeprecated != null &&
+      UIManager.getViewManagerConfig(options.paperComponentNameDeprecated)
+    ) {
+      componentNameInUse = options.paperComponentNameDeprecated;
+    } else {
+      throw new Error(
+        `Failed to find native component for either ${componentName} or ${options.paperComponentNameDeprecated ||
+          '(unknown)'}`,
+      );
+    }
+  }
+
+  // If this function is run at runtime then that means the view configs were not
+  // generated with the view config babel plugin, so we need to require the native component.
+  //
+  // This will be useful during migration, but eventually this will error.
+  return ((requireNativeComponent(componentNameInUse): any): Class<
+    NativeComponent<Props>,
+  >);
+}
+
+export default codegenNativeComponent;
diff --git a/Libraries/Utilities/createPerformanceLogger.js b/Libraries/Utilities/createPerformanceLogger.js
index 2f49f988c15ce9..0e27a9c0e73c53 100644
--- a/Libraries/Utilities/createPerformanceLogger.js
+++ b/Libraries/Utilities/createPerformanceLogger.js
@@ -51,7 +51,7 @@ const _cookies: {[key: string]: number} = {};
 const PRINT_TO_CONSOLE: false = false; // Type as false to prevent accidentally committing `true`;
 
 /**
- * This function creates peformance loggers that can be used to collect and log
+ * This function creates performance loggers that can be used to collect and log
  * various performance data such as timespans, points and extras.
  * The loggers need to have minimal overhead since they're used in production.
  */
@@ -67,7 +67,7 @@ function createPerformanceLogger(): IPerformanceLogger {
 
     addTimespan(key: string, lengthInMs: number, description?: string) {
       if (this._timespans[key]) {
-        if (__DEV__) {
+        if (PRINT_TO_CONSOLE && __DEV__) {
           infoLog(
             'PerformanceLogger: Attempting to add a timespan that already exists ',
             key,
@@ -84,7 +84,7 @@ function createPerformanceLogger(): IPerformanceLogger {
 
     startTimespan(key: string, description?: string) {
       if (this._timespans[key]) {
-        if (__DEV__) {
+        if (PRINT_TO_CONSOLE && __DEV__) {
           infoLog(
             'PerformanceLogger: Attempting to start a timespan that already exists ',
             key,
@@ -106,7 +106,7 @@ function createPerformanceLogger(): IPerformanceLogger {
     stopTimespan(key: string) {
       const timespan = this._timespans[key];
       if (!timespan || !timespan.startTime) {
-        if (__DEV__) {
+        if (PRINT_TO_CONSOLE && __DEV__) {
           infoLog(
             'PerformanceLogger: Attempting to end a timespan that has not started ',
             key,
@@ -115,7 +115,7 @@ function createPerformanceLogger(): IPerformanceLogger {
         return;
       }
       if (timespan.endTime) {
-        if (__DEV__) {
+        if (PRINT_TO_CONSOLE && __DEV__) {
           infoLog(
             'PerformanceLogger: Attempting to end a timespan that has already ended ',
             key,
@@ -187,9 +187,11 @@ function createPerformanceLogger(): IPerformanceLogger {
     },
 
     logTimespans() {
-      for (const key in this._timespans) {
-        if (this._timespans[key].totalTime) {
-          infoLog(key + ': ' + this._timespans[key].totalTime + 'ms');
+      if (PRINT_TO_CONSOLE) {
+        for (const key in this._timespans) {
+          if (this._timespans[key].totalTime) {
+            infoLog(key + ': ' + this._timespans[key].totalTime + 'ms');
+          }
         }
       }
     },
@@ -203,7 +205,7 @@ function createPerformanceLogger(): IPerformanceLogger {
 
     setExtra(key: string, value: any) {
       if (this._extras[key]) {
-        if (__DEV__) {
+        if (PRINT_TO_CONSOLE && __DEV__) {
           infoLog(
             'PerformanceLogger: Attempting to set an extra that already exists ',
             {key, currentValue: this._extras[key], attemptedValue: value},
@@ -225,12 +227,14 @@ function createPerformanceLogger(): IPerformanceLogger {
     },
 
     logExtras() {
-      infoLog(this._extras);
+      if (PRINT_TO_CONSOLE) {
+        infoLog(this._extras);
+      }
     },
 
     markPoint(key: string, timestamp?: number) {
       if (this._points[key]) {
-        if (__DEV__) {
+        if (PRINT_TO_CONSOLE && __DEV__) {
           infoLog(
             'PerformanceLogger: Attempting to mark a point that has been already logged ',
             key,
@@ -246,8 +250,10 @@ function createPerformanceLogger(): IPerformanceLogger {
     },
 
     logPoints() {
-      for (const key in this._points) {
-        infoLog(key + ': ' + this._points[key] + 'ms');
+      if (PRINT_TO_CONSOLE) {
+        for (const key in this._points) {
+          infoLog(key + ': ' + this._points[key] + 'ms');
+        }
       }
     },
 
diff --git a/Libraries/Utilities/differ/insetsDiffer.js b/Libraries/Utilities/differ/insetsDiffer.js
index 4ebf9746260ff8..53c9d9605c4a02 100644
--- a/Libraries/Utilities/differ/insetsDiffer.js
+++ b/Libraries/Utilities/differ/insetsDiffer.js
@@ -24,7 +24,7 @@ const dummyInsets = {
   bottom: undefined,
 };
 
-const insetsDiffer = function(one: Inset, two: Inset) {
+const insetsDiffer = function(one: Inset, two: Inset): boolean {
   one = one || dummyInsets;
   two = two || dummyInsets;
   return (
diff --git a/Libraries/Utilities/registerGeneratedViewConfig.js b/Libraries/Utilities/registerGeneratedViewConfig.js
new file mode 100644
index 00000000000000..45f92adb3ce860
--- /dev/null
+++ b/Libraries/Utilities/registerGeneratedViewConfig.js
@@ -0,0 +1,70 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+const ReactNativeViewConfigRegistry = require('../Renderer/shims/ReactNativeViewConfigRegistry');
+const ReactNativeViewViewConfig = require('../Components/View/ReactNativeViewViewConfig');
+import verifyComponentAttributeEquivalence from './verifyComponentAttributeEquivalence';
+
+type GeneratedViewConfig = {
+  uiViewClassName: string,
+  bubblingEventTypes?: $ReadOnly<{
+    [eventName: string]: $ReadOnly<{|
+      phasedRegistrationNames: $ReadOnly<{|
+        captured: string,
+        bubbled: string,
+      |}>,
+    |}>,
+  }>,
+  directEventTypes?: $ReadOnly<{
+    [eventName: string]: $ReadOnly<{|
+      registrationName: string,
+    |}>,
+  }>,
+  validAttributes?: {
+    [propName: string]:
+      | true
+      | $ReadOnly<{|
+          diff?: <T>(arg1: any, arg2: any) => boolean,
+          process?: (arg1: any) => any,
+        |}>,
+  },
+};
+
+function registerGeneratedViewConfig(
+  componentName: string,
+  viewConfig: GeneratedViewConfig,
+) {
+  const mergedViewConfig = {
+    uiViewClassName: componentName,
+    Commands: {},
+    bubblingEventTypes: {
+      ...ReactNativeViewViewConfig.bubblingEventTypes,
+      ...(viewConfig.bubblingEventTypes || {}),
+    },
+    directEventTypes: {
+      ...ReactNativeViewViewConfig.directEventTypes,
+      ...(viewConfig.directEventTypes || {}),
+    },
+    validAttributes: {
+      ...ReactNativeViewViewConfig.validAttributes,
+      ...(viewConfig.validAttributes || {}),
+    },
+  };
+
+  ReactNativeViewConfigRegistry.register(componentName, () => {
+    verifyComponentAttributeEquivalence(componentName, mergedViewConfig);
+
+    return mergedViewConfig;
+  });
+}
+
+module.exports = registerGeneratedViewConfig;
diff --git a/Libraries/Utilities/setAndForwardRef.js b/Libraries/Utilities/setAndForwardRef.js
index cf32c492005107..ba1a18b41d03b5 100644
--- a/Libraries/Utilities/setAndForwardRef.js
+++ b/Libraries/Utilities/setAndForwardRef.js
@@ -48,7 +48,10 @@ type Args = $ReadOnly<{|
  *   module.exports = MyViewWithRef;
  */
 
-function setAndForwardRef({getForwardedRef, setLocalRef}: Args) {
+function setAndForwardRef({
+  getForwardedRef,
+  setLocalRef,
+}: Args): (ref: ElementRef<any>) => void {
   return function forwardRef(ref: ElementRef<any>) {
     const forwardedRef = getForwardedRef();
 
diff --git a/Libraries/Utilities/stringifySafe.js b/Libraries/Utilities/stringifySafe.js
index 73e81a345dbf17..d562a911e976ca 100644
--- a/Libraries/Utilities/stringifySafe.js
+++ b/Libraries/Utilities/stringifySafe.js
@@ -29,6 +29,8 @@ function stringifySafe(arg: any): string {
     } catch (e) {
       ret = '[function unknown]';
     }
+  } else if (arg instanceof Error) {
+    ret = arg.name + ': ' + arg.message;
   } else {
     // Perform a try catch, just in case the object has a circular
     // reference or stringify throws for some other reason.
diff --git a/Libraries/Utilities/useWindowDimensions.js b/Libraries/Utilities/useWindowDimensions.js
new file mode 100644
index 00000000000000..f719ea56b82717
--- /dev/null
+++ b/Libraries/Utilities/useWindowDimensions.js
@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 Dimensions from './Dimensions';
+import {type DisplayMetrics} from './NativeDeviceInfo';
+import * as React from 'react';
+
+export default function useWindowDimensions(): DisplayMetrics {
+  const dims = Dimensions.get('window'); // always read the latest value
+  const forceUpdate = React.useState(false)[1].bind(null, v => !v);
+  const initialDims = React.useState(dims)[0];
+  React.useEffect(() => {
+    Dimensions.addEventListener('change', forceUpdate);
+
+    const latestDims = Dimensions.get('window');
+    if (latestDims !== initialDims) {
+      // We missed an update between calling `get` in render and
+      // `addEventListener` in this handler...
+      forceUpdate();
+    }
+    return () => {
+      Dimensions.removeEventListener('change', forceUpdate);
+    };
+  }, [forceUpdate, initialDims]);
+  return dims;
+}
diff --git a/Libraries/Utilities/verifyComponentAttributeEquivalence.js b/Libraries/Utilities/verifyComponentAttributeEquivalence.js
index f950b6cf13ee15..98a725ab02e319 100644
--- a/Libraries/Utilities/verifyComponentAttributeEquivalence.js
+++ b/Libraries/Utilities/verifyComponentAttributeEquivalence.js
@@ -10,11 +10,12 @@
 
 'use strict';
 
-const getNativeComponentAttributes = require('getNativeComponentAttributes');
+const getNativeComponentAttributes = require('../ReactNative/getNativeComponentAttributes');
 
-import type {ReactNativeBaseComponentViewConfig} from 'ReactNativeTypes';
+import ReactNativeViewViewConfig from '../Components/View/ReactNativeViewViewConfig';
+import type {ReactNativeBaseComponentViewConfig} from '../Renderer/shims/ReactNativeTypes';
 
-const IGNORED_KEYS = ['transform'];
+const IGNORED_KEYS = ['transform', 'hitSlop'];
 /**
  * The purpose of this function is to validate that the view config that
  * native exposes for a given view manager is the same as the view config
@@ -42,7 +43,7 @@ function verifyComponentAttributeEquivalence(
   componentName: string,
   config: ReactNativeBaseComponentViewConfig<>,
 ) {
-  if (__DEV__) {
+  if (__DEV__ && !global.RN$Bridgeless) {
     const nativeAttributes = getNativeComponentAttributes(componentName);
 
     ['validAttributes', 'bubblingEventTypes', 'directEventTypes'].forEach(
@@ -63,7 +64,7 @@ function verifyComponentAttributeEquivalence(
   }
 }
 
-function lefthandObjectDiff(leftObj: Object, rightObj: Object) {
+export function lefthandObjectDiff(leftObj: Object, rightObj: Object): Object {
   const differentKeys = {};
 
   function compare(leftItem, rightItem, key) {
@@ -101,4 +102,33 @@ function lefthandObjectDiff(leftObj: Object, rightObj: Object) {
   return differentKeys;
 }
 
-module.exports = verifyComponentAttributeEquivalence;
+export function getConfigWithoutViewProps(
+  viewConfig: ReactNativeBaseComponentViewConfig<>,
+  propName: string,
+): $TEMPORARY$object<{||}> {
+  if (!viewConfig[propName]) {
+    return {};
+  }
+
+  return Object.keys(viewConfig[propName])
+    .filter(prop => !ReactNativeViewViewConfig[propName][prop])
+    .reduce((obj, prop) => {
+      obj[prop] = viewConfig[propName][prop];
+      return obj;
+    }, {});
+}
+
+export function stringifyViewConfig(viewConfig: any): string {
+  return JSON.stringify(
+    viewConfig,
+    (key, val) => {
+      if (typeof val === 'function') {
+        return `ƒ ${val.name}`;
+      }
+      return val;
+    },
+    2,
+  );
+}
+
+export default verifyComponentAttributeEquivalence;
diff --git a/Libraries/Vibration/NativeVibration.js b/Libraries/Vibration/NativeVibration.js
new file mode 100644
index 00000000000000..1416925da5447e
--- /dev/null
+++ b/Libraries/Vibration/NativeVibration.js
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+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);
diff --git a/Libraries/Vibration/RCTVibration.m b/Libraries/Vibration/RCTVibration.m
index 0c960cd449ce1a..db991b0775cc1b 100644
--- a/Libraries/Vibration/RCTVibration.m
+++ b/Libraries/Vibration/RCTVibration.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTVibration.h"
+#import <React/RCTVibration.h>
 
 #import <AudioToolbox/AudioToolbox.h>
 
diff --git a/Libraries/Vibration/RCTVibration.xcodeproj/project.pbxproj b/Libraries/Vibration/RCTVibration.xcodeproj/project.pbxproj
deleted file mode 100644
index 7a40cee85e0452..00000000000000
--- a/Libraries/Vibration/RCTVibration.xcodeproj/project.pbxproj
+++ /dev/null
@@ -1,261 +0,0 @@
-// !$*UTF8*$!
-{
-	archiveVersion = 1;
-	classes = {
-	};
-	objectVersion = 46;
-	objects = {
-
-/* Begin PBXBuildFile section */
-		832C819C1AAF6E1A007FA2F7 /* RCTVibration.m in Sources */ = {isa = PBXBuildFile; fileRef = 832C819B1AAF6E1A007FA2F7 /* RCTVibration.m */; };
-/* End PBXBuildFile section */
-
-/* Begin PBXFileReference section */
-		832C81801AAF6DEF007FA2F7 /* libRCTVibration.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRCTVibration.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		832C819A1AAF6E1A007FA2F7 /* RCTVibration.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTVibration.h; sourceTree = "<group>"; };
-		832C819B1AAF6E1A007FA2F7 /* RCTVibration.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTVibration.m; sourceTree = "<group>"; };
-/* End PBXFileReference section */
-
-/* Begin PBXGroup section */
-		832C81771AAF6DEF007FA2F7 = {
-			isa = PBXGroup;
-			children = (
-				832C819A1AAF6E1A007FA2F7 /* RCTVibration.h */,
-				832C819B1AAF6E1A007FA2F7 /* RCTVibration.m */,
-				832C81811AAF6DEF007FA2F7 /* Products */,
-			);
-			indentWidth = 2;
-			sourceTree = "<group>";
-			tabWidth = 2;
-			usesTabs = 0;
-		};
-		832C81811AAF6DEF007FA2F7 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				832C81801AAF6DEF007FA2F7 /* libRCTVibration.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-/* End PBXGroup section */
-
-/* Begin PBXNativeTarget section */
-		832C817F1AAF6DEF007FA2F7 /* RCTVibration */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 832C81941AAF6DF0007FA2F7 /* Build configuration list for PBXNativeTarget "RCTVibration" */;
-			buildPhases = (
-				832C817C1AAF6DEF007FA2F7 /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = RCTVibration;
-			productName = RCTVibration;
-			productReference = 832C81801AAF6DEF007FA2F7 /* libRCTVibration.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-/* End PBXNativeTarget section */
-
-/* Begin PBXProject section */
-		832C81781AAF6DEF007FA2F7 /* Project object */ = {
-			isa = PBXProject;
-			attributes = {
-				LastUpgradeCheck = 0940;
-				ORGANIZATIONNAME = Facebook;
-				TargetAttributes = {
-					832C817F1AAF6DEF007FA2F7 = {
-						CreatedOnToolsVersion = 6.2;
-					};
-				};
-			};
-			buildConfigurationList = 832C817B1AAF6DEF007FA2F7 /* Build configuration list for PBXProject "RCTVibration" */;
-			compatibilityVersion = "Xcode 3.2";
-			developmentRegion = English;
-			hasScannedForEncodings = 0;
-			knownRegions = (
-				en,
-			);
-			mainGroup = 832C81771AAF6DEF007FA2F7;
-			productRefGroup = 832C81811AAF6DEF007FA2F7 /* Products */;
-			projectDirPath = "";
-			projectRoot = "";
-			targets = (
-				832C817F1AAF6DEF007FA2F7 /* RCTVibration */,
-			);
-		};
-/* End PBXProject section */
-
-/* Begin PBXSourcesBuildPhase section */
-		832C817C1AAF6DEF007FA2F7 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				832C819C1AAF6E1A007FA2F7 /* RCTVibration.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXSourcesBuildPhase section */
-
-/* Begin XCBuildConfiguration section */
-		832C81921AAF6DF0007FA2F7 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				ENABLE_TESTABILITY = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_DYNAMIC_NO_PIC = NO;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_OPTIMIZATION_LEVEL = 0;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"$(inherited)",
-				);
-				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MTL_ENABLE_DEBUG_INFO = YES;
-				ONLY_ACTIVE_ARCH = YES;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-				);
-			};
-			name = Debug;
-		};
-		832C81931AAF6DF0007FA2F7 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = NO;
-				ENABLE_NS_ASSERTIONS = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MTL_ENABLE_DEBUG_INFO = NO;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				VALIDATE_PRODUCT = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-				);
-			};
-			name = Release;
-		};
-		832C81951AAF6DF0007FA2F7 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				RUN_CLANG_STATIC_ANALYZER = YES;
-			};
-			name = Debug;
-		};
-		832C81961AAF6DF0007FA2F7 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-			};
-			name = Release;
-		};
-/* End XCBuildConfiguration section */
-
-/* Begin XCConfigurationList section */
-		832C817B1AAF6DEF007FA2F7 /* Build configuration list for PBXProject "RCTVibration" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				832C81921AAF6DF0007FA2F7 /* Debug */,
-				832C81931AAF6DF0007FA2F7 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		832C81941AAF6DF0007FA2F7 /* Build configuration list for PBXNativeTarget "RCTVibration" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				832C81951AAF6DF0007FA2F7 /* Debug */,
-				832C81961AAF6DF0007FA2F7 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-/* End XCConfigurationList section */
-	};
-	rootObject = 832C81781AAF6DEF007FA2F7 /* Project object */;
-}
diff --git a/Libraries/Vibration/React-RCTVibration.podspec b/Libraries/Vibration/React-RCTVibration.podspec
index cc5e2f4a0993d3..079622762fe4d9 100644
--- a/Libraries/Vibration/React-RCTVibration.podspec
+++ b/Libraries/Vibration/React-RCTVibration.podspec
@@ -27,9 +27,9 @@ Pod::Spec.new do |s|
   s.author                 = "Facebook, Inc. and its affiliates"
   s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.14" } # TODO(macOS GH#214)
   s.source                 = source
-  s.source_files           = "*.{h,m}"
+  s.source_files           = "*.{m}"
   s.preserve_paths         = "package.json", "LICENSE", "LICENSE-docs"
-  s.header_dir             = "React"
+  s.header_dir             = "RCTVibration"
 
-  s.dependency "React-Core", version
+  s.dependency "React-Core/RCTVibrationHeaders", version
 end
diff --git a/Libraries/Vibration/Vibration.js b/Libraries/Vibration/Vibration.js
index 892aeacfc7cb51..2f20cd7ae6061e 100644
--- a/Libraries/Vibration/Vibration.js
+++ b/Libraries/Vibration/Vibration.js
@@ -11,7 +11,7 @@
 
 'use strict';
 
-const RCTVibration = require('../BatchedBridge/NativeModules').Vibration;
+import NativeVibration from './NativeVibration';
 const Platform = require('../Utilities/Platform');
 
 /**
@@ -29,7 +29,7 @@ function vibrateByPattern(pattern: Array<number>, repeat: boolean = false) {
   }
   _vibrating = true;
   if (pattern[0] === 0) {
-    RCTVibration.vibrate();
+    NativeVibration.vibrate();
     pattern = pattern.slice(1);
   }
   if (pattern.length === 0) {
@@ -48,7 +48,7 @@ function vibrateScheduler(
   if (!_vibrating || id !== _id) {
     return;
   }
-  RCTVibration.vibrate();
+  NativeVibration.vibrate();
   if (nextIndex >= pattern.length) {
     if (repeat) {
       nextIndex = 0;
@@ -75,9 +75,9 @@ const Vibration = {
   ) {
     if (Platform.OS === 'android') {
       if (typeof pattern === 'number') {
-        RCTVibration.vibrate(pattern);
+        NativeVibration.vibrate(pattern);
       } else if (Array.isArray(pattern)) {
-        RCTVibration.vibrateByPattern(pattern, repeat ? 0 : -1);
+        NativeVibration.vibrateByPattern(pattern, repeat ? 0 : -1);
       } else {
         throw new Error('Vibration pattern should be a number or array');
       }
@@ -86,7 +86,7 @@ const Vibration = {
         return;
       }
       if (typeof pattern === 'number') {
-        RCTVibration.vibrate();
+        NativeVibration.vibrate();
       } else if (Array.isArray(pattern)) {
         vibrateByPattern(pattern, repeat);
       } else {
@@ -103,7 +103,7 @@ const Vibration = {
     if (Platform.OS === 'ios') {
       _vibrating = false;
     } else {
-      RCTVibration.cancel();
+      NativeVibration.cancel();
     }
   },
 };
diff --git a/Libraries/WebSocket/NativeWebSocketModule.js b/Libraries/WebSocket/NativeWebSocketModule.js
new file mode 100644
index 00000000000000..da2c57fdabca6e
--- /dev/null
+++ b/Libraries/WebSocket/NativeWebSocketModule.js
@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {TurboModule} from '../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +connect: (
+    url: string,
+    protocols: ?Array<string>,
+    options: ?{headers?: {origin?: string}},
+    socketID: number,
+  ) => void;
+  +send: (message: string, socketID: number) => void;
+  +sendBinary: (base64String: string, socketID: 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/Libraries/WebSocket/RCTReconnectingWebSocket.m b/Libraries/WebSocket/RCTReconnectingWebSocket.m
index d6d2569f2fa6da..467da99e4c3e17 100644
--- a/Libraries/WebSocket/RCTReconnectingWebSocket.m
+++ b/Libraries/WebSocket/RCTReconnectingWebSocket.m
@@ -5,81 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTReconnectingWebSocket.h"
+#import <React/RCTReconnectingWebSocket.h>
 
 #import <React/RCTConvert.h>
 #import <React/RCTDefines.h>
 
-#if __has_include(<React/fishhook.h>)
-#import <React/fishhook.h>
-#else
-#import <fishhook/fishhook.h>
-#endif
-
-#if __has_include(<os/log.h>) && defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 100300 /* __IPHONE_10_3 */
-#import <os/log.h>
-#endif /* __IPHONE_10_3 */
-
-#import "RCTSRWebSocket.h"
+#import <React/RCTSRWebSocket.h>
 
 #if RCT_DEV // Only supported in dev mode
 
-#if DEBUG // TODO(OSS Candidate ISS#2710739)
-
-#if __has_include(<os/log.h>) && defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 100300 /* __IPHONE_10_3 */
-
-// From https://github.com/apple/swift/blob/ad40c770bfe372f879b530443a3d94761fe258a6/stdlib/public/SDK/os/os_log.m
-typedef struct os_log_pack_s {
-  uint64_t olp_continuous_time;
-  struct timespec olp_wall_time;
-  const void *olp_mh;
-  const void *olp_pc;
-  const char *olp_format;
-  uint8_t olp_data[0];
-} os_log_pack_s, *os_log_pack_t;
-
-static void (*orig__nwlog_pack)(os_log_pack_t pack, os_log_type_t logType);
-
-static void my__nwlog_pack(os_log_pack_t pack, os_log_type_t logType)
-{
-  if (logType == OS_LOG_TYPE_ERROR && strstr(pack->olp_format, "Connection has no connected handler") == NULL) {
-    orig__nwlog_pack(pack, logType);
-  }
-}
-
-#endif /* __IPHONE_10_3 */
-
-static void (*orig_nwlog_legacy_v)(int, char*, va_list);
-
-static void my_nwlog_legacy_v(int level, char *format, va_list args) {
-  static const uint buffer_size = 256;
-  static char buffer[buffer_size];
-  va_list copy;
-  va_copy(copy, args);
-  vsnprintf(buffer, buffer_size, format, copy);
-  va_end(copy);
-
-  if (strstr(buffer, "nw_connection_get_connected_socket_block_invoke") == NULL &&
-      strstr(buffer, "Connection has no connected handler") == NULL) {
-    orig_nwlog_legacy_v(level, format, args);
-  }
-}
-
-#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 110000 /* __IPHONE_11_0 */
-
-static void (*orig_os_log_error_impl)(void *dso, os_log_t log, os_log_type_t type, const char *format, uint8_t *buf, uint32_t size);
-
-static void my_os_log_error_impl(void *dso, os_log_t log, os_log_type_t type, const char *format, uint8_t *buf, uint32_t size)
-{
-  if (strstr(format, "TCP Conn %p Failed : error %ld:%d") == NULL) {
-    orig_os_log_error_impl(dso, log, type, format, buf, size);
-  }
-}
-
-#endif /* __IPHONE_11_0 */
-
-#endif /* DEBUG */ // TODO(OSS Candidate ISS#2710739)
-
 @interface RCTReconnectingWebSocket () <RCTSRWebSocketDelegate>
 @end
 
@@ -88,28 +22,6 @@ @implementation RCTReconnectingWebSocket {
   RCTSRWebSocket *_socket;
 }
 
-#if DEBUG // TODO(OSS Candidate ISS#2710739)
-+ (void)load
-{
-  static dispatch_once_t onceToken;
-  dispatch_once(&onceToken, ^{
-    rebind_symbols((struct rebinding[1]){
-      {"nwlog_legacy_v", my_nwlog_legacy_v, (void *)&orig_nwlog_legacy_v}
-    }, 1);
-#if __has_include(<os/log.h>) && defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 100300 /* __IPHONE_10_3 */
-    rebind_symbols((struct rebinding[1]){
-      {"__nwlog_pack", my__nwlog_pack, (void *)&orig__nwlog_pack}
-    }, 1);
-#endif /* __IPHONE_10_3 */
-#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 110000 /* __IPHONE_11_0 */
-    rebind_symbols((struct rebinding[1]){
-      {"_os_log_error_impl", my_os_log_error_impl, (void *)&orig_os_log_error_impl}
-    }, 1);
-#endif /* __IPHONE_11_0 */
-  });
-}
-#endif /* DEBUG */ // TODO(OSS Candidate ISS#2710739)
-
 - (instancetype)initWithURL:(NSURL *)url queue:(dispatch_queue_t)queue
 {
   if (self = [super init]) {
diff --git a/Libraries/WebSocket/RCTSRWebSocket.m b/Libraries/WebSocket/RCTSRWebSocket.m
index cf38043dc8c5ca..937fe98ab8a1b9 100644
--- a/Libraries/WebSocket/RCTSRWebSocket.m
+++ b/Libraries/WebSocket/RCTSRWebSocket.m
@@ -14,7 +14,9 @@
 //   limitations under the License.
 //
 
-#import "RCTSRWebSocket.h"
+#if !TARGET_OS_UIKITFORMAC
+
+#import <React/RCTSRWebSocket.h>
 
 #import <Availability.h>
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
@@ -1637,3 +1639,5 @@ - (NSRunLoop *)runLoop;
 }
 
 @end
+
+#endif
diff --git a/Libraries/WebSocket/RCTWebSocket.xcodeproj/project.pbxproj b/Libraries/WebSocket/RCTWebSocket.xcodeproj/project.pbxproj
deleted file mode 100644
index 41b8cccfbb6916..00000000000000
--- a/Libraries/WebSocket/RCTWebSocket.xcodeproj/project.pbxproj
+++ /dev/null
@@ -1,754 +0,0 @@
-// !$*UTF8*$!
-{
-	archiveVersion = 1;
-	classes = {
-	};
-	objectVersion = 46;
-	objects = {
-
-/* Begin PBXBuildFile section */
-		1338BBE01B04ACC80064A9C9 /* RCTSRWebSocket.m in Sources */ = {isa = PBXBuildFile; fileRef = 1338BBDD1B04ACC80064A9C9 /* RCTSRWebSocket.m */; };
-		1338BBE11B04ACC80064A9C9 /* RCTWebSocketExecutor.m in Sources */ = {isa = PBXBuildFile; fileRef = 1338BBDF1B04ACC80064A9C9 /* RCTWebSocketExecutor.m */; };
-		180B4A3E1FEC530900879A02 /* libfishhook-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 18C3A9BF1FE1D41600DEC48A /* libfishhook-macOS.a */; };
-		181B13CA216528F100D3B7D2 /* libfishhook-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DBE0D0D1F3B181C0099AA32 /* libfishhook-tvOS.a */; };
-		181B13CC21652C3600D3B7D2 /* fishhook.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 3DBE0D131F3B185A0099AA32 /* fishhook.h */; };
-		181B13CD21652C4000D3B7D2 /* fishhook.c in Sources */ = {isa = PBXBuildFile; fileRef = 3DBE0D121F3B185A0099AA32 /* fishhook.c */; };
-		2D3ABDC220C7206E00DF56E9 /* libfishhook.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DBE0D001F3B181A0099AA32 /* libfishhook.a */; };
-		2D3B5F3D1D9B165B00451313 /* RCTSRWebSocket.m in Sources */ = {isa = PBXBuildFile; fileRef = 1338BBDD1B04ACC80064A9C9 /* RCTSRWebSocket.m */; };
-		2D3B5F3E1D9B165B00451313 /* RCTWebSocketExecutor.m in Sources */ = {isa = PBXBuildFile; fileRef = 1338BBDF1B04ACC80064A9C9 /* RCTWebSocketExecutor.m */; };
-		2D3B5F401D9B165B00451313 /* RCTWebSocketModule.m in Sources */ = {isa = PBXBuildFile; fileRef = 3C86DF7B1ADF695F0047B81A /* RCTWebSocketModule.m */; };
-		3C86DF7C1ADF695F0047B81A /* RCTWebSocketModule.m in Sources */ = {isa = PBXBuildFile; fileRef = 3C86DF7B1ADF695F0047B81A /* RCTWebSocketModule.m */; };
-		3DBE0D141F3B185A0099AA32 /* fishhook.c in Sources */ = {isa = PBXBuildFile; fileRef = 3DBE0D121F3B185A0099AA32 /* fishhook.c */; };
-		3DBE0D151F3B185A0099AA32 /* fishhook.c in Sources */ = {isa = PBXBuildFile; fileRef = 3DBE0D121F3B185A0099AA32 /* fishhook.c */; };
-		3DBE0D801F3B1AF00099AA32 /* fishhook.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 3DBE0D131F3B185A0099AA32 /* fishhook.h */; };
-		3DBE0D821F3B1B0C0099AA32 /* fishhook.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 3DBE0D131F3B185A0099AA32 /* fishhook.h */; };
-		64BF1F341EF8457600B83E07 /* RCTReconnectingWebSocket.m in Sources */ = {isa = PBXBuildFile; fileRef = A12E9E2D1E5DEC4E0029001B /* RCTReconnectingWebSocket.m */; };
-		64BF1F351EF8457900B83E07 /* RCTSRWebSocket.m in Sources */ = {isa = PBXBuildFile; fileRef = 1338BBDD1B04ACC80064A9C9 /* RCTSRWebSocket.m */; };
-		64BF1F361EF8457B00B83E07 /* RCTWebSocketExecutor.m in Sources */ = {isa = PBXBuildFile; fileRef = 1338BBDF1B04ACC80064A9C9 /* RCTWebSocketExecutor.m */; };
-		64BF1F381EF8458500B83E07 /* RCTWebSocketModule.m in Sources */ = {isa = PBXBuildFile; fileRef = 3C86DF7B1ADF695F0047B81A /* RCTWebSocketModule.m */; };
-		A12E9E2E1E5DEC4E0029001B /* RCTReconnectingWebSocket.m in Sources */ = {isa = PBXBuildFile; fileRef = A12E9E2D1E5DEC4E0029001B /* RCTReconnectingWebSocket.m */; };
-		A12E9E2F1E5DEC550029001B /* RCTReconnectingWebSocket.m in Sources */ = {isa = PBXBuildFile; fileRef = A12E9E2D1E5DEC4E0029001B /* RCTReconnectingWebSocket.m */; };
-		ED297176215062BA00B7C4FE /* libfishhook-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DBE0D0D1F3B181C0099AA32 /* libfishhook-tvOS.a */; };
-/* End PBXBuildFile section */
-
-/* Begin PBXContainerItemProxy section */
-		18C3A9C01FE1D44F00DEC48A /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 3C86DF3E1ADF2C930047B81A /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 18C3A9B71FE1D41600DEC48A;
-			remoteInfo = "fishhook-macOS";
-		};
-		3DBE0D0E1F3B18490099AA32 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 3C86DF3E1ADF2C930047B81A /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 3DBE0CF41F3B181A0099AA32;
-			remoteInfo = fishhook;
-		};
-		3DBE0D101F3B184D0099AA32 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 3C86DF3E1ADF2C930047B81A /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 3DBE0D011F3B181C0099AA32;
-			remoteInfo = "fishhook-tvOS";
-		};
-/* End PBXContainerItemProxy section */
-
-/* Begin PBXCopyFilesBuildPhase section */
-		18C3A9B81FE1D41600DEC48A /* CopyFiles */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/fishhook;
-			dstSubfolderSpec = 16;
-			files = (
-				181B13CC21652C3600D3B7D2 /* fishhook.h in CopyFiles */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3DBE0D7F1F3B1AEC0099AA32 /* CopyFiles */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/fishhook;
-			dstSubfolderSpec = 16;
-			files = (
-				3DBE0D801F3B1AF00099AA32 /* fishhook.h in CopyFiles */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3DBE0D811F3B1B010099AA32 /* CopyFiles */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/fishhook;
-			dstSubfolderSpec = 16;
-			files = (
-				3DBE0D821F3B1B0C0099AA32 /* fishhook.h in CopyFiles */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXCopyFilesBuildPhase section */
-
-/* Begin PBXFileReference section */
-		1338BBDC1B04ACC80064A9C9 /* RCTSRWebSocket.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSRWebSocket.h; sourceTree = "<group>"; };
-		1338BBDD1B04ACC80064A9C9 /* RCTSRWebSocket.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTSRWebSocket.m; sourceTree = "<group>"; };
-		1338BBDE1B04ACC80064A9C9 /* RCTWebSocketExecutor.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTWebSocketExecutor.h; sourceTree = "<group>"; };
-		1338BBDF1B04ACC80064A9C9 /* RCTWebSocketExecutor.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTWebSocketExecutor.m; sourceTree = "<group>"; };
-		13526A511F362F7F0008EF00 /* libfishhook.a */ = {isa = PBXFileReference; lastKnownFileType = archive.ar; path = libfishhook.a; sourceTree = "<group>"; };
-		18C3A9BF1FE1D41600DEC48A /* libfishhook-macOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libfishhook-macOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		2D2A28881D9B049200D4039D /* libRCTWebSocket-tvOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libRCTWebSocket-tvOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		2DC5E5271F3A6CFD000EE84B /* libfishhook-tvOS.a */ = {isa = PBXFileReference; lastKnownFileType = archive.ar; name = "libfishhook-tvOS.a"; path = "../fishhook/build/Debug-appletvos/libfishhook-tvOS.a"; sourceTree = "<group>"; };
-		3C86DF461ADF2C930047B81A /* libRCTWebSocket.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRCTWebSocket.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		3C86DF7A1ADF695F0047B81A /* RCTWebSocketModule.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTWebSocketModule.h; sourceTree = "<group>"; };
-		3C86DF7B1ADF695F0047B81A /* RCTWebSocketModule.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTWebSocketModule.m; sourceTree = "<group>"; };
-		3DBE0D001F3B181A0099AA32 /* libfishhook.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libfishhook.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		3DBE0D0D1F3B181C0099AA32 /* libfishhook-tvOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libfishhook-tvOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		3DBE0D121F3B185A0099AA32 /* fishhook.c */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.c; name = fishhook.c; path = ../fishhook/fishhook.c; sourceTree = "<group>"; };
-		3DBE0D131F3B185A0099AA32 /* fishhook.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = fishhook.h; path = ../fishhook/fishhook.h; sourceTree = "<group>"; };
-		6BDE7A581ECB6B8200CC951F /* libRCTWebSocket.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRCTWebSocket.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		A12E9E2C1E5DEC4E0029001B /* RCTReconnectingWebSocket.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTReconnectingWebSocket.h; sourceTree = "<group>"; };
-		A12E9E2D1E5DEC4E0029001B /* RCTReconnectingWebSocket.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTReconnectingWebSocket.m; sourceTree = "<group>"; };
-/* End PBXFileReference section */
-
-/* Begin PBXFrameworksBuildPhase section */
-		13526A4F1F362F770008EF00 /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				2D3ABDC220C7206E00DF56E9 /* libfishhook.a in Frameworks */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		180B4A3D1FEC52FE00879A02 /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				180B4A3E1FEC530900879A02 /* libfishhook-macOS.a in Frameworks */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		2DC5E5151F3A6C39000EE84B /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				ED297176215062BA00B7C4FE /* libfishhook-tvOS.a in Frameworks */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXFrameworksBuildPhase section */
-
-/* Begin PBXGroup section */
-		13526A501F362F7F0008EF00 /* Frameworks */ = {
-			isa = PBXGroup;
-			children = (
-				2DC5E5271F3A6CFD000EE84B /* libfishhook-tvOS.a */,
-				13526A511F362F7F0008EF00 /* libfishhook.a */,
-			);
-			name = Frameworks;
-			sourceTree = "<group>";
-		};
-		3C86DF3D1ADF2C930047B81A = {
-			isa = PBXGroup;
-			children = (
-				3DBE0D121F3B185A0099AA32 /* fishhook.c */,
-				3DBE0D131F3B185A0099AA32 /* fishhook.h */,
-				A12E9E2C1E5DEC4E0029001B /* RCTReconnectingWebSocket.h */,
-				A12E9E2D1E5DEC4E0029001B /* RCTReconnectingWebSocket.m */,
-				1338BBDC1B04ACC80064A9C9 /* RCTSRWebSocket.h */,
-				1338BBDD1B04ACC80064A9C9 /* RCTSRWebSocket.m */,
-				1338BBDE1B04ACC80064A9C9 /* RCTWebSocketExecutor.h */,
-				1338BBDF1B04ACC80064A9C9 /* RCTWebSocketExecutor.m */,
-				3C86DF7A1ADF695F0047B81A /* RCTWebSocketModule.h */,
-				3C86DF7B1ADF695F0047B81A /* RCTWebSocketModule.m */,
-				3C86DF471ADF2C930047B81A /* Products */,
-				13526A501F362F7F0008EF00 /* Frameworks */,
-			);
-			indentWidth = 2;
-			sourceTree = "<group>";
-			tabWidth = 2;
-			usesTabs = 0;
-		};
-		3C86DF471ADF2C930047B81A /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				3C86DF461ADF2C930047B81A /* libRCTWebSocket.a */,
-				2D2A28881D9B049200D4039D /* libRCTWebSocket-tvOS.a */,
-				6BDE7A581ECB6B8200CC951F /* libRCTWebSocket.a */,
-				3DBE0D001F3B181A0099AA32 /* libfishhook.a */,
-				3DBE0D0D1F3B181C0099AA32 /* libfishhook-tvOS.a */,
-				18C3A9BF1FE1D41600DEC48A /* libfishhook-macOS.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-/* End PBXGroup section */
-
-/* Begin PBXNativeTarget section */
-		18C3A9B71FE1D41600DEC48A /* fishhook-macOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 18C3A9BC1FE1D41600DEC48A /* Build configuration list for PBXNativeTarget "fishhook-macOS" */;
-			buildPhases = (
-				18C3A9B81FE1D41600DEC48A /* CopyFiles */,
-				18C3A9BA1FE1D41600DEC48A /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "fishhook-macOS";
-			productName = WebSocket;
-			productReference = 18C3A9BF1FE1D41600DEC48A /* libfishhook-macOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		2D2A28871D9B049200D4039D /* RCTWebSocket-tvOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 2D2A28901D9B049200D4039D /* Build configuration list for PBXNativeTarget "RCTWebSocket-tvOS" */;
-			buildPhases = (
-				2D2A28841D9B049200D4039D /* Sources */,
-				2DC5E5151F3A6C39000EE84B /* Frameworks */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				3DBE0D111F3B184D0099AA32 /* PBXTargetDependency */,
-			);
-			name = "RCTWebSocket-tvOS";
-			productName = "RCTWebSocket-tvOS";
-			productReference = 2D2A28881D9B049200D4039D /* libRCTWebSocket-tvOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		3C86DF451ADF2C930047B81A /* RCTWebSocket */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 3C86DF5A1ADF2C930047B81A /* Build configuration list for PBXNativeTarget "RCTWebSocket" */;
-			buildPhases = (
-				3C86DF421ADF2C930047B81A /* Sources */,
-				13526A4F1F362F770008EF00 /* Frameworks */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				3DBE0D0F1F3B18490099AA32 /* PBXTargetDependency */,
-			);
-			name = RCTWebSocket;
-			productName = WebSocket;
-			productReference = 3C86DF461ADF2C930047B81A /* libRCTWebSocket.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		3DBE0CF41F3B181A0099AA32 /* fishhook */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 3DBE0CFD1F3B181A0099AA32 /* Build configuration list for PBXNativeTarget "fishhook" */;
-			buildPhases = (
-				3DBE0D7F1F3B1AEC0099AA32 /* CopyFiles */,
-				3DBE0CF51F3B181A0099AA32 /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = fishhook;
-			productName = WebSocket;
-			productReference = 3DBE0D001F3B181A0099AA32 /* libfishhook.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		3DBE0D011F3B181C0099AA32 /* fishhook-tvOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 3DBE0D0A1F3B181C0099AA32 /* Build configuration list for PBXNativeTarget "fishhook-tvOS" */;
-			buildPhases = (
-				3DBE0D811F3B1B010099AA32 /* CopyFiles */,
-				3DBE0D021F3B181C0099AA32 /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "fishhook-tvOS";
-			productName = "RCTWebSocket-tvOS";
-			productReference = 3DBE0D0D1F3B181C0099AA32 /* libfishhook-tvOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		6BDE7A4F1ECB6B8200CC951F /* RCTWebSocket-macOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 6BDE7A551ECB6B8200CC951F /* Build configuration list for PBXNativeTarget "RCTWebSocket-macOS" */;
-			buildPhases = (
-				64BF1F331EF8457300B83E07 /* Sources */,
-				180B4A3D1FEC52FE00879A02 /* Frameworks */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				18C3A9C11FE1D44F00DEC48A /* PBXTargetDependency */,
-			);
-			name = "RCTWebSocket-macOS";
-			productName = WebSocket;
-			productReference = 6BDE7A581ECB6B8200CC951F /* libRCTWebSocket.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-/* End PBXNativeTarget section */
-
-/* Begin PBXProject section */
-		3C86DF3E1ADF2C930047B81A /* Project object */ = {
-			isa = PBXProject;
-			attributes = {
-				LastUpgradeCheck = 0940;
-				ORGANIZATIONNAME = Facebook;
-				TargetAttributes = {
-					2D2A28871D9B049200D4039D = {
-						CreatedOnToolsVersion = 8.0;
-						ProvisioningStyle = Automatic;
-					};
-					3C86DF451ADF2C930047B81A = {
-						CreatedOnToolsVersion = 6.3;
-					};
-				};
-			};
-			buildConfigurationList = 3C86DF411ADF2C930047B81A /* Build configuration list for PBXProject "RCTWebSocket" */;
-			compatibilityVersion = "Xcode 3.2";
-			developmentRegion = English;
-			hasScannedForEncodings = 0;
-			knownRegions = (
-				en,
-			);
-			mainGroup = 3C86DF3D1ADF2C930047B81A;
-			productRefGroup = 3C86DF471ADF2C930047B81A /* Products */;
-			projectDirPath = "";
-			projectRoot = "";
-			targets = (
-				3C86DF451ADF2C930047B81A /* RCTWebSocket */,
-				6BDE7A4F1ECB6B8200CC951F /* RCTWebSocket-macOS */,
-				2D2A28871D9B049200D4039D /* RCTWebSocket-tvOS */,
-				3DBE0CF41F3B181A0099AA32 /* fishhook */,
-				3DBE0D011F3B181C0099AA32 /* fishhook-tvOS */,
-				18C3A9B71FE1D41600DEC48A /* fishhook-macOS */,
-			);
-		};
-/* End PBXProject section */
-
-/* Begin PBXSourcesBuildPhase section */
-		18C3A9BA1FE1D41600DEC48A /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				181B13CD21652C4000D3B7D2 /* fishhook.c in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		2D2A28841D9B049200D4039D /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				2D3B5F3E1D9B165B00451313 /* RCTWebSocketExecutor.m in Sources */,
-				2D3B5F401D9B165B00451313 /* RCTWebSocketModule.m in Sources */,
-				A12E9E2F1E5DEC550029001B /* RCTReconnectingWebSocket.m in Sources */,
-				2D3B5F3D1D9B165B00451313 /* RCTSRWebSocket.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3C86DF421ADF2C930047B81A /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				1338BBE01B04ACC80064A9C9 /* RCTSRWebSocket.m in Sources */,
-				3C86DF7C1ADF695F0047B81A /* RCTWebSocketModule.m in Sources */,
-				A12E9E2E1E5DEC4E0029001B /* RCTReconnectingWebSocket.m in Sources */,
-				1338BBE11B04ACC80064A9C9 /* RCTWebSocketExecutor.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3DBE0CF51F3B181A0099AA32 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				3DBE0D141F3B185A0099AA32 /* fishhook.c in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3DBE0D021F3B181C0099AA32 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				3DBE0D151F3B185A0099AA32 /* fishhook.c in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		64BF1F331EF8457300B83E07 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				64BF1F381EF8458500B83E07 /* RCTWebSocketModule.m in Sources */,
-				64BF1F351EF8457900B83E07 /* RCTSRWebSocket.m in Sources */,
-				64BF1F341EF8457600B83E07 /* RCTReconnectingWebSocket.m in Sources */,
-				64BF1F361EF8457B00B83E07 /* RCTWebSocketExecutor.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXSourcesBuildPhase section */
-
-/* Begin PBXTargetDependency section */
-		18C3A9C11FE1D44F00DEC48A /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 18C3A9B71FE1D41600DEC48A /* fishhook-macOS */;
-			targetProxy = 18C3A9C01FE1D44F00DEC48A /* PBXContainerItemProxy */;
-		};
-		3DBE0D0F1F3B18490099AA32 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 3DBE0CF41F3B181A0099AA32 /* fishhook */;
-			targetProxy = 3DBE0D0E1F3B18490099AA32 /* PBXContainerItemProxy */;
-		};
-		3DBE0D111F3B184D0099AA32 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 3DBE0D011F3B181C0099AA32 /* fishhook-tvOS */;
-			targetProxy = 3DBE0D101F3B184D0099AA32 /* PBXContainerItemProxy */;
-		};
-/* End PBXTargetDependency section */
-
-/* Begin XCBuildConfiguration section */
-		18C3A9BD1FE1D41600DEC48A /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				EXECUTABLE_PREFIX = lib;
-				GCC_TREAT_WARNINGS_AS_ERRORS = NO;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = macosx;
-			};
-			name = Debug;
-		};
-		18C3A9BE1FE1D41600DEC48A /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				EXECUTABLE_PREFIX = lib;
-				GCC_TREAT_WARNINGS_AS_ERRORS = NO;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = macosx;
-			};
-			name = Release;
-		};
-		2D2A288E1D9B049200D4039D /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				ENABLE_TESTABILITY = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Debug;
-		};
-		2D2A288F1D9B049200D4039D /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Release;
-		};
-		3C86DF581ADF2C930047B81A /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				ENABLE_TESTABILITY = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_DYNAMIC_NO_PIC = NO;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_OPTIMIZATION_LEVEL = 0;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"$(inherited)",
-				);
-				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = YES;
-				ONLY_ACTIVE_ARCH = YES;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-				);
-			};
-			name = Debug;
-		};
-		3C86DF591ADF2C930047B81A /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				ENABLE_NS_ASSERTIONS = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = NO;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				VALIDATE_PRODUCT = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-				);
-			};
-			name = Release;
-		};
-		3C86DF5B1ADF2C930047B81A /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				EXECUTABLE_PREFIX = lib;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"RCT_METRO_PORT=${RCT_METRO_PORT}",
-					"$(inherited)",
-				);
-				GCC_TREAT_WARNINGS_AS_ERRORS = NO;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-			};
-			name = Debug;
-		};
-		3C86DF5C1ADF2C930047B81A /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				EXECUTABLE_PREFIX = lib;
-				GCC_PREPROCESSOR_DEFINITIONS = "RCT_METRO_PORT=${RCT_METRO_PORT}";
-				GCC_TREAT_WARNINGS_AS_ERRORS = NO;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-			};
-			name = Release;
-		};
-		3DBE0CFE1F3B181A0099AA32 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				EXECUTABLE_PREFIX = lib;
-				GCC_TREAT_WARNINGS_AS_ERRORS = NO;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-			};
-			name = Debug;
-		};
-		3DBE0CFF1F3B181A0099AA32 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				EXECUTABLE_PREFIX = lib;
-				GCC_TREAT_WARNINGS_AS_ERRORS = NO;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-			};
-			name = Release;
-		};
-		3DBE0D0B1F3B181C0099AA32 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				ENABLE_TESTABILITY = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Debug;
-		};
-		3DBE0D0C1F3B181C0099AA32 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Release;
-		};
-		6BDE7A561ECB6B8200CC951F /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				EXECUTABLE_PREFIX = lib;
-				GCC_TREAT_WARNINGS_AS_ERRORS = NO;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTWebSocket;
-				SDKROOT = macosx;
-			};
-			name = Debug;
-		};
-		6BDE7A571ECB6B8200CC951F /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				EXECUTABLE_PREFIX = lib;
-				GCC_TREAT_WARNINGS_AS_ERRORS = NO;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = RCTWebSocket;
-				SDKROOT = macosx;
-			};
-			name = Release;
-		};
-/* End XCBuildConfiguration section */
-
-/* Begin XCConfigurationList section */
-		18C3A9BC1FE1D41600DEC48A /* Build configuration list for PBXNativeTarget "fishhook-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				18C3A9BD1FE1D41600DEC48A /* Debug */,
-				18C3A9BE1FE1D41600DEC48A /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		2D2A28901D9B049200D4039D /* Build configuration list for PBXNativeTarget "RCTWebSocket-tvOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				2D2A288E1D9B049200D4039D /* Debug */,
-				2D2A288F1D9B049200D4039D /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		3C86DF411ADF2C930047B81A /* Build configuration list for PBXProject "RCTWebSocket" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				3C86DF581ADF2C930047B81A /* Debug */,
-				3C86DF591ADF2C930047B81A /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		3C86DF5A1ADF2C930047B81A /* Build configuration list for PBXNativeTarget "RCTWebSocket" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				3C86DF5B1ADF2C930047B81A /* Debug */,
-				3C86DF5C1ADF2C930047B81A /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		3DBE0CFD1F3B181A0099AA32 /* Build configuration list for PBXNativeTarget "fishhook" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				3DBE0CFE1F3B181A0099AA32 /* Debug */,
-				3DBE0CFF1F3B181A0099AA32 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		3DBE0D0A1F3B181C0099AA32 /* Build configuration list for PBXNativeTarget "fishhook-tvOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				3DBE0D0B1F3B181C0099AA32 /* Debug */,
-				3DBE0D0C1F3B181C0099AA32 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		6BDE7A551ECB6B8200CC951F /* Build configuration list for PBXNativeTarget "RCTWebSocket-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				6BDE7A561ECB6B8200CC951F /* Debug */,
-				6BDE7A571ECB6B8200CC951F /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-/* End XCConfigurationList section */
-	};
-	rootObject = 3C86DF3E1ADF2C930047B81A /* Project object */;
-}
diff --git a/Libraries/WebSocket/RCTWebSocketExecutor.m b/Libraries/WebSocket/RCTWebSocketExecutor.m
index 4d8daa32f47d5b..5cd8d732ce8472 100644
--- a/Libraries/WebSocket/RCTWebSocketExecutor.m
+++ b/Libraries/WebSocket/RCTWebSocketExecutor.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTWebSocketExecutor.h"
+#import <React/RCTWebSocketExecutor.h>
 
 #import <React/RCTAssert.h>
 #import <React/RCTBridge.h>
@@ -14,7 +14,7 @@
 #import <React/RCTLog.h>
 #import <React/RCTUtils.h>
 
-#import "RCTSRWebSocket.h"
+#import <React/RCTSRWebSocket.h>
 
 #if RCT_DEV // Debug executors are only supported in dev mode
 
diff --git a/Libraries/WebSocket/RCTWebSocketModule.m b/Libraries/WebSocket/RCTWebSocketModule.m
index 0150cd59582f5c..d9387c464d18a2 100644
--- a/Libraries/WebSocket/RCTWebSocketModule.m
+++ b/Libraries/WebSocket/RCTWebSocketModule.m
@@ -5,14 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTWebSocketModule.h"
+#import <React/RCTWebSocketModule.h>
 
 #import <objc/runtime.h>
 
 #import <React/RCTConvert.h>
 #import <React/RCTUtils.h>
 
-#import "RCTSRWebSocket.h"
+#import <React/RCTSRWebSocket.h>
 
 @implementation RCTSRWebSocket (React)
 
@@ -155,7 +155,8 @@ - (void)webSocket:(RCTSRWebSocket *)webSocket didReceiveMessage:(id)message
 - (void)webSocketDidOpen:(RCTSRWebSocket *)webSocket
 {
   [self sendEventWithName:@"websocketOpen" body:@{
-    @"id": webSocket.reactTag
+    @"id": webSocket.reactTag,
+    @"protocol": webSocket.protocol ? webSocket.protocol : @""
   }];
 }
 
diff --git a/Libraries/WebSocket/React-RCTWebSocket.podspec b/Libraries/WebSocket/React-RCTWebSocket.podspec
deleted file mode 100644
index 62525de4d9bbd8..00000000000000
--- a/Libraries/WebSocket/React-RCTWebSocket.podspec
+++ /dev/null
@@ -1,37 +0,0 @@
-# coding: utf-8
-# Copyright (c) Facebook, Inc. and its 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
-else
-  source[:tag] = "v#{version}"
-end
-
-Pod::Spec.new do |s|
-  s.name                   = "React-RCTWebSocket"
-  s.version                = version
-  s.summary                = "A library for supporting WebSockets, a protocol which provides full-duplex communication channels over a single TCP connection." 
-  s.homepage               = "http://facebook.github.io/react-native/"
-  s.documentation_url      = "https://facebook.github.io/react-native/docs/network#websocket-support"
-  s.license                = package["license"]
-  s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.14" } # TODO(macOS GH#214)
-  s.source                 = source
-  s.source_files           = "*.{h,m}",
-                             "Libraries/fishhook/*.{h,c}"
-  s.preserve_paths         = "package.json", "LICENSE", "LICENSE-docs"
-  s.header_dir             = "React"
-
-  s.dependency "React-Core", version
-  s.dependency "React-fishhook", version
-end
diff --git a/Libraries/WebSocket/WebSocket.js b/Libraries/WebSocket/WebSocket.js
index 472fd833e63096..35f0757b4dc691 100644
--- a/Libraries/WebSocket/WebSocket.js
+++ b/Libraries/WebSocket/WebSocket.js
@@ -11,10 +11,9 @@
 'use strict';
 
 const Blob = require('../Blob/Blob');
+const BlobManager = require('../Blob/BlobManager');
 const EventTarget = require('event-target-shim');
 const NativeEventEmitter = require('../EventEmitter/NativeEventEmitter');
-const BlobManager = require('../Blob/BlobManager');
-const NativeModules = require('../BatchedBridge/NativeModules');
 const Platform = require('../Utilities/Platform');
 const WebSocketEvent = require('./WebSocketEvent');
 
@@ -22,9 +21,8 @@ const base64 = require('base64-js');
 const binaryToBase64 = require('../Utilities/binaryToBase64');
 const invariant = require('invariant');
 
-const {WebSocketModule} = NativeModules;
-
 import type EventSubscription from '../vendor/emitter/EventSubscription';
+import NativeWebSocketModule from './NativeWebSocketModule';
 
 type ArrayBufferView =
   | Int8Array
@@ -57,11 +55,11 @@ let nextWebSocketId = 0;
  * See https://developer.mozilla.org/en-US/docs/Web/API/WebSocket
  * See https://github.com/websockets/ws
  */
-class WebSocket extends EventTarget(...WEBSOCKET_EVENTS) {
-  static CONNECTING = CONNECTING;
-  static OPEN = OPEN;
-  static CLOSING = CLOSING;
-  static CLOSED = CLOSED;
+class WebSocket extends (EventTarget(...WEBSOCKET_EVENTS): any) {
+  static CONNECTING: number = CONNECTING;
+  static OPEN: number = OPEN;
+  static CLOSING: number = CLOSING;
+  static CLOSED: number = CLOSED;
 
   CONNECTING: number = CONNECTING;
   OPEN: number = OPEN;
@@ -128,10 +126,10 @@ class WebSocket extends EventTarget(...WEBSOCKET_EVENTS) {
       protocols = null;
     }
 
-    this._eventEmitter = new NativeEventEmitter(WebSocketModule);
+    this._eventEmitter = new NativeEventEmitter(NativeWebSocketModule);
     this._socketId = nextWebSocketId++;
     this._registerEvents();
-    WebSocketModule.connect(url, protocols, {headers}, this._socketId);
+    NativeWebSocketModule.connect(url, protocols, {headers}, this._socketId);
   }
 
   get binaryType(): ?BinaryType {
@@ -180,12 +178,12 @@ class WebSocket extends EventTarget(...WEBSOCKET_EVENTS) {
     }
 
     if (typeof data === 'string') {
-      WebSocketModule.send(data, this._socketId);
+      NativeWebSocketModule.send(data, this._socketId);
       return;
     }
 
     if (data instanceof ArrayBuffer || ArrayBuffer.isView(data)) {
-      WebSocketModule.sendBinary(binaryToBase64(data), this._socketId);
+      NativeWebSocketModule.sendBinary(binaryToBase64(data), this._socketId);
       return;
     }
 
@@ -197,14 +195,14 @@ class WebSocket extends EventTarget(...WEBSOCKET_EVENTS) {
       throw new Error('INVALID_STATE_ERR');
     }
 
-    WebSocketModule.ping(this._socketId);
+    NativeWebSocketModule.ping(this._socketId);
   }
 
   _close(code?: number, reason?: string): void {
     // See https://developer.mozilla.org/en-US/docs/Web/API/CloseEvent
     const statusCode = typeof code === 'number' ? code : CLOSE_NORMAL;
     const closeReason = typeof reason === 'string' ? reason : '';
-    WebSocketModule.close(statusCode, closeReason, this._socketId);
+    NativeWebSocketModule.close(statusCode, closeReason, this._socketId);
 
     if (BlobManager.isAvailable && this._binaryType === 'blob') {
       BlobManager.removeWebSocketHandler(this._socketId);
@@ -238,6 +236,7 @@ class WebSocket extends EventTarget(...WEBSOCKET_EVENTS) {
           return;
         }
         this.readyState = this.OPEN;
+        this.protocol = ev.protocol;
         this.dispatchEvent(new WebSocketEvent('open'));
       }),
       this._eventEmitter.addListener('websocketClosed', ev => {
diff --git a/Libraries/WebSocket/WebSocketInterceptor.js b/Libraries/WebSocket/WebSocketInterceptor.js
index 58cd3da3a3b7d7..6c371c1028c485 100644
--- a/Libraries/WebSocket/WebSocketInterceptor.js
+++ b/Libraries/WebSocket/WebSocketInterceptor.js
@@ -9,16 +9,16 @@
 
 'use strict';
 
-const RCTWebSocketModule = require('../BatchedBridge/NativeModules')
-  .WebSocketModule;
 const NativeEventEmitter = require('../EventEmitter/NativeEventEmitter');
 
+import NativeWebSocketModule from './NativeWebSocketModule';
+
 const base64 = require('base64-js');
 
-const originalRCTWebSocketConnect = RCTWebSocketModule.connect;
-const originalRCTWebSocketSend = RCTWebSocketModule.send;
-const originalRCTWebSocketSendBinary = RCTWebSocketModule.sendBinary;
-const originalRCTWebSocketClose = RCTWebSocketModule.close;
+const originalRCTWebSocketConnect = NativeWebSocketModule.connect;
+const originalRCTWebSocketSend = NativeWebSocketModule.send;
+const originalRCTWebSocketSendBinary = NativeWebSocketModule.sendBinary;
+const originalRCTWebSocketClose = NativeWebSocketModule.close;
 
 let eventEmitter: NativeEventEmitter;
 let subscriptions: Array<EventSubscription>;
@@ -135,13 +135,18 @@ const WebSocketInterceptor = {
     if (isInterceptorEnabled) {
       return;
     }
-    eventEmitter = new NativeEventEmitter(RCTWebSocketModule);
+    eventEmitter = new NativeEventEmitter(NativeWebSocketModule);
     WebSocketInterceptor._registerEvents();
 
     // Override `connect` method for all RCTWebSocketModule requests
     // to intercept the request url, protocols, options and socketId,
     // then pass them through the `connectCallback`.
-    RCTWebSocketModule.connect = function(url, protocols, options, socketId) {
+    NativeWebSocketModule.connect = function(
+      url,
+      protocols,
+      options,
+      socketId,
+    ) {
       if (connectCallback) {
         connectCallback(url, protocols, options, socketId);
       }
@@ -150,7 +155,7 @@ const WebSocketInterceptor = {
 
     // Override `send` method for all RCTWebSocketModule requests to intercept
     // the data sent, then pass them through the `sendCallback`.
-    RCTWebSocketModule.send = function(data, socketId) {
+    NativeWebSocketModule.send = function(data, socketId) {
       if (sendCallback) {
         sendCallback(data, socketId);
       }
@@ -159,7 +164,7 @@ const WebSocketInterceptor = {
 
     // Override `sendBinary` method for all RCTWebSocketModule requests to
     // intercept the data sent, then pass them through the `sendCallback`.
-    RCTWebSocketModule.sendBinary = function(data, socketId) {
+    NativeWebSocketModule.sendBinary = function(data, socketId) {
       if (sendCallback) {
         sendCallback(WebSocketInterceptor._arrayBufferToString(data), socketId);
       }
@@ -168,7 +173,7 @@ const WebSocketInterceptor = {
 
     // Override `close` method for all RCTWebSocketModule requests to intercept
     // the close information, then pass them through the `closeCallback`.
-    RCTWebSocketModule.close = function() {
+    NativeWebSocketModule.close = function() {
       if (closeCallback) {
         if (arguments.length === 3) {
           closeCallback(arguments[0], arguments[1], arguments[2]);
@@ -203,10 +208,10 @@ const WebSocketInterceptor = {
       return;
     }
     isInterceptorEnabled = false;
-    RCTWebSocketModule.send = originalRCTWebSocketSend;
-    RCTWebSocketModule.sendBinary = originalRCTWebSocketSendBinary;
-    RCTWebSocketModule.close = originalRCTWebSocketClose;
-    RCTWebSocketModule.connect = originalRCTWebSocketConnect;
+    NativeWebSocketModule.send = originalRCTWebSocketSend;
+    NativeWebSocketModule.sendBinary = originalRCTWebSocketSendBinary;
+    NativeWebSocketModule.close = originalRCTWebSocketClose;
+    NativeWebSocketModule.connect = originalRCTWebSocketConnect;
 
     connectCallback = null;
     closeCallback = null;
diff --git a/Libraries/Wrapper/RCTWrapperView.m b/Libraries/Wrapper/RCTWrapperView.m
index af24bb6e95f00c..6fc328d0eba865 100644
--- a/Libraries/Wrapper/RCTWrapperView.m
+++ b/Libraries/Wrapper/RCTWrapperView.m
@@ -74,7 +74,7 @@ - (void)invalidateIntrinsicContentSize
   [super invalidateIntrinsicContentSize];
 
   // Setting `intrinsicContentSize` dirties the Yoga node and
-  // enfoce Yoga to call `measure` function (backed to `measureBlock`).
+  // enforce Yoga to call `measure` function (backed to `measureBlock`).
   [_bridge.uiManager setIntrinsicContentSize:self.intrinsicContentSize forView:self];
 }
 
diff --git a/Libraries/YellowBox/Data/YellowBoxSymbolication.js b/Libraries/YellowBox/Data/YellowBoxSymbolication.js
index f8186daeeb9868..d31d6ef06b757c 100644
--- a/Libraries/YellowBox/Data/YellowBoxSymbolication.js
+++ b/Libraries/YellowBox/Data/YellowBoxSymbolication.js
@@ -12,7 +12,7 @@
 
 const symbolicateStackTrace = require('../../Core/Devtools/symbolicateStackTrace');
 
-import type {StackFrame} from '../../Core/Devtools/parseErrorStack';
+import type {StackFrame} from '../../Core/NativeExceptionsManager';
 
 type CacheKey = string;
 
diff --git a/Libraries/YellowBox/Data/__tests__/YellowBoxRegistry-test.js b/Libraries/YellowBox/Data/__tests__/YellowBoxRegistry-test.js
index 35a6dc9b8cfc23..fb1543717307ab 100644
--- a/Libraries/YellowBox/Data/__tests__/YellowBoxRegistry-test.js
+++ b/Libraries/YellowBox/Data/__tests__/YellowBoxRegistry-test.js
@@ -185,7 +185,7 @@ describe('YellowBoxRegistry', () => {
     expect(observer.mock.calls[0][0]).toBe(registry());
   });
 
-  it('sends batched updates asynchoronously', () => {
+  it('sends batched updates asynchronously', () => {
     const {observer} = observe();
     expect(observer.mock.calls.length).toBe(1);
 
diff --git a/Libraries/YellowBox/Data/__tests__/YellowBoxSymbolication-test.js b/Libraries/YellowBox/Data/__tests__/YellowBoxSymbolication-test.js
index b438ab1142e92d..f125ff380f040a 100644
--- a/Libraries/YellowBox/Data/__tests__/YellowBoxSymbolication-test.js
+++ b/Libraries/YellowBox/Data/__tests__/YellowBoxSymbolication-test.js
@@ -11,7 +11,7 @@
 
 'use strict';
 
-import type {StackFrame} from '../../../Core/Devtools/parseErrorStack';
+import type {StackFrame} from '../../../Core/NativeExceptionsManager';
 
 jest.mock('../../../Core/Devtools/symbolicateStackTrace');
 
diff --git a/Libraries/YellowBox/Data/__tests__/YellowBoxWarning-test.js b/Libraries/YellowBox/Data/__tests__/YellowBoxWarning-test.js
index 65369bf8e5e60f..3bbca34dd569e7 100644
--- a/Libraries/YellowBox/Data/__tests__/YellowBoxWarning-test.js
+++ b/Libraries/YellowBox/Data/__tests__/YellowBoxWarning-test.js
@@ -11,7 +11,7 @@
 
 'use strict';
 
-import type {StackFrame} from '../../../Core/Devtools/parseErrorStack';
+import type {StackFrame} from '../../../Core/NativeExceptionsManager';
 
 jest.mock('../YellowBoxSymbolication');
 
diff --git a/Libraries/YellowBox/UI/YellowBoxImageSource.js b/Libraries/YellowBox/UI/YellowBoxImageSource.js
index 8c186beb89e502..88822ee938e3dd 100644
--- a/Libraries/YellowBox/UI/YellowBoxImageSource.js
+++ b/Libraries/YellowBox/UI/YellowBoxImageSource.js
@@ -29,36 +29,31 @@ const scale = PixelRatio.get();
  * @license MIT
  */
 const YellowBoxImageSource = {
-  alertTriangle:
-    scale > 2
-      ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAB60lEQVRoge2Z3W3DIBSFj9oFPAIjZARGyAiMkBHuJh4hI2QEj5AR3Me+tQ91JALHmD8bKvmTkCr5Auc6/kzUACcnRXzuvL4GoAB8Afjeea9qXADcAfw4475c65orgBl++NeYl5ouUQiHt5tQTRJuwB6b5zLY49QVGn7I0bo+kuv60IQbuHf5CWCIqOkCgX93maia1MkRAUMo+OI+AvUPp7a50EzcUCBF6psJrUkYiZgnZJ7eId8mMeIyhpW5hyLw72LKCXsl86VqwgAKceKapW5e/nZpJnSsuHaTM7muyDq7C63JprJS69YxhNTpSlkpKeLGNHCo0EJChcSNaQA4SGiFtBMXJFSI3YVOPXFB6kMoUl9NaE0Wl4h5KQ0AOwqde+KmNrCL0EKCxJ64qQ0AlYVWSBfXZusgW6Oa0Dni2hiEv0qsoci+yUJrsoikLlKAkP11ygK54taiSOgb/O5b/DMqS+gBZeLWJlnoEX7XwQkBDPIktlEkz7hWrEmxZG4M5L9GXYTk0qxwcopKxa3VABN6cosM/C5LxTUof4ReMKHf1nRlaSnuGsGM7kfU4w8RF5Bz4aNlokLe/HQ/ngl9/Qih4L9k3h4hA1+S3odxu3Q77Hl4r1Hg75n6D01M2Difbp02Mi3ZTk5OLH4BUyEtOlDYuK0AAAAASUVORK5CYII='
-      : scale > 1
-      ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABVklEQVRYheWX4U3DMBBGH4gBMoJHyAgeoSNkAxjBG5QNOkJHCGzQDcoGZQP4gY3Oqe1cEscS4pNOqs9Jvqvv6ZrCf9fDhnutD4A3H810Br4mcW5l7hLmIdze5mZi+OJD5syeBYzC6CjyR5Ef9zI/CJMb0Im9zufC/qG2eQdchcGQuGYQ+9dJgZvl0B2xbJGrZW6IIevFXp9YVwcyB540syJfFcgSeJb0cVcDcg68XAFQCUhH+ShLBcBGIA158LQFqIB8zBRwEp9fgctcxQld/L2pZxZVAk/KkucjaDGQmoknrz35KEE2sABIRxm8tVIBaZgHb61UQOYmXk7aFgQVJ6QWPCnLAriYAVILnpTxD7yh/9EZiIEE4m+y29uMkGy1nQ6i9wYFRB5PwKdYP/v1msmnUe89gn695bG0iqjdXeMiRu9599csvGKZ0jlu0Ac/7d2rxX9Q37HW6QfX/ZguAAAAAElFTkSuQmCC'
-      : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAvUlEQVQ4jbWT4Q3CIBCFP40DdANxg24gIzhKuwEjuIFxAkcwTtARGicoG+iPXlMCB8UfvoQc4e7ePV4A/ogWuMlqc0W7AsEo0QMNcPplugMmwMia5KwKWkNIuIkHq3wLXGQ/Sq4IC3wkLpOfmZyKeEpIEKsDYB8VN0Afkfpg30uNiycbdKcNqXEOxdBEWoEAoqta8uZ0iqqkxwGDUrSFAXAHZpOWd/+ubD5Kz335Cx1wZna4Bh54AddauVl8ARfCLO9Xq7xGAAAAAElFTkSuQmCC',
-  check:
-    scale > 2
-      ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAqElEQVRoge3YTQ7CIBRF4bPUu/8JS6gTSaqilh95vuR+CaO2cGgYNAUzMzOzFgHlPhRaMkDAcRoltKaTeIxPtQHxGn+Q5AgJx8cQjo8hHB9DOP76Yiu/RcTmN18WLiQCjs3zBkYXVGOeLWd+xcIr5pgyEzDz7FIjISPP/FRPUM+9W4nvYVfuCSXeB3669ldEOzRFfCUSx1cicXwlEsdXIvEPKDMzM7PMbtugw3XTpNA2AAAAAElFTkSuQmCC'
-      : scale > 1
-      ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAf0lEQVRYhe2UvQ2AIBQGL3EBR3AESkv3bxxFN8DmWUgwvkI+En1X0cBd+IMg+DuDyDMCs413kfMiX4EMbD3l8oCaPIU85B4mYLEF5XJscrYFPRGvb/sZ4IlocubJGdH0wj1FSG77XYT0qdUi5O+8jOjyyZQRUnkZ0UUeBMF3OQC/0VsyGlxligAAAABJRU5ErkJggg=='
-      : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAASElEQVQ4jWNgGJHAgIGBIYESze8ZGBjWU6L5PAMDgwBNNCdAFZJt83qoQmRDSHK2AFQhzBCy/IxsCNkBJsDAwLAfiknWPBIBAETPFeuA4fr6AAAAAElFTkSuQmCC',
-  chevronLeft:
-    scale > 2
-      ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAgElEQVRoge3YMQ6DQBAEwRYvnf8nPAECbAnkyATsrt0lXUyPdAE6kCRJ/yXA+jopLbkhwHY6a2nNl8I1ftSA8Bm/MeQKBeNrBONrBONrBONrhMHxcPwOlMUvT32oszD8CoEj+giO6CE4oofgiB7Cj44Y86zyFoYPgOFPi5Ik6WwHji+QVIOyhqgAAAAASUVORK5CYII='
-      : scale > 1
-      ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAaUlEQVRYhe3WsQ2AMAwAwRcs5LEYg3HpYANoQKKgcEEUI/6adM5LbgySfmZsNDeACdiApdEfaQGswH6+Xd1jugc9xYQxxhjz9RhaxwxvDuul3MrAqDyjsozKKnWgXUqdsJcAZgqsTFJ5B7gjUNw0n0HHAAAAAElFTkSuQmCC'
-      : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAARklEQVQ4jWNgGPKAmUh1AQwMDBIMDAwPyLEkgYGB4T/UELI1J9BdcwCxmpnIMZ1YkECsK+hmCNZoZCHCgAUMDAwfoHg4AgDJuQ/bcLyV+QAAAABJRU5ErkJggg==',
-  chevronRight:
-    scale > 2
-      ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAeElEQVRoge3YMQ6AIBQE0Ykn3fs3HEEbC6MdFp+v8xJaspNQAZIkqbcA4zwpXTJpAPvlpHTNhHtAu4jwDDCiQjBiDcGINQQj1hCMWEN4Boy3l25vL/iL0PgJBcfXCI6vERxfIzi+Rmg8Hj7wrdL+Yys0/1qUJEmzDvSAkFQ8EOdJAAAAAElFTkSuQmCC'
-      : scale > 1
-      ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAZElEQVRYhe3WsQmAQAxA0Y8ulLEcw3HtdANtBNvzCJjD/5pUgQ9pApJ+Zu7YCWABDmDLzemzA+c94+MW4AkqExUY1caoVka1GibqlSm7qJJSJzPGGGMylYqBgi9sACtFYiQN7wKC6VDcJ7tlpQAAAABJRU5ErkJggg=='
-      : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAANUlEQVQ4jWNgGLbAgYGBIYASAwIYGBj+MzAwJFBiSMLQMISJEpMptp2mmimORgcGChPSEAIAHGENPH8gqdYAAAAASUVORK5CYII=',
-  loader:
-    scale > 2
-      ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABXElEQVRoge2a3W3DMAyEr+0CHkGjaISOcKN4k6zQETpCR+gGzgbpQ10kcamIpKQ6avQBBPxg3pHwL2UDg/8LASxrcNdKnCwATmssrUyeWgnju/DmXs8tRP+Sh2kgAJga1rFlWj2rcMD5YqQh77QJLbzIORjyRIJQCJW5ngYo5AVlrsgkCGqbsDbAhFfxqZsSZibP0oDXQ43HQPsg82i7sBoR+VcJq2YxKcPo0IoJLRZXmYGC6ezQmQUdVqhPBVH/CNBTSMkLVlzjA8Bbocb7GoPBoADi+umZilYzbrG/JrnljOvy734iu4To/BQaDB6Rl4LciPPF9Lmjhgvi+s7w6tCIGw3WKS0P8fvWNjt0ZkGHFeq7CQXTbkZKGg2JOxrqPUZ3s6ziNdju38IjS/dLi0EQpDLX2gDQYHEX6Hx5/YcA+6H0NgAYPnCMj3x7Mxq4wTGx3Q1E578aDDR8AX0mOGD6BEN/AAAAAElFTkSuQmCC'
-      : scale > 1
-      ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABN0lEQVRYhe2WzU3EMBCFP34KyJEjJaQDXAIlJJ24BSow2wEdhHSwJSwd7JHbcmC0mOxMnDiWDIInWbHkN29exo4n8IvRAEFGU8OAA04yulyR60Jm7msbyIZloAMGwBfI4UWrWxM08LW/weC4iOMNTog4g0awKjBG827GxBwC3996NHizAifsSrTRmlsZm23CT9adktyXSq6ZUPdxgiXnZzW8CLcLuC3lvqA/gCt5NtjlPQL7TP0Wu1HtRRu4PO3T4TKTz2kG+AG9IN6CR/Su9iojBw69egfghWgL/pGCp+JFVPUqTjWjlsuqeAo1o6rt2C8QcNiV0UxoHPMieojmz0CfMKyhl1hN84xbI3gnz5Ftp7kH3iT5LsFdDUf6pzSJ6r2glIFDbuDNhqRH4I7Pvv4EvG/QqocP2Jh/xzzX/zUAAAAASUVORK5CYII='
-      : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAsklEQVQ4jaWTYRHCMAyFP7gJmIQ6oChgEpBQKXMwC3MADpAAEiphDuBHC4QuDRu8u9ylyWtem7Rgw2X7GT1wsghb4beAVzhtsfYyJgs44AoEQzBkjrMId1HkKPwyZ6oMSnxYsnk1NqT7yMo34Fzhd9meGJvs7Hh3NhqCLXDI/rT0lKsR+KOJgc9RdaRRarkZvELogYsi8HqxjUhGYE+aQg1jzketwFTZXHbbEpjB8eU7PwAbLiJz46707gAAAABJRU5ErkJggg==',
+  alertTriangle: ((scale > 2
+    ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAB60lEQVRoge2Z3W3DIBSFj9oFPAIjZARGyAiMkBHuJh4hI2QEj5AR3Me+tQ91JALHmD8bKvmTkCr5Auc6/kzUACcnRXzuvL4GoAB8Afjeea9qXADcAfw4475c65orgBl++NeYl5ouUQiHt5tQTRJuwB6b5zLY49QVGn7I0bo+kuv60IQbuHf5CWCIqOkCgX93maia1MkRAUMo+OI+AvUPp7a50EzcUCBF6psJrUkYiZgnZJ7eId8mMeIyhpW5hyLw72LKCXsl86VqwgAKceKapW5e/nZpJnSsuHaTM7muyDq7C63JprJS69YxhNTpSlkpKeLGNHCo0EJChcSNaQA4SGiFtBMXJFSI3YVOPXFB6kMoUl9NaE0Wl4h5KQ0AOwqde+KmNrCL0EKCxJ64qQ0AlYVWSBfXZusgW6Oa0Dni2hiEv0qsoci+yUJrsoikLlKAkP11ygK54taiSOgb/O5b/DMqS+gBZeLWJlnoEX7XwQkBDPIktlEkz7hWrEmxZG4M5L9GXYTk0qxwcopKxa3VABN6cosM/C5LxTUof4ReMKHf1nRlaSnuGsGM7kfU4w8RF5Bz4aNlokLe/HQ/ngl9/Qih4L9k3h4hA1+S3odxu3Q77Hl4r1Hg75n6D01M2Difbp02Mi3ZTk5OLH4BUyEtOlDYuK0AAAAASUVORK5CYII='
+    : scale > 1
+    ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABVklEQVRYheWX4U3DMBBGH4gBMoJHyAgeoSNkAxjBG5QNOkJHCGzQDcoGZQP4gY3Oqe1cEscS4pNOqs9Jvqvv6ZrCf9fDhnutD4A3H810Br4mcW5l7hLmIdze5mZi+OJD5syeBYzC6CjyR5Ef9zI/CJMb0Im9zufC/qG2eQdchcGQuGYQ+9dJgZvl0B2xbJGrZW6IIevFXp9YVwcyB540syJfFcgSeJb0cVcDcg68XAFQCUhH+ShLBcBGIA158LQFqIB8zBRwEp9fgctcxQld/L2pZxZVAk/KkucjaDGQmoknrz35KEE2sABIRxm8tVIBaZgHb61UQOYmXk7aFgQVJ6QWPCnLAriYAVILnpTxD7yh/9EZiIEE4m+y29uMkGy1nQ6i9wYFRB5PwKdYP/v1msmnUe89gn695bG0iqjdXeMiRu9599csvGKZ0jlu0Ac/7d2rxX9Q37HW6QfX/ZguAAAAAElFTkSuQmCC'
+    : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAvUlEQVQ4jbWT4Q3CIBCFP40DdANxg24gIzhKuwEjuIFxAkcwTtARGicoG+iPXlMCB8UfvoQc4e7ePV4A/ogWuMlqc0W7AsEo0QMNcPplugMmwMia5KwKWkNIuIkHq3wLXGQ/Sq4IC3wkLpOfmZyKeEpIEKsDYB8VN0Afkfpg30uNiycbdKcNqXEOxdBEWoEAoqta8uZ0iqqkxwGDUrSFAXAHZpOWd/+ubD5Kz335Cx1wZna4Bh54AddauVl8ARfCLO9Xq7xGAAAAAElFTkSuQmCC'): string),
+  check: ((scale > 2
+    ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAqElEQVRoge3YTQ7CIBRF4bPUu/8JS6gTSaqilh95vuR+CaO2cGgYNAUzMzOzFgHlPhRaMkDAcRoltKaTeIxPtQHxGn+Q5AgJx8cQjo8hHB9DOP76Yiu/RcTmN18WLiQCjs3zBkYXVGOeLWd+xcIr5pgyEzDz7FIjISPP/FRPUM+9W4nvYVfuCSXeB3669ldEOzRFfCUSx1cicXwlEsdXIvEPKDMzM7PMbtugw3XTpNA2AAAAAElFTkSuQmCC'
+    : scale > 1
+    ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAf0lEQVRYhe2UvQ2AIBQGL3EBR3AESkv3bxxFN8DmWUgwvkI+En1X0cBd+IMg+DuDyDMCs413kfMiX4EMbD3l8oCaPIU85B4mYLEF5XJscrYFPRGvb/sZ4IlocubJGdH0wj1FSG77XYT0qdUi5O+8jOjyyZQRUnkZ0UUeBMF3OQC/0VsyGlxligAAAABJRU5ErkJggg=='
+    : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAASElEQVQ4jWNgGJHAgIGBIYESze8ZGBjWU6L5PAMDgwBNNCdAFZJt83qoQmRDSHK2AFQhzBCy/IxsCNkBJsDAwLAfiknWPBIBAETPFeuA4fr6AAAAAElFTkSuQmCC'): string),
+  chevronLeft: ((scale > 2
+    ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAgElEQVRoge3YMQ6DQBAEwRYvnf8nPAECbAnkyATsrt0lXUyPdAE6kCRJ/yXA+jopLbkhwHY6a2nNl8I1ftSA8Bm/MeQKBeNrBONrBONrBONrhMHxcPwOlMUvT32oszD8CoEj+giO6CE4oofgiB7Cj44Y86zyFoYPgOFPi5Ik6WwHji+QVIOyhqgAAAAASUVORK5CYII='
+    : scale > 1
+    ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAaUlEQVRYhe3WsQ2AMAwAwRcs5LEYg3HpYANoQKKgcEEUI/6adM5LbgySfmZsNDeACdiApdEfaQGswH6+Xd1jugc9xYQxxhjz9RhaxwxvDuul3MrAqDyjsozKKnWgXUqdsJcAZgqsTFJ5B7gjUNw0n0HHAAAAAElFTkSuQmCC'
+    : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAARklEQVQ4jWNgGPKAmUh1AQwMDBIMDAwPyLEkgYGB4T/UELI1J9BdcwCxmpnIMZ1YkECsK+hmCNZoZCHCgAUMDAwfoHg4AgDJuQ/bcLyV+QAAAABJRU5ErkJggg=='): string),
+  chevronRight: ((scale > 2
+    ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAeElEQVRoge3YMQ6AIBQE0Ykn3fs3HEEbC6MdFp+v8xJaspNQAZIkqbcA4zwpXTJpAPvlpHTNhHtAu4jwDDCiQjBiDcGINQQj1hCMWEN4Boy3l25vL/iL0PgJBcfXCI6vERxfIzi+Rmg8Hj7wrdL+Yys0/1qUJEmzDvSAkFQ8EOdJAAAAAElFTkSuQmCC'
+    : scale > 1
+    ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAZElEQVRYhe3WsQmAQAxA0Y8ulLEcw3HtdANtBNvzCJjD/5pUgQ9pApJ+Zu7YCWABDmDLzemzA+c94+MW4AkqExUY1caoVka1GibqlSm7qJJSJzPGGGMylYqBgi9sACtFYiQN7wKC6VDcJ7tlpQAAAABJRU5ErkJggg=='
+    : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAANUlEQVQ4jWNgGLbAgYGBIYASAwIYGBj+MzAwJFBiSMLQMISJEpMptp2mmimORgcGChPSEAIAHGENPH8gqdYAAAAASUVORK5CYII='): string),
+  loader: ((scale > 2
+    ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABXElEQVRoge2a3W3DMAyEr+0CHkGjaISOcKN4k6zQETpCR+gGzgbpQ10kcamIpKQ6avQBBPxg3pHwL2UDg/8LASxrcNdKnCwATmssrUyeWgnju/DmXs8tRP+Sh2kgAJga1rFlWj2rcMD5YqQh77QJLbzIORjyRIJQCJW5ngYo5AVlrsgkCGqbsDbAhFfxqZsSZibP0oDXQ43HQPsg82i7sBoR+VcJq2YxKcPo0IoJLRZXmYGC6ezQmQUdVqhPBVH/CNBTSMkLVlzjA8Bbocb7GoPBoADi+umZilYzbrG/JrnljOvy734iu4To/BQaDB6Rl4LciPPF9Lmjhgvi+s7w6tCIGw3WKS0P8fvWNjt0ZkGHFeq7CQXTbkZKGg2JOxrqPUZ3s6ziNdju38IjS/dLi0EQpDLX2gDQYHEX6Hx5/YcA+6H0NgAYPnCMj3x7Mxq4wTGx3Q1E578aDDR8AX0mOGD6BEN/AAAAAElFTkSuQmCC'
+    : scale > 1
+    ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABN0lEQVRYhe2WzU3EMBCFP34KyJEjJaQDXAIlJJ24BSow2wEdhHSwJSwd7JHbcmC0mOxMnDiWDIInWbHkN29exo4n8IvRAEFGU8OAA04yulyR60Jm7msbyIZloAMGwBfI4UWrWxM08LW/weC4iOMNTog4g0awKjBG827GxBwC3996NHizAifsSrTRmlsZm23CT9adktyXSq6ZUPdxgiXnZzW8CLcLuC3lvqA/gCt5NtjlPQL7TP0Wu1HtRRu4PO3T4TKTz2kG+AG9IN6CR/Su9iojBw69egfghWgL/pGCp+JFVPUqTjWjlsuqeAo1o6rt2C8QcNiV0UxoHPMieojmz0CfMKyhl1hN84xbI3gnz5Ftp7kH3iT5LsFdDUf6pzSJ6r2glIFDbuDNhqRH4I7Pvv4EvG/QqocP2Jh/xzzX/zUAAAAASUVORK5CYII='
+    : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAsklEQVQ4jaWTYRHCMAyFP7gJmIQ6oChgEpBQKXMwC3MADpAAEiphDuBHC4QuDRu8u9ylyWtem7Rgw2X7GT1wsghb4beAVzhtsfYyJgs44AoEQzBkjrMId1HkKPwyZ6oMSnxYsnk1NqT7yMo34Fzhd9meGJvs7Hh3NhqCLXDI/rT0lKsR+KOJgc9RdaRRarkZvELogYsi8HqxjUhGYE+aQg1jzketwFTZXHbbEpjB8eU7PwAbLiJz46707gAAAABJRU5ErkJggg=='): string),
 };
 
 module.exports = YellowBoxImageSource;
diff --git a/Libraries/YellowBox/UI/YellowBoxInspector.js b/Libraries/YellowBox/UI/YellowBoxInspector.js
index 1d4cf6f17f331a..424b8ed5d13077 100644
--- a/Libraries/YellowBox/UI/YellowBoxInspector.js
+++ b/Libraries/YellowBox/UI/YellowBoxInspector.js
@@ -41,7 +41,7 @@ type State = {|
 class YellowBoxInspector extends React.Component<Props, State> {
   _symbolication: ?SymbolicationRequest;
 
-  state = {
+  state: State = {
     selectedIndex: 0,
   };
 
@@ -85,19 +85,24 @@ class YellowBoxInspector extends React.Component<Props, State> {
                 status={warning.symbolicated.status}
               />
             </View>
-            {warning.getAvailableStack().map((frame, index) => (
-              <YellowBoxInspectorStackFrame
-                key={index}
-                frame={frame}
-                onPress={
-                  warning.symbolicated.status === 'COMPLETE'
-                    ? () => {
-                        openFileInEditor(frame.file, frame.lineNumber);
-                      }
-                    : null
-                }
-              />
-            ))}
+            {warning.getAvailableStack().map((frame, index) => {
+              const {file, lineNumber} = frame;
+              return (
+                <YellowBoxInspectorStackFrame
+                  key={index}
+                  frame={frame}
+                  onPress={
+                    warning.symbolicated.status === 'COMPLETE' &&
+                    file != null &&
+                    lineNumber != null
+                      ? () => {
+                          openFileInEditor(file, lineNumber);
+                        }
+                      : null
+                  }
+                />
+              );
+            })}
           </View>
         </ScrollView>
         <YellowBoxInspectorFooter
diff --git a/Libraries/YellowBox/UI/YellowBoxInspectorSourceMapStatus.js b/Libraries/YellowBox/UI/YellowBoxInspectorSourceMapStatus.js
index 48487792293959..fbd98a9ed4aa92 100644
--- a/Libraries/YellowBox/UI/YellowBoxInspectorSourceMapStatus.js
+++ b/Libraries/YellowBox/UI/YellowBoxInspectorSourceMapStatus.js
@@ -34,7 +34,7 @@ type State = {|
 |};
 
 class YellowBoxInspectorSourceMapStatus extends React.Component<Props, State> {
-  state = {
+  state: State = {
     animation: null,
     rotate: null,
   };
diff --git a/Libraries/YellowBox/UI/YellowBoxInspectorStackFrame.js b/Libraries/YellowBox/UI/YellowBoxInspectorStackFrame.js
index efac349d35ee3c..01c6f03c5aa7df 100644
--- a/Libraries/YellowBox/UI/YellowBoxInspectorStackFrame.js
+++ b/Libraries/YellowBox/UI/YellowBoxInspectorStackFrame.js
@@ -17,7 +17,7 @@ const YellowBoxPressable = require('./YellowBoxPressable');
 const YellowBoxStyle = require('./YellowBoxStyle');
 
 import type {PressEvent} from '../../Types/CoreEventTypes';
-import type {StackFrame} from '../../Core/Devtools/parseErrorStack';
+import type {StackFrame} from '../../Core/NativeExceptionsManager';
 
 type Props = $ReadOnly<{|
   frame: StackFrame,
@@ -40,22 +40,34 @@ const YellowBoxInspectorStackFrame = (props: Props): React.Node => {
         ellipsizeMode="middle"
         numberOfLines={1}
         style={styles.frameLocation}>
-        {`${getFrameLocation(frame.file)}:${frame.lineNumber}${
-          frame.column == null ? '' : ':' + frame.column
-        }`}
+        {formatFrameLocation(frame)}
       </Text>
     </YellowBoxPressable>
   );
 };
 
-const getFrameLocation = (uri: string): string => {
-  const queryIndex = uri.indexOf('?');
-  const query = queryIndex < 0 ? '' : uri.substr(queryIndex);
+const formatFrameLocation = (frame: StackFrame): string => {
+  const {file, lineNumber, column} = frame;
+  if (file == null) {
+    return '<unknown>';
+  }
+  const queryIndex = file.indexOf('?');
+  const query = queryIndex < 0 ? '' : file.substr(queryIndex);
 
-  const path = queryIndex < 0 ? uri : uri.substr(0, queryIndex);
-  const file = path.substr(path.lastIndexOf('/') + 1);
+  const path = queryIndex < 0 ? file : file.substr(0, queryIndex);
+  let location = path.substr(path.lastIndexOf('/') + 1) + query;
 
-  return file + query;
+  if (lineNumber == null) {
+    return location;
+  }
+
+  location = location + ':' + lineNumber;
+
+  if (column == null) {
+    return location;
+  }
+
+  return location + ':' + column;
 };
 
 const styles = StyleSheet.create({
diff --git a/Libraries/YellowBox/UI/YellowBoxList.js b/Libraries/YellowBox/UI/YellowBoxList.js
index d5caa06ee2cbf9..edb2f5aaae18a3 100644
--- a/Libraries/YellowBox/UI/YellowBoxList.js
+++ b/Libraries/YellowBox/UI/YellowBoxList.js
@@ -11,8 +11,8 @@
 'use strict';
 
 const Dimensions = require('../../Utilities/Dimensions');
-const React = require('react');
 const FlatList = require('../../Lists/FlatList');
+const React = require('react');
 const SafeAreaView = require('../../Components/SafeAreaView/SafeAreaView');
 const StyleSheet = require('../../StyleSheet/StyleSheet');
 const View = require('../../Components/View/View');
@@ -41,7 +41,7 @@ const MAX_ITEMS = Math.floor(
 );
 
 class YellowBoxList extends React.Component<Props, State> {
-  state = {
+  state: State = {
     selectedCategory: null,
   };
 
diff --git a/Libraries/YellowBox/UI/YellowBoxListRow.js b/Libraries/YellowBox/UI/YellowBoxListRow.js
index d10f11b9034709..367a40e9c6835d 100644
--- a/Libraries/YellowBox/UI/YellowBoxListRow.js
+++ b/Libraries/YellowBox/UI/YellowBoxListRow.js
@@ -13,9 +13,9 @@
 const React = require('react');
 const StyleSheet = require('../../StyleSheet/StyleSheet');
 const Text = require('../../Text/Text');
-const YellowBoxPressable = require('./YellowBoxPressable');
 const View = require('../../Components/View/View');
 const YellowBoxCategory = require('../Data/YellowBoxCategory');
+const YellowBoxPressable = require('./YellowBoxPressable');
 const YellowBoxStyle = require('./YellowBoxStyle');
 const YellowBoxWarning = require('../Data/YellowBoxWarning');
 
@@ -28,8 +28,8 @@ type Props = $ReadOnly<{|
 |}>;
 
 class YellowBoxListRow extends React.Component<Props> {
-  static GUTTER = StyleSheet.hairlineWidth;
-  static HEIGHT = 48;
+  static GUTTER: number = StyleSheet.hairlineWidth;
+  static HEIGHT: number = 48;
 
   shouldComponentUpdate(nextProps: Props): boolean {
     const prevProps = this.props;
@@ -38,7 +38,7 @@ class YellowBoxListRow extends React.Component<Props> {
       prevProps.onPress !== nextProps.onPress ||
       prevProps.warnings.length !== nextProps.warnings.length ||
       prevProps.warnings.some(
-        (prevWarning, index) => prevWarning !== nextProps[index],
+        (prevWarning, index) => prevWarning !== nextProps.warnings[index],
       )
     );
   }
diff --git a/Libraries/YellowBox/UI/YellowBoxPressable.js b/Libraries/YellowBox/UI/YellowBoxPressable.js
index 0090ca69ab37f2..ed7b688a76854d 100644
--- a/Libraries/YellowBox/UI/YellowBoxPressable.js
+++ b/Libraries/YellowBox/UI/YellowBoxPressable.js
@@ -16,9 +16,9 @@ const TouchableWithoutFeedback = require('../../Components/Touchable/TouchableWi
 const View = require('../../Components/View/View');
 const YellowBoxStyle = require('./YellowBoxStyle');
 
-import type {PressEvent} from '../../Types/CoreEventTypes';
 import type {EdgeInsetsProp} from '../../StyleSheet/EdgeInsetsPropType';
 import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
+import type {PressEvent} from '../../Types/CoreEventTypes';
 
 type Props = $ReadOnly<{|
   backgroundColor: $ReadOnly<{|
@@ -36,14 +36,16 @@ type State = {|
 |};
 
 class YellowBoxPressable extends React.Component<Props, State> {
-  static defaultProps = {
+  static defaultProps: $TEMPORARY$object<{|
+    backgroundColor: $TEMPORARY$object<{|default: string, pressed: string|}>,
+  |}> = {
     backgroundColor: {
       default: YellowBoxStyle.getBackgroundColor(0.95),
       pressed: YellowBoxStyle.getHighlightColor(1),
     },
   };
 
-  state = {
+  state: State = {
     pressed: false,
   };
 
diff --git a/Libraries/YellowBox/YellowBox.js b/Libraries/YellowBox/YellowBox.js
index feb27f5faffe93..d94e23b50c359b 100644
--- a/Libraries/YellowBox/YellowBox.js
+++ b/Libraries/YellowBox/YellowBox.js
@@ -138,7 +138,7 @@ if (__DEV__) {
     YellowBoxRegistry.add({args, framesToPop: 2});
   };
 } else {
-  YellowBox = class extends React.Component<Props> {
+  YellowBox = class extends React.Component<Props, State> {
     static ignoreWarnings(patterns: $ReadOnlyArray<IgnorePattern>): void {
       // Do nothing.
     }
@@ -157,4 +157,8 @@ if (__DEV__) {
   };
 }
 
-module.exports = YellowBox;
+module.exports = (YellowBox: Class<React.Component<Props, State>> & {
+  ignoreWarnings($ReadOnlyArray<IgnorePattern>): void,
+  install(): void,
+  uninstall(): void,
+});
diff --git a/Libraries/fishhook/LICENSE b/Libraries/fishhook/LICENSE
deleted file mode 100755
index c45bb7c0ffffa5..00000000000000
--- a/Libraries/fishhook/LICENSE
+++ /dev/null
@@ -1,22 +0,0 @@
-// Copyright (c) 2013, Facebook, Inc.
-// All rights reserved.
-// Redistribution and use in source and binary forms, with or without
-// modification, are permitted provided that the following conditions are met:
-//   * Redistributions of source code must retain the above copyright notice,
-//     this list of conditions and the following disclaimer.
-//   * Redistributions in binary form must reproduce the above copyright notice,
-//     this list of conditions and the following disclaimer in the documentation
-//     and/or other materials provided with the distribution.
-//   * Neither the name Facebook nor the names of its contributors may be used to
-//     endorse or promote products derived from this software without specific
-//     prior written permission.
-// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-// DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
-// FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
-// DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
-// SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
-// CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
-// OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
\ No newline at end of file
diff --git a/Libraries/fishhook/README.md b/Libraries/fishhook/README.md
deleted file mode 100755
index 1374fba5dcd8ed..00000000000000
--- a/Libraries/fishhook/README.md
+++ /dev/null
@@ -1,75 +0,0 @@
-# fishhook
-
-__fishhook__ is a very simple library that enables dynamically rebinding symbols in Mach-O binaries running on iOS in the simulator and on device. This provides functionality that is similar to using [`DYLD_INTERPOSE`][interpose] on OS X. At Facebook, we've found it useful as a way to hook calls in libSystem for debugging/tracing purposes (for example, auditing for double-close issues with file descriptors).
-
-[interpose]: http://opensource.apple.com/source/dyld/dyld-210.2.3/include/mach-o/dyld-interposing.h "<mach-o/dyld-interposing.h>"
-
-## Usage
-
-Once you add `fishhook.h`/`fishhook.c` to your project, you can rebind symbols as follows:
-```Objective-C
-#import <dlfcn.h>
-
-#import <UIKit/UIKit.h>
-
-#import "AppDelegate.h"
-#import "fishhook.h"
- 
-static int (*orig_close)(int);
-static int (*orig_open)(const char *, int, ...);
- 
-int my_close(int fd) {
-  printf("Calling real close(%d)\n", fd);
-  return orig_close(fd);
-}
- 
-int my_open(const char *path, int oflag, ...) {
-  va_list ap = {0};
-  mode_t mode = 0;
- 
-  if ((oflag & O_CREAT) != 0) {
-    // mode only applies to O_CREAT
-    va_start(ap, oflag);
-    mode = va_arg(ap, int);
-    va_end(ap);
-    printf("Calling real open('%s', %d, %d)\n", path, oflag, mode);
-    return orig_open(path, oflag, mode);
-  } else {
-    printf("Calling real open('%s', %d)\n", path, oflag);
-    return orig_open(path, oflag, mode);
-  }
-}
- 
-int main(int argc, char * argv[])
-{
-  @autoreleasepool {
-    rebind_symbols((struct rebinding[2]){{"close", my_close, (void *)&orig_close}, {"open", my_open, (void *)&orig_open}}, 2);
- 
-    // Open our own binary and print out first 4 bytes (which is the same
-    // for all Mach-O binaries on a given architecture)
-    int fd = open(argv[0], O_RDONLY);
-    uint32_t magic_number = 0;
-    read(fd, &magic_number, 4);
-    printf("Mach-O Magic Number: %x \n", magic_number);
-    close(fd);
- 
-    return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));
-  }
-}
-```
-### Sample output
-```
-Calling real open('/var/mobile/Applications/161DA598-5B83-41F5-8A44-675491AF6A2C/Test.app/Test', 0)
-Mach-O Magic Number: feedface 
-Calling real close(3)
-...
-```
-
-## How it works
-
-`dyld` binds lazy and non-lazy symbols by updating pointers in particular sections of the `__DATA` segment of a Mach-O binary. __fishhook__ re-binds these symbols by determining the locations to update for each of the symbol names passed to `rebind_symbols` and then writing out the corresponding replacements.
-
-For a given image, the `__DATA` segment may contain two sections that are relevant for dynamic symbol bindings: `__nl_symbol_ptr` and `__la_symbol_ptr`. `__nl_symbol_ptr` is an array of pointers to non-lazily bound data (these are bound at the time a library is loaded) and `__la_symbol_ptr` is an array of pointers to imported functions that is generally filled by a routine called `dyld_stub_binder` during the first call to that symbol (it's also possible to tell `dyld` to bind these at launch). In order to find the name of the symbol that corresponds to a particular location in one of these sections, we have to jump through several layers of indirection. For the two relevant sections, the section headers (`struct section`s from `<mach-o/loader.h>`) provide an offset (in the `reserved1` field) into what is known as the indirect symbol table. The indirect symbol table, which is located in the `__LINKEDIT` segment of the binary, is just an array of indexes into the symbol table (also in `__LINKEDIT`) whose order is identical to that of the pointers in the non-lazy and lazy symbol sections. So, given `struct section nl_symbol_ptr`, the corresponding index in the symbol table of the first address in that section is `indirect_symbol_table[nl_symbol_ptr->reserved1]`. The symbol table itself is an array of `struct nlist`s (see `<mach-o/nlist.h>`), and each `nlist` contains an index into the string table in `__LINKEDIT` which where the actual symbol names are stored. So, for each pointer `__nl_symbol_ptr` and `__la_symbol_ptr`, we are able to find the corresponding symbol and then the corresponding string to compare against the requested symbol names, and if there is a match, we replace the pointer in the section with the replacement.
-
-The process of looking up the name of a given entry in the lazy or non-lazy pointer tables looks like this:
-![Visual explanation](http://i.imgur.com/HVXqHCz.png)
\ No newline at end of file
diff --git a/Libraries/fishhook/fishhook.c b/Libraries/fishhook/fishhook.c
deleted file mode 100755
index 205ee82b3b03ed..00000000000000
--- a/Libraries/fishhook/fishhook.c
+++ /dev/null
@@ -1,210 +0,0 @@
-// Copyright (c) 2013, Facebook, Inc.
-// All rights reserved.
-// Redistribution and use in source and binary forms, with or without
-// modification, are permitted provided that the following conditions are met:
-//   * Redistributions of source code must retain the above copyright notice,
-//     this list of conditions and the following disclaimer.
-//   * Redistributions in binary form must reproduce the above copyright notice,
-//     this list of conditions and the following disclaimer in the documentation
-//     and/or other materials provided with the distribution.
-//   * Neither the name Facebook nor the names of its contributors may be used to
-//     endorse or promote products derived from this software without specific
-//     prior written permission.
-// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-// DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
-// FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
-// DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
-// SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
-// CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
-// OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-
-#import "fishhook.h"
-
-#import <dlfcn.h>
-#import <stdlib.h>
-#import <string.h>
-#import <sys/types.h>
-#import <mach-o/dyld.h>
-#import <mach-o/loader.h>
-#import <mach-o/nlist.h>
-
-#ifdef __LP64__
-typedef struct mach_header_64 mach_header_t;
-typedef struct segment_command_64 segment_command_t;
-typedef struct section_64 section_t;
-typedef struct nlist_64 nlist_t;
-#define LC_SEGMENT_ARCH_DEPENDENT LC_SEGMENT_64
-#else
-typedef struct mach_header mach_header_t;
-typedef struct segment_command segment_command_t;
-typedef struct section section_t;
-typedef struct nlist nlist_t;
-#define LC_SEGMENT_ARCH_DEPENDENT LC_SEGMENT
-#endif
-
-#ifndef SEG_DATA_CONST
-#define SEG_DATA_CONST  "__DATA_CONST"
-#endif
-
-struct rebindings_entry {
-  struct rebinding *rebindings;
-  size_t rebindings_nel;
-  struct rebindings_entry *next;
-};
-
-static struct rebindings_entry *_rebindings_head;
-
-static int prepend_rebindings(struct rebindings_entry **rebindings_head,
-                              struct rebinding rebindings[],
-                              size_t nel) {
-  struct rebindings_entry *new_entry = (struct rebindings_entry *) malloc(sizeof(struct rebindings_entry));
-  if (!new_entry) {
-    return -1;
-  }
-  new_entry->rebindings = (struct rebinding *) malloc(sizeof(struct rebinding) * nel);
-  if (!new_entry->rebindings) {
-    free(new_entry);
-    return -1;
-  }
-  memcpy(new_entry->rebindings, rebindings, sizeof(struct rebinding) * nel);
-  new_entry->rebindings_nel = nel;
-  new_entry->next = *rebindings_head;
-  *rebindings_head = new_entry;
-  return 0;
-}
-
-static void perform_rebinding_with_section(struct rebindings_entry *rebindings,
-                                           section_t *section,
-                                           intptr_t slide,
-                                           nlist_t *symtab,
-                                           char *strtab,
-                                           uint32_t *indirect_symtab) {
-  uint32_t *indirect_symbol_indices = indirect_symtab + section->reserved1;
-  void **indirect_symbol_bindings = (void **)((uintptr_t)slide + section->addr);
-  for (uint i = 0; i < section->size / sizeof(void *); i++) {
-    uint32_t symtab_index = indirect_symbol_indices[i];
-    if (symtab_index == INDIRECT_SYMBOL_ABS || symtab_index == INDIRECT_SYMBOL_LOCAL ||
-        symtab_index == (INDIRECT_SYMBOL_LOCAL   | INDIRECT_SYMBOL_ABS)) {
-      continue;
-    }
-    uint32_t strtab_offset = symtab[symtab_index].n_un.n_strx;
-    char *symbol_name = strtab + strtab_offset;
-    if (strnlen(symbol_name, 2) < 2) {
-      continue;
-    }
-    struct rebindings_entry *cur = rebindings;
-    while (cur) {
-      for (uint j = 0; j < cur->rebindings_nel; j++) {
-        if (strcmp(&symbol_name[1], cur->rebindings[j].name) == 0) {
-          if (cur->rebindings[j].replaced != NULL &&
-              indirect_symbol_bindings[i] != cur->rebindings[j].replacement) {
-            *(cur->rebindings[j].replaced) = indirect_symbol_bindings[i];
-          }
-          indirect_symbol_bindings[i] = cur->rebindings[j].replacement;
-          goto symbol_loop;
-        }
-      }
-      cur = cur->next;
-    }
-  symbol_loop:;
-  }
-}
-
-static void rebind_symbols_for_image(struct rebindings_entry *rebindings,
-                                     const struct mach_header *header,
-                                     intptr_t slide) {
-  Dl_info info;
-  if (dladdr(header, &info) == 0) {
-    return;
-  }
-
-  segment_command_t *cur_seg_cmd;
-  segment_command_t *linkedit_segment = NULL;
-  struct symtab_command* symtab_cmd = NULL;
-  struct dysymtab_command* dysymtab_cmd = NULL;
-
-  uintptr_t cur = (uintptr_t)header + sizeof(mach_header_t);
-  for (uint i = 0; i < header->ncmds; i++, cur += cur_seg_cmd->cmdsize) {
-    cur_seg_cmd = (segment_command_t *)cur;
-    if (cur_seg_cmd->cmd == LC_SEGMENT_ARCH_DEPENDENT) {
-      if (strcmp(cur_seg_cmd->segname, SEG_LINKEDIT) == 0) {
-        linkedit_segment = cur_seg_cmd;
-      }
-    } else if (cur_seg_cmd->cmd == LC_SYMTAB) {
-      symtab_cmd = (struct symtab_command*)cur_seg_cmd;
-    } else if (cur_seg_cmd->cmd == LC_DYSYMTAB) {
-      dysymtab_cmd = (struct dysymtab_command*)cur_seg_cmd;
-    }
-  }
-
-  if (!symtab_cmd || !dysymtab_cmd || !linkedit_segment ||
-      !dysymtab_cmd->nindirectsyms) {
-    return;
-  }
-
-  // Find base symbol/string table addresses
-  uintptr_t linkedit_base = (uintptr_t)slide + linkedit_segment->vmaddr - linkedit_segment->fileoff;
-  nlist_t *symtab = (nlist_t *)(linkedit_base + symtab_cmd->symoff);
-  char *strtab = (char *)(linkedit_base + symtab_cmd->stroff);
-
-  // Get indirect symbol table (array of uint32_t indices into symbol table)
-  uint32_t *indirect_symtab = (uint32_t *)(linkedit_base + dysymtab_cmd->indirectsymoff);
-
-  cur = (uintptr_t)header + sizeof(mach_header_t);
-  for (uint i = 0; i < header->ncmds; i++, cur += cur_seg_cmd->cmdsize) {
-    cur_seg_cmd = (segment_command_t *)cur;
-    if (cur_seg_cmd->cmd == LC_SEGMENT_ARCH_DEPENDENT) {
-      if (strcmp(cur_seg_cmd->segname, SEG_DATA) != 0 &&
-          strcmp(cur_seg_cmd->segname, SEG_DATA_CONST) != 0) {
-        continue;
-      }
-      for (uint j = 0; j < cur_seg_cmd->nsects; j++) {
-        section_t *sect =
-          (section_t *)(cur + sizeof(segment_command_t)) + j;
-        if ((sect->flags & SECTION_TYPE) == S_LAZY_SYMBOL_POINTERS) {
-          perform_rebinding_with_section(rebindings, sect, slide, symtab, strtab, indirect_symtab);
-        }
-        if ((sect->flags & SECTION_TYPE) == S_NON_LAZY_SYMBOL_POINTERS) {
-          perform_rebinding_with_section(rebindings, sect, slide, symtab, strtab, indirect_symtab);
-        }
-      }
-    }
-  }
-}
-
-static void _rebind_symbols_for_image(const struct mach_header *header,
-                                      intptr_t slide) {
-    rebind_symbols_for_image(_rebindings_head, header, slide);
-}
-
-int rebind_symbols_image(void *header,
-                         intptr_t slide,
-                         struct rebinding rebindings[],
-                         size_t rebindings_nel) {
-    struct rebindings_entry *rebindings_head = NULL;
-    int retval = prepend_rebindings(&rebindings_head, rebindings, rebindings_nel);
-    rebind_symbols_for_image(rebindings_head, (const struct mach_header *) header, slide);
-    free(rebindings_head);
-    return retval;
-}
-
-int rebind_symbols(struct rebinding rebindings[], size_t rebindings_nel) {
-  int retval = prepend_rebindings(&_rebindings_head, rebindings, rebindings_nel);
-  if (retval < 0) {
-    return retval;
-  }
-  // If this was the first call, register callback for image additions (which is also invoked for
-  // existing images, otherwise, just run on existing images
-  if (!_rebindings_head->next) {
-    _dyld_register_func_for_add_image(_rebind_symbols_for_image);
-  } else {
-    uint32_t c = _dyld_image_count();
-    for (uint32_t i = 0; i < c; i++) {
-      _rebind_symbols_for_image(_dyld_get_image_header(i), _dyld_get_image_vmaddr_slide(i));
-    }
-  }
-  return retval;
-}
diff --git a/Libraries/fishhook/fishhook.h b/Libraries/fishhook/fishhook.h
deleted file mode 100755
index 0d8e36a990cf28..00000000000000
--- a/Libraries/fishhook/fishhook.h
+++ /dev/null
@@ -1,76 +0,0 @@
-// Copyright (c) 2013, Facebook, Inc.
-// All rights reserved.
-// Redistribution and use in source and binary forms, with or without
-// modification, are permitted provided that the following conditions are met:
-//   * Redistributions of source code must retain the above copyright notice,
-//     this list of conditions and the following disclaimer.
-//   * Redistributions in binary form must reproduce the above copyright notice,
-//     this list of conditions and the following disclaimer in the documentation
-//     and/or other materials provided with the distribution.
-//   * Neither the name Facebook nor the names of its contributors may be used to
-//     endorse or promote products derived from this software without specific
-//     prior written permission.
-// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-// DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
-// FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
-// DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
-// SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
-// CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
-// OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-
-#ifndef fishhook_h
-#define fishhook_h
-
-#include <stddef.h>
-#include <stdint.h>
-
-#if !defined(FISHHOOK_EXPORT)
-#define FISHHOOK_VISIBILITY __attribute__((visibility("hidden")))
-#else
-#define FISHHOOK_VISIBILITY __attribute__((visibility("default")))
-#endif
-
-#ifdef __cplusplus
-extern "C" {
-#endif //__cplusplus
-
-/*
- * A structure representing a particular intended rebinding from a symbol
- * name to its replacement
- */
-struct rebinding {
-  const char *name;
-  void *replacement;
-  void **replaced;
-};
-
-/*
- * For each rebinding in rebindings, rebinds references to external, indirect
- * symbols with the specified name to instead point at replacement for each
- * image in the calling process as well as for all future images that are loaded
- * by the process. If rebind_functions is called more than once, the symbols to
- * rebind are added to the existing list of rebindings, and if a given symbol
- * is rebound more than once, the later rebinding will take precedence.
- */
-FISHHOOK_VISIBILITY
-int rebind_symbols(struct rebinding rebindings[], size_t rebindings_nel);
-
-/*
- * Rebinds as above, but only in the specified image. The header should point
- * to the mach-o header, the slide should be the slide offset. Others as above.
- */
-FISHHOOK_VISIBILITY
-int rebind_symbols_image(void *header,
-                         intptr_t slide,
-                         struct rebinding rebindings[],
-                         size_t rebindings_nel);
-
-#ifdef __cplusplus
-}
-#endif //__cplusplus
-
-#endif //fishhook_h
-
diff --git a/Libraries/polyfills/console.js b/Libraries/polyfills/console.js
index a0ca8523656296..f1a1db139f59b8 100644
--- a/Libraries/polyfills/console.js
+++ b/Libraries/polyfills/console.js
@@ -42,6 +42,7 @@ const inspect = (function() {
   function inspect(obj, opts) {
     var ctx = {
       seen: [],
+      formatValueCalls: 0,
       stylize: stylizeNoColor,
     };
     return formatValue(ctx, obj, opts.depth);
@@ -62,6 +63,13 @@ const inspect = (function() {
   }
 
   function formatValue(ctx, value, recurseTimes) {
+    ctx.formatValueCalls++;
+    if (ctx.formatValueCalls > 200) {
+      return `[TOO BIG formatValueCalls ${
+        ctx.formatValueCalls
+      } exceeded limit of 200]`;
+    }
+
     // Primitive types cannot have properties
     var primitive = formatPrimitive(ctx, value);
     if (primitive) {
@@ -549,6 +557,11 @@ if (global.nativeLoggingHook) {
     assert: consoleAssertPolyfill,
   };
 
+  Object.defineProperty(console, '_isPolyfilled', {
+    value: true,
+    enumerable: false,
+  });
+
   // If available, also call the original `console` method since that is
   // sometimes useful. Ex: on OS X, this will let you see rich output in
   // the Safari Web Inspector console.
@@ -601,4 +614,9 @@ if (global.nativeLoggingHook) {
     debug: log,
     table: log,
   };
+
+  Object.defineProperty(console, '_isPolyfilled', {
+    value: true,
+    enumerable: false,
+  });
 }
diff --git a/Libraries/polyfills/error-guard.js b/Libraries/polyfills/error-guard.js
index 48ccc57933946e..5b968d18a35e4b 100644
--- a/Libraries/polyfills/error-guard.js
+++ b/Libraries/polyfills/error-guard.js
@@ -5,18 +5,24 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
+ * @flow strict
  * @polyfill
- * @nolint
  */
 
 let _inGuard = 0;
 
+type ErrorHandler = (error: mixed, isFatal: boolean) => void;
+type Fn<Args, Return> = (...Args) => Return;
+
 /**
  * This is the error handler that is called when we encounter an exception
  * when loading a module. This will report any errors encountered before
  * ExceptionsManager is configured.
  */
-let _globalHandler = function onError(e) {
+let _globalHandler: ErrorHandler = function onError(
+  e: mixed,
+  isFatal: boolean,
+) {
   throw e;
 };
 
@@ -29,21 +35,31 @@ let _globalHandler = function onError(e) {
  * set) globally before requiring anything.
  */
 const ErrorUtils = {
-  setGlobalHandler(fun) {
+  setGlobalHandler(fun: ErrorHandler): void {
     _globalHandler = fun;
   },
-  getGlobalHandler() {
+  getGlobalHandler(): ErrorHandler {
     return _globalHandler;
   },
-  reportError(error) {
-    _globalHandler && _globalHandler(error);
+  reportError(error: mixed): void {
+    _globalHandler && _globalHandler(error, false);
   },
-  reportFatalError(error) {
+  reportFatalError(error: mixed): void {
+    // NOTE: This has an untyped call site in Metro.
     _globalHandler && _globalHandler(error, true);
   },
-  applyWithGuard(fun, context, args) {
+  applyWithGuard<TArgs: $ReadOnlyArray<mixed>, TOut>(
+    fun: Fn<TArgs, TOut>,
+    context?: ?mixed,
+    args?: ?TArgs,
+    // Unused, but some code synced from www sets it to null.
+    unused_onError?: null,
+    // Some callers pass a name here, which we ignore.
+    unused_name?: ?string,
+  ): ?TOut {
     try {
       _inGuard++;
+      // $FlowFixMe: TODO T48204745 (1) apply(context, null) is fine. (2) array -> rest array should work
       return fun.apply(context, args);
     } catch (e) {
       ErrorUtils.reportError(e);
@@ -52,30 +68,41 @@ const ErrorUtils = {
     }
     return null;
   },
-  applyWithGuardIfNeeded(fun, context, args) {
+  applyWithGuardIfNeeded<TArgs: $ReadOnlyArray<mixed>, TOut>(
+    fun: Fn<TArgs, TOut>,
+    context?: ?mixed,
+    args?: ?TArgs,
+  ): ?TOut {
     if (ErrorUtils.inGuard()) {
+      // $FlowFixMe: TODO T48204745 (1) apply(context, null) is fine. (2) array -> rest array should work
       return fun.apply(context, args);
     } else {
       ErrorUtils.applyWithGuard(fun, context, args);
     }
     return null;
   },
-  inGuard() {
-    return _inGuard;
+  inGuard(): boolean {
+    return !!_inGuard;
   },
-  guard(fun, name, context) {
+  guard<TArgs: $ReadOnlyArray<mixed>, TOut>(
+    fun: Fn<TArgs, TOut>,
+    name?: ?string,
+    context?: ?mixed,
+  ): ?(...TArgs) => ?TOut {
+    // TODO: (moti) T48204753 Make sure this warning is never hit and remove it - types
+    // should be sufficient.
     if (typeof fun !== 'function') {
       console.warn('A function must be passed to ErrorUtils.guard, got ', fun);
       return null;
     }
-    name = name || fun.name || '<generated guard>';
-    function guarded() {
+    const guardName = name ?? fun.name ?? '<generated guard>';
+    function guarded(...args: TArgs): ?TOut {
       return ErrorUtils.applyWithGuard(
         fun,
-        context || this,
-        arguments,
+        context ?? this,
+        args,
         null,
-        name,
+        guardName,
       );
     }
 
@@ -84,3 +111,5 @@ const ErrorUtils = {
 };
 
 global.ErrorUtils = ErrorUtils;
+
+export type ErrorUtilsT = typeof ErrorUtils;
diff --git a/Libraries/react-native/react-native-implementation.js b/Libraries/react-native/react-native-implementation.js
index 94188dcf3744a3..720b81155f2ad4 100644
--- a/Libraries/react-native/react-native-implementation.js
+++ b/Libraries/react-native/react-native-implementation.js
@@ -11,22 +11,28 @@
 'use strict';
 
 const invariant = require('invariant');
-const warnOnce = require('warnOnce');
+const warnOnce = require('../Utilities/warnOnce');
 
 // Export React, plus some native additions.
 module.exports = {
   // Components
   get AccessibilityInfo() {
-    return require('AccessibilityInfo');
+    return require('../Components/AccessibilityInfo/AccessibilityInfo');
   },
   get ActivityIndicator() {
-    return require('ActivityIndicator');
+    return require('../Components/ActivityIndicator/ActivityIndicator');
   },
   get ART() {
-    return require('ReactNativeART');
+    warnOnce(
+      'art-moved',
+      'React Native ART 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/art' instead of 'react-native'. " +
+        'See https://github.com/react-native-community/art',
+    );
+    return require('../ART/ReactNativeART');
   },
   get Button() {
-    return require('Button');
+    return require('../Components/Button');
   },
   get CheckBox() {
     warnOnce(
@@ -35,47 +41,34 @@ module.exports = {
         "It can now be installed and imported from '@react-native-community/checkbox' instead of 'react-native'. " +
         'See https://github.com/react-native-community/react-native-checkbox',
     );
-    return require('CheckBox');
+    return require('../Components/CheckBox/CheckBox');
   },
   get DatePickerIOS() {
-    return require('DatePickerIOS');
+    warnOnce(
+      'DatePickerIOS-merged',
+      'DatePickerIOS has been merged with DatePickerAndroid and will be removed in a future release. ' +
+        "It can now be installed and imported from '@react-native-community/datetimepicker' instead of 'react-native'. " +
+        'See https://github.com/react-native-community/react-native-datetimepicker',
+    );
+    return require('../Components/DatePicker/DatePickerIOS');
   },
   get DrawerLayoutAndroid() {
-    return require('DrawerLayoutAndroid');
+    return require('../Components/DrawerAndroid/DrawerLayoutAndroid');
   },
   get FlatList() {
-    return require('FlatList');
+    return require('../Lists/FlatList');
   },
   get Image() {
-    return require('Image');
+    return require('../Image/Image');
   },
   get ImageBackground() {
-    return require('ImageBackground');
-  },
-  get ImageEditor() {
-    warnOnce(
-      'image-editor-moved',
-      'Image Editor 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/image-editor' instead of 'react-native'. " +
-        'See https://github.com/react-native-community/react-native-image-editor',
-    );
-    return require('ImageEditor');
-  },
-  get ImageStore() {
-    warnOnce(
-      'imagestore-deprecation',
-      'ImageStore is deprecated and will be removed in a future release. ' +
-        'To get a base64-encoded string from a local image use either of the following third-party libraries:' +
-        "* expo-file-system: `readAsStringAsync(filepath, 'base64')`" +
-        "* react-native-fs: `readFile(filepath, 'base64')`",
-    );
-    return require('ImageStore');
+    return require('../Image/ImageBackground');
   },
   get InputAccessoryView() {
-    return require('InputAccessoryView');
+    return require('../Components/TextInput/InputAccessoryView');
   },
   get KeyboardAvoidingView() {
-    return require('KeyboardAvoidingView');
+    return require('../Components/Keyboard/KeyboardAvoidingView');
   },
   get MaskedViewIOS() {
     warnOnce(
@@ -84,34 +77,34 @@ module.exports = {
         "It can now be installed and imported from '@react-native-community/masked-view' instead of 'react-native'. " +
         'See https://github.com/react-native-community/react-native-masked-view',
     );
-    return require('MaskedViewIOS');
+    return require('../Components/MaskedView/MaskedViewIOS');
   },
   get Modal() {
-    return require('Modal');
+    return require('../Modal/Modal');
   },
   get Picker() {
-    return require('Picker');
+    return require('../Components/Picker/Picker');
   },
   get PickerIOS() {
-    return require('PickerIOS');
+    return require('../Components/Picker/PickerIOS');
   },
   get ProgressBarAndroid() {
-    return require('ProgressBarAndroid');
+    return require('../Components/ProgressBarAndroid/ProgressBarAndroid');
   },
   get ProgressViewIOS() {
-    return require('ProgressViewIOS');
+    return require('../Components/ProgressViewIOS/ProgressViewIOS');
   },
   get SafeAreaView() {
-    return require('SafeAreaView');
+    return require('../Components/SafeAreaView/SafeAreaView');
   },
   get ScrollView() {
-    return require('ScrollView');
+    return require('../Components/ScrollView/ScrollView');
   },
   get SectionList() {
-    return require('SectionList');
+    return require('../Lists/SectionList');
   },
   get SegmentedControlIOS() {
-    return require('SegmentedControlIOS');
+    return require('../Components/SegmentedControlIOS/SegmentedControlIOS');
   },
   get Slider() {
     warnOnce(
@@ -120,151 +113,147 @@ module.exports = {
         "It can now be installed and imported from '@react-native-community/slider' instead of 'react-native'. " +
         'See https://github.com/react-native-community/react-native-slider',
     );
-    return require('Slider');
+    return require('../Components/Slider/Slider');
   },
   get Switch() {
-    return require('Switch');
+    return require('../Components/Switch/Switch');
   },
   get RefreshControl() {
-    return require('RefreshControl');
+    return require('../Components/RefreshControl/RefreshControl');
   },
   get StatusBar() {
-    return require('StatusBar');
+    return require('../Components/StatusBar/StatusBar');
   },
   get Text() {
-    return require('Text');
+    return require('../Text/Text');
   },
   get TextInput() {
-    return require('TextInput');
-  },
-  get ToolbarAndroid() {
-    return require('ToolbarAndroid');
+    return require('../Components/TextInput/TextInput');
   },
   get Touchable() {
-    return require('Touchable');
+    return require('../Components/Touchable/Touchable');
   },
   get TouchableHighlight() {
-    return require('TouchableHighlight');
+    return require('../Components/Touchable/TouchableHighlight');
   },
   get TouchableNativeFeedback() {
-    return require('TouchableNativeFeedback');
+    return require('../Components/Touchable/TouchableNativeFeedback');
   },
   get TouchableOpacity() {
-    return require('TouchableOpacity');
+    return require('../Components/Touchable/TouchableOpacity');
   },
   get TouchableWithoutFeedback() {
-    return require('TouchableWithoutFeedback');
+    return require('../Components/Touchable/TouchableWithoutFeedback');
   },
   get View() {
-    return require('View');
-  },
-  get ViewPagerAndroid() {
-    warnOnce(
-      'viewpager-moved',
-      'ViewPagerAndroid 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/viewpager' instead of 'react-native'. " +
-        'See https://github.com/react-native-community/react-native-viewpager',
-    );
-    return require('ViewPagerAndroid');
+    return require('../Components/View/View');
   },
   get VirtualizedList() {
-    return require('VirtualizedList');
+    return require('../Lists/VirtualizedList');
   },
   get VirtualizedSectionList() {
-    return require('VirtualizedSectionList');
+    return require('../Lists/VirtualizedSectionList');
   },
 
   // APIs
   get ActionSheetIOS() {
-    return require('ActionSheetIOS');
+    return require('../ActionSheetIOS/ActionSheetIOS');
   },
   get Alert() {
-    return require('Alert');
+    return require('../Alert/Alert');
   },
+  // [TODO(macOS ISS#2323203)
   get AlertMacOS() {
-    return require('AlertMacOS');
-  },
+    return require('../Alert/AlertMacOS');
+  }, // ]TODO(macOS ISS#2323203)
   get Animated() {
-    return require('Animated');
+    return require('../Animated/src/Animated');
   },
   get AppRegistry() {
-    return require('AppRegistry');
+    return require('../ReactNative/AppRegistry');
   },
   get AppState() {
-    return require('AppState');
+    return require('../AppState/AppState');
   },
   get AsyncStorage() {
     warnOnce(
       'async-storage-moved',
-      'Async Storage has been extracted from react-native core and will be removed in a future release. ' +
+      'AsyncStorage 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/async-storage' instead of 'react-native'. " +
         'See https://github.com/react-native-community/react-native-async-storage',
     );
-    return require('AsyncStorage');
+    return require('../Storage/AsyncStorage');
   },
   get BackHandler() {
-    return require('BackHandler');
-  },
-  get CameraRoll() {
-    warnOnce(
-      'cameraroll-moved',
-      'CameraRoll 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/cameraroll' instead of 'react-native'. " +
-        'See https://github.com/react-native-community/react-native-cameraroll',
-    );
-    return require('CameraRoll');
+    return require('../Utilities/BackHandler');
   },
   get Clipboard() {
-    return require('Clipboard');
+    return require('../Components/Clipboard/Clipboard');
   },
   get DatePickerAndroid() {
-    return require('DatePickerAndroid');
+    warnOnce(
+      'DatePickerAndroid-merged',
+      'DatePickerAndroid has been merged with DatePickerIOS and will be removed in a future release. ' +
+        "It can now be installed and imported from '@react-native-community/datetimepicker' instead of 'react-native'. " +
+        'See https://github.com/react-native-community/react-native-datetimepicker',
+    );
+    return require('../Components/DatePickerAndroid/DatePickerAndroid');
   },
   // [TODO(macOS ISS#2323203)
   get DatePickerMacOS() {
-    return require('DatePickerMacOS');
+    return require('../Components/DatePickerMacOS/DatePickerMacOS');
   }, // ]TODO(macOS ISS#2323203)
   get DeviceInfo() {
-    return require('DeviceInfo');
+    return require('../Utilities/DeviceInfo');
   },
   get Dimensions() {
-    return require('Dimensions');
+    return require('../Utilities/Dimensions');
   },
   get Easing() {
-    return require('Easing');
+    return require('../Animated/src/Easing');
   },
   get findNodeHandle() {
-    return require('ReactNative').findNodeHandle;
+    return require('../Renderer/shims/ReactNative').findNodeHandle;
   },
   get I18nManager() {
-    return require('I18nManager');
+    return require('../ReactNative/I18nManager');
   },
   get ImagePickerIOS() {
-    return require('ImagePickerIOS');
+    warnOnce(
+      'imagePickerIOS-moved',
+      'ImagePickerIOS has been extracted from react-native core and will be removed in a future release. ' +
+        "Please upgrade to use either '@react-native-community/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/react-native-community/react-native-image-picker-ios',
+    );
+    return require('../Image/ImagePickerIOS');
   },
   get InteractionManager() {
-    return require('InteractionManager');
+    return require('../Interaction/InteractionManager');
   },
   get Keyboard() {
-    return require('Keyboard');
+    return require('../Components/Keyboard/Keyboard');
   },
   get LayoutAnimation() {
-    return require('LayoutAnimation');
+    return require('../LayoutAnimation/LayoutAnimation');
   },
   get Linking() {
-    return require('Linking');
+    return require('../Linking/Linking');
+  },
+  get NativeDialogManagerAndroid() {
+    return require('../NativeModules/specs/NativeDialogManagerAndroid').default;
   },
   get NativeEventEmitter() {
-    return require('NativeEventEmitter');
+    return require('../EventEmitter/NativeEventEmitter');
   },
   get PanResponder() {
-    return require('PanResponder');
+    return require('../Interaction/PanResponder');
   },
   get PermissionsAndroid() {
-    return require('PermissionsAndroid');
+    return require('../PermissionsAndroid/PermissionsAndroid');
   },
   get PixelRatio() {
-    return require('PixelRatio');
+    return require('../Utilities/PixelRatio');
   },
   get PushNotificationIOS() {
     warnOnce(
@@ -273,83 +262,99 @@ module.exports = {
         "It can now be installed and imported from '@react-native-community/push-notification-ios' instead of 'react-native'. " +
         'See https://github.com/react-native-community/react-native-push-notification-ios',
     );
-    return require('PushNotificationIOS');
+    return require('../PushNotificationIOS/PushNotificationIOS');
   },
   get Settings() {
-    return require('Settings');
+    return require('../Settings/Settings');
   },
   get Share() {
-    return require('Share');
+    return require('../Share/Share');
   },
   get StatusBarIOS() {
-    return require('StatusBarIOS');
+    warnOnce(
+      'StatusBarIOS-merged',
+      'StatusBarIOS has been merged with StatusBar and will be removed in a future release. Use StatusBar for mutating the status bar',
+    );
+    return require('../Components/StatusBar/StatusBarIOS');
   },
   get StyleSheet() {
-    return require('StyleSheet');
+    return require('../StyleSheet/StyleSheet');
   },
   get Systrace() {
-    return require('Systrace');
+    return require('../Performance/Systrace');
   },
   get TimePickerAndroid() {
-    return require('TimePickerAndroid');
+    warnOnce(
+      'TimePickerAndroid-merged',
+      'TimePickerAndroid has been merged with DatePickerIOS and DatePickerAndroid and will be removed in a future release. ' +
+        "It can now be installed and imported from '@react-native-community/datetimepicker' instead of 'react-native'. " +
+        'See https://github.com/react-native-community/react-native-datetimepicker',
+    );
+    return require('../Components/TimePickerAndroid/TimePickerAndroid');
   },
   get ToastAndroid() {
-    return require('ToastAndroid');
+    return require('../Components/ToastAndroid/ToastAndroid');
   },
   get TurboModuleRegistry() {
-    return require('TurboModuleRegistry');
+    return require('../TurboModule/TurboModuleRegistry');
   },
   get TVEventHandler() {
-    return require('TVEventHandler');
+    return require('../Components/AppleTV/TVEventHandler');
   },
   get UIManager() {
-    return require('UIManager');
+    return require('../ReactNative/UIManager');
   },
   get unstable_batchedUpdates() {
-    return require('ReactNative').unstable_batchedUpdates;
+    return require('../Renderer/shims/ReactNative').unstable_batchedUpdates;
+  },
+  get useWindowDimensions() {
+    return require('../Utilities/useWindowDimensions').default;
   },
   get UTFSequence() {
-    return require('UTFSequence');
+    return require('../UTFSequence');
   },
   get Vibration() {
-    return require('Vibration');
+    return require('../Vibration/Vibration');
   },
   get YellowBox() {
-    return require('YellowBox');
+    return require('../YellowBox/YellowBox');
   },
 
   // Plugins
   get DeviceEventEmitter() {
-    return require('RCTDeviceEventEmitter');
+    return require('../EventEmitter/RCTDeviceEventEmitter');
   },
   get NativeAppEventEmitter() {
-    return require('RCTNativeAppEventEmitter');
+    return require('../EventEmitter/RCTNativeAppEventEmitter');
   },
   get NativeModules() {
-    return require('NativeModules');
+    return require('../BatchedBridge/NativeModules');
   },
   get Platform() {
-    return require('Platform');
+    return require('../Utilities/Platform');
   },
   get processColor() {
-    return require('processColor');
+    return require('../StyleSheet/processColor');
   },
   get requireNativeComponent() {
-    return require('requireNativeComponent');
+    return require('../ReactNative/requireNativeComponent');
+  },
+  get unstable_RootTagContext() {
+    return require('../ReactNative/RootTagContext');
   },
 
   // Prop Types
   get ColorPropType() {
-    return require('DeprecatedColorPropType');
+    return require('../DeprecatedPropTypes/DeprecatedColorPropType');
   },
   get EdgeInsetsPropType() {
-    return require('DeprecatedEdgeInsetsPropType');
+    return require('../DeprecatedPropTypes/DeprecatedEdgeInsetsPropType');
   },
   get PointPropType() {
-    return require('DeprecatedPointPropType');
+    return require('../DeprecatedPropTypes/DeprecatedPointPropType');
   },
   get ViewPropTypes() {
-    return require('DeprecatedViewPropTypes');
+    return require('../DeprecatedPropTypes/DeprecatedViewPropTypes');
   },
 };
 
@@ -392,4 +397,70 @@ if (__DEV__) {
       );
     },
   });
+
+  // $FlowFixMe This is intentional: Flow will error when attempting to access NetInfo.
+  Object.defineProperty(module.exports, 'NetInfo', {
+    configurable: true,
+    get() {
+      invariant(
+        false,
+        'NetInfo has been removed from React Native. ' +
+          "It can now be installed and imported from 'react-native-netinfo' instead of 'react-native'. " +
+          'See https://github.com/react-native-community/react-native-netinfo',
+      );
+    },
+  });
+
+  // $FlowFixMe This is intentional: Flow will error when attempting to access CameraRoll.
+  Object.defineProperty(module.exports, 'CameraRoll', {
+    configurable: true,
+    get() {
+      invariant(
+        false,
+        'CameraRoll has been removed from React Native. ' +
+          "It can now be installed and imported from 'react-native-cameraroll' instead of 'react-native'. " +
+          'See https://github.com/react-native-community/react-native-cameraroll',
+      );
+    },
+  });
+
+  // $FlowFixMe This is intentional: Flow will error when attempting to access ImageStore.
+  Object.defineProperty(module.exports, 'ImageStore', {
+    configurable: true,
+    get() {
+      invariant(
+        false,
+        'ImageStore has been removed from React Native. ' +
+          'To get a base64-encoded string from a local image use either of the following third-party libraries:' +
+          "* expo-file-system: `readAsStringAsync(filepath, 'base64')`" +
+          "* react-native-fs: `readFile(filepath, 'base64')`",
+      );
+    },
+  });
+
+  // $FlowFixMe This is intentional: Flow will error when attempting to access ImageEditor.
+  Object.defineProperty(module.exports, 'ImageEditor', {
+    configurable: true,
+    get() {
+      invariant(
+        false,
+        'ImageEditor has been removed from React Native. ' +
+          "It can now be installed and imported from 'react-native-image-editor' instead of 'react-native'. " +
+          'See https://github.com/react-native-community/react-native-image-editor',
+      );
+    },
+  });
+
+  // $FlowFixMe This is intentional: Flow will error when attempting to access ViewPagerAndroid.
+  Object.defineProperty(module.exports, 'ViewPagerAndroid', {
+    configurable: true,
+    get() {
+      invariant(
+        false,
+        'ViewPagerAndroid has been removed from React Native. ' +
+          "It can now be installed and imported from 'react-native-viewpager' instead of 'react-native'. " +
+          'See https://github.com/react-native-community/react-native-viewpager',
+      );
+    },
+  });
 }
diff --git a/Libraries/vendor/core/ErrorUtils.js b/Libraries/vendor/core/ErrorUtils.js
index a54b855244d282..0c0f140280a4ba 100644
--- a/Libraries/vendor/core/ErrorUtils.js
+++ b/Libraries/vendor/core/ErrorUtils.js
@@ -8,7 +8,7 @@
  * @flow strict
  */
 
-/* eslint-disable strict */
+import type {ErrorUtilsT} from '../../polyfills/error-guard.js';
 
 /**
  * The particular require runtime that we are using looks for a global
@@ -22,4 +22,4 @@
  * that use it aren't just using a global variable, so simply export the global
  * variable here. ErrorUtils is originally defined in a file named error-guard.js.
  */
-module.exports = global.ErrorUtils;
+module.exports = (global.ErrorUtils: ErrorUtilsT);
diff --git a/Libraries/vendor/core/Map.js b/Libraries/vendor/core/Map.js
deleted file mode 100644
index 4f23b1f4783ab8..00000000000000
--- a/Libraries/vendor/core/Map.js
+++ /dev/null
@@ -1,590 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @preventMunge
- * @typechecks
- */
-
-/* eslint-disable no-extend-native, no-shadow-restricted-names */
-
-'use strict';
-
-const _shouldPolyfillES6Collection = require('./_shouldPolyfillES6Collection');
-const guid = require('./guid');
-const toIterator = require('./toIterator');
-
-module.exports = (function(global, undefined) {
-  // Since our implementation is spec-compliant for the most part we can safely
-  // delegate to a built-in version if exists and is implemented correctly.
-  // Firefox had gotten a few implementation details wrong across different
-  // versions so we guard against that.
-  if (!_shouldPolyfillES6Collection('Map')) {
-    return global.Map;
-  }
-
-  const hasOwn = Object.prototype.hasOwnProperty;
-
-  /**
-   * == ES6 Map Collection ==
-   *
-   * This module is meant to implement a Map collection as described in chapter
-   * 23.1 of the ES6 specification.
-   *
-   * Map objects are collections of key/value pairs where both the keys and
-   * values may be arbitrary ECMAScript language values. A distinct key value
-   * may only occur in one key/value pair within the Map's collection.
-   *
-   * https://people.mozilla.org/~jorendorff/es6-draft.html#sec-map-objects
-   *
-   * There only two -- rather small -- deviations from the spec:
-   *
-   * 1. The use of untagged frozen objects as keys.
-   *    We decided not to allow and simply throw an error, because this
-   *    implementation of Map works by tagging objects used as Map keys
-   *    with a secret hash property for fast access to the object's place
-   *    in the internal _mapData array. However, to limit the impact of
-   *    this spec deviation, Libraries/Core/InitializeCore.js also wraps
-   *    Object.freeze, Object.seal, and Object.preventExtensions so that
-   *    they tag objects before making them non-extensible, by inserting
-   *    each object into a Map and then immediately removing it.
-   *
-   * 2. The `size` property on a map object is a regular property and not a
-   *    computed property on the prototype as described by the spec.
-   *    The reason being is that we simply want to support ES3 environments
-   *    which doesn't implement computed properties.
-   *
-   * == Usage ==
-   *
-   * var map = new Map(iterable);
-   *
-   * map.set(key, value);
-   * map.get(key); // value
-   * map.has(key); // true
-   * map.delete(key); // true
-   *
-   * var iterator = map.keys();
-   * iterator.next(); // {value: key, done: false}
-   *
-   * var iterator = map.values();
-   * iterator.next(); // {value: value, done: false}
-   *
-   * var iterator = map.entries();
-   * iterator.next(); // {value: [key, value], done: false}
-   *
-   * map.forEach(function(value, key){ this === thisArg }, thisArg);
-   *
-   * map.clear(); // resets map.
-   */
-
-  /**
-   * Constants
-   */
-
-  // Kinds of map iterations 23.1.5.3
-  const KIND_KEY = 'key';
-  const KIND_VALUE = 'value';
-  const KIND_KEY_VALUE = 'key+value';
-
-  // In older browsers we can't create a null-prototype object so we have to
-  // defend against key collisions with built-in methods.
-  const KEY_PREFIX = '$map_';
-
-  // This property will be used as the internal size variable to disallow
-  // writing and to issue warnings for writings in development.
-  let SECRET_SIZE_PROP;
-  if (__DEV__) {
-    SECRET_SIZE_PROP = '$size' + guid();
-  }
-
-  class Map {
-    /**
-     * 23.1.1.1
-     * Takes an `iterable` which is basically any object that implements a
-     * Symbol.iterator (@@iterator) method. The iterable is expected to be a
-     * collection of pairs. Each pair is a key/value pair that will be used
-     * to instantiate the map.
-     *
-     * @param {*} iterable
-     */
-    constructor(iterable) {
-      if (!isObject(this)) {
-        throw new TypeError('Wrong map object type.');
-      }
-
-      initMap(this);
-
-      if (iterable != null) {
-        const it = toIterator(iterable);
-        let next;
-        while (!(next = it.next()).done) {
-          if (!isObject(next.value)) {
-            throw new TypeError('Expected iterable items to be pair objects.');
-          }
-          this.set(next.value[0], next.value[1]);
-        }
-      }
-    }
-
-    /**
-     * 23.1.3.1
-     * Clears the map from all keys and values.
-     */
-    clear() {
-      initMap(this);
-    }
-
-    /**
-     * 23.1.3.7
-     * Check if a key exists in the collection.
-     *
-     * @param {*} key
-     * @return {boolean}
-     */
-    has(key) {
-      const index = getIndex(this, key);
-      return !!(index != null && this._mapData[index]);
-    }
-
-    /**
-     * 23.1.3.9
-     * Adds a key/value pair to the collection.
-     *
-     * @param {*} key
-     * @param {*} value
-     * @return {map}
-     */
-    set(key, value) {
-      let index = getIndex(this, key);
-
-      if (index != null && this._mapData[index]) {
-        this._mapData[index][1] = value;
-      } else {
-        index = this._mapData.push([key, value]) - 1;
-        setIndex(this, key, index);
-        if (__DEV__) {
-          this[SECRET_SIZE_PROP] += 1;
-        } else {
-          this.size += 1;
-        }
-      }
-
-      return this;
-    }
-
-    /**
-     * 23.1.3.6
-     * Gets a value associated with a key in the collection.
-     *
-     * @param {*} key
-     * @return {*}
-     */
-    get(key) {
-      const index = getIndex(this, key);
-      if (index == null) {
-        return undefined;
-      } else {
-        return this._mapData[index][1];
-      }
-    }
-
-    /**
-     * 23.1.3.3
-     * Delete a key/value from the collection.
-     *
-     * @param {*} key
-     * @return {boolean} Whether the key was found and deleted.
-     */
-    delete(key) {
-      const index = getIndex(this, key);
-      if (index != null && this._mapData[index]) {
-        setIndex(this, key, undefined);
-        this._mapData[index] = undefined;
-        if (__DEV__) {
-          this[SECRET_SIZE_PROP] -= 1;
-        } else {
-          this.size -= 1;
-        }
-        return true;
-      } else {
-        return false;
-      }
-    }
-
-    /**
-     * 23.1.3.4
-     * Returns an iterator over the key/value pairs (in the form of an Array) in
-     * the collection.
-     *
-     * @return {MapIterator}
-     */
-    entries() {
-      return new MapIterator(this, KIND_KEY_VALUE);
-    }
-
-    /**
-     * 23.1.3.8
-     * Returns an iterator over the keys in the collection.
-     *
-     * @return {MapIterator}
-     */
-    keys() {
-      return new MapIterator(this, KIND_KEY);
-    }
-
-    /**
-     * 23.1.3.11
-     * Returns an iterator over the values pairs in the collection.
-     *
-     * @return {MapIterator}
-     */
-    values() {
-      return new MapIterator(this, KIND_VALUE);
-    }
-
-    /**
-     * 23.1.3.5
-     * Iterates over the key/value pairs in the collection calling `callback`
-     * with [value, key, map]. An optional `thisArg` can be passed to set the
-     * context when `callback` is called.
-     *
-     * @param {function} callback
-     * @param {?object} thisArg
-     */
-    forEach(callback, thisArg) {
-      if (typeof callback !== 'function') {
-        throw new TypeError('Callback must be callable.');
-      }
-
-      const boundCallback = callback.bind(thisArg || undefined);
-      const mapData = this._mapData;
-
-      // Note that `mapData.length` should be computed on each iteration to
-      // support iterating over new items in the map that were added after the
-      // start of the iteration.
-      for (let i = 0; i < mapData.length; i++) {
-        const entry = mapData[i];
-        if (entry != null) {
-          boundCallback(entry[1], entry[0], this);
-        }
-      }
-    }
-  }
-
-  // 23.1.3.12
-  Map.prototype[toIterator.ITERATOR_SYMBOL] = Map.prototype.entries;
-
-  class MapIterator {
-    /**
-     * 23.1.5.1
-     * Create a `MapIterator` for a given `map`. While this class is private it
-     * will create objects that will be passed around publicily.
-     *
-     * @param {map} map
-     * @param {string} kind
-     */
-    constructor(map, kind) {
-      if (!(isObject(map) && map._mapData)) {
-        throw new TypeError('Object is not a map.');
-      }
-
-      if ([KIND_KEY, KIND_KEY_VALUE, KIND_VALUE].indexOf(kind) === -1) {
-        throw new Error('Invalid iteration kind.');
-      }
-
-      this._map = map;
-      this._nextIndex = 0;
-      this._kind = kind;
-    }
-
-    /**
-     * 23.1.5.2.1
-     * Get the next iteration.
-     *
-     * @return {object}
-     */
-    next() {
-      if (!this instanceof Map) {
-        throw new TypeError('Expected to be called on a MapIterator.');
-      }
-
-      const map = this._map;
-      let index = this._nextIndex;
-      const kind = this._kind;
-
-      if (map == null) {
-        return createIterResultObject(undefined, true);
-      }
-
-      const entries = map._mapData;
-
-      while (index < entries.length) {
-        const record = entries[index];
-
-        index += 1;
-        this._nextIndex = index;
-
-        if (record) {
-          if (kind === KIND_KEY) {
-            return createIterResultObject(record[0], false);
-          } else if (kind === KIND_VALUE) {
-            return createIterResultObject(record[1], false);
-          } else if (kind) {
-            return createIterResultObject(record, false);
-          }
-        }
-      }
-
-      this._map = undefined;
-
-      return createIterResultObject(undefined, true);
-    }
-  }
-
-  // We can put this in the class definition once we have computed props
-  // transform.
-  // 23.1.5.2.2
-  MapIterator.prototype[toIterator.ITERATOR_SYMBOL] = function() {
-    return this;
-  };
-
-  /**
-   * Helper Functions.
-   */
-
-  /**
-   * Return an index to map.[[MapData]] array for a given Key.
-   *
-   * @param {map} map
-   * @param {*} key
-   * @return {?number}
-   */
-  function getIndex(map, key) {
-    if (isObject(key)) {
-      const hash = getHash(key);
-      return map._objectIndex[hash];
-    } else {
-      const prefixedKey = KEY_PREFIX + key;
-      if (typeof key === 'string') {
-        return map._stringIndex[prefixedKey];
-      } else {
-        return map._otherIndex[prefixedKey];
-      }
-    }
-  }
-
-  /**
-   * Setup an index that refer to the key's location in map.[[MapData]].
-   *
-   * @param {map} map
-   * @param {*} key
-   */
-  function setIndex(map, key, index) {
-    const shouldDelete = index == null;
-
-    if (isObject(key)) {
-      const hash = getHash(key);
-      if (shouldDelete) {
-        delete map._objectIndex[hash];
-      } else {
-        map._objectIndex[hash] = index;
-      }
-    } else {
-      const prefixedKey = KEY_PREFIX + key;
-      if (typeof key === 'string') {
-        if (shouldDelete) {
-          delete map._stringIndex[prefixedKey];
-        } else {
-          map._stringIndex[prefixedKey] = index;
-        }
-      } else {
-        if (shouldDelete) {
-          delete map._otherIndex[prefixedKey];
-        } else {
-          map._otherIndex[prefixedKey] = index;
-        }
-      }
-    }
-  }
-
-  /**
-   * Instantiate a map with internal slots.
-   *
-   * @param {map} map
-   */
-  function initMap(map) {
-    // Data structure design inspired by Traceur's Map implementation.
-    // We maintain an internal array for all the entries. The array is needed
-    // to remember order. However, to have a reasonable HashMap performance
-    // i.e. O(1) for insertion, deletion, and retrieval. We maintain indices
-    // in objects for fast look ups. Indices are split up according to data
-    // types to avoid collisions.
-    map._mapData = [];
-
-    // Object index maps from an object "hash" to index. The hash being a unique
-    // property of our choosing that we associate with the object. Association
-    // is done by ways of keeping a non-enumerable property on the object.
-    // Ideally these would be `Object.create(null)` objects but since we're
-    // trying to support ES3 we'll have to guard against collisions using
-    // prefixes on the keys rather than rely on null prototype objects.
-    map._objectIndex = {};
-
-    // String index maps from strings to index.
-    map._stringIndex = {};
-
-    // Numbers, booleans, undefined, and null.
-    map._otherIndex = {};
-
-    // Unfortunately we have to support ES3 and cannot have `Map.prototype.size`
-    // be a getter method but just a regular method. The biggest problem with
-    // this is safety. Clients can change the size property easily and possibly
-    // without noticing (e.g. `if (map.size = 1) {..}` kind of typo). What we
-    // can do to mitigate use getters and setters in development to disallow
-    // and issue a warning for changing the `size` property.
-    if (__DEV__) {
-      if (isES5) {
-        // If the `SECRET_SIZE_PROP` property is already defined then we're not
-        // in the first call to `initMap` (e.g. coming from `map.clear()`) so
-        // all we need to do is reset the size without defining the properties.
-        if (hasOwn.call(map, SECRET_SIZE_PROP)) {
-          map[SECRET_SIZE_PROP] = 0;
-        } else {
-          Object.defineProperty(map, SECRET_SIZE_PROP, {
-            value: 0,
-            writable: true,
-          });
-          Object.defineProperty(map, 'size', {
-            set: v => {
-              console.error(
-                'PLEASE FIX ME: You are changing the map size property which ' +
-                  'should not be writable and will break in production.',
-              );
-              throw new Error('The map size property is not writable.');
-            },
-            get: () => map[SECRET_SIZE_PROP],
-          });
-        }
-
-        // NOTE: Early return to implement immutable `.size` in DEV.
-        return;
-      }
-    }
-
-    // This is a diviation from the spec. `size` should be a getter on
-    // `Map.prototype`. However, we have to support IE8.
-    map.size = 0;
-  }
-
-  /**
-   * Check if something is an object.
-   *
-   * @param {*} o
-   * @return {boolean}
-   */
-  function isObject(o) {
-    return o != null && (typeof o === 'object' || typeof o === 'function');
-  }
-
-  /**
-   * Create an iteration object.
-   *
-   * @param {*} value
-   * @param {boolean} done
-   * @return {object}
-   */
-  function createIterResultObject(value, done) {
-    return {value, done};
-  }
-
-  // Are we in a legit ES5 environment. Spoiler alert: that doesn't include IE8.
-  const isES5 = (function() {
-    try {
-      Object.defineProperty({}, 'x', {});
-      return true;
-    } catch (e) {
-      return false;
-    }
-  })();
-
-  /**
-   * Check if an object can be extended.
-   *
-   * @param {object|array|function|regexp} o
-   * @return {boolean}
-   */
-  function isExtensible(o) {
-    if (!isES5) {
-      return true;
-    } else {
-      return Object.isExtensible(o);
-    }
-  }
-
-  const getHash = (function() {
-    const propIsEnumerable = Object.prototype.propertyIsEnumerable;
-    const hashProperty = '__MAP_POLYFILL_INTERNAL_HASH__';
-    let hashCounter = 0;
-
-    const nonExtensibleObjects = [];
-    const nonExtensibleHashes = [];
-
-    /**
-     * Get the "hash" associated with an object.
-     *
-     * @param {object|array|function|regexp} o
-     * @return {number}
-     */
-    return function getHash(o) {
-      if (hasOwn.call(o, hashProperty)) {
-        return o[hashProperty];
-      }
-
-      if (!isES5) {
-        if (
-          hasOwn.call(o, 'propertyIsEnumerable') &&
-          hasOwn.call(o.propertyIsEnumerable, hashProperty)
-        ) {
-          return o.propertyIsEnumerable[hashProperty];
-        }
-      }
-
-      if (isExtensible(o)) {
-        if (isES5) {
-          Object.defineProperty(o, hashProperty, {
-            enumerable: false,
-            writable: false,
-            configurable: false,
-            value: ++hashCounter,
-          });
-          return hashCounter;
-        }
-
-        if (o.propertyIsEnumerable) {
-          // Since we can't define a non-enumerable property on the object
-          // we'll hijack one of the less-used non-enumerable properties to
-          // save our hash on it. Additionally, since this is a function it
-          // will not show up in `JSON.stringify` which is what we want.
-          o.propertyIsEnumerable = function() {
-            return propIsEnumerable.apply(this, arguments);
-          };
-          return (o.propertyIsEnumerable[hashProperty] = ++hashCounter);
-        }
-      }
-
-      // If the object is not extensible, fall back to storing it in an
-      // array and using Array.prototype.indexOf to find it.
-      let index = nonExtensibleObjects.indexOf(o);
-      if (index < 0) {
-        index = nonExtensibleObjects.length;
-        nonExtensibleObjects[index] = o;
-        nonExtensibleHashes[index] = ++hashCounter;
-      }
-      return nonExtensibleHashes[index];
-    };
-  })();
-
-  return Map;
-})(Function('return this')()); // eslint-disable-line no-new-func
diff --git a/Libraries/vendor/core/Set.js b/Libraries/vendor/core/Set.js
deleted file mode 100644
index 564f530b9afd8a..00000000000000
--- a/Libraries/vendor/core/Set.js
+++ /dev/null
@@ -1,198 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @preventMunge
- * @typechecks
- */
-
-/* eslint-disable no-extend-native */
-
-'use strict';
-
-const Map = require('./Map');
-
-const _shouldPolyfillES6Collection = require('./_shouldPolyfillES6Collection');
-const toIterator = require('./toIterator');
-
-module.exports = (function(global) {
-  // Since our implementation is spec-compliant for the most part we can safely
-  // delegate to a built-in version if exists and is implemented correctly.
-  // Firefox had gotten a few implementation details wrong across different
-  // versions so we guard against that.
-  // These checks are adapted from es6-shim https://fburl.com/34437854
-  if (!_shouldPolyfillES6Collection('Set')) {
-    return global.Set;
-  }
-
-  /**
-   * == ES6 Set Collection ==
-   *
-   * This module is meant to implement a Set collection as described in chapter
-   * 23.2 of the ES6 specification.
-   *
-   * Set objects are collections of unique values. Where values can be any
-   * JavaScript value.
-   * https://people.mozilla.org/~jorendorff/es6-draft.html#sec-map-objects
-   *
-   * There only two -- rather small -- diviations from the spec:
-   *
-   * 1. The use of frozen objects as keys. @see Map module for more on this.
-   *
-   * 2. The `size` property on a map object is a regular property and not a
-   *    computed property on the prototype as described by the spec.
-   *    The reason being is that we simply want to support ES3 environments
-   *    which doesn't implement computed properties.
-   *
-   * == Usage ==
-   *
-   * var set = new set(iterable);
-   *
-   * set.set(value);
-   * set.has(value); // true
-   * set.delete(value); // true
-   *
-   * var iterator = set.keys();
-   * iterator.next(); // {value: value, done: false}
-   *
-   * var iterator = set.values();
-   * iterator.next(); // {value: value, done: false}
-   *
-   * var iterator = set.entries();
-   * iterator.next(); // {value: [value, value], done: false}
-   *
-   * set.forEach(function(value, value){ this === thisArg }, thisArg);
-   *
-   * set.clear(); // resets set.
-   */
-
-  class Set {
-    /**
-     * 23.2.1.1
-     *
-     * Takes an optional `iterable` (which is basically any object that
-     * implements a Symbol.iterator (@@iterator) method). That is a collection
-     * of values used to instantiate the set.
-     *
-     * @param {*} iterable
-     */
-    constructor(iterable) {
-      if (
-        this == null ||
-        (typeof this !== 'object' && typeof this !== 'function')
-      ) {
-        throw new TypeError('Wrong set object type.');
-      }
-
-      initSet(this);
-
-      if (iterable != null) {
-        const it = toIterator(iterable);
-        let next;
-        while (!(next = it.next()).done) {
-          this.add(next.value);
-        }
-      }
-    }
-
-    /**
-     * 23.2.3.1
-     *
-     * If it doesn't already exist in the collection a `value` is added.
-     *
-     * @param {*} value
-     * @return {set}
-     */
-    add(value) {
-      this._map.set(value, value);
-      this.size = this._map.size;
-      return this;
-    }
-
-    /**
-     * 23.2.3.2
-     *
-     * Clears the set.
-     */
-    clear() {
-      initSet(this);
-    }
-
-    /**
-     * 23.2.3.4
-     *
-     * Deletes a `value` from the collection if it exists.
-     * Returns true if the value was found and deleted and false otherwise.
-     *
-     * @param {*} value
-     * @return {boolean}
-     */
-    delete(value) {
-      const ret = this._map.delete(value);
-      this.size = this._map.size;
-      return ret;
-    }
-
-    /**
-     * 23.2.3.5
-     *
-     * Returns an iterator over a collection of [value, value] tuples.
-     */
-    entries() {
-      return this._map.entries();
-    }
-
-    /**
-     * 23.2.3.6
-     *
-     * Iterate over the collection calling `callback` with (value, value, set).
-     *
-     * @param {function} callback
-     */
-    forEach(callback) {
-      const thisArg = arguments[1];
-      const it = this._map.keys();
-      let next;
-      while (!(next = it.next()).done) {
-        callback.call(thisArg, next.value, next.value, this);
-      }
-    }
-
-    /**
-     * 23.2.3.7
-     *
-     * Iterate over the collection calling `callback` with (value, value, set).
-     *
-     * @param {*} value
-     * @return {boolean}
-     */
-    has(value) {
-      return this._map.has(value);
-    }
-
-    /**
-     * 23.2.3.7
-     *
-     * Returns an iterator over the colleciton of values.
-     */
-    values() {
-      return this._map.values();
-    }
-  }
-
-  // 23.2.3.11
-  Set.prototype[toIterator.ITERATOR_SYMBOL] = Set.prototype.values;
-
-  // 23.2.3.7
-  Set.prototype.keys = Set.prototype.values;
-
-  function initSet(set) {
-    set._map = new Map();
-    set.size = set._map.size;
-  }
-
-  return Set;
-})(Function('return this')()); // eslint-disable-line no-new-func
diff --git a/Libraries/vendor/core/_shouldPolyfillES6Collection.js b/Libraries/vendor/core/_shouldPolyfillES6Collection.js
deleted file mode 100644
index 1ba893c5aebdbe..00000000000000
--- a/Libraries/vendor/core/_shouldPolyfillES6Collection.js
+++ /dev/null
@@ -1,66 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @preventMunge
- * @flow strict
- */
-
-'use strict';
-
-/**
- * Checks whether a collection name (e.g. "Map" or "Set") has a native polyfill
- * that is safe to be used.
- */
-function _shouldActuallyPolyfillES6Collection(collectionName: string): boolean {
-  const Collection = global[collectionName];
-  if (Collection == null) {
-    return true;
-  }
-
-  // The iterator protocol depends on `Symbol.iterator`. If a collection is
-  // implemented, but `Symbol` is not, it's going to break iteration because
-  // we'll be using custom "@@iterator" instead, which is not implemented on
-  // native collections.
-  if (typeof global.Symbol !== 'function') {
-    return true;
-  }
-
-  const proto = Collection.prototype;
-
-  // These checks are adapted from es6-shim: https://fburl.com/34437854
-  // NOTE: `isCallableWithoutNew` and `!supportsSubclassing` are not checked
-  // because they make debugging with "break on exceptions" difficult.
-  return (
-    Collection == null ||
-    typeof Collection !== 'function' ||
-    typeof proto.clear !== 'function' ||
-    new Collection().size !== 0 ||
-    typeof proto.keys !== 'function' ||
-    typeof proto.forEach !== 'function'
-  );
-}
-
-const cache: {[name: string]: boolean} = {};
-
-/**
- * Checks whether a collection name (e.g. "Map" or "Set") has a native polyfill
- * that is safe to be used and caches this result.
- * Make sure to make a first call to this function before a corresponding
- * property on global was overriden in any way.
- */
-function _shouldPolyfillES6Collection(collectionName: string) {
-  let result = cache[collectionName];
-  if (result !== undefined) {
-    return result;
-  }
-
-  result = _shouldActuallyPolyfillES6Collection(collectionName);
-  cache[collectionName] = result;
-  return result;
-}
-
-module.exports = _shouldPolyfillES6Collection;
diff --git a/Libraries/vendor/emitter/EventEmitterWithHolding.js b/Libraries/vendor/emitter/EventEmitterWithHolding.js
index 945506e3c0f182..c553dde0631358 100644
--- a/Libraries/vendor/emitter/EventEmitterWithHolding.js
+++ b/Libraries/vendor/emitter/EventEmitterWithHolding.js
@@ -49,14 +49,14 @@ class EventEmitterWithHolding {
   /**
    * @see EventEmitter#addListener
    */
-  addListener(eventType: string, listener: Function, context: ?Object) {
+  addListener(eventType: string, listener: Function, context: ?Object): any {
     return this._emitter.addListener(eventType, listener, context);
   }
 
   /**
    * @see EventEmitter#once
    */
-  once(eventType: string, listener: Function, context: ?Object) {
+  once(eventType: string, listener: Function, context: ?Object): any {
     return this._emitter.once(eventType, listener, context);
   }
 
@@ -115,7 +115,7 @@ class EventEmitterWithHolding {
   /**
    * @see EventEmitter#listeners
    */
-  listeners(eventType: string) /* TODO: Annotate return type here */ {
+  listeners(eventType: string): any /* TODO: Annotate return type here */ {
     return this._emitter.listeners(eventType);
   }
 
diff --git a/Libraries/vendor/emitter/EventHolder.js b/Libraries/vendor/emitter/EventHolder.js
index ea68ef9d784848..54728e753904d1 100644
--- a/Libraries/vendor/emitter/EventHolder.js
+++ b/Libraries/vendor/emitter/EventHolder.js
@@ -42,7 +42,10 @@ class EventHolder {
    *   }); //logs 'abc'
    *
    */
-  holdEvent(eventType: string, ...args: any) {
+  holdEvent(
+    eventType: string,
+    ...args: any
+  ): $TEMPORARY$object<{|eventType: string, index: $FlowFixMeEmpty|}> {
     this._heldEvents[eventType] = this._heldEvents[eventType] || [];
     const eventsOfType = this._heldEvents[eventType];
     const key = {
diff --git a/Libraries/vendor/emitter/EventValidator.js b/Libraries/vendor/emitter/EventValidator.js
index 39bf3147bdfa48..429cc636237715 100644
--- a/Libraries/vendor/emitter/EventValidator.js
+++ b/Libraries/vendor/emitter/EventValidator.js
@@ -30,7 +30,7 @@ const EventValidator = {
    *   const types = {someEvent: true, anotherEvent: true};
    *   const emitter = EventValidator.addValidation(emitter, types);
    */
-  addValidation: function(emitter: Object, types: Object) {
+  addValidation: function(emitter: Object, types: Object): {emit: any => any} {
     const eventTypes = Object.keys(types);
     const emitterWithValidation = Object.create(emitter);
 
diff --git a/README.md b/README.md
index eb0dd2b602d231..86b98cb6ff5fe6 100644
--- a/README.md
+++ b/README.md
@@ -77,7 +77,7 @@ React Native is developed and supported by many companies and individual core co
 - [Documentation](#-documentation)
 - [Upgrading](#-upgrading)
 - [How to Contribute](#-how-to-contribute)
-- [Code of Conduct](#-code-of-conduct)
+- [Code of Conduct](#code-of-conduct)
 - [License](#-license)
 
 
@@ -86,7 +86,6 @@ React Native is developed and supported by many companies and individual core co
 React Native apps may target iOS 9.0 and Android 4.1 (API 16) 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.io) can be used to work around this.
 
 ## 🎉 Building your first React Native app
->>>>>>> v0.60.0
 
 Follow the [Getting Started guide](https://facebook.github.io/react-native/docs/getting-started.html). The recommended way to install React Native depends on your project. Here you can find short guides for the most common scenarios:
 
diff --git a/RNTester/.gitignore b/RNTester/.gitignore
deleted file mode 100644
index 389a2b20c85b1c..00000000000000
--- a/RNTester/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-Pods/
diff --git a/RNTester/Gemfile b/RNTester/Gemfile
new file mode 100644
index 00000000000000..81519cdc4d97da
--- /dev/null
+++ b/RNTester/Gemfile
@@ -0,0 +1,4 @@
+# Gemfile
+source 'https://rubygems.org'
+
+gem 'cocoapods', '= 1.7.1'
diff --git a/RNTester/Podfile b/RNTester/Podfile
index 7719e8865ae210..8d964494724c4f 100644
--- a/RNTester/Podfile
+++ b/RNTester/Podfile
@@ -42,26 +42,26 @@ require_relative '../scripts/autolink-ios'
 # FIXME: https://github.com/microsoft/react-native/issues/210
 install! 'cocoapods', :deterministic_uuids => false
 
-# TODO(macOS GH#214)
-def pods()
-  # Uncomment for Swift
-  # use_frameworks!
+if ENV['USE_FRAMEWORKS'] == '1'
+  puts "Installing pods with use_frameworks!"
+  use_frameworks!
+end
 
+def pods()
   project 'RNTesterPods.xcodeproj'
-  
+
   # Enable TurboModule
-  use_react_native!(path: "..", turbo_modules_enabled: true)
-  pod 'React-turbomodule-samples', :path => '../ReactCommon/turbomodule/samples'
+  use_react_native!(path: "..")
+  pod 'ReactCommon/turbomodule/samples', :path => '../ReactCommon'
 
   # Additional Pods which aren't included in the default Podfile
-  pod 'React-RCTCameraRoll', :path => '../Libraries/CameraRoll'
   pod 'React-ART', :path => '../Libraries/ART'
   pod 'React-RCTPushNotification', :path => '../Libraries/PushNotificationIOS'
 
   # Additional Pods which are classed as unstable
   #
   # To use fabric: add `fabric_enabled` option to the use_react_native method above, like below
-  # use_react_native!(path: "..", turbo_modules_enabled: true, fabric_enabled: true)
+  # use_react_native!(path: "..", fabric_enabled: true)
 end
 
 target 'RNTester' do
@@ -69,32 +69,37 @@ target 'RNTester' do
   pods()
 end
 
-target 'RNTesterUnitTests' do
-  platform :ios, '9.0'
+target 'RNTester-macOS' do
+  platform :osx, '10.14'
   pods()
-  pod 'React-RCTTest', :path => "./RCTTest"
 end
 
-target 'RNTesterIntegrationTests' do
+target 'RNTesterUnitTests' do
   platform :ios, '9.0'
   pods()
-  pod 'React-RCTTest', :path => "./RCTTest"
+  pod 'React-RCTTest', :path => "RCTTest"
 end
 
-# TODO(macOS GH#214)
-target 'RNTester-macOS' do
-  platform :osx, '10.14'
+target 'RNTesterIntegrationTests' do
+  platform :ios, '9.0'
   pods()
+  pod 'React-RCTTest', :path => "RCTTest"
 end
 
 target 'RNTester-macOSUnitTests' do
   platform :osx, '10.14'
   pods()
-  pod 'React-RCTTest', :path => "./RCTTest"
+  pod 'React-RCTTest', :path => "RCTTest"
 end
 
 target 'RNTester-macOSIntegrationTests' do
   platform :osx, '10.14'
   pods()
-  pod 'React-RCTTest', :path => "./RCTTest"
+  pod 'React-RCTTest', :path => "RCTTest"
+end
+
+post_install do |installer|
+  installer.pods_project.targets.each do |target|
+    puts target.name
+  end
 end
diff --git a/RNTester/Podfile.lock b/RNTester/Podfile.lock
index 5d70d302a10a1c..442e036662fbb5 100644
--- a/RNTester/Podfile.lock
+++ b/RNTester/Podfile.lock
@@ -1,6 +1,14 @@
 PODS:
   - boost-for-react-native (1.63.0)
   - DoubleConversion (1.1.6)
+  - FBLazyVector (0.61.5-microsoft-fb61merge.1)
+  - FBReactNativeSpec (0.61.5-microsoft-fb61merge.1):
+    - Folly (= 2018.10.22.00)
+    - RCTRequired (= 0.61.5-microsoft-fb61merge.1)
+    - RCTTypeSafety (= 0.61.5-microsoft-fb61merge.1)
+    - React-Core (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsi (= 0.61.5-microsoft-fb61merge.1)
+    - ReactCommon/turbomodule/core (= 0.61.5-microsoft-fb61merge.1)
   - Folly (2018.10.22.00):
     - boost-for-react-native
     - DoubleConversion
@@ -11,171 +19,299 @@ PODS:
     - DoubleConversion
     - glog
   - glog (0.3.5)
-  - React (1000.0.0):
-    - React-Core (= 1000.0.0)
-    - React-DevSupport (= 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-RCTWebSocket (= 1000.0.0)
-  - React-ART (1000.0.0):
-    - React-Core (= 1000.0.0)
-  - React-Core (1000.0.0):
-    - Folly (= 2018.10.22.00)
-    - React-cxxreact (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
-    - yoga (= 1000.0.0.React)
-  - React-cxxreact (1000.0.0):
+  - RCTRequired (0.61.5-microsoft-fb61merge.1)
+  - RCTTypeSafety (0.61.5-microsoft-fb61merge.1):
+    - FBLazyVector (= 0.61.5-microsoft-fb61merge.1)
+    - Folly (= 2018.10.22.00)
+    - RCTRequired (= 0.61.5-microsoft-fb61merge.1)
+    - React-Core (= 0.61.5-microsoft-fb61merge.1)
+  - React (0.61.5-microsoft-fb61merge.1):
+    - React-Core (= 0.61.5-microsoft-fb61merge.1)
+    - React-Core/DevSupport (= 0.61.5-microsoft-fb61merge.1)
+    - React-Core/RCTWebSocket (= 0.61.5-microsoft-fb61merge.1)
+    - React-RCTActionSheet (= 0.61.5-microsoft-fb61merge.1)
+    - React-RCTAnimation (= 0.61.5-microsoft-fb61merge.1)
+    - React-RCTBlob (= 0.61.5-microsoft-fb61merge.1)
+    - React-RCTImage (= 0.61.5-microsoft-fb61merge.1)
+    - React-RCTLinking (= 0.61.5-microsoft-fb61merge.1)
+    - React-RCTNetwork (= 0.61.5-microsoft-fb61merge.1)
+    - React-RCTSettings (= 0.61.5-microsoft-fb61merge.1)
+    - React-RCTText (= 0.61.5-microsoft-fb61merge.1)
+    - React-RCTVibration (= 0.61.5-microsoft-fb61merge.1)
+  - React-ART (0.61.5-microsoft-fb61merge.1):
+    - React-Core/ARTHeaders (= 0.61.5-microsoft-fb61merge.1)
+  - React-Core (0.61.5-microsoft-fb61merge.1):
+    - Folly (= 2018.10.22.00)
+    - glog
+    - React-Core/Default (= 0.61.5-microsoft-fb61merge.1)
+    - React-cxxreact (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsi (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsiexecutor (= 0.61.5-microsoft-fb61merge.1)
+    - Yoga
+  - React-Core/ARTHeaders (0.61.5-microsoft-fb61merge.1):
+    - Folly (= 2018.10.22.00)
+    - glog
+    - React-Core/Default
+    - React-cxxreact (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsi (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsiexecutor (= 0.61.5-microsoft-fb61merge.1)
+    - Yoga
+  - React-Core/CoreModulesHeaders (0.61.5-microsoft-fb61merge.1):
+    - Folly (= 2018.10.22.00)
+    - glog
+    - React-Core/Default
+    - React-cxxreact (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsi (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsiexecutor (= 0.61.5-microsoft-fb61merge.1)
+    - Yoga
+  - React-Core/Default (0.61.5-microsoft-fb61merge.1):
+    - Folly (= 2018.10.22.00)
+    - glog
+    - React-cxxreact (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsi (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsiexecutor (= 0.61.5-microsoft-fb61merge.1)
+    - Yoga
+  - React-Core/DevSupport (0.61.5-microsoft-fb61merge.1):
+    - Folly (= 2018.10.22.00)
+    - glog
+    - React-Core/Default (= 0.61.5-microsoft-fb61merge.1)
+    - React-Core/RCTWebSocket (= 0.61.5-microsoft-fb61merge.1)
+    - React-cxxreact (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsi (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsiexecutor (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsinspector (= 0.61.5-microsoft-fb61merge.1)
+    - Yoga
+  - React-Core/RCTActionSheetHeaders (0.61.5-microsoft-fb61merge.1):
+    - Folly (= 2018.10.22.00)
+    - glog
+    - React-Core/Default
+    - React-cxxreact (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsi (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsiexecutor (= 0.61.5-microsoft-fb61merge.1)
+    - Yoga
+  - React-Core/RCTAnimationHeaders (0.61.5-microsoft-fb61merge.1):
+    - Folly (= 2018.10.22.00)
+    - glog
+    - React-Core/Default
+    - React-cxxreact (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsi (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsiexecutor (= 0.61.5-microsoft-fb61merge.1)
+    - Yoga
+  - React-Core/RCTBlobHeaders (0.61.5-microsoft-fb61merge.1):
+    - Folly (= 2018.10.22.00)
+    - glog
+    - React-Core/Default
+    - React-cxxreact (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsi (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsiexecutor (= 0.61.5-microsoft-fb61merge.1)
+    - Yoga
+  - React-Core/RCTImageHeaders (0.61.5-microsoft-fb61merge.1):
+    - Folly (= 2018.10.22.00)
+    - glog
+    - React-Core/Default
+    - React-cxxreact (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsi (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsiexecutor (= 0.61.5-microsoft-fb61merge.1)
+    - Yoga
+  - React-Core/RCTLinkingHeaders (0.61.5-microsoft-fb61merge.1):
+    - Folly (= 2018.10.22.00)
+    - glog
+    - React-Core/Default
+    - React-cxxreact (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsi (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsiexecutor (= 0.61.5-microsoft-fb61merge.1)
+    - Yoga
+  - React-Core/RCTNetworkHeaders (0.61.5-microsoft-fb61merge.1):
+    - Folly (= 2018.10.22.00)
+    - glog
+    - React-Core/Default
+    - React-cxxreact (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsi (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsiexecutor (= 0.61.5-microsoft-fb61merge.1)
+    - Yoga
+  - React-Core/RCTPushNotificationHeaders (0.61.5-microsoft-fb61merge.1):
+    - Folly (= 2018.10.22.00)
+    - glog
+    - React-Core/Default
+    - React-cxxreact (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsi (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsiexecutor (= 0.61.5-microsoft-fb61merge.1)
+    - Yoga
+  - React-Core/RCTSettingsHeaders (0.61.5-microsoft-fb61merge.1):
+    - Folly (= 2018.10.22.00)
+    - glog
+    - React-Core/Default
+    - React-cxxreact (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsi (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsiexecutor (= 0.61.5-microsoft-fb61merge.1)
+    - Yoga
+  - React-Core/RCTTextHeaders (0.61.5-microsoft-fb61merge.1):
+    - Folly (= 2018.10.22.00)
+    - glog
+    - React-Core/Default
+    - React-cxxreact (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsi (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsiexecutor (= 0.61.5-microsoft-fb61merge.1)
+    - Yoga
+  - React-Core/RCTVibrationHeaders (0.61.5-microsoft-fb61merge.1):
+    - Folly (= 2018.10.22.00)
+    - glog
+    - React-Core/Default
+    - React-cxxreact (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsi (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsiexecutor (= 0.61.5-microsoft-fb61merge.1)
+    - Yoga
+  - React-Core/RCTWebSocket (0.61.5-microsoft-fb61merge.1):
+    - Folly (= 2018.10.22.00)
+    - glog
+    - React-Core/Default (= 0.61.5-microsoft-fb61merge.1)
+    - React-cxxreact (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsi (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsiexecutor (= 0.61.5-microsoft-fb61merge.1)
+    - Yoga
+  - React-CoreModules (0.61.5-microsoft-fb61merge.1):
+    - FBReactNativeSpec (= 0.61.5-microsoft-fb61merge.1)
+    - Folly (= 2018.10.22.00)
+    - RCTTypeSafety (= 0.61.5-microsoft-fb61merge.1)
+    - React-Core/CoreModulesHeaders (= 0.61.5-microsoft-fb61merge.1)
+    - React-RCTImage (= 0.61.5-microsoft-fb61merge.1)
+    - ReactCommon/turbomodule/core (= 0.61.5-microsoft-fb61merge.1)
+  - React-cxxreact (0.61.5-microsoft-fb61merge.1):
     - boost-for-react-native (= 1.63.0)
     - DoubleConversion
     - Folly (= 2018.10.22.00)
     - glog
-    - React-jsinspector (= 1000.0.0)
-  - React-DevSupport (1000.0.0):
-    - React-Core (= 1000.0.0)
-    - React-RCTWebSocket (= 1000.0.0)
-  - React-fishhook (1000.0.0)
-  - React-jscallinvoker (1000.0.0):
-    - Folly (= 2018.10.22.00)
-    - React-cxxreact (= 1000.0.0)
-  - React-jsi (1000.0.0):
+    - React-jsinspector (= 0.61.5-microsoft-fb61merge.1)
+  - React-jsi (0.61.5-microsoft-fb61merge.1):
     - boost-for-react-native (= 1.63.0)
     - DoubleConversion
     - Folly (= 2018.10.22.00)
     - glog
-    - React-jsi/Default (= 1000.0.0)
-  - React-jsi/Default (1000.0.0):
+    - React-jsi/Default (= 0.61.5-microsoft-fb61merge.1)
+  - React-jsi/Default (0.61.5-microsoft-fb61merge.1):
     - boost-for-react-native (= 1.63.0)
     - DoubleConversion
     - Folly (= 2018.10.22.00)
     - glog
-  - React-jsiexecutor (1000.0.0):
+  - React-jsiexecutor (0.61.5-microsoft-fb61merge.1):
+    - DoubleConversion
+    - Folly (= 2018.10.22.00)
+    - glog
+    - React-cxxreact (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsi (= 0.61.5-microsoft-fb61merge.1)
+  - React-jsinspector (0.61.5-microsoft-fb61merge.1)
+  - React-RCTActionSheet (0.61.5-microsoft-fb61merge.1):
+    - React-Core/RCTActionSheetHeaders (= 0.61.5-microsoft-fb61merge.1)
+  - React-RCTAnimation (0.61.5-microsoft-fb61merge.1):
+    - React-Core/RCTAnimationHeaders (= 0.61.5-microsoft-fb61merge.1)
+  - React-RCTBlob (0.61.5-microsoft-fb61merge.1):
+    - React-Core/RCTBlobHeaders (= 0.61.5-microsoft-fb61merge.1)
+    - React-Core/RCTWebSocket (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsi (= 0.61.5-microsoft-fb61merge.1)
+    - React-RCTNetwork (= 0.61.5-microsoft-fb61merge.1)
+  - React-RCTImage (0.61.5-microsoft-fb61merge.1):
+    - React-Core/RCTImageHeaders (= 0.61.5-microsoft-fb61merge.1)
+    - React-RCTNetwork (= 0.61.5-microsoft-fb61merge.1)
+  - React-RCTLinking (0.61.5-microsoft-fb61merge.1):
+    - React-Core/RCTLinkingHeaders (= 0.61.5-microsoft-fb61merge.1)
+  - React-RCTNetwork (0.61.5-microsoft-fb61merge.1):
+    - React-Core/RCTNetworkHeaders (= 0.61.5-microsoft-fb61merge.1)
+  - React-RCTPushNotification (0.61.5-microsoft-fb61merge.1):
+    - React-Core/RCTPushNotificationHeaders (= 0.61.5-microsoft-fb61merge.1)
+  - React-RCTSettings (0.61.5-microsoft-fb61merge.1):
+    - React-Core/RCTSettingsHeaders (= 0.61.5-microsoft-fb61merge.1)
+  - React-RCTTest (0.61.5-microsoft-fb61merge.1):
+    - React-Core (= 0.61.5-microsoft-fb61merge.1)
+  - React-RCTText (0.61.5-microsoft-fb61merge.1):
+    - React-Core/RCTTextHeaders (= 0.61.5-microsoft-fb61merge.1)
+  - React-RCTVibration (0.61.5-microsoft-fb61merge.1):
+    - React-Core/RCTVibrationHeaders (= 0.61.5-microsoft-fb61merge.1)
+  - ReactCommon/jscallinvoker (0.61.5-microsoft-fb61merge.1):
     - DoubleConversion
     - Folly (= 2018.10.22.00)
     - glog
-    - React-cxxreact (= 1000.0.0)
-    - React-jsi (= 1000.0.0)
-  - React-jsinspector (1000.0.0)
-  - React-RCTActionSheet (1000.0.0):
-    - React-Core (= 1000.0.0)
-  - React-RCTAnimation (1000.0.0):
-    - React-Core (= 1000.0.0)
-  - React-RCTBlob (1000.0.0):
-    - React-Core (= 1000.0.0)
-    - React-RCTNetwork (= 1000.0.0)
-    - React-RCTWebSocket (= 1000.0.0)
-  - React-RCTCameraRoll (1000.0.0):
-    - React-Core (= 1000.0.0)
-    - React-RCTImage (= 1000.0.0)
-  - React-RCTImage (1000.0.0):
-    - React-Core (= 1000.0.0)
-    - React-RCTNetwork (= 1000.0.0)
-  - React-RCTLinking (1000.0.0):
-    - React-Core (= 1000.0.0)
-  - React-RCTNetwork (1000.0.0):
-    - React-Core (= 1000.0.0)
-  - React-RCTPushNotification (1000.0.0):
-    - React-Core (= 1000.0.0)
-  - React-RCTSettings (1000.0.0):
-    - React-Core (= 1000.0.0)
-  - React-RCTTest (1000.0.0):
-    - React-Core (= 1000.0.0)
-  - React-RCTText (1000.0.0):
-    - React-Core (= 1000.0.0)
-  - React-RCTVibration (1000.0.0):
-    - React-Core (= 1000.0.0)
-  - React-RCTWebSocket (1000.0.0):
-    - React-Core (= 1000.0.0)
-    - React-fishhook (= 1000.0.0)
-  - React-turbomodule-core (1000.0.0):
-    - Folly (= 2018.10.22.00)
-    - React-Core (= 1000.0.0)
-    - React-cxxreact (= 1000.0.0)
-    - React-jscallinvoker (= 1000.0.0)
-    - React-jsi (= 1000.0.0)
-    - React-turbomodule-core/core-ios (= 1000.0.0)
-  - React-turbomodule-core/core-ios (1000.0.0):
-    - Folly (= 2018.10.22.00)
-    - React-Core (= 1000.0.0)
-    - React-cxxreact (= 1000.0.0)
-    - React-jscallinvoker (= 1000.0.0)
-    - React-jsi (= 1000.0.0)
-  - React-turbomodule-samples (1000.0.0):
-    - Folly (= 2018.10.22.00)
-    - React-Core (= 1000.0.0)
-    - React-cxxreact (= 1000.0.0)
-    - React-jsi (= 1000.0.0)
-    - React-turbomodule-core (= 1000.0.0)
-    - React-turbomodule-samples/samples-ios (= 1000.0.0)
-  - React-turbomodule-samples/samples-ios (1000.0.0):
-    - Folly (= 2018.10.22.00)
-    - React-Core (= 1000.0.0)
-    - React-cxxreact (= 1000.0.0)
-    - React-jsi (= 1000.0.0)
-    - React-turbomodule-core (= 1000.0.0)
-  - yoga (1000.0.0.React)
+    - React-cxxreact (= 0.61.5-microsoft-fb61merge.1)
+  - ReactCommon/turbomodule/core (0.61.5-microsoft-fb61merge.1):
+    - DoubleConversion
+    - Folly (= 2018.10.22.00)
+    - glog
+    - React-Core (= 0.61.5-microsoft-fb61merge.1)
+    - React-cxxreact (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsi (= 0.61.5-microsoft-fb61merge.1)
+    - ReactCommon/jscallinvoker (= 0.61.5-microsoft-fb61merge.1)
+  - ReactCommon/turbomodule/samples (0.61.5-microsoft-fb61merge.1):
+    - DoubleConversion
+    - Folly (= 2018.10.22.00)
+    - glog
+    - React-Core (= 0.61.5-microsoft-fb61merge.1)
+    - React-cxxreact (= 0.61.5-microsoft-fb61merge.1)
+    - React-jsi (= 0.61.5-microsoft-fb61merge.1)
+    - ReactCommon/jscallinvoker (= 0.61.5-microsoft-fb61merge.1)
+    - ReactCommon/turbomodule/core (= 0.61.5-microsoft-fb61merge.1)
+  - Yoga (1.14.0)
 
 DEPENDENCIES:
   - boost-for-react-native (from `../third-party-podspecs/boost-for-react-native.podspec`)
   - DoubleConversion (from `../third-party-podspecs/DoubleConversion.podspec`)
+  - FBLazyVector (from `../Libraries/FBLazyVector`)
+  - FBReactNativeSpec (from `../Libraries/FBReactNativeSpec`)
   - Folly (from `../third-party-podspecs/Folly.podspec`)
   - glog (from `../third-party-podspecs/glog.podspec`)
+  - RCTRequired (from `../Libraries/RCTRequired`)
+  - RCTTypeSafety (from `../Libraries/TypeSafety`)
   - React (from `../`)
   - React-ART (from `../Libraries/ART`)
-  - React-Core (from `../React`)
+  - React-Core (from `../`)
+  - React-Core/DevSupport (from `../`)
+  - React-Core/RCTWebSocket (from `../`)
+  - React-CoreModules (from `../React/CoreModules`)
   - React-cxxreact (from `../ReactCommon/cxxreact`)
-  - React-DevSupport (from `../React`)
-  - React-fishhook (from `../Libraries/fishhook`)
-  - React-jscallinvoker (from `../ReactCommon/jscallinvoker`)
   - React-jsi (from `../ReactCommon/jsi`)
   - React-jsiexecutor (from `../ReactCommon/jsiexecutor`)
   - React-jsinspector (from `../ReactCommon/jsinspector`)
   - React-RCTActionSheet (from `../Libraries/ActionSheetIOS`)
   - React-RCTAnimation (from `../Libraries/NativeAnimation`)
   - React-RCTBlob (from `../Libraries/Blob`)
-  - React-RCTCameraRoll (from `../Libraries/CameraRoll`)
   - React-RCTImage (from `../Libraries/Image`)
   - React-RCTLinking (from `../Libraries/LinkingIOS`)
   - React-RCTNetwork (from `../Libraries/Network`)
   - React-RCTPushNotification (from `../Libraries/PushNotificationIOS`)
   - React-RCTSettings (from `../Libraries/Settings`)
-  - React-RCTTest (from `./RCTTest`)
+  - React-RCTTest (from `RCTTest`)
   - React-RCTText (from `../Libraries/Text`)
   - React-RCTVibration (from `../Libraries/Vibration`)
-  - React-RCTWebSocket (from `../Libraries/WebSocket`)
-  - React-turbomodule-core (from `../ReactCommon/turbomodule/core`)
-  - React-turbomodule-samples (from `../ReactCommon/turbomodule/samples`)
-  - yoga (from `../ReactCommon/yoga`)
+  - ReactCommon/jscallinvoker (from `../ReactCommon`)
+  - ReactCommon/turbomodule/core (from `../ReactCommon`)
+  - ReactCommon/turbomodule/samples (from `../ReactCommon`)
+  - Yoga (from `../ReactCommon/yoga`)
 
 EXTERNAL SOURCES:
   boost-for-react-native:
     :podspec: "../third-party-podspecs/boost-for-react-native.podspec"
   DoubleConversion:
     :podspec: "../third-party-podspecs/DoubleConversion.podspec"
+  FBLazyVector:
+    :path: "../Libraries/FBLazyVector"
+  FBReactNativeSpec:
+    :path: "../Libraries/FBReactNativeSpec"
   Folly:
     :podspec: "../third-party-podspecs/Folly.podspec"
   glog:
     :podspec: "../third-party-podspecs/glog.podspec"
+  RCTRequired:
+    :path: "../Libraries/RCTRequired"
+  RCTTypeSafety:
+    :path: "../Libraries/TypeSafety"
   React:
     :path: "../"
   React-ART:
     :path: "../Libraries/ART"
   React-Core:
-    :path: "../React"
+    :path: "../"
+  React-CoreModules:
+    :path: "../React/CoreModules"
   React-cxxreact:
     :path: "../ReactCommon/cxxreact"
-  React-DevSupport:
-    :path: "../React"
-  React-fishhook:
-    :path: "../Libraries/fishhook"
-  React-jscallinvoker:
-    :path: "../ReactCommon/jscallinvoker"
   React-jsi:
     :path: "../ReactCommon/jsi"
   React-jsiexecutor:
@@ -188,8 +324,6 @@ EXTERNAL SOURCES:
     :path: "../Libraries/NativeAnimation"
   React-RCTBlob:
     :path: "../Libraries/Blob"
-  React-RCTCameraRoll:
-    :path: "../Libraries/CameraRoll"
   React-RCTImage:
     :path: "../Libraries/Image"
   React-RCTLinking:
@@ -201,52 +335,47 @@ EXTERNAL SOURCES:
   React-RCTSettings:
     :path: "../Libraries/Settings"
   React-RCTTest:
-    :path: "./RCTTest"
+    :path: RCTTest
   React-RCTText:
     :path: "../Libraries/Text"
   React-RCTVibration:
     :path: "../Libraries/Vibration"
-  React-RCTWebSocket:
-    :path: "../Libraries/WebSocket"
-  React-turbomodule-core:
-    :path: "../ReactCommon/turbomodule/core"
-  React-turbomodule-samples:
-    :path: "../ReactCommon/turbomodule/samples"
-  yoga:
+  ReactCommon:
+    :path: "../ReactCommon"
+  Yoga:
     :path: "../ReactCommon/yoga"
 
 SPEC CHECKSUMS:
   boost-for-react-native: a110407d9db2642fd2e1bcd7c5a51c81f2521dc9
   DoubleConversion: a1bc12a74baa397a2609e0f10e19b8062d864053
+  FBLazyVector: 5dfe164c4ecb355c7c99cd823e1d84ff1a5788bc
+  FBReactNativeSpec: 28b8ea431b593568368273a8351d3626b7072b76
   Folly: feff29ba9d0b7c2e4f793a94942831d6cc5bbad7
   glog: b3f6d74f3e2d33396addc0ee724d2b2b79fc3e00
-  React: 74861516f70acbdca7b2548aa557bf8deee9698d
-  React-ART: 08abf61755c11f2adbc78ae6e2f5b087a403a677
-  React-Core: 06246a75cdb32beacf777cda87c61c13276b4271
-  React-cxxreact: 3e49ca16e0117d19b859450041c7fe4dc9296399
-  React-DevSupport: 91d8812ad81fbfa8084b06e131e3d80087c665e9
-  React-fishhook: 1a55e7b86dcab2d0e0db1268681365c3f5eefe0a
-  React-jscallinvoker: f84d92e0e70a0f8a04907d0682a7c58533708b67
-  React-jsi: 87033eb3052f4e6b8bf54af32c8f0a29ffbec13c
-  React-jsiexecutor: 9af31e4fb3c7157d6437d11a4686974ffd5310b7
-  React-jsinspector: bd0f3d1d100ec90008bdceeecc3b2ccde15f349c
-  React-RCTActionSheet: c3adb7754a32492fc5e0bcaf2395221006588b6b
-  React-RCTAnimation: ae01c6e813366aef34ebe182f007ca42365b5f47
-  React-RCTBlob: 4c36d6a42e2d2ad5deff4b2182ffcf4c6ff0c048
-  React-RCTCameraRoll: 4c8233e7d0d3aee3448faaaa5df90f8168abaeed
-  React-RCTImage: 841010ce5a7a0eb96bc3f22659560a176a254fc9
-  React-RCTLinking: 4fe50097a4d8c9649b25fd6639257aa475530656
-  React-RCTNetwork: b7bf49cc581752158e8aeee3e9aae83ab61fbcd0
-  React-RCTPushNotification: 79cbb2aaf51f65b94e844c876f462ec07be33ac5
-  React-RCTSettings: 1ad264bf310d7cf7f2b29c94836b84e5a0ca1561
-  React-RCTTest: 6621c76066fa0c1293149d06c2bf2d5b06be6956
-  React-RCTText: fc8369e3ce7c9a474efc539d84b4f9bdc921bc0a
-  React-RCTVibration: d9a3da17bd5d3f4d8b57a40e3e7fb842f7e62694
-  React-RCTWebSocket: 7bb0868fafa9e8ed961a8f87879e2d2bf7946b3d
-  React-turbomodule-core: 970dd38c0e59a09b5919e0a097abdd099c4ae9a7
-  React-turbomodule-samples: 4d9081847444fe313ac06bb6ec604c35e49ba8c7
-  yoga: fb23117669f477b0f4b3849d6999414cba0c69b7
+  RCTRequired: a92bf3036ee83300f125e3ee403252f551293faf
+  RCTTypeSafety: 894595ede98c88e05ee2032f4316e30a07c909d0
+  React: 1a7744d3583f828c5b368d97bc1d6883c3ef5061
+  React-ART: 55140fce0343403c2673714c647dcce3197a3e21
+  React-Core: f9055a8a893057ebbb2d6c23760e3f6ef79d68fb
+  React-CoreModules: b9bb34399e89d5e0377318e133da1ac378931f39
+  React-cxxreact: c0472143c05562852bf9733164bc4df083267b0e
+  React-jsi: e72668b938c2fa510bcd1512ba57428a85bda150
+  React-jsiexecutor: dd2f155314ab1298d2de1552aab62293e91ecb90
+  React-jsinspector: cd6ba3c471eb2bc85907e6b34b330efe932bf841
+  React-RCTActionSheet: d2286019562b8d450539169bd8e652c2a1e89339
+  React-RCTAnimation: cb5a777cb6d0da54b17d1466c6fd6851a468cd89
+  React-RCTBlob: b108e5553a9a1c6876d88e6e896ec766f2160b06
+  React-RCTImage: 1110fc0018a3689e19033373eff412aad9855e0e
+  React-RCTLinking: 69e440dda05ef2a05475b6f59d6ae13df3fc0897
+  React-RCTNetwork: 24ea076fa72d5268f040154908794da9f1de4677
+  React-RCTPushNotification: 23dad6b2aed72c0314de77d69dcd71e5c4471b78
+  React-RCTSettings: ca6bee2469300226003a53a29eaac57be1e2c918
+  React-RCTTest: 054f7afca584b04069b25cde0570494d5824336d
+  React-RCTText: 8d5cf19c48793405597b7ac85e71ae48606fcf0c
+  React-RCTVibration: c1d3ddc2070a3bee4b0c8d8653393ca0ff976dc7
+  ReactCommon: 7571c31a09af5ea4d3f0bf2bc4c64b4442ff300c
+  Yoga: 8e1634114a2a688230bce816fa00459aaa088671
 
-PODFILE CHECKSUM: d10549a91f1ecde1496088874e41348b2cd79f9f
+PODFILE CHECKSUM: c0ee8fa1224b483cb7f0297981cb8fe4813aa299
 
 COCOAPODS: 1.8.4
diff --git a/RNTester/RCTTest/FBSnapshotTestCase/FBSnapshotTestController.h b/RNTester/RCTTest/FBSnapshotTestCase/FBSnapshotTestController.h
index 9c252b714a4b1f..b432fa652c10bf 100644
--- a/RNTester/RCTTest/FBSnapshotTestCase/FBSnapshotTestController.h
+++ b/RNTester/RCTTest/FBSnapshotTestCase/FBSnapshotTestController.h
@@ -55,7 +55,7 @@ extern NSString *const FBReferenceImageFilePathKey;
  Performs the comparison of the view.
  @param view The view to snapshot.
  @param selector selector
- @param identifier An optional identifier, used is there are muliptle snapshot tests in a given -test method.
+ @param identifier An optional identifier, used is there are multiple snapshot tests in a given -test method.
  @param errorPtr An error to log in an XCTAssert() macro if the method fails (missing reference image, images differ, etc).
  @returns YES if the comparison (or saving of the reference image) succeeded.
  */
diff --git a/RNTester/RCTTest/FBSnapshotTestCase/FBSnapshotTestController.m b/RNTester/RCTTest/FBSnapshotTestCase/FBSnapshotTestController.m
index 4b8ca212578278..154e18e943e924 100644
--- a/RNTester/RCTTest/FBSnapshotTestCase/FBSnapshotTestController.m
+++ b/RNTester/RCTTest/FBSnapshotTestCase/FBSnapshotTestController.m
@@ -10,6 +10,8 @@
 
 #import <objc/runtime.h>
 
+#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
+
 #import "UIImage+Compare.h"
 #import "UIImage+Diff.h"
 
diff --git a/RNTester/RCTTest/RCTTest.xcodeproj/project.pbxproj b/RNTester/RCTTest/RCTTest.xcodeproj/project.pbxproj
deleted file mode 100644
index ed521b57a7cf05..00000000000000
--- a/RNTester/RCTTest/RCTTest.xcodeproj/project.pbxproj
+++ /dev/null
@@ -1,593 +0,0 @@
-// !$*UTF8*$!
-{
-	archiveVersion = 1;
-	classes = {
-	};
-	objectVersion = 46;
-	objects = {
-
-/* Begin PBXBuildFile section */
-		183938D21F9A563A00930D92 /* RCTTestRunner.m in Sources */ = {isa = PBXBuildFile; fileRef = 585135361AB3C56F00882537 /* RCTTestRunner.m */; };
-		183938D61F9A58A500930D92 /* FBSnapshotTestController.m in Sources */ = {isa = PBXBuildFile; fileRef = 58E64FE71AB964CD007446E2 /* FBSnapshotTestController.m */; };
-		18DF57141EFA052000BF4666 /* RCTTestRunner.h in Headers */ = {isa = PBXBuildFile; fileRef = 585135351AB3C56F00882537 /* RCTTestRunner.h */; settings = {ATTRIBUTES = (Private, ); }; };
-		18DF57161EFA052000BF4666 /* RCTTestRunner.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 585135351AB3C56F00882537 /* RCTTestRunner.h */; };
-		18DF57191EFA052000BF4666 /* RCTSnapshotManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 9913A84A1BBE833400D70E66 /* RCTSnapshotManager.m */; };
-		18DF571A1EFA052000BF4666 /* RCTTestModule.m in Sources */ = {isa = PBXBuildFile; fileRef = 585135341AB3C56F00882537 /* RCTTestModule.m */; };
-		2D3B5F2D1D9B0F2800451313 /* RCTSnapshotManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 9913A84A1BBE833400D70E66 /* RCTSnapshotManager.m */; };
-		2D3B5F2E1D9B0F2B00451313 /* RCTTestModule.m in Sources */ = {isa = PBXBuildFile; fileRef = 585135341AB3C56F00882537 /* RCTTestModule.m */; };
-		2D3B5F2F1D9B0F2E00451313 /* RCTTestRunner.m in Sources */ = {isa = PBXBuildFile; fileRef = 585135361AB3C56F00882537 /* RCTTestRunner.m */; };
-		2D3B5F301D9B0F3D00451313 /* FBSnapshotTestController.m in Sources */ = {isa = PBXBuildFile; fileRef = 58E64FE71AB964CD007446E2 /* FBSnapshotTestController.m */; };
-		2D3B5F311D9B0F4200451313 /* UIImage+Compare.m in Sources */ = {isa = PBXBuildFile; fileRef = 58E64FE91AB964CD007446E2 /* UIImage+Compare.m */; };
-		2D3B5F321D9B0F4500451313 /* UIImage+Diff.m in Sources */ = {isa = PBXBuildFile; fileRef = 58E64FEB1AB964CD007446E2 /* UIImage+Diff.m */; };
-		3D3030281DF82A6300D6DDAE /* RCTTestRunner.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 585135351AB3C56F00882537 /* RCTTestRunner.h */; };
-		3D30302A1DF82A8300D6DDAE /* RCTTestRunner.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 585135351AB3C56F00882537 /* RCTTestRunner.h */; };
-		3DED3AA21DE6FC3400336DD7 /* RCTTestRunner.h in Headers */ = {isa = PBXBuildFile; fileRef = 585135351AB3C56F00882537 /* RCTTestRunner.h */; settings = {ATTRIBUTES = (Private, ); }; };
-		3DED3AA41DE6FC4C00336DD7 /* RCTTestRunner.h in Headers */ = {isa = PBXBuildFile; fileRef = 585135351AB3C56F00882537 /* RCTTestRunner.h */; settings = {ATTRIBUTES = (Private, ); }; };
-		585135371AB3C56F00882537 /* RCTTestModule.m in Sources */ = {isa = PBXBuildFile; fileRef = 585135341AB3C56F00882537 /* RCTTestModule.m */; };
-		585135381AB3C57000882537 /* RCTTestRunner.m in Sources */ = {isa = PBXBuildFile; fileRef = 585135361AB3C56F00882537 /* RCTTestRunner.m */; };
-		58E64FED1AB964CD007446E2 /* FBSnapshotTestController.m in Sources */ = {isa = PBXBuildFile; fileRef = 58E64FE71AB964CD007446E2 /* FBSnapshotTestController.m */; };
-		58E64FEE1AB964CD007446E2 /* UIImage+Compare.m in Sources */ = {isa = PBXBuildFile; fileRef = 58E64FE91AB964CD007446E2 /* UIImage+Compare.m */; };
-		58E64FEF1AB964CD007446E2 /* UIImage+Diff.m in Sources */ = {isa = PBXBuildFile; fileRef = 58E64FEB1AB964CD007446E2 /* UIImage+Diff.m */; };
-		9913A84B1BBE833400D70E66 /* RCTSnapshotManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 9913A84A1BBE833400D70E66 /* RCTSnapshotManager.m */; };
-		9F153502233AB5A1006DFE44 /* UIImage+Compare.m in Sources */ = {isa = PBXBuildFile; fileRef = 58E64FE91AB964CD007446E2 /* UIImage+Compare.m */; };
-		9F153503233AB65F006DFE44 /* UIImage+Diff.m in Sources */ = {isa = PBXBuildFile; fileRef = 58E64FEB1AB964CD007446E2 /* UIImage+Diff.m */; };
-/* End PBXBuildFile section */
-
-/* Begin PBXCopyFilesBuildPhase section */
-		18DF57151EFA052000BF4666 /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/RCTTest;
-			dstSubfolderSpec = 16;
-			files = (
-				18DF57161EFA052000BF4666 /* RCTTestRunner.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D3030271DF8299E00D6DDAE /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/RCTTest;
-			dstSubfolderSpec = 16;
-			files = (
-				3D3030281DF82A6300D6DDAE /* RCTTestRunner.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D3030291DF82A6E00D6DDAE /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/RCTTest;
-			dstSubfolderSpec = 16;
-			files = (
-				3D30302A1DF82A8300D6DDAE /* RCTTestRunner.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXCopyFilesBuildPhase section */
-
-/* Begin PBXFileReference section */
-		18DF57221EFA052000BF4666 /* libRCTTest-macOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libRCTTest-macOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		2D2A286E1D9B047700D4039D /* libRCTTest-tvOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libRCTTest-tvOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		580C376F1AB104AF0015E709 /* libRCTTest.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRCTTest.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		585135331AB3C56F00882537 /* RCTTestModule.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTTestModule.h; sourceTree = "<group>"; };
-		585135341AB3C56F00882537 /* RCTTestModule.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTTestModule.m; sourceTree = "<group>"; };
-		585135351AB3C56F00882537 /* RCTTestRunner.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTTestRunner.h; sourceTree = "<group>"; };
-		585135361AB3C56F00882537 /* RCTTestRunner.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTTestRunner.m; sourceTree = "<group>"; };
-		58E64FE41AB964CD007446E2 /* FBSnapshotTestCase.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = FBSnapshotTestCase.h; sourceTree = "<group>"; };
-		58E64FE51AB964CD007446E2 /* FBSnapshotTestCase.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = FBSnapshotTestCase.m; sourceTree = "<group>"; };
-		58E64FE61AB964CD007446E2 /* FBSnapshotTestController.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = FBSnapshotTestController.h; sourceTree = "<group>"; };
-		58E64FE71AB964CD007446E2 /* FBSnapshotTestController.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = FBSnapshotTestController.m; sourceTree = "<group>"; };
-		58E64FE81AB964CD007446E2 /* UIImage+Compare.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = "UIImage+Compare.h"; sourceTree = "<group>"; };
-		58E64FE91AB964CD007446E2 /* UIImage+Compare.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = "UIImage+Compare.m"; sourceTree = "<group>"; };
-		58E64FEA1AB964CD007446E2 /* UIImage+Diff.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = "UIImage+Diff.h"; sourceTree = "<group>"; };
-		58E64FEB1AB964CD007446E2 /* UIImage+Diff.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = "UIImage+Diff.m"; sourceTree = "<group>"; };
-		9913A8491BBE833400D70E66 /* RCTSnapshotManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSnapshotManager.h; sourceTree = "<group>"; };
-		9913A84A1BBE833400D70E66 /* RCTSnapshotManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTSnapshotManager.m; sourceTree = "<group>"; };
-		9F153505233AB783006DFE44 /* libReact.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = libReact.a; sourceTree = BUILT_PRODUCTS_DIR; };
-/* End PBXFileReference section */
-
-/* Begin PBXFrameworksBuildPhase section */
-		18DF571E1EFA052000BF4666 /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		2D2A286B1D9B047700D4039D /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		580C376C1AB104AF0015E709 /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXFrameworksBuildPhase section */
-
-/* Begin PBXGroup section */
-		580C37661AB104AF0015E709 = {
-			isa = PBXGroup;
-			children = (
-				58E64FE31AB964CD007446E2 /* FBSnapshotTestCase */,
-				9913A8491BBE833400D70E66 /* RCTSnapshotManager.h */,
-				9913A84A1BBE833400D70E66 /* RCTSnapshotManager.m */,
-				585135331AB3C56F00882537 /* RCTTestModule.h */,
-				585135341AB3C56F00882537 /* RCTTestModule.m */,
-				585135351AB3C56F00882537 /* RCTTestRunner.h */,
-				585135361AB3C56F00882537 /* RCTTestRunner.m */,
-				580C37701AB104AF0015E709 /* Products */,
-				9F153504233AB783006DFE44 /* Frameworks */,
-			);
-			indentWidth = 2;
-			sourceTree = "<group>";
-			tabWidth = 2;
-			usesTabs = 0;
-		};
-		580C37701AB104AF0015E709 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				580C376F1AB104AF0015E709 /* libRCTTest.a */,
-				2D2A286E1D9B047700D4039D /* libRCTTest-tvOS.a */,
-				18DF57221EFA052000BF4666 /* libRCTTest-macOS.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		58E64FE31AB964CD007446E2 /* FBSnapshotTestCase */ = {
-			isa = PBXGroup;
-			children = (
-				58E64FE41AB964CD007446E2 /* FBSnapshotTestCase.h */,
-				58E64FE51AB964CD007446E2 /* FBSnapshotTestCase.m */,
-				58E64FE61AB964CD007446E2 /* FBSnapshotTestController.h */,
-				58E64FE71AB964CD007446E2 /* FBSnapshotTestController.m */,
-				58E64FE81AB964CD007446E2 /* UIImage+Compare.h */,
-				58E64FE91AB964CD007446E2 /* UIImage+Compare.m */,
-				58E64FEA1AB964CD007446E2 /* UIImage+Diff.h */,
-				58E64FEB1AB964CD007446E2 /* UIImage+Diff.m */,
-			);
-			path = FBSnapshotTestCase;
-			sourceTree = "<group>";
-		};
-		9F153504233AB783006DFE44 /* Frameworks */ = {
-			isa = PBXGroup;
-			children = (
-				9F153505233AB783006DFE44 /* libReact.a */,
-			);
-			name = Frameworks;
-			sourceTree = "<group>";
-		};
-/* End PBXGroup section */
-
-/* Begin PBXHeadersBuildPhase section */
-		18DF57131EFA052000BF4666 /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				18DF57141EFA052000BF4666 /* RCTTestRunner.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3DED3AA11DE6FC2200336DD7 /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				3DED3AA21DE6FC3400336DD7 /* RCTTestRunner.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3DED3AA31DE6FC4700336DD7 /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				3DED3AA41DE6FC4C00336DD7 /* RCTTestRunner.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXHeadersBuildPhase section */
-
-/* Begin PBXNativeTarget section */
-		18DF57121EFA052000BF4666 /* RCTTest-macOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 18DF571F1EFA052000BF4666 /* Build configuration list for PBXNativeTarget "RCTTest-macOS" */;
-			buildPhases = (
-				18DF57131EFA052000BF4666 /* Headers */,
-				18DF57151EFA052000BF4666 /* Copy Headers */,
-				18DF57171EFA052000BF4666 /* Sources */,
-				18DF571E1EFA052000BF4666 /* Frameworks */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "RCTTest-macOS";
-			productName = RCTTest;
-			productReference = 18DF57221EFA052000BF4666 /* libRCTTest-macOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		2D2A286D1D9B047700D4039D /* RCTTest-tvOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 2D2A28761D9B047700D4039D /* Build configuration list for PBXNativeTarget "RCTTest-tvOS" */;
-			buildPhases = (
-				3DED3AA31DE6FC4700336DD7 /* Headers */,
-				3D3030291DF82A6E00D6DDAE /* Copy Headers */,
-				2D2A286A1D9B047700D4039D /* Sources */,
-				2D2A286B1D9B047700D4039D /* Frameworks */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "RCTTest-tvOS";
-			productName = "RCTTest-tvOS";
-			productReference = 2D2A286E1D9B047700D4039D /* libRCTTest-tvOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		580C376E1AB104AF0015E709 /* RCTTest */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 580C37831AB104AF0015E709 /* Build configuration list for PBXNativeTarget "RCTTest" */;
-			buildPhases = (
-				3DED3AA11DE6FC2200336DD7 /* Headers */,
-				3D3030271DF8299E00D6DDAE /* Copy Headers */,
-				580C376B1AB104AF0015E709 /* Sources */,
-				580C376C1AB104AF0015E709 /* Frameworks */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = RCTTest;
-			productName = RCTTest;
-			productReference = 580C376F1AB104AF0015E709 /* libRCTTest.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-/* End PBXNativeTarget section */
-
-/* Begin PBXProject section */
-		580C37671AB104AF0015E709 /* Project object */ = {
-			isa = PBXProject;
-			attributes = {
-				LastUpgradeCheck = 0940;
-				ORGANIZATIONNAME = Facebook;
-				TargetAttributes = {
-					2D2A286D1D9B047700D4039D = {
-						CreatedOnToolsVersion = 8.0;
-						ProvisioningStyle = Automatic;
-					};
-					580C376E1AB104AF0015E709 = {
-						CreatedOnToolsVersion = 6.1.1;
-					};
-				};
-			};
-			buildConfigurationList = 580C376A1AB104AF0015E709 /* Build configuration list for PBXProject "RCTTest" */;
-			compatibilityVersion = "Xcode 3.2";
-			developmentRegion = English;
-			hasScannedForEncodings = 0;
-			knownRegions = (
-				English,
-				en,
-			);
-			mainGroup = 580C37661AB104AF0015E709;
-			productRefGroup = 580C37701AB104AF0015E709 /* Products */;
-			projectDirPath = "";
-			projectRoot = "";
-			targets = (
-				580C376E1AB104AF0015E709 /* RCTTest */,
-				2D2A286D1D9B047700D4039D /* RCTTest-tvOS */,
-				18DF57121EFA052000BF4666 /* RCTTest-macOS */,
-			);
-		};
-/* End PBXProject section */
-
-/* Begin PBXSourcesBuildPhase section */
-		18DF57171EFA052000BF4666 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9F153502233AB5A1006DFE44 /* UIImage+Compare.m in Sources */,
-				18DF57191EFA052000BF4666 /* RCTSnapshotManager.m in Sources */,
-				9F153503233AB65F006DFE44 /* UIImage+Diff.m in Sources */,
-				183938D61F9A58A500930D92 /* FBSnapshotTestController.m in Sources */,
-				183938D21F9A563A00930D92 /* RCTTestRunner.m in Sources */,
-				18DF571A1EFA052000BF4666 /* RCTTestModule.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		2D2A286A1D9B047700D4039D /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				2D3B5F311D9B0F4200451313 /* UIImage+Compare.m in Sources */,
-				2D3B5F2F1D9B0F2E00451313 /* RCTTestRunner.m in Sources */,
-				2D3B5F321D9B0F4500451313 /* UIImage+Diff.m in Sources */,
-				2D3B5F301D9B0F3D00451313 /* FBSnapshotTestController.m in Sources */,
-				2D3B5F2D1D9B0F2800451313 /* RCTSnapshotManager.m in Sources */,
-				2D3B5F2E1D9B0F2B00451313 /* RCTTestModule.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		580C376B1AB104AF0015E709 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				58E64FEE1AB964CD007446E2 /* UIImage+Compare.m in Sources */,
-				9913A84B1BBE833400D70E66 /* RCTSnapshotManager.m in Sources */,
-				585135371AB3C56F00882537 /* RCTTestModule.m in Sources */,
-				58E64FEF1AB964CD007446E2 /* UIImage+Diff.m in Sources */,
-				58E64FED1AB964CD007446E2 /* FBSnapshotTestController.m in Sources */,
-				585135381AB3C57000882537 /* RCTTestRunner.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXSourcesBuildPhase section */
-
-/* Begin XCBuildConfiguration section */
-		18DF57201EFA052000BF4666 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				OTHER_LDFLAGS = (
-					"-ObjC",
-					"-framework",
-					XCTest,
-				);
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/RCTTest;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-				SDKROOT = macosx;
-			};
-			name = Debug;
-		};
-		18DF57211EFA052000BF4666 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				OTHER_LDFLAGS = (
-					"-ObjC",
-					"-framework",
-					XCTest,
-				);
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/RCTTest;
-				SDKROOT = macosx;
-			};
-			name = Release;
-		};
-		2D2A28741D9B047700D4039D /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				ENABLE_TESTABILITY = YES;
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/RCTTest;
-				SDKROOT = appletvos;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Debug;
-		};
-		2D2A28751D9B047700D4039D /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/RCTTest;
-				SDKROOT = appletvos;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Release;
-		};
-		580C37811AB104AF0015E709 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				ENABLE_TESTABILITY = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_DYNAMIC_NO_PIC = NO;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_OPTIMIZATION_LEVEL = 0;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"$(inherited)",
-				);
-				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = YES;
-				ONLY_ACTIVE_ARCH = YES;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-				);
-			};
-			name = Debug;
-		};
-		580C37821AB104AF0015E709 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				COPY_PHASE_STRIP = YES;
-				ENABLE_NS_ASSERTIONS = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = NO;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				VALIDATE_PRODUCT = YES;
-				WARNING_CFLAGS = (
-					"-Werror",
-					"-Wall",
-				);
-			};
-			name = Release;
-		};
-		580C37841AB104AF0015E709 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				OTHER_LDFLAGS = (
-					"-ObjC",
-					"-framework",
-					XCTest,
-				);
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/RCTTest;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-			};
-			name = Debug;
-		};
-		580C37851AB104AF0015E709 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				OTHER_LDFLAGS = (
-					"-ObjC",
-					"-framework",
-					XCTest,
-				);
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/RCTTest;
-			};
-			name = Release;
-		};
-/* End XCBuildConfiguration section */
-
-/* Begin XCConfigurationList section */
-		18DF571F1EFA052000BF4666 /* Build configuration list for PBXNativeTarget "RCTTest-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				18DF57201EFA052000BF4666 /* Debug */,
-				18DF57211EFA052000BF4666 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		2D2A28761D9B047700D4039D /* Build configuration list for PBXNativeTarget "RCTTest-tvOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				2D2A28741D9B047700D4039D /* Debug */,
-				2D2A28751D9B047700D4039D /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		580C376A1AB104AF0015E709 /* Build configuration list for PBXProject "RCTTest" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				580C37811AB104AF0015E709 /* Debug */,
-				580C37821AB104AF0015E709 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		580C37831AB104AF0015E709 /* Build configuration list for PBXNativeTarget "RCTTest" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				580C37841AB104AF0015E709 /* Debug */,
-				580C37851AB104AF0015E709 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-/* End XCConfigurationList section */
-	};
-	rootObject = 580C37671AB104AF0015E709 /* Project object */;
-}
diff --git a/RNTester/RCTTest/RCTTestRunner.m b/RNTester/RCTTest/RCTTestRunner.m
index d357295bd80a5b..29be554a4cf422 100644
--- a/RNTester/RCTTest/RCTTestRunner.m
+++ b/RNTester/RCTTest/RCTTestRunner.m
@@ -61,6 +61,10 @@ - (instancetype)initWithApp:(NSString *)app
   RCTAssertParam(app);
   RCTAssertParam(referenceDirectory);
 
+  // TODO(macOS ISS#2323203): uncomment to record snapshot images
+//  referenceDirectory = NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES).firstObject;
+  // Search for `_runner.recordMode = ` and change instances to YES
+
   if ((self = [super init])) {
     if (!referenceDirectory.length) {
       referenceDirectory = [[NSBundle bundleForClass:self.class].resourcePath stringByAppendingPathComponent:@"ReferenceImages"];
@@ -88,7 +92,8 @@ - (instancetype)initWithApp:(NSString *)app
 - (NSURL *)defaultScriptURL
 {
   if (getenv("CI_USE_PACKAGER") || _useBundler) {
-    return [NSURL URLWithString:[NSString stringWithFormat:@"http://localhost:8081/%@.bundle?platform=%@&dev=true", _appPath, kRCTPlatformName]]; // TODO(macOS ISS#2323203)
+    NSString *bundlePrefix = [[[NSBundle mainBundle] infoDictionary] valueForKey:@"RN_BUNDLE_PREFIX"] ?: @""; // TODO(macOS ISS#2323203)
+    return [NSURL URLWithString:[NSString stringWithFormat:@"http://localhost:8081/%@%@.bundle?platform=%@&dev=true", bundlePrefix, _appPath, kRCTPlatformName]]; // TODO(macOS ISS#2323203)
   } else {
     return [[NSBundle bundleForClass:[RCTBridge class]] URLForResource:@"main" withExtension:@"jsbundle"];
   }
diff --git a/RNTester/RCTTest/React-RCTTest.podspec b/RNTester/RCTTest/React-RCTTest.podspec
index a95213a0db6d41..0a56a736dad188 100644
--- a/RNTester/RCTTest/React-RCTTest.podspec
+++ b/RNTester/RCTTest/React-RCTTest.podspec
@@ -30,6 +30,6 @@ Pod::Spec.new do |s|
   s.preserve_paths         = "package.json", "LICENSE", "LICENSE-docs"
   s.framework              = "XCTest"
   s.header_dir             = "RCTTest"
-
+  
   s.dependency "React-Core", version
 end
diff --git a/RNTester/README.md b/RNTester/README.md
index f7d35ebe1396ff..33dfed103e0796 100644
--- a/RNTester/README.md
+++ b/RNTester/README.md
@@ -14,18 +14,9 @@ Before running the app, make sure you ran:
 
 Both macOS and Xcode are required.
 
-- Open `RNTester/RNTester.xcodeproj` in Xcode
-- Hit the Run button
-
-See [Running on device](https://facebook.github.io/react-native/docs/running-on-device.html) if you want to use a physical device.
-
-### Running on iOS with CocoaPods
-
-Similar to above, you can build the app via Xcode with help of CocoaPods.
-
-- Install [CocoaPods](http://facebook.github.io/react-native/docs/integration-with-existing-apps.html#3-install-cocoapods)
+- Install CocoaPods. We installing CocoaPods using [Homebrew](http://brew.sh/): `brew install cocoapods`
 - Run `cd RNTester; pod install`
-- Open the generated `RNTesterPods.xcworkspace` (this is not checked in). Do not open `RNTesterPods.xcodeproj` directly.
+- Open the generated `RNTesterPods.xcworkspace`. This is not checked in, as it is generated by CocoaPods. Do not open `RNTesterPods.xcodeproj` directly.
 
 ### Running on Android
 
diff --git a/RNTester/RNTester-macOS/Info.plist b/RNTester/RNTester-macOS/Info.plist
index d7887f58cdee79..1850a3c1eda534 100644
--- a/RNTester/RNTester-macOS/Info.plist
+++ b/RNTester/RNTester-macOS/Info.plist
@@ -36,15 +36,17 @@
 		<key>NSAllowsArbitraryLoads</key>
 		<true/>
 	</dict>
-	<key>NSPhotoLibraryUsageDescription</key>
-	<string>Photo library access needed for some tests.</string>
 	<key>NSHumanReadableCopyright</key>
 	<string>Copyright © 2017 Facebook. All rights reserved.</string>
 	<key>NSLocationWhenInUseUsageDescription</key>
 	<string>true</string>
 	<key>NSMainStoryboardFile</key>
 	<string>Main</string>
+	<key>NSPhotoLibraryUsageDescription</key>
+	<string>Photo library access needed for some tests.</string>
 	<key>NSPrincipalClass</key>
 	<string>NSApplication</string>
+	<key>RN_BUNDLE_PREFIX</key>
+	<string>$(RN_BUNDLE_PREFIX)</string>
 </dict>
 </plist>
diff --git a/RNTester/RNTester-macOS/RNTester_macOS.entitlements b/RNTester/RNTester-macOS/RNTester_macOS.entitlements
index c3731178b4cfae..36fe293685410b 100644
--- a/RNTester/RNTester-macOS/RNTester_macOS.entitlements
+++ b/RNTester/RNTester-macOS/RNTester_macOS.entitlements
@@ -2,6 +2,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.get-task-allow</key>
+	<true/>
 	<key>com.apple.security.personal-information.photos-library</key>
 	<true/>
 </dict>
diff --git a/RNTester/RNTester-tvOS/Info.plist b/RNTester/RNTester-tvOS/Info.plist
index 0afedbb816c675..1f05733996acbd 100644
--- a/RNTester/RNTester-tvOS/Info.plist
+++ b/RNTester/RNTester-tvOS/Info.plist
@@ -31,5 +31,7 @@
 	</array>
 	<key>UIUserInterfaceStyle</key>
 	<string>Automatic</string>
+	<key>RN_BUNDLE_PREFIX</key>
+	<string>$(RN_BUNDLE_PREFIX)</string>
 </dict>
 </plist>
diff --git a/RNTester/RNTester.xcodeproj/project.pbxproj b/RNTester/RNTester.xcodeproj/project.pbxproj
deleted file mode 100644
index 61ac1e853aa869..00000000000000
--- a/RNTester/RNTester.xcodeproj/project.pbxproj
+++ /dev/null
@@ -1,4537 +0,0 @@
-// !$*UTF8*$!
-{
-	archiveVersion = 1;
-	classes = {
-	};
-	objectVersion = 46;
-	objects = {
-
-/* Begin PBXBuildFile section */
-		001BFCE41D838343008E587E /* RCTMultipartStreamReaderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 001BFCE31D838343008E587E /* RCTMultipartStreamReaderTests.m */; };
-		04F27E112288190500F536C3 /* RCTPerformanceLoggerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 04F27E102288190500F536C3 /* RCTPerformanceLoggerTests.m */; };
-		1300627F1B59179B0043FE5A /* RCTGzipTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 1300627E1B59179B0043FE5A /* RCTGzipTests.m */; };
-		13129DD41C85F87C007D611C /* RCTModuleInitNotificationRaceTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 13129DD31C85F87C007D611C /* RCTModuleInitNotificationRaceTests.m */; };
-		13417FE91AA91432003F314A /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 13417FE81AA91428003F314A /* libRCTImage.a */; };
-		134180011AA9153C003F314A /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 13417FEF1AA914B8003F314A /* libRCTText.a */; };
-		1341802C1AA9178B003F314A /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 1341802B1AA91779003F314A /* libRCTNetwork.a */; };
-		134CB92A1C85A38800265FA6 /* RCTModuleInitTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 134CB9291C85A38800265FA6 /* RCTModuleInitTests.m */; };
-		138D6A181B53CD440074A87E /* RCTShadowViewTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 138D6A161B53CD440074A87E /* RCTShadowViewTests.m */; };
-		138DEE241B9EDFB6007F4EA5 /* libRCTCameraRoll.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 138DEE091B9EDDDB007F4EA5 /* libRCTCameraRoll.a */; };
-		1393D0381B68CD1300E1B601 /* RCTModuleMethodTests.mm in Sources */ = {isa = PBXBuildFile; fileRef = 1393D0371B68CD1300E1B601 /* RCTModuleMethodTests.mm */; };
-		139FDEDB1B0651FB00C62182 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDED91B0651EA00C62182 /* libRCTWebSocket.a */; };
-		13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; };
-		13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
-		13B6C1A31C34225900D3FAF5 /* RCTURLUtilsTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B6C1A21C34225900D3FAF5 /* RCTURLUtilsTests.m */; };
-		13BCE84F1C9C209600DD7AAD /* RCTComponentPropsTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 13BCE84E1C9C209600DD7AAD /* RCTComponentPropsTests.m */; };
-		13DB03481B5D2ED500C27245 /* RCTJSONTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 13DB03471B5D2ED500C27245 /* RCTJSONTests.m */; };
-		13DF61B61B67A45000EDB188 /* RCTMethodArgumentTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 13DF61B51B67A45000EDB188 /* RCTMethodArgumentTests.m */; };
-		13E501F11D07A84A005F35D8 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 13E501A31D07A502005F35D8 /* libRCTAnimation.a */; };
-		143BC5A11B21E45C00462512 /* RNTesterSnapshotTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 143BC5A01B21E45C00462512 /* RNTesterSnapshotTests.m */; };
-		144D21241B2204C5006DB32B /* RCTImageUtilTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 144D21231B2204C5006DB32B /* RCTImageUtilTests.m */; };
-		147CED4C1AB3532B00DA3E4C /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 147CED4B1AB34F8C00DA3E4C /* libRCTActionSheet.a */; };
-		1497CFAC1B21F5E400C1F8F2 /* RCTAllocationTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 1497CFA41B21F5E400C1F8F2 /* RCTAllocationTests.m */; };
-		1497CFAF1B21F5E400C1F8F2 /* RCTConvert_NSURLTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 1497CFA71B21F5E400C1F8F2 /* RCTConvert_NSURLTests.m */; };
-		1497CFB01B21F5E400C1F8F2 /* RCTFontTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 1497CFA81B21F5E400C1F8F2 /* RCTFontTests.m */; };
-		1497CFB11B21F5E400C1F8F2 /* RCTEventDispatcherTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 1497CFA91B21F5E400C1F8F2 /* RCTEventDispatcherTests.m */; };
-		1497CFB31B21F5E400C1F8F2 /* RCTUIManagerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 1497CFAB1B21F5E400C1F8F2 /* RCTUIManagerTests.m */; };
-		14D6D7111B220EB3001FB087 /* libOCMock.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 14D6D7101B220EB3001FB087 /* libOCMock.a */; };
-		14D6D71E1B2222EF001FB087 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 147CED4B1AB34F8C00DA3E4C /* libRCTActionSheet.a */; };
-		14D6D7211B2222EF001FB087 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 13417FE81AA91428003F314A /* libRCTImage.a */; };
-		14D6D7221B2222EF001FB087 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 1341802B1AA91779003F314A /* libRCTNetwork.a */; };
-		14D6D7231B2222EF001FB087 /* libRCTPushNotification.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 14DC67F11AB71876001358AB /* libRCTPushNotification.a */; };
-		14D6D7241B2222EF001FB087 /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 834C36D21AF8DA610019C93C /* libRCTSettings.a */; };
-		14D6D7261B2222EF001FB087 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 13417FEF1AA914B8003F314A /* libRCTText.a */; };
-		14D6D7271B2222EF001FB087 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = D85B829C1AB6D5CE003F4FE2 /* libRCTVibration.a */; };
-		14D6D7281B2222EF001FB087 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDED91B0651EA00C62182 /* libRCTWebSocket.a */; };
-		14D6D7291B2222EF001FB087 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 14AADF041AC3DB95002390C9 /* libReact.a */; };
-		14DC67F41AB71881001358AB /* libRCTPushNotification.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 14DC67F11AB71876001358AB /* libRCTPushNotification.a */; };
-		180B9CC41F01B040006AF028 /* RCTModuleInitNotificationRaceTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 13129DD31C85F87C007D611C /* RCTModuleInitNotificationRaceTests.m */; };
-		1827ADAD20ACEA6600E266FC /* RCTLoggingTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 3D299BAE1D33EBFA00FA1057 /* RCTLoggingTests.m */; };
-		1827ADEF20ACEB7100E266FC /* RNTesterIntegrationTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 3DB99D0B1BA0340600302749 /* RNTesterIntegrationTests.m */; };
-		18316DFC1EF9D981003DADF3 /* RCTConvert_YGValueTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 192F69B61E82409A008692C7 /* RCTConvert_YGValueTests.m */; };
-		18316DFD1EF9D996003DADF3 /* RCTBundleURLProviderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 68FF44371CF6111500720EFD /* RCTBundleURLProviderTests.m */; };
-		18316DFE1EF9DA43003DADF3 /* RNTesterUnitTestsBundle.js in Resources */ = {isa = PBXBuildFile; fileRef = 3DD981D51D33C6FB007DC7BE /* RNTesterUnitTestsBundle.js */; };
-		18316E011EF9DC9C003DADF3 /* RCTConvert_NSURLTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 1497CFA71B21F5E400C1F8F2 /* RCTConvert_NSURLTests.m */; };
-		18316E021EF9E0DE003DADF3 /* RCTFontTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 1497CFA81B21F5E400C1F8F2 /* RCTFontTests.m */; };
-		18316E041EF9EAD1003DADF3 /* RCTGzipTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 1300627E1B59179B0043FE5A /* RCTGzipTests.m */; };
-		18316E1B1EF9EB7D003DADF3 /* RCTAllocationTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 1497CFA41B21F5E400C1F8F2 /* RCTAllocationTests.m */; };
-		183938D01F9A55AE00930D92 /* RNTesterTestModule.m in Sources */ = {isa = PBXBuildFile; fileRef = C654F0B21EB34A73000B7A9A /* RNTesterTestModule.m */; };
-		1879ECF921E84E2800D98372 /* RCTConvert_NSColorTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 1879ECDE21E84E2800D98372 /* RCTConvert_NSColorTests.m */; };
-		18AA4BD41EF9C724008C7756 /* RCTURLUtilsTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B6C1A21C34225900D3FAF5 /* RCTURLUtilsTests.m */; };
-		18BFA4CB1F01C52400969486 /* RCTEventDispatcherTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 1497CFA91B21F5E400C1F8F2 /* RCTEventDispatcherTests.m */; };
-		18D5934D1EF9F8BC005F0CEC /* RCTImageLoaderHelpers.m in Sources */ = {isa = PBXBuildFile; fileRef = 8385CF031B87479200C6273E /* RCTImageLoaderHelpers.m */; };
-		18D593781EF9F8CB005F0CEC /* RCTImageLoaderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 8385CEF41B873B5C00C6273E /* RCTImageLoaderTests.m */; };
-		18D593791EF9F8DA005F0CEC /* RCTImageUtilTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 144D21231B2204C5006DB32B /* RCTImageUtilTests.m */; };
-		18D5937A1EF9F95A005F0CEC /* RCTJSONTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 13DB03471B5D2ED500C27245 /* RCTJSONTests.m */; };
-		18D5937B1EF9F96A005F0CEC /* RCTMethodArgumentTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 13DF61B51B67A45000EDB188 /* RCTMethodArgumentTests.m */; };
-		18D5937D1EF9F990005F0CEC /* RCTModuleInitTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 134CB9291C85A38800265FA6 /* RCTModuleInitTests.m */; };
-		18D5937E1EF9FA22005F0CEC /* RCTModuleMethodTests.mm in Sources */ = {isa = PBXBuildFile; fileRef = 1393D0371B68CD1300E1B601 /* RCTModuleMethodTests.mm */; };
-		18D5937F1EF9FA39005F0CEC /* RCTMultipartStreamReaderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 001BFCE31D838343008E587E /* RCTMultipartStreamReaderTests.m */; };
-		18D593801EF9FA48005F0CEC /* RCTShadowViewTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 138D6A161B53CD440074A87E /* RCTShadowViewTests.m */; };
-		18D593811EF9FA57005F0CEC /* RCTUIManagerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 1497CFAB1B21F5E400C1F8F2 /* RCTUIManagerTests.m */; };
-		18D593841EF9FAB9005F0CEC /* RCTUnicodeDecodeTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 39AA31A31DC1DFDC000F7EBB /* RCTUnicodeDecodeTests.m */; };
-		18D949451F9AC375007BB668 /* RCTRootViewIntegrationTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 27B885551BED29AF00008352 /* RCTRootViewIntegrationTests.m */; };
-		18D9497D1F9AC3D0007BB668 /* RCTUIManagerScenarioTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 83636F8E1B53F22C009F943E /* RCTUIManagerScenarioTests.m */; };
-		18DF57111EFA047400BF4666 /* RCTComponentPropsTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 13BCE84E1C9C209600DD7AAD /* RCTComponentPropsTests.m */; };
-		18FC778A1EF4770B002B3F17 /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 18FC77891EF4770B002B3F17 /* AppDelegate.m */; };
-		18FC778D1EF4770B002B3F17 /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 18FC778C1EF4770B002B3F17 /* main.m */; };
-		18FC77901EF4770B002B3F17 /* ViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = 18FC778F1EF4770B002B3F17 /* ViewController.m */; };
-		18FC77951EF4770B002B3F17 /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 18FC77931EF4770B002B3F17 /* Main.storyboard */; };
-		18FC77A01EF4770B002B3F17 /* RNTesterUnitTests_macOS.m in Sources */ = {isa = PBXBuildFile; fileRef = 18FC779F1EF4770B002B3F17 /* RNTesterUnitTests_macOS.m */; };
-		18FC77AB1EF4770B002B3F17 /* RNTesterIntegrationTests_macOS.m in Sources */ = {isa = PBXBuildFile; fileRef = 18FC77AA1EF4770B002B3F17 /* RNTesterIntegrationTests_macOS.m */; };
-		18FE57B02149BCDB000CB2A7 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 647647C81F0BCC5500C2D89B /* libRCTAnimation.a */; };
-		192F69B81E82409A008692C7 /* RCTAnimationUtilsTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 192F69B51E82409A008692C7 /* RCTAnimationUtilsTests.m */; };
-		192F69B91E82409A008692C7 /* RCTConvert_YGValueTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 192F69B61E82409A008692C7 /* RCTConvert_YGValueTests.m */; };
-		192F69BA1E82409A008692C7 /* RCTNativeAnimatedNodesManagerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 192F69B71E82409A008692C7 /* RCTNativeAnimatedNodesManagerTests.m */; };
-		192F69DA1E8240E2008692C7 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 13E501A31D07A502005F35D8 /* libRCTAnimation.a */; };
-		19BA88D51F84344F00741C5A /* RCTBlobManagerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 19BA88D41F84344F00741C5A /* RCTBlobManagerTests.m */; };
-		19BA89031F8439A700741C5A /* libRCTBlob.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5281CA511EEAC9A700AC40CD /* libRCTBlob.a */; };
-		272E6B3F1BEA849E001FCF37 /* UpdatePropertiesExampleView.m in Sources */ = {isa = PBXBuildFile; fileRef = 272E6B3C1BEA849E001FCF37 /* UpdatePropertiesExampleView.m */; };
-		27B885561BED29AF00008352 /* RCTRootViewIntegrationTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 27B885551BED29AF00008352 /* RCTRootViewIntegrationTests.m */; };
-		27F441EC1BEBE5030039B79C /* FlexibleSizeExampleView.m in Sources */ = {isa = PBXBuildFile; fileRef = 27F441E81BEBE5030039B79C /* FlexibleSizeExampleView.m */; };
-		2D4624FA1DA2EAC300C74D09 /* RCTLoggingTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 3D299BAE1D33EBFA00FA1057 /* RCTLoggingTests.m */; };
-		2D4624FB1DA2EAC300C74D09 /* RCTRootViewIntegrationTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 27B885551BED29AF00008352 /* RCTRootViewIntegrationTests.m */; };
-		2D4624FD1DA2EAC300C74D09 /* RNTesterSnapshotTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 143BC5A01B21E45C00462512 /* RNTesterSnapshotTests.m */; };
-		2D4624FE1DA2EAC300C74D09 /* RCTUIManagerScenarioTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 83636F8E1B53F22C009F943E /* RCTUIManagerScenarioTests.m */; };
-		2D4BD8D21DA2E20D005AC8A8 /* RCTURLUtilsTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B6C1A21C34225900D3FAF5 /* RCTURLUtilsTests.m */; };
-		2D4BD8D31DA2E20D005AC8A8 /* RCTBundleURLProviderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 68FF44371CF6111500720EFD /* RCTBundleURLProviderTests.m */; };
-		2D4BD8D41DA2E20D005AC8A8 /* RCTAllocationTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 1497CFA41B21F5E400C1F8F2 /* RCTAllocationTests.m */; };
-		2D4BD8D71DA2E20D005AC8A8 /* RCTConvert_NSURLTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 1497CFA71B21F5E400C1F8F2 /* RCTConvert_NSURLTests.m */; };
-		2D4BD8D81DA2E20D005AC8A8 /* RCTFontTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 1497CFA81B21F5E400C1F8F2 /* RCTFontTests.m */; };
-		2D4BD8D91DA2E20D005AC8A8 /* RCTEventDispatcherTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 1497CFA91B21F5E400C1F8F2 /* RCTEventDispatcherTests.m */; };
-		2D4BD8DA1DA2E20D005AC8A8 /* RCTGzipTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 1300627E1B59179B0043FE5A /* RCTGzipTests.m */; };
-		2D4BD8DB1DA2E20D005AC8A8 /* RCTImageLoaderHelpers.m in Sources */ = {isa = PBXBuildFile; fileRef = 8385CF031B87479200C6273E /* RCTImageLoaderHelpers.m */; };
-		2D4BD8DC1DA2E20D005AC8A8 /* RCTImageLoaderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 8385CEF41B873B5C00C6273E /* RCTImageLoaderTests.m */; };
-		2D4BD8DD1DA2E20D005AC8A8 /* RCTImageUtilTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 144D21231B2204C5006DB32B /* RCTImageUtilTests.m */; };
-		2D4BD8DE1DA2E20D005AC8A8 /* RCTJSONTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 13DB03471B5D2ED500C27245 /* RCTJSONTests.m */; };
-		2D4BD8DF1DA2E20D005AC8A8 /* RCTMethodArgumentTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 13DF61B51B67A45000EDB188 /* RCTMethodArgumentTests.m */; };
-		2D4BD8E21DA2E20D005AC8A8 /* RCTModuleMethodTests.mm in Sources */ = {isa = PBXBuildFile; fileRef = 1393D0371B68CD1300E1B601 /* RCTModuleMethodTests.mm */; };
-		2D4BD8E31DA2E20D005AC8A8 /* RCTShadowViewTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 138D6A161B53CD440074A87E /* RCTShadowViewTests.m */; };
-		2D4BD8E41DA2E20D005AC8A8 /* RCTUIManagerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 1497CFAB1B21F5E400C1F8F2 /* RCTUIManagerTests.m */; };
-		2D4BD8E61DA2E20D005AC8A8 /* RNTesterUnitTestsBundle.js in Resources */ = {isa = PBXBuildFile; fileRef = 3DD981D51D33C6FB007DC7BE /* RNTesterUnitTestsBundle.js */; };
-		2D4BD8E71DA2E20D005AC8A8 /* libOCMock.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 14D6D7101B220EB3001FB087 /* libOCMock.a */; };
-		2D66FF8F1ECA406D00F0A767 /* libART.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2D66FF651ECA405900F0A767 /* libART.a */; };
-		2D66FF901ECA407E00F0A767 /* libART-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2D66FF671ECA405900F0A767 /* libART-tvOS.a */; };
-		2D8C2E321DA40403000EE098 /* RCTMultipartStreamReaderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 001BFCE31D838343008E587E /* RCTMultipartStreamReaderTests.m */; };
-		2DD323DC1DA2DDBF000FE1B8 /* FlexibleSizeExampleView.m in Sources */ = {isa = PBXBuildFile; fileRef = 27F441E81BEBE5030039B79C /* FlexibleSizeExampleView.m */; };
-		2DD323DD1DA2DDBF000FE1B8 /* UpdatePropertiesExampleView.m in Sources */ = {isa = PBXBuildFile; fileRef = 272E6B3C1BEA849E001FCF37 /* UpdatePropertiesExampleView.m */; };
-		2DD323E01DA2DDBF000FE1B8 /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
-		2DD323E11DA2DDBF000FE1B8 /* legacy_image@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 3D2AFAF41D646CF80089D1A3 /* legacy_image@2x.png */; };
-		2DD323E31DA2DE3F000FE1B8 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2DD323B51DA2DD8B000FE1B8 /* libRCTAnimation.a */; };
-		2DD323E51DA2DE3F000FE1B8 /* libRCTLinking-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2DD323BF1DA2DD8B000FE1B8 /* libRCTLinking-tvOS.a */; };
-		2DD323E61DA2DE3F000FE1B8 /* libRCTNetwork-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2DD323C31DA2DD8B000FE1B8 /* libRCTNetwork-tvOS.a */; };
-		2DD323E71DA2DE3F000FE1B8 /* libRCTSettings-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2DD323C81DA2DD8B000FE1B8 /* libRCTSettings-tvOS.a */; };
-		2DD323E81DA2DE3F000FE1B8 /* libRCTText-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2DD323D01DA2DD8B000FE1B8 /* libRCTText-tvOS.a */; };
-		2DD323E91DA2DE3F000FE1B8 /* libRCTWebSocket-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2DD323D51DA2DD8B000FE1B8 /* libRCTWebSocket-tvOS.a */; };
-		2DDEF0101F84BF7B00DBDF73 /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 2DDEF00F1F84BF7B00DBDF73 /* Images.xcassets */; };
-		2DE7E7FD1FB2A4F3009E225D /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2DD323B51DA2DD8B000FE1B8 /* libRCTAnimation.a */; };
-		2DE7E7FE1FB2A4F3009E225D /* libRCTBlob-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5281CA531EEAC9A700AC40CD /* libRCTBlob-tvOS.a */; };
-		2DE7E7FF1FB2A4F3009E225D /* libRCTImage-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2DD323BB1DA2DD8B000FE1B8 /* libRCTImage-tvOS.a */; };
-		2DE7E8001FB2A4F3009E225D /* libRCTLinking-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2DD323BF1DA2DD8B000FE1B8 /* libRCTLinking-tvOS.a */; };
-		2DE7E8011FB2A4F3009E225D /* libRCTNetwork-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2DD323C31DA2DD8B000FE1B8 /* libRCTNetwork-tvOS.a */; };
-		2DE7E8021FB2A4F3009E225D /* libRCTPushNotification-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3D05746C1DE6008900184BB4 /* libRCTPushNotification-tvOS.a */; };
-		2DE7E8031FB2A4F3009E225D /* libRCTSettings-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2DD323C81DA2DD8B000FE1B8 /* libRCTSettings-tvOS.a */; };
-		2DE7E8051FB2A4F3009E225D /* libRCTText-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2DD323D01DA2DD8B000FE1B8 /* libRCTText-tvOS.a */; };
-		2DE7E8061FB2A4F3009E225D /* libRCTWebSocket-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2DD323D51DA2DD8B000FE1B8 /* libRCTWebSocket-tvOS.a */; };
-		2DE7E8071FB2A4F3009E225D /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2DD323D91DA2DD8B000FE1B8 /* libReact.a */; };
-		3578590A1B28D2CF00341EDB /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 357859011B28D2C500341EDB /* libRCTLinking.a */; };
-		383C517F243447EC00CCBC30 /* UpdatePropertiesExampleView.m in Sources */ = {isa = PBXBuildFile; fileRef = 272E6B3C1BEA849E001FCF37 /* UpdatePropertiesExampleView.m */; };
-		383C51A624344A4600CCBC30 /* FlexibleSizeExampleView.m in Sources */ = {isa = PBXBuildFile; fileRef = 27F441E81BEBE5030039B79C /* FlexibleSizeExampleView.m */; };
-		3860669D24461CDF007E7C32 /* RCTNativeSampleTurboModuleSpec.mm in Sources */ = {isa = PBXBuildFile; fileRef = 5C2B71152267DB1A0066069E /* RCTNativeSampleTurboModuleSpec.mm */; };
-		386066C424461CE3007E7C32 /* RCTSampleTurboModule.mm in Sources */ = {isa = PBXBuildFile; fileRef = 5C2B711A2267DB1A0066069E /* RCTSampleTurboModule.mm */; };
-		38C500E222D3CF2E00BCD999 /* RCTConvert_UIColorTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38C500E122D3CF2E00BCD999 /* RCTConvert_UIColorTests.m */; };
-		39AA31A41DC1DFDC000F7EBB /* RCTUnicodeDecodeTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 39AA31A31DC1DFDC000F7EBB /* RCTUnicodeDecodeTests.m */; };
-		3D05746D1DE6008900184BB4 /* libRCTPushNotification-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3D05746C1DE6008900184BB4 /* libRCTPushNotification-tvOS.a */; };
-		3D0E379D1F1CC77200DCAC9F /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 14AADF041AC3DB95002390C9 /* libReact.a */; };
-		3D13F8481D6F6AF900E69E0E /* ImageInBundle.png in Resources */ = {isa = PBXBuildFile; fileRef = 3D13F8441D6F6AF200E69E0E /* ImageInBundle.png */; };
-		3D13F84A1D6F6AFD00E69E0E /* OtherImages.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 3D13F8451D6F6AF200E69E0E /* OtherImages.xcassets */; };
-		3D299BAF1D33EBFA00FA1057 /* RCTLoggingTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 3D299BAE1D33EBFA00FA1057 /* RCTLoggingTests.m */; };
-		3D2AFAF51D646CF80089D1A3 /* legacy_image@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 3D2AFAF41D646CF80089D1A3 /* legacy_image@2x.png */; };
-		3D302F221DF8285100D6DDAE /* libRCTImage-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2DD323BB1DA2DD8B000FE1B8 /* libRCTImage-tvOS.a */; };
-		3D56F9F11D6F6E9B00F53A06 /* RNTesterBundle.bundle in Resources */ = {isa = PBXBuildFile; fileRef = 3D13F83E1D6F6AE000E69E0E /* RNTesterBundle.bundle */; };
-		3DB99D0C1BA0340600302749 /* RNTesterIntegrationTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 3DB99D0B1BA0340600302749 /* RNTesterIntegrationTests.m */; };
-		3DD981D61D33C6FB007DC7BE /* RNTesterUnitTestsBundle.js in Resources */ = {isa = PBXBuildFile; fileRef = 3DD981D51D33C6FB007DC7BE /* RNTesterUnitTestsBundle.js */; };
-		52C11BBB1EEACA7100C1A058 /* libRCTBlob.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5281CA511EEAC9A700AC40CD /* libRCTBlob.a */; };
-		52C11BE11EEACA7800C1A058 /* libRCTBlob-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5281CA531EEAC9A700AC40CD /* libRCTBlob-tvOS.a */; };
-		5C2B71672267DB1A0066069E /* RCTNativeSampleTurboModuleSpec.mm in Sources */ = {isa = PBXBuildFile; fileRef = 5C2B71152267DB1A0066069E /* RCTNativeSampleTurboModuleSpec.mm */; };
-		5C2B716A2267DB1A0066069E /* RCTSampleTurboModule.mm in Sources */ = {isa = PBXBuildFile; fileRef = 5C2B711A2267DB1A0066069E /* RCTSampleTurboModule.mm */; };
-		5C60EB592264416A0018C04F /* AppDelegate.mm in Sources */ = {isa = PBXBuildFile; fileRef = 5C60EB582264416A0018C04F /* AppDelegate.mm */; };
-		6862DFC62229DCE600684E03 /* libRCTTest.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 6862DFAC2229DCC400684E03 /* libRCTTest.a */; };
-		6862DFC72229DD1000684E03 /* libRCTTest.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 6862DFAC2229DCC400684E03 /* libRCTTest.a */; };
-		6862DFC82229DD1900684E03 /* libRCTTest-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 6862DFAE2229DCC400684E03 /* libRCTTest-tvOS.a */; };
-		6862DFC92229DD2100684E03 /* libRCTTest-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 6862DFAE2229DCC400684E03 /* libRCTTest-tvOS.a */; };
-		6862DFCF2229DFCC00684E03 /* Screenshot.m in Sources */ = {isa = PBXBuildFile; fileRef = 6862DFCE2229DFCC00684E03 /* Screenshot.m */; };
-		68FF44381CF6111500720EFD /* RCTBundleURLProviderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 68FF44371CF6111500720EFD /* RCTBundleURLProviderTests.m */; };
-		834C36EC1AF8DED70019C93C /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 834C36D21AF8DA610019C93C /* libRCTSettings.a */; };
-		83636F8F1B53F22C009F943E /* RCTUIManagerScenarioTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 83636F8E1B53F22C009F943E /* RCTUIManagerScenarioTests.m */; };
-		8385CEF51B873B5C00C6273E /* RCTImageLoaderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 8385CEF41B873B5C00C6273E /* RCTImageLoaderTests.m */; };
-		8385CF041B87479200C6273E /* RCTImageLoaderHelpers.m in Sources */ = {isa = PBXBuildFile; fileRef = 8385CF031B87479200C6273E /* RCTImageLoaderHelpers.m */; };
-		9F1534BE233AB44F006DFE44 /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 9F1534BD233AB44F006DFE44 /* JavaScriptCore.framework */; };
-		9F153508233AB998006DFE44 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21D122242EFA400E7F88E /* libReact.a */; };
-		9F15350A233ABA82006DFE44 /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 9F1534BD233AB44F006DFE44 /* JavaScriptCore.framework */; };
-		9F15350B233ACE27006DFE44 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21D122242EFA400E7F88E /* libReact.a */; };
-		9F15350C233ACE3B006DFE44 /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 9F1534BD233AB44F006DFE44 /* JavaScriptCore.framework */; };
-		9F15350D233ACE67006DFE44 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21CF92242EFA400E7F88E /* libRCTWebSocket.a */; };
-		9F15356B233C2CC5006DFE44 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21CE72242EFA400E7F88E /* libRCTNetwork.a */; };
-		9F15359E233C2D6A006DFE44 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21CF12242EFA400E7F88E /* libRCTText.a */; };
-		9F153610233C32AF006DFE44 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21CE12242EFA400E7F88E /* libRCTImage.a */; };
-		9F153611233C32B8006DFE44 /* libRCTLinking-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = D429028F1F1CE21600685AE7 /* libRCTLinking-macOS.a */; };
-		9F153612233C37AE006DFE44 /* OCMock.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 18BFA4931F01C46700969486 /* OCMock.framework */; };
-		9F153613233C37C8006DFE44 /* OCMock.framework in Copy Framework */ = {isa = PBXBuildFile; fileRef = 18BFA4931F01C46700969486 /* OCMock.framework */; settings = {ATTRIBUTES = (CodeSignOnCopy, RemoveHeadersOnCopy, ); }; };
-		9F5C1823230B4F3500E3E5A7 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21CF92242EFA400E7F88E /* libRCTWebSocket.a */; };
-		9F5C1824230B4F4000E3E5A7 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21CF12242EFA400E7F88E /* libRCTText.a */; };
-		9F5C1825230B4F4500E3E5A7 /* libRCTSettings-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 6448A5D21F292F16006FF1F5 /* libRCTSettings-macOS.a */; };
-		9F5C1826230B4F5000E3E5A7 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21CE12242EFA400E7F88E /* libRCTImage.a */; };
-		9F5C1827230B4F5600E3E5A7 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21CE72242EFA400E7F88E /* libRCTNetwork.a */; };
-		9F5C1828230B4F6200E3E5A7 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 647647C81F0BCC5500C2D89B /* libRCTAnimation.a */; };
-		9F5C1829230B4F6800E3E5A7 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9F5C1806230B4F2400E3E5A7 /* libRCTActionSheet.a */; };
-		9F5C182A230B4F7000E3E5A7 /* libART-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 647647311F0BC04800C2D89B /* libART-macOS.a */; };
-		9F5C182B230B4F7400E3E5A7 /* libRCTBlob-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 6484CE5A201A7557004275A4 /* libRCTBlob-macOS.a */; };
-		9F5C182C230B7A6800E3E5A7 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21D122242EFA400E7F88E /* libReact.a */; };
-		9F5C182D230B7A7E00E3E5A7 /* libRCTPushNotification-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 6424F7B21F669A8E0025D741 /* libRCTPushNotification-macOS.a */; };
-		9F7CD4122339A8FF005B9D55 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21CF92242EFA400E7F88E /* libRCTWebSocket.a */; };
-		9F7CD4132339A906005B9D55 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21CF12242EFA400E7F88E /* libRCTText.a */; };
-		9F7CD4142339A90C005B9D55 /* libRCTTest-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9F5C181A230B4F2400E3E5A7 /* libRCTTest-macOS.a */; };
-		9F7CD4152339A913005B9D55 /* libRCTSettings-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 6448A5D21F292F16006FF1F5 /* libRCTSettings-macOS.a */; };
-		9F7CD4162339A91A005B9D55 /* libRCTPushNotification-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 6424F7B21F669A8E0025D741 /* libRCTPushNotification-macOS.a */; };
-		9F7CD4172339A920005B9D55 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21CE72242EFA400E7F88E /* libRCTNetwork.a */; };
-		9F7CD4182339A925005B9D55 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21CE12242EFA400E7F88E /* libRCTImage.a */; };
-		9F7CD4192339A92D005B9D55 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9F5C1806230B4F2400E3E5A7 /* libRCTActionSheet.a */; };
-		9F7CD41A2339A936005B9D55 /* libRCTBlob-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 6484CE5A201A7557004275A4 /* libRCTBlob-macOS.a */; };
-		9F7CD41B2339A95F005B9D55 /* libRCTTest-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9F5C181A230B4F2400E3E5A7 /* libRCTTest-macOS.a */; };
-		9FBFA519233C7E88003D9A8D /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 18FC77911EF4770B002B3F17 /* Assets.xcassets */; };
-		9FBFA51A233C7E91003D9A8D /* RNTesterBundle-macOS.bundle in Resources */ = {isa = PBXBuildFile; fileRef = 9FBFA513233C7E4C003D9A8D /* RNTesterBundle-macOS.bundle */; };
-		9FBFA51B233C7E97003D9A8D /* legacy_image@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 3D2AFAF41D646CF80089D1A3 /* legacy_image@2x.png */; };
-		9FBFA51C233C7EAF003D9A8D /* ImageInBundle.png in Resources */ = {isa = PBXBuildFile; fileRef = 3D13F8441D6F6AF200E69E0E /* ImageInBundle.png */; };
-		9FBFA51D233C7EB4003D9A8D /* OtherImages.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 3D13F8451D6F6AF200E69E0E /* OtherImages.xcassets */; };
-		9FBFA5CF233C9469003D9A8D /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2DD323D91DA2DD8B000FE1B8 /* libReact.a */; };
-		9FF406A2239F165E005F0C58 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21CF12242EFA400E7F88E /* libRCTText.a */; };
-		9FF406D5239F1665005F0C58 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21CF92242EFA400E7F88E /* libRCTWebSocket.a */; };
-		9FF406D6239F166B005F0C58 /* libRCTSettings-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 6448A5D21F292F16006FF1F5 /* libRCTSettings-macOS.a */; };
-		9FF406D7239F166F005F0C58 /* libRCTLinking-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = D429028F1F1CE21600685AE7 /* libRCTLinking-macOS.a */; };
-		9FF406D8239F1675005F0C58 /* libRCTPushNotification-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 6424F7B21F669A8E0025D741 /* libRCTPushNotification-macOS.a */; };
-		9FF406D9239F1684005F0C58 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21CE12242EFA400E7F88E /* libRCTImage.a */; };
-		9FF406DA239F168A005F0C58 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21CE72242EFA400E7F88E /* libRCTNetwork.a */; };
-		9FF406DB239F1691005F0C58 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 647647C81F0BCC5500C2D89B /* libRCTAnimation.a */; };
-		9FF406DC239F1697005F0C58 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9F5C1806230B4F2400E3E5A7 /* libRCTActionSheet.a */; };
-		9FF406DD239F169D005F0C58 /* libART-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 647647311F0BC04800C2D89B /* libART-macOS.a */; };
-		9FF406DE239F16A3005F0C58 /* libRCTBlob-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 6484CE5A201A7557004275A4 /* libRCTBlob-macOS.a */; };
-		9FF406E0239F16DD005F0C58 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21CF92242EFA400E7F88E /* libRCTWebSocket.a */; };
-		9FF406E1239F16E2005F0C58 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = D85B829C1AB6D5CE003F4FE2 /* libRCTVibration.a */; };
-		9FF406E2239F16E7005F0C58 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21CF12242EFA400E7F88E /* libRCTText.a */; };
-		9FF406E5239F16FD005F0C58 /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 834C36D21AF8DA610019C93C /* libRCTSettings.a */; };
-		9FF406E6239F1703005F0C58 /* libRCTPushNotification.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 14DC67F11AB71876001358AB /* libRCTPushNotification.a */; };
-		9FF406E7239F1708005F0C58 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 357859011B28D2C500341EDB /* libRCTLinking.a */; };
-		9FF406E8239F1710005F0C58 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 13417FE81AA91428003F314A /* libRCTImage.a */; };
-		9FF406E9239F1717005F0C58 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 1341802B1AA91779003F314A /* libRCTNetwork.a */; };
-		9FF406EA239F1721005F0C58 /* libRCTCameraRoll.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 138DEE091B9EDDDB007F4EA5 /* libRCTCameraRoll.a */; };
-		9FF406EB239F1727005F0C58 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 13E501A31D07A502005F35D8 /* libRCTAnimation.a */; };
-		9FF406EC239F172D005F0C58 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 147CED4B1AB34F8C00DA3E4C /* libRCTActionSheet.a */; };
-		9FF406ED239F1732005F0C58 /* libART.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2D66FF651ECA405900F0A767 /* libART.a */; };
-		9FF406EE239F1737005F0C58 /* libRCTBlob.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5281CA511EEAC9A700AC40CD /* libRCTBlob.a */; };
-		9FF406EF239F173D005F0C58 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 14AADF041AC3DB95002390C9 /* libReact.a */; };
-		9FF406F0239F1746005F0C58 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDED91B0651EA00C62182 /* libRCTWebSocket.a */; };
-		9FF406F1239F174B005F0C58 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = D85B829C1AB6D5CE003F4FE2 /* libRCTVibration.a */; };
-		9FF406F2239F1751005F0C58 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 13417FEF1AA914B8003F314A /* libRCTText.a */; };
-		9FF406F3239F1756005F0C58 /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 834C36D21AF8DA610019C93C /* libRCTSettings.a */; };
-		9FF406F4239F175D005F0C58 /* libRCTPushNotification.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 14DC67F11AB71876001358AB /* libRCTPushNotification.a */; };
-		9FF406F5239F1762005F0C58 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 357859011B28D2C500341EDB /* libRCTLinking.a */; };
-		9FF406F6239F1767005F0C58 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 13417FE81AA91428003F314A /* libRCTImage.a */; };
-		9FF406F7239F176D005F0C58 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 1341802B1AA91779003F314A /* libRCTNetwork.a */; };
-		9FF406F8239F1771005F0C58 /* libRCTCameraRoll.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 138DEE091B9EDDDB007F4EA5 /* libRCTCameraRoll.a */; };
-		9FF406F9239F1777005F0C58 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 13E501A31D07A502005F35D8 /* libRCTAnimation.a */; };
-		9FF406FA239F177E005F0C58 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 147CED4B1AB34F8C00DA3E4C /* libRCTActionSheet.a */; };
-		9FF406FB239F1783005F0C58 /* libART.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2D66FF651ECA405900F0A767 /* libART.a */; };
-		9FF406FC239F1787005F0C58 /* libRCTBlob.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5281CA511EEAC9A700AC40CD /* libRCTBlob.a */; };
-		9FF406FD239F178F005F0C58 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 14AADF041AC3DB95002390C9 /* libReact.a */; };
-		9FF406FE239F1794005F0C58 /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 9F1534BD233AB44F006DFE44 /* JavaScriptCore.framework */; };
-		9FF406FF239F179A005F0C58 /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 9F1534BD233AB44F006DFE44 /* JavaScriptCore.framework */; };
-		9FF40700239F17A0005F0C58 /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 9F1534BD233AB44F006DFE44 /* JavaScriptCore.framework */; };
-		9FF40702239F1AA7005F0C58 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21D122242EFA400E7F88E /* libReact.a */; };
-		AFEACA842223EB05004E5198 /* CrashyCrash.m in Sources */ = {isa = PBXBuildFile; fileRef = AFEACA832223EB05004E5198 /* CrashyCrash.m */; };
-		BC9C03401DC9F1D600B1C635 /* RCTDevMenuTests.m in Sources */ = {isa = PBXBuildFile; fileRef = BC9C033F1DC9F1D600B1C635 /* RCTDevMenuTests.m */; };
-		C60A228221C9726800B820FE /* RCTFormatErrorTests.m in Sources */ = {isa = PBXBuildFile; fileRef = C60A228121C9726800B820FE /* RCTFormatErrorTests.m */; };
-		C60A228321C9726800B820FE /* RCTFormatErrorTests.m in Sources */ = {isa = PBXBuildFile; fileRef = C60A228121C9726800B820FE /* RCTFormatErrorTests.m */; };
-		C654F0B31EB34A73000B7A9A /* RNTesterTestModule.m in Sources */ = {isa = PBXBuildFile; fileRef = C654F0B21EB34A73000B7A9A /* RNTesterTestModule.m */; };
-		C654F17E1EB34D24000B7A9A /* RNTesterTestModule.m in Sources */ = {isa = PBXBuildFile; fileRef = C654F0B21EB34A73000B7A9A /* RNTesterTestModule.m */; };
-		D42902901F1CE21600685AE7 /* libRCTLinking-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = D429028F1F1CE21600685AE7 /* libRCTLinking-macOS.a */; };
-		D85B829E1AB6D5D7003F4FE2 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = D85B829C1AB6D5CE003F4FE2 /* libRCTVibration.a */; };
-		E77B20F321C481F8007FDF6D /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = EDEBC7DA214C681C00DD5AC8 /* JavaScriptCore.framework */; };
-		ED2970992150247000B7C4FE /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = ED2970982150247000B7C4FE /* JavaScriptCore.framework */; };
-		EDEBC856214C774100DD5AC8 /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = EDEBC7DA214C681C00DD5AC8 /* JavaScriptCore.framework */; };
-/* End PBXBuildFile section */
-
-/* Begin PBXContainerItemProxy section */
-		13417FE71AA91428003F314A /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13417FE31AA91428003F314A /* RCTImage.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 58B5115D1A9E6B3D00147676;
-			remoteInfo = RCTImage;
-		};
-		13417FEE1AA914B8003F314A /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13417FEA1AA914B8003F314A /* RCTText.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 58B5119B1A9E6C1200147676;
-			remoteInfo = RCTText;
-		};
-		1341802A1AA91779003F314A /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 134180261AA91779003F314A /* RCTNetwork.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 58B511DB1A9E6C8500147676;
-			remoteInfo = RCTNetwork;
-		};
-		138DEE081B9EDDDB007F4EA5 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 138DEE021B9EDDDB007F4EA5 /* RCTCameraRoll.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 58B5115D1A9E6B3D00147676;
-			remoteInfo = RCTImage;
-		};
-		139FDED81B0651EA00C62182 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 139FDECA1B0651EA00C62182 /* RCTWebSocket.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 3C86DF461ADF2C930047B81A;
-			remoteInfo = RCTWebSocket;
-		};
-		13E501A21D07A502005F35D8 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13E5019C1D07A502005F35D8 /* RCTAnimation.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 134814201AA4EA6300B7C361;
-			remoteInfo = RCTAnimation;
-		};
-		143BC59B1B21E3E100462512 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 13B07F861A680F5B00A75B9A;
-			remoteInfo = RNTester;
-		};
-		147CED4A1AB34F8C00DA3E4C /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14E0EEC81AB118F7000DECC3 /* RCTActionSheet.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 134814201AA4EA6300B7C361;
-			remoteInfo = RCTActionSheet;
-		};
-		14AADF031AC3DB95002390C9 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192;
-			remoteInfo = React;
-		};
-		14DC67F01AB71876001358AB /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14DC67E71AB71876001358AB /* RCTPushNotification.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 134814201AA4EA6300B7C361;
-			remoteInfo = RCTPushNotification;
-		};
-		18B8F9C22143301000CE911A /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 18F3BA1C2142F86400AD247D;
-			remoteInfo = "jsinspector-macOS";
-		};
-		18CD946E2149B235009E2179 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 5281CA4B1EEAC9A700AC40CD /* RCTBlob.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 6484CE4D201A74FA004275A4;
-			remoteInfo = "RCTBlob-macOS";
-		};
-		18CD94702149B235009E2179 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 2D66FF5F1ECA405900F0A767 /* ART.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 647647611F0BC33500C2D89B;
-			remoteInfo = "ART-macOS";
-		};
-		18CD94722149B235009E2179 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 6B857DA21EC51FC600A9D063;
-			remoteInfo = "React-macOS";
-		};
-		18CD94742149B235009E2179 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14E0EEC81AB118F7000DECC3 /* RCTActionSheet.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 649D87CC1F69D9BC0005AF18;
-			remoteInfo = "RCTActionSheet-macOS";
-		};
-		18CD94762149B235009E2179 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13E5019C1D07A502005F35D8 /* RCTAnimation.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 647647861F0BC7F200C2D89B;
-			remoteInfo = "RCTAnimation-macOS";
-		};
-		18CD947A2149B235009E2179 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13417FE31AA91428003F314A /* RCTImage.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 6BDE7ACD1ECB9C4400CC951F;
-			remoteInfo = "RCTImage-macOS";
-		};
-		18CD947C2149B235009E2179 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 357858F81B28D2C400341EDB /* RCTLinking.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = D4C812E11F1CC42300FFA059;
-			remoteInfo = "RCTLinking-macOS";
-		};
-		18CD947E2149B235009E2179 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 134180261AA91779003F314A /* RCTNetwork.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 6BDE7A851ECB6E8400CC951F;
-			remoteInfo = "RCTNetwork-macOS";
-		};
-		18CD94802149B235009E2179 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14DC67E71AB71876001358AB /* RCTPushNotification.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 6424F7A41F669A3A0025D741;
-			remoteInfo = "RCTPushNotification-macOS";
-		};
-		18CD94822149B235009E2179 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13CC9D481AEED2B90020D1C2 /* RCTSettings.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 6448A5C71F292E63006FF1F5;
-			remoteInfo = "RCTSettings-macOS";
-		};
-		18CD94862149B235009E2179 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 139FDECA1B0651EA00C62182 /* RCTWebSocket.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 6BDE7A4F1ECB6B8200CC951F;
-			remoteInfo = "RCTWebSocket-macOS";
-		};
-		18CF93E8214723F400CDCB6F /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13417FEA1AA914B8003F314A /* RCTText.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 6BDE7AB21ECB8D6200CC951F;
-			remoteInfo = "RCTText-macos";
-		};
-		18FC77A71EF4770B002B3F17 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 18FC77851EF4770B002B3F17;
-			remoteInfo = "RNTester-macOS";
-		};
-		2D66FF641ECA405900F0A767 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 2D66FF5F1ECA405900F0A767 /* ART.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 0CF68AC11AF0540F00FF9E5C;
-			remoteInfo = ART;
-		};
-		2D66FF661ECA405900F0A767 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 2D66FF5F1ECA405900F0A767 /* ART.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 323A12871E5F266B004975B8;
-			remoteInfo = "ART-tvOS";
-		};
-		2D66FF8B1ECA405900F0A767 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 3D383D3C1EBD27B6005632C8;
-			remoteInfo = "third-party-tvOS";
-		};
-		2D66FF8D1ECA405900F0A767 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 3D383D621EBD27B9005632C8;
-			remoteInfo = "double-conversion-tvOS";
-		};
-		2DD323B41DA2DD8B000FE1B8 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13E5019C1D07A502005F35D8 /* RCTAnimation.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 2D2A28201D9B03D100D4039D;
-			remoteInfo = "RCTAnimation-tvOS";
-		};
-		2DD323BA1DA2DD8B000FE1B8 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13417FE31AA91428003F314A /* RCTImage.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 2D2A283A1D9B042B00D4039D;
-			remoteInfo = "RCTImage-tvOS";
-		};
-		2DD323BE1DA2DD8B000FE1B8 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 357858F81B28D2C400341EDB /* RCTLinking.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 2D2A28471D9B043800D4039D;
-			remoteInfo = "RCTLinking-tvOS";
-		};
-		2DD323C21DA2DD8B000FE1B8 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 134180261AA91779003F314A /* RCTNetwork.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 2D2A28541D9B044C00D4039D;
-			remoteInfo = "RCTNetwork-tvOS";
-		};
-		2DD323C71DA2DD8B000FE1B8 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13CC9D481AEED2B90020D1C2 /* RCTSettings.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 2D2A28611D9B046600D4039D;
-			remoteInfo = "RCTSettings-tvOS";
-		};
-		2DD323CF1DA2DD8B000FE1B8 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13417FEA1AA914B8003F314A /* RCTText.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 2D2A287B1D9B048500D4039D;
-			remoteInfo = "RCTText-tvOS";
-		};
-		2DD323D41DA2DD8B000FE1B8 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 139FDECA1B0651EA00C62182 /* RCTWebSocket.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 2D2A28881D9B049200D4039D;
-			remoteInfo = "RCTWebSocket-tvOS";
-		};
-		2DD323D81DA2DD8B000FE1B8 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 2D2A28131D9B038B00D4039D;
-			remoteInfo = "React-tvOS";
-		};
-		357859001B28D2C500341EDB /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 357858F81B28D2C400341EDB /* RCTLinking.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 134814201AA4EA6300B7C361;
-			remoteInfo = RCTLinking;
-		};
-		3D05746B1DE6008900184BB4 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14DC67E71AB71876001358AB /* RCTPushNotification.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 3D05745F1DE6004600184BB4;
-			remoteInfo = "RCTPushNotification-tvOS";
-		};
-		3D05748B1DE6008900184BB4 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 3D3CD9251DE5FBEC00167DC4;
-			remoteInfo = cxxreact;
-		};
-		3D05748D1DE6008900184BB4 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 3D3CD9321DE5FBEE00167DC4;
-			remoteInfo = "cxxreact-tvOS";
-		};
-		3D13F84B1D6F6B5F00E69E0E /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 3D13F83D1D6F6AE000E69E0E;
-			remoteInfo = RNTesterBundle;
-		};
-		3D3C08801DE3424E00C268FA /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 3D3C059A1DE3340900C268FA;
-			remoteInfo = yoga;
-		};
-		3D3C08821DE3424E00C268FA /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 3D3C06751DE3340C00C268FA;
-			remoteInfo = "yoga-tvOS";
-		};
-		3D507F411EBC88B700B56834 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 139D7ECE1E25DB7D00323FB7;
-			remoteInfo = "third-party";
-		};
-		3D507F431EBC88B700B56834 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 139D7E881E25C6D100323FB7;
-			remoteInfo = "double-conversion";
-		};
-		3DBE0D321F3B18670099AA32 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 139FDECA1B0651EA00C62182 /* RCTWebSocket.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 3DBE0D001F3B181A0099AA32;
-			remoteInfo = fishhook;
-		};
-		3DBE0D341F3B18670099AA32 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 139FDECA1B0651EA00C62182 /* RCTWebSocket.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 3DBE0D0D1F3B181C0099AA32;
-			remoteInfo = "fishhook-tvOS";
-		};
-		3DCE53211FEAB1C500613583 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = EBF21BDC1FC498900052F4D5;
-			remoteInfo = jsinspector;
-		};
-		3DCE53231FEAB1C500613583 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = EBF21BFA1FC4989A0052F4D5;
-			remoteInfo = "jsinspector-tvOS";
-		};
-		5281CA501EEAC9A700AC40CD /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 5281CA4B1EEAC9A700AC40CD /* RCTBlob.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 358F4ED71D1E81A9004DF814;
-			remoteInfo = RCTBlob;
-		};
-		5281CA521EEAC9A700AC40CD /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 5281CA4B1EEAC9A700AC40CD /* RCTBlob.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = ADD01A681E09402E00F6D226;
-			remoteInfo = "RCTBlob-tvOS";
-		};
-		6424F7B11F669A8E0025D741 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14DC67E71AB71876001358AB /* RCTPushNotification.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 6424F7AC1F669A3A0025D741;
-			remoteInfo = "RCTPushNotification-macOS";
-		};
-		6448A5D11F292F16006FF1F5 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13CC9D481AEED2B90020D1C2 /* RCTSettings.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 6448A5CD1F292E63006FF1F5;
-			remoteInfo = "RCTSettings-macOS";
-		};
-		647647301F0BC04800C2D89B /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 2D66FF5F1ECA405900F0A767 /* ART.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 647646E41F0BAC6600C2D89B;
-			remoteInfo = "ART-macOS";
-		};
-		647647C71F0BCC5500C2D89B /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13E5019C1D07A502005F35D8 /* RCTAnimation.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 647647C51F0BC7F200C2D89B;
-			remoteInfo = "RCTAnimation-macOS";
-		};
-		6484CE59201A7557004275A4 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 5281CA4B1EEAC9A700AC40CD /* RCTBlob.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 6484CE57201A74FA004275A4;
-			remoteInfo = "RCTBlob-macOS";
-		};
-		649BF7182019105B0068273E /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 139FDECA1B0651EA00C62182 /* RCTWebSocket.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 18C3A9BF1FE1D41600DEC48A;
-			remoteInfo = "fishhook-macOS";
-		};
-		6862DFAB2229DCC400684E03 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 6862DF932229DCC400684E03 /* RCTTest.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 580C376F1AB104AF0015E709;
-			remoteInfo = RCTTest;
-		};
-		6862DFAD2229DCC400684E03 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 6862DF932229DCC400684E03 /* RCTTest.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 2D2A286E1D9B047700D4039D;
-			remoteInfo = "RCTTest-tvOS";
-		};
-		834C36D11AF8DA610019C93C /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13CC9D481AEED2B90020D1C2 /* RCTSettings.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 134814201AA4EA6300B7C361;
-			remoteInfo = RCTSettings;
-		};
-		9F5C1805230B4F2400E3E5A7 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14E0EEC81AB118F7000DECC3 /* RCTActionSheet.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 649D87D21F69D9BC0005AF18;
-			remoteInfo = "RCTActionSheet-macOS";
-		};
-		9F5C1819230B4F2400E3E5A7 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 6862DF932229DCC400684E03 /* RCTTest.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 18DF57221EFA052000BF4666;
-			remoteInfo = "RCTTest-macOS";
-		};
-		9FB7D3E6224ABD0E00F31D11 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 9FD21D78224303D900E7F88E;
-			remoteInfo = "jsi-macOS";
-		};
-		9FB7D3E8224ABD0E00F31D11 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 9FD21D94224305AA00E7F88E;
-			remoteInfo = "jsiexecutor-macOS";
-		};
-		9FBFA7AB233D53BA003D9A8D /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 9FBFA512233C7E4C003D9A8D;
-			remoteInfo = "RNTesterBundle-macOS";
-		};
-		9FD21CD42242EE5B00E7F88E /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 2DD3238F1DA2DD8A000FE1B8;
-			remoteInfo = "RNTester-tvOS";
-		};
-		9FD21CE02242EFA400E7F88E /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13417FE31AA91428003F314A /* RCTImage.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 6BDE7AEB1ECB9C4400CC951F;
-			remoteInfo = "RCTImage-macOS";
-		};
-		9FD21CE62242EFA400E7F88E /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 134180261AA91779003F314A /* RCTNetwork.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 6BDE7A901ECB6E8400CC951F;
-			remoteInfo = "RCTNetwork-macOS";
-		};
-		9FD21CF02242EFA400E7F88E /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13417FEA1AA914B8003F314A /* RCTText.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 58B5119B1A9E6C1200147675;
-			remoteInfo = "RCTText-macos";
-		};
-		9FD21CF82242EFA400E7F88E /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 139FDECA1B0651EA00C62182 /* RCTWebSocket.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 6BDE7A581ECB6B8200CC951F;
-			remoteInfo = "RCTWebSocket-macOS";
-		};
-		9FD21D112242EFA400E7F88E /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 9F2AC95D2239D788005C9C14;
-			remoteInfo = "React-macOS";
-		};
-		9FD21D132242EFA400E7F88E /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 6B857F341EC51FCC00A9D063;
-			remoteInfo = "yoga-macOS";
-		};
-		9FD21D152242EFA400E7F88E /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 6B857F421EC51FCF00A9D063;
-			remoteInfo = "cxxreact-macOS";
-		};
-		9FD21D192242EFA400E7F88E /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 188202A21EF48CF700C9B354;
-			remoteInfo = "third-party-macOS";
-		};
-		9FD21D1B2242EFA400E7F88E /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 1882027C1EF48B7E00C9B354;
-			remoteInfo = "double-conversion-macOS";
-		};
-		9FF40703239F1AB4005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 6B857DA21EC51FC600A9D063;
-			remoteInfo = "React-macOS";
-		};
-		9FF40705239F1ADA005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13417FEA1AA914B8003F314A /* RCTText.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 6BDE7AB21ECB8D6200CC951F;
-			remoteInfo = "RCTText-macos";
-		};
-		9FF40707239F1AE1005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 139FDECA1B0651EA00C62182 /* RCTWebSocket.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 6BDE7A4F1ECB6B8200CC951F;
-			remoteInfo = "RCTWebSocket-macOS";
-		};
-		9FF40709239F1AE8005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13CC9D481AEED2B90020D1C2 /* RCTSettings.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 6448A5C71F292E63006FF1F5;
-			remoteInfo = "RCTSettings-macOS";
-		};
-		9FF4070B239F1AEE005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 357858F81B28D2C400341EDB /* RCTLinking.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = D4C812E11F1CC42300FFA059;
-			remoteInfo = "RCTLinking-macOS";
-		};
-		9FF4070D239F1AF6005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14DC67E71AB71876001358AB /* RCTPushNotification.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 6424F7A41F669A3A0025D741;
-			remoteInfo = "RCTPushNotification-macOS";
-		};
-		9FF4070F239F1AFC005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13417FE31AA91428003F314A /* RCTImage.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 6BDE7ACD1ECB9C4400CC951F;
-			remoteInfo = "RCTImage-macOS";
-		};
-		9FF40711239F1B01005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 134180261AA91779003F314A /* RCTNetwork.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 6BDE7A851ECB6E8400CC951F;
-			remoteInfo = "RCTNetwork-macOS";
-		};
-		9FF40713239F1B09005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13E5019C1D07A502005F35D8 /* RCTAnimation.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 647647861F0BC7F200C2D89B;
-			remoteInfo = "RCTAnimation-macOS";
-		};
-		9FF40715239F1B11005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14E0EEC81AB118F7000DECC3 /* RCTActionSheet.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 649D87CC1F69D9BC0005AF18;
-			remoteInfo = "RCTActionSheet-macOS";
-		};
-		9FF40717239F1B18005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 2D66FF5F1ECA405900F0A767 /* ART.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 647647611F0BC33500C2D89B;
-			remoteInfo = "ART-macOS";
-		};
-		9FF40719239F1B1D005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 5281CA4B1EEAC9A700AC40CD /* RCTBlob.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 6484CE4D201A74FA004275A4;
-			remoteInfo = "RCTBlob-macOS";
-		};
-		9FF4071B239F1B6D005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 139FDECA1B0651EA00C62182 /* RCTWebSocket.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 3C86DF451ADF2C930047B81A;
-			remoteInfo = RCTWebSocket;
-		};
-		9FF4071D239F1B72005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = D85B82911AB6D5CE003F4FE2 /* RCTVibration.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 832C817F1AAF6DEF007FA2F7;
-			remoteInfo = RCTVibration;
-		};
-		9FF4071F239F1B77005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13417FEA1AA914B8003F314A /* RCTText.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 58B5119A1A9E6C1200147676;
-			remoteInfo = RCTText;
-		};
-		9FF40721239F1B7D005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13CC9D481AEED2B90020D1C2 /* RCTSettings.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 58B511DA1A9E6C8500147676;
-			remoteInfo = RCTSettings;
-		};
-		9FF40723239F1B83005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14DC67E71AB71876001358AB /* RCTPushNotification.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 58B511DA1A9E6C8500147676;
-			remoteInfo = RCTPushNotification;
-		};
-		9FF40725239F1B88005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 357858F81B28D2C400341EDB /* RCTLinking.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 58B511DA1A9E6C8500147676;
-			remoteInfo = RCTLinking;
-		};
-		9FF40727239F1B8D005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13417FE31AA91428003F314A /* RCTImage.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 58B5115C1A9E6B3D00147676;
-			remoteInfo = RCTImage;
-		};
-		9FF40729239F1B92005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 134180261AA91779003F314A /* RCTNetwork.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 58B511DA1A9E6C8500147676;
-			remoteInfo = RCTNetwork;
-		};
-		9FF4072B239F1B98005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 138DEE021B9EDDDB007F4EA5 /* RCTCameraRoll.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 58B5115C1A9E6B3D00147676;
-			remoteInfo = RCTCameraRoll;
-		};
-		9FF4072D239F1B9E005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13E5019C1D07A502005F35D8 /* RCTAnimation.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 58B511DA1A9E6C8500147676;
-			remoteInfo = RCTAnimation;
-		};
-		9FF4072F239F1BA4005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14E0EEC81AB118F7000DECC3 /* RCTActionSheet.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 58B511DA1A9E6C8500147676;
-			remoteInfo = RCTActionSheet;
-		};
-		9FF40731239F1BAB005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 2D66FF5F1ECA405900F0A767 /* ART.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 0CF68AC01AF0540F00FF9E5C;
-			remoteInfo = ART;
-		};
-		9FF40733239F1BB1005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 5281CA4B1EEAC9A700AC40CD /* RCTBlob.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 358F4ED61D1E81A9004DF814;
-			remoteInfo = RCTBlob;
-		};
-		9FF40735239F1BB7005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 83CBBA2D1A601D0E00E9B192;
-			remoteInfo = React;
-		};
-		9FF40737239F1BC9005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 139FDECA1B0651EA00C62182 /* RCTWebSocket.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 3C86DF451ADF2C930047B81A;
-			remoteInfo = RCTWebSocket;
-		};
-		9FF40739239F1BCE005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = D85B82911AB6D5CE003F4FE2 /* RCTVibration.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 832C817F1AAF6DEF007FA2F7;
-			remoteInfo = RCTVibration;
-		};
-		9FF4073B239F1BD4005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13417FEA1AA914B8003F314A /* RCTText.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 58B5119A1A9E6C1200147676;
-			remoteInfo = RCTText;
-		};
-		9FF4073D239F1BD9005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13CC9D481AEED2B90020D1C2 /* RCTSettings.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 58B511DA1A9E6C8500147676;
-			remoteInfo = RCTSettings;
-		};
-		9FF4073F239F1BE1005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14DC67E71AB71876001358AB /* RCTPushNotification.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 58B511DA1A9E6C8500147676;
-			remoteInfo = RCTPushNotification;
-		};
-		9FF40741239F1BE5005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 357858F81B28D2C400341EDB /* RCTLinking.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 58B511DA1A9E6C8500147676;
-			remoteInfo = RCTLinking;
-		};
-		9FF40743239F1BEB005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13417FE31AA91428003F314A /* RCTImage.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 58B5115C1A9E6B3D00147676;
-			remoteInfo = RCTImage;
-		};
-		9FF40745239F1BF1005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 134180261AA91779003F314A /* RCTNetwork.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 58B511DA1A9E6C8500147676;
-			remoteInfo = RCTNetwork;
-		};
-		9FF40747239F1BF6005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 138DEE021B9EDDDB007F4EA5 /* RCTCameraRoll.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 58B5115C1A9E6B3D00147676;
-			remoteInfo = RCTCameraRoll;
-		};
-		9FF40749239F1BFE005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 13E5019C1D07A502005F35D8 /* RCTAnimation.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 58B511DA1A9E6C8500147676;
-			remoteInfo = RCTAnimation;
-		};
-		9FF4074B239F1C04005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14E0EEC81AB118F7000DECC3 /* RCTActionSheet.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 58B511DA1A9E6C8500147676;
-			remoteInfo = RCTActionSheet;
-		};
-		9FF4074D239F1C09005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 2D66FF5F1ECA405900F0A767 /* ART.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 0CF68AC01AF0540F00FF9E5C;
-			remoteInfo = ART;
-		};
-		9FF4074F239F1C0E005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 5281CA4B1EEAC9A700AC40CD /* RCTBlob.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 358F4ED61D1E81A9004DF814;
-			remoteInfo = RCTBlob;
-		};
-		9FF40751239F1C15005F0C58 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 1;
-			remoteGlobalIDString = 83CBBA2D1A601D0E00E9B192;
-			remoteInfo = React;
-		};
-		D429028E1F1CE21600685AE7 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 357858F81B28D2C400341EDB /* RCTLinking.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = D4C812E71F1CC42300FFA059;
-			remoteInfo = "RCTLinking-macOS";
-		};
-		D85B829B1AB6D5CE003F4FE2 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = D85B82911AB6D5CE003F4FE2 /* RCTVibration.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 832C81801AAF6DEF007FA2F7;
-			remoteInfo = RCTVibration;
-		};
-		ED2970942150246200B7C4FE /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = ED296FB6214C9A0900B7C4FE;
-			remoteInfo = "jsi-tvOS";
-		};
-		ED2970962150246200B7C4FE /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = ED296FEE214C9CF800B7C4FE;
-			remoteInfo = "jsiexecutor-tvOS";
-		};
-		EDEBC6FB214B402000DD5AC8 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = EDEBC6D6214B3E7000DD5AC8;
-			remoteInfo = jsi;
-		};
-		EDEBC7C9214C503A00DD5AC8 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = EDEBC73B214B45A300DD5AC8;
-			remoteInfo = jsiexecutor;
-		};
-/* End PBXContainerItemProxy section */
-
-/* Begin PBXCopyFilesBuildPhase section */
-		9FCC5EAC2252D34C009029D1 /* Copy Framework */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = "";
-			dstSubfolderSpec = 10;
-			files = (
-				9F153613233C37C8006DFE44 /* OCMock.framework in Copy Framework */,
-			);
-			name = "Copy Framework";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		EDEBC7DE214C68E400DD5AC8 /* Embed Frameworks */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 12;
-			dstPath = "";
-			dstSubfolderSpec = 10;
-			files = (
-			);
-			name = "Embed Frameworks";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXCopyFilesBuildPhase section */
-
-/* Begin PBXFileReference section */
-		001BFCE31D838343008E587E /* RCTMultipartStreamReaderTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTMultipartStreamReaderTests.m; sourceTree = "<group>"; };
-		004D289E1AAF61C70097A701 /* RNTesterUnitTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RNTesterUnitTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
-		04F27E102288190500F536C3 /* RCTPerformanceLoggerTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RCTPerformanceLoggerTests.m; sourceTree = "<group>"; };
-		1300627E1B59179B0043FE5A /* RCTGzipTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTGzipTests.m; sourceTree = "<group>"; };
-		13129DD31C85F87C007D611C /* RCTModuleInitNotificationRaceTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTModuleInitNotificationRaceTests.m; sourceTree = "<group>"; };
-		13417FE31AA91428003F314A /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = ../Libraries/Image/RCTImage.xcodeproj; sourceTree = "<group>"; };
-		13417FEA1AA914B8003F314A /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = ../Libraries/Text/RCTText.xcodeproj; sourceTree = "<group>"; };
-		134180261AA91779003F314A /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = ../Libraries/Network/RCTNetwork.xcodeproj; sourceTree = "<group>"; };
-		134CB9291C85A38800265FA6 /* RCTModuleInitTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTModuleInitTests.m; sourceTree = "<group>"; };
-		138D6A161B53CD440074A87E /* RCTShadowViewTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTShadowViewTests.m; sourceTree = "<group>"; };
-		138DEE021B9EDDDB007F4EA5 /* RCTCameraRoll.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTCameraRoll.xcodeproj; path = ../Libraries/CameraRoll/RCTCameraRoll.xcodeproj; sourceTree = "<group>"; };
-		1393D0371B68CD1300E1B601 /* RCTModuleMethodTests.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTModuleMethodTests.mm; sourceTree = "<group>"; };
-		139FDECA1B0651EA00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = ../Libraries/WebSocket/RCTWebSocket.xcodeproj; 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>"; };
-		13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = "<group>"; };
-		13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = RNTester/Info.plist; sourceTree = "<group>"; };
-		13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = RNTester/main.m; sourceTree = "<group>"; };
-		13B6C1A21C34225900D3FAF5 /* RCTURLUtilsTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTURLUtilsTests.m; sourceTree = "<group>"; };
-		13BCE84E1C9C209600DD7AAD /* RCTComponentPropsTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTComponentPropsTests.m; sourceTree = "<group>"; };
-		13CC9D481AEED2B90020D1C2 /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = ../Libraries/Settings/RCTSettings.xcodeproj; sourceTree = "<group>"; };
-		13DB03471B5D2ED500C27245 /* RCTJSONTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTJSONTests.m; sourceTree = "<group>"; };
-		13DF61B51B67A45000EDB188 /* RCTMethodArgumentTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTMethodArgumentTests.m; sourceTree = "<group>"; };
-		13E5019C1D07A502005F35D8 /* RCTAnimation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTAnimation.xcodeproj; path = ../Libraries/NativeAnimation/RCTAnimation.xcodeproj; sourceTree = "<group>"; };
-		143BC57E1B21E18100462512 /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
-		143BC5951B21E3E100462512 /* RNTesterIntegrationTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RNTesterIntegrationTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
-		143BC5981B21E3E100462512 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
-		143BC5A01B21E45C00462512 /* RNTesterSnapshotTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RNTesterSnapshotTests.m; sourceTree = "<group>"; };
-		144D21231B2204C5006DB32B /* RCTImageUtilTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTImageUtilTests.m; sourceTree = "<group>"; };
-		1497CFA41B21F5E400C1F8F2 /* RCTAllocationTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTAllocationTests.m; sourceTree = "<group>"; };
-		1497CFA71B21F5E400C1F8F2 /* RCTConvert_NSURLTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTConvert_NSURLTests.m; sourceTree = "<group>"; };
-		1497CFA81B21F5E400C1F8F2 /* RCTFontTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTFontTests.m; sourceTree = "<group>"; };
-		1497CFA91B21F5E400C1F8F2 /* RCTEventDispatcherTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTEventDispatcherTests.m; sourceTree = "<group>"; };
-		1497CFAB1B21F5E400C1F8F2 /* RCTUIManagerTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTUIManagerTests.m; sourceTree = "<group>"; };
-		14AADEFF1AC3DB95002390C9 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = ../React/React.xcodeproj; sourceTree = "<group>"; };
-		14D6D7021B220AE3001FB087 /* NSNotificationCenter+OCMAdditions.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = "NSNotificationCenter+OCMAdditions.h"; sourceTree = "<group>"; };
-		14D6D7031B220AE3001FB087 /* OCMArg.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = OCMArg.h; sourceTree = "<group>"; };
-		14D6D7041B220AE3001FB087 /* OCMConstraint.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = OCMConstraint.h; sourceTree = "<group>"; };
-		14D6D7051B220AE3001FB087 /* OCMLocation.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = OCMLocation.h; sourceTree = "<group>"; };
-		14D6D7061B220AE3001FB087 /* OCMMacroState.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = OCMMacroState.h; sourceTree = "<group>"; };
-		14D6D7071B220AE3001FB087 /* OCMock.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = OCMock.h; sourceTree = "<group>"; };
-		14D6D7081B220AE3001FB087 /* OCMockObject.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = OCMockObject.h; sourceTree = "<group>"; };
-		14D6D7091B220AE3001FB087 /* OCMRecorder.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = OCMRecorder.h; sourceTree = "<group>"; };
-		14D6D70A1B220AE3001FB087 /* OCMStubRecorder.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = OCMStubRecorder.h; sourceTree = "<group>"; };
-		14D6D7101B220EB3001FB087 /* libOCMock.a */ = {isa = PBXFileReference; lastKnownFileType = archive.ar; path = libOCMock.a; sourceTree = "<group>"; };
-		14DC67E71AB71876001358AB /* RCTPushNotification.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTPushNotification.xcodeproj; path = ../Libraries/PushNotificationIOS/RCTPushNotification.xcodeproj; sourceTree = "<group>"; };
-		14E0EEC81AB118F7000DECC3 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = ../Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj; sourceTree = "<group>"; };
-		1879ECDE21E84E2800D98372 /* RCTConvert_NSColorTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTConvert_NSColorTests.m; sourceTree = "<group>"; };
-		18BFA4931F01C46700969486 /* OCMock.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; path = OCMock.framework; sourceTree = "<group>"; };
-		18D8D99F21C06BCE00E0CCAC /* libiosDeviceBuild.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libiosDeviceBuild.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		18FC77861EF4770B002B3F17 /* RNTester-macOS.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "RNTester-macOS.app"; sourceTree = BUILT_PRODUCTS_DIR; };
-		18FC77881EF4770B002B3F17 /* AppDelegate.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = AppDelegate.h; sourceTree = "<group>"; };
-		18FC77891EF4770B002B3F17 /* AppDelegate.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = AppDelegate.m; sourceTree = "<group>"; };
-		18FC778C1EF4770B002B3F17 /* main.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = main.m; sourceTree = "<group>"; };
-		18FC778E1EF4770B002B3F17 /* ViewController.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = ViewController.h; sourceTree = "<group>"; };
-		18FC778F1EF4770B002B3F17 /* ViewController.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = ViewController.m; sourceTree = "<group>"; };
-		18FC77911EF4770B002B3F17 /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
-		18FC77941EF4770B002B3F17 /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = "<group>"; };
-		18FC77961EF4770B002B3F17 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
-		18FC779B1EF4770B002B3F17 /* RNTester-macOSUnitTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = "RNTester-macOSUnitTests.xctest"; sourceTree = BUILT_PRODUCTS_DIR; };
-		18FC779F1EF4770B002B3F17 /* RNTesterUnitTests_macOS.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RNTesterUnitTests_macOS.m; sourceTree = "<group>"; };
-		18FC77A11EF4770B002B3F17 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
-		18FC77A61EF4770B002B3F17 /* RNTester-macOSIntegrationTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = "RNTester-macOSIntegrationTests.xctest"; sourceTree = BUILT_PRODUCTS_DIR; };
-		18FC77AA1EF4770B002B3F17 /* RNTesterIntegrationTests_macOS.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RNTesterIntegrationTests_macOS.m; sourceTree = "<group>"; };
-		18FC77AC1EF4770B002B3F17 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
-		192F69B51E82409A008692C7 /* RCTAnimationUtilsTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTAnimationUtilsTests.m; sourceTree = "<group>"; };
-		192F69B61E82409A008692C7 /* RCTConvert_YGValueTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTConvert_YGValueTests.m; sourceTree = "<group>"; };
-		192F69B71E82409A008692C7 /* RCTNativeAnimatedNodesManagerTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTNativeAnimatedNodesManagerTests.m; sourceTree = "<group>"; };
-		19BA88D41F84344F00741C5A /* RCTBlobManagerTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RCTBlobManagerTests.m; sourceTree = "<group>"; };
-		272E6B3B1BEA849E001FCF37 /* UpdatePropertiesExampleView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = UpdatePropertiesExampleView.h; path = RNTester/NativeExampleViews/UpdatePropertiesExampleView.h; sourceTree = "<group>"; };
-		272E6B3C1BEA849E001FCF37 /* UpdatePropertiesExampleView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = UpdatePropertiesExampleView.m; path = RNTester/NativeExampleViews/UpdatePropertiesExampleView.m; sourceTree = "<group>"; };
-		27B885551BED29AF00008352 /* RCTRootViewIntegrationTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTRootViewIntegrationTests.m; sourceTree = "<group>"; };
-		27F441E81BEBE5030039B79C /* FlexibleSizeExampleView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = FlexibleSizeExampleView.m; path = RNTester/NativeExampleViews/FlexibleSizeExampleView.m; sourceTree = "<group>"; };
-		27F441EA1BEBE5030039B79C /* FlexibleSizeExampleView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = FlexibleSizeExampleView.h; path = RNTester/NativeExampleViews/FlexibleSizeExampleView.h; sourceTree = "<group>"; };
-		2D4624E01DA2EA6900C74D09 /* RNTester-tvOSIntegrationTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = "RNTester-tvOSIntegrationTests.xctest"; sourceTree = BUILT_PRODUCTS_DIR; };
-		2D66FF5F1ECA405900F0A767 /* ART.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = ART.xcodeproj; path = ../Libraries/ART/ART.xcodeproj; sourceTree = "<group>"; };
-		2DD323901DA2DD8A000FE1B8 /* RNTester-tvOS.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "RNTester-tvOS.app"; sourceTree = BUILT_PRODUCTS_DIR; };
-		2DD323A01DA2DD8B000FE1B8 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
-		2DD323A51DA2DD8B000FE1B8 /* RNTester-tvOSUnitTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = "RNTester-tvOSUnitTests.xctest"; sourceTree = BUILT_PRODUCTS_DIR; };
-		2DDEF00F1F84BF7B00DBDF73 /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = RNTester/Images.xcassets; sourceTree = "<group>"; };
-		357858F81B28D2C400341EDB /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = ../Libraries/LinkingIOS/RCTLinking.xcodeproj; sourceTree = "<group>"; };
-		38C500E122D3CF2E00BCD999 /* RCTConvert_UIColorTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTConvert_UIColorTests.m; sourceTree = "<group>"; };
-		39AA31A31DC1DFDC000F7EBB /* RCTUnicodeDecodeTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTUnicodeDecodeTests.m; sourceTree = "<group>"; };
-		3D13F83E1D6F6AE000E69E0E /* RNTesterBundle.bundle */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RNTesterBundle.bundle; sourceTree = BUILT_PRODUCTS_DIR; };
-		3D13F8401D6F6AE000E69E0E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; name = Info.plist; path = ../Info.plist; sourceTree = "<group>"; };
-		3D13F8441D6F6AF200E69E0E /* ImageInBundle.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = ImageInBundle.png; sourceTree = "<group>"; };
-		3D13F8451D6F6AF200E69E0E /* OtherImages.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = OtherImages.xcassets; sourceTree = "<group>"; };
-		3D299BAE1D33EBFA00FA1057 /* RCTLoggingTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTLoggingTests.m; 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>"; };
-		3DB99D0B1BA0340600302749 /* RNTesterIntegrationTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RNTesterIntegrationTests.m; sourceTree = "<group>"; };
-		3DD981D51D33C6FB007DC7BE /* RNTesterUnitTestsBundle.js */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.javascript; path = RNTesterUnitTestsBundle.js; sourceTree = "<group>"; };
-		5281CA4B1EEAC9A700AC40CD /* RCTBlob.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTBlob.xcodeproj; path = ../Libraries/Blob/RCTBlob.xcodeproj; sourceTree = "<group>"; };
-		5C2B71142267DB1A0066069E /* RCTNativeSampleTurboModuleSpec.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTNativeSampleTurboModuleSpec.h; sourceTree = "<group>"; };
-		5C2B71152267DB1A0066069E /* RCTNativeSampleTurboModuleSpec.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTNativeSampleTurboModuleSpec.mm; sourceTree = "<group>"; };
-		5C2B71182267DB1A0066069E /* RCTSampleTurboModule.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSampleTurboModule.h; sourceTree = "<group>"; };
-		5C2B711A2267DB1A0066069E /* RCTSampleTurboModule.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTSampleTurboModule.mm; sourceTree = "<group>"; };
-		5C60EB582264416A0018C04F /* AppDelegate.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; name = AppDelegate.mm; path = RNTester/AppDelegate.mm; sourceTree = "<group>"; };
-		6862DF932229DCC400684E03 /* RCTTest.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTTest.xcodeproj; path = RCTTest/RCTTest.xcodeproj; sourceTree = "<group>"; };
-		6862DFCD2229DFCB00684E03 /* Screenshot.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = Screenshot.h; sourceTree = "<group>"; };
-		6862DFCE2229DFCC00684E03 /* Screenshot.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = Screenshot.m; sourceTree = "<group>"; };
-		68FF44371CF6111500720EFD /* RCTBundleURLProviderTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTBundleURLProviderTests.m; sourceTree = "<group>"; };
-		83636F8E1B53F22C009F943E /* RCTUIManagerScenarioTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTUIManagerScenarioTests.m; sourceTree = "<group>"; };
-		8385CEF41B873B5C00C6273E /* RCTImageLoaderTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTImageLoaderTests.m; sourceTree = "<group>"; };
-		8385CF031B87479200C6273E /* RCTImageLoaderHelpers.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTImageLoaderHelpers.m; sourceTree = "<group>"; };
-		8385CF051B8747A000C6273E /* RCTImageLoaderHelpers.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = RCTImageLoaderHelpers.h; sourceTree = "<group>"; };
-		9F1534BD233AB44F006DFE44 /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = Platforms/MacOSX.platform/Developer/SDKs/MacOSX10.15.sdk/System/Library/Frameworks/JavaScriptCore.framework; sourceTree = DEVELOPER_DIR; };
-		9F1C4D00236CB06B0022EC0D /* RNTesterTestPlan_iOS.xctestplan */ = {isa = PBXFileReference; lastKnownFileType = text; path = RNTesterTestPlan_iOS.xctestplan; sourceTree = "<group>"; };
-		9F4D1F022375E7A10012B4A9 /* RNTesterTestPlan_mac.xctestplan */ = {isa = PBXFileReference; lastKnownFileType = text; path = RNTesterTestPlan_mac.xctestplan; sourceTree = "<group>"; };
-		9F5C1923230F46CB00E3E5A7 /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = Platforms/MacOSX.platform/Developer/SDKs/MacOSX10.14.sdk/System/Library/Frameworks/JavaScriptCore.framework; sourceTree = DEVELOPER_DIR; };
-		9FBFA513233C7E4C003D9A8D /* RNTesterBundle-macOS.bundle */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = "RNTesterBundle-macOS.bundle"; sourceTree = BUILT_PRODUCTS_DIR; };
-		9FBFA515233C7E4C003D9A8D /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
-		AFEACA822223EB05004E5198 /* CrashyCrash.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = CrashyCrash.h; sourceTree = "<group>"; };
-		AFEACA832223EB05004E5198 /* CrashyCrash.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = CrashyCrash.m; sourceTree = "<group>"; };
-		BC9C033F1DC9F1D600B1C635 /* RCTDevMenuTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTDevMenuTests.m; sourceTree = "<group>"; };
-		C60A228121C9726800B820FE /* RCTFormatErrorTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RCTFormatErrorTests.m; sourceTree = "<group>"; };
-		C654F0B21EB34A73000B7A9A /* RNTesterTestModule.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RNTesterTestModule.m; sourceTree = "<group>"; };
-		D85B82911AB6D5CE003F4FE2 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = ../Libraries/Vibration/RCTVibration.xcodeproj; sourceTree = "<group>"; };
-		ED2970982150247000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = Platforms/AppleTVOS.platform/Developer/SDKs/AppleTVOS12.0.sdk/System/Library/Frameworks/JavaScriptCore.framework; sourceTree = DEVELOPER_DIR; };
-		EDEBC7DA214C681C00DD5AC8 /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
-/* End PBXFileReference section */
-
-/* Begin PBXFrameworksBuildPhase section */
-		004D289B1AAF61C70097A701 /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				E77B20F321C481F8007FDF6D /* JavaScriptCore.framework in Frameworks */,
-				19BA89031F8439A700741C5A /* libRCTBlob.a in Frameworks */,
-				192F69DA1E8240E2008692C7 /* libRCTAnimation.a in Frameworks */,
-				14D6D71E1B2222EF001FB087 /* libRCTActionSheet.a in Frameworks */,
-				14D6D7211B2222EF001FB087 /* libRCTImage.a in Frameworks */,
-				14D6D7221B2222EF001FB087 /* libRCTNetwork.a in Frameworks */,
-				14D6D7231B2222EF001FB087 /* libRCTPushNotification.a in Frameworks */,
-				14D6D7241B2222EF001FB087 /* libRCTSettings.a in Frameworks */,
-				6862DFC62229DCE600684E03 /* libRCTTest.a in Frameworks */,
-				14D6D7261B2222EF001FB087 /* libRCTText.a in Frameworks */,
-				14D6D7271B2222EF001FB087 /* libRCTVibration.a in Frameworks */,
-				14D6D7281B2222EF001FB087 /* libRCTWebSocket.a in Frameworks */,
-				14D6D7291B2222EF001FB087 /* libReact.a in Frameworks */,
-				14D6D7111B220EB3001FB087 /* libOCMock.a in Frameworks */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		13B07F8C1A680F5B00A75B9A /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				EDEBC856214C774100DD5AC8 /* JavaScriptCore.framework in Frameworks */,
-				3D0E379D1F1CC77200DCAC9F /* libReact.a in Frameworks */,
-				52C11BBB1EEACA7100C1A058 /* libRCTBlob.a in Frameworks */,
-				2D66FF8F1ECA406D00F0A767 /* libART.a in Frameworks */,
-				147CED4C1AB3532B00DA3E4C /* libRCTActionSheet.a in Frameworks */,
-				13E501F11D07A84A005F35D8 /* libRCTAnimation.a in Frameworks */,
-				138DEE241B9EDFB6007F4EA5 /* libRCTCameraRoll.a in Frameworks */,
-				1341802C1AA9178B003F314A /* libRCTNetwork.a in Frameworks */,
-				13417FE91AA91432003F314A /* libRCTImage.a in Frameworks */,
-				3578590A1B28D2CF00341EDB /* libRCTLinking.a in Frameworks */,
-				14DC67F41AB71881001358AB /* libRCTPushNotification.a in Frameworks */,
-				834C36EC1AF8DED70019C93C /* libRCTSettings.a in Frameworks */,
-				134180011AA9153C003F314A /* libRCTText.a in Frameworks */,
-				D85B829E1AB6D5D7003F4FE2 /* libRCTVibration.a in Frameworks */,
-				139FDEDB1B0651FB00C62182 /* libRCTWebSocket.a in Frameworks */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		143BC5921B21E3E100462512 /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				6862DFC72229DD1000684E03 /* libRCTTest.a in Frameworks */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		18D8D99C21C06BCE00E0CCAC /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9FF406FF239F179A005F0C58 /* JavaScriptCore.framework in Frameworks */,
-				9FF406EF239F173D005F0C58 /* libReact.a in Frameworks */,
-				9FF406EE239F1737005F0C58 /* libRCTBlob.a in Frameworks */,
-				9FF406ED239F1732005F0C58 /* libART.a in Frameworks */,
-				9FF406EC239F172D005F0C58 /* libRCTActionSheet.a in Frameworks */,
-				9FF406EB239F1727005F0C58 /* libRCTAnimation.a in Frameworks */,
-				9FF406EA239F1721005F0C58 /* libRCTCameraRoll.a in Frameworks */,
-				9FF406E9239F1717005F0C58 /* libRCTNetwork.a in Frameworks */,
-				9FF406E8239F1710005F0C58 /* libRCTImage.a in Frameworks */,
-				9FF406E7239F1708005F0C58 /* libRCTLinking.a in Frameworks */,
-				9FF406E6239F1703005F0C58 /* libRCTPushNotification.a in Frameworks */,
-				9FF406E5239F16FD005F0C58 /* libRCTSettings.a in Frameworks */,
-				9FF406E2239F16E7005F0C58 /* libRCTText.a in Frameworks */,
-				9FF406E1239F16E2005F0C58 /* libRCTVibration.a in Frameworks */,
-				9FF406E0239F16DD005F0C58 /* libRCTWebSocket.a in Frameworks */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		18FC77831EF4770B002B3F17 /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9F15350A233ABA82006DFE44 /* JavaScriptCore.framework in Frameworks */,
-				9F5C182C230B7A6800E3E5A7 /* libReact.a in Frameworks */,
-				9F5C182B230B4F7400E3E5A7 /* libRCTBlob-macOS.a in Frameworks */,
-				9F5C182A230B4F7000E3E5A7 /* libART-macOS.a in Frameworks */,
-				9F5C1829230B4F6800E3E5A7 /* libRCTActionSheet.a in Frameworks */,
-				9F5C1828230B4F6200E3E5A7 /* libRCTAnimation.a in Frameworks */,
-				9F5C1827230B4F5600E3E5A7 /* libRCTNetwork.a in Frameworks */,
-				9F5C1826230B4F5000E3E5A7 /* libRCTImage.a in Frameworks */,
-				9F5C182D230B7A7E00E3E5A7 /* libRCTPushNotification-macOS.a in Frameworks */,
-				D42902901F1CE21600685AE7 /* libRCTLinking-macOS.a in Frameworks */,
-				9F5C1825230B4F4500E3E5A7 /* libRCTSettings-macOS.a in Frameworks */,
-				9F5C1823230B4F3500E3E5A7 /* libRCTWebSocket.a in Frameworks */,
-				9F5C1824230B4F4000E3E5A7 /* libRCTText.a in Frameworks */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		18FC77981EF4770B002B3F17 /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9F153612233C37AE006DFE44 /* OCMock.framework in Frameworks */,
-				9F1534BE233AB44F006DFE44 /* JavaScriptCore.framework in Frameworks */,
-				9F7CD41A2339A936005B9D55 /* libRCTBlob-macOS.a in Frameworks */,
-				18FE57B02149BCDB000CB2A7 /* libRCTAnimation.a in Frameworks */,
-				9F7CD4192339A92D005B9D55 /* libRCTActionSheet.a in Frameworks */,
-				9F7CD4182339A925005B9D55 /* libRCTImage.a in Frameworks */,
-				9F7CD4172339A920005B9D55 /* libRCTNetwork.a in Frameworks */,
-				9F7CD4162339A91A005B9D55 /* libRCTPushNotification-macOS.a in Frameworks */,
-				9F7CD4152339A913005B9D55 /* libRCTSettings-macOS.a in Frameworks */,
-				9F7CD4142339A90C005B9D55 /* libRCTTest-macOS.a in Frameworks */,
-				9F7CD4132339A906005B9D55 /* libRCTText.a in Frameworks */,
-				9F7CD4122339A8FF005B9D55 /* libRCTWebSocket.a in Frameworks */,
-				9F153508233AB998006DFE44 /* libReact.a in Frameworks */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		18FC77A31EF4770B002B3F17 /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9F15350C233ACE3B006DFE44 /* JavaScriptCore.framework in Frameworks */,
-				9F153611233C32B8006DFE44 /* libRCTLinking-macOS.a in Frameworks */,
-				9F153610233C32AF006DFE44 /* libRCTImage.a in Frameworks */,
-				9F15359E233C2D6A006DFE44 /* libRCTText.a in Frameworks */,
-				9F15356B233C2CC5006DFE44 /* libRCTNetwork.a in Frameworks */,
-				9F15350D233ACE67006DFE44 /* libRCTWebSocket.a in Frameworks */,
-				9F15350B233ACE27006DFE44 /* libReact.a in Frameworks */,
-				9F7CD41B2339A95F005B9D55 /* libRCTTest-macOS.a in Frameworks */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		2D4624D91DA2EA6900C74D09 /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				6862DFC92229DD2100684E03 /* libRCTTest-tvOS.a in Frameworks */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		2DD3238D1DA2DD8A000FE1B8 /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9FBFA5CF233C9469003D9A8D /* libReact.a in Frameworks */,
-				ED2970992150247000B7C4FE /* JavaScriptCore.framework in Frameworks */,
-				52C11BE11EEACA7800C1A058 /* libRCTBlob-tvOS.a in Frameworks */,
-				2D66FF901ECA407E00F0A767 /* libART-tvOS.a in Frameworks */,
-				2DD323E31DA2DE3F000FE1B8 /* libRCTAnimation.a in Frameworks */,
-				3D302F221DF8285100D6DDAE /* libRCTImage-tvOS.a in Frameworks */,
-				2DD323E51DA2DE3F000FE1B8 /* libRCTLinking-tvOS.a in Frameworks */,
-				2DD323E61DA2DE3F000FE1B8 /* libRCTNetwork-tvOS.a in Frameworks */,
-				3D05746D1DE6008900184BB4 /* libRCTPushNotification-tvOS.a in Frameworks */,
-				2DD323E71DA2DE3F000FE1B8 /* libRCTSettings-tvOS.a in Frameworks */,
-				2DD323E81DA2DE3F000FE1B8 /* libRCTText-tvOS.a in Frameworks */,
-				2DD323E91DA2DE3F000FE1B8 /* libRCTWebSocket-tvOS.a in Frameworks */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		2DD323A21DA2DD8B000FE1B8 /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				6862DFC82229DD1900684E03 /* libRCTTest-tvOS.a in Frameworks */,
-				2DE7E7FD1FB2A4F3009E225D /* libRCTAnimation.a in Frameworks */,
-				2DE7E7FE1FB2A4F3009E225D /* libRCTBlob-tvOS.a in Frameworks */,
-				2DE7E7FF1FB2A4F3009E225D /* libRCTImage-tvOS.a in Frameworks */,
-				2DE7E8001FB2A4F3009E225D /* libRCTLinking-tvOS.a in Frameworks */,
-				2DE7E8011FB2A4F3009E225D /* libRCTNetwork-tvOS.a in Frameworks */,
-				2DE7E8021FB2A4F3009E225D /* libRCTPushNotification-tvOS.a in Frameworks */,
-				2DE7E8031FB2A4F3009E225D /* libRCTSettings-tvOS.a in Frameworks */,
-				2DE7E8051FB2A4F3009E225D /* libRCTText-tvOS.a in Frameworks */,
-				2DE7E8061FB2A4F3009E225D /* libRCTWebSocket-tvOS.a in Frameworks */,
-				2DE7E8071FB2A4F3009E225D /* libReact.a in Frameworks */,
-				2D4BD8E71DA2E20D005AC8A8 /* libOCMock.a in Frameworks */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D13F83B1D6F6AE000E69E0E /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		9F61696A225FB3F1008F89F1 /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9FF406FE239F1794005F0C58 /* JavaScriptCore.framework in Frameworks */,
-				9FF406FD239F178F005F0C58 /* libReact.a in Frameworks */,
-				9FF406FC239F1787005F0C58 /* libRCTBlob.a in Frameworks */,
-				9FF406FB239F1783005F0C58 /* libART.a in Frameworks */,
-				9FF406FA239F177E005F0C58 /* libRCTActionSheet.a in Frameworks */,
-				9FF406F9239F1777005F0C58 /* libRCTAnimation.a in Frameworks */,
-				9FF406F8239F1771005F0C58 /* libRCTCameraRoll.a in Frameworks */,
-				9FF406F7239F176D005F0C58 /* libRCTNetwork.a in Frameworks */,
-				9FF406F6239F1767005F0C58 /* libRCTImage.a in Frameworks */,
-				9FF406F5239F1762005F0C58 /* libRCTLinking.a in Frameworks */,
-				9FF406F4239F175D005F0C58 /* libRCTPushNotification.a in Frameworks */,
-				9FF406F3239F1756005F0C58 /* libRCTSettings.a in Frameworks */,
-				9FF406F2239F1751005F0C58 /* libRCTText.a in Frameworks */,
-				9FF406F1239F174B005F0C58 /* libRCTVibration.a in Frameworks */,
-				9FF406F0239F1746005F0C58 /* libRCTWebSocket.a in Frameworks */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		9F616990225FB40C008F89F1 /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9FF40700239F17A0005F0C58 /* JavaScriptCore.framework in Frameworks */,
-				9FF40702239F1AA7005F0C58 /* libReact.a in Frameworks */,
-				9FF406DE239F16A3005F0C58 /* libRCTBlob-macOS.a in Frameworks */,
-				9FF406DD239F169D005F0C58 /* libART-macOS.a in Frameworks */,
-				9FF406DC239F1697005F0C58 /* libRCTActionSheet.a in Frameworks */,
-				9FF406DB239F1691005F0C58 /* libRCTAnimation.a in Frameworks */,
-				9FF406DA239F168A005F0C58 /* libRCTNetwork.a in Frameworks */,
-				9FF406D9239F1684005F0C58 /* libRCTImage.a in Frameworks */,
-				9FF406D8239F1675005F0C58 /* libRCTPushNotification-macOS.a in Frameworks */,
-				9FF406D7239F166F005F0C58 /* libRCTLinking-macOS.a in Frameworks */,
-				9FF406D6239F166B005F0C58 /* libRCTSettings-macOS.a in Frameworks */,
-				9FF406D5239F1665005F0C58 /* libRCTWebSocket.a in Frameworks */,
-				9FF406A2239F165E005F0C58 /* libRCTText.a in Frameworks */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		9FBFA510233C7E4C003D9A8D /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXFrameworksBuildPhase section */
-
-/* Begin PBXGroup section */
-		1316A21D1AA397F400C0188E /* Libraries */ = {
-			isa = PBXGroup;
-			children = (
-				5281CA4B1EEAC9A700AC40CD /* RCTBlob.xcodeproj */,
-				2D66FF5F1ECA405900F0A767 /* ART.xcodeproj */,
-				14AADEFF1AC3DB95002390C9 /* React.xcodeproj */,
-				14E0EEC81AB118F7000DECC3 /* RCTActionSheet.xcodeproj */,
-				13E5019C1D07A502005F35D8 /* RCTAnimation.xcodeproj */,
-				138DEE021B9EDDDB007F4EA5 /* RCTCameraRoll.xcodeproj */,
-				13417FE31AA91428003F314A /* RCTImage.xcodeproj */,
-				357858F81B28D2C400341EDB /* RCTLinking.xcodeproj */,
-				134180261AA91779003F314A /* RCTNetwork.xcodeproj */,
-				14DC67E71AB71876001358AB /* RCTPushNotification.xcodeproj */,
-				13CC9D481AEED2B90020D1C2 /* RCTSettings.xcodeproj */,
-				6862DF932229DCC400684E03 /* RCTTest.xcodeproj */,
-				13417FEA1AA914B8003F314A /* RCTText.xcodeproj */,
-				D85B82911AB6D5CE003F4FE2 /* RCTVibration.xcodeproj */,
-				139FDECA1B0651EA00C62182 /* RCTWebSocket.xcodeproj */,
-			);
-			name = Libraries;
-			sourceTree = "<group>";
-		};
-		1323F18D1C04ABAC0091BED0 /* Supporting Files */ = {
-			isa = PBXGroup;
-			children = (
-				3D2AFAF41D646CF80089D1A3 /* legacy_image@2x.png */,
-				13B07FB61A68108700A75B9A /* Info.plist */,
-			);
-			name = "Supporting Files";
-			sourceTree = "<group>";
-		};
-		13417FE41AA91428003F314A /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				13417FE81AA91428003F314A /* libRCTImage.a */,
-				9FD21CE12242EFA400E7F88E /* libRCTImage.a */,
-				2DD323BB1DA2DD8B000FE1B8 /* libRCTImage-tvOS.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		13417FEB1AA914B8003F314A /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				13417FEF1AA914B8003F314A /* libRCTText.a */,
-				9FD21CF12242EFA400E7F88E /* libRCTText.a */,
-				2DD323D01DA2DD8B000FE1B8 /* libRCTText-tvOS.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		134180271AA91779003F314A /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				1341802B1AA91779003F314A /* libRCTNetwork.a */,
-				9FD21CE72242EFA400E7F88E /* libRCTNetwork.a */,
-				2DD323C31DA2DD8B000FE1B8 /* libRCTNetwork-tvOS.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		138DEE031B9EDDDB007F4EA5 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				138DEE091B9EDDDB007F4EA5 /* libRCTCameraRoll.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		139FDECB1B0651EA00C62182 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				139FDED91B0651EA00C62182 /* libRCTWebSocket.a */,
-				9FD21CF92242EFA400E7F88E /* libRCTWebSocket.a */,
-				2DD323D51DA2DD8B000FE1B8 /* libRCTWebSocket-tvOS.a */,
-				3DBE0D331F3B18670099AA32 /* libfishhook.a */,
-				3DBE0D351F3B18670099AA32 /* libfishhook-tvOS.a */,
-				649BF7192019105B0068273E /* libfishhook-macOS.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		13B07FAE1A68108700A75B9A /* RNTester */ = {
-			isa = PBXGroup;
-			children = (
-				2DDEF00F1F84BF7B00DBDF73 /* Images.xcassets */,
-				272E6B3A1BEA846C001FCF37 /* NativeExampleViews */,
-				13B07FAF1A68108700A75B9A /* AppDelegate.h */,
-				5C60EB582264416A0018C04F /* AppDelegate.mm */,
-				AFEACAB12223EB2C004E5198 /* NativeExampleModules */,
-				6862DFD02229E1DE00684E03 /* NativeModuleExample */,
-				5C2B70EF2267DB1A0066069E /* turbomodule */,
-				13B07FB11A68108700A75B9A /* LaunchScreen.xib */,
-				13B07FB71A68108700A75B9A /* main.m */,
-				1323F18D1C04ABAC0091BED0 /* Supporting Files */,
-			);
-			name = RNTester;
-			sourceTree = "<group>";
-		};
-		13E5019D1D07A502005F35D8 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				13E501A31D07A502005F35D8 /* libRCTAnimation.a */,
-				2DD323B51DA2DD8B000FE1B8 /* libRCTAnimation.a */,
-				647647C81F0BCC5500C2D89B /* libRCTAnimation.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		143BC57C1B21E18100462512 /* RNTesterUnitTests */ = {
-			isa = PBXGroup;
-			children = (
-				18BFA4931F01C46700969486 /* OCMock.framework */,
-				192F69B51E82409A008692C7 /* RCTAnimationUtilsTests.m */,
-				19BA88D41F84344F00741C5A /* RCTBlobManagerTests.m */,
-				192F69B61E82409A008692C7 /* RCTConvert_YGValueTests.m */,
-				192F69B71E82409A008692C7 /* RCTNativeAnimatedNodesManagerTests.m */,
-				13B6C1A21C34225900D3FAF5 /* RCTURLUtilsTests.m */,
-				68FF44371CF6111500720EFD /* RCTBundleURLProviderTests.m */,
-				1497CFA41B21F5E400C1F8F2 /* RCTAllocationTests.m */,
-				1879ECDE21E84E2800D98372 /* RCTConvert_NSColorTests.m */,
-				38C500E122D3CF2E00BCD999 /* RCTConvert_UIColorTests.m */,
-				1497CFA71B21F5E400C1F8F2 /* RCTConvert_NSURLTests.m */,
-				1497CFA81B21F5E400C1F8F2 /* RCTFontTests.m */,
-				1497CFA91B21F5E400C1F8F2 /* RCTEventDispatcherTests.m */,
-				C60A228121C9726800B820FE /* RCTFormatErrorTests.m */,
-				1300627E1B59179B0043FE5A /* RCTGzipTests.m */,
-				8385CF051B8747A000C6273E /* RCTImageLoaderHelpers.h */,
-				8385CF031B87479200C6273E /* RCTImageLoaderHelpers.m */,
-				8385CEF41B873B5C00C6273E /* RCTImageLoaderTests.m */,
-				144D21231B2204C5006DB32B /* RCTImageUtilTests.m */,
-				13DB03471B5D2ED500C27245 /* RCTJSONTests.m */,
-				13DF61B51B67A45000EDB188 /* RCTMethodArgumentTests.m */,
-				134CB9291C85A38800265FA6 /* RCTModuleInitTests.m */,
-				13129DD31C85F87C007D611C /* RCTModuleInitNotificationRaceTests.m */,
-				1393D0371B68CD1300E1B601 /* RCTModuleMethodTests.mm */,
-				001BFCE31D838343008E587E /* RCTMultipartStreamReaderTests.m */,
-				138D6A161B53CD440074A87E /* RCTShadowViewTests.m */,
-				1497CFAB1B21F5E400C1F8F2 /* RCTUIManagerTests.m */,
-				BC9C033F1DC9F1D600B1C635 /* RCTDevMenuTests.m */,
-				13BCE84E1C9C209600DD7AAD /* RCTComponentPropsTests.m */,
-				39AA31A31DC1DFDC000F7EBB /* RCTUnicodeDecodeTests.m */,
-				04F27E102288190500F536C3 /* RCTPerformanceLoggerTests.m */,
-				143BC57E1B21E18100462512 /* Info.plist */,
-				3DD981D51D33C6FB007DC7BE /* RNTesterUnitTestsBundle.js */,
-				14D6D7101B220EB3001FB087 /* libOCMock.a */,
-				14D6D7011B220AE3001FB087 /* OCMock */,
-			);
-			path = RNTesterUnitTests;
-			sourceTree = "<group>";
-		};
-		143BC5961B21E3E100462512 /* RNTesterIntegrationTests */ = {
-			isa = PBXGroup;
-			children = (
-				3D299BAE1D33EBFA00FA1057 /* RCTLoggingTests.m */,
-				27B885551BED29AF00008352 /* RCTRootViewIntegrationTests.m */,
-				3DB99D0B1BA0340600302749 /* RNTesterIntegrationTests.m */,
-				143BC5A01B21E45C00462512 /* RNTesterSnapshotTests.m */,
-				C654F0B21EB34A73000B7A9A /* RNTesterTestModule.m */,
-				83636F8E1B53F22C009F943E /* RCTUIManagerScenarioTests.m */,
-				143BC5971B21E3E100462512 /* Supporting Files */,
-			);
-			path = RNTesterIntegrationTests;
-			sourceTree = "<group>";
-		};
-		143BC5971B21E3E100462512 /* Supporting Files */ = {
-			isa = PBXGroup;
-			children = (
-				143BC5981B21E3E100462512 /* Info.plist */,
-			);
-			name = "Supporting Files";
-			sourceTree = "<group>";
-		};
-		147CED471AB34F8C00DA3E4C /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				147CED4B1AB34F8C00DA3E4C /* libRCTActionSheet.a */,
-				9F5C1806230B4F2400E3E5A7 /* libRCTActionSheet.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		14AADF001AC3DB95002390C9 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				14AADF041AC3DB95002390C9 /* libReact.a */,
-				9FD21D122242EFA400E7F88E /* libReact.a */,
-				2DD323D91DA2DD8B000FE1B8 /* libReact.a */,
-				3D3C08811DE3424E00C268FA /* libyoga.a */,
-				9FD21D142242EFA400E7F88E /* libyoga.a */,
-				3D3C08831DE3424E00C268FA /* libyoga.a */,
-				3D05748C1DE6008900184BB4 /* libcxxreact.a */,
-				9FD21D162242EFA400E7F88E /* libcxxreact.a */,
-				3D05748E1DE6008900184BB4 /* libcxxreact.a */,
-				3DCE53221FEAB1C500613583 /* libjsinspector.a */,
-				18B8F9C32143301000CE911A /* libjsinspector-macOS.a */,
-				3DCE53241FEAB1C500613583 /* libjsinspector-tvOS.a */,
-				3D507F421EBC88B700B56834 /* libthird-party.a */,
-				9FD21D1A2242EFA400E7F88E /* libthird-party.a */,
-				2D66FF8C1ECA405900F0A767 /* libthird-party.a */,
-				3D507F441EBC88B700B56834 /* libdouble-conversion.a */,
-				9FD21D1C2242EFA400E7F88E /* libdouble-conversion.a */,
-				2D66FF8E1ECA405900F0A767 /* libdouble-conversion.a */,
-				EDEBC6FC214B402000DD5AC8 /* libjsi.a */,
-				ED2970952150246200B7C4FE /* libjsi-tvOS.a */,
-				9FB7D3E7224ABD0E00F31D11 /* libjsi-macOS.a */,
-				EDEBC7CA214C503A00DD5AC8 /* libjsiexecutor.a */,
-				9FB7D3E9224ABD0E00F31D11 /* libjsiexecutor-macOS.a */,
-				ED2970972150246200B7C4FE /* libjsiexecutor-tvOS.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		14D6D7011B220AE3001FB087 /* OCMock */ = {
-			isa = PBXGroup;
-			children = (
-				14D6D7021B220AE3001FB087 /* NSNotificationCenter+OCMAdditions.h */,
-				14D6D7031B220AE3001FB087 /* OCMArg.h */,
-				14D6D7041B220AE3001FB087 /* OCMConstraint.h */,
-				14D6D7051B220AE3001FB087 /* OCMLocation.h */,
-				14D6D7061B220AE3001FB087 /* OCMMacroState.h */,
-				14D6D7071B220AE3001FB087 /* OCMock.h */,
-				14D6D7081B220AE3001FB087 /* OCMockObject.h */,
-				14D6D7091B220AE3001FB087 /* OCMRecorder.h */,
-				14D6D70A1B220AE3001FB087 /* OCMStubRecorder.h */,
-			);
-			path = OCMock;
-			sourceTree = "<group>";
-		};
-		14DC67E81AB71876001358AB /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				14DC67F11AB71876001358AB /* libRCTPushNotification.a */,
-				3D05746C1DE6008900184BB4 /* libRCTPushNotification-tvOS.a */,
-				6424F7B21F669A8E0025D741 /* libRCTPushNotification-macOS.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		18FC77871EF4770B002B3F17 /* RNTester-macOS */ = {
-			isa = PBXGroup;
-			children = (
-				9F4D1F022375E7A10012B4A9 /* RNTesterTestPlan_mac.xctestplan */,
-				18FC77881EF4770B002B3F17 /* AppDelegate.h */,
-				18FC77891EF4770B002B3F17 /* AppDelegate.m */,
-				18FC778E1EF4770B002B3F17 /* ViewController.h */,
-				18FC778F1EF4770B002B3F17 /* ViewController.m */,
-				18FC77911EF4770B002B3F17 /* Assets.xcassets */,
-				18FC77931EF4770B002B3F17 /* Main.storyboard */,
-				18FC77961EF4770B002B3F17 /* Info.plist */,
-				18FC778B1EF4770B002B3F17 /* Supporting Files */,
-			);
-			path = "RNTester-macOS";
-			sourceTree = "<group>";
-		};
-		18FC778B1EF4770B002B3F17 /* Supporting Files */ = {
-			isa = PBXGroup;
-			children = (
-				18FC778C1EF4770B002B3F17 /* main.m */,
-			);
-			name = "Supporting Files";
-			sourceTree = "<group>";
-		};
-		18FC779E1EF4770B002B3F17 /* RNTester-macOSUnitTests */ = {
-			isa = PBXGroup;
-			children = (
-				18FC779F1EF4770B002B3F17 /* RNTesterUnitTests_macOS.m */,
-				18FC77A11EF4770B002B3F17 /* Info.plist */,
-			);
-			path = "RNTester-macOSUnitTests";
-			sourceTree = "<group>";
-		};
-		18FC77A91EF4770B002B3F17 /* RNTester-macOSIntegrationTests */ = {
-			isa = PBXGroup;
-			children = (
-				18FC77AA1EF4770B002B3F17 /* RNTesterIntegrationTests_macOS.m */,
-				18FC77AC1EF4770B002B3F17 /* Info.plist */,
-			);
-			path = "RNTester-macOSIntegrationTests";
-			sourceTree = "<group>";
-		};
-		272E6B3A1BEA846C001FCF37 /* NativeExampleViews */ = {
-			isa = PBXGroup;
-			children = (
-				27F441E81BEBE5030039B79C /* FlexibleSizeExampleView.m */,
-				27F441EA1BEBE5030039B79C /* FlexibleSizeExampleView.h */,
-				272E6B3B1BEA849E001FCF37 /* UpdatePropertiesExampleView.h */,
-				272E6B3C1BEA849E001FCF37 /* UpdatePropertiesExampleView.m */,
-			);
-			name = NativeExampleViews;
-			sourceTree = "<group>";
-		};
-		2D66FF601ECA405900F0A767 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				2D66FF651ECA405900F0A767 /* libART.a */,
-				2D66FF671ECA405900F0A767 /* libART-tvOS.a */,
-				647647311F0BC04800C2D89B /* libART-macOS.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		2DD323911DA2DD8B000FE1B8 /* RNTester-tvOS */ = {
-			isa = PBXGroup;
-			children = (
-				2DD323A01DA2DD8B000FE1B8 /* Info.plist */,
-			);
-			path = "RNTester-tvOS";
-			sourceTree = "<group>";
-		};
-		2DE7E7D81FB2A4F3009E225D /* Frameworks */ = {
-			isa = PBXGroup;
-			children = (
-				9F1534BD233AB44F006DFE44 /* JavaScriptCore.framework */,
-				9F5C1923230F46CB00E3E5A7 /* JavaScriptCore.framework */,
-				ED2970982150247000B7C4FE /* JavaScriptCore.framework */,
-				EDEBC7DA214C681C00DD5AC8 /* JavaScriptCore.framework */,
-			);
-			name = Frameworks;
-			sourceTree = "<group>";
-		};
-		357858F91B28D2C400341EDB /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				357859011B28D2C500341EDB /* libRCTLinking.a */,
-				2DD323BF1DA2DD8B000FE1B8 /* libRCTLinking-tvOS.a */,
-				D429028F1F1CE21600685AE7 /* libRCTLinking-macOS.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		3D13F83F1D6F6AE000E69E0E /* RNTesterBundle */ = {
-			isa = PBXGroup;
-			children = (
-				9F1C4D00236CB06B0022EC0D /* RNTesterTestPlan_iOS.xctestplan */,
-				3D13F8401D6F6AE000E69E0E /* Info.plist */,
-				3D13F8441D6F6AF200E69E0E /* ImageInBundle.png */,
-				3D13F8451D6F6AF200E69E0E /* OtherImages.xcassets */,
-			);
-			name = RNTesterBundle;
-			path = RNTester/RNTesterBundle;
-			sourceTree = "<group>";
-		};
-		5281CA4C1EEAC9A700AC40CD /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				5281CA511EEAC9A700AC40CD /* libRCTBlob.a */,
-				5281CA531EEAC9A700AC40CD /* libRCTBlob-tvOS.a */,
-				6484CE5A201A7557004275A4 /* libRCTBlob-macOS.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		5C2B70EF2267DB1A0066069E /* turbomodule */ = {
-			isa = PBXGroup;
-			children = (
-				5C2B710E2267DB1A0066069E /* samples */,
-			);
-			name = turbomodule;
-			path = ../ReactCommon/turbomodule;
-			sourceTree = "<group>";
-		};
-		5C2B710E2267DB1A0066069E /* samples */ = {
-			isa = PBXGroup;
-			children = (
-				5C2B71102267DB1A0066069E /* platform */,
-			);
-			path = samples;
-			sourceTree = "<group>";
-		};
-		5C2B71102267DB1A0066069E /* platform */ = {
-			isa = PBXGroup;
-			children = (
-				5C2B71112267DB1A0066069E /* ios */,
-			);
-			path = platform;
-			sourceTree = "<group>";
-		};
-		5C2B71112267DB1A0066069E /* ios */ = {
-			isa = PBXGroup;
-			children = (
-				5C2B71142267DB1A0066069E /* RCTNativeSampleTurboModuleSpec.h */,
-				5C2B71152267DB1A0066069E /* RCTNativeSampleTurboModuleSpec.mm */,
-				5C2B71182267DB1A0066069E /* RCTSampleTurboModule.h */,
-				5C2B711A2267DB1A0066069E /* RCTSampleTurboModule.mm */,
-			);
-			path = ios;
-			sourceTree = "<group>";
-		};
-		6862DF942229DCC400684E03 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				6862DFAC2229DCC400684E03 /* libRCTTest.a */,
-				6862DFAE2229DCC400684E03 /* libRCTTest-tvOS.a */,
-				9F5C181A230B4F2400E3E5A7 /* libRCTTest-macOS.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		6862DFD02229E1DE00684E03 /* NativeModuleExample */ = {
-			isa = PBXGroup;
-			children = (
-				6862DFCD2229DFCB00684E03 /* Screenshot.h */,
-				6862DFCE2229DFCC00684E03 /* Screenshot.m */,
-			);
-			path = NativeModuleExample;
-			sourceTree = "<group>";
-		};
-		834C36CE1AF8DA610019C93C /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				834C36D21AF8DA610019C93C /* libRCTSettings.a */,
-				2DD323C81DA2DD8B000FE1B8 /* libRCTSettings-tvOS.a */,
-				6448A5D21F292F16006FF1F5 /* libRCTSettings-macOS.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		83CBB9F61A601CBA00E9B192 = {
-			isa = PBXGroup;
-			children = (
-				13B07FAE1A68108700A75B9A /* RNTester */,
-				1316A21D1AA397F400C0188E /* Libraries */,
-				143BC57C1B21E18100462512 /* RNTesterUnitTests */,
-				143BC5961B21E3E100462512 /* RNTesterIntegrationTests */,
-				3D13F83F1D6F6AE000E69E0E /* RNTesterBundle */,
-				2DD323911DA2DD8B000FE1B8 /* RNTester-tvOS */,
-				18FC77871EF4770B002B3F17 /* RNTester-macOS */,
-				18FC779E1EF4770B002B3F17 /* RNTester-macOSUnitTests */,
-				18FC77A91EF4770B002B3F17 /* RNTester-macOSIntegrationTests */,
-				9FBFA514233C7E4C003D9A8D /* RNTesterBundle-macOS */,
-				83CBBA001A601CBA00E9B192 /* Products */,
-				2DE7E7D81FB2A4F3009E225D /* Frameworks */,
-			);
-			indentWidth = 2;
-			sourceTree = "<group>";
-			tabWidth = 2;
-			usesTabs = 0;
-		};
-		83CBBA001A601CBA00E9B192 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				13B07F961A680F5B00A75B9A /* RNTester.app */,
-				004D289E1AAF61C70097A701 /* RNTesterUnitTests.xctest */,
-				143BC5951B21E3E100462512 /* RNTesterIntegrationTests.xctest */,
-				3D13F83E1D6F6AE000E69E0E /* RNTesterBundle.bundle */,
-				2DD323901DA2DD8A000FE1B8 /* RNTester-tvOS.app */,
-				2DD323A51DA2DD8B000FE1B8 /* RNTester-tvOSUnitTests.xctest */,
-				2D4624E01DA2EA6900C74D09 /* RNTester-tvOSIntegrationTests.xctest */,
-				18FC77861EF4770B002B3F17 /* RNTester-macOS.app */,
-				18FC779B1EF4770B002B3F17 /* RNTester-macOSUnitTests.xctest */,
-				18FC77A61EF4770B002B3F17 /* RNTester-macOSIntegrationTests.xctest */,
-				18D8D99F21C06BCE00E0CCAC /* libiosDeviceBuild.a */,
-				9FBFA513233C7E4C003D9A8D /* RNTesterBundle-macOS.bundle */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		9FBFA514233C7E4C003D9A8D /* RNTesterBundle-macOS */ = {
-			isa = PBXGroup;
-			children = (
-				9FBFA515233C7E4C003D9A8D /* Info.plist */,
-			);
-			path = "RNTesterBundle-macOS";
-			sourceTree = "<group>";
-		};
-		AFEACAB12223EB2C004E5198 /* NativeExampleModules */ = {
-			isa = PBXGroup;
-			children = (
-				AFEACA822223EB05004E5198 /* CrashyCrash.h */,
-				AFEACA832223EB05004E5198 /* CrashyCrash.m */,
-			);
-			name = NativeExampleModules;
-			path = RNTester/NativeExampleModules;
-			sourceTree = "<group>";
-		};
-		D85B82921AB6D5CE003F4FE2 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				D85B829C1AB6D5CE003F4FE2 /* libRCTVibration.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-/* End PBXGroup section */
-
-/* Begin PBXNativeTarget section */
-		004D289D1AAF61C70097A701 /* RNTesterUnitTests */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 004D28AD1AAF61C70097A701 /* Build configuration list for PBXNativeTarget "RNTesterUnitTests" */;
-			buildPhases = (
-				004D289A1AAF61C70097A701 /* Sources */,
-				004D289B1AAF61C70097A701 /* Frameworks */,
-				004D289C1AAF61C70097A701 /* Resources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = RNTesterUnitTests;
-			productName = RNTesterTests;
-			productReference = 004D289E1AAF61C70097A701 /* RNTesterUnitTests.xctest */;
-			productType = "com.apple.product-type.bundle.unit-test";
-		};
-		13B07F861A680F5B00A75B9A /* RNTester */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "RNTester" */;
-			buildPhases = (
-				13B07F871A680F5B00A75B9A /* Sources */,
-				13B07F8C1A680F5B00A75B9A /* Frameworks */,
-				13B07F8E1A680F5B00A75B9A /* Resources */,
-				68CD48B71D2BCB2C007E06A9 /* Run Script */,
-				EDEBC7DE214C68E400DD5AC8 /* Embed Frameworks */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				18CD93F621498A8C009E2179 /* PBXTargetDependency */,
-				18CD943921498A92009E2179 /* PBXTargetDependency */,
-				18CD943B21498A98009E2179 /* PBXTargetDependency */,
-				18CD943D21498AA0009E2179 /* PBXTargetDependency */,
-				18CD943F21498AA7009E2179 /* PBXTargetDependency */,
-				18CD944121498AAD009E2179 /* PBXTargetDependency */,
-				18CD944321498AB2009E2179 /* PBXTargetDependency */,
-				18CD944521498AB8009E2179 /* PBXTargetDependency */,
-				18CD944721498ABE009E2179 /* PBXTargetDependency */,
-				18CD944921498AC5009E2179 /* PBXTargetDependency */,
-				18CD944B21498ACA009E2179 /* PBXTargetDependency */,
-				18CD944D21498AD0009E2179 /* PBXTargetDependency */,
-				18CD944F21498AD5009E2179 /* PBXTargetDependency */,
-				18CD945121498ADA009E2179 /* PBXTargetDependency */,
-				18CD945321498ADF009E2179 /* PBXTargetDependency */,
-				3D13F84C1D6F6B5F00E69E0E /* PBXTargetDependency */,
-			);
-			name = RNTester;
-			productName = "Hello World";
-			productReference = 13B07F961A680F5B00A75B9A /* RNTester.app */;
-			productType = "com.apple.product-type.application";
-		};
-		143BC5941B21E3E100462512 /* RNTesterIntegrationTests */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 143BC59D1B21E3E100462512 /* Build configuration list for PBXNativeTarget "RNTesterIntegrationTests" */;
-			buildPhases = (
-				143BC5911B21E3E100462512 /* Sources */,
-				143BC5921B21E3E100462512 /* Frameworks */,
-				143BC5931B21E3E100462512 /* Resources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				143BC59C1B21E3E100462512 /* PBXTargetDependency */,
-			);
-			name = RNTesterIntegrationTests;
-			productName = RNTesterIntegrationTests;
-			productReference = 143BC5951B21E3E100462512 /* RNTesterIntegrationTests.xctest */;
-			productType = "com.apple.product-type.bundle.unit-test";
-		};
-		18D8D99E21C06BCE00E0CCAC /* iosDeviceBuild */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 18D8D9C121C06BCE00E0CCAC /* Build configuration list for PBXNativeTarget "iosDeviceBuild" */;
-			buildPhases = (
-				18D8D99B21C06BCE00E0CCAC /* Sources */,
-				18D8D99C21C06BCE00E0CCAC /* Frameworks */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				9FF40752239F1C15005F0C58 /* PBXTargetDependency */,
-				9FF40750239F1C0E005F0C58 /* PBXTargetDependency */,
-				9FF4074E239F1C09005F0C58 /* PBXTargetDependency */,
-				9FF4074C239F1C04005F0C58 /* PBXTargetDependency */,
-				9FF4074A239F1BFE005F0C58 /* PBXTargetDependency */,
-				9FF40748239F1BF6005F0C58 /* PBXTargetDependency */,
-				9FF40746239F1BF1005F0C58 /* PBXTargetDependency */,
-				9FF40744239F1BEB005F0C58 /* PBXTargetDependency */,
-				9FF40742239F1BE5005F0C58 /* PBXTargetDependency */,
-				9FF40740239F1BE1005F0C58 /* PBXTargetDependency */,
-				9FF4073E239F1BD9005F0C58 /* PBXTargetDependency */,
-				9FF4073C239F1BD4005F0C58 /* PBXTargetDependency */,
-				9FF4073A239F1BCE005F0C58 /* PBXTargetDependency */,
-				9FF40738239F1BC9005F0C58 /* PBXTargetDependency */,
-			);
-			name = iosDeviceBuild;
-			productName = DeviceBuild;
-			productReference = 18D8D99F21C06BCE00E0CCAC /* libiosDeviceBuild.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		18FC77851EF4770B002B3F17 /* RNTester-macOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 18FC77F01EF4770B002B3F17 /* Build configuration list for PBXNativeTarget "RNTester-macOS" */;
-			buildPhases = (
-				18FC77821EF4770B002B3F17 /* Sources */,
-				18FC77831EF4770B002B3F17 /* Frameworks */,
-				18FC77841EF4770B002B3F17 /* Resources */,
-				64BF1F6D1EF848FB00B83E07 /* ShellScript */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				9FBFA7AC233D53BA003D9A8D /* PBXTargetDependency */,
-				18CD94732149B235009E2179 /* PBXTargetDependency */,
-				18CD946F2149B235009E2179 /* PBXTargetDependency */,
-				18CD94712149B235009E2179 /* PBXTargetDependency */,
-				18CD94752149B235009E2179 /* PBXTargetDependency */,
-				18CD94772149B235009E2179 /* PBXTargetDependency */,
-				18CD947F2149B235009E2179 /* PBXTargetDependency */,
-				18CD947B2149B235009E2179 /* PBXTargetDependency */,
-				18CD94812149B235009E2179 /* PBXTargetDependency */,
-				18CD947D2149B235009E2179 /* PBXTargetDependency */,
-				18CD94832149B235009E2179 /* PBXTargetDependency */,
-				18CD94872149B235009E2179 /* PBXTargetDependency */,
-				18CF93E9214723F400CDCB6F /* PBXTargetDependency */,
-			);
-			name = "RNTester-macOS";
-			productName = "RNTester-macOS";
-			productReference = 18FC77861EF4770B002B3F17 /* RNTester-macOS.app */;
-			productType = "com.apple.product-type.application";
-		};
-		18FC779A1EF4770B002B3F17 /* RNTester-macOSUnitTests */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 18FC77F11EF4770B002B3F17 /* Build configuration list for PBXNativeTarget "RNTester-macOSUnitTests" */;
-			buildPhases = (
-				18FC77971EF4770B002B3F17 /* Sources */,
-				18FC77981EF4770B002B3F17 /* Frameworks */,
-				18FC77991EF4770B002B3F17 /* Resources */,
-				9FCC5EAC2252D34C009029D1 /* Copy Framework */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "RNTester-macOSUnitTests";
-			productName = "RNTester-macOSTests";
-			productReference = 18FC779B1EF4770B002B3F17 /* RNTester-macOSUnitTests.xctest */;
-			productType = "com.apple.product-type.bundle.unit-test";
-		};
-		18FC77A51EF4770B002B3F17 /* RNTester-macOSIntegrationTests */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 18FC77F21EF4770B002B3F17 /* Build configuration list for PBXNativeTarget "RNTester-macOSIntegrationTests" */;
-			buildPhases = (
-				18FC77A21EF4770B002B3F17 /* Sources */,
-				18FC77A31EF4770B002B3F17 /* Frameworks */,
-				18FC77A41EF4770B002B3F17 /* Resources */,
-				185127A120ADEF4800270B2D /* Modify xctest.xcent file */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				18FC77A81EF4770B002B3F17 /* PBXTargetDependency */,
-			);
-			name = "RNTester-macOSIntegrationTests";
-			productName = "RNTester-macOSUITests";
-			productReference = 18FC77A61EF4770B002B3F17 /* RNTester-macOSIntegrationTests.xctest */;
-			productType = "com.apple.product-type.bundle.ui-testing";
-		};
-		2D4624C11DA2EA6900C74D09 /* RNTester-tvOSIntegrationTests */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 2D4624DD1DA2EA6900C74D09 /* Build configuration list for PBXNativeTarget "RNTester-tvOSIntegrationTests" */;
-			buildPhases = (
-				2D4624C41DA2EA6900C74D09 /* Sources */,
-				2D4624D91DA2EA6900C74D09 /* Frameworks */,
-				2D4624DB1DA2EA6900C74D09 /* Resources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				2D4624C21DA2EA6900C74D09 /* PBXTargetDependency */,
-			);
-			name = "RNTester-tvOSIntegrationTests";
-			productName = "RNTester-tvOSUnitTests";
-			productReference = 2D4624E01DA2EA6900C74D09 /* RNTester-tvOSIntegrationTests.xctest */;
-			productType = "com.apple.product-type.bundle.unit-test";
-		};
-		2DD3238F1DA2DD8A000FE1B8 /* RNTester-tvOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 2DD323DA1DA2DD8B000FE1B8 /* Build configuration list for PBXNativeTarget "RNTester-tvOS" */;
-			buildPhases = (
-				2DD3238C1DA2DD8A000FE1B8 /* Sources */,
-				2DD3238D1DA2DD8A000FE1B8 /* Frameworks */,
-				2DD3238E1DA2DD8A000FE1B8 /* Resources */,
-				2DD323EB1DA2DEC1000FE1B8 /* ShellScript */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				18CD94572149B19D009E2179 /* PBXTargetDependency */,
-				18CD94592149B19D009E2179 /* PBXTargetDependency */,
-				18CD945B2149B19D009E2179 /* PBXTargetDependency */,
-				18CD945D2149B19D009E2179 /* PBXTargetDependency */,
-				18CD945F2149B19D009E2179 /* PBXTargetDependency */,
-				18CD94612149B19D009E2179 /* PBXTargetDependency */,
-				18CD94632149B19D009E2179 /* PBXTargetDependency */,
-				18CD94652149B19D009E2179 /* PBXTargetDependency */,
-				18CD94672149B19D009E2179 /* PBXTargetDependency */,
-				18CD946B2149B19D009E2179 /* PBXTargetDependency */,
-				18CD946D2149B19D009E2179 /* PBXTargetDependency */,
-			);
-			name = "RNTester-tvOS";
-			productName = "RNTester-tvOS";
-			productReference = 2DD323901DA2DD8A000FE1B8 /* RNTester-tvOS.app */;
-			productType = "com.apple.product-type.application";
-		};
-		2DD323A41DA2DD8B000FE1B8 /* RNTester-tvOSUnitTests */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 2DD323DB1DA2DD8B000FE1B8 /* Build configuration list for PBXNativeTarget "RNTester-tvOSUnitTests" */;
-			buildPhases = (
-				2DD323A11DA2DD8B000FE1B8 /* Sources */,
-				2DD323A21DA2DD8B000FE1B8 /* Frameworks */,
-				2DD323A31DA2DD8B000FE1B8 /* Resources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "RNTester-tvOSUnitTests";
-			productName = "RNTester-tvOSUnitTests";
-			productReference = 2DD323A51DA2DD8B000FE1B8 /* RNTester-tvOSUnitTests.xctest */;
-			productType = "com.apple.product-type.bundle.unit-test";
-		};
-		3D13F83D1D6F6AE000E69E0E /* RNTesterBundle */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 3D13F8411D6F6AE000E69E0E /* Build configuration list for PBXNativeTarget "RNTesterBundle" */;
-			buildPhases = (
-				3D13F83A1D6F6AE000E69E0E /* Sources */,
-				3D13F83B1D6F6AE000E69E0E /* Frameworks */,
-				3D13F83C1D6F6AE000E69E0E /* Resources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = RNTesterBundle;
-			productName = RNTesterBundle;
-			productReference = 3D13F83E1D6F6AE000E69E0E /* RNTesterBundle.bundle */;
-			productType = "com.apple.product-type.bundle";
-		};
-		9F616959225FB3F1008F89F1 /* iosSimulatorBuild */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 9F61697B225FB3F1008F89F1 /* Build configuration list for PBXNativeTarget "iosSimulatorBuild" */;
-			buildPhases = (
-				9F616969225FB3F1008F89F1 /* Sources */,
-				9F61696A225FB3F1008F89F1 /* Frameworks */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				9FF40736239F1BB7005F0C58 /* PBXTargetDependency */,
-				9FF40734239F1BB1005F0C58 /* PBXTargetDependency */,
-				9FF40732239F1BAB005F0C58 /* PBXTargetDependency */,
-				9FF40730239F1BA4005F0C58 /* PBXTargetDependency */,
-				9FF4072E239F1B9E005F0C58 /* PBXTargetDependency */,
-				9FF4072C239F1B98005F0C58 /* PBXTargetDependency */,
-				9FF4072A239F1B92005F0C58 /* PBXTargetDependency */,
-				9FF40728239F1B8D005F0C58 /* PBXTargetDependency */,
-				9FF40726239F1B88005F0C58 /* PBXTargetDependency */,
-				9FF40724239F1B83005F0C58 /* PBXTargetDependency */,
-				9FF40722239F1B7D005F0C58 /* PBXTargetDependency */,
-				9FF40720239F1B77005F0C58 /* PBXTargetDependency */,
-				9FF4071E239F1B72005F0C58 /* PBXTargetDependency */,
-				9FF4071C239F1B6D005F0C58 /* PBXTargetDependency */,
-			);
-			name = iosSimulatorBuild;
-			productName = DeviceBuild;
-			productType = "com.apple.product-type.library.static";
-		};
-		9F61697F225FB40C008F89F1 /* macOSBuild */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 9F6169A1225FB40C008F89F1 /* Build configuration list for PBXNativeTarget "macOSBuild" */;
-			buildPhases = (
-				9F61698F225FB40C008F89F1 /* Sources */,
-				9F616990225FB40C008F89F1 /* Frameworks */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				9FF40704239F1AB4005F0C58 /* PBXTargetDependency */,
-				9FF4071A239F1B1D005F0C58 /* PBXTargetDependency */,
-				9FF40718239F1B18005F0C58 /* PBXTargetDependency */,
-				9FF40716239F1B11005F0C58 /* PBXTargetDependency */,
-				9FF40714239F1B09005F0C58 /* PBXTargetDependency */,
-				9FF40712239F1B01005F0C58 /* PBXTargetDependency */,
-				9FF40710239F1AFC005F0C58 /* PBXTargetDependency */,
-				9FF4070E239F1AF6005F0C58 /* PBXTargetDependency */,
-				9FF4070C239F1AEE005F0C58 /* PBXTargetDependency */,
-				9FF4070A239F1AE8005F0C58 /* PBXTargetDependency */,
-				9FF40708239F1AE1005F0C58 /* PBXTargetDependency */,
-				9FF40706239F1ADA005F0C58 /* PBXTargetDependency */,
-			);
-			name = macOSBuild;
-			productName = DeviceBuild;
-			productType = "com.apple.product-type.library.static";
-		};
-		9FBFA512233C7E4C003D9A8D /* RNTesterBundle-macOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 9FBFA516233C7E4C003D9A8D /* Build configuration list for PBXNativeTarget "RNTesterBundle-macOS" */;
-			buildPhases = (
-				9FBFA50F233C7E4C003D9A8D /* Sources */,
-				9FBFA510233C7E4C003D9A8D /* Frameworks */,
-				9FBFA511233C7E4C003D9A8D /* Resources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "RNTesterBundle-macOS";
-			productName = "RNTesterBundle-macOS";
-			productReference = 9FBFA513233C7E4C003D9A8D /* RNTesterBundle-macOS.bundle */;
-			productType = "com.apple.product-type.bundle";
-		};
-/* End PBXNativeTarget section */
-
-/* Begin PBXProject section */
-		83CBB9F71A601CBA00E9B192 /* Project object */ = {
-			isa = PBXProject;
-			attributes = {
-				DefaultBuildSystemTypeForWorkspace = Original;
-				LastUpgradeCheck = 0820;
-				ORGANIZATIONNAME = Facebook;
-				TargetAttributes = {
-					004D289D1AAF61C70097A701 = {
-						CreatedOnToolsVersion = 6.1.1;
-					};
-					13B07F861A680F5B00A75B9A = {
-						DevelopmentTeam = VYK7DLU38Z;
-					};
-					143BC5941B21E3E100462512 = {
-						CreatedOnToolsVersion = 6.3.2;
-						TestTargetID = 13B07F861A680F5B00A75B9A;
-					};
-					18D8D99E21C06BCE00E0CCAC = {
-						CreatedOnToolsVersion = 10.1;
-						ProvisioningStyle = Automatic;
-					};
-					18FC77851EF4770B002B3F17 = {
-						CreatedOnToolsVersion = 8.3.2;
-						ProvisioningStyle = Automatic;
-					};
-					18FC779A1EF4770B002B3F17 = {
-						CreatedOnToolsVersion = 8.3.2;
-						ProvisioningStyle = Automatic;
-						TestTargetID = 18FC77851EF4770B002B3F17;
-					};
-					18FC77A51EF4770B002B3F17 = {
-						CreatedOnToolsVersion = 8.3.2;
-						ProvisioningStyle = Automatic;
-						TestTargetID = 18FC77851EF4770B002B3F17;
-					};
-					2DD3238F1DA2DD8A000FE1B8 = {
-						CreatedOnToolsVersion = 8.0;
-						ProvisioningStyle = Automatic;
-					};
-					2DD323A41DA2DD8B000FE1B8 = {
-						CreatedOnToolsVersion = 8.0;
-						ProvisioningStyle = Automatic;
-						TestTargetID = 2DD3238F1DA2DD8A000FE1B8;
-					};
-					3D13F83D1D6F6AE000E69E0E = {
-						CreatedOnToolsVersion = 7.3.1;
-					};
-					9FBFA512233C7E4C003D9A8D = {
-						CreatedOnToolsVersion = 11.0;
-						DevelopmentTeam = UBF8T346G9;
-						ProvisioningStyle = Automatic;
-					};
-				};
-			};
-			buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "RNTester" */;
-			compatibilityVersion = "Xcode 3.2";
-			developmentRegion = English;
-			hasScannedForEncodings = 0;
-			knownRegions = (
-				English,
-				en,
-				Base,
-			);
-			mainGroup = 83CBB9F61A601CBA00E9B192;
-			productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */;
-			projectDirPath = "";
-			projectReferences = (
-				{
-					ProductGroup = 2D66FF601ECA405900F0A767 /* Products */;
-					ProjectRef = 2D66FF5F1ECA405900F0A767 /* ART.xcodeproj */;
-				},
-				{
-					ProductGroup = 147CED471AB34F8C00DA3E4C /* Products */;
-					ProjectRef = 14E0EEC81AB118F7000DECC3 /* RCTActionSheet.xcodeproj */;
-				},
-				{
-					ProductGroup = 13E5019D1D07A502005F35D8 /* Products */;
-					ProjectRef = 13E5019C1D07A502005F35D8 /* RCTAnimation.xcodeproj */;
-				},
-				{
-					ProductGroup = 5281CA4C1EEAC9A700AC40CD /* Products */;
-					ProjectRef = 5281CA4B1EEAC9A700AC40CD /* RCTBlob.xcodeproj */;
-				},
-				{
-					ProductGroup = 138DEE031B9EDDDB007F4EA5 /* Products */;
-					ProjectRef = 138DEE021B9EDDDB007F4EA5 /* RCTCameraRoll.xcodeproj */;
-				},
-				{
-					ProductGroup = 13417FE41AA91428003F314A /* Products */;
-					ProjectRef = 13417FE31AA91428003F314A /* RCTImage.xcodeproj */;
-				},
-				{
-					ProductGroup = 357858F91B28D2C400341EDB /* Products */;
-					ProjectRef = 357858F81B28D2C400341EDB /* RCTLinking.xcodeproj */;
-				},
-				{
-					ProductGroup = 134180271AA91779003F314A /* Products */;
-					ProjectRef = 134180261AA91779003F314A /* RCTNetwork.xcodeproj */;
-				},
-				{
-					ProductGroup = 14DC67E81AB71876001358AB /* Products */;
-					ProjectRef = 14DC67E71AB71876001358AB /* RCTPushNotification.xcodeproj */;
-				},
-				{
-					ProductGroup = 834C36CE1AF8DA610019C93C /* Products */;
-					ProjectRef = 13CC9D481AEED2B90020D1C2 /* RCTSettings.xcodeproj */;
-				},
-				{
-					ProductGroup = 6862DF942229DCC400684E03 /* Products */;
-					ProjectRef = 6862DF932229DCC400684E03 /* RCTTest.xcodeproj */;
-				},
-				{
-					ProductGroup = 13417FEB1AA914B8003F314A /* Products */;
-					ProjectRef = 13417FEA1AA914B8003F314A /* RCTText.xcodeproj */;
-				},
-				{
-					ProductGroup = D85B82921AB6D5CE003F4FE2 /* Products */;
-					ProjectRef = D85B82911AB6D5CE003F4FE2 /* RCTVibration.xcodeproj */;
-				},
-				{
-					ProductGroup = 139FDECB1B0651EA00C62182 /* Products */;
-					ProjectRef = 139FDECA1B0651EA00C62182 /* RCTWebSocket.xcodeproj */;
-				},
-				{
-					ProductGroup = 14AADF001AC3DB95002390C9 /* Products */;
-					ProjectRef = 14AADEFF1AC3DB95002390C9 /* React.xcodeproj */;
-				},
-			);
-			projectRoot = "";
-			targets = (
-				13B07F861A680F5B00A75B9A /* RNTester */,
-				004D289D1AAF61C70097A701 /* RNTesterUnitTests */,
-				143BC5941B21E3E100462512 /* RNTesterIntegrationTests */,
-				3D13F83D1D6F6AE000E69E0E /* RNTesterBundle */,
-				2DD3238F1DA2DD8A000FE1B8 /* RNTester-tvOS */,
-				2DD323A41DA2DD8B000FE1B8 /* RNTester-tvOSUnitTests */,
-				2D4624C11DA2EA6900C74D09 /* RNTester-tvOSIntegrationTests */,
-				18FC77851EF4770B002B3F17 /* RNTester-macOS */,
-				18FC779A1EF4770B002B3F17 /* RNTester-macOSUnitTests */,
-				18FC77A51EF4770B002B3F17 /* RNTester-macOSIntegrationTests */,
-				9FBFA512233C7E4C003D9A8D /* RNTesterBundle-macOS */,
-				18D8D99E21C06BCE00E0CCAC /* iosDeviceBuild */,
-				9F616959225FB3F1008F89F1 /* iosSimulatorBuild */,
-				9F61697F225FB40C008F89F1 /* macOSBuild */,
-			);
-		};
-/* End PBXProject section */
-
-/* Begin PBXReferenceProxy section */
-		13417FE81AA91428003F314A /* libRCTImage.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libRCTImage.a;
-			remoteRef = 13417FE71AA91428003F314A /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		13417FEF1AA914B8003F314A /* libRCTText.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libRCTText.a;
-			remoteRef = 13417FEE1AA914B8003F314A /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		1341802B1AA91779003F314A /* libRCTNetwork.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libRCTNetwork.a;
-			remoteRef = 1341802A1AA91779003F314A /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		138DEE091B9EDDDB007F4EA5 /* libRCTCameraRoll.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libRCTCameraRoll.a;
-			remoteRef = 138DEE081B9EDDDB007F4EA5 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		139FDED91B0651EA00C62182 /* libRCTWebSocket.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libRCTWebSocket.a;
-			remoteRef = 139FDED81B0651EA00C62182 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		13E501A31D07A502005F35D8 /* libRCTAnimation.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libRCTAnimation.a;
-			remoteRef = 13E501A21D07A502005F35D8 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		147CED4B1AB34F8C00DA3E4C /* libRCTActionSheet.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libRCTActionSheet.a;
-			remoteRef = 147CED4A1AB34F8C00DA3E4C /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		14AADF041AC3DB95002390C9 /* libReact.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libReact.a;
-			remoteRef = 14AADF031AC3DB95002390C9 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		14DC67F11AB71876001358AB /* libRCTPushNotification.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libRCTPushNotification.a;
-			remoteRef = 14DC67F01AB71876001358AB /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		18B8F9C32143301000CE911A /* libjsinspector-macOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libjsinspector-macOS.a";
-			remoteRef = 18B8F9C22143301000CE911A /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		2D66FF651ECA405900F0A767 /* libART.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libART.a;
-			remoteRef = 2D66FF641ECA405900F0A767 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		2D66FF671ECA405900F0A767 /* libART-tvOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libART-tvOS.a";
-			remoteRef = 2D66FF661ECA405900F0A767 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		2D66FF8C1ECA405900F0A767 /* libthird-party.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libthird-party.a";
-			remoteRef = 2D66FF8B1ECA405900F0A767 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		2D66FF8E1ECA405900F0A767 /* libdouble-conversion.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libdouble-conversion.a";
-			remoteRef = 2D66FF8D1ECA405900F0A767 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		2DD323B51DA2DD8B000FE1B8 /* libRCTAnimation.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libRCTAnimation.a;
-			remoteRef = 2DD323B41DA2DD8B000FE1B8 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		2DD323BB1DA2DD8B000FE1B8 /* libRCTImage-tvOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libRCTImage-tvOS.a";
-			remoteRef = 2DD323BA1DA2DD8B000FE1B8 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		2DD323BF1DA2DD8B000FE1B8 /* libRCTLinking-tvOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libRCTLinking-tvOS.a";
-			remoteRef = 2DD323BE1DA2DD8B000FE1B8 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		2DD323C31DA2DD8B000FE1B8 /* libRCTNetwork-tvOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libRCTNetwork-tvOS.a";
-			remoteRef = 2DD323C21DA2DD8B000FE1B8 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		2DD323C81DA2DD8B000FE1B8 /* libRCTSettings-tvOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libRCTSettings-tvOS.a";
-			remoteRef = 2DD323C71DA2DD8B000FE1B8 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		2DD323D01DA2DD8B000FE1B8 /* libRCTText-tvOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libRCTText-tvOS.a";
-			remoteRef = 2DD323CF1DA2DD8B000FE1B8 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		2DD323D51DA2DD8B000FE1B8 /* libRCTWebSocket-tvOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libRCTWebSocket-tvOS.a";
-			remoteRef = 2DD323D41DA2DD8B000FE1B8 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		2DD323D91DA2DD8B000FE1B8 /* libReact.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libReact.a;
-			remoteRef = 2DD323D81DA2DD8B000FE1B8 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		357859011B28D2C500341EDB /* libRCTLinking.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libRCTLinking.a;
-			remoteRef = 357859001B28D2C500341EDB /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		3D05746C1DE6008900184BB4 /* libRCTPushNotification-tvOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libRCTPushNotification-tvOS.a";
-			remoteRef = 3D05746B1DE6008900184BB4 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		3D05748C1DE6008900184BB4 /* libcxxreact.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libcxxreact.a;
-			remoteRef = 3D05748B1DE6008900184BB4 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		3D05748E1DE6008900184BB4 /* libcxxreact.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libcxxreact.a;
-			remoteRef = 3D05748D1DE6008900184BB4 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		3D3C08811DE3424E00C268FA /* libyoga.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libyoga.a;
-			remoteRef = 3D3C08801DE3424E00C268FA /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		3D3C08831DE3424E00C268FA /* libyoga.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libyoga.a;
-			remoteRef = 3D3C08821DE3424E00C268FA /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		3D507F421EBC88B700B56834 /* libthird-party.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libthird-party.a";
-			remoteRef = 3D507F411EBC88B700B56834 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		3D507F441EBC88B700B56834 /* libdouble-conversion.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libdouble-conversion.a";
-			remoteRef = 3D507F431EBC88B700B56834 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		3DBE0D331F3B18670099AA32 /* libfishhook.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libfishhook.a;
-			remoteRef = 3DBE0D321F3B18670099AA32 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		3DBE0D351F3B18670099AA32 /* libfishhook-tvOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libfishhook-tvOS.a";
-			remoteRef = 3DBE0D341F3B18670099AA32 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		3DCE53221FEAB1C500613583 /* libjsinspector.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libjsinspector.a;
-			remoteRef = 3DCE53211FEAB1C500613583 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		3DCE53241FEAB1C500613583 /* libjsinspector-tvOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libjsinspector-tvOS.a";
-			remoteRef = 3DCE53231FEAB1C500613583 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		5281CA511EEAC9A700AC40CD /* libRCTBlob.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libRCTBlob.a;
-			remoteRef = 5281CA501EEAC9A700AC40CD /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		5281CA531EEAC9A700AC40CD /* libRCTBlob-tvOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libRCTBlob-tvOS.a";
-			remoteRef = 5281CA521EEAC9A700AC40CD /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		6424F7B21F669A8E0025D741 /* libRCTPushNotification-macOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libRCTPushNotification-macOS.a";
-			remoteRef = 6424F7B11F669A8E0025D741 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		6448A5D21F292F16006FF1F5 /* libRCTSettings-macOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libRCTSettings-macOS.a";
-			remoteRef = 6448A5D11F292F16006FF1F5 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		647647311F0BC04800C2D89B /* libART-macOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libART-macOS.a";
-			remoteRef = 647647301F0BC04800C2D89B /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		647647C81F0BCC5500C2D89B /* libRCTAnimation.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libRCTAnimation.a;
-			remoteRef = 647647C71F0BCC5500C2D89B /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		6484CE5A201A7557004275A4 /* libRCTBlob-macOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libRCTBlob-macOS.a";
-			remoteRef = 6484CE59201A7557004275A4 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		649BF7192019105B0068273E /* libfishhook-macOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libfishhook-macOS.a";
-			remoteRef = 649BF7182019105B0068273E /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		6862DFAC2229DCC400684E03 /* libRCTTest.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libRCTTest.a;
-			remoteRef = 6862DFAB2229DCC400684E03 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		6862DFAE2229DCC400684E03 /* libRCTTest-tvOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libRCTTest-tvOS.a";
-			remoteRef = 6862DFAD2229DCC400684E03 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		834C36D21AF8DA610019C93C /* libRCTSettings.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libRCTSettings.a;
-			remoteRef = 834C36D11AF8DA610019C93C /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		9F5C1806230B4F2400E3E5A7 /* libRCTActionSheet.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libRCTActionSheet.a;
-			remoteRef = 9F5C1805230B4F2400E3E5A7 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		9F5C181A230B4F2400E3E5A7 /* libRCTTest-macOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libRCTTest-macOS.a";
-			remoteRef = 9F5C1819230B4F2400E3E5A7 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		9FB7D3E7224ABD0E00F31D11 /* libjsi-macOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libjsi-macOS.a";
-			remoteRef = 9FB7D3E6224ABD0E00F31D11 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		9FB7D3E9224ABD0E00F31D11 /* libjsiexecutor-macOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libjsiexecutor-macOS.a";
-			remoteRef = 9FB7D3E8224ABD0E00F31D11 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		9FD21CE12242EFA400E7F88E /* libRCTImage.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libRCTImage.a;
-			remoteRef = 9FD21CE02242EFA400E7F88E /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		9FD21CE72242EFA400E7F88E /* libRCTNetwork.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libRCTNetwork.a;
-			remoteRef = 9FD21CE62242EFA400E7F88E /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		9FD21CF12242EFA400E7F88E /* libRCTText.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libRCTText.a;
-			remoteRef = 9FD21CF02242EFA400E7F88E /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		9FD21CF92242EFA400E7F88E /* libRCTWebSocket.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libRCTWebSocket.a;
-			remoteRef = 9FD21CF82242EFA400E7F88E /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		9FD21D122242EFA400E7F88E /* libReact.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libReact.a;
-			remoteRef = 9FD21D112242EFA400E7F88E /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		9FD21D142242EFA400E7F88E /* libyoga.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libyoga.a;
-			remoteRef = 9FD21D132242EFA400E7F88E /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		9FD21D162242EFA400E7F88E /* libcxxreact.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libcxxreact.a;
-			remoteRef = 9FD21D152242EFA400E7F88E /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		9FD21D1A2242EFA400E7F88E /* libthird-party.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libthird-party.a";
-			remoteRef = 9FD21D192242EFA400E7F88E /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		9FD21D1C2242EFA400E7F88E /* libdouble-conversion.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libdouble-conversion.a";
-			remoteRef = 9FD21D1B2242EFA400E7F88E /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		D429028F1F1CE21600685AE7 /* libRCTLinking-macOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libRCTLinking-macOS.a";
-			remoteRef = D429028E1F1CE21600685AE7 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		D85B829C1AB6D5CE003F4FE2 /* libRCTVibration.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libRCTVibration.a;
-			remoteRef = D85B829B1AB6D5CE003F4FE2 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		ED2970952150246200B7C4FE /* libjsi-tvOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libjsi-tvOS.a";
-			remoteRef = ED2970942150246200B7C4FE /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		ED2970972150246200B7C4FE /* libjsiexecutor-tvOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libjsiexecutor-tvOS.a";
-			remoteRef = ED2970962150246200B7C4FE /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		EDEBC6FC214B402000DD5AC8 /* libjsi.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libjsi.a;
-			remoteRef = EDEBC6FB214B402000DD5AC8 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		EDEBC7CA214C503A00DD5AC8 /* libjsiexecutor.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libjsiexecutor.a;
-			remoteRef = EDEBC7C9214C503A00DD5AC8 /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-/* End PBXReferenceProxy section */
-
-/* Begin PBXResourcesBuildPhase section */
-		004D289C1AAF61C70097A701 /* Resources */ = {
-			isa = PBXResourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				3DD981D61D33C6FB007DC7BE /* RNTesterUnitTestsBundle.js in Resources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		13B07F8E1A680F5B00A75B9A /* Resources */ = {
-			isa = PBXResourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				3D56F9F11D6F6E9B00F53A06 /* RNTesterBundle.bundle in Resources */,
-				2DDEF0101F84BF7B00DBDF73 /* Images.xcassets in Resources */,
-				3D2AFAF51D646CF80089D1A3 /* legacy_image@2x.png in Resources */,
-				13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		143BC5931B21E3E100462512 /* Resources */ = {
-			isa = PBXResourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		18FC77841EF4770B002B3F17 /* Resources */ = {
-			isa = PBXResourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9FBFA519233C7E88003D9A8D /* Assets.xcassets in Resources */,
-				9FBFA51A233C7E91003D9A8D /* RNTesterBundle-macOS.bundle in Resources */,
-				18FC77951EF4770B002B3F17 /* Main.storyboard in Resources */,
-				9FBFA51B233C7E97003D9A8D /* legacy_image@2x.png in Resources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		18FC77991EF4770B002B3F17 /* Resources */ = {
-			isa = PBXResourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				18316DFE1EF9DA43003DADF3 /* RNTesterUnitTestsBundle.js in Resources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		18FC77A41EF4770B002B3F17 /* Resources */ = {
-			isa = PBXResourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		2D4624DB1DA2EA6900C74D09 /* Resources */ = {
-			isa = PBXResourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		2DD3238E1DA2DD8A000FE1B8 /* Resources */ = {
-			isa = PBXResourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				2DD323E11DA2DDBF000FE1B8 /* legacy_image@2x.png in Resources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		2DD323A31DA2DD8B000FE1B8 /* Resources */ = {
-			isa = PBXResourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				2D4BD8E61DA2E20D005AC8A8 /* RNTesterUnitTestsBundle.js in Resources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D13F83C1D6F6AE000E69E0E /* Resources */ = {
-			isa = PBXResourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				3D13F8481D6F6AF900E69E0E /* ImageInBundle.png in Resources */,
-				3D13F84A1D6F6AFD00E69E0E /* OtherImages.xcassets in Resources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		9FBFA511233C7E4C003D9A8D /* Resources */ = {
-			isa = PBXResourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9FBFA51D233C7EB4003D9A8D /* OtherImages.xcassets in Resources */,
-				9FBFA51C233C7EAF003D9A8D /* ImageInBundle.png in Resources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXResourcesBuildPhase section */
-
-/* Begin PBXShellScriptBuildPhase section */
-		185127A120ADEF4800270B2D /* Modify xctest.xcent file */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputPaths = (
-				"$(PROJECT_DIR)/scripts/ModifyXcuitestEntitlements.py",
-			);
-			name = "Modify xctest.xcent file";
-			outputPaths = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "/usr/bin/env python \"${SCRIPT_INPUT_FILE_0}\"";
-		};
-		2DD323EB1DA2DEC1000FE1B8 /* ShellScript */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputPaths = (
-			);
-			outputPaths = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "export NODE_BINARY=node\n$SRCROOT/../scripts/react-native-xcode.sh RNTester/js/RNTesterApp.ios.js\n";
-		};
-		64BF1F6D1EF848FB00B83E07 /* ShellScript */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputPaths = (
-			);
-			outputPaths = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "export NODE_BINARY=node\nPROJECT_ROOT=$SRCROOT/.. $SRCROOT/../scripts/react-native-xcode.sh RNTester/js/RNTesterApp.macos.js\n";
-		};
-		68CD48B71D2BCB2C007E06A9 /* Run Script */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputPaths = (
-			);
-			name = "Run Script";
-			outputPaths = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "export NODE_BINARY=node\nPROJECT_ROOT=$SRCROOT/.. $SRCROOT/../scripts/react-native-xcode.sh RNTester/js/RNTesterApp.ios.js\n";
-		};
-/* End PBXShellScriptBuildPhase section */
-
-/* Begin PBXSourcesBuildPhase section */
-		004D289A1AAF61C70097A701 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				1497CFB01B21F5E400C1F8F2 /* RCTFontTests.m in Sources */,
-				13BCE84F1C9C209600DD7AAD /* RCTComponentPropsTests.m in Sources */,
-				144D21241B2204C5006DB32B /* RCTImageUtilTests.m in Sources */,
-				C60A228221C9726800B820FE /* RCTFormatErrorTests.m in Sources */,
-				1393D0381B68CD1300E1B601 /* RCTModuleMethodTests.mm in Sources */,
-				1300627F1B59179B0043FE5A /* RCTGzipTests.m in Sources */,
-				1497CFAF1B21F5E400C1F8F2 /* RCTConvert_NSURLTests.m in Sources */,
-				13129DD41C85F87C007D611C /* RCTModuleInitNotificationRaceTests.m in Sources */,
-				192F69B81E82409A008692C7 /* RCTAnimationUtilsTests.m in Sources */,
-				134CB92A1C85A38800265FA6 /* RCTModuleInitTests.m in Sources */,
-				192F69BA1E82409A008692C7 /* RCTNativeAnimatedNodesManagerTests.m in Sources */,
-				1497CFB11B21F5E400C1F8F2 /* RCTEventDispatcherTests.m in Sources */,
-				1497CFB31B21F5E400C1F8F2 /* RCTUIManagerTests.m in Sources */,
-				13DB03481B5D2ED500C27245 /* RCTJSONTests.m in Sources */,
-				1497CFAC1B21F5E400C1F8F2 /* RCTAllocationTests.m in Sources */,
-				04F27E112288190500F536C3 /* RCTPerformanceLoggerTests.m in Sources */,
-				001BFCE41D838343008E587E /* RCTMultipartStreamReaderTests.m in Sources */,
-				13DF61B61B67A45000EDB188 /* RCTMethodArgumentTests.m in Sources */,
-				138D6A181B53CD440074A87E /* RCTShadowViewTests.m in Sources */,
-				39AA31A41DC1DFDC000F7EBB /* RCTUnicodeDecodeTests.m in Sources */,
-				13B6C1A31C34225900D3FAF5 /* RCTURLUtilsTests.m in Sources */,
-				8385CF041B87479200C6273E /* RCTImageLoaderHelpers.m in Sources */,
-				192F69B91E82409A008692C7 /* RCTConvert_YGValueTests.m in Sources */,
-				BC9C03401DC9F1D600B1C635 /* RCTDevMenuTests.m in Sources */,
-				19BA88D51F84344F00741C5A /* RCTBlobManagerTests.m in Sources */,
-				68FF44381CF6111500720EFD /* RCTBundleURLProviderTests.m in Sources */,
-				8385CEF51B873B5C00C6273E /* RCTImageLoaderTests.m in Sources */,
-				38C500E222D3CF2E00BCD999 /* RCTConvert_UIColorTests.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		13B07F871A680F5B00A75B9A /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				5C2B716A2267DB1A0066069E /* RCTSampleTurboModule.mm in Sources */,
-				272E6B3F1BEA849E001FCF37 /* UpdatePropertiesExampleView.m in Sources */,
-				27F441EC1BEBE5030039B79C /* FlexibleSizeExampleView.m in Sources */,
-				13B07FC11A68108700A75B9A /* main.m in Sources */,
-				AFEACA842223EB05004E5198 /* CrashyCrash.m in Sources */,
-				5C60EB592264416A0018C04F /* AppDelegate.mm in Sources */,
-				5C2B71672267DB1A0066069E /* RCTNativeSampleTurboModuleSpec.mm in Sources */,
-				6862DFCF2229DFCC00684E03 /* Screenshot.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		143BC5911B21E3E100462512 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				C654F0B31EB34A73000B7A9A /* RNTesterTestModule.m in Sources */,
-				3DB99D0C1BA0340600302749 /* RNTesterIntegrationTests.m in Sources */,
-				83636F8F1B53F22C009F943E /* RCTUIManagerScenarioTests.m in Sources */,
-				3D299BAF1D33EBFA00FA1057 /* RCTLoggingTests.m in Sources */,
-				143BC5A11B21E45C00462512 /* RNTesterSnapshotTests.m in Sources */,
-				27B885561BED29AF00008352 /* RCTRootViewIntegrationTests.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		18D8D99B21C06BCE00E0CCAC /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		18FC77821EF4770B002B3F17 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				3860669D24461CDF007E7C32 /* RCTNativeSampleTurboModuleSpec.mm in Sources */,
-				18FC77901EF4770B002B3F17 /* ViewController.m in Sources */,
-				18FC778D1EF4770B002B3F17 /* main.m in Sources */,
-				18FC778A1EF4770B002B3F17 /* AppDelegate.m in Sources */,
-				383C51A624344A4600CCBC30 /* FlexibleSizeExampleView.m in Sources */,
-				383C517F243447EC00CCBC30 /* UpdatePropertiesExampleView.m in Sources */,
-				386066C424461CE3007E7C32 /* RCTSampleTurboModule.mm in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		18FC77971EF4770B002B3F17 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				18316E011EF9DC9C003DADF3 /* RCTConvert_NSURLTests.m in Sources */,
-				18BFA4CB1F01C52400969486 /* RCTEventDispatcherTests.m in Sources */,
-				18D593801EF9FA48005F0CEC /* RCTShadowViewTests.m in Sources */,
-				18316E1B1EF9EB7D003DADF3 /* RCTAllocationTests.m in Sources */,
-				18D5937E1EF9FA22005F0CEC /* RCTModuleMethodTests.mm in Sources */,
-				18FC77A01EF4770B002B3F17 /* RNTesterUnitTests_macOS.m in Sources */,
-				18D5937A1EF9F95A005F0CEC /* RCTJSONTests.m in Sources */,
-				18DF57111EFA047400BF4666 /* RCTComponentPropsTests.m in Sources */,
-				18AA4BD41EF9C724008C7756 /* RCTURLUtilsTests.m in Sources */,
-				18D593811EF9FA57005F0CEC /* RCTUIManagerTests.m in Sources */,
-				1879ECF921E84E2800D98372 /* RCTConvert_NSColorTests.m in Sources */,
-				18D593841EF9FAB9005F0CEC /* RCTUnicodeDecodeTests.m in Sources */,
-				18D593781EF9F8CB005F0CEC /* RCTImageLoaderTests.m in Sources */,
-				18D5937F1EF9FA39005F0CEC /* RCTMultipartStreamReaderTests.m in Sources */,
-				18D5937B1EF9F96A005F0CEC /* RCTMethodArgumentTests.m in Sources */,
-				18316DFD1EF9D996003DADF3 /* RCTBundleURLProviderTests.m in Sources */,
-				18D593791EF9F8DA005F0CEC /* RCTImageUtilTests.m in Sources */,
-				180B9CC41F01B040006AF028 /* RCTModuleInitNotificationRaceTests.m in Sources */,
-				18316E041EF9EAD1003DADF3 /* RCTGzipTests.m in Sources */,
-				18316E021EF9E0DE003DADF3 /* RCTFontTests.m in Sources */,
-				18D5934D1EF9F8BC005F0CEC /* RCTImageLoaderHelpers.m in Sources */,
-				18316DFC1EF9D981003DADF3 /* RCTConvert_YGValueTests.m in Sources */,
-				18D5937D1EF9F990005F0CEC /* RCTModuleInitTests.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		18FC77A21EF4770B002B3F17 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				18FC77AB1EF4770B002B3F17 /* RNTesterIntegrationTests_macOS.m in Sources */,
-				1827ADEF20ACEB7100E266FC /* RNTesterIntegrationTests.m in Sources */,
-				18D9497D1F9AC3D0007BB668 /* RCTUIManagerScenarioTests.m in Sources */,
-				1827ADAD20ACEA6600E266FC /* RCTLoggingTests.m in Sources */,
-				183938D01F9A55AE00930D92 /* RNTesterTestModule.m in Sources */,
-				18D949451F9AC375007BB668 /* RCTRootViewIntegrationTests.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		2D4624C41DA2EA6900C74D09 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				C654F17E1EB34D24000B7A9A /* RNTesterTestModule.m in Sources */,
-				2D4624FA1DA2EAC300C74D09 /* RCTLoggingTests.m in Sources */,
-				2D4624FE1DA2EAC300C74D09 /* RCTUIManagerScenarioTests.m in Sources */,
-				2D4624FD1DA2EAC300C74D09 /* RNTesterSnapshotTests.m in Sources */,
-				2D4624FB1DA2EAC300C74D09 /* RCTRootViewIntegrationTests.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		2DD3238C1DA2DD8A000FE1B8 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				2DD323DC1DA2DDBF000FE1B8 /* FlexibleSizeExampleView.m in Sources */,
-				2DD323DD1DA2DDBF000FE1B8 /* UpdatePropertiesExampleView.m in Sources */,
-				2DD323E01DA2DDBF000FE1B8 /* main.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		2DD323A11DA2DD8B000FE1B8 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				2D4BD8DC1DA2E20D005AC8A8 /* RCTImageLoaderTests.m in Sources */,
-				2D4BD8D91DA2E20D005AC8A8 /* RCTEventDispatcherTests.m in Sources */,
-				2D4BD8D41DA2E20D005AC8A8 /* RCTAllocationTests.m in Sources */,
-				2D4BD8DA1DA2E20D005AC8A8 /* RCTGzipTests.m in Sources */,
-				2D4BD8DB1DA2E20D005AC8A8 /* RCTImageLoaderHelpers.m in Sources */,
-				2D4BD8D71DA2E20D005AC8A8 /* RCTConvert_NSURLTests.m in Sources */,
-				C60A228321C9726800B820FE /* RCTFormatErrorTests.m in Sources */,
-				2D4BD8E21DA2E20D005AC8A8 /* RCTModuleMethodTests.mm in Sources */,
-				2D4BD8DF1DA2E20D005AC8A8 /* RCTMethodArgumentTests.m in Sources */,
-				2D4BD8D31DA2E20D005AC8A8 /* RCTBundleURLProviderTests.m in Sources */,
-				2D4BD8D21DA2E20D005AC8A8 /* RCTURLUtilsTests.m in Sources */,
-				2D8C2E321DA40403000EE098 /* RCTMultipartStreamReaderTests.m in Sources */,
-				2D4BD8DE1DA2E20D005AC8A8 /* RCTJSONTests.m in Sources */,
-				2D4BD8E31DA2E20D005AC8A8 /* RCTShadowViewTests.m in Sources */,
-				2D4BD8D81DA2E20D005AC8A8 /* RCTFontTests.m in Sources */,
-				2D4BD8DD1DA2E20D005AC8A8 /* RCTImageUtilTests.m in Sources */,
-				2D4BD8E41DA2E20D005AC8A8 /* RCTUIManagerTests.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D13F83A1D6F6AE000E69E0E /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		9F616969225FB3F1008F89F1 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		9F61698F225FB40C008F89F1 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		9FBFA50F233C7E4C003D9A8D /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXSourcesBuildPhase section */
-
-/* Begin PBXTargetDependency section */
-		143BC59C1B21E3E100462512 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 13B07F861A680F5B00A75B9A /* RNTester */;
-			targetProxy = 143BC59B1B21E3E100462512 /* PBXContainerItemProxy */;
-		};
-		18CD93F621498A8C009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = React;
-		};
-		18CD943921498A92009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTBlob;
-		};
-		18CD943B21498A98009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = ART;
-		};
-		18CD943D21498AA0009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTActionSheet;
-		};
-		18CD943F21498AA7009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTAnimation;
-		};
-		18CD944121498AAD009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTCameraRoll;
-		};
-		18CD944321498AB2009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTGeolocation;
-		};
-		18CD944521498AB8009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTNetwork;
-		};
-		18CD944721498ABE009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTImage;
-		};
-		18CD944921498AC5009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTLinking;
-		};
-		18CD944B21498ACA009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTPushNotification;
-		};
-		18CD944D21498AD0009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTSettings;
-		};
-		18CD944F21498AD5009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTText;
-		};
-		18CD945121498ADA009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTVibration;
-		};
-		18CD945321498ADF009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTWebSocket;
-		};
-		18CD94572149B19D009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTBlob-tvOS";
-		};
-		18CD94592149B19D009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "ART-tvOS";
-		};
-		18CD945B2149B19D009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "React-tvOS";
-		};
-		18CD945D2149B19D009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTAnimation-tvOS";
-		};
-		18CD945F2149B19D009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTImage-tvOS";
-		};
-		18CD94612149B19D009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTLinking-tvOS";
-		};
-		18CD94632149B19D009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTNetwork-tvOS";
-		};
-		18CD94652149B19D009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTPushNotification-tvOS";
-		};
-		18CD94672149B19D009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTSettings-tvOS";
-		};
-		18CD946B2149B19D009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTText-tvOS";
-		};
-		18CD946D2149B19D009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTWebSocket-tvOS";
-		};
-		18CD946F2149B235009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTBlob-macOS";
-			targetProxy = 18CD946E2149B235009E2179 /* PBXContainerItemProxy */;
-		};
-		18CD94712149B235009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "ART-macOS";
-			targetProxy = 18CD94702149B235009E2179 /* PBXContainerItemProxy */;
-		};
-		18CD94732149B235009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "React-macOS";
-			targetProxy = 18CD94722149B235009E2179 /* PBXContainerItemProxy */;
-		};
-		18CD94752149B235009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTActionSheet-macOS";
-			targetProxy = 18CD94742149B235009E2179 /* PBXContainerItemProxy */;
-		};
-		18CD94772149B235009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTAnimation-macOS";
-			targetProxy = 18CD94762149B235009E2179 /* PBXContainerItemProxy */;
-		};
-		18CD947B2149B235009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTImage-macOS";
-			targetProxy = 18CD947A2149B235009E2179 /* PBXContainerItemProxy */;
-		};
-		18CD947D2149B235009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTLinking-macOS";
-			targetProxy = 18CD947C2149B235009E2179 /* PBXContainerItemProxy */;
-		};
-		18CD947F2149B235009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTNetwork-macOS";
-			targetProxy = 18CD947E2149B235009E2179 /* PBXContainerItemProxy */;
-		};
-		18CD94812149B235009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTPushNotification-macOS";
-			targetProxy = 18CD94802149B235009E2179 /* PBXContainerItemProxy */;
-		};
-		18CD94832149B235009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTSettings-macOS";
-			targetProxy = 18CD94822149B235009E2179 /* PBXContainerItemProxy */;
-		};
-		18CD94872149B235009E2179 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTWebSocket-macOS";
-			targetProxy = 18CD94862149B235009E2179 /* PBXContainerItemProxy */;
-		};
-		18CF93E9214723F400CDCB6F /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTText-macos";
-			targetProxy = 18CF93E8214723F400CDCB6F /* PBXContainerItemProxy */;
-		};
-		18FC77A81EF4770B002B3F17 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 18FC77851EF4770B002B3F17 /* RNTester-macOS */;
-			targetProxy = 18FC77A71EF4770B002B3F17 /* PBXContainerItemProxy */;
-		};
-		2D4624C21DA2EA6900C74D09 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 2DD3238F1DA2DD8A000FE1B8 /* RNTester-tvOS */;
-			targetProxy = 9FD21CD42242EE5B00E7F88E /* PBXContainerItemProxy */;
-		};
-		3D13F84C1D6F6B5F00E69E0E /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 3D13F83D1D6F6AE000E69E0E /* RNTesterBundle */;
-			targetProxy = 3D13F84B1D6F6B5F00E69E0E /* PBXContainerItemProxy */;
-		};
-		9FBFA7AC233D53BA003D9A8D /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 9FBFA512233C7E4C003D9A8D /* RNTesterBundle-macOS */;
-			targetProxy = 9FBFA7AB233D53BA003D9A8D /* PBXContainerItemProxy */;
-		};
-		9FF40704239F1AB4005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "React-macOS";
-			targetProxy = 9FF40703239F1AB4005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40706239F1ADA005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTText-macos";
-			targetProxy = 9FF40705239F1ADA005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40708239F1AE1005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTWebSocket-macOS";
-			targetProxy = 9FF40707239F1AE1005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF4070A239F1AE8005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTSettings-macOS";
-			targetProxy = 9FF40709239F1AE8005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF4070C239F1AEE005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTLinking-macOS";
-			targetProxy = 9FF4070B239F1AEE005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF4070E239F1AF6005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTPushNotification-macOS";
-			targetProxy = 9FF4070D239F1AF6005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40710239F1AFC005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTImage-macOS";
-			targetProxy = 9FF4070F239F1AFC005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40712239F1B01005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTNetwork-macOS";
-			targetProxy = 9FF40711239F1B01005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40714239F1B09005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTAnimation-macOS";
-			targetProxy = 9FF40713239F1B09005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40716239F1B11005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTActionSheet-macOS";
-			targetProxy = 9FF40715239F1B11005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40718239F1B18005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "ART-macOS";
-			targetProxy = 9FF40717239F1B18005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF4071A239F1B1D005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = "RCTBlob-macOS";
-			targetProxy = 9FF40719239F1B1D005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF4071C239F1B6D005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTWebSocket;
-			targetProxy = 9FF4071B239F1B6D005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF4071E239F1B72005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTVibration;
-			targetProxy = 9FF4071D239F1B72005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40720239F1B77005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTText;
-			targetProxy = 9FF4071F239F1B77005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40722239F1B7D005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTSettings;
-			targetProxy = 9FF40721239F1B7D005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40724239F1B83005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTPushNotification;
-			targetProxy = 9FF40723239F1B83005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40726239F1B88005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTLinking;
-			targetProxy = 9FF40725239F1B88005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40728239F1B8D005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTImage;
-			targetProxy = 9FF40727239F1B8D005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF4072A239F1B92005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTNetwork;
-			targetProxy = 9FF40729239F1B92005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF4072C239F1B98005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTCameraRoll;
-			targetProxy = 9FF4072B239F1B98005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF4072E239F1B9E005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTAnimation;
-			targetProxy = 9FF4072D239F1B9E005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40730239F1BA4005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTActionSheet;
-			targetProxy = 9FF4072F239F1BA4005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40732239F1BAB005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = ART;
-			targetProxy = 9FF40731239F1BAB005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40734239F1BB1005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTBlob;
-			targetProxy = 9FF40733239F1BB1005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40736239F1BB7005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = React;
-			targetProxy = 9FF40735239F1BB7005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40738239F1BC9005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTWebSocket;
-			targetProxy = 9FF40737239F1BC9005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF4073A239F1BCE005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTVibration;
-			targetProxy = 9FF40739239F1BCE005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF4073C239F1BD4005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTText;
-			targetProxy = 9FF4073B239F1BD4005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF4073E239F1BD9005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTSettings;
-			targetProxy = 9FF4073D239F1BD9005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40740239F1BE1005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTPushNotification;
-			targetProxy = 9FF4073F239F1BE1005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40742239F1BE5005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTLinking;
-			targetProxy = 9FF40741239F1BE5005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40744239F1BEB005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTImage;
-			targetProxy = 9FF40743239F1BEB005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40746239F1BF1005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTNetwork;
-			targetProxy = 9FF40745239F1BF1005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40748239F1BF6005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTCameraRoll;
-			targetProxy = 9FF40747239F1BF6005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF4074A239F1BFE005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTAnimation;
-			targetProxy = 9FF40749239F1BFE005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF4074C239F1C04005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTActionSheet;
-			targetProxy = 9FF4074B239F1C04005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF4074E239F1C09005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = ART;
-			targetProxy = 9FF4074D239F1C09005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40750239F1C0E005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = RCTBlob;
-			targetProxy = 9FF4074F239F1C0E005F0C58 /* PBXContainerItemProxy */;
-		};
-		9FF40752239F1C15005F0C58 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			name = React;
-			targetProxy = 9FF40751239F1C15005F0C58 /* PBXContainerItemProxy */;
-		};
-/* End PBXTargetDependency section */
-
-/* Begin PBXVariantGroup section */
-		13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = {
-			isa = PBXVariantGroup;
-			children = (
-				13B07FB21A68108700A75B9A /* Base */,
-			);
-			name = LaunchScreen.xib;
-			path = RNTester;
-			sourceTree = "<group>";
-		};
-		18FC77931EF4770B002B3F17 /* Main.storyboard */ = {
-			isa = PBXVariantGroup;
-			children = (
-				18FC77941EF4770B002B3F17 /* Base */,
-			);
-			name = Main.storyboard;
-			sourceTree = "<group>";
-		};
-/* End PBXVariantGroup section */
-
-/* Begin XCBuildConfiguration section */
-		004D28A61AAF61C70097A701 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				FRAMEWORK_SEARCH_PATHS = (
-					"$(inherited)",
-					"$(PROJECT_DIR)/RNTesterUnitTests",
-				);
-				GCC_PREPROCESSOR_DEFINITIONS = "$(inherited)";
-				HEADER_SEARCH_PATHS = (
-					"$(inherited)",
-					"$(SRCROOT)/RNTesterUnitTests",
-				);
-				INFOPLIST_FILE = RNTesterUnitTests/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
-				LIBRARY_SEARCH_PATHS = (
-					"$(inherited)",
-					"$(PROJECT_DIR)/RNTesterUnitTests",
-				);
-				PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.$(PRODUCT_NAME:rfc1034identifier)";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-			};
-			name = Debug;
-		};
-		004D28A71AAF61C70097A701 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				FRAMEWORK_SEARCH_PATHS = (
-					"$(inherited)",
-					"$(PROJECT_DIR)/RNTesterUnitTests",
-				);
-				HEADER_SEARCH_PATHS = (
-					"$(inherited)",
-					"$(SRCROOT)/RNTesterUnitTests",
-				);
-				INFOPLIST_FILE = RNTesterUnitTests/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
-				LIBRARY_SEARCH_PATHS = (
-					"$(inherited)",
-					"$(PROJECT_DIR)/RNTesterUnitTests",
-				);
-				PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.$(PRODUCT_NAME:rfc1034identifier)";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-			};
-			name = Release;
-		};
-		13B07F941A680F5B00A75B9A /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
-				BUNDLE_CONFIG = "$(SRCROOT)/../metro.config.js";
-				DEVELOPMENT_TEAM = VYK7DLU38Z;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"RN_BUNDLE_PREFIX=$(RN_BUNDLE_PREFIX)",
-					"DEBUG=1",
-					"$(inherited)",
-				);
-				HEADER_SEARCH_PATHS = (
-					"$(SRCROOT)/../third-party/boost_1_63_0",
-					"$(SRCROOT)/../third-party/folly-2018.10.22.00",
-					"$(SRCROOT)/../third-party/glog-0.3.5/src",
-				);
-				INFOPLIST_FILE = "$(SRCROOT)/RNTester/Info.plist";
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.react.uiapp;
-				PRODUCT_NAME = RNTester;
-				RN_BUNDLE_PREFIX = "";
-				TARGETED_DEVICE_FAMILY = "1,2";
-			};
-			name = Debug;
-		};
-		13B07F951A680F5B00A75B9A /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
-				BUNDLE_CONFIG = "$(SRCROOT)/../metro.config.js";
-				DEVELOPMENT_TEAM = VYK7DLU38Z;
-				GCC_PREPROCESSOR_DEFINITIONS = "RN_BUNDLE_PREFIX=$(RN_BUNDLE_PREFIX)";
-				HEADER_SEARCH_PATHS = (
-					"$(SRCROOT)/../third-party/boost_1_63_0",
-					"$(SRCROOT)/../third-party/folly-2018.10.22.00",
-					"$(SRCROOT)/../third-party/glog-0.3.5/src",
-				);
-				INFOPLIST_FILE = "$(SRCROOT)/RNTester/Info.plist";
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				LIBRARY_SEARCH_PATHS = "$(inherited)";
-				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.react.uiapp;
-				PRODUCT_NAME = RNTester;
-				TARGETED_DEVICE_FAMILY = "1,2";
-			};
-			name = Release;
-		};
-		143BC59E1B21E3E100462512 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				BUNDLE_LOADER = "$(TEST_HOST)";
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"$(inherited)",
-					"FB_REFERENCE_IMAGE_DIR=\"\\\"$(SOURCE_ROOT)/$(PROJECT_NAME)IntegrationTests/ReferenceImages\\\"\"",
-				);
-				INFOPLIST_FILE = RNTesterIntegrationTests/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
-				PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.React.$(PRODUCT_NAME:rfc1034identifier)";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/RNTester.app/RNTester";
-			};
-			name = Debug;
-		};
-		143BC59F1B21E3E100462512 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				BUNDLE_LOADER = "$(TEST_HOST)";
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				GCC_NO_COMMON_BLOCKS = YES;
-				INFOPLIST_FILE = RNTesterIntegrationTests/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
-				PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.React.$(PRODUCT_NAME:rfc1034identifier)";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/RNTester.app/RNTester";
-			};
-			name = Release;
-		};
-		18D8D9A521C06BCE00E0CCAC /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SKIP_INSTALL = YES;
-				TARGETED_DEVICE_FAMILY = "1,2";
-			};
-			name = Debug;
-		};
-		18D8D9A621C06BCE00E0CCAC /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SKIP_INSTALL = YES;
-				TARGETED_DEVICE_FAMILY = "1,2";
-			};
-			name = Release;
-		};
-		18FC77AD1EF4770B002B3F17 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
-				CODE_SIGN_IDENTITY = "-";
-				COMBINE_HIDPI_IMAGES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				INFOPLIST_FILE = "RNTester-macOS/Info.plist";
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/../Frameworks";
-				PRODUCT_BUNDLE_IDENTIFIER = "RCT.RNTester-macOS";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = macosx;
-			};
-			name = Debug;
-		};
-		18FC77AE1EF4770B002B3F17 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
-				CODE_SIGN_IDENTITY = "-";
-				COMBINE_HIDPI_IMAGES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				INFOPLIST_FILE = "RNTester-macOS/Info.plist";
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/../Frameworks";
-				PRODUCT_BUNDLE_IDENTIFIER = "RCT.RNTester-macOS";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = macosx;
-			};
-			name = Release;
-		};
-		18FC77AF1EF4770B002B3F17 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
-				CODE_SIGN_IDENTITY = "-";
-				COMBINE_HIDPI_IMAGES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				FRAMEWORK_SEARCH_PATHS = (
-					"$(inherited)",
-					"$(PROJECT_DIR)/RNTesterUnitTests",
-				);
-				INFOPLIST_FILE = "RNTester-macOSUnitTests/Info.plist";
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/../Frameworks @loader_path/../Frameworks";
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				PRODUCT_BUNDLE_IDENTIFIER = "RCT.RNTester-macOSUnitTests";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = macosx;
-			};
-			name = Debug;
-		};
-		18FC77B01EF4770B002B3F17 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
-				CODE_SIGN_IDENTITY = "-";
-				COMBINE_HIDPI_IMAGES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				FRAMEWORK_SEARCH_PATHS = (
-					"$(inherited)",
-					"$(PROJECT_DIR)/RNTesterUnitTests",
-				);
-				INFOPLIST_FILE = "RNTester-macOSUnitTests/Info.plist";
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/../Frameworks @loader_path/../Frameworks";
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				PRODUCT_BUNDLE_IDENTIFIER = "RCT.RNTester-macOSUnitTests";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = macosx;
-			};
-			name = Release;
-		};
-		18FC77B11EF4770B002B3F17 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
-				CODE_SIGN_IDENTITY = "-";
-				COMBINE_HIDPI_IMAGES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				INFOPLIST_FILE = "RNTester-macOSIntegrationTests/Info.plist";
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/../Frameworks @loader_path/../Frameworks";
-				MACOSX_DEPLOYMENT_TARGET = 10.11;
-				PRODUCT_BUNDLE_IDENTIFIER = "RCT.RNTester-macOSIntegrationTests";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PROVISIONING_PROFILE = "";
-				SDKROOT = macosx;
-				TEST_TARGET_NAME = "RNTester-macOS";
-			};
-			name = Debug;
-		};
-		18FC77B21EF4770B002B3F17 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
-				CODE_SIGN_IDENTITY = "-";
-				COMBINE_HIDPI_IMAGES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				INFOPLIST_FILE = "RNTester-macOSIntegrationTests/Info.plist";
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/../Frameworks @loader_path/../Frameworks";
-				MACOSX_DEPLOYMENT_TARGET = 10.11;
-				PRODUCT_BUNDLE_IDENTIFIER = "RCT.RNTester-macOSIntegrationTests";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PROVISIONING_PROFILE = "";
-				SDKROOT = macosx;
-				TEST_TARGET_NAME = "RNTester-macOS";
-			};
-			name = Release;
-		};
-		2D4624DE1DA2EA6900C74D09 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				BUNDLE_LOADER = "$(TEST_HOST)";
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"$(inherited)",
-					"FB_REFERENCE_IMAGE_DIR=\"\\\"$(SOURCE_ROOT)/$(PROJECT_NAME)IntegrationTests/ReferenceImages\\\"\"",
-				);
-				INFOPLIST_FILE = RNTesterIntegrationTests/Info.plist;
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
-				LIBRARY_SEARCH_PATHS = (
-					"$(inherited)",
-					"$(PROJECT_DIR)/RNTesterUnitTests",
-				);
-				PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.RNTester-tvOSIntegrationTests";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/RNTester-tvOS.app/RNTester-tvOS";
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Debug;
-		};
-		2D4624DF1DA2EA6900C74D09 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				BUNDLE_LOADER = "$(TEST_HOST)";
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				GCC_NO_COMMON_BLOCKS = YES;
-				INFOPLIST_FILE = RNTesterIntegrationTests/Info.plist;
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
-				LIBRARY_SEARCH_PATHS = (
-					"$(inherited)",
-					"$(PROJECT_DIR)/RNTesterUnitTests",
-				);
-				PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.RNTester-tvOSIntegrationTests";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/RNTester-tvOS.app/RNTester-tvOS";
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Release;
-		};
-		2DD323AC1DA2DD8B000FE1B8 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image";
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				GCC_NO_COMMON_BLOCKS = YES;
-				INFOPLIST_FILE = "RNTester-tvOS/Info.plist";
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.RNTester-tvOS";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				TARGETED_DEVICE_FAMILY = 3;
-				TVOS_DEPLOYMENT_TARGET = 10.2;
-			};
-			name = Debug;
-		};
-		2DD323AD1DA2DD8B000FE1B8 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image";
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				GCC_NO_COMMON_BLOCKS = YES;
-				INFOPLIST_FILE = "RNTester-tvOS/Info.plist";
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.RNTester-tvOS";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				TARGETED_DEVICE_FAMILY = 3;
-				TVOS_DEPLOYMENT_TARGET = 10.2;
-			};
-			name = Release;
-		};
-		2DD323AE1DA2DD8B000FE1B8 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				BUNDLE_LOADER = "$(TEST_HOST)";
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				GCC_NO_COMMON_BLOCKS = YES;
-				HEADER_SEARCH_PATHS = (
-					"$(inherited)",
-					"$(SRCROOT)/RNTesterUnitTests/**",
-				);
-				INFOPLIST_FILE = RNTesterUnitTests/Info.plist;
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
-				LIBRARY_SEARCH_PATHS = (
-					"$(inherited)",
-					"$(PROJECT_DIR)/RNTesterUnitTests",
-				);
-				PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.RNTester-tvOSUnitTests";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/RNTester-tvOS.app/RNTester-tvOS";
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Debug;
-		};
-		2DD323AF1DA2DD8B000FE1B8 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				BUNDLE_LOADER = "$(TEST_HOST)";
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				GCC_NO_COMMON_BLOCKS = YES;
-				HEADER_SEARCH_PATHS = (
-					"$(inherited)",
-					"$(SRCROOT)/RNTesterUnitTests/**",
-				);
-				INFOPLIST_FILE = RNTesterUnitTests/Info.plist;
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
-				LIBRARY_SEARCH_PATHS = (
-					"$(inherited)",
-					"$(PROJECT_DIR)/RNTesterUnitTests",
-				);
-				PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.RNTester-tvOSUnitTests";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = appletvos;
-				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/RNTester-tvOS.app/RNTester-tvOS";
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-			};
-			name = Release;
-		};
-		3D13F8421D6F6AE000E69E0E /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				COMBINE_HIDPI_IMAGES = YES;
-				GCC_NO_COMMON_BLOCKS = YES;
-				INFOPLIST_FILE = RNTester/RNTesterBundle/Info.plist;
-				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.RNTesterBundle;
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = iphoneos;
-				WRAPPER_EXTENSION = bundle;
-			};
-			name = Debug;
-		};
-		3D13F8431D6F6AE000E69E0E /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				COMBINE_HIDPI_IMAGES = YES;
-				GCC_NO_COMMON_BLOCKS = YES;
-				INFOPLIST_FILE = RNTester/RNTesterBundle/Info.plist;
-				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.RNTesterBundle;
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = iphoneos;
-				WRAPPER_EXTENSION = bundle;
-			};
-			name = Release;
-		};
-		83CBBA201A601CBA00E9B192 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_ASSIGN_ENUM = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_ATOMIC_PROPERTIES = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
-				COPY_PHASE_STRIP = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				ENABLE_TESTABILITY = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu11;
-				GCC_DYNAMIC_NO_PIC = NO;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_OPTIMIZATION_LEVEL = 0;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"FB_REFERENCE_IMAGE_DIR=\"\\\"$(SOURCE_ROOT)/$(PROJECT_NAME)IntegrationTests/ReferenceImages\\\"\"",
-				);
-				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
-				GCC_TREAT_INCOMPATIBLE_POINTER_TYPE_WARNINGS_AS_ERRORS = YES;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				GCC_WARN_ABOUT_MISSING_PROTOTYPES = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_MULTIPLE_DEFINITION_TYPES_FOR_SELECTOR = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_STRICT_SELECTOR_MATCH = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNKNOWN_PRAGMAS = YES;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_LABEL = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = YES;
-				ONLY_ACTIVE_ARCH = YES;
-				OTHER_CPLUSPLUSFLAGS = (
-					"$(OTHER_CFLAGS)",
-					"-DFOLLY_NO_CONFIG",
-					"-DFOLLY_MOBILE=1",
-					"-DFOLLY_USE_LIBCPP=1",
-				);
-				OTHER_LDFLAGS = (
-					"-ObjC",
-					"-lc++",
-				);
-				SDKROOT = iphoneos;
-				WARNING_CFLAGS = (
-					"-Wextra",
-					"-Wall",
-					"-Wno-semicolon-before-method-body",
-				);
-			};
-			name = Debug;
-		};
-		83CBBA211A601CBA00E9B192 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_ASSIGN_ENUM = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_ATOMIC_PROPERTIES = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
-				COPY_PHASE_STRIP = YES;
-				ENABLE_NS_ASSERTIONS = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu11;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_TREAT_INCOMPATIBLE_POINTER_TYPE_WARNINGS_AS_ERRORS = YES;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				GCC_WARN_ABOUT_MISSING_PROTOTYPES = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_MULTIPLE_DEFINITION_TYPES_FOR_SELECTOR = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_STRICT_SELECTOR_MATCH = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNKNOWN_PRAGMAS = YES;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_LABEL = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = NO;
-				OTHER_CPLUSPLUSFLAGS = (
-					"$(OTHER_CFLAGS)",
-					"-DFOLLY_NO_CONFIG",
-					"-DFOLLY_MOBILE=1",
-					"-DFOLLY_USE_LIBCPP=1",
-				);
-				OTHER_LDFLAGS = (
-					"-ObjC",
-					"-lc++",
-				);
-				SDKROOT = iphoneos;
-				VALIDATE_PRODUCT = YES;
-				WARNING_CFLAGS = (
-					"-Wextra",
-					"-Wall",
-					"-Wno-semicolon-before-method-body",
-				);
-			};
-			name = Release;
-		};
-		9F61697C225FB3F1008F89F1 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SKIP_INSTALL = YES;
-				TARGETED_DEVICE_FAMILY = "1,2";
-			};
-			name = Debug;
-		};
-		9F61697D225FB3F1008F89F1 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SKIP_INSTALL = YES;
-				TARGETED_DEVICE_FAMILY = "1,2";
-			};
-			name = Release;
-		};
-		9F6169A2225FB40C008F89F1 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SKIP_INSTALL = YES;
-				TARGETED_DEVICE_FAMILY = "1,2";
-			};
-			name = Debug;
-		};
-		9F6169A3225FB40C008F89F1 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SKIP_INSTALL = YES;
-				TARGETED_DEVICE_FAMILY = "1,2";
-			};
-			name = Release;
-		};
-		9FBFA517233C7E4C003D9A8D /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
-				CLANG_ENABLE_OBJC_WEAK = YES;
-				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
-				CODE_SIGN_STYLE = Automatic;
-				COMBINE_HIDPI_IMAGES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				DEVELOPMENT_TEAM = UBF8T346G9;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"$(inherited)",
-				);
-				INFOPLIST_FILE = "RNTesterBundle-macOS/Info.plist";
-				INSTALL_PATH = "$(LOCAL_LIBRARY_DIR)/Bundles";
-				MACOSX_DEPLOYMENT_TARGET = 10.14;
-				MTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE;
-				MTL_FAST_MATH = YES;
-				PRODUCT_BUNDLE_IDENTIFIER = "Microsoft.RNTesterBundle-macOS";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = macosx;
-				SKIP_INSTALL = YES;
-				WRAPPER_EXTENSION = bundle;
-			};
-			name = Debug;
-		};
-		9FBFA518233C7E4C003D9A8D /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
-				CLANG_ENABLE_OBJC_WEAK = YES;
-				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
-				CODE_SIGN_STYLE = Automatic;
-				COMBINE_HIDPI_IMAGES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				DEVELOPMENT_TEAM = UBF8T346G9;
-				INFOPLIST_FILE = "RNTesterBundle-macOS/Info.plist";
-				INSTALL_PATH = "$(LOCAL_LIBRARY_DIR)/Bundles";
-				MACOSX_DEPLOYMENT_TARGET = 10.14;
-				MTL_FAST_MATH = YES;
-				PRODUCT_BUNDLE_IDENTIFIER = "Microsoft.RNTesterBundle-macOS";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = macosx;
-				SKIP_INSTALL = YES;
-				WRAPPER_EXTENSION = bundle;
-			};
-			name = Release;
-		};
-/* End XCBuildConfiguration section */
-
-/* Begin XCConfigurationList section */
-		004D28AD1AAF61C70097A701 /* Build configuration list for PBXNativeTarget "RNTesterUnitTests" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				004D28A61AAF61C70097A701 /* Debug */,
-				004D28A71AAF61C70097A701 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "RNTester" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				13B07F941A680F5B00A75B9A /* Debug */,
-				13B07F951A680F5B00A75B9A /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		143BC59D1B21E3E100462512 /* Build configuration list for PBXNativeTarget "RNTesterIntegrationTests" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				143BC59E1B21E3E100462512 /* Debug */,
-				143BC59F1B21E3E100462512 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		18D8D9C121C06BCE00E0CCAC /* Build configuration list for PBXNativeTarget "iosDeviceBuild" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				18D8D9A521C06BCE00E0CCAC /* Debug */,
-				18D8D9A621C06BCE00E0CCAC /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		18FC77F01EF4770B002B3F17 /* Build configuration list for PBXNativeTarget "RNTester-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				18FC77AD1EF4770B002B3F17 /* Debug */,
-				18FC77AE1EF4770B002B3F17 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		18FC77F11EF4770B002B3F17 /* Build configuration list for PBXNativeTarget "RNTester-macOSUnitTests" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				18FC77AF1EF4770B002B3F17 /* Debug */,
-				18FC77B01EF4770B002B3F17 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		18FC77F21EF4770B002B3F17 /* Build configuration list for PBXNativeTarget "RNTester-macOSIntegrationTests" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				18FC77B11EF4770B002B3F17 /* Debug */,
-				18FC77B21EF4770B002B3F17 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		2D4624DD1DA2EA6900C74D09 /* Build configuration list for PBXNativeTarget "RNTester-tvOSIntegrationTests" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				2D4624DE1DA2EA6900C74D09 /* Debug */,
-				2D4624DF1DA2EA6900C74D09 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		2DD323DA1DA2DD8B000FE1B8 /* Build configuration list for PBXNativeTarget "RNTester-tvOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				2DD323AC1DA2DD8B000FE1B8 /* Debug */,
-				2DD323AD1DA2DD8B000FE1B8 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		2DD323DB1DA2DD8B000FE1B8 /* Build configuration list for PBXNativeTarget "RNTester-tvOSUnitTests" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				2DD323AE1DA2DD8B000FE1B8 /* Debug */,
-				2DD323AF1DA2DD8B000FE1B8 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		3D13F8411D6F6AE000E69E0E /* Build configuration list for PBXNativeTarget "RNTesterBundle" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				3D13F8421D6F6AE000E69E0E /* Debug */,
-				3D13F8431D6F6AE000E69E0E /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "RNTester" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				83CBBA201A601CBA00E9B192 /* Debug */,
-				83CBBA211A601CBA00E9B192 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		9F61697B225FB3F1008F89F1 /* Build configuration list for PBXNativeTarget "iosSimulatorBuild" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				9F61697C225FB3F1008F89F1 /* Debug */,
-				9F61697D225FB3F1008F89F1 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		9F6169A1225FB40C008F89F1 /* Build configuration list for PBXNativeTarget "macOSBuild" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				9F6169A2225FB40C008F89F1 /* Debug */,
-				9F6169A3225FB40C008F89F1 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		9FBFA516233C7E4C003D9A8D /* Build configuration list for PBXNativeTarget "RNTesterBundle-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				9FBFA517233C7E4C003D9A8D /* Debug */,
-				9FBFA518233C7E4C003D9A8D /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-/* End XCConfigurationList section */
-	};
-	rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;
-}
diff --git a/RNTester/RNTester/AppDelegate.mm b/RNTester/RNTester/AppDelegate.mm
index 44a7ceda3ca114..f390405d3db047 100644
--- a/RNTester/RNTester/AppDelegate.mm
+++ b/RNTester/RNTester/AppDelegate.mm
@@ -18,7 +18,7 @@
 
 #import <cxxreact/JSExecutor.h>
 
-#if !TARGET_OS_TV
+#if !TARGET_OS_TV && !TARGET_OS_UIKITFORMAC
 #import <React/RCTPushNotificationManager.h>
 #endif
 
@@ -27,26 +27,17 @@
 #import <React/RCTFabricSurfaceHostingProxyRootView.h>
 #endif
 
-#ifdef RN_TURBO_MODULE_ENABLED
-#import <jsireact/RCTTurboModuleManager.h>
+#import <ReactCommon/RCTTurboModuleManager.h>
 
 #import "RNTesterTurboModuleProvider.h"
-#endif
 
-#ifdef RN_TURBO_MODULE_ENABLED
 @interface AppDelegate() <RCTCxxBridgeDelegate, RCTTurboModuleManagerDelegate>{
-#else
-@interface AppDelegate() <RCTCxxBridgeDelegate>{
-#endif
 
 #ifdef RN_FABRIC_ENABLED
   RCTSurfacePresenter *_surfacePresenter;
 #endif
 
-#ifdef RN_TURBO_MODULE_ENABLED
   RCTTurboModuleManager *_turboModuleManager;
-#endif
-
 }
 @end
 
@@ -54,9 +45,7 @@ @implementation AppDelegate
 
 - (BOOL)application:(__unused UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
 {
-#ifdef RN_TURBO_MODULE_ENABLED
   RCTEnableTurboModule(YES);
-#endif
 
   _bridge = [[RCTBridge alloc] initWithDelegate:self
                                   launchOptions:launchOptions];
@@ -69,7 +58,13 @@ - (BOOL)application:(__unused UIApplication *)application didFinishLaunchingWith
   }
 
 #ifdef RN_FABRIC_ENABLED
-  _surfacePresenter = [[RCTSurfacePresenter alloc] initWithBridge:_bridge config:nil];
+  _surfacePresenter = [[RCTSurfacePresenter alloc] initWithBridge:_bridge
+                                                           config:nil
+                                                      imageLoader:RCTTurboModuleEnabled() ?
+                                                                  [_bridge moduleForName:@"RCTImageLoader"
+                                                                  lazilyLoadIfNecessary:YES] : nil
+                                                  runtimeExecutor:nullptr];
+
   _bridge.surfacePresenter = _surfacePresenter;
 
   UIView *rootView = [[RCTFabricSurfaceHostingProxyRootView alloc] initWithBridge:_bridge moduleName:@"RNTesterApp" initialProperties:initProps];
@@ -120,29 +115,30 @@ - (void)loadSourceForBridge:(RCTBridge *)bridge
     }
     __typeof(self) strongSelf = weakSelf;
     if (strongSelf) {
-#ifdef RN_TURBO_MODULE_ENABLED
       strongSelf->_turboModuleManager = [[RCTTurboModuleManager alloc] initWithBridge:bridge delegate:strongSelf];
       [strongSelf->_turboModuleManager installJSBindingWithRuntime:&runtime];
-#endif
     }
   });
 }
 
 #pragma mark RCTTurboModuleManagerDelegate
 
-#ifdef RN_TURBO_MODULE_ENABLED
+- (Class)getModuleClassFromName:(const char *)name
+{
+  return facebook::react::RNTesterTurboModuleClassProvider(name);
+}
 
 - (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:(const std::string &)name
                                                       jsInvoker:(std::shared_ptr<facebook::react::JSCallInvoker>)jsInvoker
 {
-  return RNTesterTurboModuleProvider(name, jsInvoker);
+  return facebook::react::RNTesterTurboModuleProvider(name, jsInvoker);
 }
 
 - (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:(const std::string &)name
                                                        instance:(id<RCTTurboModule>)instance
                                                       jsInvoker:(std::shared_ptr<facebook::react::JSCallInvoker>)jsInvoker
 {
-  return RNTesterTurboModuleProvider(name, instance, jsInvoker);
+  return facebook::react::RNTesterTurboModuleProvider(name, instance, jsInvoker);
 }
 
 - (id<RCTTurboModule>)getModuleInstanceFromClass:(Class)moduleClass
@@ -151,11 +147,9 @@ - (void)loadSourceForBridge:(RCTBridge *)bridge
   return [moduleClass new];
 }
 
-#endif
-
 # pragma mark - Push Notifications
 
-#if !TARGET_OS_TV
+#if !TARGET_OS_TV && !TARGET_OS_UIKITFORMAC
 
 // Required to register for notifications
 - (void)application:(__unused UIApplication *)application didRegisterUserNotificationSettings:(UIUserNotificationSettings *)notificationSettings
diff --git a/RNTester/RNTester/RNTester.entitlements b/RNTester/RNTester/RNTester.entitlements
new file mode 100644
index 00000000000000..98ca2664ea88e1
--- /dev/null
+++ b/RNTester/RNTester/RNTester.entitlements
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>com.apple.security.app-sandbox</key>
+	<true/>
+	<key>com.apple.security.network.client</key>
+	<true/>
+	<key>com.apple.security.personal-information.photos-library</key>
+	<true/>
+	<key>com.apple.security.get-task-allow</key>
+	<true/>
+</dict>
+</plist>
diff --git a/RNTester/RNTester/RNTesterTurboModuleProvider.h b/RNTester/RNTester/RNTesterTurboModuleProvider.h
index d55c415bc6b203..2d4e99f8e32dd4 100644
--- a/RNTester/RNTester/RNTesterTurboModuleProvider.h
+++ b/RNTester/RNTester/RNTesterTurboModuleProvider.h
@@ -6,13 +6,16 @@
  *
  */
 
-#ifdef RN_TURBO_MODULE_ENABLED
-
-#import <jsireact/RCTTurboModule.h>
+#import <ReactCommon/RCTTurboModule.h>
 
 namespace facebook {
 namespace react {
 
+/**
+ * Provide the TurboModule class for the given name.
+ */
+Class RNTesterTurboModuleClassProvider(const char *name);
+
 /**
  * Provide a pure C++ instance of a TurboModule, specific to this app.
  */
@@ -27,5 +30,3 @@ std::shared_ptr<TurboModule> RNTesterTurboModuleProvider(const std::string &name
 
 } // namespace react
 } // namespace facebook
-
-#endif
diff --git a/RNTester/RNTester/RNTesterTurboModuleProvider.mm b/RNTester/RNTester/RNTesterTurboModuleProvider.mm
index b93d94878fef84..d8283bd12ef213 100644
--- a/RNTester/RNTester/RNTesterTurboModuleProvider.mm
+++ b/RNTester/RNTester/RNTesterTurboModuleProvider.mm
@@ -6,18 +6,21 @@
  *
  */
 
-#ifdef RN_TURBO_MODULE_ENABLED
-
 #import "RNTesterTurboModuleProvider.h"
 
-#import <jsireact/RCTSampleTurboCxxModule.h>
-#import <jsireact/RCTSampleTurboModule.h>
+#import <React/CoreModulesPlugins.h>
+#import <ReactCommon/SampleTurboCxxModule.h>
+#import <ReactCommon/RCTSampleTurboModule.h>
 
 // NOTE: This entire file should be codegen'ed.
 
 namespace facebook {
 namespace react {
 
+Class RNTesterTurboModuleClassProvider(const char *name) {
+  return RCTCoreModulesClassProvider(name);
+}
+
 std::shared_ptr<TurboModule> RNTesterTurboModuleProvider(const std::string &name, std::shared_ptr<JSCallInvoker> jsInvoker) {
   if (name == "SampleTurboCxxModule") {
     return std::make_shared<SampleTurboCxxModule>(jsInvoker);
@@ -38,5 +41,3 @@
 
 } // namespace react
 } // namespace facebook
-
-#endif
diff --git a/RNTester/RNTesterBundle-macOS/Info.plist b/RNTester/RNTesterBundle-macOS/Info.plist
deleted file mode 100644
index 80c285bc578389..00000000000000
--- a/RNTester/RNTesterBundle-macOS/Info.plist
+++ /dev/null
@@ -1,26 +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>CFBundleDevelopmentRegion</key>
-	<string>$(DEVELOPMENT_LANGUAGE)</string>
-	<key>CFBundleExecutable</key>
-	<string>$(EXECUTABLE_NAME)</string>
-	<key>CFBundleIdentifier</key>
-	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
-	<key>CFBundleInfoDictionaryVersion</key>
-	<string>6.0</string>
-	<key>CFBundleName</key>
-	<string>$(PRODUCT_NAME)</string>
-	<key>CFBundlePackageType</key>
-	<string>$(PRODUCT_BUNDLE_PACKAGE_TYPE)</string>
-	<key>CFBundleShortVersionString</key>
-	<string>1.0</string>
-	<key>CFBundleVersion</key>
-	<string>1</string>
-	<key>NSHumanReadableCopyright</key>
-	<string>Copyright © 2019 Facebook. All rights reserved.</string>
-	<key>NSPrincipalClass</key>
-	<string></string>
-</dict>
-</plist>
diff --git a/RNTester/RNTesterIntegrationTests/RCTLoggingTests.m b/RNTester/RNTesterIntegrationTests/RCTLoggingTests.m
index 020aa1b99687c4..84fadf2965ba83 100644
--- a/RNTester/RNTesterIntegrationTests/RCTLoggingTests.m
+++ b/RNTester/RNTesterIntegrationTests/RCTLoggingTests.m
@@ -11,7 +11,6 @@
 #import <React/RCTAssert.h>
 #import <React/RCTBridge.h>
 #import <React/RCTLog.h>
-#import <React/RCTBundleURLProvider.h>
 
 @interface RCTLoggingTests : XCTestCase
 
@@ -43,7 +42,6 @@ - (void)setUp
   RCTAssert(scriptURL != nil, @"No scriptURL set");
 
   _bridge = [[RCTBridge alloc] initWithBundleURL:scriptURL moduleProvider:NULL launchOptions:nil];
-
   NSDate *date = [NSDate dateWithTimeIntervalSinceNow:60];
   while (date.timeIntervalSinceNow > 0 && _bridge.loading) {
     [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
@@ -98,7 +96,7 @@ - (void)testLogging
 
   XCTAssertEqual(_lastLogLevel, RCTLogLevelError);
   XCTAssertEqual(_lastLogSource, RCTLogSourceJavaScript);
-  XCTAssertEqualObjects(_lastLogMessage, @"Invariant failed");
+  XCTAssertEqualObjects(_lastLogMessage, @"Invariant Violation: Invariant failed");
 
   [_bridge enqueueJSCall:@"LoggingTestModule.logErrorToConsole" args:@[@"Invoking console.error"]];
   dispatch_semaphore_wait(_logSem, RCT_TEST_LOGGING_TIMEOUT); // TODO(OSS Candidate ISS#2710739)
@@ -122,7 +120,7 @@ - (void)testLogging
 
   XCTAssertEqual(_lastLogLevel, RCTLogLevelError);
   XCTAssertEqual(_lastLogSource, RCTLogSourceJavaScript);
-  XCTAssertEqualObjects(_lastLogMessage, @"Throwing an error");
+  XCTAssertEqualObjects(_lastLogMessage, @"Error: Throwing an error");
 }
 
 @end
diff --git a/RNTester/RNTesterIntegrationTests/RCTRootViewIntegrationTests.m b/RNTester/RNTesterIntegrationTests/RCTRootViewIntegrationTests.m
index aea0c0b2fda639..d1543672e6ef7f 100644
--- a/RNTester/RNTesterIntegrationTests/RCTRootViewIntegrationTests.m
+++ b/RNTester/RNTesterIntegrationTests/RCTRootViewIntegrationTests.m
@@ -6,7 +6,7 @@
  *
  */
 
-#import <React/RCTUIKit.h>
+#import <React/RCTUIKit.h> // TODO(macOS ISS#3536887)
 #import <XCTest/XCTest.h>
 
 #import <RCTTest/RCTTestRunner.h>
diff --git a/RNTester/RNTesterIntegrationTests/RCTUIManagerScenarioTests.m b/RNTester/RNTesterIntegrationTests/RCTUIManagerScenarioTests.m
index 0756cb98fa181a..d79da587c6ddc4 100644
--- a/RNTester/RNTesterIntegrationTests/RCTUIManagerScenarioTests.m
+++ b/RNTester/RNTesterIntegrationTests/RCTUIManagerScenarioTests.m
@@ -6,7 +6,7 @@
  *
  */
 
-#import <React/RCTUIKit.h>
+#import <React/RCTUIKit.h> // TODO(macOS ISS#3536887)
 #import <XCTest/XCTest.h>
 
 #import <React/RCTUIManager.h>
diff --git a/RNTester/RNTesterIntegrationTests/RNTesterIntegrationTests.m b/RNTester/RNTesterIntegrationTests/RNTesterIntegrationTests.m
index 8bb2bec4cf05c7..289aa23d9be626 100644
--- a/RNTester/RNTesterIntegrationTests/RNTesterIntegrationTests.m
+++ b/RNTester/RNTesterIntegrationTests/RNTesterIntegrationTests.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import <React/RCTUIKit.h>
+#import <React/RCTUIKit.h> // TODO(macOS ISS#3536887)
 #import <XCTest/XCTest.h>
 
 #import <RCTTest/RCTTestRunner.h>
@@ -76,6 +76,7 @@ - (void)testTheTester_waitOneFrame
 #if !TARGET_OS_OSX // ios specific
 RCT_TEST(AccessibilityManagerTest)
 #endif
+RCT_TEST(GlobalEvalWithSourceUrlTest)
 
 @end
 
diff --git a/RNTester/RNTesterIntegrationTests/RNTesterSnapshotTests.m b/RNTester/RNTesterIntegrationTests/RNTesterSnapshotTests.m
index 41ca2d1fd52a69..21b28f90f153ef 100644
--- a/RNTester/RNTesterIntegrationTests/RNTesterSnapshotTests.m
+++ b/RNTester/RNTesterIntegrationTests/RNTesterSnapshotTests.m
@@ -6,7 +6,7 @@
  *
  */
 
-#import <React/RCTUIKit.h>
+#import <React/RCTUIKit.h> // TODO(macOS ISS#3536887)
 #import <XCTest/XCTest.h>
 
 #import <RCTTest/RCTTestRunner.h>
@@ -22,14 +22,14 @@ @implementation RNTesterSnapshotTests
 
 - (void)setUp
 {
-#if !TARGET_OS_OSX
+#if !TARGET_OS_OSX // TODO(macOS ISS#3536887)
   _runner = RCTInitRunnerForApp(@"RNTester/js/RNTesterApp.ios", nil, nil);
   if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 10) {
     _runner.testSuffix = [NSString stringWithFormat:@"-iOS%d", UIDevice.currentDevice.systemVersion.intValue];
   }
-#else // TARGET_OS_OSX
+#else // [TODO(macOS ISS#3536887)
   _runner = RCTInitRunnerForApp(@"RNTester/js/RNTesterApp.macos", nil, nil);
-#endif
+#endif // ]TODO(macOS ISS#3536887)
   _runner.recordMode = NO;
 }
 
@@ -43,9 +43,8 @@ - (void)test##name                      \
 RCT_TEST(LayoutExample)
 RCT_TEST(ARTExample)
 RCT_TEST(ScrollViewExample)
-#if !TARGET_OS_TV
-// TODO(OSS Candidate ISS#2710739): RCTPicker which TextExample depends on not available on tvOS
 RCT_TEST(TextExample)
+#if !TARGET_OS_TV
 // No switch or slider available on tvOS
 RCT_TEST(SwitchExample)
 RCT_TEST(SliderExample)
diff --git a/RNTester/RNTesterIntegrationTests/ReferenceImages/IntegrationTests-IntegrationTestsApp/testSimpleSnapshotTest_1_macOS.png b/RNTester/RNTesterIntegrationTests/ReferenceImages/IntegrationTests-IntegrationTestsApp/testSimpleSnapshotTest_1_macOS.png
index ead694d19a12f2..107b06345f060c 100644
Binary files a/RNTester/RNTesterIntegrationTests/ReferenceImages/IntegrationTests-IntegrationTestsApp/testSimpleSnapshotTest_1_macOS.png and b/RNTester/RNTesterIntegrationTests/ReferenceImages/IntegrationTests-IntegrationTestsApp/testSimpleSnapshotTest_1_macOS.png differ
diff --git a/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.macos/testARTExample_1_macOS.png b/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.macos/testARTExample_1_macOS.png
new file mode 100644
index 00000000000000..a1c25e7be44c75
Binary files /dev/null and b/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.macos/testARTExample_1_macOS.png differ
diff --git a/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.macos/testLayoutExample_1_macOS.png b/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.macos/testLayoutExample_1_macOS.png
new file mode 100644
index 00000000000000..a1c25e7be44c75
Binary files /dev/null and b/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.macos/testLayoutExample_1_macOS.png differ
diff --git a/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.macos/testScrollViewExample_1_macOS.png b/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.macos/testScrollViewExample_1_macOS.png
new file mode 100644
index 00000000000000..a1c25e7be44c75
Binary files /dev/null and b/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.macos/testScrollViewExample_1_macOS.png differ
diff --git a/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.macos/testSliderExample_1_macOS.png b/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.macos/testSliderExample_1_macOS.png
new file mode 100644
index 00000000000000..a1c25e7be44c75
Binary files /dev/null and b/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.macos/testSliderExample_1_macOS.png differ
diff --git a/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.macos/testSwitchExample_1_macOS.png b/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.macos/testSwitchExample_1_macOS.png
new file mode 100644
index 00000000000000..a1c25e7be44c75
Binary files /dev/null and b/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.macos/testSwitchExample_1_macOS.png differ
diff --git a/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.macos/testTextExample_1_macOS.png b/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.macos/testTextExample_1_macOS.png
new file mode 100644
index 00000000000000..a1c25e7be44c75
Binary files /dev/null and b/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.macos/testTextExample_1_macOS.png differ
diff --git a/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.macos/testViewExample_1_macOS.png b/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.macos/testViewExample_1_macOS.png
new file mode 100644
index 00000000000000..a1c25e7be44c75
Binary files /dev/null and b/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.macos/testViewExample_1_macOS.png differ
diff --git a/RNTester/RNTesterPods.xcodeproj/project.pbxproj b/RNTester/RNTesterPods.xcodeproj/project.pbxproj
index 7c847941a6d581..6ba1c72de992a1 100644
--- a/RNTester/RNTesterPods.xcodeproj/project.pbxproj
+++ b/RNTester/RNTesterPods.xcodeproj/project.pbxproj
@@ -3,146 +3,115 @@
 	archiveVersion = 1;
 	classes = {
 	};
-	objectVersion = 46;
+	objectVersion = 50;
 	objects = {
 
 /* Begin PBXBuildFile section */
 		10F9D0AD3F8E4C0DD7187464 /* libPods-RNTester-macOSUnitTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 7E39630912E65B1C853EA5C8 /* libPods-RNTester-macOSUnitTests.a */; };
 		13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; };
 		13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
-		1551B774FBA023F7BC207D4C /* libPods-RNTesterIntegrationTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = D189458AC7EF7C7E25C6A79F /* libPods-RNTesterIntegrationTests.a */; };
 		272E6B3F1BEA849E001FCF37 /* UpdatePropertiesExampleView.m in Sources */ = {isa = PBXBuildFile; fileRef = 272E6B3C1BEA849E001FCF37 /* UpdatePropertiesExampleView.m */; };
 		27F441EC1BEBE5030039B79C /* FlexibleSizeExampleView.m in Sources */ = {isa = PBXBuildFile; fileRef = 27F441E81BEBE5030039B79C /* FlexibleSizeExampleView.m */; };
 		2DDEF0101F84BF7B00DBDF73 /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 2DDEF00F1F84BF7B00DBDF73 /* Images.xcassets */; };
-		388291A32445522200D89845 /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 388291A22445522200D89845 /* JavaScriptCore.framework */; };
+		3811324724550A8F009E988D /* RNTesterUnitTestsBundle.js in Resources */ = {isa = PBXBuildFile; fileRef = E7DB20B322B2BAA4005AC45F /* RNTesterUnitTestsBundle.js */; };
+		383838BD244BC2FF005FAC75 /* RCTComponentPropsTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20CC22B2BAA5005AC45F /* RCTComponentPropsTests.m */; };
+		383838C0244BC3BD005FAC75 /* libPods-RNTesterUnitTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 383838BF244BC3AE005FAC75 /* libPods-RNTesterUnitTests.a */; };
+		383838C1244BC3D9005FAC75 /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = E7DB213022B2C649005AC45F /* JavaScriptCore.framework */; };
+		383838C2244BC52B005FAC75 /* RCTAllocationTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20C622B2BAA5005AC45F /* RCTAllocationTests.m */; };
+		383838C3244BC52E005FAC75 /* RCTAnimationUtilsTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20B222B2BAA4005AC45F /* RCTAnimationUtilsTests.m */; };
+		383838C4244BC532005FAC75 /* RCTBlobManagerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20AB22B2BAA3005AC45F /* RCTBlobManagerTests.m */; };
+		383838C5244BC535005FAC75 /* RCTBundleURLProviderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20A922B2BAA3005AC45F /* RCTBundleURLProviderTests.m */; };
+		383838C6244BC53F005FAC75 /* RCTConvert_NSURLTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20CA22B2BAA5005AC45F /* RCTConvert_NSURLTests.m */; };
+		383838C7244BC542005FAC75 /* RCTConvert_YGValueTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20CE22B2BAA5005AC45F /* RCTConvert_YGValueTests.m */; };
+		383838C9244BC548005FAC75 /* RCTEventDispatcherTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20C022B2BAA4005AC45F /* RCTEventDispatcherTests.m */; };
+		383838CA244BC54B005FAC75 /* RCTFontTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20AF22B2BAA4005AC45F /* RCTFontTests.m */; };
+		383838CB244BC54E005FAC75 /* RCTFormatErrorTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20C722B2BAA5005AC45F /* RCTFormatErrorTests.m */; };
+		383838CC244BC551005FAC75 /* RCTGzipTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20C522B2BAA4005AC45F /* RCTGzipTests.m */; };
+		383838CD244BC55B005FAC75 /* RCTImageLoaderHelpers.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20C922B2BAA5005AC45F /* RCTImageLoaderHelpers.m */; };
+		383838CE244BC55E005FAC75 /* RCTImageLoaderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20C222B2BAA4005AC45F /* RCTImageLoaderTests.m */; };
+		383838CF244BC561005FAC75 /* RCTImageUtilTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20CD22B2BAA5005AC45F /* RCTImageUtilTests.m */; };
+		383838D0244BC564005FAC75 /* RCTJSONTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20B122B2BAA4005AC45F /* RCTJSONTests.m */; };
+		383838D1244BC567005FAC75 /* RCTMethodArgumentTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20C322B2BAA4005AC45F /* RCTMethodArgumentTests.m */; };
+		383838D2244BC56A005FAC75 /* RCTModuleInitNotificationRaceTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20AA22B2BAA3005AC45F /* RCTModuleInitNotificationRaceTests.m */; };
+		383838D3244BC56E005FAC75 /* RCTModuleInitTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20B022B2BAA4005AC45F /* RCTModuleInitTests.m */; };
+		383838D4244BC570005FAC75 /* RCTModuleMethodTests.mm in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20CB22B2BAA5005AC45F /* RCTModuleMethodTests.mm */; };
+		383838D5244BC574005FAC75 /* RCTMultipartStreamReaderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20CF22B2BAA5005AC45F /* RCTMultipartStreamReaderTests.m */; };
+		383838D6244BC577005FAC75 /* RCTNativeAnimatedNodesManagerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20BE22B2BAA4005AC45F /* RCTNativeAnimatedNodesManagerTests.m */; };
+		383838D7244BC57A005FAC75 /* RCTPerformanceLoggerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20AD22B2BAA3005AC45F /* RCTPerformanceLoggerTests.m */; };
+		383838D8244BC57D005FAC75 /* RCTShadowViewTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20C422B2BAA4005AC45F /* RCTShadowViewTests.m */; };
+		383838D9244BC581005FAC75 /* RCTUIManagerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20BF22B2BAA4005AC45F /* RCTUIManagerTests.m */; };
+		383838DA244BC584005FAC75 /* RCTUnicodeDecodeTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20C122B2BAA4005AC45F /* RCTUnicodeDecodeTests.m */; };
+		383838DB244BC587005FAC75 /* RCTURLUtilsTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20D022B2BAA5005AC45F /* RCTURLUtilsTests.m */; };
+		383838DD244BC596005FAC75 /* RNTesterIntegrationTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7C1241922BEC44B00DA25C0 /* RNTesterIntegrationTests.m */; };
+		383838DE244BC59A005FAC75 /* RCTLoggingTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB215E22B2F3EC005AC45F /* RCTLoggingTests.m */; };
+		383838DF244BC59D005FAC75 /* RCTRootViewIntegrationTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB216122B2F3EC005AC45F /* RCTRootViewIntegrationTests.m */; };
+		383838E0244BC5A0005FAC75 /* RCTUIManagerScenarioTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB215F22B2F3EC005AC45F /* RCTUIManagerScenarioTests.m */; };
+		383838E1244BC5A4005FAC75 /* RNTesterSnapshotTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB216022B2F3EC005AC45F /* RNTesterSnapshotTests.m */; };
+		383838E2244BC5A8005FAC75 /* RNTesterTestModule.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB215D22B2F3EC005AC45F /* RNTesterTestModule.m */; };
+		38784804245633870035033A /* libPods-RNTester.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 38784803245633870035033A /* libPods-RNTester.a */; };
+		38784806245633A90035033A /* libPods-RNTester.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 38784805245633A90035033A /* libPods-RNTester.a */; };
+		38784808245633B70035033A /* libPods-RNTester-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 38784807245633B70035033A /* libPods-RNTester-macOS.a */; };
 		3882C0E22445657000E92FB9 /* OCMock.framework in Copy Files (1 item) */ = {isa = PBXBuildFile; fileRef = 38A93816244532460025DABB /* OCMock.framework */; settings = {ATTRIBUTES = (CodeSignOnCopy, RemoveHeadersOnCopy, ); }; };
-		38A93827244532470025DABB /* RCTModuleInitNotificationRaceTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93805244532460025DABB /* RCTModuleInitNotificationRaceTests.m */; };
-		38A93828244532470025DABB /* RCTModuleMethodTests.mm in Sources */ = {isa = PBXBuildFile; fileRef = 38A93806244532460025DABB /* RCTModuleMethodTests.mm */; };
-		38A93829244532470025DABB /* RCTDevMenuTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93807244532460025DABB /* RCTDevMenuTests.m */; };
-		38A9382A244532470025DABB /* RCTMultipartStreamReaderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93808244532460025DABB /* RCTMultipartStreamReaderTests.m */; };
-		38A9382B244532470025DABB /* RCTShadowViewTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93809244532460025DABB /* RCTShadowViewTests.m */; };
-		38A9382C244532470025DABB /* RCTComponentPropsTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A9380A244532460025DABB /* RCTComponentPropsTests.m */; };
-		38A9382D244532470025DABB /* RCTFontTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A9380B244532460025DABB /* RCTFontTests.m */; };
-		38A9382E244532470025DABB /* RCTConvert_NSURLTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A9380C244532460025DABB /* RCTConvert_NSURLTests.m */; };
-		38A9382F244532470025DABB /* RCTURLUtilsTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A9380D244532460025DABB /* RCTURLUtilsTests.m */; };
-		38A93830244532470025DABB /* RNTesterUnitTestsBundle.js in Resources */ = {isa = PBXBuildFile; fileRef = 38A9380E244532460025DABB /* RNTesterUnitTestsBundle.js */; };
-		38A93831244532470025DABB /* RCTConvert_UIColorTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A9380F244532460025DABB /* RCTConvert_UIColorTests.m */; };
-		38A93832244532470025DABB /* RCTBlobManagerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93810244532460025DABB /* RCTBlobManagerTests.m */; };
-		38A93833244532470025DABB /* RCTImageUtilTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93812244532460025DABB /* RCTImageUtilTests.m */; };
-		38A93834244532470025DABB /* RCTFormatErrorTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93813244532460025DABB /* RCTFormatErrorTests.m */; };
-		38A93835244532470025DABB /* RCTImageLoaderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93814244532460025DABB /* RCTImageLoaderTests.m */; };
-		38A93836244532470025DABB /* RCTImageLoaderHelpers.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93815244532460025DABB /* RCTImageLoaderHelpers.m */; };
-		38A93838244532470025DABB /* RCTEventDispatcherTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93817244532460025DABB /* RCTEventDispatcherTests.m */; };
-		38A93839244532470025DABB /* RCTUnicodeDecodeTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93818244532460025DABB /* RCTUnicodeDecodeTests.m */; };
-		38A9383A244532470025DABB /* RCTBundleURLProviderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93819244532460025DABB /* RCTBundleURLProviderTests.m */; };
 		38A9383C244532470025DABB /* libOCMock.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 38A9381B244532460025DABB /* libOCMock.a */; };
-		38A9383D244532470025DABB /* RCTGzipTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A9381C244532470025DABB /* RCTGzipTests.m */; };
-		38A9383E244532470025DABB /* RCTJSONTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A9381D244532470025DABB /* RCTJSONTests.m */; };
-		38A9383F244532470025DABB /* RCTModuleInitTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A9381E244532470025DABB /* RCTModuleInitTests.m */; };
-		38A93840244532470025DABB /* RCTAnimationUtilsTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A9381F244532470025DABB /* RCTAnimationUtilsTests.m */; };
-		38A93842244532470025DABB /* RCTAllocationTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93821244532470025DABB /* RCTAllocationTests.m */; };
-		38A93843244532470025DABB /* RCTPerformanceLoggerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93822244532470025DABB /* RCTPerformanceLoggerTests.m */; };
-		38A93844244532470025DABB /* RCTUIManagerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93823244532470025DABB /* RCTUIManagerTests.m */; };
-		38A93845244532470025DABB /* RCTConvert_YGValueTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93824244532470025DABB /* RCTConvert_YGValueTests.m */; };
-		38A93846244532470025DABB /* RCTMethodArgumentTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93825244532470025DABB /* RCTMethodArgumentTests.m */; };
-		38A93847244532470025DABB /* RCTNativeAnimatedNodesManagerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93826244532470025DABB /* RCTNativeAnimatedNodesManagerTests.m */; };
 		38B2630B2444F5EB006AB4D5 /* UpdatePropertiesExampleView.m in Sources */ = {isa = PBXBuildFile; fileRef = 272E6B3C1BEA849E001FCF37 /* UpdatePropertiesExampleView.m */; };
 		38B2630C2444F628006AB4D5 /* FlexibleSizeExampleView.m in Sources */ = {isa = PBXBuildFile; fileRef = 27F441E81BEBE5030039B79C /* FlexibleSizeExampleView.m */; };
-		38BB7CB824455EB300803CDE /* RCTAllocationTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93821244532470025DABB /* RCTAllocationTests.m */; };
-		38BB7CB924455EB300803CDE /* RCTAnimationUtilsTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A9381F244532470025DABB /* RCTAnimationUtilsTests.m */; };
-		38BB7CBA24455EB300803CDE /* RCTBlobManagerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93810244532460025DABB /* RCTBlobManagerTests.m */; };
-		38BB7CBB24455EB300803CDE /* RCTBundleURLProviderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93819244532460025DABB /* RCTBundleURLProviderTests.m */; };
-		38BB7CBC24455EB300803CDE /* RCTComponentPropsTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A9380A244532460025DABB /* RCTComponentPropsTests.m */; };
-		38BB7CBD24455EB300803CDE /* RCTConvert_NSColorTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93820244532470025DABB /* RCTConvert_NSColorTests.m */; };
-		38BB7CBE24455EB300803CDE /* RCTConvert_NSURLTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A9380C244532460025DABB /* RCTConvert_NSURLTests.m */; };
-		38BB7CC024455EB300803CDE /* RCTConvert_YGValueTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93824244532470025DABB /* RCTConvert_YGValueTests.m */; };
-		38BB7CC224455EB300803CDE /* RCTEventDispatcherTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93817244532460025DABB /* RCTEventDispatcherTests.m */; };
-		38BB7CC324455EB300803CDE /* RCTFontTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A9380B244532460025DABB /* RCTFontTests.m */; };
-		38BB7CC424455EB300803CDE /* RCTFormatErrorTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93813244532460025DABB /* RCTFormatErrorTests.m */; };
-		38BB7CC524455EB300803CDE /* RCTGzipTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A9381C244532470025DABB /* RCTGzipTests.m */; };
-		38BB7CC624455EB300803CDE /* RCTImageLoaderHelpers.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93815244532460025DABB /* RCTImageLoaderHelpers.m */; };
-		38BB7CC724455EB300803CDE /* RCTImageLoaderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93814244532460025DABB /* RCTImageLoaderTests.m */; };
-		38BB7CC824455EB300803CDE /* RCTImageUtilTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93812244532460025DABB /* RCTImageUtilTests.m */; };
-		38BB7CC924455EB300803CDE /* RCTJSONTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A9381D244532470025DABB /* RCTJSONTests.m */; };
-		38BB7CCA24455EB300803CDE /* RCTMethodArgumentTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93825244532470025DABB /* RCTMethodArgumentTests.m */; };
-		38BB7CCB24455EB300803CDE /* RCTModuleInitNotificationRaceTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93805244532460025DABB /* RCTModuleInitNotificationRaceTests.m */; };
-		38BB7CCC24455EB300803CDE /* RCTModuleInitTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A9381E244532470025DABB /* RCTModuleInitTests.m */; };
-		38BB7CCD24455EB300803CDE /* RCTModuleMethodTests.mm in Sources */ = {isa = PBXBuildFile; fileRef = 38A93806244532460025DABB /* RCTModuleMethodTests.mm */; };
-		38BB7CCE24455EB300803CDE /* RCTMultipartStreamReaderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93808244532460025DABB /* RCTMultipartStreamReaderTests.m */; };
-		38BB7CCF24455EB300803CDE /* RCTNativeAnimatedNodesManagerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93826244532470025DABB /* RCTNativeAnimatedNodesManagerTests.m */; };
-		38BB7CD024455EB300803CDE /* RCTPerformanceLoggerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93822244532470025DABB /* RCTPerformanceLoggerTests.m */; };
-		38BB7CD124455EB300803CDE /* RCTShadowViewTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93809244532460025DABB /* RCTShadowViewTests.m */; };
-		38BB7CD224455EB300803CDE /* RCTUIManagerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93823244532470025DABB /* RCTUIManagerTests.m */; };
-		38BB7CD324455EB300803CDE /* RCTUnicodeDecodeTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A93818244532460025DABB /* RCTUnicodeDecodeTests.m */; };
-		38BB7CD424455EB300803CDE /* RCTURLUtilsTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38A9380D244532460025DABB /* RCTURLUtilsTests.m */; };
 		38BB7CD524455EDD00803CDE /* OCMock.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 38A93816244532460025DABB /* OCMock.framework */; };
-		38BB7CFC24455F4300803CDE /* RNTesterUnitTestsBundle.js in Resources */ = {isa = PBXBuildFile; fileRef = 38A9380E244532460025DABB /* RNTesterUnitTestsBundle.js */; };
 		38BB7CFD244560CC00803CDE /* RNTesterUnitTests_macOS.m in Sources */ = {isa = PBXBuildFile; fileRef = 9F153471233AB2C7006DFE44 /* RNTesterUnitTests_macOS.m */; };
-		38BB7CFF244564DB00803CDE /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 388291A22445522200D89845 /* JavaScriptCore.framework */; };
 		38CB64352445042D009035CC /* RNTesterTurboModuleProvider.mm in Sources */ = {isa = PBXBuildFile; fileRef = 5CB07C99226467E60039471C /* RNTesterTurboModuleProvider.mm */; };
-		38E0B2B924456B0700EF053A /* RNTesterIntegrationTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38E0B2B824456B0700EF053A /* RNTesterIntegrationTests.m */; };
-		38E9442624456C9F004A39E0 /* RNTesterSnapshotTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38E9442124456C9F004A39E0 /* RNTesterSnapshotTests.m */; };
-		38E9442724456C9F004A39E0 /* RCTRootViewIntegrationTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38E9442224456C9F004A39E0 /* RCTRootViewIntegrationTests.m */; };
-		38E9442824456C9F004A39E0 /* RNTesterTestModule.m in Sources */ = {isa = PBXBuildFile; fileRef = 38E9442324456C9F004A39E0 /* RNTesterTestModule.m */; };
-		38E9442924456C9F004A39E0 /* RCTLoggingTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38E9442424456C9F004A39E0 /* RCTLoggingTests.m */; };
-		38E9442A24456C9F004A39E0 /* RCTUIManagerScenarioTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38E9442524456C9F004A39E0 /* RCTUIManagerScenarioTests.m */; };
-		38E9442B2446159A004A39E0 /* RCTLoggingTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38E9442424456C9F004A39E0 /* RCTLoggingTests.m */; };
-		38E9442C2446159A004A39E0 /* RCTRootViewIntegrationTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38E9442224456C9F004A39E0 /* RCTRootViewIntegrationTests.m */; };
-		38E9442D2446159A004A39E0 /* RCTUIManagerScenarioTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38E9442524456C9F004A39E0 /* RCTUIManagerScenarioTests.m */; };
-		38E9442E2446159A004A39E0 /* RNTesterSnapshotTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38E9442124456C9F004A39E0 /* RNTesterSnapshotTests.m */; };
-		38E9442F2446159A004A39E0 /* RNTesterTestModule.m in Sources */ = {isa = PBXBuildFile; fileRef = 38E9442324456C9F004A39E0 /* RNTesterTestModule.m */; };
-		38E944302446159A004A39E0 /* RNTesterIntegrationTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 38E0B2B824456B0700EF053A /* RNTesterIntegrationTests.m */; };
-		3D13F8481D6F6AF900E69E0E /* ImageInBundle.png in Resources */ = {isa = PBXBuildFile; fileRef = 3D13F8441D6F6AF200E69E0E /* ImageInBundle.png */; };
-		3D13F84A1D6F6AFD00E69E0E /* OtherImages.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 3D13F8451D6F6AF200E69E0E /* OtherImages.xcassets */; };
 		3D2AFAF51D646CF80089D1A3 /* legacy_image@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 3D2AFAF41D646CF80089D1A3 /* legacy_image@2x.png */; };
-		3D56F9F11D6F6E9B00F53A06 /* RNTesterBundle.bundle in Resources */ = {isa = PBXBuildFile; fileRef = 3D13F83E1D6F6AE000E69E0E /* RNTesterBundle.bundle */; };
+		413F654822EE16AED0DF2540 /* libPods-RNTester.a in Frameworks */ = {isa = PBXBuildFile; fileRef = F94084777080D7B374FB4783 /* libPods-RNTester.a */; };
 		5101985723AD9EE600118BF1 /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 5101985523AD9EE600118BF1 /* Main.storyboard */; };
 		5101985A23AD9F5B00118BF1 /* ViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = 5101985923AD9F5B00118BF1 /* ViewController.m */; };
 		5101985B23ADA00B00118BF1 /* legacy_image@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 3D2AFAF41D646CF80089D1A3 /* legacy_image@2x.png */; };
-		5101986823ADA13C00118BF1 /* ImageInBundle.png in Resources */ = {isa = PBXBuildFile; fileRef = 3D13F8441D6F6AF200E69E0E /* ImageInBundle.png */; };
-		5101986923ADA13C00118BF1 /* OtherImages.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 3D13F8451D6F6AF200E69E0E /* OtherImages.xcassets */; };
-		5101986A23ADA15700118BF1 /* RNTesterBundle-macOS.bundle in Resources */ = {isa = PBXBuildFile; fileRef = 5101986223ADA0FC00118BF1 /* RNTesterBundle-macOS.bundle */; };
 		5C60EB1C226440DB0018C04F /* AppDelegate.mm in Sources */ = {isa = PBXBuildFile; fileRef = 5C60EB1B226440DB0018C04F /* AppDelegate.mm */; };
 		5CB07C9B226467E60039471C /* RNTesterTurboModuleProvider.mm in Sources */ = {isa = PBXBuildFile; fileRef = 5CB07C99226467E60039471C /* RNTesterTurboModuleProvider.mm */; };
 		68E1E4BC2230DF2F00570185 /* ComponentRegistry.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 68E1E4BB2230DF2F00570185 /* ComponentRegistry.cpp */; };
 		7C718C7B78F06C4CD1D1771A /* libPods-RNTester-macOSIntegrationTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 1B8A3294D74D7AC1BE88DC4E /* libPods-RNTester-macOSIntegrationTests.a */; };
+		8BBFF9F061783A02D50DD2EC /* libPods-RNTesterIntegrationTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 8210317F3CE28B1945488740 /* libPods-RNTesterIntegrationTests.a */; };
 		9F15345F233AB2C4006DFE44 /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 9F15345E233AB2C4006DFE44 /* AppDelegate.m */; };
 		9F153461233AB2C7006DFE44 /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 9F153460233AB2C7006DFE44 /* Assets.xcassets */; };
 		9F153467233AB2C7006DFE44 /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 9F153466233AB2C7006DFE44 /* main.m */; };
 		A13DC98BDCE5EE508FFA7BE7 /* libPods-RNTester-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 0A355204268D03CF69ABC11D /* libPods-RNTester-macOS.a */; };
-		AED7599CAA60E74DF4523090 /* libPods-RNTesterUnitTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 0628D8AFAF46D4219B398D8D /* libPods-RNTesterUnitTests.a */; };
-		B9C5BB1881F54450DBCA70F5 /* libPods-RNTester.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 8508AD3C1DC3509924E63948 /* libPods-RNTester.a */; };
+		E59A0FBD0170A092274A6207 /* libPods-RNTesterUnitTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 72247071A1BF06D54F0FECC7 /* libPods-RNTesterUnitTests.a */; };
+		E7C1241A22BEC44B00DA25C0 /* RNTesterIntegrationTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7C1241922BEC44B00DA25C0 /* RNTesterIntegrationTests.m */; };
+		E7DB20D122B2BAA6005AC45F /* RCTBundleURLProviderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20A922B2BAA3005AC45F /* RCTBundleURLProviderTests.m */; };
+		E7DB20D222B2BAA6005AC45F /* RCTModuleInitNotificationRaceTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20AA22B2BAA3005AC45F /* RCTModuleInitNotificationRaceTests.m */; };
+		E7DB20D322B2BAA6005AC45F /* RCTBlobManagerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20AB22B2BAA3005AC45F /* RCTBlobManagerTests.m */; };
+		E7DB20D522B2BAA6005AC45F /* RCTPerformanceLoggerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20AD22B2BAA3005AC45F /* RCTPerformanceLoggerTests.m */; };
+		E7DB20D622B2BAA6005AC45F /* RCTFontTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20AF22B2BAA4005AC45F /* RCTFontTests.m */; };
+		E7DB20D722B2BAA6005AC45F /* RCTModuleInitTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20B022B2BAA4005AC45F /* RCTModuleInitTests.m */; };
+		E7DB20D822B2BAA6005AC45F /* RCTJSONTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20B122B2BAA4005AC45F /* RCTJSONTests.m */; };
+		E7DB20D922B2BAA6005AC45F /* RCTAnimationUtilsTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20B222B2BAA4005AC45F /* RCTAnimationUtilsTests.m */; };
+		E7DB20DA22B2BAA6005AC45F /* RNTesterUnitTestsBundle.js in Resources */ = {isa = PBXBuildFile; fileRef = E7DB20B322B2BAA4005AC45F /* RNTesterUnitTestsBundle.js */; };
+		E7DB20DB22B2BAA6005AC45F /* RCTNativeAnimatedNodesManagerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20BE22B2BAA4005AC45F /* RCTNativeAnimatedNodesManagerTests.m */; };
+		E7DB20DC22B2BAA6005AC45F /* RCTUIManagerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20BF22B2BAA4005AC45F /* RCTUIManagerTests.m */; };
+		E7DB20DD22B2BAA6005AC45F /* RCTEventDispatcherTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20C022B2BAA4005AC45F /* RCTEventDispatcherTests.m */; };
+		E7DB20DE22B2BAA6005AC45F /* RCTUnicodeDecodeTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20C122B2BAA4005AC45F /* RCTUnicodeDecodeTests.m */; };
+		E7DB20DF22B2BAA6005AC45F /* RCTImageLoaderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20C222B2BAA4005AC45F /* RCTImageLoaderTests.m */; };
+		E7DB20E022B2BAA6005AC45F /* RCTMethodArgumentTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20C322B2BAA4005AC45F /* RCTMethodArgumentTests.m */; };
+		E7DB20E122B2BAA6005AC45F /* RCTShadowViewTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20C422B2BAA4005AC45F /* RCTShadowViewTests.m */; };
+		E7DB20E222B2BAA6005AC45F /* RCTGzipTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20C522B2BAA4005AC45F /* RCTGzipTests.m */; };
+		E7DB20E322B2BAA6005AC45F /* RCTAllocationTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20C622B2BAA5005AC45F /* RCTAllocationTests.m */; };
+		E7DB20E422B2BAA6005AC45F /* RCTFormatErrorTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20C722B2BAA5005AC45F /* RCTFormatErrorTests.m */; };
+		E7DB20E522B2BAA6005AC45F /* RCTDevMenuTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20C822B2BAA5005AC45F /* RCTDevMenuTests.m */; };
+		E7DB20E622B2BAA6005AC45F /* RCTImageLoaderHelpers.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20C922B2BAA5005AC45F /* RCTImageLoaderHelpers.m */; };
+		E7DB20E722B2BAA6005AC45F /* RCTConvert_NSURLTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20CA22B2BAA5005AC45F /* RCTConvert_NSURLTests.m */; };
+		E7DB20E822B2BAA6005AC45F /* RCTModuleMethodTests.mm in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20CB22B2BAA5005AC45F /* RCTModuleMethodTests.mm */; };
+		E7DB20E922B2BAA6005AC45F /* RCTComponentPropsTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20CC22B2BAA5005AC45F /* RCTComponentPropsTests.m */; };
+		E7DB20EA22B2BAA6005AC45F /* RCTImageUtilTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20CD22B2BAA5005AC45F /* RCTImageUtilTests.m */; };
+		E7DB20EB22B2BAA6005AC45F /* RCTConvert_YGValueTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20CE22B2BAA5005AC45F /* RCTConvert_YGValueTests.m */; };
+		E7DB20EC22B2BAA6005AC45F /* RCTMultipartStreamReaderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20CF22B2BAA5005AC45F /* RCTMultipartStreamReaderTests.m */; };
+		E7DB20ED22B2BAA6005AC45F /* RCTURLUtilsTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20D022B2BAA5005AC45F /* RCTURLUtilsTests.m */; };
+		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 */; };
+		E7DB216622B2F3EC005AC45F /* RCTRootViewIntegrationTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB216122B2F3EC005AC45F /* RCTRootViewIntegrationTests.m */; };
+		E7DB216722B2F69F005AC45F /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = E7DB213022B2C649005AC45F /* JavaScriptCore.framework */; };
+		E7DB218C22B41FCD005AC45F /* XCTest.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = E7DB218B22B41FCD005AC45F /* XCTest.framework */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
-		38A93800244531670025DABB /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 13B07F861A680F5B00A75B9A;
-			remoteInfo = RNTester;
-		};
-		38E0B2BB24456B0700EF053A /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 13B07F861A680F5B00A75B9A;
-			remoteInfo = RNTester;
-		};
-		3D13F84B1D6F6B5F00E69E0E /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 3D13F83D1D6F6AE000E69E0E;
-			remoteInfo = RNTesterBundle;
-		};
-		5101986B23ADA17000118BF1 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 5101986123ADA0FC00118BF1;
-			remoteInfo = "RNTesterBundle-macOS";
-		};
 		9F15346E233AB2C7006DFE44 /* PBXContainerItemProxy */ = {
 			isa = PBXContainerItemProxy;
 			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
@@ -157,9 +126,34 @@
 			remoteGlobalIDString = 9F15345A233AB2C4006DFE44;
 			remoteInfo = "RNTester-macOS";
 		};
+		E7DB215822B2F332005AC45F /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
+			proxyType = 1;
+			remoteGlobalIDString = 13B07F861A680F5B00A75B9A;
+			remoteInfo = RNTester;
+		};
 /* End PBXContainerItemProxy section */
 
 /* Begin PBXCopyFilesBuildPhase section */
+		387847CF245631D80035033A /* CopyFiles */ = {
+			isa = PBXCopyFilesBuildPhase;
+			buildActionMask = 2147483647;
+			dstPath = "include/$(PRODUCT_NAME)";
+			dstSubfolderSpec = 16;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		387847DC245631F50035033A /* CopyFiles */ = {
+			isa = PBXCopyFilesBuildPhase;
+			buildActionMask = 2147483647;
+			dstPath = "include/$(PRODUCT_NAME)";
+			dstSubfolderSpec = 16;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
 		3882C0E12445655100E92FB9 /* Copy Files (1 item) */ = {
 			isa = PBXCopyFilesBuildPhase;
 			buildActionMask = 2147483647;
@@ -174,7 +168,6 @@
 /* End PBXCopyFilesBuildPhase section */
 
 /* Begin PBXFileReference section */
-		0628D8AFAF46D4219B398D8D /* libPods-RNTesterUnitTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTesterUnitTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		0A355204268D03CF69ABC11D /* libPods-RNTester-macOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTester-macOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		0BFED72B21FBD987A97E30B9 /* Pods-RNTester-macOSIntegrationTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTester-macOSIntegrationTests.release.xcconfig"; path = "Pods/Target Support Files/Pods-RNTester-macOSIntegrationTests/Pods-RNTester-macOSIntegrationTests.release.xcconfig"; sourceTree = "<group>"; };
 		13B07F961A680F5B00A75B9A /* RNTester.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = RNTester.app; sourceTree = BUILT_PRODUCTS_DIR; };
@@ -189,73 +182,34 @@
 		27F441EA1BEBE5030039B79C /* FlexibleSizeExampleView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = FlexibleSizeExampleView.h; path = RNTester/NativeExampleViews/FlexibleSizeExampleView.h; sourceTree = "<group>"; };
 		2BE07A0C310D8A03C00D6F07 /* Pods-RNTester-macOS.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTester-macOS.debug.xcconfig"; path = "Pods/Target Support Files/Pods-RNTester-macOS/Pods-RNTester-macOS.debug.xcconfig"; sourceTree = "<group>"; };
 		2DDEF00F1F84BF7B00DBDF73 /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = RNTester/Images.xcassets; sourceTree = "<group>"; };
-		388291A22445522200D89845 /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = Platforms/MacOSX.platform/Developer/SDKs/MacOSX10.15.sdk/System/Library/Frameworks/JavaScriptCore.framework; sourceTree = DEVELOPER_DIR; };
-		38A937FB244531670025DABB /* RNTesterUnitTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RNTesterUnitTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
-		38A937FF244531670025DABB /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
-		38A93805244532460025DABB /* RCTModuleInitNotificationRaceTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTModuleInitNotificationRaceTests.m; sourceTree = "<group>"; };
-		38A93806244532460025DABB /* RCTModuleMethodTests.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTModuleMethodTests.mm; sourceTree = "<group>"; };
-		38A93807244532460025DABB /* RCTDevMenuTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTDevMenuTests.m; sourceTree = "<group>"; };
-		38A93808244532460025DABB /* RCTMultipartStreamReaderTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTMultipartStreamReaderTests.m; sourceTree = "<group>"; };
-		38A93809244532460025DABB /* RCTShadowViewTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTShadowViewTests.m; sourceTree = "<group>"; };
-		38A9380A244532460025DABB /* RCTComponentPropsTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTComponentPropsTests.m; sourceTree = "<group>"; };
-		38A9380B244532460025DABB /* RCTFontTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTFontTests.m; sourceTree = "<group>"; };
-		38A9380C244532460025DABB /* RCTConvert_NSURLTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTConvert_NSURLTests.m; sourceTree = "<group>"; };
-		38A9380D244532460025DABB /* RCTURLUtilsTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTURLUtilsTests.m; sourceTree = "<group>"; };
-		38A9380E244532460025DABB /* RNTesterUnitTestsBundle.js */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.javascript; path = RNTesterUnitTestsBundle.js; sourceTree = "<group>"; };
-		38A9380F244532460025DABB /* RCTConvert_UIColorTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTConvert_UIColorTests.m; sourceTree = "<group>"; };
-		38A93810244532460025DABB /* RCTBlobManagerTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTBlobManagerTests.m; sourceTree = "<group>"; };
-		38A93812244532460025DABB /* RCTImageUtilTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTImageUtilTests.m; sourceTree = "<group>"; };
-		38A93813244532460025DABB /* RCTFormatErrorTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTFormatErrorTests.m; sourceTree = "<group>"; };
-		38A93814244532460025DABB /* RCTImageLoaderTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTImageLoaderTests.m; sourceTree = "<group>"; };
-		38A93815244532460025DABB /* RCTImageLoaderHelpers.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTImageLoaderHelpers.m; sourceTree = "<group>"; };
+		34028D6B10F47E490042EB27 /* Pods-RNTesterUnitTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTesterUnitTests.debug.xcconfig"; path = "Pods/Target Support Files/Pods-RNTesterUnitTests/Pods-RNTesterUnitTests.debug.xcconfig"; sourceTree = "<group>"; };
+		38360C8B244E7D8B007B212D /* RNTester.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; name = RNTester.entitlements; path = RNTester/RNTester.entitlements; sourceTree = "<group>"; };
+		383838BF244BC3AE005FAC75 /* libPods-RNTesterUnitTests.a */ = {isa = PBXFileReference; lastKnownFileType = archive.ar; name = "libPods-RNTesterUnitTests.a"; path = "../../../Library/Developer/Xcode/DerivedData/RNTesterPods-bpqvwgykvczlrybljbollkvfwjik/Build/Products/Debug-iphoneos/libPods-RNTesterUnitTests.a"; sourceTree = "<group>"; };
+		387847D1245631D80035033A /* libiosDeviceBuild.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libiosDeviceBuild.a; sourceTree = BUILT_PRODUCTS_DIR; };
+		387847DE245631F50035033A /* libiosSimulatorBuild.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libiosSimulatorBuild.a; sourceTree = BUILT_PRODUCTS_DIR; };
+		387847EB2456320C0035033A /* libmacOSBuild.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libmacOSBuild.a; sourceTree = BUILT_PRODUCTS_DIR; };
+		38784803245633870035033A /* libPods-RNTester.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = "libPods-RNTester.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		38784805245633A90035033A /* libPods-RNTester.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = "libPods-RNTester.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		38784807245633B70035033A /* libPods-RNTester-macOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = "libPods-RNTester-macOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		38A93816244532460025DABB /* OCMock.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; path = OCMock.framework; sourceTree = "<group>"; };
-		38A93817244532460025DABB /* RCTEventDispatcherTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTEventDispatcherTests.m; sourceTree = "<group>"; };
-		38A93818244532460025DABB /* RCTUnicodeDecodeTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTUnicodeDecodeTests.m; sourceTree = "<group>"; };
-		38A93819244532460025DABB /* RCTBundleURLProviderTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTBundleURLProviderTests.m; sourceTree = "<group>"; };
-		38A9381A244532460025DABB /* OCMock */ = {isa = PBXFileReference; lastKnownFileType = folder; path = OCMock; sourceTree = "<group>"; };
 		38A9381B244532460025DABB /* libOCMock.a */ = {isa = PBXFileReference; lastKnownFileType = archive.ar; path = libOCMock.a; sourceTree = "<group>"; };
-		38A9381C244532470025DABB /* RCTGzipTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTGzipTests.m; sourceTree = "<group>"; };
-		38A9381D244532470025DABB /* RCTJSONTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTJSONTests.m; sourceTree = "<group>"; };
-		38A9381E244532470025DABB /* RCTModuleInitTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTModuleInitTests.m; sourceTree = "<group>"; };
-		38A9381F244532470025DABB /* RCTAnimationUtilsTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTAnimationUtilsTests.m; sourceTree = "<group>"; };
-		38A93820244532470025DABB /* RCTConvert_NSColorTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTConvert_NSColorTests.m; sourceTree = "<group>"; };
-		38A93821244532470025DABB /* RCTAllocationTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTAllocationTests.m; sourceTree = "<group>"; };
-		38A93822244532470025DABB /* RCTPerformanceLoggerTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTPerformanceLoggerTests.m; sourceTree = "<group>"; };
-		38A93823244532470025DABB /* RCTUIManagerTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTUIManagerTests.m; sourceTree = "<group>"; };
-		38A93824244532470025DABB /* RCTConvert_YGValueTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTConvert_YGValueTests.m; sourceTree = "<group>"; };
-		38A93825244532470025DABB /* RCTMethodArgumentTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTMethodArgumentTests.m; sourceTree = "<group>"; };
-		38A93826244532470025DABB /* RCTNativeAnimatedNodesManagerTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTNativeAnimatedNodesManagerTests.m; sourceTree = "<group>"; };
 		38BB7CB524455C4100803CDE /* libPods-RNTester-macOSTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = "libPods-RNTester-macOSTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		38E0B2B624456B0700EF053A /* RNTesterIntegrationTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RNTesterIntegrationTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
-		38E0B2B824456B0700EF053A /* RNTesterIntegrationTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RNTesterIntegrationTests.m; sourceTree = "<group>"; };
-		38E0B2BA24456B0700EF053A /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
-		38E9442124456C9F004A39E0 /* RNTesterSnapshotTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RNTesterSnapshotTests.m; sourceTree = "<group>"; };
-		38E9442224456C9F004A39E0 /* RCTRootViewIntegrationTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTRootViewIntegrationTests.m; sourceTree = "<group>"; };
-		38E9442324456C9F004A39E0 /* RNTesterTestModule.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RNTesterTestModule.m; sourceTree = "<group>"; };
-		38E9442424456C9F004A39E0 /* RCTLoggingTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTLoggingTests.m; sourceTree = "<group>"; };
-		38E9442524456C9F004A39E0 /* RCTUIManagerScenarioTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTUIManagerScenarioTests.m; sourceTree = "<group>"; };
 		3CCA44B8467CB06ACED8E0E9 /* Pods-RNTester-macOSIntegrationTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTester-macOSIntegrationTests.debug.xcconfig"; path = "Pods/Target Support Files/Pods-RNTester-macOSIntegrationTests/Pods-RNTester-macOSIntegrationTests.debug.xcconfig"; sourceTree = "<group>"; };
-		3D13F83E1D6F6AE000E69E0E /* RNTesterBundle.bundle */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RNTesterBundle.bundle; sourceTree = BUILT_PRODUCTS_DIR; };
-		3D13F8401D6F6AE000E69E0E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; name = Info.plist; path = ../Info.plist; sourceTree = "<group>"; };
-		3D13F8441D6F6AF200E69E0E /* ImageInBundle.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = ImageInBundle.png; sourceTree = "<group>"; };
-		3D13F8451D6F6AF200E69E0E /* OtherImages.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = OtherImages.xcassets; 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>"; };
 		406E6935B300A29BA57EE1B0 /* Pods-RNTester-macOSUnitTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTester-macOSUnitTests.debug.xcconfig"; path = "Pods/Target Support Files/Pods-RNTester-macOSUnitTests/Pods-RNTester-macOSUnitTests.debug.xcconfig"; sourceTree = "<group>"; };
 		5101985623AD9EE600118BF1 /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = "<group>"; };
 		5101985823AD9F5B00118BF1 /* ViewController.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ViewController.h; sourceTree = "<group>"; };
 		5101985923AD9F5B00118BF1 /* ViewController.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = ViewController.m; sourceTree = "<group>"; };
-		5101986223ADA0FC00118BF1 /* RNTesterBundle-macOS.bundle */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = "RNTesterBundle-macOS.bundle"; sourceTree = BUILT_PRODUCTS_DIR; };
-		5101986423ADA0FC00118BF1 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
-		5641CFF8E3CFBC3C4B0EDEEF /* Pods-RNTesterIntegrationTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTesterIntegrationTests.debug.xcconfig"; path = "Pods/Target Support Files/Pods-RNTesterIntegrationTests/Pods-RNTesterIntegrationTests.debug.xcconfig"; sourceTree = "<group>"; };
 		5BEC8567F3741044B6A5EFC5 /* Pods-RNTester.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTester.release.xcconfig"; path = "Pods/Target Support Files/Pods-RNTester/Pods-RNTester.release.xcconfig"; sourceTree = "<group>"; };
 		5C60EB1B226440DB0018C04F /* AppDelegate.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; name = AppDelegate.mm; path = RNTester/AppDelegate.mm; sourceTree = "<group>"; };
 		5CB07C99226467E60039471C /* RNTesterTurboModuleProvider.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; name = RNTesterTurboModuleProvider.mm; path = RNTester/RNTesterTurboModuleProvider.mm; sourceTree = "<group>"; };
 		5CB07C9A226467E60039471C /* RNTesterTurboModuleProvider.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = RNTesterTurboModuleProvider.h; path = RNTester/RNTesterTurboModuleProvider.h; sourceTree = "<group>"; };
 		68E1E4BB2230DF2F00570185 /* ComponentRegistry.cpp */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.cpp.cpp; path = ComponentRegistry.cpp; sourceTree = "<group>"; };
-		6A55F88CAB1906507EDD1D79 /* Pods-RNTester-macOSTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTester-macOSTests.release.xcconfig"; path = "Pods/Target Support Files/Pods-RNTester-macOSTests/Pods-RNTester-macOSTests.release.xcconfig"; sourceTree = "<group>"; };
+		72247071A1BF06D54F0FECC7 /* libPods-RNTesterUnitTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTesterUnitTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		7D51F73F0DA20287418D98BD /* Pods-RNTesterIntegrationTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTesterIntegrationTests.release.xcconfig"; path = "Pods/Target Support Files/Pods-RNTesterIntegrationTests/Pods-RNTesterIntegrationTests.release.xcconfig"; sourceTree = "<group>"; };
 		7E39630912E65B1C853EA5C8 /* libPods-RNTester-macOSUnitTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTester-macOSUnitTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		7F200C0DF2E2C1B204C6FB34 /* Pods-RNTester-macOSTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTester-macOSTests.debug.xcconfig"; path = "Pods/Target Support Files/Pods-RNTester-macOSTests/Pods-RNTester-macOSTests.debug.xcconfig"; sourceTree = "<group>"; };
-		8508AD3C1DC3509924E63948 /* libPods-RNTester.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTester.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		8210317F3CE28B1945488740 /* libPods-RNTesterIntegrationTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTesterIntegrationTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		972A459EE6CF8CC63531A088 /* Pods-RNTesterIntegrationTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTesterIntegrationTests.debug.xcconfig"; path = "Pods/Target Support Files/Pods-RNTesterIntegrationTests/Pods-RNTesterIntegrationTests.debug.xcconfig"; sourceTree = "<group>"; };
 		98233960D1D6A1977D1C7EAF /* Pods-RNTester.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTester.debug.xcconfig"; path = "Pods/Target Support Files/Pods-RNTester/Pods-RNTester.debug.xcconfig"; sourceTree = "<group>"; };
 		9AED879F1A9397646A861A9F /* Pods-RNTester-macOS.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTester-macOS.release.xcconfig"; path = "Pods/Target Support Files/Pods-RNTester-macOS/Pods-RNTester-macOS.release.xcconfig"; sourceTree = "<group>"; };
 		9EAC9B16F3BA65B8E1511E5E /* Pods-RNTester-macOSUnitTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTester-macOSUnitTests.release.xcconfig"; path = "Pods/Target Support Files/Pods-RNTester-macOSUnitTests/Pods-RNTester-macOSUnitTests.release.xcconfig"; sourceTree = "<group>"; };
@@ -272,10 +226,80 @@
 		9F153478233AB2C7006DFE44 /* RNTester-macOSIntegrationTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = "RNTester-macOSIntegrationTests.xctest"; sourceTree = BUILT_PRODUCTS_DIR; };
 		9F15347C233AB2C7006DFE44 /* RNTesterIntegrationTests_macOS.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RNTesterIntegrationTests_macOS.m; sourceTree = "<group>"; };
 		9F15347E233AB2C7006DFE44 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
-		BC303BFA161D25E2F036356A /* Pods-RNTesterUnitTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTesterUnitTests.release.xcconfig"; path = "Pods/Target Support Files/Pods-RNTesterUnitTests/Pods-RNTesterUnitTests.release.xcconfig"; sourceTree = "<group>"; };
-		D189458AC7EF7C7E25C6A79F /* libPods-RNTesterIntegrationTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTesterIntegrationTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		EF203F288E86F13DB63D5348 /* Pods-RNTesterIntegrationTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTesterIntegrationTests.release.xcconfig"; path = "Pods/Target Support Files/Pods-RNTesterIntegrationTests/Pods-RNTesterIntegrationTests.release.xcconfig"; sourceTree = "<group>"; };
-		F94ACFCA0BC1A9B7B93A26C0 /* Pods-RNTesterUnitTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTesterUnitTests.debug.xcconfig"; path = "Pods/Target Support Files/Pods-RNTesterUnitTests/Pods-RNTesterUnitTests.debug.xcconfig"; sourceTree = "<group>"; };
+		E68A0B7D2448B4F300228B0B /* RNTesterUnitTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RNTesterUnitTests.xctest; 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; };
+		E7DB20A322B2BA84005AC45F /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
+		E7DB20A922B2BAA3005AC45F /* RCTBundleURLProviderTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTBundleURLProviderTests.m; sourceTree = "<group>"; };
+		E7DB20AA22B2BAA3005AC45F /* RCTModuleInitNotificationRaceTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTModuleInitNotificationRaceTests.m; sourceTree = "<group>"; };
+		E7DB20AB22B2BAA3005AC45F /* RCTBlobManagerTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTBlobManagerTests.m; sourceTree = "<group>"; };
+		E7DB20AD22B2BAA3005AC45F /* RCTPerformanceLoggerTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTPerformanceLoggerTests.m; sourceTree = "<group>"; };
+		E7DB20AE22B2BAA4005AC45F /* RCTImageLoaderHelpers.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTImageLoaderHelpers.h; sourceTree = "<group>"; };
+		E7DB20AF22B2BAA4005AC45F /* RCTFontTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTFontTests.m; sourceTree = "<group>"; };
+		E7DB20B022B2BAA4005AC45F /* RCTModuleInitTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTModuleInitTests.m; sourceTree = "<group>"; };
+		E7DB20B122B2BAA4005AC45F /* RCTJSONTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTJSONTests.m; sourceTree = "<group>"; };
+		E7DB20B222B2BAA4005AC45F /* RCTAnimationUtilsTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTAnimationUtilsTests.m; sourceTree = "<group>"; };
+		E7DB20B322B2BAA4005AC45F /* RNTesterUnitTestsBundle.js */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.javascript; path = RNTesterUnitTestsBundle.js; sourceTree = "<group>"; };
+		E7DB20BE22B2BAA4005AC45F /* RCTNativeAnimatedNodesManagerTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTNativeAnimatedNodesManagerTests.m; sourceTree = "<group>"; };
+		E7DB20BF22B2BAA4005AC45F /* RCTUIManagerTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTUIManagerTests.m; sourceTree = "<group>"; };
+		E7DB20C022B2BAA4005AC45F /* RCTEventDispatcherTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTEventDispatcherTests.m; sourceTree = "<group>"; };
+		E7DB20C122B2BAA4005AC45F /* RCTUnicodeDecodeTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTUnicodeDecodeTests.m; sourceTree = "<group>"; };
+		E7DB20C222B2BAA4005AC45F /* RCTImageLoaderTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTImageLoaderTests.m; sourceTree = "<group>"; };
+		E7DB20C322B2BAA4005AC45F /* RCTMethodArgumentTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTMethodArgumentTests.m; sourceTree = "<group>"; };
+		E7DB20C422B2BAA4005AC45F /* RCTShadowViewTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTShadowViewTests.m; sourceTree = "<group>"; };
+		E7DB20C522B2BAA4005AC45F /* RCTGzipTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTGzipTests.m; sourceTree = "<group>"; };
+		E7DB20C622B2BAA5005AC45F /* RCTAllocationTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTAllocationTests.m; sourceTree = "<group>"; };
+		E7DB20C722B2BAA5005AC45F /* RCTFormatErrorTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTFormatErrorTests.m; sourceTree = "<group>"; };
+		E7DB20C822B2BAA5005AC45F /* RCTDevMenuTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTDevMenuTests.m; sourceTree = "<group>"; };
+		E7DB20C922B2BAA5005AC45F /* RCTImageLoaderHelpers.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTImageLoaderHelpers.m; sourceTree = "<group>"; };
+		E7DB20CA22B2BAA5005AC45F /* RCTConvert_NSURLTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTConvert_NSURLTests.m; sourceTree = "<group>"; };
+		E7DB20CB22B2BAA5005AC45F /* RCTModuleMethodTests.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTModuleMethodTests.mm; sourceTree = "<group>"; };
+		E7DB20CC22B2BAA5005AC45F /* RCTComponentPropsTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTComponentPropsTests.m; sourceTree = "<group>"; };
+		E7DB20CD22B2BAA5005AC45F /* RCTImageUtilTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTImageUtilTests.m; sourceTree = "<group>"; };
+		E7DB20CE22B2BAA5005AC45F /* RCTConvert_YGValueTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTConvert_YGValueTests.m; sourceTree = "<group>"; };
+		E7DB20CF22B2BAA5005AC45F /* RCTMultipartStreamReaderTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTMultipartStreamReaderTests.m; sourceTree = "<group>"; };
+		E7DB20D022B2BAA5005AC45F /* RCTURLUtilsTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTURLUtilsTests.m; sourceTree = "<group>"; };
+		E7DB20F022B2BD53005AC45F /* libDoubleConversion.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = libDoubleConversion.a; sourceTree = BUILT_PRODUCTS_DIR; };
+		E7DB20F222B2BD53005AC45F /* libFolly.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = libFolly.a; sourceTree = BUILT_PRODUCTS_DIR; };
+		E7DB20F422B2BD53005AC45F /* libglog.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = libglog.a; sourceTree = BUILT_PRODUCTS_DIR; };
+		E7DB20F822B2BD53005AC45F /* libReact-ART.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = "libReact-ART.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		E7DB20FA22B2BD53005AC45F /* libReact-Core.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = "libReact-Core.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		E7DB20FC22B2BD53005AC45F /* libReact-cxxreact.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = "libReact-cxxreact.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		E7DB210222B2BD53005AC45F /* libReact-jsi.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = "libReact-jsi.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		E7DB210422B2BD53005AC45F /* libReact-jsiexecutor.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = "libReact-jsiexecutor.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		E7DB210622B2BD53005AC45F /* libReact-jsinspector.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = "libReact-jsinspector.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		E7DB210822B2BD53005AC45F /* libReact-RCTActionSheet.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = "libReact-RCTActionSheet.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		E7DB210A22B2BD53005AC45F /* libReact-RCTAnimation.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = "libReact-RCTAnimation.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		E7DB210C22B2BD53005AC45F /* libReact-RCTBlob.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = "libReact-RCTBlob.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		E7DB210E22B2BD53005AC45F /* libReact-RCTImage.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = "libReact-RCTImage.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		E7DB211022B2BD53005AC45F /* libReact-RCTLinking.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = "libReact-RCTLinking.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		E7DB211222B2BD53005AC45F /* libReact-RCTNetwork.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = "libReact-RCTNetwork.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		E7DB211422B2BD53005AC45F /* libReact-RCTPushNotification.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = "libReact-RCTPushNotification.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		E7DB211622B2BD53005AC45F /* libReact-RCTSettings.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = "libReact-RCTSettings.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		E7DB211822B2BD53005AC45F /* libReact-RCTText.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = "libReact-RCTText.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		E7DB211A22B2BD53005AC45F /* libReact-RCTVibration.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = "libReact-RCTVibration.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		E7DB212222B2BD53005AC45F /* libyoga.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = libyoga.a; sourceTree = BUILT_PRODUCTS_DIR; };
+		E7DB212622B2C342005AC45F /* OCMockObject.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = OCMockObject.h; sourceTree = "<group>"; };
+		E7DB212722B2C342005AC45F /* OCMMacroState.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = OCMMacroState.h; sourceTree = "<group>"; };
+		E7DB212822B2C342005AC45F /* OCMock.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = OCMock.h; sourceTree = "<group>"; };
+		E7DB212922B2C342005AC45F /* NSNotificationCenter+OCMAdditions.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = "NSNotificationCenter+OCMAdditions.h"; sourceTree = "<group>"; };
+		E7DB212A22B2C342005AC45F /* OCMStubRecorder.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = OCMStubRecorder.h; sourceTree = "<group>"; };
+		E7DB212B22B2C342005AC45F /* OCMRecorder.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = OCMRecorder.h; sourceTree = "<group>"; };
+		E7DB212C22B2C342005AC45F /* OCMLocation.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = OCMLocation.h; sourceTree = "<group>"; };
+		E7DB212D22B2C342005AC45F /* OCMConstraint.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = OCMConstraint.h; sourceTree = "<group>"; };
+		E7DB212E22B2C342005AC45F /* OCMArg.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = OCMArg.h; sourceTree = "<group>"; };
+		E7DB213022B2C649005AC45F /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
+		E7DB215322B2F332005AC45F /* RNTesterIntegrationTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RNTesterIntegrationTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
+		E7DB215722B2F332005AC45F /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
+		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>"; };
+		E7DB216122B2F3EC005AC45F /* RCTRootViewIntegrationTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTRootViewIntegrationTests.m; sourceTree = "<group>"; };
+		E7DB218B22B41FCD005AC45F /* XCTest.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = XCTest.framework; path = Platforms/iPhoneOS.platform/Developer/Library/Frameworks/XCTest.framework; sourceTree = DEVELOPER_DIR; };
+		E9618482EC8608D4872A6E28 /* Pods-RNTesterUnitTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTesterUnitTests.release.xcconfig"; path = "Pods/Target Support Files/Pods-RNTesterUnitTests/Pods-RNTesterUnitTests.release.xcconfig"; sourceTree = "<group>"; };
+		F94084777080D7B374FB4783 /* libPods-RNTester.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTester.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -283,39 +307,31 @@
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				B9C5BB1881F54450DBCA70F5 /* libPods-RNTester.a in Frameworks */,
+				413F654822EE16AED0DF2540 /* libPods-RNTester.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
-		38A937F8244531670025DABB /* Frameworks */ = {
+		387847CE245631D80035033A /* Frameworks */ = {
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				388291A32445522200D89845 /* JavaScriptCore.framework in Frameworks */,
-				38A9383C244532470025DABB /* libOCMock.a in Frameworks */,
-				AED7599CAA60E74DF4523090 /* libPods-RNTesterUnitTests.a in Frameworks */,
+				38784804245633870035033A /* libPods-RNTester.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
-		38E0B2B324456B0700EF053A /* Frameworks */ = {
+		387847DB245631F50035033A /* Frameworks */ = {
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				1551B774FBA023F7BC207D4C /* libPods-RNTesterIntegrationTests.a in Frameworks */,
+				38784806245633A90035033A /* libPods-RNTester.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
-		3D13F83B1D6F6AE000E69E0E /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		5101985F23ADA0FC00118BF1 /* Frameworks */ = {
+		387847E92456320C0035033A /* Frameworks */ = {
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				38784808245633B70035033A /* libPods-RNTester-macOS.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -331,7 +347,6 @@
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				38BB7CFF244564DB00803CDE /* JavaScriptCore.framework in Frameworks */,
 				38BB7CD524455EDD00803CDE /* OCMock.framework in Frameworks */,
 				10F9D0AD3F8E4C0DD7187464 /* libPods-RNTester-macOSUnitTests.a in Frameworks */,
 			);
@@ -345,6 +360,27 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
+		E7DB209C22B2BA84005AC45F /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				383838C0244BC3BD005FAC75 /* libPods-RNTesterUnitTests.a in Frameworks */,
+				383838C1244BC3D9005FAC75 /* JavaScriptCore.framework in Frameworks */,
+				38A9383C244532470025DABB /* libOCMock.a in Frameworks */,
+				E59A0FBD0170A092274A6207 /* libPods-RNTesterUnitTests.a in Frameworks */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		E7DB215022B2F332005AC45F /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				E7DB218C22B41FCD005AC45F /* XCTest.framework in Frameworks */,
+				E7DB216722B2F69F005AC45F /* JavaScriptCore.framework in Frameworks */,
+				8BBFF9F061783A02D50DD2EC /* libPods-RNTesterIntegrationTests.a in Frameworks */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
 /* End PBXFrameworksBuildPhase section */
 
 /* Begin PBXGroup section */
@@ -360,6 +396,8 @@
 		13B07FAE1A68108700A75B9A /* RNTester */ = {
 			isa = PBXGroup;
 			children = (
+				38360C8B244E7D8B007B212D /* RNTester.entitlements */,
+				E771AEEA22B44E3100EA1189 /* Info.plist */,
 				13B07FAF1A68108700A75B9A /* AppDelegate.h */,
 				5C60EB1B226440DB0018C04F /* AppDelegate.mm */,
 				5CB07C9A226467E60039471C /* RNTesterTurboModuleProvider.h */,
@@ -388,92 +426,43 @@
 		2DE7E7D81FB2A4F3009E225D /* Frameworks */ = {
 			isa = PBXGroup;
 			children = (
+				38784807245633B70035033A /* libPods-RNTester-macOS.a */,
+				38784805245633A90035033A /* libPods-RNTester.a */,
+				38784803245633870035033A /* libPods-RNTester.a */,
 				38BB7CB524455C4100803CDE /* libPods-RNTester-macOSTests.a */,
-				388291A22445522200D89845 /* JavaScriptCore.framework */,
-				8508AD3C1DC3509924E63948 /* libPods-RNTester.a */,
+				E7DB218B22B41FCD005AC45F /* XCTest.framework */,
+				E7DB213022B2C649005AC45F /* JavaScriptCore.framework */,
+				E7DB20F022B2BD53005AC45F /* libDoubleConversion.a */,
+				E7DB20F222B2BD53005AC45F /* libFolly.a */,
+				E7DB20F422B2BD53005AC45F /* libglog.a */,
+				E7DB20F822B2BD53005AC45F /* libReact-ART.a */,
+				E7DB20FA22B2BD53005AC45F /* libReact-Core.a */,
+				E7DB20FC22B2BD53005AC45F /* libReact-cxxreact.a */,
+				E7DB210222B2BD53005AC45F /* libReact-jsi.a */,
+				E7DB210422B2BD53005AC45F /* libReact-jsiexecutor.a */,
+				E7DB210622B2BD53005AC45F /* libReact-jsinspector.a */,
+				E7DB210822B2BD53005AC45F /* libReact-RCTActionSheet.a */,
+				E7DB210A22B2BD53005AC45F /* libReact-RCTAnimation.a */,
+				E7DB210C22B2BD53005AC45F /* libReact-RCTBlob.a */,
+				E7DB210E22B2BD53005AC45F /* libReact-RCTImage.a */,
+				E7DB211022B2BD53005AC45F /* libReact-RCTLinking.a */,
+				E7DB211222B2BD53005AC45F /* libReact-RCTNetwork.a */,
+				E7DB211422B2BD53005AC45F /* libReact-RCTPushNotification.a */,
+				E7DB211622B2BD53005AC45F /* libReact-RCTSettings.a */,
+				E7DB211822B2BD53005AC45F /* libReact-RCTText.a */,
+				E7DB211A22B2BD53005AC45F /* libReact-RCTVibration.a */,
+				E7DB212222B2BD53005AC45F /* libyoga.a */,
+				F94084777080D7B374FB4783 /* libPods-RNTester.a */,
 				0A355204268D03CF69ABC11D /* libPods-RNTester-macOS.a */,
-				0628D8AFAF46D4219B398D8D /* libPods-RNTesterUnitTests.a */,
+				8210317F3CE28B1945488740 /* libPods-RNTesterIntegrationTests.a */,
+				72247071A1BF06D54F0FECC7 /* libPods-RNTesterUnitTests.a */,
 				7E39630912E65B1C853EA5C8 /* libPods-RNTester-macOSUnitTests.a */,
-				D189458AC7EF7C7E25C6A79F /* libPods-RNTesterIntegrationTests.a */,
 				1B8A3294D74D7AC1BE88DC4E /* libPods-RNTester-macOSIntegrationTests.a */,
+				383838BF244BC3AE005FAC75 /* libPods-RNTesterUnitTests.a */,
 			);
 			name = Frameworks;
 			sourceTree = "<group>";
 		};
-		38A937FC244531670025DABB /* RNTesterUnitTests */ = {
-			isa = PBXGroup;
-			children = (
-				38A9381A244532460025DABB /* OCMock */,
-				38A9381B244532460025DABB /* libOCMock.a */,
-				38A93816244532460025DABB /* OCMock.framework */,
-				38A9380E244532460025DABB /* RNTesterUnitTestsBundle.js */,
-				38A93821244532470025DABB /* RCTAllocationTests.m */,
-				38A9381F244532470025DABB /* RCTAnimationUtilsTests.m */,
-				38A93810244532460025DABB /* RCTBlobManagerTests.m */,
-				38A93819244532460025DABB /* RCTBundleURLProviderTests.m */,
-				38A9380A244532460025DABB /* RCTComponentPropsTests.m */,
-				38A93820244532470025DABB /* RCTConvert_NSColorTests.m */,
-				38A9380C244532460025DABB /* RCTConvert_NSURLTests.m */,
-				38A9380F244532460025DABB /* RCTConvert_UIColorTests.m */,
-				38A93824244532470025DABB /* RCTConvert_YGValueTests.m */,
-				38A93807244532460025DABB /* RCTDevMenuTests.m */,
-				38A93817244532460025DABB /* RCTEventDispatcherTests.m */,
-				38A9380B244532460025DABB /* RCTFontTests.m */,
-				38A93813244532460025DABB /* RCTFormatErrorTests.m */,
-				38A9381C244532470025DABB /* RCTGzipTests.m */,
-				38A93815244532460025DABB /* RCTImageLoaderHelpers.m */,
-				38A93814244532460025DABB /* RCTImageLoaderTests.m */,
-				38A93812244532460025DABB /* RCTImageUtilTests.m */,
-				38A9381D244532470025DABB /* RCTJSONTests.m */,
-				38A93825244532470025DABB /* RCTMethodArgumentTests.m */,
-				38A93805244532460025DABB /* RCTModuleInitNotificationRaceTests.m */,
-				38A9381E244532470025DABB /* RCTModuleInitTests.m */,
-				38A93808244532460025DABB /* RCTMultipartStreamReaderTests.m */,
-				38A93826244532470025DABB /* RCTNativeAnimatedNodesManagerTests.m */,
-				38A93822244532470025DABB /* RCTPerformanceLoggerTests.m */,
-				38A93809244532460025DABB /* RCTShadowViewTests.m */,
-				38A93823244532470025DABB /* RCTUIManagerTests.m */,
-				38A93818244532460025DABB /* RCTUnicodeDecodeTests.m */,
-				38A9380D244532460025DABB /* RCTURLUtilsTests.m */,
-				38A93806244532460025DABB /* RCTModuleMethodTests.mm */,
-				38A937FF244531670025DABB /* Info.plist */,
-			);
-			path = RNTesterUnitTests;
-			sourceTree = "<group>";
-		};
-		38E0B2B724456B0700EF053A /* RNTesterIntegrationTests */ = {
-			isa = PBXGroup;
-			children = (
-				38E9442424456C9F004A39E0 /* RCTLoggingTests.m */,
-				38E9442224456C9F004A39E0 /* RCTRootViewIntegrationTests.m */,
-				38E9442524456C9F004A39E0 /* RCTUIManagerScenarioTests.m */,
-				38E9442124456C9F004A39E0 /* RNTesterSnapshotTests.m */,
-				38E9442324456C9F004A39E0 /* RNTesterTestModule.m */,
-				38E0B2B824456B0700EF053A /* RNTesterIntegrationTests.m */,
-				38E0B2BA24456B0700EF053A /* Info.plist */,
-			);
-			path = RNTesterIntegrationTests;
-			sourceTree = "<group>";
-		};
-		3D13F83F1D6F6AE000E69E0E /* RNTesterBundle */ = {
-			isa = PBXGroup;
-			children = (
-				3D13F8401D6F6AE000E69E0E /* Info.plist */,
-				3D13F8441D6F6AF200E69E0E /* ImageInBundle.png */,
-				3D13F8451D6F6AF200E69E0E /* OtherImages.xcassets */,
-			);
-			name = RNTesterBundle;
-			path = RNTester/RNTesterBundle;
-			sourceTree = "<group>";
-		};
-		5101986323ADA0FC00118BF1 /* RNTesterBundle-macOS */ = {
-			isa = PBXGroup;
-			children = (
-				5101986423ADA0FC00118BF1 /* Info.plist */,
-			);
-			path = "RNTesterBundle-macOS";
-			sourceTree = "<group>";
-		};
 		571A4A20844C3BA40A3D302B /* Pods */ = {
 			isa = PBXGroup;
 			children = (
@@ -481,14 +470,12 @@
 				5BEC8567F3741044B6A5EFC5 /* Pods-RNTester.release.xcconfig */,
 				2BE07A0C310D8A03C00D6F07 /* Pods-RNTester-macOS.debug.xcconfig */,
 				9AED879F1A9397646A861A9F /* Pods-RNTester-macOS.release.xcconfig */,
-				F94ACFCA0BC1A9B7B93A26C0 /* Pods-RNTesterUnitTests.debug.xcconfig */,
-				BC303BFA161D25E2F036356A /* Pods-RNTesterUnitTests.release.xcconfig */,
-				7F200C0DF2E2C1B204C6FB34 /* Pods-RNTester-macOSTests.debug.xcconfig */,
-				6A55F88CAB1906507EDD1D79 /* Pods-RNTester-macOSTests.release.xcconfig */,
+				972A459EE6CF8CC63531A088 /* Pods-RNTesterIntegrationTests.debug.xcconfig */,
+				7D51F73F0DA20287418D98BD /* Pods-RNTesterIntegrationTests.release.xcconfig */,
+				34028D6B10F47E490042EB27 /* Pods-RNTesterUnitTests.debug.xcconfig */,
+				E9618482EC8608D4872A6E28 /* Pods-RNTesterUnitTests.release.xcconfig */,
 				406E6935B300A29BA57EE1B0 /* Pods-RNTester-macOSUnitTests.debug.xcconfig */,
 				9EAC9B16F3BA65B8E1511E5E /* Pods-RNTester-macOSUnitTests.release.xcconfig */,
-				5641CFF8E3CFBC3C4B0EDEEF /* Pods-RNTesterIntegrationTests.debug.xcconfig */,
-				EF203F288E86F13DB63D5348 /* Pods-RNTesterIntegrationTests.release.xcconfig */,
 				3CCA44B8467CB06ACED8E0E9 /* Pods-RNTester-macOSIntegrationTests.debug.xcconfig */,
 				0BFED72B21FBD987A97E30B9 /* Pods-RNTester-macOSIntegrationTests.release.xcconfig */,
 			);
@@ -507,13 +494,11 @@
 			isa = PBXGroup;
 			children = (
 				13B07FAE1A68108700A75B9A /* RNTester */,
-				38A937FC244531670025DABB /* RNTesterUnitTests */,
-				38E0B2B724456B0700EF053A /* RNTesterIntegrationTests */,
-				3D13F83F1D6F6AE000E69E0E /* RNTesterBundle */,
+				E7DB20A022B2BA84005AC45F /* RNTesterUnitTests */,
+				E7DB215422B2F332005AC45F /* RNTesterIntegrationTests */,
 				9F15345C233AB2C4006DFE44 /* RNTester-macOS */,
 				9F153470233AB2C7006DFE44 /* RNTester-macOSUnitTests */,
 				9F15347B233AB2C7006DFE44 /* RNTester-macOSIntegrationTests */,
-				5101986323ADA0FC00118BF1 /* RNTesterBundle-macOS */,
 				83CBBA001A601CBA00E9B192 /* Products */,
 				2DE7E7D81FB2A4F3009E225D /* Frameworks */,
 				571A4A20844C3BA40A3D302B /* Pods */,
@@ -527,13 +512,15 @@
 			isa = PBXGroup;
 			children = (
 				13B07F961A680F5B00A75B9A /* RNTester.app */,
-				3D13F83E1D6F6AE000E69E0E /* RNTesterBundle.bundle */,
 				9F15345B233AB2C4006DFE44 /* RNTester-macOS.app */,
+				E7DB209F22B2BA84005AC45F /* RNTesterUnitTests.xctest */,
+				E7DB215322B2F332005AC45F /* RNTesterIntegrationTests.xctest */,
 				9F15346D233AB2C7006DFE44 /* RNTester-macOSUnitTests.xctest */,
 				9F153478233AB2C7006DFE44 /* RNTester-macOSIntegrationTests.xctest */,
-				5101986223ADA0FC00118BF1 /* RNTesterBundle-macOS.bundle */,
-				38A937FB244531670025DABB /* RNTesterUnitTests.xctest */,
-				38E0B2B624456B0700EF053A /* RNTesterIntegrationTests.xctest */,
+				E68A0B7D2448B4F300228B0B /* RNTesterUnitTests.xctest */,
+				387847D1245631D80035033A /* libiosDeviceBuild.a */,
+				387847DE245631F50035033A /* libiosSimulatorBuild.a */,
+				387847EB2456320C0035033A /* libmacOSBuild.a */,
 			);
 			name = Products;
 			sourceTree = "<group>";
@@ -572,8 +559,88 @@
 			path = "RNTester-macOSIntegrationTests";
 			sourceTree = "<group>";
 		};
+		E7DB20A022B2BA84005AC45F /* RNTesterUnitTests */ = {
+			isa = PBXGroup;
+			children = (
+				E7DB20A322B2BA84005AC45F /* Info.plist */,
+				E7DB20C622B2BAA5005AC45F /* RCTAllocationTests.m */,
+				E7DB20B222B2BAA4005AC45F /* RCTAnimationUtilsTests.m */,
+				E7DB20AB22B2BAA3005AC45F /* RCTBlobManagerTests.m */,
+				E7DB20A922B2BAA3005AC45F /* RCTBundleURLProviderTests.m */,
+				E7DB20CC22B2BAA5005AC45F /* RCTComponentPropsTests.m */,
+				E7DB20CA22B2BAA5005AC45F /* RCTConvert_NSURLTests.m */,
+				E7DB20CE22B2BAA5005AC45F /* RCTConvert_YGValueTests.m */,
+				E7DB20C822B2BAA5005AC45F /* RCTDevMenuTests.m */,
+				E7DB20C022B2BAA4005AC45F /* RCTEventDispatcherTests.m */,
+				E7DB20AF22B2BAA4005AC45F /* RCTFontTests.m */,
+				E7DB20C722B2BAA5005AC45F /* RCTFormatErrorTests.m */,
+				E7DB20C522B2BAA4005AC45F /* RCTGzipTests.m */,
+				E7DB20AE22B2BAA4005AC45F /* RCTImageLoaderHelpers.h */,
+				E7DB20C922B2BAA5005AC45F /* RCTImageLoaderHelpers.m */,
+				E7DB20C222B2BAA4005AC45F /* RCTImageLoaderTests.m */,
+				E7DB20CD22B2BAA5005AC45F /* RCTImageUtilTests.m */,
+				E7DB20B122B2BAA4005AC45F /* RCTJSONTests.m */,
+				E7DB20C322B2BAA4005AC45F /* RCTMethodArgumentTests.m */,
+				E7DB20AA22B2BAA3005AC45F /* RCTModuleInitNotificationRaceTests.m */,
+				E7DB20B022B2BAA4005AC45F /* RCTModuleInitTests.m */,
+				E7DB20CB22B2BAA5005AC45F /* RCTModuleMethodTests.mm */,
+				E7DB20CF22B2BAA5005AC45F /* RCTMultipartStreamReaderTests.m */,
+				E7DB20BE22B2BAA4005AC45F /* RCTNativeAnimatedNodesManagerTests.m */,
+				E7DB20AD22B2BAA3005AC45F /* RCTPerformanceLoggerTests.m */,
+				E7DB20C422B2BAA4005AC45F /* RCTShadowViewTests.m */,
+				E7DB20BF22B2BAA4005AC45F /* RCTUIManagerTests.m */,
+				E7DB20C122B2BAA4005AC45F /* RCTUnicodeDecodeTests.m */,
+				E7DB20D022B2BAA5005AC45F /* RCTURLUtilsTests.m */,
+				38A9381B244532460025DABB /* libOCMock.a */,
+				38A93816244532460025DABB /* OCMock.framework */,
+				E7DB212522B2C342005AC45F /* OCMock */,
+				E7DB20B322B2BAA4005AC45F /* RNTesterUnitTestsBundle.js */,
+			);
+			path = RNTesterUnitTests;
+			sourceTree = "<group>";
+		};
+		E7DB212522B2C342005AC45F /* OCMock */ = {
+			isa = PBXGroup;
+			children = (
+				E7DB212622B2C342005AC45F /* OCMockObject.h */,
+				E7DB212722B2C342005AC45F /* OCMMacroState.h */,
+				E7DB212822B2C342005AC45F /* OCMock.h */,
+				E7DB212922B2C342005AC45F /* NSNotificationCenter+OCMAdditions.h */,
+				E7DB212A22B2C342005AC45F /* OCMStubRecorder.h */,
+				E7DB212B22B2C342005AC45F /* OCMRecorder.h */,
+				E7DB212C22B2C342005AC45F /* OCMLocation.h */,
+				E7DB212D22B2C342005AC45F /* OCMConstraint.h */,
+				E7DB212E22B2C342005AC45F /* OCMArg.h */,
+			);
+			path = OCMock;
+			sourceTree = "<group>";
+		};
+		E7DB215422B2F332005AC45F /* RNTesterIntegrationTests */ = {
+			isa = PBXGroup;
+			children = (
+				E7C1241922BEC44B00DA25C0 /* RNTesterIntegrationTests.m */,
+				E7DB215E22B2F3EC005AC45F /* RCTLoggingTests.m */,
+				E7DB216122B2F3EC005AC45F /* RCTRootViewIntegrationTests.m */,
+				E7DB215F22B2F3EC005AC45F /* RCTUIManagerScenarioTests.m */,
+				E7DB216022B2F3EC005AC45F /* RNTesterSnapshotTests.m */,
+				E7DB215D22B2F3EC005AC45F /* RNTesterTestModule.m */,
+				E7DB215722B2F332005AC45F /* Info.plist */,
+			);
+			path = RNTesterIntegrationTests;
+			sourceTree = "<group>";
+		};
 /* End PBXGroup section */
 
+/* Begin PBXHeadersBuildPhase section */
+		387847E72456320C0035033A /* Headers */ = {
+			isa = PBXHeadersBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXHeadersBuildPhase section */
+
 /* Begin PBXNativeTarget section */
 		13B07F861A680F5B00A75B9A /* RNTester */ = {
 			isa = PBXNativeTarget;
@@ -589,84 +656,62 @@
 			buildRules = (
 			);
 			dependencies = (
-				3D13F84C1D6F6B5F00E69E0E /* PBXTargetDependency */,
 			);
 			name = RNTester;
 			productName = "Hello World";
 			productReference = 13B07F961A680F5B00A75B9A /* RNTester.app */;
 			productType = "com.apple.product-type.application";
 		};
-		38A937FA244531670025DABB /* RNTesterUnitTests */ = {
+		387847D0245631D80035033A /* iosDeviceBuild */ = {
 			isa = PBXNativeTarget;
-			buildConfigurationList = 38A93804244531670025DABB /* Build configuration list for PBXNativeTarget "RNTesterUnitTests" */;
+			buildConfigurationList = 387847D7245631D80035033A /* Build configuration list for PBXNativeTarget "iosDeviceBuild" */;
 			buildPhases = (
-				028389B42A4C8A10132535AA /* [CP] Check Pods Manifest.lock */,
-				38A937F7244531670025DABB /* Sources */,
-				38A937F8244531670025DABB /* Frameworks */,
-				38A937F9244531670025DABB /* Resources */,
+				387847CD245631D80035033A /* Sources */,
+				387847CE245631D80035033A /* Frameworks */,
+				387847CF245631D80035033A /* CopyFiles */,
 			);
 			buildRules = (
 			);
 			dependencies = (
-				38A93801244531670025DABB /* PBXTargetDependency */,
 			);
-			name = RNTesterUnitTests;
-			productName = RNTesterUnitTests;
-			productReference = 38A937FB244531670025DABB /* RNTesterUnitTests.xctest */;
-			productType = "com.apple.product-type.bundle.unit-test";
+			name = iosDeviceBuild;
+			productName = iosDeviceBuild;
+			productReference = 387847D1245631D80035033A /* libiosDeviceBuild.a */;
+			productType = "com.apple.product-type.library.static";
 		};
-		38E0B2B524456B0700EF053A /* RNTesterIntegrationTests */ = {
+		387847DD245631F50035033A /* iosSimulatorBuild */ = {
 			isa = PBXNativeTarget;
-			buildConfigurationList = 38E0B2BF24456B0700EF053A /* Build configuration list for PBXNativeTarget "RNTesterIntegrationTests" */;
+			buildConfigurationList = 387847E4245631F50035033A /* Build configuration list for PBXNativeTarget "iosSimulatorBuild" */;
 			buildPhases = (
-				CFB100ED5A9EF047900A5A86 /* [CP] Check Pods Manifest.lock */,
-				38E0B2B224456B0700EF053A /* Sources */,
-				38E0B2B324456B0700EF053A /* Frameworks */,
-				38E0B2B424456B0700EF053A /* Resources */,
+				387847DA245631F50035033A /* Sources */,
+				387847DB245631F50035033A /* Frameworks */,
+				387847DC245631F50035033A /* CopyFiles */,
 			);
 			buildRules = (
 			);
 			dependencies = (
-				38E0B2BC24456B0700EF053A /* PBXTargetDependency */,
 			);
-			name = RNTesterIntegrationTests;
-			productName = RNTesterIntegrationTests;
-			productReference = 38E0B2B624456B0700EF053A /* RNTesterIntegrationTests.xctest */;
-			productType = "com.apple.product-type.bundle.ui-testing";
-		};
-		3D13F83D1D6F6AE000E69E0E /* RNTesterBundle */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 3D13F8411D6F6AE000E69E0E /* Build configuration list for PBXNativeTarget "RNTesterBundle" */;
-			buildPhases = (
-				3D13F83A1D6F6AE000E69E0E /* Sources */,
-				3D13F83B1D6F6AE000E69E0E /* Frameworks */,
-				3D13F83C1D6F6AE000E69E0E /* Resources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = RNTesterBundle;
-			productName = RNTesterBundle;
-			productReference = 3D13F83E1D6F6AE000E69E0E /* RNTesterBundle.bundle */;
-			productType = "com.apple.product-type.bundle";
+			name = iosSimulatorBuild;
+			productName = iosSimulatorBuild;
+			productReference = 387847DE245631F50035033A /* libiosSimulatorBuild.a */;
+			productType = "com.apple.product-type.library.static";
 		};
-		5101986123ADA0FC00118BF1 /* RNTesterBundle-macOS */ = {
+		387847EA2456320C0035033A /* macOSBuild */ = {
 			isa = PBXNativeTarget;
-			buildConfigurationList = 5101986523ADA0FC00118BF1 /* Build configuration list for PBXNativeTarget "RNTesterBundle-macOS" */;
+			buildConfigurationList = 387847F12456320C0035033A /* Build configuration list for PBXNativeTarget "macOSBuild" */;
 			buildPhases = (
-				5101985E23ADA0FC00118BF1 /* Sources */,
-				5101985F23ADA0FC00118BF1 /* Frameworks */,
-				5101986023ADA0FC00118BF1 /* Resources */,
+				387847E72456320C0035033A /* Headers */,
+				387847E82456320C0035033A /* Sources */,
+				387847E92456320C0035033A /* Frameworks */,
 			);
 			buildRules = (
 			);
 			dependencies = (
 			);
-			name = "RNTesterBundle-macOS";
-			productName = "RNTesterBundle-macOS";
-			productReference = 5101986223ADA0FC00118BF1 /* RNTesterBundle-macOS.bundle */;
-			productType = "com.apple.product-type.bundle";
+			name = macOSBuild;
+			productName = macOSBuild;
+			productReference = 387847EB2456320C0035033A /* libmacOSBuild.a */;
+			productType = "com.apple.product-type.library.static";
 		};
 		9F15345A233AB2C4006DFE44 /* RNTester-macOS */ = {
 			isa = PBXNativeTarget;
@@ -676,12 +721,12 @@
 				9F153457233AB2C4006DFE44 /* Sources */,
 				9F153458233AB2C4006DFE44 /* Frameworks */,
 				9F153459233AB2C4006DFE44 /* Resources */,
+				38C8132424577FB500BFFA62 /* Build JS Bundle */,
 				51B9D81723C4D5A4002B30E1 /* Start Metro */,
 			);
 			buildRules = (
 			);
 			dependencies = (
-				5101986C23ADA17000118BF1 /* PBXTargetDependency */,
 			);
 			name = "RNTester-macOS";
 			productName = "RNTester-macOS";
@@ -727,6 +772,43 @@
 			productReference = 9F153478233AB2C7006DFE44 /* RNTester-macOSIntegrationTests.xctest */;
 			productType = "com.apple.product-type.bundle.ui-testing";
 		};
+		E7DB209E22B2BA84005AC45F /* RNTesterUnitTests */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = E7DB20A622B2BA84005AC45F /* Build configuration list for PBXNativeTarget "RNTesterUnitTests" */;
+			buildPhases = (
+				64C8C8D2305EEDFDE304A0E6 /* [CP] Check Pods Manifest.lock */,
+				E7DB209B22B2BA84005AC45F /* Sources */,
+				E7DB209C22B2BA84005AC45F /* Frameworks */,
+				E7DB209D22B2BA84005AC45F /* Resources */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = RNTesterUnitTests;
+			productName = RNTesterUnitTests;
+			productReference = E68A0B7D2448B4F300228B0B /* RNTesterUnitTests.xctest */;
+			productType = "com.apple.product-type.bundle.unit-test";
+		};
+		E7DB215222B2F332005AC45F /* RNTesterIntegrationTests */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = E7DB215A22B2F332005AC45F /* Build configuration list for PBXNativeTarget "RNTesterIntegrationTests" */;
+			buildPhases = (
+				56D84768A7BBB2750D674CF3 /* [CP] Check Pods Manifest.lock */,
+				E7DB214F22B2F332005AC45F /* Sources */,
+				E7DB215022B2F332005AC45F /* Frameworks */,
+				E7DB215122B2F332005AC45F /* Resources */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+				E7DB215922B2F332005AC45F /* PBXTargetDependency */,
+			);
+			name = RNTesterIntegrationTests;
+			productName = RNTesterIntegrationTests;
+			productReference = E7DB215322B2F332005AC45F /* RNTesterIntegrationTests.xctest */;
+			productType = "com.apple.product-type.bundle.unit-test";
+		};
 /* End PBXNativeTarget section */
 
 /* Begin PBXProject section */
@@ -736,21 +818,14 @@
 				LastUpgradeCheck = 0940;
 				ORGANIZATIONNAME = Facebook;
 				TargetAttributes = {
-					38A937FA244531670025DABB = {
-						CreatedOnToolsVersion = 11.2.1;
-						ProvisioningStyle = Automatic;
-					};
-					38E0B2B524456B0700EF053A = {
-						CreatedOnToolsVersion = 11.2.1;
-						ProvisioningStyle = Automatic;
-						TestTargetID = 13B07F861A680F5B00A75B9A;
+					387847D0245631D80035033A = {
+						CreatedOnToolsVersion = 11.3.1;
 					};
-					3D13F83D1D6F6AE000E69E0E = {
-						CreatedOnToolsVersion = 7.3.1;
+					387847DD245631F50035033A = {
+						CreatedOnToolsVersion = 11.3.1;
 					};
-					5101986123ADA0FC00118BF1 = {
-						CreatedOnToolsVersion = 11.2.1;
-						ProvisioningStyle = Automatic;
+					387847EA2456320C0035033A = {
+						CreatedOnToolsVersion = 11.3.1;
 					};
 					9F15345A233AB2C4006DFE44 = {
 						CreatedOnToolsVersion = 11.0;
@@ -758,19 +833,25 @@
 					};
 					9F15346C233AB2C7006DFE44 = {
 						CreatedOnToolsVersion = 11.0;
-						DevelopmentTeam = UBF8T346G9;
 						ProvisioningStyle = Automatic;
 					};
 					9F153477233AB2C7006DFE44 = {
 						CreatedOnToolsVersion = 11.0;
-						DevelopmentTeam = UBF8T346G9;
 						ProvisioningStyle = Automatic;
 						TestTargetID = 9F15345A233AB2C4006DFE44;
 					};
+					E7DB209E22B2BA84005AC45F = {
+						CreatedOnToolsVersion = 10.2.1;
+					};
+					E7DB215222B2F332005AC45F = {
+						CreatedOnToolsVersion = 10.2.1;
+						ProvisioningStyle = Automatic;
+						TestTargetID = 13B07F861A680F5B00A75B9A;
+					};
 				};
 			};
 			buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "RNTesterPods" */;
-			compatibilityVersion = "Xcode 3.2";
+			compatibilityVersion = "Xcode 9.3";
 			developmentRegion = English;
 			hasScannedForEncodings = 0;
 			knownRegions = (
@@ -784,13 +865,14 @@
 			projectRoot = "";
 			targets = (
 				13B07F861A680F5B00A75B9A /* RNTester */,
-				38A937FA244531670025DABB /* RNTesterUnitTests */,
-				38E0B2B524456B0700EF053A /* RNTesterIntegrationTests */,
-				3D13F83D1D6F6AE000E69E0E /* RNTesterBundle */,
+				E7DB209E22B2BA84005AC45F /* RNTesterUnitTests */,
+				E7DB215222B2F332005AC45F /* RNTesterIntegrationTests */,
 				9F15345A233AB2C4006DFE44 /* RNTester-macOS */,
 				9F15346C233AB2C7006DFE44 /* RNTester-macOSUnitTests */,
 				9F153477233AB2C7006DFE44 /* RNTester-macOSIntegrationTests */,
-				5101986123ADA0FC00118BF1 /* RNTesterBundle-macOS */,
+				387847D0245631D80035033A /* iosDeviceBuild */,
+				387847DD245631F50035033A /* iosSimulatorBuild */,
+				387847EA2456320C0035033A /* macOSBuild */,
 			);
 		};
 /* End PBXProject section */
@@ -800,66 +882,46 @@
 			isa = PBXResourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				3D56F9F11D6F6E9B00F53A06 /* RNTesterBundle.bundle in Resources */,
 				2DDEF0101F84BF7B00DBDF73 /* Images.xcassets in Resources */,
 				3D2AFAF51D646CF80089D1A3 /* legacy_image@2x.png in Resources */,
 				13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
-		38A937F9244531670025DABB /* Resources */ = {
-			isa = PBXResourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				38A93830244532470025DABB /* RNTesterUnitTestsBundle.js in Resources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		38E0B2B424456B0700EF053A /* Resources */ = {
-			isa = PBXResourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D13F83C1D6F6AE000E69E0E /* Resources */ = {
+		9F153459233AB2C4006DFE44 /* Resources */ = {
 			isa = PBXResourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				3D13F8481D6F6AF900E69E0E /* ImageInBundle.png in Resources */,
-				3D13F84A1D6F6AFD00E69E0E /* OtherImages.xcassets in Resources */,
+				5101985B23ADA00B00118BF1 /* legacy_image@2x.png in Resources */,
+				9F153461233AB2C7006DFE44 /* Assets.xcassets in Resources */,
+				5101985723AD9EE600118BF1 /* Main.storyboard in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
-		5101986023ADA0FC00118BF1 /* Resources */ = {
+		9F15346B233AB2C7006DFE44 /* Resources */ = {
 			isa = PBXResourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				5101986823ADA13C00118BF1 /* ImageInBundle.png in Resources */,
-				5101986923ADA13C00118BF1 /* OtherImages.xcassets in Resources */,
+				3811324724550A8F009E988D /* RNTesterUnitTestsBundle.js in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
-		9F153459233AB2C4006DFE44 /* Resources */ = {
+		9F153476233AB2C7006DFE44 /* Resources */ = {
 			isa = PBXResourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				5101986A23ADA15700118BF1 /* RNTesterBundle-macOS.bundle in Resources */,
-				5101985B23ADA00B00118BF1 /* legacy_image@2x.png in Resources */,
-				9F153461233AB2C7006DFE44 /* Assets.xcassets in Resources */,
-				5101985723AD9EE600118BF1 /* Main.storyboard in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
-		9F15346B233AB2C7006DFE44 /* Resources */ = {
+		E7DB209D22B2BA84005AC45F /* Resources */ = {
 			isa = PBXResourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				38BB7CFC24455F4300803CDE /* RNTesterUnitTestsBundle.js in Resources */,
+				E7DB20DA22B2BAA6005AC45F /* RNTesterUnitTestsBundle.js in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
-		9F153476233AB2C7006DFE44 /* Resources */ = {
+		E7DB215122B2F332005AC45F /* Resources */ = {
 			isa = PBXResourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -869,7 +931,7 @@
 /* End PBXResourcesBuildPhase section */
 
 /* Begin PBXShellScriptBuildPhase section */
-		028389B42A4C8A10132535AA /* [CP] Check Pods Manifest.lock */ = {
+		0DDB94B4378380EBD190814A /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -884,14 +946,14 @@
 			outputFileListPaths = (
 			);
 			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-RNTesterUnitTests-checkManifestLockResult.txt",
+				"$(DERIVED_FILE_DIR)/Pods-RNTester-macOSUnitTests-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;
 		};
-		0DDB94B4378380EBD190814A /* [CP] Check Pods Manifest.lock */ = {
+		26ED73F8C59C75926FA607C9 /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -906,14 +968,14 @@
 			outputFileListPaths = (
 			);
 			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-RNTester-macOSUnitTests-checkManifestLockResult.txt",
+				"$(DERIVED_FILE_DIR)/Pods-RNTester-macOS-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;
 		};
-		26ED73F8C59C75926FA607C9 /* [CP] Check Pods Manifest.lock */ = {
+		38C8132424577FB500BFFA62 /* Build JS Bundle */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -921,19 +983,15 @@
 			inputFileListPaths = (
 			);
 			inputPaths = (
-				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
-				"${PODS_ROOT}/Manifest.lock",
 			);
-			name = "[CP] Check Pods Manifest.lock";
+			name = "Build JS Bundle";
 			outputFileListPaths = (
 			);
 			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-RNTester-macOS-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;
+			shellScript = "export NODE_BINARY=node\nPROJECT_ROOT=$SRCROOT/.. $SRCROOT/../scripts/react-native-xcode.sh RNTester/js/RNTesterApp.macos.js\n";
 		};
 		51B9D81723C4D5A4002B30E1 /* Start Metro */ = {
 			isa = PBXShellScriptBuildPhase;
@@ -954,7 +1012,7 @@
 			shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > \"${SRCROOT}/../scripts/.packager.env\"\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n  if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then\n    if ! curl -s \"http://localhost:${RCT_METRO_PORT}/status\" | grep -q \"packager-status:running\" ; then\n      echo \"Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly\"\n      exit 2\n    fi\n  else\n    open \"$SRCROOT/../scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n  fi\nfi\n";
 			showEnvVarsInLog = 0;
 		};
-		599A88804E613F1AA7525CB9 /* [CP] Check Pods Manifest.lock */ = {
+		56D84768A7BBB2750D674CF3 /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -969,43 +1027,51 @@
 			outputFileListPaths = (
 			);
 			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-RNTester-macOSIntegrationTests-checkManifestLockResult.txt",
+				"$(DERIVED_FILE_DIR)/Pods-RNTesterIntegrationTests-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;
 		};
-		5CF0FD27207FC6EC00C13D65 /* Start Metro */ = {
+		599A88804E613F1AA7525CB9 /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
+			inputFileListPaths = (
+			);
 			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
 			);
-			name = "Start Metro";
 			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-RNTester-macOSIntegrationTests-checkManifestLockResult.txt",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > \"${SRCROOT}/../scripts/.packager.env\"\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n  if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then\n    if ! curl -s \"http://localhost:${RCT_METRO_PORT}/status\" | grep -q \"packager-status:running\" ; then\n      echo \"Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly\"\n      exit 2\n    fi\n  else\n    open \"$SRCROOT/../scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n  fi\nfi\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;
 		};
-		68CD48B71D2BCB2C007E06A9 /* Build JS Bundle */ = {
+		5CF0FD27207FC6EC00C13D65 /* Start Metro */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
 			inputPaths = (
 			);
-			name = "Build JS Bundle";
+			name = "Start Metro";
 			outputPaths = (
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "export NODE_BINARY=node\n$SRCROOT/../scripts/react-native-xcode.sh RNTester/js/RNTesterApp.ios.js";
+			shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > \"${SRCROOT}/../scripts/.packager.env\"\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n  if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then\n    if ! curl -s \"http://localhost:${RCT_METRO_PORT}/status\" | grep -q \"packager-status:running\" ; then\n      echo \"Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly\"\n      exit 2\n    fi\n  else\n    open \"$SRCROOT/../scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n  fi\nfi\n";
+			showEnvVarsInLog = 0;
 		};
-		CFB100ED5A9EF047900A5A86 /* [CP] Check Pods Manifest.lock */ = {
+		64C8C8D2305EEDFDE304A0E6 /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -1020,13 +1086,27 @@
 			outputFileListPaths = (
 			);
 			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-RNTesterIntegrationTests-checkManifestLockResult.txt",
+				"$(DERIVED_FILE_DIR)/Pods-RNTesterUnitTests-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;
 		};
+		68CD48B71D2BCB2C007E06A9 /* Build JS Bundle */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+			);
+			name = "Build JS Bundle";
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "export NODE_BINARY=node\nPROJECT_ROOT=$SRCROOT/.. $SRCROOT/../scripts/react-native-xcode.sh RNTester/js/RNTesterApp.ios.js\n";
+		};
 		F9CB97B0D9633939D43E75E0 /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
@@ -1061,62 +1141,21 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
-		38A937F7244531670025DABB /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				38A93835244532470025DABB /* RCTImageLoaderTests.m in Sources */,
-				38A93844244532470025DABB /* RCTUIManagerTests.m in Sources */,
-				38A93843244532470025DABB /* RCTPerformanceLoggerTests.m in Sources */,
-				38A93829244532470025DABB /* RCTDevMenuTests.m in Sources */,
-				38A93831244532470025DABB /* RCTConvert_UIColorTests.m in Sources */,
-				38A9383D244532470025DABB /* RCTGzipTests.m in Sources */,
-				38A93832244532470025DABB /* RCTBlobManagerTests.m in Sources */,
-				38A93846244532470025DABB /* RCTMethodArgumentTests.m in Sources */,
-				38A93836244532470025DABB /* RCTImageLoaderHelpers.m in Sources */,
-				38A93834244532470025DABB /* RCTFormatErrorTests.m in Sources */,
-				38A9383E244532470025DABB /* RCTJSONTests.m in Sources */,
-				38A9382F244532470025DABB /* RCTURLUtilsTests.m in Sources */,
-				38A93845244532470025DABB /* RCTConvert_YGValueTests.m in Sources */,
-				38A93842244532470025DABB /* RCTAllocationTests.m in Sources */,
-				38A93828244532470025DABB /* RCTModuleMethodTests.mm in Sources */,
-				38A9382E244532470025DABB /* RCTConvert_NSURLTests.m in Sources */,
-				38A93838244532470025DABB /* RCTEventDispatcherTests.m in Sources */,
-				38A93847244532470025DABB /* RCTNativeAnimatedNodesManagerTests.m in Sources */,
-				38A93839244532470025DABB /* RCTUnicodeDecodeTests.m in Sources */,
-				38A93827244532470025DABB /* RCTModuleInitNotificationRaceTests.m in Sources */,
-				38A9382B244532470025DABB /* RCTShadowViewTests.m in Sources */,
-				38A9382C244532470025DABB /* RCTComponentPropsTests.m in Sources */,
-				38A93840244532470025DABB /* RCTAnimationUtilsTests.m in Sources */,
-				38A9382A244532470025DABB /* RCTMultipartStreamReaderTests.m in Sources */,
-				38A9382D244532470025DABB /* RCTFontTests.m in Sources */,
-				38A9383A244532470025DABB /* RCTBundleURLProviderTests.m in Sources */,
-				38A93833244532470025DABB /* RCTImageUtilTests.m in Sources */,
-				38A9383F244532470025DABB /* RCTModuleInitTests.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		38E0B2B224456B0700EF053A /* Sources */ = {
+		387847CD245631D80035033A /* Sources */ = {
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				38E9442824456C9F004A39E0 /* RNTesterTestModule.m in Sources */,
-				38E0B2B924456B0700EF053A /* RNTesterIntegrationTests.m in Sources */,
-				38E9442A24456C9F004A39E0 /* RCTUIManagerScenarioTests.m in Sources */,
-				38E9442924456C9F004A39E0 /* RCTLoggingTests.m in Sources */,
-				38E9442624456C9F004A39E0 /* RNTesterSnapshotTests.m in Sources */,
-				38E9442724456C9F004A39E0 /* RCTRootViewIntegrationTests.m in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
-		3D13F83A1D6F6AE000E69E0E /* Sources */ = {
+		387847DA245631F50035033A /* Sources */ = {
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
-		5101985E23ADA0FC00118BF1 /* Sources */ = {
+		387847E82456320C0035033A /* Sources */ = {
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -1140,34 +1179,33 @@
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				383838C3244BC52E005FAC75 /* RCTAnimationUtilsTests.m in Sources */,
+				383838D9244BC581005FAC75 /* RCTUIManagerTests.m in Sources */,
+				383838C9244BC548005FAC75 /* RCTEventDispatcherTests.m in Sources */,
+				383838C6244BC53F005FAC75 /* RCTConvert_NSURLTests.m in Sources */,
+				383838D8244BC57D005FAC75 /* RCTShadowViewTests.m in Sources */,
+				383838CC244BC551005FAC75 /* RCTGzipTests.m in Sources */,
+				383838CE244BC55E005FAC75 /* RCTImageLoaderTests.m in Sources */,
+				383838C2244BC52B005FAC75 /* RCTAllocationTests.m in Sources */,
+				383838D6244BC577005FAC75 /* RCTNativeAnimatedNodesManagerTests.m in Sources */,
+				383838DB244BC587005FAC75 /* RCTURLUtilsTests.m in Sources */,
+				383838D2244BC56A005FAC75 /* RCTModuleInitNotificationRaceTests.m in Sources */,
+				383838D0244BC564005FAC75 /* RCTJSONTests.m in Sources */,
+				383838D5244BC574005FAC75 /* RCTMultipartStreamReaderTests.m in Sources */,
+				383838D3244BC56E005FAC75 /* RCTModuleInitTests.m in Sources */,
+				383838D7244BC57A005FAC75 /* RCTPerformanceLoggerTests.m in Sources */,
+				383838CA244BC54B005FAC75 /* RCTFontTests.m in Sources */,
+				383838D4244BC570005FAC75 /* RCTModuleMethodTests.mm in Sources */,
+				383838C4244BC532005FAC75 /* RCTBlobManagerTests.m in Sources */,
+				383838CB244BC54E005FAC75 /* RCTFormatErrorTests.m in Sources */,
+				383838DA244BC584005FAC75 /* RCTUnicodeDecodeTests.m in Sources */,
 				38BB7CFD244560CC00803CDE /* RNTesterUnitTests_macOS.m in Sources */,
-				38BB7CB824455EB300803CDE /* RCTAllocationTests.m in Sources */,
-				38BB7CB924455EB300803CDE /* RCTAnimationUtilsTests.m in Sources */,
-				38BB7CBA24455EB300803CDE /* RCTBlobManagerTests.m in Sources */,
-				38BB7CBB24455EB300803CDE /* RCTBundleURLProviderTests.m in Sources */,
-				38BB7CBC24455EB300803CDE /* RCTComponentPropsTests.m in Sources */,
-				38BB7CBD24455EB300803CDE /* RCTConvert_NSColorTests.m in Sources */,
-				38BB7CBE24455EB300803CDE /* RCTConvert_NSURLTests.m in Sources */,
-				38BB7CC024455EB300803CDE /* RCTConvert_YGValueTests.m in Sources */,
-				38BB7CC224455EB300803CDE /* RCTEventDispatcherTests.m in Sources */,
-				38BB7CC324455EB300803CDE /* RCTFontTests.m in Sources */,
-				38BB7CC424455EB300803CDE /* RCTFormatErrorTests.m in Sources */,
-				38BB7CC524455EB300803CDE /* RCTGzipTests.m in Sources */,
-				38BB7CC624455EB300803CDE /* RCTImageLoaderHelpers.m in Sources */,
-				38BB7CC724455EB300803CDE /* RCTImageLoaderTests.m in Sources */,
-				38BB7CC824455EB300803CDE /* RCTImageUtilTests.m in Sources */,
-				38BB7CC924455EB300803CDE /* RCTJSONTests.m in Sources */,
-				38BB7CCA24455EB300803CDE /* RCTMethodArgumentTests.m in Sources */,
-				38BB7CCB24455EB300803CDE /* RCTModuleInitNotificationRaceTests.m in Sources */,
-				38BB7CCC24455EB300803CDE /* RCTModuleInitTests.m in Sources */,
-				38BB7CCD24455EB300803CDE /* RCTModuleMethodTests.mm in Sources */,
-				38BB7CCE24455EB300803CDE /* RCTMultipartStreamReaderTests.m in Sources */,
-				38BB7CCF24455EB300803CDE /* RCTNativeAnimatedNodesManagerTests.m in Sources */,
-				38BB7CD024455EB300803CDE /* RCTPerformanceLoggerTests.m in Sources */,
-				38BB7CD124455EB300803CDE /* RCTShadowViewTests.m in Sources */,
-				38BB7CD224455EB300803CDE /* RCTUIManagerTests.m in Sources */,
-				38BB7CD324455EB300803CDE /* RCTUnicodeDecodeTests.m in Sources */,
-				38BB7CD424455EB300803CDE /* RCTURLUtilsTests.m in Sources */,
+				383838CF244BC561005FAC75 /* RCTImageUtilTests.m in Sources */,
+				383838CD244BC55B005FAC75 /* RCTImageLoaderHelpers.m in Sources */,
+				383838C7244BC542005FAC75 /* RCTConvert_YGValueTests.m in Sources */,
+				383838C5244BC535005FAC75 /* RCTBundleURLProviderTests.m in Sources */,
+				383838BD244BC2FF005FAC75 /* RCTComponentPropsTests.m in Sources */,
+				383838D1244BC567005FAC75 /* RCTMethodArgumentTests.m in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -1175,38 +1213,65 @@
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				38E9442E2446159A004A39E0 /* RNTesterSnapshotTests.m in Sources */,
-				38E944302446159A004A39E0 /* RNTesterIntegrationTests.m in Sources */,
-				38E9442F2446159A004A39E0 /* RNTesterTestModule.m in Sources */,
-				38E9442B2446159A004A39E0 /* RCTLoggingTests.m in Sources */,
-				38E9442D2446159A004A39E0 /* RCTUIManagerScenarioTests.m in Sources */,
-				38E9442C2446159A004A39E0 /* RCTRootViewIntegrationTests.m in Sources */,
+				383838DF244BC59D005FAC75 /* RCTRootViewIntegrationTests.m in Sources */,
+				383838DD244BC596005FAC75 /* RNTesterIntegrationTests.m in Sources */,
+				383838DE244BC59A005FAC75 /* RCTLoggingTests.m in Sources */,
+				383838E0244BC5A0005FAC75 /* RCTUIManagerScenarioTests.m in Sources */,
+				383838E2244BC5A8005FAC75 /* RNTesterTestModule.m in Sources */,
+				383838E1244BC5A4005FAC75 /* RNTesterSnapshotTests.m in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		E7DB209B22B2BA84005AC45F /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				E7DB20DF22B2BAA6005AC45F /* RCTImageLoaderTests.m in Sources */,
+				E7DB20D222B2BAA6005AC45F /* RCTModuleInitNotificationRaceTests.m in Sources */,
+				E7DB20D522B2BAA6005AC45F /* RCTPerformanceLoggerTests.m in Sources */,
+				E7DB20D922B2BAA6005AC45F /* RCTAnimationUtilsTests.m in Sources */,
+				E7DB20D122B2BAA6005AC45F /* RCTBundleURLProviderTests.m in Sources */,
+				E7DB20EC22B2BAA6005AC45F /* RCTMultipartStreamReaderTests.m in Sources */,
+				E7DB20E022B2BAA6005AC45F /* RCTMethodArgumentTests.m in Sources */,
+				E7DB20E822B2BAA6005AC45F /* RCTModuleMethodTests.mm in Sources */,
+				E7DB20E222B2BAA6005AC45F /* RCTGzipTests.m in Sources */,
+				E7DB20ED22B2BAA6005AC45F /* RCTURLUtilsTests.m in Sources */,
+				E7DB20D322B2BAA6005AC45F /* RCTBlobManagerTests.m in Sources */,
+				E7DB20DC22B2BAA6005AC45F /* RCTUIManagerTests.m in Sources */,
+				E7DB20E322B2BAA6005AC45F /* RCTAllocationTests.m in Sources */,
+				E7DB20E622B2BAA6005AC45F /* RCTImageLoaderHelpers.m in Sources */,
+				E7DB20D622B2BAA6005AC45F /* RCTFontTests.m in Sources */,
+				E7DB20DB22B2BAA6005AC45F /* RCTNativeAnimatedNodesManagerTests.m in Sources */,
+				E7DB20E722B2BAA6005AC45F /* RCTConvert_NSURLTests.m in Sources */,
+				E7DB20DD22B2BAA6005AC45F /* RCTEventDispatcherTests.m in Sources */,
+				E7DB20E122B2BAA6005AC45F /* RCTShadowViewTests.m in Sources */,
+				E7DB20EA22B2BAA6005AC45F /* RCTImageUtilTests.m in Sources */,
+				E7DB20D722B2BAA6005AC45F /* RCTModuleInitTests.m in Sources */,
+				E7DB20E522B2BAA6005AC45F /* RCTDevMenuTests.m in Sources */,
+				E7DB20DE22B2BAA6005AC45F /* RCTUnicodeDecodeTests.m in Sources */,
+				E7DB20E422B2BAA6005AC45F /* RCTFormatErrorTests.m in Sources */,
+				E7DB20EB22B2BAA6005AC45F /* RCTConvert_YGValueTests.m in Sources */,
+				E7DB20E922B2BAA6005AC45F /* RCTComponentPropsTests.m in Sources */,
+				E7DB20D822B2BAA6005AC45F /* RCTJSONTests.m in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		E7DB214F22B2F332005AC45F /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				E7DB216222B2F3EC005AC45F /* RNTesterTestModule.m in Sources */,
+				E7C1241A22BEC44B00DA25C0 /* RNTesterIntegrationTests.m in Sources */,
+				E7DB216322B2F3EC005AC45F /* RCTLoggingTests.m in Sources */,
+				E7DB216622B2F3EC005AC45F /* RCTRootViewIntegrationTests.m in Sources */,
+				E7DB216422B2F3EC005AC45F /* RCTUIManagerScenarioTests.m in Sources */,
+				E7DB216522B2F3EC005AC45F /* RNTesterSnapshotTests.m in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
 /* End PBXSourcesBuildPhase section */
 
 /* Begin PBXTargetDependency section */
-		38A93801244531670025DABB /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 13B07F861A680F5B00A75B9A /* RNTester */;
-			targetProxy = 38A93800244531670025DABB /* PBXContainerItemProxy */;
-		};
-		38E0B2BC24456B0700EF053A /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 13B07F861A680F5B00A75B9A /* RNTester */;
-			targetProxy = 38E0B2BB24456B0700EF053A /* PBXContainerItemProxy */;
-		};
-		3D13F84C1D6F6B5F00E69E0E /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 3D13F83D1D6F6AE000E69E0E /* RNTesterBundle */;
-			targetProxy = 3D13F84B1D6F6B5F00E69E0E /* PBXContainerItemProxy */;
-		};
-		5101986C23ADA17000118BF1 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 5101986123ADA0FC00118BF1 /* RNTesterBundle-macOS */;
-			targetProxy = 5101986B23ADA17000118BF1 /* PBXContainerItemProxy */;
-		};
 		9F15346F233AB2C7006DFE44 /* PBXTargetDependency */ = {
 			isa = PBXTargetDependency;
 			target = 9F15345A233AB2C4006DFE44 /* RNTester-macOS */;
@@ -1217,6 +1282,11 @@
 			target = 9F15345A233AB2C4006DFE44 /* RNTester-macOS */;
 			targetProxy = 9F153479233AB2C7006DFE44 /* PBXContainerItemProxy */;
 		};
+		E7DB215922B2F332005AC45F /* PBXTargetDependency */ = {
+			isa = PBXTargetDependency;
+			target = 13B07F861A680F5B00A75B9A /* RNTester */;
+			targetProxy = E7DB215822B2F332005AC45F /* PBXContainerItemProxy */;
+		};
 /* End PBXTargetDependency section */
 
 /* Begin PBXVariantGroup section */
@@ -1246,6 +1316,7 @@
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
+				CODE_SIGN_ENTITLEMENTS = RNTester/RNTester.entitlements;
 				DEVELOPMENT_TEAM = "";
 				HEADER_SEARCH_PATHS = (
 					"$(inherited)",
@@ -1253,12 +1324,10 @@
 					"\"${PODS_ROOT}/Headers/Public/DoubleConversion\"",
 					"\"${PODS_ROOT}/Headers/Public/React-ART\"",
 					"\"${PODS_ROOT}/Headers/Public/React-Core\"",
-					"\"${PODS_ROOT}/Headers/Public/React-DevSupport\"",
 					"\"${PODS_ROOT}/Headers/Public/React-Fabric\"",
 					"\"${PODS_ROOT}/Headers/Public/React-RCTActionSheet\"",
 					"\"${PODS_ROOT}/Headers/Public/React-RCTAnimation\"",
 					"\"${PODS_ROOT}/Headers/Public/React-RCTBlob\"",
-					"\"${PODS_ROOT}/Headers/Public/React-RCTCameraRoll\"",
 					"\"${PODS_ROOT}/Headers/Public/React-RCTFabric\"",
 					"\"${PODS_ROOT}/Headers/Public/React-RCTGeolocation\"",
 					"\"${PODS_ROOT}/Headers/Public/React-RCTImage\"",
@@ -1268,7 +1337,6 @@
 					"\"${PODS_ROOT}/Headers/Public/React-RCTSettings\"",
 					"\"${PODS_ROOT}/Headers/Public/React-RCTText\"",
 					"\"${PODS_ROOT}/Headers/Public/React-RCTVibration\"",
-					"\"${PODS_ROOT}/Headers/Public/React-RCTWebSocket\"",
 					"\"${PODS_ROOT}/Headers/Public/React-cxxreact\"",
 					"\"${PODS_ROOT}/Headers/Public/React-fishhook\"",
 					"\"${PODS_ROOT}/Headers/Public/React-jsi\"",
@@ -1278,11 +1346,19 @@
 					"\"${PODS_ROOT}/Headers/Public/libevent\"",
 					"\"$(PODS_ROOT)/boost-for-react-native\"",
 					"\"$(PODS_ROOT)/Folly\"",
+					"\"$(PODS_ROOT)/DoubleConversion\"",
 				);
 				INFOPLIST_FILE = "$(SRCROOT)/RNTester/Info.plist";
 				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				LIBRARY_SEARCH_PATHS = "$(inherited)";
 				OTHER_CFLAGS = "$(inherited)";
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					"-ObjC",
+					"-l\"stdc++\"",
+					"-framework",
+					"\"JavaScriptCore\"",
+				);
 				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.react.uiapp;
 				PRODUCT_NAME = RNTester;
 				TARGETED_DEVICE_FAMILY = "1,2";
@@ -1295,6 +1371,7 @@
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
+				CODE_SIGN_ENTITLEMENTS = RNTester/RNTester.entitlements;
 				DEVELOPMENT_TEAM = "";
 				HEADER_SEARCH_PATHS = (
 					"$(inherited)",
@@ -1302,12 +1379,10 @@
 					"\"${PODS_ROOT}/Headers/Public/DoubleConversion\"",
 					"\"${PODS_ROOT}/Headers/Public/React-ART\"",
 					"\"${PODS_ROOT}/Headers/Public/React-Core\"",
-					"\"${PODS_ROOT}/Headers/Public/React-DevSupport\"",
 					"\"${PODS_ROOT}/Headers/Public/React-Fabric\"",
 					"\"${PODS_ROOT}/Headers/Public/React-RCTActionSheet\"",
 					"\"${PODS_ROOT}/Headers/Public/React-RCTAnimation\"",
 					"\"${PODS_ROOT}/Headers/Public/React-RCTBlob\"",
-					"\"${PODS_ROOT}/Headers/Public/React-RCTCameraRoll\"",
 					"\"${PODS_ROOT}/Headers/Public/React-RCTFabric\"",
 					"\"${PODS_ROOT}/Headers/Public/React-RCTGeolocation\"",
 					"\"${PODS_ROOT}/Headers/Public/React-RCTImage\"",
@@ -1317,7 +1392,6 @@
 					"\"${PODS_ROOT}/Headers/Public/React-RCTSettings\"",
 					"\"${PODS_ROOT}/Headers/Public/React-RCTText\"",
 					"\"${PODS_ROOT}/Headers/Public/React-RCTVibration\"",
-					"\"${PODS_ROOT}/Headers/Public/React-RCTWebSocket\"",
 					"\"${PODS_ROOT}/Headers/Public/React-cxxreact\"",
 					"\"${PODS_ROOT}/Headers/Public/React-fishhook\"",
 					"\"${PODS_ROOT}/Headers/Public/React-jsi\"",
@@ -1327,20 +1401,27 @@
 					"\"${PODS_ROOT}/Headers/Public/libevent\"",
 					"\"$(PODS_ROOT)/boost-for-react-native\"",
 					"\"$(PODS_ROOT)/Folly\"",
+					"\"$(PODS_ROOT)/DoubleConversion\"",
 				);
 				INFOPLIST_FILE = "$(SRCROOT)/RNTester/Info.plist";
 				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				LIBRARY_SEARCH_PATHS = "$(inherited)";
 				OTHER_CFLAGS = "$(inherited)";
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					"-ObjC",
+					"-l\"stdc++\"",
+					"-framework",
+					"\"JavaScriptCore\"",
+				);
 				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.react.uiapp;
 				PRODUCT_NAME = RNTester;
 				TARGETED_DEVICE_FAMILY = "1,2";
 			};
 			name = Release;
 		};
-		38A93802244531670025DABB /* Debug */ = {
+		387847D8245631D80035033A /* Debug */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = F94ACFCA0BC1A9B7B93A26C0 /* Pods-RNTesterUnitTests.debug.xcconfig */;
 			buildSettings = {
 				CLANG_ANALYZER_NONNULL = YES;
 				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
@@ -1348,28 +1429,18 @@
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_STYLE = Automatic;
 				DEBUG_INFORMATION_FORMAT = dwarf;
-				FRAMEWORK_SEARCH_PATHS = (
-					"$(inherited)",
-					"$(PROJECT_DIR)/RNTesterUnitTests",
-				);
-				INFOPLIST_FILE = RNTesterUnitTests/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 13.2;
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
-				LIBRARY_SEARCH_PATHS = (
-					"$(inherited)",
-					"$(PROJECT_DIR)/RNTesterUnitTests",
-				);
 				MTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE;
 				MTL_FAST_MATH = YES;
-				PRODUCT_BUNDLE_IDENTIFIER = RCT.RNTesterUnitTests;
+				OTHER_LDFLAGS = "-ObjC";
 				PRODUCT_NAME = "$(TARGET_NAME)";
+				SKIP_INSTALL = YES;
 				TARGETED_DEVICE_FAMILY = "1,2";
 			};
 			name = Debug;
 		};
-		38A93803244531670025DABB /* Release */ = {
+		387847D9245631D80035033A /* Release */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = BC303BFA161D25E2F036356A /* Pods-RNTesterUnitTests.release.xcconfig */;
 			buildSettings = {
 				CLANG_ANALYZER_NONNULL = YES;
 				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
@@ -1378,27 +1449,17 @@
 				CODE_SIGN_STYLE = Automatic;
 				COPY_PHASE_STRIP = NO;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				FRAMEWORK_SEARCH_PATHS = (
-					"$(inherited)",
-					"$(PROJECT_DIR)/RNTesterUnitTests",
-				);
-				INFOPLIST_FILE = RNTesterUnitTests/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 13.2;
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
-				LIBRARY_SEARCH_PATHS = (
-					"$(inherited)",
-					"$(PROJECT_DIR)/RNTesterUnitTests",
-				);
 				MTL_FAST_MATH = YES;
-				PRODUCT_BUNDLE_IDENTIFIER = RCT.RNTesterUnitTests;
+				OTHER_LDFLAGS = "-ObjC";
 				PRODUCT_NAME = "$(TARGET_NAME)";
+				SKIP_INSTALL = YES;
 				TARGETED_DEVICE_FAMILY = "1,2";
 			};
 			name = Release;
 		};
-		38E0B2BD24456B0700EF053A /* Debug */ = {
+		387847E5245631F50035033A /* Debug */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 5641CFF8E3CFBC3C4B0EDEEF /* Pods-RNTesterIntegrationTests.debug.xcconfig */;
 			buildSettings = {
 				CLANG_ANALYZER_NONNULL = YES;
 				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
@@ -1406,21 +1467,18 @@
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_STYLE = Automatic;
 				DEBUG_INFORMATION_FORMAT = dwarf;
-				INFOPLIST_FILE = RNTesterIntegrationTests/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 13.2;
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
 				MTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE;
 				MTL_FAST_MATH = YES;
-				PRODUCT_BUNDLE_IDENTIFIER = RCT.RNTesterIntegrationTests;
+				OTHER_LDFLAGS = "-ObjC";
 				PRODUCT_NAME = "$(TARGET_NAME)";
+				SKIP_INSTALL = YES;
 				TARGETED_DEVICE_FAMILY = "1,2";
-				TEST_TARGET_NAME = RNTester;
 			};
 			name = Debug;
 		};
-		38E0B2BE24456B0700EF053A /* Release */ = {
+		387847E6245631F50035033A /* Release */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = EF203F288E86F13DB63D5348 /* Pods-RNTesterIntegrationTests.release.xcconfig */;
 			buildSettings = {
 				CLANG_ANALYZER_NONNULL = YES;
 				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
@@ -1429,46 +1487,16 @@
 				CODE_SIGN_STYLE = Automatic;
 				COPY_PHASE_STRIP = NO;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				INFOPLIST_FILE = RNTesterIntegrationTests/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 13.2;
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
 				MTL_FAST_MATH = YES;
-				PRODUCT_BUNDLE_IDENTIFIER = RCT.RNTesterIntegrationTests;
+				OTHER_LDFLAGS = "-ObjC";
 				PRODUCT_NAME = "$(TARGET_NAME)";
+				SKIP_INSTALL = YES;
 				TARGETED_DEVICE_FAMILY = "1,2";
-				TEST_TARGET_NAME = RNTester;
 			};
 			name = Release;
 		};
-		3D13F8421D6F6AE000E69E0E /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				COMBINE_HIDPI_IMAGES = YES;
-				GCC_NO_COMMON_BLOCKS = YES;
-				INFOPLIST_FILE = RNTester/RNTesterBundle/Info.plist;
-				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.RNTesterBundle;
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = iphoneos;
-				WRAPPER_EXTENSION = bundle;
-			};
-			name = Debug;
-		};
-		3D13F8431D6F6AE000E69E0E /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				COMBINE_HIDPI_IMAGES = YES;
-				GCC_NO_COMMON_BLOCKS = YES;
-				INFOPLIST_FILE = RNTester/RNTesterBundle/Info.plist;
-				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.RNTesterBundle;
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SDKROOT = iphoneos;
-				WRAPPER_EXTENSION = bundle;
-			};
-			name = Release;
-		};
-		5101986623ADA0FC00118BF1 /* Debug */ = {
+		387847F22456320C0035033A /* Debug */ = {
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				CLANG_ANALYZER_NONNULL = YES;
@@ -1476,22 +1504,18 @@
 				CLANG_ENABLE_OBJC_WEAK = YES;
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_STYLE = Automatic;
-				COMBINE_HIDPI_IMAGES = YES;
 				DEBUG_INFORMATION_FORMAT = dwarf;
-				INFOPLIST_FILE = "RNTesterBundle-macOS/Info.plist";
-				INSTALL_PATH = "$(LOCAL_LIBRARY_DIR)/Bundles";
-				MACOSX_DEPLOYMENT_TARGET = 10.14;
+				EXECUTABLE_PREFIX = lib;
+				MACOSX_DEPLOYMENT_TARGET = 10.15;
 				MTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE;
 				MTL_FAST_MATH = YES;
-				PRODUCT_BUNDLE_IDENTIFIER = "Microsoft.RNTesterBundle-macOS";
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SDKROOT = macosx;
 				SKIP_INSTALL = YES;
-				WRAPPER_EXTENSION = bundle;
 			};
 			name = Debug;
 		};
-		5101986723ADA0FC00118BF1 /* Release */ = {
+		387847F32456320C0035033A /* Release */ = {
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				CLANG_ANALYZER_NONNULL = YES;
@@ -1499,18 +1523,14 @@
 				CLANG_ENABLE_OBJC_WEAK = YES;
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_STYLE = Automatic;
-				COMBINE_HIDPI_IMAGES = YES;
 				COPY_PHASE_STRIP = NO;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				INFOPLIST_FILE = "RNTesterBundle-macOS/Info.plist";
-				INSTALL_PATH = "$(LOCAL_LIBRARY_DIR)/Bundles";
-				MACOSX_DEPLOYMENT_TARGET = 10.14;
+				EXECUTABLE_PREFIX = lib;
+				MACOSX_DEPLOYMENT_TARGET = 10.15;
 				MTL_FAST_MATH = YES;
-				PRODUCT_BUNDLE_IDENTIFIER = "Microsoft.RNTesterBundle-macOS";
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SDKROOT = macosx;
 				SKIP_INSTALL = YES;
-				WRAPPER_EXTENSION = bundle;
 			};
 			name = Release;
 		};
@@ -1546,6 +1566,7 @@
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
 				COPY_PHASE_STRIP = NO;
+				ENABLE_BITCODE = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
 				ENABLE_TESTABILITY = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu11;
@@ -1626,6 +1647,7 @@
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
 				COPY_PHASE_STRIP = YES;
+				ENABLE_BITCODE = NO;
 				ENABLE_NS_ASSERTIONS = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu11;
@@ -1683,7 +1705,10 @@
 				DEVELOPMENT_TEAM = "";
 				ENABLE_HARDENED_RUNTIME = YES;
 				INFOPLIST_FILE = "RNTester-macOS/Info.plist";
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/../Frameworks";
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/../Frameworks",
+				);
 				MACOSX_DEPLOYMENT_TARGET = 10.14;
 				MTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE;
 				MTL_FAST_MATH = YES;
@@ -1710,7 +1735,10 @@
 				DEVELOPMENT_TEAM = "";
 				ENABLE_HARDENED_RUNTIME = YES;
 				INFOPLIST_FILE = "RNTester-macOS/Info.plist";
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/../Frameworks";
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/../Frameworks",
+				);
 				MACOSX_DEPLOYMENT_TARGET = 10.14;
 				MTL_FAST_MATH = YES;
 				PRODUCT_BUNDLE_IDENTIFIER = "Microsoft.RNTester-macOS";
@@ -1730,13 +1758,17 @@
 				CODE_SIGN_STYLE = Automatic;
 				COMBINE_HIDPI_IMAGES = YES;
 				DEBUG_INFORMATION_FORMAT = dwarf;
-				DEVELOPMENT_TEAM = UBF8T346G9;
+				DEVELOPMENT_TEAM = "";
 				FRAMEWORK_SEARCH_PATHS = (
 					"$(inherited)",
 					"$(PROJECT_DIR)/RNTesterUnitTests",
 				);
 				INFOPLIST_FILE = "RNTester-macOSUnitTests/Info.plist";
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/../Frameworks @loader_path/../Frameworks";
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/../Frameworks",
+					"@loader_path/../Frameworks",
+				);
 				MACOSX_DEPLOYMENT_TARGET = 10.14;
 				MTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE;
 				MTL_FAST_MATH = YES;
@@ -1758,13 +1790,17 @@
 				COMBINE_HIDPI_IMAGES = YES;
 				COPY_PHASE_STRIP = NO;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				DEVELOPMENT_TEAM = UBF8T346G9;
+				DEVELOPMENT_TEAM = "";
 				FRAMEWORK_SEARCH_PATHS = (
 					"$(inherited)",
 					"$(PROJECT_DIR)/RNTesterUnitTests",
 				);
 				INFOPLIST_FILE = "RNTester-macOSUnitTests/Info.plist";
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/../Frameworks @loader_path/../Frameworks";
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/../Frameworks",
+					"@loader_path/../Frameworks",
+				);
 				MACOSX_DEPLOYMENT_TARGET = 10.14;
 				MTL_FAST_MATH = YES;
 				PRODUCT_BUNDLE_IDENTIFIER = "Microsoft.RNTester-macOSTests";
@@ -1784,9 +1820,18 @@
 				CODE_SIGN_STYLE = Automatic;
 				COMBINE_HIDPI_IMAGES = YES;
 				DEBUG_INFORMATION_FORMAT = dwarf;
-				DEVELOPMENT_TEAM = UBF8T346G9;
+				DEVELOPMENT_TEAM = "";
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"$(inherited)",
+					"COCOAPODS=1",
+					"FB_REFERENCE_IMAGE_DIR=\"\\\"$(SOURCE_ROOT)/RNTesterIntegrationTests/ReferenceImages\\\"\"",
+				);
 				INFOPLIST_FILE = "RNTester-macOSIntegrationTests/Info.plist";
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/../Frameworks @loader_path/../Frameworks";
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/../Frameworks",
+					"@loader_path/../Frameworks",
+				);
 				MACOSX_DEPLOYMENT_TARGET = 10.14;
 				MTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE;
 				MTL_FAST_MATH = YES;
@@ -1809,9 +1854,13 @@
 				COMBINE_HIDPI_IMAGES = YES;
 				COPY_PHASE_STRIP = NO;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				DEVELOPMENT_TEAM = UBF8T346G9;
+				DEVELOPMENT_TEAM = "";
 				INFOPLIST_FILE = "RNTester-macOSIntegrationTests/Info.plist";
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/../Frameworks @loader_path/../Frameworks";
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/../Frameworks",
+					"@loader_path/../Frameworks",
+				);
 				MACOSX_DEPLOYMENT_TARGET = 10.14;
 				MTL_FAST_MATH = YES;
 				PRODUCT_BUNDLE_IDENTIFIER = "Microsoft.RNTester-macOSUITests";
@@ -1821,6 +1870,130 @@
 			};
 			name = Release;
 		};
+		E7DB20A722B2BA84005AC45F /* Debug */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 34028D6B10F47E490042EB27 /* Pods-RNTesterUnitTests.debug.xcconfig */;
+			buildSettings = {
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+				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 = "";
+				INFOPLIST_FILE = RNTesterUnitTests/Info.plist;
+				IPHONEOS_DEPLOYMENT_TARGET = 12.2;
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+					"@loader_path/Frameworks",
+				);
+				LIBRARY_SEARCH_PATHS = (
+					"$(inherited)",
+					"$(PROJECT_DIR)/RNTesterUnitTests",
+				);
+				MTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE;
+				MTL_FAST_MATH = YES;
+				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.RNTesterUnitTests;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Debug;
+		};
+		E7DB20A822B2BA84005AC45F /* Release */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = E9618482EC8608D4872A6E28 /* Pods-RNTesterUnitTests.release.xcconfig */;
+			buildSettings = {
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+				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 = "";
+				INFOPLIST_FILE = RNTesterUnitTests/Info.plist;
+				IPHONEOS_DEPLOYMENT_TARGET = 12.2;
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+					"@loader_path/Frameworks",
+				);
+				LIBRARY_SEARCH_PATHS = (
+					"$(inherited)",
+					"$(PROJECT_DIR)/RNTesterUnitTests",
+				);
+				MTL_FAST_MATH = YES;
+				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.RNTesterUnitTests;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Release;
+		};
+		E7DB215B22B2F332005AC45F /* Debug */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 972A459EE6CF8CC63531A088 /* Pods-RNTesterIntegrationTests.debug.xcconfig */;
+			buildSettings = {
+				BUNDLE_LOADER = "$(TEST_HOST)";
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+				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 = (
+					"FB_REFERENCE_IMAGE_DIR=\"\\\"$(SOURCE_ROOT)/RNTesterIntegrationTests/ReferenceImages\\\"\"",
+					"$(inherited)",
+				);
+				INFOPLIST_FILE = RNTesterIntegrationTests/Info.plist;
+				IPHONEOS_DEPLOYMENT_TARGET = 12.2;
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+					"@loader_path/Frameworks",
+				);
+				MTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE;
+				MTL_FAST_MATH = YES;
+				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.RNTesterIntegrationTests;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				TARGETED_DEVICE_FAMILY = "1,2";
+				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/RNTester.app/RNTester";
+			};
+			name = Debug;
+		};
+		E7DB215C22B2F332005AC45F /* Release */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 7D51F73F0DA20287418D98BD /* Pods-RNTesterIntegrationTests.release.xcconfig */;
+			buildSettings = {
+				BUNDLE_LOADER = "$(TEST_HOST)";
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+				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 = "";
+				INFOPLIST_FILE = RNTesterIntegrationTests/Info.plist;
+				IPHONEOS_DEPLOYMENT_TARGET = 12.2;
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+					"@loader_path/Frameworks",
+				);
+				MTL_FAST_MATH = YES;
+				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.RNTesterIntegrationTests;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				TARGETED_DEVICE_FAMILY = "1,2";
+				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/RNTester.app/RNTester";
+			};
+			name = Release;
+		};
 /* End XCBuildConfiguration section */
 
 /* Begin XCConfigurationList section */
@@ -1833,38 +2006,29 @@
 			defaultConfigurationIsVisible = 0;
 			defaultConfigurationName = Release;
 		};
-		38A93804244531670025DABB /* Build configuration list for PBXNativeTarget "RNTesterUnitTests" */ = {
+		387847D7245631D80035033A /* Build configuration list for PBXNativeTarget "iosDeviceBuild" */ = {
 			isa = XCConfigurationList;
 			buildConfigurations = (
-				38A93802244531670025DABB /* Debug */,
-				38A93803244531670025DABB /* Release */,
+				387847D8245631D80035033A /* Debug */,
+				387847D9245631D80035033A /* Release */,
 			);
 			defaultConfigurationIsVisible = 0;
 			defaultConfigurationName = Release;
 		};
-		38E0B2BF24456B0700EF053A /* Build configuration list for PBXNativeTarget "RNTesterIntegrationTests" */ = {
+		387847E4245631F50035033A /* Build configuration list for PBXNativeTarget "iosSimulatorBuild" */ = {
 			isa = XCConfigurationList;
 			buildConfigurations = (
-				38E0B2BD24456B0700EF053A /* Debug */,
-				38E0B2BE24456B0700EF053A /* Release */,
+				387847E5245631F50035033A /* Debug */,
+				387847E6245631F50035033A /* Release */,
 			);
 			defaultConfigurationIsVisible = 0;
 			defaultConfigurationName = Release;
 		};
-		3D13F8411D6F6AE000E69E0E /* Build configuration list for PBXNativeTarget "RNTesterBundle" */ = {
+		387847F12456320C0035033A /* Build configuration list for PBXNativeTarget "macOSBuild" */ = {
 			isa = XCConfigurationList;
 			buildConfigurations = (
-				3D13F8421D6F6AE000E69E0E /* Debug */,
-				3D13F8431D6F6AE000E69E0E /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		5101986523ADA0FC00118BF1 /* Build configuration list for PBXNativeTarget "RNTesterBundle-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				5101986623ADA0FC00118BF1 /* Debug */,
-				5101986723ADA0FC00118BF1 /* Release */,
+				387847F22456320C0035033A /* Debug */,
+				387847F32456320C0035033A /* Release */,
 			);
 			defaultConfigurationIsVisible = 0;
 			defaultConfigurationName = Release;
@@ -1905,6 +2069,24 @@
 			defaultConfigurationIsVisible = 0;
 			defaultConfigurationName = Release;
 		};
+		E7DB20A622B2BA84005AC45F /* Build configuration list for PBXNativeTarget "RNTesterUnitTests" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				E7DB20A722B2BA84005AC45F /* Debug */,
+				E7DB20A822B2BA84005AC45F /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		E7DB215A22B2F332005AC45F /* Build configuration list for PBXNativeTarget "RNTesterIntegrationTests" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				E7DB215B22B2F332005AC45F /* Debug */,
+				E7DB215C22B2F332005AC45F /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
 /* End XCConfigurationList section */
 	};
 	rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;
diff --git a/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTester-macOS.xcscheme b/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTester-macOS.xcscheme
index b2bb1f3c08d9d1..81aed751023ed8 100644
--- a/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTester-macOS.xcscheme
+++ b/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTester-macOS.xcscheme
@@ -3,7 +3,7 @@
    LastUpgradeVersion = "1120"
    version = "1.3">
    <BuildAction
-      parallelizeBuildables = "YES"
+      parallelizeBuildables = "NO"
       buildImplicitDependencies = "YES">
       <BuildActionEntries>
          <BuildActionEntry
diff --git a/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTester.xcscheme b/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTester.xcscheme
index d02d81ab2a816c..cfc5b691113ec9 100644
--- a/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTester.xcscheme
+++ b/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTester.xcscheme
@@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
-   LastUpgradeVersion = "1120"
+   LastUpgradeVersion = "1020"
    version = "1.3">
    <BuildAction
-      parallelizeBuildables = "YES"
+      parallelizeBuildables = "NO"
       buildImplicitDependencies = "YES">
       <BuildActionEntries>
          <BuildActionEntry
@@ -48,9 +48,9 @@
             skipped = "NO">
             <BuildableReference
                BuildableIdentifier = "primary"
-               BlueprintIdentifier = "38A937FA244531670025DABB"
-               BuildableName = "RNTesterUnitTests.xctest"
-               BlueprintName = "RNTesterUnitTests"
+               BlueprintIdentifier = "E7DB215222B2F332005AC45F"
+               BuildableName = "RNTesterIntegrationTests.xctest"
+               BlueprintName = "RNTesterIntegrationTests"
                ReferencedContainer = "container:RNTesterPods.xcodeproj">
             </BuildableReference>
          </TestableReference>
@@ -58,9 +58,9 @@
             skipped = "NO">
             <BuildableReference
                BuildableIdentifier = "primary"
-               BlueprintIdentifier = "38E0B2B524456B0700EF053A"
-               BuildableName = "RNTesterIntegrationTests.xctest"
-               BlueprintName = "RNTesterIntegrationTests"
+               BlueprintIdentifier = "E7DB209E22B2BA84005AC45F"
+               BuildableName = "RNTesterUnitTests.xctest"
+               BlueprintName = "RNTesterUnitTests"
                ReferencedContainer = "container:RNTesterPods.xcodeproj">
             </BuildableReference>
          </TestableReference>
diff --git a/RNTester/RNTester.xcodeproj/xcshareddata/xcschemes/RNTester-tvOS.xcscheme b/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTesterIntegrationTests.xcscheme
similarity index 51%
rename from RNTester/RNTester.xcodeproj/xcshareddata/xcschemes/RNTester-tvOS.xcscheme
rename to RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTesterIntegrationTests.xcscheme
index 0c3555d5cfc2c5..ed4d39a4a86380 100644
--- a/RNTester/RNTester.xcodeproj/xcshareddata/xcschemes/RNTester-tvOS.xcscheme
+++ b/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTesterIntegrationTests.xcscheme
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
-   LastUpgradeVersion = "0940"
+   LastUpgradeVersion = "1020"
    version = "1.3">
    <BuildAction
       parallelizeBuildables = "NO"
@@ -14,24 +14,10 @@
             buildForAnalyzing = "YES">
             <BuildableReference
                BuildableIdentifier = "primary"
-               BlueprintIdentifier = "2D2A28121D9B038B00D4039D"
-               BuildableName = "libReact.a"
-               BlueprintName = "React-tvOS"
-               ReferencedContainer = "container:../React/React.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "YES"
-            buildForProfiling = "YES"
-            buildForArchiving = "YES"
-            buildForAnalyzing = "YES">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "2DD3238F1DA2DD8A000FE1B8"
-               BuildableName = "RNTester-tvOS.app"
-               BlueprintName = "RNTester-tvOS"
-               ReferencedContainer = "container:RNTester.xcodeproj">
+               BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+               BuildableName = "RNTester.app"
+               BlueprintName = "RNTester"
+               ReferencedContainer = "container:RNTesterPods.xcodeproj">
             </BuildableReference>
          </BuildActionEntry>
       </BuildActionEntries>
@@ -40,38 +26,45 @@
       buildConfiguration = "Debug"
       selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
       selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      shouldUseLaunchSchemeArgsEnv = "YES">
+      shouldUseLaunchSchemeArgsEnv = "NO">
       <Testables>
          <TestableReference
             skipped = "NO">
             <BuildableReference
                BuildableIdentifier = "primary"
-               BlueprintIdentifier = "2DD323A41DA2DD8B000FE1B8"
-               BuildableName = "RNTester-tvOSUnitTests.xctest"
-               BlueprintName = "RNTester-tvOSUnitTests"
-               ReferencedContainer = "container:RNTester.xcodeproj">
-            </BuildableReference>
-         </TestableReference>
-         <TestableReference
-            skipped = "NO">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "2D4624C11DA2EA6900C74D09"
-               BuildableName = "RNTester-tvOSIntegrationTests.xctest"
-               BlueprintName = "RNTester-tvOSIntegrationTests"
-               ReferencedContainer = "container:RNTester.xcodeproj">
+               BlueprintIdentifier = "E7DB215222B2F332005AC45F"
+               BuildableName = "RNTesterIntegrationTests.xctest"
+               BlueprintName = "RNTesterIntegrationTests"
+               ReferencedContainer = "container:RNTesterPods.xcodeproj">
             </BuildableReference>
+            <SkippedTests>
+               <Test
+                  Identifier = "RCTLoggingTests/testLogging">
+               </Test>
+            </SkippedTests>
          </TestableReference>
       </Testables>
       <MacroExpansion>
          <BuildableReference
             BuildableIdentifier = "primary"
-            BlueprintIdentifier = "2DD3238F1DA2DD8A000FE1B8"
-            BuildableName = "RNTester-tvOS.app"
-            BlueprintName = "RNTester-tvOS"
-            ReferencedContainer = "container:RNTester.xcodeproj">
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "RNTester.app"
+            BlueprintName = "RNTester"
+            ReferencedContainer = "container:RNTesterPods.xcodeproj">
          </BuildableReference>
       </MacroExpansion>
+      <EnvironmentVariables>
+         <EnvironmentVariable
+            key = "CI_USE_PACKAGER"
+            value = "1"
+            isEnabled = "YES">
+         </EnvironmentVariable>
+         <EnvironmentVariable
+            key = "RN_BUNDLE_PREFIX"
+            value = ""
+            isEnabled = "YES">
+         </EnvironmentVariable>
+      </EnvironmentVariables>
       <AdditionalOptions>
       </AdditionalOptions>
    </TestAction>
@@ -85,23 +78,15 @@
       debugDocumentVersioning = "YES"
       debugServiceExtension = "internal"
       allowLocationSimulation = "YES">
-      <BuildableProductRunnable
-         runnableDebuggingMode = "0">
+      <MacroExpansion>
          <BuildableReference
             BuildableIdentifier = "primary"
-            BlueprintIdentifier = "2DD3238F1DA2DD8A000FE1B8"
-            BuildableName = "RNTester-tvOS.app"
-            BlueprintName = "RNTester-tvOS"
-            ReferencedContainer = "container:RNTester.xcodeproj">
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "RNTester.app"
+            BlueprintName = "RNTester"
+            ReferencedContainer = "container:RNTesterPods.xcodeproj">
          </BuildableReference>
-      </BuildableProductRunnable>
-      <EnvironmentVariables>
-         <EnvironmentVariable
-            key = "CI_USE_PACKAGER"
-            value = "1"
-            isEnabled = "YES">
-         </EnvironmentVariable>
-      </EnvironmentVariables>
+      </MacroExpansion>
       <AdditionalOptions>
       </AdditionalOptions>
    </LaunchAction>
@@ -111,16 +96,15 @@
       savedToolIdentifier = ""
       useCustomWorkingDirectory = "NO"
       debugDocumentVersioning = "YES">
-      <BuildableProductRunnable
-         runnableDebuggingMode = "0">
+      <MacroExpansion>
          <BuildableReference
             BuildableIdentifier = "primary"
-            BlueprintIdentifier = "2DD3238F1DA2DD8A000FE1B8"
-            BuildableName = "RNTester-tvOS.app"
-            BlueprintName = "RNTester-tvOS"
-            ReferencedContainer = "container:RNTester.xcodeproj">
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "RNTester.app"
+            BlueprintName = "RNTester"
+            ReferencedContainer = "container:RNTesterPods.xcodeproj">
          </BuildableReference>
-      </BuildableProductRunnable>
+      </MacroExpansion>
    </ProfileAction>
    <AnalyzeAction
       buildConfiguration = "Debug">
diff --git a/RNTester/RNTester.xcodeproj/xcshareddata/xcschemes/RNTester.xcscheme b/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTesterUnitTests.xcscheme
similarity index 57%
rename from RNTester/RNTester.xcodeproj/xcshareddata/xcschemes/RNTester.xcscheme
rename to RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTesterUnitTests.xcscheme
index 2202cf9c8b5de0..35508981b41ce4 100644
--- a/RNTester/RNTester.xcodeproj/xcshareddata/xcschemes/RNTester.xcscheme
+++ b/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTesterUnitTests.xcscheme
@@ -1,39 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
-   LastUpgradeVersion = "0940"
+   LastUpgradeVersion = "1020"
    version = "1.7">
    <BuildAction
       parallelizeBuildables = "NO"
       buildImplicitDependencies = "YES">
       <BuildActionEntries>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "YES"
-            buildForProfiling = "YES"
-            buildForArchiving = "YES"
-            buildForAnalyzing = "YES">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "83CBBA2D1A601D0E00E9B192"
-               BuildableName = "libReact.a"
-               BlueprintName = "React"
-               ReferencedContainer = "container:../React/React.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "YES"
-            buildForProfiling = "YES"
-            buildForArchiving = "YES"
-            buildForAnalyzing = "YES">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "3D13F83D1D6F6AE000E69E0E"
-               BuildableName = "RNTesterBundle.bundle"
-               BlueprintName = "RNTesterBundle"
-               ReferencedContainer = "container:RNTester.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
          <BuildActionEntry
             buildForTesting = "YES"
             buildForRunning = "YES"
@@ -45,7 +17,7 @@
                BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
                BuildableName = "RNTester.app"
                BlueprintName = "RNTester"
-               ReferencedContainer = "container:RNTester.xcodeproj">
+               ReferencedContainer = "container:RNTesterPods.xcodeproj">
             </BuildableReference>
          </BuildActionEntry>
          <BuildActionEntry
@@ -56,24 +28,10 @@
             buildForAnalyzing = "NO">
             <BuildableReference
                BuildableIdentifier = "primary"
-               BlueprintIdentifier = "004D289D1AAF61C70097A701"
+               BlueprintIdentifier = "E7DB209E22B2BA84005AC45F"
                BuildableName = "RNTesterUnitTests.xctest"
                BlueprintName = "RNTesterUnitTests"
-               ReferencedContainer = "container:RNTester.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "NO"
-            buildForProfiling = "NO"
-            buildForArchiving = "NO"
-            buildForAnalyzing = "NO">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "143BC5941B21E3E100462512"
-               BuildableName = "RNTesterIntegrationTests.xctest"
-               BlueprintName = "RNTesterIntegrationTests"
-               ReferencedContainer = "container:RNTester.xcodeproj">
+               ReferencedContainer = "container:RNTesterPods.xcodeproj">
             </BuildableReference>
          </BuildActionEntry>
       </BuildActionEntries>
@@ -103,20 +61,25 @@
             skipped = "NO">
             <BuildableReference
                BuildableIdentifier = "primary"
-               BlueprintIdentifier = "004D289D1AAF61C70097A701"
+               BlueprintIdentifier = "E7DB209E22B2BA84005AC45F"
                BuildableName = "RNTesterUnitTests.xctest"
                BlueprintName = "RNTesterUnitTests"
-               ReferencedContainer = "container:RNTester.xcodeproj">
+               ReferencedContainer = "container:RNTesterPods.xcodeproj">
             </BuildableReference>
+            <SkippedTests>
+               <Test
+                  Identifier = "RCTBundleURLProviderTests">
+               </Test>
+            </SkippedTests>
          </TestableReference>
          <TestableReference
             skipped = "NO">
             <BuildableReference
                BuildableIdentifier = "primary"
-               BlueprintIdentifier = "143BC5941B21E3E100462512"
-               BuildableName = "RNTesterIntegrationTests.xctest"
-               BlueprintName = "RNTesterIntegrationTests"
-               ReferencedContainer = "container:RNTester.xcodeproj">
+               BlueprintIdentifier = "E7DB217A22B30380005AC45F"
+               BuildableName = "RNTesterBundle.xctest"
+               BlueprintName = "RNTesterBundle"
+               ReferencedContainer = "container:RNTesterPods.xcodeproj">
             </BuildableReference>
             <SkippedTests>
                <Test
@@ -136,28 +99,15 @@
       debugDocumentVersioning = "YES"
       debugServiceExtension = "internal"
       allowLocationSimulation = "YES">
-      <BuildableProductRunnable
-         runnableDebuggingMode = "0">
+      <MacroExpansion>
          <BuildableReference
             BuildableIdentifier = "primary"
             BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
             BuildableName = "RNTester.app"
             BlueprintName = "RNTester"
-            ReferencedContainer = "container:RNTester.xcodeproj">
+            ReferencedContainer = "container:RNTesterPods.xcodeproj">
          </BuildableReference>
-      </BuildableProductRunnable>
-      <EnvironmentVariables>
-         <EnvironmentVariable
-            key = "CI_USE_PACKAGER"
-            value = "1"
-            isEnabled = "YES">
-         </EnvironmentVariable>
-         <EnvironmentVariable
-            key = "RN_BUNDLE_PREFIX"
-            value = ""
-            isEnabled = "YES">
-         </EnvironmentVariable>
-      </EnvironmentVariables>
+      </MacroExpansion>
    </LaunchAction>
    <ProfileAction
       buildConfiguration = "Release"
@@ -165,16 +115,15 @@
       savedToolIdentifier = ""
       useCustomWorkingDirectory = "NO"
       debugDocumentVersioning = "YES">
-      <BuildableProductRunnable
-         runnableDebuggingMode = "0">
+      <MacroExpansion>
          <BuildableReference
             BuildableIdentifier = "primary"
             BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
             BuildableName = "RNTester.app"
             BlueprintName = "RNTester"
-            ReferencedContainer = "container:RNTester.xcodeproj">
+            ReferencedContainer = "container:RNTesterPods.xcodeproj">
          </BuildableReference>
-      </BuildableProductRunnable>
+      </MacroExpansion>
    </ProfileAction>
    <AnalyzeAction
       buildConfiguration = "Debug">
diff --git a/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/iosDeviceBuild.xcscheme b/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/iosDeviceBuild.xcscheme
new file mode 100644
index 00000000000000..3c641f49383921
--- /dev/null
+++ b/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/iosDeviceBuild.xcscheme
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1130"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "387847D0245631D80035033A"
+               BuildableName = "libiosDeviceBuild.a"
+               BlueprintName = "iosDeviceBuild"
+               ReferencedContainer = "container:RNTesterPods.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+      </Testables>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "387847D0245631D80035033A"
+            BuildableName = "libiosDeviceBuild.a"
+            BlueprintName = "iosDeviceBuild"
+            ReferencedContainer = "container:RNTesterPods.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>
diff --git a/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/iosSimulatorBuild.xcscheme b/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/iosSimulatorBuild.xcscheme
new file mode 100644
index 00000000000000..848622fc7c5dd6
--- /dev/null
+++ b/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/iosSimulatorBuild.xcscheme
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1130"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "387847DD245631F50035033A"
+               BuildableName = "libiosSimulatorBuild.a"
+               BlueprintName = "iosSimulatorBuild"
+               ReferencedContainer = "container:RNTesterPods.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+      </Testables>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "387847DD245631F50035033A"
+            BuildableName = "libiosSimulatorBuild.a"
+            BlueprintName = "iosSimulatorBuild"
+            ReferencedContainer = "container:RNTesterPods.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>
diff --git a/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/macOSBuild.xcscheme b/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/macOSBuild.xcscheme
new file mode 100644
index 00000000000000..d9f60490f4d097
--- /dev/null
+++ b/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/macOSBuild.xcscheme
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1130"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "387847EA2456320C0035033A"
+               BuildableName = "libmacOSBuild.a"
+               BlueprintName = "macOSBuild"
+               ReferencedContainer = "container:RNTesterPods.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+      </Testables>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "387847EA2456320C0035033A"
+            BuildableName = "libmacOSBuild.a"
+            BlueprintName = "macOSBuild"
+            ReferencedContainer = "container:RNTesterPods.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>
diff --git a/RNTester/RNTesterUnitTests/OCMock/OCMStubRecorder.h b/RNTester/RNTesterUnitTests/OCMock/OCMStubRecorder.h
index 86eb818048e129..283fd963bf33af 100644
--- a/RNTester/RNTesterUnitTests/OCMock/OCMStubRecorder.h
+++ b/RNTester/RNTesterUnitTests/OCMock/OCMStubRecorder.h
@@ -14,7 +14,7 @@
  *  under the License.
  */
 
-#import <OCMock/OCMRecorder.h>
+#import "OCMRecorder.h"
 
 
 @interface OCMStubRecorder : OCMRecorder
diff --git a/RNTester/RNTesterUnitTests/OCMock/OCMock.h b/RNTester/RNTesterUnitTests/OCMock/OCMock.h
index f0083b3507ea74..ea5d93c126d8d8 100644
--- a/RNTester/RNTesterUnitTests/OCMock/OCMock.h
+++ b/RNTester/RNTesterUnitTests/OCMock/OCMock.h
@@ -14,14 +14,14 @@
  *  under the License.
  */
 
-#import <OCMock/OCMockObject.h>
-#import <OCMock/OCMRecorder.h>
-#import <OCMock/OCMStubRecorder.h>
-#import <OCMock/OCMConstraint.h>
-#import <OCMock/OCMArg.h>
-#import <OCMock/OCMLocation.h>
-#import <OCMock/OCMMacroState.h>
-#import <OCMock/NSNotificationCenter+OCMAdditions.h>
+#import "OCMockObject.h"
+#import "OCMRecorder.h"
+#import "OCMStubRecorder.h"
+#import "OCMConstraint.h"
+#import "OCMArg.h"
+#import "OCMLocation.h"
+#import "OCMMacroState.h"
+#import "NSNotificationCenter+OCMAdditions.h"
 
 
 #define OCMClassMock(cls) [OCMockObject niceMockForClass:cls]
diff --git a/RNTester/RNTesterUnitTests/RCTAllocationTests.m b/RNTester/RNTesterUnitTests/RCTAllocationTests.m
index 04c1a72666a980..aebfd3f7923584 100644
--- a/RNTester/RNTesterUnitTests/RCTAllocationTests.m
+++ b/RNTester/RNTesterUnitTests/RCTAllocationTests.m
@@ -172,7 +172,7 @@ - (void)testContentViewIsInvalidated
 /**
  * T42930872:
  *
- * Both bridge invalidation and bridge setUp occurr execute concurrently.
+ * Both bridge invalidation and bridge setUp occur execute concurrently.
  * Therefore, it's not safe for us to create a bridge, and immediately reload on
  * it. It's also unsafe to just reload the bridge, because that calls invalidate
  * and then setUp. Because of these race conditions, this test may randomly
diff --git a/RNTester/RNTesterUnitTests/RCTAnimationUtilsTests.m b/RNTester/RNTesterUnitTests/RCTAnimationUtilsTests.m
index dc40bd1f1d8202..a0546a93131a8b 100644
--- a/RNTester/RNTesterUnitTests/RCTAnimationUtilsTests.m
+++ b/RNTester/RNTesterUnitTests/RCTAnimationUtilsTests.m
@@ -8,7 +8,7 @@
 
 #import <XCTest/XCTest.h>
 
-#import <RCTAnimation/RCTAnimationUtils.h>
+#import <React/RCTAnimationUtils.h>
 
 @interface RCTAnimationUtilsTests : XCTestCase
 
diff --git a/RNTester/RNTesterUnitTests/RCTBlobManagerTests.m b/RNTester/RNTesterUnitTests/RCTBlobManagerTests.m
index 2b0f5eb754b39a..b3a472e16841ef 100644
--- a/RNTester/RNTesterUnitTests/RCTBlobManagerTests.m
+++ b/RNTester/RNTesterUnitTests/RCTBlobManagerTests.m
@@ -8,7 +8,7 @@
 
 #import <XCTest/XCTest.h>
 
-#import <RCTBlob/RCTBlobManager.h>
+#import <React/RCTBlobManager.h>
 
 @interface RCTBlobManagerTests : XCTestCase
 
diff --git a/RNTester/RNTesterUnitTests/RCTBundleURLProviderTests.m b/RNTester/RNTesterUnitTests/RCTBundleURLProviderTests.m
index 7fbea5cb9dcbb8..ed88b6135ddb45 100644
--- a/RNTester/RNTesterUnitTests/RCTBundleURLProviderTests.m
+++ b/RNTester/RNTesterUnitTests/RCTBundleURLProviderTests.m
@@ -20,12 +20,12 @@
 
 static NSURL *localhostBundleURL()
 {
-  return [NSURL URLWithString:[NSString stringWithFormat:@"http://localhost:8081/%@.bundle?platform=%@&dev=true&minify=false", testFile, kRCTPlatformName]];
+  return [NSURL URLWithString:[NSString stringWithFormat:@"http://localhost:8081/%@.bundle?platform=%@&dev=true&minify=false", testFile, kRCTPlatformName]]; // TODO(macOS ISS#3536887)
 }
 
 static NSURL *ipBundleURL()
 {
-  return [NSURL URLWithString:[NSString stringWithFormat:@"http://192.168.1.1:8081/%@.bundle?platform=%@&dev=true&minify=false", testFile, kRCTPlatformName]];
+  return [NSURL URLWithString:[NSString stringWithFormat:@"http://192.168.1.1:8081/%@.bundle?platform=%@&dev=true&minify=false", testFile, kRCTPlatformName]]; // TODO(macOS ISS#3536887)
 }
 
 @implementation NSBundle (RCTBundleURLProviderTests)
diff --git a/RNTester/RNTesterUnitTests/RCTConvert_NSColorTests.m b/RNTester/RNTesterUnitTests/RCTConvert_NSColorTests.m
index 1d5b3ef6e038bf..64a1b20ebe08a4 100644
--- a/RNTester/RNTesterUnitTests/RCTConvert_NSColorTests.m
+++ b/RNTester/RNTesterUnitTests/RCTConvert_NSColorTests.m
@@ -6,6 +6,8 @@
  *
  */
 
+// TODO(macOS ISS#3536887)
+
 #import <XCTest/XCTest.h>
 
 #import <React/RCTConvert.h>
diff --git a/RNTester/RNTesterUnitTests/RCTConvert_NSURLTests.m b/RNTester/RNTesterUnitTests/RCTConvert_NSURLTests.m
index fb944003c6d9be..cdf4bfec8bf92f 100644
--- a/RNTester/RNTesterUnitTests/RCTConvert_NSURLTests.m
+++ b/RNTester/RNTesterUnitTests/RCTConvert_NSURLTests.m
@@ -30,7 +30,7 @@ - (void)test_##name { \
 } \
 
 #define TEST_BUNDLE_PATH(name, _input, _expectedPath) \
-TEST_PATH(name, _input, [[[NSBundle mainBundle] resourcePath] stringByAppendingPathComponent:_expectedPath])
+TEST_PATH(name, _input, [[[NSBundle mainBundle] bundlePath] stringByAppendingPathComponent:_expectedPath])
 
 // Basic tests
 TEST_URL(basic, @"http://example.com", @"http://example.com")
diff --git a/RNTester/RNTesterUnitTests/RCTConvert_UIColorTests.m b/RNTester/RNTesterUnitTests/RCTConvert_UIColorTests.m
index 01507bd9fa0b0b..443265302687c4 100644
--- a/RNTester/RNTesterUnitTests/RCTConvert_UIColorTests.m
+++ b/RNTester/RNTesterUnitTests/RCTConvert_UIColorTests.m
@@ -6,6 +6,8 @@
  *
  */
 
+// TODO(macOS ISS#3536887)
+
 #import <XCTest/XCTest.h>
 
 #import <React/RCTConvert.h>
diff --git a/RNTester/RNTesterUnitTests/RCTEventDispatcherTests.m b/RNTester/RNTesterUnitTests/RCTEventDispatcherTests.m
index 405a3050340c48..b4064e0d3799dd 100644
--- a/RNTester/RNTesterUnitTests/RCTEventDispatcherTests.m
+++ b/RNTester/RNTesterUnitTests/RCTEventDispatcherTests.m
@@ -6,10 +6,10 @@
  *
  */
 
-#import <React/RCTUIKit.h>
+#import <React/RCTUIKit.h> // TODO(macOS ISS#3536887)
 #import <XCTest/XCTest.h>
 
-#import <OCMock/OCMock.h>
+#import "OCMock/OCMock.h"
 
 #import <React/RCTEventDispatcher.h>
 
diff --git a/RNTester/RNTesterUnitTests/RCTImageLoaderTests.m b/RNTester/RNTesterUnitTests/RCTImageLoaderTests.m
index e85c408a1407c1..cb1718538bc5a4 100644
--- a/RNTester/RNTesterUnitTests/RCTImageLoaderTests.m
+++ b/RNTester/RNTesterUnitTests/RCTImageLoaderTests.m
@@ -53,13 +53,20 @@ - (void)testImageLoading
   NS_VALID_UNTIL_END_OF_SCOPE RCTBridge *bridge = [[RCTBridge alloc] initWithBundleURL:_bundleURL moduleProvider:^{ return @[loader]; } launchOptions:nil];
 
   NSURLRequest *urlRequest = [NSURLRequest requestWithURL:[NSURL URLWithString:@"https://facebook.github.io/react-native/img/opengraph.png"]];
-  [bridge.imageLoader loadImageWithURLRequest:urlRequest size:CGSizeMake(100, 100) scale:1.0 clipped:YES resizeMode:RCTResizeModeContain progressBlock:^(int64_t progress, int64_t total) {
-    XCTAssertEqual(progress, 1);
-    XCTAssertEqual(total, 1);
-  } partialLoadBlock:nil completionBlock:^(NSError *loadError, id loadedImage) {
-    XCTAssertEqualObjects(loadedImage, image);
-    XCTAssertNil(loadError);
-  }];
+  [[bridge moduleForClass:[RCTImageLoader class]]
+   loadImageWithURLRequest:urlRequest
+   size:CGSizeMake(100, 100)
+   scale:1.0
+   clipped:YES
+   resizeMode:RCTResizeModeContain
+   progressBlock:^(int64_t progress, int64_t total) {
+     XCTAssertEqual(progress, 1);
+     XCTAssertEqual(total, 1);
+   }
+   partialLoadBlock:nil completionBlock:^(NSError *loadError, id loadedImage) {
+     XCTAssertEqualObjects(loadedImage, image);
+     XCTAssertNil(loadError);
+   }];
 }
 
 - (void)testImageLoaderUsesImageURLLoaderWithHighestPriority
@@ -84,13 +91,20 @@ - (void)testImageLoaderUsesImageURLLoaderWithHighestPriority
   NS_VALID_UNTIL_END_OF_SCOPE RCTBridge *bridge = [[RCTBridge alloc] initWithBundleURL:_bundleURL moduleProvider:^{ return @[loader1, loader2]; } launchOptions:nil];
 
   NSURLRequest *urlRequest = [NSURLRequest requestWithURL:[NSURL URLWithString:@"https://facebook.github.io/react-native/img/opengraph.png"]];
-  [bridge.imageLoader loadImageWithURLRequest:urlRequest size:CGSizeMake(100, 100) scale:1.0 clipped:YES resizeMode:RCTResizeModeContain progressBlock:^(int64_t progress, int64_t total) {
-    XCTAssertEqual(progress, 1);
-    XCTAssertEqual(total, 1);
-  } partialLoadBlock:nil completionBlock:^(NSError *loadError, id loadedImage) {
-    XCTAssertEqualObjects(loadedImage, image);
-    XCTAssertNil(loadError);
-  }];
+  [[bridge moduleForClass:[RCTImageLoader class]]
+   loadImageWithURLRequest:urlRequest
+   size:CGSizeMake(100, 100)
+   scale:1.0
+   clipped:YES
+   resizeMode:RCTResizeModeContain
+   progressBlock:^(int64_t progress, int64_t total) {
+     XCTAssertEqual(progress, 1);
+     XCTAssertEqual(total, 1);
+   }
+   partialLoadBlock:nil completionBlock:^(NSError *loadError, id loadedImage) {
+     XCTAssertEqualObjects(loadedImage, image);
+     XCTAssertNil(loadError);
+   }];
 }
 
 - (void)testImageDecoding
@@ -108,10 +122,17 @@ - (void)testImageDecoding
 
   NS_VALID_UNTIL_END_OF_SCOPE RCTBridge *bridge = [[RCTBridge alloc] initWithBundleURL:_bundleURL moduleProvider:^{ return @[decoder]; } launchOptions:nil];
 
-  RCTImageLoaderCancellationBlock cancelBlock = [bridge.imageLoader decodeImageData:data size:CGSizeMake(1, 1) scale:1.0 clipped:NO resizeMode:RCTResizeModeStretch completionBlock:^(NSError *decodeError, id decodedImage) {
+  RCTImageLoaderCancellationBlock cancelBlock =
+  [[bridge moduleForClass:[RCTImageLoader class]]
+   decodeImageData:data
+   size:CGSizeMake(1, 1)
+   scale:1.0
+   clipped:NO
+   resizeMode:RCTResizeModeStretch
+   completionBlock:^(NSError *decodeError, id decodedImage) {
     XCTAssertEqualObjects(decodedImage, image);
     XCTAssertNil(decodeError);
-  }];
+   }];
   XCTAssertNotNil(cancelBlock);
 }
 
@@ -137,10 +158,17 @@ - (void)testImageLoaderUsesImageDecoderWithHighestPriority
 
   NS_VALID_UNTIL_END_OF_SCOPE RCTBridge *bridge = [[RCTBridge alloc] initWithBundleURL:_bundleURL moduleProvider:^{ return @[decoder1, decoder2]; } launchOptions:nil];
 
-  RCTImageLoaderCancellationBlock cancelBlock = [bridge.imageLoader decodeImageData:data size:CGSizeMake(1, 1) scale:1.0 clipped:NO resizeMode:RCTResizeModeStretch completionBlock:^(NSError *decodeError, id decodedImage) {
-    XCTAssertEqualObjects(decodedImage, image);
-    XCTAssertNil(decodeError);
-  }];
+  RCTImageLoaderCancellationBlock cancelBlock =
+  [[bridge moduleForClass:[RCTImageLoader class]]
+   decodeImageData:data
+   size:CGSizeMake(1, 1)
+   scale:1.0
+   clipped:NO
+   resizeMode:RCTResizeModeStretch
+   completionBlock:^(NSError *decodeError, id decodedImage) {
+     XCTAssertEqualObjects(decodedImage, image);
+     XCTAssertNil(decodeError);
+    }];
   XCTAssertNotNil(cancelBlock);
 }
 
diff --git a/RNTester/RNTesterUnitTests/RCTImageUtilTests.m b/RNTester/RNTesterUnitTests/RCTImageUtilTests.m
index 44bd2a9abecfb4..d1775e05dc9f0f 100644
--- a/RNTester/RNTesterUnitTests/RCTImageUtilTests.m
+++ b/RNTester/RNTesterUnitTests/RCTImageUtilTests.m
@@ -8,13 +8,10 @@
 
 #import <CoreGraphics/CoreGraphics.h>
 #import <Foundation/Foundation.h>
+// TODO(OSS Candidate ISS#2710739) #import <UIKit/UIView.h>
 #import <XCTest/XCTest.h>
 
-#if __has_include(<React/RCTImageUtils.h>) // TODO(macOS ISS#2323203)
 #import <React/RCTImageUtils.h>
-#else // [TODO(macOS ISS#2323203)
-#import <RCTImage/RCTImageUtils.h>
-#endif // ]TODO(macOS ISS#2323203)
 
 #define RCTAssertEqualPoints(a, b) { \
 XCTAssertEqual(a.x, b.x); \
diff --git a/RNTester/RNTesterUnitTests/RCTMethodArgumentTests.m b/RNTester/RNTesterUnitTests/RCTMethodArgumentTests.m
index 240d4fa14030a9..8f47ae9621b50d 100644
--- a/RNTester/RNTesterUnitTests/RCTMethodArgumentTests.m
+++ b/RNTester/RNTesterUnitTests/RCTMethodArgumentTests.m
@@ -6,7 +6,7 @@
  *
  */
 
-#import <React/RCTUIKit.h>
+#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 #import <XCTest/XCTest.h>
 
 #import <React/RCTModuleMethod.h>
diff --git a/RNTester/RNTesterUnitTests/RCTModuleInitNotificationRaceTests.m b/RNTester/RNTesterUnitTests/RCTModuleInitNotificationRaceTests.m
index 137408b6f16ac6..3bcecc6dc66e0a 100644
--- a/RNTester/RNTesterUnitTests/RCTModuleInitNotificationRaceTests.m
+++ b/RNTester/RNTesterUnitTests/RCTModuleInitNotificationRaceTests.m
@@ -10,6 +10,7 @@
 #import <XCTest/XCTest.h>
 
 #import <RCTTest/RCTTestRunner.h>
+
 #import <React/RCTBridge.h>
 #import <React/RCTBridgeModule.h>
 #import <React/RCTJavaScriptExecutor.h>
diff --git a/RNTester/RNTesterUnitTests/RCTNativeAnimatedNodesManagerTests.m b/RNTester/RNTesterUnitTests/RCTNativeAnimatedNodesManagerTests.m
index e9476dd63614c2..1aed902aa68886 100644
--- a/RNTester/RNTesterUnitTests/RCTNativeAnimatedNodesManagerTests.m
+++ b/RNTester/RNTesterUnitTests/RCTNativeAnimatedNodesManagerTests.m
@@ -8,12 +8,12 @@
 
 #import <XCTest/XCTest.h>
 
-#import <OCMock/OCMock.h>
+#import "OCMock/OCMock.h"
 
-#import <RCTAnimation/RCTNativeAnimatedNodesManager.h>
-#import <RCTAnimation/RCTValueAnimatedNode.h>
+#import <React/RCTNativeAnimatedNodesManager.h>
+#import <React/RCTValueAnimatedNode.h>
 #import <React/RCTUIManager.h>
-#import <React/RCTPlatformDisplayLink.h>
+#import <React/RCTPlatformDisplayLink.h> // TODO(macOS ISS#2323203)
 
 static const NSTimeInterval FRAME_LENGTH = 1.0 / 60.0;
 
@@ -123,7 +123,6 @@ @implementation RCTNativeAnimatedNodesManagerTests
   id _uiManager;
   RCTNativeAnimatedNodesManager *_nodesManager;
   RCTFakeDisplayLink *_displayLink;
-
 }
 
 - (void)setUp
@@ -171,7 +170,6 @@ - (void)testFramesAnimation
     [[_uiManager expect] synchronouslyUpdateViewOnUIThread:@1001
                                                   viewName:@"UIView"
                                                      props:RCTPropChecker(@"opacity", frame)];
-    
     [_nodesManager stepAnimations:_displayLink];
     [_uiManager verify];
   }
@@ -1030,7 +1028,7 @@ - (void)testTrackingPausesWhenEndValueIsReached
  */
 - (void) testSpringTrackingRetainsSpeed
 {
-  // this spring config correspomds to tension 20 and friction 0.5 which makes the spring settle
+  // this spring config corresponds to tension 20 and friction 0.5 which makes the spring settle
   // very slowly
   NSDictionary *springConfig = @{@"type": @"spring",
                                  @"restSpeedThreshold": @0.001,
diff --git a/RNTester/RNTesterUnitTests/RCTUtilsTests.m b/RNTester/RNTesterUnitTests/RCTUtilsTests.m
new file mode 100644
index 00000000000000..c4d678c0d4bd11
--- /dev/null
+++ b/RNTester/RNTesterUnitTests/RCTUtilsTests.m
@@ -0,0 +1,64 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+#import <XCTest/XCTest.h>
+
+#import <React/RCTLog.h>
+#import <React/RCTUtils.h>
+
+static NSString * RCTLogsError(void (^block)(void))
+{
+  __block NSString* loggedMessage = @"";
+  __block BOOL loggedError = NO;
+  RCTPerformBlockWithLogFunction(block, ^(RCTLogLevel level,
+                                          __unused RCTLogSource source,
+                                          __unused NSString *fileName,
+                                          __unused NSNumber *lineNumber,
+                                          NSString *message) {
+    loggedError = (level == RCTLogLevelError);
+    loggedMessage = message;
+  });
+  if (loggedError) {
+    return loggedMessage;
+  }
+  return nil;
+}
+
+
+@interface RCTUtilsTests : XCTestCase
+
+@end
+
+@implementation RCTUtilsTests
+
+- (void)testRCTHumanReadableType
+{
+  XCTAssertEqualObjects(RCTHumanReadableType(@"str"), @"string");
+  XCTAssertEqualObjects(RCTHumanReadableType([NSNumber numberWithInt:4]), @"number");
+
+  // If we could detect that this was definitely a boolean and not a number that would be ideal
+  // That seems difficult in ObjC though
+  XCTAssertEqualObjects(RCTHumanReadableType(@(YES)), @"boolean or number");
+  XCTAssertEqualObjects(RCTHumanReadableType(@(NO)), @"boolean or number");
+  // These ideally would just say number
+  XCTAssertEqualObjects(RCTHumanReadableType([NSNumber numberWithInt:0]), @"boolean or number");
+  XCTAssertEqualObjects(RCTHumanReadableType([NSNumber numberWithInt:1]), @"boolean or number");
+}
+
+- (void)testRCTValidateTypeOfViewCommandArgument
+{
+  XCTAssertEqualObjects(RCTLogsError(^{
+    RCTValidateTypeOfViewCommandArgument(@"str", [NSNumber class], @"number", @"ScrollView", @"scrollTo", @"2nd");
+  }), @"ScrollView command scrollTo received 2nd argument of type string, expected number.");
+
+  XCTAssertEqualObjects(RCTLogsError(^{
+    RCTValidateTypeOfViewCommandArgument(@"str", [NSString class], @"string", @"ScrollView", @"scrollTo", @"1st");
+  }), nil);
+}
+
+@end
diff --git a/RNTester/android/app/build.gradle b/RNTester/android/app/build.gradle
index 9463a2ad5a0dd2..d87be06c06d7e9 100644
--- a/RNTester/android/app/build.gradle
+++ b/RNTester/android/app/build.gradle
@@ -64,11 +64,13 @@ plugins {
  */
 
 project.ext.react = [
-    cliPath: "$rootDir/cli.js",
     bundleAssetName: "RNTesterApp.android.bundle",
     entryFile: file("../../js/RNTesterApp.android.js"),
     root: "$rootDir",
-    inputExcludes: ["android/**", "./**", ".gradle/**"]
+    inputExcludes: ["android/**", "./**", ".gradle/**"],
+    composeSourceMapsPath: "$rootDir/scripts/compose-source-maps.js",
+    hermesCommand: "../../../node_modules/hermes-engine/%OS-BIN%/hermes",
+    enableHermesForVariant: { def v -> v.name.contains("hermes") }
 ]
 
 apply from: "../../../react.gradle"
@@ -105,6 +107,16 @@ android {
         targetCompatibility JavaVersion.VERSION_1_8
     }
 
+    flavorDimensions "vm"
+    productFlavors {
+        hermes {
+            dimension "vm"
+        }
+        jsc {
+            dimension "vm"
+        }
+    }
+
     defaultConfig {
         applicationId "com.facebook.react.uiapp"
         minSdkVersion 16
@@ -137,13 +149,26 @@ android {
             proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
             signingConfig signingConfigs.release
         }
+    
     }
+    packagingOptions {
+       pickFirst 'lib/x86/libc++_shared.so'
+       pickFirst 'lib/x86_64/libjsc.so'
+       pickFirst 'lib/arm64-v8a/libjsc.so'
+       pickFirst 'lib/arm64-v8a/libc++_shared.so'
+       pickFirst 'lib/x86_64/libc++_shared.so'
+       pickFirst 'lib/armeabi-v7a/libc++_shared.so'
+   }
 }
 
 dependencies {
     implementation fileTree(dir: 'libs', include: ['*.jar'])
     implementation project(':ReactAndroid')
 
+    def hermesPath = '$projectDir/../../../../node_modules/hermes-engine/android/'
+    debugImplementation files(hermesPath + "hermes-debug.aar")
+    releaseImplementation files(hermesPath + "hermes-release.aar")
+
     if (useIntlJsc) {
         implementation 'org.webkit:android-jsc-intl:+'
     } else {
diff --git a/RNTester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterActivity.java b/RNTester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterActivity.java
index 36b14a98c5f9fa..6878202e867898 100644
--- a/RNTester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterActivity.java
+++ b/RNTester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterActivity.java
@@ -1,20 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
+ * <p>This source 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.os.Bundle;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.ReactActivity;
 import com.facebook.react.ReactActivityDelegate;
 
-import javax.annotation.Nullable;
-
 public class RNTesterActivity extends ReactActivity {
   public static class RNTesterActivityDelegate extends ReactActivityDelegate {
     private static final String LOG_TAG = "RNTesterActivity";
@@ -32,10 +28,11 @@ protected void onCreate(Bundle savedInstanceState) {
       // Get remote param before calling super which uses it
       Bundle bundle = mActivity.getIntent().getExtras();
       if (bundle != null && bundle.containsKey(PARAM_ROUTE)) {
-        String routeUri = new StringBuilder("rntester://example/")
-          .append(bundle.getString(PARAM_ROUTE))
-          .append("Example")
-          .toString();
+        String routeUri =
+            new StringBuilder("rntester://example/")
+                .append(bundle.getString(PARAM_ROUTE))
+                .append("Example")
+                .toString();
         mInitialProps = new Bundle();
         mInitialProps.putString("exampleFromAppetizeParams", routeUri);
       }
diff --git a/RNTester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterApplication.java b/RNTester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterApplication.java
index a6601115ad981d..f6f33b6e2fe3a0 100644
--- a/RNTester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterApplication.java
+++ b/RNTester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterApplication.java
@@ -1,54 +1,51 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
+ * <p>This source 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.react.BuildConfig;
 import com.facebook.react.ReactApplication;
 import com.facebook.react.ReactNativeHost;
 import com.facebook.react.ReactPackage;
 import com.facebook.react.shell.MainReactPackage;
 import com.facebook.react.views.text.ReactFontManager;
-
+import com.facebook.soloader.SoLoader;
 import java.util.Arrays;
 import java.util.List;
 
 public class RNTesterApplication extends Application implements ReactApplication {
-  private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
-    @Override
-    public String getJSMainModuleName() {
-      return "RNTester/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()
-      );
-    }
-  };
+  private final ReactNativeHost mReactNativeHost =
+      new ReactNativeHost(this) {
+        @Override
+        public String getJSMainModuleName() {
+          return "RNTester/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());
+        }
+      };
 
   @Override
   public void onCreate() {
     ReactFontManager.getInstance().addCustomFont(this, "Rubik", R.font.rubik);
     super.onCreate();
+    SoLoader.init(this, /* native exopackage */ false);
   }
 
   @Override
diff --git a/RNTester/e2e/__tests__/Button-test.js~HEAD b/RNTester/e2e/__tests__/Button-test.js~HEAD
deleted file mode 100644
index 2d5a573f043e9c..00000000000000
--- a/RNTester/e2e/__tests__/Button-test.js~HEAD
+++ /dev/null
@@ -1,55 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @emails oncall+react_native
- * @format
- */
-
-/* global device, element, by, expect */
-
-describe('Button', () => {
-  beforeAll(async () => {
-    await device.reloadReactNative();
-    await element(by.id('explorer_search')).replaceText('<Button>');
-    await element(
-      by.label('<Button> Simple React Native button component.'),
-    ).tap();
-  });
-
-  afterAll(async () => {
-    //TODO - remove app state persistency, till then, we must go back to main screen,
-    await element(by.label('Back')).tap();
-  });
-
-  it('Simple button should be tappable', async () => {
-    await element(by.label('Press Me')).tap();
-    await expect(element(by.text('Simple has been pressed!'))).toBeVisible();
-    await element(by.text('OK')).tap();
-  });
-
-  it('Adjusted color button should be tappable', async () => {
-    await element(by.label('Press Purple')).tap();
-    await expect(element(by.text('Purple has been pressed!'))).toBeVisible();
-    await element(by.text('OK')).tap();
-  });
-
-  it("Two buttons with JustifyContent:'space-between' should be tappable", async () => {
-    await element(by.label('This looks great!')).tap();
-    await expect(element(by.text('Left has been pressed!'))).toBeVisible();
-    await element(by.text('OK')).tap();
-
-    await element(by.label('Ok!')).tap();
-    await expect(element(by.text('Right has been pressed!'))).toBeVisible();
-    await element(by.text('OK')).tap();
-  });
-
-  it('Disabled button should not interact', async () => {
-    await element(by.label('I Am Disabled')).tap();
-    await expect(
-      element(by.text('Disabled has been pressed!')),
-    ).toBeNotVisible();
-  });
-});
diff --git a/RNTester/js/AssetScaledImageExample.js b/RNTester/js/AssetScaledImageExample.js
deleted file mode 100644
index 32620c05e35ce0..00000000000000
--- a/RNTester/js/AssetScaledImageExample.js
+++ /dev/null
@@ -1,92 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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 {Image, StyleSheet, View, ScrollView} = require('react-native');
-
-import type {PhotoIdentifier} from '../../Libraries/CameraRoll/CameraRoll';
-
-type Props = $ReadOnly<{|
-  asset: PhotoIdentifier,
-|}>;
-
-type State = {|
-  asset: PhotoIdentifier,
-|};
-
-class AssetScaledImageExample extends React.Component<Props, State> {
-  state = {
-    asset: this.props.asset,
-  };
-
-  render() {
-    const image = this.state.asset.node.image;
-    return (
-      <ScrollView>
-        <View style={styles.row}>
-          <Image source={image} style={styles.imageWide} />
-        </View>
-        <View style={styles.row}>
-          <Image source={image} style={styles.imageThumb} />
-          <Image source={image} style={styles.imageThumb} />
-          <Image source={image} style={styles.imageThumb} />
-        </View>
-        <View style={styles.row}>
-          <Image source={image} style={styles.imageT1} />
-          <Image source={image} style={styles.imageT2} />
-        </View>
-      </ScrollView>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  row: {
-    padding: 5,
-    flex: 1,
-    flexDirection: 'row',
-    alignSelf: 'center',
-  },
-  imageWide: {
-    borderWidth: 1,
-    borderColor: 'black',
-    width: 320,
-    height: 240,
-    margin: 5,
-  },
-  imageThumb: {
-    borderWidth: 1,
-    borderColor: 'black',
-    width: 100,
-    height: 100,
-    margin: 5,
-  },
-  imageT1: {
-    borderWidth: 1,
-    borderColor: 'black',
-    width: 212,
-    height: 320,
-    margin: 5,
-  },
-  imageT2: {
-    borderWidth: 1,
-    borderColor: 'black',
-    width: 100,
-    height: 320,
-    margin: 5,
-  },
-});
-
-exports.title = '<AssetScaledImageExample>';
-exports.description =
-  'Example component that displays the automatic scaling capabilities of the <Image /> tag';
-module.exports = AssetScaledImageExample;
diff --git a/RNTester/js/CameraRollExample.js b/RNTester/js/CameraRollExample.js
deleted file mode 100644
index 7f0660db8f29b7..00000000000000
--- a/RNTester/js/CameraRollExample.js
+++ /dev/null
@@ -1,162 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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
- */
-'use strict';
-
-const React = require('react');
-const {
-  CameraRoll,
-  Image,
-  Slider,
-  StyleSheet,
-  Switch,
-  Text,
-  View,
-  TouchableOpacity,
-} = require('react-native');
-
-const invariant = require('invariant');
-
-const CameraRollView = require('./CameraRollView');
-
-const AssetScaledImageExampleView = require('./AssetScaledImageExample');
-
-import type {
-  PhotoIdentifier,
-  GroupTypes,
-} from '../../Libraries/CameraRoll/CameraRoll';
-
-type Props = $ReadOnly<{|
-  navigator?: ?Array<
-    $ReadOnly<{|
-      title: string,
-      component: Class<React.Component<any, any>>,
-      backButtonTitle: string,
-      passProps: $ReadOnly<{|asset: PhotoIdentifier|}>,
-    |}>,
-  >,
-|}>;
-
-type State = {|
-  groupTypes: GroupTypes,
-  sliderValue: number,
-  bigImages: boolean,
-|};
-
-class CameraRollExample extends React.Component<Props, State> {
-  state = {
-    groupTypes: 'SavedPhotos',
-    sliderValue: 1,
-    bigImages: true,
-  };
-  _cameraRollView: ?React.ElementRef<typeof CameraRollView>;
-  render() {
-    return (
-      <View>
-        <Switch
-          onValueChange={this._onSwitchChange}
-          value={this.state.bigImages}
-        />
-        <Text>{(this.state.bigImages ? 'Big' : 'Small') + ' Images'}</Text>
-        <Slider
-          value={this.state.sliderValue}
-          onValueChange={this._onSliderChange}
-        />
-        <Text>{'Group Type: ' + this.state.groupTypes}</Text>
-        <CameraRollView
-          ref={ref => {
-            this._cameraRollView = ref;
-          }}
-          batchSize={20}
-          groupTypes={this.state.groupTypes}
-          renderImage={this._renderImage}
-          bigImages={this.state.bigImages}
-        />
-      </View>
-    );
-  }
-
-  loadAsset(asset) {
-    if (this.props.navigator) {
-      this.props.navigator.push({
-        title: 'Camera Roll Image',
-        component: AssetScaledImageExampleView,
-        backButtonTitle: 'Back',
-        passProps: {asset: asset},
-      });
-    }
-  }
-
-  _renderImage = (asset: PhotoIdentifier) => {
-    const imageSize = this.state.bigImages ? 150 : 75;
-    const imageStyle = [styles.image, {width: imageSize, height: imageSize}];
-    const {location} = asset.node;
-    const locationStr = location
-      ? JSON.stringify(location)
-      : 'Unknown location';
-    return (
-      <TouchableOpacity
-        key={asset.node.image.uri}
-        onPress={this.loadAsset.bind(this, asset)}>
-        <View style={styles.row}>
-          <Image source={asset.node.image} style={imageStyle} />
-          <View style={styles.info}>
-            <Text style={styles.url}>{asset.node.image.uri}</Text>
-            <Text>{locationStr}</Text>
-            <Text>{asset.node.group_name}</Text>
-            <Text>{new Date(asset.node.timestamp).toString()}</Text>
-          </View>
-        </View>
-      </TouchableOpacity>
-    );
-  };
-
-  _onSliderChange = value => {
-    const options = Object.keys(CameraRoll.GroupTypesOptions);
-    const index = Math.floor(value * options.length * 0.99);
-    const groupTypes = options[index];
-    if (groupTypes !== this.state.groupTypes) {
-      this.setState({groupTypes: groupTypes});
-    }
-  };
-
-  _onSwitchChange = value => {
-    invariant(this._cameraRollView, 'ref should be set');
-    this.setState({bigImages: value});
-  };
-}
-
-const styles = StyleSheet.create({
-  row: {
-    flexDirection: 'row',
-    flex: 1,
-  },
-  url: {
-    fontSize: 9,
-    marginBottom: 14,
-  },
-  image: {
-    margin: 4,
-  },
-  info: {
-    flex: 1,
-  },
-});
-
-exports.title = 'Camera Roll';
-exports.description =
-  "Example component that uses CameraRoll to list user's photos";
-exports.examples = [
-  {
-    title: 'Photos',
-    render(): React.Node {
-      return <CameraRollExample />;
-    },
-  },
-];
diff --git a/RNTester/js/CameraRollView.js b/RNTester/js/CameraRollView.js
deleted file mode 100644
index 8058f0aba3364b..00000000000000
--- a/RNTester/js/CameraRollView.js
+++ /dev/null
@@ -1,264 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-const React = require('react');
-const {
-  ActivityIndicator,
-  Alert,
-  CameraRoll,
-  Image,
-  FlatList,
-  PermissionsAndroid,
-  Platform,
-  StyleSheet,
-  View,
-} = require('react-native');
-
-const groupByEveryN = require('../../Libraries/Utilities/groupByEveryN');
-const logError = require('../../Libraries/Utilities/logError');
-
-import type {
-  PhotoIdentifier,
-  PhotoIdentifiersPage,
-  GetPhotosParams,
-} from '../../Libraries/CameraRoll/CameraRoll';
-
-type Props = $ReadOnly<{|
-  /**
-   * The group where the photos will be fetched from. Possible
-   * values are 'Album', 'All', 'Event', 'Faces', 'Library', 'PhotoStream'
-   * and SavedPhotos.
-   */
-  groupTypes:
-    | 'Album'
-    | 'All'
-    | 'Event'
-    | 'Faces'
-    | 'Library'
-    | 'PhotoStream'
-    | 'SavedPhotos',
-
-  /**
-   * Number of images that will be fetched in one page.
-   */
-  batchSize: number,
-
-  /**
-   * A function that takes a single image as a parameter and renders it.
-   */
-  renderImage: PhotoIdentifier => React.Node,
-
-  /**
-   * imagesPerRow: Number of images to be shown in each row.
-   */
-  imagesPerRow: number,
-
-  /**
-   * A boolean that indicates if we should render large or small images.
-   */
-  bigImages?: boolean,
-
-  /**
-   * The asset type, one of 'Photos', 'Videos' or 'All'
-   */
-  assetType: 'Photos' | 'Videos' | 'All',
-|}>;
-
-type State = {|
-  assets: Array<PhotoIdentifier>,
-  data: Array<Array<?PhotoIdentifier>>,
-  seen: Set<string>,
-  lastCursor: ?string,
-  noMore: boolean,
-  loadingMore: boolean,
-|};
-
-type Row = {
-  item: Array<?PhotoIdentifier>,
-};
-
-class CameraRollView extends React.Component<Props, State> {
-  static defaultProps = {
-    groupTypes: 'SavedPhotos',
-    batchSize: 5,
-    imagesPerRow: 1,
-    assetType: 'Photos',
-    renderImage: function(asset: PhotoIdentifier) {
-      const imageSize = 150;
-      const imageStyle = [styles.image, {width: imageSize, height: imageSize}];
-      return <Image source={asset.node.image} style={imageStyle} />;
-    },
-  };
-
-  state = this.getInitialState();
-
-  getInitialState() {
-    return {
-      assets: [],
-      data: [],
-      seen: new Set(),
-      lastCursor: null,
-      noMore: false,
-      loadingMore: false,
-    };
-  }
-
-  componentDidMount() {
-    this.fetch();
-  }
-
-  UNSAFE_componentWillReceiveProps(nextProps: Props) {
-    if (this.props.groupTypes !== nextProps.groupTypes) {
-      this.fetch(true);
-    }
-  }
-
-  async _fetch(clear?: boolean) {
-    if (clear) {
-      this.setState(this.getInitialState(), this.fetch);
-      return;
-    }
-
-    if (Platform.OS === 'android') {
-      const result = await PermissionsAndroid.request(
-        PermissionsAndroid.PERMISSIONS.READ_EXTERNAL_STORAGE,
-        {
-          title: 'Permission Explanation',
-          message: 'RNTester would like to access your pictures.',
-        },
-      );
-      if (result !== 'granted') {
-        Alert.alert('Access to pictures was denied.');
-        return;
-      }
-    }
-
-    const fetchParams: GetPhotosParams = {
-      first: this.props.batchSize,
-      groupTypes: this.props.groupTypes,
-      assetType: this.props.assetType,
-    };
-    if (Platform.OS === 'android') {
-      // not supported in android
-      delete fetchParams.groupTypes;
-    }
-
-    if (this.state.lastCursor) {
-      fetchParams.after = this.state.lastCursor;
-    }
-
-    try {
-      const data = await CameraRoll.getPhotos(fetchParams);
-      this._appendAssets(data);
-    } catch (e) {
-      logError(e);
-    }
-  }
-
-  /**
-   * Fetches more images from the camera roll. If clear is set to true, it will
-   * set the component to its initial state and re-fetch the images.
-   */
-  fetch = (clear?: boolean) => {
-    if (!this.state.loadingMore) {
-      this.setState({loadingMore: true}, () => {
-        this._fetch(clear);
-      });
-    }
-  };
-
-  render() {
-    return (
-      <FlatList
-        keyExtractor={(_, idx) => String(idx)}
-        renderItem={this._renderItem}
-        ListFooterComponent={this._renderFooterSpinner}
-        onEndReached={this._onEndReached}
-        onEndReachedThreshold={0.2}
-        style={styles.container}
-        data={this.state.data || []}
-        extraData={this.props.bigImages + this.state.noMore}
-      />
-    );
-  }
-
-  _renderFooterSpinner = () => {
-    if (!this.state.noMore) {
-      return <ActivityIndicator />;
-    }
-    return null;
-  };
-
-  _renderItem = (row: Row) => {
-    return (
-      <View style={styles.row}>
-        {row.item.map(image => (image ? this.props.renderImage(image) : null))}
-      </View>
-    );
-  };
-
-  _appendAssets(data: PhotoIdentifiersPage) {
-    const assets = data.edges;
-    const newState: $Shape<State> = {loadingMore: false};
-
-    if (!data.page_info.has_next_page) {
-      newState.noMore = true;
-    }
-
-    if (assets.length > 0) {
-      newState.lastCursor = data.page_info.end_cursor;
-      newState.seen = new Set(this.state.seen);
-
-      // Unique assets efficiently
-      // Checks new pages against seen objects
-      const uniqAssets = [];
-      for (let index = 0; index < assets.length; index++) {
-        const asset = assets[index];
-        let value = asset.node.image.uri;
-        if (newState.seen.has(value)) {
-          continue;
-        }
-        newState.seen.add(value);
-        uniqAssets.push(asset);
-      }
-
-      newState.assets = this.state.assets.concat(uniqAssets);
-      newState.data = groupByEveryN<PhotoIdentifier>(
-        newState.assets,
-        this.props.imagesPerRow,
-      );
-    }
-
-    this.setState(newState);
-  }
-
-  _onEndReached = () => {
-    if (!this.state.noMore) {
-      this.fetch();
-    }
-  };
-}
-
-const styles = StyleSheet.create({
-  row: {
-    flexDirection: 'row',
-    flex: 1,
-  },
-  image: {
-    margin: 4,
-  },
-  container: {
-    flex: 1,
-  },
-});
-
-module.exports = CameraRollView;
diff --git a/RNTester/js/ImageEditingExample.js b/RNTester/js/ImageEditingExample.js
deleted file mode 100644
index fa6e124ef30b82..00000000000000
--- a/RNTester/js/ImageEditingExample.js
+++ /dev/null
@@ -1,315 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-const React = require('react');
-const {
-  CameraRoll,
-  Image,
-  ImageEditor,
-  Platform,
-  ScrollView,
-  StyleSheet,
-  Text,
-  TouchableHighlight,
-  View,
-} = require('react-native');
-
-const PAGE_SIZE = 20;
-
-type ImageOffset = {|
-  x: number,
-  y: number,
-|};
-
-type ImageSize = {|
-  width: number,
-  height: number,
-|};
-
-type ImageCropData = {|
-  offset: ImageOffset,
-  size: ImageSize,
-  displaySize?: ?ImageSize,
-  resizeMode?: ?any,
-|};
-
-class SquareImageCropper extends React.Component<
-  $FlowFixMeProps,
-  $FlowFixMeState,
-> {
-  state: any;
-  _isMounted: boolean;
-  _transformData: ImageCropData;
-
-  /* $FlowFixMe(>=0.85.0 site=react_native_fb) This comment suppresses an error
-   * found when Flow v0.85 was deployed. To see the error, delete this comment
-   * and run Flow. */
-  constructor(props) {
-    super(props);
-    this._isMounted = true;
-    this.state = {
-      randomPhoto: null,
-      measuredSize: null,
-      croppedImageURI: null,
-      cropError: null,
-    };
-    this._fetchRandomPhoto();
-  }
-
-  async _fetchRandomPhoto() {
-    try {
-      const data = await CameraRoll.getPhotos({first: PAGE_SIZE});
-      if (!this._isMounted) {
-        return;
-      }
-      const edges = data.edges;
-      const edge = edges[Math.floor(Math.random() * edges.length)];
-      const randomPhoto = edge && edge.node && edge.node.image;
-      if (randomPhoto) {
-        this.setState({randomPhoto});
-      }
-    } catch (error) {
-      console.warn("Can't get a photo from camera roll", error);
-    }
-  }
-
-  componentWillUnmount() {
-    this._isMounted = false;
-  }
-
-  render() {
-    if (!this.state.measuredSize) {
-      return (
-        <View
-          style={styles.container}
-          onLayout={event => {
-            const measuredWidth = event.nativeEvent.layout.width;
-            if (!measuredWidth) {
-              return;
-            }
-            this.setState({
-              measuredSize: {width: measuredWidth, height: measuredWidth},
-            });
-          }}
-        />
-      );
-    }
-
-    if (!this.state.croppedImageURI) {
-      return this._renderImageCropper();
-    }
-    return this._renderCroppedImage();
-  }
-
-  _renderImageCropper() {
-    if (!this.state.randomPhoto) {
-      return <View style={styles.container} />;
-    }
-    let error = null;
-    if (this.state.cropError) {
-      error = <Text>{this.state.cropError.message}</Text>;
-    }
-    return (
-      <View style={styles.container}>
-        <Text>Drag the image within the square to crop:</Text>
-        <ImageCropper
-          image={this.state.randomPhoto}
-          size={this.state.measuredSize}
-          style={[styles.imageCropper, this.state.measuredSize]}
-          onTransformDataChange={data => (this._transformData = data)}
-        />
-        <TouchableHighlight
-          style={styles.cropButtonTouchable}
-          onPress={this._crop.bind(this)}>
-          <View style={styles.cropButton}>
-            <Text style={styles.cropButtonLabel}>Crop</Text>
-          </View>
-        </TouchableHighlight>
-        {error}
-      </View>
-    );
-  }
-
-  _renderCroppedImage() {
-    return (
-      <View style={styles.container}>
-        <Text>Here is the cropped image:</Text>
-        <Image
-          source={{uri: this.state.croppedImageURI}}
-          style={[styles.imageCropper, this.state.measuredSize]}
-        />
-        <TouchableHighlight
-          style={styles.cropButtonTouchable}
-          onPress={this._reset.bind(this)}>
-          <View style={styles.cropButton}>
-            <Text style={styles.cropButtonLabel}>Try again</Text>
-          </View>
-        </TouchableHighlight>
-      </View>
-    );
-  }
-
-  _crop() {
-    ImageEditor.cropImage(
-      this.state.randomPhoto.uri,
-      this._transformData,
-      croppedImageURI => this.setState({croppedImageURI}),
-      cropError => this.setState({cropError}),
-    );
-  }
-
-  _reset() {
-    this.setState({
-      randomPhoto: null,
-      croppedImageURI: null,
-      cropError: null,
-    });
-    this._fetchRandomPhoto();
-  }
-}
-
-class ImageCropper extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
-  _contentOffset: ImageOffset;
-  _maximumZoomScale: number;
-  _minimumZoomScale: number;
-  _scaledImageSize: ImageSize;
-  _horizontal: boolean;
-
-  UNSAFE_componentWillMount() {
-    // Scale an image to the minimum size that is large enough to completely
-    // fill the crop box.
-    const widthRatio = this.props.image.width / this.props.size.width;
-    const heightRatio = this.props.image.height / this.props.size.height;
-    this._horizontal = widthRatio > heightRatio;
-    if (this._horizontal) {
-      this._scaledImageSize = {
-        width: this.props.image.width / heightRatio,
-        height: this.props.size.height,
-      };
-    } else {
-      this._scaledImageSize = {
-        width: this.props.size.width,
-        height: this.props.image.height / widthRatio,
-      };
-      if (Platform.OS === 'android') {
-        // hack to work around Android ScrollView a) not supporting zoom, and
-        // b) not supporting vertical scrolling when nested inside another
-        // vertical ScrollView (which it is, when displayed inside UIExplorer)
-        this._scaledImageSize.width *= 2;
-        this._scaledImageSize.height *= 2;
-        this._horizontal = true;
-      }
-    }
-    this._contentOffset = {
-      x: (this._scaledImageSize.width - this.props.size.width) / 2,
-      y: (this._scaledImageSize.height - this.props.size.height) / 2,
-    };
-    this._maximumZoomScale = Math.min(
-      this.props.image.width / this._scaledImageSize.width,
-      this.props.image.height / this._scaledImageSize.height,
-    );
-    this._minimumZoomScale = Math.max(
-      this.props.size.width / this._scaledImageSize.width,
-      this.props.size.height / this._scaledImageSize.height,
-    );
-    this._updateTransformData(
-      this._contentOffset,
-      this._scaledImageSize,
-      this.props.size,
-    );
-  }
-
-  _onScroll(event) {
-    this._updateTransformData(
-      event.nativeEvent.contentOffset,
-      event.nativeEvent.contentSize,
-      event.nativeEvent.layoutMeasurement,
-    );
-  }
-
-  _updateTransformData(offset, scaledImageSize, croppedImageSize) {
-    const offsetRatioX = offset.x / scaledImageSize.width;
-    const offsetRatioY = offset.y / scaledImageSize.height;
-    const sizeRatioX = croppedImageSize.width / scaledImageSize.width;
-    const sizeRatioY = croppedImageSize.height / scaledImageSize.height;
-
-    const cropData: ImageCropData = {
-      offset: {
-        x: this.props.image.width * offsetRatioX,
-        y: this.props.image.height * offsetRatioY,
-      },
-      size: {
-        width: this.props.image.width * sizeRatioX,
-        height: this.props.image.height * sizeRatioY,
-      },
-    };
-    this.props.onTransformDataChange &&
-      this.props.onTransformDataChange(cropData);
-  }
-
-  render() {
-    return (
-      <ScrollView
-        alwaysBounceVertical={true}
-        automaticallyAdjustContentInsets={false}
-        contentOffset={this._contentOffset}
-        decelerationRate="fast"
-        horizontal={this._horizontal}
-        maximumZoomScale={this._maximumZoomScale}
-        minimumZoomScale={this._minimumZoomScale}
-        onMomentumScrollEnd={this._onScroll.bind(this)}
-        onScrollEndDrag={this._onScroll.bind(this)}
-        showsHorizontalScrollIndicator={false}
-        showsVerticalScrollIndicator={false}
-        style={this.props.style}
-        scrollEventThrottle={16}>
-        <Image source={this.props.image} style={this._scaledImageSize} />
-      </ScrollView>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignSelf: 'stretch',
-  },
-  imageCropper: {
-    alignSelf: 'center',
-    marginTop: 12,
-  },
-  cropButtonTouchable: {
-    alignSelf: 'center',
-    marginTop: 12,
-  },
-  cropButton: {
-    padding: 12,
-    backgroundColor: 'blue',
-    borderRadius: 4,
-  },
-  cropButtonLabel: {
-    color: 'white',
-    fontSize: 16,
-    fontWeight: '500',
-  },
-});
-
-exports.framework = 'React';
-exports.title = 'ImageEditor';
-exports.description = 'Cropping and scaling with ImageEditor';
-exports.examples = [
-  {
-    title: 'Image Cropping',
-    render() {
-      return <SquareImageCropper />;
-    },
-  },
-];
diff --git a/RNTester/js/RNTesterApp.android.js b/RNTester/js/RNTesterApp.android.js
index f8258faafc5eda..bd5201d86af322 100644
--- a/RNTester/js/RNTesterApp.android.js
+++ b/RNTester/js/RNTesterApp.android.js
@@ -17,48 +17,57 @@ const {
   BackHandler,
   Dimensions,
   DrawerLayoutAndroid,
+  Image,
   Linking,
   StatusBar,
   StyleSheet,
-  ToolbarAndroid,
+  Text,
+  TouchableWithoutFeedback,
   UIManager,
   View,
 } = require('react-native');
-const RNTesterActions = require('./RNTesterActions');
-const RNTesterExampleContainer = require('./RNTesterExampleContainer');
-const RNTesterExampleList = require('./RNTesterExampleList');
-/* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found when
- * making Flow check .android.js files. */
-const RNTesterList = require('./RNTesterList');
-const RNTesterNavigationReducer = require('./RNTesterNavigationReducer');
-const URIActionMap = require('./URIActionMap');
+const RNTesterActions = require('./utils/RNTesterActions');
+const RNTesterExampleContainer = require('./components/RNTesterExampleContainer');
+const RNTesterExampleList = require('./components/RNTesterExampleList');
+const RNTesterList = require('./utils/RNTesterList');
+const RNTesterNavigationReducer = require('./utils/RNTesterNavigationReducer');
+const URIActionMap = require('./utils/URIActionMap');
 
 const nativeImageSource = require('../../Libraries/Image/nativeImageSource');
 
-import type {RNTesterNavigationState} from './RNTesterNavigationReducer';
+import type {RNTesterNavigationState} from './utils/RNTesterNavigationReducer';
 
 UIManager.setLayoutAnimationEnabledExperimental(true);
 
 const DRAWER_WIDTH_LEFT = 56;
 
 type Props = {
-  exampleFromAppetizeParams: string,
+  exampleFromAppetizeParams?: ?string,
 };
 
 const APP_STATE_KEY = 'RNTesterAppState.v2';
 
-const HEADER_LOGO_ICON = nativeImageSource({
-  android: 'launcher_icon',
-  width: 132,
-  height: 144,
-});
-
 const HEADER_NAV_ICON = nativeImageSource({
   android: 'ic_menu_black_24dp',
   width: 48,
   height: 48,
 });
 
+const Header = ({title, onPressDrawer}) => {
+  return (
+    <View style={styles.toolbar}>
+      <View style={styles.toolbarCenter}>
+        <Text style={styles.title}>{title}</Text>
+      </View>
+      <View style={styles.toolbarLeft}>
+        <TouchableWithoutFeedback onPress={onPressDrawer}>
+          <Image source={HEADER_NAV_ICON} />
+        </TouchableWithoutFeedback>
+      </View>
+    </View>
+  );
+};
+
 class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
   UNSAFE_componentWillMount() {
     BackHandler.addEventListener(
@@ -96,7 +105,7 @@ class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
     }
     return (
       <DrawerLayoutAndroid
-        drawerPosition={DrawerLayoutAndroid.positions.Left}
+        drawerPosition="left"
         drawerWidth={Dimensions.get('window').width - DRAWER_WIDTH_LEFT}
         keyboardDismissMode="on-drag"
         onDrawerOpen={() => {
@@ -124,8 +133,6 @@ class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
   _renderDrawerContent = () => {
     return (
       <View style={styles.drawerContentWrapper}>
-        {/* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was
-         * found when making Flow check .android.js files. */}
         <RNTesterExampleList
           list={RNTesterList}
           displayTitleRow={true}
@@ -157,14 +164,11 @@ class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
       } else if (ExampleModule) {
         return (
           <View style={styles.container}>
-            <ToolbarAndroid
-              logo={HEADER_LOGO_ICON}
-              navIcon={HEADER_NAV_ICON}
+            <Header
+              title={ExampleModule.title}
               /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue
                * was found when making Flow check .android.js files. */
-              onIconClicked={() => this.drawer.openDrawer()}
-              style={styles.toolbar}
-              title={ExampleModule.title}
+              onPressDrawer={() => this.drawer.openDrawer()}
             />
             <RNTesterExampleContainer
               module={ExampleModule}
@@ -181,17 +185,12 @@ class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
 
     return (
       <View style={styles.container}>
-        <ToolbarAndroid
-          logo={HEADER_LOGO_ICON}
-          navIcon={HEADER_NAV_ICON}
-          /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was
-           * found when making Flow check .android.js files. */
-          onIconClicked={() => this.drawer.openDrawer()}
-          style={styles.toolbar}
+        <Header
           title="RNTester"
+          /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue
+           * was found when making Flow check .android.js files. */
+          onPressDrawer={() => this.drawer.openDrawer()}
         />
-        {/* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was
-         * found when making Flow check .android.js files. */}
         <RNTesterExampleList
           onNavigate={this._handleAction}
           list={RNTesterList}
@@ -249,6 +248,22 @@ const styles = StyleSheet.create({
     backgroundColor: '#E9EAED',
     height: 56,
   },
+  toolbarLeft: {
+    marginTop: 2,
+  },
+  toolbarCenter: {
+    flex: 1,
+    position: 'absolute',
+    top: 12,
+    left: 0,
+    right: 0,
+    alignItems: 'center',
+  },
+  title: {
+    fontSize: 19,
+    fontWeight: '600',
+    textAlign: 'center',
+  },
   drawerContentWrapper: {
     flex: 1,
     paddingTop: StatusBar.currentHeight,
diff --git a/RNTester/js/RNTesterApp.ios.js b/RNTester/js/RNTesterApp.ios.js
index ddfa5888c405fb..be1f4c5e2755b2 100644
--- a/RNTester/js/RNTesterApp.ios.js
+++ b/RNTester/js/RNTesterApp.ios.js
@@ -10,7 +10,15 @@
 
 'use strict';
 
+const RNTesterActions = require('./utils/RNTesterActions');
+const RNTesterExampleContainer = require('./components/RNTesterExampleContainer');
+const RNTesterExampleList = require('./components/RNTesterExampleList');
+const RNTesterList = require('./utils/RNTesterList.ios');
+const RNTesterNavigationReducer = require('./utils/RNTesterNavigationReducer');
 const React = require('react');
+const SnapshotViewIOS = require('./examples/Snapshot/SnapshotViewIOS.ios');
+const URIActionMap = require('./utils/URIActionMap');
+
 const {
   AppRegistry,
   AsyncStorage,
@@ -23,20 +31,13 @@ const {
   View,
   YellowBox,
 } = require('react-native');
-const RNTesterActions = require('./RNTesterActions');
-const RNTesterExampleContainer = require('./RNTesterExampleContainer');
-const RNTesterExampleList = require('./RNTesterExampleList');
-const RNTesterList = require('./RNTesterList.ios');
-const RNTesterNavigationReducer = require('./RNTesterNavigationReducer');
-const SnapshotViewIOS = require('./SnapshotViewIOS.ios');
-const URIActionMap = require('./URIActionMap');
-
-import type {RNTesterExample} from './Shared/RNTesterTypes';
-import type {RNTesterAction} from './RNTesterActions';
-import type {RNTesterNavigationState} from './RNTesterNavigationReducer';
+
+import type {RNTesterExample} from './types/RNTesterTypes';
+import type {RNTesterAction} from './utils/RNTesterActions';
+import type {RNTesterNavigationState} from './utils/RNTesterNavigationReducer';
 
 type Props = {
-  exampleFromAppetizeParams: string,
+  exampleFromAppetizeParams?: ?string,
 };
 
 YellowBox.ignoreWarnings([
@@ -61,21 +62,19 @@ const Header = ({onBack, title}: {onBack?: () => mixed, title: string}) => (
 );
 
 class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
-  _mounted: boolean; // TODO(OSS Candidate ISS#2710739)
+  _mounted: boolean;
 
   UNSAFE_componentWillMount() {
     BackHandler.addEventListener('hardwareBackPress', this._handleBack);
   }
 
   componentDidMount() {
-    this._mounted = true; // TODO(OSS Candidate ISS#2710739)
+    this._mounted = true;
     Linking.getInitialURL().then(url => {
       AsyncStorage.getItem(APP_STATE_KEY, (err, storedString) => {
-        // [TODO(OSS Candidate ISS#2710739)
         if (!this._mounted) {
           return;
         }
-        // ]TODO(OSS Candidate ISS#2710739)
         const exampleAction = URIActionMap(
           this.props.exampleFromAppetizeParams,
         );
@@ -91,11 +90,9 @@ class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
     });
   }
 
-  // [TODO(OSS Candidate ISS#2710739)
   componentWillUnmount() {
     this._mounted = false;
   }
-  // ]TODO(OSS Candidate ISS#2710739)
 
   _handleBack = () => {
     this._handleAction(RNTesterActions.Back());
@@ -113,7 +110,7 @@ class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
     }
   };
 
-  render() {
+  render(): React.Node | null {
     if (!this.state) {
       return null;
     }
@@ -173,10 +170,10 @@ const styles = StyleSheet.create({
 });
 
 AppRegistry.registerComponent('SetPropertiesExampleApp', () =>
-  require('./SetPropertiesExampleApp'),
+  require('./examples/SetPropertiesExample/SetPropertiesExampleApp'),
 );
 AppRegistry.registerComponent('RootViewSizeFlexibilityExampleApp', () =>
-  require('./RootViewSizeFlexibilityExampleApp'),
+  require('./examples/RootViewSizeFlexibilityExample/RootViewSizeFlexibilityExampleApp'),
 );
 AppRegistry.registerComponent('RNTesterApp', () => RNTesterApp);
 
@@ -189,10 +186,7 @@ RNTesterList.ComponentExamples.concat(RNTesterList.APIExamples).forEach(
         render() {
           return (
             <SnapshotViewIOS>
-              <RNTesterExampleContainer
-                module={ExampleModule}
-                displayFilter={false}
-              />
+              <RNTesterExampleContainer module={ExampleModule} />
             </SnapshotViewIOS>
           );
         }
diff --git a/RNTester/js/RNTesterApp.macos.js b/RNTester/js/RNTesterApp.macos.js
index 7c788408c4e0b0..d2a78b85ea9f3d 100644
--- a/RNTester/js/RNTesterApp.macos.js
+++ b/RNTester/js/RNTesterApp.macos.js
@@ -12,34 +12,35 @@
 
 'use strict';
 
+const RNTesterActions = require('./utils/RNTesterActions');
+const RNTesterExampleContainer = require('./components/RNTesterExampleContainer');
+const RNTesterExampleList = require('./components/RNTesterExampleList');
+const RNTesterList = require('./utils/RNTesterList.macos');
+const RNTesterNavigationReducer = require('./utils/RNTesterNavigationReducer');
 const React = require('react');
+/* $FlowFixMe allow macOS to share iOS file */
+const SnapshotViewIOS = require('./examples/Snapshot/SnapshotViewIOS.ios');
+const URIActionMap = require('./utils/URIActionMap');
+
 const {
   AppRegistry,
   AsyncStorage,
-  // BackHandler,
+  BackHandler,
   Button,
   Linking,
-  // SafeAreaView,
+  SafeAreaView,
   StyleSheet,
   Text,
   View,
   YellowBox,
 } = require('react-native');
-const RNTesterActions = require('./RNTesterActions');
-const RNTesterExampleContainer = require('./RNTesterExampleContainer');
-const RNTesterExampleList = require('./RNTesterExampleList');
-const RNTesterList = require('./RNTesterList.macos');
-const RNTesterNavigationReducer = require('./RNTesterNavigationReducer');
-// const SnapshotViewIOS = require('./SnapshotViewIOS.ios');
-const URIActionMap = require('./URIActionMap');
-
-import type {RNTesterExample} from './Shared/RNTesterTypes';
-// import type {RNTesterExample} from './RNTesterList.macos'; // Do we need this?
-import type {RNTesterAction} from './RNTesterActions';
-import type {RNTesterNavigationState} from './RNTesterNavigationReducer';
+
+import type {RNTesterExample} from './types/RNTesterTypes';
+import type {RNTesterAction} from './utils/RNTesterActions';
+import type {RNTesterNavigationState} from './utils/RNTesterNavigationReducer';
 
 type Props = {
-  exampleFromAppetizeParams: string,
+  exampleFromAppetizeParams?: ?string,
 };
 
 YellowBox.ignoreWarnings([
@@ -49,7 +50,7 @@ YellowBox.ignoreWarnings([
 const APP_STATE_KEY = 'RNTesterAppState.v2';
 
 const Header = ({onBack, title}: {onBack?: () => mixed, title: string}) => (
-  <View style={styles.headerContainer}>
+  <SafeAreaView style={styles.headerContainer}>
     <View style={styles.header}>
       <View style={styles.headerCenter}>
         <Text style={styles.title}>{title}</Text>
@@ -60,25 +61,23 @@ const Header = ({onBack, title}: {onBack?: () => mixed, title: string}) => (
         </View>
       )}
     </View>
-  </View>
+  </SafeAreaView>
 );
 
 class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
-  _mounted: boolean; // TODO(OSS Candidate ISS#2710739)
+  _mounted: boolean;
 
   UNSAFE_componentWillMount() {
-    //  BackHandler.addEventListener('hardwareBackPress', this._handleBack);
+    BackHandler.addEventListener('hardwareBackPress', this._handleBack);
   }
 
   componentDidMount() {
-    this._mounted = true; // TODO(OSS Candidate ISS#2710739)
+    this._mounted = true;
     Linking.getInitialURL().then(url => {
       AsyncStorage.getItem(APP_STATE_KEY, (err, storedString) => {
-        // [TODO(OSS Candidate ISS#2710739)
         if (!this._mounted) {
           return;
         }
-        // ]TODO(OSS Candidate ISS#2710739)
         const exampleAction = URIActionMap(
           this.props.exampleFromAppetizeParams,
         );
@@ -94,11 +93,9 @@ class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
     });
   }
 
-  // [TODO(OSS Candidate ISS#2710739)
   componentWillUnmount() {
     this._mounted = false;
   }
-  // ]TODO(OSS Candidate ISS#2710739)
 
   _handleBack = () => {
     this._handleAction(RNTesterActions.Back());
@@ -116,7 +113,7 @@ class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
     }
   };
 
-  render() {
+  render(): React.Node | null {
     if (!this.state) {
       return null;
     }
@@ -176,15 +173,14 @@ const styles = StyleSheet.create({
 });
 
 AppRegistry.registerComponent('SetPropertiesExampleApp', () =>
-  require('./SetPropertiesExampleApp'),
+  require('./examples/SetPropertiesExample/SetPropertiesExampleApp'),
 );
 AppRegistry.registerComponent('RootViewSizeFlexibilityExampleApp', () =>
-  require('./RootViewSizeFlexibilityExampleApp'),
+  require('./examples/RootViewSizeFlexibilityExample/RootViewSizeFlexibilityExampleApp'),
 );
 AppRegistry.registerComponent('RNTesterApp', () => RNTesterApp);
 
 // Register suitable examples for snapshot tests
-/* TODO(tomun)
 RNTesterList.ComponentExamples.concat(RNTesterList.APIExamples).forEach(
   (Example: RNTesterExample) => {
     const ExampleModule = Example.module;
@@ -206,5 +202,5 @@ RNTesterList.ComponentExamples.concat(RNTesterList.APIExamples).forEach(
     }
   },
 );
-*/
+
 module.exports = RNTesterApp;
diff --git a/RNTester/js/RNTesterList.android.js b/RNTester/js/RNTesterList.android.js
deleted file mode 100644
index a721932ddff20d..00000000000000
--- a/RNTester/js/RNTesterList.android.js
+++ /dev/null
@@ -1,257 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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 {RNTesterExample} from './Shared/RNTesterTypes';
-
-const ComponentExamples: Array<RNTesterExample> = [
-  {
-    key: 'ActivityIndicatorExample',
-    module: require('./ActivityIndicatorExample'),
-  },
-  {
-    key: 'ButtonExample',
-    module: require('./ButtonExample'),
-  },
-  {
-    key: 'CheckBoxExample',
-    module: require('./CheckBoxExample'),
-  },
-  {
-    key: 'FlatListExample',
-    module: require('./FlatListExample'),
-  },
-  {
-    key: 'ImageExample',
-    module: require('./ImageExample'),
-  },
-  {
-    key: 'ModalExample',
-    module: require('./ModalExample'),
-  },
-  {
-    key: 'MultiColumnExample',
-    module: require('./MultiColumnExample'),
-  },
-  {
-    key: 'NewAppScreenExample',
-    module: require('./NewAppScreenExample'),
-  },
-  {
-    key: 'PickerExample',
-    module: require('./PickerExample'),
-  },
-  {
-    key: 'ProgressBarAndroidExample',
-    /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
-     * when making Flow check .android.js files. */
-    module: require('./ProgressBarAndroidExample'),
-  },
-  {
-    key: 'RefreshControlExample',
-    module: require('./RefreshControlExample'),
-  },
-  {
-    key: 'ScrollViewSimpleExample',
-    module: require('./ScrollViewSimpleExample'),
-  },
-  {
-    key: 'SectionListExample',
-    module: require('./SectionListExample'),
-  },
-  {
-    key: 'SliderExample',
-    module: require('./SliderExample'),
-  },
-  {
-    key: 'StatusBarExample',
-    module: require('./StatusBarExample'),
-  },
-  {
-    key: 'SwitchExample',
-    module: require('./SwitchExample'),
-  },
-  {
-    key: 'TextExample',
-    /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
-     * when making Flow check .android.js files. */
-    module: require('./TextExample'),
-  },
-  {
-    key: 'TextInputExample',
-    /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
-     * when making Flow check .android.js files. */
-    module: require('./TextInputExample'),
-  },
-  {
-    key: 'ToolbarAndroidExample',
-    /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
-     * when making Flow check .android.js files. */
-    module: require('./ToolbarAndroidExample'),
-  },
-  {
-    key: 'TouchableExample',
-    module: require('./TouchableExample'),
-  },
-  {
-    key: 'ViewExample',
-    module: require('./ViewExample'),
-  },
-  {
-    key: 'ViewPagerAndroidExample',
-    /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
-     * when making Flow check .android.js files. */
-    module: require('./ViewPagerAndroidExample'),
-  },
-];
-
-const APIExamples: Array<RNTesterExample> = [
-  {
-    key: 'AccessibilityExample',
-    module: require('./AccessibilityExample'),
-  },
-  {
-    key: 'AccessibilityAndroidExample',
-    /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
-     * when making Flow check .android.js files. */
-    module: require('./AccessibilityAndroidExample'),
-  },
-  {
-    key: 'AlertExample',
-    module: require('./AlertExample').AlertExample,
-  },
-  {
-    key: 'AnimatedExample',
-    module: require('./AnimatedExample'),
-  },
-  {
-    key: 'AppStateExample',
-    module: require('./AppStateExample'),
-  },
-  {
-    key: 'BorderExample',
-    module: require('./BorderExample'),
-  },
-  {
-    key: 'CameraRollExample',
-    module: require('./CameraRollExample'),
-  },
-  {
-    key: 'ClipboardExample',
-    module: require('./ClipboardExample'),
-  },
-  {
-    key: 'CrashExample',
-    module: require('./CrashExample'),
-  },
-  {
-    key: 'DatePickerAndroidExample',
-    module: require('./DatePickerAndroidExample'),
-  },
-  {
-    key: 'Dimensions',
-    module: require('./DimensionsExample'),
-  },
-  {
-    key: 'ImageEditingExample',
-    module: require('./ImageEditingExample'),
-  },
-  {
-    key: 'LayoutEventsExample',
-    module: require('./LayoutEventsExample'),
-  },
-  {
-    key: 'LinkingExample',
-    module: require('./LinkingExample'),
-  },
-  {
-    key: 'LayoutAnimationExample',
-    module: require('./LayoutAnimationExample'),
-  },
-  {
-    key: 'LayoutExample',
-    module: require('./LayoutExample'),
-  },
-  {
-    key: 'NativeAnimationsExample',
-    module: require('./NativeAnimationsExample'),
-  },
-  {
-    key: 'OrientationChangeExample',
-    module: require('./OrientationChangeExample'),
-  },
-  {
-    key: 'PanResponderExample',
-    module: require('./PanResponderExample'),
-  },
-  {
-    key: 'PermissionsExampleAndroid',
-    /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
-     * when making Flow check .android.js files. */
-    module: require('./PermissionsExampleAndroid'),
-  },
-  {
-    key: 'PointerEventsExample',
-    module: require('./PointerEventsExample'),
-  },
-  {
-    key: 'RTLExample',
-    module: require('./RTLExample'),
-  },
-  {
-    key: 'ShareExample',
-    module: require('./ShareExample'),
-  },
-  {
-    key: 'TimePickerAndroidExample',
-    module: require('./TimePickerAndroidExample'),
-  },
-  {
-    key: 'TimerExample',
-    module: require('./TimerExample'),
-  },
-  {
-    key: 'ToastAndroidExample',
-    /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
-     * when making Flow check .android.js files. */
-    module: require('./ToastAndroidExample'),
-  },
-  {
-    key: 'TransformExample',
-    module: require('./TransformExample'),
-  },
-  {
-    key: 'VibrationExample',
-    module: require('./VibrationExample'),
-  },
-  {
-    key: 'WebSocketExample',
-    module: require('./WebSocketExample'),
-  },
-  {
-    key: 'XHRExample',
-    module: require('./XHRExample'),
-  },
-];
-
-const Modules = {};
-
-APIExamples.concat(ComponentExamples).forEach(Example => {
-  Modules[Example.key] = Example.module;
-});
-
-const RNTesterList = {
-  APIExamples,
-  ComponentExamples,
-  Modules,
-};
-
-module.exports = RNTesterList;
diff --git a/RNTester/js/ToolbarAndroidExample.android.js b/RNTester/js/ToolbarAndroidExample.android.js
deleted file mode 100644
index 86d0e976c04cf6..00000000000000
--- a/RNTester/js/ToolbarAndroidExample.android.js
+++ /dev/null
@@ -1,186 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-const React = require('react');
-const {
-  StyleSheet,
-  Switch,
-  Text,
-  ToolbarAndroid,
-  View,
-} = require('react-native');
-
-const nativeImageSource = require('../../Libraries/Image/nativeImageSource');
-
-const RNTesterBlock = require('./RNTesterBlock');
-const RNTesterPage = require('./RNTesterPage');
-
-class ToolbarAndroidExample extends React.Component<{}, $FlowFixMeState> {
-  state = {
-    actionText: 'Example app with toolbar component',
-    toolbarSwitch: false,
-    colorProps: {
-      titleColor: '#3b5998',
-      subtitleColor: '#6a7180',
-    },
-  };
-
-  render() {
-    return (
-      <RNTesterPage title="<ToolbarAndroid>">
-        <RNTesterBlock title="Toolbar with title/subtitle and actions">
-          <ToolbarAndroid
-            actions={toolbarActions}
-            navIcon={nativeImageSource({
-              android: 'ic_menu_black_24dp',
-              width: 48,
-              height: 48,
-            })}
-            onActionSelected={this._onActionSelected}
-            onIconClicked={() => this.setState({actionText: 'Icon clicked'})}
-            style={styles.toolbar}
-            subtitle={this.state.actionText}
-            title="Toolbar"
-          />
-          <Text>{this.state.actionText}</Text>
-        </RNTesterBlock>
-        <RNTesterBlock title="Toolbar with logo & custom title view (a View with Switch+Text)">
-          <ToolbarAndroid
-            logo={nativeImageSource({
-              android: 'launcher_icon',
-              width: 132,
-              height: 144,
-            })}
-            style={styles.toolbar}>
-            <View style={styles.switchWrapper}>
-              <Switch
-                value={this.state.toolbarSwitch}
-                onValueChange={value => this.setState({toolbarSwitch: value})}
-              />
-              <Text>{"'Tis but a switch"}</Text>
-            </View>
-          </ToolbarAndroid>
-        </RNTesterBlock>
-        <RNTesterBlock title="Toolbar with no icon">
-          <ToolbarAndroid
-            actions={toolbarActions}
-            style={styles.toolbar}
-            subtitle="There be no icon here"
-          />
-        </RNTesterBlock>
-        <RNTesterBlock title="Toolbar with navIcon & logo, no title">
-          <ToolbarAndroid
-            actions={toolbarActions}
-            logo={nativeImageSource({
-              android: 'launcher_icon',
-              width: 132,
-              height: 144,
-            })}
-            navIcon={nativeImageSource({
-              android: 'ic_menu_black_24dp',
-              width: 48,
-              height: 48,
-            })}
-            style={styles.toolbar}
-          />
-        </RNTesterBlock>
-        <RNTesterBlock title="Toolbar with custom title colors">
-          <ToolbarAndroid
-            navIcon={nativeImageSource({
-              android: 'ic_menu_black_24dp',
-              width: 48,
-              height: 48,
-            })}
-            onIconClicked={() => this.setState({colorProps: {}})}
-            title="Wow, such toolbar"
-            style={styles.toolbar}
-            subtitle="Much native"
-            {...this.state.colorProps}
-          />
-          <Text>
-            Touch the icon to reset the custom colors to the default
-            (theme-provided) ones.
-          </Text>
-        </RNTesterBlock>
-        <RNTesterBlock title="Toolbar with remote logo & navIcon">
-          <ToolbarAndroid
-            actions={[
-              {title: 'Bunny', icon: require('./bunny.png'), show: 'always'},
-            ]}
-            logo={require('./hawk.png')}
-            navIcon={require('./bunny.png')}
-            title="Bunny and Hawk"
-            style={styles.toolbar}
-          />
-        </RNTesterBlock>
-        <RNTesterBlock title="Toolbar with custom overflowIcon">
-          <ToolbarAndroid
-            actions={toolbarActions}
-            overflowIcon={require('./bunny.png')}
-            style={styles.toolbar}
-          />
-        </RNTesterBlock>
-      </RNTesterPage>
-    );
-  }
-
-  _onActionSelected = position => {
-    this.setState({
-      actionText: 'Selected ' + toolbarActions[position].title,
-    });
-  };
-}
-
-const toolbarActions = [
-  {
-    title: 'Create',
-    icon: nativeImageSource({
-      android: 'ic_create_black_48dp',
-      width: 96,
-      height: 96,
-    }),
-    show: 'always',
-  },
-  {title: 'Filter'},
-  {
-    title: 'Settings',
-    icon: nativeImageSource({
-      android: 'ic_settings_black_48dp',
-      width: 96,
-      height: 96,
-    }),
-    show: 'always',
-  },
-];
-
-const styles = StyleSheet.create({
-  toolbar: {
-    backgroundColor: '#e9eaed',
-    height: 56,
-  },
-  switchWrapper: {
-    height: 56,
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-});
-
-exports.title = '<ToolbarAndroid>';
-exports.description = 'Examples of using the Android toolbar.';
-exports.examples = [
-  {
-    title: 'Basic toolbar',
-    render: function(): React.Element<typeof ToolbarAndroidExample> {
-      return <ToolbarAndroidExample />;
-    },
-  },
-];
diff --git a/RNTester/js/ViewPagerAndroidExample.android.js b/RNTester/js/ViewPagerAndroidExample.android.js
deleted file mode 100644
index 0be94e6a6719a3..00000000000000
--- a/RNTester/js/ViewPagerAndroidExample.android.js
+++ /dev/null
@@ -1,302 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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,
-  TouchableWithoutFeedback,
-  TouchableOpacity,
-  View,
-  ViewPagerAndroid,
-} = require('react-native');
-
-import type {ViewPagerScrollState} from '../../Libraries/Components/ViewPager/ViewPagerAndroid';
-
-const PAGES = 5;
-const BGCOLOR = ['#fdc08e', '#fff6b9', '#99d1b7', '#dde5fe', '#f79273'];
-const IMAGE_URIS = [
-  'https://apod.nasa.gov/apod/image/1410/20141008tleBaldridge001h990.jpg',
-  'https://apod.nasa.gov/apod/image/1409/volcanicpillar_vetter_960.jpg',
-  'https://apod.nasa.gov/apod/image/1409/m27_snyder_960.jpg',
-  'https://apod.nasa.gov/apod/image/1409/PupAmulti_rot0.jpg',
-  'https://apod.nasa.gov/apod/image/1510/lunareclipse_27Sep_beletskycrop4.jpg',
-];
-
-type Props = $ReadOnly<{||}>;
-type State = {|likes: number|};
-class LikeCount extends React.Component<Props, State> {
-  state = {
-    likes: 7,
-  };
-
-  onClick = () => {
-    this.setState({likes: this.state.likes + 1});
-  };
-
-  render() {
-    const thumbsUp = '\uD83D\uDC4D';
-    return (
-      <View style={styles.likeContainer}>
-        <TouchableOpacity onPress={this.onClick} style={styles.likeButton}>
-          <Text style={styles.likesText}>{thumbsUp + ' Like'}</Text>
-        </TouchableOpacity>
-        <Text style={styles.likesText}>{this.state.likes + ' likes'}</Text>
-      </View>
-    );
-  }
-}
-
-class Button extends React.Component {
-  _handlePress = () => {
-    if (this.props.enabled && this.props.onPress) {
-      this.props.onPress();
-    }
-  };
-
-  render() {
-    return (
-      <TouchableWithoutFeedback onPress={this._handlePress}>
-        <View
-          style={[
-            styles.button,
-            this.props.enabled ? {} : styles.buttonDisabled,
-          ]}>
-          <Text style={styles.buttonText}>{this.props.text}</Text>
-        </View>
-      </TouchableWithoutFeedback>
-    );
-  }
-}
-
-class ProgressBar extends React.Component {
-  render() {
-    const fractionalPosition =
-      this.props.progress.position + this.props.progress.offset;
-    const progressBarSize =
-      (fractionalPosition / (PAGES - 1)) * this.props.size;
-    return (
-      <View style={[styles.progressBarContainer, {width: this.props.size}]}>
-        <View style={[styles.progressBar, {width: progressBarSize}]} />
-      </View>
-    );
-  }
-}
-
-class ViewPagerAndroidExample extends React.Component {
-  state = {
-    page: 0,
-    animationsAreEnabled: true,
-    scrollEnabled: true,
-    progress: {
-      position: 0,
-      offset: 0,
-    },
-  };
-
-  onPageSelected = e => {
-    this.setState({page: e.nativeEvent.position});
-  };
-
-  onPageScroll = e => {
-    this.setState({progress: e.nativeEvent});
-  };
-
-  onPageScrollStateChanged = (state: ViewPagerScrollState) => {
-    this.setState({scrollState: state});
-  };
-
-  move = delta => {
-    const page = this.state.page + delta;
-    this.go(page);
-  };
-
-  go = page => {
-    if (this.state.animationsAreEnabled) {
-      this.viewPager.setPage(page);
-    } else {
-      this.viewPager.setPageWithoutAnimation(page);
-    }
-
-    this.setState({page});
-  };
-
-  render() {
-    const pages = [];
-    for (let i = 0; i < PAGES; i++) {
-      const pageStyle = {
-        backgroundColor: BGCOLOR[i % BGCOLOR.length],
-        alignItems: 'center',
-        padding: 20,
-      };
-      pages.push(
-        <View key={i} style={pageStyle} collapsable={false}>
-          <Image
-            style={styles.image}
-            source={{uri: IMAGE_URIS[i % BGCOLOR.length]}}
-          />
-          <LikeCount />
-        </View>,
-      );
-    }
-    const {page, animationsAreEnabled} = this.state;
-    return (
-      <View style={styles.container}>
-        <ViewPagerAndroid
-          style={styles.viewPager}
-          initialPage={0}
-          scrollEnabled={this.state.scrollEnabled}
-          onPageScroll={this.onPageScroll}
-          onPageSelected={this.onPageSelected}
-          onPageScrollStateChanged={this.onPageScrollStateChanged}
-          pageMargin={10}
-          ref={viewPager => {
-            this.viewPager = viewPager;
-          }}>
-          {pages}
-        </ViewPagerAndroid>
-        <View style={styles.buttons}>
-          <Button
-            enabled={true}
-            text={
-              this.state.scrollEnabled ? 'Scroll Enabled' : 'Scroll Disabled'
-            }
-            onPress={() =>
-              this.setState({scrollEnabled: !this.state.scrollEnabled})
-            }
-          />
-        </View>
-        <View style={styles.buttons}>
-          {animationsAreEnabled ? (
-            <Button
-              text="Turn off animations"
-              enabled={true}
-              onPress={() => this.setState({animationsAreEnabled: false})}
-            />
-          ) : (
-            <Button
-              text="Turn animations back on"
-              enabled={true}
-              onPress={() => this.setState({animationsAreEnabled: true})}
-            />
-          )}
-          <Text style={styles.scrollStateText}>
-            ScrollState[ {this.state.scrollState} ]
-          </Text>
-        </View>
-        <View style={styles.buttons}>
-          <Button text="Start" enabled={page > 0} onPress={() => this.go(0)} />
-          <Button
-            text="Prev"
-            enabled={page > 0}
-            onPress={() => this.move(-1)}
-          />
-          <Text style={styles.buttonText}>
-            Page {page + 1} / {PAGES}
-          </Text>
-          <ProgressBar size={100} progress={this.state.progress} />
-          <Button
-            text="Next"
-            enabled={page < PAGES - 1}
-            onPress={() => this.move(1)}
-          />
-          <Button
-            text="Last"
-            enabled={page < PAGES - 1}
-            onPress={() => this.go(PAGES - 1)}
-          />
-        </View>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  buttons: {
-    flexDirection: 'row',
-    height: 30,
-    backgroundColor: 'black',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-  },
-  button: {
-    flex: 1,
-    width: 0,
-    margin: 5,
-    borderColor: 'gray',
-    borderWidth: 1,
-    backgroundColor: 'gray',
-  },
-  buttonDisabled: {
-    backgroundColor: 'black',
-    opacity: 0.5,
-  },
-  buttonText: {
-    color: 'white',
-  },
-  scrollStateText: {
-    color: '#99d1b7',
-  },
-  container: {
-    flex: 1,
-    backgroundColor: 'white',
-  },
-  image: {
-    width: 300,
-    height: 200,
-    padding: 20,
-  },
-  likeButton: {
-    backgroundColor: 'rgba(0, 0, 0, 0.1)',
-    borderColor: '#333333',
-    borderWidth: 1,
-    borderRadius: 5,
-    flex: 1,
-    margin: 8,
-    padding: 8,
-  },
-  likeContainer: {
-    flexDirection: 'row',
-  },
-  likesText: {
-    flex: 1,
-    fontSize: 18,
-    alignSelf: 'center',
-  },
-  progressBarContainer: {
-    height: 10,
-    margin: 10,
-    borderColor: '#eeeeee',
-    borderWidth: 2,
-  },
-  progressBar: {
-    alignSelf: 'flex-start',
-    flex: 1,
-    backgroundColor: '#eeeeee',
-  },
-  viewPager: {
-    flex: 1,
-  },
-});
-
-exports.title = '<ViewPagerAndroid>';
-exports.description =
-  'Container that allows to flip left and right between child views.';
-
-exports.examples = [
-  {
-    title: 'Basic pager',
-    render(): React.Element<typeof ViewPagerAndroidExample> {
-      return <ViewPagerAndroidExample />;
-    },
-  },
-];
diff --git a/RNTester/js/XHRExampleFormData.js b/RNTester/js/XHRExampleFormData.js
deleted file mode 100644
index 12fffc6432a557..00000000000000
--- a/RNTester/js/XHRExampleFormData.js
+++ /dev/null
@@ -1,242 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-const React = require('react');
-const {
-  CameraRoll,
-  Image,
-  ImageEditor,
-  Platform,
-  StyleSheet,
-  Text,
-  TextInput,
-  TouchableHighlight,
-  View,
-} = require('react-native');
-
-const XHRExampleBinaryUpload = require('./XHRExampleBinaryUpload');
-
-const PAGE_SIZE = 20;
-
-class XHRExampleFormData extends React.Component<Object, Object> {
-  state: Object = {
-    isUploading: false,
-    uploadProgress: null,
-    randomPhoto: null,
-    textParams: [],
-  };
-
-  _isMounted: boolean = true;
-
-  constructor(props: Object) {
-    super(props);
-    this._fetchRandomPhoto();
-  }
-
-  componentWillUnmount() {
-    this._isMounted = false;
-  }
-
-  _fetchRandomPhoto = () => {
-    CameraRoll.getPhotos({
-      first: PAGE_SIZE,
-      groupTypes: Platform.OS === 'ios' ? 'All' : undefined,
-      assetType: 'All',
-    }).then(
-      data => {
-        if (!this._isMounted) {
-          return;
-        }
-        const edges = data.edges;
-        const edge = edges[Math.floor(Math.random() * edges.length)];
-        const randomPhoto = edge && edge.node && edge.node.image;
-        if (randomPhoto) {
-          let {width, height} = randomPhoto;
-          width *= 0.25;
-          height *= 0.25;
-          ImageEditor.cropImage(
-            randomPhoto.uri,
-            {offset: {x: 0, y: 0}, size: {width, height}},
-            uri => this.setState({randomPhoto: {uri}}),
-            error => undefined,
-          );
-        }
-      },
-      error => undefined,
-    );
-  };
-
-  _addTextParam = () => {
-    const textParams = this.state.textParams;
-    textParams.push({name: '', value: ''});
-    this.setState({textParams});
-  };
-
-  _onTextParamNameChange(index, text) {
-    const textParams = this.state.textParams;
-    textParams[index].name = text;
-    this.setState({textParams});
-  }
-
-  _onTextParamValueChange(index, text) {
-    const textParams = this.state.textParams;
-    textParams[index].value = text;
-    this.setState({textParams});
-  }
-
-  _upload = () => {
-    const xhr = new XMLHttpRequest();
-    xhr.open('POST', 'http://posttestserver.com/post.php');
-    xhr.onload = () => {
-      this.setState({isUploading: false});
-      XHRExampleBinaryUpload.handlePostTestServerUpload(xhr);
-    };
-    const formdata = new FormData();
-    if (this.state.randomPhoto) {
-      formdata.append('image', {
-        ...this.state.randomPhoto,
-        type: 'image/jpg',
-        name: 'image.jpg',
-      });
-    }
-    this.state.textParams.forEach(param =>
-      formdata.append(param.name, param.value),
-    );
-    xhr.upload.onprogress = event => {
-      if (event.lengthComputable) {
-        this.setState({uploadProgress: event.loaded / event.total});
-      }
-    };
-
-    xhr.send(formdata);
-    this.setState({isUploading: true});
-  };
-
-  render() {
-    let image = null;
-    if (this.state.randomPhoto) {
-      image = (
-        <Image source={this.state.randomPhoto} style={styles.randomPhoto} />
-      );
-    }
-    const textItems = this.state.textParams.map((item, index) => (
-      <View style={styles.paramRow}>
-        <TextInput
-          autoCapitalize="none"
-          autoCorrect={false}
-          onChangeText={this._onTextParamNameChange.bind(this, index)}
-          placeholder="name..."
-          style={styles.textInput}
-        />
-        <Text style={styles.equalSign}>=</Text>
-        <TextInput
-          autoCapitalize="none"
-          autoCorrect={false}
-          onChangeText={this._onTextParamValueChange.bind(this, index)}
-          placeholder="value..."
-          style={styles.textInput}
-        />
-      </View>
-    ));
-    let uploadButtonLabel = this.state.isUploading ? 'Uploading...' : 'Upload';
-    const uploadProgress = this.state.uploadProgress;
-    if (uploadProgress !== null) {
-      uploadButtonLabel += ' ' + Math.round(uploadProgress * 100) + '%';
-    }
-    let uploadButton = (
-      <View style={styles.uploadButtonBox}>
-        <Text style={styles.uploadButtonLabel}>{uploadButtonLabel}</Text>
-      </View>
-    );
-    if (!this.state.isUploading) {
-      uploadButton = (
-        <TouchableHighlight onPress={this._upload}>
-          {uploadButton}
-        </TouchableHighlight>
-      );
-    }
-    return (
-      <View>
-        <View style={styles.paramRow}>
-          <Text style={styles.photoLabel}>
-            Random photo from your library (
-            <Text style={styles.textButton} onPress={this._fetchRandomPhoto}>
-              update
-            </Text>
-            )
-          </Text>
-          {image}
-        </View>
-        {textItems}
-        <View>
-          <Text
-            style={[styles.textButton, styles.addTextParamButton]}
-            onPress={this._addTextParam}>
-            Add a text param
-          </Text>
-        </View>
-        <View style={styles.uploadButton}>{uploadButton}</View>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  paramRow: {
-    flexDirection: 'row',
-    paddingVertical: 8,
-    alignItems: 'center',
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: 'grey',
-  },
-  photoLabel: {
-    flex: 1,
-  },
-  randomPhoto: {
-    width: 50,
-    height: 50,
-  },
-  textButton: {
-    color: 'blue',
-  },
-  addTextParamButton: {
-    marginTop: 8,
-  },
-  textInput: {
-    flex: 1,
-    borderRadius: 3,
-    borderColor: 'grey',
-    borderWidth: 1,
-    height: Platform.OS === 'android' ? 50 : 30,
-    paddingLeft: 8,
-  },
-  equalSign: {
-    paddingHorizontal: 4,
-  },
-  uploadButton: {
-    marginTop: 16,
-  },
-  uploadButtonBox: {
-    flex: 1,
-    paddingVertical: 12,
-    alignItems: 'center',
-    backgroundColor: 'blue',
-    borderRadius: 4,
-  },
-  uploadButtonLabel: {
-    color: 'white',
-    fontSize: 16,
-    fontWeight: '500',
-  },
-});
-
-module.exports = XHRExampleFormData;
diff --git a/RNTester/js/Thumbnails/bandaged.png b/RNTester/js/assets/bandaged.png
similarity index 100%
rename from RNTester/js/Thumbnails/bandaged.png
rename to RNTester/js/assets/bandaged.png
diff --git a/RNTester/js/bunny.png b/RNTester/js/assets/bunny.png
similarity index 100%
rename from RNTester/js/bunny.png
rename to RNTester/js/assets/bunny.png
diff --git a/RNTester/js/Thumbnails/call.png b/RNTester/js/assets/call.png
similarity index 100%
rename from RNTester/js/Thumbnails/call.png
rename to RNTester/js/assets/call.png
diff --git a/RNTester/js/Thumbnails/dislike.png b/RNTester/js/assets/dislike.png
similarity index 100%
rename from RNTester/js/Thumbnails/dislike.png
rename to RNTester/js/assets/dislike.png
diff --git a/RNTester/js/Thumbnails/fist.png b/RNTester/js/assets/fist.png
similarity index 100%
rename from RNTester/js/Thumbnails/fist.png
rename to RNTester/js/assets/fist.png
diff --git a/RNTester/js/Thumbnails/flowers.png b/RNTester/js/assets/flowers.png
similarity index 100%
rename from RNTester/js/Thumbnails/flowers.png
rename to RNTester/js/assets/flowers.png
diff --git a/RNTester/js/flux@3x.png b/RNTester/js/assets/flux@3x.png
similarity index 100%
rename from RNTester/js/flux@3x.png
rename to RNTester/js/assets/flux@3x.png
diff --git a/RNTester/js/hawk.png b/RNTester/js/assets/hawk.png
similarity index 100%
rename from RNTester/js/hawk.png
rename to RNTester/js/assets/hawk.png
diff --git a/RNTester/js/Thumbnails/heart.png b/RNTester/js/assets/heart.png
similarity index 100%
rename from RNTester/js/Thumbnails/heart.png
rename to RNTester/js/assets/heart.png
diff --git a/RNTester/js/helloworld.html b/RNTester/js/assets/helloworld.html
similarity index 100%
rename from RNTester/js/helloworld.html
rename to RNTester/js/assets/helloworld.html
diff --git a/RNTester/js/imageMask.png b/RNTester/js/assets/imageMask.png
similarity index 100%
rename from RNTester/js/imageMask.png
rename to RNTester/js/assets/imageMask.png
diff --git a/RNTester/js/Thumbnails/like.png b/RNTester/js/assets/like.png
similarity index 100%
rename from RNTester/js/Thumbnails/like.png
rename to RNTester/js/assets/like.png
diff --git a/RNTester/js/Thumbnails/liking.png b/RNTester/js/assets/liking.png
similarity index 100%
rename from RNTester/js/Thumbnails/liking.png
rename to RNTester/js/assets/liking.png
diff --git a/RNTester/js/messagingtest.html b/RNTester/js/assets/messagingtest.html
similarity index 100%
rename from RNTester/js/messagingtest.html
rename to RNTester/js/assets/messagingtest.html
diff --git a/RNTester/js/Thumbnails/party.png b/RNTester/js/assets/party.png
similarity index 100%
rename from RNTester/js/Thumbnails/party.png
rename to RNTester/js/assets/party.png
diff --git a/RNTester/js/Thumbnails/poke.png b/RNTester/js/assets/poke.png
similarity index 100%
rename from RNTester/js/Thumbnails/poke.png
rename to RNTester/js/assets/poke.png
diff --git a/RNTester/js/relay@3x.png b/RNTester/js/assets/relay@3x.png
similarity index 100%
rename from RNTester/js/relay@3x.png
rename to RNTester/js/assets/relay@3x.png
diff --git a/RNTester/js/slider-left.png b/RNTester/js/assets/slider-left.png
similarity index 100%
rename from RNTester/js/slider-left.png
rename to RNTester/js/assets/slider-left.png
diff --git a/RNTester/js/slider-left@2x.png b/RNTester/js/assets/slider-left@2x.png
similarity index 100%
rename from RNTester/js/slider-left@2x.png
rename to RNTester/js/assets/slider-left@2x.png
diff --git a/RNTester/js/slider-right.png b/RNTester/js/assets/slider-right.png
similarity index 100%
rename from RNTester/js/slider-right.png
rename to RNTester/js/assets/slider-right.png
diff --git a/RNTester/js/slider-right@2x.png b/RNTester/js/assets/slider-right@2x.png
similarity index 100%
rename from RNTester/js/slider-right@2x.png
rename to RNTester/js/assets/slider-right@2x.png
diff --git a/RNTester/js/slider.png b/RNTester/js/assets/slider.png
similarity index 100%
rename from RNTester/js/slider.png
rename to RNTester/js/assets/slider.png
diff --git a/RNTester/js/slider@2x.png b/RNTester/js/assets/slider@2x.png
similarity index 100%
rename from RNTester/js/slider@2x.png
rename to RNTester/js/assets/slider@2x.png
diff --git a/RNTester/js/Thumbnails/superlike.png b/RNTester/js/assets/superlike.png
similarity index 100%
rename from RNTester/js/Thumbnails/superlike.png
rename to RNTester/js/assets/superlike.png
diff --git a/RNTester/js/AnimatedGratuitousApp/trees.jpg b/RNTester/js/assets/trees.jpg
similarity index 100%
rename from RNTester/js/AnimatedGratuitousApp/trees.jpg
rename to RNTester/js/assets/trees.jpg
diff --git a/RNTester/js/tumblr_mfqekpMktw1rn90umo1_500.gif b/RNTester/js/assets/tumblr_mfqekpMktw1rn90umo1_500.gif
similarity index 100%
rename from RNTester/js/tumblr_mfqekpMktw1rn90umo1_500.gif
rename to RNTester/js/assets/tumblr_mfqekpMktw1rn90umo1_500.gif
diff --git a/RNTester/js/uie_comment_highlighted@2x.png b/RNTester/js/assets/uie_comment_highlighted@2x.png
similarity index 100%
rename from RNTester/js/uie_comment_highlighted@2x.png
rename to RNTester/js/assets/uie_comment_highlighted@2x.png
diff --git a/RNTester/js/uie_comment_normal@2x.png b/RNTester/js/assets/uie_comment_normal@2x.png
similarity index 100%
rename from RNTester/js/uie_comment_normal@2x.png
rename to RNTester/js/assets/uie_comment_normal@2x.png
diff --git a/RNTester/js/uie_thumb_big.png b/RNTester/js/assets/uie_thumb_big.png
similarity index 100%
rename from RNTester/js/uie_thumb_big.png
rename to RNTester/js/assets/uie_thumb_big.png
diff --git a/RNTester/js/uie_thumb_normal@2x.png b/RNTester/js/assets/uie_thumb_normal@2x.png
similarity index 100%
rename from RNTester/js/uie_thumb_normal@2x.png
rename to RNTester/js/assets/uie_thumb_normal@2x.png
diff --git a/RNTester/js/uie_thumb_selected@2x.png b/RNTester/js/assets/uie_thumb_selected@2x.png
similarity index 100%
rename from RNTester/js/uie_thumb_selected@2x.png
rename to RNTester/js/assets/uie_thumb_selected@2x.png
diff --git a/RNTester/js/Thumbnails/victory.png b/RNTester/js/assets/victory.png
similarity index 100%
rename from RNTester/js/Thumbnails/victory.png
rename to RNTester/js/assets/victory.png
diff --git a/RNTester/js/ListExampleShared.js b/RNTester/js/components/ListExampleShared.js
similarity index 86%
rename from RNTester/js/ListExampleShared.js
rename to RNTester/js/components/ListExampleShared.js
index dae79e1a85fdf0..c9e3846a5ba130 100644
--- a/RNTester/js/ListExampleShared.js
+++ b/RNTester/js/components/ListExampleShared.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {
   Animated,
   Image,
@@ -51,7 +52,7 @@ const ITEM_HEIGHT = 72;
 class ItemComponent extends React.PureComponent<{
   fixedHeight?: ?boolean,
   horizontal?: ?boolean,
-  isSelected?: ?boolean,
+  isSelected?: ?boolean, // TODO(macOS ISS#2323203)
   item: Item,
   onPress: (key: string) => void,
   onShowUnderlay?: () => void,
@@ -60,11 +61,11 @@ class ItemComponent extends React.PureComponent<{
   _onPress = () => {
     this.props.onPress(this.props.item.key);
   };
-  render() {
+  render(): React.Node {
     const {fixedHeight, horizontal, item} = this.props;
     const itemHash = Math.abs(hashCode(item.title));
     const imgSource = THUMB_URLS[itemHash % THUMB_URLS.length];
-    const rowStyle = this.props.isSelected ? styles.selectedRow : styles.row;
+    const rowStyle = this.props.isSelected ? styles.selectedRow : styles.row; // TODO(macOS ISS#2323203)
     return (
       <TouchableHighlight
         onPress={this._onPress}
@@ -77,7 +78,7 @@ class ItemComponent extends React.PureComponent<{
         style={horizontal ? styles.horizItem : styles.item}>
         <View
           style={[
-            rowStyle,
+            rowStyle, // TODO(macOS ISS#2323203)
             horizontal && {width: HORIZ_WIDTH},
             fixedHeight && {height: ITEM_HEIGHT},
           ]}>
@@ -93,7 +94,7 @@ class ItemComponent extends React.PureComponent<{
   }
 }
 
-const renderStackedItem = ({item}: {item: Item}) => {
+const renderStackedItem = ({item}: {item: Item}): React.Node => {
   const itemHash = Math.abs(hashCode(item.title));
   const imgSource = THUMB_URLS[itemHash % THUMB_URLS.length];
   return (
@@ -107,7 +108,7 @@ const renderStackedItem = ({item}: {item: Item}) => {
 };
 
 class FooterComponent extends React.PureComponent<{}> {
-  render() {
+  render(): React.Node {
     return (
       <View style={styles.headerFooterContainer}>
         <SeparatorComponent />
@@ -120,7 +121,7 @@ class FooterComponent extends React.PureComponent<{}> {
 }
 
 class HeaderComponent extends React.PureComponent<{}> {
-  render() {
+  render(): React.Node {
     return (
       <View style={styles.headerFooterContainer}>
         <View style={styles.headerFooter}>
@@ -133,7 +134,7 @@ class HeaderComponent extends React.PureComponent<{}> {
 }
 
 class ListEmptyComponent extends React.PureComponent<{}> {
-  render() {
+  render(): React.Node {
     return (
       <View style={styles.listEmpty}>
         <Text>The list is empty :o</Text>
@@ -143,13 +144,13 @@ class ListEmptyComponent extends React.PureComponent<{}> {
 }
 
 class SeparatorComponent extends React.PureComponent<{}> {
-  render() {
+  render(): React.Node {
     return <View style={styles.separator} />;
   }
 }
 
 class ItemSeparatorComponent extends React.PureComponent<$FlowFixMeProps> {
-  render() {
+  render(): React.Node {
     const style = this.props.highlighted
       ? [
           styles.itemSeparator,
@@ -161,7 +162,7 @@ class ItemSeparatorComponent extends React.PureComponent<$FlowFixMeProps> {
 }
 
 class Spindicator extends React.PureComponent<$FlowFixMeProps> {
-  render() {
+  render(): React.Node {
     return (
       <Animated.View
         style={[
@@ -184,18 +185,18 @@ class Spindicator extends React.PureComponent<$FlowFixMeProps> {
 }
 
 const THUMB_URLS = [
-  require('./Thumbnails/like.png'),
-  require('./Thumbnails/dislike.png'),
-  require('./Thumbnails/call.png'),
-  require('./Thumbnails/fist.png'),
-  require('./Thumbnails/bandaged.png'),
-  require('./Thumbnails/flowers.png'),
-  require('./Thumbnails/heart.png'),
-  require('./Thumbnails/liking.png'),
-  require('./Thumbnails/party.png'),
-  require('./Thumbnails/poke.png'),
-  require('./Thumbnails/superlike.png'),
-  require('./Thumbnails/victory.png'),
+  require('../assets/like.png'),
+  require('../assets/dislike.png'),
+  require('../assets/call.png'),
+  require('../assets/fist.png'),
+  require('../assets/bandaged.png'),
+  require('../assets/flowers.png'),
+  require('../assets/heart.png'),
+  require('../assets/liking.png'),
+  require('../assets/party.png'),
+  require('../assets/poke.png'),
+  require('../assets/superlike.png'),
+  require('../assets/victory.png'),
 ];
 
 const LOREM_IPSUM =
@@ -217,7 +218,11 @@ function hashCode(str: string): number {
 const HEADER = {height: 30, width: 100};
 const SEPARATOR_HEIGHT = StyleSheet.hairlineWidth;
 
-function getItemLayout(data: any, index: number, horizontal?: boolean) {
+function getItemLayout(
+  data: any,
+  index: number,
+  horizontal?: boolean,
+): $TEMPORARY$object<{|index: number, length: number, offset: number|}> {
   const [length, separator, header] = horizontal
     ? [HORIZ_WIDTH, 0, HEADER.width]
     : [ITEM_HEIGHT, SEPARATOR_HEIGHT, HEADER.height];
@@ -238,7 +243,10 @@ function pressItem(context: Object, key: string) {
   });
 }
 
-function renderSmallSwitchOption(context: Object, key: string) {
+function renderSmallSwitchOption(
+  context: Object,
+  key: string,
+): null | React.Node {
   if (Platform.isTV) {
     return null;
   }
@@ -254,7 +262,7 @@ function renderSmallSwitchOption(context: Object, key: string) {
   );
 }
 
-function PlainInput(props: Object) {
+function PlainInput(props: Object): React.Node {
   return (
     <TextInput
       autoCapitalize="none"
@@ -304,10 +312,11 @@ const styles = StyleSheet.create({
     backgroundColor: 'white',
   },
   selectedRow: {
+    // [TODO(macOS ISS#2323203)
     flexDirection: 'row',
     padding: 10,
     backgroundColor: '#DDECF8',
-  },
+  }, // ]TODO(macOS ISS#2323203)
   searchTextInput: {
     backgroundColor: 'white',
     borderColor: '#cccccc',
@@ -335,11 +344,12 @@ const styles = StyleSheet.create({
       transform: [{scale: 0.5}],
     },
     macos: {
+      // [TODO(macOS ISS#2323203)
       top: 4,
       left: 12,
       margin: -10,
       transform: [{scale: 0.5}],
-    },
+    }, // ]TODO(macOS ISS#2323203)
   }),
   stacked: {
     alignItems: 'center',
diff --git a/RNTester/js/RNTesterBlock.js b/RNTester/js/components/RNTesterBlock.js
similarity index 95%
rename from RNTester/js/RNTesterBlock.js
rename to RNTester/js/components/RNTesterBlock.js
index de9eac57ec1937..2e3e3e7578f479 100644
--- a/RNTester/js/RNTesterBlock.js
+++ b/RNTester/js/components/RNTesterBlock.js
@@ -11,8 +11,9 @@
 'use strict';
 
 const React = require('react');
+
 const {StyleSheet, Text, View} = require('react-native');
-import Platform from '../../Libraries/Utilities/Platform'; // TODO(macOS ISS#2323203)
+import {Platform} from 'react-native'; // TODO(macOS ISS#2323203)
 
 type Props = $ReadOnly<{|
   children?: React.Node,
@@ -25,9 +26,9 @@ type State = {|
 |};
 
 class RNTesterBlock extends React.Component<Props, State> {
-  state = {description: null};
+  state: State = {description: null};
 
-  render() {
+  render(): React.Node {
     const description = this.props.description ? (
       <Text style={styles.descriptionText}>{this.props.description}</Text>
     ) : null;
diff --git a/RNTester/js/RNTesterButton.js b/RNTester/js/components/RNTesterButton.js
similarity index 90%
rename from RNTester/js/RNTesterButton.js
rename to RNTester/js/components/RNTesterButton.js
index 398861a0be0339..a3fa596319fab3 100644
--- a/RNTester/js/RNTesterButton.js
+++ b/RNTester/js/components/RNTesterButton.js
@@ -11,9 +11,10 @@
 'use strict';
 
 const React = require('react');
+
 const {StyleSheet, Text, TouchableHighlight} = require('react-native');
 
-import type {PressEvent} from '../../Libraries/Types/CoreEventTypes';
+import type {PressEvent} from '../../../Libraries/Types/CoreEventTypes';
 
 type Props = $ReadOnly<{|
   children?: React.Node,
@@ -21,7 +22,7 @@ type Props = $ReadOnly<{|
 |}>;
 
 class RNTesterButton extends React.Component<Props> {
-  render() {
+  render(): React.Node {
     return (
       <TouchableHighlight
         onPress={this.props.onPress}
diff --git a/RNTester/js/RNTesterExampleContainer.js b/RNTester/js/components/RNTesterExampleContainer.js
similarity index 74%
rename from RNTester/js/RNTesterExampleContainer.js
rename to RNTester/js/components/RNTesterExampleContainer.js
index f2ffcb740eb824..7eed43740dc45f 100644
--- a/RNTester/js/RNTesterExampleContainer.js
+++ b/RNTester/js/components/RNTesterExampleContainer.js
@@ -15,26 +15,18 @@ const RNTesterBlock = require('./RNTesterBlock');
 const RNTesterExampleFilter = require('./RNTesterExampleFilter');
 const RNTesterPage = require('./RNTesterPage');
 
+const invariant = require('invariant');
+
 class RNTesterExampleContainer extends React.Component {
   renderExample(example, i) {
     // Filter platform-specific examples
     const {description, platform} = example;
     let {title} = example;
-    let platformSupported;
     if (platform) {
-      if (Array.isArray(platform)) {
-        if (!platform.includes(Platform.OS)) {
-          return null;
-        }
-        platformSupported = platform.join(' & ');
-      } else {
-        if (Platform.OS !== platform) {
-          return null;
-        }
-        platformSupported = platform;
+      if (Platform.OS !== platform) {
+        return null;
       }
-
-      title += ' (' + platformSupported + ' only)';
+      title += ' (' + platform + ' only)';
     }
     return (
       <RNTesterBlock key={i} title={title} description={description}>
@@ -44,10 +36,18 @@ class RNTesterExampleContainer extends React.Component {
   }
 
   render(): React.Element<any> {
-    if (this.props.module.examples.length === 1) {
+    const {module} = this.props;
+    if (module.simpleExampleContainer) {
+      invariant(
+        module.examples.length === 1,
+        'If noExampleContainer is specified, only one example is allowed',
+      );
+      return module.examples[0].render();
+    }
+    if (module.examples.length === 1) {
       return (
         <RNTesterPage title={this.props.title}>
-          {this.renderExample(this.props.module.examples[0])}
+          {this.renderExample(module.examples[0])}
         </RNTesterPage>
       );
     }
@@ -56,7 +56,7 @@ class RNTesterExampleContainer extends React.Component {
 
     const sections = [
       {
-        data: this.props.module.examples,
+        data: module.examples,
         title: 'EXAMPLES',
         key: 'e',
       },
diff --git a/RNTester/js/RNTesterExampleFilter.js b/RNTester/js/components/RNTesterExampleFilter.js
similarity index 96%
rename from RNTester/js/RNTesterExampleFilter.js
rename to RNTester/js/components/RNTesterExampleFilter.js
index b26a3e8b7ed284..5c6f5690143e7f 100644
--- a/RNTester/js/RNTesterExampleFilter.js
+++ b/RNTester/js/components/RNTesterExampleFilter.js
@@ -10,8 +10,9 @@
 
 'use strict';
 
-import Platform from '../../Libraries/Utilities/Platform'; // TODO(macOS ISS#2323203)
+import {Platform} from 'react-native'; // TODO(macOS ISS#2323203)
 const React = require('react');
+
 const {StyleSheet, TextInput, View} = require('react-native');
 
 type Props = {
@@ -27,9 +28,9 @@ type State = {
 };
 
 class RNTesterExampleFilter extends React.Component<Props, State> {
-  state = {filter: ''};
+  state: State = {filter: ''};
 
-  render() {
+  render(): React.Node {
     const filterText = this.state.filter;
     let filterRegex = /.*/;
 
diff --git a/RNTester/js/RNTesterExampleList.js b/RNTester/js/components/RNTesterExampleList.js
similarity index 91%
rename from RNTester/js/RNTesterExampleList.js
rename to RNTester/js/components/RNTesterExampleList.js
index 6421260ca266d1..82acda95fdf00c 100644
--- a/RNTester/js/RNTesterExampleList.js
+++ b/RNTester/js/components/RNTesterExampleList.js
@@ -10,7 +10,10 @@
 
 'use strict';
 
+const RNTesterActions = require('../utils/RNTesterActions');
+const RNTesterExampleFilter = require('./RNTesterExampleFilter');
 const React = require('react');
+
 const {
   Platform,
   SectionList,
@@ -19,11 +22,9 @@ const {
   TouchableHighlight,
   View,
 } = require('react-native');
-const RNTesterActions = require('./RNTesterActions');
-const RNTesterExampleFilter = require('./RNTesterExampleFilter');
 
-import type {RNTesterExample} from './Shared/RNTesterTypes';
-import type {ViewStyleProp} from '../../Libraries/StyleSheet/StyleSheet';
+import type {ViewStyleProp} from '../../../Libraries/StyleSheet/StyleSheet';
+import type {RNTesterExample} from '../types/RNTesterTypes';
 
 type Props = {
   onNavigate: Function,
@@ -36,7 +37,7 @@ type Props = {
 
 class RowComponent extends React.PureComponent<{
   item: Object,
-  isSelected?: ?boolean,
+  isSelected?: ?boolean, // TODO(macOS ISS#2323203)
   onNavigate: Function,
   onPress?: Function,
   onShowUnderlay?: Function,
@@ -51,12 +52,12 @@ class RowComponent extends React.PureComponent<{
   };
   render() {
     const {item} = this.props;
-    const rowStyle = this.props.isSelected ? styles.selectedRow : styles.row;
+    const rowStyle = this.props.isSelected ? styles.selectedRow : styles.row; // TODO(macOS ISS#2323203)
     return (
       <TouchableHighlight
         onShowUnderlay={this.props.onShowUnderlay}
         onHideUnderlay={this.props.onHideUnderlay}
-        onAccessibilityTap={this._onPress}
+        onAccessibilityAction={this._onPress} // TODO(macOS ISS#2323203)
         acceptsKeyboardFocus={false} // TODO(macOS ISS#2323203)
         onPress={this._onPress}>
         <View style={rowStyle}>
@@ -73,7 +74,7 @@ const renderSectionHeader = ({section}) => (
 );
 
 class RNTesterExampleList extends React.Component<Props, $FlowFixMeState> {
-  render() {
+  render(): React.Node {
     const filter = ({example, filterRegex}) =>
       filterRegex.test(example.module.title) &&
       (!Platform.isTV || example.supportsTVOS);
@@ -127,18 +128,21 @@ class RNTesterExampleList extends React.Component<Props, $FlowFixMeState> {
   }
 
   _handleOnSelectionEntered = item => {
+    // [TODO(macOS ISS#2323203)
     const {key} = item;
     this.props.onNavigate(RNTesterActions.ExampleAction(key));
-  };
+  }; // ]TODO(macOS ISS#2323203)
 
   _itemShouldUpdate(curr, prev) {
     return curr.item !== prev.item;
   }
 
-  _renderItem = ({item, isSelected, separators}) => (
+  _renderItem = (
+    {item, isSelected, separators}, // TODO(macOS ISS#2323203)
+  ) => (
     <RowComponent
       item={item}
-      isSelected={isSelected}
+      isSelected={isSelected} // TODO(macOS ISS#2323203)
       onNavigate={this.props.onNavigate}
       onShowUnderlay={separators.highlight}
       onHideUnderlay={separators.unhighlight}
@@ -240,11 +244,12 @@ const styles = StyleSheet.create({
     paddingVertical: 8,
   },
   selectedRow: {
+    // [TODO(macOS ISS#2323203)
     backgroundColor: '#DDECF8',
     justifyContent: 'center',
     paddingHorizontal: 15,
     paddingVertical: 8,
-  },
+  }, // ]TODO(macOS ISS#2323203)
   separator: {
     height: StyleSheet.hairlineWidth,
     ...Platform.select({
@@ -267,10 +272,11 @@ const styles = StyleSheet.create({
     backgroundColor: 'rgb(217, 217, 217)',
   },
   sectionListContentContainer: Platform.select({
+    // [TODO(macOS ISS#2323203)
     macos: {backgroundColor: {semantic: 'separatorColor'}},
     ios: {backgroundColor: {semantic: 'separatorColor'}},
     default: {backgroundColor: 'white'},
-  }),
+  }), // ]TODO(macOS ISS#2323203)
   rowTitleText: {
     fontSize: 17,
     fontWeight: '500',
diff --git a/RNTester/js/RNTesterPage.js b/RNTester/js/components/RNTesterPage.js
similarity index 94%
rename from RNTester/js/RNTesterPage.js
rename to RNTester/js/components/RNTesterPage.js
index e5f18e1f7424d6..5f4ca814b6b60e 100644
--- a/RNTester/js/RNTesterPage.js
+++ b/RNTester/js/components/RNTesterPage.js
@@ -10,11 +10,11 @@
 
 'use strict';
 
+const RNTesterTitle = require('./RNTesterTitle');
 const React = require('react');
-import Platform from '../../Libraries/Utilities/Platform'; // TODO(OSS Candidate ISS#2710739)
-const {ScrollView, StyleSheet, View} = require('react-native');
+import {Platform} from 'react-native'; // TODO(macOS ISS#2323203)
 
-const RNTesterTitle = require('./RNTesterTitle');
+const {ScrollView, StyleSheet, View} = require('react-native');
 
 type Props = $ReadOnly<{|
   children?: React.Node,
@@ -24,7 +24,7 @@ type Props = $ReadOnly<{|
 |}>;
 
 class RNTesterPage extends React.Component<Props> {
-  render() {
+  render(): React.Node {
     let ContentWrapper;
     let wrapperProps = {};
     if (this.props.noScroll) {
diff --git a/RNTester/js/RNTesterSettingSwitchRow.js b/RNTester/js/components/RNTesterSettingSwitchRow.js
similarity index 89%
rename from RNTester/js/RNTesterSettingSwitchRow.js
rename to RNTester/js/components/RNTesterSettingSwitchRow.js
index 4667ed18081e8c..fafcf7a5ffb722 100644
--- a/RNTester/js/RNTesterSettingSwitchRow.js
+++ b/RNTester/js/components/RNTesterSettingSwitchRow.js
@@ -10,21 +10,22 @@
 
 'use strict';
 
+const RNTesterStatePersister = require('../utils/RNTesterStatePersister');
 const React = require('react');
+
 const {StyleSheet, Switch, Text, View} = require('react-native');
-const RNTesterStatePersister = require('./RNTesterStatePersister');
 
 class RNTesterSettingSwitchRow extends React.Component<
   $FlowFixMeProps,
   $FlowFixMeState,
 > {
-  UNSAFE_componentWillReceiveProps(newProps) {
+  UNSAFE_componentWillReceiveProps(newProps: $FlowFixMeProps) {
     const {onEnable, onDisable, persister} = this.props;
     if (newProps.persister.state !== persister.state) {
       newProps.persister.state ? onEnable() : onDisable();
     }
   }
-  render() {
+  render(): React.Node {
     const {label, persister} = this.props;
     return (
       <View style={styles.row}>
diff --git a/RNTester/js/RNTesterTitle.js b/RNTester/js/components/RNTesterTitle.js
similarity index 97%
rename from RNTester/js/RNTesterTitle.js
rename to RNTester/js/components/RNTesterTitle.js
index a50ac5066c395e..df418fdbadcc8d 100644
--- a/RNTester/js/RNTesterTitle.js
+++ b/RNTester/js/components/RNTesterTitle.js
@@ -11,10 +11,11 @@
 'use strict';
 
 const React = require('react');
+
 const {StyleSheet, Text, View} = require('react-native');
 
 class RNTesterTitle extends React.Component<$FlowFixMeProps> {
-  render() {
+  render(): React.Node {
     return (
       <View style={styles.container}>
         <Text style={styles.text}>{this.props.title}</Text>
diff --git a/RNTester/js/Shared/TextInlineView.js b/RNTester/js/components/TextInlineView.js
similarity index 93%
rename from RNTester/js/Shared/TextInlineView.js
rename to RNTester/js/components/TextInlineView.js
index 9cb8e13aded1ff..e5fcc68aaeac4c 100644
--- a/RNTester/js/Shared/TextInlineView.js
+++ b/RNTester/js/components/TextInlineView.js
@@ -11,19 +11,21 @@
 'use strict';
 
 const React = require('react');
+
 const {Image, Text, TouchableHighlight, View} = require('react-native');
 
-function Basic() {
+function Basic(): React.Node {
   return (
     <Text>
       This text contains an inline blue view{' '}
       <View style={{width: 25, height: 25, backgroundColor: 'steelblue'}} /> and
-      an inline image <Image source={require('../flux.png')} />. Neat, huh?
+      an inline image <Image source={require('../assets/flux.png')} />. Neat,
+      huh?
     </Text>
   );
 }
 
-function ClippedByText() {
+function ClippedByText(): React.Node {
   return (
     <View>
       {/*
@@ -91,11 +93,11 @@ type ChangeSizeState = {|
 |};
 
 class ChangeImageSize extends React.Component<*, ChangeSizeState> {
-  state = {
+  state: ChangeSizeState = {
     width: 50,
   };
 
-  render() {
+  render(): React.Node {
     return (
       <View>
         <TouchableHighlight
@@ -127,11 +129,11 @@ class ChangeImageSize extends React.Component<*, ChangeSizeState> {
 }
 
 class ChangeViewSize extends React.Component<*, ChangeSizeState> {
-  state = {
+  state: ChangeSizeState = {
     width: 50,
   };
 
-  render() {
+  render(): React.Node {
     return (
       <View>
         <TouchableHighlight
@@ -159,11 +161,11 @@ class ChangeViewSize extends React.Component<*, ChangeSizeState> {
 }
 
 class ChangeInnerViewSize extends React.Component<*, ChangeSizeState> {
-  state = {
+  state: ChangeSizeState = {
     width: 50,
   };
 
-  render() {
+  render(): React.Node {
     return (
       <View>
         <TouchableHighlight
diff --git a/RNTester/js/Shared/TextLegend.js b/RNTester/js/components/TextLegend.js
similarity index 97%
rename from RNTester/js/Shared/TextLegend.js
rename to RNTester/js/components/TextLegend.js
index 5021b8d867b874..b53bed9dd7d1df 100644
--- a/RNTester/js/Shared/TextLegend.js
+++ b/RNTester/js/components/TextLegend.js
@@ -11,17 +11,23 @@
 'use strict';
 
 const React = require('react');
+
 const {Picker, Text, View} = require('react-native');
 
 class TextLegend extends React.Component<*, *> {
-  state = {
+  state: $TEMPORARY$object<{|
+    alignment: $TEMPORARY$string<'left'>,
+    fontSize: number,
+    language: $TEMPORARY$string<'english'>,
+    textMetrics: Array<any>,
+  |}> = {
     textMetrics: [],
     language: 'english',
     alignment: 'left',
     fontSize: 50,
   };
 
-  render() {
+  render(): React.Node {
     const PANGRAMS = {
       arabic:
         'صِف خَلقَ خَودِ كَمِثلِ الشَمسِ إِذ بَزَغَت — يَحظى الضَجيعُ بِها نَجلاءَ مِعطارِ',
diff --git a/RNTester/js/createExamplePage.js b/RNTester/js/components/createExamplePage.js
similarity index 91%
rename from RNTester/js/createExamplePage.js
rename to RNTester/js/components/createExamplePage.js
index 1b70fe5a91e9be..05db48f0ad9718 100644
--- a/RNTester/js/createExamplePage.js
+++ b/RNTester/js/components/createExamplePage.js
@@ -13,7 +13,7 @@
 const React = require('react');
 
 const RNTesterExampleContainer = require('./RNTesterExampleContainer');
-import type {RNTesterExample} from './Shared/RNTesterTypes';
+import type {RNTesterExample} from '../types/RNTesterTypes';
 
 const createExamplePage = function(
   title: ?string,
diff --git a/RNTester/js/ARTExample.js b/RNTester/js/examples/ART/ARTExample.js
similarity index 100%
rename from RNTester/js/ARTExample.js
rename to RNTester/js/examples/ART/ARTExample.js
diff --git a/RNTester/js/AccessibilityAndroidExample.android.js b/RNTester/js/examples/Accessibility/AccessibilityAndroidExample.android.js
similarity index 97%
rename from RNTester/js/AccessibilityAndroidExample.android.js
rename to RNTester/js/examples/Accessibility/AccessibilityAndroidExample.android.js
index a2a0a6cd6a1ab0..d09389478b9311 100644
--- a/RNTester/js/AccessibilityAndroidExample.android.js
+++ b/RNTester/js/examples/Accessibility/AccessibilityAndroidExample.android.js
@@ -17,8 +17,8 @@ const {
   TouchableWithoutFeedback,
 } = require('react-native');
 
-const RNTesterBlock = require('./RNTesterBlock');
-const RNTesterPage = require('./RNTesterPage');
+const RNTesterBlock = require('../../components/RNTesterBlock');
+const RNTesterPage = require('../../components/RNTesterPage');
 
 const importantForAccessibilityValues = [
   'auto',
diff --git a/RNTester/js/AccessibilityExample.js b/RNTester/js/examples/Accessibility/AccessibilityExample.js
similarity index 87%
rename from RNTester/js/AccessibilityExample.js
rename to RNTester/js/examples/Accessibility/AccessibilityExample.js
index c5ae027942e4d8..39ba0ab1bc3ae4 100644
--- a/RNTester/js/AccessibilityExample.js
+++ b/RNTester/js/examples/Accessibility/AccessibilityExample.js
@@ -16,13 +16,14 @@ const {
   Text,
   View,
   TouchableOpacity,
+  TouchableWithoutFeedback,
   Alert,
   UIManager,
   findNodeHandle,
   Platform,
 } = require('react-native');
 
-const RNTesterBlock = require('./RNTesterBlock');
+const RNTesterBlock = require('../../components/RNTesterBlock');
 
 class AccessibilityExample extends React.Component {
   render() {
@@ -109,7 +110,7 @@ class AccessibilityExample extends React.Component {
           <TouchableOpacity
             onPress={() => Alert.alert('Button has been pressed!')}
             accessibilityRole="button"
-            accessibilityStates={['disabled']}
+            accessibilityState={{disabled: true}}
             disabled={true}>
             <View>
               <Text>
@@ -122,7 +123,7 @@ class AccessibilityExample extends React.Component {
         <RNTesterBlock title="View with multiple states">
           <View
             accessible={true}
-            accessibilityStates={['selected', 'disabled']}>
+            accessibilityState={{selected: true, disabled: true}}>
             <Text>This view is selected and disabled.</Text>
           </View>
         </RNTesterBlock>
@@ -132,7 +133,7 @@ class AccessibilityExample extends React.Component {
             accessible={true}
             accessibilityLabel="Accessibility label."
             accessibilityRole="button"
-            accessibilityStates={['selected']}
+            accessibilityState={{selected: true}}
             accessibilityHint="Accessibility hint.">
             <Text>Accessible view with label, hint, role, and state</Text>
           </View>
@@ -144,12 +145,18 @@ class AccessibilityExample extends React.Component {
 
 class CheckboxExample extends React.Component {
   state = {
-    checkboxState: 'checked',
+    checkboxState: true,
   };
 
   _onCheckboxPress = () => {
-    const checkboxState =
-      this.state.checkboxState === 'checked' ? 'unchecked' : 'checked';
+    let checkboxState = false;
+    if (this.state.checkboxState === false) {
+      checkboxState = 'mixed';
+    } else if (this.state.checkboxState === 'mixed') {
+      checkboxState = true;
+    } else {
+      checkboxState = false;
+    }
 
     this.setState({
       checkboxState: checkboxState,
@@ -169,7 +176,7 @@ class CheckboxExample extends React.Component {
         onPress={this._onCheckboxPress}
         accessibilityLabel="element 2"
         accessibilityRole="checkbox"
-        accessibilityStates={[this.state.checkboxState]}
+        accessibilityState={{checked: this.state.checkboxState}}
         accessibilityHint="click me to change state">
         <Text>Checkbox example</Text>
       </TouchableOpacity>
@@ -179,12 +186,11 @@ class CheckboxExample extends React.Component {
 
 class SwitchExample extends React.Component {
   state = {
-    switchState: 'checked',
+    switchState: true,
   };
 
   _onSwitchToggle = () => {
-    const switchState =
-      this.state.switchState === 'checked' ? 'unchecked' : 'checked';
+    const switchState = !this.state.switchState;
 
     this.setState({
       switchState: switchState,
@@ -204,7 +210,7 @@ class SwitchExample extends React.Component {
         onPress={this._onSwitchToggle}
         accessibilityLabel="element 12"
         accessibilityRole="switch"
-        accessibilityStates={[this.state.switchState]}
+        accessibilityState={{checked: this.state.switchState}}
         accessible={true}>
         <Text>Switch example</Text>
       </TouchableOpacity>
@@ -224,14 +230,11 @@ class SelectionExample extends React.Component {
   };
 
   render() {
-    let accessibilityStates = [];
     let accessibilityHint = 'click me to select';
     if (this.state.isSelected) {
-      accessibilityStates.push('selected');
       accessibilityHint = 'click me to unselect';
     }
     if (!this.state.isEnabled) {
-      accessibilityStates.push('disabled');
       accessibilityHint = 'use the button on the right to enable selection';
     }
     let buttonTitle = this.state.isEnabled
@@ -244,9 +247,11 @@ class SelectionExample extends React.Component {
           ref={this.selectableElement}
           accessible={true}
           onPress={() => {
-            this.setState({
-              isSelected: !this.state.isSelected,
-            });
+            if (this.state.isEnabled) {
+              this.setState({
+                isSelected: !this.state.isSelected,
+              });
+            }
 
             if (Platform.OS === 'android') {
               UIManager.sendAccessibilityEvent(
@@ -256,7 +261,10 @@ class SelectionExample extends React.Component {
             }
           }}
           accessibilityLabel="element 19"
-          accessibilityStates={accessibilityStates}
+          accessibilityState={{
+            selected: this.state.isSelected,
+            disabled: !this.state.isEnabled,
+          }}
           accessibilityHint={accessibilityHint}>
           <Text>Selectable element example</Text>
         </TouchableOpacity>
@@ -275,12 +283,11 @@ class SelectionExample extends React.Component {
 
 class ExpandableElementExample extends React.Component {
   state = {
-    expandState: 'collapsed',
+    expandState: false,
   };
 
   _onElementPress = () => {
-    const expandState =
-      this.state.expandState === 'collapsed' ? 'expanded' : 'collapsed';
+    const expandState = !this.state.expandState;
 
     this.setState({
       expandState: expandState,
@@ -299,7 +306,7 @@ class ExpandableElementExample extends React.Component {
       <TouchableOpacity
         onPress={this._onElementPress}
         accessibilityLabel="element 18"
-        accessibilityStates={[this.state.expandState]}
+        accessibilityState={{expanded: this.state.expandState}}
         accessibilityHint="click me to change state">
         <Text>Expandable element example</Text>
       </TouchableOpacity>
@@ -399,7 +406,7 @@ class AccessibilityRoleAndStateExample extends React.Component<{}> {
         </View>
         <View
           accessibilityLabel="element 17"
-          accessibilityStates={['busy']}
+          accessibilityState={{busy: true}}
           accessible={true}>
           <Text>State busy example</Text>
         </View>
@@ -472,6 +479,35 @@ class AccessibilityActionsExample extends React.Component {
             <Text>Slider</Text>
           </View>
         </RNTesterBlock>
+
+        <RNTesterBlock title="Button with custom accessibility actions">
+          <TouchableWithoutFeedback
+            accessible={true}
+            accessibilityActions={[
+              {name: 'cut', label: 'cut label'},
+              {name: 'copy', label: 'copy label'},
+              {name: 'paste', label: 'paste label'},
+            ]}
+            onAccessibilityAction={event => {
+              switch (event.nativeEvent.actionName) {
+                case 'cut':
+                  Alert.alert('Alert', 'cut action success');
+                  break;
+                case 'copy':
+                  Alert.alert('Alert', 'copy action success');
+                  break;
+                case 'paste':
+                  Alert.alert('Alert', 'paste action success');
+                  break;
+              }
+            }}
+            onPress={() => Alert.alert('Button has been pressed!')}
+            accessibilityRole="button">
+            <View>
+              <Text>Click me</Text>
+            </View>
+          </TouchableWithoutFeedback>
+        </RNTesterBlock>
       </View>
     );
   }
diff --git a/RNTester/js/AccessibilityIOSExample.js b/RNTester/js/examples/Accessibility/AccessibilityIOSExample.js
similarity index 96%
rename from RNTester/js/AccessibilityIOSExample.js
rename to RNTester/js/examples/Accessibility/AccessibilityIOSExample.js
index 0bcabc91c1c2a7..1ca8e44f54f679 100644
--- a/RNTester/js/AccessibilityIOSExample.js
+++ b/RNTester/js/examples/Accessibility/AccessibilityIOSExample.js
@@ -13,7 +13,7 @@
 const React = require('react');
 const {Text, View, Alert} = require('react-native');
 
-const RNTesterBlock = require('./RNTesterBlock');
+const RNTesterBlock = require('../../components/RNTesterBlock');
 
 type Props = $ReadOnly<{||}>;
 class AccessibilityIOSExample extends React.Component<Props> {
diff --git a/RNTester/js/ActionSheetIOSExample.js b/RNTester/js/examples/ActionSheetIOS/ActionSheetIOSExample.js
similarity index 100%
rename from RNTester/js/ActionSheetIOSExample.js
rename to RNTester/js/examples/ActionSheetIOS/ActionSheetIOSExample.js
diff --git a/RNTester/js/ActivityIndicatorExample.js b/RNTester/js/examples/ActivityIndicator/ActivityIndicatorExample.js
similarity index 88%
rename from RNTester/js/ActivityIndicatorExample.js
rename to RNTester/js/examples/ActivityIndicator/ActivityIndicatorExample.js
index 5341f4be45ba70..0e153ed93539e8 100644
--- a/RNTester/js/ActivityIndicatorExample.js
+++ b/RNTester/js/examples/ActivityIndicator/ActivityIndicatorExample.js
@@ -9,10 +9,10 @@
  */
 
 'use strict';
-
-import React, {Component} from 'react';
+import type {Node} from 'React';
 import {ActivityIndicator, StyleSheet, View} from 'react-native';
-import Platform from '../../Libraries/Utilities/Platform'; // TODO(OSS Candidate ISS#2710739)
+import React, {Component} from 'react';
+import {Platform} from 'react-native'; // TODO(macOS ISS#2323203)
 
 type State = {|animating: boolean|};
 type Props = $ReadOnly<{||}>;
@@ -68,13 +68,14 @@ const styles = StyleSheet.create({
     justifyContent: 'space-around',
     padding: 8,
     ...Platform.select({
+      // [TODO(macOS ISS#2323203)
       macos: {
         backgroundColor: {semantic: 'windowBackgroundColor'},
       },
       default: {
         backgroundColor: undefined,
       },
-    }),
+    }), // ]TODO(macOS ISS#2323203)
   },
 });
 
@@ -86,7 +87,7 @@ exports.description = 'Animated loading indicators.';
 exports.examples = [
   {
     title: 'Default (small, white)',
-    render() {
+    render(): Node {
       return (
         <ActivityIndicator
           style={[styles.centering, styles.gray]}
@@ -97,7 +98,7 @@ exports.examples = [
   },
   {
     title: 'Gray',
-    render() {
+    render(): Node {
       return (
         <View>
           <ActivityIndicator style={[styles.centering]} />
@@ -108,7 +109,7 @@ exports.examples = [
   },
   {
     title: 'Custom colors',
-    render() {
+    render(): Node {
       return (
         <View style={styles.horizontal}>
           <ActivityIndicator
@@ -131,7 +132,7 @@ exports.examples = [
   },
   {
     title: 'Large',
-    render() {
+    render(): Node {
       return (
         <ActivityIndicator
           style={[styles.centering, styles.gray]}
@@ -143,7 +144,7 @@ exports.examples = [
   },
   {
     title: 'Large, custom colors',
-    render() {
+    render(): Node {
       return (
         <View style={styles.horizontal}>
           <ActivityIndicator size="large" color="#0000ff" />
@@ -156,26 +157,13 @@ exports.examples = [
   },
   {
     title: 'Start/stop',
-    render() {
+    render(): Node {
       return <ToggleAnimatingActivityIndicator />;
     },
   },
   {
-    platform: 'ios',
-    title: 'Custom size',
-    render() {
-      return (
-        <ActivityIndicator
-          style={[styles.centering, {transform: [{scale: 1.5}]}]}
-          size="large"
-        />
-      );
-    },
-  },
-  {
-    platform: 'android',
     title: 'Custom size',
-    render() {
+    render(): Node {
       return (
         <ActivityIndicator
           style={[styles.centering, {transform: [{scale: 1.5}]}]}
@@ -187,7 +175,7 @@ exports.examples = [
   {
     platform: 'android',
     title: 'Custom size (size: 75)',
-    render() {
+    render(): Node {
       return <ActivityIndicator style={styles.centering} size={75} />;
     },
   },
diff --git a/RNTester/js/AlertExample.js b/RNTester/js/examples/Alert/AlertExample.js
similarity index 98%
rename from RNTester/js/AlertExample.js
rename to RNTester/js/examples/Alert/AlertExample.js
index 123dac52ed1b6e..4e362a525f91f9 100644
--- a/RNTester/js/AlertExample.js
+++ b/RNTester/js/examples/Alert/AlertExample.js
@@ -18,7 +18,7 @@ const {
   View,
 } = require('react-native');
 
-const RNTesterBlock = require('./RNTesterBlock');
+const RNTesterBlock = require('../../components/RNTesterBlock');
 
 // corporate ipsum > lorem ipsum
 const alertMessage =
diff --git a/RNTester/js/AlertIOSExample.js b/RNTester/js/examples/Alert/AlertIOSExample.js
similarity index 98%
rename from RNTester/js/AlertIOSExample.js
rename to RNTester/js/examples/Alert/AlertIOSExample.js
index 45c735523acb26..18bcaa4655da5a 100644
--- a/RNTester/js/AlertIOSExample.js
+++ b/RNTester/js/examples/Alert/AlertIOSExample.js
@@ -11,6 +11,8 @@
 'use strict';
 
 const React = require('react');
+
+const {SimpleAlertExampleBlock} = require('./AlertExample');
 const {
   StyleSheet,
   View,
@@ -19,8 +21,6 @@ const {
   Alert,
 } = require('react-native');
 
-const {SimpleAlertExampleBlock} = require('./AlertExample');
-
 type Props = $ReadOnly<{||}>;
 type State = {|promptValue: ?string|};
 
@@ -157,7 +157,7 @@ exports.description = 'iOS alerts and action sheets';
 exports.examples = [
   {
     title: 'Alerts',
-    render() {
+    render(): React.Node {
       return <SimpleAlertExampleBlock />;
     },
   },
@@ -169,7 +169,7 @@ exports.examples = [
   },
   {
     title: 'Prompt Types',
-    render() {
+    render(): React.Node {
       return (
         <View>
           <TouchableHighlight
diff --git a/RNTester/js/AnimatedExample.js b/RNTester/js/examples/Animated/AnimatedExample.js
similarity index 75%
rename from RNTester/js/AnimatedExample.js
rename to RNTester/js/examples/Animated/AnimatedExample.js
index 6513a346e535fb..7ef971ca5ee704 100644
--- a/RNTester/js/AnimatedExample.js
+++ b/RNTester/js/examples/Animated/AnimatedExample.js
@@ -10,9 +10,10 @@
 
 'use strict';
 
+const RNTesterButton = require('../../components/RNTesterButton');
 const React = require('react');
+
 const {Animated, Easing, StyleSheet, Text, View} = require('react-native');
-const RNTesterButton = require('./RNTesterButton');
 
 const styles = StyleSheet.create({
   content: {
@@ -32,19 +33,17 @@ const styles = StyleSheet.create({
 
 exports.framework = 'React';
 exports.title = 'Animated - Examples';
-exports.description =
-  'Animated provides a powerful ' +
+exports.description = ('Animated provides a powerful ' +
   'and easy-to-use API for building modern, ' +
-  'interactive user experiences.';
+  'interactive user experiences.': string);
 
 exports.examples = [
   {
     title: 'FadeInView',
-    description:
-      'Uses a simple timing animation to ' +
+    description: ('Uses a simple timing animation to ' +
       'bring opacity from 0 to 1 when the component ' +
-      'mounts.',
-    render: function() {
+      'mounts.': string),
+    render: function(): React.Node {
       class FadeInView extends React.Component<$FlowFixMeProps, any> {
         constructor(props) {
           super(props);
@@ -57,8 +56,13 @@ exports.examples = [
             // Uses easing functions
             this.state.fadeAnim, // The value to drive
             {
-              toValue: 1, // Target
-              duration: 2000, // Configuration
+              // Target
+              toValue: 1,
+
+              // Configuration
+              duration: 2000,
+
+              useNativeDriver: false,
             },
           ).start(); // Don't forget start!
         }
@@ -108,23 +112,31 @@ exports.examples = [
   },
   {
     title: 'Transform Bounce',
-    description:
-      'One `Animated.Value` is driven by a ' +
+    description: ('One `Animated.Value` is driven by a ' +
       'spring with custom constants and mapped to an ' +
       'ordered set of transforms.  Each transform has ' +
       'an interpolation to convert the value into the ' +
-      'right range and units.',
-    render: function() {
+      'right range and units.': string),
+    render: function(): React.Node {
       this.anim = this.anim || new Animated.Value(0);
       return (
         <View>
           <RNTesterButton
             onPress={() => {
               Animated.spring(this.anim, {
-                toValue: 0, // Returns to the start
-                velocity: 3, // Velocity makes it move
-                tension: -10, // Slow
-                friction: 1, // Oscillate a lot
+                // Returns to the start
+                toValue: 0,
+
+                // Velocity makes it move
+                velocity: 3,
+
+                // Slow
+                tension: -10,
+
+                // Oscillate a lot
+                friction: 1,
+
+                useNativeDriver: false,
               }).start();
             }}>
             Press to Fling it!
@@ -167,10 +179,9 @@ exports.examples = [
   },
   {
     title: 'Composite Animations with Easing',
-    description:
-      'Sequence, parallel, delay, and ' +
-      'stagger with different easing functions.',
-    render: function() {
+    description: ('Sequence, parallel, delay, and ' +
+      'stagger with different easing functions.': string),
+    render: function(): React.Node {
       this.anims = this.anims || [1, 2, 3].map(() => new Animated.Value(0));
       return (
         <View>
@@ -182,18 +193,35 @@ exports.examples = [
                 timing(this.anims[0], {
                   toValue: 200,
                   easing: Easing.linear,
+                  useNativeDriver: false,
                 }),
                 Animated.delay(400), // Use with sequence
                 timing(this.anims[0], {
                   toValue: 0,
-                  easing: Easing.elastic(2), // Springy
+
+                  // Springy
+                  easing: Easing.elastic(2),
+
+                  useNativeDriver: false,
                 }),
                 Animated.delay(400),
                 Animated.stagger(
                   200,
                   this.anims
-                    .map(anim => timing(anim, {toValue: 200}))
-                    .concat(this.anims.map(anim => timing(anim, {toValue: 0}))),
+                    .map(anim =>
+                      timing(anim, {
+                        toValue: 200,
+                        useNativeDriver: false,
+                      }),
+                    )
+                    .concat(
+                      this.anims.map(anim =>
+                        timing(anim, {
+                          toValue: 0,
+                          useNativeDriver: false,
+                        }),
+                      ),
+                    ),
                 ),
                 Animated.delay(400),
                 Animated.parallel(
@@ -206,6 +234,7 @@ exports.examples = [
                       toValue: 320,
                       easing,
                       duration: 3000,
+                      useNativeDriver: false,
                     }),
                   ),
                 ),
@@ -215,8 +244,12 @@ exports.examples = [
                   this.anims.map(anim =>
                     timing(anim, {
                       toValue: 0,
-                      easing: Easing.bounce, // Like a ball
+
+                      // Like a ball
+                      easing: Easing.bounce,
+
                       duration: 2000,
+                      useNativeDriver: false,
                     }),
                   ),
                 ),
@@ -243,23 +276,32 @@ exports.examples = [
   {
     title: 'Rotating Images',
     description: 'Simple Animated.Image rotation.',
-    render: function() {
+    render: function(): React.Node {
       this.anim = this.anim || new Animated.Value(0);
       return (
         <View>
           <RNTesterButton
             onPress={() => {
               Animated.spring(this.anim, {
-                toValue: 0, // Returns to the start
-                velocity: 3, // Velocity makes it move
-                tension: -10, // Slow
-                friction: 1, // Oscillate a lot
+                // Returns to the start
+                toValue: 0,
+
+                // Velocity makes it move
+                velocity: 3,
+
+                // Slow
+                tension: -10,
+
+                // Oscillate a lot
+                friction: 1,
+
+                useNativeDriver: false,
               }).start();
             }}>
             Press to Spin it!
           </RNTesterButton>
           <Animated.Image
-            source={require('./bunny.png')}
+            source={require('../../assets/bunny.png')}
             style={[
               styles.rotatingImage,
               {
@@ -295,10 +337,11 @@ exports.examples = [
   },
   {
     title: 'Continuous Interactions',
-    description:
-      'Gesture events, chaining, 2D ' +
+    description: ('Gesture events, chaining, 2D ' +
       'values, interrupting and transitioning ' +
-      'animations, etc.',
-    render: () => <Text>Checkout the Gratuitous Animation App!</Text>,
+      'animations, etc.': string),
+    render: (): React.Node => (
+      <Text>Checkout the Gratuitous Animation App!</Text>
+    ),
   },
 ];
diff --git a/RNTester/js/AnimatedGratuitousApp/AnExApp.js b/RNTester/js/examples/Animated/AnimatedGratuitousApp/AnExApp.js
similarity index 94%
rename from RNTester/js/AnimatedGratuitousApp/AnExApp.js
rename to RNTester/js/examples/Animated/AnimatedGratuitousApp/AnExApp.js
index d01c1e95ff2362..e14bdbfe48122e 100644
--- a/RNTester/js/AnimatedGratuitousApp/AnExApp.js
+++ b/RNTester/js/examples/Animated/AnimatedGratuitousApp/AnExApp.js
@@ -48,8 +48,13 @@ class Circle extends React.Component<any, any> {
       this.props.onMove && this.props.onMove(value);
     });
     Animated.spring(this.state.pop, {
-      toValue: 1, //  Pop to larger size.                      (step2b: uncomment)
-      ...config, //  Reuse config for convenient consistency  (step2b: uncomment)
+      //  Pop to larger size.                      (step2b: uncomment)
+      toValue: 1,
+
+      //  Reuse config for convenient consistency  (step2b: uncomment)
+      ...config,
+
+      useNativeDriver: false,
     }).start();
     this.setState(
       {
@@ -61,8 +66,11 @@ class Circle extends React.Component<any, any> {
           onPanResponderRelease: (e, gestureState) => {
             LayoutAnimation.easeInEaseOut(); // @flowfixme animates layout update as one batch (step3: uncomment)
             Animated.spring(this.state.pop, {
-              toValue: 0, // Pop back to 0                       (step2c: uncomment)
+              // Pop back to 0                       (step2c: uncomment)
+              toValue: 0,
+
               ...config,
+              useNativeDriver: false,
             }).start();
             this.setState({panResponder: undefined});
             this.props.onMove &&
@@ -185,7 +193,11 @@ class Circle extends React.Component<any, any> {
   _toggleIsActive(velocity) {
     const config = {tension: 30, friction: 7};
     if (this.state.isActive) {
-      Animated.spring(this.props.openVal, {toValue: 0, ...config}).start(() => {
+      Animated.spring(this.props.openVal, {
+        toValue: 0,
+        ...config,
+        useNativeDriver: false,
+      }).start(() => {
         // (step4: uncomment)
         this.setState({isActive: false}, this.props.onDeactivate);
       }); // (step4: uncomment)
@@ -193,7 +205,11 @@ class Circle extends React.Component<any, any> {
       this.props.onActivate();
       this.setState({isActive: true, panResponder: undefined}, () => {
         // this.props.openVal.setValue(1);                                             // (step4: comment)
-        Animated.spring(this.props.openVal, {toValue: 1, ...config}).start(); // (step4: uncomment)
+        Animated.spring(this.props.openVal, {
+          toValue: 1,
+          ...config,
+          useNativeDriver: false,
+        }).start(); // (step4: uncomment)
       });
     }
   }
diff --git a/RNTester/js/AnimatedGratuitousApp/AnExBobble.js b/RNTester/js/examples/Animated/AnimatedGratuitousApp/AnExBobble.js
similarity index 89%
rename from RNTester/js/AnimatedGratuitousApp/AnExBobble.js
rename to RNTester/js/examples/Animated/AnimatedGratuitousApp/AnExBobble.js
index 0654be84a4a179..a2c95aadd08e1c 100644
--- a/RNTester/js/AnimatedGratuitousApp/AnExBobble.js
+++ b/RNTester/js/examples/Animated/AnimatedGratuitousApp/AnExBobble.js
@@ -42,12 +42,18 @@ class AnExBobble extends React.Component<Object, any> {
         if (this.state.selectedBobble !== null) {
           const restSpot = BOBBLE_SPOTS[this.state.selectedBobble];
           Animated.spring(this.state.bobbles[this.state.selectedBobble], {
-            toValue: restSpot, // return previously selected bobble to rest position
+            // return previously selected bobble to rest position
+            toValue: restSpot,
+
+            useNativeDriver: false,
           }).start();
         }
         if (newSelected !== null && newSelected !== 0) {
           Animated.spring(this.state.bobbles[newSelected], {
-            toValue: this.state.bobbles[0], // newly selected should track the selector
+            // newly selected should track the selector
+            toValue: this.state.bobbles[0],
+
+            useNativeDriver: false,
           }).start();
         }
         this.state.selectedBobble = newSelected;
@@ -56,7 +62,10 @@ class AnExBobble extends React.Component<Object, any> {
     const releaseBobble = () => {
       this.state.bobbles.forEach((bobble, i) => {
         Animated.spring(bobble, {
-          toValue: {x: 0, y: 0}, // all bobbles return to zero
+          // all bobbles return to zero
+          toValue: {x: 0, y: 0},
+
+          useNativeDriver: false,
         }).start();
       });
     };
@@ -65,8 +74,13 @@ class AnExBobble extends React.Component<Object, any> {
       onPanResponderGrant: () => {
         BOBBLE_SPOTS.forEach((spot, idx) => {
           Animated.spring(this.state.bobbles[idx], {
-            toValue: spot, // spring each bobble to its spot
-            friction: 3, // less friction => bouncier
+            // spring each bobble to its spot
+            toValue: spot,
+
+            // less friction => bouncier
+            friction: 3,
+
+            useNativeDriver: false,
           }).start();
         });
       },
diff --git a/RNTester/js/AnimatedGratuitousApp/AnExChained.js b/RNTester/js/examples/Animated/AnimatedGratuitousApp/AnExChained.js
similarity index 86%
rename from RNTester/js/AnimatedGratuitousApp/AnExChained.js
rename to RNTester/js/examples/Animated/AnimatedGratuitousApp/AnExChained.js
index 0451e32d37c035..fb720bfe539673 100644
--- a/RNTester/js/AnimatedGratuitousApp/AnExChained.js
+++ b/RNTester/js/examples/Animated/AnimatedGratuitousApp/AnExChained.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {Animated, PanResponder, StyleSheet, View} = require('react-native');
 
 class AnExChained extends React.Component<Object, any> {
@@ -25,7 +26,11 @@ class AnExChained extends React.Component<Object, any> {
       const sticker = new Animated.ValueXY();
       Animated.spring(sticker, {
         ...stickerConfig,
-        toValue: this.state.stickers[i], // Animated toValue's are tracked
+
+        // Animated toValue's are tracked
+        toValue: this.state.stickers[i],
+
+        useNativeDriver: false,
       }).start();
       this.state.stickers.push(sticker); // push on the followers
     }
@@ -36,10 +41,15 @@ class AnExChained extends React.Component<Object, any> {
         Animated.decay(this.state.stickers[0], {
           // coast to a stop
           velocity: {x: gestureState.vx, y: gestureState.vy},
+
           deceleration: 0.997,
+          useNativeDriver: false,
         }),
         Animated.spring(this.state.stickers[0], {
-          toValue: {x: 0, y: 0}, // return to start
+          // return to start
+          toValue: {x: 0, y: 0},
+
+          useNativeDriver: false,
         }),
       ]).start();
     };
@@ -59,7 +69,7 @@ class AnExChained extends React.Component<Object, any> {
     });
   }
 
-  render() {
+  render(): React.Node {
     return (
       <View style={styles.chained}>
         {this.state.stickers.map((_, i) => {
@@ -99,11 +109,11 @@ const styles = StyleSheet.create({
 });
 
 const CHAIN_IMGS = [
-  require('../hawk.png'),
-  require('../bunny.png'),
-  require('../relay.png'),
-  require('../hawk.png'),
-  require('../bunny.png'),
+  require('../../../assets/hawk.png'),
+  require('../../../assets/bunny.png'),
+  require('../../../assets/relay.png'),
+  require('../../../assets/hawk.png'),
+  require('../../../assets/bunny.png'),
 ];
 
 module.exports = AnExChained;
diff --git a/RNTester/js/AnimatedGratuitousApp/AnExScroll.js b/RNTester/js/examples/Animated/AnimatedGratuitousApp/AnExScroll.js
similarity index 99%
rename from RNTester/js/AnimatedGratuitousApp/AnExScroll.js
rename to RNTester/js/examples/Animated/AnimatedGratuitousApp/AnExScroll.js
index 0bd79b9635f78d..87afc77f24b2ad 100644
--- a/RNTester/js/AnimatedGratuitousApp/AnExScroll.js
+++ b/RNTester/js/examples/Animated/AnimatedGratuitousApp/AnExScroll.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {
   Animated,
   Image,
@@ -23,7 +24,7 @@ const {
 class AnExScroll extends React.Component<$FlowFixMeProps, any> {
   state: any = {scrollX: new Animated.Value(0)};
 
-  render() {
+  render(): React.Node {
     const width = this.props.panelWidth;
     return (
       <View style={styles.container}>
diff --git a/RNTester/js/AnimatedGratuitousApp/AnExSet.js b/RNTester/js/examples/Animated/AnimatedGratuitousApp/AnExSet.js
similarity index 96%
rename from RNTester/js/AnimatedGratuitousApp/AnExSet.js
rename to RNTester/js/examples/Animated/AnimatedGratuitousApp/AnExSet.js
index e5074165c52366..439383f560370e 100644
--- a/RNTester/js/AnimatedGratuitousApp/AnExSet.js
+++ b/RNTester/js/examples/Animated/AnimatedGratuitousApp/AnExSet.js
@@ -82,6 +82,8 @@ class AnExSet extends React.Component<Object, any> {
             inputRange: [0, 300], // and interpolate pixel distance
             outputRange: [1, 0], // to a fraction.
           }),
+
+          useNativeDriver: false,
         }).start();
       },
       onPanResponderMove: Animated.event(
@@ -92,7 +94,10 @@ class AnExSet extends React.Component<Object, any> {
           this.props.onDismiss(gestureState.vy); // delegates dismiss action to parent
         } else {
           Animated.spring(this.props.openVal, {
-            toValue: 1, // animate back open if released early
+            // animate back open if released early
+            toValue: 1,
+
+            useNativeDriver: false,
           }).start();
         }
       },
diff --git a/RNTester/js/AnimatedGratuitousApp/AnExSlides.md b/RNTester/js/examples/Animated/AnimatedGratuitousApp/AnExSlides.md
similarity index 100%
rename from RNTester/js/AnimatedGratuitousApp/AnExSlides.md
rename to RNTester/js/examples/Animated/AnimatedGratuitousApp/AnExSlides.md
diff --git a/RNTester/js/AnimatedGratuitousApp/AnExTilt.js b/RNTester/js/examples/Animated/AnimatedGratuitousApp/AnExTilt.js
similarity index 85%
rename from RNTester/js/AnimatedGratuitousApp/AnExTilt.js
rename to RNTester/js/examples/Animated/AnimatedGratuitousApp/AnExTilt.js
index fea0a89cfbf037..61ad3591883f9a 100644
--- a/RNTester/js/AnimatedGratuitousApp/AnExTilt.js
+++ b/RNTester/js/examples/Animated/AnimatedGratuitousApp/AnExTilt.js
@@ -29,7 +29,11 @@ class AnExTilt extends React.Component<Object, any> {
             inputRange: [-300, 0, 300], // pan is in pixels
             outputRange: [0, 1, 0], // goes to zero at both edges
           }),
-          duration: 0, // direct tracking
+
+          // direct tracking
+          duration: 0,
+
+          useNativeDriver: false,
         }).start();
       },
       onPanResponderMove: Animated.event(
@@ -43,10 +47,15 @@ class AnExTilt extends React.Component<Object, any> {
           toValue = -500;
         }
         Animated.spring(this.state.panX, {
-          toValue, // animate back to center or off screen
-          velocity: gestureState.vx, // maintain gesture velocity
+          // animate back to center or off screen
+          toValue,
+
+          // maintain gesture velocity
+          velocity: gestureState.vx,
+
           tension: 10,
           friction: 3,
+          useNativeDriver: false,
         }).start();
         this.state.panX.removeAllListeners();
         const id = this.state.panX.addListener(({value}) => {
@@ -54,7 +63,10 @@ class AnExTilt extends React.Component<Object, any> {
           if (Math.abs(value) > 400) {
             this.state.panX.removeListener(id); // offscreen, so stop listening
             Animated.timing(this.state.opacity, {
-              toValue: 1, // Fade back in.  This unlinks it from tracking this.state.panX
+              // Fade back in.  This unlinks it from tracking this.state.panX
+              toValue: 1,
+
+              useNativeDriver: false,
             }).start();
             this.state.panX.setValue(0); // Note: stops the spring animation
             toValue !== 0 && this._startBurnsZoom();
@@ -67,8 +79,13 @@ class AnExTilt extends React.Component<Object, any> {
   _startBurnsZoom() {
     this.state.burns.setValue(1); // reset to beginning
     Animated.decay(this.state.burns, {
-      velocity: 1, // sublte zoom
-      deceleration: 0.9999, // slow decay
+      // subtle zoom
+      velocity: 1,
+
+      // slow decay
+      deceleration: 0.9999,
+
+      useNativeDriver: false,
     }).start();
   }
 
@@ -114,7 +131,7 @@ class AnExTilt extends React.Component<Object, any> {
               },
             ],
           }}
-          source={require('./trees.jpg')}
+          source={require('../../../assets/trees.jpg')}
         />
       </Animated.View>
     );
diff --git a/RNTester/js/AppStateExample.js b/RNTester/js/examples/AppState/AppStateExample.js
similarity index 98%
rename from RNTester/js/AppStateExample.js
rename to RNTester/js/examples/AppState/AppStateExample.js
index 24ecbcc27450de..9e7f17eefc1201 100644
--- a/RNTester/js/AppStateExample.js
+++ b/RNTester/js/examples/AppState/AppStateExample.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {AppState, Text, View} = require('react-native');
 
 class AppStateSubscription extends React.Component<
@@ -75,7 +76,7 @@ exports.examples = [
   {
     title: 'AppState.currentState',
     description: 'Can be null on app initialization',
-    render() {
+    render(): React.Node {
       return <Text>{AppState.currentState}</Text>;
     },
   },
diff --git a/RNTester/js/AsyncStorageExample.js b/RNTester/js/examples/AsyncStorage/AsyncStorageExample.js
similarity index 100%
rename from RNTester/js/AsyncStorageExample.js
rename to RNTester/js/examples/AsyncStorage/AsyncStorageExample.js
diff --git a/RNTester/js/BorderExample.js b/RNTester/js/examples/Border/BorderExample.js
similarity index 97%
rename from RNTester/js/BorderExample.js
rename to RNTester/js/examples/Border/BorderExample.js
index 193c6678fc4146..66643034299b17 100644
--- a/RNTester/js/BorderExample.js
+++ b/RNTester/js/examples/Border/BorderExample.js
@@ -216,7 +216,7 @@ exports.examples = [
   {
     title: 'Custom Borders',
     description: 'border*Width & border*Color',
-    platform: ['ios', 'macos'],
+    platform: ['ios', 'macos'], // TODO(macOS ISS#2323203)
     render() {
       return <View style={[styles.box, styles.border5]} />;
     },
@@ -224,7 +224,7 @@ exports.examples = [
   {
     title: 'Custom Borders',
     description: 'border*Width & border*Color',
-    platform: ['ios', 'macos'],
+    platform: ['ios', 'macos'], // TODO(macOS ISS#2323203)
     render() {
       return <View style={[styles.box, styles.border6]} />;
     },
@@ -232,7 +232,7 @@ exports.examples = [
   {
     title: 'Custom Borders',
     description: 'borderRadius & clipping',
-    platform: ['ios', 'macos'],
+    platform: ['ios', 'macos'], // TODO(macOS ISS#2323203)
     render() {
       return (
         <View style={[styles.box, styles.border7]}>
diff --git a/RNTester/js/BoxShadowExample.js b/RNTester/js/examples/BoxShadow/BoxShadowExample.js
similarity index 97%
rename from RNTester/js/BoxShadowExample.js
rename to RNTester/js/examples/BoxShadow/BoxShadowExample.js
index b383da6a97673a..5801cf3f5ad4ae 100644
--- a/RNTester/js/BoxShadowExample.js
+++ b/RNTester/js/examples/BoxShadow/BoxShadowExample.js
@@ -79,7 +79,7 @@ exports.examples = [
     render() {
       return (
         <Image
-          source={require('./hawk.png')}
+          source={require('../../assets/hawk.png')}
           style={[styles.box, styles.shadow1, styles.shadowImage]}
         />
       );
diff --git a/RNTester/js/ButtonExample.js b/RNTester/js/examples/Button/ButtonExample.js
similarity index 84%
rename from RNTester/js/ButtonExample.js
rename to RNTester/js/examples/Button/ButtonExample.js
index 2dfad341b0c327..36e8a4eb4a626a 100644
--- a/RNTester/js/ButtonExample.js
+++ b/RNTester/js/examples/Button/ButtonExample.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {Alert, Button, View, StyleSheet} = require('react-native');
 
 function onButtonPress(buttonName) {
@@ -25,11 +26,10 @@ exports.description = 'Simple React Native button component.';
 exports.examples = [
   {
     title: 'Simple Button',
-    description:
-      'The title and onPress handler are required. It is ' +
+    description: ('The title and onPress handler are required. It is ' +
       'recommended to set accessibilityLabel to help make your app usable by ' +
-      'everyone.',
-    render: function() {
+      'everyone.': string),
+    render: function(): React.Node {
       return (
         <Button
           onPress={() => onButtonPress('Simple')}
@@ -42,11 +42,10 @@ exports.examples = [
   },
   {
     title: 'Adjusted color',
-    description:
-      'Adjusts the color in a way that looks standard on each ' +
+    description: ('Adjusts 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.',
-    render: function() {
+      'Android, the color adjusts the background color of the button.': string),
+    render: function(): React.Node {
       return (
         <Button
           onPress={() => onButtonPress('Purple')}
@@ -60,9 +59,9 @@ exports.examples = [
   },
   {
     title: 'Fit to text layout',
-    description:
-      'This layout strategy lets the title define the width of ' + 'the button',
-    render: function() {
+    description: ('This layout strategy lets the title define the width of ' +
+      'the button': string),
+    render: function(): React.Node {
       return (
         <View style={styles.container}>
           <Button
@@ -85,7 +84,7 @@ exports.examples = [
   {
     title: 'Disabled Button',
     description: 'All interactions for the component are disabled.',
-    render: function() {
+    render: function(): React.Node {
       return (
         <Button
           disabled
diff --git a/RNTester/js/CheckBoxExample.js b/RNTester/js/examples/CheckBox/CheckBoxExample.js
similarity index 100%
rename from RNTester/js/CheckBoxExample.js
rename to RNTester/js/examples/CheckBox/CheckBoxExample.js
diff --git a/RNTester/js/ClipboardExample.js b/RNTester/js/examples/Clipboard/ClipboardExample.js
similarity index 98%
rename from RNTester/js/ClipboardExample.js
rename to RNTester/js/examples/Clipboard/ClipboardExample.js
index 7bd7518b0f3c4d..791f3d7eb5e671 100644
--- a/RNTester/js/ClipboardExample.js
+++ b/RNTester/js/examples/Clipboard/ClipboardExample.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {Clipboard, View, Text, StyleSheet} = require('react-native');
 
 type Props = $ReadOnly<{||}>;
@@ -60,7 +61,7 @@ exports.description = 'Show Clipboard contents.';
 exports.examples = [
   {
     title: 'Clipboard.setString() and getString()',
-    render() {
+    render(): React.Node {
       return <ClipboardExample />;
     },
   },
diff --git a/RNTester/js/CrashExample.js b/RNTester/js/examples/Crash/CrashExample.js
similarity index 92%
rename from RNTester/js/CrashExample.js
rename to RNTester/js/examples/Crash/CrashExample.js
index 6b28592355b99f..1232137de3e646 100644
--- a/RNTester/js/CrashExample.js
+++ b/RNTester/js/examples/Crash/CrashExample.js
@@ -9,9 +9,9 @@
  */
 
 'use strict';
-
-import React from 'react';
+import type {Node} from 'React';
 import {NativeModules, Button} from 'react-native';
+import React from 'react';
 
 const {CrashyCrash} = NativeModules;
 
@@ -23,7 +23,7 @@ exports.description = 'Crash examples.';
 exports.examples = [
   {
     title: 'JS crash',
-    render() {
+    render(): Node {
       return (
         <Button
           title="JS crash"
@@ -38,7 +38,7 @@ exports.examples = [
   },
   {
     title: 'Native crash',
-    render() {
+    render(): Node {
       return (
         <Button
           title="Native crash"
diff --git a/RNTester/js/DarkModeExample.js b/RNTester/js/examples/DarkModeExample/DarkModeExample.js
similarity index 98%
rename from RNTester/js/DarkModeExample.js
rename to RNTester/js/examples/DarkModeExample/DarkModeExample.js
index 6c194fd2e259e3..164307c852807c 100644
--- a/RNTester/js/DarkModeExample.js
+++ b/RNTester/js/examples/DarkModeExample/DarkModeExample.js
@@ -12,7 +12,7 @@
 
 const React = require('react');
 const ReactNative = require('react-native');
-import Platform from '../../Libraries/Utilities/Platform';
+import {Platform} from 'react-native';
 const {Text, View} = ReactNative;
 
 type State = {};
diff --git a/RNTester/js/DatePickerAndroidExample.js b/RNTester/js/examples/DatePicker/DatePickerAndroidExample.js
similarity index 95%
rename from RNTester/js/DatePickerAndroidExample.js
rename to RNTester/js/examples/DatePicker/DatePickerAndroidExample.js
index 1b4f56b4d0e32c..e52037f5aebcfa 100644
--- a/RNTester/js/DatePickerAndroidExample.js
+++ b/RNTester/js/examples/DatePicker/DatePickerAndroidExample.js
@@ -17,8 +17,8 @@ const {
   TouchableWithoutFeedback,
 } = require('react-native');
 
-const RNTesterBlock = require('./RNTesterBlock');
-const RNTesterPage = require('./RNTesterPage');
+const RNTesterBlock = require('../../components/RNTesterBlock');
+const RNTesterPage = require('../../components/RNTesterPage');
 
 type Props = $ReadOnly<{||}>;
 type State = {|
@@ -68,9 +68,8 @@ class DatePickerAndroidExample extends React.Component<Props, State> {
         newState[stateKey + 'Date'] = date;
       }
       this.setState(newState);
-      // Change here can go away once we sync to 0.57
-    } catch (err) {
-      console.warn(`Error in example '${stateKey}': `, err.message);
+    } catch ({code, message}) {
+      console.warn(`Error in example '${stateKey}': `, message);
     }
   };
 
diff --git a/RNTester/js/DatePickerIOSExample.js b/RNTester/js/examples/DatePicker/DatePickerIOSExample.js
similarity index 95%
rename from RNTester/js/DatePickerIOSExample.js
rename to RNTester/js/examples/DatePicker/DatePickerIOSExample.js
index 582b0305cadf8f..6aef85f215ff33 100644
--- a/RNTester/js/DatePickerIOSExample.js
+++ b/RNTester/js/examples/DatePicker/DatePickerIOSExample.js
@@ -32,13 +32,7 @@ class WithDatePickerData extends React.Component<Props, State> {
 
   render() {
     return (
-      <View
-        style={{
-          flex: 1,
-          justifyContent: 'center',
-          alignItems: 'center',
-          backgroundColor: 'gray',
-        }}>
+      <View>
         <WithLabel label="Value:">
           <Text testID="date-indicator">
             {this.state.date.toLocaleDateString()}
diff --git a/RNTester/js/DatePickerMacOSExample.js b/RNTester/js/examples/DatePicker/DatePickerMacOSExample.js
similarity index 100%
rename from RNTester/js/DatePickerMacOSExample.js
rename to RNTester/js/examples/DatePicker/DatePickerMacOSExample.js
diff --git a/RNTester/js/DimensionsExample.js b/RNTester/js/examples/Dimensions/DimensionsExample.js
similarity index 66%
rename from RNTester/js/DimensionsExample.js
rename to RNTester/js/examples/Dimensions/DimensionsExample.js
index c7c21063e15103..c593cec95ecbdd 100644
--- a/RNTester/js/DimensionsExample.js
+++ b/RNTester/js/examples/Dimensions/DimensionsExample.js
@@ -10,8 +10,8 @@
 
 'use strict';
 
-const React = require('react');
-const {Dimensions, Text, View} = require('react-native');
+import {Dimensions, Text, useWindowDimensions} from 'react-native';
+import * as React from 'react';
 
 class DimensionsSubscription extends React.Component<
   {dim: string},
@@ -36,11 +36,7 @@ class DimensionsSubscription extends React.Component<
   };
 
   render() {
-    return (
-      <View>
-        <Text>{JSON.stringify(this.state.dims)}</Text>
-      </View>
-    );
+    return <Text>{JSON.stringify(this.state.dims, null, 2)}</Text>;
   }
 }
 
@@ -48,13 +44,23 @@ exports.title = 'Dimensions';
 exports.description = 'Dimensions of the viewport';
 exports.examples = [
   {
-    title: 'window',
+    title: 'useWindowDimensions hook',
+    render(): React.Node {
+      const DimensionsViaHook = () => {
+        const dims = useWindowDimensions();
+        return <Text>{JSON.stringify(dims, null, 2)}</Text>;
+      };
+      return <DimensionsViaHook />;
+    },
+  },
+  {
+    title: 'Non-component `get` API: window',
     render(): React.Element<any> {
       return <DimensionsSubscription dim="window" />;
     },
   },
   {
-    title: 'screen',
+    title: 'Non-component `get` API: screen',
     render(): React.Element<any> {
       return <DimensionsSubscription dim="screen" />;
     },
diff --git a/RNTester/js/FlatListExample.js b/RNTester/js/examples/FlatList/FlatListExample.js
similarity index 79%
rename from RNTester/js/FlatListExample.js
rename to RNTester/js/examples/FlatList/FlatListExample.js
index ba97a898b2003e..7332852290f2e8 100644
--- a/RNTester/js/FlatListExample.js
+++ b/RNTester/js/examples/FlatList/FlatListExample.js
@@ -10,14 +10,10 @@
 
 'use strict';
 
-import type {Item} from './ListExampleShared';
-
+const RNTesterPage = require('../../components/RNTesterPage');
 const React = require('react');
-const {Alert, Animated, StyleSheet, View} = require('react-native');
-
-const RNTesterPage = require('./RNTesterPage');
 
-const infoLog = require('../../Libraries/Utilities/infoLog');
+const infoLog = require('../../../../Libraries/Utilities/infoLog');
 
 const {
   FooterComponent,
@@ -32,7 +28,10 @@ const {
   getItemLayout,
   pressItem,
   renderSmallSwitchOption,
-} = require('./ListExampleShared');
+} = require('../../components/ListExampleShared');
+const {Alert, Animated, StyleSheet, View} = require('react-native');
+
+import type {Item} from '../../components/ListExampleShared';
 
 const VIEWABILITY_CONFIG = {
   minimumViewTime: 3000,
@@ -51,10 +50,11 @@ type State = {|
   logViewable: boolean,
   virtualized: boolean,
   empty: boolean,
+  useFlatListItemComponent: boolean,
 |};
 
 class FlatListExample extends React.PureComponent<Props, State> {
-  state = {
+  state: State = {
     data: genItemData(100),
     debug: false,
     horizontal: false,
@@ -64,6 +64,7 @@ class FlatListExample extends React.PureComponent<Props, State> {
     logViewable: false,
     virtualized: true,
     empty: false,
+    useFlatListItemComponent: false,
   };
 
   _onChangeFilterText = filterText => {
@@ -90,13 +91,17 @@ class FlatListExample extends React.PureComponent<Props, State> {
     this._listRef.getNode().recordInteraction(); // e.g. flipping logViewable switch
   }
 
-  render() {
+  render(): React.Node {
     const filterRegex = new RegExp(String(this.state.filterText), 'i');
     const filter = item =>
       filterRegex.test(item.text) || filterRegex.test(item.title);
     const filteredData = this.state.data.filter(filter);
+    const flatListItemRendererProps = this._renderItemComponent();
     return (
-      <RNTesterPage noSpacer={true} noScroll={true}>
+      <RNTesterPage
+        noSpacer={true}
+        noScroll={true}
+        title="Simple list of items">
         <View style={styles.container}>
           <View style={styles.searchRow}>
             <View style={styles.options}>
@@ -118,6 +123,7 @@ class FlatListExample extends React.PureComponent<Props, State> {
               {renderSmallSwitchOption(this, 'inverted')}
               {renderSmallSwitchOption(this, 'empty')}
               {renderSmallSwitchOption(this, 'debug')}
+              {renderSmallSwitchOption(this, 'useFlatListItemComponent')}
               <Spindicator value={this._scrollPos} />
             </View>
           </View>
@@ -131,8 +137,8 @@ class FlatListExample extends React.PureComponent<Props, State> {
             debug={this.state.debug}
             disableVirtualization={!this.state.virtualized}
             acceptsKeyboardFocus={true} // TODO(macOS ISS#2323203)
-            enableSelectionOnKeyPress={true}
-            onSelectionEntered={this._handleSelectionEntered}
+            enableSelectionOnKeyPress={true} // TODO(macOS ISS#2323203)
+            onSelectionEntered={this._handleSelectionEntered} // TODO(macOS ISS#2323203)
             getItemLayout={
               this.state.fixedHeight ? this._getItemLayout : undefined
             }
@@ -153,9 +159,9 @@ class FlatListExample extends React.PureComponent<Props, State> {
             onViewableItemsChanged={this._onViewableItemsChanged}
             ref={this._captureRef}
             refreshing={false}
-            renderItem={this._renderItemComponent}
             contentContainerStyle={styles.list}
             viewabilityConfig={VIEWABILITY_CONFIG}
+            {...flatListItemRendererProps}
           />
         </View>
       </RNTesterPage>
@@ -176,18 +182,28 @@ class FlatListExample extends React.PureComponent<Props, State> {
     }));
   };
   _onRefresh = () => Alert.alert('onRefresh: nothing to refresh :P');
-  _renderItemComponent = ({item, isSelected, separators}) => {
-    return (
-      <ItemComponent
-        item={item}
-        isSelected={isSelected}
-        horizontal={this.state.horizontal}
-        fixedHeight={this.state.fixedHeight}
-        onPress={this._pressItem}
-        onShowUnderlay={separators.highlight}
-        onHideUnderlay={separators.unhighlight}
-      />
-    );
+  _renderItemComponent = () => {
+    const flatListPropKey = this.state.useFlatListItemComponent
+      ? 'ListItemComponent'
+      : 'renderItem';
+
+    return {
+      renderItem: undefined,
+      [flatListPropKey]: ({item, isSelected, separators}) => {
+        // TODO(macOS ISS#2323203)
+        return (
+          <ItemComponent
+            item={item}
+            isSelected={isSelected} // TODO(macOS ISS#2323203)
+            horizontal={this.state.horizontal}
+            fixedHeight={this.state.fixedHeight}
+            onPress={this._pressItem}
+            onShowUnderlay={separators.highlight}
+            onHideUnderlay={separators.unhighlight}
+          />
+        );
+      },
+    };
   };
   // This is called when items change viewability by scrolling into or out of
   // the viewable area.
@@ -209,11 +225,12 @@ class FlatListExample extends React.PureComponent<Props, State> {
     }
   };
   _pressItem = (key: string) => {
+    // [TODO(macOS ISS#2323203)
     this._listRef.getNode().recordInteraction();
     pressItem(this, key);
   };
   _handleSelectionEntered = item => {
-    const {key} = item;
+    const {key} = item; // ]TODO(macOS ISS#2323203)
     this._listRef.getNode().recordInteraction();
     pressItem(this, key);
   };
@@ -241,6 +258,7 @@ const styles = StyleSheet.create({
 
 exports.title = '<FlatList>';
 exports.description = 'Performant, scrollable list of data.';
+exports.simpleExampleContainer = true;
 exports.examples = [
   {
     title: 'Simple list of items',
diff --git a/RNTester/js/FocusEventsExample.js b/RNTester/js/examples/FocusEventsExample/FocusEventsExample.js
similarity index 99%
rename from RNTester/js/FocusEventsExample.js
rename to RNTester/js/examples/FocusEventsExample/FocusEventsExample.js
index 3b465be91f41bc..8a61bb1e42e693 100644
--- a/RNTester/js/FocusEventsExample.js
+++ b/RNTester/js/examples/FocusEventsExample/FocusEventsExample.js
@@ -12,7 +12,7 @@
 
 var React = require('react');
 var ReactNative = require('react-native');
-import Platform from '../../Libraries/Utilities/Platform';
+import {Platform} from 'react-native';
 var {StyleSheet, Text, View, TextInput} = ReactNative;
 
 type State = {
diff --git a/RNTester/js/ImageCapInsetsExample.js b/RNTester/js/examples/Image/ImageCapInsetsExample.js
similarity index 81%
rename from RNTester/js/ImageCapInsetsExample.js
rename to RNTester/js/examples/Image/ImageCapInsetsExample.js
index f047672e01cebd..3b6bddeb4d60a5 100644
--- a/RNTester/js/ImageCapInsetsExample.js
+++ b/RNTester/js/examples/Image/ImageCapInsetsExample.js
@@ -12,15 +12,15 @@
 
 const React = require('react');
 const ReactNative = require('react-native');
-import Platform from '../../Libraries/Utilities/Platform'; // TODO(OSS Candidate ISS#2710739)
+import {Platform} from 'react-native'; // TODO(macOS ISS#2323203)
 
-const nativeImageSource = require('../../Libraries/Image/nativeImageSource');
+const nativeImageSource = require('../../../../Libraries/Image/nativeImageSource');
 const {Image, StyleSheet, Text, View} = ReactNative;
 
 type Props = $ReadOnly<{||}>;
 class ImageCapInsetsExample extends React.Component<Props> {
-  render() {
-    let nativeImage;
+  render(): React.Node {
+    let nativeImage; // [TODO(macOS ISS#2323203)
     if (Platform.OS === 'macos') {
       nativeImage = nativeImageSource({
         macos: 'story-background',
@@ -33,14 +33,14 @@ class ImageCapInsetsExample extends React.Component<Props> {
         width: 60,
         height: 60,
       });
-    }
+    } // ]TODO(macOS ISS#2323203)
 
     return (
       <View>
         <View style={styles.background}>
           <Text>capInsets: none</Text>
           <Image
-            source={nativeImage}
+            source={nativeImage} // TODO(macOS ISS#2323203)
             style={styles.storyBackground}
             resizeMode="stretch"
             capInsets={{left: 0, right: 0, bottom: 0, top: 0}}
@@ -49,7 +49,7 @@ class ImageCapInsetsExample extends React.Component<Props> {
         <View style={[styles.background, {paddingTop: 10}]}>
           <Text>capInsets: 15</Text>
           <Image
-            source={nativeImage}
+            source={nativeImage} // TODO(macOS ISS#2323203)
             style={styles.storyBackground}
             resizeMode="stretch"
             capInsets={{left: 15, right: 15, bottom: 15, top: 15}}
diff --git a/RNTester/js/ImageExample.js b/RNTester/js/examples/Image/ImageExample.js
similarity index 88%
rename from RNTester/js/ImageExample.js
rename to RNTester/js/examples/Image/ImageExample.js
index 772f6a147419ea..27adc6e4eb7a32 100644
--- a/RNTester/js/ImageExample.js
+++ b/RNTester/js/examples/Image/ImageExample.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {
   ActivityIndicator,
   Image,
@@ -408,35 +409,33 @@ exports.description =
 exports.examples = [
   {
     title: 'Plain Network Image',
-    description:
-      'If the `source` prop `uri` property is prefixed with ' +
-      '"http", then it will be downloaded from the network.',
-    render: function() {
+    description: ('If the `source` prop `uri` property is prefixed with ' +
+      '"http", then it will be downloaded from the network.': string),
+    render: function(): React.Node {
       return <Image source={fullImage} style={styles.base} />;
     },
   },
   {
     title: 'Plain Static Image',
-    description:
-      'Static assets should be placed in the source code tree, and ' +
-      'required in the same way as JavaScript modules.',
-    render: function() {
+    description: ('Static assets should be placed in the source code tree, and ' +
+      'required in the same way as JavaScript modules.': string),
+    render: function(): React.Node {
       return (
         <View style={styles.horizontal}>
           <Image
-            source={require('./uie_thumb_normal.png')}
+            source={require('../../assets/uie_thumb_normal.png')}
             style={styles.icon}
           />
           <Image
-            source={require('./uie_thumb_selected.png')}
+            source={require('../../assets/uie_thumb_selected.png')}
             style={styles.icon}
           />
           <Image
-            source={require('./uie_comment_normal.png')}
+            source={require('../../assets/uie_comment_normal.png')}
             style={styles.icon}
           />
           <Image
-            source={require('./uie_comment_highlighted.png')}
+            source={require('../../assets/uie_comment_highlighted.png')}
             style={styles.icon}
           />
         </View>
@@ -445,7 +444,7 @@ exports.examples = [
   },
   {
     title: 'Image Loading Events',
-    render: function() {
+    render: function(): React.Node {
       return (
         <NetworkImageCallbackExample
           source={{
@@ -460,7 +459,7 @@ exports.examples = [
   },
   {
     title: 'Error Handler',
-    render: function() {
+    render: function(): React.Node {
       return (
         <NetworkImageExample
           source={{
@@ -469,11 +468,11 @@ exports.examples = [
         />
       );
     },
-    platform: ['ios', 'macos'],
+    platform: ['ios', 'macos'], // TODO(OSS Candidate ISS#2710739)
   },
   {
     title: 'Image Download Progress',
-    render: function() {
+    render: function(): React.Node {
       return (
         <NetworkImageExample
           source={{
@@ -482,15 +481,15 @@ exports.examples = [
         />
       );
     },
-    platform: ['ios', 'macos'],
+    platform: ['ios', 'macos'], // TODO(OSS Candidate ISS#2710739)
   },
   {
     title: 'defaultSource',
     description: 'Show a placeholder image when a network image is loading',
-    render: function() {
+    render: function(): React.Node {
       return (
         <Image
-          defaultSource={require('./bunny.png')}
+          defaultSource={require('../../assets/bunny.png')}
           source={{
             uri: 'https://facebook.github.io/origami/public/images/birds.jpg',
           }}
@@ -498,19 +497,18 @@ exports.examples = [
         />
       );
     },
-    platform: ['ios', 'macos'],
+    platform: ['ios', 'macos'], // TODO(OSS Candidate ISS#2710739)
   },
   {
     title: 'Cache Policy',
-    description:
-      'First image has never been loaded before and is instructed not to load unless in cache.' +
+    description: ('First image has never been loaded before and is instructed not to load unless in cache.' +
       'Placeholder image from above will stay. Second image is the same but forced to load regardless of' +
-      ' local cache state.',
-    render: function() {
+      ' local cache state.': string),
+    render: function(): React.Node {
       return (
         <View style={styles.horizontal}>
           <Image
-            defaultSource={require('./bunny.png')}
+            defaultSource={require('../../assets/bunny.png')}
             source={{
               uri: smallImage.uri + '?cacheBust=notinCache' + Date.now(),
               cache: 'only-if-cached',
@@ -518,7 +516,7 @@ exports.examples = [
             style={styles.base}
           />
           <Image
-            defaultSource={require('./bunny.png')}
+            defaultSource={require('../../assets/bunny.png')}
             source={{
               uri: smallImage.uri + '?cacheBust=notinCache' + Date.now(),
               cache: 'reload',
@@ -528,12 +526,11 @@ exports.examples = [
         </View>
       );
     },
-    platform: ['ios', 'macos'],
+    platform: ['ios', 'macos'], // TODO(OSS Candidate ISS#2710739)
   },
-
   {
     title: 'Border Color',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View style={styles.horizontal}>
           <Image
@@ -550,7 +547,7 @@ exports.examples = [
   },
   {
     title: 'Border Width',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View style={styles.horizontal}>
           <Image
@@ -567,7 +564,7 @@ exports.examples = [
   },
   {
     title: 'Border Radius',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View style={styles.horizontal}>
           <Image style={[styles.base, {borderRadius: 5}]} source={fullImage} />
@@ -613,7 +610,7 @@ exports.examples = [
   },
   {
     title: 'Background Color',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View style={styles.horizontal}>
           <Image source={smallImage} style={styles.base} />
@@ -639,7 +636,7 @@ exports.examples = [
   },
   {
     title: 'Opacity',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View style={styles.horizontal}>
           <Image style={[styles.base, {opacity: 1}]} source={fullImage} />
@@ -669,7 +666,7 @@ exports.examples = [
   },
   {
     title: 'Nesting content inside <Image> component',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View style={{width: 60, height: 60}}>
           <Image
@@ -683,7 +680,7 @@ exports.examples = [
   },
   {
     title: 'Nesting content inside <ImageBackground> component',
-    render: function() {
+    render: function(): React.Node {
       return (
         <ImageBackground
           style={{width: 60, height: 60, backgroundColor: 'transparent'}}
@@ -695,19 +692,18 @@ exports.examples = [
   },
   {
     title: 'Tint Color',
-    description:
-      'The `tintColor` style prop changes all the non-alpha ' +
-      'pixels to the tint color.',
-    render: function() {
+    description: ('The `tintColor` style prop changes all the non-alpha ' +
+      'pixels to the tint color.': string),
+    render: function(): React.Node {
       return (
         <View>
           <View style={styles.horizontal}>
             <Image
-              source={require('./uie_thumb_normal.png')}
+              source={require('../../assets/uie_thumb_normal.png')}
               style={[styles.icon, {borderRadius: 5, tintColor: '#5ac8fa'}]}
             />
             <Image
-              source={require('./uie_thumb_normal.png')}
+              source={require('../../assets/uie_thumb_normal.png')}
               style={[
                 styles.icon,
                 styles.leftMargin,
@@ -715,7 +711,7 @@ exports.examples = [
               ]}
             />
             <Image
-              source={require('./uie_thumb_normal.png')}
+              source={require('../../assets/uie_thumb_normal.png')}
               style={[
                 styles.icon,
                 styles.leftMargin,
@@ -723,7 +719,7 @@ exports.examples = [
               ]}
             />
             <Image
-              source={require('./uie_thumb_normal.png')}
+              source={require('../../assets/uie_thumb_normal.png')}
               style={[
                 styles.icon,
                 styles.leftMargin,
@@ -770,10 +766,9 @@ exports.examples = [
   },
   {
     title: 'Resize Mode',
-    description:
-      'The `resizeMode` style prop controls how the image is ' +
-      'rendered within the frame.',
-    render: function() {
+    description: ('The `resizeMode` style prop controls how the image is ' +
+      'rendered within the frame.': string),
+    render: function(): React.Node {
       return (
         <View>
           {[smallImage, fullImage].map((image, index) => {
@@ -832,65 +827,62 @@ exports.examples = [
   },
   {
     title: 'Animated GIF',
-    render: function() {
+    render: function(): React.Node {
       return (
         <Image
           style={styles.gif}
-          source={require('./tumblr_mfqekpMktw1rn90umo1_500.gif')}
+          source={require('../../assets/tumblr_mfqekpMktw1rn90umo1_500.gif')}
         />
       );
     },
-    platform: ['ios', 'macos'],
+    platform: ['ios', 'macos'], // TODO(OSS Candidate ISS#2710739)
   },
   {
     title: 'Base64 image',
-    render: function() {
+    render: function(): React.Node {
       return (
         <Image style={styles.base64} source={{uri: base64Icon, scale: 3}} />
       );
     },
-    platform: ['ios', 'macos'],
+    platform: ['ios', 'macos'], // TODO(OSS Candidate ISS#2710739)
   },
   {
     title: 'Cap Insets',
-    description:
-      'When the image is resized, the corners of the size specified ' +
+    description: ('When the image is resized, the corners of the size specified ' +
       'by capInsets will stay a fixed size, but the center content and ' +
       'borders of the image will be stretched. This is useful for creating ' +
-      'resizable rounded buttons, shadows, and other resizable assets.',
-    render: function() {
+      'resizable rounded buttons, shadows, and other resizable assets.': string),
+    render: function(): React.Node {
       return <ImageCapInsetsExample />;
     },
-    platform: ['ios', 'macos'],
+    platform: ['ios', 'macos'], // TODO(OSS Candidate ISS#2710739)
   },
   {
     title: 'Image Size',
-    render: function() {
+    render: function(): React.Node {
       return <ImageSizeExample source={fullImage} />;
     },
   },
   {
     title: 'MultipleSourcesExample',
-    description:
-      'The `source` prop allows passing in an array of uris, so that native to choose which image ' +
-      'to diplay based on the size of the of the target image',
-    render: function() {
+    description: ('The `source` prop allows passing in an array of uris, so that native to choose which image ' +
+      'to diplay based on the size of the of the target image': string),
+    render: function(): React.Node {
       return <MultipleSourcesExample />;
     },
   },
   {
     title: 'Legacy local image',
-    description:
-      'Images shipped with the native bundle, but not managed ' +
-      'by the JS packager',
-    render: function() {
+    description: ('Images shipped with the native bundle, but not managed ' +
+      'by the JS packager': string),
+    render: function(): React.Node {
       return <Image source={{uri: 'legacy_image', width: 120, height: 120}} />;
     },
   },
   {
     title: 'Bundled images',
     description: 'Images shipped in a separate native bundle',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View style={{flexDirection: 'row'}}>
           <Image
@@ -917,6 +909,7 @@ exports.examples = [
     platform: 'ios',
   },
   {
+    /* [TODO(OSS Candidate ISS#2710739) */
     title: 'Bundled images',
     description: 'Images shipped in a separate native bundle',
     render: function() {
@@ -944,10 +937,10 @@ exports.examples = [
       );
     },
     platform: 'macos',
-  },
+  } /* TODO(OSS Candidate ISS#2710739) */,
   {
     title: 'Blur Radius',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View style={styles.horizontal}>
           <Image style={[styles.base]} source={fullImage} blurRadius={0} />
diff --git a/RNTester/js/InputAccessoryViewExample.js b/RNTester/js/examples/InputAccessoryView/InputAccessoryViewExample.js
similarity index 100%
rename from RNTester/js/InputAccessoryViewExample.js
rename to RNTester/js/examples/InputAccessoryView/InputAccessoryViewExample.js
diff --git a/RNTester/js/examples/JSResponderHandlerExample/JSResponderHandlerExample.js b/RNTester/js/examples/JSResponderHandlerExample/JSResponderHandlerExample.js
new file mode 100644
index 00000000000000..de7a78aaf782dc
--- /dev/null
+++ b/RNTester/js/examples/JSResponderHandlerExample/JSResponderHandlerExample.js
@@ -0,0 +1,77 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {Text, View, StyleSheet} = require('react-native');
+
+import {PanResponder, ScrollView} from 'react-native';
+
+exports.displayName = 'JSResponderHandlerExample';
+exports.framework = 'React';
+exports.title = '<JSResponderHandler>';
+exports.description = 'Simple example to test JSResponderHandler.';
+
+const _gesture = PanResponder.create({
+  onMoveShouldSetPanResponder: (e, gestureState) => {
+    return Math.abs(gestureState.moveX) > 150;
+  },
+});
+
+exports.examples = [
+  {
+    title: 'JSResponderHandlerExample',
+    description: ('This example tests the native JSResponderHandler: when the user ' +
+      'scrolls on the right side of the ScrollView (white area located on the' +
+      ' right side of the gray area), the touch event is managed by native ' +
+      'which blocks the scroll event.': string),
+
+    render: function(): React.Node {
+      const views = [];
+      for (let i = 0; i < 100; i++) {
+        views[i] = (
+          <View key={i} style={styles.row} collapsable={false}>
+            <View style={styles.touchable_area} collapsable={false}>
+              <Text>I am row {i}</Text>
+            </View>
+          </View>
+        );
+      }
+      return (
+        <View
+          style={styles.container}
+          {..._gesture.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: 25,
+  },
+  touchable_area: {
+    width: 150,
+    backgroundColor: 'lightgray',
+  },
+});
diff --git a/RNTester/js/KeyboardAvoidingViewExample.js b/RNTester/js/examples/KeyboardAvoidingView/KeyboardAvoidingViewExample.js
similarity index 95%
rename from RNTester/js/KeyboardAvoidingViewExample.js
rename to RNTester/js/examples/KeyboardAvoidingView/KeyboardAvoidingViewExample.js
index caa5401dc3e1e5..0e07f955b149c9 100644
--- a/RNTester/js/KeyboardAvoidingViewExample.js
+++ b/RNTester/js/examples/KeyboardAvoidingView/KeyboardAvoidingViewExample.js
@@ -21,8 +21,8 @@ const {
   View,
 } = require('react-native');
 
-const RNTesterBlock = require('./RNTesterBlock');
-const RNTesterPage = require('./RNTesterPage');
+const RNTesterBlock = require('../../components/RNTesterBlock');
+const RNTesterPage = require('../../components/RNTesterPage');
 
 type Props = $ReadOnly<{||}>;
 type State = {|
diff --git a/RNTester/js/LayoutAnimationExample.js b/RNTester/js/examples/Layout/LayoutAnimationExample.js
similarity index 100%
rename from RNTester/js/LayoutAnimationExample.js
rename to RNTester/js/examples/Layout/LayoutAnimationExample.js
diff --git a/RNTester/js/LayoutEventsExample.js b/RNTester/js/examples/Layout/LayoutEventsExample.js
similarity index 93%
rename from RNTester/js/LayoutEventsExample.js
rename to RNTester/js/examples/Layout/LayoutEventsExample.js
index 6b63ba14cde52b..7291842771133d 100644
--- a/RNTester/js/LayoutEventsExample.js
+++ b/RNTester/js/examples/Layout/LayoutEventsExample.js
@@ -11,10 +11,11 @@
 'use strict';
 
 const React = require('react');
+
 const {
   Image,
   LayoutAnimation,
-  Platform,
+  Platform, // TODO(OSS Candidate ISS#2710739)
   StyleSheet,
   Text,
   View,
@@ -23,7 +24,7 @@ const {
 import type {
   ViewLayout,
   ViewLayoutEvent,
-} from '../../Libraries/Components/View/ViewPropTypes';
+} from '../../../../Libraries/Components/View/ViewPropTypes';
 
 type Props = $ReadOnly<{||}>;
 type State = {
@@ -44,7 +45,7 @@ class LayoutEventExample extends React.Component<Props, State> {
 
   animateViewLayout = () => {
     LayoutAnimation.configureNext(
-      Platform.OS === 'macos'
+      Platform.OS === 'macos' /* TODO(OSS Candidate ISS#2710739) */
         ? LayoutAnimation.Presets.easeInEaseOut
         : LayoutAnimation.Presets.spring,
       () => {
@@ -158,9 +159,8 @@ const styles = StyleSheet.create({
 });
 
 exports.title = 'Layout Events';
-exports.description =
-  'Examples that show how Layout events can be used to ' +
-  'measure view size and position.';
+exports.description = ('Examples that show how Layout events can be used to ' +
+  'measure view size and position.': string);
 exports.examples = [
   {
     title: 'LayoutEventExample',
diff --git a/RNTester/js/LayoutExample.js b/RNTester/js/examples/Layout/LayoutExample.js
similarity index 97%
rename from RNTester/js/LayoutExample.js
rename to RNTester/js/examples/Layout/LayoutExample.js
index 4d5f085207bda9..9c69038f30f76f 100644
--- a/RNTester/js/LayoutExample.js
+++ b/RNTester/js/examples/Layout/LayoutExample.js
@@ -10,11 +10,11 @@
 
 'use strict';
 
+const RNTesterBlock = require('../../components/RNTesterBlock');
+const RNTesterPage = require('../../components/RNTesterPage');
 const React = require('react');
-const {StyleSheet, Text, View} = require('react-native');
 
-const RNTesterBlock = require('./RNTesterBlock');
-const RNTesterPage = require('./RNTesterPage');
+const {StyleSheet, Text, View} = require('react-native');
 
 class Circle extends React.Component<$FlowFixMeProps> {
   render() {
@@ -50,7 +50,7 @@ class CircleBlock extends React.Component<$FlowFixMeProps> {
 }
 
 class LayoutExample extends React.Component<$FlowFixMeProps> {
-  render() {
+  render(): React.Node {
     const fiveColoredCircles = [
       <Circle bgColor="#527fe4" key="blue" />,
       <Circle bgColor="#D443E3" key="violet" />,
diff --git a/RNTester/js/LinkingExample.js b/RNTester/js/examples/Linking/LinkingExample.js
similarity index 93%
rename from RNTester/js/LinkingExample.js
rename to RNTester/js/examples/Linking/LinkingExample.js
index 2b571bfb04b0f0..4a8449daa49436 100644
--- a/RNTester/js/LinkingExample.js
+++ b/RNTester/js/examples/Linking/LinkingExample.js
@@ -20,7 +20,7 @@ const {
   View,
 } = require('react-native');
 
-const RNTesterBlock = require('./RNTesterBlock');
+const RNTesterBlock = require('../../components/RNTesterBlock');
 
 type Props = $ReadOnly<{|
   url?: ?string,
@@ -78,14 +78,14 @@ class IntentAndroidExample extends React.Component {
           <OpenURLButton url={'http://facebook.com'} />
           <OpenURLButton
             url={
-              Platform.OS === 'macos'
+              Platform.OS === 'macos' /* TODO(OSS Candidate ISS#2710739) */
                 ? 'mailto:mark@facebook.com'
                 : 'fb://notifications'
             }
           />
           <OpenURLButton
             url={
-              Platform.OS === 'macos'
+              Platform.OS === 'macos' /* TODO(OSS Candidate ISS#2710739) */
                 ? 'maps:ll=45.5200,-122.681'
                 : 'geo:37.484847,-122.148386'
             }
diff --git a/RNTester/js/MaskedViewExample.js b/RNTester/js/examples/MaskedView/MaskedViewExample.js
similarity index 97%
rename from RNTester/js/MaskedViewExample.js
rename to RNTester/js/examples/MaskedView/MaskedViewExample.js
index 238a22c7d9a605..2b9f99c19a0aa6 100644
--- a/RNTester/js/MaskedViewExample.js
+++ b/RNTester/js/examples/MaskedView/MaskedViewExample.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {
   Animated,
   Image,
@@ -54,7 +55,7 @@ class AnimatedMaskExample extends React.Component<Props> {
     ).start();
   }
 
-  render() {
+  render(): React.Node {
     return (
       <View style={styles.exampleWrapperStyle}>
         <MaskedViewIOS
@@ -93,7 +94,7 @@ class ChangingChildrenMaskExample extends React.Component<
   Props,
   ChangingChildrenState,
 > {
-  state = {
+  state: ChangingChildrenState = {
     alternateChildren: true,
   };
 
@@ -105,7 +106,7 @@ class ChangingChildrenMaskExample extends React.Component<
     }, 1000);
   }
 
-  render() {
+  render(): React.Node {
     return (
       <View style={styles.exampleWrapperStyle}>
         <MaskedViewIOS
@@ -198,7 +199,7 @@ exports.examples = [
               <View style={styles.maskContainerStyle}>
                 <Image
                   style={styles.imageStyle}
-                  source={require('./imageMask.png')}
+                  source={require('../../assets/imageMask.png')}
                 />
               </View>
             }>
diff --git a/RNTester/js/ModalExample.js b/RNTester/js/examples/Modal/ModalExample.js
similarity index 99%
rename from RNTester/js/ModalExample.js
rename to RNTester/js/examples/Modal/ModalExample.js
index 2defd129a267d6..2279df565e6249 100644
--- a/RNTester/js/ModalExample.js
+++ b/RNTester/js/examples/Modal/ModalExample.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {
   Modal,
   Picker,
@@ -236,7 +237,7 @@ exports.examples = [
   {
     title: 'Modal Presentation',
     description: 'Modals can be presented with or without animation',
-    render: () => <ModalExample />,
+    render: (): React.Node => <ModalExample />,
   },
 ];
 
diff --git a/RNTester/js/MultiColumnExample.js b/RNTester/js/examples/MultiColumn/MultiColumnExample.js
similarity index 90%
rename from RNTester/js/MultiColumnExample.js
rename to RNTester/js/examples/MultiColumn/MultiColumnExample.js
index 435e2d465a925b..480090d1b1a502 100644
--- a/RNTester/js/MultiColumnExample.js
+++ b/RNTester/js/examples/MultiColumn/MultiColumnExample.js
@@ -9,13 +9,10 @@
  */
 
 'use strict';
-
+const RNTesterPage = require('../../components/RNTesterPage');
 const React = require('react');
-const {FlatList, StyleSheet, Text, View, Alert} = require('react-native');
-
-const RNTesterPage = require('./RNTesterPage');
 
-const infoLog = require('../../Libraries/Utilities/infoLog');
+const infoLog = require('../../../../Libraries/Utilities/infoLog');
 
 const {
   FooterComponent,
@@ -27,13 +24,25 @@ const {
   getItemLayout,
   pressItem,
   renderSmallSwitchOption,
-} = require('./ListExampleShared');
+} = require('../../components/ListExampleShared');
+const {FlatList, StyleSheet, Text, View, Alert} = require('react-native');
+
+import type {Item} from '../../components/ListExampleShared';
 
 class MultiColumnExample extends React.PureComponent<
   $FlowFixMeProps,
   $FlowFixMeState,
 > {
-  state = {
+  state:
+    | any
+    | $TEMPORARY$object<{|
+        data: Array<Item>,
+        filterText: string,
+        fixedHeight: boolean,
+        logViewable: boolean,
+        numColumns: number,
+        virtualized: boolean,
+      |}> = {
     data: genItemData(1000),
     filterText: '',
     fixedHeight: true,
@@ -47,7 +56,7 @@ class MultiColumnExample extends React.PureComponent<
   _onChangeNumColumns = numColumns => {
     this.setState(() => ({numColumns: Number(numColumns)}));
   };
-  render() {
+  render(): React.Node {
     const filterRegex = new RegExp(String(this.state.filterText), 'i');
     const filter = item =>
       filterRegex.test(item.text) || filterRegex.test(item.title);
diff --git a/RNTester/js/NativeAnimationsExample.js b/RNTester/js/examples/NativeAnimation/NativeAnimationsExample.js
similarity index 92%
rename from RNTester/js/NativeAnimationsExample.js
rename to RNTester/js/examples/NativeAnimation/NativeAnimationsExample.js
index 41c229c15e0168..f654aa4ca9760d 100644
--- a/RNTester/js/NativeAnimationsExample.js
+++ b/RNTester/js/examples/NativeAnimation/NativeAnimationsExample.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {
   View,
   Text,
@@ -154,7 +155,7 @@ class LoopExample extends React.Component<{}, $FlowFixMeState> {
   }
 }
 
-const RNTesterSettingSwitchRow = require('./RNTesterSettingSwitchRow');
+const RNTesterSettingSwitchRow = require('../../components/RNTesterSettingSwitchRow');
 class InternalSettings extends React.Component<
   {},
   {busyTime: number | string, filteredStall: number},
@@ -187,11 +188,13 @@ class InternalSettings extends React.Component<
           initialValue={false}
           label="Track JS Stalls"
           onEnable={() => {
-            require('../../Libraries/Interaction/JSEventLoopWatchdog').install({
-              thresholdMS: 25,
-            });
+            require('../../../../Libraries/Interaction/JSEventLoopWatchdog').install(
+              {
+                thresholdMS: 25,
+              },
+            );
             this.setState({busyTime: '<none>'});
-            require('../../Libraries/Interaction/JSEventLoopWatchdog').addHandler(
+            require('../../../../Libraries/Interaction/JSEventLoopWatchdog').addHandler(
               {
                 onStall: ({busyTime}) =>
                   this.setState(state => ({
@@ -219,7 +222,7 @@ class InternalSettings extends React.Component<
 
 class EventExample extends React.Component<{}, $FlowFixMeState> {
   state = {
-    scrollX: new Animated.Value(0),
+    anim: new Animated.Value(0),
   };
 
   render() {
@@ -231,7 +234,7 @@ class EventExample extends React.Component<{}, $FlowFixMeState> {
             {
               transform: [
                 {
-                  rotate: this.state.scrollX.interpolate({
+                  rotate: this.state.anim.interpolate({
                     inputRange: [0, 1],
                     outputRange: ['0deg', '1deg'],
                   }),
@@ -244,7 +247,7 @@ class EventExample extends React.Component<{}, $FlowFixMeState> {
           horizontal
           style={{height: 100, marginTop: 16}}
           onScroll={Animated.event(
-            [{nativeEvent: {contentOffset: {x: this.state.scrollX}}}],
+            [{nativeEvent: {contentOffset: {x: this.state.anim}}}],
             {useNativeDriver: true},
           )}>
           <View
@@ -257,6 +260,13 @@ class EventExample extends React.Component<{}, $FlowFixMeState> {
             <Text>Scroll me sideways!</Text>
           </View>
         </Animated.ScrollView>
+        <AnimatedSlider
+          maximumValue={200}
+          onValueChange={Animated.event(
+            [{nativeEvent: {value: this.state.anim}}],
+            {useNativeDriver: true},
+          )}
+        />
       </View>
     );
   }
@@ -362,7 +372,7 @@ exports.description = 'Test out Native Animations';
 exports.examples = [
   {
     title: 'Multistage With Multiply and rotation',
-    render: function() {
+    render: function(): React.Node {
       return (
         <Tester type="timing" config={{duration: 1000}}>
           {anim => (
@@ -410,7 +420,7 @@ exports.examples = [
   },
   {
     title: 'Multistage With Multiply',
-    render: function() {
+    render: function(): React.Node {
       return (
         <Tester type="timing" config={{duration: 1000}}>
           {anim => (
@@ -452,7 +462,7 @@ exports.examples = [
   },
   {
     title: 'Multistage With Subtract',
-    render: function() {
+    render: function(): React.Node {
       return (
         <Tester type="timing" config={{duration: 1000}}>
           {anim => (
@@ -494,7 +504,7 @@ exports.examples = [
   },
   {
     title: 'Scale interpolation with clamping',
-    render: function() {
+    render: function(): React.Node {
       return (
         <Tester type="timing" config={{duration: 1000}}>
           {anim => (
@@ -521,7 +531,7 @@ exports.examples = [
   },
   {
     title: 'Opacity with delay',
-    render: function() {
+    render: function(): React.Node {
       return (
         <Tester type="timing" config={{duration: 1000, delay: 1000}}>
           {anim => (
@@ -540,7 +550,7 @@ exports.examples = [
   },
   {
     title: 'Rotate interpolation',
-    render: function() {
+    render: function(): React.Node {
       return (
         <Tester type="timing" config={{duration: 1000}}>
           {anim => (
@@ -566,7 +576,7 @@ exports.examples = [
   },
   {
     title: 'translateX => Animated.spring (bounciness/speed)',
-    render: function() {
+    render: function(): React.Node {
       return (
         <Tester type="spring" config={{bounciness: 0}}>
           {anim => (
@@ -592,7 +602,7 @@ exports.examples = [
   },
   {
     title: 'translateX => Animated.spring (stiffness/damping/mass)',
-    render: function() {
+    render: function(): React.Node {
       return (
         <Tester type="spring" config={{stiffness: 1000, damping: 500, mass: 3}}>
           {anim => (
@@ -618,7 +628,7 @@ exports.examples = [
   },
   {
     title: 'translateX => Animated.decay',
-    render: function() {
+    render: function(): React.Node {
       return (
         <Tester
           type="decay"
@@ -644,7 +654,7 @@ exports.examples = [
   },
   {
     title: 'Drive custom property (tap to animate)',
-    render: function() {
+    render: function(): React.Node {
       return (
         <Tester type="timing" config={{duration: 1000}}>
           {anim => <AnimatedSlider style={{}} value={anim} />}
@@ -654,31 +664,31 @@ exports.examples = [
   },
   {
     title: 'Animated value listener',
-    render: function() {
+    render: function(): React.Node {
       return <ValueListenerExample />;
     },
   },
   {
     title: 'Animated loop',
-    render: function() {
+    render: function(): React.Node {
       return <LoopExample />;
     },
   },
   {
     title: 'Animated events',
-    render: function() {
+    render: function(): React.Node {
       return <EventExample />;
     },
   },
   {
     title: 'Animated Tracking - tap me many times',
-    render: function() {
+    render: function(): React.Node {
       return <TrackingExample />;
     },
   },
   {
     title: 'Internal Settings',
-    render: function() {
+    render: function(): React.Node {
       return <InternalSettings />;
     },
   },
diff --git a/RNTester/js/NewAppScreenExample.js b/RNTester/js/examples/NewAppScreen/NewAppScreenExample.js
similarity index 97%
rename from RNTester/js/NewAppScreenExample.js
rename to RNTester/js/examples/NewAppScreen/NewAppScreenExample.js
index 0b75f826f43eb7..8136f601f4a693 100644
--- a/RNTester/js/NewAppScreenExample.js
+++ b/RNTester/js/examples/NewAppScreen/NewAppScreenExample.js
@@ -18,7 +18,7 @@ const {
   Colors,
   DebugInstructions,
   ReloadInstructions,
-} = require('../../Libraries/NewAppScreen');
+} = require('../../../../Libraries/NewAppScreen');
 
 exports.title = 'New App Screen';
 exports.description = 'Displays the content of the new app screen';
diff --git a/RNTester/js/OrientationChangeExample.js b/RNTester/js/examples/OrientationChange/OrientationChangeExample.js
similarity index 91%
rename from RNTester/js/OrientationChangeExample.js
rename to RNTester/js/examples/OrientationChange/OrientationChangeExample.js
index ceb4fdc436a2ec..5375a68fd77120 100644
--- a/RNTester/js/OrientationChangeExample.js
+++ b/RNTester/js/examples/OrientationChange/OrientationChangeExample.js
@@ -11,9 +11,10 @@
 'use strict';
 
 const React = require('react');
+
 const {DeviceEventEmitter, Text, View} = require('react-native');
 
-import type EmitterSubscription from '../../Libraries/vendor/emitter/EmitterSubscription';
+import type EmitterSubscription from '../../../../Libraries/vendor/emitter/EmitterSubscription';
 
 class OrientationChangeExample extends React.Component<{}, $FlowFixMeState> {
   _orientationSubscription: EmitterSubscription;
@@ -58,7 +59,7 @@ exports.examples = [
   {
     title: 'OrientationChangeExample',
     description: 'listening to device orientation changes',
-    render() {
+    render(): React.Node {
       return <OrientationChangeExample />;
     },
   },
diff --git a/RNTester/js/PanResponderExample.js b/RNTester/js/examples/PanResponder/PanResponderExample.js
similarity index 93%
rename from RNTester/js/PanResponderExample.js
rename to RNTester/js/examples/PanResponder/PanResponderExample.js
index fddb5631e9e8f5..8b6d75a35e8cce 100644
--- a/RNTester/js/PanResponderExample.js
+++ b/RNTester/js/examples/PanResponder/PanResponderExample.js
@@ -16,8 +16,8 @@ const {PanResponder, StyleSheet, View} = require('react-native');
 import type {
   PanResponderInstance,
   GestureState,
-} from '../../Libraries/Interaction/PanResponder';
-import type {PressEvent} from '../../Libraries/Types/CoreEventTypes';
+} from '../../../../Libraries/Interaction/PanResponder';
+import type {PressEvent} from '../../../../Libraries/Types/CoreEventTypes';
 
 type CircleStyles = {
   backgroundColor?: string,
@@ -109,7 +109,7 @@ class PanResponderExample extends React.Component<Props> {
     this.circle && this.circle.setNativeProps(this._circleStyles);
   }
 
-  render() {
+  render(): React.Node {
     return (
       <View style={styles.container}>
         <View
@@ -128,6 +128,7 @@ const styles = StyleSheet.create({
   circle: {
     width: CIRCLE_SIZE,
     height: CIRCLE_SIZE,
+    backgroundColor: 'green',
     borderRadius: CIRCLE_SIZE / 2,
     position: 'absolute',
     left: 0,
@@ -135,7 +136,7 @@ const styles = StyleSheet.create({
   },
   container: {
     flex: 1,
-    paddingTop: 64,
+    height: 500,
   },
 });
 
@@ -144,7 +145,7 @@ exports.description =
   'Shows the Use of PanResponder to provide basic gesture handling';
 exports.examples = [
   {
-    title: 'Basic gresture handling',
+    title: 'Basic gesture handling',
     render: function(): React.Element<typeof PanResponderExample> {
       return <PanResponderExample />;
     },
diff --git a/RNTester/js/PermissionsExampleAndroid.android.js b/RNTester/js/examples/PermissionsAndroid/PermissionsExample.js
similarity index 98%
rename from RNTester/js/PermissionsExampleAndroid.android.js
rename to RNTester/js/examples/PermissionsAndroid/PermissionsExample.js
index afc065146ee703..3e7b2f2b41bd41 100644
--- a/RNTester/js/PermissionsExampleAndroid.android.js
+++ b/RNTester/js/examples/PermissionsAndroid/PermissionsExample.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {
   PermissionsAndroid,
   Picker,
@@ -108,7 +109,7 @@ exports.examples = [
     title: 'Permissions Example',
     description:
       'Short example of how to use the runtime permissions API introduced in Android M.',
-    render: () => <PermissionsExample />,
+    render: (): React.Node => <PermissionsExample />,
   },
 ];
 
diff --git a/RNTester/js/PickerExample.js b/RNTester/js/examples/Picker/PickerExample.js
similarity index 91%
rename from RNTester/js/PickerExample.js
rename to RNTester/js/examples/Picker/PickerExample.js
index 417f9387cffc68..d43a7dd3cdfe60 100644
--- a/RNTester/js/PickerExample.js
+++ b/RNTester/js/examples/Picker/PickerExample.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {Picker, StyleSheet, Text} = require('react-native');
 
 const Item = Picker.Item;
@@ -20,11 +21,11 @@ type State = {
 };
 
 class BasicPickerExample extends React.Component<{}, State> {
-  state = {
+  state: State = {
     value: 'key1',
   };
 
-  render() {
+  render(): React.Node {
     return (
       <Picker
         testID="basic-picker"
@@ -39,11 +40,11 @@ class BasicPickerExample extends React.Component<{}, State> {
 }
 
 class DisabledPickerExample extends React.Component<{}, State> {
-  state = {
+  state: State = {
     value: 'key1',
   };
 
-  render() {
+  render(): React.Node {
     return (
       <Picker
         style={styles.picker}
@@ -57,11 +58,11 @@ class DisabledPickerExample extends React.Component<{}, State> {
 }
 
 class DropdownPickerExample extends React.Component<{}, State> {
-  state = {
+  state: State = {
     value: 'key1',
   };
 
-  render() {
+  render(): React.Node {
     return (
       <Picker
         style={styles.picker}
@@ -76,11 +77,11 @@ class DropdownPickerExample extends React.Component<{}, State> {
 }
 
 class PromptPickerExample extends React.Component<{}, State> {
-  state = {
+  state: State = {
     value: 'key1',
   };
 
-  render() {
+  render(): React.Node {
     return (
       <Picker
         style={styles.picker}
@@ -99,11 +100,11 @@ type ColorState = {
 };
 
 class ColorPickerExample extends React.Component<{}, ColorState> {
-  state = {
+  state: ColorState = {
     color: 'red',
   };
 
-  render() {
+  render(): React.Node {
     return (
       <>
         <Picker
@@ -167,6 +168,9 @@ exports.examples = [
     title: 'Picker with no listener',
     render: function(): React.Element<typeof PromptPickerExample> {
       return (
+        /* $FlowFixMe(>=0.99.0 site=react_native_fb) This comment suppresses an
+         * error found when Flow v0.99 was deployed. To see the error, delete
+         * this comment and run Flow. */
         <>
           <Picker style={styles.picker}>
             <Item label="hello" value="key0" />
diff --git a/RNTester/js/PickerIOSExample.js b/RNTester/js/examples/Picker/PickerIOSExample.js
similarity index 96%
rename from RNTester/js/PickerIOSExample.js
rename to RNTester/js/examples/Picker/PickerIOSExample.js
index b15cdce74106b3..2cab815ea5a020 100644
--- a/RNTester/js/PickerIOSExample.js
+++ b/RNTester/js/examples/Picker/PickerIOSExample.js
@@ -11,7 +11,7 @@
 'use strict';
 
 const React = require('react');
-const {PickerIOS, Text, View, Platform} = require('react-native');
+const {PickerIOS, Text, View, Platform} = require('react-native'); // TODO(OSS Candidate ISS#2710739)
 
 const PickerItemIOS = PickerIOS.Item;
 
@@ -152,7 +152,10 @@ class PickerStyleExample extends React.Component<{}, $FlowFixMeState> {
     return (
       <PickerIOS
         itemStyle={{
-          fontSize: Platform.OS === 'macos' ? 11 : 25,
+          fontSize:
+            Platform.OS === 'macos'
+              ? 11
+              : 25 /* TODO(OSS Candidate ISS#2710739) */,
           color: 'red',
           textAlign: 'left',
           fontWeight: 'bold',
diff --git a/RNTester/js/PointerEventsExample.js b/RNTester/js/examples/PointerEvents/PointerEventsExample.js
similarity index 96%
rename from RNTester/js/PointerEventsExample.js
rename to RNTester/js/examples/PointerEvents/PointerEventsExample.js
index f3726683890b3a..fc033b04881bc4 100644
--- a/RNTester/js/PointerEventsExample.js
+++ b/RNTester/js/examples/PointerEvents/PointerEventsExample.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {StyleSheet, Text, View} = require('react-native');
 
 class ExampleBox extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
@@ -233,10 +234,9 @@ const styles = StyleSheet.create({
 
 exports.framework = 'React';
 exports.title = 'Pointer Events';
-exports.description =
-  'Demonstrates the use of the pointerEvents prop of a ' +
-  'View to control how touches should be handled.';
+exports.description = ('Demonstrates the use of the pointerEvents prop of a ' +
+  'View to control how touches should be handled.': string);
 /* $FlowFixMe(>=0.70.0 site=react_native_fb) This comment suppresses an error
  * found when Flow v0.70 was deployed. To see the error delete this comment
  * and run Flow. */
-exports.examples = exampleClasses.map(infoToExample);
+exports.examples = (exampleClasses.map(infoToExample): Array<any>);
diff --git a/RNTester/js/ProgressBarAndroidExample.android.js b/RNTester/js/examples/ProgressBarAndroid/ProgressBarAndroidExample.android.js
similarity index 91%
rename from RNTester/js/ProgressBarAndroidExample.android.js
rename to RNTester/js/examples/ProgressBarAndroid/ProgressBarAndroidExample.android.js
index 29050e9f010507..86a6bd662c5515 100644
--- a/RNTester/js/ProgressBarAndroidExample.android.js
+++ b/RNTester/js/examples/ProgressBarAndroid/ProgressBarAndroidExample.android.js
@@ -12,10 +12,10 @@
 
 const React = require('react');
 const {ProgressBarAndroid: ProgressBar} = require('react-native');
-const RNTesterBlock = require('./RNTesterBlock');
-const RNTesterPage = require('./RNTesterPage');
+const RNTesterBlock = require('../../components/RNTesterBlock');
+const RNTesterPage = require('../../components/RNTesterPage');
 
-import type {ProgressBarAndroidProps} from '../../Libraries/Components/ProgressBarAndroid/ProgressBarAndroid';
+import type {ProgressBarAndroidProps} from '../../../../Libraries/Components/ProgressBarAndroid/ProgressBarAndroid';
 
 type MovingBarProps = $ReadOnly<{|
   ...$Diff<
diff --git a/RNTester/js/ProgressViewIOSExample.js b/RNTester/js/examples/ProgressViewIOS/ProgressViewIOSExample.js
similarity index 98%
rename from RNTester/js/ProgressViewIOSExample.js
rename to RNTester/js/examples/ProgressViewIOS/ProgressViewIOSExample.js
index c9968ba4c257e5..e2c729cfbfd166 100644
--- a/RNTester/js/ProgressViewIOSExample.js
+++ b/RNTester/js/examples/ProgressViewIOS/ProgressViewIOSExample.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {ProgressViewIOS, StyleSheet, View} = require('react-native');
 
 type Props = {||};
@@ -98,7 +99,7 @@ exports.description = 'ProgressViewIOS';
 exports.examples = [
   {
     title: 'ProgressViewIOS',
-    render() {
+    render(): React.Node {
       return <ProgressViewExample />;
     },
   },
diff --git a/RNTester/js/PushNotificationIOSExample.js b/RNTester/js/examples/PushNotificationIOS/PushNotificationIOSExample.js
similarity index 100%
rename from RNTester/js/PushNotificationIOSExample.js
rename to RNTester/js/examples/PushNotificationIOS/PushNotificationIOSExample.js
diff --git a/RNTester/js/RCTRootViewIOSExample.js b/RNTester/js/examples/RCTRootView/RCTRootViewIOSExample.js
similarity index 100%
rename from RNTester/js/RCTRootViewIOSExample.js
rename to RNTester/js/examples/RCTRootView/RCTRootViewIOSExample.js
diff --git a/RNTester/js/RTLExample.js b/RNTester/js/examples/RTL/RTLExample.js
similarity index 95%
rename from RNTester/js/RTLExample.js
rename to RNTester/js/examples/RTL/RTLExample.js
index c8e2964ddba98c..f4c33c41a01d20 100644
--- a/RNTester/js/RTLExample.js
+++ b/RNTester/js/examples/RTL/RTLExample.js
@@ -10,6 +10,7 @@
 'use strict';
 
 const React = require('react');
+
 const {
   Alert,
   Animated,
@@ -99,7 +100,7 @@ const IconsExample = withRTLState(({isRTL, setRTL}) => {
       <View style={[styles.flexDirectionRow, directionStyle(isRTL)]}>
         <View>
           <Image
-            source={require('./Thumbnails/like.png')}
+            source={require('../../assets/like.png')}
             style={styles.image}
           />
           <Text style={styles.fontSizeExtraSmall}>
@@ -108,7 +109,7 @@ const IconsExample = withRTLState(({isRTL, setRTL}) => {
         </View>
         <View style={styles.rightAlignStyle}>
           <Image
-            source={require('./Thumbnails/poke.png')}
+            source={require('../../assets/poke.png')}
             style={[styles.image, styles.withRTLStyle]}
           />
           <Text style={styles.fontSizeExtraSmall}>
@@ -126,7 +127,7 @@ function AnimationBlock(props) {
       <TouchableWithoutFeedback onPress={props.onPress}>
         <Animated.Image
           style={[styles.img, props.imgStyle]}
-          source={require('./Thumbnails/poke.png')}
+          source={require('../../assets/poke.png')}
         />
       </TouchableWithoutFeedback>
     </View>
@@ -219,8 +220,8 @@ const SimpleListItemExample = withRTLState(({isRTL, setRTL}) => {
     <View>
       <RTLToggler setRTL={setRTL} isRTL={isRTL} />
       <View style={[styles.list, directionStyle(isRTL)]}>
-        <ListItem imageSource={require('./Thumbnails/like.png')} />
-        <ListItem imageSource={require('./Thumbnails/poke.png')} />
+        <ListItem imageSource={require('../../assets/like.png')} />
+        <ListItem imageSource={require('../../assets/poke.png')} />
       </View>
     </View>
   );
@@ -519,7 +520,8 @@ const BorderExample = withRTLState(({isRTL, setRTL}) => {
 });
 
 const directionStyle = isRTL =>
-  Platform.OS === 'ios' || Platform.OS === 'macos'
+  Platform.OS === 'ios' ||
+  Platform.OS === 'macos' /* TODO(OSS Candidate ISS#2710739) */
     ? {direction: isRTL ? 'rtl' : 'ltr'}
     : null;
 
@@ -659,18 +661,16 @@ exports.examples = [
   },
   {
     title: 'Default Text Alignment',
-    description:
-      'In iOS/macOS, it depends on active language. ' +
-      'In Android, it depends on the text content.',
+    description: ('In iOS/macOS, it depends on active language. ' +
+      'In Android, it depends on the text content.': string),
     render: function(): React.Element<any> {
       return <TextAlignmentExample style={styles.fontSizeSmall} />;
     },
   },
   {
     title: "Using textAlign: 'left'",
-    description:
-      'In iOS/macOS/Android, text alignment flips regardless of ' +
-      'languages or text content.',
+    description: ('In iOS/macOS/Android, text alignment flips regardless of ' +
+      'languages or text content.': string),
     render: function(): React.Element<any> {
       return (
         <TextAlignmentExample
@@ -681,9 +681,8 @@ exports.examples = [
   },
   {
     title: "Using textAlign: 'right'",
-    description:
-      'In iOS/macOS/Android, text alignment flips regardless of ' +
-      'languages or text content.',
+    description: ('In iOS/macOS/Android, text alignment flips regardless of ' +
+      'languages or text content.': string),
     render: function(): React.Element<any> {
       return (
         <TextAlignmentExample
diff --git a/RNTester/js/RefreshControlExample.js b/RNTester/js/examples/RefreshControl/RefreshControlExample.js
similarity index 100%
rename from RNTester/js/RefreshControlExample.js
rename to RNTester/js/examples/RefreshControl/RefreshControlExample.js
diff --git a/RNTester/js/RootViewSizeFlexibilityExampleApp.js b/RNTester/js/examples/RootViewSizeFlexibilityExample/RootViewSizeFlexibilityExampleApp.js
similarity index 98%
rename from RNTester/js/RootViewSizeFlexibilityExampleApp.js
rename to RNTester/js/examples/RootViewSizeFlexibilityExample/RootViewSizeFlexibilityExampleApp.js
index 0ae1066a4cd7e9..acd4f52733a24a 100644
--- a/RNTester/js/RootViewSizeFlexibilityExampleApp.js
+++ b/RNTester/js/examples/RootViewSizeFlexibilityExample/RootViewSizeFlexibilityExampleApp.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {StyleSheet, Text, TouchableHighlight, View} = require('react-native');
 
 class RootViewSizeFlexibilityExampleApp extends React.Component<
@@ -26,7 +27,7 @@ class RootViewSizeFlexibilityExampleApp extends React.Component<
     this.setState({toggled: !this.state.toggled});
   }
 
-  render() {
+  render(): React.Node {
     const viewStyle = this.state.toggled
       ? styles.bigContainer
       : styles.smallContainer;
diff --git a/RNTester/js/SafeAreaViewExample.js b/RNTester/js/examples/SafeAreaView/SafeAreaViewExample.js
similarity index 91%
rename from RNTester/js/SafeAreaViewExample.js
rename to RNTester/js/examples/SafeAreaView/SafeAreaViewExample.js
index 287c19bbfdf604..638e678b9679b1 100644
--- a/RNTester/js/SafeAreaViewExample.js
+++ b/RNTester/js/examples/SafeAreaView/SafeAreaViewExample.js
@@ -10,6 +10,7 @@
 'use strict';
 
 const React = require('react');
+
 const {
   Button,
   DeviceInfo,
@@ -87,7 +88,7 @@ class IsIPhoneXExample extends React.Component<{}> {
       <View>
         <Text>
           Is this an iPhone X:{' '}
-          {DeviceInfo.isIPhoneX_deprecated
+          {DeviceInfo.getConstants().isIPhoneX_deprecated
             ? 'Yeah!'
             : 'Nope. (Or `isIPhoneX_deprecated` was already removed.)'}
         </Text>
@@ -122,15 +123,14 @@ exports.examples = [
     title: '<SafeAreaView> Example',
     description:
       'SafeAreaView automatically applies paddings reflect the portion of the view that is not covered by other (special) ancestor views.',
-    render: () => <SafeAreaViewExample />,
+    render: (): React.Node => <SafeAreaViewExample />,
   },
   {
     title: 'isIPhoneX_deprecated Example',
-    description:
-      '`DeviceInfo.isIPhoneX_deprecated` returns true only on iPhone X. ' +
+    description: ('`DeviceInfo.isIPhoneX_deprecated` returns true only on iPhone X. ' +
       'Note: This prop is deprecated and will be removed in a future ' +
       'release. Please use this only for a quick and temporary solution. ' +
-      'Use <SafeAreaView> instead.',
-    render: () => <IsIPhoneXExample />,
+      'Use <SafeAreaView> instead.': string),
+    render: (): React.Node => <IsIPhoneXExample />,
   },
 ];
diff --git a/RNTester/js/examples/ScrollView/ScrollViewAnimatedExample.js b/RNTester/js/examples/ScrollView/ScrollViewAnimatedExample.js
new file mode 100644
index 00000000000000..a111dad80afbdb
--- /dev/null
+++ b/RNTester/js/examples/ScrollView/ScrollViewAnimatedExample.js
@@ -0,0 +1,103 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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';
+
+const React = require('react');
+const ReactNative = require('react-native');
+const {Component} = React;
+const {
+  StyleSheet,
+  Text,
+  View,
+  Animated,
+  Easing,
+  TouchableOpacity,
+  Dimensions,
+} = ReactNative;
+
+class ScrollViewAnimatedExample extends Component<{}> {
+  _scrollViewPos = new Animated.Value(0);
+
+  startAnimation: () => void = () => {
+    this._scrollViewPos.setValue(0);
+    Animated.timing(this._scrollViewPos, {
+      toValue: 100,
+      duration: 10000,
+      easing: Easing.linear,
+      useNativeDriver: true,
+    }).start();
+  };
+
+  render(): React.Node {
+    const interpolated = this._scrollViewPos.interpolate({
+      inputRange: [0, 1],
+      outputRange: [0, 0.1],
+    });
+    const interpolated2 = this._scrollViewPos.interpolate({
+      inputRange: [0, 1],
+      outputRange: ['0deg', '1deg'],
+    });
+    return (
+      <View style={styles.container}>
+        <Animated.View
+          style={{
+            width: 100,
+            height: 100,
+            backgroundColor: 'black',
+            transform: [{translateX: interpolated}, {rotate: interpolated2}],
+          }}
+        />
+        <Animated.ScrollView
+          horizontal
+          scrollEventThrottle={16}
+          onScroll={Animated.event(
+            [{nativeEvent: {contentOffset: {x: this._scrollViewPos}}}],
+            {useNativeDriver: true},
+          )}>
+          <TouchableOpacity onPress={this.startAnimation}>
+            <View style={styles.button}>
+              <Text>Scroll me horizontally</Text>
+            </View>
+          </TouchableOpacity>
+        </Animated.ScrollView>
+      </View>
+    );
+  }
+}
+
+const {width, height} = Dimensions.get('window');
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  button: {
+    margin: 50,
+    width: width,
+    marginRight: width,
+    height: height / 2,
+  },
+});
+
+exports.title = '<ScrollViewAnimated>';
+exports.description = 'Component that is animated when ScrollView is offset.';
+
+exports.examples = [
+  {
+    title: 'Animated by scroll view',
+    render: function(): React.Element<typeof ScrollViewAnimatedExample> {
+      return <ScrollViewAnimatedExample />;
+    },
+  },
+];
diff --git a/RNTester/js/ScrollViewExample.js b/RNTester/js/examples/ScrollView/ScrollViewExample.js
similarity index 98%
rename from RNTester/js/ScrollViewExample.js
rename to RNTester/js/examples/ScrollView/ScrollViewExample.js
index 507539b29693a6..16661b06142029 100644
--- a/RNTester/js/ScrollViewExample.js
+++ b/RNTester/js/examples/ScrollView/ScrollViewExample.js
@@ -10,6 +10,7 @@
 'use strict';
 
 const React = require('react');
+
 const {
   Platform,
   ScrollView,
@@ -19,7 +20,7 @@ const {
   View,
 } = require('react-native');
 
-import type {ViewStyleProp} from '../../Libraries/StyleSheet/StyleSheet';
+import type {ViewStyleProp} from '../../../../Libraries/StyleSheet/StyleSheet';
 
 exports.displayName = 'ScrollViewExample';
 exports.title = '<ScrollView>';
@@ -30,7 +31,7 @@ exports.examples = [
     title: '<ScrollView>\n',
     description:
       'To make content scrollable, wrap it within a <ScrollView> component',
-    render: function() {
+    render: function(): React.Node {
       let _scrollView: ScrollView;
       return (
         <View>
@@ -74,7 +75,7 @@ exports.examples = [
     title: '<ScrollView> (horizontal = true)\n',
     description:
       "You can display <ScrollView>'s child components horizontally rather than vertically",
-    render: function() {
+    render: function(): React.Node {
       function renderScrollView(
         title: string,
         additionalStyles: ViewStyleProp,
@@ -128,7 +129,7 @@ exports.examples = [
   {
     title: '<ScrollView> enable & disable\n',
     description: 'ScrollView scrolling behaviour can be disabled and enabled',
-    render: function() {
+    render: function(): React.Node {
       class EnableDisableList extends React.Component<{}, *> {
         state = {
           scrollEnabled: true,
diff --git a/RNTester/js/ScrollViewSimpleExample.js b/RNTester/js/examples/ScrollView/ScrollViewSimpleExample.js
similarity index 94%
rename from RNTester/js/ScrollViewSimpleExample.js
rename to RNTester/js/examples/ScrollView/ScrollViewSimpleExample.js
index 1cbf4834543743..5487fa866cca69 100644
--- a/RNTester/js/ScrollViewSimpleExample.js
+++ b/RNTester/js/examples/ScrollView/ScrollViewSimpleExample.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {
   ScrollView,
   StyleSheet,
@@ -24,7 +25,10 @@ class ScrollViewSimpleExample extends React.Component<{}> {
   /* $FlowFixMe(>=0.98.0 site=react_native_fb) This comment suppresses an error
    * found when Flow v0.98 was deployed. To see the error delete this comment
    * and run Flow. */
-  makeItems = (nItems: number, styles): Array<any> => {
+  makeItems: (nItems: number, styles: any) => Array<any> = (
+    nItems: number,
+    styles,
+  ): Array<any> => {
     const items = [];
     for (let i = 0; i < nItems; i++) {
       items[i] = (
@@ -36,7 +40,7 @@ class ScrollViewSimpleExample extends React.Component<{}> {
     return items;
   };
 
-  render() {
+  render(): React.Node {
     // One of the items is a horizontal scroll view
     const items = this.makeItems(NUM_ITEMS, styles.itemWrapper);
     items[4] = (
diff --git a/RNTester/js/SectionListExample.js b/RNTester/js/examples/SectionList/SectionListExample.js
similarity index 93%
rename from RNTester/js/SectionListExample.js
rename to RNTester/js/examples/SectionList/SectionListExample.js
index 11c49aa8e4f0aa..014fa48a0b14b9 100644
--- a/RNTester/js/SectionListExample.js
+++ b/RNTester/js/examples/SectionList/SectionListExample.js
@@ -9,20 +9,10 @@
  */
 
 'use strict';
-
+const RNTesterPage = require('../../components/RNTesterPage');
 const React = require('react');
-const {
-  Alert,
-  Animated,
-  Button,
-  StyleSheet,
-  Text,
-  View,
-} = require('react-native');
-
-const RNTesterPage = require('./RNTesterPage');
 
-const infoLog = require('../../Libraries/Utilities/infoLog');
+const infoLog = require('../../../../Libraries/Utilities/infoLog');
 
 const {
   HeaderComponent,
@@ -35,7 +25,17 @@ const {
   pressItem,
   renderSmallSwitchOption,
   renderStackedItem,
-} = require('./ListExampleShared');
+} = require('../../components/ListExampleShared');
+const {
+  Alert,
+  Animated,
+  Button,
+  StyleSheet,
+  Text,
+  View,
+} = require('react-native');
+
+import type {Item} from '../../components/ListExampleShared';
 
 const VIEWABILITY_CONFIG = {
   minimumViewTime: 3000,
@@ -68,7 +68,16 @@ const CustomSeparatorComponent = ({highlighted, text}) => (
 );
 
 class SectionListExample extends React.PureComponent<{}, $FlowFixMeState> {
-  state = {
+  state:
+    | any
+    | $TEMPORARY$object<{|
+        data: Array<Item>,
+        debug: boolean,
+        filterText: string,
+        inverted: boolean,
+        logViewable: boolean,
+        virtualized: boolean,
+      |}> = {
     data: genItemData(1000),
     debug: false,
     filterText: '',
@@ -92,7 +101,7 @@ class SectionListExample extends React.PureComponent<{}, $FlowFixMeState> {
     this._sectionListRef.getNode().scrollToLocation({sectionIndex, itemIndex});
   }
 
-  render() {
+  render(): React.Node {
     const filterRegex = new RegExp(String(this.state.filterText), 'i');
     const filter = item =>
       filterRegex.test(item.text) || filterRegex.test(item.title);
diff --git a/RNTester/js/SegmentedControlIOSExample.js b/RNTester/js/examples/SegmentedControlIOS/SegmentedControlIOSExample.js
similarity index 99%
rename from RNTester/js/SegmentedControlIOSExample.js
rename to RNTester/js/examples/SegmentedControlIOS/SegmentedControlIOSExample.js
index d6e69fc35156ff..64a277d727e6ab 100644
--- a/RNTester/js/SegmentedControlIOSExample.js
+++ b/RNTester/js/examples/SegmentedControlIOS/SegmentedControlIOSExample.js
@@ -173,7 +173,6 @@ exports.examples = [
     render(): React.Element<any> {
       return <ColorSegmentedControlExample />;
     },
-    platform: 'ios',
   },
   {
     title: 'Change events can be detected',
diff --git a/RNTester/js/SetPropertiesExampleApp.js b/RNTester/js/examples/SetPropertiesExample/SetPropertiesExampleApp.js
similarity index 96%
rename from RNTester/js/SetPropertiesExampleApp.js
rename to RNTester/js/examples/SetPropertiesExample/SetPropertiesExampleApp.js
index 7ec83f58bdfb9b..7021943ddccdbc 100644
--- a/RNTester/js/SetPropertiesExampleApp.js
+++ b/RNTester/js/examples/SetPropertiesExample/SetPropertiesExampleApp.js
@@ -11,10 +11,11 @@
 'use strict';
 
 const React = require('react');
+
 const {Text, View} = require('react-native');
 
 class SetPropertiesExampleApp extends React.Component<$FlowFixMeProps> {
-  render() {
+  render(): React.Node {
     const wrapperStyle = {
       backgroundColor: this.props.color,
       flex: 1,
diff --git a/RNTester/js/ShareExample.js b/RNTester/js/examples/Share/ShareExample.js
similarity index 99%
rename from RNTester/js/ShareExample.js
rename to RNTester/js/examples/Share/ShareExample.js
index 489031d2a2e5ea..0d4bf3b6f0a0c1 100644
--- a/RNTester/js/ShareExample.js
+++ b/RNTester/js/examples/Share/ShareExample.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {
   StyleSheet,
   View,
@@ -119,7 +120,7 @@ exports.description = 'Share data with other Apps.';
 exports.examples = [
   {
     title: 'Share Text Content',
-    render() {
+    render(): React.Node {
       return <ShareMessageExample />;
     },
   },
diff --git a/RNTester/js/SliderExample.js b/RNTester/js/examples/Slider/SliderExample.js
similarity index 85%
rename from RNTester/js/SliderExample.js
rename to RNTester/js/examples/Slider/SliderExample.js
index 1d5da71f321220..e2144ed987f83f 100644
--- a/RNTester/js/SliderExample.js
+++ b/RNTester/js/examples/Slider/SliderExample.js
@@ -130,26 +130,28 @@ exports.examples = [
   },
   {
     title: 'Custom thumb image',
-    platform: ['ios', 'macos'],
+    platform: ['ios', 'macos'], // TODO(OSS Candidate ISS#2710739)
     render(): React.Element<any> {
-      return <SliderExample thumbImage={require('./uie_thumb_big.png')} />;
+      return (
+        <SliderExample thumbImage={require('../../assets/uie_thumb_big.png')} />
+      );
     },
   },
   {
     title: 'Custom track image',
-    platform: ['ios', 'macos'],
+    platform: ['ios', 'macos'], // TODO(OSS Candidate ISS#2710739)
     render(): React.Element<any> {
-      return <SliderExample trackImage={require('./slider.png')} />;
+      return <SliderExample trackImage={require('../../assets/slider.png')} />;
     },
   },
   {
     title: 'Custom min/max track image',
-    platform: ['ios', 'macos'],
+    platform: ['ios', 'macos'], // TODO(OSS Candidate ISS#2710739)
     render(): React.Element<any> {
       return (
         <SliderExample
-          minimumTrackImage={require('./slider-left.png')}
-          maximumTrackImage={require('./slider-right.png')}
+          minimumTrackImage={require('../../assets/slider-left.png')}
+          maximumTrackImage={require('../../assets/slider-right.png')}
         />
       );
     },
diff --git a/RNTester/js/SnapshotExample.js b/RNTester/js/examples/Snapshot/SnapshotExample.js
similarity index 100%
rename from RNTester/js/SnapshotExample.js
rename to RNTester/js/examples/Snapshot/SnapshotExample.js
diff --git a/RNTester/js/SnapshotViewIOS.android.js b/RNTester/js/examples/Snapshot/SnapshotViewIOS.android.js
similarity index 68%
rename from RNTester/js/SnapshotViewIOS.android.js
rename to RNTester/js/examples/Snapshot/SnapshotViewIOS.android.js
index bbcaacae4db100..b2af871929ae52 100644
--- a/RNTester/js/SnapshotViewIOS.android.js
+++ b/RNTester/js/examples/Snapshot/SnapshotViewIOS.android.js
@@ -9,4 +9,4 @@
 
 'use strict';
 
-module.exports = require('../../Libraries/Components/UnimplementedViews/UnimplementedView');
+module.exports = require('../../../../Libraries/Components/UnimplementedViews/UnimplementedView');
diff --git a/RNTester/js/SnapshotViewIOS.ios.js b/RNTester/js/examples/Snapshot/SnapshotViewIOS.ios.js
similarity index 81%
rename from RNTester/js/SnapshotViewIOS.ios.js
rename to RNTester/js/examples/Snapshot/SnapshotViewIOS.ios.js
index 330cb4bb755061..4aa32fb4dc3318 100644
--- a/RNTester/js/SnapshotViewIOS.ios.js
+++ b/RNTester/js/examples/Snapshot/SnapshotViewIOS.ios.js
@@ -11,18 +11,19 @@
 'use strict';
 
 const React = require('react');
+
 const {NativeModules, StyleSheet, UIManager, View} = require('react-native');
 
 const {TestModule} = NativeModules;
 
-import type {SyntheticEvent} from '../../Libraries/Types/CoreEventTypes';
-import type {ViewProps} from '../../Libraries/Components/View/ViewPropTypes';
+import type {SyntheticEvent} from '../../../../Libraries/Types/CoreEventTypes';
+import type {ViewProps} from '../../../../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
 const RCTSnapshot = UIManager.getViewManagerConfig('RCTSnapshot')
-  ? require('../RCTTest/RCTSnapshotNativeComponent')
+  ? require('../../../RCTTest/RCTSnapshotNativeComponent')
   : View;
 
 type SnapshotReadyEvent = SyntheticEvent<
@@ -38,11 +39,13 @@ type Props = $ReadOnly<{|
 |}>;
 
 class SnapshotViewIOS extends React.Component<Props> {
-  onDefaultAction = (event: SnapshotReadyEvent) => {
+  onDefaultAction: (event: SnapshotReadyEvent) => void = (
+    event: SnapshotReadyEvent,
+  ) => {
     TestModule.verifySnapshot(TestModule.markTestPassed);
   };
 
-  render() {
+  render(): React.Node {
     const testIdentifier = this.props.testIdentifier || 'test';
     const onSnapshotReady = this.props.onSnapshotReady || this.onDefaultAction;
     return (
diff --git a/RNTester/js/StatusBarExample.js b/RNTester/js/examples/StatusBar/StatusBarExample.js
similarity index 98%
rename from RNTester/js/StatusBarExample.js
rename to RNTester/js/examples/StatusBar/StatusBarExample.js
index 09972b3c92d9ca..3180dc24911617 100644
--- a/RNTester/js/StatusBarExample.js
+++ b/RNTester/js/examples/StatusBar/StatusBarExample.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {
   StatusBar,
   StyleSheet,
@@ -433,55 +434,55 @@ exports.description = 'Component for controlling the status bar';
 exports.examples = [
   {
     title: 'StatusBar hidden',
-    render() {
+    render(): React.Node {
       return <StatusBarHiddenExample />;
     },
   },
   {
     title: 'StatusBar style',
-    render() {
+    render(): React.Node {
       return <StatusBarStyleExample />;
     },
     platform: 'ios',
   },
   {
     title: 'StatusBar network activity indicator',
-    render() {
+    render(): React.Node {
       return <StatusBarNetworkActivityExample />;
     },
     platform: 'ios',
   },
   {
     title: 'StatusBar background color',
-    render() {
+    render(): React.Node {
       return <StatusBarBackgroundColorExample />;
     },
     platform: 'android',
   },
   {
     title: 'StatusBar translucent',
-    render() {
+    render(): React.Node {
       return <StatusBarTranslucentExample />;
     },
     platform: 'android',
   },
   {
     title: 'StatusBar static API',
-    render() {
+    render(): React.Node {
       return <StatusBarStaticIOSExample />;
     },
     platform: 'ios',
   },
   {
     title: 'StatusBar static API',
-    render() {
+    render(): React.Node {
       return <StatusBarStaticAndroidExample />;
     },
     platform: 'android',
   },
   {
     title: 'StatusBar dimensions',
-    render() {
+    render(): React.Node {
       return (
         <View>
           <Text>Height (Android only): {StatusBar.currentHeight} pts</Text>
diff --git a/RNTester/js/SwitchExample.js b/RNTester/js/examples/Switch/SwitchExample.js
similarity index 100%
rename from RNTester/js/SwitchExample.js
rename to RNTester/js/examples/Switch/SwitchExample.js
diff --git a/RNTester/js/TVEventHandlerExample.js b/RNTester/js/examples/TVEventHandler/TVEventHandlerExample.js
similarity index 98%
rename from RNTester/js/TVEventHandlerExample.js
rename to RNTester/js/examples/TVEventHandler/TVEventHandlerExample.js
index 82f2f41755ba14..2980bc12745e08 100644
--- a/RNTester/js/TVEventHandlerExample.js
+++ b/RNTester/js/examples/TVEventHandler/TVEventHandlerExample.js
@@ -81,7 +81,7 @@ exports.description = 'iOS alerts and action sheets';
 exports.examples = [
   {
     title: 'TVEventHandler',
-    render() {
+    render(): React.Node {
       return <TVEventHandlerView />;
     },
   },
diff --git a/RNTester/js/TextExample.android.js b/RNTester/js/examples/Text/TextExample.android.js
similarity index 98%
rename from RNTester/js/TextExample.android.js
rename to RNTester/js/examples/Text/TextExample.android.js
index d40c1aeb7d8bfc..dbded71f36ac3e 100644
--- a/RNTester/js/TextExample.android.js
+++ b/RNTester/js/examples/Text/TextExample.android.js
@@ -8,16 +8,14 @@
  * @flow
  */
 
-/* eslint-disable react-native/no-inline-styles */
-
 'use strict';
 
 const React = require('react');
-const {Image, StyleSheet, Text, View} = require('react-native');
-const RNTesterBlock = require('./RNTesterBlock');
-const RNTesterPage = require('./RNTesterPage');
-const TextInlineView = require('./Shared/TextInlineView');
-const TextLegend = require('./Shared/TextLegend');
+const {StyleSheet, Text, View} = require('react-native');
+const RNTesterBlock = require('../../components/RNTesterBlock');
+const RNTesterPage = require('../../components/RNTesterPage');
+const TextInlineView = require('../../components/TextInlineView');
+const TextLegend = require('../../components/TextLegend');
 
 class Entity extends React.Component<{|children: React.Node|}> {
   render() {
diff --git a/RNTester/js/TextExample.ios.js b/RNTester/js/examples/Text/TextExample.ios.js
similarity index 94%
rename from RNTester/js/TextExample.ios.js
rename to RNTester/js/examples/Text/TextExample.ios.js
index dbc73a3b1bb041..8b28c6dfb26756 100644
--- a/RNTester/js/TextExample.ios.js
+++ b/RNTester/js/examples/Text/TextExample.ios.js
@@ -11,6 +11,10 @@
 'use strict';
 
 const React = require('react');
+const TextAncestor = require('../../../../Libraries/Text/TextAncestor');
+const TextInlineView = require('../../components/TextInlineView');
+const TextLegend = require('../../components/TextLegend');
+
 const {
   Button,
   LayoutAnimation,
@@ -19,9 +23,6 @@ const {
   TextInput,
   View,
 } = require('react-native');
-const TextAncestor = require('TextAncestor');
-const TextInlineView = require('./Shared/TextInlineView');
-const TextLegend = require('./Shared/TextLegend');
 
 // 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
@@ -453,30 +454,13 @@ class TextWithCapBaseBox extends React.Component<*, *> {
   }
 }
 
-function LongTextExample() {
-  const [collapsed, setCollapsed] = React.useState(true);
-  return (
-    <View>
-      <Button
-        onPress={() => setCollapsed(state => !state)}
-        title="Toggle long text"
-      />
-      <Text>
-        {Array.from({length: collapsed ? 5 : 5000})
-          .map((_, i) => i)
-          .join('\n')}
-      </Text>
-    </View>
-  );
-}
-
 exports.title = '<Text>';
 exports.description = 'Base component for rendering styled text.';
 exports.displayName = 'TextExample';
 exports.examples = [
   {
     title: 'Wrap',
-    render: function() {
+    render: function(): React.Node {
       return (
         <Text>
           The text should wrap if it goes on multiple lines. See, this is going
@@ -487,13 +471,13 @@ exports.examples = [
   },
   {
     title: "Substring Emoji (should only see 'test')",
-    render: function() {
+    render: function(): React.Node {
       return <Text>{'test🙃'.substring(0, 5)}</Text>;
     },
   },
   {
     title: 'Transparent Background Color',
-    render: function() {
+    render: function(): React.Node {
       return (
         <Text style={{backgroundColor: '#00000020', padding: 10}}>
           Text in a gray box!
@@ -506,17 +490,17 @@ exports.examples = [
   },
   {
     title: 'Text metrics',
-    render: function() {
+    render: function(): React.Node {
       return <TextRenderInfoExample />;
     },
   },
   {
     title: 'Text metrics legend',
-    render: () => <TextLegend />,
+    render: (): React.Node => <TextLegend />,
   },
   {
     title: 'Baseline capheight box',
-    render: () => (
+    render: (): React.Node => (
       <View style={{backgroundColor: 'red'}}>
         <TextWithCapBaseBox>Some example text.</TextWithCapBaseBox>
       </View>
@@ -524,7 +508,7 @@ exports.examples = [
   },
   {
     title: 'Padding',
-    render: function() {
+    render: function(): React.Node {
       return (
         <Text style={{padding: 10}}>
           This text is indented by 10px padding on all sides.
@@ -534,7 +518,7 @@ exports.examples = [
   },
   {
     title: 'Font Family',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <Text style={{fontFamily: Platform.isTV ? 'Times' : 'Cochin'}}>
@@ -567,7 +551,7 @@ exports.examples = [
   },
   {
     title: 'Font Size',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <Text style={{fontSize: 23}}>Size 23</Text>
@@ -578,7 +562,7 @@ exports.examples = [
   },
   {
     title: 'Color',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <Text style={{color: 'red'}}>Red color</Text>
@@ -589,7 +573,7 @@ exports.examples = [
   },
   {
     title: 'Font Weight',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <Text style={{fontSize: 20, fontWeight: '100'}}>
@@ -613,7 +597,7 @@ exports.examples = [
   },
   {
     title: 'Font Style',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <Text style={{fontStyle: 'normal'}}>Normal text</Text>
@@ -624,7 +608,7 @@ exports.examples = [
   },
   {
     title: 'Selectable',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <Text selectable={true}>
@@ -637,7 +621,7 @@ exports.examples = [
   },
   {
     title: 'Text Decoration',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <Text
@@ -712,11 +696,10 @@ exports.examples = [
   },
   {
     title: 'Nested',
-    description:
-      'Nested text components will inherit the styles of their ' +
+    description: ('Nested text components will inherit the styles of their ' +
       'parents (only backgroundColor is inherited from non-Text parents).  ' +
-      '<Text> only supports other <Text> and raw text (strings) as children.',
-    render: function() {
+      '<Text> only supports other <Text> and raw text (strings) as children.': string),
+    render: function(): React.Node {
       return (
         <View>
           <Text>
@@ -754,7 +737,7 @@ exports.examples = [
   },
   {
     title: 'Text Align',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <Text>auto (default) - english LTR</Text>
@@ -786,7 +769,7 @@ exports.examples = [
   },
   {
     title: 'Letter Spacing',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <Text style={{letterSpacing: 0}}>letterSpacing = 0</Text>
@@ -830,7 +813,7 @@ exports.examples = [
   },
   {
     title: 'Spaces',
-    render: function() {
+    render: function(): React.Node {
       return (
         <Text>
           A {'generated'} {'string'} and some &nbsp;&nbsp;&nbsp; spaces
@@ -840,7 +823,7 @@ exports.examples = [
   },
   {
     title: 'Line Height',
-    render: function() {
+    render: function(): React.Node {
       return (
         <Text>
           <Text style={{lineHeight: 35}}>
@@ -854,7 +837,7 @@ exports.examples = [
   {
     title: 'Empty Text',
     description: "It's ok to have Text with zero or null children.",
-    render: function() {
+    render: function(): React.Node {
       return <Text />;
     },
   },
@@ -867,7 +850,7 @@ exports.examples = [
   {
     title: 'backgroundColor attribute',
     description: 'backgroundColor is inherited from all types of views.',
-    render: function() {
+    render: function(): React.Node {
       return (
         <Text style={{backgroundColor: 'yellow'}}>
           Yellow container background,
@@ -893,7 +876,7 @@ exports.examples = [
   },
   {
     title: 'numberOfLines attribute',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <Text numberOfLines={1}>
@@ -914,7 +897,7 @@ exports.examples = [
   },
   {
     title: 'Text highlighting (tap the link to see highlight)',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <Text>
@@ -940,7 +923,7 @@ exports.examples = [
   },
   {
     title: 'allowFontScaling attribute',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <Text>
@@ -968,27 +951,27 @@ exports.examples = [
   },
   {
     title: 'Inline views',
-    render: () => <TextInlineView.Basic />,
+    render: (): React.Node => <TextInlineView.Basic />,
   },
   {
     title: 'Inline image/view clipped by <Text>',
-    render: () => <TextInlineView.ClippedByText />,
+    render: (): React.Node => <TextInlineView.ClippedByText />,
   },
   {
     title: 'Relayout inline image',
-    render: () => <TextInlineView.ChangeImageSize />,
+    render: (): React.Node => <TextInlineView.ChangeImageSize />,
   },
   {
     title: 'Relayout inline view',
-    render: () => <TextInlineView.ChangeViewSize />,
+    render: (): React.Node => <TextInlineView.ChangeViewSize />,
   },
   {
     title: 'Relayout nested inline view',
-    render: () => <TextInlineView.ChangeInnerViewSize />,
+    render: (): React.Node => <TextInlineView.ChangeInnerViewSize />,
   },
   {
     title: 'Text shadow',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <Text
@@ -1006,7 +989,7 @@ exports.examples = [
   },
   {
     title: 'Ellipsize mode',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <Text numberOfLines={1}>
@@ -1027,7 +1010,7 @@ exports.examples = [
   },
   {
     title: 'Font variants',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <Text style={{fontVariant: ['small-caps']}}>Small Caps{'\n'}</Text>
@@ -1061,7 +1044,7 @@ exports.examples = [
   },
   {
     title: 'Nested content',
-    render: function() {
+    render: function(): React.Node {
       // iOS-only because it relies on inline views being able to size to content.
       // Android's implementation requires that a width and height be specified
       // on the inline view.
@@ -1095,19 +1078,19 @@ exports.examples = [
   },
   {
     title: 'Text Align with RTL',
-    render: function() {
+    render: function(): React.Node {
       return <TextAlignRTLExample />;
     },
   },
   {
     title: "Text `alignItems: 'baseline'` style",
-    render: function() {
+    render: function(): React.Node {
       return <TextBaseLineLayoutExample />;
     },
   },
   {
     title: 'Transform',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <Text style={{textTransform: 'uppercase'}}>
@@ -1142,10 +1125,4 @@ exports.examples = [
       );
     },
   },
-  {
-    title: 'Async rendering for long text',
-    render: function() {
-      return <LongTextExample />;
-    },
-  },
 ];
diff --git a/RNTester/js/TextInputExample.android.js b/RNTester/js/examples/TextInput/TextInputExample.android.js
similarity index 100%
rename from RNTester/js/TextInputExample.android.js
rename to RNTester/js/examples/TextInput/TextInputExample.android.js
diff --git a/RNTester/js/TextInputExample.ios.js b/RNTester/js/examples/TextInput/TextInputExample.ios.js
similarity index 96%
rename from RNTester/js/TextInputExample.ios.js
rename to RNTester/js/examples/TextInput/TextInputExample.ios.js
index a3aea1a754f578..f21ca72d32c30b 100644
--- a/RNTester/js/TextInputExample.ios.js
+++ b/RNTester/js/examples/TextInput/TextInputExample.ios.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {
   Button,
   InputAccessoryView,
@@ -592,7 +593,7 @@ exports.description = 'Single and multi-line text inputs.';
 exports.examples = [
   {
     title: 'Auto-focus',
-    render: function() {
+    render: function(): React.Node {
       return (
         <TextInput
           autoFocus={true}
@@ -604,31 +605,31 @@ exports.examples = [
   },
   {
     title: "Live Re-Write (<sp>  ->  '_') + maxLength",
-    render: function() {
+    render: function(): React.Node {
       return <RewriteExample />;
     },
   },
   {
     title: 'Live Re-Write (no spaces allowed)',
-    render: function() {
+    render: function(): React.Node {
       return <RewriteExampleInvalidCharacters />;
     },
   },
   {
     title: 'Live Re-Write (ひ -> 日)',
-    render: function() {
+    render: function(): React.Node {
       return <RewriteExampleKana />;
     },
   },
   {
     title: 'Keyboard Accessory View',
-    render: function() {
+    render: function(): React.Node {
       return <TextInputAccessoryViewExample />;
     },
   },
   {
     title: 'Auto-capitalize',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <WithLabel label="none">
@@ -649,7 +650,7 @@ exports.examples = [
   },
   {
     title: 'Auto-correct',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <WithLabel label="true">
@@ -664,7 +665,7 @@ exports.examples = [
   },
   {
     title: 'Nested content and `value` property',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <WithLabel label="singleline">
@@ -690,7 +691,7 @@ exports.examples = [
   },
   {
     title: 'Keyboard types',
-    render: function() {
+    render: function(): React.Node {
       const keyboardTypes = [
         'default',
         'ascii-capable',
@@ -717,7 +718,7 @@ exports.examples = [
   },
   {
     title: 'Keyboard appearance',
-    render: function() {
+    render: function(): React.Node {
       const keyboardAppearance = ['default', 'light', 'dark'];
       const examples = keyboardAppearance.map(type => {
         return (
@@ -731,7 +732,7 @@ exports.examples = [
   },
   {
     title: 'Return key types',
-    render: function() {
+    render: function(): React.Node {
       const returnKeyTypes = [
         'default',
         'go',
@@ -757,7 +758,7 @@ exports.examples = [
   },
   {
     title: 'Enable return key automatically',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <WithLabel label="true">
@@ -772,7 +773,7 @@ exports.examples = [
   },
   {
     title: 'Secure text entry',
-    render: function() {
+    render: function(): React.Node {
       return <SecureEntryExample />;
     },
   },
@@ -784,7 +785,7 @@ exports.examples = [
   },
   {
     title: 'Colored input text',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <TextInput
@@ -801,7 +802,7 @@ exports.examples = [
   },
   {
     title: 'Colored highlight/cursor for text input',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <TextInput
@@ -820,7 +821,7 @@ exports.examples = [
   },
   {
     title: 'Clear button mode',
-    render: function() {
+    render: function(): React.Node {
       const clearButtonModes = [
         'never',
         'while-editing',
@@ -843,7 +844,7 @@ exports.examples = [
   },
   {
     title: 'Clear and select',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <WithLabel label="clearTextOnFocus">
@@ -892,7 +893,7 @@ exports.examples = [
   },
   {
     title: 'Multiline blur on submit',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <TextInput
@@ -911,7 +912,7 @@ exports.examples = [
   },
   {
     title: 'Multiline',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <TextInput
@@ -954,7 +955,7 @@ exports.examples = [
   },
   {
     title: 'TextInput Intrinsic Size',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <Text>Singleline TextInput</Text>
@@ -1021,7 +1022,7 @@ exports.examples = [
   },
   {
     title: 'Auto-expanding',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <TextInput
@@ -1038,7 +1039,7 @@ exports.examples = [
   },
   {
     title: 'Auto-expanding',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <AutogrowingTextInputExample
@@ -1069,13 +1070,13 @@ exports.examples = [
   },
   {
     title: 'Attributed text',
-    render: function() {
+    render: function(): React.Node {
       return <TokenizedTextExample />;
     },
   },
   {
     title: 'Text selection & cursor placement',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <SelectionExample
@@ -1093,7 +1094,7 @@ exports.examples = [
   },
   {
     title: 'TextInput maxLength',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <WithLabel label="maxLength: 5">
@@ -1126,7 +1127,7 @@ exports.examples = [
   },
   {
     title: 'Text Content Type',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <WithLabel label="emailAddress">
@@ -1141,7 +1142,7 @@ exports.examples = [
   },
   {
     title: 'TextInput Placeholder Styles',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <WithLabel label="letterSpacing: 10 lineHeight: 20 textAlign: 'center'">
diff --git a/RNTester/js/TimePickerAndroidExample.js b/RNTester/js/examples/TimePicker/TimePickerAndroidExample.js
similarity index 94%
rename from RNTester/js/TimePickerAndroidExample.js
rename to RNTester/js/examples/TimePicker/TimePickerAndroidExample.js
index 3e6cc29a019e28..ced8a74ff73a41 100644
--- a/RNTester/js/TimePickerAndroidExample.js
+++ b/RNTester/js/examples/TimePicker/TimePickerAndroidExample.js
@@ -17,8 +17,8 @@ const {
   TouchableWithoutFeedback,
 } = require('react-native');
 
-const RNTesterBlock = require('./RNTesterBlock');
-const RNTesterPage = require('./RNTesterPage');
+const RNTesterBlock = require('../../components/RNTesterBlock');
+const RNTesterPage = require('../../components/RNTesterPage');
 
 class TimePickerAndroidExample extends React.Component {
   state = {
@@ -44,9 +44,8 @@ class TimePickerAndroidExample extends React.Component {
         newState[stateKey + 'Text'] = 'dismissed';
       }
       this.setState(newState);
-      // Change here can go away once we sync to 0.57
-    } catch (err) {
-      console.warn(`Error in example '${stateKey}': `, err.message);
+    } catch ({code, message}) {
+      console.warn(`Error in example '${stateKey}': `, message);
     }
   };
 
diff --git a/RNTester/js/TimerExample.js b/RNTester/js/examples/Timer/TimerExample.js
similarity index 94%
rename from RNTester/js/TimerExample.js
rename to RNTester/js/examples/Timer/TimerExample.js
index a67397771a06af..de13ae9f845f92 100644
--- a/RNTester/js/TimerExample.js
+++ b/RNTester/js/examples/Timer/TimerExample.js
@@ -10,11 +10,13 @@
 
 'use strict';
 
+const RNTesterButton = require('../../components/RNTesterButton');
 const React = require('react');
-const {Alert, Platform, ToastAndroid, Text, View} = require('react-native');
-const RNTesterButton = require('./RNTesterButton');
+
 const performanceNow = require('fbjs/lib/performanceNow');
 
+const {Alert, Platform, ToastAndroid, Text, View} = require('react-native');
+
 function burnCPU(milliseconds) {
   const start = performanceNow();
   while (performanceNow() < start + milliseconds) {}
@@ -208,7 +210,7 @@ class TimerTester extends React.Component<TimerTesterProps> {
           this._immediateId = setImmediate(this._run);
         };
       } else if (this.props.type === 'setInterval') {
-        this._iters = 30; // Only used for forceUpdate periodicidy
+        this._iters = 30; // Only used for forceUpdate periodicity
         this._timerFn = null;
         this._intervalId = setInterval(this._run, this.props.dt);
       }
@@ -267,11 +269,10 @@ exports.description = 'A demonstration of Timers in React Native.';
 exports.examples = [
   {
     title: 'this.setTimeout(fn, t)',
-    description:
-      'Execute function fn t milliseconds in the future.  If ' +
+    description: ('Execute function fn t milliseconds in the future.  If ' +
       't === 0, it will be enqueued immediately in the next event loop.  ' +
-      'Larger values will fire on the closest frame.',
-    render: function() {
+      'Larger values will fire on the closest frame.': string),
+    render: function(): React.Node {
       return (
         <View>
           <TimerTester type="setTimeout" dt={0} />
@@ -284,7 +285,7 @@ exports.examples = [
   {
     title: 'this.requestAnimationFrame(fn)',
     description: 'Execute function fn on the next frame.',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <TimerTester type="requestAnimationFrame" />
@@ -295,7 +296,7 @@ exports.examples = [
   {
     title: 'this.requestIdleCallback(fn)',
     description: 'Execute function fn on the next JS frame that has idle time',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <RequestIdleCallbackTester />
@@ -306,7 +307,7 @@ exports.examples = [
   {
     title: 'this.setImmediate(fn)',
     description: 'Execute function fn at the end of the current JS event loop.',
-    render: function() {
+    render: function(): React.Node {
       return (
         <View>
           <TimerTester type="setImmediate" />
@@ -316,10 +317,9 @@ exports.examples = [
   },
   {
     title: 'this.setInterval(fn, t)',
-    description:
-      'Execute function fn every t milliseconds until cancelled ' +
-      'or component is unmounted.',
-    render: function() {
+    description: ('Execute function fn every t milliseconds until cancelled ' +
+      'or component is unmounted.': string),
+    render: function(): React.Node {
       type IntervalExampleProps = $ReadOnly<{||}>;
       type IntervalExampleState = {|
         showTimer: boolean,
diff --git a/RNTester/js/ToastAndroidExample.android.js b/RNTester/js/examples/ToastAndroid/ToastAndroidExample.android.js
similarity index 96%
rename from RNTester/js/ToastAndroidExample.android.js
rename to RNTester/js/examples/ToastAndroid/ToastAndroidExample.android.js
index e2e2208da205b7..2b2ad5fa1291f6 100644
--- a/RNTester/js/ToastAndroidExample.android.js
+++ b/RNTester/js/examples/ToastAndroid/ToastAndroidExample.android.js
@@ -18,8 +18,8 @@ const {
   TouchableWithoutFeedback,
 } = require('react-native');
 
-const RNTesterBlock = require('./RNTesterBlock');
-const RNTesterPage = require('./RNTesterPage');
+const RNTesterBlock = require('../../components/RNTesterBlock');
+const RNTesterPage = require('../../components/RNTesterPage');
 
 type Props = $ReadOnly<{||}>;
 class ToastExample extends React.Component<Props> {
diff --git a/RNTester/js/TouchableExample.js b/RNTester/js/examples/Touchable/TouchableExample.js
similarity index 94%
rename from RNTester/js/TouchableExample.js
rename to RNTester/js/examples/Touchable/TouchableExample.js
index 9158d6fad4eb65..5c5d394fbd7418 100644
--- a/RNTester/js/TouchableExample.js
+++ b/RNTester/js/examples/Touchable/TouchableExample.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {
   Animated,
   Image,
@@ -18,7 +19,6 @@ const {
   Text,
   TouchableHighlight,
   TouchableOpacity,
-  NativeModules,
   Platform,
   TouchableNativeFeedback,
   TouchableWithoutFeedback,
@@ -26,9 +26,7 @@ const {
 } = require('react-native');
 
 const forceTouchAvailable =
-  (NativeModules.PlatformConstants &&
-    NativeModules.PlatformConstants.forceTouchAvailable) ||
-  false;
+  (Platform.OS === 'ios' && Platform.constants.forceTouchAvailable) || false;
 
 class TouchableHighlightBox extends React.Component<{}, $FlowFixMeState> {
   state = {
@@ -572,31 +570,33 @@ exports.title = '<Touchable*> and onPress';
 exports.examples = [
   {
     title: '<TouchableHighlight>',
-    description:
-      'TouchableHighlight works by adding an extra view with a ' +
+    description: ('TouchableHighlight works by adding an extra view with a ' +
       'black background under the single child view.  This works best when the ' +
       'child view is fully opaque, although it can be made to work as a simple ' +
       'background color change as well with the activeOpacity and ' +
-      'underlayColor props.',
-    render: function() {
+      'underlayColor props.': string),
+    render: function(): React.Node {
       return <TouchableHighlightBox />;
     },
   },
   {
     title: '<TouchableWithoutFeedback>',
-    render: function() {
+    render: function(): React.Node {
       return <TouchableWithoutFeedbackBox />;
     },
   },
   {
     title: 'TouchableNativeFeedback with Animated child',
-    description:
-      'TouchableNativeFeedback can have an AnimatedComponent as a' +
-      'direct child.',
+    description: ('TouchableNativeFeedback can have an AnimatedComponent as a' +
+      'direct child.': string),
     platform: 'android',
-    render: function() {
+    render: function(): React.Node {
       const mScale = new Animated.Value(1);
-      Animated.timing(mScale, {toValue: 0.3, duration: 1000}).start();
+      Animated.timing(mScale, {
+        toValue: 0.3,
+        duration: 1000,
+        useNativeDriver: false,
+      }).start();
       const style = {
         backgroundColor: 'rgb(180, 64, 119)',
         width: 200,
@@ -622,19 +622,17 @@ exports.examples = [
   },
   {
     title: 'Touchable feedback events',
-    description:
-      '<Touchable*> components accept onPress, onPressIn, ' +
-      'onPressOut, and onLongPress as props.',
+    description: ('<Touchable*> components accept onPress, onPressIn, ' +
+      'onPressOut, and onLongPress as props.': string),
     render: function(): React.Element<any> {
       return <TouchableFeedbackEvents />;
     },
   },
   {
     title: 'Touchable delay for events',
-    description:
-      '<Touchable*> components also accept delayPressIn, ' +
+    description: ('<Touchable*> components also accept delayPressIn, ' +
       'delayPressOut, and delayLongPress as props. These props impact the ' +
-      'timing of feedback events.',
+      'timing of feedback events.': string),
     render: function(): React.Element<any> {
       return <TouchableDelayEvents />;
     },
@@ -650,18 +648,16 @@ exports.examples = [
   },
   {
     title: 'Touchable Hit Slop',
-    description:
-      '<Touchable*> components accept hitSlop prop which extends the touch area ' +
-      'without changing the view bounds.',
+    description: ('<Touchable*> components accept hitSlop prop which extends the touch area ' +
+      'without changing the view bounds.': string),
     render: function(): React.Element<any> {
       return <TouchableHitSlop />;
     },
   },
   {
     title: 'Disabled Touchable*',
-    description:
-      '<Touchable*> components accept disabled prop which prevents ' +
-      'any interaction with component',
+    description: ('<Touchable*> components accept disabled prop which prevents ' +
+      'any interaction with component': string),
     render: function(): React.Element<any> {
       return <TouchableDisabled />;
     },
diff --git a/RNTester/js/TransformExample.js b/RNTester/js/examples/Transform/TransformExample.js
similarity index 96%
rename from RNTester/js/TransformExample.js
rename to RNTester/js/examples/Transform/TransformExample.js
index 256a4b385e2e54..1fe09ebcff157c 100644
--- a/RNTester/js/TransformExample.js
+++ b/RNTester/js/examples/Transform/TransformExample.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {Animated, StyleSheet, Text, View} = require('react-native');
 
 class Flip extends React.Component<{}, $FlowFixMeState> {
@@ -27,6 +28,7 @@ class Flip extends React.Component<{}, $FlowFixMeState> {
     Animated.timing(this.state.theta, {
       toValue: 360,
       duration: 5000,
+      useNativeDriver: false,
     }).start(this._animate);
   };
 
@@ -202,7 +204,7 @@ exports.examples = [
     title: 'Translate, Rotate, Scale',
     description:
       "translateX: 100, translateY: 50, rotate: '30deg', scaleX: 2, scaleY: 2",
-    render() {
+    render(): React.Node {
       return (
         <View style={styles.container}>
           <View style={styles.box1} />
@@ -214,7 +216,7 @@ exports.examples = [
     title: 'Scale, Translate, Rotate, ',
     description:
       "scaleX: 2, scaleY: 2, translateX: 100, translateY: 50, rotate: '30deg'",
-    render() {
+    render(): React.Node {
       return (
         <View style={styles.container}>
           <View style={styles.box2} />
@@ -225,7 +227,7 @@ exports.examples = [
   {
     title: 'Rotate',
     description: "rotate: '30deg'",
-    render() {
+    render(): React.Node {
       return (
         <View style={styles.container}>
           <View style={styles.box3step1} />
@@ -236,7 +238,7 @@ exports.examples = [
   {
     title: 'Rotate, Scale',
     description: "rotate: '30deg', scaleX: 2, scaleY: 2",
-    render() {
+    render(): React.Node {
       return (
         <View style={styles.container}>
           <View style={styles.box3step2} />
@@ -248,7 +250,7 @@ exports.examples = [
     title: 'Rotate, Scale, Translate ',
     description:
       "rotate: '30deg', scaleX: 2, scaleY: 2, translateX: 100, translateY: 50",
-    render() {
+    render(): React.Node {
       return (
         <View style={styles.container}>
           <View style={styles.box3step3} />
@@ -259,7 +261,7 @@ exports.examples = [
   {
     title: 'Translate, Scale, Rotate',
     description: "translate: [200, 350], scale: 2.5, rotate: '-0.2rad'",
-    render() {
+    render(): React.Node {
       return (
         <View style={styles.container}>
           <View style={styles.box4} />
@@ -270,7 +272,7 @@ exports.examples = [
   {
     title: 'Translate, Rotate, Scale',
     description: "translate: [-50, 35], rotate: '50deg', scale: 2",
-    render() {
+    render(): React.Node {
       return (
         <View style={styles.container}>
           <View style={[styles.box5, styles.box5Transform]} />
diff --git a/RNTester/js/TransparentHitTestExample.js b/RNTester/js/examples/TransparentHitTest/TransparentHitTestExample.js
similarity index 100%
rename from RNTester/js/TransparentHitTestExample.js
rename to RNTester/js/examples/TransparentHitTest/TransparentHitTestExample.js
diff --git a/RNTester/js/SampleTurboModuleExample.js b/RNTester/js/examples/TurboModule/SampleTurboModuleExample.js
similarity index 97%
rename from RNTester/js/SampleTurboModuleExample.js
rename to RNTester/js/examples/TurboModule/SampleTurboModuleExample.js
index a3c89c5e826710..a3417f3a255ed5 100644
--- a/RNTester/js/SampleTurboModuleExample.js
+++ b/RNTester/js/examples/TurboModule/SampleTurboModuleExample.js
@@ -10,7 +10,7 @@
 
 'use strict';
 
-import NativeSampleTurboModule from 'react-native/Libraries/TurboModule/samples/NativeSampleTurboModule';
+import NativeSampleTurboModule from '../../../../Libraries/TurboModule/samples/NativeSampleTurboModule';
 import {
   StyleSheet,
   Text,
diff --git a/RNTester/js/TurboModuleExample.js b/RNTester/js/examples/TurboModule/TurboModuleExample.js
similarity index 100%
rename from RNTester/js/TurboModuleExample.js
rename to RNTester/js/examples/TurboModule/TurboModuleExample.js
diff --git a/RNTester/js/VibrationExample.js b/RNTester/js/examples/Vibration/VibrationExample.js
similarity index 95%
rename from RNTester/js/VibrationExample.js
rename to RNTester/js/examples/Vibration/VibrationExample.js
index a40b3de9e2f152..b328d80f538db8 100644
--- a/RNTester/js/VibrationExample.js
+++ b/RNTester/js/examples/Vibration/VibrationExample.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {
   StyleSheet,
   View,
@@ -48,7 +49,7 @@ subsequent args: duration to wait before next vibration.
 exports.examples = [
   {
     title: 'Pattern Descriptions',
-    render() {
+    render(): React.Node {
       return (
         <View style={styles.wrapper}>
           <Text>{patternDescription}</Text>
@@ -58,7 +59,7 @@ exports.examples = [
   },
   {
     title: 'Vibration.vibrate()',
-    render() {
+    render(): React.Node {
       return (
         <TouchableHighlight
           style={styles.wrapper}
@@ -72,7 +73,7 @@ exports.examples = [
   },
   {
     title: `Vibration.vibrate(${patternLiteral})`,
-    render() {
+    render(): React.Node {
       return (
         <TouchableHighlight
           style={styles.wrapper}
@@ -86,7 +87,7 @@ exports.examples = [
   },
   {
     title: `Vibration.vibrate(${patternLiteral}, true)`,
-    render() {
+    render(): React.Node {
       return (
         <TouchableHighlight
           style={styles.wrapper}
@@ -100,7 +101,7 @@ exports.examples = [
   },
   {
     title: 'Vibration.cancel()',
-    render() {
+    render(): React.Node {
       return (
         <TouchableHighlight
           style={styles.wrapper}
diff --git a/RNTester/js/ViewExample.js b/RNTester/js/examples/View/ViewExample.js
similarity index 96%
rename from RNTester/js/ViewExample.js
rename to RNTester/js/examples/View/ViewExample.js
index 91b8a64ac3c4e9..c2cae8937dc82b 100644
--- a/RNTester/js/ViewExample.js
+++ b/RNTester/js/examples/View/ViewExample.js
@@ -10,9 +10,8 @@
 
 'use strict';
 
-/* eslint-disable react-native/no-inline-styles */
-
 const React = require('react');
+
 const {
   StyleSheet,
   Text,
@@ -21,15 +20,14 @@ const {
 } = require('react-native');
 
 exports.title = '<View>';
-exports.description =
-  'Basic building block of all UI, examples that ' +
-  'demonstrate some of the many styles available.';
+exports.description = ('Basic building block of all UI, examples that ' +
+  'demonstrate some of the many styles available.': string);
 
 exports.displayName = 'ViewExample';
 exports.examples = [
   {
     title: 'Background Color',
-    render() {
+    render(): React.Node {
       return (
         <View style={{backgroundColor: '#527FE4', padding: 5}}>
           <Text style={{fontSize: 11}}>Blue background</Text>
@@ -39,7 +37,7 @@ exports.examples = [
   },
   {
     title: 'Border',
-    render() {
+    render(): React.Node {
       return (
         <View style={{borderColor: '#527FE4', borderWidth: 5, padding: 10}}>
           <Text style={{fontSize: 11}}>5px blue border</Text>
@@ -49,7 +47,7 @@ exports.examples = [
   },
   {
     title: 'Padding/Margin',
-    render() {
+    render(): React.Node {
       const styles = StyleSheet.create({
         box: {
           backgroundColor: '#527FE4',
@@ -79,7 +77,7 @@ exports.examples = [
   },
   {
     title: 'Border Radius',
-    render() {
+    render(): React.Node {
       return (
         <View style={{borderWidth: 0.5, borderRadius: 5, padding: 5}}>
           <Text style={{fontSize: 11}}>
@@ -92,7 +90,7 @@ exports.examples = [
   },
   {
     title: 'Border Style',
-    render() {
+    render(): React.Node {
       type Props = $ReadOnly<{||}>;
       type State = {|
         showBorder: boolean,
@@ -151,7 +149,7 @@ exports.examples = [
   },
   {
     title: 'Circle with Border Radius',
-    render() {
+    render(): React.Node {
       return (
         <View
           style={{borderRadius: 10, borderWidth: 1, width: 20, height: 20}}
@@ -161,7 +159,7 @@ exports.examples = [
   },
   {
     title: 'Overflow',
-    render() {
+    render(): React.Node {
       const styles = StyleSheet.create({
         container: {
           borderWidth: StyleSheet.hairlineWidth,
@@ -201,7 +199,7 @@ exports.examples = [
   },
   {
     title: 'Opacity',
-    render() {
+    render(): React.Node {
       return (
         <View>
           <View style={{opacity: 0}}>
@@ -231,7 +229,7 @@ exports.examples = [
   },
   {
     title: 'Offscreen Alpha Compositing',
-    render() {
+    render(): React.Node {
       type Props = $ReadOnly<{||}>;
       type State = {|
         active: boolean,
@@ -318,7 +316,7 @@ exports.examples = [
   },
   {
     title: 'ZIndex',
-    render() {
+    render(): React.Node {
       type Props = $ReadOnly<{||}>;
       type State = {|
         flipped: boolean,
@@ -427,7 +425,7 @@ exports.examples = [
   }, // ]TODO(macOS ISS#2323203)
   {
     title: 'BackfaceVisibility',
-    render: function() {
+    render: function(): React.Node {
       return (
         <>
           <Text style={{paddingBottom: 10}}>
diff --git a/RNTester/js/WebSocketExample.js b/RNTester/js/examples/WebSocket/WebSocketExample.js
similarity index 98%
rename from RNTester/js/WebSocketExample.js
rename to RNTester/js/examples/WebSocket/WebSocketExample.js
index bd42e595e3534e..755669a5e4d4d3 100644
--- a/RNTester/js/WebSocketExample.js
+++ b/RNTester/js/examples/WebSocket/WebSocketExample.js
@@ -210,7 +210,7 @@ class WebSocketExample extends React.Component<any, any, State> {
         <View style={styles.note}>
           <Text>To start the WS test server:</Text>
           <Text style={styles.monospace}>
-            ./RNTester/js/websocket_test_server.js
+            ./RNTester/js/examples/WebSocket/websocket_test_server.js
           </Text>
         </View>
         <Row label="Current WebSocket state" value={showValue(socketState)} />
@@ -266,7 +266,7 @@ class WebSocketExample extends React.Component<any, any, State> {
         <View style={styles.note}>
           <Text>To start the HTTP test server:</Text>
           <Text style={styles.monospace}>
-            ./RNTester/js/http_test_server.js
+            ./RNTester/js/examples/WebSocket/http_test_server.js
           </Text>
         </View>
         <TextInput
diff --git a/RNTester/js/http_test_server.js b/RNTester/js/examples/WebSocket/http_test_server.js
similarity index 100%
rename from RNTester/js/http_test_server.js
rename to RNTester/js/examples/WebSocket/http_test_server.js
diff --git a/RNTester/js/websocket_test_server.js b/RNTester/js/examples/WebSocket/websocket_test_server.js
similarity index 100%
rename from RNTester/js/websocket_test_server.js
rename to RNTester/js/examples/WebSocket/websocket_test_server.js
diff --git a/RNTester/js/XHRExample.js b/RNTester/js/examples/XHR/XHRExample.js
similarity index 76%
rename from RNTester/js/XHRExample.js
rename to RNTester/js/examples/XHR/XHRExample.js
index a7df025303a4e8..c8871a01276f22 100644
--- a/RNTester/js/XHRExample.js
+++ b/RNTester/js/examples/XHR/XHRExample.js
@@ -11,60 +11,51 @@
 'use strict';
 
 const React = require('react');
-
-const XHRExampleDownload = require('./XHRExampleDownload');
+const XHRExampleAbortController = require('./XHRExampleAbortController');
 const XHRExampleBinaryUpload = require('./XHRExampleBinaryUpload');
-const XHRExampleFormData = require('./XHRExampleFormData');
-const XHRExampleHeaders = require('./XHRExampleHeaders');
+const XHRExampleDownload = require('./XHRExampleDownload');
 const XHRExampleFetch = require('./XHRExampleFetch');
+const XHRExampleHeaders = require('./XHRExampleHeaders');
 const XHRExampleOnTimeOut = require('./XHRExampleOnTimeOut');
-const XHRExampleAbortController = require('./XHRExampleAbortController');
 
 exports.framework = 'React';
 exports.title = 'XMLHttpRequest';
-exports.description =
-  'Example that demonstrates upload and download ' +
-  'requests using XMLHttpRequest.';
+exports.description = ('Example that demonstrates upload and download ' +
+  'requests using XMLHttpRequest.': string);
 exports.examples = [
   {
     title: 'File Download',
-    render() {
+    render(): React.Node {
       return <XHRExampleDownload />;
     },
   },
   {
     title: 'multipart/form-data Upload',
-    render() {
+    render(): React.Node {
       return <XHRExampleBinaryUpload />;
     },
   },
-  {
-    title: 'multipart/form-data Upload',
-    render() {
-      return <XHRExampleFormData />;
-    },
-  },
   {
     title: 'Fetch Test',
-    render() {
+    render(): React.Node {
       return <XHRExampleFetch />;
     },
   },
   {
     title: 'Headers',
-    render() {
+    render(): React.Node {
       return <XHRExampleHeaders />;
     },
   },
   {
     title: 'Time Out Test',
-    render() {
+    render(): React.Node {
       return <XHRExampleOnTimeOut />;
     },
   },
   {
     title: 'Abort Test',
-    render() {
+    render(): React.Node {
       return <XHRExampleAbortController />;
     },
   },
diff --git a/RNTester/js/XHRExampleAbortController.js b/RNTester/js/examples/XHR/XHRExampleAbortController.js
similarity index 98%
rename from RNTester/js/XHRExampleAbortController.js
rename to RNTester/js/examples/XHR/XHRExampleAbortController.js
index 2d7b41d23061f4..f869098cc3e38b 100644
--- a/RNTester/js/XHRExampleAbortController.js
+++ b/RNTester/js/examples/XHR/XHRExampleAbortController.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {Alert, Button, View} = require('react-native');
 
 class XHRExampleAbortController extends React.Component<{}, {}> {
@@ -35,7 +36,7 @@ class XHRExampleAbortController extends React.Component<{}, {}> {
     clearTimeout(this._timeout);
   }
 
-  render() {
+  render(): React.Node {
     return (
       <View>
         <Button
diff --git a/RNTester/js/XHRExampleBinaryUpload.js b/RNTester/js/examples/XHR/XHRExampleBinaryUpload.js
similarity index 96%
rename from RNTester/js/XHRExampleBinaryUpload.js
rename to RNTester/js/examples/XHR/XHRExampleBinaryUpload.js
index 59efcc192db182..962265116b187a 100644
--- a/RNTester/js/XHRExampleBinaryUpload.js
+++ b/RNTester/js/examples/XHR/XHRExampleBinaryUpload.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {
   Alert,
   Linking,
@@ -71,7 +72,9 @@ class XHRExampleBinaryUpload extends React.Component<{}, $FlowFixMeState> {
     Linking.openURL(url);
   }
 
-  state = {
+  state:
+    | $FlowFixMe
+    | $TEMPORARY$object<{|type: $TEMPORARY$string<'Uint8Array'>|}> = {
     type: 'Uint8Array',
   };
 
@@ -104,7 +107,7 @@ class XHRExampleBinaryUpload extends React.Component<{}, $FlowFixMeState> {
     xhr.send(new TypedArrayClass(arrayBuffer));
   };
 
-  render() {
+  render(): React.Node {
     return (
       <View>
         <Text>Upload 255 bytes as...</Text>
diff --git a/RNTester/js/XHRExampleDownload.js b/RNTester/js/examples/XHR/XHRExampleDownload.js
similarity index 99%
rename from RNTester/js/XHRExampleDownload.js
rename to RNTester/js/examples/XHR/XHRExampleDownload.js
index 530e552b737d6c..15bb9e3e30b2b1 100644
--- a/RNTester/js/XHRExampleDownload.js
+++ b/RNTester/js/examples/XHR/XHRExampleDownload.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {
   Alert,
   Platform,
@@ -142,7 +143,7 @@ class XHRExampleDownload extends React.Component<{}, Object> {
     this.xhr && this.xhr.abort();
   }
 
-  render() {
+  render(): React.Node {
     const button = this.state.downloading ? (
       <View style={styles.wrapper}>
         <View style={styles.button}>
diff --git a/RNTester/js/XHRExampleFetch.js b/RNTester/js/examples/XHR/XHRExampleFetch.js
similarity index 99%
rename from RNTester/js/XHRExampleFetch.js
rename to RNTester/js/examples/XHR/XHRExampleFetch.js
index d81275c775e52e..c9f4aa6bcafb8c 100644
--- a/RNTester/js/XHRExampleFetch.js
+++ b/RNTester/js/examples/XHR/XHRExampleFetch.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {StyleSheet, Text, TextInput, View, Platform} = require('react-native');
 
 class XHRExampleFetch extends React.Component<any, any> {
@@ -57,7 +58,7 @@ class XHRExampleFetch extends React.Component<any, any> {
     return responseHeaders;
   }
 
-  render() {
+  render(): React.Node {
     const responseURL = this.responseURL ? (
       <View style={{marginTop: 10}}>
         <Text style={styles.label}>Server response URL:</Text>
diff --git a/RNTester/js/XHRExampleHeaders.js b/RNTester/js/examples/XHR/XHRExampleHeaders.js
similarity index 100%
rename from RNTester/js/XHRExampleHeaders.js
rename to RNTester/js/examples/XHR/XHRExampleHeaders.js
diff --git a/RNTester/js/XHRExampleOnTimeOut.js b/RNTester/js/examples/XHR/XHRExampleOnTimeOut.js
similarity index 98%
rename from RNTester/js/XHRExampleOnTimeOut.js
rename to RNTester/js/examples/XHR/XHRExampleOnTimeOut.js
index dc25d4ef113c3a..e38f792ccd7f80 100644
--- a/RNTester/js/XHRExampleOnTimeOut.js
+++ b/RNTester/js/examples/XHR/XHRExampleOnTimeOut.js
@@ -11,6 +11,7 @@
 'use strict';
 
 const React = require('react');
+
 const {StyleSheet, Text, TouchableHighlight, View} = require('react-native');
 
 class XHRExampleOnTimeOut extends React.Component<any, any> {
@@ -58,7 +59,7 @@ class XHRExampleOnTimeOut extends React.Component<any, any> {
     this.xhr && this.xhr.abort();
   }
 
-  render() {
+  render(): React.Node {
     const button = this.state.loading ? (
       <View style={styles.wrapper}>
         <View style={styles.button}>
diff --git a/RNTester/js/Shared/RNTesterTypes.js b/RNTester/js/types/RNTesterTypes.js
similarity index 90%
rename from RNTester/js/Shared/RNTesterTypes.js
rename to RNTester/js/types/RNTesterTypes.js
index 815802df6ff4df..6b3ec3cb350a41 100644
--- a/RNTester/js/Shared/RNTesterTypes.js
+++ b/RNTester/js/types/RNTesterTypes.js
@@ -26,7 +26,7 @@ export type RNTesterProps = $ReadOnly<{|
 
 export type RNTesterExampleModuleItem = $ReadOnly<{|
   title: string,
-  platform?: string | Array<string>,
+  platform?: string | Array<string>, // TODO(macOS ISS#2323203)
   description?: string,
   render: () => React.Node,
 |}>;
@@ -37,6 +37,7 @@ export type RNTesterExampleModule = $ReadOnly<{|
   displayName?: ?string,
   framework?: string,
   examples: Array<RNTesterExampleModuleItem>,
+  simpleExampleContainer?: ?boolean,
 |}>;
 
 export type RNTesterExample = $ReadOnly<{|
diff --git a/RNTester/js/RNTesterActions.js b/RNTester/js/utils/RNTesterActions.js
similarity index 100%
rename from RNTester/js/RNTesterActions.js
rename to RNTester/js/utils/RNTesterActions.js
diff --git a/RNTester/js/utils/RNTesterList.android.js b/RNTester/js/utils/RNTesterList.android.js
new file mode 100644
index 00000000000000..1307335996de32
--- /dev/null
+++ b/RNTester/js/utils/RNTesterList.android.js
@@ -0,0 +1,241 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {RNTesterExample} from '../types/RNTesterTypes';
+
+const ComponentExamples: Array<RNTesterExample> = [
+  {
+    key: 'ActivityIndicatorExample',
+    module: require('../examples/ActivityIndicator/ActivityIndicatorExample'),
+  },
+  {
+    key: 'ButtonExample',
+    module: require('../examples/Button/ButtonExample'),
+  },
+  {
+    key: 'CheckBoxExample',
+    module: require('../examples/CheckBox/CheckBoxExample'),
+  },
+  {
+    key: 'FlatListExample',
+    module: require('../examples/FlatList/FlatListExample'),
+  },
+  {
+    key: 'ImageExample',
+    module: require('../examples/Image/ImageExample'),
+  },
+  {
+    key: 'JSResponderHandlerExample',
+    module: require('../examples/JSResponderHandlerExample/JSResponderHandlerExample'),
+  },
+  {
+    key: 'KeyboardAvoidingViewExample',
+    module: require('../examples/KeyboardAvoidingView/KeyboardAvoidingViewExample'),
+  },
+  {
+    key: 'ModalExample',
+    module: require('../examples/Modal/ModalExample'),
+  },
+  {
+    key: 'MultiColumnExample',
+    module: require('../examples/MultiColumn/MultiColumnExample'),
+  },
+  {
+    key: 'NewAppScreenExample',
+    module: require('../examples/NewAppScreen/NewAppScreenExample'),
+  },
+  {
+    key: 'PickerExample',
+    module: require('../examples/Picker/PickerExample'),
+  },
+  {
+    key: 'ProgressBarAndroidExample',
+    module: require('../examples/ProgressBarAndroid/ProgressBarAndroidExample'),
+  },
+  {
+    key: 'RefreshControlExample',
+    module: require('../examples/RefreshControl/RefreshControlExample'),
+  },
+  {
+    key: 'ScrollViewExample',
+    module: require('../examples/ScrollView/ScrollViewExample'),
+  },
+  {
+    key: 'ScrollViewSimpleExample',
+    module: require('../examples/ScrollView/ScrollViewSimpleExample'),
+  },
+  {
+    key: 'ScrollViewAnimatedExample',
+    module: require('../examples/ScrollView/ScrollViewAnimatedExample'),
+  },
+  {
+    key: 'SectionListExample',
+    module: require('../examples/SectionList/SectionListExample'),
+  },
+  {
+    key: 'SliderExample',
+    module: require('../examples/Slider/SliderExample'),
+  },
+  {
+    key: 'StatusBarExample',
+    module: require('../examples/StatusBar/StatusBarExample'),
+  },
+  {
+    key: 'SwitchExample',
+    module: require('../examples/Switch/SwitchExample'),
+  },
+  {
+    key: 'TextExample',
+    module: require('../examples/Text/TextExample'),
+  },
+  {
+    key: 'TextInputExample',
+    module: require('../examples/TextInput/TextInputExample'),
+  },
+  {
+    key: 'TouchableExample',
+    module: require('../examples/Touchable/TouchableExample'),
+  },
+  {
+    key: 'ViewExample',
+    module: require('../examples/View/ViewExample'),
+  },
+];
+
+const APIExamples: Array<RNTesterExample> = [
+  {
+    key: 'AccessibilityExample',
+    module: require('../examples/Accessibility/AccessibilityExample'),
+  },
+  {
+    key: 'AccessibilityAndroidExample',
+    module: require('../examples/Accessibility/AccessibilityAndroidExample'),
+  },
+  {
+    key: 'AlertExample',
+    module: require('../examples/Alert/AlertExample').AlertExample,
+  },
+  {
+    key: 'AnimatedExample',
+    module: require('../examples/Animated/AnimatedExample'),
+  },
+  {
+    key: 'AppStateExample',
+    module: require('../examples/AppState/AppStateExample'),
+  },
+  {
+    key: 'BorderExample',
+    module: require('../examples/Border/BorderExample'),
+  },
+  {
+    key: 'ClipboardExample',
+    module: require('../examples/Clipboard/ClipboardExample'),
+  },
+  {
+    key: 'CrashExample',
+    module: require('../examples/Crash/CrashExample'),
+  },
+  {
+    key: 'DatePickerAndroidExample',
+    module: require('../examples/DatePicker/DatePickerAndroidExample'),
+  },
+  {
+    key: 'Dimensions',
+    module: require('../examples/Dimensions/DimensionsExample'),
+  },
+  {
+    key: 'LayoutEventsExample',
+    module: require('../examples/Layout/LayoutEventsExample'),
+  },
+  {
+    key: 'LinkingExample',
+    module: require('../examples/Linking/LinkingExample'),
+  },
+  {
+    key: 'LayoutAnimationExample',
+    module: require('../examples/Layout/LayoutAnimationExample'),
+  },
+  {
+    key: 'LayoutExample',
+    module: require('../examples/Layout/LayoutExample'),
+  },
+  {
+    key: 'NativeAnimationsExample',
+    module: require('../examples/NativeAnimation/NativeAnimationsExample'),
+  },
+  {
+    key: 'OrientationChangeExample',
+    module: require('../examples/OrientationChange/OrientationChangeExample'),
+  },
+  {
+    key: 'PanResponderExample',
+    module: require('../examples/PanResponder/PanResponderExample'),
+  },
+  {
+    key: 'PermissionsExampleAndroid',
+    module: require('../examples/PermissionsAndroid/PermissionsExample'),
+  },
+  {
+    key: 'PointerEventsExample',
+    module: require('../examples/PointerEvents/PointerEventsExample'),
+  },
+  {
+    key: 'RTLExample',
+    module: require('../examples/RTL/RTLExample'),
+  },
+  {
+    key: 'ShareExample',
+    module: require('../examples/Share/ShareExample'),
+  },
+  {
+    key: 'TimePickerAndroidExample',
+    module: require('../examples/TimePicker/TimePickerAndroidExample'),
+  },
+  {
+    key: 'TimerExample',
+    module: require('../examples/Timer/TimerExample'),
+  },
+  {
+    key: 'ToastAndroidExample',
+    module: require('../examples/ToastAndroid/ToastAndroidExample'),
+  },
+  {
+    key: 'TransformExample',
+    module: require('../examples/Transform/TransformExample'),
+  },
+  {
+    key: 'VibrationExample',
+    module: require('../examples/Vibration/VibrationExample'),
+  },
+  {
+    key: 'WebSocketExample',
+    module: require('../examples/WebSocket/WebSocketExample'),
+  },
+  {
+    key: 'XHRExample',
+    module: require('../examples/XHR/XHRExample'),
+  },
+];
+
+const Modules = {};
+
+APIExamples.concat(ComponentExamples).forEach(Example => {
+  Modules[Example.key] = Example.module;
+});
+
+const RNTesterList = {
+  APIExamples,
+  ComponentExamples,
+  Modules,
+};
+
+module.exports = RNTesterList;
diff --git a/RNTester/js/RNTesterList.ios.js b/RNTester/js/utils/RNTesterList.ios.js
similarity index 50%
rename from RNTester/js/RNTesterList.ios.js
rename to RNTester/js/utils/RNTesterList.ios.js
index cbee3a3a5dbaad..86d56b9d51571f 100644
--- a/RNTester/js/RNTesterList.ios.js
+++ b/RNTester/js/utils/RNTesterList.ios.js
@@ -10,168 +10,178 @@
 
 'use strict';
 
-import type {RNTesterExample} from './Shared/RNTesterTypes';
+import type {RNTesterExample} from '../types/RNTesterTypes';
 
 const ComponentExamples: Array<RNTesterExample> = [
   {
     key: 'ActivityIndicatorExample',
-    module: require('./ActivityIndicatorExample'),
+    module: require('../examples/ActivityIndicator/ActivityIndicatorExample'),
     supportsTVOS: true,
   },
   {
     key: 'ARTExample',
-    module: require('./ARTExample'),
+    module: require('../examples/ART/ARTExample'),
     supportsTVOS: true,
   },
   {
     key: 'ButtonExample',
-    module: require('./ButtonExample'),
+    module: require('../examples/Button/ButtonExample'),
     supportsTVOS: true,
   },
+  // [TODO(OSS Candidate ISS#2710739)
   {
     key: 'DarkModeExample',
-    module: require('./DarkModeExample'),
+    module: require('../examples/DarkModeExample/DarkModeExample'),
     supportsTVOS: false,
-  },
+  }, // ]TODO(OSS Candidate ISS#2710739)
   {
     key: 'DatePickerIOSExample',
-    module: require('./DatePickerIOSExample'),
+    module: require('../examples/DatePicker/DatePickerIOSExample'),
     supportsTVOS: false,
   },
   {
     key: 'FlatListExample',
-    module: require('./FlatListExample'),
+    module: require('../examples/FlatList/FlatListExample'),
     supportsTVOS: true,
   },
   // [TODO(OSS Candidate ISS#2710739)
   {
     key: 'FocusEvents',
-    module: require('./FocusEventsExample'),
+    module: require('../examples/FocusEventsExample/FocusEventsExample'),
     supportsTVOS: true,
   }, // ]TODO(OSS Candidate ISS#2710739)
   {
     key: 'ImageExample',
-    module: require('./ImageExample'),
+    module: require('../examples/Image/ImageExample'),
     supportsTVOS: true,
   },
+  {
+    key: 'JSResponderHandlerExample',
+    module: require('../examples/JSResponderHandlerExample/JSResponderHandlerExample'),
+  },
   {
     key: 'InputAccessoryViewExample',
-    module: require('./InputAccessoryViewExample'),
+    module: require('../examples/InputAccessoryView/InputAccessoryViewExample'),
     supportsTVOS: true,
   },
   {
     key: 'KeyboardAvoidingViewExample',
-    module: require('./KeyboardAvoidingViewExample'),
+    module: require('../examples/KeyboardAvoidingView/KeyboardAvoidingViewExample'),
     supportsTVOS: false,
   },
   {
     key: 'LayoutEventsExample',
-    module: require('./LayoutEventsExample'),
+    module: require('../examples/Layout/LayoutEventsExample'),
     supportsTVOS: true,
   },
   {
     key: 'MaskedViewExample',
-    module: require('./MaskedViewExample'),
+    module: require('../examples/MaskedView/MaskedViewExample'),
     supportsTVOS: true,
   },
   {
     key: 'ModalExample',
-    module: require('./ModalExample'),
+    module: require('../examples/Modal/ModalExample'),
     supportsTVOS: true,
   },
   {
     key: 'MultiColumnExample',
-    module: require('./MultiColumnExample'),
+    module: require('../examples/MultiColumn/MultiColumnExample'),
     supportsTVOS: true,
   },
   {
     key: 'NewAppScreenExample',
-    module: require('./NewAppScreenExample'),
+    module: require('../examples/NewAppScreen/NewAppScreenExample'),
     supportsTVOS: false,
   },
   {
     key: 'PickerExample',
-    module: require('./PickerExample'),
+    module: require('../examples/Picker/PickerExample'),
     supportsTVOS: false,
   },
   {
     key: 'PickerIOSExample',
-    module: require('./PickerIOSExample'),
+    module: require('../examples/Picker/PickerIOSExample'),
     supportsTVOS: false,
   },
   {
     key: 'ProgressViewIOSExample',
-    module: require('./ProgressViewIOSExample'),
+    module: require('../examples/ProgressViewIOS/ProgressViewIOSExample'),
     supportsTVOS: true,
   },
   {
     key: 'RefreshControlExample',
-    module: require('./RefreshControlExample'),
+    module: require('../examples/RefreshControl/RefreshControlExample'),
     supportsTVOS: false,
   },
   {
     key: 'ScrollViewSimpleExample',
-    module: require('./ScrollViewSimpleExample'),
+    module: require('../examples/ScrollView/ScrollViewSimpleExample'),
     supportsTVOS: true,
   },
   {
     key: 'SafeAreaViewExample',
-    module: require('./SafeAreaViewExample'),
+    module: require('../examples/SafeAreaView/SafeAreaViewExample'),
     supportsTVOS: true,
   },
   {
     key: 'ScrollViewExample',
-    module: require('./ScrollViewExample'),
+    module: require('../examples/ScrollView/ScrollViewExample'),
+    supportsTVOS: true,
+  },
+  {
+    key: 'ScrollViewAnimatedExample',
+    module: require('../examples/ScrollView/ScrollViewAnimatedExample'),
     supportsTVOS: true,
   },
   {
     key: 'SectionListExample',
-    module: require('./SectionListExample'),
+    module: require('../examples/SectionList/SectionListExample'),
     supportsTVOS: true,
   },
   {
     key: 'SegmentedControlIOSExample',
-    module: require('./SegmentedControlIOSExample'),
+    module: require('../examples/SegmentedControlIOS/SegmentedControlIOSExample'),
     supportsTVOS: false,
   },
   {
     key: 'SliderExample',
-    module: require('./SliderExample'),
+    module: require('../examples/Slider/SliderExample'),
     supportsTVOS: false,
   },
   {
     key: 'StatusBarExample',
-    module: require('./StatusBarExample'),
+    module: require('../examples/StatusBar/StatusBarExample'),
     supportsTVOS: false,
   },
   {
     key: 'SwitchExample',
-    module: require('./SwitchExample'),
+    module: require('../examples/Switch/SwitchExample'),
     supportsTVOS: false,
   },
   {
     key: 'TextExample',
-    module: require('./TextExample.ios'),
+    module: require('../examples/Text/TextExample.ios'),
     supportsTVOS: true,
   },
   {
     key: 'TextInputExample',
-    module: require('./TextInputExample.ios'),
+    module: require('../examples/TextInput/TextInputExample.ios'),
     supportsTVOS: true,
   },
   {
     key: 'TouchableExample',
-    module: require('./TouchableExample'),
+    module: require('../examples/Touchable/TouchableExample'),
     supportsTVOS: true,
   },
   {
     key: 'TransparentHitTestExample',
-    module: require('./TransparentHitTestExample'),
+    module: require('../examples/TransparentHitTest/TransparentHitTestExample'),
     supportsTVOS: false,
   },
   {
     key: 'ViewExample',
-    module: require('./ViewExample'),
+    module: require('../examples/View/ViewExample'),
     supportsTVOS: true,
   },
 ];
@@ -179,177 +189,167 @@ const ComponentExamples: Array<RNTesterExample> = [
 const APIExamples: Array<RNTesterExample> = [
   {
     key: 'AccessibilityExample',
-    module: require('./AccessibilityExample'),
+    module: require('../examples/Accessibility/AccessibilityExample'),
     supportsTVOS: false,
   },
   {
     key: 'AccessibilityIOSExample',
-    module: require('./AccessibilityIOSExample'),
+    module: require('../examples/Accessibility/AccessibilityIOSExample'),
     supportsTVOS: false,
   },
   {
     key: 'ActionSheetIOSExample',
-    module: require('./ActionSheetIOSExample'),
+    module: require('../examples/ActionSheetIOS/ActionSheetIOSExample'),
     supportsTVOS: true,
   },
   {
     key: 'AlertIOSExample',
-    module: require('./AlertIOSExample'),
+    module: require('../examples/Alert/AlertIOSExample'),
     supportsTVOS: true,
   },
   {
     key: 'AnimatedExample',
-    module: require('./AnimatedExample'),
+    module: require('../examples/Animated/AnimatedExample'),
     supportsTVOS: true,
   },
   {
     key: 'AnExApp',
-    module: require('./AnimatedGratuitousApp/AnExApp'),
+    module: require('../examples/Animated/AnimatedGratuitousApp/AnExApp'),
     supportsTVOS: true,
   },
   {
     key: 'AppStateExample',
-    module: require('./AppStateExample'),
+    module: require('../examples/AppState/AppStateExample'),
     supportsTVOS: true,
   },
   {
     key: 'AsyncStorageExample',
-    module: require('./AsyncStorageExample'),
+    module: require('../examples/AsyncStorage/AsyncStorageExample'),
     supportsTVOS: true,
   },
   {
     key: 'BorderExample',
-    module: require('./BorderExample'),
+    module: require('../examples/Border/BorderExample'),
     supportsTVOS: true,
   },
   {
     key: 'BoxShadowExample',
-    module: require('./BoxShadowExample'),
+    module: require('../examples/BoxShadow/BoxShadowExample'),
     supportsTVOS: true,
   },
-  {
-    key: 'CameraRollExample',
-    module: require('./CameraRollExample'),
-    supportsTVOS: false,
-  },
   {
     key: 'ClipboardExample',
-    module: require('./ClipboardExample'),
+    module: require('../examples/Clipboard/ClipboardExample'),
     supportsTVOS: false,
   },
   {
     key: 'CrashExample',
-    module: require('./CrashExample'),
+    module: require('../examples/Crash/CrashExample'),
     supportsTVOS: false,
   },
   {
     key: 'Dimensions',
-    module: require('./DimensionsExample'),
+    module: require('../examples/Dimensions/DimensionsExample'),
     supportsTVOS: true,
   },
-  {
-    key: 'ImageEditingExample',
-    module: require('./ImageEditingExample'),
-    supportsTVOS: false,
-  },
   {
     key: 'LayoutAnimationExample',
-    module: require('./LayoutAnimationExample'),
+    module: require('../examples/Layout/LayoutAnimationExample'),
     supportsTVOS: true,
   },
   {
     key: 'LayoutExample',
-    module: require('./LayoutExample'),
+    module: require('../examples/Layout/LayoutExample'),
     supportsTVOS: true,
   },
   {
     key: 'LinkingExample',
-    module: require('./LinkingExample'),
+    module: require('../examples/Linking/LinkingExample'),
     supportsTVOS: true,
   },
   {
     key: 'NativeAnimationsExample',
-    module: require('./NativeAnimationsExample'),
+    module: require('../examples/NativeAnimation/NativeAnimationsExample'),
     supportsTVOS: true,
   },
   {
     key: 'OrientationChangeExample',
-    module: require('./OrientationChangeExample'),
+    module: require('../examples/OrientationChange/OrientationChangeExample'),
     supportsTVOS: false,
   },
   {
     key: 'PanResponderExample',
-    module: require('./PanResponderExample'),
+    module: require('../examples/PanResponder/PanResponderExample'),
     supportsTVOS: false,
   },
   {
     key: 'PointerEventsExample',
-    module: require('./PointerEventsExample'),
+    module: require('../examples/PointerEvents/PointerEventsExample'),
     supportsTVOS: false,
   },
   {
     key: 'PushNotificationIOSExample',
-    module: require('./PushNotificationIOSExample'),
+    module: require('../examples/PushNotificationIOS/PushNotificationIOSExample'),
     supportsTVOS: false,
   },
   {
     key: 'RCTRootViewIOSExample',
-    module: require('./RCTRootViewIOSExample'),
+    module: require('../examples/RCTRootView/RCTRootViewIOSExample'),
     supportsTVOS: true,
   },
   {
     key: 'RTLExample',
-    module: require('./RTLExample'),
+    module: require('../examples/RTL/RTLExample'),
     supportsTVOS: true,
   },
   {
     key: 'ShareExample',
-    module: require('./ShareExample'),
+    module: require('../examples/Share/ShareExample'),
     supportsTVOS: true,
   },
   {
     key: 'SnapshotExample',
-    module: require('./SnapshotExample'),
+    module: require('../examples/Snapshot/SnapshotExample'),
     supportsTVOS: true,
   },
   {
     key: 'TimerExample',
-    module: require('./TimerExample'),
+    module: require('../examples/Timer/TimerExample'),
     supportsTVOS: true,
   },
   {
     key: 'TransformExample',
-    module: require('./TransformExample'),
+    module: require('../examples/Transform/TransformExample'),
     supportsTVOS: true,
   },
   {
     key: 'TurboModuleExample',
-    module: require('./TurboModuleExample'),
+    module: require('../examples/TurboModule/TurboModuleExample'),
     supportsTVOS: false,
   },
   {
     key: 'TVEventHandlerExample',
-    module: require('./TVEventHandlerExample'),
+    module: require('../examples/TVEventHandler/TVEventHandlerExample'),
     supportsTVOS: true,
   },
   {
     key: 'VibrationExample',
-    module: require('./VibrationExample'),
+    module: require('../examples/Vibration/VibrationExample'),
     supportsTVOS: false,
   },
   {
     key: 'WebSocketExample',
-    module: require('./WebSocketExample'),
+    module: require('../examples/WebSocket/WebSocketExample'),
     supportsTVOS: true,
   },
   {
     key: 'XHRExample',
-    module: require('./XHRExample'),
+    module: require('../examples/XHR/XHRExample'),
     supportsTVOS: true,
   },
 ];
 
-const Modules = {};
+const Modules: $TEMPORARY$object<{||}> = {};
 
 APIExamples.concat(ComponentExamples).forEach(Example => {
   Modules[Example.key] = Example.module;
diff --git a/RNTester/js/RNTesterList.macos.js b/RNTester/js/utils/RNTesterList.macos.js
similarity index 51%
rename from RNTester/js/RNTesterList.macos.js
rename to RNTester/js/utils/RNTesterList.macos.js
index c0b62fb568eaed..b7ee1c88bfa4b9 100644
--- a/RNTester/js/RNTesterList.macos.js
+++ b/RNTester/js/utils/RNTesterList.macos.js
@@ -10,176 +10,185 @@
 
 'use strict';
 
-import type {RNTesterExample} from './Shared/RNTesterTypes';
+import type {RNTesterExample} from '../types/RNTesterTypes';
 
 const ComponentExamples: Array<RNTesterExample> = [
   {
     key: 'ActivityIndicatorExample',
-    module: require('./ActivityIndicatorExample'),
+    module: require('../examples/ActivityIndicator/ActivityIndicatorExample'),
     supportsTVOS: true,
   },
   {
     key: 'ARTExample',
-    module: require('./ARTExample'),
+    module: require('../examples/ART/ARTExample'),
     supportsTVOS: true,
   },
   {
     key: 'ButtonExample',
-    module: require('./ButtonExample'),
+    module: require('../examples/Button/ButtonExample'),
     supportsTVOS: true,
   },
   {
     key: 'DarkModeExample',
-    module: require('./DarkModeExample'),
+    module: require('../examples/DarkModeExample/DarkModeExample'),
     supportsTVOS: false,
   },
   {
     key: 'DatePickerIOSExample',
-    module: require('./DatePickerIOSExample'),
+    module: require('../examples/DatePicker/DatePickerIOSExample'),
     supportsTVOS: false,
   },
   // [TODO(OSS Candidate ISS#2710739)
   {
     key: 'DatePickerMacOSExample',
-    module: require('./DatePickerMacOSExample'),
+    module: require('../examples/DatePicker/DatePickerMacOSExample'),
     supportsTVOS: false,
   }, // ]TODO(OSS Candidate ISS#2710739)
   {
     key: 'FlatListExample',
-    module: require('./FlatListExample'),
+    module: require('../examples/FlatList/FlatListExample'),
     supportsTVOS: true,
   },
   // [TODO(OSS Candidate ISS#2710739)
   {
     key: 'FocusEvents',
-    module: require('./FocusEventsExample'),
+    module: require('../examples/FocusEventsExample/FocusEventsExample'),
     supportsTVOS: true,
   }, // ]TODO(OSS Candidate ISS#2710739)
   {
     key: 'ImageExample',
-    module: require('./ImageExample'),
+    module: require('../examples/Image/ImageExample'),
     supportsTVOS: true,
   },
+  {
+    key: 'JSResponderHandlerExample',
+    module: require('../examples/JSResponderHandlerExample/JSResponderHandlerExample'),
+  },
   {
     key: 'InputAccessoryViewExample',
-    module: require('./InputAccessoryViewExample'),
+    module: require('../examples/InputAccessoryView/InputAccessoryViewExample'),
     supportsTVOS: true,
   },
   {
     key: 'KeyboardAvoidingViewExample',
-    module: require('./KeyboardAvoidingViewExample'),
+    module: require('../examples/KeyboardAvoidingView/KeyboardAvoidingViewExample'),
     supportsTVOS: false,
   },
   {
     key: 'LayoutEventsExample',
-    module: require('./LayoutEventsExample'),
+    module: require('../examples/Layout/LayoutEventsExample'),
     supportsTVOS: true,
   },
   {
     key: 'MaskedViewExample',
-    module: require('./MaskedViewExample'),
+    module: require('../examples/MaskedView/MaskedViewExample'),
     supportsTVOS: true,
   },
   {
     key: 'ModalExample',
-    module: require('./ModalExample'),
+    module: require('../examples/Modal/ModalExample'),
     supportsTVOS: true,
   },
   {
     key: 'MultiColumnExample',
-    module: require('./MultiColumnExample'),
+    module: require('../examples/MultiColumn/MultiColumnExample'),
     supportsTVOS: true,
   },
   {
     key: 'NewAppScreenExample',
-    module: require('./NewAppScreenExample'),
+    module: require('../examples/NewAppScreen/NewAppScreenExample'),
     supportsTVOS: false,
   },
   {
     key: 'PickerExample',
-    module: require('./PickerExample'),
+    module: require('../examples/Picker/PickerExample'),
     supportsTVOS: false,
   },
   {
     key: 'PickerIOSExample',
-    module: require('./PickerIOSExample'),
+    module: require('../examples/Picker/PickerIOSExample'),
     supportsTVOS: false,
   },
   {
     key: 'ProgressViewIOSExample',
-    module: require('./ProgressViewIOSExample'),
+    module: require('../examples/ProgressViewIOS/ProgressViewIOSExample'),
     supportsTVOS: true,
   },
   {
     key: 'RefreshControlExample',
-    module: require('./RefreshControlExample'),
+    module: require('../examples/RefreshControl/RefreshControlExample'),
     supportsTVOS: false,
   },
   {
     key: 'ScrollViewSimpleExample',
-    module: require('./ScrollViewSimpleExample'),
+    module: require('../examples/ScrollView/ScrollViewSimpleExample'),
     supportsTVOS: true,
   },
   {
     key: 'SafeAreaViewExample',
-    module: require('./SafeAreaViewExample'),
+    module: require('../examples/SafeAreaView/SafeAreaViewExample'),
     supportsTVOS: true,
   },
   {
     key: 'ScrollViewExample',
-    module: require('./ScrollViewExample'),
+    module: require('../examples/ScrollView/ScrollViewExample'),
+    supportsTVOS: true,
+  },
+  {
+    key: 'ScrollViewAnimatedExample',
+    module: require('../examples/ScrollView/ScrollViewAnimatedExample'),
     supportsTVOS: true,
   },
   {
     key: 'SectionListExample',
-    module: require('./SectionListExample'),
+    module: require('../examples/SectionList/SectionListExample'),
     supportsTVOS: true,
   },
   {
     key: 'SegmentedControlIOSExample',
-    module: require('./SegmentedControlIOSExample'),
+    module: require('../examples/SegmentedControlIOS/SegmentedControlIOSExample'),
     supportsTVOS: false,
   },
   {
     key: 'SliderExample',
-    module: require('./SliderExample'),
+    module: require('../examples/Slider/SliderExample'),
     supportsTVOS: false,
   },
   {
     key: 'StatusBarExample',
-    module: require('./StatusBarExample'),
+    module: require('../examples/StatusBar/StatusBarExample'),
     supportsTVOS: false,
   },
   {
     key: 'SwitchExample',
-    module: require('./SwitchExample'),
+    module: require('../examples/Switch/SwitchExample'),
     supportsTVOS: false,
   },
   {
     key: 'TextExample',
     /* $FlowFixMe allow macOS to share iOS test */
-    module: require('./TextExample.ios'),
+    module: require('../examples/Text/TextExample.ios'),
     supportsTVOS: true,
   },
   {
     key: 'TextInputExample',
     /* $FlowFixMe allow macOS to share iOS test */
-    module: require('./TextInputExample.ios'),
+    module: require('../examples/TextInput/TextInputExample.ios'),
     supportsTVOS: true,
   },
   {
     key: 'TouchableExample',
-    module: require('./TouchableExample'),
+    module: require('../examples/Touchable/TouchableExample'),
     supportsTVOS: true,
   },
   {
     key: 'TransparentHitTestExample',
-    module: require('./TransparentHitTestExample'),
+    module: require('../examples/TransparentHitTest/TransparentHitTestExample'),
     supportsTVOS: false,
   },
   {
     key: 'ViewExample',
-    module: require('./ViewExample'),
+    module: require('../examples/View/ViewExample'),
     supportsTVOS: true,
   },
 ];
@@ -187,177 +196,167 @@ const ComponentExamples: Array<RNTesterExample> = [
 const APIExamples: Array<RNTesterExample> = [
   {
     key: 'AccessibilityExample',
-    module: require('./AccessibilityExample'),
+    module: require('../examples/Accessibility/AccessibilityExample'),
     supportsTVOS: false,
   },
   {
     key: 'AccessibilityIOSExample',
-    module: require('./AccessibilityIOSExample'),
+    module: require('../examples/Accessibility/AccessibilityIOSExample'),
     supportsTVOS: false,
   },
   {
     key: 'ActionSheetIOSExample',
-    module: require('./ActionSheetIOSExample'),
+    module: require('../examples/ActionSheetIOS/ActionSheetIOSExample'),
     supportsTVOS: true,
   },
   {
     key: 'AlertIOSExample',
-    module: require('./AlertIOSExample'),
+    module: require('../examples/Alert/AlertIOSExample'),
     supportsTVOS: true,
   },
   {
     key: 'AnimatedExample',
-    module: require('./AnimatedExample'),
+    module: require('../examples/Animated/AnimatedExample'),
     supportsTVOS: true,
   },
   {
     key: 'AnExApp',
-    module: require('./AnimatedGratuitousApp/AnExApp'),
+    module: require('../examples/Animated/AnimatedGratuitousApp/AnExApp'),
     supportsTVOS: true,
   },
   {
     key: 'AppStateExample',
-    module: require('./AppStateExample'),
+    module: require('../examples/AppState/AppStateExample'),
     supportsTVOS: true,
   },
   {
     key: 'AsyncStorageExample',
-    module: require('./AsyncStorageExample'),
+    module: require('../examples/AsyncStorage/AsyncStorageExample'),
     supportsTVOS: true,
   },
   {
     key: 'BorderExample',
-    module: require('./BorderExample'),
+    module: require('../examples/Border/BorderExample'),
     supportsTVOS: true,
   },
   {
     key: 'BoxShadowExample',
-    module: require('./BoxShadowExample'),
+    module: require('../examples/BoxShadow/BoxShadowExample'),
     supportsTVOS: true,
   },
-  {
-    key: 'CameraRollExample',
-    module: require('./CameraRollExample'),
-    supportsTVOS: false,
-  },
   {
     key: 'ClipboardExample',
-    module: require('./ClipboardExample'),
+    module: require('../examples/Clipboard/ClipboardExample'),
     supportsTVOS: false,
   },
   {
     key: 'CrashExample',
-    module: require('./CrashExample'),
+    module: require('../examples/Crash/CrashExample'),
     supportsTVOS: false,
   },
   {
     key: 'Dimensions',
-    module: require('./DimensionsExample'),
+    module: require('../examples/Dimensions/DimensionsExample'),
     supportsTVOS: true,
   },
-  {
-    key: 'ImageEditingExample',
-    module: require('./ImageEditingExample'),
-    supportsTVOS: false,
-  },
   {
     key: 'LayoutAnimationExample',
-    module: require('./LayoutAnimationExample'),
+    module: require('../examples/Layout/LayoutAnimationExample'),
     supportsTVOS: true,
   },
   {
     key: 'LayoutExample',
-    module: require('./LayoutExample'),
+    module: require('../examples/Layout/LayoutExample'),
     supportsTVOS: true,
   },
   {
     key: 'LinkingExample',
-    module: require('./LinkingExample'),
+    module: require('../examples/Linking/LinkingExample'),
     supportsTVOS: true,
   },
   {
     key: 'NativeAnimationsExample',
-    module: require('./NativeAnimationsExample'),
+    module: require('../examples/NativeAnimation/NativeAnimationsExample'),
     supportsTVOS: true,
   },
   {
     key: 'OrientationChangeExample',
-    module: require('./OrientationChangeExample'),
+    module: require('../examples/OrientationChange/OrientationChangeExample'),
     supportsTVOS: false,
   },
   {
     key: 'PanResponderExample',
-    module: require('./PanResponderExample'),
+    module: require('../examples/PanResponder/PanResponderExample'),
     supportsTVOS: false,
   },
   {
     key: 'PointerEventsExample',
-    module: require('./PointerEventsExample'),
+    module: require('../examples/PointerEvents/PointerEventsExample'),
     supportsTVOS: false,
   },
   {
     key: 'PushNotificationIOSExample',
-    module: require('./PushNotificationIOSExample'),
+    module: require('../examples/PushNotificationIOS/PushNotificationIOSExample'),
     supportsTVOS: false,
   },
   {
     key: 'RCTRootViewIOSExample',
-    module: require('./RCTRootViewIOSExample'),
+    module: require('../examples/RCTRootView/RCTRootViewIOSExample'),
     supportsTVOS: true,
   },
   {
     key: 'RTLExample',
-    module: require('./RTLExample'),
+    module: require('../examples/RTL/RTLExample'),
     supportsTVOS: true,
   },
   {
     key: 'ShareExample',
-    module: require('./ShareExample'),
+    module: require('../examples/Share/ShareExample'),
     supportsTVOS: true,
   },
   {
     key: 'SnapshotExample',
-    module: require('./SnapshotExample'),
+    module: require('../examples/Snapshot/SnapshotExample'),
     supportsTVOS: true,
   },
   {
     key: 'TimerExample',
-    module: require('./TimerExample'),
+    module: require('../examples/Timer/TimerExample'),
     supportsTVOS: true,
   },
   {
     key: 'TransformExample',
-    module: require('./TransformExample'),
+    module: require('../examples/Transform/TransformExample'),
     supportsTVOS: true,
   },
   {
     key: 'TurboModuleExample',
-    module: require('./TurboModuleExample'),
+    module: require('../examples/TurboModule/TurboModuleExample'),
     supportsTVOS: false,
   },
   {
     key: 'TVEventHandlerExample',
-    module: require('./TVEventHandlerExample'),
+    module: require('../examples/TVEventHandler/TVEventHandlerExample'),
     supportsTVOS: true,
   },
   {
     key: 'VibrationExample',
-    module: require('./VibrationExample'),
+    module: require('../examples/Vibration/VibrationExample'),
     supportsTVOS: false,
   },
   {
     key: 'WebSocketExample',
-    module: require('./WebSocketExample'),
+    module: require('../examples/WebSocket/WebSocketExample'),
     supportsTVOS: true,
   },
   {
     key: 'XHRExample',
-    module: require('./XHRExample'),
+    module: require('../examples/XHR/XHRExample'),
     supportsTVOS: true,
   },
 ];
 
-const Modules = {};
+const Modules: $TEMPORARY$object<{||}> = {};
 
 APIExamples.concat(ComponentExamples).forEach(Example => {
   Modules[Example.key] = Example.module;
diff --git a/RNTester/js/RNTesterNavigationReducer.js b/RNTester/js/utils/RNTesterNavigationReducer.js
similarity index 93%
rename from RNTester/js/RNTesterNavigationReducer.js
rename to RNTester/js/utils/RNTesterNavigationReducer.js
index a7b68d6bc9b68d..b406eabcf3a660 100644
--- a/RNTester/js/RNTesterNavigationReducer.js
+++ b/RNTester/js/utils/RNTesterNavigationReducer.js
@@ -10,7 +10,6 @@
 
 'use strict';
 
-// $FlowFixMe : This is a platform-forked component, and flow seems to only run on iOS?
 const RNTesterList = require('./RNTesterList');
 
 export type RNTesterNavigationState = {
diff --git a/RNTester/js/RNTesterStatePersister.js b/RNTester/js/utils/RNTesterStatePersister.js
similarity index 100%
rename from RNTester/js/RNTesterStatePersister.js
rename to RNTester/js/utils/RNTesterStatePersister.js
diff --git a/RNTester/js/URIActionMap.js b/RNTester/js/utils/URIActionMap.js
similarity index 93%
rename from RNTester/js/URIActionMap.js
rename to RNTester/js/utils/URIActionMap.js
index 3dba73d27bf8ca..d03f40572a092a 100644
--- a/RNTester/js/URIActionMap.js
+++ b/RNTester/js/utils/URIActionMap.js
@@ -12,7 +12,6 @@
 
 const ReactNative = require('react-native');
 const RNTesterActions = require('./RNTesterActions');
-// $FlowFixMe : This is a platform-forked component, and flow seems to only run on iOS?
 const RNTesterList = require('./RNTesterList');
 
 const {Alert} = ReactNative;
diff --git a/React-Core.podspec b/React-Core.podspec
new file mode 100644
index 00000000000000..fc4060cf46989a
--- /dev/null
+++ b/React-Core.podspec
@@ -0,0 +1,114 @@
+# coding: utf-8
+# Copyright (c) Facebook, Inc. and its 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
+else
+  source[:tag] = "v#{version}"
+end
+
+folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
+folly_version = '2018.10.22.00'
+boost_compiler_flags = '-Wno-documentation'
+
+header_subspecs = {
+  'ARTHeaders'                  => 'Libraries/ART/**/*.h',
+  'CoreModulesHeaders'          => 'React/CoreModules/**/*.h',
+  'RCTActionSheetHeaders'       => 'Libraries/ActionSheetIOS/*.h',
+  'RCTAnimationHeaders'         => 'Libraries/NativeAnimation/{Drivers/*,Nodes/*,*}.{h}',
+  'RCTBlobHeaders'              => 'Libraries/Blob/{RCTBlobManager,RCTFileReaderModule}.h',
+  'RCTImageHeaders'             => 'Libraries/Image/*.h',
+  'RCTLinkingHeaders'           => 'Libraries/LinkingIOS/*.h',
+  'RCTNetworkHeaders'           => 'Libraries/Network/*.h',
+  'RCTPushNotificationHeaders'  => 'Libraries/PushNotificationIOS/*.h',
+  'RCTSettingsHeaders'          => 'Libraries/Settings/*.h',
+  'RCTTextHeaders'              => 'Libraries/Text/**/*.h',
+  'RCTVibrationHeaders'         => 'Libraries/Vibration/*.h',
+}
+
+Pod::Spec.new do |s|
+  s.name                   = "React-Core"
+  s.version                = version
+  s.summary                = "The core of React Native."
+  s.homepage               = "http://facebook.github.io/react-native/"
+  s.license                = package["license"]
+  s.author                 = "Facebook, Inc. and its affiliates"
+  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.14" } # TODO(macOS GH#214)
+  s.source                 = source
+  s.compiler_flags         = folly_compiler_flags + ' ' + boost_compiler_flags
+  s.header_dir             = "React"
+  s.framework              = "JavaScriptCore"
+  s.library                = "stdc++"
+  s.pod_target_xcconfig    = { "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/ReactCommon\" \"$(PODS_ROOT)/boost-for-react-native\" \"$(PODS_ROOT)/DoubleConversion\" \"$(PODS_ROOT)/Folly\"" }
+  s.user_target_xcconfig   = { "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/Headers/Private/React-Core\""}
+  s.default_subspec        = "Default"
+
+  s.subspec "Default" do |ss|
+    ss.source_files           = "React/**/*.{c,h,m,mm,S,cpp}"
+    ss.exclude_files          = "React/CoreModules/**/*",
+                                "React/DevSupport/**/*",
+                                "React/Fabric/**/*",
+                                "React/Inspector/**/*"
+    ss.ios.exclude_files      = "React/**/RCTTV*.*",
+
+    # TODO(macOS GH#214)
+                                "**/MacOS/*"
+    ss.osx.exclude_files      = "React/Modules/RCTRedBoxExtraDataViewController.{h,m}",
+                                "React/UIUtils/*",
+                                "React/Profiler/{RCTFPSGraph,RCTPerfMonitor}.*",
+                                "React/Profiler/RCTProfileTrampoline-{arm,arm64,i386}.S",
+                                "React/Base/RCTKeyCommands.*",
+                                "React/Base/RCTTV*.*",
+                                "React/Base/RCTReloadCommand.*",
+                                "React/Views/{RCTModal*,RCTMasked*,RCTTV*,RCTRefreshControl*,RCTWrapperViewController}.*",
+                                "React/Views/SafeAreaView/*"
+
+    ss.tvos.exclude_files     = "React/Modules/RCTClipboard*",
+                                "React/Views/RCTDatePicker*",
+                                "React/Views/RCTPicker*",
+                                "React/Views/RCTRefreshControl*",
+                                "React/Views/RCTSlider*",
+                                "React/Views/RCTSwitch*",
+    ss.private_header_files   = "React/Cxx*/*.h"
+  end
+
+  s.subspec "DevSupport" do |ss|
+    ss.source_files = "React/DevSupport/*.{h,mm,m}",
+                      "React/Inspector/*.{h,mm,m}"
+
+    ss.dependency "React-Core/Default", version
+    ss.dependency "React-Core/RCTWebSocket", version
+    ss.dependency "React-jsinspector", version
+  end
+
+  s.subspec "RCTWebSocket" do |ss|
+    ss.source_files = "Libraries/WebSocket/*.{h,m}"
+    ss.dependency "React-Core/Default", version
+  end
+
+  # Add a subspec containing just the headers for each
+  # pod that should live under <React/*.h>
+  header_subspecs.each do |name, headers|
+    s.subspec name do |ss|
+      ss.source_files = headers
+      ss.dependency "React-Core/Default"
+    end
+  end
+
+  s.dependency "Folly", folly_version
+  s.dependency "React-cxxreact", version
+  s.dependency "React-jsi", version
+  s.dependency "React-jsiexecutor", version
+  s.dependency "Yoga"
+  s.dependency "glog"
+end
diff --git a/React.podspec b/React.podspec
index c3c64980dab35e..7e363d2b645cf8 100644
--- a/React.podspec
+++ b/React.podspec
@@ -43,7 +43,8 @@ Pod::Spec.new do |s|
   s.cocoapods_version      = ">= 1.2.0"
 
   s.dependency "React-Core", version
-  s.dependency "React-DevSupport", version
+  s.dependency "React-Core/DevSupport", version
+  s.dependency "React-Core/RCTWebSocket", version
   s.dependency "React-RCTActionSheet", version
   s.dependency "React-RCTAnimation", version
   s.dependency "React-RCTBlob", version
@@ -53,5 +54,4 @@ Pod::Spec.new do |s|
   s.dependency "React-RCTSettings", version
   s.dependency "React-RCTText", version
   s.dependency "React-RCTVibration", version
-  s.dependency "React-RCTWebSocket", version
 end
diff --git a/React/Base/RCTBridge.h b/React/Base/RCTBridge.h
index e3480fcb90faf2..47b950e755edd2 100644
--- a/React/Base/RCTBridge.h
+++ b/React/Base/RCTBridge.h
@@ -10,9 +10,7 @@
 #import <React/RCTBridgeDelegate.h>
 #import <React/RCTBridgeModule.h>
 #import <React/RCTDefines.h>
-#if !TARGET_OS_OSX // [TODO(macOS ISS#2323203)
 #import <React/RCTFrameUpdate.h>
-#endif // ]TODO(macOS ISS#2323203)
 #import <React/RCTInvalidating.h>
 
 @class JSValue;
@@ -87,6 +85,12 @@ RCT_EXTERN NSString *const RCTBridgeWillDownloadScriptNotification;
  */
 RCT_EXTERN NSString *const RCTBridgeDidDownloadScriptNotification;
 
+/**
+ * This notification fires right after the bridge is about to invalidate NativeModule
+ * instances during teardown. Handle this notification to perform additional invalidation.
+ */
+RCT_EXTERN NSString *const RCTBridgeWillInvalidateModulesNotification;
+
 /**
  * This notification fires right after the bridge finishes invalidating NativeModule
  * instances during teardown. Handle this notification to perform additional invalidation.
@@ -108,7 +112,7 @@ RCT_EXTERN NSString *const RCTBridgeDidDownloadScriptNotificationBridgeDescripti
 /**
  * This block can be used to instantiate modules that require additional
  * init parameters, or additional configuration prior to being used.
- * The bridge will call this block to instatiate the modules, and will
+ * The bridge will call this block to instantiate the modules, and will
  * be responsible for invalidating/releasing them when the bridge is destroyed.
  * For this reason, the block should always return new module instances, and
  * module instances should not be shared between bridges.
@@ -176,7 +180,7 @@ RCT_EXTERN void RCTEnableTurboModule(BOOL enabled);
 /**
  * Retrieve a bridge module instance by name or class. Note that modules are
  * lazily instantiated, so calling these methods for the first time with a given
- * module name/class may cause the class to be sychronously instantiated,
+ * module name/class may cause the class to be synchronously instantiated,
  * potentially blocking both the calling thread and main thread for a short time.
  *
  * Note: This method does NOT lazily load the particular module if it's not yet loaded.
@@ -194,7 +198,7 @@ RCT_EXTERN void RCTEnableTurboModule(BOOL enabled);
 
 /**
  * Convenience method for retrieving all modules conforming to a given protocol.
- * Modules will be sychronously instantiated if they haven't already been,
+ * Modules will be synchronously instantiated if they haven't already been,
  * potentially blocking both the calling thread and main thread for a short time.
  */
 - (NSArray *)modulesConformingToProtocol:(Protocol *)protocol;
diff --git a/React/Base/RCTBridge.m b/React/Base/RCTBridge.m
index 5e38fdbfb20ed0..fe4b9ed0e9653d 100644
--- a/React/Base/RCTBridge.m
+++ b/React/Base/RCTBridge.m
@@ -34,6 +34,7 @@
 NSString *const RCTBridgeWillReloadNotification = @"RCTBridgeWillReloadNotification";
 NSString *const RCTBridgeWillDownloadScriptNotification = @"RCTBridgeWillDownloadScriptNotification";
 NSString *const RCTBridgeDidDownloadScriptNotification = @"RCTBridgeDidDownloadScriptNotification";
+NSString *const RCTBridgeWillInvalidateModulesNotification = @"RCTBridgeWillInvalidateModulesNotification";
 NSString *const RCTBridgeDidInvalidateModulesNotification = @"RCTBridgeDidInvalidateModulesNotification";
 NSString *const RCTBridgeDidDownloadScriptNotificationSourceKey = @"source";
 NSString *const RCTBridgeDidDownloadScriptNotificationBridgeDescriptionKey = @"bridgeDescription";
@@ -93,6 +94,12 @@ void RCTRegisterModule(Class moduleClass)
 static BOOL turboModuleEnabled = NO;
 BOOL RCTTurboModuleEnabled(void)
 {
+#if RCT_DEBUG
+  // TODO(T53341772): Allow TurboModule for test environment. Right now this breaks RNTester tests if enabled.
+  if (RCTRunningInTestEnvironment()) {
+    return NO;
+  }
+#endif
   return turboModuleEnabled;
 }
 
@@ -286,7 +293,7 @@ - (BOOL)moduleIsInitialized:(Class)moduleClass
 
 - (void)reload
 {
-  #if RCT_ENABLE_INSPECTOR
+  #if RCT_ENABLE_INSPECTOR && !TARGET_OS_UIKITFORMAC
   // Disable debugger to resume the JsVM & avoid thread locks while reloading
   [RCTInspectorDevServerHelper disableDebugger];
   #endif
diff --git a/React/Base/RCTBridgeModule.h b/React/Base/RCTBridgeModule.h
index 54a27802cbd0dc..8d95f4d911080f 100644
--- a/React/Base/RCTBridgeModule.h
+++ b/React/Base/RCTBridgeModule.h
@@ -291,7 +291,7 @@ RCT_CONCAT(initialize_, objc_name)() { RCTRegisterModule([objc_name class]); }
  * Most modules can be used from any thread. All of the modules exported non-sync method will be called on its
  * methodQueue, and the module will be constructed lazily when its first invoked. Some modules have main need to access
  * information that's main queue only (e.g. most UIKit classes). Since we don't want to dispatch synchronously to the
- * main thread to this safely, we construct these moduels and export their constants ahead-of-time.
+ * main thread to this safely, we construct these modules and export their constants ahead-of-time.
  *
  * Note that when set to false, the module constructor will be called from any thread.
  *
diff --git a/React/Base/RCTBundleURLProvider.m b/React/Base/RCTBundleURLProvider.m
index cc7a7ebb9404b8..cdc8aef6c368be 100644
--- a/React/Base/RCTBundleURLProvider.m
+++ b/React/Base/RCTBundleURLProvider.m
@@ -21,7 +21,9 @@
 #endif // ]TODO(macOS ISS#2323203)
 
 static NSString *const kRCTJsLocationKey = @"RCT_jsLocation";
-static NSString *const kRCTEnableLiveReloadKey = @"RCT_enableLiveReload";
+// This option is no longer exposed in the dev menu UI.
+// It was renamed in D15958697 so it doesn't get stuck with no way to turn it off:
+static NSString *const kRCTEnableLiveReloadKey = @"RCT_enableLiveReload_LEGACY";
 static NSString *const kRCTEnableDevKey = @"RCT_enableDev";
 static NSString *const kRCTEnableMinificationKey = @"RCT_enableMinification";
 
@@ -80,12 +82,12 @@ - (void)resetToDefaults
 - (BOOL)isPackagerRunning:(NSString *)host
 {
   NSURL *url = [serverRootWithHostPort(host) URLByAppendingPathComponent:@"status"];
-  
+
   NSURLSession *session = [NSURLSession sharedSession];
   NSURLRequest *request = [NSURLRequest requestWithURL:url];
   __block NSURLResponse *response;
   __block NSData *data;
-  
+
   dispatch_semaphore_t semaphore = dispatch_semaphore_create(0);
   [[session dataTaskWithRequest:request
             completionHandler:^(NSData *d,
@@ -96,7 +98,7 @@ - (BOOL)isPackagerRunning:(NSString *)host
               dispatch_semaphore_signal(semaphore);
             }] resume];
   dispatch_semaphore_wait(semaphore, DISPATCH_TIME_FOREVER);
-  
+
   NSString *status = [[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding];
   return [status isEqualToString:@"packager-status:running"];
 }
diff --git a/React/Base/RCTComponentEvent.h b/React/Base/RCTComponentEvent.h
index 28c94074c577e8..443fadca038f41 100644
--- a/React/Base/RCTComponentEvent.h
+++ b/React/Base/RCTComponentEvent.h
@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affilities.
+ * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
diff --git a/React/Base/RCTComponentEvent.m b/React/Base/RCTComponentEvent.m
index 0708bac857e67f..74c344575e670c 100644
--- a/React/Base/RCTComponentEvent.m
+++ b/React/Base/RCTComponentEvent.m
@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affilities.
+ * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
diff --git a/React/Base/RCTConvert.m b/React/Base/RCTConvert.m
index 339dc4572c9423..61887e743c9b98 100644
--- a/React/Base/RCTConvert.m
+++ b/React/Base/RCTConvert.m
@@ -57,21 +57,12 @@ + (type *)type:(id)json { return json; }
 
 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])
 
-+ (NSString *)NSString:(id)json
-{
-  if ([json isKindOfClass:NSString.class]) {
-    return json;
-  } else if (json && json != (id)kCFNull) {
-    return [NSString stringWithFormat:@"%@",json];
-  }
-  return nil;
-}
-
 + (NSIndexSet *)NSIndexSet:(id)json
 {
   json = [self NSNumberArray:json];
diff --git a/React/Base/RCTDefines.h b/React/Base/RCTDefines.h
index 58fe299687be12..0145fb58dd1b9e 100644
--- a/React/Base/RCTDefines.h
+++ b/React/Base/RCTDefines.h
@@ -56,7 +56,7 @@
 #endif
 
 #ifndef ENABLE_PACKAGER_CONNECTION
-#if RCT_DEV && __has_include(<React/RCTPackagerConnection.h>)
+#if RCT_DEV && (__has_include("RCTPackagerConnection.h") || __has_include(<React/RCTPackagerConnection.h>)) && !TARGET_OS_UIKITFORMAC
 #define ENABLE_PACKAGER_CONNECTION 1
 #else
 #define ENABLE_PACKAGER_CONNECTION 0
@@ -90,6 +90,13 @@
 #endif
 #endif
 
+/**
+ * Add the default packager name
+ */
+#ifndef RCT_PACKAGER_NAME
+#define RCT_PACKAGER_NAME @"Metro"
+#endif
+
 /**
  * By default, only raise an NSAssertion in debug mode
  * (custom assert functions will still be called).
diff --git a/React/Base/RCTLog.mm b/React/Base/RCTLog.mm
index dd11bc38b00e8a..fa2f5446791ba0 100644
--- a/React/Base/RCTLog.mm
+++ b/React/Base/RCTLog.mm
@@ -7,7 +7,6 @@
 
 #import "RCTLog.h"
 
-#include <asl.h>
 #include <cxxabi.h>
 
 #import "RCTAssert.h"
@@ -56,26 +55,6 @@ void RCTSetLogThreshold(RCTLogLevel threshold) {
   NSString *log = RCTFormatLog([NSDate date], level, fileName, lineNumber, message);
   fprintf(stderr, "%s\n", log.UTF8String);
   fflush(stderr);
-
-  int aslLevel;
-  switch(level) {
-    case RCTLogLevelTrace:
-      aslLevel = ASL_LEVEL_DEBUG;
-      break;
-    case RCTLogLevelInfo:
-      aslLevel = ASL_LEVEL_NOTICE;
-      break;
-    case RCTLogLevelWarning:
-      aslLevel = ASL_LEVEL_WARNING;
-      break;
-    case RCTLogLevelError:
-      aslLevel = ASL_LEVEL_ERR;
-      break;
-    case RCTLogLevelFatal:
-      aslLevel = ASL_LEVEL_CRIT;
-      break;
-  }
-  asl_log(NULL, NULL, aslLevel, "%s", message.UTF8String);
 };
 
 void RCTSetLogFunction(RCTLogFunction logFunction)
diff --git a/React/Base/RCTModuleData.h b/React/Base/RCTModuleData.h
index a0602501cb14ce..7a7f5b289d5bc9 100644
--- a/React/Base/RCTModuleData.h
+++ b/React/Base/RCTModuleData.h
@@ -44,6 +44,12 @@ typedef id<RCTBridgeModule>(^RCTBridgeModuleProvider)(void);
  */
 @property (nonatomic, copy, readonly) NSArray<id<RCTBridgeMethod>> *methods;
 
+/**
+ * Returns a map of the module methods. Note that this will gather the methods the first
+ * time it is called and then memoize the results.
+ */
+@property (nonatomic, copy, readonly) NSDictionary<NSString *, id<RCTBridgeMethod>> *methodsByName;
+
 /**
  * Returns the module's constants, if it exports any
  */
diff --git a/React/Base/RCTModuleData.mm b/React/Base/RCTModuleData.mm
index c02c8810f6e171..024e7a3cd42093 100644
--- a/React/Base/RCTModuleData.mm
+++ b/React/Base/RCTModuleData.mm
@@ -28,6 +28,7 @@ @implementation RCTModuleData
 }
 
 @synthesize methods = _methods;
+@synthesize methodsByName = _methodsByName;
 @synthesize instance = _instance;
 @synthesize methodQueue = _methodQueue;
 
@@ -123,7 +124,7 @@ - (void)setUpInstanceAndBridge
         _instance = _moduleProvider ? _moduleProvider() : nil;
         RCT_PROFILE_END_EVENT(RCTProfileTagAlways, @"");
         if (!_instance) {
-          // Module init returned nil, probably because automatic instantatiation
+          // Module init returned nil, probably because automatic instantiation
           // of the module is not supported, and it is supposed to be passed in to
           // the bridge constructor. Mark setup complete to avoid doing more work.
           _setupComplete = YES;
@@ -225,6 +226,47 @@ - (void)setUpMethodQueue
   }
 }
 
+- (void) calculateMethods
+{
+    if (_methods && _methodsByName) {
+      return;
+    }
+
+    NSMutableArray<id<RCTBridgeMethod>> *moduleMethods = [NSMutableArray new];
+    NSMutableDictionary<NSString *, id<RCTBridgeMethod>> *moduleMethodsByName = [NSMutableDictionary new];
+
+    if ([_moduleClass instancesRespondToSelector:@selector(methodsToExport)]) {
+        [moduleMethods addObjectsFromArray:[self.instance methodsToExport]];
+    }
+
+    unsigned int methodCount;
+    Class cls = _moduleClass;
+    while (cls && cls != [NSObject class] && cls != [NSProxy class]) {
+        Method *methods = class_copyMethodList(object_getClass(cls), &methodCount);
+
+        for (unsigned int i = 0; i < methodCount; i++) {
+            Method method = methods[i];
+            SEL selector = method_getName(method);
+            if ([NSStringFromSelector(selector) hasPrefix:@"__rct_export__"]) {
+                IMP imp = method_getImplementation(method);
+                auto exportedMethod = ((const RCTMethodInfo *(*)(id, SEL))imp)(_moduleClass, selector);
+                id<RCTBridgeMethod> moduleMethod = [[RCTModuleMethod alloc] initWithExportedMethod:exportedMethod
+                                                                                       moduleClass:_moduleClass];
+
+                NSString *str = [NSString stringWithUTF8String:moduleMethod.JSMethodName];
+                [moduleMethodsByName setValue:moduleMethod forKey:str];
+                [moduleMethods addObject:moduleMethod];
+            }
+        }
+
+        free(methods);
+        cls = class_getSuperclass(cls);
+    }
+
+    _methods = [moduleMethods copy];
+    _methodsByName = [moduleMethodsByName copy];
+}
+
 #pragma mark - public getters
 
 - (BOOL)hasInstance
@@ -267,37 +309,14 @@ - (NSString *)name
 
 - (NSArray<id<RCTBridgeMethod>> *)methods
 {
-  if (!_methods) {
-    NSMutableArray<id<RCTBridgeMethod>> *moduleMethods = [NSMutableArray new];
-
-    if ([_moduleClass instancesRespondToSelector:@selector(methodsToExport)]) {
-      [moduleMethods addObjectsFromArray:[self.instance methodsToExport]];
-    }
-
-    unsigned int methodCount;
-    Class cls = _moduleClass;
-    while (cls && cls != [NSObject class] && cls != [NSProxy class]) {
-      Method *methods = class_copyMethodList(object_getClass(cls), &methodCount);
-
-      for (unsigned int i = 0; i < methodCount; i++) {
-        Method method = methods[i];
-        SEL selector = method_getName(method);
-        if ([NSStringFromSelector(selector) hasPrefix:@"__rct_export__"]) {
-          IMP imp = method_getImplementation(method);
-          auto exportedMethod = ((const RCTMethodInfo *(*)(id, SEL))imp)(_moduleClass, selector);
-          id<RCTBridgeMethod> moduleMethod = [[RCTModuleMethod alloc] initWithExportedMethod:exportedMethod
-                                                                                 moduleClass:_moduleClass];
-          [moduleMethods addObject:moduleMethod];
-        }
-      }
-
-      free(methods);
-      cls = class_getSuperclass(cls);
-    }
+    [self calculateMethods];
+    return _methods;
+}
 
-    _methods = [moduleMethods copy];
-  }
-  return _methods;
+- (NSDictionary<NSString *, id<RCTBridgeMethod>> *)methodsByName
+{
+    [self calculateMethods];
+    return _methodsByName;
 }
 
 - (void)gatherConstants
diff --git a/React/Base/RCTModuleMethod.mm b/React/Base/RCTModuleMethod.mm
index 748216800bb940..bbb66739d8ef0d 100644
--- a/React/Base/RCTModuleMethod.mm
+++ b/React/Base/RCTModuleMethod.mm
@@ -429,7 +429,7 @@ - (void)processMethodSignature
           }
           if (isNullableType) {
             // Check converted value wasn't null either, as method probably
-            // won't gracefully handle a nil vallue for a nonull argument
+            // won't gracefully handle a nil value for a nonull argument
             void *value;
             [invocation getArgument:&value atIndex:index + 2];
             if (value == NULL) {
diff --git a/React/Base/RCTPlatform.m b/React/Base/RCTPlatform.m
deleted file mode 100644
index 020233b7037210..00000000000000
--- a/React/Base/RCTPlatform.m
+++ /dev/null
@@ -1,62 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#import "RCTPlatform.h"
-
-#import <UIKit/UIKit.h>
-
-#import "RCTUtils.h"
-#import "RCTVersion.h"
-
-static NSString *interfaceIdiom(UIUserInterfaceIdiom idiom) {
-  switch(idiom) {
-    case UIUserInterfaceIdiomPhone:
-      return @"phone";
-    case UIUserInterfaceIdiomPad:
-      return @"pad";
-#pragma clang diagnostic push // TODO(OSS Candidate ISS#2710739)
-#pragma clang diagnostic ignored "-Wunguarded-availability"
-#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= __IPHONE_9_0
-    case UIUserInterfaceIdiomTV:
-      return @"tv";
-    case UIUserInterfaceIdiomCarPlay:
-      return @"carplay";
-#endif
-#pragma clang diagnostic pop
-    default:
-      return @"unknown";
-  }
-}
-
-@implementation RCTPlatform
-
-RCT_EXPORT_MODULE(PlatformConstants)
-
-+ (BOOL)requiresMainQueueSetup
-{
-  return YES;
-}
-
-- (NSDictionary<NSString *, id> *)constantsToExport
-{
-  return [self getConstants];
-}
-
-- (NSDictionary<NSString *, id> *)getConstants
-{
-  UIDevice *device = [UIDevice currentDevice];
-  return @{
-    @"forceTouchAvailable": @(RCTForceTouchAvailable()),
-    @"osVersion": [device systemVersion],
-    @"systemName": [device systemName],
-    @"interfaceIdiom": interfaceIdiom([device userInterfaceIdiom]),
-    @"isTesting": @(RCTRunningInTestEnvironment()),
-    @"reactNativeVersion": RCTGetReactNativeVersion(),
-  };
-}
-
-@end
diff --git a/React/Base/RCTRootView.h b/React/Base/RCTRootView.h
index 6387f17e4a7345..49af340ed3b49f 100644
--- a/React/Base/RCTRootView.h
+++ b/React/Base/RCTRootView.h
@@ -117,25 +117,6 @@ NSString *const RCTContentDidAppearNotification;
  */
 @property (nonatomic, strong) RCTUIView *loadingView; // TODO(macOS ISS#3536887)
 
-/**
- * Calling this will result in emitting a "touches cancelled" event to js,
- * which effectively cancels all js "gesture recognizers" such as touchable components
- * (unless they explicitely ignore cancellation events, but no one should do that).
- *
- * This API is exposed for integration purposes where you embed RN rootView
- * in a native view with a native gesture recognizer,
- * whose activation should prevent any in-flight js "gesture recognizer" from activating.
- *
- * An example would be RN rootView embedded in an UIScrollView.
- * When you touch down on a touchable component and drag your finger up,
- * you don't want any touch to be registered as soon as the UIScrollView starts scrolling.
- *
- * Note that this doesn't help with tapping on a touchable element that is being scrolled,
- * unless you can call cancelTouches exactly between "touches began" and "touches ended" events.
- * This is a reason why this API may be soon removed in favor of a better solution.
- */
-- (void)cancelTouches;
-
 /**
  * When set, any touches on the RCTRootView that are not matched up to any of the child
  * views will be passed to siblings of the RCTRootView. See -[UIView hitTest:withEvent:]
@@ -163,11 +144,19 @@ NSString *const RCTContentDidAppearNotification;
  * The intrinsic size of the root view's content. This is set right before the
  * `rootViewDidChangeIntrinsicSize` method of `RCTRootViewDelegate` is called.
  * This property is deprecated and will be removed in next releases.
- * Use UIKit `intrinsicContentSize` propery instead.
+ * Use UIKit `intrinsicContentSize` property instead.
  */
 @property (readonly, nonatomic, assign) CGSize intrinsicSize
 __deprecated_msg("Use `intrinsicContentSize` instead.");
 
+/**
+ * This methods is deprecated and will be removed soon.
+ * To interrupt a React Native gesture recognizer, use the standard
+ * `UIGestureRecognizer` negotiation process.
+ * See `UIGestureRecognizerDelegate` for more details.
+ */
+- (void)cancelTouches;
+
 @end
 
 NS_ASSUME_NONNULL_END
diff --git a/React/Base/RCTRootView.m b/React/Base/RCTRootView.m
index ea0e1205836c19..172e5c573b9a3f 100644
--- a/React/Base/RCTRootView.m
+++ b/React/Base/RCTRootView.m
@@ -408,10 +408,6 @@ - (void)dealloc
   [_contentView invalidate];
 }
 
-- (void)cancelTouches
-{
-  [[_contentView touchHandler] cancel];
-}
 
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
 - (NSMenu *)menuForEvent:(NSEvent *)event
@@ -431,7 +427,6 @@ - (NSMenu *)menuForEvent:(NSEvent *)event
   return menu;
 }
 #endif // ]TODO(macOS ISS#2323203)
-
 @end
 
 @implementation RCTRootView (Deprecated)
@@ -442,4 +437,10 @@ - (CGSize)intrinsicSize
   return self.intrinsicContentSize;
 }
 
+- (void)cancelTouches
+{
+  RCTLogWarn(@"`-[RCTRootView cancelTouches]` is deprecated and will be deleted soon.");
+  [[_contentView touchHandler] cancel];
+}
+
 @end
diff --git a/React/Base/RCTRootViewDelegate.h b/React/Base/RCTRootViewDelegate.h
index bd3a4f9ac0ce87..9bd24fa0716650 100644
--- a/React/Base/RCTRootViewDelegate.h
+++ b/React/Base/RCTRootViewDelegate.h
@@ -23,7 +23,7 @@
  * `setNeedsLayout` for its superview which in its turn will trigger relayout.
  *
  * The new intrinsic content size is available via the `intrinsicContentSize`
- * propery of the root view. The view will not resize itself.
+ * property of the root view. The view will not resize itself.
  */
 - (void)rootViewDidChangeIntrinsicSize:(RCTRootView *)rootView;
 
diff --git a/React/Base/RCTTouchHandler.m b/React/Base/RCTTouchHandler.m
index 98eab713c42b8b..95ae5dcefdc7ad 100644
--- a/React/Base/RCTTouchHandler.m
+++ b/React/Base/RCTTouchHandler.m
@@ -40,7 +40,7 @@ @implementation RCTTouchHandler
   NSMutableArray<NSMutableDictionary *> *_reactTouches;
   NSMutableArray<RCTPlatformView *> *_touchViews; // TODO(macOS ISS#2323203)
 
-  __weak RCTUIView *_cachedRootView;
+  __weak RCTUIView *_cachedRootView; // TODO(macOS ISS#2323203)
 
   uint16_t _coalescingKey;
 #if TARGET_OS_OSX// [TODO(macOS ISS#2323203)
@@ -346,11 +346,11 @@ - (void)_updateAndDispatchTouches:(NSSet *)touches // TODO(macOS ISS#2323203)
 }
 
 /***
- * To ensure compatibilty when using UIManager.measure and RCTTouchHandler, we have to adopt
+ * To ensure compatibility when using UIManager.measure and RCTTouchHandler, we have to adopt
  * UIManager.measure's behavior in finding a "root view".
  * Usually RCTTouchHandler is already attached to a root view but in some cases (e.g. Modal),
  * we are instead attached to some RCTView subtree. This is also the case when embedding some RN
- * views inside a seperate ViewController not controlled by RN.
+ * views inside a separate ViewController not controlled by RN.
  * This logic will either find the nearest rootView, or go all the way to the UIWindow.
  * While this is not optimal, it is exactly what UIManager.measure does, and what Touchable.js
  * relies on.
diff --git a/React/Base/RCTUIKit.h b/React/Base/RCTUIKit.h
index 2023cb1a089c3c..8a8f6e5e2ad58a 100644
--- a/React/Base/RCTUIKit.h
+++ b/React/Base/RCTUIKit.h
@@ -324,9 +324,6 @@ NS_INLINE NSEdgeInsets UIEdgeInsetsMake(CGFloat top, CGFloat left, CGFloat botto
 
 CGFloat UIImageGetScale(NSImage *image);
 
-NSData *UIImagePNGRepresentation(NSImage *image);
-NSData *UIImageJPEGRepresentation(NSImage *image, CGFloat compressionQuality);
-
 CGImageRef UIImageGetCGImageRef(NSImage *image);
 
 NS_INLINE UIImage *UIImageWithContentsOfFile(NSString *filePath)
@@ -339,7 +336,8 @@ NS_INLINE UIImage *UIImageWithData(NSData *imageData)
   return [[NSImage alloc] initWithData:imageData];
 }
 
-CGImageRef UIImageGetCGImageRef(NSImage *image);
+NSData *UIImagePNGRepresentation(NSImage *image);
+NSData *UIImageJPEGRepresentation(NSImage *image, CGFloat compressionQuality);
 
 // UIBezierPath
 @compatibility_alias UIBezierPath NSBezierPath;
diff --git a/React/Base/RCTUtils.h b/React/Base/RCTUtils.h
index 78202b09acdc43..9902ac61606db6 100644
--- a/React/Base/RCTUtils.h
+++ b/React/Base/RCTUtils.h
@@ -157,10 +157,13 @@ RCT_EXTERN void RCTGetRGBAColorComponents(CGColorRef color, CGFloat rgba[_Nonnul
 // Converts a CGColor to a hex string
 RCT_EXTERN NSString *RCTColorToHexString(CGColorRef color);
 
-#if !TARGET_OS_OSX // [TODO(macOS ISS#2323203)
+#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 // Get standard localized string (if it exists)
 RCT_EXTERN NSString *RCTUIKitLocalizedString(NSString *string);
-#endif // ]TODO(macOS ISS#2323203)
+#endif // TODO(macOS ISS#2323203)
+
+// Get a human readable type string from an NSObject. For example NSString becomes string
+RCT_EXTERN NSString *RCTHumanReadableType(NSObject *obj);
 
 // URL manipulation
 RCT_EXTERN NSString *__nullable RCTGetURLQueryParam(NSURL *__nullable URL, NSString *param);
@@ -171,4 +174,6 @@ RCT_EXTERN NSString *RCTDropReactPrefixes(NSString *s);
 
 RCT_EXTERN BOOL RCTUIManagerTypeForTagIsFabric(NSNumber *reactTag);
 
+RCT_EXTERN BOOL RCTValidateTypeOfViewCommandArgument(NSObject *obj, id expectedClass, NSString const * expectedType, NSString const *componentName, NSString const * commandName, NSString const * argPos);
+
 NS_ASSUME_NONNULL_END
diff --git a/React/Base/RCTUtils.m b/React/Base/RCTUtils.m
index a8fb2d23562e0f..187a54382f828b 100644
--- a/React/Base/RCTUtils.m
+++ b/React/Base/RCTUtils.m
@@ -966,6 +966,22 @@ RCT_EXTERN void RCTGetRGBAColorComponents(CGColorRef color, CGFloat rgba[_Nonnul
 }
 #endif // TODO(macOS ISS#2323203)
 
+NSString  *RCTHumanReadableType(NSObject *obj)
+{
+  if ([obj isKindOfClass:[NSString class]]) {
+    return @"string";
+  } else if ([obj isKindOfClass:[NSNumber class]]) {
+    int intVal = [(NSNumber *)obj intValue];
+    if(intVal == 0 || intVal == 1) {
+      return @"boolean or number";
+    }
+
+    return @"number";
+  } else {
+    return NSStringFromClass([obj class]);
+  }
+}
+
 NSString *__nullable RCTGetURLQueryParam(NSURL *__nullable URL, NSString *param)
 {
   RCTAssertParam(param);
@@ -1037,3 +1053,21 @@ RCT_EXTERN BOOL RCTUIManagerTypeForTagIsFabric(NSNumber *reactTag)
   // See https://github.com/facebook/react/pull/12587
   return [reactTag integerValue] % 2 == 0;
 }
+
+RCT_EXTERN BOOL RCTValidateTypeOfViewCommandArgument(NSObject *obj, id expectedClass, NSString const * expectedType, NSString const *componentName, NSString const * commandName, NSString const * argPos)
+{
+  if (![obj isKindOfClass:expectedClass]) {
+    NSString *kindOfClass = RCTHumanReadableType(obj);
+
+    RCTLogError(
+                @"%@ command %@ received %@ argument of type %@, expected %@.",
+                componentName,
+                commandName,
+                argPos,
+                kindOfClass,
+                expectedType);
+    return false;
+  }
+
+  return true;
+}
diff --git a/React/Base/RCTVersion.h b/React/Base/RCTVersion.h
index e0e53692c34c01..7a94428a0bf3f5 100644
--- a/React/Base/RCTVersion.h
+++ b/React/Base/RCTVersion.h
@@ -8,9 +8,11 @@
 
 #import <Foundation/Foundation.h>
 
-extern NSString* const RCTVersionMajor;
-extern NSString* const RCTVersionMinor;
-extern NSString* const RCTVersionPatch;
-extern NSString* const RCTVersionPrerelease;
+#import <React/RCTDefines.h>
 
-extern NSDictionary* RCTGetReactNativeVersion(void);
+RCT_EXTERN NSString* const RCTVersionMajor;
+RCT_EXTERN NSString* const RCTVersionMinor;
+RCT_EXTERN NSString* const RCTVersionPatch;
+RCT_EXTERN NSString* const RCTVersionPrerelease;
+
+RCT_EXTERN NSDictionary* RCTGetReactNativeVersion(void);
diff --git a/React/Base/RCTVersion.m b/React/Base/RCTVersion.m
index 67f61628d7b1ac..9d25f0865d581f 100644
--- a/React/Base/RCTVersion.m
+++ b/React/Base/RCTVersion.m
@@ -14,20 +14,18 @@
 NSString* const RCTVersionPatch = @"patch";
 NSString* const RCTVersionPrerelease = @"prerelease";
 
-static NSDictionary* __rnVersion;
 
-__attribute__((constructor))
-static void __makeVersion()
+NSDictionary* RCTGetReactNativeVersion(void)
 {
-  __rnVersion = @{
+  static NSDictionary* __rnVersion;
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^(void){
+    __rnVersion = @{
                   RCTVersionMajor: @(0),
-                  RCTVersionMinor: @(60),
-                  RCTVersionPatch: @(0),
+                  RCTVersionMinor: @(61),
+                  RCTVersionPatch: @(5),
                   RCTVersionPrerelease: [NSNull null],
                   };
-}
-
-NSDictionary* RCTGetReactNativeVersion(void)
-{
+  });
   return __rnVersion;
 }
diff --git a/React/Base/RCTWeakProxy.h b/React/Base/RCTWeakProxy.h
new file mode 100644
index 00000000000000..e2ed31e36ae675
--- /dev/null
+++ b/React/Base/RCTWeakProxy.h
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 RCTWeakProxy : NSObject
+
+@property (nonatomic, weak, readonly) id target;
+
++ (instancetype)weakProxyWithTarget:(id)target;
+
+@end
diff --git a/React/Base/RCTWeakProxy.m b/React/Base/RCTWeakProxy.m
new file mode 100644
index 00000000000000..5b1663499184f9
--- /dev/null
+++ b/React/Base/RCTWeakProxy.m
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTWeakProxy.h"
+
+@implementation RCTWeakProxy
+
+- (instancetype)initWithTarget:(id)target
+{
+  if (self = [super init]) {
+    _target = target;
+  }
+  return self;
+}
+
++ (instancetype)weakProxyWithTarget:(id)target
+{
+  return [[RCTWeakProxy alloc] initWithTarget:target];
+}
+
+- (id)forwardingTargetForSelector:(SEL)aSelector
+{
+  return _target;
+}
+
+@end
diff --git a/React/Base/Surface/RCTSurface.mm b/React/Base/Surface/RCTSurface.mm
index 739caaf91a0d09..21f42671670af8 100644
--- a/React/Base/Surface/RCTSurface.mm
+++ b/React/Base/Surface/RCTSurface.mm
@@ -109,7 +109,7 @@ - (void)dealloc
   [[NSNotificationCenter defaultCenter] removeObserver:self];
 }
 
-#pragma mark - Immutable Properties (no need to enforce synchonization)
+#pragma mark - Immutable Properties (no need to enforce synchronization)
 
 - (RCTBridge *)bridge
 {
@@ -126,7 +126,7 @@ - (NSNumber *)rootViewTag
   return _rootViewTag;
 }
 
-#pragma mark - Convinience Internal Thread-Safe Properties
+#pragma mark - Convenience Internal Thread-Safe Properties
 
 - (RCTBridge *)_batchedBridge
 {
@@ -173,7 +173,7 @@ - (void)_mountRootViewIfNeeded
   }
 
   RCTAssert([rootView isKindOfClass:[RCTSurfaceRootView class]],
-    @"Received root view is not an instanse of `RCTSurfaceRootView`.");
+    @"Received root view is not an instance of `RCTSurfaceRootView`.");
 
   if (rootView.superview != view) {
     view.rootView = rootView;
@@ -339,7 +339,7 @@ - (void)_registerRootView
     RCTSurfaceRootShadowView *rootShadowView =
       (RCTSurfaceRootShadowView *)[uiManager shadowViewForReactTag:self->_rootViewTag];
     RCTAssert([rootShadowView isKindOfClass:[RCTSurfaceRootShadowView class]],
-      @"Received shadow view is not an instanse of `RCTSurfaceRootShadowView`.");
+      @"Received shadow view is not an instance of `RCTSurfaceRootShadowView`.");
 
     [rootShadowView setMinimumSize:minimumSize
                        maximumSize:maximumSize];
@@ -360,7 +360,7 @@ - (CGSize)sizeThatFitsMinimumSize:(CGSize)minimumSize
       (RCTSurfaceRootShadowView *)[uiManager shadowViewForReactTag:self->_rootViewTag];
 
     RCTAssert([rootShadowView isKindOfClass:[RCTSurfaceRootShadowView class]],
-      @"Received shadow view is not an instanse of `RCTSurfaceRootShadowView`.");
+      @"Received shadow view is not an instance of `RCTSurfaceRootShadowView`.");
 
     fittingSize = [rootShadowView sizeThatFitsMinimumSize:minimumSize
                                               maximumSize:maximumSize];
@@ -396,7 +396,7 @@ - (void)setMinimumSize:(CGSize)minimumSize
     RCTSurfaceRootShadowView *rootShadowView =
       (RCTSurfaceRootShadowView *)[uiManager shadowViewForReactTag:self->_rootViewTag];
     RCTAssert([rootShadowView isKindOfClass:[RCTSurfaceRootShadowView class]],
-      @"Received shadow view is not an instanse of `RCTSurfaceRootShadowView`.");
+      @"Received shadow view is not an instance of `RCTSurfaceRootShadowView`.");
 
     [rootShadowView setMinimumSize:minimumSize maximumSize:maximumSize];
     [uiManager setNeedsLayout];
@@ -452,7 +452,7 @@ - (BOOL)synchronouslyWaitForStage:(RCTSurfaceStage)stage timeout:(NSTimeInterval
 
   if (RCTIsMainQueue() && (stage & RCTSurfaceStageSurfaceDidInitialMounting)) {
     // All main-threaded execution (especially mounting process) has to be
-    // intercepted, captured and performed synchnously at the end of this method
+    // intercepted, captured and performed synchronously at the end of this method
     // right after the semaphore signals.
 
     // Atomic variant of `_waitingForMountingStageOnMainQueue = YES;`
diff --git a/React/Base/Surface/RCTSurfaceDelegate.h b/React/Base/Surface/RCTSurfaceDelegate.h
index b006ecf03a7fa1..68800e06ced790 100644
--- a/React/Base/Surface/RCTSurfaceDelegate.h
+++ b/React/Base/Surface/RCTSurfaceDelegate.h
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import <UIKit/UIKit.h>
+#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 
 #import <React/RCTSurfaceStage.h>
 
diff --git a/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.h b/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.h
index 3e329c4b77203f..8234b8db92d35e 100644
--- a/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.h
+++ b/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.h
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import <UIKit/UIKit.h>
+#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 
 #import <React/RCTRootView.h>
 
@@ -30,8 +30,8 @@ NS_ASSUME_NONNULL_BEGIN
 @property (nonatomic, assign) RCTRootViewSizeFlexibility sizeFlexibility;
 @property (nonatomic, weak) id<RCTRootViewDelegate> delegate;
 @property (nonatomic, weak) UIViewController *reactViewController;
-@property (nonatomic, strong, readonly) UIView *contentView;
-@property (nonatomic, strong) UIView *loadingView;
+@property (nonatomic, strong, readonly) RCTUIView *contentView; // TODO(macOS ISS#2323203)
+@property (nonatomic, strong) RCTUIView *loadingView; // TODO(macOS ISS#2323203)
 @property (nonatomic, assign) BOOL passThroughTouches;
 @property (nonatomic, assign) NSTimeInterval loadingViewFadeDelay;
 @property (nonatomic, assign) NSTimeInterval loadingViewFadeDuration;
diff --git a/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.mm b/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.mm
index fabac46004df14..f997c42ff4868f 100644
--- a/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.mm
+++ b/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.mm
@@ -70,7 +70,7 @@ - (instancetype)initWithBridge:(RCTBridge *)bridge
   RCTSurface *surface = [[self class] createSurfaceWithBridge:bridge moduleName:moduleName initialProperties:initialProperties];
   [surface start];
   if (self = [super initWithSurface:surface sizeMeasureMode:sizeMeasureMode]) {
-    self.backgroundColor = [UIColor whiteColor];
+    self.backgroundColor = [RCTUIColor whiteColor]; // TODO(macOS ISS#2323203)
   }
 
   RCT_PROFILE_END_EVENT(RCTProfileTagAlways, @"");
@@ -100,7 +100,7 @@ - (NSString *)moduleName
   return super.surface.moduleName;
 }
 
-- (UIView *)contentView
+- (RCTUIView *)contentView // TODO(macOS ISS#2323203)
 {
   return self;
 }
@@ -130,14 +130,14 @@ - (void)setAppProperties:(NSDictionary *)appProperties
   [super.surface setProperties:appProperties];
 }
 
-- (UIView *)loadingView
+- (RCTUIView *)loadingView // TODO(macOS ISS#2323203)
 {
   return super.activityIndicatorViewFactory ? super.activityIndicatorViewFactory() : nil;
 }
 
-- (void)setLoadingView:(UIView *)loadingView
+- (void)setLoadingView:(RCTUIView *)loadingView // TODO(macOS ISS#2323203)
 {
-  super.activityIndicatorViewFactory = ^UIView *(void) {
+  super.activityIndicatorViewFactory = ^RCTUIView *(void) { // TODO(macOS ISS#2323203)
     return loadingView;
   };
 }
diff --git a/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.h b/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.h
index 3694e05250390b..05e4ede8808adf 100644
--- a/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.h
+++ b/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.h
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import <UIKit/UIKit.h>
+#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 
 #import <React/RCTSurfaceDelegate.h>
 #import <React/RCTSurfaceSizeMeasureMode.h>
@@ -14,7 +14,7 @@
 @class RCTBridge;
 @class RCTSurface;
 
-typedef UIView *_Nullable(^RCTSurfaceHostingViewActivityIndicatorViewFactory)(void);
+typedef RCTUIView *_Nullable(^RCTSurfaceHostingViewActivityIndicatorViewFactory)(void); // TODO(macOS ISS#2323203)
 
 NS_ASSUME_NONNULL_BEGIN
 
@@ -24,7 +24,7 @@ NS_ASSUME_NONNULL_BEGIN
  * This class can be used as easy-to-use general purpose integration point
  * of ReactNative-powered experiences in UIKit based apps.
  */
-@interface RCTSurfaceHostingView : UIView <RCTSurfaceDelegate>
+@interface RCTSurfaceHostingView : RCTUIView <RCTSurfaceDelegate> // TODO(macOS ISS#2323203)
 
 /**
  * Create an instance of RCTSurface to be hosted.
diff --git a/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.mm b/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.mm
index c7ed41971ae291..ed0c96b28a8931 100644
--- a/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.mm
+++ b/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.mm
@@ -21,8 +21,8 @@ @interface RCTSurfaceHostingView ()
 @end
 
 @implementation RCTSurfaceHostingView {
-  UIView *_Nullable _activityIndicatorView;
-  UIView *_Nullable _surfaceView;
+  RCTUIView *_Nullable _activityIndicatorView; // TODO(macOS ISS#2323203)
+  RCTUIView *_Nullable _surfaceView; // TODO(macOS ISS#2323203)
   RCTSurfaceStage _stage;
 }
 
@@ -80,8 +80,10 @@ - (void)setFrame:(CGRect)frame
     &maximumSize
   );
 
-  [_surface setMinimumSize:minimumSize
-               maximumSize:maximumSize];
+  if (RCTSurfaceStageIsRunning(_stage)) {
+    [_surface setMinimumSize:minimumSize
+                 maximumSize:maximumSize];
+  }
 }
 
 - (CGSize)intrinsicContentSize
@@ -101,7 +103,11 @@ - (CGSize)sizeThatFits:(CGSize)size
 {
   if (RCTSurfaceStageIsPreparing(_stage)) {
     if (_activityIndicatorView) {
+#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
       return [_activityIndicatorView sizeThatFits:size];
+#else // [TODO(macOS ISS#2323203)
+      return [_activityIndicatorView fittingSize];
+#endif // ]TODO(macOS ISS#2323203)
     }
 
     return CGSizeZero;
@@ -209,7 +215,11 @@ - (void)setActivityIndicatorViewFactory:(RCTSurfaceHostingViewActivityIndicatorV
 - (void)_invalidateLayout
 {
   [self invalidateIntrinsicContentSize];
+#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   [self.superview setNeedsLayout];
+#else // [TODO(macOS ISS#2323203)
+  [self.superview setNeedsLayout:YES];
+#endif // ]TODO(macOS ISS#2323203)
 }
 
 - (void)_updateViews
diff --git a/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.h b/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.h
index 594645540d997c..1d36998759274c 100644
--- a/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.h
+++ b/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.h
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import <UIKit/UIKit.h>
+#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 
 #import <React/RCTDefines.h>
 
diff --git a/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.mm b/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.mm
index 05bd50c36ed032..b6e3ecbd1fcb74 100644
--- a/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.mm
+++ b/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.mm
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import <UIKit/UIKit.h>
+#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 
 #import "RCTSurfaceSizeMeasureMode.h"
 
diff --git a/React/Base/macOS/RCTPlatform.m b/React/Base/macOS/RCTPlatform.m
index 5060531f520cf9..5e5482b3129571 100644
--- a/React/Base/macOS/RCTPlatform.m
+++ b/React/Base/macOS/RCTPlatform.m
@@ -16,7 +16,7 @@
 
 @implementation RCTPlatform
 
-RCT_EXPORT_MODULE(MacOSConstants)
+RCT_EXPORT_MODULE(PlatformConstants)
 
 + (BOOL)requiresMainQueueSetup
 {
@@ -33,4 +33,8 @@ + (BOOL)requiresMainQueueSetup
   };
 }
 
+Class RCTPlatformCls(void) {
+  return RCTPlatform.class;
+}
+
 @end
diff --git a/React/Base/macOS/RCTUIKit.m b/React/Base/macOS/RCTUIKit.m
index 968d6a20e413da..395944a14df823 100644
--- a/React/Base/macOS/RCTUIKit.m
+++ b/React/Base/macOS/RCTUIKit.m
@@ -7,7 +7,7 @@
 
 // TODO(macOS ISS#2323203)
 
-#import "React/RCTUIKit.h" // TODO(macOS ISS#2323203)
+#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 
 #import <React/RCTAssert.h>
 
@@ -87,19 +87,6 @@ void UIGraphicsEndImageContext(void)
 
 // UIImage
 
-static NSData *NSImageDataForFileType(NSImage *image, NSBitmapImageFileType fileType, NSDictionary<NSString *, id> *properties)
-{
-  RCTAssert(image.representations.count == 1, @"Expected only a single representation since UIImage only supports one.");
-
-  NSBitmapImageRep *imageRep = (NSBitmapImageRep *)image.representations.firstObject;
-  if (![imageRep isKindOfClass:[NSBitmapImageRep class]]) {
-    RCTAssert([imageRep isKindOfClass:[NSBitmapImageRep class]], @"We need an NSBitmapImageRep to create an image.");
-    return nil;
-  }
-
-  return [imageRep representationUsingType:fileType properties:properties];
-}
-
 CGFloat UIImageGetScale(NSImage *image)
 {
   if (image == nil) {
@@ -119,19 +106,32 @@ CGFloat UIImageGetScale(NSImage *image)
   return 1.0;
 }
 
-NSData *UIImagePNGRepresentation(NSImage *image)
+CGImageRef UIImageGetCGImageRef(NSImage *image)
 {
-  return NSImageDataForFileType(image, NSBitmapImageFileTypePNG, @{});
+  return [image CGImageForProposedRect:NULL context:NULL hints:NULL];
 }
 
-NSData *UIImageJPEGRepresentation(NSImage *image, CGFloat compressionQuality)
+static NSData *NSImageDataForFileType(NSImage *image, NSBitmapImageFileType fileType, NSDictionary<NSString *, id> *properties)
 {
-  return NSImageDataForFileType(image, NSBitmapImageFileTypeJPEG, @{NSImageCompressionFactor : @(compressionQuality)});
+  RCTAssert(image.representations.count == 1, @"Expected only a single representation since UIImage only supports one.");
+
+  NSBitmapImageRep *imageRep = (NSBitmapImageRep *)image.representations.firstObject;
+  if (![imageRep isKindOfClass:[NSBitmapImageRep class]]) {
+    RCTAssert([imageRep isKindOfClass:[NSBitmapImageRep class]], @"We need an NSBitmapImageRep to create an image.");
+    return nil;
+  }
+
+  return [imageRep representationUsingType:fileType properties:properties];
 }
 
-CGImageRef UIImageGetCGImageRef(NSImage *image)
-{
-  return [image CGImageForProposedRect:NULL context:NULL hints:NULL];
+NSData *UIImagePNGRepresentation(NSImage *image) {
+  return NSImageDataForFileType(image, NSBitmapImageFileTypePNG, @{});
+}
+
+NSData *UIImageJPEGRepresentation(NSImage *image, CGFloat compressionQuality) {
+  return NSImageDataForFileType(image,
+                                NSBitmapImageFileTypeJPEG,
+                                @{NSImageCompressionFactor: @(1.0)});
 }
 
 // UIBezierPath
diff --git a/React/CoreModules/BUCK b/React/CoreModules/BUCK
new file mode 100644
index 00000000000000..2fa8a4b5b16060
--- /dev/null
+++ b/React/CoreModules/BUCK
@@ -0,0 +1,62 @@
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "OBJC_ARC_PREPROCESSOR_FLAGS", "get_debug_preprocessor_flags", "get_fbobjc_enable_exception_lang_compiler_flags_DEPRECATED")
+load("@fbsource//tools/build_defs/oss:rn_defs.bzl", "rn_apple_library", "rn_debug_flags")
+load(
+    "@fbsource//xplat/configurations/buck/apple/plugins/sad_xplat_hosted_configurations:react_module_registration.bzl",
+    "react_module_plugin_providers",
+)
+
+rn_apple_library(
+    name = "CoreModulesApple",
+    srcs = glob(
+        [
+            "**/*.m",
+            "**/*.mm",
+        ],
+    ),
+    exported_headers = glob(["**/*.h"]),
+    compiler_flags = [
+        "-Wno-error=unguarded-availability-new",
+        "-Wno-unknown-warning-option",
+    ],
+    contacts = ["oncall+react_native@xmail.facebook.com"],
+    exported_linker_flags = [
+        "-weak_framework",
+        "UserNotifications",
+        "-weak_framework",
+        "WebKit",
+    ],
+    exported_preprocessor_flags = rn_debug_flags(),
+    frameworks = [
+        "Foundation",
+        "UIKit",
+    ],
+    header_path_prefix = "React",
+    lang_compiler_flags = get_fbobjc_enable_exception_lang_compiler_flags_DEPRECATED(),
+    link_whole = True,
+    platform_preprocessor_flags = [(
+        "linux",
+        ["-D PIC_MODIFIER=@PLT"],
+    )],
+    plugins = react_module_plugin_providers(
+                name = "ExceptionsManager",
+                native_class_func = "RCTExceptionsManagerCls",
+              ) +
+              react_module_plugin_providers(
+                  name = "ImageLoader",
+                  native_class_func = "RCTImageLoaderCls",
+              ) +
+              react_module_plugin_providers(
+                  name = "PlatformConstants",
+                  native_class_func = "RCTPlatformCls",
+              ),
+    preprocessor_flags = OBJC_ARC_PREPROCESSOR_FLAGS + get_debug_preprocessor_flags() + rn_debug_flags() + [
+        "-DRN_DISABLE_OSS_PLUGIN_HEADER",
+    ],
+    reexport_all_header_dependencies = True,
+    visibility = ["PUBLIC"],
+    exported_deps = [
+        "fbsource//xplat/js:RCTImageApple",
+        "fbsource//xplat/js/react-native-github:ReactInternalApple",
+        "fbsource//xplat/js/react-native-github/Libraries/FBReactNativeSpec:FBReactNativeSpecApple",
+    ],
+)
diff --git a/React/CoreModules/CoreModulesPlugins.h b/React/CoreModules/CoreModulesPlugins.h
new file mode 100644
index 00000000000000..4fc55c0a140637
--- /dev/null
+++ b/React/CoreModules/CoreModulesPlugins.h
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 an internal plugin build system
+ */
+
+#ifdef RN_DISABLE_OSS_PLUGIN_HEADER
+
+// FB Internal: Plugins.h is autogenerated by the build system.
+#import "Plugins.h"
+
+#else
+
+// OSS-compatibility layer
+
+#import <Foundation/Foundation.h>
+
+#pragma GCC diagnostic push
+#pragma GCC diagnostic ignored "-Wreturn-type-c-linkage"
+
+#ifdef __cplusplus
+extern "C" {
+#endif
+
+// RCTTurboModuleManagerDelegate should call this to resolve module classes.
+Class RCTCoreModulesClassProvider(const char *name);
+
+// Lookup functions
+Class RCTExceptionsManagerCls(void);
+Class RCTImageLoaderCls(void);
+Class RCTPlatformCls(void);
+
+#ifdef __cplusplus
+}
+#endif
+
+#pragma GCC diagnostic pop
+
+#endif // RN_DISABLE_OSS_PLUGIN_HEADER
diff --git a/React/CoreModules/CoreModulesPlugins.mm b/React/CoreModules/CoreModulesPlugins.mm
new file mode 100644
index 00000000000000..a404596d2d9946
--- /dev/null
+++ b/React/CoreModules/CoreModulesPlugins.mm
@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 an internal plugin build system
+ */
+
+#ifndef RN_DISABLE_OSS_PLUGIN_HEADER
+
+// OSS-compatibility layer
+
+#import "CoreModulesPlugins.h"
+
+#import <string>
+#import <unordered_map>
+
+static std::unordered_map<std::string, Class (*)(void)> sCoreModuleClassMap = {
+  {"ExceptionsManager", RCTExceptionsManagerCls},
+{"ImageLoader", RCTImageLoaderCls},
+{"PlatformConstants", RCTPlatformCls},
+};
+
+Class RCTCoreModulesClassProvider(const char *name) {
+  auto p = sCoreModuleClassMap.find(name);
+  if (p != sCoreModuleClassMap.end()) {
+    auto classFunc = p->second;
+    return classFunc();
+  }
+  return nil;
+}
+
+#endif // RN_DISABLE_OSS_PLUGIN_HEADER
diff --git a/React/Modules/RCTExceptionsManager.h b/React/CoreModules/RCTExceptionsManager.h
similarity index 88%
rename from React/Modules/RCTExceptionsManager.h
rename to React/CoreModules/RCTExceptionsManager.h
index 0e4489c57f93ba..e6c0f95178c664 100644
--- a/React/Modules/RCTExceptionsManager.h
+++ b/React/CoreModules/RCTExceptionsManager.h
@@ -25,8 +25,8 @@ NS_ASSUME_NONNULL_BEGIN
 
 - (instancetype)initWithDelegate:(id<RCTExceptionsManagerDelegate>)delegate;
 
-- (void)reportSoftException:(nullable NSString *)message stack:(nullable NSArray<NSDictionary *> *)stack exceptionId:(NSNumber *)exceptionId;
-- (void)reportFatalException:(nullable NSString *)message stack:(nullable NSArray<NSDictionary *> *)stack exceptionId:(NSNumber *)exceptionId;
+- (void)reportSoftException:(nullable NSString *)message stack:(nullable NSArray<NSDictionary *> *)stack exceptionId:(double)exceptionId;
+- (void)reportFatalException:(nullable NSString *)message stack:(nullable NSArray<NSDictionary *> *)stack exceptionId:(double)exceptionId;
 
 @property (nonatomic, weak) id<RCTExceptionsManagerDelegate> delegate;
 
diff --git a/React/Modules/RCTExceptionsManager.m b/React/CoreModules/RCTExceptionsManager.mm
similarity index 63%
rename from React/Modules/RCTExceptionsManager.m
rename to React/CoreModules/RCTExceptionsManager.mm
index 5108f36ebc8648..2bb930e5f21ddd 100644
--- a/React/Modules/RCTExceptionsManager.m
+++ b/React/CoreModules/RCTExceptionsManager.mm
@@ -7,11 +7,18 @@
 
 #import "RCTExceptionsManager.h"
 
-#import "RCTConvert.h"
-#import "RCTDefines.h"
-#import "RCTLog.h"
-#import "RCTRedBox.h"
-#import "RCTRootView.h"
+#import <FBReactNativeSpec/FBReactNativeSpec.h>
+#import <React/RCTConvert.h>
+#import <React/RCTDefines.h>
+#import <React/RCTLog.h>
+#import <React/RCTRedBox.h>
+#import <React/RCTRootView.h>
+
+#import "CoreModulesPlugins.h"
+
+@interface RCTExceptionsManager() <NativeExceptionsManagerSpec>
+
+@end
 
 @implementation RCTExceptionsManager
 
@@ -29,23 +36,23 @@ - (instancetype)initWithDelegate:(id<RCTExceptionsManagerDelegate>)delegate
 
 RCT_EXPORT_METHOD(reportSoftException:(NSString *)message
                   stack:(NSArray<NSDictionary *> *)stack
-                  exceptionId:(nonnull NSNumber *)exceptionId)
+                  exceptionId:(double)exceptionId)
 {
   [_bridge.redBox showErrorMessage:message withStack:stack];
 
   if (_delegate) {
-    [_delegate handleSoftJSExceptionWithMessage:message stack:stack exceptionId:exceptionId];
+    [_delegate handleSoftJSExceptionWithMessage:message stack:stack exceptionId:[NSNumber numberWithDouble:exceptionId]];
   }
 }
 
 RCT_EXPORT_METHOD(reportFatalException:(NSString *)message
                   stack:(NSArray<NSDictionary *> *)stack
-                  exceptionId:(nonnull NSNumber *)exceptionId)
+                  exceptionId:(double) exceptionId)
 {
   [_bridge.redBox showErrorMessage:message withStack:stack];
 
   if (_delegate) {
-    [_delegate handleFatalJSExceptionWithMessage:message stack:stack exceptionId:exceptionId];
+    [_delegate handleFatalJSExceptionWithMessage:message stack:stack exceptionId:[NSNumber numberWithDouble:exceptionId]];
   }
 
   static NSUInteger reloadRetries = 0;
@@ -61,12 +68,12 @@ - (instancetype)initWithDelegate:(id<RCTExceptionsManagerDelegate>)delegate
 
 RCT_EXPORT_METHOD(updateExceptionMessage:(NSString *)message
                   stack:(NSArray<NSDictionary *> *)stack
-                  exceptionId:(nonnull NSNumber *)exceptionId)
+                  exceptionId:(double)exceptionId)
 {
   [_bridge.redBox updateErrorMessage:message withStack:stack];
 
   if (_delegate && [_delegate respondsToSelector:@selector(updateJSExceptionWithMessage:stack:exceptionId:)]) {
-    [_delegate updateJSExceptionWithMessage:message stack:stack exceptionId:exceptionId];
+    [_delegate updateJSExceptionWithMessage:message stack:stack exceptionId:[NSNumber numberWithDouble:exceptionId]];
   }
 }
 
@@ -74,7 +81,28 @@ - (instancetype)initWithDelegate:(id<RCTExceptionsManagerDelegate>)delegate
 RCT_EXPORT_METHOD(reportUnhandledException:(NSString *)message
                   stack:(NSArray<NSDictionary *> *)stack)
 {
-  [self reportFatalException:message stack:stack exceptionId:@-1];
+  [self reportFatalException:message stack:stack exceptionId:-1];
+}
+
+RCT_EXPORT_METHOD(dismissRedbox)
+{
+
+}
+
+RCT_EXPORT_METHOD(reportException:(JS::NativeExceptionsManager::ExceptionData &)data)
+{
+
+}
+
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:
+(std::shared_ptr<facebook::react::JSCallInvoker>)jsInvoker
+{
+  return std::make_shared<facebook::react::NativeExceptionsManagerSpecJSI>(self, jsInvoker);
 }
 
 @end
+
+Class RCTExceptionsManagerCls(void)
+{
+  return RCTExceptionsManager.class;
+}
diff --git a/Libraries/Image/RCTImageEditingManager.h b/React/CoreModules/RCTImageEditingManager.h
similarity index 100%
rename from Libraries/Image/RCTImageEditingManager.h
rename to React/CoreModules/RCTImageEditingManager.h
diff --git a/React/CoreModules/RCTImageEditingManager.m b/React/CoreModules/RCTImageEditingManager.m
new file mode 100644
index 00000000000000..8d5238bb347f9e
--- /dev/null
+++ b/React/CoreModules/RCTImageEditingManager.m
@@ -0,0 +1,81 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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/RCTImageEditingManager.h>
+
+#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
+
+#import <React/RCTConvert.h>
+#import <React/RCTImageLoader.h>
+#import <React/RCTImageStoreManager.h>
+#import <React/RCTImageUtils.h>
+#import <React/RCTImageLoaderProtocol.h>
+#import <React/RCTLog.h>
+#import <React/RCTUtils.h>
+
+@implementation RCTImageEditingManager
+
+RCT_EXPORT_MODULE()
+
+@synthesize bridge = _bridge;
+
+/**
+ * Crops an image and adds the result to the image store.
+ *
+ * @param imageRequest An image URL
+ * @param cropData Dictionary with `offset`, `size` and `displaySize`.
+ *        `offset` and `size` are relative to the full-resolution image size.
+ *        `displaySize` is an optimization - if specified, the image will
+ *        be scaled down to `displaySize` rather than `size`.
+ *        All units are in px (not points).
+ */
+RCT_EXPORT_METHOD(cropImage:(NSURLRequest *)imageRequest
+                  cropData:(NSDictionary *)cropData
+                  successCallback:(RCTResponseSenderBlock)successCallback
+                  errorCallback:(RCTResponseErrorBlock)errorCallback)
+{
+  CGRect rect = {
+    [RCTConvert CGPoint:cropData[@"offset"]],
+    [RCTConvert CGSize:cropData[@"size"]]
+  };
+
+  [[_bridge moduleForName:@"ImageLoader"]
+   loadImageWithURLRequest:imageRequest callback:^(NSError *error, UIImage *image) {
+     if (error) {
+       errorCallback(error);
+       return;
+     }
+
+     // Crop image
+     CGSize targetSize = rect.size;
+     CGRect targetRect = {{-rect.origin.x, -rect.origin.y}, image.size};
+     CGAffineTransform transform = RCTTransformFromTargetRect(image.size, targetRect);
+     UIImage *croppedImage = RCTTransformImage(image, targetSize, UIImageGetScale(image), transform); // TODO(macOS ISS#2323203)
+
+     // Scale image
+     if (cropData[@"displaySize"]) {
+       targetSize = [RCTConvert CGSize:cropData[@"displaySize"]]; // in pixels
+       RCTResizeMode resizeMode = [RCTConvert RCTResizeMode:cropData[@"resizeMode"] ?: @"contain"];
+       targetRect = RCTTargetRect(croppedImage.size, targetSize, 1, resizeMode);
+       transform = RCTTransformFromTargetRect(croppedImage.size, targetRect);
+       croppedImage = RCTTransformImage(croppedImage, targetSize, UIImageGetScale(image), transform); // TODO(macOS ISS#2323203)
+     }
+
+     // Store image
+     [self->_bridge.imageStoreManager storeImage:croppedImage withBlock:^(NSString *croppedImageTag) {
+       if (!croppedImageTag) {
+         NSString *errorMessage = @"Error storing cropped image in RCTImageStoreManager";
+         RCTLogWarn(@"%@", errorMessage);
+         errorCallback(RCTErrorWithMessage(errorMessage));
+         return;
+       }
+       successCallback(@[croppedImageTag]);
+     }];
+   }];
+}
+
+@end
diff --git a/React/CoreModules/RCTImageLoader.h b/React/CoreModules/RCTImageLoader.h
new file mode 100644
index 00000000000000..0f23d48170d361
--- /dev/null
+++ b/React/CoreModules/RCTImageLoader.h
@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
+
+#import <React/RCTBridge.h>
+#import <React/RCTResizeMode.h>
+#import <React/RCTURLRequestHandler.h>
+#import <React/RCTImageDataDecoder.h>
+#import <React/RCTImageURLLoader.h>
+#import <React/RCTImageCache.h>
+#import <React/RCTImageLoaderProtocol.h>
+
+@interface RCTImageLoader : NSObject <RCTBridgeModule, RCTImageLoaderProtocol>
+- (instancetype)init;
+- (instancetype)initWithRedirectDelegate:(id<RCTImageRedirectProtocol>)redirectDelegate NS_DESIGNATED_INITIALIZER;
+- (instancetype)initWithRedirectDelegate:(id<RCTImageRedirectProtocol>)redirectDelegate
+                              loadersProvider:(NSArray<id<RCTImageURLLoader>> * (^)(void))getLoaders
+                             decodersProvider:(NSArray<id<RCTImageDataDecoder>> * (^)(void))getDecoders;
+@end
+
+/**
+ * DEPRECATED!! DO NOT USE
+ * Instead use `[_bridge moduleForClass:[RCTImageLoader class]]`
+ */
+@interface RCTBridge (RCTImageLoader)
+
+@property (nonatomic, readonly) RCTImageLoader *imageLoader;
+
+@end
diff --git a/Libraries/Image/RCTImageLoader.m b/React/CoreModules/RCTImageLoader.mm
similarity index 91%
rename from Libraries/Image/RCTImageLoader.m
rename to React/CoreModules/RCTImageLoader.mm
index ab718b2baeb8e4..d1ffbc2a545a8b 100644
--- a/Libraries/Image/RCTImageLoader.m
+++ b/React/CoreModules/RCTImageLoader.mm
@@ -5,52 +5,57 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import <stdatomic.h>
 #import <objc/runtime.h>
+#import <atomic>
 
 #import <ImageIO/ImageIO.h>
 
+#import <FBReactNativeSpec/FBReactNativeSpec.h>
 #import <React/RCTConvert.h>
 #import <React/RCTDefines.h>
 #import <React/RCTDevSettings.h> // TODO(OSS Candidate ISS#2710739)
+#import <React/RCTImageCache.h>
 #import <React/RCTImageLoader.h>
+#import <React/RCTImageUtils.h>
 #import <React/RCTLog.h>
 #import <React/RCTNetworking.h>
 #import <React/RCTUtils.h>
 
-#import "RCTImageCache.h"
-#import "RCTImageUtils.h"
+#import "CoreModulesPlugins.h"
 
 static NSInteger RCTImageBytesForImage(UIImage *image)
 {
-  CAKeyframeAnimation *keyFrameAnimation = [image reactKeyframeAnimation];
   CGFloat imageScale = 1.0;
 #if !TARGET_OS_OSX // [TODO(macOS ISS#2323203)
   imageScale = image.scale; // [TODO(macOS ISS#2323203) // no .scale prop on NSImage
 #endif // [TODO(macOS ISS#2323203)
   NSInteger singleImageBytes = image.size.width * image.size.height * imageScale * imageScale * 4;
-  if (keyFrameAnimation) {
-    return keyFrameAnimation.values.count * singleImageBytes;
-  } else {
 #if !TARGET_OS_OSX // [TODO(macOS ISS#2323203)
-    return image.images ? image.images.count * singleImageBytes : singleImageBytes;
+  return image.images ? image.images.count * singleImageBytes : singleImageBytes;
 #else // [TODO(macOS ISS#2323203)
     return singleImageBytes; // [TODO(macOS ISS#2323203)
 #endif // [TODO(macOS ISS#2323203)
-  }
 }
 
-@implementation UIImage (React)
-
-- (CAKeyframeAnimation *)reactKeyframeAnimation
+#if TARGET_OS_OSX
+static NSData *NSImageDataForFileType(NSImage *image, NSBitmapImageFileType fileType, NSDictionary<NSString *, id> *properties)
 {
-  return objc_getAssociatedObject(self, _cmd);
-}
+  RCTAssert(image.representations.count == 1, @"Expected only a single representation since UIImage only supports one.");
 
-- (void)setReactKeyframeAnimation:(CAKeyframeAnimation *)reactKeyframeAnimation
-{
-  objc_setAssociatedObject(self, @selector(reactKeyframeAnimation), reactKeyframeAnimation, OBJC_ASSOCIATION_COPY_NONATOMIC);
+  NSBitmapImageRep *imageRep = (NSBitmapImageRep *)image.representations.firstObject;
+  if (![imageRep isKindOfClass:[NSBitmapImageRep class]]) {
+    RCTAssert([imageRep isKindOfClass:[NSBitmapImageRep class]], @"We need an NSBitmapImageRep to create an image.");
+    return nil;
+  }
+
+  return [imageRep representationUsingType:fileType properties:properties];
 }
+#endif // TARGET_OS_OSX
+@interface RCTImageLoader() <NativeImageLoaderSpec>
+
+@end
+
+@implementation UIImage (React)
 
 - (NSInteger)reactDecodedImageBytes
 {
@@ -86,6 +91,9 @@ @implementation RCTImageLoader
 }
 
 @synthesize bridge = _bridge;
+@synthesize maxConcurrentLoadingTasks = _maxConcurrentLoadingTasks;
+@synthesize maxConcurrentDecodingTasks = _maxConcurrentDecodingTasks;
+@synthesize maxConcurrentDecodingBytes = _maxConcurrentDecodingBytes;
 
 RCT_EXPORT_MODULE()
 
@@ -145,7 +153,7 @@ - (float)handlerPriority
 - (void)setImageCache:(id<RCTImageCache>)cache
 {
   if (_imageCache) {
-    RCTLogWarn(@"RCTImageCache was already set and has now been overriden.");
+    RCTLogWarn(@"RCTImageCache was already set and has now been overridden.");
   }
   _imageCache = cache;
 }
@@ -289,11 +297,9 @@ - (void)setImageCache:(id<RCTImageCache>)cache
       CGSizeEqualToSize(image.size, size)) {
     return image;
   }
-  CAKeyframeAnimation *animation = image.reactKeyframeAnimation;
   CGRect targetSize = RCTTargetRect(image.size, size, scale, resizeMode);
   CGAffineTransform transform = RCTTransformFromTargetRect(image.size, targetSize);
   image = RCTTransformImage(image, size, scale, transform);
-  image.reactKeyframeAnimation = animation;
   return image;
 }
 
@@ -408,7 +414,7 @@ - (RCTImageLoaderCancellationBlock)_loadImageOrDataWithURLRequest:(NSURLRequest
   BOOL cacheResult = [loadHandler respondsToSelector:@selector(shouldCacheLoadedImages)] ?
   [loadHandler shouldCacheLoadedImages] : YES;
 
-  __block atomic_bool cancelled = ATOMIC_VAR_INIT(NO);
+  auto cancelled = std::make_shared<std::atomic<int>>(0);
   __block dispatch_block_t cancelLoad = nil;
   __block NSLock *cancelLoadLock = [NSLock new];
   void (^completionHandler)(NSError *, id, NSURLResponse *) = ^(NSError *error, id imageOrData, NSURLResponse *response) {
@@ -422,11 +428,11 @@ - (RCTImageLoaderCancellationBlock)_loadImageOrDataWithURLRequest:(NSURLRequest
       // Most loaders do not return on the main thread, so caller is probably not
       // expecting it, and may do expensive post-processing in the callback
       dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
-        if (!atomic_load(&cancelled)) {
+        if (!std::atomic_load(cancelled.get())) {
           completionBlock(error, imageOrData, cacheResult, response);
         }
       });
-    } else if (!atomic_load(&cancelled)) {
+    } else if (!std::atomic_load(cancelled.get())) {
       completionBlock(error, imageOrData, cacheResult, response);
     }
   };
@@ -453,8 +459,8 @@ - (RCTImageLoaderCancellationBlock)_loadImageOrDataWithURLRequest:(NSURLRequest
   __weak RCTImageLoader *weakSelf = self;
   dispatch_async(_URLRequestQueue, ^{
     __typeof(self) strongSelf = weakSelf;
-    if (atomic_load(&cancelled) || !strongSelf) {
-      return;
+  if (atomic_load(cancelled.get()) || !strongSelf) {
+    return;
     }
 
     if (loadHandler) {
@@ -494,7 +500,7 @@ - (RCTImageLoaderCancellationBlock)_loadImageOrDataWithURLRequest:(NSURLRequest
   });
 
   return ^{
-    BOOL alreadyCancelled = atomic_fetch_or(&cancelled, 1);
+    BOOL alreadyCancelled = atomic_fetch_or(cancelled.get(), 1);
     if (alreadyCancelled) {
       return;
     }
@@ -628,11 +634,11 @@ - (RCTImageLoaderCancellationBlock)loadImageWithURLRequest:(NSURLRequest *)image
                                           partialLoadBlock:(RCTImageLoaderPartialLoadBlock)partialLoadBlock
                                            completionBlock:(RCTImageLoaderCompletionBlock)completionBlock
 {
-  __block atomic_bool cancelled = ATOMIC_VAR_INIT(NO);
+  auto cancelled = std::make_shared<std::atomic<int>>(0);
   __block dispatch_block_t cancelLoad = nil;
   __block NSLock *cancelLoadLock = [NSLock new];
   dispatch_block_t cancellationBlock = ^{
-    BOOL alreadyCancelled = atomic_fetch_or(&cancelled, 1);
+    BOOL alreadyCancelled = atomic_fetch_or(cancelled.get(), 1);
     if (alreadyCancelled) {
       return;
     }
@@ -648,7 +654,7 @@ - (RCTImageLoaderCancellationBlock)loadImageWithURLRequest:(NSURLRequest *)image
   __weak RCTImageLoader *weakSelf = self;
   void (^completionHandler)(NSError *, id, BOOL, NSURLResponse *) = ^(NSError *error, id imageOrData, BOOL cacheResult, NSURLResponse *response) {
     __typeof(self) strongSelf = weakSelf;
-    if (atomic_load(&cancelled) || !strongSelf) {
+    if (std::atomic_load(cancelled.get()) || !strongSelf) {
       return;
     }
 
@@ -708,17 +714,17 @@ - (RCTImageLoaderCancellationBlock)decodeImageData:(NSData *)data
     return ^{};
   }
 
-  __block atomic_bool cancelled = ATOMIC_VAR_INIT(NO);
+  auto cancelled = std::make_shared<std::atomic<int>>(0);
   void (^completionHandler)(NSError *, UIImage *) = ^(NSError *error, UIImage *image) {
     if (RCTIsMainQueue()) {
       // Most loaders do not return on the main thread, so caller is probably not
       // expecting it, and may do expensive post-processing in the callback
       dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
-        if (!atomic_load(&cancelled)) {
+        if (!std::atomic_load(cancelled.get())) {
           completionBlock(error, clipped ? RCTResizeImageIfNeeded(image, size, scale, resizeMode) : image);
         }
       });
-    } else if (!atomic_load(&cancelled)) {
+    } else if (!std::atomic_load(cancelled.get())) {
       completionBlock(error, clipped ? RCTResizeImageIfNeeded(image, size, scale, resizeMode) : image);
     }
   };
@@ -740,7 +746,7 @@ - (RCTImageLoaderCancellationBlock)decodeImageData:(NSData *)data
 
       // Do actual decompression on a concurrent background queue
       dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
-        if (!atomic_load(&cancelled)) {
+        if (!std::atomic_load(cancelled.get())) {
 
           // Decompress the image data (this may be CPU and memory intensive)
           UIImage *image = RCTDecodeImageWithData(data, size, scale, resizeMode);
@@ -799,7 +805,7 @@ - (RCTImageLoaderCancellationBlock)decodeImageData:(NSData *)data
     });
 
     return ^{
-      atomic_store(&cancelled, YES);
+      std::atomic_store(cancelled.get(), 1);
     };
   }
 }
@@ -820,8 +826,8 @@ - (RCTImageLoaderCancellationBlock)getImageSizeForURLRequest:(NSURLRequest *)ima
         case kCGImagePropertyOrientationRightMirrored:
           // swap width and height
           size = (CGSize){
-            [meta[(id)kCGImagePropertyPixelHeight] doubleValue],
-            [meta[(id)kCGImagePropertyPixelWidth] doubleValue],
+            [meta[(id)kCGImagePropertyPixelHeight] floatValue],
+            [meta[(id)kCGImagePropertyPixelWidth] floatValue],
           };
           break;
         case kCGImagePropertyOrientationUp:
@@ -830,14 +836,19 @@ - (RCTImageLoaderCancellationBlock)getImageSizeForURLRequest:(NSURLRequest *)ima
         case kCGImagePropertyOrientationDownMirrored:
         default:
           size = (CGSize){
-            [meta[(id)kCGImagePropertyPixelWidth] doubleValue],
-            [meta[(id)kCGImagePropertyPixelHeight] doubleValue],
+            [meta[(id)kCGImagePropertyPixelWidth] floatValue],
+            [meta[(id)kCGImagePropertyPixelHeight] floatValue],
           };
           break;
       }
     } else {
       UIImage *image = imageOrData;
-      CGFloat imageScale = UIImageGetScale(image); // TODO(macOS ISS#2323203)
+#if !TARGET_OS_OSX
+      CGFloat imageScale = image.scale;
+#else
+      // Trust -[NSImage size] on macOS since an image is a collection of representations instead of a thin wrapper around a CGImage
+      CGFloat imageScale = 1.0;
+#endif // TARGET_OS_OSX
       size = (CGSize){
           image.size.width * imageScale, // TODO(macOS ISS#2323203)
           image.size.height * imageScale, // TODO(macOS ISS#2323203)
@@ -937,10 +948,20 @@ - (id)sendRequest:(NSURLRequest *)request withDelegate:(id<RCTURLRequestDelegate
     NSData *imageData = nil;
     if (RCTUIImageHasAlpha(image)) { // TODO(macOS ISS#2323203)
         mimeType = @"image/png";
+#if TARGET_OS_OSX
+        imageData = NSImageDataForFileType(image, NSBitmapImageFileTypePNG, @{});
+#else
         imageData = UIImagePNGRepresentation(image);
+#endif // !TARGET_OS_OSX
     } else {
         mimeType = @"image/jpeg";
+#if TARGET_OS_OSX
+        imageData = NSImageDataForFileType(image,
+                                           NSBitmapImageFileTypeJPEG,
+                                           @{NSImageCompressionFactor : @(1.0)});
+#else
         imageData = UIImageJPEGRepresentation(image, 1.0);
+#endif // !TARGET_OS_OSX
     }
 
     NSURLResponse *response = [[NSURLResponse alloc] initWithURL:request.URL
@@ -963,13 +984,30 @@ - (void)cancelRequest:(id)requestToken
   }
 }
 
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:
+  (std::shared_ptr<facebook::react::JSCallInvoker>)jsInvoker
+{
+  return std::make_shared<facebook::react::NativeImageLoaderSpecJSI>(self, jsInvoker);
+}
+
 @end
 
+/**
+ * DEPRECATED!! DO NOT USE
+ * Instead use `[_bridge moduleForClass:[RCTImageLoader class]]`
+ */
 @implementation RCTBridge (RCTImageLoader)
 
 - (RCTImageLoader *)imageLoader
 {
+  RCTLogWarn(@"Calling bridge.imageLoader is deprecated and will not work in newer versions of RN. Please update to the"
+             "moduleForClass API or turboModuleLookupDelegate API.");
   return [self moduleForClass:[RCTImageLoader class]];
 }
 
 @end
+
+Class RCTImageLoaderCls(void)
+{
+  return RCTImageLoader.class;
+}
diff --git a/Libraries/Image/RCTImageStoreManager.h b/React/CoreModules/RCTImageStoreManager.h
similarity index 100%
rename from Libraries/Image/RCTImageStoreManager.h
rename to React/CoreModules/RCTImageStoreManager.h
diff --git a/Libraries/Image/RCTImageStoreManager.m b/React/CoreModules/RCTImageStoreManager.m
similarity index 99%
rename from Libraries/Image/RCTImageStoreManager.m
rename to React/CoreModules/RCTImageStoreManager.m
index 1cecbf1c3fed76..fe48e99a276b44 100644
--- a/Libraries/Image/RCTImageStoreManager.m
+++ b/React/CoreModules/RCTImageStoreManager.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTImageStoreManager.h"
+#import <React/RCTImageStoreManager.h>
 
 #import <stdatomic.h>
 
@@ -18,7 +18,7 @@
 #import <React/RCTLog.h>
 #import <React/RCTUtils.h>
 
-#import "RCTImageUtils.h"
+#import <React/RCTImageUtils.h>
 
 static NSString *const RCTImageStoreURLScheme = @"rct-image-store";
 
diff --git a/React/Base/RCTPlatform.h b/React/CoreModules/RCTPlatform.h
similarity index 100%
rename from React/Base/RCTPlatform.h
rename to React/CoreModules/RCTPlatform.h
diff --git a/React/CoreModules/RCTPlatform.mm b/React/CoreModules/RCTPlatform.mm
new file mode 100644
index 00000000000000..2eeab3dc6a3683
--- /dev/null
+++ b/React/CoreModules/RCTPlatform.mm
@@ -0,0 +1,86 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTPlatform.h"
+
+#import <UIKit/UIKit.h>
+
+#import <FBReactNativeSpec/FBReactNativeSpec.h>
+#import <React/RCTUtils.h>
+#import <React/RCTVersion.h>
+
+#import "CoreModulesPlugins.h"
+
+using namespace facebook::react;
+
+static NSString *interfaceIdiom(UIUserInterfaceIdiom idiom) {
+  switch(idiom) {
+    case UIUserInterfaceIdiomPhone:
+      return @"phone";
+    case UIUserInterfaceIdiomPad:
+      return @"pad";
+    case UIUserInterfaceIdiomTV:
+      return @"tv";
+    case UIUserInterfaceIdiomCarPlay:
+      return @"carplay";
+    default:
+      return @"unknown";
+  }
+}
+
+@interface RCTPlatform () <NativePlatformConstantsIOSSpec>
+@end
+
+@implementation RCTPlatform
+
+RCT_EXPORT_MODULE(PlatformConstants)
+
++ (BOOL)requiresMainQueueSetup
+{
+  return YES;
+}
+
+- (dispatch_queue_t)methodQueue
+{
+  return dispatch_get_main_queue();
+}
+
+// TODO: Use the generated struct return type.
+- (ModuleConstants<JS::NativePlatformConstantsIOS::Constants>)constantsToExport
+{
+  return (ModuleConstants<JS::NativePlatformConstantsIOS::Constants>)[self getConstants];
+}
+
+- (ModuleConstants<JS::NativePlatformConstantsIOS::Constants>)getConstants
+{
+  UIDevice *device = [UIDevice currentDevice];
+  auto versions = RCTGetReactNativeVersion();
+  return 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]] ? folly::Optional<double>{} : [versions[@"prerelease"] doubleValue]
+    }),
+  });
+}
+
+- (std::shared_ptr<TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<JSCallInvoker>)jsInvoker
+{
+  return std::make_shared<NativePlatformConstantsIOSSpecJSI>(self, jsInvoker);
+}
+
+@end
+
+Class RCTPlatformCls(void) {
+  return RCTPlatform.class;
+}
diff --git a/ReactCommon/turbomodule/samples/React-turbomodule-samples.podspec b/React/CoreModules/React-CoreModules.podspec
similarity index 55%
rename from ReactCommon/turbomodule/samples/React-turbomodule-samples.podspec
rename to React/CoreModules/React-CoreModules.podspec
index da4111a1a79b0b..c676f9fd014ef2 100644
--- a/ReactCommon/turbomodule/samples/React-turbomodule-samples.podspec
+++ b/React/CoreModules/React-CoreModules.podspec
@@ -6,7 +6,7 @@
 
 require "json"
 
-package = JSON.parse(File.read(File.join(__dir__, "..", "..", "..", "package.json")))
+package = JSON.parse(File.read(File.join(__dir__, "..", "..", "package.json")))
 version = package['version']
 
 source = { :git => 'https://github.com/facebook/react-native.git' }
@@ -19,31 +19,31 @@ end
 
 folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
 folly_version = '2018.10.22.00'
-boost_compiler_flags = '-Wno-documentation'
 
 Pod::Spec.new do |s|
-  s.name                   = "React-turbomodule-samples"
+  s.name                   = "React-CoreModules"
   s.version                = version
   s.summary                = "-"  # TODO
   s.homepage               = "http://facebook.github.io/react-native/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
   s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.14" } # TODO(macOS GH#214)
+  s.compiler_flags         = folly_compiler_flags + ' -Wno-nullability-completeness'
   s.source                 = source
-  s.source_files           = "*.{cpp,h}"
-  s.compiler_flags         = folly_compiler_flags + ' ' + boost_compiler_flags
-  s.pod_target_xcconfig    = { "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost-for-react-native\" \"$(PODS_ROOT)/Folly\" \"$(PODS_ROOT)/DoubleConversion\"" }
-  s.header_dir             = "jsireact"
-  s.xcconfig               = { "OTHER_CFLAGS" => "$(inherited) -DRN_TURBO_MODULE_ENABLED" }
+  s.source_files           = "**/*.{c,m,mm,cpp}"
+  s.osx.exclude_files      = "RCTPlatform.mm"
 
-  s.dependency "React-Core", version
-  s.dependency "React-cxxreact", version
-  s.dependency "React-jsi", version
-  s.dependency "React-turbomodule-core", version
-  s.dependency "Folly", folly_version
+  s.header_dir             = "CoreModules"
+  s.pod_target_xcconfig    = {
+                               "USE_HEADERMAP" => "YES",
+                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++14",
+                               "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/React/CoreModules\" \"$(PODS_ROOT)/Folly\""
+                             }
 
-  s.subspec "samples-ios" do |ss|
-    ss.source_files   = "platform/ios/*.{mm,cpp,h}"
-    ss.header_dir     = "jsireact"
-  end
+  s.dependency "FBReactNativeSpec", version
+  s.dependency "RCTTypeSafety", version
+  s.dependency "React-RCTImage", version
+  s.dependency "Folly", folly_version
+  s.dependency "React-Core/CoreModulesHeaders", version
+  s.dependency "ReactCommon/turbomodule/core", version
 end
diff --git a/React/CxxBridge/RCTCxxBridge.mm b/React/CxxBridge/RCTCxxBridge.mm
index b338c734152418..6b912e8d78f043 100644
--- a/React/CxxBridge/RCTCxxBridge.mm
+++ b/React/CxxBridge/RCTCxxBridge.mm
@@ -44,8 +44,8 @@
 #import <React/RCTFBSystrace.h>
 #endif
 
-#if RCT_DEV && __has_include("RCTDevLoadingView.h")
-#import "RCTDevLoadingView.h"
+#if RCT_DEV && __has_include(<React/RCTDevLoadingView.h>)
+#import <React/RCTDevLoadingView.h>
 #endif
 
 #define RCTAssertJSThread() \
@@ -80,9 +80,7 @@ typedef NS_ENUM(NSUInteger, RCTBridgeFields) {
       std::shared_ptr<ExecutorDelegate> delegate,
       std::shared_ptr<MessageQueueThread> jsQueue) override {
     auto ret = factory_->createJSExecutor(delegate, jsQueue);
-    bridge_.bridgeDescription =
-      [NSString stringWithFormat:@"RCTCxxBridge %s",
-                ret->getDescription().c_str()];
+    bridge_.bridgeDescription = @(ret->getDescription().c_str());
     return ret;
   }
 
@@ -233,8 +231,6 @@ - (instancetype)initWithParentBridge:(RCTBridge *)bridge
 
     registerPerformanceLoggerHooks(_performanceLogger);
 
-    RCTLogInfo(@"Initializing %@ (parent: %@, executor: %@)", self, bridge, [self executorClass]);
-
     /**
      * Set Initial State
      */
@@ -379,7 +375,7 @@ - (void)start
     sourceCode = source.data;
     dispatch_group_leave(prepareBridge);
   } onProgress:^(RCTLoadingProgress *progressData) {
-#if RCT_DEV && __has_include("RCTDevLoadingView.h")
+#if RCT_DEV && __has_include(<React/RCTDevLoadingView.h>)
     if ([[self devSettings] isDevModeEnabled]) { // TODO(OSS Candidate ISS#2710739)
       // Note: RCTDevLoadingView should have been loaded at this point, so no need to allow lazy loading.
       RCTDevLoadingView *loadingView = [weakSelf moduleForName:RCTBridgeModuleNameForClass([RCTDevLoadingView class])
@@ -493,6 +489,8 @@ - (id)moduleForName:(NSString *)moduleName lazilyLoadIfNecessary:(BOOL)lazilyLoa
     }
     return moduleData.instance;
   }
+  
+  static NSSet<NSString *> *ignoredModuleLoadFailures = [NSSet setWithArray: @[@"UIManager"]];
 
   // Module may not be loaded yet, so attempt to force load it here.
   const BOOL result = [self.delegate respondsToSelector:@selector(bridge:didNotFindModule:)] &&
@@ -500,6 +498,8 @@ - (id)moduleForName:(NSString *)moduleName lazilyLoadIfNecessary:(BOOL)lazilyLoa
   if (result) {
     // Try again.
     moduleData = _moduleDataByName[moduleName];
+  } else if ([ignoredModuleLoadFailures containsObject: moduleName]) {
+    RCTLogWarn(@"Unable to find module for %@", moduleName);
   } else {
     RCTLogError(@"Unable to find module for %@", moduleName);
   }
@@ -870,7 +870,7 @@ - (void)_prepareModulesWithDispatchGroup:(dispatch_group_t)dispatchGroup
       if (initializeImmediately && RCTIsMainQueue()) {
         block();
       } else {
-        // We've already checked that dispatchGroup is non-null, but this satisifies the
+        // We've already checked that dispatchGroup is non-null, but this satisfies the
         // Xcode analyzer
         if (dispatchGroup) {
           dispatch_group_async(dispatchGroup, dispatch_get_main_queue(), block);
@@ -922,16 +922,16 @@ - (void)executeSourceCode:(NSData *)sourceCode sync:(BOOL)sync
 
 #if RCT_DEV
   RCTDevSettings *devSettings = [self devSettings]; // TODO(OSS Candidate ISS#2710739)
-  if (devSettings.isDevModeEnabled &&
-      devSettings.isHotLoadingAvailable &&
-      devSettings.isHotLoadingEnabled) {
+  if ([devSettings isDevModeEnabled] && devSettings.isHotLoadingAvailable) {
     NSString *path = [self.bundleURL.path substringFromIndex:1]; // strip initial slash
     NSString *host = self.bundleURL.host;
     NSNumber *port = self.bundleURL.port;
+    BOOL isHotLoadingEnabled = devSettings.isHotLoadingEnabled;
     [self enqueueJSCall:@"HMRClient"
-                 method:@"enable"
-                   args:@[@"ios", path, host, RCTNullIfNil(port)]
-             completion:NULL];  }
+                 method:@"setup"
+                   args:@[@"ios", path, host, RCTNullIfNil(port), @(isHotLoadingEnabled)]
+             completion:NULL];
+  }
 #endif
 }
 
@@ -1087,6 +1087,11 @@ - (void)invalidate
     }
 
     // Invalidate modules
+
+    [[NSNotificationCenter defaultCenter] postNotificationName:RCTBridgeWillInvalidateModulesNotification
+                                                        object:self->_parentBridge
+                                                      userInfo:@{@"bridge": self}];
+
     // We're on the JS thread (which we'll be suspending soon), so no new calls will be made to native modules after
     // this completes. We must ensure all previous calls were dispatched before deallocating the instance (and module
     // wrappers) or we may have invalid pointers still in flight.
@@ -1108,14 +1113,14 @@ - (void)invalidate
       [moduleData invalidate];
     }
 
-    [[NSNotificationCenter defaultCenter] postNotificationName:RCTBridgeDidInvalidateModulesNotification
-                                                        object:self->_parentBridge
-                                                      userInfo:@{@"bridge": self}];
-
     if (dispatch_group_wait(moduleInvalidation, dispatch_time(DISPATCH_TIME_NOW, 10 * NSEC_PER_SEC))) {
       RCTLogError(@"Timed out waiting for modules to be invalidated");
     }
 
+    [[NSNotificationCenter defaultCenter] postNotificationName:RCTBridgeDidInvalidateModulesNotification
+                                                        object:self->_parentBridge
+                                                      userInfo:@{@"bridge": self}];
+
     self->_reactInstance.reset();
     self->_jsMessageThread.reset();
 
@@ -1154,7 +1159,7 @@ - (void)_runAfterLoad:(RCTPendingCall)block
   // work to the JS queue directly.
 
   if (self.loading || _pendingCount > 0) {
-    // From the callers' perspecive:
+    // From the callers' perspective:
 
     // Phase 1: jsQueueBlocks are added to the queue; _pendingCount is
     // incremented for each.  If the first block is created after self.loading is
diff --git a/React/CxxModule/RCTCxxMethod.mm b/React/CxxModule/RCTCxxMethod.mm
index 2559a9ccac91f3..fcda4e57f9c7c4 100644
--- a/React/CxxModule/RCTCxxMethod.mm
+++ b/React/CxxModule/RCTCxxMethod.mm
@@ -57,7 +57,7 @@ - (id)invokeWithBridge:(RCTBridge *)bridge
   // is also baked into _method.
 
   // the last N arguments are callbacks, according to the Method data.  The
-  // preceding arguments are values whic have already been parsed from JS: they
+  // preceding arguments are values which have already been parsed from JS: they
   // may be NSNumber (bool, int, double), NSString, NSArray, or NSObject.
 
   CxxModule::Callback first;
diff --git a/React/DevSupport/RCTDevLoadingView.h b/React/DevSupport/RCTDevLoadingView.h
index 86f9fb8fbd01ee..18f4b49440648c 100644
--- a/React/DevSupport/RCTDevLoadingView.h
+++ b/React/DevSupport/RCTDevLoadingView.h
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import <React/RCTUIKit.h>
+#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 
 #import <React/RCTBridgeModule.h>
 
diff --git a/React/DevSupport/RCTDevLoadingView.m b/React/DevSupport/RCTDevLoadingView.m
index 3225e56e1671fb..c0327d14865a7a 100644
--- a/React/DevSupport/RCTDevLoadingView.m
+++ b/React/DevSupport/RCTDevLoadingView.m
@@ -5,14 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTDevLoadingView.h"
+#import <React/RCTDevLoadingView.h>
 
 #import <QuartzCore/QuartzCore.h>
 
-#import "RCTBridge.h"
-#import "RCTDefines.h"
-#import "RCTDevSettings.h" // TODO(OSS Candidate ISS#2710739)
-#import "RCTUtils.h"
+#import <React/RCTBridge.h>
+#import <React/RCTDefines.h>
+#import <React/RCTDevSettings.h> // TODO(OSS Candidate ISS#2710739)
+#if !TARGET_OS_OSX
+#import <React/RCTModalHostViewController.h>
+#endif // !TARGET_OS_OSX
+#import <React/RCTUtils.h>
 
 #if RCT_DEV | RCT_ENABLE_LOADING_VIEW
 
@@ -170,22 +173,22 @@ - (void)showWithURL:(NSURL *)URL
 {
   RCTUIColor *color; // TODO(OSS Candidate ISS#2710739)
   RCTUIColor *backgroundColor; // TODO(OSS Candidate ISS#2710739)
-  NSString *source;
+  NSString *message;
   if (URL.fileURL) {
     // If dev mode is not enabled, we don't want to show this kind of notification
 #if !RCT_DEV
     return;
 #endif
-    color = [RCTUIColor grayColor]; // TODO(OSS Candidate ISS#2710739)
+    color = [RCTUIColor whiteColor]; //TODO(OSS Candidate ISS#2710739) UIColor -> RCTUIColor
     backgroundColor = [RCTUIColor blackColor]; // TODO(OSS Candidate ISS#2710739)
-    source = @"pre-bundled file";
+      message = [NSString stringWithFormat:@"Connect to %@ to develop JavaScript.", RCT_PACKAGER_NAME];
   } else {
     color = [RCTUIColor whiteColor]; // TODO(OSS Candidate ISS#2710739)
     backgroundColor = [RCTUIColor colorWithHue:1./3 saturation:1 brightness:.35 alpha:1]; // TODO(OSS Candidate ISS#2710739)
-    source = [NSString stringWithFormat:@"%@:%@", URL.host, URL.port];
+    message = [NSString stringWithFormat:@"Loading from %@:%@...", URL.host, URL.port];
   }
 
-  [self showMessage:[NSString stringWithFormat:@"Loading from %@...", source]
+  [self showMessage:message
               color:color
     backgroundColor:backgroundColor];
 }
diff --git a/React/DevSupport/RCTDevMenu.m b/React/DevSupport/RCTDevMenu.m
index d8249a58beefae..f45a1994f5b3f7 100644
--- a/React/DevSupport/RCTDevMenu.m
+++ b/React/DevSupport/RCTDevMenu.m
@@ -5,22 +5,22 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTDevMenu.h"
+#import <React/RCTDevMenu.h>
 
-#import "RCTBridge+Private.h"
-#import "RCTDevSettings.h"
+#import <React/RCTBridge+Private.h>
+#import <React/RCTDevSettings.h>
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-#import "RCTKeyCommands.h"
+#import <React/RCTKeyCommands.h>
 #endif // TODO(macOS ISS#2323203)
-#import "RCTLog.h"
-#import "RCTUtils.h"
-#import "RCTDefines.h"
+#import <React/RCTLog.h>
+#import <React/RCTUtils.h>
+#import <React/RCTDefines.h>
 #import <React/RCTBundleURLProvider.h>
 
 #if RCT_DEV
 
 #if RCT_ENABLE_INSPECTOR
-#import "RCTInspectorDevServerHelper.h"
+#import <React/RCTInspectorDevServerHelper.h>
 #endif
 
 NSString *const RCTShowDevMenuNotification = @"RCTShowDevMenuNotification";
@@ -234,37 +234,24 @@ - (void)setDefaultJSBundle {
     [bridge reload];
   }]];
 
-  if (devSettings.isNuclideDebuggingAvailable) {
-    [items addObject:[RCTDevMenuItem buttonItemWithTitle:[NSString stringWithFormat:@"Debug JS in Nuclide %@", @"\U0001F4AF"] handler:^{
-#if RCT_ENABLE_INSPECTOR
-// [TODO(macOS ISS#2323203)
-      UIViewController *viewController =
-#if !TARGET_OS_OSX
-        RCTPresentedViewController();
-#else
-        nil;
-#endif // ]TODO(macOS ISS#2323203)
-      [RCTInspectorDevServerHelper attachDebugger:@"ReactNative" withBundleURL:bridge.bundleURL withView:viewController];
-#endif
-    }]];
-  }
+  if (!devSettings.isProfilingEnabled) {
 
-  if (!devSettings.isRemoteDebuggingAvailable) {
-    [items addObject:[RCTDevMenuItem buttonItemWithTitle:@"Remote JS Debugger Unavailable" handler:^{
+    if (!devSettings.isRemoteDebuggingAvailable) {
+      [items addObject:[RCTDevMenuItem buttonItemWithTitle:@"Debugger Unavailable" handler:^{
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-      NSString *message = RCTTurboModuleEnabled() ?
-          @"You cannot use remote JS debugging when TurboModule system is enabled" :
-      @"You need to include the RCTWebSocket library to enable remote JS debugging";
-      UIAlertController *alertController = [UIAlertController
-        alertControllerWithTitle:@"Remote JS Debugger Unavailable"
-        message:message
-        preferredStyle:UIAlertControllerStyleAlert];
-      __weak typeof(alertController) weakAlertController = alertController;
-      [alertController addAction:
-       [UIAlertAction actionWithTitle:@"OK" style:UIAlertActionStyleDefault handler:^(__unused UIAlertAction *action){
-        [weakAlertController dismissViewControllerAnimated:YES completion:nil];
-      }]];
-      [RCTPresentedViewController() presentViewController:alertController animated:YES completion:NULL];
+        NSString *message = RCTTurboModuleEnabled() ?
+            @"Debugging is not currently supported when TurboModule is enabled." :
+            @"Include the RCTWebSocket library to enable JavaScript debugging.";
+        UIAlertController *alertController = [UIAlertController
+          alertControllerWithTitle:@"Debugger Unavailable"
+          message:message
+          preferredStyle:UIAlertControllerStyleAlert];
+        __weak typeof(alertController) weakAlertController = alertController;
+        [alertController addAction:
+        [UIAlertAction actionWithTitle:@"OK" style:UIAlertActionStyleDefault handler:^(__unused UIAlertAction *action){
+          [weakAlertController dismissViewControllerAnimated:YES completion:nil];
+        }]];
+        [RCTPresentedViewController() presentViewController:alertController animated:YES completion:NULL];
 #else // [TODO(macOS ISS#2323203)
       NSAlert *alert = [[NSAlert alloc] init];
       [alert setMessageText:@"Remote JS Debugger Unavailable"];
@@ -273,34 +260,56 @@ - (void)setDefaultJSBundle {
       [alert setAlertStyle:NSWarningAlertStyle];
       [alert beginSheetModalForWindow:[NSApp keyWindow] completionHandler:nil];
 #endif // ]TODO(macOS ISS#2323203)
-    }]];
-  } else {
+      }]];
+    } else {
+      [items addObject:[RCTDevMenuItem buttonItemWithTitleBlock:^NSString *{
+        if (devSettings.isNuclideDebuggingAvailable) {
+          return devSettings.isDebuggingRemotely ? @"Stop Chrome Debugger" : @"Debug with Chrome";
+        } else {
+          return devSettings.isDebuggingRemotely ? @"Stop Debugging" : @"Debug";
+        }
+      } handler:^{
+        devSettings.isDebuggingRemotely = !devSettings.isDebuggingRemotely;
+      }]];
+    }
+
+    if (devSettings.isNuclideDebuggingAvailable && !devSettings.isDebuggingRemotely) {
+      [items addObject:[RCTDevMenuItem buttonItemWithTitle:@"Debug with Nuclide" handler:^{
+  #if RCT_ENABLE_INSPECTOR && !TARGET_OS_UIKITFORMAC && !TARGET_OS_OSX
+        [RCTInspectorDevServerHelper attachDebugger:@"ReactNative" withBundleURL:bridge.bundleURL withView: RCTPresentedViewController()];
+  #endif
+      }]];
+    }
+  }
+
+  [items addObject:[RCTDevMenuItem buttonItemWithTitleBlock:^NSString *{
+    return devSettings.isElementInspectorShown ? @"Hide Inspector" : @"Show Inspector";
+  } handler:^{
+    [devSettings toggleElementInspector];
+  }]];
+
+  if (devSettings.isHotLoadingAvailable) {
     [items addObject:[RCTDevMenuItem buttonItemWithTitleBlock:^NSString *{
-      NSString *title = devSettings.isDebuggingRemotely ? @"Stop Remote JS Debugging" : @"Debug JS Remotely";
-      if (devSettings.isNuclideDebuggingAvailable) {
-        return [NSString stringWithFormat:@"%@ %@", title, @"\U0001F645"];
-      } else {
-        return title;
-      }
+      // Previously known as "Hot Reloading". We won't use this term anymore.
+      return devSettings.isHotLoadingEnabled ? @"Disable Fast Refresh" : @"Enable Fast Refresh";
     } handler:^{
-      devSettings.isDebuggingRemotely = !devSettings.isDebuggingRemotely;
+      devSettings.isHotLoadingEnabled = !devSettings.isHotLoadingEnabled;
     }]];
   }
 
   if (devSettings.isLiveReloadAvailable) {
     [items addObject:[RCTDevMenuItem buttonItemWithTitleBlock:^NSString *{
-      return devSettings.isLiveReloadEnabled ? @"Disable Live Reload" : @"Enable Live Reload";
-    } handler:^{
-      devSettings.isLiveReloadEnabled = !devSettings.isLiveReloadEnabled;
-    }]];
-    [items addObject:[RCTDevMenuItem buttonItemWithTitleBlock:^NSString *{
-      return devSettings.isProfilingEnabled ? @"Stop Systrace" : @"Start Systrace";
+      return devSettings.isDebuggingRemotely
+        ? @"Systrace Unavailable"
+        : devSettings.isProfilingEnabled
+          ? @"Stop Systrace"
+          : @"Start Systrace";
     } handler:^{
       if (devSettings.isDebuggingRemotely) {
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
         UIAlertController *alertController = [UIAlertController
           alertControllerWithTitle:@"Systrace Unavailable"
-          message:@"You need to stop remote JS debugging to enable Systrace"
+          message:@"Stop debugging to enable Systrace."
           preferredStyle:UIAlertControllerStyleAlert];
         __weak typeof(alertController) weakAlertController = alertController;
         [alertController addAction:
@@ -320,22 +329,17 @@ - (void)setDefaultJSBundle {
         devSettings.isProfilingEnabled = !devSettings.isProfilingEnabled;
       }
     }]];
-  }
-
-  if (_bridge.devSettings.isHotLoadingAvailable) {
-    [items addObject:[RCTDevMenuItem buttonItemWithTitleBlock:^NSString *{
-      return devSettings.isHotLoadingEnabled ? @"Disable Hot Reloading" : @"Enable Hot Reloading";
-    } handler:^{
-      devSettings.isHotLoadingEnabled = !devSettings.isHotLoadingEnabled;
-    }]];
+    // "Live reload" which refreshes on every edit was removed in favor of "Fast Refresh".
+    // While native code for "Live reload" is still there, please don't add the option back.
+    // See D15958697 for more context.
   }
 
   [items addObject:[RCTDevMenuItem buttonItemWithTitleBlock:^NSString *{
-    return @"Change packager location";
+    return @"Configure Bundler";
   } handler:^{
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-    UIAlertController * alertController = [UIAlertController alertControllerWithTitle: @"Change packager location"
-                                                                              message: @"Input packager IP, port and entrypoint"
+    UIAlertController * alertController = [UIAlertController alertControllerWithTitle: @"Configure Bundler"
+                                                                              message: @"Provide a custom bundler address, port, and entrypoint."
                                                                        preferredStyle:UIAlertControllerStyleAlert];
     [alertController addTextFieldWithConfigurationHandler:^(UITextField *textField) {
       textField.placeholder = @"0.0.0.0";
@@ -346,18 +350,12 @@ - (void)setDefaultJSBundle {
     [alertController addTextFieldWithConfigurationHandler:^(UITextField *textField) {
       textField.placeholder = @"index";
     }];
-    [alertController addAction:[UIAlertAction actionWithTitle:@"Use bundled JS" style:UIAlertActionStyleDefault handler:^(__unused UIAlertAction *action) {
-      [weakSelf setDefaultJSBundle];
-    }]];
-    [alertController addAction:[UIAlertAction actionWithTitle:@"Use packager location" style:UIAlertActionStyleDefault handler:^(__unused UIAlertAction *action) {
+    [alertController addAction:[UIAlertAction actionWithTitle:@"Apply Changes" style:UIAlertActionStyleDefault handler:^(__unused UIAlertAction *action) {
       NSArray * textfields = alertController.textFields;
       UITextField * ipTextField = textfields[0];
       UITextField * portTextField = textfields[1];
       UITextField * bundleRootTextField = textfields[2];
       NSString * bundleRoot = bundleRootTextField.text;
-      if(bundleRoot.length==0){
-        bundleRoot = @"index";
-      }
       if(ipTextField.text.length == 0 && portTextField.text.length == 0) {
         [weakSelf setDefaultJSBundle];
         return;
@@ -372,10 +370,16 @@ - (void)setDefaultJSBundle {
                                                           ipTextField.text, portNumber.intValue];
       __strong RCTBridge *strongBridge = bridge;
       if (strongBridge) {
-        strongBridge.bundleURL = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:bundleRoot fallbackResource:nil];
+        NSURL *bundleURL = bundleRoot.length
+          ? [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:bundleRoot fallbackResource:nil]
+          : [strongBridge.delegate sourceURLForBridge:strongBridge];
+        strongBridge.bundleURL = bundleURL;
         [strongBridge reload];
       }
     }]];
+    [alertController addAction:[UIAlertAction actionWithTitle:@"Reset to Default" style:UIAlertActionStyleDefault handler:^(__unused UIAlertAction *action) {
+      [weakSelf setDefaultJSBundle];
+    }]];
     [alertController addAction:[UIAlertAction actionWithTitle:@"Cancel" style:UIAlertActionStyleCancel handler:^(__unused UIAlertAction *action) {
       return;
     }]];
@@ -389,12 +393,6 @@ - (void)setDefaultJSBundle {
   [alert beginSheetModalForWindow:[NSApp keyWindow] completionHandler:nil];
 #endif // ]TODO(macOS ISS#2323203)
   }]];
-  [items addObject:[RCTDevMenuItem buttonItemWithTitleBlock:^NSString *{
-    return @"Toggle Inspector";
-  } handler:^{
-    [devSettings toggleElementInspector];
-  }]];
-
   [items addObjectsFromArray:_extraMenuItems];
   return items;
 }
@@ -406,15 +404,15 @@ - (void)setDefaultJSBundle {
     return;
   }
 
-  NSString *desc = _bridge.bridgeDescription;
-  if (desc.length == 0) {
-    desc = NSStringFromClass([_bridge class]);
-  }
-  NSString *title = [NSString stringWithFormat:@"React Native: Development (%@)", desc];
+  NSString *bridgeDescription = _bridge.bridgeDescription;
+  NSString *description = bridgeDescription.length > 0
+    ? [NSString stringWithFormat:@"Running %@", bridgeDescription]
+    : nil;
+
   // On larger devices we don't have an anchor point for the action sheet
   UIAlertControllerStyle style = [[UIDevice currentDevice] userInterfaceIdiom] == UIUserInterfaceIdiomPhone ? UIAlertControllerStyleActionSheet : UIAlertControllerStyleAlert;
-  _actionSheet = [UIAlertController alertControllerWithTitle:title
-                                                     message:@""
+  _actionSheet = [UIAlertController alertControllerWithTitle:@"React Native Debug Menu"
+                                                     message:description
                                               preferredStyle:style];
 
   NSArray<RCTDevMenuItem *> *items = [self _menuItemsToPresent];
diff --git a/React/DevSupport/RCTInspectorDevServerHelper.h b/React/DevSupport/RCTInspectorDevServerHelper.h
index cb6ca53358d28a..1080fa18bc5389 100644
--- a/React/DevSupport/RCTInspectorDevServerHelper.h
+++ b/React/DevSupport/RCTInspectorDevServerHelper.h
@@ -8,7 +8,7 @@
 #import <React/RCTDefines.h>
 #import <React/RCTInspectorPackagerConnection.h>
 
-#if RCT_DEV
+#if RCT_DEV && !TARGET_OS_UIKITFORMAC
 
 @interface RCTInspectorDevServerHelper : NSObject
 
diff --git a/React/DevSupport/RCTInspectorDevServerHelper.mm b/React/DevSupport/RCTInspectorDevServerHelper.mm
index e09d3f2cbb0d79..339cd71fadbc30 100644
--- a/React/DevSupport/RCTInspectorDevServerHelper.mm
+++ b/React/DevSupport/RCTInspectorDevServerHelper.mm
@@ -3,15 +3,15 @@
 // This source code is licensed under the MIT license found in the
 // LICENSE file in the root directory of this source tree.
 
-#import "RCTInspectorDevServerHelper.h"
+#import <React/RCTInspectorDevServerHelper.h>
 
-#if RCT_DEV
+#if RCT_DEV && !TARGET_OS_UIKITFORMAC
 
 #import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 #import <React/RCTLog.h>
 
-#import "RCTDefines.h"
-#import "RCTInspectorPackagerConnection.h"
+#import <React/RCTDefines.h>
+#import <React/RCTInspectorPackagerConnection.h>
 
 static NSString *const kDebuggerMsgDisable = @"{ \"id\":1,\"method\":\"Debugger.disable\" }";
 
@@ -33,6 +33,10 @@
 static NSURL *getInspectorDeviceUrl(NSURL *bundleURL)
 {
   NSNumber *inspectorProxyPort = @8081;
+  NSString *inspectorProxyPortStr = [[[NSProcessInfo processInfo] environment] objectForKey:@"RCT_METRO_PORT"];
+  if (inspectorProxyPortStr && [inspectorProxyPortStr length] > 0) {
+    inspectorProxyPort = [NSNumber numberWithInt:[inspectorProxyPortStr intValue]];
+  }
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   NSString *escapedDeviceName = [[[UIDevice currentDevice] name] stringByAddingPercentEncodingWithAllowedCharacters:NSCharacterSet.URLQueryAllowedCharacterSet];
 #else // [TODO(macOS ISS#2323203)
@@ -48,6 +52,10 @@
 static NSURL *getAttachDeviceUrl(NSURL *bundleURL, NSString *title)
 {
   NSNumber *metroBundlerPort = @8081;
+  NSString *metroBundlerPortStr = [[[NSProcessInfo processInfo] environment] objectForKey:@"RCT_METRO_PORT"];
+  if (metroBundlerPortStr && [metroBundlerPortStr length] > 0) {
+    metroBundlerPort = [NSNumber numberWithInt:[metroBundlerPortStr intValue]];
+  }
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   NSString *escapedDeviceName = [[[UIDevice currentDevice] name] stringByAddingPercentEncodingWithAllowedCharacters:NSCharacterSet.URLHostAllowedCharacterSet];
 #else // [TODO(macOS ISS#2323203)
diff --git a/React/DevSupport/RCTPackagerClient.h b/React/DevSupport/RCTPackagerClient.h
index e0877bbbc0b362..3181d43d004779 100644
--- a/React/DevSupport/RCTPackagerClient.h
+++ b/React/DevSupport/RCTPackagerClient.h
@@ -29,7 +29,7 @@ extern const int RCT_PACKAGER_CLIENT_PROTOCOL_VERSION;
 
 @optional
 
-/** By default object will receive its methods on the main queue, unless this method is overriden. */
+/** By default object will receive its methods on the main queue, unless this method is overridden. */
 - (dispatch_queue_t)methodQueue;
 
 @end
diff --git a/React/DevSupport/RCTPackagerClient.m b/React/DevSupport/RCTPackagerClient.m
index 66c086f39183f8..a53046c557d2f2 100644
--- a/React/DevSupport/RCTPackagerClient.m
+++ b/React/DevSupport/RCTPackagerClient.m
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTPackagerClient.h"
+#import <React/RCTPackagerClient.h>
 
 #import <React/RCTLog.h>
 #import <React/RCTReconnectingWebSocket.h>
diff --git a/React/DevSupport/RCTPackagerConnection.h b/React/DevSupport/RCTPackagerConnection.h
index 67832ca91808f1..5783a5e8a22b08 100644
--- a/React/DevSupport/RCTPackagerConnection.h
+++ b/React/DevSupport/RCTPackagerConnection.h
@@ -9,7 +9,7 @@
 
 #import <React/RCTDefines.h>
 
-#if RCT_DEV
+#if RCT_DEV && !TARGET_OS_UIKITFORMAC
 
 NS_ASSUME_NONNULL_BEGIN
 
diff --git a/React/DevSupport/RCTPackagerConnection.mm b/React/DevSupport/RCTPackagerConnection.mm
index 6df2ad31f27bca..3fb6714f756c79 100644
--- a/React/DevSupport/RCTPackagerConnection.mm
+++ b/React/DevSupport/RCTPackagerConnection.mm
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTPackagerConnection.h"
+#import <React/RCTPackagerConnection.h>
 
 #import <algorithm>
 #import <objc/runtime.h>
@@ -19,10 +19,12 @@
 #import <React/RCTLog.h>
 #import <React/RCTPackagerClient.h>
 #import <React/RCTReconnectingWebSocket.h>
-#import <React/RCTSRWebSocket.h>
 #import <React/RCTUtils.h>
 
-#if RCT_DEV
+#if RCT_DEV && !TARGET_OS_UIKITFORMAC
+
+#import <React/RCTSRWebSocket.h>
+
 @interface RCTPackagerConnection () <RCTReconnectingWebSocketDelegate>
 @end
 
diff --git a/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.h b/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.h
index d7534d944251ce..541eefc6bb91d5 100644
--- a/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.h
+++ b/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.h
@@ -12,7 +12,7 @@
 NS_ASSUME_NONNULL_BEGIN
 
 /**
- * UIView class for root <ShimmeringView> component.
+ * UIView class for root <ActivityIndicator> component.
  */
 @interface RCTActivityIndicatorViewComponentView : RCTViewComponentView
 
diff --git a/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.mm b/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.mm
index 9f103e93ced184..f8ccc1024d0113 100644
--- a/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.mm
+++ b/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.mm
@@ -58,13 +58,11 @@ - (instancetype)initWithFrame:(CGRect)frame
   return self;
 }
 
-- (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
 {
-  const auto &oldViewProps = *std::static_pointer_cast<const ActivityIndicatorViewProps>(oldProps ?: _props);
+  const auto &oldViewProps = *std::static_pointer_cast<const ActivityIndicatorViewProps>(_props);
   const auto &newViewProps = *std::static_pointer_cast<const ActivityIndicatorViewProps>(props);
 
-  [super updateProps:props oldProps:oldProps];
-
   if (oldViewProps.animating != newViewProps.animating) {
     if (newViewProps.animating) {
       [_activityIndicatorView startAnimating];
@@ -85,6 +83,8 @@ - (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
   if (oldViewProps.size != newViewProps.size) {
     _activityIndicatorView.activityIndicatorViewStyle = convertActivityIndicatorViewStyle(newViewProps.size);
   }
+
+  [super updateProps:props oldProps:oldProps];
 }
 
 @end
diff --git a/React/Fabric/Mounting/ComponentViews/Image/RCTImageComponentView.mm b/React/Fabric/Mounting/ComponentViews/Image/RCTImageComponentView.mm
index ad8231d4fa06c5..904e1e7a1849a2 100644
--- a/React/Fabric/Mounting/ComponentViews/Image/RCTImageComponentView.mm
+++ b/React/Fabric/Mounting/ComponentViews/Image/RCTImageComponentView.mm
@@ -50,13 +50,11 @@ + (ComponentDescriptorProvider)componentDescriptorProvider
   return concreteComponentDescriptorProvider<ImageComponentDescriptor>();
 }
 
-- (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
 {
-  const auto &oldImageProps = *std::static_pointer_cast<const ImageProps>(oldProps ?: _props);
+  const auto &oldImageProps = *std::static_pointer_cast<const ImageProps>(_props);
   const auto &newImageProps = *std::static_pointer_cast<const ImageProps>(props);
 
-  [super updateProps:props oldProps:oldProps];
-
   // `resizeMode`
   if (oldImageProps.resizeMode != newImageProps.resizeMode) {
     if (newImageProps.resizeMode == ImageResizeMode::Repeat) {
@@ -72,18 +70,30 @@ - (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
   if (oldImageProps.tintColor != newImageProps.tintColor) {
     _imageView.tintColor = [UIColor colorWithCGColor:newImageProps.tintColor.get()];
   }
+
+  [super updateProps:props oldProps:oldProps];
 }
 
 - (void)updateLocalData:(SharedLocalData)localData oldLocalData:(SharedLocalData)oldLocalData
 {
-  SharedImageLocalData previousData = _imageLocalData;
-  _imageLocalData = std::static_pointer_cast<const ImageLocalData>(localData);
-  assert(_imageLocalData);
+  auto imageLocalData = std::static_pointer_cast<const ImageLocalData>(localData);
+
+  // This call (setting `coordinator`) must be unconditional (at the same block as setting `LocalData`)
+  // because the setter stores a raw pointer to object that `LocalData` owns.
+  self.coordinator = imageLocalData ? &imageLocalData->getImageRequest().getObserverCoordinator() : nullptr;
+
+  auto previousData = _imageLocalData;
+  _imageLocalData = imageLocalData;
+
+  if (!_imageLocalData) {
+    // This might happen in very rare cases (e.g. inside a subtree inside a node with `display: none`).
+    // That's quite normal.
+    return;
+  }
+
   bool havePreviousData = previousData != nullptr;
 
   if (!havePreviousData || _imageLocalData->getImageSource() != previousData->getImageSource()) {
-    self.coordinator = &_imageLocalData->getImageRequest().getObserverCoordinator();
-
     // Loading actually starts a little before this, but this is the first time we know
     // the image is loading and can fire an event from this component
     std::static_pointer_cast<const ImageEventEmitter>(_eventEmitter)->onLoadStart();
@@ -119,6 +129,13 @@ - (void)dealloc
 
 - (void)didReceiveImage:(UIImage *)image fromObserver:(void *)observer
 {
+  if (!_eventEmitter) {
+    // Notifications are delivered asynchronously and might arrive after the view is already recycled.
+    // In the future, we should incorporate an `EventEmitter` into a separate object owned by `ImageRequest` or `State`.
+    // See for more info: T46311063.
+    return;
+  }
+
   std::static_pointer_cast<const ImageEventEmitter>(_eventEmitter)->onLoad();
 
   const auto &imageProps = *std::static_pointer_cast<const ImageProps>(_props);
@@ -147,11 +164,21 @@ - (void)didReceiveImage:(UIImage *)image fromObserver:(void *)observer
 
 - (void)didReceiveProgress:(float)progress fromObserver:(void *)observer
 {
+  if (!_eventEmitter) {
+    return;
+  }
+
   std::static_pointer_cast<const ImageEventEmitter>(_eventEmitter)->onProgress(progress);
 }
 
 - (void)didReceiveFailureFromObserver:(void *)observer
 {
+  if (!_eventEmitter) {
+    return;
+  }
+
+  _imageView.image = nil;
+
   std::static_pointer_cast<const ImageEventEmitter>(_eventEmitter)->onError();
 }
 
diff --git a/React/Fabric/Mounting/ComponentViews/Modal/RCTFabricModalHostViewController.h b/React/Fabric/Mounting/ComponentViews/Modal/RCTFabricModalHostViewController.h
new file mode 100644
index 00000000000000..6b9ba540ebfd1b
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/Modal/RCTFabricModalHostViewController.h
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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>
+
+@protocol RCTFabricModalHostViewControllerDelegate <NSObject>
+- (void)boundsDidChange:(CGRect)newBounds;
+@end
+
+@interface RCTFabricModalHostViewController : UIViewController
+
+@property (nonatomic, weak) id<RCTFabricModalHostViewControllerDelegate> delegate;
+
+#if !TARGET_OS_TV
+@property (nonatomic, assign) UIInterfaceOrientationMask supportedInterfaceOrientations;
+#endif
+
+@end
diff --git a/React/Fabric/Mounting/ComponentViews/Modal/RCTFabricModalHostViewController.mm b/React/Fabric/Mounting/ComponentViews/Modal/RCTFabricModalHostViewController.mm
new file mode 100644
index 00000000000000..57dca4f7510241
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/Modal/RCTFabricModalHostViewController.mm
@@ -0,0 +1,94 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTFabricModalHostViewController.h"
+
+#import <React/RCTLog.h>
+#import <React/RCTSurfaceTouchHandler.h>
+
+@implementation RCTFabricModalHostViewController {
+  CGRect _lastViewBounds;
+  RCTSurfaceTouchHandler *_touchHandler;
+}
+
+- (instancetype)init
+{
+  if (!(self = [super init])) {
+    return nil;
+  }
+  _touchHandler = [RCTSurfaceTouchHandler new];
+
+  return self;
+}
+
+- (void)viewDidLayoutSubviews
+{
+  [super viewDidLayoutSubviews];
+  if (!CGRectEqualToRect(_lastViewBounds, self.view.bounds)) {
+    [_delegate boundsDidChange:self.view.bounds];
+    _lastViewBounds = self.view.bounds;
+  }
+}
+
+- (void)loadView
+{
+  [super loadView];
+  [_touchHandler attachToView:self.view];
+}
+
+#if !TARGET_OS_TV
+- (UIStatusBarStyle)preferredStatusBarStyle
+{
+  return [RCTSharedApplication() statusBarStyle];
+}
+
+- (void)viewDidDisappear:(BOOL)animated
+{
+  [super viewDidDisappear:animated];
+  _lastViewBounds = CGRectZero;
+}
+
+- (BOOL)prefersStatusBarHidden
+{
+  return [RCTSharedApplication() isStatusBarHidden];
+}
+
+- (void)dismissViewControllerAnimated:(BOOL)flag completion:(void (^)())completion
+{
+  UIView *snapshot = [self.view snapshotViewAfterScreenUpdates:NO];
+  [self.view addSubview:snapshot];
+
+  [super dismissViewControllerAnimated:flag
+                            completion:^{
+                              [snapshot removeFromSuperview];
+                              if (completion) {
+                                completion();
+                              }
+                            }];
+}
+
+#if RCT_DEV
+- (UIInterfaceOrientationMask)supportedInterfaceOrientations
+{
+  UIInterfaceOrientationMask appSupportedOrientationsMask =
+      [RCTSharedApplication() supportedInterfaceOrientationsForWindow:[RCTSharedApplication() keyWindow]];
+  if (!(_supportedInterfaceOrientations & appSupportedOrientationsMask)) {
+    RCTLogError(
+        @"Modal was presented with 0x%x orientations mask but the application only supports 0x%x."
+        @"Add more interface orientations to your app's Info.plist to fix this."
+        @"NOTE: This will crash in non-dev mode.",
+        (unsigned)_supportedInterfaceOrientations,
+        (unsigned)appSupportedOrientationsMask);
+    return UIInterfaceOrientationMaskAll;
+  }
+
+  return _supportedInterfaceOrientations;
+}
+#endif // RCT_DEV
+#endif // !TARGET_OS_TV
+
+@end
diff --git a/React/Fabric/Mounting/ComponentViews/Modal/RCTModalHostViewComponentView.h b/React/Fabric/Mounting/ComponentViews/Modal/RCTModalHostViewComponentView.h
new file mode 100644
index 00000000000000..0aba39e273c246
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/Modal/RCTModalHostViewComponentView.h
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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/RCTViewComponentView.h>
+
+/**
+ * UIView class for root <ModalHostView> component.
+ */
+@interface RCTModalHostViewComponentView : RCTViewComponentView
+
+@end
diff --git a/React/Fabric/Mounting/ComponentViews/Modal/RCTModalHostViewComponentView.mm b/React/Fabric/Mounting/ComponentViews/Modal/RCTModalHostViewComponentView.mm
new file mode 100644
index 00000000000000..d37a108dbde4cb
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/Modal/RCTModalHostViewComponentView.mm
@@ -0,0 +1,208 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTModalHostViewComponentView.h"
+
+#import <React/UIView+React.h>
+#import <react/components/modal/ModalHostViewComponentDescriptor.h>
+#import <react/components/modal/ModalHostViewState.h>
+#import <react/components/rncore/EventEmitters.h>
+#import <react/components/rncore/Props.h>
+
+#import "RCTConversions.h"
+#import "RCTFabricModalHostViewController.h"
+
+using namespace facebook::react;
+
+#if !TARGET_OS_TV
+static UIInterfaceOrientationMask supportedOrientationsMask(ModalHostViewSupportedOrientationsMask mask)
+{
+  UIInterfaceOrientationMask supportedOrientations = 0;
+
+  if (mask & ModalHostViewSupportedOrientations::Portrait) {
+    supportedOrientations |= UIInterfaceOrientationMaskPortrait;
+  }
+
+  if (mask & ModalHostViewSupportedOrientations::PortraitUpsideDown) {
+    supportedOrientations |= UIInterfaceOrientationMaskPortraitUpsideDown;
+  }
+
+  if (mask & ModalHostViewSupportedOrientations::Landscape) {
+    supportedOrientations |= UIInterfaceOrientationMaskLandscape;
+  }
+
+  if (mask & ModalHostViewSupportedOrientations::LandscapeLeft) {
+    supportedOrientations |= UIInterfaceOrientationMaskLandscapeLeft;
+  }
+
+  if (mask & ModalHostViewSupportedOrientations::LandscapeRight) {
+    supportedOrientations |= UIInterfaceOrientationMaskLandscapeRight;
+  }
+
+  if (supportedOrientations == 0) {
+    if ([[UIDevice currentDevice] userInterfaceIdiom] == UIUserInterfaceIdiomPad) {
+      return UIInterfaceOrientationMaskAll;
+    } else {
+      return UIInterfaceOrientationMaskPortrait;
+    }
+  }
+
+  return supportedOrientations;
+}
+#endif
+
+static std::tuple<BOOL, UIModalTransitionStyle> animationConfiguration(ModalHostViewAnimationType const animation)
+{
+  switch (animation) {
+    case ModalHostViewAnimationType::None:
+      return std::make_tuple(NO, UIModalTransitionStyleCoverVertical);
+    case ModalHostViewAnimationType::Slide:
+      return std::make_tuple(YES, UIModalTransitionStyleCoverVertical);
+    case ModalHostViewAnimationType::Fade:
+      return std::make_tuple(YES, UIModalTransitionStyleCrossDissolve);
+  }
+}
+
+static UIModalPresentationStyle presentationConfiguration(ModalHostViewProps const &props)
+{
+  if (props.transparent) {
+    return UIModalPresentationOverFullScreen;
+  }
+  switch (props.presentationStyle) {
+    case ModalHostViewPresentationStyle::FullScreen:
+      return UIModalPresentationFullScreen;
+    case ModalHostViewPresentationStyle::PageSheet:
+      return UIModalPresentationPageSheet;
+    case ModalHostViewPresentationStyle::FormSheet:
+      return UIModalPresentationFormSheet;
+    case ModalHostViewPresentationStyle::OverFullScreen:
+      return UIModalPresentationOverFullScreen;
+  }
+}
+
+static ModalHostViewOnOrientationChangeStruct onOrientationChangeStruct(CGRect rect)
+{
+  auto orientation = rect.size.width < rect.size.height ? ModalHostViewOnOrientationChangeOrientationStruct::Portrait
+                                                        : ModalHostViewOnOrientationChangeOrientationStruct::Landscape;
+  return {orientation};
+}
+
+@interface RCTModalHostViewComponentView () <RCTFabricModalHostViewControllerDelegate>
+
+@end
+
+@implementation RCTModalHostViewComponentView {
+  RCTFabricModalHostViewController *_viewController;
+  ModalHostViewShadowNode::ConcreteState::Shared _state;
+  BOOL _shouldAnimatePresentation;
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const ModalHostViewProps>();
+    _props = defaultProps;
+    _shouldAnimatePresentation = YES;
+    _viewController = [RCTFabricModalHostViewController new];
+    _viewController.modalTransitionStyle = UIModalTransitionStyleCoverVertical;
+    _viewController.delegate = self;
+  }
+
+  return self;
+}
+
+- (BOOL)isViewControllerPresented
+{
+  return _viewController.presentingViewController != nil;
+}
+
+- (void)ensurePresentedOnlyIfNeeded
+{
+  BOOL shouldBePresented = !self.isViewControllerPresented && self.window;
+  if (shouldBePresented) {
+    UIViewController *controller = [self reactViewController];
+    return [controller
+        presentViewController:_viewController
+                     animated:_shouldAnimatePresentation
+                   completion:^{
+                     ModalHostViewOnShowStruct onShow;
+                     std::dynamic_pointer_cast<const ModalHostViewEventEmitter>(self->_eventEmitter)->onShow(onShow);
+                   }];
+  }
+
+  BOOL shouldBeHidden = self.isViewControllerPresented && !self.superview;
+  if (shouldBeHidden) {
+    [_viewController dismissViewControllerAnimated:_shouldAnimatePresentation completion:nil];
+  }
+}
+
+- (void)didMoveToWindow
+{
+  [super didMoveToWindow];
+  [self ensurePresentedOnlyIfNeeded];
+}
+
+- (void)didMoveToSuperview
+{
+  [super didMoveToSuperview];
+  [self ensurePresentedOnlyIfNeeded];
+}
+
+#pragma mark - RCTFabricModalHostViewControllerDelegate
+
+- (void)boundsDidChange:(CGRect)newBounds
+{
+  std::dynamic_pointer_cast<const ModalHostViewEventEmitter>(_eventEmitter)
+      ->onOrientationChange(onOrientationChangeStruct(newBounds));
+
+  if (_state != nullptr) {
+    auto newState = ModalHostViewState{RCTSizeFromCGSize(newBounds.size)};
+    _state->updateState(std::move(newState));
+  }
+}
+
+#pragma mark - RCTComponentViewProtocol
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<ModalHostViewComponentDescriptor>();
+}
+
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
+{
+  const auto &newProps = *std::static_pointer_cast<const ModalHostViewProps>(props);
+
+#if !TARGET_OS_TV
+  _viewController.supportedInterfaceOrientations = supportedOrientationsMask(newProps.supportedOrientations);
+#endif
+
+  std::tuple<BOOL, UIModalTransitionStyle> result = animationConfiguration(newProps.animationType);
+  _shouldAnimatePresentation = std::get<0>(result);
+  _viewController.modalTransitionStyle = std::get<1>(result);
+
+  _viewController.modalPresentationStyle = presentationConfiguration(newProps);
+
+  [super updateProps:props oldProps:oldProps];
+}
+
+- (void)updateState:(facebook::react::State::Shared const &)state
+           oldState:(facebook::react::State::Shared const &)oldState
+{
+  _state = std::static_pointer_cast<const ModalHostViewShadowNode::ConcreteState>(state);
+}
+
+- (void)mountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index
+{
+  [_viewController.view insertSubview:childComponentView atIndex:index];
+}
+
+- (void)unmountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index
+{
+  [childComponentView removeFromSuperview];
+}
+
+@end
diff --git a/React/Fabric/Mounting/ComponentViews/ScrollView/RCTEnhancedScrollView.h b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTEnhancedScrollView.h
index 8416d2b902dd4b..d58465de681566 100644
--- a/React/Fabric/Mounting/ComponentViews/ScrollView/RCTEnhancedScrollView.h
+++ b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTEnhancedScrollView.h
@@ -13,7 +13,7 @@ NS_ASSUME_NONNULL_BEGIN
 
 /**
  * `UIScrollView` subclass which has some improvements and tweaks
- * wich are not directly related to React.
+ * which are not directly related to React.
  */
 @interface RCTEnhancedScrollView : UIScrollView
 
diff --git a/React/Fabric/Mounting/ComponentViews/ScrollView/RCTEnhancedScrollView.mm b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTEnhancedScrollView.mm
index eab20fea9939b0..e5b547b0ffb861 100644
--- a/React/Fabric/Mounting/ComponentViews/ScrollView/RCTEnhancedScrollView.mm
+++ b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTEnhancedScrollView.mm
@@ -9,4 +9,18 @@
 
 @implementation RCTEnhancedScrollView
 
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    if (@available(iOS 11.0, *)) {
+      // We set the default behavior to "never" so that iOS
+      // doesn't do weird things to UIScrollView insets automatically
+      // and keeps it as an opt-in behavior.
+      self.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
+    }
+  }
+
+  return self;
+}
+
 @end
diff --git a/React/Fabric/Mounting/ComponentViews/ScrollView/RNPullToRefreshViewComponentView.h b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTPullToRefreshViewComponentView.h
similarity index 88%
rename from React/Fabric/Mounting/ComponentViews/ScrollView/RNPullToRefreshViewComponentView.h
rename to React/Fabric/Mounting/ComponentViews/ScrollView/RCTPullToRefreshViewComponentView.h
index 98d6040f9536dd..18a1542486c8a9 100644
--- a/React/Fabric/Mounting/ComponentViews/ScrollView/RNPullToRefreshViewComponentView.h
+++ b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTPullToRefreshViewComponentView.h
@@ -16,7 +16,7 @@ NS_ASSUME_NONNULL_BEGIN
  * This view is designed to only serve ViewController-like purpose for the actual `UIRefreshControl` view which is being
  * attached to some `UIScrollView` (not to this view).
  */
-@interface RNPullToRefreshViewComponentView : RCTViewComponentView
+@interface RCTPullToRefreshViewComponentView : RCTViewComponentView
 
 @end
 
diff --git a/React/Fabric/Mounting/ComponentViews/ScrollView/RNPullToRefreshViewComponentView.mm b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTPullToRefreshViewComponentView.mm
similarity index 85%
rename from React/Fabric/Mounting/ComponentViews/ScrollView/RNPullToRefreshViewComponentView.mm
rename to React/Fabric/Mounting/ComponentViews/ScrollView/RCTPullToRefreshViewComponentView.mm
index c43b2f150f4a7c..bb8d564a73ad14 100644
--- a/React/Fabric/Mounting/ComponentViews/ScrollView/RNPullToRefreshViewComponentView.mm
+++ b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTPullToRefreshViewComponentView.mm
@@ -5,18 +5,18 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RNPullToRefreshViewComponentView.h"
+#import "RCTPullToRefreshViewComponentView.h"
 
 #import <react/components/rncore/ComponentDescriptors.h>
 #import <react/components/rncore/EventEmitters.h>
 #import <react/components/rncore/Props.h>
 
-#import <React/RCTScrollViewComponentView.h>
 #import <React/RCTConversions.h>
+#import <React/RCTScrollViewComponentView.h>
 
 using namespace facebook::react;
 
-@implementation RNPullToRefreshViewComponentView {
+@implementation RCTPullToRefreshViewComponentView {
   UIRefreshControl *_refreshControl;
   RCTScrollViewComponentView *_scrollViewComponentView;
 }
@@ -33,7 +33,9 @@ - (instancetype)initWithFrame:(CGRect)frame
     _props = defaultProps;
 
     _refreshControl = [[UIRefreshControl alloc] init];
-    [_refreshControl addTarget:self action:@selector(handleUIControlEventValueChanged) forControlEvents:UIControlEventValueChanged];
+    [_refreshControl addTarget:self
+                        action:@selector(handleUIControlEventValueChanged)
+              forControlEvents:UIControlEventValueChanged];
   }
 
   return self;
@@ -46,13 +48,11 @@ + (ComponentDescriptorProvider)componentDescriptorProvider
   return concreteComponentDescriptorProvider<PullToRefreshViewComponentDescriptor>();
 }
 
-- (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
 {
-  auto const &oldConcreteProps = *std::static_pointer_cast<PullToRefreshViewProps const>(oldProps ?: _props);
+  auto const &oldConcreteProps = *std::static_pointer_cast<PullToRefreshViewProps const>(_props);
   auto const &newConcreteProps = *std::static_pointer_cast<PullToRefreshViewProps const>(props);
 
-  [super updateProps:props oldProps:oldProps];
-
   if (newConcreteProps.refreshing != oldConcreteProps.refreshing) {
     if (newConcreteProps.refreshing) {
       [_refreshControl beginRefreshing];
@@ -74,6 +74,8 @@ - (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
   if (needsUpdateTitle) {
     [self _updateTitle];
   }
+
+  [super updateProps:props oldProps:oldProps];
 }
 
 #pragma mark -
@@ -97,7 +99,8 @@ - (void)_updateTitle
     attributes[NSForegroundColorAttributeName] = RCTUIColorFromSharedColor(concreteProps.titleColor);
   }
 
-  _refreshControl.attributedTitle = [[NSAttributedString alloc] initWithString:RCTNSStringFromString(concreteProps.title) attributes:attributes];
+  _refreshControl.attributedTitle =
+      [[NSAttributedString alloc] initWithString:RCTNSStringFromString(concreteProps.title) attributes:attributes];
 }
 
 #pragma mark - Attaching & Detaching
diff --git a/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.h b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.h
index b476ead428902c..244edaea64501b 100644
--- a/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.h
+++ b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.h
@@ -7,8 +7,9 @@
 
 #import <UIKit/UIKit.h>
 
+#import <React/RCTGenericDelegateSplitter.h>
+#import <React/RCTScrollableProtocol.h>
 #import <React/RCTViewComponentView.h>
-#import <React/RNGenericDelegateSplitter.h>
 
 NS_ASSUME_NONNULL_BEGIN
 
@@ -42,7 +43,17 @@ NS_ASSUME_NONNULL_BEGIN
 /*
  * Returns a delegate splitter that can be used to subscribe for UIScrollView delegate.
  */
-@property (nonatomic, strong, readonly) RNGenericDelegateSplitter<id<UIScrollViewDelegate>> *scrollViewDelegateSplitter;
+@property (nonatomic, strong, readonly)
+    RCTGenericDelegateSplitter<id<UIScrollViewDelegate>> *scrollViewDelegateSplitter;
+
+@end
+
+/*
+ * RCTScrollableProtocol is a protocol which RCTScrollViewManager uses to communicate with all kinds of `UIScrollView`s.
+ * Until Fabric has own command-execution pipeline we have to support that to some extent. The implementation shouldn't
+ * be perfect though because very soon we will migrate that to the new commands infra and get rid of this.
+ */
+@interface RCTScrollViewComponentView (ScrollableProtocol) <RCTScrollableProtocol>
 
 @end
 
diff --git a/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.mm b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.mm
index aaeda9b75447c1..4006d01a4b86dd 100644
--- a/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.mm
+++ b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.mm
@@ -46,14 +46,16 @@ - (instancetype)initWithFrame:(CGRect)frame
     _props = defaultProps;
 
     _scrollView = [[RCTEnhancedScrollView alloc] initWithFrame:self.bounds];
+    _scrollView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
     _scrollView.delaysContentTouches = NO;
-    self.contentView = _scrollView;
+    [self addSubview:_scrollView];
 
     _containerView = [[UIView alloc] initWithFrame:CGRectZero];
     [_scrollView addSubview:_containerView];
 
-    _scrollViewDelegateSplitter = [[RNGenericDelegateSplitter alloc] initWithDelegateUpdateBlock:^(id delegate) {
-      self->_scrollView.delegate = delegate;
+    __weak __typeof(self) weakSelf = self;
+    _scrollViewDelegateSplitter = [[RCTGenericDelegateSplitter alloc] initWithDelegateUpdateBlock:^(id delegate) {
+      weakSelf.scrollView.delegate = delegate;
     }];
 
     [_scrollViewDelegateSplitter addDelegate:self];
@@ -69,13 +71,11 @@ + (ComponentDescriptorProvider)componentDescriptorProvider
   return concreteComponentDescriptorProvider<ScrollViewComponentDescriptor>();
 }
 
-- (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
 {
-  const auto &oldScrollViewProps = *std::static_pointer_cast<const ScrollViewProps>(oldProps ?: _props);
+  const auto &oldScrollViewProps = *std::static_pointer_cast<const ScrollViewProps>(_props);
   const auto &newScrollViewProps = *std::static_pointer_cast<const ScrollViewProps>(props);
 
-  [super updateProps:props oldProps:oldProps];
-
 #define REMAP_PROP(reactName, localName, target)                      \
   if (oldScrollViewProps.reactName != newScrollViewProps.reactName) { \
     target.localName = newScrollViewProps.reactName;                  \
@@ -109,13 +109,19 @@ - (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
   MAP_SCROLL_VIEW_PROP(showsVerticalScrollIndicator);
   MAP_VIEW_PROP(scrollEventThrottle);
   MAP_SCROLL_VIEW_PROP(zoomScale);
-  // MAP_SCROLL_VIEW_PROP(contentInset);
+
+  if (oldScrollViewProps.contentInset != newScrollViewProps.contentInset) {
+    _scrollView.contentInset = RCTUIEdgeInsetsFromEdgeInsets(newScrollViewProps.contentInset);
+  }
+
   // MAP_SCROLL_VIEW_PROP(scrollIndicatorInsets);
   // MAP_SCROLL_VIEW_PROP(snapToInterval);
   // MAP_SCROLL_VIEW_PROP(snapToAlignment);
+
+  [super updateProps:props oldProps:oldProps];
 }
 
-- (void)updateState:(State::Shared)state oldState:(State::Shared)oldState
+- (void)updateState:(State::Shared const &)state oldState:(State::Shared const &)oldState
 {
   assert(std::dynamic_pointer_cast<ScrollViewShadowNode::ConcreteState const>(state));
   _state = std::static_pointer_cast<ScrollViewShadowNode::ConcreteState const>(state);
@@ -164,20 +170,38 @@ - (void)_updateStateWithContentOffset
   });
 }
 
+- (void)prepareForRecycle
+{
+  _scrollView.contentOffset = CGPointZero;
+  [super prepareForRecycle];
+}
+
 #pragma mark - UIScrollViewDelegate
 
 - (void)scrollViewDidScroll:(UIScrollView *)scrollView
 {
+  if (!_eventEmitter) {
+    return;
+  }
+
   std::static_pointer_cast<const ScrollViewEventEmitter>(_eventEmitter)->onScroll([self _scrollViewMetrics]);
 }
 
 - (void)scrollViewDidZoom:(UIScrollView *)scrollView
 {
+  if (!_eventEmitter) {
+    return;
+  }
+
   std::static_pointer_cast<const ScrollViewEventEmitter>(_eventEmitter)->onScroll([self _scrollViewMetrics]);
 }
 
 - (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
 {
+  if (!_eventEmitter) {
+    return;
+  }
+
   std::static_pointer_cast<const ScrollViewEventEmitter>(_eventEmitter)->onScrollBeginDrag([self _scrollViewMetrics]);
 }
 
@@ -185,36 +209,99 @@ - (void)scrollViewWillEndDragging:(UIScrollView *)scrollView
                      withVelocity:(CGPoint)velocity
               targetContentOffset:(inout CGPoint *)targetContentOffset
 {
+  if (!_eventEmitter) {
+    return;
+  }
+
   std::static_pointer_cast<const ScrollViewEventEmitter>(_eventEmitter)->onScrollEndDrag([self _scrollViewMetrics]);
 }
 
 - (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView
 {
+  if (!_eventEmitter) {
+    return;
+  }
+
   std::static_pointer_cast<const ScrollViewEventEmitter>(_eventEmitter)
       ->onMomentumScrollBegin([self _scrollViewMetrics]);
 }
 
 - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
 {
+  if (!_eventEmitter) {
+    return;
+  }
+
   std::static_pointer_cast<const ScrollViewEventEmitter>(_eventEmitter)->onMomentumScrollEnd([self _scrollViewMetrics]);
   [self _updateStateWithContentOffset];
 }
 
 - (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView
 {
+  if (!_eventEmitter) {
+    return;
+  }
+
   std::static_pointer_cast<const ScrollViewEventEmitter>(_eventEmitter)->onMomentumScrollEnd([self _scrollViewMetrics]);
   [self _updateStateWithContentOffset];
 }
 
 - (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(nullable UIView *)view
 {
+  if (!_eventEmitter) {
+    return;
+  }
+
   std::static_pointer_cast<const ScrollViewEventEmitter>(_eventEmitter)->onScrollBeginDrag([self _scrollViewMetrics]);
 }
 
 - (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(nullable UIView *)view atScale:(CGFloat)scale
 {
+  if (!_eventEmitter) {
+    return;
+  }
+
   std::static_pointer_cast<const ScrollViewEventEmitter>(_eventEmitter)->onScrollEndDrag([self _scrollViewMetrics]);
   [self _updateStateWithContentOffset];
 }
 
 @end
+
+@implementation RCTScrollViewComponentView (ScrollableProtocol)
+
+- (CGSize)contentSize
+{
+  return _contentSize;
+}
+
+- (void)scrollToOffset:(CGPoint)offset
+{
+  [self scrollToOffset:offset animated:YES];
+}
+
+- (void)scrollToOffset:(CGPoint)offset animated:(BOOL)animated
+{
+  [self.scrollView setContentOffset:offset animated:animated];
+}
+
+- (void)scrollToEnd:(BOOL)animated
+{
+  // Not implemented.
+}
+
+- (void)zoomToRect:(CGRect)rect animated:(BOOL)animated
+{
+  // Not implemented.
+}
+
+- (void)addScrollListener:(NSObject<UIScrollViewDelegate> *)scrollListener
+{
+  [self.scrollViewDelegateSplitter addDelegate:scrollListener];
+}
+
+- (void)removeScrollListener:(NSObject<UIScrollViewDelegate> *)scrollListener
+{
+  [self.scrollViewDelegateSplitter removeDelegate:scrollListener];
+}
+
+@end
diff --git a/React/Fabric/Mounting/ComponentViews/Slider/RCTSliderComponentView.mm b/React/Fabric/Mounting/ComponentViews/Slider/RCTSliderComponentView.mm
index f71ab528394717..cb0bb3757b6a58 100644
--- a/React/Fabric/Mounting/ComponentViews/Slider/RCTSliderComponentView.mm
+++ b/React/Fabric/Mounting/ComponentViews/Slider/RCTSliderComponentView.mm
@@ -107,13 +107,11 @@ + (ComponentDescriptorProvider)componentDescriptorProvider
   return concreteComponentDescriptorProvider<SliderComponentDescriptor>();
 }
 
-- (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
 {
-  const auto &oldSliderProps = *std::static_pointer_cast<const SliderProps>(oldProps ?: _props);
+  const auto &oldSliderProps = *std::static_pointer_cast<const SliderProps>(_props);
   const auto &newSliderProps = *std::static_pointer_cast<const SliderProps>(props);
 
-  [super updateProps:props oldProps:oldProps];
-
   // `value`
   if (oldSliderProps.value != newSliderProps.value) {
     _sliderView.value = newSliderProps.value;
@@ -149,6 +147,8 @@ - (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
   if (oldSliderProps.maximumTrackTintColor != newSliderProps.maximumTrackTintColor) {
     _sliderView.maximumTrackTintColor = [UIColor colorWithCGColor:newSliderProps.maximumTrackTintColor.get()];
   }
+
+  [super updateProps:props oldProps:oldProps];
 }
 
 - (void)updateLocalData:(SharedLocalData)localData oldLocalData:(SharedLocalData)oldLocalData
diff --git a/React/Fabric/Mounting/ComponentViews/Switch/RCTSwitchComponentView.mm b/React/Fabric/Mounting/ComponentViews/Switch/RCTSwitchComponentView.mm
index 2857748dab8a36..c4183aecb17c50 100644
--- a/React/Fabric/Mounting/ComponentViews/Switch/RCTSwitchComponentView.mm
+++ b/React/Fabric/Mounting/ComponentViews/Switch/RCTSwitchComponentView.mm
@@ -43,13 +43,11 @@ + (ComponentDescriptorProvider)componentDescriptorProvider
   return concreteComponentDescriptorProvider<SwitchComponentDescriptor>();
 }
 
-- (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
 {
-  const auto &oldSwitchProps = *std::static_pointer_cast<const SwitchProps>(oldProps ?: _props);
+  const auto &oldSwitchProps = *std::static_pointer_cast<const SwitchProps>(_props);
   const auto &newSwitchProps = *std::static_pointer_cast<const SwitchProps>(props);
 
-  [super updateProps:props oldProps:oldProps];
-
   // `value`
   if (oldSwitchProps.value != newSwitchProps.value) {
     _switchView.on = newSwitchProps.value;
@@ -75,6 +73,8 @@ - (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
   if (oldSwitchProps.thumbTintColor != newSwitchProps.thumbTintColor) {
     _switchView.thumbTintColor = [UIColor colorWithCGColor:newSwitchProps.thumbTintColor.get()];
   }
+
+  [super updateProps:props oldProps:oldProps];
 }
 
 - (void)onChange:(UISwitch *)sender
diff --git a/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm b/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm
index 9a64f5c30dce93..accbeea508a01c 100644
--- a/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm
+++ b/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm
@@ -8,8 +8,8 @@
 #import "RCTParagraphComponentView.h"
 
 #import <react/components/text/ParagraphComponentDescriptor.h>
-#import <react/components/text/ParagraphLocalData.h>
 #import <react/components/text/ParagraphProps.h>
+#import <react/components/text/ParagraphState.h>
 #import <react/components/text/RawTextComponentDescriptor.h>
 #import <react/components/text/TextComponentDescriptor.h>
 #import <react/core/LocalData.h>
@@ -21,7 +21,7 @@
 using namespace facebook::react;
 
 @implementation RCTParagraphComponentView {
-  SharedParagraphLocalData _paragraphLocalData;
+  ParagraphShadowNode::ConcreteState::Shared _state;
   ParagraphAttributes _paragraphAttributes;
 }
 
@@ -53,42 +53,41 @@ + (ComponentDescriptorProvider)componentDescriptorProvider
           concreteComponentDescriptorProvider<TextComponentDescriptor>()};
 }
 
-- (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
 {
   const auto &paragraphProps = std::static_pointer_cast<const ParagraphProps>(props);
 
-  [super updateProps:props oldProps:oldProps];
-
   assert(paragraphProps);
   _paragraphAttributes = paragraphProps->paragraphAttributes;
+
+  [super updateProps:props oldProps:oldProps];
 }
 
-- (void)updateLocalData:(SharedLocalData)localData oldLocalData:(SharedLocalData)oldLocalData
+- (void)updateState:(State::Shared const &)state oldState:(State::Shared const &)oldState
 {
-  _paragraphLocalData = std::static_pointer_cast<const ParagraphLocalData>(localData);
-  assert(_paragraphLocalData);
+  _state = std::static_pointer_cast<ParagraphShadowNode::ConcreteState const>(state);
   [self setNeedsDisplay];
 }
 
 - (void)prepareForRecycle
 {
   [super prepareForRecycle];
-  _paragraphLocalData.reset();
+  _state.reset();
 }
 
 - (void)drawRect:(CGRect)rect
 {
-  if (!_paragraphLocalData) {
+  if (!_state) {
     return;
   }
 
-  SharedTextLayoutManager textLayoutManager = _paragraphLocalData->getTextLayoutManager();
+  SharedTextLayoutManager textLayoutManager = _state->getData().layoutManager;
   RCTTextLayoutManager *nativeTextLayoutManager =
       (__bridge RCTTextLayoutManager *)textLayoutManager->getNativeTextLayoutManager();
 
   CGRect frame = RCTCGRectFromRect(_layoutMetrics.getContentFrame());
 
-  [nativeTextLayoutManager drawAttributedString:_paragraphLocalData->getAttributedString()
+  [nativeTextLayoutManager drawAttributedString:_state->getData().attributedString
                             paragraphAttributes:_paragraphAttributes
                                           frame:frame];
 }
@@ -102,26 +101,26 @@ - (NSString *)accessibilityLabel
     return superAccessibilityLabel;
   }
 
-  if (!_paragraphLocalData) {
+  if (!_state) {
     return nil;
   }
 
-  return RCTNSStringFromString(_paragraphLocalData->getAttributedString().getString());
+  return RCTNSStringFromString(_state->getData().attributedString.getString());
 }
 
 - (SharedTouchEventEmitter)touchEventEmitterAtPoint:(CGPoint)point
 {
-  if (!_paragraphLocalData) {
+  if (!_state) {
     return _eventEmitter;
   }
 
-  SharedTextLayoutManager textLayoutManager = _paragraphLocalData->getTextLayoutManager();
+  SharedTextLayoutManager textLayoutManager = _state->getData().layoutManager;
   RCTTextLayoutManager *nativeTextLayoutManager =
       (__bridge RCTTextLayoutManager *)textLayoutManager->getNativeTextLayoutManager();
   CGRect frame = RCTCGRectFromRect(_layoutMetrics.getContentFrame());
 
   SharedEventEmitter eventEmitter =
-      [nativeTextLayoutManager getEventEmitterWithAttributeString:_paragraphLocalData->getAttributedString()
+      [nativeTextLayoutManager getEventEmitterWithAttributeString:_state->getData().attributedString
                                               paragraphAttributes:_paragraphAttributes
                                                             frame:frame
                                                           atPoint:point];
diff --git a/React/Fabric/Mounting/ComponentViews/UnimplementedComponent/RCTUnimplementedNativeComponentView.mm b/React/Fabric/Mounting/ComponentViews/UnimplementedComponent/RCTUnimplementedNativeComponentView.mm
index bf5fdd1e70950c..dd9555959db807 100644
--- a/React/Fabric/Mounting/ComponentViews/UnimplementedComponent/RCTUnimplementedNativeComponentView.mm
+++ b/React/Fabric/Mounting/ComponentViews/UnimplementedComponent/RCTUnimplementedNativeComponentView.mm
@@ -45,16 +45,16 @@ + (ComponentDescriptorProvider)componentDescriptorProvider
   return concreteComponentDescriptorProvider<UnimplementedNativeViewComponentDescriptor>();
 }
 
-- (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
 {
-  const auto &oldViewProps = *std::static_pointer_cast<const UnimplementedNativeViewProps>(oldProps ?: _props);
+  const auto &oldViewProps = *std::static_pointer_cast<const UnimplementedNativeViewProps>(_props);
   const auto &newViewProps = *std::static_pointer_cast<const UnimplementedNativeViewProps>(props);
 
-  [super updateProps:props oldProps:oldProps];
-
   if (oldViewProps.name != newViewProps.name) {
     _label.text = [NSString stringWithFormat:@"'%s' is not Fabric compatible yet.", newViewProps.name.c_str()];
   }
+
+  [super updateProps:props oldProps:oldProps];
 }
 
 @end
diff --git a/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.h b/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.h
index 9cd1cbf3a63ccb..a3d55f0fd0777a 100644
--- a/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.h
+++ b/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.h
@@ -34,7 +34,7 @@ NS_ASSUME_NONNULL_BEGIN
  * and `padding`) of the component.
  * This view must not be a component view; it's just a convenient way
  * to embed/bridge pure native views as component views.
- * Defaults to `nil`. Assing `nil` to remove view as subview.
+ * Defaults to `nil`. Assign `nil` to remove view as subview.
  */
 @property (nonatomic, strong, nullable) UIView *contentView;
 
@@ -70,15 +70,21 @@ NS_ASSUME_NONNULL_BEGIN
 
 /**
  * Enforcing `call super` semantic for overridden methods from `RCTComponentViewProtocol`.
+ * The methods update the instance variables.
  */
-- (void)updateProps:(facebook::react::SharedProps)props
-           oldProps:(facebook::react::SharedProps)oldProps NS_REQUIRES_SUPER;
-- (void)updateEventEmitter:(facebook::react::SharedEventEmitter)eventEmitter NS_REQUIRES_SUPER;
-- (void)updateLayoutMetrics:(facebook::react::LayoutMetrics)layoutMetrics
-           oldLayoutMetrics:(facebook::react::LayoutMetrics)oldLayoutMetrics NS_REQUIRES_SUPER;
+- (void)updateProps:(facebook::react::Props::Shared const &)props
+           oldProps:(facebook::react::Props::Shared const &)oldProps NS_REQUIRES_SUPER;
+- (void)updateEventEmitter:(facebook::react::EventEmitter::Shared const &)eventEmitter NS_REQUIRES_SUPER;
+- (void)updateLayoutMetrics:(facebook::react::LayoutMetrics const &)layoutMetrics
+           oldLayoutMetrics:(facebook::react::LayoutMetrics const &)oldLayoutMetrics NS_REQUIRES_SUPER;
 - (void)finalizeUpdates:(RNComponentViewUpdateMask)updateMask NS_REQUIRES_SUPER;
 - (void)prepareForRecycle NS_REQUIRES_SUPER;
 
+/*
+ * This is a fragment of temporary workaround that we need only temporary and will get rid of soon.
+ */
+- (NSString *)componentViewName_DO_NOT_USE_THIS_IS_BROKEN;
+
 @end
 
 NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm b/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm
index 39425793a0fc01..8c67f8f045714a 100644
--- a/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm
+++ b/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm
@@ -94,7 +94,7 @@ + (ComponentDescriptorProvider)componentDescriptorProvider
   return concreteComponentDescriptorProvider<ViewComponentDescriptor>();
 }
 
-- (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
 {
 #ifndef NS_BLOCK_ASSERTIONS
   auto propsRawPtr = _props.get();
@@ -107,11 +107,9 @@ - (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
       NSStringFromClass([self class]));
 #endif
 
-  auto const &oldViewProps = *std::static_pointer_cast<ViewProps const>(oldProps ?: _props);
+  auto const &oldViewProps = *std::static_pointer_cast<ViewProps const>(_props);
   auto const &newViewProps = *std::static_pointer_cast<ViewProps const>(props);
 
-  _props = std::static_pointer_cast<ViewProps const>(props);
-
   BOOL needsInvalidateLayer = NO;
 
   // `opacity`
@@ -122,7 +120,7 @@ - (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
 
   // `backgroundColor`
   if (oldViewProps.backgroundColor != newViewProps.backgroundColor) {
-    _backgroundColor = RCTUIColorFromSharedColor(newViewProps.backgroundColor);
+    self.backgroundColor = RCTUIColorFromSharedColor(newViewProps.backgroundColor);
     needsInvalidateLayer = YES;
   }
 
@@ -241,15 +239,18 @@ - (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
   }
 
   _needsInvalidateLayer = _needsInvalidateLayer || needsInvalidateLayer;
+
+  _props = std::static_pointer_cast<ViewProps const>(props);
 }
 
-- (void)updateEventEmitter:(SharedEventEmitter)eventEmitter
+- (void)updateEventEmitter:(EventEmitter::Shared const &)eventEmitter
 {
   assert(std::dynamic_pointer_cast<ViewEventEmitter const>(eventEmitter));
   _eventEmitter = std::static_pointer_cast<ViewEventEmitter const>(eventEmitter);
 }
 
-- (void)updateLayoutMetrics:(LayoutMetrics)layoutMetrics oldLayoutMetrics:(LayoutMetrics)oldLayoutMetrics
+- (void)updateLayoutMetrics:(LayoutMetrics const &)layoutMetrics
+           oldLayoutMetrics:(LayoutMetrics const &)oldLayoutMetrics
 {
   [super updateLayoutMetrics:layoutMetrics oldLayoutMetrics:oldLayoutMetrics];
 
@@ -332,12 +333,10 @@ static RCTCornerRadii RCTCornerRadiiFromBorderRadii(BorderRadii borderRadii)
 
 static RCTBorderColors RCTBorderColorsFromBorderColors(BorderColors borderColors)
 {
-  return RCTBorderColors{
-    .left = RCTCGColorRefUnretainedFromSharedColor(borderColors.left),
-    .top =  RCTCGColorRefUnretainedFromSharedColor(borderColors.top),
-    .bottom =  RCTCGColorRefUnretainedFromSharedColor(borderColors.bottom),
-    .right = RCTCGColorRefUnretainedFromSharedColor(borderColors.right)
-  };
+  return RCTBorderColors{.left = RCTCGColorRefUnretainedFromSharedColor(borderColors.left),
+                         .top = RCTCGColorRefUnretainedFromSharedColor(borderColors.top),
+                         .bottom = RCTCGColorRefUnretainedFromSharedColor(borderColors.bottom),
+                         .right = RCTCGColorRefUnretainedFromSharedColor(borderColors.right)};
 }
 
 static UIEdgeInsets UIEdgeInsetsFromBorderInsets(EdgeInsets edgeInsets)
@@ -460,7 +459,7 @@ - (void)invalidateLayer
     CGFloat cornerRadius = 0;
     if (self.clipsToBounds) {
       if (borderMetrics.borderRadii.isUniform()) {
-        // In this case we can simply use `cornerRadius` exclusivly.
+        // In this case we can simply use `cornerRadius` exclusively.
         cornerRadius = borderMetrics.borderRadii.topLeft;
       } else {
         // In this case we have to generate masking layer manually.
@@ -565,4 +564,9 @@ - (SharedTouchEventEmitter)touchEventEmitterAtPoint:(CGPoint)point
   return _eventEmitter;
 }
 
+- (NSString *)componentViewName_DO_NOT_USE_THIS_IS_BROKEN
+{
+  return RCTNSStringFromString([[self class] componentDescriptorProvider].name);
+}
+
 @end
diff --git a/React/Fabric/Mounting/RCTComponentViewFactory.mm b/React/Fabric/Mounting/RCTComponentViewFactory.mm
index 013324402cfa50..4a2d9703d318a8 100644
--- a/React/Fabric/Mounting/RCTComponentViewFactory.mm
+++ b/React/Fabric/Mounting/RCTComponentViewFactory.mm
@@ -16,14 +16,15 @@
 
 #import "RCTActivityIndicatorViewComponentView.h"
 #import "RCTImageComponentView.h"
+#import "RCTModalHostViewComponentView.h"
 #import "RCTParagraphComponentView.h"
+#import "RCTPullToRefreshViewComponentView.h"
 #import "RCTRootComponentView.h"
 #import "RCTScrollViewComponentView.h"
 #import "RCTSliderComponentView.h"
 #import "RCTSwitchComponentView.h"
 #import "RCTUnimplementedNativeComponentView.h"
 #import "RCTViewComponentView.h"
-#import "RNPullToRefreshViewComponentView.h"
 
 using namespace facebook::react;
 
@@ -40,13 +41,14 @@ + (RCTComponentViewFactory *)standardComponentViewFactory
   [componentViewFactory registerComponentViewClass:[RCTViewComponentView class]];
   [componentViewFactory registerComponentViewClass:[RCTRootComponentView class]];
   [componentViewFactory registerComponentViewClass:[RCTScrollViewComponentView class]];
-  [componentViewFactory registerComponentViewClass:[RNPullToRefreshViewComponentView class]];
+  [componentViewFactory registerComponentViewClass:[RCTPullToRefreshViewComponentView class]];
   [componentViewFactory registerComponentViewClass:[RCTImageComponentView class]];
   [componentViewFactory registerComponentViewClass:[RCTParagraphComponentView class]];
   [componentViewFactory registerComponentViewClass:[RCTActivityIndicatorViewComponentView class]];
   [componentViewFactory registerComponentViewClass:[RCTSliderComponentView class]];
   [componentViewFactory registerComponentViewClass:[RCTSwitchComponentView class]];
   [componentViewFactory registerComponentViewClass:[RCTUnimplementedNativeComponentView class]];
+  [componentViewFactory registerComponentViewClass:[RCTModalHostViewComponentView class]];
 
   return componentViewFactory;
 }
diff --git a/React/Fabric/Mounting/RCTComponentViewProtocol.h b/React/Fabric/Mounting/RCTComponentViewProtocol.h
index e5e1c6a5c06a45..c27e46f319e095 100644
--- a/React/Fabric/Mounting/RCTComponentViewProtocol.h
+++ b/React/Fabric/Mounting/RCTComponentViewProtocol.h
@@ -70,7 +70,8 @@ typedef NS_OPTIONS(NSInteger, RNComponentViewUpdateMask) {
  * Called for updating component's props.
  * Receiver must update native view props accordingly changed props.
  */
-- (void)updateProps:(facebook::react::SharedProps)props oldProps:(facebook::react::SharedProps)oldProps;
+- (void)updateProps:(facebook::react::Props::Shared const &)props
+           oldProps:(facebook::react::Props::Shared const &)oldProps;
 
 /*
  * Called for updating component's local data.
@@ -83,22 +84,28 @@ typedef NS_OPTIONS(NSInteger, RNComponentViewUpdateMask) {
  * Called for updating component's state.
  * Receiver must update native view according to changed state.
  */
-- (void)updateState:(facebook::react::State::Shared)state oldState:(facebook::react::State::Shared)oldState;
+- (void)updateState:(facebook::react::State::Shared const &)state
+           oldState:(facebook::react::State::Shared const &)oldState;
 
 /*
  * Called for updating component's event handlers set.
  * Receiver must cache `eventEmitter` object inside and use it for emitting
  * events when needed.
  */
-- (void)updateEventEmitter:(facebook::react::SharedEventEmitter)eventEmitter;
+- (void)updateEventEmitter:(facebook::react::EventEmitter::Shared const &)eventEmitter;
 
 /*
  * Called for updating component's layout metrics.
  * Receiver must update `UIView` layout-related fields (such as `frame`,
  * `bounds`, `layer.zPosition`, and so on) accordingly.
  */
-- (void)updateLayoutMetrics:(facebook::react::LayoutMetrics)layoutMetrics
-           oldLayoutMetrics:(facebook::react::LayoutMetrics)oldLayoutMetrics;
+- (void)updateLayoutMetrics:(facebook::react::LayoutMetrics const &)layoutMetrics
+           oldLayoutMetrics:(facebook::react::LayoutMetrics const &)oldLayoutMetrics;
+
+/*
+ * Called when receiving a command
+ */
+- (void)handleCommand:(NSString const *)commandName args:(NSArray const *)args;
 
 /*
  * Called right after all update methods were called for a particular component view.
diff --git a/React/Fabric/Mounting/RCTComponentViewRegistry.h b/React/Fabric/Mounting/RCTComponentViewRegistry.h
index a85308002f6102..d86b021e725a31 100644
--- a/React/Fabric/Mounting/RCTComponentViewRegistry.h
+++ b/React/Fabric/Mounting/RCTComponentViewRegistry.h
@@ -44,7 +44,7 @@ NS_ASSUME_NONNULL_BEGIN
 - (UIView<RCTComponentViewProtocol> *)componentViewByTag:(ReactTag)tag;
 
 /**
- * Returns `tag` assosiated with given `componentView`.
+ * Returns `tag` associated with given `componentView`.
  */
 - (ReactTag)tagByComponentView:(UIView<RCTComponentViewProtocol> *)componentView;
 
diff --git a/React/Fabric/Mounting/RCTMountingManager.h b/React/Fabric/Mounting/RCTMountingManager.h
index 8bf62da780a6a4..dbc0d604d87e39 100644
--- a/React/Fabric/Mounting/RCTMountingManager.h
+++ b/React/Fabric/Mounting/RCTMountingManager.h
@@ -32,10 +32,15 @@ NS_ASSUME_NONNULL_BEGIN
  */
 - (void)scheduleTransaction:(facebook::react::MountingCoordinator::Shared const &)mountingCoordinator;
 
+/**
+ * Dispatch a command to be performed on the main thread.
+ * Can be called from any thread.
+ */
+- (void)dispatchCommand:(ReactTag)reactTag commandName:(NSString *)commandName args:(NSArray *)args;
+
 - (void)synchronouslyUpdateViewOnUIThread:(ReactTag)reactTag
                              changedProps:(NSDictionary *)props
                       componentDescriptor:(const facebook::react::ComponentDescriptor &)componentDescriptor;
-
 @end
 
 NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/RCTMountingManager.mm b/React/Fabric/Mounting/RCTMountingManager.mm
index bf781fea21b40f..48eeeff15ee90e 100644
--- a/React/Fabric/Mounting/RCTMountingManager.mm
+++ b/React/Fabric/Mounting/RCTMountingManager.mm
@@ -225,6 +225,22 @@ - (void)scheduleTransaction:(MountingCoordinator::Shared const &)mountingCoordin
   });
 }
 
+- (void)dispatchCommand:(ReactTag)reactTag commandName:(NSString *)commandName args:(NSArray *)args
+{
+  if (RCTIsMainQueue()) {
+    // Already on the proper thread, so:
+    // * No need to do a thread jump;
+    // * No need to allocate a block.
+    [self synchronouslyDispatchCommandOnUIThread:reactTag commandName:commandName args:args];
+    return;
+  }
+
+  RCTExecuteOnMainQueue(^{
+    RCTAssertMainQueue();
+    [self synchronouslyDispatchCommandOnUIThread:reactTag commandName:commandName args:args];
+  });
+}
+
 - (void)mountMutations:(MountingCoordinator::Shared const &)mountingCoordinator
 {
   SystraceSection s("-[RCTMountingManager mountMutations:]");
@@ -253,4 +269,13 @@ - (void)synchronouslyUpdateViewOnUIThread:(ReactTag)reactTag
   [componentView updateProps:newProps oldProps:oldProps];
 }
 
+- (void)synchronouslyDispatchCommandOnUIThread:(ReactTag)reactTag
+                                   commandName:(NSString *)commandName
+                                          args:(NSArray *)args
+{
+  RCTAssertMainQueue();
+  UIView<RCTComponentViewProtocol> *componentView = [_componentViewRegistry componentViewByTag:reactTag];
+  [componentView handleCommand:commandName args:args];
+}
+
 @end
diff --git a/React/Fabric/Mounting/UIView+ComponentViewProtocol.h b/React/Fabric/Mounting/UIView+ComponentViewProtocol.h
index b0ff68685b2b48..ac46d801c6c54f 100644
--- a/React/Fabric/Mounting/UIView+ComponentViewProtocol.h
+++ b/React/Fabric/Mounting/UIView+ComponentViewProtocol.h
@@ -14,7 +14,7 @@ NS_ASSUME_NONNULL_BEGIN
 /**
  * Default implementation of RCTComponentViewProtocol.
  */
-@interface UIView (ComponentViewProtocol)
+@interface UIView (ComponentViewProtocol) <RCTComponentViewProtocol>
 
 + (std::vector<facebook::react::ComponentDescriptorProvider>)supplementalComponentDescriptorProviders;
 
@@ -22,17 +22,19 @@ NS_ASSUME_NONNULL_BEGIN
 
 - (void)unmountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index;
 
-- (void)updateProps:(facebook::react::SharedProps)props oldProps:(facebook::react::SharedProps)oldProps;
+- (void)updateProps:(facebook::react::Props::Shared const &)props
+           oldProps:(facebook::react::Props::Shared const &)oldProps;
 
-- (void)updateEventEmitter:(facebook::react::SharedEventEmitter)eventEmitter;
+- (void)updateEventEmitter:(facebook::react::EventEmitter::Shared const &)eventEmitter;
 
 - (void)updateLocalData:(facebook::react::SharedLocalData)localData
            oldLocalData:(facebook::react::SharedLocalData)oldLocalData;
 
-- (void)updateState:(facebook::react::State::Shared)state oldState:(facebook::react::State::Shared)oldState;
+- (void)updateState:(facebook::react::State::Shared const &)state
+           oldState:(facebook::react::State::Shared const &)oldState;
 
-- (void)updateLayoutMetrics:(facebook::react::LayoutMetrics)layoutMetrics
-           oldLayoutMetrics:(facebook::react::LayoutMetrics)oldLayoutMetrics;
+- (void)updateLayoutMetrics:(facebook::react::LayoutMetrics const &)layoutMetrics
+           oldLayoutMetrics:(facebook::react::LayoutMetrics const &)oldLayoutMetrics;
 
 - (void)finalizeUpdates:(RNComponentViewUpdateMask)updateMask;
 
diff --git a/React/Fabric/Mounting/UIView+ComponentViewProtocol.mm b/React/Fabric/Mounting/UIView+ComponentViewProtocol.mm
index c5285a316a31bb..225e7bf4a2c464 100644
--- a/React/Fabric/Mounting/UIView+ComponentViewProtocol.mm
+++ b/React/Fabric/Mounting/UIView+ComponentViewProtocol.mm
@@ -17,6 +17,12 @@
 
 @implementation UIView (ComponentViewProtocol)
 
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  RCTAssert(NO, @"`-[RCTComponentViewProtocol componentDescriptorProvider]` must be implemented in a concrete class.");
+  return {};
+}
+
 + (std::vector<facebook::react::ComponentDescriptorProvider>)supplementalComponentDescriptorProviders
 {
   return {};
@@ -33,12 +39,12 @@ - (void)unmountChildComponentView:(UIView<RCTComponentViewProtocol> *)childCompo
   [childComponentView removeFromSuperview];
 }
 
-- (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
 {
   // Default implementation does nothing.
 }
 
-- (void)updateEventEmitter:(SharedEventEmitter)eventEmitter
+- (void)updateEventEmitter:(EventEmitter::Shared const &)eventEmitter
 {
   // Default implementation does nothing.
 }
@@ -48,12 +54,19 @@ - (void)updateLocalData:(SharedLocalData)localData oldLocalData:(SharedLocalData
   // Default implementation does nothing.
 }
 
-- (void)updateState:(facebook::react::State::Shared)state oldState:(facebook::react::State::Shared)oldState
+- (void)updateState:(facebook::react::State::Shared const &)state
+           oldState:(facebook::react::State::Shared const &)oldState
+{
+  // Default implementation does nothing.
+}
+
+- (void)handleCommand:(NSString *)commandName args:(NSArray *)args
 {
   // Default implementation does nothing.
 }
 
-- (void)updateLayoutMetrics:(LayoutMetrics)layoutMetrics oldLayoutMetrics:(LayoutMetrics)oldLayoutMetrics
+- (void)updateLayoutMetrics:(LayoutMetrics const &)layoutMetrics
+           oldLayoutMetrics:(LayoutMetrics const &)oldLayoutMetrics
 {
   if (layoutMetrics.frame != oldLayoutMetrics.frame) {
     CGRect frame = RCTCGRectFromRect(layoutMetrics.frame);
@@ -73,7 +86,10 @@ - (void)updateLayoutMetrics:(LayoutMetrics)layoutMetrics oldLayoutMetrics:(Layou
       return;
     }
 
-    self.frame = frame;
+    // Note: Changing `frame` when `layer.transform` is not the `identity transform` is undefined behavior.
+    // Therefore, we must use `center` and `bounds`.
+    self.center = CGPoint{CGRectGetMidX(frame), CGRectGetMidY(frame)};
+    self.bounds = CGRect{CGPointZero, frame.size};
   }
 
   if (layoutMetrics.layoutDirection != oldLayoutMetrics.layoutDirection) {
diff --git a/React/Fabric/RCTImageResponseObserverProxy.h b/React/Fabric/RCTImageResponseObserverProxy.h
index 72a1aa6bf7d482..a595dc537503b9 100644
--- a/React/Fabric/RCTImageResponseObserverProxy.h
+++ b/React/Fabric/RCTImageResponseObserverProxy.h
@@ -7,7 +7,6 @@
 
 #pragma once
 
-#import "RCTImageResponseDelegate.h"
 #import "RCTImageResponseDelegate.h"
 
 #include <react/imagemanager/ImageResponseObserver.h>
@@ -15,18 +14,18 @@
 NS_ASSUME_NONNULL_BEGIN
 
 namespace facebook {
-  namespace react {
-    class RCTImageResponseObserverProxy: public ImageResponseObserver {
-    public:
-      RCTImageResponseObserverProxy(void* delegate);
-      void didReceiveImage(const ImageResponse &imageResponse) override;
-      void didReceiveProgress (float p) override;
-      void didReceiveFailure() override;
-      
-    private:
-      id<RCTImageResponseDelegate> delegate_;
-    };
-  }
-}
+namespace react {
+class RCTImageResponseObserverProxy : public ImageResponseObserver {
+ public:
+  RCTImageResponseObserverProxy(void *delegate);
+  void didReceiveImage(const ImageResponse &imageResponse) override;
+  void didReceiveProgress(float p) override;
+  void didReceiveFailure() override;
+
+ private:
+  __weak id<RCTImageResponseDelegate> delegate_;
+};
+} // namespace react
+} // namespace facebook
 
 NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/RCTImageResponseObserverProxy.mm b/React/Fabric/RCTImageResponseObserverProxy.mm
index f84e81d3b400ed..9a532d354a0a20 100644
--- a/React/Fabric/RCTImageResponseObserverProxy.mm
+++ b/React/Fabric/RCTImageResponseObserverProxy.mm
@@ -7,15 +7,19 @@
 
 #import "RCTImageResponseObserverProxy.h"
 
-#import <react/imagemanager/ImageResponseObserver.h>
 #import <react/imagemanager/ImageResponse.h>
+#import <react/imagemanager/ImageResponseObserver.h>
 
 namespace facebook {
-  namespace react {
-    
-RCTImageResponseObserverProxy::RCTImageResponseObserverProxy(void* delegate): delegate_((__bridge id<RCTImageResponseDelegate>)delegate) {}
-    
-void RCTImageResponseObserverProxy::didReceiveImage(const ImageResponse &imageResponse) {
+namespace react {
+
+RCTImageResponseObserverProxy::RCTImageResponseObserverProxy(void *delegate)
+    : delegate_((__bridge id<RCTImageResponseDelegate>)delegate)
+{
+}
+
+void RCTImageResponseObserverProxy::didReceiveImage(const ImageResponse &imageResponse)
+{
   UIImage *image = (__bridge UIImage *)imageResponse.getImage().get();
   void *this_ = this;
   dispatch_async(dispatch_get_main_queue(), ^{
@@ -23,19 +27,21 @@
   });
 }
 
-void RCTImageResponseObserverProxy::didReceiveProgress (float p) {
+void RCTImageResponseObserverProxy::didReceiveProgress(float p)
+{
   void *this_ = this;
   dispatch_async(dispatch_get_main_queue(), ^{
     [delegate_ didReceiveProgress:p fromObserver:this_];
   });
 }
-    
-void RCTImageResponseObserverProxy::didReceiveFailure() {
+
+void RCTImageResponseObserverProxy::didReceiveFailure()
+{
   void *this_ = this;
   dispatch_async(dispatch_get_main_queue(), ^{
     [delegate_ didReceiveFailureFromObserver:this_];
   });
 }
 
-  } // namespace react
+} // namespace react
 } // namespace facebook
diff --git a/React/Fabric/RCTScheduler.h b/React/Fabric/RCTScheduler.h
index bebdaedcfe827f..1dbd74b49e801f 100644
--- a/React/Fabric/RCTScheduler.h
+++ b/React/Fabric/RCTScheduler.h
@@ -14,6 +14,7 @@
 #import <react/core/LayoutContext.h>
 #import <react/mounting/MountingCoordinator.h>
 #import <react/uimanager/ComponentDescriptorFactory.h>
+#import <react/uimanager/SchedulerToolbox.h>
 #import <react/utils/ContextContainer.h>
 
 NS_ASSUME_NONNULL_BEGIN
@@ -27,6 +28,10 @@ NS_ASSUME_NONNULL_BEGIN
 
 - (void)schedulerDidFinishTransaction:(facebook::react::MountingCoordinator::Shared const &)mountingCoordinator;
 
+- (void)schedulerDidDispatchCommand:(facebook::react::ShadowView const &)shadowView
+                        commandName:(std::string const &)commandName
+                               args:(folly::dynamic const)args;
+
 @end
 
 /**
@@ -36,8 +41,7 @@ NS_ASSUME_NONNULL_BEGIN
 
 @property (atomic, weak, nullable) id<RCTSchedulerDelegate> delegate;
 
-- (instancetype)initWithContextContainer:(facebook::react::ContextContainer::Shared)contextContatiner
-                componentRegistryFactory:(facebook::react::ComponentRegistryFactory)componentRegistryFactory;
+- (instancetype)initWithToolbox:(facebook::react::SchedulerToolbox)toolbox;
 
 - (void)startSurfaceWithSurfaceId:(facebook::react::SurfaceId)surfaceId
                        moduleName:(NSString *)moduleName
diff --git a/React/Fabric/RCTScheduler.mm b/React/Fabric/RCTScheduler.mm
index 185e012fed60d2..2bd27b7663b2c3 100644
--- a/React/Fabric/RCTScheduler.mm
+++ b/React/Fabric/RCTScheduler.mm
@@ -34,6 +34,29 @@ void schedulerDidRequestPreliminaryViewAllocation(SurfaceId surfaceId, const Sha
     // Preemptive allocation of native views on iOS does not require this call.
   }
 
+  void schedulerDidDispatchCommand(
+      const ShadowView &shadowView,
+      const std::string &commandName,
+      const folly::dynamic args) override
+  {
+    RCTScheduler *scheduler = (__bridge RCTScheduler *)scheduler_;
+    [scheduler.delegate schedulerDidDispatchCommand:shadowView commandName:commandName args:args];
+  }
+
+  void schedulerDidSetJSResponder(
+      SurfaceId surfaceId,
+      const ShadowView &shadowView,
+      const ShadowView &initialShadowView,
+      bool blockNativeResponder) override
+  {
+    // Does nothing for now.
+  }
+
+  void schedulerDidClearJSResponder() override
+  {
+    // Does nothing for now.
+  }
+
  private:
   void *scheduler_;
 };
@@ -43,13 +66,11 @@ @implementation RCTScheduler {
   std::shared_ptr<SchedulerDelegateProxy> _delegateProxy;
 }
 
-- (instancetype)initWithContextContainer:(ContextContainer::Shared)contextContainer
-                componentRegistryFactory:(ComponentRegistryFactory)componentRegistryFactory
+- (instancetype)initWithToolbox:(facebook::react::SchedulerToolbox)toolbox
 {
   if (self = [super init]) {
     _delegateProxy = std::make_shared<SchedulerDelegateProxy>((__bridge void *)self);
-    _scheduler = std::make_shared<Scheduler>(contextContainer, componentRegistryFactory);
-    _scheduler->setDelegate(_delegateProxy.get());
+    _scheduler = std::make_shared<Scheduler>(toolbox, _delegateProxy.get());
   }
 
   return self;
diff --git a/React/Fabric/RCTSurfacePresenter.h b/React/Fabric/RCTSurfacePresenter.h
index c4236c2ae8be6e..f58ec46af8eb5c 100644
--- a/React/Fabric/RCTSurfacePresenter.h
+++ b/React/Fabric/RCTSurfacePresenter.h
@@ -11,24 +11,17 @@
 #import <React/RCTBridge.h>
 #import <React/RCTComponentViewFactory.h>
 #import <React/RCTPrimitives.h>
+#import <React/RCTSurfacePresenterStub.h>
 #import <react/config/ReactNativeConfig.h>
 #import <react/utils/ContextContainer.h>
+#import <react/utils/RuntimeExecutor.h>
 
 NS_ASSUME_NONNULL_BEGIN
 
 @class RCTFabricSurface;
+@class RCTImageLoader;
 @class RCTMountingManager;
 
-@protocol RCTSurfacePresenterObserver <NSObject>
-
-@optional
-
-- (void)willMountComponentsWithRootTag:(ReactTag)rootTag;
-
-- (void)didMountComponentsWithRootTag:(ReactTag)rootTag;
-
-@end
-
 /**
  * Coordinates presenting of React Native Surfaces and represents application
  * facing interface of running React Native core.
@@ -38,14 +31,16 @@ NS_ASSUME_NONNULL_BEGIN
 @interface RCTSurfacePresenter : NSObject
 
 - (instancetype)initWithBridge:(RCTBridge *)bridge
-                        config:(std::shared_ptr<const facebook::react::ReactNativeConfig>)config;
+                        config:(std::shared_ptr<const facebook::react::ReactNativeConfig>)config
+                   imageLoader:(RCTImageLoader *)imageLoader
+               runtimeExecutor:(facebook::react::RuntimeExecutor)runtimeExecutor;
 
 @property (nonatomic, readonly) RCTComponentViewFactory *componentViewFactory;
 @property (nonatomic, readonly) facebook::react::ContextContainer::Shared contextContainer;
 
 @end
 
-@interface RCTSurfacePresenter (Surface)
+@interface RCTSurfacePresenter (Surface) <RCTSurfacePresenterStub>
 
 /**
  * Surface uses these methods to register itself in the Presenter.
@@ -57,8 +52,7 @@ NS_ASSUME_NONNULL_BEGIN
  */
 - (void)startSurface:(RCTFabricSurface *)surface;
 - (void)unregisterSurface:(RCTFabricSurface *)surface;
-- (void)setProps:(NSDictionary *)props
-         surface:(RCTFabricSurface *)surface;
+- (void)setProps:(NSDictionary *)props surface:(RCTFabricSurface *)surface;
 
 - (nullable RCTFabricSurface *)surfaceForRootTag:(ReactTag)rootTag;
 
@@ -72,9 +66,7 @@ NS_ASSUME_NONNULL_BEGIN
 /**
  * Sets `minimumSize` and `maximumSize` layout constraints for the Surface.
  */
-- (void)setMinimumSize:(CGSize)minimumSize
-           maximumSize:(CGSize)maximumSize
-               surface:(RCTFabricSurface *)surface;
+- (void)setMinimumSize:(CGSize)minimumSize maximumSize:(CGSize)maximumSize surface:(RCTFabricSurface *)surface;
 
 - (BOOL)synchronouslyUpdateViewOnUIThread:(NSNumber *)reactTag props:(NSDictionary *)props;
 
@@ -84,10 +76,4 @@ NS_ASSUME_NONNULL_BEGIN
 
 @end
 
-@interface RCTBridge (Deprecated)
-
-@property (nonatomic) RCTSurfacePresenter *surfacePresenter;
-
-@end
-
 NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/RCTSurfacePresenter.mm b/React/Fabric/RCTSurfacePresenter.mm
index 06c8c5cab728db..058f8950550ae4 100644
--- a/React/Fabric/RCTSurfacePresenter.mm
+++ b/React/Fabric/RCTSurfacePresenter.mm
@@ -7,10 +7,10 @@
 
 #import "RCTSurfacePresenter.h"
 
+#import <cxxreact/MessageQueueThread.h>
+#import <jsi/jsi.h>
 #import <objc/runtime.h>
 #import <mutex>
-#import <jsi/jsi.h>
-#import <cxxreact/MessageQueueThread.h>
 
 #import <React/RCTAssert.h>
 #import <React/RCTBridge+Private.h>
@@ -31,12 +31,13 @@
 #import <react/core/LayoutConstraints.h>
 #import <react/core/LayoutContext.h>
 #import <react/uimanager/ComponentDescriptorFactory.h>
+#import <react/uimanager/SchedulerToolbox.h>
 #import <react/utils/ContextContainer.h>
 #import <react/utils/ManagedObjectWrapper.h>
 
 #import "MainRunLoopEventBeat.h"
-#import "RuntimeEventBeat.h"
 #import "RCTConversions.h"
+#import "RuntimeEventBeat.h"
 
 using namespace facebook::react;
 
@@ -51,19 +52,27 @@ @interface RCTSurfacePresenter () <RCTSchedulerDelegate, RCTMountingManagerDeleg
 @implementation RCTSurfacePresenter {
   std::mutex _schedulerMutex;
   std::mutex _contextContainerMutex;
-  RCTScheduler *_Nullable _scheduler; // Thread-safe. Mutation of the instance variable is protected by `_schedulerMutex`.
+  RCTScheduler
+      *_Nullable _scheduler; // Thread-safe. Mutation of the instance variable is protected by `_schedulerMutex`.
   RCTMountingManager *_mountingManager; // Thread-safe.
-  RCTSurfaceRegistry *_surfaceRegistry;  // Thread-safe.
+  RCTSurfaceRegistry *_surfaceRegistry; // Thread-safe.
   RCTBridge *_bridge; // Unsafe. We are moving away from Bridge.
   RCTBridge *_batchedBridge;
   std::shared_ptr<const ReactNativeConfig> _reactNativeConfig;
   better::shared_mutex _observerListMutex;
   NSMutableArray<id<RCTSurfacePresenterObserver>> *_observers;
+  RCTImageLoader *_imageLoader;
+  RuntimeExecutor _runtimeExecutor;
 }
 
-- (instancetype)initWithBridge:(RCTBridge *)bridge config:(std::shared_ptr<const ReactNativeConfig>)config
+- (instancetype)initWithBridge:(RCTBridge *)bridge
+                        config:(std::shared_ptr<const ReactNativeConfig>)config
+                   imageLoader:(RCTImageLoader *)imageLoader
+               runtimeExecutor:(RuntimeExecutor)runtimeExecutor
 {
   if (self = [super init]) {
+    _imageLoader = imageLoader;
+    _runtimeExecutor = runtimeExecutor;
     _bridge = bridge;
     _batchedBridge = [_bridge batchedBridge] ?: _bridge;
     [_batchedBridge setSurfacePresenter:self];
@@ -122,8 +131,7 @@ - (void)unregisterSurface:(RCTFabricSurface *)surface
   [_surfaceRegistry unregisterSurface:surface];
 }
 
-- (void)setProps:(NSDictionary *)props
-         surface:(RCTFabricSurface *)surface
+- (void)setProps:(NSDictionary *)props surface:(RCTFabricSurface *)surface
 {
   // This implementation is suboptimal indeed but still better than nothing for now.
   [self _stopSurface:surface];
@@ -139,32 +147,22 @@ - (CGSize)sizeThatFitsMinimumSize:(CGSize)minimumSize
                       maximumSize:(CGSize)maximumSize
                           surface:(RCTFabricSurface *)surface
 {
-  LayoutContext layoutContext = {
-    .pointScaleFactor = RCTScreenScale()
-  };
+  LayoutContext layoutContext = {.pointScaleFactor = RCTScreenScale()};
 
-  LayoutConstraints layoutConstraints = {
-    .minimumSize = RCTSizeFromCGSize(minimumSize),
-    .maximumSize = RCTSizeFromCGSize(maximumSize)
-  };
+  LayoutConstraints layoutConstraints = {.minimumSize = RCTSizeFromCGSize(minimumSize),
+                                         .maximumSize = RCTSizeFromCGSize(maximumSize)};
 
   return [self._scheduler measureSurfaceWithLayoutConstraints:layoutConstraints
                                                 layoutContext:layoutContext
                                                     surfaceId:surface.rootTag];
 }
 
-- (void)setMinimumSize:(CGSize)minimumSize
-           maximumSize:(CGSize)maximumSize
-               surface:(RCTFabricSurface *)surface
+- (void)setMinimumSize:(CGSize)minimumSize maximumSize:(CGSize)maximumSize surface:(RCTFabricSurface *)surface
 {
-  LayoutContext layoutContext = {
-    .pointScaleFactor = RCTScreenScale()
-  };
+  LayoutContext layoutContext = {.pointScaleFactor = RCTScreenScale()};
 
-  LayoutConstraints layoutConstraints = {
-    .minimumSize = RCTSizeFromCGSize(minimumSize),
-    .maximumSize = RCTSizeFromCGSize(maximumSize)
-  };
+  LayoutConstraints layoutConstraints = {.minimumSize = RCTSizeFromCGSize(minimumSize),
+                                         .maximumSize = RCTSizeFromCGSize(maximumSize)};
 
   [self._scheduler constraintSurfaceLayoutWithLayoutConstraints:layoutConstraints
                                                   layoutContext:layoutContext
@@ -203,8 +201,22 @@ - (RCTScheduler *)_scheduler
         createComponentDescriptorRegistryWithParameters:{eventDispatcher, contextContainer}];
   };
 
-  _scheduler = [[RCTScheduler alloc] initWithContextContainer:self.contextContainer
-                                     componentRegistryFactory:componentRegistryFactory];
+  auto runtimeExecutor = [self getRuntimeExecutor];
+
+  auto toolbox = SchedulerToolbox{};
+  toolbox.contextContainer = self.contextContainer;
+  toolbox.componentRegistryFactory = componentRegistryFactory;
+  toolbox.runtimeExecutor = runtimeExecutor;
+
+  toolbox.synchronousEventBeatFactory = [runtimeExecutor]() {
+    return std::make_unique<MainRunLoopEventBeat>(runtimeExecutor);
+  };
+
+  toolbox.asynchronousEventBeatFactory = [runtimeExecutor]() {
+    return std::make_unique<RuntimeEventBeat>(runtimeExecutor);
+  };
+
+  _scheduler = [[RCTScheduler alloc] initWithToolbox:toolbox];
   _scheduler.delegate = self;
 
   return _scheduler;
@@ -212,18 +224,12 @@ - (RCTScheduler *)_scheduler
 
 @synthesize contextContainer = _contextContainer;
 
-- (ContextContainer::Shared)contextContainer
+- (RuntimeExecutor)getRuntimeExecutor
 {
-  std::lock_guard<std::mutex> lock(_contextContainerMutex);
-
-  if (_contextContainer) {
-    return _contextContainer;
+  if (_runtimeExecutor) {
+    return _runtimeExecutor;
   }
 
-  _contextContainer = std::make_shared<ContextContainer>();
-
-  _contextContainer->registerInstance(_reactNativeConfig, "ReactNativeConfig");
-
   auto messageQueueThread = _batchedBridge.jsMessageThread;
   if (messageQueueThread) {
     // Make sure initializeBridge completed
@@ -239,20 +245,30 @@ - (RCTScheduler *)_scheduler
     [((RCTCxxBridge *)_batchedBridge) invokeAsync:[runtime, callback = std::move(callback)]() { callback(*runtime); }];
   };
 
-  EventBeatFactory synchronousBeatFactory = [runtimeExecutor]() {
-    return std::make_unique<MainRunLoopEventBeat>(runtimeExecutor);
-  };
+  return runtimeExecutor;
+}
 
-  EventBeatFactory asynchronousBeatFactory = [runtimeExecutor]() {
-    return std::make_unique<RuntimeEventBeat>(runtimeExecutor);
-  };
+- (ContextContainer::Shared)contextContainer
+{
+  std::lock_guard<std::mutex> lock(_contextContainerMutex);
 
-  _contextContainer->registerInstance<EventBeatFactory>(synchronousBeatFactory, "synchronous");
-  _contextContainer->registerInstance<EventBeatFactory>(asynchronousBeatFactory, "asynchronous");
+  if (_contextContainer) {
+    return _contextContainer;
+  }
 
-  _contextContainer->registerInstance(runtimeExecutor, "runtime-executor");
+  _contextContainer = std::make_shared<ContextContainer>();
+  // Please do not add stuff here; `SurfacePresenter` must not alter `ContextContainer`.
+  // Those two pieces eventually should be moved out there:
+  // * `RCTImageLoader` should be moved to `RCTImageComponentView`.
+  // * `ReactNativeConfig` should be set by outside product code.
+  _contextContainer->insert("ReactNativeConfig", _reactNativeConfig);
+  // TODO T47869586 petetheheat: Delete else case when TM rollout 100%
+  if (_imageLoader) {
+    _contextContainer->insert("RCTImageLoader", wrapManagedObject(_imageLoader));
+  } else {
+    _contextContainer->insert("RCTImageLoader", wrapManagedObject([_bridge moduleForClass:[RCTImageLoader class]]));
+  }
 
-  _contextContainer->registerInstance(wrapManagedObject([_bridge imageLoader]), "RCTImageLoader");
   return _contextContainer;
 }
 
@@ -264,14 +280,10 @@ - (void)_startSurface:(RCTFabricSurface *)surface
                                                                                tag:surface.rootTag];
   });
 
-  LayoutContext layoutContext = {
-    .pointScaleFactor = RCTScreenScale()
-  };
+  LayoutContext layoutContext = {.pointScaleFactor = RCTScreenScale()};
 
-  LayoutConstraints layoutConstraints = {
-    .minimumSize = RCTSizeFromCGSize(surface.minimumSize),
-    .maximumSize = RCTSizeFromCGSize(surface.maximumSize)
-  };
+  LayoutConstraints layoutConstraints = {.minimumSize = RCTSizeFromCGSize(surface.minimumSize),
+                                         .maximumSize = RCTSizeFromCGSize(surface.maximumSize)};
 
   [self._scheduler startSurfaceWithSurfaceId:surface.rootTag
                                   moduleName:surface.moduleName
@@ -325,6 +337,17 @@ - (void)schedulerDidFinishTransaction:(facebook::react::MountingCoordinator::Sha
   [_mountingManager scheduleTransaction:mountingCoordinator];
 }
 
+- (void)schedulerDidDispatchCommand:(facebook::react::ShadowView const &)shadowView
+                        commandName:(std::string const &)commandName
+                               args:(folly::dynamic const)args
+{
+  ReactTag tag = shadowView.tag;
+  NSString *commandStr = [[NSString alloc] initWithUTF8String:commandName.c_str()];
+  NSArray *argsArray = convertFollyDynamicToId(args);
+
+  [self->_mountingManager dispatchCommand:tag commandName:commandStr args:argsArray];
+}
+
 - (void)addObserver:(id<RCTSurfacePresenterObserver>)observer
 {
   std::unique_lock<better::shared_mutex> lock(_observerListMutex);
@@ -390,7 +413,6 @@ - (void)handleBridgeWillReloadNotification:(NSNotification *)notification
   {
     std::lock_guard<std::mutex> lock(_schedulerMutex);
     _scheduler = nil;
-    _contextContainer = nil;
   }
 }
 
@@ -405,17 +427,3 @@ - (void)handleJavaScriptDidLoadNotification:(NSNotification *)notification
 }
 
 @end
-
-@implementation RCTBridge (Deprecated)
-
-- (void)setSurfacePresenter:(RCTSurfacePresenter *)surfacePresenter
-{
-  objc_setAssociatedObject(self, @selector(surfacePresenter), surfacePresenter, OBJC_ASSOCIATION_ASSIGN);
-}
-
-- (RCTSurfacePresenter *)surfacePresenter
-{
-  return objc_getAssociatedObject(self, @selector(surfacePresenter));
-}
-
-@end
diff --git a/React/Fabric/RCTSurfaceRegistry.h b/React/Fabric/RCTSurfaceRegistry.h
index 06be8d5d581081..2e89e5e7103a26 100644
--- a/React/Fabric/RCTSurfaceRegistry.h
+++ b/React/Fabric/RCTSurfaceRegistry.h
@@ -13,13 +13,13 @@ NS_ASSUME_NONNULL_BEGIN
 
 @class RCTFabricSurface;
 
-typedef void(^RCTSurfaceEnumeratorBlock)(NSEnumerator<RCTFabricSurface *> *enumerator);
+typedef void (^RCTSurfaceEnumeratorBlock)(NSEnumerator<RCTFabricSurface *> *enumerator);
 
 /**
  * Registry of Surfaces.
- * Incapsulates storing Surface objects and quering them by root tag.
+ * Incapsulates storing Surface objects and querying them by root tag.
  * All methods of the registry are thread-safe.
- * The registry stores Surface objects as weak refereces.
+ * The registry stores Surface objects as weak references.
  */
 @interface RCTSurfaceRegistry : NSObject
 
@@ -38,7 +38,7 @@ typedef void(^RCTSurfaceEnumeratorBlock)(NSEnumerator<RCTFabricSurface *> *enume
 
 /**
  * Returns stored Surface object by given root tag.
- * If the registry does not have such Surface registred, returns `nil`.
+ * If the registry does not have such Surface registered, returns `nil`.
  */
 - (nullable RCTFabricSurface *)surfaceForRootTag:(ReactTag)rootTag;
 
diff --git a/React/Fabric/RCTSurfaceTouchHandler.mm b/React/Fabric/RCTSurfaceTouchHandler.mm
index 14d1a807f8d560..345b80fecc6e88 100644
--- a/React/Fabric/RCTSurfaceTouchHandler.mm
+++ b/React/Fabric/RCTSurfaceTouchHandler.mm
@@ -7,9 +7,9 @@
 
 #import "RCTSurfaceTouchHandler.h"
 
-#import <UIKit/UIGestureRecognizerSubclass.h>
 #import <React/RCTUtils.h>
 #import <React/RCTViewComponentView.h>
+#import <UIKit/UIGestureRecognizerSubclass.h>
 
 #import "RCTConversions.h"
 #import "RCTTouchableComponentViewProtocol.h"
@@ -92,7 +92,8 @@ static ActiveTouch CreateTouchWithUITouch(UITouch *uiTouch, UIView *rootComponen
   ActiveTouch activeTouch = {};
 
   if ([componentView respondsToSelector:@selector(touchEventEmitterAtPoint:)]) {
-    activeTouch.eventEmitter = [(id<RCTTouchableComponentViewProtocol>)componentView touchEventEmitterAtPoint:[uiTouch locationInView:componentView]];
+    activeTouch.eventEmitter = [(id<RCTTouchableComponentViewProtocol>)componentView
+        touchEventEmitterAtPoint:[uiTouch locationInView:componentView]];
     activeTouch.touch.target = (Tag)componentView.tag;
   }
 
@@ -225,7 +226,7 @@ - (void)_dispatchActiveTouches:(std::vector<ActiveTouch>)activeTouches eventType
 {
   TouchEvent event = {};
   std::unordered_set<ActiveTouch, ActiveTouch::Hasher, ActiveTouch::Comparator> changedActiveTouches = {};
-  std::unordered_set<SharedTouchEventEmitter> uniqueEventEmitter = {};
+  std::unordered_set<SharedTouchEventEmitter> uniqueEventEmitters = {};
   BOOL isEndishEventType = eventType == RCTTouchEventTypeTouchEnd || eventType == RCTTouchEventTypeTouchCancel;
 
   for (const auto &activeTouch : activeTouches) {
@@ -235,7 +236,7 @@ - (void)_dispatchActiveTouches:(std::vector<ActiveTouch>)activeTouches eventType
 
     changedActiveTouches.insert(activeTouch);
     event.changedTouches.insert(activeTouch.touch);
-    uniqueEventEmitter.insert(activeTouch.eventEmitter);
+    uniqueEventEmitters.insert(activeTouch.eventEmitter);
   }
 
   for (const auto &pair : _activeTouches) {
@@ -253,7 +254,7 @@ - (void)_dispatchActiveTouches:(std::vector<ActiveTouch>)activeTouches eventType
     event.touches.insert(pair.second.touch);
   }
 
-  for (const auto &eventEmitter : uniqueEventEmitter) {
+  for (const auto &eventEmitter : uniqueEventEmitters) {
     event.targetTouches.clear();
 
     for (const auto &pair : _activeTouches) {
diff --git a/React/Fabric/Surface/RCTFabricSurface.mm b/React/Fabric/Surface/RCTFabricSurface.mm
index 044139fbe85402..77ae024a4c1720 100644
--- a/React/Fabric/Surface/RCTFabricSurface.mm
+++ b/React/Fabric/Surface/RCTFabricSurface.mm
@@ -88,7 +88,7 @@ - (void)dealloc
   [self stop];
 }
 
-#pragma mark - Immutable Properties (no need to enforce synchonization)
+#pragma mark - Immutable Properties (no need to enforce synchronization)
 
 - (NSString *)moduleName
 {
diff --git a/React/Fabric/Utils/MainRunLoopEventBeat.h b/React/Fabric/Utils/MainRunLoopEventBeat.h
index b2878d9a198f46..8b78ffaa4fd577 100644
--- a/React/Fabric/Utils/MainRunLoopEventBeat.h
+++ b/React/Fabric/Utils/MainRunLoopEventBeat.h
@@ -8,7 +8,7 @@
 #include <CoreFoundation/CFRunLoop.h>
 #include <CoreFoundation/CoreFoundation.h>
 #include <react/core/EventBeat.h>
-#include <react/uimanager/primitives.h>
+#include <react/utils/RuntimeExecutor.h>
 
 namespace facebook {
 namespace react {
diff --git a/React/Fabric/Utils/RNGenericDelegateSplitter.h b/React/Fabric/Utils/RCTGenericDelegateSplitter.h
similarity index 96%
rename from React/Fabric/Utils/RNGenericDelegateSplitter.h
rename to React/Fabric/Utils/RCTGenericDelegateSplitter.h
index 53874575e4736e..5346ed7cfa28b0 100644
--- a/React/Fabric/Utils/RNGenericDelegateSplitter.h
+++ b/React/Fabric/Utils/RCTGenericDelegateSplitter.h
@@ -17,7 +17,7 @@ NS_ASSUME_NONNULL_BEGIN
  * receiver is being subscribed directly. In the case where more than one receiving objects are registered, using
  * Splitter introduces some performance overhead.
  */
-@interface RNGenericDelegateSplitter<DelegateT> : NSObject
+@interface RCTGenericDelegateSplitter<DelegateT> : NSObject
 
 @property (nonatomic, copy, nullable) void (^delegateUpdateBlock)(DelegateT _Nullable delegate);
 
diff --git a/React/Fabric/Utils/RNGenericDelegateSplitter.mm b/React/Fabric/Utils/RCTGenericDelegateSplitter.mm
similarity index 84%
rename from React/Fabric/Utils/RNGenericDelegateSplitter.mm
rename to React/Fabric/Utils/RCTGenericDelegateSplitter.mm
index 0add6b72b66311..0282b0833c52fc 100644
--- a/React/Fabric/Utils/RNGenericDelegateSplitter.mm
+++ b/React/Fabric/Utils/RCTGenericDelegateSplitter.mm
@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RNGenericDelegateSplitter.h"
+#import "RCTGenericDelegateSplitter.h"
 
-@implementation RNGenericDelegateSplitter {
-  NSMutableArray *_delegates;
+@implementation RCTGenericDelegateSplitter {
+  NSHashTable *_delegates;
 }
 
 #pragma mark - Public
@@ -17,7 +17,7 @@ - (instancetype)initWithDelegateUpdateBlock:(void (^)(id _Nullable delegate))blo
 {
   if (self = [super init]) {
     _delegateUpdateBlock = block;
-    _delegates = [NSMutableArray new];
+    _delegates = [NSHashTable weakObjectsHashTable];
   }
 
   return self;
@@ -44,7 +44,7 @@ - (void)_updateDelegate
     return;
   }
 
-  _delegateUpdateBlock(_delegates.count == 1 ? _delegates.firstObject : self);
+  _delegateUpdateBlock(_delegates.count == 1 ? [_delegates allObjects].firstObject : self);
 }
 
 #pragma mark - Fast Forwarding
diff --git a/React/Fabric/Utils/RuntimeEventBeat.h b/React/Fabric/Utils/RuntimeEventBeat.h
index 0fbecf47b809d6..67ba74fdb597e3 100644
--- a/React/Fabric/Utils/RuntimeEventBeat.h
+++ b/React/Fabric/Utils/RuntimeEventBeat.h
@@ -8,7 +8,7 @@
 #include <CoreFoundation/CFRunLoop.h>
 #include <CoreFoundation/CoreFoundation.h>
 #include <react/core/EventBeat.h>
-#include <react/uimanager/primitives.h>
+#include <react/utils/RuntimeExecutor.h>
 
 namespace facebook {
 namespace react {
diff --git a/React/Inspector/RCTInspector.mm b/React/Inspector/RCTInspector.mm
index a87a6427eb5b85..066b1243fdafb0 100644
--- a/React/Inspector/RCTInspector.mm
+++ b/React/Inspector/RCTInspector.mm
@@ -3,17 +3,17 @@
 // This source code is licensed under the MIT license found in the
 // LICENSE file in the root directory of this source tree.
 
-#import "RCTInspector.h"
+#import <React/RCTInspector.h>
 
-#if RCT_DEV
+#if RCT_DEV && !TARGET_OS_UIKITFORMAC
 
 #include <jsinspector/InspectorInterfaces.h>
 
-#import "RCTDefines.h"
-#import "RCTInspectorPackagerConnection.h"
-#import "RCTLog.h"
-#import "RCTSRWebSocket.h"
-#import "RCTUtils.h"
+#import <React/RCTDefines.h>
+#import <React/RCTInspectorPackagerConnection.h>
+#import <React/RCTLog.h>
+#import <React/RCTSRWebSocket.h>
+#import <React/RCTUtils.h>
 
 using namespace facebook::react;
 
diff --git a/React/Inspector/RCTInspectorPackagerConnection.h b/React/Inspector/RCTInspectorPackagerConnection.h
index 2259293635db90..d791e97583970c 100644
--- a/React/Inspector/RCTInspectorPackagerConnection.h
+++ b/React/Inspector/RCTInspectorPackagerConnection.h
@@ -6,7 +6,7 @@
 #import <Foundation/Foundation.h>
 #import <React/RCTDefines.h>
 
-#if RCT_DEV
+#if RCT_DEV && !TARGET_OS_UIKITFORMAC
 
 @interface RCTBundleStatus : NSObject
 @property (atomic, assign) BOOL isLastBundleDownloadSuccess;
diff --git a/React/Inspector/RCTInspectorPackagerConnection.m b/React/Inspector/RCTInspectorPackagerConnection.m
index baab0fad86fb60..84daf042e92fe0 100644
--- a/React/Inspector/RCTInspectorPackagerConnection.m
+++ b/React/Inspector/RCTInspectorPackagerConnection.m
@@ -3,15 +3,15 @@
 // This source code is licensed under the MIT license found in the
 // LICENSE file in the root directory of this source tree.
 
-#import "RCTInspectorPackagerConnection.h"
+#import <React/RCTInspectorPackagerConnection.h>
 
-#if RCT_DEV
+#if RCT_DEV && !TARGET_OS_UIKITFORMAC
 
-#import "RCTDefines.h"
-#import "RCTInspector.h"
-#import "RCTLog.h"
-#import "RCTSRWebSocket.h"
-#import "RCTUtils.h"
+#import <React/RCTDefines.h>
+#import <React/RCTInspector.h>
+#import <React/RCTLog.h>
+#import <React/RCTSRWebSocket.h>
+#import <React/RCTUtils.h>
 
 // This is a port of the Android impl, at
 // ReactAndroid/src/main/java/com/facebook/react/devsupport/InspectorPackagerConnection.java
@@ -246,7 +246,7 @@ - (void)connect
     return;
   }
 
-  // The corresopnding android code has a lot of custom config options for
+  // The corresponding android code has a lot of custom config options for
   // timeouts, but it appears the iOS RCTSRWebSocket API doesn't have the same
   // implemented options.
   _webSocket = [[RCTSRWebSocket alloc] initWithURL:_url];
diff --git a/React/Modules/RCTAccessibilityManager.m b/React/Modules/RCTAccessibilityManager.m
index b9d9e2eb41ef66..b91bf0040fc3b9 100644
--- a/React/Modules/RCTAccessibilityManager.m
+++ b/React/Modules/RCTAccessibilityManager.m
@@ -234,7 +234,7 @@ - (CGFloat)multiplierForContentSizeCategory:(NSString *)category
 {
   NSNumber *m = self.multipliers[category];
   if (m.doubleValue <= 0.0) {
-    RCTLogError(@"Can't determinte multiplier for category %@. Using 1.0.", category);
+    RCTLogError(@"Can't determine multiplier for category %@. Using 1.0.", category);
     m = @1.0;
   }
   return m.doubleValue;
diff --git a/React/Modules/RCTDevSettings.mm b/React/Modules/RCTDevSettings.mm
index 2efcbc286a739a..29d5032afb361f 100644
--- a/React/Modules/RCTDevSettings.mm
+++ b/React/Modules/RCTDevSettings.mm
@@ -19,7 +19,9 @@
 static NSString *const kRCTDevSettingDevModeEnabled = @"devModeEnabled"; // TODO(OSS Candidate ISS#2710739)
 static NSString *const kRCTDevSettingProfilingEnabled = @"profilingEnabled";
 static NSString *const kRCTDevSettingHotLoadingEnabled = @"hotLoadingEnabled";
-static NSString *const kRCTDevSettingLiveReloadEnabled = @"liveReloadEnabled";
+// This option is no longer exposed in the dev menu UI.
+// It was renamed in D15958697 so it doesn't get stuck with no way to turn it off:
+static NSString *const kRCTDevSettingLiveReloadEnabled = @"liveReloadEnabled_LEGACY";
 static NSString *const kRCTDevSettingIsInspectorShown = @"showInspector";
 static NSString *const kRCTDevSettingIsDebuggingRemotely = @"isDebuggingRemotely";
 static NSString *const kRCTDevSettingExecutorOverrideClass = @"executor-override";
@@ -133,6 +135,7 @@ - (instancetype)init
     kRCTDevSettingDevModeEnabled: @YES,
 #endif // ]TODO(OSS Candidate ISS#2710739)
     kRCTDevSettingShakeToShowDevMenu: @YES,
+    kRCTDevSettingHotLoadingEnabled: @YES,
   };
   RCTDevSettingsUserDefaultsDataSource *dataSource = [[RCTDevSettingsUserDefaultsDataSource alloc] initWithDefaultValues:defaultValues];
   return [self initWithDataSource:dataSource];
@@ -175,7 +178,7 @@ - (void)setBridge:(RCTBridge *)bridge
    forMethod:@"reload"];
 #endif
 
-#if DEBUG && RCT_ENABLE_INSPECTOR // TODO(OSS Candidate ISS#2710739)
+#if RCT_ENABLE_INSPECTOR && !TARGET_OS_UIKITFORMAC && DEBUG // TODO(OSS Candidate ISS#2710739)
   // we need this dispatch back to the main thread because even though this
   // is executed on the main thread, at this point the bridge is not yet
   // finished with its initialisation. But it does finish by the time it
@@ -343,7 +346,22 @@ - (void)_liveReloadSettingDidChange
 {
   if (self.isHotLoadingEnabled != enabled) {
     [self _updateSettingWithValue:@(enabled) forKey:kRCTDevSettingHotLoadingEnabled];
-    [_bridge reload];
+    if (_isJSLoaded) {
+  #pragma clang diagnostic push
+  #pragma clang diagnostic ignored "-Wdeprecated-declarations"
+      if (enabled) {
+        [_bridge enqueueJSCall:@"HMRClient"
+                        method:@"enable"
+                        args:@[]
+                        completion:NULL];
+      } else {
+        [_bridge enqueueJSCall:@"HMRClient"
+                        method:@"disable"
+                        args:@[]
+                        completion:NULL];
+      }
+  #pragma clang diagnostic pop
+    }
   }
 }
 
diff --git a/React/Modules/RCTRedBox.m b/React/Modules/RCTRedBox.m
index eabb7508dff3b8..56c777eca51e53 100644
--- a/React/Modules/RCTRedBox.m
+++ b/React/Modules/RCTRedBox.m
@@ -155,7 +155,7 @@ - (instancetype)initWithFrame:(CGRect)frame
 - (NSInteger)bottomSafeViewHeight
 {
     if (@available(iOS 11.0, *)) {
-        return [UIApplication sharedApplication].delegate.window.safeAreaInsets.bottom;
+        return RCTSharedApplication().delegate.window.safeAreaInsets.bottom;
     } else {
         return 0;
     }
diff --git a/React/Modules/RCTStatusBarManager.m b/React/Modules/RCTStatusBarManager.m
index b500b78e1f8bb2..1ed7a8aeb435c3 100644
--- a/React/Modules/RCTStatusBarManager.m
+++ b/React/Modules/RCTStatusBarManager.m
@@ -14,17 +14,44 @@
 #if !TARGET_OS_TV && !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 @implementation RCTConvert (UIStatusBar)
 
-RCT_ENUM_CONVERTER(UIStatusBarStyle, (@{
-  @"default": @(UIStatusBarStyleDefault),
-  @"light-content": @(UIStatusBarStyleLightContent),
-  @"dark-content": @(UIStatusBarStyleDefault),
-}), UIStatusBarStyleDefault, integerValue);
-
-RCT_ENUM_CONVERTER(UIStatusBarAnimation, (@{
-  @"none": @(UIStatusBarAnimationNone),
-  @"fade": @(UIStatusBarAnimationFade),
-  @"slide": @(UIStatusBarAnimationSlide),
-}), UIStatusBarAnimationNone, integerValue);
++ (UIStatusBarStyle)UIStatusBarStyle:(id)json RCT_DYNAMIC
+{
+  static NSDictionary *mapping;
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^{
+    if (@available(iOS 13.0, *)) {
+      mapping = @{
+        @"default" : @(UIStatusBarStyleDefault),
+        @"light-content" : @(UIStatusBarStyleLightContent),
+#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && defined(__IPHONE_13_0) && \
+    __IPHONE_OS_VERSION_MAX_ALLOWED >= __IPHONE_13_0
+        @"dark-content" : @(UIStatusBarStyleDarkContent)
+#else
+          @"dark-content": @(UIStatusBarStyleDefault)
+#endif
+      };
+
+    } else {
+      mapping = @{
+        @"default" : @(UIStatusBarStyleDefault),
+        @"light-content" : @(UIStatusBarStyleLightContent),
+        @"dark-content" : @(UIStatusBarStyleDefault)
+      };
+    }
+  });
+  return _RCT_CAST(
+      type, [RCTConvertEnumValue("UIStatusBarStyle", mapping, @(UIStatusBarStyleDefault), json) integerValue]);
+}
+
+RCT_ENUM_CONVERTER(
+    UIStatusBarAnimation,
+    (@{
+      @"none" : @(UIStatusBarAnimationNone),
+      @"fade" : @(UIStatusBarAnimationFade),
+      @"slide" : @(UIStatusBarAnimationSlide),
+    }),
+    UIStatusBarAnimationNone,
+    integerValue);
 
 @end
 #endif
@@ -36,8 +63,9 @@ static BOOL RCTViewControllerBasedStatusBarAppearance()
   static BOOL value;
   static dispatch_once_t onceToken;
   dispatch_once(&onceToken, ^{
-    value = [[[NSBundle mainBundle] objectForInfoDictionaryKey:
-              @"UIViewControllerBasedStatusBarAppearance"] ?: @YES boolValue];
+    value =
+        [[[NSBundle mainBundle] objectForInfoDictionaryKey:@"UIViewControllerBasedStatusBarAppearance"]
+                ?: @YES boolValue];
   });
 
   return value;
@@ -47,8 +75,7 @@ static BOOL RCTViewControllerBasedStatusBarAppearance()
 
 - (NSArray<NSString *> *)supportedEvents
 {
-  return @[@"statusBarFrameDidChange",
-           @"statusBarFrameWillChange"];
+  return @[ @"statusBarFrameDidChange", @"statusBarFrameWillChange" ];
 }
 
 #if !TARGET_OS_TV && !TARGET_OS_OSX // TODO(macOS ISS#2323203)
@@ -56,8 +83,14 @@ static BOOL RCTViewControllerBasedStatusBarAppearance()
 - (void)startObserving
 {
   NSNotificationCenter *nc = [NSNotificationCenter defaultCenter];
-  [nc addObserver:self selector:@selector(applicationDidChangeStatusBarFrame:) name:UIApplicationDidChangeStatusBarFrameNotification object:nil];
-  [nc addObserver:self selector:@selector(applicationWillChangeStatusBarFrame:) name:UIApplicationWillChangeStatusBarFrameNotification object:nil];
+  [nc addObserver:self
+         selector:@selector(applicationDidChangeStatusBarFrame:)
+             name:UIApplicationDidChangeStatusBarFrameNotification
+           object:nil];
+  [nc addObserver:self
+         selector:@selector(applicationWillChangeStatusBarFrame:)
+             name:UIApplicationWillChangeStatusBarFrameNotification
+           object:nil];
 }
 
 - (void)stopObserving
@@ -74,11 +107,11 @@ - (void)emitEvent:(NSString *)eventName forNotification:(NSNotification *)notifi
 {
   CGRect frame = [notification.userInfo[UIApplicationStatusBarFrameUserInfoKey] CGRectValue];
   NSDictionary *event = @{
-    @"frame": @{
-      @"x": @(frame.origin.x),
-      @"y": @(frame.origin.y),
-      @"width": @(frame.size.width),
-      @"height": @(frame.size.height),
+    @"frame" : @{
+      @"x" : @(frame.origin.x),
+      @"y" : @(frame.origin.y),
+      @"width" : @(frame.size.width),
+      @"height" : @(frame.size.height),
     },
   };
   [self sendEventWithName:eventName body:event];
@@ -94,15 +127,14 @@ - (void)applicationWillChangeStatusBarFrame:(NSNotification *)notification
   [self emitEvent:@"statusBarFrameWillChange" forNotification:notification];
 }
 
-RCT_EXPORT_METHOD(getHeight:(RCTResponseSenderBlock)callback)
+RCT_EXPORT_METHOD(getHeight : (RCTResponseSenderBlock)callback)
 {
-  callback(@[@{
-    @"height": @(RCTSharedApplication().statusBarFrame.size.height),
-  }]);
+  callback(@[ @{
+    @"height" : @(RCTSharedApplication().statusBarFrame.size.height),
+  } ]);
 }
 
-RCT_EXPORT_METHOD(setStyle:(UIStatusBarStyle)statusBarStyle
-                  animated:(BOOL)animated)
+RCT_EXPORT_METHOD(setStyle : (UIStatusBarStyle)statusBarStyle animated : (BOOL)animated)
 {
   if (RCTViewControllerBasedStatusBarAppearance()) {
     RCTLogError(@"RCTStatusBarManager module requires that the \
@@ -110,14 +142,12 @@ - (void)applicationWillChangeStatusBarFrame:(NSNotification *)notification
   } 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:(UIStatusBarAnimation)animation)
+RCT_EXPORT_METHOD(setHidden : (BOOL)hidden withAnimation : (UIStatusBarAnimation)animation)
 {
   if (RCTViewControllerBasedStatusBarAppearance()) {
     RCTLogError(@"RCTStatusBarManager module requires that the \
@@ -125,17 +155,16 @@ - (void)applicationWillChangeStatusBarFrame:(NSNotification *)notification
   } 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)
+RCT_EXPORT_METHOD(setNetworkActivityIndicatorVisible : (BOOL)visible)
 {
   RCTSharedApplication().networkActivityIndicatorVisible = visible;
 }
 
-#endif //TARGET_OS_TV
+#endif // TARGET_OS_TV
 
 @end
diff --git a/React/Modules/RCTSurfacePresenterStub.h b/React/Modules/RCTSurfacePresenterStub.h
index 578ab42731c6f7..d21d3ca86654f5 100644
--- a/React/Modules/RCTSurfacePresenterStub.h
+++ b/React/Modules/RCTSurfacePresenterStub.h
@@ -36,6 +36,7 @@ NS_ASSUME_NONNULL_BEGIN
 @interface RCTBridge (RCTSurfacePresenterStub)
 
 - (id<RCTSurfacePresenterStub>)surfacePresenter;
+- (void)setSurfacePresenter:(id<RCTSurfacePresenterStub>)presenter;
 
 @end
 
diff --git a/React/Modules/RCTSurfacePresenterStub.m b/React/Modules/RCTSurfacePresenterStub.m
index b4b633f3a9dc35..c369a15eed2a56 100644
--- a/React/Modules/RCTSurfacePresenterStub.m
+++ b/React/Modules/RCTSurfacePresenterStub.m
@@ -14,4 +14,9 @@ @implementation RCTBridge (RCTSurfacePresenterStub)
   return objc_getAssociatedObject(self, @selector(surfacePresenter));
 }
 
+- (void)setSurfacePresenter:(id<RCTSurfacePresenterStub>)surfacePresenter
+{
+  objc_setAssociatedObject(self, @selector(surfacePresenter), surfacePresenter, OBJC_ASSOCIATION_ASSIGN);
+}
+
 @end
diff --git a/React/Modules/RCTTiming.m b/React/Modules/RCTTiming.m
index cd282db26afe82..6f647c4537d522 100644
--- a/React/Modules/RCTTiming.m
+++ b/React/Modules/RCTTiming.m
@@ -338,7 +338,7 @@ - (void)timerDidFire
   @synchronized (_timers) {
     _timers[callbackID] = timer;
   }
-  
+
   if (_inBackground) {
     [self scheduleSleepTimer:timer.target];
   } else if (_paused) {
diff --git a/React/Modules/RCTUIManager.m b/React/Modules/RCTUIManager.m
index 46e6d0482ae5fb..c2223d7391f2b2 100644
--- a/React/Modules/RCTUIManager.m
+++ b/React/Modules/RCTUIManager.m
@@ -37,10 +37,8 @@
 #endif // TODO(macOS ISS#2323203)
 #import "RCTShadowView+Internal.h"
 #import "RCTShadowView.h"
-#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 #import "RCTSurfaceRootShadowView.h"
 #import "RCTSurfaceRootView.h"
-#endif // TODO(macOS ISS#2323203)
 #import "RCTUIManagerObserverCoordinator.h"
 #import "RCTUIManagerUtils.h"
 #import "RCTUtils.h"
@@ -49,6 +47,8 @@
 #import "UIView+React.h"
 #import "RCTDeviceInfo.h" // TODO(macOS ISS#2323203)
 
+#import <React/RCTUIKit.h>
+
 void RCTTraverseViewNodes(id<RCTComponent> view, void (^block)(id<RCTComponent>)) // TODO(OSS Candidate ISS#2710739)
 {
   if (view.reactTag) {
@@ -289,7 +289,6 @@ - (dispatch_queue_t)methodQueue
   return RCTGetUIManagerQueue();
 }
 
-#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 - (void)registerRootViewTag:(NSNumber *)rootTag
 {
   RCTAssertUIManagerQueue();
@@ -298,7 +297,7 @@ - (void)registerRootViewTag:(NSNumber *)rootTag
     @"Attempt to register rootTag (%@) which is not actually root tag.", rootTag);
 
   RCTAssert(![_rootViewTags containsObject:rootTag],
-    @"Attempt to register rootTag (%@) which was already registred.", rootTag);
+    @"Attempt to register rootTag (%@) which was already registered.", rootTag);
 
   [_rootViewTags addObject:rootTag];
 
@@ -314,7 +313,6 @@ - (void)registerRootViewTag:(NSNumber *)rootTag
     self->_viewRegistry[rootTag] = rootView;
   });
 }
-#endif // TODO(macOS ISS#2323203)
 
 - (void)registerRootView:(RCTRootContentView *)rootView
 {
@@ -692,6 +690,7 @@ - (RCTViewManagerUIBlock)uiBlockWithLayoutUpdateForRootView:(RCTRootShadowView *
  */
 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);
 
@@ -842,6 +841,7 @@ - (void)_removeChildren:(NSArray<RCTPlatformView *> *)children // TODO(macOS ISS
 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);
 
@@ -1097,14 +1097,45 @@ - (void)synchronouslyUpdateViewOnUIThread:(NSNumber *)reactTag
 }
 
 RCT_EXPORT_METHOD(dispatchViewManagerCommand:(nonnull NSNumber *)reactTag
-                  commandID:(NSInteger)commandID
+                  commandID:(id /*(NSString or NSNumber) */)commandID
                   commandArgs:(NSArray<id> *)commandArgs)
 {
   RCTShadowView *shadowView = _shadowViewRegistry[reactTag];
   RCTComponentData *componentData = _componentDataByName[shadowView.viewName];
+
+  // Achtung! Achtung!
+  // This is a remarkably hacky and ugly workaround.
+  // We need this only temporary for some testing. We need this hack until Fabric fully implements command-execution pipeline.
+  // This does not affect non-Fabric apps.
+#pragma clang diagnostic push
+#pragma clang diagnostic ignored "-Wundeclared-selector"
+  if (!componentData) {
+      __block RCTPlatformView *view; // TODO(macOS ISS#2323203)
+    RCTUnsafeExecuteOnMainQueueSync(^{
+      view = self->_viewRegistry[reactTag];
+    });
+    if ([view respondsToSelector:@selector(componentViewName_DO_NOT_USE_THIS_IS_BROKEN)]) {
+      NSString *name = [view performSelector:@selector(componentViewName_DO_NOT_USE_THIS_IS_BROKEN)];
+      componentData = _componentDataByName[[NSString stringWithFormat:@"RCT%@", name]];
+    }
+  }
+#pragma clang diagnostic pop
+
   Class managerClass = componentData.managerClass;
   RCTModuleData *moduleData = [_bridge moduleDataForName:RCTBridgeModuleNameForClass(managerClass)];
-  id<RCTBridgeMethod> method = moduleData.methods[commandID];
+
+  id<RCTBridgeMethod> method;
+  if ([commandID isKindOfClass:[NSNumber class]]) {
+    method = moduleData.methods[[commandID intValue]];
+  } else if([commandID isKindOfClass:[NSString class]]) {
+    method = moduleData.methodsByName[commandID];
+    if (method == nil) {
+      RCTLogError(@"No command found with name \"%@\"", commandID);
+    }
+  } else {
+    RCTLogError(@"dispatchViewManagerCommand must be called with a string or integer command");
+    return;
+  }
 
   NSArray *args = [@[reactTag] arrayByAddingObjectsFromArray:commandArgs];
   [method invokeWithBridge:_bridge module:componentData.manager arguments:args];
@@ -1207,7 +1238,7 @@ - (void)_shadowView:(RCTShadowView *)shadowView didReceiveUpdatedProps:(NSArray<
   // so we have to maintain this collection properly.
   NSArray<NSString *> *previousProps;
   if ((previousProps = [_shadowViewsWithUpdatedProps objectForKey:shadowView])) {
-    // Merging already registred changed props and new ones.
+    // Merging already registered changed props and new ones.
     NSMutableSet *set = [NSMutableSet setWithArray:previousProps];
     [set addObjectsFromArray:props];
     props = [set allObjects];
@@ -1333,7 +1364,7 @@ - (void)_dispatchPropsDidChangeEvents
 }
 
 /**
- * Returs if the shadow view provided has the `ancestor` shadow view as
+ * Returns if the shadow view provided has the `ancestor` shadow view as
  * an actual ancestor.
  */
 RCT_EXPORT_METHOD(viewIsDescendantOf:(nonnull NSNumber *)reactTag
@@ -1407,6 +1438,7 @@ static void RCTMeasureLayout(RCTShadowView *view,
                   errorCallback:(__unused RCTResponseSenderBlock)errorCallback
                   callback:(RCTResponseSenderBlock)callback)
 {
+  RCTLogWarn(@"RCTUIManager.measureLayoutRelativeToParent method is deprecated and it will not be implemented in newer versions of RN (Fabric) - T47686450");
   RCTShadowView *shadowView = _shadowViewRegistry[reactTag];
   RCTMeasureLayout(shadowView, shadowView.reactSuperview, callback);
 }
diff --git a/React/Modules/RCTUIManagerUtils.h b/React/Modules/RCTUIManagerUtils.h
index 5627a8bd136a5b..233a773eaf7e6e 100644
--- a/React/Modules/RCTUIManagerUtils.h
+++ b/React/Modules/RCTUIManagerUtils.h
@@ -86,7 +86,7 @@ RCT_EXTERN BOOL RCTIsPseudoUIManagerQueue(void);
 RCT_EXTERN void RCTExecuteOnUIManagerQueue(dispatch_block_t block);
 
 /**
- * *Synchorously* executes the specified block on the UIManager queue.
+ * *Synchronously* executes the specified block on the UIManager queue.
  * Unlike `dispatch_sync()` this will execute the block immediately
  * if we're already on the UIManager queue.
  * Please do not use this unless you really know what you're doing.
diff --git a/React/Profiler/RCTProfile.m b/React/Profiler/RCTProfile.m
index 4c456e5de0e28c..19a3d4d41ffdf7 100644
--- a/React/Profiler/RCTProfile.m
+++ b/React/Profiler/RCTProfile.m
@@ -352,7 +352,7 @@ void RCTProfileUnhookModules(RCTBridge *bridge)
   if ([bridge moduleIsInitialized:[RCTUIManager class]]) {
     dispatch_async(dispatch_get_main_queue(), ^{
       for (id view in [bridge.uiManager valueForKey:@"viewRegistry"]) {
-        RCTProfileUnhookInstance(view);
+        RCTProfileUnhookInstance([bridge.uiManager viewForReactTag:view]);
       }
 
       dispatch_group_leave(RCTProfileGetUnhookGroup());
diff --git a/React/React-Core.podspec b/React/React-Core.podspec
deleted file mode 100644
index 3ecb5f1faeb087..00000000000000
--- a/React/React-Core.podspec
+++ /dev/null
@@ -1,70 +0,0 @@
-# coding: utf-8
-# Copyright (c) Facebook, Inc. and its 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
-else
-  source[:tag] = "v#{version}"
-end
-
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2018.10.22.00'
-boost_compiler_flags = '-Wno-documentation'
-
-Pod::Spec.new do |s|
-  s.name                   = "React-Core"
-  s.version                = version
-  s.summary                = "The core of React Native."
-  s.homepage               = "http://facebook.github.io/react-native/"
-  s.license                = package["license"]
-  s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.14" } # TODO(macOS GH#214)
-  s.source                 = source
-  s.source_files           = "**/*.{c,h,m,mm,S,cpp}"
-  s.exclude_files          = "DevSupport/**/*",
-                             "Fabric/**/*",
-                             "Inspector/**/*"
-  s.ios.exclude_files      = "**/RCTTV*.*",
-
-# TODO(macOS GH#214)
-                             "**/MacOS/*"
-  s.osx.exclude_files      = "Modules/RCTRedBoxExtraDataViewController.{h,m}",
-                             "UIUtils/*",
-                             "Profiler/{RCTFPSGraph,RCTPerfMonitor}.*",
-                             "Profiler/RCTProfileTrampoline-{arm,arm64,i386}.S",
-                             "Base/RCTKeyCommands.*",
-                             "Base/RCTPlatform.m",
-                             "Base/Surface/SurfaceHostingView/*",
-                             "Base/Surface/RCTSurface{,Delegate,Root*}.*",
-                             "Base/RCTTV*.*",
-                             "Base/RCTReloadCommand.*",
-                             "Views/{RCTModal*,RCTMasked*,RCTTV*,RCTRefreshControl*,RCTWrapperViewController}.*",
-                             "Views/SafeAreaView/*"
-
-  s.tvos.exclude_files     = "Modules/RCTClipboard*",
-                             "Views/RCTDatePicker*",
-                             "Views/RCTPicker*",
-                             "Views/RCTRefreshControl*",
-                             "Views/RCTSlider*",
-                             "Views/RCTSwitch*",
-  s.compiler_flags         = folly_compiler_flags + ' ' + boost_compiler_flags
-  s.header_dir             = "React"
-  s.framework              = "JavaScriptCore"
-  s.library                = "stdc++"
-  s.pod_target_xcconfig    = { "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/ReactCommon\" \"$(PODS_ROOT)/boost-for-react-native\" \"$(PODS_ROOT)/DoubleConversion\" \"$(PODS_ROOT)/Folly\"" }
-
-  s.dependency "Folly", folly_version
-  s.dependency "React-cxxreact", version
-  s.dependency "React-jsiexecutor", version
-  s.dependency "yoga", "#{version}.React"
-end
diff --git a/React/React-RCTFabric.podspec b/React/React-RCTFabric.podspec
index 04d3ffc668bf66..0a04a5d494c43f 100644
--- a/React/React-RCTFabric.podspec
+++ b/React/React-RCTFabric.podspec
@@ -38,7 +38,7 @@ Pod::Spec.new do |s|
   s.header_dir             = "React"
   s.framework              = "JavaScriptCore"
   s.library                = "stdc++"
-  s.pod_target_xcconfig    = { "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/ReactCommon\" \"$(PODS_ROOT)/boost-for-react-native\" \"$(PODS_ROOT)/DoubleConversion\" \"$(PODS_ROOT)/Folly\"" }
+  s.pod_target_xcconfig    = { "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/ReactCommon\" \"$(PODS_ROOT)/boost-for-react-native\" \"$(PODS_ROOT)/DoubleConversion\" \"$(PODS_ROOT)/Folly\" \"$(PODS_ROOT)/Headers/Private/React-Core\"" }
   s.xcconfig               = { "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost-for-react-native\" \"$(PODS_ROOT)/glog\" \"$(PODS_ROOT)/Folly\"", 
                                "OTHER_CFLAGS" => "$(inherited) -DRN_FABRIC_ENABLED" + " " + folly_flags  }
 
diff --git a/React/React.xcodeproj/project.pbxproj b/React/React.xcodeproj/project.pbxproj
deleted file mode 100644
index 3625b93dfcedb3..00000000000000
--- a/React/React.xcodeproj/project.pbxproj
+++ /dev/null
@@ -1,7865 +0,0 @@
-// !$*UTF8*$!
-{
-	archiveVersion = 1;
-	classes = {
-	};
-	objectVersion = 46;
-	objects = {
-
-/* Begin PBXBuildFile section */
-		000E6CEB1AB0E980000CDF4D /* RCTSourceCode.m in Sources */ = {isa = PBXBuildFile; fileRef = 000E6CEA1AB0E980000CDF4D /* RCTSourceCode.m */; };
-		001BFCD01D8381DE008E587E /* RCTMultipartStreamReader.m in Sources */ = {isa = PBXBuildFile; fileRef = 001BFCCF1D8381DE008E587E /* RCTMultipartStreamReader.m */; };
-		006FC4141D9B20820057AAAD /* RCTMultipartDataTask.m in Sources */ = {isa = PBXBuildFile; fileRef = 006FC4131D9B20820057AAAD /* RCTMultipartDataTask.m */; };
-		008341F61D1DB34400876D9A /* RCTJSStackFrame.m in Sources */ = {isa = PBXBuildFile; fileRef = 008341F41D1DB34400876D9A /* RCTJSStackFrame.m */; };
-		0EEEA8DF2239002200A8C82D /* RCTSurfacePresenterStub.m in Sources */ = {isa = PBXBuildFile; fileRef = 0EEEA8DE2239002200A8C82D /* RCTSurfacePresenterStub.m */; };
-		0EEEA8E02239002200A8C82D /* RCTSurfacePresenterStub.m in Sources */ = {isa = PBXBuildFile; fileRef = 0EEEA8DE2239002200A8C82D /* RCTSurfacePresenterStub.m */; };
-		130443A11E3FEAA900D93A67 /* RCTFollyConvert.h in Headers */ = {isa = PBXBuildFile; fileRef = 1304439F1E3FEAA900D93A67 /* RCTFollyConvert.h */; };
-		130443A21E3FEAA900D93A67 /* RCTFollyConvert.mm in Sources */ = {isa = PBXBuildFile; fileRef = 130443A01E3FEAA900D93A67 /* RCTFollyConvert.mm */; };
-		130443A31E3FEAAE00D93A67 /* RCTFollyConvert.h in Headers */ = {isa = PBXBuildFile; fileRef = 1304439F1E3FEAA900D93A67 /* RCTFollyConvert.h */; };
-		130443A41E3FEAC600D93A67 /* RCTFollyConvert.mm in Sources */ = {isa = PBXBuildFile; fileRef = 130443A01E3FEAA900D93A67 /* RCTFollyConvert.mm */; };
-		130443C61E401A8C00D93A67 /* RCTConvert+Transform.m in Sources */ = {isa = PBXBuildFile; fileRef = 130443C41E401A8C00D93A67 /* RCTConvert+Transform.m */; };
-		130443DB1E401ADD00D93A67 /* RCTConvert+Transform.m in Sources */ = {isa = PBXBuildFile; fileRef = 130443C41E401A8C00D93A67 /* RCTConvert+Transform.m */; };
-		130443DC1E401AF400D93A67 /* RCTConvert+Transform.h in Headers */ = {isa = PBXBuildFile; fileRef = 130443C31E401A8C00D93A67 /* RCTConvert+Transform.h */; };
-		130443DD1E401AF500D93A67 /* RCTConvert+Transform.h in Headers */ = {isa = PBXBuildFile; fileRef = 130443C31E401A8C00D93A67 /* RCTConvert+Transform.h */; };
-		130443DE1E401B0D00D93A67 /* RCTTVView.h in Headers */ = {isa = PBXBuildFile; fileRef = 130443D61E401AD800D93A67 /* RCTTVView.h */; };
-		130E3D881E6A082100ACE484 /* RCTDevSettings.h in Headers */ = {isa = PBXBuildFile; fileRef = 130E3D861E6A082100ACE484 /* RCTDevSettings.h */; };
-		130E3D891E6A082100ACE484 /* RCTDevSettings.mm in Sources */ = {isa = PBXBuildFile; fileRef = 130E3D871E6A082100ACE484 /* RCTDevSettings.mm */; };
-		130E3D8A1E6A083600ACE484 /* RCTDevSettings.h in Headers */ = {isa = PBXBuildFile; fileRef = 130E3D861E6A082100ACE484 /* RCTDevSettings.h */; };
-		130E3D8B1E6A083900ACE484 /* RCTDevSettings.mm in Sources */ = {isa = PBXBuildFile; fileRef = 130E3D871E6A082100ACE484 /* RCTDevSettings.mm */; };
-		13134C861E296B2A00B9F3CB /* RCTCxxBridge.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13134C741E296B2A00B9F3CB /* RCTCxxBridge.mm */; };
-		13134C871E296B2A00B9F3CB /* RCTCxxBridge.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13134C741E296B2A00B9F3CB /* RCTCxxBridge.mm */; };
-		13134C8C1E296B2A00B9F3CB /* RCTMessageThread.h in Headers */ = {isa = PBXBuildFile; fileRef = 13134C771E296B2A00B9F3CB /* RCTMessageThread.h */; };
-		13134C8D1E296B2A00B9F3CB /* RCTMessageThread.h in Headers */ = {isa = PBXBuildFile; fileRef = 13134C771E296B2A00B9F3CB /* RCTMessageThread.h */; };
-		13134C8E1E296B2A00B9F3CB /* RCTMessageThread.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13134C781E296B2A00B9F3CB /* RCTMessageThread.mm */; };
-		13134C8F1E296B2A00B9F3CB /* RCTMessageThread.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13134C781E296B2A00B9F3CB /* RCTMessageThread.mm */; };
-		13134C941E296B2A00B9F3CB /* RCTObjcExecutor.h in Headers */ = {isa = PBXBuildFile; fileRef = 13134C7B1E296B2A00B9F3CB /* RCTObjcExecutor.h */; };
-		13134C951E296B2A00B9F3CB /* RCTObjcExecutor.h in Headers */ = {isa = PBXBuildFile; fileRef = 13134C7B1E296B2A00B9F3CB /* RCTObjcExecutor.h */; };
-		13134C961E296B2A00B9F3CB /* RCTObjcExecutor.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13134C7C1E296B2A00B9F3CB /* RCTObjcExecutor.mm */; };
-		13134C971E296B2A00B9F3CB /* RCTObjcExecutor.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13134C7C1E296B2A00B9F3CB /* RCTObjcExecutor.mm */; };
-		13134C981E296B2A00B9F3CB /* RCTCxxMethod.h in Headers */ = {isa = PBXBuildFile; fileRef = 13134C7E1E296B2A00B9F3CB /* RCTCxxMethod.h */; };
-		13134C991E296B2A00B9F3CB /* RCTCxxMethod.h in Headers */ = {isa = PBXBuildFile; fileRef = 13134C7E1E296B2A00B9F3CB /* RCTCxxMethod.h */; };
-		13134C9A1E296B2A00B9F3CB /* RCTCxxMethod.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13134C7F1E296B2A00B9F3CB /* RCTCxxMethod.mm */; };
-		13134C9B1E296B2A00B9F3CB /* RCTCxxMethod.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13134C7F1E296B2A00B9F3CB /* RCTCxxMethod.mm */; };
-		13134C9C1E296B2A00B9F3CB /* RCTCxxModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 13134C801E296B2A00B9F3CB /* RCTCxxModule.h */; };
-		13134C9D1E296B2A00B9F3CB /* RCTCxxModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 13134C801E296B2A00B9F3CB /* RCTCxxModule.h */; };
-		13134C9E1E296B2A00B9F3CB /* RCTCxxModule.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13134C811E296B2A00B9F3CB /* RCTCxxModule.mm */; };
-		13134C9F1E296B2A00B9F3CB /* RCTCxxModule.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13134C811E296B2A00B9F3CB /* RCTCxxModule.mm */; };
-		13134CA01E296B2A00B9F3CB /* RCTCxxUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = 13134C821E296B2A00B9F3CB /* RCTCxxUtils.h */; };
-		13134CA11E296B2A00B9F3CB /* RCTCxxUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = 13134C821E296B2A00B9F3CB /* RCTCxxUtils.h */; };
-		13134CA21E296B2A00B9F3CB /* RCTCxxUtils.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13134C831E296B2A00B9F3CB /* RCTCxxUtils.mm */; };
-		13134CA31E296B2A00B9F3CB /* RCTCxxUtils.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13134C831E296B2A00B9F3CB /* RCTCxxUtils.mm */; };
-		131B6AF41AF1093D00FFC3E0 /* RCTSegmentedControl.m in Sources */ = {isa = PBXBuildFile; fileRef = 131B6AF11AF1093D00FFC3E0 /* RCTSegmentedControl.m */; };
-		131B6AF51AF1093D00FFC3E0 /* RCTSegmentedControlManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 131B6AF31AF1093D00FFC3E0 /* RCTSegmentedControlManager.m */; };
-		133957881DF76D3500EC27BE /* YGEnums.h in Headers */ = {isa = PBXBuildFile; fileRef = 130A77031DF767AF001F9587 /* YGEnums.h */; };
-		133957891DF76D3500EC27BE /* YGMacros.h in Headers */ = {isa = PBXBuildFile; fileRef = 130A77041DF767AF001F9587 /* YGMacros.h */; };
-		1339578B1DF76D3500EC27BE /* Yoga.h in Headers */ = {isa = PBXBuildFile; fileRef = 130A77081DF767AF001F9587 /* Yoga.h */; };
-		133EA4E52098F6E30035B1D8 /* ReactMarker.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13DA8A2F2097A90A00276ED4 /* ReactMarker.h */; };
-		13456E931ADAD2DE009F94A7 /* RCTConvert+CoreLocation.m in Sources */ = {isa = PBXBuildFile; fileRef = 13456E921ADAD2DE009F94A7 /* RCTConvert+CoreLocation.m */; };
-		134D63C31F1FEC4B008872B5 /* RCTCxxBridgeDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 134D63C21F1FEC4B008872B5 /* RCTCxxBridgeDelegate.h */; };
-		134D63C41F1FEC65008872B5 /* RCTCxxBridgeDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 134D63C21F1FEC4B008872B5 /* RCTCxxBridgeDelegate.h */; };
-		13513F3C1B1F43F400FCE529 /* RCTProgressViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13513F3B1B1F43F400FCE529 /* RCTProgressViewManager.m */; };
-		13723B501A82FD3C00F88898 /* RCTStatusBarManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13723B4F1A82FD3C00F88898 /* RCTStatusBarManager.m */; };
-		1372B70A1AB030C200659ED6 /* RCTAppState.m in Sources */ = {isa = PBXBuildFile; fileRef = 1372B7091AB030C200659ED6 /* RCTAppState.m */; };
-		1384E2081E806D4E00545659 /* RCTNativeModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 1384E2061E806D4E00545659 /* RCTNativeModule.h */; };
-		1384E2091E806D4E00545659 /* RCTNativeModule.mm in Sources */ = {isa = PBXBuildFile; fileRef = 1384E2071E806D4E00545659 /* RCTNativeModule.mm */; };
-		1384E20A1E806D5700545659 /* RCTNativeModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 1384E2061E806D4E00545659 /* RCTNativeModule.h */; };
-		1384E20B1E806D5B00545659 /* RCTNativeModule.mm in Sources */ = {isa = PBXBuildFile; fileRef = 1384E2071E806D4E00545659 /* RCTNativeModule.mm */; };
-		139D7E911E25C70B00323FB7 /* bignum-dtoa.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E391E25C5A300323FB7 /* bignum-dtoa.cc */; };
-		139D7E931E25C70B00323FB7 /* bignum.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E3B1E25C5A300323FB7 /* bignum.cc */; };
-		139D7E951E25C70B00323FB7 /* cached-powers.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E3D1E25C5A300323FB7 /* cached-powers.cc */; };
-		139D7E971E25C70B00323FB7 /* diy-fp.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E3F1E25C5A300323FB7 /* diy-fp.cc */; };
-		139D7E991E25C70B00323FB7 /* double-conversion.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E411E25C5A300323FB7 /* double-conversion.cc */; };
-		139D7E9B1E25C70B00323FB7 /* fast-dtoa.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E431E25C5A300323FB7 /* fast-dtoa.cc */; };
-		139D7E9D1E25C70B00323FB7 /* fixed-dtoa.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E451E25C5A300323FB7 /* fixed-dtoa.cc */; };
-		139D7EA01E25C70B00323FB7 /* strtod.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E481E25C5A300323FB7 /* strtod.cc */; };
-		139D7EA51E25C85300323FB7 /* bignum-dtoa.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E3A1E25C5A300323FB7 /* bignum-dtoa.h */; };
-		139D7EA61E25C85300323FB7 /* bignum.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E3C1E25C5A300323FB7 /* bignum.h */; };
-		139D7EA71E25C85300323FB7 /* cached-powers.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E3E1E25C5A300323FB7 /* cached-powers.h */; };
-		139D7EA81E25C85300323FB7 /* diy-fp.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E401E25C5A300323FB7 /* diy-fp.h */; };
-		139D7EA91E25C85300323FB7 /* double-conversion.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E421E25C5A300323FB7 /* double-conversion.h */; };
-		139D7EAA1E25C85300323FB7 /* fast-dtoa.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E441E25C5A300323FB7 /* fast-dtoa.h */; };
-		139D7EAB1E25C85300323FB7 /* fixed-dtoa.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E461E25C5A300323FB7 /* fixed-dtoa.h */; };
-		139D7EAC1E25C85300323FB7 /* ieee.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E471E25C5A300323FB7 /* ieee.h */; };
-		139D7EAD1E25C85300323FB7 /* strtod.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E491E25C5A300323FB7 /* strtod.h */; };
-		139D7EAE1E25C85300323FB7 /* utils.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E4A1E25C5A300323FB7 /* utils.h */; };
-		139D84B01E273B5600323FB7 /* Conv.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 139D849F1E273B5600323FB7 /* Conv.cpp */; };
-		139D84B11E273B5600323FB7 /* dynamic.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 139D84A21E273B5600323FB7 /* dynamic.cpp */; };
-		139D84B31E273B5600323FB7 /* json.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 139D84A71E273B5600323FB7 /* json.cpp */; };
-		13A0C2891B74F71200B29F6F /* RCTDevLoadingView.m in Sources */ = {isa = PBXBuildFile; fileRef = 13A0C2861B74F71200B29F6F /* RCTDevLoadingView.m */; };
-		13A0C28A1B74F71200B29F6F /* RCTDevMenu.m in Sources */ = {isa = PBXBuildFile; fileRef = 13A0C2881B74F71200B29F6F /* RCTDevMenu.m */; };
-		13A1F71E1A75392D00D3D453 /* RCTKeyCommands.m in Sources */ = {isa = PBXBuildFile; fileRef = 13A1F71D1A75392D00D3D453 /* RCTKeyCommands.m */; };
-		13A6E20E1C19AA0C00845B82 /* RCTParserUtils.m in Sources */ = {isa = PBXBuildFile; fileRef = 13A6E20D1C19AA0C00845B82 /* RCTParserUtils.m */; };
-		13AB90C11B6FA36700713B4F /* RCTComponentData.m in Sources */ = {isa = PBXBuildFile; fileRef = 13AB90C01B6FA36700713B4F /* RCTComponentData.m */; };
-		13AF20451AE707F9005F5298 /* RCTSlider.m in Sources */ = {isa = PBXBuildFile; fileRef = 13AF20441AE707F9005F5298 /* RCTSlider.m */; };
-		13B07FEF1A69327A00A75B9A /* RCTAlertManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FE81A69327A00A75B9A /* RCTAlertManager.m */; };
-		13B07FF01A69327A00A75B9A /* RCTExceptionsManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FEA1A69327A00A75B9A /* RCTExceptionsManager.m */; };
-		13B07FF21A69327A00A75B9A /* RCTTiming.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FEE1A69327A00A75B9A /* RCTTiming.m */; };
-		13B080201A69489C00A75B9A /* RCTActivityIndicatorViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B080191A69489C00A75B9A /* RCTActivityIndicatorViewManager.m */; };
-		13B080261A694A8400A75B9A /* RCTWrapperViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B080241A694A8400A75B9A /* RCTWrapperViewController.m */; };
-		13BB3D021BECD54500932C10 /* RCTImageSource.m in Sources */ = {isa = PBXBuildFile; fileRef = 13BB3D011BECD54500932C10 /* RCTImageSource.m */; };
-		13BCE8091C99CB9D00DD7AAD /* RCTRootShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 13BCE8081C99CB9D00DD7AAD /* RCTRootShadowView.m */; };
-		13CC8A821B17642100940AE7 /* RCTBorderDrawing.m in Sources */ = {isa = PBXBuildFile; fileRef = 13CC8A811B17642100940AE7 /* RCTBorderDrawing.m */; };
-		13D033631C1837FE0021DC29 /* RCTClipboard.m in Sources */ = {isa = PBXBuildFile; fileRef = 13D033621C1837FE0021DC29 /* RCTClipboard.m */; };
-		13D9FEEB1CDCCECF00158BD7 /* RCTEventEmitter.m in Sources */ = {isa = PBXBuildFile; fileRef = 13D9FEEA1CDCCECF00158BD7 /* RCTEventEmitter.m */; };
-		13D9FEEE1CDCD93000158BD7 /* RCTKeyboardObserver.m in Sources */ = {isa = PBXBuildFile; fileRef = 13D9FEED1CDCD93000158BD7 /* RCTKeyboardObserver.m */; };
-		13DA8A312097A90B00276ED4 /* ReactMarker.h in Headers */ = {isa = PBXBuildFile; fileRef = 13DA8A2F2097A90A00276ED4 /* ReactMarker.h */; };
-		13DA8A322097A90B00276ED4 /* ReactMarker.h in Headers */ = {isa = PBXBuildFile; fileRef = 13DA8A2F2097A90A00276ED4 /* ReactMarker.h */; };
-		13DA8A332097A90B00276ED4 /* ReactMarker.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 13DA8A302097A90B00276ED4 /* ReactMarker.cpp */; };
-		13DA8A342097A90B00276ED4 /* ReactMarker.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 13DA8A302097A90B00276ED4 /* ReactMarker.cpp */; };
-		13E0674A1A70F434002CDEE1 /* RCTUIManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E067491A70F434002CDEE1 /* RCTUIManager.m */; };
-		13E067561A70F44B002CDEE1 /* RCTViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E0674E1A70F44B002CDEE1 /* RCTViewManager.m */; };
-		13E067571A70F44B002CDEE1 /* RCTView.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E067501A70F44B002CDEE1 /* RCTView.m */; };
-		13E067591A70F44B002CDEE1 /* UIView+React.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E067541A70F44B002CDEE1 /* UIView+React.m */; };
-		13E41EEB1C05CA0B00CD8DAC /* RCTProfileTrampoline-i386.S in Sources */ = {isa = PBXBuildFile; fileRef = 14BF717F1C04793D00C97D0C /* RCTProfileTrampoline-i386.S */; };
-		13F17A851B8493E5007D4C75 /* RCTRedBox.m in Sources */ = {isa = PBXBuildFile; fileRef = 13F17A841B8493E5007D4C75 /* RCTRedBox.m */; };
-		13F887581E2971D400C3C7A1 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		13F8875A1E2971D400C3C7A1 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		13F8876E1E29726200C3C7A1 /* CxxNativeModule.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 3D92B0A81E03699D0018521A /* CxxNativeModule.cpp */; };
-		13F887701E29726200C3C7A1 /* Instance.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 3D92B0AE1E03699D0018521A /* Instance.cpp */; };
-		13F887711E29726200C3C7A1 /* JSBundleType.cpp in Sources */ = {isa = PBXBuildFile; fileRef = AC70D2EB1DE48A22002E6351 /* JSBundleType.cpp */; };
-		13F8877B1E29726200C3C7A1 /* JSIndexedRAMBundle.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 3D92B0C61E03699D0018521A /* JSIndexedRAMBundle.cpp */; };
-		13F8877C1E29726200C3C7A1 /* MethodCall.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 3D92B0CA1E03699D0018521A /* MethodCall.cpp */; };
-		13F8877D1E29726200C3C7A1 /* ModuleRegistry.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 3D92B0CC1E03699D0018521A /* ModuleRegistry.cpp */; };
-		13F8877E1E29726200C3C7A1 /* NativeToJsBridge.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 3D92B0CF1E03699D0018521A /* NativeToJsBridge.cpp */; };
-		13F887801E29726200C3C7A1 /* SampleCxxModule.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 3D92B0D31E03699D0018521A /* SampleCxxModule.cpp */; };
-		13F887821E29726300C3C7A1 /* CxxNativeModule.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 3D92B0A81E03699D0018521A /* CxxNativeModule.cpp */; };
-		13F887841E29726300C3C7A1 /* Instance.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 3D92B0AE1E03699D0018521A /* Instance.cpp */; };
-		13F8878E1E29726300C3C7A1 /* JSIndexedRAMBundle.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 3D92B0C61E03699D0018521A /* JSIndexedRAMBundle.cpp */; };
-		13F8878F1E29726300C3C7A1 /* MethodCall.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 3D92B0CA1E03699D0018521A /* MethodCall.cpp */; };
-		13F887901E29726300C3C7A1 /* ModuleRegistry.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 3D92B0CC1E03699D0018521A /* ModuleRegistry.cpp */; };
-		13F887911E29726300C3C7A1 /* NativeToJsBridge.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 3D92B0CF1E03699D0018521A /* NativeToJsBridge.cpp */; };
-		13F887931E29726300C3C7A1 /* SampleCxxModule.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 3D92B0D31E03699D0018521A /* SampleCxxModule.cpp */; };
-		142014191B32094000CC17BA /* RCTPerformanceLogger.m in Sources */ = {isa = PBXBuildFile; fileRef = 142014171B32094000CC17BA /* RCTPerformanceLogger.m */; };
-		1450FF861BCFF28A00208362 /* RCTProfile.m in Sources */ = {isa = PBXBuildFile; fileRef = 1450FF811BCFF28A00208362 /* RCTProfile.m */; };
-		1450FF871BCFF28A00208362 /* RCTProfileTrampoline-arm.S in Sources */ = {isa = PBXBuildFile; fileRef = 1450FF821BCFF28A00208362 /* RCTProfileTrampoline-arm.S */; };
-		1450FF881BCFF28A00208362 /* RCTProfileTrampoline-arm64.S in Sources */ = {isa = PBXBuildFile; fileRef = 1450FF831BCFF28A00208362 /* RCTProfileTrampoline-arm64.S */; };
-		1450FF8A1BCFF28A00208362 /* RCTProfileTrampoline-x86_64.S in Sources */ = {isa = PBXBuildFile; fileRef = 1450FF851BCFF28A00208362 /* RCTProfileTrampoline-x86_64.S */; };
-		14C2CA741B3AC64300E6CBB2 /* RCTModuleData.mm in Sources */ = {isa = PBXBuildFile; fileRef = 14C2CA731B3AC64300E6CBB2 /* RCTModuleData.mm */; };
-		14C2CA761B3AC64F00E6CBB2 /* RCTFrameUpdate.m in Sources */ = {isa = PBXBuildFile; fileRef = 14C2CA751B3AC64F00E6CBB2 /* RCTFrameUpdate.m */; };
-		14F3620D1AABD06A001CE568 /* RCTSwitch.m in Sources */ = {isa = PBXBuildFile; fileRef = 14F362081AABD06A001CE568 /* RCTSwitch.m */; };
-		14F3620E1AABD06A001CE568 /* RCTSwitchManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 14F3620A1AABD06A001CE568 /* RCTSwitchManager.m */; };
-		14F484561AABFCE100FDF6B9 /* RCTSliderManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 14F484551AABFCE100FDF6B9 /* RCTSliderManager.m */; };
-		14F7A0EC1BDA3B3C003C6C10 /* RCTPerfMonitor.m in Sources */ = {isa = PBXBuildFile; fileRef = 14F7A0EB1BDA3B3C003C6C10 /* RCTPerfMonitor.m */; };
-		14F7A0F01BDA714B003C6C10 /* RCTFPSGraph.m in Sources */ = {isa = PBXBuildFile; fileRef = 14F7A0EF1BDA714B003C6C10 /* RCTFPSGraph.m */; };
-		18008F9B2141A922007F325D /* RCTProgressView.h in Headers */ = {isa = PBXBuildFile; fileRef = 18008F992141A922007F325D /* RCTProgressView.h */; };
-		18008F9C2141A922007F325D /* RCTProgressView.h in Headers */ = {isa = PBXBuildFile; fileRef = 18008F992141A922007F325D /* RCTProgressView.h */; };
-		18008F9D2141A922007F325D /* RCTProgressView.h in Headers */ = {isa = PBXBuildFile; fileRef = 18008F992141A922007F325D /* RCTProgressView.h */; };
-		18008F9E2141A922007F325D /* RCTProgressView.m in Sources */ = {isa = PBXBuildFile; fileRef = 18008F9A2141A922007F325D /* RCTProgressView.m */; };
-		181A4C891FEC784B00926935 /* RCTShadowView+Internal.h in Headers */ = {isa = PBXBuildFile; fileRef = 597633351F4E021D005BE8A4 /* RCTShadowView+Internal.h */; };
-		181B13CB21652BE300D3B7D2 /* ReactMarker.h in Headers */ = {isa = PBXBuildFile; fileRef = 13DA8A2F2097A90A00276ED4 /* ReactMarker.h */; };
-		181B13CE21652CE900D3B7D2 /* ReactMarker.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13DA8A2F2097A90A00276ED4 /* ReactMarker.h */; };
-		181B13CF21652D6700D3B7D2 /* RCTLinkingManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA08B1DE4F4DD00E03CC6 /* RCTLinkingManager.h */; };
-		181B13D021652D7400D3B7D2 /* RCTLinkingManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA08B1DE4F4DD00E03CC6 /* RCTLinkingManager.h */; };
-		1821879C1FE97CB300E978D7 /* RCTAccessibilityManager.h in Headers */ = {isa = PBXBuildFile; fileRef = E9B20B791B500126007A2DA7 /* RCTAccessibilityManager.h */; };
-		1821ACE921E7D94600B151F7 /* RCTDynamicColor.h in Headers */ = {isa = PBXBuildFile; fileRef = 1821ACE521E7D86A00B151F7 /* RCTDynamicColor.h */; settings = {ATTRIBUTES = (Public, ); }; };
-		1821ACEA21E7D94A00B151F7 /* RCTDynamicColor.m in Sources */ = {isa = PBXBuildFile; fileRef = 1821ACE621E7D86A00B151F7 /* RCTDynamicColor.m */; };
-		18316E1D1EF9EBA9003DADF3 /* RCTBridge+Private.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14A43DB81C1F849600794BC8 /* RCTBridge+Private.h */; };
-		184808C121658FF200C3C43F /* YGConfig.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 5CE2080020772F7C009A43B3 /* YGConfig.cpp */; };
-		184808C32165902400C3C43F /* JSExecutor.cpp in Sources */ = {isa = PBXBuildFile; fileRef = E223624320875A8000108244 /* JSExecutor.cpp */; };
-		184808C42165902500C3C43F /* JSExecutor.cpp in Sources */ = {isa = PBXBuildFile; fileRef = E223624320875A8000108244 /* JSExecutor.cpp */; };
-		184808C52165903A00C3C43F /* ReactMarker.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 13DA8A302097A90B00276ED4 /* ReactMarker.cpp */; };
-		184808C62165905B00C3C43F /* RCTSurfaceView.mm in Sources */ = {isa = PBXBuildFile; fileRef = 599FAA351FB274970058CCF6 /* RCTSurfaceView.mm */; };
-		184808C72165908300C3C43F /* RCTSurfaceStage.m in Sources */ = {isa = PBXBuildFile; fileRef = 59283C9F1FD67320000EAAB9 /* RCTSurfaceStage.m */; };
-		184D85E91EF33EB50069DA83 /* RCTUIKit.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 6BF8B4B21EC550F500061E2F /* RCTUIKit.h */; };
-		18514D531FE98CF800C5E2FF /* RCTAccessibilityManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = E9B20B791B500126007A2DA7 /* RCTAccessibilityManager.h */; };
-		1854FE201EF483FB0008DADC /* RCTAssert.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4A1A601E3B00E9B192 /* RCTAssert.h */; };
-		1854FE211EF484020008DADC /* RCTBridge.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA5E1A601EAA00E9B192 /* RCTBridge.h */; };
-		1854FE241EF484130008DADC /* RCTBridge+Private.h in Headers */ = {isa = PBXBuildFile; fileRef = 14A43DB81C1F849600794BC8 /* RCTBridge+Private.h */; };
-		1854FE251EF484130008DADC /* RCTBridgeDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 1482F9E61B55B927000ADFF3 /* RCTBridgeDelegate.h */; };
-		1854FE261EF484130008DADC /* RCTBridgeMethod.h in Headers */ = {isa = PBXBuildFile; fileRef = 13AFBCA11C07287B00BBAEAA /* RCTBridgeMethod.h */; };
-		1854FE271EF484130008DADC /* RCTBridgeModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 830213F31A654E0800B993E6 /* RCTBridgeModule.h */; };
-		1854FE281EF484130008DADC /* RCTBundleURLProvider.h in Headers */ = {isa = PBXBuildFile; fileRef = 68EFE4EC1CF6EB3000A1DE13 /* RCTBundleURLProvider.h */; };
-		1854FE2A1EF484130008DADC /* RCTConvert.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBACA1A6023D300E9B192 /* RCTConvert.h */; };
-		1854FE2C1EF484130008DADC /* RCTDefines.h in Headers */ = {isa = PBXBuildFile; fileRef = 13AF1F851AE6E777005F5298 /* RCTDefines.h */; };
-		1854FE2D1EF484130008DADC /* RCTDisplayLink.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1E68D81CABD13900DD7465 /* RCTDisplayLink.h */; };
-		1854FE2F1EF484130008DADC /* RCTErrorCustomizer.h in Headers */ = {isa = PBXBuildFile; fileRef = 3EDCA8A21D3591E700450C31 /* RCTErrorCustomizer.h */; };
-		1854FE301EF484130008DADC /* RCTErrorInfo.h in Headers */ = {isa = PBXBuildFile; fileRef = 3EDCA8A31D3591E700450C31 /* RCTErrorInfo.h */; };
-		1854FE321EF484130008DADC /* RCTEventDispatcher.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA651A601EF300E9B192 /* RCTEventDispatcher.h */; };
-		1854FE341EF484130008DADC /* RCTFrameUpdate.h in Headers */ = {isa = PBXBuildFile; fileRef = 1436DD071ADE7AA000A5ED7D /* RCTFrameUpdate.h */; };
-		1854FE361EF484130008DADC /* RCTImageSource.h in Headers */ = {isa = PBXBuildFile; fileRef = 13BB3D001BECD54500932C10 /* RCTImageSource.h */; };
-		1854FE381EF484130008DADC /* RCTInvalidating.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4C1A601E3B00E9B192 /* RCTInvalidating.h */; };
-		1854FE391EF484130008DADC /* RCTJavaScriptExecutor.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA631A601ECA00E9B192 /* RCTJavaScriptExecutor.h */; };
-		1854FE3A1EF484130008DADC /* RCTJavaScriptLoader.h in Headers */ = {isa = PBXBuildFile; fileRef = 14200DA81AC179B3008EE6BA /* RCTJavaScriptLoader.h */; };
-		1854FE3C1EF484130008DADC /* (null) in Headers */ = {isa = PBXBuildFile; };
-		1854FE3E1EF484130008DADC /* RCTJSStackFrame.h in Headers */ = {isa = PBXBuildFile; fileRef = 008341F51D1DB34400876D9A /* RCTJSStackFrame.h */; };
-		1854FE421EF484130008DADC /* RCTLog.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4D1A601E3B00E9B192 /* RCTLog.h */; };
-		1854FE441EF484130008DADC /* RCTModuleData.h in Headers */ = {isa = PBXBuildFile; fileRef = 14C2CA721B3AC64300E6CBB2 /* RCTModuleData.h */; };
-		1854FE461EF484130008DADC /* RCTModuleMethod.h in Headers */ = {isa = PBXBuildFile; fileRef = 14C2CA6F1B3AC63800E6CBB2 /* RCTModuleMethod.h */; };
-		1854FE481EF484130008DADC /* RCTMultipartDataTask.h in Headers */ = {isa = PBXBuildFile; fileRef = 006FC4121D9B20820057AAAD /* RCTMultipartDataTask.h */; };
-		1854FE4A1EF484130008DADC /* RCTMultipartStreamReader.h in Headers */ = {isa = PBXBuildFile; fileRef = 001BFCCE1D8381DE008E587E /* RCTMultipartStreamReader.h */; };
-		1854FE4C1EF484130008DADC /* RCTNullability.h in Headers */ = {isa = PBXBuildFile; fileRef = 13A6E20F1C19ABC700845B82 /* RCTNullability.h */; };
-		1854FE4D1EF484130008DADC /* RCTParserUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = 13A6E20C1C19AA0C00845B82 /* RCTParserUtils.h */; };
-		1854FE4F1EF484130008DADC /* RCTPerformanceLogger.h in Headers */ = {isa = PBXBuildFile; fileRef = 142014181B32094000CC17BA /* RCTPerformanceLogger.h */; };
-		1854FE511EF484130008DADC /* RCTPlatform.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7749421DC1065C007EC8D8 /* RCTPlatform.h */; };
-		1854FE551EF484130008DADC /* RCTRootContentView.h in Headers */ = {isa = PBXBuildFile; fileRef = 59A7B9FB1E577DBF0068EDBF /* RCTRootContentView.h */; };
-		1854FE571EF484130008DADC /* RCTRootView.h in Headers */ = {isa = PBXBuildFile; fileRef = 830A229C1A66C68A008503DA /* RCTRootView.h */; };
-		1854FE591EF484130008DADC /* RCTRootViewDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 13AFBCA21C07287B00BBAEAA /* RCTRootViewDelegate.h */; };
-		1854FE5A1EF484130008DADC /* RCTRootViewInternal.h in Headers */ = {isa = PBXBuildFile; fileRef = 6A15FB0C1BDF663500531DFB /* RCTRootViewInternal.h */; };
-		1854FE5B1EF484130008DADC /* RCTTouchEvent.h in Headers */ = {isa = PBXBuildFile; fileRef = 391E86A31C623EC800009732 /* RCTTouchEvent.h */; };
-		1854FE611EF484130008DADC /* RCTUIKit.h in Headers */ = {isa = PBXBuildFile; fileRef = 6BF8B4B21EC550F500061E2F /* RCTUIKit.h */; };
-		1854FE621EF484130008DADC /* RCTURLRequestDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 1345A83A1B265A0E00583190 /* RCTURLRequestDelegate.h */; };
-		1854FE631EF484130008DADC /* RCTURLRequestHandler.h in Headers */ = {isa = PBXBuildFile; fileRef = 1345A83B1B265A0E00583190 /* RCTURLRequestHandler.h */; };
-		1854FE641EF484130008DADC /* RCTUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4F1A601E3B00E9B192 /* RCTUtils.h */; };
-		1854FE671EF484270008DADC /* NSDataBigString.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7454B31E54786200E74ADD /* NSDataBigString.h */; };
-		1854FE6A1EF484270008DADC /* (null) in Headers */ = {isa = PBXBuildFile; };
-		1854FE6C1EF484270008DADC /* RCTMessageThread.h in Headers */ = {isa = PBXBuildFile; fileRef = 13134C771E296B2A00B9F3CB /* RCTMessageThread.h */; };
-		1854FE6E1EF484270008DADC /* RCTObjcExecutor.h in Headers */ = {isa = PBXBuildFile; fileRef = 13134C7B1E296B2A00B9F3CB /* RCTObjcExecutor.h */; };
-		1854FE701EF484300008DADC /* RCTNativeModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 1384E2061E806D4E00545659 /* RCTNativeModule.h */; };
-		1854FE721EF484300008DADC /* RCTCxxMethod.h in Headers */ = {isa = PBXBuildFile; fileRef = 13134C7E1E296B2A00B9F3CB /* RCTCxxMethod.h */; };
-		1854FE741EF484300008DADC /* RCTCxxModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 13134C801E296B2A00B9F3CB /* RCTCxxModule.h */; };
-		1854FE761EF484300008DADC /* RCTCxxUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = 13134C821E296B2A00B9F3CB /* RCTCxxUtils.h */; };
-		1854FE781EF484390008DADC /* RCTFollyConvert.h in Headers */ = {isa = PBXBuildFile; fileRef = 1304439F1E3FEAA900D93A67 /* RCTFollyConvert.h */; };
-		1854FE7A1EF484420008DADC /* RCTInspectorDevServerHelper.h in Headers */ = {isa = PBXBuildFile; fileRef = 657734821EE834C900A0E9EA /* RCTInspectorDevServerHelper.h */; };
-		1854FE7C1EF484420008DADC /* RCTDevLoadingView.h in Headers */ = {isa = PBXBuildFile; fileRef = 13A0C2851B74F71200B29F6F /* RCTDevLoadingView.h */; };
-		1854FE7E1EF484420008DADC /* RCTDevMenu.h in Headers */ = {isa = PBXBuildFile; fileRef = 13A0C2871B74F71200B29F6F /* RCTDevMenu.h */; };
-		1854FE801EF484420008DADC /* RCTPackagerClient.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7BFD0B1EA8E351008DFB7A /* RCTPackagerClient.h */; };
-		1854FE821EF484420008DADC /* RCTPackagerConnection.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7BFD0F1EA8E351008DFB7A /* RCTPackagerConnection.h */; };
-		1854FE841EF484420008DADC /* (null) in Headers */ = {isa = PBXBuildFile; };
-		1854FE861EF484420008DADC /* (null) in Headers */ = {isa = PBXBuildFile; };
-		1854FE881EF4844A0008DADC /* RCTInspector.h in Headers */ = {isa = PBXBuildFile; fileRef = 6577348A1EE8354A00A0E9EA /* RCTInspector.h */; };
-		1854FE8A1EF4844A0008DADC /* RCTInspectorPackagerConnection.h in Headers */ = {isa = PBXBuildFile; fileRef = 6577348C1EE8354A00A0E9EA /* RCTInspectorPackagerConnection.h */; };
-		1854FE8E1EF484550008DADC /* RCTAlertManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 13B07FE71A69327A00A75B9A /* RCTAlertManager.h */; };
-		1854FE921EF484550008DADC /* RCTAsyncLocalStorage.h in Headers */ = {isa = PBXBuildFile; fileRef = 58114A4F1AAE93D500E7D092 /* RCTAsyncLocalStorage.h */; };
-		1854FE941EF484550008DADC /* RCTClipboard.h in Headers */ = {isa = PBXBuildFile; fileRef = 13D033611C1837FE0021DC29 /* RCTClipboard.h */; };
-		1854FE961EF484550008DADC /* RCTDeviceInfo.h in Headers */ = {isa = PBXBuildFile; fileRef = CF2731BE1E7B8DE40044CA4F /* RCTDeviceInfo.h */; };
-		1854FE981EF484550008DADC /* RCTDevSettings.h in Headers */ = {isa = PBXBuildFile; fileRef = 130E3D861E6A082100ACE484 /* RCTDevSettings.h */; };
-		1854FE9A1EF484550008DADC /* RCTEventEmitter.h in Headers */ = {isa = PBXBuildFile; fileRef = 13D9FEE91CDCCECF00158BD7 /* RCTEventEmitter.h */; };
-		1854FE9C1EF484550008DADC /* RCTExceptionsManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 13B07FE91A69327A00A75B9A /* RCTExceptionsManager.h */; };
-		1854FE9E1EF484550008DADC /* RCTI18nManager.h in Headers */ = {isa = PBXBuildFile; fileRef = B233E6E81D2D843200BC68BA /* RCTI18nManager.h */; };
-		1854FEA01EF484550008DADC /* RCTI18nUtil.h in Headers */ = {isa = PBXBuildFile; fileRef = 352DCFEE1D19F4C20056D623 /* RCTI18nUtil.h */; };
-		1854FEA21EF484550008DADC /* (null) in Headers */ = {isa = PBXBuildFile; };
-		1854FEA41EF484550008DADC /* RCTKeyboardObserver.h in Headers */ = {isa = PBXBuildFile; fileRef = 13D9FEEC1CDCD93000158BD7 /* RCTKeyboardObserver.h */; };
-		1854FEA61EF484550008DADC /* RCTRedBox.h in Headers */ = {isa = PBXBuildFile; fileRef = 13F17A831B8493E5007D4C75 /* RCTRedBox.h */; };
-		1854FEA81EF484550008DADC /* RCTSourceCode.h in Headers */ = {isa = PBXBuildFile; fileRef = 000E6CE91AB0E97F000CDF4D /* RCTSourceCode.h */; };
-		1854FEAC1EF484550008DADC /* RCTTiming.h in Headers */ = {isa = PBXBuildFile; fileRef = 13B07FED1A69327A00A75B9A /* RCTTiming.h */; };
-		1854FEB01EF484550008DADC /* RCTUIManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E067481A70F434002CDEE1 /* RCTUIManager.h */; };
-		1854FEB21EF484550008DADC /* RCTUIManagerObserverCoordinator.h in Headers */ = {isa = PBXBuildFile; fileRef = 59EB6DB91EBD6FC90072A5E7 /* RCTUIManagerObserverCoordinator.h */; };
-		1854FEB61EF484680008DADC /* RCTMacros.h in Headers */ = {isa = PBXBuildFile; fileRef = 14BF71811C04795500C97D0C /* RCTMacros.h */; };
-		1854FEB81EF484680008DADC /* RCTProfile.h in Headers */ = {isa = PBXBuildFile; fileRef = 1450FF801BCFF28A00208362 /* RCTProfile.h */; };
-		1854FEBA1EF484760008DADC /* RCTActivityIndicatorView.h in Headers */ = {isa = PBXBuildFile; fileRef = B95154301D1B34B200FE7B80 /* RCTActivityIndicatorView.h */; };
-		1854FEBC1EF484760008DADC /* RCTActivityIndicatorViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 13B080181A69489C00A75B9A /* RCTActivityIndicatorViewManager.h */; };
-		1854FEBE1EF484760008DADC /* RCTAnimationType.h in Headers */ = {isa = PBXBuildFile; fileRef = 13442BF21AA90E0B0037E5B0 /* RCTAnimationType.h */; };
-		1854FEBF1EF484760008DADC /* RCTAutoInsetsProtocol.h in Headers */ = {isa = PBXBuildFile; fileRef = 13C325261AA63B6A0048765F /* RCTAutoInsetsProtocol.h */; };
-		1854FEC01EF484760008DADC /* RCTBorderDrawing.h in Headers */ = {isa = PBXBuildFile; fileRef = 13CC8A801B17642100940AE7 /* RCTBorderDrawing.h */; };
-		1854FEC21EF484760008DADC /* RCTBorderStyle.h in Headers */ = {isa = PBXBuildFile; fileRef = ACDD3FDA1BC7430D00E7DE33 /* RCTBorderStyle.h */; };
-		1854FEC31EF484760008DADC /* RCTComponent.h in Headers */ = {isa = PBXBuildFile; fileRef = 13C325281AA63B6A0048765F /* RCTComponent.h */; };
-		1854FEC41EF484760008DADC /* RCTComponentData.h in Headers */ = {isa = PBXBuildFile; fileRef = 13AB90BF1B6FA36700713B4F /* RCTComponentData.h */; };
-		1854FEC61EF484760008DADC /* RCTConvert+CoreLocation.h in Headers */ = {isa = PBXBuildFile; fileRef = 13456E911ADAD2DE009F94A7 /* RCTConvert+CoreLocation.h */; };
-		1854FEC81EF484760008DADC /* RCTConvert+Transform.h in Headers */ = {isa = PBXBuildFile; fileRef = 130443C31E401A8C00D93A67 /* RCTConvert+Transform.h */; };
-		1854FECA1EF484760008DADC /* RCTDatePicker.h in Headers */ = {isa = PBXBuildFile; fileRef = 133CAE8C1B8E5CFD00F6AD92 /* RCTDatePicker.h */; };
-		1854FECC1EF484760008DADC /* RCTDatePickerManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 58C571C01AA56C1900CDF9C8 /* RCTDatePickerManager.h */; };
-		1854FECE1EF484760008DADC /* RCTFont.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D37B5801D522B190042D5B5 /* RCTFont.h */; };
-		1854FEDE1EF484760008DADC /* RCTPicker.h in Headers */ = {isa = PBXBuildFile; fileRef = 58114A121AAE854800E7D092 /* RCTPicker.h */; };
-		1854FEE01EF484760008DADC /* RCTPickerManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 58114A141AAE854800E7D092 /* RCTPickerManager.h */; };
-		1854FEE21EF484760008DADC /* RCTPointerEvents.h in Headers */ = {isa = PBXBuildFile; fileRef = 13442BF31AA90E0B0037E5B0 /* RCTPointerEvents.h */; };
-		1854FEE91EF484760008DADC /* RCTRootShadowView.h in Headers */ = {isa = PBXBuildFile; fileRef = 13BCE8071C99CB9D00DD7AAD /* RCTRootShadowView.h */; };
-		1854FEF81EF484760008DADC /* RCTShadowView.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E0674B1A70F44B002CDEE1 /* RCTShadowView.h */; };
-		1854FEFA1EF484760008DADC /* RCTShadowView+Layout.h in Headers */ = {isa = PBXBuildFile; fileRef = 590D7BFB1EBD458B00D8A370 /* RCTShadowView+Layout.h */; };
-		1854FF0C1EF484760008DADC /* RCTTextDecorationLineType.h in Headers */ = {isa = PBXBuildFile; fileRef = E3BBC8EB1ADE6F47001BBD81 /* RCTTextDecorationLineType.h */; };
-		1854FF0F1EF484760008DADC /* RCTView.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E0674F1A70F44B002CDEE1 /* RCTView.h */; };
-		1854FF111EF484760008DADC /* (null) in Headers */ = {isa = PBXBuildFile; };
-		1854FF121EF484760008DADC /* RCTViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E0674D1A70F44B002CDEE1 /* RCTViewManager.h */; };
-		1854FF141EF484760008DADC /* (null) in Headers */ = {isa = PBXBuildFile; };
-		1854FF161EF484760008DADC /* (null) in Headers */ = {isa = PBXBuildFile; };
-		1854FF1A1EF484760008DADC /* UIView+Private.h in Headers */ = {isa = PBXBuildFile; fileRef = 83F15A171B7CC46900F10295 /* UIView+Private.h */; };
-		1854FF1B1EF484760008DADC /* UIView+React.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E067531A70F44B002CDEE1 /* UIView+React.h */; };
-		1854FF211EF485000008DADC /* YGEnums.h in Headers */ = {isa = PBXBuildFile; fileRef = 130A77031DF767AF001F9587 /* YGEnums.h */; };
-		1854FF221EF485000008DADC /* YGMacros.h in Headers */ = {isa = PBXBuildFile; fileRef = 130A77041DF767AF001F9587 /* YGMacros.h */; };
-		1854FF261EF485000008DADC /* Yoga.h in Headers */ = {isa = PBXBuildFile; fileRef = 130A77081DF767AF001F9587 /* Yoga.h */; };
-		1854FF291EF4855F0008DADC /* YGMacros.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 130A77041DF767AF001F9587 /* YGMacros.h */; };
-		1854FF2B1EF4855F0008DADC /* Yoga.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 130A77081DF767AF001F9587 /* Yoga.h */; };
-		1854FF2F1EF485C60008DADC /* CxxModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0A71E03699D0018521A /* CxxModule.h */; };
-		1854FF311EF485C60008DADC /* CxxNativeModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0A91E03699D0018521A /* CxxNativeModule.h */; };
-		1854FF321EF485C60008DADC /* JSExecutor.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0AB1E03699D0018521A /* JSExecutor.h */; };
-		1854FF341EF485C60008DADC /* Instance.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0AF1E03699D0018521A /* Instance.h */; };
-		1854FF351EF485C60008DADC /* JsArgumentHelpers-inl.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0B01E03699D0018521A /* JsArgumentHelpers-inl.h */; };
-		1854FF361EF485C60008DADC /* JsArgumentHelpers.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0B11E03699D0018521A /* JsArgumentHelpers.h */; };
-		1854FF371EF485C60008DADC /* JSBigString.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7454781E54757500E74ADD /* JSBigString.h */; };
-		1854FF3A1EF485C60008DADC /* JSBundleType.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D3CD8F51DE5FB2300167DC4 /* JSBundleType.h */; };
-		1854FF3C1EF485C60008DADC /* (null) in Headers */ = {isa = PBXBuildFile; };
-		1854FF401EF485C60008DADC /* (null) in Headers */ = {isa = PBXBuildFile; };
-		1854FF421EF485C60008DADC /* (null) in Headers */ = {isa = PBXBuildFile; };
-		1854FF441EF485C60008DADC /* (null) in Headers */ = {isa = PBXBuildFile; };
-		1854FF461EF485C60008DADC /* (null) in Headers */ = {isa = PBXBuildFile; };
-		1854FF481EF485C60008DADC /* (null) in Headers */ = {isa = PBXBuildFile; };
-		1854FF4A1EF485C60008DADC /* (null) in Headers */ = {isa = PBXBuildFile; };
-		1854FF4C1EF485C60008DADC /* JSIndexedRAMBundle.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0C71E03699D0018521A /* JSIndexedRAMBundle.h */; };
-		1854FF4D1EF485C60008DADC /* JSModulesUnbundle.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0C81E03699D0018521A /* JSModulesUnbundle.h */; };
-		1854FF4E1EF485C60008DADC /* MessageQueueThread.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0C91E03699D0018521A /* MessageQueueThread.h */; };
-		1854FF501EF485C60008DADC /* MethodCall.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0CB1E03699D0018521A /* MethodCall.h */; };
-		1854FF521EF485C60008DADC /* ModuleRegistry.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0CD1E03699D0018521A /* ModuleRegistry.h */; };
-		1854FF531EF485C60008DADC /* NativeModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0CE1E03699D0018521A /* NativeModule.h */; };
-		1854FF551EF485C60008DADC /* NativeToJsBridge.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0D01E03699D0018521A /* NativeToJsBridge.h */; };
-		1854FF581EF485C60008DADC /* (null) in Headers */ = {isa = PBXBuildFile; };
-		1854FF591EF485C60008DADC /* RecoverableError.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7454791E54757500E74ADD /* RecoverableError.h */; };
-		1854FF5B1EF485C60008DADC /* SampleCxxModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0D41E03699D0018521A /* SampleCxxModule.h */; };
-		1854FF5C1EF485C60008DADC /* SystraceSection.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0D51E03699D0018521A /* SystraceSection.h */; };
-		1854FF621EF487C00008DADC /* (null) in Headers */ = {isa = PBXBuildFile; };
-		18572B9F1EF32003007EAD54 /* RCTUIKit.h in Headers */ = {isa = PBXBuildFile; fileRef = 6BF8B4B21EC550F500061E2F /* RCTUIKit.h */; };
-		18632C021EF495D40010A3BB /* libcxxreact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 6B857F421EC51FCF00A9D063 /* libcxxreact.a */; };
-		18632C051EF495D40010A3BB /* libthird-party.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 188202A21EF48CF700C9B354 /* libthird-party.a */; };
-		18632C1A1EF49C9D0010A3BB /* CxxModule.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0A71E03699D0018521A /* CxxModule.h */; };
-		18632C1B1EF49C9D0010A3BB /* CxxNativeModule.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0A91E03699D0018521A /* CxxNativeModule.h */; };
-		18632C1C1EF49C9D0010A3BB /* JSExecutor.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0AB1E03699D0018521A /* JSExecutor.h */; };
-		18632C1D1EF49C9D0010A3BB /* Instance.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0AF1E03699D0018521A /* Instance.h */; };
-		18632C1E1EF49C9D0010A3BB /* JsArgumentHelpers-inl.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0B01E03699D0018521A /* JsArgumentHelpers-inl.h */; };
-		18632C1F1EF49C9D0010A3BB /* JsArgumentHelpers.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0B11E03699D0018521A /* JsArgumentHelpers.h */; };
-		18632C201EF49C9D0010A3BB /* JSBigString.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D7454781E54757500E74ADD /* JSBigString.h */; };
-		18632C211EF49C9D0010A3BB /* JSBundleType.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D3CD8F51DE5FB2300167DC4 /* JSBundleType.h */; };
-		18632C221EF49C9D0010A3BB /* (null) in Copy Headers */ = {isa = PBXBuildFile; };
-		18632C241EF49C9D0010A3BB /* (null) in Copy Headers */ = {isa = PBXBuildFile; };
-		18632C251EF49C9D0010A3BB /* (null) in Copy Headers */ = {isa = PBXBuildFile; };
-		18632C261EF49C9D0010A3BB /* (null) in Copy Headers */ = {isa = PBXBuildFile; };
-		18632C271EF49C9D0010A3BB /* (null) in Copy Headers */ = {isa = PBXBuildFile; };
-		18632C281EF49C9D0010A3BB /* (null) in Copy Headers */ = {isa = PBXBuildFile; };
-		18632C291EF49C9D0010A3BB /* (null) in Copy Headers */ = {isa = PBXBuildFile; };
-		18632C2A1EF49C9D0010A3BB /* JSIndexedRAMBundle.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0C71E03699D0018521A /* JSIndexedRAMBundle.h */; };
-		18632C2B1EF49C9D0010A3BB /* JSModulesUnbundle.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0C81E03699D0018521A /* JSModulesUnbundle.h */; };
-		18632C2C1EF49C9D0010A3BB /* MessageQueueThread.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0C91E03699D0018521A /* MessageQueueThread.h */; };
-		18632C2D1EF49C9D0010A3BB /* MethodCall.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0CB1E03699D0018521A /* MethodCall.h */; };
-		18632C2E1EF49C9D0010A3BB /* ModuleRegistry.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0CD1E03699D0018521A /* ModuleRegistry.h */; };
-		18632C2F1EF49C9D0010A3BB /* NativeModule.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0CE1E03699D0018521A /* NativeModule.h */; };
-		18632C301EF49C9D0010A3BB /* NativeToJsBridge.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0D01E03699D0018521A /* NativeToJsBridge.h */; };
-		18632C321EF49C9D0010A3BB /* (null) in Copy Headers */ = {isa = PBXBuildFile; };
-		18632C331EF49C9D0010A3BB /* RecoverableError.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D7454791E54757500E74ADD /* RecoverableError.h */; };
-		18632C341EF49C9D0010A3BB /* SampleCxxModule.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0D41E03699D0018521A /* SampleCxxModule.h */; };
-		18632C351EF49C9D0010A3BB /* SystraceSection.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0D51E03699D0018521A /* SystraceSection.h */; };
-		18632C521EF4B0030010A3BB /* RCTBridgeDelegate.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 1482F9E61B55B927000ADFF3 /* RCTBridgeDelegate.h */; };
-		18632C531EF4B0030010A3BB /* RCTBridgeMethod.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13AFBCA11C07287B00BBAEAA /* RCTBridgeMethod.h */; };
-		18632C541EF4B0030010A3BB /* RCTBridgeModule.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 830213F31A654E0800B993E6 /* RCTBridgeModule.h */; };
-		18632C551EF4B0030010A3BB /* RCTBundleURLProvider.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 68EFE4EC1CF6EB3000A1DE13 /* RCTBundleURLProvider.h */; };
-		18632C561EF4B0030010A3BB /* RCTConvert.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBACA1A6023D300E9B192 /* RCTConvert.h */; };
-		18632C571EF4B0030010A3BB /* RCTDefines.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13AF1F851AE6E777005F5298 /* RCTDefines.h */; };
-		18632C581EF4B0030010A3BB /* RCTDisplayLink.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D1E68D81CABD13900DD7465 /* RCTDisplayLink.h */; };
-		18632C591EF4B0030010A3BB /* RCTErrorCustomizer.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3EDCA8A21D3591E700450C31 /* RCTErrorCustomizer.h */; };
-		18632C5A1EF4B0030010A3BB /* RCTErrorInfo.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3EDCA8A31D3591E700450C31 /* RCTErrorInfo.h */; };
-		18632C5B1EF4B0030010A3BB /* RCTEventDispatcher.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA651A601EF300E9B192 /* RCTEventDispatcher.h */; };
-		18632C5C1EF4B0030010A3BB /* RCTFrameUpdate.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 1436DD071ADE7AA000A5ED7D /* RCTFrameUpdate.h */; };
-		18632C5D1EF4B0030010A3BB /* RCTImageSource.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13BB3D001BECD54500932C10 /* RCTImageSource.h */; };
-		18632C5E1EF4B0030010A3BB /* RCTInvalidating.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4C1A601E3B00E9B192 /* RCTInvalidating.h */; };
-		18632C5F1EF4B0030010A3BB /* RCTJavaScriptExecutor.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA631A601ECA00E9B192 /* RCTJavaScriptExecutor.h */; };
-		18632C601EF4B0030010A3BB /* RCTJavaScriptLoader.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14200DA81AC179B3008EE6BA /* RCTJavaScriptLoader.h */; };
-		18632C621EF4B0030010A3BB /* RCTJSStackFrame.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 008341F51D1DB34400876D9A /* RCTJSStackFrame.h */; };
-		18632C641EF4B0030010A3BB /* RCTLog.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4D1A601E3B00E9B192 /* RCTLog.h */; };
-		18632C651EF4B0030010A3BB /* RCTModuleData.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14C2CA721B3AC64300E6CBB2 /* RCTModuleData.h */; };
-		18632C661EF4B0030010A3BB /* RCTModuleMethod.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14C2CA6F1B3AC63800E6CBB2 /* RCTModuleMethod.h */; };
-		18632C671EF4B0030010A3BB /* RCTMultipartDataTask.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 006FC4121D9B20820057AAAD /* RCTMultipartDataTask.h */; };
-		18632C681EF4B0030010A3BB /* RCTMultipartStreamReader.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 001BFCCE1D8381DE008E587E /* RCTMultipartStreamReader.h */; };
-		18632C691EF4B0030010A3BB /* RCTNullability.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13A6E20F1C19ABC700845B82 /* RCTNullability.h */; };
-		18632C6A1EF4B0030010A3BB /* RCTParserUtils.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13A6E20C1C19AA0C00845B82 /* RCTParserUtils.h */; };
-		18632C6B1EF4B0030010A3BB /* RCTPerformanceLogger.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 142014181B32094000CC17BA /* RCTPerformanceLogger.h */; };
-		18632C6C1EF4B0030010A3BB /* RCTPlatform.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D7749421DC1065C007EC8D8 /* RCTPlatform.h */; };
-		18632C6E1EF4B0030010A3BB /* RCTRootContentView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 59A7B9FB1E577DBF0068EDBF /* RCTRootContentView.h */; };
-		18632C6F1EF4B0030010A3BB /* RCTRootView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 830A229C1A66C68A008503DA /* RCTRootView.h */; };
-		18632C701EF4B0030010A3BB /* RCTRootViewDelegate.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13AFBCA21C07287B00BBAEAA /* RCTRootViewDelegate.h */; };
-		18632C711EF4B0030010A3BB /* RCTRootViewInternal.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 6A15FB0C1BDF663500531DFB /* RCTRootViewInternal.h */; };
-		18632C721EF4B0030010A3BB /* RCTTouchEvent.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 391E86A31C623EC800009732 /* RCTTouchEvent.h */; };
-		18632C751EF4B0030010A3BB /* RCTUIKit.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 6BF8B4B21EC550F500061E2F /* RCTUIKit.h */; };
-		18632C761EF4B0030010A3BB /* RCTURLRequestDelegate.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 1345A83A1B265A0E00583190 /* RCTURLRequestDelegate.h */; };
-		18632C771EF4B0030010A3BB /* RCTURLRequestHandler.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 1345A83B1B265A0E00583190 /* RCTURLRequestHandler.h */; };
-		18632C781EF4B0030010A3BB /* RCTUtils.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4F1A601E3B00E9B192 /* RCTUtils.h */; };
-		18632C7F1EF4B0030010A3BB /* RCTCxxMethod.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13134C7E1E296B2A00B9F3CB /* RCTCxxMethod.h */; };
-		18632C811EF4B0030010A3BB /* RCTCxxUtils.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13134C821E296B2A00B9F3CB /* RCTCxxUtils.h */; };
-		18632C821EF4B0030010A3BB /* RCTFollyConvert.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 1304439F1E3FEAA900D93A67 /* RCTFollyConvert.h */; };
-		18632C831EF4B0030010A3BB /* RCTInspectorDevServerHelper.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 657734821EE834C900A0E9EA /* RCTInspectorDevServerHelper.h */; };
-		18632C841EF4B0030010A3BB /* RCTDevLoadingView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13A0C2851B74F71200B29F6F /* RCTDevLoadingView.h */; };
-		18632C851EF4B0030010A3BB /* RCTDevMenu.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13A0C2871B74F71200B29F6F /* RCTDevMenu.h */; };
-		18632C861EF4B0030010A3BB /* RCTPackagerClient.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D7BFD0B1EA8E351008DFB7A /* RCTPackagerClient.h */; };
-		18632C871EF4B0030010A3BB /* RCTPackagerConnection.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D7BFD0F1EA8E351008DFB7A /* RCTPackagerConnection.h */; };
-		18632C8A1EF4B0030010A3BB /* RCTInspector.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 6577348A1EE8354A00A0E9EA /* RCTInspector.h */; };
-		18632C8B1EF4B0030010A3BB /* RCTInspectorPackagerConnection.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 6577348C1EE8354A00A0E9EA /* RCTInspectorPackagerConnection.h */; };
-		18632C8D1EF4B0030010A3BB /* RCTAlertManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13B07FE71A69327A00A75B9A /* RCTAlertManager.h */; };
-		18632C8F1EF4B0030010A3BB /* RCTAsyncLocalStorage.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 58114A4F1AAE93D500E7D092 /* RCTAsyncLocalStorage.h */; };
-		18632C901EF4B0030010A3BB /* RCTClipboard.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13D033611C1837FE0021DC29 /* RCTClipboard.h */; };
-		18632C921EF4B0030010A3BB /* RCTDevSettings.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 130E3D861E6A082100ACE484 /* RCTDevSettings.h */; };
-		18632C931EF4B0030010A3BB /* RCTEventEmitter.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13D9FEE91CDCCECF00158BD7 /* RCTEventEmitter.h */; };
-		18632C941EF4B0030010A3BB /* RCTExceptionsManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13B07FE91A69327A00A75B9A /* RCTExceptionsManager.h */; };
-		18632C951EF4B0030010A3BB /* RCTI18nManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = B233E6E81D2D843200BC68BA /* RCTI18nManager.h */; };
-		18632C961EF4B0030010A3BB /* RCTI18nUtil.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 352DCFEE1D19F4C20056D623 /* RCTI18nUtil.h */; };
-		18632C981EF4B0040010A3BB /* RCTKeyboardObserver.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13D9FEEC1CDCD93000158BD7 /* RCTKeyboardObserver.h */; };
-		18632C991EF4B0040010A3BB /* RCTRedBox.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13F17A831B8493E5007D4C75 /* RCTRedBox.h */; };
-		18632C9A1EF4B0040010A3BB /* RCTSourceCode.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 000E6CE91AB0E97F000CDF4D /* RCTSourceCode.h */; };
-		18632C9C1EF4B0040010A3BB /* RCTTiming.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13B07FED1A69327A00A75B9A /* RCTTiming.h */; };
-		18632C9E1EF4B0040010A3BB /* RCTUIManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13E067481A70F434002CDEE1 /* RCTUIManager.h */; };
-		18632C9F1EF4B0040010A3BB /* RCTUIManagerObserverCoordinator.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 59EB6DB91EBD6FC90072A5E7 /* RCTUIManagerObserverCoordinator.h */; };
-		18632CA11EF4B0040010A3BB /* RCTMacros.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14BF71811C04795500C97D0C /* RCTMacros.h */; };
-		18632CA21EF4B0040010A3BB /* RCTProfile.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 1450FF801BCFF28A00208362 /* RCTProfile.h */; };
-		18632CA31EF4B0040010A3BB /* RCTActivityIndicatorView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = B95154301D1B34B200FE7B80 /* RCTActivityIndicatorView.h */; };
-		18632CA41EF4B0040010A3BB /* RCTActivityIndicatorViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13B080181A69489C00A75B9A /* RCTActivityIndicatorViewManager.h */; };
-		18632CA51EF4B0040010A3BB /* RCTAnimationType.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13442BF21AA90E0B0037E5B0 /* RCTAnimationType.h */; };
-		18632CA61EF4B0040010A3BB /* RCTAutoInsetsProtocol.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13C325261AA63B6A0048765F /* RCTAutoInsetsProtocol.h */; };
-		18632CA71EF4B0040010A3BB /* RCTBorderDrawing.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13CC8A801B17642100940AE7 /* RCTBorderDrawing.h */; };
-		18632CA81EF4B0040010A3BB /* RCTBorderStyle.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = ACDD3FDA1BC7430D00E7DE33 /* RCTBorderStyle.h */; };
-		18632CA91EF4B0040010A3BB /* RCTComponent.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13C325281AA63B6A0048765F /* RCTComponent.h */; };
-		18632CAA1EF4B0040010A3BB /* RCTComponentData.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13AB90BF1B6FA36700713B4F /* RCTComponentData.h */; };
-		18632CAB1EF4B0040010A3BB /* RCTConvert+CoreLocation.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13456E911ADAD2DE009F94A7 /* RCTConvert+CoreLocation.h */; };
-		18632CAC1EF4B0040010A3BB /* RCTConvert+Transform.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 130443C31E401A8C00D93A67 /* RCTConvert+Transform.h */; };
-		18632CAD1EF4B0040010A3BB /* RCTDatePicker.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 133CAE8C1B8E5CFD00F6AD92 /* RCTDatePicker.h */; };
-		18632CAE1EF4B0040010A3BB /* RCTDatePickerManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 58C571C01AA56C1900CDF9C8 /* RCTDatePickerManager.h */; };
-		18632CAF1EF4B0040010A3BB /* RCTFont.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D37B5801D522B190042D5B5 /* RCTFont.h */; };
-		18632CB71EF4B0040010A3BB /* RCTPicker.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 58114A121AAE854800E7D092 /* RCTPicker.h */; };
-		18632CB81EF4B0040010A3BB /* RCTPickerManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 58114A141AAE854800E7D092 /* RCTPickerManager.h */; };
-		18632CB91EF4B0040010A3BB /* RCTPointerEvents.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13442BF31AA90E0B0037E5B0 /* RCTPointerEvents.h */; };
-		18632CBD1EF4B0040010A3BB /* RCTRootShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13BCE8071C99CB9D00DD7AAD /* RCTRootShadowView.h */; };
-		18632CC51EF4B0040010A3BB /* RCTShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13E0674B1A70F44B002CDEE1 /* RCTShadowView.h */; };
-		18632CC61EF4B0040010A3BB /* RCTShadowView+Layout.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 590D7BFB1EBD458B00D8A370 /* RCTShadowView+Layout.h */; };
-		18632CCF1EF4B0040010A3BB /* RCTTextDecorationLineType.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = E3BBC8EB1ADE6F47001BBD81 /* RCTTextDecorationLineType.h */; };
-		18632CD11EF4B0040010A3BB /* RCTView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13E0674F1A70F44B002CDEE1 /* RCTView.h */; };
-		18632CD31EF4B0040010A3BB /* RCTViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13E0674D1A70F44B002CDEE1 /* RCTViewManager.h */; };
-		18632CD71EF4B0040010A3BB /* UIView+Private.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83F15A171B7CC46900F10295 /* UIView+Private.h */; };
-		18632CD81EF4B0040010A3BB /* UIView+React.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13E067531A70F44B002CDEE1 /* UIView+React.h */; };
-		187682D62023E243005F19DF /* RCTTouchHandler.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA961A6020BB00E9B192 /* RCTTouchHandler.h */; };
-		1879ECFA21E85F0D00D98372 /* RCTDynamicColor.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 1821ACE521E7D86A00B151F7 /* RCTDynamicColor.h */; };
-		1880E9571EF841CA00E5AABD /* RCTImageLoader.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA0831DE4F3A000E03CC6 /* RCTImageLoader.h */; };
-		1880E9581EF841DF00E5AABD /* RCTImageLoader.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA0831DE4F3A000E03CC6 /* RCTImageLoader.h */; };
-		188202831EF48BF000C9B354 /* bignum-dtoa.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E3A1E25C5A300323FB7 /* bignum-dtoa.h */; };
-		188202851EF48BF000C9B354 /* bignum.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E3C1E25C5A300323FB7 /* bignum.h */; };
-		188202871EF48BF000C9B354 /* cached-powers.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E3E1E25C5A300323FB7 /* cached-powers.h */; };
-		188202891EF48BF000C9B354 /* diy-fp.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E401E25C5A300323FB7 /* diy-fp.h */; };
-		1882028B1EF48BF000C9B354 /* double-conversion.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E421E25C5A300323FB7 /* double-conversion.h */; };
-		1882028D1EF48BF000C9B354 /* fast-dtoa.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E441E25C5A300323FB7 /* fast-dtoa.h */; };
-		1882028F1EF48BF000C9B354 /* fixed-dtoa.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E461E25C5A300323FB7 /* fixed-dtoa.h */; };
-		188202901EF48BF000C9B354 /* ieee.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E471E25C5A300323FB7 /* ieee.h */; };
-		188202921EF48BF000C9B354 /* strtod.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E491E25C5A300323FB7 /* strtod.h */; };
-		188202931EF48BF000C9B354 /* utils.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E4A1E25C5A300323FB7 /* utils.h */; };
-		188202941EF48CAE00C9B354 /* bignum-dtoa.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E3A1E25C5A300323FB7 /* bignum-dtoa.h */; };
-		188202951EF48CAE00C9B354 /* bignum.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E3C1E25C5A300323FB7 /* bignum.h */; };
-		188202961EF48CAE00C9B354 /* cached-powers.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E3E1E25C5A300323FB7 /* cached-powers.h */; };
-		188202971EF48CAE00C9B354 /* diy-fp.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E401E25C5A300323FB7 /* diy-fp.h */; };
-		188202981EF48CAE00C9B354 /* double-conversion.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E421E25C5A300323FB7 /* double-conversion.h */; };
-		188202991EF48CAE00C9B354 /* fast-dtoa.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E441E25C5A300323FB7 /* fast-dtoa.h */; };
-		1882029A1EF48CAE00C9B354 /* fixed-dtoa.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E461E25C5A300323FB7 /* fixed-dtoa.h */; };
-		1882029B1EF48CAE00C9B354 /* ieee.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E471E25C5A300323FB7 /* ieee.h */; };
-		1882029C1EF48CAE00C9B354 /* strtod.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E491E25C5A300323FB7 /* strtod.h */; };
-		1882029D1EF48CAE00C9B354 /* utils.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E4A1E25C5A300323FB7 /* utils.h */; };
-		188527911EF330440036F2B5 /* RCTUIKit.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 6BF8B4B21EC550F500061E2F /* RCTUIKit.h */; };
-		1893C5091FB0D9C000D66838 /* RCTBridge+Cxx.h in Headers */ = {isa = PBXBuildFile; fileRef = 1893C5051FB0D9A300D66838 /* RCTBridge+Cxx.h */; };
-		1893C50A1FB0D9C100D66838 /* RCTBridge+Cxx.h in Headers */ = {isa = PBXBuildFile; fileRef = 1893C5051FB0D9A300D66838 /* RCTBridge+Cxx.h */; };
-		1893C50D1FB0DD5E00D66838 /* RCTBridge+Cxx.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 1893C5051FB0D9A300D66838 /* RCTBridge+Cxx.h */; };
-		1893C50E1FB0DD6600D66838 /* RCTBridge+Cxx.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 1893C5051FB0D9A300D66838 /* RCTBridge+Cxx.h */; };
-		1893C50F1FB0DD6F00D66838 /* RCTBridge+Cxx.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 1893C5051FB0D9A300D66838 /* RCTBridge+Cxx.h */; };
-		1897274D2141CC68002A4E2A /* RCTAssert.m in Sources */ = {isa = PBXBuildFile; fileRef = 83CBBA4B1A601E3B00E9B192 /* RCTAssert.m */; };
-		1897274E2141CC6C002A4E2A /* RCTBridge.m in Sources */ = {isa = PBXBuildFile; fileRef = 83CBBA5F1A601EAA00E9B192 /* RCTBridge.m */; };
-		1897274F2141CC77002A4E2A /* RCTBridge+Cxx.mm in Sources */ = {isa = PBXBuildFile; fileRef = 1893C5061FB0D9A300D66838 /* RCTBridge+Cxx.mm */; };
-		189727502141CC78002A4E2A /* RCTBridge+Cxx.mm in Sources */ = {isa = PBXBuildFile; fileRef = 1893C5061FB0D9A300D66838 /* RCTBridge+Cxx.mm */; };
-		189727512141CC78002A4E2A /* RCTBridge+Cxx.mm in Sources */ = {isa = PBXBuildFile; fileRef = 1893C5061FB0D9A300D66838 /* RCTBridge+Cxx.mm */; };
-		189727522141CC82002A4E2A /* RCTBundleURLProvider.m in Sources */ = {isa = PBXBuildFile; fileRef = 68EFE4ED1CF6EB3900A1DE13 /* RCTBundleURLProvider.m */; };
-		189727532141CC85002A4E2A /* RCTConvert.m in Sources */ = {isa = PBXBuildFile; fileRef = 83CBBACB1A6023D300E9B192 /* RCTConvert.m */; };
-		189727542141CC88002A4E2A /* RCTCxxConvert.m in Sources */ = {isa = PBXBuildFile; fileRef = C60128AA1F3D1258009DF9FF /* RCTCxxConvert.m */; };
-		189727552141CC8C002A4E2A /* RCTDisplayLink.m in Sources */ = {isa = PBXBuildFile; fileRef = 3D1E68D91CABD13900DD7465 /* RCTDisplayLink.m */; };
-		189727562141CC8F002A4E2A /* RCTEventDispatcher.m in Sources */ = {isa = PBXBuildFile; fileRef = 83CBBA661A601EF300E9B192 /* RCTEventDispatcher.m */; };
-		189727572141CC93002A4E2A /* RCTFrameUpdate.m in Sources */ = {isa = PBXBuildFile; fileRef = 14C2CA751B3AC64F00E6CBB2 /* RCTFrameUpdate.m */; };
-		189727582141CC95002A4E2A /* RCTImageSource.m in Sources */ = {isa = PBXBuildFile; fileRef = 13BB3D011BECD54500932C10 /* RCTImageSource.m */; };
-		189727592141CC99002A4E2A /* RCTJavaScriptLoader.mm in Sources */ = {isa = PBXBuildFile; fileRef = AC70D2E81DE489E4002E6351 /* RCTJavaScriptLoader.mm */; };
-		1897275A2141CC9C002A4E2A /* (null) in Sources */ = {isa = PBXBuildFile; };
-		1897275B2141CCA1002A4E2A /* RCTJSStackFrame.m in Sources */ = {isa = PBXBuildFile; fileRef = 008341F41D1DB34400876D9A /* RCTJSStackFrame.m */; };
-		1897275C2141CCA4002A4E2A /* RCTKeyCommands.m in Sources */ = {isa = PBXBuildFile; fileRef = 13A1F71D1A75392D00D3D453 /* RCTKeyCommands.m */; };
-		1897275D2141CCA7002A4E2A /* RCTLog.mm in Sources */ = {isa = PBXBuildFile; fileRef = 83CBBA4E1A601E3B00E9B192 /* RCTLog.mm */; };
-		1897275E2141CCAA002A4E2A /* RCTManagedPointer.mm in Sources */ = {isa = PBXBuildFile; fileRef = C60669351F3CCF1B00E67165 /* RCTManagedPointer.mm */; };
-		1897275F2141CCAE002A4E2A /* RCTModuleData.mm in Sources */ = {isa = PBXBuildFile; fileRef = 14C2CA731B3AC64300E6CBB2 /* RCTModuleData.mm */; };
-		189727602141CCB3002A4E2A /* RCTModuleMethod.mm in Sources */ = {isa = PBXBuildFile; fileRef = C606692D1F3CC60500E67165 /* RCTModuleMethod.mm */; };
-		189727612141CCB6002A4E2A /* RCTMultipartDataTask.m in Sources */ = {isa = PBXBuildFile; fileRef = 006FC4131D9B20820057AAAD /* RCTMultipartDataTask.m */; };
-		189727622141CCB9002A4E2A /* RCTMultipartStreamReader.m in Sources */ = {isa = PBXBuildFile; fileRef = 001BFCCF1D8381DE008E587E /* RCTMultipartStreamReader.m */; };
-		189727632141CCBC002A4E2A /* RCTParserUtils.m in Sources */ = {isa = PBXBuildFile; fileRef = 13A6E20D1C19AA0C00845B82 /* RCTParserUtils.m */; };
-		189727642141CCBF002A4E2A /* RCTPerformanceLogger.m in Sources */ = {isa = PBXBuildFile; fileRef = 142014171B32094000CC17BA /* RCTPerformanceLogger.m */; };
-		189727652141CCC3002A4E2A /* RCTPlatform.m in Sources */ = {isa = PBXBuildFile; fileRef = 3D7749431DC1065C007EC8D8 /* RCTPlatform.m */; };
-		189727662141CCC7002A4E2A /* RCTReloadCommand.m in Sources */ = {isa = PBXBuildFile; fileRef = A2440AA11DF8D854006E7BFC /* RCTReloadCommand.m */; };
-		189727672141CCC9002A4E2A /* RCTRootContentView.m in Sources */ = {isa = PBXBuildFile; fileRef = 59A7B9FC1E577DBF0068EDBF /* RCTRootContentView.m */; };
-		189727682141CCCC002A4E2A /* RCTRootView.m in Sources */ = {isa = PBXBuildFile; fileRef = 830A229D1A66C68A008503DA /* RCTRootView.m */; };
-		189727692141CCD0002A4E2A /* RCTTouchEvent.m in Sources */ = {isa = PBXBuildFile; fileRef = 391E86A21C623EC800009732 /* RCTTouchEvent.m */; };
-		1897276A2141CCD3002A4E2A /* RCTTouchHandler.m in Sources */ = {isa = PBXBuildFile; fileRef = 83CBBA971A6020BB00E9B192 /* RCTTouchHandler.m */; };
-		1897276B2141CCDB002A4E2A /* RCTTVRemoteHandler.m in Sources */ = {isa = PBXBuildFile; fileRef = 3D0B84291EC0B49400B2BD8E /* RCTTVRemoteHandler.m */; };
-		1897276C2141CCE0002A4E2A /* RCTUtils.m in Sources */ = {isa = PBXBuildFile; fileRef = 83CBBA501A601E3B00E9B192 /* RCTUtils.m */; };
-		1897276D2141CCE3002A4E2A /* RCTVersion.m in Sources */ = {isa = PBXBuildFile; fileRef = 39C50FFA2046EE3500CEE534 /* RCTVersion.m */; };
-		1897276E2141CCE9002A4E2A /* RCTSurface.mm in Sources */ = {isa = PBXBuildFile; fileRef = 599FAA2B1FB274970058CCF6 /* RCTSurface.mm */; };
-		1897276F2141CCEC002A4E2A /* RCTSurfaceRootShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 599FAA2E1FB274970058CCF6 /* RCTSurfaceRootShadowView.m */; };
-		189727702141CCF0002A4E2A /* RCTSurfaceRootView.mm in Sources */ = {isa = PBXBuildFile; fileRef = 599FAA311FB274970058CCF6 /* RCTSurfaceRootView.mm */; };
-		189727712141CCF3002A4E2A /* RCTSurfaceStage.m in Sources */ = {isa = PBXBuildFile; fileRef = 59283C9F1FD67320000EAAB9 /* RCTSurfaceStage.m */; };
-		189727722141CCF8002A4E2A /* RCTSurfaceView.mm in Sources */ = {isa = PBXBuildFile; fileRef = 599FAA351FB274970058CCF6 /* RCTSurfaceView.mm */; };
-		189727732141CCFE002A4E2A /* RCTSurfaceHostingView.mm in Sources */ = {isa = PBXBuildFile; fileRef = 594F0A301FD23228007FBE96 /* RCTSurfaceHostingView.mm */; };
-		189727742141CD01002A4E2A /* RCTSurfaceSizeMeasureMode.mm in Sources */ = {isa = PBXBuildFile; fileRef = 5925356920084D0600DD584B /* RCTSurfaceSizeMeasureMode.mm */; };
-		189727752141CD08002A4E2A /* NSDataBigString.mm in Sources */ = {isa = PBXBuildFile; fileRef = 3D7AA9C31E548CD5001955CF /* NSDataBigString.mm */; };
-		189727762141CD0C002A4E2A /* RCTCxxBridge.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13134C741E296B2A00B9F3CB /* RCTCxxBridge.mm */; };
-		189727772141CD10002A4E2A /* (null) in Sources */ = {isa = PBXBuildFile; };
-		189727782141CD13002A4E2A /* RCTMessageThread.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13134C781E296B2A00B9F3CB /* RCTMessageThread.mm */; };
-		189727792141CD16002A4E2A /* RCTObjcExecutor.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13134C7C1E296B2A00B9F3CB /* RCTObjcExecutor.mm */; };
-		1897277A2141CD1C002A4E2A /* RCTNativeModule.mm in Sources */ = {isa = PBXBuildFile; fileRef = 1384E2071E806D4E00545659 /* RCTNativeModule.mm */; };
-		1897277B2141CD1F002A4E2A /* RCTCxxMethod.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13134C7F1E296B2A00B9F3CB /* RCTCxxMethod.mm */; };
-		1897277C2141CD22002A4E2A /* RCTCxxModule.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13134C811E296B2A00B9F3CB /* RCTCxxModule.mm */; };
-		1897277D2141CD25002A4E2A /* RCTCxxUtils.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13134C831E296B2A00B9F3CB /* RCTCxxUtils.mm */; };
-		1897277E2141CD2A002A4E2A /* RCTFollyConvert.mm in Sources */ = {isa = PBXBuildFile; fileRef = 130443A01E3FEAA900D93A67 /* RCTFollyConvert.mm */; };
-		1897277F2141CD30002A4E2A /* RCTInspectorDevServerHelper.mm in Sources */ = {isa = PBXBuildFile; fileRef = 657734831EE834C900A0E9EA /* RCTInspectorDevServerHelper.mm */; };
-		189727802141CD33002A4E2A /* RCTDevLoadingView.m in Sources */ = {isa = PBXBuildFile; fileRef = 13A0C2861B74F71200B29F6F /* RCTDevLoadingView.m */; };
-		189727812141CD37002A4E2A /* RCTDevMenu.m in Sources */ = {isa = PBXBuildFile; fileRef = 13A0C2881B74F71200B29F6F /* RCTDevMenu.m */; };
-		189727822141CD3A002A4E2A /* RCTPackagerClient.m in Sources */ = {isa = PBXBuildFile; fileRef = 3D7BFD0C1EA8E351008DFB7A /* RCTPackagerClient.m */; };
-		189727832141CD3D002A4E2A /* RCTPackagerConnection.mm in Sources */ = {isa = PBXBuildFile; fileRef = 3D7BFD101EA8E351008DFB7A /* RCTPackagerConnection.mm */; };
-		189727842141CD41002A4E2A /* RCTInspector.mm in Sources */ = {isa = PBXBuildFile; fileRef = 6577348B1EE8354A00A0E9EA /* RCTInspector.mm */; };
-		189727852141CD44002A4E2A /* RCTInspectorPackagerConnection.m in Sources */ = {isa = PBXBuildFile; fileRef = 6577348D1EE8354A00A0E9EA /* RCTInspectorPackagerConnection.m */; };
-		189727862141CD4B002A4E2A /* RCTAccessibilityManager.m in Sources */ = {isa = PBXBuildFile; fileRef = E9B20B7A1B500126007A2DA7 /* RCTAccessibilityManager.m */; };
-		189727872141CD51002A4E2A /* RCTAlertManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FE81A69327A00A75B9A /* RCTAlertManager.m */; };
-		189727882141CD59002A4E2A /* RCTAppState.m in Sources */ = {isa = PBXBuildFile; fileRef = 1372B7091AB030C200659ED6 /* RCTAppState.m */; };
-		189727892141CD5D002A4E2A /* RCTAsyncLocalStorage.m in Sources */ = {isa = PBXBuildFile; fileRef = 58114A4E1AAE93D500E7D092 /* RCTAsyncLocalStorage.m */; };
-		1897278A2141CD62002A4E2A /* RCTClipboard.m in Sources */ = {isa = PBXBuildFile; fileRef = 13D033621C1837FE0021DC29 /* RCTClipboard.m */; };
-		1897278C2141CD66002A4E2A /* RCTDeviceInfo.m in Sources */ = {isa = PBXBuildFile; fileRef = CF2731BF1E7B8DE40044CA4F /* RCTDeviceInfo.m */; };
-		1897278D2141CD6A002A4E2A /* RCTDevSettings.mm in Sources */ = {isa = PBXBuildFile; fileRef = 130E3D871E6A082100ACE484 /* RCTDevSettings.mm */; };
-		1897278E2141CD6D002A4E2A /* RCTEventEmitter.m in Sources */ = {isa = PBXBuildFile; fileRef = 13D9FEEA1CDCCECF00158BD7 /* RCTEventEmitter.m */; };
-		1897278F2141CD70002A4E2A /* RCTExceptionsManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FEA1A69327A00A75B9A /* RCTExceptionsManager.m */; };
-		189727902141CD74002A4E2A /* RCTI18nManager.m in Sources */ = {isa = PBXBuildFile; fileRef = B233E6E91D2D845D00BC68BA /* RCTI18nManager.m */; };
-		189727912141CD78002A4E2A /* RCTI18nUtil.m in Sources */ = {isa = PBXBuildFile; fileRef = 352DCFEF1D19F4C20056D623 /* RCTI18nUtil.m */; };
-		189727922141CD7B002A4E2A /* (null) in Sources */ = {isa = PBXBuildFile; };
-		189727932141CD7E002A4E2A /* RCTKeyboardObserver.m in Sources */ = {isa = PBXBuildFile; fileRef = 13D9FEED1CDCD93000158BD7 /* RCTKeyboardObserver.m */; };
-		189727942141CD81002A4E2A /* RCTLayoutAnimation.m in Sources */ = {isa = PBXBuildFile; fileRef = 5960C1B21F0804A00066FD5B /* RCTLayoutAnimation.m */; };
-		189727952141CD83002A4E2A /* RCTLayoutAnimationGroup.m in Sources */ = {isa = PBXBuildFile; fileRef = 5960C1B41F0804A00066FD5B /* RCTLayoutAnimationGroup.m */; };
-		189727962141CD86002A4E2A /* RCTRedBox.m in Sources */ = {isa = PBXBuildFile; fileRef = 13F17A841B8493E5007D4C75 /* RCTRedBox.m */; };
-		189727972141CD8A002A4E2A /* RCTRedBoxExtraDataViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = FEFAAC9C1FDB89B40057BBE0 /* RCTRedBoxExtraDataViewController.m */; };
-		189727982141CD8D002A4E2A /* RCTSourceCode.m in Sources */ = {isa = PBXBuildFile; fileRef = 000E6CEA1AB0E980000CDF4D /* RCTSourceCode.m */; };
-		189727992141CD90002A4E2A /* RCTStatusBarManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13723B4F1A82FD3C00F88898 /* RCTStatusBarManager.m */; };
-		1897279A2141CD94002A4E2A /* RCTTiming.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FEE1A69327A00A75B9A /* RCTTiming.m */; };
-		1897279B2141CD99002A4E2A /* RCTTVNavigationEventEmitter.m in Sources */ = {isa = PBXBuildFile; fileRef = 3D0B842E1EC0B51200B2BD8E /* RCTTVNavigationEventEmitter.m */; };
-		1897279C2141CD9E002A4E2A /* RCTUIManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E067491A70F434002CDEE1 /* RCTUIManager.m */; };
-		1897279D2141CDA0002A4E2A /* RCTUIManagerObserverCoordinator.mm in Sources */ = {isa = PBXBuildFile; fileRef = 59EB6DBA1EBD6FC90072A5E7 /* RCTUIManagerObserverCoordinator.mm */; };
-		1897279E2141CDA4002A4E2A /* RCTUIManagerUtils.m in Sources */ = {isa = PBXBuildFile; fileRef = 59500D421F71C63F00B122B7 /* RCTUIManagerUtils.m */; };
-		1897279F2141CDA9002A4E2A /* RCTFPSGraph.m in Sources */ = {isa = PBXBuildFile; fileRef = 14F7A0EF1BDA714B003C6C10 /* RCTFPSGraph.m */; };
-		189727A02141CDAB002A4E2A /* RCTPerfMonitor.m in Sources */ = {isa = PBXBuildFile; fileRef = 14F7A0EB1BDA3B3C003C6C10 /* RCTPerfMonitor.m */; };
-		189727A12141CDAF002A4E2A /* RCTProfile.m in Sources */ = {isa = PBXBuildFile; fileRef = 1450FF811BCFF28A00208362 /* RCTProfile.m */; };
-		189727A22141CDBE002A4E2A /* RCTProfileTrampoline-arm.S in Sources */ = {isa = PBXBuildFile; fileRef = 1450FF821BCFF28A00208362 /* RCTProfileTrampoline-arm.S */; };
-		189727A32141CDBE002A4E2A /* RCTProfileTrampoline-arm64.S in Sources */ = {isa = PBXBuildFile; fileRef = 1450FF831BCFF28A00208362 /* RCTProfileTrampoline-arm64.S */; };
-		189727A42141CDC7002A4E2A /* RCTProfileTrampoline-i386.S in Sources */ = {isa = PBXBuildFile; fileRef = 14BF717F1C04793D00C97D0C /* RCTProfileTrampoline-i386.S */; };
-		189727A62141CDCE002A4E2A /* RCTProfileTrampoline-x86_64.S in Sources */ = {isa = PBXBuildFile; fileRef = 1450FF851BCFF28A00208362 /* RCTProfileTrampoline-x86_64.S */; };
-		189727A72141CDD6002A4E2A /* RCTUIUtils.m in Sources */ = {isa = PBXBuildFile; fileRef = F1EFDA4E201F660F00EE6E4C /* RCTUIUtils.m */; };
-		189727A82141CDDC002A4E2A /* RCTActivityIndicatorView.m in Sources */ = {isa = PBXBuildFile; fileRef = B95154311D1B34B200FE7B80 /* RCTActivityIndicatorView.m */; };
-		189727A92141CDDF002A4E2A /* RCTActivityIndicatorViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B080191A69489C00A75B9A /* RCTActivityIndicatorViewManager.m */; };
-		189727AA2141CDE3002A4E2A /* RCTBorderDrawing.m in Sources */ = {isa = PBXBuildFile; fileRef = 13CC8A811B17642100940AE7 /* RCTBorderDrawing.m */; };
-		189727AB2141CDE7002A4E2A /* RCTComponentData.m in Sources */ = {isa = PBXBuildFile; fileRef = 13AB90C01B6FA36700713B4F /* RCTComponentData.m */; };
-		189727AC2141CDEA002A4E2A /* RCTConvert+CoreLocation.m in Sources */ = {isa = PBXBuildFile; fileRef = 13456E921ADAD2DE009F94A7 /* RCTConvert+CoreLocation.m */; };
-		189727AD2141CDEF002A4E2A /* RCTConvert+Transform.m in Sources */ = {isa = PBXBuildFile; fileRef = 130443C41E401A8C00D93A67 /* RCTConvert+Transform.m */; };
-		189727B12141CE0F002A4E2A /* RCTDatePickerManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 58C571BF1AA56C1900CDF9C8 /* RCTDatePickerManager.m */; };
-		189727B22141CE13002A4E2A /* RCTFont.mm in Sources */ = {isa = PBXBuildFile; fileRef = 3D37B5811D522B190042D5B5 /* RCTFont.mm */; };
-		189727B32141CE17002A4E2A /* RCTLayout.m in Sources */ = {isa = PBXBuildFile; fileRef = 591F78D8202ADB21004A668C /* RCTLayout.m */; };
-		189727B42141CE1A002A4E2A /* RCTMaskedView.m in Sources */ = {isa = PBXBuildFile; fileRef = 66CD94AE1F1045E700CB3C7C /* RCTMaskedView.m */; };
-		189727B52141CE1D002A4E2A /* RCTMaskedViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 66CD94B01F1045E700CB3C7C /* RCTMaskedViewManager.m */; };
-		189727B62141CE20002A4E2A /* RCTModalHostView.m in Sources */ = {isa = PBXBuildFile; fileRef = 83A1FE8B1B62640A00BE0E65 /* RCTModalHostView.m */; };
-		189727B72141CE25002A4E2A /* RCTModalHostViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = 83392EB21B6634E10013B15F /* RCTModalHostViewController.m */; };
-		189727B82141CE28002A4E2A /* RCTModalHostViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 83A1FE8E1B62643A00BE0E65 /* RCTModalHostViewManager.m */; };
-		189727B92141CE2B002A4E2A /* RCTModalManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 91076A871F743AB00081B4FA /* RCTModalManager.m */; };
-		189727BA2141CE2D002A4E2A /* (null) in Sources */ = {isa = PBXBuildFile; };
-		189727BB2141CE30002A4E2A /* (null) in Sources */ = {isa = PBXBuildFile; };
-		189727BC2141CE33002A4E2A /* (null) in Sources */ = {isa = PBXBuildFile; };
-		189727BD2141CE36002A4E2A /* (null) in Sources */ = {isa = PBXBuildFile; };
-		189727C12141CE42002A4E2A /* RCTPickerManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 58114A151AAE854800E7D092 /* RCTPickerManager.m */; };
-		189727C22141CE46002A4E2A /* RCTProgressView.m in Sources */ = {isa = PBXBuildFile; fileRef = 18008F9A2141A922007F325D /* RCTProgressView.m */; };
-		189727C32141CE48002A4E2A /* RCTProgressViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13513F3B1B1F43F400FCE529 /* RCTProgressViewManager.m */; };
-		189727C82141CE5F002A4E2A /* RCTRootShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 13BCE8081C99CB9D00DD7AAD /* RCTRootShadowView.m */; };
-		189727C92141CE62002A4E2A /* RCTSegmentedControl.m in Sources */ = {isa = PBXBuildFile; fileRef = 131B6AF11AF1093D00FFC3E0 /* RCTSegmentedControl.m */; };
-		189727CA2141CE65002A4E2A /* RCTSegmentedControlManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 131B6AF31AF1093D00FFC3E0 /* RCTSegmentedControlManager.m */; };
-		189727CB2141CE68002A4E2A /* RCTShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5335D5401FE81A4700883D58 /* RCTShadowView.m */; };
-		189727CC2141CE6C002A4E2A /* RCTShadowView+Internal.m in Sources */ = {isa = PBXBuildFile; fileRef = 597633341F4E021D005BE8A4 /* RCTShadowView+Internal.m */; };
-		189727CD2141CE6F002A4E2A /* RCTShadowView+Layout.m in Sources */ = {isa = PBXBuildFile; fileRef = 590D7BFC1EBD458B00D8A370 /* RCTShadowView+Layout.m */; };
-		189727D12141CE78002A4E2A /* RCTSliderManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 14F484551AABFCE100FDF6B9 /* RCTSliderManager.m */; };
-		189727D22141CE7B002A4E2A /* RCTSwitch.m in Sources */ = {isa = PBXBuildFile; fileRef = 14F362081AABD06A001CE568 /* RCTSwitch.m */; };
-		189727D42141CE7E002A4E2A /* RCTSwitchManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 14F3620A1AABD06A001CE568 /* RCTSwitchManager.m */; };
-		189727D62141CE81002A4E2A /* (null) in Sources */ = {isa = PBXBuildFile; };
-		189727D72141CE84002A4E2A /* (null) in Sources */ = {isa = PBXBuildFile; };
-		189727D82141CE87002A4E2A /* (null) in Sources */ = {isa = PBXBuildFile; };
-		189727D92141CE8A002A4E2A /* (null) in Sources */ = {isa = PBXBuildFile; };
-		189727DA2141CE8F002A4E2A /* RCTTVView.m in Sources */ = {isa = PBXBuildFile; fileRef = 130443D71E401AD800D93A67 /* RCTTVView.m */; };
-		189727DB2141CE95002A4E2A /* RCTView.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E067501A70F44B002CDEE1 /* RCTView.m */; };
-		189727DC2141CE98002A4E2A /* RCTViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E0674E1A70F44B002CDEE1 /* RCTViewManager.m */; };
-		189727E12141CEA2002A4E2A /* RCTWrapperViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B080241A694A8400A75B9A /* RCTWrapperViewController.m */; };
-		189727E22141CEAA002A4E2A /* RCTSafeAreaShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 59D031E61F8353D3008361F0 /* RCTSafeAreaShadowView.m */; };
-		189727E32141CEAD002A4E2A /* RCTSafeAreaView.m in Sources */ = {isa = PBXBuildFile; fileRef = 59D031E81F8353D3008361F0 /* RCTSafeAreaView.m */; };
-		189727E42141CEB0002A4E2A /* RCTSafeAreaViewLocalData.m in Sources */ = {isa = PBXBuildFile; fileRef = 59D031EA1F8353D3008361F0 /* RCTSafeAreaViewLocalData.m */; };
-		189727E52141CEB3002A4E2A /* RCTSafeAreaViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 59D031EC1F8353D3008361F0 /* RCTSafeAreaViewManager.m */; };
-		189727E62141CEB9002A4E2A /* RCTScrollContentShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 59E6049E1FE9CCE200BD90C5 /* RCTScrollContentShadowView.m */; };
-		189727E72141CEBC002A4E2A /* RCTScrollContentView.m in Sources */ = {isa = PBXBuildFile; fileRef = 59EDBCA01FDF4E0C003573DE /* RCTScrollContentView.m */; };
-		189727E82141CEBF002A4E2A /* RCTScrollContentViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 59E6049D1FE9CCE200BD90C5 /* RCTScrollContentViewManager.m */; };
-		189727E92141CEC1002A4E2A /* RCTScrollView.m in Sources */ = {isa = PBXBuildFile; fileRef = 59EDBCA41FDF4E0C003573DE /* RCTScrollView.m */; };
-		189727EA2141CEC4002A4E2A /* RCTScrollViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 59EDBCA61FDF4E0C003573DE /* RCTScrollViewManager.m */; };
-		189727EB2141CEC8002A4E2A /* UIView+React.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E067541A70F44B002CDEE1 /* UIView+React.m */; };
-		189727EC2141CED3002A4E2A /* (null) in Sources */ = {isa = PBXBuildFile; };
-		189727ED2141CF36002A4E2A /* RCTSlider.m in Sources */ = {isa = PBXBuildFile; fileRef = 13AF20441AE707F9005F5298 /* RCTSlider.m */; };
-		189727EE2141CFF6002A4E2A /* RCTErrorInfo.m in Sources */ = {isa = PBXBuildFile; fileRef = 3EDCA8A41D3591E700450C31 /* RCTErrorInfo.m */; };
-		189727EF2141D041002A4E2A /* (null) in Sources */ = {isa = PBXBuildFile; };
-		189727F02141D066002A4E2A /* InspectorInterfaces.cpp in Sources */ = {isa = PBXBuildFile; fileRef = EBF21BBB1FC498270052F4D5 /* InspectorInterfaces.cpp */; };
-		18B8F97A2143176D00CE911A /* RCTPushNotificationManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA08D1DE4F4EE00E03CC6 /* RCTPushNotificationManager.h */; };
-		18B8F97B2143178C00CE911A /* RCTWebSocketModule.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D0E37891F1CC40000DCAC9F /* RCTWebSocketModule.h */; };
-		18B8F97D21431D5F00CE911A /* RCTPlatformDisplayLink.m in Sources */ = {isa = PBXBuildFile; fileRef = 18B8F97C21431D5F00CE911A /* RCTPlatformDisplayLink.m */; };
-		18B8F97E21431D6900CE911A /* RCTPlatform.m in Sources */ = {isa = PBXBuildFile; fileRef = 6B7049C81EDF81E3005670F5 /* RCTPlatform.m */; };
-		18B8F97F21431D6F00CE911A /* RCTUIKit.m in Sources */ = {isa = PBXBuildFile; fileRef = 6BDE7A171ECA38AC00CC951F /* RCTUIKit.m */; };
-		18B8F9CA214335C800CE911A /* RCTLayout.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 591F78D9202ADB22004A668C /* RCTLayout.h */; };
-		18C2C6712141C955004314E0 /* RCTPlatformDisplayLink.h in Headers */ = {isa = PBXBuildFile; fileRef = 18C2C6702141C955004314E0 /* RCTPlatformDisplayLink.h */; };
-		18C2C6722141C955004314E0 /* RCTPlatformDisplayLink.h in Headers */ = {isa = PBXBuildFile; fileRef = 18C2C6702141C955004314E0 /* RCTPlatformDisplayLink.h */; };
-		18C2C6732141C955004314E0 /* RCTPlatformDisplayLink.h in Headers */ = {isa = PBXBuildFile; fileRef = 18C2C6702141C955004314E0 /* RCTPlatformDisplayLink.h */; };
-		18C2C6742141C99B004314E0 /* RCTPlatformDisplayLink.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 18C2C6702141C955004314E0 /* RCTPlatformDisplayLink.h */; };
-		18C2C6752141C9A8004314E0 /* RCTPlatformDisplayLink.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 18C2C6702141C955004314E0 /* RCTPlatformDisplayLink.h */; };
-		18C2C6762141C9B4004314E0 /* RCTPlatformDisplayLink.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 18C2C6702141C955004314E0 /* RCTPlatformDisplayLink.h */; };
-		18C3A9C21FE1D4AD00DEC48A /* RCTCxxBridgeDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 134D63C21F1FEC4B008872B5 /* RCTCxxBridgeDelegate.h */; };
-		18C3A9C51FE1D7D200DEC48A /* RAMBundleRegistry.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = C6D380181F71D75B00621378 /* RAMBundleRegistry.h */; };
-		18C3A9C61FE1D88400DEC48A /* RCTUIManagerUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = 59500D411F71C63700B122B7 /* RCTUIManagerUtils.h */; };
-		18C3A9C71FE1D8D600DEC48A /* RCTUIManagerUtils.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 59500D411F71C63700B122B7 /* RCTUIManagerUtils.h */; };
-		18D515701EF8424F00B8B02D /* RCTResizeMode.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA0851DE4F3A000E03CC6 /* RCTResizeMode.h */; };
-		18D515711EF8425A00B8B02D /* RCTResizeMode.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA0851DE4F3A000E03CC6 /* RCTResizeMode.h */; };
-		18F3B9A32142EF5A00AD247D /* RCTSurfaceView+Internal.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA331FB274970058CCF6 /* RCTSurfaceView+Internal.h */; };
-		18F3B9A42142EF7800AD247D /* RCTSurfaceView.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA341FB274970058CCF6 /* RCTSurfaceView.h */; };
-		18F3B9A52142EF7C00AD247D /* RCTSurfaceStage.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA321FB274970058CCF6 /* RCTSurfaceStage.h */; };
-		18F3B9A62142EF8200AD247D /* RCTSurfaceRootView.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA301FB274970058CCF6 /* RCTSurfaceRootView.h */; };
-		18F3B9A72142EF8500AD247D /* RCTSurfaceRootShadowViewDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA2F1FB274970058CCF6 /* RCTSurfaceRootShadowViewDelegate.h */; };
-		18F3B9A82142EF8A00AD247D /* RCTSurfaceRootShadowView.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA2D1FB274970058CCF6 /* RCTSurfaceRootShadowView.h */; };
-		18F3B9A92142EF8D00AD247D /* RCTSurfaceDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA2C1FB274970058CCF6 /* RCTSurfaceDelegate.h */; };
-		18F3B9AA2142EF9200AD247D /* RCTSurface.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA2A1FB274970058CCF6 /* RCTSurface.h */; };
-		18F3B9AB2142EF9800AD247D /* RCTSurfaceHostingView.h in Headers */ = {isa = PBXBuildFile; fileRef = 594F0A2F1FD23228007FBE96 /* RCTSurfaceHostingView.h */; };
-		18F3B9AC2142EF9D00AD247D /* RCTSurfaceSizeMeasureMode.h in Headers */ = {isa = PBXBuildFile; fileRef = 594F0A311FD23228007FBE96 /* RCTSurfaceSizeMeasureMode.h */; };
-		18F3B9AF2142F02100AD247D /* RCTCxxConvert.h in Headers */ = {isa = PBXBuildFile; fileRef = C60128A91F3D1258009DF9FF /* RCTCxxConvert.h */; };
-		18F3B9B02142F03200AD247D /* RCTKeyCommands.h in Headers */ = {isa = PBXBuildFile; fileRef = 13A1F71C1A75392D00D3D453 /* RCTKeyCommands.h */; };
-		18F3B9B12142F03C00AD247D /* RCTManagedPointer.h in Headers */ = {isa = PBXBuildFile; fileRef = C654505D1F3BD9280090799B /* RCTManagedPointer.h */; };
-		18F3B9B22142F04700AD247D /* RCTReloadCommand.h in Headers */ = {isa = PBXBuildFile; fileRef = A2440AA01DF8D854006E7BFC /* RCTReloadCommand.h */; };
-		18F3B9B32142F05700AD247D /* RCTVersion.h in Headers */ = {isa = PBXBuildFile; fileRef = 199B8A6E1F44DB16005DEF67 /* RCTVersion.h */; };
-		18F3B9B42142F07400AD247D /* RCTAppState.h in Headers */ = {isa = PBXBuildFile; fileRef = 1372B7081AB030C200659ED6 /* RCTAppState.h */; };
-		18F3B9B52142F07F00AD247D /* RCTLayoutAnimation.h in Headers */ = {isa = PBXBuildFile; fileRef = 5960C1B11F0804A00066FD5B /* RCTLayoutAnimation.h */; };
-		18F3B9B62142F08500AD247D /* RCTLayoutAnimationGroup.h in Headers */ = {isa = PBXBuildFile; fileRef = 5960C1B31F0804A00066FD5B /* RCTLayoutAnimationGroup.h */; };
-		18F3B9B72142F08C00AD247D /* RCTRedBoxExtraDataViewController.h in Headers */ = {isa = PBXBuildFile; fileRef = FEFAAC9D1FDB89B40057BBE0 /* RCTRedBoxExtraDataViewController.h */; };
-		18F3B9B82142F09200AD247D /* RCTStatusBarManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 13723B4E1A82FD3C00F88898 /* RCTStatusBarManager.h */; };
-		18F3B9B92142F09E00AD247D /* RCTFPSGraph.h in Headers */ = {isa = PBXBuildFile; fileRef = 14F7A0EE1BDA714B003C6C10 /* RCTFPSGraph.h */; };
-		18F3B9BA2142F0B400AD247D /* RCTLayout.h in Headers */ = {isa = PBXBuildFile; fileRef = 591F78D9202ADB22004A668C /* RCTLayout.h */; };
-		18F3B9BB2142F0BB00AD247D /* RCTMaskedView.h in Headers */ = {isa = PBXBuildFile; fileRef = 66CD94AD1F1045E700CB3C7C /* RCTMaskedView.h */; };
-		18F3B9BC2142F0C100AD247D /* RCTMaskedViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 66CD94AF1F1045E700CB3C7C /* RCTMaskedViewManager.h */; };
-		18F3B9BD2142F0C600AD247D /* RCTModalHostView.h in Headers */ = {isa = PBXBuildFile; fileRef = 83A1FE8A1B62640A00BE0E65 /* RCTModalHostView.h */; };
-		18F3B9BE2142F0CA00AD247D /* RCTModalHostViewController.h in Headers */ = {isa = PBXBuildFile; fileRef = 83392EB11B6634E10013B15F /* RCTModalHostViewController.h */; };
-		18F3B9BF2142F0CD00AD247D /* RCTModalHostViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 83A1FE8D1B62643A00BE0E65 /* RCTModalHostViewManager.h */; };
-		18F3B9C02142F0D000AD247D /* RCTModalManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 91076A881F743AB00081B4FA /* RCTModalManager.h */; };
-		18F3B9C12142F0D300AD247D /* (null) in Headers */ = {isa = PBXBuildFile; };
-		18F3B9C22142F0D700AD247D /* (null) in Headers */ = {isa = PBXBuildFile; };
-		18F3B9C32142F0DA00AD247D /* (null) in Headers */ = {isa = PBXBuildFile; };
-		18F3B9C42142F0DD00AD247D /* (null) in Headers */ = {isa = PBXBuildFile; };
-		18F3B9C52142F0E500AD247D /* RCTProgressViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 13513F3A1B1F43F400FCE529 /* RCTProgressViewManager.h */; };
-		18F3B9C62142F0E900AD247D /* RCTRefreshControl.h in Headers */ = {isa = PBXBuildFile; fileRef = 191E3EBF1C29DC3800C180A6 /* RCTRefreshControl.h */; };
-		18F3B9C72142F0ED00AD247D /* RCTRefreshControlManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 191E3EBC1C29D9AF00C180A6 /* RCTRefreshControlManager.h */; };
-		18F3B9C82142F0F200AD247D /* RCTSegmentedControl.h in Headers */ = {isa = PBXBuildFile; fileRef = 131B6AF01AF1093D00FFC3E0 /* RCTSegmentedControl.h */; };
-		18F3B9C92142F0F700AD247D /* RCTSegmentedControlManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 131B6AF21AF1093D00FFC3E0 /* RCTSegmentedControlManager.h */; };
-		18F3B9CA2142F0FD00AD247D /* RCTSlider.h in Headers */ = {isa = PBXBuildFile; fileRef = 13AF20431AE707F8005F5298 /* RCTSlider.h */; };
-		18F3B9CB2142F10000AD247D /* RCTSliderManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 14F484541AABFCE100FDF6B9 /* RCTSliderManager.h */; };
-		18F3B9CC2142F10400AD247D /* RCTSwitch.h in Headers */ = {isa = PBXBuildFile; fileRef = 14F362071AABD06A001CE568 /* RCTSwitch.h */; };
-		18F3B9CD2142F10800AD247D /* RCTSwitchManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 14F362091AABD06A001CE568 /* RCTSwitchManager.h */; };
-		18F3B9CE2142F10C00AD247D /* (null) in Headers */ = {isa = PBXBuildFile; };
-		18F3B9CF2142F10F00AD247D /* (null) in Headers */ = {isa = PBXBuildFile; };
-		18F3B9D02142F11200AD247D /* (null) in Headers */ = {isa = PBXBuildFile; };
-		18F3B9D12142F11500AD247D /* (null) in Headers */ = {isa = PBXBuildFile; };
-		18F3B9D22142F12400AD247D /* RCTWrapperViewController.h in Headers */ = {isa = PBXBuildFile; fileRef = 13B080231A694A8400A75B9A /* RCTWrapperViewController.h */; };
-		18F3B9D32142F12800AD247D /* RCTSafeAreaShadowView.h in Headers */ = {isa = PBXBuildFile; fileRef = 59D031E51F8353D3008361F0 /* RCTSafeAreaShadowView.h */; };
-		18F3B9D42142F12B00AD247D /* RCTSafeAreaView.h in Headers */ = {isa = PBXBuildFile; fileRef = 59D031E71F8353D3008361F0 /* RCTSafeAreaView.h */; };
-		18F3B9D52142F12F00AD247D /* RCTSafeAreaViewLocalData.h in Headers */ = {isa = PBXBuildFile; fileRef = 59D031E91F8353D3008361F0 /* RCTSafeAreaViewLocalData.h */; };
-		18F3B9D62142F13200AD247D /* RCTSafeAreaViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 59D031EB1F8353D3008361F0 /* RCTSafeAreaViewManager.h */; };
-		18F3B9D72142F13600AD247D /* RCTScrollableProtocol.h in Headers */ = {isa = PBXBuildFile; fileRef = 59EDBC9C1FDF4E0C003573DE /* RCTScrollableProtocol.h */; };
-		18F3B9D82142F13900AD247D /* RCTScrollContentShadowView.h in Headers */ = {isa = PBXBuildFile; fileRef = 59E6049C1FE9CCE100BD90C5 /* RCTScrollContentShadowView.h */; };
-		18F3B9D92142F13C00AD247D /* RCTScrollContentView.h in Headers */ = {isa = PBXBuildFile; fileRef = 59EDBC9F1FDF4E0C003573DE /* RCTScrollContentView.h */; };
-		18F3B9DA2142F13E00AD247D /* RCTScrollContentViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 59E6049F1FE9CCE200BD90C5 /* RCTScrollContentViewManager.h */; };
-		18F3B9DB2142F14100AD247D /* RCTScrollView.h in Headers */ = {isa = PBXBuildFile; fileRef = 59EDBCA31FDF4E0C003573DE /* RCTScrollView.h */; };
-		18F3B9DC2142F14400AD247D /* RCTScrollViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 59EDBCA51FDF4E0C003573DE /* RCTScrollViewManager.h */; };
-		18F3B9DD2142F14B00AD247D /* (null) in Headers */ = {isa = PBXBuildFile; };
-		18F3B9DE2142F15100AD247D /* YGLayout.h in Headers */ = {isa = PBXBuildFile; fileRef = 5343895F203905B6008E0CB3 /* YGLayout.h */; };
-		18F3B9DF2142F15400AD247D /* YGStyle.h in Headers */ = {isa = PBXBuildFile; fileRef = 5352C5712038FF8D00A3B97E /* YGStyle.h */; };
-		18F3B9E02142F15800AD247D /* Utils.h in Headers */ = {isa = PBXBuildFile; fileRef = 53756E382004FFF700FBBD99 /* Utils.h */; };
-		18F3B9E12142F15A00AD247D /* YGNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 53EC85DE1FDEC75A0051B2B5 /* YGNode.h */; };
-		18F3B9E22142F15D00AD247D /* YGNodePrint.h in Headers */ = {isa = PBXBuildFile; fileRef = 5376C5E01FC6DDB20083513D /* YGNodePrint.h */; };
-		18F3B9E32142F16000AD247D /* Yoga-internal.h in Headers */ = {isa = PBXBuildFile; fileRef = 53CBF1851FB4FE80002CBB31 /* Yoga-internal.h */; };
-		18F3B9E42142F17300AD247D /* (null) in Headers */ = {isa = PBXBuildFile; };
-		18F3B9E72142F1AF00AD247D /* InspectorInterfaces.h in Headers */ = {isa = PBXBuildFile; fileRef = EBF21BBA1FC498270052F4D5 /* InspectorInterfaces.h */; };
-		18F3B9E82142F1D500AD247D /* RCTImageStoreManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA0841DE4F3A000E03CC6 /* RCTImageStoreManager.h */; };
-		18F3B9E92142F1DF00AD247D /* RCTPushNotificationManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA08D1DE4F4EE00E03CC6 /* RCTPushNotificationManager.h */; };
-		18F3B9EA2142F1E300AD247D /* RCTWebSocketModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D0E37891F1CC40000DCAC9F /* RCTWebSocketModule.h */; };
-		18F3B9EB2142F1E600AD247D /* RCTReconnectingWebSocket.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7BFD2B1EA8E3FA008DFB7A /* RCTReconnectingWebSocket.h */; };
-		18F3B9EC2142F1E900AD247D /* RCTSRWebSocket.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7BFD2C1EA8E3FA008DFB7A /* RCTSRWebSocket.h */; };
-		18F3BA0D2142F49600AD247D /* RCTProgressView.m in Sources */ = {isa = PBXBuildFile; fileRef = 18008F9A2141A922007F325D /* RCTProgressView.m */; };
-		18F3BA162142F86400AD247D /* InspectorInterfaces.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = EBF21BBA1FC498270052F4D5 /* InspectorInterfaces.h */; };
-		18F3BA182142F86400AD247D /* InspectorInterfaces.cpp in Sources */ = {isa = PBXBuildFile; fileRef = EBF21BBB1FC498270052F4D5 /* InspectorInterfaces.cpp */; };
-		18F3BA242142F94800AD247D /* YGLayout.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 5343895E203905B6008E0CB3 /* YGLayout.cpp */; };
-		18F3BA252142F94B00AD247D /* YGStyle.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 5352C5722038FF8D00A3B97E /* YGStyle.cpp */; };
-		18F3BA262142F94F00AD247D /* Utils.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 53756E372004FFF700FBBD99 /* Utils.cpp */; };
-		18F3BA272142F94F00AD247D /* YGNode.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 53EC85DF1FDEC75A0051B2B5 /* YGNode.cpp */; };
-		18F3BA282142F94F00AD247D /* YGNodePrint.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 5376C5E11FC6DDB20083513D /* YGNodePrint.cpp */; };
-		18F3BA292142F94F00AD247D /* YGEnums.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 53CBF1861FB4FE80002CBB31 /* YGEnums.cpp */; };
-		18F3BA2A2142F94F00AD247D /* Yoga.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 53CBF1871FB4FE80002CBB31 /* Yoga.cpp */; };
-		18F3BA2B2142F96200AD247D /* CxxNativeModule.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 3D92B0A81E03699D0018521A /* CxxNativeModule.cpp */; };
-		18F3BA2C2142F96200AD247D /* Instance.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 3D92B0AE1E03699D0018521A /* Instance.cpp */; };
-		18F3BA2D2142F96200AD247D /* JSBigString.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 27B958731E57587D0096647A /* JSBigString.cpp */; };
-		18F3BA2E2142F96200AD247D /* JSBundleType.cpp in Sources */ = {isa = PBXBuildFile; fileRef = AC70D2EB1DE48A22002E6351 /* JSBundleType.cpp */; };
-		18F3BA2F2142F96200AD247D /* (null) in Sources */ = {isa = PBXBuildFile; };
-		18F3BA302142F96200AD247D /* (null) in Sources */ = {isa = PBXBuildFile; };
-		18F3BA312142F96200AD247D /* (null) in Sources */ = {isa = PBXBuildFile; };
-		18F3BA322142F96200AD247D /* (null) in Sources */ = {isa = PBXBuildFile; };
-		18F3BA332142F96200AD247D /* (null) in Sources */ = {isa = PBXBuildFile; };
-		18F3BA342142F96200AD247D /* (null) in Sources */ = {isa = PBXBuildFile; };
-		18F3BA352142F97000AD247D /* (null) in Sources */ = {isa = PBXBuildFile; };
-		18F3BA362142F97000AD247D /* JSIndexedRAMBundle.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 3D92B0C61E03699D0018521A /* JSIndexedRAMBundle.cpp */; };
-		18F3BA372142F97000AD247D /* MethodCall.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 3D92B0CA1E03699D0018521A /* MethodCall.cpp */; };
-		18F3BA382142F97000AD247D /* ModuleRegistry.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 3D92B0CC1E03699D0018521A /* ModuleRegistry.cpp */; };
-		18F3BA392142F97000AD247D /* NativeToJsBridge.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 3D92B0CF1E03699D0018521A /* NativeToJsBridge.cpp */; };
-		18F3BA3A2142F97000AD247D /* (null) in Sources */ = {isa = PBXBuildFile; };
-		18F3BA3B2142F97000AD247D /* RAMBundleRegistry.cpp in Sources */ = {isa = PBXBuildFile; fileRef = C6D380191F71D75B00621378 /* RAMBundleRegistry.cpp */; };
-		18F3BA3C2142F97000AD247D /* SampleCxxModule.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 3D92B0D31E03699D0018521A /* SampleCxxModule.cpp */; };
-		18F3BA432142F98500AD247D /* (null) in Sources */ = {isa = PBXBuildFile; };
-		18F3BA442142F98500AD247D /* (null) in Sources */ = {isa = PBXBuildFile; };
-		18F3BA452142F98500AD247D /* (null) in Sources */ = {isa = PBXBuildFile; };
-		18F3BA462142F98500AD247D /* (null) in Sources */ = {isa = PBXBuildFile; };
-		18F3BA472142F98500AD247D /* (null) in Sources */ = {isa = PBXBuildFile; };
-		18F3BA492142F98500AD247D /* Conv.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 139D849F1E273B5600323FB7 /* Conv.cpp */; };
-		18F3BA4A2142F98500AD247D /* dynamic.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 139D84A21E273B5600323FB7 /* dynamic.cpp */; };
-		18F3BA4B2142F98500AD247D /* json.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 139D84A71E273B5600323FB7 /* json.cpp */; };
-		18F3BA4C2142F99300AD247D /* bignum-dtoa.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E391E25C5A300323FB7 /* bignum-dtoa.cc */; };
-		18F3BA4D2142F99300AD247D /* bignum.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E3B1E25C5A300323FB7 /* bignum.cc */; };
-		18F3BA4E2142F99300AD247D /* cached-powers.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E3D1E25C5A300323FB7 /* cached-powers.cc */; };
-		18F3BA4F2142F99300AD247D /* diy-fp.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E3F1E25C5A300323FB7 /* diy-fp.cc */; };
-		18F3BA502142F99300AD247D /* double-conversion.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E411E25C5A300323FB7 /* double-conversion.cc */; };
-		18F3BA512142F99300AD247D /* fast-dtoa.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E431E25C5A300323FB7 /* fast-dtoa.cc */; };
-		18F3BA522142F99300AD247D /* fixed-dtoa.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E451E25C5A300323FB7 /* fixed-dtoa.cc */; };
-		18F3BA532142F99300AD247D /* strtod.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E481E25C5A300323FB7 /* strtod.cc */; };
-		18F73E201EF832EC00FE5F4B /* RCTBridge.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA5E1A601EAA00E9B192 /* RCTBridge.h */; };
-		18F73E211EF832F200FE5F4B /* RCTAssert.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4A1A601E3B00E9B192 /* RCTAssert.h */; };
-		18F73E231EF8346E00FE5F4B /* RCTNetworking.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA07A1DE4F2EA00E03CC6 /* RCTNetworking.h */; };
-		18F73E241EF8346E00FE5F4B /* RCTNetworkTask.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA07B1DE4F2EA00E03CC6 /* RCTNetworkTask.h */; };
-		18F73E251EF8347E00FE5F4B /* RCTNetworking.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA07A1DE4F2EA00E03CC6 /* RCTNetworking.h */; };
-		18F73E261EF8347E00FE5F4B /* RCTNetworkTask.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA07B1DE4F2EA00E03CC6 /* RCTNetworkTask.h */; };
-		191E3EBE1C29D9AF00C180A6 /* RCTRefreshControlManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 191E3EBD1C29D9AF00C180A6 /* RCTRefreshControlManager.m */; };
-		191E3EC11C29DC3800C180A6 /* RCTRefreshControl.m in Sources */ = {isa = PBXBuildFile; fileRef = 191E3EC01C29DC3800C180A6 /* RCTRefreshControl.m */; };
-		1968A25F1F67275300EB3D1D /* RCTComponentEvent.h in Headers */ = {isa = PBXBuildFile; fileRef = 1968A25D1F67275300EB3D1D /* RCTComponentEvent.h */; };
-		1968A2601F67275300EB3D1D /* RCTComponentEvent.h in Headers */ = {isa = PBXBuildFile; fileRef = 1968A25D1F67275300EB3D1D /* RCTComponentEvent.h */; };
-		1968A2611F67275300EB3D1D /* RCTComponentEvent.m in Sources */ = {isa = PBXBuildFile; fileRef = 1968A25E1F67275300EB3D1D /* RCTComponentEvent.m */; };
-		1968A2621F67275300EB3D1D /* RCTComponentEvent.m in Sources */ = {isa = PBXBuildFile; fileRef = 1968A25E1F67275300EB3D1D /* RCTComponentEvent.m */; };
-		199B8A6F1F44DB16005DEF67 /* RCTVersion.h in Headers */ = {isa = PBXBuildFile; fileRef = 199B8A6E1F44DB16005DEF67 /* RCTVersion.h */; };
-		199B8A761F44DEDA005DEF67 /* RCTVersion.h in Headers */ = {isa = PBXBuildFile; fileRef = 199B8A6E1F44DB16005DEF67 /* RCTVersion.h */; };
-		19F61BFA1E8495CD00571D81 /* bignum-dtoa.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E3A1E25C5A300323FB7 /* bignum-dtoa.h */; };
-		19F61BFB1E8495CD00571D81 /* bignum.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E3C1E25C5A300323FB7 /* bignum.h */; };
-		19F61BFC1E8495CD00571D81 /* cached-powers.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E3E1E25C5A300323FB7 /* cached-powers.h */; };
-		19F61BFD1E8495CD00571D81 /* diy-fp.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E401E25C5A300323FB7 /* diy-fp.h */; };
-		19F61BFE1E8495CD00571D81 /* double-conversion.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E421E25C5A300323FB7 /* double-conversion.h */; };
-		19F61BFF1E8495CD00571D81 /* fast-dtoa.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E441E25C5A300323FB7 /* fast-dtoa.h */; };
-		19F61C001E8495CD00571D81 /* fixed-dtoa.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E461E25C5A300323FB7 /* fixed-dtoa.h */; };
-		19F61C011E8495CD00571D81 /* ieee.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E471E25C5A300323FB7 /* ieee.h */; };
-		19F61C021E8495CD00571D81 /* strtod.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E491E25C5A300323FB7 /* strtod.h */; };
-		19F61C031E8495CD00571D81 /* utils.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E4A1E25C5A300323FB7 /* utils.h */; };
-		27595AA41E575C7800CCE2B1 /* CxxModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0A71E03699D0018521A /* CxxModule.h */; };
-		27595AA51E575C7800CCE2B1 /* CxxNativeModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0A91E03699D0018521A /* CxxNativeModule.h */; };
-		27595AA61E575C7800CCE2B1 /* JSExecutor.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0AB1E03699D0018521A /* JSExecutor.h */; };
-		27595AA91E575C7800CCE2B1 /* Instance.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0AF1E03699D0018521A /* Instance.h */; };
-		27595AAA1E575C7800CCE2B1 /* JsArgumentHelpers-inl.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0B01E03699D0018521A /* JsArgumentHelpers-inl.h */; };
-		27595AAB1E575C7800CCE2B1 /* JsArgumentHelpers.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0B11E03699D0018521A /* JsArgumentHelpers.h */; };
-		27595AB51E575C7800CCE2B1 /* JSIndexedRAMBundle.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0C71E03699D0018521A /* JSIndexedRAMBundle.h */; };
-		27595AB61E575C7800CCE2B1 /* MessageQueueThread.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0C91E03699D0018521A /* MessageQueueThread.h */; };
-		27595AB71E575C7800CCE2B1 /* MethodCall.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0CB1E03699D0018521A /* MethodCall.h */; };
-		27595AB81E575C7800CCE2B1 /* ModuleRegistry.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0CD1E03699D0018521A /* ModuleRegistry.h */; };
-		27595AB91E575C7800CCE2B1 /* NativeModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0CE1E03699D0018521A /* NativeModule.h */; };
-		27595ABA1E575C7800CCE2B1 /* NativeToJsBridge.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0D01E03699D0018521A /* NativeToJsBridge.h */; };
-		27595ABC1E575C7800CCE2B1 /* SampleCxxModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0D41E03699D0018521A /* SampleCxxModule.h */; };
-		27595ABD1E575C7800CCE2B1 /* SystraceSection.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0D51E03699D0018521A /* SystraceSection.h */; };
-		27595ABF1E575C7800CCE2B1 /* CxxModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0A71E03699D0018521A /* CxxModule.h */; };
-		27595AC01E575C7800CCE2B1 /* CxxNativeModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0A91E03699D0018521A /* CxxNativeModule.h */; };
-		27595AC11E575C7800CCE2B1 /* JSExecutor.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0AB1E03699D0018521A /* JSExecutor.h */; };
-		27595AC41E575C7800CCE2B1 /* Instance.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0AF1E03699D0018521A /* Instance.h */; };
-		27595AC51E575C7800CCE2B1 /* JsArgumentHelpers-inl.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0B01E03699D0018521A /* JsArgumentHelpers-inl.h */; };
-		27595AC61E575C7800CCE2B1 /* JsArgumentHelpers.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0B11E03699D0018521A /* JsArgumentHelpers.h */; };
-		27595AD01E575C7800CCE2B1 /* JSIndexedRAMBundle.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0C71E03699D0018521A /* JSIndexedRAMBundle.h */; };
-		27595AD11E575C7800CCE2B1 /* MessageQueueThread.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0C91E03699D0018521A /* MessageQueueThread.h */; };
-		27595AD21E575C7800CCE2B1 /* MethodCall.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0CB1E03699D0018521A /* MethodCall.h */; };
-		27595AD31E575C7800CCE2B1 /* ModuleRegistry.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0CD1E03699D0018521A /* ModuleRegistry.h */; };
-		27595AD41E575C7800CCE2B1 /* NativeModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0CE1E03699D0018521A /* NativeModule.h */; };
-		27595AD51E575C7800CCE2B1 /* NativeToJsBridge.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0D01E03699D0018521A /* NativeToJsBridge.h */; };
-		27595AD71E575C7800CCE2B1 /* SampleCxxModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0D41E03699D0018521A /* SampleCxxModule.h */; };
-		27595AD81E575C7800CCE2B1 /* SystraceSection.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0D51E03699D0018521A /* SystraceSection.h */; };
-		2D16E68E1FA4FD3900B85C8A /* RCTTVNavigationEventEmitter.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D0B842D1EC0B51200B2BD8E /* RCTTVNavigationEventEmitter.h */; };
-		2D1D83CE1F74E2DA00615550 /* libdouble-conversion.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3D383D621EBD27B9005632C8 /* libdouble-conversion.a */; };
-		2D3B5E931D9B087300451313 /* RCTErrorInfo.m in Sources */ = {isa = PBXBuildFile; fileRef = 3EDCA8A41D3591E700450C31 /* RCTErrorInfo.m */; };
-		2D3B5E941D9B087900451313 /* RCTBundleURLProvider.m in Sources */ = {isa = PBXBuildFile; fileRef = 68EFE4ED1CF6EB3900A1DE13 /* RCTBundleURLProvider.m */; };
-		2D3B5E951D9B087C00451313 /* RCTAssert.m in Sources */ = {isa = PBXBuildFile; fileRef = 83CBBA4B1A601E3B00E9B192 /* RCTAssert.m */; };
-		2D3B5E971D9B089000451313 /* RCTBridge.m in Sources */ = {isa = PBXBuildFile; fileRef = 83CBBA5F1A601EAA00E9B192 /* RCTBridge.m */; };
-		2D3B5E981D9B089500451313 /* RCTConvert.m in Sources */ = {isa = PBXBuildFile; fileRef = 83CBBACB1A6023D300E9B192 /* RCTConvert.m */; };
-		2D3B5E991D9B089A00451313 /* RCTDisplayLink.m in Sources */ = {isa = PBXBuildFile; fileRef = 3D1E68D91CABD13900DD7465 /* RCTDisplayLink.m */; };
-		2D3B5E9A1D9B089D00451313 /* RCTEventDispatcher.m in Sources */ = {isa = PBXBuildFile; fileRef = 83CBBA661A601EF300E9B192 /* RCTEventDispatcher.m */; };
-		2D3B5E9B1D9B08A000451313 /* RCTFrameUpdate.m in Sources */ = {isa = PBXBuildFile; fileRef = 14C2CA751B3AC64F00E6CBB2 /* RCTFrameUpdate.m */; };
-		2D3B5E9C1D9B08A300451313 /* RCTImageSource.m in Sources */ = {isa = PBXBuildFile; fileRef = 13BB3D011BECD54500932C10 /* RCTImageSource.m */; };
-		2D3B5E9E1D9B08AD00451313 /* RCTJSStackFrame.m in Sources */ = {isa = PBXBuildFile; fileRef = 008341F41D1DB34400876D9A /* RCTJSStackFrame.m */; };
-		2D3B5EA01D9B08B200451313 /* RCTLog.mm in Sources */ = {isa = PBXBuildFile; fileRef = 83CBBA4E1A601E3B00E9B192 /* RCTLog.mm */; };
-		2D3B5EA11D9B08B600451313 /* RCTModuleData.mm in Sources */ = {isa = PBXBuildFile; fileRef = 14C2CA731B3AC64300E6CBB2 /* RCTModuleData.mm */; };
-		2D3B5EA31D9B08BE00451313 /* RCTParserUtils.m in Sources */ = {isa = PBXBuildFile; fileRef = 13A6E20D1C19AA0C00845B82 /* RCTParserUtils.m */; };
-		2D3B5EA41D9B08C200451313 /* RCTPerformanceLogger.m in Sources */ = {isa = PBXBuildFile; fileRef = 142014171B32094000CC17BA /* RCTPerformanceLogger.m */; };
-		2D3B5EA51D9B08C700451313 /* RCTRootView.m in Sources */ = {isa = PBXBuildFile; fileRef = 830A229D1A66C68A008503DA /* RCTRootView.m */; };
-		2D3B5EA61D9B08CA00451313 /* RCTTouchEvent.m in Sources */ = {isa = PBXBuildFile; fileRef = 391E86A21C623EC800009732 /* RCTTouchEvent.m */; };
-		2D3B5EA71D9B08CE00451313 /* RCTTouchHandler.m in Sources */ = {isa = PBXBuildFile; fileRef = 83CBBA971A6020BB00E9B192 /* RCTTouchHandler.m */; };
-		2D3B5EA81D9B08D300451313 /* RCTUtils.m in Sources */ = {isa = PBXBuildFile; fileRef = 83CBBA501A601E3B00E9B192 /* RCTUtils.m */; };
-		2D3B5EAE1D9B08F800451313 /* RCTEventEmitter.m in Sources */ = {isa = PBXBuildFile; fileRef = 13D9FEEA1CDCCECF00158BD7 /* RCTEventEmitter.m */; };
-		2D3B5EAF1D9B08FB00451313 /* RCTAccessibilityManager.m in Sources */ = {isa = PBXBuildFile; fileRef = E9B20B7A1B500126007A2DA7 /* RCTAccessibilityManager.m */; };
-		2D3B5EB01D9B08FE00451313 /* RCTAlertManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FE81A69327A00A75B9A /* RCTAlertManager.m */; };
-		2D3B5EB11D9B090100451313 /* RCTAppState.m in Sources */ = {isa = PBXBuildFile; fileRef = 1372B7091AB030C200659ED6 /* RCTAppState.m */; };
-		2D3B5EB21D9B090300451313 /* RCTAsyncLocalStorage.m in Sources */ = {isa = PBXBuildFile; fileRef = 58114A4E1AAE93D500E7D092 /* RCTAsyncLocalStorage.m */; };
-		2D3B5EB41D9B090A00451313 /* RCTDevLoadingView.m in Sources */ = {isa = PBXBuildFile; fileRef = 13A0C2861B74F71200B29F6F /* RCTDevLoadingView.m */; };
-		2D3B5EB51D9B091100451313 /* RCTDevMenu.m in Sources */ = {isa = PBXBuildFile; fileRef = 13A0C2881B74F71200B29F6F /* RCTDevMenu.m */; };
-		2D3B5EB61D9B091400451313 /* RCTExceptionsManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FEA1A69327A00A75B9A /* RCTExceptionsManager.m */; };
-		2D3B5EB71D9B091800451313 /* RCTRedBox.m in Sources */ = {isa = PBXBuildFile; fileRef = 13F17A841B8493E5007D4C75 /* RCTRedBox.m */; };
-		2D3B5EB81D9B091B00451313 /* RCTSourceCode.m in Sources */ = {isa = PBXBuildFile; fileRef = 000E6CEA1AB0E980000CDF4D /* RCTSourceCode.m */; };
-		2D3B5EBA1D9B092100451313 /* RCTI18nUtil.m in Sources */ = {isa = PBXBuildFile; fileRef = 352DCFEF1D19F4C20056D623 /* RCTI18nUtil.m */; };
-		2D3B5EBB1D9B092300451313 /* RCTI18nManager.m in Sources */ = {isa = PBXBuildFile; fileRef = B233E6E91D2D845D00BC68BA /* RCTI18nManager.m */; };
-		2D3B5EBC1D9B092600451313 /* RCTKeyboardObserver.m in Sources */ = {isa = PBXBuildFile; fileRef = 13D9FEED1CDCD93000158BD7 /* RCTKeyboardObserver.m */; };
-		2D3B5EBD1D9B092A00451313 /* RCTTiming.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FEE1A69327A00A75B9A /* RCTTiming.m */; };
-		2D3B5EBE1D9B092D00451313 /* RCTUIManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E067491A70F434002CDEE1 /* RCTUIManager.m */; };
-		2D3B5EC21D9B093B00451313 /* RCTProfile.m in Sources */ = {isa = PBXBuildFile; fileRef = 1450FF811BCFF28A00208362 /* RCTProfile.m */; };
-		2D3B5EC61D9B095000451313 /* RCTProfileTrampoline-x86_64.S in Sources */ = {isa = PBXBuildFile; fileRef = 1450FF851BCFF28A00208362 /* RCTProfileTrampoline-x86_64.S */; };
-		2D3B5EC71D9B095600451313 /* RCTActivityIndicatorView.m in Sources */ = {isa = PBXBuildFile; fileRef = B95154311D1B34B200FE7B80 /* RCTActivityIndicatorView.m */; };
-		2D3B5EC81D9B095800451313 /* RCTActivityIndicatorViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B080191A69489C00A75B9A /* RCTActivityIndicatorViewManager.m */; };
-		2D3B5EC91D9B095C00451313 /* RCTBorderDrawing.m in Sources */ = {isa = PBXBuildFile; fileRef = 13CC8A811B17642100940AE7 /* RCTBorderDrawing.m */; };
-		2D3B5ECA1D9B095F00451313 /* RCTComponentData.m in Sources */ = {isa = PBXBuildFile; fileRef = 13AB90C01B6FA36700713B4F /* RCTComponentData.m */; };
-		2D3B5ECB1D9B096200451313 /* RCTConvert+CoreLocation.m in Sources */ = {isa = PBXBuildFile; fileRef = 13456E921ADAD2DE009F94A7 /* RCTConvert+CoreLocation.m */; };
-		2D3B5ECF1D9B096F00451313 /* RCTFont.mm in Sources */ = {isa = PBXBuildFile; fileRef = 3D37B5811D522B190042D5B5 /* RCTFont.mm */; };
-		2D3B5EE01D9B09AD00451313 /* RCTRootShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 13BCE8081C99CB9D00DD7AAD /* RCTRootShadowView.m */; };
-		2D3B5EE31D9B09B700451313 /* RCTSegmentedControl.m in Sources */ = {isa = PBXBuildFile; fileRef = 131B6AF11AF1093D00FFC3E0 /* RCTSegmentedControl.m */; };
-		2D3B5EE41D9B09BB00451313 /* RCTSegmentedControlManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 131B6AF31AF1093D00FFC3E0 /* RCTSegmentedControlManager.m */; };
-		2D3B5EEE1D9B09DA00451313 /* RCTView.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E067501A70F44B002CDEE1 /* RCTView.m */; };
-		2D3B5EEF1D9B09DC00451313 /* RCTViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E0674E1A70F44B002CDEE1 /* RCTViewManager.m */; };
-		2D3B5EF11D9B09E700451313 /* UIView+React.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E067541A70F44B002CDEE1 /* UIView+React.m */; };
-		2D74EAFA1DAE9590003B751B /* RCTMultipartDataTask.m in Sources */ = {isa = PBXBuildFile; fileRef = 006FC4131D9B20820057AAAD /* RCTMultipartDataTask.m */; };
-		2D8C2E331DA40441000EE098 /* RCTMultipartStreamReader.m in Sources */ = {isa = PBXBuildFile; fileRef = 001BFCCF1D8381DE008E587E /* RCTMultipartStreamReader.m */; };
-		352DCFF01D19F4C20056D623 /* RCTI18nUtil.m in Sources */ = {isa = PBXBuildFile; fileRef = 352DCFEF1D19F4C20056D623 /* RCTI18nUtil.m */; };
-		383C517D2434412900CCBC30 /* RCTProgressViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13513F3B1B1F43F400FCE529 /* RCTProgressViewManager.m */; };
-		383C517E243446D900CCBC30 /* RCTStatusBarManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13723B4F1A82FD3C00F88898 /* RCTStatusBarManager.m */; };
-		385362722283369800B0989C /* RCTSRWebSocket.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D7BFD2C1EA8E3FA008DFB7A /* RCTSRWebSocket.h */; };
-		38B6D1FF228C879400AC0F0E /* (null) in Sources */ = {isa = PBXBuildFile; };
-		38BF7CDF22AF1B9900240972 /* JSCExecutorFactory.mm in Sources */ = {isa = PBXBuildFile; fileRef = 8507BBBC21EDACC200AEAFCA /* JSCExecutorFactory.mm */; };
-		391E86A41C623EC800009732 /* RCTTouchEvent.m in Sources */ = {isa = PBXBuildFile; fileRef = 391E86A21C623EC800009732 /* RCTTouchEvent.m */; };
-		39C50FF92046EACF00CEE534 /* RCTVersion.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 199B8A6E1F44DB16005DEF67 /* RCTVersion.h */; };
-		39C50FFB2046EE3500CEE534 /* RCTVersion.m in Sources */ = {isa = PBXBuildFile; fileRef = 39C50FFA2046EE3500CEE534 /* RCTVersion.m */; };
-		39C50FFC2046EE3500CEE534 /* RCTVersion.m in Sources */ = {isa = PBXBuildFile; fileRef = 39C50FFA2046EE3500CEE534 /* RCTVersion.m */; };
-		3D05745A1DE5FFF500184BB4 /* RCTJavaScriptLoader.mm in Sources */ = {isa = PBXBuildFile; fileRef = AC70D2E81DE489E4002E6351 /* RCTJavaScriptLoader.mm */; };
-		3D0B84221EC0B3F600B2BD8E /* RCTResizeMode.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA0851DE4F3A000E03CC6 /* RCTResizeMode.h */; };
-		3D0B84231EC0B40D00B2BD8E /* RCTImageLoader.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA0831DE4F3A000E03CC6 /* RCTImageLoader.h */; };
-		3D0B84241EC0B40D00B2BD8E /* RCTImageStoreManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA0841DE4F3A000E03CC6 /* RCTImageStoreManager.h */; };
-		3D0B84251EC0B42600B2BD8E /* RCTNetworking.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA07A1DE4F2EA00E03CC6 /* RCTNetworking.h */; };
-		3D0B84261EC0B42600B2BD8E /* RCTNetworkTask.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA07B1DE4F2EA00E03CC6 /* RCTNetworkTask.h */; };
-		3D0B84271EC0B45400B2BD8E /* RCTLinkingManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA08B1DE4F4DD00E03CC6 /* RCTLinkingManager.h */; };
-		3D0B842A1EC0B49400B2BD8E /* RCTTVRemoteHandler.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D0B84281EC0B49400B2BD8E /* RCTTVRemoteHandler.h */; };
-		3D0B842F1EC0B51200B2BD8E /* RCTTVNavigationEventEmitter.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D0B842D1EC0B51200B2BD8E /* RCTTVNavigationEventEmitter.h */; };
-		3D0E378A1F1CC40000DCAC9F /* RCTWebSocketModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D0E37891F1CC40000DCAC9F /* RCTWebSocketModule.h */; };
-		3D0E378E1F1CC59100DCAC9F /* RCTWebSocketModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D0E37891F1CC40000DCAC9F /* RCTWebSocketModule.h */; };
-		3D0E378F1F1CC5CF00DCAC9F /* RCTWebSocketModule.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D0E37891F1CC40000DCAC9F /* RCTWebSocketModule.h */; };
-		3D0E37901F1CC5E100DCAC9F /* RCTWebSocketModule.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D0E37891F1CC40000DCAC9F /* RCTWebSocketModule.h */; };
-		3D1E68DB1CABD13900DD7465 /* RCTDisplayLink.m in Sources */ = {isa = PBXBuildFile; fileRef = 3D1E68D91CABD13900DD7465 /* RCTDisplayLink.m */; };
-		3D302F241DF828F800D6DDAE /* RCTImageLoader.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA0831DE4F3A000E03CC6 /* RCTImageLoader.h */; };
-		3D302F251DF828F800D6DDAE /* RCTImageStoreManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA0841DE4F3A000E03CC6 /* RCTImageStoreManager.h */; };
-		3D302F261DF828F800D6DDAE /* RCTResizeMode.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA0851DE4F3A000E03CC6 /* RCTResizeMode.h */; };
-		3D302F271DF828F800D6DDAE /* RCTLinkingManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA08B1DE4F4DD00E03CC6 /* RCTLinkingManager.h */; };
-		3D302F281DF828F800D6DDAE /* RCTNetworking.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA07A1DE4F2EA00E03CC6 /* RCTNetworking.h */; };
-		3D302F291DF828F800D6DDAE /* RCTNetworkTask.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA07B1DE4F2EA00E03CC6 /* RCTNetworkTask.h */; };
-		3D302F2A1DF828F800D6DDAE /* RCTPushNotificationManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA08D1DE4F4EE00E03CC6 /* RCTPushNotificationManager.h */; };
-		3D302F2B1DF828F800D6DDAE /* RCTAssert.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4A1A601E3B00E9B192 /* RCTAssert.h */; };
-		3D302F2C1DF828F800D6DDAE /* RCTBridge.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA5E1A601EAA00E9B192 /* RCTBridge.h */; };
-		3D302F2D1DF828F800D6DDAE /* RCTBridge+Private.h in Headers */ = {isa = PBXBuildFile; fileRef = 14A43DB81C1F849600794BC8 /* RCTBridge+Private.h */; };
-		3D302F2E1DF828F800D6DDAE /* RCTBridgeDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 1482F9E61B55B927000ADFF3 /* RCTBridgeDelegate.h */; };
-		3D302F2F1DF828F800D6DDAE /* RCTBridgeMethod.h in Headers */ = {isa = PBXBuildFile; fileRef = 13AFBCA11C07287B00BBAEAA /* RCTBridgeMethod.h */; };
-		3D302F301DF828F800D6DDAE /* RCTBridgeModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 830213F31A654E0800B993E6 /* RCTBridgeModule.h */; };
-		3D302F311DF828F800D6DDAE /* RCTBundleURLProvider.h in Headers */ = {isa = PBXBuildFile; fileRef = 68EFE4EC1CF6EB3000A1DE13 /* RCTBundleURLProvider.h */; };
-		3D302F321DF828F800D6DDAE /* RCTConvert.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBACA1A6023D300E9B192 /* RCTConvert.h */; };
-		3D302F331DF828F800D6DDAE /* RCTDefines.h in Headers */ = {isa = PBXBuildFile; fileRef = 13AF1F851AE6E777005F5298 /* RCTDefines.h */; };
-		3D302F341DF828F800D6DDAE /* RCTDisplayLink.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1E68D81CABD13900DD7465 /* RCTDisplayLink.h */; };
-		3D302F351DF828F800D6DDAE /* RCTErrorCustomizer.h in Headers */ = {isa = PBXBuildFile; fileRef = 3EDCA8A21D3591E700450C31 /* RCTErrorCustomizer.h */; };
-		3D302F361DF828F800D6DDAE /* RCTErrorInfo.h in Headers */ = {isa = PBXBuildFile; fileRef = 3EDCA8A31D3591E700450C31 /* RCTErrorInfo.h */; };
-		3D302F371DF828F800D6DDAE /* RCTEventDispatcher.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA651A601EF300E9B192 /* RCTEventDispatcher.h */; };
-		3D302F381DF828F800D6DDAE /* RCTFrameUpdate.h in Headers */ = {isa = PBXBuildFile; fileRef = 1436DD071ADE7AA000A5ED7D /* RCTFrameUpdate.h */; };
-		3D302F391DF828F800D6DDAE /* RCTImageSource.h in Headers */ = {isa = PBXBuildFile; fileRef = 13BB3D001BECD54500932C10 /* RCTImageSource.h */; };
-		3D302F3A1DF828F800D6DDAE /* RCTInvalidating.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4C1A601E3B00E9B192 /* RCTInvalidating.h */; };
-		3D302F3B1DF828F800D6DDAE /* RCTJavaScriptExecutor.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA631A601ECA00E9B192 /* RCTJavaScriptExecutor.h */; };
-		3D302F3C1DF828F800D6DDAE /* RCTJavaScriptLoader.h in Headers */ = {isa = PBXBuildFile; fileRef = 14200DA81AC179B3008EE6BA /* RCTJavaScriptLoader.h */; };
-		3D302F3D1DF828F800D6DDAE /* RCTJSStackFrame.h in Headers */ = {isa = PBXBuildFile; fileRef = 008341F51D1DB34400876D9A /* RCTJSStackFrame.h */; };
-		3D302F3E1DF828F800D6DDAE /* RCTKeyCommands.h in Headers */ = {isa = PBXBuildFile; fileRef = 13A1F71C1A75392D00D3D453 /* RCTKeyCommands.h */; };
-		3D302F3F1DF828F800D6DDAE /* RCTLog.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4D1A601E3B00E9B192 /* RCTLog.h */; };
-		3D302F401DF828F800D6DDAE /* RCTModuleData.h in Headers */ = {isa = PBXBuildFile; fileRef = 14C2CA721B3AC64300E6CBB2 /* RCTModuleData.h */; };
-		3D302F411DF828F800D6DDAE /* RCTModuleMethod.h in Headers */ = {isa = PBXBuildFile; fileRef = 14C2CA6F1B3AC63800E6CBB2 /* RCTModuleMethod.h */; };
-		3D302F421DF828F800D6DDAE /* RCTMultipartDataTask.h in Headers */ = {isa = PBXBuildFile; fileRef = 006FC4121D9B20820057AAAD /* RCTMultipartDataTask.h */; };
-		3D302F431DF828F800D6DDAE /* RCTMultipartStreamReader.h in Headers */ = {isa = PBXBuildFile; fileRef = 001BFCCE1D8381DE008E587E /* RCTMultipartStreamReader.h */; };
-		3D302F441DF828F800D6DDAE /* RCTNullability.h in Headers */ = {isa = PBXBuildFile; fileRef = 13A6E20F1C19ABC700845B82 /* RCTNullability.h */; };
-		3D302F451DF828F800D6DDAE /* RCTParserUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = 13A6E20C1C19AA0C00845B82 /* RCTParserUtils.h */; };
-		3D302F461DF828F800D6DDAE /* RCTPerformanceLogger.h in Headers */ = {isa = PBXBuildFile; fileRef = 142014181B32094000CC17BA /* RCTPerformanceLogger.h */; };
-		3D302F471DF828F800D6DDAE /* RCTPlatform.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7749421DC1065C007EC8D8 /* RCTPlatform.h */; };
-		3D302F481DF828F800D6DDAE /* RCTRootView.h in Headers */ = {isa = PBXBuildFile; fileRef = 830A229C1A66C68A008503DA /* RCTRootView.h */; };
-		3D302F491DF828F800D6DDAE /* RCTRootViewDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 13AFBCA21C07287B00BBAEAA /* RCTRootViewDelegate.h */; };
-		3D302F4A1DF828F800D6DDAE /* RCTRootViewInternal.h in Headers */ = {isa = PBXBuildFile; fileRef = 6A15FB0C1BDF663500531DFB /* RCTRootViewInternal.h */; };
-		3D302F4B1DF828F800D6DDAE /* RCTTouchEvent.h in Headers */ = {isa = PBXBuildFile; fileRef = 391E86A31C623EC800009732 /* RCTTouchEvent.h */; };
-		3D302F4C1DF828F800D6DDAE /* RCTTouchHandler.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA961A6020BB00E9B192 /* RCTTouchHandler.h */; };
-		3D302F4D1DF828F800D6DDAE /* RCTURLRequestDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 1345A83A1B265A0E00583190 /* RCTURLRequestDelegate.h */; };
-		3D302F4E1DF828F800D6DDAE /* RCTURLRequestHandler.h in Headers */ = {isa = PBXBuildFile; fileRef = 1345A83B1B265A0E00583190 /* RCTURLRequestHandler.h */; };
-		3D302F4F1DF828F800D6DDAE /* RCTUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4F1A601E3B00E9B192 /* RCTUtils.h */; };
-		3D302F551DF828F800D6DDAE /* RCTAccessibilityManager.h in Headers */ = {isa = PBXBuildFile; fileRef = E9B20B791B500126007A2DA7 /* RCTAccessibilityManager.h */; };
-		3D302F561DF828F800D6DDAE /* RCTAlertManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 13B07FE71A69327A00A75B9A /* RCTAlertManager.h */; };
-		3D302F571DF828F800D6DDAE /* RCTAppState.h in Headers */ = {isa = PBXBuildFile; fileRef = 1372B7081AB030C200659ED6 /* RCTAppState.h */; };
-		3D302F581DF828F800D6DDAE /* RCTAsyncLocalStorage.h in Headers */ = {isa = PBXBuildFile; fileRef = 58114A4F1AAE93D500E7D092 /* RCTAsyncLocalStorage.h */; };
-		3D302F591DF828F800D6DDAE /* RCTClipboard.h in Headers */ = {isa = PBXBuildFile; fileRef = 13D033611C1837FE0021DC29 /* RCTClipboard.h */; };
-		3D302F5A1DF828F800D6DDAE /* RCTDevLoadingView.h in Headers */ = {isa = PBXBuildFile; fileRef = 13A0C2851B74F71200B29F6F /* RCTDevLoadingView.h */; };
-		3D302F5B1DF828F800D6DDAE /* RCTDevMenu.h in Headers */ = {isa = PBXBuildFile; fileRef = 13A0C2871B74F71200B29F6F /* RCTDevMenu.h */; };
-		3D302F5C1DF828F800D6DDAE /* RCTEventEmitter.h in Headers */ = {isa = PBXBuildFile; fileRef = 13D9FEE91CDCCECF00158BD7 /* RCTEventEmitter.h */; };
-		3D302F5D1DF828F800D6DDAE /* RCTExceptionsManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 13B07FE91A69327A00A75B9A /* RCTExceptionsManager.h */; };
-		3D302F5E1DF828F800D6DDAE /* RCTI18nManager.h in Headers */ = {isa = PBXBuildFile; fileRef = B233E6E81D2D843200BC68BA /* RCTI18nManager.h */; };
-		3D302F5F1DF828F800D6DDAE /* RCTI18nUtil.h in Headers */ = {isa = PBXBuildFile; fileRef = 352DCFEE1D19F4C20056D623 /* RCTI18nUtil.h */; };
-		3D302F601DF828F800D6DDAE /* RCTKeyboardObserver.h in Headers */ = {isa = PBXBuildFile; fileRef = 13D9FEEC1CDCD93000158BD7 /* RCTKeyboardObserver.h */; };
-		3D302F611DF828F800D6DDAE /* RCTRedBox.h in Headers */ = {isa = PBXBuildFile; fileRef = 13F17A831B8493E5007D4C75 /* RCTRedBox.h */; };
-		3D302F621DF828F800D6DDAE /* RCTSourceCode.h in Headers */ = {isa = PBXBuildFile; fileRef = 000E6CE91AB0E97F000CDF4D /* RCTSourceCode.h */; };
-		3D302F631DF828F800D6DDAE /* RCTStatusBarManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 13723B4E1A82FD3C00F88898 /* RCTStatusBarManager.h */; };
-		3D302F641DF828F800D6DDAE /* RCTTiming.h in Headers */ = {isa = PBXBuildFile; fileRef = 13B07FED1A69327A00A75B9A /* RCTTiming.h */; };
-		3D302F651DF828F800D6DDAE /* RCTUIManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E067481A70F434002CDEE1 /* RCTUIManager.h */; };
-		3D302F661DF828F800D6DDAE /* RCTFPSGraph.h in Headers */ = {isa = PBXBuildFile; fileRef = 14F7A0EE1BDA714B003C6C10 /* RCTFPSGraph.h */; };
-		3D302F681DF828F800D6DDAE /* RCTMacros.h in Headers */ = {isa = PBXBuildFile; fileRef = 14BF71811C04795500C97D0C /* RCTMacros.h */; };
-		3D302F691DF828F800D6DDAE /* RCTProfile.h in Headers */ = {isa = PBXBuildFile; fileRef = 1450FF801BCFF28A00208362 /* RCTProfile.h */; };
-		3D302F6A1DF828F800D6DDAE /* RCTActivityIndicatorView.h in Headers */ = {isa = PBXBuildFile; fileRef = B95154301D1B34B200FE7B80 /* RCTActivityIndicatorView.h */; };
-		3D302F6B1DF828F800D6DDAE /* RCTActivityIndicatorViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 13B080181A69489C00A75B9A /* RCTActivityIndicatorViewManager.h */; };
-		3D302F6C1DF828F800D6DDAE /* RCTAnimationType.h in Headers */ = {isa = PBXBuildFile; fileRef = 13442BF21AA90E0B0037E5B0 /* RCTAnimationType.h */; };
-		3D302F6D1DF828F800D6DDAE /* RCTAutoInsetsProtocol.h in Headers */ = {isa = PBXBuildFile; fileRef = 13C325261AA63B6A0048765F /* RCTAutoInsetsProtocol.h */; };
-		3D302F6E1DF828F800D6DDAE /* RCTBorderDrawing.h in Headers */ = {isa = PBXBuildFile; fileRef = 13CC8A801B17642100940AE7 /* RCTBorderDrawing.h */; };
-		3D302F6F1DF828F800D6DDAE /* RCTBorderStyle.h in Headers */ = {isa = PBXBuildFile; fileRef = ACDD3FDA1BC7430D00E7DE33 /* RCTBorderStyle.h */; };
-		3D302F701DF828F800D6DDAE /* RCTComponent.h in Headers */ = {isa = PBXBuildFile; fileRef = 13C325281AA63B6A0048765F /* RCTComponent.h */; };
-		3D302F711DF828F800D6DDAE /* RCTComponentData.h in Headers */ = {isa = PBXBuildFile; fileRef = 13AB90BF1B6FA36700713B4F /* RCTComponentData.h */; };
-		3D302F721DF828F800D6DDAE /* RCTConvert+CoreLocation.h in Headers */ = {isa = PBXBuildFile; fileRef = 13456E911ADAD2DE009F94A7 /* RCTConvert+CoreLocation.h */; };
-		3D302F761DF828F800D6DDAE /* RCTFont.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D37B5801D522B190042D5B5 /* RCTFont.h */; };
-		3D302F7B1DF828F800D6DDAE /* RCTModalHostView.h in Headers */ = {isa = PBXBuildFile; fileRef = 83A1FE8A1B62640A00BE0E65 /* RCTModalHostView.h */; };
-		3D302F7C1DF828F800D6DDAE /* RCTModalHostViewController.h in Headers */ = {isa = PBXBuildFile; fileRef = 83392EB11B6634E10013B15F /* RCTModalHostViewController.h */; };
-		3D302F7D1DF828F800D6DDAE /* RCTModalHostViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 83A1FE8D1B62643A00BE0E65 /* RCTModalHostViewManager.h */; };
-		3D302F841DF828F800D6DDAE /* RCTPointerEvents.h in Headers */ = {isa = PBXBuildFile; fileRef = 13442BF31AA90E0B0037E5B0 /* RCTPointerEvents.h */; };
-		3D302F851DF828F800D6DDAE /* RCTProgressViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 13513F3A1B1F43F400FCE529 /* RCTProgressViewManager.h */; };
-		3D302F861DF828F800D6DDAE /* RCTRefreshControl.h in Headers */ = {isa = PBXBuildFile; fileRef = 191E3EBF1C29DC3800C180A6 /* RCTRefreshControl.h */; };
-		3D302F871DF828F800D6DDAE /* RCTRefreshControlManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 191E3EBC1C29D9AF00C180A6 /* RCTRefreshControlManager.h */; };
-		3D302F881DF828F800D6DDAE /* RCTRootShadowView.h in Headers */ = {isa = PBXBuildFile; fileRef = 13BCE8071C99CB9D00DD7AAD /* RCTRootShadowView.h */; };
-		3D302F8C1DF828F800D6DDAE /* RCTSegmentedControl.h in Headers */ = {isa = PBXBuildFile; fileRef = 131B6AF01AF1093D00FFC3E0 /* RCTSegmentedControl.h */; };
-		3D302F8D1DF828F800D6DDAE /* RCTSegmentedControlManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 131B6AF21AF1093D00FFC3E0 /* RCTSegmentedControlManager.h */; };
-		3D302F8E1DF828F800D6DDAE /* RCTShadowView.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E0674B1A70F44B002CDEE1 /* RCTShadowView.h */; };
-		3D302F8F1DF828F800D6DDAE /* RCTSlider.h in Headers */ = {isa = PBXBuildFile; fileRef = 13AF20431AE707F8005F5298 /* RCTSlider.h */; };
-		3D302F901DF828F800D6DDAE /* RCTSliderManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 14F484541AABFCE100FDF6B9 /* RCTSliderManager.h */; };
-		3D302F911DF828F800D6DDAE /* RCTSwitch.h in Headers */ = {isa = PBXBuildFile; fileRef = 14F362071AABD06A001CE568 /* RCTSwitch.h */; };
-		3D302F921DF828F800D6DDAE /* RCTSwitchManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 14F362091AABD06A001CE568 /* RCTSwitchManager.h */; };
-		3D302F971DF828F800D6DDAE /* RCTTextDecorationLineType.h in Headers */ = {isa = PBXBuildFile; fileRef = E3BBC8EB1ADE6F47001BBD81 /* RCTTextDecorationLineType.h */; };
-		3D302F981DF828F800D6DDAE /* RCTView.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E0674F1A70F44B002CDEE1 /* RCTView.h */; };
-		3D302F9A1DF828F800D6DDAE /* RCTViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E0674D1A70F44B002CDEE1 /* RCTViewManager.h */; };
-		3D302F9D1DF828F800D6DDAE /* RCTWrapperViewController.h in Headers */ = {isa = PBXBuildFile; fileRef = 13B080231A694A8400A75B9A /* RCTWrapperViewController.h */; };
-		3D302F9F1DF828F800D6DDAE /* UIView+React.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E067531A70F44B002CDEE1 /* UIView+React.h */; };
-		3D3030221DF8294C00D6DDAE /* JSBundleType.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D3CD8F51DE5FB2300167DC4 /* JSBundleType.h */; };
-		3D37B5821D522B190042D5B5 /* RCTFont.mm in Sources */ = {isa = PBXBuildFile; fileRef = 3D37B5811D522B190042D5B5 /* RCTFont.mm */; };
-		3D383D1F1EBD27A8005632C8 /* RCTBridge+Private.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14A43DB81C1F849600794BC8 /* RCTBridge+Private.h */; };
-		3D383D201EBD27AF005632C8 /* RCTBridge+Private.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14A43DB81C1F849600794BC8 /* RCTBridge+Private.h */; };
-		3D383D251EBD27B6005632C8 /* Conv.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 139D849F1E273B5600323FB7 /* Conv.cpp */; };
-		3D383D261EBD27B6005632C8 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		3D383D291EBD27B6005632C8 /* dynamic.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 139D84A21E273B5600323FB7 /* dynamic.cpp */; };
-		3D383D2F1EBD27B6005632C8 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		3D383D311EBD27B6005632C8 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		3D383D341EBD27B6005632C8 /* json.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 139D84A71E273B5600323FB7 /* json.cpp */; };
-		3D383D401EBD27B9005632C8 /* bignum-dtoa.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E391E25C5A300323FB7 /* bignum-dtoa.cc */; };
-		3D383D411EBD27B9005632C8 /* bignum.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E3B1E25C5A300323FB7 /* bignum.cc */; };
-		3D383D421EBD27B9005632C8 /* cached-powers.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E3D1E25C5A300323FB7 /* cached-powers.cc */; };
-		3D383D431EBD27B9005632C8 /* diy-fp.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E3F1E25C5A300323FB7 /* diy-fp.cc */; };
-		3D383D441EBD27B9005632C8 /* double-conversion.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E411E25C5A300323FB7 /* double-conversion.cc */; };
-		3D383D451EBD27B9005632C8 /* fast-dtoa.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E431E25C5A300323FB7 /* fast-dtoa.cc */; };
-		3D383D461EBD27B9005632C8 /* fixed-dtoa.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E451E25C5A300323FB7 /* fixed-dtoa.cc */; };
-		3D383D471EBD27B9005632C8 /* strtod.cc in Sources */ = {isa = PBXBuildFile; fileRef = 139D7E481E25C5A300323FB7 /* strtod.cc */; };
-		3D383D4A1EBD27B9005632C8 /* bignum-dtoa.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E3A1E25C5A300323FB7 /* bignum-dtoa.h */; };
-		3D383D4B1EBD27B9005632C8 /* bignum.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E3C1E25C5A300323FB7 /* bignum.h */; };
-		3D383D4C1EBD27B9005632C8 /* cached-powers.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E3E1E25C5A300323FB7 /* cached-powers.h */; };
-		3D383D4D1EBD27B9005632C8 /* diy-fp.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E401E25C5A300323FB7 /* diy-fp.h */; };
-		3D383D4E1EBD27B9005632C8 /* double-conversion.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E421E25C5A300323FB7 /* double-conversion.h */; };
-		3D383D4F1EBD27B9005632C8 /* fast-dtoa.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E441E25C5A300323FB7 /* fast-dtoa.h */; };
-		3D383D501EBD27B9005632C8 /* fixed-dtoa.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E461E25C5A300323FB7 /* fixed-dtoa.h */; };
-		3D383D511EBD27B9005632C8 /* ieee.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E471E25C5A300323FB7 /* ieee.h */; };
-		3D383D521EBD27B9005632C8 /* strtod.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E491E25C5A300323FB7 /* strtod.h */; };
-		3D383D531EBD27B9005632C8 /* utils.h in CopyFiles */ = {isa = PBXBuildFile; fileRef = 139D7E4A1E25C5A300323FB7 /* utils.h */; };
-		3D383D551EBD27B9005632C8 /* bignum-dtoa.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E3A1E25C5A300323FB7 /* bignum-dtoa.h */; };
-		3D383D561EBD27B9005632C8 /* bignum.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E3C1E25C5A300323FB7 /* bignum.h */; };
-		3D383D571EBD27B9005632C8 /* cached-powers.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E3E1E25C5A300323FB7 /* cached-powers.h */; };
-		3D383D581EBD27B9005632C8 /* diy-fp.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E401E25C5A300323FB7 /* diy-fp.h */; };
-		3D383D591EBD27B9005632C8 /* double-conversion.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E421E25C5A300323FB7 /* double-conversion.h */; };
-		3D383D5A1EBD27B9005632C8 /* fast-dtoa.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E441E25C5A300323FB7 /* fast-dtoa.h */; };
-		3D383D5B1EBD27B9005632C8 /* fixed-dtoa.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E461E25C5A300323FB7 /* fixed-dtoa.h */; };
-		3D383D5C1EBD27B9005632C8 /* ieee.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E471E25C5A300323FB7 /* ieee.h */; };
-		3D383D5D1EBD27B9005632C8 /* strtod.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E491E25C5A300323FB7 /* strtod.h */; };
-		3D383D5E1EBD27B9005632C8 /* utils.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D7E4A1E25C5A300323FB7 /* utils.h */; };
-		3D383D6D1EBD2940005632C8 /* libdouble-conversion.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139D7E881E25C6D100323FB7 /* libdouble-conversion.a */; };
-		3D383D6F1EBD2940005632C8 /* libthird-party.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139D7ECE1E25DB7D00323FB7 /* libthird-party.a */; };
-		3D383D721EBD2949005632C8 /* libthird-party.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3D383D3C1EBD27B6005632C8 /* libthird-party.a */; };
-		3D3CD9411DE5FC5300167DC4 /* libcxxreact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3D3CD9251DE5FBEC00167DC4 /* libcxxreact.a */; };
-		3D3CD9441DE5FC6500167DC4 /* (null) in Frameworks */ = {isa = PBXBuildFile; };
-		3D3CD9451DE5FC7100167DC4 /* JSBundleType.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D3CD8F51DE5FB2300167DC4 /* JSBundleType.h */; };
-		3D74547C1E54758900E74ADD /* JSBigString.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7454781E54757500E74ADD /* JSBigString.h */; };
-		3D74547D1E54758900E74ADD /* JSBigString.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7454781E54757500E74ADD /* JSBigString.h */; };
-		3D74547E1E54759A00E74ADD /* JSModulesUnbundle.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0C81E03699D0018521A /* JSModulesUnbundle.h */; };
-		3D74547F1E54759E00E74ADD /* JSModulesUnbundle.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0C81E03699D0018521A /* JSModulesUnbundle.h */; };
-		3D7454801E5475AF00E74ADD /* RecoverableError.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7454791E54757500E74ADD /* RecoverableError.h */; };
-		3D7454811E5475AF00E74ADD /* RecoverableError.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7454791E54757500E74ADD /* RecoverableError.h */; };
-		3D7749441DC1065C007EC8D8 /* RCTPlatform.m in Sources */ = {isa = PBXBuildFile; fileRef = 3D7749431DC1065C007EC8D8 /* RCTPlatform.m */; };
-		3D7AA9C41E548CD5001955CF /* NSDataBigString.mm in Sources */ = {isa = PBXBuildFile; fileRef = 3D7AA9C31E548CD5001955CF /* NSDataBigString.mm */; };
-		3D7AA9C51E548CDB001955CF /* NSDataBigString.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7454B31E54786200E74ADD /* NSDataBigString.h */; };
-		3D7AA9C61E548CDD001955CF /* NSDataBigString.mm in Sources */ = {isa = PBXBuildFile; fileRef = 3D7AA9C31E548CD5001955CF /* NSDataBigString.mm */; };
-		3D7BFD151EA8E351008DFB7A /* RCTPackagerClient.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7BFD0B1EA8E351008DFB7A /* RCTPackagerClient.h */; };
-		3D7BFD161EA8E351008DFB7A /* RCTPackagerClient.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7BFD0B1EA8E351008DFB7A /* RCTPackagerClient.h */; };
-		3D7BFD171EA8E351008DFB7A /* RCTPackagerClient.m in Sources */ = {isa = PBXBuildFile; fileRef = 3D7BFD0C1EA8E351008DFB7A /* RCTPackagerClient.m */; };
-		3D7BFD181EA8E351008DFB7A /* RCTPackagerClient.m in Sources */ = {isa = PBXBuildFile; fileRef = 3D7BFD0C1EA8E351008DFB7A /* RCTPackagerClient.m */; };
-		3D7BFD1D1EA8E351008DFB7A /* RCTPackagerConnection.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7BFD0F1EA8E351008DFB7A /* RCTPackagerConnection.h */; };
-		3D7BFD1E1EA8E351008DFB7A /* RCTPackagerConnection.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7BFD0F1EA8E351008DFB7A /* RCTPackagerConnection.h */; };
-		3D7BFD1F1EA8E351008DFB7A /* RCTPackagerConnection.mm in Sources */ = {isa = PBXBuildFile; fileRef = 3D7BFD101EA8E351008DFB7A /* RCTPackagerConnection.mm */; };
-		3D7BFD201EA8E351008DFB7A /* RCTPackagerConnection.mm in Sources */ = {isa = PBXBuildFile; fileRef = 3D7BFD101EA8E351008DFB7A /* RCTPackagerConnection.mm */; };
-		3D7BFD291EA8E37B008DFB7A /* RCTDevSettings.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 130E3D861E6A082100ACE484 /* RCTDevSettings.h */; };
-		3D7BFD2D1EA8E3FA008DFB7A /* RCTReconnectingWebSocket.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7BFD2B1EA8E3FA008DFB7A /* RCTReconnectingWebSocket.h */; };
-		3D7BFD2E1EA8E3FA008DFB7A /* RCTReconnectingWebSocket.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7BFD2B1EA8E3FA008DFB7A /* RCTReconnectingWebSocket.h */; };
-		3D7BFD2F1EA8E3FA008DFB7A /* RCTSRWebSocket.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7BFD2C1EA8E3FA008DFB7A /* RCTSRWebSocket.h */; };
-		3D7BFD301EA8E3FA008DFB7A /* RCTSRWebSocket.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7BFD2C1EA8E3FA008DFB7A /* RCTSRWebSocket.h */; };
-		3D7BFD311EA8E41F008DFB7A /* RCTPackagerClient.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D7BFD0B1EA8E351008DFB7A /* RCTPackagerClient.h */; };
-		3D7BFD331EA8E433008DFB7A /* RCTPackagerClient.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D7BFD0B1EA8E351008DFB7A /* RCTPackagerClient.h */; };
-		3D7BFD351EA8E43F008DFB7A /* RCTDevSettings.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 130E3D861E6A082100ACE484 /* RCTDevSettings.h */; };
-		3D80D9181DF6F7A80028D040 /* JSBundleType.cpp in Sources */ = {isa = PBXBuildFile; fileRef = AC70D2EB1DE48A22002E6351 /* JSBundleType.cpp */; };
-		3D80D91F1DF6FA890028D040 /* RCTImageLoader.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA0831DE4F3A000E03CC6 /* RCTImageLoader.h */; };
-		3D80D9201DF6FA890028D040 /* RCTImageStoreManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA0841DE4F3A000E03CC6 /* RCTImageStoreManager.h */; };
-		3D80D9211DF6FA890028D040 /* RCTResizeMode.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA0851DE4F3A000E03CC6 /* RCTResizeMode.h */; };
-		3D80D9221DF6FA890028D040 /* RCTLinkingManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA08B1DE4F4DD00E03CC6 /* RCTLinkingManager.h */; };
-		3D80D9231DF6FA890028D040 /* RCTNetworking.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA07A1DE4F2EA00E03CC6 /* RCTNetworking.h */; };
-		3D80D9241DF6FA890028D040 /* RCTNetworkTask.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA07B1DE4F2EA00E03CC6 /* RCTNetworkTask.h */; };
-		3D80D9251DF6FA890028D040 /* RCTPushNotificationManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA08D1DE4F4EE00E03CC6 /* RCTPushNotificationManager.h */; };
-		3D80D9261DF6FA890028D040 /* RCTAssert.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4A1A601E3B00E9B192 /* RCTAssert.h */; };
-		3D80D9271DF6FA890028D040 /* RCTBridge.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA5E1A601EAA00E9B192 /* RCTBridge.h */; };
-		3D80D9291DF6FA890028D040 /* RCTBridgeDelegate.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 1482F9E61B55B927000ADFF3 /* RCTBridgeDelegate.h */; };
-		3D80D92A1DF6FA890028D040 /* RCTBridgeMethod.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13AFBCA11C07287B00BBAEAA /* RCTBridgeMethod.h */; };
-		3D80D92B1DF6FA890028D040 /* RCTBridgeModule.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 830213F31A654E0800B993E6 /* RCTBridgeModule.h */; };
-		3D80D92C1DF6FA890028D040 /* RCTBundleURLProvider.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 68EFE4EC1CF6EB3000A1DE13 /* RCTBundleURLProvider.h */; };
-		3D80D92D1DF6FA890028D040 /* RCTConvert.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBACA1A6023D300E9B192 /* RCTConvert.h */; };
-		3D80D92E1DF6FA890028D040 /* RCTDefines.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13AF1F851AE6E777005F5298 /* RCTDefines.h */; };
-		3D80D92F1DF6FA890028D040 /* RCTDisplayLink.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D1E68D81CABD13900DD7465 /* RCTDisplayLink.h */; };
-		3D80D9301DF6FA890028D040 /* RCTErrorCustomizer.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3EDCA8A21D3591E700450C31 /* RCTErrorCustomizer.h */; };
-		3D80D9311DF6FA890028D040 /* RCTErrorInfo.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3EDCA8A31D3591E700450C31 /* RCTErrorInfo.h */; };
-		3D80D9321DF6FA890028D040 /* RCTEventDispatcher.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA651A601EF300E9B192 /* RCTEventDispatcher.h */; };
-		3D80D9331DF6FA890028D040 /* RCTFrameUpdate.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 1436DD071ADE7AA000A5ED7D /* RCTFrameUpdate.h */; };
-		3D80D9341DF6FA890028D040 /* RCTImageSource.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13BB3D001BECD54500932C10 /* RCTImageSource.h */; };
-		3D80D9351DF6FA890028D040 /* RCTInvalidating.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4C1A601E3B00E9B192 /* RCTInvalidating.h */; };
-		3D80D9361DF6FA890028D040 /* RCTJavaScriptExecutor.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA631A601ECA00E9B192 /* RCTJavaScriptExecutor.h */; };
-		3D80D9371DF6FA890028D040 /* RCTJavaScriptLoader.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14200DA81AC179B3008EE6BA /* RCTJavaScriptLoader.h */; };
-		3D80D9381DF6FA890028D040 /* RCTJSStackFrame.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 008341F51D1DB34400876D9A /* RCTJSStackFrame.h */; };
-		3D80D9391DF6FA890028D040 /* RCTKeyCommands.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13A1F71C1A75392D00D3D453 /* RCTKeyCommands.h */; };
-		3D80D93A1DF6FA890028D040 /* RCTLog.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4D1A601E3B00E9B192 /* RCTLog.h */; };
-		3D80D93B1DF6FA890028D040 /* RCTModuleData.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14C2CA721B3AC64300E6CBB2 /* RCTModuleData.h */; };
-		3D80D93C1DF6FA890028D040 /* RCTModuleMethod.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14C2CA6F1B3AC63800E6CBB2 /* RCTModuleMethod.h */; };
-		3D80D93D1DF6FA890028D040 /* RCTMultipartDataTask.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 006FC4121D9B20820057AAAD /* RCTMultipartDataTask.h */; };
-		3D80D93E1DF6FA890028D040 /* RCTMultipartStreamReader.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 001BFCCE1D8381DE008E587E /* RCTMultipartStreamReader.h */; };
-		3D80D93F1DF6FA890028D040 /* RCTNullability.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13A6E20F1C19ABC700845B82 /* RCTNullability.h */; };
-		3D80D9401DF6FA890028D040 /* RCTParserUtils.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13A6E20C1C19AA0C00845B82 /* RCTParserUtils.h */; };
-		3D80D9411DF6FA890028D040 /* RCTPerformanceLogger.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 142014181B32094000CC17BA /* RCTPerformanceLogger.h */; };
-		3D80D9421DF6FA890028D040 /* RCTPlatform.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D7749421DC1065C007EC8D8 /* RCTPlatform.h */; };
-		3D80D9431DF6FA890028D040 /* RCTRootView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 830A229C1A66C68A008503DA /* RCTRootView.h */; };
-		3D80D9441DF6FA890028D040 /* RCTRootViewDelegate.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13AFBCA21C07287B00BBAEAA /* RCTRootViewDelegate.h */; };
-		3D80D9461DF6FA890028D040 /* RCTTouchEvent.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 391E86A31C623EC800009732 /* RCTTouchEvent.h */; };
-		3D80D9471DF6FA890028D040 /* RCTTouchHandler.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA961A6020BB00E9B192 /* RCTTouchHandler.h */; };
-		3D80D9481DF6FA890028D040 /* RCTURLRequestDelegate.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 1345A83A1B265A0E00583190 /* RCTURLRequestDelegate.h */; };
-		3D80D9491DF6FA890028D040 /* RCTURLRequestHandler.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 1345A83B1B265A0E00583190 /* RCTURLRequestHandler.h */; };
-		3D80D94A1DF6FA890028D040 /* RCTUtils.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4F1A601E3B00E9B192 /* RCTUtils.h */; };
-		3D80D9501DF6FA890028D040 /* RCTAccessibilityManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = E9B20B791B500126007A2DA7 /* RCTAccessibilityManager.h */; };
-		3D80D9511DF6FA890028D040 /* RCTAlertManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13B07FE71A69327A00A75B9A /* RCTAlertManager.h */; };
-		3D80D9521DF6FA890028D040 /* RCTAppState.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 1372B7081AB030C200659ED6 /* RCTAppState.h */; };
-		3D80D9531DF6FA890028D040 /* RCTAsyncLocalStorage.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 58114A4F1AAE93D500E7D092 /* RCTAsyncLocalStorage.h */; };
-		3D80D9541DF6FA890028D040 /* RCTClipboard.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13D033611C1837FE0021DC29 /* RCTClipboard.h */; };
-		3D80D9551DF6FA890028D040 /* RCTDevLoadingView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13A0C2851B74F71200B29F6F /* RCTDevLoadingView.h */; };
-		3D80D9561DF6FA890028D040 /* RCTDevMenu.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13A0C2871B74F71200B29F6F /* RCTDevMenu.h */; };
-		3D80D9571DF6FA890028D040 /* RCTEventEmitter.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13D9FEE91CDCCECF00158BD7 /* RCTEventEmitter.h */; };
-		3D80D9581DF6FA890028D040 /* RCTExceptionsManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13B07FE91A69327A00A75B9A /* RCTExceptionsManager.h */; };
-		3D80D9591DF6FA890028D040 /* RCTI18nManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = B233E6E81D2D843200BC68BA /* RCTI18nManager.h */; };
-		3D80D95A1DF6FA890028D040 /* RCTI18nUtil.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 352DCFEE1D19F4C20056D623 /* RCTI18nUtil.h */; };
-		3D80D95B1DF6FA890028D040 /* RCTKeyboardObserver.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13D9FEEC1CDCD93000158BD7 /* RCTKeyboardObserver.h */; };
-		3D80D95C1DF6FA890028D040 /* RCTRedBox.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13F17A831B8493E5007D4C75 /* RCTRedBox.h */; };
-		3D80D95D1DF6FA890028D040 /* RCTSourceCode.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 000E6CE91AB0E97F000CDF4D /* RCTSourceCode.h */; };
-		3D80D95E1DF6FA890028D040 /* RCTStatusBarManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13723B4E1A82FD3C00F88898 /* RCTStatusBarManager.h */; };
-		3D80D95F1DF6FA890028D040 /* RCTTiming.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13B07FED1A69327A00A75B9A /* RCTTiming.h */; };
-		3D80D9601DF6FA890028D040 /* RCTUIManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13E067481A70F434002CDEE1 /* RCTUIManager.h */; };
-		3D80D9611DF6FA890028D040 /* RCTFPSGraph.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14F7A0EE1BDA714B003C6C10 /* RCTFPSGraph.h */; };
-		3D80D9631DF6FA890028D040 /* RCTMacros.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14BF71811C04795500C97D0C /* RCTMacros.h */; };
-		3D80D9641DF6FA890028D040 /* RCTProfile.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 1450FF801BCFF28A00208362 /* RCTProfile.h */; };
-		3D80D9651DF6FA890028D040 /* RCTActivityIndicatorView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = B95154301D1B34B200FE7B80 /* RCTActivityIndicatorView.h */; };
-		3D80D9661DF6FA890028D040 /* RCTActivityIndicatorViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13B080181A69489C00A75B9A /* RCTActivityIndicatorViewManager.h */; };
-		3D80D9671DF6FA890028D040 /* RCTAnimationType.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13442BF21AA90E0B0037E5B0 /* RCTAnimationType.h */; };
-		3D80D9681DF6FA890028D040 /* RCTAutoInsetsProtocol.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13C325261AA63B6A0048765F /* RCTAutoInsetsProtocol.h */; };
-		3D80D9691DF6FA890028D040 /* RCTBorderDrawing.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13CC8A801B17642100940AE7 /* RCTBorderDrawing.h */; };
-		3D80D96A1DF6FA890028D040 /* RCTBorderStyle.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = ACDD3FDA1BC7430D00E7DE33 /* RCTBorderStyle.h */; };
-		3D80D96B1DF6FA890028D040 /* RCTComponent.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13C325281AA63B6A0048765F /* RCTComponent.h */; };
-		3D80D96C1DF6FA890028D040 /* RCTComponentData.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13AB90BF1B6FA36700713B4F /* RCTComponentData.h */; };
-		3D80D96D1DF6FA890028D040 /* RCTConvert+CoreLocation.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13456E911ADAD2DE009F94A7 /* RCTConvert+CoreLocation.h */; };
-		3D80D9711DF6FA890028D040 /* RCTFont.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D37B5801D522B190042D5B5 /* RCTFont.h */; };
-		3D80D9761DF6FA890028D040 /* RCTModalHostView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83A1FE8A1B62640A00BE0E65 /* RCTModalHostView.h */; };
-		3D80D9771DF6FA890028D040 /* RCTModalHostViewController.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83392EB11B6634E10013B15F /* RCTModalHostViewController.h */; };
-		3D80D9781DF6FA890028D040 /* RCTModalHostViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83A1FE8D1B62643A00BE0E65 /* RCTModalHostViewManager.h */; };
-		3D80D97D1DF6FA890028D040 /* RCTPicker.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 58114A121AAE854800E7D092 /* RCTPicker.h */; };
-		3D80D97E1DF6FA890028D040 /* RCTPickerManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 58114A141AAE854800E7D092 /* RCTPickerManager.h */; };
-		3D80D97F1DF6FA890028D040 /* RCTPointerEvents.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13442BF31AA90E0B0037E5B0 /* RCTPointerEvents.h */; };
-		3D80D9801DF6FA890028D040 /* RCTProgressViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13513F3A1B1F43F400FCE529 /* RCTProgressViewManager.h */; };
-		3D80D9811DF6FA890028D040 /* RCTRefreshControl.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 191E3EBF1C29DC3800C180A6 /* RCTRefreshControl.h */; };
-		3D80D9821DF6FA890028D040 /* RCTRefreshControlManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 191E3EBC1C29D9AF00C180A6 /* RCTRefreshControlManager.h */; };
-		3D80D9831DF6FA890028D040 /* RCTRootShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13BCE8071C99CB9D00DD7AAD /* RCTRootShadowView.h */; };
-		3D80D9871DF6FA890028D040 /* RCTSegmentedControl.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 131B6AF01AF1093D00FFC3E0 /* RCTSegmentedControl.h */; };
-		3D80D9881DF6FA890028D040 /* RCTSegmentedControlManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 131B6AF21AF1093D00FFC3E0 /* RCTSegmentedControlManager.h */; };
-		3D80D9891DF6FA890028D040 /* RCTShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13E0674B1A70F44B002CDEE1 /* RCTShadowView.h */; };
-		3D80D98A1DF6FA890028D040 /* RCTSlider.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13AF20431AE707F8005F5298 /* RCTSlider.h */; };
-		3D80D98B1DF6FA890028D040 /* RCTSliderManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14F484541AABFCE100FDF6B9 /* RCTSliderManager.h */; };
-		3D80D98C1DF6FA890028D040 /* RCTSwitch.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14F362071AABD06A001CE568 /* RCTSwitch.h */; };
-		3D80D98D1DF6FA890028D040 /* RCTSwitchManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14F362091AABD06A001CE568 /* RCTSwitchManager.h */; };
-		3D80D9921DF6FA890028D040 /* RCTTextDecorationLineType.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = E3BBC8EB1ADE6F47001BBD81 /* RCTTextDecorationLineType.h */; };
-		3D80D9931DF6FA890028D040 /* RCTView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13E0674F1A70F44B002CDEE1 /* RCTView.h */; };
-		3D80D9951DF6FA890028D040 /* RCTViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13E0674D1A70F44B002CDEE1 /* RCTViewManager.h */; };
-		3D80D9981DF6FA890028D040 /* RCTWrapperViewController.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13B080231A694A8400A75B9A /* RCTWrapperViewController.h */; };
-		3D80D99A1DF6FA890028D040 /* UIView+React.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13E067531A70F44B002CDEE1 /* UIView+React.h */; };
-		3D80DA191DF820620028D040 /* RCTImageLoader.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA0831DE4F3A000E03CC6 /* RCTImageLoader.h */; };
-		3D80DA1A1DF820620028D040 /* RCTImageStoreManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA0841DE4F3A000E03CC6 /* RCTImageStoreManager.h */; };
-		3D80DA1B1DF820620028D040 /* RCTResizeMode.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA0851DE4F3A000E03CC6 /* RCTResizeMode.h */; };
-		3D80DA1C1DF820620028D040 /* RCTLinkingManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA08B1DE4F4DD00E03CC6 /* RCTLinkingManager.h */; };
-		3D80DA1D1DF820620028D040 /* RCTNetworking.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA07A1DE4F2EA00E03CC6 /* RCTNetworking.h */; };
-		3D80DA1E1DF820620028D040 /* RCTNetworkTask.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA07B1DE4F2EA00E03CC6 /* RCTNetworkTask.h */; };
-		3D80DA1F1DF820620028D040 /* RCTPushNotificationManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1FA08D1DE4F4EE00E03CC6 /* RCTPushNotificationManager.h */; };
-		3D80DA201DF820620028D040 /* RCTAssert.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4A1A601E3B00E9B192 /* RCTAssert.h */; };
-		3D80DA211DF820620028D040 /* RCTBridge.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA5E1A601EAA00E9B192 /* RCTBridge.h */; };
-		3D80DA221DF820620028D040 /* RCTBridge+Private.h in Headers */ = {isa = PBXBuildFile; fileRef = 14A43DB81C1F849600794BC8 /* RCTBridge+Private.h */; };
-		3D80DA231DF820620028D040 /* RCTBridgeDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 1482F9E61B55B927000ADFF3 /* RCTBridgeDelegate.h */; };
-		3D80DA241DF820620028D040 /* RCTBridgeMethod.h in Headers */ = {isa = PBXBuildFile; fileRef = 13AFBCA11C07287B00BBAEAA /* RCTBridgeMethod.h */; };
-		3D80DA251DF820620028D040 /* RCTBridgeModule.h in Headers */ = {isa = PBXBuildFile; fileRef = 830213F31A654E0800B993E6 /* RCTBridgeModule.h */; };
-		3D80DA261DF820620028D040 /* RCTBundleURLProvider.h in Headers */ = {isa = PBXBuildFile; fileRef = 68EFE4EC1CF6EB3000A1DE13 /* RCTBundleURLProvider.h */; };
-		3D80DA271DF820620028D040 /* RCTConvert.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBACA1A6023D300E9B192 /* RCTConvert.h */; };
-		3D80DA281DF820620028D040 /* RCTDefines.h in Headers */ = {isa = PBXBuildFile; fileRef = 13AF1F851AE6E777005F5298 /* RCTDefines.h */; };
-		3D80DA291DF820620028D040 /* RCTDisplayLink.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D1E68D81CABD13900DD7465 /* RCTDisplayLink.h */; };
-		3D80DA2A1DF820620028D040 /* RCTErrorCustomizer.h in Headers */ = {isa = PBXBuildFile; fileRef = 3EDCA8A21D3591E700450C31 /* RCTErrorCustomizer.h */; };
-		3D80DA2B1DF820620028D040 /* RCTErrorInfo.h in Headers */ = {isa = PBXBuildFile; fileRef = 3EDCA8A31D3591E700450C31 /* RCTErrorInfo.h */; };
-		3D80DA2C1DF820620028D040 /* RCTEventDispatcher.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA651A601EF300E9B192 /* RCTEventDispatcher.h */; };
-		3D80DA2D1DF820620028D040 /* RCTFrameUpdate.h in Headers */ = {isa = PBXBuildFile; fileRef = 1436DD071ADE7AA000A5ED7D /* RCTFrameUpdate.h */; };
-		3D80DA2E1DF820620028D040 /* RCTImageSource.h in Headers */ = {isa = PBXBuildFile; fileRef = 13BB3D001BECD54500932C10 /* RCTImageSource.h */; };
-		3D80DA2F1DF820620028D040 /* RCTInvalidating.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4C1A601E3B00E9B192 /* RCTInvalidating.h */; };
-		3D80DA301DF820620028D040 /* RCTJavaScriptExecutor.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA631A601ECA00E9B192 /* RCTJavaScriptExecutor.h */; };
-		3D80DA311DF820620028D040 /* RCTJavaScriptLoader.h in Headers */ = {isa = PBXBuildFile; fileRef = 14200DA81AC179B3008EE6BA /* RCTJavaScriptLoader.h */; };
-		3D80DA321DF820620028D040 /* RCTJSStackFrame.h in Headers */ = {isa = PBXBuildFile; fileRef = 008341F51D1DB34400876D9A /* RCTJSStackFrame.h */; };
-		3D80DA331DF820620028D040 /* RCTKeyCommands.h in Headers */ = {isa = PBXBuildFile; fileRef = 13A1F71C1A75392D00D3D453 /* RCTKeyCommands.h */; };
-		3D80DA341DF820620028D040 /* RCTLog.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4D1A601E3B00E9B192 /* RCTLog.h */; };
-		3D80DA351DF820620028D040 /* RCTModuleData.h in Headers */ = {isa = PBXBuildFile; fileRef = 14C2CA721B3AC64300E6CBB2 /* RCTModuleData.h */; };
-		3D80DA361DF820620028D040 /* RCTModuleMethod.h in Headers */ = {isa = PBXBuildFile; fileRef = 14C2CA6F1B3AC63800E6CBB2 /* RCTModuleMethod.h */; };
-		3D80DA371DF820620028D040 /* RCTMultipartDataTask.h in Headers */ = {isa = PBXBuildFile; fileRef = 006FC4121D9B20820057AAAD /* RCTMultipartDataTask.h */; };
-		3D80DA381DF820620028D040 /* RCTMultipartStreamReader.h in Headers */ = {isa = PBXBuildFile; fileRef = 001BFCCE1D8381DE008E587E /* RCTMultipartStreamReader.h */; };
-		3D80DA391DF820620028D040 /* RCTNullability.h in Headers */ = {isa = PBXBuildFile; fileRef = 13A6E20F1C19ABC700845B82 /* RCTNullability.h */; };
-		3D80DA3A1DF820620028D040 /* RCTParserUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = 13A6E20C1C19AA0C00845B82 /* RCTParserUtils.h */; };
-		3D80DA3B1DF820620028D040 /* RCTPerformanceLogger.h in Headers */ = {isa = PBXBuildFile; fileRef = 142014181B32094000CC17BA /* RCTPerformanceLogger.h */; };
-		3D80DA3C1DF820620028D040 /* RCTPlatform.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7749421DC1065C007EC8D8 /* RCTPlatform.h */; };
-		3D80DA3D1DF820620028D040 /* RCTRootView.h in Headers */ = {isa = PBXBuildFile; fileRef = 830A229C1A66C68A008503DA /* RCTRootView.h */; };
-		3D80DA3E1DF820620028D040 /* RCTRootViewDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 13AFBCA21C07287B00BBAEAA /* RCTRootViewDelegate.h */; };
-		3D80DA3F1DF820620028D040 /* RCTRootViewInternal.h in Headers */ = {isa = PBXBuildFile; fileRef = 6A15FB0C1BDF663500531DFB /* RCTRootViewInternal.h */; };
-		3D80DA401DF820620028D040 /* RCTTouchEvent.h in Headers */ = {isa = PBXBuildFile; fileRef = 391E86A31C623EC800009732 /* RCTTouchEvent.h */; };
-		3D80DA411DF820620028D040 /* RCTTouchHandler.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA961A6020BB00E9B192 /* RCTTouchHandler.h */; };
-		3D80DA421DF820620028D040 /* RCTURLRequestDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 1345A83A1B265A0E00583190 /* RCTURLRequestDelegate.h */; };
-		3D80DA431DF820620028D040 /* RCTURLRequestHandler.h in Headers */ = {isa = PBXBuildFile; fileRef = 1345A83B1B265A0E00583190 /* RCTURLRequestHandler.h */; };
-		3D80DA441DF820620028D040 /* RCTUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4F1A601E3B00E9B192 /* RCTUtils.h */; };
-		3D80DA4A1DF820620028D040 /* RCTAccessibilityManager.h in Headers */ = {isa = PBXBuildFile; fileRef = E9B20B791B500126007A2DA7 /* RCTAccessibilityManager.h */; };
-		3D80DA4B1DF820620028D040 /* RCTAlertManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 13B07FE71A69327A00A75B9A /* RCTAlertManager.h */; };
-		3D80DA4C1DF820620028D040 /* RCTAppState.h in Headers */ = {isa = PBXBuildFile; fileRef = 1372B7081AB030C200659ED6 /* RCTAppState.h */; };
-		3D80DA4D1DF820620028D040 /* RCTAsyncLocalStorage.h in Headers */ = {isa = PBXBuildFile; fileRef = 58114A4F1AAE93D500E7D092 /* RCTAsyncLocalStorage.h */; };
-		3D80DA4E1DF820620028D040 /* RCTClipboard.h in Headers */ = {isa = PBXBuildFile; fileRef = 13D033611C1837FE0021DC29 /* RCTClipboard.h */; };
-		3D80DA4F1DF820620028D040 /* RCTDevLoadingView.h in Headers */ = {isa = PBXBuildFile; fileRef = 13A0C2851B74F71200B29F6F /* RCTDevLoadingView.h */; };
-		3D80DA501DF820620028D040 /* RCTDevMenu.h in Headers */ = {isa = PBXBuildFile; fileRef = 13A0C2871B74F71200B29F6F /* RCTDevMenu.h */; };
-		3D80DA511DF820620028D040 /* RCTEventEmitter.h in Headers */ = {isa = PBXBuildFile; fileRef = 13D9FEE91CDCCECF00158BD7 /* RCTEventEmitter.h */; };
-		3D80DA521DF820620028D040 /* RCTExceptionsManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 13B07FE91A69327A00A75B9A /* RCTExceptionsManager.h */; };
-		3D80DA531DF820620028D040 /* RCTI18nManager.h in Headers */ = {isa = PBXBuildFile; fileRef = B233E6E81D2D843200BC68BA /* RCTI18nManager.h */; };
-		3D80DA541DF820620028D040 /* RCTI18nUtil.h in Headers */ = {isa = PBXBuildFile; fileRef = 352DCFEE1D19F4C20056D623 /* RCTI18nUtil.h */; };
-		3D80DA551DF820620028D040 /* RCTKeyboardObserver.h in Headers */ = {isa = PBXBuildFile; fileRef = 13D9FEEC1CDCD93000158BD7 /* RCTKeyboardObserver.h */; };
-		3D80DA561DF820620028D040 /* RCTRedBox.h in Headers */ = {isa = PBXBuildFile; fileRef = 13F17A831B8493E5007D4C75 /* RCTRedBox.h */; };
-		3D80DA571DF820620028D040 /* RCTSourceCode.h in Headers */ = {isa = PBXBuildFile; fileRef = 000E6CE91AB0E97F000CDF4D /* RCTSourceCode.h */; };
-		3D80DA581DF820620028D040 /* RCTStatusBarManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 13723B4E1A82FD3C00F88898 /* RCTStatusBarManager.h */; };
-		3D80DA591DF820620028D040 /* RCTTiming.h in Headers */ = {isa = PBXBuildFile; fileRef = 13B07FED1A69327A00A75B9A /* RCTTiming.h */; };
-		3D80DA5A1DF820620028D040 /* RCTUIManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E067481A70F434002CDEE1 /* RCTUIManager.h */; };
-		3D80DA5B1DF820620028D040 /* RCTFPSGraph.h in Headers */ = {isa = PBXBuildFile; fileRef = 14F7A0EE1BDA714B003C6C10 /* RCTFPSGraph.h */; };
-		3D80DA5D1DF820620028D040 /* RCTMacros.h in Headers */ = {isa = PBXBuildFile; fileRef = 14BF71811C04795500C97D0C /* RCTMacros.h */; };
-		3D80DA5E1DF820620028D040 /* RCTProfile.h in Headers */ = {isa = PBXBuildFile; fileRef = 1450FF801BCFF28A00208362 /* RCTProfile.h */; };
-		3D80DA5F1DF820620028D040 /* RCTActivityIndicatorView.h in Headers */ = {isa = PBXBuildFile; fileRef = B95154301D1B34B200FE7B80 /* RCTActivityIndicatorView.h */; };
-		3D80DA601DF820620028D040 /* RCTActivityIndicatorViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 13B080181A69489C00A75B9A /* RCTActivityIndicatorViewManager.h */; };
-		3D80DA611DF820620028D040 /* RCTAnimationType.h in Headers */ = {isa = PBXBuildFile; fileRef = 13442BF21AA90E0B0037E5B0 /* RCTAnimationType.h */; };
-		3D80DA621DF820620028D040 /* RCTAutoInsetsProtocol.h in Headers */ = {isa = PBXBuildFile; fileRef = 13C325261AA63B6A0048765F /* RCTAutoInsetsProtocol.h */; };
-		3D80DA631DF820620028D040 /* RCTBorderDrawing.h in Headers */ = {isa = PBXBuildFile; fileRef = 13CC8A801B17642100940AE7 /* RCTBorderDrawing.h */; };
-		3D80DA641DF820620028D040 /* RCTBorderStyle.h in Headers */ = {isa = PBXBuildFile; fileRef = ACDD3FDA1BC7430D00E7DE33 /* RCTBorderStyle.h */; };
-		3D80DA651DF820620028D040 /* RCTComponent.h in Headers */ = {isa = PBXBuildFile; fileRef = 13C325281AA63B6A0048765F /* RCTComponent.h */; };
-		3D80DA661DF820620028D040 /* RCTComponentData.h in Headers */ = {isa = PBXBuildFile; fileRef = 13AB90BF1B6FA36700713B4F /* RCTComponentData.h */; };
-		3D80DA671DF820620028D040 /* RCTConvert+CoreLocation.h in Headers */ = {isa = PBXBuildFile; fileRef = 13456E911ADAD2DE009F94A7 /* RCTConvert+CoreLocation.h */; };
-		3D80DA6B1DF820620028D040 /* RCTFont.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D37B5801D522B190042D5B5 /* RCTFont.h */; };
-		3D80DA701DF820620028D040 /* RCTModalHostView.h in Headers */ = {isa = PBXBuildFile; fileRef = 83A1FE8A1B62640A00BE0E65 /* RCTModalHostView.h */; };
-		3D80DA711DF820620028D040 /* RCTModalHostViewController.h in Headers */ = {isa = PBXBuildFile; fileRef = 83392EB11B6634E10013B15F /* RCTModalHostViewController.h */; };
-		3D80DA721DF820620028D040 /* RCTModalHostViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 83A1FE8D1B62643A00BE0E65 /* RCTModalHostViewManager.h */; };
-		3D80DA771DF820620028D040 /* RCTPicker.h in Headers */ = {isa = PBXBuildFile; fileRef = 58114A121AAE854800E7D092 /* RCTPicker.h */; };
-		3D80DA781DF820620028D040 /* RCTPickerManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 58114A141AAE854800E7D092 /* RCTPickerManager.h */; };
-		3D80DA791DF820620028D040 /* RCTPointerEvents.h in Headers */ = {isa = PBXBuildFile; fileRef = 13442BF31AA90E0B0037E5B0 /* RCTPointerEvents.h */; };
-		3D80DA7A1DF820620028D040 /* RCTProgressViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 13513F3A1B1F43F400FCE529 /* RCTProgressViewManager.h */; };
-		3D80DA7B1DF820620028D040 /* RCTRefreshControl.h in Headers */ = {isa = PBXBuildFile; fileRef = 191E3EBF1C29DC3800C180A6 /* RCTRefreshControl.h */; };
-		3D80DA7C1DF820620028D040 /* RCTRefreshControlManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 191E3EBC1C29D9AF00C180A6 /* RCTRefreshControlManager.h */; };
-		3D80DA7D1DF820620028D040 /* RCTRootShadowView.h in Headers */ = {isa = PBXBuildFile; fileRef = 13BCE8071C99CB9D00DD7AAD /* RCTRootShadowView.h */; };
-		3D80DA811DF820620028D040 /* RCTSegmentedControl.h in Headers */ = {isa = PBXBuildFile; fileRef = 131B6AF01AF1093D00FFC3E0 /* RCTSegmentedControl.h */; };
-		3D80DA821DF820620028D040 /* RCTSegmentedControlManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 131B6AF21AF1093D00FFC3E0 /* RCTSegmentedControlManager.h */; };
-		3D80DA831DF820620028D040 /* RCTShadowView.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E0674B1A70F44B002CDEE1 /* RCTShadowView.h */; };
-		3D80DA841DF820620028D040 /* RCTSlider.h in Headers */ = {isa = PBXBuildFile; fileRef = 13AF20431AE707F8005F5298 /* RCTSlider.h */; };
-		3D80DA851DF820620028D040 /* RCTSliderManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 14F484541AABFCE100FDF6B9 /* RCTSliderManager.h */; };
-		3D80DA861DF820620028D040 /* RCTSwitch.h in Headers */ = {isa = PBXBuildFile; fileRef = 14F362071AABD06A001CE568 /* RCTSwitch.h */; };
-		3D80DA871DF820620028D040 /* RCTSwitchManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 14F362091AABD06A001CE568 /* RCTSwitchManager.h */; };
-		3D80DA8C1DF820620028D040 /* RCTTextDecorationLineType.h in Headers */ = {isa = PBXBuildFile; fileRef = E3BBC8EB1ADE6F47001BBD81 /* RCTTextDecorationLineType.h */; };
-		3D80DA8D1DF820620028D040 /* RCTView.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E0674F1A70F44B002CDEE1 /* RCTView.h */; };
-		3D80DA8F1DF820620028D040 /* RCTViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E0674D1A70F44B002CDEE1 /* RCTViewManager.h */; };
-		3D80DA921DF820620028D040 /* RCTWrapperViewController.h in Headers */ = {isa = PBXBuildFile; fileRef = 13B080231A694A8400A75B9A /* RCTWrapperViewController.h */; };
-		3D80DA931DF820620028D040 /* UIView+Private.h in Headers */ = {isa = PBXBuildFile; fileRef = 83F15A171B7CC46900F10295 /* UIView+Private.h */; };
-		3D80DA941DF820620028D040 /* UIView+React.h in Headers */ = {isa = PBXBuildFile; fileRef = 13E067531A70F44B002CDEE1 /* UIView+React.h */; };
-		3D8ED92C1E5B120100D83D20 /* libcxxreact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3D3CD9321DE5FBEE00167DC4 /* libcxxreact.a */; };
-		3DA9819E1E5B0DBB004F2374 /* NSDataBigString.h in Headers */ = {isa = PBXBuildFile; fileRef = 3D7454B31E54786200E74ADD /* NSDataBigString.h */; };
-		3DA981A01E5B0E34004F2374 /* CxxModule.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0A71E03699D0018521A /* CxxModule.h */; };
-		3DA981A11E5B0E34004F2374 /* CxxNativeModule.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0A91E03699D0018521A /* CxxNativeModule.h */; };
-		3DA981A21E5B0E34004F2374 /* JSExecutor.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0AB1E03699D0018521A /* JSExecutor.h */; };
-		3DA981A51E5B0E34004F2374 /* Instance.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0AF1E03699D0018521A /* Instance.h */; };
-		3DA981A61E5B0E34004F2374 /* JsArgumentHelpers-inl.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0B01E03699D0018521A /* JsArgumentHelpers-inl.h */; };
-		3DA981A71E5B0E34004F2374 /* JsArgumentHelpers.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0B11E03699D0018521A /* JsArgumentHelpers.h */; };
-		3DA981A81E5B0E34004F2374 /* JSBigString.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D7454781E54757500E74ADD /* JSBigString.h */; };
-		3DA981A91E5B0E34004F2374 /* JSBundleType.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D3CD8F51DE5FB2300167DC4 /* JSBundleType.h */; };
-		3DA981B31E5B0E34004F2374 /* JSIndexedRAMBundle.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0C71E03699D0018521A /* JSIndexedRAMBundle.h */; };
-		3DA981B41E5B0E34004F2374 /* JSModulesUnbundle.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0C81E03699D0018521A /* JSModulesUnbundle.h */; };
-		3DA981B51E5B0E34004F2374 /* MessageQueueThread.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0C91E03699D0018521A /* MessageQueueThread.h */; };
-		3DA981B61E5B0E34004F2374 /* MethodCall.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0CB1E03699D0018521A /* MethodCall.h */; };
-		3DA981B71E5B0E34004F2374 /* ModuleRegistry.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0CD1E03699D0018521A /* ModuleRegistry.h */; };
-		3DA981B81E5B0E34004F2374 /* NativeModule.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0CE1E03699D0018521A /* NativeModule.h */; };
-		3DA981B91E5B0E34004F2374 /* NativeToJsBridge.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0D01E03699D0018521A /* NativeToJsBridge.h */; };
-		3DA981BC1E5B0E34004F2374 /* RecoverableError.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D7454791E54757500E74ADD /* RecoverableError.h */; };
-		3DA981BD1E5B0E34004F2374 /* SampleCxxModule.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0D41E03699D0018521A /* SampleCxxModule.h */; };
-		3DA981BE1E5B0E34004F2374 /* SystraceSection.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0D51E03699D0018521A /* SystraceSection.h */; };
-		3DA981BF1E5B0F29004F2374 /* RCTAssert.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4A1A601E3B00E9B192 /* RCTAssert.h */; };
-		3DA981C01E5B0F29004F2374 /* RCTBridge.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA5E1A601EAA00E9B192 /* RCTBridge.h */; };
-		3DA981C21E5B0F29004F2374 /* RCTBridgeDelegate.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 1482F9E61B55B927000ADFF3 /* RCTBridgeDelegate.h */; };
-		3DA981C31E5B0F29004F2374 /* RCTBridgeMethod.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13AFBCA11C07287B00BBAEAA /* RCTBridgeMethod.h */; };
-		3DA981C41E5B0F29004F2374 /* RCTBridgeModule.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 830213F31A654E0800B993E6 /* RCTBridgeModule.h */; };
-		3DA981C51E5B0F29004F2374 /* RCTBundleURLProvider.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 68EFE4EC1CF6EB3000A1DE13 /* RCTBundleURLProvider.h */; };
-		3DA981C61E5B0F29004F2374 /* RCTConvert.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBACA1A6023D300E9B192 /* RCTConvert.h */; };
-		3DA981C71E5B0F29004F2374 /* RCTDefines.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13AF1F851AE6E777005F5298 /* RCTDefines.h */; };
-		3DA981C81E5B0F29004F2374 /* RCTDisplayLink.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D1E68D81CABD13900DD7465 /* RCTDisplayLink.h */; };
-		3DA981C91E5B0F29004F2374 /* RCTErrorCustomizer.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3EDCA8A21D3591E700450C31 /* RCTErrorCustomizer.h */; };
-		3DA981CA1E5B0F29004F2374 /* RCTErrorInfo.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3EDCA8A31D3591E700450C31 /* RCTErrorInfo.h */; };
-		3DA981CB1E5B0F29004F2374 /* RCTEventDispatcher.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA651A601EF300E9B192 /* RCTEventDispatcher.h */; };
-		3DA981CC1E5B0F29004F2374 /* RCTFrameUpdate.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 1436DD071ADE7AA000A5ED7D /* RCTFrameUpdate.h */; };
-		3DA981CD1E5B0F29004F2374 /* RCTImageSource.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13BB3D001BECD54500932C10 /* RCTImageSource.h */; };
-		3DA981CE1E5B0F29004F2374 /* RCTInvalidating.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4C1A601E3B00E9B192 /* RCTInvalidating.h */; };
-		3DA981CF1E5B0F29004F2374 /* RCTJavaScriptExecutor.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA631A601ECA00E9B192 /* RCTJavaScriptExecutor.h */; };
-		3DA981D01E5B0F29004F2374 /* RCTJavaScriptLoader.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14200DA81AC179B3008EE6BA /* RCTJavaScriptLoader.h */; };
-		3DA981D11E5B0F29004F2374 /* RCTJSStackFrame.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 008341F51D1DB34400876D9A /* RCTJSStackFrame.h */; };
-		3DA981D21E5B0F29004F2374 /* RCTKeyCommands.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13A1F71C1A75392D00D3D453 /* RCTKeyCommands.h */; };
-		3DA981D31E5B0F29004F2374 /* RCTLog.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4D1A601E3B00E9B192 /* RCTLog.h */; };
-		3DA981D41E5B0F29004F2374 /* RCTModuleData.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14C2CA721B3AC64300E6CBB2 /* RCTModuleData.h */; };
-		3DA981D51E5B0F29004F2374 /* RCTModuleMethod.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14C2CA6F1B3AC63800E6CBB2 /* RCTModuleMethod.h */; };
-		3DA981D61E5B0F29004F2374 /* RCTMultipartDataTask.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 006FC4121D9B20820057AAAD /* RCTMultipartDataTask.h */; };
-		3DA981D71E5B0F29004F2374 /* RCTMultipartStreamReader.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 001BFCCE1D8381DE008E587E /* RCTMultipartStreamReader.h */; };
-		3DA981D81E5B0F29004F2374 /* RCTNullability.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13A6E20F1C19ABC700845B82 /* RCTNullability.h */; };
-		3DA981D91E5B0F29004F2374 /* RCTParserUtils.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13A6E20C1C19AA0C00845B82 /* RCTParserUtils.h */; };
-		3DA981DA1E5B0F29004F2374 /* RCTPerformanceLogger.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 142014181B32094000CC17BA /* RCTPerformanceLogger.h */; };
-		3DA981DB1E5B0F29004F2374 /* RCTPlatform.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D7749421DC1065C007EC8D8 /* RCTPlatform.h */; };
-		3DA981DC1E5B0F29004F2374 /* RCTReloadCommand.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = A2440AA01DF8D854006E7BFC /* RCTReloadCommand.h */; };
-		3DA981DD1E5B0F29004F2374 /* RCTRootContentView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 59A7B9FB1E577DBF0068EDBF /* RCTRootContentView.h */; };
-		3DA981DE1E5B0F29004F2374 /* RCTRootView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 830A229C1A66C68A008503DA /* RCTRootView.h */; };
-		3DA981DF1E5B0F29004F2374 /* RCTRootViewDelegate.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13AFBCA21C07287B00BBAEAA /* RCTRootViewDelegate.h */; };
-		3DA981E11E5B0F29004F2374 /* RCTTouchEvent.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 391E86A31C623EC800009732 /* RCTTouchEvent.h */; };
-		3DA981E21E5B0F29004F2374 /* RCTTouchHandler.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA961A6020BB00E9B192 /* RCTTouchHandler.h */; };
-		3DA981E31E5B0F29004F2374 /* RCTURLRequestDelegate.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 1345A83A1B265A0E00583190 /* RCTURLRequestDelegate.h */; };
-		3DA981E41E5B0F29004F2374 /* RCTURLRequestHandler.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 1345A83B1B265A0E00583190 /* RCTURLRequestHandler.h */; };
-		3DA981E51E5B0F29004F2374 /* RCTUtils.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83CBBA4F1A601E3B00E9B192 /* RCTUtils.h */; };
-		3DA981EA1E5B0F7F004F2374 /* RCTAccessibilityManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = E9B20B791B500126007A2DA7 /* RCTAccessibilityManager.h */; };
-		3DA981EB1E5B0F7F004F2374 /* RCTAlertManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13B07FE71A69327A00A75B9A /* RCTAlertManager.h */; };
-		3DA981EC1E5B0F7F004F2374 /* RCTAppState.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 1372B7081AB030C200659ED6 /* RCTAppState.h */; };
-		3DA981ED1E5B0F7F004F2374 /* RCTAsyncLocalStorage.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 58114A4F1AAE93D500E7D092 /* RCTAsyncLocalStorage.h */; };
-		3DA981EE1E5B0F7F004F2374 /* RCTClipboard.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13D033611C1837FE0021DC29 /* RCTClipboard.h */; };
-		3DA981EF1E5B0F7F004F2374 /* RCTDevLoadingView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13A0C2851B74F71200B29F6F /* RCTDevLoadingView.h */; };
-		3DA981F01E5B0F7F004F2374 /* RCTDevMenu.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13A0C2871B74F71200B29F6F /* RCTDevMenu.h */; };
-		3DA981F11E5B0F7F004F2374 /* RCTEventEmitter.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13D9FEE91CDCCECF00158BD7 /* RCTEventEmitter.h */; };
-		3DA981F21E5B0F7F004F2374 /* RCTExceptionsManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13B07FE91A69327A00A75B9A /* RCTExceptionsManager.h */; };
-		3DA981F31E5B0F7F004F2374 /* RCTI18nManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = B233E6E81D2D843200BC68BA /* RCTI18nManager.h */; };
-		3DA981F41E5B0F7F004F2374 /* RCTI18nUtil.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 352DCFEE1D19F4C20056D623 /* RCTI18nUtil.h */; };
-		3DA981F51E5B0F7F004F2374 /* RCTKeyboardObserver.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13D9FEEC1CDCD93000158BD7 /* RCTKeyboardObserver.h */; };
-		3DA981F61E5B0F7F004F2374 /* RCTRedBox.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13F17A831B8493E5007D4C75 /* RCTRedBox.h */; };
-		3DA981F71E5B0F7F004F2374 /* RCTSourceCode.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 000E6CE91AB0E97F000CDF4D /* RCTSourceCode.h */; };
-		3DA981F81E5B0F7F004F2374 /* RCTStatusBarManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13723B4E1A82FD3C00F88898 /* RCTStatusBarManager.h */; };
-		3DA981F91E5B0F7F004F2374 /* RCTTiming.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13B07FED1A69327A00A75B9A /* RCTTiming.h */; };
-		3DA981FA1E5B0F7F004F2374 /* RCTUIManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13E067481A70F434002CDEE1 /* RCTUIManager.h */; };
-		3DA981FB1E5B0F7F004F2374 /* RCTFPSGraph.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14F7A0EE1BDA714B003C6C10 /* RCTFPSGraph.h */; };
-		3DA981FD1E5B0F7F004F2374 /* RCTMacros.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14BF71811C04795500C97D0C /* RCTMacros.h */; };
-		3DA981FE1E5B0F7F004F2374 /* RCTProfile.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 1450FF801BCFF28A00208362 /* RCTProfile.h */; };
-		3DA981FF1E5B0F7F004F2374 /* RCTActivityIndicatorView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = B95154301D1B34B200FE7B80 /* RCTActivityIndicatorView.h */; };
-		3DA982001E5B0F7F004F2374 /* RCTActivityIndicatorViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13B080181A69489C00A75B9A /* RCTActivityIndicatorViewManager.h */; };
-		3DA982011E5B0F7F004F2374 /* RCTAnimationType.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13442BF21AA90E0B0037E5B0 /* RCTAnimationType.h */; };
-		3DA982021E5B0F7F004F2374 /* RCTAutoInsetsProtocol.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13C325261AA63B6A0048765F /* RCTAutoInsetsProtocol.h */; };
-		3DA982031E5B0F7F004F2374 /* RCTBorderDrawing.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13CC8A801B17642100940AE7 /* RCTBorderDrawing.h */; };
-		3DA982041E5B0F7F004F2374 /* RCTBorderStyle.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = ACDD3FDA1BC7430D00E7DE33 /* RCTBorderStyle.h */; };
-		3DA982051E5B0F7F004F2374 /* RCTComponent.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13C325281AA63B6A0048765F /* RCTComponent.h */; };
-		3DA982061E5B0F7F004F2374 /* RCTComponentData.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13AB90BF1B6FA36700713B4F /* RCTComponentData.h */; };
-		3DA982071E5B0F7F004F2374 /* RCTConvert+CoreLocation.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13456E911ADAD2DE009F94A7 /* RCTConvert+CoreLocation.h */; };
-		3DA9820C1E5B0F7F004F2374 /* RCTFont.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D37B5801D522B190042D5B5 /* RCTFont.h */; };
-		3DA982111E5B0F7F004F2374 /* RCTModalHostView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83A1FE8A1B62640A00BE0E65 /* RCTModalHostView.h */; };
-		3DA982121E5B0F7F004F2374 /* RCTModalHostViewController.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83392EB11B6634E10013B15F /* RCTModalHostViewController.h */; };
-		3DA982131E5B0F7F004F2374 /* RCTModalHostViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 83A1FE8D1B62643A00BE0E65 /* RCTModalHostViewManager.h */; };
-		3DA982141E5B0F7F004F2374 /* (null) in Copy Headers */ = {isa = PBXBuildFile; };
-		3DA982151E5B0F7F004F2374 /* (null) in Copy Headers */ = {isa = PBXBuildFile; };
-		3DA982161E5B0F7F004F2374 /* (null) in Copy Headers */ = {isa = PBXBuildFile; };
-		3DA982171E5B0F7F004F2374 /* (null) in Copy Headers */ = {isa = PBXBuildFile; };
-		3DA982181E5B0F7F004F2374 /* RCTPicker.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 58114A121AAE854800E7D092 /* RCTPicker.h */; };
-		3DA982191E5B0F7F004F2374 /* RCTPickerManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 58114A141AAE854800E7D092 /* RCTPickerManager.h */; };
-		3DA9821A1E5B0F7F004F2374 /* RCTPointerEvents.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13442BF31AA90E0B0037E5B0 /* RCTPointerEvents.h */; };
-		3DA9821B1E5B0F7F004F2374 /* RCTProgressViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13513F3A1B1F43F400FCE529 /* RCTProgressViewManager.h */; };
-		3DA9821C1E5B0F7F004F2374 /* RCTRefreshControl.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 191E3EBF1C29DC3800C180A6 /* RCTRefreshControl.h */; };
-		3DA9821D1E5B0F7F004F2374 /* RCTRefreshControlManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 191E3EBC1C29D9AF00C180A6 /* RCTRefreshControlManager.h */; };
-		3DA9821E1E5B0F7F004F2374 /* RCTRootShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13BCE8071C99CB9D00DD7AAD /* RCTRootShadowView.h */; };
-		3DA982241E5B0F7F004F2374 /* RCTSegmentedControl.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 131B6AF01AF1093D00FFC3E0 /* RCTSegmentedControl.h */; };
-		3DA982251E5B0F7F004F2374 /* RCTSegmentedControlManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 131B6AF21AF1093D00FFC3E0 /* RCTSegmentedControlManager.h */; };
-		3DA982261E5B0F7F004F2374 /* RCTShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13E0674B1A70F44B002CDEE1 /* RCTShadowView.h */; };
-		3DA982271E5B0F7F004F2374 /* RCTSlider.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13AF20431AE707F8005F5298 /* RCTSlider.h */; };
-		3DA982281E5B0F7F004F2374 /* RCTSliderManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14F484541AABFCE100FDF6B9 /* RCTSliderManager.h */; };
-		3DA982291E5B0F7F004F2374 /* RCTSwitch.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14F362071AABD06A001CE568 /* RCTSwitch.h */; };
-		3DA9822A1E5B0F7F004F2374 /* RCTSwitchManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 14F362091AABD06A001CE568 /* RCTSwitchManager.h */; };
-		3DA9822F1E5B0F7F004F2374 /* RCTTextDecorationLineType.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = E3BBC8EB1ADE6F47001BBD81 /* RCTTextDecorationLineType.h */; };
-		3DA982301E5B0F7F004F2374 /* RCTTVView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 130443D61E401AD800D93A67 /* RCTTVView.h */; };
-		3DA982311E5B0F7F004F2374 /* RCTView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13E0674F1A70F44B002CDEE1 /* RCTView.h */; };
-		3DA982331E5B0F7F004F2374 /* RCTViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13E0674D1A70F44B002CDEE1 /* RCTViewManager.h */; };
-		3DA982361E5B0F7F004F2374 /* RCTWrapperViewController.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13B080231A694A8400A75B9A /* RCTWrapperViewController.h */; };
-		3DA982381E5B0F7F004F2374 /* UIView+React.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13E067531A70F44B002CDEE1 /* UIView+React.h */; };
-		3DA982391E5B0F8A004F2374 /* UIView+Private.h in Headers */ = {isa = PBXBuildFile; fileRef = 83F15A171B7CC46900F10295 /* UIView+Private.h */; };
-		3DA9823B1E5B1053004F2374 /* CxxModule.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0A71E03699D0018521A /* CxxModule.h */; };
-		3DA9823C1E5B1053004F2374 /* CxxNativeModule.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0A91E03699D0018521A /* CxxNativeModule.h */; };
-		3DA9823D1E5B1053004F2374 /* JSExecutor.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0AB1E03699D0018521A /* JSExecutor.h */; };
-		3DA982401E5B1053004F2374 /* Instance.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0AF1E03699D0018521A /* Instance.h */; };
-		3DA982411E5B1053004F2374 /* JsArgumentHelpers-inl.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0B01E03699D0018521A /* JsArgumentHelpers-inl.h */; };
-		3DA982421E5B1053004F2374 /* JsArgumentHelpers.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0B11E03699D0018521A /* JsArgumentHelpers.h */; };
-		3DA982431E5B1053004F2374 /* JSBigString.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D7454781E54757500E74ADD /* JSBigString.h */; };
-		3DA982441E5B1053004F2374 /* JSBundleType.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D3CD8F51DE5FB2300167DC4 /* JSBundleType.h */; };
-		3DA9824E1E5B1053004F2374 /* JSIndexedRAMBundle.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0C71E03699D0018521A /* JSIndexedRAMBundle.h */; };
-		3DA9824F1E5B1053004F2374 /* JSModulesUnbundle.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0C81E03699D0018521A /* JSModulesUnbundle.h */; };
-		3DA982501E5B1053004F2374 /* MessageQueueThread.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0C91E03699D0018521A /* MessageQueueThread.h */; };
-		3DA982511E5B1053004F2374 /* MethodCall.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0CB1E03699D0018521A /* MethodCall.h */; };
-		3DA982521E5B1053004F2374 /* ModuleRegistry.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0CD1E03699D0018521A /* ModuleRegistry.h */; };
-		3DA982531E5B1053004F2374 /* NativeModule.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0CE1E03699D0018521A /* NativeModule.h */; };
-		3DA982541E5B1053004F2374 /* NativeToJsBridge.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0D01E03699D0018521A /* NativeToJsBridge.h */; };
-		3DA982571E5B1053004F2374 /* RecoverableError.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D7454791E54757500E74ADD /* RecoverableError.h */; };
-		3DA982581E5B1053004F2374 /* SampleCxxModule.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0D41E03699D0018521A /* SampleCxxModule.h */; };
-		3DA982591E5B1053004F2374 /* SystraceSection.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D92B0D51E03699D0018521A /* SystraceSection.h */; };
-		3DC159E41E83E1AE007B1282 /* RCTRootContentView.m in Sources */ = {isa = PBXBuildFile; fileRef = 59A7B9FC1E577DBF0068EDBF /* RCTRootContentView.m */; };
-		3DC159E51E83E1E9007B1282 /* JSBigString.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 27B958731E57587D0096647A /* JSBigString.cpp */; };
-		3DC159E61E83E1FA007B1282 /* JSBigString.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 27B958731E57587D0096647A /* JSBigString.cpp */; };
-		3DCE52F31FEAB10600613583 /* RCTRedBoxExtraDataViewController.h in Headers */ = {isa = PBXBuildFile; fileRef = FEFAAC9D1FDB89B40057BBE0 /* RCTRedBoxExtraDataViewController.h */; };
-		3DCE53251FEAB1E000613583 /* RCTShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5335D5401FE81A4700883D58 /* RCTShadowView.m */; };
-		3DCE53281FEAB23100613583 /* RCTDatePicker.h in Headers */ = {isa = PBXBuildFile; fileRef = 133CAE8C1B8E5CFD00F6AD92 /* RCTDatePicker.h */; };
-		3DCE53291FEAB23100613583 /* RCTDatePicker.m in Sources */ = {isa = PBXBuildFile; fileRef = 133CAE8D1B8E5CFD00F6AD92 /* RCTDatePicker.m */; };
-		3DCE532A1FEAB23100613583 /* RCTDatePickerManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 58C571C01AA56C1900CDF9C8 /* RCTDatePickerManager.h */; };
-		3DCE532B1FEAB23100613583 /* RCTDatePickerManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 58C571BF1AA56C1900CDF9C8 /* RCTDatePickerManager.m */; };
-		3DE4F8681DF85D8E00B9E5A0 /* YGEnums.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 130A77031DF767AF001F9587 /* YGEnums.h */; };
-		3DE4F8691DF85D8E00B9E5A0 /* YGMacros.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 130A77041DF767AF001F9587 /* YGMacros.h */; };
-		3DE4F86A1DF85D8E00B9E5A0 /* Yoga.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 130A77081DF767AF001F9587 /* Yoga.h */; };
-		3DFE0D161DF8574D00459392 /* YGEnums.h in Headers */ = {isa = PBXBuildFile; fileRef = 130A77031DF767AF001F9587 /* YGEnums.h */; };
-		3DFE0D171DF8574D00459392 /* YGMacros.h in Headers */ = {isa = PBXBuildFile; fileRef = 130A77041DF767AF001F9587 /* YGMacros.h */; };
-		3DFE0D191DF8574D00459392 /* Yoga.h in Headers */ = {isa = PBXBuildFile; fileRef = 130A77081DF767AF001F9587 /* Yoga.h */; };
-		3DFE0D1A1DF8575800459392 /* YGEnums.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 130A77031DF767AF001F9587 /* YGEnums.h */; };
-		3DFE0D1B1DF8575800459392 /* YGMacros.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 130A77041DF767AF001F9587 /* YGMacros.h */; };
-		3DFE0D1C1DF8575800459392 /* Yoga.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 130A77081DF767AF001F9587 /* Yoga.h */; };
-		3EDCA8A51D3591E700450C31 /* RCTErrorInfo.m in Sources */ = {isa = PBXBuildFile; fileRef = 3EDCA8A41D3591E700450C31 /* RCTErrorInfo.m */; };
-		4F56C93822167A4800DB9F3F /* jsi/jsilib.h in Headers */ = {isa = PBXBuildFile; fileRef = 4F56C93722167A4800DB9F3F /* jsi/jsilib.h */; };
-		4F56C93922167A4D00DB9F3F /* jsi/jsilib.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 4F56C93722167A4800DB9F3F /* jsi/jsilib.h */; };
-		4F56C93A2216A3B700DB9F3F /* jsi/jsilib.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 4F56C93722167A4800DB9F3F /* jsi/jsilib.h */; };
-		5335D5411FE81A4700883D58 /* RCTShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5335D5401FE81A4700883D58 /* RCTShadowView.m */; };
-		53438962203905BB008E0CB3 /* YGLayout.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 5343895E203905B6008E0CB3 /* YGLayout.cpp */; };
-		53438963203905BC008E0CB3 /* YGLayout.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 5343895E203905B6008E0CB3 /* YGLayout.cpp */; };
-		53438964203905BF008E0CB3 /* YGLayout.h in Headers */ = {isa = PBXBuildFile; fileRef = 5343895F203905B6008E0CB3 /* YGLayout.h */; };
-		53438965203905C0008E0CB3 /* YGLayout.h in Headers */ = {isa = PBXBuildFile; fileRef = 5343895F203905B6008E0CB3 /* YGLayout.h */; };
-		5352C5752038FF9500A3B97E /* YGStyle.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 5352C5722038FF8D00A3B97E /* YGStyle.cpp */; };
-		5352C5762038FF9700A3B97E /* YGStyle.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 5352C5722038FF8D00A3B97E /* YGStyle.cpp */; };
-		5352C5772038FF9A00A3B97E /* YGStyle.h in Headers */ = {isa = PBXBuildFile; fileRef = 5352C5712038FF8D00A3B97E /* YGStyle.h */; };
-		5352C5782038FF9B00A3B97E /* YGStyle.h in Headers */ = {isa = PBXBuildFile; fileRef = 5352C5712038FF8D00A3B97E /* YGStyle.h */; };
-		53756E3B2004FFFA00FBBD99 /* Utils.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 53756E372004FFF700FBBD99 /* Utils.cpp */; };
-		53756E3C2004FFFC00FBBD99 /* Utils.h in Headers */ = {isa = PBXBuildFile; fileRef = 53756E382004FFF700FBBD99 /* Utils.h */; };
-		53756E3D2004FFFE00FBBD99 /* Utils.h in Headers */ = {isa = PBXBuildFile; fileRef = 53756E382004FFF700FBBD99 /* Utils.h */; };
-		53756E3E2005000300FBBD99 /* Utils.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 53756E372004FFF700FBBD99 /* Utils.cpp */; };
-		5376C5E41FC6DDBC0083513D /* YGNodePrint.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 5376C5E11FC6DDB20083513D /* YGNodePrint.cpp */; };
-		5376C5E51FC6DDBD0083513D /* YGNodePrint.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 5376C5E11FC6DDB20083513D /* YGNodePrint.cpp */; };
-		5376C5E61FC6DDC10083513D /* YGNodePrint.h in Headers */ = {isa = PBXBuildFile; fileRef = 5376C5E01FC6DDB20083513D /* YGNodePrint.h */; };
-		5376C5E71FC6DDC20083513D /* YGNodePrint.h in Headers */ = {isa = PBXBuildFile; fileRef = 5376C5E01FC6DDB20083513D /* YGNodePrint.h */; };
-		53D123971FBF1DF5001B8A10 /* libyoga.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3D3C059A1DE3340900C268FA /* libyoga.a */; };
-		53D1239A1FBF1EF2001B8A10 /* YGEnums.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 53CBF1861FB4FE80002CBB31 /* YGEnums.cpp */; };
-		53D1239B1FBF1EF4001B8A10 /* YGEnums.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 53CBF1861FB4FE80002CBB31 /* YGEnums.cpp */; };
-		53D1239E1FBF1EFB001B8A10 /* Yoga-internal.h in Headers */ = {isa = PBXBuildFile; fileRef = 53CBF1851FB4FE80002CBB31 /* Yoga-internal.h */; };
-		53D1239F1FBF1EFB001B8A10 /* Yoga-internal.h in Headers */ = {isa = PBXBuildFile; fileRef = 53CBF1851FB4FE80002CBB31 /* Yoga-internal.h */; };
-		53D123A01FBF1EFF001B8A10 /* Yoga.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 53CBF1871FB4FE80002CBB31 /* Yoga.cpp */; };
-		53D123A11FBF1EFF001B8A10 /* Yoga.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 53CBF1871FB4FE80002CBB31 /* Yoga.cpp */; };
-		53DEF6EC205AE5A6006A3890 /* YGFloatOptional.h in Headers */ = {isa = PBXBuildFile; fileRef = 53DEF6E7205AE59C006A3890 /* YGFloatOptional.h */; };
-		53DEF6ED205AE5A7006A3890 /* YGFloatOptional.h in Headers */ = {isa = PBXBuildFile; fileRef = 53DEF6E7205AE59C006A3890 /* YGFloatOptional.h */; };
-		53EC85E21FDEC75F0051B2B5 /* YGNode.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 53EC85DF1FDEC75A0051B2B5 /* YGNode.cpp */; };
-		53EC85E31FDEC75F0051B2B5 /* YGNode.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 53EC85DF1FDEC75A0051B2B5 /* YGNode.cpp */; };
-		53EC85E41FDEC7630051B2B5 /* YGNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 53EC85DE1FDEC75A0051B2B5 /* YGNode.h */; };
-		53EC85E51FDEC7630051B2B5 /* YGNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 53EC85DE1FDEC75A0051B2B5 /* YGNode.h */; };
-		58114A161AAE854800E7D092 /* RCTPicker.m in Sources */ = {isa = PBXBuildFile; fileRef = 58114A131AAE854800E7D092 /* RCTPicker.m */; };
-		58114A171AAE854800E7D092 /* RCTPickerManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 58114A151AAE854800E7D092 /* RCTPickerManager.m */; };
-		58114A501AAE93D500E7D092 /* RCTAsyncLocalStorage.m in Sources */ = {isa = PBXBuildFile; fileRef = 58114A4E1AAE93D500E7D092 /* RCTAsyncLocalStorage.m */; };
-		589515E02231AD9C0036BDE0 /* RCTSurfacePresenterStub.h in Headers */ = {isa = PBXBuildFile; fileRef = 589515DF2231AD9C0036BDE0 /* RCTSurfacePresenterStub.h */; };
-		589515E12231ADE00036BDE0 /* RCTSurfacePresenterStub.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 589515DF2231AD9C0036BDE0 /* RCTSurfacePresenterStub.h */; };
-		590D7BFD1EBD458B00D8A370 /* RCTShadowView+Layout.h in Headers */ = {isa = PBXBuildFile; fileRef = 590D7BFB1EBD458B00D8A370 /* RCTShadowView+Layout.h */; };
-		590D7BFE1EBD458B00D8A370 /* RCTShadowView+Layout.h in Headers */ = {isa = PBXBuildFile; fileRef = 590D7BFB1EBD458B00D8A370 /* RCTShadowView+Layout.h */; };
-		590D7BFF1EBD458B00D8A370 /* RCTShadowView+Layout.m in Sources */ = {isa = PBXBuildFile; fileRef = 590D7BFC1EBD458B00D8A370 /* RCTShadowView+Layout.m */; };
-		590D7C001EBD458B00D8A370 /* RCTShadowView+Layout.m in Sources */ = {isa = PBXBuildFile; fileRef = 590D7BFC1EBD458B00D8A370 /* RCTShadowView+Layout.m */; };
-		591F78DA202ADB22004A668C /* RCTLayout.m in Sources */ = {isa = PBXBuildFile; fileRef = 591F78D8202ADB21004A668C /* RCTLayout.m */; };
-		591F78DB202ADB22004A668C /* RCTLayout.m in Sources */ = {isa = PBXBuildFile; fileRef = 591F78D8202ADB21004A668C /* RCTLayout.m */; };
-		591F78DC202ADB22004A668C /* RCTLayout.h in Headers */ = {isa = PBXBuildFile; fileRef = 591F78D9202ADB22004A668C /* RCTLayout.h */; };
-		591F78DD202ADB22004A668C /* RCTLayout.h in Headers */ = {isa = PBXBuildFile; fileRef = 591F78D9202ADB22004A668C /* RCTLayout.h */; };
-		591F78DE202ADB8F004A668C /* RCTLayout.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 591F78D9202ADB22004A668C /* RCTLayout.h */; };
-		591F78DF202ADB97004A668C /* RCTLayout.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 591F78D9202ADB22004A668C /* RCTLayout.h */; };
-		5925356A20084D0600DD584B /* RCTSurfaceSizeMeasureMode.mm in Sources */ = {isa = PBXBuildFile; fileRef = 5925356920084D0600DD584B /* RCTSurfaceSizeMeasureMode.mm */; };
-		59283CA01FD67321000EAAB9 /* RCTSurfaceStage.m in Sources */ = {isa = PBXBuildFile; fileRef = 59283C9F1FD67320000EAAB9 /* RCTSurfaceStage.m */; };
-		594F0A321FD23228007FBE96 /* RCTSurfaceHostingView.h in Headers */ = {isa = PBXBuildFile; fileRef = 594F0A2F1FD23228007FBE96 /* RCTSurfaceHostingView.h */; };
-		594F0A331FD23228007FBE96 /* RCTSurfaceHostingView.h in Headers */ = {isa = PBXBuildFile; fileRef = 594F0A2F1FD23228007FBE96 /* RCTSurfaceHostingView.h */; };
-		594F0A341FD23228007FBE96 /* RCTSurfaceHostingView.mm in Sources */ = {isa = PBXBuildFile; fileRef = 594F0A301FD23228007FBE96 /* RCTSurfaceHostingView.mm */; };
-		594F0A361FD23228007FBE96 /* RCTSurfaceSizeMeasureMode.h in Headers */ = {isa = PBXBuildFile; fileRef = 594F0A311FD23228007FBE96 /* RCTSurfaceSizeMeasureMode.h */; };
-		594F0A371FD23228007FBE96 /* RCTSurfaceSizeMeasureMode.h in Headers */ = {isa = PBXBuildFile; fileRef = 594F0A311FD23228007FBE96 /* RCTSurfaceSizeMeasureMode.h */; };
-		594F0A381FD233A2007FBE96 /* RCTSurface.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 599FAA2A1FB274970058CCF6 /* RCTSurface.h */; };
-		594F0A391FD233A2007FBE96 /* RCTSurfaceDelegate.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 599FAA2C1FB274970058CCF6 /* RCTSurfaceDelegate.h */; };
-		594F0A3A1FD233A2007FBE96 /* RCTSurfaceRootShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 599FAA2D1FB274970058CCF6 /* RCTSurfaceRootShadowView.h */; };
-		594F0A3B1FD233A2007FBE96 /* RCTSurfaceRootShadowViewDelegate.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 599FAA2F1FB274970058CCF6 /* RCTSurfaceRootShadowViewDelegate.h */; };
-		594F0A3C1FD233A2007FBE96 /* RCTSurfaceRootView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 599FAA301FB274970058CCF6 /* RCTSurfaceRootView.h */; };
-		594F0A3D1FD233A2007FBE96 /* RCTSurfaceStage.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 599FAA321FB274970058CCF6 /* RCTSurfaceStage.h */; };
-		594F0A3E1FD233A2007FBE96 /* RCTSurfaceView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 599FAA341FB274970058CCF6 /* RCTSurfaceView.h */; };
-		594F0A3F1FD233A2007FBE96 /* RCTSurfaceHostingView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 594F0A2F1FD23228007FBE96 /* RCTSurfaceHostingView.h */; };
-		594F0A401FD233A2007FBE96 /* RCTSurfaceSizeMeasureMode.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 594F0A311FD23228007FBE96 /* RCTSurfaceSizeMeasureMode.h */; };
-		594F0A411FD233BD007FBE96 /* RCTSurface.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 599FAA2A1FB274970058CCF6 /* RCTSurface.h */; };
-		594F0A421FD233BD007FBE96 /* RCTSurfaceDelegate.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 599FAA2C1FB274970058CCF6 /* RCTSurfaceDelegate.h */; };
-		594F0A431FD233BD007FBE96 /* RCTSurfaceRootShadowView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 599FAA2D1FB274970058CCF6 /* RCTSurfaceRootShadowView.h */; };
-		594F0A441FD233BD007FBE96 /* RCTSurfaceRootShadowViewDelegate.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 599FAA2F1FB274970058CCF6 /* RCTSurfaceRootShadowViewDelegate.h */; };
-		594F0A451FD233BD007FBE96 /* RCTSurfaceRootView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 599FAA301FB274970058CCF6 /* RCTSurfaceRootView.h */; };
-		594F0A461FD233BD007FBE96 /* RCTSurfaceStage.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 599FAA321FB274970058CCF6 /* RCTSurfaceStage.h */; };
-		594F0A471FD233BD007FBE96 /* RCTSurfaceView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 599FAA341FB274970058CCF6 /* RCTSurfaceView.h */; };
-		594F0A481FD233BD007FBE96 /* RCTSurfaceHostingView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 594F0A2F1FD23228007FBE96 /* RCTSurfaceHostingView.h */; };
-		594F0A491FD233BD007FBE96 /* RCTSurfaceSizeMeasureMode.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 594F0A311FD23228007FBE96 /* RCTSurfaceSizeMeasureMode.h */; };
-		59500D431F71C63F00B122B7 /* RCTUIManagerUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = 59500D411F71C63700B122B7 /* RCTUIManagerUtils.h */; };
-		59500D441F71C63F00B122B7 /* RCTUIManagerUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = 59500D411F71C63700B122B7 /* RCTUIManagerUtils.h */; };
-		59500D451F71C63F00B122B7 /* RCTUIManagerUtils.m in Sources */ = {isa = PBXBuildFile; fileRef = 59500D421F71C63F00B122B7 /* RCTUIManagerUtils.m */; };
-		59500D461F71C63F00B122B7 /* RCTUIManagerUtils.m in Sources */ = {isa = PBXBuildFile; fileRef = 59500D421F71C63F00B122B7 /* RCTUIManagerUtils.m */; };
-		59500D471F71C66700B122B7 /* RCTUIManagerUtils.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 59500D411F71C63700B122B7 /* RCTUIManagerUtils.h */; };
-		59500D481F71C67600B122B7 /* RCTUIManagerUtils.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 59500D411F71C63700B122B7 /* RCTUIManagerUtils.h */; };
-		5960C1B51F0804A00066FD5B /* RCTLayoutAnimation.h in Headers */ = {isa = PBXBuildFile; fileRef = 5960C1B11F0804A00066FD5B /* RCTLayoutAnimation.h */; };
-		5960C1B61F0804A00066FD5B /* RCTLayoutAnimation.h in Headers */ = {isa = PBXBuildFile; fileRef = 5960C1B11F0804A00066FD5B /* RCTLayoutAnimation.h */; };
-		5960C1B71F0804A00066FD5B /* RCTLayoutAnimation.m in Sources */ = {isa = PBXBuildFile; fileRef = 5960C1B21F0804A00066FD5B /* RCTLayoutAnimation.m */; };
-		5960C1B81F0804A00066FD5B /* RCTLayoutAnimation.m in Sources */ = {isa = PBXBuildFile; fileRef = 5960C1B21F0804A00066FD5B /* RCTLayoutAnimation.m */; };
-		5960C1B91F0804A00066FD5B /* RCTLayoutAnimationGroup.h in Headers */ = {isa = PBXBuildFile; fileRef = 5960C1B31F0804A00066FD5B /* RCTLayoutAnimationGroup.h */; };
-		5960C1BA1F0804A00066FD5B /* RCTLayoutAnimationGroup.h in Headers */ = {isa = PBXBuildFile; fileRef = 5960C1B31F0804A00066FD5B /* RCTLayoutAnimationGroup.h */; };
-		5960C1BB1F0804A00066FD5B /* RCTLayoutAnimationGroup.m in Sources */ = {isa = PBXBuildFile; fileRef = 5960C1B41F0804A00066FD5B /* RCTLayoutAnimationGroup.m */; };
-		5960C1BC1F0804A00066FD5B /* RCTLayoutAnimationGroup.m in Sources */ = {isa = PBXBuildFile; fileRef = 5960C1B41F0804A00066FD5B /* RCTLayoutAnimationGroup.m */; };
-		5960C1BD1F0804DF0066FD5B /* RCTLayoutAnimation.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5960C1B11F0804A00066FD5B /* RCTLayoutAnimation.h */; };
-		5960C1BE1F0804DF0066FD5B /* RCTLayoutAnimationGroup.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5960C1B31F0804A00066FD5B /* RCTLayoutAnimationGroup.h */; };
-		5960C1BF1F0804F50066FD5B /* RCTLayoutAnimation.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5960C1B11F0804A00066FD5B /* RCTLayoutAnimation.h */; };
-		5960C1C01F0804F50066FD5B /* RCTLayoutAnimationGroup.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5960C1B31F0804A00066FD5B /* RCTLayoutAnimationGroup.h */; };
-		597633361F4E021D005BE8A4 /* RCTShadowView+Internal.m in Sources */ = {isa = PBXBuildFile; fileRef = 597633341F4E021D005BE8A4 /* RCTShadowView+Internal.m */; };
-		597633371F4E021D005BE8A4 /* RCTShadowView+Internal.m in Sources */ = {isa = PBXBuildFile; fileRef = 597633341F4E021D005BE8A4 /* RCTShadowView+Internal.m */; };
-		597633381F4E021D005BE8A4 /* RCTShadowView+Internal.h in Headers */ = {isa = PBXBuildFile; fileRef = 597633351F4E021D005BE8A4 /* RCTShadowView+Internal.h */; };
-		597633391F4E021D005BE8A4 /* RCTShadowView+Internal.h in Headers */ = {isa = PBXBuildFile; fileRef = 597633351F4E021D005BE8A4 /* RCTShadowView+Internal.h */; };
-		598FD1921F816A2A006C54CB /* RAMBundleRegistry.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = C6D380181F71D75B00621378 /* RAMBundleRegistry.h */; };
-		598FD1951F817335006C54CB /* RCTModalManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 91076A881F743AB00081B4FA /* RCTModalManager.h */; };
-		598FD1971F817336006C54CB /* RCTModalManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 91076A881F743AB00081B4FA /* RCTModalManager.h */; };
-		599FAA361FB274980058CCF6 /* RCTSurface.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA2A1FB274970058CCF6 /* RCTSurface.h */; };
-		599FAA371FB274980058CCF6 /* RCTSurface.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA2A1FB274970058CCF6 /* RCTSurface.h */; };
-		599FAA381FB274980058CCF6 /* RCTSurface.mm in Sources */ = {isa = PBXBuildFile; fileRef = 599FAA2B1FB274970058CCF6 /* RCTSurface.mm */; };
-		599FAA3A1FB274980058CCF6 /* RCTSurfaceDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA2C1FB274970058CCF6 /* RCTSurfaceDelegate.h */; };
-		599FAA3B1FB274980058CCF6 /* RCTSurfaceDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA2C1FB274970058CCF6 /* RCTSurfaceDelegate.h */; };
-		599FAA3C1FB274980058CCF6 /* RCTSurfaceRootShadowView.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA2D1FB274970058CCF6 /* RCTSurfaceRootShadowView.h */; };
-		599FAA3D1FB274980058CCF6 /* RCTSurfaceRootShadowView.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA2D1FB274970058CCF6 /* RCTSurfaceRootShadowView.h */; };
-		599FAA3E1FB274980058CCF6 /* RCTSurfaceRootShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 599FAA2E1FB274970058CCF6 /* RCTSurfaceRootShadowView.m */; };
-		599FAA401FB274980058CCF6 /* RCTSurfaceRootShadowViewDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA2F1FB274970058CCF6 /* RCTSurfaceRootShadowViewDelegate.h */; };
-		599FAA411FB274980058CCF6 /* RCTSurfaceRootShadowViewDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA2F1FB274970058CCF6 /* RCTSurfaceRootShadowViewDelegate.h */; };
-		599FAA421FB274980058CCF6 /* RCTSurfaceRootView.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA301FB274970058CCF6 /* RCTSurfaceRootView.h */; };
-		599FAA431FB274980058CCF6 /* RCTSurfaceRootView.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA301FB274970058CCF6 /* RCTSurfaceRootView.h */; };
-		599FAA441FB274980058CCF6 /* RCTSurfaceRootView.mm in Sources */ = {isa = PBXBuildFile; fileRef = 599FAA311FB274970058CCF6 /* RCTSurfaceRootView.mm */; };
-		599FAA461FB274980058CCF6 /* RCTSurfaceStage.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA321FB274970058CCF6 /* RCTSurfaceStage.h */; };
-		599FAA471FB274980058CCF6 /* RCTSurfaceStage.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA321FB274970058CCF6 /* RCTSurfaceStage.h */; };
-		599FAA481FB274980058CCF6 /* RCTSurfaceView+Internal.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA331FB274970058CCF6 /* RCTSurfaceView+Internal.h */; };
-		599FAA491FB274980058CCF6 /* RCTSurfaceView+Internal.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA331FB274970058CCF6 /* RCTSurfaceView+Internal.h */; };
-		599FAA4A1FB274980058CCF6 /* RCTSurfaceView.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA341FB274970058CCF6 /* RCTSurfaceView.h */; };
-		599FAA4B1FB274980058CCF6 /* RCTSurfaceView.h in Headers */ = {isa = PBXBuildFile; fileRef = 599FAA341FB274970058CCF6 /* RCTSurfaceView.h */; };
-		599FAA4C1FB274980058CCF6 /* RCTSurfaceView.mm in Sources */ = {isa = PBXBuildFile; fileRef = 599FAA351FB274970058CCF6 /* RCTSurfaceView.mm */; };
-		59A7B9FD1E577DBF0068EDBF /* RCTRootContentView.h in Headers */ = {isa = PBXBuildFile; fileRef = 59A7B9FB1E577DBF0068EDBF /* RCTRootContentView.h */; };
-		59A7B9FE1E577DBF0068EDBF /* RCTRootContentView.m in Sources */ = {isa = PBXBuildFile; fileRef = 59A7B9FC1E577DBF0068EDBF /* RCTRootContentView.m */; };
-		59B1EBC91EBD46250047B19B /* RCTShadowView+Layout.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 590D7BFB1EBD458B00D8A370 /* RCTShadowView+Layout.h */; };
-		59B1EBCA1EBD47520047B19B /* RCTShadowView+Layout.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 590D7BFB1EBD458B00D8A370 /* RCTShadowView+Layout.h */; };
-		59D031ED1F8353D3008361F0 /* RCTSafeAreaShadowView.h in Headers */ = {isa = PBXBuildFile; fileRef = 59D031E51F8353D3008361F0 /* RCTSafeAreaShadowView.h */; };
-		59D031EE1F8353D3008361F0 /* RCTSafeAreaShadowView.h in Headers */ = {isa = PBXBuildFile; fileRef = 59D031E51F8353D3008361F0 /* RCTSafeAreaShadowView.h */; };
-		59D031EF1F8353D3008361F0 /* RCTSafeAreaShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 59D031E61F8353D3008361F0 /* RCTSafeAreaShadowView.m */; };
-		59D031F11F8353D3008361F0 /* RCTSafeAreaView.h in Headers */ = {isa = PBXBuildFile; fileRef = 59D031E71F8353D3008361F0 /* RCTSafeAreaView.h */; };
-		59D031F21F8353D3008361F0 /* RCTSafeAreaView.h in Headers */ = {isa = PBXBuildFile; fileRef = 59D031E71F8353D3008361F0 /* RCTSafeAreaView.h */; };
-		59D031F31F8353D3008361F0 /* RCTSafeAreaView.m in Sources */ = {isa = PBXBuildFile; fileRef = 59D031E81F8353D3008361F0 /* RCTSafeAreaView.m */; };
-		59D031F51F8353D3008361F0 /* RCTSafeAreaViewLocalData.h in Headers */ = {isa = PBXBuildFile; fileRef = 59D031E91F8353D3008361F0 /* RCTSafeAreaViewLocalData.h */; };
-		59D031F61F8353D3008361F0 /* RCTSafeAreaViewLocalData.h in Headers */ = {isa = PBXBuildFile; fileRef = 59D031E91F8353D3008361F0 /* RCTSafeAreaViewLocalData.h */; };
-		59D031F71F8353D3008361F0 /* RCTSafeAreaViewLocalData.m in Sources */ = {isa = PBXBuildFile; fileRef = 59D031EA1F8353D3008361F0 /* RCTSafeAreaViewLocalData.m */; };
-		59D031F91F8353D3008361F0 /* RCTSafeAreaViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 59D031EB1F8353D3008361F0 /* RCTSafeAreaViewManager.h */; };
-		59D031FA1F8353D3008361F0 /* RCTSafeAreaViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 59D031EB1F8353D3008361F0 /* RCTSafeAreaViewManager.h */; };
-		59D031FB1F8353D3008361F0 /* RCTSafeAreaViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 59D031EC1F8353D3008361F0 /* RCTSafeAreaViewManager.m */; };
-		59E604A01FE9CCE300BD90C5 /* RCTScrollContentShadowView.h in Headers */ = {isa = PBXBuildFile; fileRef = 59E6049C1FE9CCE100BD90C5 /* RCTScrollContentShadowView.h */; };
-		59E604A11FE9CCE300BD90C5 /* RCTScrollContentShadowView.h in Headers */ = {isa = PBXBuildFile; fileRef = 59E6049C1FE9CCE100BD90C5 /* RCTScrollContentShadowView.h */; };
-		59E604A21FE9CCE300BD90C5 /* RCTScrollContentViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 59E6049D1FE9CCE200BD90C5 /* RCTScrollContentViewManager.m */; };
-		59E604A31FE9CCE300BD90C5 /* RCTScrollContentViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 59E6049D1FE9CCE200BD90C5 /* RCTScrollContentViewManager.m */; };
-		59E604A41FE9CCE300BD90C5 /* RCTScrollContentShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 59E6049E1FE9CCE200BD90C5 /* RCTScrollContentShadowView.m */; };
-		59E604A51FE9CCE300BD90C5 /* RCTScrollContentShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 59E6049E1FE9CCE200BD90C5 /* RCTScrollContentShadowView.m */; };
-		59E604A61FE9CCE300BD90C5 /* RCTScrollContentViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 59E6049F1FE9CCE200BD90C5 /* RCTScrollContentViewManager.h */; };
-		59E604A71FE9CCE300BD90C5 /* RCTScrollContentViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 59E6049F1FE9CCE200BD90C5 /* RCTScrollContentViewManager.h */; };
-		59EB6DBB1EBD6FC90072A5E7 /* RCTUIManagerObserverCoordinator.h in Headers */ = {isa = PBXBuildFile; fileRef = 59EB6DB91EBD6FC90072A5E7 /* RCTUIManagerObserverCoordinator.h */; };
-		59EB6DBC1EBD6FC90072A5E7 /* RCTUIManagerObserverCoordinator.h in Headers */ = {isa = PBXBuildFile; fileRef = 59EB6DB91EBD6FC90072A5E7 /* RCTUIManagerObserverCoordinator.h */; };
-		59EB6DBD1EBD6FC90072A5E7 /* RCTUIManagerObserverCoordinator.mm in Sources */ = {isa = PBXBuildFile; fileRef = 59EB6DBA1EBD6FC90072A5E7 /* RCTUIManagerObserverCoordinator.mm */; };
-		59EB6DBE1EBD6FC90072A5E7 /* RCTUIManagerObserverCoordinator.mm in Sources */ = {isa = PBXBuildFile; fileRef = 59EB6DBA1EBD6FC90072A5E7 /* RCTUIManagerObserverCoordinator.mm */; };
-		59EB6DBF1EBD6FFC0072A5E7 /* RCTUIManagerObserverCoordinator.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 59EB6DB91EBD6FC90072A5E7 /* RCTUIManagerObserverCoordinator.h */; };
-		59EB6DC01EBD70130072A5E7 /* RCTUIManagerObserverCoordinator.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 59EB6DB91EBD6FC90072A5E7 /* RCTUIManagerObserverCoordinator.h */; };
-		59EDBCA71FDF4E0C003573DE /* RCTScrollableProtocol.h in Headers */ = {isa = PBXBuildFile; fileRef = 59EDBC9C1FDF4E0C003573DE /* RCTScrollableProtocol.h */; };
-		59EDBCA81FDF4E0C003573DE /* RCTScrollableProtocol.h in Headers */ = {isa = PBXBuildFile; fileRef = 59EDBC9C1FDF4E0C003573DE /* RCTScrollableProtocol.h */; };
-		59EDBCAD1FDF4E0C003573DE /* RCTScrollContentView.h in Headers */ = {isa = PBXBuildFile; fileRef = 59EDBC9F1FDF4E0C003573DE /* RCTScrollContentView.h */; };
-		59EDBCAE1FDF4E0C003573DE /* RCTScrollContentView.h in Headers */ = {isa = PBXBuildFile; fileRef = 59EDBC9F1FDF4E0C003573DE /* RCTScrollContentView.h */; };
-		59EDBCAF1FDF4E0C003573DE /* RCTScrollContentView.m in Sources */ = {isa = PBXBuildFile; fileRef = 59EDBCA01FDF4E0C003573DE /* RCTScrollContentView.m */; };
-		59EDBCB01FDF4E0C003573DE /* RCTScrollContentView.m in Sources */ = {isa = PBXBuildFile; fileRef = 59EDBCA01FDF4E0C003573DE /* RCTScrollContentView.m */; };
-		59EDBCB51FDF4E0C003573DE /* RCTScrollView.h in Headers */ = {isa = PBXBuildFile; fileRef = 59EDBCA31FDF4E0C003573DE /* RCTScrollView.h */; };
-		59EDBCB61FDF4E0C003573DE /* RCTScrollView.h in Headers */ = {isa = PBXBuildFile; fileRef = 59EDBCA31FDF4E0C003573DE /* RCTScrollView.h */; };
-		59EDBCB71FDF4E0C003573DE /* RCTScrollView.m in Sources */ = {isa = PBXBuildFile; fileRef = 59EDBCA41FDF4E0C003573DE /* RCTScrollView.m */; };
-		59EDBCB81FDF4E0C003573DE /* RCTScrollView.m in Sources */ = {isa = PBXBuildFile; fileRef = 59EDBCA41FDF4E0C003573DE /* RCTScrollView.m */; };
-		59EDBCB91FDF4E0C003573DE /* RCTScrollViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 59EDBCA51FDF4E0C003573DE /* RCTScrollViewManager.h */; };
-		59EDBCBA1FDF4E0C003573DE /* RCTScrollViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 59EDBCA51FDF4E0C003573DE /* RCTScrollViewManager.h */; };
-		59EDBCBB1FDF4E0C003573DE /* RCTScrollViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 59EDBCA61FDF4E0C003573DE /* RCTScrollViewManager.m */; };
-		59EDBCBC1FDF4E0C003573DE /* RCTScrollViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 59EDBCA61FDF4E0C003573DE /* RCTScrollViewManager.m */; };
-		59EDBCBD1FDF4E43003573DE /* RCTScrollableProtocol.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 59EDBC9C1FDF4E0C003573DE /* RCTScrollableProtocol.h */; };
-		59EDBCBF1FDF4E43003573DE /* RCTScrollContentView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 59EDBC9F1FDF4E0C003573DE /* RCTScrollContentView.h */; };
-		59EDBCC11FDF4E43003573DE /* RCTScrollView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 59EDBCA31FDF4E0C003573DE /* RCTScrollView.h */; };
-		59EDBCC21FDF4E43003573DE /* RCTScrollViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 59EDBCA51FDF4E0C003573DE /* RCTScrollViewManager.h */; };
-		59EDBCC31FDF4E55003573DE /* RCTScrollableProtocol.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 59EDBC9C1FDF4E0C003573DE /* RCTScrollableProtocol.h */; };
-		59EDBCC51FDF4E55003573DE /* RCTScrollContentView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 59EDBC9F1FDF4E0C003573DE /* RCTScrollContentView.h */; };
-		59EDBCC71FDF4E55003573DE /* RCTScrollView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 59EDBCA31FDF4E0C003573DE /* RCTScrollView.h */; };
-		59EDBCC81FDF4E55003573DE /* RCTScrollViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 59EDBCA51FDF4E0C003573DE /* RCTScrollViewManager.h */; };
-		5C60EB57226441470018C04F /* JSCExecutorFactory.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 8507BBBD21EDACC200AEAFCA /* JSCExecutorFactory.h */; };
-		5C60EB5A226442950018C04F /* RCTCxxBridgeDelegate.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 134D63C21F1FEC4B008872B5 /* RCTCxxBridgeDelegate.h */; };
-		5CE2080320772F7D009A43B3 /* YGConfig.h in Headers */ = {isa = PBXBuildFile; fileRef = 5CE2080120772F7C009A43B3 /* YGConfig.h */; };
-		657734841EE834C900A0E9EA /* RCTInspectorDevServerHelper.h in Headers */ = {isa = PBXBuildFile; fileRef = 657734821EE834C900A0E9EA /* RCTInspectorDevServerHelper.h */; };
-		657734851EE834C900A0E9EA /* RCTInspectorDevServerHelper.mm in Sources */ = {isa = PBXBuildFile; fileRef = 657734831EE834C900A0E9EA /* RCTInspectorDevServerHelper.mm */; };
-		657734861EE834D900A0E9EA /* RCTInspectorDevServerHelper.mm in Sources */ = {isa = PBXBuildFile; fileRef = 657734831EE834C900A0E9EA /* RCTInspectorDevServerHelper.mm */; };
-		657734871EE834E000A0E9EA /* RCTInspectorDevServerHelper.h in Headers */ = {isa = PBXBuildFile; fileRef = 657734821EE834C900A0E9EA /* RCTInspectorDevServerHelper.h */; };
-		6577348E1EE8354A00A0E9EA /* RCTInspector.h in Headers */ = {isa = PBXBuildFile; fileRef = 6577348A1EE8354A00A0E9EA /* RCTInspector.h */; };
-		6577348F1EE8354A00A0E9EA /* RCTInspector.mm in Sources */ = {isa = PBXBuildFile; fileRef = 6577348B1EE8354A00A0E9EA /* RCTInspector.mm */; };
-		657734901EE8354A00A0E9EA /* RCTInspectorPackagerConnection.h in Headers */ = {isa = PBXBuildFile; fileRef = 6577348C1EE8354A00A0E9EA /* RCTInspectorPackagerConnection.h */; };
-		657734911EE8354A00A0E9EA /* RCTInspectorPackagerConnection.m in Sources */ = {isa = PBXBuildFile; fileRef = 6577348D1EE8354A00A0E9EA /* RCTInspectorPackagerConnection.m */; };
-		657734921EE8356100A0E9EA /* RCTInspector.h in Headers */ = {isa = PBXBuildFile; fileRef = 6577348A1EE8354A00A0E9EA /* RCTInspector.h */; };
-		657734931EE8356100A0E9EA /* RCTInspector.mm in Sources */ = {isa = PBXBuildFile; fileRef = 6577348B1EE8354A00A0E9EA /* RCTInspector.mm */; };
-		657734941EE8356100A0E9EA /* RCTInspectorPackagerConnection.h in Headers */ = {isa = PBXBuildFile; fileRef = 6577348C1EE8354A00A0E9EA /* RCTInspectorPackagerConnection.h */; };
-		657734951EE8356100A0E9EA /* RCTInspectorPackagerConnection.m in Sources */ = {isa = PBXBuildFile; fileRef = 6577348D1EE8354A00A0E9EA /* RCTInspectorPackagerConnection.m */; };
-		66CD94B11F1045E700CB3C7C /* RCTMaskedView.h in Headers */ = {isa = PBXBuildFile; fileRef = 66CD94AD1F1045E700CB3C7C /* RCTMaskedView.h */; };
-		66CD94B21F1045E700CB3C7C /* RCTMaskedView.h in Headers */ = {isa = PBXBuildFile; fileRef = 66CD94AD1F1045E700CB3C7C /* RCTMaskedView.h */; };
-		66CD94B31F1045E700CB3C7C /* RCTMaskedView.m in Sources */ = {isa = PBXBuildFile; fileRef = 66CD94AE1F1045E700CB3C7C /* RCTMaskedView.m */; };
-		66CD94B51F1045E700CB3C7C /* RCTMaskedViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 66CD94AF1F1045E700CB3C7C /* RCTMaskedViewManager.h */; };
-		66CD94B61F1045E700CB3C7C /* RCTMaskedViewManager.h in Headers */ = {isa = PBXBuildFile; fileRef = 66CD94AF1F1045E700CB3C7C /* RCTMaskedViewManager.h */; };
-		66CD94B71F1045E700CB3C7C /* RCTMaskedViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 66CD94B01F1045E700CB3C7C /* RCTMaskedViewManager.m */; };
-		68EFE4EE1CF6EB3900A1DE13 /* RCTBundleURLProvider.m in Sources */ = {isa = PBXBuildFile; fileRef = 68EFE4ED1CF6EB3900A1DE13 /* RCTBundleURLProvider.m */; };
-		830A229E1A66C68A008503DA /* RCTRootView.m in Sources */ = {isa = PBXBuildFile; fileRef = 830A229D1A66C68A008503DA /* RCTRootView.m */; };
-		83281384217EB70900574D55 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		83281385217EB71200574D55 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		83281387217EB73400574D55 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		83281388217EB73400574D55 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		8328138A217EB74C00574D55 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		8328138B217EB74C00574D55 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		8328138D217EB75C00574D55 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		8328138E217EB75C00574D55 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		83281390217EB76C00574D55 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		83281391217EB76C00574D55 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		83281393217EB77D00574D55 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		83281394217EB77D00574D55 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		83281396217EB79000574D55 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		83281397217EB79000574D55 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		83281399217EB79D00574D55 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		8328139A217EB79D00574D55 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		83392EB31B6634E10013B15F /* RCTModalHostViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = 83392EB21B6634E10013B15F /* RCTModalHostViewController.m */; };
-		833D02BA217EBCFA00A23750 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		833D02BB217EBCFA00A23750 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		833D02BD217EBD2600A23750 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		833D02BE217EBD2600A23750 /* (null) in Sources */ = {isa = PBXBuildFile; };
-		83A1FE8C1B62640A00BE0E65 /* RCTModalHostView.m in Sources */ = {isa = PBXBuildFile; fileRef = 83A1FE8B1B62640A00BE0E65 /* RCTModalHostView.m */; };
-		83A1FE8F1B62643A00BE0E65 /* RCTModalHostViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 83A1FE8E1B62643A00BE0E65 /* RCTModalHostViewManager.m */; };
-		83CBBA511A601E3B00E9B192 /* RCTAssert.m in Sources */ = {isa = PBXBuildFile; fileRef = 83CBBA4B1A601E3B00E9B192 /* RCTAssert.m */; };
-		83CBBA521A601E3B00E9B192 /* RCTLog.mm in Sources */ = {isa = PBXBuildFile; fileRef = 83CBBA4E1A601E3B00E9B192 /* RCTLog.mm */; };
-		83CBBA531A601E3B00E9B192 /* RCTUtils.m in Sources */ = {isa = PBXBuildFile; fileRef = 83CBBA501A601E3B00E9B192 /* RCTUtils.m */; };
-		83CBBA601A601EAA00E9B192 /* RCTBridge.m in Sources */ = {isa = PBXBuildFile; fileRef = 83CBBA5F1A601EAA00E9B192 /* RCTBridge.m */; };
-		83CBBA691A601EF300E9B192 /* RCTEventDispatcher.m in Sources */ = {isa = PBXBuildFile; fileRef = 83CBBA661A601EF300E9B192 /* RCTEventDispatcher.m */; };
-		83CBBA981A6020BB00E9B192 /* RCTTouchHandler.m in Sources */ = {isa = PBXBuildFile; fileRef = 83CBBA971A6020BB00E9B192 /* RCTTouchHandler.m */; };
-		83CBBACC1A6023D300E9B192 /* RCTConvert.m in Sources */ = {isa = PBXBuildFile; fileRef = 83CBBACB1A6023D300E9B192 /* RCTConvert.m */; };
-		8507BBBE21EDACC200AEAFCA /* JSCExecutorFactory.mm in Sources */ = {isa = PBXBuildFile; fileRef = 8507BBBC21EDACC200AEAFCA /* JSCExecutorFactory.mm */; };
-		8507BBBF21EDACC200AEAFCA /* JSCExecutorFactory.mm in Sources */ = {isa = PBXBuildFile; fileRef = 8507BBBC21EDACC200AEAFCA /* JSCExecutorFactory.mm */; };
-		8507BBC021EDACC200AEAFCA /* JSCExecutorFactory.h in Headers */ = {isa = PBXBuildFile; fileRef = 8507BBBD21EDACC200AEAFCA /* JSCExecutorFactory.h */; };
-		8507BBC121EDACC200AEAFCA /* JSCExecutorFactory.h in Headers */ = {isa = PBXBuildFile; fileRef = 8507BBBD21EDACC200AEAFCA /* JSCExecutorFactory.h */; };
-		916F9C2D1F743F57002E5920 /* RCTModalManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 91076A871F743AB00081B4FA /* RCTModalManager.m */; };
-		99942CF922F34AB4009FAB58 /* jsi/jsilib.h in Headers */ = {isa = PBXBuildFile; fileRef = 4F56C93722167A4800DB9F3F /* jsi/jsilib.h */; };
-		9F0D8908224160F20053729F /* Assume.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D8907224160F10053729F /* Assume.cpp */; };
-		9F0D8909224160F20053729F /* Assume.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D8907224160F10053729F /* Assume.cpp */; };
-		9F0D890A224160F20053729F /* Assume.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D8907224160F10053729F /* Assume.cpp */; };
-		9F0D890C2241611B0053729F /* ColdClass.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D890B2241611B0053729F /* ColdClass.cpp */; };
-		9F0D890D2241611B0053729F /* ColdClass.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D890B2241611B0053729F /* ColdClass.cpp */; };
-		9F0D890E2241611B0053729F /* ColdClass.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D890B2241611B0053729F /* ColdClass.cpp */; };
-		9F0D8910224161A90053729F /* Demangle.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D890F224161A90053729F /* Demangle.cpp */; };
-		9F0D8911224161A90053729F /* Demangle.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D890F224161A90053729F /* Demangle.cpp */; };
-		9F0D8912224161A90053729F /* Demangle.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D890F224161A90053729F /* Demangle.cpp */; };
-		9F0D8914224164B70053729F /* F14Table.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D8913224164B70053729F /* F14Table.cpp */; };
-		9F0D8915224164B70053729F /* F14Table.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D8913224164B70053729F /* F14Table.cpp */; };
-		9F0D8916224164B70053729F /* F14Table.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D8913224164B70053729F /* F14Table.cpp */; };
-		9F0D8918224165770053729F /* Format.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D8917224165770053729F /* Format.cpp */; };
-		9F0D8919224165770053729F /* Format.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D8917224165770053729F /* Format.cpp */; };
-		9F0D891A224165770053729F /* Format.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D8917224165770053729F /* Format.cpp */; };
-		9F0D891C2241658E0053729F /* json_pointer.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D891B2241658E0053729F /* json_pointer.cpp */; };
-		9F0D891D2241658E0053729F /* json_pointer.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D891B2241658E0053729F /* json_pointer.cpp */; };
-		9F0D891E2241658E0053729F /* json_pointer.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D891B2241658E0053729F /* json_pointer.cpp */; };
-		9F0D8920224165BA0053729F /* MallocImpl.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D891F224165BA0053729F /* MallocImpl.cpp */; };
-		9F0D8921224165BA0053729F /* MallocImpl.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D891F224165BA0053729F /* MallocImpl.cpp */; };
-		9F0D8922224165BA0053729F /* MallocImpl.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D891F224165BA0053729F /* MallocImpl.cpp */; };
-		9F0D8924224165D20053729F /* ScopeGuard.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D8923224165D20053729F /* ScopeGuard.cpp */; };
-		9F0D8925224165D20053729F /* ScopeGuard.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D8923224165D20053729F /* ScopeGuard.cpp */; };
-		9F0D8926224165D20053729F /* ScopeGuard.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D8923224165D20053729F /* ScopeGuard.cpp */; };
-		9F0D8928224165F10053729F /* SpookyHashV2.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D8927224165F10053729F /* SpookyHashV2.cpp */; };
-		9F0D8929224165F10053729F /* SpookyHashV2.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D8927224165F10053729F /* SpookyHashV2.cpp */; };
-		9F0D892A224165F10053729F /* SpookyHashV2.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D8927224165F10053729F /* SpookyHashV2.cpp */; };
-		9F0D892C224165FC0053729F /* String.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D892B224165FC0053729F /* String.cpp */; };
-		9F0D892D224165FC0053729F /* String.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D892B224165FC0053729F /* String.cpp */; };
-		9F0D892E224165FC0053729F /* String.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D892B224165FC0053729F /* String.cpp */; };
-		9F0D8930224166060053729F /* Unicode.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D892F224166050053729F /* Unicode.cpp */; };
-		9F0D8931224166060053729F /* Unicode.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D892F224166050053729F /* Unicode.cpp */; };
-		9F0D8932224166060053729F /* Unicode.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 9F0D892F224166050053729F /* Unicode.cpp */; };
-		9F5C182F230C67C700E3E5A7 /* RCTSurfacePresenterStub.h in Headers */ = {isa = PBXBuildFile; fileRef = 589515DF2231AD9C0036BDE0 /* RCTSurfacePresenterStub.h */; };
-		9F5C1830230C67CA00E3E5A7 /* RCTSurfacePresenterStub.m in Sources */ = {isa = PBXBuildFile; fileRef = 0EEEA8DE2239002200A8C82D /* RCTSurfacePresenterStub.m */; };
-		9F5C1840230DB54100E3E5A7 /* RCTSurfacePresenterStub.h in Headers */ = {isa = PBXBuildFile; fileRef = 589515DF2231AD9C0036BDE0 /* RCTSurfacePresenterStub.h */; };
-		9F5C1841230DB6F300E3E5A7 /* RCTSurfacePresenterStub.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 589515DF2231AD9C0036BDE0 /* RCTSurfacePresenterStub.h */; };
-		9F5C1991230F4F0400E3E5A7 /* libyoga.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9F5C195B230F4CB300E3E5A7 /* libyoga.a */; };
-		9F5C199223104CBA00E3E5A7 /* log.h in Headers */ = {isa = PBXBuildFile; fileRef = ACC75C55221AA194002F24E8 /* log.h */; };
-		9F5C199323104CBF00E3E5A7 /* log.cpp in Sources */ = {isa = PBXBuildFile; fileRef = ACC75C53221AA188002F24E8 /* log.cpp */; };
-		9FB7D34C224954A600F31D11 /* libjsinspector-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9F2AC95E2239D788005C9C14 /* libjsinspector-macOS.a */; };
-		9FB7D34D224954B300F31D11 /* libjsi-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21D78224303D900E7F88E /* libjsi-macOS.a */; };
-		9FB7D34E224954CC00F31D11 /* libjsiexecutor-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9FD21D94224305AA00E7F88E /* libjsiexecutor-macOS.a */; };
-		9FB7D34F224954EE00F31D11 /* libdouble-conversion.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 1882027C1EF48B7E00C9B354 /* libdouble-conversion.a */; };
-		9FB7D3EB224ABDA400F31D11 /* RCTDatePicker.m in Sources */ = {isa = PBXBuildFile; fileRef = 133CAE8D1B8E5CFD00F6AD92 /* RCTDatePicker.m */; };
-		9FD21D65224303D900E7F88E /* jsi.h in Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6E1214B3F6800DD5AC8 /* jsi.h */; };
-		9FD21D66224303D900E7F88E /* JSCRuntime.h in Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6DE214B3F6800DD5AC8 /* JSCRuntime.h */; };
-		9FD21D67224303D900E7F88E /* JSIDynamic.h in Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6DC214B3F6800DD5AC8 /* JSIDynamic.h */; };
-		9FD21D68224303D900E7F88E /* jsi-inl.h in Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6D9214B3F6800DD5AC8 /* jsi-inl.h */; };
-		9FD21D69224303D900E7F88E /* instrumentation.h in Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6E0214B3F6800DD5AC8 /* instrumentation.h */; };
-		9FD21D6B224303D900E7F88E /* instrumentation.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6E0214B3F6800DD5AC8 /* instrumentation.h */; };
-		9FD21D6C224303D900E7F88E /* jsi-inl.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6D9214B3F6800DD5AC8 /* jsi-inl.h */; };
-		9FD21D6D224303D900E7F88E /* JSIDynamic.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6DC214B3F6800DD5AC8 /* JSIDynamic.h */; };
-		9FD21D6E224303D900E7F88E /* JSCRuntime.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6DE214B3F6800DD5AC8 /* JSCRuntime.h */; };
-		9FD21D6F224303D900E7F88E /* jsi.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6E1214B3F6800DD5AC8 /* jsi.h */; };
-		9FD21D71224303D900E7F88E /* JSCRuntime.cpp in Sources */ = {isa = PBXBuildFile; fileRef = EDEBC6DD214B3F6800DD5AC8 /* JSCRuntime.cpp */; };
-		9FD21D72224303D900E7F88E /* jsi.cpp in Sources */ = {isa = PBXBuildFile; fileRef = EDEBC6DB214B3F6800DD5AC8 /* jsi.cpp */; };
-		9FD21D73224303D900E7F88E /* JSIDynamic.cpp in Sources */ = {isa = PBXBuildFile; fileRef = EDEBC6DA214B3F6800DD5AC8 /* JSIDynamic.cpp */; };
-		9FD21D88224305AA00E7F88E /* JSINativeModules.h in Headers */ = {isa = PBXBuildFile; fileRef = ED6189682155BBF70000C9A7 /* JSINativeModules.h */; };
-		9FD21D89224305AA00E7F88E /* JSIExecutor.h in Headers */ = {isa = PBXBuildFile; fileRef = ED6189672155BBF70000C9A7 /* JSIExecutor.h */; };
-		9FD21D8B224305AA00E7F88E /* JSIExecutor.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = ED6189672155BBF70000C9A7 /* JSIExecutor.h */; };
-		9FD21D8C224305AA00E7F88E /* JSINativeModules.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = ED6189682155BBF70000C9A7 /* JSINativeModules.h */; };
-		9FD21D8E224305AA00E7F88E /* JSINativeModules.cpp in Sources */ = {isa = PBXBuildFile; fileRef = EDDA711B2164285A00B2D070 /* JSINativeModules.cpp */; };
-		9FD21D8F224305AA00E7F88E /* JSIExecutor.cpp in Sources */ = {isa = PBXBuildFile; fileRef = EDDA711C2164285A00B2D070 /* JSIExecutor.cpp */; };
-		9FF2AC0622862975003BA899 /* YGEnums.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 130A77031DF767AF001F9587 /* YGEnums.h */; };
-		9FF2AC072286297A003BA899 /* YGMarker.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = AC8360CC21B0256A00FC46B9 /* YGMarker.h */; };
-		9FF2AC0822862984003BA899 /* YGValue.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = AC6B69E221B1467C00B2B68A /* YGValue.h */; };
-		9FF2AC092286298A003BA899 /* YGConfig.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5CE2080120772F7C009A43B3 /* YGConfig.h */; };
-		9FF2AC19228A441D003BA899 /* RCTPicker.m in Sources */ = {isa = PBXBuildFile; fileRef = 58114A131AAE854800E7D092 /* RCTPicker.m */; };
-		9FF2AC1A228A44D1003BA899 /* YGMarker.cpp in Sources */ = {isa = PBXBuildFile; fileRef = AC4A6AF821FB4EA900FBEC39 /* YGMarker.cpp */; };
-		9FF2AC1B228A451C003BA899 /* YGValue.cpp in Sources */ = {isa = PBXBuildFile; fileRef = AC6B69E121B1467C00B2B68A /* YGValue.cpp */; };
-		A2440AA21DF8D854006E7BFC /* RCTReloadCommand.h in Headers */ = {isa = PBXBuildFile; fileRef = A2440AA01DF8D854006E7BFC /* RCTReloadCommand.h */; };
-		A2440AA31DF8D854006E7BFC /* RCTReloadCommand.m in Sources */ = {isa = PBXBuildFile; fileRef = A2440AA11DF8D854006E7BFC /* RCTReloadCommand.m */; };
-		A2440AA41DF8D865006E7BFC /* RCTReloadCommand.h in Headers */ = {isa = PBXBuildFile; fileRef = A2440AA01DF8D854006E7BFC /* RCTReloadCommand.h */; };
-		AC4A6AFA21FB4EBF00FBEC39 /* YGMarker.cpp in Sources */ = {isa = PBXBuildFile; fileRef = AC4A6AF821FB4EA900FBEC39 /* YGMarker.cpp */; };
-		AC4A6AFB21FB4ECA00FBEC39 /* YGMarker.cpp in Sources */ = {isa = PBXBuildFile; fileRef = AC4A6AF821FB4EA900FBEC39 /* YGMarker.cpp */; };
-		AC52CEDE21FB3FF9003C6BEC /* instrumentation.h in Headers */ = {isa = PBXBuildFile; fileRef = AC52CEDD21FB3FF9003C6BEC /* instrumentation.h */; };
-		AC52CEDF21FB401D003C6BEC /* instrumentation.h in Headers */ = {isa = PBXBuildFile; fileRef = AC52CEDD21FB3FF9003C6BEC /* instrumentation.h */; };
-		AC52CEE021FB403B003C6BEC /* instrumentation.h in Headers */ = {isa = PBXBuildFile; fileRef = AC52CEDD21FB3FF9003C6BEC /* instrumentation.h */; };
-		AC6B69E421B1467C00B2B68A /* YGValue.h in Headers */ = {isa = PBXBuildFile; fileRef = AC6B69E221B1467C00B2B68A /* YGValue.h */; };
-		AC6B69E521B1469A00B2B68A /* YGValue.h in Headers */ = {isa = PBXBuildFile; fileRef = AC6B69E221B1467C00B2B68A /* YGValue.h */; };
-		AC6B69E621B146A500B2B68A /* YGValue.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = AC6B69E221B1467C00B2B68A /* YGValue.h */; };
-		AC6B69E721B146B400B2B68A /* YGValue.cpp in Sources */ = {isa = PBXBuildFile; fileRef = AC6B69E121B1467C00B2B68A /* YGValue.cpp */; };
-		AC6B69E821B146C500B2B68A /* YGValue.h in Headers */ = {isa = PBXBuildFile; fileRef = AC6B69E221B1467C00B2B68A /* YGValue.h */; };
-		AC6B69E921B146DB00B2B68A /* YGValue.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = AC6B69E221B1467C00B2B68A /* YGValue.h */; };
-		AC6B69EA21B146E700B2B68A /* YGValue.cpp in Sources */ = {isa = PBXBuildFile; fileRef = AC6B69E121B1467C00B2B68A /* YGValue.cpp */; };
-		AC70D2E91DE489E4002E6351 /* RCTJavaScriptLoader.mm in Sources */ = {isa = PBXBuildFile; fileRef = AC70D2E81DE489E4002E6351 /* RCTJavaScriptLoader.mm */; };
-		AC71763521B0274000C06877 /* YGConfig.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5CE2080120772F7C009A43B3 /* YGConfig.h */; };
-		AC71763621B0274A00C06877 /* YGMarker.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = AC8360CC21B0256A00FC46B9 /* YGMarker.h */; };
-		AC8360CD21B0256A00FC46B9 /* YGMarker.h in Headers */ = {isa = PBXBuildFile; fileRef = AC8360CC21B0256A00FC46B9 /* YGMarker.h */; };
-		AC8360CE21B0256A00FC46B9 /* YGMarker.h in Headers */ = {isa = PBXBuildFile; fileRef = AC8360CC21B0256A00FC46B9 /* YGMarker.h */; };
-		AC8360CF21B0258B00FC46B9 /* YGConfig.h in Headers */ = {isa = PBXBuildFile; fileRef = 5CE2080120772F7C009A43B3 /* YGConfig.h */; };
-		AC8360D121B025BC00FC46B9 /* YGConfig.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 5CE2080020772F7C009A43B3 /* YGConfig.cpp */; };
-		AC8360D221B025EF00FC46B9 /* YGConfig.h in Headers */ = {isa = PBXBuildFile; fileRef = 5CE2080120772F7C009A43B3 /* YGConfig.h */; };
-		AC8360D321B0263000FC46B9 /* YGMarker.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = AC8360CC21B0256A00FC46B9 /* YGMarker.h */; };
-		AC90463E21C91CC2005B24B3 /* CompactValue.h in Headers */ = {isa = PBXBuildFile; fileRef = AC90463D21C91CC2005B24B3 /* CompactValue.h */; };
-		AC90463F21C91D02005B24B3 /* CompactValue.h in Headers */ = {isa = PBXBuildFile; fileRef = AC90463D21C91CC2005B24B3 /* CompactValue.h */; };
-		AC90464021C91D14005B24B3 /* CompactValue.h in Headers */ = {isa = PBXBuildFile; fileRef = AC90463D21C91CC2005B24B3 /* CompactValue.h */; };
-		AC90464121C91DB8005B24B3 /* YGConfig.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5CE2080120772F7C009A43B3 /* YGConfig.h */; };
-		ACC75C56221AA194002F24E8 /* log.h in Headers */ = {isa = PBXBuildFile; fileRef = ACC75C55221AA194002F24E8 /* log.h */; };
-		ACC75C57221AA1BD002F24E8 /* log.cpp in Sources */ = {isa = PBXBuildFile; fileRef = ACC75C53221AA188002F24E8 /* log.cpp */; };
-		ACC75C58221AA1CF002F24E8 /* log.h in Headers */ = {isa = PBXBuildFile; fileRef = ACC75C55221AA194002F24E8 /* log.h */; };
-		ACC75C59221AA1E1002F24E8 /* log.h in Headers */ = {isa = PBXBuildFile; fileRef = ACC75C55221AA194002F24E8 /* log.h */; };
-		ACC75C5A221AA1EA002F24E8 /* log.cpp in Sources */ = {isa = PBXBuildFile; fileRef = ACC75C53221AA188002F24E8 /* log.cpp */; };
-		B233E6EA1D2D845D00BC68BA /* RCTI18nManager.m in Sources */ = {isa = PBXBuildFile; fileRef = B233E6E91D2D845D00BC68BA /* RCTI18nManager.m */; };
-		B95154321D1B34B200FE7B80 /* RCTActivityIndicatorView.m in Sources */ = {isa = PBXBuildFile; fileRef = B95154311D1B34B200FE7B80 /* RCTActivityIndicatorView.m */; };
-		BA0501AD2109DCF200A6BBC4 /* ReactMarker.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13DA8A2F2097A90A00276ED4 /* ReactMarker.h */; };
-		BA0501AE2109DD0600A6BBC4 /* JSExecutor.cpp in Sources */ = {isa = PBXBuildFile; fileRef = E223624320875A8000108244 /* JSExecutor.cpp */; };
-		BA0501B02109DD1800A6BBC4 /* YGConfig.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 5CE2080020772F7C009A43B3 /* YGConfig.cpp */; };
-		C60128AB1F3D1258009DF9FF /* RCTCxxConvert.h in Headers */ = {isa = PBXBuildFile; fileRef = C60128A91F3D1258009DF9FF /* RCTCxxConvert.h */; };
-		C60128AC1F3D1258009DF9FF /* RCTCxxConvert.h in Headers */ = {isa = PBXBuildFile; fileRef = C60128A91F3D1258009DF9FF /* RCTCxxConvert.h */; };
-		C60128AD1F3D1258009DF9FF /* RCTCxxConvert.m in Sources */ = {isa = PBXBuildFile; fileRef = C60128AA1F3D1258009DF9FF /* RCTCxxConvert.m */; };
-		C60128AE1F3D1258009DF9FF /* RCTCxxConvert.m in Sources */ = {isa = PBXBuildFile; fileRef = C60128AA1F3D1258009DF9FF /* RCTCxxConvert.m */; };
-		C606692E1F3CC60500E67165 /* RCTModuleMethod.mm in Sources */ = {isa = PBXBuildFile; fileRef = C606692D1F3CC60500E67165 /* RCTModuleMethod.mm */; };
-		C606692F1F3CC60500E67165 /* RCTModuleMethod.mm in Sources */ = {isa = PBXBuildFile; fileRef = C606692D1F3CC60500E67165 /* RCTModuleMethod.mm */; };
-		C60669361F3CCF1B00E67165 /* RCTManagedPointer.mm in Sources */ = {isa = PBXBuildFile; fileRef = C60669351F3CCF1B00E67165 /* RCTManagedPointer.mm */; };
-		C60669371F3CCF1B00E67165 /* RCTManagedPointer.mm in Sources */ = {isa = PBXBuildFile; fileRef = C60669351F3CCF1B00E67165 /* RCTManagedPointer.mm */; };
-		C654505E1F3BD9280090799B /* RCTManagedPointer.h in Headers */ = {isa = PBXBuildFile; fileRef = C654505D1F3BD9280090799B /* RCTManagedPointer.h */; };
-		C654505F1F3BD9280090799B /* RCTManagedPointer.h in Headers */ = {isa = PBXBuildFile; fileRef = C654505D1F3BD9280090799B /* RCTManagedPointer.h */; };
-		C669D8981F72E3DE006748EB /* RAMBundleRegistry.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = C6D380181F71D75B00621378 /* RAMBundleRegistry.h */; };
-		C6D3801A1F71D76100621378 /* RAMBundleRegistry.h in Headers */ = {isa = PBXBuildFile; fileRef = C6D380181F71D75B00621378 /* RAMBundleRegistry.h */; };
-		C6D3801B1F71D76200621378 /* RAMBundleRegistry.h in Headers */ = {isa = PBXBuildFile; fileRef = C6D380181F71D75B00621378 /* RAMBundleRegistry.h */; };
-		C6D3801C1F71D76700621378 /* RAMBundleRegistry.cpp in Sources */ = {isa = PBXBuildFile; fileRef = C6D380191F71D75B00621378 /* RAMBundleRegistry.cpp */; };
-		C6D3801D1F71D76800621378 /* RAMBundleRegistry.cpp in Sources */ = {isa = PBXBuildFile; fileRef = C6D380191F71D75B00621378 /* RAMBundleRegistry.cpp */; };
-		CF2731C01E7B8DE40044CA4F /* RCTDeviceInfo.h in Headers */ = {isa = PBXBuildFile; fileRef = CF2731BE1E7B8DE40044CA4F /* RCTDeviceInfo.h */; };
-		CF2731C11E7B8DE40044CA4F /* RCTDeviceInfo.m in Sources */ = {isa = PBXBuildFile; fileRef = CF2731BF1E7B8DE40044CA4F /* RCTDeviceInfo.m */; };
-		CF2731C21E7B8DEF0044CA4F /* RCTDeviceInfo.h in Headers */ = {isa = PBXBuildFile; fileRef = CF2731BE1E7B8DE40044CA4F /* RCTDeviceInfo.h */; };
-		CF2731C31E7B8DF30044CA4F /* RCTDeviceInfo.m in Sources */ = {isa = PBXBuildFile; fileRef = CF2731BF1E7B8DE40044CA4F /* RCTDeviceInfo.m */; };
-		E9B20B7B1B500126007A2DA7 /* RCTAccessibilityManager.m in Sources */ = {isa = PBXBuildFile; fileRef = E9B20B7A1B500126007A2DA7 /* RCTAccessibilityManager.m */; };
-		EBF21BBC1FC498270052F4D5 /* InspectorInterfaces.h in Headers */ = {isa = PBXBuildFile; fileRef = EBF21BBA1FC498270052F4D5 /* InspectorInterfaces.h */; };
-		EBF21BBE1FC498630052F4D5 /* InspectorInterfaces.h in Headers */ = {isa = PBXBuildFile; fileRef = EBF21BBA1FC498270052F4D5 /* InspectorInterfaces.h */; };
-		EBF21BFB1FC498FC0052F4D5 /* InspectorInterfaces.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = EBF21BBA1FC498270052F4D5 /* InspectorInterfaces.h */; };
-		EBF21BFC1FC4990B0052F4D5 /* InspectorInterfaces.cpp in Sources */ = {isa = PBXBuildFile; fileRef = EBF21BBB1FC498270052F4D5 /* InspectorInterfaces.cpp */; };
-		EBF21BFE1FC499840052F4D5 /* InspectorInterfaces.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = EBF21BBA1FC498270052F4D5 /* InspectorInterfaces.h */; };
-		EBF21BFF1FC4998E0052F4D5 /* InspectorInterfaces.cpp in Sources */ = {isa = PBXBuildFile; fileRef = EBF21BBB1FC498270052F4D5 /* InspectorInterfaces.cpp */; };
-		ED296F82214C973700B7C4FE /* libjsinspector-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = EBF21BFA1FC4989A0052F4D5 /* libjsinspector-tvOS.a */; };
-		ED296F83214C974A00B7C4FE /* libyoga.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3D3C06751DE3340C00C268FA /* libyoga.a */; };
-		ED296FB7214C9A9A00B7C4FE /* JSIDynamic.cpp in Sources */ = {isa = PBXBuildFile; fileRef = EDEBC6DA214B3F6800DD5AC8 /* JSIDynamic.cpp */; };
-		ED296FB8214C9A9A00B7C4FE /* jsi.cpp in Sources */ = {isa = PBXBuildFile; fileRef = EDEBC6DB214B3F6800DD5AC8 /* jsi.cpp */; };
-		ED296FB9214C9AC200B7C4FE /* JSCRuntime.cpp in Sources */ = {isa = PBXBuildFile; fileRef = EDEBC6DD214B3F6800DD5AC8 /* JSCRuntime.cpp */; };
-		ED296FBC214C9B0400B7C4FE /* jsi-inl.h in Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6D9214B3F6800DD5AC8 /* jsi-inl.h */; };
-		ED296FBF214C9B0400B7C4FE /* JSIDynamic.h in Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6DC214B3F6800DD5AC8 /* JSIDynamic.h */; };
-		ED296FC1214C9B0400B7C4FE /* JSCRuntime.h in Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6DE214B3F6800DD5AC8 /* JSCRuntime.h */; };
-		ED296FC3214C9B0400B7C4FE /* instrumentation.h in Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6E0214B3F6800DD5AC8 /* instrumentation.h */; };
-		ED296FC4214C9B0400B7C4FE /* jsi.h in Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6E1214B3F6800DD5AC8 /* jsi.h */; };
-		ED296FC5214C9B3E00B7C4FE /* jsi-inl.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6D9214B3F6800DD5AC8 /* jsi-inl.h */; };
-		ED296FC6214C9B4400B7C4FE /* JSIDynamic.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6DC214B3F6800DD5AC8 /* JSIDynamic.h */; };
-		ED296FC7214C9B4B00B7C4FE /* instrumentation.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6E0214B3F6800DD5AC8 /* instrumentation.h */; };
-		ED296FC8214C9B5200B7C4FE /* jsi.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6E1214B3F6800DD5AC8 /* jsi.h */; };
-		ED296FCB214C9B6C00B7C4FE /* libjsi-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = ED296FB6214C9A0900B7C4FE /* libjsi-tvOS.a */; };
-		ED29703E2150126E00B7C4FE /* AtomicIntrusiveLinkedList.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D849C1E273B5600323FB7 /* AtomicIntrusiveLinkedList.h */; };
-		ED2970422150126E00B7C4FE /* Conv.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D84A01E273B5600323FB7 /* Conv.h */; };
-		ED2970432150126E00B7C4FE /* dynamic-inl.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D84A11E273B5600323FB7 /* dynamic-inl.h */; };
-		ED2970452150126E00B7C4FE /* dynamic.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D84A31E273B5600323FB7 /* dynamic.h */; };
-		ED2970462150126E00B7C4FE /* Exception.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D84A41E273B5600323FB7 /* Exception.h */; };
-		ED2970482150126E00B7C4FE /* json.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D84A81E273B5600323FB7 /* json.h */; };
-		ED2970492150126E00B7C4FE /* Memory.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D84A91E273B5600323FB7 /* Memory.h */; };
-		ED29704A2150126E00B7C4FE /* MoveWrapper.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D84AA1E273B5600323FB7 /* MoveWrapper.h */; };
-		ED29704B2150126E00B7C4FE /* Optional.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D84AB1E273B5600323FB7 /* Optional.h */; };
-		ED29704C2150126E00B7C4FE /* ScopeGuard.h in Headers */ = {isa = PBXBuildFile; fileRef = 139D84AC1E273B5600323FB7 /* ScopeGuard.h */; };
-		ED29704F2150199F00B7C4FE /* JSCRuntime.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6DE214B3F6800DD5AC8 /* JSCRuntime.h */; };
-		ED297050215019B400B7C4FE /* instrumentation.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6E0214B3F6800DD5AC8 /* instrumentation.h */; };
-		ED297067215023D800B7C4FE /* libjsiexecutor-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = ED296FEE214C9CF800B7C4FE /* libjsiexecutor-tvOS.a */; };
-		ED6189692155BBF70000C9A7 /* JSIExecutor.h in Headers */ = {isa = PBXBuildFile; fileRef = ED6189672155BBF70000C9A7 /* JSIExecutor.h */; };
-		ED61896A2155BBF70000C9A7 /* JSIExecutor.h in Headers */ = {isa = PBXBuildFile; fileRef = ED6189672155BBF70000C9A7 /* JSIExecutor.h */; };
-		ED61896B2155BBF70000C9A7 /* JSINativeModules.h in Headers */ = {isa = PBXBuildFile; fileRef = ED6189682155BBF70000C9A7 /* JSINativeModules.h */; };
-		ED61896C2155BBF70000C9A7 /* JSINativeModules.h in Headers */ = {isa = PBXBuildFile; fileRef = ED6189682155BBF70000C9A7 /* JSINativeModules.h */; };
-		ED7286BC2155C62000C26ABF /* JSIExecutor.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = ED6189672155BBF70000C9A7 /* JSIExecutor.h */; };
-		ED7286BD2155C62000C26ABF /* JSINativeModules.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = ED6189682155BBF70000C9A7 /* JSINativeModules.h */; };
-		ED7286BE2155C62B00C26ABF /* JSIExecutor.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = ED6189672155BBF70000C9A7 /* JSIExecutor.h */; };
-		ED7286BF2155C62B00C26ABF /* JSINativeModules.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = ED6189682155BBF70000C9A7 /* JSINativeModules.h */; };
-		EDDA711D2164285A00B2D070 /* JSINativeModules.cpp in Sources */ = {isa = PBXBuildFile; fileRef = EDDA711B2164285A00B2D070 /* JSINativeModules.cpp */; };
-		EDDA711E2164285A00B2D070 /* JSINativeModules.cpp in Sources */ = {isa = PBXBuildFile; fileRef = EDDA711B2164285A00B2D070 /* JSINativeModules.cpp */; };
-		EDDA711F2164285A00B2D070 /* JSIExecutor.cpp in Sources */ = {isa = PBXBuildFile; fileRef = EDDA711C2164285A00B2D070 /* JSIExecutor.cpp */; };
-		EDDA71202164285A00B2D070 /* JSIExecutor.cpp in Sources */ = {isa = PBXBuildFile; fileRef = EDDA711C2164285A00B2D070 /* JSIExecutor.cpp */; };
-		EDEBC6E2214B3F6800DD5AC8 /* jsi-inl.h in Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6D9214B3F6800DD5AC8 /* jsi-inl.h */; };
-		EDEBC6E3214B3F6800DD5AC8 /* JSIDynamic.cpp in Sources */ = {isa = PBXBuildFile; fileRef = EDEBC6DA214B3F6800DD5AC8 /* JSIDynamic.cpp */; };
-		EDEBC6E4214B3F6800DD5AC8 /* jsi.cpp in Sources */ = {isa = PBXBuildFile; fileRef = EDEBC6DB214B3F6800DD5AC8 /* jsi.cpp */; };
-		EDEBC6E5214B3F6800DD5AC8 /* JSIDynamic.h in Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6DC214B3F6800DD5AC8 /* JSIDynamic.h */; };
-		EDEBC6E6214B3F6800DD5AC8 /* JSCRuntime.cpp in Sources */ = {isa = PBXBuildFile; fileRef = EDEBC6DD214B3F6800DD5AC8 /* JSCRuntime.cpp */; };
-		EDEBC6E7214B3F6800DD5AC8 /* JSCRuntime.h in Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6DE214B3F6800DD5AC8 /* JSCRuntime.h */; };
-		EDEBC6E8214B3F6800DD5AC8 /* instrumentation.h in Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6E0214B3F6800DD5AC8 /* instrumentation.h */; };
-		EDEBC6E9214B3F6800DD5AC8 /* jsi.h in Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6E1214B3F6800DD5AC8 /* jsi.h */; };
-		EDEBC71A214B40A300DD5AC8 /* libjsi.a in Frameworks */ = {isa = PBXBuildFile; fileRef = EDEBC6D6214B3E7000DD5AC8 /* libjsi.a */; };
-		EDEBC71C214B40F900DD5AC8 /* jsi-inl.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6D9214B3F6800DD5AC8 /* jsi-inl.h */; };
-		EDEBC71D214B40F900DD5AC8 /* JSIDynamic.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6DC214B3F6800DD5AC8 /* JSIDynamic.h */; };
-		EDEBC71E214B40F900DD5AC8 /* JSCRuntime.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6DE214B3F6800DD5AC8 /* JSCRuntime.h */; };
-		EDEBC71F214B40F900DD5AC8 /* jsi.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = EDEBC6E1214B3F6800DD5AC8 /* jsi.h */; };
-		EDEBC7DF214C705700DD5AC8 /* libjsiexecutor.a in Frameworks */ = {isa = PBXBuildFile; fileRef = EDEBC73B214B45A300DD5AC8 /* libjsiexecutor.a */; };
-		EDEBC7E0214C709200DD5AC8 /* libjsinspector.a in Frameworks */ = {isa = PBXBuildFile; fileRef = EBF21BDC1FC498900052F4D5 /* libjsinspector.a */; };
-		F1EFDA50201F661000EE6E4C /* RCTUIUtils.m in Sources */ = {isa = PBXBuildFile; fileRef = F1EFDA4E201F660F00EE6E4C /* RCTUIUtils.m */; };
-		F20481842092E7D400942480 /* (null) in Headers */ = {isa = PBXBuildFile; };
-		F20481882092E7EA00942480 /* (null) in Headers */ = {isa = PBXBuildFile; };
-		FEFAAC9E1FDB89B50057BBE0 /* RCTRedBoxExtraDataViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = FEFAAC9C1FDB89B40057BBE0 /* RCTRedBoxExtraDataViewController.m */; };
-		FEFAAC9F1FDB89B50057BBE0 /* RCTRedBoxExtraDataViewController.h in Headers */ = {isa = PBXBuildFile; fileRef = FEFAAC9D1FDB89B40057BBE0 /* RCTRedBoxExtraDataViewController.h */; };
-/* End PBXBuildFile section */
-
-/* Begin PBXContainerItemProxy section */
-		1320081C1E283DCB00F0C457 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 139D7E871E25C6D100323FB7;
-			remoteInfo = "double-conversion";
-		};
-		188202BE1EF48DBD00C9B354 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 1882027B1EF48B7E00C9B354;
-			remoteInfo = "double-conversion-macOS";
-		};
-		3D0574541DE5FF9600184BB4 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 3D3C059B1DE3340C00C268FA;
-			remoteInfo = "yoga-tvOS";
-		};
-		3D0574561DE5FF9600184BB4 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 3D3CD9261DE5FBEE00167DC4;
-			remoteInfo = "cxxreact-tvOS";
-		};
-		3D383D651EBD27DB005632C8 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 3D383D3D1EBD27B9005632C8;
-			remoteInfo = "double-conversion-tvOS";
-		};
-		3D3CD94B1DE5FCE700167DC4 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 3D3CD9191DE5FBEC00167DC4;
-			remoteInfo = cxxreact;
-		};
-		53D123981FBF1E0C001B8A10 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 3D3C04B91DE3340900C268FA;
-			remoteInfo = yoga;
-		};
-		6B857F521EC5218600A9D063 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 6B857F351EC51FCF00A9D063;
-			remoteInfo = "cxxreact-macOS";
-		};
-		6B857F541EC5218B00A9D063 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 6B857F241EC51FCC00A9D063;
-			remoteInfo = "yoga-macOS";
-		};
-		9F2AC9612239D789005C9C14 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 3D383D3D1EBD27B9005632C8;
-			remoteInfo = "double-conversion-tvOS";
-		};
-		9FD21D792243043100E7F88E /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 1882027B1EF48B7E00C9B354;
-			remoteInfo = "double-conversion-macOS";
-		};
-		9FD21D7C2243058900E7F88E /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 9FD21D61224303D900E7F88E;
-			remoteInfo = "jsi-macOS";
-		};
-		9FD21D7E2243059300E7F88E /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 18F3BA132142F86400AD247D;
-			remoteInfo = "jsinspector-macOS";
-		};
-		9FD21D95224305C100E7F88E /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 9FD21D80224305AA00E7F88E;
-			remoteInfo = "jsiexecutor-macOS";
-		};
-		9FD21D972243061900E7F88E /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 9FD21D61224303D900E7F88E;
-			remoteInfo = "jsi-macOS";
-		};
-		9FD21D992243062200E7F88E /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 188202A11EF48CF700C9B354;
-			remoteInfo = "third-party-macOS";
-		};
-		9FD21D9B2243062900E7F88E /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 6B857F351EC51FCF00A9D063;
-			remoteInfo = "cxxreact-macOS";
-		};
-		9FF8D1E62243081A00B8CECA /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 1882027B1EF48B7E00C9B354;
-			remoteInfo = "double-conversion-macOS";
-		};
-		ED296F7D214C957300B7C4FE /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = EDEBC6BA214B3E7000DD5AC8;
-			remoteInfo = jsi;
-		};
-		ED296F80214C971800B7C4FE /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = EBF21BDD1FC4989A0052F4D5;
-			remoteInfo = "jsinspector-tvOS";
-		};
-		ED296FF7214C9EAA00B7C4FE /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 3D383D211EBD27B6005632C8;
-			remoteInfo = "third-party-tvOS";
-		};
-		ED296FFB214C9EC000B7C4FE /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 3D3CD9261DE5FBEE00167DC4;
-			remoteInfo = "cxxreact-tvOS";
-		};
-		ED296FFD214C9EC600B7C4FE /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = ED296F98214C9A0900B7C4FE;
-			remoteInfo = "jsi-tvOS";
-		};
-		ED29704D215012C700B7C4FE /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 3D383D3D1EBD27B9005632C8;
-			remoteInfo = "double-conversion-tvOS";
-		};
-		ED2970652150237300B7C4FE /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = ED296FD0214C9CF800B7C4FE;
-			remoteInfo = "jsiexecutor-tvOS";
-		};
-		EDEBC74A214B46A700DD5AC8 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = EDEBC724214B45A300DD5AC8;
-			remoteInfo = jsiexecutor;
-		};
-		EDEBC74E214B477400DD5AC8 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = EDEBC6BA214B3E7000DD5AC8;
-			remoteInfo = jsi;
-		};
-		EDEBC7CB214C516800DD5AC8 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 139D7E871E25C6D100323FB7;
-			remoteInfo = "double-conversion";
-		};
-		EDEBC7CD214C523F00DD5AC8 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 3D3CD9191DE5FBEC00167DC4;
-			remoteInfo = cxxreact;
-		};
-		EDEBC7D2214C528C00DD5AC8 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 139D7ECD1E25DB7D00323FB7;
-			remoteInfo = "third-party";
-		};
-		EDEBC7D6214C52FD00DD5AC8 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 139D7E871E25C6D100323FB7;
-			remoteInfo = "double-conversion";
-		};
-		EDEBC7D8214C628300DD5AC8 /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = EBF21BBF1FC498900052F4D5;
-			remoteInfo = jsinspector;
-		};
-/* End PBXContainerItemProxy section */
-
-/* Begin PBXCopyFilesBuildPhase section */
-		139D7E861E25C6D100323FB7 /* CopyFiles */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = "include/$(PRODUCT_NAME)";
-			dstSubfolderSpec = 16;
-			files = (
-				19F61BFA1E8495CD00571D81 /* bignum-dtoa.h in CopyFiles */,
-				19F61BFB1E8495CD00571D81 /* bignum.h in CopyFiles */,
-				19F61BFC1E8495CD00571D81 /* cached-powers.h in CopyFiles */,
-				19F61BFD1E8495CD00571D81 /* diy-fp.h in CopyFiles */,
-				19F61BFE1E8495CD00571D81 /* double-conversion.h in CopyFiles */,
-				19F61BFF1E8495CD00571D81 /* fast-dtoa.h in CopyFiles */,
-				19F61C001E8495CD00571D81 /* fixed-dtoa.h in CopyFiles */,
-				19F61C011E8495CD00571D81 /* ieee.h in CopyFiles */,
-				19F61C021E8495CD00571D81 /* strtod.h in CopyFiles */,
-				19F61C031E8495CD00571D81 /* utils.h in CopyFiles */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		1854FF271EF485220008DADC /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/yoga;
-			dstSubfolderSpec = 16;
-			files = (
-				9FF2AC092286298A003BA899 /* YGConfig.h in Copy Headers */,
-				9FF2AC0822862984003BA899 /* YGValue.h in Copy Headers */,
-				9FF2AC072286297A003BA899 /* YGMarker.h in Copy Headers */,
-				9FF2AC0622862975003BA899 /* YGEnums.h in Copy Headers */,
-				1854FF291EF4855F0008DADC /* YGMacros.h in Copy Headers */,
-				1854FF2B1EF4855F0008DADC /* Yoga.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		1854FF2D1EF4859F0008DADC /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/cxxreact;
-			dstSubfolderSpec = 16;
-			files = (
-				181B13CE21652CE900D3B7D2 /* ReactMarker.h in Copy Headers */,
-				18C3A9C51FE1D7D200DEC48A /* RAMBundleRegistry.h in Copy Headers */,
-				18632C1A1EF49C9D0010A3BB /* CxxModule.h in Copy Headers */,
-				18632C1B1EF49C9D0010A3BB /* CxxNativeModule.h in Copy Headers */,
-				18632C1C1EF49C9D0010A3BB /* JSExecutor.h in Copy Headers */,
-				18632C1D1EF49C9D0010A3BB /* Instance.h in Copy Headers */,
-				18632C1E1EF49C9D0010A3BB /* JsArgumentHelpers-inl.h in Copy Headers */,
-				18632C1F1EF49C9D0010A3BB /* JsArgumentHelpers.h in Copy Headers */,
-				18632C201EF49C9D0010A3BB /* JSBigString.h in Copy Headers */,
-				18632C211EF49C9D0010A3BB /* JSBundleType.h in Copy Headers */,
-				18632C221EF49C9D0010A3BB /* (null) in Copy Headers */,
-				18632C241EF49C9D0010A3BB /* (null) in Copy Headers */,
-				18632C251EF49C9D0010A3BB /* (null) in Copy Headers */,
-				18632C261EF49C9D0010A3BB /* (null) in Copy Headers */,
-				18632C271EF49C9D0010A3BB /* (null) in Copy Headers */,
-				18632C281EF49C9D0010A3BB /* (null) in Copy Headers */,
-				18632C291EF49C9D0010A3BB /* (null) in Copy Headers */,
-				18632C2A1EF49C9D0010A3BB /* JSIndexedRAMBundle.h in Copy Headers */,
-				18632C2B1EF49C9D0010A3BB /* JSModulesUnbundle.h in Copy Headers */,
-				18632C2C1EF49C9D0010A3BB /* MessageQueueThread.h in Copy Headers */,
-				18632C2D1EF49C9D0010A3BB /* MethodCall.h in Copy Headers */,
-				18632C2E1EF49C9D0010A3BB /* ModuleRegistry.h in Copy Headers */,
-				18632C2F1EF49C9D0010A3BB /* NativeModule.h in Copy Headers */,
-				18632C301EF49C9D0010A3BB /* NativeToJsBridge.h in Copy Headers */,
-				18632C321EF49C9D0010A3BB /* (null) in Copy Headers */,
-				18632C331EF49C9D0010A3BB /* RecoverableError.h in Copy Headers */,
-				18632C341EF49C9D0010A3BB /* SampleCxxModule.h in Copy Headers */,
-				18632C351EF49C9D0010A3BB /* SystraceSection.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		18632BFF1EF495700010A3BB /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/React;
-			dstSubfolderSpec = 16;
-			files = (
-				9F5C1841230DB6F300E3E5A7 /* RCTSurfacePresenterStub.h in Copy Headers */,
-				385362722283369800B0989C /* RCTSRWebSocket.h in Copy Headers */,
-				181B13D021652D7400D3B7D2 /* RCTLinkingManager.h in Copy Headers */,
-				1879ECFA21E85F0D00D98372 /* RCTDynamicColor.h in Copy Headers */,
-				18B8F9CA214335C800CE911A /* RCTLayout.h in Copy Headers */,
-				18B8F97B2143178C00CE911A /* RCTWebSocketModule.h in Copy Headers */,
-				18B8F97A2143176D00CE911A /* RCTPushNotificationManager.h in Copy Headers */,
-				18C2C6752141C9A8004314E0 /* RCTPlatformDisplayLink.h in Copy Headers */,
-				187682D62023E243005F19DF /* RCTTouchHandler.h in Copy Headers */,
-				18514D531FE98CF800C5E2FF /* RCTAccessibilityManager.h in Copy Headers */,
-				18C3A9C71FE1D8D600DEC48A /* RCTUIManagerUtils.h in Copy Headers */,
-				1893C50E1FB0DD6600D66838 /* RCTBridge+Cxx.h in Copy Headers */,
-				18316E1D1EF9EBA9003DADF3 /* RCTBridge+Private.h in Copy Headers */,
-				18D515711EF8425A00B8B02D /* RCTResizeMode.h in Copy Headers */,
-				1880E9581EF841DF00E5AABD /* RCTImageLoader.h in Copy Headers */,
-				18F73E251EF8347E00FE5F4B /* RCTNetworking.h in Copy Headers */,
-				18F73E261EF8347E00FE5F4B /* RCTNetworkTask.h in Copy Headers */,
-				18F73E211EF832F200FE5F4B /* RCTAssert.h in Copy Headers */,
-				18F73E201EF832EC00FE5F4B /* RCTBridge.h in Copy Headers */,
-				18632C521EF4B0030010A3BB /* RCTBridgeDelegate.h in Copy Headers */,
-				18632C531EF4B0030010A3BB /* RCTBridgeMethod.h in Copy Headers */,
-				18632C541EF4B0030010A3BB /* RCTBridgeModule.h in Copy Headers */,
-				18632C551EF4B0030010A3BB /* RCTBundleURLProvider.h in Copy Headers */,
-				18632C561EF4B0030010A3BB /* RCTConvert.h in Copy Headers */,
-				18632C571EF4B0030010A3BB /* RCTDefines.h in Copy Headers */,
-				18632C581EF4B0030010A3BB /* RCTDisplayLink.h in Copy Headers */,
-				18632C591EF4B0030010A3BB /* RCTErrorCustomizer.h in Copy Headers */,
-				18632C5A1EF4B0030010A3BB /* RCTErrorInfo.h in Copy Headers */,
-				18632C5B1EF4B0030010A3BB /* RCTEventDispatcher.h in Copy Headers */,
-				18632C5C1EF4B0030010A3BB /* RCTFrameUpdate.h in Copy Headers */,
-				18632C5D1EF4B0030010A3BB /* RCTImageSource.h in Copy Headers */,
-				18632C5E1EF4B0030010A3BB /* RCTInvalidating.h in Copy Headers */,
-				18632C5F1EF4B0030010A3BB /* RCTJavaScriptExecutor.h in Copy Headers */,
-				18632C601EF4B0030010A3BB /* RCTJavaScriptLoader.h in Copy Headers */,
-				18632C621EF4B0030010A3BB /* RCTJSStackFrame.h in Copy Headers */,
-				18632C641EF4B0030010A3BB /* RCTLog.h in Copy Headers */,
-				18632C651EF4B0030010A3BB /* RCTModuleData.h in Copy Headers */,
-				18632C661EF4B0030010A3BB /* RCTModuleMethod.h in Copy Headers */,
-				18632C671EF4B0030010A3BB /* RCTMultipartDataTask.h in Copy Headers */,
-				18632C681EF4B0030010A3BB /* RCTMultipartStreamReader.h in Copy Headers */,
-				18632C691EF4B0030010A3BB /* RCTNullability.h in Copy Headers */,
-				18632C6A1EF4B0030010A3BB /* RCTParserUtils.h in Copy Headers */,
-				18632C6B1EF4B0030010A3BB /* RCTPerformanceLogger.h in Copy Headers */,
-				18632C6C1EF4B0030010A3BB /* RCTPlatform.h in Copy Headers */,
-				18632C6E1EF4B0030010A3BB /* RCTRootContentView.h in Copy Headers */,
-				18632C6F1EF4B0030010A3BB /* RCTRootView.h in Copy Headers */,
-				18632C701EF4B0030010A3BB /* RCTRootViewDelegate.h in Copy Headers */,
-				18632C711EF4B0030010A3BB /* RCTRootViewInternal.h in Copy Headers */,
-				18632C721EF4B0030010A3BB /* RCTTouchEvent.h in Copy Headers */,
-				18632C751EF4B0030010A3BB /* RCTUIKit.h in Copy Headers */,
-				18632C761EF4B0030010A3BB /* RCTURLRequestDelegate.h in Copy Headers */,
-				18632C771EF4B0030010A3BB /* RCTURLRequestHandler.h in Copy Headers */,
-				18632C781EF4B0030010A3BB /* RCTUtils.h in Copy Headers */,
-				18632C7F1EF4B0030010A3BB /* RCTCxxMethod.h in Copy Headers */,
-				18632C811EF4B0030010A3BB /* RCTCxxUtils.h in Copy Headers */,
-				18632C821EF4B0030010A3BB /* RCTFollyConvert.h in Copy Headers */,
-				18632C831EF4B0030010A3BB /* RCTInspectorDevServerHelper.h in Copy Headers */,
-				18632C841EF4B0030010A3BB /* RCTDevLoadingView.h in Copy Headers */,
-				18632C851EF4B0030010A3BB /* RCTDevMenu.h in Copy Headers */,
-				18632C861EF4B0030010A3BB /* RCTPackagerClient.h in Copy Headers */,
-				18632C871EF4B0030010A3BB /* RCTPackagerConnection.h in Copy Headers */,
-				18632C8A1EF4B0030010A3BB /* RCTInspector.h in Copy Headers */,
-				18632C8B1EF4B0030010A3BB /* RCTInspectorPackagerConnection.h in Copy Headers */,
-				18632C8D1EF4B0030010A3BB /* RCTAlertManager.h in Copy Headers */,
-				18632C8F1EF4B0030010A3BB /* RCTAsyncLocalStorage.h in Copy Headers */,
-				18632C901EF4B0030010A3BB /* RCTClipboard.h in Copy Headers */,
-				18632C921EF4B0030010A3BB /* RCTDevSettings.h in Copy Headers */,
-				18632C931EF4B0030010A3BB /* RCTEventEmitter.h in Copy Headers */,
-				18632C941EF4B0030010A3BB /* RCTExceptionsManager.h in Copy Headers */,
-				18632C951EF4B0030010A3BB /* RCTI18nManager.h in Copy Headers */,
-				18632C961EF4B0030010A3BB /* RCTI18nUtil.h in Copy Headers */,
-				18632C981EF4B0040010A3BB /* RCTKeyboardObserver.h in Copy Headers */,
-				18632C991EF4B0040010A3BB /* RCTRedBox.h in Copy Headers */,
-				18632C9A1EF4B0040010A3BB /* RCTSourceCode.h in Copy Headers */,
-				18632C9C1EF4B0040010A3BB /* RCTTiming.h in Copy Headers */,
-				18632C9E1EF4B0040010A3BB /* RCTUIManager.h in Copy Headers */,
-				18632C9F1EF4B0040010A3BB /* RCTUIManagerObserverCoordinator.h in Copy Headers */,
-				18632CA11EF4B0040010A3BB /* RCTMacros.h in Copy Headers */,
-				18632CA21EF4B0040010A3BB /* RCTProfile.h in Copy Headers */,
-				18632CA31EF4B0040010A3BB /* RCTActivityIndicatorView.h in Copy Headers */,
-				18632CA41EF4B0040010A3BB /* RCTActivityIndicatorViewManager.h in Copy Headers */,
-				18632CA51EF4B0040010A3BB /* RCTAnimationType.h in Copy Headers */,
-				18632CA61EF4B0040010A3BB /* RCTAutoInsetsProtocol.h in Copy Headers */,
-				18632CA71EF4B0040010A3BB /* RCTBorderDrawing.h in Copy Headers */,
-				18632CA81EF4B0040010A3BB /* RCTBorderStyle.h in Copy Headers */,
-				18632CA91EF4B0040010A3BB /* RCTComponent.h in Copy Headers */,
-				18632CAA1EF4B0040010A3BB /* RCTComponentData.h in Copy Headers */,
-				18632CAB1EF4B0040010A3BB /* RCTConvert+CoreLocation.h in Copy Headers */,
-				18632CAC1EF4B0040010A3BB /* RCTConvert+Transform.h in Copy Headers */,
-				18632CAD1EF4B0040010A3BB /* RCTDatePicker.h in Copy Headers */,
-				18632CAE1EF4B0040010A3BB /* RCTDatePickerManager.h in Copy Headers */,
-				18632CAF1EF4B0040010A3BB /* RCTFont.h in Copy Headers */,
-				18632CB71EF4B0040010A3BB /* RCTPicker.h in Copy Headers */,
-				18632CB81EF4B0040010A3BB /* RCTPickerManager.h in Copy Headers */,
-				18632CB91EF4B0040010A3BB /* RCTPointerEvents.h in Copy Headers */,
-				18632CBD1EF4B0040010A3BB /* RCTRootShadowView.h in Copy Headers */,
-				18632CC51EF4B0040010A3BB /* RCTShadowView.h in Copy Headers */,
-				18632CC61EF4B0040010A3BB /* RCTShadowView+Layout.h in Copy Headers */,
-				18632CCF1EF4B0040010A3BB /* RCTTextDecorationLineType.h in Copy Headers */,
-				18632CD11EF4B0040010A3BB /* RCTView.h in Copy Headers */,
-				18632CD31EF4B0040010A3BB /* RCTViewManager.h in Copy Headers */,
-				18632CD71EF4B0040010A3BB /* UIView+Private.h in Copy Headers */,
-				18632CD81EF4B0040010A3BB /* UIView+React.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		188202811EF48BDD00C9B354 /* CopyFiles */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = "include/$(PRODUCT_NAME)";
-			dstSubfolderSpec = 16;
-			files = (
-				188202941EF48CAE00C9B354 /* bignum-dtoa.h in CopyFiles */,
-				188202951EF48CAE00C9B354 /* bignum.h in CopyFiles */,
-				188202961EF48CAE00C9B354 /* cached-powers.h in CopyFiles */,
-				188202971EF48CAE00C9B354 /* diy-fp.h in CopyFiles */,
-				188202981EF48CAE00C9B354 /* double-conversion.h in CopyFiles */,
-				188202991EF48CAE00C9B354 /* fast-dtoa.h in CopyFiles */,
-				1882029A1EF48CAE00C9B354 /* fixed-dtoa.h in CopyFiles */,
-				1882029B1EF48CAE00C9B354 /* ieee.h in CopyFiles */,
-				1882029C1EF48CAE00C9B354 /* strtod.h in CopyFiles */,
-				1882029D1EF48CAE00C9B354 /* utils.h in CopyFiles */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		18F3BA152142F86400AD247D /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/jsinspector;
-			dstSubfolderSpec = 16;
-			files = (
-				18F3BA162142F86400AD247D /* InspectorInterfaces.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D302E191DF8249100D6DDAE /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/React;
-			dstSubfolderSpec = 16;
-			files = (
-				18C2C6762141C9B4004314E0 /* RCTPlatformDisplayLink.h in Copy Headers */,
-				591F78DF202ADB97004A668C /* RCTLayout.h in Copy Headers */,
-				59EDBCC31FDF4E55003573DE /* RCTScrollableProtocol.h in Copy Headers */,
-				59EDBCC51FDF4E55003573DE /* RCTScrollContentView.h in Copy Headers */,
-				59EDBCC71FDF4E55003573DE /* RCTScrollView.h in Copy Headers */,
-				59EDBCC81FDF4E55003573DE /* RCTScrollViewManager.h in Copy Headers */,
-				594F0A411FD233BD007FBE96 /* RCTSurface.h in Copy Headers */,
-				594F0A421FD233BD007FBE96 /* RCTSurfaceDelegate.h in Copy Headers */,
-				594F0A431FD233BD007FBE96 /* RCTSurfaceRootShadowView.h in Copy Headers */,
-				594F0A441FD233BD007FBE96 /* RCTSurfaceRootShadowViewDelegate.h in Copy Headers */,
-				594F0A451FD233BD007FBE96 /* RCTSurfaceRootView.h in Copy Headers */,
-				594F0A461FD233BD007FBE96 /* RCTSurfaceStage.h in Copy Headers */,
-				594F0A471FD233BD007FBE96 /* RCTSurfaceView.h in Copy Headers */,
-				594F0A481FD233BD007FBE96 /* RCTSurfaceHostingView.h in Copy Headers */,
-				594F0A491FD233BD007FBE96 /* RCTSurfaceSizeMeasureMode.h in Copy Headers */,
-				2D16E68E1FA4FD3900B85C8A /* RCTTVNavigationEventEmitter.h in Copy Headers */,
-				1893C50F1FB0DD6F00D66838 /* RCTBridge+Cxx.h in Copy Headers */,
-				184D85E91EF33EB50069DA83 /* RCTUIKit.h in Copy Headers */,
-				59500D481F71C67600B122B7 /* RCTUIManagerUtils.h in Copy Headers */,
-				3D0E37901F1CC5E100DCAC9F /* RCTWebSocketModule.h in Copy Headers */,
-				5960C1BF1F0804F50066FD5B /* RCTLayoutAnimation.h in Copy Headers */,
-				5960C1C01F0804F50066FD5B /* RCTLayoutAnimationGroup.h in Copy Headers */,
-				59EB6DC01EBD70130072A5E7 /* RCTUIManagerObserverCoordinator.h in Copy Headers */,
-				59B1EBCA1EBD47520047B19B /* RCTShadowView+Layout.h in Copy Headers */,
-				3D0B84271EC0B45400B2BD8E /* RCTLinkingManager.h in Copy Headers */,
-				3D0B84251EC0B42600B2BD8E /* RCTNetworking.h in Copy Headers */,
-				3D0B84261EC0B42600B2BD8E /* RCTNetworkTask.h in Copy Headers */,
-				3D0B84231EC0B40D00B2BD8E /* RCTImageLoader.h in Copy Headers */,
-				3D0B84241EC0B40D00B2BD8E /* RCTImageStoreManager.h in Copy Headers */,
-				3D0B84221EC0B3F600B2BD8E /* RCTResizeMode.h in Copy Headers */,
-				3D383D201EBD27AF005632C8 /* RCTBridge+Private.h in Copy Headers */,
-				3D7BFD351EA8E43F008DFB7A /* RCTDevSettings.h in Copy Headers */,
-				3D7BFD331EA8E433008DFB7A /* RCTPackagerClient.h in Copy Headers */,
-				3DA981EA1E5B0F7F004F2374 /* RCTAccessibilityManager.h in Copy Headers */,
-				3DA981EB1E5B0F7F004F2374 /* RCTAlertManager.h in Copy Headers */,
-				3DA981EC1E5B0F7F004F2374 /* RCTAppState.h in Copy Headers */,
-				3DA981ED1E5B0F7F004F2374 /* RCTAsyncLocalStorage.h in Copy Headers */,
-				3DA981EE1E5B0F7F004F2374 /* RCTClipboard.h in Copy Headers */,
-				3DA981EF1E5B0F7F004F2374 /* RCTDevLoadingView.h in Copy Headers */,
-				3DA981F01E5B0F7F004F2374 /* RCTDevMenu.h in Copy Headers */,
-				3DA981F11E5B0F7F004F2374 /* RCTEventEmitter.h in Copy Headers */,
-				3DA981F21E5B0F7F004F2374 /* RCTExceptionsManager.h in Copy Headers */,
-				3DA981F31E5B0F7F004F2374 /* RCTI18nManager.h in Copy Headers */,
-				3DA981F41E5B0F7F004F2374 /* RCTI18nUtil.h in Copy Headers */,
-				3DA981F51E5B0F7F004F2374 /* RCTKeyboardObserver.h in Copy Headers */,
-				3DA981F61E5B0F7F004F2374 /* RCTRedBox.h in Copy Headers */,
-				3DA981F71E5B0F7F004F2374 /* RCTSourceCode.h in Copy Headers */,
-				3DA981F81E5B0F7F004F2374 /* RCTStatusBarManager.h in Copy Headers */,
-				3DA981F91E5B0F7F004F2374 /* RCTTiming.h in Copy Headers */,
-				3DA981FA1E5B0F7F004F2374 /* RCTUIManager.h in Copy Headers */,
-				3DA981FB1E5B0F7F004F2374 /* RCTFPSGraph.h in Copy Headers */,
-				3DA981FD1E5B0F7F004F2374 /* RCTMacros.h in Copy Headers */,
-				3DA981FE1E5B0F7F004F2374 /* RCTProfile.h in Copy Headers */,
-				3DA981FF1E5B0F7F004F2374 /* RCTActivityIndicatorView.h in Copy Headers */,
-				3DA982001E5B0F7F004F2374 /* RCTActivityIndicatorViewManager.h in Copy Headers */,
-				3DA982011E5B0F7F004F2374 /* RCTAnimationType.h in Copy Headers */,
-				3DA982021E5B0F7F004F2374 /* RCTAutoInsetsProtocol.h in Copy Headers */,
-				3DA982031E5B0F7F004F2374 /* RCTBorderDrawing.h in Copy Headers */,
-				3DA982041E5B0F7F004F2374 /* RCTBorderStyle.h in Copy Headers */,
-				3DA982051E5B0F7F004F2374 /* RCTComponent.h in Copy Headers */,
-				3DA982061E5B0F7F004F2374 /* RCTComponentData.h in Copy Headers */,
-				3DA982071E5B0F7F004F2374 /* RCTConvert+CoreLocation.h in Copy Headers */,
-				3DA9820C1E5B0F7F004F2374 /* RCTFont.h in Copy Headers */,
-				3DA982111E5B0F7F004F2374 /* RCTModalHostView.h in Copy Headers */,
-				3DA982121E5B0F7F004F2374 /* RCTModalHostViewController.h in Copy Headers */,
-				3DA982131E5B0F7F004F2374 /* RCTModalHostViewManager.h in Copy Headers */,
-				3DA982141E5B0F7F004F2374 /* (null) in Copy Headers */,
-				3DA982151E5B0F7F004F2374 /* (null) in Copy Headers */,
-				3DA982161E5B0F7F004F2374 /* (null) in Copy Headers */,
-				3DA982171E5B0F7F004F2374 /* (null) in Copy Headers */,
-				3DA982181E5B0F7F004F2374 /* RCTPicker.h in Copy Headers */,
-				3DA982191E5B0F7F004F2374 /* RCTPickerManager.h in Copy Headers */,
-				3DA9821A1E5B0F7F004F2374 /* RCTPointerEvents.h in Copy Headers */,
-				3DA9821B1E5B0F7F004F2374 /* RCTProgressViewManager.h in Copy Headers */,
-				3DA9821C1E5B0F7F004F2374 /* RCTRefreshControl.h in Copy Headers */,
-				3DA9821D1E5B0F7F004F2374 /* RCTRefreshControlManager.h in Copy Headers */,
-				3DA9821E1E5B0F7F004F2374 /* RCTRootShadowView.h in Copy Headers */,
-				3DA982241E5B0F7F004F2374 /* RCTSegmentedControl.h in Copy Headers */,
-				3DA982251E5B0F7F004F2374 /* RCTSegmentedControlManager.h in Copy Headers */,
-				3DA982261E5B0F7F004F2374 /* RCTShadowView.h in Copy Headers */,
-				3DA982271E5B0F7F004F2374 /* RCTSlider.h in Copy Headers */,
-				3DA982281E5B0F7F004F2374 /* RCTSliderManager.h in Copy Headers */,
-				3DA982291E5B0F7F004F2374 /* RCTSwitch.h in Copy Headers */,
-				3DA9822A1E5B0F7F004F2374 /* RCTSwitchManager.h in Copy Headers */,
-				3DA9822F1E5B0F7F004F2374 /* RCTTextDecorationLineType.h in Copy Headers */,
-				3DA982301E5B0F7F004F2374 /* RCTTVView.h in Copy Headers */,
-				3DA982311E5B0F7F004F2374 /* RCTView.h in Copy Headers */,
-				3DA982331E5B0F7F004F2374 /* RCTViewManager.h in Copy Headers */,
-				3DA982361E5B0F7F004F2374 /* RCTWrapperViewController.h in Copy Headers */,
-				3DA982381E5B0F7F004F2374 /* UIView+React.h in Copy Headers */,
-				3DA981BF1E5B0F29004F2374 /* RCTAssert.h in Copy Headers */,
-				3DA981C01E5B0F29004F2374 /* RCTBridge.h in Copy Headers */,
-				3DA981C21E5B0F29004F2374 /* RCTBridgeDelegate.h in Copy Headers */,
-				3DA981C31E5B0F29004F2374 /* RCTBridgeMethod.h in Copy Headers */,
-				3DA981C41E5B0F29004F2374 /* RCTBridgeModule.h in Copy Headers */,
-				3DA981C51E5B0F29004F2374 /* RCTBundleURLProvider.h in Copy Headers */,
-				3DA981C61E5B0F29004F2374 /* RCTConvert.h in Copy Headers */,
-				3DA981C71E5B0F29004F2374 /* RCTDefines.h in Copy Headers */,
-				3DA981C81E5B0F29004F2374 /* RCTDisplayLink.h in Copy Headers */,
-				3DA981C91E5B0F29004F2374 /* RCTErrorCustomizer.h in Copy Headers */,
-				3DA981CA1E5B0F29004F2374 /* RCTErrorInfo.h in Copy Headers */,
-				3DA981CB1E5B0F29004F2374 /* RCTEventDispatcher.h in Copy Headers */,
-				3DA981CC1E5B0F29004F2374 /* RCTFrameUpdate.h in Copy Headers */,
-				3DA981CD1E5B0F29004F2374 /* RCTImageSource.h in Copy Headers */,
-				3DA981CE1E5B0F29004F2374 /* RCTInvalidating.h in Copy Headers */,
-				3DA981CF1E5B0F29004F2374 /* RCTJavaScriptExecutor.h in Copy Headers */,
-				3DA981D01E5B0F29004F2374 /* RCTJavaScriptLoader.h in Copy Headers */,
-				3DA981D11E5B0F29004F2374 /* RCTJSStackFrame.h in Copy Headers */,
-				3DA981D21E5B0F29004F2374 /* RCTKeyCommands.h in Copy Headers */,
-				3DA981D31E5B0F29004F2374 /* RCTLog.h in Copy Headers */,
-				3DA981D41E5B0F29004F2374 /* RCTModuleData.h in Copy Headers */,
-				3DA981D51E5B0F29004F2374 /* RCTModuleMethod.h in Copy Headers */,
-				3DA981D61E5B0F29004F2374 /* RCTMultipartDataTask.h in Copy Headers */,
-				3DA981D71E5B0F29004F2374 /* RCTMultipartStreamReader.h in Copy Headers */,
-				3DA981D81E5B0F29004F2374 /* RCTNullability.h in Copy Headers */,
-				3DA981D91E5B0F29004F2374 /* RCTParserUtils.h in Copy Headers */,
-				3DA981DA1E5B0F29004F2374 /* RCTPerformanceLogger.h in Copy Headers */,
-				3DA981DB1E5B0F29004F2374 /* RCTPlatform.h in Copy Headers */,
-				3DA981DC1E5B0F29004F2374 /* RCTReloadCommand.h in Copy Headers */,
-				3DA981DD1E5B0F29004F2374 /* RCTRootContentView.h in Copy Headers */,
-				3DA981DE1E5B0F29004F2374 /* RCTRootView.h in Copy Headers */,
-				3DA981DF1E5B0F29004F2374 /* RCTRootViewDelegate.h in Copy Headers */,
-				3DA981E11E5B0F29004F2374 /* RCTTouchEvent.h in Copy Headers */,
-				3DA981E21E5B0F29004F2374 /* RCTTouchHandler.h in Copy Headers */,
-				3DA981E31E5B0F29004F2374 /* RCTURLRequestDelegate.h in Copy Headers */,
-				3DA981E41E5B0F29004F2374 /* RCTURLRequestHandler.h in Copy Headers */,
-				3DA981E51E5B0F29004F2374 /* RCTUtils.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D302F171DF825FE00D6DDAE /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/yoga;
-			dstSubfolderSpec = 16;
-			files = (
-				AC6B69E921B146DB00B2B68A /* YGValue.h in Copy Headers */,
-				AC71763621B0274A00C06877 /* YGMarker.h in Copy Headers */,
-				AC71763521B0274000C06877 /* YGConfig.h in Copy Headers */,
-				3DFE0D1A1DF8575800459392 /* YGEnums.h in Copy Headers */,
-				3DFE0D1B1DF8575800459392 /* YGMacros.h in Copy Headers */,
-				3DFE0D1C1DF8575800459392 /* Yoga.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D302F1B1DF8263300D6DDAE /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/cxxreact;
-			dstSubfolderSpec = 16;
-			files = (
-				BA0501AD2109DCF200A6BBC4 /* ReactMarker.h in Copy Headers */,
-				598FD1921F816A2A006C54CB /* RAMBundleRegistry.h in Copy Headers */,
-				3DA9823B1E5B1053004F2374 /* CxxModule.h in Copy Headers */,
-				3DA9823C1E5B1053004F2374 /* CxxNativeModule.h in Copy Headers */,
-				3DA9823D1E5B1053004F2374 /* JSExecutor.h in Copy Headers */,
-				3DA982401E5B1053004F2374 /* Instance.h in Copy Headers */,
-				3DA982411E5B1053004F2374 /* JsArgumentHelpers-inl.h in Copy Headers */,
-				3DA982421E5B1053004F2374 /* JsArgumentHelpers.h in Copy Headers */,
-				3DA982431E5B1053004F2374 /* JSBigString.h in Copy Headers */,
-				3DA982441E5B1053004F2374 /* JSBundleType.h in Copy Headers */,
-				3DA9824E1E5B1053004F2374 /* JSIndexedRAMBundle.h in Copy Headers */,
-				3DA9824F1E5B1053004F2374 /* JSModulesUnbundle.h in Copy Headers */,
-				3DA982501E5B1053004F2374 /* MessageQueueThread.h in Copy Headers */,
-				3DA982511E5B1053004F2374 /* MethodCall.h in Copy Headers */,
-				3DA982521E5B1053004F2374 /* ModuleRegistry.h in Copy Headers */,
-				3DA982531E5B1053004F2374 /* NativeModule.h in Copy Headers */,
-				3DA982541E5B1053004F2374 /* NativeToJsBridge.h in Copy Headers */,
-				3DA982571E5B1053004F2374 /* RecoverableError.h in Copy Headers */,
-				3DA982581E5B1053004F2374 /* SampleCxxModule.h in Copy Headers */,
-				3DA982591E5B1053004F2374 /* SystraceSection.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D383D491EBD27B9005632C8 /* CopyFiles */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = "include/$(PRODUCT_NAME)";
-			dstSubfolderSpec = 16;
-			files = (
-				3D383D4A1EBD27B9005632C8 /* bignum-dtoa.h in CopyFiles */,
-				3D383D4B1EBD27B9005632C8 /* bignum.h in CopyFiles */,
-				3D383D4C1EBD27B9005632C8 /* cached-powers.h in CopyFiles */,
-				3D383D4D1EBD27B9005632C8 /* diy-fp.h in CopyFiles */,
-				3D383D4E1EBD27B9005632C8 /* double-conversion.h in CopyFiles */,
-				3D383D4F1EBD27B9005632C8 /* fast-dtoa.h in CopyFiles */,
-				3D383D501EBD27B9005632C8 /* fixed-dtoa.h in CopyFiles */,
-				3D383D511EBD27B9005632C8 /* ieee.h in CopyFiles */,
-				3D383D521EBD27B9005632C8 /* strtod.h in CopyFiles */,
-				3D383D531EBD27B9005632C8 /* utils.h in CopyFiles */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D80D91E1DF6FA530028D040 /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/React;
-			dstSubfolderSpec = 16;
-			files = (
-				18C2C6742141C99B004314E0 /* RCTPlatformDisplayLink.h in Copy Headers */,
-				5C60EB5A226442950018C04F /* RCTCxxBridgeDelegate.h in Copy Headers */,
-				5C60EB57226441470018C04F /* JSCExecutorFactory.h in Copy Headers */,
-				589515E12231ADE00036BDE0 /* RCTSurfacePresenterStub.h in Copy Headers */,
-				39C50FF92046EACF00CEE534 /* RCTVersion.h in Copy Headers */,
-				591F78DE202ADB8F004A668C /* RCTLayout.h in Copy Headers */,
-				59EDBCBD1FDF4E43003573DE /* RCTScrollableProtocol.h in Copy Headers */,
-				59EDBCBF1FDF4E43003573DE /* RCTScrollContentView.h in Copy Headers */,
-				59EDBCC11FDF4E43003573DE /* RCTScrollView.h in Copy Headers */,
-				59EDBCC21FDF4E43003573DE /* RCTScrollViewManager.h in Copy Headers */,
-				594F0A381FD233A2007FBE96 /* RCTSurface.h in Copy Headers */,
-				594F0A391FD233A2007FBE96 /* RCTSurfaceDelegate.h in Copy Headers */,
-				594F0A3A1FD233A2007FBE96 /* RCTSurfaceRootShadowView.h in Copy Headers */,
-				594F0A3B1FD233A2007FBE96 /* RCTSurfaceRootShadowViewDelegate.h in Copy Headers */,
-				594F0A3C1FD233A2007FBE96 /* RCTSurfaceRootView.h in Copy Headers */,
-				594F0A3D1FD233A2007FBE96 /* RCTSurfaceStage.h in Copy Headers */,
-				594F0A3E1FD233A2007FBE96 /* RCTSurfaceView.h in Copy Headers */,
-				594F0A3F1FD233A2007FBE96 /* RCTSurfaceHostingView.h in Copy Headers */,
-				594F0A401FD233A2007FBE96 /* RCTSurfaceSizeMeasureMode.h in Copy Headers */,
-				1893C50D1FB0DD5E00D66838 /* RCTBridge+Cxx.h in Copy Headers */,
-				188527911EF330440036F2B5 /* RCTUIKit.h in Copy Headers */,
-				59500D471F71C66700B122B7 /* RCTUIManagerUtils.h in Copy Headers */,
-				3D0E378F1F1CC5CF00DCAC9F /* RCTWebSocketModule.h in Copy Headers */,
-				5960C1BD1F0804DF0066FD5B /* RCTLayoutAnimation.h in Copy Headers */,
-				5960C1BE1F0804DF0066FD5B /* RCTLayoutAnimationGroup.h in Copy Headers */,
-				59EB6DBF1EBD6FFC0072A5E7 /* RCTUIManagerObserverCoordinator.h in Copy Headers */,
-				59B1EBC91EBD46250047B19B /* RCTShadowView+Layout.h in Copy Headers */,
-				3D383D1F1EBD27A8005632C8 /* RCTBridge+Private.h in Copy Headers */,
-				3D7BFD311EA8E41F008DFB7A /* RCTPackagerClient.h in Copy Headers */,
-				3D7BFD291EA8E37B008DFB7A /* RCTDevSettings.h in Copy Headers */,
-				3D80D91F1DF6FA890028D040 /* RCTImageLoader.h in Copy Headers */,
-				3D80D9201DF6FA890028D040 /* RCTImageStoreManager.h in Copy Headers */,
-				3D80D9211DF6FA890028D040 /* RCTResizeMode.h in Copy Headers */,
-				3D80D9221DF6FA890028D040 /* RCTLinkingManager.h in Copy Headers */,
-				3D80D9231DF6FA890028D040 /* RCTNetworking.h in Copy Headers */,
-				3D80D9241DF6FA890028D040 /* RCTNetworkTask.h in Copy Headers */,
-				3D80D9251DF6FA890028D040 /* RCTPushNotificationManager.h in Copy Headers */,
-				3D80D9261DF6FA890028D040 /* RCTAssert.h in Copy Headers */,
-				3D80D9271DF6FA890028D040 /* RCTBridge.h in Copy Headers */,
-				3D80D9291DF6FA890028D040 /* RCTBridgeDelegate.h in Copy Headers */,
-				3D80D92A1DF6FA890028D040 /* RCTBridgeMethod.h in Copy Headers */,
-				3D80D92B1DF6FA890028D040 /* RCTBridgeModule.h in Copy Headers */,
-				3D80D92C1DF6FA890028D040 /* RCTBundleURLProvider.h in Copy Headers */,
-				3D80D92D1DF6FA890028D040 /* RCTConvert.h in Copy Headers */,
-				3D80D92E1DF6FA890028D040 /* RCTDefines.h in Copy Headers */,
-				3D80D92F1DF6FA890028D040 /* RCTDisplayLink.h in Copy Headers */,
-				3D80D9301DF6FA890028D040 /* RCTErrorCustomizer.h in Copy Headers */,
-				3D80D9311DF6FA890028D040 /* RCTErrorInfo.h in Copy Headers */,
-				3D80D9321DF6FA890028D040 /* RCTEventDispatcher.h in Copy Headers */,
-				3D80D9331DF6FA890028D040 /* RCTFrameUpdate.h in Copy Headers */,
-				3D80D9341DF6FA890028D040 /* RCTImageSource.h in Copy Headers */,
-				3D80D9351DF6FA890028D040 /* RCTInvalidating.h in Copy Headers */,
-				3D80D9361DF6FA890028D040 /* RCTJavaScriptExecutor.h in Copy Headers */,
-				3D80D9371DF6FA890028D040 /* RCTJavaScriptLoader.h in Copy Headers */,
-				3D80D9381DF6FA890028D040 /* RCTJSStackFrame.h in Copy Headers */,
-				3D80D9391DF6FA890028D040 /* RCTKeyCommands.h in Copy Headers */,
-				3D80D93A1DF6FA890028D040 /* RCTLog.h in Copy Headers */,
-				3D80D93B1DF6FA890028D040 /* RCTModuleData.h in Copy Headers */,
-				3D80D93C1DF6FA890028D040 /* RCTModuleMethod.h in Copy Headers */,
-				3D80D93D1DF6FA890028D040 /* RCTMultipartDataTask.h in Copy Headers */,
-				3D80D93E1DF6FA890028D040 /* RCTMultipartStreamReader.h in Copy Headers */,
-				3D80D93F1DF6FA890028D040 /* RCTNullability.h in Copy Headers */,
-				3D80D9401DF6FA890028D040 /* RCTParserUtils.h in Copy Headers */,
-				3D80D9411DF6FA890028D040 /* RCTPerformanceLogger.h in Copy Headers */,
-				3D80D9421DF6FA890028D040 /* RCTPlatform.h in Copy Headers */,
-				3D80D9431DF6FA890028D040 /* RCTRootView.h in Copy Headers */,
-				3D80D9441DF6FA890028D040 /* RCTRootViewDelegate.h in Copy Headers */,
-				3D80D9461DF6FA890028D040 /* RCTTouchEvent.h in Copy Headers */,
-				3D80D9471DF6FA890028D040 /* RCTTouchHandler.h in Copy Headers */,
-				3D80D9481DF6FA890028D040 /* RCTURLRequestDelegate.h in Copy Headers */,
-				3D80D9491DF6FA890028D040 /* RCTURLRequestHandler.h in Copy Headers */,
-				3D80D94A1DF6FA890028D040 /* RCTUtils.h in Copy Headers */,
-				3D80D9501DF6FA890028D040 /* RCTAccessibilityManager.h in Copy Headers */,
-				3D80D9511DF6FA890028D040 /* RCTAlertManager.h in Copy Headers */,
-				3D80D9521DF6FA890028D040 /* RCTAppState.h in Copy Headers */,
-				3D80D9531DF6FA890028D040 /* RCTAsyncLocalStorage.h in Copy Headers */,
-				3D80D9541DF6FA890028D040 /* RCTClipboard.h in Copy Headers */,
-				3D80D9551DF6FA890028D040 /* RCTDevLoadingView.h in Copy Headers */,
-				3D80D9561DF6FA890028D040 /* RCTDevMenu.h in Copy Headers */,
-				3D80D9571DF6FA890028D040 /* RCTEventEmitter.h in Copy Headers */,
-				3D80D9581DF6FA890028D040 /* RCTExceptionsManager.h in Copy Headers */,
-				3D80D9591DF6FA890028D040 /* RCTI18nManager.h in Copy Headers */,
-				3D80D95A1DF6FA890028D040 /* RCTI18nUtil.h in Copy Headers */,
-				3D80D95B1DF6FA890028D040 /* RCTKeyboardObserver.h in Copy Headers */,
-				3D80D95C1DF6FA890028D040 /* RCTRedBox.h in Copy Headers */,
-				3D80D95D1DF6FA890028D040 /* RCTSourceCode.h in Copy Headers */,
-				3D80D95E1DF6FA890028D040 /* RCTStatusBarManager.h in Copy Headers */,
-				3D80D95F1DF6FA890028D040 /* RCTTiming.h in Copy Headers */,
-				3D80D9601DF6FA890028D040 /* RCTUIManager.h in Copy Headers */,
-				3D80D9611DF6FA890028D040 /* RCTFPSGraph.h in Copy Headers */,
-				3D80D9631DF6FA890028D040 /* RCTMacros.h in Copy Headers */,
-				3D80D9641DF6FA890028D040 /* RCTProfile.h in Copy Headers */,
-				3D80D9651DF6FA890028D040 /* RCTActivityIndicatorView.h in Copy Headers */,
-				3D80D9661DF6FA890028D040 /* RCTActivityIndicatorViewManager.h in Copy Headers */,
-				3D80D9671DF6FA890028D040 /* RCTAnimationType.h in Copy Headers */,
-				3D80D9681DF6FA890028D040 /* RCTAutoInsetsProtocol.h in Copy Headers */,
-				3D80D9691DF6FA890028D040 /* RCTBorderDrawing.h in Copy Headers */,
-				3D80D96A1DF6FA890028D040 /* RCTBorderStyle.h in Copy Headers */,
-				3D80D96B1DF6FA890028D040 /* RCTComponent.h in Copy Headers */,
-				3D80D96C1DF6FA890028D040 /* RCTComponentData.h in Copy Headers */,
-				3D80D96D1DF6FA890028D040 /* RCTConvert+CoreLocation.h in Copy Headers */,
-				3D80D9711DF6FA890028D040 /* RCTFont.h in Copy Headers */,
-				3D80D9761DF6FA890028D040 /* RCTModalHostView.h in Copy Headers */,
-				3D80D9771DF6FA890028D040 /* RCTModalHostViewController.h in Copy Headers */,
-				3D80D9781DF6FA890028D040 /* RCTModalHostViewManager.h in Copy Headers */,
-				3D80D97D1DF6FA890028D040 /* RCTPicker.h in Copy Headers */,
-				3D80D97E1DF6FA890028D040 /* RCTPickerManager.h in Copy Headers */,
-				3D80D97F1DF6FA890028D040 /* RCTPointerEvents.h in Copy Headers */,
-				3D80D9801DF6FA890028D040 /* RCTProgressViewManager.h in Copy Headers */,
-				3D80D9811DF6FA890028D040 /* RCTRefreshControl.h in Copy Headers */,
-				3D80D9821DF6FA890028D040 /* RCTRefreshControlManager.h in Copy Headers */,
-				3D80D9831DF6FA890028D040 /* RCTRootShadowView.h in Copy Headers */,
-				3D80D9871DF6FA890028D040 /* RCTSegmentedControl.h in Copy Headers */,
-				3D80D9881DF6FA890028D040 /* RCTSegmentedControlManager.h in Copy Headers */,
-				3D80D9891DF6FA890028D040 /* RCTShadowView.h in Copy Headers */,
-				3D80D98A1DF6FA890028D040 /* RCTSlider.h in Copy Headers */,
-				3D80D98B1DF6FA890028D040 /* RCTSliderManager.h in Copy Headers */,
-				3D80D98C1DF6FA890028D040 /* RCTSwitch.h in Copy Headers */,
-				3D80D98D1DF6FA890028D040 /* RCTSwitchManager.h in Copy Headers */,
-				3D80D9921DF6FA890028D040 /* RCTTextDecorationLineType.h in Copy Headers */,
-				3D80D9931DF6FA890028D040 /* RCTView.h in Copy Headers */,
-				3D80D9951DF6FA890028D040 /* RCTViewManager.h in Copy Headers */,
-				3D80D9981DF6FA890028D040 /* RCTWrapperViewController.h in Copy Headers */,
-				3D80D99A1DF6FA890028D040 /* UIView+React.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D80DAB41DF8212E0028D040 /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 12;
-			dstPath = include/yoga;
-			dstSubfolderSpec = 16;
-			files = (
-				AC90464121C91DB8005B24B3 /* YGConfig.h in Copy Headers */,
-				AC6B69E621B146A500B2B68A /* YGValue.h in Copy Headers */,
-				AC8360D321B0263000FC46B9 /* YGMarker.h in Copy Headers */,
-				3DE4F8681DF85D8E00B9E5A0 /* YGEnums.h in Copy Headers */,
-				3DE4F8691DF85D8E00B9E5A0 /* YGMacros.h in Copy Headers */,
-				3DE4F86A1DF85D8E00B9E5A0 /* Yoga.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D80DAB91DF821710028D040 /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/cxxreact;
-			dstSubfolderSpec = 16;
-			files = (
-				133EA4E52098F6E30035B1D8 /* ReactMarker.h in Copy Headers */,
-				C669D8981F72E3DE006748EB /* RAMBundleRegistry.h in Copy Headers */,
-				3DA981A01E5B0E34004F2374 /* CxxModule.h in Copy Headers */,
-				3DA981A11E5B0E34004F2374 /* CxxNativeModule.h in Copy Headers */,
-				3DA981A21E5B0E34004F2374 /* JSExecutor.h in Copy Headers */,
-				3DA981A51E5B0E34004F2374 /* Instance.h in Copy Headers */,
-				3DA981A61E5B0E34004F2374 /* JsArgumentHelpers-inl.h in Copy Headers */,
-				3DA981A71E5B0E34004F2374 /* JsArgumentHelpers.h in Copy Headers */,
-				3DA981A81E5B0E34004F2374 /* JSBigString.h in Copy Headers */,
-				3DA981A91E5B0E34004F2374 /* JSBundleType.h in Copy Headers */,
-				3DA981B31E5B0E34004F2374 /* JSIndexedRAMBundle.h in Copy Headers */,
-				3DA981B41E5B0E34004F2374 /* JSModulesUnbundle.h in Copy Headers */,
-				3DA981B51E5B0E34004F2374 /* MessageQueueThread.h in Copy Headers */,
-				3DA981B61E5B0E34004F2374 /* MethodCall.h in Copy Headers */,
-				3DA981B71E5B0E34004F2374 /* ModuleRegistry.h in Copy Headers */,
-				3DA981B81E5B0E34004F2374 /* NativeModule.h in Copy Headers */,
-				3DA981B91E5B0E34004F2374 /* NativeToJsBridge.h in Copy Headers */,
-				3DA981BC1E5B0E34004F2374 /* RecoverableError.h in Copy Headers */,
-				3DA981BD1E5B0E34004F2374 /* SampleCxxModule.h in Copy Headers */,
-				3DA981BE1E5B0E34004F2374 /* SystraceSection.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		9FD21D6A224303D900E7F88E /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 12;
-			dstPath = include/jsi;
-			dstSubfolderSpec = 16;
-			files = (
-				9FD21D6B224303D900E7F88E /* instrumentation.h in Copy Headers */,
-				9FD21D6C224303D900E7F88E /* jsi-inl.h in Copy Headers */,
-				9FD21D6D224303D900E7F88E /* JSIDynamic.h in Copy Headers */,
-				9FD21D6E224303D900E7F88E /* JSCRuntime.h in Copy Headers */,
-				9FD21D6F224303D900E7F88E /* jsi.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		9FD21D8A224305AA00E7F88E /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 12;
-			dstPath = include/jsireact;
-			dstSubfolderSpec = 16;
-			files = (
-				9FD21D8B224305AA00E7F88E /* JSIExecutor.h in Copy Headers */,
-				9FD21D8C224305AA00E7F88E /* JSINativeModules.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		EBF21BCB1FC498900052F4D5 /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/jsinspector;
-			dstSubfolderSpec = 16;
-			files = (
-				EBF21BFB1FC498FC0052F4D5 /* InspectorInterfaces.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		EBF21BE91FC4989A0052F4D5 /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/jsinspector;
-			dstSubfolderSpec = 16;
-			files = (
-				EBF21BFE1FC499840052F4D5 /* InspectorInterfaces.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		ED296FA4214C9A0900B7C4FE /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/jsi;
-			dstSubfolderSpec = 16;
-			files = (
-				ED29704F2150199F00B7C4FE /* JSCRuntime.h in Copy Headers */,
-				ED296FC8214C9B5200B7C4FE /* jsi.h in Copy Headers */,
-				ED296FC7214C9B4B00B7C4FE /* instrumentation.h in Copy Headers */,
-				ED296FC6214C9B4400B7C4FE /* JSIDynamic.h in Copy Headers */,
-				ED296FC5214C9B3E00B7C4FE /* jsi-inl.h in Copy Headers */,
-				4F56C93A2216A3B700DB9F3F /* jsi/jsilib.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		ED296FDC214C9CF800B7C4FE /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 2147483647;
-			dstPath = include/jsireact;
-			dstSubfolderSpec = 16;
-			files = (
-				ED7286BE2155C62B00C26ABF /* JSIExecutor.h in Copy Headers */,
-				ED7286BF2155C62B00C26ABF /* JSINativeModules.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		EDEBC6C6214B3E7000DD5AC8 /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 12;
-			dstPath = include/jsi;
-			dstSubfolderSpec = 16;
-			files = (
-				ED297050215019B400B7C4FE /* instrumentation.h in Copy Headers */,
-				EDEBC71C214B40F900DD5AC8 /* jsi-inl.h in Copy Headers */,
-				EDEBC71D214B40F900DD5AC8 /* JSIDynamic.h in Copy Headers */,
-				EDEBC71E214B40F900DD5AC8 /* JSCRuntime.h in Copy Headers */,
-				EDEBC71F214B40F900DD5AC8 /* jsi.h in Copy Headers */,
-				4F56C93922167A4D00DB9F3F /* jsi/jsilib.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		EDEBC72F214B45A300DD5AC8 /* Copy Headers */ = {
-			isa = PBXCopyFilesBuildPhase;
-			buildActionMask = 12;
-			dstPath = include/jsireact;
-			dstSubfolderSpec = 16;
-			files = (
-				ED7286BC2155C62000C26ABF /* JSIExecutor.h in Copy Headers */,
-				ED7286BD2155C62000C26ABF /* JSINativeModules.h in Copy Headers */,
-			);
-			name = "Copy Headers";
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXCopyFilesBuildPhase section */
-
-/* Begin PBXFileReference section */
-		000E6CE91AB0E97F000CDF4D /* RCTSourceCode.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSourceCode.h; sourceTree = "<group>"; };
-		000E6CEA1AB0E980000CDF4D /* RCTSourceCode.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTSourceCode.m; sourceTree = "<group>"; };
-		001BFCCE1D8381DE008E587E /* RCTMultipartStreamReader.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTMultipartStreamReader.h; sourceTree = "<group>"; };
-		001BFCCF1D8381DE008E587E /* RCTMultipartStreamReader.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTMultipartStreamReader.m; sourceTree = "<group>"; };
-		006FC4121D9B20820057AAAD /* RCTMultipartDataTask.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTMultipartDataTask.h; sourceTree = "<group>"; };
-		006FC4131D9B20820057AAAD /* RCTMultipartDataTask.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTMultipartDataTask.m; sourceTree = "<group>"; };
-		008341F41D1DB34400876D9A /* RCTJSStackFrame.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTJSStackFrame.m; sourceTree = "<group>"; };
-		008341F51D1DB34400876D9A /* RCTJSStackFrame.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTJSStackFrame.h; sourceTree = "<group>"; };
-		0EEEA8DE2239002200A8C82D /* RCTSurfacePresenterStub.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RCTSurfacePresenterStub.m; sourceTree = "<group>"; };
-		1304439F1E3FEAA900D93A67 /* RCTFollyConvert.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = RCTFollyConvert.h; path = CxxUtils/RCTFollyConvert.h; sourceTree = "<group>"; };
-		130443A01E3FEAA900D93A67 /* RCTFollyConvert.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; name = RCTFollyConvert.mm; path = CxxUtils/RCTFollyConvert.mm; sourceTree = "<group>"; };
-		130443C31E401A8C00D93A67 /* RCTConvert+Transform.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = "RCTConvert+Transform.h"; sourceTree = "<group>"; };
-		130443C41E401A8C00D93A67 /* RCTConvert+Transform.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = "RCTConvert+Transform.m"; sourceTree = "<group>"; };
-		130443D61E401AD800D93A67 /* RCTTVView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTTVView.h; sourceTree = "<group>"; };
-		130443D71E401AD800D93A67 /* RCTTVView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTTVView.m; sourceTree = "<group>"; };
-		130A77031DF767AF001F9587 /* YGEnums.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = YGEnums.h; sourceTree = "<group>"; };
-		130A77041DF767AF001F9587 /* YGMacros.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = YGMacros.h; sourceTree = "<group>"; };
-		130A77081DF767AF001F9587 /* Yoga.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = Yoga.h; sourceTree = "<group>"; };
-		130E3D861E6A082100ACE484 /* RCTDevSettings.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTDevSettings.h; sourceTree = "<group>"; };
-		130E3D871E6A082100ACE484 /* RCTDevSettings.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTDevSettings.mm; sourceTree = "<group>"; };
-		13134C741E296B2A00B9F3CB /* RCTCxxBridge.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTCxxBridge.mm; sourceTree = "<group>"; };
-		13134C771E296B2A00B9F3CB /* RCTMessageThread.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTMessageThread.h; sourceTree = "<group>"; };
-		13134C781E296B2A00B9F3CB /* RCTMessageThread.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTMessageThread.mm; sourceTree = "<group>"; };
-		13134C7B1E296B2A00B9F3CB /* RCTObjcExecutor.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTObjcExecutor.h; sourceTree = "<group>"; };
-		13134C7C1E296B2A00B9F3CB /* RCTObjcExecutor.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTObjcExecutor.mm; sourceTree = "<group>"; };
-		13134C7E1E296B2A00B9F3CB /* RCTCxxMethod.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTCxxMethod.h; sourceTree = "<group>"; };
-		13134C7F1E296B2A00B9F3CB /* RCTCxxMethod.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTCxxMethod.mm; sourceTree = "<group>"; };
-		13134C801E296B2A00B9F3CB /* RCTCxxModule.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTCxxModule.h; sourceTree = "<group>"; };
-		13134C811E296B2A00B9F3CB /* RCTCxxModule.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTCxxModule.mm; sourceTree = "<group>"; };
-		13134C821E296B2A00B9F3CB /* RCTCxxUtils.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTCxxUtils.h; sourceTree = "<group>"; };
-		13134C831E296B2A00B9F3CB /* RCTCxxUtils.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTCxxUtils.mm; sourceTree = "<group>"; };
-		131B6AF01AF1093D00FFC3E0 /* RCTSegmentedControl.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSegmentedControl.h; sourceTree = "<group>"; };
-		131B6AF11AF1093D00FFC3E0 /* RCTSegmentedControl.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTSegmentedControl.m; sourceTree = "<group>"; };
-		131B6AF21AF1093D00FFC3E0 /* RCTSegmentedControlManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSegmentedControlManager.h; sourceTree = "<group>"; };
-		131B6AF31AF1093D00FFC3E0 /* RCTSegmentedControlManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTSegmentedControlManager.m; sourceTree = "<group>"; };
-		133CAE8C1B8E5CFD00F6AD92 /* RCTDatePicker.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTDatePicker.h; sourceTree = "<group>"; };
-		133CAE8D1B8E5CFD00F6AD92 /* RCTDatePicker.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTDatePicker.m; sourceTree = "<group>"; };
-		13442BF21AA90E0B0037E5B0 /* RCTAnimationType.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTAnimationType.h; sourceTree = "<group>"; };
-		13442BF31AA90E0B0037E5B0 /* RCTPointerEvents.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTPointerEvents.h; sourceTree = "<group>"; };
-		13456E911ADAD2DE009F94A7 /* RCTConvert+CoreLocation.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = "RCTConvert+CoreLocation.h"; sourceTree = "<group>"; };
-		13456E921ADAD2DE009F94A7 /* RCTConvert+CoreLocation.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = "RCTConvert+CoreLocation.m"; sourceTree = "<group>"; };
-		1345A83A1B265A0E00583190 /* RCTURLRequestDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTURLRequestDelegate.h; sourceTree = "<group>"; };
-		1345A83B1B265A0E00583190 /* RCTURLRequestHandler.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTURLRequestHandler.h; sourceTree = "<group>"; };
-		134D63C21F1FEC4B008872B5 /* RCTCxxBridgeDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTCxxBridgeDelegate.h; sourceTree = "<group>"; };
-		13513F3A1B1F43F400FCE529 /* RCTProgressViewManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTProgressViewManager.h; sourceTree = "<group>"; };
-		13513F3B1B1F43F400FCE529 /* RCTProgressViewManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTProgressViewManager.m; sourceTree = "<group>"; };
-		13723B4E1A82FD3C00F88898 /* RCTStatusBarManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTStatusBarManager.h; sourceTree = "<group>"; };
-		13723B4F1A82FD3C00F88898 /* RCTStatusBarManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTStatusBarManager.m; sourceTree = "<group>"; };
-		1372B7081AB030C200659ED6 /* RCTAppState.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTAppState.h; sourceTree = "<group>"; };
-		1372B7091AB030C200659ED6 /* RCTAppState.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTAppState.m; sourceTree = "<group>"; };
-		1384E2061E806D4E00545659 /* RCTNativeModule.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTNativeModule.h; sourceTree = "<group>"; };
-		1384E2071E806D4E00545659 /* RCTNativeModule.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTNativeModule.mm; sourceTree = "<group>"; };
-		139D7E391E25C5A300323FB7 /* bignum-dtoa.cc */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = "bignum-dtoa.cc"; path = "../third-party/double-conversion-1.1.6/src/bignum-dtoa.cc"; sourceTree = SOURCE_ROOT; };
-		139D7E3A1E25C5A300323FB7 /* bignum-dtoa.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = "bignum-dtoa.h"; path = "../third-party/double-conversion-1.1.6/src/bignum-dtoa.h"; sourceTree = SOURCE_ROOT; };
-		139D7E3B1E25C5A300323FB7 /* bignum.cc */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = bignum.cc; path = "../third-party/double-conversion-1.1.6/src/bignum.cc"; sourceTree = SOURCE_ROOT; };
-		139D7E3C1E25C5A300323FB7 /* bignum.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = bignum.h; path = "../third-party/double-conversion-1.1.6/src/bignum.h"; sourceTree = SOURCE_ROOT; };
-		139D7E3D1E25C5A300323FB7 /* cached-powers.cc */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = "cached-powers.cc"; path = "../third-party/double-conversion-1.1.6/src/cached-powers.cc"; sourceTree = SOURCE_ROOT; };
-		139D7E3E1E25C5A300323FB7 /* cached-powers.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = "cached-powers.h"; path = "../third-party/double-conversion-1.1.6/src/cached-powers.h"; sourceTree = SOURCE_ROOT; };
-		139D7E3F1E25C5A300323FB7 /* diy-fp.cc */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = "diy-fp.cc"; path = "../third-party/double-conversion-1.1.6/src/diy-fp.cc"; sourceTree = SOURCE_ROOT; };
-		139D7E401E25C5A300323FB7 /* diy-fp.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = "diy-fp.h"; path = "../third-party/double-conversion-1.1.6/src/diy-fp.h"; sourceTree = SOURCE_ROOT; };
-		139D7E411E25C5A300323FB7 /* double-conversion.cc */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = "double-conversion.cc"; path = "../third-party/double-conversion-1.1.6/src/double-conversion.cc"; sourceTree = SOURCE_ROOT; };
-		139D7E421E25C5A300323FB7 /* double-conversion.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = "double-conversion.h"; path = "../third-party/double-conversion-1.1.6/src/double-conversion.h"; sourceTree = SOURCE_ROOT; };
-		139D7E431E25C5A300323FB7 /* fast-dtoa.cc */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = "fast-dtoa.cc"; path = "../third-party/double-conversion-1.1.6/src/fast-dtoa.cc"; sourceTree = SOURCE_ROOT; };
-		139D7E441E25C5A300323FB7 /* fast-dtoa.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = "fast-dtoa.h"; path = "../third-party/double-conversion-1.1.6/src/fast-dtoa.h"; sourceTree = SOURCE_ROOT; };
-		139D7E451E25C5A300323FB7 /* fixed-dtoa.cc */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = "fixed-dtoa.cc"; path = "../third-party/double-conversion-1.1.6/src/fixed-dtoa.cc"; sourceTree = SOURCE_ROOT; };
-		139D7E461E25C5A300323FB7 /* fixed-dtoa.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = "fixed-dtoa.h"; path = "../third-party/double-conversion-1.1.6/src/fixed-dtoa.h"; sourceTree = SOURCE_ROOT; };
-		139D7E471E25C5A300323FB7 /* ieee.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = ieee.h; path = "../third-party/double-conversion-1.1.6/src/ieee.h"; sourceTree = SOURCE_ROOT; };
-		139D7E481E25C5A300323FB7 /* strtod.cc */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = strtod.cc; path = "../third-party/double-conversion-1.1.6/src/strtod.cc"; sourceTree = SOURCE_ROOT; };
-		139D7E491E25C5A300323FB7 /* strtod.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = strtod.h; path = "../third-party/double-conversion-1.1.6/src/strtod.h"; sourceTree = SOURCE_ROOT; };
-		139D7E4A1E25C5A300323FB7 /* utils.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = utils.h; path = "../third-party/double-conversion-1.1.6/src/utils.h"; sourceTree = SOURCE_ROOT; };
-		139D7E881E25C6D100323FB7 /* libdouble-conversion.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libdouble-conversion.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		139D7ECE1E25DB7D00323FB7 /* libthird-party.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libthird-party.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		139D7ED81E25DBDC00323FB7 /* config.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = config.h; path = "../third-party/glog-0.3.5/src/config.h"; sourceTree = SOURCE_ROOT; };
-		139D7ED91E25DBDC00323FB7 /* demangle.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = demangle.h; path = "../third-party/glog-0.3.5/src/demangle.h"; sourceTree = SOURCE_ROOT; };
-		139D7EDA1E25DBDC00323FB7 /* logging.cc */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = logging.cc; path = "../third-party/glog-0.3.5/src/logging.cc"; sourceTree = SOURCE_ROOT; };
-		139D7EDB1E25DBDC00323FB7 /* raw_logging.cc */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = raw_logging.cc; path = "../third-party/glog-0.3.5/src/raw_logging.cc"; sourceTree = SOURCE_ROOT; };
-		139D7EDC1E25DBDC00323FB7 /* signalhandler.cc */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = signalhandler.cc; path = "../third-party/glog-0.3.5/src/signalhandler.cc"; sourceTree = SOURCE_ROOT; };
-		139D7EDD1E25DBDC00323FB7 /* stacktrace.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = stacktrace.h; path = "../third-party/glog-0.3.5/src/stacktrace.h"; sourceTree = SOURCE_ROOT; };
-		139D7EDE1E25DBDC00323FB7 /* symbolize.cc */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = symbolize.cc; path = "../third-party/glog-0.3.5/src/symbolize.cc"; sourceTree = SOURCE_ROOT; };
-		139D7EDF1E25DBDC00323FB7 /* symbolize.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = symbolize.h; path = "../third-party/glog-0.3.5/src/symbolize.h"; sourceTree = SOURCE_ROOT; };
-		139D7EE01E25DBDC00323FB7 /* utilities.cc */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = utilities.cc; path = "../third-party/glog-0.3.5/src/utilities.cc"; sourceTree = SOURCE_ROOT; };
-		139D7EE11E25DBDC00323FB7 /* utilities.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = utilities.h; path = "../third-party/glog-0.3.5/src/utilities.h"; sourceTree = SOURCE_ROOT; };
-		139D7EE21E25DBDC00323FB7 /* vlog_is_on.cc */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = vlog_is_on.cc; path = "../third-party/glog-0.3.5/src/vlog_is_on.cc"; sourceTree = SOURCE_ROOT; };
-		139D7F081E25DE3700323FB7 /* demangle.cc */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = demangle.cc; path = "../third-party/glog-0.3.5/src/demangle.cc"; sourceTree = SOURCE_ROOT; };
-		139D7F111E25DEC900323FB7 /* log_severity.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = log_severity.h; path = "../third-party/glog-0.3.5/src/glog/log_severity.h"; sourceTree = SOURCE_ROOT; };
-		139D7F121E25DEC900323FB7 /* logging.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = logging.h; path = "../third-party/glog-0.3.5/src/glog/logging.h"; sourceTree = SOURCE_ROOT; };
-		139D7F141E25DEC900323FB7 /* raw_logging.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = raw_logging.h; path = "../third-party/glog-0.3.5/src/glog/raw_logging.h"; sourceTree = SOURCE_ROOT; };
-		139D7F161E25DEC900323FB7 /* stl_logging.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = stl_logging.h; path = "../third-party/glog-0.3.5/src/glog/stl_logging.h"; sourceTree = SOURCE_ROOT; };
-		139D7F181E25DEC900323FB7 /* vlog_is_on.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = vlog_is_on.h; path = "../third-party/glog-0.3.5/src/glog/vlog_is_on.h"; sourceTree = SOURCE_ROOT; };
-		139D849C1E273B5600323FB7 /* AtomicIntrusiveLinkedList.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AtomicIntrusiveLinkedList.h; path = "../third-party/folly-2018.10.22.00/folly/AtomicIntrusiveLinkedList.h"; sourceTree = SOURCE_ROOT; };
-		139D849F1E273B5600323FB7 /* Conv.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = Conv.cpp; path = "../third-party/folly-2018.10.22.00/folly/Conv.cpp"; sourceTree = SOURCE_ROOT; };
-		139D84A01E273B5600323FB7 /* Conv.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = Conv.h; path = "../third-party/folly-2018.10.22.00/folly/Conv.h"; sourceTree = SOURCE_ROOT; };
-		139D84A11E273B5600323FB7 /* dynamic-inl.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = "dynamic-inl.h"; path = "../third-party/folly-2018.10.22.00/folly/dynamic-inl.h"; sourceTree = SOURCE_ROOT; };
-		139D84A21E273B5600323FB7 /* dynamic.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = dynamic.cpp; path = "../third-party/folly-2018.10.22.00/folly/dynamic.cpp"; sourceTree = SOURCE_ROOT; };
-		139D84A31E273B5600323FB7 /* dynamic.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = dynamic.h; path = "../third-party/folly-2018.10.22.00/folly/dynamic.h"; sourceTree = SOURCE_ROOT; };
-		139D84A41E273B5600323FB7 /* Exception.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = Exception.h; path = "../third-party/folly-2018.10.22.00/folly/Exception.h"; sourceTree = SOURCE_ROOT; };
-		139D84A71E273B5600323FB7 /* json.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = json.cpp; path = "../third-party/folly-2018.10.22.00/folly/json.cpp"; sourceTree = SOURCE_ROOT; };
-		139D84A81E273B5600323FB7 /* json.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = json.h; path = "../third-party/folly-2018.10.22.00/folly/json.h"; sourceTree = SOURCE_ROOT; };
-		139D84A91E273B5600323FB7 /* Memory.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = Memory.h; path = "../third-party/folly-2018.10.22.00/folly/Memory.h"; sourceTree = SOURCE_ROOT; };
-		139D84AA1E273B5600323FB7 /* MoveWrapper.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = MoveWrapper.h; path = "../third-party/folly-2018.10.22.00/folly/MoveWrapper.h"; sourceTree = SOURCE_ROOT; };
-		139D84AB1E273B5600323FB7 /* Optional.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = Optional.h; path = "../third-party/folly-2018.10.22.00/folly/Optional.h"; sourceTree = SOURCE_ROOT; };
-		139D84AC1E273B5600323FB7 /* ScopeGuard.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = ScopeGuard.h; path = "../third-party/folly-2018.10.22.00/folly/ScopeGuard.h"; sourceTree = SOURCE_ROOT; };
-		13A0C2851B74F71200B29F6F /* RCTDevLoadingView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTDevLoadingView.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		13A0C2861B74F71200B29F6F /* RCTDevLoadingView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTDevLoadingView.m; sourceTree = "<group>"; };
-		13A0C2871B74F71200B29F6F /* RCTDevMenu.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTDevMenu.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		13A0C2881B74F71200B29F6F /* RCTDevMenu.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTDevMenu.m; sourceTree = "<group>"; };
-		13A1F71C1A75392D00D3D453 /* RCTKeyCommands.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTKeyCommands.h; sourceTree = "<group>"; };
-		13A1F71D1A75392D00D3D453 /* RCTKeyCommands.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTKeyCommands.m; sourceTree = "<group>"; };
-		13A6E20C1C19AA0C00845B82 /* RCTParserUtils.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTParserUtils.h; sourceTree = "<group>"; };
-		13A6E20D1C19AA0C00845B82 /* RCTParserUtils.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTParserUtils.m; sourceTree = "<group>"; };
-		13A6E20F1C19ABC700845B82 /* RCTNullability.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTNullability.h; sourceTree = "<group>"; };
-		13AB90BF1B6FA36700713B4F /* RCTComponentData.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTComponentData.h; sourceTree = "<group>"; };
-		13AB90C01B6FA36700713B4F /* RCTComponentData.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTComponentData.m; sourceTree = "<group>"; };
-		13AF1F851AE6E777005F5298 /* RCTDefines.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTDefines.h; sourceTree = "<group>"; };
-		13AF20431AE707F8005F5298 /* RCTSlider.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSlider.h; sourceTree = "<group>"; };
-		13AF20441AE707F9005F5298 /* RCTSlider.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTSlider.m; sourceTree = "<group>"; };
-		13AFBCA11C07287B00BBAEAA /* RCTBridgeMethod.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTBridgeMethod.h; sourceTree = "<group>"; };
-		13AFBCA21C07287B00BBAEAA /* RCTRootViewDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTRootViewDelegate.h; sourceTree = "<group>"; };
-		13B07FE71A69327A00A75B9A /* RCTAlertManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTAlertManager.h; sourceTree = "<group>"; };
-		13B07FE81A69327A00A75B9A /* RCTAlertManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTAlertManager.m; sourceTree = "<group>"; };
-		13B07FE91A69327A00A75B9A /* RCTExceptionsManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTExceptionsManager.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		13B07FEA1A69327A00A75B9A /* RCTExceptionsManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTExceptionsManager.m; sourceTree = "<group>"; };
-		13B07FED1A69327A00A75B9A /* RCTTiming.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTTiming.h; sourceTree = "<group>"; };
-		13B07FEE1A69327A00A75B9A /* RCTTiming.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTTiming.m; sourceTree = "<group>"; };
-		13B080181A69489C00A75B9A /* RCTActivityIndicatorViewManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTActivityIndicatorViewManager.h; sourceTree = "<group>"; };
-		13B080191A69489C00A75B9A /* RCTActivityIndicatorViewManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTActivityIndicatorViewManager.m; sourceTree = "<group>"; };
-		13B080231A694A8400A75B9A /* RCTWrapperViewController.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTWrapperViewController.h; sourceTree = "<group>"; };
-		13B080241A694A8400A75B9A /* RCTWrapperViewController.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTWrapperViewController.m; sourceTree = "<group>"; };
-		13BB3D001BECD54500932C10 /* RCTImageSource.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTImageSource.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		13BB3D011BECD54500932C10 /* RCTImageSource.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTImageSource.m; sourceTree = "<group>"; };
-		13BCE8071C99CB9D00DD7AAD /* RCTRootShadowView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTRootShadowView.h; sourceTree = "<group>"; };
-		13BCE8081C99CB9D00DD7AAD /* RCTRootShadowView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTRootShadowView.m; sourceTree = "<group>"; };
-		13C325261AA63B6A0048765F /* RCTAutoInsetsProtocol.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTAutoInsetsProtocol.h; sourceTree = "<group>"; };
-		13C325281AA63B6A0048765F /* RCTComponent.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTComponent.h; sourceTree = "<group>"; };
-		13CC8A801B17642100940AE7 /* RCTBorderDrawing.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTBorderDrawing.h; sourceTree = "<group>"; };
-		13CC8A811B17642100940AE7 /* RCTBorderDrawing.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTBorderDrawing.m; sourceTree = "<group>"; };
-		13D033611C1837FE0021DC29 /* RCTClipboard.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTClipboard.h; sourceTree = "<group>"; };
-		13D033621C1837FE0021DC29 /* RCTClipboard.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTClipboard.m; sourceTree = "<group>"; };
-		13D9FEE91CDCCECF00158BD7 /* RCTEventEmitter.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTEventEmitter.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		13D9FEEA1CDCCECF00158BD7 /* RCTEventEmitter.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTEventEmitter.m; sourceTree = "<group>"; };
-		13D9FEEC1CDCD93000158BD7 /* RCTKeyboardObserver.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTKeyboardObserver.h; sourceTree = "<group>"; };
-		13D9FEED1CDCD93000158BD7 /* RCTKeyboardObserver.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTKeyboardObserver.m; sourceTree = "<group>"; };
-		13DA8A2F2097A90A00276ED4 /* ReactMarker.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ReactMarker.h; sourceTree = "<group>"; };
-		13DA8A302097A90B00276ED4 /* ReactMarker.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = ReactMarker.cpp; sourceTree = "<group>"; };
-		13E067481A70F434002CDEE1 /* RCTUIManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTUIManager.h; sourceTree = "<group>"; };
-		13E067491A70F434002CDEE1 /* RCTUIManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTUIManager.m; sourceTree = "<group>"; };
-		13E0674B1A70F44B002CDEE1 /* RCTShadowView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTShadowView.h; sourceTree = "<group>"; };
-		13E0674D1A70F44B002CDEE1 /* RCTViewManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTViewManager.h; sourceTree = "<group>"; };
-		13E0674E1A70F44B002CDEE1 /* RCTViewManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTViewManager.m; sourceTree = "<group>"; };
-		13E0674F1A70F44B002CDEE1 /* RCTView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTView.h; sourceTree = "<group>"; };
-		13E067501A70F44B002CDEE1 /* RCTView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTView.m; sourceTree = "<group>"; };
-		13E067531A70F44B002CDEE1 /* UIView+React.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = "UIView+React.h"; sourceTree = "<group>"; };
-		13E067541A70F44B002CDEE1 /* UIView+React.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = "UIView+React.m"; sourceTree = "<group>"; };
-		13F17A831B8493E5007D4C75 /* RCTRedBox.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTRedBox.h; sourceTree = "<group>"; };
-		13F17A841B8493E5007D4C75 /* RCTRedBox.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTRedBox.m; sourceTree = "<group>"; };
-		14200DA81AC179B3008EE6BA /* RCTJavaScriptLoader.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTJavaScriptLoader.h; sourceTree = "<group>"; };
-		142014171B32094000CC17BA /* RCTPerformanceLogger.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTPerformanceLogger.m; sourceTree = "<group>"; };
-		142014181B32094000CC17BA /* RCTPerformanceLogger.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTPerformanceLogger.h; sourceTree = "<group>"; };
-		1436DD071ADE7AA000A5ED7D /* RCTFrameUpdate.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = RCTFrameUpdate.h; sourceTree = "<group>"; };
-		1450FF801BCFF28A00208362 /* RCTProfile.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTProfile.h; sourceTree = "<group>"; };
-		1450FF811BCFF28A00208362 /* RCTProfile.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTProfile.m; sourceTree = "<group>"; };
-		1450FF821BCFF28A00208362 /* RCTProfileTrampoline-arm.S */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.asm; path = "RCTProfileTrampoline-arm.S"; sourceTree = "<group>"; };
-		1450FF831BCFF28A00208362 /* RCTProfileTrampoline-arm64.S */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.asm; path = "RCTProfileTrampoline-arm64.S"; sourceTree = "<group>"; };
-		1450FF851BCFF28A00208362 /* RCTProfileTrampoline-x86_64.S */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.asm; path = "RCTProfileTrampoline-x86_64.S"; sourceTree = "<group>"; };
-		1482F9E61B55B927000ADFF3 /* RCTBridgeDelegate.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = RCTBridgeDelegate.h; sourceTree = "<group>"; };
-		14A43DB81C1F849600794BC8 /* RCTBridge+Private.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "RCTBridge+Private.h"; sourceTree = "<group>"; };
-		14BF717F1C04793D00C97D0C /* RCTProfileTrampoline-i386.S */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.asm; path = "RCTProfileTrampoline-i386.S"; sourceTree = "<group>"; };
-		14BF71811C04795500C97D0C /* RCTMacros.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTMacros.h; sourceTree = "<group>"; };
-		14C2CA6F1B3AC63800E6CBB2 /* RCTModuleMethod.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTModuleMethod.h; sourceTree = "<group>"; };
-		14C2CA721B3AC64300E6CBB2 /* RCTModuleData.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTModuleData.h; sourceTree = "<group>"; };
-		14C2CA731B3AC64300E6CBB2 /* RCTModuleData.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTModuleData.mm; sourceTree = "<group>"; };
-		14C2CA751B3AC64F00E6CBB2 /* RCTFrameUpdate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTFrameUpdate.m; sourceTree = "<group>"; };
-		14F362071AABD06A001CE568 /* RCTSwitch.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSwitch.h; sourceTree = "<group>"; };
-		14F362081AABD06A001CE568 /* RCTSwitch.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTSwitch.m; sourceTree = "<group>"; };
-		14F362091AABD06A001CE568 /* RCTSwitchManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSwitchManager.h; sourceTree = "<group>"; };
-		14F3620A1AABD06A001CE568 /* RCTSwitchManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTSwitchManager.m; sourceTree = "<group>"; };
-		14F484541AABFCE100FDF6B9 /* RCTSliderManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSliderManager.h; sourceTree = "<group>"; };
-		14F484551AABFCE100FDF6B9 /* RCTSliderManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTSliderManager.m; sourceTree = "<group>"; };
-		14F7A0EB1BDA3B3C003C6C10 /* RCTPerfMonitor.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTPerfMonitor.m; sourceTree = "<group>"; };
-		14F7A0EE1BDA714B003C6C10 /* RCTFPSGraph.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTFPSGraph.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		14F7A0EF1BDA714B003C6C10 /* RCTFPSGraph.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTFPSGraph.m; sourceTree = "<group>"; };
-		18008F992141A922007F325D /* RCTProgressView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTProgressView.h; sourceTree = "<group>"; };
-		18008F9A2141A922007F325D /* RCTProgressView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTProgressView.m; sourceTree = "<group>"; };
-		1821ACE521E7D86A00B151F7 /* RCTDynamicColor.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = RCTDynamicColor.h; sourceTree = "<group>"; };
-		1821ACE621E7D86A00B151F7 /* RCTDynamicColor.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RCTDynamicColor.m; sourceTree = "<group>"; };
-		1882027C1EF48B7E00C9B354 /* libdouble-conversion.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libdouble-conversion.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		188202A21EF48CF700C9B354 /* libthird-party.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libthird-party.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		1893C5051FB0D9A300D66838 /* RCTBridge+Cxx.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "RCTBridge+Cxx.h"; sourceTree = "<group>"; };
-		1893C5061FB0D9A300D66838 /* RCTBridge+Cxx.mm */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.cpp.objcpp; path = "RCTBridge+Cxx.mm"; sourceTree = "<group>"; };
-		18B8F97C21431D5F00CE911A /* RCTPlatformDisplayLink.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTPlatformDisplayLink.m; sourceTree = "<group>"; };
-		18C2C6702141C955004314E0 /* RCTPlatformDisplayLink.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTPlatformDisplayLink.h; sourceTree = "<group>"; };
-		191E3EBC1C29D9AF00C180A6 /* RCTRefreshControlManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTRefreshControlManager.h; sourceTree = "<group>"; };
-		191E3EBD1C29D9AF00C180A6 /* RCTRefreshControlManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTRefreshControlManager.m; sourceTree = "<group>"; };
-		191E3EBF1C29DC3800C180A6 /* RCTRefreshControl.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTRefreshControl.h; sourceTree = "<group>"; };
-		191E3EC01C29DC3800C180A6 /* RCTRefreshControl.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTRefreshControl.m; sourceTree = "<group>"; };
-		1968A25D1F67275300EB3D1D /* RCTComponentEvent.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTComponentEvent.h; sourceTree = "<group>"; };
-		1968A25E1F67275300EB3D1D /* RCTComponentEvent.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTComponentEvent.m; sourceTree = "<group>"; };
-		199B8A6E1F44DB16005DEF67 /* RCTVersion.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTVersion.h; sourceTree = "<group>"; };
-		27B958731E57587D0096647A /* JSBigString.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = JSBigString.cpp; sourceTree = "<group>"; };
-		2D2A28131D9B038B00D4039D /* libReact.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libReact.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		352DCFEE1D19F4C20056D623 /* RCTI18nUtil.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTI18nUtil.h; sourceTree = "<group>"; };
-		352DCFEF1D19F4C20056D623 /* RCTI18nUtil.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTI18nUtil.m; sourceTree = "<group>"; };
-		391E86A21C623EC800009732 /* RCTTouchEvent.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTTouchEvent.m; sourceTree = "<group>"; };
-		391E86A31C623EC800009732 /* RCTTouchEvent.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTTouchEvent.h; sourceTree = "<group>"; };
-		39C50FFA2046EE3500CEE534 /* RCTVersion.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTVersion.m; sourceTree = "<group>"; };
-		3D0B84281EC0B49400B2BD8E /* RCTTVRemoteHandler.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTTVRemoteHandler.h; sourceTree = "<group>"; };
-		3D0B84291EC0B49400B2BD8E /* RCTTVRemoteHandler.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTTVRemoteHandler.m; sourceTree = "<group>"; };
-		3D0B842D1EC0B51200B2BD8E /* RCTTVNavigationEventEmitter.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTTVNavigationEventEmitter.h; sourceTree = "<group>"; };
-		3D0B842E1EC0B51200B2BD8E /* RCTTVNavigationEventEmitter.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTTVNavigationEventEmitter.m; sourceTree = "<group>"; };
-		3D0E37891F1CC40000DCAC9F /* RCTWebSocketModule.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = RCTWebSocketModule.h; path = WebSocket/RCTWebSocketModule.h; sourceTree = "<group>"; };
-		3D1E68D81CABD13900DD7465 /* RCTDisplayLink.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTDisplayLink.h; sourceTree = "<group>"; };
-		3D1E68D91CABD13900DD7465 /* RCTDisplayLink.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTDisplayLink.m; sourceTree = "<group>"; };
-		3D1FA07A1DE4F2EA00E03CC6 /* RCTNetworking.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTNetworking.h; sourceTree = "<group>"; };
-		3D1FA07B1DE4F2EA00E03CC6 /* RCTNetworkTask.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTNetworkTask.h; sourceTree = "<group>"; };
-		3D1FA0831DE4F3A000E03CC6 /* RCTImageLoader.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTImageLoader.h; sourceTree = "<group>"; };
-		3D1FA0841DE4F3A000E03CC6 /* RCTImageStoreManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTImageStoreManager.h; sourceTree = "<group>"; };
-		3D1FA0851DE4F3A000E03CC6 /* RCTResizeMode.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTResizeMode.h; sourceTree = "<group>"; };
-		3D1FA08B1DE4F4DD00E03CC6 /* RCTLinkingManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTLinkingManager.h; sourceTree = "<group>"; };
-		3D1FA08D1DE4F4EE00E03CC6 /* RCTPushNotificationManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = RCTPushNotificationManager.h; path = PushNotificationIOS/RCTPushNotificationManager.h; sourceTree = "<group>"; };
-		3D37B5801D522B190042D5B5 /* RCTFont.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTFont.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		3D37B5811D522B190042D5B5 /* RCTFont.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTFont.mm; sourceTree = "<group>"; };
-		3D383D3C1EBD27B6005632C8 /* libthird-party.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libthird-party.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		3D383D621EBD27B9005632C8 /* libdouble-conversion.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libdouble-conversion.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		3D3C059A1DE3340900C268FA /* libyoga.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libyoga.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		3D3C06751DE3340C00C268FA /* libyoga.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libyoga.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		3D3CD8F51DE5FB2300167DC4 /* JSBundleType.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = JSBundleType.h; sourceTree = "<group>"; };
-		3D3CD9251DE5FBEC00167DC4 /* libcxxreact.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libcxxreact.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		3D3CD9321DE5FBEE00167DC4 /* libcxxreact.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libcxxreact.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		3D7454781E54757500E74ADD /* JSBigString.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = JSBigString.h; sourceTree = "<group>"; };
-		3D7454791E54757500E74ADD /* RecoverableError.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RecoverableError.h; sourceTree = "<group>"; };
-		3D7454B31E54786200E74ADD /* NSDataBigString.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = NSDataBigString.h; sourceTree = "<group>"; };
-		3D7749421DC1065C007EC8D8 /* RCTPlatform.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTPlatform.h; sourceTree = "<group>"; };
-		3D7749431DC1065C007EC8D8 /* RCTPlatform.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTPlatform.m; sourceTree = "<group>"; };
-		3D788F841EBD2D240063D616 /* third-party.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; path = "third-party.xcconfig"; sourceTree = "<group>"; };
-		3D7AA9C31E548CD5001955CF /* NSDataBigString.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = NSDataBigString.mm; sourceTree = "<group>"; };
-		3D7BFD0B1EA8E351008DFB7A /* RCTPackagerClient.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTPackagerClient.h; sourceTree = "<group>"; };
-		3D7BFD0C1EA8E351008DFB7A /* RCTPackagerClient.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTPackagerClient.m; sourceTree = "<group>"; };
-		3D7BFD0F1EA8E351008DFB7A /* RCTPackagerConnection.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTPackagerConnection.h; sourceTree = "<group>"; };
-		3D7BFD101EA8E351008DFB7A /* RCTPackagerConnection.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTPackagerConnection.mm; sourceTree = "<group>"; };
-		3D7BFD2B1EA8E3FA008DFB7A /* RCTReconnectingWebSocket.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = RCTReconnectingWebSocket.h; path = WebSocket/RCTReconnectingWebSocket.h; sourceTree = "<group>"; };
-		3D7BFD2C1EA8E3FA008DFB7A /* RCTSRWebSocket.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = RCTSRWebSocket.h; path = WebSocket/RCTSRWebSocket.h; sourceTree = "<group>"; };
-		3D92B0A71E03699D0018521A /* CxxModule.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = CxxModule.h; sourceTree = "<group>"; };
-		3D92B0A81E03699D0018521A /* CxxNativeModule.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = CxxNativeModule.cpp; sourceTree = "<group>"; };
-		3D92B0A91E03699D0018521A /* CxxNativeModule.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = CxxNativeModule.h; sourceTree = "<group>"; };
-		3D92B0AB1E03699D0018521A /* JSExecutor.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = JSExecutor.h; sourceTree = "<group>"; };
-		3D92B0AE1E03699D0018521A /* Instance.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = Instance.cpp; sourceTree = "<group>"; };
-		3D92B0AF1E03699D0018521A /* Instance.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = Instance.h; sourceTree = "<group>"; };
-		3D92B0B01E03699D0018521A /* JsArgumentHelpers-inl.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = "JsArgumentHelpers-inl.h"; sourceTree = "<group>"; };
-		3D92B0B11E03699D0018521A /* JsArgumentHelpers.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = JsArgumentHelpers.h; sourceTree = "<group>"; };
-		3D92B0C61E03699D0018521A /* JSIndexedRAMBundle.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = JSIndexedRAMBundle.cpp; sourceTree = "<group>"; };
-		3D92B0C71E03699D0018521A /* JSIndexedRAMBundle.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = JSIndexedRAMBundle.h; sourceTree = "<group>"; };
-		3D92B0C81E03699D0018521A /* JSModulesUnbundle.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = JSModulesUnbundle.h; sourceTree = "<group>"; };
-		3D92B0C91E03699D0018521A /* MessageQueueThread.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = MessageQueueThread.h; sourceTree = "<group>"; };
-		3D92B0CA1E03699D0018521A /* MethodCall.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = MethodCall.cpp; sourceTree = "<group>"; };
-		3D92B0CB1E03699D0018521A /* MethodCall.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = MethodCall.h; sourceTree = "<group>"; };
-		3D92B0CC1E03699D0018521A /* ModuleRegistry.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = ModuleRegistry.cpp; sourceTree = "<group>"; };
-		3D92B0CD1E03699D0018521A /* ModuleRegistry.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ModuleRegistry.h; sourceTree = "<group>"; };
-		3D92B0CE1E03699D0018521A /* NativeModule.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = NativeModule.h; sourceTree = "<group>"; };
-		3D92B0CF1E03699D0018521A /* NativeToJsBridge.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = NativeToJsBridge.cpp; sourceTree = "<group>"; };
-		3D92B0D01E03699D0018521A /* NativeToJsBridge.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = NativeToJsBridge.h; sourceTree = "<group>"; };
-		3D92B0D31E03699D0018521A /* SampleCxxModule.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = SampleCxxModule.cpp; sourceTree = "<group>"; };
-		3D92B0D41E03699D0018521A /* SampleCxxModule.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = SampleCxxModule.h; sourceTree = "<group>"; };
-		3D92B0D51E03699D0018521A /* SystraceSection.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = SystraceSection.h; sourceTree = "<group>"; };
-		3EDCA8A21D3591E700450C31 /* RCTErrorCustomizer.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTErrorCustomizer.h; sourceTree = "<group>"; };
-		3EDCA8A31D3591E700450C31 /* RCTErrorInfo.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTErrorInfo.h; sourceTree = "<group>"; };
-		3EDCA8A41D3591E700450C31 /* RCTErrorInfo.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTErrorInfo.m; sourceTree = "<group>"; };
-		4F56C93722167A4800DB9F3F /* jsi/jsilib.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = jsi/jsilib.h; sourceTree = "<group>"; };
-		5335D5401FE81A4700883D58 /* RCTShadowView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTShadowView.m; sourceTree = "<group>"; };
-		5343895E203905B6008E0CB3 /* YGLayout.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = YGLayout.cpp; sourceTree = "<group>"; };
-		5343895F203905B6008E0CB3 /* YGLayout.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = YGLayout.h; sourceTree = "<group>"; };
-		5352C5712038FF8D00A3B97E /* YGStyle.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = YGStyle.h; sourceTree = "<group>"; };
-		5352C5722038FF8D00A3B97E /* YGStyle.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = YGStyle.cpp; sourceTree = "<group>"; };
-		53756E372004FFF700FBBD99 /* Utils.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = Utils.cpp; sourceTree = "<group>"; };
-		53756E382004FFF700FBBD99 /* Utils.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = Utils.h; sourceTree = "<group>"; };
-		5376C5E01FC6DDB20083513D /* YGNodePrint.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = YGNodePrint.h; sourceTree = "<group>"; };
-		5376C5E11FC6DDB20083513D /* YGNodePrint.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = YGNodePrint.cpp; sourceTree = "<group>"; };
-		53CBF1851FB4FE80002CBB31 /* Yoga-internal.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = "Yoga-internal.h"; sourceTree = "<group>"; };
-		53CBF1861FB4FE80002CBB31 /* YGEnums.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = YGEnums.cpp; sourceTree = "<group>"; };
-		53CBF1871FB4FE80002CBB31 /* Yoga.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = Yoga.cpp; sourceTree = "<group>"; };
-		53D123831FBF1D49001B8A10 /* libyoga.a */ = {isa = PBXFileReference; lastKnownFileType = archive.ar; name = libyoga.a; path = "../../../../../../../../../Library/Developer/Xcode/DerivedData/yoga-hdfifpwsinitsibujacpiefkjfdy/Build/Products/Debug/libyoga.a"; sourceTree = "<group>"; };
-		53DEF6E7205AE59C006A3890 /* YGFloatOptional.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = YGFloatOptional.h; sourceTree = "<group>"; };
-		53EC85DE1FDEC75A0051B2B5 /* YGNode.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = YGNode.h; sourceTree = "<group>"; };
-		53EC85DF1FDEC75A0051B2B5 /* YGNode.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = YGNode.cpp; sourceTree = "<group>"; };
-		58114A121AAE854800E7D092 /* RCTPicker.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTPicker.h; sourceTree = "<group>"; };
-		58114A131AAE854800E7D092 /* RCTPicker.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTPicker.m; sourceTree = "<group>"; };
-		58114A141AAE854800E7D092 /* RCTPickerManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTPickerManager.h; sourceTree = "<group>"; };
-		58114A151AAE854800E7D092 /* RCTPickerManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTPickerManager.m; sourceTree = "<group>"; };
-		58114A4E1AAE93D500E7D092 /* RCTAsyncLocalStorage.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTAsyncLocalStorage.m; sourceTree = "<group>"; };
-		58114A4F1AAE93D500E7D092 /* RCTAsyncLocalStorage.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTAsyncLocalStorage.h; sourceTree = "<group>"; };
-		589515DF2231AD9C0036BDE0 /* RCTSurfacePresenterStub.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSurfacePresenterStub.h; sourceTree = "<group>"; };
-		58C571BF1AA56C1900CDF9C8 /* RCTDatePickerManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTDatePickerManager.m; sourceTree = "<group>"; };
-		58C571C01AA56C1900CDF9C8 /* RCTDatePickerManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTDatePickerManager.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		590D7BFB1EBD458B00D8A370 /* RCTShadowView+Layout.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = "RCTShadowView+Layout.h"; sourceTree = "<group>"; };
-		590D7BFC1EBD458B00D8A370 /* RCTShadowView+Layout.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = "RCTShadowView+Layout.m"; sourceTree = "<group>"; };
-		591F78D8202ADB21004A668C /* RCTLayout.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTLayout.m; sourceTree = "<group>"; };
-		591F78D9202ADB22004A668C /* RCTLayout.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTLayout.h; sourceTree = "<group>"; };
-		5925356920084D0600DD584B /* RCTSurfaceSizeMeasureMode.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTSurfaceSizeMeasureMode.mm; sourceTree = "<group>"; };
-		59283C9F1FD67320000EAAB9 /* RCTSurfaceStage.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTSurfaceStage.m; sourceTree = "<group>"; };
-		594F0A2F1FD23228007FBE96 /* RCTSurfaceHostingView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSurfaceHostingView.h; sourceTree = "<group>"; };
-		594F0A301FD23228007FBE96 /* RCTSurfaceHostingView.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTSurfaceHostingView.mm; sourceTree = "<group>"; };
-		594F0A311FD23228007FBE96 /* RCTSurfaceSizeMeasureMode.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSurfaceSizeMeasureMode.h; sourceTree = "<group>"; };
-		59500D411F71C63700B122B7 /* RCTUIManagerUtils.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTUIManagerUtils.h; sourceTree = "<group>"; };
-		59500D421F71C63F00B122B7 /* RCTUIManagerUtils.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTUIManagerUtils.m; sourceTree = "<group>"; };
-		5960C1B11F0804A00066FD5B /* RCTLayoutAnimation.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTLayoutAnimation.h; sourceTree = "<group>"; };
-		5960C1B21F0804A00066FD5B /* RCTLayoutAnimation.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTLayoutAnimation.m; sourceTree = "<group>"; };
-		5960C1B31F0804A00066FD5B /* RCTLayoutAnimationGroup.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTLayoutAnimationGroup.h; sourceTree = "<group>"; };
-		5960C1B41F0804A00066FD5B /* RCTLayoutAnimationGroup.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTLayoutAnimationGroup.m; sourceTree = "<group>"; };
-		597633341F4E021D005BE8A4 /* RCTShadowView+Internal.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = "RCTShadowView+Internal.m"; sourceTree = "<group>"; };
-		597633351F4E021D005BE8A4 /* RCTShadowView+Internal.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = "RCTShadowView+Internal.h"; sourceTree = "<group>"; };
-		599FAA2A1FB274970058CCF6 /* RCTSurface.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSurface.h; sourceTree = "<group>"; };
-		599FAA2B1FB274970058CCF6 /* RCTSurface.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTSurface.mm; sourceTree = "<group>"; };
-		599FAA2C1FB274970058CCF6 /* RCTSurfaceDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSurfaceDelegate.h; sourceTree = "<group>"; };
-		599FAA2D1FB274970058CCF6 /* RCTSurfaceRootShadowView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSurfaceRootShadowView.h; sourceTree = "<group>"; };
-		599FAA2E1FB274970058CCF6 /* RCTSurfaceRootShadowView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTSurfaceRootShadowView.m; sourceTree = "<group>"; };
-		599FAA2F1FB274970058CCF6 /* RCTSurfaceRootShadowViewDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSurfaceRootShadowViewDelegate.h; sourceTree = "<group>"; };
-		599FAA301FB274970058CCF6 /* RCTSurfaceRootView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSurfaceRootView.h; sourceTree = "<group>"; };
-		599FAA311FB274970058CCF6 /* RCTSurfaceRootView.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTSurfaceRootView.mm; sourceTree = "<group>"; };
-		599FAA321FB274970058CCF6 /* RCTSurfaceStage.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSurfaceStage.h; sourceTree = "<group>"; };
-		599FAA331FB274970058CCF6 /* RCTSurfaceView+Internal.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = "RCTSurfaceView+Internal.h"; sourceTree = "<group>"; };
-		599FAA341FB274970058CCF6 /* RCTSurfaceView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSurfaceView.h; sourceTree = "<group>"; };
-		599FAA351FB274970058CCF6 /* RCTSurfaceView.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTSurfaceView.mm; sourceTree = "<group>"; };
-		59A7B9FB1E577DBF0068EDBF /* RCTRootContentView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTRootContentView.h; sourceTree = "<group>"; };
-		59A7B9FC1E577DBF0068EDBF /* RCTRootContentView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTRootContentView.m; sourceTree = "<group>"; };
-		59D031E51F8353D3008361F0 /* RCTSafeAreaShadowView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSafeAreaShadowView.h; sourceTree = "<group>"; };
-		59D031E61F8353D3008361F0 /* RCTSafeAreaShadowView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTSafeAreaShadowView.m; sourceTree = "<group>"; };
-		59D031E71F8353D3008361F0 /* RCTSafeAreaView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSafeAreaView.h; sourceTree = "<group>"; };
-		59D031E81F8353D3008361F0 /* RCTSafeAreaView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTSafeAreaView.m; sourceTree = "<group>"; };
-		59D031E91F8353D3008361F0 /* RCTSafeAreaViewLocalData.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSafeAreaViewLocalData.h; sourceTree = "<group>"; };
-		59D031EA1F8353D3008361F0 /* RCTSafeAreaViewLocalData.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTSafeAreaViewLocalData.m; sourceTree = "<group>"; };
-		59D031EB1F8353D3008361F0 /* RCTSafeAreaViewManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTSafeAreaViewManager.h; sourceTree = "<group>"; };
-		59D031EC1F8353D3008361F0 /* RCTSafeAreaViewManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTSafeAreaViewManager.m; sourceTree = "<group>"; };
-		59E6049C1FE9CCE100BD90C5 /* RCTScrollContentShadowView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTScrollContentShadowView.h; sourceTree = "<group>"; };
-		59E6049D1FE9CCE200BD90C5 /* RCTScrollContentViewManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTScrollContentViewManager.m; sourceTree = "<group>"; };
-		59E6049E1FE9CCE200BD90C5 /* RCTScrollContentShadowView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTScrollContentShadowView.m; sourceTree = "<group>"; };
-		59E6049F1FE9CCE200BD90C5 /* RCTScrollContentViewManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTScrollContentViewManager.h; sourceTree = "<group>"; };
-		59EB6DB91EBD6FC90072A5E7 /* RCTUIManagerObserverCoordinator.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTUIManagerObserverCoordinator.h; sourceTree = "<group>"; };
-		59EB6DBA1EBD6FC90072A5E7 /* RCTUIManagerObserverCoordinator.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTUIManagerObserverCoordinator.mm; sourceTree = "<group>"; };
-		59EDBC9C1FDF4E0C003573DE /* RCTScrollableProtocol.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTScrollableProtocol.h; sourceTree = "<group>"; };
-		59EDBC9F1FDF4E0C003573DE /* RCTScrollContentView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTScrollContentView.h; sourceTree = "<group>"; };
-		59EDBCA01FDF4E0C003573DE /* RCTScrollContentView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTScrollContentView.m; sourceTree = "<group>"; };
-		59EDBCA31FDF4E0C003573DE /* RCTScrollView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTScrollView.h; sourceTree = "<group>"; };
-		59EDBCA41FDF4E0C003573DE /* RCTScrollView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTScrollView.m; sourceTree = "<group>"; };
-		59EDBCA51FDF4E0C003573DE /* RCTScrollViewManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTScrollViewManager.h; sourceTree = "<group>"; };
-		59EDBCA61FDF4E0C003573DE /* RCTScrollViewManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTScrollViewManager.m; sourceTree = "<group>"; };
-		5CE2080020772F7C009A43B3 /* YGConfig.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = YGConfig.cpp; sourceTree = "<group>"; };
-		5CE2080120772F7C009A43B3 /* YGConfig.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = YGConfig.h; sourceTree = "<group>"; };
-		657734821EE834C900A0E9EA /* RCTInspectorDevServerHelper.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTInspectorDevServerHelper.h; sourceTree = "<group>"; };
-		657734831EE834C900A0E9EA /* RCTInspectorDevServerHelper.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTInspectorDevServerHelper.mm; sourceTree = "<group>"; };
-		6577348A1EE8354A00A0E9EA /* RCTInspector.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = RCTInspector.h; path = Inspector/RCTInspector.h; sourceTree = "<group>"; };
-		6577348B1EE8354A00A0E9EA /* RCTInspector.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; name = RCTInspector.mm; path = Inspector/RCTInspector.mm; sourceTree = "<group>"; };
-		6577348C1EE8354A00A0E9EA /* RCTInspectorPackagerConnection.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = RCTInspectorPackagerConnection.h; path = Inspector/RCTInspectorPackagerConnection.h; sourceTree = "<group>"; };
-		6577348D1EE8354A00A0E9EA /* RCTInspectorPackagerConnection.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = RCTInspectorPackagerConnection.m; path = Inspector/RCTInspectorPackagerConnection.m; sourceTree = "<group>"; };
-		66CD94AD1F1045E700CB3C7C /* RCTMaskedView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTMaskedView.h; sourceTree = "<group>"; };
-		66CD94AE1F1045E700CB3C7C /* RCTMaskedView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTMaskedView.m; sourceTree = "<group>"; };
-		66CD94AF1F1045E700CB3C7C /* RCTMaskedViewManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTMaskedViewManager.h; sourceTree = "<group>"; };
-		66CD94B01F1045E700CB3C7C /* RCTMaskedViewManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTMaskedViewManager.m; sourceTree = "<group>"; };
-		68EFE4EC1CF6EB3000A1DE13 /* RCTBundleURLProvider.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTBundleURLProvider.h; sourceTree = "<group>"; };
-		68EFE4ED1CF6EB3900A1DE13 /* RCTBundleURLProvider.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTBundleURLProvider.m; sourceTree = "<group>"; };
-		6A15FB0C1BDF663500531DFB /* RCTRootViewInternal.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTRootViewInternal.h; sourceTree = "<group>"; };
-		6B7049C81EDF81E3005670F5 /* RCTPlatform.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RCTPlatform.m; sourceTree = "<group>"; };
-		6B857F421EC51FCF00A9D063 /* libcxxreact.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libcxxreact.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		6BDE7A171ECA38AC00CC951F /* RCTUIKit.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RCTUIKit.m; sourceTree = "<group>"; };
-		6BF8B4B21EC550F500061E2F /* RCTUIKit.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTUIKit.h; sourceTree = "<group>"; };
-		830213F31A654E0800B993E6 /* RCTBridgeModule.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = RCTBridgeModule.h; sourceTree = "<group>"; };
-		830A229C1A66C68A008503DA /* RCTRootView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTRootView.h; sourceTree = "<group>"; };
-		830A229D1A66C68A008503DA /* RCTRootView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTRootView.m; sourceTree = "<group>"; };
-		83392EB11B6634E10013B15F /* RCTModalHostViewController.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTModalHostViewController.h; sourceTree = "<group>"; };
-		83392EB21B6634E10013B15F /* RCTModalHostViewController.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTModalHostViewController.m; sourceTree = "<group>"; };
-		83A1FE8A1B62640A00BE0E65 /* RCTModalHostView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTModalHostView.h; sourceTree = "<group>"; };
-		83A1FE8B1B62640A00BE0E65 /* RCTModalHostView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTModalHostView.m; sourceTree = "<group>"; };
-		83A1FE8D1B62643A00BE0E65 /* RCTModalHostViewManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTModalHostViewManager.h; sourceTree = "<group>"; };
-		83A1FE8E1B62643A00BE0E65 /* RCTModalHostViewManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTModalHostViewManager.m; sourceTree = "<group>"; };
-		83CBBA2E1A601D0E00E9B192 /* libReact.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libReact.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		83CBBA4A1A601E3B00E9B192 /* RCTAssert.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTAssert.h; sourceTree = "<group>"; };
-		83CBBA4B1A601E3B00E9B192 /* RCTAssert.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTAssert.m; sourceTree = "<group>"; };
-		83CBBA4C1A601E3B00E9B192 /* RCTInvalidating.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTInvalidating.h; sourceTree = "<group>"; };
-		83CBBA4D1A601E3B00E9B192 /* RCTLog.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTLog.h; sourceTree = "<group>"; };
-		83CBBA4E1A601E3B00E9B192 /* RCTLog.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTLog.mm; sourceTree = "<group>"; };
-		83CBBA4F1A601E3B00E9B192 /* RCTUtils.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTUtils.h; sourceTree = "<group>"; };
-		83CBBA501A601E3B00E9B192 /* RCTUtils.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTUtils.m; sourceTree = "<group>"; };
-		83CBBA5E1A601EAA00E9B192 /* RCTBridge.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTBridge.h; sourceTree = "<group>"; };
-		83CBBA5F1A601EAA00E9B192 /* RCTBridge.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTBridge.m; sourceTree = "<group>"; };
-		83CBBA631A601ECA00E9B192 /* RCTJavaScriptExecutor.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTJavaScriptExecutor.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		83CBBA651A601EF300E9B192 /* RCTEventDispatcher.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTEventDispatcher.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		83CBBA661A601EF300E9B192 /* RCTEventDispatcher.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTEventDispatcher.m; sourceTree = "<group>"; };
-		83CBBA961A6020BB00E9B192 /* RCTTouchHandler.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTTouchHandler.h; sourceTree = "<group>"; };
-		83CBBA971A6020BB00E9B192 /* RCTTouchHandler.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTTouchHandler.m; sourceTree = "<group>"; };
-		83CBBACA1A6023D300E9B192 /* RCTConvert.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTConvert.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		83CBBACB1A6023D300E9B192 /* RCTConvert.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTConvert.m; sourceTree = "<group>"; };
-		83F15A171B7CC46900F10295 /* UIView+Private.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "UIView+Private.h"; sourceTree = "<group>"; };
-		8507BBBC21EDACC200AEAFCA /* JSCExecutorFactory.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = JSCExecutorFactory.mm; sourceTree = "<group>"; };
-		8507BBBD21EDACC200AEAFCA /* JSCExecutorFactory.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = JSCExecutorFactory.h; sourceTree = "<group>"; };
-		91076A871F743AB00081B4FA /* RCTModalManager.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RCTModalManager.m; sourceTree = "<group>"; };
-		91076A881F743AB00081B4FA /* RCTModalManager.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = RCTModalManager.h; sourceTree = "<group>"; };
-		9F0D8907224160F10053729F /* Assume.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = Assume.cpp; path = folly/lang/Assume.cpp; sourceTree = "<group>"; };
-		9F0D890B2241611B0053729F /* ColdClass.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = ColdClass.cpp; path = folly/lang/ColdClass.cpp; sourceTree = "<group>"; };
-		9F0D890F224161A90053729F /* Demangle.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = Demangle.cpp; path = folly/Demangle.cpp; sourceTree = "<group>"; };
-		9F0D8913224164B70053729F /* F14Table.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = F14Table.cpp; path = folly/container/detail/F14Table.cpp; sourceTree = "<group>"; };
-		9F0D8917224165770053729F /* Format.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = Format.cpp; path = folly/Format.cpp; sourceTree = "<group>"; };
-		9F0D891B2241658E0053729F /* json_pointer.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = json_pointer.cpp; path = folly/json_pointer.cpp; sourceTree = "<group>"; };
-		9F0D891F224165BA0053729F /* MallocImpl.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = MallocImpl.cpp; path = folly/memory/detail/MallocImpl.cpp; sourceTree = "<group>"; };
-		9F0D8923224165D20053729F /* ScopeGuard.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = ScopeGuard.cpp; path = folly/ScopeGuard.cpp; sourceTree = "<group>"; };
-		9F0D8927224165F10053729F /* SpookyHashV2.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = SpookyHashV2.cpp; path = folly/hash/SpookyHashV2.cpp; sourceTree = "<group>"; };
-		9F0D892B224165FC0053729F /* String.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = String.cpp; path = folly/String.cpp; sourceTree = "<group>"; };
-		9F0D892F224166050053729F /* Unicode.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = Unicode.cpp; path = folly/Unicode.cpp; sourceTree = "<group>"; };
-		9F2AC95D2239D788005C9C14 /* libReact.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libReact.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		9F2AC95E2239D788005C9C14 /* libjsinspector-macOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libjsinspector-macOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		9F5C195B230F4CB300E3E5A7 /* libyoga.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libyoga.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		9FD21D78224303D900E7F88E /* libjsi-macOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libjsi-macOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		9FD21D94224305AA00E7F88E /* libjsiexecutor-macOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libjsiexecutor-macOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		A2440AA01DF8D854006E7BFC /* RCTReloadCommand.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTReloadCommand.h; sourceTree = "<group>"; };
-		A2440AA11DF8D854006E7BFC /* RCTReloadCommand.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTReloadCommand.m; sourceTree = "<group>"; };
-		AC4A6AF821FB4EA900FBEC39 /* YGMarker.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = YGMarker.cpp; sourceTree = "<group>"; };
-		AC52CEDD21FB3FF9003C6BEC /* instrumentation.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = instrumentation.h; sourceTree = "<group>"; };
-		AC6B69E121B1467C00B2B68A /* YGValue.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = YGValue.cpp; sourceTree = "<group>"; };
-		AC6B69E221B1467C00B2B68A /* YGValue.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = YGValue.h; sourceTree = "<group>"; };
-		AC70D2E81DE489E4002E6351 /* RCTJavaScriptLoader.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTJavaScriptLoader.mm; sourceTree = "<group>"; };
-		AC70D2EB1DE48A22002E6351 /* JSBundleType.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = JSBundleType.cpp; sourceTree = "<group>"; };
-		AC8360CC21B0256A00FC46B9 /* YGMarker.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = YGMarker.h; sourceTree = "<group>"; };
-		AC90463D21C91CC2005B24B3 /* CompactValue.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = CompactValue.h; sourceTree = "<group>"; };
-		ACC75C53221AA188002F24E8 /* log.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = log.cpp; sourceTree = "<group>"; };
-		ACC75C55221AA194002F24E8 /* log.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = log.h; sourceTree = "<group>"; };
-		ACDD3FDA1BC7430D00E7DE33 /* RCTBorderStyle.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTBorderStyle.h; sourceTree = "<group>"; };
-		B233E6E81D2D843200BC68BA /* RCTI18nManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTI18nManager.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
-		B233E6E91D2D845D00BC68BA /* RCTI18nManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTI18nManager.m; sourceTree = "<group>"; };
-		B95154301D1B34B200FE7B80 /* RCTActivityIndicatorView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTActivityIndicatorView.h; sourceTree = "<group>"; };
-		B95154311D1B34B200FE7B80 /* RCTActivityIndicatorView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTActivityIndicatorView.m; sourceTree = "<group>"; };
-		C60128A91F3D1258009DF9FF /* RCTCxxConvert.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTCxxConvert.h; sourceTree = "<group>"; };
-		C60128AA1F3D1258009DF9FF /* RCTCxxConvert.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTCxxConvert.m; sourceTree = "<group>"; };
-		C606692D1F3CC60500E67165 /* RCTModuleMethod.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTModuleMethod.mm; sourceTree = "<group>"; };
-		C60669351F3CCF1B00E67165 /* RCTManagedPointer.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTManagedPointer.mm; sourceTree = "<group>"; };
-		C654505D1F3BD9280090799B /* RCTManagedPointer.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTManagedPointer.h; sourceTree = "<group>"; };
-		C6D380181F71D75B00621378 /* RAMBundleRegistry.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = RAMBundleRegistry.h; sourceTree = "<group>"; };
-		C6D380191F71D75B00621378 /* RAMBundleRegistry.cpp */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.cpp.cpp; path = RAMBundleRegistry.cpp; sourceTree = "<group>"; };
-		CF2731BE1E7B8DE40044CA4F /* RCTDeviceInfo.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTDeviceInfo.h; sourceTree = "<group>"; };
-		CF2731BF1E7B8DE40044CA4F /* RCTDeviceInfo.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTDeviceInfo.m; sourceTree = "<group>"; };
-		E223624320875A8000108244 /* JSExecutor.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = JSExecutor.cpp; sourceTree = "<group>"; };
-		E3BBC8EB1ADE6F47001BBD81 /* RCTTextDecorationLineType.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = RCTTextDecorationLineType.h; sourceTree = "<group>"; };
-		E9B20B791B500126007A2DA7 /* RCTAccessibilityManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTAccessibilityManager.h; sourceTree = "<group>"; };
-		E9B20B7A1B500126007A2DA7 /* RCTAccessibilityManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTAccessibilityManager.m; sourceTree = "<group>"; };
-		EBF21BBA1FC498270052F4D5 /* InspectorInterfaces.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = InspectorInterfaces.h; sourceTree = "<group>"; };
-		EBF21BBB1FC498270052F4D5 /* InspectorInterfaces.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = InspectorInterfaces.cpp; sourceTree = "<group>"; };
-		EBF21BDC1FC498900052F4D5 /* libjsinspector.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libjsinspector.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		EBF21BFA1FC4989A0052F4D5 /* libjsinspector-tvOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libjsinspector-tvOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		ED296FB6214C9A0900B7C4FE /* libjsi-tvOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libjsi-tvOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		ED296FEE214C9CF800B7C4FE /* libjsiexecutor-tvOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libjsiexecutor-tvOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		ED6189672155BBF70000C9A7 /* JSIExecutor.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = JSIExecutor.h; path = jsireact/JSIExecutor.h; sourceTree = "<group>"; };
-		ED6189682155BBF70000C9A7 /* JSINativeModules.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = JSINativeModules.h; path = jsireact/JSINativeModules.h; sourceTree = "<group>"; };
-		EDDA711B2164285A00B2D070 /* JSINativeModules.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = JSINativeModules.cpp; path = jsireact/JSINativeModules.cpp; sourceTree = "<group>"; };
-		EDDA711C2164285A00B2D070 /* JSIExecutor.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = JSIExecutor.cpp; path = jsireact/JSIExecutor.cpp; sourceTree = "<group>"; };
-		EDEBC6D6214B3E7000DD5AC8 /* libjsi.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libjsi.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		EDEBC6D9214B3F6800DD5AC8 /* jsi-inl.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = "jsi-inl.h"; path = "jsi/jsi-inl.h"; sourceTree = "<group>"; };
-		EDEBC6DA214B3F6800DD5AC8 /* JSIDynamic.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = JSIDynamic.cpp; path = jsi/JSIDynamic.cpp; sourceTree = "<group>"; };
-		EDEBC6DB214B3F6800DD5AC8 /* jsi.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = jsi.cpp; path = jsi/jsi.cpp; sourceTree = "<group>"; };
-		EDEBC6DC214B3F6800DD5AC8 /* JSIDynamic.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = JSIDynamic.h; path = jsi/JSIDynamic.h; sourceTree = "<group>"; };
-		EDEBC6DD214B3F6800DD5AC8 /* JSCRuntime.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = JSCRuntime.cpp; sourceTree = "<group>"; };
-		EDEBC6DE214B3F6800DD5AC8 /* JSCRuntime.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = JSCRuntime.h; sourceTree = "<group>"; };
-		EDEBC6DF214B3F6800DD5AC8 /* BUCK */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = BUCK; sourceTree = "<group>"; };
-		EDEBC6E0214B3F6800DD5AC8 /* instrumentation.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = instrumentation.h; path = jsi/instrumentation.h; sourceTree = "<group>"; };
-		EDEBC6E1214B3F6800DD5AC8 /* jsi.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = jsi.h; path = jsi/jsi.h; sourceTree = "<group>"; };
-		EDEBC73B214B45A300DD5AC8 /* libjsiexecutor.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libjsiexecutor.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		EDEBC740214B463000DD5AC8 /* BUCK */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = BUCK; sourceTree = "<group>"; };
-		EDEBC750214B47E100DD5AC8 /* JSDeltaBundleClient.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = JSDeltaBundleClient.cpp; sourceTree = "<group>"; };
-		EDEBC751214B47E100DD5AC8 /* JSDeltaBundleClient.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = JSDeltaBundleClient.h; sourceTree = "<group>"; };
-		EDEBC752214B47E100DD5AC8 /* SharedProxyCxxModule.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = SharedProxyCxxModule.h; sourceTree = "<group>"; };
-		EDEBC757214C284000DD5AC8 /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
-		F1EFDA4E201F660F00EE6E4C /* RCTUIUtils.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTUIUtils.m; sourceTree = "<group>"; };
-		F1EFDA4F201F660F00EE6E4C /* RCTUIUtils.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTUIUtils.h; sourceTree = "<group>"; };
-		FEFAAC9C1FDB89B40057BBE0 /* RCTRedBoxExtraDataViewController.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTRedBoxExtraDataViewController.m; sourceTree = "<group>"; };
-		FEFAAC9D1FDB89B40057BBE0 /* RCTRedBoxExtraDataViewController.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTRedBoxExtraDataViewController.h; sourceTree = "<group>"; };
-/* End PBXFileReference section */
-
-/* Begin PBXFrameworksBuildPhase section */
-		18632C011EF495AD0010A3BB /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9F5C1991230F4F0400E3E5A7 /* libyoga.a in Frameworks */,
-				9FB7D34C224954A600F31D11 /* libjsinspector-macOS.a in Frameworks */,
-				18632C021EF495D40010A3BB /* libcxxreact.a in Frameworks */,
-				9FB7D34D224954B300F31D11 /* libjsi-macOS.a in Frameworks */,
-				9FB7D34E224954CC00F31D11 /* libjsiexecutor-macOS.a in Frameworks */,
-				9FB7D34F224954EE00F31D11 /* libdouble-conversion.a in Frameworks */,
-				18632C051EF495D40010A3BB /* libthird-party.a in Frameworks */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D3C08881DE342EE00C268FA /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				EDEBC7E0214C709200DD5AC8 /* libjsinspector.a in Frameworks */,
-				3D3CD9411DE5FC5300167DC4 /* libcxxreact.a in Frameworks */,
-				EDEBC71A214B40A300DD5AC8 /* libjsi.a in Frameworks */,
-				EDEBC7DF214C705700DD5AC8 /* libjsiexecutor.a in Frameworks */,
-				53D123971FBF1DF5001B8A10 /* libyoga.a in Frameworks */,
-				3D383D6D1EBD2940005632C8 /* libdouble-conversion.a in Frameworks */,
-				3D383D6F1EBD2940005632C8 /* libthird-party.a in Frameworks */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D3C088B1DE342FE00C268FA /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				ED297067215023D800B7C4FE /* libjsiexecutor-tvOS.a in Frameworks */,
-				ED296FCB214C9B6C00B7C4FE /* libjsi-tvOS.a in Frameworks */,
-				ED296F83214C974A00B7C4FE /* libyoga.a in Frameworks */,
-				ED296F82214C973700B7C4FE /* libjsinspector-tvOS.a in Frameworks */,
-				2D1D83CE1F74E2DA00615550 /* libdouble-conversion.a in Frameworks */,
-				3D383D721EBD2949005632C8 /* libthird-party.a in Frameworks */,
-				3D8ED92C1E5B120100D83D20 /* libcxxreact.a in Frameworks */,
-				3D3CD9441DE5FC6500167DC4 /* (null) in Frameworks */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		9FD21D74224303D900E7F88E /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		9FD21D90224305AA00E7F88E /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		ED296FCE214C9CB400B7C4FE /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		ED296FF5214C9E7C00B7C4FE /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		EDEBC756214C283300DD5AC8 /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		EDEBC79A214C2A7000DD5AC8 /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXFrameworksBuildPhase section */
-
-/* Begin PBXGroup section */
-		1304439E1E3FEA8B00D93A67 /* CxxUtils */ = {
-			isa = PBXGroup;
-			children = (
-				1304439F1E3FEAA900D93A67 /* RCTFollyConvert.h */,
-				130443A01E3FEAA900D93A67 /* RCTFollyConvert.mm */,
-			);
-			name = CxxUtils;
-			sourceTree = "<group>";
-		};
-		130A77021DF767AF001F9587 /* yoga */ = {
-			isa = PBXGroup;
-			children = (
-				ACC75C55221AA194002F24E8 /* log.h */,
-				ACC75C53221AA188002F24E8 /* log.cpp */,
-				AC4A6AF821FB4EA900FBEC39 /* YGMarker.cpp */,
-				AC52CEDD21FB3FF9003C6BEC /* instrumentation.h */,
-				AC90463D21C91CC2005B24B3 /* CompactValue.h */,
-				AC6B69E121B1467C00B2B68A /* YGValue.cpp */,
-				AC6B69E221B1467C00B2B68A /* YGValue.h */,
-				AC8360CC21B0256A00FC46B9 /* YGMarker.h */,
-				5CE2080020772F7C009A43B3 /* YGConfig.cpp */,
-				5CE2080120772F7C009A43B3 /* YGConfig.h */,
-				53DEF6E7205AE59C006A3890 /* YGFloatOptional.h */,
-				5343895E203905B6008E0CB3 /* YGLayout.cpp */,
-				5343895F203905B6008E0CB3 /* YGLayout.h */,
-				5352C5722038FF8D00A3B97E /* YGStyle.cpp */,
-				5352C5712038FF8D00A3B97E /* YGStyle.h */,
-				53756E372004FFF700FBBD99 /* Utils.cpp */,
-				53756E382004FFF700FBBD99 /* Utils.h */,
-				53EC85DF1FDEC75A0051B2B5 /* YGNode.cpp */,
-				53EC85DE1FDEC75A0051B2B5 /* YGNode.h */,
-				5376C5E11FC6DDB20083513D /* YGNodePrint.cpp */,
-				5376C5E01FC6DDB20083513D /* YGNodePrint.h */,
-				53CBF1861FB4FE80002CBB31 /* YGEnums.cpp */,
-				53CBF1851FB4FE80002CBB31 /* Yoga-internal.h */,
-				53CBF1871FB4FE80002CBB31 /* Yoga.cpp */,
-				130A77031DF767AF001F9587 /* YGEnums.h */,
-				130A77041DF767AF001F9587 /* YGMacros.h */,
-				130A77081DF767AF001F9587 /* Yoga.h */,
-			);
-			name = yoga;
-			path = yoga/yoga;
-			sourceTree = "<group>";
-		};
-		13134C721E296B2A00B9F3CB /* CxxBridge */ = {
-			isa = PBXGroup;
-			children = (
-				134D63C21F1FEC4B008872B5 /* RCTCxxBridgeDelegate.h */,
-				3D7454B31E54786200E74ADD /* NSDataBigString.h */,
-				3D7AA9C31E548CD5001955CF /* NSDataBigString.mm */,
-				13134C741E296B2A00B9F3CB /* RCTCxxBridge.mm */,
-				13134C771E296B2A00B9F3CB /* RCTMessageThread.h */,
-				13134C781E296B2A00B9F3CB /* RCTMessageThread.mm */,
-				13134C7B1E296B2A00B9F3CB /* RCTObjcExecutor.h */,
-				13134C7C1E296B2A00B9F3CB /* RCTObjcExecutor.mm */,
-				8507BBBD21EDACC200AEAFCA /* JSCExecutorFactory.h */,
-				8507BBBC21EDACC200AEAFCA /* JSCExecutorFactory.mm */,
-			);
-			path = CxxBridge;
-			sourceTree = "<group>";
-		};
-		13134C7D1E296B2A00B9F3CB /* CxxModule */ = {
-			isa = PBXGroup;
-			children = (
-				1384E2061E806D4E00545659 /* RCTNativeModule.h */,
-				1384E2071E806D4E00545659 /* RCTNativeModule.mm */,
-				13134C7E1E296B2A00B9F3CB /* RCTCxxMethod.h */,
-				13134C7F1E296B2A00B9F3CB /* RCTCxxMethod.mm */,
-				13134C801E296B2A00B9F3CB /* RCTCxxModule.h */,
-				13134C811E296B2A00B9F3CB /* RCTCxxModule.mm */,
-				13134C821E296B2A00B9F3CB /* RCTCxxUtils.h */,
-				13134C831E296B2A00B9F3CB /* RCTCxxUtils.mm */,
-			);
-			path = CxxModule;
-			sourceTree = "<group>";
-		};
-		139D7E381E25C55B00323FB7 /* double-conversion */ = {
-			isa = PBXGroup;
-			children = (
-				139D7E391E25C5A300323FB7 /* bignum-dtoa.cc */,
-				139D7E3A1E25C5A300323FB7 /* bignum-dtoa.h */,
-				139D7E3B1E25C5A300323FB7 /* bignum.cc */,
-				139D7E3C1E25C5A300323FB7 /* bignum.h */,
-				139D7E3D1E25C5A300323FB7 /* cached-powers.cc */,
-				139D7E3E1E25C5A300323FB7 /* cached-powers.h */,
-				139D7E3F1E25C5A300323FB7 /* diy-fp.cc */,
-				139D7E401E25C5A300323FB7 /* diy-fp.h */,
-				139D7E411E25C5A300323FB7 /* double-conversion.cc */,
-				139D7E421E25C5A300323FB7 /* double-conversion.h */,
-				139D7E431E25C5A300323FB7 /* fast-dtoa.cc */,
-				139D7E441E25C5A300323FB7 /* fast-dtoa.h */,
-				139D7E451E25C5A300323FB7 /* fixed-dtoa.cc */,
-				139D7E461E25C5A300323FB7 /* fixed-dtoa.h */,
-				139D7E471E25C5A300323FB7 /* ieee.h */,
-				139D7E481E25C5A300323FB7 /* strtod.cc */,
-				139D7E491E25C5A300323FB7 /* strtod.h */,
-				139D7E4A1E25C5A300323FB7 /* utils.h */,
-			);
-			name = "double-conversion";
-			path = "../third-party/double-conversion-1.1.6";
-			sourceTree = "<group>";
-		};
-		139D7ED71E25DB9200323FB7 /* glog */ = {
-			isa = PBXGroup;
-			children = (
-				139D7F101E25DEC900323FB7 /* glog */,
-				139D7ED81E25DBDC00323FB7 /* config.h */,
-				139D7F081E25DE3700323FB7 /* demangle.cc */,
-				139D7ED91E25DBDC00323FB7 /* demangle.h */,
-				139D7EDA1E25DBDC00323FB7 /* logging.cc */,
-				139D7EDB1E25DBDC00323FB7 /* raw_logging.cc */,
-				139D7EDC1E25DBDC00323FB7 /* signalhandler.cc */,
-				139D7EDD1E25DBDC00323FB7 /* stacktrace.h */,
-				139D7EDE1E25DBDC00323FB7 /* symbolize.cc */,
-				139D7EDF1E25DBDC00323FB7 /* symbolize.h */,
-				139D7EE01E25DBDC00323FB7 /* utilities.cc */,
-				139D7EE11E25DBDC00323FB7 /* utilities.h */,
-				139D7EE21E25DBDC00323FB7 /* vlog_is_on.cc */,
-			);
-			name = glog;
-			sourceTree = "<group>";
-		};
-		139D7F101E25DEC900323FB7 /* glog */ = {
-			isa = PBXGroup;
-			children = (
-				139D7F111E25DEC900323FB7 /* log_severity.h */,
-				139D7F121E25DEC900323FB7 /* logging.h */,
-				139D7F141E25DEC900323FB7 /* raw_logging.h */,
-				139D7F161E25DEC900323FB7 /* stl_logging.h */,
-				139D7F181E25DEC900323FB7 /* vlog_is_on.h */,
-			);
-			name = glog;
-			path = "../third-party/glog-0.3.5/src/glog";
-			sourceTree = "<group>";
-		};
-		139D849B1E2739EC00323FB7 /* folly */ = {
-			isa = PBXGroup;
-			children = (
-				9F0D8907224160F10053729F /* Assume.cpp */,
-				139D849C1E273B5600323FB7 /* AtomicIntrusiveLinkedList.h */,
-				9F0D890B2241611B0053729F /* ColdClass.cpp */,
-				139D849F1E273B5600323FB7 /* Conv.cpp */,
-				139D84A01E273B5600323FB7 /* Conv.h */,
-				9F0D890F224161A90053729F /* Demangle.cpp */,
-				139D84A11E273B5600323FB7 /* dynamic-inl.h */,
-				139D84A21E273B5600323FB7 /* dynamic.cpp */,
-				139D84A31E273B5600323FB7 /* dynamic.h */,
-				139D84A41E273B5600323FB7 /* Exception.h */,
-				9F0D8913224164B70053729F /* F14Table.cpp */,
-				9F0D8917224165770053729F /* Format.cpp */,
-				9F0D891B2241658E0053729F /* json_pointer.cpp */,
-				139D84A71E273B5600323FB7 /* json.cpp */,
-				139D84A81E273B5600323FB7 /* json.h */,
-				9F0D891F224165BA0053729F /* MallocImpl.cpp */,
-				139D84A91E273B5600323FB7 /* Memory.h */,
-				139D84AA1E273B5600323FB7 /* MoveWrapper.h */,
-				139D84AB1E273B5600323FB7 /* Optional.h */,
-				9F0D8923224165D20053729F /* ScopeGuard.cpp */,
-				139D84AC1E273B5600323FB7 /* ScopeGuard.h */,
-				9F0D8927224165F10053729F /* SpookyHashV2.cpp */,
-				9F0D892B224165FC0053729F /* String.cpp */,
-				9F0D892F224166050053729F /* Unicode.cpp */,
-			);
-			name = folly;
-			path = "../third-party/folly-2018.10.22.00";
-			sourceTree = "<group>";
-		};
-		13B07FE01A69315300A75B9A /* Modules */ = {
-			isa = PBXGroup;
-			children = (
-				E9B20B791B500126007A2DA7 /* RCTAccessibilityManager.h */,
-				E9B20B7A1B500126007A2DA7 /* RCTAccessibilityManager.m */,
-				13B07FE71A69327A00A75B9A /* RCTAlertManager.h */,
-				13B07FE81A69327A00A75B9A /* RCTAlertManager.m */,
-				1372B7081AB030C200659ED6 /* RCTAppState.h */,
-				1372B7091AB030C200659ED6 /* RCTAppState.m */,
-				58114A4F1AAE93D500E7D092 /* RCTAsyncLocalStorage.h */,
-				58114A4E1AAE93D500E7D092 /* RCTAsyncLocalStorage.m */,
-				13D033611C1837FE0021DC29 /* RCTClipboard.h */,
-				13D033621C1837FE0021DC29 /* RCTClipboard.m */,
-				CF2731BE1E7B8DE40044CA4F /* RCTDeviceInfo.h */,
-				CF2731BF1E7B8DE40044CA4F /* RCTDeviceInfo.m */,
-				130E3D861E6A082100ACE484 /* RCTDevSettings.h */,
-				130E3D871E6A082100ACE484 /* RCTDevSettings.mm */,
-				13D9FEE91CDCCECF00158BD7 /* RCTEventEmitter.h */,
-				13D9FEEA1CDCCECF00158BD7 /* RCTEventEmitter.m */,
-				13B07FE91A69327A00A75B9A /* RCTExceptionsManager.h */,
-				13B07FEA1A69327A00A75B9A /* RCTExceptionsManager.m */,
-				B233E6E81D2D843200BC68BA /* RCTI18nManager.h */,
-				B233E6E91D2D845D00BC68BA /* RCTI18nManager.m */,
-				352DCFEE1D19F4C20056D623 /* RCTI18nUtil.h */,
-				352DCFEF1D19F4C20056D623 /* RCTI18nUtil.m */,
-				13D9FEEC1CDCD93000158BD7 /* RCTKeyboardObserver.h */,
-				13D9FEED1CDCD93000158BD7 /* RCTKeyboardObserver.m */,
-				5960C1B11F0804A00066FD5B /* RCTLayoutAnimation.h */,
-				5960C1B21F0804A00066FD5B /* RCTLayoutAnimation.m */,
-				5960C1B31F0804A00066FD5B /* RCTLayoutAnimationGroup.h */,
-				5960C1B41F0804A00066FD5B /* RCTLayoutAnimationGroup.m */,
-				13F17A831B8493E5007D4C75 /* RCTRedBox.h */,
-				13F17A841B8493E5007D4C75 /* RCTRedBox.m */,
-				FEFAAC9D1FDB89B40057BBE0 /* RCTRedBoxExtraDataViewController.h */,
-				FEFAAC9C1FDB89B40057BBE0 /* RCTRedBoxExtraDataViewController.m */,
-				000E6CE91AB0E97F000CDF4D /* RCTSourceCode.h */,
-				000E6CEA1AB0E980000CDF4D /* RCTSourceCode.m */,
-				13723B4E1A82FD3C00F88898 /* RCTStatusBarManager.h */,
-				13723B4F1A82FD3C00F88898 /* RCTStatusBarManager.m */,
-				589515DF2231AD9C0036BDE0 /* RCTSurfacePresenterStub.h */,
-				0EEEA8DE2239002200A8C82D /* RCTSurfacePresenterStub.m */,
-				13B07FED1A69327A00A75B9A /* RCTTiming.h */,
-				13B07FEE1A69327A00A75B9A /* RCTTiming.m */,
-				3D0B842D1EC0B51200B2BD8E /* RCTTVNavigationEventEmitter.h */,
-				3D0B842E1EC0B51200B2BD8E /* RCTTVNavigationEventEmitter.m */,
-				13E067481A70F434002CDEE1 /* RCTUIManager.h */,
-				13E067491A70F434002CDEE1 /* RCTUIManager.m */,
-				59EB6DB91EBD6FC90072A5E7 /* RCTUIManagerObserverCoordinator.h */,
-				59EB6DBA1EBD6FC90072A5E7 /* RCTUIManagerObserverCoordinator.mm */,
-				59500D411F71C63700B122B7 /* RCTUIManagerUtils.h */,
-				59500D421F71C63F00B122B7 /* RCTUIManagerUtils.m */,
-			);
-			path = Modules;
-			sourceTree = "<group>";
-		};
-		13B07FF31A6947C200A75B9A /* Views */ = {
-			isa = PBXGroup;
-			children = (
-				B95154301D1B34B200FE7B80 /* RCTActivityIndicatorView.h */,
-				B95154311D1B34B200FE7B80 /* RCTActivityIndicatorView.m */,
-				13B080181A69489C00A75B9A /* RCTActivityIndicatorViewManager.h */,
-				13B080191A69489C00A75B9A /* RCTActivityIndicatorViewManager.m */,
-				13442BF21AA90E0B0037E5B0 /* RCTAnimationType.h */,
-				13C325261AA63B6A0048765F /* RCTAutoInsetsProtocol.h */,
-				13CC8A801B17642100940AE7 /* RCTBorderDrawing.h */,
-				13CC8A811B17642100940AE7 /* RCTBorderDrawing.m */,
-				ACDD3FDA1BC7430D00E7DE33 /* RCTBorderStyle.h */,
-				13C325281AA63B6A0048765F /* RCTComponent.h */,
-				13AB90BF1B6FA36700713B4F /* RCTComponentData.h */,
-				13AB90C01B6FA36700713B4F /* RCTComponentData.m */,
-				13456E911ADAD2DE009F94A7 /* RCTConvert+CoreLocation.h */,
-				13456E921ADAD2DE009F94A7 /* RCTConvert+CoreLocation.m */,
-				130443C31E401A8C00D93A67 /* RCTConvert+Transform.h */,
-				130443C41E401A8C00D93A67 /* RCTConvert+Transform.m */,
-				133CAE8C1B8E5CFD00F6AD92 /* RCTDatePicker.h */,
-				133CAE8D1B8E5CFD00F6AD92 /* RCTDatePicker.m */,
-				58C571C01AA56C1900CDF9C8 /* RCTDatePickerManager.h */,
-				58C571BF1AA56C1900CDF9C8 /* RCTDatePickerManager.m */,
-				3D37B5801D522B190042D5B5 /* RCTFont.h */,
-				3D37B5811D522B190042D5B5 /* RCTFont.mm */,
-				591F78D9202ADB22004A668C /* RCTLayout.h */,
-				591F78D8202ADB21004A668C /* RCTLayout.m */,
-				66CD94AD1F1045E700CB3C7C /* RCTMaskedView.h */,
-				66CD94AE1F1045E700CB3C7C /* RCTMaskedView.m */,
-				66CD94AF1F1045E700CB3C7C /* RCTMaskedViewManager.h */,
-				66CD94B01F1045E700CB3C7C /* RCTMaskedViewManager.m */,
-				83A1FE8A1B62640A00BE0E65 /* RCTModalHostView.h */,
-				83A1FE8B1B62640A00BE0E65 /* RCTModalHostView.m */,
-				83392EB11B6634E10013B15F /* RCTModalHostViewController.h */,
-				83392EB21B6634E10013B15F /* RCTModalHostViewController.m */,
-				83A1FE8D1B62643A00BE0E65 /* RCTModalHostViewManager.h */,
-				83A1FE8E1B62643A00BE0E65 /* RCTModalHostViewManager.m */,
-				91076A881F743AB00081B4FA /* RCTModalManager.h */,
-				91076A871F743AB00081B4FA /* RCTModalManager.m */,
-				58114A121AAE854800E7D092 /* RCTPicker.h */,
-				58114A131AAE854800E7D092 /* RCTPicker.m */,
-				58114A141AAE854800E7D092 /* RCTPickerManager.h */,
-				58114A151AAE854800E7D092 /* RCTPickerManager.m */,
-				13442BF31AA90E0B0037E5B0 /* RCTPointerEvents.h */,
-				18008F992141A922007F325D /* RCTProgressView.h */,
-				18008F9A2141A922007F325D /* RCTProgressView.m */,
-				13513F3A1B1F43F400FCE529 /* RCTProgressViewManager.h */,
-				13513F3B1B1F43F400FCE529 /* RCTProgressViewManager.m */,
-				191E3EBF1C29DC3800C180A6 /* RCTRefreshControl.h */,
-				191E3EC01C29DC3800C180A6 /* RCTRefreshControl.m */,
-				191E3EBC1C29D9AF00C180A6 /* RCTRefreshControlManager.h */,
-				191E3EBD1C29D9AF00C180A6 /* RCTRefreshControlManager.m */,
-				13BCE8071C99CB9D00DD7AAD /* RCTRootShadowView.h */,
-				13BCE8081C99CB9D00DD7AAD /* RCTRootShadowView.m */,
-				131B6AF01AF1093D00FFC3E0 /* RCTSegmentedControl.h */,
-				131B6AF11AF1093D00FFC3E0 /* RCTSegmentedControl.m */,
-				131B6AF21AF1093D00FFC3E0 /* RCTSegmentedControlManager.h */,
-				131B6AF31AF1093D00FFC3E0 /* RCTSegmentedControlManager.m */,
-				13E0674B1A70F44B002CDEE1 /* RCTShadowView.h */,
-				5335D5401FE81A4700883D58 /* RCTShadowView.m */,
-				597633351F4E021D005BE8A4 /* RCTShadowView+Internal.h */,
-				597633341F4E021D005BE8A4 /* RCTShadowView+Internal.m */,
-				590D7BFB1EBD458B00D8A370 /* RCTShadowView+Layout.h */,
-				590D7BFC1EBD458B00D8A370 /* RCTShadowView+Layout.m */,
-				13AF20431AE707F8005F5298 /* RCTSlider.h */,
-				13AF20441AE707F9005F5298 /* RCTSlider.m */,
-				14F484541AABFCE100FDF6B9 /* RCTSliderManager.h */,
-				14F484551AABFCE100FDF6B9 /* RCTSliderManager.m */,
-				14F362071AABD06A001CE568 /* RCTSwitch.h */,
-				14F362081AABD06A001CE568 /* RCTSwitch.m */,
-				14F362091AABD06A001CE568 /* RCTSwitchManager.h */,
-				14F3620A1AABD06A001CE568 /* RCTSwitchManager.m */,
-				E3BBC8EB1ADE6F47001BBD81 /* RCTTextDecorationLineType.h */,
-				130443D61E401AD800D93A67 /* RCTTVView.h */,
-				130443D71E401AD800D93A67 /* RCTTVView.m */,
-				13E0674F1A70F44B002CDEE1 /* RCTView.h */,
-				13E067501A70F44B002CDEE1 /* RCTView.m */,
-				13E0674D1A70F44B002CDEE1 /* RCTViewManager.h */,
-				13E0674E1A70F44B002CDEE1 /* RCTViewManager.m */,
-				13B080231A694A8400A75B9A /* RCTWrapperViewController.h */,
-				13B080241A694A8400A75B9A /* RCTWrapperViewController.m */,
-				59D031E41F8353D3008361F0 /* SafeAreaView */,
-				59EDBC9B1FDF4E0C003573DE /* ScrollView */,
-				83F15A171B7CC46900F10295 /* UIView+Private.h */,
-				13E067531A70F44B002CDEE1 /* UIView+React.h */,
-				13E067541A70F44B002CDEE1 /* UIView+React.m */,
-			);
-			path = Views;
-			sourceTree = "<group>";
-		};
-		1450FF7F1BCFF28A00208362 /* Profiler */ = {
-			isa = PBXGroup;
-			children = (
-				14F7A0EE1BDA714B003C6C10 /* RCTFPSGraph.h */,
-				14F7A0EF1BDA714B003C6C10 /* RCTFPSGraph.m */,
-				14BF71811C04795500C97D0C /* RCTMacros.h */,
-				14F7A0EB1BDA3B3C003C6C10 /* RCTPerfMonitor.m */,
-				1450FF801BCFF28A00208362 /* RCTProfile.h */,
-				1450FF811BCFF28A00208362 /* RCTProfile.m */,
-				1450FF821BCFF28A00208362 /* RCTProfileTrampoline-arm.S */,
-				1450FF831BCFF28A00208362 /* RCTProfileTrampoline-arm64.S */,
-				14BF717F1C04793D00C97D0C /* RCTProfileTrampoline-i386.S */,
-				1450FF851BCFF28A00208362 /* RCTProfileTrampoline-x86_64.S */,
-			);
-			path = Profiler;
-			sourceTree = "<group>";
-		};
-		3D10A3C71DDF3CED004A0F9D /* ReactCommon */ = {
-			isa = PBXGroup;
-			children = (
-				EDEBC73C214B463000DD5AC8 /* jsiexecutor */,
-				EDEBC6D8214B3F6800DD5AC8 /* jsi */,
-				130A77021DF767AF001F9587 /* yoga */,
-				AC70D2EA1DE489FC002E6351 /* cxxreact */,
-				EBF21BB91FC497DA0052F4D5 /* jsinspector */,
-			);
-			name = ReactCommon;
-			path = ../ReactCommon;
-			sourceTree = "<group>";
-		};
-		3D1FA0781DE4F2CD00E03CC6 /* Libraries */ = {
-			isa = PBXGroup;
-			children = (
-				3D1FA0821DE4F36600E03CC6 /* Image */,
-				3D1FA0891DE4F4B900E03CC6 /* LinkingIOS */,
-				3D1FA0791DE4F2D200E03CC6 /* Network */,
-				3D1FA08A1DE4F4D600E03CC6 /* PushNotificationIOS */,
-				3D7BFD2A1EA8E3D3008DFB7A /* WebSocket */,
-			);
-			name = Libraries;
-			path = ../Libraries;
-			sourceTree = "<group>";
-		};
-		3D1FA0791DE4F2D200E03CC6 /* Network */ = {
-			isa = PBXGroup;
-			children = (
-				3D1FA07A1DE4F2EA00E03CC6 /* RCTNetworking.h */,
-				3D1FA07B1DE4F2EA00E03CC6 /* RCTNetworkTask.h */,
-			);
-			path = Network;
-			sourceTree = "<group>";
-		};
-		3D1FA0821DE4F36600E03CC6 /* Image */ = {
-			isa = PBXGroup;
-			children = (
-				3D1FA0831DE4F3A000E03CC6 /* RCTImageLoader.h */,
-				3D1FA0841DE4F3A000E03CC6 /* RCTImageStoreManager.h */,
-				3D1FA0851DE4F3A000E03CC6 /* RCTResizeMode.h */,
-			);
-			path = Image;
-			sourceTree = "<group>";
-		};
-		3D1FA0891DE4F4B900E03CC6 /* LinkingIOS */ = {
-			isa = PBXGroup;
-			children = (
-				3D1FA08B1DE4F4DD00E03CC6 /* RCTLinkingManager.h */,
-			);
-			path = LinkingIOS;
-			sourceTree = "<group>";
-		};
-		3D1FA08A1DE4F4D600E03CC6 /* PushNotificationIOS */ = {
-			isa = PBXGroup;
-			children = (
-				3D1FA08D1DE4F4EE00E03CC6 /* RCTPushNotificationManager.h */,
-			);
-			name = PushNotificationIOS;
-			sourceTree = "<group>";
-		};
-		3D7BFD0A1EA8E2D1008DFB7A /* DevSupport */ = {
-			isa = PBXGroup;
-			children = (
-				657734821EE834C900A0E9EA /* RCTInspectorDevServerHelper.h */,
-				657734831EE834C900A0E9EA /* RCTInspectorDevServerHelper.mm */,
-				13A0C2851B74F71200B29F6F /* RCTDevLoadingView.h */,
-				13A0C2861B74F71200B29F6F /* RCTDevLoadingView.m */,
-				13A0C2871B74F71200B29F6F /* RCTDevMenu.h */,
-				13A0C2881B74F71200B29F6F /* RCTDevMenu.m */,
-				3D7BFD0B1EA8E351008DFB7A /* RCTPackagerClient.h */,
-				3D7BFD0C1EA8E351008DFB7A /* RCTPackagerClient.m */,
-				3D7BFD0F1EA8E351008DFB7A /* RCTPackagerConnection.h */,
-				3D7BFD101EA8E351008DFB7A /* RCTPackagerConnection.mm */,
-			);
-			path = DevSupport;
-			sourceTree = "<group>";
-		};
-		3D7BFD2A1EA8E3D3008DFB7A /* WebSocket */ = {
-			isa = PBXGroup;
-			children = (
-				3D0E37891F1CC40000DCAC9F /* RCTWebSocketModule.h */,
-				3D7BFD2B1EA8E3FA008DFB7A /* RCTReconnectingWebSocket.h */,
-				3D7BFD2C1EA8E3FA008DFB7A /* RCTSRWebSocket.h */,
-			);
-			name = WebSocket;
-			sourceTree = "<group>";
-		};
-		3D92B1151E036A690018521A /* ThirdParty */ = {
-			isa = PBXGroup;
-			children = (
-				139D849B1E2739EC00323FB7 /* folly */,
-				139D7ED71E25DB9200323FB7 /* glog */,
-				139D7E381E25C55B00323FB7 /* double-conversion */,
-			);
-			name = ThirdParty;
-			sourceTree = "<group>";
-		};
-		53D123821FBF1D49001B8A10 /* Frameworks */ = {
-			isa = PBXGroup;
-			children = (
-				EDEBC757214C284000DD5AC8 /* JavaScriptCore.framework */,
-				53D123831FBF1D49001B8A10 /* libyoga.a */,
-			);
-			name = Frameworks;
-			sourceTree = "<group>";
-		};
-		594F0A2E1FD23228007FBE96 /* SurfaceHostingView */ = {
-			isa = PBXGroup;
-			children = (
-				594F0A2F1FD23228007FBE96 /* RCTSurfaceHostingView.h */,
-				594F0A301FD23228007FBE96 /* RCTSurfaceHostingView.mm */,
-				594F0A311FD23228007FBE96 /* RCTSurfaceSizeMeasureMode.h */,
-				5925356920084D0600DD584B /* RCTSurfaceSizeMeasureMode.mm */,
-			);
-			path = SurfaceHostingView;
-			sourceTree = "<group>";
-		};
-		599FAA291FB274970058CCF6 /* Surface */ = {
-			isa = PBXGroup;
-			children = (
-				599FAA2A1FB274970058CCF6 /* RCTSurface.h */,
-				599FAA2B1FB274970058CCF6 /* RCTSurface.mm */,
-				599FAA2C1FB274970058CCF6 /* RCTSurfaceDelegate.h */,
-				599FAA2D1FB274970058CCF6 /* RCTSurfaceRootShadowView.h */,
-				599FAA2E1FB274970058CCF6 /* RCTSurfaceRootShadowView.m */,
-				599FAA2F1FB274970058CCF6 /* RCTSurfaceRootShadowViewDelegate.h */,
-				599FAA301FB274970058CCF6 /* RCTSurfaceRootView.h */,
-				599FAA311FB274970058CCF6 /* RCTSurfaceRootView.mm */,
-				599FAA321FB274970058CCF6 /* RCTSurfaceStage.h */,
-				59283C9F1FD67320000EAAB9 /* RCTSurfaceStage.m */,
-				599FAA341FB274970058CCF6 /* RCTSurfaceView.h */,
-				599FAA351FB274970058CCF6 /* RCTSurfaceView.mm */,
-				599FAA331FB274970058CCF6 /* RCTSurfaceView+Internal.h */,
-				594F0A2E1FD23228007FBE96 /* SurfaceHostingView */,
-			);
-			path = Surface;
-			sourceTree = "<group>";
-		};
-		59D031E41F8353D3008361F0 /* SafeAreaView */ = {
-			isa = PBXGroup;
-			children = (
-				59D031E51F8353D3008361F0 /* RCTSafeAreaShadowView.h */,
-				59D031E61F8353D3008361F0 /* RCTSafeAreaShadowView.m */,
-				59D031E71F8353D3008361F0 /* RCTSafeAreaView.h */,
-				59D031E81F8353D3008361F0 /* RCTSafeAreaView.m */,
-				59D031E91F8353D3008361F0 /* RCTSafeAreaViewLocalData.h */,
-				59D031EA1F8353D3008361F0 /* RCTSafeAreaViewLocalData.m */,
-				59D031EB1F8353D3008361F0 /* RCTSafeAreaViewManager.h */,
-				59D031EC1F8353D3008361F0 /* RCTSafeAreaViewManager.m */,
-			);
-			path = SafeAreaView;
-			sourceTree = "<group>";
-		};
-		59EDBC9B1FDF4E0C003573DE /* ScrollView */ = {
-			isa = PBXGroup;
-			children = (
-				59EDBC9C1FDF4E0C003573DE /* RCTScrollableProtocol.h */,
-				59E6049C1FE9CCE100BD90C5 /* RCTScrollContentShadowView.h */,
-				59E6049E1FE9CCE200BD90C5 /* RCTScrollContentShadowView.m */,
-				59EDBC9F1FDF4E0C003573DE /* RCTScrollContentView.h */,
-				59EDBCA01FDF4E0C003573DE /* RCTScrollContentView.m */,
-				59E6049F1FE9CCE200BD90C5 /* RCTScrollContentViewManager.h */,
-				59E6049D1FE9CCE200BD90C5 /* RCTScrollContentViewManager.m */,
-				59EDBCA31FDF4E0C003573DE /* RCTScrollView.h */,
-				59EDBCA41FDF4E0C003573DE /* RCTScrollView.m */,
-				59EDBCA51FDF4E0C003573DE /* RCTScrollViewManager.h */,
-				59EDBCA61FDF4E0C003573DE /* RCTScrollViewManager.m */,
-			);
-			path = ScrollView;
-			sourceTree = "<group>";
-		};
-		657734881EE8352500A0E9EA /* Inspector */ = {
-			isa = PBXGroup;
-			children = (
-				6577348A1EE8354A00A0E9EA /* RCTInspector.h */,
-				6577348B1EE8354A00A0E9EA /* RCTInspector.mm */,
-				6577348C1EE8354A00A0E9EA /* RCTInspectorPackagerConnection.h */,
-				6577348D1EE8354A00A0E9EA /* RCTInspectorPackagerConnection.m */,
-			);
-			name = Inspector;
-			sourceTree = "<group>";
-		};
-		6BBDCC6D1EDE115800D6BEF5 /* macOS */ = {
-			isa = PBXGroup;
-			children = (
-				6B7049C81EDF81E3005670F5 /* RCTPlatform.m */,
-				18B8F97C21431D5F00CE911A /* RCTPlatformDisplayLink.m */,
-				6BDE7A171ECA38AC00CC951F /* RCTUIKit.m */,
-				1821ACE521E7D86A00B151F7 /* RCTDynamicColor.h */,
-				1821ACE621E7D86A00B151F7 /* RCTDynamicColor.m */,
-			);
-			path = macOS;
-			sourceTree = "<group>";
-		};
-		83CBB9F61A601CBA00E9B192 = {
-			isa = PBXGroup;
-			children = (
-				83CBBA2F1A601D0F00E9B192 /* React */,
-				3D788F841EBD2D240063D616 /* third-party.xcconfig */,
-				3D10A3C71DDF3CED004A0F9D /* ReactCommon */,
-				3D1FA0781DE4F2CD00E03CC6 /* Libraries */,
-				3D92B1151E036A690018521A /* ThirdParty */,
-				83CBBA001A601CBA00E9B192 /* Products */,
-				53D123821FBF1D49001B8A10 /* Frameworks */,
-				9F2AC95C2239D788005C9C14 /* Recovered References */,
-			);
-			indentWidth = 2;
-			sourceTree = "<group>";
-			tabWidth = 2;
-			usesTabs = 0;
-		};
-		83CBBA001A601CBA00E9B192 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				83CBBA2E1A601D0E00E9B192 /* libReact.a */,
-				2D2A28131D9B038B00D4039D /* libReact.a */,
-				3D3C059A1DE3340900C268FA /* libyoga.a */,
-				3D3C06751DE3340C00C268FA /* libyoga.a */,
-				3D3CD9251DE5FBEC00167DC4 /* libcxxreact.a */,
-				3D3CD9321DE5FBEE00167DC4 /* libcxxreact.a */,
-				139D7E881E25C6D100323FB7 /* libdouble-conversion.a */,
-				139D7ECE1E25DB7D00323FB7 /* libthird-party.a */,
-				3D383D3C1EBD27B6005632C8 /* libthird-party.a */,
-				3D383D621EBD27B9005632C8 /* libdouble-conversion.a */,
-				EBF21BDC1FC498900052F4D5 /* libjsinspector.a */,
-				EBF21BFA1FC4989A0052F4D5 /* libjsinspector-tvOS.a */,
-				EDEBC6D6214B3E7000DD5AC8 /* libjsi.a */,
-				EDEBC73B214B45A300DD5AC8 /* libjsiexecutor.a */,
-				ED296FB6214C9A0900B7C4FE /* libjsi-tvOS.a */,
-				ED296FEE214C9CF800B7C4FE /* libjsiexecutor-tvOS.a */,
-				9F2AC95D2239D788005C9C14 /* libReact.a */,
-				9F2AC95E2239D788005C9C14 /* libjsinspector-macOS.a */,
-				9FD21D78224303D900E7F88E /* libjsi-macOS.a */,
-				9FD21D94224305AA00E7F88E /* libjsiexecutor-macOS.a */,
-				9F5C195B230F4CB300E3E5A7 /* libyoga.a */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		83CBBA2F1A601D0F00E9B192 /* React */ = {
-			isa = PBXGroup;
-			children = (
-				83CBBA491A601E3B00E9B192 /* Base */,
-				13134C721E296B2A00B9F3CB /* CxxBridge */,
-				13134C7D1E296B2A00B9F3CB /* CxxModule */,
-				1304439E1E3FEA8B00D93A67 /* CxxUtils */,
-				3D7BFD0A1EA8E2D1008DFB7A /* DevSupport */,
-				657734881EE8352500A0E9EA /* Inspector */,
-				13B07FE01A69315300A75B9A /* Modules */,
-				1450FF7F1BCFF28A00208362 /* Profiler */,
-				F1EFDA4D201F660F00EE6E4C /* UIUtils */,
-				13B07FF31A6947C200A75B9A /* Views */,
-			);
-			name = React;
-			sourceTree = "<group>";
-		};
-		83CBBA491A601E3B00E9B192 /* Base */ = {
-			isa = PBXGroup;
-			children = (
-				6BBDCC6D1EDE115800D6BEF5 /* macOS */,
-				83CBBA4A1A601E3B00E9B192 /* RCTAssert.h */,
-				83CBBA4B1A601E3B00E9B192 /* RCTAssert.m */,
-				83CBBA5E1A601EAA00E9B192 /* RCTBridge.h */,
-				83CBBA5F1A601EAA00E9B192 /* RCTBridge.m */,
-				1893C5051FB0D9A300D66838 /* RCTBridge+Cxx.h */,
-				1893C5061FB0D9A300D66838 /* RCTBridge+Cxx.mm */,
-				14A43DB81C1F849600794BC8 /* RCTBridge+Private.h */,
-				1482F9E61B55B927000ADFF3 /* RCTBridgeDelegate.h */,
-				13AFBCA11C07287B00BBAEAA /* RCTBridgeMethod.h */,
-				830213F31A654E0800B993E6 /* RCTBridgeModule.h */,
-				68EFE4EC1CF6EB3000A1DE13 /* RCTBundleURLProvider.h */,
-				68EFE4ED1CF6EB3900A1DE13 /* RCTBundleURLProvider.m */,
-				1968A25D1F67275300EB3D1D /* RCTComponentEvent.h */,
-				1968A25E1F67275300EB3D1D /* RCTComponentEvent.m */,
-				83CBBACA1A6023D300E9B192 /* RCTConvert.h */,
-				83CBBACB1A6023D300E9B192 /* RCTConvert.m */,
-				C60128A91F3D1258009DF9FF /* RCTCxxConvert.h */,
-				C60128AA1F3D1258009DF9FF /* RCTCxxConvert.m */,
-				13AF1F851AE6E777005F5298 /* RCTDefines.h */,
-				3D1E68D81CABD13900DD7465 /* RCTDisplayLink.h */,
-				3D1E68D91CABD13900DD7465 /* RCTDisplayLink.m */,
-				3EDCA8A21D3591E700450C31 /* RCTErrorCustomizer.h */,
-				3EDCA8A31D3591E700450C31 /* RCTErrorInfo.h */,
-				3EDCA8A41D3591E700450C31 /* RCTErrorInfo.m */,
-				83CBBA651A601EF300E9B192 /* RCTEventDispatcher.h */,
-				83CBBA661A601EF300E9B192 /* RCTEventDispatcher.m */,
-				1436DD071ADE7AA000A5ED7D /* RCTFrameUpdate.h */,
-				14C2CA751B3AC64F00E6CBB2 /* RCTFrameUpdate.m */,
-				13BB3D001BECD54500932C10 /* RCTImageSource.h */,
-				13BB3D011BECD54500932C10 /* RCTImageSource.m */,
-				83CBBA4C1A601E3B00E9B192 /* RCTInvalidating.h */,
-				83CBBA631A601ECA00E9B192 /* RCTJavaScriptExecutor.h */,
-				14200DA81AC179B3008EE6BA /* RCTJavaScriptLoader.h */,
-				AC70D2E81DE489E4002E6351 /* RCTJavaScriptLoader.mm */,
-				008341F51D1DB34400876D9A /* RCTJSStackFrame.h */,
-				008341F41D1DB34400876D9A /* RCTJSStackFrame.m */,
-				13A1F71C1A75392D00D3D453 /* RCTKeyCommands.h */,
-				13A1F71D1A75392D00D3D453 /* RCTKeyCommands.m */,
-				83CBBA4D1A601E3B00E9B192 /* RCTLog.h */,
-				83CBBA4E1A601E3B00E9B192 /* RCTLog.mm */,
-				C654505D1F3BD9280090799B /* RCTManagedPointer.h */,
-				C60669351F3CCF1B00E67165 /* RCTManagedPointer.mm */,
-				14C2CA721B3AC64300E6CBB2 /* RCTModuleData.h */,
-				14C2CA731B3AC64300E6CBB2 /* RCTModuleData.mm */,
-				14C2CA6F1B3AC63800E6CBB2 /* RCTModuleMethod.h */,
-				C606692D1F3CC60500E67165 /* RCTModuleMethod.mm */,
-				006FC4121D9B20820057AAAD /* RCTMultipartDataTask.h */,
-				006FC4131D9B20820057AAAD /* RCTMultipartDataTask.m */,
-				001BFCCE1D8381DE008E587E /* RCTMultipartStreamReader.h */,
-				001BFCCF1D8381DE008E587E /* RCTMultipartStreamReader.m */,
-				13A6E20F1C19ABC700845B82 /* RCTNullability.h */,
-				13A6E20C1C19AA0C00845B82 /* RCTParserUtils.h */,
-				13A6E20D1C19AA0C00845B82 /* RCTParserUtils.m */,
-				142014181B32094000CC17BA /* RCTPerformanceLogger.h */,
-				142014171B32094000CC17BA /* RCTPerformanceLogger.m */,
-				3D7749421DC1065C007EC8D8 /* RCTPlatform.h */,
-				3D7749431DC1065C007EC8D8 /* RCTPlatform.m */,
-				18C2C6702141C955004314E0 /* RCTPlatformDisplayLink.h */,
-				A2440AA01DF8D854006E7BFC /* RCTReloadCommand.h */,
-				A2440AA11DF8D854006E7BFC /* RCTReloadCommand.m */,
-				59A7B9FB1E577DBF0068EDBF /* RCTRootContentView.h */,
-				59A7B9FC1E577DBF0068EDBF /* RCTRootContentView.m */,
-				830A229C1A66C68A008503DA /* RCTRootView.h */,
-				830A229D1A66C68A008503DA /* RCTRootView.m */,
-				13AFBCA21C07287B00BBAEAA /* RCTRootViewDelegate.h */,
-				6A15FB0C1BDF663500531DFB /* RCTRootViewInternal.h */,
-				391E86A31C623EC800009732 /* RCTTouchEvent.h */,
-				391E86A21C623EC800009732 /* RCTTouchEvent.m */,
-				83CBBA961A6020BB00E9B192 /* RCTTouchHandler.h */,
-				83CBBA971A6020BB00E9B192 /* RCTTouchHandler.m */,
-				3D0B84281EC0B49400B2BD8E /* RCTTVRemoteHandler.h */,
-				3D0B84291EC0B49400B2BD8E /* RCTTVRemoteHandler.m */,
-				6BF8B4B21EC550F500061E2F /* RCTUIKit.h */,
-				1345A83A1B265A0E00583190 /* RCTURLRequestDelegate.h */,
-				1345A83B1B265A0E00583190 /* RCTURLRequestHandler.h */,
-				83CBBA4F1A601E3B00E9B192 /* RCTUtils.h */,
-				83CBBA501A601E3B00E9B192 /* RCTUtils.m */,
-				199B8A6E1F44DB16005DEF67 /* RCTVersion.h */,
-				39C50FFA2046EE3500CEE534 /* RCTVersion.m */,
-				599FAA291FB274970058CCF6 /* Surface */,
-			);
-			path = Base;
-			sourceTree = "<group>";
-		};
-		9F2AC95C2239D788005C9C14 /* Recovered References */ = {
-			isa = PBXGroup;
-			children = (
-				6B857F421EC51FCF00A9D063 /* libcxxreact.a */,
-				1882027C1EF48B7E00C9B354 /* libdouble-conversion.a */,
-				188202A21EF48CF700C9B354 /* libthird-party.a */,
-			);
-			name = "Recovered References";
-			sourceTree = "<group>";
-		};
-		AC70D2EA1DE489FC002E6351 /* cxxreact */ = {
-			isa = PBXGroup;
-			children = (
-				EDEBC750214B47E100DD5AC8 /* JSDeltaBundleClient.cpp */,
-				EDEBC751214B47E100DD5AC8 /* JSDeltaBundleClient.h */,
-				EDEBC752214B47E100DD5AC8 /* SharedProxyCxxModule.h */,
-				13DA8A302097A90B00276ED4 /* ReactMarker.cpp */,
-				13DA8A2F2097A90A00276ED4 /* ReactMarker.h */,
-				E223624320875A8000108244 /* JSExecutor.cpp */,
-				3D92B0A71E03699D0018521A /* CxxModule.h */,
-				3D92B0A81E03699D0018521A /* CxxNativeModule.cpp */,
-				3D92B0A91E03699D0018521A /* CxxNativeModule.h */,
-				3D92B0AE1E03699D0018521A /* Instance.cpp */,
-				3D92B0AF1E03699D0018521A /* Instance.h */,
-				3D92B0B01E03699D0018521A /* JsArgumentHelpers-inl.h */,
-				3D92B0B11E03699D0018521A /* JsArgumentHelpers.h */,
-				27B958731E57587D0096647A /* JSBigString.cpp */,
-				3D7454781E54757500E74ADD /* JSBigString.h */,
-				AC70D2EB1DE48A22002E6351 /* JSBundleType.cpp */,
-				3D3CD8F51DE5FB2300167DC4 /* JSBundleType.h */,
-				3D92B0AB1E03699D0018521A /* JSExecutor.h */,
-				3D92B0C61E03699D0018521A /* JSIndexedRAMBundle.cpp */,
-				3D92B0C71E03699D0018521A /* JSIndexedRAMBundle.h */,
-				3D92B0C81E03699D0018521A /* JSModulesUnbundle.h */,
-				3D92B0C91E03699D0018521A /* MessageQueueThread.h */,
-				3D92B0CA1E03699D0018521A /* MethodCall.cpp */,
-				3D92B0CB1E03699D0018521A /* MethodCall.h */,
-				3D92B0CC1E03699D0018521A /* ModuleRegistry.cpp */,
-				3D92B0CD1E03699D0018521A /* ModuleRegistry.h */,
-				3D92B0CE1E03699D0018521A /* NativeModule.h */,
-				3D92B0CF1E03699D0018521A /* NativeToJsBridge.cpp */,
-				3D92B0D01E03699D0018521A /* NativeToJsBridge.h */,
-				C6D380191F71D75B00621378 /* RAMBundleRegistry.cpp */,
-				C6D380181F71D75B00621378 /* RAMBundleRegistry.h */,
-				3D7454791E54757500E74ADD /* RecoverableError.h */,
-				3D92B0D31E03699D0018521A /* SampleCxxModule.cpp */,
-				3D92B0D41E03699D0018521A /* SampleCxxModule.h */,
-				3D92B0D51E03699D0018521A /* SystraceSection.h */,
-			);
-			path = cxxreact;
-			sourceTree = "<group>";
-		};
-		EBF21BB91FC497DA0052F4D5 /* jsinspector */ = {
-			isa = PBXGroup;
-			children = (
-				EBF21BBB1FC498270052F4D5 /* InspectorInterfaces.cpp */,
-				EBF21BBA1FC498270052F4D5 /* InspectorInterfaces.h */,
-			);
-			path = jsinspector;
-			sourceTree = "<group>";
-		};
-		ED6189662155BBDD0000C9A7 /* jsireact */ = {
-			isa = PBXGroup;
-			children = (
-				EDDA711C2164285A00B2D070 /* JSIExecutor.cpp */,
-				EDDA711B2164285A00B2D070 /* JSINativeModules.cpp */,
-				ED6189672155BBF70000C9A7 /* JSIExecutor.h */,
-				ED6189682155BBF70000C9A7 /* JSINativeModules.h */,
-			);
-			name = jsireact;
-			sourceTree = "<group>";
-		};
-		EDEBC6D8214B3F6800DD5AC8 /* jsi */ = {
-			isa = PBXGroup;
-			children = (
-				EDEBC6D9214B3F6800DD5AC8 /* jsi-inl.h */,
-				EDEBC6DA214B3F6800DD5AC8 /* JSIDynamic.cpp */,
-				EDEBC6DB214B3F6800DD5AC8 /* jsi.cpp */,
-				EDEBC6DC214B3F6800DD5AC8 /* JSIDynamic.h */,
-				EDEBC6DD214B3F6800DD5AC8 /* JSCRuntime.cpp */,
-				EDEBC6DE214B3F6800DD5AC8 /* JSCRuntime.h */,
-				EDEBC6DF214B3F6800DD5AC8 /* BUCK */,
-				EDEBC6E0214B3F6800DD5AC8 /* instrumentation.h */,
-				EDEBC6E1214B3F6800DD5AC8 /* jsi.h */,
-				4F56C93722167A4800DB9F3F /* jsi/jsilib.h */,
-			);
-			path = jsi;
-			sourceTree = "<group>";
-		};
-		EDEBC73C214B463000DD5AC8 /* jsiexecutor */ = {
-			isa = PBXGroup;
-			children = (
-				ED6189662155BBDD0000C9A7 /* jsireact */,
-				EDEBC740214B463000DD5AC8 /* BUCK */,
-			);
-			path = jsiexecutor;
-			sourceTree = "<group>";
-		};
-		F1EFDA4D201F660F00EE6E4C /* UIUtils */ = {
-			isa = PBXGroup;
-			children = (
-				F1EFDA4F201F660F00EE6E4C /* RCTUIUtils.h */,
-				F1EFDA4E201F660F00EE6E4C /* RCTUIUtils.m */,
-			);
-			path = UIUtils;
-			sourceTree = "<group>";
-		};
-/* End PBXGroup section */
-
-/* Begin PBXHeadersBuildPhase section */
-		139D7EA41E25C7BD00323FB7 /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				139D7EA51E25C85300323FB7 /* bignum-dtoa.h in Headers */,
-				139D7EA61E25C85300323FB7 /* bignum.h in Headers */,
-				139D7EA71E25C85300323FB7 /* cached-powers.h in Headers */,
-				139D7EA81E25C85300323FB7 /* diy-fp.h in Headers */,
-				139D7EA91E25C85300323FB7 /* double-conversion.h in Headers */,
-				139D7EAA1E25C85300323FB7 /* fast-dtoa.h in Headers */,
-				139D7EAB1E25C85300323FB7 /* fixed-dtoa.h in Headers */,
-				139D7EAC1E25C85300323FB7 /* ieee.h in Headers */,
-				139D7EAD1E25C85300323FB7 /* strtod.h in Headers */,
-				139D7EAE1E25C85300323FB7 /* utils.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		1854FE1D1EF483730008DADC /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				18F3B9BA2142F0B400AD247D /* RCTLayout.h in Headers */,
-				18F3B9B82142F09200AD247D /* RCTStatusBarManager.h in Headers */,
-				18D515701EF8424F00B8B02D /* RCTResizeMode.h in Headers */,
-				1880E9571EF841CA00E5AABD /* RCTImageLoader.h in Headers */,
-				18F3B9DA2142F13E00AD247D /* RCTScrollContentViewManager.h in Headers */,
-				18F3B9CC2142F10400AD247D /* RCTSwitch.h in Headers */,
-				18F3B9CD2142F10800AD247D /* RCTSwitchManager.h in Headers */,
-				18F3B9BC2142F0C100AD247D /* RCTMaskedViewManager.h in Headers */,
-				18F73E231EF8346E00FE5F4B /* RCTNetworking.h in Headers */,
-				18F73E241EF8346E00FE5F4B /* RCTNetworkTask.h in Headers */,
-				18F3B9E72142F1AF00AD247D /* InspectorInterfaces.h in Headers */,
-				1854FE5A1EF484130008DADC /* RCTRootViewInternal.h in Headers */,
-				1854FE4C1EF484130008DADC /* RCTNullability.h in Headers */,
-				1854FE251EF484130008DADC /* RCTBridgeDelegate.h in Headers */,
-				1854FEBE1EF484760008DADC /* RCTAnimationType.h in Headers */,
-				1854FE8E1EF484550008DADC /* RCTAlertManager.h in Headers */,
-				18F3B9A42142EF7800AD247D /* RCTSurfaceView.h in Headers */,
-				1854FEE91EF484760008DADC /* RCTRootShadowView.h in Headers */,
-				18F3B9EB2142F1E600AD247D /* RCTReconnectingWebSocket.h in Headers */,
-				18F3B9AC2142EF9D00AD247D /* RCTSurfaceSizeMeasureMode.h in Headers */,
-				1854FF621EF487C00008DADC /* (null) in Headers */,
-				1854FEBA1EF484760008DADC /* RCTActivityIndicatorView.h in Headers */,
-				18F3B9CF2142F10F00AD247D /* (null) in Headers */,
-				1854FE241EF484130008DADC /* RCTBridge+Private.h in Headers */,
-				18F3B9DB2142F14100AD247D /* RCTScrollView.h in Headers */,
-				18C3A9C61FE1D88400DEC48A /* RCTUIManagerUtils.h in Headers */,
-				18F3B9B12142F03C00AD247D /* RCTManagedPointer.h in Headers */,
-				1854FE921EF484550008DADC /* RCTAsyncLocalStorage.h in Headers */,
-				1854FE671EF484270008DADC /* NSDataBigString.h in Headers */,
-				1854FE801EF484420008DADC /* RCTPackagerClient.h in Headers */,
-				1854FE961EF484550008DADC /* RCTDeviceInfo.h in Headers */,
-				18F3B9C82142F0F200AD247D /* RCTSegmentedControl.h in Headers */,
-				18F3B9BE2142F0CA00AD247D /* RCTModalHostViewController.h in Headers */,
-				1854FE7E1EF484420008DADC /* RCTDevMenu.h in Headers */,
-				1854FE7A1EF484420008DADC /* RCTInspectorDevServerHelper.h in Headers */,
-				1854FE361EF484130008DADC /* RCTImageSource.h in Headers */,
-				1854FE3E1EF484130008DADC /* RCTJSStackFrame.h in Headers */,
-				18F3B9C72142F0ED00AD247D /* RCTRefreshControlManager.h in Headers */,
-				1854FEA21EF484550008DADC /* (null) in Headers */,
-				1854FE301EF484130008DADC /* RCTErrorInfo.h in Headers */,
-				1821ACE921E7D94600B151F7 /* RCTDynamicColor.h in Headers */,
-				1854FEE01EF484760008DADC /* RCTPickerManager.h in Headers */,
-				18F3B9CB2142F10000AD247D /* RCTSliderManager.h in Headers */,
-				18008F9C2141A922007F325D /* RCTProgressView.h in Headers */,
-				1854FF0C1EF484760008DADC /* RCTTextDecorationLineType.h in Headers */,
-				181A4C891FEC784B00926935 /* RCTShadowView+Internal.h in Headers */,
-				1854FEF81EF484760008DADC /* RCTShadowView.h in Headers */,
-				1821879C1FE97CB300E978D7 /* RCTAccessibilityManager.h in Headers */,
-				18F3B9AB2142EF9800AD247D /* RCTSurfaceHostingView.h in Headers */,
-				1854FEC21EF484760008DADC /* RCTBorderStyle.h in Headers */,
-				181B13CF21652D6700D3B7D2 /* RCTLinkingManager.h in Headers */,
-				1854FECE1EF484760008DADC /* RCTFont.h in Headers */,
-				1854FE271EF484130008DADC /* RCTBridgeModule.h in Headers */,
-				1854FE761EF484300008DADC /* RCTCxxUtils.h in Headers */,
-				18F3B9A52142EF7C00AD247D /* RCTSurfaceStage.h in Headers */,
-				18F3B9C62142F0E900AD247D /* RCTRefreshControl.h in Headers */,
-				18F3B9CA2142F0FD00AD247D /* RCTSlider.h in Headers */,
-				1854FEC01EF484760008DADC /* RCTBorderDrawing.h in Headers */,
-				18F3B9D62142F13200AD247D /* RCTSafeAreaViewManager.h in Headers */,
-				1854FE2D1EF484130008DADC /* RCTDisplayLink.h in Headers */,
-				18F3B9D52142F12F00AD247D /* RCTSafeAreaViewLocalData.h in Headers */,
-				1854FE9A1EF484550008DADC /* RCTEventEmitter.h in Headers */,
-				1854FE201EF483FB0008DADC /* RCTAssert.h in Headers */,
-				1854FE391EF484130008DADC /* RCTJavaScriptExecutor.h in Headers */,
-				18F3B9D22142F12400AD247D /* RCTWrapperViewController.h in Headers */,
-				1854FEC61EF484760008DADC /* RCTConvert+CoreLocation.h in Headers */,
-				18F3B9B42142F07400AD247D /* RCTAppState.h in Headers */,
-				18F3B9A82142EF8A00AD247D /* RCTSurfaceRootShadowView.h in Headers */,
-				18F3B9EC2142F1E900AD247D /* RCTSRWebSocket.h in Headers */,
-				1854FF1A1EF484760008DADC /* UIView+Private.h in Headers */,
-				18F3B9C12142F0D300AD247D /* (null) in Headers */,
-				18F3B9B72142F08C00AD247D /* RCTRedBoxExtraDataViewController.h in Headers */,
-				1854FE6A1EF484270008DADC /* (null) in Headers */,
-				1854FE7C1EF484420008DADC /* RCTDevLoadingView.h in Headers */,
-				18C2C6722141C955004314E0 /* RCTPlatformDisplayLink.h in Headers */,
-				18F3B9DD2142F14B00AD247D /* (null) in Headers */,
-				1854FE9E1EF484550008DADC /* RCTI18nManager.h in Headers */,
-				18F3B9B92142F09E00AD247D /* RCTFPSGraph.h in Headers */,
-				1854FE721EF484300008DADC /* RCTCxxMethod.h in Headers */,
-				1854FE341EF484130008DADC /* RCTFrameUpdate.h in Headers */,
-				1854FEE21EF484760008DADC /* RCTPointerEvents.h in Headers */,
-				1854FE281EF484130008DADC /* RCTBundleURLProvider.h in Headers */,
-				1854FE261EF484130008DADC /* RCTBridgeMethod.h in Headers */,
-				1854FE631EF484130008DADC /* RCTURLRequestHandler.h in Headers */,
-				1854FE571EF484130008DADC /* RCTRootView.h in Headers */,
-				1854FE421EF484130008DADC /* RCTLog.h in Headers */,
-				18F3B9D92142F13C00AD247D /* RCTScrollContentView.h in Headers */,
-				18F3B9DC2142F14400AD247D /* RCTScrollViewManager.h in Headers */,
-				18F3B9C22142F0D700AD247D /* (null) in Headers */,
-				18F3B9C92142F0F700AD247D /* RCTSegmentedControlManager.h in Headers */,
-				1854FE591EF484130008DADC /* RCTRootViewDelegate.h in Headers */,
-				1854FE8A1EF4844A0008DADC /* RCTInspectorPackagerConnection.h in Headers */,
-				1854FE821EF484420008DADC /* RCTPackagerConnection.h in Headers */,
-				18F3B9EA2142F1E300AD247D /* RCTWebSocketModule.h in Headers */,
-				1854FEC81EF484760008DADC /* RCTConvert+Transform.h in Headers */,
-				1854FE5B1EF484130008DADC /* RCTTouchEvent.h in Headers */,
-				18F3B9C02142F0D000AD247D /* RCTModalManager.h in Headers */,
-				1854FE551EF484130008DADC /* RCTRootContentView.h in Headers */,
-				18F3B9A92142EF8D00AD247D /* RCTSurfaceDelegate.h in Headers */,
-				1854FEB81EF484680008DADC /* RCTProfile.h in Headers */,
-				18F3B9E82142F1D500AD247D /* RCTImageStoreManager.h in Headers */,
-				1854FE621EF484130008DADC /* RCTURLRequestDelegate.h in Headers */,
-				18F3B9BD2142F0C600AD247D /* RCTModalHostView.h in Headers */,
-				18F3B9AF2142F02100AD247D /* RCTCxxConvert.h in Headers */,
-				18F3B9C42142F0DD00AD247D /* (null) in Headers */,
-				1854FE9C1EF484550008DADC /* RCTExceptionsManager.h in Headers */,
-				1854FEBF1EF484760008DADC /* RCTAutoInsetsProtocol.h in Headers */,
-				1854FEC41EF484760008DADC /* RCTComponentData.h in Headers */,
-				18F3B9B32142F05700AD247D /* RCTVersion.h in Headers */,
-				1854FF141EF484760008DADC /* (null) in Headers */,
-				1854FE441EF484130008DADC /* RCTModuleData.h in Headers */,
-				1854FE6E1EF484270008DADC /* RCTObjcExecutor.h in Headers */,
-				1854FE3A1EF484130008DADC /* RCTJavaScriptLoader.h in Headers */,
-				1854FE2C1EF484130008DADC /* RCTDefines.h in Headers */,
-				1854FE2A1EF484130008DADC /* RCTConvert.h in Headers */,
-				1854FF111EF484760008DADC /* (null) in Headers */,
-				1854FF1B1EF484760008DADC /* UIView+React.h in Headers */,
-				1854FE2F1EF484130008DADC /* RCTErrorCustomizer.h in Headers */,
-				1854FE741EF484300008DADC /* RCTCxxModule.h in Headers */,
-				18F3B9D42142F12B00AD247D /* RCTSafeAreaView.h in Headers */,
-				1854FEC31EF484760008DADC /* RCTComponent.h in Headers */,
-				18F3B9E42142F17300AD247D /* (null) in Headers */,
-				18F3B9E92142F1DF00AD247D /* RCTPushNotificationManager.h in Headers */,
-				18F3B9CE2142F10C00AD247D /* (null) in Headers */,
-				18F3B9C52142F0E500AD247D /* RCTProgressViewManager.h in Headers */,
-				1854FEFA1EF484760008DADC /* RCTShadowView+Layout.h in Headers */,
-				1854FEB01EF484550008DADC /* RCTUIManager.h in Headers */,
-				1854FF121EF484760008DADC /* RCTViewManager.h in Headers */,
-				18F3B9AA2142EF9200AD247D /* RCTSurface.h in Headers */,
-				1854FE381EF484130008DADC /* RCTInvalidating.h in Headers */,
-				1854FF161EF484760008DADC /* (null) in Headers */,
-				1854FE861EF484420008DADC /* (null) in Headers */,
-				1854FE4F1EF484130008DADC /* RCTPerformanceLogger.h in Headers */,
-				18F3B9D72142F13600AD247D /* RCTScrollableProtocol.h in Headers */,
-				1854FE841EF484420008DADC /* (null) in Headers */,
-				1854FEB61EF484680008DADC /* RCTMacros.h in Headers */,
-				1854FE461EF484130008DADC /* RCTModuleMethod.h in Headers */,
-				1854FE611EF484130008DADC /* RCTUIKit.h in Headers */,
-				18F3B9A32142EF5A00AD247D /* RCTSurfaceView+Internal.h in Headers */,
-				18F3B9BB2142F0BB00AD247D /* RCTMaskedView.h in Headers */,
-				1854FE321EF484130008DADC /* RCTEventDispatcher.h in Headers */,
-				18F3B9D12142F11500AD247D /* (null) in Headers */,
-				18F3B9B62142F08500AD247D /* RCTLayoutAnimationGroup.h in Headers */,
-				1854FEDE1EF484760008DADC /* RCTPicker.h in Headers */,
-				18F3B9D32142F12800AD247D /* RCTSafeAreaShadowView.h in Headers */,
-				1854FEA01EF484550008DADC /* RCTI18nUtil.h in Headers */,
-				18F3B9BF2142F0CD00AD247D /* RCTModalHostViewManager.h in Headers */,
-				1854FECA1EF484760008DADC /* RCTDatePicker.h in Headers */,
-				1854FE481EF484130008DADC /* RCTMultipartDataTask.h in Headers */,
-				1854FE981EF484550008DADC /* RCTDevSettings.h in Headers */,
-				1854FEAC1EF484550008DADC /* RCTTiming.h in Headers */,
-				F20481882092E7EA00942480 /* (null) in Headers */,
-				9F5C1840230DB54100E3E5A7 /* RCTSurfacePresenterStub.h in Headers */,
-				1854FEA81EF484550008DADC /* RCTSourceCode.h in Headers */,
-				18F3B9B02142F03200AD247D /* RCTKeyCommands.h in Headers */,
-				1854FEA61EF484550008DADC /* RCTRedBox.h in Headers */,
-				1854FE781EF484390008DADC /* RCTFollyConvert.h in Headers */,
-				18F3B9B52142F07F00AD247D /* RCTLayoutAnimation.h in Headers */,
-				1854FE701EF484300008DADC /* RCTNativeModule.h in Headers */,
-				18F3B9D02142F11200AD247D /* (null) in Headers */,
-				18F3B9B22142F04700AD247D /* RCTReloadCommand.h in Headers */,
-				1854FEBC1EF484760008DADC /* RCTActivityIndicatorViewManager.h in Headers */,
-				1854FE641EF484130008DADC /* RCTUtils.h in Headers */,
-				18F3B9D82142F13900AD247D /* RCTScrollContentShadowView.h in Headers */,
-				1854FE4D1EF484130008DADC /* RCTParserUtils.h in Headers */,
-				1854FE211EF484020008DADC /* RCTBridge.h in Headers */,
-				18F3B9A62142EF8200AD247D /* RCTSurfaceRootView.h in Headers */,
-				1854FECC1EF484760008DADC /* RCTDatePickerManager.h in Headers */,
-				1854FEB21EF484550008DADC /* RCTUIManagerObserverCoordinator.h in Headers */,
-				1893C5091FB0D9C000D66838 /* RCTBridge+Cxx.h in Headers */,
-				1854FF0F1EF484760008DADC /* RCTView.h in Headers */,
-				1854FE6C1EF484270008DADC /* RCTMessageThread.h in Headers */,
-				1854FE511EF484130008DADC /* RCTPlatform.h in Headers */,
-				1854FE3C1EF484130008DADC /* (null) in Headers */,
-				1854FE4A1EF484130008DADC /* RCTMultipartStreamReader.h in Headers */,
-				1854FE881EF4844A0008DADC /* RCTInspector.h in Headers */,
-				18C3A9C21FE1D4AD00DEC48A /* RCTCxxBridgeDelegate.h in Headers */,
-				1854FE941EF484550008DADC /* RCTClipboard.h in Headers */,
-				1854FEA41EF484550008DADC /* RCTKeyboardObserver.h in Headers */,
-				18F3B9A72142EF8500AD247D /* RCTSurfaceRootShadowViewDelegate.h in Headers */,
-				18F3B9C32142F0DA00AD247D /* (null) in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		1854FF1D1EF484DC0008DADC /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9F5C199223104CBA00E3E5A7 /* log.h in Headers */,
-				18F3B9DF2142F15400AD247D /* YGStyle.h in Headers */,
-				18F3B9E12142F15A00AD247D /* YGNode.h in Headers */,
-				18F3B9E32142F16000AD247D /* Yoga-internal.h in Headers */,
-				1854FF211EF485000008DADC /* YGEnums.h in Headers */,
-				1854FF261EF485000008DADC /* Yoga.h in Headers */,
-				18F3B9E02142F15800AD247D /* Utils.h in Headers */,
-				18F3B9E22142F15D00AD247D /* YGNodePrint.h in Headers */,
-				1854FF221EF485000008DADC /* YGMacros.h in Headers */,
-				18F3B9DE2142F15100AD247D /* YGLayout.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		1854FF2C1EF4859C0008DADC /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				1854FF551EF485C60008DADC /* NativeToJsBridge.h in Headers */,
-				1854FF4E1EF485C60008DADC /* MessageQueueThread.h in Headers */,
-				1854FF2F1EF485C60008DADC /* CxxModule.h in Headers */,
-				1854FF4A1EF485C60008DADC /* (null) in Headers */,
-				1854FF421EF485C60008DADC /* (null) in Headers */,
-				1854FF371EF485C60008DADC /* JSBigString.h in Headers */,
-				181B13CB21652BE300D3B7D2 /* ReactMarker.h in Headers */,
-				1854FF3C1EF485C60008DADC /* (null) in Headers */,
-				1854FF591EF485C60008DADC /* RecoverableError.h in Headers */,
-				1854FF4D1EF485C60008DADC /* JSModulesUnbundle.h in Headers */,
-				1854FF5C1EF485C60008DADC /* SystraceSection.h in Headers */,
-				1854FF581EF485C60008DADC /* (null) in Headers */,
-				1854FF5B1EF485C60008DADC /* SampleCxxModule.h in Headers */,
-				1854FF341EF485C60008DADC /* Instance.h in Headers */,
-				1854FF311EF485C60008DADC /* CxxNativeModule.h in Headers */,
-				1854FF321EF485C60008DADC /* JSExecutor.h in Headers */,
-				1854FF3A1EF485C60008DADC /* JSBundleType.h in Headers */,
-				1854FF481EF485C60008DADC /* (null) in Headers */,
-				1854FF401EF485C60008DADC /* (null) in Headers */,
-				1854FF461EF485C60008DADC /* (null) in Headers */,
-				1854FF531EF485C60008DADC /* NativeModule.h in Headers */,
-				1854FF501EF485C60008DADC /* MethodCall.h in Headers */,
-				1854FF4C1EF485C60008DADC /* JSIndexedRAMBundle.h in Headers */,
-				1854FF441EF485C60008DADC /* (null) in Headers */,
-				1854FF521EF485C60008DADC /* ModuleRegistry.h in Headers */,
-				1854FF361EF485C60008DADC /* JsArgumentHelpers.h in Headers */,
-				1854FF351EF485C60008DADC /* JsArgumentHelpers-inl.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		1882027A1EF48B7E00C9B354 /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				188202931EF48BF000C9B354 /* utils.h in Headers */,
-				188202851EF48BF000C9B354 /* bignum.h in Headers */,
-				188202831EF48BF000C9B354 /* bignum-dtoa.h in Headers */,
-				188202921EF48BF000C9B354 /* strtod.h in Headers */,
-				1882028D1EF48BF000C9B354 /* fast-dtoa.h in Headers */,
-				1882028F1EF48BF000C9B354 /* fixed-dtoa.h in Headers */,
-				188202901EF48BF000C9B354 /* ieee.h in Headers */,
-				1882028B1EF48BF000C9B354 /* double-conversion.h in Headers */,
-				188202871EF48BF000C9B354 /* cached-powers.h in Headers */,
-				188202891EF48BF000C9B354 /* diy-fp.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		18F3BA142142F86400AD247D /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D302F231DF828D100D6DDAE /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				3DA982391E5B0F8A004F2374 /* UIView+Private.h in Headers */,
-				13134C8D1E296B2A00B9F3CB /* RCTMessageThread.h in Headers */,
-				130443DE1E401B0D00D93A67 /* RCTTVView.h in Headers */,
-				3D7AA9C51E548CDB001955CF /* NSDataBigString.h in Headers */,
-				5960C1BA1F0804A00066FD5B /* RCTLayoutAnimationGroup.h in Headers */,
-				13134C991E296B2A00B9F3CB /* RCTCxxMethod.h in Headers */,
-				3D302F471DF828F800D6DDAE /* RCTPlatform.h in Headers */,
-				13134C951E296B2A00B9F3CB /* RCTObjcExecutor.h in Headers */,
-				590D7BFE1EBD458B00D8A370 /* RCTShadowView+Layout.h in Headers */,
-				13134C9D1E296B2A00B9F3CB /* RCTCxxModule.h in Headers */,
-				66CD94B61F1045E700CB3C7C /* RCTMaskedViewManager.h in Headers */,
-				130443A31E3FEAAE00D93A67 /* RCTFollyConvert.h in Headers */,
-				3D7BFD1E1EA8E351008DFB7A /* RCTPackagerConnection.h in Headers */,
-				3D302F241DF828F800D6DDAE /* RCTImageLoader.h in Headers */,
-				3D302F251DF828F800D6DDAE /* RCTImageStoreManager.h in Headers */,
-				C60128AC1F3D1258009DF9FF /* RCTCxxConvert.h in Headers */,
-				3D302F261DF828F800D6DDAE /* RCTResizeMode.h in Headers */,
-				3D302F271DF828F800D6DDAE /* RCTLinkingManager.h in Headers */,
-				3D7BFD161EA8E351008DFB7A /* RCTPackagerClient.h in Headers */,
-				3D302F281DF828F800D6DDAE /* RCTNetworking.h in Headers */,
-				3D302F291DF828F800D6DDAE /* RCTNetworkTask.h in Headers */,
-				3D7BFD2E1EA8E3FA008DFB7A /* RCTReconnectingWebSocket.h in Headers */,
-				3D302F2A1DF828F800D6DDAE /* RCTPushNotificationManager.h in Headers */,
-				3D302F2B1DF828F800D6DDAE /* RCTAssert.h in Headers */,
-				3D302F2C1DF828F800D6DDAE /* RCTBridge.h in Headers */,
-				3D302F2D1DF828F800D6DDAE /* RCTBridge+Private.h in Headers */,
-				3D302F2E1DF828F800D6DDAE /* RCTBridgeDelegate.h in Headers */,
-				3D302F2F1DF828F800D6DDAE /* RCTBridgeMethod.h in Headers */,
-				130E3D8A1E6A083600ACE484 /* RCTDevSettings.h in Headers */,
-				8507BBC121EDACC200AEAFCA /* JSCExecutorFactory.h in Headers */,
-				3D0E378E1F1CC59100DCAC9F /* RCTWebSocketModule.h in Headers */,
-				3D302F301DF828F800D6DDAE /* RCTBridgeModule.h in Headers */,
-				3D302F311DF828F800D6DDAE /* RCTBundleURLProvider.h in Headers */,
-				3D302F321DF828F800D6DDAE /* RCTConvert.h in Headers */,
-				3D302F331DF828F800D6DDAE /* RCTDefines.h in Headers */,
-				3D0B842F1EC0B51200B2BD8E /* RCTTVNavigationEventEmitter.h in Headers */,
-				3D302F341DF828F800D6DDAE /* RCTDisplayLink.h in Headers */,
-				3D302F351DF828F800D6DDAE /* RCTErrorCustomizer.h in Headers */,
-				3D302F361DF828F800D6DDAE /* RCTErrorInfo.h in Headers */,
-				3D302F371DF828F800D6DDAE /* RCTEventDispatcher.h in Headers */,
-				594F0A371FD23228007FBE96 /* RCTSurfaceSizeMeasureMode.h in Headers */,
-				3D302F381DF828F800D6DDAE /* RCTFrameUpdate.h in Headers */,
-				3D302F391DF828F800D6DDAE /* RCTImageSource.h in Headers */,
-				597633391F4E021D005BE8A4 /* RCTShadowView+Internal.h in Headers */,
-				3D302F3A1DF828F800D6DDAE /* RCTInvalidating.h in Headers */,
-				3D302F3B1DF828F800D6DDAE /* RCTJavaScriptExecutor.h in Headers */,
-				59D031F61F8353D3008361F0 /* RCTSafeAreaViewLocalData.h in Headers */,
-				3D302F3C1DF828F800D6DDAE /* RCTJavaScriptLoader.h in Headers */,
-				3D302F3D1DF828F800D6DDAE /* RCTJSStackFrame.h in Headers */,
-				599FAA491FB274980058CCF6 /* RCTSurfaceView+Internal.h in Headers */,
-				59EDBCB61FDF4E0C003573DE /* RCTScrollView.h in Headers */,
-				3D302F3E1DF828F800D6DDAE /* RCTKeyCommands.h in Headers */,
-				599FAA411FB274980058CCF6 /* RCTSurfaceRootShadowViewDelegate.h in Headers */,
-				3D302F3F1DF828F800D6DDAE /* RCTLog.h in Headers */,
-				599FAA431FB274980058CCF6 /* RCTSurfaceRootView.h in Headers */,
-				3D302F401DF828F800D6DDAE /* RCTModuleData.h in Headers */,
-				5960C1B61F0804A00066FD5B /* RCTLayoutAnimation.h in Headers */,
-				3D302F411DF828F800D6DDAE /* RCTModuleMethod.h in Headers */,
-				3D302F421DF828F800D6DDAE /* RCTMultipartDataTask.h in Headers */,
-				3D302F431DF828F800D6DDAE /* RCTMultipartStreamReader.h in Headers */,
-				199B8A761F44DEDA005DEF67 /* RCTVersion.h in Headers */,
-				3D302F441DF828F800D6DDAE /* RCTNullability.h in Headers */,
-				3D302F451DF828F800D6DDAE /* RCTParserUtils.h in Headers */,
-				3D302F461DF828F800D6DDAE /* RCTPerformanceLogger.h in Headers */,
-				3D302F481DF828F800D6DDAE /* RCTRootView.h in Headers */,
-				3D302F491DF828F800D6DDAE /* RCTRootViewDelegate.h in Headers */,
-				3D302F4A1DF828F800D6DDAE /* RCTRootViewInternal.h in Headers */,
-				3D302F4B1DF828F800D6DDAE /* RCTTouchEvent.h in Headers */,
-				591F78DD202ADB22004A668C /* RCTLayout.h in Headers */,
-				59D031F21F8353D3008361F0 /* RCTSafeAreaView.h in Headers */,
-				3D302F4C1DF828F800D6DDAE /* RCTTouchHandler.h in Headers */,
-				3D302F4D1DF828F800D6DDAE /* RCTURLRequestDelegate.h in Headers */,
-				3D302F4E1DF828F800D6DDAE /* RCTURLRequestHandler.h in Headers */,
-				59500D441F71C63F00B122B7 /* RCTUIManagerUtils.h in Headers */,
-				3D302F4F1DF828F800D6DDAE /* RCTUtils.h in Headers */,
-				59D031FA1F8353D3008361F0 /* RCTSafeAreaViewManager.h in Headers */,
-				3D302F551DF828F800D6DDAE /* RCTAccessibilityManager.h in Headers */,
-				3D302F561DF828F800D6DDAE /* RCTAlertManager.h in Headers */,
-				3D302F571DF828F800D6DDAE /* RCTAppState.h in Headers */,
-				3D302F581DF828F800D6DDAE /* RCTAsyncLocalStorage.h in Headers */,
-				59D031EE1F8353D3008361F0 /* RCTSafeAreaShadowView.h in Headers */,
-				3D302F591DF828F800D6DDAE /* RCTClipboard.h in Headers */,
-				3D302F5A1DF828F800D6DDAE /* RCTDevLoadingView.h in Headers */,
-				18C2C6732141C955004314E0 /* RCTPlatformDisplayLink.h in Headers */,
-				59EDBCBA1FDF4E0C003573DE /* RCTScrollViewManager.h in Headers */,
-				3D0B842A1EC0B49400B2BD8E /* RCTTVRemoteHandler.h in Headers */,
-				3D302F5B1DF828F800D6DDAE /* RCTDevMenu.h in Headers */,
-				657734921EE8356100A0E9EA /* RCTInspector.h in Headers */,
-				3D302F5C1DF828F800D6DDAE /* RCTEventEmitter.h in Headers */,
-				3D302F5D1DF828F800D6DDAE /* RCTExceptionsManager.h in Headers */,
-				599FAA4B1FB274980058CCF6 /* RCTSurfaceView.h in Headers */,
-				599FAA3D1FB274980058CCF6 /* RCTSurfaceRootShadowView.h in Headers */,
-				3D302F5E1DF828F800D6DDAE /* RCTI18nManager.h in Headers */,
-				3D302F5F1DF828F800D6DDAE /* RCTI18nUtil.h in Headers */,
-				3D302F601DF828F800D6DDAE /* RCTKeyboardObserver.h in Headers */,
-				3D302F611DF828F800D6DDAE /* RCTRedBox.h in Headers */,
-				3D302F621DF828F800D6DDAE /* RCTSourceCode.h in Headers */,
-				3D302F631DF828F800D6DDAE /* RCTStatusBarManager.h in Headers */,
-				3DCE52F31FEAB10600613583 /* RCTRedBoxExtraDataViewController.h in Headers */,
-				3D302F641DF828F800D6DDAE /* RCTTiming.h in Headers */,
-				3D302F651DF828F800D6DDAE /* RCTUIManager.h in Headers */,
-				599FAA3B1FB274980058CCF6 /* RCTSurfaceDelegate.h in Headers */,
-				3D302F661DF828F800D6DDAE /* RCTFPSGraph.h in Headers */,
-				3D302F681DF828F800D6DDAE /* RCTMacros.h in Headers */,
-				3D302F691DF828F800D6DDAE /* RCTProfile.h in Headers */,
-				3D302F6A1DF828F800D6DDAE /* RCTActivityIndicatorView.h in Headers */,
-				3D302F6B1DF828F800D6DDAE /* RCTActivityIndicatorViewManager.h in Headers */,
-				3D7BFD301EA8E3FA008DFB7A /* RCTSRWebSocket.h in Headers */,
-				59EDBCA81FDF4E0C003573DE /* RCTScrollableProtocol.h in Headers */,
-				3D302F6C1DF828F800D6DDAE /* RCTAnimationType.h in Headers */,
-				598FD1951F817335006C54CB /* RCTModalManager.h in Headers */,
-				657734871EE834E000A0E9EA /* RCTInspectorDevServerHelper.h in Headers */,
-				3D302F6D1DF828F800D6DDAE /* RCTAutoInsetsProtocol.h in Headers */,
-				3D302F6E1DF828F800D6DDAE /* RCTBorderDrawing.h in Headers */,
-				3D302F6F1DF828F800D6DDAE /* RCTBorderStyle.h in Headers */,
-				1893C50A1FB0D9C100D66838 /* RCTBridge+Cxx.h in Headers */,
-				3D302F701DF828F800D6DDAE /* RCTComponent.h in Headers */,
-				3D302F711DF828F800D6DDAE /* RCTComponentData.h in Headers */,
-				3D302F721DF828F800D6DDAE /* RCTConvert+CoreLocation.h in Headers */,
-				3D302F761DF828F800D6DDAE /* RCTFont.h in Headers */,
-				3D302F7B1DF828F800D6DDAE /* RCTModalHostView.h in Headers */,
-				1384E20A1E806D5700545659 /* RCTNativeModule.h in Headers */,
-				3D302F7C1DF828F800D6DDAE /* RCTModalHostViewController.h in Headers */,
-				3D302F7D1DF828F800D6DDAE /* RCTModalHostViewManager.h in Headers */,
-				594F0A331FD23228007FBE96 /* RCTSurfaceHostingView.h in Headers */,
-				130443DD1E401AF500D93A67 /* RCTConvert+Transform.h in Headers */,
-				134D63C41F1FEC65008872B5 /* RCTCxxBridgeDelegate.h in Headers */,
-				1968A2601F67275300EB3D1D /* RCTComponentEvent.h in Headers */,
-				3D302F841DF828F800D6DDAE /* RCTPointerEvents.h in Headers */,
-				59EB6DBC1EBD6FC90072A5E7 /* RCTUIManagerObserverCoordinator.h in Headers */,
-				657734941EE8356100A0E9EA /* RCTInspectorPackagerConnection.h in Headers */,
-				3D302F851DF828F800D6DDAE /* RCTProgressViewManager.h in Headers */,
-				18008F9D2141A922007F325D /* RCTProgressView.h in Headers */,
-				3D302F861DF828F800D6DDAE /* RCTRefreshControl.h in Headers */,
-				EBF21BBE1FC498630052F4D5 /* InspectorInterfaces.h in Headers */,
-				C654505F1F3BD9280090799B /* RCTManagedPointer.h in Headers */,
-				3D302F871DF828F800D6DDAE /* RCTRefreshControlManager.h in Headers */,
-				A2440AA41DF8D865006E7BFC /* RCTReloadCommand.h in Headers */,
-				3D302F881DF828F800D6DDAE /* RCTRootShadowView.h in Headers */,
-				CF2731C21E7B8DEF0044CA4F /* RCTDeviceInfo.h in Headers */,
-				599FAA371FB274980058CCF6 /* RCTSurface.h in Headers */,
-				3D302F8C1DF828F800D6DDAE /* RCTSegmentedControl.h in Headers */,
-				66CD94B21F1045E700CB3C7C /* RCTMaskedView.h in Headers */,
-				3D302F8D1DF828F800D6DDAE /* RCTSegmentedControlManager.h in Headers */,
-				3D302F8E1DF828F800D6DDAE /* RCTShadowView.h in Headers */,
-				59E604A11FE9CCE300BD90C5 /* RCTScrollContentShadowView.h in Headers */,
-				3D302F8F1DF828F800D6DDAE /* RCTSlider.h in Headers */,
-				3D302F901DF828F800D6DDAE /* RCTSliderManager.h in Headers */,
-				3D302F911DF828F800D6DDAE /* RCTSwitch.h in Headers */,
-				3D302F921DF828F800D6DDAE /* RCTSwitchManager.h in Headers */,
-				59EDBCAE1FDF4E0C003573DE /* RCTScrollContentView.h in Headers */,
-				9F5C182F230C67C700E3E5A7 /* RCTSurfacePresenterStub.h in Headers */,
-				59E604A71FE9CCE300BD90C5 /* RCTScrollContentViewManager.h in Headers */,
-				3D302F971DF828F800D6DDAE /* RCTTextDecorationLineType.h in Headers */,
-				3D302F981DF828F800D6DDAE /* RCTView.h in Headers */,
-				3D302F9A1DF828F800D6DDAE /* RCTViewManager.h in Headers */,
-				3D302F9D1DF828F800D6DDAE /* RCTWrapperViewController.h in Headers */,
-				3D302F9F1DF828F800D6DDAE /* UIView+React.h in Headers */,
-				599FAA471FB274980058CCF6 /* RCTSurfaceStage.h in Headers */,
-				13134CA11E296B2A00B9F3CB /* RCTCxxUtils.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D30301C1DF8292200D6DDAE /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				ACC75C58221AA1CF002F24E8 /* log.h in Headers */,
-				AC52CEE021FB403B003C6BEC /* instrumentation.h in Headers */,
-				AC90463F21C91D02005B24B3 /* CompactValue.h in Headers */,
-				AC6B69E821B146C500B2B68A /* YGValue.h in Headers */,
-				AC8360D221B025EF00FC46B9 /* YGConfig.h in Headers */,
-				AC8360CE21B0256A00FC46B9 /* YGMarker.h in Headers */,
-				5352C5782038FF9B00A3B97E /* YGStyle.h in Headers */,
-				53EC85E41FDEC7630051B2B5 /* YGNode.h in Headers */,
-				53D1239F1FBF1EFB001B8A10 /* Yoga-internal.h in Headers */,
-				3DFE0D161DF8574D00459392 /* YGEnums.h in Headers */,
-				3DFE0D171DF8574D00459392 /* YGMacros.h in Headers */,
-				53756E3D2004FFFE00FBBD99 /* Utils.h in Headers */,
-				5376C5E71FC6DDC20083513D /* YGNodePrint.h in Headers */,
-				3DFE0D191DF8574D00459392 /* Yoga.h in Headers */,
-				53438965203905C0008E0CB3 /* YGLayout.h in Headers */,
-				53DEF6ED205AE5A7006A3890 /* YGFloatOptional.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D3030211DF8294400D6DDAE /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				13DA8A322097A90B00276ED4 /* ReactMarker.h in Headers */,
-				3D74547E1E54759A00E74ADD /* JSModulesUnbundle.h in Headers */,
-				C6D3801B1F71D76200621378 /* RAMBundleRegistry.h in Headers */,
-				27595AD51E575C7800CCE2B1 /* NativeToJsBridge.h in Headers */,
-				27595AC41E575C7800CCE2B1 /* Instance.h in Headers */,
-				27595AD11E575C7800CCE2B1 /* MessageQueueThread.h in Headers */,
-				3D7454811E5475AF00E74ADD /* RecoverableError.h in Headers */,
-				27595AC51E575C7800CCE2B1 /* JsArgumentHelpers-inl.h in Headers */,
-				27595AD81E575C7800CCE2B1 /* SystraceSection.h in Headers */,
-				27595AC61E575C7800CCE2B1 /* JsArgumentHelpers.h in Headers */,
-				27595AD71E575C7800CCE2B1 /* SampleCxxModule.h in Headers */,
-				27595AD21E575C7800CCE2B1 /* MethodCall.h in Headers */,
-				3D3030221DF8294C00D6DDAE /* JSBundleType.h in Headers */,
-				3D74547D1E54758900E74ADD /* JSBigString.h in Headers */,
-				27595ABF1E575C7800CCE2B1 /* CxxModule.h in Headers */,
-				27595AD41E575C7800CCE2B1 /* NativeModule.h in Headers */,
-				27595AC01E575C7800CCE2B1 /* CxxNativeModule.h in Headers */,
-				27595AD01E575C7800CCE2B1 /* JSIndexedRAMBundle.h in Headers */,
-				27595AD31E575C7800CCE2B1 /* ModuleRegistry.h in Headers */,
-				27595AC11E575C7800CCE2B1 /* JSExecutor.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D383D541EBD27B9005632C8 /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				3D383D551EBD27B9005632C8 /* bignum-dtoa.h in Headers */,
-				3D383D561EBD27B9005632C8 /* bignum.h in Headers */,
-				3D383D571EBD27B9005632C8 /* cached-powers.h in Headers */,
-				3D383D581EBD27B9005632C8 /* diy-fp.h in Headers */,
-				3D383D591EBD27B9005632C8 /* double-conversion.h in Headers */,
-				3D383D5A1EBD27B9005632C8 /* fast-dtoa.h in Headers */,
-				3D383D5B1EBD27B9005632C8 /* fixed-dtoa.h in Headers */,
-				3D383D5C1EBD27B9005632C8 /* ieee.h in Headers */,
-				3D383D5D1EBD27B9005632C8 /* strtod.h in Headers */,
-				3D383D5E1EBD27B9005632C8 /* utils.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D3C04BB1DE3340900C268FA /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				ACC75C59221AA1E1002F24E8 /* log.h in Headers */,
-				AC52CEDF21FB401D003C6BEC /* instrumentation.h in Headers */,
-				AC90464021C91D14005B24B3 /* CompactValue.h in Headers */,
-				AC6B69E521B1469A00B2B68A /* YGValue.h in Headers */,
-				AC8360CF21B0258B00FC46B9 /* YGConfig.h in Headers */,
-				AC8360CD21B0256A00FC46B9 /* YGMarker.h in Headers */,
-				5352C5772038FF9A00A3B97E /* YGStyle.h in Headers */,
-				53EC85E51FDEC7630051B2B5 /* YGNode.h in Headers */,
-				53D1239E1FBF1EFB001B8A10 /* Yoga-internal.h in Headers */,
-				133957881DF76D3500EC27BE /* YGEnums.h in Headers */,
-				1339578B1DF76D3500EC27BE /* Yoga.h in Headers */,
-				53756E3C2004FFFC00FBBD99 /* Utils.h in Headers */,
-				5376C5E61FC6DDC10083513D /* YGNodePrint.h in Headers */,
-				133957891DF76D3500EC27BE /* YGMacros.h in Headers */,
-				53438964203905BF008E0CB3 /* YGLayout.h in Headers */,
-				53DEF6EC205AE5A6006A3890 /* YGFloatOptional.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D3CD91A1DE5FBEC00167DC4 /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				13DA8A312097A90B00276ED4 /* ReactMarker.h in Headers */,
-				3D74547F1E54759E00E74ADD /* JSModulesUnbundle.h in Headers */,
-				C6D3801A1F71D76100621378 /* RAMBundleRegistry.h in Headers */,
-				27595ABA1E575C7800CCE2B1 /* NativeToJsBridge.h in Headers */,
-				27595AA91E575C7800CCE2B1 /* Instance.h in Headers */,
-				27595AB61E575C7800CCE2B1 /* MessageQueueThread.h in Headers */,
-				3D7454801E5475AF00E74ADD /* RecoverableError.h in Headers */,
-				27595AAA1E575C7800CCE2B1 /* JsArgumentHelpers-inl.h in Headers */,
-				27595ABD1E575C7800CCE2B1 /* SystraceSection.h in Headers */,
-				27595AAB1E575C7800CCE2B1 /* JsArgumentHelpers.h in Headers */,
-				27595ABC1E575C7800CCE2B1 /* SampleCxxModule.h in Headers */,
-				27595AB71E575C7800CCE2B1 /* MethodCall.h in Headers */,
-				3D74547C1E54758900E74ADD /* JSBigString.h in Headers */,
-				27595AA41E575C7800CCE2B1 /* CxxModule.h in Headers */,
-				27595AB91E575C7800CCE2B1 /* NativeModule.h in Headers */,
-				3D3CD9451DE5FC7100167DC4 /* JSBundleType.h in Headers */,
-				27595AA51E575C7800CCE2B1 /* CxxNativeModule.h in Headers */,
-				27595AB51E575C7800CCE2B1 /* JSIndexedRAMBundle.h in Headers */,
-				27595AB81E575C7800CCE2B1 /* ModuleRegistry.h in Headers */,
-				27595AA61E575C7800CCE2B1 /* JSExecutor.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D80DA181DF820500028D040 /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				3D80DA191DF820620028D040 /* RCTImageLoader.h in Headers */,
-				C654505E1F3BD9280090799B /* RCTManagedPointer.h in Headers */,
-				13134C941E296B2A00B9F3CB /* RCTObjcExecutor.h in Headers */,
-				18572B9F1EF32003007EAD54 /* RCTUIKit.h in Headers */,
-				199B8A6F1F44DB16005DEF67 /* RCTVersion.h in Headers */,
-				3D80DA1A1DF820620028D040 /* RCTImageStoreManager.h in Headers */,
-				130443A11E3FEAA900D93A67 /* RCTFollyConvert.h in Headers */,
-				3D80DA1B1DF820620028D040 /* RCTResizeMode.h in Headers */,
-				3D80DA1C1DF820620028D040 /* RCTLinkingManager.h in Headers */,
-				3D80DA1D1DF820620028D040 /* RCTNetworking.h in Headers */,
-				3D80DA1E1DF820620028D040 /* RCTNetworkTask.h in Headers */,
-				657734841EE834C900A0E9EA /* RCTInspectorDevServerHelper.h in Headers */,
-				3D80DA1F1DF820620028D040 /* RCTPushNotificationManager.h in Headers */,
-				18C2C6712141C955004314E0 /* RCTPlatformDisplayLink.h in Headers */,
-				3D80DA201DF820620028D040 /* RCTAssert.h in Headers */,
-				3D80DA211DF820620028D040 /* RCTBridge.h in Headers */,
-				3D80DA221DF820620028D040 /* RCTBridge+Private.h in Headers */,
-				599FAA461FB274980058CCF6 /* RCTSurfaceStage.h in Headers */,
-				599FAA361FB274980058CCF6 /* RCTSurface.h in Headers */,
-				3D80DA231DF820620028D040 /* RCTBridgeDelegate.h in Headers */,
-				3D80DA241DF820620028D040 /* RCTBridgeMethod.h in Headers */,
-				1968A25F1F67275300EB3D1D /* RCTComponentEvent.h in Headers */,
-				3D7BFD151EA8E351008DFB7A /* RCTPackagerClient.h in Headers */,
-				3D80DA251DF820620028D040 /* RCTBridgeModule.h in Headers */,
-				3D80DA261DF820620028D040 /* RCTBundleURLProvider.h in Headers */,
-				599FAA401FB274980058CCF6 /* RCTSurfaceRootShadowViewDelegate.h in Headers */,
-				5960C1B51F0804A00066FD5B /* RCTLayoutAnimation.h in Headers */,
-				3D80DA271DF820620028D040 /* RCTConvert.h in Headers */,
-				3D80DA281DF820620028D040 /* RCTDefines.h in Headers */,
-				3D80DA291DF820620028D040 /* RCTDisplayLink.h in Headers */,
-				F20481842092E7D400942480 /* (null) in Headers */,
-				597633381F4E021D005BE8A4 /* RCTShadowView+Internal.h in Headers */,
-				3D80DA2A1DF820620028D040 /* RCTErrorCustomizer.h in Headers */,
-				3D80DA2B1DF820620028D040 /* RCTErrorInfo.h in Headers */,
-				1384E2081E806D4E00545659 /* RCTNativeModule.h in Headers */,
-				3D7BFD2D1EA8E3FA008DFB7A /* RCTReconnectingWebSocket.h in Headers */,
-				3D80DA2C1DF820620028D040 /* RCTEventDispatcher.h in Headers */,
-				3D80DA2D1DF820620028D040 /* RCTFrameUpdate.h in Headers */,
-				3D80DA2E1DF820620028D040 /* RCTImageSource.h in Headers */,
-				3D80DA2F1DF820620028D040 /* RCTInvalidating.h in Headers */,
-				598FD1971F817336006C54CB /* RCTModalManager.h in Headers */,
-				599FAA3A1FB274980058CCF6 /* RCTSurfaceDelegate.h in Headers */,
-				3D80DA301DF820620028D040 /* RCTJavaScriptExecutor.h in Headers */,
-				3DCE53281FEAB23100613583 /* RCTDatePicker.h in Headers */,
-				3D80DA311DF820620028D040 /* RCTJavaScriptLoader.h in Headers */,
-				130E3D881E6A082100ACE484 /* RCTDevSettings.h in Headers */,
-				3D80DA321DF820620028D040 /* RCTJSStackFrame.h in Headers */,
-				130443DC1E401AF400D93A67 /* RCTConvert+Transform.h in Headers */,
-				3D80DA331DF820620028D040 /* RCTKeyCommands.h in Headers */,
-				3D80DA341DF820620028D040 /* RCTLog.h in Headers */,
-				3D80DA351DF820620028D040 /* RCTModuleData.h in Headers */,
-				3D80DA361DF820620028D040 /* RCTModuleMethod.h in Headers */,
-				3D80DA371DF820620028D040 /* RCTMultipartDataTask.h in Headers */,
-				3D80DA381DF820620028D040 /* RCTMultipartStreamReader.h in Headers */,
-				594F0A361FD23228007FBE96 /* RCTSurfaceSizeMeasureMode.h in Headers */,
-				3D80DA391DF820620028D040 /* RCTNullability.h in Headers */,
-				3D80DA3A1DF820620028D040 /* RCTParserUtils.h in Headers */,
-				599FAA421FB274980058CCF6 /* RCTSurfaceRootView.h in Headers */,
-				59D031F91F8353D3008361F0 /* RCTSafeAreaViewManager.h in Headers */,
-				3D80DA3B1DF820620028D040 /* RCTPerformanceLogger.h in Headers */,
-				59D031F51F8353D3008361F0 /* RCTSafeAreaViewLocalData.h in Headers */,
-				3D80DA3C1DF820620028D040 /* RCTPlatform.h in Headers */,
-				3D80DA3D1DF820620028D040 /* RCTRootView.h in Headers */,
-				59EDBCB91FDF4E0C003573DE /* RCTScrollViewManager.h in Headers */,
-				59EDBCB51FDF4E0C003573DE /* RCTScrollView.h in Headers */,
-				3D80DA3E1DF820620028D040 /* RCTRootViewDelegate.h in Headers */,
-				3D80DA3F1DF820620028D040 /* RCTRootViewInternal.h in Headers */,
-				3D80DA401DF820620028D040 /* RCTTouchEvent.h in Headers */,
-				AC90463E21C91CC2005B24B3 /* CompactValue.h in Headers */,
-				3D80DA411DF820620028D040 /* RCTTouchHandler.h in Headers */,
-				59E604A61FE9CCE300BD90C5 /* RCTScrollContentViewManager.h in Headers */,
-				13134C8C1E296B2A00B9F3CB /* RCTMessageThread.h in Headers */,
-				59EB6DBB1EBD6FC90072A5E7 /* RCTUIManagerObserverCoordinator.h in Headers */,
-				3D80DA421DF820620028D040 /* RCTURLRequestDelegate.h in Headers */,
-				3D80DA431DF820620028D040 /* RCTURLRequestHandler.h in Headers */,
-				3D80DA441DF820620028D040 /* RCTUtils.h in Headers */,
-				13134C981E296B2A00B9F3CB /* RCTCxxMethod.h in Headers */,
-				3D80DA4A1DF820620028D040 /* RCTAccessibilityManager.h in Headers */,
-				3D80DA4B1DF820620028D040 /* RCTAlertManager.h in Headers */,
-				3D80DA4C1DF820620028D040 /* RCTAppState.h in Headers */,
-				3D80DA4D1DF820620028D040 /* RCTAsyncLocalStorage.h in Headers */,
-				3D80DA4E1DF820620028D040 /* RCTClipboard.h in Headers */,
-				3D80DA4F1DF820620028D040 /* RCTDevLoadingView.h in Headers */,
-				3D80DA501DF820620028D040 /* RCTDevMenu.h in Headers */,
-				3D80DA511DF820620028D040 /* RCTEventEmitter.h in Headers */,
-				59A7B9FD1E577DBF0068EDBF /* RCTRootContentView.h in Headers */,
-				3D80DA521DF820620028D040 /* RCTExceptionsManager.h in Headers */,
-				3DCE532A1FEAB23100613583 /* RCTDatePickerManager.h in Headers */,
-				3D80DA531DF820620028D040 /* RCTI18nManager.h in Headers */,
-				3D7BFD2F1EA8E3FA008DFB7A /* RCTSRWebSocket.h in Headers */,
-				3D80DA541DF820620028D040 /* RCTI18nUtil.h in Headers */,
-				3D80DA551DF820620028D040 /* RCTKeyboardObserver.h in Headers */,
-				3D80DA561DF820620028D040 /* RCTRedBox.h in Headers */,
-				AC6B69E421B1467C00B2B68A /* YGValue.h in Headers */,
-				3D80DA571DF820620028D040 /* RCTSourceCode.h in Headers */,
-				EBF21BBC1FC498270052F4D5 /* InspectorInterfaces.h in Headers */,
-				AC52CEDE21FB3FF9003C6BEC /* instrumentation.h in Headers */,
-				3D80DA581DF820620028D040 /* RCTStatusBarManager.h in Headers */,
-				3D80DA591DF820620028D040 /* RCTTiming.h in Headers */,
-				3D80DA5A1DF820620028D040 /* RCTUIManager.h in Headers */,
-				3D80DA5B1DF820620028D040 /* RCTFPSGraph.h in Headers */,
-				FEFAAC9F1FDB89B50057BBE0 /* RCTRedBoxExtraDataViewController.h in Headers */,
-				59E604A01FE9CCE300BD90C5 /* RCTScrollContentShadowView.h in Headers */,
-				3D80DA5D1DF820620028D040 /* RCTMacros.h in Headers */,
-				3D80DA5E1DF820620028D040 /* RCTProfile.h in Headers */,
-				3D80DA5F1DF820620028D040 /* RCTActivityIndicatorView.h in Headers */,
-				3D80DA601DF820620028D040 /* RCTActivityIndicatorViewManager.h in Headers */,
-				59500D431F71C63F00B122B7 /* RCTUIManagerUtils.h in Headers */,
-				5960C1B91F0804A00066FD5B /* RCTLayoutAnimationGroup.h in Headers */,
-				CF2731C01E7B8DE40044CA4F /* RCTDeviceInfo.h in Headers */,
-				3D80DA611DF820620028D040 /* RCTAnimationType.h in Headers */,
-				3D0E378A1F1CC40000DCAC9F /* RCTWebSocketModule.h in Headers */,
-				3D80DA621DF820620028D040 /* RCTAutoInsetsProtocol.h in Headers */,
-				C60128AB1F3D1258009DF9FF /* RCTCxxConvert.h in Headers */,
-				589515E02231AD9C0036BDE0 /* RCTSurfacePresenterStub.h in Headers */,
-				59EDBCAD1FDF4E0C003573DE /* RCTScrollContentView.h in Headers */,
-				59EDBCA71FDF4E0C003573DE /* RCTScrollableProtocol.h in Headers */,
-				591F78DC202ADB22004A668C /* RCTLayout.h in Headers */,
-				5CE2080320772F7D009A43B3 /* YGConfig.h in Headers */,
-				3D80DA631DF820620028D040 /* RCTBorderDrawing.h in Headers */,
-				3D80DA641DF820620028D040 /* RCTBorderStyle.h in Headers */,
-				3D80DA651DF820620028D040 /* RCTComponent.h in Headers */,
-				3D80DA661DF820620028D040 /* RCTComponentData.h in Headers */,
-				3DA9819E1E5B0DBB004F2374 /* NSDataBigString.h in Headers */,
-				59D031F11F8353D3008361F0 /* RCTSafeAreaView.h in Headers */,
-				3D80DA671DF820620028D040 /* RCTConvert+CoreLocation.h in Headers */,
-				66CD94B11F1045E700CB3C7C /* RCTMaskedView.h in Headers */,
-				3D80DA6B1DF820620028D040 /* RCTFont.h in Headers */,
-				3D80DA701DF820620028D040 /* RCTModalHostView.h in Headers */,
-				3D80DA711DF820620028D040 /* RCTModalHostViewController.h in Headers */,
-				3D80DA721DF820620028D040 /* RCTModalHostViewManager.h in Headers */,
-				13134C9C1E296B2A00B9F3CB /* RCTCxxModule.h in Headers */,
-				594F0A321FD23228007FBE96 /* RCTSurfaceHostingView.h in Headers */,
-				3D80DA771DF820620028D040 /* RCTPicker.h in Headers */,
-				3D80DA781DF820620028D040 /* RCTPickerManager.h in Headers */,
-				3D80DA791DF820620028D040 /* RCTPointerEvents.h in Headers */,
-				3D80DA7A1DF820620028D040 /* RCTProgressViewManager.h in Headers */,
-				3D80DA7B1DF820620028D040 /* RCTRefreshControl.h in Headers */,
-				A2440AA21DF8D854006E7BFC /* RCTReloadCommand.h in Headers */,
-				3D80DA7C1DF820620028D040 /* RCTRefreshControlManager.h in Headers */,
-				18008F9B2141A922007F325D /* RCTProgressView.h in Headers */,
-				59D031ED1F8353D3008361F0 /* RCTSafeAreaShadowView.h in Headers */,
-				3D80DA7D1DF820620028D040 /* RCTRootShadowView.h in Headers */,
-				ACC75C56221AA194002F24E8 /* log.h in Headers */,
-				134D63C31F1FEC4B008872B5 /* RCTCxxBridgeDelegate.h in Headers */,
-				657734901EE8354A00A0E9EA /* RCTInspectorPackagerConnection.h in Headers */,
-				3D7BFD1D1EA8E351008DFB7A /* RCTPackagerConnection.h in Headers */,
-				3D80DA811DF820620028D040 /* RCTSegmentedControl.h in Headers */,
-				599FAA3C1FB274980058CCF6 /* RCTSurfaceRootShadowView.h in Headers */,
-				3D80DA821DF820620028D040 /* RCTSegmentedControlManager.h in Headers */,
-				3D80DA831DF820620028D040 /* RCTShadowView.h in Headers */,
-				3D80DA841DF820620028D040 /* RCTSlider.h in Headers */,
-				3D80DA851DF820620028D040 /* RCTSliderManager.h in Headers */,
-				3D80DA861DF820620028D040 /* RCTSwitch.h in Headers */,
-				3D80DA871DF820620028D040 /* RCTSwitchManager.h in Headers */,
-				66CD94B51F1045E700CB3C7C /* RCTMaskedViewManager.h in Headers */,
-				3D80DA8C1DF820620028D040 /* RCTTextDecorationLineType.h in Headers */,
-				6577348E1EE8354A00A0E9EA /* RCTInspector.h in Headers */,
-				3D80DA8D1DF820620028D040 /* RCTView.h in Headers */,
-				8507BBC021EDACC200AEAFCA /* JSCExecutorFactory.h in Headers */,
-				590D7BFD1EBD458B00D8A370 /* RCTShadowView+Layout.h in Headers */,
-				3D80DA8F1DF820620028D040 /* RCTViewManager.h in Headers */,
-				13134CA01E296B2A00B9F3CB /* RCTCxxUtils.h in Headers */,
-				599FAA4A1FB274980058CCF6 /* RCTSurfaceView.h in Headers */,
-				3D80DA921DF820620028D040 /* RCTWrapperViewController.h in Headers */,
-				3D80DA931DF820620028D040 /* UIView+Private.h in Headers */,
-				3D80DA941DF820620028D040 /* UIView+React.h in Headers */,
-				599FAA481FB274980058CCF6 /* RCTSurfaceView+Internal.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		9FD21D64224303D900E7F88E /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9FD21D65224303D900E7F88E /* jsi.h in Headers */,
-				9FD21D66224303D900E7F88E /* JSCRuntime.h in Headers */,
-				9FD21D67224303D900E7F88E /* JSIDynamic.h in Headers */,
-				9FD21D68224303D900E7F88E /* jsi-inl.h in Headers */,
-				9FD21D69224303D900E7F88E /* instrumentation.h in Headers */,
-				99942CF922F34AB4009FAB58 /* jsi/jsilib.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		9FD21D87224305AA00E7F88E /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9FD21D88224305AA00E7F88E /* JSINativeModules.h in Headers */,
-				9FD21D89224305AA00E7F88E /* JSIExecutor.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		EBF21BC41FC498900052F4D5 /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		EBF21BE21FC4989A0052F4D5 /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		ED296F99214C9A0900B7C4FE /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				ED296FBC214C9B0400B7C4FE /* jsi-inl.h in Headers */,
-				ED296FBF214C9B0400B7C4FE /* JSIDynamic.h in Headers */,
-				ED296FC1214C9B0400B7C4FE /* JSCRuntime.h in Headers */,
-				ED296FC3214C9B0400B7C4FE /* instrumentation.h in Headers */,
-				ED296FC4214C9B0400B7C4FE /* jsi.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		ED296FD1214C9CF800B7C4FE /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				ED61896C2155BBF70000C9A7 /* JSINativeModules.h in Headers */,
-				ED61896A2155BBF70000C9A7 /* JSIExecutor.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		ED2970382150123E00B7C4FE /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				ED29703E2150126E00B7C4FE /* AtomicIntrusiveLinkedList.h in Headers */,
-				ED2970422150126E00B7C4FE /* Conv.h in Headers */,
-				ED2970432150126E00B7C4FE /* dynamic-inl.h in Headers */,
-				ED2970452150126E00B7C4FE /* dynamic.h in Headers */,
-				ED2970462150126E00B7C4FE /* Exception.h in Headers */,
-				ED2970482150126E00B7C4FE /* json.h in Headers */,
-				ED2970492150126E00B7C4FE /* Memory.h in Headers */,
-				ED29704A2150126E00B7C4FE /* MoveWrapper.h in Headers */,
-				ED29704B2150126E00B7C4FE /* Optional.h in Headers */,
-				ED29704C2150126E00B7C4FE /* ScopeGuard.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		EDEBC6BB214B3E7000DD5AC8 /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				EDEBC6E9214B3F6800DD5AC8 /* jsi.h in Headers */,
-				4F56C93822167A4800DB9F3F /* jsi/jsilib.h in Headers */,
-				EDEBC6E7214B3F6800DD5AC8 /* JSCRuntime.h in Headers */,
-				EDEBC6E5214B3F6800DD5AC8 /* JSIDynamic.h in Headers */,
-				EDEBC6E2214B3F6800DD5AC8 /* jsi-inl.h in Headers */,
-				EDEBC6E8214B3F6800DD5AC8 /* instrumentation.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		EDEBC729214B45A300DD5AC8 /* Headers */ = {
-			isa = PBXHeadersBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				ED61896B2155BBF70000C9A7 /* JSINativeModules.h in Headers */,
-				ED6189692155BBF70000C9A7 /* JSIExecutor.h in Headers */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXHeadersBuildPhase section */
-
-/* Begin PBXNativeTarget section */
-		139D7E871E25C6D100323FB7 /* double-conversion */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 139D7E8E1E25C6D100323FB7 /* Build configuration list for PBXNativeTarget "double-conversion" */;
-			buildPhases = (
-				190EE32F1E6A43DE00A8543A /* Install Third Party */,
-				139D7EA41E25C7BD00323FB7 /* Headers */,
-				139D7E841E25C6D100323FB7 /* Sources */,
-				139D7E861E25C6D100323FB7 /* CopyFiles */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "double-conversion";
-			productName = ThirdParty;
-			productReference = 139D7E881E25C6D100323FB7 /* libdouble-conversion.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		139D7ECD1E25DB7D00323FB7 /* third-party */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 139D7ED41E25DB7D00323FB7 /* Build configuration list for PBXNativeTarget "third-party" */;
-			buildPhases = (
-				139D7ECA1E25DB7D00323FB7 /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				1320081D1E283DCB00F0C457 /* PBXTargetDependency */,
-			);
-			name = "third-party";
-			productName = "third-party";
-			productReference = 139D7ECE1E25DB7D00323FB7 /* libthird-party.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		1882027B1EF48B7E00C9B354 /* double-conversion-macOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 1882027D1EF48B7E00C9B354 /* Build configuration list for PBXNativeTarget "double-conversion-macOS" */;
-			buildPhases = (
-				188202801EF48B9B00C9B354 /* Install Third Party */,
-				1882027A1EF48B7E00C9B354 /* Headers */,
-				18F3BA1E2142F89000AD247D /* Sources */,
-				188202811EF48BDD00C9B354 /* CopyFiles */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "double-conversion-macOS";
-			productName = "double-conversion-macOS";
-			productReference = 1882027C1EF48B7E00C9B354 /* libdouble-conversion.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		188202A11EF48CF700C9B354 /* third-party-macOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 188202AA1EF48CF700C9B354 /* Build configuration list for PBXNativeTarget "third-party-macOS" */;
-			buildPhases = (
-				18F3BA1D2142F88400AD247D /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				188202BF1EF48DBD00C9B354 /* PBXTargetDependency */,
-			);
-			name = "third-party-macOS";
-			productName = "third-party-macOS";
-			productReference = 188202A21EF48CF700C9B354 /* libthird-party.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		18F3BA132142F86400AD247D /* jsinspector-macOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 18F3BA192142F86400AD247D /* Build configuration list for PBXNativeTarget "jsinspector-macOS" */;
-			buildPhases = (
-				18F3BA142142F86400AD247D /* Headers */,
-				18F3BA152142F86400AD247D /* Copy Headers */,
-				18F3BA172142F86400AD247D /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "jsinspector-macOS";
-			productName = React;
-			productReference = 9F2AC95E2239D788005C9C14 /* libjsinspector-macOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		2D2A28121D9B038B00D4039D /* React-tvOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 2D2A281B1D9B038B00D4039D /* Build configuration list for PBXNativeTarget "React-tvOS" */;
-			buildPhases = (
-				2D6948301DA3088700B3FA97 /* Start Packager */,
-				3D302F231DF828D100D6DDAE /* Headers */,
-				3D302E191DF8249100D6DDAE /* Copy Headers */,
-				1897274C2141CC21002A4E2A /* Sources */,
-				2D6948201DA3042200B3FA97 /* Include RCTJSCProfiler */,
-				3D3C088B1DE342FE00C268FA /* Frameworks */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				ED2970662150237300B7C4FE /* PBXTargetDependency */,
-				ED296F81214C971800B7C4FE /* PBXTargetDependency */,
-				3D0574551DE5FF9600184BB4 /* PBXTargetDependency */,
-				3D0574571DE5FF9600184BB4 /* PBXTargetDependency */,
-			);
-			name = "React-tvOS";
-			productName = "React-tvOS";
-			productReference = 2D2A28131D9B038B00D4039D /* libReact.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		3D383D211EBD27B6005632C8 /* third-party-tvOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 3D383D391EBD27B6005632C8 /* Build configuration list for PBXNativeTarget "third-party-tvOS" */;
-			buildPhases = (
-				3D383D241EBD27B6005632C8 /* Sources */,
-				ED2970382150123E00B7C4FE /* Headers */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				3D383D661EBD27DB005632C8 /* PBXTargetDependency */,
-			);
-			name = "third-party-tvOS";
-			productName = "third-party";
-			productReference = 3D383D3C1EBD27B6005632C8 /* libthird-party.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		3D383D3D1EBD27B9005632C8 /* double-conversion-tvOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 3D383D5F1EBD27B9005632C8 /* Build configuration list for PBXNativeTarget "double-conversion-tvOS" */;
-			buildPhases = (
-				3D383D3E1EBD27B9005632C8 /* Install Third Party */,
-				3D383D541EBD27B9005632C8 /* Headers */,
-				3D383D3F1EBD27B9005632C8 /* Sources */,
-				3D383D491EBD27B9005632C8 /* CopyFiles */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "double-conversion-tvOS";
-			productName = ThirdParty;
-			productReference = 3D383D621EBD27B9005632C8 /* libdouble-conversion.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		3D3C04B91DE3340900C268FA /* yoga */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 3D3C05971DE3340900C268FA /* Build configuration list for PBXNativeTarget "yoga" */;
-			buildPhases = (
-				3D3C04BB1DE3340900C268FA /* Headers */,
-				3D80DAB41DF8212E0028D040 /* Copy Headers */,
-				3D3C05301DE3340900C268FA /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = yoga;
-			productName = React;
-			productReference = 3D3C059A1DE3340900C268FA /* libyoga.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		3D3C059B1DE3340C00C268FA /* yoga-tvOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 3D3C06721DE3340C00C268FA /* Build configuration list for PBXNativeTarget "yoga-tvOS" */;
-			buildPhases = (
-				3D30301C1DF8292200D6DDAE /* Headers */,
-				3D302F171DF825FE00D6DDAE /* Copy Headers */,
-				3D3C06181DE3340C00C268FA /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "yoga-tvOS";
-			productName = "React-tvOS";
-			productReference = 3D3C06751DE3340C00C268FA /* libyoga.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		3D3CD9191DE5FBEC00167DC4 /* cxxreact */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 3D3CD9221DE5FBEC00167DC4 /* Build configuration list for PBXNativeTarget "cxxreact" */;
-			buildPhases = (
-				3D3CD91A1DE5FBEC00167DC4 /* Headers */,
-				3D80DAB91DF821710028D040 /* Copy Headers */,
-				3D3CD91F1DE5FBEC00167DC4 /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				EDEBC7D7214C52FD00DD5AC8 /* PBXTargetDependency */,
-			);
-			name = cxxreact;
-			productName = React;
-			productReference = 3D3CD9251DE5FBEC00167DC4 /* libcxxreact.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		3D3CD9261DE5FBEE00167DC4 /* cxxreact-tvOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 3D3CD92F1DE5FBEE00167DC4 /* Build configuration list for PBXNativeTarget "cxxreact-tvOS" */;
-			buildPhases = (
-				3D3030211DF8294400D6DDAE /* Headers */,
-				3D302F1B1DF8263300D6DDAE /* Copy Headers */,
-				3D3CD92C1DE5FBEE00167DC4 /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				ED296F97214C996500B7C4FE /* PBXTargetDependency */,
-			);
-			name = "cxxreact-tvOS";
-			productName = "React-tvOS";
-			productReference = 3D3CD9321DE5FBEE00167DC4 /* libcxxreact.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		6B857DA21EC51FC600A9D063 /* React-macOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 6B857F201EC51FC600A9D063 /* Build configuration list for PBXNativeTarget "React-macOS" */;
-			buildPhases = (
-				18632BFE1EF495130010A3BB /* Start Packager */,
-				1854FE1D1EF483730008DADC /* Headers */,
-				18632BFF1EF495700010A3BB /* Copy Headers */,
-				1854FE1E1EF483C00008DADC /* Sources */,
-				18632C001EF495820010A3BB /* Include RCTJSCProfiler */,
-				18632C011EF495AD0010A3BB /* Frameworks */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				9FD21D7D2243058900E7F88E /* PBXTargetDependency */,
-				9FD21D7F2243059300E7F88E /* PBXTargetDependency */,
-				9FD21D96224305C100E7F88E /* PBXTargetDependency */,
-				6B857F551EC5218B00A9D063 /* PBXTargetDependency */,
-				6B857F531EC5218600A9D063 /* PBXTargetDependency */,
-			);
-			name = "React-macOS";
-			productName = React;
-			productReference = 9F2AC95D2239D788005C9C14 /* libReact.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		6B857F241EC51FCC00A9D063 /* yoga-macOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 6B857F311EC51FCC00A9D063 /* Build configuration list for PBXNativeTarget "yoga-macOS" */;
-			buildPhases = (
-				1854FF1D1EF484DC0008DADC /* Headers */,
-				1854FF271EF485220008DADC /* Copy Headers */,
-				18F3BA112142F83F00AD247D /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "yoga-macOS";
-			productName = React;
-			productReference = 9F5C195B230F4CB300E3E5A7 /* libyoga.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		6B857F351EC51FCF00A9D063 /* cxxreact-macOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 6B857F3F1EC51FCF00A9D063 /* Build configuration list for PBXNativeTarget "cxxreact-macOS" */;
-			buildPhases = (
-				1854FF2C1EF4859C0008DADC /* Headers */,
-				1854FF2D1EF4859F0008DADC /* Copy Headers */,
-				18F3BA102142F7BE00AD247D /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				9FF8D1E72243081A00B8CECA /* PBXTargetDependency */,
-			);
-			name = "cxxreact-macOS";
-			productName = React;
-			productReference = 6B857F421EC51FCF00A9D063 /* libcxxreact.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		83CBBA2D1A601D0E00E9B192 /* React */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 83CBBA3F1A601D0F00E9B192 /* Build configuration list for PBXNativeTarget "React" */;
-			buildPhases = (
-				006B79A01A781F38006873D1 /* Start Packager */,
-				3D80DA181DF820500028D040 /* Headers */,
-				3D80D91E1DF6FA530028D040 /* Copy Headers */,
-				83CBBA2A1A601D0E00E9B192 /* Sources */,
-				142C4F7F1B582EA6001F0B58 /* Include RCTJSCProfiler */,
-				3D3C08881DE342EE00C268FA /* Frameworks */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				EDEBC74F214B477400DD5AC8 /* PBXTargetDependency */,
-				EDEBC7D9214C628300DD5AC8 /* PBXTargetDependency */,
-				EDEBC74B214B46A700DD5AC8 /* PBXTargetDependency */,
-				53D123991FBF1E0C001B8A10 /* PBXTargetDependency */,
-				3D3CD94C1DE5FCE700167DC4 /* PBXTargetDependency */,
-			);
-			name = React;
-			productName = React;
-			productReference = 83CBBA2E1A601D0E00E9B192 /* libReact.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		9FD21D61224303D900E7F88E /* jsi-macOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 9FD21D75224303D900E7F88E /* Build configuration list for PBXNativeTarget "jsi-macOS" */;
-			buildPhases = (
-				9FD21D64224303D900E7F88E /* Headers */,
-				9FD21D6A224303D900E7F88E /* Copy Headers */,
-				9FD21D70224303D900E7F88E /* Sources */,
-				9FD21D74224303D900E7F88E /* Frameworks */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				9FD21D7A2243043100E7F88E /* PBXTargetDependency */,
-			);
-			name = "jsi-macOS";
-			productName = React;
-			productReference = 9FD21D78224303D900E7F88E /* libjsi-macOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		9FD21D80224305AA00E7F88E /* jsiexecutor-macOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 9FD21D91224305AA00E7F88E /* Build configuration list for PBXNativeTarget "jsiexecutor-macOS" */;
-			buildPhases = (
-				9FD21D87224305AA00E7F88E /* Headers */,
-				9FD21D8A224305AA00E7F88E /* Copy Headers */,
-				9FD21D8D224305AA00E7F88E /* Sources */,
-				9FD21D90224305AA00E7F88E /* Frameworks */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				9FD21D982243061900E7F88E /* PBXTargetDependency */,
-				9FD21D9A2243062200E7F88E /* PBXTargetDependency */,
-				9FD21D9C2243062900E7F88E /* PBXTargetDependency */,
-			);
-			name = "jsiexecutor-macOS";
-			productName = React;
-			productReference = 9FD21D94224305AA00E7F88E /* libjsiexecutor-macOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		EBF21BBF1FC498900052F4D5 /* jsinspector */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = EBF21BD91FC498900052F4D5 /* Build configuration list for PBXNativeTarget "jsinspector" */;
-			buildPhases = (
-				EBF21BC41FC498900052F4D5 /* Headers */,
-				EBF21BCB1FC498900052F4D5 /* Copy Headers */,
-				EBF21BD31FC498900052F4D5 /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = jsinspector;
-			productName = React;
-			productReference = EBF21BDC1FC498900052F4D5 /* libjsinspector.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		EBF21BDD1FC4989A0052F4D5 /* jsinspector-tvOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = EBF21BF71FC4989A0052F4D5 /* Build configuration list for PBXNativeTarget "jsinspector-tvOS" */;
-			buildPhases = (
-				EBF21BE21FC4989A0052F4D5 /* Headers */,
-				EBF21BE91FC4989A0052F4D5 /* Copy Headers */,
-				EBF21BF11FC4989A0052F4D5 /* Sources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = "jsinspector-tvOS";
-			productName = "React-tvOS";
-			productReference = EBF21BFA1FC4989A0052F4D5 /* libjsinspector-tvOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		ED296F98214C9A0900B7C4FE /* jsi-tvOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = ED296FB3214C9A0900B7C4FE /* Build configuration list for PBXNativeTarget "jsi-tvOS" */;
-			buildPhases = (
-				ED296F99214C9A0900B7C4FE /* Headers */,
-				ED296FA4214C9A0900B7C4FE /* Copy Headers */,
-				ED296FA9214C9A0900B7C4FE /* Sources */,
-				ED296FCE214C9CB400B7C4FE /* Frameworks */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				ED29704E215012C700B7C4FE /* PBXTargetDependency */,
-			);
-			name = "jsi-tvOS";
-			productName = "React-tvOS";
-			productReference = ED296FB6214C9A0900B7C4FE /* libjsi-tvOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		ED296FD0214C9CF800B7C4FE /* jsiexecutor-tvOS */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = ED296FEB214C9CF800B7C4FE /* Build configuration list for PBXNativeTarget "jsiexecutor-tvOS" */;
-			buildPhases = (
-				ED296FD1214C9CF800B7C4FE /* Headers */,
-				ED296FDC214C9CF800B7C4FE /* Copy Headers */,
-				ED296FE1214C9CF800B7C4FE /* Sources */,
-				ED296FF5214C9E7C00B7C4FE /* Frameworks */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				ED296FFE214C9EC600B7C4FE /* PBXTargetDependency */,
-				ED296FFC214C9EC000B7C4FE /* PBXTargetDependency */,
-				ED296FF8214C9EAA00B7C4FE /* PBXTargetDependency */,
-			);
-			name = "jsiexecutor-tvOS";
-			productName = "React-tvOS";
-			productReference = ED296FEE214C9CF800B7C4FE /* libjsiexecutor-tvOS.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		EDEBC6BA214B3E7000DD5AC8 /* jsi */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = EDEBC6D3214B3E7000DD5AC8 /* Build configuration list for PBXNativeTarget "jsi" */;
-			buildPhases = (
-				EDEBC6BB214B3E7000DD5AC8 /* Headers */,
-				EDEBC6C6214B3E7000DD5AC8 /* Copy Headers */,
-				EDEBC6CA214B3E7000DD5AC8 /* Sources */,
-				EDEBC756214C283300DD5AC8 /* Frameworks */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				EDEBC7CC214C516800DD5AC8 /* PBXTargetDependency */,
-			);
-			name = jsi;
-			productName = React;
-			productReference = EDEBC6D6214B3E7000DD5AC8 /* libjsi.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-		EDEBC724214B45A300DD5AC8 /* jsiexecutor */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = EDEBC738214B45A300DD5AC8 /* Build configuration list for PBXNativeTarget "jsiexecutor" */;
-			buildPhases = (
-				EDEBC729214B45A300DD5AC8 /* Headers */,
-				EDEBC72F214B45A300DD5AC8 /* Copy Headers */,
-				EDEBC734214B45A300DD5AC8 /* Sources */,
-				EDEBC79A214C2A7000DD5AC8 /* Frameworks */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-				ED296F7E214C957300B7C4FE /* PBXTargetDependency */,
-				EDEBC7D3214C528C00DD5AC8 /* PBXTargetDependency */,
-				EDEBC7CE214C523F00DD5AC8 /* PBXTargetDependency */,
-			);
-			name = jsiexecutor;
-			productName = React;
-			productReference = EDEBC73B214B45A300DD5AC8 /* libjsiexecutor.a */;
-			productType = "com.apple.product-type.library.static";
-		};
-/* End PBXNativeTarget section */
-
-/* Begin PBXProject section */
-		83CBB9F71A601CBA00E9B192 /* Project object */ = {
-			isa = PBXProject;
-			attributes = {
-				LastUpgradeCheck = 0940;
-				ORGANIZATIONNAME = Facebook;
-				TargetAttributes = {
-					139D7E871E25C6D100323FB7 = {
-						CreatedOnToolsVersion = 8.1;
-						DevelopmentTeam = V9WTTPBFK9;
-						ProvisioningStyle = Automatic;
-					};
-					139D7ECD1E25DB7D00323FB7 = {
-						CreatedOnToolsVersion = 8.1;
-					};
-					1882027B1EF48B7E00C9B354 = {
-						CreatedOnToolsVersion = 8.3.2;
-						ProvisioningStyle = Automatic;
-					};
-					188202A11EF48CF700C9B354 = {
-						CreatedOnToolsVersion = 8.3.2;
-						ProvisioningStyle = Automatic;
-					};
-					2D2A28121D9B038B00D4039D = {
-						CreatedOnToolsVersion = 8.0;
-					};
-					83CBBA2D1A601D0E00E9B192 = {
-						CreatedOnToolsVersion = 6.1.1;
-					};
-				};
-			};
-			buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "React" */;
-			compatibilityVersion = "Xcode 3.2";
-			developmentRegion = English;
-			hasScannedForEncodings = 0;
-			knownRegions = (
-				English,
-				en,
-				Base,
-			);
-			mainGroup = 83CBB9F61A601CBA00E9B192;
-			productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */;
-			projectDirPath = "";
-			projectRoot = "";
-			targets = (
-				83CBBA2D1A601D0E00E9B192 /* React */,
-				6B857DA21EC51FC600A9D063 /* React-macOS */,
-				2D2A28121D9B038B00D4039D /* React-tvOS */,
-				3D3C04B91DE3340900C268FA /* yoga */,
-				6B857F241EC51FCC00A9D063 /* yoga-macOS */,
-				3D3C059B1DE3340C00C268FA /* yoga-tvOS */,
-				3D3CD9191DE5FBEC00167DC4 /* cxxreact */,
-				6B857F351EC51FCF00A9D063 /* cxxreact-macOS */,
-				3D3CD9261DE5FBEE00167DC4 /* cxxreact-tvOS */,
-				EBF21BBF1FC498900052F4D5 /* jsinspector */,
-				18F3BA132142F86400AD247D /* jsinspector-macOS */,
-				EBF21BDD1FC4989A0052F4D5 /* jsinspector-tvOS */,
-				139D7ECD1E25DB7D00323FB7 /* third-party */,
-				188202A11EF48CF700C9B354 /* third-party-macOS */,
-				3D383D211EBD27B6005632C8 /* third-party-tvOS */,
-				139D7E871E25C6D100323FB7 /* double-conversion */,
-				1882027B1EF48B7E00C9B354 /* double-conversion-macOS */,
-				3D383D3D1EBD27B9005632C8 /* double-conversion-tvOS */,
-				EDEBC6BA214B3E7000DD5AC8 /* jsi */,
-				ED296F98214C9A0900B7C4FE /* jsi-tvOS */,
-				9FD21D61224303D900E7F88E /* jsi-macOS */,
-				EDEBC724214B45A300DD5AC8 /* jsiexecutor */,
-				9FD21D80224305AA00E7F88E /* jsiexecutor-macOS */,
-				ED296FD0214C9CF800B7C4FE /* jsiexecutor-tvOS */,
-			);
-		};
-/* End PBXProject section */
-
-/* Begin PBXShellScriptBuildPhase section */
-		006B79A01A781F38006873D1 /* Start Packager */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputPaths = (
-			);
-			name = "Start Packager";
-			outputPaths = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "terminal=\"${RCT_TERMINAL-${REACT_TERMINAL-$TERM_PROGRAM}}\"\n\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] && [ \"$CONFIGURATION\" == \"Debug\" ] ; then\n  if nc -w 5 -z localhost 8081 ; then\n    if ! curl -s \"http://localhost:8081/status\" | grep -q \"packager-status:running\" ; then\n      echo \"Port 8081 already in use, packager is either not running or not running correctly\"\n      exit 2\n    fi\n  elif [ -z \"$terminal\" ]; then\n    open \"$SRCROOT/../scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n  else\n    open -a $terminal \"$SRCROOT/../scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n  fi\nfi\n";
-			showEnvVarsInLog = 0;
-		};
-		142C4F7F1B582EA6001F0B58 /* Include RCTJSCProfiler */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputPaths = (
-			);
-			name = "Include RCTJSCProfiler";
-			outputPaths = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "if [[ \"$CONFIGURATION\" == \"Debug\" ]] && [[ -d \"/tmp/RCTJSCProfiler\" ]]; then\n   find \"${CONFIGURATION_BUILD_DIR}\" -name '*.app' | xargs -I{} sh -c 'cp -r /tmp/RCTJSCProfiler \"$1\"' -- {}\nfi\n";
-			showEnvVarsInLog = 0;
-		};
-		18632BFE1EF495130010A3BB /* Start Packager */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputPaths = (
-				"../scripts/ios-install-third-party.sh",
-			);
-			name = "Start Packager";
-			outputPaths = (
-				"../third-party/glog-0.3.5/src/config.h",
-				"../third-party/glog-0.3.5/src/demangle.cc",
-				"../third-party/glog-0.3.5/src/demangle.h",
-				"../third-party/glog-0.3.5/src/logging.cc",
-				"../third-party/glog-0.3.5/src/raw_logging.cc",
-				"../third-party/glog-0.3.5/src/signalhandler.cc",
-				"../third-party/glog-0.3.5/src/stacktrace.h",
-				"../third-party/glog-0.3.5/src/symbolize.cc",
-				"../third-party/glog-0.3.5/src/symbolize.h",
-				"../third-party/glog-0.3.5/src/utilities.cc",
-				"../third-party/glog-0.3.5/src/utilities.h",
-				"../third-party/glog-0.3.5/src/vlog_is_on.cc",
-				"../third-party/glog-0.3.5/src/glog/log_severity.h",
-				"../third-party/glog-0.3.5/src/glog/logging.h",
-				"../third-party/glog-0.3.5/src/glog/raw_logging.h",
-				"../third-party/glog-0.3.5/src/glog/stl_logging.h",
-				"../third-party/glog-0.3.5/src/glog/vlog_is_on.h",
-				"../third-party/folly-2018.10.22.00/folly/memory/detail/MallocImpl.cpp",
-				"../third-party/folly-2018.10.22.00/folly/Demangle.cpp",
-				"../third-party/folly-2018.10.22.00/folly/Unicode.cpp",
-				"../third-party/folly-2018.10.22.00/folly/AtomicIntrusiveLinkedList.h",
-				"../third-party/folly-2018.10.22.00/folly/Conv.cpp",
-				"../third-party/folly-2018.10.22.00/folly/Conv.h",
-				"../third-party/folly-2018.10.22.00/folly/dynamic-inl.h",
-				"../third-party/folly-2018.10.22.00/folly/dynamic.cpp",
-				"../third-party/folly-2018.10.22.00/folly/dynamic.h",
-				"../third-party/folly-2018.10.22.00/folly/Exception.h",
-				"../third-party/folly-2018.10.22.00/folly/json.cpp",
-				"../third-party/folly-2018.10.22.00/folly/json.h",
-				"../third-party/folly-2018.10.22.00/folly/Memory.h",
-				"../third-party/folly-2018.10.22.00/folly/MoveWrapper.h",
-				"../third-party/folly-2018.10.22.00/folly/Optional.h",
-				"../third-party/folly-2018.10.22.00/folly/ScopeGuard.h",
-				"../third-party/folly-2018.10.22.00/folly/json_pointer.cpp",
-				"../third-party/folly-2018.10.22.00/folly/String.cpp",
-				"../third-party/folly-2018.10.22.00/folly/detail/Demangle.cpp",
-				"../third-party/folly-2018.10.22.00/folly/hash/SpookyHashV2.cpp",
-				"../third-party/folly-2018.10.22.00/folly/lang/ColdClass.cpp",
-				"../third-party/folly-2018.10.22.00/folly/container/detail/F14Table.cpp",
-				"../third-party/folly-2018.10.22.00/folly/ScopeGuard.cpp",
-				"../third-party/folly-2018.10.22.00/folly/lang/Assume.cpp",
-				"../third-party/folly-2018.10.22.00/folly/Format.cpp",
-				"../third-party/double-conversion-1.1.6/src/bignum-dtoa.cc",
-				"../third-party/double-conversion-1.1.6/src/bignum-dtoa.h",
-				"../third-party/double-conversion-1.1.6/src/bignum.cc",
-				"../third-party/double-conversion-1.1.6/src/bignum.h",
-				"../third-party/double-conversion-1.1.6/src/cached-powers.cc",
-				"../third-party/double-conversion-1.1.6/src/cached-powers.h",
-				"../third-party/double-conversion-1.1.6/src/diy-fp.cc",
-				"../third-party/double-conversion-1.1.6/src/diy-fp.h",
-				"../third-party/double-conversion-1.1.6/src/double-conversion.cc",
-				"../third-party/double-conversion-1.1.6/src/double-conversion.h",
-				"../third-party/double-conversion-1.1.6/src/fast-dtoa.cc",
-				"../third-party/double-conversion-1.1.6/src/fast-dtoa.h",
-				"../third-party/double-conversion-1.1.6/src/fixed-dtoa.cc",
-				"../third-party/double-conversion-1.1.6/src/fixed-dtoa.h",
-				"../third-party/double-conversion-1.1.6/src/ieee.h",
-				"../third-party/double-conversion-1.1.6/src/strtod.cc",
-				"../third-party/double-conversion-1.1.6/src/strtod.h",
-				"../third-party/double-conversion-1.1.6/src/utils.h",
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "if [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n  if nc -w 5 -z localhost 8081 ; then\n    if ! curl -s \"http://localhost:8081/status\" | grep -q \"packager-status:running\" ; then\n      echo \"Port 8081 already in use, packager is either not running or not running correctly\"\n      exit 2\n    fi\n  else\n    open \"$SRCROOT/../scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n  fi\nfi";
-		};
-		18632C001EF495820010A3BB /* Include RCTJSCProfiler */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputPaths = (
-			);
-			name = "Include RCTJSCProfiler";
-			outputPaths = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "if [[ \"$CONFIGURATION\" == \"Debug\" ]] && [[ -d \"/tmp/RCTJSCProfiler\" ]]; then\n   find \"${CONFIGURATION_BUILD_DIR}\" -name '*.app' | xargs -I{} sh -c 'cp -r /tmp/RCTJSCProfiler \"$1\"' -- {}\nfi";
-		};
-		188202801EF48B9B00C9B354 /* Install Third Party */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputPaths = (
-			);
-			name = "Install Third Party";
-			outputPaths = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "cd $SRCROOT/..\nexec ./scripts/ios-install-third-party.sh\n";
-		};
-		190EE32F1E6A43DE00A8543A /* Install Third Party */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputPaths = (
-			);
-			name = "Install Third Party";
-			outputPaths = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "cd \"$SRCROOT/..\"\nexec ./scripts/ios-install-third-party.sh\n";
-		};
-		2D6948201DA3042200B3FA97 /* Include RCTJSCProfiler */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputPaths = (
-			);
-			name = "Include RCTJSCProfiler";
-			outputPaths = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "if [[ \"$CONFIGURATION\" == \"Debug\" ]] && [[ -d \"/tmp/RCTJSCProfiler\" ]]; then\nfind \"${CONFIGURATION_BUILD_DIR}\" -name '*.app' | xargs -I{} sh -c 'cp -r /tmp/RCTJSCProfiler \"$1\"' -- {}\nfi";
-			showEnvVarsInLog = 0;
-		};
-		2D6948301DA3088700B3FA97 /* Start Packager */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputPaths = (
-			);
-			name = "Start Packager";
-			outputPaths = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "if [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\nif nc -w 5 -z localhost 8081 ; then\nif ! curl -s \"http://localhost:8081/status\" | grep -q \"packager-status:running\" ; then\necho \"Port 8081 already in use, packager is either not running or not running correctly\"\nexit 2\nfi\nelse\nopen \"$SRCROOT/../scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\nfi\nfi";
-			showEnvVarsInLog = 0;
-		};
-		3D383D3E1EBD27B9005632C8 /* Install Third Party */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputPaths = (
-			);
-			name = "Install Third Party";
-			outputPaths = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "cd \"$SRCROOT/..\"\nexec ./scripts/ios-install-third-party.sh";
-		};
-/* End PBXShellScriptBuildPhase section */
-
-/* Begin PBXSourcesBuildPhase section */
-		139D7E841E25C6D100323FB7 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				139D7E911E25C70B00323FB7 /* bignum-dtoa.cc in Sources */,
-				139D7E931E25C70B00323FB7 /* bignum.cc in Sources */,
-				139D7E951E25C70B00323FB7 /* cached-powers.cc in Sources */,
-				139D7E971E25C70B00323FB7 /* diy-fp.cc in Sources */,
-				139D7E991E25C70B00323FB7 /* double-conversion.cc in Sources */,
-				139D7E9B1E25C70B00323FB7 /* fast-dtoa.cc in Sources */,
-				139D7E9D1E25C70B00323FB7 /* fixed-dtoa.cc in Sources */,
-				139D7EA01E25C70B00323FB7 /* strtod.cc in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		139D7ECA1E25DB7D00323FB7 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				139D84B01E273B5600323FB7 /* Conv.cpp in Sources */,
-				83281387217EB73400574D55 /* (null) in Sources */,
-				833D02BD217EBD2600A23750 /* (null) in Sources */,
-				83281390217EB76C00574D55 /* (null) in Sources */,
-				833D02BA217EBCFA00A23750 /* (null) in Sources */,
-				139D84B11E273B5600323FB7 /* dynamic.cpp in Sources */,
-				8328138D217EB75C00574D55 /* (null) in Sources */,
-				9F0D892C224165FC0053729F /* String.cpp in Sources */,
-				9F0D891C2241658E0053729F /* json_pointer.cpp in Sources */,
-				13F8875A1E2971D400C3C7A1 /* (null) in Sources */,
-				9F0D8910224161A90053729F /* Demangle.cpp in Sources */,
-				83281399217EB79D00574D55 /* (null) in Sources */,
-				9F0D8908224160F20053729F /* Assume.cpp in Sources */,
-				9F0D8924224165D20053729F /* ScopeGuard.cpp in Sources */,
-				83281393217EB77D00574D55 /* (null) in Sources */,
-				9F0D8930224166060053729F /* Unicode.cpp in Sources */,
-				9F0D8920224165BA0053729F /* MallocImpl.cpp in Sources */,
-				9F0D8918224165770053729F /* Format.cpp in Sources */,
-				13F887581E2971D400C3C7A1 /* (null) in Sources */,
-				9F0D890C2241611B0053729F /* ColdClass.cpp in Sources */,
-				9F0D8928224165F10053729F /* SpookyHashV2.cpp in Sources */,
-				83281396217EB79000574D55 /* (null) in Sources */,
-				9F0D8914224164B70053729F /* F14Table.cpp in Sources */,
-				83281384217EB70900574D55 /* (null) in Sources */,
-				8328138A217EB74C00574D55 /* (null) in Sources */,
-				139D84B31E273B5600323FB7 /* json.cpp in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		1854FE1E1EF483C00008DADC /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				3DC159E41E83E1AE007B1282 /* RCTRootContentView.m in Sources */,
-				2D3B5EC91D9B095C00451313 /* RCTBorderDrawing.m in Sources */,
-				189727C12141CE42002A4E2A /* RCTPickerManager.m in Sources */,
-				38B6D1FF228C879400AC0F0E /* (null) in Sources */,
-				18B8F97D21431D5F00CE911A /* RCTPlatformDisplayLink.m in Sources */,
-				2D3B5E991D9B089A00451313 /* RCTDisplayLink.m in Sources */,
-				2D3B5EA11D9B08B600451313 /* RCTModuleData.mm in Sources */,
-				590D7C001EBD458B00D8A370 /* RCTShadowView+Layout.m in Sources */,
-				2D3B5EAE1D9B08F800451313 /* RCTEventEmitter.m in Sources */,
-				2D3B5ECA1D9B095F00451313 /* RCTComponentData.m in Sources */,
-				2D3B5EA31D9B08BE00451313 /* RCTParserUtils.m in Sources */,
-				59500D461F71C63F00B122B7 /* RCTUIManagerUtils.m in Sources */,
-				2D3B5EA01D9B08B200451313 /* RCTLog.mm in Sources */,
-				1897278A2141CD62002A4E2A /* RCTClipboard.m in Sources */,
-				5960C1BC1F0804A00066FD5B /* RCTLayoutAnimationGroup.m in Sources */,
-				2D3B5ECF1D9B096F00451313 /* RCTFont.mm in Sources */,
-				39C50FFC2046EE3500CEE534 /* RCTVersion.m in Sources */,
-				2D3B5EBC1D9B092600451313 /* RCTKeyboardObserver.m in Sources */,
-				657734931EE8356100A0E9EA /* RCTInspector.mm in Sources */,
-				59EB6DBE1EBD6FC90072A5E7 /* RCTUIManagerObserverCoordinator.mm in Sources */,
-				18B8F97E21431D6900CE911A /* RCTPlatform.m in Sources */,
-				383C517E243446D900CCBC30 /* RCTStatusBarManager.m in Sources */,
-				2D3B5E971D9B089000451313 /* RCTBridge.m in Sources */,
-				2D3B5E9B1D9B08A000451313 /* RCTFrameUpdate.m in Sources */,
-				2D3B5EE41D9B09BB00451313 /* RCTSegmentedControlManager.m in Sources */,
-				189727502141CC78002A4E2A /* RCTBridge+Cxx.mm in Sources */,
-				59EDBCB81FDF4E0C003573DE /* RCTScrollView.m in Sources */,
-				13134C9F1E296B2A00B9F3CB /* RCTCxxModule.mm in Sources */,
-				1968A2621F67275300EB3D1D /* RCTComponentEvent.m in Sources */,
-				2D3B5EE31D9B09B700451313 /* RCTSegmentedControl.m in Sources */,
-				189727D42141CE7E002A4E2A /* RCTSwitchManager.m in Sources */,
-				383C517D2434412900CCBC30 /* RCTProgressViewManager.m in Sources */,
-				130443A41E3FEAC600D93A67 /* RCTFollyConvert.mm in Sources */,
-				3D7BFD201EA8E351008DFB7A /* RCTPackagerConnection.mm in Sources */,
-				59E604A51FE9CCE300BD90C5 /* RCTScrollContentShadowView.m in Sources */,
-				5960C1B81F0804A00066FD5B /* RCTLayoutAnimation.m in Sources */,
-				2D3B5EB71D9B091800451313 /* RCTRedBox.m in Sources */,
-				184808C72165908300C3C43F /* RCTSurfaceStage.m in Sources */,
-				189727D22141CE7B002A4E2A /* RCTSwitch.m in Sources */,
-				18B8F97F21431D6F00CE911A /* RCTUIKit.m in Sources */,
-				3D7AA9C61E548CDD001955CF /* NSDataBigString.mm in Sources */,
-				13134C8F1E296B2A00B9F3CB /* RCTMessageThread.mm in Sources */,
-				0EEEA8E02239002200A8C82D /* RCTSurfacePresenterStub.m in Sources */,
-				2D3B5EAF1D9B08FB00451313 /* RCTAccessibilityManager.m in Sources */,
-				2D3B5EF11D9B09E700451313 /* UIView+React.m in Sources */,
-				2D3B5E931D9B087300451313 /* RCTErrorInfo.m in Sources */,
-				C60669371F3CCF1B00E67165 /* RCTManagedPointer.mm in Sources */,
-				184808C62165905B00C3C43F /* RCTSurfaceView.mm in Sources */,
-				2D3B5EE01D9B09AD00451313 /* RCTRootShadowView.m in Sources */,
-				2D3B5EBA1D9B092100451313 /* RCTI18nUtil.m in Sources */,
-				2D3B5EB41D9B090A00451313 /* RCTDevLoadingView.m in Sources */,
-				2D3B5EEF1D9B09DC00451313 /* RCTViewManager.m in Sources */,
-				13134C971E296B2A00B9F3CB /* RCTObjcExecutor.mm in Sources */,
-				130E3D8B1E6A083900ACE484 /* RCTDevSettings.mm in Sources */,
-				2D3B5E951D9B087C00451313 /* RCTAssert.m in Sources */,
-				2D3B5EB61D9B091400451313 /* RCTExceptionsManager.m in Sources */,
-				C606692F1F3CC60500E67165 /* RCTModuleMethod.mm in Sources */,
-				2D3B5EA51D9B08C700451313 /* RCTRootView.m in Sources */,
-				13134C871E296B2A00B9F3CB /* RCTCxxBridge.mm in Sources */,
-				CF2731C31E7B8DF30044CA4F /* RCTDeviceInfo.m in Sources */,
-				597633371F4E021D005BE8A4 /* RCTShadowView+Internal.m in Sources */,
-				189727B12141CE0F002A4E2A /* RCTDatePickerManager.m in Sources */,
-				2D3B5EB11D9B090100451313 /* RCTAppState.m in Sources */,
-				59E604A31FE9CCE300BD90C5 /* RCTScrollContentViewManager.m in Sources */,
-				1384E20B1E806D5B00545659 /* RCTNativeModule.mm in Sources */,
-				2D3B5EC21D9B093B00451313 /* RCTProfile.m in Sources */,
-				9FF2AC19228A441D003BA899 /* RCTPicker.m in Sources */,
-				9FB7D3EB224ABDA400F31D11 /* RCTDatePicker.m in Sources */,
-				2D3B5ECB1D9B096200451313 /* RCTConvert+CoreLocation.m in Sources */,
-				2D3B5EEE1D9B09DA00451313 /* RCTView.m in Sources */,
-				2D3B5E981D9B089500451313 /* RCTConvert.m in Sources */,
-				189727ED2141CF36002A4E2A /* RCTSlider.m in Sources */,
-				3D7BFD181EA8E351008DFB7A /* RCTPackagerClient.m in Sources */,
-				2D3B5EA71D9B08CE00451313 /* RCTTouchHandler.m in Sources */,
-				8507BBBF21EDACC200AEAFCA /* JSCExecutorFactory.mm in Sources */,
-				3D05745A1DE5FFF500184BB4 /* RCTJavaScriptLoader.mm in Sources */,
-				2D3B5EA41D9B08C200451313 /* RCTPerformanceLogger.m in Sources */,
-				3DCE53251FEAB1E000613583 /* RCTShadowView.m in Sources */,
-				2D3B5E9E1D9B08AD00451313 /* RCTJSStackFrame.m in Sources */,
-				13134CA31E296B2A00B9F3CB /* RCTCxxUtils.mm in Sources */,
-				2D3B5E941D9B087900451313 /* RCTBundleURLProvider.m in Sources */,
-				2D3B5EB81D9B091B00451313 /* RCTSourceCode.m in Sources */,
-				591F78DB202ADB22004A668C /* RCTLayout.m in Sources */,
-				2D3B5EB51D9B091100451313 /* RCTDevMenu.m in Sources */,
-				2D3B5EBD1D9B092A00451313 /* RCTTiming.m in Sources */,
-				2D3B5EA81D9B08D300451313 /* RCTUtils.m in Sources */,
-				18F3BA0D2142F49600AD247D /* RCTProgressView.m in Sources */,
-				1821ACEA21E7D94A00B151F7 /* RCTDynamicColor.m in Sources */,
-				2D3B5EC81D9B095800451313 /* RCTActivityIndicatorViewManager.m in Sources */,
-				130443DB1E401ADD00D93A67 /* RCTConvert+Transform.m in Sources */,
-				2D3B5EC61D9B095000451313 /* RCTProfileTrampoline-x86_64.S in Sources */,
-				2D3B5EA61D9B08CA00451313 /* RCTTouchEvent.m in Sources */,
-				2D8C2E331DA40441000EE098 /* RCTMultipartStreamReader.m in Sources */,
-				59EDBCBC1FDF4E0C003573DE /* RCTScrollViewManager.m in Sources */,
-				59EDBCB01FDF4E0C003573DE /* RCTScrollContentView.m in Sources */,
-				2D3B5EB01D9B08FE00451313 /* RCTAlertManager.m in Sources */,
-				13134C9B1E296B2A00B9F3CB /* RCTCxxMethod.mm in Sources */,
-				2D3B5E9C1D9B08A300451313 /* RCTImageSource.m in Sources */,
-				657734861EE834D900A0E9EA /* RCTInspectorDevServerHelper.mm in Sources */,
-				2D74EAFA1DAE9590003B751B /* RCTMultipartDataTask.m in Sources */,
-				657734951EE8356100A0E9EA /* RCTInspectorPackagerConnection.m in Sources */,
-				189727D12141CE78002A4E2A /* RCTSliderManager.m in Sources */,
-				2D3B5EBB1D9B092300451313 /* RCTI18nManager.m in Sources */,
-				2D3B5EBE1D9B092D00451313 /* RCTUIManager.m in Sources */,
-				C60128AE1F3D1258009DF9FF /* RCTCxxConvert.m in Sources */,
-				2D3B5E9A1D9B089D00451313 /* RCTEventDispatcher.m in Sources */,
-				2D3B5EC71D9B095600451313 /* RCTActivityIndicatorView.m in Sources */,
-				2D3B5EB21D9B090300451313 /* RCTAsyncLocalStorage.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		1897274C2141CC21002A4E2A /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				1897274E2141CC6C002A4E2A /* RCTBridge.m in Sources */,
-				189727E62141CEB9002A4E2A /* RCTScrollContentShadowView.m in Sources */,
-				189727A02141CDAB002A4E2A /* RCTPerfMonitor.m in Sources */,
-				189727562141CC8F002A4E2A /* RCTEventDispatcher.m in Sources */,
-				189727EC2141CED3002A4E2A /* (null) in Sources */,
-				189727942141CD81002A4E2A /* RCTLayoutAnimation.m in Sources */,
-				189727892141CD5D002A4E2A /* RCTAsyncLocalStorage.m in Sources */,
-				189727A32141CDBE002A4E2A /* RCTProfileTrampoline-arm64.S in Sources */,
-				189727572141CC93002A4E2A /* RCTFrameUpdate.m in Sources */,
-				189727802141CD33002A4E2A /* RCTDevLoadingView.m in Sources */,
-				1897275F2141CCAE002A4E2A /* RCTModuleData.mm in Sources */,
-				189727BD2141CE36002A4E2A /* (null) in Sources */,
-				189727EE2141CFF6002A4E2A /* RCTErrorInfo.m in Sources */,
-				189727932141CD7E002A4E2A /* RCTKeyboardObserver.m in Sources */,
-				1897275E2141CCAA002A4E2A /* RCTManagedPointer.mm in Sources */,
-				189727A62141CDCE002A4E2A /* RCTProfileTrampoline-x86_64.S in Sources */,
-				189727E52141CEB3002A4E2A /* RCTSafeAreaViewManager.m in Sources */,
-				1897277F2141CD30002A4E2A /* RCTInspectorDevServerHelper.mm in Sources */,
-				189727632141CCBC002A4E2A /* RCTParserUtils.m in Sources */,
-				189727B72141CE25002A4E2A /* RCTModalHostViewController.m in Sources */,
-				189727A92141CDDF002A4E2A /* RCTActivityIndicatorViewManager.m in Sources */,
-				189727972141CD8A002A4E2A /* RCTRedBoxExtraDataViewController.m in Sources */,
-				189727682141CCCC002A4E2A /* RCTRootView.m in Sources */,
-				1897276E2141CCE9002A4E2A /* RCTSurface.mm in Sources */,
-				189727B22141CE13002A4E2A /* RCTFont.mm in Sources */,
-				1897277A2141CD1C002A4E2A /* RCTNativeModule.mm in Sources */,
-				1897279B2141CD99002A4E2A /* RCTTVNavigationEventEmitter.m in Sources */,
-				189727982141CD8D002A4E2A /* RCTSourceCode.m in Sources */,
-				189727E82141CEBF002A4E2A /* RCTScrollContentViewManager.m in Sources */,
-				189727A22141CDBE002A4E2A /* RCTProfileTrampoline-arm.S in Sources */,
-				189727E22141CEAA002A4E2A /* RCTSafeAreaShadowView.m in Sources */,
-				189727D62141CE81002A4E2A /* (null) in Sources */,
-				189727B42141CE1A002A4E2A /* RCTMaskedView.m in Sources */,
-				1897274D2141CC68002A4E2A /* RCTAssert.m in Sources */,
-				189727B82141CE28002A4E2A /* RCTModalHostViewManager.m in Sources */,
-				1897277D2141CD25002A4E2A /* RCTCxxUtils.mm in Sources */,
-				189727EA2141CEC4002A4E2A /* RCTScrollViewManager.m in Sources */,
-				189727582141CC95002A4E2A /* RCTImageSource.m in Sources */,
-				189727832141CD3D002A4E2A /* RCTPackagerConnection.mm in Sources */,
-				189727722141CCF8002A4E2A /* RCTSurfaceView.mm in Sources */,
-				189727652141CCC3002A4E2A /* RCTPlatform.m in Sources */,
-				189727DB2141CE95002A4E2A /* RCTView.m in Sources */,
-				189727DC2141CE98002A4E2A /* RCTViewManager.m in Sources */,
-				189727BC2141CE33002A4E2A /* (null) in Sources */,
-				189727622141CCB9002A4E2A /* RCTMultipartStreamReader.m in Sources */,
-				1897276C2141CCE0002A4E2A /* RCTUtils.m in Sources */,
-				189727752141CD08002A4E2A /* NSDataBigString.mm in Sources */,
-				1897276D2141CCE3002A4E2A /* RCTVersion.m in Sources */,
-				189727822141CD3A002A4E2A /* RCTPackagerClient.m in Sources */,
-				1897279F2141CDA9002A4E2A /* RCTFPSGraph.m in Sources */,
-				189727CB2141CE68002A4E2A /* RCTShadowView.m in Sources */,
-				189727C22141CE46002A4E2A /* RCTProgressView.m in Sources */,
-				189727692141CCD0002A4E2A /* RCTTouchEvent.m in Sources */,
-				189727592141CC99002A4E2A /* RCTJavaScriptLoader.mm in Sources */,
-				189727672141CCC9002A4E2A /* RCTRootContentView.m in Sources */,
-				189727602141CCB3002A4E2A /* RCTModuleMethod.mm in Sources */,
-				189727E32141CEAD002A4E2A /* RCTSafeAreaView.m in Sources */,
-				1897277C2141CD22002A4E2A /* RCTCxxModule.mm in Sources */,
-				189727B92141CE2B002A4E2A /* RCTModalManager.m in Sources */,
-				189727532141CC85002A4E2A /* RCTConvert.m in Sources */,
-				189727CC2141CE6C002A4E2A /* RCTShadowView+Internal.m in Sources */,
-				189727902141CD74002A4E2A /* RCTI18nManager.m in Sources */,
-				189727BB2141CE30002A4E2A /* (null) in Sources */,
-				189727CA2141CE65002A4E2A /* RCTSegmentedControlManager.m in Sources */,
-				1897275C2141CCA4002A4E2A /* RCTKeyCommands.m in Sources */,
-				189727E92141CEC1002A4E2A /* RCTScrollView.m in Sources */,
-				189727B32141CE17002A4E2A /* RCTLayout.m in Sources */,
-				189727C92141CE62002A4E2A /* RCTSegmentedControl.m in Sources */,
-				189727992141CD90002A4E2A /* RCTStatusBarManager.m in Sources */,
-				189727522141CC82002A4E2A /* RCTBundleURLProvider.m in Sources */,
-				189727A82141CDDC002A4E2A /* RCTActivityIndicatorView.m in Sources */,
-				189727E42141CEB0002A4E2A /* RCTSafeAreaViewLocalData.m in Sources */,
-				1897278E2141CD6D002A4E2A /* RCTEventEmitter.m in Sources */,
-				1897276F2141CCEC002A4E2A /* RCTSurfaceRootShadowView.m in Sources */,
-				189727842141CD41002A4E2A /* RCTInspector.mm in Sources */,
-				189727762141CD0C002A4E2A /* RCTCxxBridge.mm in Sources */,
-				189727E12141CEA2002A4E2A /* RCTWrapperViewController.m in Sources */,
-				189727AB2141CDE7002A4E2A /* RCTComponentData.m in Sources */,
-				1897279E2141CDA4002A4E2A /* RCTUIManagerUtils.m in Sources */,
-				189727D72141CE84002A4E2A /* (null) in Sources */,
-				189727AC2141CDEA002A4E2A /* RCTConvert+CoreLocation.m in Sources */,
-				1897278D2141CD6A002A4E2A /* RCTDevSettings.mm in Sources */,
-				189727E72141CEBC002A4E2A /* RCTScrollContentView.m in Sources */,
-				38BF7CDF22AF1B9900240972 /* JSCExecutorFactory.mm in Sources */,
-				9F5C1830230C67CA00E3E5A7 /* RCTSurfacePresenterStub.m in Sources */,
-				189727B62141CE20002A4E2A /* RCTModalHostView.m in Sources */,
-				189727772141CD10002A4E2A /* (null) in Sources */,
-				1897279C2141CD9E002A4E2A /* RCTUIManager.m in Sources */,
-				1897275B2141CCA1002A4E2A /* RCTJSStackFrame.m in Sources */,
-				189727512141CC78002A4E2A /* RCTBridge+Cxx.mm in Sources */,
-				189727922141CD7B002A4E2A /* (null) in Sources */,
-				1897279A2141CD94002A4E2A /* RCTTiming.m in Sources */,
-				189727612141CCB6002A4E2A /* RCTMultipartDataTask.m in Sources */,
-				189727792141CD16002A4E2A /* RCTObjcExecutor.mm in Sources */,
-				189727A12141CDAF002A4E2A /* RCTProfile.m in Sources */,
-				189727DA2141CE8F002A4E2A /* RCTTVView.m in Sources */,
-				189727B52141CE1D002A4E2A /* RCTMaskedViewManager.m in Sources */,
-				189727542141CC88002A4E2A /* RCTCxxConvert.m in Sources */,
-				1897276A2141CCD3002A4E2A /* RCTTouchHandler.m in Sources */,
-				189727F02141D066002A4E2A /* InspectorInterfaces.cpp in Sources */,
-				1897278C2141CD66002A4E2A /* RCTDeviceInfo.m in Sources */,
-				189727782141CD13002A4E2A /* RCTMessageThread.mm in Sources */,
-				189727A42141CDC7002A4E2A /* RCTProfileTrampoline-i386.S in Sources */,
-				189727742141CD01002A4E2A /* RCTSurfaceSizeMeasureMode.mm in Sources */,
-				189727EF2141D041002A4E2A /* (null) in Sources */,
-				189727852141CD44002A4E2A /* RCTInspectorPackagerConnection.m in Sources */,
-				189727732141CCFE002A4E2A /* RCTSurfaceHostingView.mm in Sources */,
-				189727D82141CE87002A4E2A /* (null) in Sources */,
-				189727812141CD37002A4E2A /* RCTDevMenu.m in Sources */,
-				189727952141CD83002A4E2A /* RCTLayoutAnimationGroup.m in Sources */,
-				189727642141CCBF002A4E2A /* RCTPerformanceLogger.m in Sources */,
-				189727702141CCF0002A4E2A /* RCTSurfaceRootView.mm in Sources */,
-				189727AD2141CDEF002A4E2A /* RCTConvert+Transform.m in Sources */,
-				189727BA2141CE2D002A4E2A /* (null) in Sources */,
-				1897277B2141CD1F002A4E2A /* RCTCxxMethod.mm in Sources */,
-				189727862141CD4B002A4E2A /* RCTAccessibilityManager.m in Sources */,
-				189727662141CCC7002A4E2A /* RCTReloadCommand.m in Sources */,
-				1897278F2141CD70002A4E2A /* RCTExceptionsManager.m in Sources */,
-				189727C82141CE5F002A4E2A /* RCTRootShadowView.m in Sources */,
-				189727C32141CE48002A4E2A /* RCTProgressViewManager.m in Sources */,
-				189727A72141CDD6002A4E2A /* RCTUIUtils.m in Sources */,
-				189727AA2141CDE3002A4E2A /* RCTBorderDrawing.m in Sources */,
-				1897277E2141CD2A002A4E2A /* RCTFollyConvert.mm in Sources */,
-				1897275D2141CCA7002A4E2A /* RCTLog.mm in Sources */,
-				189727CD2141CE6F002A4E2A /* RCTShadowView+Layout.m in Sources */,
-				189727D92141CE8A002A4E2A /* (null) in Sources */,
-				189727962141CD86002A4E2A /* RCTRedBox.m in Sources */,
-				1897276B2141CCDB002A4E2A /* RCTTVRemoteHandler.m in Sources */,
-				1897275A2141CC9C002A4E2A /* (null) in Sources */,
-				189727912141CD78002A4E2A /* RCTI18nUtil.m in Sources */,
-				189727872141CD51002A4E2A /* RCTAlertManager.m in Sources */,
-				1897279D2141CDA0002A4E2A /* RCTUIManagerObserverCoordinator.mm in Sources */,
-				189727712141CCF3002A4E2A /* RCTSurfaceStage.m in Sources */,
-				189727552141CC8C002A4E2A /* RCTDisplayLink.m in Sources */,
-				189727882141CD59002A4E2A /* RCTAppState.m in Sources */,
-				189727EB2141CEC8002A4E2A /* UIView+React.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		18F3BA102142F7BE00AD247D /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				18F3BA352142F97000AD247D /* (null) in Sources */,
-				184808C32165902400C3C43F /* JSExecutor.cpp in Sources */,
-				18F3BA3B2142F97000AD247D /* RAMBundleRegistry.cpp in Sources */,
-				18F3BA2C2142F96200AD247D /* Instance.cpp in Sources */,
-				18F3BA3A2142F97000AD247D /* (null) in Sources */,
-				184808C52165903A00C3C43F /* ReactMarker.cpp in Sources */,
-				18F3BA2D2142F96200AD247D /* JSBigString.cpp in Sources */,
-				18F3BA362142F97000AD247D /* JSIndexedRAMBundle.cpp in Sources */,
-				18F3BA382142F97000AD247D /* ModuleRegistry.cpp in Sources */,
-				18F3BA342142F96200AD247D /* (null) in Sources */,
-				18F3BA392142F97000AD247D /* NativeToJsBridge.cpp in Sources */,
-				18F3BA312142F96200AD247D /* (null) in Sources */,
-				18F3BA372142F97000AD247D /* MethodCall.cpp in Sources */,
-				18F3BA332142F96200AD247D /* (null) in Sources */,
-				18F3BA2F2142F96200AD247D /* (null) in Sources */,
-				18F3BA2E2142F96200AD247D /* JSBundleType.cpp in Sources */,
-				18F3BA322142F96200AD247D /* (null) in Sources */,
-				18F3BA302142F96200AD247D /* (null) in Sources */,
-				18F3BA2B2142F96200AD247D /* CxxNativeModule.cpp in Sources */,
-				18F3BA3C2142F97000AD247D /* SampleCxxModule.cpp in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		18F3BA112142F83F00AD247D /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9F5C199323104CBF00E3E5A7 /* log.cpp in Sources */,
-				9FF2AC1A228A44D1003BA899 /* YGMarker.cpp in Sources */,
-				9FF2AC1B228A451C003BA899 /* YGValue.cpp in Sources */,
-				18F3BA2A2142F94F00AD247D /* Yoga.cpp in Sources */,
-				18F3BA252142F94B00AD247D /* YGStyle.cpp in Sources */,
-				18F3BA272142F94F00AD247D /* YGNode.cpp in Sources */,
-				18F3BA292142F94F00AD247D /* YGEnums.cpp in Sources */,
-				18F3BA262142F94F00AD247D /* Utils.cpp in Sources */,
-				18F3BA242142F94800AD247D /* YGLayout.cpp in Sources */,
-				18F3BA282142F94F00AD247D /* YGNodePrint.cpp in Sources */,
-				184808C121658FF200C3C43F /* YGConfig.cpp in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		18F3BA172142F86400AD247D /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				18F3BA182142F86400AD247D /* InspectorInterfaces.cpp in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		18F3BA1D2142F88400AD247D /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9F0D8921224165BA0053729F /* MallocImpl.cpp in Sources */,
-				9F0D8911224161A90053729F /* Demangle.cpp in Sources */,
-				18F3BA432142F98500AD247D /* (null) in Sources */,
-				9F0D8919224165770053729F /* Format.cpp in Sources */,
-				18F3BA4A2142F98500AD247D /* dynamic.cpp in Sources */,
-				9F0D8929224165F10053729F /* SpookyHashV2.cpp in Sources */,
-				9F0D8909224160F20053729F /* Assume.cpp in Sources */,
-				18F3BA4B2142F98500AD247D /* json.cpp in Sources */,
-				9F0D890D2241611B0053729F /* ColdClass.cpp in Sources */,
-				9F0D891D2241658E0053729F /* json_pointer.cpp in Sources */,
-				18F3BA462142F98500AD247D /* (null) in Sources */,
-				18F3BA442142F98500AD247D /* (null) in Sources */,
-				9F0D8915224164B70053729F /* F14Table.cpp in Sources */,
-				9F0D8925224165D20053729F /* ScopeGuard.cpp in Sources */,
-				18F3BA452142F98500AD247D /* (null) in Sources */,
-				18F3BA492142F98500AD247D /* Conv.cpp in Sources */,
-				9F0D892D224165FC0053729F /* String.cpp in Sources */,
-				18F3BA472142F98500AD247D /* (null) in Sources */,
-				9F0D8931224166060053729F /* Unicode.cpp in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		18F3BA1E2142F89000AD247D /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				18F3BA522142F99300AD247D /* fixed-dtoa.cc in Sources */,
-				18F3BA4E2142F99300AD247D /* cached-powers.cc in Sources */,
-				18F3BA512142F99300AD247D /* fast-dtoa.cc in Sources */,
-				18F3BA4C2142F99300AD247D /* bignum-dtoa.cc in Sources */,
-				18F3BA4F2142F99300AD247D /* diy-fp.cc in Sources */,
-				18F3BA532142F99300AD247D /* strtod.cc in Sources */,
-				18F3BA502142F99300AD247D /* double-conversion.cc in Sources */,
-				18F3BA4D2142F99300AD247D /* bignum.cc in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D383D241EBD27B6005632C8 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				3D383D251EBD27B6005632C8 /* Conv.cpp in Sources */,
-				9F0D8912224161A90053729F /* Demangle.cpp in Sources */,
-				9F0D892E224165FC0053729F /* String.cpp in Sources */,
-				3D383D261EBD27B6005632C8 /* (null) in Sources */,
-				83281388217EB73400574D55 /* (null) in Sources */,
-				9F0D8916224164B70053729F /* F14Table.cpp in Sources */,
-				833D02BE217EBD2600A23750 /* (null) in Sources */,
-				9F0D890A224160F20053729F /* Assume.cpp in Sources */,
-				83281391217EB76C00574D55 /* (null) in Sources */,
-				833D02BB217EBCFA00A23750 /* (null) in Sources */,
-				9F0D8922224165BA0053729F /* MallocImpl.cpp in Sources */,
-				3D383D291EBD27B6005632C8 /* dynamic.cpp in Sources */,
-				8328138E217EB75C00574D55 /* (null) in Sources */,
-				3D383D2F1EBD27B6005632C8 /* (null) in Sources */,
-				9F0D892A224165F10053729F /* SpookyHashV2.cpp in Sources */,
-				9F0D890E2241611B0053729F /* ColdClass.cpp in Sources */,
-				8328139A217EB79D00574D55 /* (null) in Sources */,
-				83281394217EB77D00574D55 /* (null) in Sources */,
-				3D383D311EBD27B6005632C8 /* (null) in Sources */,
-				83281397217EB79000574D55 /* (null) in Sources */,
-				83281385217EB71200574D55 /* (null) in Sources */,
-				8328138B217EB74C00574D55 /* (null) in Sources */,
-				9F0D8926224165D20053729F /* ScopeGuard.cpp in Sources */,
-				9F0D891E2241658E0053729F /* json_pointer.cpp in Sources */,
-				9F0D8932224166060053729F /* Unicode.cpp in Sources */,
-				3D383D341EBD27B6005632C8 /* json.cpp in Sources */,
-				9F0D891A224165770053729F /* Format.cpp in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D383D3F1EBD27B9005632C8 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				3D383D401EBD27B9005632C8 /* bignum-dtoa.cc in Sources */,
-				3D383D411EBD27B9005632C8 /* bignum.cc in Sources */,
-				3D383D421EBD27B9005632C8 /* cached-powers.cc in Sources */,
-				3D383D431EBD27B9005632C8 /* diy-fp.cc in Sources */,
-				3D383D441EBD27B9005632C8 /* double-conversion.cc in Sources */,
-				3D383D451EBD27B9005632C8 /* fast-dtoa.cc in Sources */,
-				3D383D461EBD27B9005632C8 /* fixed-dtoa.cc in Sources */,
-				3D383D471EBD27B9005632C8 /* strtod.cc in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D3C05301DE3340900C268FA /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				ACC75C5A221AA1EA002F24E8 /* log.cpp in Sources */,
-				AC4A6AFA21FB4EBF00FBEC39 /* YGMarker.cpp in Sources */,
-				AC6B69E721B146B400B2B68A /* YGValue.cpp in Sources */,
-				AC8360D121B025BC00FC46B9 /* YGConfig.cpp in Sources */,
-				53D123A01FBF1EFF001B8A10 /* Yoga.cpp in Sources */,
-				5352C5752038FF9500A3B97E /* YGStyle.cpp in Sources */,
-				53EC85E21FDEC75F0051B2B5 /* YGNode.cpp in Sources */,
-				53D1239A1FBF1EF2001B8A10 /* YGEnums.cpp in Sources */,
-				53756E3B2004FFFA00FBBD99 /* Utils.cpp in Sources */,
-				53438962203905BB008E0CB3 /* YGLayout.cpp in Sources */,
-				5376C5E41FC6DDBC0083513D /* YGNodePrint.cpp in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D3C06181DE3340C00C268FA /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				ACC75C57221AA1BD002F24E8 /* log.cpp in Sources */,
-				AC4A6AFB21FB4ECA00FBEC39 /* YGMarker.cpp in Sources */,
-				AC6B69EA21B146E700B2B68A /* YGValue.cpp in Sources */,
-				BA0501B02109DD1800A6BBC4 /* YGConfig.cpp in Sources */,
-				53D123A11FBF1EFF001B8A10 /* Yoga.cpp in Sources */,
-				5352C5762038FF9700A3B97E /* YGStyle.cpp in Sources */,
-				53EC85E31FDEC75F0051B2B5 /* YGNode.cpp in Sources */,
-				53D1239B1FBF1EF4001B8A10 /* YGEnums.cpp in Sources */,
-				53756E3E2005000300FBBD99 /* Utils.cpp in Sources */,
-				53438963203905BC008E0CB3 /* YGLayout.cpp in Sources */,
-				5376C5E51FC6DDBD0083513D /* YGNodePrint.cpp in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D3CD91F1DE5FBEC00167DC4 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				3DC159E51E83E1E9007B1282 /* JSBigString.cpp in Sources */,
-				13F8877B1E29726200C3C7A1 /* JSIndexedRAMBundle.cpp in Sources */,
-				13F8877D1E29726200C3C7A1 /* ModuleRegistry.cpp in Sources */,
-				C6D3801C1F71D76700621378 /* RAMBundleRegistry.cpp in Sources */,
-				13F8876E1E29726200C3C7A1 /* CxxNativeModule.cpp in Sources */,
-				13DA8A332097A90B00276ED4 /* ReactMarker.cpp in Sources */,
-				13F887711E29726200C3C7A1 /* JSBundleType.cpp in Sources */,
-				13F8877C1E29726200C3C7A1 /* MethodCall.cpp in Sources */,
-				184808C42165902500C3C43F /* JSExecutor.cpp in Sources */,
-				13F887701E29726200C3C7A1 /* Instance.cpp in Sources */,
-				13F8877E1E29726200C3C7A1 /* NativeToJsBridge.cpp in Sources */,
-				13F887801E29726200C3C7A1 /* SampleCxxModule.cpp in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		3D3CD92C1DE5FBEE00167DC4 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				BA0501AE2109DD0600A6BBC4 /* JSExecutor.cpp in Sources */,
-				3DC159E61E83E1FA007B1282 /* JSBigString.cpp in Sources */,
-				13F8878E1E29726300C3C7A1 /* JSIndexedRAMBundle.cpp in Sources */,
-				13F887901E29726300C3C7A1 /* ModuleRegistry.cpp in Sources */,
-				C6D3801D1F71D76800621378 /* RAMBundleRegistry.cpp in Sources */,
-				13DA8A342097A90B00276ED4 /* ReactMarker.cpp in Sources */,
-				13F887841E29726300C3C7A1 /* Instance.cpp in Sources */,
-				3D80D9181DF6F7A80028D040 /* JSBundleType.cpp in Sources */,
-				13F8878F1E29726300C3C7A1 /* MethodCall.cpp in Sources */,
-				13F887911E29726300C3C7A1 /* NativeToJsBridge.cpp in Sources */,
-				13F887821E29726300C3C7A1 /* CxxNativeModule.cpp in Sources */,
-				13F887931E29726300C3C7A1 /* SampleCxxModule.cpp in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		83CBBA2A1A601D0E00E9B192 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				13134C9A1E296B2A00B9F3CB /* RCTCxxMethod.mm in Sources */,
-				59500D451F71C63F00B122B7 /* RCTUIManagerUtils.m in Sources */,
-				597633361F4E021D005BE8A4 /* RCTShadowView+Internal.m in Sources */,
-				13723B501A82FD3C00F88898 /* RCTStatusBarManager.m in Sources */,
-				000E6CEB1AB0E980000CDF4D /* RCTSourceCode.m in Sources */,
-				001BFCD01D8381DE008E587E /* RCTMultipartStreamReader.m in Sources */,
-				14C2CA761B3AC64F00E6CBB2 /* RCTFrameUpdate.m in Sources */,
-				594F0A341FD23228007FBE96 /* RCTSurfaceHostingView.mm in Sources */,
-				13134C861E296B2A00B9F3CB /* RCTCxxBridge.mm in Sources */,
-				13B07FEF1A69327A00A75B9A /* RCTAlertManager.m in Sources */,
-				599FAA4C1FB274980058CCF6 /* RCTSurfaceView.mm in Sources */,
-				352DCFF01D19F4C20056D623 /* RCTI18nUtil.m in Sources */,
-				66CD94B71F1045E700CB3C7C /* RCTMaskedViewManager.m in Sources */,
-				008341F61D1DB34400876D9A /* RCTJSStackFrame.m in Sources */,
-				13134C961E296B2A00B9F3CB /* RCTObjcExecutor.mm in Sources */,
-				59D031FB1F8353D3008361F0 /* RCTSafeAreaViewManager.m in Sources */,
-				83CBBACC1A6023D300E9B192 /* RCTConvert.m in Sources */,
-				131B6AF41AF1093D00FFC3E0 /* RCTSegmentedControl.m in Sources */,
-				830A229E1A66C68A008503DA /* RCTRootView.m in Sources */,
-				8507BBBE21EDACC200AEAFCA /* JSCExecutorFactory.mm in Sources */,
-				13B07FF01A69327A00A75B9A /* RCTExceptionsManager.m in Sources */,
-				13A0C28A1B74F71200B29F6F /* RCTDevMenu.m in Sources */,
-				13BCE8091C99CB9D00DD7AAD /* RCTRootShadowView.m in Sources */,
-				006FC4141D9B20820057AAAD /* RCTMultipartDataTask.m in Sources */,
-				13CC8A821B17642100940AE7 /* RCTBorderDrawing.m in Sources */,
-				C60128AD1F3D1258009DF9FF /* RCTCxxConvert.m in Sources */,
-				3DCE53291FEAB23100613583 /* RCTDatePicker.m in Sources */,
-				0EEEA8DF2239002200A8C82D /* RCTSurfacePresenterStub.m in Sources */,
-				83CBBA511A601E3B00E9B192 /* RCTAssert.m in Sources */,
-				59EB6DBD1EBD6FC90072A5E7 /* RCTUIManagerObserverCoordinator.mm in Sources */,
-				59E604A21FE9CCE300BD90C5 /* RCTScrollContentViewManager.m in Sources */,
-				13AF20451AE707F9005F5298 /* RCTSlider.m in Sources */,
-				130443A21E3FEAA900D93A67 /* RCTFollyConvert.mm in Sources */,
-				58114A501AAE93D500E7D092 /* RCTAsyncLocalStorage.m in Sources */,
-				657734851EE834C900A0E9EA /* RCTInspectorDevServerHelper.mm in Sources */,
-				130E3D891E6A082100ACE484 /* RCTDevSettings.mm in Sources */,
-				59283CA01FD67321000EAAB9 /* RCTSurfaceStage.m in Sources */,
-				13513F3C1B1F43F400FCE529 /* RCTProgressViewManager.m in Sources */,
-				14F7A0F01BDA714B003C6C10 /* RCTFPSGraph.m in Sources */,
-				1968A2611F67275300EB3D1D /* RCTComponentEvent.m in Sources */,
-				3D7BFD171EA8E351008DFB7A /* RCTPackagerClient.m in Sources */,
-				14F3620D1AABD06A001CE568 /* RCTSwitch.m in Sources */,
-				13134C8E1E296B2A00B9F3CB /* RCTMessageThread.mm in Sources */,
-				599FAA381FB274980058CCF6 /* RCTSurface.mm in Sources */,
-				18008F9E2141A922007F325D /* RCTProgressView.m in Sources */,
-				59D031EF1F8353D3008361F0 /* RCTSafeAreaShadowView.m in Sources */,
-				3D1E68DB1CABD13900DD7465 /* RCTDisplayLink.m in Sources */,
-				1897274F2141CC77002A4E2A /* RCTBridge+Cxx.mm in Sources */,
-				14F3620E1AABD06A001CE568 /* RCTSwitchManager.m in Sources */,
-				13B080201A69489C00A75B9A /* RCTActivityIndicatorViewManager.m in Sources */,
-				13E067561A70F44B002CDEE1 /* RCTViewManager.m in Sources */,
-				13BB3D021BECD54500932C10 /* RCTImageSource.m in Sources */,
-				13134CA21E296B2A00B9F3CB /* RCTCxxUtils.mm in Sources */,
-				C606692E1F3CC60500E67165 /* RCTModuleMethod.mm in Sources */,
-				1450FF8A1BCFF28A00208362 /* RCTProfileTrampoline-x86_64.S in Sources */,
-				13D9FEEB1CDCCECF00158BD7 /* RCTEventEmitter.m in Sources */,
-				599FAA3E1FB274980058CCF6 /* RCTSurfaceRootShadowView.m in Sources */,
-				AC70D2E91DE489E4002E6351 /* RCTJavaScriptLoader.mm in Sources */,
-				39C50FFB2046EE3500CEE534 /* RCTVersion.m in Sources */,
-				14F7A0EC1BDA3B3C003C6C10 /* RCTPerfMonitor.m in Sources */,
-				5960C1B71F0804A00066FD5B /* RCTLayoutAnimation.m in Sources */,
-				13134C9E1E296B2A00B9F3CB /* RCTCxxModule.mm in Sources */,
-				59E604A41FE9CCE300BD90C5 /* RCTScrollContentShadowView.m in Sources */,
-				1450FF881BCFF28A00208362 /* RCTProfileTrampoline-arm64.S in Sources */,
-				13E41EEB1C05CA0B00CD8DAC /* RCTProfileTrampoline-i386.S in Sources */,
-				3D37B5821D522B190042D5B5 /* RCTFont.mm in Sources */,
-				59EDBCB71FDF4E0C003573DE /* RCTScrollView.m in Sources */,
-				59EDBCBB1FDF4E0C003573DE /* RCTScrollViewManager.m in Sources */,
-				599FAA441FB274980058CCF6 /* RCTSurfaceRootView.mm in Sources */,
-				C60669361F3CCF1B00E67165 /* RCTManagedPointer.mm in Sources */,
-				13B080261A694A8400A75B9A /* RCTWrapperViewController.m in Sources */,
-				A2440AA31DF8D854006E7BFC /* RCTReloadCommand.m in Sources */,
-				6577348F1EE8354A00A0E9EA /* RCTInspector.mm in Sources */,
-				E9B20B7B1B500126007A2DA7 /* RCTAccessibilityManager.m in Sources */,
-				13A0C2891B74F71200B29F6F /* RCTDevLoadingView.m in Sources */,
-				13B07FF21A69327A00A75B9A /* RCTTiming.m in Sources */,
-				1372B70A1AB030C200659ED6 /* RCTAppState.m in Sources */,
-				59A7B9FE1E577DBF0068EDBF /* RCTRootContentView.m in Sources */,
-				13E067591A70F44B002CDEE1 /* UIView+React.m in Sources */,
-				591F78DA202ADB22004A668C /* RCTLayout.m in Sources */,
-				FEFAAC9E1FDB89B50057BBE0 /* RCTRedBoxExtraDataViewController.m in Sources */,
-				14F484561AABFCE100FDF6B9 /* RCTSliderManager.m in Sources */,
-				CF2731C11E7B8DE40044CA4F /* RCTDeviceInfo.m in Sources */,
-				3D7AA9C41E548CD5001955CF /* NSDataBigString.mm in Sources */,
-				13D033631C1837FE0021DC29 /* RCTClipboard.m in Sources */,
-				14C2CA741B3AC64300E6CBB2 /* RCTModuleData.mm in Sources */,
-				142014191B32094000CC17BA /* RCTPerformanceLogger.m in Sources */,
-				83CBBA981A6020BB00E9B192 /* RCTTouchHandler.m in Sources */,
-				3EDCA8A51D3591E700450C31 /* RCTErrorInfo.m in Sources */,
-				83CBBA521A601E3B00E9B192 /* RCTLog.mm in Sources */,
-				13A6E20E1C19AA0C00845B82 /* RCTParserUtils.m in Sources */,
-				59D031F71F8353D3008361F0 /* RCTSafeAreaViewLocalData.m in Sources */,
-				13E067571A70F44B002CDEE1 /* RCTView.m in Sources */,
-				3D7749441DC1065C007EC8D8 /* RCTPlatform.m in Sources */,
-				59EDBCAF1FDF4E0C003573DE /* RCTScrollContentView.m in Sources */,
-				13D9FEEE1CDCD93000158BD7 /* RCTKeyboardObserver.m in Sources */,
-				B233E6EA1D2D845D00BC68BA /* RCTI18nManager.m in Sources */,
-				3D7BFD1F1EA8E351008DFB7A /* RCTPackagerConnection.mm in Sources */,
-				13456E931ADAD2DE009F94A7 /* RCTConvert+CoreLocation.m in Sources */,
-				13A1F71E1A75392D00D3D453 /* RCTKeyCommands.m in Sources */,
-				83CBBA531A601E3B00E9B192 /* RCTUtils.m in Sources */,
-				130443C61E401A8C00D93A67 /* RCTConvert+Transform.m in Sources */,
-				191E3EC11C29DC3800C180A6 /* RCTRefreshControl.m in Sources */,
-				3DCE532B1FEAB23100613583 /* RCTDatePickerManager.m in Sources */,
-				83CBBA601A601EAA00E9B192 /* RCTBridge.m in Sources */,
-				590D7BFF1EBD458B00D8A370 /* RCTShadowView+Layout.m in Sources */,
-				5335D5411FE81A4700883D58 /* RCTShadowView.m in Sources */,
-				66CD94B31F1045E700CB3C7C /* RCTMaskedView.m in Sources */,
-				58114A161AAE854800E7D092 /* RCTPicker.m in Sources */,
-				83A1FE8C1B62640A00BE0E65 /* RCTModalHostView.m in Sources */,
-				5925356A20084D0600DD584B /* RCTSurfaceSizeMeasureMode.mm in Sources */,
-				1450FF871BCFF28A00208362 /* RCTProfileTrampoline-arm.S in Sources */,
-				131B6AF51AF1093D00FFC3E0 /* RCTSegmentedControlManager.m in Sources */,
-				58114A171AAE854800E7D092 /* RCTPickerManager.m in Sources */,
-				191E3EBE1C29D9AF00C180A6 /* RCTRefreshControlManager.m in Sources */,
-				657734911EE8354A00A0E9EA /* RCTInspectorPackagerConnection.m in Sources */,
-				68EFE4EE1CF6EB3900A1DE13 /* RCTBundleURLProvider.m in Sources */,
-				B95154321D1B34B200FE7B80 /* RCTActivityIndicatorView.m in Sources */,
-				5960C1BB1F0804A00066FD5B /* RCTLayoutAnimationGroup.m in Sources */,
-				13F17A851B8493E5007D4C75 /* RCTRedBox.m in Sources */,
-				59D031F31F8353D3008361F0 /* RCTSafeAreaView.m in Sources */,
-				83392EB31B6634E10013B15F /* RCTModalHostViewController.m in Sources */,
-				83CBBA691A601EF300E9B192 /* RCTEventDispatcher.m in Sources */,
-				83A1FE8F1B62643A00BE0E65 /* RCTModalHostViewManager.m in Sources */,
-				13E0674A1A70F434002CDEE1 /* RCTUIManager.m in Sources */,
-				1384E2091E806D4E00545659 /* RCTNativeModule.mm in Sources */,
-				391E86A41C623EC800009732 /* RCTTouchEvent.m in Sources */,
-				1450FF861BCFF28A00208362 /* RCTProfile.m in Sources */,
-				13AB90C11B6FA36700713B4F /* RCTComponentData.m in Sources */,
-				916F9C2D1F743F57002E5920 /* RCTModalManager.m in Sources */,
-				F1EFDA50201F661000EE6E4C /* RCTUIUtils.m in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		9FD21D70224303D900E7F88E /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9FD21D71224303D900E7F88E /* JSCRuntime.cpp in Sources */,
-				9FD21D72224303D900E7F88E /* jsi.cpp in Sources */,
-				9FD21D73224303D900E7F88E /* JSIDynamic.cpp in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		9FD21D8D224305AA00E7F88E /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				9FD21D8E224305AA00E7F88E /* JSINativeModules.cpp in Sources */,
-				9FD21D8F224305AA00E7F88E /* JSIExecutor.cpp in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		EBF21BD31FC498900052F4D5 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				EBF21BFC1FC4990B0052F4D5 /* InspectorInterfaces.cpp in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		EBF21BF11FC4989A0052F4D5 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				EBF21BFF1FC4998E0052F4D5 /* InspectorInterfaces.cpp in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		ED296FA9214C9A0900B7C4FE /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				ED296FB9214C9AC200B7C4FE /* JSCRuntime.cpp in Sources */,
-				ED296FB7214C9A9A00B7C4FE /* JSIDynamic.cpp in Sources */,
-				ED296FB8214C9A9A00B7C4FE /* jsi.cpp in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		ED296FE1214C9CF800B7C4FE /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				EDDA711E2164285A00B2D070 /* JSINativeModules.cpp in Sources */,
-				EDDA71202164285A00B2D070 /* JSIExecutor.cpp in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		EDEBC6CA214B3E7000DD5AC8 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				EDEBC6E6214B3F6800DD5AC8 /* JSCRuntime.cpp in Sources */,
-				EDEBC6E4214B3F6800DD5AC8 /* jsi.cpp in Sources */,
-				EDEBC6E3214B3F6800DD5AC8 /* JSIDynamic.cpp in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-		EDEBC734214B45A300DD5AC8 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				EDDA711D2164285A00B2D070 /* JSINativeModules.cpp in Sources */,
-				EDDA711F2164285A00B2D070 /* JSIExecutor.cpp in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXSourcesBuildPhase section */
-
-/* Begin PBXTargetDependency section */
-		1320081D1E283DCB00F0C457 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 139D7E871E25C6D100323FB7 /* double-conversion */;
-			targetProxy = 1320081C1E283DCB00F0C457 /* PBXContainerItemProxy */;
-		};
-		188202BF1EF48DBD00C9B354 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 1882027B1EF48B7E00C9B354 /* double-conversion-macOS */;
-			targetProxy = 188202BE1EF48DBD00C9B354 /* PBXContainerItemProxy */;
-		};
-		3D0574551DE5FF9600184BB4 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 3D3C059B1DE3340C00C268FA /* yoga-tvOS */;
-			targetProxy = 3D0574541DE5FF9600184BB4 /* PBXContainerItemProxy */;
-		};
-		3D0574571DE5FF9600184BB4 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 3D3CD9261DE5FBEE00167DC4 /* cxxreact-tvOS */;
-			targetProxy = 3D0574561DE5FF9600184BB4 /* PBXContainerItemProxy */;
-		};
-		3D383D661EBD27DB005632C8 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 3D383D3D1EBD27B9005632C8 /* double-conversion-tvOS */;
-			targetProxy = 3D383D651EBD27DB005632C8 /* PBXContainerItemProxy */;
-		};
-		3D3CD94C1DE5FCE700167DC4 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 3D3CD9191DE5FBEC00167DC4 /* cxxreact */;
-			targetProxy = 3D3CD94B1DE5FCE700167DC4 /* PBXContainerItemProxy */;
-		};
-		53D123991FBF1E0C001B8A10 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 3D3C04B91DE3340900C268FA /* yoga */;
-			targetProxy = 53D123981FBF1E0C001B8A10 /* PBXContainerItemProxy */;
-		};
-		6B857F531EC5218600A9D063 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 6B857F351EC51FCF00A9D063 /* cxxreact-macOS */;
-			targetProxy = 6B857F521EC5218600A9D063 /* PBXContainerItemProxy */;
-		};
-		6B857F551EC5218B00A9D063 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 6B857F241EC51FCC00A9D063 /* yoga-macOS */;
-			targetProxy = 6B857F541EC5218B00A9D063 /* PBXContainerItemProxy */;
-		};
-		9FD21D7A2243043100E7F88E /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 1882027B1EF48B7E00C9B354 /* double-conversion-macOS */;
-			targetProxy = 9FD21D792243043100E7F88E /* PBXContainerItemProxy */;
-		};
-		9FD21D7D2243058900E7F88E /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 9FD21D61224303D900E7F88E /* jsi-macOS */;
-			targetProxy = 9FD21D7C2243058900E7F88E /* PBXContainerItemProxy */;
-		};
-		9FD21D7F2243059300E7F88E /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 18F3BA132142F86400AD247D /* jsinspector-macOS */;
-			targetProxy = 9FD21D7E2243059300E7F88E /* PBXContainerItemProxy */;
-		};
-		9FD21D96224305C100E7F88E /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 9FD21D80224305AA00E7F88E /* jsiexecutor-macOS */;
-			targetProxy = 9FD21D95224305C100E7F88E /* PBXContainerItemProxy */;
-		};
-		9FD21D982243061900E7F88E /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 9FD21D61224303D900E7F88E /* jsi-macOS */;
-			targetProxy = 9FD21D972243061900E7F88E /* PBXContainerItemProxy */;
-		};
-		9FD21D9A2243062200E7F88E /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 188202A11EF48CF700C9B354 /* third-party-macOS */;
-			targetProxy = 9FD21D992243062200E7F88E /* PBXContainerItemProxy */;
-		};
-		9FD21D9C2243062900E7F88E /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 6B857F351EC51FCF00A9D063 /* cxxreact-macOS */;
-			targetProxy = 9FD21D9B2243062900E7F88E /* PBXContainerItemProxy */;
-		};
-		9FF8D1E72243081A00B8CECA /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 1882027B1EF48B7E00C9B354 /* double-conversion-macOS */;
-			targetProxy = 9FF8D1E62243081A00B8CECA /* PBXContainerItemProxy */;
-		};
-		ED296F7E214C957300B7C4FE /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = EDEBC6BA214B3E7000DD5AC8 /* jsi */;
-			targetProxy = ED296F7D214C957300B7C4FE /* PBXContainerItemProxy */;
-		};
-		ED296F81214C971800B7C4FE /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = EBF21BDD1FC4989A0052F4D5 /* jsinspector-tvOS */;
-			targetProxy = ED296F80214C971800B7C4FE /* PBXContainerItemProxy */;
-		};
-		ED296F97214C996500B7C4FE /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 3D383D3D1EBD27B9005632C8 /* double-conversion-tvOS */;
-			targetProxy = 9F2AC9612239D789005C9C14 /* PBXContainerItemProxy */;
-		};
-		ED296FF8214C9EAA00B7C4FE /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 3D383D211EBD27B6005632C8 /* third-party-tvOS */;
-			targetProxy = ED296FF7214C9EAA00B7C4FE /* PBXContainerItemProxy */;
-		};
-		ED296FFC214C9EC000B7C4FE /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 3D3CD9261DE5FBEE00167DC4 /* cxxreact-tvOS */;
-			targetProxy = ED296FFB214C9EC000B7C4FE /* PBXContainerItemProxy */;
-		};
-		ED296FFE214C9EC600B7C4FE /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = ED296F98214C9A0900B7C4FE /* jsi-tvOS */;
-			targetProxy = ED296FFD214C9EC600B7C4FE /* PBXContainerItemProxy */;
-		};
-		ED29704E215012C700B7C4FE /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 3D383D3D1EBD27B9005632C8 /* double-conversion-tvOS */;
-			targetProxy = ED29704D215012C700B7C4FE /* PBXContainerItemProxy */;
-		};
-		ED2970662150237300B7C4FE /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = ED296FD0214C9CF800B7C4FE /* jsiexecutor-tvOS */;
-			targetProxy = ED2970652150237300B7C4FE /* PBXContainerItemProxy */;
-		};
-		EDEBC74B214B46A700DD5AC8 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = EDEBC724214B45A300DD5AC8 /* jsiexecutor */;
-			targetProxy = EDEBC74A214B46A700DD5AC8 /* PBXContainerItemProxy */;
-		};
-		EDEBC74F214B477400DD5AC8 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = EDEBC6BA214B3E7000DD5AC8 /* jsi */;
-			targetProxy = EDEBC74E214B477400DD5AC8 /* PBXContainerItemProxy */;
-		};
-		EDEBC7CC214C516800DD5AC8 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 139D7E871E25C6D100323FB7 /* double-conversion */;
-			targetProxy = EDEBC7CB214C516800DD5AC8 /* PBXContainerItemProxy */;
-		};
-		EDEBC7CE214C523F00DD5AC8 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 3D3CD9191DE5FBEC00167DC4 /* cxxreact */;
-			targetProxy = EDEBC7CD214C523F00DD5AC8 /* PBXContainerItemProxy */;
-		};
-		EDEBC7D3214C528C00DD5AC8 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 139D7ECD1E25DB7D00323FB7 /* third-party */;
-			targetProxy = EDEBC7D2214C528C00DD5AC8 /* PBXContainerItemProxy */;
-		};
-		EDEBC7D7214C52FD00DD5AC8 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 139D7E871E25C6D100323FB7 /* double-conversion */;
-			targetProxy = EDEBC7D6214C52FD00DD5AC8 /* PBXContainerItemProxy */;
-		};
-		EDEBC7D9214C628300DD5AC8 /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = EBF21BBF1FC498900052F4D5 /* jsinspector */;
-			targetProxy = EDEBC7D8214C628300DD5AC8 /* PBXContainerItemProxy */;
-		};
-/* End PBXTargetDependency section */
-
-/* Begin XCBuildConfiguration section */
-		139D7E8F1E25C6D100323FB7 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_COMMA = NO;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				GCC_WARN_SHADOW = NO;
-				OTHER_LDFLAGS = "-ObjC";
-				PRIVATE_HEADERS_FOLDER_PATH = "/usr/local/include/double-conversion";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SKIP_INSTALL = YES;
-			};
-			name = Debug;
-		};
-		139D7E901E25C6D100323FB7 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_COMMA = NO;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				GCC_WARN_SHADOW = NO;
-				OTHER_LDFLAGS = "-ObjC";
-				PRIVATE_HEADERS_FOLDER_PATH = "/usr/local/include/double-conversion";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SKIP_INSTALL = YES;
-			};
-			name = Release;
-		};
-		139D7ED51E25DB7D00323FB7 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_WARN_COMMA = NO;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = NO;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				HEADER_SEARCH_PATHS = (
-					"$(SRCROOT)/../third-party/boost_1_63_0",
-					"$(SRCROOT)/../third-party/folly-2018.10.22.00",
-					"$(SRCROOT)/../third-party/glog-0.3.5/exported",
-				);
-				OTHER_CPLUSPLUSFLAGS = "$(OTHER_CFLAGS)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SKIP_INSTALL = YES;
-				USER_HEADER_SEARCH_PATHS = "";
-			};
-			name = Debug;
-		};
-		139D7ED61E25DB7D00323FB7 /* Release */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_WARN_COMMA = NO;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = NO;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				HEADER_SEARCH_PATHS = (
-					"$(SRCROOT)/../third-party/boost_1_63_0",
-					"$(SRCROOT)/../third-party/folly-2018.10.22.00",
-					"$(SRCROOT)/../third-party/glog-0.3.5/exported",
-				);
-				OTHER_CPLUSPLUSFLAGS = "$(OTHER_CFLAGS)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SKIP_INSTALL = YES;
-				USER_HEADER_SEARCH_PATHS = "";
-			};
-			name = Release;
-		};
-		1882027E1EF48B7E00C9B354 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CODE_SIGN_IDENTITY = "-";
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				EXECUTABLE_PREFIX = lib;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"$(inherited)",
-				);
-				PRIVATE_HEADERS_FOLDER_PATH = "/usr/local/include/double-conversion";
-				PRODUCT_NAME = "double-conversion";
-				SDKROOT = macosx;
-			};
-			name = Debug;
-		};
-		1882027F1EF48B7E00C9B354 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CODE_SIGN_IDENTITY = "-";
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				EXECUTABLE_PREFIX = lib;
-				PRIVATE_HEADERS_FOLDER_PATH = "/usr/local/include/double-conversion";
-				PRODUCT_NAME = "double-conversion";
-				SDKROOT = macosx;
-			};
-			name = Release;
-		};
-		188202AB1EF48CF700C9B354 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CODE_SIGN_IDENTITY = "-";
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				EXECUTABLE_PREFIX = lib;
-				GCC_ENABLE_CPP_EXCEPTIONS = YES;
-				GCC_ENABLE_CPP_RTTI = YES;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"$(inherited)",
-				);
-				PRODUCT_NAME = "third-party";
-				SDKROOT = macosx;
-			};
-			name = Debug;
-		};
-		188202AC1EF48CF700C9B354 /* Release */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CODE_SIGN_IDENTITY = "-";
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				EXECUTABLE_PREFIX = lib;
-				GCC_ENABLE_CPP_EXCEPTIONS = YES;
-				GCC_ENABLE_CPP_RTTI = YES;
-				PRODUCT_NAME = "third-party";
-				SDKROOT = macosx;
-			};
-			name = Release;
-		};
-		18F3BA1A2142F86400AD247D /* Debug */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/jsinspector;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-				SDKROOT = macosx;
-			};
-			name = Debug;
-		};
-		18F3BA1B2142F86400AD247D /* Release */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				GCC_PREPROCESSOR_DEFINITIONS = "$(inherited)";
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/jsinspector;
-				RUN_CLANG_STATIC_ANALYZER = NO;
-				SDKROOT = macosx;
-			};
-			name = Release;
-		};
-		2D2A28191D9B038B00D4039D /* Debug */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_WARN_COMMA = NO;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				ENABLE_TESTABILITY = YES;
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = React;
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/React;
-				SDKROOT = appletvos;
-			};
-			name = Debug;
-		};
-		2D2A281A1D9B038B00D4039D /* Release */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_WARN_COMMA = NO;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = React;
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/React;
-				SDKROOT = appletvos;
-			};
-			name = Release;
-		};
-		3D383D3A1EBD27B6005632C8 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_WARN_COMMA = NO;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = NO;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				HEADER_SEARCH_PATHS = (
-					"$(SRCROOT)/../third-party/boost_1_63_0",
-					"$(SRCROOT)/../third-party/folly-2018.10.22.00",
-					"$(SRCROOT)/../third-party/glog-0.3.5/exported",
-				);
-				OTHER_CPLUSPLUSFLAGS = "$(OTHER_CFLAGS)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "third-party";
-				SDKROOT = appletvos;
-				SKIP_INSTALL = YES;
-				USER_HEADER_SEARCH_PATHS = "";
-			};
-			name = Debug;
-		};
-		3D383D3B1EBD27B6005632C8 /* Release */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_WARN_COMMA = NO;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = NO;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				HEADER_SEARCH_PATHS = (
-					"$(SRCROOT)/../third-party/boost_1_63_0",
-					"$(SRCROOT)/../third-party/folly-2018.10.22.00",
-					"$(SRCROOT)/../third-party/glog-0.3.5/exported",
-				);
-				OTHER_CPLUSPLUSFLAGS = "$(OTHER_CFLAGS)";
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "third-party";
-				SDKROOT = appletvos;
-				SKIP_INSTALL = YES;
-				USER_HEADER_SEARCH_PATHS = "";
-			};
-			name = Release;
-		};
-		3D383D601EBD27B9005632C8 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_COMMA = NO;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				GCC_WARN_SHADOW = NO;
-				OTHER_LDFLAGS = "-ObjC";
-				PRIVATE_HEADERS_FOLDER_PATH = "/usr/local/include/double-conversion";
-				PRODUCT_NAME = "double-conversion";
-				SDKROOT = appletvos;
-				SKIP_INSTALL = YES;
-			};
-			name = Debug;
-		};
-		3D383D611EBD27B9005632C8 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_WARN_COMMA = NO;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				GCC_WARN_SHADOW = NO;
-				OTHER_LDFLAGS = "-ObjC";
-				PRIVATE_HEADERS_FOLDER_PATH = "/usr/local/include/double-conversion";
-				PRODUCT_NAME = "double-conversion";
-				SDKROOT = appletvos;
-				SKIP_INSTALL = YES;
-			};
-			name = Release;
-		};
-		3D3C05981DE3340900C268FA /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				CLANG_WARN_COMMA = NO;
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/yoga;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-			};
-			name = Debug;
-		};
-		3D3C05991DE3340900C268FA /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				CLANG_WARN_COMMA = NO;
-				GCC_PREPROCESSOR_DEFINITIONS = "$(inherited)";
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/yoga;
-				RUN_CLANG_STATIC_ANALYZER = NO;
-			};
-			name = Release;
-		};
-		3D3C06731DE3340C00C268FA /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_WARN_COMMA = NO;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				ENABLE_TESTABILITY = YES;
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = yoga;
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/yoga;
-				SDKROOT = appletvos;
-			};
-			name = Debug;
-		};
-		3D3C06741DE3340C00C268FA /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_WARN_COMMA = NO;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = yoga;
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/yoga;
-				SDKROOT = appletvos;
-			};
-			name = Release;
-		};
-		3D3CD9231DE5FBEC00167DC4 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				CLANG_WARN_COMMA = NO;
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/cxxreact;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-			};
-			name = Debug;
-		};
-		3D3CD9241DE5FBEC00167DC4 /* Release */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				CLANG_WARN_COMMA = NO;
-				GCC_PREPROCESSOR_DEFINITIONS = "$(inherited)";
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/cxxreact;
-				RUN_CLANG_STATIC_ANALYZER = NO;
-			};
-			name = Release;
-		};
-		3D3CD9301DE5FBEE00167DC4 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_WARN_COMMA = NO;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				ENABLE_TESTABILITY = YES;
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = cxxreact;
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/cxxreact;
-				SDKROOT = appletvos;
-			};
-			name = Debug;
-		};
-		3D3CD9311DE5FBEE00167DC4 /* Release */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_WARN_COMMA = NO;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = cxxreact;
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/cxxreact;
-				SDKROOT = appletvos;
-			};
-			name = Release;
-		};
-		6B857F211EC51FC600A9D063 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				GCC_PREPROCESSOR_DEFINITIONS = "$(inherited)";
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_CPLUSPLUSFLAGS = (
-					"$(OTHER_CFLAGS)",
-					"-D__ASSERT_MACROS_DEFINE_VERSIONS_WITHOUT_UNDERSCORES=0",
-				);
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = React;
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/React;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-				SDKROOT = macosx;
-			};
-			name = Debug;
-		};
-		6B857F221EC51FC600A9D063 /* Release */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				GCC_PREPROCESSOR_DEFINITIONS = "$(inherited)";
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_CPLUSPLUSFLAGS = (
-					"$(OTHER_CFLAGS)",
-					"-D__ASSERT_MACROS_DEFINE_VERSIONS_WITHOUT_UNDERSCORES=0",
-				);
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = React;
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/React;
-				RUN_CLANG_STATIC_ANALYZER = NO;
-				SDKROOT = macosx;
-			};
-			name = Release;
-		};
-		6B857F321EC51FCC00A9D063 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				GCC_PREPROCESSOR_DEFINITIONS = "$(inherited)";
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = yoga;
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/yoga;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-				SDKROOT = macosx;
-			};
-			name = Debug;
-		};
-		6B857F331EC51FCC00A9D063 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				GCC_PREPROCESSOR_DEFINITIONS = "$(inherited)";
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = yoga;
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/yoga;
-				RUN_CLANG_STATIC_ANALYZER = NO;
-				SDKROOT = macosx;
-			};
-			name = Release;
-		};
-		6B857F401EC51FCF00A9D063 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				GCC_PREPROCESSOR_DEFINITIONS = "$(inherited)";
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = cxxreact;
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/cxxreact;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-				SDKROOT = macosx;
-			};
-			name = Debug;
-		};
-		6B857F411EC51FCF00A9D063 /* Release */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				GCC_PREPROCESSOR_DEFINITIONS = "$(inherited)";
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = cxxreact;
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/cxxreact;
-				RUN_CLANG_STATIC_ANALYZER = NO;
-				SDKROOT = macosx;
-			};
-			name = Release;
-		};
-		83CBBA201A601CBA00E9B192 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
-				COPY_PHASE_STRIP = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				ENABLE_TESTABILITY = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_DYNAMIC_NO_PIC = NO;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_OPTIMIZATION_LEVEL = 0;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"RCT_DEBUG=1",
-					"RCT_DEV=1",
-					"RCT_NSASSERT=1",
-				);
-				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_MISSING_PROTOTYPES = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = YES;
-				ONLY_ACTIVE_ARCH = YES;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-				WARNING_CFLAGS = (
-					"-Wextra",
-					"-Wall",
-					"-Wno-semicolon-before-method-body",
-				);
-			};
-			name = Debug;
-		};
-		83CBBA211A601CBA00E9B192 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
-				COPY_PHASE_STRIP = YES;
-				ENABLE_NS_ASSERTIONS = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_PREPROCESSOR_DEFINITIONS = "";
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_MISSING_PROTOTYPES = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
-				GCC_WARN_SHADOW = YES;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
-				MACOSX_DEPLOYMENT_TARGET = 10.10;
-				MTL_ENABLE_DEBUG_INFO = NO;
-				SDKROOT = iphoneos;
-				SKIP_INSTALL = YES;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
-				VALIDATE_PRODUCT = YES;
-				WARNING_CFLAGS = (
-					"-Wextra",
-					"-Wall",
-					"-Wno-semicolon-before-method-body",
-				);
-			};
-			name = Release;
-		};
-		83CBBA401A601D0F00E9B192 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				CLANG_WARN_COMMA = NO;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"RCT_DEBUG=1",
-					"RCT_DEV=1",
-					"RCT_NSASSERT=1",
-					"RCT_METRO_PORT=${RCT_METRO_PORT}",
-				);
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_LDFLAGS = (
-					"-ObjC",
-					"-weak_framework",
-					WebKit,
-				);
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/React;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-			};
-			name = Debug;
-		};
-		83CBBA411A601D0F00E9B192 /* Release */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				CLANG_WARN_COMMA = NO;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"$(inherited)",
-					"RCT_METRO_PORT=${RCT_METRO_PORT}",
-				);
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_LDFLAGS = (
-					"-ObjC",
-					"-weak_framework",
-					WebKit,
-				);
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/React;
-				RUN_CLANG_STATIC_ANALYZER = NO;
-			};
-			name = Release;
-		};
-		9FD21D76224303D900E7F88E /* Debug */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/jsi;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-				SDKROOT = macosx;
-			};
-			name = Debug;
-		};
-		9FD21D77224303D900E7F88E /* Release */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				GCC_PREPROCESSOR_DEFINITIONS = "$(inherited)";
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/jsi;
-				RUN_CLANG_STATIC_ANALYZER = NO;
-				SDKROOT = macosx;
-			};
-			name = Release;
-		};
-		9FD21D92224305AA00E7F88E /* Debug */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/jsireact;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-				SDKROOT = macosx;
-			};
-			name = Debug;
-		};
-		9FD21D93224305AA00E7F88E /* Release */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				GCC_PREPROCESSOR_DEFINITIONS = "$(inherited)";
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/jsireact;
-				RUN_CLANG_STATIC_ANALYZER = NO;
-				SDKROOT = macosx;
-			};
-			name = Release;
-		};
-		EBF21BDA1FC498900052F4D5 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				CLANG_WARN_COMMA = NO;
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/jsinspector;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-			};
-			name = Debug;
-		};
-		EBF21BDB1FC498900052F4D5 /* Release */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				CLANG_WARN_COMMA = NO;
-				GCC_PREPROCESSOR_DEFINITIONS = "$(inherited)";
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/jsinspector;
-				RUN_CLANG_STATIC_ANALYZER = NO;
-			};
-			name = Release;
-		};
-		EBF21BF81FC4989A0052F4D5 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_WARN_COMMA = NO;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				ENABLE_TESTABILITY = YES;
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/jsinspector;
-				SDKROOT = appletvos;
-			};
-			name = Debug;
-		};
-		EBF21BF91FC4989A0052F4D5 /* Release */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_WARN_COMMA = NO;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				GCC_NO_COMMON_BLOCKS = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/jsinspector;
-				SDKROOT = appletvos;
-			};
-			name = Release;
-		};
-		ED296FB4214C9A0900B7C4FE /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_WARN_COMMA = NO;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				ENABLE_TESTABILITY = YES;
-				GCC_NO_COMMON_BLOCKS = YES;
-				HEADER_SEARCH_PATHS = (
-					"$(SRCROOT)/../third-party/boost_1_63_0",
-					"$(SRCROOT)/../third-party/folly-2018.10.22.00",
-					"$(SRCROOT)/../third-party/glog-0.3.5/src",
-				);
-				OTHER_CFLAGS = (
-					"-DFOLLY_NO_CONFIG",
-					"-DFOLLY_MOBILE=1",
-					"-DFOLLY_USE_LIBCPP=1",
-				);
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/jsi;
-				SDKROOT = appletvos;
-			};
-			name = Debug;
-		};
-		ED296FB5214C9A0900B7C4FE /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_WARN_COMMA = NO;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				GCC_NO_COMMON_BLOCKS = YES;
-				HEADER_SEARCH_PATHS = (
-					"$(SRCROOT)/../third-party/boost_1_63_0",
-					"$(SRCROOT)/../third-party/folly-2018.10.22.00",
-					"$(SRCROOT)/../third-party/glog-0.3.5/src",
-				);
-				OTHER_CFLAGS = (
-					"-DFOLLY_NO_CONFIG",
-					"-DFOLLY_MOBILE=1",
-					"-DFOLLY_USE_LIBCPP=1",
-				);
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/jsi;
-				SDKROOT = appletvos;
-			};
-			name = Release;
-		};
-		ED296FEC214C9CF800B7C4FE /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_WARN_COMMA = NO;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				ENABLE_TESTABILITY = YES;
-				GCC_NO_COMMON_BLOCKS = YES;
-				HEADER_SEARCH_PATHS = (
-					"$(SRCROOT)/../third-party/boost_1_63_0",
-					"$(SRCROOT)/../third-party/folly-2018.10.22.00",
-					"$(SRCROOT)/../third-party/glog-0.3.5/src",
-				);
-				OTHER_CFLAGS = (
-					"-DFOLLY_NO_CONFIG",
-					"-DFOLLY_MOBILE=1",
-					"-DFOLLY_USE_LIBCPP=1",
-				);
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/jsireact;
-				SDKROOT = appletvos;
-			};
-			name = Debug;
-		};
-		ED296FED214C9CF800B7C4FE /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_WARN_COMMA = NO;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_SUSPICIOUS_MOVES = YES;
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				GCC_NO_COMMON_BLOCKS = YES;
-				HEADER_SEARCH_PATHS = (
-					"$(SRCROOT)/../third-party/boost_1_63_0",
-					"$(SRCROOT)/../third-party/folly-2018.10.22.00",
-					"$(SRCROOT)/../third-party/glog-0.3.5/src",
-				);
-				OTHER_CFLAGS = (
-					"-DFOLLY_NO_CONFIG",
-					"-DFOLLY_MOBILE=1",
-					"-DFOLLY_USE_LIBCPP=1",
-				);
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/jsireact;
-				SDKROOT = appletvos;
-			};
-			name = Release;
-		};
-		EDEBC6D4214B3E7000DD5AC8 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				CLANG_WARN_COMMA = NO;
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/jsi;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-			};
-			name = Debug;
-		};
-		EDEBC6D5214B3E7000DD5AC8 /* Release */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				CLANG_WARN_COMMA = NO;
-				GCC_PREPROCESSOR_DEFINITIONS = "$(inherited)";
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/jsi;
-				RUN_CLANG_STATIC_ANALYZER = NO;
-			};
-			name = Release;
-		};
-		EDEBC739214B45A300DD5AC8 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				CLANG_WARN_COMMA = NO;
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/jsireact;
-				RUN_CLANG_STATIC_ANALYZER = YES;
-			};
-			name = Debug;
-		};
-		EDEBC73A214B45A300DD5AC8 /* Release */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D788F841EBD2D240063D616 /* third-party.xcconfig */;
-			buildSettings = {
-				ARCHS = (
-					"$(ARCHS_STANDARD)",
-					arm64e,
-				);
-				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
-				CLANG_STATIC_ANALYZER_MODE = deep;
-				CLANG_WARN_COMMA = NO;
-				GCC_PREPROCESSOR_DEFINITIONS = "$(inherited)";
-				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
-				OTHER_LDFLAGS = "-ObjC";
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				PUBLIC_HEADERS_FOLDER_PATH = /usr/local/include/jsireact;
-				RUN_CLANG_STATIC_ANALYZER = NO;
-			};
-			name = Release;
-		};
-/* End XCBuildConfiguration section */
-
-/* Begin XCConfigurationList section */
-		139D7E8E1E25C6D100323FB7 /* Build configuration list for PBXNativeTarget "double-conversion" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				139D7E8F1E25C6D100323FB7 /* Debug */,
-				139D7E901E25C6D100323FB7 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		139D7ED41E25DB7D00323FB7 /* Build configuration list for PBXNativeTarget "third-party" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				139D7ED51E25DB7D00323FB7 /* Debug */,
-				139D7ED61E25DB7D00323FB7 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		1882027D1EF48B7E00C9B354 /* Build configuration list for PBXNativeTarget "double-conversion-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				1882027E1EF48B7E00C9B354 /* Debug */,
-				1882027F1EF48B7E00C9B354 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		188202AA1EF48CF700C9B354 /* Build configuration list for PBXNativeTarget "third-party-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				188202AB1EF48CF700C9B354 /* Debug */,
-				188202AC1EF48CF700C9B354 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		18F3BA192142F86400AD247D /* Build configuration list for PBXNativeTarget "jsinspector-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				18F3BA1A2142F86400AD247D /* Debug */,
-				18F3BA1B2142F86400AD247D /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		2D2A281B1D9B038B00D4039D /* Build configuration list for PBXNativeTarget "React-tvOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				2D2A28191D9B038B00D4039D /* Debug */,
-				2D2A281A1D9B038B00D4039D /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		3D383D391EBD27B6005632C8 /* Build configuration list for PBXNativeTarget "third-party-tvOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				3D383D3A1EBD27B6005632C8 /* Debug */,
-				3D383D3B1EBD27B6005632C8 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		3D383D5F1EBD27B9005632C8 /* Build configuration list for PBXNativeTarget "double-conversion-tvOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				3D383D601EBD27B9005632C8 /* Debug */,
-				3D383D611EBD27B9005632C8 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		3D3C05971DE3340900C268FA /* Build configuration list for PBXNativeTarget "yoga" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				3D3C05981DE3340900C268FA /* Debug */,
-				3D3C05991DE3340900C268FA /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		3D3C06721DE3340C00C268FA /* Build configuration list for PBXNativeTarget "yoga-tvOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				3D3C06731DE3340C00C268FA /* Debug */,
-				3D3C06741DE3340C00C268FA /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		3D3CD9221DE5FBEC00167DC4 /* Build configuration list for PBXNativeTarget "cxxreact" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				3D3CD9231DE5FBEC00167DC4 /* Debug */,
-				3D3CD9241DE5FBEC00167DC4 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		3D3CD92F1DE5FBEE00167DC4 /* Build configuration list for PBXNativeTarget "cxxreact-tvOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				3D3CD9301DE5FBEE00167DC4 /* Debug */,
-				3D3CD9311DE5FBEE00167DC4 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		6B857F201EC51FC600A9D063 /* Build configuration list for PBXNativeTarget "React-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				6B857F211EC51FC600A9D063 /* Debug */,
-				6B857F221EC51FC600A9D063 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		6B857F311EC51FCC00A9D063 /* Build configuration list for PBXNativeTarget "yoga-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				6B857F321EC51FCC00A9D063 /* Debug */,
-				6B857F331EC51FCC00A9D063 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		6B857F3F1EC51FCF00A9D063 /* Build configuration list for PBXNativeTarget "cxxreact-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				6B857F401EC51FCF00A9D063 /* Debug */,
-				6B857F411EC51FCF00A9D063 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "React" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				83CBBA201A601CBA00E9B192 /* Debug */,
-				83CBBA211A601CBA00E9B192 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		83CBBA3F1A601D0F00E9B192 /* Build configuration list for PBXNativeTarget "React" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				83CBBA401A601D0F00E9B192 /* Debug */,
-				83CBBA411A601D0F00E9B192 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		9FD21D75224303D900E7F88E /* Build configuration list for PBXNativeTarget "jsi-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				9FD21D76224303D900E7F88E /* Debug */,
-				9FD21D77224303D900E7F88E /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		9FD21D91224305AA00E7F88E /* Build configuration list for PBXNativeTarget "jsiexecutor-macOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				9FD21D92224305AA00E7F88E /* Debug */,
-				9FD21D93224305AA00E7F88E /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		EBF21BD91FC498900052F4D5 /* Build configuration list for PBXNativeTarget "jsinspector" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				EBF21BDA1FC498900052F4D5 /* Debug */,
-				EBF21BDB1FC498900052F4D5 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		EBF21BF71FC4989A0052F4D5 /* Build configuration list for PBXNativeTarget "jsinspector-tvOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				EBF21BF81FC4989A0052F4D5 /* Debug */,
-				EBF21BF91FC4989A0052F4D5 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		ED296FB3214C9A0900B7C4FE /* Build configuration list for PBXNativeTarget "jsi-tvOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				ED296FB4214C9A0900B7C4FE /* Debug */,
-				ED296FB5214C9A0900B7C4FE /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		ED296FEB214C9CF800B7C4FE /* Build configuration list for PBXNativeTarget "jsiexecutor-tvOS" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				ED296FEC214C9CF800B7C4FE /* Debug */,
-				ED296FED214C9CF800B7C4FE /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		EDEBC6D3214B3E7000DD5AC8 /* Build configuration list for PBXNativeTarget "jsi" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				EDEBC6D4214B3E7000DD5AC8 /* Debug */,
-				EDEBC6D5214B3E7000DD5AC8 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		EDEBC738214B45A300DD5AC8 /* Build configuration list for PBXNativeTarget "jsiexecutor" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				EDEBC739214B45A300DD5AC8 /* Debug */,
-				EDEBC73A214B45A300DD5AC8 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-/* End XCConfigurationList section */
-	};
-	rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;
-}
diff --git a/React/Views/RCTActivityIndicatorViewManager.m b/React/Views/RCTActivityIndicatorViewManager.m
index f0819ffa6b9654..0726c2252f73c0 100644
--- a/React/Views/RCTActivityIndicatorViewManager.m
+++ b/React/Views/RCTActivityIndicatorViewManager.m
@@ -33,7 +33,17 @@ - (RCTPlatformView *)view // TODO(macOS ISS#2323203)
 
 RCT_EXPORT_VIEW_PROPERTY(color, UIColor)
 RCT_EXPORT_VIEW_PROPERTY(hidesWhenStopped, BOOL)
-RCT_REMAP_VIEW_PROPERTY(size, activityIndicatorViewStyle, UIActivityIndicatorViewStyle)
+RCT_CUSTOM_VIEW_PROPERTY(size, UIActivityIndicatorViewStyle, RCTActivityIndicatorView) // TODO(macOS ISS#2323203)
+{
+  /*
+    Setting activityIndicatorViewStyle overrides the color, so restore the original color
+    after setting the indicator style.
+  */
+  RCTUIColor *oldColor = view.color; // TODO(macOS ISS#2323203)
+  view.activityIndicatorViewStyle = json ? [RCTConvert UIActivityIndicatorViewStyle: json] : defaultView.activityIndicatorViewStyle;
+  view.color = oldColor;
+}
+
 RCT_CUSTOM_VIEW_PROPERTY(animating, BOOL, RCTActivityIndicatorView) // TODO(macOS ISS#2323203)
 {
   BOOL animating = json ? [RCTConvert BOOL:json] : [defaultView isAnimating];
diff --git a/React/Views/RCTBorderDrawing.m b/React/Views/RCTBorderDrawing.m
index 49e0e20df78a09..37ced388a0427f 100644
--- a/React/Views/RCTBorderDrawing.m
+++ b/React/Views/RCTBorderDrawing.m
@@ -472,7 +472,7 @@ static CGContextRef RCTUIGraphicsBeginImageContext(CGSize size, CGColorRef backg
 //         +------------------+
 //
 //
-// Note that this approach will produce discontinous colour changes at the edge
+// Note that this approach will produce discontinuous colour changes at the edge
 // (which is okay). The reason is that Quartz does not currently support drawing
 // of gradients _along_ a path (NB: clipping a path and drawing a linear gradient
 // is _not_ equivalent).
diff --git a/React/Views/RCTFont.mm b/React/Views/RCTFont.mm
index 399331daba3058..dddfef161ddea0 100644
--- a/React/Views/RCTFont.mm
+++ b/React/Views/RCTFont.mm
@@ -32,6 +32,7 @@ static RCTFontWeight weightOfFont(UIFont *font)
       @"semibold",
       @"demibold",
       @"extrabold",
+      @"ultrabold",
       @"bold",
       @"heavy",
       @"black"
@@ -46,6 +47,7 @@ static RCTFontWeight weightOfFont(UIFont *font)
       @(UIFontWeightSemibold),
       @(UIFontWeightSemibold),
       @(UIFontWeightHeavy),
+      @(UIFontWeightHeavy),
       @(UIFontWeightBold),
       @(UIFontWeightHeavy),
       @(UIFontWeightBlack)
diff --git a/React/Views/RCTModalHostViewManager.m b/React/Views/RCTModalHostViewManager.m
index 6377683d2dc748..28c1c5e9423060 100644
--- a/React/Views/RCTModalHostViewManager.m
+++ b/React/Views/RCTModalHostViewManager.m
@@ -49,7 +49,7 @@ @interface RCTModalHostViewManager () <RCTModalHostViewInteractor>
 
 @implementation RCTModalHostViewManager
 {
-  NSHashTable *_hostViews;
+  NSPointerArray *_hostViews;
 }
 
 RCT_EXPORT_MODULE()
@@ -59,9 +59,9 @@ - (UIView *)view
   RCTModalHostView *view = [[RCTModalHostView alloc] initWithBridge:self.bridge];
   view.delegate = self;
   if (!_hostViews) {
-    _hostViews = [NSHashTable weakObjectsHashTable];
+    _hostViews = [NSPointerArray weakObjectsPointerArray];
   }
-  [_hostViews addObject:view];
+  [_hostViews addPointer:(__bridge void *)view];
   return view;
 }
 
@@ -89,7 +89,7 @@ - (void)dismissModalHostView:(RCTModalHostView *)modalHostView withViewControlle
   if (_dismissalBlock) {
     _dismissalBlock([modalHostView reactViewController], viewController, animated, completionBlock);
   } else {
-    [viewController dismissViewControllerAnimated:animated completion:completionBlock];
+    [viewController.presentingViewController dismissViewControllerAnimated:animated completion:completionBlock];
   }
 }
 
@@ -104,7 +104,7 @@ - (void)invalidate
   for (RCTModalHostView *hostView in _hostViews) {
     [hostView invalidate];
   }
-  [_hostViews removeAllObjects];
+  _hostViews = nil;
 }
 
 RCT_EXPORT_VIEW_PROPERTY(animationType, NSString)
diff --git a/React/Views/RCTShadowView+Layout.h b/React/Views/RCTShadowView+Layout.h
index 76eca8088e5251..99e252c2646132 100644
--- a/React/Views/RCTShadowView+Layout.h
+++ b/React/Views/RCTShadowView+Layout.h
@@ -25,14 +25,14 @@
  * Designated method to control dirty propagation mechanism.
  * Dirties the shadow view (and all affected shadow views, usually a superview)
  * in terms of layout.
- * The default implementaion does nothing.
+ * The default implementation does nothing.
  */
 - (void)dirtyLayout;
 
 /**
  * Designated method to control dirty propagation mechanism.
  * Clears (makes not dirty) the shadow view.
- * The default implementaion does nothing.
+ * The default implementation does nothing.
  */
 - (void)clearLayout;
 
diff --git a/React/Views/RCTShadowView+Layout.m b/React/Views/RCTShadowView+Layout.m
index a4c39f208b7c8b..da110cc740b7f0 100644
--- a/React/Views/RCTShadowView+Layout.m
+++ b/React/Views/RCTShadowView+Layout.m
@@ -64,12 +64,12 @@ - (CGRect)contentFrame
 
 - (void)dirtyLayout
 {
-  // The default implementaion does nothing.
+  // The default implementation does nothing.
 }
 
 - (void)clearLayout
 {
-  // The default implementaion does nothing.
+  // The default implementation does nothing.
 }
 
 @end
diff --git a/React/Views/RCTView.h b/React/Views/RCTView.h
index d6acc94ffa91ae..e27e0137c71515 100644
--- a/React/Views/RCTView.h
+++ b/React/Views/RCTView.h
@@ -29,7 +29,6 @@ extern const UIAccessibilityTraits SwitchAccessibilityTrait;
 /**
  * Accessibility event handlers
  */
-@property (nonatomic, copy) NSArray <NSDictionary *> *accessibilityActions;
 @property (nonatomic, copy) RCTDirectEventBlock onAccessibilityAction;
 @property (nonatomic, copy) RCTDirectEventBlock onAccessibilityTap;
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
diff --git a/React/Views/RCTView.m b/React/Views/RCTView.m
index 836eb3bf344aa2..5412ea11719087 100644
--- a/React/Views/RCTView.m
+++ b/React/Views/RCTView.m
@@ -20,7 +20,7 @@
 UIAccessibilityTraits const SwitchAccessibilityTrait = 0x20000000000001;
 #endif // TODO(macOS ISS#2323203)
 
-@implementation RCTPlatformView (RCTViewUnmounting)
+@implementation RCTPlatformView (RCTViewUnmounting) // TODO(macOS ISS#2323203)
 
 - (void)react_remountAllSubviews
 {
@@ -179,24 +179,6 @@ - (NSString *)accessibilityLabel
   return RCTRecursiveAccessibilityLabel(self);
 }
 
--(void)setAccessibilityActions:(NSArray *)actions
-{
-  if (!actions) {
-    return;
-  }
-  accessibilityActionsNameMap = [[NSMutableDictionary alloc] init];
-  accessibilityActionsLabelMap = [[NSMutableDictionary alloc] init];
-  for (NSDictionary *action in actions) {
-    if (action[@"name"]) {
-      accessibilityActionsNameMap[action[@"name"]] = action;
-    }
-    if (action[@"label"]) {
-      accessibilityActionsLabelMap[action[@"label"]] = action;
-    }
-  }
-  _accessibilityActions = [actions copy];
-}
-
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 - (NSArray <UIAccessibilityCustomAction *> *)accessibilityCustomActions
 {
@@ -204,9 +186,15 @@ -(void)setAccessibilityActions:(NSArray *)actions
     return nil;
   }
 
+  accessibilityActionsNameMap = [[NSMutableDictionary alloc] init];
+  accessibilityActionsLabelMap = [[NSMutableDictionary alloc] init];
   NSMutableArray *actions = [NSMutableArray array];
   for (NSDictionary *action in self.accessibilityActions) {
+    if (action[@"name"]) {
+      accessibilityActionsNameMap[action[@"name"]] = action;
+    }
     if (action[@"label"]) {
+      accessibilityActionsLabelMap[action[@"label"]] = action;
       [actions addObject:[[UIAccessibilityCustomAction alloc] initWithName:action[@"label"]
                                                                     target:self
                                                                   selector:@selector(didActivateAccessibilityCustomAction:)]];
@@ -246,6 +234,15 @@ - (NSString *)accessibilityValue
         return @"0";
       }
     }
+    for (NSString *state in self.accessibilityState) {
+      id val = self.accessibilityState[state];
+      if (!val) {
+        continue;
+      }
+      if ([state isEqualToString:@"checked"] && [val isKindOfClass:[NSNumber class]]) {
+        return [val boolValue] ? @"1" : @"0";
+      }
+    }
   }
 #endif // TODO(macOS ISS#2323203)
   NSMutableArray *valueComponents = [NSMutableArray new];
@@ -280,6 +277,7 @@ - (NSString *)accessibilityValue
                           @"busy" : @"busy",
                           @"expanded" : @"expanded",
                           @"collapsed" : @"collapsed",
+                          @"mixed": @"mixed",
                           };
   });
   NSString *roleDescription = self.accessibilityRole ? roleDescriptions[self.accessibilityRole]: nil;
@@ -292,8 +290,27 @@ - (NSString *)accessibilityValue
       [valueComponents addObject:stateDescription];
     }
   }
+  for (NSString *state in self.accessibilityState) {
+    id val = self.accessibilityState[state];
+    if (!val) {
+      continue;
+    }
+    if ([state isEqualToString:@"checked"]) {
+      if ([val isKindOfClass:[NSNumber class]]) {
+        [valueComponents addObject:stateDescriptions[[val boolValue] ? @"checked" : @"unchecked"]];
+      } else if ([val isKindOfClass:[NSString class]] && [val isEqualToString:@"mixed"]) {
+        [valueComponents addObject:stateDescriptions[@"mixed"]];
+      }
+    }
+    if ([state isEqualToString:@"expanded"] && [val isKindOfClass:[NSNumber class]]) {
+      [valueComponents addObject:stateDescriptions[[val boolValue] ? @"expanded" : @"collapsed"]];
+    }
+    if ([state isEqualToString:@"busy"] && [val isKindOfClass:[NSNumber class]] && [val boolValue]) {
+      [valueComponents addObject:stateDescriptions[@"busy"]];
+    }
+  }
   if (valueComponents.count > 0) {
-    return [valueComponents componentsJoinedByString:@",  "];
+    return [valueComponents componentsJoinedByString:@", "];
   }
   return nil;
 }
@@ -901,7 +918,7 @@ - (void)displayLayer:(CALayer *)layer
   // solve this, we'll need to add a container view inside the main view to
   // correctly clip the subviews.
 
-#if !TARGET_OS_OSX
+#if !TARGET_OS_OSX // [TODO(macOS ISS#2323203)
   id savedTraitCollection = nil;
 #if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 130000
   if (@available(iOS 13.0, *)) {
@@ -909,7 +926,7 @@ - (void)displayLayer:(CALayer *)layer
     [UITraitCollection setCurrentTraitCollection:[self traitCollection]];
   }
 #endif
-#endif
+#endif // ]TODO(macOS ISS#2323203)
 
   if (useIOSBorderRendering) {
     layer.cornerRadius = cornerRadii.topLeft;
@@ -922,13 +939,13 @@ - (void)displayLayer:(CALayer *)layer
     return;
   }
 
-#if !TARGET_OS_OSX
+#if !TARGET_OS_OSX // [TODO(macOS ISS#2323203)
 #if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 130000
   if (@available(iOS 13.0, *)) {
     [UITraitCollection setCurrentTraitCollection:savedTraitCollection];
   }
 #endif 
-#endif
+#endif // ]TODO(macOS ISS#2323203)
 
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
   CGFloat scaleFactor = self.window.backingScaleFactor;
@@ -1126,9 +1143,9 @@ - (void)setBorder##side##Style:(RCTBorderStyle)style \
 
 - (void)dealloc
 {
-#if TARGET_OS_OSX // TODO(macOS ISS#2323203)
+#if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
   [[NSNotificationCenter defaultCenter] removeObserver:self];
-#endif // TODO(macOS ISS#2323203)
+#endif // ]TODO(macOS ISS#2323203)
   CGColorRelease(_borderColor);
   CGColorRelease(_borderTopColor);
   CGColorRelease(_borderRightColor);
diff --git a/React/Views/RCTViewManager.m b/React/Views/RCTViewManager.m
index b83b0c79968200..715691e48d733d 100644
--- a/React/Views/RCTViewManager.m
+++ b/React/Views/RCTViewManager.m
@@ -47,11 +47,11 @@ @implementation RCTConvert(UIAccessibilityTraits)
   @"adjustable": @(UIAccessibilityTraitAdjustable),
   @"allowsDirectInteraction": @(UIAccessibilityTraitAllowsDirectInteraction),
   @"pageTurn": @(UIAccessibilityTraitCausesPageTurn),
-  // TODO(macOS ISS#2323203):
+  // [TODO(macOS ISS#2323203):
   // a set of RN accessibilityTraits are macOS specific accessiblity roles and map to nothing on iOS:
   @"group": @(UIAccessibilityTraitNone),
   @"list": @(UIAccessibilityTraitNone),
-  // TODO(macOS ISS#2323203)
+  // ]TODO(macOS ISS#2323203)
   @"alert": @(UIAccessibilityTraitNone),
   @"checkbox": @(UIAccessibilityTraitNone),
   @"combobox": @(UIAccessibilityTraitNone),
@@ -128,8 +128,8 @@ - (RCTShadowView *)shadowView
 RCT_EXPORT_VIEW_PROPERTY(tvParallaxProperties, NSDictionary)
 #endif
 
-// Acessibility related properties
-#if !TARGET_OS_OSX
+// Accessibility related properties
+#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 RCT_REMAP_VIEW_PROPERTY(accessible, reactAccessibilityElement.isAccessibilityElement, BOOL)
 #else // [TODO(macOS ISS#2323203)
 RCT_REMAP_VIEW_PROPERTY(accessible, reactAccessibilityElement.accessibilityElement, BOOL)
@@ -138,7 +138,7 @@ - (RCTShadowView *)shadowView
 RCT_REMAP_VIEW_PROPERTY(accessibilityLabel, reactAccessibilityElement.accessibilityLabel, NSString)
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 RCT_REMAP_VIEW_PROPERTY(accessibilityHint, reactAccessibilityElement.accessibilityHint, NSString) // TODO(macOS ISS#2323203)
-RCT_REMAP_VIEW_PROPERTY(accessibilityTraits, reactAccessibilityElement.accessibilityTraits, UIAccessibilityTraits)
+RCT_REMAP_VIEW_PROPERTY(accessibilityTraits, reactAccessibilityElement.accessibilityTraits, UIAccessibilityTraits) // TODO(macOS ISS#2323203)
 RCT_REMAP_VIEW_PROPERTY(accessibilityViewIsModal, reactAccessibilityElement.accessibilityViewIsModal, BOOL)
 RCT_REMAP_VIEW_PROPERTY(accessibilityElementsHidden, reactAccessibilityElement.accessibilityElementsHidden, BOOL)
 RCT_REMAP_VIEW_PROPERTY(accessibilityIgnoresInvertColors, reactAccessibilityElement.shouldAccessibilityIgnoresInvertColors, BOOL)
@@ -182,21 +182,21 @@ - (RCTShadowView *)shadowView
     view.clipsToBounds = defaultView.clipsToBounds;
   }
 }
-#if !TARGET_OS_OSX // [TODO(macOS ISS#2323203)
+#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 RCT_CUSTOM_VIEW_PROPERTY(shouldRasterizeIOS, BOOL, RCTView)
 {
   view.layer.shouldRasterize = json ? [RCTConvert BOOL:json] : defaultView.layer.shouldRasterize;
   view.layer.rasterizationScale = view.layer.shouldRasterize ? [UIScreen mainScreen].scale : defaultView.layer.rasterizationScale;
 }
-#endif // ]TODO(macOS ISS#2323203)
+#endif // TODO(macOS ISS#2323203)
 
 RCT_CUSTOM_VIEW_PROPERTY(transform, CATransform3D, RCTView)
 {
-#if !TARGET_OS_OSX // [TODO(macOS ISS#2323203)
+#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   view.layer.transform = json ? [RCTConvert CATransform3D:json] : defaultView.layer.transform;
   // Enable edge antialiasing in perspective transforms
   view.layer.allowsEdgeAntialiasing = !(view.layer.transform.m34 == 0.0f);
-#elif TARGET_OS_OSX // TODO(macOS ISS#2323203)
+#elif TARGET_OS_OSX // [TODO(macOS ISS#2323203)
   view.layer.sublayerTransform = json ? [RCTConvert CATransform3D:json] : defaultView.layer.sublayerTransform;
   // TODO: Improve this by enabling edge antialiasing only for transforms with rotation or skewing
   view.layer.edgeAntialiasingMask = !CATransform3DIsIdentity(view.layer.sublayerTransform) ? kCALayerLeftEdge | kCALayerRightEdge | kCALayerBottomEdge | kCALayerTopEdge : 0;
@@ -205,7 +205,7 @@ - (RCTShadowView *)shadowView
 
 RCT_CUSTOM_VIEW_PROPERTY(accessibilityRole, UIAccessibilityTraits, RCTView)
 {
-#if !TARGET_OS_OSX
+#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
    const UIAccessibilityTraits AccessibilityRolesMask = UIAccessibilityTraitNone | UIAccessibilityTraitButton | UIAccessibilityTraitLink | UIAccessibilityTraitSearchField | UIAccessibilityTraitImage | UIAccessibilityTraitKeyboardKey | UIAccessibilityTraitStaticText | UIAccessibilityTraitAdjustable | UIAccessibilityTraitHeader | UIAccessibilityTraitSummaryElement | SwitchAccessibilityTrait;
   view.reactAccessibilityElement.accessibilityTraits = view.reactAccessibilityElement.accessibilityTraits & ~AccessibilityRolesMask;
   UIAccessibilityTraits newTraits = json ? [RCTConvert UIAccessibilityTraits:json] : defaultView.accessibilityTraits;
@@ -216,18 +216,18 @@ - (RCTShadowView *)shadowView
     NSString *role = json ? [RCTConvert NSString:json] : @"";
     view.reactAccessibilityElement.accessibilityRole = role;
   }
-#else
+#else // [TODO(macOS ISS#2323203)
   if (json) {
     view.reactAccessibilityElement.accessibilityRole = [RCTConvert accessibilityRoleFromTraits:json];
   } else {
     view.reactAccessibilityElement.accessibilityRole = defaultView.accessibilityRole;
   }
-#endif
+#endif // ]TODO(macOS ISS#2323203)
 }
 
 RCT_CUSTOM_VIEW_PROPERTY(accessibilityStates, NSArray<NSString *>, RCTView)
 {
-#if !TARGET_OS_OSX
+#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   // This mask must be kept in sync with the AccessibilityStates enum defined in ViewAccessibility.js and DeprecatedViewAccessibility.js
   NSArray<NSString *> *states = json ? [RCTConvert NSStringArray:json] : nil;
   NSMutableArray *newStates = [NSMutableArray new];
@@ -253,7 +253,39 @@ - (RCTShadowView *)shadowView
   } else {
     view.reactAccessibilityElement.accessibilityStates = nil;
   }
-#endif
+}
+
+RCT_CUSTOM_VIEW_PROPERTY(accessibilityState, NSDictionary, RCTView)
+{
+  NSDictionary<NSString *, id> *state = json ? [RCTConvert NSDictionary:json] : nil;
+  NSMutableDictionary<NSString *, id> *newState = [[NSMutableDictionary<NSString *, id> alloc] init];
+
+  if (!state) {
+    return;
+  }
+
+  const UIAccessibilityTraits AccessibilityStatesMask = UIAccessibilityTraitNotEnabled | UIAccessibilityTraitSelected;
+  view.reactAccessibilityElement.accessibilityTraits = view.reactAccessibilityElement.accessibilityTraits & ~AccessibilityStatesMask;
+
+  for (NSString *s in state) {
+    id val = [state objectForKey:s];
+    if (!val) {
+      continue;
+    }
+    if ([s isEqualToString:@"selected"] && [val isKindOfClass:[NSNumber class]] && [val boolValue]) {
+      view.reactAccessibilityElement.accessibilityTraits |= UIAccessibilityTraitSelected;
+    } else if ([s isEqualToString:@"disabled"] && [val isKindOfClass:[NSNumber class]] && [val boolValue]) {
+      view.reactAccessibilityElement.accessibilityTraits |= UIAccessibilityTraitNotEnabled;
+    } else {
+      newState[s] = val;
+    }
+  }
+  if (newState.count > 0) {
+    view.reactAccessibilityElement.accessibilityState = newState;
+  } else {
+    view.reactAccessibilityElement.accessibilityState = nil;
+  }
+#endif // TODO(macOS ISS#2323203)
 }
 
 RCT_CUSTOM_VIEW_PROPERTY(nativeID, NSString *, RCTView)
@@ -412,7 +444,7 @@ - (RCTShadowView *)shadowView
 // ]TODO(OSS Candidate ISS#2710739)
 
 
-#if TARGET_OS_OSX // TODO(macOS ISS#2323203)
+#if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
 #pragma mark - macOS properties
 
 RCT_EXPORT_VIEW_PROPERTY(onDoubleClick, RCTDirectEventBlock)
@@ -422,7 +454,7 @@ - (RCTShadowView *)shadowView
 RCT_EXPORT_VIEW_PROPERTY(onDragEnter, RCTDirectEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(onDragLeave, RCTDirectEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(onDrop, RCTDirectEventBlock)
-#endif // TODO(macOS ISS#2323203)
+#endif // ]TODO(macOS ISS#2323203)
 
 #pragma mark - ShadowView properties
 
diff --git a/React/Views/RCTWKWebViewManager.h~HEAD b/React/Views/RCTWKWebViewManager.h~HEAD
deleted file mode 100644
index 81145bea9fb143..00000000000000
--- a/React/Views/RCTWKWebViewManager.h~HEAD
+++ /dev/null
@@ -1,11 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * 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 RCTWKWebViewManager : RCTViewManager
-@end
diff --git a/React/Views/ScrollView/RCTScrollContentShadowView.m b/React/Views/ScrollView/RCTScrollContentShadowView.m
index 7d4e2f78f81f33..16bf6147c0f3b2 100644
--- a/React/Views/ScrollView/RCTScrollContentShadowView.m
+++ b/React/Views/ScrollView/RCTScrollContentShadowView.m
@@ -18,7 +18,7 @@ - (void)layoutWithMetrics:(RCTLayoutMetrics)layoutMetrics
 {
   if (layoutMetrics.layoutDirection == UIUserInterfaceLayoutDirectionRightToLeft) {
     // Motivation:
-    // Yoga place `contentView` on the right side of `scrollView` when RTL layout is enfoced.
+    // Yoga place `contentView` on the right side of `scrollView` when RTL layout is enforced.
     // That breaks everything; it is completely pointless to (re)position `contentView`
     // because it is `contentView`'s job. So, we work around it here.
 
diff --git a/React/Views/ScrollView/RCTScrollView.m b/React/Views/ScrollView/RCTScrollView.m
index 120f13f8e943c3..ad69c86e13a448 100644
--- a/React/Views/ScrollView/RCTScrollView.m
+++ b/React/Views/ScrollView/RCTScrollView.m
@@ -193,7 +193,7 @@ - (instancetype)initWithFrame:(CGRect)frame
     [self.panGestureRecognizer addTarget:self action:@selector(handleCustomPan:)];
 
     if ([self respondsToSelector:@selector(setSemanticContentAttribute:)]) {
-      // We intentionaly force `UIScrollView`s `semanticContentAttribute` to `LTR` here
+      // We intentionally force `UIScrollView`s `semanticContentAttribute` to `LTR` here
       // because this attribute affects a position of vertical scrollbar; we don't want this
       // scrollbar flip because we also flip it with whole `UIScrollView` flip.
       if (@available(iOS 9.0, *)) { // TODO(OSS Candidate ISS#2710739)
@@ -433,7 +433,7 @@ - (void)didMoveToWindow
 {
   [super didMoveToWindow];
   // ScrollView enables pinch gesture late in its lifecycle. So simply setting it
-  // in the setter gets overriden when the view loads.
+  // in the setter gets overridden when the view loads.
   self.pinchGestureRecognizer.enabled = _pinchGestureEnabled;
 }
 #endif //TARGET_OS_TV
@@ -962,10 +962,10 @@ - (void)scrollViewDidScroll:(RCTCustomScrollView *)scrollView // TODO(macOS ISS#
    * warnings, and behave strangely (ListView works fine however), so don't fix it unless you fix that too!
    *
    * We limit the delta to 17ms so that small throttles intended to enable 60fps updates will not
-   * inadvertantly filter out any scroll events.
+   * inadvertently filter out any scroll events.
    */
   if (_allowNextScrollNoMatterWhat ||
-      (_scrollEventThrottle > 0 && _scrollEventThrottle < MAX(17, now - _lastScrollDispatchTime))) {
+      (_scrollEventThrottle > 0 && _scrollEventThrottle < MAX(0.017, now - _lastScrollDispatchTime))) {
 
     if (_DEPRECATED_sendUpdatedChildFrames) {
       // Calculate changed frames
diff --git a/React/Views/ScrollView/RCTScrollViewManager.m b/React/Views/ScrollView/RCTScrollViewManager.m
index 45708591ed8fad..52be7db0bfa01a 100644
--- a/React/Views/ScrollView/RCTScrollViewManager.m
+++ b/React/Views/ScrollView/RCTScrollViewManager.m
@@ -54,7 +54,7 @@ @implementation RCTScrollViewManager
 
 RCT_EXPORT_MODULE()
 
-- (RCTPlatformView *)view
+- (RCTPlatformView *)view // TODO(macOS ISS#2323203)
 {
   return [[RCTScrollView alloc] initWithEventDispatcher:self.bridge.eventDispatcher];
 }
diff --git a/React/Views/UIView+React.h b/React/Views/UIView+React.h
index ef563383c91184..cac3e3a9e90d33 100644
--- a/React/Views/UIView+React.h
+++ b/React/Views/UIView+React.h
@@ -72,7 +72,7 @@
 
 /**
  * Used by the UIIManager to set the view frame.
- * May be overriden to disable animation, etc.
+ * May be overridden to disable animation, etc.
  */
 - (void)reactSetFrame:(CGRect)frame;
 
@@ -109,7 +109,7 @@
 /**
  * The (sub)view which represents this view in terms of accessibility.
  * ViewManager will apply all accessibility properties directly to this view.
- * May be overriten in view subclass which needs to be accessiblitywise
+ * May be overridden in view subclass which needs to be accessiblitywise
  * transparent in favour of some subview.
  * Defaults to `self`.
  */
@@ -120,6 +120,8 @@
  */
 @property (nonatomic, copy) NSString *accessibilityRole;
 @property (nonatomic, copy) NSArray <NSString *> *accessibilityStates;
+@property (nonatomic, copy) NSDictionary<NSString *, id> *accessibilityState;
+@property (nonatomic, copy) NSArray <NSDictionary *> *accessibilityActions;
 
 /**
  * Used in debugging to get a description of the view hierarchy rooted at
diff --git a/React/Views/UIView+React.m b/React/Views/UIView+React.m
index fe10f49da048b5..ab556366484fe4 100644
--- a/React/Views/UIView+React.m
+++ b/React/Views/UIView+React.m
@@ -318,7 +318,7 @@ - (CGRect)reactContentFrame
   return UIEdgeInsetsInsetRect(self.bounds, self.reactCompoundInsets);
 }
 
-#pragma mark - Accessiblity
+#pragma mark - Accessibility
 
 - (RCTPlatformView *)reactAccessibilityElement // TODO(macOS ISS#2323203)
 {
@@ -357,6 +357,16 @@ - (void)setAccessibilityStates:(NSArray<NSString *> *)accessibilityStates
   objc_setAssociatedObject(self, @selector(accessibilityStates), accessibilityStates, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
 }
 
+- (NSDictionary<NSString *, id> *)accessibilityState
+{
+  return objc_getAssociatedObject(self, _cmd);
+}
+
+- (void)setAccessibilityState:(NSDictionary<NSString *, id> *)accessibilityState
+{
+  objc_setAssociatedObject(self, @selector(accessibilityState), accessibilityState, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
+}
+
 #pragma mark - Debug
 
 - (void)react_addRecursiveDescriptionToString:(NSMutableString *)string atLevel:(NSUInteger)level
@@ -368,7 +378,7 @@ - (void)react_addRecursiveDescriptionToString:(NSMutableString *)string atLevel:
   [string appendString:self.description];
   [string appendString:@"\n"];
 
-  for (RCTPlatformView *subview in self.subviews) {
+  for (RCTPlatformView *subview in self.subviews) { // TODO(macOS ISS#2323203)
     [subview react_addRecursiveDescriptionToString:string atLevel:level + 1];
   }
 }
diff --git a/ReactAndroid/.npmignore b/ReactAndroid/.npmignore
index d69be40c89e220..dfbe8ec09f165a 100644
--- a/ReactAndroid/.npmignore
+++ b/ReactAndroid/.npmignore
@@ -1,5 +1,3 @@
 # Make sure we never publish ReactAndroid/build (Gradle output) to npm.
 # The folder is huge (> 100MB)!
 build/
-# No need to publish our imported nugets
-packages
\ No newline at end of file
diff --git a/ReactAndroid/build.gradle b/ReactAndroid/build.gradle
index 6267513a073874..3a155afa1453c1 100644
--- a/ReactAndroid/build.gradle
+++ b/ReactAndroid/build.gradle
@@ -33,6 +33,9 @@ def dependenciesPath = System.getenv("REACT_NATIVE_DEPENDENCIES")
 // and the build will use that.
 def boostPath = dependenciesPath ?: System.getenv("REACT_NATIVE_BOOST_PATH")
 
+// Setup build type for NDK, supported values: {debug, release}
+def nativeBuildType = System.getenv("NATIVE_BUILD_TYPE") ?: "release"
+
 task createNativeDepsDirectories {
     downloadsDir.mkdirs()
     thirdPartyNdkDir.mkdirs()
@@ -88,6 +91,27 @@ task prepareFolly(dependsOn: dependenciesPath ? [] : [downloadFolly], type: Copy
     into("$thirdPartyNdkDir/folly")
 }
 
+task prepareHermes() {
+    def hermesAAR = file("$projectDir/../node_modules/hermes-engine/android/hermes-debug.aar")
+    if (!hermesAAR.exists()) {
+        // For an app to build from RN source, hermes-engine is located at /path/to/app/node_modules
+        // and $projectDir is located at /path/to/app/node_modules/react-native/ReactAndroid
+        hermesAAR = file("$projectDir/../../hermes-engine/android/hermes-debug.aar")
+
+        if (!hermesAAR.exists()) {
+            // At Facebook, this file is in a different folder
+            hermesAAR = file("$projectDir/../../node_modules/hermes-engine/android/hermes-debug.aar")
+        }
+    }
+    def soFiles = zipTree(hermesAAR).matching({ it.include "**/*.so" })
+
+    copy {
+        from soFiles
+        from "src/main/jni/first-party/hermes/Android.mk"
+        into "$thirdPartyNdkDir/hermes"
+    }
+}
+
 task downloadGlog(dependsOn: createNativeDepsDirectories, type: Download) {
     src("https://github.com/google/glog/archive/v${GLOG_VERSION}.tar.gz")
     onlyIfNewer(true)
@@ -229,11 +253,13 @@ def getNdkBuildFullPath() {
     return ndkBuildFullPath
 }
 
-task buildReactNdkLib(dependsOn: [prepareJSC, prepareBoost, prepareDoubleConversion, prepareFolly, prepareGlog], type: Exec) {
+task buildReactNdkLib(dependsOn: [prepareJSC, prepareHermes, prepareBoost, prepareDoubleConversion, prepareFolly, prepareGlog], type: Exec) {
     inputs.dir("$projectDir/../ReactCommon")
     inputs.dir("src/main/jni")
+    inputs.dir("src/main/java/com/facebook/react/modules/blob")
     outputs.dir("$buildDir/react-ndk/all")
     commandLine(getNdkBuildFullPath(),
+            "NDK_DEBUG=" + (nativeBuildType.equalsIgnoreCase("debug") ? "1" : "0"),
             "NDK_PROJECT_PATH=null",
             "NDK_APPLICATION_MK=$projectDir/src/main/jni/Application.mk",
             "NDK_OUT=" + temporaryDir,
@@ -265,6 +291,7 @@ task packageReactNdkLibs(dependsOn: buildReactNdkLib, type: Copy) {
     from("$buildDir/react-ndk/all")
     into("$buildDir/react-ndk/exported")
     exclude("**/libjsc.so")
+    exclude("**/libhermes.so")
 }
 
 task packageReactNdkLibsForBuck(dependsOn: packageReactNdkLibs, type: Copy) {
@@ -353,6 +380,12 @@ dependencies {
     androidTestImplementation("androidx.test:runner:1.1.0")
     androidTestImplementation("androidx.test:rules:1.1.0")
     androidTestImplementation("org.mockito:mockito-core:${MOCKITO_CORE_VERSION}")
+
+    debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") {
+        exclude group:'com.facebook.yoga'
+        exclude group:'com.facebook.flipper', module: 'fbjni'
+        exclude group:'com.facebook.litho', module: 'litho-annotations'
+    }
 }
 
 apply(from: "release.gradle")
diff --git a/ReactAndroid/gradle.properties b/ReactAndroid/gradle.properties
index 17ebc96df538a8..34482ae3708c54 100644
--- a/ReactAndroid/gradle.properties
+++ b/ReactAndroid/gradle.properties
@@ -1,4 +1,4 @@
-VERSION_NAME=0.60.0
+VERSION_NAME=0.61.5
 GROUP=com.facebook.react
 
 POM_NAME=ReactNative
@@ -20,7 +20,8 @@ BOOST_VERSION=1_63_0
 DOUBLE_CONVERSION_VERSION=1.1.6
 FOLLY_VERSION=2018.10.22.00
 GLOG_VERSION=0.3.5
+FLIPPER_VERSION=0.23.4
 
 android.useAndroidX=true
 android.enableJetifier=true
-android.enableR8=false
\ No newline at end of file
+android.enableR8=false
diff --git a/ReactAndroid/release.gradle b/ReactAndroid/release.gradle
index d97451c8020e69..fbdb6cc19e3b41 100644
--- a/ReactAndroid/release.gradle
+++ b/ReactAndroid/release.gradle
@@ -62,11 +62,11 @@ def configureReactNativePom(def pom) {
 }
 
 if (JavaVersion.current().isJava8Compatible()) {
-  allprojects {
-    tasks.withType(Javadoc) {
-      options.addStringOption("Xdoclint:none", "-quiet")
+    allprojects {
+        tasks.withType(Javadoc) {
+            options.addStringOption("Xdoclint:none", "-quiet")
+        }
     }
-  }
 }
 
 afterEvaluate { project ->
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/AbstractScrollViewTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/AbstractScrollViewTestCase.java
index efd2ab6f1f6a49..9dc252668bb8ee 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/AbstractScrollViewTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/AbstractScrollViewTestCase.java
@@ -1,25 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
-import com.facebook.react.bridge.BaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
-import com.facebook.react.bridge.JavaScriptModule;
-import com.facebook.react.testing.ReactInstanceSpecForTest;
-import com.facebook.react.testing.ReactAppInstrumentationTestCase;
-
 /**
- * Shared by {@link ReactScrollViewTestCase} and {@link ReactHorizontalScrollViewTestCase}.
- * See also ScrollViewTestModule.js
+ * Shared by {@link ReactScrollViewTestCase} and {@link ReactHorizontalScrollViewTestCase}. See also
+ * ScrollViewTestModule.js
  */
 public abstract class AbstractScrollViewTestCase extends ReactAppInstrumentationTestCase {
 
@@ -38,8 +34,7 @@ protected void tearDown() throws Exception {
   @Override
   protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
     mScrollListenerModule = new ScrollListenerModule();
-    return super.createReactInstanceSpecForTest()
-        .addNativeModule(mScrollListenerModule);
+    return super.createReactInstanceSpecForTest().addNativeModule(mScrollListenerModule);
   }
 
   // See ScrollViewListenerModule.js
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/AssertModule.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/AssertModule.java
index 16ac3f8182c335..981af21c470420 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/AssertModule.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/AssertModule.java
@@ -1,23 +1,19 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
+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;
 
-import static junit.framework.Assert.assertFalse;
-import static junit.framework.Assert.assertTrue;
-
-/**
- * NativeModule for tests that allows assertions from JS to propagate to Java.
- */
+/** NativeModule for tests that allows assertions from JS to propagate to Java. */
 public class AssertModule extends BaseJavaModule {
 
   private boolean mGotSuccess;
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/FakeAsyncLocalStorage.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/FakeAsyncLocalStorage.java
index 34e1c2f19ffb15..762d37f316abdc 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/FakeAsyncLocalStorage.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/FakeAsyncLocalStorage.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.Arguments;
@@ -14,12 +13,11 @@
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.WritableMap;
 
-/**
- * Dummy implementation of storage module, used for testing
- */
+/** Dummy implementation of storage module, used for testing */
 public final class FakeAsyncLocalStorage extends BaseJavaModule {
 
   private static WritableMap errorMessage;
+
   static {
     errorMessage = Arguments.createMap();
     errorMessage.putString("message", "Fake Async Local Storage");
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/FakeWebSocketModule.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/FakeWebSocketModule.java
index 52d0467e4a0a5b..e82a0a54cc7341 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/FakeWebSocketModule.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/FakeWebSocketModule.java
@@ -1,22 +1,18 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
-
+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
- */
+/** Dummy implementation of storage module, used for testing */
 public final class FakeWebSocketModule extends BaseJavaModule {
 
   @Override
@@ -31,21 +27,17 @@ public boolean canOverrideExistingModule() {
 
   @ReactMethod
   public void connect(
-    final String url,
-    @Nullable final ReadableArray protocols,
-    @Nullable final ReadableMap headers,
-    final int id) {
-  }
+      final String url,
+      @Nullable final ReadableArray protocols,
+      @Nullable final ReadableMap headers,
+      final int id) {}
 
   @ReactMethod
-  public void close(int code, String reason, int id) {
-  }
+  public void close(int code, String reason, int id) {}
 
   @ReactMethod
-  public void send(String message, int id) {
-  }
+  public void send(String message, int id) {}
 
   @ReactMethod
-  public void sendBinary(String base64String, int id) {
-  }
+  public void sendBinary(String base64String, int id) {}
 }
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/InstanceSpecForTestPackage.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/InstanceSpecForTestPackage.java
index 4e9399771679d5..8edc2a6be5cc44 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/InstanceSpecForTestPackage.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/InstanceSpecForTestPackage.java
@@ -1,21 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.util.List;
-
-import android.view.View;
-
+import com.facebook.react.ReactPackage;
 import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.JavaScriptModule;
 import com.facebook.react.uimanager.ViewManager;
-import com.facebook.react.ReactPackage;
+import java.util.List;
 
 /**
  * This class wraps {@class ReactInstanceSpecForTest} in {@class ReactPackage} interface.
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/IntRecordingModule.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/IntRecordingModule.java
index 1650611acb9031..f29f9d54c62219 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/IntRecordingModule.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/IntRecordingModule.java
@@ -1,23 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
-import com.facebook.react.bridge.BaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
-
 /**
- * Native module provides single method {@link #record} which records its single int argument
- * in calls array
+ * Native module provides single method {@link #record} which records its single int argument in
+ * calls array
  */
 public class IntRecordingModule extends BaseJavaModule {
 
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/JSIntegrationTestChecker.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/JSIntegrationTestChecker.java
index 478cd0d2ea2d6c..32a855a64a9a6b 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/JSIntegrationTestChecker.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/JSIntegrationTestChecker.java
@@ -1,26 +1,23 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.util.concurrent.CountDownLatch;
-import java.util.concurrent.TimeUnit;
-
 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.
+ * 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 {
 
@@ -41,8 +38,7 @@ public void markTestCompleted() {
   }
 
   @ReactMethod
-  public void verifySnapshot(Callback callback) {
-  }
+  public void verifySnapshot(Callback callback) {}
 
   public boolean await(long ms) {
     try {
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/MultipleFailureException.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/MultipleFailureException.java
index 533fa1aa49a82b..93ca3008879a9a 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/MultipleFailureException.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/MultipleFailureException.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppInstrumentationTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppInstrumentationTestCase.java
index 18f35707ac565c..e68ee173ea7965 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppInstrumentationTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppInstrumentationTestCase.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -12,18 +11,16 @@
 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;
-import javax.annotation.Nullable;
 
-/**
- * Base class for instrumentation tests that runs React based react application in UI mode
- */
-public abstract class ReactAppInstrumentationTestCase extends
-    ActivityInstrumentationTestCase2<ReactAppTestActivity> implements IdleWaiter {
+/** 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);
@@ -38,9 +35,7 @@ protected void setUp() throws Exception {
     setActivityIntent(intent);
     final ReactAppTestActivity activity = getActivity();
     activity.loadApp(
-        getReactApplicationKeyUnderTest(),
-        createReactInstanceSpecForTest(),
-        getEnableDevSupport());
+        getReactApplicationKeyUnderTest(), createReactInstanceSpecForTest(), getEnableDevSupport());
     waitForBridgeAndUIIdle();
   }
 
@@ -56,8 +51,8 @@ public ViewGroup getRootView() {
   }
 
   /**
-   * This method isn't safe since it doesn't factor in layout-only view removal. Use
-   * {@link #getViewByTestId(String)} instead.
+   * 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) {
@@ -65,8 +60,8 @@ public <T extends View> T getViewAtPath(int... path) {
   }
 
   public <T extends View> T getViewByTestId(String testID) {
-    return (T) ReactTestHelper
-        .getViewWithReactTestId((ViewGroup) getRootView().getParent(), testID);
+    return (T)
+        ReactTestHelper.getViewWithReactTestId((ViewGroup) getRootView().getParent(), testID);
   }
 
   public SingleTouchGestureGenerator createGestureGenerator() {
@@ -87,31 +82,32 @@ protected Bitmap getScreenshot() {
 
     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!");
+    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();
           }
-          activity.postDelayed(this, FRAME_DELAY_MS);
-          return;
-        }
-
-        bitmapHolder.bitmap = getActivity().getCurrentScreenshot();
-        latch.countDown();
-      }
-    };
+        };
 
     getActivity().runOnUiThread(getScreenshotRunnable);
     try {
@@ -125,8 +121,8 @@ public void run() {
   }
 
   /**
-   * Implement this method to provide application key to be launched. List of available
-   * application is located in TestBundle.js file
+   * Implement this method to provide application key to be launched. List of available application
+   * is located in TestBundle.js file
    */
   protected abstract String getReactApplicationKeyUnderTest();
 
@@ -138,9 +134,7 @@ protected boolean isFabricTest() {
     return false;
   }
 
-  /**
-   * Override this method to provide extra native modules to be loaded before the app starts
-   */
+  /** Override this method to provide extra native modules to be loaded before the app starts */
   protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
     return new ReactInstanceSpecForTest();
   }
@@ -149,9 +143,7 @@ protected ReactContext getReactContext() {
     return getActivity().getReactContext();
   }
 
-  /**
-   * Helper class to pass the bitmap between execution scopes in {@link #getScreenshot()}.
-   */
+  /** Helper class to pass the bitmap between execution scopes in {@link #getScreenshot()}. */
   private static class BitmapHolder {
 
     public @Nullable volatile Bitmap bitmap;
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppTestActivity.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppTestActivity.java
index 6fdc5431de63bf..4a6eaa160b9bb2 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppTestActivity.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppTestActivity.java
@@ -11,18 +11,19 @@
 import android.content.Intent;
 import android.graphics.Bitmap;
 import android.os.Bundle;
-import androidx.fragment.app.FragmentActivity;
 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.JSIModule;
 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;
@@ -34,16 +35,11 @@
 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.UIManagerModule;
-import com.facebook.react.uimanager.ViewManager;
 import com.facebook.react.uimanager.ViewManagerRegistry;
-import com.facebook.react.uimanager.events.EventDispatcher;
 import java.util.Arrays;
 import java.util.List;
 import java.util.concurrent.CountDownLatch;
 import java.util.concurrent.TimeUnit;
-import javax.annotation.Nullable;
-
 
 public class ReactAppTestActivity extends FragmentActivity
     implements DefaultHardwareBackBtnHandler, PermissionAwareActivity {
@@ -189,14 +185,16 @@ public void onGlobalLayout() {
                 .startReactApplication(mReactInstanceManager, appKey, initialProps);
           }
         });
-        try {
-          waitForBridgeAndUIIdle();
-          waitForLayout(5000);
-        } catch (InterruptedException e) {
-          throw new RuntimeException("Layout never occurred for component " + appKey, e);}
+    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) {
+  public void loadBundle(
+      final ReactInstanceSpecForTest spec, String bundleName, boolean useDevSupport) {
 
     mBridgeIdleSignaler = new ReactBridgeIdleSignaler();
 
@@ -214,11 +212,11 @@ public void loadBundle(final ReactInstanceSpecForTest spec, String bundleName, b
       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}.
+     * The {@link ReactContext#mCurrentActivity} never to be set if initial lifecycle state is
+     * resumed. So we should call {@link ReactInstanceManagerBuilder#setCurrentActivity}.
      *
-     *  Finally,{@link ReactInstanceManagerBuilder#build()} will create instance of {@link ReactInstanceManager}.
-     *  And also will set {@link ReactContext#mCurrentActivity}.
+     * <p>Finally,{@link ReactInstanceManagerBuilder#build()} will create instance of {@link
+     * ReactInstanceManager}. And also will set {@link ReactContext#mCurrentActivity}.
      */
     builder.setCurrentActivity(this);
     builder
@@ -239,8 +237,8 @@ public List<JSIModuleSpec> getJSIModules(
                 return Arrays.<JSIModuleSpec>asList(
                     new JSIModuleSpec() {
                       @Override
-                      public Class<? extends JSIModule> getJSIModuleClass() {
-                        return UIManager.class;
+                      public JSIModuleType getJSIModuleType() {
+                        return JSIModuleType.UIManager;
                       }
 
                       @Override
@@ -249,11 +247,15 @@ public JSIModuleProvider getJSIModuleProvider() {
                           @Override
                           public UIManager get() {
                             ViewManagerRegistry viewManagerRegistry =
-                              new ViewManagerRegistry(
-                                mReactInstanceManager.getOrCreateViewManagers(reactApplicationContext));
+                                new ViewManagerRegistry(
+                                    mReactInstanceManager.getOrCreateViewManagers(
+                                        reactApplicationContext));
 
                             FabricUIManagerFactory factory = spec.getFabricUIManagerFactory();
-                            return factory != null ? factory.getFabricUIManager(reactApplicationContext, viewManagerRegistry, jsContext) : null;
+                            return factory != null
+                                ? factory.getFabricUIManager(
+                                    reactApplicationContext, viewManagerRegistry, jsContext)
+                                : null;
                           }
                         };
                       }
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactInstanceSpecForTest.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactInstanceSpecForTest.java
index f26917dc3de370..67ea4ef9773f2d 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactInstanceSpecForTest.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactInstanceSpecForTest.java
@@ -7,6 +7,7 @@
 package com.facebook.react.testing;
 
 import android.annotation.SuppressLint;
+import androidx.annotation.Nullable;
 import com.facebook.react.ReactPackage;
 import com.facebook.react.bridge.JavaScriptExecutorFactory;
 import com.facebook.react.bridge.JavaScriptModule;
@@ -15,7 +16,6 @@
 import java.util.ArrayList;
 import java.util.Arrays;
 import java.util.List;
-import javax.annotation.Nullable;
 
 /**
  * A spec that allows a test to add additional NativeModules/JS modules to the ReactInstance. This
@@ -53,7 +53,8 @@ public ReactInstanceSpecForTest setPackage(ReactPackage reactPackage) {
     return this;
   }
 
-  public ReactInstanceSpecForTest setFabricUIManagerFactory(@Nullable FabricUIManagerFactory fabricUIManagerFactory) {
+  public ReactInstanceSpecForTest setFabricUIManagerFactory(
+      @Nullable FabricUIManagerFactory fabricUIManagerFactory) {
     mFabricUIManagerFactory = fabricUIManagerFactory;
     return this;
   }
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactInstrumentationTest.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactInstrumentationTest.java
index 9e3e489c959b17..8fcdd8df585d13 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactInstrumentationTest.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactInstrumentationTest.java
@@ -10,11 +10,11 @@
 import android.test.ActivityInstrumentationTestCase2;
 import android.view.View;
 import android.view.ViewGroup;
+import androidx.annotation.Nullable;
 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;
-import javax.annotation.Nullable;
 
 /**
  * Base class for instrumentation tests that runs React based application.
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactIntegrationTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactIntegrationTestCase.java
index af5f72a0098dd3..4bc4a1716f9c69 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactIntegrationTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactIntegrationTestCase.java
@@ -1,24 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.core.ReactChoreographer;
-import javax.annotation.Nullable;
-
-import java.util.concurrent.CountDownLatch;
-import java.util.concurrent.Semaphore;
-import java.util.concurrent.TimeUnit;
+import static org.mockito.Mockito.mock;
 
-import android.app.Application;
 import android.test.AndroidTestCase;
 import android.view.View;
 import android.view.ViewGroup;
-
+import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.BaseJavaModule;
 import com.facebook.react.bridge.CatalystInstance;
@@ -29,26 +22,30 @@
 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.Timing;
 import com.facebook.react.testing.idledetection.ReactBridgeIdleSignaler;
 import com.facebook.react.testing.idledetection.ReactIdleDetectionUtil;
 import com.facebook.soloader.SoLoader;
-
-import static org.mockito.Mockito.mock;
+import java.util.concurrent.CountDownLatch;
+import java.util.concurrent.Semaphore;
+import java.util.concurrent.TimeUnit;
 
 /**
- * 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.
+ * 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.
  *
- * Keep in mind that all JS remote method calls and script load calls are asynchronous and you
+ * <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.
  *
- * In order to write catalyst integration:
- *  1) Make {@link ReactIntegrationTestCase} a base class of your test case
- *  2) Use {@link ReactTestHelper#catalystInstanceBuilder()}
- *  instead of {@link com.facebook.react.bridge.CatalystInstanceImpl.Builder} to build catalyst
- *  instance for testing purposes
+ * <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 {
 
@@ -76,22 +73,23 @@ public void shutDownContext() {
       mInstance = null;
 
       final SimpleSettableFuture<Void> semaphore = new SimpleSettableFuture<>();
-      UiThreadUtil.runOnUiThread(new Runnable() {
-        @Override
-        public void run() {
-          if (contextToDestroy != null) {
-            contextToDestroy.destroy();
-          }
-          semaphore.set(null);
-        }
-      });
+      UiThreadUtil.runOnUiThread(
+          new Runnable() {
+            @Override
+            public void run() {
+              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.
+   * 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) {
@@ -165,14 +163,12 @@ public boolean waitForBridgeIdle(long millis) {
   public void waitForIdleSync() {
     return;
     // TODO: re-enable after cleanup of android-x migration
-    //InstrumentationRegistry.getInstrumentation().waitForIdleSync();
+    // InstrumentationRegistry.getInstrumentation().waitForIdleSync();
   }
 
   public void waitForBridgeAndUIIdle() {
     ReactIdleDetectionUtil.waitForBridgeAndUIIdle(
-        Assertions.assertNotNull(mBridgeIdleSignaler),
-        getContext(),
-        IDLE_TIMEOUT_MS);
+        Assertions.assertNotNull(mBridgeIdleSignaler), getContext(), IDLE_TIMEOUT_MS);
   }
 
   @Override
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactSettingsForTests.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactSettingsForTests.java
index 20945f5316f6a4..7bc6c23114757f 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactSettingsForTests.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactSettingsForTests.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -47,7 +46,10 @@ public boolean isRemoteJSDebugEnabled() {
   }
 
   @Override
-  public void setRemoteJSDebugEnabled(boolean remoteJSDebugEnabled) {
+  public void setRemoteJSDebugEnabled(boolean remoteJSDebugEnabled) {}
 
+  @Override
+  public boolean isStartSamplingProfilerOnInit() {
+    return false;
   }
 }
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestAppShell.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestAppShell.java
index 8ec1cf9ab0e091..095442752f22ab 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestAppShell.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestAppShell.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -15,9 +14,9 @@
 /**
  * Application class for the Catalyst Launcher to allow it to work as an exopackage.
  *
- * 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.
+ * <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> {
 
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestApplicationImpl.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestApplicationImpl.java
index 49db8b66d1e4fc..926eb274ec13d1 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestApplicationImpl.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestApplicationImpl.java
@@ -1,14 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 {
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestFactory.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestFactory.java
index f22dbb7b206655..4abf69c96853cc 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestFactory.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestFactory.java
@@ -1,14 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -16,10 +14,13 @@
 public interface ReactTestFactory {
   interface ReactInstanceEasyBuilder {
     ReactInstanceEasyBuilder setContext(Context context);
+
     ReactInstanceEasyBuilder addNativeModule(NativeModule module);
+
     CatalystInstance build();
   }
 
   ReactInstanceEasyBuilder getCatalystInstanceBuilder();
+
   ReactInstanceManagerBuilder getReactInstanceManagerBuilder();
 }
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestHelper.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestHelper.java
index 360d10b7bc7377..16d186421ea7b1 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestHelper.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestHelper.java
@@ -1,23 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.util.Arrays;
-import java.util.Collections;
-import java.util.List;
-
-import javax.annotation.Nullable;
-
-import android.app.Instrumentation;
 import android.content.Context;
 import android.view.View;
 import android.view.ViewGroup;
-
+import androidx.annotation.Nullable;
+import com.android.internal.util.Predicate;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.NativeModuleRegistryBuilder;
 import com.facebook.react.R;
@@ -25,19 +18,19 @@
 import com.facebook.react.ReactInstanceManagerBuilder;
 import com.facebook.react.ReactPackage;
 import com.facebook.react.bridge.CatalystInstance;
-import com.facebook.react.bridge.JavaScriptModuleRegistry;
+import com.facebook.react.bridge.CatalystInstanceImpl;
+import com.facebook.react.bridge.JSBundleLoader;
+import com.facebook.react.bridge.JavaScriptExecutor;
 import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.NativeModuleCallExceptionHandler;
 import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.WritableNativeMap;
 import com.facebook.react.bridge.queue.ReactQueueConfigurationSpec;
-import com.facebook.react.bridge.CatalystInstanceImpl;
-import com.facebook.react.bridge.JSBundleLoader;
-import com.facebook.react.bridge.JavaScriptExecutor;
 import com.facebook.react.jscexecutor.JSCExecutorFactory;
 import com.facebook.react.modules.core.ReactChoreographer;
 import com.facebook.react.uimanager.ViewManager;
-import com.android.internal.util.Predicate;
+import java.util.Arrays;
+import java.util.Collections;
+import java.util.List;
 
 public class ReactTestHelper {
   private static class DefaultReactTestFactory implements ReactTestFactory {
@@ -56,31 +49,30 @@ public ReactInstanceEasyBuilder setContext(Context context) {
       @Override
       public ReactInstanceEasyBuilder addNativeModule(final NativeModule nativeModule) {
         if (mNativeModuleRegistryBuilder == null) {
-          mNativeModuleRegistryBuilder = new NativeModuleRegistryBuilder(
-            (ReactApplicationContext) mContext,
-            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);
-        	}
-        });
+        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);
+          mNativeModuleRegistryBuilder =
+              new NativeModuleRegistryBuilder((ReactApplicationContext) mContext, null);
         }
         JavaScriptExecutor executor = null;
         try {
@@ -89,21 +81,20 @@ public CatalystInstance build() {
           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 */))
-          .setNativeModuleCallExceptionHandler(
-            new NativeModuleCallExceptionHandler() {
-                @Override
-                public void handleException(Exception e) {
-                  throw new RuntimeException(e);
-                }
-            })
-          .build();
+            .setReactQueueConfigurationSpec(ReactQueueConfigurationSpec.createDefault())
+            .setJSExecutor(executor)
+            .setRegistry(mNativeModuleRegistryBuilder.build())
+            .setJSBundleLoader(
+                JSBundleLoader.createAssetLoader(
+                    mContext, "assets://AndroidTestBundle.js", false /* Asynchronous */))
+            .setNativeModuleCallExceptionHandler(
+                new NativeModuleCallExceptionHandler() {
+                  @Override
+                  public void handleException(Exception e) {
+                    throw new RuntimeException(e);
+                  }
+                })
+            .build();
       }
     }
 
@@ -119,58 +110,56 @@ public ReactInstanceManagerBuilder getReactInstanceManagerBuilder() {
   }
 
   public static ReactTestFactory getReactTestFactory() {
-// TODO: re-enable after cleanup of android-x migration
-//    Instrumentation inst = InstrumentationRegistry.getInstrumentation();
-//    if (!(inst instanceof ReactTestFactory)) {
-      return new DefaultReactTestFactory();
-//    }
-//
-//    return (ReactTestFactory) inst;
+    // TODO: re-enable after cleanup of android-x migration
+    //    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();
+        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();
-// TODO: re-enable after cleanup of android-x migration
-//          InstrumentationRegistry.getInstrumentation().runOnMainSync(new Runnable() {
-//            @Override
-//            public void run() {
-              ReactChoreographer.initialize();
-              instance.initialize();
-//            }
-//          });
-          testCase.waitForBridgeAndUIIdle();
-          return instance;
-        }
-      };
+        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();
+            // TODO: re-enable after cleanup of android-x migration
+            //          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.
-   */
+  /** 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.
@@ -192,8 +181,8 @@ public static View getViewWithReactTestId(View rootView, String 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;
+        ? (String) view.getTag(R.id.react_test_id)
+        : null;
   }
 
   private static View findChild(View root, Predicate<View> predicate) {
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ScreenshotingFrameLayout.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ScreenshotingFrameLayout.java
index b21088a8e2a314..c95a0e85ec52f2 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ScreenshotingFrameLayout.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ScreenshotingFrameLayout.java
@@ -1,19 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
-
 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
@@ -35,8 +33,8 @@ protected void dispatchDraw(Canvas canvas) {
     if (mBitmap == null) {
       mBitmap = createNewBitmap(canvas);
       mCanvas.setBitmap(mBitmap);
-    } else if (mBitmap.getWidth() != canvas.getWidth() ||
-        mBitmap.getHeight() != canvas.getHeight()) {
+    } else if (mBitmap.getWidth() != canvas.getWidth()
+        || mBitmap.getHeight() != canvas.getHeight()) {
       mBitmap.recycle();
       mBitmap = createNewBitmap(canvas);
       mCanvas.setBitmap(mBitmap);
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/SingleTouchGestureGenerator.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/SingleTouchGestureGenerator.java
index 8340977b73ec71..056740a7de29b7 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/SingleTouchGestureGenerator.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/SingleTouchGestureGenerator.java
@@ -1,28 +1,26 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.
+ * 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 {
 
@@ -44,10 +42,7 @@ public SingleTouchGestureGenerator(View view, IdleWaiter idleWaiter) {
   }
 
   private SingleTouchGestureGenerator dispatchEvent(
-      final int action,
-      final float x,
-      final float y,
-      long eventTime) {
+      final int action, final float x, final float y, long eventTime) {
     mEventTime = eventTime;
     if (action == MotionEvent.ACTION_DOWN) {
       mLastDownTime = eventTime;
@@ -90,10 +85,7 @@ public SingleTouchGestureGenerator startGesture(View view) {
   }
 
   private SingleTouchGestureGenerator dispatchDelayedEvent(
-      int action,
-      float x,
-      float y,
-      long delay) {
+      int action, float x, float y, long delay) {
     return dispatchEvent(action, x, y, mEventTime + delay);
   }
 
@@ -127,12 +119,7 @@ public SingleTouchGestureGenerator clickViewAt(float x, float y) {
   }
 
   public SingleTouchGestureGenerator drag(
-      float fromX,
-      float fromY,
-      float toX,
-      float toY,
-      int stepCount,
-      long totalDelay) {
+      float fromX, float fromY, float toX, float toY, int stepCount, long totalDelay) {
 
     float xStep = (toX - fromX) / stepCount;
     float yStep = (toY - fromY) / stepCount;
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/StringRecordingModule.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/StringRecordingModule.java
index 6dd70646f0d77c..fb4db8e8eaa249 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/StringRecordingModule.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/StringRecordingModule.java
@@ -1,29 +1,29 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.util.ArrayList;
-import java.util.List;
-
 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
+ * 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 "Recording";
+    return NAME;
   }
 
   @ReactMethod
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/IdleWaiter.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/IdleWaiter.java
index 958e15dfec668e..6f2246836143be 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/IdleWaiter.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/IdleWaiter.java
@@ -1,15 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.
- */
+/** Interface for something that knows how to wait for bridge and UI idle. */
 public interface IdleWaiter {
 
   void waitForBridgeAndUIIdle();
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/ReactBridgeIdleSignaler.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/ReactBridgeIdleSignaler.java
index 72aa0d46c4b0af..6599fdc1cf3b10 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/ReactBridgeIdleSignaler.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/ReactBridgeIdleSignaler.java
@@ -1,17 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
-import com.facebook.react.bridge.NotThreadSafeBridgeIdleDebugListener;
-
 /**
  * Utility class that uses {@link NotThreadSafeBridgeIdleDebugListener} interface to allow callers
  * to wait for the bridge to be idle.
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/ReactIdleDetectionUtil.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/ReactIdleDetectionUtil.java
index 4410d808a2f273..3b54f975acf096 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/ReactIdleDetectionUtil.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/ReactIdleDetectionUtil.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.ReactContext;
@@ -16,104 +15,102 @@ public class ReactIdleDetectionUtil {
    * 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.
+   *
+   * <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) {
+      ReactBridgeIdleSignaler idleSignaler, final ReactContext reactContext, long timeoutMs) {
 
-    return ;
+    return;
     // TODO: re-enable after cleanup of android-x migration
-//    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);
+    //    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.hasActiveCatalystInstance()) {
-//      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!");
-//  }
+  //  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.hasActiveCatalystInstance()) {
+  //      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/ReactAndroid/src/androidTest/java/com/facebook/react/testing/network/NetworkRecordingModuleMock.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/network/NetworkRecordingModuleMock.java
index 64bb99301d7a37..894bd2e6e87744 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/network/NetworkRecordingModuleMock.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/network/NetworkRecordingModuleMock.java
@@ -1,14 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.Callback;
 import com.facebook.react.bridge.ReactApplicationContext;
@@ -70,10 +68,7 @@ public final String getName() {
   }
 
   private void fireReactCallback(
-      Callback callback,
-      int status,
-      @Nullable String headers,
-      @Nullable String body) {
+      Callback callback, int status, @Nullable String headers, @Nullable String body) {
     callback.invoke(status, headers, body);
   }
 
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/rule/ReactNativeTestRule.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/rule/ReactNativeTestRule.java
index c4bf721717ee6e..0067f4220d3558 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/rule/ReactNativeTestRule.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/rule/ReactNativeTestRule.java
@@ -6,16 +6,14 @@
 package com.facebook.react.testing.rule;
 
 import android.app.Activity;
-import android.os.Build;
-import androidx.test.rule.ActivityTestRule;
 import android.view.ViewTreeObserver.OnGlobalLayoutListener;
+import androidx.test.rule.ActivityTestRule;
 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.ReactInstanceSpecForTest;
 import com.facebook.react.testing.ReactTestHelper;
 import com.facebook.react.testing.idledetection.ReactBridgeIdleSignaler;
 import com.facebook.react.testing.idledetection.ReactIdleDetectionUtil;
@@ -164,9 +162,7 @@ public void run() {
 
   public void waitForIdleSync() {
     ReactIdleDetectionUtil.waitForBridgeAndUIIdle(
-      mBridgeIdleSignaler,
-      mReactInstanceManager.getCurrentReactContext(),
-      IDLE_TIMEOUT_MS);
+        mBridgeIdleSignaler, mReactInstanceManager.getCurrentReactContext(), IDLE_TIMEOUT_MS);
   }
 
   /** Returns the react view */
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/AnimatedTransformTest.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/AnimatedTransformTest.java
index f2ddc0d2e9ed37..0c6280c7d74925 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/AnimatedTransformTest.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/AnimatedTransformTest.java
@@ -1,20 +1,16 @@
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.ReactInstanceSpecForTest;
-import com.facebook.react.testing.StringRecordingModule;
-import com.facebook.react.bridge.JavaScriptModule;
 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
@@ -32,18 +28,16 @@ protected String getReactApplicationKeyUnderTest() {
   @Override
   protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
     mStringRecordingModule = new StringRecordingModule();
-    return super.createReactInstanceSpecForTest()
-        .addNativeModule(mStringRecordingModule);
+    return super.createReactInstanceSpecForTest().addNativeModule(mStringRecordingModule);
   }
 
   public void testAnimatedRotation() {
     waitForBridgeAndUIIdle();
 
-    View button = ReactTestHelper.getViewWithReactTestId(
-        getActivity().getRootView(),
-        "TouchableOpacity");
+    View button =
+        ReactTestHelper.getViewWithReactTestId(getActivity().getRootView(), "TouchableOpacity");
 
-    // Tap the button which triggers the animated transform containing the 
+    // Tap the button which triggers the animated transform containing the
     // rotation strings.
     createGestureGenerator().startGesture(button).endGesture();
     waitForBridgeAndUIIdle();
@@ -51,5 +45,4 @@ public void testAnimatedRotation() {
     // The previous cast error will prevent it from getting here
     assertEquals(2, mStringRecordingModule.getCalls().size());
   }
-
 }
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystMeasureLayoutTest.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystMeasureLayoutTest.java
index a86805fb62c0de..495d162a20652b 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystMeasureLayoutTest.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystMeasureLayoutTest.java
@@ -1,23 +1,23 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.ReactInstanceSpecForTest;
 import com.facebook.react.bridge.JavaScriptModule;
-import com.facebook.react.uimanager.UIManagerModule;
 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:
+ * Tests for {@link UIManagerModule#measure}, {@link UIManagerModule#measureLayout}, and {@link
+ * UIManagerModule#measureLayoutRelativeToParent}. Tests measurement for views in the following
+ * hierarchy:
  *
+ * <pre>
  * +---------------------------------------------+
  * | A                                           |
  * |                                             |
@@ -32,27 +32,36 @@
  * |                                             |
  * |                                             |
  * +---------------------------------------------+
+ * </pre>
  *
- * 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)
+ * <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();
   }
 
@@ -73,8 +82,7 @@ protected String getReactApplicationKeyUnderTest() {
   @Override
   protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
     mAssertModule = new AssertModule();
-    return super.createReactInstanceSpecForTest()
-        .addNativeModule(mAssertModule);
+    return super.createReactInstanceSpecForTest().addNativeModule(mAssertModule);
   }
 
   private void waitForBridgeIdleAndVerifyAsserts() {
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystMultitouchHandlingTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystMultitouchHandlingTestCase.java
index 9a18ca66cb5103..eeeb3dc50085d5 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystMultitouchHandlingTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystMultitouchHandlingTestCase.java
@@ -1,19 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.util.List;
-
 import android.view.MotionEvent;
-
-import com.facebook.react.testing.ReactInstanceSpecForTest;
 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
@@ -30,8 +27,7 @@ protected String getReactApplicationKeyUnderTest() {
 
   @Override
   protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
-    return new ReactInstanceSpecForTest()
-        .addNativeModule(mRecordingModule);
+    return new ReactInstanceSpecForTest().addNativeModule(mRecordingModule);
   }
 
   /**
@@ -102,27 +98,45 @@ private void dispatchEvent(
       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();
-          }
-        });
+    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:
-   *  - implement nice generator similar to {@link SingleTouchGestureGenerator}
-   *  - 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
+   * 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
@@ -149,7 +163,13 @@ private void generateRecordedPinchTouchEvents() {
       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);
+      dispatchEvent(
+          MotionEvent.ACTION_POINTER_DOWN | (1 << MotionEvent.ACTION_POINTER_INDEX_SHIFT),
+          446560605,
+          446560630,
+          2,
+          pointerProps,
+          pointerCoords);
     }
 
     {
@@ -639,7 +659,13 @@ private void generateRecordedPinchTouchEvents() {
       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);
+      dispatchEvent(
+          MotionEvent.ACTION_POINTER_UP | (0 << MotionEvent.ACTION_POINTER_INDEX_SHIFT),
+          446560605,
+          446561443,
+          2,
+          pointerProps,
+          pointerCoords);
     }
 
     {
@@ -651,5 +677,4 @@ private void generateRecordedPinchTouchEvents() {
     }
     // END OF GENERATED CODE
   }
-
 }
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJSToJavaParametersTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJSToJavaParametersTestCase.java
index 5631647bcd81c9..42d41c77f49fd7 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJSToJavaParametersTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJSToJavaParametersTestCase.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -44,35 +43,45 @@
 /**
  * Integration test to verify passing various types of parameters from JS to Java works
  *
- * TODO: we should run these tests with isBlockingSynchronousMethod = true as well,
- * since they currently use a completely different codepath
+ * <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();
   }
 
@@ -83,10 +92,8 @@ private interface TestJSToJavaParametersModule extends JavaScriptModule {
   protected void setUp() throws Exception {
     super.setUp();
 
-    List<ViewManager> viewManagers = Arrays.<ViewManager>asList(
-        new ReactViewManager());
-    final UIManagerModule mUIManager =
-        new UIManagerModule(getContext(), viewManagers, 0);
+    List<ViewManager> viewManagers = Arrays.<ViewManager>asList(new ReactViewManager());
+    final UIManagerModule mUIManager = new UIManagerModule(getContext(), viewManagers, 0);
     UiThreadUtil.runOnUiThread(
         new Runnable() {
           @Override
@@ -97,14 +104,15 @@ public void run() {
     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();
+    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() {
@@ -314,7 +322,8 @@ public void testMapParameterDump() {
   }
 
   public void testGetTypeFromArray() {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class)
+    mCatalystInstance
+        .getJSModule(TestJSToJavaParametersModule.class)
         .returnArrayWithStringDoubleIntMapArrayBooleanNull();
     waitForBridgeAndUIIdle();
 
@@ -332,7 +341,8 @@ public void testGetTypeFromArray() {
   }
 
   public void testGetTypeFromMap() {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class)
+    mCatalystInstance
+        .getJSModule(TestJSToJavaParametersModule.class)
         .returnMapWithStringDoubleIntMapArrayBooleanNull();
     waitForBridgeAndUIIdle();
 
@@ -350,7 +360,8 @@ public void testGetTypeFromMap() {
   }
 
   public void testGetWrongTypeFromArray() {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class)
+    mCatalystInstance
+        .getJSModule(TestJSToJavaParametersModule.class)
         .returnArrayWithStringDoubleIntMapArrayBooleanNull();
     waitForBridgeAndUIIdle();
 
@@ -367,7 +378,8 @@ public void testGetWrongTypeFromArray() {
   }
 
   public void testGetWrongTypeFromMap() {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class)
+    mCatalystInstance
+        .getJSModule(TestJSToJavaParametersModule.class)
         .returnMapWithStringDoubleIntMapArrayBooleanNull();
     waitForBridgeAndUIIdle();
 
@@ -595,8 +607,9 @@ public void testMapIterateOverMapWithBasicTypes() {
       keys.add(mapIterator.nextKey());
     }
 
-    Set<String> expectedKeys = new HashSet<String>(
-        Arrays.asList("stringKey", "doubleKey", "intKey", "booleanKey", "nullKey"));
+    Set<String> expectedKeys =
+        new HashSet<String>(
+            Arrays.asList("stringKey", "doubleKey", "intKey", "booleanKey", "nullKey"));
     assertEquals(keys, expectedKeys);
   }
 
@@ -669,9 +682,7 @@ public void testStringWithMultibyteUTF8Characters() {
   }
 
   private void assertUnexpectedTypeExceptionThrown(
-      ReadableArray array,
-      int index,
-      String typeToAskFor) {
+      ReadableArray array, int index, String typeToAskFor) {
     boolean gotException = false;
     try {
       arrayGetByType(array, index, typeToAskFor);
@@ -683,9 +694,7 @@ private void assertUnexpectedTypeExceptionThrown(
   }
 
   private void assertUnexpectedTypeExceptionThrown(
-      ReadableMap map,
-      String key,
-      String typeToAskFor) {
+      ReadableMap map, String key, String typeToAskFor) {
     boolean gotException = false;
     try {
       mapGetByType(map, key, typeToAskFor);
@@ -697,9 +706,7 @@ private void assertUnexpectedTypeExceptionThrown(
   }
 
   private void assertArrayOutOfBoundsExceptionThrown(
-      ReadableArray array,
-      int index,
-      String typeToAskFor) {
+      ReadableArray array, int index, String typeToAskFor) {
     boolean gotException = false;
     try {
       arrayGetByType(array, index, typeToAskFor);
@@ -710,10 +717,7 @@ private void assertArrayOutOfBoundsExceptionThrown(
     assertTrue(gotException);
   }
 
-  private void assertNoSuchKeyExceptionThrown(
-      ReadableMap map,
-      String key,
-      String typeToAskFor) {
+  private void assertNoSuchKeyExceptionThrown(ReadableMap map, String key, String typeToAskFor) {
     boolean gotException = false;
     try {
       mapGetByType(map, key, typeToAskFor);
@@ -724,8 +728,7 @@ private void assertNoSuchKeyExceptionThrown(
     assertTrue(gotException);
   }
 
-  private static void assertInvalidIteratorExceptionThrown(
-      ReadableMapKeySetIterator iterator) {
+  private static void assertInvalidIteratorExceptionThrown(ReadableMapKeySetIterator iterator) {
     boolean gotException = false;
     try {
       iterator.nextKey();
@@ -787,12 +790,12 @@ public String getName() {
 
     @ReactMethod
     public void receiveBasicTypes(String s, double d, boolean b, String nullableString) {
-      mBasicTypesCalls.add(new Object[]{s, d, b, 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});
+      mBoxedTypesCalls.add(new Object[] {i, d, b});
     }
 
     @ReactMethod
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJavaToJSArgumentsTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJavaToJSArgumentsTestCase.java
index 0014233333e56e..7c78e4d95922cb 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJavaToJSArgumentsTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJavaToJSArgumentsTestCase.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -28,9 +27,7 @@
 import java.util.List;
 import org.junit.Ignore;
 
-/**
- * Test marshalling arguments from Java to JS to appropriate native classes.
- */
+/** Test marshalling arguments from Java to JS to appropriate native classes. */
 @Ignore("Fix prop types and view managers.")
 public class CatalystNativeJavaToJSArgumentsTestCase extends ReactIntegrationTestCase {
 
@@ -38,16 +35,21 @@ 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 receiveMapAndArrayWithNullValues(WritableMap map, WritableArray array);
+
     void receiveMapWithMultibyteUTF8CharacterString(WritableMap map);
+
     void receiveArrayWithMultibyteUTF8CharacterString(WritableArray array);
   }
 
@@ -58,10 +60,8 @@ void receiveMapAndArrayWithNullValues(
   protected void setUp() throws Exception {
     super.setUp();
 
-    List<ViewManager> viewManagers = Arrays.<ViewManager>asList(
-        new ReactViewManager());
-    final UIManagerModule mUIManager =
-        new UIManagerModule(getContext(), viewManagers, 0);
+    List<ViewManager> viewManagers = Arrays.<ViewManager>asList(new ReactViewManager());
+    final UIManagerModule mUIManager = new UIManagerModule(getContext(), viewManagers, 0);
     UiThreadUtil.runOnUiThread(
         new Runnable() {
           @Override
@@ -73,17 +73,19 @@ public void run() {
 
     mAssertModule = new AssertModule();
 
-    mInstance = ReactTestHelper.catalystInstanceBuilder(this)
-        .addNativeModule(mAssertModule)
-        .addNativeModule(new DeviceInfoModule(getContext()))
-        .addNativeModule(new AppStateModule(getContext()))
-        .addNativeModule(new FakeWebSocketModule())
-        .addNativeModule(mUIManager)
-        .build();
+    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)
+    mInstance
+        .getJSModule(TestJavaToJSArgumentsModule.class)
         .receiveBasicTypes("foo", 3.14, true, null);
     waitForBridgeAndUIIdle();
     mAssertModule.verifyAssertsAndReset();
@@ -182,7 +184,8 @@ public void testMapWithNullStringValue() {
     array.pushArray(null);
     array.pushMap(null);
 
-    mInstance.getJSModule(TestJavaToJSArgumentsModule.class)
+    mInstance
+        .getJSModule(TestJavaToJSArgumentsModule.class)
         .receiveMapAndArrayWithNullValues(map, array);
     waitForBridgeAndUIIdle();
     mAssertModule.verifyAssertsAndReset();
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJavaToJSReturnValuesTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJavaToJSReturnValuesTestCase.java
index d53d98feb5a8ea..e2d3636ec5e342 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJavaToJSReturnValuesTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJavaToJSReturnValuesTestCase.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -27,14 +26,13 @@
 import java.util.ArrayList;
 import org.junit.Ignore;
 
-/**
- * Test marshalling return values from Java to JS
- */
+/** 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();
   }
 
@@ -110,19 +108,19 @@ protected void setUp() throws Exception {
     super.setUp();
 
     final UIManagerModule mUIManager =
-        new UIManagerModule(
-            getContext(), new ArrayList<ViewManager>(), 0);
+        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();
+    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() {
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystSubviewsClippingTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystSubviewsClippingTestCase.java
index 5b7033695cd954..82dc136900d51c 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystSubviewsClippingTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystSubviewsClippingTestCase.java
@@ -1,30 +1,25 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.util.ArrayList;
-import java.util.List;
-
 import android.content.Context;
-import javax.annotation.Nullable;
 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.annotations.ReactProp;
 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;
-import org.junit.Ignore;
 
 /**
  * Integration test for {@code removeClippedSubviews} property that verify correct scrollview
@@ -34,9 +29,13 @@ public class CatalystSubviewsClippingTestCase extends ReactAppInstrumentationTes
 
   private interface SubviewsClippingTestModule extends JavaScriptModule {
     void renderClippingSample1();
+
     void renderClippingSample2();
+
     void renderScrollViewTest();
+
     void renderUpdatingSample1(boolean update1, boolean update2);
+
     void renderUpdatingSample2(boolean update);
   }
 
@@ -49,12 +48,13 @@ protected String getReactApplicationKeyUnderTest() {
 
   @Override
   protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
-    return super.createReactInstanceSpecForTest()
-        .addViewManager(new ClippableViewManager(mEvents));
+    return super.createReactInstanceSpecForTest().addViewManager(new ClippableViewManager(mEvents));
   }
 
   /**
    * In this test view are layout in a following way:
+   *
+   * <pre>
    * +-----------------------------+
    * |                             |
    * |   +---------------------+   |
@@ -72,17 +72,21 @@ protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
    * |   +---------------------+   |
    * |                             |
    * +-----------------------------+
+   * </pre>
    *
-   * We expect only outer and inner2 to be attached
+   * <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());
+    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)           |
@@ -102,25 +106,25 @@ public void XtestOneLevelClippingInView() throws Throwable {
    *                | +----------+   +---------+  |
    *                |                             |
    *                +-----------------------------+
+   * </pre>
    *
-   * We expect outer, complexInner & inner1 to be attached
+   * <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());
+        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.
    *
-   * 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
+   * <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() {
@@ -130,24 +134,24 @@ public void testClippingAfterLayoutInner() {
     mEvents.clear();
     subviewsClippingTestModule.renderUpdatingSample1(false, false);
     waitForBridgeAndUIIdle();
-    Assert.assertArrayEquals(new String[]{"Attach_outer", "Attach_inner2"}, mEvents.toArray());
+    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());
+    Assert.assertArrayEquals(new String[] {"Attach_inner1"}, mEvents.toArray());
 
     mEvents.clear();
     subviewsClippingTestModule.renderUpdatingSample1(true, true);
     waitForBridgeAndUIIdle();
-    Assert.assertArrayEquals(new String[]{"Detach_inner2"}, mEvents.toArray());
+    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.
    *
-   * In this test we render clipping view ("outer") set to be 100x100dp with inner view that is
+   * <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.
    */
@@ -158,12 +162,12 @@ public void testClippingAfterLayoutParent() {
     mEvents.clear();
     subviewsClippingTestModule.renderUpdatingSample2(false);
     waitForBridgeAndUIIdle();
-    Assert.assertArrayEquals(new String[]{"Attach_outer"}, mEvents.toArray());
+    Assert.assertArrayEquals(new String[] {"Attach_outer"}, mEvents.toArray());
 
     mEvents.clear();
     subviewsClippingTestModule.renderUpdatingSample2(true);
     waitForBridgeAndUIIdle();
-    Assert.assertArrayEquals(new String[]{"Attach_inner"}, mEvents.toArray());
+    Assert.assertArrayEquals(new String[] {"Attach_inner"}, mEvents.toArray());
   }
 
   public void testOneLevelClippingInScrollView() throws Throwable {
@@ -171,13 +175,13 @@ public void testOneLevelClippingInScrollView() throws Throwable {
     waitForBridgeAndUIIdle();
 
     // Only 3 first views should be attached at the beginning
-    Assert.assertArrayEquals(new String[]{"Attach_0", "Attach_1", "Attach_2"}, mEvents.toArray());
+    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());
+    Assert.assertArrayEquals(new String[] {"Detach_0", "Attach_3"}, mEvents.toArray());
   }
 
   public void testTwoLevelClippingInScrollView() throws Throwable {
@@ -197,38 +201,38 @@ public void testTwoLevelClippingInScrollView() throws Throwable {
     // 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());
+    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());
+    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());
+    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());
+    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());
+    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());
+    Assert.assertArrayEquals(new String[] {"Detach_C0"}, mEvents.toArray());
   }
 
   private void scrollToDpInUIThread(final int yPositionInDP) throws Throwable {
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystTouchBubblingTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystTouchBubblingTestCase.java
index 7b9a7f8431d366..2aeec8ddddd806 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystTouchBubblingTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystTouchBubblingTestCase.java
@@ -1,23 +1,22 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.ReactInstanceSpecForTest;
 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:
+ * 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>
  * +---------------------------------------------------------------------------------------+
  * |                                                                                       |
  * | +----------------------------------------------------------------------------------+  |
@@ -41,11 +40,11 @@
  * | |                                                                                  |  |
  * | +----------------------------------------------------------------------------------+  |
  * +---------------------------------------------------------------------------------------+
+ * </pre>
  *
- * 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.
+ * <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 {
 
@@ -57,8 +56,8 @@ protected String getReactApplicationKeyUnderTest() {
   }
 
   /**
-   * 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
+   * 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();
@@ -80,8 +79,7 @@ public void testSimpleClickAtInnerElements() {
 
   /**
    * 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}
+   * touch handler to fire 2) Do the same with view C and {D}
    */
   public void testDownOnInnerUpOnTouchableParent() {
     View innerButton = getViewByTestId("A");
@@ -151,7 +149,6 @@ public void testNoEventWhenDragOutOfFirstTouchableParentToItsTouchableParent() {
 
   @Override
   protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
-    return new ReactInstanceSpecForTest()
-        .addNativeModule(mRecordingModule);
+    return new ReactInstanceSpecForTest().addNativeModule(mRecordingModule);
   }
 }
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystUIManagerTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystUIManagerTestCase.java
index 1c98ec39d217cf..63424cdb6e6252 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystUIManagerTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystUIManagerTestCase.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -30,17 +29,21 @@
 import java.util.Arrays;
 import java.util.List;
 
-/**
- * Test case for basic {@link UIManagerModule} functionality.
- */
+/** 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();
   }
 
@@ -71,28 +74,28 @@ private ReactRootView createRootView() {
   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();
-      }
-    });
+    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);
+    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() {
@@ -134,7 +137,8 @@ public void testFlexUIRendered() {
   //   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
+  //   // 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);
@@ -240,10 +244,10 @@ public void _testCenteredText(String text) {
   }
 
   public void testCenteredTextCases() {
-    String[] cases = new String[] {
-      "test",
-      "with whitespace",
-    };
+    String[] cases =
+        new String[] {
+          "test", "with whitespace",
+        };
     for (String text : cases) {
       _testCenteredText(text);
     }
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/DatePickerDialogTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/DatePickerDialogTestCase.java
index cb8d22f6e21d6c..662c8cfb43962a 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/DatePickerDialogTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/DatePickerDialogTestCase.java
@@ -1,34 +1,29 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.util.ArrayList;
-import java.util.Calendar;
-import java.util.List;
-
 import android.app.DatePickerDialog;
 import android.content.DialogInterface;
+import android.widget.DatePicker;
 import androidx.fragment.app.DialogFragment;
 import androidx.fragment.app.Fragment;
-import android.widget.DatePicker;
-
 import com.facebook.react.bridge.BaseJavaModule;
-import com.facebook.react.testing.ReactInstanceSpecForTest;
-import com.facebook.react.bridge.ReactMethod;
 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.datepicker.DatePickerDialogModule;
 import com.facebook.react.testing.ReactAppInstrumentationTestCase;
+import com.facebook.react.testing.ReactInstanceSpecForTest;
+import java.util.ArrayList;
+import java.util.Calendar;
+import java.util.List;
 
-/**
- * Test case for {@link DatePickerDialogModule} options and callbacks.
- */
+/** Test case for {@link DatePickerDialogModule} options and callbacks. */
 public class DatePickerDialogTestCase extends ReactAppInstrumentationTestCase {
 
   private static interface DatePickerDialogTestModule extends JavaScriptModule {
@@ -78,8 +73,7 @@ public int getErrors() {
 
   @Override
   protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
-    return super.createReactInstanceSpecForTest()
-        .addNativeModule(mRecordingModule);
+    return super.createReactInstanceSpecForTest().addNativeModule(mRecordingModule);
   }
 
   @Override
@@ -105,8 +99,10 @@ private DialogFragment showDialog(WritableMap options) {
     waitForBridgeAndUIIdle();
     getInstrumentation().waitForIdleSync();
 
-    return (DialogFragment) getActivity().getSupportFragmentManager()
-        .findFragmentByTag(DatePickerDialogModule.FRAGMENT_TAG);
+    return (DialogFragment)
+        getActivity()
+            .getSupportFragmentManager()
+            .findFragmentByTag(DatePickerDialogModule.FRAGMENT_TAG);
   }
 
   public void testShowBasicDatePicker() {
@@ -139,7 +135,8 @@ public void testCallback() throws Throwable {
           @Override
           public void run() {
             ((DatePickerDialog) datePickerFragment.getDialog())
-                .getButton(DialogInterface.BUTTON_POSITIVE).performClick();
+                .getButton(DialogInterface.BUTTON_POSITIVE)
+                .performClick();
           }
         });
 
@@ -171,5 +168,4 @@ public void run() {
     assertEquals(0, mRecordingModule.getDates().size());
     assertEquals(1, mRecordingModule.getDismissed());
   }
-
 }
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ImageErrorTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ImageErrorTestCase.java
index 3676a9cd202cf1..f500599cd94970 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ImageErrorTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ImageErrorTestCase.java
@@ -1,20 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.StringRecordingModule;
 
-/**
- * Simple test case to check that onError does not get called with undefined
- */
+/** Simple test case to check that onError does not get called with undefined */
 public class ImageErrorTestCase extends ReactAppInstrumentationTestCase {
 
   private StringRecordingModule mStringRecordingModule;
@@ -30,17 +26,21 @@ public void testErrorHasCause() throws Exception {
     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));
+    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);
+    return super.createReactInstanceSpecForTest().addNativeModule(mStringRecordingModule);
   }
 }
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ImageOverlayColorTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ImageOverlayColorTestCase.java
index 4dd334af88f6e1..1dd531ad2eff0f 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ImageOverlayColorTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ImageOverlayColorTestCase.java
@@ -1,18 +1,15 @@
 /**
  * Copyright (c) 2014-present, Facebook, Inc.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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
- */
+/** Simple test case for passing overlayColor prop to the Image component */
 public class ImageOverlayColorTestCase extends ReactAppInstrumentationTestCase {
 
   @Override
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/InitialPropsTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/InitialPropsTestCase.java
index bf754df05df6e1..6a7c84f35bd20e 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/InitialPropsTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/InitialPropsTestCase.java
@@ -1,28 +1,23 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.testing.FakeWebSocketModule;
-import com.facebook.react.testing.ReactInstanceSpecForTest;
 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> {
+/** 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";
 
@@ -78,17 +73,13 @@ public void run() {
             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});
+            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);
+                "InitialPropsTestApp", catalystInstanceSpec, props, DEFAULT_JS_BUNDLE, false);
           }
         });
     activity.waitForBridgeAndUIIdle();
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/JSLocaleTest.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/JSLocaleTest.java
index 3875ad878f85ef..96c22a70a5938d 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/JSLocaleTest.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/JSLocaleTest.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -23,13 +22,12 @@
 import java.util.Arrays;
 import java.util.List;
 
-/**
- * Test locale-based functionality of JS VM
- */
+/** 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);
   }
 
@@ -41,12 +39,8 @@ private interface TestJSLocaleModule extends JavaScriptModule {
   protected void setUp() throws Exception {
     super.setUp();
 
-    List<ViewManager> viewManagers = Arrays.<ViewManager>asList(
-        new ReactViewManager());
-    final UIManagerModule mUIManager = new UIManagerModule(
-        getContext(),
-        viewManagers,
-        0);
+    List<ViewManager> viewManagers = Arrays.<ViewManager>asList(new ReactViewManager());
+    final UIManagerModule mUIManager = new UIManagerModule(getContext(), viewManagers, 0);
     UiThreadUtil.runOnUiThread(
         new Runnable() {
           @Override
@@ -58,13 +52,14 @@ public void run() {
     waitForIdleSync();
 
     mStringRecordingModule = new StringRecordingModule();
-    mInstance = ReactTestHelper.catalystInstanceBuilder(this)
-        .addNativeModule(mStringRecordingModule)
-        .addNativeModule(mUIManager)
-        .addNativeModule(new DeviceInfoModule(getContext()))
-        .addNativeModule(new AppStateModule(getContext()))
-        .addNativeModule(new FakeWebSocketModule())
-        .build();
+    mInstance =
+        ReactTestHelper.catalystInstanceBuilder(this)
+            .addNativeModule(mStringRecordingModule)
+            .addNativeModule(mUIManager)
+            .addNativeModule(new DeviceInfoModule(getContext()))
+            .addNativeModule(new AppStateModule(getContext()))
+            .addNativeModule(new FakeWebSocketModule())
+            .build();
   }
 
   public void testToUpper() {
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/JSResponderTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/JSResponderTestCase.java
index 077298065b0283..62148cdb39a91f 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/JSResponderTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/JSResponderTestCase.java
@@ -1,25 +1,23 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.uimanager.PixelUtil;
 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.
  *
- * 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.
+ * <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 {
 
@@ -55,13 +53,9 @@ public void testResponderLocksScrollView() {
 
     waitForBridgeAndUIIdle();
 
-    gestureGenerator
-        .dragTo(30 + inpx40dp, 30, 10, 1200)
-        .endGesture();
+    gestureGenerator.dragTo(30 + inpx40dp, 30, 10, 1200).endGesture();
 
     waitForBridgeAndUIIdle();
     assertEquals("Expected not to scroll", scrollView.getScrollY(), previousScroll);
-
   }
-
 }
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/LayoutEventsTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/LayoutEventsTestCase.java
index f9f7741d8c7dd2..1f075eaca3d108 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/LayoutEventsTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/LayoutEventsTestCase.java
@@ -1,19 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.
- */
+/** Simple test to verify that layout events (onLayout) propagate to JS from native. */
 public class LayoutEventsTestCase extends ReactAppInstrumentationTestCase {
 
   private StringRecordingModule mStringRecordingModule;
@@ -23,9 +20,7 @@ protected String getReactApplicationKeyUnderTest() {
     return "LayoutEventsTestApp";
   }
 
-  /**
-   * Creates a UI in JS and verifies the onLayout handler is called.
-   */
+  /** 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));
@@ -36,7 +31,6 @@ public void testOnLayoutCalled() {
   @Override
   protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
     mStringRecordingModule = new StringRecordingModule();
-    return super.createReactInstanceSpecForTest()
-        .addNativeModule(mStringRecordingModule);
+    return super.createReactInstanceSpecForTest().addNativeModule(mStringRecordingModule);
   }
 }
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/NativeIdTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/NativeIdTestCase.java
index 0cfd4d6c277104..ce5c89c7b9d297 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/NativeIdTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/NativeIdTestCase.java
@@ -1,23 +1,20 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.util.Arrays;
-import java.util.List;
-
 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.
+ * 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 {
 
@@ -26,43 +23,43 @@ protected String getReactApplicationKeyUnderTest() {
     return "NativeIdTestApp";
   }
 
-  private final List<String> viewTags = Arrays.asList(
-    "Image",
-    "Text",
-    "TouchableBounce",
-    "TouchableHighlight",
-    "TouchableOpacity",
-    "TouchableWithoutFeedback",
-    "TextInput",
-    "View");
+  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);
-      }
+    ReactFindViewUtil.addViewListener(
+        new ReactFindViewUtil.OnViewFoundListener() {
+          @Override
+          public String getNativeId() {
+            return viewTags.get(0);
+          }
 
-      @Override
-      public void onViewFound(View view) {
-        mViewFound = true;
-      }
-    });
+          @Override
+          public void onViewFound(View view) {
+            mViewFound = true;
+          }
+        });
     super.setUp();
   }
 
   public void testPropertyIsSetForViews() {
     for (String nativeId : viewTags) {
-      View viewWithTag = ReactFindViewUtil.findView(
-        getActivity().getRootView(),
-        nativeId);
+      View viewWithTag = ReactFindViewUtil.findView(getActivity().getRootView(), nativeId);
       assertNotNull(
-        "View with nativeID " + nativeId + " was not found. Check NativeIdTestModule.js.",
-        viewWithTag);
+          "View with nativeID " + nativeId + " was not found. Check NativeIdTestModule.js.",
+          viewWithTag);
     }
   }
 
@@ -73,20 +70,19 @@ public void testViewListener() {
   public void testFindView() {
     mViewFound = false;
     ReactFindViewUtil.findView(
-      getActivity().getRootView(),
-      new ReactFindViewUtil.OnViewFoundListener() {
-        @Override
-        public String getNativeId() {
-          return viewTags.get(0);
-        }
+        getActivity().getRootView(),
+        new ReactFindViewUtil.OnViewFoundListener() {
+          @Override
+          public String getNativeId() {
+            return viewTags.get(0);
+          }
 
-        @Override
-        public void onViewFound(View view) {
-          mViewFound = true;
-        }
-      });
+          @Override
+          public void onViewFound(View view) {
+            mViewFound = true;
+          }
+        });
     assertTrue(
-      "OnViewFound callback should have successfully been invoked synchronously",
-      mViewFound);
+        "OnViewFound callback should have successfully been invoked synchronously", mViewFound);
   }
 }
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ProgressBarTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ProgressBarTestCase.java
index 19989b52426beb..a4804cd032af3a 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ProgressBarTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ProgressBarTestCase.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -32,9 +31,7 @@
 import java.util.HashMap;
 import java.util.List;
 
-/**
- * Test to verify that Progress bar renders as a view of the right size
- */
+/** 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
@@ -49,7 +46,7 @@ public class ProgressBarTestCase extends ReactIntegrationTestCase {
     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);
@@ -63,11 +60,9 @@ private static interface ProgressBarTestModule extends JavaScriptModule {
   protected void setUp() throws Exception {
     super.setUp();
 
-    List<ViewManager> viewManagers = Arrays.<ViewManager>asList(
-        new ReactViewManager(),
-        new ReactProgressBarViewManager());
-    mUIManager =
-        new UIManagerModule(getContext(), viewManagers, 0);
+    List<ViewManager> viewManagers =
+        Arrays.<ViewManager>asList(new ReactViewManager(), new ReactProgressBarViewManager());
+    mUIManager = new UIManagerModule(getContext(), viewManagers, 0);
     UiThreadUtil.runOnUiThread(
         new Runnable() {
           @Override
@@ -77,13 +72,14 @@ public void run() {
         });
     waitForIdleSync();
 
-    mInstance = ReactTestHelper.catalystInstanceBuilder(this)
-        .addNativeModule(mUIManager)
-        .addNativeModule(new AndroidInfoModule(getContext()))
-        .addNativeModule(new DeviceInfoModule(getContext()))
-        .addNativeModule(new AppStateModule(getContext()))
-        .addNativeModule(new FakeWebSocketModule())
-        .build();
+    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();
@@ -94,16 +90,13 @@ public void run() {
     waitForBridgeAndUIIdle();
   }
 
-  /**
-   * Test that the sizes of the progressBars are setup correctly
-   */
+  /** 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);
+      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();
 
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactHorizontalScrollViewTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactHorizontalScrollViewTestCase.java
index e1defbb208b36c..15a81bd5d237c3 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactHorizontalScrollViewTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactHorizontalScrollViewTestCase.java
@@ -1,25 +1,19 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.util.ArrayList;
-
 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
- */
+/** Integration test for horizontal ScrollView. See ScrollViewTestModule.js */
 public class ReactHorizontalScrollViewTestCase extends AbstractScrollViewTestCase {
 
   @Override
@@ -61,8 +55,7 @@ public void testScrollEvents() {
     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());
+        "Expected no item click event fired", mScrollListenerModule.getItemsPressed().isEmpty());
     assertEquals(
         "Expected last offset to be offset of scroll view",
         PixelUtil.toDIPFromPixel(scrollView.getScrollX()),
@@ -103,9 +96,7 @@ public void testScrollAndClick() throws Exception {
     assertEquals(visibleItemNumber, (int) itemIds.get(0));
   }
 
-  /**
-   * Verify that 'scrollTo' command makes ScrollView start scrolling
-   */
+  /** Verify that 'scrollTo' command makes ScrollView start scrolling */
   public void testScrollToCommand() throws Exception {
     HorizontalScrollView scrollView = getViewAtPath(0);
     ScrollViewTestModule jsModule =
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactPickerTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactPickerTestCase.java
index ec8fd977a0a0e5..24bf069a0bda0a 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactPickerTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactPickerTestCase.java
@@ -1,29 +1,26 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.util.ArrayList;
-import java.util.List;
-
 import android.graphics.Color;
 import android.widget.Spinner;
 import android.widget.SpinnerAdapter;
 import android.widget.TextView;
-
 import com.facebook.react.bridge.BaseJavaModule;
-import com.facebook.react.testing.ReactInstanceSpecForTest;
-import com.facebook.react.bridge.ReactMethod;
 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.picker.ReactDialogPickerManager;
 import com.facebook.react.views.picker.ReactDropdownPickerManager;
 import com.facebook.react.views.picker.ReactPicker;
 import com.facebook.react.views.picker.ReactPickerManager;
-import com.facebook.react.testing.ReactAppInstrumentationTestCase;
+import java.util.ArrayList;
+import java.util.List;
 
 /**
  * Integration test for {@link ReactDialogPickerManager} and {@link ReactDropdownPickerManager}
@@ -34,7 +31,9 @@ public class ReactPickerTestCase extends ReactAppInstrumentationTestCase {
 
   private static interface PickerAndroidTestModule extends JavaScriptModule {
     public void selectItem(int position);
+
     public void setMode(String mode);
+
     public void setPrimaryColor(String color);
   }
 
@@ -66,8 +65,7 @@ protected String getReactApplicationKeyUnderTest() {
   @Override
   protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
     mRecordingModule = new PickerAndroidRecordingModule();
-    return super.createReactInstanceSpecForTest()
-      .addNativeModule(mRecordingModule);
+    return super.createReactInstanceSpecForTest().addNativeModule(mRecordingModule);
   }
 
   public void testBasicProperties() {
@@ -88,29 +86,22 @@ public void testBasicProperties() {
     assertEquals(Color.GREEN, ((TextView) adapter.getView(1, null, null)).getCurrentTextColor());
     assertEquals(Color.BLUE, ((TextView) adapter.getView(2, null, null)).getCurrentTextColor());
     assertEquals(
-        Color.RED,
-        ((TextView) adapter.getDropDownView(0, null, null)).getCurrentTextColor());
+        Color.RED, ((TextView) adapter.getDropDownView(0, null, null)).getCurrentTextColor());
     assertEquals(
-        Color.GREEN,
-        ((TextView) adapter.getDropDownView(1, null, null)).getCurrentTextColor());
+        Color.GREEN, ((TextView) adapter.getDropDownView(1, null, null)).getCurrentTextColor());
     assertEquals(
-        Color.BLUE,
-        ((TextView) adapter.getDropDownView(2, null, null)).getCurrentTextColor());
+        Color.BLUE, ((TextView) adapter.getDropDownView(2, null, null)).getCurrentTextColor());
     getTestModule().setPrimaryColor("black");
     waitForBridgeAndUIIdle();
     assertEquals(Color.BLACK, ((TextView) adapter.getView(0, null, null)).getCurrentTextColor());
     assertEquals(Color.BLACK, ((TextView) adapter.getView(1, null, null)).getCurrentTextColor());
     assertEquals(Color.BLACK, ((TextView) adapter.getView(2, null, null)).getCurrentTextColor());
     assertEquals(
-        Color.RED,
-        ((TextView) adapter.getDropDownView(0, null, null)).getCurrentTextColor());
+        Color.RED, ((TextView) adapter.getDropDownView(0, null, null)).getCurrentTextColor());
     assertEquals(
-        Color.GREEN,
-        ((TextView) adapter.getDropDownView(1, null, null)).getCurrentTextColor());
+        Color.GREEN, ((TextView) adapter.getDropDownView(1, null, null)).getCurrentTextColor());
     assertEquals(
-        Color.BLUE,
-        ((TextView) adapter.getDropDownView(2, null, null)).getCurrentTextColor());
-
+        Color.BLUE, ((TextView) adapter.getDropDownView(2, null, null)).getCurrentTextColor());
   }
 
   public void testDropdownPicker() {
@@ -176,9 +167,8 @@ public void testOnSelectSequence() throws Throwable {
     updateFirstSpinnerAndCheckLastSpinnerMatches(2);
   }
 
-  private void updateFirstSpinnerAndCheckLastSpinnerMatches(
-    final int indexToSelect
-  ) throws Throwable {
+  private void updateFirstSpinnerAndCheckLastSpinnerMatches(final int indexToSelect)
+      throws Throwable {
     // The last spinner has the same selected value as the first one.
     // Test that user selection is propagated correctly to JS, to setState, and to Spinners.
     runTestOnUiThread(
@@ -194,13 +184,12 @@ public void run() {
 
     ReactPicker spinnerInSync = getViewAtPath(0, 3);
     assertEquals(
-      "Picker selection was not updated correctly via setState.",
-      indexToSelect,
-      spinnerInSync.getSelectedItemPosition());
+        "Picker selection was not updated correctly via setState.",
+        indexToSelect,
+        spinnerInSync.getSelectedItemPosition());
   }
 
   private PickerAndroidTestModule getTestModule() {
     return getReactContext().getCatalystInstance().getJSModule(PickerAndroidTestModule.class);
   }
-
 }
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactScrollViewTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactScrollViewTestCase.java
index 0267bb8e28b01b..434d98cb97bfad 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactScrollViewTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactScrollViewTestCase.java
@@ -1,25 +1,19 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.util.ArrayList;
-
 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
- */
+/** Integration test for vertical ScrollView. See ScrollViewTestModule.js */
 public class ReactScrollViewTestCase extends AbstractScrollViewTestCase {
 
   @Override
@@ -61,8 +55,7 @@ public void testScrollEvents() {
     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());
+        "Expected no item click event fired", mScrollListenerModule.getItemsPressed().isEmpty());
     assertEquals(
         "Expected last offset to be offset of scroll view",
         PixelUtil.toDIPFromPixel(scrollView.getScrollY()),
@@ -104,9 +97,7 @@ public void testScrollAndClick() throws Exception {
     assertEquals(visibleItemNumber, (int) itemIds.get(0));
   }
 
-  /**
-   * Verify that 'scrollTo' command makes ScrollView start scrolling
-   */
+  /** Verify that 'scrollTo' command makes ScrollView start scrolling */
   public void testScrollToCommand() throws Exception {
     ScrollView scrollView = getViewAtPath(0);
     ScrollViewTestModule jsModule =
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactSwipeRefreshLayoutTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactSwipeRefreshLayoutTestCase.java
index a75b217131f13d..a4054cf88fba26 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactSwipeRefreshLayoutTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactSwipeRefreshLayoutTestCase.java
@@ -1,24 +1,20 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.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}.
- */
+/** Test case for {@link ReactSwipeRefreshLayout}. */
 public class ReactSwipeRefreshLayoutTestCase extends ReactAppInstrumentationTestCase {
 
   private class SwipeRefreshLayoutRecordingModule extends BaseJavaModule {
@@ -53,8 +49,7 @@ protected String getReactApplicationKeyUnderTest() {
 
   @Override
   protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
-    return super.createReactInstanceSpecForTest()
-      .addNativeModule(mRecordingModule);
+    return super.createReactInstanceSpecForTest().addNativeModule(mRecordingModule);
   }
 
   public void testRefreshNoScroll() {
@@ -98,5 +93,4 @@ public void testNoRefreshAfterScroll() {
     waitForBridgeAndUIIdle();
     assertEquals(0, mRecordingModule.getCount());
   }
-
 }
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ShareTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ShareTestCase.java
index 83d382d112ce67..356d84186a1c84 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ShareTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ShareTestCase.java
@@ -1,36 +1,24 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.util.ArrayList;
-import java.util.List;
-
-import android.app.Activity;
-import android.app.AlertDialog;
 import android.app.Instrumentation.ActivityMonitor;
-import android.content.DialogInterface;
 import android.content.Intent;
 import android.content.IntentFilter;
-import android.content.IntentFilter.MalformedMimeTypeException;
-import androidx.fragment.app.DialogFragment;
-
 import com.facebook.react.bridge.BaseJavaModule;
-import com.facebook.react.testing.ReactInstanceSpecForTest;
-import com.facebook.react.bridge.ReactMethod;
 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}.
- */
+/** Test case for {@link ShareModule}. */
 public class ShareTestCase extends ReactAppInstrumentationTestCase {
 
   private static interface ShareTestModule extends JavaScriptModule {
@@ -64,15 +52,13 @@ public int getOpened() {
     public int getErrors() {
       return mErrors;
     }
-
   }
 
   final ShareRecordingModule mRecordingModule = new ShareRecordingModule();
 
   @Override
   protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
-    return super.createReactInstanceSpecForTest()
-        .addNativeModule(mRecordingModule);
+    return super.createReactInstanceSpecForTest().addNativeModule(mRecordingModule);
   }
 
   @Override
@@ -101,7 +87,5 @@ public void testShowBasicShareDialog() {
     assertEquals(1, monitor.getHits());
     assertEquals(1, mRecordingModule.getOpened());
     assertEquals(0, mRecordingModule.getErrors());
-
   }
-
 }
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/TestIdTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/TestIdTestCase.java
index 47696a68460717..54eedf9ddebbb8 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/TestIdTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/TestIdTestCase.java
@@ -1,25 +1,20 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.util.Arrays;
-import java.util.List;
-
 import android.view.View;
-
-import com.facebook.react.views.picker.ReactDropdownPickerManager;
 import com.facebook.react.testing.ReactAppInstrumentationTestCase;
-import com.facebook.react.testing.ReactInstanceSpecForTest;
 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.
+ * 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 {
 
@@ -28,22 +23,20 @@ protected String getReactApplicationKeyUnderTest() {
     return "TestIdTestApp";
   }
 
-  private final List<String> viewTags = Arrays.asList(
-      "Image",
-      "Text",
-      "TouchableBounce",
-      "TouchableHighlight",
-      "TouchableOpacity",
-      "TouchableWithoutFeedback",
-      "TextInput",
-      "View"
-      );
+  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);
+      View viewWithTag = ReactTestHelper.getViewWithReactTestId(getActivity().getRootView(), tag);
       assertNotNull(
           "View with testID tag " + tag + " was not found. Check TestIdTestModule.js.",
           viewWithTag);
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/TextInputTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/TextInputTestCase.java
index ffc9c9e8ce2468..40ac1f59d1ded5 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/TextInputTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/TextInputTestCase.java
@@ -1,21 +1,18 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.KeyEvent;
 import android.view.View;
 import android.view.ViewGroup;
 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;
@@ -23,9 +20,7 @@
 import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.react.views.textinput.ReactEditText;
 
-/**
- * Test to verify that TextInput renders correctly
- */
+/** Test to verify that TextInput renders correctly */
 public class TextInputTestCase extends ReactAppInstrumentationTestCase {
 
   private final StringRecordingModule mRecordingModule = new StringRecordingModule();
@@ -47,20 +42,17 @@ public void testTextInputMeasurements() {
 
     EditText editText = new EditText(textInputViewNoHeight.getContext());
     editText.setTextSize(
-        TypedValue.COMPLEX_UNIT_PX,
-        (float) Math.ceil(PixelUtil.toPixelFromSP(21.f)));
+        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);
+    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.
-   */
+  /** Test that the cursor moves to the end of the word. */
   public void testTextInputCursorPosition() throws Throwable {
     final EditText textInputWithText = getViewByTestId("textInput3");
 
@@ -71,7 +63,8 @@ public void run() {
             textInputWithText.setSelection(3);
           }
         });
-    getReactContext().getJSModule(TextInputTestModule.class)
+    getReactContext()
+        .getJSModule(TextInputTestModule.class)
         .setValueRef("textInput3", "Some other value");
     waitForBridgeAndUIIdle();
 
@@ -79,9 +72,7 @@ public void run() {
     assertEquals(4, textInputWithText.getSelectionEnd());
   }
 
-  /**
-   * Test that the colors are applied to new text
-   */
+  /** Test that the colors are applied to new text */
   public void testTextInputColors() throws Throwable {
     String testIDs[] = new String[] {"textInput4", "textInput5", "textInput6"};
 
@@ -94,7 +85,9 @@ public void testTextInputColors() throws Throwable {
       ReactEditText reactEditText = getViewByTestId(testID);
       assertEquals(
           Color.GREEN,
-          reactEditText.getText().getSpans(0, 1, ForegroundColorSpan.class)[0]
+          reactEditText
+              .getText()
+              .getSpans(0, 1, ForegroundColorSpan.class)[0]
               .getForegroundColor());
     }
   }
@@ -113,26 +106,26 @@ public void testOnSubmitEditing() throws Throwable {
     fireEditorActionAndCheckRecording(reactEditText, EditorInfo.IME_ACTION_NONE);
   }
 
-  private void fireEditorActionAndCheckRecording(final ReactEditText reactEditText,
-                                                 final int actionId) throws Throwable {
+  private void fireEditorActionAndCheckRecording(
+      final ReactEditText reactEditText, final int actionId) throws Throwable {
     fireEditorActionAndCheckRecording(reactEditText, actionId, true);
     fireEditorActionAndCheckRecording(reactEditText, actionId, false);
   }
 
-  private void fireEditorActionAndCheckRecording(final ReactEditText reactEditText,
-                                                 final int actionId,
-                                                 final boolean blurOnSubmit) throws Throwable {
+  private void fireEditorActionAndCheckRecording(
+      final ReactEditText reactEditText, final int actionId, final boolean blurOnSubmit)
+      throws Throwable {
     mRecordingModule.reset();
 
     runTestOnUiThread(
-      new Runnable() {
-        @Override
-        public void run() {
-          reactEditText.requestFocusFromJS();
-          reactEditText.setBlurOnSubmit(blurOnSubmit);
-          reactEditText.onEditorAction(actionId);
-        }
-      });
+        new Runnable() {
+          @Override
+          public void run() {
+            reactEditText.requestFocusFromJS();
+            reactEditText.setBlurOnSubmit(blurOnSubmit);
+            reactEditText.onEditorAction(actionId);
+          }
+        });
     waitForBridgeAndUIIdle();
 
     assertEquals(1, mRecordingModule.getCalls().size());
@@ -140,114 +133,68 @@ public void run() {
   }
 
   /**
-   * 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 =
-        getReactContext().getNativeModule(UIManagerModule.class).getEventDispatcher();
-    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();
-
-    eventDispatcher.dispatchEvent(
-        new ReactTextChangedEvent(
-            reactEditText.getId(),
-            newText.toString(),
-            (int) PixelUtil.toDIPFromPixel(contentWidth),
-            (int) PixelUtil.toDIPFromPixel(contentHeight),
-            reactEditText.incrementAndGetEventCounter()));
-
-    eventDispatcher.dispatchEvent(
-        new ReactTextInputEvent(
-            reactEditText.getId(),
-            newText.toString(),
-            "",
-            start,
-            start + count - 1));
-    waitForBridgeAndUIIdle();
-
-    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]));
-
-    String moreText = "andsuch ";
-    String previousText = newText;
-    newText += moreText;
-    count = moreText.length();
-    start = previousText.length();
-
-    eventDispatcher.dispatchEvent(
-        new ReactTextChangedEvent(
-            reactEditText.getId(),
-            newText.toString(),
-            (int) PixelUtil.toDIPFromPixel(contentWidth),
-            (int) PixelUtil.toDIPFromPixel(contentHeight),
-            reactEditText.incrementAndGetEventCounter()));
-
-    eventDispatcher.dispatchEvent(
-        new ReactTextInputEvent(
-            reactEditText.getId(),
-            moreText,
-            "",
-            start,
-            start + count - 1));
-    waitForBridgeAndUIIdle();
-
-    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]));
-
-    moreText = "morethings";
-    previousText = newText;
-    newText += moreText;
-    count = moreText.length();
-    start = previousText.length();
-
-    eventDispatcher.dispatchEvent(
-        new ReactTextChangedEvent(
-            reactEditText.getId(),
-            newText.toString(),
-            (int) PixelUtil.toDIPFromPixel(contentWidth),
-            (int) PixelUtil.toDIPFromPixel(contentHeight),
-            reactEditText.incrementAndGetEventCounter()));
-
-    eventDispatcher.dispatchEvent(
-        new ReactTextInputEvent(
-            reactEditText.getId(),
-            moreText,
-            "",
-            start,
-            start + count - 1));
-    waitForBridgeAndUIIdle();
-
-    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]));
-  }
-  */
-
+   * 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 =
+   * getReactContext().getNativeModule(UIManagerModule.class).getEventDispatcher(); 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);
+    return super.createReactInstanceSpecForTest().addNativeModule(mRecordingModule);
   }
 
   @Override
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/TimePickerDialogTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/TimePickerDialogTestCase.java
index a899098dbd6153..e88eb555d75016 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/TimePickerDialogTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/TimePickerDialogTestCase.java
@@ -1,31 +1,26 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.util.ArrayList;
-import java.util.List;
-
 import android.app.TimePickerDialog;
 import android.content.DialogInterface;
 import androidx.fragment.app.DialogFragment;
-
 import com.facebook.react.bridge.BaseJavaModule;
-import com.facebook.react.testing.ReactInstanceSpecForTest;
-import com.facebook.react.bridge.ReactMethod;
 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.timepicker.TimePickerDialogModule;
 import com.facebook.react.testing.ReactAppInstrumentationTestCase;
+import com.facebook.react.testing.ReactInstanceSpecForTest;
+import java.util.ArrayList;
+import java.util.List;
 
-/**
- * Test case for {@link TimePickerDialogModule} options and callbacks.
- */
+/** Test case for {@link TimePickerDialogModule} options and callbacks. */
 public class TimePickerDialogTestCase extends ReactAppInstrumentationTestCase {
 
   private static interface TimePickerDialogTestModule extends JavaScriptModule {
@@ -75,8 +70,7 @@ public int getErrors() {
 
   @Override
   protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
-    return super.createReactInstanceSpecForTest()
-        .addNativeModule(mRecordingModule);
+    return super.createReactInstanceSpecForTest().addNativeModule(mRecordingModule);
   }
 
   @Override
@@ -94,8 +88,10 @@ private DialogFragment showDialog(WritableMap options) {
     waitForBridgeAndUIIdle();
     getInstrumentation().waitForIdleSync();
 
-    return (DialogFragment) getActivity().getSupportFragmentManager()
-        .findFragmentByTag(TimePickerDialogModule.FRAGMENT_TAG);
+    return (DialogFragment)
+        getActivity()
+            .getSupportFragmentManager()
+            .findFragmentByTag(TimePickerDialogModule.FRAGMENT_TAG);
   }
 
   public void testShowBasicTimePicker() {
@@ -119,7 +115,8 @@ public void testPresetTimeAndCallback() throws Throwable {
           @Override
           public void run() {
             ((TimePickerDialog) fragment.getDialog())
-                .getButton(DialogInterface.BUTTON_POSITIVE).performClick();
+                .getButton(DialogInterface.BUTTON_POSITIVE)
+                .performClick();
           }
         });
 
@@ -155,5 +152,4 @@ public void run() {
     assertEquals(0, mRecordingModule.getTimes().size());
     assertEquals(1, mRecordingModule.getDismissed());
   }
-
 }
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ViewRenderingTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ViewRenderingTestCase.java
index edccc5e89f9361..d9b36924147461 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ViewRenderingTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ViewRenderingTestCase.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -32,9 +31,13 @@ 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);
   }
 
@@ -47,8 +50,7 @@ protected void setUp() throws Exception {
     super.setUp();
 
     List<ViewManager> viewManagers = Arrays.<ViewManager>asList(new ReactViewManager());
-    final UIManagerModule uiManager =
-        new UIManagerModule(getContext(), viewManagers, 0);
+    final UIManagerModule uiManager = new UIManagerModule(getContext(), viewManagers, 0);
     UiThreadUtil.runOnUiThread(
         new Runnable() {
           @Override
@@ -58,13 +60,14 @@ public void run() {
         });
     waitForIdleSync();
 
-    mCatalystInstance = ReactTestHelper.catalystInstanceBuilder(this)
-        .addNativeModule(uiManager)
-        .addNativeModule(new AndroidInfoModule(getContext()))
-        .addNativeModule(new DeviceInfoModule(getContext()))
-        .addNativeModule(new AppStateModule(getContext()))
-        .addNativeModule(new FakeWebSocketModule())
-        .build();
+    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);
@@ -131,7 +134,8 @@ public void testBordersApplied() {
   }
 
   public void testTransformations() {
-    mCatalystInstance.getJSModule(ViewRenderingTestModule.class)
+    mCatalystInstance
+        .getJSModule(ViewRenderingTestModule.class)
         .renderTransformApplication(mRootTag);
     waitForBridgeAndUIIdle();
 
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/BUCK b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/BUCK
index 5d3380b6f8b05a..d14a43f82cfef1 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/BUCK
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/BUCK
@@ -22,6 +22,8 @@ rn_android_library(
         react_native_target("java/com/facebook/react:react"),
         react_native_target("java/com/facebook/react/bridge:bridge"),
         react_native_target("java/com/facebook/react/common:common"),
+        react_native_target("java/com/facebook/react/module/annotations:annotations"),
+        react_native_target("java/com/facebook/react/module/model:model"),
         react_native_target("java/com/facebook/react/shell:shell"),
         react_native_target("java/com/facebook/react/uimanager:uimanager"),
     ]) + ([
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/ReactInstanceManagerTest.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/ReactInstanceManagerTest.java
index afb2540ddcb896..e5877c3802bda4 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/ReactInstanceManagerTest.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/ReactInstanceManagerTest.java
@@ -36,26 +36,28 @@ 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();
+        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();
-      }
-    });
+    InstrumentationRegistry.getInstrumentation()
+        .runOnMainSync(
+            new Runnable() {
+              @Override
+              public void run() {
+                reactRootView.unmountReactApplication();
+                reactInstanceManager.destroy();
+              }
+            });
   }
 
   @Test
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/ReactRootViewTest.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/ReactRootViewTest.java
index acc108fb3c39dc..e7f9f96ce57942 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/ReactRootViewTest.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/ReactRootViewTest.java
@@ -8,25 +8,25 @@
 import static org.fest.assertions.api.Assertions.assertThat;
 
 import android.app.Instrumentation;
-import androidx.test.InstrumentationRegistry;
-import androidx.test.runner.AndroidJUnit4;
-import android.util.DisplayMetrics;
 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.ModuleSpec;
 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.ArrayList;
-import java.util.List;
-import javax.inject.Provider;
+import java.util.HashMap;
+import java.util.Map;
 import org.junit.Before;
 import org.junit.Rule;
 import org.junit.Test;
@@ -40,26 +40,56 @@ private interface ReactRootViewTestModule extends JavaScriptModule {
   }
 
   final StringRecordingModule mRecordingModule = new StringRecordingModule();
-  final ReactPackage mReactPackage = new MainReactPackage() {
-    @Override
-    public List<ModuleSpec> getNativeModules(ReactApplicationContext context) {
-      List<ModuleSpec> modules = new ArrayList<>(super.getNativeModules(context));
-      modules.add(
-        ModuleSpec.nativeModuleSpec(
-          StringRecordingModule.class,
-          new Provider<NativeModule>() {
+  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 NativeModule get() {
-              return mRecordingModule;
+            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.hasConstants(),
+                      reactModule.isCxxModule(),
+                      false));
+
+              return mModuleInfos;
             }
-          }));
-      return modules;
-    }
-  };
+          };
+        }
+      };
 
   @Rule
   public ReactNativeTestRule mReactNativeRule =
-    new ReactNativeTestRule("AndroidTestBundle.js", mReactPackage);
+      new ReactNativeTestRule("AndroidTestBundle.js", mReactPackage);
 
   @Before
   public void setup() {
@@ -77,14 +107,13 @@ public void testResizeRootView() {
 
     Instrumentation instrumentation = InstrumentationRegistry.getInstrumentation();
     instrumentation.runOnMainSync(
-      new Runnable() {
-        @Override
-        public void run() {
-          rootView.setLayoutParams(new FrameLayout.LayoutParams(
-            newWidth,
-            ViewGroup.LayoutParams.MATCH_PARENT));
-        }
-      });
+        new Runnable() {
+          @Override
+          public void run() {
+            rootView.setLayoutParams(
+                new FrameLayout.LayoutParams(newWidth, ViewGroup.LayoutParams.MATCH_PARENT));
+          }
+        });
 
     instrumentation.waitForIdleSync();
     mReactNativeRule.waitForIdleSync();
@@ -98,24 +127,23 @@ public void testRootViewWrapContent() {
 
     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));
-        }
-      });
+        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);
+        .getContext()
+        .getJSModule(ReactRootViewTestModule.class)
+        .setHeight(newComponentHeight);
 
     instrumentation.waitForIdleSync();
     mReactNativeRule.waitForIdleSync();
@@ -123,7 +151,7 @@ public void run() {
 
     // added 0.5 to account for rounding issues
     assertThat(rootView.getMeasuredHeight())
-      .isEqualTo((int) (PixelUtil.toPixelFromDIP(newComponentHeight) + 0.5));
+        .isEqualTo((int) (PixelUtil.toPixelFromDIP(newComponentHeight) + 0.5));
   }
 
   /**
@@ -138,32 +166,32 @@ public void testRemoveRootView() {
 
     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);
-        }
-      });
+        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");
+        .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();
-        }
-      });
+        new Runnable() {
+          @Override
+          public void run() {
+            rootView.unmountReactApplication();
+          }
+        });
     mReactNativeRule.waitForIdleSync();
 
     assertThat(mRecordingModule.getCalls().size()).isEqualTo(1);
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/WritableNativeMapTest.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/WritableNativeMapTest.java
index 5199156393d99e..dcd39b8ef67c39 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/WritableNativeMapTest.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/WritableNativeMapTest.java
@@ -5,17 +5,19 @@
 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.Ignore;
 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
@@ -25,8 +27,8 @@ public void setup() {
     mMap.putDouble("double", 1.2);
     mMap.putInt("int", 1);
     mMap.putString("string", "abc");
-    mMap.putMap("map", new WritableNativeMap());
-    mMap.putArray("array", new WritableNativeArray());
+    mMap.putMap(MAP, new WritableNativeMap());
+    mMap.putArray(ARRAY, new WritableNativeArray());
     mMap.putBoolean("dvacca", true);
   }
 
@@ -100,4 +102,22 @@ public void testErrorMessageContainsKey() {
       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/ReactAndroid/src/androidTest/js/NativeIdTestModule.js b/ReactAndroid/src/androidTest/js/NativeIdTestModule.js
index 42093b323c95b0..cf4a67fe040fad 100644
--- a/ReactAndroid/src/androidTest/js/NativeIdTestModule.js
+++ b/ReactAndroid/src/androidTest/js/NativeIdTestModule.js
@@ -11,6 +11,8 @@
 'use strict';
 
 const React = require('react');
+const TouchableBounce = require('react-native/Libraries/Components/Touchable/TouchableBounce');
+
 const {
   Image,
   StyleSheet,
@@ -21,7 +23,6 @@ const {
   TouchableWithoutFeedback,
   View,
 } = require('react-native');
-const TouchableBounce = require('react-native/Libraries/Components/Touchable/TouchableBounce');
 
 /**
  * All the views implemented on Android, each with the nativeID property set.
@@ -30,7 +31,7 @@ const TouchableBounce = require('react-native/Libraries/Components/Touchable/Tou
  * - The nativeID property is passed to the native views
  */
 class NativeIdTestApp extends React.Component<{}> {
-  render() {
+  render(): React.Node {
     const uri =
       'data:image/gif;base64,' +
       'R0lGODdhMAAwAPAAAAAAAP///ywAAAAAMAAwAAAC8IyPqcvt3wCcDkiLc7C0qwyGHhSWpjQu5yqmCYsapy' +
diff --git a/ReactAndroid/src/androidTest/js/ScrollViewTestModule.js b/ReactAndroid/src/androidTest/js/ScrollViewTestModule.js
index 5da2b7686caa9c..d98f64ef73dab3 100644
--- a/ReactAndroid/src/androidTest/js/ScrollViewTestModule.js
+++ b/ReactAndroid/src/androidTest/js/ScrollViewTestModule.js
@@ -10,7 +10,9 @@
 
 'use strict';
 
+const BatchedBridge = require('react-native/Libraries/BatchedBridge/BatchedBridge');
 const React = require('react');
+
 const {
   NativeModules,
   ScrollView,
@@ -19,13 +21,12 @@ const {
   TouchableWithoutFeedback,
   View,
 } = require('react-native');
-const BatchedBridge = require('react-native/Libraries/BatchedBridge/BatchedBridge');
 
 const {ScrollListener} = NativeModules;
 
 const NUM_ITEMS = 100;
 
-import type {PressEvent} from 'CoreEventTypes';
+import type {PressEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 
 // Shared by integration tests for ScrollView and HorizontalScrollView
 
@@ -94,8 +95,8 @@ class ScrollViewTestApp extends React.Component<Props, State> {
   /* $FlowFixMe(>=0.87.0 site=react_native_fb) This comment suppresses an error
    * found when Flow v0.87 was deployed. To see the error, delete this comment
    * and run Flow. */
-  scrollView = React.createRef();
-  state = getInitialState();
+  scrollView: {|current: any | null|} = React.createRef();
+  state: State = getInitialState();
 
   scrollTo(destX: number, destY: number) {
     const scrollView = this.scrollView.current;
@@ -106,7 +107,7 @@ class ScrollViewTestApp extends React.Component<Props, State> {
     scrollView.scrollTo(destY, destX);
   }
 
-  render() {
+  render(): React.Node {
     scrollViewApp = this;
     const children = this.state.data.map((item, index) => (
       <Item
@@ -131,8 +132,8 @@ class HorizontalScrollViewTestApp extends React.Component<Props, State> {
   /* $FlowFixMe(>=0.87.0 site=react_native_fb) This comment suppresses an error
    * found when Flow v0.87 was deployed. To see the error, delete this comment
    * and run Flow. */
-  scrollView = React.createRef();
-  state = getInitialState();
+  scrollView: {|current: any | null|} = React.createRef();
+  state: State = getInitialState();
 
   scrollTo(destX: number, destY: number) {
     const scrollView = this.scrollView.current;
@@ -143,7 +144,7 @@ class HorizontalScrollViewTestApp extends React.Component<Props, State> {
     scrollView.scrollTo(destY, destX);
   }
 
-  render() {
+  render(): React.Node {
     scrollViewApp = this;
     const children = this.state.data.map((item, index) => (
       <Item
diff --git a/ReactAndroid/src/androidTest/js/UIManagerTestModule.js b/ReactAndroid/src/androidTest/js/UIManagerTestModule.js
index 781d0aceba006e..06b85decd3931b 100644
--- a/ReactAndroid/src/androidTest/js/UIManagerTestModule.js
+++ b/ReactAndroid/src/androidTest/js/UIManagerTestModule.js
@@ -10,11 +10,13 @@
 
 'use strict';
 
-const React = require('react');
-const {StyleSheet, Text, View} = require('react-native');
 const BatchedBridge = require('react-native/Libraries/BatchedBridge/BatchedBridge');
+const React = require('react');
+
 const renderApplication = require('react-native/Libraries/ReactNative/renderApplication');
 
+const {StyleSheet, Text, View} = require('react-native');
+
 type FlexTestAppProps = $ReadOnly<{||}>;
 class FlexTestApp extends React.Component<FlexTestAppProps> {
   render() {
@@ -171,7 +173,7 @@ const CenteredTextViewStyles = StyleSheet.create({
   },
 });
 
-let flushUpdatePositionInList = null;
+let flushUpdatePositionInList: null | (() => void) = null;
 
 type UpdatePositionInListTestAppProps = $ReadOnly<{||}>;
 type UpdatePositionInListTestAppState = {|
diff --git a/ReactAndroid/src/debug/java/com/facebook/flipper/ReactNativeFlipper.java b/ReactAndroid/src/debug/java/com/facebook/flipper/ReactNativeFlipper.java
new file mode 100644
index 00000000000000..c2973ad5d20a60
--- /dev/null
+++ b/ReactAndroid/src/debug/java/com/facebook/flipper/ReactNativeFlipper.java
@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
+ */
+package com.facebook.flipper;
+
+import android.content.Context;
+import com.facebook.flipper.android.AndroidFlipperClient;
+import com.facebook.flipper.android.utils.FlipperUtils;
+import com.facebook.flipper.core.FlipperClient;
+import com.facebook.flipper.plugins.crashreporter.CrashReporterPlugin;
+import com.facebook.flipper.plugins.databases.DatabasesFlipperPlugin;
+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.react.ReactFlipperPlugin;
+import com.facebook.flipper.plugins.sharedpreferences.SharedPreferencesFlipperPlugin;
+import com.facebook.react.BuildConfig;
+import com.facebook.react.modules.network.NetworkingModule;
+import okhttp3.OkHttpClient;
+
+public class ReactNativeFlipper {
+  public static final String CLASS_NAME = "com.facebook.flipper.ReactNativeFlipper";
+
+  public static void initializeFlipper(Context context) {
+    if (BuildConfig.DEBUG && FlipperUtils.shouldEnableFlipper(context)) {
+      final FlipperClient client = AndroidFlipperClient.getInstance(context);
+
+      client.addPlugin(new InspectorFlipperPlugin(context, DescriptorMapping.withDefaults()));
+      client.addPlugin(new ReactFlipperPlugin());
+      client.addPlugin(new DatabasesFlipperPlugin(context));
+      client.addPlugin(new SharedPreferencesFlipperPlugin(context));
+      client.addPlugin(CrashReporterPlugin.getInstance());
+
+      NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin();
+      NetworkingModule.setCustomClientBuilder(
+          new NetworkingModule.CustomClientBuilder() {
+            @Override
+            public void apply(OkHttpClient.Builder builder) {
+              builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin));
+            }
+          });
+      client.addPlugin(networkFlipperPlugin);
+
+      client.start();
+    }
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/BUCK b/ReactAndroid/src/main/java/com/facebook/BUCK
index 46f5b18b63cae6..375cfdd543f841 100644
--- a/ReactAndroid/src/main/java/com/facebook/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/BUCK
@@ -5,6 +5,7 @@ rn_android_library(
     srcs = glob(["yoga/*.java"]),
     visibility = ["PUBLIC"],
     deps = [
+        react_native_dep("java/com/facebook/jni:jni"),
         react_native_dep("java/com/facebook/proguard/annotations:annotations"),
         react_native_dep("libraries/soloader/java/com/facebook/soloader:soloader"),
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
diff --git a/ReactAndroid/src/main/java/com/facebook/debug/holder/Printer.java b/ReactAndroid/src/main/java/com/facebook/debug/holder/Printer.java
index 8b7ffadbd9cb3f..3a01ac9bc59411 100644
--- a/ReactAndroid/src/main/java/com/facebook/debug/holder/Printer.java
+++ b/ReactAndroid/src/main/java/com/facebook/debug/holder/Printer.java
@@ -11,6 +11,8 @@
 public interface Printer {
 
   void logMessage(final DebugOverlayTag tag, final String message, Object... args);
+
   void logMessage(final DebugOverlayTag tag, final String message);
+
   boolean shouldDisplayLogMessage(final DebugOverlayTag tag);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/debug/tags/ReactDebugOverlayTags.java b/ReactAndroid/src/main/java/com/facebook/debug/tags/ReactDebugOverlayTags.java
index 877aa14c9c9a5e..6de54e3c6b577b 100644
--- a/ReactAndroid/src/main/java/com/facebook/debug/tags/ReactDebugOverlayTags.java
+++ b/ReactAndroid/src/main/java/com/facebook/debug/tags/ReactDebugOverlayTags.java
@@ -28,15 +28,9 @@ public class ReactDebugOverlayTags {
           "UI Manager View Operations (requires restart\nwarning: this is spammy)",
           Color.CYAN);
   public static final DebugOverlayTag FABRIC_UI_MANAGER =
-    new DebugOverlayTag(
-      "FabricUIManager",
-      "Fabric UI Manager View Operations",
-      Color.CYAN);
+      new DebugOverlayTag("FabricUIManager", "Fabric UI Manager View Operations", Color.CYAN);
   public static final DebugOverlayTag FABRIC_RECONCILER =
-    new DebugOverlayTag(
-      "FabricReconciler",
-      "Reconciler for Fabric",
-      Color.CYAN);
+      new DebugOverlayTag("FabricReconciler", "Reconciler for Fabric", Color.CYAN);
   public static final DebugOverlayTag RELAY =
       new DebugOverlayTag("Relay", "including prefetching", Color.rgb(0xFF, 0x99, 0x00));
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/Android.mk b/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/Android.mk
new file mode 100644
index 00000000000000..126879958859a2
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/Android.mk
@@ -0,0 +1,27 @@
+# Copyright (c) Facebook, Inc. and its affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+
+LOCAL_PATH := $(call my-dir)
+
+include $(CLEAR_VARS)
+REACT_NATIVE := $(LOCAL_PATH)/../../../../../../../..
+
+LOCAL_MODULE := jsijniprofiler
+
+LOCAL_SRC_FILES := $(wildcard $(LOCAL_PATH)/*.cpp)
+
+LOCAL_C_INCLUDES := $(LOCAL_PATH) $(REACT_NATIVE)/ReactCommon/jsi $(REACT_NATIVE)/node_modules/hermes-engine/android/include $(REACT_NATIVE)/../hermes-engine/android/include $(REACT_NATIVE)/../node_modules/hermes-engine/include
+
+LOCAL_CPP_FEATURES := exceptions
+
+LOCAL_STATIC_LIBRARIES := libjsireact libjsi
+LOCAL_SHARED_LIBRARIES := libfolly_json libfb libreactnativejni libhermes
+
+include $(BUILD_SHARED_LIBRARY)
+
+
+include $(CLEAR_VARS)
+REACT_NATIVE := $(LOCAL_PATH)/../../../../../../../..
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/BUCK b/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/BUCK
new file mode 100644
index 00000000000000..414bae4a3b3573
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/BUCK
@@ -0,0 +1,42 @@
+load("//tools/build_defs/oss:rn_defs.bzl", "ANDROID", "FBJNI_TARGET", "react_native_dep", "react_native_target", "react_native_xplat_dep", "rn_android_library", "rn_xplat_cxx_library")
+
+rn_android_library(
+    name = "instrumentation",
+    srcs = ["HermesMemoryDumper.java"],
+    visibility = [
+        "PUBLIC",
+    ],
+)
+
+rn_android_library(
+    name = "hermes_samplingprofiler",
+    srcs = ["HermesSamplingProfiler.java"],
+    visibility = ["PUBLIC"],
+    deps = [
+        react_native_dep("java/com/facebook/proguard/annotations:annotations"),
+        react_native_dep("libraries/soloader/java/com/facebook/soloader:soloader"),
+        react_native_dep("java/com/facebook/jni:jni"),
+        ":jni_hermes_samplingprofiler",
+    ],
+)
+
+rn_xplat_cxx_library(
+    name = "jni_hermes_samplingprofiler",
+    srcs = [
+        "HermesSamplingProfiler.cpp",
+        "OnLoad.cpp",
+    ],
+    headers = ["HermesSamplingProfiler.h"],
+    header_namespace = "",
+    compiler_flags = ["-fexceptions"],
+    platforms = ANDROID,
+    soname = "libjsijniprofiler.$(ext)",
+    visibility = [
+        react_native_dep("java/com/facebook/jsi:jsi"),
+    ],
+    deps = [
+        react_native_target("jni/react/jni:jni"),
+        FBJNI_TARGET,
+        react_native_xplat_dep("hermes/API:HermesAPI"),
+    ],
+)
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/HermesMemoryDumper.h b/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/HermesMemoryDumper.h
new file mode 100644
index 00000000000000..cc34bc0f889b96
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/HermesMemoryDumper.h
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the LICENSE
+ * file in the root directory of this source tree.
+ */
+#include <fb/fbjni.h>
+#include <string>
+
+namespace facebook {
+namespace jsi {
+namespace jni {
+
+namespace jni = ::facebook::jni;
+
+class HermesMemoryDumper : public jni::JavaClass<HermesMemoryDumper> {
+ public:
+  constexpr static auto kJavaDescriptor =
+      "Lcom/facebook/hermes/instrumentation/HermesMemoryDumper;";
+
+  bool shouldSaveSnapshot() {
+    static auto shouldSaveSnapshotMethod =
+        javaClassStatic()->getMethod<jboolean()>("shouldSaveSnapshot");
+    return shouldSaveSnapshotMethod(self());
+  }
+
+  std::string getInternalStorage() {
+    static auto getInternalStorageMethod =
+        javaClassStatic()->getMethod<jstring()>("getInternalStorage");
+    return getInternalStorageMethod(self())->toStdString();
+  }
+
+  std::string getId() {
+    static auto getInternalStorageMethod =
+        javaClassStatic()->getMethod<jstring()>("getId");
+    return getInternalStorageMethod(self())->toStdString();
+  }
+
+  void setMetaData(std::string crashId) {
+    static auto getIdMethod =
+        javaClassStatic()->getMethod<void(std::string)>("setMetaData");
+    getIdMethod(self(), crashId);
+  }
+};
+
+} // namespace jni
+} // namespace jsi
+} // namespace facebook
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/HermesMemoryDumper.java b/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/HermesMemoryDumper.java
new file mode 100644
index 00000000000000..3cc522fd45665f
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/HermesMemoryDumper.java
@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
+ */
+package com.facebook.hermes.instrumentation;
+
+public interface HermesMemoryDumper {
+  boolean shouldSaveSnapshot();
+
+  String getInternalStorage();
+
+  String getId();
+
+  void setMetaData(String crashId);
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/HermesSamplingProfiler.cpp b/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/HermesSamplingProfiler.cpp
new file mode 100644
index 00000000000000..6fb26eea35f9ed
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/HermesSamplingProfiler.cpp
@@ -0,0 +1,37 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#include "HermesSamplingProfiler.h"
+
+#include <hermes/hermes.h>
+
+namespace facebook {
+namespace jsi {
+namespace jni {
+
+void HermesSamplingProfiler::enable(jni::alias_ref<jclass>) {
+  hermes::HermesRuntime::enableSamplingProfiler();
+}
+
+void HermesSamplingProfiler::disable(jni::alias_ref<jclass>) {
+  hermes::HermesRuntime::disableSamplingProfiler();
+}
+
+void HermesSamplingProfiler::dumpSampledTraceToFile(
+    jni::alias_ref<jclass>,
+    std::string filename) {
+  hermes::HermesRuntime::dumpSampledTraceToFile(filename);
+}
+
+void HermesSamplingProfiler::registerNatives() {
+  javaClassLocal()->registerNatives({
+      makeNativeMethod("enable", HermesSamplingProfiler::enable),
+      makeNativeMethod("disable", HermesSamplingProfiler::enable),
+      makeNativeMethod(
+          "dumpSampledTraceToFile",
+          HermesSamplingProfiler::dumpSampledTraceToFile),
+  });
+}
+
+} // namespace jni
+} // namespace jsi
+} // namespace facebook
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/HermesSamplingProfiler.h b/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/HermesSamplingProfiler.h
new file mode 100644
index 00000000000000..40856294e0d2e9
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/HermesSamplingProfiler.h
@@ -0,0 +1,36 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#ifndef HERMESSAMPLINGPROFILER_H_
+#define HERMESSAMPLINGPROFILER_H_
+
+#include <fb/fbjni.h>
+#include <jni/Registration.h>
+#include <jsi/jsi.h>
+
+namespace facebook {
+namespace jsi {
+namespace jni {
+
+namespace jni = ::facebook::jni;
+
+class HermesSamplingProfiler : public jni::JavaClass<HermesSamplingProfiler> {
+ public:
+  constexpr static auto kJavaDescriptor =
+      "Lcom/facebook/hermes/instrumentation/HermesSamplingProfiler;";
+  static void enable(jni::alias_ref<jclass>);
+  static void disable(jni::alias_ref<jclass>);
+  static void dumpSampledTraceToFile(
+      jni::alias_ref<jclass>,
+      std::string filename);
+
+  static void registerNatives();
+
+ private:
+  HermesSamplingProfiler();
+};
+
+} // namespace jni
+} // namespace jsi
+} // namespace facebook
+
+#endif /* HERMESSAMPLINGPROFILER_H_ */
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/HermesSamplingProfiler.java b/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/HermesSamplingProfiler.java
new file mode 100644
index 00000000000000..4069c4b26788d2
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/HermesSamplingProfiler.java
@@ -0,0 +1,27 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+package com.facebook.hermes.instrumentation;
+
+import com.facebook.soloader.SoLoader;
+
+/** Hermes sampling profiler static JSI API. */
+public class HermesSamplingProfiler {
+  static {
+    SoLoader.loadLibrary("jsijniprofiler");
+  }
+
+  /** Start sample profiling. */
+  public static native void enable();
+
+  /** Stop sample profiling. */
+  public static native void disable();
+
+  /**
+   * Dump sampled stack traces to file.
+   *
+   * @param filename the file to dump sampling trace to.
+   */
+  public static native void dumpSampledTraceToFile(String filename);
+
+  private HermesSamplingProfiler() {}
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/OnLoad.cpp b/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/OnLoad.cpp
new file mode 100644
index 00000000000000..7e0626dbb1f8d1
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/OnLoad.cpp
@@ -0,0 +1,9 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#include "HermesSamplingProfiler.h"
+
+JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM* vm, void* reserved) {
+  return facebook::jni::initialize(vm, [] {
+    facebook::jsi::jni::HermesSamplingProfiler::registerNatives();
+  });
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/Android.mk b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/Android.mk
new file mode 100644
index 00000000000000..50f85946c66d17
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/Android.mk
@@ -0,0 +1,40 @@
+# Copyright (c) Facebook, Inc. and its affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+LOCAL_PATH := $(call my-dir)
+
+include $(CLEAR_VARS)
+REACT_NATIVE := $(LOCAL_PATH)/../../../../../../../..
+
+LOCAL_MODULE := hermes-executor-release
+
+LOCAL_SRC_FILES := $(wildcard $(LOCAL_PATH)/*.cpp)
+
+LOCAL_C_INCLUDES := $(LOCAL_PATH) $(REACT_NATIVE)/ReactCommon/jsi $(REACT_NATIVE)/node_modules/hermes-engine/android/include $(REACT_NATIVE)/../hermes-engine/android/include $(REACT_NATIVE)/../node_modules/hermes-engine/include
+
+LOCAL_CPP_FEATURES := exceptions
+
+LOCAL_STATIC_LIBRARIES := libjsireact libjsi
+LOCAL_SHARED_LIBRARIES := libfolly_json libfb libreactnativejni libhermes
+
+include $(BUILD_SHARED_LIBRARY)
+
+
+include $(CLEAR_VARS)
+REACT_NATIVE := $(LOCAL_PATH)/../../../../../../../..
+
+LOCAL_MODULE := hermes-executor-debug
+LOCAL_CFLAGS := -DHERMES_ENABLE_DEBUGGER=1
+
+LOCAL_SRC_FILES := $(wildcard $(LOCAL_PATH)/*.cpp)
+
+LOCAL_C_INCLUDES := $(LOCAL_PATH) $(REACT_NATIVE)/ReactCommon/jsi $(REACT_NATIVE)/node_modules/hermes-engine/android/include $(REACT_NATIVE)/../hermes-engine/android/include $(REACT_NATIVE)/../node_modules/hermes-engine/include
+
+LOCAL_CPP_FEATURES := exceptions
+
+LOCAL_STATIC_LIBRARIES := libjsireact libjsi libhermes-inspector
+LOCAL_SHARED_LIBRARIES := libfolly_json libfb libreactnativejni libhermes
+
+include $(BUILD_SHARED_LIBRARY)
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/BUCK b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/BUCK
new file mode 100644
index 00000000000000..f3ae7739074a11
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/BUCK
@@ -0,0 +1,54 @@
+load("//tools/build_defs/oss:rn_defs.bzl", "react_native_dep", "react_native_target", "rn_android_library", "rn_xplat_cxx_library")
+
+rn_android_library(
+    name = "reactexecutor",
+    srcs = [
+        "HermesExecutor.java",
+        "HermesExecutorFactory.java",
+    ],
+    visibility = [
+        "PUBLIC",
+    ],
+    deps = [
+        react_native_dep("libraries/soloader/java/com/facebook/soloader:soloader"),
+        react_native_dep("third-party/java/jsr-305:jsr-305"),
+        react_native_target("java/com/facebook/hermes/instrumentation:instrumentation"),
+        react_native_target("java/com/facebook/react/bridge:bridge"),
+        ":jni",
+        ":runtimeconfig",
+    ],
+)
+
+rn_android_library(
+    name = "runtimeconfig",
+    srcs = [
+        "RuntimeConfig.java",
+    ],
+    visibility = [
+        "PUBLIC",
+    ],
+    deps = [
+        react_native_dep("third-party/java/jsr-305:jsr-305"),
+        react_native_target("java/com/facebook/hermes/instrumentation:instrumentation"),
+    ],
+)
+
+rn_xplat_cxx_library(
+    name = "jni-interface",
+    srcs = [],
+    header_namespace = "hermes/reactexecutor",
+    exported_headers = glob(["*.h"]),
+    visibility = ["PUBLIC"],
+)
+
+rn_xplat_cxx_library(
+    name = "jni",
+    srcs = ["OnLoad.cpp"],
+    headers = [],
+    header_namespace = "",
+    compiler_flags = ["-fexceptions"],
+    soname = "libhermes-executor.$(ext)",
+    visibility = [
+        react_native_target("java/com/facebook/hermes/reactexecutor:reactexecutor"),
+    ],
+)
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/HermesExecutor.java b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/HermesExecutor.java
new file mode 100644
index 00000000000000..bd562f03e0bdc1
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/HermesExecutor.java
@@ -0,0 +1,68 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
+ */
+package com.facebook.hermes.reactexecutor;
+
+import com.facebook.hermes.instrumentation.HermesMemoryDumper;
+import com.facebook.jni.HybridData;
+import com.facebook.react.bridge.JavaScriptExecutor;
+import com.facebook.soloader.SoLoader;
+import javax.annotation.Nullable;
+
+public class HermesExecutor extends JavaScriptExecutor {
+  private static String mode_;
+
+  static {
+    // libhermes must be loaded explicitly to invoke its JNI_OnLoad.
+    SoLoader.loadLibrary("hermes");
+    try {
+      SoLoader.loadLibrary("hermes-executor-release");
+      mode_ = "Release";
+    } catch (UnsatisfiedLinkError e) {
+      SoLoader.loadLibrary("hermes-executor-debug");
+      mode_ = "Debug";
+    }
+  }
+
+  HermesExecutor(@Nullable RuntimeConfig config) {
+    super(
+        config == null
+            ? initHybridDefaultConfig()
+            : initHybrid(
+                config.heapSizeMB,
+                config.es6Symbol,
+                config.bytecodeWarmupPercent,
+                config.tripWireEnabled,
+                config.heapDumper,
+                config.tripWireCooldownMS,
+                config.tripWireLimitBytes));
+  }
+
+  @Override
+  public String getName() {
+    return "HermesExecutor" + mode_;
+  }
+
+  /**
+   * Return whether this class can load a file at the given path, based on a binary compatibility
+   * check between the contents of the file and the Hermes VM.
+   *
+   * @param path the path containing the file to inspect.
+   * @return whether the given file is compatible with the Hermes VM.
+   */
+  public static native boolean canLoadFile(String path);
+
+  private static native HybridData initHybridDefaultConfig();
+
+  private static native HybridData initHybrid(
+      long heapSizeMB,
+      boolean es6Symbol,
+      int bytecodeWarmupPercent,
+      boolean tripWireEnabled,
+      @Nullable HermesMemoryDumper heapDumper,
+      long tripWireCooldownMS,
+      long tripWireLimitBytes);
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/HermesExecutorFactory.cpp b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/HermesExecutorFactory.cpp
new file mode 100644
index 00000000000000..db02a2d5c90741
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/HermesExecutorFactory.cpp
@@ -0,0 +1,230 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#include "HermesExecutorFactory.h"
+
+#include <thread>
+
+#include <cxxreact/MessageQueueThread.h>
+#include <cxxreact/SystraceSection.h>
+#include <hermes/hermes_tracing.h>
+#include <jsi/decorator.h>
+
+#ifdef HERMES_ENABLE_DEBUGGER
+#include <hermes/inspector/RuntimeAdapter.h>
+#include <hermes/inspector/chrome/Registration.h>
+#endif
+
+#include "JSITracing.h"
+
+using namespace facebook::hermes;
+using namespace facebook::jsi;
+
+namespace facebook {
+namespace react {
+
+namespace {
+
+std::unique_ptr<HermesRuntime> makeHermesRuntimeSystraced(
+    const ::hermes::vm::RuntimeConfig &runtimeConfig) {
+  SystraceSection s("HermesExecutorFactory::makeHermesRuntimeSystraced");
+  return hermes::makeHermesRuntime(runtimeConfig);
+}
+
+#ifdef HERMES_ENABLE_DEBUGGER
+
+class HermesExecutorRuntimeAdapter
+    : public facebook::hermes::inspector::RuntimeAdapter {
+ public:
+  HermesExecutorRuntimeAdapter(
+      std::shared_ptr<Runtime> runtime,
+      HermesRuntime &hermesRuntime,
+      std::shared_ptr<MessageQueueThread> thread)
+      : runtime_(runtime),
+        hermesRuntime_(hermesRuntime),
+        thread_(std::move(thread)) {}
+
+  virtual ~HermesExecutorRuntimeAdapter() = default;
+
+  HermesRuntime &getRuntime() override {
+    return hermesRuntime_;
+  }
+
+  void tickleJs() override {
+    // The queue will ensure that runtime_ is still valid when this
+    // gets invoked.
+    // clang-format off
+    thread_->runOnQueue([&runtime = hermesRuntime_]() {
+      // clang-format on
+      auto func = runtime.global().getPropertyAsFunction(runtime, "__tickleJs");
+      func.call(runtime);
+    });
+  }
+
+ private:
+  std::shared_ptr<Runtime> runtime_;
+  HermesRuntime &hermesRuntime_;
+
+  std::shared_ptr<MessageQueueThread> thread_;
+};
+
+#endif
+
+struct ReentrancyCheck {
+// This is effectively a very subtle and complex assert, so only
+// include it in builds which would include asserts.
+#ifndef NDEBUG
+  ReentrancyCheck() : tid(std::thread::id()), depth(0) {}
+
+  void before() {
+    std::thread::id this_id = std::this_thread::get_id();
+    std::thread::id expected = std::thread::id();
+
+    // A note on memory ordering: the main purpose of these checks is
+    // to observe a before/before race, without an intervening after.
+    // This will be detected by the compare_exchange_strong atomicity
+    // properties, regardless of memory order.
+    //
+    // For everything else, it is easiest to think of 'depth' as a
+    // proxy for any access made inside the VM.  If access to depth
+    // are reordered incorrectly, the same could be true of any other
+    // operation made by the VM.  In fact, using acquire/release
+    // memory ordering could create barriers which mask a programmer
+    // error.  So, we use relaxed memory order, to avoid masking
+    // actual ordering errors.  Although, in practice, ordering errors
+    // of this sort would be surprising, because the decorator would
+    // need to call after() without before().
+
+    if (tid.compare_exchange_strong(
+            expected, this_id, std::memory_order_relaxed)) {
+      // Returns true if tid and expected were the same.  If they
+      // were, then the stored tid referred to no thread, and we
+      // atomically saved this thread's tid.  Now increment depth.
+      assert(depth == 0 && "No thread id, but depth != 0");
+      ++depth;
+    } else if (expected == this_id) {
+      // If the stored tid referred to a thread, expected was set to
+      // that value.  If that value is this thread's tid, that's ok,
+      // just increment depth again.
+      assert(depth != 0 && "Thread id was set, but depth == 0");
+      ++depth;
+    } else {
+      // The stored tid was some other thread.  This indicates a bad
+      // programmer error, where VM methods were called on two
+      // different threads unsafely.  Fail fast (and hard) so the
+      // crash can be analyzed.
+      __builtin_trap();
+    }
+  }
+
+  void after() {
+    assert(
+        tid.load(std::memory_order_relaxed) == std::this_thread::get_id() &&
+        "No thread id in after()");
+    if (--depth == 0) {
+      // If we decremented depth to zero, store no-thread into tid.
+      std::thread::id expected = std::this_thread::get_id();
+      bool didWrite = tid.compare_exchange_strong(
+          expected, std::thread::id(), std::memory_order_relaxed);
+      assert(didWrite && "Decremented to zero, but no tid write");
+    }
+  }
+
+  std::atomic<std::thread::id> tid;
+  // This is not atomic, as it is only written or read from the owning
+  // thread.
+  unsigned int depth;
+#endif
+};
+
+// This adds ReentrancyCheck and debugger enable/teardown to the given
+// Runtime.
+class DecoratedRuntime : public jsi::WithRuntimeDecorator<ReentrancyCheck> {
+ public:
+  // The first argument may be a tracing runtime which itself
+  // decorates the real HermesRuntime, depending on the build config.
+  // The second argument is the the real HermesRuntime as well to
+  // manage the debugger registration.
+  DecoratedRuntime(
+      std::unique_ptr<Runtime> runtime,
+      HermesRuntime &hermesRuntime,
+      std::shared_ptr<MessageQueueThread> jsQueue)
+      : jsi::WithRuntimeDecorator<ReentrancyCheck>(*runtime, reentrancyCheck_),
+        runtime_(std::move(runtime)),
+        hermesRuntime_(hermesRuntime) {
+#ifdef HERMES_ENABLE_DEBUGGER
+    auto adapter = std::make_unique<HermesExecutorRuntimeAdapter>(
+        runtime_, hermesRuntime_, jsQueue);
+    facebook::hermes::inspector::chrome::enableDebugging(
+        std::move(adapter), "Hermes React Native");
+#else
+    (void)hermesRuntime_;
+#endif
+  }
+
+  ~DecoratedRuntime() {
+#ifdef HERMES_ENABLE_DEBUGGER
+    facebook::hermes::inspector::chrome::disableDebugging(hermesRuntime_);
+#endif
+  }
+
+ private:
+  // runtime_ is a TracingRuntime, but we don't need to worry about
+  // the details.  hermesRuntime is a reference to the HermesRuntime
+  // managed by the TracingRuntime.
+  //
+  // HermesExecutorRuntimeAdapter requirements are kept, because the
+  // dtor will disable debugging on the HermesRuntime before the
+  // member managing it is destroyed.
+
+  std::shared_ptr<Runtime> runtime_;
+  ReentrancyCheck reentrancyCheck_;
+  HermesRuntime &hermesRuntime_;
+};
+
+} // namespace
+
+std::unique_ptr<JSExecutor> HermesExecutorFactory::createJSExecutor(
+    std::shared_ptr<ExecutorDelegate> delegate,
+    std::shared_ptr<MessageQueueThread> jsQueue) {
+  std::unique_ptr<HermesRuntime> hermesRuntime =
+      makeHermesRuntimeSystraced(runtimeConfig_);
+  HermesRuntime& hermesRuntimeRef = *hermesRuntime;
+  auto decoratedRuntime = std::make_shared<DecoratedRuntime>(
+      makeTracingHermesRuntime(std::move(hermesRuntime), runtimeConfig_),
+      hermesRuntimeRef,
+      jsQueue);
+
+  // So what do we have now?
+  // DecoratedRuntime -> TracingRuntime -> HermesRuntime
+  //
+  // DecoratedRuntime is held by JSIExecutor.  When it gets used, it
+  // will check that it's on the right thread, do any necessary trace
+  // logging, then call the real HermesRuntime.  When it is destroyed,
+  // it will shut down the debugger before the HermesRuntime is.  In
+  // the normal case where tracing and debugging are not compiled in,
+  // all that's left is the thread checking.
+
+  // Add js engine information to Error.prototype so in error reporting we
+  // can send this information.
+  auto errorPrototype =
+      decoratedRuntime->global()
+          .getPropertyAsObject(*decoratedRuntime, "Error")
+          .getPropertyAsObject(*decoratedRuntime, "prototype");
+  errorPrototype.setProperty(*decoratedRuntime, "jsEngine", "hermes");
+
+  return std::make_unique<HermesExecutor>(
+      decoratedRuntime, delegate, jsQueue, timeoutInvoker_, runtimeInstaller_);
+}
+
+HermesExecutor::HermesExecutor(
+    std::shared_ptr<jsi::Runtime> runtime,
+    std::shared_ptr<ExecutorDelegate> delegate,
+    std::shared_ptr<MessageQueueThread> jsQueue,
+    const JSIScopedTimeoutInvoker &timeoutInvoker,
+    RuntimeInstaller runtimeInstaller)
+    : JSIExecutor(runtime, delegate, timeoutInvoker, runtimeInstaller) {
+  jsi::addNativeTracingHooks(*runtime);
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/HermesExecutorFactory.h b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/HermesExecutorFactory.h
new file mode 100644
index 00000000000000..5913317e243328
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/HermesExecutorFactory.h
@@ -0,0 +1,50 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#pragma once
+
+#include <hermes/hermes.h>
+#include <jsireact/JSIExecutor.h>
+#include <functional>
+#include <utility>
+
+namespace facebook {
+namespace react {
+
+class HermesExecutorFactory : public JSExecutorFactory {
+ public:
+  explicit HermesExecutorFactory(
+      JSIExecutor::RuntimeInstaller runtimeInstaller,
+      const JSIScopedTimeoutInvoker& timeoutInvoker =
+          JSIExecutor::defaultTimeoutInvoker,
+      ::hermes::vm::RuntimeConfig runtimeConfig = ::hermes::vm::RuntimeConfig())
+      : runtimeInstaller_(runtimeInstaller),
+        timeoutInvoker_(timeoutInvoker),
+        runtimeConfig_(std::move(runtimeConfig)) {
+    assert(timeoutInvoker_ && "Should not have empty timeoutInvoker");
+  }
+
+  std::unique_ptr<JSExecutor> createJSExecutor(
+      std::shared_ptr<ExecutorDelegate> delegate,
+      std::shared_ptr<MessageQueueThread> jsQueue) override;
+
+ private:
+  JSIExecutor::RuntimeInstaller runtimeInstaller_;
+  JSIScopedTimeoutInvoker timeoutInvoker_;
+  ::hermes::vm::RuntimeConfig runtimeConfig_;
+};
+
+class HermesExecutor : public JSIExecutor {
+ public:
+  HermesExecutor(
+      std::shared_ptr<jsi::Runtime> runtime,
+      std::shared_ptr<ExecutorDelegate> delegate,
+      std::shared_ptr<MessageQueueThread> jsQueue,
+      const JSIScopedTimeoutInvoker& timeoutInvoker,
+      RuntimeInstaller runtimeInstaller);
+
+ private:
+  JSIScopedTimeoutInvoker timeoutInvoker_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/HermesExecutorFactory.java b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/HermesExecutorFactory.java
new file mode 100644
index 00000000000000..1c8e0645a5029f
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/HermesExecutorFactory.java
@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
+ */
+package com.facebook.hermes.reactexecutor;
+
+import com.facebook.react.bridge.JavaScriptExecutor;
+import com.facebook.react.bridge.JavaScriptExecutorFactory;
+
+public class HermesExecutorFactory implements JavaScriptExecutorFactory {
+  private static final String TAG = "Hermes";
+
+  private final RuntimeConfig mConfig;
+
+  public HermesExecutorFactory() {
+    this(null);
+  }
+
+  public HermesExecutorFactory(RuntimeConfig config) {
+    mConfig = config;
+  }
+
+  @Override
+  public JavaScriptExecutor create() {
+    return new HermesExecutor(mConfig);
+  }
+
+  @Override
+  public void startSamplingProfiler() {}
+
+  @Override
+  public void stopSamplingProfiler(String filename) {}
+
+  @Override
+  public String toString() {
+    return "JSIExecutor+HermesRuntime";
+  }
+}
diff --git a/ReactCommon/yoga/yoga/YGMarker.cpp b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/JSITracing.cpp
similarity index 50%
rename from ReactCommon/yoga/yoga/YGMarker.cpp
rename to ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/JSITracing.cpp
index 21a8d1f6cad4a3..8514a3eaafaf49 100644
--- a/ReactCommon/yoga/yoga/YGMarker.cpp
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/JSITracing.cpp
@@ -4,11 +4,12 @@
  * This source code is licensed under the MIT license found in the LICENSE
  * file in the root directory of this source tree.
  */
-#include "YGMarker.h"
-#include "YGConfig.h"
+#include "JSITracing.h"
 
-void YGConfigSetMarkerCallbacks(
-    YGConfigRef config,
-    YGMarkerCallbacks markerCallbacks) {
-  config->markerCallbacks = markerCallbacks;
+namespace facebook {
+namespace jsi {
+void addNativeTracingHooks(Runtime &rt) {
+  assert(false && "unimplemented");
 }
+} // namespace jsi
+} // namespace facebook
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaEventListener.java b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/JSITracing.h
similarity index 57%
rename from ReactAndroid/src/main/java/com/facebook/yoga/YogaEventListener.java
rename to ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/JSITracing.h
index 6d1d486be28a44..80bbf9beb9f066 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaEventListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/JSITracing.h
@@ -4,10 +4,12 @@
  * This source code is licensed under the MIT license found in the LICENSE
  * file in the root directory of this source tree.
  */
-package com.facebook.yoga;
+#include <jsi/jsi.h>
 
-public interface YogaEventListener {
+namespace facebook {
+namespace jsi {
 
-  void onLayoutPassEnd(YogaNode node);
+void addNativeTracingHooks(Runtime &rt);
 
-}
\ No newline at end of file
+} // namespace jsi
+} // namespace facebook
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/OnLoad.cpp b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/OnLoad.cpp
new file mode 100644
index 00000000000000..5e14c5c4a0aa52
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/OnLoad.cpp
@@ -0,0 +1,154 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the LICENSE
+ * file in the root directory of this source tree.
+ */
+#include <../instrumentation/HermesMemoryDumper.h>
+#include <HermesExecutorFactory.h>
+#include <fb/fbjni.h>
+#include <folly/Memory.h>
+#include <hermes/Public/GCConfig.h>
+#include <hermes/Public/RuntimeConfig.h>
+#include <jni.h>
+#include <react/jni/JReactMarker.h>
+#include <react/jni/JSLogging.h>
+#include <react/jni/JavaScriptExecutorHolder.h>
+
+namespace facebook {
+namespace react {
+
+/// Converts a duration given as a long from Java, into a std::chrono duration.
+static constexpr std::chrono::hours msToHours(jlong ms) {
+  using namespace std::chrono;
+  return duration_cast<hours>(milliseconds(ms));
+}
+
+static ::hermes::vm::RuntimeConfig makeRuntimeConfig(
+    jlong heapSizeMB,
+    bool es6Symbol,
+    jint bytecodeWarmupPercent,
+    bool tripWireEnabled,
+    jni::alias_ref<jsi::jni::HermesMemoryDumper> heapDumper,
+    jlong tripWireCooldownMS,
+    jlong tripWireLimitBytes) {
+  namespace vm = ::hermes::vm;
+  auto gcConfigBuilder =
+      vm::GCConfig::Builder()
+          .withMaxHeapSize(heapSizeMB << 20)
+          .withName("RN")
+          // For the next two arguments: avoid GC before TTI by initializing the
+          // runtime to allocate directly in the old generation, but revert to
+          // normal operation when we reach the (first) TTI point.
+          .withAllocInYoung(false)
+          .withRevertToYGAtTTI(true);
+
+  if (tripWireEnabled) {
+    assert(
+        heapDumper &&
+        "Must provide a heap dumper instance if tripwire is enabled");
+
+    gcConfigBuilder.withTripwireConfig(
+        vm::GCTripwireConfig::Builder()
+            .withLimit(tripWireLimitBytes)
+            .withCooldown(msToHours(tripWireCooldownMS))
+            .withCallback([globalHeapDumper = jni::make_global(heapDumper)](
+                              vm::GCTripwireContext &ctx) mutable {
+              if (!globalHeapDumper->shouldSaveSnapshot()) {
+                return;
+              }
+
+              std::string crashId = globalHeapDumper->getId();
+              std::string path = globalHeapDumper->getInternalStorage();
+              path += "/dump_";
+              path += crashId;
+              path += ".hermes";
+
+              bool successful = ctx.createSnapshotToFile(path, true);
+              if (!successful) {
+                LOG(ERROR) << "Failed to write Hermes Memory Dump to " << path
+                           << "\n";
+                return;
+              }
+
+              LOG(INFO) << "Hermes Memory Dump saved on: " << path << "\n";
+              globalHeapDumper->setMetaData(crashId);
+            })
+            .build());
+  }
+
+  return vm::RuntimeConfig::Builder()
+      .withGCConfig(gcConfigBuilder.build())
+      .withES6Symbol(es6Symbol)
+      .withBytecodeWarmupPercent(bytecodeWarmupPercent)
+      .build();
+}
+
+static void installBindings(jsi::Runtime &runtime) {
+  react::Logger androidLogger =
+      static_cast<void (*)(const std::string &, unsigned int)>(
+          &reactAndroidLoggingHook);
+  react::bindNativeLogger(runtime, androidLogger);
+}
+
+class HermesExecutorHolder
+    : public jni::HybridClass<HermesExecutorHolder, JavaScriptExecutorHolder> {
+ public:
+  static constexpr auto kJavaDescriptor =
+      "Lcom/facebook/hermes/reactexecutor/HermesExecutor;";
+
+  static jni::local_ref<jhybriddata> initHybridDefaultConfig(
+      jni::alias_ref<jclass>) {
+    JReactMarker::setLogPerfMarkerIfNeeded();
+
+    return makeCxxInstance(
+        folly::make_unique<HermesExecutorFactory>(installBindings));
+  }
+
+  static jni::local_ref<jhybriddata> initHybrid(
+      jni::alias_ref<jclass>,
+      jlong heapSizeMB,
+      bool es6Symbol,
+      jint bytecodeWarmupPercent,
+      bool tripWireEnabled,
+      jni::alias_ref<jsi::jni::HermesMemoryDumper> heapDumper,
+      jlong tripWireCooldownMS,
+      jlong tripWireLimitBytes) {
+    JReactMarker::setLogPerfMarkerIfNeeded();
+    auto runtimeConfig = makeRuntimeConfig(
+        heapSizeMB,
+        es6Symbol,
+        bytecodeWarmupPercent,
+        tripWireEnabled,
+        heapDumper,
+        tripWireCooldownMS,
+        tripWireLimitBytes);
+    return makeCxxInstance(folly::make_unique<HermesExecutorFactory>(
+        installBindings, JSIExecutor::defaultTimeoutInvoker, runtimeConfig));
+  }
+
+  static bool canLoadFile(jni::alias_ref<jclass>, const std::string &path) {
+    return true;
+  }
+
+  static void registerNatives() {
+    registerHybrid(
+        {makeNativeMethod("initHybrid", HermesExecutorHolder::initHybrid),
+         makeNativeMethod(
+             "initHybridDefaultConfig",
+             HermesExecutorHolder::initHybridDefaultConfig),
+         makeNativeMethod("canLoadFile", HermesExecutorHolder::canLoadFile)});
+  }
+
+ private:
+  friend HybridBase;
+  using HybridBase::HybridBase;
+};
+
+} // namespace react
+} // namespace facebook
+
+JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM *vm, void *reserved) {
+  return facebook::jni::initialize(
+      vm, [] { facebook::react::HermesExecutorHolder::registerNatives(); });
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/RuntimeConfig.java b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/RuntimeConfig.java
new file mode 100644
index 00000000000000..920621cbe2b16b
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/RuntimeConfig.java
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
+ */
+package com.facebook.hermes.reactexecutor;
+
+import com.facebook.hermes.instrumentation.HermesMemoryDumper;
+import javax.annotation.Nullable;
+
+/** Holds runtime configuration for a Hermes VM instance (master or snapshot). */
+public final class RuntimeConfig {
+  public long heapSizeMB;
+  public boolean enableSampledStats;
+  public boolean es6Symbol;
+  public int bytecodeWarmupPercent;
+  public boolean tripWireEnabled;
+  @Nullable public HermesMemoryDumper heapDumper;
+  public long tripWireCooldownMS;
+  public long tripWireLimitBytes;
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/fbjni.pro b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/fbjni.pro
new file mode 100644
index 00000000000000..09fad6a9e4ad87
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/fbjni.pro
@@ -0,0 +1,16 @@
+# Copyright (c) Facebook, Inc. and its affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+# For common use cases for the hybrid pattern, keep symbols which may
+# be referenced only from C++.
+
+-keepclassmembers class * {
+    com.facebook.jni.HybridData *;
+    <init>(com.facebook.jni.HybridData);
+}
+
+-keepclasseswithmembers class * {
+    com.facebook.jni.HybridData *;
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/unicode/AndroidUnicodeUtils.java b/ReactAndroid/src/main/java/com/facebook/hermes/unicode/AndroidUnicodeUtils.java
new file mode 100644
index 00000000000000..650a5bdaec57ee
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/unicode/AndroidUnicodeUtils.java
@@ -0,0 +1,81 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
+ */
+package com.facebook.hermes.unicode;
+
+import com.facebook.proguard.annotations.DoNotStrip;
+import java.text.Collator;
+import java.text.DateFormat;
+import java.text.Normalizer;
+import java.util.Locale;
+
+// TODO: use com.facebook.common.locale.Locales.getApplicationLocale() as the current locale,
+// rather than the device locale. This is challenging because getApplicationLocale() is only
+// available via DI.
+@DoNotStrip
+public class AndroidUnicodeUtils {
+  @DoNotStrip
+  public static int localeCompare(String left, String right) {
+    Collator collator = Collator.getInstance();
+    return collator.compare(left, right);
+  }
+
+  @DoNotStrip
+  public static String dateFormat(double unixtimeMs, boolean formatDate, boolean formatTime) {
+    DateFormat format;
+    if (formatDate && formatTime) {
+      format = DateFormat.getDateTimeInstance(DateFormat.MEDIUM, DateFormat.MEDIUM);
+    } else if (formatDate) {
+      format = DateFormat.getDateInstance(DateFormat.MEDIUM);
+    } else if (formatTime) {
+      format = DateFormat.getTimeInstance(DateFormat.MEDIUM);
+    } else {
+      throw new RuntimeException("Bad dateFormat configuration");
+    }
+    return format.format((long) unixtimeMs).toString();
+  }
+
+  @DoNotStrip
+  public static String convertToCase(String input, int targetCase, boolean useCurrentLocale) {
+    // These values must match CaseConversion in PlatformUnicode.h
+    final int targetUppercase = 0;
+    final int targetLowercase = 1;
+    // Note Java's case conversions use the user's locale. For example "I".toLowerCase()
+    // will produce a dotless i. From Java's docs: "To obtain correct results for locale
+    // insensitive strings, use toLowerCase(Locale.ENGLISH)."
+    Locale locale = useCurrentLocale ? Locale.getDefault() : Locale.ENGLISH;
+    switch (targetCase) {
+      case targetLowercase:
+        return input.toLowerCase(locale);
+      case targetUppercase:
+        return input.toUpperCase(locale);
+      default:
+        throw new RuntimeException("Invalid target case");
+    }
+  }
+
+  @DoNotStrip
+  public static String normalize(String input, int form) {
+    // Values must match NormalizationForm in PlatformUnicode.h.
+    final int formC = 0;
+    final int formD = 1;
+    final int formKC = 2;
+    final int formKD = 3;
+
+    switch (form) {
+      case formC:
+        return Normalizer.normalize(input, Normalizer.Form.NFC);
+      case formD:
+        return Normalizer.normalize(input, Normalizer.Form.NFD);
+      case formKC:
+        return Normalizer.normalize(input, Normalizer.Form.NFKC);
+      case formKD:
+        return Normalizer.normalize(input, Normalizer.Form.NFKD);
+      default:
+        throw new RuntimeException("Invalid form");
+    }
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/unicode/BUCK b/ReactAndroid/src/main/java/com/facebook/hermes/unicode/BUCK
new file mode 100644
index 00000000000000..8f5636e166283b
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/unicode/BUCK
@@ -0,0 +1,12 @@
+load("//tools/build_defs/oss:rn_defs.bzl", "react_native_dep", "rn_android_library")
+
+rn_android_library(
+    name = "unicode",
+    srcs = glob(["**/*.java"]),
+    visibility = [
+        "PUBLIC",
+    ],
+    deps = [
+        react_native_dep("java/com/facebook/proguard/annotations:annotations"),
+    ],
+)
diff --git a/ReactAndroid/src/main/java/com/facebook/jni/BUCK b/ReactAndroid/src/main/java/com/facebook/jni/BUCK
index 33a2d0bf6a5b42..f3f8c049e3797f 100644
--- a/ReactAndroid/src/main/java/com/facebook/jni/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/jni/BUCK
@@ -8,6 +8,7 @@ rn_android_library(
         "PUBLIC",
     ],
     deps = [
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("java/com/facebook/proguard/annotations:annotations"),
         react_native_dep("libraries/soloader/java/com/facebook/soloader:soloader"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
diff --git a/ReactAndroid/src/main/java/com/facebook/jni/Countable.java b/ReactAndroid/src/main/java/com/facebook/jni/Countable.java
index ba3216e0f0819d..b3a1184c6e0eee 100644
--- a/ReactAndroid/src/main/java/com/facebook/jni/Countable.java
+++ b/ReactAndroid/src/main/java/com/facebook/jni/Countable.java
@@ -11,11 +11,11 @@
 /**
  * A Java Object that has native memory allocated corresponding to this instance.
  *
- * NB: THREAD SAFETY (this comment also exists at Countable.cpp)
+ * <p>NB: THREAD SAFETY (this comment also exists at Countable.cpp)
  *
- * {@link #dispose} deletes the corresponding native object on whatever thread the method is called
- * on. In the common case when this is called by Countable#finalize(), this will be called on the
- * system finalizer thread. If you manually call dispose on the Java object, the native object
+ * <p>{@link #dispose} deletes the corresponding native object on whatever thread the method is
+ * called on. In the common case when this is called by Countable#finalize(), this will be called on
+ * the system finalizer thread. If you manually call dispose on the Java object, the native object
  * will be deleted synchronously on that thread.
  */
 @DoNotStrip
@@ -26,8 +26,7 @@ public class Countable {
   }
 
   // Private C++ instance
-  @DoNotStrip
-  private long mInstance = 0;
+  @DoNotStrip private long mInstance = 0;
 
   public native void dispose();
 
diff --git a/ReactAndroid/src/main/java/com/facebook/jni/CpuCapabilitiesJni.java b/ReactAndroid/src/main/java/com/facebook/jni/CpuCapabilitiesJni.java
index d0df3db702ba51..c4c3e84cef9ea0 100644
--- a/ReactAndroid/src/main/java/com/facebook/jni/CpuCapabilitiesJni.java
+++ b/ReactAndroid/src/main/java/com/facebook/jni/CpuCapabilitiesJni.java
@@ -8,9 +8,7 @@
 import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.soloader.SoLoader;
 
-/**
- * Utility class to determine CPU capabilities
- */
+/** Utility class to determine CPU capabilities */
 @DoNotStrip
 public class CpuCapabilitiesJni {
 
@@ -26,5 +24,4 @@ public class CpuCapabilitiesJni {
 
   @DoNotStrip
   public static native boolean nativeDeviceSupportsX86();
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/jni/DestructorThread.java b/ReactAndroid/src/main/java/com/facebook/jni/DestructorThread.java
index 38bc2e7d8480fa..36f544b1cc498f 100644
--- a/ReactAndroid/src/main/java/com/facebook/jni/DestructorThread.java
+++ b/ReactAndroid/src/main/java/com/facebook/jni/DestructorThread.java
@@ -12,12 +12,12 @@
 /**
  * A thread which invokes the "destruct" routine for objects after they have been garbage collected.
  *
- * An object which needs to be destructed should create a static subclass of {@link Destructor}.
- * Once the referent object is garbage collected, the DestructorThread will callback to the
- * {@link Destructor#destruct()} method.
+ * <p>An object which needs to be destructed should create a static subclass of {@link Destructor}.
+ * Once the referent object is garbage collected, the DestructorThread will callback to the {@link
+ * Destructor#destruct()} method.
  *
- * The underlying thread in DestructorThread starts when the first Destructor is constructed
- * and then runs indefinitely.
+ * <p>The underlying thread in DestructorThread starts when the first Destructor is constructed and
+ * then runs indefinitely.
  */
 public class DestructorThread {
 
@@ -31,7 +31,7 @@ public abstract static class Destructor extends PhantomReference<Object> {
     private Destructor next;
     private Destructor previous;
 
-    Destructor(Object referent) {
+    public Destructor(Object referent) {
       super(referent, sReferenceQueue);
       sDestructorStack.push(this);
     }
@@ -41,13 +41,14 @@ private Destructor() {
     }
 
     /** Callback which is invoked when the original object has been garbage collected. */
-    abstract void destruct();
+    protected abstract void destruct();
   }
 
   /** A list to keep all active Destructors in memory confined to the Destructor thread. */
   private static DestructorList sDestructorList;
   /** A thread safe stack where new Destructors are placed before being add to sDestructorList. */
   private static DestructorStack sDestructorStack;
+
   private static ReferenceQueue sReferenceQueue;
   private static Thread sThread;
 
@@ -55,34 +56,35 @@ private Destructor() {
     sDestructorStack = new DestructorStack();
     sReferenceQueue = new ReferenceQueue();
     sDestructorList = new DestructorList();
-    sThread = new Thread("HybridData DestructorThread") {
-      @Override
-      public void run() {
-        while (true) {
-          try {
-            Destructor current = (Destructor) sReferenceQueue.remove();
-            current.destruct();
-
-            // If current is in the sDestructorStack,
-            // transfer all the Destructors in the stack to the list.
-            if (current.previous == null) {
-              sDestructorStack.transferAllToList();
+    sThread =
+        new Thread("HybridData DestructorThread") {
+          @Override
+          public void run() {
+            while (true) {
+              try {
+                Destructor current = (Destructor) sReferenceQueue.remove();
+                current.destruct();
+
+                // If current is in the sDestructorStack,
+                // transfer all the Destructors in the stack to the list.
+                if (current.previous == null) {
+                  sDestructorStack.transferAllToList();
+                }
+
+                DestructorList.drop(current);
+              } catch (InterruptedException e) {
+                // Continue. This thread should never be terminated.
+              }
             }
-
-            DestructorList.drop(current);
-          } catch (InterruptedException e) {
-            // Continue. This thread should never be terminated.
           }
-        }
-      }
-    };
+        };
 
     sThread.start();
   }
 
   private static class Terminus extends Destructor {
     @Override
-    void destruct() {
+    protected void destruct() {
       throw new IllegalStateException("Cannot destroy Terminus Destructor.");
     }
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/jni/HybridClassBase.java b/ReactAndroid/src/main/java/com/facebook/jni/HybridClassBase.java
index 540c1ca5e05223..c27b5c1445675c 100644
--- a/ReactAndroid/src/main/java/com/facebook/jni/HybridClassBase.java
+++ b/ReactAndroid/src/main/java/com/facebook/jni/HybridClassBase.java
@@ -4,8 +4,8 @@
 // LICENSE file in the root directory of this source tree.
 
 package com.facebook.jni;
+
 import com.facebook.proguard.annotations.DoNotStrip;
 
 @DoNotStrip
-public abstract class HybridClassBase extends HybridData {
-}
+public abstract class HybridClassBase extends HybridData {}
diff --git a/ReactAndroid/src/main/java/com/facebook/jni/HybridData.java b/ReactAndroid/src/main/java/com/facebook/jni/HybridData.java
index 47a331e24c171a..9a99eebedc12a1 100644
--- a/ReactAndroid/src/main/java/com/facebook/jni/HybridData.java
+++ b/ReactAndroid/src/main/java/com/facebook/jni/HybridData.java
@@ -5,19 +5,16 @@
 
 package com.facebook.jni;
 
-import android.util.Log;
-
 import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.soloader.SoLoader;
 
 /**
  * This object holds a native C++ member for hybrid Java/C++ objects.
  *
- * NB: THREAD SAFETY
+ * <p>NB: THREAD SAFETY
  *
- * {@link #resetNative} deletes the corresponding native object synchronously on whatever thread
- * the method is called on. Otherwise, deletion will occur on the {@link DestructorThread}
- * thread.
+ * <p>{@link #resetNative} deletes the corresponding native object synchronously on whatever thread
+ * the method is called on. Otherwise, deletion will occur on the {@link DestructorThread} thread.
  */
 @DoNotStrip
 public class HybridData {
@@ -26,26 +23,24 @@ public class HybridData {
     SoLoader.loadLibrary("fb");
   }
 
-  @DoNotStrip
-  private Destructor mDestructor = new Destructor(this);
+  @DoNotStrip private Destructor mDestructor = new Destructor(this);
 
   /**
-   * To explicitly delete the instance, call resetNative().  If the C++
-   * instance is referenced after this is called, a NullPointerException will
-   * be thrown.  resetNative() may be called multiple times safely.  Because
-   * the {@link DestructorThread} also calls resetNative, the instance will not leak if this is
-   * not called, but timing of deletion and the thread the C++ dtor is called
-   * on will be at the whim of the Java GC.  If you want to control the thread
-   * and timing of the destructor, you should call resetNative() explicitly.
+   * To explicitly delete the instance, call resetNative(). If the C++ instance is referenced after
+   * this is called, a NullPointerException will be thrown. resetNative() may be called multiple
+   * times safely. Because the {@link DestructorThread} also calls resetNative, the instance will
+   * not leak if this is not called, but timing of deletion and the thread the C++ dtor is called on
+   * will be at the whim of the Java GC. If you want to control the thread and timing of the
+   * destructor, you should call resetNative() explicitly.
    */
   public synchronized void resetNative() {
     mDestructor.destruct();
   }
 
   /**
-   * N.B. Thread safety.
-   * If you call isValid from a different thread than {@link #resetNative()} then be sure to
-   * do so while synchronizing on the hybrid. For example:
+   * N.B. Thread safety. If you call isValid from a different thread than {@link #resetNative()}
+   * then be sure to do so while synchronizing on the hybrid. For example:
+   *
    * <pre><code>
    * synchronized(hybrid) {
    *   if (hybrid.isValid) {
@@ -61,15 +56,14 @@ public boolean isValid() {
   public static class Destructor extends DestructorThread.Destructor {
 
     // Private C++ instance
-    @DoNotStrip
-    private long mNativePointer;
+    @DoNotStrip private long mNativePointer;
 
     Destructor(Object referent) {
       super(referent);
     }
 
     @Override
-    void destruct() {
+    protected final void destruct() {
       // When invoked from the DestructorThread instead of resetNative,
       // the DestructorThread has exclusive ownership of the HybridData
       // so synchronization is not necessary.
diff --git a/ReactAndroid/src/main/java/com/facebook/jni/IteratorHelper.java b/ReactAndroid/src/main/java/com/facebook/jni/IteratorHelper.java
index 88e2de6353d39a..0f959e911f4f24 100644
--- a/ReactAndroid/src/main/java/com/facebook/jni/IteratorHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/jni/IteratorHelper.java
@@ -1,31 +1,26 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.jni;
 
+import androidx.annotation.Nullable;
 import com.facebook.proguard.annotations.DoNotStrip;
-
-import javax.annotation.Nullable;
-
 import java.util.Iterator;
 
 /**
- * To iterate over an Iterator from C++ requires two calls per entry: hasNext()
- * and next().  This helper reduces it to one call and one field get per entry.
- * It does not use a generic argument, since in C++, the types will be erased,
- * anyway.  This is *not* a {@link java.util.Iterator}.
+ * To iterate over an Iterator from C++ requires two calls per entry: hasNext() and next(). This
+ * helper reduces it to one call and one field get per entry. It does not use a generic argument,
+ * since in C++, the types will be erased, anyway. This is *not* a {@link java.util.Iterator}.
  */
 @DoNotStrip
 public class IteratorHelper {
   private final Iterator mIterator;
 
   // This is private, but accessed via JNI.
-  @DoNotStrip
-  private @Nullable Object mElement;
+  @DoNotStrip private @Nullable Object mElement;
 
   @DoNotStrip
   public IteratorHelper(Iterator iterator) {
@@ -38,8 +33,8 @@ public IteratorHelper(Iterable iterable) {
   }
 
   /**
-   * Moves the helper to the next entry in the map, if any.  Returns true iff
-   * there is an entry to read.
+   * Moves the helper to the next entry in the map, if any. Returns true iff there is an entry to
+   * read.
    */
   @DoNotStrip
   boolean hasNext() {
diff --git a/ReactAndroid/src/main/java/com/facebook/jni/MapIteratorHelper.java b/ReactAndroid/src/main/java/com/facebook/jni/MapIteratorHelper.java
index e57cb9f173396b..0890653f5eadcd 100644
--- a/ReactAndroid/src/main/java/com/facebook/jni/MapIteratorHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/jni/MapIteratorHelper.java
@@ -1,24 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.jni;
 
-import javax.annotation.Nullable;
-
+import androidx.annotation.Nullable;
+import com.facebook.proguard.annotations.DoNotStrip;
 import java.util.Iterator;
 import java.util.Map;
 
-import com.facebook.proguard.annotations.DoNotStrip;
-
 /**
- * To iterate over a Map from C++ requires four calls per entry: hasNext(),
- * next(), getKey(), getValue().  This helper reduces it to one call and two
- * field gets per entry.  It does not use a generic argument, since in C++, the
- * types will be erased, anyway.  This is *not* a {@link java.util.Iterator}.
+ * To iterate over a Map from C++ requires four calls per entry: hasNext(), next(), getKey(),
+ * getValue(). This helper reduces it to one call and two field gets per entry. It does not use a
+ * generic argument, since in C++, the types will be erased, anyway. This is *not* a {@link
+ * java.util.Iterator}.
  */
 @DoNotStrip
 public class MapIteratorHelper {
@@ -32,8 +29,8 @@ public MapIteratorHelper(Map map) {
   }
 
   /**
-   * Moves the helper to the next entry in the map, if any.  Returns true iff
-   * there is an entry to read.
+   * Moves the helper to the next entry in the map, if any. Returns true iff there is an entry to
+   * read.
    */
   @DoNotStrip
   boolean hasNext() {
diff --git a/ReactAndroid/src/main/java/com/facebook/jni/NativeRunnable.java b/ReactAndroid/src/main/java/com/facebook/jni/NativeRunnable.java
index 10a2517a22391f..6c35d45d6a73cd 100644
--- a/ReactAndroid/src/main/java/com/facebook/jni/NativeRunnable.java
+++ b/ReactAndroid/src/main/java/com/facebook/jni/NativeRunnable.java
@@ -1,23 +1,20 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.jni;
 
-import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
 
-/**
- * A Runnable that has a native run implementation.
- */
+/** A Runnable that has a native run implementation. */
 @DoNotStrip
 public class NativeRunnable implements Runnable {
 
-  private final HybridData mHybridData;
+  @DoNotStrip private final HybridData mHybridData;
 
+  @DoNotStrip
   private NativeRunnable(HybridData hybridData) {
     mHybridData = hybridData;
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/perftest/PerfTestConfig.java b/ReactAndroid/src/main/java/com/facebook/perftest/PerfTestConfig.java
index 7420ab0dce90f2..8b71fc67449e8f 100644
--- a/ReactAndroid/src/main/java/com/facebook/perftest/PerfTestConfig.java
+++ b/ReactAndroid/src/main/java/com/facebook/perftest/PerfTestConfig.java
@@ -1,19 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.perftest;
 
-/**
- * PerfTestConfig stub.
- */
+/** PerfTestConfig stub. */
 public class PerfTestConfig {
 
   public boolean isRunningInPerfTest() {
     return false;
   }
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/proguard/annotations/DoNotStrip.java b/ReactAndroid/src/main/java/com/facebook/proguard/annotations/DoNotStrip.java
index e73cd266897e5d..0af1b790f1326a 100644
--- a/ReactAndroid/src/main/java/com/facebook/proguard/annotations/DoNotStrip.java
+++ b/ReactAndroid/src/main/java/com/facebook/proguard/annotations/DoNotStrip.java
@@ -1,24 +1,22 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.proguard.annotations;
 
+import static java.lang.annotation.RetentionPolicy.CLASS;
+
 import java.lang.annotation.ElementType;
 import java.lang.annotation.Retention;
 import java.lang.annotation.Target;
 
-import static java.lang.annotation.RetentionPolicy.CLASS;
-
 /**
  * Add this annotation to a class, method, or field to instruct Proguard to not strip it out.
  *
- * This is useful for methods called via reflection that could appear as unused to Proguard.
+ * <p>This is useful for methods called via reflection that could appear as unused to Proguard.
  */
-@Target({ ElementType.TYPE, ElementType.FIELD, ElementType.METHOD, ElementType.CONSTRUCTOR })
+@Target({ElementType.TYPE, ElementType.FIELD, ElementType.METHOD, ElementType.CONSTRUCTOR})
 @Retention(CLASS)
-public @interface DoNotStrip {
-}
+public @interface DoNotStrip {}
diff --git a/ReactAndroid/src/main/java/com/facebook/proguard/annotations/KeepGettersAndSetters.java b/ReactAndroid/src/main/java/com/facebook/proguard/annotations/KeepGettersAndSetters.java
index 127dd91ba6c503..59b75f000cb525 100644
--- a/ReactAndroid/src/main/java/com/facebook/proguard/annotations/KeepGettersAndSetters.java
+++ b/ReactAndroid/src/main/java/com/facebook/proguard/annotations/KeepGettersAndSetters.java
@@ -1,28 +1,26 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.proguard.annotations;
 
+import static java.lang.annotation.RetentionPolicy.CLASS;
+
 import java.lang.annotation.ElementType;
 import java.lang.annotation.Retention;
 import java.lang.annotation.Target;
 
-import static java.lang.annotation.RetentionPolicy.CLASS;
-
 /**
  * Add this annotation to a class, to keep all "void set*(***)" and get* methods.
  *
- * <p>This is useful for classes that are controlled by animator-like classes that control
- * various properties with reflection.
+ * <p>This is useful for classes that are controlled by animator-like classes that control various
+ * properties with reflection.
  *
- * <p><b>NOTE:</b> This is <em>not</em> needed for Views because their getters and setters
- * are automatically kept by the default Android SDK ProGuard config.
+ * <p><b>NOTE:</b> This is <em>not</em> needed for Views because their getters and setters are
+ * automatically kept by the default Android SDK ProGuard config.
  */
 @Target({ElementType.TYPE})
 @Retention(CLASS)
-public @interface KeepGettersAndSetters {
-}
+public @interface KeepGettersAndSetters {}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/BUCK b/ReactAndroid/src/main/java/com/facebook/react/BUCK
index 2f9fa2dd606083..58b58dcb46eef3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/BUCK
@@ -21,6 +21,7 @@ rn_android_library(
         react_native_dep("libraries/soloader/java/com/facebook/soloader:soloader"),
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
+        react_native_dep("java/com/facebook/hermes/reactexecutor:reactexecutor"),
         react_native_target("java/com/facebook/debug/holder:holder"),
         react_native_target("java/com/facebook/debug/tags:tags"),
         react_native_target("java/com/facebook/react/bridge:bridge"),
@@ -44,6 +45,7 @@ rn_android_library(
         react_native_target("java/com/facebook/react/module/annotations:annotations"),
         react_native_target("java/com/facebook/react/views/imagehelper:imagehelper"),
         react_native_target("java/com/facebook/react/config:config"),
+        react_native_target("java/com/facebook/react/turbomodule/core/interfaces:interfaces"),
     ],
     exported_deps = [
         react_native_target("java/com/facebook/react/packagerconnection:packagerconnection"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/CompositeReactPackage.java b/ReactAndroid/src/main/java/com/facebook/react/CompositeReactPackage.java
index d6c13684e01bc1..52f4969f1f14fd 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/CompositeReactPackage.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/CompositeReactPackage.java
@@ -6,8 +6,11 @@
  */
 package com.facebook.react;
 
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.ReactApplicationContext;
+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;
@@ -17,7 +20,6 @@
 import java.util.ListIterator;
 import java.util.Map;
 import java.util.Set;
-import javax.annotation.Nullable;
 
 /**
  * {@code CompositeReactPackage} allows to create a single package composed of views and modules
@@ -46,6 +48,25 @@ public List<NativeModule> createNativeModules(ReactApplicationContext reactConte
     // This is for backward compatibility.
     final Map<String, NativeModule> moduleMap = new HashMap<>();
     for (ReactPackage reactPackage : mChildReactPackages) {
+      /**
+       * For now, we eagerly initialize the NativeModules inside TurboReactPackages. Ultimately, we
+       * should turn CompositeReactPackage into a TurboReactPackage and remove this eager
+       * initialization.
+       *
+       * <p>TODO: T45627020
+       */
+      if (reactPackage instanceof TurboReactPackage) {
+        TurboReactPackage turboReactPackage = (TurboReactPackage) reactPackage;
+        ReactModuleInfoProvider moduleInfoProvider = turboReactPackage.getReactModuleInfoProvider();
+        Map<String, ReactModuleInfo> moduleInfos = moduleInfoProvider.getReactModuleInfos();
+
+        for (final String moduleName : moduleInfos.keySet()) {
+          moduleMap.put(moduleName, turboReactPackage.getModule(moduleName, reactContext));
+        }
+
+        continue;
+      }
+
       for (NativeModule nativeModule : reactPackage.createNativeModules(reactContext)) {
         moduleMap.put(nativeModule.getName(), nativeModule);
       }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/CoreModulesPackage.java b/ReactAndroid/src/main/java/com/facebook/react/CoreModulesPackage.java
index 074269c2d0e89e..00256a49732007 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/CoreModulesPackage.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/CoreModulesPackage.java
@@ -6,11 +6,13 @@
  */
 package com.facebook.react;
 
+import static com.facebook.react.bridge.ReactMarkerConstants.*;
 import static com.facebook.react.bridge.ReactMarkerConstants.CREATE_UI_MANAGER_MODULE_END;
 import static com.facebook.react.bridge.ReactMarkerConstants.CREATE_UI_MANAGER_MODULE_START;
 import static com.facebook.react.bridge.ReactMarkerConstants.PROCESS_CORE_REACT_PACKAGE_END;
 import static com.facebook.react.bridge.ReactMarkerConstants.PROCESS_CORE_REACT_PACKAGE_START;
 
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactMarker;
@@ -18,11 +20,11 @@
 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.modules.core.DefaultHardwareBackBtnHandler;
 import com.facebook.react.modules.core.DeviceEventManagerModule;
 import com.facebook.react.modules.core.ExceptionsManagerModule;
-import com.facebook.react.modules.core.Timing;
-import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
 import com.facebook.react.modules.core.HeadlessJsTaskSupportModule;
+import com.facebook.react.modules.core.Timing;
 import com.facebook.react.modules.debug.DevSettingsModule;
 import com.facebook.react.modules.debug.SourceCodeModule;
 import com.facebook.react.modules.deviceinfo.DeviceInfoModule;
@@ -31,15 +33,10 @@
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewManager;
 import com.facebook.systrace.Systrace;
-
-import java.util.Collections;
-import javax.annotation.Nullable;
 import java.util.HashMap;
 import java.util.List;
 import java.util.Map;
 
-import static com.facebook.react.bridge.ReactMarkerConstants.*;
-
 /**
  * This is the basic module to support React Native. The debug modules are now in DebugCorePackage.
  */
diff --git a/ReactAndroid/src/main/java/com/facebook/react/DebugCorePackage.java b/ReactAndroid/src/main/java/com/facebook/react/DebugCorePackage.java
index 1ecb2d5557d39f..93c347fe93f53f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/DebugCorePackage.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/DebugCorePackage.java
@@ -1,18 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.ModuleSpec;
 import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.devsupport.JSCSamplingProfiler;
-import com.facebook.react.devsupport.JSDevSupport;
 import com.facebook.react.devsupport.JSCHeapCapture;
+import com.facebook.react.devsupport.JSDevSupport;
 import com.facebook.react.module.annotations.ReactModuleList;
 import com.facebook.react.module.model.ReactModuleInfoProvider;
 import java.util.ArrayList;
@@ -25,16 +23,13 @@
  * view managers from).
  */
 @ReactModuleList(
-  nativeModules = {
-    JSCHeapCapture.class,
-    JSCSamplingProfiler.class,
-    JSDevSupport.class,
-  }
-)
+    nativeModules = {
+      JSCHeapCapture.class,
+      JSDevSupport.class,
+    })
 /* package */ class DebugCorePackage extends LazyReactPackage {
 
-  DebugCorePackage() {
-  }
+  DebugCorePackage() {}
 
   @Override
   public List<ModuleSpec> getNativeModules(final ReactApplicationContext reactContext) {
@@ -48,15 +43,6 @@ public NativeModule get() {
                 return new JSCHeapCapture(reactContext);
               }
             }));
-    moduleSpecList.add(
-        ModuleSpec.nativeModuleSpec(
-            JSCSamplingProfiler.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new JSCSamplingProfiler(reactContext);
-              }
-            }));
     return moduleSpecList;
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/EagerModuleProvider.java b/ReactAndroid/src/main/java/com/facebook/react/EagerModuleProvider.java
index 6af684d33b521e..e8e456186f2588 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/EagerModuleProvider.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/EagerModuleProvider.java
@@ -5,13 +5,10 @@
 
 package com.facebook.react;
 
-import javax.inject.Provider;
-
 import com.facebook.react.bridge.NativeModule;
+import javax.inject.Provider;
 
-/**
- * Provider for an already initialized and non-lazy NativeModule.
- */
+/** Provider for an already initialized and non-lazy NativeModule. */
 public class EagerModuleProvider implements Provider<NativeModule> {
 
   private final NativeModule mModule;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/HeadlessJsTaskService.java b/ReactAndroid/src/main/java/com/facebook/react/HeadlessJsTaskService.java
index cf809e9eb17435..8b661c14612176 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/HeadlessJsTaskService.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/HeadlessJsTaskService.java
@@ -1,17 +1,11 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
-
-import java.util.Set;
-import java.util.concurrent.CopyOnWriteArraySet;
-
 import android.annotation.SuppressLint;
 import android.app.Service;
 import android.content.BroadcastReceiver;
@@ -19,23 +13,25 @@
 import android.content.Intent;
 import android.os.IBinder;
 import android.os.PowerManager;
-
+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.jstasks.HeadlessJsTaskEventListener;
 import com.facebook.react.jstasks.HeadlessJsTaskConfig;
 import com.facebook.react.jstasks.HeadlessJsTaskContext;
+import com.facebook.react.jstasks.HeadlessJsTaskEventListener;
+import java.util.Set;
+import java.util.concurrent.CopyOnWriteArraySet;
 
 /**
- * Base class for running JS without a UI. Generally, you only need to override
- * {@link #getTaskConfig}, which is called for every {@link #onStartCommand}. The
- * result, if not {@code null}, is used to run a JS task.
+ * Base class for running JS without a UI. Generally, you only need to override {@link
+ * #getTaskConfig}, which is called for every {@link #onStartCommand}. The result, if not {@code
+ * null}, is used to run a JS task.
  *
- * If you need more fine-grained control over how tasks are run, you can override
- * {@link #onStartCommand} and call {@link #startTask} depending on your custom logic.
+ * <p>If you need more fine-grained control over how tasks are run, you can override {@link
+ * #onStartCommand} and call {@link #startTask} depending on your custom logic.
  *
- * If you're starting a {@code HeadlessJsTaskService} from a {@code BroadcastReceiver} (e.g.
+ * <p>If you're starting a {@code HeadlessJsTaskService} from a {@code BroadcastReceiver} (e.g.
  * handling push notifications), make sure to call {@link #acquireWakeLockNow} before returning from
  * {@link BroadcastReceiver#onReceive}, to make sure the device doesn't go to sleep before the
  * service is started.
@@ -57,9 +53,10 @@ public int onStartCommand(Intent intent, int flags, int startId) {
 
   /**
    * Called from {@link #onStartCommand} to create a {@link HeadlessJsTaskConfig} for this intent.
+   *
    * @param intent the {@link Intent} received in {@link #onStartCommand}.
-   * @return a {@link HeadlessJsTaskConfig} to be used with {@link #startTask}, or
-   *         {@code null} to ignore this command.
+   * @return a {@link HeadlessJsTaskConfig} to be used with {@link #startTask}, or {@code null} to
+   *     ignore this command.
    */
   protected @Nullable HeadlessJsTaskConfig getTaskConfig(Intent intent) {
     return null;
@@ -72,10 +69,10 @@ public int onStartCommand(Intent intent, int flags, int startId) {
   public static void acquireWakeLockNow(Context context) {
     if (sWakeLock == null || !sWakeLock.isHeld()) {
       PowerManager powerManager =
-        Assertions.assertNotNull((PowerManager) context.getSystemService(POWER_SERVICE));
-      sWakeLock = powerManager.newWakeLock(
-        PowerManager.PARTIAL_WAKE_LOCK,
-        HeadlessJsTaskService.class.getCanonicalName());
+          Assertions.assertNotNull((PowerManager) context.getSystemService(POWER_SERVICE));
+      sWakeLock =
+          powerManager.newWakeLock(
+              PowerManager.PARTIAL_WAKE_LOCK, HeadlessJsTaskService.class.getCanonicalName());
       sWakeLock.setReferenceCounted(false);
       sWakeLock.acquire();
     }
@@ -89,7 +86,7 @@ public static void acquireWakeLockNow(Context context) {
   /**
    * Start a task. This method handles starting a new React instance if required.
    *
-   * Has to be called on the UI thread.
+   * <p>Has to be called on the UI thread.
    *
    * @param taskConfig describes what task to start and the parameters to pass to it
    */
@@ -97,38 +94,36 @@ protected void startTask(final HeadlessJsTaskConfig taskConfig) {
     UiThreadUtil.assertOnUiThread();
     acquireWakeLockNow(this);
     final ReactInstanceManager reactInstanceManager =
-      getReactNativeHost().getReactInstanceManager();
+        getReactNativeHost().getReactInstanceManager();
     ReactContext reactContext = reactInstanceManager.getCurrentReactContext();
     if (reactContext == null) {
-      reactInstanceManager
-        .addReactInstanceEventListener(new ReactInstanceManager.ReactInstanceEventListener() {
-          @Override
-          public void onReactContextInitialized(ReactContext reactContext) {
-            invokeStartTask(reactContext, taskConfig);
-            reactInstanceManager.removeReactInstanceEventListener(this);
-          }
-        });
-      if (!reactInstanceManager.hasStartedCreatingInitialContext()) {
-        reactInstanceManager.createReactContextInBackground();
-      }
+      reactInstanceManager.addReactInstanceEventListener(
+          new ReactInstanceManager.ReactInstanceEventListener() {
+            @Override
+            public void onReactContextInitialized(ReactContext reactContext) {
+              invokeStartTask(reactContext, taskConfig);
+              reactInstanceManager.removeReactInstanceEventListener(this);
+            }
+          });
+      reactInstanceManager.createReactContextInBackground();
     } else {
       invokeStartTask(reactContext, taskConfig);
     }
   }
 
   private void invokeStartTask(ReactContext reactContext, final HeadlessJsTaskConfig taskConfig) {
-    final HeadlessJsTaskContext headlessJsTaskContext = HeadlessJsTaskContext.getInstance(reactContext);
+    final HeadlessJsTaskContext headlessJsTaskContext =
+        HeadlessJsTaskContext.getInstance(reactContext);
     headlessJsTaskContext.addTaskEventListener(this);
 
     UiThreadUtil.runOnUiThread(
-      new Runnable() {
-        @Override
-        public void run() {
-          int taskId = headlessJsTaskContext.startTask(taskConfig);
-          mActiveTasks.add(taskId);
-        }
-      }
-    );
+        new Runnable() {
+          @Override
+          public void run() {
+            int taskId = headlessJsTaskContext.startTask(taskConfig);
+            mActiveTasks.add(taskId);
+          }
+        });
   }
 
   @Override
@@ -140,7 +135,7 @@ public void onDestroy() {
       ReactContext reactContext = reactInstanceManager.getCurrentReactContext();
       if (reactContext != null) {
         HeadlessJsTaskContext headlessJsTaskContext =
-          HeadlessJsTaskContext.getInstance(reactContext);
+            HeadlessJsTaskContext.getInstance(reactContext);
         headlessJsTaskContext.removeTaskEventListener(this);
       }
     }
@@ -150,7 +145,7 @@ public void onDestroy() {
   }
 
   @Override
-  public void onHeadlessJsTaskStart(int taskId) { }
+  public void onHeadlessJsTaskStart(int taskId) {}
 
   @Override
   public void onHeadlessJsTaskFinish(int taskId) {
@@ -162,10 +157,10 @@ public void onHeadlessJsTaskFinish(int taskId) {
 
   /**
    * Get the {@link ReactNativeHost} used by this app. By default, assumes {@link #getApplication()}
-   * is an instance of {@link ReactApplication} and calls
-   * {@link ReactApplication#getReactNativeHost()}. Override this method if your application class
-   * does not implement {@code ReactApplication} or you simply have a different mechanism for
-   * storing a {@code ReactNativeHost}, e.g. as a static field somewhere.
+   * is an instance of {@link ReactApplication} and calls {@link
+   * ReactApplication#getReactNativeHost()}. Override this method if your application class does not
+   * implement {@code ReactApplication} or you simply have a different mechanism for storing a
+   * {@code ReactNativeHost}, e.g. as a static field somewhere.
    */
   protected ReactNativeHost getReactNativeHost() {
     return ((ReactApplication) getApplication()).getReactNativeHost();
diff --git a/ReactAndroid/src/main/java/com/facebook/react/LazyReactPackage.java b/ReactAndroid/src/main/java/com/facebook/react/LazyReactPackage.java
index 8c649f407f2ad8..7e07760f63911d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/LazyReactPackage.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/LazyReactPackage.java
@@ -76,8 +76,8 @@ public Map<String, ReactModuleInfo> getReactModuleInfos() {
    * @param reactContext
    * @return
    */
-  /* package */
-  Iterable<ModuleHolder> getNativeModuleIterator(final ReactApplicationContext reactContext) {
+  public Iterable<ModuleHolder> getNativeModuleIterator(
+      final ReactApplicationContext reactContext) {
     final Map<String, ReactModuleInfo> reactModuleInfoMap =
         getReactModuleInfoProvider().getReactModuleInfos();
     final List<ModuleSpec> nativeModules = getNativeModules(reactContext);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/MemoryPressureRouter.java b/ReactAndroid/src/main/java/com/facebook/react/MemoryPressureRouter.java
index 209c21f5f0fb9c..fa88fef1403137 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/MemoryPressureRouter.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/MemoryPressureRouter.java
@@ -13,12 +13,10 @@
 import java.util.LinkedHashSet;
 import java.util.Set;
 
-/**
- * Translates and routes memory pressure events to the current catalyst instance.
- */
+/** 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<MemoryPressureListener>());
 
   MemoryPressureRouter(Context context) {
     context.getApplicationContext().registerComponentCallbacks(this);
@@ -28,16 +26,12 @@ public void destroy(Context context) {
     context.getApplicationContext().unregisterComponentCallbacks(this);
   }
 
-  /**
-   * Add a listener to be notified of memory pressure events.
-   */
+  /** Add a listener to be notified of memory pressure events. */
   public void addMemoryPressureListener(MemoryPressureListener listener) {
     mListeners.add(listener);
   }
 
-  /**
-   * Remove a listener previously added with {@link #addMemoryPressureListener}.
-   */
+  /** Remove a listener previously added with {@link #addMemoryPressureListener}. */
   public void removeMemoryPressureListener(MemoryPressureListener listener) {
     mListeners.remove(listener);
   }
@@ -48,18 +42,16 @@ public void onTrimMemory(int level) {
   }
 
   @Override
-  public void onConfigurationChanged(Configuration newConfig) {
-  }
+  public void onConfigurationChanged(Configuration newConfig) {}
 
   @Override
-  public void onLowMemory() {
-  }
+  public void onLowMemory() {}
 
   private void dispatchMemoryPressure(int level) {
     // copy listeners array to avoid ConcurrentModificationException if any of the listeners remove
     // themselves in handleMemoryPressure()
     MemoryPressureListener[] listeners =
-      mListeners.toArray(new MemoryPressureListener[mListeners.size()]);
+        mListeners.toArray(new MemoryPressureListener[mListeners.size()]);
     for (MemoryPressureListener listener : listeners) {
       listener.handleMemoryPressure(level);
     }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/NativeModuleRegistryBuilder.java b/ReactAndroid/src/main/java/com/facebook/react/NativeModuleRegistryBuilder.java
index ea4365e667583b..ae1b8d1a84b63b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/NativeModuleRegistryBuilder.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/NativeModuleRegistryBuilder.java
@@ -52,7 +52,8 @@ public void processPackage(ReactPackage reactPackage) {
                   + name
                   + " tried to override "
                   + existingNativeModule.getClassName()
-                  + ". Check the getPackages() method in MainApplication.java, it might be that module is being created twice. If this was your intention, set canOverrideExistingModule=true");
+                  + ". Check the getPackages() method in MainApplication.java, it might be that module is being created twice. If this was your intention, set canOverrideExistingModule=true. "
+                  + "This error may also be present if the package is present only once in getPackages() but is also automatically added later during build time by autolinking. Try removing the existing entry and rebuild.");
         }
         mModules.remove(existingNativeModule);
       }
@@ -64,7 +65,8 @@ public void processPackage(ReactPackage reactPackage) {
         // already in the list, and then NOT add the new module, since that will be directly exposed
 
         // Note that is someone uses {@link NativeModuleRegistry#registerModules}, we will NOT check
-        // for TurboModules - assuming that people wanted to explicitly register native modules there
+        // for TurboModules - assuming that people wanted to explicitly register native modules
+        // there
         continue;
       }
       mModules.put(name, moduleHolder);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactActivity.java b/ReactAndroid/src/main/java/com/facebook/react/ReactActivity.java
index 080fb54e083df4..f4565b4d3763d8 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactActivity.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactActivity.java
@@ -1,26 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
-
 import android.content.Intent;
 import android.os.Bundle;
-import androidx.appcompat.app.AppCompatActivity;
 import android.view.KeyEvent;
-
+import androidx.annotation.Nullable;
+import androidx.appcompat.app.AppCompatActivity;
 import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
 import com.facebook.react.modules.core.PermissionAwareActivity;
 import com.facebook.react.modules.core.PermissionListener;
 
-/**
- * Base Activity for React Native applications.
- */
+/** Base Activity for React Native applications. */
 public abstract class ReactActivity extends AppCompatActivity
     implements DefaultHardwareBackBtnHandler, PermissionAwareActivity {
 
@@ -31,17 +26,14 @@ protected ReactActivity() {
   }
 
   /**
-   * Returns the name of the main component registered from JavaScript.
-   * This is used to schedule rendering of the component.
-   * e.g. "MoviesApp"
+   * Returns the name of the main component registered from JavaScript. This is used to schedule
+   * rendering of the component. e.g. "MoviesApp"
    */
   protected @Nullable String getMainComponentName() {
     return null;
   }
 
-  /**
-   * Called at construction time, override if you have a custom delegate implementation.
-   */
+  /** Called at construction time, override if you have a custom delegate implementation. */
   protected ReactActivityDelegate createReactActivityDelegate() {
     return new ReactActivityDelegate(this, getMainComponentName());
   }
@@ -111,20 +103,22 @@ public void onNewIntent(Intent intent) {
 
   @Override
   public void requestPermissions(
-    String[] permissions,
-    int requestCode,
-    PermissionListener listener) {
+      String[] permissions, int requestCode, PermissionListener listener) {
     mDelegate.requestPermissions(permissions, requestCode, listener);
   }
 
   @Override
   public void onRequestPermissionsResult(
-    int requestCode,
-    String[] permissions,
-    int[] grantResults) {
+      int requestCode, String[] permissions, int[] grantResults) {
     mDelegate.onRequestPermissionsResult(requestCode, permissions, grantResults);
   }
 
+  @Override
+  public void onWindowFocusChanged(boolean hasFocus) {
+    super.onWindowFocusChanged(hasFocus);
+    mDelegate.onWindowFocusChanged(hasFocus);
+  }
+
   protected final ReactNativeHost getReactNativeHost() {
     return mDelegate.getReactNativeHost();
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactActivityDelegate.java b/ReactAndroid/src/main/java/com/facebook/react/ReactActivityDelegate.java
index 26a95665654d32..0e84881bb3ab4c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactActivityDelegate.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactActivityDelegate.java
@@ -12,15 +12,11 @@
 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.devsupport.DoubleTapReloadRecognizer;
-import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
 import com.facebook.react.modules.core.PermissionListener;
 
-import javax.annotation.Nullable;
-
 /**
  * Delegate class for {@link ReactActivity} and {@link ReactFragmentActivity}. You can subclass this
  * to provide custom implementations for e.g. {@link #getReactNativeHost()}, if your Application
@@ -31,10 +27,9 @@ public class ReactActivityDelegate {
   private final @Nullable Activity mActivity;
   private final @Nullable String mMainComponentName;
 
-  private @Nullable ReactRootView mReactRootView;
-  private @Nullable DoubleTapReloadRecognizer mDoubleTapReloadRecognizer;
   private @Nullable PermissionListener mPermissionListener;
   private @Nullable Callback mPermissionsCallback;
+  private ReactDelegate mReactDelegate;
 
   @Deprecated
   public ReactActivityDelegate(Activity activity, @Nullable String mainComponentName) {
@@ -56,18 +51,18 @@ protected ReactRootView createRootView() {
   }
 
   /**
-   * Get the {@link ReactNativeHost} used by this app. By default, assumes
-   * {@link Activity#getApplication()} is an instance of {@link ReactApplication} and calls
-   * {@link ReactApplication#getReactNativeHost()}. Override this method if your application class
-   * does not implement {@code ReactApplication} or you simply have a different mechanism for
-   * storing a {@code ReactNativeHost}, e.g. as a static field somewhere.
+   * Get the {@link ReactNativeHost} used by this app. By default, assumes {@link
+   * Activity#getApplication()} is an instance of {@link ReactApplication} and calls {@link
+   * ReactApplication#getReactNativeHost()}. Override this method if your application class does not
+   * implement {@code ReactApplication} or you simply have a different mechanism for storing a
+   * {@code ReactNativeHost}, e.g. as a static field somewhere.
    */
   protected ReactNativeHost getReactNativeHost() {
     return ((ReactApplication) getPlainActivity().getApplication()).getReactNativeHost();
   }
 
   public ReactInstanceManager getReactInstanceManager() {
-    return getReactNativeHost().getReactInstanceManager();
+    return mReactDelegate.getReactInstanceManager();
   }
 
   public String getMainComponentName() {
@@ -76,36 +71,30 @@ public String getMainComponentName() {
 
   protected void onCreate(Bundle savedInstanceState) {
     String mainComponentName = getMainComponentName();
-    if (mainComponentName != null) {
+    mReactDelegate =
+        new ReactDelegate(
+            getPlainActivity(), getReactNativeHost(), mainComponentName, getLaunchOptions()) {
+          @Override
+          protected ReactRootView createRootView() {
+            return ReactActivityDelegate.this.createRootView();
+          }
+        };
+    if (mMainComponentName != null) {
       loadApp(mainComponentName);
     }
-    mDoubleTapReloadRecognizer = new DoubleTapReloadRecognizer();
   }
 
   protected void loadApp(String appKey) {
-    if (mReactRootView != null) {
-      throw new IllegalStateException("Cannot loadApp while app is already running.");
-    }
-    mReactRootView = createRootView();
-    mReactRootView.startReactApplication(
-      getReactNativeHost().getReactInstanceManager(),
-      appKey,
-      getLaunchOptions());
-    getPlainActivity().setContentView(mReactRootView);
+    mReactDelegate.loadApp(appKey);
+    getPlainActivity().setContentView(mReactDelegate.getReactRootView());
   }
 
   protected void onPause() {
-    if (getReactNativeHost().hasInstance()) {
-      getReactNativeHost().getReactInstanceManager().onHostPause(getPlainActivity());
-    }
+    mReactDelegate.onHostPause();
   }
 
   protected void onResume() {
-    if (getReactNativeHost().hasInstance()) {
-      getReactNativeHost().getReactInstanceManager().onHostResume(
-        getPlainActivity(),
-        (DefaultHardwareBackBtnHandler) getPlainActivity());
-    }
+    mReactDelegate.onHostResume();
 
     if (mPermissionsCallback != null) {
       mPermissionsCallback.invoke();
@@ -114,26 +103,17 @@ protected void onResume() {
   }
 
   protected void onDestroy() {
-    if (mReactRootView != null) {
-      mReactRootView.unmountReactApplication();
-      mReactRootView = null;
-    }
-    if (getReactNativeHost().hasInstance()) {
-      getReactNativeHost().getReactInstanceManager().onHostDestroy(getPlainActivity());
-    }
+    mReactDelegate.onHostDestroy();
   }
 
   public void onActivityResult(int requestCode, int resultCode, Intent data) {
-    if (getReactNativeHost().hasInstance()) {
-      getReactNativeHost().getReactInstanceManager()
-        .onActivityResult(getPlainActivity(), requestCode, resultCode, data);
-    }
+    mReactDelegate.onActivityResult(requestCode, resultCode, data, true);
   }
 
   public boolean onKeyDown(int keyCode, KeyEvent event) {
     if (getReactNativeHost().hasInstance()
-      && getReactNativeHost().getUseDeveloperSupport()
-      && keyCode == KeyEvent.KEYCODE_MEDIA_FAST_FORWARD) {
+        && getReactNativeHost().getUseDeveloperSupport()
+        && keyCode == KeyEvent.KEYCODE_MEDIA_FAST_FORWARD) {
       event.startTracking();
       return true;
     }
@@ -141,19 +121,7 @@ && getReactNativeHost().getUseDeveloperSupport()
   }
 
   public boolean onKeyUp(int keyCode, KeyEvent event) {
-    if (getReactNativeHost().hasInstance() && getReactNativeHost().getUseDeveloperSupport()) {
-      if (keyCode == KeyEvent.KEYCODE_MENU) {
-        getReactNativeHost().getReactInstanceManager().showDevOptionsDialog();
-        return true;
-      }
-      boolean didDoubleTapR = Assertions.assertNotNull(mDoubleTapReloadRecognizer)
-        .didDoubleTapR(keyCode, getPlainActivity().getCurrentFocus());
-      if (didDoubleTapR) {
-        getReactNativeHost().getReactInstanceManager().getDevSupportManager().handleReloadJS();
-        return true;
-      }
-    }
-    return false;
+    return mReactDelegate.shouldShowDevMenuOrReload(keyCode, event);
   }
 
   public boolean onKeyLongPress(int keyCode, KeyEvent event) {
@@ -167,11 +135,7 @@ && getReactNativeHost().getUseDeveloperSupport()
   }
 
   public boolean onBackPressed() {
-    if (getReactNativeHost().hasInstance()) {
-      getReactNativeHost().getReactInstanceManager().onBackPressed();
-      return true;
-    }
-    return false;
+    return mReactDelegate.onBackPressed();
   }
 
   public boolean onNewIntent(Intent intent) {
@@ -182,27 +146,32 @@ public boolean onNewIntent(Intent intent) {
     return false;
   }
 
+  public void onWindowFocusChanged(boolean hasFocus) {
+    if (getReactNativeHost().hasInstance()) {
+      getReactNativeHost().getReactInstanceManager().onWindowFocusChange(hasFocus);
+    }
+  }
+
   @TargetApi(Build.VERSION_CODES.M)
   public void requestPermissions(
-    String[] permissions,
-    int requestCode,
-    PermissionListener listener) {
+      String[] permissions, int requestCode, PermissionListener listener) {
     mPermissionListener = listener;
     getPlainActivity().requestPermissions(permissions, requestCode);
   }
 
   public void onRequestPermissionsResult(
-    final int requestCode,
-    final String[] permissions,
-    final int[] grantResults) {
-    mPermissionsCallback = new Callback() {
-      @Override
-      public void invoke(Object... args) {
-        if (mPermissionListener != null && mPermissionListener.onRequestPermissionsResult(requestCode, permissions, grantResults)) {
-          mPermissionListener = null;
-        }
-      }
-    };
+      final int requestCode, final String[] permissions, final int[] grantResults) {
+    mPermissionsCallback =
+        new Callback() {
+          @Override
+          public void invoke(Object... args) {
+            if (mPermissionListener != null
+                && mPermissionListener.onRequestPermissionsResult(
+                    requestCode, permissions, grantResults)) {
+              mPermissionListener = null;
+            }
+          }
+        };
   }
 
   protected Context getContext() {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactAndroidHWInputDeviceHelper.java b/ReactAndroid/src/main/java/com/facebook/react/ReactAndroidHWInputDeviceHelper.java
index 35bbf17ed012ab..7168f89f1cedf6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactAndroidHWInputDeviceHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactAndroidHWInputDeviceHelper.java
@@ -1,47 +1,42 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.view.KeyEvent;
 import android.view.View;
-
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.bridge.WritableNativeMap;
 import com.facebook.react.common.MapBuilder;
-
 import java.util.Map;
 
-/**
- * Responsible for dispatching events specific for hardware inputs.
- */
+/** Responsible for dispatching events specific for hardware inputs. */
 public class ReactAndroidHWInputDeviceHelper {
 
   /**
-   * Contains a mapping between handled KeyEvents and the corresponding navigation event
-   * that should be fired when the KeyEvent is received.
+   * Contains a mapping between handled KeyEvents and the corresponding navigation event that should
+   * be fired when the KeyEvent is received.
    */
-  private static final Map<Integer, String> KEY_EVENTS_ACTIONS = MapBuilder.<Integer, String>builder()
-    .put(KeyEvent.KEYCODE_DPAD_CENTER, "select")
-    .put(KeyEvent.KEYCODE_ENTER, "select")
-    .put(KeyEvent.KEYCODE_SPACE, "select")
-    .put(KeyEvent.KEYCODE_MEDIA_PLAY_PAUSE, "playPause")
-    .put(KeyEvent.KEYCODE_MEDIA_REWIND, "rewind")
-    .put(KeyEvent.KEYCODE_MEDIA_FAST_FORWARD, "fastForward")
-    .put(KeyEvent.KEYCODE_DPAD_UP, "up")
-    .put(KeyEvent.KEYCODE_DPAD_RIGHT, "right")
-    .put(KeyEvent.KEYCODE_DPAD_DOWN, "down")
-    .put(KeyEvent.KEYCODE_DPAD_LEFT, "left")
-    .build();
+  private static final Map<Integer, String> KEY_EVENTS_ACTIONS =
+      MapBuilder.<Integer, String>builder()
+          .put(KeyEvent.KEYCODE_DPAD_CENTER, "select")
+          .put(KeyEvent.KEYCODE_ENTER, "select")
+          .put(KeyEvent.KEYCODE_SPACE, "select")
+          .put(KeyEvent.KEYCODE_MEDIA_PLAY_PAUSE, "playPause")
+          .put(KeyEvent.KEYCODE_MEDIA_REWIND, "rewind")
+          .put(KeyEvent.KEYCODE_MEDIA_FAST_FORWARD, "fastForward")
+          .put(KeyEvent.KEYCODE_DPAD_UP, "up")
+          .put(KeyEvent.KEYCODE_DPAD_RIGHT, "right")
+          .put(KeyEvent.KEYCODE_DPAD_DOWN, "down")
+          .put(KeyEvent.KEYCODE_DPAD_LEFT, "left")
+          .build();
 
   /**
-   * We keep a reference to the last focused view id
-   * so that we can send it as a target for key events
-   * and be able to send a blur event when focus changes.
+   * We keep a reference to the last focused view id so that we can send it as a target for key
+   * events and be able to send a blur event when focus changes.
    */
   private int mLastFocusedViewId = View.NO_ID;
 
@@ -51,21 +46,17 @@ public class ReactAndroidHWInputDeviceHelper {
     this.mReactRootView = mReactRootView;
   }
 
-  /**
-   * Called from {@link ReactRootView}.
-   * This is the main place the key events are handled.
-   */
+  /** Called from {@link ReactRootView}. This is the main place the key events are handled. */
   public void handleKeyEvent(KeyEvent ev) {
     int eventKeyCode = ev.getKeyCode();
     int eventKeyAction = ev.getAction();
-    if (eventKeyAction == KeyEvent.ACTION_UP && KEY_EVENTS_ACTIONS.containsKey(eventKeyCode)) {
-      dispatchEvent(KEY_EVENTS_ACTIONS.get(eventKeyCode), mLastFocusedViewId);
+    if ((eventKeyAction == KeyEvent.ACTION_UP || eventKeyAction == KeyEvent.ACTION_DOWN)
+        && KEY_EVENTS_ACTIONS.containsKey(eventKeyCode)) {
+      dispatchEvent(KEY_EVENTS_ACTIONS.get(eventKeyCode), mLastFocusedViewId, eventKeyAction);
     }
   }
 
-  /**
-   * Called from {@link ReactRootView} when focused view changes.
-   */
+  /** Called from {@link ReactRootView} when focused view changes. */
   public void onFocusChanged(View newFocusedView) {
     if (mLastFocusedViewId == newFocusedView.getId()) {
       return;
@@ -77,9 +68,7 @@ public void onFocusChanged(View newFocusedView) {
     dispatchEvent("focus", newFocusedView.getId());
   }
 
-  /**
-   * Called from {@link ReactRootView} when the whole view hierarchy looses focus.
-   */
+  /** Called from {@link ReactRootView} when the whole view hierarchy looses focus. */
   public void clearFocus() {
     if (mLastFocusedViewId != View.NO_ID) {
       dispatchEvent("blur", mLastFocusedViewId);
@@ -88,8 +77,13 @@ public void clearFocus() {
   }
 
   private void dispatchEvent(String eventType, int targetViewId) {
+    dispatchEvent(eventType, targetViewId, -1);
+  }
+
+  private void dispatchEvent(String eventType, int targetViewId, int eventKeyAction) {
     WritableMap event = new WritableNativeMap();
     event.putString("eventType", eventType);
+    event.putInt("eventKeyAction", eventKeyAction);
     if (targetViewId != View.NO_ID) {
       event.putInt("tag", targetViewId);
     }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactApplication.java b/ReactAndroid/src/main/java/com/facebook/react/ReactApplication.java
index 0a63e0149ea45d..2f43646d7afb9c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactApplication.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactApplication.java
@@ -1,16 +1,13 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react;
 
 public interface ReactApplication {
 
-  /**
-   * Get the default {@link ReactNativeHost} for this app.
-   */
+  /** Get the default {@link ReactNativeHost} for this app. */
   ReactNativeHost getReactNativeHost();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactDelegate.java b/ReactAndroid/src/main/java/com/facebook/react/ReactDelegate.java
new file mode 100644
index 00000000000000..72013128388704
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactDelegate.java
@@ -0,0 +1,146 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * <p>This source 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.Intent;
+import android.os.Bundle;
+import android.view.KeyEvent;
+import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Assertions;
+import com.facebook.react.devsupport.DoubleTapReloadRecognizer;
+import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
+
+/**
+ * A delegate for handling React Application support. This delegate is unaware whether it is used in
+ * an {@link Activity} or a {@link android.app.Fragment}.
+ */
+public class ReactDelegate {
+
+  private final Activity mActivity;
+  private ReactRootView mReactRootView;
+
+  @Nullable private final String mMainComponentName;
+
+  @Nullable private Bundle mLaunchOptions;
+
+  @Nullable private DoubleTapReloadRecognizer mDoubleTapReloadRecognizer;
+
+  private ReactNativeHost mReactNativeHost;
+
+  public ReactDelegate(
+      Activity activity,
+      ReactNativeHost reactNativeHost,
+      @Nullable String appKey,
+      @Nullable Bundle launchOptions) {
+    mActivity = activity;
+    mMainComponentName = appKey;
+    mLaunchOptions = launchOptions;
+    mDoubleTapReloadRecognizer = new DoubleTapReloadRecognizer();
+    mReactNativeHost = reactNativeHost;
+  }
+
+  public void onHostResume() {
+    if (getReactNativeHost().hasInstance()) {
+      if (mActivity instanceof DefaultHardwareBackBtnHandler) {
+        getReactNativeHost()
+            .getReactInstanceManager()
+            .onHostResume(mActivity, (DefaultHardwareBackBtnHandler) mActivity);
+      } else {
+        throw new ClassCastException(
+            "Host Activity does not implement DefaultHardwareBackBtnHandler");
+      }
+    }
+  }
+
+  public void onHostPause() {
+    if (getReactNativeHost().hasInstance()) {
+      getReactNativeHost().getReactInstanceManager().onHostPause(mActivity);
+    }
+  }
+
+  public void onHostDestroy() {
+    if (mReactRootView != null) {
+      mReactRootView.unmountReactApplication();
+      mReactRootView = null;
+    }
+    if (getReactNativeHost().hasInstance()) {
+      getReactNativeHost().getReactInstanceManager().onHostDestroy(mActivity);
+    }
+  }
+
+  public boolean onBackPressed() {
+    if (getReactNativeHost().hasInstance()) {
+      getReactNativeHost().getReactInstanceManager().onBackPressed();
+      return true;
+    }
+    return false;
+  }
+
+  public void onActivityResult(
+      int requestCode, int resultCode, Intent data, boolean shouldForwardToReactInstance) {
+    if (getReactNativeHost().hasInstance() && shouldForwardToReactInstance) {
+      getReactNativeHost()
+          .getReactInstanceManager()
+          .onActivityResult(mActivity, requestCode, resultCode, data);
+    }
+  }
+
+  public void loadApp() {
+    loadApp(mMainComponentName);
+  }
+
+  public void loadApp(String appKey) {
+    if (mReactRootView != null) {
+      throw new IllegalStateException("Cannot loadApp while app is already running.");
+    }
+    mReactRootView = createRootView();
+    mReactRootView.startReactApplication(
+        getReactNativeHost().getReactInstanceManager(), appKey, mLaunchOptions);
+  }
+
+  public ReactRootView getReactRootView() {
+    return mReactRootView;
+  }
+
+  protected ReactRootView createRootView() {
+    return new ReactRootView(mActivity);
+  }
+
+  /**
+   * Handles delegating the {@link Activity#onKeyUp(int, KeyEvent)} method to determine whether the
+   * application should show the developer menu or should reload the React Application.
+   *
+   * @return true if we consume the event and either shoed the develop menu or reloaded the
+   *     application.
+   */
+  public boolean shouldShowDevMenuOrReload(int keyCode, KeyEvent event) {
+    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;
+      }
+    }
+    return false;
+  }
+
+  /** Get the {@link ReactNativeHost} used by this app. */
+  private ReactNativeHost getReactNativeHost() {
+    return mReactNativeHost;
+  }
+
+  public ReactInstanceManager getReactInstanceManager() {
+    return getReactNativeHost().getReactInstanceManager();
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactFragment.java b/ReactAndroid/src/main/java/com/facebook/react/ReactFragment.java
new file mode 100644
index 00000000000000..4f76241cc9948d
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactFragment.java
@@ -0,0 +1,202 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * <p>This source 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.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;
+import android.view.View;
+import android.view.ViewGroup;
+import androidx.annotation.Nullable;
+import androidx.fragment.app.Fragment;
+import com.facebook.react.modules.core.PermissionAwareActivity;
+import com.facebook.react.modules.core.PermissionListener;
+
+/**
+ * Fragment for creating a React View. This allows the developer to "embed" a React Application
+ * inside native components such as a Drawer, ViewPager, etc.
+ */
+public class ReactFragment extends Fragment implements PermissionAwareActivity {
+
+  private static final String ARG_COMPONENT_NAME = "arg_component_name";
+  private static final String ARG_LAUNCH_OPTIONS = "arg_launch_options";
+
+  private ReactDelegate mReactDelegate;
+
+  @Nullable private PermissionListener mPermissionListener;
+
+  public ReactFragment() {
+    // Required empty public constructor
+  }
+
+  /**
+   * @param componentName The name of the react native component
+   * @return A new instance of fragment ReactFragment.
+   */
+  private static ReactFragment newInstance(String componentName, Bundle launchOptions) {
+    ReactFragment fragment = new ReactFragment();
+    Bundle args = new Bundle();
+    args.putString(ARG_COMPONENT_NAME, componentName);
+    args.putBundle(ARG_LAUNCH_OPTIONS, launchOptions);
+    fragment.setArguments(args);
+    return fragment;
+  }
+
+  // region Lifecycle
+  @Override
+  public void onCreate(Bundle savedInstanceState) {
+    super.onCreate(savedInstanceState);
+    String mainComponentName = null;
+    Bundle launchOptions = null;
+    if (getArguments() != null) {
+      mainComponentName = getArguments().getString(ARG_COMPONENT_NAME);
+      launchOptions = getArguments().getBundle(ARG_LAUNCH_OPTIONS);
+    }
+    if (mainComponentName == null) {
+      throw new IllegalStateException("Cannot loadApp if component name is null");
+    }
+    mReactDelegate =
+        new ReactDelegate(getActivity(), getReactNativeHost(), mainComponentName, launchOptions);
+  }
+
+  /**
+   * Get the {@link ReactNativeHost} used by this app. By default, assumes {@link
+   * Activity#getApplication()} is an instance of {@link ReactApplication} and calls {@link
+   * ReactApplication#getReactNativeHost()}. Override this method if your application class does not
+   * implement {@code ReactApplication} or you simply have a different mechanism for storing a
+   * {@code ReactNativeHost}, e.g. as a static field somewhere.
+   */
+  protected ReactNativeHost getReactNativeHost() {
+    return ((ReactApplication) getActivity().getApplication()).getReactNativeHost();
+  }
+
+  @Override
+  public View onCreateView(
+      LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
+    mReactDelegate.loadApp();
+    return mReactDelegate.getReactRootView();
+  }
+
+  @Override
+  public void onResume() {
+    super.onResume();
+    mReactDelegate.onHostResume();
+  }
+
+  @Override
+  public void onPause() {
+    super.onPause();
+    mReactDelegate.onHostPause();
+  }
+
+  @Override
+  public void onDestroy() {
+    super.onDestroy();
+    mReactDelegate.onHostDestroy();
+  }
+  // endregion
+
+  @Override
+  public void onActivityResult(int requestCode, int resultCode, Intent data) {
+    super.onActivityResult(requestCode, resultCode, data);
+    mReactDelegate.onActivityResult(requestCode, resultCode, data, false);
+  }
+
+  /**
+   * Helper to forward hardware back presses to our React Native Host
+   *
+   * <p>This must be called via a forward from your host Activity
+   */
+  public boolean onBackPressed() {
+    return mReactDelegate.onBackPressed();
+  }
+
+  /**
+   * Helper to forward onKeyUp commands from our host Activity. This allows ReactFragment to handle
+   * double tap reloads and dev menus
+   *
+   * <p>This must be called via a forward from your host Activity
+   *
+   * @param keyCode keyCode
+   * @param event event
+   * @return true if we handled onKeyUp
+   */
+  public boolean onKeyUp(int keyCode, KeyEvent event) {
+    return mReactDelegate.shouldShowDevMenuOrReload(keyCode, event);
+  }
+
+  @Override
+  public void onRequestPermissionsResult(
+      int requestCode, String[] permissions, int[] grantResults) {
+    super.onRequestPermissionsResult(requestCode, permissions, grantResults);
+    if (mPermissionListener != null
+        && mPermissionListener.onRequestPermissionsResult(requestCode, permissions, grantResults)) {
+      mPermissionListener = null;
+    }
+  }
+
+  @Override
+  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) {
+    mPermissionListener = listener;
+    requestPermissions(permissions, requestCode);
+  }
+
+  /** Builder class to help instantiate a ReactFragment */
+  public static class Builder {
+
+    String mComponentName;
+    Bundle mLaunchOptions;
+
+    public Builder() {
+      mComponentName = null;
+      mLaunchOptions = null;
+    }
+
+    /**
+     * Set the Component name for our React Native instance.
+     *
+     * @param componentName The name of the component
+     * @return Builder
+     */
+    public Builder setComponentName(String componentName) {
+      mComponentName = componentName;
+      return this;
+    }
+
+    /**
+     * Set the Launch Options for our React Native instance.
+     *
+     * @param launchOptions launchOptions
+     * @return Builder
+     */
+    public Builder setLaunchOptions(Bundle launchOptions) {
+      mLaunchOptions = launchOptions;
+      return this;
+    }
+
+    public ReactFragment build() {
+      return ReactFragment.newInstance(mComponentName, mLaunchOptions);
+    }
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactFragmentActivity.java b/ReactAndroid/src/main/java/com/facebook/react/ReactFragmentActivity.java
index 029909d47cd0aa..131e97c2c1c91a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactFragmentActivity.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactFragmentActivity.java
@@ -1,17 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react;
 
 /**
- * @deprecated
- * ReactFragmentActivity will be removed in 0.59 release.
- * Use {@link ReactActivity} instead.
+ * @deprecated ReactFragmentActivity will be removed in 0.59 release. Use {@link ReactActivity}
+ *     instead.
  */
 @Deprecated
-public abstract class ReactFragmentActivity extends ReactActivity {
-}
+public abstract class ReactFragmentActivity extends ReactActivity {}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManager.java b/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManager.java
index 022eb1cf58b653..ec98de63758763 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManager.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 static com.facebook.infer.annotation.ThreadConfined.UI;
@@ -12,6 +11,7 @@
 import static com.facebook.react.bridge.ReactMarkerConstants.ATTACH_MEASURED_ROOT_VIEWS_START;
 import static com.facebook.react.bridge.ReactMarkerConstants.BUILD_NATIVE_MODULE_REGISTRY_END;
 import static com.facebook.react.bridge.ReactMarkerConstants.BUILD_NATIVE_MODULE_REGISTRY_START;
+import static com.facebook.react.bridge.ReactMarkerConstants.CHANGE_THREAD_PRIORITY;
 import static com.facebook.react.bridge.ReactMarkerConstants.CREATE_CATALYST_INSTANCE_END;
 import static com.facebook.react.bridge.ReactMarkerConstants.CREATE_CATALYST_INSTANCE_START;
 import static com.facebook.react.bridge.ReactMarkerConstants.CREATE_REACT_CONTEXT_START;
@@ -25,7 +25,6 @@
 import static com.facebook.react.bridge.ReactMarkerConstants.REACT_CONTEXT_THREAD_START;
 import static com.facebook.react.bridge.ReactMarkerConstants.SETUP_REACT_CONTEXT_END;
 import static com.facebook.react.bridge.ReactMarkerConstants.SETUP_REACT_CONTEXT_START;
-import static com.facebook.react.bridge.ReactMarkerConstants.CHANGE_THREAD_PRIORITY;
 import static com.facebook.react.bridge.ReactMarkerConstants.VM_INIT;
 import static com.facebook.react.uimanager.common.UIManagerType.FABRIC;
 import static com.facebook.systrace.Systrace.TRACE_TAG_REACT_APPS;
@@ -38,9 +37,10 @@
 import android.net.Uri;
 import android.os.Bundle;
 import android.os.Process;
-import androidx.core.view.ViewCompat;
 import android.util.Log;
 import android.view.View;
+import androidx.annotation.Nullable;
+import androidx.core.view.ViewCompat;
 import com.facebook.common.logging.FLog;
 import com.facebook.debug.holder.PrinterHolder;
 import com.facebook.debug.tags.ReactDebugOverlayTags;
@@ -52,6 +52,7 @@
 import com.facebook.react.bridge.CatalystInstanceImpl;
 import com.facebook.react.bridge.JSBundleLoader;
 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,6 +72,7 @@
 import com.facebook.react.common.LifecycleState;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.common.annotations.VisibleForTesting;
+import com.facebook.react.config.ReactFeatureFlags;
 import com.facebook.react.devsupport.DevSupportManagerFactory;
 import com.facebook.react.devsupport.ReactInstanceManagerDevHelper;
 import com.facebook.react.devsupport.RedBoxHandler;
@@ -101,32 +103,29 @@
 import java.util.List;
 import java.util.Map;
 import java.util.Set;
-import javax.annotation.Nullable;
 
 /**
  * This class is managing instances of {@link CatalystInstance}. It exposes a way to configure
- * catalyst instance using {@link ReactPackage} and keeps track of the lifecycle of that
- * instance. It also sets up connection between the instance and developers support functionality
- * of the framework.
+ * catalyst instance using {@link ReactPackage} and keeps track of the lifecycle of that instance.
+ * It also sets up connection between the instance and developers support functionality of the
+ * framework.
  *
- * An instance of this manager is required to start JS application in {@link ReactRootView} (see
+ * <p>An instance of this manager is required to start JS application in {@link ReactRootView} (see
  * {@link ReactRootView#startReactApplication} for more info).
  *
- * The lifecycle of the instance of {@link ReactInstanceManager} should be bound to the
- * activity that owns the {@link ReactRootView} that is used to render react application using this
- * instance manager (see {@link ReactRootView#startReactApplication}). It's required to pass owning
+ * <p>The lifecycle of the instance of {@link ReactInstanceManager} should be bound to the activity
+ * that owns the {@link ReactRootView} that is used to render react application using this instance
+ * manager (see {@link ReactRootView#startReactApplication}). It's required to pass owning
  * activity's lifecycle events to the instance manager (see {@link #onHostPause}, {@link
  * #onHostDestroy} and {@link #onHostResume}).
  *
- * To instantiate an instance of this class use {@link #builder}.
+ * <p>To instantiate an instance of this class use {@link #builder}.
  */
 @ThreadSafe
 public class ReactInstanceManager {
 
   private static final String TAG = ReactInstanceManager.class.getSimpleName();
-  /**
-   * Listener interface for react instance events.
-   */
+  /** Listener interface for react instance events. */
   public interface ReactInstanceEventListener {
 
     /**
@@ -136,8 +135,8 @@ public interface ReactInstanceEventListener {
     void onReactContextInitialized(ReactContext context);
   }
 
-  private final Set<ReactRoot> mAttachedReactRoots = Collections.synchronizedSet(
-    new HashSet<ReactRoot>());
+  private final Set<ReactRoot> mAttachedReactRoots =
+      Collections.synchronizedSet(new HashSet<ReactRoot>());
 
   private volatile LifecycleState mLifecycleState;
 
@@ -158,7 +157,7 @@ public interface ReactInstanceEventListener {
   private @Nullable @ThreadConfined(UI) DefaultHardwareBackBtnHandler mDefaultBackButtonImpl;
   private @Nullable Activity mCurrentActivity;
   private final Collection<ReactInstanceEventListener> mReactInstanceEventListeners =
-      Collections.synchronizedSet(new HashSet<ReactInstanceEventListener>());
+      Collections.synchronizedList(new ArrayList<ReactInstanceEventListener>());
   // Identifies whether the instance manager is or soon will be initialized (on background thread)
   private volatile boolean mHasStartedCreatingInitialContext = false;
   // Identifies whether the instance manager destroy function is in process,
@@ -174,8 +173,7 @@ private class ReactContextInitParams {
     private final JSBundleLoader mJsBundleLoader;
 
     public ReactContextInitParams(
-        JavaScriptExecutorFactory jsExecutorFactory,
-        JSBundleLoader jsBundleLoader) {
+        JavaScriptExecutorFactory jsExecutorFactory, JSBundleLoader jsBundleLoader) {
       mJsExecutorFactory = Assertions.assertNotNull(jsExecutorFactory);
       mJsBundleLoader = Assertions.assertNotNull(jsBundleLoader);
     }
@@ -189,33 +187,31 @@ public JSBundleLoader getJsBundleLoader() {
     }
   }
 
-  /**
-   * Creates a builder that is capable of creating an instance of {@link ReactInstanceManager}.
-   */
+  /** Creates a builder that is capable of creating an instance of {@link ReactInstanceManager}. */
   public static ReactInstanceManagerBuilder builder() {
     return new ReactInstanceManagerBuilder();
   }
 
   /* package */ ReactInstanceManager(
-    Context applicationContext,
-    @Nullable Activity currentActivity,
-    @Nullable DefaultHardwareBackBtnHandler defaultHardwareBackBtnHandler,
-    JavaScriptExecutorFactory javaScriptExecutorFactory,
-    @Nullable JSBundleLoader bundleLoader,
-    @Nullable String jsMainModulePath,
-    List<ReactPackage> packages,
-    boolean useDeveloperSupport,
-    @Nullable NotThreadSafeBridgeIdleDebugListener bridgeIdleDebugListener,
-    LifecycleState initialLifecycleState,
-    @Nullable UIImplementationProvider mUIImplementationProvider,
-    NativeModuleCallExceptionHandler nativeModuleCallExceptionHandler,
-    @Nullable RedBoxHandler redBoxHandler,
-    boolean lazyViewManagersEnabled,
-    @Nullable DevBundleDownloadListener devBundleDownloadListener,
-    int minNumShakes,
-    int minTimeLeftInFrameForNonBatchedOperationMs,
-    @Nullable JSIModulePackage jsiModulePackage,
-    @Nullable Map<String, RequestHandler> customPackagerCommandHandlers) {
+      Context applicationContext,
+      @Nullable Activity currentActivity,
+      @Nullable DefaultHardwareBackBtnHandler defaultHardwareBackBtnHandler,
+      JavaScriptExecutorFactory javaScriptExecutorFactory,
+      @Nullable JSBundleLoader bundleLoader,
+      @Nullable String jsMainModulePath,
+      List<ReactPackage> packages,
+      boolean useDeveloperSupport,
+      @Nullable NotThreadSafeBridgeIdleDebugListener bridgeIdleDebugListener,
+      LifecycleState initialLifecycleState,
+      @Nullable UIImplementationProvider mUIImplementationProvider,
+      NativeModuleCallExceptionHandler nativeModuleCallExceptionHandler,
+      @Nullable RedBoxHandler redBoxHandler,
+      boolean lazyViewManagersEnabled,
+      @Nullable DevBundleDownloadListener devBundleDownloadListener,
+      int minNumShakes,
+      int minTimeLeftInFrameForNonBatchedOperationMs,
+      @Nullable JSIModulePackage jsiModulePackage,
+      @Nullable Map<String, RequestHandler> customPackagerCommandHandlers) {
     Log.d(ReactConstants.TAG, "ReactInstanceManager.ctor()");
     initializeSoLoaderIfNecessary(applicationContext);
 
@@ -296,9 +292,18 @@ public void toggleElementInspector() {
       public @Nullable Activity getCurrentActivity() {
         return ReactInstanceManager.this.mCurrentActivity;
       }
+
+      @Override
+      public JavaScriptExecutorFactory getJavaScriptExecutorFactory() {
+        return ReactInstanceManager.this.getJSExecutorFactory();
+      }
     };
   }
 
+  private JavaScriptExecutorFactory getJSExecutorFactory() {
+    return mJavaScriptExecutorFactory;
+  }
+
   public DevSupportManager getDevSupportManager() {
     return mDevSupportManager;
   }
@@ -307,6 +312,10 @@ public MemoryPressureRouter getMemoryPressureRouter() {
     return mMemoryPressureRouter;
   }
 
+  public List<ReactPackage> getPackages() {
+    return new ArrayList<>(mPackages);
+  }
+
   private 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
@@ -320,24 +329,20 @@ private static void initializeSoLoaderIfNecessary(Context applicationContext) {
 
   /**
    * Trigger react context initialization asynchronously in a background async task. This enables
-   * applications to pre-load the application JS, and execute global code before
-   * {@link ReactRootView} is available and measured. This should only be called the first time the
-   * application is set up, which is enforced to keep developers from accidentally creating their
-   * application multiple times without realizing it.
+   * applications to pre-load the application JS, and execute global code before {@link
+   * ReactRootView} is available and measured.
    *
-   * Called from UI thread.
+   * <p>Called from UI thread.
    */
   @ThreadConfined(UI)
   public void createReactContextInBackground() {
     Log.d(ReactConstants.TAG, "ReactInstanceManager.createReactContextInBackground()");
-    Assertions.assertCondition(
-        !mHasStartedCreatingInitialContext,
-        "createReactContextInBackground should only be called when creating the react " +
-            "application for the first time. When reloading JS, e.g. from a new file, explicitly" +
-            "use recreateReactContextInBackground");
-
-    mHasStartedCreatingInitialContext = true;
-    recreateReactContextInBackgroundInner();
+    UiThreadUtil
+        .assertOnUiThread(); // Assert before setting mHasStartedCreatingInitialContext = true
+    if (!mHasStartedCreatingInitialContext) {
+      mHasStartedCreatingInitialContext = true;
+      recreateReactContextInBackgroundInner();
+    }
   }
 
   /**
@@ -351,8 +356,8 @@ public void createReactContextInBackground() {
   public void recreateReactContextInBackground() {
     Assertions.assertCondition(
         mHasStartedCreatingInitialContext,
-        "recreateReactContextInBackground should only be called after the initial " +
-            "createReactContextInBackground call.");
+        "recreateReactContextInBackground should only be called after the initial "
+            + "createReactContextInBackground call.");
     recreateReactContextInBackgroundInner();
   }
 
@@ -366,15 +371,6 @@ private void recreateReactContextInBackgroundInner() {
     if (mUseDeveloperSupport && mJSMainModulePath != null) {
       final DeveloperSettings devSettings = mDevSupportManager.getDevSettings();
 
-      // If remote JS debugging is enabled, load from dev server.
-      if (mDevSupportManager.hasUpToDateJSBundleInCache() &&
-          !devSettings.isRemoteJSDebugEnabled()) {
-        // If there is a up-to-date bundle downloaded from server,
-        // with remote JS debugging disabled, always use that.
-        onJSBundleLoadedFromServer(null);
-        return;
-      }
-
       if (!Systrace.isTracing(TRACE_TAG_REACT_APPS | TRACE_TAG_REACT_JS_VM_CALLS)) {
         if (mBundleLoader == null) {
           mDevSupportManager.handleReloadJS();
@@ -389,6 +385,11 @@ public void onPackagerStatusFetched(final boolean packagerIsRunning) {
                         public void run() {
                           if (packagerIsRunning) {
                             mDevSupportManager.handleReloadJS();
+                          } else if (mDevSupportManager.hasUpToDateJSBundleInCache()
+                              && !devSettings.isRemoteJSDebugEnabled()) {
+                            // If there is a up-to-date bundle downloaded from server,
+                            // with remote JS debugging disabled, always use that.
+                            onJSBundleLoadedFromServer(null);
                           } else {
                             // If dev server is down, disable the remote JS debugging.
                             devSettings.setRemoteJSDebugEnabled(false);
@@ -409,8 +410,8 @@ public void run() {
   @ThreadConfined(UI)
   private void recreateReactContextInBackgroundFromBundleLoader() {
     Log.d(
-      ReactConstants.TAG,
-      "ReactInstanceManager.recreateReactContextInBackgroundFromBundleLoader()");
+        ReactConstants.TAG,
+        "ReactInstanceManager.recreateReactContextInBackgroundFromBundleLoader()");
     PrinterHolder.getPrinter()
         .logMessage(ReactDebugOverlayTags.RN_CORE, "RNCore: load from BundleLoader");
     recreateReactContextInBackground(mJavaScriptExecutorFactory, mBundleLoader);
@@ -418,7 +419,7 @@ private void recreateReactContextInBackgroundFromBundleLoader() {
 
   /**
    * @return whether createReactContextInBackground has been called. Will return false after
-   * onDestroy until a new initial context has been created.
+   *     onDestroy until a new initial context has been created.
    */
   public boolean hasStartedCreatingInitialContext() {
     return mHasStartedCreatingInitialContext;
@@ -437,7 +438,7 @@ public void onBackPressed() {
       invokeDefaultOnBackPressed();
     } else {
       DeviceEventManagerModule deviceEventManagerModule =
-        reactContext.getNativeModule(DeviceEventManagerModule.class);
+          reactContext.getNativeModule(DeviceEventManagerModule.class);
       deviceEventManagerModule.emitHardwareBackPressed();
     }
   }
@@ -449,9 +450,7 @@ private void invokeDefaultOnBackPressed() {
     }
   }
 
-  /**
-   * This method will give JS the opportunity to receive intents via Linking.
-   */
+  /** This method will give JS the opportunity to receive intents via Linking. */
   @ThreadConfined(UI)
   public void onNewIntent(Intent intent) {
     UiThreadUtil.assertOnUiThread();
@@ -464,7 +463,7 @@ public void onNewIntent(Intent intent) {
 
       if (Intent.ACTION_VIEW.equals(action) && uri != null) {
         DeviceEventManagerModule deviceEventManagerModule =
-          currentContext.getNativeModule(DeviceEventManagerModule.class);
+            currentContext.getNativeModule(DeviceEventManagerModule.class);
         deviceEventManagerModule.emitNewIntentReceived(uri);
       }
       currentContext.onNewIntent(mCurrentActivity, intent);
@@ -501,8 +500,8 @@ public void onHostPause() {
   /**
    * Call this from {@link Activity#onPause()}. This notifies any listening modules so they can do
    * any necessary cleanup. The passed Activity is the current Activity being paused. This will
-   * always be the foreground activity that would be returned by
-   * {@link ReactContext#getCurrentActivity()}.
+   * always be the foreground activity that would be returned by {@link
+   * ReactContext#getCurrentActivity()}.
    *
    * @param activity the activity being paused
    */
@@ -510,23 +509,26 @@ public void onHostPause() {
   public void onHostPause(Activity activity) {
     Assertions.assertNotNull(mCurrentActivity);
     Assertions.assertCondition(
-      activity == mCurrentActivity,
-      "Pausing an activity that is not the current activity, this is incorrect! " +
-        "Current activity: " + mCurrentActivity.getClass().getSimpleName() + " " +
-        "Paused activity: " + activity.getClass().getSimpleName());
+        activity == mCurrentActivity,
+        "Pausing an activity that is not the current activity, this is incorrect! "
+            + "Current activity: "
+            + mCurrentActivity.getClass().getSimpleName()
+            + " "
+            + "Paused activity: "
+            + activity.getClass().getSimpleName());
     onHostPause();
   }
 
   /**
    * Use this method when the activity resumes to enable invoking the back button directly from JS.
    *
-   * This method retains an instance to provided mDefaultBackButtonImpl. Thus it's important to pass
-   * from the activity instance that owns this particular instance of {@link
-   * ReactInstanceManager}, so that once this instance receive {@link #onHostDestroy} event it
-   * will clear the reference to that defaultBackButtonImpl.
+   * <p>This method retains an instance to provided mDefaultBackButtonImpl. Thus it's important to
+   * pass from the activity instance that owns this particular instance of {@link
+   * ReactInstanceManager}, so that once this instance receive {@link #onHostDestroy} event it will
+   * clear the reference to that defaultBackButtonImpl.
    *
    * @param defaultBackButtonImpl a {@link DefaultHardwareBackBtnHandler} from an Activity that owns
-   * this instance of {@link ReactInstanceManager}.
+   *     this instance of {@link ReactInstanceManager}.
    */
   @ThreadConfined(UI)
   public void onHostResume(Activity activity, DefaultHardwareBackBtnHandler defaultBackButtonImpl) {
@@ -536,9 +538,7 @@ public void onHostResume(Activity activity, DefaultHardwareBackBtnHandler defaul
     onHostResume(activity);
   }
 
-  /**
-   * Use this method when the activity resumes.
-   */
+  /** Use this method when the activity resumes. */
   @ThreadConfined(UI)
   public void onHostResume(Activity activity) {
     UiThreadUtil.assertOnUiThread();
@@ -558,19 +558,20 @@ public void onHostResume(Activity activity) {
       // We check if activity is attached to window by checking if decor view is attached
       final View decorView = mCurrentActivity.getWindow().getDecorView();
       if (!ViewCompat.isAttachedToWindow(decorView)) {
-        decorView.addOnAttachStateChangeListener(new View.OnAttachStateChangeListener() {
-          @Override
-          public void onViewAttachedToWindow(View v) {
-            // we can drop listener now that we know the view is attached
-            decorView.removeOnAttachStateChangeListener(this);
-            mDevSupportManager.setDevSupportEnabled(true);
-          }
+        decorView.addOnAttachStateChangeListener(
+            new View.OnAttachStateChangeListener() {
+              @Override
+              public void onViewAttachedToWindow(View v) {
+                // we can drop listener now that we know the view is attached
+                decorView.removeOnAttachStateChangeListener(this);
+                mDevSupportManager.setDevSupportEnabled(true);
+              }
 
-          @Override
-          public void onViewDetachedFromWindow(View v) {
-            // do nothing
-          }
-        });
+              @Override
+              public void onViewDetachedFromWindow(View v) {
+                // do nothing
+              }
+            });
       } else {
         // activity is attached to window, we can enable dev support immediately
         mDevSupportManager.setDevSupportEnabled(true);
@@ -612,9 +613,7 @@ public void onHostDestroy(Activity activity) {
     }
   }
 
-  /**
-   * Destroy this React instance and the attached JS context.
-   */
+  /** Destroy this React instance and the attached JS context. */
   @ThreadConfined(UI)
   public void destroy() {
     UiThreadUtil.assertOnUiThread();
@@ -655,9 +654,9 @@ private synchronized void moveToResumedLifecycleState(boolean force) {
     ReactContext currentContext = getCurrentReactContext();
     if (currentContext != null) {
       // we currently don't have an onCreate callback so we call onResume for both transitions
-      if (force ||
-          mLifecycleState == LifecycleState.BEFORE_RESUME ||
-          mLifecycleState == LifecycleState.BEFORE_CREATE) {
+      if (force
+          || mLifecycleState == LifecycleState.BEFORE_RESUME
+          || mLifecycleState == LifecycleState.BEFORE_CREATE) {
         currentContext.onHostResume(mCurrentActivity);
       }
     }
@@ -705,6 +704,15 @@ public void onActivityResult(Activity activity, int requestCode, int resultCode,
     }
   }
 
+  @ThreadConfined(UI)
+  public void onWindowFocusChange(boolean hasFocus) {
+    UiThreadUtil.assertOnUiThread();
+    ReactContext currentContext = getCurrentReactContext();
+    if (currentContext != null) {
+      currentContext.onWindowFocusChange(hasFocus);
+    }
+  }
+
   @ThreadConfined(UI)
   public void showDevOptionsDialog() {
     UiThreadUtil.assertOnUiThread();
@@ -720,9 +728,9 @@ private void clearReactRoot(ReactRoot reactRoot) {
    * Attach given {@param reactRoot} to a catalyst instance manager and start JS application using
    * JS module provided by {@link ReactRootView#getJSModuleName}. If the react context is currently
    * being (re)-created, or if react context has not been created yet, the JS application associated
-   * with the provided reactRoot reactRoot will be started asynchronously, i.e this method won't block.
-   * This reactRoot will then be tracked by this manager and in case of catalyst instance restart it will
-   * be re-attached.
+   * with the provided reactRoot reactRoot will be started asynchronously, i.e this method won't
+   * block. This reactRoot will then be tracked by this manager and in case of catalyst instance
+   * restart it will be re-attached.
    */
   @ThreadConfined(UI)
   public void attachRootView(ReactRoot reactRoot) {
@@ -733,7 +741,8 @@ public void attachRootView(ReactRoot reactRoot) {
     clearReactRoot(reactRoot);
 
     // If react context is being created in the background, JS application will be started
-    // automatically when creation completes, as reactRoot reactRoot is part of the attached reactRoot reactRoot list.
+    // automatically when creation completes, as reactRoot reactRoot is part of the attached
+    // reactRoot reactRoot list.
     ReactContext currentContext = getCurrentReactContext();
     if (mCreateReactContextThread == null && currentContext != null) {
       attachRootViewToInstance(reactRoot);
@@ -759,9 +768,7 @@ public void detachRootView(ReactRoot reactRoot) {
     }
   }
 
-  /**
-   * Uses configured {@link ReactPackage} instances to create all view managers.
-   */
+  /** Uses configured {@link ReactPackage} instances to create all view managers. */
   public List<ViewManager> getOrCreateViewManagers(
       ReactApplicationContext catalystApplicationContext) {
     ReactMarker.logMarker(CREATE_VIEW_MANAGERS_START);
@@ -812,7 +819,7 @@ public List<ViewManager> getOrCreateViewManagers(
   public @Nullable List<String> getViewManagerNames() {
     Systrace.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "ReactInstanceManager.getViewManagerNames");
     ReactApplicationContext context;
-    synchronized(mReactContextLock) {
+    synchronized (mReactContextLock) {
       context = (ReactApplicationContext) getCurrentReactContext();
       if (context == null || !context.hasActiveCatalystInstance()) {
         return null;
@@ -822,9 +829,10 @@ public List<ViewManager> getOrCreateViewManagers(
     synchronized (mPackages) {
       Set<String> uniqueNames = new HashSet<>();
       for (ReactPackage reactPackage : mPackages) {
-        SystraceMessage.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "ReactInstanceManager.getViewManagerName")
-          .arg("Package", reactPackage.getClass().getSimpleName())
-          .flush();
+        SystraceMessage.beginSection(
+                TRACE_TAG_REACT_JAVA_BRIDGE, "ReactInstanceManager.getViewManagerName")
+            .arg("Package", reactPackage.getClass().getSimpleName())
+            .flush();
         if (reactPackage instanceof ViewManagerOnDemandReactPackage) {
           List<String> names =
               ((ViewManagerOnDemandReactPackage) reactPackage).getViewManagerNames(context);
@@ -839,16 +847,12 @@ public List<ViewManager> getOrCreateViewManagers(
     }
   }
 
-  /**
-   * Add a listener to be notified of react instance events.
-   */
+  /** Add a listener to be notified of react instance events. */
   public void addReactInstanceEventListener(ReactInstanceEventListener listener) {
     mReactInstanceEventListeners.add(listener);
   }
 
-  /**
-   * Remove a listener previously added with {@link #addReactInstanceEventListener}.
-   */
+  /** Remove a listener previously added with {@link #addReactInstanceEventListener}. */
   public void removeReactInstanceEventListener(ReactInstanceEventListener listener) {
     mReactInstanceEventListeners.remove(listener);
   }
@@ -882,26 +886,24 @@ private void onReloadWithJSDebugger(JavaJSExecutor.Factory jsExecutorFactory) {
   private void onJSBundleLoadedFromServer(@Nullable NativeDeltaClient nativeDeltaClient) {
     Log.d(ReactConstants.TAG, "ReactInstanceManager.onJSBundleLoadedFromServer()");
 
-    JSBundleLoader bundleLoader = nativeDeltaClient == null
-        ? JSBundleLoader.createCachedBundleFromNetworkLoader(
-            mDevSupportManager.getSourceUrl(),
-            mDevSupportManager.getDownloadedJSBundleFile())
-        : JSBundleLoader.createDeltaFromNetworkLoader(
-            mDevSupportManager.getSourceUrl(), nativeDeltaClient);
+    JSBundleLoader bundleLoader =
+        nativeDeltaClient == null
+            ? JSBundleLoader.createCachedBundleFromNetworkLoader(
+                mDevSupportManager.getSourceUrl(), mDevSupportManager.getDownloadedJSBundleFile())
+            : JSBundleLoader.createDeltaFromNetworkLoader(
+                mDevSupportManager.getSourceUrl(), nativeDeltaClient);
 
     recreateReactContextInBackground(mJavaScriptExecutorFactory, bundleLoader);
   }
 
   @ThreadConfined(UI)
   private void recreateReactContextInBackground(
-    JavaScriptExecutorFactory jsExecutorFactory,
-    JSBundleLoader jsBundleLoader) {
+      JavaScriptExecutorFactory jsExecutorFactory, JSBundleLoader jsBundleLoader) {
     Log.d(ReactConstants.TAG, "ReactInstanceManager.recreateReactContextInBackground()");
     UiThreadUtil.assertOnUiThread();
 
-    final ReactContextInitParams initParams = new ReactContextInitParams(
-      jsExecutorFactory,
-      jsBundleLoader);
+    final ReactContextInitParams initParams =
+        new ReactContextInitParams(jsExecutorFactory, jsBundleLoader);
     if (mCreateReactContextThread == null) {
       runCreateReactContextOnNewThread(initParams);
     } else {
@@ -938,7 +940,8 @@ public void run() {
                     }
                   }
                 }
-                // As destroy() may have run and set this to false, ensure that it is true before we create
+                // As destroy() may have run and set this to false, ensure that it is true before we
+                // create
                 mHasStartedCreatingInitialContext = true;
 
                 try {
@@ -999,6 +1002,7 @@ private void setupReactContext(final ReactApplicationContext reactContext) {
           Assertions.assertNotNull(reactContext.getCatalystInstance());
 
       catalystInstance.initialize();
+
       mDevSupportManager.onNewReactContextCreated(reactContext);
       mMemoryPressureRouter.addMemoryPressureListener(catalystInstance);
       moveReactContextToCurrentLifecycleState();
@@ -1011,7 +1015,7 @@ private void setupReactContext(final ReactApplicationContext reactContext) {
     }
 
     ReactInstanceEventListener[] listeners =
-      new ReactInstanceEventListener[mReactInstanceEventListeners.size()];
+        new ReactInstanceEventListener[mReactInstanceEventListeners.size()];
     final ReactInstanceEventListener[] finalListeners =
         mReactInstanceEventListeners.toArray(listeners);
 
@@ -1046,20 +1050,30 @@ public void run() {
   private void attachRootViewToInstance(final ReactRoot reactRoot) {
     Log.d(ReactConstants.TAG, "ReactInstanceManager.attachRootViewToInstance()");
     Systrace.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "attachRootViewToInstance");
-    UIManager uiManagerModule = UIManagerHelper.getUIManager(mCurrentReactContext, reactRoot.getUIManagerType());
+    UIManager uiManager =
+        UIManagerHelper.getUIManager(mCurrentReactContext, reactRoot.getUIManagerType());
 
     @Nullable Bundle initialProperties = reactRoot.getAppProperties();
-    final int rootTag = uiManagerModule.addRootView(
-      reactRoot.getRootViewGroup(),
-      initialProperties == null ?
-            new WritableNativeMap() : Arguments.fromBundle(initialProperties),
-        reactRoot.getInitialUITemplate());
+
+    final int rootTag =
+        uiManager.addRootView(
+            reactRoot.getRootViewGroup(),
+            initialProperties == null
+                ? new WritableNativeMap()
+                : Arguments.fromBundle(initialProperties),
+            reactRoot.getInitialUITemplate());
     reactRoot.setRootViewTag(rootTag);
-    reactRoot.runApplication();
+    if (reactRoot.getUIManagerType() == FABRIC) {
+      // Fabric requires to call updateRootLayoutSpecs before starting JS Application,
+      // this ensures the root will hace the correct pointScaleFactor.
+      uiManager.updateRootLayoutSpecs(
+          rootTag, reactRoot.getWidthMeasureSpec(), reactRoot.getHeightMeasureSpec());
+      reactRoot.setShouldLogContentAppeared(true);
+    } else {
+      reactRoot.runApplication();
+    }
     Systrace.beginAsyncSection(
-      TRACE_TAG_REACT_JAVA_BRIDGE,
-      "pre_rootView.onAttachedToReactInstance",
-      rootTag);
+        TRACE_TAG_REACT_JAVA_BRIDGE, "pre_rootView.onAttachedToReactInstance", rootTag);
     UiThreadUtil.runOnUiThread(
         new Runnable() {
           @Override
@@ -1072,19 +1086,18 @@ public void run() {
     Systrace.endSection(TRACE_TAG_REACT_JAVA_BRIDGE);
   }
 
-  private void detachViewFromInstance(
-      ReactRoot reactRoot,
-      CatalystInstance catalystInstance) {
+  private void detachViewFromInstance(ReactRoot reactRoot, CatalystInstance catalystInstance) {
     Log.d(ReactConstants.TAG, "ReactInstanceManager.detachViewFromInstance()");
     UiThreadUtil.assertOnUiThread();
     if (reactRoot.getUIManagerType() == FABRIC) {
-      catalystInstance.getJSModule(ReactFabric.class)
-        .unmountComponentAtNode(reactRoot.getRootViewTag());
+      catalystInstance
+          .getJSModule(ReactFabric.class)
+          .unmountComponentAtNode(reactRoot.getRootViewTag());
     } else {
-      catalystInstance.getJSModule(AppRegistry.class)
-        .unmountApplicationComponentAtRootTag(reactRoot.getRootViewTag());
+      catalystInstance
+          .getJSModule(AppRegistry.class)
+          .unmountApplicationComponentAtRootTag(reactRoot.getRootViewTag());
     }
-
   }
 
   private void tearDownReactContext(ReactContext reactContext) {
@@ -1105,29 +1118,28 @@ private void tearDownReactContext(ReactContext reactContext) {
     mMemoryPressureRouter.removeMemoryPressureListener(reactContext.getCatalystInstance());
   }
 
-  /**
-   * @return instance of {@link ReactContext} configured a {@link CatalystInstance} set
-   */
+  /** @return instance of {@link ReactContext} configured a {@link CatalystInstance} set */
   private ReactApplicationContext createReactContext(
-      JavaScriptExecutor jsExecutor,
-      JSBundleLoader jsBundleLoader) {
+      JavaScriptExecutor jsExecutor, JSBundleLoader jsBundleLoader) {
     Log.d(ReactConstants.TAG, "ReactInstanceManager.createReactContext()");
     ReactMarker.logMarker(CREATE_REACT_CONTEXT_START, jsExecutor.getName());
     final ReactApplicationContext reactContext = new ReactApplicationContext(mApplicationContext);
 
-    NativeModuleCallExceptionHandler exceptionHandler = mNativeModuleCallExceptionHandler != null
-        ? mNativeModuleCallExceptionHandler
-        : mDevSupportManager;
+    NativeModuleCallExceptionHandler exceptionHandler =
+        mNativeModuleCallExceptionHandler != null
+            ? mNativeModuleCallExceptionHandler
+            : mDevSupportManager;
     reactContext.setNativeModuleCallExceptionHandler(exceptionHandler);
 
     NativeModuleRegistry nativeModuleRegistry = processPackages(reactContext, mPackages, false);
 
-    CatalystInstanceImpl.Builder catalystInstanceBuilder = new CatalystInstanceImpl.Builder()
-      .setReactQueueConfigurationSpec(ReactQueueConfigurationSpec.createDefault())
-      .setJSExecutor(jsExecutor)
-      .setRegistry(nativeModuleRegistry)
-      .setJSBundleLoader(jsBundleLoader)
-      .setNativeModuleCallExceptionHandler(exceptionHandler);
+    CatalystInstanceImpl.Builder catalystInstanceBuilder =
+        new CatalystInstanceImpl.Builder()
+            .setReactQueueConfigurationSpec(ReactQueueConfigurationSpec.createDefault())
+            .setJSExecutor(jsExecutor)
+            .setRegistry(nativeModuleRegistry)
+            .setJSBundleLoader(jsBundleLoader)
+            .setNativeModuleCallExceptionHandler(exceptionHandler);
 
     ReactMarker.logMarker(CREATE_CATALYST_INSTANCE_START);
     // CREATE_CATALYST_INSTANCE_END is in JSCExecutor.cpp
@@ -1139,11 +1151,19 @@ private ReactApplicationContext createReactContext(
       Systrace.endSection(TRACE_TAG_REACT_JAVA_BRIDGE);
       ReactMarker.logMarker(CREATE_CATALYST_INSTANCE_END);
     }
+
+    reactContext.initializeWithInstance(catalystInstance);
+
     if (mJSIModulePackage != null) {
-      catalystInstance.addJSIModules(mJSIModulePackage
-        .getJSIModules(reactContext, catalystInstance.getJavaScriptContextHolder()));
-    }
+      catalystInstance.addJSIModules(
+          mJSIModulePackage.getJSIModules(
+              reactContext, catalystInstance.getJavaScriptContextHolder()));
 
+      if (ReactFeatureFlags.useTurboModules) {
+        catalystInstance.setTurboModuleManager(
+            catalystInstance.getJSIModule(JSIModuleType.TurboModuleManager));
+      }
+    }
     if (mBridgeIdleDebugListener != null) {
       catalystInstance.addBridgeIdleDebugListener(mBridgeIdleDebugListener);
     }
@@ -1155,19 +1175,15 @@ private ReactApplicationContext createReactContext(
     catalystInstance.runJSBundle();
     Systrace.endSection(TRACE_TAG_REACT_JAVA_BRIDGE);
 
-    reactContext.initializeWithInstance(catalystInstance);
-
-
     return reactContext;
   }
 
   private NativeModuleRegistry processPackages(
-    ReactApplicationContext reactContext,
-    List<ReactPackage> packages,
-    boolean checkAndUpdatePackageMembership) {
-    NativeModuleRegistryBuilder nativeModuleRegistryBuilder = new NativeModuleRegistryBuilder(
-      reactContext,
-      this);
+      ReactApplicationContext reactContext,
+      List<ReactPackage> packages,
+      boolean checkAndUpdatePackageMembership) {
+    NativeModuleRegistryBuilder nativeModuleRegistryBuilder =
+        new NativeModuleRegistryBuilder(reactContext, this);
 
     ReactMarker.logMarker(PROCESS_PACKAGES_START);
 
@@ -1204,11 +1220,10 @@ private NativeModuleRegistry processPackages(
   }
 
   private void processPackage(
-    ReactPackage reactPackage,
-    NativeModuleRegistryBuilder nativeModuleRegistryBuilder) {
+      ReactPackage reactPackage, NativeModuleRegistryBuilder nativeModuleRegistryBuilder) {
     SystraceMessage.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "processPackage")
-      .arg("className", reactPackage.getClass().getSimpleName())
-      .flush();
+        .arg("className", reactPackage.getClass().getSimpleName())
+        .flush();
     if (reactPackage instanceof ReactPackageLogger) {
       ((ReactPackageLogger) reactPackage).startProcessPackage();
     }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManagerBuilder.java b/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManagerBuilder.java
index 47fc17b0ee7315..e58b8cc4550d4b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManagerBuilder.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManagerBuilder.java
@@ -9,6 +9,8 @@
 
 import android.app.Activity;
 import android.app.Application;
+import androidx.annotation.Nullable;
+import com.facebook.hermes.reactexecutor.HermesExecutorFactory;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.JSBundleLoader;
 import com.facebook.react.bridge.JSIModulePackage;
@@ -23,14 +25,12 @@
 import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
 import com.facebook.react.packagerconnection.RequestHandler;
 import com.facebook.react.uimanager.UIImplementationProvider;
+import com.facebook.soloader.SoLoader;
 import java.util.ArrayList;
 import java.util.List;
 import java.util.Map;
-import javax.annotation.Nullable;
 
-/**
- * Builder class for {@link ReactInstanceManager}
- */
+/** Builder class for {@link ReactInstanceManager} */
 public class ReactInstanceManagerBuilder {
 
   private final List<ReactPackage> mPackages = new ArrayList<>();
@@ -55,37 +55,31 @@ public class ReactInstanceManagerBuilder {
   private @Nullable JSIModulePackage mJSIModulesPackage;
   private @Nullable Map<String, RequestHandler> mCustomPackagerCommandHandlers;
 
-  /* package protected */ ReactInstanceManagerBuilder() {
-  }
+  /* package protected */ ReactInstanceManagerBuilder() {}
 
-  /**
-   * Sets a provider of {@link UIImplementation}.
-   * Uses default provider if null is passed.
-   */
+  /** Sets a provider of {@link UIImplementation}. Uses default provider if null is passed. */
   public ReactInstanceManagerBuilder setUIImplementationProvider(
-    @Nullable UIImplementationProvider uiImplementationProvider) {
+      @Nullable UIImplementationProvider uiImplementationProvider) {
     mUIImplementationProvider = uiImplementationProvider;
     return this;
   }
 
   public ReactInstanceManagerBuilder setJSIModulesPackage(
-    @Nullable JSIModulePackage jsiModulePackage) {
+      @Nullable JSIModulePackage jsiModulePackage) {
     mJSIModulesPackage = jsiModulePackage;
     return this;
   }
 
-  /**
-   * Factory for desired implementation of JavaScriptExecutor.
-   */
+  /** Factory for desired implementation of JavaScriptExecutor. */
   public ReactInstanceManagerBuilder setJavaScriptExecutorFactory(
-    @Nullable JavaScriptExecutorFactory javaScriptExecutorFactory) {
+      @Nullable JavaScriptExecutorFactory javaScriptExecutorFactory) {
     mJavaScriptExecutorFactory = javaScriptExecutorFactory;
     return this;
   }
 
   /**
-   * Name of the JS bundle file to be loaded from application's raw assets.
-   * Example: {@code "index.android.js"}
+   * Name of the JS bundle file to be loaded from application's raw assets. Example: {@code
+   * "index.android.js"}
    */
   public ReactInstanceManagerBuilder setBundleAssetName(String bundleAssetName) {
     mJSBundleAssetUrl = (bundleAssetName == null ? null : "assets://" + bundleAssetName);
@@ -96,7 +90,7 @@ public ReactInstanceManagerBuilder setBundleAssetName(String bundleAssetName) {
   /**
    * Path to the JS bundle file to be loaded from the file system.
    *
-   * Example: {@code "assets://index.android.js" or "/sdcard/main.jsbundle"}
+   * <p>Example: {@code "assets://index.android.js" or "/sdcard/main.jsbundle"}
    */
   public ReactInstanceManagerBuilder setJSBundleFile(String jsBundleFile) {
     if (jsBundleFile.startsWith("assets://")) {
@@ -108,10 +102,10 @@ public ReactInstanceManagerBuilder setJSBundleFile(String jsBundleFile) {
   }
 
   /**
-   * Bundle loader to use when setting up JS environment. This supersedes
-   * prior invocations of {@link setJSBundleFile} and {@link setBundleAssetName}.
+   * Bundle loader to use when setting up JS environment. This supersedes prior invocations of
+   * {@link setJSBundleFile} and {@link setBundleAssetName}.
    *
-   * Example: {@code JSBundleLoader.createFileLoader(application, bundleFile)}
+   * <p>Example: {@code JSBundleLoader.createFileLoader(application, bundleFile)}
    */
   public ReactInstanceManagerBuilder setJSBundleLoader(JSBundleLoader jsBundleLoader) {
     mJSBundleLoader = jsBundleLoader;
@@ -120,12 +114,9 @@ public ReactInstanceManagerBuilder setJSBundleLoader(JSBundleLoader jsBundleLoad
   }
 
   /**
-   * Path to your app's main module on the packager server. This is used when
-   * reloading JS during development. All paths are relative to the root folder
-   * the packager is serving files from.
-   * Examples:
-   * {@code "index.android"} or
-   * {@code "subdirectory/index.android"}
+   * Path to your app's main module on the packager server. This is used when reloading JS during
+   * development. All paths are relative to the root folder the packager is serving files from.
+   * Examples: {@code "index.android"} or {@code "subdirectory/index.android"}
    */
   public ReactInstanceManagerBuilder setJSMainModulePath(String jsMainModulePath) {
     mJSMainModulePath = jsMainModulePath;
@@ -143,14 +134,12 @@ public ReactInstanceManagerBuilder addPackages(List<ReactPackage> reactPackages)
   }
 
   public ReactInstanceManagerBuilder setBridgeIdleDebugListener(
-    NotThreadSafeBridgeIdleDebugListener bridgeIdleDebugListener) {
+      NotThreadSafeBridgeIdleDebugListener bridgeIdleDebugListener) {
     mBridgeIdleDebugListener = bridgeIdleDebugListener;
     return this;
   }
 
-  /**
-   * Required. This must be your {@code Application} instance.
-   */
+  /** Required. This must be your {@code Application} instance. */
   public ReactInstanceManagerBuilder setApplication(Application application) {
     mApplication = application;
     return this;
@@ -162,15 +151,15 @@ public ReactInstanceManagerBuilder setCurrentActivity(Activity activity) {
   }
 
   public ReactInstanceManagerBuilder setDefaultHardwareBackBtnHandler(
-    DefaultHardwareBackBtnHandler defaultHardwareBackBtnHandler) {
+      DefaultHardwareBackBtnHandler defaultHardwareBackBtnHandler) {
     mDefaultHardwareBackBtnHandler = defaultHardwareBackBtnHandler;
     return this;
   }
 
   /**
-   * When {@code true}, developer options such as JS reloading and debugging are enabled.
-   * Note you still have to call {@link #showDevOptionsDialog} to show the dev menu,
-   * e.g. when the device Menu button is pressed.
+   * When {@code true}, developer options such as JS reloading and debugging are enabled. Note you
+   * still have to call {@link #showDevOptionsDialog} to show the dev menu, e.g. when the device
+   * Menu button is pressed.
    */
   public ReactInstanceManagerBuilder setUseDeveloperSupport(boolean useDeveloperSupport) {
     mUseDeveloperSupport = useDeveloperSupport;
@@ -182,18 +171,18 @@ public ReactInstanceManagerBuilder setUseDeveloperSupport(boolean useDeveloperSu
    * creation time, we wouldn't expect an onResume call until we get an onPause call.
    */
   public ReactInstanceManagerBuilder setInitialLifecycleState(
-    LifecycleState initialLifecycleState) {
+      LifecycleState initialLifecycleState) {
     mInitialLifecycleState = initialLifecycleState;
     return this;
   }
 
   /**
-   * Set the exception handler for all native module calls. If not set, the default
-   * {@link DevSupportManager} will be used, which shows a redbox in dev mode and rethrows
-   * (crashes the app) in prod mode.
+   * Set the exception handler for all native module calls. If not set, the default {@link
+   * DevSupportManager} will be used, which shows a redbox in dev mode and rethrows (crashes the
+   * app) in prod mode.
    */
   public ReactInstanceManagerBuilder setNativeModuleCallExceptionHandler(
-    NativeModuleCallExceptionHandler handler) {
+      NativeModuleCallExceptionHandler handler) {
     mNativeModuleCallExceptionHandler = handler;
     return this;
   }
@@ -209,7 +198,7 @@ public ReactInstanceManagerBuilder setLazyViewManagersEnabled(boolean lazyViewMa
   }
 
   public ReactInstanceManagerBuilder setDevBundleDownloadListener(
-    @Nullable DevBundleDownloadListener listener) {
+      @Nullable DevBundleDownloadListener listener) {
     mDevBundleDownloadListener = listener;
     return this;
   }
@@ -232,33 +221,32 @@ public ReactInstanceManagerBuilder setCustomPackagerCommandHandlers(
   }
 
   /**
-   * Instantiates a new {@link ReactInstanceManager}.
-   * Before calling {@code build}, the following must be called:
+   * Instantiates a new {@link ReactInstanceManager}. Before calling {@code build}, the following
+   * must be called:
+   *
    * <ul>
-   * <li> {@link #setApplication}
-   * <li> {@link #setCurrentActivity} if the activity has already resumed
-   * <li> {@link #setDefaultHardwareBackBtnHandler} if the activity has already resumed
-   * <li> {@link #setJSBundleFile} or {@link #setJSMainModulePath}
+   *   <li>{@link #setApplication}
+   *   <li>{@link #setCurrentActivity} if the activity has already resumed
+   *   <li>{@link #setDefaultHardwareBackBtnHandler} if the activity has already resumed
+   *   <li>{@link #setJSBundleFile} or {@link #setJSMainModulePath}
    * </ul>
    */
   public ReactInstanceManager build() {
     Assertions.assertNotNull(
-      mApplication,
-      "Application property has not been set with this builder");
+        mApplication, "Application property has not been set with this builder");
 
     if (mInitialLifecycleState == LifecycleState.RESUMED) {
       Assertions.assertNotNull(
-        mCurrentActivity,
-        "Activity needs to be set if initial lifecycle state is resumed");
+          mCurrentActivity, "Activity needs to be set if initial lifecycle state is resumed");
     }
 
     Assertions.assertCondition(
-      mUseDeveloperSupport || mJSBundleAssetUrl != null || mJSBundleLoader != null,
-      "JS Bundle File or Asset URL has to be provided when dev support is disabled");
+        mUseDeveloperSupport || mJSBundleAssetUrl != null || mJSBundleLoader != null,
+        "JS Bundle File or Asset URL has to be provided when dev support is disabled");
 
     Assertions.assertCondition(
-      mJSMainModulePath != null || mJSBundleAssetUrl != null || mJSBundleLoader != null,
-      "Either MainModulePath or JS Bundle File needs to be provided");
+        mJSMainModulePath != null || mJSBundleAssetUrl != null || mJSBundleLoader != null,
+        "Either MainModulePath or JS Bundle File needs to be provided");
 
     if (mUIImplementationProvider == null) {
       // create default UIImplementationProvider if the provided one is null.
@@ -274,7 +262,7 @@ public ReactInstanceManager build() {
         mCurrentActivity,
         mDefaultHardwareBackBtnHandler,
         mJavaScriptExecutorFactory == null
-            ? new JSCExecutorFactory(appName, deviceName)
+            ? getDefaultJSExecutorFactory(appName, deviceName)
             : mJavaScriptExecutorFactory,
         (mJSBundleLoader == null && mJSBundleAssetUrl != null)
             ? JSBundleLoader.createAssetLoader(
@@ -295,4 +283,15 @@ public ReactInstanceManager build() {
         mJSIModulesPackage,
         mCustomPackagerCommandHandlers);
   }
+
+  private JavaScriptExecutorFactory getDefaultJSExecutorFactory(String appName, String deviceName) {
+    try {
+      // If JSC is included, use it as normal
+      SoLoader.loadLibrary("jscexecutor");
+      return new JSCExecutorFactory(appName, deviceName);
+    } catch (UnsatisfiedLinkError jscE) {
+      // Otherwise use Hermes
+      return new HermesExecutorFactory();
+    }
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactInstancePackage.java b/ReactAndroid/src/main/java/com/facebook/react/ReactInstancePackage.java
index 3095ff155bf2d3..63f86e4d6b3814 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactInstancePackage.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactInstancePackage.java
@@ -1,31 +1,28 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.util.List;
-
 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}.
+ * 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}.
  *
- * TODO(t11394819): Consolidate this with LazyReactPackage
- * Use {@link ReactPackage} or {@link LazyReactPackage} and inject reactInstanceManager as a part of when plugins are initialized.
+ * <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);
+      ReactApplicationContext reactContext, ReactInstanceManager reactInstanceManager);
 
   @Override
   public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactNativeHost.java b/ReactAndroid/src/main/java/com/facebook/react/ReactNativeHost.java
index d15abba7f760e1..89a28693b1b305 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactNativeHost.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactNativeHost.java
@@ -1,13 +1,13 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.Application;
+import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.JSIModulePackage;
 import com.facebook.react.bridge.JavaScriptExecutorFactory;
@@ -17,7 +17,6 @@
 import com.facebook.react.devsupport.RedBoxHandler;
 import com.facebook.react.uimanager.UIImplementationProvider;
 import java.util.List;
-import javax.annotation.Nullable;
 
 /**
  * Simple class that holds an instance of {@link ReactInstanceManager}. This can be used in your
@@ -32,9 +31,7 @@ protected ReactNativeHost(Application application) {
     mApplication = application;
   }
 
-  /**
-   * Get the current {@link ReactInstanceManager} instance, or create one.
-   */
+  /** Get the current {@link ReactInstanceManager} instance, or create one. */
   public ReactInstanceManager getReactInstanceManager() {
     if (mReactInstanceManager == null) {
       ReactMarker.logMarker(ReactMarkerConstants.GET_REACT_INSTANCE_MANAGER_START);
@@ -65,15 +62,16 @@ public void clear() {
 
   protected ReactInstanceManager createReactInstanceManager() {
     ReactMarker.logMarker(ReactMarkerConstants.BUILD_REACT_INSTANCE_MANAGER_START);
-    ReactInstanceManagerBuilder builder = ReactInstanceManager.builder()
-      .setApplication(mApplication)
-      .setJSMainModulePath(getJSMainModuleName())
-      .setUseDeveloperSupport(getUseDeveloperSupport())
-      .setRedBoxHandler(getRedBoxHandler())
-      .setJavaScriptExecutorFactory(getJavaScriptExecutorFactory())
-      .setUIImplementationProvider(getUIImplementationProvider())
-      .setJSIModulesPackage(getJSIModulePackage())
-      .setInitialLifecycleState(LifecycleState.BEFORE_CREATE);
+    ReactInstanceManagerBuilder builder =
+        ReactInstanceManager.builder()
+            .setApplication(mApplication)
+            .setJSMainModulePath(getJSMainModuleName())
+            .setUseDeveloperSupport(getUseDeveloperSupport())
+            .setRedBoxHandler(getRedBoxHandler())
+            .setJavaScriptExecutorFactory(getJavaScriptExecutorFactory())
+            .setUIImplementationProvider(getUIImplementationProvider())
+            .setJSIModulesPackage(getJSIModulePackage())
+            .setInitialLifecycleState(LifecycleState.BEFORE_CREATE);
 
     for (ReactPackage reactPackage : getPackages()) {
       builder.addPackage(reactPackage);
@@ -90,17 +88,12 @@ protected ReactInstanceManager createReactInstanceManager() {
     return reactInstanceManager;
   }
 
-  /**
-   * Get the {@link RedBoxHandler} to send RedBox-related callbacks to.
-   */
+  /** Get the {@link RedBoxHandler} to send RedBox-related callbacks to. */
   protected @Nullable RedBoxHandler getRedBoxHandler() {
     return null;
   }
 
-  /**
-   * Get the {@link JavaScriptExecutorFactory}.  Override this to use a custom
-   * Executor.
-   */
+  /** Get the {@link JavaScriptExecutorFactory}. Override this to use a custom Executor. */
   protected @Nullable JavaScriptExecutorFactory getJavaScriptExecutorFactory() {
     return null;
   }
@@ -113,22 +106,20 @@ protected final Application getApplication() {
    * Get the {@link UIImplementationProvider} to use. Override this method if you want to use a
    * custom UI implementation.
    *
-   * Note: this is very advanced functionality, in 99% of cases you don't need to override this.
+   * <p>Note: this is very advanced functionality, in 99% of cases you don't need to override this.
    */
   protected UIImplementationProvider getUIImplementationProvider() {
     return new UIImplementationProvider();
   }
 
-  protected @Nullable
-  JSIModulePackage getJSIModulePackage() {
+  protected @Nullable JSIModulePackage getJSIModulePackage() {
     return null;
   }
 
   /**
-   * Returns the name of the main module. Determines the URL used to fetch the JS bundle
-   * from the packager server. It is only used when dev support is enabled.
-   * This is the first file to be executed once the {@link ReactInstanceManager} is created.
-   * e.g. "index.android"
+   * Returns the name of the main module. Determines the URL used to fetch the JS bundle from the
+   * packager server. It is only used when dev support is enabled. This is the first file to be
+   * executed once the {@link ReactInstanceManager} is created. e.g. "index.android"
    */
   protected String getJSMainModuleName() {
     return "index.android";
@@ -136,9 +127,8 @@ protected String getJSMainModuleName() {
 
   /**
    * Returns a custom path of the bundle file. This is used in cases the bundle should be loaded
-   * from a custom path. By default it is loaded from Android assets, from a path specified
-   * by {@link getBundleAssetName}.
-   * e.g. "file://sdcard/myapp_cache/index.android.bundle"
+   * from a custom path. By default it is loaded from Android assets, from a path specified by
+   * {@link getBundleAssetName}. e.g. "file://sdcard/myapp_cache/index.android.bundle"
    */
   protected @Nullable String getJSBundleFile() {
     return null;
@@ -146,24 +136,20 @@ protected String getJSMainModuleName() {
 
   /**
    * Returns the name of the bundle in assets. If this is null, and no file path is specified for
-   * the bundle, the app will only work with {@code getUseDeveloperSupport} enabled and will
-   * always try to load the JS bundle from the packager server.
-   * e.g. "index.android.bundle"
+   * the bundle, the app will only work with {@code getUseDeveloperSupport} enabled and will always
+   * try to load the JS bundle from the packager server. e.g. "index.android.bundle"
    */
   protected @Nullable String getBundleAssetName() {
     return "index.android.bundle";
   }
 
-  /**
-   * Returns whether dev mode should be enabled. This enables e.g. the dev menu.
-   */
+  /** Returns whether dev mode should be enabled. This enables e.g. the dev menu. */
   public abstract boolean getUseDeveloperSupport();
 
   /**
-   * Returns a list of {@link ReactPackage} used by the app.
-   * You'll most likely want to return at least the {@code MainReactPackage}.
-   * If your app uses additional views or modules besides the default ones,
-   * you'll want to include more packages here.
+   * Returns a list of {@link ReactPackage} used by the app. You'll most likely want to return at
+   * least the {@code MainReactPackage}. If your app uses additional views or modules besides the
+   * default ones, you'll want to include more packages here.
    */
   protected abstract List<ReactPackage> getPackages();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactPackage.java b/ReactAndroid/src/main/java/com/facebook/react/ReactPackage.java
index 7bf8569d7bc00c..fa0e89584297fc 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactPackage.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactPackage.java
@@ -1,32 +1,33 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewManager;
 import java.util.List;
 
-import javax.annotation.Nonnull;
-
 /**
  * Main interface for providing additional capabilities to the catalyst framework by couple of
  * different means:
- * 1) Registering new native modules
- * 2) Registering new JS modules that may be accessed from native modules or from other parts of the
- * native code (requiring JS modules from the package doesn't mean it will automatically be included
- * as a part of the JS bundle, so there should be a corresponding piece of code on JS side that will
- * require implementation of that JS module so that it gets bundled)
- * 3) Registering custom native views (view managers) and custom event types
- * 4) Registering natively packaged assets/resources (e.g. images) exposed to JS
  *
- * TODO(6788500, 6788507): Implement support for adding custom views, events and resources
+ * <ol>
+ *   <li>Registering new native modules
+ *   <li>Registering new JS modules that may be accessed from native modules or from other parts of
+ *       the native code (requiring JS modules from the package doesn't mean it will automatically
+ *       be included as a part of the JS bundle, so there should be a corresponding piece of code on
+ *       JS side that will require implementation of that JS module so that it gets bundled)
+ *   <li>Registering custom native views (view managers) and custom event types
+ *   <li>Registering natively packaged assets/resources (e.g. images) exposed to JS
+ * </ol>
+ *
+ * <p>TODO(6788500, 6788507): Implement support for adding custom views, events and resources
  */
 public interface ReactPackage {
 
@@ -34,12 +35,10 @@ public interface ReactPackage {
    * @param reactContext react application context that can be used to create modules
    * @return list of native modules to register with the newly created catalyst instance
    */
-  @Nonnull
-  List<NativeModule> createNativeModules(@Nonnull ReactApplicationContext reactContext);
+  @NonNull
+  List<NativeModule> createNativeModules(@NonNull ReactApplicationContext reactContext);
 
-  /**
-   * @return a list of view managers that should be registered with {@link UIManagerModule}
-   */
-  @Nonnull
-  List<ViewManager> createViewManagers(@Nonnull ReactApplicationContext reactContext);
+  /** @return a list of view managers that should be registered with {@link UIManagerModule} */
+  @NonNull
+  List<ViewManager> createViewManagers(@NonNull ReactApplicationContext reactContext);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactPackageHelper.java b/ReactAndroid/src/main/java/com/facebook/react/ReactPackageHelper.java
index 105f13ff883e82..cb750d5bb32cca 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactPackageHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactPackageHelper.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactPackageLogger.java b/ReactAndroid/src/main/java/com/facebook/react/ReactPackageLogger.java
index 38b2f2bddb65df..526e4d4739c2ab 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactPackageLogger.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactPackageLogger.java
@@ -5,11 +5,10 @@
 
 package com.facebook.react;
 
-/**
- * Interface for the bridge to call for TTI start and end markers.
- */
+/** Interface for the bridge to call for TTI start and end markers. */
 public interface ReactPackageLogger {
 
   void startProcessPackage();
+
   void endProcessPackage();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactRootView.java b/ReactAndroid/src/main/java/com/facebook/react/ReactRootView.java
index 97b594049a3d23..2b9b9a754de410 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactRootView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactRootView.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 static com.facebook.react.uimanager.common.UIManagerType.DEFAULT;
@@ -26,6 +25,7 @@
 import android.view.ViewTreeObserver;
 import android.view.WindowManager;
 import android.widget.FrameLayout;
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.Arguments;
@@ -46,14 +46,13 @@
 import com.facebook.react.uimanager.IllegalViewOperationException;
 import com.facebook.react.uimanager.JSTouchDispatcher;
 import com.facebook.react.uimanager.PixelUtil;
-import com.facebook.react.uimanager.RootView;
 import com.facebook.react.uimanager.ReactRoot;
+import com.facebook.react.uimanager.RootView;
 import com.facebook.react.uimanager.UIManagerHelper;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.common.UIManagerType;
 import com.facebook.react.uimanager.events.EventDispatcher;
 import com.facebook.systrace.Systrace;
-import javax.annotation.Nullable;
 
 /**
  * Default root view for catalyst apps. Provides the ability to listen for size changes so that a UI
@@ -62,20 +61,16 @@
  * ViewGroup#onInterceptTouchEvent} method in order to be notified about the events for all of its
  * children and it's also overriding {@link ViewGroup#requestDisallowInterceptTouchEvent} to make
  * sure that {@link ViewGroup#onInterceptTouchEvent} will get events even when some child view start
- * intercepting it. In case when no child view is interested in handling some particular touch event,
- * this view's {@link View#onTouchEvent} will still return true in order to be notified about all
- * subsequent touch events related to that gesture (in case when JS code wants to handle that
+ * intercepting it. In case when no child view is interested in handling some particular touch
+ * event, this view's {@link View#onTouchEvent} will still return true in order to be notified about
+ * all subsequent touch events related to that gesture (in case when JS code wants to handle that
  * gesture).
  */
 public class ReactRootView extends FrameLayout implements RootView, ReactRoot {
 
-  /**
-   * Listener interface for react root view events
-   */
+  /** Listener interface for react root view events */
   public interface ReactRootViewEventListener {
-    /**
-     * Called when the react context is attached to a ReactRootView.
-     */
+    /** Called when the react context is attached to a ReactRootView. */
     void onAttachedToReactInstance(ReactRootView rootView);
   }
 
@@ -89,7 +84,8 @@ public interface ReactRootViewEventListener {
   private boolean mIsAttachedToInstance;
   private boolean mShouldLogContentAppeared;
   private @Nullable JSTouchDispatcher mJSTouchDispatcher;
-  private final ReactAndroidHWInputDeviceHelper mAndroidHWInputDeviceHelper = new ReactAndroidHWInputDeviceHelper(this);
+  private final ReactAndroidHWInputDeviceHelper mAndroidHWInputDeviceHelper =
+      new ReactAndroidHWInputDeviceHelper(this);
   private boolean mWasMeasured = false;
   private int mWidthMeasureSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
   private int mHeightMeasureSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
@@ -135,8 +131,8 @@ protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 
     Systrace.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "ReactRootView.onMeasure");
     try {
-      boolean measureSpecsUpdated = widthMeasureSpec != mWidthMeasureSpec ||
-        heightMeasureSpec != mHeightMeasureSpec;
+      boolean measureSpecsUpdated =
+          widthMeasureSpec != mWidthMeasureSpec || heightMeasureSpec != mHeightMeasureSpec;
       mWidthMeasureSpec = widthMeasureSpec;
       mHeightMeasureSpec = heightMeasureSpec;
 
@@ -189,21 +185,22 @@ protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 
   @Override
   public void onChildStartedNativeGesture(MotionEvent androidEvent) {
-    if (mReactInstanceManager == null || !mIsAttachedToInstance ||
-      mReactInstanceManager.getCurrentReactContext() == null) {
+    if (mReactInstanceManager == null
+        || !mIsAttachedToInstance
+        || mReactInstanceManager.getCurrentReactContext() == null) {
       FLog.w(
-        ReactConstants.TAG,
-        "Unable to dispatch touch to JS as the catalyst instance has not been attached");
+          ReactConstants.TAG,
+          "Unable to dispatch touch to JS as the catalyst instance has not been attached");
       return;
     }
     if (mJSTouchDispatcher == null) {
       FLog.w(
-        ReactConstants.TAG,
-        "Unable to dispatch touch to JS before the dispatcher is available");
+          ReactConstants.TAG, "Unable to dispatch touch to JS before the dispatcher is available");
       return;
     }
     ReactContext reactContext = mReactInstanceManager.getCurrentReactContext();
-    EventDispatcher eventDispatcher = reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher();
+    EventDispatcher eventDispatcher =
+        reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher();
     mJSTouchDispatcher.onChildStartedNativeGesture(androidEvent, eventDispatcher);
   }
 
@@ -235,11 +232,12 @@ protected void dispatchDraw(Canvas canvas) {
 
   @Override
   public boolean dispatchKeyEvent(KeyEvent ev) {
-    if (mReactInstanceManager == null || !mIsAttachedToInstance ||
-      mReactInstanceManager.getCurrentReactContext() == null) {
+    if (mReactInstanceManager == null
+        || !mIsAttachedToInstance
+        || mReactInstanceManager.getCurrentReactContext() == null) {
       FLog.w(
-        ReactConstants.TAG,
-        "Unable to handle key event as the catalyst instance has not been attached");
+          ReactConstants.TAG,
+          "Unable to handle key event as the catalyst instance has not been attached");
       return super.dispatchKeyEvent(ev);
     }
     mAndroidHWInputDeviceHelper.handleKeyEvent(ev);
@@ -248,11 +246,12 @@ public boolean dispatchKeyEvent(KeyEvent ev) {
 
   @Override
   protected void onFocusChanged(boolean gainFocus, int direction, Rect previouslyFocusedRect) {
-    if (mReactInstanceManager == null || !mIsAttachedToInstance ||
-      mReactInstanceManager.getCurrentReactContext() == null) {
+    if (mReactInstanceManager == null
+        || !mIsAttachedToInstance
+        || mReactInstanceManager.getCurrentReactContext() == null) {
       FLog.w(
-        ReactConstants.TAG,
-        "Unable to handle focus changed event as the catalyst instance has not been attached");
+          ReactConstants.TAG,
+          "Unable to handle focus changed event as the catalyst instance has not been attached");
       super.onFocusChanged(gainFocus, direction, previouslyFocusedRect);
       return;
     }
@@ -262,11 +261,12 @@ protected void onFocusChanged(boolean gainFocus, int direction, Rect previouslyF
 
   @Override
   public void requestChildFocus(View child, View focused) {
-    if (mReactInstanceManager == null || !mIsAttachedToInstance ||
-      mReactInstanceManager.getCurrentReactContext() == null) {
+    if (mReactInstanceManager == null
+        || !mIsAttachedToInstance
+        || mReactInstanceManager.getCurrentReactContext() == null) {
       FLog.w(
-        ReactConstants.TAG,
-        "Unable to handle child focus changed event as the catalyst instance has not been attached");
+          ReactConstants.TAG,
+          "Unable to handle child focus changed event as the catalyst instance has not been attached");
       super.requestChildFocus(child, focused);
       return;
     }
@@ -275,21 +275,22 @@ public void requestChildFocus(View child, View focused) {
   }
 
   private void dispatchJSTouchEvent(MotionEvent event) {
-    if (mReactInstanceManager == null || !mIsAttachedToInstance ||
-      mReactInstanceManager.getCurrentReactContext() == null) {
+    if (mReactInstanceManager == null
+        || !mIsAttachedToInstance
+        || mReactInstanceManager.getCurrentReactContext() == null) {
       FLog.w(
-        ReactConstants.TAG,
-        "Unable to dispatch touch to JS as the catalyst instance has not been attached");
+          ReactConstants.TAG,
+          "Unable to dispatch touch to JS as the catalyst instance has not been attached");
       return;
     }
     if (mJSTouchDispatcher == null) {
       FLog.w(
-        ReactConstants.TAG,
-        "Unable to dispatch touch to JS before the dispatcher is available");
+          ReactConstants.TAG, "Unable to dispatch touch to JS before the dispatcher is available");
       return;
     }
     ReactContext reactContext = mReactInstanceManager.getCurrentReactContext();
-    EventDispatcher eventDispatcher = reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher();
+    EventDispatcher eventDispatcher =
+        reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher();
     mJSTouchDispatcher.handleTouchEvent(event, eventDispatcher);
   }
 
@@ -349,24 +350,23 @@ public ViewGroup getRootViewGroup() {
     return this;
   }
 
-  /**
-   * {@see #startReactApplication(ReactInstanceManager, String, android.os.Bundle)}
-   */
+  /** {@see #startReactApplication(ReactInstanceManager, String, android.os.Bundle)} */
   public void startReactApplication(ReactInstanceManager reactInstanceManager, String moduleName) {
     startReactApplication(reactInstanceManager, moduleName, null);
   }
 
-  /**
-   * {@see #startReactApplication(ReactInstanceManager, String, android.os.Bundle, String)}
-   */
-  public void startReactApplication(ReactInstanceManager reactInstanceManager, String moduleName, @Nullable Bundle initialProperties) {
+  /** {@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 context of that manager. Extra parameter {@param launchOptions} can be used to pass initial
+   * module (@{param moduleName}) using provided {@param reactInstanceManager} to attach to the JS
+   * context of that manager. Extra parameter {@param launchOptions} can be used to pass initial
    * properties for the react component.
    */
   public void startReactApplication(
@@ -382,8 +382,8 @@ public void startReactApplication(
       // here as it may be deallocated in native after passing via JNI bridge, but we want to reuse
       // it in the case of re-creating the catalyst instance
       Assertions.assertCondition(
-        mReactInstanceManager == null,
-        "This root view has already been attached to a catalyst instance manager");
+          mReactInstanceManager == null,
+          "This root view has already been attached to a catalyst instance manager");
 
       mReactInstanceManager = reactInstanceManager;
       mJSModuleName = moduleName;
@@ -394,9 +394,7 @@ public void startReactApplication(
         // TODO initialize surface here
       }
 
-      if (!mReactInstanceManager.hasStartedCreatingInitialContext()) {
-        mReactInstanceManager.createReactContextInBackground();
-      }
+      mReactInstanceManager.createReactContextInBackground();
 
       attachToReactInstanceManager();
 
@@ -405,6 +403,21 @@ public void startReactApplication(
     }
   }
 
+  @Override
+  public int getWidthMeasureSpec() {
+    return mWidthMeasureSpec;
+  }
+
+  @Override
+  public int getHeightMeasureSpec() {
+    return mHeightMeasureSpec;
+  }
+
+  @Override
+  public void setShouldLogContentAppeared(boolean shouldLogContentAppeared) {
+    mShouldLogContentAppeared = shouldLogContentAppeared;
+  }
+
   private void updateRootLayoutSpecs(final int widthMeasureSpec, final int heightMeasureSpec) {
     if (mReactInstanceManager == null) {
       FLog.w(
@@ -416,7 +429,7 @@ private void updateRootLayoutSpecs(final int widthMeasureSpec, final int heightM
 
     if (reactApplicationContext != null) {
       UIManagerHelper.getUIManager(reactApplicationContext, getUIManagerType())
-        .updateRootLayoutSpecs(getRootViewTag(), widthMeasureSpec, heightMeasureSpec);
+          .updateRootLayoutSpecs(getRootViewTag(), widthMeasureSpec, heightMeasureSpec);
     }
   }
 
@@ -437,7 +450,7 @@ public void unmountReactApplication() {
 
   @Override
   public void onStage(int stage) {
-    switch(stage) {
+    switch (stage) {
       case ReactStage.ON_ATTACH_TO_INSTANCE:
         onAttachedToReactInstance();
         break;
@@ -461,7 +474,8 @@ public void setEventListener(ReactRootViewEventListener eventListener) {
     mRootViewEventListener = eventListener;
   }
 
-  /* package */ String getJSModuleName() {
+  @Override
+  public String getJSModuleName() {
     return Assertions.assertNotNull(mJSModuleName);
   }
 
@@ -484,58 +498,51 @@ public void setAppProperties(@Nullable Bundle appProperties) {
   }
 
   /**
-   * Calls into JS to start the React application. Can be called multiple times with the
-   * same rootTag, which will re-render the application from the root.
+   * Calls into JS to start the React application. Can be called multiple times with the same
+   * rootTag, which will re-render the application from the root.
    */
   @Override
   public void runApplication() {
-      Systrace.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "ReactRootView.runApplication");
-      try {
-        if (mReactInstanceManager == null || !mIsAttachedToInstance) {
-          return;
-        }
+    Systrace.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "ReactRootView.runApplication");
+    try {
+      if (mReactInstanceManager == null || !mIsAttachedToInstance) {
+        return;
+      }
 
-        ReactContext reactContext = mReactInstanceManager.getCurrentReactContext();
-        if (reactContext == null) {
-          return;
+      ReactContext reactContext = mReactInstanceManager.getCurrentReactContext();
+      if (reactContext == null) {
+        return;
+      }
+
+      CatalystInstance catalystInstance = reactContext.getCatalystInstance();
+      String jsAppModuleName = getJSModuleName();
+
+      if (mUseSurface) {
+        // TODO call surface's runApplication
+      } else {
+        if (mWasMeasured) {
+          updateRootLayoutSpecs(mWidthMeasureSpec, mHeightMeasureSpec);
         }
 
-        CatalystInstance catalystInstance = reactContext.getCatalystInstance();
-        String jsAppModuleName = getJSModuleName();
-
-        if (mUseSurface) {
-          // TODO call surface's runApplication
-        } else {
-
-          boolean isFabric = getUIManagerType() == FABRIC;
-          // Fabric requires to call updateRootLayoutSpecs before starting JS Application,
-          // this ensures the root will hace the correct pointScaleFactor.
-          if (mWasMeasured || isFabric) {
-            updateRootLayoutSpecs(mWidthMeasureSpec, mHeightMeasureSpec);
-          }
-
-          WritableNativeMap appParams = new WritableNativeMap();
-          appParams.putDouble("rootTag", getRootViewTag());
-          @Nullable Bundle appProperties = getAppProperties();
-          if (appProperties != null) {
-            appParams.putMap("initialProps", Arguments.fromBundle(appProperties));
-          }
-          if (isFabric) {
-            appParams.putBoolean("fabric", true);
-          }
-
-          mShouldLogContentAppeared = true;
-
-          catalystInstance.getJSModule(AppRegistry.class).runApplication(jsAppModuleName, appParams);
+        WritableNativeMap appParams = new WritableNativeMap();
+        appParams.putDouble("rootTag", getRootViewTag());
+        @Nullable Bundle appProperties = getAppProperties();
+        if (appProperties != null) {
+          appParams.putMap("initialProps", Arguments.fromBundle(appProperties));
         }
-      } finally {
-        Systrace.endSection(TRACE_TAG_REACT_JAVA_BRIDGE);
+
+        mShouldLogContentAppeared = true;
+
+        catalystInstance.getJSModule(AppRegistry.class).runApplication(jsAppModuleName, appParams);
       }
+    } finally {
+      Systrace.endSection(TRACE_TAG_REACT_JAVA_BRIDGE);
+    }
   }
 
   /**
-   * Is used by unit test to setup mIsAttachedToWindow flags, that will let this
-   * view to be properly attached to catalyst instance by startReactApplication call
+   * Is used by unit test to setup mIsAttachedToWindow flags, that will let this view to be properly
+   * attached to catalyst instance by startReactApplication call
    */
   @VisibleForTesting
   /* package */ void simulateAttachForTesting() {
@@ -569,12 +576,12 @@ private void attachToReactInstanceManager() {
   protected void finalize() throws Throwable {
     super.finalize();
     Assertions.assertCondition(
-      !mIsAttachedToInstance,
-      "The application this ReactRootView was rendering was not unmounted before the " +
-        "ReactRootView was garbage collected. This usually means that your application is " +
-        "leaking large amounts of memory. To solve this, make sure to call " +
-        "ReactRootView#unmountReactApplication in the onDestroy() of your hosting Activity or in " +
-        "the onDestroyView() of your hosting Fragment.");
+        !mIsAttachedToInstance,
+        "The application this ReactRootView was rendering was not unmounted before the "
+            + "ReactRootView was garbage collected. This usually means that your application is "
+            + "leaking large amounts of memory. To solve this, make sure to call "
+            + "ReactRootView#unmountReactApplication in the onDestroy() of your hosting Activity or in "
+            + "the onDestroyView() of your hosting Fragment.");
   }
 
   public int getRootViewTag() {
@@ -587,9 +594,8 @@ public void setRootViewTag(int rootViewTag) {
 
   @Override
   public void handleException(final Throwable t) {
-    if (mReactInstanceManager == null
-      || mReactInstanceManager.getCurrentReactContext() == null) {
-        throw new RuntimeException(t);
+    if (mReactInstanceManager == null || mReactInstanceManager.getCurrentReactContext() == null) {
+      throw new RuntimeException(t);
     }
 
     Exception e = new IllegalViewOperationException(t.getMessage(), this, t);
@@ -612,9 +618,10 @@ public ReactInstanceManager getReactInstanceManager() {
 
   /* package */ void sendEvent(String eventName, @Nullable WritableMap params) {
     if (mReactInstanceManager != null) {
-      mReactInstanceManager.getCurrentReactContext()
-        .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
-        .emit(eventName, params);
+      mReactInstanceManager
+          .getCurrentReactContext()
+          .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
+          .emit(eventName, params);
     }
   }
 
@@ -635,8 +642,9 @@ private class CustomGlobalLayoutListener implements ViewTreeObserver.OnGlobalLay
 
     @Override
     public void onGlobalLayout() {
-      if (mReactInstanceManager == null || !mIsAttachedToInstance ||
-        mReactInstanceManager.getCurrentReactContext() == null) {
+      if (mReactInstanceManager == null
+          || !mIsAttachedToInstance
+          || mReactInstanceManager.getCurrentReactContext() == null) {
         return;
       }
       checkForKeyboardEvents();
@@ -647,29 +655,40 @@ public void onGlobalLayout() {
     private void checkForKeyboardEvents() {
       getRootView().getWindowVisibleDisplayFrame(mVisibleViewArea);
       final int heightDiff =
-        DisplayMetricsHolder.getWindowDisplayMetrics().heightPixels - mVisibleViewArea.bottom;
-      if (mKeyboardHeight != heightDiff && heightDiff > mMinKeyboardHeightDetected) {
-        // keyboard is now showing, or the keyboard height has changed
+          DisplayMetricsHolder.getWindowDisplayMetrics().heightPixels - mVisibleViewArea.bottom;
+
+      boolean isKeyboardShowingOrKeyboardHeightChanged =
+          mKeyboardHeight != heightDiff && heightDiff > mMinKeyboardHeightDetected;
+      if (isKeyboardShowingOrKeyboardHeightChanged) {
         mKeyboardHeight = heightDiff;
-        WritableMap params = Arguments.createMap();
-        WritableMap coordinates = Arguments.createMap();
-        coordinates.putDouble("screenY", PixelUtil.toDIPFromPixel(mVisibleViewArea.bottom));
-        coordinates.putDouble("screenX", PixelUtil.toDIPFromPixel(mVisibleViewArea.left));
-        coordinates.putDouble("width", PixelUtil.toDIPFromPixel(mVisibleViewArea.width()));
-        coordinates.putDouble("height", PixelUtil.toDIPFromPixel(mKeyboardHeight));
-        params.putMap("endCoordinates", coordinates);
-        sendEvent("keyboardDidShow", params);
-      } else if (mKeyboardHeight != 0 && heightDiff <= mMinKeyboardHeightDetected) {
-        // keyboard is now hidden
+        sendEvent(
+            "keyboardDidShow",
+            createKeyboardEventPayload(
+                PixelUtil.toDIPFromPixel(mVisibleViewArea.bottom),
+                PixelUtil.toDIPFromPixel(mVisibleViewArea.left),
+                PixelUtil.toDIPFromPixel(mVisibleViewArea.width()),
+                PixelUtil.toDIPFromPixel(mKeyboardHeight)));
+        return;
+      }
+
+      boolean isKeyboardHidden = mKeyboardHeight != 0 && heightDiff <= mMinKeyboardHeightDetected;
+      if (isKeyboardHidden) {
         mKeyboardHeight = 0;
-        sendEvent("keyboardDidHide", null);
+        sendEvent(
+            "keyboardDidHide",
+            createKeyboardEventPayload(
+                PixelUtil.toDIPFromPixel(mVisibleViewArea.height()),
+                0,
+                PixelUtil.toDIPFromPixel(mVisibleViewArea.width()),
+                0));
       }
     }
 
     private void checkForDeviceOrientationChanges() {
       final int rotation =
-        ((WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE))
-          .getDefaultDisplay().getRotation();
+          ((WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE))
+              .getDefaultDisplay()
+              .getRotation();
       if (mDeviceRotation == rotation) {
         return;
       }
@@ -680,9 +699,10 @@ private void checkForDeviceOrientationChanges() {
     private void checkForDeviceDimensionsChanges() {
       // Get current display metrics.
       DisplayMetricsHolder.initDisplayMetrics(getContext());
-      // Check changes to both window and screen display metrics since they may not update at the same time.
-      if (!areMetricsEqual(mWindowMetrics, DisplayMetricsHolder.getWindowDisplayMetrics()) ||
-        !areMetricsEqual(mScreenMetrics, DisplayMetricsHolder.getScreenDisplayMetrics())) {
+      // Check changes to both window and screen display metrics since they may not update at the
+      // same time.
+      if (!areMetricsEqual(mWindowMetrics, DisplayMetricsHolder.getWindowDisplayMetrics())
+          || !areMetricsEqual(mScreenMetrics, DisplayMetricsHolder.getScreenDisplayMetrics())) {
         mWindowMetrics.setTo(DisplayMetricsHolder.getWindowDisplayMetrics());
         mScreenMetrics.setTo(DisplayMetricsHolder.getScreenDisplayMetrics());
         emitUpdateDimensionsEvent();
@@ -695,13 +715,13 @@ private boolean areMetricsEqual(DisplayMetrics displayMetrics, DisplayMetrics ot
       } else {
         // DisplayMetrics didn't have an equals method before API 17.
         // Check all public fields manually.
-        return displayMetrics.widthPixels == otherMetrics.widthPixels &&
-          displayMetrics.heightPixels == otherMetrics.heightPixels &&
-          displayMetrics.density == otherMetrics.density &&
-          displayMetrics.densityDpi == otherMetrics.densityDpi &&
-          displayMetrics.scaledDensity == otherMetrics.scaledDensity &&
-          displayMetrics.xdpi == otherMetrics.xdpi &&
-          displayMetrics.ydpi == otherMetrics.ydpi;
+        return displayMetrics.widthPixels == otherMetrics.widthPixels
+            && displayMetrics.heightPixels == otherMetrics.heightPixels
+            && displayMetrics.density == otherMetrics.density
+            && displayMetrics.densityDpi == otherMetrics.densityDpi
+            && displayMetrics.scaledDensity == otherMetrics.scaledDensity
+            && displayMetrics.xdpi == otherMetrics.xdpi
+            && displayMetrics.ydpi == otherMetrics.ydpi;
       }
     }
 
@@ -746,5 +766,21 @@ private void emitUpdateDimensionsEvent() {
           .getNativeModule(DeviceInfoModule.class)
           .emitUpdateDimensionsEvent();
     }
+
+    private WritableMap createKeyboardEventPayload(
+        double screenY, double screenX, double width, double height) {
+      WritableMap keyboardEventParams = Arguments.createMap();
+      WritableMap endCoordinates = Arguments.createMap();
+
+      endCoordinates.putDouble("height", height);
+      endCoordinates.putDouble("screenX", screenX);
+      endCoordinates.putDouble("width", width);
+      endCoordinates.putDouble("screenY", screenY);
+
+      keyboardEventParams.putMap("endCoordinates", endCoordinates);
+      keyboardEventParams.putString("easing", "keyboard");
+      keyboardEventParams.putDouble("duration", 0);
+      return keyboardEventParams;
+    }
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/TurboReactPackage.java b/ReactAndroid/src/main/java/com/facebook/react/TurboReactPackage.java
index dfe86a3572fd18..1f72da8bb3c15f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/TurboReactPackage.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/TurboReactPackage.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ViewManagerOnDemandReactPackage.java b/ReactAndroid/src/main/java/com/facebook/react/ViewManagerOnDemandReactPackage.java
index c8bd730bb0c839..7f5b1d6fcc0b5a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ViewManagerOnDemandReactPackage.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ViewManagerOnDemandReactPackage.java
@@ -1,23 +1,23 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.ReactApplicationContext;
 import com.facebook.react.uimanager.ViewManager;
 import java.util.List;
-import javax.annotation.Nullable;
 
 public interface ViewManagerOnDemandReactPackage {
   /**
    * Provides a list of names of ViewManagers with which these modules can be accessed from JS.
    * Typically, this is ViewManager.getName().
    */
-  @Nullable List<String> getViewManagerNames(ReactApplicationContext reactContext);
+  @Nullable
+  List<String> getViewManagerNames(ReactApplicationContext reactContext);
   /**
    * Creates and returns a ViewManager with a specific name {@param viewManagerName}. It's up to an
    * implementing package how to interpret the name.
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/AdditionAnimatedNode.java b/ReactAndroid/src/main/java/com/facebook/react/animated/AdditionAnimatedNode.java
index 221ba9e5363292..c2112ac51bc63a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/AdditionAnimatedNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/AdditionAnimatedNode.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.animated;
 
 import com.facebook.react.bridge.JSApplicationCausedNativeException;
@@ -21,8 +20,7 @@
   private final int[] mInputNodes;
 
   public AdditionAnimatedNode(
-      ReadableMap config,
-      NativeAnimatedNodesManager nativeAnimatedNodesManager) {
+      ReadableMap config, NativeAnimatedNodesManager nativeAnimatedNodesManager) {
     mNativeAnimatedNodesManager = nativeAnimatedNodesManager;
     ReadableArray inputNodes = config.getArray("input");
     mInputNodes = new int[inputNodes.size()];
@@ -39,8 +37,8 @@ public void update() {
       if (animatedNode != null && animatedNode instanceof ValueAnimatedNode) {
         mValue += ((ValueAnimatedNode) animatedNode).getValue();
       } else {
-        throw new JSApplicationCausedNativeException("Illegal node ID set as an input for " +
-          "Animated.Add node");
+        throw new JSApplicationCausedNativeException(
+            "Illegal node ID set as an input for " + "Animated.Add node");
       }
     }
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/AnimatedNode.java b/ReactAndroid/src/main/java/com/facebook/react/animated/AnimatedNode.java
index c4493b59b90099..5b44f1df571402 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/AnimatedNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/AnimatedNode.java
@@ -1,22 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.animated;
 
+import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
-
 import java.util.ArrayList;
 import java.util.List;
 
-import javax.annotation.Nullable;
-
-/**
- * Base class for all Animated.js library node types that can be created on the "native" side.
- */
+/** Base class for all Animated.js library node types that can be created on the "native" side. */
 /*package*/ abstract class AnimatedNode {
 
   public static final int INITIAL_BFS_COLOR = 0;
@@ -46,24 +41,19 @@ public final void removeChild(AnimatedNode child) {
 
   /**
    * Subclasses may want to override this method in order to store a reference to the parent of a
-   * given node that can then be used to calculate current node's value in {@link #update}.
-   * In that case it is important to also override {@link #onDetachedFromNode} to clear that
-   * reference once current node gets detached.
+   * given node that can then be used to calculate current node's value in {@link #update}. In that
+   * case it is important to also override {@link #onDetachedFromNode} to clear that reference once
+   * current node gets detached.
    */
-  public void onAttachedToNode(AnimatedNode parent) {
-  }
+  public void onAttachedToNode(AnimatedNode parent) {}
 
-  /**
-   * See {@link #onAttachedToNode}
-   */
-  public void onDetachedFromNode(AnimatedNode parent) {
-  }
+  /** See {@link #onAttachedToNode} */
+  public void onDetachedFromNode(AnimatedNode parent) {}
 
   /**
    * This method will be run on each node at most once every repetition of the animation loop. It
    * will be executed on a node only when all the node's parent has already been updated. Therefore
    * it can be used to calculate node's value.
    */
-  public void update() {
-  }
+  public void update() {}
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/AnimatedNodeValueListener.java b/ReactAndroid/src/main/java/com/facebook/react/animated/AnimatedNodeValueListener.java
index 6c92345f11b728..39b2a43ee7a733 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/AnimatedNodeValueListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/AnimatedNodeValueListener.java
@@ -1,15 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.animated;
 
-/**
- * Interface used to listen to {@link ValueAnimatedNode} updates.
- */
+/** Interface used to listen to {@link ValueAnimatedNode} updates. */
 public interface AnimatedNodeValueListener {
   void onValueUpdate(double value);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/AnimationDriver.java b/ReactAndroid/src/main/java/com/facebook/react/animated/AnimationDriver.java
index 894a6d557f16bc..5900e28b28d4bc 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/AnimationDriver.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/AnimationDriver.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.animated;
 
 import com.facebook.react.bridge.Callback;
@@ -36,6 +35,6 @@
    */
   public void resetConfig(ReadableMap config) {
     throw new JSApplicationCausedNativeException(
-            "Animation config for " + getClass().getSimpleName() + " cannot be reset");
+        "Animation config for " + getClass().getSimpleName() + " cannot be reset");
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/BUCK b/ReactAndroid/src/main/java/com/facebook/react/animated/BUCK
index 0b1fc31a9aed30..c949ede2d4d18a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/BUCK
@@ -5,6 +5,7 @@ rn_android_library(
     srcs = glob([
         "*.java",
     ]),
+    is_androidx = True,
     provided_deps = [
         react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("third-party/android/androidx:core"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/DecayAnimation.java b/ReactAndroid/src/main/java/com/facebook/react/animated/DecayAnimation.java
index 1781cb83875fff..b6e043f82402c2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/DecayAnimation.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/DecayAnimation.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.animated;
 
 import com.facebook.react.bridge.ReadableMap;
@@ -54,9 +53,10 @@ public void runAnimationStep(long frameTimeNanos) {
       mLastValue = mAnimatedValue.mValue;
     }
 
-    final double value = mFromValue +
-      (mVelocity / (1 - mDeceleration)) *
-        (1 - Math.exp(-(1 - mDeceleration) * (frameTimeMillis - mStartFrameTimeMillis)));
+    final double value =
+        mFromValue
+            + (mVelocity / (1 - mDeceleration))
+                * (1 - Math.exp(-(1 - mDeceleration) * (frameTimeMillis - mStartFrameTimeMillis)));
 
     if (Math.abs(mLastValue - value) < 0.1) {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/DiffClampAnimatedNode.java b/ReactAndroid/src/main/java/com/facebook/react/animated/DiffClampAnimatedNode.java
index 7f077a6610c5cf..b40991d07f4ed6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/DiffClampAnimatedNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/DiffClampAnimatedNode.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.animated;
 
 import com.facebook.react.bridge.JSApplicationCausedNativeException;
@@ -19,8 +18,7 @@
   private double mLastValue;
 
   public DiffClampAnimatedNode(
-    ReadableMap config,
-    NativeAnimatedNodesManager nativeAnimatedNodesManager) {
+      ReadableMap config, NativeAnimatedNodesManager nativeAnimatedNodesManager) {
     mNativeAnimatedNodesManager = nativeAnimatedNodesManager;
     mInputNodeTag = config.getInt("input");
     mMin = config.getDouble("min");
@@ -41,9 +39,8 @@ public void update() {
   private double getInputNodeValue() {
     AnimatedNode animatedNode = mNativeAnimatedNodesManager.getNodeById(mInputNodeTag);
     if (animatedNode == null || !(animatedNode instanceof ValueAnimatedNode)) {
-      throw new JSApplicationCausedNativeException("Illegal node ID set as an input for " +
-        "Animated.DiffClamp node");
-
+      throw new JSApplicationCausedNativeException(
+          "Illegal node ID set as an input for " + "Animated.DiffClamp node");
     }
 
     return ((ValueAnimatedNode) animatedNode).getValue();
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/DivisionAnimatedNode.java b/ReactAndroid/src/main/java/com/facebook/react/animated/DivisionAnimatedNode.java
index 96e96059e885d4..7d403a0f90f548 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/DivisionAnimatedNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/DivisionAnimatedNode.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.animated;
 
 import com.facebook.react.bridge.JSApplicationCausedNativeException;
@@ -12,8 +11,8 @@
 import com.facebook.react.bridge.ReadableMap;
 
 /**
- * Animated node which takes two or more value node as an input and outputs an in-order
- * division of their values.
+ * Animated node which takes two or more value node as an input and outputs an in-order division of
+ * their values.
  */
 /*package*/ class DivisionAnimatedNode extends ValueAnimatedNode {
 
@@ -21,8 +20,7 @@
   private final int[] mInputNodes;
 
   public DivisionAnimatedNode(
-      ReadableMap config,
-      NativeAnimatedNodesManager nativeAnimatedNodesManager) {
+      ReadableMap config, NativeAnimatedNodesManager nativeAnimatedNodesManager) {
     mNativeAnimatedNodesManager = nativeAnimatedNodesManager;
     ReadableArray inputNodes = config.getArray("input");
     mInputNodes = new int[inputNodes.size()];
@@ -42,13 +40,13 @@ public void update() {
           continue;
         }
         if (value == 0) {
-          throw new JSApplicationCausedNativeException("Detected a division by zero in " +
-            "Animated.divide node");
+          throw new JSApplicationCausedNativeException(
+              "Detected a division by zero in " + "Animated.divide node");
         }
         mValue /= value;
       } else {
-        throw new JSApplicationCausedNativeException("Illegal node ID set as an input for " +
-          "Animated.divide node");
+        throw new JSApplicationCausedNativeException(
+            "Illegal node ID set as an input for " + "Animated.divide node");
       }
     }
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/EventAnimationDriver.java b/ReactAndroid/src/main/java/com/facebook/react/animated/EventAnimationDriver.java
index 7e2c46eef26c88..4fe0e2543dd12f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/EventAnimationDriver.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/EventAnimationDriver.java
@@ -1,24 +1,19 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.animated;
 
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.WritableArray;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
-
 import java.util.List;
 
-import javax.annotation.Nullable;
-
-/**
- * Handles updating a {@link ValueAnimatedNode} when an event gets dispatched.
- */
+/** Handles updating a {@link ValueAnimatedNode} when an event gets dispatched. */
 /* package */ class EventAnimationDriver implements RCTEventEmitter {
   private List<String> mEventPath;
   /* package */ ValueAnimatedNode mValueNode;
@@ -44,7 +39,8 @@ public void receiveEvent(int targetTag, String eventName, @Nullable WritableMap
   }
 
   @Override
-  public void receiveTouches(String eventName, WritableArray touches, WritableArray changedIndices) {
+  public void receiveTouches(
+      String eventName, WritableArray touches, WritableArray changedIndices) {
     throw new RuntimeException("receiveTouches is not support by native animated events");
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/FrameBasedAnimationDriver.java b/ReactAndroid/src/main/java/com/facebook/react/animated/FrameBasedAnimationDriver.java
index 9f29c619503a83..42b4b98bae4e32 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/FrameBasedAnimationDriver.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/FrameBasedAnimationDriver.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.animated;
 
 import com.facebook.react.bridge.ReadableArray;
@@ -42,14 +41,14 @@ public void resetConfig(ReadableMap config) {
     for (int i = 0; i < numberOfFrames; i++) {
       mFrames[i] = frames.getDouble(i);
     }
-    if(config.hasKey("toValue")) {
+    if (config.hasKey("toValue")) {
       mToValue = config.getType("toValue") == ReadableType.Number ? config.getDouble("toValue") : 0;
     } else {
       mToValue = 0;
     }
-    if(config.hasKey("iterations")) {
-      mIterations = config.getType("iterations") == ReadableType.Number ?
-                                                    config.getInt("iterations") : 1;
+    if (config.hasKey("iterations")) {
+      mIterations =
+          config.getType("iterations") == ReadableType.Number ? config.getInt("iterations") : 1;
     } else {
       mIterations = 1;
     }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/InterpolationAnimatedNode.java b/ReactAndroid/src/main/java/com/facebook/react/animated/InterpolationAnimatedNode.java
index be2f38c055de42..71f347f846c4a6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/InterpolationAnimatedNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/InterpolationAnimatedNode.java
@@ -1,20 +1,24 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
 package com.facebook.react.animated;
 
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
-import javax.annotation.Nullable;
+import com.facebook.react.bridge.ReadableType;
+import java.util.ArrayList;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
 
 /**
  * Animated node that corresponds to {@code AnimatedInterpolation} from AnimatedImplementation.js.
  *
- * Currently only a linear interpolation is supported on an input range of an arbitrary size.
+ * <p>Currently only a linear interpolation is supported on an input range of an arbitrary size.
  */
 /*package*/ class InterpolationAnimatedNode extends ValueAnimatedNode {
 
@@ -22,6 +26,9 @@
   public static final String EXTRAPOLATE_TYPE_CLAMP = "clamp";
   public static final String EXTRAPOLATE_TYPE_EXTEND = "extend";
 
+  private static final String fpRegex = "[+-]?(\\d+\\.?\\d*|\\.\\d+)([eE][+-]?\\d+)?";
+  private static final Pattern fpPattern = Pattern.compile(fpRegex);
+
   private static double[] fromDoubleArray(ReadableArray ary) {
     double[] res = new double[ary.size()];
     for (int i = 0; i < res.length; i++) {
@@ -52,7 +59,7 @@ private static double interpolate(
           break;
         default:
           throw new JSApplicationIllegalArgumentException(
-            "Invalid extrapolation type " + extrapolateLeft + "for left extrapolation");
+              "Invalid extrapolation type " + extrapolateLeft + "for left extrapolation");
       }
     }
 
@@ -67,7 +74,7 @@ private static double interpolate(
           break;
         default:
           throw new JSApplicationIllegalArgumentException(
-            "Invalid extrapolation type " + extrapolateRight + "for right extrapolation");
+              "Invalid extrapolation type " + extrapolateRight + "for right extrapolation");
       }
     }
 
@@ -82,8 +89,7 @@ private static double interpolate(
       return outputMax;
     }
 
-    return outputMin + (outputMax - outputMin) *
-      (result - inputMin) / (inputMax - inputMin);
+    return outputMin + (outputMax - outputMin) * (result - inputMin) / (inputMax - inputMin);
   }
 
   /*package*/ static double interpolate(
@@ -91,17 +97,16 @@ private static double interpolate(
       double[] inputRange,
       double[] outputRange,
       String extrapolateLeft,
-      String extrapolateRight
-  ) {
+      String extrapolateRight) {
     int rangeIndex = findRangeIndex(value, inputRange);
     return interpolate(
-      value,
-      inputRange[rangeIndex],
-      inputRange[rangeIndex + 1],
-      outputRange[rangeIndex],
-      outputRange[rangeIndex + 1],
-      extrapolateLeft,
-      extrapolateRight);
+        value,
+        inputRange[rangeIndex],
+        inputRange[rangeIndex + 1],
+        outputRange[rangeIndex],
+        outputRange[rangeIndex + 1],
+        extrapolateLeft,
+        extrapolateRight);
   }
 
   private static int findRangeIndex(double value, double[] ranges) {
@@ -116,13 +121,68 @@ private static int findRangeIndex(double value, double[] ranges) {
 
   private final double mInputRange[];
   private final double mOutputRange[];
+  private String mPattern;
+  private double mOutputs[][];
+  private final boolean mHasStringOutput;
+  private final Matcher mSOutputMatcher;
   private final String mExtrapolateLeft;
   private final String mExtrapolateRight;
   private @Nullable ValueAnimatedNode mParent;
+  private boolean mShouldRound;
+  private int mNumVals;
 
   public InterpolationAnimatedNode(ReadableMap config) {
     mInputRange = fromDoubleArray(config.getArray("inputRange"));
-    mOutputRange = fromDoubleArray(config.getArray("outputRange"));
+    ReadableArray output = config.getArray("outputRange");
+    mHasStringOutput = output.getType(0) == ReadableType.String;
+    if (mHasStringOutput) {
+      /*
+       * Supports string shapes by extracting numbers so new values can be computed,
+       * and recombines those values into new strings of the same shape.  Supports
+       * things like:
+       *
+       *   rgba(123, 42, 99, 0.36) // colors
+       *   -45deg                  // values with units
+       */
+      int size = output.size();
+      mOutputRange = new double[size];
+      mPattern = output.getString(0);
+      mShouldRound = mPattern.startsWith("rgb");
+      mSOutputMatcher = fpPattern.matcher(mPattern);
+      ArrayList<ArrayList<Double>> mOutputRanges = new ArrayList<>();
+      for (int i = 0; i < size; i++) {
+        String val = output.getString(i);
+        Matcher m = fpPattern.matcher(val);
+        ArrayList<Double> outputRange = new ArrayList<>();
+        mOutputRanges.add(outputRange);
+        while (m.find()) {
+          Double parsed = Double.parseDouble(m.group());
+          outputRange.add(parsed);
+        }
+        mOutputRange[i] = outputRange.get(0);
+      }
+
+      // ['rgba(0, 100, 200, 0)', 'rgba(50, 150, 250, 0.5)']
+      // ->
+      // [
+      //   [0, 50],
+      //   [100, 150],
+      //   [200, 250],
+      //   [0, 0.5],
+      // ]
+      mNumVals = mOutputRanges.get(0).size();
+      mOutputs = new double[mNumVals][];
+      for (int j = 0; j < mNumVals; j++) {
+        double[] arr = new double[size];
+        mOutputs[j] = arr;
+        for (int i = 0; i < size; i++) {
+          arr[i] = mOutputRanges.get(i).get(j);
+        }
+      }
+    } else {
+      mOutputRange = fromDoubleArray(output);
+      mSOutputMatcher = null;
+    }
     mExtrapolateLeft = config.getString("extrapolateLeft");
     mExtrapolateRight = config.getString("extrapolateRight");
   }
@@ -153,6 +213,39 @@ public void update() {
       // unattached node.
       return;
     }
-    mValue = interpolate(mParent.getValue(), mInputRange, mOutputRange, mExtrapolateLeft, mExtrapolateRight);
+    double value = mParent.getValue();
+    mValue = interpolate(value, mInputRange, mOutputRange, mExtrapolateLeft, mExtrapolateRight);
+    if (mHasStringOutput) {
+      // 'rgba(0, 100, 200, 0)'
+      // ->
+      // 'rgba(${interpolations[0](input)}, ${interpolations[1](input)}, ...'
+      if (mNumVals > 1) {
+        StringBuffer sb = new StringBuffer(mPattern.length());
+        int i = 0;
+        mSOutputMatcher.reset();
+        while (mSOutputMatcher.find()) {
+          double val =
+              interpolate(value, mInputRange, mOutputs[i++], mExtrapolateLeft, mExtrapolateRight);
+          if (mShouldRound) {
+            // rgba requires that the r,g,b are integers.... so we want to round them, but we *dont*
+            // want to
+            // round the opacity (4th column).
+            boolean isAlpha = i == 4;
+            int rounded = (int) Math.round(isAlpha ? val * 1000 : val);
+            String num =
+                isAlpha ? Double.toString((double) rounded / 1000) : Integer.toString(rounded);
+            mSOutputMatcher.appendReplacement(sb, num);
+          } else {
+            int intVal = (int) val;
+            String num = intVal != val ? Double.toString(val) : Integer.toString(intVal);
+            mSOutputMatcher.appendReplacement(sb, num);
+          }
+        }
+        mSOutputMatcher.appendTail(sb);
+        mAnimatedObject = sb.toString();
+      } else {
+        mAnimatedObject = mSOutputMatcher.replaceFirst(String.valueOf(mValue));
+      }
+    }
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/ModulusAnimatedNode.java b/ReactAndroid/src/main/java/com/facebook/react/animated/ModulusAnimatedNode.java
index e1e7be68535601..0a1cbf4754339c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/ModulusAnimatedNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/ModulusAnimatedNode.java
@@ -1,14 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.animated;
 
 import com.facebook.react.bridge.JSApplicationCausedNativeException;
-import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
 
 /*package*/ class ModulusAnimatedNode extends ValueAnimatedNode {
@@ -18,8 +16,7 @@
   private final double mModulus;
 
   public ModulusAnimatedNode(
-      ReadableMap config,
-      NativeAnimatedNodesManager nativeAnimatedNodesManager) {
+      ReadableMap config, NativeAnimatedNodesManager nativeAnimatedNodesManager) {
     mNativeAnimatedNodesManager = nativeAnimatedNodesManager;
     mInputNode = config.getInt("input");
     mModulus = config.getDouble("modulus");
@@ -32,8 +29,8 @@ public void update() {
       final double value = ((ValueAnimatedNode) animatedNode).getValue();
       mValue = (value % mModulus + mModulus) % mModulus;
     } else {
-      throw new JSApplicationCausedNativeException("Illegal node ID set as an input for " +
-        "Animated.modulus node");
+      throw new JSApplicationCausedNativeException(
+          "Illegal node ID set as an input for " + "Animated.modulus node");
     }
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/MultiplicationAnimatedNode.java b/ReactAndroid/src/main/java/com/facebook/react/animated/MultiplicationAnimatedNode.java
index 23839c5c221876..41f69b703404bc 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/MultiplicationAnimatedNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/MultiplicationAnimatedNode.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.animated;
 
 import com.facebook.react.bridge.JSApplicationCausedNativeException;
@@ -21,8 +20,7 @@
   private final int[] mInputNodes;
 
   public MultiplicationAnimatedNode(
-      ReadableMap config,
-      NativeAnimatedNodesManager nativeAnimatedNodesManager) {
+      ReadableMap config, NativeAnimatedNodesManager nativeAnimatedNodesManager) {
     mNativeAnimatedNodesManager = nativeAnimatedNodesManager;
     ReadableArray inputNodes = config.getArray("input");
     mInputNodes = new int[inputNodes.size()];
@@ -39,8 +37,8 @@ public void update() {
       if (animatedNode != null && animatedNode instanceof ValueAnimatedNode) {
         mValue *= ((ValueAnimatedNode) animatedNode).getValue();
       } else {
-        throw new JSApplicationCausedNativeException("Illegal node ID set as an input for " +
-          "Animated.multiply node");
+        throw new JSApplicationCausedNativeException(
+            "Illegal node ID set as an input for " + "Animated.multiply node");
       }
     }
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/NativeAnimatedModule.java b/ReactAndroid/src/main/java/com/facebook/react/animated/NativeAnimatedModule.java
index b4596f18edc4eb..71dbd6e47a21d3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/NativeAnimatedModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/NativeAnimatedModule.java
@@ -1,16 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.animated;
 
-import javax.annotation.Nullable;
-
-import java.util.ArrayList;
-
+import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.Callback;
@@ -29,51 +25,55 @@
 import com.facebook.react.uimanager.UIBlock;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.UIManagerModuleListener;
+import java.util.ArrayList;
 
 /**
  * Module that exposes interface for creating and managing animated nodes on the "native" side.
  *
- * Animated.js library is based on a concept of a graph where nodes are values or transform
+ * <p>Animated.js library is based on a concept of a graph where nodes are values or transform
  * operations (such as interpolation, addition, etc) and connection are used to describe how change
  * of the value in one node can affect other nodes.
  *
- * Few examples of the nodes that can be created on the JS side:
- *  - Animated.Value is a simplest type of node with a numeric value which can be driven by an
- *    animation engine (spring, decay, etc) or by calling setValue on it directly from JS
- *  - Animated.add is a type of node that may have two or more input nodes. It outputs the sum of
- *    all the input node values
- *  - interpolate - is actually a method you can call on any node and it creates a new node that
- *    takes the parent node as an input and outputs its interpolated value (e.g. if you have value
- *    that can animate from 0 to 1 you can create interpolated node and set output range to be 0 to
- *    100 and when the input node changes the output of interpolated node will multiply the values
- *    by 100)
+ * <p>Few examples of the nodes that can be created on the JS side:
+ *
+ * <ul>
+ *   <li>Animated.Value is a simplest type of node with a numeric value which can be driven by an
+ *       animation engine (spring, decay, etc) or by calling setValue on it directly from JS
+ *   <li>Animated.add is a type of node that may have two or more input nodes. It outputs the sum of
+ *       all the input node values
+ *   <li>interpolate - is actually a method you can call on any node and it creates a new node that
+ *       takes the parent node as an input and outputs its interpolated value (e.g. if you have
+ *       value that can animate from 0 to 1 you can create interpolated node and set output range to
+ *       be 0 to 100 and when the input node changes the output of interpolated node will multiply
+ *       the values by 100)
+ * </ul>
  *
- * You can mix and chain nodes however you like and this way create nodes graph with connections
+ * <p>You can mix and chain nodes however you like and this way create nodes graph with connections
  * between them.
  *
- * To map animated node values to view properties there is a special type of a node: AnimatedProps.
- * It is created by AnimatedImplementation whenever you render Animated.View and stores a mapping
- * from the view properties to the corresponding animated values (so it's actually also a node with
- * connections to the value nodes).
+ * <p>To map animated node values to view properties there is a special type of a node:
+ * AnimatedProps. It is created by AnimatedImplementation whenever you render Animated.View and
+ * stores a mapping from the view properties to the corresponding animated values (so it's actually
+ * also a node with connections to the value nodes).
  *
- * Last "special" elements of the the graph are "animation drivers". Those are objects (represented
- * as a graph nodes too) that based on some criteria updates attached values every frame (we have
- * few types of those, e.g., spring, timing, decay). Animation objects can be "started" and
- * "stopped". Those are like "pulse generators" for the rest of the nodes graph. Those pulses then
- * propagate along the graph to the children nodes up to the special node type: AnimatedProps which
- * then can be used to calculate property update map for a view.
+ * <p>Last "special" elements of the the graph are "animation drivers". Those are objects
+ * (represented as a graph nodes too) that based on some criteria updates attached values every
+ * frame (we have few types of those, e.g., spring, timing, decay). Animation objects can be
+ * "started" and "stopped". Those are like "pulse generators" for the rest of the nodes graph. Those
+ * pulses then propagate along the graph to the children nodes up to the special node type:
+ * AnimatedProps which then can be used to calculate property update map for a view.
  *
- * This class acts as a proxy between the "native" API that can be called from JS and the main class
- * that coordinates all the action: {@link NativeAnimatedNodesManager}. Since all the methods from
- * {@link NativeAnimatedNodesManager} need to be called from the UI thread, we we create a queue of
- * animated graph operations that is then enqueued to be executed in the UI Thread at the end of the
- * batch of JS->native calls (similarly to how it's handled in {@link UIManagerModule}). This
- * isolates us from the problems that may be caused by concurrent updates of animated graph while UI
- * thread is "executing" the animation loop.
+ * <p>This class acts as a proxy between the "native" API that can be called from JS and the main
+ * class that coordinates all the action: {@link NativeAnimatedNodesManager}. Since all the methods
+ * from {@link NativeAnimatedNodesManager} need to be called from the UI thread, we we create a
+ * queue of animated graph operations that is then enqueued to be executed in the UI Thread at the
+ * end of the batch of JS->native calls (similarly to how it's handled in {@link UIManagerModule}).
+ * This isolates us from the problems that may be caused by concurrent updates of animated graph
+ * while UI thread is "executing" the animation loop.
  */
 @ReactModule(name = NativeAnimatedModule.NAME)
-public class NativeAnimatedModule extends ReactContextBaseJavaModule implements
-    LifecycleEventListener, UIManagerModuleListener {
+public class NativeAnimatedModule extends ReactContextBaseJavaModule
+    implements LifecycleEventListener, UIManagerModuleListener {
 
   public static final String NAME = "NativeAnimatedModule";
 
@@ -92,23 +92,25 @@ public NativeAnimatedModule(ReactApplicationContext reactContext) {
     super(reactContext);
 
     mReactChoreographer = ReactChoreographer.getInstance();
-    mAnimatedFrameCallback = new GuardedFrameCallback(reactContext) {
-      @Override
-      protected void doFrameGuarded(final long frameTimeNanos) {
-        NativeAnimatedNodesManager nodesManager = getNodesManager();
-        if (nodesManager.hasActiveAnimations()) {
-          nodesManager.runUpdates(frameTimeNanos);
-        }
-
-        // TODO: Would be great to avoid adding this callback in case there are no active animations
-        // and no outstanding tasks on the operations queue. Apparently frame callbacks can only
-        // be posted from the UI thread and therefore we cannot schedule them directly from
-        // @ReactMethod methods
-        Assertions.assertNotNull(mReactChoreographer).postFrameCallback(
-          ReactChoreographer.CallbackType.NATIVE_ANIMATED_MODULE,
-          mAnimatedFrameCallback);
-      }
-    };
+    mAnimatedFrameCallback =
+        new GuardedFrameCallback(reactContext) {
+          @Override
+          protected void doFrameGuarded(final long frameTimeNanos) {
+            NativeAnimatedNodesManager nodesManager = getNodesManager();
+            if (nodesManager.hasActiveAnimations()) {
+              nodesManager.runUpdates(frameTimeNanos);
+            }
+
+            // TODO: Would be great to avoid adding this callback in case there are no active
+            // animations
+            // and no outstanding tasks on the operations queue. Apparently frame callbacks can only
+            // be posted from the UI thread and therefore we cannot schedule them directly from
+            // @ReactMethod methods
+            Assertions.assertNotNull(mReactChoreographer)
+                .postFrameCallback(
+                    ReactChoreographer.CallbackType.NATIVE_ANIMATED_MODULE, mAnimatedFrameCallback);
+          }
+        };
   }
 
   @Override
@@ -133,24 +135,26 @@ public void willDispatchViewUpdates(final UIManagerModule uiManager) {
     final ArrayList<UIThreadOperation> operations = mOperations;
     mPreOperations = new ArrayList<>();
     mOperations = new ArrayList<>();
-    uiManager.prependUIBlock(new UIBlock() {
-      @Override
-      public void execute(NativeViewHierarchyManager nativeViewHierarchyManager) {
-        NativeAnimatedNodesManager nodesManager = getNodesManager();
-        for (UIThreadOperation operation : preOperations) {
-          operation.execute(nodesManager);
-        }
-      }
-    });
-    uiManager.addUIBlock(new UIBlock() {
-      @Override
-      public void execute(NativeViewHierarchyManager nativeViewHierarchyManager) {
-        NativeAnimatedNodesManager nodesManager = getNodesManager();
-        for (UIThreadOperation operation : operations) {
-          operation.execute(nodesManager);
-        }
-      }
-    });
+    uiManager.prependUIBlock(
+        new UIBlock() {
+          @Override
+          public void execute(NativeViewHierarchyManager nativeViewHierarchyManager) {
+            NativeAnimatedNodesManager nodesManager = getNodesManager();
+            for (UIThreadOperation operation : preOperations) {
+              operation.execute(nodesManager);
+            }
+          }
+        });
+    uiManager.addUIBlock(
+        new UIBlock() {
+          @Override
+          public void execute(NativeViewHierarchyManager nativeViewHierarchyManager) {
+            NativeAnimatedNodesManager nodesManager = getNodesManager();
+            for (UIThreadOperation operation : operations) {
+              operation.execute(nodesManager);
+            }
+          }
+        });
   }
 
   @Override
@@ -170,7 +174,8 @@ public String getName() {
 
   private NativeAnimatedNodesManager getNodesManager() {
     if (mNodesManager == null) {
-      UIManagerModule uiManager = getReactApplicationContext().getNativeModule(UIManagerModule.class);
+      UIManagerModule uiManager =
+          getReactApplicationContext().getNativeModule(UIManagerModule.class);
       mNodesManager = new NativeAnimatedNodesManager(uiManager);
     }
 
@@ -178,15 +183,15 @@ private NativeAnimatedNodesManager getNodesManager() {
   }
 
   private void clearFrameCallback() {
-    Assertions.assertNotNull(mReactChoreographer).removeFrameCallback(
-      ReactChoreographer.CallbackType.NATIVE_ANIMATED_MODULE,
-      mAnimatedFrameCallback);
+    Assertions.assertNotNull(mReactChoreographer)
+        .removeFrameCallback(
+            ReactChoreographer.CallbackType.NATIVE_ANIMATED_MODULE, mAnimatedFrameCallback);
   }
 
   private void enqueueFrameCallback() {
-    Assertions.assertNotNull(mReactChoreographer).postFrameCallback(
-      ReactChoreographer.CallbackType.NATIVE_ANIMATED_MODULE,
-      mAnimatedFrameCallback);
+    Assertions.assertNotNull(mReactChoreographer)
+        .postFrameCallback(
+            ReactChoreographer.CallbackType.NATIVE_ANIMATED_MODULE, mAnimatedFrameCallback);
   }
 
   @VisibleForTesting
@@ -196,92 +201,102 @@ public void setNodesManager(NativeAnimatedNodesManager nodesManager) {
 
   @ReactMethod
   public void createAnimatedNode(final int tag, final ReadableMap config) {
-    mOperations.add(new UIThreadOperation() {
-      @Override
-      public void execute(NativeAnimatedNodesManager animatedNodesManager) {
-        animatedNodesManager.createAnimatedNode(tag, config);
-      }
-    });
+    mOperations.add(
+        new UIThreadOperation() {
+          @Override
+          public void execute(NativeAnimatedNodesManager animatedNodesManager) {
+            animatedNodesManager.createAnimatedNode(tag, config);
+          }
+        });
   }
 
   @ReactMethod
   public void startListeningToAnimatedNodeValue(final int tag) {
-    final AnimatedNodeValueListener listener = new AnimatedNodeValueListener() {
-      public void onValueUpdate(double value) {
-        WritableMap onAnimatedValueData = Arguments.createMap();
-        onAnimatedValueData.putInt("tag", tag);
-        onAnimatedValueData.putDouble("value", value);
-        getReactApplicationContext().getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
-            .emit("onAnimatedValueUpdate", onAnimatedValueData);
-      }
-    };
-
-    mOperations.add(new UIThreadOperation() {
-      @Override
-      public void execute(NativeAnimatedNodesManager animatedNodesManager) {
-        animatedNodesManager.startListeningToAnimatedNodeValue(tag, listener);
-      }
-    });
+    final AnimatedNodeValueListener listener =
+        new AnimatedNodeValueListener() {
+          public void onValueUpdate(double value) {
+            WritableMap onAnimatedValueData = Arguments.createMap();
+            onAnimatedValueData.putInt("tag", tag);
+            onAnimatedValueData.putDouble("value", value);
+            getReactApplicationContext()
+                .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
+                .emit("onAnimatedValueUpdate", onAnimatedValueData);
+          }
+        };
+
+    mOperations.add(
+        new UIThreadOperation() {
+          @Override
+          public void execute(NativeAnimatedNodesManager animatedNodesManager) {
+            animatedNodesManager.startListeningToAnimatedNodeValue(tag, listener);
+          }
+        });
   }
 
   @ReactMethod
   public void stopListeningToAnimatedNodeValue(final int tag) {
-    mOperations.add(new UIThreadOperation() {
-      @Override
-      public void execute(NativeAnimatedNodesManager animatedNodesManager) {
-        animatedNodesManager.stopListeningToAnimatedNodeValue(tag);
-      }
-    });
+    mOperations.add(
+        new UIThreadOperation() {
+          @Override
+          public void execute(NativeAnimatedNodesManager animatedNodesManager) {
+            animatedNodesManager.stopListeningToAnimatedNodeValue(tag);
+          }
+        });
   }
 
   @ReactMethod
   public void dropAnimatedNode(final int tag) {
-    mOperations.add(new UIThreadOperation() {
-      @Override
-      public void execute(NativeAnimatedNodesManager animatedNodesManager) {
-        animatedNodesManager.dropAnimatedNode(tag);
-      }
-    });
+    mOperations.add(
+        new UIThreadOperation() {
+          @Override
+          public void execute(NativeAnimatedNodesManager animatedNodesManager) {
+            animatedNodesManager.dropAnimatedNode(tag);
+          }
+        });
   }
 
   @ReactMethod
   public void setAnimatedNodeValue(final int tag, final double value) {
-    mOperations.add(new UIThreadOperation() {
-      @Override
-      public void execute(NativeAnimatedNodesManager animatedNodesManager) {
-        animatedNodesManager.setAnimatedNodeValue(tag, value);
-      }
-    });
+    mOperations.add(
+        new UIThreadOperation() {
+          @Override
+          public void execute(NativeAnimatedNodesManager animatedNodesManager) {
+            animatedNodesManager.setAnimatedNodeValue(tag, value);
+          }
+        });
   }
 
   @ReactMethod
   public void setAnimatedNodeOffset(final int tag, final double value) {
-    mOperations.add(new UIThreadOperation() {
-      @Override
-      public void execute(NativeAnimatedNodesManager animatedNodesManager) {
-        animatedNodesManager.setAnimatedNodeOffset(tag, value);
-      }
-    });
+    mOperations.add(
+        new UIThreadOperation() {
+          @Override
+          public void execute(NativeAnimatedNodesManager animatedNodesManager) {
+            animatedNodesManager.setAnimatedNodeOffset(tag, value);
+          }
+        });
   }
 
   @ReactMethod
   public void flattenAnimatedNodeOffset(final int tag) {
-    mOperations.add(new UIThreadOperation() {
-      @Override
-      public void execute(NativeAnimatedNodesManager animatedNodesManager) {
-        animatedNodesManager.flattenAnimatedNodeOffset(tag);
-      }
-    });
+    mOperations.add(
+        new UIThreadOperation() {
+          @Override
+          public void execute(NativeAnimatedNodesManager animatedNodesManager) {
+            animatedNodesManager.flattenAnimatedNodeOffset(tag);
+          }
+        });
   }
 
   @ReactMethod
   public void extractAnimatedNodeOffset(final int tag) {
-    mOperations.add(new UIThreadOperation() {
-      @Override
-      public void execute(NativeAnimatedNodesManager animatedNodesManager) {
-        animatedNodesManager.extractAnimatedNodeOffset(tag);
-      }
-    });
+    mOperations.add(
+        new UIThreadOperation() {
+          @Override
+          public void execute(NativeAnimatedNodesManager animatedNodesManager) {
+            animatedNodesManager.extractAnimatedNodeOffset(tag);
+          }
+        });
   }
 
   @ReactMethod
@@ -290,91 +305,99 @@ public void startAnimatingNode(
       final int animatedNodeTag,
       final ReadableMap animationConfig,
       final Callback endCallback) {
-    mOperations.add(new UIThreadOperation() {
-      @Override
-      public void execute(NativeAnimatedNodesManager animatedNodesManager) {
-        animatedNodesManager.startAnimatingNode(
-          animationId,
-          animatedNodeTag,
-          animationConfig,
-          endCallback);
-      }
-    });
+    mOperations.add(
+        new UIThreadOperation() {
+          @Override
+          public void execute(NativeAnimatedNodesManager animatedNodesManager) {
+            animatedNodesManager.startAnimatingNode(
+                animationId, animatedNodeTag, animationConfig, endCallback);
+          }
+        });
   }
 
   @ReactMethod
   public void stopAnimation(final int animationId) {
-    mOperations.add(new UIThreadOperation() {
-      @Override
-      public void execute(NativeAnimatedNodesManager animatedNodesManager) {
-        animatedNodesManager.stopAnimation(animationId);
-      }
-    });
+    mOperations.add(
+        new UIThreadOperation() {
+          @Override
+          public void execute(NativeAnimatedNodesManager animatedNodesManager) {
+            animatedNodesManager.stopAnimation(animationId);
+          }
+        });
   }
 
   @ReactMethod
   public void connectAnimatedNodes(final int parentNodeTag, final int childNodeTag) {
-    mOperations.add(new UIThreadOperation() {
-      @Override
-      public void execute(NativeAnimatedNodesManager animatedNodesManager) {
-        animatedNodesManager.connectAnimatedNodes(parentNodeTag, childNodeTag);
-      }
-    });
+    mOperations.add(
+        new UIThreadOperation() {
+          @Override
+          public void execute(NativeAnimatedNodesManager animatedNodesManager) {
+            animatedNodesManager.connectAnimatedNodes(parentNodeTag, childNodeTag);
+          }
+        });
   }
 
   @ReactMethod
   public void disconnectAnimatedNodes(final int parentNodeTag, final int childNodeTag) {
-    mOperations.add(new UIThreadOperation() {
-      @Override
-      public void execute(NativeAnimatedNodesManager animatedNodesManager) {
-        animatedNodesManager.disconnectAnimatedNodes(parentNodeTag, childNodeTag);
-      }
-    });
+    mOperations.add(
+        new UIThreadOperation() {
+          @Override
+          public void execute(NativeAnimatedNodesManager animatedNodesManager) {
+            animatedNodesManager.disconnectAnimatedNodes(parentNodeTag, childNodeTag);
+          }
+        });
   }
 
   @ReactMethod
   public void connectAnimatedNodeToView(final int animatedNodeTag, final int viewTag) {
-    mOperations.add(new UIThreadOperation() {
-      @Override
-      public void execute(NativeAnimatedNodesManager animatedNodesManager) {
-        animatedNodesManager.connectAnimatedNodeToView(animatedNodeTag, viewTag);
-      }
-    });
+    mOperations.add(
+        new UIThreadOperation() {
+          @Override
+          public void execute(NativeAnimatedNodesManager animatedNodesManager) {
+            animatedNodesManager.connectAnimatedNodeToView(animatedNodeTag, viewTag);
+          }
+        });
   }
 
   @ReactMethod
   public void disconnectAnimatedNodeFromView(final int animatedNodeTag, final int viewTag) {
-    mPreOperations.add(new UIThreadOperation() {
-      @Override
-      public void execute(NativeAnimatedNodesManager animatedNodesManager) {
-        animatedNodesManager.restoreDefaultValues(animatedNodeTag, viewTag);
-      }
-    });
-    mOperations.add(new UIThreadOperation() {
-      @Override
-      public void execute(NativeAnimatedNodesManager animatedNodesManager) {
-        animatedNodesManager.disconnectAnimatedNodeFromView(animatedNodeTag, viewTag);
-      }
-    });
+    mPreOperations.add(
+        new UIThreadOperation() {
+          @Override
+          public void execute(NativeAnimatedNodesManager animatedNodesManager) {
+            animatedNodesManager.restoreDefaultValues(animatedNodeTag, viewTag);
+          }
+        });
+    mOperations.add(
+        new UIThreadOperation() {
+          @Override
+          public void execute(NativeAnimatedNodesManager animatedNodesManager) {
+            animatedNodesManager.disconnectAnimatedNodeFromView(animatedNodeTag, viewTag);
+          }
+        });
   }
 
   @ReactMethod
-  public void addAnimatedEventToView(final int viewTag, final String eventName, final ReadableMap eventMapping) {
-    mOperations.add(new UIThreadOperation() {
-      @Override
-      public void execute(NativeAnimatedNodesManager animatedNodesManager) {
-        animatedNodesManager.addAnimatedEventToView(viewTag, eventName, eventMapping);
-      }
-    });
+  public void addAnimatedEventToView(
+      final int viewTag, final String eventName, final ReadableMap eventMapping) {
+    mOperations.add(
+        new UIThreadOperation() {
+          @Override
+          public void execute(NativeAnimatedNodesManager animatedNodesManager) {
+            animatedNodesManager.addAnimatedEventToView(viewTag, eventName, eventMapping);
+          }
+        });
   }
 
   @ReactMethod
-  public void removeAnimatedEventFromView(final int viewTag, final String eventName, final int animatedValueTag) {
-    mOperations.add(new UIThreadOperation() {
-      @Override
-      public void execute(NativeAnimatedNodesManager animatedNodesManager) {
-        animatedNodesManager.removeAnimatedEventFromView(viewTag, eventName, animatedValueTag);
-      }
-    });
+  public void removeAnimatedEventFromView(
+      final int viewTag, final String eventName, final int animatedValueTag) {
+    mOperations.add(
+        new UIThreadOperation() {
+          @Override
+          public void execute(NativeAnimatedNodesManager animatedNodesManager) {
+            animatedNodesManager.removeAnimatedEventFromView(viewTag, eventName, animatedValueTag);
+          }
+        });
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/NativeAnimatedNodesManager.java b/ReactAndroid/src/main/java/com/facebook/react/animated/NativeAnimatedNodesManager.java
index 1dff9639cdd6a5..fecb46dec70d92 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/NativeAnimatedNodesManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/NativeAnimatedNodesManager.java
@@ -1,14 +1,13 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.animated;
 
 import android.util.SparseArray;
-
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.Callback;
@@ -22,7 +21,6 @@
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.events.Event;
 import com.facebook.react.uimanager.events.EventDispatcherListener;
-
 import java.util.ArrayDeque;
 import java.util.ArrayList;
 import java.util.HashMap;
@@ -32,20 +30,18 @@
 import java.util.Map;
 import java.util.Queue;
 
-import javax.annotation.Nullable;
-
 /**
  * This is the main class that coordinates how native animated JS implementation drives UI changes.
  *
- * It implements a management interface for animated nodes graph as well as implements a graph
+ * <p>It implements a management interface for animated nodes graph as well as implements a graph
  * traversal algorithm that is run for each animation frame.
  *
- * For each animation frame we visit animated nodes that might've been updated as well as their
+ * <p>For each animation frame we visit animated nodes that might've been updated as well as their
  * children that may use parent's values to update themselves. At the end of the traversal algorithm
  * we expect to reach a special type of the node: PropsAnimatedNode that is then responsible for
  * calculating property map which can be sent to native view hierarchy to update the view.
  *
- * IMPORTANT: This class should be accessed only from the UI Thread
+ * <p>IMPORTANT: This class should be accessed only from the UI Thread
  */
 /*package*/ class NativeAnimatedNodesManager implements EventDispatcherListener {
 
@@ -67,7 +63,8 @@ public NativeAnimatedNodesManager(UIManagerModule uiManager) {
     mCustomEventNamesResolver = uiManager.getDirectEventNamesResolver();
   }
 
-  /*package*/ @Nullable AnimatedNode getNodeById(int id) {
+  /*package*/ @Nullable
+  AnimatedNode getNodeById(int id) {
     return mAnimatedNodes.get(id);
   }
 
@@ -77,8 +74,8 @@ public boolean hasActiveAnimations() {
 
   public void createAnimatedNode(int tag, ReadableMap config) {
     if (mAnimatedNodes.get(tag) != null) {
-      throw new JSApplicationIllegalArgumentException("Animated node with tag " + tag +
-        " already exists");
+      throw new JSApplicationIllegalArgumentException(
+          "Animated node with tag " + tag + " already exists");
     }
     String type = config.getString("type");
     final AnimatedNode node;
@@ -122,8 +119,8 @@ public void dropAnimatedNode(int tag) {
   public void startListeningToAnimatedNodeValue(int tag, AnimatedNodeValueListener listener) {
     AnimatedNode node = mAnimatedNodes.get(tag);
     if (node == null || !(node instanceof ValueAnimatedNode)) {
-      throw new JSApplicationIllegalArgumentException("Animated node with tag " + tag +
-              " does not exists or is not a 'value' node");
+      throw new JSApplicationIllegalArgumentException(
+          "Animated node with tag " + tag + " does not exists or is not a 'value' node");
     }
     ((ValueAnimatedNode) node).setValueListener(listener);
   }
@@ -131,8 +128,8 @@ public void startListeningToAnimatedNodeValue(int tag, AnimatedNodeValueListener
   public void stopListeningToAnimatedNodeValue(int tag) {
     AnimatedNode node = mAnimatedNodes.get(tag);
     if (node == null || !(node instanceof ValueAnimatedNode)) {
-      throw new JSApplicationIllegalArgumentException("Animated node with tag " + tag +
-              " does not exists or is not a 'value' node");
+      throw new JSApplicationIllegalArgumentException(
+          "Animated node with tag " + tag + " does not exists or is not a 'value' node");
     }
     ((ValueAnimatedNode) node).setValueListener(null);
   }
@@ -140,8 +137,8 @@ public void stopListeningToAnimatedNodeValue(int tag) {
   public void setAnimatedNodeValue(int tag, double value) {
     AnimatedNode node = mAnimatedNodes.get(tag);
     if (node == null || !(node instanceof ValueAnimatedNode)) {
-      throw new JSApplicationIllegalArgumentException("Animated node with tag " + tag +
-        " does not exists or is not a 'value' node");
+      throw new JSApplicationIllegalArgumentException(
+          "Animated node with tag " + tag + " does not exists or is not a 'value' node");
     }
     stopAnimationsForNode(node);
     ((ValueAnimatedNode) node).mValue = value;
@@ -151,8 +148,8 @@ public void setAnimatedNodeValue(int tag, double value) {
   public void setAnimatedNodeOffset(int tag, double offset) {
     AnimatedNode node = mAnimatedNodes.get(tag);
     if (node == null || !(node instanceof ValueAnimatedNode)) {
-      throw new JSApplicationIllegalArgumentException("Animated node with tag " + tag +
-        " does not exists or is not a 'value' node");
+      throw new JSApplicationIllegalArgumentException(
+          "Animated node with tag " + tag + " does not exists or is not a 'value' node");
     }
     ((ValueAnimatedNode) node).mOffset = offset;
     mUpdatedNodes.put(tag, node);
@@ -161,8 +158,8 @@ public void setAnimatedNodeOffset(int tag, double offset) {
   public void flattenAnimatedNodeOffset(int tag) {
     AnimatedNode node = mAnimatedNodes.get(tag);
     if (node == null || !(node instanceof ValueAnimatedNode)) {
-      throw new JSApplicationIllegalArgumentException("Animated node with tag " + tag +
-        " does not exists or is not a 'value' node");
+      throw new JSApplicationIllegalArgumentException(
+          "Animated node with tag " + tag + " does not exists or is not a 'value' node");
     }
     ((ValueAnimatedNode) node).flattenOffset();
   }
@@ -170,25 +167,22 @@ public void flattenAnimatedNodeOffset(int tag) {
   public void extractAnimatedNodeOffset(int tag) {
     AnimatedNode node = mAnimatedNodes.get(tag);
     if (node == null || !(node instanceof ValueAnimatedNode)) {
-      throw new JSApplicationIllegalArgumentException("Animated node with tag " + tag +
-        " does not exists or is not a 'value' node");
+      throw new JSApplicationIllegalArgumentException(
+          "Animated node with tag " + tag + " does not exists or is not a 'value' node");
     }
     ((ValueAnimatedNode) node).extractOffset();
   }
 
   public void startAnimatingNode(
-    int animationId,
-    int animatedNodeTag,
-    ReadableMap animationConfig,
-    Callback endCallback) {
+      int animationId, int animatedNodeTag, ReadableMap animationConfig, Callback endCallback) {
     AnimatedNode node = mAnimatedNodes.get(animatedNodeTag);
     if (node == null) {
-      throw new JSApplicationIllegalArgumentException("Animated node with tag " + animatedNodeTag +
-        " does not exists");
+      throw new JSApplicationIllegalArgumentException(
+          "Animated node with tag " + animatedNodeTag + " does not exists");
     }
     if (!(node instanceof ValueAnimatedNode)) {
-      throw new JSApplicationIllegalArgumentException("Animated node should be of type " +
-        ValueAnimatedNode.class.getName());
+      throw new JSApplicationIllegalArgumentException(
+          "Animated node should be of type " + ValueAnimatedNode.class.getName());
     }
 
     final AnimationDriver existingDriver = mActiveAnimations.get(animationId);
@@ -263,13 +257,13 @@ public void stopAnimation(int animationId) {
   public void connectAnimatedNodes(int parentNodeTag, int childNodeTag) {
     AnimatedNode parentNode = mAnimatedNodes.get(parentNodeTag);
     if (parentNode == null) {
-      throw new JSApplicationIllegalArgumentException("Animated node with tag " + parentNodeTag +
-        " does not exists");
+      throw new JSApplicationIllegalArgumentException(
+          "Animated node with tag " + parentNodeTag + " does not exists");
     }
     AnimatedNode childNode = mAnimatedNodes.get(childNodeTag);
     if (childNode == null) {
-      throw new JSApplicationIllegalArgumentException("Animated node with tag " + childNodeTag +
-        " does not exists");
+      throw new JSApplicationIllegalArgumentException(
+          "Animated node with tag " + childNodeTag + " does not exists");
     }
     parentNode.addChild(childNode);
     mUpdatedNodes.put(childNodeTag, childNode);
@@ -278,13 +272,13 @@ public void connectAnimatedNodes(int parentNodeTag, int childNodeTag) {
   public void disconnectAnimatedNodes(int parentNodeTag, int childNodeTag) {
     AnimatedNode parentNode = mAnimatedNodes.get(parentNodeTag);
     if (parentNode == null) {
-      throw new JSApplicationIllegalArgumentException("Animated node with tag " + parentNodeTag +
-        " does not exists");
+      throw new JSApplicationIllegalArgumentException(
+          "Animated node with tag " + parentNodeTag + " does not exists");
     }
     AnimatedNode childNode = mAnimatedNodes.get(childNodeTag);
     if (childNode == null) {
-      throw new JSApplicationIllegalArgumentException("Animated node with tag " + childNodeTag +
-        " does not exists");
+      throw new JSApplicationIllegalArgumentException(
+          "Animated node with tag " + childNodeTag + " does not exists");
     }
     parentNode.removeChild(childNode);
     mUpdatedNodes.put(childNodeTag, childNode);
@@ -293,12 +287,14 @@ public void disconnectAnimatedNodes(int parentNodeTag, int childNodeTag) {
   public void connectAnimatedNodeToView(int animatedNodeTag, int viewTag) {
     AnimatedNode node = mAnimatedNodes.get(animatedNodeTag);
     if (node == null) {
-      throw new JSApplicationIllegalArgumentException("Animated node with tag " + animatedNodeTag +
-        " does not exists");
+      throw new JSApplicationIllegalArgumentException(
+          "Animated node with tag " + animatedNodeTag + " does not exists");
     }
     if (!(node instanceof PropsAnimatedNode)) {
-      throw new JSApplicationIllegalArgumentException("Animated node connected to view should be" +
-        "of type " + PropsAnimatedNode.class.getName());
+      throw new JSApplicationIllegalArgumentException(
+          "Animated node connected to view should be"
+              + "of type "
+              + PropsAnimatedNode.class.getName());
     }
     PropsAnimatedNode propsAnimatedNode = (PropsAnimatedNode) node;
     propsAnimatedNode.connectToView(viewTag);
@@ -308,12 +304,14 @@ public void connectAnimatedNodeToView(int animatedNodeTag, int viewTag) {
   public void disconnectAnimatedNodeFromView(int animatedNodeTag, int viewTag) {
     AnimatedNode node = mAnimatedNodes.get(animatedNodeTag);
     if (node == null) {
-      throw new JSApplicationIllegalArgumentException("Animated node with tag " + animatedNodeTag +
-        " does not exists");
+      throw new JSApplicationIllegalArgumentException(
+          "Animated node with tag " + animatedNodeTag + " does not exists");
     }
     if (!(node instanceof PropsAnimatedNode)) {
-      throw new JSApplicationIllegalArgumentException("Animated node connected to view should be" +
-        "of type " + PropsAnimatedNode.class.getName());
+      throw new JSApplicationIllegalArgumentException(
+          "Animated node connected to view should be"
+              + "of type "
+              + PropsAnimatedNode.class.getName());
     }
     PropsAnimatedNode propsAnimatedNode = (PropsAnimatedNode) node;
     propsAnimatedNode.disconnectFromView(viewTag);
@@ -329,8 +327,10 @@ public void restoreDefaultValues(int animatedNodeTag, int viewTag) {
       return;
     }
     if (!(node instanceof PropsAnimatedNode)) {
-      throw new JSApplicationIllegalArgumentException("Animated node connected to view should be" +
-        "of type " + PropsAnimatedNode.class.getName());
+      throw new JSApplicationIllegalArgumentException(
+          "Animated node connected to view should be"
+              + "of type "
+              + PropsAnimatedNode.class.getName());
     }
     PropsAnimatedNode propsAnimatedNode = (PropsAnimatedNode) node;
     propsAnimatedNode.restoreDefaultValues();
@@ -340,12 +340,14 @@ public void addAnimatedEventToView(int viewTag, String eventName, ReadableMap ev
     int nodeTag = eventMapping.getInt("animatedValueTag");
     AnimatedNode node = mAnimatedNodes.get(nodeTag);
     if (node == null) {
-      throw new JSApplicationIllegalArgumentException("Animated node with tag " + nodeTag +
-        " does not exists");
+      throw new JSApplicationIllegalArgumentException(
+          "Animated node with tag " + nodeTag + " does not exists");
     }
     if (!(node instanceof ValueAnimatedNode)) {
-      throw new JSApplicationIllegalArgumentException("Animated node connected to event should be" +
-        "of type " + ValueAnimatedNode.class.getName());
+      throw new JSApplicationIllegalArgumentException(
+          "Animated node connected to event should be"
+              + "of type "
+              + ValueAnimatedNode.class.getName());
     }
 
     ReadableArray path = eventMapping.getArray("nativeEventPath");
@@ -390,12 +392,13 @@ public void onEventDispatch(final Event event) {
     if (UiThreadUtil.isOnUiThread()) {
       handleEvent(event);
     } else {
-      UiThreadUtil.runOnUiThread(new Runnable() {
-        @Override
-        public void run() {
-          handleEvent(event);
-        }
-      });
+      UiThreadUtil.runOnUiThread(
+          new Runnable() {
+            @Override
+            public void run() {
+              handleEvent(event);
+            }
+          });
     }
   }
 
@@ -417,12 +420,12 @@ private void handleEvent(Event event) {
   }
 
   /**
-   * Animation loop performs two BFSes over the graph of animated nodes. We use incremented
-   * {@code mAnimatedGraphBFSColor} to mark nodes as visited in each of the BFSes which saves
-   * additional loops for clearing "visited" states.
+   * Animation loop performs two BFSes over the graph of animated nodes. We use incremented {@code
+   * mAnimatedGraphBFSColor} to mark nodes as visited in each of the BFSes which saves additional
+   * loops for clearing "visited" states.
    *
-   * First BFS starts with nodes that are in {@code mUpdatedNodes} (that is, their value have been
-   * modified from JS in the last batch of JS operations) or directly attached to an active
+   * <p>First BFS starts with nodes that are in {@code mUpdatedNodes} (that is, their value have
+   * been modified from JS in the last batch of JS operations) or directly attached to an active
    * animation (hence linked to objects from {@code mActiveAnimations}). In that step we calculate
    * an attribute {@code mActiveIncomingNodes}. The second BFS runs in topological order over the
    * sub-graph of *active* nodes. This is done by adding node to the BFS queue only if all its
@@ -543,14 +546,20 @@ private void updateNodes(List<AnimatedNode> nodes) {
         try {
           ((PropsAnimatedNode) nextNode).updateView();
         } catch (IllegalViewOperationException e) {
-            // An exception is thrown if the view hasn't been created yet. This can happen because views are
-            // created in batches. If this particular view didn't make it into a batch yet, the view won't
-            // exist and an exception will be thrown when attempting to start an animation on it.
-            //
-            // Eat the exception rather than crashing. The impact is that we may drop one or more frames of the
-            // animation.
-            FLog.e(ReactConstants.TAG, "Native animation workaround, frame lost as result of race condition", e);
-          }
+          // An exception is thrown if the view hasn't been created yet. This can happen because
+          // views are
+          // created in batches. If this particular view didn't make it into a batch yet, the view
+          // won't
+          // exist and an exception will be thrown when attempting to start an animation on it.
+          //
+          // Eat the exception rather than crashing. The impact is that we may drop one or more
+          // frames of the
+          // animation.
+          FLog.e(
+              ReactConstants.TAG,
+              "Native animation workaround, frame lost as result of race condition",
+              e);
+        }
       }
       if (nextNode instanceof ValueAnimatedNode) {
         // Potentially send events to JS when the node's value is updated
@@ -574,8 +583,11 @@ private void updateNodes(List<AnimatedNode> nodes) {
     // visited in the step above so that all the nodes properties `mActiveIncomingNodes` are set to
     // zero
     if (activeNodesCount != updatedNodesCount) {
-      throw new IllegalStateException("Looks like animated nodes graph has cycles, there are "
-        + activeNodesCount + " but toposort visited only " + updatedNodesCount);
+      throw new IllegalStateException(
+          "Looks like animated nodes graph has cycles, there are "
+              + activeNodesCount
+              + " but toposort visited only "
+              + updatedNodesCount);
     }
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/PropsAnimatedNode.java b/ReactAndroid/src/main/java/com/facebook/react/animated/PropsAnimatedNode.java
index 250eb21dbc0d9a..251a1d9f8ff3a2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/PropsAnimatedNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/PropsAnimatedNode.java
@@ -1,27 +1,24 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.animated;
 
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.JavaOnlyMap;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.ReadableMapKeySetIterator;
-
 import com.facebook.react.bridge.UIManager;
 import java.util.HashMap;
 import java.util.Map;
 
-import javax.annotation.Nullable;
-
 /**
  * Animated node that represents view properties. There is a special handling logic implemented for
- * the nodes of this type in {@link NativeAnimatedNodesManager} that is responsible for extracting
- * a map of updated properties, which can be then passed down to the view.
+ * the nodes of this type in {@link NativeAnimatedNodesManager} that is responsible for extracting a
+ * map of updated properties, which can be then passed down to the view.
  */
 /*package*/ class PropsAnimatedNode extends AnimatedNode {
 
@@ -31,7 +28,10 @@
   private final Map<String, Integer> mPropNodeMapping;
   private final JavaOnlyMap mPropMap;
 
-  PropsAnimatedNode(ReadableMap config, NativeAnimatedNodesManager nativeAnimatedNodesManager, UIManager uiManager) {
+  PropsAnimatedNode(
+      ReadableMap config,
+      NativeAnimatedNodesManager nativeAnimatedNodesManager,
+      UIManager uiManager) {
     ReadableMap props = config.getMap("props");
     ReadableMapKeySetIterator iter = props.keySetIterator();
     mPropNodeMapping = new HashMap<>();
@@ -47,16 +47,17 @@
 
   public void connectToView(int viewTag) {
     if (mConnectedViewTag != -1) {
-      throw new JSApplicationIllegalArgumentException("Animated node " + mTag + " is " +
-        "already attached to a view");
+      throw new JSApplicationIllegalArgumentException(
+          "Animated node " + mTag + " is " + "already attached to a view");
     }
     mConnectedViewTag = viewTag;
   }
 
   public void disconnectFromView(int viewTag) {
     if (mConnectedViewTag != viewTag) {
-      throw new JSApplicationIllegalArgumentException("Attempting to disconnect view that has " +
-        "not been connected with the given animated node");
+      throw new JSApplicationIllegalArgumentException(
+          "Attempting to disconnect view that has "
+              + "not been connected with the given animated node");
     }
 
     mConnectedViewTag = -1;
@@ -64,13 +65,11 @@ public void disconnectFromView(int viewTag) {
 
   public void restoreDefaultValues() {
     ReadableMapKeySetIterator it = mPropMap.keySetIterator();
-    while(it.hasNextKey()) {
+    while (it.hasNextKey()) {
       mPropMap.putNull(it.nextKey());
     }
 
-    mUIManager.synchronouslyUpdateViewOnUIThread(
-      mConnectedViewTag,
-      mPropMap);
+    mUIManager.synchronouslyUpdateViewOnUIThread(mConnectedViewTag, mPropMap);
   }
 
   public final void updateView() {
@@ -84,15 +83,18 @@ public final void updateView() {
       } else if (node instanceof StyleAnimatedNode) {
         ((StyleAnimatedNode) node).collectViewUpdates(mPropMap);
       } else if (node instanceof ValueAnimatedNode) {
-        mPropMap.putDouble(entry.getKey(), ((ValueAnimatedNode) node).getValue());
+        Object animatedObject = ((ValueAnimatedNode) node).getAnimatedObject();
+        if (animatedObject instanceof String) {
+          mPropMap.putString(entry.getKey(), (String) animatedObject);
+        } else {
+          mPropMap.putDouble(entry.getKey(), ((ValueAnimatedNode) node).getValue());
+        }
       } else {
-        throw new IllegalArgumentException("Unsupported type of node used in property node " +
-            node.getClass());
+        throw new IllegalArgumentException(
+            "Unsupported type of node used in property node " + node.getClass());
       }
     }
 
-    mUIManager.synchronouslyUpdateViewOnUIThread(
-      mConnectedViewTag,
-      mPropMap);
+    mUIManager.synchronouslyUpdateViewOnUIThread(mConnectedViewTag, mPropMap);
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/SpringAnimation.java b/ReactAndroid/src/main/java/com/facebook/react/animated/SpringAnimation.java
index 6b76ae32daa1bf..0d0015af52f200 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/SpringAnimation.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/SpringAnimation.java
@@ -1,18 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.animated;
 
 import com.facebook.react.bridge.ReadableMap;
 
 /**
  * Implementation of {@link AnimationDriver} providing support for spring animations. The
- * implementation has been copied from android implementation of Rebound library (see
- * <a href="http://facebook.github.io/rebound/">http://facebook.github.io/rebound/</a>)
+ * 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 {
 
@@ -101,6 +100,7 @@ public void runAnimationStep(long frameTimeNanos) {
 
   /**
    * get the displacement from rest for a given physics state
+   *
    * @param state the state to measure from
    * @return the distance displaced by
    */
@@ -110,22 +110,24 @@ private double getDisplacementDistanceForState(PhysicsState state) {
 
   /**
    * check if the current state is at rest
+   *
    * @return is the spring at rest
    */
   private boolean isAtRest() {
-    return Math.abs(mCurrentState.velocity) <= mRestSpeedThreshold &&
-      (getDisplacementDistanceForState(mCurrentState) <= mDisplacementFromRestThreshold ||
-        mSpringStiffness == 0);
+    return Math.abs(mCurrentState.velocity) <= mRestSpeedThreshold
+        && (getDisplacementDistanceForState(mCurrentState) <= mDisplacementFromRestThreshold
+            || mSpringStiffness == 0);
   }
 
   /**
    * Check if the spring is overshooting beyond its target.
+   *
    * @return true if the spring is overshooting its target
    */
   private boolean isOvershooting() {
-    return mSpringStiffness > 0 &&
-      ((mStartValue < mEndValue && mCurrentState.position > mEndValue) ||
-        (mStartValue > mEndValue && mCurrentState.position < mEndValue));
+    return mSpringStiffness > 0
+        && ((mStartValue < mEndValue && mCurrentState.position > mEndValue)
+            || (mStartValue > mEndValue && mCurrentState.position < mEndValue));
   }
 
   private void advance(double realDeltaTime) {
@@ -147,7 +149,7 @@ private void advance(double realDeltaTime) {
     double k = mSpringStiffness;
     double v0 = -mInitialVelocity;
 
-    double zeta = c / (2 * Math.sqrt(k * m ));
+    double zeta = c / (2 * Math.sqrt(k * m));
     double omega0 = Math.sqrt(k / m);
     double omega1 = omega0 * Math.sqrt(1.0 - (zeta * zeta));
     double x0 = mEndValue - mStartValue;
@@ -159,27 +161,26 @@ private void advance(double realDeltaTime) {
       // Under damped
       double envelope = Math.exp(-zeta * omega0 * t);
       position =
-        mEndValue -
-          envelope *
-            ((v0 + zeta * omega0 * x0) / omega1 * Math.sin(omega1 * t) +
-              x0 * Math.cos(omega1 * t));
+          mEndValue
+              - envelope
+                  * ((v0 + zeta * omega0 * x0) / omega1 * Math.sin(omega1 * t)
+                      + x0 * Math.cos(omega1 * t));
       // This looks crazy -- it's actually just the derivative of the
       // oscillation function
       velocity =
-        zeta *
-          omega0 *
-          envelope *
-          (Math.sin(omega1 * t) * (v0 + zeta * omega0 * x0) / omega1 +
-            x0 * Math.cos(omega1 * t)) -
-          envelope *
-            (Math.cos(omega1 * t) * (v0 + zeta * omega0 * x0) -
-              omega1 * x0 * Math.sin(omega1 * t));
+          zeta
+                  * omega0
+                  * envelope
+                  * (Math.sin(omega1 * t) * (v0 + zeta * omega0 * x0) / omega1
+                      + x0 * Math.cos(omega1 * t))
+              - envelope
+                  * (Math.cos(omega1 * t) * (v0 + zeta * omega0 * x0)
+                      - omega1 * x0 * Math.sin(omega1 * t));
     } else {
       // Critically damped spring
       double envelope = Math.exp(-omega0 * t);
       position = mEndValue - envelope * (x0 + (v0 + omega0 * x0) * t);
-      velocity =
-        envelope * (v0 * (t * omega0 - 1) + t * x0 * (omega0 * omega0));
+      velocity = envelope * (v0 * (t * omega0 - 1) + t * x0 * (omega0 * omega0));
     }
 
     mCurrentState.position = position;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/StyleAnimatedNode.java b/ReactAndroid/src/main/java/com/facebook/react/animated/StyleAnimatedNode.java
index 0a46c31facd05a..9ca5444304b92b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/StyleAnimatedNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/StyleAnimatedNode.java
@@ -1,21 +1,18 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.animated;
 
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.JavaOnlyMap;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.ReadableMapKeySetIterator;
-
 import java.util.HashMap;
 import java.util.Map;
 
-import javax.annotation.Nullable;
-
 /**
  * Native counterpart of style animated node (see AnimatedStyle class in AnimatedImplementation.js)
  */
@@ -46,8 +43,8 @@ public void collectViewUpdates(JavaOnlyMap propsMap) {
       } else if (node instanceof ValueAnimatedNode) {
         propsMap.putDouble(entry.getKey(), ((ValueAnimatedNode) node).getValue());
       } else {
-        throw new IllegalArgumentException("Unsupported type of node used in property node " +
-          node.getClass());
+        throw new IllegalArgumentException(
+            "Unsupported type of node used in property node " + node.getClass());
       }
     }
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/SubtractionAnimatedNode.java b/ReactAndroid/src/main/java/com/facebook/react/animated/SubtractionAnimatedNode.java
index ac29638a2d3c73..c54fbe83b7bf4b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/SubtractionAnimatedNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/SubtractionAnimatedNode.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.animated;
 
 import com.facebook.react.bridge.JSApplicationCausedNativeException;
@@ -21,8 +20,7 @@
   private final int[] mInputNodes;
 
   public SubtractionAnimatedNode(
-      ReadableMap config,
-      NativeAnimatedNodesManager nativeAnimatedNodesManager) {
+      ReadableMap config, NativeAnimatedNodesManager nativeAnimatedNodesManager) {
     mNativeAnimatedNodesManager = nativeAnimatedNodesManager;
     ReadableArray inputNodes = config.getArray("input");
     mInputNodes = new int[inputNodes.size()];
@@ -43,8 +41,8 @@ public void update() {
         }
         mValue -= ((ValueAnimatedNode) animatedNode).getValue();
       } else {
-        throw new JSApplicationCausedNativeException("Illegal node ID set as an input for " +
-          "Animated.subtract node");
+        throw new JSApplicationCausedNativeException(
+            "Illegal node ID set as an input for " + "Animated.subtract node");
       }
     }
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/TrackingAnimatedNode.java b/ReactAndroid/src/main/java/com/facebook/react/animated/TrackingAnimatedNode.java
index 76108b548a3ddc..ea1f6685a1654c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/TrackingAnimatedNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/TrackingAnimatedNode.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.animated;
 
 import com.facebook.react.bridge.JavaOnlyMap;
@@ -30,6 +29,7 @@
   public void update() {
     AnimatedNode toValue = mNativeAnimatedNodesManager.getNodeById(mToValueNode);
     mAnimationConfig.putDouble("toValue", ((ValueAnimatedNode) toValue).getValue());
-    mNativeAnimatedNodesManager.startAnimatingNode(mAnimationId, mValueNode, mAnimationConfig, null);
+    mNativeAnimatedNodesManager.startAnimatingNode(
+        mAnimationId, mValueNode, mAnimationConfig, null);
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/TransformAnimatedNode.java b/ReactAndroid/src/main/java/com/facebook/react/animated/TransformAnimatedNode.java
index 9288c25d6bfd0a..466cf28ef56a4c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/TransformAnimatedNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/TransformAnimatedNode.java
@@ -1,22 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.animated;
 
 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 java.util.ArrayList;
 import java.util.List;
 
 /**
- * Native counterpart of transform animated node (see AnimatedTransform class in AnimatedImplementation.js)
+ * Native counterpart of transform animated node (see AnimatedTransform class in
+ * AnimatedImplementation.js)
  */
 /* package */ class TransformAnimatedNode extends AnimatedNode {
 
@@ -70,8 +69,8 @@ public void collectViewUpdates(JavaOnlyMap propsMap) {
         } else if (node instanceof ValueAnimatedNode) {
           value = ((ValueAnimatedNode) node).getValue();
         } else {
-          throw new IllegalArgumentException("Unsupported type of node used as a transform child " +
-            "node " + node.getClass());
+          throw new IllegalArgumentException(
+              "Unsupported type of node used as a transform child " + "node " + node.getClass());
         }
       } else {
         value = ((StaticTransformConfig) transformConfig).mValue;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/ValueAnimatedNode.java b/ReactAndroid/src/main/java/com/facebook/react/animated/ValueAnimatedNode.java
index 49426c77ebb237..063ce603396f15 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/ValueAnimatedNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/ValueAnimatedNode.java
@@ -1,21 +1,20 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.animated;
 
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.ReadableMap;
 
-import javax.annotation.Nullable;
-
 /**
  * Basic type of animated node that maps directly from {@code Animated.Value(x)} of Animated.js
  * library.
  */
 /*package*/ class ValueAnimatedNode extends AnimatedNode {
+  /*package*/ Object mAnimatedObject = null;
   /*package*/ double mValue = Double.NaN;
   /*package*/ double mOffset = 0;
   private @Nullable AnimatedNodeValueListener mValueListener;
@@ -33,6 +32,10 @@ public double getValue() {
     return mOffset + mValue;
   }
 
+  public Object getAnimatedObject() {
+    return mAnimatedObject;
+  }
+
   public void flattenOffset() {
     mValue += mOffset;
     mOffset = 0;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ActivityEventListener.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ActivityEventListener.java
index f4b6f51f933fbd..4cd950409f52ac 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ActivityEventListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ActivityEventListener.java
@@ -14,13 +14,9 @@
  */
 public interface ActivityEventListener {
 
-  /**
-   * Called when host (activity/service) receives an {@link Activity#onActivityResult} call.
-   */
+  /** Called when host (activity/service) receives an {@link Activity#onActivityResult} call. */
   void onActivityResult(Activity activity, int requestCode, int resultCode, Intent data);
 
-  /**
-   * Called when a new intent is passed to the activity
-   */
+  /** Called when a new intent is passed to the activity */
   void onNewIntent(Intent intent);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/Arguments.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/Arguments.java
index deffbe52655685..e17e3c1aca1166 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/Arguments.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/Arguments.java
@@ -1,30 +1,27 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 android.os.Bundle;
+import androidx.annotation.Nullable;
 import java.lang.reflect.Array;
-
 import java.util.AbstractList;
 import java.util.ArrayList;
 import java.util.List;
 import java.util.Map;
 
-import javax.annotation.Nullable;
-
-import android.os.Bundle;
-
 public class Arguments {
   private static Object makeNativeObject(Object object) {
     if (object == null) {
       return null;
-    } else if (object instanceof Float ||
-      object instanceof Long ||
-      object instanceof Byte ||
-      object instanceof Short) {
+    } else if (object instanceof Float
+        || object instanceof Long
+        || object instanceof Byte
+        || object instanceof Short) {
       return ((Number) object).doubleValue();
     } else if (object.getClass().isArray()) {
       return makeNativeArray(object);
@@ -41,12 +38,11 @@ private static Object makeNativeObject(Object object) {
   }
 
   /**
-   * This method converts a List into a NativeArray.  The data types supported
-   * are boolean, int, float, double, and String.  List, Map, and Bundle
-   * objects, as well as arrays, containing values of the above types and/or
-   * null, or any recursive arrangement of these, are also supported.  The best
-   * way to think of this is a way to generate a Java representation of a json
-   * list, from Java types which have a natural representation in json.
+   * This method converts a List into a NativeArray. The data types supported are boolean, int,
+   * float, double, and String. List, Map, and Bundle objects, as well as arrays, containing values
+   * of the above types and/or null, or any recursive arrangement of these, are also supported. The
+   * best way to think of this is a way to generate a Java representation of a json list, from Java
+   * types which have a natural representation in json.
    */
   public static WritableNativeArray makeNativeArray(List objects) {
     WritableNativeArray nativeArray = new WritableNativeArray();
@@ -77,8 +73,8 @@ public static WritableNativeArray makeNativeArray(List objects) {
   }
 
   /**
-   * This overload is like the above, but uses reflection to operate on any
-   * primitive or object type.
+   * This overload is like the above, but uses reflection to operate on any primitive or object
+   * type.
    */
   public static <T> WritableNativeArray makeNativeArray(final Object objects) {
     if (objects == null) {
@@ -86,15 +82,16 @@ public static <T> WritableNativeArray makeNativeArray(final Object objects) {
     }
     // No explicit check for objects's type here.  If it's not an array, the
     // Array methods will throw IllegalArgumentException.
-    return makeNativeArray(new AbstractList() {
-      public int size() {
-        return Array.getLength(objects);
-      }
+    return makeNativeArray(
+        new AbstractList() {
+          public int size() {
+            return Array.getLength(objects);
+          }
 
-      public Object get(int index) {
-        return Array.get(objects, index);
-      }
-    });
+          public Object get(int index) {
+            return Array.get(objects, index);
+          }
+        });
   }
 
   private static void addEntry(WritableNativeMap nativeMap, String key, Object value) {
@@ -119,10 +116,9 @@ private static void addEntry(WritableNativeMap nativeMap, String key, Object val
   }
 
   /**
-   * This method converts a Map into a NativeMap.  Value types are supported as
-   * with makeNativeArray.  The best way to think of this is a way to generate
-   * a Java representation of a json object, from Java types which have a
-   * natural representation in json.
+   * This method converts a Map into a NativeMap. Value types are supported as with makeNativeArray.
+   * The best way to think of this is a way to generate a Java representation of a json object, from
+   * Java types which have a natural representation in json.
    */
   public static WritableNativeMap makeNativeMap(Map<String, Object> objects) {
     WritableNativeMap nativeMap = new WritableNativeMap();
@@ -135,9 +131,7 @@ public static WritableNativeMap makeNativeMap(Map<String, Object> objects) {
     return nativeMap;
   }
 
-  /**
-   * Like the above, but takes a Bundle instead of a Map.
-   */
+  /** Like the above, but takes a Bundle instead of a Map. */
   public static WritableNativeMap makeNativeMap(Bundle bundle) {
     WritableNativeMap nativeMap = new WritableNativeMap();
     if (bundle == null) {
@@ -149,16 +143,12 @@ public static WritableNativeMap makeNativeMap(Bundle bundle) {
     return nativeMap;
   }
 
-  /**
-   * This method should be used when you need to stub out creating NativeArrays in unit tests.
-   */
+  /** This method should be used when you need to stub out creating NativeArrays in unit tests. */
   public static WritableArray createArray() {
     return new WritableNativeArray();
   }
 
-  /**
-   * This method should be used when you need to stub out creating NativeMaps in unit tests.
-   */
+  /** This method should be used when you need to stub out creating NativeMaps in unit tests. */
   public static WritableMap createMap() {
     return new WritableNativeMap();
   }
@@ -198,7 +188,7 @@ public static WritableNativeArray fromJavaArgs(Object[] args) {
    * Convert an array to a {@link WritableArray}.
    *
    * @param array the array to convert. Supported types are: {@code String[]}, {@code Bundle[]},
-   *              {@code int[]}, {@code float[]}, {@code double[]}, {@code boolean[]}.
+   *     {@code int[]}, {@code float[]}, {@code double[]}, {@code boolean[]}.
    * @return the converted {@link WritableArray}
    * @throws IllegalArgumentException if the passed object is none of the above types
    */
@@ -237,10 +227,12 @@ public static WritableArray fromArray(Object array) {
   /**
    * Convert a {@link List} to a {@link WritableArray}.
    *
-   * @param list the list to convert. Supported value types are: {@code null}, {@code String}, {@code Bundle},
-   *              {@code List}, {@code Number}, {@code Boolean}, and all array types supported in {@link #fromArray(Object)}.
+   * @param list the list to convert. Supported value types are: {@code null}, {@code String},
+   *     {@code Bundle}, {@code List}, {@code Number}, {@code Boolean}, and all array types
+   *     supported in {@link #fromArray(Object)}.
    * @return the converted {@link WritableArray}
-   * @throws IllegalArgumentException if one of the values from the passed list is none of the above types
+   * @throws IllegalArgumentException if one of the values from the passed list is none of the above
+   *     types
    */
   public static WritableArray fromList(List list) {
     WritableArray catalystArray = createArray();
@@ -269,14 +261,15 @@ public static WritableArray fromList(List list) {
   }
 
   /**
-   * Convert a {@link Bundle} to a {@link WritableMap}. Supported key types in the bundle
-   * are:
+   * Convert a {@link Bundle} to a {@link WritableMap}. Supported key types in the bundle are:
+   *
    * <p>
+   *
    * <ul>
-   * <li>primitive types: int, float, double, boolean</li>
-   * <li>arrays supported by {@link #fromArray(Object)}</li>
-   * <li>lists supported by {@link #fromList(List)}</li>
-   * <li>{@link Bundle} objects that are recursively converted to maps</li>
+   *   <li>primitive types: int, float, double, boolean
+   *   <li>arrays supported by {@link #fromArray(Object)}
+   *   <li>lists supported by {@link #fromList(List)}
+   *   <li>{@link Bundle} objects that are recursively converted to maps
    * </ul>
    *
    * @param bundle the {@link Bundle} to convert
@@ -362,8 +355,8 @@ public static ArrayList toList(@Nullable ReadableArray readableArray) {
   }
 
   /**
-   * Convert a {@link WritableMap} to a {@link Bundle}.
-   * Note: Each array is converted to an {@link ArrayList}.
+   * Convert a {@link WritableMap} to a {@link Bundle}. Note: Each array is converted to an {@link
+   * ArrayList}.
    *
    * @param readableMap the {@link WritableMap} to convert.
    * @return the converted {@link Bundle}.
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/AssertionException.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/AssertionException.java
index e225b718dd3a0e..424bc716f60cf5 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/AssertionException.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/AssertionException.java
@@ -1,16 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 /**
- * Like {@link AssertionError} but extends RuntimeException so that it may be caught by a
- * {@link NativeModuleCallExceptionHandler}. See that class for more details. Used in
- * conjunction with {@link SoftAssertions}.
+ * Like {@link AssertionError} but extends RuntimeException so that it may be caught by a {@link
+ * NativeModuleCallExceptionHandler}. See that class for more details. Used in conjunction with
+ * {@link SoftAssertions}.
  */
 public class AssertionException extends RuntimeException {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/BaseActivityEventListener.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/BaseActivityEventListener.java
index d7369ad1932c4a..98d67b86b2266e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/BaseActivityEventListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/BaseActivityEventListener.java
@@ -8,20 +8,16 @@
 import android.app.Activity;
 import android.content.Intent;
 
-/**
- * An empty implementation of {@link ActivityEventListener}
- */
+/** An empty implementation of {@link ActivityEventListener} */
 public class BaseActivityEventListener implements ActivityEventListener {
 
-  /**
-   * @deprecated use {@link #onActivityResult(Activity, int, int, Intent)} instead.
-   */
+  /** @deprecated use {@link #onActivityResult(Activity, int, int, Intent)} instead. */
   @Deprecated
-  public void onActivityResult(int requestCode, int resultCode, Intent data) { }
+  public void onActivityResult(int requestCode, int resultCode, Intent data) {}
 
   @Override
-  public void onActivityResult(Activity activity, int requestCode, int resultCode, Intent data) { }
+  public void onActivityResult(Activity activity, int requestCode, int resultCode, Intent data) {}
 
   @Override
-  public void onNewIntent(Intent intent) { }
+  public void onNewIntent(Intent intent) {}
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/BaseJavaModule.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/BaseJavaModule.java
index 04ca7a91c74969..6baff1cb00cf22 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/BaseJavaModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/BaseJavaModule.java
@@ -1,49 +1,49 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
-
+import androidx.annotation.Nullable;
 import java.util.Map;
 
 /**
  * Base class for Catalyst native modules whose implementations are written in Java. Default
  * implementations for {@link #initialize} and {@link #onCatalystInstanceDestroy} are provided for
- * convenience.  Subclasses which override these don't need to call {@code super} in case of
+ * convenience. Subclasses which override these don't need to call {@code super} in case of
  * overriding those methods as implementation of those methods is empty.
  *
- * BaseJavaModules can be linked to Fragments' lifecycle events, {@link CatalystInstance} creation
- * and destruction, by being called on the appropriate method when a life cycle event occurs.
+ * <p>BaseJavaModules can be linked to Fragments' lifecycle events, {@link CatalystInstance}
+ * creation and destruction, by being called on the appropriate method when a life cycle event
+ * occurs.
  *
- * Native methods can be exposed to JS with {@link ReactMethod} annotation. Those methods may
+ * <p>Native methods can be exposed to JS with {@link ReactMethod} annotation. Those methods may
  * only use limited number of types for their arguments:
- * 1/ primitives (boolean, int, float, double
- * 2/ {@link String} mapped from JS string
- * 3/ {@link ReadableArray} mapped from JS Array
- * 4/ {@link ReadableMap} mapped from JS Object
- * 5/ {@link Callback} mapped from js function and can be used only as a last parameter or in the
- * case when it express success & error callback pair as two last arguments respectively.
  *
- * All methods exposed as native to JS with {@link ReactMethod} annotation must return
- * {@code void}.
+ * <ol>
+ *   <li>primitives (boolean, int, float, double
+ *   <li>{@link String} mapped from JS string
+ *   <li>{@link ReadableArray} mapped from JS Array
+ *   <li>{@link ReadableMap} mapped from JS Object
+ *   <li>{@link Callback} mapped from js function and can be used only as a last parameter or in the
+ *       case when it express success & error callback pair as two last arguments respectively.
+ * </ol>
+ *
+ * <p>All methods exposed as native to JS with {@link ReactMethod} annotation must return {@code
+ * void}.
  *
- * Please note that it is not allowed to have multiple methods annotated with {@link ReactMethod}
+ * <p>Please note that it is not allowed to have multiple methods annotated with {@link ReactMethod}
  * with the same name.
  */
 public abstract class BaseJavaModule implements NativeModule {
   // taken from Libraries/Utilities/MessageQueue.js
-  static final public String METHOD_TYPE_ASYNC = "async";
-  static final public String METHOD_TYPE_PROMISE= "promise";
-  static final public String METHOD_TYPE_SYNC = "sync";
+  public static final String METHOD_TYPE_ASYNC = "async";
+  public static final String METHOD_TYPE_PROMISE = "promise";
+  public static final String METHOD_TYPE_SYNC = "sync";
 
-  /**
-   * @return a map of constants this module exports to JS. Supports JSON types.
-   */
+  /** @return a map of constants this module exports to JS. Supports JSON types. */
   public @Nullable Map<String, Object> getConstants() {
     return null;
   }
@@ -67,4 +67,9 @@ public void onCatalystInstanceDestroy() {
   public boolean hasConstants() {
     return false;
   }
+
+  // Cleanup Logic for TurboModules
+  public void invalidate() {
+    // Do nothing
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/Callback.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/Callback.java
index 26cb5b4c483ff4..ed70293becef81 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/Callback.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/Callback.java
@@ -1,15 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 /**
- * Interface that represent javascript callback function which can be passed to the native module
- * as a method parameter.
+ * Interface that represent javascript callback function which can be passed to the native module as
+ * a method parameter.
  */
 public interface Callback {
 
@@ -19,5 +18,4 @@ public interface Callback {
    * @param args arguments passed to javascript callback method via bridge
    */
   public void invoke(Object... args);
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/CallbackImpl.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/CallbackImpl.java
index 9bef1b06189028..09de03d4e4b1c6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/CallbackImpl.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/CallbackImpl.java
@@ -1,15 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
-/**
- * Implementation of javascript callback function that use Bridge to schedule method execution
- */
+/** Implementation of javascript callback function that use Bridge to schedule method execution */
 public final class CallbackImpl implements Callback {
 
   private final JSInstance mJSInstance;
@@ -25,9 +22,10 @@ public CallbackImpl(JSInstance jsInstance, int callbackId) {
   @Override
   public void invoke(Object... args) {
     if (mInvoked) {
-      throw new RuntimeException("Illegal callback invocation from native "+
-        "module. This callback type only permits a single invocation from "+
-        "native code.");
+      throw new RuntimeException(
+          "Illegal callback invocation from native "
+              + "module. This callback type only permits a single invocation from "
+              + "native code.");
     }
     mJSInstance.invokeCallback(mCallbackId, Arguments.fromJavaArgs(args));
     mInvoked = true;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstance.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstance.java
index c7b6ced623def7..761eae8ff0c3bb 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstance.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstance.java
@@ -1,24 +1,23 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 androidx.annotation.Nullable;
 import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.react.bridge.queue.ReactQueueConfiguration;
 import com.facebook.react.common.annotations.VisibleForTesting;
 import com.facebook.react.turbomodule.core.interfaces.JSCallInvokerHolder;
 import java.util.Collection;
 import java.util.List;
-import javax.annotation.Nullable;
 
 /**
- * A higher level API on top of the asynchronous JSC bridge. This provides an
- * environment allowing the invocation of JavaScript methods and lets a set of
- * Java APIs be invokable from JavaScript as well.
+ * A higher level API on top of the asynchronous JSC bridge. This provides an environment allowing
+ * the invocation of JavaScript methods and lets a set of Java APIs be invokable from JavaScript as
+ * well.
  */
 @DoNotStrip
 public interface CatalystInstance
@@ -29,48 +28,50 @@ public interface CatalystInstance
   boolean hasRunJSBundle();
 
   /**
-   * Return the source URL of the JS Bundle that was run, or {@code null} if no JS
-   * bundle has been run yet.
+   * Return the source URL of the JS Bundle that was run, or {@code null} if no JS bundle has been
+   * run yet.
    */
-  @Nullable String getSourceURL();
+  @Nullable
+  String getSourceURL();
 
   // This is called from java code, so it won't be stripped anyway, but proguard will rename it,
   // which this prevents.
-  @Override @DoNotStrip
-  void invokeCallback(
-      int callbackID,
-      NativeArrayInterface arguments);
+  @Override
+  @DoNotStrip
+  void invokeCallback(int callbackID, NativeArrayInterface arguments);
+
   @DoNotStrip
-  void callFunction(
-      String module,
-      String method,
-      NativeArray arguments);
+  void callFunction(String module, String method, NativeArray arguments);
   /**
    * Destroys this catalyst instance, waiting for any other threads in ReactQueueConfiguration
    * (besides the UI thread) to finish running. Must be called from the UI thread so that we can
    * fully shut down other threads.
    */
   void destroy();
+
   boolean isDestroyed();
 
-  /**
-   * Initialize all the native modules
-   */
+  /** Initialize all the native modules */
   @VisibleForTesting
   void initialize();
 
   ReactQueueConfiguration getReactQueueConfiguration();
 
   <T extends JavaScriptModule> T getJSModule(Class<T> jsInterface);
+
   <T extends NativeModule> boolean hasNativeModule(Class<T> nativeModuleInterface);
+
   <T extends NativeModule> T getNativeModule(Class<T> nativeModuleInterface);
+
   NativeModule getNativeModule(String moduleName);
-  <T extends JSIModule> T getJSIModule(Class<T> jsiModuleInterface);
+
+  JSIModule getJSIModule(JSIModuleType moduleType);
+
   Collection<NativeModule> getNativeModules();
 
   /**
-   * This method permits a CatalystInstance to extend the known
-   * Native modules. This provided registry contains only the new modules to load.
+   * This method permits a CatalystInstance to extend the known Native modules. This provided
+   * registry contains only the new modules to load.
    */
   void extendNativeModules(NativeModuleRegistry modules);
 
@@ -83,8 +84,8 @@ void callFunction(
   void addBridgeIdleDebugListener(NotThreadSafeBridgeIdleDebugListener listener);
 
   /**
-   * Removes a NotThreadSafeBridgeIdleDebugListener previously added with
-   * {@link #addBridgeIdleDebugListener}
+   * Removes a NotThreadSafeBridgeIdleDebugListener previously added with {@link
+   * #addBridgeIdleDebugListener}
    */
   void removeBridgeIdleDebugListener(NotThreadSafeBridgeIdleDebugListener listener);
 
@@ -106,8 +107,15 @@ void callFunction(
   void addJSIModules(List<JSIModuleSpec> jsiModules);
 
   /**
-   * Returns a hybrid object that contains a pointer to JSCallInvoker.
-   * Required for TurboModuleManager initialization.
+   * Returns a hybrid object that contains a pointer to JSCallInvoker. Required for
+   * TurboModuleManager initialization.
    */
   JSCallInvokerHolder getJSCallInvokerHolder();
+
+  /**
+   * 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.
+   */
+  void setTurboModuleManager(JSIModule getter);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstanceImpl.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstanceImpl.java
index b2325fdcb863a3..d2aa466665d7d1 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstanceImpl.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstanceImpl.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.systrace.Systrace.TRACE_TAG_REACT_JAVA_BRIDGE;
@@ -12,6 +11,7 @@
 import android.content.res.AssetManager;
 import android.os.AsyncTask;
 import android.util.Log;
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.jni.HybridData;
@@ -23,23 +23,23 @@
 import com.facebook.react.bridge.queue.ReactQueueConfigurationSpec;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.common.annotations.VisibleForTesting;
+import com.facebook.react.config.ReactFeatureFlags;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.turbomodule.core.JSCallInvokerHolderImpl;
+import com.facebook.react.turbomodule.core.interfaces.TurboModule;
+import com.facebook.react.turbomodule.core.interfaces.TurboModuleRegistry;
 import com.facebook.systrace.Systrace;
 import com.facebook.systrace.TraceListener;
-import java.lang.annotation.Annotation;
-import java.lang.annotation.Native;
 import java.lang.ref.WeakReference;
 import java.util.ArrayList;
 import java.util.Collection;
 import java.util.List;
 import java.util.concurrent.CopyOnWriteArrayList;
 import java.util.concurrent.atomic.AtomicInteger;
-import javax.annotation.Nullable;
 
 /**
- * This provides an implementation of the public CatalystInstance instance.  It is public because
- * it is built by XReactInstanceManager which is in a different package.
+ * This provides an implementation of the public CatalystInstance instance. It is public because it
+ * is built by XReactInstanceManager which is in a different package.
  */
 @DoNotStrip
 public class CatalystInstanceImpl implements CatalystInstance {
@@ -67,8 +67,12 @@ void call(CatalystInstanceImpl catalystInstance) {
     }
 
     public String toString() {
-      return mModule + "." + mMethod + "("
-        + (mArguments == null ? "" : mArguments.toString()) + ")";
+      return mModule
+          + "."
+          + mMethod
+          + "("
+          + (mArguments == null ? "" : mArguments.toString())
+          + ")";
     }
   }
 
@@ -96,10 +100,13 @@ public String toString() {
   private @Nullable String mSourceURL;
 
   private JavaScriptContextHolder mJavaScriptContextHolder;
+  private @Nullable TurboModuleRegistry mTurboModuleRegistry = null;
 
   // C++ parts
   private final HybridData mHybridData;
-  private native static HybridData initHybrid();
+
+  private static native HybridData initHybrid();
+
   public native JSCallInvokerHolderImpl getJSCallInvokerHolder();
 
   private CatalystInstanceImpl(
@@ -113,9 +120,9 @@ private CatalystInstanceImpl(
 
     mHybridData = initHybrid();
 
-    mReactQueueConfiguration = ReactQueueConfigurationImpl.create(
-        reactQueueConfigurationSpec,
-        new NativeExceptionHandler());
+    mReactQueueConfiguration =
+        ReactQueueConfigurationImpl.create(
+            reactQueueConfigurationSpec, new NativeExceptionHandler());
     mBridgeIdleListeners = new CopyOnWriteArrayList<>();
     mNativeModuleRegistry = nativeModuleRegistry;
     mJSModuleRegistry = new JavaScriptModuleRegistry();
@@ -128,12 +135,12 @@ private CatalystInstanceImpl(
     Log.d(ReactConstants.TAG, "Initializing React Xplat Bridge before initializeBridge");
     Systrace.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "initializeCxxBridge");
     initializeBridge(
-      new BridgeCallback(this),
-      jsExecutor,
-      mReactQueueConfiguration.getJSQueueThread(),
-      mNativeModulesQueueThread,
-      mNativeModuleRegistry.getJavaModules(this),
-      mNativeModuleRegistry.getCxxModules());
+        new BridgeCallback(this),
+        jsExecutor,
+        mReactQueueConfiguration.getJSQueueThread(),
+        mNativeModulesQueueThread,
+        mNativeModuleRegistry.getJavaModules(this),
+        mNativeModuleRegistry.getCxxModules());
     Log.d(ReactConstants.TAG, "Initializing React Xplat Bridge after initializeBridge");
     Systrace.endSection(TRACE_TAG_REACT_JAVA_BRIDGE);
 
@@ -176,24 +183,23 @@ public void decrementPendingJSCalls() {
   }
 
   /**
-   * This method and the native below permits a CatalystInstance to extend the known
-   * Native modules. This registry contains only the new modules to load. The
-   * registry {@code mNativeModuleRegistry} updates internally to contain all the new modules, and generates
-   * the new registry for extracting just the new collections.
+   * This method and the native below permits a CatalystInstance to extend the known Native modules.
+   * This registry contains only the new modules to load. The registry {@code mNativeModuleRegistry}
+   * updates internally to contain all the new modules, and generates the new registry for
+   * extracting just the new collections.
    */
   @Override
   public void extendNativeModules(NativeModuleRegistry modules) {
-    //Extend the Java-visible registry of modules
+    // Extend the Java-visible registry of modules
     mNativeModuleRegistry.registerModules(modules);
     Collection<JavaModuleWrapper> javaModules = modules.getJavaModules(this);
     Collection<ModuleHolder> cxxModules = modules.getCxxModules();
-    //Extend the Cxx-visible registry of modules wrapped in appropriate interfaces
+    // Extend the Cxx-visible registry of modules wrapped in appropriate interfaces
     jniExtendNativeModules(javaModules, cxxModules);
   }
 
   private native void jniExtendNativeModules(
-    Collection<JavaModuleWrapper> javaModules,
-    Collection<ModuleHolder> cxxModules);
+      Collection<JavaModuleWrapper> javaModules, Collection<ModuleHolder> cxxModules);
 
   private native void initializeBridge(
       ReactCallback callback,
@@ -215,7 +221,8 @@ public void registerSegment(int segmentId, String path) {
   }
 
   @Override
-  public void loadScriptFromAssets(AssetManager assetManager, String assetURL, boolean loadSynchronously) {
+  public void loadScriptFromAssets(
+      AssetManager assetManager, String assetURL, boolean loadSynchronously) {
     mSourceURL = assetURL;
     jniLoadScriptFromAssets(assetManager, assetURL, loadSynchronously);
   }
@@ -228,18 +235,23 @@ public void loadScriptFromFile(String fileName, String sourceURL, boolean loadSy
 
   @Override
   public void loadScriptFromDeltaBundle(
-    String sourceURL,
-    NativeDeltaClient deltaClient,
-    boolean loadSynchronously) {
+      String sourceURL, NativeDeltaClient deltaClient, boolean loadSynchronously) {
     mSourceURL = sourceURL;
     jniLoadScriptFromDeltaBundle(sourceURL, deltaClient, loadSynchronously);
   }
 
   private native void jniSetSourceURL(String sourceURL);
+
   private native void jniRegisterSegment(int segmentId, String path);
-  private native void jniLoadScriptFromAssets(AssetManager assetManager, String assetURL, boolean loadSynchronously);
-  private native void jniLoadScriptFromFile(String fileName, String sourceURL, boolean loadSynchronously);
-  private native void jniLoadScriptFromDeltaBundle(String sourceURL, NativeDeltaClient deltaClient, boolean loadSynchronously);
+
+  private native void jniLoadScriptFromAssets(
+      AssetManager assetManager, String assetURL, boolean loadSynchronously);
+
+  private native void jniLoadScriptFromFile(
+      String fileName, String sourceURL, boolean loadSynchronously);
+
+  private native void jniLoadScriptFromDeltaBundle(
+      String sourceURL, NativeDeltaClient deltaClient, boolean loadSynchronously);
 
   @Override
   public void runJSBundle() {
@@ -278,16 +290,10 @@ public boolean hasRunJSBundle() {
     return mSourceURL;
   }
 
-  private native void jniCallJSFunction(
-    String module,
-    String method,
-    NativeArray arguments);
+  private native void jniCallJSFunction(String module, String method, NativeArray arguments);
 
   @Override
-  public void callFunction(
-      final String module,
-      final String method,
-      final NativeArray arguments) {
+  public void callFunction(final String module, final String method, final NativeArray arguments) {
     callFunction(new PendingJSCall(module, method, arguments));
   }
 
@@ -354,24 +360,56 @@ public void run() {
                 listener.onBridgeDestroyed();
               }
             }
-            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 resetNative
-                    mJavaScriptContextHolder.clear();
-
-                    mHybridData.resetNative();
-                    getReactQueueConfiguration().destroy();
-                    Log.d(ReactConstants.TAG, "CatalystInstanceImpl.destroy() end");
-                    ReactMarker.logMarker(ReactMarkerConstants.DESTROY_CATALYST_INSTANCE_END);
-                  }
-                });
+
+            final JSIModule turboModuleManager =
+                ReactFeatureFlags.useTurboModules
+                    ? mJSIModuleRegistry.getModule(JSIModuleType.TurboModuleManager)
+                    : null;
+
+            getReactQueueConfiguration()
+                .getJSQueueThread()
+                .runOnQueue(
+                    new Runnable() {
+                      @Override
+                      public void run() {
+                        // We need to destroy the TurboModuleManager on the JS Thread
+                        if (turboModuleManager != null) {
+                          turboModuleManager.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();
+                                            Log.d(
+                                                ReactConstants.TAG,
+                                                "CatalystInstanceImpl.destroy() end");
+                                            ReactMarker.logMarker(
+                                                ReactMarkerConstants.DESTROY_CATALYST_INSTANCE_END);
+                                          }
+                                        });
+                                  }
+                                });
+                      }
+                    });
           }
         });
 
@@ -384,29 +422,25 @@ public boolean isDestroyed() {
     return mDestroyed;
   }
 
-  /**
-   * Initialize all the native modules
-   */
+  /** Initialize all the native modules */
   @VisibleForTesting
   @Override
   public void initialize() {
     Log.d(ReactConstants.TAG, "CatalystInstanceImpl.initialize()");
     Assertions.assertCondition(
-        !mInitialized,
-        "This catalyst instance has already been initialized");
+        !mInitialized, "This catalyst instance has already been initialized");
     // We assume that the instance manager blocks on running the JS bundle. If
     // that changes, then we need to set mAcceptCalls just after posting the
     // task that will run the js bundle.
-    Assertions.assertCondition(
-        mAcceptCalls,
-        "RunJSBundle hasn't completed.");
+    Assertions.assertCondition(mAcceptCalls, "RunJSBundle hasn't completed.");
     mInitialized = true;
-    mNativeModulesQueueThread.runOnQueue(new Runnable() {
-      @Override
-      public void run() {
-        mNativeModuleRegistry.notifyJSInstanceInitialized();
-      }
-    });
+    mNativeModulesQueueThread.runOnQueue(
+        new Runnable() {
+          @Override
+          public void run() {
+            mNativeModuleRegistry.notifyJSInstanceInitialized();
+          }
+        });
   }
 
   @Override
@@ -421,23 +455,35 @@ public <T extends JavaScriptModule> T getJSModule(Class<T> jsInterface) {
 
   @Override
   public <T extends NativeModule> boolean hasNativeModule(Class<T> nativeModuleInterface) {
-    return mNativeModuleRegistry.hasModule(getNameFromAnnotation(nativeModuleInterface));
+    String moduleName = getNameFromAnnotation(nativeModuleInterface);
+    return mTurboModuleRegistry != null && mTurboModuleRegistry.hasModule(moduleName)
+        ? true
+        : mNativeModuleRegistry.hasModule(moduleName);
   }
 
   @Override
   public <T extends NativeModule> T getNativeModule(Class<T> nativeModuleInterface) {
-    return (T) mNativeModuleRegistry.getModule(getNameFromAnnotation(nativeModuleInterface));
+    return (T) getNativeModule(getNameFromAnnotation(nativeModuleInterface));
   }
 
   @Override
   public NativeModule getNativeModule(String moduleName) {
+    if (mTurboModuleRegistry != null) {
+      TurboModule turboModule = mTurboModuleRegistry.getModule(moduleName);
+
+      if (turboModule != null) {
+        return (NativeModule) turboModule;
+      }
+    }
+
     return mNativeModuleRegistry.getModule(moduleName);
   }
 
-  private <T extends NativeModule> String getNameFromAnnotation(Class<T> nativeModuleInterface){
+  private <T extends NativeModule> String getNameFromAnnotation(Class<T> nativeModuleInterface) {
     ReactModule annotation = nativeModuleInterface.getAnnotation(ReactModule.class);
     if (annotation == null) {
-      throw new IllegalArgumentException("Could not find @ReactModule annotation in " + nativeModuleInterface.getCanonicalName());
+      throw new IllegalArgumentException(
+          "Could not find @ReactModule annotation in " + nativeModuleInterface.getCanonicalName());
     }
     return annotation.name();
   }
@@ -445,7 +491,16 @@ private <T extends NativeModule> String getNameFromAnnotation(Class<T> nativeMod
   // This is only used by com.facebook.react.modules.common.ModuleDataCleaner
   @Override
   public Collection<NativeModule> getNativeModules() {
-    return mNativeModuleRegistry.getAllModules();
+    Collection<NativeModule> nativeModules = new ArrayList<>();
+    nativeModules.addAll(mNativeModuleRegistry.getAllModules());
+
+    if (mTurboModuleRegistry != null) {
+      for (TurboModule turboModule : mTurboModuleRegistry.getModules()) {
+        nativeModules.add((NativeModule) turboModule);
+      }
+    }
+
+    return nativeModules;
   }
 
   private native void jniHandleMemoryPressure(int level);
@@ -470,8 +525,8 @@ public void addBridgeIdleDebugListener(NotThreadSafeBridgeIdleDebugListener list
   }
 
   /**
-   * Removes a NotThreadSafeBridgeIdleDebugListener previously added with
-   * {@link #addBridgeIdleDebugListener}
+   * Removes a NotThreadSafeBridgeIdleDebugListener previously added with {@link
+   * #addBridgeIdleDebugListener}
    */
   @Override
   public void removeBridgeIdleDebugListener(NotThreadSafeBridgeIdleDebugListener listener) {
@@ -492,8 +547,8 @@ public void addJSIModules(List<JSIModuleSpec> jsiModules) {
   }
 
   @Override
-  public <T extends JSIModule> T getJSIModule(Class<T> jsiModuleInterface) {
-    return mJSIModuleRegistry.getModule(jsiModuleInterface);
+  public JSIModule getJSIModule(JSIModuleType moduleType) {
+    return mJSIModuleRegistry.getModule(moduleType);
   }
 
   private native long getJavaScriptContext();
@@ -502,52 +557,56 @@ private void incrementPendingJSCalls() {
     int oldPendingCalls = mPendingJSCalls.getAndIncrement();
     boolean wasIdle = oldPendingCalls == 0;
     Systrace.traceCounter(
-        Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
-        mJsPendingCallsTitleForTrace,
-        oldPendingCalls + 1);
+        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();
-          }
-        }
-      });
+      mNativeModulesQueueThread.runOnQueue(
+          new Runnable() {
+            @Override
+            public void run() {
+              for (NotThreadSafeBridgeIdleDebugListener listener : mBridgeIdleListeners) {
+                listener.onTransitionToBridgeBusy();
+              }
+            }
+          });
     }
   }
 
+  public void setTurboModuleManager(JSIModule getter) {
+    mTurboModuleRegistry = (TurboModuleRegistry) getter;
+  }
+
   private void decrementPendingJSCalls() {
     int newPendingCalls = mPendingJSCalls.decrementAndGet();
     // TODO(9604406): handle case of web workers injecting messages to main thread
-    //Assertions.assertCondition(newPendingCalls >= 0);
+    // Assertions.assertCondition(newPendingCalls >= 0);
     boolean isNowIdle = newPendingCalls == 0;
     Systrace.traceCounter(
-        Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
-        mJsPendingCallsTitleForTrace,
-        newPendingCalls);
+        Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, mJsPendingCallsTitleForTrace, newPendingCalls);
 
     if (isNowIdle && !mBridgeIdleListeners.isEmpty()) {
-      mNativeModulesQueueThread.runOnQueue(new Runnable() {
-        @Override
-        public void run() {
-          for (NotThreadSafeBridgeIdleDebugListener listener : mBridgeIdleListeners) {
-            listener.onTransitionToBridgeIdle();
-          }
-        }
-      });
+      mNativeModulesQueueThread.runOnQueue(
+          new Runnable() {
+            @Override
+            public void run() {
+              for (NotThreadSafeBridgeIdleDebugListener listener : mBridgeIdleListeners) {
+                listener.onTransitionToBridgeIdle();
+              }
+            }
+          });
     }
   }
 
   private void onNativeException(Exception e) {
     mNativeModuleCallExceptionHandler.handleException(e);
-    mReactQueueConfiguration.getUIQueueThread().runOnQueue(
-      new Runnable() {
-        @Override
-        public void run() {
-          destroy();
-        }
-      });
+    mReactQueueConfiguration
+        .getUIQueueThread()
+        .runOnQueue(
+            new Runnable() {
+              @Override
+              public void run() {
+                destroy();
+              }
+            });
   }
 
   private class NativeExceptionHandler implements QueueThreadExceptionHandler {
@@ -596,7 +655,6 @@ public static class Builder {
     private @Nullable JavaScriptExecutor mJSExecutor;
     private @Nullable NativeModuleCallExceptionHandler mNativeModuleCallExceptionHandler;
 
-
     public Builder setReactQueueConfigurationSpec(
         ReactQueueConfigurationSpec ReactQueueConfigurationSpec) {
       mReactQueueConfigurationSpec = ReactQueueConfigurationSpec;
@@ -618,8 +676,7 @@ public Builder setJSExecutor(JavaScriptExecutor jsExecutor) {
       return this;
     }
 
-    public Builder setNativeModuleCallExceptionHandler(
-        NativeModuleCallExceptionHandler handler) {
+    public Builder setNativeModuleCallExceptionHandler(NativeModuleCallExceptionHandler handler) {
       mNativeModuleCallExceptionHandler = handler;
       return this;
     }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ContextBaseJavaModule.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ContextBaseJavaModule.java
index fc68cb84bff0fc..6ee6730b0d6592 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ContextBaseJavaModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ContextBaseJavaModule.java
@@ -1,17 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 android.content.Context;
 
 /**
- * Base class for React native modules that require access to an Android
- * {@link Context} instance.
+ * Base class for React native modules that require access to an Android {@link Context} instance.
  */
 public abstract class ContextBaseJavaModule extends BaseJavaModule {
 
@@ -21,9 +19,7 @@ public ContextBaseJavaModule(Context context) {
     mContext = context;
   }
 
-  /**
-   * Subclasses can use this method to access Android context passed as a constructor
-   */
+  /** Subclasses can use this method to access Android context passed as a constructor */
   protected final Context getContext() {
     return mContext;
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxCallbackImpl.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxCallbackImpl.java
index 839da9a704b214..ba20cd72014ba1 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxCallbackImpl.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxCallbackImpl.java
@@ -5,20 +5,15 @@
 
 package com.facebook.react.bridge;
 
+import static com.facebook.react.bridge.Arguments.*;
+
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
-import com.facebook.react.bridge.Callback;
-import com.facebook.react.bridge.NativeArray;
 
-import static com.facebook.react.bridge.Arguments.*;
-
-/**
- * Callback impl that calls directly into the cxx bridge. Created from C++.
- */
+/** Callback impl that calls directly into the cxx bridge. Created from C++. */
 @DoNotStrip
 public class CxxCallbackImpl implements Callback {
-  @DoNotStrip
-  private final HybridData mHybridData;
+  @DoNotStrip private final HybridData mHybridData;
 
   @DoNotStrip
   private CxxCallbackImpl(HybridData hybridData) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapper.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapper.java
index a60704ecb42665..cb9f15d41e388c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapper.java
@@ -9,12 +9,9 @@
 import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.soloader.SoLoader;
 
-/**
- * This does nothing interesting, except avoid breaking existing code.
- */
+/** This does nothing interesting, except avoid breaking existing code. */
 @DoNotStrip
-public class CxxModuleWrapper extends CxxModuleWrapperBase
-{
+public class CxxModuleWrapper extends CxxModuleWrapperBase {
   protected CxxModuleWrapper(HybridData hd) {
     super(hd);
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapperBase.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapperBase.java
index 1fa8e97019fa37..7c7284ffd4953f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapperBase.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapperBase.java
@@ -11,18 +11,16 @@
 /**
  * A Java Object which represents a cross-platform C++ module
  *
- * This module implements the NativeModule interface but will never be invoked from Java,
- * instead the underlying Cxx module will be extracted by the bridge and called directly.
+ * <p>This module implements the NativeModule interface but will never be invoked from Java, instead
+ * the underlying Cxx module will be extracted by the bridge and called directly.
  */
 @DoNotStrip
-public class CxxModuleWrapperBase implements NativeModule
-{
+public class CxxModuleWrapperBase implements NativeModule {
   static {
     ReactBridge.staticInit();
   }
 
-  @DoNotStrip
-  private HybridData mHybridData;
+  @DoNotStrip private HybridData mHybridData;
 
   @Override
   public native String getName();
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/DefaultNativeModuleCallExceptionHandler.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/DefaultNativeModuleCallExceptionHandler.java
index 0204a14e873bc5..a8866d0b16e598 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/DefaultNativeModuleCallExceptionHandler.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/DefaultNativeModuleCallExceptionHandler.java
@@ -1,15 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
-/**
- * Crashy crashy exception handler.
- */
+/** Crashy crashy exception handler. */
 public class DefaultNativeModuleCallExceptionHandler implements NativeModuleCallExceptionHandler {
 
   @Override
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/Dynamic.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/Dynamic.java
index 67f414ddff6341..bddf4fddaed6c4 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/Dynamic.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/Dynamic.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 /**
@@ -13,12 +12,20 @@
  */
 public interface Dynamic {
   boolean isNull();
+
   boolean asBoolean();
+
   double asDouble();
+
   int asInt();
+
   String asString();
+
   ReadableArray asArray();
+
   ReadableMap asMap();
+
   ReadableType getType();
+
   void recycle();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/DynamicFromArray.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/DynamicFromArray.java
index d05a80d295c2de..c81a25ecf3185d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/DynamicFromArray.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/DynamicFromArray.java
@@ -1,19 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
-
+import androidx.annotation.Nullable;
 import androidx.core.util.Pools;
 
-/**
- * Implementation of Dynamic wrapping a ReadableArray.
- */
+/** Implementation of Dynamic wrapping a ReadableArray. */
 public class DynamicFromArray implements Dynamic {
   private static final Pools.SimplePool<DynamicFromArray> sPool = new Pools.SimplePool<>(10);
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/DynamicFromMap.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/DynamicFromMap.java
index 2d0ef04cf4b570..4c151f5f768417 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/DynamicFromMap.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/DynamicFromMap.java
@@ -1,26 +1,23 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
-
+import androidx.annotation.Nullable;
 import androidx.core.util.Pools.SimplePool;
 
-/**
- * Implementation of Dynamic wrapping a ReadableMap.
- */
+/** Implementation of Dynamic wrapping a ReadableMap. */
 public class DynamicFromMap implements Dynamic {
-  private static final ThreadLocal<SimplePool<DynamicFromMap>> sPool = new ThreadLocal<SimplePool<DynamicFromMap>>() {
-    @Override
-    protected SimplePool<DynamicFromMap> initialValue() {
-      return new SimplePool<>(10);
-    }
-  };
+  private static final ThreadLocal<SimplePool<DynamicFromMap>> sPool =
+      new ThreadLocal<SimplePool<DynamicFromMap>>() {
+        @Override
+        protected SimplePool<DynamicFromMap> initialValue() {
+          return new SimplePool<>(10);
+        }
+      };
 
   private @Nullable ReadableMap mMap;
   private @Nullable String mName;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/DynamicFromObject.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/DynamicFromObject.java
index 3f7f24bf02b290..3a2dbba9aa2221 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/DynamicFromObject.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/DynamicFromObject.java
@@ -1,19 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.common.ReactConstants;
-import javax.annotation.Nullable;
 
-/**
- * Implementation of Dynamic wrapping a ReadableArray.
- */
+/** Implementation of Dynamic wrapping a ReadableArray. */
 public class DynamicFromObject implements Dynamic {
   private @Nullable Object mObject;
 
@@ -33,33 +30,33 @@ public boolean isNull() {
 
   @Override
   public boolean asBoolean() {
-    return (boolean)mObject;
+    return (boolean) mObject;
   }
 
   @Override
   public double asDouble() {
-    return (double)mObject;
+    return (double) mObject;
   }
 
   @Override
   public int asInt() {
     // Numbers from JS are always Doubles
-    return ((Double)mObject).intValue();
+    return ((Double) mObject).intValue();
   }
 
   @Override
   public String asString() {
-    return (String)mObject;
+    return (String) mObject;
   }
 
   @Override
   public ReadableArray asArray() {
-    return (ReadableArray)mObject;
+    return (ReadableArray) mObject;
   }
 
   @Override
   public ReadableMap asMap() {
-    return (ReadableMap)mObject;
+    return (ReadableMap) mObject;
   }
 
   @Override
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/FallbackJSBundleLoader.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/FallbackJSBundleLoader.java
index 50c47aa8a18a72..d66802a77071e5 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/FallbackJSBundleLoader.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/FallbackJSBundleLoader.java
@@ -1,25 +1,23 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.common.logging.FLog;
 import java.util.ArrayList;
 import java.util.List;
 import java.util.ListIterator;
 import java.util.Stack;
 
-import com.facebook.common.logging.FLog;
-
 /**
  * FallbackJSBundleLoader
  *
- * An implementation of {@link JSBundleLoader} that will try to load from
- * multiple sources, falling back from one source to the next at load time
- * when an exception is thrown for a recoverable error.
+ * <p>An implementation of {@link JSBundleLoader} that will try to load from multiple sources,
+ * falling back from one source to the next at load time when an exception is thrown for a
+ * recoverable error.
  */
 public final class FallbackJSBundleLoader extends JSBundleLoader {
 
@@ -32,10 +30,7 @@ public final class FallbackJSBundleLoader extends JSBundleLoader {
   // Reasons why we fell-back on previous loaders, in order of occurrence.
   private final ArrayList<Exception> mRecoveredErrors = new ArrayList<>();
 
-  /**
-   * @param loaders Loaders for the sources to try, in descending order of
-   *                preference.
-   */
+  /** @param loaders Loaders for the sources to try, in descending order of preference. */
   public FallbackJSBundleLoader(List<JSBundleLoader> loaders) {
     mLoaders = new Stack();
     ListIterator<JSBundleLoader> it = loaders.listIterator(loaders.size());
@@ -45,9 +40,9 @@ public FallbackJSBundleLoader(List<JSBundleLoader> loaders) {
   }
 
   /**
-   * This loader delegates to (and so behaves like) the currently preferred
-   * loader. If that loader fails in a recoverable way and we fall back from it,
-   * it is replaced by the next most preferred loader.
+   * This loader delegates to (and so behaves like) the currently preferred loader. If that loader
+   * fails in a recoverable way and we fall back from it, it is replaced by the next most preferred
+   * loader.
    */
   @Override
   public String loadScript(JSBundleLoaderDelegate delegate) {
@@ -71,8 +66,7 @@ private JSBundleLoader getDelegateLoader() {
       return mLoaders.peek();
     }
 
-    RuntimeException fallbackException =
-      new RuntimeException("No fallback options available");
+    RuntimeException fallbackException = new RuntimeException("No fallback options available");
 
     // Invariant: tail.getCause() == null
     Throwable tail = fallbackException;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/GuardedAsyncTask.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/GuardedAsyncTask.java
index 9b81961efee12c..a8bbcab4e7e551 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/GuardedAsyncTask.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/GuardedAsyncTask.java
@@ -1,29 +1,32 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 android.os.AsyncTask;
 
 /**
- * Abstract base for a AsyncTask that should have any RuntimeExceptions it throws
- * handled by the {@link com.facebook.react.bridge.NativeModuleCallExceptionHandler} registered if
- * the app is in dev mode.
+ * Abstract base for a AsyncTask that should have any RuntimeExceptions it throws handled by the
+ * {@link com.facebook.react.bridge.NativeModuleCallExceptionHandler} registered if the app is in
+ * dev mode.
  *
- * This class doesn't allow doInBackground to return a results. If you need this
- * use GuardedResultAsyncTask instead.
+ * <p>This class doesn't allow doInBackground to return a results. If you need this use
+ * GuardedResultAsyncTask instead.
  */
-public abstract class GuardedAsyncTask<Params, Progress>
-    extends AsyncTask<Params, Progress, Void> {
+public abstract class GuardedAsyncTask<Params, Progress> extends AsyncTask<Params, Progress, Void> {
 
-  private final ReactContext mReactContext;
+  private final NativeModuleCallExceptionHandler mExceptionHandler;
 
+  @Deprecated
   protected GuardedAsyncTask(ReactContext reactContext) {
-    mReactContext = reactContext;
+    this(reactContext.getExceptionHandler());
+  }
+
+  protected GuardedAsyncTask(NativeModuleCallExceptionHandler exceptionHandler) {
+    mExceptionHandler = exceptionHandler;
   }
 
   @Override
@@ -31,7 +34,7 @@ protected final Void doInBackground(Params... params) {
     try {
       doInBackgroundGuarded(params);
     } catch (RuntimeException e) {
-      mReactContext.handleException(e);
+      mExceptionHandler.handleException(e);
     }
     return null;
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/GuardedResultAsyncTask.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/GuardedResultAsyncTask.java
index df0d857186b545..19b3e2b9eee0d5 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/GuardedResultAsyncTask.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/GuardedResultAsyncTask.java
@@ -12,13 +12,17 @@
  * throws handled by the {@link com.facebook.react.bridge.NativeModuleCallExceptionHandler}
  * registered if the app is in dev mode.
  */
-public abstract class GuardedResultAsyncTask<Result>
-    extends AsyncTask<Void, Void, Result> {
+public abstract class GuardedResultAsyncTask<Result> extends AsyncTask<Void, Void, Result> {
 
-  private final ReactContext mReactContext;
+  private final NativeModuleCallExceptionHandler mExceptionHandler;
 
+  @Deprecated
   protected GuardedResultAsyncTask(ReactContext reactContext) {
-    mReactContext = reactContext;
+    this(reactContext.getExceptionHandler());
+  }
+
+  protected GuardedResultAsyncTask(NativeModuleCallExceptionHandler exceptionHandler) {
+    mExceptionHandler = exceptionHandler;
   }
 
   @Override
@@ -26,7 +30,7 @@ protected final Result doInBackground(Void... params) {
     try {
       return doInBackgroundGuarded();
     } catch (RuntimeException e) {
-      mReactContext.handleException(e);
+      mExceptionHandler.handleException(e);
       throw e;
     }
   }
@@ -36,11 +40,11 @@ protected final void onPostExecute(Result result) {
     try {
       onPostExecuteGuarded(result);
     } catch (RuntimeException e) {
-      mReactContext.handleException(e);
+      mExceptionHandler.handleException(e);
     }
   }
 
   protected abstract Result doInBackgroundGuarded();
-  protected abstract void onPostExecuteGuarded(Result result);
 
+  protected abstract void onPostExecuteGuarded(Result result);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/GuardedRunnable.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/GuardedRunnable.java
index b550cbaeade5b5..b6161249304a8b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/GuardedRunnable.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/GuardedRunnable.java
@@ -6,16 +6,21 @@
 package com.facebook.react.bridge;
 
 /**
- * Abstract base for a Runnable that should have any RuntimeExceptions it throws
- * handled by the {@link com.facebook.react.bridge.NativeModuleCallExceptionHandler} registered if
- * the app is in dev mode.
+ * Abstract base for a Runnable that should have any RuntimeExceptions it throws handled by the
+ * {@link com.facebook.react.bridge.NativeModuleCallExceptionHandler} registered if the app is in
+ * dev mode.
  */
 public abstract class GuardedRunnable implements Runnable {
 
-  private final ReactContext mReactContext;
+  private final NativeModuleCallExceptionHandler mExceptionHandler;
 
+  @Deprecated
   public GuardedRunnable(ReactContext reactContext) {
-    mReactContext = reactContext;
+    this(reactContext.getExceptionHandler());
+  }
+
+  public GuardedRunnable(NativeModuleCallExceptionHandler exceptionHandler) {
+    mExceptionHandler = exceptionHandler;
   }
 
   @Override
@@ -23,7 +28,7 @@ public final void run() {
     try {
       runGuarded();
     } catch (RuntimeException e) {
-      mReactContext.handleException(e);
+      mExceptionHandler.handleException(e);
     }
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/Inspector.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/Inspector.java
index 44ef6b7b826f03..70586da45ac170 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/Inspector.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/Inspector.java
@@ -5,14 +5,13 @@
 
 package com.facebook.react.bridge;
 
-import java.util.Arrays;
-import java.util.Collections;
-import java.util.List;
-
 import com.facebook.common.logging.FLog;
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.react.common.ReactConstants;
+import java.util.Arrays;
+import java.util.Collections;
+import java.util.List;
 
 @DoNotStrip
 public class Inspector {
@@ -70,10 +69,7 @@ public String getVM() {
 
     @Override
     public String toString() {
-      return "Page{" +
-          "mId=" + mId +
-          ", mTitle='" + mTitle + '\'' +
-          '}';
+      return "Page{" + "mId=" + mId + ", mTitle='" + mTitle + '\'' + '}';
     }
 
     @DoNotStrip
@@ -88,6 +84,7 @@ private Page(int id, String title, String vm) {
   public interface RemoteConnection {
     @DoNotStrip
     void onMessage(String message);
+
     @DoNotStrip
     void onDisconnect();
   }
@@ -97,6 +94,7 @@ public static class LocalConnection {
     private final HybridData mHybridData;
 
     public native void sendMessage(String message);
+
     public native void disconnect();
 
     private LocalConnection(HybridData hybridData) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/InvalidIteratorException.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/InvalidIteratorException.java
index c13de24f45bbb7..0eafddb293b26a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/InvalidIteratorException.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/InvalidIteratorException.java
@@ -1,17 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 /**
- * Exception thrown by {@link ReadableMapKeySetIterator#nextKey()} when the iterator tries
- * to iterate over elements after the end of the key set.
+ * Exception thrown by {@link ReadableMapKeySetIterator#nextKey()} when the iterator tries to
+ * iterate over elements after the end of the key set.
  */
 @DoNotStrip
 public class InvalidIteratorException extends RuntimeException {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSApplicationCausedNativeException.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSApplicationCausedNativeException.java
index 078b042e7b6e4d..40540049288356 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSApplicationCausedNativeException.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSApplicationCausedNativeException.java
@@ -1,31 +1,33 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
+import androidx.annotation.Nullable;
 
 /**
  * A special RuntimeException that should be thrown by native code if it has reached an exceptional
  * state due to a, or a sequence of, bad commands.
  *
- * A good rule of thumb for whether a native Exception should extend this interface is 1) Can a
+ * <p>A good rule of thumb for whether a native Exception should extend this interface is 1) Can a
  * developer make a change or correction in JS to keep this Exception from being thrown? 2) Is the
  * app outside of this catalyst instance still in a good state to allow reloading and restarting
  * this catalyst instance?
  *
- * Examples where this class is appropriate to throw:
- *  - JS tries to update a view with a tag that hasn't been created yet
- *  - JS tries to show a static image that isn't in resources
- *  - JS tries to use an unsupported view class
+ * <p>Examples where this class is appropriate to throw:
+ *
+ * <ul>
+ *   <li>JS tries to update a view with a tag that hasn't been created yet
+ *   <li>JS tries to show a static image that isn't in resources
+ *   <li>JS tries to use an unsupported view class
+ * </ul>
  *
- * Examples where this class **isn't** appropriate to throw:
- *  - Failed to write to localStorage because disk is full
- *  - Assertions about internal state (e.g. that child.getParent().indexOf(child) != -1)
+ * <p>Examples where this class **isn't** appropriate to throw: - Failed to write to localStorage
+ * because disk is full - Assertions about internal state (e.g. that
+ * child.getParent().indexOf(child) != -1)
  */
 public class JSApplicationCausedNativeException extends RuntimeException {
 
@@ -34,8 +36,7 @@ public JSApplicationCausedNativeException(String detailMessage) {
   }
 
   public JSApplicationCausedNativeException(
-      @Nullable String detailMessage,
-      @Nullable Throwable throwable) {
+      @Nullable String detailMessage, @Nullable Throwable throwable) {
     super(detailMessage, throwable);
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSApplicationIllegalArgumentException.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSApplicationIllegalArgumentException.java
index 365ac08bd19cfb..887480dcdc07d2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSApplicationIllegalArgumentException.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSApplicationIllegalArgumentException.java
@@ -1,15 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
-/**
- * An illegal argument Exception caused by an argument passed from JS.
- */
+/** An illegal argument Exception caused by an argument passed from JS. */
 public class JSApplicationIllegalArgumentException extends JSApplicationCausedNativeException {
 
   public JSApplicationIllegalArgumentException(String detailMessage) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSBundleLoader.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSBundleLoader.java
index 9a67632c5c3661..12b35eb17a8319 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSBundleLoader.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSBundleLoader.java
@@ -1,18 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 android.content.Context;
 import com.facebook.react.common.DebugServerException;
 
 /**
- * A class that stores JS bundle information and allows a {@link JSBundleLoaderDelegate}
- * (e.g. {@link CatalystInstance}) to load a correct bundle through {@link ReactBridge}.
+ * A class that stores JS bundle information and allows a {@link JSBundleLoaderDelegate} (e.g.
+ * {@link CatalystInstance}) to load a correct bundle through {@link ReactBridge}.
  */
 public abstract class JSBundleLoader {
 
@@ -22,9 +21,7 @@ public abstract class JSBundleLoader {
    * strings from java to native memory.
    */
   public static JSBundleLoader createAssetLoader(
-      final Context context,
-      final String assetUrl,
-      final boolean loadSynchronously) {
+      final Context context, final String assetUrl, final boolean loadSynchronously) {
     return new JSBundleLoader() {
       @Override
       public String loadScript(JSBundleLoaderDelegate delegate) {
@@ -43,9 +40,7 @@ public static JSBundleLoader createFileLoader(final String fileName) {
   }
 
   public static JSBundleLoader createFileLoader(
-      final String fileName,
-      final String assetUrl,
-      final boolean loadSynchronously) {
+      final String fileName, final String assetUrl, final boolean loadSynchronously) {
     return new JSBundleLoader() {
       @Override
       public String loadScript(JSBundleLoaderDelegate delegate) {
@@ -63,8 +58,7 @@ public String loadScript(JSBundleLoaderDelegate delegate) {
    * work correctly and allows for source maps to correctly symbolize those.
    */
   public static JSBundleLoader createCachedBundleFromNetworkLoader(
-      final String sourceURL,
-      final String cachedFileLocation) {
+      final String sourceURL, final String cachedFileLocation) {
     return new JSBundleLoader() {
       @Override
       public String loadScript(JSBundleLoaderDelegate delegate) {
@@ -82,11 +76,11 @@ public String loadScript(JSBundleLoaderDelegate delegate) {
    * This loader is used to load delta bundles from the dev server. We pass each delta message to
    * the loader and process it in C++. Passing it as a string leads to inefficiencies due to memory
    * copies, which will have to be addressed in a follow-up.
+   *
    * @param nativeDeltaClient
    */
   public static JSBundleLoader createDeltaFromNetworkLoader(
-    final String sourceURL,
-    final NativeDeltaClient nativeDeltaClient) {
+      final String sourceURL, final NativeDeltaClient nativeDeltaClient) {
     return new JSBundleLoader() {
       @Override
       public String loadScript(JSBundleLoaderDelegate delegate) {
@@ -105,8 +99,7 @@ public String loadScript(JSBundleLoaderDelegate delegate) {
    * the bundle from device as remote executor will have to do it anyway.
    */
   public static JSBundleLoader createRemoteDebuggerBundleLoader(
-      final String proxySourceURL,
-      final String realSourceURL) {
+      final String proxySourceURL, final String realSourceURL) {
     return new JSBundleLoader() {
       @Override
       public String loadScript(JSBundleLoaderDelegate delegate) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSBundleLoaderDelegate.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSBundleLoaderDelegate.java
index 29c3af69d59d14..b21c5b6887d658 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSBundleLoaderDelegate.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSBundleLoaderDelegate.java
@@ -1,22 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 android.content.Context;
 import android.content.res.AssetManager;
 
-/**
- * An interface for classes that initialize JavaScript using {@link JSBundleLoader}
- */
+/** An interface for classes that initialize JavaScript using {@link JSBundleLoader} */
 public interface JSBundleLoaderDelegate {
 
   /**
-   * Load a JS bundle from Android assets. See {@link JSBundleLoader#createAssetLoader(Context, String, boolean)}
+   * Load a JS bundle from Android assets. See {@link JSBundleLoader#createAssetLoader(Context,
+   * String, boolean)}
+   *
    * @param assetManager
    * @param assetURL
    * @param loadSynchronously
@@ -24,8 +23,9 @@ public interface JSBundleLoaderDelegate {
   void loadScriptFromAssets(AssetManager assetManager, String assetURL, boolean loadSynchronously);
 
   /**
-   * Load a JS bundle from the filesystem.
-   * See {@link JSBundleLoader#createFileLoader(String)} and {@link JSBundleLoader#createCachedBundleFromNetworkLoader(String, String)}
+   * Load a JS bundle from the filesystem. See {@link JSBundleLoader#createFileLoader(String)} and
+   * {@link JSBundleLoader#createCachedBundleFromNetworkLoader(String, String)}
+   *
    * @param fileName
    * @param sourceURL
    * @param loadSynchronously
@@ -33,26 +33,23 @@ public interface JSBundleLoaderDelegate {
   void loadScriptFromFile(String fileName, String sourceURL, boolean loadSynchronously);
 
   /**
-   * Load a delta bundle from Metro.
-   * See {@link JSBundleLoader#createDeltaFromNetworkLoader(String, NativeDeltaClient)}
+   * Load a delta bundle from Metro. See {@link JSBundleLoader#createDeltaFromNetworkLoader(String,
+   * NativeDeltaClient)}
+   *
    * @param sourceURL
    * @param deltaClient
    * @param loadSynchronously
    */
   void loadScriptFromDeltaBundle(
-    String sourceURL,
-    NativeDeltaClient deltaClient,
-    boolean loadSynchronously);
+      String sourceURL, NativeDeltaClient deltaClient, boolean loadSynchronously);
 
   /**
-   * This API is used in situations where the JS bundle is being executed not on
-   * the device, but on a host machine. In that case, we must provide two source
-   * URLs for the JS bundle: One to be used on the device, and one to be used on
-   * the remote debugging machine.
+   * This API is used in situations where the JS bundle is being executed not on the device, but on
+   * a host machine. In that case, we must provide two source URLs for the JS bundle: One to be used
+   * on the device, and one to be used on the remote debugging machine.
    *
    * @param deviceURL A source URL that is accessible from this device.
-   * @param remoteURL A source URL that is accessible from the remote machine
-   * executing the JS.
+   * @param remoteURL A source URL that is accessible from the remote machine executing the JS.
    */
   void setSourceURLs(String deviceURL, String remoteURL);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSCJavaScriptExecutor.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSCJavaScriptExecutor.java
index 08e6ca3ad442c5..b7090caaf0ab30 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSCJavaScriptExecutor.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSCJavaScriptExecutor.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -25,6 +24,5 @@ public String getName() {
     return "JSCJavaScriptExecutor";
   }
 
-
-  private native static HybridData initHybrid(ReadableNativeMap jscConfig);
+  private static native HybridData initHybrid(ReadableNativeMap jscConfig);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSCJavaScriptExecutorFactory.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSCJavaScriptExecutorFactory.java
index 7fe2f16403c380..2d0be622101197 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSCJavaScriptExecutorFactory.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSCJavaScriptExecutorFactory.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 public class JSCJavaScriptExecutorFactory implements JavaScriptExecutorFactory {
@@ -25,6 +24,18 @@ public JavaScriptExecutor create() throws Exception {
     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/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModule.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModule.java
index 43b1d3349b5355..54c232ac49065e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModule.java
@@ -1,26 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
-/**
- * Marker interface used to represent a JSI Module.
- */
+/** Marker interface used to represent a JSI Module. */
 public interface JSIModule {
 
   /**
-   * 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 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.
    */
   void initialize();
 
-  /**
-   * Called before {CatalystInstance#onHostDestroy}
-   */
+  /** Called before {CatalystInstance#onHostDestroy} */
   void onCatalystInstanceDestroy();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleHolder.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleHolder.java
index 7e7f4b0914cb01..c8ec6687dacba5 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleHolder.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleHolder.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 public class JSIModuleHolder {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModulePackage.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModulePackage.java
index e5c28700b83700..430cd9b61edd30 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModulePackage.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModulePackage.java
@@ -1,22 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.util.List;
 
-/**
- * Interface used to initialize JSI Modules into the JSI Bridge.
- */
+/** Interface used to initialize JSI Modules into the JSI Bridge. */
 public interface JSIModulePackage {
 
-  /**
-   * @return a {@link List< JSIModuleSpec >} that contain the list of JSI Modules.
-   */
-  List<JSIModuleSpec> getJSIModules(ReactApplicationContext reactApplicationContext, JavaScriptContextHolder jsContext);
-
+  /** @return a {@link List< JSIModuleSpec >} that contain the list of JSI Modules. */
+  List<JSIModuleSpec> getJSIModules(
+      ReactApplicationContext reactApplicationContext, JavaScriptContextHolder jsContext);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleProvider.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleProvider.java
index d8c3765878c694..fc3987a9d8af9b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleProvider.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleProvider.java
@@ -1,14 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 public interface JSIModuleProvider<T extends JSIModule> {
 
   T get();
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleRegistry.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleRegistry.java
index c90d4007762a2c..1a27b446375527 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleRegistry.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleRegistry.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.infer.annotation.Assertions;
@@ -14,26 +13,34 @@
 
 public class JSIModuleRegistry {
 
-  private final Map<Class, JSIModuleHolder> mModules = new HashMap<>();
+  private final Map<JSIModuleType, JSIModuleHolder> mModules = new HashMap<>();
 
-  public JSIModuleRegistry() { }
+  public JSIModuleRegistry() {}
 
-  public <T extends JSIModule> T getModule(Class<T> moduleClass) {
-    JSIModuleHolder jsiModuleHolder = mModules.get(moduleClass);
+  public JSIModule getModule(JSIModuleType moduleType) {
+    JSIModuleHolder jsiModuleHolder = mModules.get(moduleType);
     if (jsiModuleHolder == null) {
-      throw new IllegalArgumentException("Unable to find JSIModule for class " + moduleClass);
+      throw new IllegalArgumentException("Unable to find JSIModule for class " + moduleType);
     }
-    return (T) Assertions.assertNotNull(jsiModuleHolder.getJSIModule());
+    return Assertions.assertNotNull(jsiModuleHolder.getJSIModule());
   }
 
   public void registerModules(List<JSIModuleSpec> jsiModules) {
     for (JSIModuleSpec spec : jsiModules) {
-      mModules.put(spec.getJSIModuleClass(), new JSIModuleHolder(spec));
+      mModules.put(spec.getJSIModuleType(), new JSIModuleHolder(spec));
     }
   }
 
   public void notifyJSInstanceDestroy() {
-    for (JSIModuleHolder moduleHolder : mModules.values()) {
+    for (Map.Entry<JSIModuleType, JSIModuleHolder> entry : mModules.entrySet()) {
+      JSIModuleType moduleType = entry.getKey();
+
+      // Don't call TurboModuleManager.onCatalystInstanceDestroy
+      if (moduleType == JSIModuleType.TurboModuleManager) {
+        continue;
+      }
+
+      JSIModuleHolder moduleHolder = entry.getValue();
       moduleHolder.notifyJSInstanceDestroy();
     }
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleSpec.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleSpec.java
index 1178921292e567..73ccbe3aa16432 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleSpec.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleSpec.java
@@ -1,19 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
-/**
- * Holder class used to register {@link JSIModule} into JSI Bridge.
- */
+/** Holder class used to register {@link JSIModule} into JSI Bridge. */
 public interface JSIModuleSpec<T extends JSIModule> {
 
-  Class<? extends JSIModule> getJSIModuleClass();
+  JSIModuleType getJSIModuleType();
 
   JSIModuleProvider<T> getJSIModuleProvider();
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleType.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleType.java
new file mode 100644
index 00000000000000..b64240682e321b
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleType.java
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * <p>This source 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;
+
+/**
+ * A list of support JSIModules. These are usually core infra pieces, so there should be an explicit
+ * list.
+ */
+public enum JSIModuleType {
+  TurboModuleManager,
+  UIManager,
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSInstance.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSInstance.java
index a20ee7089b28de..75d101335a9cfe 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSInstance.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSInstance.java
@@ -1,21 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 /**
- * This interface includes the methods needed to use a running JS
- * instance, without specifying any of the bridge-specific
- * initialization or lifecycle management.
+ * 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 {
-  void invokeCallback(
-      int callbackID,
-      NativeArrayInterface arguments);
+  void invokeCallback(int callbackID, NativeArrayInterface arguments);
   // TODO if this interface survives refactoring, think about adding
   // callFunction.
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaJSExecutor.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaJSExecutor.java
index 4f6c057631ecda..577b7098a09c38 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaJSExecutor.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaJSExecutor.java
@@ -1,18 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 /**
- * This is class represents java version of native js executor interface. When set through
- * {@link ProxyJavaScriptExecutor} as a {@link CatalystInstance} executor, native code will
- * delegate js calls to the given implementation of this interface.
+ * This is class represents java version of native js executor interface. When set through {@link
+ * ProxyJavaScriptExecutor} as a {@link CatalystInstance} executor, native code will delegate js
+ * calls to the given implementation of this interface.
  */
 @DoNotStrip
 public interface JavaJSExecutor {
@@ -27,13 +26,14 @@ public ProxyExecutorException(Throwable cause) {
   }
 
   /**
-   * Close this executor and cleanup any resources that it was using. No further calls are
-   * expected after this.
+   * Close this executor and cleanup any resources that it was using. No further calls are expected
+   * after this.
    */
   void close();
 
   /**
    * Load javascript into the js context
+   *
    * @param sourceURL url or file location from which script content was loaded
    */
   @DoNotStrip
@@ -41,13 +41,13 @@ public ProxyExecutorException(Throwable cause) {
 
   /**
    * Execute javascript method within js context
+   *
    * @param methodName name of the method to be executed
    * @param jsonArgsArray json encoded array of arguments provided for the method call
    * @return json encoded value returned from the method call
    */
   @DoNotStrip
-  String executeJSCall(String methodName, String jsonArgsArray)
-      throws ProxyExecutorException;
+  String executeJSCall(String methodName, String jsonArgsArray) throws ProxyExecutorException;
 
   @DoNotStrip
   void setGlobalVariable(String propertyName, String jsonEncodedValue);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaMethodWrapper.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaMethodWrapper.java
index 3a8bfcda2eed74..8e648dc234a6c4 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaMethodWrapper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaMethodWrapper.java
@@ -1,137 +1,136 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.infer.annotation.Assertions.assertNotNull;
 import static com.facebook.systrace.Systrace.TRACE_TAG_REACT_JAVA_BRIDGE;
 
+import androidx.annotation.Nullable;
 import com.facebook.debug.holder.PrinterHolder;
 import com.facebook.debug.tags.ReactDebugOverlayTags;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.systrace.SystraceMessage;
 import java.lang.reflect.InvocationTargetException;
 import java.lang.reflect.Method;
-import javax.annotation.Nullable;
 
 public class JavaMethodWrapper implements NativeModule.NativeMethod {
 
-  private static abstract class ArgumentExtractor<T> {
+  private abstract static class ArgumentExtractor<T> {
     public int getJSArgumentsNeeded() {
       return 1;
     }
 
     public abstract @Nullable T extractArgument(
-      JSInstance jsInstance, ReadableArray jsArguments, int atIndex);
+        JSInstance jsInstance, ReadableArray jsArguments, int atIndex);
   }
 
-  static final private ArgumentExtractor<Boolean> ARGUMENT_EXTRACTOR_BOOLEAN =
-    new ArgumentExtractor<Boolean>() {
-      @Override
-      public Boolean extractArgument(
-        JSInstance jsInstance, ReadableArray jsArguments, int atIndex) {
-        return jsArguments.getBoolean(atIndex);
-      }
-    };
-
-  static final private ArgumentExtractor<Double> ARGUMENT_EXTRACTOR_DOUBLE =
-    new ArgumentExtractor<Double>() {
-      @Override
-      public Double extractArgument(
-        JSInstance jsInstance, ReadableArray jsArguments, int atIndex) {
-        return jsArguments.getDouble(atIndex);
-      }
-    };
-
-  static final private ArgumentExtractor<Float> ARGUMENT_EXTRACTOR_FLOAT =
-    new ArgumentExtractor<Float>() {
-      @Override
-      public Float extractArgument(
-        JSInstance jsInstance, ReadableArray jsArguments, int atIndex) {
-        return (float) jsArguments.getDouble(atIndex);
-      }
-    };
-
-  static final private ArgumentExtractor<Integer> ARGUMENT_EXTRACTOR_INTEGER =
-    new ArgumentExtractor<Integer>() {
-      @Override
-      public Integer extractArgument(
-        JSInstance jsInstance, ReadableArray jsArguments, int atIndex) {
-        return (int) jsArguments.getDouble(atIndex);
-      }
-    };
-
-  static final private ArgumentExtractor<String> ARGUMENT_EXTRACTOR_STRING =
-    new ArgumentExtractor<String>() {
-      @Override
-      public String extractArgument(
-        JSInstance jsInstance, ReadableArray jsArguments, int atIndex) {
-        return jsArguments.getString(atIndex);
-      }
-    };
-
-  static final private ArgumentExtractor<ReadableArray> ARGUMENT_EXTRACTOR_ARRAY =
-    new ArgumentExtractor<ReadableArray>() {
-      @Override
-      public ReadableArray extractArgument(
-        JSInstance jsInstance, ReadableArray jsArguments, int atIndex) {
-        return jsArguments.getArray(atIndex);
-      }
-    };
-
-  static final private ArgumentExtractor<Dynamic> ARGUMENT_EXTRACTOR_DYNAMIC =
-    new ArgumentExtractor<Dynamic>() {
-      @Override
-      public Dynamic extractArgument(
-        JSInstance jsInstance, ReadableArray jsArguments, int atIndex) {
-        return DynamicFromArray.create(jsArguments, atIndex);
-      }
-    };
-
-  static final private ArgumentExtractor<ReadableMap> ARGUMENT_EXTRACTOR_MAP =
-    new ArgumentExtractor<ReadableMap>() {
-      @Override
-      public ReadableMap extractArgument(
-        JSInstance jsInstance, ReadableArray jsArguments, int atIndex) {
-        return jsArguments.getMap(atIndex);
-      }
-    };
-
-  static final private ArgumentExtractor<Callback> ARGUMENT_EXTRACTOR_CALLBACK =
-    new ArgumentExtractor<Callback>() {
-      @Override
-      public @Nullable Callback extractArgument(
-        JSInstance jsInstance, ReadableArray jsArguments, int atIndex) {
-        if (jsArguments.isNull(atIndex)) {
-          return null;
-        } else {
-          int id = (int) jsArguments.getDouble(atIndex);
-          return new com.facebook.react.bridge.CallbackImpl(jsInstance, id);
+  private static final ArgumentExtractor<Boolean> ARGUMENT_EXTRACTOR_BOOLEAN =
+      new ArgumentExtractor<Boolean>() {
+        @Override
+        public Boolean extractArgument(
+            JSInstance jsInstance, ReadableArray jsArguments, int atIndex) {
+          return jsArguments.getBoolean(atIndex);
         }
-      }
-    };
+      };
+
+  private static final ArgumentExtractor<Double> ARGUMENT_EXTRACTOR_DOUBLE =
+      new ArgumentExtractor<Double>() {
+        @Override
+        public Double extractArgument(
+            JSInstance jsInstance, ReadableArray jsArguments, int atIndex) {
+          return jsArguments.getDouble(atIndex);
+        }
+      };
+
+  private static final ArgumentExtractor<Float> ARGUMENT_EXTRACTOR_FLOAT =
+      new ArgumentExtractor<Float>() {
+        @Override
+        public Float extractArgument(
+            JSInstance jsInstance, ReadableArray jsArguments, int atIndex) {
+          return (float) jsArguments.getDouble(atIndex);
+        }
+      };
+
+  private static final ArgumentExtractor<Integer> ARGUMENT_EXTRACTOR_INTEGER =
+      new ArgumentExtractor<Integer>() {
+        @Override
+        public Integer extractArgument(
+            JSInstance jsInstance, ReadableArray jsArguments, int atIndex) {
+          return (int) jsArguments.getDouble(atIndex);
+        }
+      };
+
+  private static final ArgumentExtractor<String> ARGUMENT_EXTRACTOR_STRING =
+      new ArgumentExtractor<String>() {
+        @Override
+        public String extractArgument(
+            JSInstance jsInstance, ReadableArray jsArguments, int atIndex) {
+          return jsArguments.getString(atIndex);
+        }
+      };
+
+  private static final ArgumentExtractor<ReadableArray> ARGUMENT_EXTRACTOR_ARRAY =
+      new ArgumentExtractor<ReadableArray>() {
+        @Override
+        public ReadableArray extractArgument(
+            JSInstance jsInstance, ReadableArray jsArguments, int atIndex) {
+          return jsArguments.getArray(atIndex);
+        }
+      };
+
+  private static final ArgumentExtractor<Dynamic> ARGUMENT_EXTRACTOR_DYNAMIC =
+      new ArgumentExtractor<Dynamic>() {
+        @Override
+        public Dynamic extractArgument(
+            JSInstance jsInstance, ReadableArray jsArguments, int atIndex) {
+          return DynamicFromArray.create(jsArguments, atIndex);
+        }
+      };
+
+  private static final ArgumentExtractor<ReadableMap> ARGUMENT_EXTRACTOR_MAP =
+      new ArgumentExtractor<ReadableMap>() {
+        @Override
+        public ReadableMap extractArgument(
+            JSInstance jsInstance, ReadableArray jsArguments, int atIndex) {
+          return jsArguments.getMap(atIndex);
+        }
+      };
+
+  private static final ArgumentExtractor<Callback> ARGUMENT_EXTRACTOR_CALLBACK =
+      new ArgumentExtractor<Callback>() {
+        @Override
+        public @Nullable Callback extractArgument(
+            JSInstance jsInstance, ReadableArray jsArguments, int atIndex) {
+          if (jsArguments.isNull(atIndex)) {
+            return null;
+          } else {
+            int id = (int) jsArguments.getDouble(atIndex);
+            return new com.facebook.react.bridge.CallbackImpl(jsInstance, id);
+          }
+        }
+      };
 
-  static final private ArgumentExtractor<Promise> ARGUMENT_EXTRACTOR_PROMISE =
-    new ArgumentExtractor<Promise>() {
-      @Override
-      public int getJSArgumentsNeeded() {
-        return 2;
-      }
+  private static final ArgumentExtractor<Promise> ARGUMENT_EXTRACTOR_PROMISE =
+      new ArgumentExtractor<Promise>() {
+        @Override
+        public int getJSArgumentsNeeded() {
+          return 2;
+        }
 
-      @Override
-      public Promise extractArgument(
-        JSInstance jsInstance, ReadableArray jsArguments, int atIndex) {
-        Callback resolve = ARGUMENT_EXTRACTOR_CALLBACK
-          .extractArgument(jsInstance, jsArguments, atIndex);
-        Callback reject = ARGUMENT_EXTRACTOR_CALLBACK
-          .extractArgument(jsInstance, jsArguments, atIndex + 1);
-        return new PromiseImpl(resolve, reject);
-      }
-    };
+        @Override
+        public Promise extractArgument(
+            JSInstance jsInstance, ReadableArray jsArguments, int atIndex) {
+          Callback resolve =
+              ARGUMENT_EXTRACTOR_CALLBACK.extractArgument(jsInstance, jsArguments, atIndex);
+          Callback reject =
+              ARGUMENT_EXTRACTOR_CALLBACK.extractArgument(jsInstance, jsArguments, atIndex + 1);
+          return new PromiseImpl(resolve, reject);
+        }
+      };
 
   private static final boolean DEBUG =
       PrinterHolder.getPrinter().shouldDisplayLogMessage(ReactDebugOverlayTags.BRIDGE_CALLS);
@@ -152,8 +151,7 @@ private static char paramTypeToChar(Class paramClass) {
     } else if (paramClass == Dynamic.class) {
       return 'Y';
     } else {
-      throw new RuntimeException(
-        "Got unknown param class: " + paramClass.getSimpleName());
+      throw new RuntimeException("Got unknown param class: " + paramClass.getSimpleName());
     }
   }
 
@@ -170,8 +168,7 @@ private static char returnTypeToChar(Class returnClass) {
     } else if (returnClass == WritableArray.class) {
       return 'A';
     } else {
-      throw new RuntimeException(
-        "Got unknown return class: " + returnClass.getSimpleName());
+      throw new RuntimeException("Got unknown return class: " + returnClass.getSimpleName());
     }
   }
 
@@ -229,15 +226,13 @@ private void processArguments() {
       return;
     }
     SystraceMessage.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "processArguments")
-      .arg("method", mModuleWrapper.getName() + "." + mMethod.getName())
-      .flush();
+        .arg("method", mModuleWrapper.getName() + "." + mMethod.getName())
+        .flush();
     try {
       mArgumentsProcessed = true;
       mArgumentExtractors = buildArgumentExtractors(mParameterTypes);
-      mSignature = buildSignature(
-          mMethod,
-          mParameterTypes,
-          (mType.equals(BaseJavaModule.METHOD_TYPE_SYNC)));
+      mSignature =
+          buildSignature(mMethod, mParameterTypes, (mType.equals(BaseJavaModule.METHOD_TYPE_SYNC)));
       // Since native methods are invoked from a message queue executed on a single thread, it is
       // safe to allocate only one arguments object per method that can be reused across calls
       mArguments = new Object[mParameterTypes.length];
@@ -272,7 +267,7 @@ private String buildSignature(Method method, Class[] paramTypes, boolean isSync)
       Class paramClass = paramTypes[i];
       if (paramClass == Promise.class) {
         Assertions.assertCondition(
-          i == paramTypes.length - 1, "Promise must be used as last parameter only");
+            i == paramTypes.length - 1, "Promise must be used as last parameter only");
       }
       builder.append(paramTypeToChar(paramClass));
     }
@@ -299,7 +294,7 @@ private ArgumentExtractor[] buildArgumentExtractors(Class[] paramTypes) {
       } else if (argumentClass == Promise.class) {
         argumentExtractors[i] = ARGUMENT_EXTRACTOR_PROMISE;
         Assertions.assertCondition(
-          i == paramTypes.length - 1, "Promise must be used as last parameter only");
+            i == paramTypes.length - 1, "Promise must be used as last parameter only");
       } else if (argumentClass == ReadableMap.class) {
         argumentExtractors[i] = ARGUMENT_EXTRACTOR_MAP;
       } else if (argumentClass == ReadableArray.class) {
@@ -307,8 +302,7 @@ private ArgumentExtractor[] buildArgumentExtractors(Class[] paramTypes) {
       } else if (argumentClass == Dynamic.class) {
         argumentExtractors[i] = ARGUMENT_EXTRACTOR_DYNAMIC;
       } else {
-        throw new RuntimeException(
-          "Got unknown argument class: " + argumentClass.getSimpleName());
+        throw new RuntimeException("Got unknown argument class: " + argumentClass.getSimpleName());
       }
     }
     return argumentExtractors;
@@ -323,16 +317,17 @@ private int calculateJSArgumentsNeeded() {
   }
 
   private String getAffectedRange(int startIndex, int jsArgumentsNeeded) {
-    return jsArgumentsNeeded > 1 ?
-      "" + startIndex + "-" + (startIndex + jsArgumentsNeeded - 1) : "" + startIndex;
+    return jsArgumentsNeeded > 1
+        ? "" + startIndex + "-" + (startIndex + jsArgumentsNeeded - 1)
+        : "" + startIndex;
   }
 
   @Override
   public void invoke(JSInstance jsInstance, ReadableArray parameters) {
     String traceName = mModuleWrapper.getName() + "." + mMethod.getName();
     SystraceMessage.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "callJavaModuleMethod")
-      .arg("method", traceName)
-      .flush();
+        .arg("method", traceName)
+        .flush();
     if (DEBUG) {
       PrinterHolder.getPrinter()
           .logMessage(
@@ -350,22 +345,26 @@ public void invoke(JSInstance jsInstance, ReadableArray parameters) {
       }
       if (mJSArgumentsNeeded != parameters.size()) {
         throw new NativeArgumentsParseException(
-          traceName + " got " + parameters.size() + " arguments, expected " + mJSArgumentsNeeded);
+            traceName + " got " + parameters.size() + " arguments, expected " + mJSArgumentsNeeded);
       }
 
       int i = 0, jsArgumentsConsumed = 0;
       try {
         for (; i < mArgumentExtractors.length; i++) {
-          mArguments[i] = mArgumentExtractors[i].extractArgument(
-            jsInstance, parameters, jsArgumentsConsumed);
+          mArguments[i] =
+              mArgumentExtractors[i].extractArgument(jsInstance, parameters, jsArgumentsConsumed);
           jsArgumentsConsumed += mArgumentExtractors[i].getJSArgumentsNeeded();
         }
       } catch (UnexpectedNativeTypeException e) {
         throw new NativeArgumentsParseException(
-          e.getMessage() + " (constructing arguments for " + traceName + " at argument index " +
-            getAffectedRange(jsArgumentsConsumed, mArgumentExtractors[i].getJSArgumentsNeeded()) +
-            ")",
-          e);
+            e.getMessage()
+                + " (constructing arguments for "
+                + traceName
+                + " at argument index "
+                + getAffectedRange(
+                    jsArgumentsConsumed, mArgumentExtractors[i].getJSArgumentsNeeded())
+                + ")",
+            e);
       }
 
       try {
@@ -388,10 +387,9 @@ public void invoke(JSInstance jsInstance, ReadableArray parameters) {
   }
 
   /**
-   * Determines how the method is exported in JavaScript:
-   * METHOD_TYPE_ASYNC for regular methods
-   * METHOD_TYPE_PROMISE for methods that return a promise object to the caller.
-   * METHOD_TYPE_SYNC for sync methods
+   * Determines how the method is exported in JavaScript: METHOD_TYPE_ASYNC for regular methods
+   * METHOD_TYPE_PROMISE for methods that return a promise object to the caller. METHOD_TYPE_SYNC
+   * for sync methods
    */
   @Override
   public String getType() {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaModuleWrapper.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaModuleWrapper.java
index af8b0fbeebf33b..0dd6a45d2a4fbd 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaModuleWrapper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaModuleWrapper.java
@@ -1,14 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
+import static com.facebook.react.bridge.ReactMarkerConstants.CONVERT_CONSTANTS_END;
+import static com.facebook.react.bridge.ReactMarkerConstants.CONVERT_CONSTANTS_START;
+import static com.facebook.react.bridge.ReactMarkerConstants.GET_CONSTANTS_END;
+import static com.facebook.react.bridge.ReactMarkerConstants.GET_CONSTANTS_START;
+import static com.facebook.systrace.Systrace.TRACE_TAG_REACT_JAVA_BRIDGE;
 
+import androidx.annotation.Nullable;
+import com.facebook.proguard.annotations.DoNotStrip;
+import com.facebook.systrace.Systrace;
+import com.facebook.systrace.SystraceMessage;
 import java.lang.reflect.Method;
 import java.util.ArrayList;
 import java.util.HashSet;
@@ -16,35 +23,19 @@
 import java.util.Map;
 import java.util.Set;
 
-import com.facebook.proguard.annotations.DoNotStrip;
-import com.facebook.systrace.Systrace;
-import com.facebook.systrace.SystraceMessage;
-
-import static com.facebook.react.bridge.ReactMarkerConstants.CONVERT_CONSTANTS_END;
-import static com.facebook.react.bridge.ReactMarkerConstants.CONVERT_CONSTANTS_START;
-import static com.facebook.react.bridge.ReactMarkerConstants.GET_CONSTANTS_END;
-import static com.facebook.react.bridge.ReactMarkerConstants.GET_CONSTANTS_START;
-import static com.facebook.systrace.Systrace.TRACE_TAG_REACT_JAVA_BRIDGE;
-
 /**
- * This is part of the glue which wraps a java BaseJavaModule in a C++
- * NativeModule.  This could all be in C++, but it's android-specific
- * initialization code, and writing it this way is easier to read and means
- * fewer JNI calls.
+ * This is part of the glue which wraps a java BaseJavaModule in a C++ NativeModule. This could all
+ * be in C++, but it's android-specific initialization code, and writing it this way is easier to
+ * read and means fewer JNI calls.
  */
-
 @DoNotStrip
 public class JavaModuleWrapper {
   @DoNotStrip
   public class MethodDescriptor {
-    @DoNotStrip
-    Method method;
-    @DoNotStrip
-    String signature;
-    @DoNotStrip
-    String name;
-    @DoNotStrip
-    String type;
+    @DoNotStrip Method method;
+    @DoNotStrip String signature;
+    @DoNotStrip String name;
+    @DoNotStrip String type;
   }
 
   private final JSInstance mJSInstance;
@@ -93,10 +84,11 @@ private void findMethods() {
           // 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);
+              "Java Module " + getName() + " method name already registered: " + methodName);
         }
         MethodDescriptor md = new MethodDescriptor();
-        JavaMethodWrapper method = new JavaMethodWrapper(this, targetMethod, annotation.isBlockingSynchronousMethod());
+        JavaMethodWrapper method =
+            new JavaMethodWrapper(this, targetMethod, annotation.isBlockingSynchronousMethod());
         md.name = methodName;
         md.type = method.getType();
         if (md.type == BaseJavaModule.METHOD_TYPE_SYNC) {
@@ -126,8 +118,8 @@ public List<MethodDescriptor> getMethodDescriptors() {
 
     final String moduleName = getName();
     SystraceMessage.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "JavaModuleWrapper.getConstants")
-      .arg("moduleName", moduleName)
-      .flush();
+        .arg("moduleName", moduleName)
+        .flush();
     ReactMarker.logMarker(GET_CONSTANTS_START, moduleName);
 
     BaseJavaModule baseJavaModule = getModule();
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaOnlyArray.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaOnlyArray.java
index 1b3774d7f875d8..071887938e79ce 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaOnlyArray.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaOnlyArray.java
@@ -1,29 +1,27 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
 import java.util.ArrayList;
 import java.util.Arrays;
 import java.util.List;
 
-import javax.annotation.Nonnull;
-import javax.annotation.Nullable;
-
 /**
  * Java {@link ArrayList} backed implementation of {@link ReadableArray} and {@link WritableArray}
  * Instances of this class SHOULD NOT be used for communication between java and JS, use instances
- * of {@link WritableNativeArray} created via {@link Arguments#createArray} or just
- * {@link ReadableArray} interface if you want your "native" module method to take an array from JS
- * as an argument.
+ * of {@link WritableNativeArray} created via {@link Arguments#createArray} or just {@link
+ * ReadableArray} interface if you want your "native" module method to take an array from JS as an
+ * argument.
  *
- * Main purpose for this class is to be used in java-only unit tests, but could also be used outside
- * of tests in the code that operates only in java and needs to communicate with RN modules via
- * their JS-exposed API.
+ * <p>Main purpose for this class is to be used in java-only unit tests, but could also be used
+ * outside of tests in the code that operates only in java and needs to communicate with RN modules
+ * via their JS-exposed API.
  */
 public class JavaOnlyArray implements ReadableArray, WritableArray {
 
@@ -103,8 +101,8 @@ public int getInt(int index) {
   }
 
   @Override
-  public JavaOnlyArray getArray(int index) {
-    return (JavaOnlyArray) mBackingList.get(index);
+  public ReadableArray getArray(int index) {
+    return (ReadableArray) mBackingList.get(index);
   }
 
   @Override
@@ -113,26 +111,24 @@ public boolean getBoolean(int index) {
   }
 
   @Override
-  public JavaOnlyMap getMap(int index) {
-    return (JavaOnlyMap) mBackingList.get(index);
+  public ReadableMap getMap(int index) {
+    return (ReadableMap) mBackingList.get(index);
   }
 
   @Override
-  public @Nonnull Dynamic getDynamic(int index) {
+  public @NonNull Dynamic getDynamic(int index) {
     return DynamicFromArray.create(this, index);
   }
 
   @Override
-  public @Nonnull ReadableType getType(int index) {
+  public @NonNull ReadableType getType(int index) {
     Object object = mBackingList.get(index);
 
     if (object == null) {
       return ReadableType.Null;
     } else if (object instanceof Boolean) {
       return ReadableType.Boolean;
-    } else if (object instanceof Double ||
-        object instanceof Float ||
-        object instanceof Integer) {
+    } else if (object instanceof Double || object instanceof Float || object instanceof Integer) {
       return ReadableType.Number;
     } else if (object instanceof String) {
       return ReadableType.String;
@@ -165,12 +161,12 @@ public void pushString(@Nullable String value) {
   }
 
   @Override
-  public void pushArray(@Nullable WritableArray array) {
+  public void pushArray(@Nullable ReadableArray array) {
     mBackingList.add(array);
   }
 
   @Override
-  public void pushMap(@Nullable WritableMap map) {
+  public void pushMap(@Nullable ReadableMap map) {
     mBackingList.add(map);
   }
 
@@ -180,7 +176,7 @@ public void pushNull() {
   }
 
   @Override
-  public @Nonnull ArrayList<Object> toArrayList() {
+  public @NonNull ArrayList<Object> toArrayList() {
     return new ArrayList<Object>(mBackingList);
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaOnlyMap.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaOnlyMap.java
index 139f824611338a..0ed5a53bd3c195 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaOnlyMap.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaOnlyMap.java
@@ -6,13 +6,12 @@
  */
 package com.facebook.react.bridge;
 
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
 import java.util.HashMap;
 import java.util.Iterator;
 import java.util.Map;
 
-import javax.annotation.Nonnull;
-import javax.annotation.Nullable;
-
 /**
  * Java {@link HashMap} backed implementation of {@link ReadableMap} and {@link WritableMap}
  * Instances of this class SHOULD NOT be used for communication between java and JS, use instances
@@ -71,7 +70,7 @@ private JavaOnlyMap(Object... keysAndValues) {
       Object val = keysAndValues[i + 1];
       if (val instanceof Number) {
         // all values from JS are doubles, so emulate that here for tests.
-        val = ((Number)val).doubleValue();
+        val = ((Number) val).doubleValue();
       }
       mBackingMap.put(keysAndValues[i], val);
     }
@@ -82,52 +81,52 @@ public JavaOnlyMap() {
   }
 
   @Override
-  public boolean hasKey(@Nonnull String name) {
+  public boolean hasKey(@NonNull String name) {
     return mBackingMap.containsKey(name);
   }
 
   @Override
-  public boolean isNull(@Nonnull String name) {
+  public boolean isNull(@NonNull String name) {
     return mBackingMap.get(name) == null;
   }
 
   @Override
-  public boolean getBoolean(@Nonnull String name) {
+  public boolean getBoolean(@NonNull String name) {
     return (Boolean) mBackingMap.get(name);
   }
 
   @Override
-  public double getDouble(@Nonnull String name) {
+  public double getDouble(@NonNull String name) {
     return ((Number) mBackingMap.get(name)).doubleValue();
   }
 
   @Override
-  public int getInt(@Nonnull String name) {
+  public int getInt(@NonNull String name) {
     return ((Number) mBackingMap.get(name)).intValue();
   }
 
   @Override
-  public String getString(@Nonnull String name) {
+  public String getString(@NonNull String name) {
     return (String) mBackingMap.get(name);
   }
 
   @Override
-  public ReadableMap getMap(@Nonnull String name) {
+  public ReadableMap getMap(@NonNull String name) {
     return (ReadableMap) mBackingMap.get(name);
   }
 
   @Override
-  public JavaOnlyArray getArray(@Nonnull String name) {
-    return (JavaOnlyArray) mBackingMap.get(name);
+  public ReadableArray getArray(@NonNull String name) {
+    return (ReadableArray) mBackingMap.get(name);
   }
 
   @Override
-  public @Nonnull Dynamic getDynamic(@Nonnull String name) {
+  public @NonNull Dynamic getDynamic(@NonNull String name) {
     return DynamicFromMap.create(this, name);
   }
 
   @Override
-  public @Nonnull ReadableType getType(@Nonnull String name) {
+  public @NonNull ReadableType getType(@NonNull String name) {
     Object value = mBackingMap.get(name);
     if (value == null) {
       return ReadableType.Null;
@@ -150,12 +149,12 @@ public JavaOnlyArray getArray(@Nonnull String name) {
   }
 
   @Override
-  public @Nonnull Iterator<Map.Entry<String, Object>> getEntryIterator() {
+  public @NonNull Iterator<Map.Entry<String, Object>> getEntryIterator() {
     return mBackingMap.entrySet().iterator();
   }
 
   @Override
-  public @Nonnull ReadableMapKeySetIterator keySetIterator() {
+  public @NonNull ReadableMapKeySetIterator keySetIterator() {
     return new ReadableMapKeySetIterator() {
       Iterator<Map.Entry<String, Object>> mIterator = mBackingMap.entrySet().iterator();
 
@@ -172,47 +171,54 @@ public String nextKey() {
   }
 
   @Override
-  public void putBoolean(@Nonnull String key, boolean value) {
+  public void putBoolean(@NonNull String key, boolean value) {
     mBackingMap.put(key, value);
   }
 
   @Override
-  public void putDouble(@Nonnull String key, double value) {
+  public void putDouble(@NonNull String key, double value) {
     mBackingMap.put(key, value);
   }
 
   @Override
-  public void putInt(@Nonnull String key, int value) {
+  public void putInt(@NonNull String key, int value) {
     mBackingMap.put(key, new Double(value));
   }
 
   @Override
-  public void putString(@Nonnull String key, @Nullable String value) {
+  public void putString(@NonNull String key, @Nullable String value) {
     mBackingMap.put(key, value);
   }
 
   @Override
-  public void putNull(@Nonnull String key) {
+  public void putNull(@NonNull String key) {
     mBackingMap.put(key, null);
   }
 
   @Override
-  public void putMap(@Nonnull String key, @Nullable WritableMap value) {
+  public void putMap(@NonNull String key, @Nullable ReadableMap value) {
     mBackingMap.put(key, value);
   }
 
   @Override
-  public void merge(@Nonnull ReadableMap source) {
+  public void merge(@NonNull ReadableMap source) {
     mBackingMap.putAll(((JavaOnlyMap) source).mBackingMap);
   }
 
   @Override
-  public void putArray(@Nonnull String key, @Nullable WritableArray value) {
+  public WritableMap copy() {
+    final JavaOnlyMap target = new JavaOnlyMap();
+    target.merge(this);
+    return target;
+  }
+
+  @Override
+  public void putArray(@NonNull String key, @Nullable ReadableArray value) {
     mBackingMap.put(key, value);
   }
 
   @Override
-  public @Nonnull HashMap<String, Object> toHashMap() {
+  public @NonNull HashMap<String, Object> toHashMap() {
     return new HashMap<String, Object>(mBackingMap);
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptContextHolder.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptContextHolder.java
index 13c767afc6c020..5bc7b37641e134 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptContextHolder.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptContextHolder.java
@@ -5,12 +5,12 @@
 
 package com.facebook.react.bridge;
 
-import javax.annotation.concurrent.GuardedBy;
+import androidx.annotation.GuardedBy;
 
 /**
  * Wrapper for JavaScriptContext native pointer. CatalystInstanceImpl creates this on demand, and
- * will call clear() before destroying the VM. People who need the raw JavaScriptContext pointer
- * can synchronize on this wrapper object to guarantee that it will not be destroyed.
+ * will call clear() before destroying the VM. People who need the raw JavaScriptContext pointer can
+ * synchronize on this wrapper object to guarantee that it will not be destroyed.
  */
 public class JavaScriptContextHolder {
   @GuardedBy("this")
@@ -28,5 +28,4 @@ public long get() {
   public synchronized void clear() {
     mContext = 0;
   }
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptExecutor.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptExecutor.java
index 4333cfbbda767a..70e4e7e75fdc1e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptExecutor.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptExecutor.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -19,16 +18,13 @@ protected JavaScriptExecutor(HybridData hybridData) {
   }
 
   /**
-   * Close this executor and cleanup any resources that it was using. No further calls are
-   * expected after this.
-   * TODO mhorowitz: This may no longer be used; check and delete if possible.
+   * Close this executor and cleanup any resources that it was using. No further calls are expected
+   * after this. TODO mhorowitz: This may no longer be used; check and delete if possible.
    */
   public void close() {
     mHybridData.resetNative();
   }
 
-  /**
-   * Returns the name of the executor, identifying the underlying runtime.
-   */
-  abstract public String getName();
+  /** Returns the name of the executor, identifying the underlying runtime. */
+  public abstract String getName();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptExecutorFactory.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptExecutorFactory.java
index 1530755ca58dca..cf277a5b4411f2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptExecutorFactory.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptExecutorFactory.java
@@ -1,12 +1,24 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 public interface JavaScriptExecutorFactory {
   JavaScriptExecutor create() throws Exception;
+
+  /**
+   * Starts the sampling profiler for this specific JavaScriptExecutor Sampling profiler is usually
+   * a singleton on the runtime, hence the method exists here and not in {@link JavaScriptExecutor}
+   */
+  void startSamplingProfiler();
+
+  /**
+   * Stops the Sampling profile
+   *
+   * @param filename The filename where the results of the sampling profiler are dumped to
+   */
+  void stopSamplingProfiler(String filename);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptModule.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptModule.java
index e3b5f56813579b..895f8de45f94f0 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptModule.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -13,15 +12,13 @@
  * Interface denoting that a class is the interface to a module with the same name in JS. Calling
  * functions on this interface will result in corresponding methods in JS being called.
  *
- * When extending JavaScriptModule and registering it with a CatalystInstance, all public methods
- * are assumed to be implemented on a JS module with the same name as this class. Calling methods
- * on the object returned from {@link ReactContext#getJSModule} or
- * {@link CatalystInstance#getJSModule} will result in the methods with those names exported by
- * that module being called in JS.
+ * <p>When extending JavaScriptModule and registering it with a CatalystInstance, all public methods
+ * are assumed to be implemented on a JS module with the same name as this class. Calling methods on
+ * the object returned from {@link ReactContext#getJSModule} or {@link CatalystInstance#getJSModule}
+ * will result in the methods with those names exported by that module being called in JS.
  *
- * NB: JavaScriptModule does not allow method name overloading because JS does not allow method name
- * overloading.
+ * <p>NB: JavaScriptModule does not allow method name overloading because JS does not allow method
+ * name overloading.
  */
 @DoNotStrip
-public interface JavaScriptModule {
-}
+public interface JavaScriptModule {}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptModuleRegistry.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptModuleRegistry.java
index 5bb25881ca4bbd..1dbb6f54d7b452 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptModuleRegistry.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptModuleRegistry.java
@@ -1,14 +1,13 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
-
+import androidx.annotation.Nullable;
+import com.facebook.react.common.build.ReactBuildConfig;
 import java.lang.reflect.InvocationHandler;
 import java.lang.reflect.Method;
 import java.lang.reflect.Proxy;
@@ -16,12 +15,10 @@
 import java.util.HashSet;
 import java.util.Set;
 
-import com.facebook.react.common.build.ReactBuildConfig;
-
 /**
- * Class responsible for holding all the {@link JavaScriptModule}s.  Uses Java proxy objects
- * to dispatch method calls on JavaScriptModules to the bridge using the corresponding
- * module and method ids so the proper function is executed in JavaScript.
+ * Class responsible for holding all the {@link JavaScriptModule}s. Uses Java proxy objects to
+ * dispatch method calls on JavaScriptModules to the bridge using the corresponding module and
+ * method ids so the proper function is executed in JavaScript.
  */
 public final class JavaScriptModuleRegistry {
   private final HashMap<Class<? extends JavaScriptModule>, JavaScriptModule> mModuleInstances;
@@ -31,17 +28,18 @@ public JavaScriptModuleRegistry() {
   }
 
   public synchronized <T extends JavaScriptModule> T getJavaScriptModule(
-      CatalystInstance instance,
-      Class<T> moduleInterface) {
+      CatalystInstance instance, Class<T> moduleInterface) {
     JavaScriptModule module = mModuleInstances.get(moduleInterface);
     if (module != null) {
       return (T) module;
     }
 
-    JavaScriptModule interfaceProxy = (JavaScriptModule) Proxy.newProxyInstance(
-        moduleInterface.getClassLoader(),
-        new Class[]{moduleInterface},
-        new JavaScriptModuleInvocationHandler(instance, moduleInterface));
+    JavaScriptModule interfaceProxy =
+        (JavaScriptModule)
+            Proxy.newProxyInstance(
+                moduleInterface.getClassLoader(),
+                new Class[] {moduleInterface},
+                new JavaScriptModuleInvocationHandler(instance, moduleInterface));
     mModuleInstances.put(moduleInterface, interfaceProxy);
     return (T) interfaceProxy;
   }
@@ -52,8 +50,7 @@ private static class JavaScriptModuleInvocationHandler implements InvocationHand
     private @Nullable String mName;
 
     public JavaScriptModuleInvocationHandler(
-        CatalystInstance catalystInstance,
-        Class<? extends JavaScriptModule> moduleInterface) {
+        CatalystInstance catalystInstance, Class<? extends JavaScriptModule> moduleInterface) {
       mCatalystInstance = catalystInstance;
       mModuleInterface = moduleInterface;
 
@@ -62,8 +59,10 @@ public JavaScriptModuleInvocationHandler(
         for (Method method : mModuleInterface.getDeclaredMethods()) {
           if (!methodNames.add(method.getName())) {
             throw new AssertionError(
-              "Method overloading is unsupported: " + mModuleInterface.getName() +
-                "#" + method.getName());
+                "Method overloading is unsupported: "
+                    + mModuleInterface.getName()
+                    + "#"
+                    + method.getName());
           }
         }
       }
@@ -87,10 +86,9 @@ private String getJSModuleName() {
     }
 
     @Override
-    public @Nullable Object invoke(Object proxy, Method method, @Nullable Object[] args) throws Throwable {
-      NativeArray jsArgs = args != null
-        ? Arguments.fromJavaArgs(args)
-        : new WritableNativeArray();
+    public @Nullable Object invoke(Object proxy, Method method, @Nullable Object[] args)
+        throws Throwable {
+      NativeArray jsArgs = args != null ? Arguments.fromJavaArgs(args) : new WritableNativeArray();
       mCatalystInstance.callFunction(getJSModuleName(), method.getName(), jsArgs);
       return null;
     }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JsonWriter.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JsonWriter.java
deleted file mode 100644
index 924b7915629515..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JsonWriter.java
+++ /dev/null
@@ -1,216 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source 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 java.io.Closeable;
-import java.io.IOException;
-import java.io.Writer;
-import java.util.ArrayDeque;
-import java.util.Deque;
-
-/**
- * Simple Json generator that does no validation.
- */
-public class JsonWriter implements Closeable {
-  private final Writer mWriter;
-  private final Deque<Scope> mScopes;
-
-  public JsonWriter(Writer writer) {
-    mWriter = writer;
-    mScopes = new ArrayDeque<>();
-  }
-
-  public JsonWriter beginArray() throws IOException {
-    open(Scope.EMPTY_ARRAY, '[');
-    return this;
-  }
-
-  public JsonWriter endArray() throws IOException {
-    close(']');
-    return this;
-  }
-
-  public JsonWriter beginObject() throws IOException {
-    open(Scope.EMPTY_OBJECT, '{');
-    return this;
-  }
-
-  public JsonWriter endObject() throws IOException {
-    close('}');
-    return this;
-  }
-
-  public JsonWriter name(String name) throws IOException {
-    if (name == null) {
-      throw new NullPointerException("name can not be null");
-    }
-    beforeName();
-    string(name);
-    mWriter.write(':');
-    return this;
-  }
-
-  public JsonWriter value(String value) throws IOException {
-    if (value == null) {
-      return nullValue();
-    }
-    beforeValue();
-    string(value);
-    return this;
-  }
-
-  public JsonWriter nullValue() throws IOException {
-    beforeValue();
-    mWriter.write("null");
-    return this;
-  }
-
-  public JsonWriter rawValue(String json) throws IOException {
-    beforeValue();
-    mWriter.write(json);
-    return this;
-  }
-
-  public JsonWriter value(boolean value) throws IOException {
-    beforeValue();
-    mWriter.write(value ? "true" : "false");
-    return this;
-  }
-
-  public JsonWriter value(double value) throws IOException {
-    beforeValue();
-    mWriter.append(Double.toString(value));
-    return this;
-  }
-
-  public JsonWriter value(long value) throws IOException {
-    beforeValue();
-    mWriter.write(Long.toString(value));
-    return this;
-  }
-
-  public JsonWriter value(Number value) throws IOException {
-    if (value == null) {
-      return nullValue();
-    }
-    beforeValue();
-    mWriter.append(value.toString());
-    return this;
-  }
-
-  @Override
-  public void close() throws IOException {
-    mWriter.close();
-  }
-
-  private void beforeValue() throws IOException {
-    Scope scope = mScopes.peek();
-    switch (scope) {
-      case EMPTY_ARRAY:
-        replace(Scope.ARRAY);
-        break;
-      case EMPTY_OBJECT:
-        throw new IllegalArgumentException(Scope.EMPTY_OBJECT.name());
-      case ARRAY:
-        mWriter.write(',');
-        break;
-      case OBJECT:
-        break;
-      default:
-        throw new IllegalStateException("Unknown scope: " + scope);
-    }
-  }
-
-  private void beforeName() throws IOException {
-    Scope scope = mScopes.peek();
-    switch (scope) {
-      case EMPTY_ARRAY:
-      case ARRAY:
-        throw new IllegalStateException("name not allowed in array");
-      case EMPTY_OBJECT:
-        replace(Scope.OBJECT);
-        break;
-      case OBJECT:
-        mWriter.write(',');
-        break;
-      default:
-        throw new IllegalStateException("Unknown scope: " + scope);
-    }
-  }
-
-  private void open(Scope scope, char bracket) throws IOException {
-    mScopes.push(scope);
-    mWriter.write(bracket);
-  }
-
-  private void close(char bracket) throws IOException {
-    mScopes.pop();
-    mWriter.write(bracket);
-  }
-
-  private void string(String string) throws IOException {
-    mWriter.write('"');
-    for (int i = 0, length = string.length(); i < length; i++) {
-      char c = string.charAt(i);
-      switch (c) {
-        case '\t':
-          mWriter.write("\\t");
-          break;
-
-        case '\b':
-          mWriter.write("\\b");
-          break;
-
-        case '\n':
-          mWriter.write("\\n");
-          break;
-
-        case '\r':
-          mWriter.write("\\r");
-          break;
-
-        case '\f':
-          mWriter.write("\\f");
-          break;
-
-        case '"':
-        case '\\':
-          mWriter.write('\\');
-          mWriter.write(c);
-          break;
-
-        case '\u2028':
-        case '\u2029':
-          mWriter.write(String.format("\\u%04x", (int) c));
-          break;
-
-        default:
-          if (c <= 0x1F) {
-            mWriter.write(String.format("\\u%04x", (int) c));
-          } else {
-            mWriter.write(c);
-          }
-          break;
-      }
-
-    }
-    mWriter.write('"');
-  }
-
-  private void replace(Scope scope) {
-    mScopes.pop();
-    mScopes.push(scope);
-  }
-
-  private enum Scope {
-    EMPTY_OBJECT,
-    OBJECT,
-    EMPTY_ARRAY,
-    ARRAY
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JsonWriterHelper.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JsonWriterHelper.java
index 712197ae088f30..d91dc0220b90b7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JsonWriterHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JsonWriterHelper.java
@@ -1,30 +1,126 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 android.util.JsonWriter;
 import java.io.IOException;
 import java.util.List;
 import java.util.Map;
 
-/**
- * Helper for generating JSON for lists and maps.
- */
-class JsonWriterHelper {
+/** Helper for generating JSON for lists and maps. */
+public class JsonWriterHelper {
   public static void value(JsonWriter writer, Object value) throws IOException {
     if (value instanceof Map) {
       mapValue(writer, (Map) value);
     } else if (value instanceof List) {
       listValue(writer, (List) value);
+    } else if (value instanceof ReadableMap) {
+      readableMapValue(writer, (ReadableMap) value);
+    } else if (value instanceof ReadableArray) {
+      readableArrayValue(writer, (ReadableArray) value);
+    } else if (value instanceof Dynamic) {
+      dynamicValue(writer, (Dynamic) value);
     } else {
       objectValue(writer, value);
     }
   }
 
+  private static void dynamicValue(JsonWriter writer, Dynamic value) throws IOException {
+    switch (value.getType()) {
+      case Null:
+        writer.nullValue();
+        break;
+      case Boolean:
+        writer.value(value.asBoolean());
+        break;
+      case Number:
+        writer.value(value.asDouble());
+        break;
+      case String:
+        writer.value(value.asString());
+        break;
+      case Map:
+        readableMapValue(writer, value.asMap());
+        break;
+      case Array:
+        readableArrayValue(writer, value.asArray());
+        break;
+      default:
+        throw new IllegalArgumentException("Unknown data type: " + value.getType());
+    }
+  }
+
+  private static void readableMapValue(JsonWriter writer, ReadableMap value) throws IOException {
+    writer.beginObject();
+    try {
+      ReadableMapKeySetIterator iterator = value.keySetIterator();
+      while (iterator.hasNextKey()) {
+        String key = iterator.nextKey();
+        writer.name(key);
+        switch (value.getType(key)) {
+          case Null:
+            writer.nullValue();
+            break;
+          case Boolean:
+            writer.value(value.getBoolean(key));
+            break;
+          case Number:
+            writer.value(value.getDouble(key));
+            break;
+          case String:
+            writer.value(value.getString(key));
+            break;
+          case Map:
+            readableMapValue(writer, value.getMap(key));
+            break;
+          case Array:
+            readableArrayValue(writer, value.getArray(key));
+            break;
+          default:
+            throw new IllegalArgumentException("Unknown data type: " + value.getType(key));
+        }
+      }
+    } finally {
+      writer.endObject();
+    }
+  }
+
+  public static void readableArrayValue(JsonWriter writer, ReadableArray value) throws IOException {
+    writer.beginArray();
+    try {
+      for (int key = 0; key < value.size(); ++key) {
+        switch (value.getType(key)) {
+          case Null:
+            writer.nullValue();
+            break;
+          case Boolean:
+            writer.value(value.getBoolean(key));
+            break;
+          case Number:
+            writer.value(value.getDouble(key));
+            break;
+          case String:
+            writer.value(value.getString(key));
+            break;
+          case Map:
+            readableMapValue(writer, value.getMap(key));
+            break;
+          case Array:
+            readableArrayValue(writer, value.getArray(key));
+            break;
+          default:
+            throw new IllegalArgumentException("Unknown data type: " + value.getType(key));
+        }
+      }
+    } finally {
+      writer.endArray();
+    }
+  }
+
   private static void mapValue(JsonWriter writer, Map<?, ?> map) throws IOException {
     writer.beginObject();
     for (Map.Entry entry : map.entrySet()) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/LifecycleEventListener.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/LifecycleEventListener.java
index 908e13db416bbe..bdd9c156d63f83 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/LifecycleEventListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/LifecycleEventListener.java
@@ -1,28 +1,30 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 for receiving activity lifecycle events.
  *
- * When multiple activities share a react instance, only the most recent one's lifecycle events get
- * forwarded to listeners. Consider the following scenarios:
+ * <p>When multiple activities share a react instance, only the most recent one's lifecycle events
+ * get forwarded to listeners. Consider the following scenarios:
  *
- * 1. Navigating from Activity A to B will trigger two events: A#onHostPause and B#onHostResume. Any
- *    subsequent lifecycle events coming from Activity A, such as onHostDestroy, will be ignored.
- * 2. Navigating back from Activity B to Activity A will trigger the same events: B#onHostPause and
- *    A#onHostResume. Any subsequent events coming from Activity B, such as onHostDestroy, are
- *    ignored.
- * 3. Navigating back from Activity A to a non-React Activity or to the home screen will trigger two
- *    events: onHostPause and onHostDestroy.
- * 4. Navigating from Activity A to a non-React Activity B will trigger one event: onHostPause.
- *    Later, if Activity A is destroyed (e.g. because of resource contention), onHostDestroy is
- *    triggered.
+ * <ol>
+ *   <li>Navigating from Activity A to B will trigger two events: A#onHostPause and B#onHostResume.
+ *       Any subsequent lifecycle events coming from Activity A, such as onHostDestroy, will be
+ *       ignored.
+ *   <li>Navigating back from Activity B to Activity A will trigger the same events: B#onHostPause
+ *       and A#onHostResume. Any subsequent events coming from Activity B, such as onHostDestroy,
+ *       are ignored.
+ *   <li>Navigating back from Activity A to a non-React Activity or to the home screen will trigger
+ *       two events: onHostPause and onHostDestroy.
+ *   <li>Navigating from Activity A to a non-React Activity B will trigger one event: onHostPause.
+ *       Later, if Activity A is destroyed (e.g. because of resource contention), onHostDestroy is
+ *       triggered.
+ * </ol>
  */
 public interface LifecycleEventListener {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/MemoryPressureListener.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/MemoryPressureListener.java
index 972f17aa397da0..ac7ea034dcca05 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/MemoryPressureListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/MemoryPressureListener.java
@@ -5,14 +5,9 @@
 
 package com.facebook.react.bridge;
 
-/**
- * Listener interface for memory pressure events.
- */
+/** Listener interface for memory pressure events. */
 public interface MemoryPressureListener {
 
-  /**
-   * Called when the system generates a memory warning.
-   */
+  /** Called when the system generates a memory warning. */
   void handleMemoryPressure(int level);
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ModuleHolder.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ModuleHolder.java
index e1299d525ae3e1..f89cc658016275 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ModuleHolder.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ModuleHolder.java
@@ -10,6 +10,8 @@
 import static com.facebook.react.bridge.ReactMarkerConstants.CREATE_MODULE_START;
 import static com.facebook.systrace.Systrace.TRACE_TAG_REACT_JAVA_BRIDGE;
 
+import androidx.annotation.GuardedBy;
+import androidx.annotation.Nullable;
 import com.facebook.debug.holder.PrinterHolder;
 import com.facebook.debug.tags.ReactDebugOverlayTags;
 import com.facebook.infer.annotation.Assertions;
@@ -18,8 +20,6 @@
 import com.facebook.react.turbomodule.core.interfaces.TurboModule;
 import com.facebook.systrace.SystraceMessage;
 import java.util.concurrent.atomic.AtomicInteger;
-import javax.annotation.Nullable;
-import javax.annotation.concurrent.GuardedBy;
 import javax.inject.Provider;
 
 /**
@@ -70,8 +70,7 @@ public ModuleHolder(NativeModule nativeModule) {
             true,
             true,
             CxxModuleWrapper.class.isAssignableFrom(nativeModule.getClass()),
-            TurboModule.class.isAssignableFrom(nativeModule.getClass())
-          );
+            TurboModule.class.isAssignableFrom(nativeModule.getClass()));
 
     mModule = nativeModule;
     PrinterHolder.getPrinter()
@@ -199,7 +198,7 @@ private NativeModule create() {
         doInitialize(module);
       }
     } finally {
-      ReactMarker.logMarker(CREATE_MODULE_END, mName ,mInstanceKey);
+      ReactMarker.logMarker(CREATE_MODULE_END, mName, mInstanceKey);
       SystraceMessage.endSection(TRACE_TAG_REACT_JAVA_BRIDGE).flush();
     }
     return module;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ModuleSpec.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ModuleSpec.java
index 64766f16f179d8..3742b2ab927980 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ModuleSpec.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ModuleSpec.java
@@ -6,9 +6,9 @@
  */
 package com.facebook.react.bridge;
 
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.module.annotations.ReactModule;
-import javax.annotation.Nullable;
 import javax.inject.Provider;
 
 /**
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeArgumentsParseException.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeArgumentsParseException.java
index 3dd3617293e988..e6966686694876 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeArgumentsParseException.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeArgumentsParseException.java
@@ -1,17 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
+import androidx.annotation.Nullable;
 
-/**
- * Exception thrown when a native module method call receives unexpected arguments from JS.
- */
+/** Exception thrown when a native module method call receives unexpected arguments from JS. */
 public class NativeArgumentsParseException extends JSApplicationCausedNativeException {
 
   public NativeArgumentsParseException(String detailMessage) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeArray.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeArray.java
index 9ae9251f23ec4d..101c6b99fa3e4e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeArray.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeArray.java
@@ -1,20 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
-/**
- * Base class for an array whose members are stored in native code (C++).
- */
+/** Base class for an array whose members are stored in native code (C++). */
 @DoNotStrip
-public abstract class NativeArray implements NativeArrayInterface{
+public abstract class NativeArray implements NativeArrayInterface {
   static {
     ReactBridge.staticInit();
   }
@@ -26,6 +23,5 @@ protected NativeArray(HybridData hybridData) {
   @Override
   public native String toString();
 
-  @DoNotStrip
-  private HybridData mHybridData;
+  @DoNotStrip private HybridData mHybridData;
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeArrayInterface.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeArrayInterface.java
index 989208814f2758..c31bde01d8a15e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeArrayInterface.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeArrayInterface.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 public interface NativeArrayInterface {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeDeltaClient.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeDeltaClient.java
index 97eb4337284186..39ebf53b6360c3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeDeltaClient.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeDeltaClient.java
@@ -1,15 +1,13 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.nio.channels.ReadableByteChannel;
-
 import com.facebook.jni.HybridData;
+import java.nio.channels.ReadableByteChannel;
 
 public class NativeDeltaClient {
   static {
@@ -18,8 +16,10 @@ public class NativeDeltaClient {
 
   // C++ parts
   private final HybridData mHybridData = initHybrid();
-  private native static HybridData initHybrid();
+
+  private static native HybridData initHybrid();
 
   public native void reset();
+
   public native void processDelta(ReadableByteChannel deltaMessage);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeMap.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeMap.java
index d1dbf145ef1678..731638105ec385 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeMap.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeMap.java
@@ -1,18 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
-/**
- * Base class for a Map whose keys and values are stored in native code (C++).
- */
+/** Base class for a Map whose keys and values are stored in native code (C++). */
 @DoNotStrip
 public abstract class NativeMap {
   static {
@@ -26,6 +23,5 @@ public NativeMap(HybridData hybridData) {
   @Override
   public native String toString();
 
-  @DoNotStrip
-  private HybridData mHybridData;
+  @DoNotStrip private HybridData mHybridData;
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeModule.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeModule.java
index 14224ca10a285c..2aa39cb0ee57cf 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeModule.java
@@ -1,41 +1,40 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 androidx.annotation.NonNull;
 import com.facebook.proguard.annotations.DoNotStrip;
 
-import javax.annotation.Nonnull;
-
-
 /**
- * A native module whose API can be provided to JS catalyst instances.  {@link NativeModule}s whose
+ * A native module whose API can be provided to JS catalyst instances. {@link NativeModule}s whose
  * implementation is written in Java should extend {@link BaseJavaModule} or {@link
- * ReactContextBaseJavaModule}.  {@link NativeModule}s whose implementation is written in C++
- * must not provide any Java code (so they can be reused on other platforms), and instead should
- * register themselves using {@link CxxModuleWrapper}.
+ * ReactContextBaseJavaModule}. {@link NativeModule}s whose implementation is written in C++ must
+ * not provide any Java code (so they can be reused on other platforms), and instead should register
+ * themselves using {@link CxxModuleWrapper}.
  */
 @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
-   * from javascript.
+   *     from javascript.
    */
-  @Nonnull String getName();
+  @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 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.
    */
   void initialize();
 
@@ -47,8 +46,6 @@ interface NativeMethod {
    */
   boolean canOverrideExistingModule();
 
-  /**
-   * Called before {CatalystInstance#onHostDestroy}
-   */
+  /** Called before {CatalystInstance#onHostDestroy} */
   void onCatalystInstanceDestroy();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeModuleCallExceptionHandler.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeModuleCallExceptionHandler.java
index ada610f1f06923..d9b31a59673f70 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeModuleCallExceptionHandler.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeModuleCallExceptionHandler.java
@@ -1,26 +1,22 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 /**
  * Interface for a class that knows how to handle an Exception thrown by a native module invoked
- * from JS. Since these Exceptions are triggered by JS calls (and can be fixed in JS), a
- * common way to handle one is to show a error dialog and allow the developer to change and reload
- * JS.
+ * from JS. Since these Exceptions are triggered by JS calls (and can be fixed in JS), a common way
+ * to handle one is to show a error dialog and allow the developer to change and reload JS.
  *
- * We should also note that we have a unique stance on what 'caused' means: even if there's a bug in
- * the framework/native code, it was triggered by JS and theoretically since we were able to set up
- * the bridge, JS could change its logic, reload, and not trigger that crash.
+ * <p>We should also note that we have a unique stance on what 'caused' means: even if there's a bug
+ * in the framework/native code, it was triggered by JS and theoretically since we were able to set
+ * up the bridge, JS could change its logic, reload, and not trigger that crash.
  */
 public interface NativeModuleCallExceptionHandler {
 
-  /**
-   * Do something to display or log the exception.
-   */
+  /** Do something to display or log the exception. */
   void handleException(Exception e);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeModuleRegistry.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeModuleRegistry.java
index 126e7fb75767ee..8c82e88e615e0a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeModuleRegistry.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeModuleRegistry.java
@@ -144,8 +144,8 @@ public boolean hasModule(String name) {
   }
 
   public NativeModule getModule(String name) {
-    return Assertions.assertNotNull(
-        mModules.get(name), "Could not find module with name " + name).getModule();
+    return Assertions.assertNotNull(mModules.get(name), "Could not find module with name " + name)
+        .getModule();
   }
 
   public List<NativeModule> getAllModules() {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/NoSuchKeyException.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/NoSuchKeyException.java
index 56488cc11c5425..32843d3533972b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/NoSuchKeyException.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/NoSuchKeyException.java
@@ -1,17 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
-/**
- * Exception thrown by {@link ReadableNativeMap} when a key that does not exist is requested.
- */
+/** Exception thrown by {@link ReadableNativeMap} when a key that does not exist is requested. */
 @DoNotStrip
 public class NoSuchKeyException extends RuntimeException {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/NotThreadSafeBridgeIdleDebugListener.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/NotThreadSafeBridgeIdleDebugListener.java
index 680702561a55ae..da854c76092c52 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/NotThreadSafeBridgeIdleDebugListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/NotThreadSafeBridgeIdleDebugListener.java
@@ -1,36 +1,32 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 /**
  * Interface for receiving notification for bridge idle/busy events. Should not affect application
- * logic and should only be used for debug/monitoring/testing purposes.  Call
- * {@link CatalystInstance#addBridgeIdleDebugListener} to start monitoring.
+ * logic and should only be used for debug/monitoring/testing purposes. Call {@link
+ * CatalystInstance#addBridgeIdleDebugListener} to start monitoring.
  *
- * NB: onTransitionToBridgeIdle and onTransitionToBridgeBusy may be called from different threads,
- * and those threads may not be the same thread on which the listener was originally registered.
+ * <p>NB: onTransitionToBridgeIdle and onTransitionToBridgeBusy may be called from different
+ * threads, and those threads may not be the same thread on which the listener was originally
+ * registered.
  */
 public interface NotThreadSafeBridgeIdleDebugListener {
 
   /**
    * Called once all pending JS calls have resolved via an onBatchComplete call in the bridge and
-   * the requested native module calls have also run. The bridge will not become busy again until
-   * a timer, touch event, etc. causes a Java->JS call to be enqueued again.
+   * the requested native module calls have also run. The bridge will not become busy again until a
+   * timer, touch event, etc. causes a Java->JS call to be enqueued again.
    */
   void onTransitionToBridgeIdle();
 
-  /**
-   * Called when the bridge was in an idle state and executes a JS call or callback.
-   */
+  /** Called when the bridge was in an idle state and executes a JS call or callback. */
   void onTransitionToBridgeBusy();
 
-  /**
-   * Called when the bridge is destroyed
-   */
+  /** Called when the bridge is destroyed */
   void onBridgeDestroyed();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ObjectAlreadyConsumedException.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ObjectAlreadyConsumedException.java
index 720cc2ac9fee62..d83f579c6d564e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ObjectAlreadyConsumedException.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ObjectAlreadyConsumedException.java
@@ -1,18 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 /**
- * Exception thrown when a caller attempts to modify or use a {@link WritableNativeArray} or
- * {@link WritableNativeMap} after it has already been added to a parent array or map. This is
- * unsafe since we reuse the native memory so the underlying array/map is no longer valid.
+ * Exception thrown when a caller attempts to modify or use a {@link WritableNativeArray} or {@link
+ * WritableNativeMap} after it has already been added to a parent array or map. This is unsafe since
+ * we reuse the native memory so the underlying array/map is no longer valid.
  */
 @DoNotStrip
 public class ObjectAlreadyConsumedException extends RuntimeException {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/OnBatchCompleteListener.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/OnBatchCompleteListener.java
index e785ab843e0096..52e726bb5fcdec 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/OnBatchCompleteListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/OnBatchCompleteListener.java
@@ -1,15 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
-/**
- * Interface for a module that will be notified when a batch of JS->Java calls has finished.
- */
+/** Interface for a module that will be notified when a batch of JS->Java calls has finished. */
 public interface OnBatchCompleteListener {
 
   void onBatchComplete();
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/PerformanceCounter.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/PerformanceCounter.java
index 645851c9316535..e34889635d8228 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/PerformanceCounter.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/PerformanceCounter.java
@@ -1,8 +1,8 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
@@ -13,5 +13,4 @@ public interface PerformanceCounter {
   void profileNextBatch();
 
   Map<String, Long> getPerformanceCounters();
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/Promise.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/Promise.java
index 27d4d697cf86af..e757c89a5e07cc 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/Promise.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/Promise.java
@@ -1,14 +1,13 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nonnull;
-import javax.annotation.Nullable;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
 
 /*
  * Interface that represents a JavaScript Promise which can be passed to the native module as a
@@ -29,7 +28,7 @@ public interface Promise {
   /**
    * Report an error without an exception using a custom code and error message.
    *
-   * @param code    String
+   * @param code String
    * @param message String
    */
   void reject(String code, String message);
@@ -37,7 +36,7 @@ public interface Promise {
   /**
    * Report an exception with a custom code.
    *
-   * @param code      String
+   * @param code String
    * @param throwable Throwable
    */
   void reject(String code, Throwable throwable);
@@ -45,16 +44,15 @@ public interface Promise {
   /**
    * Report an exception with a custom code and error message.
    *
-   * @param code      String
-   * @param message   String
+   * @param code String
+   * @param message String
    * @param throwable Throwable
    */
   void reject(String code, String message, Throwable throwable);
 
-
   /**
-   * Report an exception, with default error code.
-   * Useful in catch-all scenarios where it's unclear why the error occurred.
+   * Report an exception, with default error code. Useful in catch-all scenarios where it's unclear
+   * why the error occurred.
    *
    * @param throwable Throwable
    */
@@ -65,48 +63,48 @@ public interface Promise {
    * --------------------------- */
 
   /**
-   * Report an exception, with default error code, with userInfo.
-   * Useful in catch-all scenarios where it's unclear why the error occurred.
+   * Report an exception, with default error code, with userInfo. Useful in catch-all scenarios
+   * where it's unclear why the error occurred.
    *
    * @param throwable Throwable
-   * @param userInfo  WritableMap
+   * @param userInfo WritableMap
    */
   void reject(Throwable throwable, WritableMap userInfo);
 
   /**
    * Reject with a code and userInfo WritableMap.
    *
-   * @param code     String
+   * @param code String
    * @param userInfo WritableMap
    */
-  void reject(String code, @Nonnull WritableMap userInfo);
+  void reject(String code, @NonNull WritableMap userInfo);
 
   /**
    * Report an exception with a custom code and userInfo.
    *
-   * @param code      String
+   * @param code String
    * @param throwable Throwable
-   * @param userInfo  WritableMap
+   * @param userInfo WritableMap
    */
   void reject(String code, Throwable throwable, WritableMap userInfo);
 
   /**
-   * Report an error with a custom code, error message and userInfo,
-   * an error not caused by an exception.
+   * Report an error with a custom code, error message and userInfo, an error not caused by an
+   * exception.
    *
-   * @param code     String
-   * @param message  String
+   * @param code String
+   * @param message String
    * @param userInfo WritableMap
    */
-  void reject(String code, String message, @Nonnull WritableMap userInfo);
+  void reject(String code, String message, @NonNull WritableMap userInfo);
 
   /**
    * Report an exception with a custom code, error message and userInfo.
    *
-   * @param code      String
-   * @param message   String
+   * @param code String
+   * @param message String
    * @param throwable Throwable
-   * @param userInfo  WritableMap
+   * @param userInfo WritableMap
    */
   void reject(String code, String message, Throwable throwable, WritableMap userInfo);
 
@@ -117,8 +115,8 @@ public interface Promise {
   /**
    * Report an error which wasn't caused by an exception.
    *
-   * @deprecated Prefer passing a module-specific error code to JS.
-   * Using this method will pass the error code "EUNSPECIFIED".
+   * @deprecated Prefer passing a module-specific error code to JS. Using this method will pass the
+   *     error code "EUNSPECIFIED".
    */
   @Deprecated
   void reject(String message);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/PromiseImpl.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/PromiseImpl.java
index 4c67957eda7e33..4e05e5e0c5693c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/PromiseImpl.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/PromiseImpl.java
@@ -1,14 +1,13 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nonnull;
-import javax.annotation.Nullable;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
 
 /*
  * Implementation of {@link Promise} that represents a JavaScript Promise which can be passed to the
@@ -20,7 +19,7 @@
 public class PromiseImpl implements Promise {
   // Number of stack frames to parse and return to mReject.invoke
   // for ERROR_MAP_KEY_NATIVE_STACK
-  private static final int ERROR_STACK_FRAME_LIMIT = 10;
+  private static final int ERROR_STACK_FRAME_LIMIT = 50;
 
   private static final String ERROR_DEFAULT_CODE = "EUNSPECIFIED";
   private static final String ERROR_DEFAULT_MESSAGE = "Error not specified.";
@@ -32,14 +31,13 @@ public class PromiseImpl implements Promise {
   private static final String ERROR_MAP_KEY_NATIVE_STACK = "nativeStackAndroid";
 
   // Keys for ERROR_MAP_KEY_NATIVE_STACK's StackFrame maps
+  private static final String STACK_FRAME_KEY_CLASS = "class";
   private static final String STACK_FRAME_KEY_FILE = "file";
   private static final String STACK_FRAME_KEY_LINE_NUMBER = "lineNumber";
   private static final String STACK_FRAME_KEY_METHOD_NAME = "methodName";
 
-  private @Nullable
-  Callback mResolve;
-  private @Nullable
-  Callback mReject;
+  private @Nullable Callback mResolve;
+  private @Nullable Callback mReject;
 
   public PromiseImpl(@Nullable Callback resolve, @Nullable Callback reject) {
     mResolve = resolve;
@@ -63,46 +61,46 @@ public void resolve(Object value) {
   /**
    * Report an error without an exception using a custom code and error message.
    *
-   * @param code    String
+   * @param code String
    * @param message String
    */
   @Override
   public void reject(String code, String message) {
-    reject(code, message, /*Throwable*/null, /*WritableMap*/null);
+    reject(code, message, /*Throwable*/ null, /*WritableMap*/ null);
   }
 
   /**
    * Report an exception with a custom code.
    *
-   * @param code      String
+   * @param code String
    * @param throwable Throwable
    */
   @Override
   public void reject(String code, Throwable throwable) {
-    reject(code, /*Message*/null, throwable, /*WritableMap*/null);
+    reject(code, /*Message*/ null, throwable, /*WritableMap*/ null);
   }
 
   /**
    * Report an exception with a custom code and error message.
    *
-   * @param code      String
-   * @param message   String
+   * @param code String
+   * @param message String
    * @param throwable Throwable
    */
   @Override
   public void reject(String code, String message, Throwable throwable) {
-    reject(code, message, throwable, /*WritableMap*/null);
+    reject(code, message, throwable, /*WritableMap*/ null);
   }
 
   /**
-   * Report an exception, with default error code.
-   * Useful in catch-all scenarios where it's unclear why the error occurred.
+   * Report an exception, with default error code. Useful in catch-all scenarios where it's unclear
+   * why the error occurred.
    *
    * @param throwable Throwable
    */
   @Override
   public void reject(Throwable throwable) {
-    reject(/*Code*/null, /*Message*/null, throwable, /*WritableMap*/null);
+    reject(/*Code*/ null, /*Message*/ null, throwable, /*WritableMap*/ null);
   }
 
   /* ---------------------------
@@ -110,68 +108,67 @@ public void reject(Throwable throwable) {
    * --------------------------- */
 
   /**
-   * Report an exception, with default error code, with userInfo.
-   * Useful in catch-all scenarios where it's unclear why the error occurred.
+   * Report an exception, with default error code, with userInfo. Useful in catch-all scenarios
+   * where it's unclear why the error occurred.
    *
    * @param throwable Throwable
-   * @param userInfo  WritableMap
+   * @param userInfo WritableMap
    */
   @Override
   public void reject(Throwable throwable, WritableMap userInfo) {
-    reject(/*Code*/null, /*Message*/null, throwable, userInfo);
+    reject(/*Code*/ null, /*Message*/ null, throwable, userInfo);
   }
 
   /**
    * Reject with a code and userInfo WritableMap.
    *
-   * @param code     String
+   * @param code String
    * @param userInfo WritableMap
    */
   @Override
-  public void reject(String code, @Nonnull WritableMap userInfo) {
-    reject(code, /*Message*/null, /*Throwable*/null, userInfo);
+  public void reject(String code, @NonNull WritableMap userInfo) {
+    reject(code, /*Message*/ null, /*Throwable*/ null, userInfo);
   }
 
   /**
    * Report an exception with a custom code and userInfo.
    *
-   * @param code      String
+   * @param code String
    * @param throwable Throwable
-   * @param userInfo  WritableMap
+   * @param userInfo WritableMap
    */
   @Override
   public void reject(String code, Throwable throwable, WritableMap userInfo) {
-    reject(code, /*Message*/null, throwable, userInfo);
+    reject(code, /*Message*/ null, throwable, userInfo);
   }
 
   /**
-   * Report an error with a custom code, error message and userInfo,
-   * an error not caused by an exception.
+   * Report an error with a custom code, error message and userInfo, an error not caused by an
+   * exception.
    *
-   * @param code     String
-   * @param message  String
+   * @param code String
+   * @param message String
    * @param userInfo WritableMap
    */
   @Override
-  public void reject(String code, String message, @Nonnull WritableMap userInfo) {
-    reject(code, message, /*Throwable*/null, userInfo);
+  public void reject(String code, String message, @NonNull WritableMap userInfo) {
+    reject(code, message, /*Throwable*/ null, userInfo);
   }
 
   /**
    * Report an exception with a custom code, error message and userInfo.
    *
-   * @param code      String
-   * @param message   String
+   * @param code String
+   * @param message String
    * @param throwable Throwable
-   * @param userInfo  WritableMap
+   * @param userInfo WritableMap
    */
   @Override
   public void reject(
       @Nullable String code,
       @Nullable String message,
       @Nullable Throwable throwable,
-      @Nullable WritableMap userInfo
-  ) {
+      @Nullable WritableMap userInfo) {
     if (mReject == null) {
       mResolve = null;
       return;
@@ -218,6 +215,7 @@ public void reject(
         StackTraceElement frame = stackTrace[i];
         WritableMap frameMap = new WritableNativeMap();
         // NOTE: no column number exists StackTraceElement
+        frameMap.putString(STACK_FRAME_KEY_CLASS, frame.getClassName());
         frameMap.putString(STACK_FRAME_KEY_FILE, frame.getFileName());
         frameMap.putInt(STACK_FRAME_KEY_LINE_NUMBER, frame.getLineNumber());
         frameMap.putString(STACK_FRAME_KEY_METHOD_NAME, frame.getMethodName());
@@ -241,6 +239,6 @@ public void reject(
   @Override
   @Deprecated
   public void reject(String message) {
-    reject(/*Code*/null, message, /*Throwable*/null, /*WritableMap*/null);
+    reject(/*Code*/ null, message, /*Throwable*/ null, /*WritableMap*/ null);
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ProxyJavaScriptExecutor.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ProxyJavaScriptExecutor.java
index ea5d126f799d1b..6f22da805eafe8 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ProxyJavaScriptExecutor.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ProxyJavaScriptExecutor.java
@@ -1,23 +1,22 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 androidx.annotation.Nullable;
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
-import javax.annotation.Nullable;
 
 /**
- * JavaScript executor that delegates JS calls processed by native code back to a java version
- * of the native executor interface.
+ * JavaScript executor that delegates JS calls processed by native code back to a java version of
+ * the native executor interface.
  *
- * When set as a executor with {@link CatalystInstance.Builder}, catalyst native code will delegate
- * low level javascript calls to the implementation of {@link JavaJSExecutor} interface provided
- * with the constructor of this class.
+ * <p>When set as a executor with {@link CatalystInstance.Builder}, catalyst native code will
+ * delegate low level javascript calls to the implementation of {@link JavaJSExecutor} interface
+ * provided with the constructor of this class.
  */
 @DoNotStrip
 public class ProxyJavaScriptExecutor extends JavaScriptExecutor {
@@ -32,6 +31,18 @@ public Factory(JavaJSExecutor.Factory javaJSExecutorFactory) {
     public JavaScriptExecutor create() throws Exception {
       return new ProxyJavaScriptExecutor(mJavaJSExecutorFactory.create());
     }
+
+    @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());
+    }
   }
 
   static {
@@ -42,8 +53,9 @@ public JavaScriptExecutor create() throws Exception {
 
   /**
    * Create {@link ProxyJavaScriptExecutor} instance
+   *
    * @param executor implementation of {@link JavaJSExecutor} which will be responsible for handling
-   * javascript calls
+   *     javascript calls
    */
   public ProxyJavaScriptExecutor(JavaJSExecutor executor) {
     super(initHybrid(executor));
@@ -63,5 +75,5 @@ public String getName() {
     return "ProxyJavaScriptExecutor";
   }
 
-  private native static HybridData initHybrid(JavaJSExecutor executor);
+  private static native HybridData initHybrid(JavaJSExecutor executor);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactApplicationContext.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactApplicationContext.java
index f94c238275147b..245f8c21b9dc3d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactApplicationContext.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactApplicationContext.java
@@ -1,17 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 android.content.Context;
 
 /**
- * A context wrapper that always wraps Android Application {@link Context} and
- * {@link CatalystInstance} by extending {@link ReactContext}
+ * A context wrapper that always wraps Android Application {@link Context} and {@link
+ * CatalystInstance} by extending {@link ReactContext}
  */
 public class ReactApplicationContext extends ReactContext {
   // We want to wrap ApplicationContext, since there is no easy way to verify that application
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactBridge.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactBridge.java
index db7edacb75aba9..36acb022167f63 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactBridge.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactBridge.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.systrace.Systrace.TRACE_TAG_REACT_JAVA_BRIDGE;
@@ -19,14 +18,15 @@ public class ReactBridge {
 
   private static boolean sDidInit = false;
 
-  public synchronized static void staticInit() {
+  public static synchronized void staticInit() {
     if (sDidInit) {
       return;
     }
     sDidInit = true;
 
     sLoadStartTime = SystemClock.uptimeMillis();
-    Systrace.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "ReactBridge.staticInit::load:reactnativejni");
+    Systrace.beginSection(
+        TRACE_TAG_REACT_JAVA_BRIDGE, "ReactBridge.staticInit::load:reactnativejni");
     ReactMarker.logMarker(ReactMarkerConstants.LOAD_REACT_NATIVE_SO_FILE_START);
     SoLoader.loadLibrary("reactnativejni");
     ReactMarker.logMarker(ReactMarkerConstants.LOAD_REACT_NATIVE_SO_FILE_END);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactCallback.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactCallback.java
index bc690b52a7e23c..8ddc0a95be2a95 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactCallback.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactCallback.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContext.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContext.java
index 532c226324a9d0..983e14a235eb24 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContext.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContext.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 android.app.Activity;
@@ -13,29 +12,31 @@
 import android.content.Intent;
 import android.os.Bundle;
 import android.view.LayoutInflater;
+import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.queue.MessageQueueThread;
 import com.facebook.react.bridge.queue.ReactQueueConfiguration;
 import com.facebook.react.common.LifecycleState;
 import java.lang.ref.WeakReference;
 import java.util.concurrent.CopyOnWriteArraySet;
-import javax.annotation.Nullable;
 
 /**
- * Abstract ContextWrapper for Android application or activity {@link Context} and
- * {@link CatalystInstance}
+ * Abstract ContextWrapper for Android application or activity {@link Context} and {@link
+ * CatalystInstance}
  */
 public class ReactContext extends ContextWrapper {
 
   private static final String EARLY_JS_ACCESS_EXCEPTION_MESSAGE =
-    "Tried to access a JS module before the React instance was fully set up. Calls to " +
-      "ReactContext#getJSModule should only happen once initialize() has been called on your " +
-      "native module.";
+      "Tried to access a JS module before the React instance was fully set up. Calls to "
+          + "ReactContext#getJSModule should only happen once initialize() has been called on your "
+          + "native module.";
 
   private final CopyOnWriteArraySet<LifecycleEventListener> mLifecycleEventListeners =
       new CopyOnWriteArraySet<>();
   private final CopyOnWriteArraySet<ActivityEventListener> mActivityEventListeners =
       new CopyOnWriteArraySet<>();
+  private final CopyOnWriteArraySet<WindowFocusChangeListener> mWindowFocusEventListeners =
+      new CopyOnWriteArraySet<>();
 
   private LifecycleState mLifecycleState = LifecycleState.BEFORE_CREATE;
 
@@ -45,15 +46,14 @@ public class ReactContext extends ContextWrapper {
   private @Nullable MessageQueueThread mNativeModulesMessageQueueThread;
   private @Nullable MessageQueueThread mJSMessageQueueThread;
   private @Nullable NativeModuleCallExceptionHandler mNativeModuleCallExceptionHandler;
+  private @Nullable NativeModuleCallExceptionHandler mExceptionHandlerWrapper;
   private @Nullable WeakReference<Activity> mCurrentActivity;
 
   public ReactContext(Context base) {
     super(base);
   }
 
-  /**
-   * Set and initialize CatalystInstance for this Context. This should be called exactly once.
-   */
+  /** Set and initialize CatalystInstance for this Context. This should be called exactly once. */
   public void initializeWithInstance(CatalystInstance catalystInstance) {
     if (catalystInstance == null) {
       throw new IllegalArgumentException("CatalystInstance cannot be null.");
@@ -69,11 +69,13 @@ public void initializeWithInstance(CatalystInstance catalystInstance) {
   }
 
   /**
-   * Initialize message queue threads using a ReactQueueConfiguration.
-   * TODO (janzer) T43898341 Make this package instead of public
+   * Initialize message queue threads using a ReactQueueConfiguration. TODO (janzer) T43898341 Make
+   * this package instead of public
    */
   public void initializeMessageQueueThreads(ReactQueueConfiguration queueConfig) {
-    if (mUiMessageQueueThread != null || mNativeModulesMessageQueueThread != null || mJSMessageQueueThread != null) {
+    if (mUiMessageQueueThread != null
+        || mNativeModulesMessageQueueThread != null
+        || mJSMessageQueueThread != null) {
       throw new IllegalStateException("Message queue threads already initialized");
     }
     mUiMessageQueueThread = queueConfig.getUIQueueThread();
@@ -123,18 +125,16 @@ public <T extends JavaScriptModule> T getJSModule(Class<T> jsInterface) {
   public <T extends NativeModule> boolean hasNativeModule(Class<T> nativeModuleInterface) {
     if (mCatalystInstance == null) {
       throw new RuntimeException(
-        "Trying to call native module before CatalystInstance has been set!");
+          "Trying to call native module before CatalystInstance has been set!");
     }
     return mCatalystInstance.hasNativeModule(nativeModuleInterface);
   }
 
-  /**
-   * @return the instance of the specified module interface associated with this ReactContext.
-   */
+  /** @return the instance of the specified module interface associated with this ReactContext. */
   public <T extends NativeModule> T getNativeModule(Class<T> nativeModuleInterface) {
     if (mCatalystInstance == null) {
       throw new RuntimeException(
-        "Trying to call native module before CatalystInstance has been set!");
+          "Trying to call native module before CatalystInstance has been set!");
     }
     return mCatalystInstance.getNativeModule(nativeModuleInterface);
   }
@@ -196,9 +196,15 @@ public void removeActivityEventListener(ActivityEventListener listener) {
     mActivityEventListeners.remove(listener);
   }
 
-  /**
-   * Should be called by the hosting Fragment in {@link Fragment#onResume}
-   */
+  public void addWindowFocusChangeListener(WindowFocusChangeListener listener) {
+    mWindowFocusEventListeners.add(listener);
+  }
+
+  public void removeWindowFocusChangeListener(WindowFocusChangeListener listener) {
+    mWindowFocusEventListeners.remove(listener);
+  }
+
+  /** Should be called by the hosting Fragment in {@link Fragment#onResume} */
   public void onHostResume(@Nullable Activity activity) {
     mLifecycleState = LifecycleState.RESUMED;
     mCurrentActivity = new WeakReference(activity);
@@ -225,9 +231,7 @@ public void onNewIntent(@Nullable Activity activity, Intent intent) {
     }
   }
 
-  /**
-   * Should be called by the hosting Fragment in {@link Fragment#onPause}
-   */
+  /** Should be called by the hosting Fragment in {@link Fragment#onPause} */
   public void onHostPause() {
     mLifecycleState = LifecycleState.BEFORE_RESUME;
     ReactMarker.logMarker(ReactMarkerConstants.ON_HOST_PAUSE_START);
@@ -241,9 +245,7 @@ public void onHostPause() {
     ReactMarker.logMarker(ReactMarkerConstants.ON_HOST_PAUSE_END);
   }
 
-  /**
-   * Should be called by the hosting Fragment in {@link Fragment#onDestroy}
-   */
+  /** Should be called by the hosting Fragment in {@link Fragment#onDestroy} */
   public void onHostDestroy() {
     UiThreadUtil.assertOnUiThread();
     mLifecycleState = LifecycleState.BEFORE_CREATE;
@@ -257,9 +259,7 @@ public void onHostDestroy() {
     mCurrentActivity = null;
   }
 
-  /**
-   * Destroy this instance, making it unusable.
-   */
+  /** Destroy this instance, making it unusable. */
   public void destroy() {
     UiThreadUtil.assertOnUiThread();
 
@@ -268,9 +268,7 @@ public void destroy() {
     }
   }
 
-  /**
-   * Should be called by the hosting Fragment in {@link Fragment#onActivityResult}
-   */
+  /** Should be called by the hosting Fragment in {@link Fragment#onActivityResult} */
   public void onActivityResult(Activity activity, int requestCode, int resultCode, Intent data) {
     for (ActivityEventListener listener : mActivityEventListeners) {
       try {
@@ -281,6 +279,17 @@ public void onActivityResult(Activity activity, int requestCode, int resultCode,
     }
   }
 
+  public void onWindowFocusChange(boolean hasFocus) {
+    UiThreadUtil.assertOnUiThread();
+    for (WindowFocusChangeListener listener : mWindowFocusEventListeners) {
+      try {
+        listener.onWindowFocusChange(hasFocus);
+      } catch (RuntimeException e) {
+        handleException(e);
+      }
+    }
+  }
+
   public void assertOnUiQueueThread() {
     Assertions.assertNotNull(mUiMessageQueueThread).assertIsOnThread();
   }
@@ -322,28 +331,42 @@ public void runOnJSQueueThread(Runnable runnable) {
   }
 
   /**
-   * Passes the given exception to the current
-   * {@link com.facebook.react.bridge.NativeModuleCallExceptionHandler} if one exists, rethrowing
+   * Passes the given exception to the current {@link
+   * com.facebook.react.bridge.NativeModuleCallExceptionHandler} if one exists, rethrowing
    * otherwise.
    */
   public void handleException(Exception e) {
-    if (mCatalystInstance != null &&
-        !mCatalystInstance.isDestroyed() &&
-        mNativeModuleCallExceptionHandler != null) {
+    if (mCatalystInstance != null
+        && !mCatalystInstance.isDestroyed()
+        && mNativeModuleCallExceptionHandler != null) {
       mNativeModuleCallExceptionHandler.handleException(e);
     } else {
       throw new RuntimeException(e);
     }
   }
 
+  public class ExceptionHandlerWrapper implements NativeModuleCallExceptionHandler {
+    @Override
+    public void handleException(Exception e) {
+      ReactContext.this.handleException(e);
+    }
+  }
+
+  public NativeModuleCallExceptionHandler getExceptionHandler() {
+    if (mExceptionHandlerWrapper == null) {
+      mExceptionHandlerWrapper = new ExceptionHandlerWrapper();
+    }
+    return mExceptionHandlerWrapper;
+  }
+
   public boolean hasCurrentActivity() {
     return mCurrentActivity != null && mCurrentActivity.get() != null;
   }
 
   /**
    * Same as {@link Activity#startActivityForResult(Intent, int)}, this just redirects the call to
-   * the current activity. Returns whether the activity was started, as this might fail if this
-   * was called before the context is in the right state.
+   * the current activity. Returns whether the activity was started, as this might fail if this was
+   * called before the context is in the right state.
    */
   public boolean startActivityForResult(Intent intent, int code, Bundle bundle) {
     Activity activity = getCurrentActivity();
@@ -373,5 +396,4 @@ public boolean startActivityForResult(Intent intent, int code, Bundle bundle) {
   public JavaScriptContextHolder getJavaScriptContextHolder() {
     return mCatalystInstance.getJavaScriptContextHolder();
   }
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContextBaseJavaModule.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContextBaseJavaModule.java
index 0fe9ac13a591bf..0cea1c7a2e71b3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContextBaseJavaModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContextBaseJavaModule.java
@@ -1,32 +1,27 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nonnull;
-import javax.annotation.Nullable;
-
 import android.app.Activity;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
 
 /**
- * Base class for Catalyst native modules that require access to the {@link ReactContext}
- * instance.
+ * Base class for Catalyst native modules that require access to the {@link ReactContext} instance.
  */
 public abstract class ReactContextBaseJavaModule extends BaseJavaModule {
 
   private final ReactApplicationContext mReactApplicationContext;
 
-  public ReactContextBaseJavaModule(@Nonnull ReactApplicationContext reactContext) {
+  public ReactContextBaseJavaModule(@NonNull ReactApplicationContext reactContext) {
     mReactApplicationContext = reactContext;
   }
 
-  /**
-   * Subclasses can use this method to access catalyst context passed as a constructor
-   */
+  /** Subclasses can use this method to access catalyst context passed as a constructor */
   protected final ReactApplicationContext getReactApplicationContext() {
     return mReactApplicationContext;
   }
@@ -34,11 +29,12 @@ protected final ReactApplicationContext getReactApplicationContext() {
   /**
    * Get the activity to which this context is currently attached, or {@code null} if not attached.
    *
-   * DO NOT HOLD LONG-LIVED REFERENCES TO THE OBJECT RETURNED BY THIS METHOD, AS THIS WILL CAUSE
+   * <p>DO NOT HOLD LONG-LIVED REFERENCES TO THE OBJECT RETURNED BY THIS METHOD, AS THIS WILL CAUSE
    * MEMORY LEAKS.
    *
-   * For example, never store the value returned by this method in a member variable. Instead, call
-   * this method whenever you actually need the Activity and make sure to check for {@code null}.
+   * <p>For example, never store the value returned by this method in a member variable. Instead,
+   * call this method whenever you actually need the Activity and make sure to check for {@code
+   * null}.
    */
   protected @Nullable final Activity getCurrentActivity() {
     return mReactApplicationContext.getCurrentActivity();
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarker.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarker.java
index d3f3e9f22505e5..2787e368042339 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarker.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarker.java
@@ -5,16 +5,14 @@
 
 package com.facebook.react.bridge;
 
-import java.util.List;
-import java.util.ArrayList;
-
-import javax.annotation.Nullable;
-
+import androidx.annotation.Nullable;
 import com.facebook.proguard.annotations.DoNotStrip;
+import java.util.List;
+import java.util.concurrent.CopyOnWriteArrayList;
 
 /**
- * Static class that allows markers to be placed in React code and responded to in a
- * configurable way
+ * Static class that allows markers to be placed in React code and responded to in a configurable
+ * way
  */
 @DoNotStrip
 public class ReactMarker {
@@ -23,34 +21,77 @@ public interface MarkerListener {
     void logMarker(ReactMarkerConstants name, @Nullable String tag, int instanceKey);
   };
 
+  // This is for verbose, Fabric-only logging
+  // In the future we can deprecate the old logMarker API and
+  public interface FabricMarkerListener {
+    void logFabricMarker(
+        ReactMarkerConstants name, @Nullable String tag, int instanceKey, long timestamp);
+  };
+
   // Use a list instead of a set here because we expect the number of listeners
   // to be very small, and we want listeners to be called in a deterministic
   // order.
-  private static final List<MarkerListener> sListeners = new ArrayList<>();
+  private static final List<MarkerListener> sListeners = new CopyOnWriteArrayList<>();
+
+  // Use a list instead of a set here because we expect the number of listeners
+  // to be very small, and we want listeners to be called in a deterministic
+  // order. For Fabric-specific events.
+  private static final List<FabricMarkerListener> sFabricMarkerListeners =
+      new CopyOnWriteArrayList<>();
 
   @DoNotStrip
   public static void addListener(MarkerListener listener) {
-    synchronized(sListeners) {
-      if (!sListeners.contains(listener)) {
-        sListeners.add(listener);
-      }
+    if (!sListeners.contains(listener)) {
+      sListeners.add(listener);
     }
   }
 
   @DoNotStrip
   public static void removeListener(MarkerListener listener) {
-    synchronized(sListeners) {
-      sListeners.remove(listener);
-    }
+    sListeners.remove(listener);
   }
 
   @DoNotStrip
   public static void clearMarkerListeners() {
-    synchronized(sListeners) {
-      sListeners.clear();
+    sListeners.clear();
+  }
+
+  // Specific to Fabric marker listeners
+  @DoNotStrip
+  public static void addFabricListener(FabricMarkerListener listener) {
+    if (!sFabricMarkerListeners.contains(listener)) {
+      sFabricMarkerListeners.add(listener);
     }
   }
 
+  // Specific to Fabric marker listeners
+  @DoNotStrip
+  public static void removeFabricListener(FabricMarkerListener listener) {
+    sFabricMarkerListeners.remove(listener);
+  }
+
+  // Specific to Fabric marker listeners
+  @DoNotStrip
+  public static void clearFabricMarkerListeners() {
+    sFabricMarkerListeners.clear();
+  }
+
+  // Specific to Fabric marker listeners
+  @DoNotStrip
+  public static void logFabricMarker(
+      ReactMarkerConstants name, @Nullable String tag, int instanceKey, long timestamp) {
+    for (FabricMarkerListener listener : sFabricMarkerListeners) {
+      listener.logFabricMarker(name, tag, instanceKey, timestamp);
+    }
+  }
+
+  // Specific to Fabric marker listeners
+  @DoNotStrip
+  public static void logFabricMarker(
+      ReactMarkerConstants name, @Nullable String tag, int instanceKey) {
+    logFabricMarker(name, tag, instanceKey, -1);
+  }
+
   @DoNotStrip
   public static void logMarker(String name) {
     logMarker(name, null);
@@ -89,10 +130,9 @@ public static void logMarker(ReactMarkerConstants name, @Nullable String tag) {
 
   @DoNotStrip
   public static void logMarker(ReactMarkerConstants name, @Nullable String tag, int instanceKey) {
-    synchronized(sListeners) {
-      for (MarkerListener listener : sListeners) {
-        listener.logMarker(name, tag, instanceKey);
-      }
+    logFabricMarker(name, tag, instanceKey);
+    for (MarkerListener listener : sListeners) {
+      listener.logMarker(name, tag, instanceKey);
     }
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarkerConstants.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarkerConstants.java
index b8292828803bdc..8f532571d8c503 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarkerConstants.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarkerConstants.java
@@ -5,9 +5,7 @@
 
 package com.facebook.react.bridge;
 
-/**
- * Constants used by ReactMarker.
- */
+/** Constants used by ReactMarker. */
 public enum ReactMarkerConstants {
   CREATE_REACT_CONTEXT_START,
   CREATE_REACT_CONTEXT_END,
@@ -94,6 +92,19 @@ public enum ReactMarkerConstants {
   JAVASCRIPT_EXECUTOR_FACTORY_INJECT_END,
   LOAD_REACT_NATIVE_SO_FILE_START,
   LOAD_REACT_NATIVE_SO_FILE_END,
+  // Fabric-specific constants below this line
   LOAD_REACT_NATIVE_FABRIC_SO_FILE_START,
   LOAD_REACT_NATIVE_FABRIC_SO_FILE_END,
+  FABRIC_COMMIT_START,
+  FABRIC_COMMIT_END,
+  FABRIC_FINISH_TRANSACTION_START,
+  FABRIC_FINISH_TRANSACTION_END,
+  FABRIC_DIFF_START,
+  FABRIC_DIFF_END,
+  FABRIC_LAYOUT_START,
+  FABRIC_LAYOUT_END,
+  FABRIC_BATCH_EXECUTION_START,
+  FABRIC_BATCH_EXECUTION_END,
+  FABRIC_UPDATE_UI_MAIN_THREAD_START,
+  FABRIC_UPDATE_UI_MAIN_THREAD_END
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMethod.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMethod.java
index 2f52f534db90b8..b51a5196caa2c3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMethod.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMethod.java
@@ -1,39 +1,37 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.lang.annotation.Retention;
-
 import static java.lang.annotation.RetentionPolicy.RUNTIME;
 
+import java.lang.annotation.Retention;
+
 /**
  * Annotation which is used to mark methods that are exposed to React Native.
  *
- * This applies to derived classes of {@link BaseJavaModule}, which will generate a list
- * of exported methods by searching for those which are annotated with this annotation
- * and adding a JS callback for each.
+ * <p>This applies to derived classes of {@link BaseJavaModule}, which will generate a list of
+ * exported methods by searching for those which are annotated with this annotation and adding a JS
+ * callback for each.
  */
 @Retention(RUNTIME)
 public @interface ReactMethod {
   /**
-   * Whether the method can be called from JS synchronously **on the JS thread**,
-   * possibly returning a result.
+   * Whether the method can be called from JS synchronously **on the JS thread**, possibly returning
+   * a result.
    *
-   * WARNING: in the vast majority of cases, you should leave this to false which allows
-   * your native module methods to be called asynchronously: calling methods
-   * synchronously can have strong performance penalties and introduce threading-related
-   * bugs to your native modules.
+   * <p>WARNING: in the vast majority of cases, you should leave this to false which allows your
+   * native module methods to be called asynchronously: calling methods synchronously can have
+   * strong performance penalties and introduce threading-related bugs to your native modules.
    *
-   * In order to support remote debugging, both the method args and return type must be
-   * serializable to JSON: this means that we only support the same args as
-   * {@link ReactMethod}, and the hook can only be void or return JSON values (e.g. bool,
-   * number, String, {@link WritableMap}, or {@link WritableArray}). Calling these
-   * methods when running under the websocket executor is currently not supported.
+   * <p>In order to support remote debugging, both the method args and return type must be
+   * serializable to JSON: this means that we only support the same args as {@link ReactMethod}, and
+   * the hook can only be void or return JSON values (e.g. bool, number, String, {@link
+   * WritableMap}, or {@link WritableArray}). Calling these methods when running under the websocket
+   * executor is currently not supported.
    */
   boolean isBlockingSynchronousMethod() default false;
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactModuleWithSpec.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactModuleWithSpec.java
index 716b2a3f6f5639..44ea8301d9c8f1 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactModuleWithSpec.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactModuleWithSpec.java
@@ -1,19 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 /**
- * An interface to be implemented by react modules that extends from the
- * generated spec class.
- * This is experimental.
+ * An interface to be implemented by react modules that extends from the generated spec class. This
+ * is experimental.
  */
 @DoNotStrip
-public interface ReactModuleWithSpec {
-}
+public interface ReactModuleWithSpec {}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableArray.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableArray.java
index 79b3bb63985141..121f287bbcfde2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableArray.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableArray.java
@@ -1,17 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
 import java.util.ArrayList;
 
-import javax.annotation.Nonnull;
-import javax.annotation.Nullable;
-
 /**
  * Interface for an array that allows typed access to its members. Used to pass parameters from JS
  * to Java.
@@ -19,15 +17,30 @@
 public interface ReadableArray {
 
   int size();
+
   boolean isNull(int index);
+
   boolean getBoolean(int index);
+
   double getDouble(int index);
+
   int getInt(int index);
-  @Nullable String getString(int index);
-  @Nullable ReadableArray getArray(int index);
-  @Nullable ReadableMap getMap(int index);
-  @Nonnull Dynamic getDynamic(int index);
-  @Nonnull ReadableType getType(int index);
-  @Nonnull ArrayList<Object> toArrayList();
 
+  @Nullable
+  String getString(int index);
+
+  @Nullable
+  ReadableArray getArray(int index);
+
+  @Nullable
+  ReadableMap getMap(int index);
+
+  @NonNull
+  Dynamic getDynamic(int index);
+
+  @NonNull
+  ReadableType getType(int index);
+
+  @NonNull
+  ArrayList<Object> toArrayList();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableMap.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableMap.java
index a51e7c89d39abc..ea9157b3c9cec7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableMap.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableMap.java
@@ -6,50 +6,49 @@
  */
 package com.facebook.react.bridge;
 
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
 import java.util.HashMap;
 import java.util.Iterator;
 import java.util.Map;
 
-import javax.annotation.Nonnull;
-import javax.annotation.Nullable;
-
 /**
  * Interface for a map that allows typed access to its members. Used to pass parameters from JS to
  * Java.
  */
 public interface ReadableMap {
 
-  boolean hasKey(@Nonnull String name);
+  boolean hasKey(@NonNull String name);
 
-  boolean isNull(@Nonnull String name);
+  boolean isNull(@NonNull String name);
 
-  boolean getBoolean(@Nonnull String name);
+  boolean getBoolean(@NonNull String name);
 
-  double getDouble(@Nonnull String name);
+  double getDouble(@NonNull String name);
 
-  int getInt(@Nonnull String name);
+  int getInt(@NonNull String name);
 
   @Nullable
-  String getString(@Nonnull String name);
+  String getString(@NonNull String name);
 
   @Nullable
-  ReadableArray getArray(@Nonnull String name);
+  ReadableArray getArray(@NonNull String name);
 
   @Nullable
-  ReadableMap getMap(@Nonnull String name);
+  ReadableMap getMap(@NonNull String name);
 
-  @Nonnull
-  Dynamic getDynamic(@Nonnull String name);
+  @NonNull
+  Dynamic getDynamic(@NonNull String name);
 
-  @Nonnull
-  ReadableType getType(@Nonnull String name);
+  @NonNull
+  ReadableType getType(@NonNull String name);
 
-  @Nonnull
+  @NonNull
   Iterator<Map.Entry<String, Object>> getEntryIterator();
 
-  @Nonnull
+  @NonNull
   ReadableMapKeySetIterator keySetIterator();
 
-  @Nonnull
+  @NonNull
   HashMap<String, Object> toHashMap();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableMapKeySetIterator.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableMapKeySetIterator.java
index c4cfbe019e4a3e..15239b48883c34 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableMapKeySetIterator.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableMapKeySetIterator.java
@@ -1,20 +1,18 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
-/**
- * Interface of a iterator for a {@link NativeMap}'s key set.
- */
+/** Interface of a iterator for a {@link NativeMap}'s key set. */
 @DoNotStrip
 public interface ReadableMapKeySetIterator {
 
   boolean hasNextKey();
+
   String nextKey();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableNativeArray.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableNativeArray.java
index a4c66cf8c83750..39b1cce5ab39ce 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableNativeArray.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableNativeArray.java
@@ -1,22 +1,19 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
-import com.facebook.react.config.ReactFeatureFlags;
 import java.util.ArrayList;
 import java.util.Arrays;
 
-import javax.annotation.Nonnull;
-import javax.annotation.Nullable;
-
 /**
  * Implementation of a NativeArray that allows read-only access to its members. This will generally
  * be constructed and filled in native code so you shouldn't construct one yourself.
@@ -31,11 +28,12 @@ protected ReadableNativeArray(HybridData hybridData) {
     super(hybridData);
   }
 
-  //WriteOnce but not in the constructor fields
+  // WriteOnce but not in the constructor fields
   private @Nullable Object[] mLocalArray;
   private @Nullable ReadableType[] mLocalTypeArray;
 
   private static int jniPassCounter = 0;
+
   public static int getJNIPassCounter() {
     return jniPassCounter;
   }
@@ -53,6 +51,7 @@ private Object[] getLocalArray() {
     }
     return mLocalArray;
   }
+
   private native Object[] importArray();
 
   private ReadableType[] getLocalTypeArray() {
@@ -69,6 +68,7 @@ private ReadableType[] getLocalTypeArray() {
     }
     return mLocalTypeArray;
   }
+
   private native Object[] importTypeArray();
 
   @Override
@@ -112,12 +112,12 @@ public int getInt(int index) {
   }
 
   @Override
-  public @Nonnull ReadableType getType(int index) {
+  public @NonNull ReadableType getType(int index) {
     return getLocalTypeArray()[index];
   }
 
   @Override
-  public @Nonnull Dynamic getDynamic(int index) {
+  public @NonNull Dynamic getDynamic(int index) {
     return DynamicFromArray.create(this, index);
   }
 
@@ -136,7 +136,7 @@ public boolean equals(Object obj) {
   }
 
   @Override
-  public @Nonnull ArrayList<Object> toArrayList() {
+  public @NonNull ArrayList<Object> toArrayList() {
     ArrayList<Object> arrayList = new ArrayList<>();
 
     for (int i = 0; i < this.size(); i++) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableNativeMap.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableNativeMap.java
index 98a697978fb33c..831b27952eb209 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableNativeMap.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableNativeMap.java
@@ -6,17 +6,15 @@
  */
 package com.facebook.react.bridge;
 
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
-import com.facebook.react.config.ReactFeatureFlags;
 import java.util.HashMap;
 import java.util.Iterator;
 import java.util.Map;
 
-import javax.annotation.Nonnull;
-import javax.annotation.Nullable;
-
 /**
  * Implementation of a read-only map in native memory. This will generally be constructed and filled
  * in native code so you shouldn't construct one yourself.
@@ -66,7 +64,7 @@ private HashMap<String, Object> getLocalMap() {
 
   private native Object[] importValues();
 
-  private @Nonnull HashMap<String, ReadableType> getLocalTypeMap() {
+  private @NonNull HashMap<String, ReadableType> getLocalTypeMap() {
     if (mLocalTypeMap != null) {
       return mLocalTypeMap;
     }
@@ -92,19 +90,19 @@ private HashMap<String, Object> getLocalMap() {
   private native Object[] importTypes();
 
   @Override
-  public boolean hasKey(@Nonnull String name) {
+  public boolean hasKey(@NonNull String name) {
     return getLocalMap().containsKey(name);
   }
 
   @Override
-  public boolean isNull(@Nonnull String name) {
+  public boolean isNull(@NonNull String name) {
     if (getLocalMap().containsKey(name)) {
       return getLocalMap().get(name) == null;
     }
     throw new NoSuchKeyException(name);
   }
 
-  private @Nonnull Object getValue(@Nonnull String name) {
+  private @NonNull Object getValue(@NonNull String name) {
     if (hasKey(name) && !(isNull(name))) {
       return Assertions.assertNotNull(getLocalMap().get(name));
     }
@@ -143,38 +141,38 @@ private void checkInstance(String name, Object value, Class type) {
   }
 
   @Override
-  public boolean getBoolean(@Nonnull String name) {
+  public boolean getBoolean(@NonNull String name) {
     return getValue(name, Boolean.class).booleanValue();
   }
 
   @Override
-  public double getDouble(@Nonnull String name) {
+  public double getDouble(@NonNull String name) {
     return getValue(name, Double.class).doubleValue();
   }
 
   @Override
-  public int getInt(@Nonnull String name) {
+  public int getInt(@NonNull String name) {
     // All numbers coming out of native are doubles, so cast here then truncate
     return getValue(name, Double.class).intValue();
   }
 
   @Override
-  public @Nullable String getString(@Nonnull String name) {
+  public @Nullable String getString(@NonNull String name) {
     return getNullableValue(name, String.class);
   }
 
   @Override
-  public @Nullable ReadableArray getArray(@Nonnull String name) {
+  public @Nullable ReadableArray getArray(@NonNull String name) {
     return getNullableValue(name, ReadableArray.class);
   }
 
   @Override
-  public @Nullable ReadableNativeMap getMap(@Nonnull String name) {
+  public @Nullable ReadableNativeMap getMap(@NonNull String name) {
     return getNullableValue(name, ReadableNativeMap.class);
   }
 
   @Override
-  public @Nonnull ReadableType getType(@Nonnull String name) {
+  public @NonNull ReadableType getType(@NonNull String name) {
     if (getLocalTypeMap().containsKey(name)) {
       return Assertions.assertNotNull(getLocalTypeMap().get(name));
     }
@@ -182,17 +180,17 @@ public int getInt(@Nonnull String name) {
   }
 
   @Override
-  public @Nonnull Dynamic getDynamic(@Nonnull String name) {
+  public @NonNull Dynamic getDynamic(@NonNull String name) {
     return DynamicFromMap.create(this, name);
   }
 
   @Override
-  public @Nonnull Iterator<Map.Entry<String, Object>> getEntryIterator() {
+  public @NonNull Iterator<Map.Entry<String, Object>> getEntryIterator() {
     return getLocalMap().entrySet().iterator();
   }
 
   @Override
-  public @Nonnull ReadableMapKeySetIterator keySetIterator() {
+  public @NonNull ReadableMapKeySetIterator keySetIterator() {
     return new ReadableNativeMapKeySetIterator(this);
   }
 
@@ -211,7 +209,7 @@ public boolean equals(Object obj) {
   }
 
   @Override
-  public @Nonnull HashMap<String, Object> toHashMap() {
+  public @NonNull HashMap<String, Object> toHashMap() {
     // we can almost just return getLocalMap(), but we need to convert nested arrays and maps to the
     // correct types first
     HashMap<String, Object> hashMap = new HashMap<>(getLocalMap());
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableType.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableType.java
index 9845f33f588b37..ff3a2a09564539 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableType.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableType.java
@@ -1,18 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
-/**
- * Defines the type of an object stored in a {@link ReadableArray} or
- * {@link ReadableMap}.
- */
+/** Defines the type of an object stored in a {@link ReadableArray} or {@link ReadableMap}. */
 @DoNotStrip
 public enum ReadableType {
   Null,
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/SoftAssertions.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/SoftAssertions.java
index 168b67d62bc638..602d9f7f7b5a74 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/SoftAssertions.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/SoftAssertions.java
@@ -1,26 +1,25 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
+import androidx.annotation.Nullable;
 
 /**
  * Utility class to make assertions that should not hard-crash the app but instead be handled by the
- * Catalyst app {@link NativeModuleCallExceptionHandler}. See the javadoc on that class for
- * more information about our opinion on when these assertions should be used as opposed to
- * assertions that might throw AssertionError Throwables that will cause the app to hard crash.
+ * Catalyst app {@link NativeModuleCallExceptionHandler}. See the javadoc on that class for more
+ * information about our opinion on when these assertions should be used as opposed to assertions
+ * that might throw AssertionError Throwables that will cause the app to hard crash.
  */
 public class SoftAssertions {
 
   /**
-   * Throw {@link AssertionException} with a given message. Use this method surrounded with
-   * {@code if} block with assert condition in case you plan to do string concatenation to produce
-   * the message.
+   * Throw {@link AssertionException} with a given message. Use this method surrounded with {@code
+   * if} block with assert condition in case you plan to do string concatenation to produce the
+   * message.
    */
   public static void assertUnreachable(String message) {
     throw new AssertionException(message);
@@ -36,9 +35,7 @@ public static void assertCondition(boolean condition, String message) {
     }
   }
 
-  /**
-   * Asserts that the given Object isn't null, throwing an {@link AssertionException} if it was.
-   */
+  /** Asserts that the given Object isn't null, throwing an {@link AssertionException} if it was. */
   public static <T> T assertNotNull(@Nullable T instance) {
     if (instance == null) {
       throw new AssertionException("Expected object to not be null!");
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/Systrace.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/Systrace.java
index 8f0520844ae32d..040b9cfe43d492 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/Systrace.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/Systrace.java
@@ -7,11 +7,9 @@
 
 import com.facebook.proguard.annotations.DoNotStrip;
 
-/**
- * Interface to the JavaScript Systrace Module
- */
+/** Interface to the JavaScript Systrace Module */
 @DoNotStrip
-public interface Systrace extends JavaScriptModule{
+public interface Systrace extends JavaScriptModule {
   @DoNotStrip
   void setEnabled(boolean enabled);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManager.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManager.java
index f34ac2b2591dad..b1c51c6ed7353d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManager.java
@@ -1,26 +1,19 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 android.view.View;
-import javax.annotation.Nullable;
+import androidx.annotation.Nullable;
 
 public interface UIManager extends JSIModule, PerformanceCounter {
 
-  /**
-   * Registers a new root view.
-   */
-  <T extends View> int addRootView(final T rootView, WritableMap initialProps, @Nullable String initialUITemplate);
-
-  /**
-   * Unregisters a new root view.
-   */
-  void removeRootView(int reactRootTag);
+  /** Registers a new root view. */
+  <T extends View> int addRootView(
+      final T rootView, WritableMap initialProps, @Nullable String initialUITemplate);
 
   /**
    * Updates the layout specs of the RootShadowNode based on the Measure specs received by
@@ -29,8 +22,10 @@ public interface UIManager extends JSIModule, PerformanceCounter {
   void updateRootLayoutSpecs(int rootTag, int widthMeasureSpec, int heightMeasureSpec);
 
   /**
-   * Dispatches the commandId received by parameter to the view associated with the reactTag.
-   * The command will be processed in the UIThread.
+   * Dispatches the commandId received by parameter to the view associated with the reactTag. The
+   * command will be processed in the UIThread.
+   *
+   * <p>Receiving commands as ints is deprecated and will be removed in a future release.
    *
    * @param reactTag {@link int} that identifies the view that will receive this command
    * @param commandId {@link int} command id
@@ -38,15 +33,21 @@ public interface UIManager extends JSIModule, PerformanceCounter {
    */
   void dispatchCommand(int reactTag, int commandId, @Nullable ReadableArray commandArgs);
 
-  void setJSResponder(int reactTag, boolean blockNativeResponder);
-
-  void clearJSResponder();
+  /**
+   * Dispatches the commandId received by parameter to the view associated with the reactTag. The
+   * command will be processed in the UIThread.
+   *
+   * @param reactTag {@link int} that identifies the view that will receive this command
+   * @param commandId {@link String} command id
+   * @param commandArgs {@link ReadableArray} parameters associated with the command
+   */
+  void dispatchCommand(int reactTag, String commandId, @Nullable ReadableArray commandArgs);
 
   /**
    * Used by native animated module to bypass the process of updating the values through the shadow
    * view hierarchy. This method will directly update native views, which means that updates for
-   * layout-related propertied won't be handled properly.
-   * Make sure you know what you're doing before calling this method :)
+   * layout-related propertied won't be handled properly. Make sure you know what you're doing
+   * before calling this method :)
    *
    * @param tag {@link int} that identifies the view that will be updated
    * @param props {@link ReadableMap} props that should be immediately updated in view
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/UiThreadUtil.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/UiThreadUtil.java
index 3adf9b8359e6f3..d05bfa57bf0415 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/UiThreadUtil.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/UiThreadUtil.java
@@ -1,54 +1,47 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
-
 import android.os.Handler;
 import android.os.Looper;
+import androidx.annotation.Nullable;
 
-/**
- * Utility for interacting with the UI thread.
- */
+/** Utility for interacting with the UI thread. */
 public class UiThreadUtil {
 
   @Nullable private static Handler sMainHandler;
 
-  /**
-   * @return {@code true} if the current thread is the UI thread.
-   */
+  /** @return {@code true} if the current thread is the UI thread. */
   public static boolean isOnUiThread() {
     return Looper.getMainLooper().getThread() == Thread.currentThread();
   }
 
-  /**
-   * Throws an {@link AssertionException} if the current thread is not the UI thread.
-   */
+  /** Throws an {@link AssertionException} if the current thread is not the UI thread. */
   public static void assertOnUiThread() {
     SoftAssertions.assertCondition(isOnUiThread(), "Expected to run on UI thread!");
   }
 
-  /**
-   * Throws an {@link AssertionException} if the current thread is the UI thread.
-   */
+  /** Throws an {@link AssertionException} if the current thread is the UI thread. */
   public static void assertNotOnUiThread() {
     SoftAssertions.assertCondition(!isOnUiThread(), "Expected not to run on UI thread!");
   }
 
-  /**
-   * Runs the given {@code Runnable} on the UI thread.
-   */
+  /** Runs the given {@code Runnable} on the UI thread. */
   public static void runOnUiThread(Runnable runnable) {
+    runOnUiThread(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.post(runnable);
+    sMainHandler.postDelayed(runnable, delayInMs);
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/UnexpectedNativeTypeException.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/UnexpectedNativeTypeException.java
index c5400ddbae0983..aeac0d205f3f6e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/UnexpectedNativeTypeException.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/UnexpectedNativeTypeException.java
@@ -1,17 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 /**
- * Exception thrown from native code when a type retrieved from a map or array (e.g. via
- * {@link NativeArrayParameter#getString(int)}) does not match the expected type.
+ * Exception thrown from native code when a type retrieved from a map or array (e.g. via {@link
+ * NativeArrayParameter#getString(int)}) does not match the expected type.
  */
 @DoNotStrip
 public class UnexpectedNativeTypeException extends RuntimeException {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/WindowFocusChangeListener.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/WindowFocusChangeListener.java
new file mode 100644
index 00000000000000..5e6e1480bc733a
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/WindowFocusChangeListener.java
@@ -0,0 +1,13 @@
+// Copyright (c) Facebook, Inc. and its affiliates.
+
+// This source 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 for receiving window focus events.
+ */
+public interface WindowFocusChangeListener {
+  void onWindowFocusChange(boolean hasFocus);
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/WritableArray.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/WritableArray.java
index 62d52d15805713..3c1b015f770e4e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/WritableArray.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/WritableArray.java
@@ -1,25 +1,27 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nonnull;
-import javax.annotation.Nullable;
+import androidx.annotation.Nullable;
 
-/**
- * Interface for a mutable array. Used to pass arguments from Java to JS.
- */
+/** Interface for a mutable array. Used to pass arguments from Java to JS. */
 public interface WritableArray extends ReadableArray {
 
   void pushNull();
+
   void pushBoolean(boolean value);
+
   void pushDouble(double value);
+
   void pushInt(int value);
+
   void pushString(@Nullable String value);
-  void pushArray(@Nullable WritableArray array);
-  void pushMap(@Nullable WritableMap map);
+
+  void pushArray(@Nullable ReadableArray array);
+
+  void pushMap(@Nullable ReadableMap map);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/WritableMap.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/WritableMap.java
index 1aa2d7a108f683..add7a5fca6aec3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/WritableMap.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/WritableMap.java
@@ -1,27 +1,32 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nonnull;
-import javax.annotation.Nullable;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
 
-/**
- * Interface for a mutable map. Used to pass arguments from Java to JS.
- */
+/** Interface for a mutable map. Used to pass arguments from Java to JS. */
 public interface WritableMap extends ReadableMap {
 
-  void putNull(@Nonnull String key);
-  void putBoolean(@Nonnull String key, boolean value);
-  void putDouble(@Nonnull String key, double value);
-  void putInt(@Nonnull String key, int value);
-  void putString(@Nonnull String key, @Nullable String value);
-  void putArray(@Nonnull String key, @Nullable WritableArray value);
-  void putMap(@Nonnull String key, @Nullable WritableMap value);
+  void putNull(@NonNull String key);
+
+  void putBoolean(@NonNull String key, boolean value);
+
+  void putDouble(@NonNull String key, double value);
+
+  void putInt(@NonNull String key, int value);
+
+  void putString(@NonNull String key, @Nullable String value);
+
+  void putArray(@NonNull String key, @Nullable ReadableArray value);
+
+  void putMap(@NonNull String key, @Nullable ReadableMap value);
+
+  void merge(@NonNull ReadableMap source);
 
-  void merge(@Nonnull ReadableMap source);
+  WritableMap copy();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/WritableNativeArray.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/WritableNativeArray.java
index 004477eb22ffa7..dc09c3866d061c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/WritableNativeArray.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/WritableNativeArray.java
@@ -1,23 +1,19 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
 
-import javax.annotation.Nonnull;
-import javax.annotation.Nullable;
-
 /**
- * Implementation of a write-only array stored in native memory. Use
- * {@link Arguments#createArray()} if you need to stub out creating this class in a test.
- * TODO(5815532): Check if consumed on read
+ * Implementation of a write-only array stored in native memory. Use {@link Arguments#createArray()}
+ * if you need to stub out creating this class in a test. TODO(5815532): Check if consumed on read
  */
 @DoNotStrip
 public class WritableNativeArray extends ReadableNativeArray implements WritableArray {
@@ -31,18 +27,22 @@ public WritableNativeArray() {
 
   @Override
   public native void pushNull();
+
   @Override
   public native void pushBoolean(boolean value);
+
   @Override
   public native void pushDouble(double value);
+
   @Override
   public native void pushInt(int value);
+
   @Override
   public native void pushString(@Nullable String value);
 
   // Note: this consumes the map so do not reuse it.
   @Override
-  public void pushArray(@Nullable WritableArray array) {
+  public void pushArray(@Nullable ReadableArray array) {
     Assertions.assertCondition(
         array == null || array instanceof WritableNativeArray, "Illegal type provided");
     pushNativeArray((WritableNativeArray) array);
@@ -50,13 +50,15 @@ public void pushArray(@Nullable WritableArray array) {
 
   // Note: this consumes the map so do not reuse it.
   @Override
-  public void pushMap(@Nullable WritableMap map) {
+  public void pushMap(@Nullable ReadableMap map) {
     Assertions.assertCondition(
         map == null || map instanceof WritableNativeMap, "Illegal type provided");
     pushNativeMap((WritableNativeMap) map);
   }
 
   private static native HybridData initHybrid();
+
   private native void pushNativeArray(WritableNativeArray array);
+
   private native void pushNativeMap(WritableNativeMap map);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/WritableNativeMap.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/WritableNativeMap.java
index ec632940b47e86..50d8834f17cb9f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/WritableNativeMap.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/WritableNativeMap.java
@@ -1,25 +1,20 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 androidx.annotation.NonNull;
-
-import com.facebook.jni.HybridData;
+import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
+import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
 
-import javax.annotation.Nonnull;
-import javax.annotation.Nullable;
-
 /**
- * Implementation of a write-only map stored in native memory. Use
- * {@link Arguments#createMap()} if you need to stub out creating this class in a test.
- * TODO(5815532): Check if consumed on read
+ * Implementation of a write-only map stored in native memory. Use {@link Arguments#createMap()} if
+ * you need to stub out creating this class in a test. TODO(5815532): Check if consumed on read
  */
 @DoNotStrip
 public class WritableNativeMap extends ReadableNativeMap implements WritableMap {
@@ -28,19 +23,22 @@ public class WritableNativeMap extends ReadableNativeMap implements WritableMap
   }
 
   @Override
-  public native void putBoolean(@Nonnull String key, boolean value);
-  @Override
-  public native void putDouble(@Nonnull String key, double value);
+  public native void putBoolean(@NonNull String key, boolean value);
+
   @Override
-  public native void putInt(@Nonnull String key, int value);
+  public native void putDouble(@NonNull String key, double value);
+
   @Override
-  public native void putString(@Nonnull String key, @Nullable String value);
+  public native void putInt(@NonNull String key, int value);
+
   @Override
   public native void putNull(@NonNull String key);
 
-  // Note: this consumes the map so do not reuse it.
   @Override
-  public void putMap(@Nonnull String key, @Nullable WritableMap value) {
+  public native void putString(@NonNull String key, @Nullable String value);
+
+  @Override
+  public void putMap(@NonNull String key, @Nullable ReadableMap value) {
     Assertions.assertCondition(
         value == null || value instanceof WritableNativeMap, "Illegal type provided");
     putNativeMap(key, (WritableNativeMap) value);
@@ -48,7 +46,7 @@ public void putMap(@Nonnull String key, @Nullable WritableMap value) {
 
   // Note: this consumes the map so do not reuse it.
   @Override
-  public void putArray(@Nonnull String key, @Nullable WritableArray value) {
+  public void putArray(@NonNull String key, @Nullable ReadableArray value) {
     Assertions.assertCondition(
         value == null || value instanceof WritableNativeArray, "Illegal type provided");
     putNativeArray(key, (WritableNativeArray) value);
@@ -56,11 +54,18 @@ public void putArray(@Nonnull String key, @Nullable WritableArray value) {
 
   // Note: this **DOES NOT** consume the source map
   @Override
-  public void merge(@Nonnull ReadableMap source) {
+  public void merge(@NonNull ReadableMap source) {
     Assertions.assertCondition(source instanceof ReadableNativeMap, "Illegal type provided");
     mergeNativeMap((ReadableNativeMap) source);
   }
 
+  @Override
+  public WritableMap copy() {
+    final WritableNativeMap target = new WritableNativeMap();
+    target.merge(this);
+    return target;
+  }
+
   public WritableNativeMap() {
     super(initHybrid());
   }
@@ -68,6 +73,8 @@ public WritableNativeMap() {
   private static native HybridData initHybrid();
 
   private native void putNativeMap(String key, WritableNativeMap value);
+
   private native void putNativeArray(String key, WritableNativeArray value);
+
   private native void mergeNativeMap(ReadableNativeMap source);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThread.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThread.java
index ca3fda84c7e296..a79f4c59ce50ad 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThread.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThread.java
@@ -1,20 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.queue;
 
+import com.facebook.proguard.annotations.DoNotStrip;
 import java.util.concurrent.Callable;
 import java.util.concurrent.Future;
 
-import com.facebook.proguard.annotations.DoNotStrip;
-
-/**
- * Encapsulates a Thread that can accept Runnables.
- */
+/** Encapsulates a Thread that can accept Runnables. */
 @DoNotStrip
 public interface MessageQueueThread {
   /**
@@ -38,15 +34,15 @@ public interface MessageQueueThread {
   boolean isOnThread();
 
   /**
-   * Asserts {@link #isOnThread()}, throwing a {@link AssertionException} (NOT an
-   * {@link AssertionError}) if the assertion fails.
+   * Asserts {@link #isOnThread()}, throwing a {@link AssertionException} (NOT an {@link
+   * AssertionError}) if the assertion fails.
    */
   @DoNotStrip
   void assertIsOnThread();
 
   /**
-   * Asserts {@link #isOnThread()}, throwing a {@link AssertionException} (NOT an
-   * {@link AssertionError}) if the assertion fails. The given message is appended to the error.
+   * Asserts {@link #isOnThread()}, throwing a {@link AssertionException} (NOT an {@link
+   * AssertionError}) if the assertion fails. The given message is appended to the error.
    */
   @DoNotStrip
   void assertIsOnThread(String message);
@@ -60,15 +56,15 @@ public interface MessageQueueThread {
   void quitSynchronous();
 
   /**
-   * Returns the perf counters taken when the framework was started.  This
-   * method is intended to be used for instrumentation purposes.
+   * Returns the perf counters taken when the framework was started. This method is intended to be
+   * used for instrumentation purposes.
    */
   @DoNotStrip
   MessageQueueThreadPerfStats getPerfStats();
 
   /**
-   * Resets the perf counters.  This is useful if the RN threads are being re-used.
-   * This method is intended to be used for instrumentation purposes.
+   * Resets the perf counters. This is useful if the RN threads are being re-used. This method is
+   * intended to be used for instrumentation purposes.
    */
   @DoNotStrip
   void resetPerfStats();
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadHandler.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadHandler.java
index d62247b845b751..5238aad52ce264 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadHandler.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadHandler.java
@@ -1,19 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.queue;
 
 import android.os.Handler;
 import android.os.Looper;
 import android.os.Message;
 
-/**
- * Handler that can catch and dispatch Exceptions to an Exception handler.
- */
+/** Handler that can catch and dispatch Exceptions to an Exception handler. */
 public class MessageQueueThreadHandler extends Handler {
 
   private final QueueThreadExceptionHandler mExceptionHandler;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadImpl.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadImpl.java
index 76ce66b70c2654..efac82e48b2f14 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadImpl.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadImpl.java
@@ -1,18 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.queue;
 
-import java.util.concurrent.Callable;
-import java.util.concurrent.Future;
-
-import android.os.SystemClock;
 import android.os.Looper;
 import android.os.Process;
+import android.os.SystemClock;
 import android.util.Pair;
 import com.facebook.common.logging.FLog;
 import com.facebook.proguard.annotations.DoNotStrip;
@@ -21,10 +17,10 @@
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.common.futures.SimpleSettableFuture;
+import java.util.concurrent.Callable;
+import java.util.concurrent.Future;
 
-/**
- * Encapsulates a Thread that has a {@link Looper} running on it that can accept Runnables.
- */
+/** Encapsulates a Thread that has a {@link Looper} running on it that can accept Runnables. */
 @DoNotStrip
 public class MessageQueueThreadImpl implements MessageQueueThread {
 
@@ -36,10 +32,8 @@ public class MessageQueueThreadImpl implements MessageQueueThread {
   private volatile boolean mIsFinished = false;
 
   private MessageQueueThreadImpl(
-      String name,
-      Looper looper,
-      QueueThreadExceptionHandler exceptionHandler) {
-        this(name, looper, exceptionHandler, null);
+      String name, Looper looper, QueueThreadExceptionHandler exceptionHandler) {
+    this(name, looper, exceptionHandler, null);
   }
 
   private MessageQueueThreadImpl(
@@ -64,8 +58,9 @@ public void runOnQueue(Runnable runnable) {
     if (mIsFinished) {
       FLog.w(
           ReactConstants.TAG,
-          "Tried to enqueue runnable on already finished thread: '" + getName() +
-              "... dropping Runnable.");
+          "Tried to enqueue runnable on already finished thread: '"
+              + getName()
+              + "... dropping Runnable.");
     }
     mHandler.post(runnable);
   }
@@ -98,8 +93,8 @@ public boolean isOnThread() {
   }
 
   /**
-   * Asserts {@link #isOnThread()}, throwing a {@link AssertionException} (NOT an
-   * {@link AssertionError}) if the assertion fails.
+   * Asserts {@link #isOnThread()}, throwing a {@link AssertionException} (NOT an {@link
+   * AssertionError}) if the assertion fails.
    */
   @DoNotStrip
   @Override
@@ -108,15 +103,15 @@ public void assertIsOnThread() {
   }
 
   /**
-   * Asserts {@link #isOnThread()}, throwing a {@link AssertionException} (NOT an
-   * {@link AssertionError}) if the assertion fails.
+   * Asserts {@link #isOnThread()}, throwing a {@link AssertionException} (NOT an {@link
+   * AssertionError}) if the assertion fails.
    */
   @DoNotStrip
   @Override
   public void assertIsOnThread(String message) {
     SoftAssertions.assertCondition(
-      isOnThread(),
-      new StringBuilder().append(mAssertionErrorMessage).append(" ").append(message).toString());
+        isOnThread(),
+        new StringBuilder().append(mAssertionErrorMessage).append(" ").append(message).toString());
   }
 
   /**
@@ -147,14 +142,15 @@ public MessageQueueThreadPerfStats getPerfStats() {
   @Override
   public void resetPerfStats() {
     assignToPerfStats(mPerfStats, -1, -1);
-    runOnQueue(new Runnable() {
-      @Override
-      public void run() {
-        long wallTime = SystemClock.uptimeMillis();
-        long cpuTime = SystemClock.currentThreadTimeMillis();
-        assignToPerfStats(mPerfStats, wallTime, cpuTime);
-      }
-    });
+    runOnQueue(
+        new Runnable() {
+          @Override
+          public void run() {
+            long wallTime = SystemClock.uptimeMillis();
+            long cpuTime = SystemClock.currentThreadTimeMillis();
+            assignToPerfStats(mPerfStats, wallTime, cpuTime);
+          }
+        });
   }
 
   private static void assignToPerfStats(MessageQueueThreadPerfStats stats, long wall, long cpu) {
@@ -171,8 +167,7 @@ public String getName() {
   }
 
   public static MessageQueueThreadImpl create(
-      MessageQueueThreadSpec spec,
-      QueueThreadExceptionHandler exceptionHandler) {
+      MessageQueueThreadSpec spec, QueueThreadExceptionHandler exceptionHandler) {
     switch (spec.getThreadType()) {
       case MAIN_UI:
         return createForMainThread(spec.getName(), exceptionHandler);
@@ -183,12 +178,9 @@ public static MessageQueueThreadImpl create(
     }
   }
 
-  /**
-   * @return a MessageQueueThreadImpl corresponding to Android's main UI thread.
-   */
+  /** @return a MessageQueueThreadImpl corresponding to Android's main UI thread. */
   private static MessageQueueThreadImpl createForMainThread(
-      String name,
-      QueueThreadExceptionHandler exceptionHandler) {
+      String name, QueueThreadExceptionHandler exceptionHandler) {
     Looper mainLooper = Looper.getMainLooper();
     final MessageQueueThreadImpl mqt =
         new MessageQueueThreadImpl(name, mainLooper, exceptionHandler);
@@ -209,29 +201,32 @@ public void run() {
 
   /**
    * Creates and starts a new MessageQueueThreadImpl encapsulating a new Thread with a new Looper
-   * running on it. Give it a name for easier debugging and optionally a suggested stack size.
-   * When this method exits, the new MessageQueueThreadImpl is ready to receive events.
+   * running on it. Give it a name for easier debugging and optionally a suggested stack size. When
+   * this method exits, the new MessageQueueThreadImpl is ready to receive events.
    */
   private static MessageQueueThreadImpl startNewBackgroundThread(
-      final String name,
-      long stackSize,
-      QueueThreadExceptionHandler exceptionHandler) {
-    final SimpleSettableFuture<Pair<Looper, MessageQueueThreadPerfStats>> dataFuture = new SimpleSettableFuture<>();
+      final String name, long stackSize, QueueThreadExceptionHandler exceptionHandler) {
+    final SimpleSettableFuture<Pair<Looper, MessageQueueThreadPerfStats>> dataFuture =
+        new SimpleSettableFuture<>();
     long startTimeMillis;
-    Thread bgThread = new Thread(null,
-        new Runnable() {
-          @Override
-          public void run() {
-            Process.setThreadPriority(Process.THREAD_PRIORITY_DISPLAY);
-            Looper.prepare();
-            MessageQueueThreadPerfStats stats = new MessageQueueThreadPerfStats();
-            long wallTime = SystemClock.uptimeMillis();
-            long cpuTime = SystemClock.currentThreadTimeMillis();
-            assignToPerfStats(stats, wallTime, cpuTime);
-            dataFuture.set(new Pair<>(Looper.myLooper(), stats));
-            Looper.loop();
-          }
-        }, "mqt_" + name, stackSize);
+    Thread bgThread =
+        new Thread(
+            null,
+            new Runnable() {
+              @Override
+              public void run() {
+                Process.setThreadPriority(Process.THREAD_PRIORITY_DISPLAY);
+                Looper.prepare();
+                MessageQueueThreadPerfStats stats = new MessageQueueThreadPerfStats();
+                long wallTime = SystemClock.uptimeMillis();
+                long cpuTime = SystemClock.currentThreadTimeMillis();
+                assignToPerfStats(stats, wallTime, cpuTime);
+                dataFuture.set(new Pair<>(Looper.myLooper(), stats));
+                Looper.loop();
+              }
+            },
+            "mqt_" + name,
+            stackSize);
     bgThread.start();
 
     Pair<Looper, MessageQueueThreadPerfStats> pair = dataFuture.getOrThrow();
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadPerfStats.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadPerfStats.java
index 7b7866645c1a52..639a96bdd8efbf 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadPerfStats.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadPerfStats.java
@@ -1,15 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.queue;
 
-/**
- * This class holds perf counters' values at the beginning of an RN startup.
- */
+/** This class holds perf counters' values at the beginning of an RN startup. */
 public class MessageQueueThreadPerfStats {
   public long wallTime;
   public long cpuTime;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadSpec.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadSpec.java
index bc48673a1b68c2..7e7c240b1e753a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadSpec.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadSpec.java
@@ -1,15 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.queue;
 
-/**
- * Spec for creating a MessageQueueThread.
- */
+/** Spec for creating a MessageQueueThread. */
 public class MessageQueueThreadSpec {
 
   private static final MessageQueueThreadSpec MAIN_UI_SPEC =
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/NativeRunnable.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/NativeRunnable.java
index c5b0e2e0405ea6..240ab4edc82d30 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/NativeRunnable.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/NativeRunnable.java
@@ -1,18 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.queue;
 
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
 
-/**
- * A Runnable that has a native run implementation.
- */
+/** A Runnable that has a native run implementation. */
 @DoNotStrip
 public class NativeRunnable implements Runnable {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/NativeRunnableDeprecated.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/NativeRunnableDeprecated.java
index 2f8a2e5e914ea5..b4b9622144ee28 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/NativeRunnableDeprecated.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/NativeRunnableDeprecated.java
@@ -1,25 +1,20 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.queue;
 
 import com.facebook.jni.Countable;
-import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
 
-/**
- * A Runnable that has a native run implementation.
- */
+/** A Runnable that has a native run implementation. */
 @DoNotStrip
 public class NativeRunnableDeprecated extends Countable implements Runnable {
 
   @DoNotStrip
-  private NativeRunnableDeprecated() {
-  }
+  private NativeRunnableDeprecated() {}
 
   public native void run();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/QueueThreadExceptionHandler.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/QueueThreadExceptionHandler.java
index f0f08a3cccd9bb..9ed429db4e1fe3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/QueueThreadExceptionHandler.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/QueueThreadExceptionHandler.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.queue;
 
 /**
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/ReactQueueConfiguration.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/ReactQueueConfiguration.java
index 5a666785553a7a..4c240b2714bd62 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/ReactQueueConfiguration.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/ReactQueueConfiguration.java
@@ -1,25 +1,26 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.queue;
 
-
 /**
- * Specifies which {@link MessageQueueThread}s must be used to run the various contexts of
- * execution within catalyst (Main UI thread, native modules, and JS). Some of these queues *may* be
- * the same but should be coded against as if they are different.
+ * Specifies which {@link MessageQueueThread}s must be used to run the various contexts of execution
+ * within catalyst (Main UI thread, native modules, and JS). Some of these queues *may* be the same
+ * but should be coded against as if they are different.
  *
- * UI Queue Thread: The standard Android main UI thread and Looper. Not configurable.
- * Native Modules Queue Thread: The thread and Looper that native modules are invoked on.
- * JS Queue Thread: The thread and Looper that JS is executed on.
+ * <p>UI Queue Thread: The standard Android main UI thread and Looper. Not configurable. Native
+ * Modules Queue Thread: The thread and Looper that native modules are invoked on. JS Queue Thread:
+ * The thread and Looper that JS is executed on.
  */
 public interface ReactQueueConfiguration {
   MessageQueueThread getUIQueueThread();
+
   MessageQueueThread getNativeModulesQueueThread();
+
   MessageQueueThread getJSQueueThread();
+
   void destroy();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/ReactQueueConfigurationImpl.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/ReactQueueConfigurationImpl.java
index 4388949362c258..4b8dc010ac3345 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/ReactQueueConfigurationImpl.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/ReactQueueConfigurationImpl.java
@@ -1,17 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.queue;
 
-import java.util.Map;
-
 import android.os.Looper;
-
 import com.facebook.react.common.MapBuilder;
+import java.util.Map;
 
 public class ReactQueueConfigurationImpl implements ReactQueueConfiguration {
 
@@ -44,8 +41,8 @@ public MessageQueueThread getJSQueueThread() {
   }
 
   /**
-   * Should be called when the corresponding {@link com.facebook.react.bridge.CatalystInstance}
-   * is destroyed so that we shut down the proper queue threads.
+   * Should be called when the corresponding {@link com.facebook.react.bridge.CatalystInstance} is
+   * destroyed so that we shut down the proper queue threads.
    */
   public void destroy() {
     if (mNativeModulesQueueThread.getLooper() != Looper.getMainLooper()) {
@@ -57,13 +54,11 @@ public void destroy() {
   }
 
   public static ReactQueueConfigurationImpl create(
-      ReactQueueConfigurationSpec spec,
-      QueueThreadExceptionHandler exceptionHandler) {
+      ReactQueueConfigurationSpec spec, QueueThreadExceptionHandler exceptionHandler) {
     Map<MessageQueueThreadSpec, MessageQueueThreadImpl> specsToThreads = MapBuilder.newHashMap();
 
     MessageQueueThreadSpec uiThreadSpec = MessageQueueThreadSpec.mainThreadSpec();
-    MessageQueueThreadImpl uiThread =
-      MessageQueueThreadImpl.create(uiThreadSpec, exceptionHandler);
+    MessageQueueThreadImpl uiThread = MessageQueueThreadImpl.create(uiThreadSpec, exceptionHandler);
     specsToThreads.put(uiThreadSpec, uiThread);
 
     MessageQueueThreadImpl jsThread = specsToThreads.get(spec.getJSQueueThreadSpec());
@@ -78,9 +73,6 @@ public static ReactQueueConfigurationImpl create(
           MessageQueueThreadImpl.create(spec.getNativeModulesQueueThreadSpec(), exceptionHandler);
     }
 
-    return new ReactQueueConfigurationImpl(
-      uiThread,
-      nativeModulesThread,
-      jsThread);
+    return new ReactQueueConfigurationImpl(uiThread, nativeModulesThread, jsThread);
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/ReactQueueConfigurationSpec.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/ReactQueueConfigurationSpec.java
index f81deff7c75226..167f7f6a0d2a43 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/ReactQueueConfigurationSpec.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/ReactQueueConfigurationSpec.java
@@ -1,21 +1,18 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.queue;
 
 import android.os.Build;
-
-import javax.annotation.Nullable;
-
+import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
 
 /**
- * Spec for creating a ReactQueueConfiguration. This exists so that CatalystInstance is able to
- * set Exception handlers on the MessageQueueThreads it uses and it would not be super clean if the
+ * Spec for creating a ReactQueueConfiguration. This exists so that CatalystInstance is able to set
+ * Exception handlers on the MessageQueueThreads it uses and it would not be super clean if the
  * threads were configured, then passed to CatalystInstance where they are configured more. These
  * specs allows the Threads to be created fully configured.
  */
@@ -27,8 +24,8 @@ public class ReactQueueConfigurationSpec {
   private final MessageQueueThreadSpec mJSQueueThreadSpec;
 
   private ReactQueueConfigurationSpec(
-    MessageQueueThreadSpec nativeModulesQueueThreadSpec,
-    MessageQueueThreadSpec jsQueueThreadSpec) {
+      MessageQueueThreadSpec nativeModulesQueueThreadSpec,
+      MessageQueueThreadSpec jsQueueThreadSpec) {
     mNativeModulesQueueThreadSpec = nativeModulesQueueThreadSpec;
     mJSQueueThreadSpec = jsQueueThreadSpec;
   }
@@ -46,9 +43,11 @@ public static Builder builder() {
   }
 
   public static ReactQueueConfigurationSpec createDefault() {
-    MessageQueueThreadSpec spec = Build.VERSION.SDK_INT < 21 ?
-        MessageQueueThreadSpec.newBackgroundThreadSpec("native_modules", LEGACY_STACK_SIZE_BYTES) :
-        MessageQueueThreadSpec.newBackgroundThreadSpec("native_modules");
+    MessageQueueThreadSpec spec =
+        Build.VERSION.SDK_INT < 21
+            ? MessageQueueThreadSpec.newBackgroundThreadSpec(
+                "native_modules", LEGACY_STACK_SIZE_BYTES)
+            : MessageQueueThreadSpec.newBackgroundThreadSpec("native_modules");
     return builder()
         .setJSQueueThreadSpec(MessageQueueThreadSpec.newBackgroundThreadSpec("js"))
         .setNativeModulesQueueThreadSpec(spec)
@@ -62,8 +61,7 @@ public static class Builder {
 
     public Builder setNativeModulesQueueThreadSpec(MessageQueueThreadSpec spec) {
       Assertions.assertCondition(
-        mNativeModulesQueueSpec == null,
-        "Setting native modules queue spec multiple times!");
+          mNativeModulesQueueSpec == null, "Setting native modules queue spec multiple times!");
       mNativeModulesQueueSpec = spec;
       return this;
     }
@@ -76,8 +74,8 @@ public Builder setJSQueueThreadSpec(MessageQueueThreadSpec spec) {
 
     public ReactQueueConfigurationSpec build() {
       return new ReactQueueConfigurationSpec(
-        Assertions.assertNotNull(mNativeModulesQueueSpec),
-        Assertions.assertNotNull(mJSQueueSpec));
+          Assertions.assertNotNull(mNativeModulesQueueSpec),
+          Assertions.assertNotNull(mJSQueueSpec));
     }
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/common/ArrayUtils.java b/ReactAndroid/src/main/java/com/facebook/react/common/ArrayUtils.java
index b689d8b0ad9ea1..06c575745db6aa 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/common/ArrayUtils.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/common/ArrayUtils.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 import java.util.Arrays;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/common/ClearableSynchronizedPool.java b/ReactAndroid/src/main/java/com/facebook/react/common/ClearableSynchronizedPool.java
index 51c26e3c23ba40..872a4457d81da6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/common/ClearableSynchronizedPool.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/common/ClearableSynchronizedPool.java
@@ -8,8 +8,8 @@
 import androidx.core.util.Pools;
 
 /**
- * Like {@link androidx.core.util.Pools.SynchronizedPool} with the option to clear the pool
- * (e.g. on memory pressure).
+ * Like {@link androidx.core.util.Pools.SynchronizedPool} with the option to clear the pool (e.g. on
+ * memory pressure).
  */
 public class ClearableSynchronizedPool<T> implements Pools.Pool<T> {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/common/DebugServerException.java b/ReactAndroid/src/main/java/com/facebook/react/common/DebugServerException.java
index 6c84a9bbc6f5f0..4a3187b0faf979 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/common/DebugServerException.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/common/DebugServerException.java
@@ -1,42 +1,37 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
-import javax.annotation.Nullable;
-
-import java.io.IOException;
-
 import android.net.Uri;
 import android.text.TextUtils;
-
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
-
 import org.json.JSONException;
 import org.json.JSONObject;
 
 /**
- * Tracks errors connecting to or received from the debug server.
- * The debug server returns errors as json objects. This exception represents that error.
+ * Tracks errors connecting to or received from the debug server. The debug server returns errors as
+ * json objects. This exception represents that error.
  */
 public class DebugServerException extends RuntimeException {
   private static final String GENERIC_ERROR_MESSAGE =
-      "\n\nTry the following to fix the issue:\n" +
-      "\u2022 Ensure that the packager server is running\n" +
-      "\u2022 Ensure that your device/emulator is connected to your machine and has USB debugging enabled - run 'adb devices' to see a list of connected devices\n" +
-      "\u2022 Ensure Airplane Mode is disabled\n" +
-      "\u2022 If you're on a physical device connected to the same machine, run 'adb reverse tcp:<PORT> tcp:<PORT>' to forward requests from your device\n" +
-      "\u2022 If your device is on the same Wi-Fi network, set 'Debug server host & port for device' in 'Dev settings' to your machine's IP address and the port of the local dev server - e.g. 10.0.1.1:<PORT>\n\n";
+      "\n\nTry the following to fix the issue:\n"
+          + "\u2022 Ensure that the packager server is running\n"
+          + "\u2022 Ensure that your device/emulator is connected to your machine and has USB debugging enabled - run 'adb devices' to see a list of connected devices\n"
+          + "\u2022 Ensure Airplane Mode is disabled\n"
+          + "\u2022 If you're on a physical device connected to the same machine, run 'adb reverse tcp:<PORT> tcp:<PORT>' to forward requests from your device\n"
+          + "\u2022 If your device is on the same Wi-Fi network, set 'Debug server host & port for device' in 'Dev settings' to your machine's IP address and the port of the local dev server - e.g. 10.0.1.1:<PORT>\n\n";
 
   public static DebugServerException makeGeneric(String url, String reason, Throwable t) {
     return makeGeneric(url, reason, "", t);
   }
 
-  public static DebugServerException makeGeneric(String url, String reason, String extra, Throwable t) {
+  public static DebugServerException makeGeneric(
+      String url, String reason, String extra, Throwable t) {
     Uri uri = Uri.parse(url);
 
     String message = GENERIC_ERROR_MESSAGE.replace("<PORT>", String.valueOf(uri.getPort()));
@@ -58,10 +53,12 @@ public DebugServerException(String detailMessage, Throwable throwable) {
 
   /**
    * Parse a DebugServerException from the server json string.
+   *
    * @param str json string returned by the debug server
    * @return A DebugServerException or null if the string is not of proper form.
    */
-  @Nullable public static DebugServerException parse(String url, String str) {
+  @Nullable
+  public static DebugServerException parse(String url, String str) {
     if (TextUtils.isEmpty(str)) {
       return null;
     }
@@ -69,7 +66,7 @@ public DebugServerException(String detailMessage, Throwable throwable) {
       JSONObject jsonObject = new JSONObject(str);
       String fullFileName = jsonObject.getString("filename");
       return new DebugServerException(
-          jsonObject.getString("description"),
+          jsonObject.getString("message"),
           shortenFileName(fullFileName),
           jsonObject.getInt("lineNumber"),
           jsonObject.getInt("column"));
diff --git a/ReactAndroid/src/main/java/com/facebook/react/common/HasJavascriptExceptionMetadata.java b/ReactAndroid/src/main/java/com/facebook/react/common/HasJavascriptExceptionMetadata.java
new file mode 100644
index 00000000000000..76b595e3fe0a09
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/common/HasJavascriptExceptionMetadata.java
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * <p>This source 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;
+
+import javax.annotation.Nullable;
+
+/** A JS exception carrying metadata. */
+public interface HasJavascriptExceptionMetadata {
+
+  @Nullable
+  String getExtraDataAsJson();
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/common/JavascriptException.java b/ReactAndroid/src/main/java/com/facebook/react/common/JavascriptException.java
index 52a56e93b68455..7bfe0a10ab69b0 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/common/JavascriptException.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/common/JavascriptException.java
@@ -1,19 +1,32 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
+import javax.annotation.Nullable;
+
 /**
  * A JS exception that was propagated to native. In debug mode, these exceptions are normally shown
  * to developers in a redbox.
  */
-public class JavascriptException extends RuntimeException {
+public class JavascriptException extends RuntimeException
+    implements HasJavascriptExceptionMetadata {
+
+  private @Nullable String extraDataAsJson;
 
   public JavascriptException(String jsStackTrace) {
     super(jsStackTrace);
   }
+
+  public @Nullable String getExtraDataAsJson() {
+    return this.extraDataAsJson;
+  }
+
+  public JavascriptException setExtraDataAsJson(@Nullable String extraDataAsJson) {
+    this.extraDataAsJson = extraDataAsJson;
+    return this;
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/common/LifecycleState.java b/ReactAndroid/src/main/java/com/facebook/react/common/LifecycleState.java
index 656d77d9678eb4..0b2e61e0ab34e2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/common/LifecycleState.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/common/LifecycleState.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 /**
@@ -12,11 +11,7 @@
  * basically the same so this enum is in terms of the forward lifecycle progression (onResume, etc).
  * Eventually, if necessary, it could contain something like:
  *
- * BEFORE_CREATE,
- * CREATED,
- * VIEW_CREATED,
- * STARTED,
- * RESUMED
+ * <p>BEFORE_CREATE, CREATED, VIEW_CREATED, STARTED, RESUMED
  */
 public enum LifecycleState {
   BEFORE_CREATE,
diff --git a/ReactAndroid/src/main/java/com/facebook/react/common/LongArray.java b/ReactAndroid/src/main/java/com/facebook/react/common/LongArray.java
index 9b6191182fd8fe..0b8d2d3fc4ba92 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/common/LongArray.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/common/LongArray.java
@@ -1,15 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
-/**
- * Object wrapping an auto-expanding long[]. Like an ArrayList<Long> but without the autoboxing.
- */
+/** Object wrapping an auto-expanding long[]. Like an ArrayList<Long> but without the autoboxing. */
 public class LongArray {
 
   private static final double INNER_ARRAY_GROWTH_FACTOR = 1.8;
@@ -53,9 +50,7 @@ public boolean isEmpty() {
     return mLength == 0;
   }
 
-  /**
-   * Removes the *last* n items of the array all at once.
-   */
+  /** Removes the *last* n items of the array all at once. */
   public void dropTail(int n) {
     if (n > mLength) {
       throw new IndexOutOfBoundsException(
@@ -67,7 +62,7 @@ public void dropTail(int n) {
   private void growArrayIfNeeded() {
     if (mLength == mArray.length) {
       // If the initial capacity was 1 we need to ensure it at least grows by 1.
-      int newSize = Math.max(mLength + 1, (int)(mLength * INNER_ARRAY_GROWTH_FACTOR));
+      int newSize = Math.max(mLength + 1, (int) (mLength * INNER_ARRAY_GROWTH_FACTOR));
       long[] newArray = new long[newSize];
       System.arraycopy(mArray, 0, newArray, 0, mLength);
       mArray = newArray;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/common/MapBuilder.java b/ReactAndroid/src/main/java/com/facebook/react/common/MapBuilder.java
index 5c668ad14cd5a5..7346926a077015 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/common/MapBuilder.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/common/MapBuilder.java
@@ -1,46 +1,35 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 import java.util.HashMap;
 import java.util.Map;
 
-/**
- * Utility class for creating maps
- */
+/** Utility class for creating maps */
 public class MapBuilder {
 
-  /**
-   * Creates an instance of {@code HashMap}
-   */
+  /** Creates an instance of {@code HashMap} */
   public static <K, V> HashMap<K, V> newHashMap() {
     return new HashMap<K, V>();
   }
 
-  /**
-   * Returns the empty map.
-   */
+  /** Returns the empty map. */
   public static <K, V> Map<K, V> of() {
     return newHashMap();
   }
 
-  /**
-   * Returns map containing a single entry.
-   */
+  /** Returns map containing a single entry. */
   public static <K, V> Map<K, V> of(K k1, V v1) {
     Map map = of();
     map.put(k1, v1);
     return map;
   }
 
-  /**
-   * Returns map containing the given entries.
-   */
+  /** Returns map containing the given entries. */
   public static <K, V> Map<K, V> of(K k1, V v1, K k2, V v2) {
     Map map = of();
     map.put(k1, v1);
@@ -48,9 +37,7 @@ public static <K, V> Map<K, V> of(K k1, V v1, K k2, V v2) {
     return map;
   }
 
-  /**
-   * Returns map containing the given entries.
-   */
+  /** Returns map containing the given entries. */
   public static <K, V> Map<K, V> of(K k1, V v1, K k2, V v2, K k3, V v3) {
     Map map = of();
     map.put(k1, v1);
@@ -59,9 +46,7 @@ public static <K, V> Map<K, V> of(K k1, V v1, K k2, V v2, K k3, V v3) {
     return map;
   }
 
-  /**
-   * Returns map containing the given entries.
-   */
+  /** Returns map containing the given entries. */
   public static <K, V> Map<K, V> of(K k1, V v1, K k2, V v2, K k3, V v3, K k4, V v4) {
     Map map = of();
     map.put(k1, v1);
@@ -71,9 +56,7 @@ public static <K, V> Map<K, V> of(K k1, V v1, K k2, V v2, K k3, V v3, K k4, V v4
     return map;
   }
 
-  /**
-   * Returns map containing the given entries.
-   */
+  /** Returns map containing the given entries. */
   public static <K, V> Map<K, V> of(K k1, V v1, K k2, V v2, K k3, V v3, K k4, V v4, K k5, V v5) {
     Map map = of();
     map.put(k1, v1);
@@ -84,9 +67,7 @@ public static <K, V> Map<K, V> of(K k1, V v1, K k2, V v2, K k3, V v3, K k4, V v4
     return map;
   }
 
-  /**
-   * Returns map containing the given entries.
-   */
+  /** Returns map containing the given entries. */
   public static <K, V> Map<K, V> of(
       K k1, V v1, K k2, V v2, K k3, V v3, K k4, V v4, K k5, V v5, K k6, V v6) {
     Map map = of();
@@ -99,9 +80,7 @@ public static <K, V> Map<K, V> of(
     return map;
   }
 
-  /**
-   * Returns map containing the given entries.
-   */
+  /** Returns map containing the given entries. */
   public static <K, V> Map<K, V> of(
       K k1, V v1, K k2, V v2, K k3, V v3, K k4, V v4, K k5, V v5, K k6, V v6, K k7, V v7) {
     Map map = of();
@@ -115,9 +94,7 @@ public static <K, V> Map<K, V> of(
     return map;
   }
 
-  /**
-   * Returns map containing the given entries.
-   */
+  /** Returns map containing the given entries. */
   public static <K, V> Builder<K, V> builder() {
     return new Builder();
   }
@@ -132,15 +109,15 @@ private Builder() {
       mUnderConstruction = true;
     }
 
-    public Builder<K,V> put(K k, V v) {
+    public Builder<K, V> put(K k, V v) {
       if (!mUnderConstruction) {
         throw new IllegalStateException("Underlying map has already been built");
       }
-      mMap.put(k,v);
+      mMap.put(k, v);
       return this;
     }
 
-    public Map<K,V> build() {
+    public Map<K, V> build() {
       if (!mUnderConstruction) {
         throw new IllegalStateException("Underlying map has already been built");
       }
@@ -148,5 +125,4 @@ public Map<K,V> build() {
       return mMap;
     }
   }
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/common/ReactConstants.java b/ReactAndroid/src/main/java/com/facebook/react/common/ReactConstants.java
index 83ca41a2a99c84..cdf1db635eb3d2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/common/ReactConstants.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/common/ReactConstants.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 public class ReactConstants {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/common/ShakeDetector.java b/ReactAndroid/src/main/java/com/facebook/react/common/ShakeDetector.java
index 01a0da121d66ac..43c4c0ac42a352 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/common/ShakeDetector.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/common/ShakeDetector.java
@@ -1,33 +1,26 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
-import javax.annotation.Nullable;
-
-import java.util.concurrent.TimeUnit;
-
 import android.hardware.Sensor;
 import android.hardware.SensorEvent;
 import android.hardware.SensorEventListener;
 import android.hardware.SensorManager;
-
+import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
+import java.util.concurrent.TimeUnit;
 
-/**
- * Listens for the user shaking their phone. Allocation-less once it starts listening.
- */
+/** Listens for the user shaking their phone. Allocation-less once it starts listening. */
 public class ShakeDetector implements SensorEventListener {
   // Collect sensor data in this interval (nanoseconds)
   private static final long MIN_TIME_BETWEEN_SAMPLES_NS =
-    TimeUnit.NANOSECONDS.convert(20, TimeUnit.MILLISECONDS);
+      TimeUnit.NANOSECONDS.convert(20, TimeUnit.MILLISECONDS);
   // Number of nanoseconds to listen for and count shakes (nanoseconds)
-  private static final float SHAKING_WINDOW_NS =
-    TimeUnit.NANOSECONDS.convert(3, TimeUnit.SECONDS);
+  private static final float SHAKING_WINDOW_NS = TimeUnit.NANOSECONDS.convert(3, TimeUnit.SECONDS);
   // Required force to constitute a rage shake. Need to multiply gravity by 1.33 because a rage
   // shake in one direction should have more force than just the magnitude of free fall.
   private static final float REQUIRED_FORCE = SensorManager.GRAVITY_EARTH * 1.33f;
@@ -44,7 +37,7 @@ public interface ShakeListener {
   private long mLastTimestamp;
   private int mNumShakes;
   private long mLastShakeTimestamp;
-  //number of shakes required to trigger onShake()
+  // number of shakes required to trigger onShake()
   private int mMinNumShakes;
 
   public ShakeDetector(ShakeListener listener) {
@@ -56,9 +49,7 @@ public ShakeDetector(ShakeListener listener, int minNumShakes) {
     mMinNumShakes = minNumShakes;
   }
 
-  /**
-   * Start listening for shakes.
-   */
+  /** Start listening for shakes. */
   public void start(SensorManager manager) {
     Assertions.assertNotNull(manager);
     Sensor accelerometer = manager.getDefaultSensor(Sensor.TYPE_ACCELEROMETER);
@@ -71,9 +62,7 @@ public void start(SensorManager manager) {
     }
   }
 
-  /**
-   * Stop listening for shakes.
-   */
+  /** Stop listening for shakes. */
   public void stop() {
     if (mSensorManager != null) {
       mSensorManager.unregisterListener(this);
@@ -81,9 +70,7 @@ public void stop() {
     }
   }
 
-  /**
-   * Reset all variables used to keep track of number of shakes recorded.
-   */
+  /** Reset all variables used to keep track of number of shakes recorded. */
   private void reset() {
     mNumShakes = 0;
     mAccelerationX = 0;
@@ -95,8 +82,8 @@ private void reset() {
    * Determine if acceleration applied to sensor is large enough to count as a rage shake.
    *
    * @param a acceleration in x, y, or z applied to the sensor
-   * @return true if the magnitude of the force exceeds the minimum required amount of force.
-   * false otherwise.
+   * @return true if the magnitude of the force exceeds the minimum required amount of force. false
+   *     otherwise.
    */
   private boolean atLeastRequiredForce(float a) {
     return Math.abs(a) > REQUIRED_FORCE;
@@ -104,6 +91,7 @@ private boolean atLeastRequiredForce(float a) {
 
   /**
    * Save data about last shake
+   *
    * @param timestamp (ns) of last sensor event
    */
   private void recordShake(long timestamp) {
@@ -138,8 +126,7 @@ public void onSensorChanged(SensorEvent sensorEvent) {
   }
 
   @Override
-  public void onAccuracyChanged(Sensor sensor, int i) {
-  }
+  public void onAccuracyChanged(Sensor sensor, int i) {}
 
   private void maybeDispatchShake(long currentTimestamp) {
     if (mNumShakes >= 8 * mMinNumShakes) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/common/SingleThreadAsserter.java b/ReactAndroid/src/main/java/com/facebook/react/common/SingleThreadAsserter.java
index 63a1ea638752e0..ee8371a0ee6253 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/common/SingleThreadAsserter.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/common/SingleThreadAsserter.java
@@ -1,19 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
-import javax.annotation.Nullable;
-
+import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
 
-/**
- * Simple class for asserting that operations only run on a single thread.
- */
+/** Simple class for asserting that operations only run on a single thread. */
 public class SingleThreadAsserter {
   private @Nullable Thread mThread = null;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/common/StandardCharsets.java b/ReactAndroid/src/main/java/com/facebook/react/common/StandardCharsets.java
index 8246db9dc956b7..d433f45c33516e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/common/StandardCharsets.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/common/StandardCharsets.java
@@ -1,36 +1,27 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 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.
+ * Not all versions of Android SDK have this class in nio package. This is the reason to have it
+ * around.
  */
 public class StandardCharsets {
 
-  /**
-   * Eight-bit UCS Transformation Format
-   */
+  /** Eight-bit UCS Transformation Format */
   public static final Charset UTF_8 = Charset.forName("UTF-8");
 
-  /**
-   * Sixteen-bit UCS Transformation Format, byte order identified by an
-   * optional byte-order mark
-   */
+  /** Sixteen-bit UCS Transformation Format, byte order identified by an optional byte-order mark */
   public static final Charset UTF_16 = Charset.forName("UTF-16");
 
-  /**
-   * Sixteen-bit UCS Transformation Format, big-endian byte order
-   */
+  /** Sixteen-bit UCS Transformation Format, big-endian byte order */
   public static final Charset UTF_16BE = Charset.forName("UTF-16BE");
-  /**
-   * Sixteen-bit UCS Transformation Format, little-endian byte order
-   */
+  /** Sixteen-bit UCS Transformation Format, little-endian byte order */
   public static final Charset UTF_16LE = Charset.forName("UTF-16LE");
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/common/SystemClock.java b/ReactAndroid/src/main/java/com/facebook/react/common/SystemClock.java
index ce7cc73baf6996..c57803fe617eb9 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/common/SystemClock.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/common/SystemClock.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 /**
@@ -24,5 +23,4 @@ public static long nanoTime() {
   public static long uptimeMillis() {
     return android.os.SystemClock.uptimeMillis();
   }
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/common/annotations/VisibleForTesting.java b/ReactAndroid/src/main/java/com/facebook/react/common/annotations/VisibleForTesting.java
index 5a8cb0e98fd9ae..44d598d0830416 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/common/annotations/VisibleForTesting.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/common/annotations/VisibleForTesting.java
@@ -1,15 +1,13 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 /**
  * Annotates a method that should have restricted visibility but it's required to be public for use
  * in test code only.
  */
-public @interface VisibleForTesting {
-}
+public @interface VisibleForTesting {}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/common/build/ReactBuildConfig.java b/ReactAndroid/src/main/java/com/facebook/react/common/build/ReactBuildConfig.java
index f2ea5a6a4b0378..d5c02cfffa0f90 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/common/build/ReactBuildConfig.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/common/build/ReactBuildConfig.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.build;
 
 import com.facebook.react.BuildConfig;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/common/futures/SimpleSettableFuture.java b/ReactAndroid/src/main/java/com/facebook/react/common/futures/SimpleSettableFuture.java
index d220e2efe41025..4cb7f603119857 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/common/futures/SimpleSettableFuture.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/common/futures/SimpleSettableFuture.java
@@ -1,14 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.futures;
 
-import javax.annotation.Nullable;
-
+import androidx.annotation.Nullable;
 import java.util.concurrent.CountDownLatch;
 import java.util.concurrent.ExecutionException;
 import java.util.concurrent.Future;
@@ -73,12 +71,12 @@ public boolean isDone() {
    * Wait up to the timeout time for another Thread to set a value on this future. If a value has
    * already been set, this method will return immediately.
    *
-   * NB: For simplicity, we catch and wrap InterruptedException. Do NOT use this class if you
-   * are in the 1% of cases where you actually want to handle that.
+   * <p>NB: For simplicity, we catch and wrap InterruptedException. Do NOT use this class if you are
+   * in the 1% of cases where you actually want to handle that.
    */
   @Override
-  public @Nullable T get(long timeout, TimeUnit unit) throws
-      InterruptedException, ExecutionException, TimeoutException {
+  public @Nullable T get(long timeout, TimeUnit unit)
+      throws InterruptedException, ExecutionException, TimeoutException {
     if (!mReadyLatch.await(timeout, unit)) {
       throw new TimeoutException("Timed out waiting for result");
     }
@@ -90,8 +88,7 @@ public boolean isDone() {
   }
 
   /**
-   * Convenience wrapper for {@link #get()} that re-throws get()'s Exceptions as
-   * RuntimeExceptions.
+   * Convenience wrapper for {@link #get()} that re-throws get()'s Exceptions as RuntimeExceptions.
    */
   public @Nullable T getOrThrow() {
     try {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/common/network/OkHttpCallUtil.java b/ReactAndroid/src/main/java/com/facebook/react/common/network/OkHttpCallUtil.java
index 82d24461ad1c04..9b2a3b51e30bca 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/common/network/OkHttpCallUtil.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/common/network/OkHttpCallUtil.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.network;
 
 import okhttp3.Call;
@@ -15,8 +14,7 @@
  */
 public class OkHttpCallUtil {
 
-  private OkHttpCallUtil() {
-  }
+  private OkHttpCallUtil() {}
 
   public static void cancelTag(OkHttpClient client, Object tag) {
     for (Call call : client.dispatcher().queuedCalls()) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/config/ReactFeatureFlags.java b/ReactAndroid/src/main/java/com/facebook/react/config/ReactFeatureFlags.java
index 94ae2364c6bb49..67458f72c047b7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/config/ReactFeatureFlags.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/config/ReactFeatureFlags.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.config;
 
 /**
@@ -12,35 +11,47 @@
  * contains mainly flags for features that are either under active development and not ready for
  * public consumption, or for use in experiments.
  *
- * These values are safe defaults and should not require manual changes.
+ * <p>These values are safe defaults and should not require manual changes.
  */
 public class ReactFeatureFlags {
 
-  /**
-   * Whether we should load a specific view manager immediately or when it is accessed by JS
-   */
+  /** Whether we should load a specific view manager immediately or when it is accessed by JS */
   public static boolean lazilyLoadViewManagers = false;
 
-  /**
-   * Reduce the number of Java-JS interops while accessing native arrays
-   */
+  /** Reduce the number of Java-JS interops while accessing native arrays */
   public static boolean useArrayNativeAccessor = false;
 
-  /**
-   * Reduce the number of Java-JS interops while accessing native maps
-   */
+  /** Reduce the number of Java-JS interops while accessing native maps */
   public static boolean useMapNativeAccessor = false;
 
   /**
-   * Should this application use TurboModules. If yes, then any module that inherits
-   * {@link com.facebook.react.turbomodule.core.interfaces.TurboModule} will NOT be passed in to
-   * C++ CatalystInstanceImpl
+   * Should this application use TurboModules. If yes, then any module that inherits {@link
+   * com.facebook.react.turbomodule.core.interfaces.TurboModule} will NOT be passed in to C++
+   * CatalystInstanceImpl
    */
   public static boolean useTurboModules = false;
 
   /**
-   * Log tags of when a view deleted on the native side
-   * {@link com.facebook.react.uimanager.NativeViewHierarchyManager dropView}
+   * Log tags of when a view deleted on the native side {@link
+   * com.facebook.react.uimanager.NativeViewHierarchyManager dropView}
    */
   public static boolean logDroppedViews = false;
+
+  /*
+   * This feature flag enables extra logging on ReactWebViews.
+   * Default value is false.
+   */
+  public static boolean enableExtraWebViewLogs = false;
+
+  /*
+   * This feature flag enables logs for Fabric
+   */
+  public static boolean enableFabricLogs = false;
+
+  /**
+   * Should this application use a {@link com.facebook.react.uimanager.ViewManagerDelegate} (if
+   * provided) to update the view properties. If {@code false}, then the generated {@code
+   * ...$$PropsSetter} class will be used instead.
+   */
+  public static boolean useViewManagerDelegates = false;
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/BUCK b/ReactAndroid/src/main/java/com/facebook/react/devsupport/BUCK
index 3e81898d223b31..2395f4309db82a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/BUCK
@@ -6,7 +6,6 @@ rn_android_library(
     is_androidx = True,
     manifest = "AndroidManifest.xml",
     provided_deps = [
-        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("third-party/android/androidx:core"),
         react_native_dep("third-party/android/androidx:fragment"),
         react_native_dep("third-party/android/androidx:legacy-support-core-ui"),
@@ -16,6 +15,7 @@ rn_android_library(
         "PUBLIC",
     ],
     deps = [
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("libraries/fbcore/src/main/java/com/facebook/common/logging:logging"),
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
@@ -46,6 +46,7 @@ rn_android_library(
         "PUBLIC",
     ],
     deps = [
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
         react_native_target("java/com/facebook/react/bridge:bridge"),
         react_native_target("java/com/facebook/react/modules/debug:interfaces"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/BundleDeltaClient.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/BundleDeltaClient.java
index dcac48b17258d7..5dceb37de0e091 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/BundleDeltaClient.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/BundleDeltaClient.java
@@ -1,25 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.util.JsonReader;
+import android.util.Pair;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.NativeDeltaClient;
 import java.io.File;
 import java.io.FileOutputStream;
 import java.io.IOException;
 import java.io.InputStreamReader;
 import java.util.TreeMap;
-import javax.annotation.Nullable;
-
-import android.util.JsonReader;
-import android.util.JsonToken;
-import android.util.Pair;
-import com.facebook.react.bridge.NativeDeltaClient;
 import okhttp3.Headers;
-import okio.Buffer;
 import okio.BufferedSource;
 
 public abstract class BundleDeltaClient {
@@ -48,13 +44,12 @@ static BundleDeltaClient create(ClientType type) {
     return null;
   }
 
-  abstract public boolean canHandle(ClientType type);
+  public abstract boolean canHandle(ClientType type);
 
-  abstract protected Pair<Boolean, NativeDeltaClient> processDelta(
-    BufferedSource body,
-    File outputFile) throws IOException;
+  protected abstract Pair<Boolean, NativeDeltaClient> processDelta(
+      BufferedSource body, File outputFile) throws IOException;
 
-  final public synchronized String extendUrlForDelta(String bundleURL) {
+  public final synchronized String extendUrlForDelta(String bundleURL) {
     return mRevisionId != null ? bundleURL + "&revisionId=" + mRevisionId : bundleURL;
   }
 
@@ -63,9 +58,7 @@ public synchronized void reset() {
   }
 
   public synchronized Pair<Boolean, NativeDeltaClient> processDelta(
-    Headers headers,
-    BufferedSource body,
-    File outputFile) throws IOException {
+      Headers headers, BufferedSource body, File outputFile) throws IOException {
 
     mRevisionId = headers.get(METRO_DELTA_ID_HEADER);
     return processDelta(body, outputFile);
@@ -91,8 +84,7 @@ public synchronized void reset() {
 
     @Override
     public synchronized Pair<Boolean, NativeDeltaClient> processDelta(
-      BufferedSource body,
-      File outputFile) throws IOException {
+        BufferedSource body, File outputFile) throws IOException {
       JsonReader jsonReader = new JsonReader(new InputStreamReader(body.inputStream()));
       jsonReader.beginObject();
       int numChangedModules = 0;
@@ -147,7 +139,7 @@ public synchronized Pair<Boolean, NativeDeltaClient> processDelta(
     }
 
     private static int setModules(JsonReader jsonReader, TreeMap<Number, byte[]> map)
-      throws IOException {
+        throws IOException {
       jsonReader.beginArray();
 
       int numModules = 0;
@@ -168,7 +160,7 @@ private static int setModules(JsonReader jsonReader, TreeMap<Number, byte[]> map
     }
 
     private static int removeModules(JsonReader jsonReader, TreeMap<Number, byte[]> map)
-      throws IOException {
+        throws IOException {
       jsonReader.beginArray();
 
       int numModules = 0;
@@ -195,9 +187,8 @@ public boolean canHandle(ClientType type) {
     }
 
     @Override
-    protected Pair<Boolean, NativeDeltaClient> processDelta(
-        BufferedSource body,
-        File outputFile) throws IOException {
+    protected Pair<Boolean, NativeDeltaClient> processDelta(BufferedSource body, File outputFile)
+        throws IOException {
       nativeClient.processDelta(body);
       return Pair.create(Boolean.FALSE, nativeClient);
     }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/BundleDownloader.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/BundleDownloader.java
index e7a6fdb0cffd70..6478591c588dae 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/BundleDownloader.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/BundleDownloader.java
@@ -1,14 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.util.Log;
 import android.util.Pair;
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.NativeDeltaClient;
@@ -20,7 +20,6 @@
 import java.util.Map;
 import java.util.regex.Matcher;
 import java.util.regex.Pattern;
-import javax.annotation.Nullable;
 import okhttp3.Call;
 import okhttp3.Callback;
 import okhttp3.Headers;
@@ -145,10 +144,8 @@ public void onFailure(Call call, IOException e) {
             String url = call.request().url().toString();
 
             callback.onFailure(
-                DebugServerException.makeGeneric(url,
-                    "Could not connect to development server.",
-                    "URL: " + url,
-                    e));
+                DebugServerException.makeGeneric(
+                    url, "Could not connect to development server.", "URL: " + url, e));
           }
 
           @Override
@@ -169,19 +166,19 @@ public void onResponse(Call call, final Response response) throws IOException {
             try (Response r = response) {
               if (match.find()) {
                 processMultipartResponse(
-                  url, r, match.group(1), outputFile, bundleInfo, clientType, callback);
+                    url, r, match.group(1), outputFile, bundleInfo, clientType, callback);
               } else {
                 // In case the server doesn't support multipart/mixed responses, fallback to normal
                 // download.
                 processBundleResult(
-                  url,
-                  r.code(),
-                  r.headers(),
-                  Okio.buffer(r.body().source()),
-                  outputFile,
-                  bundleInfo,
-                  clientType,
-                  callback);
+                    url,
+                    r.code(),
+                    r.headers(),
+                    Okio.buffer(r.body().source()),
+                    outputFile,
+                    bundleInfo,
+                    clientType,
+                    callback);
               }
             }
           }
@@ -189,9 +186,11 @@ public void onResponse(Call call, final Response response) throws IOException {
   }
 
   private String formatBundleUrl(String bundleURL, BundleDeltaClient.ClientType clientType) {
-    return BundleDeltaClient.isDeltaUrl(bundleURL) && mBundleDeltaClient != null && mBundleDeltaClient.canHandle(clientType)
-      ? mBundleDeltaClient.extendUrlForDelta(bundleURL)
-      : bundleURL;
+    return BundleDeltaClient.isDeltaUrl(bundleURL)
+            && mBundleDeltaClient != null
+            && mBundleDeltaClient.canHandle(clientType)
+        ? mBundleDeltaClient.extendUrlForDelta(bundleURL)
+        : bundleURL;
   }
 
   private void processMultipartResponse(
@@ -224,7 +223,14 @@ public void onChunkComplete(
                     status = Integer.parseInt(headers.get("X-Http-Status"));
                   }
                   processBundleResult(
-                      url, status, Headers.of(headers), body, outputFile, bundleInfo, clientType, callback);
+                      url,
+                      status,
+                      Headers.of(headers),
+                      body,
+                      outputFile,
+                      bundleInfo,
+                      clientType,
+                      callback);
                 } else {
                   if (!headers.containsKey("Content-Type")
                       || !headers.get("Content-Type").equals("application/json")) {
@@ -291,10 +297,14 @@ private void processBundleResult(
         callback.onFailure(debugServerException);
       } else {
         StringBuilder sb = new StringBuilder();
-        sb.append("The development server returned response error code: ").append(statusCode).append("\n\n")
-          .append("URL: ").append(url).append("\n\n")
-          .append("Body:\n")
-          .append(bodyString);
+        sb.append("The development server returned response error code: ")
+            .append(statusCode)
+            .append("\n\n")
+            .append("URL: ")
+            .append(url)
+            .append("\n\n")
+            .append("Body:\n")
+            .append(bodyString);
         callback.onFailure(new DebugServerException(sb.toString()));
       }
       return;
@@ -353,8 +363,10 @@ private static boolean storePlainJSInFile(BufferedSource body, File outputFile)
     return true;
   }
 
-  private static void populateBundleInfo(String url, Headers headers, BundleDeltaClient.ClientType clientType, BundleInfo bundleInfo) {
-    bundleInfo.mDeltaClientName = clientType == BundleDeltaClient.ClientType.NONE ? null : clientType.name();
+  private static void populateBundleInfo(
+      String url, Headers headers, BundleDeltaClient.ClientType clientType, BundleInfo bundleInfo) {
+    bundleInfo.mDeltaClientName =
+        clientType == BundleDeltaClient.ClientType.NONE ? null : clientType.name();
     bundleInfo.mUrl = url;
 
     String filesChangedCountStr = headers.get("X-Metro-Files-Changed-Count");
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DebugOverlayController.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DebugOverlayController.java
index 9eb96e58100e78..7f4f6e0e8cdcee 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DebugOverlayController.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DebugOverlayController.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.Manifest;
@@ -18,17 +17,15 @@
 import android.provider.Settings;
 import android.view.WindowManager;
 import android.widget.FrameLayout;
-
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.common.ReactConstants;
 
-import javax.annotation.Nullable;
-
 /**
- * Helper class for controlling overlay view with FPS and JS FPS info
- * that gets added directly to @{link WindowManager} instance.
+ * Helper class for controlling overlay view with FPS and JS FPS info that gets added directly
+ * to @{link WindowManager} instance.
  */
 /* package */ class DebugOverlayController {
 
@@ -36,11 +33,14 @@ 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(
+        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");
+        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);
         }
@@ -64,9 +64,10 @@ private static boolean permissionCheck(Context context) {
 
   private static boolean hasPermission(Context context, String permission) {
     try {
-      PackageInfo info = context.getPackageManager().getPackageInfo(
-              context.getPackageName(),
-              PackageManager.GET_PERMISSIONS);
+      PackageInfo info =
+          context
+              .getPackageManager()
+              .getPackageInfo(context.getPackageName(), PackageManager.GET_PERMISSIONS);
       if (info.requestedPermissions != null) {
         for (String p : info.requestedPermissions) {
           if (p.equals(permission)) {
@@ -96,29 +97,31 @@ public DebugOverlayController(ReactContext reactContext) {
   }
 
   public void setFpsDebugViewVisible(final boolean fpsDebugViewVisible) {
-    UiThreadUtil.runOnUiThread(new Runnable() {
-      @Override
-      public void run() {
-        if (fpsDebugViewVisible && mFPSDebugViewContainer == null) {
-          if (!permissionCheck(mReactContext)) {
-            FLog.d(ReactConstants.TAG, "Wait for overlay permission to be set");
-            return;
+    UiThreadUtil.runOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            if (fpsDebugViewVisible && mFPSDebugViewContainer == null) {
+              if (!permissionCheck(mReactContext)) {
+                FLog.d(ReactConstants.TAG, "Wait for overlay permission to be set");
+                return;
+              }
+              mFPSDebugViewContainer = new FpsView(mReactContext);
+              WindowManager.LayoutParams params =
+                  new WindowManager.LayoutParams(
+                      WindowManager.LayoutParams.MATCH_PARENT,
+                      WindowManager.LayoutParams.MATCH_PARENT,
+                      WindowOverlayCompat.TYPE_SYSTEM_OVERLAY,
+                      WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
+                          | WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE,
+                      PixelFormat.TRANSLUCENT);
+              mWindowManager.addView(mFPSDebugViewContainer, params);
+            } else if (!fpsDebugViewVisible && mFPSDebugViewContainer != null) {
+              mFPSDebugViewContainer.removeAllViews();
+              mWindowManager.removeView(mFPSDebugViewContainer);
+              mFPSDebugViewContainer = null;
+            }
           }
-          mFPSDebugViewContainer = new FpsView(mReactContext);
-          WindowManager.LayoutParams params = new WindowManager.LayoutParams(
-            WindowManager.LayoutParams.MATCH_PARENT,
-            WindowManager.LayoutParams.MATCH_PARENT,
-            WindowOverlayCompat.TYPE_SYSTEM_OVERLAY,
-            WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
-              | WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE,
-            PixelFormat.TRANSLUCENT);
-          mWindowManager.addView(mFPSDebugViewContainer, params);
-        } else if (!fpsDebugViewVisible && mFPSDebugViewContainer != null) {
-          mFPSDebugViewContainer.removeAllViews();
-          mWindowManager.removeView(mFPSDebugViewContainer);
-          mFPSDebugViewContainer = null;
-        }
-      }
-    });
+        });
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevInternalSettings.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevInternalSettings.java
index 8d64830a528cf0..c4a48a4281b309 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevInternalSettings.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevInternalSettings.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.annotation.SuppressLint;
@@ -22,9 +21,8 @@
  * this class implements an external interface {@link DeveloperSettings}.
  */
 @VisibleForTesting
-public class DevInternalSettings implements
-    DeveloperSettings,
-    SharedPreferences.OnSharedPreferenceChangeListener {
+public class DevInternalSettings
+    implements DeveloperSettings, SharedPreferences.OnSharedPreferenceChangeListener {
 
   private static final String PREFS_FPS_DEBUG_KEY = "fps_debug";
   private static final String PREFS_JS_DEV_MODE_DEBUG_KEY = "js_dev_mode_debug";
@@ -32,10 +30,14 @@ public class DevInternalSettings implements
   private static final String PREFS_JS_BUNDLE_DELTAS_KEY = "js_bundle_deltas";
   private static final String PREFS_JS_BUNDLE_DELTAS_CPP_KEY = "js_bundle_deltas_cpp";
   private static final String PREFS_ANIMATIONS_DEBUG_KEY = "animations_debug";
-  private static final String PREFS_RELOAD_ON_JS_CHANGE_KEY = "reload_on_js_change";
+  // This option is no longer exposed in the dev menu UI.
+  // It was renamed in D15958697 so it doesn't get stuck with no way to turn it off:
+  private static final String PREFS_RELOAD_ON_JS_CHANGE_KEY = "reload_on_js_change_LEGACY";
   private static final String PREFS_INSPECTOR_DEBUG_KEY = "inspector_debug";
   private static final String PREFS_HOT_MODULE_REPLACEMENT_KEY = "hot_module_replacement";
   private static final String PREFS_REMOTE_JS_DEBUG_KEY = "remote_js_debug";
+  private static final String PREFS_START_SAMPLING_PROFILER_ON_INIT =
+      "start_sampling_profiler_on_init";
 
   private final SharedPreferences mPreferences;
   private final Listener mListener;
@@ -43,21 +45,16 @@ public class DevInternalSettings implements
   private final boolean mSupportsNativeDeltaClients;
 
   public static DevInternalSettings withoutNativeDeltaClient(
-      Context applicationContext,
-      Listener listener) {
+      Context applicationContext, Listener listener) {
     return new DevInternalSettings(applicationContext, listener, false);
   }
 
-  public DevInternalSettings(
-      Context applicationContext,
-      Listener listener) {
+  public DevInternalSettings(Context applicationContext, Listener listener) {
     this(applicationContext, listener, true);
   }
 
   private DevInternalSettings(
-      Context applicationContext,
-      Listener listener,
-      boolean supportsNativeDeltaClients) {
+      Context applicationContext, Listener listener, boolean supportsNativeDeltaClients) {
     mListener = listener;
     mPreferences = PreferenceManager.getDefaultSharedPreferences(applicationContext);
     mPreferences.registerOnSharedPreferenceChangeListener(this);
@@ -104,6 +101,7 @@ public void onSharedPreferenceChanged(SharedPreferences sharedPreferences, Strin
           || PREFS_JS_DEV_MODE_DEBUG_KEY.equals(key)
           || PREFS_JS_BUNDLE_DELTAS_KEY.equals(key)
           || PREFS_JS_BUNDLE_DELTAS_CPP_KEY.equals(key)
+          || PREFS_START_SAMPLING_PROFILER_ON_INIT.equals(key)
           || PREFS_JS_MINIFY_DEBUG_KEY.equals(key)) {
         mListener.onInternalSettingsChanged();
       }
@@ -111,7 +109,7 @@ public void onSharedPreferenceChanged(SharedPreferences sharedPreferences, Strin
   }
 
   public boolean isHotModuleReplacementEnabled() {
-    return mPreferences.getBoolean(PREFS_HOT_MODULE_REPLACEMENT_KEY, false);
+    return mPreferences.getBoolean(PREFS_HOT_MODULE_REPLACEMENT_KEY, true);
   }
 
   public void setHotModuleReplacementEnabled(boolean enabled) {
@@ -146,7 +144,8 @@ public void setBundleDeltasEnabled(boolean enabled) {
 
   @SuppressLint("SharedPreferencesUse")
   public boolean isBundleDeltasCppEnabled() {
-    return mSupportsNativeDeltaClients && mPreferences.getBoolean(PREFS_JS_BUNDLE_DELTAS_CPP_KEY, false);
+    return mSupportsNativeDeltaClients
+        && mPreferences.getBoolean(PREFS_JS_BUNDLE_DELTAS_CPP_KEY, false);
   }
 
   @SuppressLint("SharedPreferencesUse")
@@ -169,6 +168,11 @@ public void setRemoteJSDebugEnabled(boolean remoteJSDebugEnabled) {
     mPreferences.edit().putBoolean(PREFS_REMOTE_JS_DEBUG_KEY, remoteJSDebugEnabled).apply();
   }
 
+  @Override
+  public boolean isStartSamplingProfilerOnInit() {
+    return mPreferences.getBoolean(PREFS_START_SAMPLING_PROFILER_ON_INIT, false);
+  }
+
   public interface Listener {
     void onInternalSettingsChanged();
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevLoadingViewController.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevLoadingViewController.java
index d8f4f319aabe90..80d327592b635b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevLoadingViewController.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevLoadingViewController.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 static android.view.ViewGroup.LayoutParams.MATCH_PARENT;
@@ -17,6 +16,7 @@
 import android.view.LayoutInflater;
 import android.widget.PopupWindow;
 import android.widget.TextView;
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.R;
 import com.facebook.react.bridge.UiThreadUtil;
@@ -24,11 +24,8 @@
 import java.net.MalformedURLException;
 import java.net.URL;
 import java.util.Locale;
-import javax.annotation.Nullable;
 
-/**
- * Controller to display loading messages on top of the screen. All methods are thread safe.
- */
+/** Controller to display loading messages on top of the screen. All methods are thread safe. */
 public class DevLoadingViewController {
   private static boolean sEnabled = true;
   private final ReactInstanceManagerDevHelper mReactInstanceManagerHelper;
@@ -39,7 +36,8 @@ public static void setDevLoadingEnabled(boolean enabled) {
     sEnabled = enabled;
   }
 
-  public DevLoadingViewController(Context context, ReactInstanceManagerDevHelper reactInstanceManagerHelper) {
+  public DevLoadingViewController(
+      Context context, ReactInstanceManagerDevHelper reactInstanceManagerHelper) {
     mReactInstanceManagerHelper = reactInstanceManagerHelper;
   }
 
@@ -48,12 +46,13 @@ public void showMessage(final String message) {
       return;
     }
 
-    UiThreadUtil.runOnUiThread(new Runnable() {
-      @Override
-      public void run() {
-        showInternal(message);
-      }
-    });
+    UiThreadUtil.runOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            showInternal(message);
+          }
+        });
   }
 
   public void showForUrl(String url) {
@@ -71,8 +70,8 @@ public void showForUrl(String url) {
     }
 
     showMessage(
-        context.getString(R.string.catalyst_loading_from_url,
-        parsedURL.getHost() + ":" + parsedURL.getPort()));
+        context.getString(
+            R.string.catalyst_loading_from_url, parsedURL.getHost() + ":" + parsedURL.getPort()));
   }
 
   public void showForRemoteJSEnabled() {
@@ -81,28 +80,36 @@ public void showForRemoteJSEnabled() {
       return;
     }
 
-    showMessage(context.getString(R.string.catalyst_remotedbg_message));
+    showMessage(context.getString(R.string.catalyst_debug_connecting));
   }
 
-  public void updateProgress(final @Nullable String status, final @Nullable Integer done, final @Nullable Integer total) {
+  public void updateProgress(
+      final @Nullable String status, final @Nullable Integer done, final @Nullable Integer total) {
     if (!sEnabled) {
       return;
     }
 
-    UiThreadUtil.runOnUiThread(new Runnable() {
-      @Override
-      public void run() {
-        StringBuilder message = new StringBuilder();
-        message.append(status != null ? status : "Loading");
-        if (done != null && total != null && total > 0) {
-          message.append(String.format(Locale.getDefault(), " %.1f%% (%d/%d)", (float) done / total * 100, done, total));
-        }
-        message.append("\u2026"); // `...` character
-        if (mDevLoadingView != null) {
-          mDevLoadingView.setText(message);
-        }
-      }
-    });
+    UiThreadUtil.runOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            StringBuilder message = new StringBuilder();
+            message.append(status != null ? status : "Loading");
+            if (done != null && total != null && total > 0) {
+              message.append(
+                  String.format(
+                      Locale.getDefault(),
+                      " %.1f%% (%d/%d)",
+                      (float) done / total * 100,
+                      done,
+                      total));
+            }
+            message.append("\u2026"); // `...` character
+            if (mDevLoadingView != null) {
+              mDevLoadingView.setText(message);
+            }
+          }
+        });
   }
 
   public void hide() {
@@ -110,12 +117,13 @@ public void hide() {
       return;
     }
 
-    UiThreadUtil.runOnUiThread(new Runnable() {
-      @Override
-      public void run() {
-        hideInternal();
-      }
-    });
+    UiThreadUtil.runOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            hideInternal();
+          }
+        });
   }
 
   private void showInternal(String message) {
@@ -126,8 +134,9 @@ private void showInternal(String message) {
 
     Activity currentActivity = mReactInstanceManagerHelper.getCurrentActivity();
     if (currentActivity == null) {
-      FLog.e(ReactConstants.TAG, "Unable to display loading message because react " +
-              "activity isn't available");
+      FLog.e(
+          ReactConstants.TAG,
+          "Unable to display loading message because react " + "activity isn't available");
       return;
     }
 
@@ -139,7 +148,7 @@ private void showInternal(String message) {
     int topOffset = rectangle.top;
 
     LayoutInflater inflater =
-      (LayoutInflater) currentActivity.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
+        (LayoutInflater) currentActivity.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
 
     mDevLoadingView = (TextView) inflater.inflate(R.layout.dev_loading_view, null);
     mDevLoadingView.setText(message);
@@ -148,10 +157,7 @@ private void showInternal(String message) {
     mDevLoadingPopup.setTouchable(false);
 
     mDevLoadingPopup.showAtLocation(
-      currentActivity.getWindow().getDecorView(),
-      Gravity.NO_GRAVITY,
-      0,
-      topOffset);
+        currentActivity.getWindow().getDecorView(), Gravity.NO_GRAVITY, 0, topOffset);
   }
 
   private void hideInternal() {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevServerHelper.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevServerHelper.java
index e9978bb92e61be..09681da38cffe2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevServerHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevServerHelper.java
@@ -1,18 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.content.Context;
-import android.content.res.Resources;
 import android.os.AsyncTask;
 import android.os.Handler;
 import android.os.Looper;
 import android.widget.Toast;
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.R;
@@ -37,7 +36,6 @@
 import java.util.Locale;
 import java.util.Map;
 import java.util.concurrent.TimeUnit;
-import javax.annotation.Nullable;
 import okhttp3.Call;
 import okhttp3.Callback;
 import okhttp3.ConnectionPool;
@@ -56,11 +54,14 @@
 /**
  * Helper class for all things about the debug server running in the engineer's host machine.
  *
- * One can use 'debug_http_host' shared preferences key to provide a host name for the debug server.
- * If the setting is empty we support and detect two basic configuration that works well for android
- * emulators connection to debug server running on emulator's host:
- *  - Android stock emulator with standard non-configurable local loopback alias: 10.0.2.2,
- *  - Genymotion emulator with default settings: 10.0.3.2
+ * <p>One can use 'debug_http_host' shared preferences key to provide a host name for the debug
+ * server. If the setting is empty we support and detect two basic configuration that works well for
+ * android emulators connection to debug server running on emulator's host:
+ *
+ * <ul>
+ *   <li>Android stock emulator with standard non-configurable local loopback alias: 10.0.2.2
+ *   <li>Genymotion emulator with default settings: 10.0.3.2
+ * </ul>
  */
 public class DevServerHelper {
   public static final String RELOAD_APP_EXTRA_JS_PROXY = "jsproxy";
@@ -79,18 +80,21 @@ public interface OnServerContentChangeListener {
 
   public interface PackagerCommandListener {
     void onPackagerConnected();
+
     void onPackagerDisconnected();
+
     void onPackagerReloadCommand();
+
     void onPackagerDevMenuCommand();
+
     void onCaptureHeapCommand(final Responder responder);
 
     // Allow apps to provide listeners for custom packager commands.
-    @Nullable Map<String, RequestHandler> customCommandHandlers();
+    @Nullable
+    Map<String, RequestHandler> customCommandHandlers();
   }
 
-  public interface PackagerCustomCommandProvider {
-
-  }
+  public interface PackagerCustomCommandProvider {}
 
   public interface SymbolicationListener {
     void onSymbolicationComplete(@Nullable Iterable<StackFrame> stackFrames);
@@ -126,17 +130,17 @@ public String typeID() {
   private InspectorPackagerConnection.BundleStatusProvider mBundlerStatusProvider;
 
   public DevServerHelper(
-    DevInternalSettings settings,
-    String packageName,
-    InspectorPackagerConnection.BundleStatusProvider bundleStatusProvider
-  ) {
+      DevInternalSettings settings,
+      String packageName,
+      InspectorPackagerConnection.BundleStatusProvider bundleStatusProvider) {
     mSettings = settings;
     mBundlerStatusProvider = bundleStatusProvider;
-    mClient = new OkHttpClient.Builder()
-      .connectTimeout(HTTP_CONNECT_TIMEOUT_MS, TimeUnit.MILLISECONDS)
-      .readTimeout(0, TimeUnit.MILLISECONDS)
-      .writeTimeout(0, TimeUnit.MILLISECONDS)
-      .build();
+    mClient =
+        new OkHttpClient.Builder()
+            .connectTimeout(HTTP_CONNECT_TIMEOUT_MS, TimeUnit.MILLISECONDS)
+            .readTimeout(0, TimeUnit.MILLISECONDS)
+            .writeTimeout(0, TimeUnit.MILLISECONDS)
+            .build();
     mBundleDownloader = new BundleDownloader(mClient);
 
     mRestartOnChangePollingHandler = new Handler(Looper.getMainLooper());
@@ -153,24 +157,30 @@ public void openPackagerConnection(
       @Override
       protected Void doInBackground(Void... backgroundParams) {
         Map<String, RequestHandler> handlers = new HashMap<>();
-        handlers.put("reload", new NotificationOnlyHandler() {
-          @Override
-          public void onNotification(@Nullable Object params) {
-            commandListener.onPackagerReloadCommand();
-          }
-        });
-        handlers.put("devMenu", new NotificationOnlyHandler() {
-          @Override
-          public void onNotification(@Nullable Object params) {
-            commandListener.onPackagerDevMenuCommand();
-          }
-        });
-        handlers.put("captureHeap", new RequestOnlyHandler() {
-          @Override
-          public void onRequest(@Nullable Object params, Responder responder) {
-            commandListener.onCaptureHeapCommand(responder);
-          }
-        });
+        handlers.put(
+            "reload",
+            new NotificationOnlyHandler() {
+              @Override
+              public void onNotification(@Nullable Object params) {
+                commandListener.onPackagerReloadCommand();
+              }
+            });
+        handlers.put(
+            "devMenu",
+            new NotificationOnlyHandler() {
+              @Override
+              public void onNotification(@Nullable Object params) {
+                commandListener.onPackagerDevMenuCommand();
+              }
+            });
+        handlers.put(
+            "captureHeap",
+            new RequestOnlyHandler() {
+              @Override
+              public void onRequest(@Nullable Object params, Responder responder) {
+                commandListener.onCaptureHeapCommand(responder);
+              }
+            });
         Map<String, RequestHandler> customHandlers = commandListener.customCommandHandlers();
         if (customHandlers != null) {
           handlers.putAll(customHandlers);
@@ -178,7 +188,7 @@ public void onRequest(@Nullable Object params, Responder responder) {
         handlers.putAll(new FileIoHandler().handlers());
 
         ConnectionCallback onPackagerConnectedCallback =
-          new ConnectionCallback() {
+            new ConnectionCallback() {
               @Override
               public void onConnected() {
                 commandListener.onPackagerConnected();
@@ -190,11 +200,12 @@ public void onDisconnected() {
               }
             };
 
-        mPackagerClient = new JSPackagerClient(
-            clientId,
-            mSettings.getPackagerConnectionSettings(),
-            handlers,
-            onPackagerConnectedCallback);
+        mPackagerClient =
+            new JSPackagerClient(
+                clientId,
+                mSettings.getPackagerConnectionSettings(),
+                handlers,
+                onPackagerConnectedCallback);
         mPackagerClient.init();
 
         return null;
@@ -223,11 +234,9 @@ public void openInspectorConnection() {
     new AsyncTask<Void, Void, Void>() {
       @Override
       protected Void doInBackground(Void... params) {
-        mInspectorPackagerConnection = new InspectorPackagerConnection(
-          getInspectorDeviceUrl(),
-          mPackageName,
-          mBundlerStatusProvider
-        );
+        mInspectorPackagerConnection =
+            new InspectorPackagerConnection(
+                getInspectorDeviceUrl(), mPackageName, mBundlerStatusProvider);
         mInspectorPackagerConnection.connect();
         return null;
       }
@@ -276,7 +285,7 @@ public boolean doSync() {
       @Override
       protected void onPostExecute(Boolean result) {
         if (!result) {
-          String message = context.getString(R.string.catalyst_debugjs_nuclide_failure);
+          String message = context.getString(R.string.catalyst_debug_nuclide_error);
           Toast.makeText(context, message, Toast.LENGTH_LONG).show();
         }
       }
@@ -284,42 +293,45 @@ protected void onPostExecute(Boolean result) {
   }
 
   public void symbolicateStackTrace(
-      Iterable<StackFrame> stackFrames,
-      final SymbolicationListener listener) {
+      Iterable<StackFrame> stackFrames, final SymbolicationListener listener) {
     try {
-      final String symbolicateURL = createSymbolicateURL(
-          mSettings.getPackagerConnectionSettings().getDebugServerHost());
+      final String symbolicateURL =
+          createSymbolicateURL(mSettings.getPackagerConnectionSettings().getDebugServerHost());
       final JSONArray jsonStackFrames = new JSONArray();
       for (final StackFrame stackFrame : stackFrames) {
         jsonStackFrames.put(stackFrame.toJSON());
       }
-      final Request request = new Request.Builder()
-          .url(symbolicateURL)
-          .post(RequestBody.create(
-              MediaType.parse("application/json"),
-              new JSONObject().put("stack", jsonStackFrames).toString()))
-          .build();
+      final Request request =
+          new Request.Builder()
+              .url(symbolicateURL)
+              .post(
+                  RequestBody.create(
+                      MediaType.parse("application/json"),
+                      new JSONObject().put("stack", jsonStackFrames).toString()))
+              .build();
       Call symbolicateCall = Assertions.assertNotNull(mClient.newCall(request));
-      symbolicateCall.enqueue(new Callback() {
-        @Override
-        public void onFailure(Call call, IOException e) {
-          FLog.w(
-              ReactConstants.TAG,
-              "Got IOException when attempting symbolicate stack trace: " + e.getMessage());
-          listener.onSymbolicationComplete(null);
-        }
+      symbolicateCall.enqueue(
+          new Callback() {
+            @Override
+            public void onFailure(Call call, IOException e) {
+              FLog.w(
+                  ReactConstants.TAG,
+                  "Got IOException when attempting symbolicate stack trace: " + e.getMessage());
+              listener.onSymbolicationComplete(null);
+            }
 
-        @Override
-        public void onResponse(Call call, final Response response) throws IOException {
-          try {
-            listener.onSymbolicationComplete(Arrays.asList(
-                StackTraceHelper.convertJsStackTrace(new JSONObject(
-                    response.body().string()).getJSONArray("stack"))));
-          } catch (JSONException exception) {
-            listener.onSymbolicationComplete(null);
-          }
-        }
-      });
+            @Override
+            public void onResponse(Call call, final Response response) throws IOException {
+              try {
+                listener.onSymbolicationComplete(
+                    Arrays.asList(
+                        StackTraceHelper.convertJsStackTrace(
+                            new JSONObject(response.body().string()).getJSONArray("stack"))));
+              } catch (JSONException exception) {
+                listener.onSymbolicationComplete(null);
+              }
+            }
+          });
     } catch (JSONException e) {
       FLog.w(
           ReactConstants.TAG,
@@ -328,28 +340,30 @@ public void onResponse(Call call, final Response response) throws IOException {
   }
 
   public void openStackFrameCall(StackFrame stackFrame) {
-    final String openStackFrameURL = createOpenStackFrameURL(
-        mSettings.getPackagerConnectionSettings().getDebugServerHost());
-    final Request request = new Request.Builder()
-        .url(openStackFrameURL)
-        .post(RequestBody.create(
-            MediaType.parse("application/json"),
-            stackFrame.toJSON().toString()))
-        .build();
+    final String openStackFrameURL =
+        createOpenStackFrameURL(mSettings.getPackagerConnectionSettings().getDebugServerHost());
+    final Request request =
+        new Request.Builder()
+            .url(openStackFrameURL)
+            .post(
+                RequestBody.create(
+                    MediaType.parse("application/json"), stackFrame.toJSON().toString()))
+            .build();
     Call symbolicateCall = Assertions.assertNotNull(mClient.newCall(request));
-    symbolicateCall.enqueue(new Callback() {
-      @Override
-      public void onFailure(Call call, IOException e) {
-        FLog.w(
-            ReactConstants.TAG,
-            "Got IOException when attempting to open stack frame: " + e.getMessage());
-      }
+    symbolicateCall.enqueue(
+        new Callback() {
+          @Override
+          public void onFailure(Call call, IOException e) {
+            FLog.w(
+                ReactConstants.TAG,
+                "Got IOException when attempting to open stack frame: " + e.getMessage());
+          }
 
-      @Override
-      public void onResponse(Call call, final Response response) throws IOException {
-        // We don't have a listener for this.
-      }
-    });
+          @Override
+          public void onResponse(Call call, final Response response) throws IOException {
+            // We don't have a listener for this.
+          }
+        });
   }
 
   public String getWebsocketProxyURL() {
@@ -379,9 +393,12 @@ private String getInspectorAttachUrl(Context context, String title) {
   }
 
   public void downloadBundleFromURL(
-    DevBundleDownloadListener callback,
-    File outputFile, String bundleURL, BundleDownloader.BundleInfo bundleInfo) {
-    mBundleDownloader.downloadBundleFromURL(callback, outputFile, bundleURL, bundleInfo, getDeltaClientType());
+      DevBundleDownloadListener callback,
+      File outputFile,
+      String bundleURL,
+      BundleDownloader.BundleInfo bundleInfo) {
+    mBundleDownloader.downloadBundleFromURL(
+        callback, outputFile, bundleURL, bundleInfo, getDeltaClientType());
   }
 
   public void downloadBundleFromURL(
@@ -404,13 +421,11 @@ private BundleDeltaClient.ClientType getDeltaClientType() {
     }
   }
 
-  /**
-   * @return the host to use when connecting to the bundle server from the host itself.
-   */
+  /** @return the host to use when connecting to the bundle server from the host itself. */
   private String getHostForJSProxy() {
     // Use custom port if configured. Note that host stays "localhost".
-    String host = Assertions.assertNotNull(
-      mSettings.getPackagerConnectionSettings().getDebugServerHost());
+    String host =
+        Assertions.assertNotNull(mSettings.getPackagerConnectionSettings().getDebugServerHost());
     int portOffset = host.lastIndexOf(':');
     if (portOffset > -1) {
       return "localhost" + host.substring(portOffset);
@@ -419,16 +434,12 @@ private String getHostForJSProxy() {
     }
   }
 
-  /**
-   * @return whether we should enable dev mode when requesting JS bundles.
-   */
+  /** @return whether we should enable dev mode when requesting JS bundles. */
   private boolean getDevMode() {
     return mSettings.isJSDevModeEnabled();
   }
 
-  /**
-   * @return whether we should request minified JS bundles.
-   */
+  /** @return whether we should request minified JS bundles. */
   private boolean getJSMinifyMode() {
     return mSettings.isJSMinifyEnabled();
   }
@@ -463,59 +474,62 @@ private static String createOpenStackFrameURL(String host) {
 
   public String getDevServerBundleURL(final String jsModulePath) {
     return createBundleURL(
-      jsModulePath,
-      mSettings.isBundleDeltasEnabled() ? BundleType.DELTA : BundleType.BUNDLE,
-      mSettings.getPackagerConnectionSettings().getDebugServerHost()
-    );
+        jsModulePath,
+        mSettings.isBundleDeltasEnabled() ? BundleType.DELTA : BundleType.BUNDLE,
+        mSettings.getPackagerConnectionSettings().getDebugServerHost());
   }
 
   public void isPackagerRunning(final PackagerStatusCallback callback) {
-    String statusURL = createPackagerStatusURL(
-        mSettings.getPackagerConnectionSettings().getDebugServerHost());
-    Request request = new Request.Builder()
-        .url(statusURL)
-        .build();
-
-    mClient.newCall(request).enqueue(
-        new Callback() {
-          @Override
-          public void onFailure(Call call, IOException e) {
-            FLog.w(
-                ReactConstants.TAG,
-                "The packager does not seem to be running as we got an IOException requesting " +
-                    "its status: " + e.getMessage());
-            callback.onPackagerStatusFetched(false);
-          }
+    String statusURL =
+        createPackagerStatusURL(mSettings.getPackagerConnectionSettings().getDebugServerHost());
+    Request request = new Request.Builder().url(statusURL).build();
+
+    mClient
+        .newCall(request)
+        .enqueue(
+            new Callback() {
+              @Override
+              public void onFailure(Call call, IOException e) {
+                FLog.w(
+                    ReactConstants.TAG,
+                    "The packager does not seem to be running as we got an IOException requesting "
+                        + "its status: "
+                        + e.getMessage());
+                callback.onPackagerStatusFetched(false);
+              }
 
-          @Override
-          public void onResponse(Call call, Response response) throws IOException {
-            if (!response.isSuccessful()) {
-              FLog.e(
-                  ReactConstants.TAG,
-                  "Got non-success http code from packager when requesting status: " +
-                      response.code());
-              callback.onPackagerStatusFetched(false);
-              return;
-            }
-            ResponseBody body = response.body();
-            if (body == null) {
-              FLog.e(
-                  ReactConstants.TAG,
-                  "Got null body response from packager when requesting status");
-              callback.onPackagerStatusFetched(false);
-              return;
-            }
-            String bodyString = body.string(); // cannot call body.string() twice, stored it into variable. https://github.com/square/okhttp/issues/1240#issuecomment-68142603
-            if (!PACKAGER_OK_STATUS.equals(bodyString)) {
-              FLog.e(
-                  ReactConstants.TAG,
-                  "Got unexpected response from packager when requesting status: " + bodyString);
-              callback.onPackagerStatusFetched(false);
-              return;
-            }
-            callback.onPackagerStatusFetched(true);
-          }
-        });
+              @Override
+              public void onResponse(Call call, Response response) throws IOException {
+                if (!response.isSuccessful()) {
+                  FLog.e(
+                      ReactConstants.TAG,
+                      "Got non-success http code from packager when requesting status: "
+                          + response.code());
+                  callback.onPackagerStatusFetched(false);
+                  return;
+                }
+                ResponseBody body = response.body();
+                if (body == null) {
+                  FLog.e(
+                      ReactConstants.TAG,
+                      "Got null body response from packager when requesting status");
+                  callback.onPackagerStatusFetched(false);
+                  return;
+                }
+                String bodyString =
+                    body.string(); // cannot call body.string() twice, stored it into variable.
+                // https://github.com/square/okhttp/issues/1240#issuecomment-68142603
+                if (!PACKAGER_OK_STATUS.equals(bodyString)) {
+                  FLog.e(
+                      ReactConstants.TAG,
+                      "Got unexpected response from packager when requesting status: "
+                          + bodyString);
+                  callback.onPackagerStatusFetched(false);
+                  return;
+                }
+                callback.onPackagerStatusFetched(true);
+              }
+            });
   }
 
   private static String createPackagerStatusURL(String host) {
@@ -540,24 +554,27 @@ public void startPollingOnChangeEndpoint(
     }
     mOnChangePollingEnabled = true;
     mOnServerContentChangeListener = onServerContentChangeListener;
-    mOnChangePollingClient = new OkHttpClient.Builder()
-        .connectionPool(new ConnectionPool(1, LONG_POLL_KEEP_ALIVE_DURATION_MS, TimeUnit.MILLISECONDS))
-        .connectTimeout(HTTP_CONNECT_TIMEOUT_MS, TimeUnit.MILLISECONDS)
-        .build();
+    mOnChangePollingClient =
+        new OkHttpClient.Builder()
+            .connectionPool(
+                new ConnectionPool(1, LONG_POLL_KEEP_ALIVE_DURATION_MS, TimeUnit.MILLISECONDS))
+            .connectTimeout(HTTP_CONNECT_TIMEOUT_MS, TimeUnit.MILLISECONDS)
+            .build();
     enqueueOnChangeEndpointLongPolling();
   }
 
   private void handleOnChangePollingResponse(boolean didServerContentChanged) {
     if (mOnChangePollingEnabled) {
       if (didServerContentChanged) {
-        UiThreadUtil.runOnUiThread(new Runnable() {
-          @Override
-          public void run() {
-            if (mOnServerContentChangeListener != null) {
-              mOnServerContentChangeListener.onServerContentChanged();
-            }
-          }
-        });
+        UiThreadUtil.runOnUiThread(
+            new Runnable() {
+              @Override
+              public void run() {
+                if (mOnServerContentChangeListener != null) {
+                  mOnServerContentChangeListener.onServerContentChanged();
+                }
+              }
+            });
       }
       enqueueOnChangeEndpointLongPolling();
     }
@@ -565,30 +582,35 @@ public void run() {
 
   private void enqueueOnChangeEndpointLongPolling() {
     Request request = new Request.Builder().url(createOnChangeEndpointUrl()).tag(this).build();
-    Assertions.assertNotNull(mOnChangePollingClient).newCall(request).enqueue(new Callback() {
-      @Override
-      public void onFailure(Call call, IOException e) {
-        if (mOnChangePollingEnabled) {
-          // this runnable is used by onchange endpoint poller to delay subsequent requests in case
-          // of a failure, so that we don't flood network queue with frequent requests in case when
-          // dev server is down
-          FLog.d(ReactConstants.TAG, "Error while requesting /onchange endpoint", e);
-          mRestartOnChangePollingHandler.postDelayed(
-              new Runnable() {
-            @Override
-            public void run() {
-              handleOnChangePollingResponse(false);
-            }
-          },
-              LONG_POLL_FAILURE_DELAY_MS);
-        }
-      }
+    Assertions.assertNotNull(mOnChangePollingClient)
+        .newCall(request)
+        .enqueue(
+            new Callback() {
+              @Override
+              public void onFailure(Call call, IOException e) {
+                if (mOnChangePollingEnabled) {
+                  // this runnable is used by onchange endpoint poller to delay subsequent requests
+                  // in case
+                  // of a failure, so that we don't flood network queue with frequent requests in
+                  // case when
+                  // dev server is down
+                  FLog.d(ReactConstants.TAG, "Error while requesting /onchange endpoint", e);
+                  mRestartOnChangePollingHandler.postDelayed(
+                      new Runnable() {
+                        @Override
+                        public void run() {
+                          handleOnChangePollingResponse(false);
+                        }
+                      },
+                      LONG_POLL_FAILURE_DELAY_MS);
+                }
+              }
 
-      @Override
-      public void onResponse(Call call, Response response) throws IOException {
-        handleOnChangePollingResponse(response.code() == 205);
-      }
-    });
+              @Override
+              public void onResponse(Call call, Response response) throws IOException {
+                handleOnChangePollingResponse(response.code() == 205);
+              }
+            });
   }
 
   private String createOnChangeEndpointUrl() {
@@ -606,21 +628,23 @@ private String createLaunchJSDevtoolsCommandUrl() {
   }
 
   public void launchJSDevtools() {
-    Request request = new Request.Builder()
-        .url(createLaunchJSDevtoolsCommandUrl())
-        .build();
-    mClient.newCall(request).enqueue(new Callback() {
-      @Override
-      public void onFailure(Call call, IOException e) {
-        // ignore HTTP call response, this is just to open a debugger page and there is no reason
-        // to report failures from here
-      }
+    Request request = new Request.Builder().url(createLaunchJSDevtoolsCommandUrl()).build();
+    mClient
+        .newCall(request)
+        .enqueue(
+            new Callback() {
+              @Override
+              public void onFailure(Call call, IOException e) {
+                // ignore HTTP call response, this is just to open a debugger page and there is no
+                // reason
+                // to report failures from here
+              }
 
-      @Override
-      public void onResponse(Call call, Response response) throws IOException {
-        // ignore HTTP call response - see above
-      }
-    });
+              @Override
+              public void onResponse(Call call, Response response) throws IOException {
+                // ignore HTTP call response - see above
+              }
+            });
   }
 
   public String getSourceMapUrl(String mainModuleName) {
@@ -636,25 +660,21 @@ public String getJSBundleURLForRemoteDebugging(String mainModuleName) {
     // The host we use when connecting to the JS bundle server from the emulator is not the
     // same as the one needed to connect to the same server from the JavaScript proxy running on the
     // host itself.
-    return createBundleURL(
-      mainModuleName, BundleType.BUNDLE, getHostForJSProxy());
+    return createBundleURL(mainModuleName, BundleType.BUNDLE, getHostForJSProxy());
   }
 
   /**
-   * This is a debug-only utility to allow fetching a file via packager.
-   * It's made synchronous for simplicity, but should only be used if it's absolutely
-   * necessary.
+   * This is a debug-only utility to allow fetching a file via packager. It's made synchronous for
+   * simplicity, but should only be used if it's absolutely necessary.
+   *
    * @return the file with the fetched content, or null if there's any failure.
    */
   public @Nullable File downloadBundleResourceFromUrlSync(
-      final String resourcePath,
-      final File outputFile) {
-    final String resourceURL = createResourceURL(
-        mSettings.getPackagerConnectionSettings().getDebugServerHost(),
-        resourcePath);
-    final Request request = new Request.Builder()
-        .url(resourceURL)
-        .build();
+      final String resourcePath, final File outputFile) {
+    final String resourceURL =
+        createResourceURL(
+            mSettings.getPackagerConnectionSettings().getDebugServerHost(), resourcePath);
+    final Request request = new Request.Builder().url(resourceURL).build();
 
     try (Response response = mClient.newCall(request).execute()) {
       if (!response.isSuccessful()) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSettingsActivity.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSettingsActivity.java
index cc5ee193cda2dc..79274eb306d2a0 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSettingsActivity.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSettingsActivity.java
@@ -1,17 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.Bundle;
 import android.preference.PreferenceActivity;
-
 import com.facebook.react.R;
-import com.facebook.react.common.DebugServerException;
 
 /**
  * Activity that display developers settings. Should be added to the debug manifest of the app. Can
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerFactory.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerFactory.java
index 6f808d0b93c571..05a5e123db0274 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerFactory.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerFactory.java
@@ -1,28 +1,24 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.content.Context;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.devsupport.interfaces.DevBundleDownloadListener;
 import com.facebook.react.devsupport.interfaces.DevSupportManager;
 import com.facebook.react.packagerconnection.RequestHandler;
-
 import java.lang.reflect.Constructor;
 import java.util.Map;
 
-import javax.annotation.Nullable;
-
 /**
  * A simple factory that creates instances of {@link DevSupportManager} implementations. Uses
  * reflection to create DevSupportManagerImpl if it exists. This allows ProGuard to strip that class
- * and its dependencies in release builds. If the class isn't found,
- * {@link DisabledDevSupportManager} is returned instead.
+ * and its dependencies in release builds. If the class isn't found, {@link
+ * DisabledDevSupportManager} is returned instead.
  */
 public class DevSupportManagerFactory {
 
@@ -37,25 +33,25 @@ public static DevSupportManager create(
       int minNumShakes) {
 
     return create(
-      applicationContext,
-      reactInstanceManagerHelper,
-      packagerPathForJSBundleName,
-      enableOnCreate,
-      null,
-      null,
-      minNumShakes,
-      null);
+        applicationContext,
+        reactInstanceManagerHelper,
+        packagerPathForJSBundleName,
+        enableOnCreate,
+        null,
+        null,
+        minNumShakes,
+        null);
   }
 
   public static DevSupportManager create(
-    Context applicationContext,
-    ReactInstanceManagerDevHelper reactInstanceManagerHelper,
-    @Nullable String packagerPathForJSBundleName,
-    boolean enableOnCreate,
-    @Nullable RedBoxHandler redBoxHandler,
-    @Nullable DevBundleDownloadListener devBundleDownloadListener,
-    int minNumShakes,
-    @Nullable Map<String, RequestHandler> customPackagerCommandHandlers) {
+      Context applicationContext,
+      ReactInstanceManagerDevHelper reactInstanceManagerHelper,
+      @Nullable String packagerPathForJSBundleName,
+      boolean enableOnCreate,
+      @Nullable RedBoxHandler redBoxHandler,
+      @Nullable DevBundleDownloadListener devBundleDownloadListener,
+      int minNumShakes,
+      @Nullable Map<String, RequestHandler> customPackagerCommandHandlers) {
     if (!enableOnCreate) {
       return new DisabledDevSupportManager();
     }
@@ -64,36 +60,36 @@ public static DevSupportManager create(
       // Class.forName() with a static string. So instead we generate a quasi-dynamic string to
       // confuse it.
       String className =
-        new StringBuilder(DEVSUPPORT_IMPL_PACKAGE)
-          .append(".")
-          .append(DEVSUPPORT_IMPL_CLASS)
-          .toString();
-      Class<?> devSupportManagerClass =
-        Class.forName(className);
+          new StringBuilder(DEVSUPPORT_IMPL_PACKAGE)
+              .append(".")
+              .append(DEVSUPPORT_IMPL_CLASS)
+              .toString();
+      Class<?> devSupportManagerClass = Class.forName(className);
       Constructor constructor =
-        devSupportManagerClass.getConstructor(
-          Context.class,
-          ReactInstanceManagerDevHelper.class,
-          String.class,
-          boolean.class,
-          RedBoxHandler.class,
-          DevBundleDownloadListener.class,
-          int.class,
-          Map.class);
-      return (DevSupportManager) constructor.newInstance(
-        applicationContext,
-        reactInstanceManagerHelper,
-        packagerPathForJSBundleName,
-        true,
-        redBoxHandler,
-        devBundleDownloadListener,
-        minNumShakes,
-        customPackagerCommandHandlers);
+          devSupportManagerClass.getConstructor(
+              Context.class,
+              ReactInstanceManagerDevHelper.class,
+              String.class,
+              boolean.class,
+              RedBoxHandler.class,
+              DevBundleDownloadListener.class,
+              int.class,
+              Map.class);
+      return (DevSupportManager)
+          constructor.newInstance(
+              applicationContext,
+              reactInstanceManagerHelper,
+              packagerPathForJSBundleName,
+              true,
+              redBoxHandler,
+              devBundleDownloadListener,
+              minNumShakes,
+              customPackagerCommandHandlers);
     } catch (Exception e) {
       throw new RuntimeException(
-        "Requested enabled DevSupportManager, but DevSupportManagerImpl class was not found" +
-          " or could not be created",
-        e);
+          "Requested enabled DevSupportManager, but DevSupportManagerImpl class was not found"
+              + " or could not be created",
+          e);
     }
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerImpl.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerImpl.java
index 7443b4e3d2bb7e..70b3eb954d0982 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerImpl.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerImpl.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.app.Activity;
@@ -18,11 +17,10 @@
 import android.content.pm.PackageInfo;
 import android.content.pm.PackageManager;
 import android.hardware.SensorManager;
-import android.net.Uri;
-import android.os.AsyncTask;
-import androidx.annotation.Nullable;
 import android.util.Pair;
+import android.widget.EditText;
 import android.widget.Toast;
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.debug.holder.PrinterHolder;
 import com.facebook.debug.tags.ReactDebugOverlayTags;
@@ -31,6 +29,7 @@
 import com.facebook.react.bridge.CatalystInstance;
 import com.facebook.react.bridge.DefaultNativeModuleCallExceptionHandler;
 import com.facebook.react.bridge.JavaJSExecutor;
+import com.facebook.react.bridge.JavaScriptExecutorFactory;
 import com.facebook.react.bridge.NativeDeltaClient;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReactMarker;
@@ -63,10 +62,6 @@
 import java.util.concurrent.ExecutionException;
 import java.util.concurrent.TimeUnit;
 import java.util.concurrent.TimeoutException;
-import okhttp3.MediaType;
-import okhttp3.OkHttpClient;
-import okhttp3.Request;
-import okhttp3.RequestBody;
 
 /**
  * Interface for accessing and interacting with development features. Following features
@@ -94,23 +89,22 @@
  * {@code <activity android:name="com.facebook.react.devsupport.DevSettingsActivity"/>}
  * {@code <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>}
  */
-public class DevSupportManagerImpl implements
-    DevSupportManager,
-    PackagerCommandListener,
-    DevInternalSettings.Listener {
+public class DevSupportManagerImpl
+    implements DevSupportManager, PackagerCommandListener, DevInternalSettings.Listener {
 
   private static final int JAVA_ERROR_COOKIE = -1;
   private static final int JSEXCEPTION_ERROR_COOKIE = -1;
   private static final String JS_BUNDLE_FILE_NAME = "ReactNativeDevBundle.js";
   private static final String RELOAD_APP_ACTION_SUFFIX = ".RELOAD_APP_ACTION";
+  private boolean mIsSamplingProfilerEnabled = false;
 
   private enum ErrorType {
     JS,
     NATIVE
   }
 
-  private static final String EXOPACKAGE_LOCATION_FORMAT
-      = "/data/local/tmp/exopackage/%s//secondary-dex";
+  private static final String EXOPACKAGE_LOCATION_FORMAT =
+      "/data/local/tmp/exopackage/%s//secondary-dex";
 
   public static final String EMOJI_HUNDRED_POINTS_SYMBOL = " \uD83D\uDCAF";
   public static final String EMOJI_FACE_WITH_NO_GOOD_GESTURE = " \uD83D\uDE45";
@@ -121,8 +115,7 @@ private enum ErrorType {
   private final ShakeDetector mShakeDetector;
   private final BroadcastReceiver mReloadAppBroadcastReceiver;
   private final DevServerHelper mDevServerHelper;
-  private final LinkedHashMap<String, DevOptionHandler> mCustomDevOptions =
-      new LinkedHashMap<>();
+  private final LinkedHashMap<String, DevOptionHandler> mCustomDevOptions = new LinkedHashMap<>();
   private final ReactInstanceManagerDevHelper mReactInstanceManagerHelper;
   private final @Nullable String mJSAppBundleName;
   private final File mJSBundleTempFile;
@@ -150,54 +143,22 @@ private enum ErrorType {
 
   private @Nullable Map<String, RequestHandler> mCustomPackagerCommandHandlers;
 
-  private static class JscProfileTask extends AsyncTask<String, Void, Void> {
-    private static final MediaType JSON =
-      MediaType.parse("application/json; charset=utf-8");
-
-    private final String mSourceUrl;
-
-    private JscProfileTask(String sourceUrl) {
-      mSourceUrl = sourceUrl;
-    }
-
-    @Override
-    protected Void doInBackground(String... jsonData) {
-      try {
-        String jscProfileUrl =
-            Uri.parse(mSourceUrl).buildUpon()
-                .path("/jsc-profile")
-                .query(null)
-                .build()
-                .toString();
-        OkHttpClient client = new OkHttpClient();
-        for (String json: jsonData) {
-          RequestBody body = RequestBody.create(JSON, json);
-          Request request =
-            new Request.Builder().url(jscProfileUrl).post(body).build();
-          client.newCall(request).execute();
-        }
-      } catch (IOException e) {
-        FLog.e(ReactConstants.TAG, "Failed not talk to server", e);
-      }
-      return null;
-    }
-  }
-
   public DevSupportManagerImpl(
-    Context applicationContext,
-    ReactInstanceManagerDevHelper reactInstanceManagerHelper,
-    @Nullable String packagerPathForJSBundleName,
-    boolean enableOnCreate,
-    int minNumShakes) {
-
-    this(applicationContext,
-      reactInstanceManagerHelper,
-      packagerPathForJSBundleName,
-      enableOnCreate,
-      null,
-      null,
-      minNumShakes,
-      null);
+      Context applicationContext,
+      ReactInstanceManagerDevHelper reactInstanceManagerHelper,
+      @Nullable String packagerPathForJSBundleName,
+      boolean enableOnCreate,
+      int minNumShakes) {
+
+    this(
+        applicationContext,
+        reactInstanceManagerHelper,
+        packagerPathForJSBundleName,
+        enableOnCreate,
+        null,
+        null,
+        minNumShakes,
+        null);
   }
 
   public DevSupportManagerImpl(
@@ -214,44 +175,48 @@ public DevSupportManagerImpl(
     mJSAppBundleName = packagerPathForJSBundleName;
     mDevSettings = new DevInternalSettings(applicationContext, this);
     mBundleStatus = new InspectorPackagerConnection.BundleStatus();
-    mDevServerHelper = new DevServerHelper(
-      mDevSettings,
-      mApplicationContext.getPackageName(),
-      new InspectorPackagerConnection.BundleStatusProvider() {
-        @Override
-        public InspectorPackagerConnection.BundleStatus getBundleStatus() {
-          return mBundleStatus;
-        }
-      }
-    );
+    mDevServerHelper =
+        new DevServerHelper(
+            mDevSettings,
+            mApplicationContext.getPackageName(),
+            new InspectorPackagerConnection.BundleStatusProvider() {
+              @Override
+              public InspectorPackagerConnection.BundleStatus getBundleStatus() {
+                return mBundleStatus;
+              }
+            });
     mBundleDownloadListener = devBundleDownloadListener;
 
     // Prepare shake gesture detector (will be started/stopped from #reload)
-    mShakeDetector = new ShakeDetector(new ShakeDetector.ShakeListener() {
-      @Override
-      public void onShake() {
-        showDevOptionsDialog();
-      }
-    }, minNumShakes);
+    mShakeDetector =
+        new ShakeDetector(
+            new ShakeDetector.ShakeListener() {
+              @Override
+              public void onShake() {
+                showDevOptionsDialog();
+              }
+            },
+            minNumShakes);
 
     mCustomPackagerCommandHandlers = customPackagerCommandHandlers;
 
     // Prepare reload APP broadcast receiver (will be registered/unregistered from #reload)
-    mReloadAppBroadcastReceiver = new BroadcastReceiver() {
-      @Override
-      public void onReceive(Context context, Intent intent) {
-        String action = intent.getAction();
-        if (getReloadAppAction(context).equals(action)) {
-          if (intent.getBooleanExtra(DevServerHelper.RELOAD_APP_EXTRA_JS_PROXY, false)) {
-            mDevSettings.setRemoteJSDebugEnabled(true);
-            mDevServerHelper.launchJSDevtools();
-          } else {
-            mDevSettings.setRemoteJSDebugEnabled(false);
+    mReloadAppBroadcastReceiver =
+        new BroadcastReceiver() {
+          @Override
+          public void onReceive(Context context, Intent intent) {
+            String action = intent.getAction();
+            if (getReloadAppAction(context).equals(action)) {
+              if (intent.getBooleanExtra(DevServerHelper.RELOAD_APP_EXTRA_JS_PROXY, false)) {
+                mDevSettings.setRemoteJSDebugEnabled(true);
+                mDevServerHelper.launchJSDevtools();
+              } else {
+                mDevSettings.setRemoteJSDebugEnabled(false);
+              }
+              handleReloadJS();
+            }
           }
-          handleReloadJS();
-        }
-      }
-    };
+        };
 
     // We store JS bundle loaded from dev server in a single destination in app's data dir.
     // In case when someone schedule 2 subsequent reloads it may happen that JS thread will
@@ -266,9 +231,22 @@ public void onReceive(Context context, Intent intent) {
 
     mRedBoxHandler = redBoxHandler;
     mDevLoadingViewController =
-            new DevLoadingViewController(applicationContext, reactInstanceManagerHelper);
+        new DevLoadingViewController(applicationContext, reactInstanceManagerHelper);
 
     mExceptionLoggers.add(new JSExceptionLogger());
+
+    if (mDevSettings.isStartSamplingProfilerOnInit()) {
+      // Only start the profiler. If its already running, there is an error
+      if (!mIsSamplingProfilerEnabled) {
+        toggleJSSamplingProfiler();
+      } else {
+        Toast.makeText(
+                mApplicationContext,
+                "JS Sampling Profiler was already running, so did not start the sampling profiler",
+                Toast.LENGTH_LONG)
+            .show();
+      }
+    }
   }
 
   @Override
@@ -292,7 +270,9 @@ private class JSExceptionLogger implements ExceptionLogger {
 
     @Override
     public void log(Exception e) {
-      StringBuilder message = new StringBuilder(e.getMessage() == null ? "Exception in native call from JS" : e.getMessage());
+      StringBuilder message =
+          new StringBuilder(
+              e.getMessage() == null ? "Exception in native call from JS" : e.getMessage());
       Throwable cause = e.getCause();
       while (cause != null) {
         message.append("\n\n").append(cause.getMessage());
@@ -306,10 +286,7 @@ public void log(Exception e) {
 
         // TODO #11638796: convert the stack into something useful
         showNewError(
-          message.toString(),
-          new StackFrame[]{},
-          JSEXCEPTION_ERROR_COOKIE,
-          ErrorType.JS);
+            message.toString(), new StackFrame[] {}, JSEXCEPTION_ERROR_COOKIE, ErrorType.JS);
       } else {
         showNewJavaError(message.toString(), e);
       }
@@ -319,7 +296,8 @@ public void log(Exception e) {
   @Override
   public void showNewJavaError(@Nullable String message, Throwable e) {
     FLog.e(ReactConstants.TAG, "Exception in native call", e);
-    showNewError(message, StackTraceHelper.convertJavaStackTrace(e), JAVA_ERROR_COOKIE, ErrorType.NATIVE);
+    showNewError(
+        message, StackTraceHelper.convertJavaStackTrace(e), JAVA_ERROR_COOKIE, ErrorType.NATIVE);
   }
 
   /**
@@ -328,9 +306,7 @@ public void showNewJavaError(@Nullable String message, Throwable e) {
    * called.
    */
   @Override
-  public void addCustomDevOption(
-      String optionName,
-      DevOptionHandler optionHandler) {
+  public void addCustomDevOption(String optionName, DevOptionHandler optionHandler) {
     mCustomDevOptions.put(optionName, optionHandler);
   }
 
@@ -340,15 +316,14 @@ public void showNewJSError(String message, ReadableArray details, int errorCooki
   }
 
   @Override
-  public void registerErrorCustomizer(ErrorCustomizer errorCustomizer){
-    if (mErrorCustomizers == null){
+  public void registerErrorCustomizer(ErrorCustomizer errorCustomizer) {
+    if (mErrorCustomizers == null) {
       mErrorCustomizers = new ArrayList<>();
     }
     mErrorCustomizers.add(errorCustomizer);
   }
 
-  private Pair<String, StackFrame[]> processErrorCustomizers(
-      Pair<String, StackFrame[]> errorInfo) {
+  private Pair<String, StackFrame[]> processErrorCustomizers(Pair<String, StackFrame[]> errorInfo) {
     if (mErrorCustomizers == null) {
       return errorInfo;
     } else {
@@ -364,34 +339,32 @@ private Pair<String, StackFrame[]> processErrorCustomizers(
 
   @Override
   public void updateJSError(
-    final String message,
-    final ReadableArray details,
-    final int errorCookie) {
+      final String message, final ReadableArray details, final int errorCookie) {
     UiThreadUtil.runOnUiThread(
-      new Runnable() {
-        @Override
-        public void run() {
-          // Since we only show the first JS error in a succession of JS errors, make sure we only
-          // update the error message for that error message. This assumes that updateJSError
-          // belongs to the most recent showNewJSError
-          if (mRedBoxDialog == null ||
-            !mRedBoxDialog.isShowing() ||
-            errorCookie != mLastErrorCookie) {
-            return;
-          }
-          StackFrame[] stack = StackTraceHelper.convertJsStackTrace(details);
-          Pair<String, StackFrame[]> errorInfo =
-            processErrorCustomizers(Pair.create(message, stack));
-          mRedBoxDialog.setExceptionDetails(errorInfo.first, errorInfo.second);
-          updateLastErrorInfo(message, stack, errorCookie, ErrorType.JS);
-          // JS errors are reported here after source mapping.
-          if (mRedBoxHandler != null) {
-            mRedBoxHandler.handleRedbox(message, stack, RedBoxHandler.ErrorType.JS);
-            mRedBoxDialog.resetReporting();
+        new Runnable() {
+          @Override
+          public void run() {
+            // Since we only show the first JS error in a succession of JS errors, make sure we only
+            // update the error message for that error message. This assumes that updateJSError
+            // belongs to the most recent showNewJSError
+            if (mRedBoxDialog == null
+                || !mRedBoxDialog.isShowing()
+                || errorCookie != mLastErrorCookie) {
+              return;
+            }
+            StackFrame[] stack = StackTraceHelper.convertJsStackTrace(details);
+            Pair<String, StackFrame[]> errorInfo =
+                processErrorCustomizers(Pair.create(message, stack));
+            mRedBoxDialog.setExceptionDetails(errorInfo.first, errorInfo.second);
+            updateLastErrorInfo(message, stack, errorCookie, ErrorType.JS);
+            // JS errors are reported here after source mapping.
+            if (mRedBoxHandler != null) {
+              mRedBoxHandler.handleRedbox(message, stack, RedBoxHandler.ErrorType.JS);
+              mRedBoxDialog.resetReporting();
+            }
+            mRedBoxDialog.show();
           }
-          mRedBoxDialog.show();
-        }
-      });
+        });
   }
 
   @Override
@@ -422,8 +395,11 @@ public void run() {
             if (mRedBoxDialog == null) {
               Activity context = mReactInstanceManagerHelper.getCurrentActivity();
               if (context == null || context.isFinishing()) {
-                FLog.e(ReactConstants.TAG, "Unable to launch redbox because react activity " +
-                  "is not available, here is the error that redbox would've displayed: " + message);
+                FLog.e(
+                    ReactConstants.TAG,
+                    "Unable to launch redbox because react activity "
+                        + "is not available, here is the error that redbox would've displayed: "
+                        + message);
                 return;
               }
               mRedBoxDialog = new RedBoxDialog(context, DevSupportManagerImpl.this, mRedBoxHandler);
@@ -433,7 +409,8 @@ public void run() {
               // show the first and most actionable one.
               return;
             }
-            Pair<String, StackFrame[]> errorInfo = processErrorCustomizers(Pair.create(message, stack));
+            Pair<String, StackFrame[]> errorInfo =
+                processErrorCustomizers(Pair.create(message, stack));
             mRedBoxDialog.setExceptionDetails(errorInfo.first, errorInfo.second);
             updateLastErrorInfo(message, stack, errorCookie, errorType);
             // Only report native errors here. JS errors are reported
@@ -455,24 +432,40 @@ public void showDevOptionsDialog() {
     LinkedHashMap<String, DevOptionHandler> options = new LinkedHashMap<>();
     /* register standard options */
     options.put(
-        mApplicationContext.getString(R.string.catalyst_reloadjs),
+        mApplicationContext.getString(R.string.catalyst_reload),
         new DevOptionHandler() {
           @Override
           public void onOptionSelected() {
-            if (!mDevSettings.isJSDevModeEnabled() && mDevSettings.isHotModuleReplacementEnabled()) {
-              Toast.makeText(mApplicationContext, "HMR cannot be enabled when Dev mode is off. Disabling HMR...", Toast.LENGTH_LONG).show();
+            if (!mDevSettings.isJSDevModeEnabled()
+                && mDevSettings.isHotModuleReplacementEnabled()) {
+              Toast.makeText(
+                      mApplicationContext,
+                      mApplicationContext.getString(R.string.catalyst_hot_reloading_auto_disable),
+                      Toast.LENGTH_LONG)
+                  .show();
               mDevSettings.setHotModuleReplacementEnabled(false);
             }
             handleReloadJS();
           }
         });
+    options.put(
+        mDevSettings.isNuclideJSDebugEnabled()
+            ? mDevSettings.isRemoteJSDebugEnabled()
+                ? mApplicationContext.getString(R.string.catalyst_debug_chrome_stop)
+                : mApplicationContext.getString(R.string.catalyst_debug_chrome)
+            : mDevSettings.isRemoteJSDebugEnabled()
+                ? mApplicationContext.getString(R.string.catalyst_debug_stop)
+                : mApplicationContext.getString(R.string.catalyst_debug),
+        new DevOptionHandler() {
+          @Override
+          public void onOptionSelected() {
+            mDevSettings.setRemoteJSDebugEnabled(!mDevSettings.isRemoteJSDebugEnabled());
+            handleReloadJS();
+          }
+        });
     if (mDevSettings.isNuclideJSDebugEnabled()) {
-      // The concatenation is applied directly here because XML isn't emoji-friendly
-      String nuclideJsDebugMenuItemTitle =
-          mApplicationContext.getString(R.string.catalyst_debugjs_nuclide)
-              + EMOJI_HUNDRED_POINTS_SYMBOL;
       options.put(
-          nuclideJsDebugMenuItemTitle,
+          mApplicationContext.getString(R.string.catalyst_debug_nuclide),
           new DevOptionHandler() {
             @Override
             public void onOptionSelected() {
@@ -480,49 +473,44 @@ public void onOptionSelected() {
             }
           });
     }
-    String remoteJsDebugMenuItemTitle =
-        mDevSettings.isRemoteJSDebugEnabled()
-            ? mApplicationContext.getString(R.string.catalyst_debugjs_off)
-            : mApplicationContext.getString(R.string.catalyst_debugjs);
-    if (mDevSettings.isNuclideJSDebugEnabled()) {
-      remoteJsDebugMenuItemTitle += EMOJI_FACE_WITH_NO_GOOD_GESTURE;
-    }
     options.put(
-        remoteJsDebugMenuItemTitle,
+        mApplicationContext.getString(R.string.catalyst_change_bundle_location),
         new DevOptionHandler() {
           @Override
           public void onOptionSelected() {
-            mDevSettings.setRemoteJSDebugEnabled(!mDevSettings.isRemoteJSDebugEnabled());
-            handleReloadJS();
+            Activity context = mReactInstanceManagerHelper.getCurrentActivity();
+            if (context == null || context.isFinishing()) {
+              FLog.e(
+                  ReactConstants.TAG,
+                  "Unable to launch change bundle location because react activity is not available");
+              return;
+            }
+
+            final EditText input = new EditText(context);
+            input.setHint("localhost:8081");
+
+            AlertDialog bundleLocationDialog =
+                new AlertDialog.Builder(context)
+                    .setTitle(
+                        mApplicationContext.getString(R.string.catalyst_change_bundle_location))
+                    .setView(input)
+                    .setPositiveButton(
+                        android.R.string.ok,
+                        new DialogInterface.OnClickListener() {
+                          @Override
+                          public void onClick(DialogInterface dialog, int which) {
+                            String host = input.getText().toString();
+                            mDevSettings.getPackagerConnectionSettings().setDebugServerHost(host);
+                            handleReloadJS();
+                          }
+                        })
+                    .create();
+            bundleLocationDialog.show();
           }
         });
     options.put(
-      mDevSettings.isReloadOnJSChangeEnabled()
-        ? mApplicationContext.getString(R.string.catalyst_live_reload_off)
-        : mApplicationContext.getString(R.string.catalyst_live_reload),
-      new DevOptionHandler() {
-        @Override
-        public void onOptionSelected() {
-          mDevSettings.setReloadOnJSChangeEnabled(!mDevSettings.isReloadOnJSChangeEnabled());
-        }
-      });
-    options.put(
-            mDevSettings.isHotModuleReplacementEnabled()
-                    ? mApplicationContext.getString(R.string.catalyst_hot_module_replacement_off)
-                    : mApplicationContext.getString(R.string.catalyst_hot_module_replacement),
-            new DevOptionHandler() {
-              @Override
-              public void onOptionSelected() {
-                if (!mDevSettings.isHotModuleReplacementEnabled() && !mDevSettings.isJSDevModeEnabled()) {
-                  Toast.makeText(mApplicationContext, "You're trying to enable HMR while Dev mode is off. Turning both HMR and the Dev mode on...", Toast.LENGTH_LONG).show();
-                  mDevSettings.setJSDevModeEnabled(true);
-                }
-                mDevSettings.setHotModuleReplacementEnabled(!mDevSettings.isHotModuleReplacementEnabled());
-                handleReloadJS();
-              }
-            });
-    options.put(
-        mApplicationContext.getString(R.string.catalyst_element_inspector),
+        // NOTE: `isElementInspectorEnabled` is not guaranteed to be accurate.
+        mApplicationContext.getString(R.string.catalyst_inspector),
         new DevOptionHandler() {
           @Override
           public void onOptionSelected() {
@@ -530,35 +518,70 @@ public void onOptionSelected() {
             mReactInstanceManagerHelper.toggleElementInspector();
           }
         });
+    // "Live reload" which refreshes on every edit was removed in favor of "Fast Refresh".
+    // While native code for "Live reload" is still there, please don't add the option back.
+    // See D15958697 for more context.
     options.put(
-      mDevSettings.isFpsDebugEnabled()
-        ? mApplicationContext.getString(R.string.catalyst_perf_monitor_off)
-        : mApplicationContext.getString(R.string.catalyst_perf_monitor),
-      new DevOptionHandler() {
-        @Override
-        public void onOptionSelected() {
-          if (!mDevSettings.isFpsDebugEnabled()) {
-            // Request overlay permission if needed when "Show Perf Monitor" option is selected
-            Context context = mReactInstanceManagerHelper.getCurrentActivity();
-            if (context == null) {
-              FLog.e(ReactConstants.TAG, "Unable to get reference to react activity");
-            } else {
-              DebugOverlayController.requestPermission(context);
+        mDevSettings.isHotModuleReplacementEnabled()
+            ? mApplicationContext.getString(R.string.catalyst_hot_reloading_stop)
+            : mApplicationContext.getString(R.string.catalyst_hot_reloading),
+        new DevOptionHandler() {
+          @Override
+          public void onOptionSelected() {
+            boolean nextEnabled = !mDevSettings.isHotModuleReplacementEnabled();
+            mDevSettings.setHotModuleReplacementEnabled(nextEnabled);
+            if (mCurrentContext != null) {
+              if (nextEnabled) {
+                mCurrentContext.getJSModule(HMRClient.class).enable();
+              } else {
+                mCurrentContext.getJSModule(HMRClient.class).disable();
+              }
+            }
+            if (nextEnabled && !mDevSettings.isJSDevModeEnabled()) {
+              Toast.makeText(
+                      mApplicationContext,
+                      mApplicationContext.getString(R.string.catalyst_hot_reloading_auto_enable),
+                      Toast.LENGTH_LONG)
+                  .show();
+              mDevSettings.setJSDevModeEnabled(true);
+              handleReloadJS();
             }
           }
-          mDevSettings.setFpsDebugEnabled(!mDevSettings.isFpsDebugEnabled());
-        }
-      });
+        });
+
     options.put(
-        mApplicationContext.getString(R.string.catalyst_poke_sampling_profiler),
+        mIsSamplingProfilerEnabled
+            ? mApplicationContext.getString(R.string.catalyst_sample_profiler_disable)
+            : mApplicationContext.getString(R.string.catalyst_sample_profiler_enable),
         new DevOptionHandler() {
           @Override
           public void onOptionSelected() {
-            handlePokeSamplingProfiler();
+            toggleJSSamplingProfiler();
+          }
+        });
+
+    options.put(
+        mDevSettings.isFpsDebugEnabled()
+            ? mApplicationContext.getString(R.string.catalyst_perf_monitor_stop)
+            : mApplicationContext.getString(R.string.catalyst_perf_monitor),
+        new DevOptionHandler() {
+          @Override
+          public void onOptionSelected() {
+            if (!mDevSettings.isFpsDebugEnabled()) {
+              // Request overlay permission if needed when "Show Perf Monitor" option is selected
+              Context context = mReactInstanceManagerHelper.getCurrentActivity();
+              if (context == null) {
+                FLog.e(ReactConstants.TAG, "Unable to get reference to react activity");
+              } else {
+                DebugOverlayController.requestPermission(context);
+              }
+            }
+            mDevSettings.setFpsDebugEnabled(!mDevSettings.isFpsDebugEnabled());
           }
         });
     options.put(
-        mApplicationContext.getString(R.string.catalyst_settings), new DevOptionHandler() {
+        mApplicationContext.getString(R.string.catalyst_settings),
+        new DevOptionHandler() {
           @Override
           public void onOptionSelected() {
             Intent intent = new Intent(mApplicationContext, DevSettingsActivity.class);
@@ -575,8 +598,9 @@ public void onOptionSelected() {
 
     Activity context = mReactInstanceManagerHelper.getCurrentActivity();
     if (context == null || context.isFinishing()) {
-      FLog.e(ReactConstants.TAG, "Unable to launch dev options menu because react activity " +
-              "isn't available");
+      FLog.e(
+          ReactConstants.TAG,
+          "Unable to launch dev options menu because react activity " + "isn't available");
       return;
     }
     mDevOptionsDialog =
@@ -590,20 +614,67 @@ public void onClick(DialogInterface dialog, int which) {
                     mDevOptionsDialog = null;
                   }
                 })
-            .setOnCancelListener(new DialogInterface.OnCancelListener() {
-              @Override
-              public void onCancel(DialogInterface dialog) {
-                mDevOptionsDialog = null;
-              }
-            })
+            .setOnCancelListener(
+                new DialogInterface.OnCancelListener() {
+                  @Override
+                  public void onCancel(DialogInterface dialog) {
+                    mDevOptionsDialog = null;
+                  }
+                })
             .create();
     mDevOptionsDialog.show();
   }
 
+  /** Starts of stops the sampling profiler */
+  private void toggleJSSamplingProfiler() {
+    JavaScriptExecutorFactory javaScriptExecutorFactory =
+        mReactInstanceManagerHelper.getJavaScriptExecutorFactory();
+    if (!mIsSamplingProfilerEnabled) {
+      try {
+        javaScriptExecutorFactory.startSamplingProfiler();
+        Toast.makeText(mApplicationContext, "Starting Sampling Profiler", Toast.LENGTH_SHORT)
+            .show();
+      } catch (UnsupportedOperationException e) {
+        Toast.makeText(
+                mApplicationContext,
+                javaScriptExecutorFactory.toString() + " does not support Sampling Profiler",
+                Toast.LENGTH_LONG)
+            .show();
+      } finally {
+        mIsSamplingProfilerEnabled = true;
+      }
+    } else {
+      try {
+        final String outputPath =
+            File.createTempFile(
+                    "sampling-profiler-trace", ".cpuprofile", mApplicationContext.getCacheDir())
+                .getPath();
+        javaScriptExecutorFactory.stopSamplingProfiler(outputPath);
+        Toast.makeText(
+                mApplicationContext,
+                "Saved results from Profiler to " + outputPath,
+                Toast.LENGTH_LONG)
+            .show();
+      } catch (IOException e) {
+        FLog.e(
+            ReactConstants.TAG,
+            "Could not create temporary file for saving results from Sampling Profiler");
+      } catch (UnsupportedOperationException e) {
+        Toast.makeText(
+                mApplicationContext,
+                javaScriptExecutorFactory.toString() + "does not support Sampling Profiler",
+                Toast.LENGTH_LONG)
+            .show();
+      } finally {
+        mIsSamplingProfilerEnabled = false;
+      }
+    }
+  }
+
   /**
-   * {@link ReactInstanceDevCommandsHandler} is responsible for
-   * enabling/disabling dev support when a React view is attached/detached
-   * or when application state changes (e.g. the application is backgrounded).
+   * {@link ReactInstanceDevCommandsHandler} is responsible for enabling/disabling dev support when
+   * a React view is attached/detached or when application state changes (e.g. the application is
+   * backgrounded).
    */
   @Override
   public void setDevSupportEnabled(boolean isDevSupportEnabled) {
@@ -665,23 +736,23 @@ public String getDownloadedJSBundleFile() {
   }
 
   /**
-   * @return {@code true} if {@link com.facebook.react.ReactInstanceManager} should use downloaded JS bundle file
-   * instead of using JS file from assets. This may happen when app has not been updated since
-   * the last time we fetched the bundle.
+   * @return {@code true} if {@link com.facebook.react.ReactInstanceManager} should use downloaded
+   *     JS bundle file instead of using JS file from assets. This may happen when app has not been
+   *     updated since the last time we fetched the bundle.
    */
   @Override
   public boolean hasUpToDateJSBundleInCache() {
     if (mIsDevSupportEnabled && mJSBundleTempFile.exists()) {
       try {
         String packageName = mApplicationContext.getPackageName();
-        PackageInfo thisPackage = mApplicationContext.getPackageManager()
-            .getPackageInfo(packageName, 0);
+        PackageInfo thisPackage =
+            mApplicationContext.getPackageManager().getPackageInfo(packageName, 0);
         if (mJSBundleTempFile.lastModified() > thisPackage.lastUpdateTime) {
           // Base APK has not been updated since we downloaded JS, but if app is using exopackage
           // it may only be a single dex that has been updated. We check for exopackage dir update
           // time in that case.
-          File exopackageDir = new File(
-              String.format(Locale.US, EXOPACKAGE_LOCATION_FORMAT, packageName));
+          File exopackageDir =
+              new File(String.format(Locale.US, EXOPACKAGE_LOCATION_FORMAT, packageName));
           if (exopackageDir.exists()) {
             return mJSBundleTempFile.lastModified() > exopackageDir.lastModified();
           }
@@ -696,9 +767,9 @@ public boolean hasUpToDateJSBundleInCache() {
   }
 
   /**
-   * @return {@code true} if JS bundle {@param bundleAssetName} exists, in that case
-   * {@link com.facebook.react.ReactInstanceManager} should use that file from assets instead of
-   * downloading bundle from dev server
+   * @return {@code true} if JS bundle {@param bundleAssetName} exists, in that case {@link
+   *     com.facebook.react.ReactInstanceManager} should use that file from assets instead of
+   *     downloading bundle from dev server
    */
   public boolean hasBundleInAssets(String bundleAssetName) {
     try {
@@ -731,13 +802,15 @@ private void resetCurrentContext(@Nullable ReactContext reactContext) {
       mDebugOverlayController = new DebugOverlayController(reactContext);
     }
 
-    if (mDevSettings.isHotModuleReplacementEnabled() && mCurrentContext != null) {
+    if (mCurrentContext != null) {
       try {
         URL sourceUrl = new URL(getSourceUrl());
         String path = sourceUrl.getPath().substring(1); // strip initial slash in path
         String host = sourceUrl.getHost();
         int port = sourceUrl.getPort();
-        mCurrentContext.getJSModule(HMRClient.class).enable("android", path, host, port);
+        mCurrentContext
+            .getJSModule(HMRClient.class)
+            .setup("android", path, host, port, mDevSettings.isHotModuleReplacementEnabled());
       } catch (MalformedURLException e) {
         showNewJavaError(e.getMessage(), e);
       }
@@ -751,16 +824,19 @@ public void reloadSettings() {
     if (UiThreadUtil.isOnUiThread()) {
       reload();
     } else {
-      UiThreadUtil.runOnUiThread(new Runnable() {
-        @Override
-        public void run() {
-          reload();
-        }
-      });
+      UiThreadUtil.runOnUiThread(
+          new Runnable() {
+            @Override
+            public void run() {
+              reload();
+            }
+          });
     }
   }
 
-  public void onInternalSettingsChanged() { reloadSettings(); }
+  public void onInternalSettingsChanged() {
+    reloadSettings();
+  }
 
   @Override
   public void handleReloadJS() {
@@ -784,7 +860,7 @@ public void handleReloadJS() {
       PrinterHolder.getPrinter()
           .logMessage(ReactDebugOverlayTags.RN_CORE, "RNCore: load from Server");
       String bundleURL =
-        mDevServerHelper.getDevServerBundleURL(Assertions.assertNotNull(mJSAppBundleName));
+          mDevServerHelper.getDevServerBundleURL(Assertions.assertNotNull(mJSAppBundleName));
       reloadJSFromServer(bundleURL);
     }
   }
@@ -796,8 +872,7 @@ public void isPackagerRunning(PackagerStatusCallback callback) {
 
   @Override
   public @Nullable File downloadBundleResourceFromUrlSync(
-      final String resourceURL,
-      final File outputFile) {
+      final String resourceURL, final File outputFile) {
     return mDevServerHelper.downloadBundleResourceFromUrlSync(resourceURL, outputFile);
   }
 
@@ -825,32 +900,35 @@ public void onPackagerDisconnected() {
   public void onPackagerReloadCommand() {
     // Disable debugger to resume the JsVM & avoid thread locks while reloading
     mDevServerHelper.disableDebugger();
-    UiThreadUtil.runOnUiThread(new Runnable() {
-      @Override
-      public void run() {
-        handleReloadJS();
-      }
-    });
+    UiThreadUtil.runOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            handleReloadJS();
+          }
+        });
   }
 
   @Override
   public void onPackagerDevMenuCommand() {
-    UiThreadUtil.runOnUiThread(new Runnable() {
-      @Override
-      public void run() {
-        showDevOptionsDialog();
-      }
-    });
+    UiThreadUtil.runOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            showDevOptionsDialog();
+          }
+        });
   }
 
   @Override
   public void onCaptureHeapCommand(final Responder responder) {
-    UiThreadUtil.runOnUiThread(new Runnable() {
-      @Override
-      public void run() {
-        handleCaptureHeap(responder);
-      }
-    });
+    UiThreadUtil.runOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            handleCaptureHeap(responder);
+          }
+        });
   }
 
   @Override
@@ -864,37 +942,18 @@ private void handleCaptureHeap(final Responder responder) {
     }
     JSCHeapCapture heapCapture = mCurrentContext.getNativeModule(JSCHeapCapture.class);
     heapCapture.captureHeap(
-      mApplicationContext.getCacheDir().getPath(),
-      new JSCHeapCapture.CaptureCallback() {
-        @Override
-        public void onSuccess(File capture) {
-          responder.respond(capture.toString());
-        }
-
-        @Override
-        public void onFailure(JSCHeapCapture.CaptureException error) {
-          responder.error(error.toString());
-        }
-      });
-  }
+        mApplicationContext.getCacheDir().getPath(),
+        new JSCHeapCapture.CaptureCallback() {
+          @Override
+          public void onSuccess(File capture) {
+            responder.respond(capture.toString());
+          }
 
-  private void handlePokeSamplingProfiler() {
-    try {
-      List<String> pokeResults = JSCSamplingProfiler.poke(60000);
-      for (String result : pokeResults) {
-        Toast.makeText(
-          mCurrentContext,
-          result == null
-            ? "Started JSC Sampling Profiler"
-            : "Stopped JSC Sampling Profiler",
-          Toast.LENGTH_LONG).show();
-        new JscProfileTask(getSourceUrl()).executeOnExecutor(
-            AsyncTask.THREAD_POOL_EXECUTOR,
-            result);
-      }
-    } catch (JSCSamplingProfiler.ProfilerException e) {
-      showNewJavaError(e.getMessage(), e);
-    }
+          @Override
+          public void onFailure(JSCHeapCapture.CaptureException error) {
+            responder.error(error.toString());
+          }
+        });
   }
 
   private void updateLastErrorInfo(
@@ -913,25 +972,25 @@ private void reloadJSInProxyMode() {
     // anyway
     mDevServerHelper.launchJSDevtools();
 
-    JavaJSExecutor.Factory factory = new JavaJSExecutor.Factory() {
-      @Override
-      public JavaJSExecutor create() throws Exception {
-        WebsocketJavaScriptExecutor executor = new WebsocketJavaScriptExecutor();
-        SimpleSettableFuture<Boolean> future = new SimpleSettableFuture<>();
-        executor.connect(
-            mDevServerHelper.getWebsocketProxyURL(),
-            getExecutorConnectCallback(future));
-        // TODO(t9349129) Don't use timeout
-        try {
-          future.get(90, TimeUnit.SECONDS);
-          return executor;
-        } catch (ExecutionException e) {
-          throw (Exception) e.getCause();
-        } catch (InterruptedException | TimeoutException e) {
-          throw new RuntimeException(e);
-        }
-      }
-    };
+    JavaJSExecutor.Factory factory =
+        new JavaJSExecutor.Factory() {
+          @Override
+          public JavaJSExecutor create() throws Exception {
+            WebsocketJavaScriptExecutor executor = new WebsocketJavaScriptExecutor();
+            SimpleSettableFuture<Boolean> future = new SimpleSettableFuture<>();
+            executor.connect(
+                mDevServerHelper.getWebsocketProxyURL(), getExecutorConnectCallback(future));
+            // TODO(t9349129) Don't use timeout
+            try {
+              future.get(90, TimeUnit.SECONDS);
+              return executor;
+            } catch (ExecutionException e) {
+              throw (Exception) e.getCause();
+            } catch (InterruptedException | TimeoutException e) {
+              throw new RuntimeException(e);
+            }
+          }
+        };
     mReactInstanceManagerHelper.onReloadWithJSDebugger(factory);
   }
 
@@ -949,10 +1008,9 @@ public void onSuccess() {
       public void onFailure(final Throwable cause) {
         mDevLoadingViewController.hide();
         mDevLoadingViewVisible = false;
-        FLog.e(ReactConstants.TAG, "Unable to connect to remote debugger", cause);
+        FLog.e(ReactConstants.TAG, "Failed to connect to debugger!", cause);
         future.setException(
-            new IOException(
-                mApplicationContext.getString(R.string.catalyst_remotedbg_error), cause));
+            new IOException(mApplicationContext.getString(R.string.catalyst_debug_error), cause));
       }
     };
   }
@@ -982,14 +1040,18 @@ public void onSuccess(final @Nullable NativeDeltaClient nativeDeltaClient) {
                 new Runnable() {
                   @Override
                   public void run() {
-                    ReactMarker.logMarker(ReactMarkerConstants.DOWNLOAD_END, bundleInfo.toJSONString());
+                    ReactMarker.logMarker(
+                        ReactMarkerConstants.DOWNLOAD_END, bundleInfo.toJSONString());
                     mReactInstanceManagerHelper.onJSBundleLoadedFromServer(nativeDeltaClient);
                   }
                 });
           }
 
           @Override
-          public void onProgress(@Nullable final String status, @Nullable final Integer done, @Nullable final Integer total) {
+          public void onProgress(
+              @Nullable final String status,
+              @Nullable final Integer done,
+              @Nullable final Integer total) {
             mDevLoadingViewController.updateProgress(status, done, total);
             if (mBundleDownloadListener != null) {
               mBundleDownloadListener.onProgress(status, done, total);
@@ -1016,8 +1078,7 @@ public void run() {
                       showNewJavaError(debugServerException.getMessage(), cause);
                     } else {
                       showNewJavaError(
-                          mApplicationContext.getString(R.string.catalyst_jsload_error),
-                          cause);
+                          mApplicationContext.getString(R.string.catalyst_reload_error), cause);
                     }
                   }
                 });
@@ -1047,14 +1108,13 @@ public void setHotModuleReplacementEnabled(final boolean isHotModuleReplacementE
     }
 
     UiThreadUtil.runOnUiThread(
-      new Runnable() {
-        @Override
-        public void run() {
-          mDevSettings.setHotModuleReplacementEnabled(isHotModuleReplacementEnabled);
-          handleReloadJS();
-        }
-      }
-    );
+        new Runnable() {
+          @Override
+          public void run() {
+            mDevSettings.setHotModuleReplacementEnabled(isHotModuleReplacementEnabled);
+            handleReloadJS();
+          }
+        });
   }
 
   @Override
@@ -1064,14 +1124,13 @@ public void setRemoteJSDebugEnabled(final boolean isRemoteJSDebugEnabled) {
     }
 
     UiThreadUtil.runOnUiThread(
-      new Runnable() {
-        @Override
-        public void run() {
-          mDevSettings.setRemoteJSDebugEnabled(isRemoteJSDebugEnabled);
-          handleReloadJS();
-        }
-      }
-    );
+        new Runnable() {
+          @Override
+          public void run() {
+            mDevSettings.setRemoteJSDebugEnabled(isRemoteJSDebugEnabled);
+            handleReloadJS();
+          }
+        });
   }
 
   @Override
@@ -1081,14 +1140,13 @@ public void setReloadOnJSChangeEnabled(final boolean isReloadOnJSChangeEnabled)
     }
 
     UiThreadUtil.runOnUiThread(
-      new Runnable() {
-        @Override
-        public void run() {
-          mDevSettings.setReloadOnJSChangeEnabled(isReloadOnJSChangeEnabled);
-          handleReloadJS();
-        }
-      }
-    );
+        new Runnable() {
+          @Override
+          public void run() {
+            mDevSettings.setReloadOnJSChangeEnabled(isReloadOnJSChangeEnabled);
+            handleReloadJS();
+          }
+        });
   }
 
   @Override
@@ -1098,13 +1156,12 @@ public void setFpsDebugEnabled(final boolean isFpsDebugEnabled) {
     }
 
     UiThreadUtil.runOnUiThread(
-      new Runnable() {
-        @Override
-        public void run() {
-          mDevSettings.setFpsDebugEnabled(isFpsDebugEnabled);
-        }
-      }
-    );
+        new Runnable() {
+          @Override
+          public void run() {
+            mDevSettings.setFpsDebugEnabled(isFpsDebugEnabled);
+          }
+        });
   }
 
   @Override
@@ -1114,14 +1171,13 @@ public void toggleElementInspector() {
     }
 
     UiThreadUtil.runOnUiThread(
-      new Runnable() {
-        @Override
-        public void run() {
-          mDevSettings.setElementInspectorEnabled(!mDevSettings.isElementInspectorEnabled());
-          mReactInstanceManagerHelper.toggleElementInspector();
-        }
-      }
-    );
+        new Runnable() {
+          @Override
+          public void run() {
+            mDevSettings.setElementInspectorEnabled(!mDevSettings.isElementInspectorEnabled());
+            mReactInstanceManagerHelper.toggleElementInspector();
+          }
+        });
   }
 
   private void reload() {
@@ -1158,11 +1214,11 @@ private void reload() {
       if (mDevSettings.isReloadOnJSChangeEnabled()) {
         mDevServerHelper.startPollingOnChangeEndpoint(
             new DevServerHelper.OnServerContentChangeListener() {
-          @Override
-          public void onServerContentChanged() {
-            handleReloadJS();
-          }
-        });
+              @Override
+              public void onServerContentChanged() {
+                handleReloadJS();
+              }
+            });
       } else {
         mDevServerHelper.stopPollingOnChangeEndpoint();
       }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DisabledDevSupportManager.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DisabledDevSupportManager.java
index f57c32ba8fff7d..09de892ecdf8f5 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DisabledDevSupportManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DisabledDevSupportManager.java
@@ -1,25 +1,22 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.react.devsupport.interfaces.ErrorCustomizer;
-import javax.annotation.Nullable;
-
-import java.io.File;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.DefaultNativeModuleCallExceptionHandler;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.devsupport.interfaces.DevOptionHandler;
 import com.facebook.react.devsupport.interfaces.DevSupportManager;
+import com.facebook.react.devsupport.interfaces.ErrorCustomizer;
 import com.facebook.react.devsupport.interfaces.PackagerStatusCallback;
 import com.facebook.react.devsupport.interfaces.StackFrame;
 import com.facebook.react.modules.debug.interfaces.DeveloperSettings;
+import java.io.File;
 
 /**
  * A dummy implementation of {@link DevSupportManager} to be used in production mode where
@@ -34,74 +31,46 @@ public DisabledDevSupportManager() {
   }
 
   @Override
-  public void showNewJavaError(String message, Throwable e) {
-
-  }
+  public void showNewJavaError(String message, Throwable e) {}
 
   @Override
-  public void addCustomDevOption(String optionName, DevOptionHandler optionHandler) {
-
-  }
+  public void addCustomDevOption(String optionName, DevOptionHandler optionHandler) {}
 
   @Override
-  public void showNewJSError(String message, ReadableArray details, int errorCookie) {
-
-  }
+  public void showNewJSError(String message, ReadableArray details, int errorCookie) {}
 
   @Override
-  public void updateJSError(String message, ReadableArray details, int errorCookie) {
-
-  }
+  public void updateJSError(String message, ReadableArray details, int errorCookie) {}
 
   @Override
-  public void hideRedboxDialog() {
-
-  }
+  public void hideRedboxDialog() {}
 
   @Override
-  public void showDevOptionsDialog() {
-
-  }
+  public void showDevOptionsDialog() {}
 
   @Override
-  public void setDevSupportEnabled(boolean isDevSupportEnabled) {
-
-  }
+  public void setDevSupportEnabled(boolean isDevSupportEnabled) {}
 
   @Override
-  public void startInspector() {
-
-  }
+  public void startInspector() {}
 
   @Override
-  public void stopInspector() {
-
-  }
+  public void stopInspector() {}
 
   @Override
-  public void setHotModuleReplacementEnabled(boolean isHotModuleReplacementEnabled) {
-
-  }
+  public void setHotModuleReplacementEnabled(boolean isHotModuleReplacementEnabled) {}
 
   @Override
-  public void setRemoteJSDebugEnabled(boolean isRemoteJSDebugEnabled) {
-
-  }
+  public void setRemoteJSDebugEnabled(boolean isRemoteJSDebugEnabled) {}
 
   @Override
-  public void setReloadOnJSChangeEnabled(boolean isReloadOnJSChangeEnabled) {
-
-  }
+  public void setReloadOnJSChangeEnabled(boolean isReloadOnJSChangeEnabled) {}
 
   @Override
-  public void setFpsDebugEnabled(boolean isFpsDebugEnabled) {
-
-  }
+  public void setFpsDebugEnabled(boolean isFpsDebugEnabled) {}
 
   @Override
-  public void toggleElementInspector() {
-
-  }
+  public void toggleElementInspector() {}
 
   @Override
   public boolean getDevSupportEnabled() {
@@ -114,14 +83,10 @@ public DeveloperSettings getDevSettings() {
   }
 
   @Override
-  public void onNewReactContextCreated(ReactContext reactContext) {
-
-  }
+  public void onNewReactContextCreated(ReactContext reactContext) {}
 
   @Override
-  public void onReactInstanceDestroyed(ReactContext reactContext) {
-
-  }
+  public void onReactInstanceDestroyed(ReactContext reactContext) {}
 
   @Override
   public String getSourceMapUrl() {
@@ -149,29 +114,20 @@ public boolean hasUpToDateJSBundleInCache() {
   }
 
   @Override
-  public void reloadSettings() {
-
-  }
+  public void reloadSettings() {}
 
   @Override
-  public void handleReloadJS() {
-
-  }
+  public void handleReloadJS() {}
 
   @Override
-  public void reloadJSFromServer(String bundleURL) {
-
-  }
+  public void reloadJSFromServer(String bundleURL) {}
 
   @Override
-  public void isPackagerRunning(PackagerStatusCallback callback) {
-
-  }
+  public void isPackagerRunning(PackagerStatusCallback callback) {}
 
   @Override
   public @Nullable File downloadBundleResourceFromUrlSync(
-      final String resourceURL,
-      final File outputFile) {
+      final String resourceURL, final File outputFile) {
     return null;
   }
 
@@ -186,9 +142,7 @@ public void isPackagerRunning(PackagerStatusCallback callback) {
   }
 
   @Override
-  public void registerErrorCustomizer(ErrorCustomizer errorCustomizer) {
-
-  }
+  public void registerErrorCustomizer(ErrorCustomizer errorCustomizer) {}
 
   @Override
   public void handleException(Exception e) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DoubleTapReloadRecognizer.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DoubleTapReloadRecognizer.java
index ae604d12c9f5be..2c575fc9f0a4cb 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DoubleTapReloadRecognizer.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DoubleTapReloadRecognizer.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -13,8 +12,8 @@
 import android.widget.EditText;
 
 /**
- * A class allows recognizing double key tap of "R", used to reload JS in
- * {@link AbstractReactActivity}, {@link RedBoxDialog} and {@link ReactActivity}.
+ * A class allows recognizing double key tap of "R", used to reload JS in {@link
+ * AbstractReactActivity}, {@link RedBoxDialog} and {@link ReactActivity}.
  */
 public class DoubleTapReloadRecognizer {
   private boolean mDoRefresh = false;
@@ -27,14 +26,15 @@ public boolean didDoubleTapR(int keyCode, View view) {
         return true;
       } else {
         mDoRefresh = true;
-        new Handler().postDelayed(
-          new Runnable() {
-            @Override
-            public void run() {
-              mDoRefresh = false;
-            }
-          },
-          DOUBLE_TAP_DELAY);
+        new Handler()
+            .postDelayed(
+                new Runnable() {
+                  @Override
+                  public void run() {
+                    mDoRefresh = false;
+                  }
+                },
+                DOUBLE_TAP_DELAY);
       }
     }
     return false;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/FpsView.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/FpsView.java
index dff56cee1bb1f4..e328c9db8b76c6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/FpsView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/FpsView.java
@@ -1,29 +1,25 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.util.Locale;
-
 import android.widget.FrameLayout;
 import android.widget.TextView;
-
 import com.facebook.common.logging.FLog;
 import com.facebook.react.R;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.common.ReactConstants;
-import com.facebook.react.modules.core.ChoreographerCompat;
 import com.facebook.react.modules.debug.FpsDebugFrameCallback;
+import java.util.Locale;
 
 /**
  * View that automatically monitors and displays the current app frame rate. Also logs the current
  * FPS to logcat while active.
  *
- * NB: Requires API 16 for use of FpsDebugFrameCallback.
+ * <p>NB: Requires API 16 for use of FpsDebugFrameCallback.
  */
 public class FpsView extends FrameLayout {
 
@@ -57,21 +53,21 @@ protected void onDetachedFromWindow() {
     mFPSMonitorRunnable.stop();
   }
 
-  private void setCurrentFPS(double currentFPS, double currentJSFPS, int droppedUIFrames, int total4PlusFrameStutters) {
-    String fpsString = String.format(
-        Locale.US,
-        "UI: %.1f fps\n%d dropped so far\n%d stutters (4+) so far\nJS: %.1f fps",
-        currentFPS,
-        droppedUIFrames,
-        total4PlusFrameStutters,
-        currentJSFPS);
+  private void setCurrentFPS(
+      double currentFPS, double currentJSFPS, int droppedUIFrames, int total4PlusFrameStutters) {
+    String fpsString =
+        String.format(
+            Locale.US,
+            "UI: %.1f fps\n%d dropped so far\n%d stutters (4+) so far\nJS: %.1f fps",
+            currentFPS,
+            droppedUIFrames,
+            total4PlusFrameStutters,
+            currentJSFPS);
     mTextView.setText(fpsString);
     FLog.d(ReactConstants.TAG, fpsString);
   }
 
-  /**
-   * Timer that runs every UPDATE_INTERVAL_MS ms and updates the currently displayed FPS.
-   */
+  /** Timer that runs every UPDATE_INTERVAL_MS ms and updates the currently displayed FPS. */
   private class FPSMonitorRunnable implements Runnable {
 
     private boolean mShouldStop = false;
@@ -85,7 +81,11 @@ public void run() {
       }
       mTotalFramesDropped += mFrameCallback.getExpectedNumFrames() - mFrameCallback.getNumFrames();
       mTotal4PlusFrameStutters += mFrameCallback.get4PlusFrameStutters();
-      setCurrentFPS(mFrameCallback.getFPS(), mFrameCallback.getJSFPS(), mTotalFramesDropped, mTotal4PlusFrameStutters);
+      setCurrentFPS(
+          mFrameCallback.getFPS(),
+          mFrameCallback.getJSFPS(),
+          mTotalFramesDropped,
+          mTotal4PlusFrameStutters);
       mFrameCallback.reset();
 
       postDelayed(this, UPDATE_INTERVAL_MS);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/HMRClient.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/HMRClient.java
index 56d838124b6fb2..f4ec4608a1544f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/HMRClient.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/HMRClient.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.react.bridge.JavaScriptModule;
@@ -12,19 +11,29 @@
 /**
  * JS module interface for HMRClient
  *
- * The HMR(Hot Module Replacement)Client allows for the application to receive updates
- * from the packager server (over a web socket), allowing for injection of JavaScript to
- * the running application (without a refresh).
+ * <p>The HMR(Hot Module Replacement)Client allows for the application to receive updates from the
+ * packager server (over a web socket), allowing for injection of JavaScript to the running
+ * application (without a refresh).
  */
 public interface HMRClient extends JavaScriptModule {
 
   /**
-   * Enable the HMRClient so that the client will receive updates
-   * from the packager server.
+   * Enable the HMRClient so that the client will receive updates from the packager server.
+   *
    * @param platform The platform in which HMR updates will be enabled. Should be "android".
    * @param bundleEntry The path to the bundle entry file (e.g. index.ios.bundle).
    * @param host The host that the HMRClient should communicate with.
    * @param port The port that the HMRClient should communicate with on the host.
+   * @param isEnabled Whether HMR is enabled initially.
    */
-  void enable(String platform, String bundleEntry, String host, int port);
+  void setup(String platform, String bundleEntry, String host, int port, boolean isEnabled);
+
+  /**
+   * Sets up a connection to the packager when called the first time. Ensures code updates received
+   * from the packager are applied.
+   */
+  void enable();
+
+  /** Turns off the HMR client so it doesn't process updates from the packager. */
+  void disable();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/InspectorPackagerConnection.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/InspectorPackagerConnection.java
index 11b99dac873075..228b417723975e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/InspectorPackagerConnection.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/InspectorPackagerConnection.java
@@ -5,21 +5,17 @@
 
 package com.facebook.react.devsupport;
 
-import javax.annotation.Nullable;
-
-import java.io.IOException;
-import java.util.HashMap;
-import java.util.List;
-import java.util.Map;
-import java.util.concurrent.TimeUnit;
-
 import android.os.AsyncTask;
 import android.os.Handler;
 import android.os.Looper;
-
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.Inspector;
-
+import java.io.IOException;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.concurrent.TimeUnit;
 import okhttp3.OkHttpClient;
 import okhttp3.Request;
 import okhttp3.Response;
@@ -38,10 +34,7 @@ public class InspectorPackagerConnection {
   private BundleStatusProvider mBundleStatusProvider;
 
   public InspectorPackagerConnection(
-    String url,
-    String packageName,
-    BundleStatusProvider bundleStatusProvider
-  ) {
+      String url, String packageName, BundleStatusProvider bundleStatusProvider) {
     mConnection = new Connection(url);
     mInspectorConnections = new HashMap<>();
     mPackageName = packageName;
@@ -64,8 +57,7 @@ public void sendEventToAllConnections(String event) {
     }
   }
 
-  void handleProxyMessage(JSONObject message)
-      throws JSONException, IOException {
+  void handleProxyMessage(JSONObject message) throws JSONException, IOException {
     String event = message.getString("event");
     switch (event) {
       case "getPages":
@@ -101,26 +93,29 @@ private void handleConnect(JSONObject payload) throws JSONException {
 
     try {
       // TODO: Use strings for id's too
-      inspectorConnection = Inspector.connect(Integer.parseInt(pageId), new Inspector.RemoteConnection() {
-        @Override
-        public void onMessage(String message) {
-          try {
-            sendWrappedEvent(pageId, message);
-          } catch (JSONException e) {
-            FLog.w(TAG, "Couldn't send event to packager", e);
-          }
-        }
-
-        @Override
-        public void onDisconnect() {
-          try {
-            mInspectorConnections.remove(pageId);
-            sendEvent("disconnect", makePageIdPayload(pageId));
-          } catch (JSONException e) {
-            FLog.w(TAG, "Couldn't send event to packager", e);
-          }
-        }
-      });
+      inspectorConnection =
+          Inspector.connect(
+              Integer.parseInt(pageId),
+              new Inspector.RemoteConnection() {
+                @Override
+                public void onMessage(String message) {
+                  try {
+                    sendWrappedEvent(pageId, message);
+                  } catch (JSONException e) {
+                    FLog.w(TAG, "Couldn't send event to packager", e);
+                  }
+                }
+
+                @Override
+                public void onDisconnect() {
+                  try {
+                    mInspectorConnections.remove(pageId);
+                    sendEvent("disconnect", makePageIdPayload(pageId));
+                  } catch (JSONException e) {
+                    FLog.w(TAG, "Couldn't send event to packager", e);
+                  }
+                }
+              });
       mInspectorConnections.put(pageId, inspectorConnection);
     } catch (Exception e) {
       FLog.w(TAG, "Failed to open page: " + pageId, e);
@@ -172,8 +167,7 @@ private void sendWrappedEvent(String pageId, String message) throws JSONExceptio
     sendEvent("wrappedEvent", payload);
   }
 
-  private void sendEvent(String name, Object payload)
-      throws JSONException {
+  private void sendEvent(String name, Object payload) throws JSONException {
     JSONObject jsonMessage = new JSONObject();
     jsonMessage.put("event", name);
     jsonMessage.put("payload", payload);
@@ -240,11 +234,12 @@ public void connect() {
         throw new IllegalStateException("Can't connect closed client");
       }
       if (mHttpClient == null) {
-        mHttpClient = new OkHttpClient.Builder()
-            .connectTimeout(10, TimeUnit.SECONDS)
-            .writeTimeout(10, TimeUnit.SECONDS)
-            .readTimeout(0, TimeUnit.MINUTES) // Disable timeouts for read
-            .build();
+        mHttpClient =
+            new OkHttpClient.Builder()
+                .connectTimeout(10, TimeUnit.SECONDS)
+                .writeTimeout(10, TimeUnit.SECONDS)
+                .readTimeout(0, TimeUnit.MINUTES) // Disable timeouts for read
+                .build();
       }
 
       Request request = new Request.Builder().url(mUrl).build();
@@ -319,14 +314,11 @@ private void closeWebSocketQuietly() {
     }
   }
 
-  static public class BundleStatus {
+  public static class BundleStatus {
     public Boolean isLastDownloadSucess;
     public long updateTimestamp = -1;
 
-    public BundleStatus(
-      Boolean isLastDownloadSucess,
-      long updateTimestamp
-    ) {
+    public BundleStatus(Boolean isLastDownloadSucess, long updateTimestamp) {
       this.isLastDownloadSucess = isLastDownloadSucess;
       this.updateTimestamp = updateTimestamp;
     }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSCHeapCapture.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSCHeapCapture.java
index 803ba002dff318..41c50998bdf1af 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSCHeapCapture.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSCHeapCapture.java
@@ -1,24 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
-
-import java.io.File;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.JavaScriptModule;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.module.annotations.ReactModule;
+import java.io.File;
 
 // This module is being called only by Java via the static method "captureHeap" that
-// requires it to alreay be initialized, thus we eagerly initialize this module
+// requires it to already be initialized, thus we eagerly initialize this module
 @ReactModule(name = "JSCHeapCapture", needsEagerInit = true)
 public class JSCHeapCapture extends ReactContextBaseJavaModule {
   public interface HeapCapture extends JavaScriptModule {
@@ -29,6 +26,7 @@ public static class CaptureException extends Exception {
     CaptureException(String message) {
       super(message);
     }
+
     CaptureException(String message, Throwable cause) {
       super(message, cause);
     }
@@ -36,6 +34,7 @@ public static class CaptureException extends Exception {
 
   public interface CaptureCallback {
     void onSuccess(File capture);
+
     void onFailure(CaptureException error);
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSCSamplingProfiler.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSCSamplingProfiler.java
deleted file mode 100644
index 59c05dcf4f2234..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSCSamplingProfiler.java
+++ /dev/null
@@ -1,148 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source 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 javax.annotation.Nullable;
-
-import java.util.HashSet;
-import java.util.LinkedList;
-import java.util.List;
-
-import com.facebook.react.bridge.JavaScriptModule;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
-import com.facebook.react.module.annotations.ReactModule;
-
-// This module is being called only by Java via the static method "poke" that
-// requires it to alreay be initialized, thus we eagerly initialize this module
-@ReactModule(name = "JSCSamplingProfiler", needsEagerInit = true)
-public class JSCSamplingProfiler extends ReactContextBaseJavaModule {
-  public interface SamplingProfiler extends JavaScriptModule {
-    void poke(int token);
-  }
-
-  public static class ProfilerException extends Exception {
-    ProfilerException(String message) {
-      super(message);
-    }
-  }
-
-  private @Nullable SamplingProfiler mSamplingProfiler;
-  private boolean mOperationInProgress;
-  private int mOperationToken;
-  private @Nullable String mOperationError;
-  private @Nullable String mSamplingProfilerResult;
-
-  private static final HashSet<JSCSamplingProfiler> sRegisteredDumpers =
-    new HashSet<>();
-
-  private static synchronized void registerSamplingProfiler(
-      JSCSamplingProfiler dumper) {
-    if (sRegisteredDumpers.contains(dumper)) {
-      throw new RuntimeException(
-        "a JSCSamplingProfiler registered more than once");
-    }
-    sRegisteredDumpers.add(dumper);
-  }
-
-  private static synchronized void unregisterSamplingProfiler(
-      JSCSamplingProfiler dumper) {
-    sRegisteredDumpers.remove(dumper);
-  }
-
-  public static synchronized List<String> poke(long timeout)
-      throws ProfilerException {
-    LinkedList<String> results = new LinkedList<>();
-    if (sRegisteredDumpers.isEmpty()) {
-      throw new ProfilerException("No JSC registered");
-    }
-
-    for (JSCSamplingProfiler dumper : sRegisteredDumpers) {
-      dumper.pokeHelper(timeout);
-      results.add(dumper.mSamplingProfilerResult);
-    }
-    return results;
-  }
-
-  public JSCSamplingProfiler(ReactApplicationContext reactContext) {
-    super(reactContext);
-    mSamplingProfiler = null;
-    mOperationInProgress = false;
-    mOperationToken = 0;
-    mOperationError = null;
-    mSamplingProfilerResult = null;
-  }
-
-  private synchronized void pokeHelper(long timeout) throws ProfilerException {
-    if (mSamplingProfiler == null) {
-      throw new ProfilerException("SamplingProfiler.js module not connected");
-    }
-    mSamplingProfiler.poke(getOperationToken());
-    waitForOperation(timeout);
-  }
-
-  private int getOperationToken() throws ProfilerException {
-    if (mOperationInProgress) {
-      throw new ProfilerException("Another operation already in progress.");
-    }
-    mOperationInProgress = true;
-    return ++mOperationToken;
-  }
-
-  private void waitForOperation(long timeout) throws ProfilerException {
-    try {
-      wait(timeout);
-    } catch (InterruptedException e) {
-      throw new ProfilerException(
-          "Waiting for heap capture failed: " + e.getMessage());
-    }
-
-    if (mOperationInProgress) {
-      mOperationInProgress = false;
-      throw new ProfilerException("heap capture timed out.");
-    }
-
-    if (mOperationError != null) {
-      throw new ProfilerException(mOperationError);
-    }
-  }
-
-  @ReactMethod
-  public synchronized void operationComplete(
-      int token, String result, String error) {
-    if (token == mOperationToken) {
-      mOperationInProgress = false;
-      mSamplingProfilerResult = result;
-      mOperationError = error;
-      this.notify();
-    } else {
-      throw new RuntimeException("Completed operation is not in progress.");
-    }
-  }
-
-  @Override
-  public String getName() {
-    return "JSCSamplingProfiler";
-  }
-
-  @Override
-  public void initialize() {
-    super.initialize();
-    mSamplingProfiler =
-      getReactApplicationContext().getJSModule(SamplingProfiler.class);
-    registerSamplingProfiler(this);
-  }
-
-  @Override
-  public void onCatalystInstanceDestroy() {
-    super.onCatalystInstanceDestroy();
-    unregisterSamplingProfiler(this);
-    mSamplingProfiler = null;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSDebuggerWebSocketClient.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSDebuggerWebSocketClient.java
index a6b44a5af0405d..69358462e3e2b2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSDebuggerWebSocketClient.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSDebuggerWebSocketClient.java
@@ -1,20 +1,18 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.util.JsonReader;
 import android.util.JsonToken;
 import android.util.JsonWriter;
-
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.common.JavascriptException;
-
 import java.io.IOException;
 import java.io.StringReader;
 import java.io.StringWriter;
@@ -22,24 +20,20 @@
 import java.util.concurrent.ConcurrentHashMap;
 import java.util.concurrent.TimeUnit;
 import java.util.concurrent.atomic.AtomicInteger;
-
-import javax.annotation.Nullable;
-
 import okhttp3.OkHttpClient;
 import okhttp3.Request;
 import okhttp3.Response;
 import okhttp3.WebSocket;
 import okhttp3.WebSocketListener;
 
-/**
- * A wrapper around WebSocketClient that recognizes RN debugging message format.
- */
+/** A wrapper around WebSocketClient that recognizes RN debugging message format. */
 public class JSDebuggerWebSocketClient extends WebSocketListener {
 
   private static final String TAG = "JSDebuggerWebSocketClient";
 
   public interface JSDebuggerCallback {
     void onSuccess(@Nullable String response);
+
     void onFailure(Throwable cause);
   }
 
@@ -55,11 +49,12 @@ public void connect(String url, JSDebuggerCallback callback) {
       throw new IllegalStateException("JSDebuggerWebSocketClient is already initialized.");
     }
     mConnectCallback = callback;
-    mHttpClient = new OkHttpClient.Builder()
-      .connectTimeout(10, TimeUnit.SECONDS)
-      .writeTimeout(10, TimeUnit.SECONDS)
-      .readTimeout(0, TimeUnit.MINUTES) // Disable timeouts for read
-      .build();
+    mHttpClient =
+        new OkHttpClient.Builder()
+            .connectTimeout(10, TimeUnit.SECONDS)
+            .writeTimeout(10, TimeUnit.SECONDS)
+            .readTimeout(0, TimeUnit.MINUTES) // Disable timeouts for read
+            .build();
 
     Request request = new Request.Builder().url(url).build();
     mHttpClient.newWebSocket(request, this);
@@ -73,10 +68,12 @@ public void prepareJSRuntime(JSDebuggerCallback callback) {
       StringWriter sw = new StringWriter();
       JsonWriter js = new JsonWriter(sw);
       js.beginObject()
-        .name("id").value(requestID)
-        .name("method").value("prepareJSRuntime")
-        .endObject()
-        .close();
+          .name("id")
+          .value(requestID)
+          .name("method")
+          .value("prepareJSRuntime")
+          .endObject()
+          .close();
       sendMessage(requestID, sw.toString());
     } catch (IOException e) {
       triggerRequestFailure(requestID, e);
@@ -84,20 +81,23 @@ public void prepareJSRuntime(JSDebuggerCallback callback) {
   }
 
   public void loadApplicationScript(
-      String sourceURL,
-      HashMap<String, String> injectedObjects,
-      JSDebuggerCallback callback) {
+      String sourceURL, HashMap<String, String> injectedObjects, JSDebuggerCallback callback) {
     int requestID = mRequestID.getAndIncrement();
     mCallbacks.put(requestID, callback);
 
     try {
       StringWriter sw = new StringWriter();
-      JsonWriter js = new JsonWriter(sw)
-         .beginObject()
-         .name("id").value(requestID)
-         .name("method").value("executeApplicationScript")
-         .name("url").value(sourceURL)
-         .name("inject").beginObject();
+      JsonWriter js =
+          new JsonWriter(sw)
+              .beginObject()
+              .name("id")
+              .value(requestID)
+              .name("method")
+              .value("executeApplicationScript")
+              .name("url")
+              .value(sourceURL)
+              .name("inject")
+              .beginObject();
       for (String key : injectedObjects.keySet()) {
         js.name(key).value(injectedObjects.get(key));
       }
@@ -108,10 +108,7 @@ public void loadApplicationScript(
     }
   }
 
-  public void executeJSCall(
-      String methodName,
-      String jsonArgsArray,
-      JSDebuggerCallback callback) {
+  public void executeJSCall(String methodName, String jsonArgsArray, JSDebuggerCallback callback) {
     int requestID = mRequestID.getAndIncrement();
     mCallbacks.put(requestID, callback);
 
@@ -119,11 +116,9 @@ public void executeJSCall(
       StringWriter sw = new StringWriter();
       JsonWriter js = new JsonWriter(sw);
 
-      js.beginObject()
-        .name("id").value(requestID)
-        .name("method").value(methodName);
+      js.beginObject().name("id").value(requestID).name("method").value(methodName);
       /* JsonWriter does not offer writing raw string (without quotes), that's why
-         here we directly write to output string using the the underlying StringWriter */
+      here we directly write to output string using the the underlying StringWriter */
       sw.append(",\"arguments\":").append(jsonArgsArray);
       js.endObject().close();
       sendMessage(requestID, sw.toString());
@@ -146,8 +141,7 @@ public void closeQuietly() {
   private void sendMessage(int requestID, String message) {
     if (mWebSocket == null) {
       triggerRequestFailure(
-          requestID,
-          new IllegalStateException("WebSocket connection no longer valid"));
+          requestID, new IllegalStateException("WebSocket connection no longer valid"));
       return;
     }
     try {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSDevSupport.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSDevSupport.java
index 9e98a6415ecf59..16c38e0a38da1a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSDevSupport.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSDevSupport.java
@@ -7,15 +7,14 @@
 
 import android.util.Pair;
 import android.view.View;
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.JavaScriptModule;
 import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.module.annotations.ReactModule;
 import java.util.HashMap;
 import java.util.Map;
-import javax.annotation.Nullable;
 
 @ReactModule(name = JSDevSupport.MODULE_NAME)
 public class JSDevSupport extends ReactContextBaseJavaModule {
@@ -25,8 +24,7 @@ public class JSDevSupport extends ReactContextBaseJavaModule {
   public static final int ERROR_CODE_EXCEPTION = 0;
   public static final int ERROR_CODE_VIEW_NOT_FOUND = 1;
 
-  @Nullable
-  private volatile DevSupportCallback mCurrentCallback = null;
+  @Nullable private volatile DevSupportCallback mCurrentCallback = null;
 
   public interface JSDevSupportModule extends JavaScriptModule {
     void getJSHierarchy(int reactTag);
@@ -55,11 +53,12 @@ public synchronized void computeDeepestJSHierarchy(View root, DevSupportCallback
   }
 
   public synchronized void getJSHierarchy(int reactTag, DevSupportCallback callback) {
-    JSDevSupportModule
-        jsDevSupportModule = getReactApplicationContext().getJSModule(JSDevSupportModule.class);
+    JSDevSupportModule jsDevSupportModule =
+        getReactApplicationContext().getJSModule(JSDevSupportModule.class);
     if (jsDevSupportModule == null) {
-      callback.onFailure(ERROR_CODE_EXCEPTION, new JSCHeapCapture.CaptureException(MODULE_NAME +
-        " module not registered."));
+      callback.onFailure(
+          ERROR_CODE_EXCEPTION,
+          new JSCHeapCapture.CaptureException(MODULE_NAME + " module not registered."));
       return;
     }
     mCurrentCallback = callback;
@@ -94,5 +93,4 @@ public Map<String, Object> getConstants() {
   public String getName() {
     return MODULE_NAME;
   }
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSException.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSException.java
index 7f7721fabb6034..3a940334c75ec7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSException.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSException.java
@@ -1,19 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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).
+ * 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;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/MultipartStreamReader.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/MultipartStreamReader.java
index a7e1db130e8083..ed9e11904c8827 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/MultipartStreamReader.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/MultipartStreamReader.java
@@ -1,23 +1,19 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.io.IOException;
 import java.util.HashMap;
 import java.util.Map;
-
 import okio.Buffer;
 import okio.BufferedSource;
 import okio.ByteString;
 
-/**
- * Utility class to parse the body of a response of type multipart/mixed.
- */
+/** Utility class to parse the body of a response of type multipart/mixed. */
 public class MultipartStreamReader {
   // Standard line separator for HTTP.
   private static final String CRLF = "\r\n";
@@ -27,14 +23,11 @@ public class MultipartStreamReader {
   private long mLastProgressEvent;
 
   public interface ChunkListener {
-    /**
-     * Invoked when a chunk of a multipart response is fully downloaded.
-     */
-    void onChunkComplete(Map<String, String> headers, Buffer body, boolean isLastChunk) throws IOException;
-
-    /**
-     * Invoked as bytes of the current chunk are read.
-     */
+    /** Invoked when a chunk of a multipart response is fully downloaded. */
+    void onChunkComplete(Map<String, String> headers, Buffer body, boolean isLastChunk)
+        throws IOException;
+
+    /** Invoked as bytes of the current chunk are read. */
     void onChunkProgress(Map<String, String> headers, long loaded, long total) throws IOException;
   }
 
@@ -77,7 +70,9 @@ private void emitChunk(Buffer chunk, boolean done, ChunkListener listener) throw
     }
   }
 
-  private void emitProgress(Map<String, String> headers, long contentLength, boolean isFinal, ChunkListener listener) throws IOException {
+  private void emitProgress(
+      Map<String, String> headers, long contentLength, boolean isFinal, ChunkListener listener)
+      throws IOException {
     if (headers == null || listener == null) {
       return;
     }
@@ -85,13 +80,15 @@ private void emitProgress(Map<String, String> headers, long contentLength, boole
     long currentTime = System.currentTimeMillis();
     if (currentTime - mLastProgressEvent > 16 || isFinal) {
       mLastProgressEvent = currentTime;
-      long headersContentLength = headers.get("Content-Length") != null ? Long.parseLong(headers.get("Content-Length")) : 0;
+      long headersContentLength =
+          headers.get("Content-Length") != null ? Long.parseLong(headers.get("Content-Length")) : 0;
       listener.onChunkProgress(headers, contentLength, headersContentLength);
     }
   }
 
   /**
    * Reads all parts of the multipart response and execute the listener for each chunk received.
+   *
    * @param listener Listener invoked when chunks are received.
    * @return If the read was successful
    */
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/ReactInstanceManagerDevHelper.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/ReactInstanceManagerDevHelper.java
index b9c35a5ee2ea46..6cb86590225487 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/ReactInstanceManagerDevHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/ReactInstanceManagerDevHelper.java
@@ -1,41 +1,35 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.app.Activity;
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.JavaJSExecutor;
-
+import com.facebook.react.bridge.JavaScriptExecutorFactory;
 import com.facebook.react.bridge.NativeDeltaClient;
-import javax.annotation.Nullable;
 
 /**
- * Interface used by {@link DevSupportManager} for accessing some fields and methods of
- * {@link ReactInstanceManager} for the purpose of displaying and handling developer menu options.
+ * Interface used by {@link DevSupportManager} for accessing some fields and methods of {@link
+ * ReactInstanceManager} for the purpose of displaying and handling developer menu options.
  */
 public interface ReactInstanceManagerDevHelper {
 
-  /**
-   * Request react instance recreation with JS debugging enabled.
-   */
+  /** Request react instance recreation with JS debugging enabled. */
   void onReloadWithJSDebugger(JavaJSExecutor.Factory proxyExecutorFactory);
 
-  /**
-   * Notify react instance manager about new JS bundle version downloaded from the server.
-   */
+  /** Notify react instance manager about new JS bundle version downloaded from the server. */
   void onJSBundleLoadedFromServer(@Nullable NativeDeltaClient nativeDeltaClient);
 
-  /**
-   * Request to toggle the react element inspector.
-   */
+  /** Request to toggle the react element inspector. */
   void toggleElementInspector();
 
-  /**
-   * Get reference to top level #{link Activity} attached to react context
-   */
-  @Nullable Activity getCurrentActivity();
+  /** Get reference to top level #{link Activity} attached to react context */
+  @Nullable
+  Activity getCurrentActivity();
+
+  JavaScriptExecutorFactory getJavaScriptExecutorFactory();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/RedBoxDialog.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/RedBoxDialog.java
index 14c0867bb49378..bf509d33455305 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/RedBoxDialog.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/RedBoxDialog.java
@@ -1,14 +1,11 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
-
 import android.app.Dialog;
 import android.content.Context;
 import android.graphics.Color;
@@ -27,25 +24,22 @@
 import android.widget.ListView;
 import android.widget.ProgressBar;
 import android.widget.TextView;
-
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.R;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.common.ReactConstants;
+import com.facebook.react.devsupport.RedBoxHandler.ReportCompletedListener;
 import com.facebook.react.devsupport.interfaces.DevSupportManager;
 import com.facebook.react.devsupport.interfaces.StackFrame;
-import com.facebook.react.devsupport.RedBoxHandler.ReportCompletedListener;
-
 import okhttp3.MediaType;
 import okhttp3.OkHttpClient;
 import okhttp3.Request;
 import okhttp3.RequestBody;
 import org.json.JSONObject;
 
-/**
- * Dialog for displaying JS errors in an eye-catching form (red box).
- */
+/** Dialog for displaying JS errors in an eye-catching form (red box). */
 /* package */ class RedBoxDialog extends Dialog implements AdapterView.OnItemClickListener {
 
   private final DevSupportManager mDevSupportManager;
@@ -61,48 +55,51 @@
   private @Nullable View mLineSeparator;
   private boolean isReporting = false;
 
-  private ReportCompletedListener mReportCompletedListener = new ReportCompletedListener() {
-    @Override
-    public void onReportSuccess(final SpannedString spannedString) {
-      isReporting = false;
-      Assertions.assertNotNull(mReportButton).setEnabled(true);
-      Assertions.assertNotNull(mLoadingIndicator).setVisibility(View.GONE);
-      Assertions.assertNotNull(mReportTextView).setText(spannedString);
-    }
-    @Override
-    public void onReportError(final SpannedString spannedString) {
-      isReporting = false;
-      Assertions.assertNotNull(mReportButton).setEnabled(true);
-      Assertions.assertNotNull(mLoadingIndicator).setVisibility(View.GONE);
-      Assertions.assertNotNull(mReportTextView).setText(spannedString);
-    }
-  };
+  private ReportCompletedListener mReportCompletedListener =
+      new ReportCompletedListener() {
+        @Override
+        public void onReportSuccess(final SpannedString spannedString) {
+          isReporting = false;
+          Assertions.assertNotNull(mReportButton).setEnabled(true);
+          Assertions.assertNotNull(mLoadingIndicator).setVisibility(View.GONE);
+          Assertions.assertNotNull(mReportTextView).setText(spannedString);
+        }
 
-  private View.OnClickListener mReportButtonOnClickListener = new View.OnClickListener() {
-    @Override
-    public void onClick(View view) {
-      if (mRedBoxHandler == null || !mRedBoxHandler.isReportEnabled() || isReporting) {
-        return;
-      }
-      isReporting = true;
-      Assertions.assertNotNull(mReportTextView).setText("Reporting...");
-      Assertions.assertNotNull(mReportTextView).setVisibility(View.VISIBLE);
-      Assertions.assertNotNull(mLoadingIndicator).setVisibility(View.VISIBLE);
-      Assertions.assertNotNull(mLineSeparator).setVisibility(View.VISIBLE);
-      Assertions.assertNotNull(mReportButton).setEnabled(false);
-
-      String title = Assertions.assertNotNull(mDevSupportManager.getLastErrorTitle());
-      StackFrame[] stack = Assertions.assertNotNull(mDevSupportManager.getLastErrorStack());
-      String sourceUrl = mDevSupportManager.getSourceUrl();
-
-      mRedBoxHandler.reportRedbox(
-          view.getContext(),
-          title,
-          stack,
-          sourceUrl,
-          Assertions.assertNotNull(mReportCompletedListener));
-    }
-  };
+        @Override
+        public void onReportError(final SpannedString spannedString) {
+          isReporting = false;
+          Assertions.assertNotNull(mReportButton).setEnabled(true);
+          Assertions.assertNotNull(mLoadingIndicator).setVisibility(View.GONE);
+          Assertions.assertNotNull(mReportTextView).setText(spannedString);
+        }
+      };
+
+  private View.OnClickListener mReportButtonOnClickListener =
+      new View.OnClickListener() {
+        @Override
+        public void onClick(View view) {
+          if (mRedBoxHandler == null || !mRedBoxHandler.isReportEnabled() || isReporting) {
+            return;
+          }
+          isReporting = true;
+          Assertions.assertNotNull(mReportTextView).setText("Reporting...");
+          Assertions.assertNotNull(mReportTextView).setVisibility(View.VISIBLE);
+          Assertions.assertNotNull(mLoadingIndicator).setVisibility(View.VISIBLE);
+          Assertions.assertNotNull(mLineSeparator).setVisibility(View.VISIBLE);
+          Assertions.assertNotNull(mReportButton).setEnabled(false);
+
+          String title = Assertions.assertNotNull(mDevSupportManager.getLastErrorTitle());
+          StackFrame[] stack = Assertions.assertNotNull(mDevSupportManager.getLastErrorStack());
+          String sourceUrl = mDevSupportManager.getSourceUrl();
+
+          mRedBoxHandler.reportRedbox(
+              view.getContext(),
+              title,
+              stack,
+              sourceUrl,
+              Assertions.assertNotNull(mReportCompletedListener));
+        }
+      };
 
   private static class StackAdapter extends BaseAdapter {
     private static final int VIEW_TYPE_COUNT = 2;
@@ -165,17 +162,20 @@ public int getItemViewType(int position) {
     @Override
     public View getView(int position, View convertView, ViewGroup parent) {
       if (position == 0) {
-        TextView title = convertView != null
-            ? (TextView) convertView
-            : (TextView) LayoutInflater.from(parent.getContext())
-                .inflate(R.layout.redbox_item_title, parent, false);
+        TextView title =
+            convertView != null
+                ? (TextView) convertView
+                : (TextView)
+                    LayoutInflater.from(parent.getContext())
+                        .inflate(R.layout.redbox_item_title, parent, false);
         // Remove ANSI color codes from the title
         title.setText(mTitle.replaceAll("\\x1b\\[[0-9;]*m", ""));
         return title;
       } else {
         if (convertView == null) {
-          convertView = LayoutInflater.from(parent.getContext())
-              .inflate(R.layout.redbox_item_frame, parent, false);
+          convertView =
+              LayoutInflater.from(parent.getContext())
+                  .inflate(R.layout.redbox_item_frame, parent, false);
           convertView.setTag(new FrameViewHolder(convertView));
         }
         StackFrame frame = mStack[position - 1];
@@ -200,13 +200,14 @@ private OpenStackFrameTask(DevSupportManager devSupportManager) {
     protected Void doInBackground(StackFrame... stackFrames) {
       try {
         String openStackFrameUrl =
-            Uri.parse(mDevSupportManager.getSourceUrl()).buildUpon()
+            Uri.parse(mDevSupportManager.getSourceUrl())
+                .buildUpon()
                 .path("/open-stack-frame")
                 .query(null)
                 .build()
                 .toString();
         OkHttpClient client = new OkHttpClient();
-        for (StackFrame frame: stackFrames) {
+        for (StackFrame frame : stackFrames) {
           String payload = stackFrameToJson(frame).toString();
           RequestBody body = RequestBody.create(JSON, payload);
           Request request = new Request.Builder().url(openStackFrameUrl).post(body).build();
@@ -224,15 +225,12 @@ private static JSONObject stackFrameToJson(StackFrame frame) {
               "file", frame.getFile(),
               "methodName", frame.getMethod(),
               "lineNumber", frame.getLine(),
-              "column", frame.getColumn()
-          ));
+              "column", frame.getColumn()));
     }
   }
 
   protected RedBoxDialog(
-    Context context,
-    DevSupportManager devSupportManager,
-    @Nullable RedBoxHandler redBoxHandler) {
+      Context context, DevSupportManager devSupportManager, @Nullable RedBoxHandler redBoxHandler) {
     super(context, R.style.Theme_Catalyst_RedBox);
 
     requestWindowFeature(Window.FEATURE_NO_TITLE);
@@ -247,19 +245,21 @@ protected RedBoxDialog(
     mStackView.setOnItemClickListener(this);
 
     mReloadJsButton = (Button) findViewById(R.id.rn_redbox_reload_button);
-    mReloadJsButton.setOnClickListener(new View.OnClickListener() {
-      @Override
-      public void onClick(View v) {
-        mDevSupportManager.handleReloadJS();
-      }
-    });
+    mReloadJsButton.setOnClickListener(
+        new View.OnClickListener() {
+          @Override
+          public void onClick(View v) {
+            mDevSupportManager.handleReloadJS();
+          }
+        });
     mDismissButton = (Button) findViewById(R.id.rn_redbox_dismiss_button);
-    mDismissButton.setOnClickListener(new View.OnClickListener() {
-      @Override
-      public void onClick(View v) {
-        dismiss();
-      }
-    });
+    mDismissButton.setOnClickListener(
+        new View.OnClickListener() {
+          @Override
+          public void onClick(View v) {
+            dismiss();
+          }
+        });
 
     if (mRedBoxHandler != null && mRedBoxHandler.isReportEnabled()) {
       mLoadingIndicator = (ProgressBar) findViewById(R.id.rn_redbox_loading_indicator);
@@ -276,9 +276,7 @@ public void setExceptionDetails(String title, StackFrame[] stack) {
     mStackView.setAdapter(new StackAdapter(title, stack));
   }
 
-  /**
-   * Show the report button, hide the report textview and the loading indicator.
-   */
+  /** Show the report button, hide the report textview and the loading indicator. */
   public void resetReporting() {
     if (mRedBoxHandler == null || !mRedBoxHandler.isReportEnabled()) {
       return;
@@ -293,9 +291,9 @@ public void resetReporting() {
 
   @Override
   public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
-    new OpenStackFrameTask(mDevSupportManager).executeOnExecutor(
-        AsyncTask.THREAD_POOL_EXECUTOR,
-        (StackFrame) mStackView.getAdapter().getItem(position));
+    new OpenStackFrameTask(mDevSupportManager)
+        .executeOnExecutor(
+            AsyncTask.THREAD_POOL_EXECUTOR, (StackFrame) mStackView.getAdapter().getItem(position));
   }
 
   @Override
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/RedBoxHandler.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/RedBoxHandler.java
index 3df7aa399a262f..4edaefb3dcd6b8 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/RedBoxHandler.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/RedBoxHandler.java
@@ -1,22 +1,20 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.content.Context;
-import androidx.annotation.Nullable;
 import android.text.SpannedString;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.devsupport.interfaces.StackFrame;
 
 /**
- * Interface used by {@link DevSupportManagerImpl} to allow interception on any redboxes
- * during development and handling the information from the redbox.
- * The implementation should be passed by setRedBoxHandler in ReactInstanceManager.
+ * Interface used by {@link DevSupportManagerImpl} to allow interception on any redboxes during
+ * development and handling the information from the redbox. The implementation should be passed by
+ * setRedBoxHandler in ReactInstanceManager.
  */
 public interface RedBoxHandler {
   enum ErrorType {
@@ -24,35 +22,30 @@ enum ErrorType {
     NATIVE("Native");
 
     private final String name;
+
     ErrorType(String name) {
       this.name = name;
     }
+
     public String getName() {
       return name;
     }
   }
 
-  /**
-   * Callback interface for {@link #reportRedbox}.
-   */
+  /** Callback interface for {@link #reportRedbox}. */
   interface ReportCompletedListener {
     void onReportSuccess(SpannedString spannedString);
+
     void onReportError(SpannedString spannedString);
   }
 
-  /**
-   * Handle the information from the redbox.
-   */
+  /** Handle the information from the redbox. */
   void handleRedbox(@Nullable String title, StackFrame[] stack, ErrorType errorType);
 
-  /**
-   * Whether the report feature is enabled.
-   */
+  /** Whether the report feature is enabled. */
   boolean isReportEnabled();
 
-  /**
-   * Report the information from the redbox and set up a callback listener.
-   */
+  /** Report the information from the redbox and set up a callback listener. */
   void reportRedbox(
       Context context,
       String title,
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/StackTraceHelper.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/StackTraceHelper.java
index 1476b30a8ade58..4d8bff01233c21 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/StackTraceHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/StackTraceHelper.java
@@ -1,12 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 androidx.annotation.Nullable;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.ReadableType;
@@ -15,27 +15,22 @@
 import java.io.File;
 import java.util.regex.Matcher;
 import java.util.regex.Pattern;
-import javax.annotation.Nullable;
 import org.json.JSONArray;
 import org.json.JSONException;
 import org.json.JSONObject;
 
-/**
- * Helper class converting JS and Java stack traces into arrays of {@link StackFrame} objects.
- */
+/** Helper class converting JS and Java stack traces into arrays of {@link StackFrame} objects. */
 public class StackTraceHelper {
 
   public static final java.lang.String COLUMN_KEY = "column";
   public static final java.lang.String LINE_NUMBER_KEY = "lineNumber";
 
-  private static final Pattern STACK_FRAME_PATTERN1 = Pattern.compile(
-      "^(?:(.*?)@)?(.*?)\\:([0-9]+)\\:([0-9]+)$");
-  private static final Pattern STACK_FRAME_PATTERN2 = Pattern.compile(
-      "\\s*(?:at)\\s*(.+?)\\s*[@(](.*):([0-9]+):([0-9]+)[)]$");
+  private static final Pattern STACK_FRAME_PATTERN1 =
+      Pattern.compile("^(?:(.*?)@)?(.*?)\\:([0-9]+)\\:([0-9]+)$");
+  private static final Pattern STACK_FRAME_PATTERN2 =
+      Pattern.compile("\\s*(?:at)\\s*(.+?)\\s*[@(](.*):([0-9]+):([0-9]+)[)]$");
 
-  /**
-   * Represents a generic entry in a stack trace, be it originally from JS or Java.
-   */
+  /** Represents a generic entry in a stack trace, be it originally from JS or Java. */
   public static class StackFrameImpl implements StackFrame {
     private final String mFile;
     private final String mMethod;
@@ -62,30 +57,24 @@ private StackFrameImpl(String file, String fileName, String method, int line, in
     /**
      * Get the file this stack frame points to.
      *
-     * JS traces return the full path to the file here, while Java traces only return the file name
-     * (the path is not known).
+     * <p>JS traces return the full path to the file here, while Java traces only return the file
+     * name (the path is not known).
      */
     public String getFile() {
       return mFile;
     }
 
-    /**
-     * Get the name of the method this frame points to.
-     */
+    /** Get the name of the method this frame points to. */
     public String getMethod() {
       return mMethod;
     }
 
-    /**
-     * Get the line number this frame points to in the file returned by {@link #getFile()}.
-     */
+    /** Get the line number this frame points to in the file returned by {@link #getFile()}. */
     public int getLine() {
       return mLine;
     }
 
-    /**
-     * Get the column this frame points to in the file returned by {@link #getFile()}.
-     */
+    /** Get the column this frame points to in the file returned by {@link #getFile()}. */
     public int getColumn() {
       return mColumn;
     }
@@ -93,16 +82,14 @@ public int getColumn() {
     /**
      * Get just the name of the file this frame points to.
      *
-     * For JS traces this is different from {@link #getFile()} in that it only returns the file
+     * <p>For JS traces this is different from {@link #getFile()} in that it only returns the file
      * name, not the full path. For Java traces there is no difference.
      */
     public String getFileName() {
       return mFileName;
     }
 
-    /**
-     * Convert the stack frame to a JSON representation.
-     */
+    /** Convert the stack frame to a JSON representation. */
     public JSONObject toJSON() {
       return new JSONObject(
           MapBuilder.of(
@@ -114,8 +101,8 @@ public JSONObject toJSON() {
   }
 
   /**
-   * Convert a JavaScript stack trace (see {@code parseErrorStack} JS module) to an array of
-   * {@link StackFrame}s.
+   * Convert a JavaScript stack trace (see {@code parseErrorStack} JS module) to an array of {@link
+   * StackFrame}s.
    */
   public static StackFrame[] convertJsStackTrace(@Nullable ReadableArray stack) {
     int size = stack != null ? stack.size() : 0;
@@ -143,8 +130,8 @@ public static StackFrame[] convertJsStackTrace(@Nullable ReadableArray stack) {
   }
 
   /**
-   * Convert a JavaScript stack trace (see {@code parseErrorStack} JS module) to an array of
-   * {@link StackFrame}s.
+   * Convert a JavaScript stack trace (see {@code parseErrorStack} JS module) to an array of {@link
+   * StackFrame}s.
    */
   public static StackFrame[] convertJsStackTrace(JSONArray stack) {
     int size = stack != null ? stack.length() : 0;
@@ -170,9 +157,7 @@ public static StackFrame[] convertJsStackTrace(JSONArray stack) {
     return result;
   }
 
-  /**
-   * Convert a JavaScript stack trace to an array of {@link StackFrame}s.
-   */
+  /** Convert a JavaScript stack trace to an array of {@link StackFrame}s. */
   public static StackFrame[] convertJsStackTrace(String stack) {
     String[] stackTrace = stack.split("\n");
     StackFrame[] result = new StackFrame[stackTrace.length];
@@ -188,35 +173,33 @@ public static StackFrame[] convertJsStackTrace(String stack) {
         result[i] = new StackFrameImpl(null, stackTrace[i], -1, -1);
         continue;
       }
-      result[i] = new StackFrameImpl(
-        matcher.group(2),
-        matcher.group(1) == null ? "(unknown)" : matcher.group(1),
-        Integer.parseInt(matcher.group(3)),
-        Integer.parseInt(matcher.group(4)));
+      result[i] =
+          new StackFrameImpl(
+              matcher.group(2),
+              matcher.group(1) == null ? "(unknown)" : matcher.group(1),
+              Integer.parseInt(matcher.group(3)),
+              Integer.parseInt(matcher.group(4)));
     }
     return result;
   }
 
-  /**
-   * Convert a {@link Throwable} to an array of {@link StackFrame}s.
-   */
+  /** Convert a {@link Throwable} to an array of {@link StackFrame}s. */
   public static StackFrame[] convertJavaStackTrace(Throwable exception) {
     StackTraceElement[] stackTrace = exception.getStackTrace();
     StackFrame[] result = new StackFrame[stackTrace.length];
     for (int i = 0; i < stackTrace.length; i++) {
-      result[i] = new StackFrameImpl(
-          stackTrace[i].getClassName(),
-          stackTrace[i].getFileName(),
-          stackTrace[i].getMethodName(),
-          stackTrace[i].getLineNumber(),
-          -1);
+      result[i] =
+          new StackFrameImpl(
+              stackTrace[i].getClassName(),
+              stackTrace[i].getFileName(),
+              stackTrace[i].getMethodName(),
+              stackTrace[i].getLineNumber(),
+              -1);
     }
     return result;
   }
 
-  /**
-   * Format a {@link StackFrame} to a String (method name is not included).
-   */
+  /** Format a {@link StackFrame} to a String (method name is not included). */
   public static String formatFrameSource(StackFrame frame) {
     StringBuilder lineInfo = new StringBuilder();
     lineInfo.append(frame.getFileName());
@@ -231,14 +214,13 @@ public static String formatFrameSource(StackFrame frame) {
     return lineInfo.toString();
   }
 
-  /**
-   * Format an array of {@link StackFrame}s with the error title to a String.
-   */
+  /** Format an array of {@link StackFrame}s with the error title to a String. */
   public static String formatStackTrace(String title, StackFrame[] stack) {
     StringBuilder stackTrace = new StringBuilder();
     stackTrace.append(title).append("\n");
-    for (StackFrame frame: stack) {
-      stackTrace.append(frame.getMethod())
+    for (StackFrame frame : stack) {
+      stackTrace
+          .append(frame.getMethod())
           .append("\n")
           .append("    ")
           .append(formatFrameSource(frame))
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/ViewHierarchyUtil.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/ViewHierarchyUtil.java
index 56e617cafd81ce..a65287acc4845b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/ViewHierarchyUtil.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/ViewHierarchyUtil.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.util.Pair;
@@ -13,14 +12,10 @@
 import java.util.LinkedList;
 import java.util.Queue;
 
-/**
- * Helper for computing information about the view hierarchy
- */
+/** Helper for computing information about the view hierarchy */
 public class ViewHierarchyUtil {
 
-  /**
-   * Returns the view instance and depth of the deepest leaf view from the given root view.
-   */
+  /** Returns the view instance and depth of the deepest leaf view from the given root view. */
   public static Pair<View, Integer> getDeepestLeaf(View root) {
     Queue<Pair<View, Integer>> queue = new LinkedList<>();
     Pair<View, Integer> maxPair = new Pair<>(root, 1);
@@ -34,7 +29,7 @@ public static Pair<View, Integer> getDeepestLeaf(View root) {
       if (current.first instanceof ViewGroup) {
         ViewGroup viewGroup = (ViewGroup) current.first;
         Integer depth = current.second + 1;
-        for (int i = 0 ; i < viewGroup.getChildCount() ; i++) {
+        for (int i = 0; i < viewGroup.getChildCount(); i++) {
           queue.add(new Pair<>(viewGroup.getChildAt(i), depth));
         }
       }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/WebsocketJavaScriptExecutor.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/WebsocketJavaScriptExecutor.java
index ffeb568382e3c0..ea7c75861064ad 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/WebsocketJavaScriptExecutor.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/WebsocketJavaScriptExecutor.java
@@ -1,24 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.infer.annotation.Assertions;
 import com.facebook.react.bridge.JavaJSExecutor;
 import java.util.HashMap;
 import java.util.concurrent.Semaphore;
 import java.util.concurrent.atomic.AtomicInteger;
-import javax.annotation.Nullable;
 
-/**
- * Executes JS remotely via the react nodejs server as a proxy to a browser on the host machine.
- */
+/** Executes JS remotely via the react nodejs server as a proxy to a browser on the host machine. */
 public class WebsocketJavaScriptExecutor implements JavaJSExecutor {
 
   private static final long CONNECT_TIMEOUT_MS = 5000;
@@ -26,6 +23,7 @@ public class WebsocketJavaScriptExecutor implements JavaJSExecutor {
 
   public interface JSExecutorConnectCallback {
     void onSuccess();
+
     void onFailure(Throwable cause);
   }
 
@@ -35,8 +33,8 @@ public WebsocketExecutorTimeoutException(String message) {
     }
   }
 
-  private static class JSExecutorCallbackFuture implements
-    JSDebuggerWebSocketClient.JSDebuggerCallback {
+  private static class JSExecutorCallbackFuture
+      implements JSDebuggerWebSocketClient.JSDebuggerCallback {
 
     private final Semaphore mSemaphore = new Semaphore(0);
     private @Nullable Throwable mCause;
@@ -54,9 +52,7 @@ public void onFailure(Throwable cause) {
       mSemaphore.release();
     }
 
-    /**
-     * Call only once per object instance!
-     */
+    /** Call only once per object instance! */
     public @Nullable String get() throws Throwable {
       mSemaphore.acquire();
       if (mCause != null) {
@@ -66,36 +62,37 @@ public void onFailure(Throwable cause) {
     }
   }
 
-  final private HashMap<String, String> mInjectedObjects = new HashMap<>();
+  private final HashMap<String, String> mInjectedObjects = new HashMap<>();
   private @Nullable JSDebuggerWebSocketClient mWebSocketClient;
 
   public void connect(final String webSocketServerUrl, final JSExecutorConnectCallback callback) {
     final AtomicInteger retryCount = new AtomicInteger(CONNECT_RETRY_COUNT);
-    final JSExecutorConnectCallback retryProxyCallback = new JSExecutorConnectCallback() {
-      @Override
-      public void onSuccess() {
-        callback.onSuccess();
-      }
+    final JSExecutorConnectCallback retryProxyCallback =
+        new JSExecutorConnectCallback() {
+          @Override
+          public void onSuccess() {
+            callback.onSuccess();
+          }
 
-      @Override
-      public void onFailure(Throwable cause) {
-        if (retryCount.decrementAndGet() <= 0) {
-          callback.onFailure(cause);
-        } else {
-          connectInternal(webSocketServerUrl, this);
-        }
-      }
-    };
+          @Override
+          public void onFailure(Throwable cause) {
+            if (retryCount.decrementAndGet() <= 0) {
+              callback.onFailure(cause);
+            } else {
+              connectInternal(webSocketServerUrl, this);
+            }
+          }
+        };
     connectInternal(webSocketServerUrl, retryProxyCallback);
   }
 
   private void connectInternal(
-      String webSocketServerUrl,
-      final JSExecutorConnectCallback callback) {
+      String webSocketServerUrl, final JSExecutorConnectCallback callback) {
     final JSDebuggerWebSocketClient client = new JSDebuggerWebSocketClient();
     final Handler timeoutHandler = new Handler(Looper.getMainLooper());
     client.connect(
-        webSocketServerUrl, new JSDebuggerWebSocketClient.JSDebuggerCallback() {
+        webSocketServerUrl,
+        new JSDebuggerWebSocketClient.JSDebuggerCallback() {
           // It's possible that both callbacks can fire on an error so make sure we only
           // dispatch results once to our callback.
           private boolean didSendResult = false;
@@ -157,10 +154,8 @@ public void close() {
   @Override
   public void loadApplicationScript(String sourceURL) throws JavaJSExecutor.ProxyExecutorException {
     JSExecutorCallbackFuture callback = new JSExecutorCallbackFuture();
-    Assertions.assertNotNull(mWebSocketClient).loadApplicationScript(
-        sourceURL,
-        mInjectedObjects,
-        callback);
+    Assertions.assertNotNull(mWebSocketClient)
+        .loadApplicationScript(sourceURL, mInjectedObjects, callback);
     try {
       callback.get();
     } catch (Throwable cause) {
@@ -172,10 +167,7 @@ public void loadApplicationScript(String sourceURL) throws JavaJSExecutor.ProxyE
   public @Nullable String executeJSCall(String methodName, String jsonArgsArray)
       throws JavaJSExecutor.ProxyExecutorException {
     JSExecutorCallbackFuture callback = new JSExecutorCallbackFuture();
-    Assertions.assertNotNull(mWebSocketClient).executeJSCall(
-        methodName,
-        jsonArgsArray,
-        callback);
+    Assertions.assertNotNull(mWebSocketClient).executeJSCall(methodName, jsonArgsArray, callback);
     try {
       return callback.get();
     } catch (Throwable cause) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/WindowOverlayCompat.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/WindowOverlayCompat.java
index 9027148553d2ba..97a39dc709822c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/WindowOverlayCompat.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/WindowOverlayCompat.java
@@ -1,25 +1,29 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.Build;
 import android.view.WindowManager;
 
 /**
- * Compatibility wrapper for apps targeting API level 26 or later.
- * See https://developer.android.com/about/versions/oreo/android-8.0-changes.html#cwt
+ * 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 {
 
   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 ? WindowManager.LayoutParams.TYPE_SYSTEM_OVERLAY : TYPE_APPLICATION_OVERLAY;
-
+  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
+          ? WindowManager.LayoutParams.TYPE_SYSTEM_OVERLAY
+          : TYPE_APPLICATION_OVERLAY;
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/DevBundleDownloadListener.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/DevBundleDownloadListener.java
index 1d7f2a49ebaa14..8ddd20af41c41e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/DevBundleDownloadListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/DevBundleDownloadListener.java
@@ -1,17 +1,18 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.interfaces;
 
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.NativeDeltaClient;
-import javax.annotation.Nullable;
 
 public interface DevBundleDownloadListener {
   void onSuccess(@Nullable NativeDeltaClient nativeDeltaClient);
+
   void onProgress(@Nullable String status, @Nullable Integer done, @Nullable Integer total);
+
   void onFailure(Exception cause);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/DevOptionHandler.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/DevOptionHandler.java
index 9e84ae97432a5f..fd7f807ae01834 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/DevOptionHandler.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/DevOptionHandler.java
@@ -1,16 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.interfaces;
 
 /**
- * Callback class for custom options that may appear in {@link DevSupportManager} developer
- * options menu. In case when option registered for this handler is selected from the menu, the
- * instance method {@link #onOptionSelected} will be triggered.
+ * Callback class for custom options that may appear in {@link DevSupportManager} developer options
+ * menu. In case when option registered for this handler is selected from the menu, the instance
+ * method {@link #onOptionSelected} will be triggered.
  */
 public interface DevOptionHandler {
 
@@ -19,5 +18,4 @@ public interface DevOptionHandler {
    * displayed with {@link DevSupportManager}.
    */
   public void onOptionSelected();
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/DevSupportManager.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/DevSupportManager.java
index 6fb3775da7ab75..360b76c04e7e01 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/DevSupportManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/DevSupportManager.java
@@ -1,59 +1,87 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.interfaces;
 
-import javax.annotation.Nullable;
-
-import java.io.File;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.NativeModuleCallExceptionHandler;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.modules.debug.interfaces.DeveloperSettings;
+import java.io.File;
 
 /**
- * Interface for accessing and interacting with development features.
- * In dev mode, use the implementation {@link DevSupportManagerImpl}.
- * In production mode, use the dummy implementation {@link DisabledDevSupportManager}.
+ * Interface for accessing and interacting with development features. In dev mode, use the
+ * implementation {@link DevSupportManagerImpl}. In production mode, use the dummy implementation
+ * {@link DisabledDevSupportManager}.
  */
 public interface DevSupportManager extends NativeModuleCallExceptionHandler {
 
   void showNewJavaError(String message, Throwable e);
+
   void addCustomDevOption(String optionName, DevOptionHandler optionHandler);
+
   void showNewJSError(String message, ReadableArray details, int errorCookie);
+
   void updateJSError(final String message, final ReadableArray details, final int errorCookie);
+
   void hideRedboxDialog();
+
   void showDevOptionsDialog();
+
   void setDevSupportEnabled(boolean isDevSupportEnabled);
+
   void startInspector();
+
   void stopInspector();
+
   boolean getDevSupportEnabled();
+
   DeveloperSettings getDevSettings();
+
   void onNewReactContextCreated(ReactContext reactContext);
+
   void onReactInstanceDestroyed(ReactContext reactContext);
+
   String getSourceMapUrl();
+
   String getSourceUrl();
+
   String getJSBundleURLForRemoteDebugging();
+
   String getDownloadedJSBundleFile();
+
   boolean hasUpToDateJSBundleInCache();
+
   void reloadSettings();
+
   void handleReloadJS();
+
   void reloadJSFromServer(final String bundleURL);
+
   void isPackagerRunning(PackagerStatusCallback callback);
+
   void setHotModuleReplacementEnabled(final boolean isHotModuleReplacementEnabled);
+
   void setRemoteJSDebugEnabled(final boolean isRemoteJSDebugEnabled);
+
   void setReloadOnJSChangeEnabled(final boolean isReloadOnJSChangeEnabled);
+
   void setFpsDebugEnabled(final boolean isFpsDebugEnabled);
+
   void toggleElementInspector();
-  @Nullable File downloadBundleResourceFromUrlSync(
-      final String resourceURL,
-      final File outputFile);
-  @Nullable String getLastErrorTitle();
-  @Nullable StackFrame[] getLastErrorStack();
+
+  @Nullable
+  File downloadBundleResourceFromUrlSync(final String resourceURL, final File outputFile);
+
+  @Nullable
+  String getLastErrorTitle();
+
+  @Nullable
+  StackFrame[] getLastErrorStack();
+
   void registerErrorCustomizer(ErrorCustomizer errorCustomizer);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/ErrorCustomizer.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/ErrorCustomizer.java
index 4d251bb0d6cb35..b0c7dde0a0bad7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/ErrorCustomizer.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/ErrorCustomizer.java
@@ -1,16 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.interfaces;
 
 import android.util.Pair;
 
-/**
- * Interface that lets parts of the app process the errors before showing the redbox
- */
+/** Interface that lets parts of the app process the errors before showing the redbox */
 public interface ErrorCustomizer {
 
   /**
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/PackagerStatusCallback.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/PackagerStatusCallback.java
index d257023bcd4068..b5dd5c71a568bc 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/PackagerStatusCallback.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/PackagerStatusCallback.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.interfaces;
 
 public interface PackagerStatusCallback {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/StackFrame.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/StackFrame.java
index f512198c1719e2..b544bfb1f76d30 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/StackFrame.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/StackFrame.java
@@ -1,51 +1,40 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.interfaces;
 
 import org.json.JSONObject;
 
-/**
-  * Represents a generic entry in a stack trace, be it originally from JS or Java.
-  */
+/** Represents a generic entry in a stack trace, be it originally from JS or Java. */
 public interface StackFrame {
   /**
-    * Get the file this stack frame points to.
-    *
-    * JS traces return the full path to the file here, while Java traces only return the file name
-    * (the path is not known).
-    */
+   * Get the file this stack frame points to.
+   *
+   * <p>JS traces return the full path to the file here, while Java traces only return the file name
+   * (the path is not known).
+   */
   public String getFile();
 
-  /**
-    * Get the name of the method this frame points to.
-    */
+  /** Get the name of the method this frame points to. */
   public String getMethod();
 
-  /**
-    * Get the line number this frame points to in the file returned by {@link #getFile()}.
-    */
+  /** Get the line number this frame points to in the file returned by {@link #getFile()}. */
   public int getLine();
 
-  /**
-    * Get the column this frame points to in the file returned by {@link #getFile()}.
-    */
+  /** Get the column this frame points to in the file returned by {@link #getFile()}. */
   public int getColumn();
 
   /**
-    * Get just the name of the file this frame points to.
-    *
-    * For JS traces this is different from {@link #getFile()} in that it only returns the file
-    * name, not the full path. For Java traces there is no difference.
-    */
+   * Get just the name of the file this frame points to.
+   *
+   * <p>For JS traces this is different from {@link #getFile()} in that it only returns the file
+   * name, not the full path. For Java traces there is no difference.
+   */
   public String getFileName();
 
-  /**
-   * Convert the stack frame to a JSON representation.
-   */
+  /** Convert the stack frame to a JSON representation. */
   public JSONObject toJSON();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/BUCK b/ReactAndroid/src/main/java/com/facebook/react/fabric/BUCK
index 80e09b6a0e713c..7c0d2e0c11a8fa 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/BUCK
@@ -4,6 +4,7 @@ rn_android_library(
     name = "fabric",
     srcs = glob([
         "*.java",
+        "events/**/*.java",
         "jsi/*.java",
         "mounting/**/*.java",
     ]),
@@ -28,7 +29,8 @@ rn_android_library(
         react_native_target("java/com/facebook/debug/tags:tags"),
         react_native_target("java/com/facebook/debug/holder:holder"),
         react_native_target("java/com/facebook/react/bridge:bridge"),
-        react_native_target("java/com/facebook/react/fabric/jsi/jni:jni"),
+        react_native_target("java/com/facebook/react/config:config"),
+        react_native_target("java/com/facebook/react/fabric/jni:jni"),
         react_native_target("java/com/facebook/react:react"),
         react_native_target("java/com/facebook/react/module/annotations:annotations"),
         react_native_target("java/com/facebook/react/modules/core:core"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/Binding.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/Binding.java
similarity index 59%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/Binding.java
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/Binding.java
index b3346ecf9b32dc..24e099bff030db 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/Binding.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/Binding.java
@@ -4,7 +4,7 @@
  * <p>This source 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.jsi;
+package com.facebook.react.fabric;
 
 import android.annotation.SuppressLint;
 import com.facebook.jni.HybridData;
@@ -12,8 +12,7 @@
 import com.facebook.react.bridge.JavaScriptContextHolder;
 import com.facebook.react.bridge.NativeMap;
 import com.facebook.react.bridge.queue.MessageQueueThread;
-import com.facebook.react.fabric.ReactNativeConfig;
-import com.facebook.react.fabric.FabricUIManager;
+import com.facebook.react.fabric.events.EventBeatManager;
 import com.facebook.react.uimanager.PixelUtil;
 
 @DoNotStrip
@@ -40,7 +39,16 @@ private native void installFabricUIManager(
       ComponentFactoryDelegate componentsRegistry,
       Object reactNativeConfig);
 
-  public native void startSurface(int surfaceId, NativeMap initialProps);
+  public native void startSurface(int surfaceId, String moduleName, NativeMap initialProps);
+
+  public native void startSurfaceWithConstraints(
+      int surfaceId,
+      String moduleName,
+      NativeMap initialProps,
+      float minWidth,
+      float maxWidth,
+      float minHeight,
+      float maxHeight);
 
   public native void renderTemplateToSurface(int surfaceId, String uiTemplate);
 
@@ -49,20 +57,25 @@ private native void installFabricUIManager(
   public native void setPixelDensity(float pointScaleFactor);
 
   public native void setConstraints(
-      int rootTag, float minWidth, float maxWidth, float minHeight, float maxHeight);
+      int surfaceId, float minWidth, float maxWidth, float minHeight, float maxHeight);
 
   public void register(
-       JavaScriptContextHolder jsContext,
-       FabricUIManager fabricUIManager,
-       EventBeatManager eventBeatManager,
-       MessageQueueThread jsMessageQueueThread,
-       ComponentFactoryDelegate componentFactoryDelegate,
-       ReactNativeConfig reactNativeConfig) {
+      JavaScriptContextHolder jsContext,
+      FabricUIManager fabricUIManager,
+      EventBeatManager eventBeatManager,
+      MessageQueueThread jsMessageQueueThread,
+      ComponentFactoryDelegate componentFactoryDelegate,
+      ReactNativeConfig reactNativeConfig) {
     fabricUIManager.setBinding(this);
-     installFabricUIManager(
-       jsContext.get(), fabricUIManager, eventBeatManager, jsMessageQueueThread, componentFactoryDelegate, reactNativeConfig);
-     setPixelDensity(PixelUtil.getDisplayMetricDensity());
-   }
+    installFabricUIManager(
+        jsContext.get(),
+        fabricUIManager,
+        eventBeatManager,
+        jsMessageQueueThread,
+        componentFactoryDelegate,
+        reactNativeConfig);
+    setPixelDensity(PixelUtil.getDisplayMetricDensity());
+  }
 
   private native void uninstallFabricUIManager();
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/ComponentFactoryDelegate.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/ComponentFactoryDelegate.java
similarity index 67%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/ComponentFactoryDelegate.java
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/ComponentFactoryDelegate.java
index b16d2038e5f27c..62d43fcdc61720 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/ComponentFactoryDelegate.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/ComponentFactoryDelegate.java
@@ -1,11 +1,9 @@
 // Copyright 2004-present Facebook. All Rights Reserved.
 
-package com.facebook.react.fabric.jsi;
+package com.facebook.react.fabric;
 
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
-import com.facebook.soloader.SoLoader;
-import com.facebook.react.fabric.jsi.FabricSoLoader;
 
 @DoNotStrip
 public class ComponentFactoryDelegate {
@@ -14,8 +12,7 @@ public class ComponentFactoryDelegate {
     FabricSoLoader.staticInit();
   }
 
-  @DoNotStrip
-  private final HybridData mHybridData;
+  @DoNotStrip private final HybridData mHybridData;
 
   @DoNotStrip
   private static native HybridData initHybrid();
@@ -23,5 +20,4 @@ public class ComponentFactoryDelegate {
   public ComponentFactoryDelegate() {
     mHybridData = initHybrid();
   }
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricComponents.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricComponents.java
new file mode 100644
index 00000000000000..77ac65795bdafc
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricComponents.java
@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * <p>This source 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.HashMap;
+import java.util.Map;
+
+/**
+ * Utility class for Fabric components, this will be removed
+ *
+ * <p>//TODO T31905686: remove this class when the component names are unified between JS - Android
+ * - iOS - C++
+ */
+public class FabricComponents {
+
+  private static final Map<String, String> sComponentNames = new HashMap<>();
+
+  static {
+    // TODO T31905686: unify component names between JS - Android - iOS - C++
+    sComponentNames.put("View", "RCTView");
+    sComponentNames.put("Image", "RCTImageView");
+    sComponentNames.put("ScrollView", "RCTScrollView");
+    sComponentNames.put("Slider", "RCTSlider");
+    sComponentNames.put("ModalHostView", "RCTModalHostView");
+    sComponentNames.put("Paragraph", "RCTText");
+    sComponentNames.put("Text", "RCText");
+    sComponentNames.put("RawText", "RCTRawText");
+    sComponentNames.put("ActivityIndicatorView", "AndroidProgressBar");
+    sComponentNames.put("ShimmeringView", "RKShimmeringView");
+    sComponentNames.put("TemplateView", "RCTTemplateView");
+    sComponentNames.put("AxialGradientView", "RCTAxialGradientView");
+  }
+
+  /** @return the name of component in the Fabric environment */
+  static String getFabricComponentName(String componentName) {
+    String component = sComponentNames.get(componentName);
+    return component != null ? component : componentName;
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricJSIModuleProvider.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricJSIModuleProvider.java
index e126da4a0e9601..47f6ffbc4f6dec 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricJSIModuleProvider.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricJSIModuleProvider.java
@@ -6,22 +6,15 @@
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.UIManager;
 import com.facebook.react.bridge.queue.MessageQueueThread;
-import com.facebook.react.fabric.jsi.Binding;
-import com.facebook.react.fabric.jsi.ComponentFactoryDelegate;
-import com.facebook.react.fabric.jsi.ComponentRegistry;
-import com.facebook.react.fabric.jsi.EventBeatManager;
-import com.facebook.react.fabric.jsi.EventEmitterWrapper;
-import com.facebook.react.fabric.jsi.FabricSoLoader;
-import com.facebook.react.fabric.jsi.StateWrapperImpl;
-import com.facebook.react.fabric.mounting.ContextBasedViewPool;
+import com.facebook.react.fabric.events.EventBeatManager;
+import com.facebook.react.fabric.events.EventEmitterWrapper;
+import com.facebook.react.fabric.events.FabricEventEmitter;
 import com.facebook.react.fabric.mounting.LayoutMetricsConversions;
 import com.facebook.react.fabric.mounting.MountingManager;
-import com.facebook.react.fabric.mounting.ViewFactory;
-import com.facebook.react.fabric.mounting.ViewManagerFactory;
-import com.facebook.react.fabric.mounting.ViewPool;
 import com.facebook.react.fabric.mounting.mountitems.BatchMountItem;
 import com.facebook.react.fabric.mounting.mountitems.DeleteMountItem;
 import com.facebook.react.fabric.mounting.mountitems.DispatchCommandMountItem;
+import com.facebook.react.fabric.mounting.mountitems.DispatchStringCommandMountItem;
 import com.facebook.react.fabric.mounting.mountitems.InsertMountItem;
 import com.facebook.react.fabric.mounting.mountitems.MountItem;
 import com.facebook.react.fabric.mounting.mountitems.PreAllocateViewMountItem;
@@ -44,20 +37,19 @@ public class FabricJSIModuleProvider implements JSIModuleProvider<UIManager> {
   private final ReactNativeConfig mConfig;
 
   public FabricJSIModuleProvider(
-        ReactApplicationContext reactApplicationContext,
-        JavaScriptContextHolder jsContext,
-        ComponentFactoryDelegate componentFactoryDelegate,
-        ReactNativeConfig config) {
-      mReactApplicationContext = reactApplicationContext;
-      mJSContext = jsContext;
-      mComponentFactoryDelegate = componentFactoryDelegate;
-      mConfig = config;
-    }
+      ReactApplicationContext reactApplicationContext,
+      JavaScriptContextHolder jsContext,
+      ComponentFactoryDelegate componentFactoryDelegate,
+      ReactNativeConfig config) {
+    mReactApplicationContext = reactApplicationContext;
+    mJSContext = jsContext;
+    mComponentFactoryDelegate = componentFactoryDelegate;
+    mConfig = config;
+  }
 
   @Override
   public UIManager get() {
-    final EventBeatManager eventBeatManager =
-        new EventBeatManager(mReactApplicationContext);
+    final EventBeatManager eventBeatManager = new EventBeatManager(mReactApplicationContext);
     final FabricUIManager uiManager = createUIManager(eventBeatManager);
     Systrace.beginSection(
         Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, "FabricJSIModuleProvider.registerBinding");
@@ -69,8 +61,13 @@ public UIManager get() {
             .getCatalystInstance()
             .getReactQueueConfiguration()
             .getJSQueueThread();
-    binding.register(mJSContext, uiManager, eventBeatManager, jsMessageQueueThread,
-      mComponentFactoryDelegate, mConfig);
+    binding.register(
+        mJSContext,
+        uiManager,
+        eventBeatManager,
+        jsMessageQueueThread,
+        mComponentFactoryDelegate,
+        mConfig);
     Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
     return uiManager;
   }
@@ -96,15 +93,15 @@ private FabricUIManager createUIManager(EventBeatManager eventBeatManager) {
   private static void loadClasses() {
     BatchEventDispatchedListener.class.getClass();
     ReactNativeConfig.class.getClass();
-    ViewManagerFactory.class.getClass();
+    FabricComponents.class.getClass();
     StateWrapper.class.getClass();
-    ViewFactory.class.getClass();
     FabricEventEmitter.class.getClass();
     FabricUIManager.class.getClass();
     GuardedFrameCallback.class.getClass();
     BatchMountItem.class.getClass();
     DeleteMountItem.class.getClass();
     DispatchCommandMountItem.class.getClass();
+    DispatchStringCommandMountItem.class.getClass();
     InsertMountItem.class.getClass();
     MountItem.class.getClass();
     RemoveMountItem.class.getClass();
@@ -112,13 +109,10 @@ private static void loadClasses() {
     UpdateLayoutMountItem.class.getClass();
     UpdateLocalDataMountItem.class.getClass();
     UpdatePropsMountItem.class.getClass();
-    ContextBasedViewPool.class.getClass();
     LayoutMetricsConversions.class.getClass();
     MountingManager.class.getClass();
-    ViewPool.class.getClass();
     Binding.class.getClass();
     ComponentFactoryDelegate.class.getClass();
-    ComponentRegistry.class.getClass();
     EventBeatManager.class.getClass();
     EventEmitterWrapper.class.getClass();
     StateWrapperImpl.class.getClass();
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/FabricSoLoader.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricSoLoader.java
similarity index 96%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/FabricSoLoader.java
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/FabricSoLoader.java
index f84a2ac837572e..f49eb476d3da00 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/FabricSoLoader.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricSoLoader.java
@@ -4,7 +4,7 @@
  * <p>This source 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.jsi;
+package com.facebook.react.fabric;
 
 import static com.facebook.systrace.Systrace.TRACE_TAG_REACT_JAVA_BRIDGE;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricUIManager.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricUIManager.java
index 1efadeea295582..515c10b4e290c7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricUIManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricUIManager.java
@@ -7,6 +7,7 @@
 package com.facebook.react.fabric;
 
 import static com.facebook.infer.annotation.ThreadConfined.UI;
+import static com.facebook.react.fabric.FabricComponents.getFabricComponentName;
 import static com.facebook.react.fabric.mounting.LayoutMetricsConversions.getMaxSize;
 import static com.facebook.react.fabric.mounting.LayoutMetricsConversions.getMinSize;
 import static com.facebook.react.fabric.mounting.LayoutMetricsConversions.getYogaMeasureMode;
@@ -15,10 +16,10 @@
 
 import android.annotation.SuppressLint;
 import android.os.SystemClock;
+import android.view.View;
 import androidx.annotation.GuardedBy;
 import androidx.annotation.Nullable;
 import androidx.annotation.UiThread;
-import android.view.View;
 import com.facebook.common.logging.FLog;
 import com.facebook.debug.holder.PrinterHolder;
 import com.facebook.debug.tags.ReactDebugOverlayTags;
@@ -28,21 +29,24 @@
 import com.facebook.react.bridge.NativeMap;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.ReactMarker;
+import com.facebook.react.bridge.ReactMarkerConstants;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.UIManager;
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.common.ReactConstants;
-import com.facebook.react.fabric.jsi.Binding;
-import com.facebook.react.fabric.jsi.EventBeatManager;
-import com.facebook.react.fabric.jsi.EventEmitterWrapper;
-import com.facebook.react.fabric.jsi.FabricSoLoader;
-import com.facebook.react.fabric.mounting.mountitems.CreateMountItem;
+import com.facebook.react.config.ReactFeatureFlags;
+import com.facebook.react.fabric.events.EventBeatManager;
+import com.facebook.react.fabric.events.EventEmitterWrapper;
+import com.facebook.react.fabric.events.FabricEventEmitter;
 import com.facebook.react.fabric.mounting.MountingManager;
 import com.facebook.react.fabric.mounting.mountitems.BatchMountItem;
+import com.facebook.react.fabric.mounting.mountitems.CreateMountItem;
 import com.facebook.react.fabric.mounting.mountitems.DeleteMountItem;
 import com.facebook.react.fabric.mounting.mountitems.DispatchCommandMountItem;
+import com.facebook.react.fabric.mounting.mountitems.DispatchStringCommandMountItem;
 import com.facebook.react.fabric.mounting.mountitems.InsertMountItem;
 import com.facebook.react.fabric.mounting.mountitems.MountItem;
 import com.facebook.react.fabric.mounting.mountitems.PreAllocateViewMountItem;
@@ -53,6 +57,7 @@
 import com.facebook.react.fabric.mounting.mountitems.UpdatePropsMountItem;
 import com.facebook.react.fabric.mounting.mountitems.UpdateStateMountItem;
 import com.facebook.react.modules.core.ReactChoreographer;
+import com.facebook.react.uimanager.ReactRoot;
 import com.facebook.react.uimanager.ReactRootViewTagGenerator;
 import com.facebook.react.uimanager.StateWrapper;
 import com.facebook.react.uimanager.ThemedReactContext;
@@ -72,28 +77,15 @@ public class FabricUIManager implements UIManager, LifecycleEventListener {
 
   public static final String TAG = FabricUIManager.class.getSimpleName();
   public static final boolean DEBUG =
-      PrinterHolder.getPrinter().shouldDisplayLogMessage(ReactDebugOverlayTags.FABRIC_UI_MANAGER);
-  private static final Map<String, String> sComponentNames = new HashMap<>();
+      ReactFeatureFlags.enableFabricLogs
+          || PrinterHolder.getPrinter()
+              .shouldDisplayLogMessage(ReactDebugOverlayTags.FABRIC_UI_MANAGER);
   private static final int FRAME_TIME_MS = 16;
   private static final int MAX_TIME_IN_FRAME_FOR_NON_BATCHED_OPERATIONS_MS = 8;
   private static final int PRE_MOUNT_ITEMS_INITIAL_SIZE_ARRAY = 250;
 
   static {
     FabricSoLoader.staticInit();
-
-    // TODO T31905686: unify component names between JS - Android - iOS - C++
-    sComponentNames.put("View", "RCTView");
-    sComponentNames.put("Image", "RCTImageView");
-    sComponentNames.put("ScrollView", "RCTScrollView");
-    sComponentNames.put("Slider", "RCTSlider");
-    sComponentNames.put("ModalHostView", "RCTModalHostView");
-    sComponentNames.put("Paragraph", "RCTText");
-    sComponentNames.put("Text", "RCText");
-    sComponentNames.put("RawText", "RCTRawText");
-    sComponentNames.put("ActivityIndicatorView", "AndroidProgressBar");
-    sComponentNames.put("ShimmeringView", "RKShimmeringView");
-    sComponentNames.put("TemplateView", "RCTTemplateView");
-    sComponentNames.put("AxialGradientView", "RCTAxialGradientView");
   }
 
   private Binding mBinding;
@@ -127,6 +119,12 @@ public class FabricUIManager implements UIManager, LifecycleEventListener {
   private long mFinishTransactionTime = 0l;
   private long mFinishTransactionCPPTime = 0l;
 
+  // C++ keeps track of commit numbers for telemetry purposes. We don't want to incur a JNI
+  // round-trip cost just for this, so commits from C++ are numbered 0+ and synchronous commits
+  // are 10k+. Since these are only used for perf tracking, it's unlikely for the number of commits
+  // from C++ to exceed 9,999 and it should be obvious what's going on when analyzing performance.
+  private int mCurrentSynchronousCommitNumber = 10000;
+
   public FabricUIManager(
       ReactApplicationContext reactContext,
       ViewManagerRegistry viewManagerRegistry,
@@ -140,32 +138,61 @@ public FabricUIManager(
     mReactApplicationContext.addLifecycleEventListener(this);
   }
 
+  // TODO (T47819352): Rename this to startSurface for consistency with xplat/iOS
   @Override
   public <T extends View> int addRootView(
       final T rootView, final WritableMap initialProps, final @Nullable String initialUITemplate) {
     final int rootTag = ReactRootViewTagGenerator.getNextRootViewTag();
+    // TODO T31905686: Combine with startSurface below
     ThemedReactContext reactContext =
         new ThemedReactContext(mReactApplicationContext, rootView.getContext());
     mMountingManager.addRootView(rootTag, rootView);
     mReactContextForRootTag.put(rootTag, reactContext);
-    mBinding.startSurface(rootTag, (NativeMap) initialProps);
+    String moduleName = ((ReactRoot) rootView).getJSModuleName();
+    if (DEBUG) {
+      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;
   }
 
+  public <T extends View> int startSurface(
+      final T rootView,
+      final String moduleName,
+      final WritableMap initialProps,
+      int widthMeasureSpec,
+      int heightMeasureSpec) {
+    final int rootTag = ReactRootViewTagGenerator.getNextRootViewTag();
+    ThemedReactContext reactContext =
+        new ThemedReactContext(mReactApplicationContext, rootView.getContext());
+    if (DEBUG) {
+      FLog.d(TAG, "Starting surface for module: %s and reactTag: %d", moduleName, rootTag);
+    }
+    mMountingManager.addRootView(rootTag, rootView);
+    mReactContextForRootTag.put(rootTag, reactContext);
+    mBinding.startSurfaceWithConstraints(
+        rootTag,
+        moduleName,
+        (NativeMap) initialProps,
+        getMinSize(widthMeasureSpec),
+        getMaxSize(widthMeasureSpec),
+        getMinSize(heightMeasureSpec),
+        getMaxSize(heightMeasureSpec));
+    return rootTag;
+  }
+
   /** Method called when an event has been dispatched on the C++ side. */
   @DoNotStrip
+  @SuppressWarnings("unused")
   public void onRequestEventBeat() {
     mEventDispatcher.dispatchAllEvents();
   }
 
-  @Override
-  public void removeRootView(int reactRootTag) {
-    // TODO T31905686: integrate with the unmounting of Fabric React Renderer.
-    mMountingManager.removeRootView(reactRootTag);
-    mReactContextForRootTag.remove(reactRootTag);
+  public void stopSurface(int surfaceID) {
+    mBinding.stopSurface(surfaceID);
   }
 
   @Override
@@ -176,6 +203,9 @@ public void initialize() {
 
   @Override
   public void onCatalystInstanceDestroy() {
+    if (DEBUG) {
+      FLog.d(TAG, "Destroying Catalyst Instance");
+    }
     mEventDispatcher.removeBatchEventDispatchedListener(mEventBeatManager);
     mEventDispatcher.unregisterEventEmitter(FABRIC);
     mBinding.unregister();
@@ -183,14 +213,16 @@ public void onCatalystInstanceDestroy() {
   }
 
   @DoNotStrip
+  @SuppressWarnings("unused")
   private void preallocateView(
       int rootTag,
       int reactTag,
       final String componentName,
       @Nullable ReadableMap props,
+      @Nullable Object stateWrapper,
       boolean isLayoutable) {
     ThemedReactContext context = mReactContextForRootTag.get(rootTag);
-    String component = getComponent(componentName);
+    String component = getFabricComponentName(componentName);
     synchronized (mPreMountItemsLock) {
       mPreMountItems.add(
           new PreAllocateViewMountItem(
@@ -199,25 +231,33 @@ private void preallocateView(
               reactTag,
               component,
               props,
+              (StateWrapper) stateWrapper,
               isLayoutable));
     }
   }
 
-  private String getComponent(String componentName) {
-    String component = sComponentNames.get(componentName);
-    return component != null ? component : componentName;
-  }
-
   @DoNotStrip
   @SuppressWarnings("unused")
   private MountItem createMountItem(
-    String componentName, int reactRootTag, int reactTag, boolean isLayoutable) {
-    String component = getComponent(componentName);
+      String componentName,
+      @Nullable ReadableMap props,
+      @Nullable Object stateWrapper,
+      int reactRootTag,
+      int reactTag,
+      boolean isLayoutable) {
+    String component = getFabricComponentName(componentName);
     ThemedReactContext reactContext = mReactContextForRootTag.get(reactRootTag);
     if (reactContext == null) {
       throw new IllegalArgumentException("Unable to find ReactContext for root: " + reactRootTag);
     }
-    return new CreateMountItem(reactContext, reactRootTag, reactTag, component, isLayoutable);
+    return new CreateMountItem(
+        reactContext,
+        reactRootTag,
+        reactTag,
+        component,
+        props,
+        (StateWrapper) stateWrapper,
+        isLayoutable);
   }
 
   @DoNotStrip
@@ -240,8 +280,9 @@ private MountItem deleteMountItem(int reactTag) {
 
   @DoNotStrip
   @SuppressWarnings("unused")
-  private MountItem updateLayoutMountItem(int reactTag, int x, int y, int width, int height) {
-    return new UpdateLayoutMountItem(reactTag, x, y, width, height);
+  private MountItem updateLayoutMountItem(
+      int reactTag, int x, int y, int width, int height, int layoutDirection) {
+    return new UpdateLayoutMountItem(reactTag, x, y, width, height, layoutDirection);
   }
 
   @DoNotStrip
@@ -270,8 +311,8 @@ private MountItem updateEventEmitterMountItem(int reactTag, Object eventEmitter)
 
   @DoNotStrip
   @SuppressWarnings("unused")
-  private MountItem createBatchMountItem(MountItem[] items, int size) {
-    return new BatchMountItem(items, size);
+  private MountItem createBatchMountItem(MountItem[] items, int size, int commitNumber) {
+    return new BatchMountItem(items, size, commitNumber);
   }
 
   @DoNotStrip
@@ -301,11 +342,18 @@ private long measure(
   @Override
   public void synchronouslyUpdateViewOnUIThread(int reactTag, ReadableMap props) {
     long time = SystemClock.uptimeMillis();
+    int commitNumber = mCurrentSynchronousCommitNumber++;
     try {
-      scheduleMountItems(updatePropsMountItem(reactTag, props), time, 0, time, time);
+      ReactMarker.logFabricMarker(
+          ReactMarkerConstants.FABRIC_UPDATE_UI_MAIN_THREAD_START, null, commitNumber);
+      scheduleMountItem(
+          updatePropsMountItem(reactTag, props), commitNumber, time, 0, 0, 0, 0, 0, 0);
     } catch (Exception ex) {
       // ignore exceptions for now
       // TODO T42943890: Fix animations in Fabric and remove this try/catch
+    } finally {
+      ReactMarker.logFabricMarker(
+          ReactMarkerConstants.FABRIC_UPDATE_UI_MAIN_THREAD_END, null, commitNumber);
     }
   }
 
@@ -315,21 +363,57 @@ public void synchronouslyUpdateViewOnUIThread(int reactTag, ReadableMap props) {
    */
   @DoNotStrip
   @SuppressWarnings("unused")
-  private void scheduleMountItems(
-      final MountItem mountItems,
+  private void scheduleMountItem(
+      final MountItem mountItem,
+      int commitNumber,
       long commitStartTime,
-      long layoutTime,
+      long diffStartTime,
+      long diffEndTime,
+      long layoutStartTime,
+      long layoutEndTime,
       long finishTransactionStartTime,
       long finishTransactionEndTime) {
-
     // TODO T31905686: support multithreading
-    mCommitStartTime = commitStartTime;
-    mLayoutTime = layoutTime;
-    mFinishTransactionCPPTime = finishTransactionEndTime - finishTransactionStartTime;
-    mFinishTransactionTime = SystemClock.uptimeMillis() - finishTransactionStartTime;
-    mDispatchViewUpdatesTime = SystemClock.uptimeMillis();
+    // When Binding.cpp calls scheduleMountItems during a commit phase, it always calls with
+    // a BatchMountItem. No other sites call into this with a BatchMountItem, and Binding.cpp only
+    // calls scheduleMountItems with a BatchMountItem.
+    boolean isBatchMountItem = mountItem instanceof BatchMountItem;
+
+    if (isBatchMountItem) {
+      mCommitStartTime = commitStartTime;
+      mLayoutTime = layoutEndTime - layoutStartTime;
+      mFinishTransactionCPPTime = finishTransactionEndTime - finishTransactionStartTime;
+      mFinishTransactionTime = SystemClock.uptimeMillis() - finishTransactionStartTime;
+      mDispatchViewUpdatesTime = SystemClock.uptimeMillis();
+    }
+
     synchronized (mMountItemsLock) {
-      mMountItems.add(mountItems);
+      mMountItems.add(mountItem);
+    }
+
+    // Post markers outside of lock
+    if (isBatchMountItem) {
+      ReactMarker.logFabricMarker(
+          ReactMarkerConstants.FABRIC_COMMIT_START, null, commitNumber, mCommitStartTime);
+      ReactMarker.logFabricMarker(
+          ReactMarkerConstants.FABRIC_FINISH_TRANSACTION_START,
+          null,
+          commitNumber,
+          finishTransactionStartTime);
+      ReactMarker.logFabricMarker(
+          ReactMarkerConstants.FABRIC_FINISH_TRANSACTION_END,
+          null,
+          commitNumber,
+          finishTransactionEndTime);
+      ReactMarker.logFabricMarker(
+          ReactMarkerConstants.FABRIC_DIFF_START, null, commitNumber, diffStartTime);
+      ReactMarker.logFabricMarker(
+          ReactMarkerConstants.FABRIC_DIFF_END, null, commitNumber, diffEndTime);
+      ReactMarker.logFabricMarker(
+          ReactMarkerConstants.FABRIC_LAYOUT_START, null, commitNumber, layoutStartTime);
+      ReactMarker.logFabricMarker(
+          ReactMarkerConstants.FABRIC_LAYOUT_END, null, commitNumber, layoutEndTime);
+      ReactMarker.logFabricMarker(ReactMarkerConstants.FABRIC_COMMIT_END, null, commitNumber);
     }
 
     if (UiThreadUtil.isOnUiThread()) {
@@ -377,6 +461,9 @@ private void dispatchMountItems() {
 
     long batchedExecutionStartTime = SystemClock.uptimeMillis();
     for (MountItem mountItem : mountItemsToDispatch) {
+      if (DEBUG) {
+        FLog.d(TAG, "dispatchMountItems: Executing mountItem: " + mountItem);
+      }
       mountItem.execute(mMountingManager);
     }
     mBatchedExecutionTime = SystemClock.uptimeMillis() - batchedExecutionStartTime;
@@ -417,6 +504,10 @@ public void setBinding(Binding binding) {
   public void updateRootLayoutSpecs(
       final int rootTag, final int widthMeasureSpec, final int heightMeasureSpec) {
 
+    if (DEBUG) {
+      FLog.d(TAG, "Updating Root Layout Specs");
+    }
+
     mBinding.setConstraints(
         rootTag,
         getMinSize(widthMeasureSpec),
@@ -451,6 +542,7 @@ public void onHostPause() {
   @Override
   public void onHostDestroy() {}
 
+  @Deprecated
   @Override
   public void dispatchCommand(
       final int reactTag, final int commandId, @Nullable final ReadableArray commandArgs) {
@@ -460,13 +552,49 @@ public void dispatchCommand(
   }
 
   @Override
-  public void setJSResponder(int reactTag, boolean blockNativeResponder) {
-    // do nothing for now.
+  public void dispatchCommand(
+      final int reactTag, final String commandId, @Nullable final ReadableArray commandArgs) {
+    synchronized (mMountItemsLock) {
+      mMountItems.add(new DispatchStringCommandMountItem(reactTag, commandId, commandArgs));
+    }
   }
 
-  @Override
+  /**
+   * Set the JS responder for the view associated with the tags received as a parameter.
+   *
+   * @param reactTag React tag of the first parent of the view that is NOT virtual
+   * @param initialReactTag React tag of the JS view that initiated the touch operation
+   * @param blockNativeResponder If native responder should be blocked or not
+   */
+  @DoNotStrip
+  public void setJSResponder(
+      final int reactTag, final int initialReactTag, final boolean blockNativeResponder) {
+    synchronized (mMountItemsLock) {
+      mMountItems.add(
+          new MountItem() {
+            @Override
+            public void execute(MountingManager mountingManager) {
+              mountingManager.setJSResponder(reactTag, initialReactTag, blockNativeResponder);
+            }
+          });
+    }
+  }
+
+  /**
+   * Clears the JS Responder specified by {@link #setJSResponder(int, int, boolean)}. After this
+   * method is called, all the touch events are going to be handled by JS.
+   */
+  @DoNotStrip
   public void clearJSResponder() {
-    // do nothing for now.
+    synchronized (mMountItemsLock) {
+      mMountItems.add(
+          new MountItem() {
+            @Override
+            public void execute(MountingManager mountingManager) {
+              mountingManager.clearJSResponder();
+            }
+          });
+    }
   }
 
   @Override
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/GuardedFrameCallback.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/GuardedFrameCallback.java
index 2982bd472e93da..d1cbf4c5fdc0cc 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/GuardedFrameCallback.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/GuardedFrameCallback.java
@@ -6,15 +6,21 @@
  */
 package com.facebook.react.fabric;
 
+import com.facebook.react.bridge.NativeModuleCallExceptionHandler;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.modules.core.ChoreographerCompat;
 
 public abstract class GuardedFrameCallback extends ChoreographerCompat.FrameCallback {
 
-  private final ReactContext mReactContext;
+  private final NativeModuleCallExceptionHandler mExceptionHandler;
 
+  @Deprecated
   protected GuardedFrameCallback(ReactContext reactContext) {
-    mReactContext = reactContext;
+    this(reactContext.getExceptionHandler());
+  }
+
+  protected GuardedFrameCallback(NativeModuleCallExceptionHandler exceptionHandler) {
+    mExceptionHandler = exceptionHandler;
   }
 
   @Override
@@ -22,7 +28,7 @@ public final void doFrame(long frameTimeNanos) {
     try {
       doFrameGuarded(frameTimeNanos);
     } catch (RuntimeException e) {
-      mReactContext.handleException(e);
+      mExceptionHandler.handleException(e);
     }
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/ReactNativeConfig.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/ReactNativeConfig.java
index a6f57f7d065e11..7ce8d53b5184e9 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/ReactNativeConfig.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/ReactNativeConfig.java
@@ -1,8 +1,8 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/StateWrapperImpl.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/StateWrapperImpl.java
similarity index 84%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/StateWrapperImpl.java
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/StateWrapperImpl.java
index b5f459f797da65..69a94b2c588ea0 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/StateWrapperImpl.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/StateWrapperImpl.java
@@ -4,7 +4,7 @@
  * <p>This source 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.jsi;
+package com.facebook.react.fabric;
 
 import android.annotation.SuppressLint;
 import com.facebook.jni.HybridData;
@@ -32,10 +32,13 @@ private StateWrapperImpl() {
     mHybridData = initHybrid();
   }
 
-  @Override public native ReadableNativeMap getState();
+  @Override
+  public native ReadableNativeMap getState();
+
   public native void updateStateImpl(NativeMap map);
 
-  @Override public void updateState(WritableMap map) {
-    updateStateImpl((NativeMap)map);
+  @Override
+  public void updateState(WritableMap map) {
+    updateStateImpl((NativeMap) map);
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/EventBeatManager.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/events/EventBeatManager.java
similarity index 91%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/EventBeatManager.java
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/events/EventBeatManager.java
index 285a24f8946ffe..f3e6cd4f8e869c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/EventBeatManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/events/EventBeatManager.java
@@ -4,15 +4,14 @@
  * <p>This source 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.jsi;
+package com.facebook.react.fabric.events;
 
 import android.annotation.SuppressLint;
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
-import com.facebook.react.bridge.JavaScriptContextHolder;
 import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.fabric.FabricSoLoader;
 import com.facebook.react.uimanager.events.BatchEventDispatchedListener;
-import com.facebook.react.fabric.jsi.FabricSoLoader;
 
 /**
  * Class that acts as a proxy between the list of EventBeats registered in C++ and the Android side.
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/EventEmitterWrapper.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/events/EventEmitterWrapper.java
similarity index 94%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/EventEmitterWrapper.java
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/events/EventEmitterWrapper.java
index 4d5e621ffc1ef0..00d6a1f1205784 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/EventEmitterWrapper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/events/EventEmitterWrapper.java
@@ -4,7 +4,7 @@
  * <p>This source 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.jsi;
+package com.facebook.react.fabric.events;
 
 import android.annotation.SuppressLint;
 import androidx.annotation.Nullable;
@@ -13,7 +13,7 @@
 import com.facebook.react.bridge.NativeMap;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.bridge.WritableNativeMap;
-import com.facebook.react.fabric.jsi.FabricSoLoader;
+import com.facebook.react.fabric.FabricSoLoader;
 
 /**
  * This class holds reference to the C++ EventEmitter object. Instances of this class are created on
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricEventEmitter.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/events/FabricEventEmitter.java
similarity index 97%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/FabricEventEmitter.java
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/events/FabricEventEmitter.java
index c399ac12cda587..f5ee0838368b88 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricEventEmitter.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/events/FabricEventEmitter.java
@@ -4,7 +4,7 @@
  * <p>This source 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;
+package com.facebook.react.fabric.events;
 
 import static com.facebook.react.uimanager.events.TouchesHelper.CHANGED_TOUCHES_KEY;
 import static com.facebook.react.uimanager.events.TouchesHelper.TARGET_KEY;
@@ -13,17 +13,18 @@
 import static com.facebook.react.uimanager.events.TouchesHelper.TOUCHES_KEY;
 
 import android.util.Pair;
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.ReadableMap;
 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.fabric.FabricUIManager;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
 import com.facebook.systrace.Systrace;
 import java.util.HashSet;
 import java.util.Set;
-import javax.annotation.Nullable;
 
 public class FabricEventEmitter implements RCTEventEmitter {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/AsyncEventBeat.h b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/AsyncEventBeat.h
similarity index 100%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/AsyncEventBeat.h
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/jni/AsyncEventBeat.h
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/BUCK b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/BUCK
similarity index 100%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/BUCK
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/jni/BUCK
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/Binding.cpp b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/Binding.cpp
similarity index 51%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/Binding.cpp
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/jni/Binding.cpp
index 4bc1df5c249f5b..94ef5ef5e49fe5 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/Binding.cpp
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/Binding.cpp
@@ -12,16 +12,20 @@
 #include <jsi/JSIDynamic.h>
 #include <jsi/jsi.h>
 #include <react/components/scrollview/ScrollViewProps.h>
-#include <react/debug/SystraceSection.h>
+#include <react/core/conversions.h>
 #include <react/core/EventBeat.h>
 #include <react/core/EventEmitter.h>
+#include <react/debug/SystraceSection.h>
 #include <react/uimanager/ComponentDescriptorFactory.h>
-#include <react/utils/ContextContainer.h>
 #include <react/uimanager/Scheduler.h>
 #include <react/uimanager/SchedulerDelegate.h>
+#include <react/uimanager/SchedulerToolbox.h>
 #include <react/uimanager/primitives.h>
+#include <react/utils/ContextContainer.h>
 #include <react/utils/TimeUtils.h>
 
+#include <Glog/logging.h>
+
 using namespace facebook::jni;
 using namespace facebook::jsi;
 
@@ -45,56 +49,141 @@ jni::local_ref<Binding::jhybriddata> Binding::initHybrid(
   return makeCxxInstance();
 }
 
-void Binding::startSurface(jint surfaceId, NativeMap* initialProps) {
-  if (scheduler_) {
-    scheduler_->startSurface(surfaceId, "", initialProps->consume());
+// Thread-safe getter
+jni::global_ref<jobject> Binding::getJavaUIManager() {
+  std::lock_guard<std::mutex> uiManagerLock(javaUIManagerMutex_);
+  return javaUIManager_;
+}
+
+// Thread-safe getter
+std::shared_ptr<Scheduler> Binding::getScheduler() {
+  std::lock_guard<std::mutex> lock(schedulerMutex_);
+  return scheduler_;
+}
+
+
+void Binding::startSurface(
+    jint surfaceId,
+    jni::alias_ref<jstring> moduleName,
+    NativeMap *initialProps) {
+  SystraceSection s("FabricUIManagerBinding::startSurface");
+
+  std::shared_ptr<Scheduler> scheduler = getScheduler();
+  if (!scheduler) {
+    LOG(ERROR) << "Binding::startSurface: scheduler disappeared";
+    return;
   }
+
+  LayoutContext context;
+  context.pointScaleFactor = pointScaleFactor_;
+  scheduler->startSurface(
+      surfaceId, moduleName->toStdString(), initialProps->consume(), {}, context);
+}
+
+void Binding::startSurfaceWithConstraints(
+    jint surfaceId,
+    jni::alias_ref<jstring> moduleName,
+    NativeMap *initialProps,
+    jfloat minWidth,
+    jfloat maxWidth,
+    jfloat minHeight,
+    jfloat maxHeight) {
+  SystraceSection s("FabricUIManagerBinding::startSurfaceWithConstraints");
+
+  std::shared_ptr<Scheduler> scheduler = getScheduler();
+  if (!scheduler) {
+    LOG(ERROR) << "Binding::startSurfaceWithConstraints: scheduler disappeared";
+    return;
+  }
+
+  auto minimumSize =
+      Size{minWidth / pointScaleFactor_, minHeight / pointScaleFactor_};
+  auto maximumSize =
+      Size{maxWidth / pointScaleFactor_, maxHeight / pointScaleFactor_};
+
+  LayoutContext context;
+  context.pointScaleFactor = {pointScaleFactor_};
+  LayoutConstraints constraints = {};
+  constraints.minimumSize = minimumSize;
+  constraints.maximumSize = maximumSize;
+
+  scheduler->startSurface(
+      surfaceId,
+      moduleName->toStdString(),
+      initialProps->consume(),
+      constraints,
+      context);
 }
 
 void Binding::renderTemplateToSurface(jint surfaceId, jstring uiTemplate) {
-  if (scheduler_) {
-    auto env = Environment::current();
-    const char* nativeString = env->GetStringUTFChars(uiTemplate, JNI_FALSE);
-    scheduler_->renderTemplateToSurface(surfaceId, nativeString);
-    env->ReleaseStringUTFChars(uiTemplate, nativeString);
+  SystraceSection s("FabricUIManagerBinding::renderTemplateToSurface");
+
+  std::shared_ptr<Scheduler> scheduler = getScheduler();
+  if (!scheduler) {
+    LOG(ERROR) << "Binding::renderTemplateToSurface: scheduler disappeared";
+    return;
   }
+
+  auto env = Environment::current();
+  const char *nativeString = env->GetStringUTFChars(uiTemplate, JNI_FALSE);
+  scheduler->renderTemplateToSurface(surfaceId, nativeString);
+  env->ReleaseStringUTFChars(uiTemplate, nativeString);
 }
 
 void Binding::stopSurface(jint surfaceId) {
-  if (scheduler_) {
-    scheduler_->stopSurface(surfaceId);
+  SystraceSection s("FabricUIManagerBinding::stopSurface");
+
+  std::shared_ptr<Scheduler> scheduler = getScheduler();
+  if (!scheduler) {
+    LOG(ERROR) << "Binding::stopSurface: scheduler disappeared";
+    return;
   }
+
+  scheduler->stopSurface(surfaceId);
 }
 
 void Binding::setConstraints(
-    jint rootTag,
+    jint surfaceId,
     jfloat minWidth,
     jfloat maxWidth,
     jfloat minHeight,
     jfloat maxHeight) {
-  if (scheduler_) {
-    auto minimumSize =
-        Size{minWidth / pointScaleFactor_, minHeight / pointScaleFactor_};
-    auto maximumSize =
-        Size{maxWidth / pointScaleFactor_, maxHeight / pointScaleFactor_};
-
-    LayoutContext context;
-    context.pointScaleFactor = {pointScaleFactor_};
-    LayoutConstraints constraints = {};
-    constraints.minimumSize = minimumSize;
-    constraints.maximumSize = maximumSize;
-
-    scheduler_->constraintSurfaceLayout(rootTag, constraints, context);
+  SystraceSection s("FabricUIManagerBinding::setConstraints");
+
+  std::shared_ptr<Scheduler> scheduler = getScheduler();
+  if (!scheduler) {
+    LOG(ERROR) << "Binding::setConstraints: scheduler disappeared";
+    return;
   }
+
+  auto minimumSize =
+      Size{minWidth / pointScaleFactor_, minHeight / pointScaleFactor_};
+  auto maximumSize =
+      Size{maxWidth / pointScaleFactor_, maxHeight / pointScaleFactor_};
+
+  LayoutContext context;
+  context.pointScaleFactor = {pointScaleFactor_};
+  LayoutConstraints constraints = {};
+  constraints.minimumSize = minimumSize;
+  constraints.maximumSize = maximumSize;
+
+  scheduler->constraintSurfaceLayout(surfaceId, constraints, context);
 }
 
 void Binding::installFabricUIManager(
     jlong jsContextNativePointer,
     jni::alias_ref<jobject> javaUIManager,
-    EventBeatManager* eventBeatManager,
+    EventBeatManager *eventBeatManager,
     jni::alias_ref<JavaMessageQueueThread::javaobject> jsMessageQueueThread,
-    ComponentFactoryDelegate* componentsRegistry,
+    ComponentFactoryDelegate *componentsRegistry,
     jni::alias_ref<jobject> reactNativeConfig) {
+  SystraceSection s("FabricUIManagerBinding::installFabricUIManager");
+
+  // Use std::lock and std::adopt_lock to prevent deadlocks by locking mutexes at the same time
+  std::lock(schedulerMutex_, javaUIManagerMutex_);
+  std::lock_guard<std::mutex> schedulerLock(schedulerMutex_, std::adopt_lock);
+  std::lock_guard<std::mutex> uiManagerLock(javaUIManagerMutex_, std::adopt_lock);
+
   javaUIManager_ = make_global(javaUIManager);
 
   ContextContainer::Shared contextContainer =
@@ -103,10 +192,10 @@ void Binding::installFabricUIManager(
   auto sharedJSMessageQueueThread =
       std::make_shared<JMessageQueueThread>(jsMessageQueueThread);
 
-  Runtime* runtime = (Runtime*)jsContextNativePointer;
+  Runtime *runtime = (Runtime *)jsContextNativePointer;
   RuntimeExecutor runtimeExecutor =
       [runtime, sharedJSMessageQueueThread](
-          std::function<void(facebook::jsi::Runtime & runtime)>&& callback) {
+          std::function<void(facebook::jsi::Runtime & runtime)> &&callback) {
         sharedJSMessageQueueThread->runOnQueue(
             [runtime, callback = std::move(callback)]() {
               callback(*runtime);
@@ -129,22 +218,26 @@ void Binding::installFabricUIManager(
             eventBeatManager, runtimeExecutor, localJavaUIManager);
       };
 
-  std::shared_ptr<const ReactNativeConfig> config = std::make_shared<const ReactNativeConfigHolder>(reactNativeConfig);
-  contextContainer->registerInstance(config, "ReactNativeConfig");
-  contextContainer->registerInstance<EventBeatFactory>(
-      synchronousBeatFactory, "synchronous");
-  contextContainer->registerInstance<EventBeatFactory>(
-      asynchronousBeatFactory, "asynchronous");
-  contextContainer->registerInstance(javaUIManager_, "FabricUIManager");
-  contextContainer->registerInstance(runtimeExecutor, "runtime-executor");
-
-  scheduler_ = std::make_shared<Scheduler>(
-      contextContainer, componentsRegistry->buildRegistryFunction);
-
-  scheduler_->setDelegate(this);
+  std::shared_ptr<const ReactNativeConfig> config =
+      std::make_shared<const ReactNativeConfigHolder>(reactNativeConfig);
+  contextContainer->insert("ReactNativeConfig", config);
+  contextContainer->insert("FabricUIManager", javaUIManager_);
+
+  auto toolbox = SchedulerToolbox{};
+  toolbox.contextContainer = contextContainer;
+  toolbox.componentRegistryFactory = componentsRegistry->buildRegistryFunction;
+  toolbox.runtimeExecutor = runtimeExecutor;
+  toolbox.synchronousEventBeatFactory = synchronousBeatFactory;
+  toolbox.asynchronousEventBeatFactory = asynchronousBeatFactory;
+  scheduler_ = std::make_shared<Scheduler>(toolbox, this);
 }
 
 void Binding::uninstallFabricUIManager() {
+  // Use std::lock and std::adopt_lock to prevent deadlocks by locking mutexes at the same time
+  std::lock(schedulerMutex_, javaUIManagerMutex_);
+  std::lock_guard<std::mutex> schedulerLock(schedulerMutex_, std::adopt_lock);
+  std::lock_guard<std::mutex> uiManagerLock(javaUIManagerMutex_, std::adopt_lock);
+
   scheduler_ = nullptr;
   javaUIManager_ = nullptr;
 }
@@ -154,8 +247,13 @@ inline local_ref<ReadableMap::javaobject> castReadableMap(
   return make_local(reinterpret_cast<ReadableMap::javaobject>(nativeMap.get()));
 }
 
+inline local_ref<ReadableArray::javaobject> castReadableArray(
+  local_ref<ReadableNativeArray::javaobject> nativeArray) {
+  return make_local(reinterpret_cast<ReadableArray::javaobject>(nativeArray.get()));
+}
+
 // TODO: this method will be removed when binding for components are code-gen
-local_ref<JString> getPlatformComponentName(const ShadowView& shadowView) {
+local_ref<JString> getPlatformComponentName(const ShadowView &shadowView) {
   local_ref<JString> componentName;
   auto newViewProps =
       std::dynamic_pointer_cast<const ScrollViewProps>(shadowView.props);
@@ -170,8 +268,8 @@ local_ref<JString> getPlatformComponentName(const ShadowView& shadowView) {
 }
 
 local_ref<JMountItem::javaobject> createUpdateEventEmitterMountItem(
-    const jni::global_ref<jobject>& javaUIManager,
-    const ShadowViewMutation& mutation) {
+    const jni::global_ref<jobject> &javaUIManager,
+    const ShadowViewMutation &mutation) {
   if (!mutation.newChildShadowView.eventEmitter) {
     return nullptr;
   }
@@ -179,7 +277,7 @@ local_ref<JMountItem::javaobject> createUpdateEventEmitterMountItem(
 
   // Do not hold a reference to javaEventEmitter from the C++ side.
   auto javaEventEmitter = EventEmitterWrapper::newObjectJavaArgs();
-  EventEmitterWrapper* cEventEmitter = cthis(javaEventEmitter);
+  EventEmitterWrapper *cEventEmitter = cthis(javaEventEmitter);
   cEventEmitter->eventEmitter = eventEmitter;
 
   static auto updateEventEmitterInstruction =
@@ -192,8 +290,8 @@ local_ref<JMountItem::javaobject> createUpdateEventEmitterMountItem(
 }
 
 local_ref<JMountItem::javaobject> createUpdatePropsMountItem(
-    const jni::global_ref<jobject>& javaUIManager,
-    const ShadowViewMutation& mutation) {
+    const jni::global_ref<jobject> &javaUIManager,
+    const ShadowViewMutation &mutation) {
   auto shadowView = mutation.newChildShadowView;
   auto newViewProps =
       *std::dynamic_pointer_cast<const ViewProps>(shadowView.props);
@@ -213,8 +311,8 @@ local_ref<JMountItem::javaobject> createUpdatePropsMountItem(
 }
 
 local_ref<JMountItem::javaobject> createUpdateLayoutMountItem(
-    const jni::global_ref<jobject>& javaUIManager,
-    const ShadowViewMutation& mutation) {
+    const jni::global_ref<jobject> &javaUIManager,
+    const ShadowViewMutation &mutation) {
   auto oldChildShadowView = mutation.oldChildShadowView;
   auto newChildShadowView = mutation.newChildShadowView;
 
@@ -222,7 +320,7 @@ local_ref<JMountItem::javaobject> createUpdateLayoutMountItem(
       oldChildShadowView.layoutMetrics != newChildShadowView.layoutMetrics) {
     static auto updateLayoutInstruction =
         jni::findClassStatic(UIManagerJavaDescriptor)
-            ->getMethod<alias_ref<JMountItem>(jint, jint, jint, jint, jint)>(
+            ->getMethod<alias_ref<JMountItem>(jint, jint, jint, jint, jint, jint)>(
                 "updateLayoutMountItem");
     auto layoutMetrics = newChildShadowView.layoutMetrics;
     auto pointScaleFactor = layoutMetrics.pointScaleFactor;
@@ -232,16 +330,17 @@ local_ref<JMountItem::javaobject> createUpdateLayoutMountItem(
     int y = round(frame.origin.y * pointScaleFactor);
     int w = round(frame.size.width * pointScaleFactor);
     int h = round(frame.size.height * pointScaleFactor);
+    auto layoutDirection = toInt(newChildShadowView.layoutMetrics.layoutDirection);
     return updateLayoutInstruction(
-        javaUIManager, newChildShadowView.tag, x, y, w, h);
+        javaUIManager, newChildShadowView.tag, x, y, w, h, layoutDirection);
   }
 
   return nullptr;
 }
 
 local_ref<JMountItem::javaobject> createInsertMountItem(
-    const jni::global_ref<jobject>& javaUIManager,
-    const ShadowViewMutation& mutation) {
+    const jni::global_ref<jobject> &javaUIManager,
+    const ShadowViewMutation &mutation) {
   static auto insertInstruction =
       jni::findClassStatic(UIManagerJavaDescriptor)
           ->getMethod<alias_ref<JMountItem>(jint, jint, jint)>(
@@ -255,8 +354,8 @@ local_ref<JMountItem::javaobject> createInsertMountItem(
 }
 
 local_ref<JMountItem::javaobject> createUpdateLocalData(
-    const jni::global_ref<jobject>& javaUIManager,
-    const ShadowViewMutation& mutation) {
+    const jni::global_ref<jobject> &javaUIManager,
+    const ShadowViewMutation &mutation) {
   static auto updateLocalDataInstruction =
       jni::findClassStatic(UIManagerJavaDescriptor)
           ->getMethod<alias_ref<JMountItem>(jint, ReadableMap::javaobject)>(
@@ -278,8 +377,8 @@ local_ref<JMountItem::javaobject> createUpdateLocalData(
 }
 
 local_ref<JMountItem::javaobject> createUpdateStateMountItem(
-    const jni::global_ref<jobject>& javaUIManager,
-    const ShadowViewMutation& mutation) {
+    const jni::global_ref<jobject> &javaUIManager,
+    const ShadowViewMutation &mutation) {
   static auto updateStateInstruction =
       jni::findClassStatic(UIManagerJavaDescriptor)
           ->getMethod<alias_ref<JMountItem>(jint, jobject)>(
@@ -290,20 +389,22 @@ local_ref<JMountItem::javaobject> createUpdateStateMountItem(
   // Do not hold onto Java object from C
   // We DO want to hold onto C object from Java, since we don't know the
   // lifetime of the Java object
-  auto javaStateWrapper = StateWrapperImpl::newObjectJavaArgs();
-  StateWrapperImpl* cStateWrapper = cthis(javaStateWrapper);
-  cStateWrapper->state_ = state;
+  local_ref<StateWrapperImpl::JavaPart> javaStateWrapper = nullptr;
+  if (state != nullptr) {
+    javaStateWrapper = StateWrapperImpl::newObjectJavaArgs();
+    StateWrapperImpl *cStateWrapper = cthis(javaStateWrapper);
+    cStateWrapper->state_ = state;
+  }
 
   return updateStateInstruction(
       javaUIManager,
       mutation.newChildShadowView.tag,
-      javaStateWrapper.get());
+      (javaStateWrapper != nullptr ? javaStateWrapper.get() : nullptr));
 }
 
-
 local_ref<JMountItem::javaobject> createRemoveMountItem(
-    const jni::global_ref<jobject>& javaUIManager,
-    const ShadowViewMutation& mutation) {
+    const jni::global_ref<jobject> &javaUIManager,
+    const ShadowViewMutation &mutation) {
   static auto removeInstruction =
       jni::findClassStatic(UIManagerJavaDescriptor)
           ->getMethod<alias_ref<JMountItem>(jint, jint, jint)>(
@@ -317,8 +418,8 @@ local_ref<JMountItem::javaobject> createRemoveMountItem(
 }
 
 local_ref<JMountItem::javaobject> createDeleteMountItem(
-    const jni::global_ref<jobject>& javaUIManager,
-    const ShadowViewMutation& mutation) {
+    const jni::global_ref<jobject> &javaUIManager,
+    const ShadowViewMutation &mutation) {
   static auto deleteInstruction =
       jni::findClassStatic(UIManagerJavaDescriptor)
           ->getMethod<alias_ref<JMountItem>(jint)>("deleteMountItem");
@@ -326,13 +427,15 @@ local_ref<JMountItem::javaobject> createDeleteMountItem(
   return deleteInstruction(javaUIManager, mutation.oldChildShadowView.tag);
 }
 
+// TODO T48019320: because we pass initial props and state to the Create (and preallocate) mount instruction,
+// we technically don't need to pass the first Update to any components. Dedupe?
 local_ref<JMountItem::javaobject> createCreateMountItem(
-    const jni::global_ref<jobject>& javaUIManager,
-    const ShadowViewMutation& mutation,
-    const Tag rootTag) {
+    const jni::global_ref<jobject> &javaUIManager,
+    const ShadowViewMutation &mutation,
+    const Tag surfaceId) {
   static auto createJavaInstruction =
       jni::findClassStatic(UIManagerJavaDescriptor)
-          ->getMethod<alias_ref<JMountItem>(jstring, jint, jint, jboolean)>(
+          ->getMethod<alias_ref<JMountItem>(jstring, ReadableMap::javaobject, jobject, jint, jint, jboolean)>(
               "createMountItem");
 
   auto newChildShadowView = mutation.newChildShadowView;
@@ -340,19 +443,44 @@ local_ref<JMountItem::javaobject> createCreateMountItem(
   local_ref<JString> componentName =
       getPlatformComponentName(newChildShadowView);
 
-  jboolean isLayoutable = newChildShadowView.layoutMetrics != EmptyLayoutMetrics;
+  jboolean isLayoutable =
+      newChildShadowView.layoutMetrics != EmptyLayoutMetrics;
+
+  local_ref<ReadableMap::javaobject> props = castReadableMap(
+    ReadableNativeMap::newObjectCxxArgs(newChildShadowView.props->rawProps));
+
+  // Do not hold onto Java object from C
+  // We DO want to hold onto C object from Java, since we don't know the
+  // lifetime of the Java object
+  local_ref<StateWrapperImpl::JavaPart> javaStateWrapper = nullptr;
+  if (newChildShadowView.state != nullptr) {
+    javaStateWrapper = StateWrapperImpl::newObjectJavaArgs();
+    StateWrapperImpl *cStateWrapper = cthis(javaStateWrapper);
+    cStateWrapper->state_ = newChildShadowView.state;
+  }
 
   return createJavaInstruction(
       javaUIManager,
       componentName.get(),
-      rootTag,
+      props.get(),
+      (javaStateWrapper != nullptr ? javaStateWrapper.get() : nullptr),
+      surfaceId,
       newChildShadowView.tag,
       isLayoutable);
 }
 
 void Binding::schedulerDidFinishTransaction(
     MountingCoordinator::Shared const &mountingCoordinator) {
-  SystraceSection s("FabricUIManager::schedulerDidFinishTransaction");
+  std::lock_guard<std::recursive_mutex> lock(commitMutex_);
+
+  SystraceSection s("FabricUIManagerBinding::schedulerDidFinishTransaction");
+  long finishTransactionStartTime = getTime();
+
+  jni::global_ref<jobject> localJavaUIManager = getJavaUIManager();
+  if (!localJavaUIManager) {
+    LOG(ERROR) << "Binding::schedulerDidFinishTransaction: JavaUIManager disappeared";
+    return;
+  }
 
   auto mountingTransaction = mountingCoordinator->pullTransaction();
 
@@ -364,12 +492,12 @@ void Binding::schedulerDidFinishTransaction(
   auto surfaceId = mountingTransaction->getSurfaceId();
   auto &mutations = mountingTransaction->getMutations();
 
+  int64_t commitNumber = telemetry.getCommitNumber();
+
   std::vector<local_ref<jobject>> queue;
   // Upper bound estimation of mount items to be delivered to Java side.
   int size = mutations.size() * 3 + 42;
 
-  long finishTransactionStartTime = getTime();
-
   local_ref<JArrayClass<JMountItem::javaobject>> mountItemsArray =
       JArrayClass<JMountItem::javaobject>::newArray(size);
 
@@ -377,7 +505,7 @@ void Binding::schedulerDidFinishTransaction(
   std::unordered_set<Tag> deletedViewTags;
 
   int position = 0;
-  for (const auto& mutation : mutations) {
+  for (const auto &mutation : mutations) {
     auto oldChildShadowView = mutation.oldChildShadowView;
     auto newChildShadowView = mutation.newChildShadowView;
 
@@ -386,23 +514,24 @@ void Binding::schedulerDidFinishTransaction(
 
     switch (mutation.type) {
       case ShadowViewMutation::Create: {
-        if (mutation.newChildShadowView.props->revision > 1
-            || deletedViewTags.find(mutation.newChildShadowView.tag) != deletedViewTags.end()) {
+        if (mutation.newChildShadowView.props->revision > 1 ||
+            deletedViewTags.find(mutation.newChildShadowView.tag) !=
+                deletedViewTags.end()) {
           mountItems[position++] =
-              createCreateMountItem(javaUIManager_, mutation, surfaceId);
+              createCreateMountItem(localJavaUIManager, mutation, surfaceId);
         }
-      break;
+        break;
       }
       case ShadowViewMutation::Remove: {
         if (!isVirtual) {
           mountItems[position++] =
-              createRemoveMountItem(javaUIManager_, mutation);
+              createRemoveMountItem(localJavaUIManager, mutation);
         }
         break;
       }
       case ShadowViewMutation::Delete: {
         mountItems[position++] =
-            createDeleteMountItem(javaUIManager_, mutation);
+          createDeleteMountItem(localJavaUIManager, mutation);
 
         deletedViewTags.insert(mutation.oldChildShadowView.tag);
         break;
@@ -412,21 +541,21 @@ void Binding::schedulerDidFinishTransaction(
           if (mutation.oldChildShadowView.props !=
               mutation.newChildShadowView.props) {
             mountItems[position++] =
-                createUpdatePropsMountItem(javaUIManager_, mutation);
+                createUpdatePropsMountItem(localJavaUIManager, mutation);
           }
           if (mutation.oldChildShadowView.localData !=
               mutation.newChildShadowView.localData) {
             mountItems[position++] =
-                createUpdateLocalData(javaUIManager_, mutation);
+                createUpdateLocalData(localJavaUIManager, mutation);
           }
           if (mutation.oldChildShadowView.state !=
               mutation.newChildShadowView.state) {
             mountItems[position++] =
-                createUpdateStateMountItem(javaUIManager_, mutation);
+                createUpdateStateMountItem(localJavaUIManager, mutation);
           }
 
           auto updateLayoutMountItem =
-              createUpdateLayoutMountItem(javaUIManager_, mutation);
+              createUpdateLayoutMountItem(localJavaUIManager, mutation);
           if (updateLayoutMountItem) {
             mountItems[position++] = updateLayoutMountItem;
           }
@@ -435,7 +564,7 @@ void Binding::schedulerDidFinishTransaction(
         if (mutation.oldChildShadowView.eventEmitter !=
             mutation.newChildShadowView.eventEmitter) {
           auto updateEventEmitterMountItem =
-              createUpdateEventEmitterMountItem(javaUIManager_, mutation);
+              createUpdateEventEmitterMountItem(localJavaUIManager, mutation);
           if (updateEventEmitterMountItem) {
             mountItems[position++] = updateEventEmitterMountItem;
           }
@@ -445,37 +574,39 @@ void Binding::schedulerDidFinishTransaction(
       case ShadowViewMutation::Insert: {
         if (!isVirtual) {
           // Insert item
-          mountItems[position++] = createInsertMountItem(javaUIManager_, mutation);
+          mountItems[position++] =
+              createInsertMountItem(localJavaUIManager, mutation);
 
           if (mutation.newChildShadowView.props->revision > 1 ||
-              deletedViewTags.find(mutation.newChildShadowView.tag) != deletedViewTags.end()) {
+              deletedViewTags.find(mutation.newChildShadowView.tag) !=
+                  deletedViewTags.end()) {
+            mountItems[position++] =
+                createUpdatePropsMountItem(localJavaUIManager, mutation);
+          }
+
+          // State
+          if (mutation.newChildShadowView.state) {
             mountItems[position++] =
-                createUpdatePropsMountItem(javaUIManager_, mutation);
+                createUpdateStateMountItem(localJavaUIManager, mutation);
           }
 
           // LocalData
           if (mutation.newChildShadowView.localData) {
             mountItems[position++] =
-                createUpdateLocalData(javaUIManager_, mutation);
+                createUpdateLocalData(localJavaUIManager, mutation);
           }
 
           // Layout
           auto updateLayoutMountItem =
-              createUpdateLayoutMountItem(javaUIManager_, mutation);
+              createUpdateLayoutMountItem(localJavaUIManager, mutation);
           if (updateLayoutMountItem) {
             mountItems[position++] = updateLayoutMountItem;
           }
-
-          // State
-          if (mutation.newChildShadowView.state) {
-            mountItems[position++] =
-                createUpdateStateMountItem(javaUIManager_, mutation);
-          }
         }
 
         // EventEmitter
         auto updateEventEmitterMountItem =
-            createUpdateEventEmitterMountItem(javaUIManager_, mutation);
+            createUpdateEventEmitterMountItem(localJavaUIManager, mutation);
         if (updateEventEmitterMountItem) {
           mountItems[position++] = updateEventEmitterMountItem;
         }
@@ -488,27 +619,36 @@ void Binding::schedulerDidFinishTransaction(
     }
   }
 
+  if (position <= 0) {
+    // If there are no mountItems to be sent to the platform, then it is not necessary to even call.
+    return;
+  }
+
   static auto createMountItemsBatchContainer =
       jni::findClassStatic(UIManagerJavaDescriptor)
           ->getMethod<alias_ref<JMountItem>(
-              jtypeArray<JMountItem::javaobject>, jint)>(
+              jtypeArray<JMountItem::javaobject>, jint, jint)>(
               "createBatchMountItem");
 
   auto batch = createMountItemsBatchContainer(
-      javaUIManager_, mountItemsArray.get(), position);
+      localJavaUIManager, mountItemsArray.get(), position, commitNumber);
 
-  static auto scheduleMountItems =
+  static auto scheduleMountItem =
       jni::findClassStatic(UIManagerJavaDescriptor)
-          ->getMethod<void(JMountItem::javaobject, jlong, jlong, jlong, jlong)>(
-              "scheduleMountItems");
+          ->getMethod<void(JMountItem::javaobject, jint, jlong, jlong, jlong, jlong, jlong, jlong, jlong)>(
+              "scheduleMountItem");
 
   long finishTransactionEndTime = getTime();
 
-  scheduleMountItems(
-      javaUIManager_,
+  scheduleMountItem(
+      localJavaUIManager,
       batch.get(),
+      telemetry.getCommitNumber(),
       telemetry.getCommitStartTime(),
-      telemetry.getLayoutTime(),
+      telemetry.getDiffStartTime(),
+      telemetry.getDiffEndTime(),
+      telemetry.getLayoutStartTime(),
+      telemetry.getLayoutEndTime(),
       finishTransactionStartTime,
       finishTransactionEndTime);
 }
@@ -521,17 +661,102 @@ void Binding::schedulerDidRequestPreliminaryViewAllocation(
     const SurfaceId surfaceId,
     const ShadowView &shadowView) {
 
+  jni::global_ref<jobject> localJavaUIManager = getJavaUIManager();
+  if (!localJavaUIManager) {
+    LOG(ERROR) << "Binding::schedulerDidRequestPreliminaryViewAllocation: JavaUIManager disappeared";
+    return;
+  }
+
   bool isLayoutableShadowNode = shadowView.layoutMetrics != EmptyLayoutMetrics;
 
   static auto preallocateView =
       jni::findClassStatic(UIManagerJavaDescriptor)
-          ->getMethod<void(jint, jint, jstring, ReadableMap::javaobject, jboolean)>("preallocateView");
+          ->getMethod<void(
+              jint, jint, jstring, ReadableMap::javaobject, jobject, jboolean)>(
+              "preallocateView");
 
-  local_ref<ReadableMap::javaobject> readableMap =
-      castReadableMap(ReadableNativeMap::newObjectCxxArgs(shadowView.props->rawProps));
+  // Do not hold onto Java object from C
+  // We DO want to hold onto C object from Java, since we don't know the
+  // lifetime of the Java object
+  local_ref<StateWrapperImpl::JavaPart> javaStateWrapper = nullptr;
+  if (shadowView.state != nullptr) {
+    javaStateWrapper = StateWrapperImpl::newObjectJavaArgs();
+    StateWrapperImpl *cStateWrapper = cthis(javaStateWrapper);
+    cStateWrapper->state_ = shadowView.state;
+  }
+
+  local_ref<ReadableMap::javaobject> props = castReadableMap(
+      ReadableNativeMap::newObjectCxxArgs(shadowView.props->rawProps));
   auto component = getPlatformComponentName(shadowView);
+
   preallocateView(
-      javaUIManager_, surfaceId, shadowView.tag, component.get(), readableMap.get(), isLayoutableShadowNode);
+      localJavaUIManager,
+      surfaceId,
+      shadowView.tag,
+      component.get(),
+      props.get(),
+      (javaStateWrapper != nullptr ? javaStateWrapper.get() : nullptr),
+      isLayoutableShadowNode);
+}
+
+void Binding::schedulerDidDispatchCommand(
+  const ShadowView &shadowView,
+  std::string const &commandName,
+  folly::dynamic const args) {
+
+  jni::global_ref<jobject> localJavaUIManager = getJavaUIManager();
+  if (!localJavaUIManager) {
+    LOG(ERROR) << "Binding::schedulerDidDispatchCommand: JavaUIManager disappeared";
+    return;
+  }
+
+  static auto dispatchCommand =
+    jni::findClassStatic(UIManagerJavaDescriptor)
+      ->getMethod<void(
+        jint, jstring, ReadableArray::javaobject)>(
+        "dispatchCommand");
+
+  local_ref<JString> command = make_jstring(commandName);
+
+  local_ref<ReadableArray::javaobject> argsArray = castReadableArray(
+    ReadableNativeArray::newObjectCxxArgs(args));
+
+  dispatchCommand(localJavaUIManager, shadowView.tag, command.get(), argsArray.get());
+}
+
+void Binding::schedulerDidSetJSResponder(
+    SurfaceId surfaceId,
+    const ShadowView &shadowView,
+    const ShadowView &initialShadowView,
+    bool blockNativeResponder) {
+
+  jni::global_ref<jobject> localJavaUIManager = getJavaUIManager();
+  if (!localJavaUIManager) {
+    LOG(ERROR) << "Binding::schedulerSetJSResponder: JavaUIManager disappeared";
+    return;
+  }
+
+  static auto setJSResponder =
+      jni::findClassStatic(UIManagerJavaDescriptor)
+          ->getMethod<void(
+              jint, jint, jboolean)>(
+              "setJSResponder");
+
+  setJSResponder(localJavaUIManager, shadowView.tag, initialShadowView.tag, (jboolean) blockNativeResponder);
+}
+
+void Binding::schedulerDidClearJSResponder() {
+  jni::global_ref<jobject> localJavaUIManager = getJavaUIManager();
+  if (!localJavaUIManager) {
+    LOG(ERROR) << "Binding::schedulerClearJSResponder: JavaUIManager disappeared";
+    return;
+  }
+
+  static auto clearJSResponder =
+      jni::findClassStatic(UIManagerJavaDescriptor)
+          ->getMethod<void()>("clearJSResponder");
+
+  clearJSResponder(localJavaUIManager);
 }
 
 void Binding::registerNatives() {
@@ -540,6 +765,8 @@ void Binding::registerNatives() {
        makeNativeMethod(
            "installFabricUIManager", Binding::installFabricUIManager),
        makeNativeMethod("startSurface", Binding::startSurface),
+       makeNativeMethod(
+           "startSurfaceWithConstraints", Binding::startSurfaceWithConstraints),
        makeNativeMethod(
            "renderTemplateToSurface", Binding::renderTemplateToSurface),
        makeNativeMethod("stopSurface", Binding::stopSurface),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/Binding.h b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/Binding.h
similarity index 58%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/Binding.h
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/jni/Binding.h
index e61b5c1cebaef6..c4c65e5f602eb3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/Binding.h
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/Binding.h
@@ -21,20 +21,27 @@ class Instance;
 
 class Binding : public jni::HybridClass<Binding>, public SchedulerDelegate {
  public:
-  constexpr static const char* const kJavaDescriptor =
-      "Lcom/facebook/react/fabric/jsi/Binding;";
+  constexpr static const char *const kJavaDescriptor =
+      "Lcom/facebook/react/fabric/Binding;";
 
   static void registerNatives();
 
   jni::global_ref<jobject> javaUIManager_;
+  std::mutex javaUIManagerMutex_;
 
   std::shared_ptr<Scheduler> scheduler_;
+  std::mutex schedulerMutex_;
+
+  std::recursive_mutex commitMutex_;
 
   float pointScaleFactor_ = 1;
 
  private:
+  jni::global_ref<jobject> getJavaUIManager();
+  std::shared_ptr<Scheduler> getScheduler();
+
   void setConstraints(
-      jint rootTag,
+      jint surfaceId,
       jfloat minWidth,
       jfloat maxWidth,
       jfloat minHeight,
@@ -45,26 +52,51 @@ class Binding : public jni::HybridClass<Binding>, public SchedulerDelegate {
   void installFabricUIManager(
       jlong jsContextNativePointer,
       jni::alias_ref<jobject> javaUIManager,
-      EventBeatManager* eventBeatManager,
+      EventBeatManager *eventBeatManager,
       jni::alias_ref<JavaMessageQueueThread::javaobject> jsMessageQueueThread,
-      ComponentFactoryDelegate* componentsRegistry,
+      ComponentFactoryDelegate *componentsRegistry,
       jni::alias_ref<jobject> reactNativeConfig);
 
-  void startSurface(jint surfaceId, NativeMap* initialProps);
+  void startSurface(
+      jint surfaceId,
+      jni::alias_ref<jstring> moduleName,
+      NativeMap *initialProps);
+
+  void startSurfaceWithConstraints(
+      jint surfaceId,
+      jni::alias_ref<jstring> moduleName,
+      NativeMap *initialProps,
+      jfloat minWidth,
+      jfloat maxWidth,
+      jfloat minHeight,
+      jfloat maxHeight);
 
   void renderTemplateToSurface(jint surfaceId, jstring uiTemplate);
 
   void stopSurface(jint surfaceId);
 
   void schedulerDidFinishTransaction(
-    MountingCoordinator::Shared const &mountingCoordinator);
+      MountingCoordinator::Shared const &mountingCoordinator);
 
   void schedulerDidRequestPreliminaryViewAllocation(
       const SurfaceId surfaceId,
       const ShadowView &shadowView);
 
+  void schedulerDidDispatchCommand(
+    const ShadowView &shadowView,
+    std::string const &commandName,
+    folly::dynamic const args);
+
   void setPixelDensity(float pointScaleFactor);
 
+  void schedulerDidSetJSResponder(
+     SurfaceId surfaceId,
+     const ShadowView &shadowView,
+     const ShadowView &initialShadowView,
+     bool blockNativeResponder);
+
+  void schedulerDidClearJSResponder();
+
   void uninstallFabricUIManager();
 };
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/ComponentFactoryDelegate.cpp b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/ComponentFactoryDelegate.cpp
similarity index 100%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/ComponentFactoryDelegate.cpp
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/jni/ComponentFactoryDelegate.cpp
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/ComponentFactoryDelegate.h b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/ComponentFactoryDelegate.h
similarity index 93%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/ComponentFactoryDelegate.h
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/jni/ComponentFactoryDelegate.h
index a215eac89dd606..c3abdc210ac776 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/ComponentFactoryDelegate.h
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/ComponentFactoryDelegate.h
@@ -23,7 +23,7 @@ class ComponentFactoryDelegate
     : public jni::HybridClass<ComponentFactoryDelegate> {
  public:
   constexpr static const char* const kJavaDescriptor =
-      "Lcom/facebook/react/fabric/jsi/ComponentFactoryDelegate;";
+      "Lcom/facebook/react/fabric/ComponentFactoryDelegate;";
 
   static void registerNatives();
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/EventBeatManager.cpp b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/EventBeatManager.cpp
similarity index 100%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/EventBeatManager.cpp
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/jni/EventBeatManager.cpp
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/EventBeatManager.h b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/EventBeatManager.h
similarity index 92%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/EventBeatManager.h
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/jni/EventBeatManager.h
index 4425bc386f60d9..3ef907ce432d6b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/EventBeatManager.h
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/EventBeatManager.h
@@ -7,7 +7,7 @@
 #include <fb/fbjni.h>
 #include <jsi/jsi.h>
 #include <react/core/EventBeat.h>
-#include <react/uimanager/primitives.h>
+#include <react/utils/RuntimeExecutor.h>
 #include <mutex>
 #include <unordered_set>
 
@@ -21,7 +21,7 @@ class Instance;
 class EventBeatManager : public jni::HybridClass<EventBeatManager> {
  public:
   constexpr static const char* const kJavaDescriptor =
-      "Lcom/facebook/react/fabric/jsi/EventBeatManager;";
+      "Lcom/facebook/react/fabric/events/EventBeatManager;";
 
   static void registerNatives();
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/EventEmitterWrapper.cpp b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/EventEmitterWrapper.cpp
similarity index 100%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/EventEmitterWrapper.cpp
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/jni/EventEmitterWrapper.cpp
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/EventEmitterWrapper.h b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/EventEmitterWrapper.h
similarity index 92%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/EventEmitterWrapper.h
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/jni/EventEmitterWrapper.h
index ce43653eac95f6..cd612ac4d460ab 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/EventEmitterWrapper.h
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/EventEmitterWrapper.h
@@ -16,7 +16,7 @@ class Instance;
 class EventEmitterWrapper : public jni::HybridClass<EventEmitterWrapper> {
  public:
   constexpr static const char* const kJavaDescriptor =
-      "Lcom/facebook/react/fabric/jsi/EventEmitterWrapper;";
+      "Lcom/facebook/react/fabric/events/EventEmitterWrapper;";
 
   static void registerNatives();
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/NodeStateWrapper.cpp b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/NodeStateWrapper.cpp
similarity index 100%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/NodeStateWrapper.cpp
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/jni/NodeStateWrapper.cpp
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/NodeStateWrapper.h b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/NodeStateWrapper.h
similarity index 100%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/NodeStateWrapper.h
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/jni/NodeStateWrapper.h
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/OnLoad.cpp b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/OnLoad.cpp
similarity index 100%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/OnLoad.cpp
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/jni/OnLoad.cpp
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/ReactNativeConfigHolder.cpp b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/ReactNativeConfigHolder.cpp
similarity index 100%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/ReactNativeConfigHolder.cpp
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/jni/ReactNativeConfigHolder.cpp
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/ReactNativeConfigHolder.h b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/ReactNativeConfigHolder.h
similarity index 100%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/ReactNativeConfigHolder.h
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/jni/ReactNativeConfigHolder.h
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/StateWrapperImpl.cpp b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/StateWrapperImpl.cpp
similarity index 100%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/StateWrapperImpl.cpp
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/jni/StateWrapperImpl.cpp
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/StateWrapperImpl.h b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/StateWrapperImpl.h
similarity index 93%
rename from ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/StateWrapperImpl.h
rename to ReactAndroid/src/main/java/com/facebook/react/fabric/jni/StateWrapperImpl.h
index 82239ef06358da..17fe04e25ef696 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/jni/StateWrapperImpl.h
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/StateWrapperImpl.h
@@ -16,7 +16,7 @@ class Instance;
 class StateWrapperImpl : public jni::HybridClass<StateWrapperImpl> {
  public:
   constexpr static const char* const kJavaDescriptor =
-      "Lcom/facebook/react/fabric/jsi/StateWrapperImpl;";
+      "Lcom/facebook/react/fabric/StateWrapperImpl;";
 
   static void registerNatives();
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/ComponentRegistry.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/ComponentRegistry.java
deleted file mode 100644
index b942af8dc100cd..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsi/ComponentRegistry.java
+++ /dev/null
@@ -1,25 +0,0 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
-
-package com.facebook.react.fabric.jsi;
-
-import com.facebook.jni.HybridData;
-import com.facebook.proguard.annotations.DoNotStrip;
-import com.facebook.soloader.SoLoader;
-
-@DoNotStrip
-public class ComponentRegistry {
-
-  static {
-    FabricSoLoader.staticInit();
-  }
-
-  private final HybridData mHybridData;
-
-  @DoNotStrip
-  private static native HybridData initHybrid();
-
-  public ComponentRegistry() {
-    mHybridData = initHybrid();
-  }
-
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/ContextBasedViewPool.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/ContextBasedViewPool.java
deleted file mode 100644
index 579e8b730059bd..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/ContextBasedViewPool.java
+++ /dev/null
@@ -1,53 +0,0 @@
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
- *
- * <p>This source 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.mounting;
-
-import android.view.View;
-import androidx.annotation.UiThread;
-import com.facebook.react.uimanager.ReactStylesDiffMap;
-import com.facebook.react.uimanager.ThemedReactContext;
-import com.facebook.react.uimanager.ViewManagerRegistry;
-import java.util.WeakHashMap;
-
-/** Class that provides pool for views based on {@link ThemedReactContext}. */
-public final class ContextBasedViewPool implements ViewFactory {
-  private final WeakHashMap<ThemedReactContext, ViewPool> mContextViewPoolHashMap =
-      new WeakHashMap<>();
-  private final ViewManagerRegistry mViewManagerRegistry;
-
-  ContextBasedViewPool(ViewManagerRegistry viewManagerRegistry) {
-    mViewManagerRegistry = viewManagerRegistry;
-  }
-
-
-  @UiThread
-  void createView(ThemedReactContext context, ReactStylesDiffMap props, String componentName) {
-    getViewPool(context).createView(componentName, props, context);
-  }
-
-  @UiThread
-  @Override
-  public View getOrCreateView(String componentName, ReactStylesDiffMap props, ThemedReactContext context) {
-    return getViewPool(context).getOrCreateView(componentName, props, context);
-  }
-
-  @UiThread
-  @Override
-  public void recycle(ThemedReactContext context, String componentName, View view) {
-    getViewPool(context).returnToPool(componentName, view);
-  }
-
-  @UiThread
-  private ViewPool getViewPool(ThemedReactContext context) {
-    ViewPool pool = mContextViewPoolHashMap.get(context);
-    if (pool == null) {
-      pool = new ViewPool(mViewManagerRegistry);
-      mContextViewPoolHashMap.put(context, pool);
-    }
-    return pool;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/MountingManager.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/MountingManager.java
index 675c43c57caccd..fbc3f0018525d5 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/MountingManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/MountingManager.java
@@ -20,8 +20,9 @@
 import com.facebook.react.bridge.SoftAssertions;
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.fabric.FabricUIManager;
-import com.facebook.react.fabric.jsi.EventEmitterWrapper;
+import com.facebook.react.fabric.events.EventEmitterWrapper;
 import com.facebook.react.fabric.mounting.mountitems.MountItem;
+import com.facebook.react.touch.JSResponderHandler;
 import com.facebook.react.uimanager.IllegalViewOperationException;
 import com.facebook.react.uimanager.ReactStylesDiffMap;
 import com.facebook.react.uimanager.RootView;
@@ -41,17 +42,15 @@
 public class MountingManager {
 
   private final ConcurrentHashMap<Integer, ViewState> mTagToViewState;
+  private final JSResponderHandler mJSResponderHandler = new JSResponderHandler();
   private final ViewManagerRegistry mViewManagerRegistry;
   private final RootViewManager mRootViewManager = new RootViewManager();
-  private final ViewFactory mViewFactory;
 
   public MountingManager(ViewManagerRegistry viewManagerRegistry) {
     mTagToViewState = new ConcurrentHashMap<>();
     mViewManagerRegistry = viewManagerRegistry;
-    mViewFactory = new ViewManagerFactory(viewManagerRegistry);
   }
 
-  @UiThread
   public void addRootView(int reactRootTag, View rootView) {
     if (rootView.getId() != View.NO_ID) {
       throw new IllegalViewOperationException(
@@ -91,27 +90,6 @@ private void dropView(View view) {
     }
 
     mTagToViewState.remove(reactTag);
-    Context context = view.getContext();
-    if (context instanceof ThemedReactContext) {
-      // We only recycle views that were created by RN (its context is instance of
-      // ThemedReactContext)
-      mViewFactory.recycle(
-          (ThemedReactContext) context, Assertions.assertNotNull(viewManager).getName(), view);
-    }
-  }
-
-  /** Releases all references to react root tag. */
-  @UiThread
-  public void removeRootView(int reactRootTag) {
-    UiThreadUtil.assertOnUiThread();
-    ViewState viewState = mTagToViewState.get(reactRootTag);
-    if (viewState == null || !viewState.mIsRoot) {
-      SoftAssertions.assertUnreachable(
-          "View with tag " + reactRootTag + " is not registered as a root view");
-    }
-    if (viewState.mView != null) {
-      dropView(viewState.mView);
-    }
   }
 
   @UiThread
@@ -122,7 +100,8 @@ public void addViewAt(int parentTag, int tag, int index) {
     ViewState viewState = getViewState(tag);
     final View view = viewState.mView;
     if (view == null) {
-      throw new IllegalStateException("Unable to find view for viewState " + viewState);
+      throw new IllegalStateException(
+          "Unable to find view for viewState " + viewState + " and tag " + tag);
     }
     getViewGroupManager(parentViewState).addView(parentView, view, index);
   }
@@ -130,11 +109,12 @@ public void addViewAt(int parentTag, int tag, int index) {
   private ViewState getViewState(int tag) {
     ViewState viewState = mTagToViewState.get(tag);
     if (viewState == null) {
-      throw new IllegalStateException("Unable to find viewState view " + viewState);
+      throw new IllegalStateException("Unable to find viewState view for tag " + tag);
     }
     return viewState;
   }
 
+  @Deprecated
   public void receiveCommand(int reactTag, int commandId, @Nullable ReadableArray commandArgs) {
     ViewState viewState = getViewState(reactTag);
 
@@ -149,6 +129,20 @@ public void receiveCommand(int reactTag, int commandId, @Nullable ReadableArray
     viewState.mViewManager.receiveCommand(viewState.mView, commandId, commandArgs);
   }
 
+  public void receiveCommand(int reactTag, String commandId, @Nullable ReadableArray commandArgs) {
+    ViewState viewState = getViewState(reactTag);
+
+    if (viewState.mViewManager == null) {
+      throw new IllegalStateException("Unable to find viewState manager for tag " + reactTag);
+    }
+
+    if (viewState.mView == null) {
+      throw new IllegalStateException("Unable to find viewState view for tag " + reactTag);
+    }
+
+    viewState.mViewManager.receiveCommand(viewState.mView, commandId, commandArgs);
+  }
+
   @SuppressWarnings("unchecked") // prevents unchecked conversion warn of the <ViewGroup> type
   private static ViewGroupManager<ViewGroup> getViewGroupManager(ViewState viewState) {
     if (viewState.mViewManager == null) {
@@ -170,11 +164,12 @@ public void removeViewAt(int parentTag, int index) {
   }
 
   @UiThread
-  public void createViewWithProps(
+  public void createView(
       ThemedReactContext themedReactContext,
       String componentName,
       int reactTag,
       @Nullable ReadableMap props,
+      @Nullable StateWrapper stateWrapper,
       boolean isLayoutable) {
     if (mTagToViewState.get(reactTag) != null) {
       return;
@@ -183,19 +178,23 @@ public void createViewWithProps(
     View view = null;
     ViewManager viewManager = null;
 
-    ReactStylesDiffMap diffMap = null;
+    ReactStylesDiffMap propsDiffMap = null;
     if (props != null) {
-      diffMap = new ReactStylesDiffMap(props);
+      propsDiffMap = new ReactStylesDiffMap(props);
     }
 
     if (isLayoutable) {
       viewManager = mViewManagerRegistry.get(componentName);
-      view = mViewFactory.getOrCreateView(componentName, diffMap, themedReactContext);
+      // View Managers are responsible for dealing with initial state and props.
+      view =
+          viewManager.createView(
+              themedReactContext, propsDiffMap, stateWrapper, mJSResponderHandler);
       view.setId(reactTag);
     }
 
     ViewState viewState = new ViewState(reactTag, view, viewManager);
-    viewState.mCurrentProps = diffMap;
+    viewState.mCurrentProps = propsDiffMap;
+    viewState.mCurrentState = (stateWrapper != null ? stateWrapper.getState() : null);
 
     mTagToViewState.put(reactTag, viewState);
   }
@@ -304,7 +303,11 @@ public void updateState(final int reactTag, StateWrapper stateWrapper) {
     if (viewManager == null) {
       throw new IllegalStateException("Unable to find ViewManager for tag: " + reactTag);
     }
-    viewManager.updateState(viewState.mView, stateWrapper);
+    Object extraData =
+        viewManager.updateState(viewState.mView, viewState.mCurrentProps, stateWrapper);
+    if (extraData != null) {
+      viewManager.updateExtraData(viewState.mView, extraData);
+    }
   }
 
   @UiThread
@@ -313,6 +316,7 @@ public void preallocateView(
       String componentName,
       int reactTag,
       @Nullable ReadableMap props,
+      @Nullable StateWrapper stateWrapper,
       boolean isLayoutable) {
 
     if (mTagToViewState.get(reactTag) != null) {
@@ -320,7 +324,7 @@ public void preallocateView(
           "View for component " + componentName + " with tag " + reactTag + " already exists.");
     }
 
-    createViewWithProps(reactContext, componentName, reactTag, props, isLayoutable);
+    createView(reactContext, componentName, reactTag, props, stateWrapper, isLayoutable);
   }
 
   @UiThread
@@ -330,6 +334,59 @@ public void updateEventEmitter(int reactTag, EventEmitterWrapper eventEmitter) {
     viewState.mEventEmitter = eventEmitter;
   }
 
+  /**
+   * Set the JS responder for the view associated with the tags received as a parameter.
+   *
+   * <p>The JSResponder coordinates the return values of the onInterceptTouch method in Android
+   * Views. This allows JS to coordinate when a touch should be handled by JS or by the Android
+   * native views. See {@link JSResponderHandler} for more details.
+   *
+   * <p>This method is going to be executed on the UIThread as soon as it is delivered from JS to
+   * RN.
+   *
+   * <p>Currently, there is no warranty that the view associated with the react tag exists, because
+   * this method is not handled by the react commit process.
+   *
+   * @param reactTag React tag of the first parent of the view that is NOT virtual
+   * @param initialReactTag React tag of the JS view that initiated the touch operation
+   * @param blockNativeResponder If native responder should be blocked or not
+   */
+  @UiThread
+  public synchronized void setJSResponder(
+      int reactTag, int initialReactTag, boolean blockNativeResponder) {
+    if (!blockNativeResponder) {
+      mJSResponderHandler.setJSResponder(initialReactTag, null);
+      return;
+    }
+
+    ViewState viewState = getViewState(reactTag);
+    View view = viewState.mView;
+    if (initialReactTag != reactTag && view instanceof ViewParent) {
+      // In this case, initialReactTag corresponds to a virtual/layout-only View, and we already
+      // have a parent of that View in reactTag, so we can use it.
+      mJSResponderHandler.setJSResponder(initialReactTag, (ViewParent) view);
+      return;
+    } else if (view == null) {
+      SoftAssertions.assertUnreachable("Cannot find view for tag " + reactTag + ".");
+      return;
+    }
+
+    if (viewState.mIsRoot) {
+      SoftAssertions.assertUnreachable(
+          "Cannot block native responder on " + reactTag + " that is a root view");
+    }
+    mJSResponderHandler.setJSResponder(initialReactTag, view.getParent());
+  }
+
+  /**
+   * Clears the JS Responder specified by {@link #setJSResponder(int, int, boolean)}. After this
+   * method is called, all the touch events are going to be handled by JS.
+   */
+  @UiThread
+  public void clearJSResponder() {
+    mJSResponderHandler.clearJSResponder();
+  }
+
   @AnyThread
   public long measure(
       Context context,
@@ -362,10 +419,10 @@ private static class ViewState {
     final int mReactTag;
     final boolean mIsRoot;
     @Nullable final ViewManager mViewManager;
-    public ReactStylesDiffMap mCurrentProps;
-    public ReadableMap mCurrentLocalData;
-    public ReadableMap mCurrentState;
-    public EventEmitterWrapper mEventEmitter;
+    @Nullable public ReactStylesDiffMap mCurrentProps = null;
+    @Nullable public ReadableMap mCurrentLocalData = null;
+    @Nullable public ReadableMap mCurrentState = null;
+    @Nullable public EventEmitterWrapper mEventEmitter = null;
 
     private ViewState(int reactTag, @Nullable View view, @Nullable ViewManager viewManager) {
       this(reactTag, view, viewManager, false);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/ViewFactory.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/ViewFactory.java
deleted file mode 100644
index b92f576ebda4bf..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/ViewFactory.java
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source 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.mounting;
-
-import android.view.View;
-import com.facebook.react.uimanager.ReactStylesDiffMap;
-import com.facebook.react.uimanager.ThemedReactContext;
-
-public interface ViewFactory {
-
-  View getOrCreateView(String componentName, ReactStylesDiffMap props, ThemedReactContext context);
-
-  void recycle(ThemedReactContext context, String componentName, View view);
-
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/ViewManagerFactory.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/ViewManagerFactory.java
deleted file mode 100644
index dffac26f5a69e9..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/ViewManagerFactory.java
+++ /dev/null
@@ -1,35 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source 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.mounting;
-
-import androidx.annotation.UiThread;
-import android.view.View;
-import com.facebook.react.uimanager.ReactStylesDiffMap;
-import com.facebook.react.uimanager.ThemedReactContext;
-import com.facebook.react.uimanager.ViewManagerRegistry;
-
-public class ViewManagerFactory implements ViewFactory {
-
-  private ViewManagerRegistry mViewManagerRegistry;
-
-  ViewManagerFactory(ViewManagerRegistry viewManagerRegistry) {
-    mViewManagerRegistry = viewManagerRegistry;
-  }
-
-  @UiThread
-  @Override
-  public View getOrCreateView(
-    String componentName, ReactStylesDiffMap props, ThemedReactContext context) {
-    return mViewManagerRegistry.get(componentName).createViewWithProps(context, props, null);
-  }
-
-  @UiThread
-  @Override
-  public void recycle(ThemedReactContext context, String componentName, View view) {
-    // do nothing
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/ViewPool.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/ViewPool.java
deleted file mode 100644
index 69a2c911c8de0d..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/ViewPool.java
+++ /dev/null
@@ -1,64 +0,0 @@
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
- *
- * <p>This source 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.mounting;
-
-import androidx.annotation.UiThread;
-import android.view.View;
-import com.facebook.react.common.ClearableSynchronizedPool;
-import com.facebook.react.uimanager.ReactStylesDiffMap;
-import com.facebook.react.uimanager.ThemedReactContext;
-import com.facebook.react.uimanager.ViewManager;
-import com.facebook.react.uimanager.ViewManagerRegistry;
-import java.util.HashMap;
-import java.util.Map;
-
-public final class ViewPool {
-  private static final int POOL_SIZE = 512;
-  private final Map<String, ClearableSynchronizedPool<View>> mViewPool = new HashMap<>();
-  private final ViewManagerRegistry mViewManagerRegistry;
-
-  ViewPool(ViewManagerRegistry viewManagerRegistry) {
-    mViewManagerRegistry = viewManagerRegistry;
-  }
-
-  @UiThread
-  void createView(String componentName, ReactStylesDiffMap props, ThemedReactContext context) {
-    ClearableSynchronizedPool<View> viewPool = getViewPoolForComponent(componentName);
-    ViewManager viewManager = mViewManagerRegistry.get(componentName);
-    // TODO: T31905686 Integrate / re-implement jsResponder
-    View view = viewManager.createViewWithProps(context, props, null);
-    viewPool.release(view);
-  }
-
-  @UiThread
-  View getOrCreateView(String componentName, ReactStylesDiffMap props, ThemedReactContext context) {
-    ClearableSynchronizedPool<View> viewPool = getViewPoolForComponent(componentName);
-    View view = viewPool.acquire();
-    if (view == null) {
-      createView(componentName, props, context);
-      view = viewPool.acquire();
-    }
-    return view;
-  }
-
-  @UiThread
-  void returnToPool(String componentName, View view) {
-    ClearableSynchronizedPool<View> viewPool = mViewPool.get(componentName);
-    if (viewPool != null) {
-      viewPool.release(view);
-    }
-  }
-
-  private ClearableSynchronizedPool<View> getViewPoolForComponent(String componentName) {
-    ClearableSynchronizedPool<View> viewPool = mViewPool.get(componentName);
-    if (viewPool == null) {
-      viewPool = new ClearableSynchronizedPool<>(POOL_SIZE);
-      mViewPool.put(componentName, viewPool);
-    }
-    return viewPool;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/BatchMountItem.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/BatchMountItem.java
index 7a0000b260cb2f..72c1ea3d42f3ea 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/BatchMountItem.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/BatchMountItem.java
@@ -9,12 +9,13 @@
 import static com.facebook.react.fabric.FabricUIManager.DEBUG;
 import static com.facebook.react.fabric.FabricUIManager.TAG;
 
+import com.facebook.common.logging.FLog;
 import com.facebook.proguard.annotations.DoNotStrip;
+import com.facebook.react.bridge.ReactMarker;
+import com.facebook.react.bridge.ReactMarkerConstants;
 import com.facebook.react.fabric.mounting.MountingManager;
 import com.facebook.systrace.Systrace;
 
-import com.facebook.common.logging.FLog;
-
 /**
  * This class represents a batch of {@link MountItem}s
  *
@@ -29,8 +30,9 @@ public class BatchMountItem implements MountItem {
 
   private final MountItem[] mMountItems;
   private final int mSize;
+  private final int mCommitNumber;
 
-  public BatchMountItem(MountItem[] items, int size) {
+  public BatchMountItem(MountItem[] items, int size, int commitNumber) {
     if (items == null) {
       throw new NullPointerException();
     }
@@ -40,6 +42,7 @@ public BatchMountItem(MountItem[] items, int size) {
     }
     mMountItems = items;
     mSize = size;
+    mCommitNumber = commitNumber;
   }
 
   @Override
@@ -47,6 +50,11 @@ public void execute(MountingManager mountingManager) {
     Systrace.beginSection(
         Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, "FabricUIManager::mountViews - " + mSize + " items");
 
+    if (mCommitNumber > 0) {
+      ReactMarker.logFabricMarker(
+          ReactMarkerConstants.FABRIC_BATCH_EXECUTION_START, null, mCommitNumber);
+    }
+
     for (int mountItemIndex = 0; mountItemIndex < mSize; mountItemIndex++) {
       MountItem mountItem = mMountItems[mountItemIndex];
       if (DEBUG) {
@@ -55,6 +63,11 @@ public void execute(MountingManager mountingManager) {
       mountItem.execute(mountingManager);
     }
 
+    if (mCommitNumber > 0) {
+      ReactMarker.logFabricMarker(
+          ReactMarkerConstants.FABRIC_BATCH_EXECUTION_END, null, mCommitNumber);
+    }
+
     Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/CreateMountItem.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/CreateMountItem.java
index af518f1c47136c..5521992c396e83 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/CreateMountItem.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/CreateMountItem.java
@@ -1,12 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.mounting.mountitems;
 
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.fabric.mounting.MountingManager;
+import com.facebook.react.uimanager.StateWrapper;
 import com.facebook.react.uimanager.ThemedReactContext;
 
 public class CreateMountItem implements MountItem {
@@ -15,29 +18,42 @@ public class CreateMountItem implements MountItem {
   private final int mRootTag;
   private final int mReactTag;
   private final ThemedReactContext mContext;
+  private final @Nullable ReadableMap mProps;
+  private final @Nullable StateWrapper mStateWrapper;
   private final boolean mIsLayoutable;
 
   public CreateMountItem(
-    ThemedReactContext context,
-    int rootTag,
-    int reactTag,
-    String component,
-    boolean isLayoutable) {
+      ThemedReactContext context,
+      int rootTag,
+      int reactTag,
+      String component,
+      @Nullable ReadableMap props,
+      StateWrapper stateWrapper,
+      boolean isLayoutable) {
     mContext = context;
     mComponent = component;
     mRootTag = rootTag;
     mReactTag = reactTag;
+    mProps = props;
+    mStateWrapper = stateWrapper;
     mIsLayoutable = isLayoutable;
   }
 
   @Override
   public void execute(MountingManager mountingManager) {
-    mountingManager.createViewWithProps(mContext, mComponent, mReactTag, null, mIsLayoutable);
+    mountingManager.createView(
+        mContext, mComponent, mReactTag, mProps, mStateWrapper, mIsLayoutable);
   }
 
   @Override
   public String toString() {
-    return "CreateMountItem [" + mReactTag + "]";
+    return "CreateMountItem ["
+        + mReactTag
+        + "] - component: "
+        + mComponent
+        + " - rootTag: "
+        + mRootTag
+        + " - isLayoutable: "
+        + mIsLayoutable;
   }
 }
-
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/DispatchCommandMountItem.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/DispatchCommandMountItem.java
index a081d0813f68ab..4a1e504ef29493 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/DispatchCommandMountItem.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/DispatchCommandMountItem.java
@@ -7,9 +7,8 @@
 package com.facebook.react.fabric.mounting.mountitems;
 
 import androidx.annotation.Nullable;
-import com.facebook.react.fabric.mounting.MountingManager;
 import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.bridge.UiThreadUtil;
+import com.facebook.react.fabric.mounting.MountingManager;
 
 public class DispatchCommandMountItem implements MountItem {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/DispatchStringCommandMountItem.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/DispatchStringCommandMountItem.java
new file mode 100644
index 00000000000000..3c04dbaf703838
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/DispatchStringCommandMountItem.java
@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * <p>This source 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.mounting.mountitems;
+
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.fabric.mounting.MountingManager;
+
+public class DispatchStringCommandMountItem implements MountItem {
+
+  private final int mReactTag;
+  private final String mCommandId;
+  private final @Nullable ReadableArray mCommandArgs;
+
+  public DispatchStringCommandMountItem(
+      int reactTag, String commandId, @Nullable ReadableArray commandArgs) {
+    mReactTag = reactTag;
+    mCommandId = commandId;
+    mCommandArgs = commandArgs;
+  }
+
+  @Override
+  public void execute(MountingManager mountingManager) {
+    mountingManager.receiveCommand(mReactTag, mCommandId, mCommandArgs);
+  }
+
+  @Override
+  public String toString() {
+    return "DispatchStringCommandMountItem [" + mReactTag + "] " + mCommandId;
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/PreAllocateViewMountItem.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/PreAllocateViewMountItem.java
index ca117d4587776c..5853ee4c50f65a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/PreAllocateViewMountItem.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/PreAllocateViewMountItem.java
@@ -13,6 +13,7 @@
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.fabric.mounting.MountingManager;
+import com.facebook.react.uimanager.StateWrapper;
 import com.facebook.react.uimanager.ThemedReactContext;
 
 /** {@link MountItem} that is used to pre-allocate views for JS components. */
@@ -22,6 +23,7 @@ public class PreAllocateViewMountItem implements MountItem {
   private final int mRootTag;
   private final int mReactTag;
   private final @Nullable ReadableMap mProps;
+  private final @Nullable StateWrapper mStateWrapper;
   private final ThemedReactContext mContext;
   private final boolean mIsLayoutable;
 
@@ -31,11 +33,13 @@ public PreAllocateViewMountItem(
       int reactTag,
       String component,
       @Nullable ReadableMap props,
+      StateWrapper stateWrapper,
       boolean isLayoutable) {
     mContext = context;
     mComponent = component;
     mRootTag = rootTag;
     mProps = props;
+    mStateWrapper = stateWrapper;
     mReactTag = reactTag;
     mIsLayoutable = isLayoutable;
   }
@@ -45,7 +49,8 @@ public void execute(MountingManager mountingManager) {
     if (DEBUG) {
       FLog.d(TAG, "Executing pre-allocation of: " + toString());
     }
-    mountingManager.preallocateView(mContext, mComponent, mReactTag, mProps, mIsLayoutable);
+    mountingManager.preallocateView(
+        mContext, mComponent, mReactTag, mProps, mStateWrapper, mIsLayoutable);
   }
 
   @Override
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/UpdateEventEmitterMountItem.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/UpdateEventEmitterMountItem.java
index 24dd1b64fe6fa7..9d5f0dc6b85d83 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/UpdateEventEmitterMountItem.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/UpdateEventEmitterMountItem.java
@@ -6,7 +6,7 @@
  */
 package com.facebook.react.fabric.mounting.mountitems;
 
-import com.facebook.react.fabric.jsi.EventEmitterWrapper;
+import com.facebook.react.fabric.events.EventEmitterWrapper;
 import com.facebook.react.fabric.mounting.MountingManager;
 
 public class UpdateEventEmitterMountItem implements MountItem {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/UpdateLayoutMountItem.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/UpdateLayoutMountItem.java
index 2beee834ccfc36..f89bb61506c699 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/UpdateLayoutMountItem.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/UpdateLayoutMountItem.java
@@ -6,6 +6,9 @@
  */
 package com.facebook.react.fabric.mounting.mountitems;
 
+import android.annotation.TargetApi;
+import android.os.Build;
+import android.util.LayoutDirection;
 import com.facebook.react.fabric.mounting.MountingManager;
 
 public class UpdateLayoutMountItem implements MountItem {
@@ -15,13 +18,30 @@ public class UpdateLayoutMountItem implements MountItem {
   private final int mY;
   private final int mWidth;
   private final int mHeight;
+  private final int mLayoutDirection;
 
-  public UpdateLayoutMountItem(int reactTag, int x, int y, int width, int height) {
+  public UpdateLayoutMountItem(
+      int reactTag, int x, int y, int width, int height, int layoutDirection) {
     mReactTag = reactTag;
     mX = x;
     mY = y;
     mWidth = width;
     mHeight = height;
+    mLayoutDirection = convertLayoutDirection(layoutDirection);
+  }
+
+  @TargetApi(Build.VERSION_CODES.KITKAT)
+  private int convertLayoutDirection(int layoutDirection) {
+    switch (layoutDirection) {
+      case 0:
+        return LayoutDirection.INHERIT;
+      case 1:
+        return LayoutDirection.LTR;
+      case 2:
+        return LayoutDirection.RTL;
+      default:
+        throw new IllegalArgumentException("Unsupported layout direction: " + layoutDirection);
+    }
   }
 
   @Override
@@ -45,6 +65,10 @@ public int getWidth() {
     return mWidth;
   }
 
+  public int getLayoutDirection() {
+    return mLayoutDirection;
+  }
+
   @Override
   public String toString() {
     return "UpdateLayoutMountItem ["
@@ -56,6 +80,8 @@ public String toString() {
         + " - height: "
         + mHeight
         + " - width: "
-        + mWidth;
+        + mWidth
+        + " - layoutDirection: "
+        + +mLayoutDirection;
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/UpdateLocalDataMountItem.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/UpdateLocalDataMountItem.java
index 0786e8f6138674..06c8ecf3063d51 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/UpdateLocalDataMountItem.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/UpdateLocalDataMountItem.java
@@ -6,8 +6,8 @@
  */
 package com.facebook.react.fabric.mounting.mountitems;
 
-import com.facebook.react.fabric.mounting.MountingManager;
 import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.fabric.mounting.MountingManager;
 
 public class UpdateLocalDataMountItem implements MountItem {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/UpdatePropsMountItem.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/UpdatePropsMountItem.java
index 62a64342efc5d2..8d16d9ef349910 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/UpdatePropsMountItem.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/UpdatePropsMountItem.java
@@ -6,8 +6,8 @@
  */
 package com.facebook.react.fabric.mounting.mountitems;
 
-import com.facebook.react.fabric.mounting.MountingManager;
 import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.fabric.mounting.MountingManager;
 
 public class UpdatePropsMountItem implements MountItem {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/JSCExecutor.java b/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/JSCExecutor.java
index 857f87e749b0e3..5674f1bcd0895c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/JSCExecutor.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/JSCExecutor.java
@@ -4,7 +4,6 @@
  * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
  * directory of this source tree.
  */
-
 package com.facebook.react.jscexecutor;
 
 import com.facebook.jni.HybridData;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/JSCExecutorFactory.java b/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/JSCExecutorFactory.java
index 21f1efa8a34429..4795bf453a044b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/JSCExecutorFactory.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/JSCExecutorFactory.java
@@ -29,6 +29,18 @@ public JavaScriptExecutor create() throws Exception {
     return new JSCExecutor(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 "JSIExecutor+JSCRuntime";
diff --git a/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskConfig.java b/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskConfig.java
index f0e15451f7cd7e..4b95635e9219d3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskConfig.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskConfig.java
@@ -7,28 +7,26 @@
 
 import com.facebook.react.bridge.WritableMap;
 
-/**
- * Class that holds the various parameters needed to start a JS task.
- */
+/** Class that holds the various parameters needed to start a JS task. */
 public class HeadlessJsTaskConfig {
   private final String mTaskKey;
   private final WritableMap mData;
   private final long mTimeout;
   private final boolean mAllowedInForeground;
+  private final HeadlessJsTaskRetryPolicy mRetryPolicy;
 
   /**
-   * Create a HeadlessJsTaskConfig. Equivalent to calling
-   * {@link #HeadlessJsTaskConfig(String, WritableMap, long, boolean)} with no timeout (0) and
-   * {@code false} for {@code allowedInBackground}.
+   * Create a HeadlessJsTaskConfig. Equivalent to calling {@link #HeadlessJsTaskConfig(String,
+   * WritableMap, long, boolean)} with no timeout (0) and {@code false} for {@code
+   * allowedInBackground}.
    */
   public HeadlessJsTaskConfig(String taskKey, WritableMap data) {
     this(taskKey, data, 0, false);
   }
 
   /**
-   * Create a HeadlessJsTaskConfig. Equivalent to calling
-   * {@link #HeadlessJsTaskConfig(String, WritableMap, long, boolean)} with {@code false} for
-   * {@code allowedInBackground}.
+   * Create a HeadlessJsTaskConfig. Equivalent to calling {@link #HeadlessJsTaskConfig(String,
+   * WritableMap, long, boolean)} with {@code false} for {@code allowedInBackground}.
    */
   public HeadlessJsTaskConfig(String taskKey, WritableMap data, long timeout) {
     this(taskKey, data, timeout, false);
@@ -38,27 +36,65 @@ public HeadlessJsTaskConfig(String taskKey, WritableMap data, long timeout) {
    * Create a HeadlessJsTaskConfig.
    *
    * @param taskKey the key for the JS task to execute. This is the same key that you call {@code
-   * AppRegistry.registerTask} with in JS.
+   *     AppRegistry.registerTask} with in JS.
    * @param data a map of parameters passed to the JS task executor.
    * @param timeout the amount of time (in ms) after which the React instance should be terminated
-   * regardless of whether the task has completed or not. This is meant as a safeguard against
-   * accidentally keeping the device awake for long periods of time because JS crashed or some
-   * request timed out. A value of 0 means no timeout (should only be used for long-running tasks
-   * such as music playback).
+   *     regardless of whether the task has completed or not. This is meant as a safeguard against
+   *     accidentally keeping the device awake for long periods of time because JS crashed or some
+   *     request timed out. A value of 0 means no timeout (should only be used for long-running
+   *     tasks such as music playback).
    * @param allowedInForeground whether to allow this task to run while the app is in the foreground
-   * (i.e. there is a host in resumed mode for the current ReactContext). Only set this to true if
-   * you really need it. Note that tasks run in the same JS thread as UI code, so doing expensive
-   * operations would degrade user experience.
+   *     (i.e. there is a host in resumed mode for the current ReactContext). Only set this to true
+   *     if you really need it. Note that tasks run in the same JS thread as UI code, so doing
+   *     expensive operations would degrade user experience.
    */
   public HeadlessJsTaskConfig(
-    String taskKey,
-    WritableMap data,
-    long timeout,
-    boolean allowedInForeground) {
+      String taskKey, WritableMap data, long timeout, boolean allowedInForeground) {
+    this(taskKey, data, timeout, allowedInForeground, NoRetryPolicy.INSTANCE);
+  }
+
+  /**
+   * Create a HeadlessJsTaskConfig.
+   *
+   * @param taskKey the key for the JS task to execute. This is the same key that you call {@code
+   *     AppRegistry.registerTask} with in JS.
+   * @param data a map of parameters passed to the JS task executor.
+   * @param timeout the amount of time (in ms) after which the React instance should be terminated
+   *     regardless of whether the task has completed or not. This is meant as a safeguard against
+   *     accidentally keeping the device awake for long periods of time because JS crashed or some
+   *     request timed out. A value of 0 means no timeout (should only be used for long-running
+   *     tasks such as music playback).
+   * @param allowedInForeground whether to allow this task to run while the app is in the foreground
+   *     (i.e. there is a host in resumed mode for the current ReactContext). Only set this to true
+   *     if you really need it. Note that tasks run in the same JS thread as UI code, so doing
+   *     expensive operations would degrade user experience.
+   * @param retryPolicy the number of times & delays the task should be retried on error.
+   */
+  public HeadlessJsTaskConfig(
+      String taskKey,
+      WritableMap data,
+      long timeout,
+      boolean allowedInForeground,
+      HeadlessJsTaskRetryPolicy retryPolicy) {
     mTaskKey = taskKey;
     mData = data;
     mTimeout = timeout;
     mAllowedInForeground = allowedInForeground;
+    mRetryPolicy = retryPolicy;
+  }
+
+  public HeadlessJsTaskConfig(HeadlessJsTaskConfig source) {
+    mTaskKey = source.mTaskKey;
+    mData = source.mData.copy();
+    mTimeout = source.mTimeout;
+    mAllowedInForeground = source.mAllowedInForeground;
+
+    final HeadlessJsTaskRetryPolicy retryPolicy = source.mRetryPolicy;
+    if (retryPolicy != null) {
+      mRetryPolicy = retryPolicy.copy();
+    } else {
+      mRetryPolicy = null;
+    }
   }
 
   /* package */ String getTaskKey() {
@@ -76,4 +112,8 @@ public HeadlessJsTaskConfig(
   /* package */ boolean isAllowedInForeground() {
     return mAllowedInForeground;
   }
+
+  /* package */ HeadlessJsTaskRetryPolicy getRetryPolicy() {
+    return mRetryPolicy;
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskContext.java b/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskContext.java
index fbf38f1a41ee4a..4ed741d329fc8a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskContext.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskContext.java
@@ -5,20 +5,20 @@
 
 package com.facebook.react.jstasks;
 
-import java.lang.ref.WeakReference;
-import java.util.Set;
-import java.util.WeakHashMap;
-import java.util.concurrent.CopyOnWriteArraySet;
-import java.util.concurrent.atomic.AtomicInteger;
-
 import android.os.Handler;
 import android.util.SparseArray;
-
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.common.LifecycleState;
 import com.facebook.react.modules.appregistry.AppRegistry;
+import java.lang.ref.WeakReference;
+import java.util.Map;
+import java.util.Set;
+import java.util.WeakHashMap;
+import java.util.concurrent.ConcurrentHashMap;
+import java.util.concurrent.CopyOnWriteArraySet;
+import java.util.concurrent.atomic.AtomicInteger;
 
 /**
  * Helper class for dealing with JS tasks. Handles per-ReactContext active task tracking, starting /
@@ -27,14 +27,14 @@
 public class HeadlessJsTaskContext {
 
   private static final WeakHashMap<ReactContext, HeadlessJsTaskContext> INSTANCES =
-    new WeakHashMap<>();
+      new WeakHashMap<>();
 
   /**
    * Get the task helper instance for a particular {@link ReactContext}. There is only one instance
    * per context.
-   * <p>
-   * <strong>Note:</strong> do not hold long-lived references to the object returned here, as that
-   * will cause memory leaks. Instead, just call this method on-demand.
+   *
+   * <p><strong>Note:</strong> do not hold long-lived references to the object returned here, as
+   * that will cause memory leaks. Instead, just call this method on-demand.
    */
   public static HeadlessJsTaskContext getInstance(ReactContext context) {
     HeadlessJsTaskContext helper = INSTANCES.get(context);
@@ -47,33 +47,28 @@ public static HeadlessJsTaskContext getInstance(ReactContext context) {
 
   private final WeakReference<ReactContext> mReactContext;
   private final Set<HeadlessJsTaskEventListener> mHeadlessJsTaskEventListeners =
-    new CopyOnWriteArraySet<>();
+      new CopyOnWriteArraySet<>();
   private final AtomicInteger mLastTaskId = new AtomicInteger(0);
   private final Handler mHandler = new Handler();
   private final Set<Integer> mActiveTasks = new CopyOnWriteArraySet<>();
+  private final Map<Integer, HeadlessJsTaskConfig> mActiveTaskConfigs = new ConcurrentHashMap<>();
   private final SparseArray<Runnable> mTaskTimeouts = new SparseArray<>();
 
   private HeadlessJsTaskContext(ReactContext reactContext) {
     mReactContext = new WeakReference<ReactContext>(reactContext);
   }
 
-  /**
-   * Register a task lifecycle event listener.
-   */
+  /** Register a task lifecycle event listener. */
   public void addTaskEventListener(HeadlessJsTaskEventListener listener) {
     mHeadlessJsTaskEventListeners.add(listener);
   }
 
-  /**
-   * Unregister a task lifecycle event listener.
-   */
+  /** Unregister a task lifecycle event listener. */
   public void removeTaskEventListener(HeadlessJsTaskEventListener listener) {
     mHeadlessJsTaskEventListeners.remove(listener);
   }
 
-  /**
-   * Get whether there are any running JS tasks at the moment.
-   */
+  /** Get whether there are any running JS tasks at the moment. */
   public boolean hasActiveTasks() {
     return mActiveTasks.size() > 0;
   }
@@ -85,27 +80,78 @@ public boolean hasActiveTasks() {
    * @return a unique id representing this task instance.
    */
   public synchronized int startTask(final HeadlessJsTaskConfig taskConfig) {
+    final int taskId = mLastTaskId.incrementAndGet();
+    startTask(taskConfig, taskId);
+    return taskId;
+  }
+
+  /**
+   * Start a JS task the provided task id. Handles invoking {@link AppRegistry#startHeadlessTask}
+   * and notifying listeners.
+   */
+  private synchronized void startTask(final HeadlessJsTaskConfig taskConfig, int taskId) {
     UiThreadUtil.assertOnUiThread();
-    ReactContext reactContext = Assertions.assertNotNull(
-      mReactContext.get(),
-      "Tried to start a task on a react context that has already been destroyed");
-    if (reactContext.getLifecycleState() == LifecycleState.RESUMED &&
-      !taskConfig.isAllowedInForeground()) {
+    ReactContext reactContext =
+        Assertions.assertNotNull(
+            mReactContext.get(),
+            "Tried to start a task on a react context that has already been destroyed");
+    if (reactContext.getLifecycleState() == LifecycleState.RESUMED
+        && !taskConfig.isAllowedInForeground()) {
       throw new IllegalStateException(
-        "Tried to start task " + taskConfig.getTaskKey() +
-          " while in foreground, but this is not allowed.");
+          "Tried to start task "
+              + taskConfig.getTaskKey()
+              + " while in foreground, but this is not allowed.");
     }
-    final int taskId = mLastTaskId.incrementAndGet();
     mActiveTasks.add(taskId);
-    reactContext.getJSModule(AppRegistry.class)
-      .startHeadlessTask(taskId, taskConfig.getTaskKey(), taskConfig.getData());
+    mActiveTaskConfigs.put(taskId, new HeadlessJsTaskConfig(taskConfig));
+    reactContext
+        .getJSModule(AppRegistry.class)
+        .startHeadlessTask(taskId, taskConfig.getTaskKey(), taskConfig.getData());
     if (taskConfig.getTimeout() > 0) {
       scheduleTaskTimeout(taskId, taskConfig.getTimeout());
     }
     for (HeadlessJsTaskEventListener listener : mHeadlessJsTaskEventListeners) {
       listener.onHeadlessJsTaskStart(taskId);
     }
-    return taskId;
+  }
+
+  /**
+   * Retry a running JS task with a delay. Invokes {@link
+   * HeadlessJsTaskContext#startTask(HeadlessJsTaskConfig, int)} as long as the process does not get
+   * killed.
+   *
+   * @return true if a retry attempt has been posted.
+   */
+  public synchronized boolean retryTask(final int taskId) {
+    final HeadlessJsTaskConfig sourceTaskConfig = mActiveTaskConfigs.get(taskId);
+    Assertions.assertCondition(
+        sourceTaskConfig != null,
+        "Tried to retrieve non-existent task config with id " + taskId + ".");
+
+    final HeadlessJsTaskRetryPolicy retryPolicy = sourceTaskConfig.getRetryPolicy();
+    if (!retryPolicy.canRetry()) {
+      return false;
+    }
+
+    removeTimeout(taskId);
+    final HeadlessJsTaskConfig taskConfig =
+        new HeadlessJsTaskConfig(
+            sourceTaskConfig.getTaskKey(),
+            sourceTaskConfig.getData(),
+            sourceTaskConfig.getTimeout(),
+            sourceTaskConfig.isAllowedInForeground(),
+            retryPolicy.update());
+
+    final Runnable retryAttempt =
+        new Runnable() {
+          @Override
+          public void run() {
+            startTask(taskConfig, taskId);
+          }
+        };
+
+    UiThreadUtil.runOnUiThread(retryAttempt, retryPolicy.getDelay());
+    return true;
   }
 
   /**
@@ -116,21 +162,28 @@ public synchronized int startTask(final HeadlessJsTaskConfig taskConfig) {
    */
   public synchronized void finishTask(final int taskId) {
     Assertions.assertCondition(
-      mActiveTasks.remove(taskId),
-      "Tried to finish non-existent task with id " + taskId + ".");
+        mActiveTasks.remove(taskId), "Tried to finish non-existent task with id " + taskId + ".");
+    Assertions.assertCondition(
+        mActiveTaskConfigs.remove(taskId) != null,
+        "Tried to remove non-existent task config with id " + taskId + ".");
+    removeTimeout(taskId);
+    UiThreadUtil.runOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            for (HeadlessJsTaskEventListener listener : mHeadlessJsTaskEventListeners) {
+              listener.onHeadlessJsTaskFinish(taskId);
+            }
+          }
+        });
+  }
+
+  private void removeTimeout(int taskId) {
     Runnable timeout = mTaskTimeouts.get(taskId);
     if (timeout != null) {
       mHandler.removeCallbacks(timeout);
       mTaskTimeouts.remove(taskId);
     }
-    UiThreadUtil.runOnUiThread(new Runnable() {
-      @Override
-      public void run() {
-        for (HeadlessJsTaskEventListener listener : mHeadlessJsTaskEventListeners) {
-          listener.onHeadlessJsTaskFinish(taskId);
-        }
-      }
-    });
   }
 
   /**
@@ -142,12 +195,13 @@ public synchronized boolean isTaskRunning(final int taskId) {
   }
 
   private void scheduleTaskTimeout(final int taskId, long timeout) {
-    Runnable runnable = new Runnable() {
-      @Override
-      public void run() {
-        finishTask(taskId);
-      }
-    };
+    Runnable runnable =
+        new Runnable() {
+          @Override
+          public void run() {
+            finishTask(taskId);
+          }
+        };
     mTaskTimeouts.append(taskId, runnable);
     mHandler.postDelayed(runnable, timeout);
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskEventListener.java b/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskEventListener.java
index 420abed320edd5..165a302f9b639e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskEventListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskEventListener.java
@@ -1,15 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.jstasks;
 
-/**
- * Listener interface for task lifecycle events.
- */
+/** Listener interface for task lifecycle events. */
 public interface HeadlessJsTaskEventListener {
 
   /**
@@ -20,9 +17,9 @@ public interface HeadlessJsTaskEventListener {
   void onHeadlessJsTaskStart(int taskId);
 
   /**
-   * Called when a JS task finishes (i.e. when
-   * {@link HeadlessJsTaskSupportModule#notifyTaskFinished} is called, or when it times out), on the
-   * UI thread.
+   * Called when a JS task finishes (i.e. when {@link
+   * HeadlessJsTaskSupportModule#notifyTaskFinished} is called, or when it times out), on the UI
+   * thread.
    */
   void onHeadlessJsTaskFinish(int taskId);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskRetryPolicy.java b/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskRetryPolicy.java
new file mode 100644
index 00000000000000..c65c92f76373aa
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskRetryPolicy.java
@@ -0,0 +1,15 @@
+package com.facebook.react.jstasks;
+
+import javax.annotation.CheckReturnValue;
+
+public interface HeadlessJsTaskRetryPolicy {
+
+  boolean canRetry();
+
+  int getDelay();
+
+  @CheckReturnValue
+  HeadlessJsTaskRetryPolicy update();
+
+  HeadlessJsTaskRetryPolicy copy();
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/jstasks/LinearCountingRetryPolicy.java b/ReactAndroid/src/main/java/com/facebook/react/jstasks/LinearCountingRetryPolicy.java
new file mode 100644
index 00000000000000..ae86b2447c70c6
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/jstasks/LinearCountingRetryPolicy.java
@@ -0,0 +1,38 @@
+package com.facebook.react.jstasks;
+
+public class LinearCountingRetryPolicy implements HeadlessJsTaskRetryPolicy {
+
+  private final int mRetryAttempts;
+  private final int mDelayBetweenAttemptsInMs;
+
+  public LinearCountingRetryPolicy(int retryAttempts, int delayBetweenAttemptsInMs) {
+    mRetryAttempts = retryAttempts;
+    mDelayBetweenAttemptsInMs = delayBetweenAttemptsInMs;
+  }
+
+  @Override
+  public boolean canRetry() {
+    return mRetryAttempts > 0;
+  }
+
+  @Override
+  public int getDelay() {
+    return mDelayBetweenAttemptsInMs;
+  }
+
+  @Override
+  public HeadlessJsTaskRetryPolicy update() {
+    final int remainingRetryAttempts = mRetryAttempts - 1;
+
+    if (remainingRetryAttempts > 0) {
+      return new LinearCountingRetryPolicy(remainingRetryAttempts, mDelayBetweenAttemptsInMs);
+    } else {
+      return NoRetryPolicy.INSTANCE;
+    }
+  }
+
+  @Override
+  public HeadlessJsTaskRetryPolicy copy() {
+    return new LinearCountingRetryPolicy(mRetryAttempts, mDelayBetweenAttemptsInMs);
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/jstasks/NoRetryPolicy.java b/ReactAndroid/src/main/java/com/facebook/react/jstasks/NoRetryPolicy.java
new file mode 100644
index 00000000000000..60cd2f52599010
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/jstasks/NoRetryPolicy.java
@@ -0,0 +1,29 @@
+package com.facebook.react.jstasks;
+
+public class NoRetryPolicy implements HeadlessJsTaskRetryPolicy {
+
+  public static final NoRetryPolicy INSTANCE = new NoRetryPolicy();
+
+  private NoRetryPolicy() {}
+
+  @Override
+  public boolean canRetry() {
+    return false;
+  }
+
+  @Override
+  public int getDelay() {
+    throw new IllegalStateException("Should not retrieve delay as canRetry is: " + canRetry());
+  }
+
+  @Override
+  public HeadlessJsTaskRetryPolicy update() {
+    throw new IllegalStateException("Should not update as canRetry is: " + canRetry());
+  }
+
+  @Override
+  public HeadlessJsTaskRetryPolicy copy() {
+    // Class is immutable so no need to copy
+    return this;
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/module/annotations/ReactModule.java b/ReactAndroid/src/main/java/com/facebook/react/module/annotations/ReactModule.java
index 3ff3a56fba400c..9fde7acf4b601d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/module/annotations/ReactModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/module/annotations/ReactModule.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.module.annotations;
 
 import static java.lang.annotation.ElementType.TYPE;
@@ -14,37 +13,35 @@
 import java.lang.annotation.Target;
 
 /**
- * Annotation for use on {@link com.facebook.react.bridge.BaseJavaModule}s to describe properties for that module.
+ * Annotation for use on {@link com.facebook.react.bridge.BaseJavaModule}s to describe properties
+ * for that module.
  */
 @Retention(RUNTIME)
 @Target(TYPE)
 public @interface ReactModule {
-  /**
-   * Name used to {@code require()} this module from JavaScript.
-   */
+  /** Name used to {@code require()} this module from JavaScript. */
   String name();
 
   /**
-   * 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.
+   * 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() default false;
 
-  /**
-   * Whether this module needs to be loaded immediately.
-   */
+  /** Whether this module needs to be loaded immediately. */
   boolean needsEagerInit() default false;
 
   /**
-   *  Whether this module has constants to add, defaults to true as that is safer for when a
-   *  correct annotation is not included
+   * Whether this module has constants to add, defaults to true as that is safer for when a correct
+   * annotation is not included
    */
   boolean hasConstants() default true;
 
   /**
    * Indicates if a module is a C++ module or a Java Module
+   *
    * @return
    */
   boolean isCxxModule() default false;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/module/annotations/ReactModuleList.java b/ReactAndroid/src/main/java/com/facebook/react/module/annotations/ReactModuleList.java
index d23eb245f93a4c..99310f3c2b41e2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/module/annotations/ReactModuleList.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/module/annotations/ReactModuleList.java
@@ -5,14 +5,13 @@
 
 package com.facebook.react.module.annotations;
 
-import java.lang.annotation.Retention;
-import java.lang.annotation.Target;
-
-import com.facebook.react.bridge.NativeModule;
-
 import static java.lang.annotation.ElementType.TYPE;
 import static java.lang.annotation.RetentionPolicy.SOURCE;
 
+import com.facebook.react.bridge.NativeModule;
+import java.lang.annotation.Retention;
+import java.lang.annotation.Target;
+
 /**
  * Annotates a function that returns a list of ModuleSpecs from which we get a list of NativeModules
  * to create ReactModuleInfos from.
@@ -23,6 +22,7 @@
 
   /**
    * The Native modules in this list should be annotated with {@link ReactModule}.
+   *
    * @return List of Native modules in the package.
    */
   Class<? extends NativeModule>[] nativeModules();
diff --git a/ReactAndroid/src/main/java/com/facebook/react/module/model/ReactModuleInfo.java b/ReactAndroid/src/main/java/com/facebook/react/module/model/ReactModuleInfo.java
index 9e2f1cd737dd75..c9736cab30c935 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/module/model/ReactModuleInfo.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/module/model/ReactModuleInfo.java
@@ -20,13 +20,13 @@ public class ReactModuleInfo {
   private final boolean mIsTurboModule;
 
   public ReactModuleInfo(
-    String name,
-    String className,
-    boolean canOverrideExistingModule,
-    boolean needsEagerInit,
-    boolean hasConstants,
-    boolean isCxxModule,
-    boolean isTurboModule) {
+      String name,
+      String className,
+      boolean canOverrideExistingModule,
+      boolean needsEagerInit,
+      boolean hasConstants,
+      boolean isCxxModule,
+      boolean isTurboModule) {
     mName = name;
     mClassName = className;
     mCanOverrideExistingModule = canOverrideExistingModule;
@@ -40,7 +40,9 @@ public String name() {
     return mName;
   }
 
-  public String className() {return mClassName;}
+  public String className() {
+    return mClassName;
+  }
 
   public boolean canOverrideExistingModule() {
     return mCanOverrideExistingModule;
@@ -54,8 +56,11 @@ public boolean hasConstants() {
     return mHasConstants;
   }
 
-  public boolean isCxxModule() {return mIsCxxModule; }
-
-  public boolean isTurboModule() {return mIsTurboModule; }
+  public boolean isCxxModule() {
+    return mIsCxxModule;
+  }
 
+  public boolean isTurboModule() {
+    return mIsTurboModule;
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/module/model/ReactModuleInfoProvider.java b/ReactAndroid/src/main/java/com/facebook/react/module/model/ReactModuleInfoProvider.java
index 3d575a1ddf3666..72b07847ab3104 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/module/model/ReactModuleInfoProvider.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/module/model/ReactModuleInfoProvider.java
@@ -7,9 +7,7 @@
 
 import java.util.Map;
 
-/**
- * Interface for auto-generated class by ReactModuleSpecProcessor.
- */
+/** Interface for auto-generated class by ReactModuleSpecProcessor. */
 public interface ReactModuleInfoProvider {
 
   Map<String, ReactModuleInfo> getReactModuleInfos();
diff --git a/ReactAndroid/src/main/java/com/facebook/react/module/processing/ReactModuleSpecProcessor.java b/ReactAndroid/src/main/java/com/facebook/react/module/processing/ReactModuleSpecProcessor.java
index cf0c30b11a95a5..3115f1612952e2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/module/processing/ReactModuleSpecProcessor.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/module/processing/ReactModuleSpecProcessor.java
@@ -27,7 +27,6 @@
 import java.util.HashMap;
 import java.util.List;
 import java.util.Map;
-import java.util.Optional;
 import java.util.Set;
 import javax.annotation.processing.AbstractProcessor;
 import javax.annotation.processing.Filer;
@@ -46,10 +45,9 @@
 import javax.lang.model.util.Elements;
 import javax.lang.model.util.Types;
 
-
 /**
- * Generates a list of ReactModuleInfo for modules annotated with {@link ReactModule} in
- * {@link ReactPackage}s annotated with {@link ReactModuleList}.
+ * Generates a list of ReactModuleInfo for modules annotated with {@link ReactModule} in {@link
+ * ReactPackage}s annotated with {@link ReactModuleList}.
  */
 @SupportedAnnotationTypes({
   "com.facebook.react.module.annotations.ReactModule",
@@ -59,18 +57,13 @@
 public class ReactModuleSpecProcessor extends AbstractProcessor {
 
   private static final TypeName COLLECTIONS_TYPE = ParameterizedTypeName.get(Collections.class);
-  private static final TypeName MAP_TYPE = ParameterizedTypeName.get(
-    Map.class,
-    String.class,
-    ReactModuleInfo.class);
+  private static final TypeName MAP_TYPE =
+      ParameterizedTypeName.get(Map.class, String.class, ReactModuleInfo.class);
   private static final TypeName INSTANTIATED_MAP_TYPE = ParameterizedTypeName.get(HashMap.class);
 
-  @SuppressFieldNotInitialized
-  private Filer mFiler;
-  @SuppressFieldNotInitialized
-  private Elements mElements;
-  @SuppressFieldNotInitialized
-  private Messager mMessager;
+  @SuppressFieldNotInitialized private Filer mFiler;
+  @SuppressFieldNotInitialized private Elements mElements;
+  @SuppressFieldNotInitialized private Messager mMessager;
   private Types mTypes;
 
   @Override
@@ -85,8 +78,8 @@ public synchronized void init(ProcessingEnvironment processingEnv) {
 
   @Override
   public boolean process(Set<? extends TypeElement> annotations, RoundEnvironment roundEnv) {
-    Set<? extends Element> reactModuleListElements = roundEnv.getElementsAnnotatedWith(
-      ReactModuleList.class);
+    Set<? extends Element> reactModuleListElements =
+        roundEnv.getElementsAnnotatedWith(ReactModuleList.class);
     for (Element reactModuleListElement : reactModuleListElements) {
       if (!(reactModuleListElement instanceof TypeElement)) {
         continue;
@@ -115,27 +108,29 @@ public boolean process(Set<? extends TypeElement> annotations, RoundEnvironment
 
       MethodSpec getReactModuleInfosMethod;
       try {
-        getReactModuleInfosMethod = MethodSpec.methodBuilder("getReactModuleInfos")
-          .addAnnotation(Override.class)
-          .addModifiers(PUBLIC)
-          .addCode(getCodeBlockForReactModuleInfos(nativeModules))
-          .returns(MAP_TYPE)
-          .build();
+        getReactModuleInfosMethod =
+            MethodSpec.methodBuilder("getReactModuleInfos")
+                .addAnnotation(Override.class)
+                .addModifiers(PUBLIC)
+                .addCode(getCodeBlockForReactModuleInfos(nativeModules))
+                .returns(MAP_TYPE)
+                .build();
       } catch (ReactModuleSpecException reactModuleSpecException) {
         mMessager.printMessage(ERROR, reactModuleSpecException.mMessage);
         return false;
       }
 
-      TypeSpec reactModulesInfosTypeSpec = TypeSpec.classBuilder(
-        fileName + "$$ReactModuleInfoProvider")
-        .addModifiers(Modifier.PUBLIC)
-        .addMethod(getReactModuleInfosMethod)
-        .addSuperinterface(ReactModuleInfoProvider.class)
-        .build();
+      TypeSpec reactModulesInfosTypeSpec =
+          TypeSpec.classBuilder(fileName + "$$ReactModuleInfoProvider")
+              .addModifiers(Modifier.PUBLIC)
+              .addMethod(getReactModuleInfosMethod)
+              .addSuperinterface(ReactModuleInfoProvider.class)
+              .build();
 
-        JavaFile javaFile = JavaFile.builder(packageName, reactModulesInfosTypeSpec)
-          .addFileComment("Generated by " + getClass().getName())
-          .build();
+      JavaFile javaFile =
+          JavaFile.builder(packageName, reactModulesInfosTypeSpec)
+              .addFileComment("Generated by " + getClass().getName())
+              .build();
 
       try {
         javaFile.writeTo(mFiler);
@@ -148,7 +143,7 @@ public boolean process(Set<? extends TypeElement> annotations, RoundEnvironment
   }
 
   private CodeBlock getCodeBlockForReactModuleInfos(List<String> nativeModules)
-    throws ReactModuleSpecException {
+      throws ReactModuleSpecException {
     final CodeBlock.Builder builder = CodeBlock.builder();
     if (nativeModules == null || nativeModules.isEmpty()) {
       builder.addStatement("return $T.emptyMap()", COLLECTIONS_TYPE);
@@ -161,46 +156,62 @@ private CodeBlock getCodeBlockForReactModuleInfos(List<String> nativeModules)
         TypeElement typeElement = mElements.getTypeElement(nativeModule);
         if (typeElement == null) {
           throw new ReactModuleSpecException(
-            keyString + " not found by ReactModuleSpecProcessor. " +
-            "Did you misspell the module?");
+              keyString
+                  + " not found by ReactModuleSpecProcessor. "
+                  + "Did you misspell the module?");
         }
 
         ReactModule reactModule = typeElement.getAnnotation(ReactModule.class);
         if (reactModule == null) {
           throw new ReactModuleSpecException(
-            keyString + " not found by ReactModuleSpecProcessor. " +
-            "Did you forget to add the @ReactModule annotation to the native module?");
+              keyString
+                  + " not found by ReactModuleSpecProcessor. "
+                  + "Did you forget to add the @ReactModule annotation to the native module?");
         }
 
         boolean isTurboModule = isTurboModuleTypeElement(typeElement);
         if (!isTurboModule) {
           TypeMirror nativeModuleSpecTypeMirror = typeElement.getSuperclass();
-            isTurboModule = isTurboModuleTypeElement(mElements.getTypeElement(nativeModuleSpecTypeMirror.toString()));
+          isTurboModule =
+              isTurboModuleTypeElement(
+                  mElements.getTypeElement(nativeModuleSpecTypeMirror.toString()));
         }
 
         List<? extends Element> elements = typeElement.getEnclosedElements();
         boolean hasConstants = false;
         if (elements != null) {
           hasConstants =
-              elements
-                  .stream()
+              elements.stream()
                   .filter(element -> element.getKind() == ElementKind.METHOD)
                   .map(Element::getSimpleName)
                   .anyMatch(
-                      name -> name.contentEquals("getConstants") || name.contentEquals("getTypedExportedConstants"));
+                      name ->
+                          name.contentEquals("getConstants")
+                              || name.contentEquals("getTypedExportedConstants"));
         }
 
-        String valueString = new StringBuilder()
-          .append("new ReactModuleInfo(")
-          .append("\"").append(reactModule.name()).append("\"").append(", ")
-            .append("\"").append(keyString).append("\"").append(", ")
-           .append(reactModule.canOverrideExistingModule()).append(", ")
-          .append(reactModule.needsEagerInit()).append(", ")
-          .append(hasConstants).append(", ")
-          .append(reactModule.isCxxModule()).append(", ")
-          .append(isTurboModule)
-          .append(")")
-          .toString();
+        String valueString =
+            new StringBuilder()
+                .append("new ReactModuleInfo(")
+                .append("\"")
+                .append(reactModule.name())
+                .append("\"")
+                .append(", ")
+                .append("\"")
+                .append(keyString)
+                .append("\"")
+                .append(", ")
+                .append(reactModule.canOverrideExistingModule())
+                .append(", ")
+                .append(reactModule.needsEagerInit())
+                .append(", ")
+                .append(hasConstants)
+                .append(", ")
+                .append(reactModule.isCxxModule())
+                .append(", ")
+                .append(isTurboModule)
+                .append(")")
+                .toString();
 
         builder.addStatement("map.put(\"" + reactModule.name() + "\", " + valueString + ")");
       }
@@ -210,14 +221,15 @@ private CodeBlock getCodeBlockForReactModuleInfos(List<String> nativeModules)
   }
 
   /**
-   * A Module is a Turbo Module if it either implements TurboModule or its super class,
-   * typically NativeModuleSpec implements TurboMobile
+   * A Module is a Turbo Module if it either implements TurboModule or its super class, typically
+   * NativeModuleSpec implements TurboMobile
    */
   private boolean isTurboModuleTypeElement(TypeElement typeElement) {
     if (typeElement == null) {
       return false;
     }
-    return typeElement.getInterfaces().stream().anyMatch(el -> el.toString().equals(TurboModule.class.getName()));
+    return typeElement.getInterfaces().stream()
+        .anyMatch(el -> el.toString().equals(TurboModule.class.getName()));
   }
 
   private static class ReactModuleSpecException extends Exception {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/accessibilityinfo/AccessibilityInfoModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/accessibilityinfo/AccessibilityInfoModule.java
index 04f2883856b194..4e257bc3c677ae 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/accessibilityinfo/AccessibilityInfoModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/accessibilityinfo/AccessibilityInfoModule.java
@@ -5,11 +5,9 @@
 
 package com.facebook.react.modules.accessibilityinfo;
 
-import javax.annotation.Nullable;
-
 import android.annotation.TargetApi;
-import android.content.Context;
 import android.content.ContentResolver;
+import android.content.Context;
 import android.database.ContentObserver;
 import android.net.Uri;
 import android.os.Build;
@@ -18,7 +16,7 @@
 import android.provider.Settings;
 import android.view.accessibility.AccessibilityEvent;
 import android.view.accessibility.AccessibilityManager;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.Callback;
 import com.facebook.react.bridge.LifecycleEventListener;
 import com.facebook.react.bridge.ReactApplicationContext;
@@ -28,161 +26,164 @@
 import com.facebook.react.modules.core.DeviceEventManagerModule;
 
 /**
- * Module that monitors and provides information about the state of Touch Exploration service
- * on the device. For API >= 19.
+ * Module that monitors and provides information about the state of Touch Exploration service on the
+ * device. For API >= 19.
  */
 @ReactModule(name = AccessibilityInfoModule.NAME)
 public class AccessibilityInfoModule extends ReactContextBaseJavaModule
-        implements LifecycleEventListener {
+    implements LifecycleEventListener {
 
-    public static final String NAME = "AccessibilityInfo";
+  public static final String NAME = "AccessibilityInfo";
 
-    @TargetApi(Build.VERSION_CODES.KITKAT)
-    private class ReactTouchExplorationStateChangeListener
-            implements AccessibilityManager.TouchExplorationStateChangeListener {
+  @TargetApi(Build.VERSION_CODES.KITKAT)
+  private class ReactTouchExplorationStateChangeListener
+      implements AccessibilityManager.TouchExplorationStateChangeListener {
 
-        @Override
-        public void onTouchExplorationStateChanged(boolean enabled) {
-            updateAndSendTouchExplorationChangeEvent(enabled);
-        }
+    @Override
+    public void onTouchExplorationStateChanged(boolean enabled) {
+      updateAndSendTouchExplorationChangeEvent(enabled);
     }
+  }
 
-    // Listener that is notified when the global TRANSITION_ANIMATION_SCALE.
-    private final ContentObserver animationScaleObserver = new ContentObserver(new Handler(Looper.getMainLooper())) {
+  // Listener that is notified when the global TRANSITION_ANIMATION_SCALE.
+  private final ContentObserver animationScaleObserver =
+      new ContentObserver(new Handler(Looper.getMainLooper())) {
         @Override
         public void onChange(boolean selfChange) {
-            this.onChange(selfChange, null);
+          this.onChange(selfChange, null);
         }
 
         @Override
         public void onChange(boolean selfChange, Uri uri) {
-            if (getReactApplicationContext().hasActiveCatalystInstance()) {
-              AccessibilityInfoModule.this.updateAndSendReduceMotionChangeEvent();
-            }
-        }
-    };
-
-    private @Nullable AccessibilityManager mAccessibilityManager;
-    private @Nullable ReactTouchExplorationStateChangeListener mTouchExplorationStateChangeListener;
-    private final ContentResolver mContentResolver;
-    private boolean mReduceMotionEnabled = false;
-    private boolean mTouchExplorationEnabled = false;
-
-    private static final String REDUCE_MOTION_EVENT_NAME = "reduceMotionDidChange";
-    private static final String TOUCH_EXPLORATION_EVENT_NAME = "touchExplorationDidChange";
-
-    public AccessibilityInfoModule(ReactApplicationContext context) {
-        super(context);
-        Context appContext = context.getApplicationContext();
-        mAccessibilityManager = (AccessibilityManager) appContext.getSystemService(Context.ACCESSIBILITY_SERVICE);
-        mContentResolver = getReactApplicationContext().getContentResolver();
-        mTouchExplorationEnabled = mAccessibilityManager.isTouchExplorationEnabled();
-        mReduceMotionEnabled = this.getIsReduceMotionEnabledValue();
-
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
-            mTouchExplorationStateChangeListener = new ReactTouchExplorationStateChangeListener();
+          if (getReactApplicationContext().hasActiveCatalystInstance()) {
+            AccessibilityInfoModule.this.updateAndSendReduceMotionChangeEvent();
+          }
         }
+      };
+
+  private @Nullable AccessibilityManager mAccessibilityManager;
+  private @Nullable ReactTouchExplorationStateChangeListener mTouchExplorationStateChangeListener;
+  private final ContentResolver mContentResolver;
+  private boolean mReduceMotionEnabled = false;
+  private boolean mTouchExplorationEnabled = false;
+
+  private static final String REDUCE_MOTION_EVENT_NAME = "reduceMotionDidChange";
+  private static final String TOUCH_EXPLORATION_EVENT_NAME = "touchExplorationDidChange";
+
+  public AccessibilityInfoModule(ReactApplicationContext context) {
+    super(context);
+    Context appContext = context.getApplicationContext();
+    mAccessibilityManager =
+        (AccessibilityManager) appContext.getSystemService(Context.ACCESSIBILITY_SERVICE);
+    mContentResolver = getReactApplicationContext().getContentResolver();
+    mTouchExplorationEnabled = mAccessibilityManager.isTouchExplorationEnabled();
+    mReduceMotionEnabled = this.getIsReduceMotionEnabledValue();
+
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
+      mTouchExplorationStateChangeListener = new ReactTouchExplorationStateChangeListener();
     }
+  }
 
-    @Override
-    public String getName() {
-        return "AccessibilityInfo";
-    }
+  @Override
+  public String getName() {
+    return "AccessibilityInfo";
+  }
 
-    private boolean getIsReduceMotionEnabledValue() {
-        String value = Build.VERSION.SDK_INT < Build.VERSION_CODES.JELLY_BEAN_MR1 ? null
+  private boolean getIsReduceMotionEnabledValue() {
+    String value =
+        Build.VERSION.SDK_INT < Build.VERSION_CODES.JELLY_BEAN_MR1
+            ? null
             : Settings.Global.getString(
-                mContentResolver,
-                Settings.Global.TRANSITION_ANIMATION_SCALE
-            );
+                mContentResolver, Settings.Global.TRANSITION_ANIMATION_SCALE);
 
-        return value != null && value.equals("0.0");
-    }
+    return value != null && value.equals("0.0");
+  }
 
-    @ReactMethod
-    public void isReduceMotionEnabled(Callback successCallback) {
-      successCallback.invoke(mReduceMotionEnabled);
-    }
+  @ReactMethod
+  public void isReduceMotionEnabled(Callback successCallback) {
+    successCallback.invoke(mReduceMotionEnabled);
+  }
 
-    @ReactMethod
-    public void isTouchExplorationEnabled(Callback successCallback) {
-        successCallback.invoke(mTouchExplorationEnabled);
-    }
+  @ReactMethod
+  public void isTouchExplorationEnabled(Callback successCallback) {
+    successCallback.invoke(mTouchExplorationEnabled);
+  }
 
-    private void updateAndSendReduceMotionChangeEvent() {
-      boolean isReduceMotionEnabled = this.getIsReduceMotionEnabledValue();
+  private void updateAndSendReduceMotionChangeEvent() {
+    boolean isReduceMotionEnabled = this.getIsReduceMotionEnabledValue();
 
-        if (mReduceMotionEnabled != isReduceMotionEnabled) {
-            mReduceMotionEnabled = isReduceMotionEnabled;
-            getReactApplicationContext().getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
-                    .emit(REDUCE_MOTION_EVENT_NAME, mReduceMotionEnabled);
-        }
+    if (mReduceMotionEnabled != isReduceMotionEnabled) {
+      mReduceMotionEnabled = isReduceMotionEnabled;
+      getReactApplicationContext()
+          .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
+          .emit(REDUCE_MOTION_EVENT_NAME, mReduceMotionEnabled);
     }
-
-    private void updateAndSendTouchExplorationChangeEvent(boolean enabled) {
-        if (mTouchExplorationEnabled != enabled) {
-            mTouchExplorationEnabled = enabled;
-            getReactApplicationContext().getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
-                    .emit(TOUCH_EXPLORATION_EVENT_NAME, mTouchExplorationEnabled);
-        }
+  }
+
+  private void updateAndSendTouchExplorationChangeEvent(boolean enabled) {
+    if (mTouchExplorationEnabled != enabled) {
+      mTouchExplorationEnabled = enabled;
+      getReactApplicationContext()
+          .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
+          .emit(TOUCH_EXPLORATION_EVENT_NAME, mTouchExplorationEnabled);
     }
+  }
 
-    @Override
-    public void onHostResume() {
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
-            mAccessibilityManager.addTouchExplorationStateChangeListener(
-                    mTouchExplorationStateChangeListener);
-        }
-
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {
-            Uri transitionUri = Settings.Global.getUriFor(Settings.Global.TRANSITION_ANIMATION_SCALE);
-            mContentResolver.registerContentObserver(transitionUri, false, animationScaleObserver);
-        }
-
-        updateAndSendTouchExplorationChangeEvent(mAccessibilityManager.isTouchExplorationEnabled());
-        updateAndSendReduceMotionChangeEvent();
+  @Override
+  public void onHostResume() {
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
+      mAccessibilityManager.addTouchExplorationStateChangeListener(
+          mTouchExplorationStateChangeListener);
     }
 
-    @Override
-    public void onHostPause() {
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
-            mAccessibilityManager.removeTouchExplorationStateChangeListener(
-                    mTouchExplorationStateChangeListener);
-        }
-
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {
-          mContentResolver.unregisterContentObserver(animationScaleObserver);
-        }
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {
+      Uri transitionUri = Settings.Global.getUriFor(Settings.Global.TRANSITION_ANIMATION_SCALE);
+      mContentResolver.registerContentObserver(transitionUri, false, animationScaleObserver);
     }
 
-    @Override
-    public void initialize() {
-        getReactApplicationContext().addLifecycleEventListener(this);
-        updateAndSendTouchExplorationChangeEvent(mAccessibilityManager.isTouchExplorationEnabled());
-        updateAndSendReduceMotionChangeEvent();
-    }
+    updateAndSendTouchExplorationChangeEvent(mAccessibilityManager.isTouchExplorationEnabled());
+    updateAndSendReduceMotionChangeEvent();
+  }
 
-    @Override
-    public void onCatalystInstanceDestroy() {
-        super.onCatalystInstanceDestroy();
-        getReactApplicationContext().removeLifecycleEventListener(this);
+  @Override
+  public void onHostPause() {
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
+      mAccessibilityManager.removeTouchExplorationStateChangeListener(
+          mTouchExplorationStateChangeListener);
     }
 
-    @Override
-    public void onHostDestroy() {
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {
+      mContentResolver.unregisterContentObserver(animationScaleObserver);
+    }
+  }
+
+  @Override
+  public void initialize() {
+    getReactApplicationContext().addLifecycleEventListener(this);
+    updateAndSendTouchExplorationChangeEvent(mAccessibilityManager.isTouchExplorationEnabled());
+    updateAndSendReduceMotionChangeEvent();
+  }
+
+  @Override
+  public void onCatalystInstanceDestroy() {
+    super.onCatalystInstanceDestroy();
+    getReactApplicationContext().removeLifecycleEventListener(this);
+  }
+
+  @Override
+  public void onHostDestroy() {}
+
+  @ReactMethod
+  public void announceForAccessibility(String message) {
+    if (mAccessibilityManager == null || !mAccessibilityManager.isEnabled()) {
+      return;
     }
 
-    @ReactMethod
-    public void announceForAccessibility(String message) {
-        if (mAccessibilityManager == null || !mAccessibilityManager.isEnabled()) {
-            return;
-        }
-
-        AccessibilityEvent event = AccessibilityEvent.obtain(AccessibilityEvent.TYPE_ANNOUNCEMENT);
-        event.getText().add(message);
-        event.setClassName(AccessibilityInfoModule.class.getName());
-        event.setPackageName(getReactApplicationContext().getPackageName());
+    AccessibilityEvent event = AccessibilityEvent.obtain(AccessibilityEvent.TYPE_ANNOUNCEMENT);
+    event.getText().add(message);
+    event.setClassName(AccessibilityInfoModule.class.getName());
+    event.setPackageName(getReactApplicationContext().getPackageName());
 
-        mAccessibilityManager.sendAccessibilityEvent(event);
-    }
+    mAccessibilityManager.sendAccessibilityEvent(event);
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/accessibilityinfo/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/accessibilityinfo/BUCK
index be5241876638d7..cd5151c836ebfa 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/accessibilityinfo/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/accessibilityinfo/BUCK
@@ -3,10 +3,12 @@ load("//tools/build_defs/oss:rn_defs.bzl", "react_native_dep", "react_native_tar
 rn_android_library(
     name = "accessibilityinfo",
     srcs = glob(["**/*.java"]),
+    is_androidx = True,
     visibility = [
         "PUBLIC",
     ],
     deps = [
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("libraries/fbcore/src/main/java/com/facebook/common/logging:logging"),
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/appregistry/AppRegistry.java b/ReactAndroid/src/main/java/com/facebook/react/modules/appregistry/AppRegistry.java
index da206630c3f6f5..a431907c8bd435 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/appregistry/AppRegistry.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/appregistry/AppRegistry.java
@@ -1,21 +1,20 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.appregistry;
 
 import com.facebook.react.bridge.JavaScriptModule;
 import com.facebook.react.bridge.WritableMap;
 
-/**
- * JS module interface - main entry point for launching React application for a given key.
- */
+/** JS module interface - main entry point for launching React application for a given key. */
 public interface AppRegistry extends JavaScriptModule {
 
   void runApplication(String appKey, WritableMap appParameters);
+
   void unmountApplicationComponentAtRootTag(int rootNodeTag);
+
   void startHeadlessTask(int taskId, String taskKey, WritableMap data);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/appstate/AppStateModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/appstate/AppStateModule.java
index ee158be0f40fcb..bd7bcd1bb3dd8d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/appstate/AppStateModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/appstate/AppStateModule.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.appstate;
 
 import com.facebook.react.bridge.Arguments;
@@ -13,19 +12,19 @@
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.bridge.WindowFocusChangeListener;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.common.LifecycleState;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.modules.core.DeviceEventManagerModule.RCTDeviceEventEmitter;
-
 import java.util.HashMap;
 import java.util.Map;
 
 @ReactModule(name = AppStateModule.NAME)
 public class AppStateModule extends ReactContextBaseJavaModule
-        implements LifecycleEventListener {
+    implements LifecycleEventListener, WindowFocusChangeListener {
 
-  protected static final String NAME = "AppState";
+  public static final String NAME = "AppState";
 
   public static final String APP_STATE_ACTIVE = "active";
   public static final String APP_STATE_BACKGROUND = "background";
@@ -37,8 +36,11 @@ public class AppStateModule extends ReactContextBaseJavaModule
   public AppStateModule(ReactApplicationContext reactContext) {
     super(reactContext);
     reactContext.addLifecycleEventListener(this);
-    mAppState = (reactContext.getLifecycleState() == LifecycleState.RESUMED ?
-            APP_STATE_ACTIVE : APP_STATE_BACKGROUND);
+    reactContext.addWindowFocusChangeListener(this);
+    mAppState =
+        (reactContext.getLifecycleState() == LifecycleState.RESUMED
+            ? APP_STATE_ACTIVE
+            : APP_STATE_BACKGROUND);
   }
 
   @Override
@@ -76,6 +78,13 @@ public void onHostDestroy() {
     // catalyst instance is going to be immediately dropped, and all JS calls with it.
   }
 
+  @Override
+  public void onWindowFocusChange(boolean hasFocus) {
+    getReactApplicationContext()
+        .getJSModule(RCTDeviceEventEmitter.class)
+        .emit("appStateFocusChange", hasFocus);
+  }
+
   private WritableMap createAppStateEventMap() {
     WritableMap appState = Arguments.createMap();
     appState.putString("app_state", mAppState);
@@ -83,7 +92,8 @@ private WritableMap createAppStateEventMap() {
   }
 
   private void sendAppStateChangeEvent() {
-    getReactApplicationContext().getJSModule(RCTDeviceEventEmitter.class)
-            .emit("appStateDidChange", createAppStateEventMap());
+    getReactApplicationContext()
+        .getJSModule(RCTDeviceEventEmitter.class)
+        .emit("appStateDidChange", createAppStateEventMap());
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BUCK
index ac8fbcbc9f87ec..72c927348f08e4 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BUCK
@@ -16,6 +16,7 @@ rn_android_library(
     ],
     deps = [
         react_native_dep("libraries/fbcore/src/main/java/com/facebook/common/logging:logging"),
+        react_native_dep("libraries/soloader/java/com/facebook/soloader:soloader"),
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
         react_native_dep("third-party/java/okhttp:okhttp3"),
@@ -24,6 +25,7 @@ rn_android_library(
         react_native_target("java/com/facebook/react/bridge:bridge"),
         react_native_target("java/com/facebook/react/common:common"),
         react_native_target("java/com/facebook/react/module/annotations:annotations"),
+        react_native_target("java/com/facebook/react/modules/blob/jni:jni"),
         react_native_target("java/com/facebook/react/modules/network:network"),
         react_native_target("java/com/facebook/react/modules/websocket:websocket"),
     ],
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BlobCollector.java b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BlobCollector.java
new file mode 100644
index 00000000000000..428f3f1660eac0
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BlobCollector.java
@@ -0,0 +1,27 @@
+package com.facebook.react.modules.blob;
+
+import com.facebook.react.bridge.JavaScriptContextHolder;
+import com.facebook.react.bridge.ReactContext;
+import com.facebook.soloader.SoLoader;
+
+/* package */ class BlobCollector {
+  static {
+    SoLoader.loadLibrary("reactnativeblob");
+  }
+
+  static void install(final ReactContext reactContext, final BlobModule blobModule) {
+    reactContext.runOnJSQueueThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            JavaScriptContextHolder jsContext = reactContext.getJavaScriptContextHolder();
+            // When debugging in chrome the JS context is not available.
+            if (jsContext.get() != 0) {
+              nativeInstall(blobModule, jsContext.get());
+            }
+          }
+        });
+  }
+
+  private static native void nativeInstall(Object blobModule, long jsContext);
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BlobModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BlobModule.java
index 830180c6ffc308..97403234693752 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BlobModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BlobModule.java
@@ -1,20 +1,18 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.blob;
 
-import android.content.ContentResolver;
-import android.content.Context;
 import android.content.res.Resources;
 import android.database.Cursor;
 import android.net.Uri;
 import android.provider.MediaStore;
-import androidx.annotation.Nullable;
 import android.webkit.MimeTypeMap;
-
+import androidx.annotation.Nullable;
+import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
@@ -26,7 +24,6 @@
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.modules.network.NetworkingModule;
 import com.facebook.react.modules.websocket.WebSocketModule;
-
 import java.io.ByteArrayOutputStream;
 import java.io.File;
 import java.io.FileNotFoundException;
@@ -39,7 +36,6 @@
 import java.util.HashMap;
 import java.util.Map;
 import java.util.UUID;
-
 import okhttp3.MediaType;
 import okhttp3.RequestBody;
 import okhttp3.ResponseBody;
@@ -48,109 +44,111 @@
 @ReactModule(name = BlobModule.NAME)
 public class BlobModule extends ReactContextBaseJavaModule {
 
-  protected static final String NAME = "BlobModule";
+  public static final String NAME = "BlobModule";
 
   private final Map<String, byte[]> mBlobs = new HashMap<>();
 
   private final WebSocketModule.ContentHandler mWebSocketContentHandler =
-    new WebSocketModule.ContentHandler() {
-      @Override
-      public void onMessage(String text, WritableMap params) {
-        params.putString("data", text);
-      }
+      new WebSocketModule.ContentHandler() {
+        @Override
+        public void onMessage(String text, WritableMap params) {
+          params.putString("data", text);
+        }
 
-      @Override
-      public void onMessage(ByteString bytes, WritableMap params) {
-        byte[] data = bytes.toByteArray();
+        @Override
+        public void onMessage(ByteString bytes, WritableMap params) {
+          byte[] data = bytes.toByteArray();
 
-        WritableMap blob = Arguments.createMap();
+          WritableMap blob = Arguments.createMap();
 
-        blob.putString("blobId", store(data));
-        blob.putInt("offset", 0);
-        blob.putInt("size", data.length);
+          blob.putString("blobId", store(data));
+          blob.putInt("offset", 0);
+          blob.putInt("size", data.length);
 
-        params.putMap("data", blob);
-        params.putString("type", "blob");
-      }
-    };
+          params.putMap("data", blob);
+          params.putString("type", "blob");
+        }
+      };
 
   private final NetworkingModule.UriHandler mNetworkingUriHandler =
-    new NetworkingModule.UriHandler() {
-      @Override
-      public boolean supports(Uri uri, String responseType) {
-        String scheme = uri.getScheme();
-        boolean isRemote = "http".equals(scheme) || "https".equals(scheme);
+      new NetworkingModule.UriHandler() {
+        @Override
+        public boolean supports(Uri uri, String responseType) {
+          String scheme = uri.getScheme();
+          boolean isRemote = "http".equals(scheme) || "https".equals(scheme);
 
-        return (!isRemote && "blob".equals(responseType));
-      }
+          return (!isRemote && "blob".equals(responseType));
+        }
 
-      @Override
-      public WritableMap fetch(Uri uri) throws IOException {
-        byte[] data = getBytesFromUri(uri);
+        @Override
+        public WritableMap fetch(Uri uri) throws IOException {
+          byte[] data = getBytesFromUri(uri);
 
-        WritableMap blob = Arguments.createMap();
-        blob.putString("blobId", store(data));
-        blob.putInt("offset", 0);
-        blob.putInt("size", data.length);
-        blob.putString("type", getMimeTypeFromUri(uri));
+          WritableMap blob = Arguments.createMap();
+          blob.putString("blobId", store(data));
+          blob.putInt("offset", 0);
+          blob.putInt("size", data.length);
+          blob.putString("type", getMimeTypeFromUri(uri));
 
-        // Needed for files
-        blob.putString("name", getNameFromUri(uri));
-        blob.putDouble("lastModified", getLastModifiedFromUri(uri));
+          // Needed for files
+          blob.putString("name", getNameFromUri(uri));
+          blob.putDouble("lastModified", getLastModifiedFromUri(uri));
 
-        return blob;
-      }
-    };
+          return blob;
+        }
+      };
 
   private final NetworkingModule.RequestBodyHandler mNetworkingRequestBodyHandler =
-    new NetworkingModule.RequestBodyHandler() {
-      @Override
-      public boolean supports(ReadableMap data) {
-        return data.hasKey("blob");
-      }
-
-      @Override
-      public RequestBody toRequestBody(ReadableMap data, String contentType) {
-        String type = contentType;
-        if (data.hasKey("type") && !data.getString("type").isEmpty()) {
-          type = data.getString("type");
+      new NetworkingModule.RequestBodyHandler() {
+        @Override
+        public boolean supports(ReadableMap data) {
+          return data.hasKey("blob");
         }
-        if (type == null) {
-          type = "application/octet-stream";
+
+        @Override
+        public RequestBody toRequestBody(ReadableMap data, String contentType) {
+          String type = contentType;
+          if (data.hasKey("type") && !data.getString("type").isEmpty()) {
+            type = data.getString("type");
+          }
+          if (type == null) {
+            type = "application/octet-stream";
+          }
+          ReadableMap blob = data.getMap("blob");
+          String blobId = blob.getString("blobId");
+          byte[] bytes = resolve(blobId, blob.getInt("offset"), blob.getInt("size"));
+
+          return RequestBody.create(MediaType.parse(type), bytes);
         }
-        ReadableMap blob = data.getMap("blob");
-        String blobId = blob.getString("blobId");
-        byte[] bytes = resolve(
-          blobId,
-          blob.getInt("offset"),
-          blob.getInt("size"));
-
-        return RequestBody.create(MediaType.parse(type), bytes);
-      }
-    };
+      };
 
   private final NetworkingModule.ResponseHandler mNetworkingResponseHandler =
-    new NetworkingModule.ResponseHandler() {
-      @Override
-      public boolean supports(String responseType) {
-        return "blob".equals(responseType);
-      }
+      new NetworkingModule.ResponseHandler() {
+        @Override
+        public boolean supports(String responseType) {
+          return "blob".equals(responseType);
+        }
 
-      @Override
-      public WritableMap toResponseData(ResponseBody body) throws IOException {
-        byte[] data = body.bytes();
-        WritableMap blob = Arguments.createMap();
-        blob.putString("blobId", store(data));
-        blob.putInt("offset", 0);
-        blob.putInt("size", data.length);
-        return blob;
-      }
-    };
+        @Override
+        public WritableMap toResponseData(ResponseBody body) throws IOException {
+          byte[] data = body.bytes();
+          WritableMap blob = Arguments.createMap();
+          blob.putString("blobId", store(data));
+          blob.putInt("offset", 0);
+          blob.putInt("size", data.length);
+          return blob;
+        }
+      };
 
   public BlobModule(ReactApplicationContext reactContext) {
     super(reactContext);
   }
 
+  @Override
+  public void initialize() {
+    BlobCollector.install(getReactApplicationContext(), this);
+  }
+
   @Override
   public String getName() {
     return NAME;
@@ -168,7 +166,7 @@ public String getName() {
     }
 
     return MapBuilder.<String, Object>of(
-      "BLOB_URI_SCHEME", "content", "BLOB_URI_HOST", resources.getString(resourceId));
+        "BLOB_URI_SCHEME", "content", "BLOB_URI_HOST", resources.getString(resourceId));
   }
 
   public String store(byte[] data) {
@@ -178,11 +176,16 @@ public String store(byte[] data) {
   }
 
   public void store(byte[] data, String blobId) {
-    mBlobs.put(blobId, data);
+    synchronized (mBlobs) {
+      mBlobs.put(blobId, data);
+    }
   }
 
+  @DoNotStrip
   public void remove(String blobId) {
-    mBlobs.remove(blobId);
+    synchronized (mBlobs) {
+      mBlobs.remove(blobId);
+    }
   }
 
   public @Nullable byte[] resolve(Uri uri) {
@@ -201,17 +204,19 @@ public void remove(String blobId) {
   }
 
   public @Nullable byte[] resolve(String blobId, int offset, int size) {
-    byte[] data = mBlobs.get(blobId);
-    if (data == null) {
-      return null;
-    }
-    if (size == -1) {
-      size = data.length - offset;
-    }
-    if (offset > 0 || size != data.length) {
-      data = Arrays.copyOfRange(data, offset, offset + size);
+    synchronized (mBlobs) {
+      byte[] data = mBlobs.get(blobId);
+      if (data == null) {
+        return null;
+      }
+      if (size == -1) {
+        size = data.length - offset;
+      }
+      if (offset > 0 || size != data.length) {
+        data = Arrays.copyOfRange(data, offset, offset + size);
+      }
+      return data;
     }
-    return data;
   }
 
   public @Nullable byte[] resolve(ReadableMap blob) {
@@ -240,9 +245,10 @@ private String getNameFromUri(Uri contentUri) {
       return contentUri.getLastPathSegment();
     }
     String[] projection = {MediaStore.MediaColumns.DISPLAY_NAME};
-    Cursor metaCursor = getReactApplicationContext()
-      .getContentResolver()
-      .query(contentUri, projection, null, null, null);
+    Cursor metaCursor =
+        getReactApplicationContext()
+            .getContentResolver()
+            .query(contentUri, projection, null, null, null);
     if (metaCursor != null) {
       try {
         if (metaCursor.moveToFirst()) {
@@ -285,7 +291,8 @@ private WebSocketModule getWebSocketModule() {
 
   @ReactMethod
   public void addNetworkingHandler() {
-    NetworkingModule networkingModule = getReactApplicationContext().getNativeModule(NetworkingModule.class);
+    NetworkingModule networkingModule =
+        getReactApplicationContext().getNativeModule(NetworkingModule.class);
     networkingModule.addUriHandler(mNetworkingUriHandler);
     networkingModule.addRequestBodyHandler(mNetworkingRequestBodyHandler);
     networkingModule.addResponseHandler(mNetworkingResponseHandler);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BlobProvider.java b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BlobProvider.java
index c6766aec761583..d2c5c72b53fd28 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BlobProvider.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BlobProvider.java
@@ -1,8 +1,8 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.blob;
 
@@ -85,10 +85,8 @@ public ParcelFileDescriptor openFile(Uri uri, String mode) throws FileNotFoundEx
     ParcelFileDescriptor readSide = pipe[0];
     ParcelFileDescriptor writeSide = pipe[1];
 
-    OutputStream outputStream = new ParcelFileDescriptor.AutoCloseOutputStream(writeSide);
-    try {
+    try (OutputStream outputStream = new ParcelFileDescriptor.AutoCloseOutputStream(writeSide)) {
       outputStream.write(data);
-      outputStream.close();
     } catch (IOException exception) {
       return null;
     }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/blob/FileReaderModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/FileReaderModule.java
index a5293261ad9876..895a40234da80e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/blob/FileReaderModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/FileReaderModule.java
@@ -1,14 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.blob;
 
 import android.util.Base64;
-
 import com.facebook.react.bridge.Promise;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
@@ -16,11 +14,10 @@
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.module.annotations.ReactModule;
 
-
 @ReactModule(name = FileReaderModule.NAME)
 public class FileReaderModule extends ReactContextBaseJavaModule {
 
-  protected static final String NAME = "FileReaderModule";
+  public static final String NAME = "FileReaderModule";
   private static final String ERROR_INVALID_BLOB = "ERROR_INVALID_BLOB";
 
   public FileReaderModule(ReactApplicationContext reactContext) {
@@ -39,10 +36,9 @@ private BlobModule getBlobModule() {
   @ReactMethod
   public void readAsText(ReadableMap blob, String encoding, Promise promise) {
 
-    byte[] bytes = getBlobModule().resolve(
-        blob.getString("blobId"),
-        blob.getInt("offset"),
-        blob.getInt("size"));
+    byte[] bytes =
+        getBlobModule()
+            .resolve(blob.getString("blobId"), blob.getInt("offset"), blob.getInt("size"));
 
     if (bytes == null) {
       promise.reject(ERROR_INVALID_BLOB, "The specified blob is invalid");
@@ -58,10 +54,9 @@ public void readAsText(ReadableMap blob, String encoding, Promise promise) {
 
   @ReactMethod
   public void readAsDataURL(ReadableMap blob, Promise promise) {
-    byte[] bytes = getBlobModule().resolve(
-        blob.getString("blobId"),
-        blob.getInt("offset"),
-        blob.getInt("size"));
+    byte[] bytes =
+        getBlobModule()
+            .resolve(blob.getString("blobId"), blob.getInt("offset"), blob.getInt("size"));
 
     if (bytes == null) {
       promise.reject(ERROR_INVALID_BLOB, "The specified blob is invalid");
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/blob/jni/Android.mk b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/jni/Android.mk
new file mode 100644
index 00000000000000..9eb190ae8ab10c
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/jni/Android.mk
@@ -0,0 +1,21 @@
+# Copyright (c) Facebook, Inc. and its affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+LOCAL_PATH := $(call my-dir)
+
+include $(CLEAR_VARS)
+
+LOCAL_MODULE := reactnativeblob
+
+LOCAL_SRC_FILES := $(wildcard $(LOCAL_PATH)/*.cpp)
+
+LOCAL_C_INCLUDES := $(LOCAL_PATH)
+
+LOCAL_CFLAGS += -fvisibility=hidden -fexceptions -frtti
+
+LOCAL_STATIC_LIBRARIES := libjsi libjsireact
+LOCAL_SHARED_LIBRARIES := libfolly_json libfb libreactnativejni
+
+include $(BUILD_SHARED_LIBRARY)
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/blob/jni/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/jni/BUCK
new file mode 100644
index 00000000000000..4bd4ee666c3d62
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/jni/BUCK
@@ -0,0 +1,22 @@
+load("//tools/build_defs/oss:rn_defs.bzl", "ANDROID", "FBJNI_TARGET", "react_native_target", "react_native_xplat_dep", "rn_xplat_cxx_library")
+
+rn_xplat_cxx_library(
+    name = "jni",
+    srcs = glob(["*.cpp"]),
+    headers = glob(["*.h"]),
+    header_namespace = "",
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    platforms = ANDROID,
+    soname = "libreactnativeblob.$(ext)",
+    visibility = ["PUBLIC"],
+    deps = [
+        react_native_target("jni/react/jni:jni"),
+        FBJNI_TARGET,
+        react_native_xplat_dep("jsi:jsi"),
+    ],
+)
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/blob/jni/BlobCollector.cpp b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/jni/BlobCollector.cpp
new file mode 100644
index 00000000000000..b529f68710e059
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/jni/BlobCollector.cpp
@@ -0,0 +1,63 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#include "BlobCollector.h"
+
+#include <fb/fbjni.h>
+#include <memory>
+#include <mutex>
+
+using namespace facebook;
+
+namespace facebook {
+namespace react {
+
+static constexpr auto kBlobModuleJavaDescriptor =
+    "com/facebook/react/modules/blob/BlobModule";
+
+BlobCollector::BlobCollector(
+    jni::global_ref<jobject> blobModule,
+    const std::string &blobId)
+    : blobModule_(blobModule), blobId_(blobId) {}
+
+BlobCollector::~BlobCollector() {
+  jni::ThreadScope::WithClassLoader([&] {
+    static auto removeMethod = jni::findClassStatic(kBlobModuleJavaDescriptor)
+        ->getMethod<void(jstring)>("remove");
+    removeMethod(blobModule_, jni::make_jstring(blobId_).get());
+  });
+}
+
+void BlobCollector::nativeInstall(
+    jni::alias_ref<jhybridobject> jThis,
+    jni::alias_ref<jobject> blobModule,
+    jlong jsContextNativePointer) {
+  auto &runtime = *((jsi::Runtime *) jsContextNativePointer);
+  auto blobModuleRef = jni::make_global(blobModule);
+  runtime.global().setProperty(
+      runtime,
+      "__blobCollectorProvider",
+      jsi::Function::createFromHostFunction(
+          runtime,
+          jsi::PropNameID::forAscii(runtime, "__blobCollectorProvider"),
+          1,
+          [blobModuleRef](
+              jsi::Runtime &rt,
+              const jsi::Value &thisVal,
+              const jsi::Value *args,
+              size_t count) {
+            auto blobId = args[0].asString(rt).utf8(rt);
+            auto blobCollector =
+                std::make_shared<BlobCollector>(blobModuleRef, blobId);
+            return jsi::Object::createFromHostObject(rt, blobCollector);
+          }));
+}
+
+void BlobCollector::registerNatives() {
+  registerHybrid(
+      {makeNativeMethod("nativeInstall", BlobCollector::nativeInstall)});
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/blob/jni/BlobCollector.h b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/jni/BlobCollector.h
new file mode 100644
index 00000000000000..b013cf8bf665c7
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/jni/BlobCollector.h
@@ -0,0 +1,39 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+// 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 <fb/fbjni.h>
+#include <jsi/jsi.h>
+
+namespace facebook {
+namespace react {
+
+class BlobCollector : public jni::HybridClass<BlobCollector>,
+                      public jsi::HostObject {
+ public:
+  BlobCollector(
+      jni::global_ref<jobject> blobManager,
+      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<jobject> blobModule,
+      jlong jsContextNativePointer);
+
+  static void registerNatives();
+
+ private:
+  friend HybridBase;
+
+  jni::global_ref<jobject> blobModule_;
+  const std::string blobId_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/blob/jni/OnLoad.cpp b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/jni/OnLoad.cpp
new file mode 100644
index 00000000000000..3707d02665e44a
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/jni/OnLoad.cpp
@@ -0,0 +1,13 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#include <fb/fbjni.h>
+
+#include "BlobCollector.h"
+
+JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM *vm, void *reserved) {
+  return facebook::jni::initialize(
+      vm, [] { facebook::react::BlobCollector::registerNatives(); });
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/camera/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/camera/BUCK
index 75929307c49184..cdbfb8b48cdcb9 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/camera/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/camera/BUCK
@@ -3,10 +3,12 @@ load("//tools/build_defs/oss:rn_defs.bzl", "react_native_dep", "react_native_tar
 rn_android_library(
     name = "camera",
     srcs = glob(["**/*.java"]),
+    is_androidx = True,
     visibility = [
         "PUBLIC",
     ],
     deps = [
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("libraries/fbcore/src/main/java/com/facebook/common/logging:logging"),
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/camera/CameraRollManager.java b/ReactAndroid/src/main/java/com/facebook/react/modules/camera/CameraRollManager.java
index 7356b048c19525..b07abea106711f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/camera/CameraRollManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/camera/CameraRollManager.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.camera;
 
 import android.content.ContentResolver;
@@ -16,12 +15,11 @@
 import android.media.MediaScannerConnection;
 import android.net.Uri;
 import android.os.AsyncTask;
-import android.os.Build;
 import android.os.Environment;
 import android.provider.MediaStore;
 import android.provider.MediaStore.Images;
-import android.provider.MediaStore.MediaColumns;
 import android.text.TextUtils;
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.GuardedAsyncTask;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
@@ -43,14 +41,13 @@
 import java.io.FileInputStream;
 import java.io.FileOutputStream;
 import java.io.IOException;
+import java.net.URL;
 import java.nio.ByteBuffer;
 import java.nio.channels.Channels;
 import java.nio.channels.FileChannel;
 import java.nio.channels.ReadableByteChannel;
 import java.util.ArrayList;
 import java.util.List;
-import javax.annotation.Nullable;
-import java.net.URL;
 
 // TODO #6015104: rename to something less iOSish
 /**
@@ -130,7 +127,7 @@ protected void doInBackgroundGuarded(Void... params) {
       File source = new File(mUri.getPath());
       try {
         String scheme = mUri.getScheme();
-        if (scheme.equals("http") || scheme.equals("https")){
+        if (scheme.equals("http") || scheme.equals("https")) {
           input = Channels.newChannel(new URL(mUri.toString()).openStream());
         } else {
           input = new FileInputStream(source).getChannel();
@@ -165,7 +162,7 @@ protected void doInBackgroundGuarded(Void... params) {
         }
         // Drains the buffer
         buffer.flip();
-        while (buffer.hasRemaining()){
+        while (buffer.hasRemaining()) {
           output.write(buffer);
         }
         input.close();
@@ -173,7 +170,7 @@ protected void doInBackgroundGuarded(Void... params) {
 
         MediaScannerConnection.scanFile(
             mContext,
-            new String[]{dest.getAbsolutePath()},
+            new String[] {dest.getAbsolutePath()},
             null,
             new MediaScannerConnection.OnScanCompletedListener() {
               @Override
@@ -210,47 +207,35 @@ public void onScanCompleted(String path, Uri uri) {
    * Get photos from {@link MediaStore.Images}, most recent first.
    *
    * @param params a map containing the following keys:
-   *        <ul>
-   *          <li>first (mandatory): a number representing the number of photos to fetch</li>
-   *          <li>
-   *            after (optional): a cursor that matches page_info[end_cursor] returned by a
-   *            previous call to {@link #getPhotos}
-   *          </li>
-   *          <li>groupName (optional): an album name</li>
-   *          <li>
-   *            mimeType (optional): restrict returned images to a specific mimetype (e.g.
-   *            image/jpeg)
-   *          </li>
-   *          <li>
-   *            assetType (optional): chooses between either photos or videos from the camera roll.
-   *            Valid values are "Photos" or "Videos". Defaults to photos.
-   *          </li>
-   *        </ul>
+   *     <ul>
+   *       <li>first (mandatory): a number representing the number of photos to fetch
+   *       <li>after (optional): a cursor that matches page_info[end_cursor] returned by a previous
+   *           call to {@link #getPhotos}
+   *       <li>groupName (optional): an album name
+   *       <li>mimeType (optional): restrict returned images to a specific mimetype (e.g.
+   *           image/jpeg)
+   *       <li>assetType (optional): chooses between either photos or videos from the camera roll.
+   *           Valid values are "Photos" or "Videos". Defaults to photos.
+   *     </ul>
+   *
    * @param promise the Promise to be resolved when the photos are loaded; for a format of the
-   *        parameters passed to this callback, see {@code getPhotosReturnChecker} in CameraRoll.js
+   *     parameters passed to this callback, see {@code getPhotosReturnChecker} in CameraRoll.js
    */
   @ReactMethod
   public void getPhotos(final ReadableMap params, final Promise promise) {
     int first = params.getInt("first");
     String after = params.hasKey("after") ? params.getString("after") : null;
     String groupName = params.hasKey("groupName") ? params.getString("groupName") : null;
-    String assetType = params.hasKey("assetType") ? params.getString("assetType") : ASSET_TYPE_PHOTOS;
-    ReadableArray mimeTypes = params.hasKey("mimeTypes")
-        ? params.getArray("mimeTypes")
-        : null;
+    String assetType =
+        params.hasKey("assetType") ? params.getString("assetType") : ASSET_TYPE_PHOTOS;
+    ReadableArray mimeTypes = params.hasKey("mimeTypes") ? params.getArray("mimeTypes") : null;
     if (params.hasKey("groupTypes")) {
       throw new JSApplicationIllegalArgumentException("groupTypes is not supported on Android");
     }
 
     new GetMediaTask(
-          getReactApplicationContext(),
-          first,
-          after,
-          groupName,
-          mimeTypes,
-          assetType,
-          promise)
-          .executeOnExecutor(AsyncTask.THREAD_POOL_EXECUTOR);
+            getReactApplicationContext(), first, after, groupName, mimeTypes, assetType, promise)
+        .executeOnExecutor(AsyncTask.THREAD_POOL_EXECUTOR);
   }
 
   private static class GetMediaTask extends GuardedAsyncTask<Void, Void> {
@@ -293,26 +278,46 @@ protected void doInBackgroundGuarded(Void... params) {
         selectionArgs.add(mGroupName);
       }
 
-      if (mAssetType.equals(ASSET_TYPE_PHOTOS)) {
-        selection.append(" AND " + MediaStore.Files.FileColumns.MEDIA_TYPE + " = "
-          + MediaStore.Files.FileColumns.MEDIA_TYPE_IMAGE);
-      } else if (mAssetType.equals(ASSET_TYPE_VIDEOS)) {
-        selection.append(" AND " + MediaStore.Files.FileColumns.MEDIA_TYPE + " = "
-          + MediaStore.Files.FileColumns.MEDIA_TYPE_VIDEO);
-      } else if (mAssetType.equals(ASSET_TYPE_ALL)) {
-        selection.append(" AND " + MediaStore.Files.FileColumns.MEDIA_TYPE + " IN ("
-          + MediaStore.Files.FileColumns.MEDIA_TYPE_VIDEO + ","
-          + MediaStore.Files.FileColumns.MEDIA_TYPE_IMAGE + ")");
-      } else {
-        mPromise.reject(
-          ERROR_UNABLE_TO_FILTER,
-          "Invalid filter option: '" + mAssetType + "'. Expected one of '"
-            + ASSET_TYPE_PHOTOS + "', '" + ASSET_TYPE_VIDEOS + "' or '" + ASSET_TYPE_ALL + "'."
-        );
-        return;
+      switch (mAssetType) {
+        case ASSET_TYPE_PHOTOS:
+          selection.append(
+              " AND "
+                  + MediaStore.Files.FileColumns.MEDIA_TYPE
+                  + " = "
+                  + MediaStore.Files.FileColumns.MEDIA_TYPE_IMAGE);
+          break;
+        case ASSET_TYPE_VIDEOS:
+          selection.append(
+              " AND "
+                  + MediaStore.Files.FileColumns.MEDIA_TYPE
+                  + " = "
+                  + MediaStore.Files.FileColumns.MEDIA_TYPE_VIDEO);
+          break;
+        case ASSET_TYPE_ALL:
+          selection.append(
+              " AND "
+                  + MediaStore.Files.FileColumns.MEDIA_TYPE
+                  + " IN ("
+                  + MediaStore.Files.FileColumns.MEDIA_TYPE_VIDEO
+                  + ","
+                  + MediaStore.Files.FileColumns.MEDIA_TYPE_IMAGE
+                  + ")");
+          break;
+        default:
+          mPromise.reject(
+              ERROR_UNABLE_TO_FILTER,
+              "Invalid filter option: '"
+                  + mAssetType
+                  + "'. Expected one of '"
+                  + ASSET_TYPE_PHOTOS
+                  + "', '"
+                  + ASSET_TYPE_VIDEOS
+                  + "' or '"
+                  + ASSET_TYPE_ALL
+                  + "'.");
+          return;
       }
 
-
       if (mMimeTypes != null && mMimeTypes.size() > 0) {
         selection.append(" AND " + Images.Media.MIME_TYPE + " IN (");
         for (int i = 0; i < mMimeTypes.size(); i++) {
@@ -327,13 +332,18 @@ protected void doInBackgroundGuarded(Void... params) {
       // setting a limit at all), but it works because this specific ContentProvider is backed by
       // an SQLite DB and forwards parameters to it without doing any parsing / validation.
       try {
-        Cursor media = resolver.query(
-            MediaStore.Files.getContentUri("external"),
-            PROJECTION,
-            selection.toString(),
-            selectionArgs.toArray(new String[selectionArgs.size()]),
-            Images.Media.DATE_TAKEN + " DESC, " + Images.Media.DATE_MODIFIED + " DESC LIMIT " +
-                (mFirst + 1)); // set LIMIT to first + 1 so that we know how to populate page_info
+        Cursor media =
+            resolver.query(
+                MediaStore.Files.getContentUri("external"),
+                PROJECTION,
+                selection.toString(),
+                selectionArgs.toArray(new String[selectionArgs.size()]),
+                Images.Media.DATE_TAKEN
+                    + " DESC, "
+                    + Images.Media.DATE_MODIFIED
+                    + " DESC LIMIT "
+                    + (mFirst
+                        + 1)); // set LIMIT to first + 1 so that we know how to populate page_info
         if (media == null) {
           mPromise.reject(ERROR_UNABLE_TO_LOAD, "Could not get media");
         } else {
@@ -360,17 +370,13 @@ private static void putPageInfo(Cursor media, WritableMap response, int limit) {
     if (limit < media.getCount()) {
       media.moveToPosition(limit - 1);
       pageInfo.putString(
-          "end_cursor",
-          media.getString(media.getColumnIndex(Images.Media.DATE_TAKEN)));
+          "end_cursor", media.getString(media.getColumnIndex(Images.Media.DATE_TAKEN)));
     }
     response.putMap("page_info", pageInfo);
   }
 
   private static void putEdges(
-      ContentResolver resolver,
-      Cursor media,
-      WritableMap response,
-      int limit) {
+      ContentResolver resolver, Cursor media, WritableMap response, int limit) {
     WritableArray edges = new WritableNativeArray();
     media.moveToFirst();
     int idIndex = media.getColumnIndex(Images.Media._ID);
@@ -387,8 +393,8 @@ private static void putEdges(
       WritableMap edge = new WritableNativeMap();
       WritableMap node = new WritableNativeMap();
       boolean imageInfoSuccess =
-          putImageInfo(resolver, media, node, idIndex, widthIndex, heightIndex, dataIndex,
-                  mimeTypeIndex);
+          putImageInfo(
+              resolver, media, node, idIndex, widthIndex, heightIndex, dataIndex, mimeTypeIndex);
       if (imageInfoSuccess) {
         putBasicNodeInfo(media, node, mimeTypeIndex, groupNameIndex, dateTakenIndex);
         putLocationInfo(media, node, longitudeIndex, latitudeIndex);
@@ -406,11 +412,7 @@ private static void putEdges(
   }
 
   private static void putBasicNodeInfo(
-      Cursor media,
-      WritableMap node,
-      int mimeTypeIndex,
-      int groupNameIndex,
-      int dateTakenIndex) {
+      Cursor media, WritableMap node, int mimeTypeIndex, int groupNameIndex, int dateTakenIndex) {
     node.putString("type", media.getString(mimeTypeIndex));
     node.putString("group_name", media.getString(groupNameIndex));
     node.putDouble("timestamp", media.getLong(dateTakenIndex) / 1000d);
@@ -433,8 +435,7 @@ private static boolean putImageInfo(
 
     String mimeType = media.getString(mimeTypeIndex);
 
-    if (mimeType != null
-        && mimeType.startsWith("video")) {
+    if (mimeType != null && mimeType.startsWith("video")) {
       try {
         AssetFileDescriptor photoDescriptor = resolver.openAssetFileDescriptor(photoUri, "r");
         MediaMetadataRetriever retriever = new MediaMetadataRetriever();
@@ -495,10 +496,7 @@ private static boolean putImageInfo(
   }
 
   private static void putLocationInfo(
-      Cursor media,
-      WritableMap node,
-      int longitudeIndex,
-      int latitudeIndex) {
+      Cursor media, WritableMap node, int longitudeIndex, int latitudeIndex) {
     double longitude = media.getDouble(longitudeIndex);
     double latitude = media.getDouble(latitudeIndex);
     if (longitude > 0 || latitude > 0) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/camera/ImageEditingManager.java b/ReactAndroid/src/main/java/com/facebook/react/modules/camera/ImageEditingManager.java
index 417b7a002a59ae..0018e4b7bffb95 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/camera/ImageEditingManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/camera/ImageEditingManager.java
@@ -1,33 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.camera;
 
-import javax.annotation.Nullable;
-
-import java.io.File;
-import java.io.FileOutputStream;
-import java.io.FilenameFilter;
-import java.io.IOException;
-import java.io.InputStream;
-import java.io.OutputStream;
-import java.net.URL;
-import java.net.URLConnection;
-import java.util.Arrays;
-import java.util.Collections;
-import java.util.List;
-import java.util.Map;
-
 import android.annotation.SuppressLint;
 import android.content.Context;
 import android.database.Cursor;
 import android.graphics.Bitmap;
-import android.graphics.BitmapRegionDecoder;
 import android.graphics.BitmapFactory;
+import android.graphics.BitmapRegionDecoder;
 import android.graphics.Matrix;
 import android.graphics.Rect;
 import android.media.ExifInterface;
@@ -35,63 +19,74 @@
 import android.os.AsyncTask;
 import android.provider.MediaStore;
 import android.text.TextUtils;
-
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
+import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.Callback;
 import com.facebook.react.bridge.GuardedAsyncTask;
+import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;
-import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.ReadableMap;
-import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.module.annotations.ReactModule;
+import java.io.File;
+import java.io.FileOutputStream;
+import java.io.FilenameFilter;
+import java.io.IOException;
+import java.io.InputStream;
+import java.io.OutputStream;
+import java.net.URL;
+import java.net.URLConnection;
+import java.util.Arrays;
+import java.util.Collections;
+import java.util.List;
+import java.util.Map;
 
-/**
- * Native module that provides image cropping functionality.
- */
+/** Native module that provides image cropping functionality. */
 @ReactModule(name = ImageEditingManager.NAME)
 public class ImageEditingManager extends ReactContextBaseJavaModule {
 
-  protected static final String NAME = "ImageEditingManager";
+  public static final String NAME = "ImageEditingManager";
 
-  private static final List<String> LOCAL_URI_PREFIXES = Arrays.asList(
-      "file://", "content://");
+  private static final List<String> LOCAL_URI_PREFIXES = Arrays.asList("file://", "content://");
 
   private static final String TEMP_FILE_PREFIX = "ReactNative_cropped_image_";
 
   /** Compress quality of the output file. */
   private static final int COMPRESS_QUALITY = 90;
 
-  @SuppressLint("InlinedApi") private static final String[] EXIF_ATTRIBUTES = new String[] {
-    ExifInterface.TAG_APERTURE,
-    ExifInterface.TAG_DATETIME,
-    ExifInterface.TAG_DATETIME_DIGITIZED,
-    ExifInterface.TAG_EXPOSURE_TIME,
-    ExifInterface.TAG_FLASH,
-    ExifInterface.TAG_FOCAL_LENGTH,
-    ExifInterface.TAG_GPS_ALTITUDE,
-    ExifInterface.TAG_GPS_ALTITUDE_REF,
-    ExifInterface.TAG_GPS_DATESTAMP,
-    ExifInterface.TAG_GPS_LATITUDE,
-    ExifInterface.TAG_GPS_LATITUDE_REF,
-    ExifInterface.TAG_GPS_LONGITUDE,
-    ExifInterface.TAG_GPS_LONGITUDE_REF,
-    ExifInterface.TAG_GPS_PROCESSING_METHOD,
-    ExifInterface.TAG_GPS_TIMESTAMP,
-    ExifInterface.TAG_IMAGE_LENGTH,
-    ExifInterface.TAG_IMAGE_WIDTH,
-    ExifInterface.TAG_ISO,
-    ExifInterface.TAG_MAKE,
-    ExifInterface.TAG_MODEL,
-    ExifInterface.TAG_ORIENTATION,
-    ExifInterface.TAG_SUBSEC_TIME,
-    ExifInterface.TAG_SUBSEC_TIME_DIG,
-    ExifInterface.TAG_SUBSEC_TIME_ORIG,
-    ExifInterface.TAG_WHITE_BALANCE
-  };
+  @SuppressLint("InlinedApi")
+  private static final String[] EXIF_ATTRIBUTES =
+      new String[] {
+        ExifInterface.TAG_APERTURE,
+        ExifInterface.TAG_DATETIME,
+        ExifInterface.TAG_DATETIME_DIGITIZED,
+        ExifInterface.TAG_EXPOSURE_TIME,
+        ExifInterface.TAG_FLASH,
+        ExifInterface.TAG_FOCAL_LENGTH,
+        ExifInterface.TAG_GPS_ALTITUDE,
+        ExifInterface.TAG_GPS_ALTITUDE_REF,
+        ExifInterface.TAG_GPS_DATESTAMP,
+        ExifInterface.TAG_GPS_LATITUDE,
+        ExifInterface.TAG_GPS_LATITUDE_REF,
+        ExifInterface.TAG_GPS_LONGITUDE,
+        ExifInterface.TAG_GPS_LONGITUDE_REF,
+        ExifInterface.TAG_GPS_PROCESSING_METHOD,
+        ExifInterface.TAG_GPS_TIMESTAMP,
+        ExifInterface.TAG_IMAGE_LENGTH,
+        ExifInterface.TAG_IMAGE_WIDTH,
+        ExifInterface.TAG_ISO,
+        ExifInterface.TAG_MAKE,
+        ExifInterface.TAG_MODEL,
+        ExifInterface.TAG_ORIENTATION,
+        ExifInterface.TAG_SUBSEC_TIME,
+        ExifInterface.TAG_SUBSEC_TIME_DIG,
+        ExifInterface.TAG_SUBSEC_TIME_ORIG,
+        ExifInterface.TAG_WHITE_BALANCE
+      };
 
   public ImageEditingManager(ReactApplicationContext reactContext) {
     super(reactContext);
@@ -136,15 +131,16 @@ protected void doInBackgroundGuarded(Void... params) {
     }
 
     private void cleanDirectory(File directory) {
-      File[] toDelete = directory.listFiles(
-          new FilenameFilter() {
-            @Override
-            public boolean accept(File dir, String filename) {
-              return filename.startsWith(TEMP_FILE_PREFIX);
-            }
-          });
+      File[] toDelete =
+          directory.listFiles(
+              new FilenameFilter() {
+                @Override
+                public boolean accept(File dir, String filename) {
+                  return filename.startsWith(TEMP_FILE_PREFIX);
+                }
+              });
       if (toDelete != null) {
-        for (File file: toDelete) {
+        for (File file : toDelete) {
           file.delete();
         }
       }
@@ -158,44 +154,43 @@ public boolean accept(File dir, String filename) {
    *
    * @param uri the MediaStore URI of the image to crop
    * @param options crop parameters specified as {@code {offset: {x, y}, size: {width, height}}}.
-   *        Optionally this also contains  {@code {targetSize: {width, height}}}. If this is
-   *        specified, the cropped image will be resized to that size.
-   *        All units are in pixels (not DPs).
+   *     Optionally this also contains {@code {targetSize: {width, height}}}. If this is specified,
+   *     the cropped image will be resized to that size. All units are in pixels (not DPs).
    * @param success callback to be invoked when the image has been cropped; the only argument that
-   *        is passed to this callback is the file:// URI of the new image
+   *     is passed to this callback is the file:// URI of the new image
    * @param error callback to be invoked when an error occurs (e.g. can't create file etc.)
    */
   @ReactMethod
   public void cropImage(
-      String uri,
-      ReadableMap options,
-      final Callback success,
-      final Callback error) {
+      String uri, ReadableMap options, final Callback success, final Callback error) {
     ReadableMap offset = options.hasKey("offset") ? options.getMap("offset") : null;
     ReadableMap size = options.hasKey("size") ? options.getMap("size") : null;
-    if (offset == null || size == null ||
-        !offset.hasKey("x") || !offset.hasKey("y") ||
-        !size.hasKey("width") || !size.hasKey("height")) {
+    if (offset == null
+        || size == null
+        || !offset.hasKey("x")
+        || !offset.hasKey("y")
+        || !size.hasKey("width")
+        || !size.hasKey("height")) {
       throw new JSApplicationIllegalArgumentException("Please specify offset and size");
     }
     if (uri == null || uri.isEmpty()) {
       throw new JSApplicationIllegalArgumentException("Please specify a URI");
     }
 
-    CropTask cropTask = new CropTask(
-        getReactApplicationContext(),
-        uri,
-        (int) offset.getDouble("x"),
-        (int) offset.getDouble("y"),
-        (int) size.getDouble("width"),
-        (int) size.getDouble("height"),
-        success,
-        error);
+    CropTask cropTask =
+        new CropTask(
+            getReactApplicationContext(),
+            uri,
+            (int) offset.getDouble("x"),
+            (int) offset.getDouble("y"),
+            (int) size.getDouble("width"),
+            (int) size.getDouble("height"),
+            success,
+            error);
     if (options.hasKey("displaySize")) {
       ReadableMap targetSize = options.getMap("displaySize");
       cropTask.setTargetSize(
-        (int) targetSize.getDouble("width"),
-        (int) targetSize.getDouble("height"));
+          (int) targetSize.getDouble("width"), (int) targetSize.getDouble("height"));
     }
     cropTask.executeOnExecutor(AsyncTask.THREAD_POOL_EXECUTOR);
   }
@@ -223,8 +218,8 @@ private CropTask(
         Callback error) {
       super(context);
       if (x < 0 || y < 0 || width <= 0 || height <= 0) {
-        throw new JSApplicationIllegalArgumentException(String.format(
-            "Invalid crop rectangle: [%d, %d, %d, %d]", x, y, width, height));
+        throw new JSApplicationIllegalArgumentException(
+            String.format("Invalid crop rectangle: [%d, %d, %d, %d]", x, y, width, height));
       }
       mContext = context;
       mUri = uri;
@@ -238,8 +233,8 @@ private CropTask(
 
     public void setTargetSize(int width, int height) {
       if (width <= 0 || height <= 0) {
-        throw new JSApplicationIllegalArgumentException(String.format(
-            "Invalid target size: [%d, %d]", width, height));
+        throw new JSApplicationIllegalArgumentException(
+            String.format("Invalid target size: [%d, %d]", width, height));
       }
       mTargetWidth = width;
       mTargetHeight = height;
@@ -294,11 +289,12 @@ protected void doInBackgroundGuarded(Void... params) {
 
     /**
      * Reads and crops the bitmap.
+     *
      * @param outOptions Bitmap options, useful to determine {@code outMimeType}.
      */
     private Bitmap crop(BitmapFactory.Options outOptions) throws IOException {
       InputStream inputStream = openBitmapInputStream();
-      // Effeciently crops image without loading full resolution into memory
+      // Efficiently crops image without loading full resolution into memory
       // https://developer.android.com/reference/android/graphics/BitmapRegionDecoder.html
       BitmapRegionDecoder decoder = BitmapRegionDecoder.newInstance(inputStream, false);
       try {
@@ -313,15 +309,13 @@ private Bitmap crop(BitmapFactory.Options outOptions) throws IOException {
     }
 
     /**
-     * Crop the rectangle given by {@code mX, mY, mWidth, mHeight} within the source bitmap
-     * and scale the result to {@code targetWidth, targetHeight}.
+     * Crop the rectangle given by {@code mX, mY, mWidth, mHeight} within the source bitmap and
+     * scale the result to {@code targetWidth, targetHeight}.
+     *
      * @param outOptions Bitmap options, useful to determine {@code outMimeType}.
      */
     private Bitmap cropAndResize(
-        int targetWidth,
-        int targetHeight,
-        BitmapFactory.Options outOptions)
-        throws IOException {
+        int targetWidth, int targetHeight, BitmapFactory.Options outOptions) throws IOException {
       Assertions.assertNotNull(outOptions);
 
       // Loading large bitmaps efficiently:
@@ -418,8 +412,10 @@ private static void copyExif(Context context, Uri oldImage, File newFile) throws
     if (uri.getScheme().equals("file")) {
       return new File(uri.getPath());
     } else if (uri.getScheme().equals("content")) {
-      Cursor cursor = context.getContentResolver()
-        .query(uri, new String[] { MediaStore.MediaColumns.DATA }, null, null, null);
+      Cursor cursor =
+          context
+              .getContentResolver()
+              .query(uri, new String[] {MediaStore.MediaColumns.DATA}, null, null, null);
       if (cursor != null) {
         try {
           if (cursor.moveToFirst()) {
@@ -494,21 +490,22 @@ private static File createTempFile(Context context, @Nullable String mimeType)
     }
     if (externalCacheDir == null) {
       cacheDir = internalCacheDir;
-    }
-    else if (internalCacheDir == null) {
+    } else if (internalCacheDir == null) {
       cacheDir = externalCacheDir;
     } else {
-      cacheDir = externalCacheDir.getFreeSpace() > internalCacheDir.getFreeSpace() ?
-          externalCacheDir : internalCacheDir;
+      cacheDir =
+          externalCacheDir.getFreeSpace() > internalCacheDir.getFreeSpace()
+              ? externalCacheDir
+              : internalCacheDir;
     }
     return File.createTempFile(TEMP_FILE_PREFIX, getFileExtensionForType(mimeType), cacheDir);
   }
 
   /**
-   * When scaling down the bitmap, decode only every n-th pixel in each dimension.
-   * Calculate the largest {@code inSampleSize} value that is a power of 2 and keeps both
-   * {@code width, height} larger or equal to {@code targetWidth, targetHeight}.
-   * This can significantly reduce memory usage.
+   * When scaling down the bitmap, decode only every n-th pixel in each dimension. Calculate the
+   * largest {@code inSampleSize} value that is a power of 2 and keeps both {@code width, height}
+   * larger or equal to {@code targetWidth, targetHeight}. This can significantly reduce memory
+   * usage.
    */
   private static int getDecodeSampleSize(int width, int height, int targetWidth, int targetHeight) {
     int inSampleSize = 1;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/camera/ImageStoreManager.java b/ReactAndroid/src/main/java/com/facebook/react/modules/camera/ImageStoreManager.java
index 235cdd1931bb7a..f66bf88a92f75a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/camera/ImageStoreManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/camera/ImageStoreManager.java
@@ -1,24 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.camera;
 
-import java.io.ByteArrayOutputStream;
-import java.io.Closeable;
-import java.io.FileNotFoundException;
-import java.io.IOException;
-import java.io.InputStream;
-
 import android.content.ContentResolver;
 import android.net.Uri;
 import android.os.AsyncTask;
 import android.util.Base64;
 import android.util.Base64OutputStream;
-
 import com.facebook.react.bridge.Callback;
 import com.facebook.react.bridge.GuardedAsyncTask;
 import com.facebook.react.bridge.ReactApplicationContext;
@@ -26,10 +18,16 @@
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.module.annotations.ReactModule;
+import java.io.ByteArrayOutputStream;
+import java.io.Closeable;
+import java.io.FileNotFoundException;
+import java.io.IOException;
+import java.io.InputStream;
 
-@ReactModule(name = "ImageStoreManager")
+@ReactModule(name = ImageStoreManager.NAME)
 public class ImageStoreManager extends ReactContextBaseJavaModule {
 
+  public static final String NAME = "ImageStoreManager";
   private static final int BUFFER_SIZE = 8192;
 
   public ImageStoreManager(ReactApplicationContext reactContext) {
@@ -38,7 +36,7 @@ public ImageStoreManager(ReactApplicationContext reactContext) {
 
   @Override
   public String getName() {
-    return "ImageStoreManager";
+    return NAME;
   }
 
   /**
@@ -59,11 +57,7 @@ private class GetBase64Task extends GuardedAsyncTask<Void, Void> {
     private final Callback mSuccess;
     private final Callback mError;
 
-    private GetBase64Task(
-        ReactContext reactContext,
-        String uri,
-        Callback success,
-        Callback error) {
+    private GetBase64Task(ReactContext reactContext, String uri, Callback success, Callback error) {
       super(reactContext);
       mUri = uri;
       mSuccess = success;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/clipboard/ClipboardModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/clipboard/ClipboardModule.java
index 2ba6aaec6c606c..8fc038626acfe7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/clipboard/ClipboardModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/clipboard/ClipboardModule.java
@@ -1,24 +1,20 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.clipboard;
 
-import android.content.ClipboardManager;
 import android.content.ClipData;
+import android.content.ClipboardManager;
 import android.content.Context;
-
 import com.facebook.react.bridge.ContextBaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.bridge.Promise;
+import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.module.annotations.ReactModule;
 
-/**
- * A module that allows JS to get/set clipboard contents.
- */
+/** A module that allows JS to get/set clipboard contents. */
 @ReactModule(name = ClipboardModule.NAME)
 public class ClipboardModule extends ContextBaseJavaModule {
 
@@ -42,9 +38,7 @@ public void getString(Promise promise) {
     try {
       ClipboardManager clipboard = getClipboardService();
       ClipData clipData = clipboard.getPrimaryClip();
-      if (clipData == null) {
-        promise.resolve("");
-      } else if (clipData.getItemCount() >= 1) {
+      if (clipData != null && clipData.getItemCount() >= 1) {
         ClipData.Item firstItem = clipboard.getPrimaryClip().getItemAt(0);
         promise.resolve("" + firstItem.getText());
       } else {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/common/ModuleDataCleaner.java b/ReactAndroid/src/main/java/com/facebook/react/modules/common/ModuleDataCleaner.java
index b794529d0f1717..2f7ec73086d0d6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/common/ModuleDataCleaner.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/common/ModuleDataCleaner.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.common;
 
 import com.facebook.common.logging.FLog;
@@ -21,16 +20,15 @@ public class ModuleDataCleaner {
   /**
    * Indicates a module may contain sensitive user data and should be cleaned on logout.
    *
-   * Types of data that should be cleaned:
-   * - Persistent data (disk) that may contain user information or content.
-   * - Retained (static) in-memory data that may contain user info or content.
+   * <p>Types of data that should be cleaned: - Persistent data (disk) that may contain user
+   * information or content. - Retained (static) in-memory data that may contain user info or
+   * content.
    *
-   * Note that the following types of modules do not need to be cleaned here:
-   * - Modules whose user data is kept in memory in non-static fields, assuming the app uses a
-   *   separate instance for each viewer context.
-   * - Modules that remove all persistent data (temp files, etc) when the catalyst instance is
-   *   destroyed. This is because logout implies that the instance is destroyed. Apps should enforce
-   *   this.
+   * <p>Note that the following types of modules do not need to be cleaned here: - Modules whose
+   * user data is kept in memory in non-static fields, assuming the app uses a separate instance for
+   * each viewer context. - Modules that remove all persistent data (temp files, etc) when the
+   * catalyst instance is destroyed. This is because logout implies that the instance is destroyed.
+   * Apps should enforce this.
    */
   public interface Cleanable {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/core/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/core/BUCK
index 57580c41a7f00e..dea0d2cdbf3084 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/core/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/core/BUCK
@@ -3,10 +3,12 @@ load("//tools/build_defs/oss:rn_defs.bzl", "react_native_dep", "react_native_tar
 rn_android_library(
     name = "core",
     srcs = glob(["**/*.java"]),
+    is_androidx = True,
     visibility = [
         "PUBLIC",
     ],
     deps = [
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("libraries/fbcore/src/main/java/com/facebook/common/logging:logging"),
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/core/ChoreographerCompat.java b/ReactAndroid/src/main/java/com/facebook/react/modules/core/ChoreographerCompat.java
index 6642e63dfd5d46..d6cad6a8bb8629 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/core/ChoreographerCompat.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/core/ChoreographerCompat.java
@@ -26,7 +26,7 @@ public class ChoreographerCompat {
 
   public static ChoreographerCompat getInstance() {
     UiThreadUtil.assertOnUiThread();
-    if (sInstance == null){
+    if (sInstance == null) {
       sInstance = new ChoreographerCompat();
     }
     return sInstance;
@@ -57,8 +57,7 @@ private void choreographerPostFrameCallback(Choreographer.FrameCallback frameCal
   }
 
   private void choreographerPostFrameCallbackDelayed(
-    Choreographer.FrameCallback frameCallback,
-    long delayMillis) {
+      Choreographer.FrameCallback frameCallback, long delayMillis) {
     mChoreographer.postFrameCallbackDelayed(frameCallback, delayMillis);
   }
 
@@ -67,41 +66,44 @@ private void choreographerRemoveFrameCallback(Choreographer.FrameCallback frameC
   }
 
   /**
-   * 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.
+   * 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 static abstract class FrameCallback {
+  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);
-          }
-        };
+        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());
-          }
-        };
+        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)}.
+     * Just a wrapper for frame callback, see {@link
+     * android.view.Choreographer.FrameCallback#doFrame(long)}.
      */
     public abstract void doFrame(long frameTimeNanos);
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/core/DefaultHardwareBackBtnHandler.java b/ReactAndroid/src/main/java/com/facebook/react/modules/core/DefaultHardwareBackBtnHandler.java
index 288f4032850405..5768d2aededdee 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/core/DefaultHardwareBackBtnHandler.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/core/DefaultHardwareBackBtnHandler.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.core;
 
 /**
@@ -16,8 +15,8 @@ public interface DefaultHardwareBackBtnHandler {
 
   /**
    * By default, all onBackPress() calls should not execute the default backpress handler and should
-   * instead propagate it to the JS instance. If JS doesn't want to handle the back press itself,
-   * it shall call back into native to invoke this function which should execute the default handler
+   * instead propagate it to the JS instance. If JS doesn't want to handle the back press itself, it
+   * shall call back into native to invoke this function which should execute the default handler
    */
   void invokeDefaultOnBackPressed();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/core/DeviceEventManagerModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/core/DeviceEventManagerModule.java
index c78527208ccbc0..6a9ae95c62f632 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/core/DeviceEventManagerModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/core/DeviceEventManagerModule.java
@@ -1,69 +1,59 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.core;
 
-import javax.annotation.Nonnull;
-import javax.annotation.Nullable;
-
 import android.net.Uri;
-
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.Arguments;
+import com.facebook.react.bridge.JavaScriptModule;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;
-import com.facebook.react.bridge.JavaScriptModule;
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.module.annotations.ReactModule;
 
-/**
- * Native module that handles device hardware events like hardware back presses.
- */
+/** Native module that handles device hardware events like hardware back presses. */
 @ReactModule(name = DeviceEventManagerModule.NAME)
 public class DeviceEventManagerModule extends ReactContextBaseJavaModule {
   public static final String NAME = "DeviceEventManager";
+
   public interface RCTDeviceEventEmitter extends JavaScriptModule {
-    void emit(@Nonnull String eventName, @Nullable Object data);
+    void emit(@NonNull String eventName, @Nullable Object data);
   }
 
   private final Runnable mInvokeDefaultBackPressRunnable;
 
   public DeviceEventManagerModule(
-      ReactApplicationContext reactContext,
-      final DefaultHardwareBackBtnHandler backBtnHandler) {
+      ReactApplicationContext reactContext, final DefaultHardwareBackBtnHandler backBtnHandler) {
     super(reactContext);
-    mInvokeDefaultBackPressRunnable = new Runnable() {
-      @Override
-      public void run() {
-        UiThreadUtil.assertOnUiThread();
-        backBtnHandler.invokeDefaultOnBackPressed();
-      }
-    };
+    mInvokeDefaultBackPressRunnable =
+        new Runnable() {
+          @Override
+          public void run() {
+            UiThreadUtil.assertOnUiThread();
+            backBtnHandler.invokeDefaultOnBackPressed();
+          }
+        };
   }
 
-  /**
-   * Sends an event to the JS instance that the hardware back has been pressed.
-   */
+  /** Sends an event to the JS instance that the hardware back has been pressed. */
   public void emitHardwareBackPressed() {
     getReactApplicationContext()
         .getJSModule(RCTDeviceEventEmitter.class)
         .emit("hardwareBackPress", null);
   }
 
-  /**
-   * Sends an event to the JS instance that a new intent was received.
-   */
+  /** Sends an event to the JS instance that a new intent was received. */
   public void emitNewIntentReceived(Uri uri) {
     WritableMap map = Arguments.createMap();
     map.putString("url", uri.toString());
-    getReactApplicationContext()
-        .getJSModule(RCTDeviceEventEmitter.class)
-        .emit("url", map);
+    getReactApplicationContext().getJSModule(RCTDeviceEventEmitter.class).emit("url", map);
   }
 
   /**
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/core/ExceptionsManagerModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/core/ExceptionsManagerModule.java
index 76f95a6a4415a2..794eb63b864dca 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/core/ExceptionsManagerModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/core/ExceptionsManagerModule.java
@@ -1,20 +1,23 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.core;
 
 import com.facebook.common.logging.FLog;
+import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.BaseJavaModule;
+import com.facebook.react.bridge.JavaOnlyMap;
 import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.common.JavascriptException;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.devsupport.interfaces.DevSupportManager;
 import com.facebook.react.module.annotations.ReactModule;
+import com.facebook.react.util.ExceptionDataHelper;
 import com.facebook.react.util.JSStackTrace;
 
 @ReactModule(name = ExceptionsManagerModule.NAME)
@@ -34,24 +37,45 @@ public String getName() {
   }
 
   @ReactMethod
-  public void reportFatalException(String title, ReadableArray details, int exceptionId) {
-    showOrThrowError(title, details, exceptionId);
+  public void reportFatalException(String message, ReadableArray stack, int id) {
+    JavaOnlyMap data = new JavaOnlyMap();
+    data.putString("message", message);
+    data.putArray("stack", stack);
+    data.putInt("id", id);
+    data.putBoolean("isFatal", true);
+    reportException(data);
   }
 
   @ReactMethod
-  public void reportSoftException(String title, ReadableArray details, int exceptionId) {
-    if (mDevSupportManager.getDevSupportEnabled()) {
-      mDevSupportManager.showNewJSError(title, details, exceptionId);
-    } else {
-      FLog.e(ReactConstants.TAG, JSStackTrace.format(title, details));
-    }
+  public void reportSoftException(String message, ReadableArray stack, int id) {
+    JavaOnlyMap data = new JavaOnlyMap();
+    data.putString("message", message);
+    data.putArray("stack", stack);
+    data.putInt("id", id);
+    data.putBoolean("isFatal", false);
+    reportException(data);
   }
 
-  private void showOrThrowError(String title, ReadableArray details, int exceptionId) {
+  @ReactMethod
+  public void reportException(ReadableMap data) {
+    String message = data.hasKey("message") ? data.getString("message") : "";
+    ReadableArray stack = data.hasKey("stack") ? data.getArray("stack") : Arguments.createArray();
+    int id = data.hasKey("id") ? data.getInt("id") : -1;
+    boolean isFatal = data.hasKey("isFatal") ? data.getBoolean("isFatal") : false;
+
     if (mDevSupportManager.getDevSupportEnabled()) {
-      mDevSupportManager.showNewJSError(title, details, exceptionId);
+      mDevSupportManager.showNewJSError(message, stack, id);
     } else {
-      throw new JavascriptException(JSStackTrace.format(title, details));
+      String extraDataAsJson = ExceptionDataHelper.getExtraDataAsJson(data);
+      if (isFatal) {
+        throw new JavascriptException(JSStackTrace.format(message, stack))
+            .setExtraDataAsJson(extraDataAsJson);
+      } else {
+        FLog.e(ReactConstants.TAG, JSStackTrace.format(message, stack));
+        if (extraDataAsJson != null) {
+          FLog.d(ReactConstants.TAG, "extraData: %s", extraDataAsJson);
+        }
+      }
     }
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/core/HeadlessJsTaskSupportModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/core/HeadlessJsTaskSupportModule.java
index 2d783585a77a6d..e17f50897c6b49 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/core/HeadlessJsTaskSupportModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/core/HeadlessJsTaskSupportModule.java
@@ -1,13 +1,13 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.core;
 
 import com.facebook.common.logging.FLog;
+import com.facebook.react.bridge.Promise;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;
@@ -32,17 +32,33 @@ public String getName() {
     return NAME;
   }
 
+  @ReactMethod
+  public void notifyTaskRetry(int taskId, Promise promise) {
+    HeadlessJsTaskContext headlessJsTaskContext =
+        HeadlessJsTaskContext.getInstance(getReactApplicationContext());
+    if (headlessJsTaskContext.isTaskRunning(taskId)) {
+      final boolean retryPosted = headlessJsTaskContext.retryTask(taskId);
+      promise.resolve(retryPosted);
+    } else {
+      FLog.w(
+          HeadlessJsTaskSupportModule.class,
+          "Tried to retry non-active task with id %d. Did it time out?",
+          taskId);
+      promise.resolve(false);
+    }
+  }
+
   @ReactMethod
   public void notifyTaskFinished(int taskId) {
     HeadlessJsTaskContext headlessJsTaskContext =
-      HeadlessJsTaskContext.getInstance(getReactApplicationContext());
+        HeadlessJsTaskContext.getInstance(getReactApplicationContext());
     if (headlessJsTaskContext.isTaskRunning(taskId)) {
       headlessJsTaskContext.finishTask(taskId);
     } else {
       FLog.w(
-        HeadlessJsTaskSupportModule.class,
-        "Tried to finish non-active task with id %d. Did it time out?",
-        taskId);
+          HeadlessJsTaskSupportModule.class,
+          "Tried to finish non-active task with id %d. Did it time out?",
+          taskId);
     }
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/core/JSTimers.java b/ReactAndroid/src/main/java/com/facebook/react/modules/core/JSTimers.java
index 9db79d5568bf40..ed7e1cf94cb430 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/core/JSTimers.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/core/JSTimers.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.core;
 
 import com.facebook.react.bridge.JavaScriptModule;
@@ -12,6 +11,8 @@
 
 public interface JSTimers extends JavaScriptModule {
   void callTimers(WritableArray timerIDs);
+
   void callIdleCallbacks(double frameTime);
+
   void emitTimeDriftWarning(String warningMessage);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/core/PermissionAwareActivity.java b/ReactAndroid/src/main/java/com/facebook/react/modules/core/PermissionAwareActivity.java
index 8d1149220f08ab..a196363ebf476c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/core/PermissionAwareActivity.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/core/PermissionAwareActivity.java
@@ -1,37 +1,28 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.core;
 
 import android.app.Activity;
 
 /**
- * Interface used to denote activities that can forward permission requests and call
- * {@link PermissionListener}s with the permission request results.
+ * Interface used to denote activities that can forward permission requests and call {@link
+ * PermissionListener}s with the permission request results.
  */
 public interface PermissionAwareActivity {
 
-  /**
-   * See {@link Activity#checkPermission}.
-   */
+  /** See {@link Activity#checkPermission}. */
   int checkPermission(String permission, int pid, int uid);
 
-  /**
-   * See {@link Activity#checkSelfPermission}.
-   */
+  /** See {@link Activity#checkSelfPermission}. */
   int checkSelfPermission(String permission);
 
-  /**
-   * See {@link Activity#shouldShowRequestPermissionRationale}.
-   */
+  /** See {@link Activity#shouldShowRequestPermissionRationale}. */
   boolean shouldShowRequestPermissionRationale(String permission);
 
-  /**
-   * See {@link Activity#requestPermissions}.
-   */
+  /** See {@link Activity#requestPermissions}. */
   void requestPermissions(String[] permissions, int requestCode, PermissionListener listener);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/core/PermissionListener.java b/ReactAndroid/src/main/java/com/facebook/react/modules/core/PermissionListener.java
index a8b524fa6c6a87..569b4ce7f985a9 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/core/PermissionListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/core/PermissionListener.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.core;
 
 import android.app.Activity;
@@ -16,8 +15,8 @@
 public interface PermissionListener {
 
   /**
-   * Method called whenever there's a result to a permission request. It is forwarded from
-   * {@link Activity#onRequestPermissionsResult}.
+   * Method called whenever there's a result to a permission request. It is forwarded from {@link
+   * Activity#onRequestPermissionsResult}.
    *
    * @return boolean Whether the PermissionListener can be removed.
    */
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/core/RCTNativeAppEventEmitter.java b/ReactAndroid/src/main/java/com/facebook/react/modules/core/RCTNativeAppEventEmitter.java
index 2ec210fd09d1ef..00d0eff9dec8f4 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/core/RCTNativeAppEventEmitter.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/core/RCTNativeAppEventEmitter.java
@@ -1,20 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.core;
 
-import javax.annotation.Nullable;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.JavaScriptModule;
 
-/**
- * Module that handles global application events.
- */
+/** Module that handles global application events. */
 public interface RCTNativeAppEventEmitter extends JavaScriptModule {
   void emit(String eventName, @Nullable Object data);
 }
-
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/core/ReactChoreographer.java b/ReactAndroid/src/main/java/com/facebook/react/modules/core/ReactChoreographer.java
index 52fe20f440ccef..573466733f412a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/core/ReactChoreographer.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/core/ReactChoreographer.java
@@ -1,52 +1,42 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.core;
 
-import com.facebook.react.bridge.UiThreadUtil;
-import java.util.ArrayDeque;
-import javax.annotation.Nullable;
-
+import androidx.annotation.GuardedBy;
+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 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.
+ * 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.
  */
 public class ReactChoreographer {
 
   public enum CallbackType {
 
-    /**
-     * For use by perf markers that need to happen immediately after draw
-     */
+    /** For use by perf markers that need to happen immediately after draw */
     PERF_MARKERS(0),
 
-    /**
-     * For use by {@link com.facebook.react.uimanager.UIManagerModule}
-     */
+    /** For use by {@link com.facebook.react.uimanager.UIManagerModule} */
     DISPATCH_UI(1),
 
-    /**
-     * For use by {@link com.facebook.react.animated.NativeAnimatedModule}
-     */
+    /** For use by {@link com.facebook.react.animated.NativeAnimatedModule} */
     NATIVE_ANIMATED_MODULE(2),
 
-    /**
-     * Events that make JS do things.
-     */
+    /** Events that make JS do things. */
     TIMERS_EVENTS(3),
 
     /**
-     * Event used to trigger the idle callback. Called after all UI work has been
-     * dispatched to JS.
+     * Event used to trigger the idle callback. Called after all UI work has been dispatched to JS.
      */
     IDLE_EVENT(4),
     ;
@@ -78,9 +68,11 @@ public static ReactChoreographer getInstance() {
   // 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 ArrayDeque<ChoreographerCompat.FrameCallback>[] mCallbackQueues;
   private final Object mCallbackQueuesLock = new Object();
 
+  @GuardedBy("mCallbackQueuesLock")
+  private final ArrayDeque<ChoreographerCompat.FrameCallback>[] mCallbackQueues;
+
   private int mTotalCallbacks = 0;
   private boolean mHasPostedCallback = false;
 
@@ -94,8 +86,7 @@ private ReactChoreographer() {
   }
 
   public void postFrameCallback(
-    CallbackType type,
-    ChoreographerCompat.FrameCallback frameCallback) {
+      CallbackType type, ChoreographerCompat.FrameCallback frameCallback) {
     synchronized (mCallbackQueuesLock) {
       mCallbackQueues[type.getOrder()].addLast(frameCallback);
       mTotalCallbacks++;
@@ -116,30 +107,34 @@ public void run() {
     }
   }
 
-  public void postFrameCallbackOnChoreographer() {
+  /**
+   * This method writes on mHasPostedCallback and it should be called from another method that has
+   * the lock mCallbackQueuesLock
+   */
+  private void postFrameCallbackOnChoreographer() {
     mChoreographer.postFrameCallback(mReactChoreographerDispatcher);
     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();
+    UiThreadUtil.runOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            synchronized (ReactChoreographer.class) {
+              if (mChoreographer == null) {
+                mChoreographer = ChoreographerCompat.getInstance();
+              }
+            }
+            if (runnable != null) {
+              runnable.run();
+            }
           }
-        }
-        if (runnable != null) {
-          runnable.run();
-        }
-      }
-    });
+        });
   }
 
   public void removeFrameCallback(
-    CallbackType type,
-    ChoreographerCompat.FrameCallback frameCallback) {
+      CallbackType type, ChoreographerCompat.FrameCallback frameCallback) {
     synchronized (mCallbackQueuesLock) {
       if (mCallbackQueues[type.getOrder()].removeFirstOccurrence(frameCallback)) {
         mTotalCallbacks--;
@@ -150,6 +145,10 @@ public void removeFrameCallback(
     }
   }
 
+  /**
+   * This method reads and writes on mHasPostedCallback and it should be called from another method
+   * that already has the lock mCallbackQueuesLock.
+   */
   private void maybeRemoveFrameCallback() {
     Assertions.assertCondition(mTotalCallbacks >= 0);
     if (mTotalCallbacks == 0 && mHasPostedCallback) {
@@ -167,10 +166,16 @@ public void doFrame(long frameTimeNanos) {
       synchronized (mCallbackQueuesLock) {
         mHasPostedCallback = false;
         for (int i = 0; i < mCallbackQueues.length; i++) {
-          int initialLength = mCallbackQueues[i].size();
+          ArrayDeque<ChoreographerCompat.FrameCallback> callbackQueue = mCallbackQueues[i];
+          int initialLength = callbackQueue.size();
           for (int callback = 0; callback < initialLength; callback++) {
-            mCallbackQueues[i].removeFirst().doFrame(frameTimeNanos);
-            mTotalCallbacks--;
+            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/ReactAndroid/src/main/java/com/facebook/react/modules/core/Timing.java b/ReactAndroid/src/main/java/com/facebook/react/modules/core/Timing.java
index 9fe45e741dca49..38be31092446ea 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/core/Timing.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/core/Timing.java
@@ -1,20 +1,13 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.core;
 
-import javax.annotation.Nullable;
-
-import java.util.Comparator;
-import java.util.PriorityQueue;
-import java.util.concurrent.atomic.AtomicBoolean;
-
 import android.util.SparseArray;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.LifecycleEventListener;
 import com.facebook.react.bridge.ReactApplicationContext;
@@ -27,13 +20,14 @@
 import com.facebook.react.jstasks.HeadlessJsTaskContext;
 import com.facebook.react.jstasks.HeadlessJsTaskEventListener;
 import com.facebook.react.module.annotations.ReactModule;
+import java.util.Comparator;
+import java.util.PriorityQueue;
+import java.util.concurrent.atomic.AtomicBoolean;
 
-/**
- * Native module for JS timer execution. Timers fire on frame boundaries.
- */
+/** Native module for JS timer execution. Timers fire on frame boundaries. */
 @ReactModule(name = Timing.NAME)
-public final class Timing extends ReactContextBaseJavaModule implements LifecycleEventListener,
-  HeadlessJsTaskEventListener {
+public final class Timing extends ReactContextBaseJavaModule
+    implements LifecycleEventListener, HeadlessJsTaskEventListener {
 
   public static final String NAME = "Timing";
 
@@ -53,11 +47,7 @@ private static class Timer {
     private final int mInterval;
     private long mTargetTime;
 
-    private Timer(
-        int callbackID,
-        long initialTargetTime,
-        int duration,
-        boolean repeat) {
+    private Timer(int callbackID, long initialTargetTime, int duration, boolean repeat) {
       mCallbackID = callbackID;
       mTargetTime = initialTargetTime;
       mInterval = duration;
@@ -70,9 +60,7 @@ private class TimerFrameCallback extends ChoreographerCompat.FrameCallback {
     // Temporary map for constructing the individual arrays of timers to call
     private @Nullable WritableArray mTimersToCall = null;
 
-    /**
-     * Calls all timers that have expired since the last time this frame callback was called.
-     */
+    /** Calls all timers that have expired since the last time this frame callback was called. */
     @Override
     public void doFrame(long frameTimeNanos) {
       if (isPaused.get() && !isRunningTasks.get()) {
@@ -155,7 +143,8 @@ public void run() {
       }
 
       if (sendIdleEvents) {
-        getReactApplicationContext().getJSModule(JSTimers.class)
+        getReactApplicationContext()
+            .getJSModule(JSTimers.class)
             .callIdleCallbacks(absoluteFrameStartTime);
       }
 
@@ -185,21 +174,22 @@ public Timing(ReactApplicationContext reactContext, DevSupportManager devSupport
     super(reactContext);
     mDevSupportManager = devSupportManager;
     // We store timers sorted by finish time.
-    mTimers = new PriorityQueue<Timer>(
-        11, // Default capacity: for some reason they don't expose a (Comparator) constructor
-        new Comparator<Timer>() {
-          @Override
-          public int compare(Timer lhs, Timer rhs) {
-            long diff = lhs.mTargetTime - rhs.mTargetTime;
-            if (diff == 0) {
-              return 0;
-            } else if (diff < 0) {
-              return -1;
-            } else {
-              return 1;
-            }
-          }
-        });
+    mTimers =
+        new PriorityQueue<Timer>(
+            11, // Default capacity: for some reason they don't expose a (Comparator) constructor
+            new Comparator<Timer>() {
+              @Override
+              public int compare(Timer lhs, Timer rhs) {
+                long diff = lhs.mTargetTime - rhs.mTargetTime;
+                if (diff == 0) {
+                  return 0;
+                } else if (diff < 0) {
+                  return -1;
+                } else {
+                  return 1;
+                }
+              }
+            });
     mTimerIdsToTimers = new SparseArray<>();
     mReactChoreographer = ReactChoreographer.getInstance();
   }
@@ -208,7 +198,7 @@ public int compare(Timer lhs, Timer rhs) {
   public void initialize() {
     getReactApplicationContext().addLifecycleEventListener(this);
     HeadlessJsTaskContext headlessJsTaskContext =
-      HeadlessJsTaskContext.getInstance(getReactApplicationContext());
+        HeadlessJsTaskContext.getInstance(getReactApplicationContext());
     headlessJsTaskContext.addTaskEventListener(this);
   }
 
@@ -245,7 +235,7 @@ public void onHeadlessJsTaskStart(int taskId) {
   @Override
   public void onHeadlessJsTaskFinish(int taskId) {
     HeadlessJsTaskContext headlessJsTaskContext =
-      HeadlessJsTaskContext.getInstance(getReactApplicationContext());
+        HeadlessJsTaskContext.getInstance(getReactApplicationContext());
     if (!headlessJsTaskContext.hasActiveTasks()) {
       isRunningTasks.set(false);
       clearFrameCallback();
@@ -258,7 +248,7 @@ public void onCatalystInstanceDestroy() {
     clearFrameCallback();
     clearChoreographerIdleCallback();
     HeadlessJsTaskContext headlessJsTaskContext =
-      HeadlessJsTaskContext.getInstance(getReactApplicationContext());
+        HeadlessJsTaskContext.getInstance(getReactApplicationContext());
     headlessJsTaskContext.removeTaskEventListener(this);
   }
 
@@ -279,20 +269,17 @@ private void maybeIdleCallback() {
   private void setChoreographerCallback() {
     if (!mFrameCallbackPosted) {
       mReactChoreographer.postFrameCallback(
-          ReactChoreographer.CallbackType.TIMERS_EVENTS,
-          mTimerFrameCallback);
+          ReactChoreographer.CallbackType.TIMERS_EVENTS, mTimerFrameCallback);
       mFrameCallbackPosted = true;
     }
   }
 
   private void clearFrameCallback() {
     HeadlessJsTaskContext headlessJsTaskContext =
-      HeadlessJsTaskContext.getInstance(getReactApplicationContext());
-    if (mFrameCallbackPosted && isPaused.get() &&
-      !headlessJsTaskContext.hasActiveTasks()) {
+        HeadlessJsTaskContext.getInstance(getReactApplicationContext());
+    if (mFrameCallbackPosted && isPaused.get() && !headlessJsTaskContext.hasActiveTasks()) {
       mReactChoreographer.removeFrameCallback(
-          ReactChoreographer.CallbackType.TIMERS_EVENTS,
-          mTimerFrameCallback);
+          ReactChoreographer.CallbackType.TIMERS_EVENTS, mTimerFrameCallback);
       mFrameCallbackPosted = false;
     }
   }
@@ -300,8 +287,7 @@ private void clearFrameCallback() {
   private void setChoreographerIdleCallback() {
     if (!mFrameIdleCallbackPosted) {
       mReactChoreographer.postFrameCallback(
-          ReactChoreographer.CallbackType.IDLE_EVENT,
-          mIdleFrameCallback);
+          ReactChoreographer.CallbackType.IDLE_EVENT, mIdleFrameCallback);
       mFrameIdleCallbackPosted = true;
     }
   }
@@ -309,8 +295,7 @@ private void setChoreographerIdleCallback() {
   private void clearChoreographerIdleCallback() {
     if (mFrameIdleCallbackPosted) {
       mReactChoreographer.removeFrameCallback(
-          ReactChoreographer.CallbackType.IDLE_EVENT,
-          mIdleFrameCallback);
+          ReactChoreographer.CallbackType.IDLE_EVENT, mIdleFrameCallback);
       mFrameIdleCallbackPosted = false;
     }
   }
@@ -335,10 +320,11 @@ public void createTimer(
     if (mDevSupportManager.getDevSupportEnabled()) {
       long driftTime = Math.abs(remoteTime - deviceTime);
       if (driftTime > 60000) {
-        getReactApplicationContext().getJSModule(JSTimers.class)
-          .emitTimeDriftWarning(
-            "Debugger and device times have drifted by more than 60s. Please correct this by " +
-            "running adb shell \"date `date +%m%d%H%M%Y.%S`\" on your debugger machine.");
+        getReactApplicationContext()
+            .getJSModule(JSTimers.class)
+            .emitTimeDriftWarning(
+                "Debugger and device times have drifted by more than 60s. Please correct this by "
+                    + "running adb shell \"date `date +%m%d%H%M%Y.%S`\" on your debugger machine.");
       }
     }
 
@@ -347,8 +333,7 @@ public void createTimer(
     if (duration == 0 && !repeat) {
       WritableArray timerToCall = Arguments.createArray();
       timerToCall.pushInt(callbackID);
-      getReactApplicationContext().getJSModule(JSTimers.class)
-        .callTimers(timerToCall);
+      getReactApplicationContext().getJSModule(JSTimers.class).callTimers(timerToCall);
       return;
     }
 
@@ -378,17 +363,18 @@ public void setSendIdleEvents(final boolean sendIdleEvents) {
       mSendIdleEvents = sendIdleEvents;
     }
 
-    UiThreadUtil.runOnUiThread(new Runnable() {
-      @Override
-      public void run() {
-        synchronized (mIdleCallbackGuard) {
-          if (sendIdleEvents) {
-            setChoreographerIdleCallback();
-          } else {
-            clearChoreographerIdleCallback();
+    UiThreadUtil.runOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            synchronized (mIdleCallbackGuard) {
+              if (sendIdleEvents) {
+                setChoreographerIdleCallback();
+              } else {
+                clearChoreographerIdleCallback();
+              }
+            }
           }
-        }
-      }
-    });
+        });
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/datepicker/DatePickerDialogFragment.java b/ReactAndroid/src/main/java/com/facebook/react/modules/datepicker/DatePickerDialogFragment.java
index fdaa97fe3b7719..4bbbe05b7774c3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/datepicker/DatePickerDialogFragment.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/datepicker/DatePickerDialogFragment.java
@@ -1,17 +1,11 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.datepicker;
 
-import javax.annotation.Nullable;
-
-import java.util.Calendar;
-import java.util.Locale;
-
 import android.annotation.SuppressLint;
 import android.app.DatePickerDialog;
 import android.app.DatePickerDialog.OnDateSetListener;
@@ -19,23 +13,23 @@
 import android.content.Context;
 import android.content.DialogInterface;
 import android.content.DialogInterface.OnDismissListener;
+import android.graphics.drawable.ColorDrawable;
 import android.os.Build;
 import android.os.Bundle;
-import androidx.fragment.app.DialogFragment;
 import android.widget.DatePicker;
+import androidx.annotation.Nullable;
+import androidx.fragment.app.DialogFragment;
+import java.util.Calendar;
+import java.util.Locale;
 
 @SuppressLint("ValidFragment")
 public class DatePickerDialogFragment extends DialogFragment {
 
-  /**
-   * Minimum date supported by {@link DatePicker}, 01 Jan 1900
-   */
+  /** Minimum date supported by {@link DatePicker}, 01 Jan 1900 */
   private static final long DEFAULT_MIN_DATE = -2208988800001l;
 
-  @Nullable
-  private OnDateSetListener mOnDateSetListener;
-  @Nullable
-  private OnDismissListener mOnDismissListener;
+  @Nullable private OnDateSetListener mOnDateSetListener;
+  @Nullable private OnDismissListener mOnDismissListener;
 
   @Override
   public Dialog onCreateDialog(Bundle savedInstanceState) {
@@ -55,7 +49,9 @@ public Dialog onCreateDialog(Bundle savedInstanceState) {
 
     DatePickerMode mode = DatePickerMode.DEFAULT;
     if (args != null && args.getString(DatePickerDialogModule.ARG_MODE, null) != null) {
-      mode = DatePickerMode.valueOf(args.getString(DatePickerDialogModule.ARG_MODE).toUpperCase(Locale.US));
+      mode =
+          DatePickerMode.valueOf(
+              args.getString(DatePickerDialogModule.ARG_MODE).toUpperCase(Locale.US));
     }
 
     DatePickerDialog dialog = null;
@@ -63,21 +59,39 @@ public Dialog onCreateDialog(Bundle savedInstanceState) {
     if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
       switch (mode) {
         case CALENDAR:
-          dialog = new DismissableDatePickerDialog(activityContext,
-            activityContext.getResources().getIdentifier("CalendarDatePickerDialog", "style", activityContext.getPackageName()),
-            onDateSetListener, year, month, day);
+          dialog =
+              new DismissableDatePickerDialog(
+                  activityContext,
+                  activityContext
+                      .getResources()
+                      .getIdentifier(
+                          "CalendarDatePickerDialog", "style", activityContext.getPackageName()),
+                  onDateSetListener,
+                  year,
+                  month,
+                  day);
           break;
         case SPINNER:
-          dialog = new DismissableDatePickerDialog(activityContext,
-            activityContext.getResources().getIdentifier("SpinnerDatePickerDialog", "style", activityContext.getPackageName()),
-            onDateSetListener, year, month, day);
+          dialog =
+              new DismissableDatePickerDialog(
+                  activityContext,
+                  android.R.style.Theme_Holo_Light_Dialog,
+                  onDateSetListener,
+                  year,
+                  month,
+                  day);
+          dialog
+              .getWindow()
+              .setBackgroundDrawable(new ColorDrawable(android.graphics.Color.TRANSPARENT));
           break;
         case DEFAULT:
-          dialog = new DismissableDatePickerDialog(activityContext, onDateSetListener, year, month, day);
+          dialog =
+              new DismissableDatePickerDialog(activityContext, onDateSetListener, year, month, day);
           break;
       }
     } else {
-      dialog = new DismissableDatePickerDialog(activityContext, onDateSetListener, year, month, day);
+      dialog =
+          new DismissableDatePickerDialog(activityContext, onDateSetListener, year, month, day);
 
       switch (mode) {
         case CALENDAR:
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/datepicker/DatePickerDialogModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/datepicker/DatePickerDialogModule.java
index 0ac30469346486..331c107356f817 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/datepicker/DatePickerDialogModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/datepicker/DatePickerDialogModule.java
@@ -1,28 +1,25 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.datepicker;
 
-
 import android.app.DatePickerDialog.OnDateSetListener;
 import android.content.DialogInterface;
 import android.content.DialogInterface.OnDismissListener;
 import android.os.Bundle;
+import android.widget.DatePicker;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
 import androidx.fragment.app.DialogFragment;
 import androidx.fragment.app.FragmentActivity;
 import androidx.fragment.app.FragmentManager;
-import android.widget.DatePicker;
 import com.facebook.react.bridge.*;
 import com.facebook.react.common.annotations.VisibleForTesting;
 import com.facebook.react.module.annotations.ReactModule;
 
-import javax.annotation.Nonnull;
-import javax.annotation.Nullable;
-
 /**
  * {@link NativeModule} that allows JS to show a native date picker dialog and get called back when
  * the user selects a date.
@@ -30,8 +27,7 @@
 @ReactModule(name = DatePickerDialogModule.FRAGMENT_TAG)
 public class DatePickerDialogModule extends ReactContextBaseJavaModule {
 
-  @VisibleForTesting
-  public static final String FRAGMENT_TAG = "DatePickerAndroid";
+  @VisibleForTesting public static final String FRAGMENT_TAG = "DatePickerAndroid";
 
   private static final String ERROR_NO_ACTIVITY = "E_NO_ACTIVITY";
 
@@ -48,7 +44,7 @@ public DatePickerDialogModule(ReactApplicationContext reactContext) {
   }
 
   @Override
-  public @Nonnull String getName() {
+  public @NonNull String getName() {
     return DatePickerDialogModule.FRAGMENT_TAG;
   }
 
@@ -89,34 +85,25 @@ public void onDismiss(DialogInterface dialog) {
    * Show a date picker dialog.
    *
    * @param options a map containing options. Available keys are:
+   *     <ul>
+   *       <li>{@code date} (timestamp in milliseconds) the date to show by default
+   *       <li>{@code minDate} (timestamp in milliseconds) the minimum date the user should be
+   *           allowed to select
+   *       <li>{@code maxDate} (timestamp in milliseconds) the maximum date the user should be
+   *           allowed to select
+   *       <li>{@code mode} To set the date picker mode to 'calendar/spinner/default'
+   *     </ul>
    *
-   * <ul>
-   *   <li>{@code date} (timestamp in milliseconds) the date to show by default</li>
-   *   <li>
-   *     {@code minDate} (timestamp in milliseconds) the minimum date the user should be allowed
-   *     to select
-   *   </li>
-   *   <li>
-   *     {@code maxDate} (timestamp in milliseconds) the maximum date the user should be allowed
-   *     to select
-   *    </li>
-   *   <li>
-   *      {@code mode} To set the date picker mode to 'calendar/spinner/default'
-   *   </li>
-   * </ul>
-   *
-   * @param promise This will be invoked with parameters action, year,
-   *                month (0-11), day, where action is {@code dateSetAction} or
-   *                {@code dismissedAction}, depending on what the user did. If the action is
-   *                dismiss, year, month and date are undefined.
+   * @param promise This will be invoked with parameters action, year, month (0-11), day, where
+   *     action is {@code dateSetAction} or {@code dismissedAction}, depending on what the user did.
+   *     If the action is dismiss, year, month and date are undefined.
    */
   @ReactMethod
   public void open(@Nullable final ReadableMap options, Promise promise) {
     FragmentActivity activity = (FragmentActivity) getCurrentActivity();
     if (activity == null) {
       promise.reject(
-          ERROR_NO_ACTIVITY,
-          "Tried to open a DatePicker dialog while not attached to an Activity");
+          ERROR_NO_ACTIVITY, "Tried to open a DatePicker dialog while not attached to an Activity");
       return;
     }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/datepicker/DatePickerMode.java b/ReactAndroid/src/main/java/com/facebook/react/modules/datepicker/DatePickerMode.java
index 61dc5c620f9e8c..3b3571d23d26d3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/datepicker/DatePickerMode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/datepicker/DatePickerMode.java
@@ -1,15 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.datepicker;
 
-/**
- * Date picker modes
- */
+/** Date picker modes */
 public enum DatePickerMode {
   CALENDAR,
   SPINNER,
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/datepicker/DismissableDatePickerDialog.java b/ReactAndroid/src/main/java/com/facebook/react/modules/datepicker/DismissableDatePickerDialog.java
index e73a0ac4343f09..85b3abb9567b49 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/datepicker/DismissableDatePickerDialog.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/datepicker/DismissableDatePickerDialog.java
@@ -1,32 +1,26 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.datepicker;
 
 import android.app.DatePickerDialog;
 import android.content.Context;
-import android.os.Build;
 import android.content.res.TypedArray;
+import android.os.Build;
 import android.util.AttributeSet;
 import android.widget.DatePicker;
-
-import javax.annotation.Nullable;
+import androidx.annotation.Nullable;
 import java.lang.reflect.Field;
 import java.lang.reflect.Method;
 
 /**
- * <p>
- *   Certain versions of Android (Jellybean-KitKat) have a bug where when dismissed, the
- *   {@link DatePickerDialog} still calls the OnDateSetListener. This class works around that issue.
- * </p>
+ * Certain versions of Android (Jellybean-KitKat) have a bug where when dismissed, the {@link
+ * DatePickerDialog} still calls the OnDateSetListener. This class works around that issue.
  *
- * <p>
- *   See: <a href="https://code.google.com/p/android/issues/detail?id=34833">Issue 34833</a>
- * </p>
+ * <p>See: <a href="https://code.google.com/p/android/issues/detail?id=34833">Issue 34833</a>
  */
 public class DismissableDatePickerDialog extends DatePickerDialog {
 
@@ -69,30 +63,44 @@ private void fixSpinner(Context context, int year, int month, int dayOfMonth) {
         Field datePickerStyleableField = styleableClass.getField("DatePicker");
         int[] datePickerStyleable = (int[]) datePickerStyleableField.get(null);
 
-        final TypedArray a = context.obtainStyledAttributes(null, datePickerStyleable, android.R.attr.datePickerStyle, 0);
+        final TypedArray a =
+            context.obtainStyledAttributes(
+                null, datePickerStyleable, android.R.attr.datePickerStyle, 0);
         Field datePickerModeStyleableField = styleableClass.getField("DatePicker_datePickerMode");
         int datePickerModeStyleable = datePickerModeStyleableField.getInt(null);
         final int mode = a.getInt(datePickerModeStyleable, MODE_SPINNER);
         a.recycle();
 
         if (mode == MODE_SPINNER) {
-          DatePicker datePicker = (DatePicker) findField(DatePickerDialog.class, DatePicker.class, "mDatePicker").get(this);
+          DatePicker datePicker =
+              (DatePicker)
+                  findField(DatePickerDialog.class, DatePicker.class, "mDatePicker").get(this);
           Class<?> delegateClass = Class.forName("android.widget.DatePickerSpinnerDelegate");
           Field delegateField = findField(DatePicker.class, delegateClass, "mDelegate");
           Object delegate = delegateField.get(datePicker);
           Class<?> spinnerDelegateClass;
           spinnerDelegateClass = Class.forName("android.widget.DatePickerSpinnerDelegate");
 
-          // In 7.0 Nougat for some reason the datePickerMode is ignored and the delegate is DatePickerClockDelegate
+          // In 7.0 Nougat for some reason the datePickerMode is ignored and the delegate is
+          // DatePickerClockDelegate
           if (delegate.getClass() != spinnerDelegateClass) {
             delegateField.set(datePicker, null); // throw out the DatePickerClockDelegate!
             datePicker.removeAllViews(); // remove the DatePickerClockDelegate views
-            Method createSpinnerUIDelegate = DatePicker.class.getDeclaredMethod("createSpinnerUIDelegate", Context.class, AttributeSet.class, int.class, int.class);
+            Method createSpinnerUIDelegate =
+                DatePicker.class.getDeclaredMethod(
+                    "createSpinnerUIDelegate",
+                    Context.class,
+                    AttributeSet.class,
+                    int.class,
+                    int.class);
             createSpinnerUIDelegate.setAccessible(true);
 
             // Instantiate a DatePickerSpinnerDelegate throughout createSpinnerUIDelegate method
-            delegate = createSpinnerUIDelegate.invoke(datePicker, context, null, android.R.attr.datePickerStyle, 0);
-            delegateField.set(datePicker, delegate); // set the DatePicker.mDelegate to the spinner delegate
+            delegate =
+                createSpinnerUIDelegate.invoke(
+                    datePicker, context, null, android.R.attr.datePickerStyle, 0);
+            delegateField.set(
+                datePicker, delegate); // set the DatePicker.mDelegate to the spinner delegate
             datePicker.setCalendarViewShown(false);
             // Initialize the date for the DatePicker delegate again
             datePicker.init(year, month, dayOfMonth, this);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/debug/AnimationsDebugModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/debug/AnimationsDebugModule.java
index df103404c69580..6c5d7f2273ce0d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/debug/AnimationsDebugModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/debug/AnimationsDebugModule.java
@@ -1,18 +1,13 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.debug;
 
-import javax.annotation.Nullable;
-
-import java.util.Locale;
-
 import android.widget.Toast;
-
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.JSApplicationCausedNativeException;
 import com.facebook.react.bridge.ReactApplicationContext;
@@ -20,8 +15,8 @@
 import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.module.annotations.ReactModule;
-import com.facebook.react.modules.core.ChoreographerCompat;
 import com.facebook.react.modules.debug.interfaces.DeveloperSettings;
+import java.util.Locale;
 
 /**
  * Module that records debug information during transitions (animated navigation events such as
@@ -36,8 +31,7 @@ public class AnimationsDebugModule extends ReactContextBaseJavaModule {
   private @Nullable final DeveloperSettings mCatalystSettings;
 
   public AnimationsDebugModule(
-      ReactApplicationContext reactContext,
-      DeveloperSettings catalystSettings) {
+      ReactApplicationContext reactContext, DeveloperSettings catalystSettings) {
     super(reactContext);
     mCatalystSettings = catalystSettings;
   }
@@ -49,8 +43,7 @@ public String getName() {
 
   @ReactMethod
   public void startRecordingFps() {
-    if (mCatalystSettings == null ||
-        !mCatalystSettings.isAnimationFpsDebugEnabled()) {
+    if (mCatalystSettings == null || !mCatalystSettings.isAnimationFpsDebugEnabled()) {
       return;
     }
 
@@ -58,8 +51,7 @@ public void startRecordingFps() {
       throw new JSApplicationCausedNativeException("Already recording FPS!");
     }
 
-    mFrameCallback = new FpsDebugFrameCallback(
-                          getReactApplicationContext());
+    mFrameCallback = new FpsDebugFrameCallback(getReactApplicationContext());
     mFrameCallback.startAndRecordFpsAtEachFrame();
   }
 
@@ -82,20 +74,27 @@ public void stopRecordingFps(double animationStopTimeMs) {
     if (fpsInfo == null) {
       Toast.makeText(getReactApplicationContext(), "Unable to get FPS info", Toast.LENGTH_LONG);
     } else {
-      String fpsString = String.format(
-          Locale.US,
-          "FPS: %.2f, %d frames (%d expected)",
-          fpsInfo.fps,
-          fpsInfo.totalFrames,
-          fpsInfo.totalExpectedFrames);
-      String jsFpsString = String.format(
-          Locale.US,
-          "JS FPS: %.2f, %d frames (%d expected)",
-          fpsInfo.jsFps,
-          fpsInfo.totalJsFrames,
-          fpsInfo.totalExpectedFrames);
-      String debugString = fpsString + "\n" + jsFpsString + "\n" +
-          "Total Time MS: " + String.format(Locale.US, "%d", fpsInfo.totalTimeMs);
+      String fpsString =
+          String.format(
+              Locale.US,
+              "FPS: %.2f, %d frames (%d expected)",
+              fpsInfo.fps,
+              fpsInfo.totalFrames,
+              fpsInfo.totalExpectedFrames);
+      String jsFpsString =
+          String.format(
+              Locale.US,
+              "JS FPS: %.2f, %d frames (%d expected)",
+              fpsInfo.jsFps,
+              fpsInfo.totalJsFrames,
+              fpsInfo.totalExpectedFrames);
+      String debugString =
+          fpsString
+              + "\n"
+              + jsFpsString
+              + "\n"
+              + "Total Time MS: "
+              + String.format(Locale.US, "%d", fpsInfo.totalTimeMs);
       FLog.d(ReactConstants.TAG, debugString);
       Toast.makeText(getReactApplicationContext(), debugString, Toast.LENGTH_LONG).show();
     }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/debug/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/debug/BUCK
index 36fde2d1993e81..a4fc63b6ad7c3c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/debug/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/debug/BUCK
@@ -3,10 +3,12 @@ load("//tools/build_defs/oss:rn_defs.bzl", "react_native_dep", "react_native_tar
 rn_android_library(
     name = "debug",
     srcs = glob(["*.java"]),
+    is_androidx = True,
     visibility = [
         "PUBLIC",
     ],
     deps = [
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("libraries/fbcore/src/main/java/com/facebook/common/logging:logging"),
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/debug/DevSettingsModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/debug/DevSettingsModule.java
index 3f067c62b0ca12..af47025d789129 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/debug/DevSettingsModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/debug/DevSettingsModule.java
@@ -1,18 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.debug;
 
 import com.facebook.react.bridge.BaseJavaModule;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.devsupport.interfaces.DevSupportManager;
 import com.facebook.react.module.annotations.ReactModule;
-import com.facebook.react.bridge.UiThreadUtil;
 
 /**
  * Module that exposes the URL to the source code map (used for exception stack trace parsing) to JS
@@ -36,12 +34,13 @@ public String getName() {
   @ReactMethod
   public void reload() {
     if (mDevSupportManager.getDevSupportEnabled()) {
-      UiThreadUtil.runOnUiThread(new Runnable() {
-        @Override
-        public void run() {
-          mDevSupportManager.handleReloadJS();
-        }
-      });
+      UiThreadUtil.runOnUiThread(
+          new Runnable() {
+            @Override
+            public void run() {
+              mDevSupportManager.handleReloadJS();
+            }
+          });
     }
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/debug/DidJSUpdateUiDuringFrameDetector.java b/ReactAndroid/src/main/java/com/facebook/react/modules/debug/DidJSUpdateUiDuringFrameDetector.java
index 02171bf163f9d8..ec8404abf77cc4 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/debug/DidJSUpdateUiDuringFrameDetector.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/debug/DidJSUpdateUiDuringFrameDetector.java
@@ -1,14 +1,13 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.debug;
 
-import com.facebook.react.bridge.ReactBridge;
 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;
@@ -16,13 +15,12 @@
 
 /**
  * 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}.
+ * 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}.
  */
-public class DidJSUpdateUiDuringFrameDetector implements NotThreadSafeBridgeIdleDebugListener,
-    NotThreadSafeViewHierarchyUpdateDebugListener {
+public class DidJSUpdateUiDuringFrameDetector
+    implements NotThreadSafeBridgeIdleDebugListener, NotThreadSafeViewHierarchyUpdateDebugListener {
 
   private final LongArray mTransitionToIdleEvents = LongArray.createWithInitialCapacity(20);
   private final LongArray mTransitionToBusyEvents = LongArray.createWithInitialCapacity(20);
@@ -60,35 +58,36 @@ public synchronized void onViewHierarchyUpdateFinished() {
   /**
    * Designed to be called from a {@link ChoreographerCompat.FrameCallback#doFrame} call.
    *
-   * There are two 'success' cases that will cause {@link #getDidJSHitFrameAndCleanup} to
-   * return true for a given frame:
+   * <p>There are two 'success' cases that will cause {@link #getDidJSHitFrameAndCleanup} to return
+   * true for a given frame:
    *
-   * 1) UIManagerModule finished dispatching a batched UI update on the UI thread during the frame.
-   *    This means that during the next hierarchy traversal, new UI will be drawn if needed (good).
-   * 2) The bridge ended the frame idle (meaning there were no JS nor native module calls still in
-   *    flight) AND there was no UiManagerModule update enqueued that didn't also finish. NB: if
-   *    there was one enqueued that actually finished, we'd have case 1), so effectively we just
-   *    look for whether one was enqueued.
+   * <ol>
+   *   <li>UIManagerModule finished dispatching a batched UI update on the UI thread during the
+   *       frame. This means that during the next hierarchy traversal, new UI will be drawn if
+   *       needed (good).
+   *   <li>The bridge ended the frame idle (meaning there were no JS nor native module calls still
+   *       in flight) AND there was no UiManagerModule update enqueued that didn't also finish. NB:
+   *       if there was one enqueued that actually finished, we'd have case 1), so effectively we
+   *       just look for whether one was enqueued.
+   * </ol>
    *
-   * NB: This call can only be called once for a given frame time range because it cleans up
+   * <p>NB: This call can only be called once for a given frame time range because it cleans up
    * events it recorded for that frame.
    *
-   * NB2: This makes the assumption that onViewHierarchyUpdateEnqueued is called from the
-   * {@link UIManagerModule#onBatchComplete()}, e.g. while the bridge is still considered busy,
-   * which means there is no race condition where the bridge has gone idle but a hierarchy update is
-   * waiting to be enqueued.
+   * <p>NB2: This makes the assumption that onViewHierarchyUpdateEnqueued is called from the {@link
+   * UIManagerModule#onBatchComplete()}, e.g. while the bridge is still considered busy, which means
+   * there is no race condition where the bridge has gone idle but a hierarchy update is waiting to
+   * be enqueued.
    *
    * @param frameStartTimeNanos the time in nanos that the last frame started
    * @param frameEndTimeNanos the time in nanos that the last frame ended
    */
   public synchronized boolean getDidJSHitFrameAndCleanup(
-      long frameStartTimeNanos,
-      long frameEndTimeNanos) {
+      long frameStartTimeNanos, long frameEndTimeNanos) {
     // Case 1: We dispatched a UI update
-    boolean finishedUiUpdate = hasEventBetweenTimestamps(
-        mViewHierarchyUpdateFinishedEvents,
-        frameStartTimeNanos,
-        frameEndTimeNanos);
+    boolean finishedUiUpdate =
+        hasEventBetweenTimestamps(
+            mViewHierarchyUpdateFinishedEvents, frameStartTimeNanos, frameEndTimeNanos);
     boolean didEndFrameIdle = didEndFrameIdle(frameStartTimeNanos, frameEndTimeNanos);
 
     boolean hitFrame;
@@ -96,10 +95,10 @@ public synchronized boolean getDidJSHitFrameAndCleanup(
       hitFrame = true;
     } else {
       // Case 2: Ended idle but no UI was enqueued during that frame
-      hitFrame = didEndFrameIdle && !hasEventBetweenTimestamps(
-          mViewHierarchyUpdateEnqueuedEvents,
-          frameStartTimeNanos,
-          frameEndTimeNanos);
+      hitFrame =
+          didEndFrameIdle
+              && !hasEventBetweenTimestamps(
+                  mViewHierarchyUpdateEnqueuedEvents, frameStartTimeNanos, frameEndTimeNanos);
     }
 
     cleanUp(mTransitionToIdleEvents, frameEndTimeNanos);
@@ -113,9 +112,7 @@ public synchronized boolean getDidJSHitFrameAndCleanup(
   }
 
   private static boolean hasEventBetweenTimestamps(
-      LongArray eventArray,
-      long startTime,
-      long endTime) {
+      LongArray eventArray, long startTime, long endTime) {
     for (int i = 0; i < eventArray.size(); i++) {
       long time = eventArray.get(i);
       if (time >= startTime && time < endTime) {
@@ -126,9 +123,7 @@ private static boolean hasEventBetweenTimestamps(
   }
 
   private static long getLastEventBetweenTimestamps(
-      LongArray eventArray,
-      long startTime,
-      long endTime) {
+      LongArray eventArray, long startTime, long endTime) {
     long lastEvent = -1;
     for (int i = 0; i < eventArray.size(); i++) {
       long time = eventArray.get(i);
@@ -142,14 +137,10 @@ private static long getLastEventBetweenTimestamps(
   }
 
   private boolean didEndFrameIdle(long startTime, long endTime) {
-    long lastIdleTransition = getLastEventBetweenTimestamps(
-        mTransitionToIdleEvents,
-        startTime,
-        endTime);
-    long lastBusyTransition = getLastEventBetweenTimestamps(
-        mTransitionToBusyEvents,
-        startTime,
-        endTime);
+    long lastIdleTransition =
+        getLastEventBetweenTimestamps(mTransitionToIdleEvents, startTime, endTime);
+    long lastBusyTransition =
+        getLastEventBetweenTimestamps(mTransitionToBusyEvents, startTime, endTime);
 
     if (lastIdleTransition == -1 && lastBusyTransition == -1) {
       return mWasIdleAtEndOfLastFrame;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/debug/FpsDebugFrameCallback.java b/ReactAndroid/src/main/java/com/facebook/react/modules/debug/FpsDebugFrameCallback.java
index eab166f2a66982..1366a6fe6946bd 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/debug/FpsDebugFrameCallback.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/debug/FpsDebugFrameCallback.java
@@ -1,30 +1,27 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.debug;
 
-import com.facebook.react.bridge.UiThreadUtil;
-import javax.annotation.Nullable;
-
-import java.util.Map;
-import java.util.TreeMap;
-
+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 com.facebook.infer.annotation.Assertions;
+import java.util.Map;
+import java.util.TreeMap;
 
 /**
- * Each time a frame is drawn, records whether it should have expected any more callbacks since
- * the last time a frame was drawn (i.e. was a frame skipped?). Uses this plus total elapsed time
- * to determine FPS. Can also record total and expected frame counts, though NB, since the expected
+ * Each time a frame is drawn, records whether it should have expected any more callbacks since the
+ * last time a frame was drawn (i.e. was a frame skipped?). Uses this plus total elapsed time to
+ * determine FPS. Can also record total and expected frame counts, though NB, since the expected
  * frame rate is estimated, the expected frame count will lose accuracy over time.
  *
- * Also records the JS FPS, i.e. the frames per second with which either JS updated the UI or was
+ * <p>Also records the JS FPS, i.e. the frames per second with which either JS updated the UI or was
  * idle and not trying to update the UI. This is different from the FPS above since JS rendering is
  * async.
  */
@@ -94,9 +91,7 @@ public void doFrame(long l) {
     long lastFrameStartTime = mLastFrameTime;
     mLastFrameTime = l;
 
-    if (mDidJSUpdateUiDuringFrameDetector.getDidJSHitFrameAndCleanup(
-        lastFrameStartTime,
-        l)) {
+    if (mDidJSUpdateUiDuringFrameDetector.getDidJSHitFrameAndCleanup(lastFrameStartTime, l)) {
       mNumFrameCallbacksWithBatchDispatches++;
     }
 
@@ -109,14 +104,15 @@ public void doFrame(long l) {
 
     if (mIsRecordingFpsInfoAtEachFrame) {
       Assertions.assertNotNull(mTimeToFps);
-      FpsInfo info = new FpsInfo(
-          getNumFrames(),
-          getNumJSFrames(),
-          expectedNumFrames,
-          m4PlusFrameStutters,
-          getFPS(),
-          getJSFPS(),
-          getTotalTimeMS());
+      FpsInfo info =
+          new FpsInfo(
+              getNumFrames(),
+              getNumJSFrames(),
+              expectedNumFrames,
+              m4PlusFrameStutters,
+              getFPS(),
+              getJSFPS(),
+              getTotalTimeMS());
       mTimeToFps.put(System.currentTimeMillis(), info);
     }
     mExpectedNumFramesPrev = expectedNumFrames;
@@ -127,17 +123,19 @@ public void doFrame(long l) {
 
   public void start() {
     mShouldStop = false;
-    mReactContext.getCatalystInstance().addBridgeIdleDebugListener(
-        mDidJSUpdateUiDuringFrameDetector);
+    mReactContext
+        .getCatalystInstance()
+        .addBridgeIdleDebugListener(mDidJSUpdateUiDuringFrameDetector);
     mUIManagerModule.setViewHierarchyUpdateDebugListener(mDidJSUpdateUiDuringFrameDetector);
     final FpsDebugFrameCallback fpsDebugFrameCallback = this;
-    UiThreadUtil.runOnUiThread(new Runnable() {
-      @Override
-      public void run() {
-        mChoreographer = ChoreographerCompat.getInstance();
-        mChoreographer.postFrameCallback(fpsDebugFrameCallback);
-      }
-    });
+    UiThreadUtil.runOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            mChoreographer = ChoreographerCompat.getInstance();
+            mChoreographer.postFrameCallback(fpsDebugFrameCallback);
+          }
+        });
   }
 
   public void startAndRecordFpsAtEachFrame() {
@@ -148,8 +146,9 @@ public void startAndRecordFpsAtEachFrame() {
 
   public void stop() {
     mShouldStop = true;
-    mReactContext.getCatalystInstance().removeBridgeIdleDebugListener(
-        mDidJSUpdateUiDuringFrameDetector);
+    mReactContext
+        .getCatalystInstance()
+        .removeBridgeIdleDebugListener(mDidJSUpdateUiDuringFrameDetector);
     mUIManagerModule.setViewHierarchyUpdateDebugListener(null);
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/debug/SourceCodeModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/debug/SourceCodeModule.java
index b43061ea712203..d3ac852699949b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/debug/SourceCodeModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/debug/SourceCodeModule.java
@@ -1,21 +1,18 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.debug;
 
-import javax.annotation.Nullable;
-
-import java.util.HashMap;
-import java.util.Map;
-
+import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.BaseJavaModule;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.module.annotations.ReactModule;
+import java.util.HashMap;
+import java.util.Map;
 
 /**
  * Module that exposes the URL to the source code map (used for exception stack trace parsing) to JS
@@ -41,9 +38,9 @@ public String getName() {
     HashMap<String, Object> constants = new HashMap<>();
 
     String sourceURL =
-      Assertions.assertNotNull(
-        mReactContext.getCatalystInstance().getSourceURL(),
-        "No source URL loaded, have you initialised the instance?");
+        Assertions.assertNotNull(
+            mReactContext.getCatalystInstance().getSourceURL(),
+            "No source URL loaded, have you initialised the instance?");
 
     constants.put("scriptURL", sourceURL);
     return constants;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/debug/interfaces/DeveloperSettings.java b/ReactAndroid/src/main/java/com/facebook/react/modules/debug/interfaces/DeveloperSettings.java
index 79254fdbff95fe..934e5dad60f424 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/debug/interfaces/DeveloperSettings.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/debug/interfaces/DeveloperSettings.java
@@ -1,55 +1,38 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.debug.interfaces;
 
-/**
- * Provides access to React Native developers settings.
- */
+/** Provides access to React Native developers settings. */
 public interface DeveloperSettings {
 
-  /**
-   * @return whether an overlay showing current FPS should be shown.
-   */
+  /** @return whether an overlay showing current FPS should be shown. */
   boolean isFpsDebugEnabled();
 
-  /**
-   * @return Whether debug information about transitions should be displayed.
-   */
+  /** @return Whether debug information about transitions should be displayed. */
   boolean isAnimationFpsDebugEnabled();
 
-  /**
-   * @return Whether dev mode should be enabled in JS bundles.
-   */
+  /** @return Whether dev mode should be enabled in JS bundles. */
   boolean isJSDevModeEnabled();
 
-  /**
-   * @return Whether JS bundle should be minified.
-   */
+  /** @return Whether JS bundle should be minified. */
   boolean isJSMinifyEnabled();
 
-  /**
-   * @return Whether element inspector is enabled.
-   */
+  /** @return Whether element inspector is enabled. */
   boolean isElementInspectorEnabled();
 
-  /**
-   * @return Whether Nuclide JS debugging is enabled.
-   */
+  /** @return Whether Nuclide JS debugging is enabled. */
   boolean isNuclideJSDebugEnabled();
 
-  /**
-   * @return Whether remote JS debugging is enabled.
-   */
+  /** @return Whether remote JS debugging is enabled. */
   boolean isRemoteJSDebugEnabled();
 
-  /**
-   * Enable/Disable remote JS debugging.
-   */
+  /** Enable/Disable remote JS debugging. */
   void setRemoteJSDebugEnabled(boolean remoteJSDebugEnabled);
 
+  /** @return Whether Start Sampling Profiler on App Start is enabled. */
+  boolean isStartSamplingProfilerOnInit();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/deviceinfo/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/deviceinfo/BUCK
index 76ee3429914464..2a22a0b8aaf2c9 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/deviceinfo/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/deviceinfo/BUCK
@@ -3,15 +3,18 @@ load("//tools/build_defs/oss:rn_defs.bzl", "react_native_dep", "react_native_tar
 rn_android_library(
     name = "deviceinfo",
     srcs = glob(["**/*.java"]),
+    is_androidx = True,
     visibility = [
         "PUBLIC",
     ],
     deps = [
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
         react_native_target("java/com/facebook/react/bridge:bridge"),
         react_native_target("java/com/facebook/react/common:common"),
         react_native_target("java/com/facebook/react/module/annotations:annotations"),
         react_native_target("java/com/facebook/react/modules/core:core"),
+        react_native_target("java/com/facebook/react/turbomodule/core/interfaces:interfaces"),
         react_native_target("java/com/facebook/react/uimanager:uimanager"),
     ],
 )
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/deviceinfo/DeviceInfoModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/deviceinfo/DeviceInfoModule.java
index eb792e8c16e81c..d86062afd7d77f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/deviceinfo/DeviceInfoModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/deviceinfo/DeviceInfoModule.java
@@ -1,32 +1,27 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.deviceinfo;
 
-import javax.annotation.Nullable;
-
-import java.util.HashMap;
-import java.util.Map;
-
 import android.content.Context;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.BaseJavaModule;
 import com.facebook.react.bridge.LifecycleEventListener;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.modules.core.DeviceEventManagerModule;
+import com.facebook.react.turbomodule.core.interfaces.TurboModule;
 import com.facebook.react.uimanager.DisplayMetricsHolder;
+import java.util.HashMap;
+import java.util.Map;
 
-/**
- * Module that exposes Android Constants to JS.
- */
+/** Module that exposes Android Constants to JS. */
 @ReactModule(name = DeviceInfoModule.NAME)
-public class DeviceInfoModule extends BaseJavaModule implements
-    LifecycleEventListener {
+public class DeviceInfoModule extends BaseJavaModule
+    implements LifecycleEventListener, TurboModule {
 
   public static final String NAME = "DeviceInfo";
 
@@ -53,9 +48,7 @@ public String getName() {
   @Override
   public @Nullable Map<String, Object> getConstants() {
     HashMap<String, Object> constants = new HashMap<>();
-    constants.put(
-        "Dimensions",
-        DisplayMetricsHolder.getDisplayMetricsMap(mFontScale));
+    constants.put("Dimensions", DisplayMetricsHolder.getDisplayMetricsMap(mFontScale));
     return constants;
   }
 
@@ -73,12 +66,10 @@ public void onHostResume() {
   }
 
   @Override
-  public void onHostPause() {
-  }
+  public void onHostPause() {}
 
   @Override
-  public void onHostDestroy() {
-  }
+  public void onHostDestroy() {}
 
   public void emitUpdateDimensionsEvent() {
     if (mReactApplicationContext == null) {
@@ -89,4 +80,7 @@ public void emitUpdateDimensionsEvent() {
         .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
         .emit("didUpdateDimensions", DisplayMetricsHolder.getDisplayMetricsNativeMap(mFontScale));
   }
+
+  @Override
+  public void invalidate() {}
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/dialog/AlertFragment.java b/ReactAndroid/src/main/java/com/facebook/react/modules/dialog/AlertFragment.java
index a3bb7ca00d1d4a..3047cf7ed0cd2b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/dialog/AlertFragment.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/dialog/AlertFragment.java
@@ -1,25 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.dialog;
 
-import javax.annotation.Nullable;
-
 import android.annotation.SuppressLint;
 import android.app.AlertDialog;
 import android.app.Dialog;
-import android.content.DialogInterface;
 import android.content.Context;
+import android.content.DialogInterface;
 import android.os.Bundle;
+import androidx.annotation.Nullable;
 import androidx.fragment.app.DialogFragment;
 
-/**
- * A fragment used to display the dialog.
- */
+/** A fragment used to display the dialog. */
 public class AlertFragment extends DialogFragment implements DialogInterface.OnClickListener {
 
   /* package */ static final String ARG_TITLE = "title";
@@ -32,7 +28,7 @@ public class AlertFragment extends DialogFragment implements DialogInterface.OnC
   private final @Nullable DialogModule.AlertFragmentListener mListener;
 
   public AlertFragment() {
-      mListener = null;
+    mListener = null;
   }
 
   @SuppressLint("ValidFragment")
@@ -43,8 +39,8 @@ public AlertFragment(@Nullable DialogModule.AlertFragmentListener listener, Bund
 
   public static Dialog createDialog(
       Context activityContext, Bundle arguments, DialogInterface.OnClickListener fragment) {
-    AlertDialog.Builder builder = new AlertDialog.Builder(activityContext)
-        .setTitle(arguments.getString(ARG_TITLE));
+    AlertDialog.Builder builder =
+        new AlertDialog.Builder(activityContext).setTitle(arguments.getString(ARG_TITLE));
 
     if (arguments.containsKey(ARG_BUTTON_POSITIVE)) {
       builder.setPositiveButton(arguments.getString(ARG_BUTTON_POSITIVE), fragment);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/dialog/DialogModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/dialog/DialogModule.java
index 2f7cfc487c0b36..e8fee2f295b8bc 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/dialog/DialogModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/dialog/DialogModule.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.dialog;
 
 import android.app.Activity;
@@ -12,9 +11,10 @@
 import android.content.DialogInterface.OnClickListener;
 import android.content.DialogInterface.OnDismissListener;
 import android.os.Bundle;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
 import androidx.fragment.app.FragmentActivity;
 import androidx.fragment.app.FragmentManager;
-
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.Callback;
 import com.facebook.react.bridge.LifecycleEventListener;
@@ -29,9 +29,6 @@
 import com.facebook.react.module.annotations.ReactModule;
 import java.util.Map;
 
-import javax.annotation.Nonnull;
-import javax.annotation.Nullable;
-
 @ReactModule(name = DialogModule.NAME)
 public class DialogModule extends ReactContextBaseJavaModule implements LifecycleEventListener {
 
@@ -50,12 +47,13 @@ public class DialogModule extends ReactContextBaseJavaModule implements Lifecycl
   /* package */ static final String KEY_ITEMS = "items";
   /* package */ static final String KEY_CANCELABLE = "cancelable";
 
-  /* package */ static final Map<String, Object> CONSTANTS = MapBuilder.<String, Object>of(
-      ACTION_BUTTON_CLICKED, ACTION_BUTTON_CLICKED,
-      ACTION_DISMISSED, ACTION_DISMISSED,
-      KEY_BUTTON_POSITIVE, DialogInterface.BUTTON_POSITIVE,
-      KEY_BUTTON_NEGATIVE, DialogInterface.BUTTON_NEGATIVE,
-      KEY_BUTTON_NEUTRAL, DialogInterface.BUTTON_NEUTRAL);
+  /* package */ static final Map<String, Object> CONSTANTS =
+      MapBuilder.<String, Object>of(
+          ACTION_BUTTON_CLICKED, ACTION_BUTTON_CLICKED,
+          ACTION_DISMISSED, ACTION_DISMISSED,
+          KEY_BUTTON_POSITIVE, DialogInterface.BUTTON_POSITIVE,
+          KEY_BUTTON_NEGATIVE, DialogInterface.BUTTON_NEGATIVE,
+          KEY_BUTTON_NEUTRAL, DialogInterface.BUTTON_NEUTRAL);
 
   private boolean mIsInForeground;
 
@@ -64,16 +62,16 @@ public DialogModule(ReactApplicationContext reactContext) {
   }
 
   @Override
-  public @Nonnull String getName() {
+  public @NonNull String getName() {
     return NAME;
   }
 
   private class FragmentManagerHelper {
-    private final @Nonnull FragmentManager mFragmentManager;
+    private final @NonNull FragmentManager mFragmentManager;
 
     private @Nullable Object mFragmentToShow;
 
-    public FragmentManagerHelper(@Nonnull FragmentManager fragmentManager) {
+    public FragmentManagerHelper(@NonNull FragmentManager fragmentManager) {
       mFragmentManager = fragmentManager;
     }
 
@@ -93,8 +91,7 @@ private void dismissExisting() {
       if (!mIsInForeground) {
         return;
       }
-      AlertFragment oldFragment =
-        (AlertFragment) mFragmentManager.findFragmentByTag(FRAGMENT_TAG);
+      AlertFragment oldFragment = (AlertFragment) mFragmentManager.findFragmentByTag(FRAGMENT_TAG);
       if (oldFragment != null && oldFragment.isResumed()) {
         oldFragment.dismiss();
       }
@@ -167,8 +164,7 @@ public void onHostPause() {
   }
 
   @Override
-  public void onHostDestroy() {
-  }
+  public void onHostDestroy() {}
 
   @Override
   public void onHostResume() {
@@ -184,9 +180,7 @@ public void onHostResume() {
 
   @ReactMethod
   public void showAlert(
-      ReadableMap options,
-      Callback errorCallback,
-      final Callback actionCallback) {
+      ReadableMap options, Callback errorCallback, final Callback actionCallback) {
     final FragmentManagerHelper fragmentManagerHelper = getFragmentManagerHelper();
     if (fragmentManagerHelper == null) {
       errorCallback.invoke("Tried to show an alert while not attached to an Activity");
@@ -212,7 +206,7 @@ public void showAlert(
     if (options.hasKey(KEY_ITEMS)) {
       ReadableArray items = options.getArray(KEY_ITEMS);
       CharSequence[] itemsArray = new CharSequence[items.size()];
-      for (int i = 0; i < items.size(); i ++) {
+      for (int i = 0; i < items.size(); i++) {
         itemsArray[i] = items.getString(i);
       }
       args.putCharSequenceArray(AlertFragment.ARG_ITEMS, itemsArray);
@@ -221,20 +215,20 @@ public void showAlert(
       args.putBoolean(KEY_CANCELABLE, options.getBoolean(KEY_CANCELABLE));
     }
 
-    UiThreadUtil.runOnUiThread(new Runnable() {
-      @Override
-      public void run() {
-        fragmentManagerHelper.showNewAlert(args, actionCallback);
-      }
-    });
-
+    UiThreadUtil.runOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            fragmentManagerHelper.showNewAlert(args, actionCallback);
+          }
+        });
   }
 
   /**
-   * Creates a new helper to work with FragmentManager.
-   * Returns null if we're not attached to an Activity.
+   * Creates a new helper to work with FragmentManager. Returns null if we're not attached to an
+   * Activity.
    *
-   * DO NOT HOLD LONG-LIVED REFERENCES TO THE OBJECT RETURNED BY THIS METHOD, AS THIS WILL CAUSE
+   * <p>DO NOT HOLD LONG-LIVED REFERENCES TO THE OBJECT RETURNED BY THIS METHOD, AS THIS WILL CAUSE
    * MEMORY LEAKS.
    */
   private @Nullable FragmentManagerHelper getFragmentManagerHelper() {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/fabric/ReactFabric.java b/ReactAndroid/src/main/java/com/facebook/react/modules/fabric/ReactFabric.java
index fbf3233688b64c..5da3c22d192571 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/fabric/ReactFabric.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/fabric/ReactFabric.java
@@ -1,25 +1,24 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.fabric;
 
 import com.facebook.react.bridge.JavaScriptModule;
 
 /**
- * JS module used to execute Fabric specific methods.
- * Note: This is a temporary class that will be replaced when Fabric is fully integrated with the
- * rest of the modules.
+ * JS module used to execute Fabric specific methods. Note: This is a temporary class that will be
+ * replaced when Fabric is fully integrated with the rest of the modules.
  */
 public interface ReactFabric extends JavaScriptModule {
 
   /**
    * JS method used to unmount Fabric surfaces.
-   * @param rootTag {@link int} react tag of Root {@link com.facebook.react.uimanager.ReactShadowNode}
+   *
+   * @param rootTag {@link int} react tag of Root {@link
+   *     com.facebook.react.uimanager.ReactShadowNode}
    */
   void unmountComponentAtNode(int rootTag);
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/FrescoModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/FrescoModule.java
index 4481cd42a4cabe..c972c0b616cc7c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/FrescoModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/FrescoModule.java
@@ -1,17 +1,13 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.fresco;
 
-import java.util.HashSet;
-
 import android.content.Context;
 import androidx.annotation.Nullable;
-
 import com.facebook.common.logging.FLog;
 import com.facebook.drawee.backends.pipeline.Fresco;
 import com.facebook.imagepipeline.backends.okhttp3.OkHttpImagePipelineConfigFactory;
@@ -27,8 +23,7 @@
 import com.facebook.react.modules.network.CookieJarContainer;
 import com.facebook.react.modules.network.ForwardingCookieHandler;
 import com.facebook.react.modules.network.OkHttpClientProvider;
-import com.facebook.soloader.SoLoader;
-
+import java.util.HashSet;
 import okhttp3.JavaNetCookieJar;
 import okhttp3.OkHttpClient;
 
@@ -38,8 +33,8 @@
  * <p>Does not expose any methods to JavaScript code. For initialization and cleanup only.
  */
 @ReactModule(name = FrescoModule.NAME, needsEagerInit = true)
-public class FrescoModule extends ReactContextBaseJavaModule implements
-    ModuleDataCleaner.Cleanable, LifecycleEventListener {
+public class FrescoModule extends ReactContextBaseJavaModule
+    implements ModuleDataCleaner.Cleanable, LifecycleEventListener {
 
   public static final String NAME = "FrescoModule";
   private final boolean mClearOnDestroy;
@@ -48,8 +43,8 @@ public class FrescoModule extends ReactContextBaseJavaModule implements
   private static boolean sHasBeenInitialized = false;
 
   /**
-   * Create a new Fresco module with a default configuration (or the previously given
-   * configuration via {@link #FrescoModule(ReactApplicationContext, boolean, ImagePipelineConfig)}.
+   * Create a new Fresco module with a default configuration (or the previously given configuration
+   * via {@link #FrescoModule(ReactApplicationContext, boolean, ImagePipelineConfig)}.
    *
    * @param reactContext the context to use
    */
@@ -58,36 +53,32 @@ public FrescoModule(ReactApplicationContext reactContext) {
   }
 
   /**
-   * Create a new Fresco module with a default configuration (or the previously given
-   * configuration via {@link #FrescoModule(ReactApplicationContext, boolean, ImagePipelineConfig)}.
+   * Create a new Fresco module with a default configuration (or the previously given configuration
+   * via {@link #FrescoModule(ReactApplicationContext, boolean, ImagePipelineConfig)}.
    *
-   * @param clearOnDestroy whether to clear the memory cache in onHostDestroy: this should be
-   *        {@code true} for pure RN apps and {@code false} for apps that use Fresco outside of RN
-   *        as well
+   * @param clearOnDestroy whether to clear the memory cache in onHostDestroy: this should be {@code
+   *     true} for pure RN apps and {@code false} for apps that use Fresco outside of RN as well
    * @param reactContext the context to use
-   *
    */
   public FrescoModule(ReactApplicationContext reactContext, boolean clearOnDestroy) {
     this(reactContext, clearOnDestroy, null);
   }
 
   /**
-   * Create a new Fresco module with a given ImagePipelineConfig.
-   * This should only be called when the module has not been initialized yet.
-   * You can use {@link #hasBeenInitialized()} to check this and call
-   * {@link #FrescoModule(ReactApplicationContext)} if it is already initialized.
+   * Create a new Fresco module with a given ImagePipelineConfig. This should only be called when
+   * the module has not been initialized yet. You can use {@link #hasBeenInitialized()} to check
+   * this and call {@link #FrescoModule(ReactApplicationContext)} if it is already initialized.
    * Otherwise, the given Fresco configuration will be ignored.
    *
    * @param reactContext the context to use
-   * @param clearOnDestroy whether to clear the memory cache in onHostDestroy: this should be
-   *        {@code true} for pure RN apps and {@code false} for apps that use Fresco outside of RN
-   *        as well
+   * @param clearOnDestroy whether to clear the memory cache in onHostDestroy: this should be {@code
+   *     true} for pure RN apps and {@code false} for apps that use Fresco outside of RN as well
    * @param config the Fresco configuration, which will only be used for the first initialization
    */
   public FrescoModule(
-    ReactApplicationContext reactContext,
-    boolean clearOnDestroy,
-    @Nullable ImagePipelineConfig config) {
+      ReactApplicationContext reactContext,
+      boolean clearOnDestroy,
+      @Nullable ImagePipelineConfig config) {
     super(reactContext);
     mClearOnDestroy = clearOnDestroy;
     mConfig = config;
@@ -108,7 +99,7 @@ public void initialize() {
       FLog.w(
           ReactConstants.TAG,
           "Fresco has already been initialized with a different config. "
-          + "The new Fresco configuration will be ignored!");
+              + "The new Fresco configuration will be ignored!");
     }
     mConfig = null;
   }
@@ -125,9 +116,9 @@ public void clearSensitiveData() {
   }
 
   /**
-   * Check whether the FrescoModule has already been initialized. If this is the case,
-   * Calls to {@link #FrescoModule(ReactApplicationContext, ImagePipelineConfig)} will
-   * ignore the given configuration.
+   * Check whether the FrescoModule has already been initialized. If this is the case, Calls to
+   * {@link #FrescoModule(ReactApplicationContext, ImagePipelineConfig)} will ignore the given
+   * configuration.
    *
    * @return true if this module has already been initialized
    */
@@ -140,8 +131,8 @@ private static ImagePipelineConfig getDefaultConfig(ReactContext context) {
   }
 
   /**
-   * Get the default Fresco configuration builder.
-   * Allows adding of configuration options in addition to the default values.
+   * Get the default Fresco configuration builder. Allows adding of configuration options in
+   * addition to the default values.
    *
    * @return {@link ImagePipelineConfig.Builder} that has been initialized with default values
    */
@@ -157,20 +148,17 @@ public static ImagePipelineConfig.Builder getDefaultConfigBuilder(ReactContext c
     ForwardingCookieHandler handler = new ForwardingCookieHandler(context);
     container.setCookieJar(new JavaNetCookieJar(handler));
 
-    return OkHttpImagePipelineConfigFactory
-      .newBuilder(context.getApplicationContext(), client)
-      .setNetworkFetcher(new ReactOkHttpNetworkFetcher(client))
-      .setDownsampleEnabled(false)
-      .setRequestListeners(requestListeners);
+    return OkHttpImagePipelineConfigFactory.newBuilder(context.getApplicationContext(), client)
+        .setNetworkFetcher(new ReactOkHttpNetworkFetcher(client))
+        .setDownsampleEnabled(false)
+        .setRequestListeners(requestListeners);
   }
 
   @Override
-  public void onHostResume() {
-  }
+  public void onHostResume() {}
 
   @Override
-  public void onHostPause() {
-  }
+  public void onHostPause() {}
 
   @Override
   public void onHostDestroy() {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/ReactNetworkImageRequest.java b/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/ReactNetworkImageRequest.java
index 2b5dc2a525791a..489980dc5db097 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/ReactNetworkImageRequest.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/ReactNetworkImageRequest.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.fresco;
 
 import com.facebook.imagepipeline.request.ImageRequest;
@@ -17,8 +16,8 @@ public class ReactNetworkImageRequest extends ImageRequest {
   /** Headers for the request */
   private final ReadableMap mHeaders;
 
-  public static ReactNetworkImageRequest fromBuilderWithHeaders(ImageRequestBuilder builder,
-                                                                ReadableMap headers) {
+  public static ReactNetworkImageRequest fromBuilderWithHeaders(
+      ImageRequestBuilder builder, ReadableMap headers) {
     return new ReactNetworkImageRequest(builder, headers);
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/ReactOkHttpNetworkFetcher.java b/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/ReactOkHttpNetworkFetcher.java
index e14f97081a2b45..643128cbbd80fe 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/ReactOkHttpNetworkFetcher.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/ReactOkHttpNetworkFetcher.java
@@ -1,26 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.fresco;
 
-import com.facebook.imagepipeline.producers.NetworkFetcher;
-import com.facebook.imagepipeline.backends.okhttp3.OkHttpNetworkFetcher;
 import android.net.Uri;
 import android.os.SystemClock;
-
 import com.facebook.imagepipeline.backends.okhttp3.OkHttpNetworkFetcher;
+import com.facebook.imagepipeline.producers.NetworkFetcher;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.ReadableMapKeySetIterator;
-
 import java.util.Collections;
 import java.util.HashMap;
 import java.util.Map;
 import java.util.concurrent.Executor;
-
 import okhttp3.CacheControl;
 import okhttp3.Headers;
 import okhttp3.OkHttpClient;
@@ -33,9 +28,7 @@ class ReactOkHttpNetworkFetcher extends OkHttpNetworkFetcher {
   private final OkHttpClient mOkHttpClient;
   private final Executor mCancellationExecutor;
 
-  /**
-   * @param okHttpClient client to use
-   */
+  /** @param okHttpClient client to use */
   public ReactOkHttpNetworkFetcher(OkHttpClient okHttpClient) {
     super(okHttpClient);
     mOkHttpClient = okHttpClient;
@@ -44,7 +37,7 @@ public ReactOkHttpNetworkFetcher(OkHttpClient okHttpClient) {
 
   private Map<String, String> getHeaders(ReadableMap readableMap) {
     if (readableMap == null) {
-        return null;
+      return null;
     }
     ReadableMapKeySetIterator iterator = readableMap.keySetIterator();
     Map<String, String> map = new HashMap<>();
@@ -57,24 +50,27 @@ private Map<String, String> getHeaders(ReadableMap readableMap) {
   }
 
   @Override
-  public void fetch(final OkHttpNetworkFetcher.OkHttpNetworkFetchState fetchState, final NetworkFetcher.Callback callback) {
+  public void fetch(
+      final OkHttpNetworkFetcher.OkHttpNetworkFetchState fetchState,
+      final NetworkFetcher.Callback callback) {
     fetchState.submitTime = SystemClock.elapsedRealtime();
     final Uri uri = fetchState.getUri();
     Map<String, String> requestHeaders = null;
     if (fetchState.getContext().getImageRequest() instanceof ReactNetworkImageRequest) {
-      ReactNetworkImageRequest networkImageRequest = (ReactNetworkImageRequest)
-        fetchState.getContext().getImageRequest();
+      ReactNetworkImageRequest networkImageRequest =
+          (ReactNetworkImageRequest) fetchState.getContext().getImageRequest();
       requestHeaders = getHeaders(networkImageRequest.getHeaders());
     }
     if (requestHeaders == null) {
       requestHeaders = Collections.emptyMap();
     }
-    final Request request = new Request.Builder()
-      .cacheControl(new CacheControl.Builder().noStore().build())
-      .url(uri.toString())
-      .headers(Headers.of(requestHeaders))
-      .get()
-      .build();
+    final Request request =
+        new Request.Builder()
+            .cacheControl(new CacheControl.Builder().noStore().build())
+            .url(uri.toString())
+            .headers(Headers.of(requestHeaders))
+            .get()
+            .build();
 
     fetchWithRequest(fetchState, callback, request);
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/SystraceRequestListener.java b/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/SystraceRequestListener.java
index 0ad43b0188c895..7e433da779746b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/SystraceRequestListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/SystraceRequestListener.java
@@ -5,23 +5,19 @@
 
 package com.facebook.react.modules.fresco;
 
-import java.util.HashMap;
-import java.util.Map;
-
 import android.util.Pair;
-
 import com.facebook.imagepipeline.listener.BaseRequestListener;
 import com.facebook.imagepipeline.request.ImageRequest;
 import com.facebook.systrace.Systrace;
+import java.util.HashMap;
+import java.util.Map;
 
-/**
- * Logs requests to Systrace
- */
+/** Logs requests to Systrace */
 public class SystraceRequestListener extends BaseRequestListener {
 
   int mCurrentID = 0;
-  Map<String, Pair<Integer,String>> mProducerID = new HashMap<>();
-  Map<String, Pair<Integer,String>> mRequestsID = new HashMap<>();
+  Map<String, Pair<Integer, String>> mProducerID = new HashMap<>();
+  Map<String, Pair<Integer, String>> mRequestsID = new HashMap<>();
 
   @Override
   public void onProducerStart(String requestId, String producerName) {
@@ -33,50 +29,36 @@ public void onProducerStart(String requestId, String producerName) {
     entryName.append("FRESCO_PRODUCER_");
     entryName.append(producerName.replace(':', '_'));
 
-    Pair<Integer,String> requestPair = Pair.create(mCurrentID, entryName.toString());
-    Systrace.beginAsyncSection(
-        Systrace.TRACE_TAG_REACT_FRESCO,
-        requestPair.second,
-        mCurrentID);
+    Pair<Integer, String> requestPair = Pair.create(mCurrentID, entryName.toString());
+    Systrace.beginAsyncSection(Systrace.TRACE_TAG_REACT_FRESCO, requestPair.second, mCurrentID);
     mProducerID.put(requestId, requestPair);
     mCurrentID++;
   }
 
   @Override
   public void onProducerFinishWithSuccess(
-      String requestId,
-      String producerName,
-      Map<String, String> extraMap) {
+      String requestId, String producerName, Map<String, String> extraMap) {
     if (!Systrace.isTracing(Systrace.TRACE_TAG_REACT_FRESCO)) {
       return;
     }
 
     if (mProducerID.containsKey(requestId)) {
       Pair<Integer, String> entry = mProducerID.get(requestId);
-      Systrace.endAsyncSection(
-          Systrace.TRACE_TAG_REACT_FRESCO,
-          entry.second,
-          entry.first);
+      Systrace.endAsyncSection(Systrace.TRACE_TAG_REACT_FRESCO, entry.second, entry.first);
       mProducerID.remove(requestId);
     }
   }
 
   @Override
   public void onProducerFinishWithFailure(
-      String requestId,
-      String producerName,
-      Throwable throwable,
-      Map<String, String> extraMap) {
+      String requestId, String producerName, Throwable throwable, Map<String, String> extraMap) {
     if (!Systrace.isTracing(Systrace.TRACE_TAG_REACT_FRESCO)) {
       return;
     }
 
     if (mProducerID.containsKey(requestId)) {
       Pair<Integer, String> entry = mProducerID.get(requestId);
-      Systrace.endAsyncSection(
-          Systrace.TRACE_TAG_REACT_FRESCO,
-          entry.second,
-          entry.first);
+      Systrace.endAsyncSection(Systrace.TRACE_TAG_REACT_FRESCO, entry.second, entry.first);
       mProducerID.remove(requestId);
     }
   }
@@ -90,10 +72,7 @@ public void onProducerFinishWithCancellation(
 
     if (mProducerID.containsKey(requestId)) {
       Pair<Integer, String> entry = mProducerID.get(requestId);
-      Systrace.endAsyncSection(
-          Systrace.TRACE_TAG_REACT_FRESCO,
-          entry.second,
-          entry.first);
+      Systrace.endAsyncSection(Systrace.TRACE_TAG_REACT_FRESCO, entry.second, entry.first);
       mProducerID.remove(requestId);
     }
   }
@@ -112,17 +91,12 @@ public void onProducerEvent(String requestId, String producerName, String produc
     entryName.append("_");
     entryName.append(producerEventName.replace(':', '_'));
     Systrace.traceInstant(
-        Systrace.TRACE_TAG_REACT_FRESCO,
-        entryName.toString(),
-        Systrace.EventScope.THREAD);
+        Systrace.TRACE_TAG_REACT_FRESCO, entryName.toString(), Systrace.EventScope.THREAD);
   }
 
   @Override
   public void onRequestStart(
-      ImageRequest request,
-      Object callerContext,
-      String requestId,
-      boolean isPrefetch) {
+      ImageRequest request, Object callerContext, String requestId, boolean isPrefetch) {
     if (!Systrace.isTracing(Systrace.TRACE_TAG_REACT_FRESCO)) {
       return;
     }
@@ -131,11 +105,8 @@ public void onRequestStart(
     entryName.append("FRESCO_REQUEST_");
     entryName.append(request.getSourceUri().toString().replace(':', '_'));
 
-    Pair<Integer,String> requestPair = Pair.create(mCurrentID, entryName.toString());
-    Systrace.beginAsyncSection(
-        Systrace.TRACE_TAG_REACT_FRESCO,
-        requestPair.second,
-        mCurrentID);
+    Pair<Integer, String> requestPair = Pair.create(mCurrentID, entryName.toString());
+    Systrace.beginAsyncSection(Systrace.TRACE_TAG_REACT_FRESCO, requestPair.second, mCurrentID);
     mRequestsID.put(requestId, requestPair);
     mCurrentID++;
   }
@@ -148,30 +119,21 @@ public void onRequestSuccess(ImageRequest request, String requestId, boolean isP
 
     if (mRequestsID.containsKey(requestId)) {
       Pair<Integer, String> entry = mRequestsID.get(requestId);
-      Systrace.endAsyncSection(
-          Systrace.TRACE_TAG_REACT_FRESCO,
-          entry.second,
-          entry.first);
+      Systrace.endAsyncSection(Systrace.TRACE_TAG_REACT_FRESCO, entry.second, entry.first);
       mRequestsID.remove(requestId);
     }
   }
 
   @Override
   public void onRequestFailure(
-      ImageRequest request,
-      String requestId,
-      Throwable throwable,
-      boolean isPrefetch) {
+      ImageRequest request, String requestId, Throwable throwable, boolean isPrefetch) {
     if (!Systrace.isTracing(Systrace.TRACE_TAG_REACT_FRESCO)) {
       return;
     }
 
     if (mRequestsID.containsKey(requestId)) {
       Pair<Integer, String> entry = mRequestsID.get(requestId);
-      Systrace.endAsyncSection(
-          Systrace.TRACE_TAG_REACT_FRESCO,
-          entry.second,
-          entry.first);
+      Systrace.endAsyncSection(Systrace.TRACE_TAG_REACT_FRESCO, entry.second, entry.first);
       mRequestsID.remove(requestId);
     }
   }
@@ -184,10 +146,7 @@ public void onRequestCancellation(String requestId) {
 
     if (mRequestsID.containsKey(requestId)) {
       Pair<Integer, String> entry = mRequestsID.get(requestId);
-      Systrace.endAsyncSection(
-          Systrace.TRACE_TAG_REACT_FRESCO,
-          entry.second,
-          entry.first);
+      Systrace.endAsyncSection(Systrace.TRACE_TAG_REACT_FRESCO, entry.second, entry.first);
       mRequestsID.remove(requestId);
     }
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/i18nmanager/I18nManagerModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/i18nmanager/I18nManagerModule.java
index 9e15606235ccf2..5f827e0d86d087 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/i18nmanager/I18nManagerModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/i18nmanager/I18nManagerModule.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.i18nmanager;
 
 import android.content.Context;
@@ -16,9 +15,7 @@
 import java.util.Locale;
 import java.util.Map;
 
-/**
- * {@link NativeModule} that allows JS to set allowRTL and get isRTL status.
- */
+/** {@link NativeModule} that allows JS to set allowRTL and get isRTL status. */
 @ReactModule(name = I18nManagerModule.NAME)
 public class I18nManagerModule extends ContextBaseJavaModule {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/i18nmanager/I18nUtil.java b/ReactAndroid/src/main/java/com/facebook/react/modules/i18nmanager/I18nUtil.java
index 2d0bce0bb6d88f..7ff0acb0874c40 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/i18nmanager/I18nUtil.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/i18nmanager/I18nUtil.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.i18nmanager;
 
 import android.content.Context;
@@ -16,17 +15,14 @@
 public class I18nUtil {
   private static I18nUtil sharedI18nUtilInstance = null;
 
-  private static final String SHARED_PREFS_NAME =
-    "com.facebook.react.modules.i18nmanager.I18nUtil";
-  private static final String KEY_FOR_PREFS_ALLOWRTL =
-    "RCTI18nUtil_allowRTL";
-  private static final String KEY_FOR_PREFS_FORCERTL =
-    "RCTI18nUtil_forceRTL";
+  private static final String SHARED_PREFS_NAME = "com.facebook.react.modules.i18nmanager.I18nUtil";
+  private static final String KEY_FOR_PREFS_ALLOWRTL = "RCTI18nUtil_allowRTL";
+  private static final String KEY_FOR_PREFS_FORCERTL = "RCTI18nUtil_forceRTL";
   private static final String KEY_FOR_PERFS_MAKE_RTL_FLIP_LEFT_AND_RIGHT_STYLES =
-    "RCTI18nUtil_makeRTLFlipLeftAndRightStyles";
+      "RCTI18nUtil_makeRTLFlipLeftAndRightStyles";
 
   private I18nUtil() {
-     // Exists only to defeat instantiation.
+    // Exists only to defeat instantiation.
   }
 
   public static I18nUtil getInstance() {
@@ -37,22 +33,23 @@ public static I18nUtil getInstance() {
   }
 
   /**
-   * Check if the device is currently running on an RTL locale.
-   * This only happens when the app:
-   * - is forcing RTL layout, regardless of the active language (for development purpose)
-   * - allows RTL layout when using RTL locale
+   * Check if the device is currently running on an RTL locale. This only happens when the app:
+   *
+   * <ul>
+   *   <li>is forcing RTL layout, regardless of the active language (for development purpose)
+   *   <li>allows RTL layout when using RTL locale
+   * </ul>
    */
   public boolean isRTL(Context context) {
     if (isRTLForced(context)) {
       return true;
     }
-    return isRTLAllowed(context) &&
-      isDevicePreferredLanguageRTL();
+    return isRTLAllowed(context) && isDevicePreferredLanguageRTL();
   }
 
   /**
-   * Should be used very early during app start up
-   * Before the bridge is initialized
+   * Should be used very early during app start up Before the bridge is initialized
+   *
    * @return whether the app allows RTL layout, default is true
    */
   private boolean isRTLAllowed(Context context) {
@@ -71,10 +68,7 @@ public void swapLeftAndRightInRTL(Context context, boolean flip) {
     setPref(context, KEY_FOR_PERFS_MAKE_RTL_FLIP_LEFT_AND_RIGHT_STYLES, flip);
   }
 
-  /**
-   * Could be used to test RTL layout with English
-   * Used for development and testing purpose
-   */
+  /** Could be used to test RTL layout with English Used for development and testing purpose */
   private boolean isRTLForced(Context context) {
     return isPrefSet(context, KEY_FOR_PREFS_FORCERTL, false);
   }
@@ -85,20 +79,18 @@ public void forceRTL(Context context, boolean forceRTL) {
 
   // Check if the current device language is RTL
   private boolean isDevicePreferredLanguageRTL() {
-    final int directionality =
-      TextUtilsCompat.getLayoutDirectionFromLocale(Locale.getDefault());
+    final int directionality = TextUtilsCompat.getLayoutDirectionFromLocale(Locale.getDefault());
     return directionality == ViewCompat.LAYOUT_DIRECTION_RTL;
-   }
+  }
 
   private boolean isPrefSet(Context context, String key, boolean defaultValue) {
-    SharedPreferences prefs =
-      context.getSharedPreferences(SHARED_PREFS_NAME, Context.MODE_PRIVATE);
+    SharedPreferences prefs = context.getSharedPreferences(SHARED_PREFS_NAME, Context.MODE_PRIVATE);
     return prefs.getBoolean(key, defaultValue);
   }
 
   private void setPref(Context context, String key, boolean value) {
     SharedPreferences.Editor editor =
-      context.getSharedPreferences(SHARED_PREFS_NAME, Context.MODE_PRIVATE).edit();
+        context.getSharedPreferences(SHARED_PREFS_NAME, Context.MODE_PRIVATE).edit();
     editor.putBoolean(key, value);
     editor.apply();
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/image/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/image/BUCK
index e7bda3dfae8a96..95014055aaf1f2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/image/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/image/BUCK
@@ -3,10 +3,12 @@ load("//tools/build_defs/oss:rn_defs.bzl", "react_native_dep", "react_native_tar
 rn_android_library(
     name = "image",
     srcs = glob(["*.java"]),
+    is_androidx = True,
     visibility = [
         "PUBLIC",
     ],
     deps = [
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("libraries/fresco/fresco-react-native:fbcore"),
         react_native_dep("libraries/fresco/fresco-react-native:fresco-drawee"),
         react_native_dep("libraries/fresco/fresco-react-native:fresco-react-native"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/image/ImageLoaderModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/image/ImageLoaderModule.java
index 4f0f136da80d04..888bd086669e8d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/image/ImageLoaderModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/image/ImageLoaderModule.java
@@ -1,17 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.image;
 
-import javax.annotation.Nullable;
-
 import android.net.Uri;
 import android.util.SparseArray;
-
+import androidx.annotation.Nullable;
 import com.facebook.common.executors.CallerThreadExecutor;
 import com.facebook.common.references.CloseableReference;
 import com.facebook.datasource.BaseDataSubscriber;
@@ -22,7 +19,6 @@
 import com.facebook.imagepipeline.image.CloseableImage;
 import com.facebook.imagepipeline.request.ImageRequest;
 import com.facebook.imagepipeline.request.ImageRequestBuilder;
-import com.facebook.react.modules.fresco.ReactNetworkImageRequest;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.GuardedAsyncTask;
 import com.facebook.react.bridge.LifecycleEventListener;
@@ -34,11 +30,12 @@
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.module.annotations.ReactModule;
+import com.facebook.react.modules.fresco.ReactNetworkImageRequest;
 import com.facebook.react.views.imagehelper.ImageSource;
 
 @ReactModule(name = ImageLoaderModule.NAME)
-public class ImageLoaderModule extends ReactContextBaseJavaModule implements
-  LifecycleEventListener {
+public class ImageLoaderModule extends ReactContextBaseJavaModule
+    implements LifecycleEventListener {
 
   private static final String ERROR_INVALID_URI = "E_INVALID_URI";
   private static final String ERROR_PREFETCH_FAILURE = "E_PREFETCH_FAILURE";
@@ -68,13 +65,11 @@ public String getName() {
    * Fetch the width and height of the given image.
    *
    * @param uriString the URI of the remote image to prefetch
-   * @param promise the promise that is fulfilled when the image is successfully prefetched
-   *                or rejected when there is an error
+   * @param promise the promise that is fulfilled when the image is successfully prefetched or
+   *     rejected when there is an error
    */
   @ReactMethod
-  public void getSize(
-      final String uriString,
-      final Promise promise) {
+  public void getSize(final String uriString, final Promise promise) {
     if (uriString == null || uriString.isEmpty()) {
       promise.reject(ERROR_INVALID_URI, "Cannot get the size of an image for an empty URI");
       return;
@@ -84,41 +79,41 @@ public void getSize(
     ImageRequest request = ImageRequestBuilder.newBuilderWithSource(source.getUri()).build();
 
     DataSource<CloseableReference<CloseableImage>> dataSource =
-      Fresco.getImagePipeline().fetchDecodedImage(request, mCallerContext);
+        Fresco.getImagePipeline().fetchDecodedImage(request, mCallerContext);
 
     DataSubscriber<CloseableReference<CloseableImage>> dataSubscriber =
-      new BaseDataSubscriber<CloseableReference<CloseableImage>>() {
-        @Override
-        protected void onNewResultImpl(
-            DataSource<CloseableReference<CloseableImage>> dataSource) {
-          if (!dataSource.isFinished()) {
-            return;
-          }
-          CloseableReference<CloseableImage> ref = dataSource.getResult();
-          if (ref != null) {
-            try {
-              CloseableImage image = ref.get();
-
-              WritableMap sizes = Arguments.createMap();
-              sizes.putInt("width", image.getWidth());
-              sizes.putInt("height", image.getHeight());
-
-              promise.resolve(sizes);
-            } catch (Exception e) {
-              promise.reject(ERROR_GET_SIZE_FAILURE, e);
-            } finally {
-              CloseableReference.closeSafely(ref);
+        new BaseDataSubscriber<CloseableReference<CloseableImage>>() {
+          @Override
+          protected void onNewResultImpl(
+              DataSource<CloseableReference<CloseableImage>> dataSource) {
+            if (!dataSource.isFinished()) {
+              return;
+            }
+            CloseableReference<CloseableImage> ref = dataSource.getResult();
+            if (ref != null) {
+              try {
+                CloseableImage image = ref.get();
+
+                WritableMap sizes = Arguments.createMap();
+                sizes.putInt("width", image.getWidth());
+                sizes.putInt("height", image.getHeight());
+
+                promise.resolve(sizes);
+              } catch (Exception e) {
+                promise.reject(ERROR_GET_SIZE_FAILURE, e);
+              } finally {
+                CloseableReference.closeSafely(ref);
+              }
+            } else {
+              promise.reject(ERROR_GET_SIZE_FAILURE);
             }
-          } else {
-            promise.reject(ERROR_GET_SIZE_FAILURE);
           }
-        }
 
-        @Override
-        protected void onFailureImpl(DataSource<CloseableReference<CloseableImage>> dataSource) {
-          promise.reject(ERROR_GET_SIZE_FAILURE, dataSource.getFailureCause());
-        }
-      };
+          @Override
+          protected void onFailureImpl(DataSource<CloseableReference<CloseableImage>> dataSource) {
+            promise.reject(ERROR_GET_SIZE_FAILURE, dataSource.getFailureCause());
+          }
+        };
     dataSource.subscribe(dataSubscriber, CallerThreadExecutor.getInstance());
   }
 
@@ -127,59 +122,59 @@ protected void onFailureImpl(DataSource<CloseableReference<CloseableImage>> data
    *
    * @param uriString the URI of the remote image to prefetch
    * @param headers headers send with the request
-   * @param promise the promise that is fulfilled when the image is successfully prefetched
-   *                or rejected when there is an error
+   * @param promise the promise that is fulfilled when the image is successfully prefetched or
+   *     rejected when there is an error
    */
   @ReactMethod
   public void getSizeWithHeaders(
-      final String uriString,
-      final ReadableMap headers,
-      final Promise promise) {
+      final String uriString, final ReadableMap headers, final Promise promise) {
     if (uriString == null || uriString.isEmpty()) {
       promise.reject(ERROR_INVALID_URI, "Cannot get the size of an image for an empty URI");
       return;
     }
 
     ImageSource source = new ImageSource(getReactApplicationContext(), uriString);
-    ImageRequestBuilder imageRequestBuilder = ImageRequestBuilder.newBuilderWithSource(source.getUri());
-    ImageRequest request = ReactNetworkImageRequest.fromBuilderWithHeaders(imageRequestBuilder, headers);
+    ImageRequestBuilder imageRequestBuilder =
+        ImageRequestBuilder.newBuilderWithSource(source.getUri());
+    ImageRequest request =
+        ReactNetworkImageRequest.fromBuilderWithHeaders(imageRequestBuilder, headers);
 
     DataSource<CloseableReference<CloseableImage>> dataSource =
-      Fresco.getImagePipeline().fetchDecodedImage(request, mCallerContext);
+        Fresco.getImagePipeline().fetchDecodedImage(request, mCallerContext);
 
     DataSubscriber<CloseableReference<CloseableImage>> dataSubscriber =
-      new BaseDataSubscriber<CloseableReference<CloseableImage>>() {
-        @Override
-        protected void onNewResultImpl(
-            DataSource<CloseableReference<CloseableImage>> dataSource) {
-          if (!dataSource.isFinished()) {
-            return;
-          }
-          CloseableReference<CloseableImage> ref = dataSource.getResult();
-          if (ref != null) {
-            try {
-              CloseableImage image = ref.get();
-
-              WritableMap sizes = Arguments.createMap();
-              sizes.putInt("width", image.getWidth());
-              sizes.putInt("height", image.getHeight());
-
-              promise.resolve(sizes);
-            } catch (Exception e) {
-              promise.reject(ERROR_GET_SIZE_FAILURE, e);
-            } finally {
-              CloseableReference.closeSafely(ref);
+        new BaseDataSubscriber<CloseableReference<CloseableImage>>() {
+          @Override
+          protected void onNewResultImpl(
+              DataSource<CloseableReference<CloseableImage>> dataSource) {
+            if (!dataSource.isFinished()) {
+              return;
+            }
+            CloseableReference<CloseableImage> ref = dataSource.getResult();
+            if (ref != null) {
+              try {
+                CloseableImage image = ref.get();
+
+                WritableMap sizes = Arguments.createMap();
+                sizes.putInt("width", image.getWidth());
+                sizes.putInt("height", image.getHeight());
+
+                promise.resolve(sizes);
+              } catch (Exception e) {
+                promise.reject(ERROR_GET_SIZE_FAILURE, e);
+              } finally {
+                CloseableReference.closeSafely(ref);
+              }
+            } else {
+              promise.reject(ERROR_GET_SIZE_FAILURE);
             }
-          } else {
-            promise.reject(ERROR_GET_SIZE_FAILURE);
           }
-        }
 
-        @Override
-        protected void onFailureImpl(DataSource<CloseableReference<CloseableImage>> dataSource) {
-          promise.reject(ERROR_GET_SIZE_FAILURE, dataSource.getFailureCause());
-        }
-      };
+          @Override
+          protected void onFailureImpl(DataSource<CloseableReference<CloseableImage>> dataSource) {
+            promise.reject(ERROR_GET_SIZE_FAILURE, dataSource.getFailureCause());
+          }
+        };
     dataSource.subscribe(dataSubscriber, CallerThreadExecutor.getInstance());
   }
 
@@ -188,15 +183,11 @@ protected void onFailureImpl(DataSource<CloseableReference<CloseableImage>> data
    *
    * @param uriString the URI of the remote image to prefetch
    * @param requestId the client-supplied request ID used to identify this request
-   * @param promise the promise that is fulfilled when the image is successfully prefetched
-   *                or rejected when there is an error
+   * @param promise the promise that is fulfilled when the image is successfully prefetched or
+   *     rejected when there is an error
    */
   @ReactMethod
-  public void prefetchImage(
-    final String uriString,
-    final int requestId,
-    final Promise promise)
-  {
+  public void prefetchImage(final String uriString, final int requestId, final Promise promise) {
     if (uriString == null || uriString.isEmpty()) {
       promise.reject(ERROR_INVALID_URI, "Cannot prefetch an image for an empty URI");
       return;
@@ -206,31 +197,32 @@ public void prefetchImage(
     ImageRequest request = ImageRequestBuilder.newBuilderWithSource(uri).build();
 
     DataSource<Void> prefetchSource =
-      Fresco.getImagePipeline().prefetchToDiskCache(request, mCallerContext);
-    DataSubscriber<Void> prefetchSubscriber = new BaseDataSubscriber<Void>() {
-      @Override
-      protected void onNewResultImpl(DataSource<Void> dataSource) {
-        if (!dataSource.isFinished()) {
-          return;
-        }
-        try {
-          removeRequest(requestId);
-          promise.resolve(true);
-        } finally {
-          dataSource.close();
-        }
-      }
+        Fresco.getImagePipeline().prefetchToDiskCache(request, mCallerContext);
+    DataSubscriber<Void> prefetchSubscriber =
+        new BaseDataSubscriber<Void>() {
+          @Override
+          protected void onNewResultImpl(DataSource<Void> dataSource) {
+            if (!dataSource.isFinished()) {
+              return;
+            }
+            try {
+              removeRequest(requestId);
+              promise.resolve(true);
+            } finally {
+              dataSource.close();
+            }
+          }
 
-      @Override
-      protected void onFailureImpl(DataSource<Void> dataSource) {
-        try {
-          removeRequest(requestId);
-          promise.reject(ERROR_PREFETCH_FAILURE, dataSource.getFailureCause());
-        } finally {
-          dataSource.close();
-        }
-      }
-    };
+          @Override
+          protected void onFailureImpl(DataSource<Void> dataSource) {
+            try {
+              removeRequest(requestId);
+              promise.reject(ERROR_PREFETCH_FAILURE, dataSource.getFailureCause());
+            } finally {
+              dataSource.close();
+            }
+          }
+        };
     registerRequest(requestId, prefetchSource);
     prefetchSource.subscribe(prefetchSubscriber, CallerThreadExecutor.getInstance());
   }
@@ -280,12 +272,10 @@ private void registerRequest(int requestId, DataSource<Void> request) {
   }
 
   @Override
-  public void onHostResume() {
-  }
+  public void onHostResume() {}
 
   @Override
-  public void onHostPause() {
-  }
+  public void onHostPause() {}
 
   @Override
   public void onHostDestroy() {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/intent/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/intent/BUCK
index da676d6876ac67..99e3d164618fcb 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/intent/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/intent/BUCK
@@ -3,10 +3,12 @@ load("//tools/build_defs/oss:rn_defs.bzl", "react_native_dep", "react_native_tar
 rn_android_library(
     name = "intent",
     srcs = glob(["**/*.java"]),
+    is_androidx = True,
     visibility = [
         "PUBLIC",
     ],
     deps = [
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
         react_native_target("java/com/facebook/react/bridge:bridge"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/intent/IntentModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/intent/IntentModule.java
index 9cf2a7e94732a6..4bf5f5448de802 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/intent/IntentModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/intent/IntentModule.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.intent;
 
 import android.app.Activity;
@@ -14,7 +13,7 @@
 import android.net.Uri;
 import android.nfc.NfcAdapter;
 import android.provider.Settings;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.Promise;
 import com.facebook.react.bridge.ReactApplicationContext;
@@ -25,11 +24,7 @@
 import com.facebook.react.bridge.ReadableType;
 import com.facebook.react.module.annotations.ReactModule;
 
-import javax.annotation.Nullable;
-
-/**
- * Intent module. Launch other activities or open URLs.
- */
+/** Intent module. Launch other activities or open URLs. */
 @ReactModule(name = IntentModule.NAME)
 public class IntentModule extends ReactContextBaseJavaModule {
 
@@ -60,23 +55,26 @@ public void getInitialURL(Promise promise) {
         String action = intent.getAction();
         Uri uri = intent.getData();
 
-        if (uri != null && (Intent.ACTION_VIEW.equals(action) || NfcAdapter.ACTION_NDEF_DISCOVERED.equals(action))) {
+        if (uri != null
+            && (Intent.ACTION_VIEW.equals(action)
+                || NfcAdapter.ACTION_NDEF_DISCOVERED.equals(action))) {
           initialURL = uri.toString();
         }
       }
 
       promise.resolve(initialURL);
     } catch (Exception e) {
-      promise.reject(new JSApplicationIllegalArgumentException(
-          "Could not get the initial URL : " + e.getMessage()));
+      promise.reject(
+          new JSApplicationIllegalArgumentException(
+              "Could not get the initial URL : " + e.getMessage()));
     }
   }
 
   /**
    * Starts a corresponding external activity for the given URL.
    *
-   * For example, if the URL is "https://www.facebook.com", the system browser will be opened,
-   * or the "choose application" dialog will be shown.
+   * <p>For example, if the URL is "https://www.facebook.com", the system browser will be opened, or
+   * the "choose application" dialog will be shown.
    *
    * @param url the URL to open
    */
@@ -92,8 +90,8 @@ public void openURL(String url, Promise promise) {
       Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url).normalizeScheme());
 
       String selfPackageName = getReactApplicationContext().getPackageName();
-      ComponentName componentName = intent.resolveActivity(
-        getReactApplicationContext().getPackageManager());
+      ComponentName componentName =
+          intent.resolveActivity(getReactApplicationContext().getPackageManager());
       String otherPackageName = (componentName != null ? componentName.getPackageName() : "");
 
       // If there is no currentActivity or we are launching to a different package we need to set
@@ -110,8 +108,9 @@ public void openURL(String url, Promise promise) {
 
       promise.resolve(true);
     } catch (Exception e) {
-      promise.reject(new JSApplicationIllegalArgumentException(
-          "Could not open URL '" + url + "': " + e.getMessage()));
+      promise.reject(
+          new JSApplicationIllegalArgumentException(
+              "Could not open URL '" + url + "': " + e.getMessage()));
     }
   }
 
@@ -137,8 +136,9 @@ public void canOpenURL(String url, Promise promise) {
           intent.resolveActivity(getReactApplicationContext().getPackageManager()) != null;
       promise.resolve(canOpen);
     } catch (Exception e) {
-      promise.reject(new JSApplicationIllegalArgumentException(
-          "Could not check if URL '" + url + "' can be opened: " + e.getMessage()));
+      promise.reject(
+          new JSApplicationIllegalArgumentException(
+              "Could not check if URL '" + url + "' can be opened: " + e.getMessage()));
     }
   }
 
@@ -164,20 +164,19 @@ public void openSettings(Promise promise) {
 
       promise.resolve(true);
     } catch (Exception e) {
-      promise.reject(new JSApplicationIllegalArgumentException(
-          "Could not open the Settings: " + e.getMessage()));
+      promise.reject(
+          new JSApplicationIllegalArgumentException(
+              "Could not open the Settings: " + e.getMessage()));
     }
   }
 
   /**
    * Allows to send intents on Android
    *
-   * For example, you can open the Notification Category screen for a specific application
-   * passing action = 'android.settings.CHANNEL_NOTIFICATION_SETTINGS'
-   * and extras = [
-   * { 'android.provider.extra.APP_PACKAGE': 'your.package.name.here' },
-   * { 'android.provider.extra.CHANNEL_ID': 'your.channel.id.here }
-   * ]
+   * <p>For example, you can open the Notification Category screen for a specific application
+   * passing action = 'android.settings.CHANNEL_NOTIFICATION_SETTINGS' and extras = [ {
+   * 'android.provider.extra.APP_PACKAGE': 'your.package.name.here' }, {
+   * 'android.provider.extra.CHANNEL_ID': 'your.channel.id.here } ]
    *
    * @param action The general action to be performed
    * @param extras An array of extras [{ String, String | Number | Boolean }]
@@ -193,7 +192,9 @@ public void sendIntent(String action, @Nullable ReadableArray extras, Promise pr
 
     PackageManager packageManager = getReactApplicationContext().getPackageManager();
     if (intent.resolveActivity(packageManager) == null) {
-      promise.reject(new JSApplicationIllegalArgumentException("Could not launch Intent with action " + action + "."));
+      promise.reject(
+          new JSApplicationIllegalArgumentException(
+              "Could not launch Intent with action " + action + "."));
       return;
     }
 
@@ -204,27 +205,32 @@ public void sendIntent(String action, @Nullable ReadableArray extras, Promise pr
         ReadableType type = map.getType(name);
 
         switch (type) {
-          case String: {
-            intent.putExtra(name, map.getString(name));
-            break;
-          }
-          case Number: {
-            // We cannot know from JS if is an Integer or Double
-            // See: https://github.com/facebook/react-native/issues/4141
-            // We might need to find a workaround if this is really an issue
-            Double number = map.getDouble(name);
-            intent.putExtra(name, number);
-            break;
-          }
-          case Boolean: {
-            intent.putExtra(name, map.getBoolean(name));
-            break;
-          }
-          default: {
-            promise.reject(new JSApplicationIllegalArgumentException(
-                "Extra type for " + name + " not supported."));
-            return;
-          }
+          case String:
+            {
+              intent.putExtra(name, map.getString(name));
+              break;
+            }
+          case Number:
+            {
+              // We cannot know from JS if is an Integer or Double
+              // See: https://github.com/facebook/react-native/issues/4141
+              // We might need to find a workaround if this is really an issue
+              Double number = map.getDouble(name);
+              intent.putExtra(name, number);
+              break;
+            }
+          case Boolean:
+            {
+              intent.putExtra(name, map.getBoolean(name));
+              break;
+            }
+          default:
+            {
+              promise.reject(
+                  new JSApplicationIllegalArgumentException(
+                      "Extra type for " + name + " not supported."));
+              return;
+            }
         }
       }
     }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/netinfo/NetInfoModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/netinfo/NetInfoModule.java
deleted file mode 100644
index 56a953d06c4ec7..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/netinfo/NetInfoModule.java
+++ /dev/null
@@ -1,268 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source 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.netinfo;
-
-import android.annotation.SuppressLint;
-import android.content.BroadcastReceiver;
-import android.content.Context;
-import android.content.Intent;
-import android.content.IntentFilter;
-import android.net.ConnectivityManager;
-import android.net.NetworkInfo;
-import androidx.core.net.ConnectivityManagerCompat;
-import android.telephony.TelephonyManager;
-
-import com.facebook.react.bridge.LifecycleEventListener;
-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.WritableMap;
-import com.facebook.react.bridge.WritableNativeMap;
-import com.facebook.react.module.annotations.ReactModule;
-
-import static com.facebook.react.modules.core.DeviceEventManagerModule.RCTDeviceEventEmitter;
-
-/**
- * Module that monitors and provides information about the connectivity state of the device.
- */
-@SuppressLint("MissingPermission")
-@ReactModule(name = NetInfoModule.NAME)
-public class NetInfoModule extends ReactContextBaseJavaModule
-    implements LifecycleEventListener {
-
-  // Based on the ConnectionType enum described in the W3C Network Information API spec
-  // (https://wicg.github.io/netinfo/).
-  private static final String CONNECTION_TYPE_BLUETOOTH = "bluetooth";
-  private static final String CONNECTION_TYPE_CELLULAR = "cellular";
-  private static final String CONNECTION_TYPE_ETHERNET = "ethernet";
-  private static final String CONNECTION_TYPE_NONE = "none";
-  private static final String CONNECTION_TYPE_UNKNOWN = "unknown";
-  private static final String CONNECTION_TYPE_WIFI = "wifi";
-  private static final String CONNECTION_TYPE_WIMAX = "wimax";
-
-  // Based on the EffectiveConnectionType enum described in the W3C Network Information API spec
-  // (https://wicg.github.io/netinfo/).
-  private static final String EFFECTIVE_CONNECTION_TYPE_UNKNOWN = "unknown";
-  private static final String EFFECTIVE_CONNECTION_TYPE_2G = "2g";
-  private static final String EFFECTIVE_CONNECTION_TYPE_3G = "3g";
-  private static final String EFFECTIVE_CONNECTION_TYPE_4G = "4g";
-
-  private static final String CONNECTION_TYPE_NONE_DEPRECATED = "NONE";
-  private static final String CONNECTION_TYPE_UNKNOWN_DEPRECATED = "UNKNOWN";
-
-  private static final String MISSING_PERMISSION_MESSAGE =
-      "To use NetInfo on Android, add the following to your AndroidManifest.xml:\n" +
-      "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\" />";
-
-  private static final String ERROR_MISSING_PERMISSION = "E_MISSING_PERMISSION";
-  public static final String NAME = "NetInfo";
-
-  private final ConnectivityManager mConnectivityManager;
-  private final ConnectivityBroadcastReceiver mConnectivityBroadcastReceiver;
-  private boolean mNoNetworkPermission = false;
-
-  private String mConnectivityDeprecated = CONNECTION_TYPE_UNKNOWN_DEPRECATED;
-  private String mConnectionType = CONNECTION_TYPE_UNKNOWN;
-  private String mEffectiveConnectionType = EFFECTIVE_CONNECTION_TYPE_UNKNOWN;
-
-  public NetInfoModule(ReactApplicationContext reactContext) {
-    super(reactContext);
-    mConnectivityManager =
-        (ConnectivityManager) reactContext.getSystemService(Context.CONNECTIVITY_SERVICE);
-    mConnectivityBroadcastReceiver = new ConnectivityBroadcastReceiver();
-  }
-
-  @Override
-  public void onHostResume() {
-    registerReceiver();
-  }
-
-  @Override
-  public void onHostPause() {
-    unregisterReceiver();
-  }
-
-  @Override
-  public void onHostDestroy() {
-  }
-
-  @Override
-  public void initialize() {
-    getReactApplicationContext().addLifecycleEventListener(this);
-  }
-
-  @Override
-  public String getName() {
-    return NAME;
-  }
-
-  @ReactMethod
-  public void getCurrentConnectivity(Promise promise) {
-    if (mNoNetworkPermission) {
-      promise.reject(ERROR_MISSING_PERMISSION, MISSING_PERMISSION_MESSAGE);
-      return;
-    }
-    promise.resolve(createConnectivityEventMap());
-  }
-
-  @ReactMethod
-  public void isConnectionMetered(Promise promise) {
-    if (mNoNetworkPermission) {
-      promise.reject(ERROR_MISSING_PERMISSION, MISSING_PERMISSION_MESSAGE);
-      return;
-    }
-    promise.resolve(ConnectivityManagerCompat.isActiveNetworkMetered(mConnectivityManager));
-  }
-
-  private void registerReceiver() {
-    IntentFilter filter = new IntentFilter();
-    filter.addAction(ConnectivityManager.CONNECTIVITY_ACTION);
-    getReactApplicationContext().registerReceiver(mConnectivityBroadcastReceiver, filter);
-    mConnectivityBroadcastReceiver.setRegistered(true);
-    updateAndSendConnectionType();
-  }
-
-  private void unregisterReceiver() {
-    if (mConnectivityBroadcastReceiver.isRegistered()) {
-      getReactApplicationContext().unregisterReceiver(mConnectivityBroadcastReceiver);
-      mConnectivityBroadcastReceiver.setRegistered(false);
-    }
-  }
-
-  private void updateAndSendConnectionType() {
-    String connectionType = CONNECTION_TYPE_UNKNOWN;
-    String effectiveConnectionType = EFFECTIVE_CONNECTION_TYPE_UNKNOWN;
-
-    try {
-      NetworkInfo networkInfo = mConnectivityManager.getActiveNetworkInfo();
-      if (networkInfo == null || !networkInfo.isConnected()) {
-        connectionType = CONNECTION_TYPE_NONE;
-      } else {
-        int networkType = networkInfo.getType();
-        switch (networkType) {
-          case ConnectivityManager.TYPE_BLUETOOTH:
-            connectionType = CONNECTION_TYPE_BLUETOOTH;
-            break;
-          case ConnectivityManager.TYPE_ETHERNET:
-            connectionType = CONNECTION_TYPE_ETHERNET;
-            break;
-          case ConnectivityManager.TYPE_MOBILE:
-          case ConnectivityManager.TYPE_MOBILE_DUN:
-            connectionType = CONNECTION_TYPE_CELLULAR;
-            effectiveConnectionType = getEffectiveConnectionType(networkInfo);
-            break;
-          case ConnectivityManager.TYPE_WIFI:
-            connectionType = CONNECTION_TYPE_WIFI;
-            break;
-          case ConnectivityManager.TYPE_WIMAX:
-            connectionType = CONNECTION_TYPE_WIMAX;
-            break;
-          default:
-            connectionType = CONNECTION_TYPE_UNKNOWN;
-            break;
-        }
-      }
-    } catch (SecurityException e) {
-      mNoNetworkPermission = true;
-      connectionType = CONNECTION_TYPE_UNKNOWN;
-    }
-
-    String currentConnectivity = getCurrentConnectionType();
-    // It is possible to get multiple broadcasts for the same connectivity change, so we only
-    // update and send an event when the connectivity has indeed changed.
-    if (!connectionType.equalsIgnoreCase(mConnectionType) ||
-        !effectiveConnectionType.equalsIgnoreCase(mEffectiveConnectionType) ||
-        !currentConnectivity.equalsIgnoreCase(mConnectivityDeprecated)) {
-      mConnectionType = connectionType;
-      mEffectiveConnectionType = effectiveConnectionType;
-      mConnectivityDeprecated = currentConnectivity;
-      sendConnectivityChangedEvent();
-    }
-  }
-
-  private String getCurrentConnectionType() {
-    try {
-      NetworkInfo networkInfo = mConnectivityManager.getActiveNetworkInfo();
-      if (networkInfo == null || !networkInfo.isConnected()) {
-        return CONNECTION_TYPE_NONE_DEPRECATED;
-      } else if (ConnectivityManager.isNetworkTypeValid(networkInfo.getType())) {
-        return networkInfo.getTypeName().toUpperCase();
-      } else {
-        return CONNECTION_TYPE_UNKNOWN_DEPRECATED;
-      }
-    } catch (SecurityException e) {
-      mNoNetworkPermission = true;
-      return CONNECTION_TYPE_UNKNOWN_DEPRECATED;
-    }
-  }
-
-  private String getEffectiveConnectionType(NetworkInfo networkInfo) {
-    switch (networkInfo.getSubtype()) {
-      case TelephonyManager.NETWORK_TYPE_1xRTT:
-      case TelephonyManager.NETWORK_TYPE_CDMA:
-      case TelephonyManager.NETWORK_TYPE_EDGE:
-      case TelephonyManager.NETWORK_TYPE_GPRS:
-      case TelephonyManager.NETWORK_TYPE_IDEN:
-        return EFFECTIVE_CONNECTION_TYPE_2G;
-      case TelephonyManager.NETWORK_TYPE_EHRPD:
-      case TelephonyManager.NETWORK_TYPE_EVDO_0:
-      case TelephonyManager.NETWORK_TYPE_EVDO_A:
-      case TelephonyManager.NETWORK_TYPE_EVDO_B:
-      case TelephonyManager.NETWORK_TYPE_HSDPA:
-      case TelephonyManager.NETWORK_TYPE_HSPA:
-      case TelephonyManager.NETWORK_TYPE_HSUPA:
-      case TelephonyManager.NETWORK_TYPE_UMTS:
-        return EFFECTIVE_CONNECTION_TYPE_3G;
-      case TelephonyManager.NETWORK_TYPE_HSPAP:
-      case TelephonyManager.NETWORK_TYPE_LTE:
-        return EFFECTIVE_CONNECTION_TYPE_4G;
-      case TelephonyManager.NETWORK_TYPE_UNKNOWN:
-      default:
-        return EFFECTIVE_CONNECTION_TYPE_UNKNOWN;
-    }
-  }
-
-  private void sendConnectivityChangedEvent() {
-    getReactApplicationContext().getJSModule(RCTDeviceEventEmitter.class)
-        .emit("networkStatusDidChange", createConnectivityEventMap());
-  }
-
-  private WritableMap createConnectivityEventMap() {
-    WritableMap event = new WritableNativeMap();
-    event.putString("network_info", mConnectivityDeprecated);
-    event.putString("connectionType", mConnectionType);
-    event.putString("effectiveConnectionType", mEffectiveConnectionType);
-    return event;
-  }
-
-  /**
-   * Class that receives intents whenever the connection type changes.
-   * NB: It is possible on some devices to receive certain connection type changes multiple times.
-   */
-  private class ConnectivityBroadcastReceiver extends BroadcastReceiver {
-
-    //TODO: Remove registered check when source of crash is found. t9846865
-    private boolean isRegistered = false;
-
-    public void setRegistered(boolean registered) {
-      isRegistered = registered;
-    }
-
-    public boolean isRegistered() {
-      return isRegistered;
-    }
-
-    @Override
-    public void onReceive(Context context, Intent intent) {
-      if (intent.getAction().equals(ConnectivityManager.CONNECTIVITY_ACTION)) {
-        updateAndSendConnectionType();
-      }
-    }
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/network/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/network/BUCK
index 9e0f1a24874c96..c9c10b190f043b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/network/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/network/BUCK
@@ -3,6 +3,7 @@ load("//tools/build_defs/oss:rn_defs.bzl", "react_native_dep", "react_native_tar
 rn_android_library(
     name = "network",
     srcs = glob(["**/*.java"]),
+    is_androidx = True,
     provided_deps = [
         react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("third-party/android/androidx:core"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/network/CookieJarContainer.java b/ReactAndroid/src/main/java/com/facebook/react/modules/network/CookieJarContainer.java
index 6e58b76e91c37d..0962edd2e9fc4f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/network/CookieJarContainer.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/network/CookieJarContainer.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 okhttp3.CookieJar;
@@ -14,5 +13,4 @@ public interface CookieJarContainer extends CookieJar {
   void setCookieJar(CookieJar cookieJar);
 
   void removeCookieJar();
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/network/CountingOutputStream.java b/ReactAndroid/src/main/java/com/facebook/react/modules/network/CountingOutputStream.java
index 623a1351c4217d..7d8afb33772382 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/network/CountingOutputStream.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/network/CountingOutputStream.java
@@ -31,8 +31,7 @@ public class CountingOutputStream extends FilterOutputStream {
   private long mCount;
 
   /**
-   * Constructs a new {@code FilterOutputStream} with {@code out} as its
-   * target stream.
+   * Constructs a new {@code FilterOutputStream} with {@code out} as its target stream.
    *
    * @param out the target stream that this stream writes to.
    */
@@ -41,9 +40,7 @@ public CountingOutputStream(OutputStream out) {
     mCount = 0;
   }
 
-  /**
-   * Returns the number of bytes written.
-   */
+  /** Returns the number of bytes written. */
   public long getCount() {
     return mCount;
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/network/ForwardingCookieHandler.java b/ReactAndroid/src/main/java/com/facebook/react/modules/network/ForwardingCookieHandler.java
index 23304fe2f2d6d3..e4d801a789b557 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/network/ForwardingCookieHandler.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/network/ForwardingCookieHandler.java
@@ -5,15 +5,6 @@
 
 package com.facebook.react.modules.network;
 
-import javax.annotation.Nullable;
-
-import java.io.IOException;
-import java.net.CookieHandler;
-import java.net.URI;
-import java.util.Collections;
-import java.util.List;
-import java.util.Map;
-
 import android.annotation.TargetApi;
 import android.content.Context;
 import android.os.Build;
@@ -24,16 +15,22 @@
 import android.webkit.CookieManager;
 import android.webkit.CookieSyncManager;
 import android.webkit.ValueCallback;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.Callback;
 import com.facebook.react.bridge.GuardedAsyncTask;
 import com.facebook.react.bridge.GuardedResultAsyncTask;
 import com.facebook.react.bridge.ReactContext;
+import java.io.IOException;
+import java.net.CookieHandler;
+import java.net.URI;
+import java.util.Collections;
+import java.util.List;
+import java.util.Map;
 
 /**
  * Cookie handler that forwards all cookies to the WebView CookieManager.
  *
- * This class relies on CookieManager to persist cookies to disk so cookies may be lost if the
+ * <p>This class relies on CookieManager to persist cookies to disk so cookies may be lost if the
  * application is terminated before it syncs.
  */
 public class ForwardingCookieHandler extends CookieHandler {
@@ -171,14 +168,14 @@ protected void doInBackgroundGuarded(Void... params) {
   }
 
   /**
-   * Instantiating CookieManager in KitKat+ will load the Chromium task taking a 100ish ms so we
-   * do it lazily to make sure it's done on a background thread as needed.
+   * Instantiating CookieManager in KitKat+ will load the Chromium task taking a 100ish ms so we do
+   * it lazily to make sure it's done on a background thread as needed.
    */
   private @Nullable CookieManager getCookieManager() {
     if (mCookieManager == null) {
       possiblyWorkaroundSyncManager(mContext);
       try {
-          mCookieManager = CookieManager.getInstance();
+        mCookieManager = CookieManager.getInstance();
       } catch (IllegalArgumentException ex) {
         // https://bugs.chromium.org/p/chromium/issues/detail?id=559720
         return null;
@@ -225,17 +222,20 @@ private class CookieSaver {
     private final Handler mHandler;
 
     public CookieSaver() {
-      mHandler = new Handler(Looper.getMainLooper(), new Handler.Callback() {
-        @Override
-        public boolean handleMessage(Message msg) {
-          if (msg.what == MSG_PERSIST_COOKIES) {
-            persistCookies();
-            return true;
-          } else {
-            return false;
-          }
-        }
-      });
+      mHandler =
+          new Handler(
+              Looper.getMainLooper(),
+              new Handler.Callback() {
+                @Override
+                public boolean handleMessage(Message msg) {
+                  if (msg.what == MSG_PERSIST_COOKIES) {
+                    persistCookies();
+                    return true;
+                  } else {
+                    return false;
+                  }
+                }
+              });
     }
 
     public void onCookiesModified() {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/network/HeaderUtil.java b/ReactAndroid/src/main/java/com/facebook/react/modules/network/HeaderUtil.java
index 2f2d72bb90c3e3..f53bbc82b9780a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/network/HeaderUtil.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/network/HeaderUtil.java
@@ -1,47 +1,44 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 /**
- *
- * The class purpose is to weaken too strict OkHttp restriction on http headers.
- * See: https://github.com/square/okhttp/issues/2016
- * Auth headers might have an Authentication 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.
+ * The class purpose is to weaken too strict OkHttp restriction on http headers. See:
+ * https://github.com/square/okhttp/issues/2016 Auth headers might have an Authentication
+ * 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 {
 
-    public static String stripHeaderName(String name) {
-        StringBuilder builder = new StringBuilder(name.length());
-        boolean modified = false;
-        for (int i = 0, length = name.length(); i < length; i++) {
-            char c = name.charAt(i);
-            if (c > '\u0020' && c < '\u007f') {
-                builder.append(c);
-            } else {
-                modified = true;
-            }
-        }
-        return modified ? builder.toString() : name;
+  public static String stripHeaderName(String name) {
+    StringBuilder builder = new StringBuilder(name.length());
+    boolean modified = false;
+    for (int i = 0, length = name.length(); i < length; i++) {
+      char c = name.charAt(i);
+      if (c > '\u0020' && c < '\u007f') {
+        builder.append(c);
+      } else {
+        modified = true;
+      }
     }
+    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;
+  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/ReactAndroid/src/main/java/com/facebook/react/modules/network/NetworkInterceptorCreator.java b/ReactAndroid/src/main/java/com/facebook/react/modules/network/NetworkInterceptorCreator.java
index a4d5116644718c..eebd3f63ff4f51 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/network/NetworkInterceptorCreator.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/network/NetworkInterceptorCreator.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 okhttp3.Interceptor;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/network/NetworkingModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/network/NetworkingModule.java
index 888fcc25f03c46..84244d638afab1 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/network/NetworkingModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/network/NetworkingModule.java
@@ -1,14 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 android.net.Uri;
+import android.os.Bundle;
 import android.util.Base64;
-
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.GuardedAsyncTask;
@@ -22,7 +23,6 @@
 import com.facebook.react.common.network.OkHttpCallUtil;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.modules.core.DeviceEventManagerModule.RCTDeviceEventEmitter;
-
 import java.io.IOException;
 import java.io.InputStream;
 import java.nio.charset.Charset;
@@ -31,9 +31,6 @@
 import java.util.List;
 import java.util.Set;
 import java.util.concurrent.TimeUnit;
-
-import javax.annotation.Nullable;
-
 import okhttp3.Call;
 import okhttp3.Callback;
 import okhttp3.CookieJar;
@@ -51,59 +48,41 @@
 import okio.GzipSource;
 import okio.Okio;
 
-/**
- * Implements the XMLHttpRequest JavaScript interface.
- */
+/** Implements the XMLHttpRequest JavaScript interface. */
 @ReactModule(name = NetworkingModule.NAME)
 public final class NetworkingModule extends ReactContextBaseJavaModule {
 
   /**
-   * Allows to implement a custom fetching process for specific URIs. It is the handler's job
-   * to fetch the URI and return the JS body payload.
+   * Allows to implement a custom fetching process for specific URIs. It is the handler's job to
+   * fetch the URI and return the JS body payload.
    */
   public interface UriHandler {
-    /**
-     * Returns if the handler should be used for an URI.
-     */
+    /** Returns if the handler should be used for an URI. */
     boolean supports(Uri uri, String responseType);
 
-    /**
-     * Fetch the URI and return the JS body payload.
-     */
+    /** Fetch the URI and return the JS body payload. */
     WritableMap fetch(Uri uri) throws IOException;
   }
 
-  /**
-   * Allows adding custom handling to build the {@link RequestBody} from the JS body payload.
-   */
+  /** Allows adding custom handling to build the {@link RequestBody} from the JS body payload. */
   public interface RequestBodyHandler {
-    /**
-     * Returns if the handler should be used for a JS body payload.
-     */
+    /** Returns if the handler should be used for a JS body payload. */
     boolean supports(ReadableMap map);
 
-    /**
-     * Returns the {@link RequestBody} for the JS body payload.
-     */
+    /** Returns the {@link RequestBody} for the JS body payload. */
     RequestBody toRequestBody(ReadableMap map, String contentType);
   }
 
-  /**
-   * Allows adding custom handling to build the JS body payload from the {@link ResponseBody}.
-   */
+  /** Allows adding custom handling to build the JS body payload from the {@link ResponseBody}. */
   public interface ResponseHandler {
-    /**
-     * Returns if the handler should be used for a response type.
-     */
+    /** Returns if the handler should be used for a response type. */
     boolean supports(String responseType);
 
-    /**
-     * Returns the JS body payload for the {@link ResponseBody}.
-     */
+    /** Returns the JS body payload for the {@link ResponseBody}. */
     WritableMap toResponseData(ResponseBody body) throws IOException;
   }
 
-  protected static final String NAME = "Networking";
+  public static final String NAME = "Networking";
 
   private static final String TAG = "NetworkingModule";
   private static final String CONTENT_ENCODING_HEADER_NAME = "content-encoding";
@@ -153,19 +132,15 @@ public interface ResponseHandler {
   /**
    * @param context the ReactContext of the application
    * @param defaultUserAgent the User-Agent header that will be set for all requests where the
-   * caller does not provide one explicitly
+   *     caller does not provide one explicitly
    * @param client the {@link OkHttpClient} to be used for networking
    */
   /* package */ NetworkingModule(
-    ReactApplicationContext context,
-    @Nullable String defaultUserAgent,
-    OkHttpClient client) {
+      ReactApplicationContext context, @Nullable String defaultUserAgent, OkHttpClient client) {
     this(context, defaultUserAgent, client, null);
   }
 
-  /**
-   * @param context the ReactContext of the application
-   */
+  /** @param context the ReactContext of the application */
   public NetworkingModule(final ReactApplicationContext context) {
     this(context, null, OkHttpClientProvider.createClient(context), null);
   }
@@ -173,18 +148,17 @@ public NetworkingModule(final ReactApplicationContext context) {
   /**
    * @param context the ReactContext of the application
    * @param networkInterceptorCreators list of {@link NetworkInterceptorCreator}'s whose create()
-   * methods would be called to attach the interceptors to the client.
+   *     methods would be called to attach the interceptors to the client.
    */
   public NetworkingModule(
-    ReactApplicationContext context,
-    List<NetworkInterceptorCreator> networkInterceptorCreators) {
+      ReactApplicationContext context, List<NetworkInterceptorCreator> networkInterceptorCreators) {
     this(context, null, OkHttpClientProvider.createClient(context), networkInterceptorCreators);
   }
 
   /**
    * @param context the ReactContext of the application
    * @param defaultUserAgent the User-Agent header that will be set for all requests where the
-   * caller does not provide one explicitly
+   *     caller does not provide one explicitly
    */
   public NetworkingModule(ReactApplicationContext context, String defaultUserAgent) {
     this(context, defaultUserAgent, OkHttpClientProvider.createClient(context), null);
@@ -263,17 +237,23 @@ public void sendRequest(
       int timeout,
       boolean withCredentials) {
     try {
-      sendRequestInternal(method, url, requestId, headers, data, responseType,
-        useIncrementalUpdates, timeout, withCredentials);
+      sendRequestInternal(
+          method,
+          url,
+          requestId,
+          headers,
+          data,
+          responseType,
+          useIncrementalUpdates,
+          timeout,
+          withCredentials);
     } catch (Throwable th) {
       FLog.e(TAG, "Failed to send url request: " + url, th);
       ResponseUtil.onRequestError(getEventEmitter(), requestId, th.getMessage(), th);
     }
   }
 
-  /**
-   * @param timeout value of 0 results in no timeout
-   */
+  /** @param timeout value of 0 results in no timeout */
   public void sendRequestInternal(
       String method,
       String url,
@@ -326,37 +306,38 @@ public void sendRequestInternal(
     // If JS is listening for progress updates, install a ProgressResponseBody that intercepts the
     // response and counts bytes received.
     if (useIncrementalUpdates) {
-      clientBuilder.addNetworkInterceptor(new Interceptor() {
-        @Override
-        public Response intercept(Interceptor.Chain chain) throws IOException {
-          Response originalResponse = chain.proceed(chain.request());
-          ProgressResponseBody responseBody = new ProgressResponseBody(
-            originalResponse.body(),
-            new ProgressListener() {
-              long last = System.nanoTime();
-
-              @Override
-              public void onProgress(long bytesWritten, long contentLength, boolean done) {
-                long now = System.nanoTime();
-                if (!done && !shouldDispatch(now, last)) {
-                  return;
-                }
-                if (responseType.equals("text")) {
-                  // For 'text' responses we continuously send response data with progress info to
-                  // JS below, so no need to do anything here.
-                  return;
-                }
-                ResponseUtil.onDataReceivedProgress(
-                  eventEmitter,
-                  requestId,
-                  bytesWritten,
-                  contentLength);
-                last = now;
-              }
-            });
-          return originalResponse.newBuilder().body(responseBody).build();
-        }
-      });
+      clientBuilder.addNetworkInterceptor(
+          new Interceptor() {
+            @Override
+            public Response intercept(Interceptor.Chain chain) throws IOException {
+              Response originalResponse = chain.proceed(chain.request());
+              ProgressResponseBody responseBody =
+                  new ProgressResponseBody(
+                      originalResponse.body(),
+                      new ProgressListener() {
+                        long last = System.nanoTime();
+
+                        @Override
+                        public void onProgress(
+                            long bytesWritten, long contentLength, boolean done) {
+                          long now = System.nanoTime();
+                          if (!done && !shouldDispatch(now, last)) {
+                            return;
+                          }
+                          if (responseType.equals("text")) {
+                            // For 'text' responses we continuously send response data with progress
+                            // info to
+                            // JS below, so no need to do anything here.
+                            return;
+                          }
+                          ResponseUtil.onDataReceivedProgress(
+                              eventEmitter, requestId, bytesWritten, contentLength);
+                          last = now;
+                        }
+                      });
+              return originalResponse.newBuilder().body(responseBody).build();
+            }
+          });
     }
 
     // If the current timeout does not equal the passed in timeout, we need to clone the existing
@@ -396,10 +377,7 @@ public void onProgress(long bytesWritten, long contentLength, boolean done) {
     } else if (data.hasKey(REQUEST_BODY_KEY_STRING)) {
       if (contentType == null) {
         ResponseUtil.onRequestError(
-          eventEmitter,
-          requestId,
-          "Payload is set but no content-type header specified",
-          null);
+            eventEmitter, requestId, "Payload is set but no content-type header specified", null);
         return;
       }
       String body = data.getString(REQUEST_BODY_KEY_STRING);
@@ -414,18 +392,16 @@ public void onProgress(long bytesWritten, long contentLength, boolean done) {
         // Use getBytes() to convert the body into a byte[], preventing okhttp from
         // appending the character set to the Content-Type header when otherwise unspecified
         // https://github.com/facebook/react-native/issues/8237
-        Charset charset = contentMediaType == null
-          ? StandardCharsets.UTF_8
-          : contentMediaType.charset(StandardCharsets.UTF_8);
+        Charset charset =
+            contentMediaType == null
+                ? StandardCharsets.UTF_8
+                : contentMediaType.charset(StandardCharsets.UTF_8);
         requestBody = RequestBody.create(contentMediaType, body.getBytes(charset));
       }
     } else if (data.hasKey(REQUEST_BODY_KEY_BASE64)) {
       if (contentType == null) {
         ResponseUtil.onRequestError(
-          eventEmitter,
-          requestId,
-          "Payload is set but no content-type header specified",
-          null);
+            eventEmitter, requestId, "Payload is set but no content-type header specified", null);
         return;
       }
       String base64String = data.getString(REQUEST_BODY_KEY_BASE64);
@@ -434,10 +410,7 @@ public void onProgress(long bytesWritten, long contentLength, boolean done) {
     } else if (data.hasKey(REQUEST_BODY_KEY_URI)) {
       if (contentType == null) {
         ResponseUtil.onRequestError(
-          eventEmitter,
-          requestId,
-          "Payload is set but no content-type header specified",
-          null);
+            eventEmitter, requestId, "Payload is set but no content-type header specified", null);
         return;
       }
       String uri = data.getString(REQUEST_BODY_KEY_URI);
@@ -445,10 +418,7 @@ public void onProgress(long bytesWritten, long contentLength, boolean done) {
           RequestBodyUtil.getFileInputStream(getReactApplicationContext(), uri);
       if (fileInputStream == null) {
         ResponseUtil.onRequestError(
-          eventEmitter,
-          requestId,
-          "Could not retrieve file for uri " + uri,
-          null);
+            eventEmitter, requestId, "Could not retrieve file for uri " + uri, null);
         return;
       }
       requestBody = RequestBodyUtil.create(MediaType.parse(contentType), fileInputStream);
@@ -469,131 +439,140 @@ public void onProgress(long bytesWritten, long contentLength, boolean done) {
     }
 
     requestBuilder.method(
-      method,
-      wrapRequestBodyWithProgressEmitter(requestBody, eventEmitter, requestId));
+        method, wrapRequestBodyWithProgressEmitter(requestBody, eventEmitter, requestId));
 
     addRequest(requestId);
-    client.newCall(requestBuilder.build()).enqueue(
-        new Callback() {
-          @Override
-          public void onFailure(Call call, IOException e) {
-            if (mShuttingDown) {
-              return;
-            }
-            removeRequest(requestId);
-            String errorMessage = e.getMessage() != null
-                    ? e.getMessage()
-                    : "Error while executing request: " + e.getClass().getSimpleName();
-            ResponseUtil.onRequestError(eventEmitter, requestId, errorMessage, e);
-          }
-
-          @Override
-          public void onResponse(Call call, Response response) throws IOException {
-            if (mShuttingDown) {
-              return;
-            }
-            removeRequest(requestId);
-            // Before we touch the body send headers to JS
-            ResponseUtil.onResponseReceived(
-              eventEmitter,
-              requestId,
-              response.code(),
-              translateHeaders(response.headers()),
-              response.request().url().toString());
-
-            try {
-              // OkHttp implements something called transparent gzip, which mean that it will
-              // automatically add the Accept-Encoding gzip header and handle decoding internally.
-              // The issue is that it won't handle decoding if the user provides a Accept-Encoding
-              // header. This is also undesirable considering that iOS does handle the decoding even
-              // when the header is provided. To make sure this works in all cases, handle gzip body
-              // here also. This works fine since OKHttp will remove the Content-Encoding header if
-              // it used transparent gzip.
-              // See https://github.com/square/okhttp/blob/5b37cda9e00626f43acf354df145fd452c3031f1/okhttp/src/main/java/okhttp3/internal/http/BridgeInterceptor.java#L76-L111
-              ResponseBody responseBody = response.body();
-              if ("gzip".equalsIgnoreCase(response.header("Content-Encoding")) &&
-                  responseBody != null) {
-                GzipSource gzipSource = new GzipSource(responseBody.source());
-                String contentType = response.header("Content-Type");
-                responseBody = ResponseBody.create(
-                    contentType != null ? MediaType.parse(contentType) : null,
-                    -1L,
-                    Okio.buffer(gzipSource));
-              }
-
-              // Check if a handler is registered
-              for (ResponseHandler handler : mResponseHandlers) {
-                if (handler.supports(responseType)) {
-                  WritableMap res = handler.toResponseData(responseBody);
-                  ResponseUtil.onDataReceived(eventEmitter, requestId, res);
-                  ResponseUtil.onRequestSuccess(eventEmitter, requestId);
+    client
+        .newCall(requestBuilder.build())
+        .enqueue(
+            new Callback() {
+              @Override
+              public void onFailure(Call call, IOException e) {
+                if (mShuttingDown) {
                   return;
                 }
+                removeRequest(requestId);
+                String errorMessage =
+                    e.getMessage() != null
+                        ? e.getMessage()
+                        : "Error while executing request: " + e.getClass().getSimpleName();
+                ResponseUtil.onRequestError(eventEmitter, requestId, errorMessage, e);
               }
 
-              // If JS wants progress updates during the download, and it requested a text response,
-              // periodically send response data updates to JS.
-              if (useIncrementalUpdates && responseType.equals("text")) {
-                readWithProgress(eventEmitter, requestId, responseBody);
-                ResponseUtil.onRequestSuccess(eventEmitter, requestId);
-                return;
-              }
+              @Override
+              public void onResponse(Call call, Response response) throws IOException {
+                if (mShuttingDown) {
+                  return;
+                }
+                removeRequest(requestId);
+                // Before we touch the body send headers to JS
+                ResponseUtil.onResponseReceived(
+                    eventEmitter,
+                    requestId,
+                    response.code(),
+                    translateHeaders(response.headers()),
+                    response.request().url().toString());
 
-              // Otherwise send the data in one big chunk, in the format that JS requested.
-              String responseString = "";
-              if (responseType.equals("text")) {
                 try {
-                  responseString = responseBody.string();
-                } catch (IOException e) {
-                  if (response.request().method().equalsIgnoreCase("HEAD")) {
-                    // The request is an `HEAD` and the body is empty,
-                    // the OkHttp will produce an exception.
-                    // Ignore the exception to not invalidate the request in the
-                    // Javascript layer.
-                    // Introduced to fix issue #7463.
-                  } else {
-                    ResponseUtil.onRequestError(eventEmitter, requestId, e.getMessage(), e);
+                  // OkHttp implements something called transparent gzip, which mean that it will
+                  // automatically add the Accept-Encoding gzip header and handle decoding
+                  // internally.
+                  // The issue is that it won't handle decoding if the user provides a
+                  // Accept-Encoding
+                  // header. This is also undesirable considering that iOS does handle the decoding
+                  // even
+                  // when the header is provided. To make sure this works in all cases, handle gzip
+                  // body
+                  // here also. This works fine since OKHttp will remove the Content-Encoding header
+                  // if
+                  // it used transparent gzip.
+                  // See
+                  // https://github.com/square/okhttp/blob/5b37cda9e00626f43acf354df145fd452c3031f1/okhttp/src/main/java/okhttp3/internal/http/BridgeInterceptor.java#L76-L111
+                  ResponseBody responseBody = response.body();
+                  if ("gzip".equalsIgnoreCase(response.header("Content-Encoding"))
+                      && responseBody != null) {
+                    GzipSource gzipSource = new GzipSource(responseBody.source());
+                    String contentType = response.header("Content-Type");
+                    responseBody =
+                        ResponseBody.create(
+                            contentType != null ? MediaType.parse(contentType) : null,
+                            -1L,
+                            Okio.buffer(gzipSource));
                   }
+
+                  // Check if a handler is registered
+                  for (ResponseHandler handler : mResponseHandlers) {
+                    if (handler.supports(responseType)) {
+                      WritableMap res = handler.toResponseData(responseBody);
+                      ResponseUtil.onDataReceived(eventEmitter, requestId, res);
+                      ResponseUtil.onRequestSuccess(eventEmitter, requestId);
+                      return;
+                    }
+                  }
+
+                  // If JS wants progress updates during the download, and it requested a text
+                  // response,
+                  // periodically send response data updates to JS.
+                  if (useIncrementalUpdates && responseType.equals("text")) {
+                    readWithProgress(eventEmitter, requestId, responseBody);
+                    ResponseUtil.onRequestSuccess(eventEmitter, requestId);
+                    return;
+                  }
+
+                  // Otherwise send the data in one big chunk, in the format that JS requested.
+                  String responseString = "";
+                  if (responseType.equals("text")) {
+                    try {
+                      responseString = responseBody.string();
+                    } catch (IOException e) {
+                      if (response.request().method().equalsIgnoreCase("HEAD")) {
+                        // The request is an `HEAD` and the body is empty,
+                        // the OkHttp will produce an exception.
+                        // Ignore the exception to not invalidate the request in the
+                        // Javascript layer.
+                        // Introduced to fix issue #7463.
+                      } else {
+                        ResponseUtil.onRequestError(eventEmitter, requestId, e.getMessage(), e);
+                      }
+                    }
+                  } else if (responseType.equals("base64")) {
+                    responseString = Base64.encodeToString(responseBody.bytes(), Base64.NO_WRAP);
+                  }
+                  ResponseUtil.onDataReceived(eventEmitter, requestId, responseString);
+                  ResponseUtil.onRequestSuccess(eventEmitter, requestId);
+                } catch (IOException e) {
+                  ResponseUtil.onRequestError(eventEmitter, requestId, e.getMessage(), e);
                 }
-              } else if (responseType.equals("base64")) {
-                responseString = Base64.encodeToString(responseBody.bytes(), Base64.NO_WRAP);
               }
-              ResponseUtil.onDataReceived(eventEmitter, requestId, responseString);
-              ResponseUtil.onRequestSuccess(eventEmitter, requestId);
-            } catch (IOException e) {
-              ResponseUtil.onRequestError(eventEmitter, requestId, e.getMessage(), e);
-            }
-          }
-        });
+            });
   }
 
   private RequestBody wrapRequestBodyWithProgressEmitter(
       final RequestBody requestBody,
       final RCTDeviceEventEmitter eventEmitter,
       final int requestId) {
-    if(requestBody == null) {
+    if (requestBody == null) {
       return null;
     }
     return RequestBodyUtil.createProgressRequest(
-      requestBody,
-      new ProgressListener() {
-        long last = System.nanoTime();
-
-        @Override
-        public void onProgress(long bytesWritten, long contentLength, boolean done) {
-          long now = System.nanoTime();
-          if (done || shouldDispatch(now, last)) {
-            ResponseUtil.onDataSend(eventEmitter, requestId, bytesWritten, contentLength);
-            last = now;
+        requestBody,
+        new ProgressListener() {
+          long last = System.nanoTime();
+
+          @Override
+          public void onProgress(long bytesWritten, long contentLength, boolean done) {
+            long now = System.nanoTime();
+            if (done || shouldDispatch(now, last)) {
+              ResponseUtil.onDataSend(eventEmitter, requestId, bytesWritten, contentLength);
+              last = now;
+            }
           }
-        }
-      });
+        });
   }
 
   private void readWithProgress(
-      RCTDeviceEventEmitter eventEmitter,
-      int requestId,
-      ResponseBody responseBody) throws IOException {
+      RCTDeviceEventEmitter eventEmitter, int requestId, ResponseBody responseBody)
+      throws IOException {
     long totalBytesRead = -1;
     long contentLength = -1;
     try {
@@ -604,8 +583,10 @@ private void readWithProgress(
       // Ignore
     }
 
-    Charset charset = responseBody.contentType() == null ? StandardCharsets.UTF_8 :
-      responseBody.contentType().charset(StandardCharsets.UTF_8);
+    Charset charset =
+        responseBody.contentType() == null
+            ? StandardCharsets.UTF_8
+            : responseBody.contentType().charset(StandardCharsets.UTF_8);
 
     ProgressiveStringDecoder streamDecoder = new ProgressiveStringDecoder(charset);
     InputStream inputStream = responseBody.byteStream();
@@ -614,11 +595,11 @@ private void readWithProgress(
       int read;
       while ((read = inputStream.read(buffer)) != -1) {
         ResponseUtil.onIncrementalDataReceived(
-          eventEmitter,
-          requestId,
-          streamDecoder.decodeNext(buffer, read),
-          totalBytesRead,
-          contentLength);
+            eventEmitter,
+            requestId,
+            streamDecoder.decodeNext(buffer, read),
+            totalBytesRead,
+            contentLength);
       }
     } finally {
       inputStream.close();
@@ -645,19 +626,18 @@ private synchronized void cancelAllRequests() {
   }
 
   private static WritableMap translateHeaders(Headers headers) {
-    WritableMap responseHeaders = Arguments.createMap();
+    Bundle responseHeaders = new Bundle();
     for (int i = 0; i < headers.size(); i++) {
       String headerName = headers.name(i);
       // multiple values for the same header
-      if (responseHeaders.hasKey(headerName)) {
+      if (responseHeaders.containsKey(headerName)) {
         responseHeaders.putString(
-            headerName,
-            responseHeaders.getString(headerName) + ", " + headers.value(i));
+            headerName, responseHeaders.getString(headerName) + ", " + headers.value(i));
       } else {
         responseHeaders.putString(headerName, headers.value(i));
       }
     }
-    return responseHeaders;
+    return Arguments.fromBundle(responseHeaders);
   }
 
   @ReactMethod
@@ -683,9 +663,7 @@ public void clearCookies(com.facebook.react.bridge.Callback callback) {
   }
 
   private @Nullable MultipartBody.Builder constructMultipartBody(
-      ReadableArray body,
-      String contentType,
-      int requestId) {
+      ReadableArray body, String contentType, int requestId) {
     RCTDeviceEventEmitter eventEmitter = getEventEmitter();
     MultipartBody.Builder multipartBuilder = new MultipartBody.Builder();
     multipartBuilder.setType(MediaType.parse(contentType));
@@ -698,10 +676,7 @@ public void clearCookies(com.facebook.react.bridge.Callback callback) {
       Headers headers = extractHeaders(headersArray, null);
       if (headers == null) {
         ResponseUtil.onRequestError(
-          eventEmitter,
-          requestId,
-          "Missing or invalid header format for FormData part.",
-          null);
+            eventEmitter, requestId, "Missing or invalid header format for FormData part.", null);
         return null;
       }
       MediaType partContentType = null;
@@ -719,10 +694,7 @@ public void clearCookies(com.facebook.react.bridge.Callback callback) {
       } else if (bodyPart.hasKey(REQUEST_BODY_KEY_URI)) {
         if (partContentType == null) {
           ResponseUtil.onRequestError(
-            eventEmitter,
-            requestId,
-            "Binary FormData part needs a content-type header.",
-            null);
+              eventEmitter, requestId, "Binary FormData part needs a content-type header.", null);
           return null;
         }
         String fileContentUriStr = bodyPart.getString(REQUEST_BODY_KEY_URI);
@@ -730,10 +702,10 @@ public void clearCookies(com.facebook.react.bridge.Callback callback) {
             RequestBodyUtil.getFileInputStream(getReactApplicationContext(), fileContentUriStr);
         if (fileInputStream == null) {
           ResponseUtil.onRequestError(
-            eventEmitter,
-            requestId,
-            "Could not retrieve file for uri " + fileContentUriStr,
-            null);
+              eventEmitter,
+              requestId,
+              "Could not retrieve file for uri " + fileContentUriStr,
+              null);
           return null;
         }
         multipartBuilder.addPart(headers, RequestBodyUtil.create(partContentType, fileInputStream));
@@ -748,8 +720,7 @@ public void clearCookies(com.facebook.react.bridge.Callback callback) {
    * Extracts the headers from the Array. If the format is invalid, this method will return null.
    */
   private @Nullable Headers extractHeaders(
-      @Nullable ReadableArray headersArray,
-      @Nullable ReadableMap requestData) {
+      @Nullable ReadableArray headersArray, @Nullable ReadableMap requestData) {
     if (headersArray == null) {
       return null;
     }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/network/OkHttpClientFactory.java b/ReactAndroid/src/main/java/com/facebook/react/modules/network/OkHttpClientFactory.java
index 9baf4887799348..b233a37a375c84 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/network/OkHttpClientFactory.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/network/OkHttpClientFactory.java
@@ -1,14 +1,13 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 okhttp3.OkHttpClient;
 
 public interface OkHttpClientFactory {
-    OkHttpClient createNewNetworkModuleClient();
+  OkHttpClient createNewNetworkModuleClient();
 };
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/network/OkHttpClientProvider.java b/ReactAndroid/src/main/java/com/facebook/react/modules/network/OkHttpClientProvider.java
index 34aefeabbb1276..c2691af61d4ca1 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/network/OkHttpClientProvider.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/network/OkHttpClientProvider.java
@@ -1,26 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 android.content.Context;
 import android.os.Build;
-
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
-
 import java.io.File;
 import java.security.Provider;
 import java.security.Security;
 import java.util.ArrayList;
 import java.util.List;
 import java.util.concurrent.TimeUnit;
-
-import javax.annotation.Nullable;
-
 import okhttp3.Cache;
 import okhttp3.ConnectionSpec;
 import okhttp3.OkHttpClient;
@@ -65,16 +60,16 @@ public static OkHttpClient createClient(Context context) {
 
   public static OkHttpClient.Builder createClientBuilder() {
     // No timeouts by default
-    OkHttpClient.Builder client = new OkHttpClient.Builder()
-      .connectTimeout(0, TimeUnit.MILLISECONDS)
-      .readTimeout(0, TimeUnit.MILLISECONDS)
-      .writeTimeout(0, TimeUnit.MILLISECONDS)
-      .cookieJar(new ReactCookieJarContainer());
+    OkHttpClient.Builder client =
+        new OkHttpClient.Builder()
+            .connectTimeout(0, TimeUnit.MILLISECONDS)
+            .readTimeout(0, TimeUnit.MILLISECONDS)
+            .writeTimeout(0, TimeUnit.MILLISECONDS)
+            .cookieJar(new ReactCookieJarContainer());
 
     try {
       Class ConscryptProvider = Class.forName("org.conscrypt.OpenSSLProvider");
-      Security.insertProviderAt(
-        (Provider) ConscryptProvider.newInstance(), 1);
+      Security.insertProviderAt((Provider) ConscryptProvider.newInstance(), 1);
       return client;
     } catch (Exception e) {
       return enableTls12OnPreLollipop(client);
@@ -100,16 +95,17 @@ public static OkHttpClient.Builder createClientBuilder(Context context, int cach
   }
 
   /*
-    On Android 4.1-4.4 (API level 16 to 19) TLS 1.1 and 1.2 are
-    available but not enabled by default. The following method
-    enables it.
-   */
+   On Android 4.1-4.4 (API level 16 to 19) TLS 1.1 and 1.2 are
+   available but not enabled by default. The following method
+   enables it.
+  */
   public static OkHttpClient.Builder enableTls12OnPreLollipop(OkHttpClient.Builder client) {
     if (Build.VERSION.SDK_INT <= Build.VERSION_CODES.KITKAT) {
       try {
         client.sslSocketFactory(new TLSSocketFactory());
 
-        ConnectionSpec cs = new ConnectionSpec.Builder(ConnectionSpec.MODERN_TLS)
+        ConnectionSpec cs =
+            new ConnectionSpec.Builder(ConnectionSpec.MODERN_TLS)
                 .tlsVersions(TlsVersion.TLS_1_2)
                 .build();
 
@@ -126,5 +122,4 @@ public static OkHttpClient.Builder enableTls12OnPreLollipop(OkHttpClient.Builder
 
     return client;
   }
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressListener.java b/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressListener.java
index cafbfba4f5cd5c..886e39d8e17afc 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressListener.java
@@ -1,12 +1,11 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 public interface ProgressListener {
-    void onProgress(long bytesWritten, long contentLength, boolean done);
+  void onProgress(long bytesWritten, long contentLength, boolean done);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressRequestBody.java b/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressRequestBody.java
index e86a2c5e63b898..b810dc0e573e13 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressRequestBody.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressRequestBody.java
@@ -1,14 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.io.IOException;
-
 import okhttp3.MediaType;
 import okhttp3.RequestBody;
 import okio.BufferedSink;
@@ -55,25 +53,26 @@ public void writeTo(BufferedSink sink) throws IOException {
   }
 
   private Sink outputStreamSink(BufferedSink sink) {
-    return Okio.sink(new CountingOutputStream(sink.outputStream()) {
-      @Override
-      public void write(byte[] data, int offset, int byteCount) throws IOException {
-        super.write(data, offset, byteCount);
-        sendProgressUpdate();
-      }
+    return Okio.sink(
+        new CountingOutputStream(sink.outputStream()) {
+          @Override
+          public void write(byte[] data, int offset, int byteCount) throws IOException {
+            super.write(data, offset, byteCount);
+            sendProgressUpdate();
+          }
 
-      @Override
-      public void write(int data) throws IOException {
-        super.write(data);
-        sendProgressUpdate();
-      }
+          @Override
+          public void write(int data) throws IOException {
+            super.write(data);
+            sendProgressUpdate();
+          }
 
-      private void sendProgressUpdate() throws IOException {
-        long bytesWritten = getCount();
-        long contentLength = contentLength();
-        mProgressListener.onProgress(
-          bytesWritten, contentLength, bytesWritten == contentLength);
-      }
-    });
+          private void sendProgressUpdate() throws IOException {
+            long bytesWritten = getCount();
+            long contentLength = contentLength();
+            mProgressListener.onProgress(
+                bytesWritten, contentLength, bytesWritten == contentLength);
+          }
+        });
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressResponseBody.java b/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressResponseBody.java
index 6075ec9d82e367..f3ef4f9a28a005 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressResponseBody.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressResponseBody.java
@@ -5,9 +5,8 @@
 
 package com.facebook.react.modules.network;
 
+import androidx.annotation.Nullable;
 import java.io.IOException;
-import javax.annotation.Nullable;
-
 import okhttp3.MediaType;
 import okhttp3.ResponseBody;
 import okio.Buffer;
@@ -18,48 +17,50 @@
 
 public class ProgressResponseBody extends ResponseBody {
 
-    private final ResponseBody mResponseBody;
-    private final ProgressListener mProgressListener;
-    private @Nullable BufferedSource mBufferedSource;
-    private long mTotalBytesRead;
+  private final ResponseBody mResponseBody;
+  private final ProgressListener mProgressListener;
+  private @Nullable BufferedSource mBufferedSource;
+  private long mTotalBytesRead;
 
-    public ProgressResponseBody(ResponseBody responseBody, ProgressListener progressListener) {
-        this.mResponseBody = responseBody;
-        this.mProgressListener = progressListener;
-        mTotalBytesRead = 0L;
-    }
+  public ProgressResponseBody(ResponseBody responseBody, ProgressListener progressListener) {
+    this.mResponseBody = responseBody;
+    this.mProgressListener = progressListener;
+    mTotalBytesRead = 0L;
+  }
 
-    @Override
-    public MediaType contentType() {
-        return mResponseBody.contentType();
-    }
+  @Override
+  public MediaType contentType() {
+    return mResponseBody.contentType();
+  }
 
-    @Override
-    public long contentLength() {
-        return mResponseBody.contentLength();
-    }
+  @Override
+  public long contentLength() {
+    return mResponseBody.contentLength();
+  }
 
-    public long totalBytesRead() {
-        return mTotalBytesRead;
-    }
+  public long totalBytesRead() {
+    return mTotalBytesRead;
+  }
 
-    @Override public BufferedSource source() {
-        if (mBufferedSource == null) {
-            mBufferedSource = Okio.buffer(source(mResponseBody.source()));
-        }
-        return mBufferedSource;
+  @Override
+  public BufferedSource source() {
+    if (mBufferedSource == null) {
+      mBufferedSource = Okio.buffer(source(mResponseBody.source()));
     }
+    return mBufferedSource;
+  }
 
-    private Source source(Source source) {
-        return new ForwardingSource(source) {
-            @Override public long read(Buffer sink, long byteCount) throws IOException {
-                long bytesRead = super.read(sink, byteCount);
-                // read() returns the number of bytes read, or -1 if this source is exhausted.
-                mTotalBytesRead += bytesRead != -1 ? bytesRead : 0;
-                mProgressListener.onProgress(
-                    mTotalBytesRead, mResponseBody.contentLength(), bytesRead == -1);
-                return bytesRead;
-            }
-        };
-    }
+  private Source source(Source source) {
+    return new ForwardingSource(source) {
+      @Override
+      public long read(Buffer sink, long byteCount) throws IOException {
+        long bytesRead = super.read(sink, byteCount);
+        // read() returns the number of bytes read, or -1 if this source is exhausted.
+        mTotalBytesRead += bytesRead != -1 ? bytesRead : 0;
+        mProgressListener.onProgress(
+            mTotalBytesRead, mResponseBody.contentLength(), bytesRead == -1);
+        return bytesRead;
+      }
+    };
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressiveStringDecoder.java b/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressiveStringDecoder.java
index 45a1fe298a5157..93f81d7010f1b5 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressiveStringDecoder.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressiveStringDecoder.java
@@ -1,14 +1,13 @@
 /**
-* Copyright (c) Facebook, Inc. and its 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) Facebook, Inc. and its affiliates.
+ *
+ * <p>This source 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.common.logging.FLog;
 import com.facebook.react.common.ReactConstants;
-
 import java.nio.ByteBuffer;
 import java.nio.CharBuffer;
 import java.nio.charset.CharacterCodingException;
@@ -16,13 +15,12 @@
 import java.nio.charset.CharsetDecoder;
 
 /**
- * Class to decode encoded strings from byte array chunks.
- * As in different encodings single character could take up to 4 characters byte array passed to
- * decode could have parts of the characters which can't be correctly decoded.
- *
- * 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.
+ * Class to decode encoded strings from byte array chunks. As in different encodings single
+ * character could take up to 4 characters byte array passed to decode could have parts of the
+ * characters which can't be correctly decoded.
  *
+ * <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 {
 
@@ -32,17 +30,15 @@ public class ProgressiveStringDecoder {
 
   private byte[] remainder = null;
 
-  /**
-   * @param charset expected charset of the data
-   */
+  /** @param charset expected charset of the data */
   public ProgressiveStringDecoder(Charset charset) {
     mDecoder = charset.newDecoder();
   }
 
   /**
-   * Parses data to String
-   * If there is a partial multi-byte symbol on the edge of the String it get saved to the
-   * reminder and added to the string on the decodeNext call.
+   * Parses data to String If there is a partial multi-byte symbol on the edge of the String it get
+   * saved to the reminder and added to the string on the decodeNext call.
+   *
    * @param data
    * @return
    */
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/network/ReactCookieJarContainer.java b/ReactAndroid/src/main/java/com/facebook/react/modules/network/ReactCookieJarContainer.java
index 0589bfd1705b2b..8818f0618bb56d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/network/ReactCookieJarContainer.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/network/ReactCookieJarContainer.java
@@ -1,30 +1,24 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 androidx.annotation.Nullable;
 import java.util.ArrayList;
 import java.util.Collections;
 import java.util.List;
-
-import javax.annotation.Nullable;
-
 import okhttp3.Cookie;
 import okhttp3.CookieJar;
 import okhttp3.Headers;
 import okhttp3.HttpUrl;
 
-/**
- * Basic okhttp3 CookieJar container
- */
+/** Basic okhttp3 CookieJar container */
 public class ReactCookieJarContainer implements CookieJarContainer {
 
-  @Nullable
-  private CookieJar cookieJar = null;
+  @Nullable private CookieJar cookieJar = null;
 
   @Override
   public void setCookieJar(CookieJar cookieJar) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/network/RequestBodyUtil.java b/ReactAndroid/src/main/java/com/facebook/react/modules/network/RequestBodyUtil.java
index f3eeb3895486e2..612f77685639ec 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/network/RequestBodyUtil.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/network/RequestBodyUtil.java
@@ -1,14 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 android.content.Context;
 import android.net.Uri;
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.common.ReactConstants;
 import java.io.ByteArrayOutputStream;
@@ -22,7 +22,6 @@
 import java.nio.channels.Channels;
 import java.nio.channels.ReadableByteChannel;
 import java.util.zip.GZIPOutputStream;
-import javax.annotation.Nullable;
 import okhttp3.MediaType;
 import okhttp3.RequestBody;
 import okhttp3.internal.Util;
@@ -41,9 +40,7 @@
   private static final String NAME = "RequestBodyUtil";
   private static final String TEMP_FILE_SUFFIX = "temp";
 
-  /**
-   * Returns whether encode type indicates the body needs to be gzip-ed.
-   */
+  /** Returns whether encode type indicates the body needs to be gzip-ed. */
   public static boolean isGzipEncoding(@Nullable final String encodingType) {
     return CONTENT_ENCODING_GZIP.equalsIgnoreCase(encodingType);
   }
@@ -53,8 +50,7 @@ public static boolean isGzipEncoding(@Nullable final String encodingType) {
    * been found or if an error as occurred.
    */
   public static @Nullable InputStream getFileInputStream(
-      Context context,
-      String fileContentUriStr) {
+      Context context, String fileContentUriStr) {
     try {
       Uri fileContentUri = Uri.parse(fileContentUriStr);
 
@@ -63,10 +59,7 @@ public static boolean isGzipEncoding(@Nullable final String encodingType) {
       }
       return context.getContentResolver().openInputStream(fileContentUri);
     } catch (Exception e) {
-      FLog.e(
-          ReactConstants.TAG,
-          "Could not retrieve file for contentUri " + fileContentUriStr,
-          e);
+      FLog.e(ReactConstants.TAG, "Could not retrieve file for contentUri " + fileContentUriStr, e);
       return null;
     }
   }
@@ -114,9 +107,7 @@ private static InputStream getDownloadFileInputStream(Context context, Uri uri)
     return RequestBody.create(mediaType, gzipByteArrayOutputStream.toByteArray());
   }
 
-  /**
-   * Creates a RequestBody from a mediaType and inputStream given.
-   */
+  /** Creates a RequestBody from a mediaType and inputStream given. */
   public static RequestBody create(final MediaType mediaType, final InputStream inputStream) {
     return new RequestBody() {
       @Override
@@ -146,18 +137,13 @@ public void writeTo(BufferedSink sink) throws IOException {
     };
   }
 
-  /**
-   * Creates a ProgressRequestBody that can be used for showing uploading progress
-   */
+  /** Creates a ProgressRequestBody that can be used for showing uploading progress */
   public static ProgressRequestBody createProgressRequest(
-      RequestBody requestBody,
-      ProgressListener listener) {
+      RequestBody requestBody, ProgressListener listener) {
     return new ProgressRequestBody(requestBody, listener);
   }
 
-  /**
-   * Creates a empty RequestBody if required by the http method spec, otherwise use null
-   */
+  /** Creates a empty RequestBody if required by the http method spec, otherwise use null */
   public static RequestBody getEmptyBody(String method) {
     if (method.equals("POST") || method.equals("PUT") || method.equals("PATCH")) {
       return RequestBody.create(null, ByteString.EMPTY);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/network/ResponseUtil.java b/ReactAndroid/src/main/java/com/facebook/react/modules/network/ResponseUtil.java
index 9ad7bffdac0303..7c81a09b184a98 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/network/ResponseUtil.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/network/ResponseUtil.java
@@ -1,29 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.WritableArray;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.modules.core.DeviceEventManagerModule.RCTDeviceEventEmitter;
-
-import java.io.IOException;
 import java.net.SocketTimeoutException;
 
-/**
- * Util methods to send network responses to JS.
- */
+/** Util methods to send network responses to JS. */
 public class ResponseUtil {
   public static void onDataSend(
-    RCTDeviceEventEmitter eventEmitter,
-    int requestId,
-    long progress,
-    long total) {
+      RCTDeviceEventEmitter eventEmitter, int requestId, long progress, long total) {
     WritableArray args = Arguments.createArray();
     args.pushInt(requestId);
     args.pushInt((int) progress);
@@ -32,11 +24,7 @@ public static void onDataSend(
   }
 
   public static void onIncrementalDataReceived(
-    RCTDeviceEventEmitter eventEmitter,
-    int requestId,
-    String data,
-    long progress,
-    long total) {
+      RCTDeviceEventEmitter eventEmitter, int requestId, String data, long progress, long total) {
     WritableArray args = Arguments.createArray();
     args.pushInt(requestId);
     args.pushString(data);
@@ -47,10 +35,7 @@ public static void onIncrementalDataReceived(
   }
 
   public static void onDataReceivedProgress(
-    RCTDeviceEventEmitter eventEmitter,
-    int requestId,
-    long progress,
-    long total) {
+      RCTDeviceEventEmitter eventEmitter, int requestId, long progress, long total) {
     WritableArray args = Arguments.createArray();
     args.pushInt(requestId);
     args.pushInt((int) progress);
@@ -60,9 +45,7 @@ public static void onDataReceivedProgress(
   }
 
   public static void onDataReceived(
-    RCTDeviceEventEmitter eventEmitter,
-    int requestId,
-    String data) {
+      RCTDeviceEventEmitter eventEmitter, int requestId, String data) {
     WritableArray args = Arguments.createArray();
     args.pushInt(requestId);
     args.pushString(data);
@@ -71,9 +54,7 @@ public static void onDataReceived(
   }
 
   public static void onDataReceived(
-    RCTDeviceEventEmitter eventEmitter,
-    int requestId,
-    WritableMap data) {
+      RCTDeviceEventEmitter eventEmitter, int requestId, WritableMap data) {
     WritableArray args = Arguments.createArray();
     args.pushInt(requestId);
     args.pushMap(data);
@@ -82,10 +63,7 @@ public static void onDataReceived(
   }
 
   public static void onRequestError(
-    RCTDeviceEventEmitter eventEmitter,
-    int requestId,
-    String error,
-    Throwable e) {
+      RCTDeviceEventEmitter eventEmitter, int requestId, String error, Throwable e) {
     WritableArray args = Arguments.createArray();
     args.pushInt(requestId);
     args.pushString(error);
@@ -106,11 +84,11 @@ public static void onRequestSuccess(RCTDeviceEventEmitter eventEmitter, int requ
   }
 
   public static void onResponseReceived(
-    RCTDeviceEventEmitter eventEmitter,
-    int requestId,
-    int statusCode,
-    WritableMap headers,
-    String url) {
+      RCTDeviceEventEmitter eventEmitter,
+      int requestId,
+      int statusCode,
+      WritableMap headers,
+      String url) {
     WritableArray args = Arguments.createArray();
     args.pushInt(requestId);
     args.pushInt(statusCode);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/network/TLSSocketFactory.java b/ReactAndroid/src/main/java/com/facebook/react/modules/network/TLSSocketFactory.java
index 9c6037426221f6..5a3098d5956d47 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/network/TLSSocketFactory.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/network/TLSSocketFactory.java
@@ -1,8 +1,8 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
@@ -12,65 +12,66 @@
 import java.net.UnknownHostException;
 import java.security.KeyManagementException;
 import java.security.NoSuchAlgorithmException;
-
 import javax.net.ssl.SSLContext;
 import javax.net.ssl.SSLSocket;
 import javax.net.ssl.SSLSocketFactory;
 
 /**
- *
  * This class is needed for TLS 1.2 support on Android 4.x
  *
- * Source: http://blog.dev-area.net/2015/08/13/android-4-1-enable-tls-1-1-and-tls-1-2/
+ * <p>Source: http://blog.dev-area.net/2015/08/13/android-4-1-enable-tls-1-1-and-tls-1-2/
  */
 public class TLSSocketFactory extends SSLSocketFactory {
-    private SSLSocketFactory delegate;
+  private SSLSocketFactory delegate;
 
-    public TLSSocketFactory() throws KeyManagementException, NoSuchAlgorithmException {
-        SSLContext context = SSLContext.getInstance("TLS");
-        context.init(null, null, null);
-        delegate = context.getSocketFactory();
-    }
+  public TLSSocketFactory() throws KeyManagementException, NoSuchAlgorithmException {
+    SSLContext context = SSLContext.getInstance("TLS");
+    context.init(null, null, null);
+    delegate = context.getSocketFactory();
+  }
 
-    @Override
-    public String[] getDefaultCipherSuites() {
-        return delegate.getDefaultCipherSuites();
-    }
+  @Override
+  public String[] getDefaultCipherSuites() {
+    return delegate.getDefaultCipherSuites();
+  }
 
-    @Override
-    public String[] getSupportedCipherSuites() {
-        return delegate.getSupportedCipherSuites();
-    }
+  @Override
+  public String[] getSupportedCipherSuites() {
+    return delegate.getSupportedCipherSuites();
+  }
 
-    @Override
-    public Socket createSocket(Socket s, String host, int port, boolean autoClose) throws IOException {
-        return enableTLSOnSocket(delegate.createSocket(s, host, port, autoClose));
-    }
+  @Override
+  public Socket createSocket(Socket s, String host, int port, boolean autoClose)
+      throws IOException {
+    return enableTLSOnSocket(delegate.createSocket(s, host, port, autoClose));
+  }
 
-    @Override
-    public Socket createSocket(String host, int port) throws IOException, UnknownHostException {
-        return enableTLSOnSocket(delegate.createSocket(host, port));
-    }
+  @Override
+  public Socket createSocket(String host, int port) throws IOException, UnknownHostException {
+    return enableTLSOnSocket(delegate.createSocket(host, port));
+  }
 
-    @Override
-    public Socket createSocket(String host, int port, InetAddress localHost, int localPort) throws IOException, UnknownHostException {
-        return enableTLSOnSocket(delegate.createSocket(host, port, localHost, localPort));
-    }
+  @Override
+  public Socket createSocket(String host, int port, InetAddress localHost, int localPort)
+      throws IOException, UnknownHostException {
+    return enableTLSOnSocket(delegate.createSocket(host, port, localHost, localPort));
+  }
 
-    @Override
-    public Socket createSocket(InetAddress host, int port) throws IOException {
-        return enableTLSOnSocket(delegate.createSocket(host, port));
-    }
+  @Override
+  public Socket createSocket(InetAddress host, int port) throws IOException {
+    return enableTLSOnSocket(delegate.createSocket(host, port));
+  }
 
-    @Override
-    public Socket createSocket(InetAddress address, int port, InetAddress localAddress, int localPort) throws IOException {
-        return enableTLSOnSocket(delegate.createSocket(address, port, localAddress, localPort));
-    }
+  @Override
+  public Socket createSocket(InetAddress address, int port, InetAddress localAddress, int localPort)
+      throws IOException {
+    return enableTLSOnSocket(delegate.createSocket(address, port, localAddress, localPort));
+  }
 
-    private Socket enableTLSOnSocket(Socket socket) {
-        if(socket != null && (socket instanceof SSLSocket)) {
-            ((SSLSocket)socket).setEnabledProtocols(new String[] {"TLSv1", "TLSv1.1", "TLSv1.2"});
-        }
-        return socket;
+  private Socket enableTLSOnSocket(Socket socket) {
+    if (socket != null && (socket instanceof SSLSocket)) {
+      ((SSLSocket) socket).setEnabledProtocols(new String[] {"TLSv1", "TLSv1.1", "TLSv1.2"});
     }
+    return socket;
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/permissions/PermissionsModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/permissions/PermissionsModule.java
index dd7c123769571b..6172df1eca7529 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/permissions/PermissionsModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/permissions/PermissionsModule.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.permissions;
 
 import android.app.Activity;
@@ -26,9 +25,7 @@
 import com.facebook.react.modules.core.PermissionListener;
 import java.util.ArrayList;
 
-/**
- * Module that exposes the Android M Permission system to JS.
- */
+/** Module that exposes the Android M Permission system to JS. */
 @ReactModule(name = PermissionsModule.NAME)
 public class PermissionsModule extends ReactContextBaseJavaModule implements PermissionListener {
 
@@ -58,8 +55,9 @@ public String getName() {
   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);
+      promise.resolve(
+          context.checkPermission(permission, Process.myPid(), Process.myUid())
+              == PackageManager.PERMISSION_GRANTED);
       return;
     }
     promise.resolve(context.checkSelfPermission(permission) == PackageManager.PERMISSION_GRANTED);
@@ -67,11 +65,11 @@ public void checkPermission(final String permission, final Promise promise) {
 
   /**
    * Check whether the app should display a message explaining why a certain permission is needed.
-   * successCallback is called with true if the app should display a message, false otherwise.
-   * This message is only displayed if the user has revoked this permission once before, and if the
+   * successCallback is called with true if the app should display a message, false otherwise. This
+   * message is only displayed if the user has revoked this permission once before, and if the
    * permission dialog will be shown to the user (the user can choose to not be shown that dialog
-   * again). For devices before Android M, this always returns false.
-   * See {@link Activity#shouldShowRequestPermissionRationale}.
+   * again). For devices before Android M, this always returns false. See {@link
+   * Activity#shouldShowRequestPermissionRationale}.
    */
   @ReactMethod
   public void shouldShowRequestPermissionRationale(final String permission, final Promise promise) {
@@ -80,7 +78,8 @@ public void shouldShowRequestPermissionRationale(final String permission, final
       return;
     }
     try {
-      promise.resolve(getPermissionAwareActivity().shouldShowRequestPermissionRationale(permission));
+      promise.resolve(
+          getPermissionAwareActivity().shouldShowRequestPermissionRationale(permission));
     } catch (IllegalStateException e) {
       promise.reject(ERROR_INVALID_ACTIVITY, e);
     }
@@ -88,16 +87,19 @@ public void shouldShowRequestPermissionRationale(final String permission, final
 
   /**
    * Request the given permission. successCallback is called with GRANTED if the permission had been
-   * granted, DENIED or NEVER_ASK_AGAIN otherwise. For devices before Android M, this checks if the user has
-   * the permission given or not and resolves with GRANTED or DENIED.
-   * See {@link Activity#checkSelfPermission}.
+   * granted, DENIED or NEVER_ASK_AGAIN otherwise. For devices before Android M, this checks if the
+   * user has the permission given or not and resolves with GRANTED or DENIED. See {@link
+   * Activity#checkSelfPermission}.
    */
   @ReactMethod
   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);
+      promise.resolve(
+          context.checkPermission(permission, Process.myPid(), Process.myUid())
+                  == PackageManager.PERMISSION_GRANTED
+              ? GRANTED
+              : DENIED);
       return;
     }
     if (context.checkSelfPermission(permission) == PackageManager.PERMISSION_GRANTED) {
@@ -109,25 +111,25 @@ public void requestPermission(final String permission, final Promise promise) {
       PermissionAwareActivity activity = getPermissionAwareActivity();
 
       mCallbacks.put(
-        mRequestCode, new Callback() {
-          @Override
-          public void invoke(Object... args) {
-            int[] results = (int[]) args[0];
-            if (results.length > 0 && results[0] == PackageManager.PERMISSION_GRANTED) {
-              promise.resolve(GRANTED);
-            } else {
-              PermissionAwareActivity activity = (PermissionAwareActivity) args[1];
-              if (activity.shouldShowRequestPermissionRationale(permission)) {
-                promise.resolve(DENIED);
+          mRequestCode,
+          new Callback() {
+            @Override
+            public void invoke(Object... args) {
+              int[] results = (int[]) args[0];
+              if (results.length > 0 && results[0] == PackageManager.PERMISSION_GRANTED) {
+                promise.resolve(GRANTED);
               } else {
-                promise.resolve(NEVER_ASK_AGAIN);
+                PermissionAwareActivity activity = (PermissionAwareActivity) args[1];
+                if (activity.shouldShowRequestPermissionRationale(permission)) {
+                  promise.resolve(DENIED);
+                } else {
+                  promise.resolve(NEVER_ASK_AGAIN);
+                }
               }
             }
-          }
-        }
-      );
+          });
 
-      activity.requestPermissions(new String[]{permission}, mRequestCode, this);
+      activity.requestPermissions(new String[] {permission}, mRequestCode, this);
       mRequestCode++;
     } catch (IllegalStateException e) {
       promise.reject(ERROR_INVALID_ACTIVITY, e);
@@ -146,8 +148,12 @@ public void requestMultiplePermissions(final ReadableArray permissions, final Pr
       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);
+        grantedPermissions.putString(
+            perm,
+            context.checkPermission(perm, Process.myPid(), Process.myUid())
+                    == PackageManager.PERMISSION_GRANTED
+                ? GRANTED
+                : DENIED);
         checkedPermissionsCount++;
       } else if (context.checkSelfPermission(perm) == PackageManager.PERMISSION_GRANTED) {
         grantedPermissions.putString(perm, GRANTED);
@@ -165,26 +171,27 @@ public void requestMultiplePermissions(final ReadableArray permissions, final Pr
       PermissionAwareActivity activity = getPermissionAwareActivity();
 
       mCallbacks.put(
-      mRequestCode, new Callback() {
-        @Override
-        public void invoke(Object... args) {
-          int[] results = (int[]) args[0];
-          PermissionAwareActivity activity = (PermissionAwareActivity) args[1];
-          for (int j = 0; j < permissionsToCheck.size(); j++) {
-            String permission = permissionsToCheck.get(j);
-            if (results.length > 0 && results[j] == PackageManager.PERMISSION_GRANTED) {
-              grantedPermissions.putString(permission, GRANTED);
-            } else {
-              if (activity.shouldShowRequestPermissionRationale(permission)) {
-                grantedPermissions.putString(permission, DENIED);
-              } else {
-                grantedPermissions.putString(permission, NEVER_ASK_AGAIN);
+          mRequestCode,
+          new Callback() {
+            @Override
+            public void invoke(Object... args) {
+              int[] results = (int[]) args[0];
+              PermissionAwareActivity activity = (PermissionAwareActivity) args[1];
+              for (int j = 0; j < permissionsToCheck.size(); j++) {
+                String permission = permissionsToCheck.get(j);
+                if (results.length > 0 && results[j] == PackageManager.PERMISSION_GRANTED) {
+                  grantedPermissions.putString(permission, GRANTED);
+                } else {
+                  if (activity.shouldShowRequestPermissionRationale(permission)) {
+                    grantedPermissions.putString(permission, DENIED);
+                  } else {
+                    grantedPermissions.putString(permission, NEVER_ASK_AGAIN);
+                  }
+                }
               }
+              promise.resolve(grantedPermissions);
             }
-          }
-          promise.resolve(grantedPermissions);
-        }
-      });
+          });
 
       activity.requestPermissions(permissionsToCheck.toArray(new String[0]), mRequestCode, this);
       mRequestCode++;
@@ -193,27 +200,24 @@ public void invoke(Object... args) {
     }
   }
 
-  /**
-   * Method called by the activity with the result of the permission request.
-   */
+  /** Method called by the activity with the result of the permission request. */
   @Override
   public boolean onRequestPermissionsResult(
-    int requestCode,
-    String[] permissions,
-    int[] grantResults) {
-      mCallbacks.get(requestCode).invoke(grantResults, getPermissionAwareActivity());
-      mCallbacks.remove(requestCode);
-      return mCallbacks.size() == 0;
+      int requestCode, String[] permissions, int[] grantResults) {
+    mCallbacks.get(requestCode).invoke(grantResults, getPermissionAwareActivity());
+    mCallbacks.remove(requestCode);
+    return mCallbacks.size() == 0;
   }
 
   private PermissionAwareActivity getPermissionAwareActivity() {
     Activity activity = getCurrentActivity();
     if (activity == null) {
-      throw new IllegalStateException("Tried to use permissions API while not attached to an " +
-          "Activity.");
+      throw new IllegalStateException(
+          "Tried to use permissions API while not attached to an " + "Activity.");
     } else if (!(activity instanceof PermissionAwareActivity)) {
-      throw new IllegalStateException("Tried to use permissions API but the host Activity doesn't" +
-          " implement PermissionAwareActivity.");
+      throw new IllegalStateException(
+          "Tried to use permissions API but the host Activity doesn't"
+              + " implement PermissionAwareActivity.");
     }
     return (PermissionAwareActivity) activity;
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/share/ShareModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/share/ShareModule.java
index ccfab744eb4974..d6b91febeaa628 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/share/ShareModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/share/ShareModule.java
@@ -1,15 +1,13 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.share;
 
 import android.app.Activity;
 import android.content.Intent;
-
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.Promise;
 import com.facebook.react.bridge.ReactApplicationContext;
@@ -19,12 +17,11 @@
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.module.annotations.ReactModule;
 
-/**
- * Intent module. Launch other activities or open URLs.
- */
-@ReactModule(name = "ShareModule")
+/** Intent module. Launch other activities or open URLs. */
+@ReactModule(name = ShareModule.NAME)
 public class ShareModule extends ReactContextBaseJavaModule {
 
+  public static final String NAME = "ShareModule";
   /* package */ static final String ACTION_SHARED = "sharedAction";
   /* package */ static final String ERROR_INVALID_CONTENT = "E_INVALID_CONTENT";
   /* package */ static final String ERROR_UNABLE_TO_OPEN_DIALOG = "E_UNABLE_TO_OPEN_DIALOG";
@@ -35,13 +32,13 @@ public ShareModule(ReactApplicationContext reactContext) {
 
   @Override
   public String getName() {
-    return "ShareModule";
+    return NAME;
   }
 
   /**
    * Open a chooser dialog to send text content to other apps.
    *
-   * Refer http://developer.android.com/intl/ko/training/sharing/send.html
+   * <p>Refer http://developer.android.com/intl/ko/training/sharing/send.html
    *
    * @param content the data to send
    * @param dialogTitle the title of the chooser dialog
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/netinfo/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/sound/BUCK
similarity index 61%
rename from ReactAndroid/src/main/java/com/facebook/react/modules/netinfo/BUCK
rename to ReactAndroid/src/main/java/com/facebook/react/modules/sound/BUCK
index fc907537682617..a2b08ec0d4b705 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/netinfo/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/sound/BUCK
@@ -1,15 +1,10 @@
 load("//tools/build_defs/oss:rn_defs.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
-    name = "netinfo",
+    name = "sound",
     srcs = glob(["**/*.java"]),
     is_androidx = True,
     provided_deps = [
-        react_native_dep("third-party/android/androidx:annotation"),
-        react_native_dep("third-party/android/androidx:core"),
-        react_native_dep("third-party/android/androidx:fragment"),
-        react_native_dep("third-party/android/androidx:legacy-support-core-ui"),
-        react_native_dep("third-party/android/androidx:legacy-support-core-utils"),
     ],
     visibility = [
         "PUBLIC",
@@ -21,6 +16,6 @@ rn_android_library(
         react_native_target("java/com/facebook/react/bridge:bridge"),
         react_native_target("java/com/facebook/react/common:common"),
         react_native_target("java/com/facebook/react/module/annotations:annotations"),
-        react_native_target("java/com/facebook/react/modules/core:core"),
+        react_native_target("java/com/facebook/react/uimanager:uimanager"),
     ],
 )
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/sound/SoundManagerModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/sound/SoundManagerModule.java
new file mode 100644
index 00000000000000..5fbc3598b81099
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/sound/SoundManagerModule.java
@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * <p>This source 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.sound;
+
+import android.content.Context;
+import android.media.AudioManager;
+import com.facebook.react.bridge.NativeModule;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.module.annotations.ReactModule;
+
+/** {@link NativeModule} that allows Playing device sounds from JS. */
+@ReactModule(name = SoundManagerModule.NAME)
+public class SoundManagerModule extends ReactContextBaseJavaModule {
+
+  public static final String NAME = "SoundManager";
+
+  public SoundManagerModule(ReactApplicationContext reactContext) {
+    super(reactContext);
+  }
+
+  @Override
+  public String getName() {
+    return NAME;
+  }
+
+  @ReactMethod
+  public void playTouchSound() {
+    AudioManager audioManager =
+        (AudioManager) getReactApplicationContext().getSystemService(Context.AUDIO_SERVICE);
+    if (audioManager != null) {
+      audioManager.playSoundEffect(AudioManager.FX_KEY_CLICK);
+    }
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/statusbar/StatusBarModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/statusbar/StatusBarModule.java
index 8d7de95bd03136..bd0762b25afbfb 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/statusbar/StatusBarModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/statusbar/StatusBarModule.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.statusbar;
 
 import android.animation.ArgbEvaluator;
@@ -13,10 +12,11 @@
 import android.app.Activity;
 import android.content.Context;
 import android.os.Build;
-import androidx.core.view.ViewCompat;
 import android.view.View;
 import android.view.WindowInsets;
 import android.view.WindowManager;
+import androidx.annotation.Nullable;
+import androidx.core.view.ViewCompat;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.GuardedRunnable;
 import com.facebook.react.bridge.NativeModule;
@@ -29,11 +29,8 @@
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.uimanager.PixelUtil;
 import java.util.Map;
-import javax.annotation.Nullable;
 
-/**
- * {@link NativeModule} that allows changing the appearance of the status bar.
- */
+/** {@link NativeModule} that allows changing the appearance of the status bar. */
 @ReactModule(name = StatusBarModule.NAME)
 public class StatusBarModule extends ReactContextBaseJavaModule {
 
@@ -55,11 +52,12 @@ public String getName() {
     final Context context = getReactApplicationContext();
     final Activity activity = getCurrentActivity();
 
-    final int heightResId = context.getResources()
-      .getIdentifier("status_bar_height", "dimen", "android");
-    final float height = heightResId > 0 ?
-      PixelUtil.toDIPFromPixel(context.getResources().getDimensionPixelSize(heightResId)) :
-      0;
+    final int heightResId =
+        context.getResources().getIdentifier("status_bar_height", "dimen", "android");
+    final float height =
+        heightResId > 0
+            ? PixelUtil.toDIPFromPixel(context.getResources().getDimensionPixelSize(heightResId))
+            : 0;
     String statusBarColorString = "black";
 
     if (activity != null && Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
@@ -68,14 +66,16 @@ public String getName() {
     }
 
     return MapBuilder.<String, Object>of(
-      HEIGHT_KEY, height, DEFAULT_BACKGROUND_COLOR_KEY, statusBarColorString);
+        HEIGHT_KEY, height, DEFAULT_BACKGROUND_COLOR_KEY, statusBarColorString);
   }
 
   @ReactMethod
   public void setColor(final int color, final boolean animated) {
     final Activity activity = getCurrentActivity();
     if (activity == null) {
-      FLog.w(ReactConstants.TAG, "StatusBarModule: Ignored status bar change, current activity is null.");
+      FLog.w(
+          ReactConstants.TAG,
+          "StatusBarModule: Ignored status bar change, current activity is null.");
       return;
     }
 
@@ -117,38 +117,41 @@ public void onAnimationUpdate(ValueAnimator animator) {
   public void setTranslucent(final boolean translucent) {
     final Activity activity = getCurrentActivity();
     if (activity == null) {
-      FLog.w(ReactConstants.TAG, "StatusBarModule: Ignored status bar change, current activity is null.");
+      FLog.w(
+          ReactConstants.TAG,
+          "StatusBarModule: Ignored status bar change, current activity is null.");
       return;
     }
 
     if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
       UiThreadUtil.runOnUiThread(
-        new GuardedRunnable(getReactApplicationContext()) {
-          @TargetApi(Build.VERSION_CODES.LOLLIPOP)
-          @Override
-          public void runGuarded() {
-            // If the status bar is translucent hook into the window insets calculations
-            // and consume all the top insets so no padding will be added under the status bar.
-            View decorView = activity.getWindow().getDecorView();
-            if (translucent) {
-              decorView.setOnApplyWindowInsetsListener(new View.OnApplyWindowInsetsListener() {
-                @Override
-                public WindowInsets onApplyWindowInsets(View v, WindowInsets insets) {
-                  WindowInsets defaultInsets = v.onApplyWindowInsets(insets);
-                  return defaultInsets.replaceSystemWindowInsets(
-                    defaultInsets.getSystemWindowInsetLeft(),
-                    0,
-                    defaultInsets.getSystemWindowInsetRight(),
-                    defaultInsets.getSystemWindowInsetBottom());
-                }
-              });
-            } else {
-              decorView.setOnApplyWindowInsetsListener(null);
-            }
+          new GuardedRunnable(getReactApplicationContext()) {
+            @TargetApi(Build.VERSION_CODES.LOLLIPOP)
+            @Override
+            public void runGuarded() {
+              // If the status bar is translucent hook into the window insets calculations
+              // and consume all the top insets so no padding will be added under the status bar.
+              View decorView = activity.getWindow().getDecorView();
+              if (translucent) {
+                decorView.setOnApplyWindowInsetsListener(
+                    new View.OnApplyWindowInsetsListener() {
+                      @Override
+                      public WindowInsets onApplyWindowInsets(View v, WindowInsets insets) {
+                        WindowInsets defaultInsets = v.onApplyWindowInsets(insets);
+                        return defaultInsets.replaceSystemWindowInsets(
+                            defaultInsets.getSystemWindowInsetLeft(),
+                            0,
+                            defaultInsets.getSystemWindowInsetRight(),
+                            defaultInsets.getSystemWindowInsetBottom());
+                      }
+                    });
+              } else {
+                decorView.setOnApplyWindowInsetsListener(null);
+              }
 
-            ViewCompat.requestApplyInsets(decorView);
-          }
-        });
+              ViewCompat.requestApplyInsets(decorView);
+            }
+          });
     }
   }
 
@@ -156,49 +159,52 @@ public WindowInsets onApplyWindowInsets(View v, WindowInsets insets) {
   public void setHidden(final boolean hidden) {
     final Activity activity = getCurrentActivity();
     if (activity == null) {
-      FLog.w(ReactConstants.TAG, "StatusBarModule: Ignored status bar change, current activity is null.");
+      FLog.w(
+          ReactConstants.TAG,
+          "StatusBarModule: Ignored status bar change, current activity is null.");
       return;
     }
     UiThreadUtil.runOnUiThread(
-      new Runnable() {
-        @Override
-        public void run() {
-          if (hidden) {
-            activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
-            activity.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);
-          } else {
-            activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);
-            activity.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
+        new Runnable() {
+          @Override
+          public void run() {
+            if (hidden) {
+              activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
+              activity.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);
+            } else {
+              activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);
+              activity.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
+            }
           }
-        }
-      });
+        });
   }
 
   @ReactMethod
   public void setStyle(@Nullable final String style) {
     final Activity activity = getCurrentActivity();
     if (activity == null) {
-      FLog.w(ReactConstants.TAG, "StatusBarModule: Ignored status bar change, current activity is null.");
+      FLog.w(
+          ReactConstants.TAG,
+          "StatusBarModule: Ignored status bar change, current activity is null.");
       return;
     }
 
     if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
       UiThreadUtil.runOnUiThread(
-        new Runnable() {
-          @TargetApi(Build.VERSION_CODES.M)
-          @Override
-          public void run() {
-            View decorView = activity.getWindow().getDecorView();
-            int systemUiVisibilityFlags = decorView.getSystemUiVisibility();
-            if ("dark-content".equals(style)) {
-              systemUiVisibilityFlags |= View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR;
-            } else {
-              systemUiVisibilityFlags &= ~View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR;
+          new Runnable() {
+            @TargetApi(Build.VERSION_CODES.M)
+            @Override
+            public void run() {
+              View decorView = activity.getWindow().getDecorView();
+              int systemUiVisibilityFlags = decorView.getSystemUiVisibility();
+              if ("dark-content".equals(style)) {
+                systemUiVisibilityFlags |= View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR;
+              } else {
+                systemUiVisibilityFlags &= ~View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR;
+              }
+              decorView.setSystemUiVisibility(systemUiVisibilityFlags);
             }
-            decorView.setSystemUiVisibility(systemUiVisibilityFlags);
-          }
-        }
-      );
+          });
     }
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/storage/AsyncLocalStorageUtil.java b/ReactAndroid/src/main/java/com/facebook/react/modules/storage/AsyncLocalStorageUtil.java
index 9efcad6416764e..122ab0ac97e8f9 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/storage/AsyncLocalStorageUtil.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/storage/AsyncLocalStorageUtil.java
@@ -1,40 +1,32 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.storage;
 
-import javax.annotation.Nullable;
-
-import java.util.Arrays;
-import java.util.Iterator;
+import static com.facebook.react.modules.storage.ReactDatabaseSupplier.KEY_COLUMN;
+import static com.facebook.react.modules.storage.ReactDatabaseSupplier.TABLE_CATALYST;
+import static com.facebook.react.modules.storage.ReactDatabaseSupplier.VALUE_COLUMN;
 
 import android.content.ContentValues;
 import android.database.Cursor;
 import android.database.sqlite.SQLiteDatabase;
 import android.text.TextUtils;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.ReadableArray;
-
+import java.util.Arrays;
+import java.util.Iterator;
 import org.json.JSONException;
 import org.json.JSONObject;
 
-import static com.facebook.react.modules.storage.ReactDatabaseSupplier.KEY_COLUMN;
-import static com.facebook.react.modules.storage.ReactDatabaseSupplier.TABLE_CATALYST;
-import static com.facebook.react.modules.storage.ReactDatabaseSupplier.VALUE_COLUMN;
-
-/**
- * Helper for database operations.
- */
+/** Helper for database operations. */
 public class AsyncLocalStorageUtil {
 
   /**
-   * Build the String required for an SQL select statement:
-   *  WHERE key IN (?, ?, ..., ?)
-   * without 'WHERE' and with selectionCount '?'
+   * Build the String required for an SQL select statement: WHERE key IN (?, ?, ..., ?) without
+   * 'WHERE' and with selectionCount '?'
    */
   /* package */ static String buildKeySelection(int selectionCount) {
     String[] list = new String[selectionCount];
@@ -43,9 +35,8 @@ public class AsyncLocalStorageUtil {
   }
 
   /**
-   * Build the String[] arguments needed for an SQL selection, i.e.:
-   *  {a, b, c}
-   * to be used in the SQL select statement: WHERE key in (?, ?, ?)
+   * Build the String[] arguments needed for an SQL selection, i.e.: {a, b, c} to be used in the SQL
+   * select statement: WHERE key in (?, ?, ?)
    */
   /* package */ static String[] buildKeySelectionArgs(ReadableArray keys, int start, int count) {
     String[] selectionArgs = new String[count];
@@ -55,21 +46,13 @@ public class AsyncLocalStorageUtil {
     return selectionArgs;
   }
 
-  /**
-   * Returns the value of the given key, or null if not found.
-   */
+  /** Returns the value of the given key, or null if not found. */
   public static @Nullable String getItemImpl(SQLiteDatabase db, String key) {
     String[] columns = {VALUE_COLUMN};
     String[] selectionArgs = {key};
 
-    Cursor cursor = db.query(
-        TABLE_CATALYST,
-        columns,
-        KEY_COLUMN + "=?",
-        selectionArgs,
-        null,
-        null,
-        null);
+    Cursor cursor =
+        db.query(TABLE_CATALYST, columns, KEY_COLUMN + "=?", selectionArgs, null, null, null);
 
     try {
       if (!cursor.moveToFirst()) {
@@ -82,26 +65,23 @@ public class AsyncLocalStorageUtil {
     }
   }
 
-  /**
-   * Sets the value for the key given, returns true if successful, false otherwise.
-   */
+  /** Sets the value for the key given, returns true if successful, false otherwise. */
   /* package */ static boolean setItemImpl(SQLiteDatabase db, String key, String value) {
     ContentValues contentValues = new ContentValues();
     contentValues.put(KEY_COLUMN, key);
     contentValues.put(VALUE_COLUMN, value);
 
-    long inserted = db.insertWithOnConflict(
-        TABLE_CATALYST,
-        null,
-        contentValues,
-        SQLiteDatabase.CONFLICT_REPLACE);
+    long inserted =
+        db.insertWithOnConflict(
+            TABLE_CATALYST, null, contentValues, SQLiteDatabase.CONFLICT_REPLACE);
 
     return (-1 != inserted);
   }
 
   /**
-   * Does the actual merge of the (key, value) pair with the value stored in the database.
-   * NB: This assumes that a database lock is already in effect!
+   * Does the actual merge of the (key, value) pair with the value stored in the database. NB: This
+   * assumes that a database lock is already in effect!
+   *
    * @return the errorCode of the operation
    */
   /* package */ static boolean mergeImpl(SQLiteDatabase db, String key, String value)
@@ -126,8 +106,7 @@ public class AsyncLocalStorageUtil {
    * either overriding its values, or merging them (if the values of the same key in both objects
    * are of type {@link JSONObject}). oldJSON will contain the result of this merge.
    */
-  private static void deepMergeInto(JSONObject oldJSON, JSONObject newJSON)
-      throws JSONException {
+  private static void deepMergeInto(JSONObject oldJSON, JSONObject newJSON) throws JSONException {
     Iterator<?> keys = newJSON.keys();
     while (keys.hasNext()) {
       String key = (String) keys.next();
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/storage/AsyncStorageErrorUtil.java b/ReactAndroid/src/main/java/com/facebook/react/modules/storage/AsyncStorageErrorUtil.java
index fa5436ce00976d..7d2317439fb51d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/storage/AsyncStorageErrorUtil.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/storage/AsyncStorageErrorUtil.java
@@ -1,25 +1,19 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.storage;
 
-import javax.annotation.Nullable;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.WritableMap;
 
-/**
- * Helper class for database errors.
- */
+/** Helper class for database errors. */
 public class AsyncStorageErrorUtil {
 
-  /**
-   * Create Error object to be passed back to the JS callback.
-   */
+  /** Create Error object to be passed back to the JS callback. */
   /* package */ static WritableMap getError(@Nullable String key, String errorMessage) {
     WritableMap errorMap = Arguments.createMap();
     errorMap.putString("message", errorMessage);
@@ -40,6 +34,4 @@ public class AsyncStorageErrorUtil {
   /* package */ static WritableMap getDBError(@Nullable String key) {
     return getError(key, "Database Error");
   }
-
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/storage/AsyncStorageModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/storage/AsyncStorageModule.java
index ad3bed5cdf4a11..628acfdf71e957 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/storage/AsyncStorageModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/storage/AsyncStorageModule.java
@@ -1,20 +1,18 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.storage;
 
-import java.util.ArrayDeque;
-import java.util.HashSet;
-import java.util.concurrent.Executor;
+import static com.facebook.react.modules.storage.ReactDatabaseSupplier.KEY_COLUMN;
+import static com.facebook.react.modules.storage.ReactDatabaseSupplier.TABLE_CATALYST;
+import static com.facebook.react.modules.storage.ReactDatabaseSupplier.VALUE_COLUMN;
 
 import android.database.Cursor;
 import android.database.sqlite.SQLiteStatement;
 import android.os.AsyncTask;
-
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.Callback;
@@ -29,14 +27,13 @@
 import com.facebook.react.common.annotations.VisibleForTesting;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.modules.common.ModuleDataCleaner;
-
-import static com.facebook.react.modules.storage.ReactDatabaseSupplier.KEY_COLUMN;
-import static com.facebook.react.modules.storage.ReactDatabaseSupplier.TABLE_CATALYST;
-import static com.facebook.react.modules.storage.ReactDatabaseSupplier.VALUE_COLUMN;
+import java.util.ArrayDeque;
+import java.util.HashSet;
+import java.util.concurrent.Executor;
 
 @ReactModule(name = AsyncStorageModule.NAME)
-public final class AsyncStorageModule
-    extends ReactContextBaseJavaModule implements ModuleDataCleaner.Cleanable {
+public final class AsyncStorageModule extends ReactContextBaseJavaModule
+    implements ModuleDataCleaner.Cleanable {
 
   public static final String NAME = "AsyncSQLiteDBStorage";
 
@@ -47,7 +44,8 @@ public final class AsyncStorageModule
   private ReactDatabaseSupplier mReactDatabaseSupplier;
   private boolean mShuttingDown = false;
 
-  // Adapted from https://android.googlesource.com/platform/frameworks/base.git/+/1488a3a19d4681a41fb45570c15e14d99db1cb66/core/java/android/os/AsyncTask.java#237
+  // Adapted from
+  // https://android.googlesource.com/platform/frameworks/base.git/+/1488a3a19d4681a41fb45570c15e14d99db1cb66/core/java/android/os/AsyncTask.java#237
   private class SerialExecutor implements Executor {
     private final ArrayDeque<Runnable> mTasks = new ArrayDeque<Runnable>();
     private Runnable mActive;
@@ -58,19 +56,21 @@ private class SerialExecutor implements Executor {
     }
 
     public synchronized void execute(final Runnable r) {
-      mTasks.offer(new Runnable() {
-        public void run() {
-          try {
-            r.run();
-          } finally {
-            scheduleNext();
-          }
-        }
-      });
+      mTasks.offer(
+          new Runnable() {
+            public void run() {
+              try {
+                r.run();
+              } finally {
+                scheduleNext();
+              }
+            }
+          });
       if (mActive == null) {
         scheduleNext();
       }
     }
+
     synchronized void scheduleNext() {
       if ((mActive = mTasks.poll()) != null) {
         executor.execute(mActive);
@@ -79,7 +79,7 @@ synchronized void scheduleNext() {
   }
 
   private final SerialExecutor executor;
-  
+
   public AsyncStorageModule(ReactApplicationContext reactContext) {
     this(reactContext, AsyncTask.THREAD_POOL_EXECUTOR);
   }
@@ -116,8 +116,8 @@ public void clearSensitiveData() {
   }
 
   /**
-   * Given an array of keys, this returns a map of (key, value) pairs for the keys found, and
-   * (key, null) for the keys that haven't been found.
+   * Given an array of keys, this returns a map of (key, value) pairs for the keys found, and (key,
+   * null) for the keys that haven't been found.
    */
   @ReactMethod
   public void multiGet(final ReadableArray keys, final Callback callback) {
@@ -139,14 +139,17 @@ protected void doInBackgroundGuarded(Void... params) {
         WritableArray data = Arguments.createArray();
         for (int keyStart = 0; keyStart < keys.size(); keyStart += MAX_SQL_KEYS) {
           int keyCount = Math.min(keys.size() - keyStart, MAX_SQL_KEYS);
-          Cursor cursor = mReactDatabaseSupplier.get().query(
-              TABLE_CATALYST,
-              columns,
-              AsyncLocalStorageUtil.buildKeySelection(keyCount),
-              AsyncLocalStorageUtil.buildKeySelectionArgs(keys, keyStart, keyCount),
-              null,
-              null,
-              null);
+          Cursor cursor =
+              mReactDatabaseSupplier
+                  .get()
+                  .query(
+                      TABLE_CATALYST,
+                      columns,
+                      AsyncLocalStorageUtil.buildKeySelection(keyCount),
+                      AsyncLocalStorageUtil.buildKeySelectionArgs(keys, keyStart, keyCount),
+                      null,
+                      null,
+                      null);
           keysRemaining.clear();
           try {
             if (cursor.getCount() != keys.size()) {
@@ -189,8 +192,8 @@ protected void doInBackgroundGuarded(Void... params) {
 
   /**
    * Inserts multiple (key, value) pairs. If one or more of the pairs cannot be inserted, this will
-   * return AsyncLocalStorageFailure, but all other pairs will have been inserted.
-   * The insertion will replace conflicting (key, value) pairs.
+   * return AsyncLocalStorageFailure, but all other pairs will have been inserted. The insertion
+   * will replace conflicting (key, value) pairs.
    */
   @ReactMethod
   public void multiSet(final ReadableArray keyValueArray, final Callback callback) {
@@ -212,7 +215,7 @@ protected void doInBackgroundGuarded(Void... params) {
         WritableMap error = null;
         try {
           mReactDatabaseSupplier.get().beginTransaction();
-          for (int idx=0; idx < keyValueArray.size(); idx++) {
+          for (int idx = 0; idx < keyValueArray.size(); idx++) {
             if (keyValueArray.getArray(idx).size() != 2) {
               error = AsyncStorageErrorUtil.getInvalidValueError(null);
               return;
@@ -254,9 +257,7 @@ protected void doInBackgroundGuarded(Void... params) {
     }.executeOnExecutor(executor);
   }
 
-  /**
-   * Removes all rows of the keys given.
-   */
+  /** Removes all rows of the keys given. */
   @ReactMethod
   public void multiRemove(final ReadableArray keys, final Callback callback) {
     if (keys.size() == 0) {
@@ -277,10 +278,12 @@ protected void doInBackgroundGuarded(Void... params) {
           mReactDatabaseSupplier.get().beginTransaction();
           for (int keyStart = 0; keyStart < keys.size(); keyStart += MAX_SQL_KEYS) {
             int keyCount = Math.min(keys.size() - keyStart, MAX_SQL_KEYS);
-            mReactDatabaseSupplier.get().delete(
-                TABLE_CATALYST,
-                AsyncLocalStorageUtil.buildKeySelection(keyCount),
-                AsyncLocalStorageUtil.buildKeySelectionArgs(keys, keyStart, keyCount));
+            mReactDatabaseSupplier
+                .get()
+                .delete(
+                    TABLE_CATALYST,
+                    AsyncLocalStorageUtil.buildKeySelection(keyCount),
+                    AsyncLocalStorageUtil.buildKeySelectionArgs(keys, keyStart, keyCount));
           }
           mReactDatabaseSupplier.get().setTransactionSuccessful();
         } catch (Exception e) {
@@ -288,7 +291,7 @@ protected void doInBackgroundGuarded(Void... params) {
           error = AsyncStorageErrorUtil.getError(null, e.getMessage());
         } finally {
           try {
-          mReactDatabaseSupplier.get().endTransaction();
+            mReactDatabaseSupplier.get().endTransaction();
           } catch (Exception e) {
             FLog.w(ReactConstants.TAG, e.getMessage(), e);
             if (error == null) {
@@ -368,9 +371,7 @@ protected void doInBackgroundGuarded(Void... params) {
     }.executeOnExecutor(executor);
   }
 
-  /**
-   * Clears the database.
-   */
+  /** Clears the database. */
   @ReactMethod
   public void clear(final Callback callback) {
     new GuardedAsyncTask<Void, Void>(getReactApplicationContext()) {
@@ -391,9 +392,7 @@ protected void doInBackgroundGuarded(Void... params) {
     }.executeOnExecutor(executor);
   }
 
-  /**
-   * Returns an array with all keys from the database.
-   */
+  /** Returns an array with all keys from the database. */
   @ReactMethod
   public void getAllKeys(final Callback callback) {
     new GuardedAsyncTask<Void, Void>(getReactApplicationContext()) {
@@ -405,8 +404,10 @@ protected void doInBackgroundGuarded(Void... params) {
         }
         WritableArray data = Arguments.createArray();
         String[] columns = {KEY_COLUMN};
-        Cursor cursor = mReactDatabaseSupplier.get()
-            .query(TABLE_CATALYST, columns, null, null, null, null, null);
+        Cursor cursor =
+            mReactDatabaseSupplier
+                .get()
+                .query(TABLE_CATALYST, columns, null, null, null, null, null);
         try {
           if (cursor.moveToFirst()) {
             do {
@@ -425,9 +426,7 @@ protected void doInBackgroundGuarded(Void... params) {
     }.executeOnExecutor(executor);
   }
 
-  /**
-   * Verify the database is open for reads and writes.
-   */
+  /** Verify the database is open for reads and writes. */
   private boolean ensureDatabase() {
     return !mShuttingDown && mReactDatabaseSupplier.ensureDatabase();
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/storage/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/storage/BUCK
index 237ba8a039ea99..518b61d73234a1 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/storage/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/storage/BUCK
@@ -3,10 +3,12 @@ load("//tools/build_defs/oss:rn_defs.bzl", "react_native_dep", "react_native_tar
 rn_android_library(
     name = "storage",
     srcs = glob(["**/*.java"]),
+    is_androidx = True,
     visibility = [
         "PUBLIC",
     ],
     deps = [
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("libraries/fbcore/src/main/java/com/facebook/common/logging:logging"),
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/storage/ReactDatabaseSupplier.java b/ReactAndroid/src/main/java/com/facebook/react/modules/storage/ReactDatabaseSupplier.java
index bcbb7f270d93d2..fbb26589ded977 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/storage/ReactDatabaseSupplier.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/storage/ReactDatabaseSupplier.java
@@ -1,19 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.storage;
 
-import javax.annotation.Nullable;
-
 import android.content.Context;
 import android.database.sqlite.SQLiteDatabase;
 import android.database.sqlite.SQLiteException;
 import android.database.sqlite.SQLiteOpenHelper;
-
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.common.ReactConstants;
 
@@ -34,16 +31,20 @@ public class ReactDatabaseSupplier extends SQLiteOpenHelper {
   static final String VALUE_COLUMN = "value";
 
   static final String VERSION_TABLE_CREATE =
-      "CREATE TABLE " + TABLE_CATALYST + " (" +
-          KEY_COLUMN + " TEXT PRIMARY KEY, " +
-          VALUE_COLUMN + " TEXT NOT NULL" +
-          ")";
+      "CREATE TABLE "
+          + TABLE_CATALYST
+          + " ("
+          + KEY_COLUMN
+          + " TEXT PRIMARY KEY, "
+          + VALUE_COLUMN
+          + " TEXT NOT NULL"
+          + ")";
 
   private static @Nullable ReactDatabaseSupplier sReactDatabaseSupplierInstance;
 
   private Context mContext;
   private @Nullable SQLiteDatabase mDb;
-  private long mMaximumDatabaseSize =  6L * 1024L * 1024L; // 6 MB in bytes
+  private long mMaximumDatabaseSize = 6L * 1024L * 1024L; // 6 MB in bytes
 
   private ReactDatabaseSupplier(Context context) {
     super(context, DATABASE_NAME, null, DATABASE_VERSION);
@@ -70,9 +71,7 @@ public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {
     }
   }
 
-  /**
-   * Verify the database exists and is open.
-   */
+  /** Verify the database exists and is open. */
   /* package */ synchronized boolean ensureDatabase() {
     if (mDb != null && mDb.isOpen()) {
       return true;
@@ -107,9 +106,7 @@ public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {
     return true;
   }
 
-  /**
-   * Create and/or open the database.
-   */
+  /** Create and/or open the database. */
   public synchronized SQLiteDatabase get() {
     ensureDatabase();
     return mDb;
@@ -136,8 +133,8 @@ public synchronized void clearAndCloseDatabase() throws RuntimeException {
   }
 
   /**
-   * Sets the maximum size the database will grow to. The maximum size cannot
-   * be set below the current size.
+   * Sets the maximum size the database will grow to. The maximum size cannot be set below the
+   * current size.
    */
   public synchronized void setMaximumSize(long size) {
     mMaximumDatabaseSize = size;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/AndroidInfoHelpers.java b/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/AndroidInfoHelpers.java
index 3659abaccc0ec7..e35a2ad9175e7a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/AndroidInfoHelpers.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/AndroidInfoHelpers.java
@@ -5,17 +5,15 @@
 
 package com.facebook.react.modules.systeminfo;
 
-import java.io.BufferedReader;
-import java.io.InputStreamReader;
-import java.nio.charset.Charset;
-import java.util.Locale;
-
 import android.content.Context;
 import android.content.res.Resources;
 import android.os.Build;
-
 import com.facebook.common.logging.FLog;
 import com.facebook.react.R;
+import java.io.BufferedReader;
+import java.io.InputStreamReader;
+import java.nio.charset.Charset;
+import java.util.Locale;
 
 public class AndroidInfoHelpers {
 
@@ -55,7 +53,8 @@ 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.
+  // 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() {
     if (isRunningOnGenymotion()) {
       // Genymotion already has a friendly name by default
@@ -95,6 +94,7 @@ private static String getServerIpAddress(int port) {
   }
 
   private static String metroHostPropValue = null;
+
   private static synchronized String getMetroHostPropValue() {
     if (metroHostPropValue != null) {
       return metroHostPropValue;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/AndroidInfoModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/AndroidInfoModule.java
index cf5ca4036c5597..ef2ae931d9fe5e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/AndroidInfoModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/AndroidInfoModule.java
@@ -1,50 +1,48 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 static android.content.Context.UI_MODE_SERVICE;
+
 import android.annotation.SuppressLint;
 import android.app.UiModeManager;
-import android.content.Context;
 import android.content.res.Configuration;
 import android.content.res.Resources;
 import android.os.Build;
 import android.provider.Settings.Secure;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.R;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
-import com.facebook.react.common.build.ReactBuildConfig;
 import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.common.build.ReactBuildConfig;
 import com.facebook.react.module.annotations.ReactModule;
-
+import com.facebook.react.turbomodule.core.interfaces.TurboModule;
 import java.util.HashMap;
 import java.util.Map;
 
-import javax.annotation.Nullable;
-
-import static android.content.Context.UI_MODE_SERVICE;
-
-/**
- * Module that exposes Android Constants to JS.
- */
+/** Module that exposes Android Constants to JS. */
 @ReactModule(name = AndroidInfoModule.NAME)
 @SuppressLint("HardwareIds")
-public class AndroidInfoModule extends ReactContextBaseJavaModule {
+public class AndroidInfoModule extends ReactContextBaseJavaModule implements TurboModule {
   public static final String NAME = "PlatformConstants";
   private static final String IS_TESTING = "IS_TESTING";
 
-  public AndroidInfoModule(ReactApplicationContext reactContext) { super(reactContext); }
+  public AndroidInfoModule(ReactApplicationContext reactContext) {
+    super(reactContext);
+  }
 
   /**
-   * See: https://developer.android.com/reference/android/app/UiModeManager.html#getCurrentModeType()
+   * See:
+   * https://developer.android.com/reference/android/app/UiModeManager.html#getCurrentModeType()
    */
   private String uiMode() {
-    UiModeManager uiModeManager = (UiModeManager) getReactApplicationContext().getSystemService(UI_MODE_SERVICE);
+    UiModeManager uiModeManager =
+        (UiModeManager) getReactApplicationContext().getSystemService(UI_MODE_SERVICE);
     switch (uiModeManager.getCurrentModeType()) {
       case Configuration.UI_MODE_TYPE_TELEVISION:
         return "tv";
@@ -77,18 +75,21 @@ public String getName() {
     if (ReactBuildConfig.DEBUG) {
       constants.put("ServerHost", getServerHost());
     }
-    constants.put("isTesting", "true".equals(System.getProperty(IS_TESTING))
-    || isRunningScreenshotTest());
+    constants.put(
+        "isTesting", "true".equals(System.getProperty(IS_TESTING)) || isRunningScreenshotTest());
     constants.put("reactNativeVersion", ReactNativeVersion.VERSION);
     constants.put("uiMode", uiMode());
     return constants;
   }
 
   @ReactMethod(isBlockingSynchronousMethod = true)
-  public String getAndroidID(){
-    return Secure.getString(getReactApplicationContext().getContentResolver(),Secure.ANDROID_ID);
+  public String getAndroidID() {
+    return Secure.getString(getReactApplicationContext().getContentResolver(), Secure.ANDROID_ID);
   }
 
+  @Override
+  public void invalidate() {}
+
   private Boolean isRunningScreenshotTest() {
     try {
       Class.forName("android.support.test.rule.ActivityTestRule");
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/BUCK
index 433ecaf80863a3..2611bb14bf5f19 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/BUCK
@@ -6,15 +6,18 @@ rn_android_library(
         "AndroidInfoModule.java",
         "ReactNativeVersion.java",
     ],
+    is_androidx = True,
     visibility = [
         "PUBLIC",
     ],
     deps = [
         react_native_dep("third-party/java/jsr-305:jsr-305"),
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_target("java/com/facebook/react/bridge:bridge"),
         react_native_target("java/com/facebook/react/common:common"),
         react_native_target("java/com/facebook/react/module/annotations:annotations"),
         react_native_target("res:systeminfo"),
+        react_native_target("java/com/facebook/react/turbomodule/core/interfaces:interfaces"),
     ],
     exported_deps = [
         ":systeminfo-moduleless",
@@ -26,6 +29,7 @@ rn_android_library(
     srcs = [
         "AndroidInfoHelpers.java",
     ],
+    is_androidx = True,
     visibility = [
         "PUBLIC",
     ],
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.java b/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.java
index d8c5d3c4064b49..ce268ed3f08268 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.java
@@ -16,7 +16,7 @@
 public class ReactNativeVersion {
   public static final Map<String, Object> VERSION = MapBuilder.<String, Object>of(
       "major", 0,
-      "minor", 60,
-      "patch", 0,
+      "minor", 61,
+      "patch", 5,
       "prerelease", null);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/timepicker/DismissableTimePickerDialog.java b/ReactAndroid/src/main/java/com/facebook/react/modules/timepicker/DismissableTimePickerDialog.java
index 3a4d215b4b09a1..56c261a7199c88 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/timepicker/DismissableTimePickerDialog.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/timepicker/DismissableTimePickerDialog.java
@@ -1,30 +1,23 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.timepicker;
 
-import android.app.TimePickerDialog;
-import javax.annotation.Nullable;
-
 import android.app.TimePickerDialog;
 import android.content.Context;
 import android.os.Build;
+import androidx.annotation.Nullable;
 
 /**
- * <p>
- *   Certain versions of Android (Jellybean-KitKat) have a bug where when dismissed, the
- *   {@link TimePickerDialog} still calls the OnTimeSetListener. This class works around that issue
- *   by *not* calling super.onStop on KitKat on lower, as that would erroneously call the
- *   OnTimeSetListener when the dialog is dismissed, or call it twice when "OK" is pressed.
- * </p>
+ * Certain versions of Android (Jellybean-KitKat) have a bug where when dismissed, the {@link
+ * TimePickerDialog} still calls the OnTimeSetListener. This class works around that issue by *not*
+ * calling super.onStop on KitKat on lower, as that would erroneously call the OnTimeSetListener
+ * when the dialog is dismissed, or call it twice when "OK" is pressed.
  *
- * <p>
- *   See: <a href="https://code.google.com/p/android/issues/detail?id=34833">Issue 34833</a>
- * </p>
+ * <p>See: <a href="https://code.google.com/p/android/issues/detail?id=34833">Issue 34833</a>
  */
 public class DismissableTimePickerDialog extends TimePickerDialog {
 
@@ -53,5 +46,4 @@ protected void onStop() {
       super.onStop();
     }
   }
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/timepicker/TimePickerDialogFragment.java b/ReactAndroid/src/main/java/com/facebook/react/modules/timepicker/TimePickerDialogFragment.java
index c2f359b49fc9e1..ed408241e6dfeb 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/timepicker/TimePickerDialogFragment.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/timepicker/TimePickerDialogFragment.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.timepicker;
 
 import android.app.Dialog;
@@ -14,21 +13,17 @@
 import android.content.DialogInterface.OnDismissListener;
 import android.os.Build;
 import android.os.Bundle;
-import androidx.fragment.app.DialogFragment;
 import android.text.format.DateFormat;
-
+import androidx.annotation.Nullable;
+import androidx.fragment.app.DialogFragment;
 import java.util.Calendar;
 import java.util.Locale;
 
-import javax.annotation.Nullable;
-
 @SuppressWarnings("ValidFragment")
 public class TimePickerDialogFragment extends DialogFragment {
 
-  @Nullable
-  private OnTimeSetListener mOnTimeSetListener;
-  @Nullable
-  private OnDismissListener mOnDismissListener;
+  @Nullable private OnTimeSetListener mOnTimeSetListener;
+  @Nullable private OnDismissListener mOnDismissListener;
 
   @Override
   public Dialog onCreateDialog(Bundle savedInstanceState) {
@@ -37,8 +32,7 @@ public Dialog onCreateDialog(Bundle savedInstanceState) {
   }
 
   /*package*/ static Dialog createDialog(
-      Bundle args, Context activityContext, @Nullable OnTimeSetListener onTimeSetListener
-  ) {
+      Bundle args, Context activityContext, @Nullable OnTimeSetListener onTimeSetListener) {
     final Calendar now = Calendar.getInstance();
     int hour = now.get(Calendar.HOUR_OF_DAY);
     int minute = now.get(Calendar.MINUTE);
@@ -46,53 +40,45 @@ public Dialog onCreateDialog(Bundle savedInstanceState) {
 
     TimePickerMode mode = TimePickerMode.DEFAULT;
     if (args != null && args.getString(TimePickerDialogModule.ARG_MODE, null) != null) {
-      mode = TimePickerMode.valueOf(args.getString(TimePickerDialogModule.ARG_MODE).toUpperCase(Locale.US));
+      mode =
+          TimePickerMode.valueOf(
+              args.getString(TimePickerDialogModule.ARG_MODE).toUpperCase(Locale.US));
     }
 
     if (args != null) {
       hour = args.getInt(TimePickerDialogModule.ARG_HOUR, now.get(Calendar.HOUR_OF_DAY));
       minute = args.getInt(TimePickerDialogModule.ARG_MINUTE, now.get(Calendar.MINUTE));
-      is24hour = args.getBoolean(
-          TimePickerDialogModule.ARG_IS24HOUR,
-          DateFormat.is24HourFormat(activityContext));
+      is24hour =
+          args.getBoolean(
+              TimePickerDialogModule.ARG_IS24HOUR, DateFormat.is24HourFormat(activityContext));
     }
 
     if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
       if (mode == TimePickerMode.CLOCK) {
         return new DismissableTimePickerDialog(
-          activityContext,
-          activityContext.getResources().getIdentifier(
-            "ClockTimePickerDialog",
-            "style",
-            activityContext.getPackageName()
-          ),
-          onTimeSetListener,
-          hour,
-          minute,
-          is24hour
-        );
+            activityContext,
+            activityContext
+                .getResources()
+                .getIdentifier("ClockTimePickerDialog", "style", activityContext.getPackageName()),
+            onTimeSetListener,
+            hour,
+            minute,
+            is24hour);
       } else if (mode == TimePickerMode.SPINNER) {
         return new DismissableTimePickerDialog(
-          activityContext,
-          activityContext.getResources().getIdentifier(
-            "SpinnerTimePickerDialog",
-            "style",
-            activityContext.getPackageName()
-          ),
-          onTimeSetListener,
-          hour,
-          minute,
-          is24hour
-        );
-      }
-    }
-    return new DismissableTimePickerDialog(
             activityContext,
+            activityContext
+                .getResources()
+                .getIdentifier(
+                    "SpinnerTimePickerDialog", "style", activityContext.getPackageName()),
             onTimeSetListener,
             hour,
             minute,
-            is24hour
-    );
+            is24hour);
+      }
+    }
+    return new DismissableTimePickerDialog(
+        activityContext, onTimeSetListener, hour, minute, is24hour);
   }
 
   @Override
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/timepicker/TimePickerDialogModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/timepicker/TimePickerDialogModule.java
index 7b346881297f25..5d3e8c5eea291f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/timepicker/TimePickerDialogModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/timepicker/TimePickerDialogModule.java
@@ -1,21 +1,20 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.timepicker;
 
 import android.app.TimePickerDialog.OnTimeSetListener;
 import android.content.DialogInterface;
 import android.content.DialogInterface.OnDismissListener;
 import android.os.Bundle;
+import android.widget.TimePicker;
+import androidx.annotation.Nullable;
 import androidx.fragment.app.DialogFragment;
 import androidx.fragment.app.FragmentActivity;
 import androidx.fragment.app.FragmentManager;
-import android.widget.TimePicker;
-
 import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.Promise;
 import com.facebook.react.bridge.ReactApplicationContext;
@@ -27,8 +26,6 @@
 import com.facebook.react.common.annotations.VisibleForTesting;
 import com.facebook.react.module.annotations.ReactModule;
 
-import javax.annotation.Nullable;
-
 /**
  * {@link NativeModule} that allows JS to show a native time picker dialog and get called back when
  * the user selects a time.
@@ -36,8 +33,7 @@
 @ReactModule(name = TimePickerDialogModule.FRAGMENT_TAG)
 public class TimePickerDialogModule extends ReactContextBaseJavaModule {
 
-  @VisibleForTesting
-  public static final String FRAGMENT_TAG = "TimePickerAndroid";
+  @VisibleForTesting public static final String FRAGMENT_TAG = "TimePickerAndroid";
 
   private static final String ERROR_NO_ACTIVITY = "E_NO_ACTIVITY";
 
@@ -95,8 +91,7 @@ public void open(@Nullable final ReadableMap options, Promise promise) {
     FragmentActivity activity = (FragmentActivity) getCurrentActivity();
     if (activity == null) {
       promise.reject(
-          ERROR_NO_ACTIVITY,
-          "Tried to open a TimePicker dialog while not attached to an Activity");
+          ERROR_NO_ACTIVITY, "Tried to open a TimePicker dialog while not attached to an Activity");
       return;
     }
     // We want to support both android.app.Activity and the pre-Honeycomb FragmentActivity
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/timepicker/TimePickerMode.java b/ReactAndroid/src/main/java/com/facebook/react/modules/timepicker/TimePickerMode.java
index 2b8243ef8ab3a6..28d36d62efeba1 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/timepicker/TimePickerMode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/timepicker/TimePickerMode.java
@@ -1,13 +1,11 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.timepicker;
 
-
 public enum TimePickerMode {
   CLOCK,
   SPINNER,
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/toast/ToastModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/toast/ToastModule.java
index 057c5771884011..db1f560a65aa71 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/toast/ToastModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/toast/ToastModule.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.toast;
 
 import android.view.Gravity;
@@ -18,9 +17,7 @@
 import com.facebook.react.module.annotations.ReactModule;
 import java.util.Map;
 
-/**
- * {@link NativeModule} that allows JS to show an Android Toast.
- */
+/** {@link NativeModule} that allows JS to show an Android Toast. */
 @ReactModule(name = ToastModule.NAME)
 public class ToastModule extends ReactContextBaseJavaModule {
 
@@ -54,24 +51,26 @@ public Map<String, Object> getConstants() {
 
   @ReactMethod
   public void show(final String message, final int duration) {
-    UiThreadUtil.runOnUiThread(new Runnable() {
-      @Override
-      public void run() {
-        Toast.makeText(getReactApplicationContext(), message, duration).show();
-      }
-    });
+    UiThreadUtil.runOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            Toast.makeText(getReactApplicationContext(), message, duration).show();
+          }
+        });
   }
 
   @ReactMethod
   public void showWithGravity(final String message, final int duration, final int gravity) {
-    UiThreadUtil.runOnUiThread(new Runnable() {
-      @Override
-      public void run() {
-        Toast toast = Toast.makeText(getReactApplicationContext(), message, duration);
-        toast.setGravity(gravity, 0, 0);
-        toast.show();
-      }
-    });
+    UiThreadUtil.runOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            Toast toast = Toast.makeText(getReactApplicationContext(), message, duration);
+            toast.setGravity(gravity, 0, 0);
+            toast.show();
+          }
+        });
   }
 
   @ReactMethod
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/vibration/VibrationModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/vibration/VibrationModule.java
index 153f800f775f2e..d0d79994a544f2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/vibration/VibrationModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/vibration/VibrationModule.java
@@ -1,16 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.vibration;
 
 import android.annotation.SuppressLint;
 import android.content.Context;
 import android.os.Vibrator;
-
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;
@@ -42,13 +40,12 @@ public void vibrate(int duration) {
 
   @ReactMethod
   public void vibrateByPattern(ReadableArray pattern, int repeat) {
-    long[] patternLong = new long[pattern.size()];
-    for (int i = 0; i < pattern.size(); i++) {
-      patternLong[i] = pattern.getInt(i);
-    }
-
     Vibrator v = (Vibrator) getReactApplicationContext().getSystemService(Context.VIBRATOR_SERVICE);
     if (v != null) {
+      long[] patternLong = new long[pattern.size()];
+      for (int i = 0; i < pattern.size(); i++) {
+        patternLong[i] = pattern.getInt(i);
+      }
       v.vibrate(patternLong, repeat);
     }
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/websocket/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/websocket/BUCK
index 22b82d1099c06f..aff006132f7e15 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/websocket/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/websocket/BUCK
@@ -3,10 +3,12 @@ load("//tools/build_defs/oss:rn_defs.bzl", "react_native_dep", "react_native_tar
 rn_android_library(
     name = "websocket",
     srcs = glob(["**/*.java"]),
+    is_androidx = True,
     visibility = [
         "PUBLIC",
     ],
     deps = [
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("libraries/fbcore/src/main/java/com/facebook/common/logging:logging"),
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/websocket/WebSocketModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/websocket/WebSocketModule.java
index f28f271f7f043a..bfc83f6aff7106 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/websocket/WebSocketModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/websocket/WebSocketModule.java
@@ -1,12 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.websocket;
 
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.ReactApplicationContext;
@@ -30,7 +30,6 @@
 import java.util.Map;
 import java.util.concurrent.ConcurrentHashMap;
 import java.util.concurrent.TimeUnit;
-import javax.annotation.Nullable;
 import okhttp3.OkHttpClient;
 import okhttp3.Request;
 import okhttp3.Response;
@@ -40,7 +39,8 @@
 
 @ReactModule(name = WebSocketModule.NAME, hasConstants = false)
 public final class WebSocketModule extends ReactContextBaseJavaModule {
-  public static final String NAME="WebSocketModule";
+  public static final String NAME = "WebSocketModule";
+
   public interface ContentHandler {
     void onMessage(String text, WritableMap params);
 
@@ -61,8 +61,8 @@ public WebSocketModule(ReactApplicationContext context) {
 
   private void sendEvent(String eventName, WritableMap params) {
     mReactContext
-      .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
-      .emit(eventName, params);
+        .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
+        .emit(eventName, params);
   }
 
   @Override
@@ -80,15 +80,16 @@ public void setContentHandler(final int id, final ContentHandler contentHandler)
 
   @ReactMethod
   public void connect(
-    final String url,
-    @Nullable final ReadableArray protocols,
-    @Nullable final ReadableMap options,
-    final int id) {
-    OkHttpClient client = new OkHttpClient.Builder()
-      .connectTimeout(10, TimeUnit.SECONDS)
-      .writeTimeout(10, TimeUnit.SECONDS)
-      .readTimeout(0, TimeUnit.MINUTES) // Disable timeouts for read
-      .build();
+      final String url,
+      @Nullable final ReadableArray protocols,
+      @Nullable final ReadableMap options,
+      final int id) {
+    OkHttpClient client =
+        new OkHttpClient.Builder()
+            .connectTimeout(10, TimeUnit.SECONDS)
+            .writeTimeout(10, TimeUnit.SECONDS)
+            .readTimeout(0, TimeUnit.MINUTES) // Disable timeouts for read
+            .build();
 
     Request.Builder builder = new Request.Builder().tag(id).url(url);
 
@@ -97,7 +98,9 @@ public void connect(
       builder.addHeader("Cookie", cookie);
     }
 
-    if (options != null && options.hasKey("headers") && options.getType("headers").equals(ReadableType.Map)) {
+    if (options != null
+        && options.hasKey("headers")
+        && options.getType("headers").equals(ReadableType.Map)) {
 
       ReadableMap headers = options.getMap("headers");
       ReadableMapKeySetIterator iterator = headers.keySetIterator();
@@ -111,9 +114,7 @@ public void connect(
         if (ReadableType.String.equals(headers.getType(key))) {
           builder.addHeader(key, headers.getString(key));
         } else {
-          FLog.w(
-            ReactConstants.TAG,
-            "Ignoring: requested " + key + ", value not a string");
+          FLog.w(ReactConstants.TAG, "Ignoring: requested " + key + ", value not a string");
         }
       }
     } else {
@@ -144,6 +145,7 @@ public void onOpen(WebSocket webSocket, Response response) {
             mWebSocketConnections.put(id, webSocket);
             WritableMap params = Arguments.createMap();
             params.putInt("id", id);
+            params.putString("protocol", response.header("Sec-WebSocket-Protocol", ""));
             sendEvent("websocketOpen", params);
           }
 
@@ -217,10 +219,7 @@ public void close(int code, String reason, int id) {
       mWebSocketConnections.remove(id);
       mContentHandlers.remove(id);
     } catch (Exception e) {
-      FLog.e(
-        ReactConstants.TAG,
-        "Could not close WebSocket connection for id " + id,
-        e);
+      FLog.e(ReactConstants.TAG, "Could not close WebSocket connection for id " + id, e);
     }
   }
 
@@ -342,20 +341,24 @@ private static String getDefaultOrigin(String uri) {
       String scheme = "";
 
       URI requestURI = new URI(uri);
-      if (requestURI.getScheme().equals("wss")) {
-        scheme += "https";
-      } else if (requestURI.getScheme().equals("ws")) {
-        scheme += "http";
-      } else if (requestURI.getScheme().equals("http") || requestURI.getScheme().equals("https")) {
-        scheme += requestURI.getScheme();
+      switch (requestURI.getScheme()) {
+        case "wss":
+          scheme += "https";
+          break;
+        case "ws":
+          scheme += "http";
+          break;
+        case "http":
+        case "https":
+          scheme += requestURI.getScheme();
+          break;
+        default:
+          break;
       }
 
       if (requestURI.getPort() != -1) {
-        defaultOrigin = String.format(
-          "%s://%s:%s",
-          scheme,
-          requestURI.getHost(),
-          requestURI.getPort());
+        defaultOrigin =
+            String.format("%s://%s:%s", scheme, requestURI.getHost(), requestURI.getPort());
       } else {
         defaultOrigin = String.format("%s://%s", scheme, requestURI.getHost());
       }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/BUCK b/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/BUCK
index 50ffba0ad27f64..00c073456a8d6a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/BUCK
@@ -5,10 +5,12 @@ rn_android_library(
     srcs = glob(
         ["**/*.java"],
     ),
+    is_androidx = True,
     visibility = [
         "PUBLIC",
     ],
     deps = [
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("java/com/facebook/jni:jni"),
         react_native_dep("java/com/facebook/proguard/annotations:annotations"),
         react_native_dep("libraries/fbcore/src/main/java/com/facebook/common/logging:logging"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/FileIoHandler.java b/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/FileIoHandler.java
index 44c910bee5cfc9..a416f27b3554fe 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/FileIoHandler.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/FileIoHandler.java
@@ -1,27 +1,22 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.packagerconnection;
 
-import javax.annotation.Nullable;
-
+import android.os.Handler;
+import android.os.Looper;
+import android.util.Base64;
+import androidx.annotation.Nullable;
+import com.facebook.common.logging.FLog;
 import java.io.FileInputStream;
 import java.io.FileNotFoundException;
 import java.io.IOException;
 import java.util.HashMap;
 import java.util.Iterator;
 import java.util.Map;
-
-import android.os.Handler;
-import android.os.Looper;
-import android.util.Base64;
-
-import com.facebook.common.logging.FLog;
-
 import org.json.JSONObject;
 
 public class FileIoHandler implements Runnable {
@@ -67,88 +62,92 @@ public FileIoHandler() {
     mHandler = new Handler(Looper.getMainLooper());
     mOpenFiles = new HashMap<>();
     mRequestHandlers = new HashMap<>();
-    mRequestHandlers.put("fopen", new RequestOnlyHandler() {
-      @Override
-      public void onRequest(
-          @Nullable Object params, Responder responder) {
-        synchronized (mOpenFiles) {
-          try {
-            JSONObject paramsObj = (JSONObject)params;
-            if (paramsObj == null) {
-              throw new Exception("params must be an object { mode: string, filename: string }");
-            }
-            String mode = paramsObj.optString("mode");
-            if (mode == null) {
-              throw new Exception("missing params.mode");
-            }
-            String filename = paramsObj.optString("filename");
-            if (filename == null) {
-              throw new Exception("missing params.filename");
-            }
-            if (!mode.equals("r")) {
-              throw new IllegalArgumentException("unsupported mode: " + mode);
+    mRequestHandlers.put(
+        "fopen",
+        new RequestOnlyHandler() {
+          @Override
+          public void onRequest(@Nullable Object params, Responder responder) {
+            synchronized (mOpenFiles) {
+              try {
+                JSONObject paramsObj = (JSONObject) params;
+                if (paramsObj == null) {
+                  throw new Exception(
+                      "params must be an object { mode: string, filename: string }");
+                }
+                String mode = paramsObj.optString("mode");
+                if (mode == null) {
+                  throw new Exception("missing params.mode");
+                }
+                String filename = paramsObj.optString("filename");
+                if (filename == null) {
+                  throw new Exception("missing params.filename");
+                }
+                if (!mode.equals("r")) {
+                  throw new IllegalArgumentException("unsupported mode: " + mode);
+                }
+
+                responder.respond(addOpenFile(filename));
+              } catch (Exception e) {
+                responder.error(e.toString());
+              }
             }
-
-            responder.respond(addOpenFile(filename));
-          } catch (Exception e) {
-            responder.error(e.toString());
           }
-        }
-      }
-    });
-    mRequestHandlers.put("fclose", new RequestOnlyHandler() {
-      @Override
-      public void onRequest(
-          @Nullable Object params, Responder responder) {
-        synchronized (mOpenFiles) {
-          try {
-            if (!(params instanceof Number)) {
-              throw new Exception("params must be a file handle");
+        });
+    mRequestHandlers.put(
+        "fclose",
+        new RequestOnlyHandler() {
+          @Override
+          public void onRequest(@Nullable Object params, Responder responder) {
+            synchronized (mOpenFiles) {
+              try {
+                if (!(params instanceof Number)) {
+                  throw new Exception("params must be a file handle");
+                }
+                TtlFileInputStream stream = mOpenFiles.get((int) params);
+                if (stream == null) {
+                  throw new Exception("invalid file handle, it might have timed out");
+                }
+
+                mOpenFiles.remove((int) params);
+                stream.close();
+                responder.respond("");
+              } catch (Exception e) {
+                responder.error(e.toString());
+              }
             }
-            TtlFileInputStream stream = mOpenFiles.get((int)params);
-            if (stream == null) {
-              throw new Exception("invalid file handle, it might have timed out");
-            }
-
-            mOpenFiles.remove((int)params);
-            stream.close();
-            responder.respond("");
-          } catch (Exception e) {
-            responder.error(e.toString());
           }
-        }
-      }
-    });
-    mRequestHandlers.put("fread", new RequestOnlyHandler() {
-      @Override
-      public void onRequest(
-          @Nullable Object params, Responder responder) {
-        synchronized (mOpenFiles) {
-          try {
-            JSONObject paramsObj = (JSONObject)params;
-            if (paramsObj == null) {
-              throw new Exception("params must be an object { file: handle, size: number }");
-            }
-            int file = paramsObj.optInt("file");
-            if (file == 0) {
-              throw new Exception("invalid or missing file handle");
-            }
-            int size = paramsObj.optInt("size");
-            if (size == 0) {
-              throw new Exception("invalid or missing read size");
+        });
+    mRequestHandlers.put(
+        "fread",
+        new RequestOnlyHandler() {
+          @Override
+          public void onRequest(@Nullable Object params, Responder responder) {
+            synchronized (mOpenFiles) {
+              try {
+                JSONObject paramsObj = (JSONObject) params;
+                if (paramsObj == null) {
+                  throw new Exception("params must be an object { file: handle, size: number }");
+                }
+                int file = paramsObj.optInt("file");
+                if (file == 0) {
+                  throw new Exception("invalid or missing file handle");
+                }
+                int size = paramsObj.optInt("size");
+                if (size == 0) {
+                  throw new Exception("invalid or missing read size");
+                }
+                TtlFileInputStream stream = mOpenFiles.get(file);
+                if (stream == null) {
+                  throw new Exception("invalid file handle, it might have timed out");
+                }
+
+                responder.respond(stream.read(size));
+              } catch (Exception e) {
+                responder.error(e.toString());
+              }
             }
-            TtlFileInputStream stream = mOpenFiles.get(file);
-            if (stream == null) {
-              throw new Exception("invalid file handle, it might have timed out");
-            }
-
-            responder.respond(stream.read(size));
-          } catch (Exception e) {
-            responder.error(e.toString());
           }
-        }
-      }
-    });
+        });
   }
 
   public Map<String, RequestHandler> handlers() {
@@ -176,9 +175,7 @@ public void run() {
           try {
             stream.close();
           } catch (IOException e) {
-            FLog.e(
-              TAG,
-              "closing expired file failed: " + e.toString());
+            FLog.e(TAG, "closing expired file failed: " + e.toString());
           }
         }
       }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/JSPackagerClient.java b/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/JSPackagerClient.java
index d7ddfe667e6067..d4dfbef2989e3d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/JSPackagerClient.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/JSPackagerClient.java
@@ -1,30 +1,24 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.packagerconnection;
 
-import java.util.Map;
-import javax.annotation.Nullable;
-
 import android.net.Uri;
-
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.modules.systeminfo.AndroidInfoHelpers;
-
+import java.util.Map;
 import okio.ByteString;
-
 import org.json.JSONObject;
 
-/**
- * A client for packager that uses WebSocket connection.
- */
-final public class JSPackagerClient implements ReconnectingWebSocket.MessageCallback {
+/** A client for packager that uses WebSocket connection. */
+public final class JSPackagerClient implements ReconnectingWebSocket.MessageCallback {
   private static final String TAG = JSPackagerClient.class.getSimpleName();
-  private static final String PACKAGER_CONNECTION_URL_FORMAT = "ws://%s/message?device=%s&app=%s&context=%s";
+  private static final String PACKAGER_CONNECTION_URL_FORMAT =
+      "ws://%s/message?device=%s&app=%s&context=%s";
   private static final int PROTOCOL_VERSION = 2;
 
   private class ResponderImpl implements Responder {
@@ -62,23 +56,28 @@ public void error(Object error) {
   private ReconnectingWebSocket mWebSocket;
   private Map<String, RequestHandler> mRequestHandlers;
 
-  public JSPackagerClient(String clientId, PackagerConnectionSettings settings, Map<String, RequestHandler> requestHandlers) {
+  public JSPackagerClient(
+      String clientId,
+      PackagerConnectionSettings settings,
+      Map<String, RequestHandler> requestHandlers) {
     this(clientId, settings, requestHandlers, null);
   }
 
   public JSPackagerClient(
-      String clientId, PackagerConnectionSettings settings,
+      String clientId,
+      PackagerConnectionSettings settings,
       Map<String, RequestHandler> requestHandlers,
       @Nullable ReconnectingWebSocket.ConnectionCallback connectionCallback) {
     super();
 
     Uri.Builder builder = new Uri.Builder();
-    builder.scheme("ws")
-      .encodedAuthority(settings.getDebugServerHost())
-      .appendPath("message")
-      .appendQueryParameter("device", AndroidInfoHelpers.getFriendlyDeviceName())
-      .appendQueryParameter("app", settings.getPackageName())
-      .appendQueryParameter("clientid", clientId);
+    builder
+        .scheme("ws")
+        .encodedAuthority(settings.getDebugServerHost())
+        .appendPath("message")
+        .appendQueryParameter("device", AndroidInfoHelpers.getFriendlyDeviceName())
+        .appendQueryParameter("app", settings.getPackageName())
+        .appendQueryParameter("clientid", clientId);
     String url = builder.build().toString();
 
     mWebSocket = new ReconnectingWebSocket(url, this, connectionCallback);
@@ -105,8 +104,7 @@ public void onMessage(String text) {
 
       if (version != PROTOCOL_VERSION) {
         FLog.e(
-          TAG,
-          "Message with incompatible or missing version of protocol received: " + version);
+            TAG, "Message with incompatible or missing version of protocol received: " + version);
         return;
       }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/NotificationOnlyHandler.java b/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/NotificationOnlyHandler.java
index c88f04ff183750..6342111d6440be 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/NotificationOnlyHandler.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/NotificationOnlyHandler.java
@@ -1,22 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.packagerconnection;
 
-import javax.annotation.Nullable;
-
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 
 public abstract class NotificationOnlyHandler implements RequestHandler {
   private static final String TAG = JSPackagerClient.class.getSimpleName();
 
-  final public void onRequest(@Nullable Object params, Responder responder) {
+  public final void onRequest(@Nullable Object params, Responder responder) {
     responder.error("Request is not supported");
     FLog.e(TAG, "Request is not supported");
   }
-  abstract public void onNotification(@Nullable Object params);
+
+  public abstract void onNotification(@Nullable Object params);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/PackagerConnectionSettings.java b/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/PackagerConnectionSettings.java
index a154553f0d06b1..79be6b59542725 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/PackagerConnectionSettings.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/PackagerConnectionSettings.java
@@ -1,19 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.packagerconnection;
 
 import android.content.Context;
 import android.content.SharedPreferences;
 import android.preference.PreferenceManager;
 import android.text.TextUtils;
-
-import javax.annotation.Nullable;
-
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.modules.systeminfo.AndroidInfoHelpers;
@@ -45,14 +42,20 @@ public String getDebugServerHost() {
 
     if (host.equals(AndroidInfoHelpers.DEVICE_LOCALHOST)) {
       FLog.w(
-        TAG,
-        "You seem to be running on device. Run '" + AndroidInfoHelpers.getAdbReverseTcpCommand(mAppContext) + "' " +
-          "to forward the debug server's port to the device.");
+          TAG,
+          "You seem to be running on device. Run '"
+              + AndroidInfoHelpers.getAdbReverseTcpCommand(mAppContext)
+              + "' "
+              + "to forward the debug server's port to the device.");
     }
 
     return host;
   }
 
+  public void setDebugServerHost(String host) {
+    mPreferences.edit().putString(PREFS_DEBUG_SERVER_HOST_KEY, host).apply();
+  }
+
   public String getInspectorServerHost() {
     return AndroidInfoHelpers.getInspectorProxyHost(mAppContext);
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/ReconnectingWebSocket.java b/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/ReconnectingWebSocket.java
index daef24c9f9bedd..cd22fb1355fcb2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/ReconnectingWebSocket.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/ReconnectingWebSocket.java
@@ -1,23 +1,18 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.packagerconnection;
 
-import javax.annotation.Nullable;
-
-import java.io.IOException;
-import java.nio.channels.ClosedChannelException;
-import java.util.concurrent.TimeUnit;
-
 import android.os.Handler;
 import android.os.Looper;
-
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
-
+import java.io.IOException;
+import java.nio.channels.ClosedChannelException;
+import java.util.concurrent.TimeUnit;
 import okhttp3.OkHttpClient;
 import okhttp3.Request;
 import okhttp3.Response;
@@ -25,21 +20,21 @@
 import okhttp3.WebSocketListener;
 import okio.ByteString;
 
-/**
- * A wrapper around WebSocketClient that reconnects automatically
- */
-final public class ReconnectingWebSocket extends WebSocketListener {
+/** A wrapper around WebSocketClient that reconnects automatically */
+public final class ReconnectingWebSocket extends WebSocketListener {
   private static final String TAG = ReconnectingWebSocket.class.getSimpleName();
 
   private static final int RECONNECT_DELAY_MS = 2000;
 
   public interface MessageCallback {
     void onMessage(String text);
+
     void onMessage(ByteString bytes);
   }
 
   public interface ConnectionCallback {
     void onConnected();
+
     void onDisconnected();
   }
 
@@ -52,9 +47,7 @@ public interface ConnectionCallback {
   private @Nullable ConnectionCallback mConnectionCallback;
 
   public ReconnectingWebSocket(
-      String url,
-      MessageCallback messageCallback,
-      ConnectionCallback connectionCallback) {
+      String url, MessageCallback messageCallback, ConnectionCallback connectionCallback) {
     super();
     mUrl = url;
     mMessageCallback = messageCallback;
@@ -67,11 +60,12 @@ public void connect() {
       throw new IllegalStateException("Can't connect closed client");
     }
 
-    OkHttpClient httpClient = new OkHttpClient.Builder()
-      .connectTimeout(10, TimeUnit.SECONDS)
-      .writeTimeout(10, TimeUnit.SECONDS)
-      .readTimeout(0, TimeUnit.MINUTES) // Disable timeouts for read
-      .build();
+    OkHttpClient httpClient =
+        new OkHttpClient.Builder()
+            .connectTimeout(10, TimeUnit.SECONDS)
+            .writeTimeout(10, TimeUnit.SECONDS)
+            .readTimeout(0, TimeUnit.MINUTES) // Disable timeouts for read
+            .build();
 
     Request request = new Request.Builder().url(mUrl).build();
     httpClient.newWebSocket(request, this);
@@ -95,13 +89,13 @@ private void reconnect() {
     }
 
     mHandler.postDelayed(
-      new Runnable() {
-        @Override
-        public void run() {
-          delayedReconnect();
-        }
-      },
-      RECONNECT_DELAY_MS);
+        new Runnable() {
+          @Override
+          public void run() {
+            delayedReconnect();
+          }
+        },
+        RECONNECT_DELAY_MS);
   }
 
   public void closeQuietly() {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/RequestHandler.java b/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/RequestHandler.java
index 52504ded26027b..b5cb283db1a944 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/RequestHandler.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/RequestHandler.java
@@ -1,15 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.packagerconnection;
 
-import javax.annotation.Nullable;
+import androidx.annotation.Nullable;
 
 public interface RequestHandler {
   void onRequest(@Nullable Object params, Responder responder);
+
   void onNotification(@Nullable Object params);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/RequestOnlyHandler.java b/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/RequestOnlyHandler.java
index 05520d541561c8..29949acec1e299 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/RequestOnlyHandler.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/RequestOnlyHandler.java
@@ -1,21 +1,20 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.packagerconnection;
 
-import javax.annotation.Nullable;
-
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 
 public abstract class RequestOnlyHandler implements RequestHandler {
   private static final String TAG = JSPackagerClient.class.getSimpleName();
 
-  abstract public void onRequest(@Nullable Object params, Responder responder);
-  final public void onNotification(@Nullable Object params) {
+  public abstract void onRequest(@Nullable Object params, Responder responder);
+
+  public final void onNotification(@Nullable Object params) {
     FLog.e(TAG, "Notification is not supported");
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/Responder.java b/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/Responder.java
index 870508c2ad5545..50c74dd65d085a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/Responder.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/Responder.java
@@ -1,13 +1,13 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.packagerconnection;
 
 public interface Responder {
   void respond(Object result);
+
   void error(Object error);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/shell/BUCK b/ReactAndroid/src/main/java/com/facebook/react/shell/BUCK
index e97f9ae9547134..1fa885dbd3bc24 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/shell/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/shell/BUCK
@@ -38,12 +38,12 @@ rn_android_library(
         react_native_target("java/com/facebook/react/modules/i18nmanager:i18nmanager"),
         react_native_target("java/com/facebook/react/modules/image:image"),
         react_native_target("java/com/facebook/react/modules/intent:intent"),
-        react_native_target("java/com/facebook/react/modules/netinfo:netinfo"),
         react_native_target("java/com/facebook/react/modules/network:network"),
         react_native_target("java/com/facebook/react/modules/permissions:permissions"),
         react_native_target("java/com/facebook/react/modules/share:share"),
         react_native_target("java/com/facebook/react/modules/statusbar:statusbar"),
         react_native_target("java/com/facebook/react/modules/storage:storage"),
+        react_native_target("java/com/facebook/react/modules/sound:sound"),
         react_native_target("java/com/facebook/react/modules/timepicker:timepicker"),
         react_native_target("java/com/facebook/react/modules/toast:toast"),
         react_native_target("java/com/facebook/react/modules/vibration:vibration"),
@@ -63,7 +63,6 @@ rn_android_library(
         react_native_target("java/com/facebook/react/views/text:text"),
         react_native_target("java/com/facebook/react/views/text/frescosupport:frescosupport"),
         react_native_target("java/com/facebook/react/views/textinput:textinput"),
-        react_native_target("java/com/facebook/react/views/toolbar:toolbar"),
         react_native_target("java/com/facebook/react/views/view:view"),
         react_native_target("java/com/facebook/react/views/viewpager:viewpager"),
         react_native_target("java/com/facebook/react/module/annotations:annotations"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/shell/MainPackageConfig.java b/ReactAndroid/src/main/java/com/facebook/react/shell/MainPackageConfig.java
index 62c20cfc433c11..b688e51c71de2b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/shell/MainPackageConfig.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/shell/MainPackageConfig.java
@@ -1,17 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.shell;
 
 import com.facebook.imagepipeline.core.ImagePipelineConfig;
 
-/**
- * Configuration for {@link MainReactPackage}
- */
+/** Configuration for {@link MainReactPackage} */
 public class MainPackageConfig {
 
   private ImagePipelineConfig mFrescoConfig;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/shell/MainReactPackage.java b/ReactAndroid/src/main/java/com/facebook/react/shell/MainReactPackage.java
index 22348ac1dc63c0..4e0c7b243f1eea 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/shell/MainReactPackage.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/shell/MainReactPackage.java
@@ -1,18 +1,19 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.shell;
 
-import com.facebook.react.LazyReactPackage;
+import androidx.annotation.Nullable;
+import com.facebook.react.TurboReactPackage;
 import com.facebook.react.animated.NativeAnimatedModule;
-import com.facebook.react.bridge.ModuleSpec;
 import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.module.annotations.ReactModule;
 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.modules.accessibilityinfo.AccessibilityInfoModule;
 import com.facebook.react.modules.appstate.AppStateModule;
@@ -28,10 +29,10 @@
 import com.facebook.react.modules.i18nmanager.I18nManagerModule;
 import com.facebook.react.modules.image.ImageLoaderModule;
 import com.facebook.react.modules.intent.IntentModule;
-import com.facebook.react.modules.netinfo.NetInfoModule;
 import com.facebook.react.modules.network.NetworkingModule;
 import com.facebook.react.modules.permissions.PermissionsModule;
 import com.facebook.react.modules.share.ShareModule;
+import com.facebook.react.modules.sound.SoundManagerModule;
 import com.facebook.react.modules.statusbar.StatusBarModule;
 import com.facebook.react.modules.storage.AsyncStorageModule;
 import com.facebook.react.modules.timepicker.TimePickerDialogModule;
@@ -59,263 +60,109 @@
 import com.facebook.react.views.text.ReactVirtualTextViewManager;
 import com.facebook.react.views.text.frescosupport.FrescoBasedReactTextInlineImageViewManager;
 import com.facebook.react.views.textinput.ReactTextInputManager;
-import com.facebook.react.views.toolbar.ReactToolbarManager;
 import com.facebook.react.views.view.ReactViewManager;
 import com.facebook.react.views.viewpager.ReactViewPagerManager;
 import java.util.ArrayList;
-import java.util.Arrays;
+import java.util.HashMap;
 import java.util.List;
-import javax.inject.Provider;
-
-/**
- * Package defining basic modules and view managers.
- */
-@ReactModuleList(nativeModules = {
-  AccessibilityInfoModule.class,
-  AppStateModule.class,
-  BlobModule.class,
-  FileReaderModule.class,
-  AsyncStorageModule.class,
-  CameraRollManager.class,
-  ClipboardModule.class,
-  DatePickerDialogModule.class,
-  DialogModule.class,
-  FrescoModule.class,
-  I18nManagerModule.class,
-  ImageEditingManager.class,
-  ImageLoaderModule.class,
-  ImageStoreManager.class,
-  IntentModule.class,
-  NativeAnimatedModule.class,
-  NetworkingModule.class,
-  NetInfoModule.class,
-  PermissionsModule.class,
-  ShareModule.class,
-  StatusBarModule.class,
-  TimePickerDialogModule.class,
-  ToastModule.class,
-  VibrationModule.class,
-  WebSocketModule.class,
+import java.util.Map;
 
-})
-public class MainReactPackage extends LazyReactPackage {
+/** Package defining basic modules and view managers. */
+@ReactModuleList(
+    nativeModules = {
+      AccessibilityInfoModule.class,
+      AppStateModule.class,
+      BlobModule.class,
+      FileReaderModule.class,
+      AsyncStorageModule.class,
+      CameraRollManager.class,
+      ClipboardModule.class,
+      DatePickerDialogModule.class,
+      DialogModule.class,
+      FrescoModule.class,
+      I18nManagerModule.class,
+      ImageEditingManager.class,
+      ImageLoaderModule.class,
+      ImageStoreManager.class,
+      IntentModule.class,
+      NativeAnimatedModule.class,
+      NetworkingModule.class,
+      PermissionsModule.class,
+      ShareModule.class,
+      SoundManagerModule.class,
+      StatusBarModule.class,
+      TimePickerDialogModule.class,
+      ToastModule.class,
+      VibrationModule.class,
+      WebSocketModule.class,
+    })
+public class MainReactPackage extends TurboReactPackage {
 
   private MainPackageConfig mConfig;
 
-  public MainReactPackage() {
-  }
+  public MainReactPackage() {}
 
-  /**
-   * Create a new package with configuration
-   */
+  /** Create a new package with configuration */
   public MainReactPackage(MainPackageConfig config) {
     mConfig = config;
   }
 
   @Override
-  public List<ModuleSpec> getNativeModules(final ReactApplicationContext context) {
-    return Arrays.asList(
-        ModuleSpec.nativeModuleSpec(
-            AccessibilityInfoModule.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new AccessibilityInfoModule(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            AppStateModule.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new AppStateModule(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            BlobModule.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new BlobModule(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            FileReaderModule.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new FileReaderModule(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            AsyncStorageModule.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new AsyncStorageModule(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            CameraRollManager.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new CameraRollManager(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            ClipboardModule.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new ClipboardModule(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            DatePickerDialogModule.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new DatePickerDialogModule(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            DialogModule.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new DialogModule(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            FrescoModule.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new FrescoModule(
-                    context, true, mConfig != null ? mConfig.getFrescoConfig() : null);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            I18nManagerModule.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new I18nManagerModule(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            ImageEditingManager.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new ImageEditingManager(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            ImageLoaderModule.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new ImageLoaderModule(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            ImageStoreManager.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new ImageStoreManager(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            IntentModule.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new IntentModule(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            NativeAnimatedModule.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new NativeAnimatedModule(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            NetworkingModule.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new NetworkingModule(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            NetInfoModule.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new NetInfoModule(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            PermissionsModule.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new PermissionsModule(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            ShareModule.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new ShareModule(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            StatusBarModule.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new StatusBarModule(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            TimePickerDialogModule.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new TimePickerDialogModule(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            ToastModule.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new ToastModule(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            VibrationModule.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new VibrationModule(context);
-              }
-            }),
-        ModuleSpec.nativeModuleSpec(
-            WebSocketModule.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new WebSocketModule(context);
-              }
-            }));
+  public @Nullable NativeModule getModule(String name, ReactApplicationContext context) {
+    switch (name) {
+      case AccessibilityInfoModule.NAME:
+        return new AccessibilityInfoModule(context);
+      case AppStateModule.NAME:
+        return new AppStateModule(context);
+      case BlobModule.NAME:
+        return new BlobModule(context);
+      case FileReaderModule.NAME:
+        return new FileReaderModule(context);
+      case AsyncStorageModule.NAME:
+        return new AsyncStorageModule(context);
+      case CameraRollManager.NAME:
+        return new CameraRollManager(context);
+      case ClipboardModule.NAME:
+        return new ClipboardModule(context);
+      case DatePickerDialogModule.FRAGMENT_TAG:
+        return new DatePickerDialogModule(context);
+      case DialogModule.NAME:
+        return new DialogModule(context);
+      case FrescoModule.NAME:
+        return new FrescoModule(context, true, mConfig != null ? mConfig.getFrescoConfig() : null);
+      case I18nManagerModule.NAME:
+        return new I18nManagerModule(context);
+      case ImageEditingManager.NAME:
+        return new ImageEditingManager(context);
+      case ImageLoaderModule.NAME:
+        return new ImageLoaderModule(context);
+      case ImageStoreManager.NAME:
+        return new ImageStoreManager(context);
+      case IntentModule.NAME:
+        return new IntentModule(context);
+      case NativeAnimatedModule.NAME:
+        return new NativeAnimatedModule(context);
+      case NetworkingModule.NAME:
+        return new NetworkingModule(context);
+      case PermissionsModule.NAME:
+        return new PermissionsModule(context);
+      case ShareModule.NAME:
+        return new ShareModule(context);
+      case StatusBarModule.NAME:
+        return new StatusBarModule(context);
+      case SoundManagerModule.NAME:
+        return new SoundManagerModule(context);
+      case TimePickerDialogModule.FRAGMENT_TAG:
+        return new TimePickerDialogModule(context);
+      case ToastModule.NAME:
+        return new ToastModule(context);
+      case VibrationModule.NAME:
+        return new VibrationModule(context);
+      case WebSocketModule.NAME:
+        return new WebSocketModule(context);
+      default:
+        return null;
+    }
   }
 
   @Override
@@ -335,7 +182,6 @@ public List<ViewManager> createViewManagers(ReactApplicationContext reactContext
     viewManagers.add(new ReactScrollViewManager());
     viewManagers.add(new ReactSliderManager());
     viewManagers.add(new ReactSwitchManager());
-    viewManagers.add(new ReactToolbarManager());
     viewManagers.add(new SwipeRefreshLayoutManager());
 
     // Native equivalents
@@ -355,7 +201,69 @@ public List<ViewManager> createViewManagers(ReactApplicationContext reactContext
 
   @Override
   public ReactModuleInfoProvider getReactModuleInfoProvider() {
-    // This has to be done via reflection or we break open source.
-    return LazyReactPackage.getReactModuleInfoProviderViaReflection(this);
+    try {
+      Class<?> reactModuleInfoProviderClass =
+          Class.forName("com.facebook.react.MainReactPackage$$ReactModuleInfoProvider");
+      return (ReactModuleInfoProvider) reactModuleInfoProviderClass.newInstance();
+    } catch (ClassNotFoundException e) {
+      // In OSS case, the annotation processor does not run. We fall back on creating this byhand
+      Class<? extends NativeModule>[] moduleList =
+          new Class[] {
+            AccessibilityInfoModule.class,
+            AppStateModule.class,
+            BlobModule.class,
+            FileReaderModule.class,
+            AsyncStorageModule.class,
+            CameraRollManager.class,
+            ClipboardModule.class,
+            DatePickerDialogModule.class,
+            DialogModule.class,
+            FrescoModule.class,
+            I18nManagerModule.class,
+            ImageEditingManager.class,
+            ImageLoaderModule.class,
+            ImageStoreManager.class,
+            IntentModule.class,
+            NativeAnimatedModule.class,
+            NetworkingModule.class,
+            PermissionsModule.class,
+            ShareModule.class,
+            StatusBarModule.class,
+            SoundManagerModule.class,
+            TimePickerDialogModule.class,
+            ToastModule.class,
+            VibrationModule.class,
+            WebSocketModule.class
+          };
+
+      final Map<String, ReactModuleInfo> reactModuleInfoMap = new HashMap<>();
+      for (Class<? extends NativeModule> moduleClass : moduleList) {
+        ReactModule reactModule = moduleClass.getAnnotation(ReactModule.class);
+
+        reactModuleInfoMap.put(
+            reactModule.name(),
+            new ReactModuleInfo(
+                reactModule.name(),
+                moduleClass.getName(),
+                reactModule.canOverrideExistingModule(),
+                reactModule.needsEagerInit(),
+                reactModule.hasConstants(),
+                reactModule.isCxxModule(),
+                false));
+      }
+
+      return new ReactModuleInfoProvider() {
+        @Override
+        public Map<String, ReactModuleInfo> getReactModuleInfos() {
+          return reactModuleInfoMap;
+        }
+      };
+    } catch (InstantiationException e) {
+      throw new RuntimeException(
+          "No ReactModuleInfoProvider for CoreModulesPackage$$ReactModuleInfoProvider", e);
+    } catch (IllegalAccessException e) {
+      throw new RuntimeException(
+          "No ReactModuleInfoProvider for CoreModulesPackage$$ReactModuleInfoProvider", e);
+    }
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/surface/ReactStage.java b/ReactAndroid/src/main/java/com/facebook/react/surface/ReactStage.java
index 637aa8c87dd2e8..8e58e018b3d34f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/surface/ReactStage.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/surface/ReactStage.java
@@ -5,9 +5,7 @@
 import androidx.annotation.IntDef;
 import java.lang.annotation.Retention;
 
-/**
- * The stage of the Surface
- */
+/** The stage of the Surface */
 @Retention(SOURCE)
 @IntDef({
   ReactStage.SURFACE_DID_INITIALIZE,
diff --git a/ReactAndroid/src/main/java/com/facebook/react/touch/BUCK b/ReactAndroid/src/main/java/com/facebook/react/touch/BUCK
index 865b37c05922e4..bcd493aaf746b8 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/touch/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/touch/BUCK
@@ -3,10 +3,12 @@ load("//tools/build_defs/oss:rn_defs.bzl", "react_native_dep", "rn_android_libra
 rn_android_library(
     name = "touch",
     srcs = glob(["**/*.java"]),
+    is_androidx = True,
     visibility = [
         "PUBLIC",
     ],
     deps = [
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
     ],
diff --git a/ReactAndroid/src/main/java/com/facebook/react/touch/JSResponderHandler.java b/ReactAndroid/src/main/java/com/facebook/react/touch/JSResponderHandler.java
index b6c79d4fa64d80..5c6be140658115 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/touch/JSResponderHandler.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/touch/JSResponderHandler.java
@@ -1,27 +1,24 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
-
 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.
+ * 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.
  *
- * Single {@link CatalystInstance} should reuse same instance of this class.
+ * <p>Single {@link CatalystInstance} should reuse same instance of this class.
  */
 public class JSResponderHandler implements OnInterceptTouchEventListener {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/touch/OnInterceptTouchEventListener.java b/ReactAndroid/src/main/java/com/facebook/react/touch/OnInterceptTouchEventListener.java
index 46ee341d86c6e4..a203a8bfbd0ebb 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/touch/OnInterceptTouchEventListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/touch/OnInterceptTouchEventListener.java
@@ -1,28 +1,27 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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}.
+ * 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
+   *     view, or return false to allow motion event to be delivered to children view
    */
-  public boolean onInterceptTouchEvent(ViewGroup v, MotionEvent event);
-
+  boolean onInterceptTouchEvent(ViewGroup v, MotionEvent event);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/touch/ReactHitSlopView.java b/ReactAndroid/src/main/java/com/facebook/react/touch/ReactHitSlopView.java
index 296768fbd682d9..8366cca1ebbe27 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/touch/ReactHitSlopView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/touch/ReactHitSlopView.java
@@ -1,26 +1,25 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
+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.
+ * 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.
    */
-  public @Nullable Rect getHitSlopRect();
-
+  @Nullable
+  Rect getHitSlopRect();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/touch/ReactInterceptingViewGroup.java b/ReactAndroid/src/main/java/com/facebook/react/touch/ReactInterceptingViewGroup.java
index 58063f4dca98d8..3039b1fe5c07d9 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/touch/ReactInterceptingViewGroup.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/touch/ReactInterceptingViewGroup.java
@@ -1,12 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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
@@ -18,15 +18,14 @@ 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.
+   * 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
+   * @param listener A callback that {@link ViewGroup} should delegate calls for {@link
+   *     ViewGroup#onInterceptTouchEvent} to
    */
-  public void setOnInterceptTouchEventListener(OnInterceptTouchEventListener listener);
-
+  void setOnInterceptTouchEventListener(OnInterceptTouchEventListener listener);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/BUCK b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/BUCK
index aa8b05cf7542c7..8709f438e48d0d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/BUCK
@@ -13,7 +13,8 @@ rn_android_library(
         "PUBLIC",
     ],
     deps = [
-        react_native_target("java/com/facebook/react/turbomodule/core/interfaces:interfaces"),
+        react_native_dep("third-party/android/androidx:annotation"),
+        react_native_dep("java/com/facebook/proguard/annotations:annotations"),
         react_native_dep("java/com/facebook/systrace:systrace"),
         react_native_dep("libraries/soloader/java/com/facebook/soloader:soloader"),
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
@@ -22,8 +23,13 @@ rn_android_library(
         react_native_target("java/com/facebook/debug/holder:holder"),
         react_native_target("java/com/facebook/react/bridge:interfaces"),
         react_native_target("java/com/facebook/react/bridge:bridge"),
+        react_native_target("java/com/facebook/react/config:config"),
+        react_native_target("java/com/facebook/react:react"),
         ":jscallinvokerholder",
     ],
+    exported_deps = [
+        react_native_target("java/com/facebook/react/turbomodule/core/interfaces:interfaces"),
+    ],
 )
 
 rn_android_library(
diff --git a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/JSCallInvokerHolderImpl.java b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/JSCallInvokerHolderImpl.java
index e5f0ed5874818a..e2ffda1ed2345f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/JSCallInvokerHolderImpl.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/JSCallInvokerHolderImpl.java
@@ -1,21 +1,19 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 import com.facebook.jni.HybridData;
-import com.facebook.soloader.SoLoader;
 import com.facebook.react.turbomodule.core.interfaces.JSCallInvokerHolder;
+import com.facebook.soloader.SoLoader;
 
 /**
- * JSCallInvoker is created at a different time/place (i.e: in CatalystInstance)
- * than TurboModuleManager. Therefore, we need to wrap JSCallInvoker
- * within a hybrid class so that we may pass it from CatalystInstance, through
- * Java, to TurboMoudleManager::initHybrid.
+ * JSCallInvoker is created at a different time/place (i.e: in CatalystInstance) than
+ * TurboModuleManager. Therefore, we need to wrap JSCallInvoker within a hybrid class so that we may
+ * pass it from CatalystInstance, through Java, to TurboModuleManager::initHybrid.
  */
 public class JSCallInvokerHolderImpl implements JSCallInvokerHolder {
   static {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/ReactPackageTurboModuleManagerDelegate.java b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/ReactPackageTurboModuleManagerDelegate.java
new file mode 100644
index 00000000000000..fb307764db8bb4
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/ReactPackageTurboModuleManagerDelegate.java
@@ -0,0 +1,132 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+package com.facebook.react.turbomodule.core;
+
+import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Assertions;
+import com.facebook.proguard.annotations.DoNotStrip;
+import com.facebook.react.ReactPackage;
+import com.facebook.react.TurboReactPackage;
+import com.facebook.react.bridge.CxxModuleWrapper;
+import com.facebook.react.bridge.NativeModule;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.turbomodule.core.interfaces.TurboModule;
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+public abstract class ReactPackageTurboModuleManagerDelegate extends TurboModuleManagerDelegate {
+  private final List<TurboReactPackage> mPackages = new ArrayList<>();
+  private final Map<String, TurboModule> mModules = new HashMap<>();
+  private final ReactApplicationContext mReactApplicationContext;
+
+  protected ReactPackageTurboModuleManagerDelegate(
+      ReactApplicationContext reactApplicationContext, List<ReactPackage> packages) {
+    super();
+    mReactApplicationContext = reactApplicationContext;
+    for (ReactPackage reactPackage : packages) {
+      if (reactPackage instanceof TurboReactPackage) {
+        mPackages.add((TurboReactPackage) reactPackage);
+      }
+    }
+  }
+
+  @Nullable
+  @Override
+  public TurboModule getModule(String moduleName) {
+    TurboModule module = resolveModule(moduleName);
+    if (module == null) {
+      return null;
+    }
+
+    if (module instanceof CxxModuleWrapper) {
+      return null;
+    }
+
+    return module;
+  }
+
+  @Nullable
+  @Override
+  @DoNotStrip
+  public CxxModuleWrapper getLegacyCxxModule(String moduleName) {
+    TurboModule module = resolveModule(moduleName);
+    if (module == null) {
+      return null;
+    }
+
+    if (!(module instanceof CxxModuleWrapper)) {
+      return null;
+    }
+
+    return (CxxModuleWrapper) module;
+  }
+
+  private TurboModule resolveModule(String moduleName) {
+    if (mModules.containsKey(moduleName)) {
+      return mModules.get(moduleName);
+    }
+
+    NativeModule resolvedModule = null;
+
+    for (final TurboReactPackage pkg : mPackages) {
+      try {
+        NativeModule module = pkg.getModule(moduleName, mReactApplicationContext);
+        if (resolvedModule == null || module != null && module.canOverrideExistingModule()) {
+          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.
+         */
+      }
+    }
+
+    if (resolvedModule instanceof TurboModule) {
+      mModules.put(moduleName, (TurboModule) resolvedModule);
+    } else {
+      /**
+       * 1. The list of TurboReactPackages doesn't change. 2. TurboReactPackage.getModule is
+       * deterministic. Therefore, any two invocations of TurboReactPackage.getModule will return
+       * the same result given that they're provided the same arguments.
+       *
+       * <p>Hence, if module lookup fails once, we know it'll fail every time. Therefore, we can
+       * write null to the mModules Map and avoid doing this extra work.
+       */
+      mModules.put(moduleName, null);
+    }
+
+    return mModules.get(moduleName);
+  }
+
+  public abstract static class Builder {
+    private @Nullable List<ReactPackage> mPackages;
+    private @Nullable ReactApplicationContext mContext;
+
+    public Builder setPackages(List<ReactPackage> packages) {
+      mPackages = new ArrayList<>(packages);
+      return this;
+    }
+
+    public Builder setReactApplicationContext(ReactApplicationContext context) {
+      mContext = context;
+      return this;
+    }
+
+    protected abstract ReactPackageTurboModuleManagerDelegate build(
+        ReactApplicationContext context, List<ReactPackage> packages);
+
+    public ReactPackageTurboModuleManagerDelegate build() {
+      Assertions.assertNotNull(
+          mContext,
+          "The ReactApplicationContext must be provided to create ReactPackageTurboModuleManagerDelegate");
+      Assertions.assertNotNull(
+          mPackages,
+          "A set of ReactPackages must be provided to create ReactPackageTurboModuleManagerDelegate");
+      return build(mContext, mPackages);
+    }
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/TurboModuleManager.java b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/TurboModuleManager.java
index 158ff5bd298519..c81132e7ec7b53 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/TurboModuleManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/TurboModuleManager.java
@@ -1,52 +1,85 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
+import androidx.annotation.Nullable;
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.react.bridge.JSIModule;
 import com.facebook.react.bridge.JavaScriptContextHolder;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.queue.MessageQueueThread;
+import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.turbomodule.core.interfaces.JSCallInvokerHolder;
 import com.facebook.react.turbomodule.core.interfaces.TurboModule;
+import com.facebook.react.turbomodule.core.interfaces.TurboModuleRegistry;
 import com.facebook.soloader.SoLoader;
+import java.util.*;
 
 /**
-* This is the main class and entry point for TurboModules.
-* Note that this is a hybrid class, and 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 {
+ * This is the main class and entry point for TurboModules. Note that this is a hybrid class, and
+ * 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 {
   static {
     SoLoader.loadLibrary("turbomodulejsijni");
   }
 
-  private final ReactApplicationContext mReactApplicationContext;
   private final TurboModuleManagerDelegate mTurbomoduleManagerDelegate;
 
+  private final Map<String, TurboModule> mTurboModules = new HashMap<>();
+
   @DoNotStrip
   @SuppressWarnings("unused")
   private final HybridData mHybridData;
 
   public TurboModuleManager(
-      ReactApplicationContext reactApplicationContext, JavaScriptContextHolder jsContext, TurboModuleManagerDelegate tmmDelegate, JSCallInvokerHolder instanceHolder) {
-    mReactApplicationContext = reactApplicationContext;
-    mHybridData = initHybrid(jsContext.get(), (JSCallInvokerHolderImpl) instanceHolder, tmmDelegate);
+      JavaScriptContextHolder jsContext,
+      TurboModuleManagerDelegate tmmDelegate,
+      JSCallInvokerHolder instanceHolder) {
+    mHybridData =
+        initHybrid(jsContext.get(), (JSCallInvokerHolderImpl) instanceHolder, tmmDelegate);
     mTurbomoduleManagerDelegate = tmmDelegate;
   }
+
   @DoNotStrip
-  @SuppressWarnings("unused")
-  private TurboModule getJavaModule(String name) {
-    return mTurbomoduleManagerDelegate.getModule(name);
+  @Nullable
+  protected TurboModule getJavaModule(String name) {
+    if (!mTurboModules.containsKey(name)) {
+      final TurboModule turboModule = mTurbomoduleManagerDelegate.getModule(name);
+
+      if (turboModule != null) {
+        /**
+         * TurboModuleManager is initialized after ReactApplicationContext has been setup.
+         * Therefore, it's safe to call initialize on the TurboModule.
+         */
+        ((NativeModule) turboModule).initialize();
+
+        mTurboModules.put(name, turboModule);
+      }
+    }
+
+    return mTurboModules.get(name);
   }
 
-  private native HybridData initHybrid(long jsContext, JSCallInvokerHolderImpl jsQueue, TurboModuleManagerDelegate tmmDelegate);
+  @Nullable
+  public TurboModule getModule(String name) {
+    return getJavaModule(name);
+  }
+
+  public Collection<TurboModule> getModules() {
+    return mTurboModules.values();
+  }
+
+  public boolean hasModule(String name) {
+    return mTurboModules.containsKey(name);
+  }
+
+  private native HybridData initHybrid(
+      long jsContext, JSCallInvokerHolderImpl jsQueue, TurboModuleManagerDelegate tmmDelegate);
 
   private native void installJSIBindings();
 
@@ -58,10 +91,15 @@ public void installBindings() {
   public void initialize() {}
 
   @Override
-  public void onCatalystInstanceDestroy() {}
+  public void onCatalystInstanceDestroy() {
+    for (TurboModule turboModule : mTurboModules.values()) {
+      // TODO(T48014458): Rename this to invalidate()
+      ((NativeModule) turboModule).onCatalystInstanceDestroy();
+    }
+
+    mTurboModules.clear();
 
- /** All applications must implement this interface, and provide the Java TurboModule class */
-  public interface ModuleProvider {
-    TurboModule getModule(String name, ReactApplicationContext reactApplicationContext);
+    // Delete the native part of this hybrid class.
+    mHybridData.resetNative();
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/TurboModuleManagerDelegate.java b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/TurboModuleManagerDelegate.java
index eabeae27640b35..f5b8875749a6e0 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/TurboModuleManagerDelegate.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/TurboModuleManagerDelegate.java
@@ -1,18 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
+import androidx.annotation.Nullable;
 import com.facebook.jni.HybridData;
 import com.facebook.react.bridge.CxxModuleWrapper;
-import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.turbomodule.core.interfaces.TurboModule;
 import com.facebook.soloader.SoLoader;
-import javax.annotation.Nullable;
 
 public abstract class TurboModuleManagerDelegate {
   static {
@@ -20,29 +18,23 @@ public abstract class TurboModuleManagerDelegate {
   }
 
   private final HybridData mHybridData;
-  private final ReactApplicationContext mReactApplicationContext;
 
   protected abstract HybridData initHybrid();
 
-  protected TurboModuleManagerDelegate(ReactApplicationContext rac) {
+  protected TurboModuleManagerDelegate() {
     mHybridData = initHybrid();
-    mReactApplicationContext = rac;
-  }
-
-  protected ReactApplicationContext getReactApplicationContext() {
-    return mReactApplicationContext;
   }
 
   /**
-   * Create and return a TurboModule Java object with name `moduleName`.
-   * If `moduleName` isn't a TurboModule, return null.
+   * Create and return a TurboModule Java object with name `moduleName`. If `moduleName` isn't a
+   * TurboModule, return null.
    */
   @Nullable
   public abstract TurboModule getModule(String moduleName);
 
   /**
-   * Create an return a CxxModuleWrapper NativeModule with name `moduleName`.
-   * If `moduleName` isn't a CxxModule, return null.
+   * Create an return a CxxModuleWrapper NativeModule with name `moduleName`. If `moduleName` isn't
+   * a CxxModule, return null.
    */
   @Nullable
   public abstract CxxModuleWrapper getLegacyCxxModule(String moduleName);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/BUCK b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/BUCK
index d18e484bfb0111..e48328e07291ae 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/BUCK
@@ -1,12 +1,17 @@
-load("//tools/build_defs/oss:rn_defs.bzl", "rn_android_library")
+load("//tools/build_defs/oss:rn_defs.bzl", "react_native_dep", "rn_android_library")
 
 rn_android_library(
     name = "interfaces",
     srcs = glob(
         ["*.java"],
     ),
+    is_androidx = True,
     required_for_source_only_abi = True,
     visibility = [
         "PUBLIC",
     ],
+    deps = [
+        react_native_dep("third-party/android/androidx:annotation"),
+        react_native_dep("third-party/java/jsr-305:jsr-305"),
+    ],
 )
diff --git a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/JSCallInvokerHolder.java b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/JSCallInvokerHolder.java
index beba6d77ac51cf..3f39ff60e75dde 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/JSCallInvokerHolder.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/JSCallInvokerHolder.java
@@ -1,21 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 /**
- * JSCallInvoker is created by CatalystInstance.cpp, but used by
- * TurboModuleManager.cpp. Both C++ classes are instantiated at different
- * times/places. Therefore, to pass the JSCallInvoker instance from
- * CatalystInstance to TurboModuleManager, we make it take a trip through
- * Java.
+ * JSCallInvoker is created by CatalystInstance.cpp, but used by TurboModuleManager.cpp. Both C++
+ * classes are instantiated at different times/places. Therefore, to pass the JSCallInvoker instance
+ * from CatalystInstance to TurboModuleManager, we make it take a trip through Java.
  *
- * This interface represents the opaque Java object that contains a pointer to
- * and instance of JSCallInvoker.
+ * <p>This interface represents the opaque Java object that contains a pointer to and instance of
+ * JSCallInvoker.
  */
-public interface JSCallInvokerHolder {
-}
+public interface JSCallInvokerHolder {}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/TurboModule.java b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/TurboModule.java
index 180c45d964b4a3..bb310f6eadbc00 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/TurboModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/TurboModule.java
@@ -1,16 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
-/**
- * All turbo modules should inherit from this interface
- */
+/** All turbo modules should inherit from this interface */
 public interface TurboModule {
-  /** When CatalystInstance is destroyed, this method will be called. All implementing TurboModules can perform cleanup here. */
+  /**
+   * When CatalystInstance is destroyed, this method will be called. All implementing TurboModules
+   * can perform cleanup here.
+   */
   void invalidate();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/TurboModuleRegistry.java b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/TurboModuleRegistry.java
new file mode 100644
index 00000000000000..e6b72354f68241
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/TurboModuleRegistry.java
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * <p>This source 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 androidx.annotation.Nullable;
+import java.util.Collection;
+
+/** Interface to allow for creating and retrieving TurboModules. */
+public interface TurboModuleRegistry {
+
+  /**
+   * Return the TurboModule 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.
+   */
+  @Nullable
+  TurboModule getModule(String moduleName);
+
+  /** Get all instantiated TurboModules. */
+  Collection<TurboModule> getModules();
+
+  /** Has the TurboModule with name `moduleName` been instantiated? */
+  boolean hasModule(String moduleName);
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/Android.mk b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/Android.mk
index ea4e89c91e7339..bb23db1b27a628 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/Android.mk
+++ b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/Android.mk
@@ -8,7 +8,7 @@ LOCAL_PATH := $(call my-dir)
 include $(CLEAR_VARS)
 
 # Header search path for all source files in this module.
-LOCAL_C_INCLUDES := $(LOCAL_PATH)/jsireact
+LOCAL_C_INCLUDES := $(LOCAL_PATH)/ReactCommon
 
 # Header search path for modules that depend on this module
 LOCAL_EXPORT_C_INCLUDES := $(LOCAL_PATH)
@@ -22,8 +22,8 @@ LOCAL_SHARED_LIBRARIES = libfb
 # Name of this module.
 LOCAL_MODULE := jscallinvokerholder
 
-# Compile all local c++ files under ./platform/android/jsireact
-LOCAL_SRC_FILES := $(LOCAL_PATH)/jsireact/JSCallInvokerHolder.cpp
+# Compile all local c++ files
+LOCAL_SRC_FILES := $(LOCAL_PATH)/ReactCommon/JSCallInvokerHolder.cpp
 
 # Build the files in this directory as a shared library
 include $(BUILD_STATIC_LIBRARY)
diff --git a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/BUCK b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/BUCK
index b2a7e529a72113..b7d464ee5be29c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/BUCK
@@ -3,13 +3,13 @@ load("@fbsource//tools/build_defs/oss:rn_defs.bzl", "ANDROID", "FBJNI_TARGET", "
 rn_xplat_cxx_library(
     name = "jni",
     srcs = [
-        "jsireact/OnLoad.cpp",
-        "jsireact/TurboModuleManager.cpp",
+        "ReactCommon/OnLoad.cpp",
+        "ReactCommon/TurboModuleManager.cpp",
     ],
     header_namespace = "",
     exported_headers = {
-        "jsireact/TurboModuleManager.h": "jsireact/TurboModuleManager.h",
-        "jsireact/TurboModuleManagerDelegate.h": "jsireact/TurboModuleManagerDelegate.h",
+        "ReactCommon/TurboModuleManager.h": "ReactCommon/TurboModuleManager.h",
+        "ReactCommon/TurboModuleManagerDelegate.h": "ReactCommon/TurboModuleManagerDelegate.h",
     },
     compiler_flags = [
         "-fexceptions",
@@ -28,6 +28,7 @@ rn_xplat_cxx_library(
     ],
     deps = [
         react_native_target("jni/react/jni:jni"),
+        FBJNI_TARGET,
     ],
     exported_deps = [
         "fbsource//xplat/jsi:jsi",
@@ -39,11 +40,11 @@ rn_xplat_cxx_library(
 rn_xplat_cxx_library(
     name = "jscallinvokerholder",
     srcs = [
-        "jsireact/JSCallInvokerHolder.cpp",
+        "ReactCommon/JSCallInvokerHolder.cpp",
     ],
     header_namespace = "",
     exported_headers = {
-        "jsireact/JSCallInvokerHolder.h": "jsireact/JSCallInvokerHolder.h",
+        "ReactCommon/JSCallInvokerHolder.h": "ReactCommon/JSCallInvokerHolder.h",
     },
     compiler_flags = [
         "-fexceptions",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/jsireact/JSCallInvokerHolder.cpp b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/ReactCommon/JSCallInvokerHolder.cpp
similarity index 100%
rename from ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/jsireact/JSCallInvokerHolder.cpp
rename to ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/ReactCommon/JSCallInvokerHolder.cpp
diff --git a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/jsireact/JSCallInvokerHolder.h b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/ReactCommon/JSCallInvokerHolder.h
similarity index 95%
rename from ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/jsireact/JSCallInvokerHolder.h
rename to ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/ReactCommon/JSCallInvokerHolder.h
index 8886af04de30f2..028f86e2c0e292 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/jsireact/JSCallInvokerHolder.h
+++ b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/ReactCommon/JSCallInvokerHolder.h
@@ -8,7 +8,7 @@
 #pragma once
 
 #include <fb/fbjni.h>
-#include <jsireact/JSCallInvoker.h>
+#include <ReactCommon/JSCallInvoker.h>
 #include <memory>
 
 namespace facebook {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/jsireact/OnLoad.cpp b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/ReactCommon/OnLoad.cpp
similarity index 100%
rename from ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/jsireact/OnLoad.cpp
rename to ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/ReactCommon/OnLoad.cpp
diff --git a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/ReactCommon/TurboModuleManager.cpp b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/ReactCommon/TurboModuleManager.cpp
new file mode 100644
index 00000000000000..2f349c1b3c1daf
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/ReactCommon/TurboModuleManager.cpp
@@ -0,0 +1,94 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 <string>
+
+#include <fb/fbjni.h>
+#include <jsi/jsi.h>
+
+#include <ReactCommon/TurboModuleBinding.h>
+#include <ReactCommon/TurboCxxModule.h>
+#include <react/jni/JMessageQueueThread.h>
+
+#include "TurboModuleManager.h"
+
+namespace facebook {
+namespace react {
+
+TurboModuleManager::TurboModuleManager(
+  jni::alias_ref<TurboModuleManager::javaobject> jThis,
+  jsi::Runtime* rt,
+  std::shared_ptr<JSCallInvoker> jsCallInvoker,
+  jni::alias_ref<TurboModuleManagerDelegate::javaobject> delegate
+):
+  javaPart_(jni::make_global(jThis)),
+  runtime_(rt),
+  jsCallInvoker_(jsCallInvoker),
+  delegate_(jni::make_global(delegate))
+  {}
+
+jni::local_ref<TurboModuleManager::jhybriddata> TurboModuleManager::initHybrid(
+  jni::alias_ref<jhybridobject> jThis,
+  jlong jsContext,
+  jni::alias_ref<JSCallInvokerHolder::javaobject> jsCallInvokerHolder,
+  jni::alias_ref<TurboModuleManagerDelegate::javaobject> delegate
+) {
+  auto jsCallInvoker = jsCallInvokerHolder->cthis()->getJSCallInvoker();
+
+  return makeCxxInstance(jThis, (jsi::Runtime *) jsContext, jsCallInvoker, delegate);
+}
+
+void TurboModuleManager::registerNatives() {
+  registerHybrid({
+    makeNativeMethod("initHybrid", TurboModuleManager::initHybrid),
+    makeNativeMethod("installJSIBindings", TurboModuleManager::installJSIBindings),
+  });
+}
+
+void TurboModuleManager::installJSIBindings() {
+  if (!runtime_) {
+    return; // Runtime doesn't exist when attached to Chrome debugger.
+  }
+  TurboModuleBinding::install(*runtime_, std::make_shared<TurboModuleBinding>(
+      [this](const std::string &name) -> std::shared_ptr<TurboModule> {
+        auto turboModuleLookup = turboModuleCache_.find(name);
+        if (turboModuleLookup != turboModuleCache_.end()) {
+          return turboModuleLookup->second;
+        }
+
+        auto cxxModule = delegate_->cthis()->getTurboModule(name, jsCallInvoker_);
+        if (cxxModule) {
+          turboModuleCache_.insert({name, cxxModule});
+          return cxxModule;
+        }
+
+        static auto getLegacyCxxModule = delegate_->getClass()->getMethod<jni::alias_ref<CxxModuleWrapper::javaobject>(const std::string&)>("getLegacyCxxModule");
+        auto legacyCxxModule = getLegacyCxxModule(delegate_.get(), name);
+
+        if (legacyCxxModule) {
+          auto turboModule = std::make_shared<react::TurboCxxModule>(legacyCxxModule->cthis()->getModule(), jsCallInvoker_);
+          turboModuleCache_.insert({name, turboModule});
+          return turboModule;
+        }
+
+        static auto getJavaModule = javaClassStatic()->getMethod<jni::alias_ref<JTurboModule>(const std::string&)>("getJavaModule");
+        auto moduleInstance = getJavaModule(javaPart_.get(), name);
+
+        if (moduleInstance) {
+          auto turboModule = delegate_->cthis()->getTurboModule(name, moduleInstance, jsCallInvoker_);
+          turboModuleCache_.insert({name, turboModule});
+          return turboModule;
+        }
+
+        return std::shared_ptr<TurboModule>(nullptr);
+      })
+  );
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/jsireact/TurboModuleManager.h b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/ReactCommon/TurboModuleManager.h
similarity index 61%
rename from ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/jsireact/TurboModuleManager.h
rename to ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/ReactCommon/TurboModuleManager.h
index 305b3b18594174..f72d8d4c95544b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/jsireact/TurboModuleManager.h
+++ b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/ReactCommon/TurboModuleManager.h
@@ -8,13 +8,15 @@
 #pragma once
 
 #include <memory>
+#include <unordered_map>
 #include <fb/fbjni.h>
 #include <jsi/jsi.h>
-#include <jsireact/TurboModule.h>
-#include <jsireact/JavaTurboModule.h>
+#include <ReactCommon/TurboModule.h>
+#include <ReactCommon/JavaTurboModule.h>
+#include <react/jni/CxxModuleWrapper.h>
 #include <react/jni/JMessageQueueThread.h>
-#include <jsireact/JSCallInvokerHolder.h>
-#include <jsireact/TurboModuleManagerDelegate.h>
+#include <ReactCommon/JSCallInvokerHolder.h>
+#include <ReactCommon/TurboModuleManagerDelegate.h>
 
 namespace facebook {
 namespace react {
@@ -26,7 +28,7 @@ class TurboModuleManager : public jni::HybridClass<TurboModuleManager> {
     jni::alias_ref<jhybridobject> jThis,
     jlong jsContext,
     jni::alias_ref<JSCallInvokerHolder::javaobject> jsCallInvokerHolder,
-    jni::alias_ref<TurboModuleManagerDelegate::javaobject> tmmDelegate
+    jni::alias_ref<TurboModuleManagerDelegate::javaobject> delegate
   );
   static void registerNatives();
 private:
@@ -34,15 +36,22 @@ class TurboModuleManager : public jni::HybridClass<TurboModuleManager> {
   jni::global_ref<TurboModuleManager::javaobject> javaPart_;
   jsi::Runtime* runtime_;
   std::shared_ptr<JSCallInvoker> jsCallInvoker_;
-  jni::global_ref<TurboModuleManagerDelegate::javaobject> turboModuleManagerDelegate_;
+  jni::global_ref<TurboModuleManagerDelegate::javaobject> delegate_;
+
+  /**
+   * TODO(T48018690):
+   * All modules are currently long-lived.
+   * We need to come up with a mechanism to allow modules to specify whether
+   * they want to be long-lived or short-lived.
+   */
+  std::unordered_map<std::string, std::shared_ptr<react::TurboModule>> turboModuleCache_;
 
-  jni::global_ref<JTurboModule> getJavaModule(std::string name);
   void installJSIBindings();
   explicit TurboModuleManager(
     jni::alias_ref<TurboModuleManager::jhybridobject> jThis,
     jsi::Runtime *rt,
     std::shared_ptr<JSCallInvoker> jsCallInvoker,
-    jni::alias_ref<TurboModuleManagerDelegate::javaobject> tmmDelegate
+    jni::alias_ref<TurboModuleManagerDelegate::javaobject> delegate
   );
 };
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/jsireact/TurboModuleManagerDelegate.h b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/ReactCommon/TurboModuleManagerDelegate.h
similarity index 81%
rename from ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/jsireact/TurboModuleManagerDelegate.h
rename to ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/ReactCommon/TurboModuleManagerDelegate.h
index fbd46908287753..1732e82202daef 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/jsireact/TurboModuleManagerDelegate.h
+++ b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/ReactCommon/TurboModuleManagerDelegate.h
@@ -8,8 +8,8 @@
 #pragma once
 
 #include <fb/fbjni.h>
-#include <jsireact/JavaTurboModule.h>
-#include <jsireact/JSCallInvoker.h>
+#include <ReactCommon/JavaTurboModule.h>
+#include <ReactCommon/JSCallInvoker.h>
 #include <string>
 #include <memory>
 
@@ -20,7 +20,7 @@ class TurboModuleManagerDelegate : public jni::HybridClass<TurboModuleManagerDel
 public:
   static auto constexpr kJavaDescriptor = "Lcom/facebook/react/turbomodule/core/TurboModuleManagerDelegate;";
 
-  virtual std::shared_ptr<TurboModule> getTurboModule(std::string name, jni::global_ref<JTurboModule> turboModule, std::shared_ptr<JSCallInvoker> jsInvoker) = 0;
+  virtual std::shared_ptr<TurboModule> getTurboModule(std::string name, jni::alias_ref<JTurboModule> turboModule, std::shared_ptr<JSCallInvoker> jsInvoker) = 0;
   virtual std::shared_ptr<TurboModule> getTurboModule(std::string name, std::shared_ptr<JSCallInvoker> jsInvoker) = 0;
 
 private:
diff --git a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/jsireact/TurboModuleManager.cpp b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/jsireact/TurboModuleManager.cpp
deleted file mode 100644
index 8cfa6621a72075..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/jsireact/TurboModuleManager.cpp
+++ /dev/null
@@ -1,74 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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 <string>
-
-#include <fb/fbjni.h>
-#include <jsi/jsi.h>
-
-#include <jsireact/TurboModuleBinding.h>
-
-#include <react/jni/JMessageQueueThread.h>
-
-#include "TurboModuleManager.h"
-
-namespace facebook {
-namespace react {
-
-TurboModuleManager::TurboModuleManager(
-  jni::alias_ref<TurboModuleManager::javaobject> jThis,
-  jsi::Runtime* rt,
-  std::shared_ptr<JSCallInvoker> jsCallInvoker,
-  jni::alias_ref<TurboModuleManagerDelegate::javaobject> tmmDelegate
-):
-  javaPart_(jni::make_global(jThis)),
-  runtime_(rt),
-  jsCallInvoker_(jsCallInvoker),
-  turboModuleManagerDelegate_(jni::make_global(tmmDelegate))
-  {}
-
-jni::local_ref<TurboModuleManager::jhybriddata> TurboModuleManager::initHybrid(
-  jni::alias_ref<jhybridobject> jThis,
-  jlong jsContext,
-  jni::alias_ref<JSCallInvokerHolder::javaobject> jsCallInvokerHolder,
-  jni::alias_ref<TurboModuleManagerDelegate::javaobject> tmmDelegate
-) {
-  auto jsCallInvoker = jsCallInvokerHolder->cthis()->getJSCallInvoker();
-
-  return makeCxxInstance(jThis, (jsi::Runtime *) jsContext, jsCallInvoker, tmmDelegate);
-}
-
-void TurboModuleManager::registerNatives() {
-  registerHybrid({
-    makeNativeMethod("initHybrid", TurboModuleManager::initHybrid),
-    makeNativeMethod("installJSIBindings", TurboModuleManager::installJSIBindings),
-  });
-}
-
-void TurboModuleManager::installJSIBindings() {
-  if (!runtime_) {
-    return; // Runtime doesn't exist when attached to Chrome debugger.
-  }
-  TurboModuleBinding::install(*runtime_, std::make_shared<TurboModuleBinding>(
-      [this](const std::string &name) {
-        const auto moduleInstance = getJavaModule(name);
-        return turboModuleManagerDelegate_->cthis()->getTurboModule(name, moduleInstance, jsCallInvoker_);
-      })
-  );
-}
-
-jni::global_ref<JTurboModule> TurboModuleManager::getJavaModule(std::string name) {
-  static auto method = javaClassStatic()->getMethod<jni::alias_ref<JTurboModule>(const std::string&)>("getJavaModule");
-
-  auto module = jni::make_global(method(javaPart_.get(), name));
-
-  return module;
-}
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/BUCK b/ReactAndroid/src/main/java/com/facebook/react/uimanager/BUCK
index 17870c5aa5f0ba..33eeffd0434703 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/BUCK
@@ -47,6 +47,7 @@ rn_android_library(
     ],
     exported_deps = [
         ":DisplayMetrics",
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
         react_native_target("java/com/facebook/react/uimanager/common:common"),
     ],
@@ -58,12 +59,16 @@ rn_android_library(
         "DisplayMetricsHolder.java",
     ],
     is_androidx = True,
+    provided_deps = [
+        react_native_dep("third-party/android/androidx:annotation"),
+    ],
     required_for_source_only_abi = True,
     visibility = [
         "PUBLIC",
     ],
     deps = [
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
         react_native_target("java/com/facebook/react/bridge:bridge"),
     ],
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManager.java
index 0d63d86cb1f15b..964c614ed9a276 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManager.java
@@ -6,78 +6,70 @@
 package com.facebook.react.uimanager;
 
 import android.graphics.Color;
+import android.text.TextUtils;
 import android.view.View;
 import android.view.ViewParent;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
 import androidx.core.view.ViewCompat;
-
-import java.util.HashMap;
-
+import com.facebook.common.logging.FLog;
 import com.facebook.react.R;
+import com.facebook.react.bridge.Dynamic;
 import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.ReadableMapKeySetIterator;
+import com.facebook.react.bridge.ReadableType;
 import com.facebook.react.common.MapBuilder;
-import com.facebook.react.uimanager.ReactAccessibilityDelegate;
+import com.facebook.react.common.ReactConstants;
 import com.facebook.react.uimanager.ReactAccessibilityDelegate.AccessibilityRole;
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.uimanager.util.ReactFindViewUtil;
-
-import javax.annotation.Nonnull;
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
 import java.util.Map;
-import javax.annotation.Nullable;
 
 /**
- * Base class that should be suitable for the majority of subclasses of {@link ViewManager}.
- * It provides support for base view properties such as backgroundColor, opacity, etc.
+ * Base class that should be suitable for the majority of subclasses of {@link ViewManager}. It
+ * provides support for base view properties such as backgroundColor, opacity, etc.
  */
 public abstract class BaseViewManager<T extends View, C extends LayoutShadowNode>
     extends ViewManager<T, C> {
 
-  private static final String PROP_BACKGROUND_COLOR = ViewProps.BACKGROUND_COLOR;
-  private static final String PROP_TRANSFORM = "transform";
-  private static final String PROP_ELEVATION = "elevation";
-  private static final String PROP_Z_INDEX = "zIndex";
-  private static final String PROP_RENDER_TO_HARDWARE_TEXTURE = "renderToHardwareTextureAndroid";
-  private static final String PROP_ACCESSIBILITY_LABEL = "accessibilityLabel";
-  private static final String PROP_ACCESSIBILITY_HINT = "accessibilityHint";
-  private static final String PROP_ACCESSIBILITY_LIVE_REGION = "accessibilityLiveRegion";
-  private static final String PROP_ACCESSIBILITY_ROLE = "accessibilityRole";
-  private static final String PROP_ACCESSIBILITY_STATES = "accessibilityStates";
-  private static final String PROP_ACCESSIBILITY_ACTIONS = "accessibilityActions";
-  private static final String PROP_IMPORTANT_FOR_ACCESSIBILITY = "importantForAccessibility";
-
-  // DEPRECATED
-  private static final String PROP_ROTATION = "rotation";
-  private static final String PROP_SCALE_X = "scaleX";
-  private static final String PROP_SCALE_Y = "scaleY";
-  private static final String PROP_TRANSLATE_X = "translateX";
-  private static final String PROP_TRANSLATE_Y = "translateY";
-
   private static final int PERSPECTIVE_ARRAY_INVERTED_CAMERA_DISTANCE_INDEX = 2;
-  private static final float CAMERA_DISTANCE_NORMALIZATION_MULTIPLIER = (float)Math.sqrt(5);
-
-  /**
-   * Used to locate views in end-to-end (UI) tests.
-   */
-  public static final String PROP_TEST_ID = "testID";
-  public static final String PROP_NATIVE_ID = "nativeID";
+  private static final float CAMERA_DISTANCE_NORMALIZATION_MULTIPLIER = (float) Math.sqrt(5);
 
   private static MatrixMathHelper.MatrixDecompositionContext sMatrixDecompositionContext =
       new MatrixMathHelper.MatrixDecompositionContext();
   private static double[] sTransformDecompositionArray = new double[16];
 
-  public static final HashMap<String, Integer> sStateDescription= new HashMap<String, Integer>();
+  public static final Map<String, Integer> sStateDescription = new HashMap<>();
+
   static {
-      sStateDescription.put("busy", R.string.state_busy_description);
-      sStateDescription.put("expanded", R.string.state_expanded_description);
-      sStateDescription.put("collapsed", R.string.state_collapsed_description);
+    sStateDescription.put("busy", R.string.state_busy_description);
+    sStateDescription.put("expanded", R.string.state_expanded_description);
+    sStateDescription.put("collapsed", R.string.state_collapsed_description);
   }
 
-  @ReactProp(name = PROP_BACKGROUND_COLOR, defaultInt = Color.TRANSPARENT, customType = "Color")
-  public void setBackgroundColor(@Nonnull T view, int backgroundColor) {
+  // State definition constants -- must match the definition in
+  // ViewAccessibility.js. These only include states for which there
+  // is no native support in android.
+
+  private static final String STATE_CHECKED = "checked"; // Special case for mixed state checkboxes
+  private static final String STATE_BUSY = "busy";
+  private static final String STATE_EXPANDED = "expanded";
+  private static final String STATE_MIXED = "mixed";
+
+  @ReactProp(
+      name = ViewProps.BACKGROUND_COLOR,
+      defaultInt = Color.TRANSPARENT,
+      customType = "Color")
+  public void setBackgroundColor(@NonNull T view, int backgroundColor) {
     view.setBackgroundColor(backgroundColor);
   }
 
-  @ReactProp(name = PROP_TRANSFORM)
-  public void setTransform(@Nonnull T view, @Nullable ReadableArray matrix) {
+  @ReactProp(name = ViewProps.TRANSFORM)
+  public void setTransform(@NonNull T view, @Nullable ReadableArray matrix) {
     if (matrix == null) {
       resetTransformProperty(view);
     } else {
@@ -86,82 +78,82 @@ public void setTransform(@Nonnull T view, @Nullable ReadableArray matrix) {
   }
 
   @ReactProp(name = ViewProps.OPACITY, defaultFloat = 1.f)
-  public void setOpacity(@Nonnull T view, float opacity) {
+  public void setOpacity(@NonNull T view, float opacity) {
     view.setAlpha(opacity);
   }
 
-  @ReactProp(name = PROP_ELEVATION)
-  public void setElevation(@Nonnull T view, float elevation) {
+  @ReactProp(name = ViewProps.ELEVATION)
+  public void setElevation(@NonNull T view, float elevation) {
     ViewCompat.setElevation(view, PixelUtil.toPixelFromDIP(elevation));
   }
 
-  @ReactProp(name = PROP_Z_INDEX)
-  public void setZIndex(@Nonnull T view, float zIndex) {
+  @ReactProp(name = ViewProps.Z_INDEX)
+  public void setZIndex(@NonNull T view, float zIndex) {
     int integerZIndex = Math.round(zIndex);
     ViewGroupManager.setViewZIndex(view, integerZIndex);
     ViewParent parent = view.getParent();
-    if (parent != null && parent instanceof ReactZIndexedViewGroup) {
+    if (parent instanceof ReactZIndexedViewGroup) {
       ((ReactZIndexedViewGroup) parent).updateDrawingOrder();
     }
   }
 
-  @ReactProp(name = PROP_RENDER_TO_HARDWARE_TEXTURE)
-  public void setRenderToHardwareTexture(@Nonnull T view, boolean useHWTexture) {
+  @ReactProp(name = ViewProps.RENDER_TO_HARDWARE_TEXTURE)
+  public void setRenderToHardwareTexture(@NonNull T view, boolean useHWTexture) {
     view.setLayerType(useHWTexture ? View.LAYER_TYPE_HARDWARE : View.LAYER_TYPE_NONE, null);
   }
 
-  @ReactProp(name = PROP_TEST_ID)
-  public void setTestId(@Nonnull T view, String testId) {
+  @ReactProp(name = ViewProps.TEST_ID)
+  public void setTestId(@NonNull T view, String testId) {
     view.setTag(R.id.react_test_id, testId);
 
     // temporarily set the tag and keyed tags to avoid end to end test regressions
     view.setTag(testId);
   }
 
-  @ReactProp(name = PROP_NATIVE_ID)
-  public void setNativeId(@Nonnull T view, String nativeId) {
+  @ReactProp(name = ViewProps.NATIVE_ID)
+  public void setNativeId(@NonNull T view, String nativeId) {
     view.setTag(R.id.view_tag_native_id, nativeId);
     ReactFindViewUtil.notifyViewRendered(view);
   }
 
-  @ReactProp(name = PROP_ACCESSIBILITY_LABEL)
-  public void setAccessibilityLabel(@Nonnull T view, String accessibilityLabel) {
+  @ReactProp(name = ViewProps.ACCESSIBILITY_LABEL)
+  public void setAccessibilityLabel(@NonNull T view, String accessibilityLabel) {
     view.setTag(R.id.accessibility_label, accessibilityLabel);
     updateViewContentDescription(view);
   }
 
-  @ReactProp(name = PROP_ACCESSIBILITY_HINT)
-  public void setAccessibilityHint(@Nonnull T view, String accessibilityHint) {
+  @ReactProp(name = ViewProps.ACCESSIBILITY_HINT)
+  public void setAccessibilityHint(@NonNull T view, String accessibilityHint) {
     view.setTag(R.id.accessibility_hint, accessibilityHint);
     updateViewContentDescription(view);
   }
 
-  @ReactProp(name = PROP_ACCESSIBILITY_ROLE)
-  public void setAccessibilityRole(@Nonnull T view, @Nullable String accessibilityRole) {
+  @ReactProp(name = ViewProps.ACCESSIBILITY_ROLE)
+  public void setAccessibilityRole(@NonNull T view, @Nullable String accessibilityRole) {
     if (accessibilityRole == null) {
       return;
     }
     view.setTag(R.id.accessibility_role, AccessibilityRole.fromValue(accessibilityRole));
   }
 
-  @ReactProp(name = PROP_ACCESSIBILITY_STATES)
-  public void setViewStates(@Nonnull T view, @Nullable ReadableArray accessibilityStates) {
-    if (accessibilityStates == null) {
-      return;
-    }
+  @ReactProp(name = ViewProps.ACCESSIBILITY_STATES)
+  public void setViewStates(@NonNull T view, @Nullable ReadableArray accessibilityStates) {
+    boolean shouldUpdateContentDescription =
+        view.getTag(R.id.accessibility_states) != null && accessibilityStates == null;
     view.setTag(R.id.accessibility_states, accessibilityStates);
     view.setSelected(false);
     view.setEnabled(true);
-    boolean shouldUpdateContentDescription = false;
-    for (int i = 0; i < accessibilityStates.size(); i++) {
-      String state = accessibilityStates.getString(i);
-      if (sStateDescription.containsKey(state)) {
-        shouldUpdateContentDescription = true;
-      }
-      if (state.equals("selected")) {
-        view.setSelected(true);
-      } else if (state.equals("disabled")) {
-        view.setEnabled(false);
+    if (accessibilityStates != null) {
+      for (int i = 0; i < accessibilityStates.size(); i++) {
+        String state = accessibilityStates.getString(i);
+        if (sStateDescription.containsKey(state)) {
+          shouldUpdateContentDescription = true;
+        }
+        if ("selected".equals(state)) {
+          view.setSelected(true);
+        } else if ("disabled".equals(state)) {
+          view.setEnabled(false);
+        }
       }
     }
     if (shouldUpdateContentDescription) {
@@ -169,31 +161,82 @@ public void setViewStates(@Nonnull T view, @Nullable ReadableArray accessibility
     }
   }
 
-  private void updateViewContentDescription(@Nonnull T view) {
+  @ReactProp(name = ViewProps.ACCESSIBILITY_STATE)
+  public void setViewState(@NonNull T view, @Nullable ReadableMap accessibilityState) {
+    if (accessibilityState == null) {
+      return;
+    }
+    view.setTag(R.id.accessibility_state, accessibilityState);
+    view.setSelected(false);
+    view.setEnabled(true);
+
+    // For states which don't have corresponding methods in
+    // AccessibilityNodeInfo, update the view's content description
+    // here
+
+    final ReadableMapKeySetIterator i = accessibilityState.keySetIterator();
+    while (i.hasNextKey()) {
+      final String state = i.nextKey();
+      if (state.equals(STATE_BUSY)
+          || state.equals(STATE_EXPANDED)
+          || (state.equals(STATE_CHECKED)
+              && accessibilityState.getType(STATE_CHECKED) == ReadableType.String)) {
+        updateViewContentDescription(view);
+        break;
+      }
+    }
+  }
+
+  private void updateViewContentDescription(@NonNull T view) {
     final String accessibilityLabel = (String) view.getTag(R.id.accessibility_label);
-    final ReadableArray accessibilityStates = (ReadableArray) view.getTag(R.id.accessibility_states);
+    final ReadableArray accessibilityStates =
+        (ReadableArray) view.getTag(R.id.accessibility_states);
+    final ReadableMap accessibilityState = (ReadableMap) view.getTag(R.id.accessibility_state);
     final String accessibilityHint = (String) view.getTag(R.id.accessibility_hint);
-    StringBuilder contentDescription = new StringBuilder();
+    final List<String> contentDescription = new ArrayList<>();
     if (accessibilityLabel != null) {
-      contentDescription.append(accessibilityLabel + ", ");
+      contentDescription.add(accessibilityLabel);
     }
     if (accessibilityStates != null) {
       for (int i = 0; i < accessibilityStates.size(); i++) {
-        String state = accessibilityStates.getString(i);
+        final String state = accessibilityStates.getString(i);
         if (sStateDescription.containsKey(state)) {
-          contentDescription.append(view.getContext().getString(sStateDescription.get(state)) + ", ");
+          contentDescription.add(view.getContext().getString(sStateDescription.get(state)));
+        }
+      }
+    }
+    if (accessibilityState != null) {
+      final ReadableMapKeySetIterator i = accessibilityState.keySetIterator();
+      while (i.hasNextKey()) {
+        final String state = i.nextKey();
+        final Dynamic value = accessibilityState.getDynamic(state);
+        if (state.equals(STATE_CHECKED)
+            && value.getType() == ReadableType.String
+            && value.asString().equals(STATE_MIXED)) {
+          contentDescription.add(view.getContext().getString(R.string.state_mixed_description));
+        } else if (state.equals(STATE_BUSY)
+            && value.getType() == ReadableType.Boolean
+            && value.asBoolean()) {
+          contentDescription.add(view.getContext().getString(R.string.state_busy_description));
+        } else if (state.equals(STATE_EXPANDED) && value.getType() == ReadableType.Boolean) {
+          contentDescription.add(
+              view.getContext()
+                  .getString(
+                      value.asBoolean()
+                          ? R.string.state_expanded_description
+                          : R.string.state_collapsed_description));
         }
       }
     }
     if (accessibilityHint != null) {
-      contentDescription.append(accessibilityHint + ", ");
+      contentDescription.add(accessibilityHint);
     }
-    if (contentDescription.length() > 0) {
-      view.setContentDescription(contentDescription.toString());
+    if (contentDescription.size() > 0) {
+      view.setContentDescription(TextUtils.join(", ", contentDescription));
     }
   }
 
-  @ReactProp(name = PROP_ACCESSIBILITY_ACTIONS)
+  @ReactProp(name = ViewProps.ACCESSIBILITY_ACTIONS)
   public void setAccessibilityActions(T view, ReadableArray accessibilityActions) {
     if (accessibilityActions == null) {
       return;
@@ -202,8 +245,9 @@ public void setAccessibilityActions(T view, ReadableArray accessibilityActions)
     view.setTag(R.id.accessibility_actions, accessibilityActions);
   }
 
-  @ReactProp(name = PROP_IMPORTANT_FOR_ACCESSIBILITY)
-  public void setImportantForAccessibility(@Nonnull T view, @Nullable String importantForAccessibility) {
+  @ReactProp(name = ViewProps.IMPORTANT_FOR_ACCESSIBILITY)
+  public void setImportantForAccessibility(
+      @NonNull T view, @Nullable String importantForAccessibility) {
     if (importantForAccessibility == null || importantForAccessibility.equals("auto")) {
       ViewCompat.setImportantForAccessibility(view, ViewCompat.IMPORTANT_FOR_ACCESSIBILITY_AUTO);
     } else if (importantForAccessibility.equals("yes")) {
@@ -211,52 +255,53 @@ public void setImportantForAccessibility(@Nonnull T view, @Nullable String impor
     } else if (importantForAccessibility.equals("no")) {
       ViewCompat.setImportantForAccessibility(view, ViewCompat.IMPORTANT_FOR_ACCESSIBILITY_NO);
     } else if (importantForAccessibility.equals("no-hide-descendants")) {
-      ViewCompat.setImportantForAccessibility(view, ViewCompat.IMPORTANT_FOR_ACCESSIBILITY_NO_HIDE_DESCENDANTS);
+      ViewCompat.setImportantForAccessibility(
+          view, ViewCompat.IMPORTANT_FOR_ACCESSIBILITY_NO_HIDE_DESCENDANTS);
     }
   }
 
   @Deprecated
-  @ReactProp(name = PROP_ROTATION)
-  public void setRotation(@Nonnull T view, float rotation) {
+  @ReactProp(name = ViewProps.ROTATION)
+  public void setRotation(@NonNull T view, float rotation) {
     view.setRotation(rotation);
   }
 
   @Deprecated
-  @ReactProp(name = PROP_SCALE_X, defaultFloat = 1f)
-  public void setScaleX(@Nonnull T view, float scaleX) {
+  @ReactProp(name = ViewProps.SCALE_X, defaultFloat = 1f)
+  public void setScaleX(@NonNull T view, float scaleX) {
     view.setScaleX(scaleX);
   }
 
   @Deprecated
-  @ReactProp(name = PROP_SCALE_Y, defaultFloat = 1f)
-  public void setScaleY(@Nonnull T view, float scaleY) {
+  @ReactProp(name = ViewProps.SCALE_Y, defaultFloat = 1f)
+  public void setScaleY(@NonNull T view, float scaleY) {
     view.setScaleY(scaleY);
   }
 
   @Deprecated
-  @ReactProp(name = PROP_TRANSLATE_X, defaultFloat = 0f)
-  public void setTranslateX(@Nonnull T view, float translateX) {
+  @ReactProp(name = ViewProps.TRANSLATE_X, defaultFloat = 0f)
+  public void setTranslateX(@NonNull T view, float translateX) {
     view.setTranslationX(PixelUtil.toPixelFromDIP(translateX));
   }
 
   @Deprecated
-  @ReactProp(name = PROP_TRANSLATE_Y, defaultFloat = 0f)
-  public void setTranslateY(@Nonnull T view, float translateY) {
+  @ReactProp(name = ViewProps.TRANSLATE_Y, defaultFloat = 0f)
+  public void setTranslateY(@NonNull T view, float translateY) {
     view.setTranslationY(PixelUtil.toPixelFromDIP(translateY));
   }
 
-  @ReactProp(name = PROP_ACCESSIBILITY_LIVE_REGION)
-  public void setAccessibilityLiveRegion(@Nonnull T view, @Nullable String liveRegion) {
-      if (liveRegion == null || liveRegion.equals("none")) {
-        ViewCompat.setAccessibilityLiveRegion(view, ViewCompat.ACCESSIBILITY_LIVE_REGION_NONE);
-      } else if (liveRegion.equals("polite")) {
-        ViewCompat.setAccessibilityLiveRegion(view, ViewCompat.ACCESSIBILITY_LIVE_REGION_POLITE);
-      } else if (liveRegion.equals("assertive")) {
-        ViewCompat.setAccessibilityLiveRegion(view, ViewCompat.ACCESSIBILITY_LIVE_REGION_ASSERTIVE);
-      }
+  @ReactProp(name = ViewProps.ACCESSIBILITY_LIVE_REGION)
+  public void setAccessibilityLiveRegion(@NonNull T view, @Nullable String liveRegion) {
+    if (liveRegion == null || liveRegion.equals("none")) {
+      ViewCompat.setAccessibilityLiveRegion(view, ViewCompat.ACCESSIBILITY_LIVE_REGION_NONE);
+    } else if (liveRegion.equals("polite")) {
+      ViewCompat.setAccessibilityLiveRegion(view, ViewCompat.ACCESSIBILITY_LIVE_REGION_POLITE);
+    } else if (liveRegion.equals("assertive")) {
+      ViewCompat.setAccessibilityLiveRegion(view, ViewCompat.ACCESSIBILITY_LIVE_REGION_ASSERTIVE);
+    }
   }
 
-  private static void setTransformProperty(@Nonnull View view, ReadableArray transforms) {
+  private static void setTransformProperty(@NonNull View view, ReadableArray transforms) {
     TransformHelper.processTransform(transforms, sTransformDecompositionArray);
     MatrixMathHelper.decomposeMatrix(sTransformDecompositionArray, sMatrixDecompositionContext);
     view.setTranslationX(
@@ -272,7 +317,8 @@ private static void setTransformProperty(@Nonnull View view, ReadableArray trans
     double[] perspectiveArray = sMatrixDecompositionContext.perspective;
 
     if (perspectiveArray.length > PERSPECTIVE_ARRAY_INVERTED_CAMERA_DISTANCE_INDEX) {
-      float invertedCameraDistance = (float) perspectiveArray[PERSPECTIVE_ARRAY_INVERTED_CAMERA_DISTANCE_INDEX];
+      float invertedCameraDistance =
+          (float) perspectiveArray[PERSPECTIVE_ARRAY_INVERTED_CAMERA_DISTANCE_INDEX];
       if (invertedCameraDistance == 0) {
         // Default camera distance, before scale multiplier (1280)
         invertedCameraDistance = 0.00078125f;
@@ -286,13 +332,13 @@ private static void setTransformProperty(@Nonnull View view, ReadableArray trans
       // calculation, so squaring and a normalization value of
       // sqrt(5) produces an exact replica with iOS.
       // For more information, see https://github.com/facebook/react-native/pull/18302
-      float normalizedCameraDistance = scale * scale * cameraDistance * CAMERA_DISTANCE_NORMALIZATION_MULTIPLIER;
+      float normalizedCameraDistance =
+          scale * scale * cameraDistance * CAMERA_DISTANCE_NORMALIZATION_MULTIPLIER;
       view.setCameraDistance(normalizedCameraDistance);
-
     }
   }
 
-  private static void resetTransformProperty(@Nonnull View view) {
+  private static void resetTransformProperty(@NonNull View view) {
     view.setTranslationX(PixelUtil.toPixelFromDIP(0));
     view.setTranslationY(PixelUtil.toPixelFromDIP(0));
     view.setRotation(0);
@@ -303,12 +349,12 @@ private static void resetTransformProperty(@Nonnull View view) {
     view.setCameraDistance(0);
   }
 
-  private void updateViewAccessibility(@Nonnull T view) {
+  private void updateViewAccessibility(@NonNull T view) {
     ReactAccessibilityDelegate.setDelegate(view);
   }
 
   @Override
-  protected void onAfterUpdateTransaction(@Nonnull T view) {
+  protected void onAfterUpdateTransaction(@NonNull T view) {
     super.onAfterUpdateTransaction(view);
     updateViewAccessibility(view);
   }
@@ -316,7 +362,31 @@ protected void onAfterUpdateTransaction(@Nonnull T view) {
   @Override
   public @Nullable Map<String, Object> getExportedCustomDirectEventTypeConstants() {
     return MapBuilder.<String, Object>builder()
-          .put("performAction", MapBuilder.of("registrationName", "onAccessibilityAction"))
-          .build();
+        .put("topAccessibilityAction", MapBuilder.of("registrationName", "onAccessibilityAction"))
+        .build();
+  }
+
+  protected void setBorderRadius(T view, float borderRadius) {
+    logUnsupportedPropertyWarning(ViewProps.BORDER_RADIUS);
+  }
+
+  protected void setBorderBottomLeftRadius(T view, float borderRadius) {
+    logUnsupportedPropertyWarning(ViewProps.BORDER_BOTTOM_LEFT_RADIUS);
+  }
+
+  protected void setBorderBottomRightRadius(T view, float borderRadius) {
+    logUnsupportedPropertyWarning(ViewProps.BORDER_BOTTOM_RIGHT_RADIUS);
+  }
+
+  protected void setBorderTopLeftRadius(T view, float borderRadius) {
+    logUnsupportedPropertyWarning(ViewProps.BORDER_TOP_LEFT_RADIUS);
+  }
+
+  protected void setBorderTopRightRadius(T view, float borderRadius) {
+    logUnsupportedPropertyWarning(ViewProps.BORDER_TOP_RIGHT_RADIUS);
+  }
+
+  private void logUnsupportedPropertyWarning(String propName) {
+    FLog.w(ReactConstants.TAG, "%s doesn't support property '%s'", getName(), propName);
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManagerDelegate.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManagerDelegate.java
new file mode 100644
index 00000000000000..674fda984ec139
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManagerDelegate.java
@@ -0,0 +1,111 @@
+package com.facebook.react.uimanager;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.yoga.YogaConstants;
+
+/**
+ * This is a base implementation of {@link ViewManagerDelegate} which supports setting properties
+ * that every view should support, such as rotation, background color, etc.
+ */
+public abstract class BaseViewManagerDelegate<
+        T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode>>
+    implements ViewManagerDelegate<T> {
+  protected final U mViewManager;
+
+  public BaseViewManagerDelegate(U viewManager) {
+    mViewManager = viewManager;
+  }
+
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case ViewProps.ACCESSIBILITY_ACTIONS:
+        mViewManager.setAccessibilityActions(view, (ReadableArray) value);
+        break;
+      case ViewProps.ACCESSIBILITY_HINT:
+        mViewManager.setAccessibilityHint(view, (String) value);
+        break;
+      case ViewProps.ACCESSIBILITY_LABEL:
+        mViewManager.setAccessibilityLabel(view, (String) value);
+        break;
+      case ViewProps.ACCESSIBILITY_LIVE_REGION:
+        mViewManager.setAccessibilityLiveRegion(view, (String) value);
+        break;
+      case ViewProps.ACCESSIBILITY_ROLE:
+        mViewManager.setAccessibilityRole(view, (String) value);
+        break;
+      case ViewProps.ACCESSIBILITY_STATE:
+        mViewManager.setViewState(view, (ReadableMap) value);
+        break;
+      case ViewProps.ACCESSIBILITY_STATES:
+        mViewManager.setViewStates(view, (ReadableArray) value);
+        break;
+      case ViewProps.BACKGROUND_COLOR:
+        mViewManager.setBackgroundColor(view, value == null ? 0 : ((Double) value).intValue());
+        break;
+      case ViewProps.BORDER_RADIUS:
+        mViewManager.setBorderRadius(
+            view, value == null ? YogaConstants.UNDEFINED : ((Double) value).floatValue());
+        break;
+      case ViewProps.BORDER_BOTTOM_LEFT_RADIUS:
+        mViewManager.setBorderBottomLeftRadius(
+            view, value == null ? YogaConstants.UNDEFINED : ((Double) value).floatValue());
+        break;
+      case ViewProps.BORDER_BOTTOM_RIGHT_RADIUS:
+        mViewManager.setBorderBottomRightRadius(
+            view, value == null ? YogaConstants.UNDEFINED : ((Double) value).floatValue());
+        break;
+      case ViewProps.BORDER_TOP_LEFT_RADIUS:
+        mViewManager.setBorderTopLeftRadius(
+            view, value == null ? YogaConstants.UNDEFINED : ((Double) value).floatValue());
+        break;
+      case ViewProps.BORDER_TOP_RIGHT_RADIUS:
+        mViewManager.setBorderTopRightRadius(
+            view, value == null ? YogaConstants.UNDEFINED : ((Double) value).floatValue());
+        break;
+      case ViewProps.ELEVATION:
+        mViewManager.setElevation(view, value == null ? 0.0f : ((Double) value).floatValue());
+        break;
+      case ViewProps.IMPORTANT_FOR_ACCESSIBILITY:
+        mViewManager.setImportantForAccessibility(view, (String) value);
+        break;
+      case ViewProps.NATIVE_ID:
+        mViewManager.setNativeId(view, (String) value);
+        break;
+      case ViewProps.OPACITY:
+        mViewManager.setOpacity(view, value == null ? 1.0f : ((Double) value).floatValue());
+        break;
+      case ViewProps.RENDER_TO_HARDWARE_TEXTURE:
+        //noinspection SimplifiableConditionalExpression
+        mViewManager.setRenderToHardwareTexture(view, value == null ? false : (boolean) value);
+        break;
+      case ViewProps.ROTATION:
+        mViewManager.setRotation(view, value == null ? 0.0f : ((Double) value).floatValue());
+        break;
+      case ViewProps.SCALE_X:
+        mViewManager.setScaleX(view, value == null ? 1.0f : ((Double) value).floatValue());
+        break;
+      case ViewProps.SCALE_Y:
+        mViewManager.setScaleY(view, value == null ? 1.0f : ((Double) value).floatValue());
+        break;
+      case ViewProps.TEST_ID:
+        mViewManager.setTestId(view, (String) value);
+        break;
+      case ViewProps.TRANSFORM:
+        mViewManager.setTransform(view, (ReadableArray) value);
+        break;
+      case ViewProps.TRANSLATE_X:
+        mViewManager.setTranslateX(view, value == null ? 0.0f : ((Double) value).floatValue());
+        break;
+      case ViewProps.TRANSLATE_Y:
+        mViewManager.setTranslateY(view, value == null ? 0.0f : ((Double) value).floatValue());
+        break;
+      case ViewProps.Z_INDEX:
+        mViewManager.setZIndex(view, value == null ? 0.0f : ((Double) value).floatValue());
+        break;
+    }
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/DisplayMetricsHolder.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/DisplayMetricsHolder.java
index e8da5c83ed61d5..6b5f25e2c0eca5 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/DisplayMetricsHolder.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/DisplayMetricsHolder.java
@@ -1,36 +1,31 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
-
-import java.lang.reflect.InvocationTargetException;
-import java.lang.reflect.Method;
-import java.util.HashMap;
-import java.util.Map;
-
 import android.content.Context;
 import android.os.Build;
 import android.util.DisplayMetrics;
 import android.view.Display;
 import android.view.WindowManager;
-
+import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.WritableNativeMap;
+import java.lang.reflect.InvocationTargetException;
+import java.lang.reflect.Method;
+import java.util.HashMap;
+import java.util.Map;
 
 /**
  * Holds an instance of the current DisplayMetrics so we don't have to thread it through all the
- * classes that need it.
- * Note: windowDisplayMetrics are deprecated in favor of ScreenDisplayMetrics: window metrics
- * are supposed to return the drawable area but there's no guarantee that they correspond to the
- * actual size of the {@link ReactRootView}. Moreover, they are not consistent with what iOS
- * returns. Screen metrics returns the metrics of the entire screen, is consistent with iOS and
- * should be used instead.
+ * classes that need it. Note: windowDisplayMetrics are deprecated in favor of ScreenDisplayMetrics:
+ * window metrics are supposed to return the drawable area but there's no guarantee that they
+ * correspond to the actual size of the {@link ReactRootView}. Moreover, they are not consistent
+ * with what iOS returns. Screen metrics returns the metrics of the entire screen, is consistent
+ * with iOS and should be used instead.
  */
 public class DisplayMetricsHolder {
 
@@ -39,7 +34,7 @@ public class DisplayMetricsHolder {
 
   /**
    * @deprecated Use {@link #setScreenDisplayMetrics(DisplayMetrics)} instead. See comment above as
-   *    to why this is not correct to use.
+   *     to why this is not correct to use.
    */
   public static void setWindowDisplayMetrics(DisplayMetrics displayMetrics) {
     sWindowDisplayMetrics = displayMetrics;
@@ -59,24 +54,25 @@ public static void initDisplayMetrics(Context context) {
     DisplayMetrics screenDisplayMetrics = new DisplayMetrics();
     screenDisplayMetrics.setTo(displayMetrics);
     WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
-    Assertions.assertNotNull(
-        wm,
-        "WindowManager is null!");
+    Assertions.assertNotNull(wm, "WindowManager is null!");
     Display display = wm.getDefaultDisplay();
 
     // Get the real display metrics if we are using API level 17 or higher.
     // The real metrics include system decor elements (e.g. soft menu bar).
     //
-    // See: http://developer.android.com/reference/android/view/Display.html#getRealMetrics(android.util.DisplayMetrics)
+    // See:
+    // http://developer.android.com/reference/android/view/Display.html#getRealMetrics(android.util.DisplayMetrics)
     if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {
       display.getRealMetrics(screenDisplayMetrics);
     } else {
-      // For 14 <= API level <= 16, we need to invoke getRawHeight and getRawWidth to get the real dimensions.
+      // For 14 <= API level <= 16, we need to invoke getRawHeight and getRawWidth to get the real
+      // dimensions.
       // Since react-native only supports API level 16+ we don't have to worry about other cases.
       //
       // Reflection exceptions are rethrown at runtime.
       //
-      // See: http://stackoverflow.com/questions/14341041/how-to-get-real-screen-height-and-width/23861333#23861333
+      // See:
+      // http://stackoverflow.com/questions/14341041/how-to-get-real-screen-height-and-width/23861333#23861333
       try {
         Method mGetRawH = Display.class.getMethod("getRawHeight");
         Method mGetRawW = Display.class.getMethod("getRawWidth");
@@ -90,8 +86,8 @@ public static void initDisplayMetrics(Context context) {
   }
 
   /**
-   * @deprecated Use {@link #getScreenDisplayMetrics()} instead. See comment above as to why this
-   *    is not correct to use.
+   * @deprecated Use {@link #getScreenDisplayMetrics()} instead. See comment above as to why this is
+   *     not correct to use.
    */
   @Deprecated
   public static DisplayMetrics getWindowDisplayMetrics() {
@@ -121,12 +117,15 @@ public static WritableNativeMap getDisplayMetricsNativeMap(double fontScale) {
         sWindowDisplayMetrics != null || sScreenDisplayMetrics != null,
         "DisplayMetricsHolder must be initialized with initDisplayMetricsIfNotInitialized or initDisplayMetrics");
     final WritableNativeMap result = new WritableNativeMap();
-    result.putMap("windowPhysicalPixels", getPhysicalPixelsNativeMap(sWindowDisplayMetrics, fontScale));
-    result.putMap("screenPhysicalPixels", getPhysicalPixelsNativeMap(sScreenDisplayMetrics, fontScale));
+    result.putMap(
+        "windowPhysicalPixels", getPhysicalPixelsNativeMap(sWindowDisplayMetrics, fontScale));
+    result.putMap(
+        "screenPhysicalPixels", getPhysicalPixelsNativeMap(sScreenDisplayMetrics, fontScale));
     return result;
   }
 
-  private static Map<String, Object> getPhysicalPixelsMap(DisplayMetrics displayMetrics, double fontScale) {
+  private static Map<String, Object> getPhysicalPixelsMap(
+      DisplayMetrics displayMetrics, double fontScale) {
     final Map<String, Object> result = new HashMap<>();
     result.put("width", displayMetrics.widthPixels);
     result.put("height", displayMetrics.heightPixels);
@@ -136,7 +135,8 @@ private static Map<String, Object> getPhysicalPixelsMap(DisplayMetrics displayMe
     return result;
   }
 
-  private static WritableNativeMap getPhysicalPixelsNativeMap(DisplayMetrics displayMetrics, double fontScale) {
+  private static WritableNativeMap getPhysicalPixelsNativeMap(
+      DisplayMetrics displayMetrics, double fontScale) {
     final WritableNativeMap result = new WritableNativeMap();
     result.putInt("width", displayMetrics.widthPixels);
     result.putInt("height", displayMetrics.heightPixels);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/FloatUtil.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/FloatUtil.java
index c1464e842d6b26..aa217cc8c77809 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/FloatUtil.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/FloatUtil.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 public class FloatUtil {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/GuardedFrameCallback.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/GuardedFrameCallback.java
index cf39087ecbae9a..701122139f35eb 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/GuardedFrameCallback.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/GuardedFrameCallback.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.ReactContext;
@@ -33,8 +32,8 @@ public final void doFrame(long frameTimeNanos) {
   }
 
   /**
-   * Like the standard doFrame but RuntimeExceptions will be caught and passed to
-   * {@link com.facebook.react.bridge.ReactContext#handleException(RuntimeException)}.
+   * Like the standard doFrame but RuntimeExceptions will be caught and passed to {@link
+   * com.facebook.react.bridge.ReactContext#handleException(RuntimeException)}.
    */
   protected abstract void doFrameGuarded(long frameTimeNanos);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/IViewManagerWithChildren.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/IViewManagerWithChildren.java
index c07021107a0490..6cfbaa40740bf7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/IViewManagerWithChildren.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/IViewManagerWithChildren.java
@@ -1,22 +1,19 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 public interface IViewManagerWithChildren {
   /**
-   * 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 invoked. Instead onLayout will be
-   * invoked as normal and it is the View instance's responsibility to properly call layout on its
-   * children.
-   * Returns false for the default behavior of automatically laying out children without going
-   * through the ViewGroup's onLayout method. In that case, onLayout for this View type must *not*
-   * call layout on its children.
+   * 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
+   * invoked. Instead onLayout will be invoked as normal and it is the View instance's
+   * responsibility to properly call layout on its children. Returns false for the default behavior
+   * of automatically laying out children without going through the ViewGroup's onLayout method. In
+   * that case, onLayout for this View type must *not* call layout on its children.
    */
   public boolean needsCustomLayoutForChildren();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/IllegalViewOperationException.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/IllegalViewOperationException.java
index 45ea0700ea3658..4d5bc8b7ffa6b7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/IllegalViewOperationException.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/IllegalViewOperationException.java
@@ -1,19 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 android.view.View;
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.JSApplicationCausedNativeException;
 
-/**
- * An exception caused by JS requesting the UI manager to perform an illegal view operation.
- */
+/** An exception caused by JS requesting the UI manager to perform an illegal view operation. */
 public class IllegalViewOperationException extends JSApplicationCausedNativeException {
 
   @Nullable private View mView;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/JSTouchDispatcher.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/JSTouchDispatcher.java
index 46ea5edfa9d828..b7dddfd52540a6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/JSTouchDispatcher.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/JSTouchDispatcher.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.MotionEvent;
@@ -18,9 +17,9 @@
 import com.facebook.react.uimanager.events.TouchEventType;
 
 /**
- * JSTouchDispatcher handles dispatching touches to JS from RootViews.  If you implement RootView
- * you need to call handleTouchEvent from onTouchEvent and onInterceptTouchEvent.  It will correctly
- * find the right view to handle the touch and also dispatch the appropriate event to JS
+ * JSTouchDispatcher handles dispatching touches to JS from RootViews. If you implement RootView you
+ * need to call handleTouchEvent from onTouchEvent and onInterceptTouchEvent. It will correctly find
+ * the right view to handle the touch and also dispatch the appropriate event to JS
  */
 public class JSTouchDispatcher {
 
@@ -30,13 +29,14 @@ public class JSTouchDispatcher {
   private long mGestureStartTime = TouchEvent.UNSET;
   private final ViewGroup mRootViewGroup;
   private final TouchEventCoalescingKeyHelper mTouchEventCoalescingKeyHelper =
-    new TouchEventCoalescingKeyHelper();
+      new TouchEventCoalescingKeyHelper();
 
   public JSTouchDispatcher(ViewGroup viewGroup) {
     mRootViewGroup = viewGroup;
   }
 
-  public void onChildStartedNativeGesture(MotionEvent androidEvent, EventDispatcher eventDispatcher) {
+  public void onChildStartedNativeGesture(
+      MotionEvent androidEvent, EventDispatcher eventDispatcher) {
     if (mChildIsHandlingNativeGesture) {
       // This means we previously had another child start handling this native gesture and now a
       // different native parent of that child has decided to intercept the touch stream and handle
@@ -51,19 +51,17 @@ public void onChildStartedNativeGesture(MotionEvent androidEvent, EventDispatche
 
   /**
    * 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).
+   * 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).
    */
   public void handleTouchEvent(MotionEvent ev, EventDispatcher eventDispatcher) {
     int action = ev.getAction() & MotionEvent.ACTION_MASK;
     if (action == MotionEvent.ACTION_DOWN) {
       if (mTargetTag != -1) {
         FLog.e(
-          ReactConstants.TAG,
-          "Got DOWN touch before receiving UP or CANCEL from last gesture");
+            ReactConstants.TAG, "Got DOWN touch before receiving UP or CANCEL from last gesture");
       }
 
       // First event for this gesture. We expect tag to be set to -1, and we use helper method
@@ -73,14 +71,14 @@ public void handleTouchEvent(MotionEvent ev, EventDispatcher eventDispatcher) {
       mGestureStartTime = ev.getEventTime();
       mTargetTag = findTargetTagAndSetCoordinates(ev);
       eventDispatcher.dispatchEvent(
-        TouchEvent.obtain(
-          mTargetTag,
-          TouchEventType.START,
-          ev,
-          mGestureStartTime,
-          mTargetCoordinates[0],
-          mTargetCoordinates[1],
-          mTouchEventCoalescingKeyHelper));
+          TouchEvent.obtain(
+              mTargetTag,
+              TouchEventType.START,
+              ev,
+              mGestureStartTime,
+              mTargetCoordinates[0],
+              mTargetCoordinates[1],
+              mTouchEventCoalescingKeyHelper));
     } else if (mChildIsHandlingNativeGesture) {
       // If the touch was intercepted by a child, we've already sent a cancel event to JS for this
       // gesture, so we shouldn't send any more touches related to it.
@@ -89,73 +87,72 @@ public void handleTouchEvent(MotionEvent ev, EventDispatcher eventDispatcher) {
       // All the subsequent action types are expected to be called after ACTION_DOWN thus target
       // is supposed to be set for them.
       FLog.e(
-        ReactConstants.TAG,
-        "Unexpected state: received touch event but didn't get starting ACTION_DOWN for this " +
-          "gesture before");
+          ReactConstants.TAG,
+          "Unexpected state: received touch event but didn't get starting ACTION_DOWN for this "
+              + "gesture before");
     } else if (action == MotionEvent.ACTION_UP) {
       // End of the gesture. We reset target tag to -1 and expect no further event associated with
       // this gesture.
       findTargetTagAndSetCoordinates(ev);
       eventDispatcher.dispatchEvent(
-        TouchEvent.obtain(
-          mTargetTag,
-          TouchEventType.END,
-          ev,
-          mGestureStartTime,
-          mTargetCoordinates[0],
-          mTargetCoordinates[1],
-          mTouchEventCoalescingKeyHelper));
+          TouchEvent.obtain(
+              mTargetTag,
+              TouchEventType.END,
+              ev,
+              mGestureStartTime,
+              mTargetCoordinates[0],
+              mTargetCoordinates[1],
+              mTouchEventCoalescingKeyHelper));
       mTargetTag = -1;
       mGestureStartTime = TouchEvent.UNSET;
     } else if (action == MotionEvent.ACTION_MOVE) {
       // Update pointer position for current gesture
       findTargetTagAndSetCoordinates(ev);
       eventDispatcher.dispatchEvent(
-        TouchEvent.obtain(
-          mTargetTag,
-          TouchEventType.MOVE,
-          ev,
-          mGestureStartTime,
-          mTargetCoordinates[0],
-          mTargetCoordinates[1],
-          mTouchEventCoalescingKeyHelper));
+          TouchEvent.obtain(
+              mTargetTag,
+              TouchEventType.MOVE,
+              ev,
+              mGestureStartTime,
+              mTargetCoordinates[0],
+              mTargetCoordinates[1],
+              mTouchEventCoalescingKeyHelper));
     } else if (action == MotionEvent.ACTION_POINTER_DOWN) {
       // New pointer goes down, this can only happen after ACTION_DOWN is sent for the first pointer
       eventDispatcher.dispatchEvent(
-        TouchEvent.obtain(
-          mTargetTag,
-          TouchEventType.START,
-          ev,
-          mGestureStartTime,
-          mTargetCoordinates[0],
-          mTargetCoordinates[1],
-          mTouchEventCoalescingKeyHelper));
+          TouchEvent.obtain(
+              mTargetTag,
+              TouchEventType.START,
+              ev,
+              mGestureStartTime,
+              mTargetCoordinates[0],
+              mTargetCoordinates[1],
+              mTouchEventCoalescingKeyHelper));
     } else if (action == MotionEvent.ACTION_POINTER_UP) {
       // Exactly onw of the pointers goes up
       eventDispatcher.dispatchEvent(
-        TouchEvent.obtain(
-          mTargetTag,
-          TouchEventType.END,
-          ev,
-          mGestureStartTime,
-          mTargetCoordinates[0],
-          mTargetCoordinates[1],
-          mTouchEventCoalescingKeyHelper));
+          TouchEvent.obtain(
+              mTargetTag,
+              TouchEventType.END,
+              ev,
+              mGestureStartTime,
+              mTargetCoordinates[0],
+              mTargetCoordinates[1],
+              mTouchEventCoalescingKeyHelper));
     } else if (action == MotionEvent.ACTION_CANCEL) {
       if (mTouchEventCoalescingKeyHelper.hasCoalescingKey(ev.getDownTime())) {
         dispatchCancelEvent(ev, eventDispatcher);
       } else {
         FLog.e(
-          ReactConstants.TAG,
-          "Received an ACTION_CANCEL touch event for which we have no corresponding ACTION_DOWN"
-        );
+            ReactConstants.TAG,
+            "Received an ACTION_CANCEL touch event for which we have no corresponding ACTION_DOWN");
       }
       mTargetTag = -1;
       mGestureStartTime = TouchEvent.UNSET;
     } else {
       FLog.w(
-        ReactConstants.TAG,
-        "Warning : touch event was ignored. Action=" + action + " Target=" + mTargetTag);
+          ReactConstants.TAG,
+          "Warning : touch event was ignored. Action=" + action + " Target=" + mTargetTag);
     }
   }
 
@@ -171,23 +168,24 @@ private void dispatchCancelEvent(MotionEvent androidEvent, EventDispatcher event
     // touch stream and start a native gesture only upon receiving the UP/CANCEL event.
     if (mTargetTag == -1) {
       FLog.w(
-        ReactConstants.TAG,
-        "Can't cancel already finished gesture. Is a child View trying to start a gesture from " +
-          "an UP/CANCEL event?");
+          ReactConstants.TAG,
+          "Can't cancel already finished gesture. Is a child View trying to start a gesture from "
+              + "an UP/CANCEL event?");
       return;
     }
 
     Assertions.assertCondition(
-      !mChildIsHandlingNativeGesture,
-      "Expected to not have already sent a cancel for this gesture");
-    Assertions.assertNotNull(eventDispatcher).dispatchEvent(
-      TouchEvent.obtain(
-        mTargetTag,
-        TouchEventType.CANCEL,
-        androidEvent,
-        mGestureStartTime,
-        mTargetCoordinates[0],
-        mTargetCoordinates[1],
-        mTouchEventCoalescingKeyHelper));
+        !mChildIsHandlingNativeGesture,
+        "Expected to not have already sent a cancel for this gesture");
+    Assertions.assertNotNull(eventDispatcher)
+        .dispatchEvent(
+            TouchEvent.obtain(
+                mTargetTag,
+                TouchEventType.CANCEL,
+                androidEvent,
+                mGestureStartTime,
+                mTargetCoordinates[0],
+                mTargetCoordinates[1],
+                mTouchEventCoalescingKeyHelper));
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/LayoutShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/LayoutShadowNode.java
index 3936518cf47cfd..c8cfc2994ba7d6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/LayoutShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/LayoutShadowNode.java
@@ -5,6 +5,7 @@
 
 package com.facebook.react.uimanager;
 
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.Dynamic;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.ReadableType;
@@ -20,7 +21,6 @@
 import com.facebook.yoga.YogaPositionType;
 import com.facebook.yoga.YogaUnit;
 import com.facebook.yoga.YogaWrap;
-import javax.annotation.Nullable;
 
 /**
  * Supply setters for base view layout properties such as width, height, flex properties, borders,
@@ -33,14 +33,12 @@
  */
 public class LayoutShadowNode extends ReactShadowNodeImpl {
 
-  /**
-   * A Mutable version of com.facebook.yoga.YogaValue
-   */
+  /** A Mutable version of com.facebook.yoga.YogaValue */
   private static class MutableYogaValue {
     float value;
     YogaUnit unit;
 
-    private MutableYogaValue() { }
+    private MutableYogaValue() {}
 
     private MutableYogaValue(MutableYogaValue mutableYogaValue) {
       this.value = mutableYogaValue.value;
@@ -119,6 +117,7 @@ public void setMinWidth(Dynamic minWidth) {
   }
 
   boolean mCollapsable;
+
   @ReactProp(name = "collapsable")
   public void setCollapsable(boolean collapsable) {
     mCollapsable = collapsable;
@@ -271,26 +270,31 @@ public void setFlexDirection(@Nullable String flexDirection) {
     }
 
     switch (flexDirection) {
-      case "column": {
-        setFlexDirection(YogaFlexDirection.COLUMN);
-        break;
-      }
-      case "column-reverse": {
-        setFlexDirection(YogaFlexDirection.COLUMN_REVERSE);
-        break;
-      }
-      case "row": {
-        setFlexDirection(YogaFlexDirection.ROW);
-        break;
-      }
-      case "row-reverse": {
-        setFlexDirection(YogaFlexDirection.ROW_REVERSE);
-        break;
-      }
-      default: {
-        throw new JSApplicationIllegalArgumentException(
-            "invalid value for flexDirection: " + flexDirection);
-      }
+      case "column":
+        {
+          setFlexDirection(YogaFlexDirection.COLUMN);
+          break;
+        }
+      case "column-reverse":
+        {
+          setFlexDirection(YogaFlexDirection.COLUMN_REVERSE);
+          break;
+        }
+      case "row":
+        {
+          setFlexDirection(YogaFlexDirection.ROW);
+          break;
+        }
+      case "row-reverse":
+        {
+          setFlexDirection(YogaFlexDirection.ROW_REVERSE);
+          break;
+        }
+      default:
+        {
+          throw new JSApplicationIllegalArgumentException(
+              "invalid value for flexDirection: " + flexDirection);
+        }
     }
   }
 
@@ -306,22 +310,26 @@ public void setFlexWrap(@Nullable String flexWrap) {
     }
 
     switch (flexWrap) {
-      case "nowrap": {
-        setFlexWrap(YogaWrap.NO_WRAP);
-        break;
-      }
-      case "wrap": {
-        setFlexWrap(YogaWrap.WRAP);
-        break;
-      }
-      case "wrap-reverse": {
-        setFlexWrap(YogaWrap.WRAP_REVERSE);
-        break;
-      }
-      default: {
-        throw new JSApplicationIllegalArgumentException(
-            "invalid value for flexWrap: " + flexWrap);
-      }
+      case "nowrap":
+        {
+          setFlexWrap(YogaWrap.NO_WRAP);
+          break;
+        }
+      case "wrap":
+        {
+          setFlexWrap(YogaWrap.WRAP);
+          break;
+        }
+      case "wrap-reverse":
+        {
+          setFlexWrap(YogaWrap.WRAP_REVERSE);
+          break;
+        }
+      default:
+        {
+          throw new JSApplicationIllegalArgumentException(
+              "invalid value for flexWrap: " + flexWrap);
+        }
     }
   }
 
@@ -337,42 +345,51 @@ public void setAlignSelf(@Nullable String alignSelf) {
     }
 
     switch (alignSelf) {
-      case "auto": {
-        setAlignSelf(YogaAlign.AUTO);
-        return;
-      }
-      case "flex-start": {
-        setAlignSelf(YogaAlign.FLEX_START);
-        return;
-      }
-      case "center": {
-        setAlignSelf(YogaAlign.CENTER);
-        return;
-      }
-      case "flex-end": {
-        setAlignSelf(YogaAlign.FLEX_END);
-        return;
-      }
-      case "stretch": {
-        setAlignSelf(YogaAlign.STRETCH);
-        return;
-      }
-      case "baseline": {
-        setAlignSelf(YogaAlign.BASELINE);
-        return;
-      }
-      case "space-between": {
-        setAlignSelf(YogaAlign.SPACE_BETWEEN);
-        return;
-      }
-      case "space-around": {
-        setAlignSelf(YogaAlign.SPACE_AROUND);
-        return;
-      }
-      default: {
-        throw new JSApplicationIllegalArgumentException(
-            "invalid value for alignSelf: " + alignSelf);
-      }
+      case "auto":
+        {
+          setAlignSelf(YogaAlign.AUTO);
+          return;
+        }
+      case "flex-start":
+        {
+          setAlignSelf(YogaAlign.FLEX_START);
+          return;
+        }
+      case "center":
+        {
+          setAlignSelf(YogaAlign.CENTER);
+          return;
+        }
+      case "flex-end":
+        {
+          setAlignSelf(YogaAlign.FLEX_END);
+          return;
+        }
+      case "stretch":
+        {
+          setAlignSelf(YogaAlign.STRETCH);
+          return;
+        }
+      case "baseline":
+        {
+          setAlignSelf(YogaAlign.BASELINE);
+          return;
+        }
+      case "space-between":
+        {
+          setAlignSelf(YogaAlign.SPACE_BETWEEN);
+          return;
+        }
+      case "space-around":
+        {
+          setAlignSelf(YogaAlign.SPACE_AROUND);
+          return;
+        }
+      default:
+        {
+          throw new JSApplicationIllegalArgumentException(
+              "invalid value for alignSelf: " + alignSelf);
+        }
     }
   }
 
@@ -388,42 +405,51 @@ public void setAlignItems(@Nullable String alignItems) {
     }
 
     switch (alignItems) {
-      case "auto": {
-        setAlignItems(YogaAlign.AUTO);
-        return;
-      }
-      case "flex-start": {
-        setAlignItems(YogaAlign.FLEX_START);
-        return;
-      }
-      case "center": {
-        setAlignItems(YogaAlign.CENTER);
-        return;
-      }
-      case "flex-end": {
-        setAlignItems(YogaAlign.FLEX_END);
-        return;
-      }
-      case "stretch": {
-        setAlignItems(YogaAlign.STRETCH);
-        return;
-      }
-      case "baseline": {
-        setAlignItems(YogaAlign.BASELINE);
-        return;
-      }
-      case "space-between": {
-        setAlignItems(YogaAlign.SPACE_BETWEEN);
-        return;
-      }
-      case "space-around": {
-        setAlignItems(YogaAlign.SPACE_AROUND);
-        return;
-      }
-      default: {
-        throw new JSApplicationIllegalArgumentException(
-            "invalid value for alignItems: " + alignItems);
-      }
+      case "auto":
+        {
+          setAlignItems(YogaAlign.AUTO);
+          return;
+        }
+      case "flex-start":
+        {
+          setAlignItems(YogaAlign.FLEX_START);
+          return;
+        }
+      case "center":
+        {
+          setAlignItems(YogaAlign.CENTER);
+          return;
+        }
+      case "flex-end":
+        {
+          setAlignItems(YogaAlign.FLEX_END);
+          return;
+        }
+      case "stretch":
+        {
+          setAlignItems(YogaAlign.STRETCH);
+          return;
+        }
+      case "baseline":
+        {
+          setAlignItems(YogaAlign.BASELINE);
+          return;
+        }
+      case "space-between":
+        {
+          setAlignItems(YogaAlign.SPACE_BETWEEN);
+          return;
+        }
+      case "space-around":
+        {
+          setAlignItems(YogaAlign.SPACE_AROUND);
+          return;
+        }
+      default:
+        {
+          throw new JSApplicationIllegalArgumentException(
+              "invalid value for alignItems: " + alignItems);
+        }
     }
   }
 
@@ -439,42 +465,51 @@ public void setAlignContent(@Nullable String alignContent) {
     }
 
     switch (alignContent) {
-      case "auto": {
-        setAlignContent(YogaAlign.AUTO);
-        return;
-      }
-      case "flex-start": {
-        setAlignContent(YogaAlign.FLEX_START);
-        return;
-      }
-      case "center": {
-        setAlignContent(YogaAlign.CENTER);
-        return;
-      }
-      case "flex-end": {
-        setAlignContent(YogaAlign.FLEX_END);
-        return;
-      }
-      case "stretch": {
-        setAlignContent(YogaAlign.STRETCH);
-        return;
-      }
-      case "baseline": {
-        setAlignContent(YogaAlign.BASELINE);
-        return;
-      }
-      case "space-between": {
-        setAlignContent(YogaAlign.SPACE_BETWEEN);
-        return;
-      }
-      case "space-around": {
-        setAlignContent(YogaAlign.SPACE_AROUND);
-        return;
-      }
-      default: {
-        throw new JSApplicationIllegalArgumentException(
-            "invalid value for alignContent: " + alignContent);
-      }
+      case "auto":
+        {
+          setAlignContent(YogaAlign.AUTO);
+          return;
+        }
+      case "flex-start":
+        {
+          setAlignContent(YogaAlign.FLEX_START);
+          return;
+        }
+      case "center":
+        {
+          setAlignContent(YogaAlign.CENTER);
+          return;
+        }
+      case "flex-end":
+        {
+          setAlignContent(YogaAlign.FLEX_END);
+          return;
+        }
+      case "stretch":
+        {
+          setAlignContent(YogaAlign.STRETCH);
+          return;
+        }
+      case "baseline":
+        {
+          setAlignContent(YogaAlign.BASELINE);
+          return;
+        }
+      case "space-between":
+        {
+          setAlignContent(YogaAlign.SPACE_BETWEEN);
+          return;
+        }
+      case "space-around":
+        {
+          setAlignContent(YogaAlign.SPACE_AROUND);
+          return;
+        }
+      default:
+        {
+          throw new JSApplicationIllegalArgumentException(
+              "invalid value for alignContent: " + alignContent);
+        }
     }
   }
 
@@ -490,34 +525,41 @@ public void setJustifyContent(@Nullable String justifyContent) {
     }
 
     switch (justifyContent) {
-      case "flex-start": {
-        setJustifyContent(YogaJustify.FLEX_START);
-        break;
-      }
-      case "center": {
-        setJustifyContent(YogaJustify.CENTER);
-        break;
-      }
-      case "flex-end": {
-        setJustifyContent(YogaJustify.FLEX_END);
-        break;
-      }
-      case "space-between": {
-        setJustifyContent(YogaJustify.SPACE_BETWEEN);
-        break;
-      }
-      case "space-around": {
-        setJustifyContent(YogaJustify.SPACE_AROUND);
-        break;
-      }
-      case "space-evenly": {
-        setJustifyContent(YogaJustify.SPACE_EVENLY);
-        break;
-      }
-      default: {
-        throw new JSApplicationIllegalArgumentException(
-            "invalid value for justifyContent: " + justifyContent);
-      }
+      case "flex-start":
+        {
+          setJustifyContent(YogaJustify.FLEX_START);
+          break;
+        }
+      case "center":
+        {
+          setJustifyContent(YogaJustify.CENTER);
+          break;
+        }
+      case "flex-end":
+        {
+          setJustifyContent(YogaJustify.FLEX_END);
+          break;
+        }
+      case "space-between":
+        {
+          setJustifyContent(YogaJustify.SPACE_BETWEEN);
+          break;
+        }
+      case "space-around":
+        {
+          setJustifyContent(YogaJustify.SPACE_AROUND);
+          break;
+        }
+      case "space-evenly":
+        {
+          setJustifyContent(YogaJustify.SPACE_EVENLY);
+          break;
+        }
+      default:
+        {
+          throw new JSApplicationIllegalArgumentException(
+              "invalid value for justifyContent: " + justifyContent);
+        }
     }
   }
 
@@ -532,22 +574,26 @@ public void setOverflow(@Nullable String overflow) {
     }
 
     switch (overflow) {
-      case "visible": {
-        setOverflow(YogaOverflow.VISIBLE);
-        break;
-      }
-      case "hidden": {
-        setOverflow(YogaOverflow.HIDDEN);
-        break;
-      }
-      case "scroll": {
-        setOverflow(YogaOverflow.SCROLL);
-        break;
-      }
-      default: {
-        throw new JSApplicationIllegalArgumentException(
-            "invalid value for overflow: " + overflow);
-      }
+      case "visible":
+        {
+          setOverflow(YogaOverflow.VISIBLE);
+          break;
+        }
+      case "hidden":
+        {
+          setOverflow(YogaOverflow.HIDDEN);
+          break;
+        }
+      case "scroll":
+        {
+          setOverflow(YogaOverflow.SCROLL);
+          break;
+        }
+      default:
+        {
+          throw new JSApplicationIllegalArgumentException(
+              "invalid value for overflow: " + overflow);
+        }
     }
   }
 
@@ -563,34 +609,35 @@ public void setDisplay(@Nullable String display) {
     }
 
     switch (display) {
-      case "flex": {
-        setDisplay(YogaDisplay.FLEX);
-        break;
-      }
-      case "none": {
-        setDisplay(YogaDisplay.NONE);
-        break;
-      }
-      default: {
-        throw new JSApplicationIllegalArgumentException(
-            "invalid value for display: " + display);
-      }
+      case "flex":
+        {
+          setDisplay(YogaDisplay.FLEX);
+          break;
+        }
+      case "none":
+        {
+          setDisplay(YogaDisplay.NONE);
+          break;
+        }
+      default:
+        {
+          throw new JSApplicationIllegalArgumentException("invalid value for display: " + display);
+        }
     }
   }
 
   @ReactPropGroup(
-    names = {
-      ViewProps.MARGIN,
-      ViewProps.MARGIN_VERTICAL,
-      ViewProps.MARGIN_HORIZONTAL,
-      ViewProps.MARGIN_START,
-      ViewProps.MARGIN_END,
-      ViewProps.MARGIN_TOP,
-      ViewProps.MARGIN_BOTTOM,
-      ViewProps.MARGIN_LEFT,
-      ViewProps.MARGIN_RIGHT,
-    }
-  )
+      names = {
+        ViewProps.MARGIN,
+        ViewProps.MARGIN_VERTICAL,
+        ViewProps.MARGIN_HORIZONTAL,
+        ViewProps.MARGIN_START,
+        ViewProps.MARGIN_END,
+        ViewProps.MARGIN_TOP,
+        ViewProps.MARGIN_BOTTOM,
+        ViewProps.MARGIN_LEFT,
+        ViewProps.MARGIN_RIGHT,
+      })
   public void setMargins(int index, Dynamic margin) {
     if (isVirtual()) {
       return;
@@ -617,18 +664,17 @@ public void setMargins(int index, Dynamic margin) {
   }
 
   @ReactPropGroup(
-    names = {
-      ViewProps.PADDING,
-      ViewProps.PADDING_VERTICAL,
-      ViewProps.PADDING_HORIZONTAL,
-      ViewProps.PADDING_START,
-      ViewProps.PADDING_END,
-      ViewProps.PADDING_TOP,
-      ViewProps.PADDING_BOTTOM,
-      ViewProps.PADDING_LEFT,
-      ViewProps.PADDING_RIGHT,
-    }
-  )
+      names = {
+        ViewProps.PADDING,
+        ViewProps.PADDING_VERTICAL,
+        ViewProps.PADDING_HORIZONTAL,
+        ViewProps.PADDING_START,
+        ViewProps.PADDING_END,
+        ViewProps.PADDING_TOP,
+        ViewProps.PADDING_BOTTOM,
+        ViewProps.PADDING_LEFT,
+        ViewProps.PADDING_RIGHT,
+      })
   public void setPaddings(int index, Dynamic padding) {
     if (isVirtual()) {
       return;
@@ -652,17 +698,16 @@ public void setPaddings(int index, Dynamic padding) {
   }
 
   @ReactPropGroup(
-    names = {
-      ViewProps.BORDER_WIDTH,
-      ViewProps.BORDER_START_WIDTH,
-      ViewProps.BORDER_END_WIDTH,
-      ViewProps.BORDER_TOP_WIDTH,
-      ViewProps.BORDER_BOTTOM_WIDTH,
-      ViewProps.BORDER_LEFT_WIDTH,
-      ViewProps.BORDER_RIGHT_WIDTH,
-    },
-    defaultFloat = YogaConstants.UNDEFINED
-  )
+      names = {
+        ViewProps.BORDER_WIDTH,
+        ViewProps.BORDER_START_WIDTH,
+        ViewProps.BORDER_END_WIDTH,
+        ViewProps.BORDER_TOP_WIDTH,
+        ViewProps.BORDER_BOTTOM_WIDTH,
+        ViewProps.BORDER_LEFT_WIDTH,
+        ViewProps.BORDER_RIGHT_WIDTH,
+      },
+      defaultFloat = YogaConstants.UNDEFINED)
   public void setBorderWidths(int index, float borderWidth) {
     if (isVirtual()) {
       return;
@@ -672,15 +717,14 @@ public void setBorderWidths(int index, float borderWidth) {
   }
 
   @ReactPropGroup(
-    names = {
-      ViewProps.START,
-      ViewProps.END,
-      ViewProps.LEFT,
-      ViewProps.RIGHT,
-      ViewProps.TOP,
-      ViewProps.BOTTOM,
-    }
-  )
+      names = {
+        ViewProps.START,
+        ViewProps.END,
+        ViewProps.LEFT,
+        ViewProps.RIGHT,
+        ViewProps.TOP,
+        ViewProps.BOTTOM,
+      })
   public void setPositionValues(int index, Dynamic position) {
     if (isVirtual()) {
       return;
@@ -733,18 +777,21 @@ public void setPosition(@Nullable String position) {
     }
 
     switch (position) {
-      case "relative": {
-        setPositionType(YogaPositionType.RELATIVE);
-        break;
-      }
-      case "absolute": {
-        setPositionType(YogaPositionType.ABSOLUTE);
-        break;
-      }
-      default: {
-        throw new JSApplicationIllegalArgumentException(
-            "invalid value for position: " + position);
-      }
+      case "relative":
+        {
+          setPositionType(YogaPositionType.RELATIVE);
+          break;
+        }
+      case "absolute":
+        {
+          setPositionType(YogaPositionType.ABSOLUTE);
+          break;
+        }
+      default:
+        {
+          throw new JSApplicationIllegalArgumentException(
+              "invalid value for position: " + position);
+        }
     }
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/MatrixMathHelper.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/MatrixMathHelper.java
index 8ce6fe2bf86482..9c17046c71463f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/MatrixMathHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/MatrixMathHelper.java
@@ -1,17 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.infer.annotation.Assertions;
 
 /**
- * Provides helper methods for converting transform operations into a matrix and then into a list
- * of translate, scale and rotate commands.
+ * Provides helper methods for converting transform operations into a matrix and then into a list of
+ * translate, scale and rotate commands.
  */
 public class MatrixMathHelper {
 
@@ -23,6 +22,20 @@ public static class MatrixDecompositionContext {
     double[] skew = new double[3];
     double[] translation = new double[3];
     double[] rotationDegrees = new double[3];
+
+    private static void resetArray(double[] arr) {
+      for (int i = 0; i < arr.length; i++) {
+        arr[i] = 0;
+      }
+    }
+
+    public void reset() {
+      MatrixDecompositionContext.resetArray(perspective);
+      MatrixDecompositionContext.resetArray(scale);
+      MatrixDecompositionContext.resetArray(skew);
+      MatrixDecompositionContext.resetArray(translation);
+      MatrixDecompositionContext.resetArray(rotationDegrees);
+    }
   }
 
   private static boolean isZero(double d) {
@@ -33,39 +46,58 @@ private static boolean isZero(double d) {
   }
 
   public static void multiplyInto(double[] out, double[] a, double[] b) {
-    double a00 = a[0], a01 = a[1], a02 = a[2], a03 = a[3],
-      a10 = a[4], a11 = a[5], a12 = a[6], a13 = a[7],
-      a20 = a[8], a21 = a[9], a22 = a[10], a23 = a[11],
-      a30 = a[12], a31 = a[13], a32 = a[14], a33 = a[15];
-
-    double b0  = b[0], b1 = b[1], b2 = b[2], b3 = b[3];
-    out[0] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    out[1] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    out[2] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    out[3] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = b[4]; b1 = b[5]; b2 = b[6]; b3 = b[7];
-    out[4] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    out[5] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    out[6] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    out[7] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = b[8]; b1 = b[9]; b2 = b[10]; b3 = b[11];
-    out[8] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    out[9] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    out[10] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    out[11] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = b[12]; b1 = b[13]; b2 = b[14]; b3 = b[15];
-    out[12] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    out[13] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    out[14] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    out[15] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
+    double a00 = a[0],
+        a01 = a[1],
+        a02 = a[2],
+        a03 = a[3],
+        a10 = a[4],
+        a11 = a[5],
+        a12 = a[6],
+        a13 = a[7],
+        a20 = a[8],
+        a21 = a[9],
+        a22 = a[10],
+        a23 = a[11],
+        a30 = a[12],
+        a31 = a[13],
+        a32 = a[14],
+        a33 = a[15];
+
+    double b0 = b[0], b1 = b[1], b2 = b[2], b3 = b[3];
+    out[0] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30;
+    out[1] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31;
+    out[2] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32;
+    out[3] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33;
+
+    b0 = b[4];
+    b1 = b[5];
+    b2 = b[6];
+    b3 = b[7];
+    out[4] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30;
+    out[5] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31;
+    out[6] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32;
+    out[7] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33;
+
+    b0 = b[8];
+    b1 = b[9];
+    b2 = b[10];
+    b3 = b[11];
+    out[8] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30;
+    out[9] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31;
+    out[10] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32;
+    out[11] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33;
+
+    b0 = b[12];
+    b1 = b[13];
+    b2 = b[14];
+    b3 = b[15];
+    out[12] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30;
+    out[13] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31;
+    out[14] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32;
+    out[15] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33;
   }
 
-  /**
-   * @param transformMatrix 16-element array of numbers representing 4x4 transform matrix
-   */
+  /** @param transformMatrix 16-element array of numbers representing 4x4 transform matrix */
   public static void decomposeMatrix(double[] transformMatrix, MatrixDecompositionContext ctx) {
     Assertions.assertCondition(transformMatrix.length == 16);
 
@@ -101,16 +133,12 @@ public static void decomposeMatrix(double[] transformMatrix, MatrixDecomposition
     if (!isZero(matrix[0][3]) || !isZero(matrix[1][3]) || !isZero(matrix[2][3])) {
       // rightHandSide is the right hand side of the equation.
       // rightHandSide is a vector, or point in 3d space relative to the origin.
-      double[] rightHandSide = { matrix[0][3], matrix[1][3], matrix[2][3], matrix[3][3] };
+      double[] rightHandSide = {matrix[0][3], matrix[1][3], matrix[2][3], matrix[3][3]};
 
       // Solve the equation by inverting perspectiveMatrix and multiplying
       // rightHandSide by the inverse.
-      double[] inversePerspectiveMatrix = inverse(
-        perspectiveMatrix
-      );
-      double[] transposedInversePerspectiveMatrix = transpose(
-        inversePerspectiveMatrix
-      );
+      double[] inversePerspectiveMatrix = inverse(perspectiveMatrix);
+      double[] transposedInversePerspectiveMatrix = transpose(inversePerspectiveMatrix);
       multiplyVectorByMatrix(rightHandSide, transposedInversePerspectiveMatrix, perspective);
     } else {
       // no perspective
@@ -178,36 +206,60 @@ public static void decomposeMatrix(double[] transformMatrix, MatrixDecomposition
     // Based on: http://nghiaho.com/?page_id=846
     double conv = 180 / Math.PI;
     rotationDegrees[0] = roundTo3Places(-Math.atan2(row[2][1], row[2][2]) * conv);
-    rotationDegrees[1] = roundTo3Places(-Math.atan2(-row[2][0], Math.sqrt(row[2][1] * row[2][1] + row[2][2] * row[2][2])) * conv);
+    rotationDegrees[1] =
+        roundTo3Places(
+            -Math.atan2(-row[2][0], Math.sqrt(row[2][1] * row[2][1] + row[2][2] * row[2][2]))
+                * conv);
     rotationDegrees[2] = roundTo3Places(-Math.atan2(row[1][0], row[0][0]) * conv);
   }
 
   public static double determinant(double[] matrix) {
-    double m00 = matrix[0], m01 = matrix[1], m02 = matrix[2], m03 = matrix[3], m10 = matrix[4],
-      m11 = matrix[5], m12 = matrix[6], m13 = matrix[7], m20 = matrix[8], m21 = matrix[9],
-      m22 = matrix[10], m23 = matrix[11], m30 = matrix[12], m31 = matrix[13], m32 = matrix[14],
-      m33 = matrix[15];
-    return (
-      m03 * m12 * m21 * m30 - m02 * m13 * m21 * m30 -
-        m03 * m11 * m22 * m30 + m01 * m13 * m22 * m30 +
-        m02 * m11 * m23 * m30 - m01 * m12 * m23 * m30 -
-        m03 * m12 * m20 * m31 + m02 * m13 * m20 * m31 +
-        m03 * m10 * m22 * m31 - m00 * m13 * m22 * m31 -
-        m02 * m10 * m23 * m31 + m00 * m12 * m23 * m31 +
-        m03 * m11 * m20 * m32 - m01 * m13 * m20 * m32 -
-        m03 * m10 * m21 * m32 + m00 * m13 * m21 * m32 +
-        m01 * m10 * m23 * m32 - m00 * m11 * m23 * m32 -
-        m02 * m11 * m20 * m33 + m01 * m12 * m20 * m33 +
-        m02 * m10 * m21 * m33 - m00 * m12 * m21 * m33 -
-        m01 * m10 * m22 * m33 + m00 * m11 * m22 * m33
-    );
+    double m00 = matrix[0],
+        m01 = matrix[1],
+        m02 = matrix[2],
+        m03 = matrix[3],
+        m10 = matrix[4],
+        m11 = matrix[5],
+        m12 = matrix[6],
+        m13 = matrix[7],
+        m20 = matrix[8],
+        m21 = matrix[9],
+        m22 = matrix[10],
+        m23 = matrix[11],
+        m30 = matrix[12],
+        m31 = matrix[13],
+        m32 = matrix[14],
+        m33 = matrix[15];
+    return (m03 * m12 * m21 * m30
+        - m02 * m13 * m21 * m30
+        - m03 * m11 * m22 * m30
+        + m01 * m13 * m22 * m30
+        + m02 * m11 * m23 * m30
+        - m01 * m12 * m23 * m30
+        - m03 * m12 * m20 * m31
+        + m02 * m13 * m20 * m31
+        + m03 * m10 * m22 * m31
+        - m00 * m13 * m22 * m31
+        - m02 * m10 * m23 * m31
+        + m00 * m12 * m23 * m31
+        + m03 * m11 * m20 * m32
+        - m01 * m13 * m20 * m32
+        - m03 * m10 * m21 * m32
+        + m00 * m13 * m21 * m32
+        + m01 * m10 * m23 * m32
+        - m00 * m11 * m23 * m32
+        - m02 * m11 * m20 * m33
+        + m01 * m12 * m20 * m33
+        + m02 * m10 * m21 * m33
+        - m00 * m12 * m21 * m33
+        - m01 * m10 * m22 * m33
+        + m00 * m11 * m22 * m33);
   }
 
   /**
-   * Inverse of a matrix. Multiplying by the inverse is used in matrix math
-   * instead of division.
+   * Inverse of a matrix. Multiplying by the inverse is used in matrix math instead of division.
    *
-   * Formula from:
+   * <p>Formula from:
    * http://www.euclideanspace.com/maths/algebra/matrix/functions/inverse/fourD/index.htm
    */
   public static double[] inverse(double[] matrix) {
@@ -215,33 +267,139 @@ public static double[] inverse(double[] matrix) {
     if (isZero(det)) {
       return matrix;
     }
-    double m00 = matrix[0], m01 = matrix[1], m02 = matrix[2], m03 = matrix[3], m10 = matrix[4],
-      m11 = matrix[5], m12 = matrix[6], m13 = matrix[7], m20 = matrix[8], m21 = matrix[9],
-      m22 = matrix[10], m23 = matrix[11], m30 = matrix[12], m31 = matrix[13], m32 = matrix[14],
-      m33 = matrix[15];
+    double m00 = matrix[0],
+        m01 = matrix[1],
+        m02 = matrix[2],
+        m03 = matrix[3],
+        m10 = matrix[4],
+        m11 = matrix[5],
+        m12 = matrix[6],
+        m13 = matrix[7],
+        m20 = matrix[8],
+        m21 = matrix[9],
+        m22 = matrix[10],
+        m23 = matrix[11],
+        m30 = matrix[12],
+        m31 = matrix[13],
+        m32 = matrix[14],
+        m33 = matrix[15];
     return new double[] {
-      (m12 * m23 * m31 - m13 * m22 * m31 + m13 * m21 * m32 - m11 * m23 * m32 - m12 * m21 * m33 + m11 * m22 * m33) / det,
-      (m03 * m22 * m31 - m02 * m23 * m31 - m03 * m21 * m32 + m01 * m23 * m32 + m02 * m21 * m33 - m01 * m22 * m33) / det,
-      (m02 * m13 * m31 - m03 * m12 * m31 + m03 * m11 * m32 - m01 * m13 * m32 - m02 * m11 * m33 + m01 * m12 * m33) / det,
-      (m03 * m12 * m21 - m02 * m13 * m21 - m03 * m11 * m22 + m01 * m13 * m22 + m02 * m11 * m23 - m01 * m12 * m23) / det,
-      (m13 * m22 * m30 - m12 * m23 * m30 - m13 * m20 * m32 + m10 * m23 * m32 + m12 * m20 * m33 - m10 * m22 * m33) / det,
-      (m02 * m23 * m30 - m03 * m22 * m30 + m03 * m20 * m32 - m00 * m23 * m32 - m02 * m20 * m33 + m00 * m22 * m33) / det,
-      (m03 * m12 * m30 - m02 * m13 * m30 - m03 * m10 * m32 + m00 * m13 * m32 + m02 * m10 * m33 - m00 * m12 * m33) / det,
-      (m02 * m13 * m20 - m03 * m12 * m20 + m03 * m10 * m22 - m00 * m13 * m22 - m02 * m10 * m23 + m00 * m12 * m23) / det,
-      (m11 * m23 * m30 - m13 * m21 * m30 + m13 * m20 * m31 - m10 * m23 * m31 - m11 * m20 * m33 + m10 * m21 * m33) / det,
-      (m03 * m21 * m30 - m01 * m23 * m30 - m03 * m20 * m31 + m00 * m23 * m31 + m01 * m20 * m33 - m00 * m21 * m33) / det,
-      (m01 * m13 * m30 - m03 * m11 * m30 + m03 * m10 * m31 - m00 * m13 * m31 - m01 * m10 * m33 + m00 * m11 * m33) / det,
-      (m03 * m11 * m20 - m01 * m13 * m20 - m03 * m10 * m21 + m00 * m13 * m21 + m01 * m10 * m23 - m00 * m11 * m23) / det,
-      (m12 * m21 * m30 - m11 * m22 * m30 - m12 * m20 * m31 + m10 * m22 * m31 + m11 * m20 * m32 - m10 * m21 * m32) / det,
-      (m01 * m22 * m30 - m02 * m21 * m30 + m02 * m20 * m31 - m00 * m22 * m31 - m01 * m20 * m32 + m00 * m21 * m32) / det,
-      (m02 * m11 * m30 - m01 * m12 * m30 - m02 * m10 * m31 + m00 * m12 * m31 + m01 * m10 * m32 - m00 * m11 * m32) / det,
-      (m01 * m12 * m20 - m02 * m11 * m20 + m02 * m10 * m21 - m00 * m12 * m21 - m01 * m10 * m22 + m00 * m11 * m22) / det
+      (m12 * m23 * m31
+              - m13 * m22 * m31
+              + m13 * m21 * m32
+              - m11 * m23 * m32
+              - m12 * m21 * m33
+              + m11 * m22 * m33)
+          / det,
+      (m03 * m22 * m31
+              - m02 * m23 * m31
+              - m03 * m21 * m32
+              + m01 * m23 * m32
+              + m02 * m21 * m33
+              - m01 * m22 * m33)
+          / det,
+      (m02 * m13 * m31
+              - m03 * m12 * m31
+              + m03 * m11 * m32
+              - m01 * m13 * m32
+              - m02 * m11 * m33
+              + m01 * m12 * m33)
+          / det,
+      (m03 * m12 * m21
+              - m02 * m13 * m21
+              - m03 * m11 * m22
+              + m01 * m13 * m22
+              + m02 * m11 * m23
+              - m01 * m12 * m23)
+          / det,
+      (m13 * m22 * m30
+              - m12 * m23 * m30
+              - m13 * m20 * m32
+              + m10 * m23 * m32
+              + m12 * m20 * m33
+              - m10 * m22 * m33)
+          / det,
+      (m02 * m23 * m30
+              - m03 * m22 * m30
+              + m03 * m20 * m32
+              - m00 * m23 * m32
+              - m02 * m20 * m33
+              + m00 * m22 * m33)
+          / det,
+      (m03 * m12 * m30
+              - m02 * m13 * m30
+              - m03 * m10 * m32
+              + m00 * m13 * m32
+              + m02 * m10 * m33
+              - m00 * m12 * m33)
+          / det,
+      (m02 * m13 * m20
+              - m03 * m12 * m20
+              + m03 * m10 * m22
+              - m00 * m13 * m22
+              - m02 * m10 * m23
+              + m00 * m12 * m23)
+          / det,
+      (m11 * m23 * m30
+              - m13 * m21 * m30
+              + m13 * m20 * m31
+              - m10 * m23 * m31
+              - m11 * m20 * m33
+              + m10 * m21 * m33)
+          / det,
+      (m03 * m21 * m30
+              - m01 * m23 * m30
+              - m03 * m20 * m31
+              + m00 * m23 * m31
+              + m01 * m20 * m33
+              - m00 * m21 * m33)
+          / det,
+      (m01 * m13 * m30
+              - m03 * m11 * m30
+              + m03 * m10 * m31
+              - m00 * m13 * m31
+              - m01 * m10 * m33
+              + m00 * m11 * m33)
+          / det,
+      (m03 * m11 * m20
+              - m01 * m13 * m20
+              - m03 * m10 * m21
+              + m00 * m13 * m21
+              + m01 * m10 * m23
+              - m00 * m11 * m23)
+          / det,
+      (m12 * m21 * m30
+              - m11 * m22 * m30
+              - m12 * m20 * m31
+              + m10 * m22 * m31
+              + m11 * m20 * m32
+              - m10 * m21 * m32)
+          / det,
+      (m01 * m22 * m30
+              - m02 * m21 * m30
+              + m02 * m20 * m31
+              - m00 * m22 * m31
+              - m01 * m20 * m32
+              + m00 * m21 * m32)
+          / det,
+      (m02 * m11 * m30
+              - m01 * m12 * m30
+              - m02 * m10 * m31
+              + m00 * m12 * m31
+              + m01 * m10 * m32
+              - m00 * m11 * m32)
+          / det,
+      (m01 * m12 * m20
+              - m02 * m11 * m20
+              + m02 * m10 * m21
+              - m00 * m12 * m21
+              - m01 * m10 * m22
+              + m00 * m11 * m22)
+          / det
     };
   }
 
-  /**
-   * Turns columns into rows and rows into columns.
-   */
+  /** Turns columns into rows and rows into columns. */
   public static double[] transpose(double[] m) {
     return new double[] {
       m[0], m[4], m[8], m[12],
@@ -251,9 +409,7 @@ public static double[] transpose(double[] m) {
     };
   }
 
-  /**
-   * Based on: http://tog.acm.org/resources/GraphicsGems/gemsii/unmatrix.c
-   */
+  /** Based on: http://tog.acm.org/resources/GraphicsGems/gemsii/unmatrix.c */
   public static void multiplyVectorByMatrix(double[] v, double[] m, double[] result) {
     double vx = v[0], vy = v[1], vz = v[2], vw = v[3];
     result[0] = vx * m[0] + vy * m[4] + vz * m[8] + vw * m[12];
@@ -262,33 +418,23 @@ public static void multiplyVectorByMatrix(double[] v, double[] m, double[] resul
     result[3] = vx * m[3] + vy * m[7] + vz * m[11] + vw * m[15];
   }
 
-  /**
-   * From: https://code.google.com/p/webgl-mjs/source/browse/mjs.js
-   */
+  /** From: https://code.google.com/p/webgl-mjs/source/browse/mjs.js */
   public static double v3Length(double[] a) {
-    return Math.sqrt(a[0]*a[0] + a[1]*a[1] + a[2]*a[2]);
+    return Math.sqrt(a[0] * a[0] + a[1] * a[1] + a[2] * a[2]);
   }
 
-  /**
-   * Based on: https://code.google.com/p/webgl-mjs/source/browse/mjs.js
-   */
+  /** Based on: https://code.google.com/p/webgl-mjs/source/browse/mjs.js */
   public static double[] v3Normalize(double[] vector, double norm) {
     double im = 1 / (isZero(norm) ? v3Length(vector) : norm);
-    return new double[] {
-      vector[0] * im,
-      vector[1] * im,
-      vector[2] * im
-    };
+    return new double[] {vector[0] * im, vector[1] * im, vector[2] * im};
   }
 
   /**
-   * The dot product of a and b, two 3-element vectors.
-   * From: https://code.google.com/p/webgl-mjs/source/browse/mjs.js
+   * The dot product of a and b, two 3-element vectors. From:
+   * https://code.google.com/p/webgl-mjs/source/browse/mjs.js
    */
   public static double v3Dot(double[] a, double[] b) {
-    return a[0] * b[0] +
-      a[1] * b[1] +
-      a[2] * b[2];
+    return a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
   }
 
   /**
@@ -296,10 +442,8 @@ public static double v3Dot(double[] a, double[] b) {
    * http://www.opensource.apple.com/source/WebCore/WebCore-514/platform/graphics/transforms/TransformationMatrix.cpp
    */
   public static double[] v3Combine(double[] a, double[] b, double aScale, double bScale) {
-    return new double[]{
-      aScale * a[0] + bScale * b[0],
-      aScale * a[1] + bScale * b[1],
-      aScale * a[2] + bScale * b[2]
+    return new double[] {
+      aScale * a[0] + bScale * b[0], aScale * a[1] + bScale * b[1], aScale * a[2] + bScale * b[2]
     };
   }
 
@@ -308,10 +452,8 @@ public static double[] v3Combine(double[] a, double[] b, double aScale, double b
    * http://www.opensource.apple.com/source/WebCore/WebCore-514/platform/graphics/transforms/TransformationMatrix.cpp
    */
   public static double[] v3Cross(double[] a, double[] b) {
-    return new double[]{
-      a[1] * b[2] - a[2] * b[1],
-      a[2] * b[0] - a[0] * b[2],
-      a[0] * b[1] - a[1] * b[0]
+    return new double[] {
+      a[1] * b[2] - a[2] * b[1], a[2] * b[0] - a[0] * b[2], a[0] * b[1] - a[1] * b[0]
     };
   }
 
@@ -330,8 +472,14 @@ public static double degreesToRadians(double degrees) {
   }
 
   public static void resetIdentityMatrix(double[] matrix) {
-    matrix[1] = matrix[2] = matrix[3] = matrix[4] = matrix[6] = matrix[7] = matrix[8] = matrix[9] =
-      matrix[11] = matrix[12] = matrix[13] = matrix[14] = 0;
+    matrix[1] =
+        matrix[2] =
+            matrix[3] =
+                matrix[4] =
+                    matrix[6] =
+                        matrix[7] =
+                            matrix[8] =
+                                matrix[9] = matrix[11] = matrix[12] = matrix[13] = matrix[14] = 0;
     matrix[0] = matrix[5] = matrix[10] = matrix[15] = 1;
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/MeasureSpecAssertions.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/MeasureSpecAssertions.java
index 6f457dfef88fe1..3c08c68f8f17ae 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/MeasureSpecAssertions.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/MeasureSpecAssertions.java
@@ -1,17 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
-/**
- * Shared utility for asserting on MeasureSpecs.
- */
+/** Shared utility for asserting on MeasureSpecs. */
 public class MeasureSpecAssertions {
 
   public static final void assertExplicitMeasureSpec(int widthMeasureSpec, int heightMeasureSpec) {
@@ -20,8 +17,8 @@ public static final void assertExplicitMeasureSpec(int widthMeasureSpec, int hei
 
     if (widthMode == View.MeasureSpec.UNSPECIFIED || heightMode == View.MeasureSpec.UNSPECIFIED) {
       throw new IllegalStateException(
-          "A catalyst view must have an explicit width and height given to it. This should " +
-              "normally happen as part of the standard catalyst UI framework.");
+          "A catalyst view must have an explicit width and height given to it. This should "
+              + "normally happen as part of the standard catalyst UI framework.");
     }
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeKind.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeKind.java
index 44ca85d02876ce..a6cb8b9a2bd1b5 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeKind.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeKind.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 // Common conditionals:
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyManager.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyManager.java
index 724dd8e81d0e69..bf4908c7c0611e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyManager.java
@@ -1,14 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.content.res.Resources;
-import android.os.Build;
+import android.graphics.Matrix;
+import android.graphics.RectF;
 import android.util.SparseArray;
 import android.util.SparseBooleanArray;
 import android.util.SparseIntArray;
@@ -18,8 +18,8 @@
 import android.view.ViewGroup;
 import android.view.ViewParent;
 import android.widget.PopupMenu;
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
-import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.R;
 import com.facebook.react.bridge.Callback;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
@@ -35,32 +35,32 @@
 import com.facebook.systrace.Systrace;
 import com.facebook.systrace.SystraceMessage;
 import java.util.Arrays;
-import java.util.HashMap;
-import java.util.Map;
-import javax.annotation.Nullable;
 import javax.annotation.concurrent.NotThreadSafe;
 
 /**
  * Delegate of {@link UIManagerModule} that owns the native view hierarchy and mapping between
- * native view names used in JS and corresponding instances of {@link ViewManager}. The
- * {@link UIManagerModule} communicates with this class by it's public interface methods:
- *  - {@link #updateProperties}
- *  - {@link #updateLayout}
- *  - {@link #createView}
- *  - {@link #manageChildren}
+ * native view names used in JS and corresponding instances of {@link ViewManager}. The {@link
+ * UIManagerModule} communicates with this class by it's public interface methods:
+ *
+ * <ul>
+ *   <li>{@link #updateProperties}
+ *   <li>{@link #updateLayout}
+ *   <li>{@link #createView}
+ *   <li>{@link #manageChildren}
+ * </ul>
+ *
  * executing all the scheduled UI operations at the end of JS batch.
  *
- * NB: All native view management methods listed above must be called from the UI thread.
+ * <p>NB: All native view management methods listed above must be called from the UI thread.
  *
- * The {@link ReactContext} instance that is passed to views that this manager creates differs
- * from the one that we pass as a constructor. Instead we wrap the provided instance of
- * {@link ReactContext} in an instance of {@link ThemedReactContext} that additionally provide
- * a correct theme based on the root view for a view tree that we attach newly created view to.
- * Therefore this view manager will create a copy of {@link ThemedReactContext} that wraps
- * the instance of {@link ReactContext} for each root view added to the manager (see
- * {@link #addRootView}).
+ * <p>The {@link ReactContext} instance that is passed to views that this manager creates differs
+ * from the one that we pass as a constructor. Instead we wrap the provided instance of {@link
+ * ReactContext} in an instance of {@link ThemedReactContext} that additionally provide a correct
+ * theme based on the root view for a view tree that we attach newly created view to. Therefore this
+ * view manager will create a copy of {@link ThemedReactContext} that wraps the instance of {@link
+ * ReactContext} for each root view added to the manager (see {@link #addRootView}).
  *
- * TODO(5483031): Only dispatch updates when shadow views have changed
+ * <p>TODO(5483031): Only dispatch updates when shadow views have changed
  */
 @NotThreadSafe
 public class NativeViewHierarchyManager {
@@ -74,8 +74,9 @@ public class NativeViewHierarchyManager {
   private final JSResponderHandler mJSResponderHandler = new JSResponderHandler();
   private final RootViewManager mRootViewManager;
   private final LayoutAnimationController mLayoutAnimator = new LayoutAnimationController();
-  private final Map<Integer, SparseIntArray> mTagsToPendingIndicesToDelete = new HashMap<>();
+  private final SparseArray<SparseIntArray> mTagsToPendingIndicesToDelete = new SparseArray<>();
   private final int[] mDroppedViewArray = new int[100];
+  private final RectF mBoundingBox = new RectF();
 
   private boolean mLayoutAnimationEnabled;
   private PopupMenu mPopupMenu;
@@ -93,23 +94,28 @@ public NativeViewHierarchyManager(ViewManagerRegistry viewManagers, RootViewMana
     mRootViewManager = manager;
   }
 
-  public synchronized final View resolveView(int tag) {
+  public final synchronized View resolveView(int tag) {
     View view = mTagsToViews.get(tag);
     if (view == null) {
-      throw new IllegalViewOperationException("Trying to resolve view with tag " + tag
-          + " which doesn't exist");
+      throw new IllegalViewOperationException(
+          "Trying to resolve view with tag " + tag + " which doesn't exist");
     }
     return view;
   }
 
-  public synchronized final ViewManager resolveViewManager(int tag) {
+  public final synchronized ViewManager resolveViewManager(int tag) {
     ViewManager viewManager = mTagsToViewManagers.get(tag);
     if (viewManager == null) {
       boolean alreadyDropped = Arrays.asList(mDroppedViewArray).contains(tag);
-      throw new IllegalViewOperationException("ViewManager for tag "
-          + tag + " could not be found.\n View already dropped? "
-          + alreadyDropped + ".\nLast index "+ mDroppedViewIndex + " in last 100 views"
-          + mDroppedViewArray.toString());
+      throw new IllegalViewOperationException(
+          "ViewManager for tag "
+              + tag
+              + " could not be found.\n View already dropped? "
+              + alreadyDropped
+              + ".\nLast index "
+              + mDroppedViewIndex
+              + " in last 100 views"
+              + mDroppedViewArray.toString());
     }
     return viewManager;
   }
@@ -155,37 +161,42 @@ public synchronized void updateLayout(
       int parentTag, int tag, int x, int y, int width, int height) {
     UiThreadUtil.assertOnUiThread();
     SystraceMessage.beginSection(
-        Systrace.TRACE_TAG_REACT_VIEW,
-        "NativeViewHierarchyManager_updateLayout")
+            Systrace.TRACE_TAG_REACT_VIEW, "NativeViewHierarchyManager_updateLayout")
         .arg("parentTag", parentTag)
         .arg("tag", tag)
         .flush();
     try {
       View viewToUpdate = resolveView(tag);
 
-      // Even though we have exact dimensions, we still call measure because some platform views (e.g.
+      // Even though we have exact dimensions, we still call measure because some platform views
+      // (e.g.
       // Switch) assume that method will always be called before onLayout and onDraw. They use it to
       // calculate and cache information used in the draw pass. For most views, onMeasure can be
       // stubbed out to only call setMeasuredDimensions. For ViewGroups, onLayout should be stubbed
-      // out to not recursively call layout on its children: React Native already handles doing that.
+      // out to not recursively call layout on its children: React Native already handles doing
+      // that.
       //
-      // Also, note measure and layout need to be called *after* all View properties have been updated
+      // Also, note measure and layout need to be called *after* all View properties have been
+      // updated
       // because of caching and calculation that may occur in onMeasure and onLayout. Layout
-      // operations should also follow the native view hierarchy and go top to bottom for consistency
+      // operations should also follow the native view hierarchy and go top to bottom for
+      // consistency
       // with standard layout passes (some views may depend on this).
 
       viewToUpdate.measure(
           View.MeasureSpec.makeMeasureSpec(width, View.MeasureSpec.EXACTLY),
           View.MeasureSpec.makeMeasureSpec(height, View.MeasureSpec.EXACTLY));
 
-      // We update the layout of the ReactRootView when there is a change in the layout of its child.
+      // We update the layout of the ReactRootView when there is a change in the layout of its
+      // child.
       // This is required to re-measure the size of the native View container (usually a
       // FrameLayout) that is configured with layout_height = WRAP_CONTENT or layout_width =
       // WRAP_CONTENT
       //
       // This code is going to be executed ONLY when there is a change in the size of the Root
-      // View defined in the js side. Changes in the layout of inner views will not trigger an update
-      // on the layour of the Root View.
+      // View defined in the js side. Changes in the layout of inner views will not trigger an
+      // update
+      // on the layout of the Root View.
       ViewParent parent = viewToUpdate.getParent();
       if (parent instanceof RootView) {
         parent.requestLayout();
@@ -199,8 +210,9 @@ public synchronized void updateLayout(
           parentViewManagerWithChildren = (IViewManagerWithChildren) parentViewManager;
         } else {
           throw new IllegalViewOperationException(
-              "Trying to use view with tag " + parentTag +
-                  " as a parent, but its Manager doesn't implement IViewManagerWithChildren");
+              "Trying to use view with tag "
+                  + parentTag
+                  + " as a parent, but its Manager doesn't implement IViewManagerWithChildren");
         }
         if (parentViewManagerWithChildren != null
             && !parentViewManagerWithChildren.needsCustomLayoutForChildren()) {
@@ -233,8 +245,7 @@ public long getInstanceHandle(int reactTag) {
   }
 
   private void updateLayout(View viewToUpdate, int x, int y, int width, int height) {
-    if (mLayoutAnimationEnabled &&
-        mLayoutAnimator.shouldAnimateLayout(viewToUpdate)) {
+    if (mLayoutAnimationEnabled && mLayoutAnimator.shouldAnimateLayout(viewToUpdate)) {
       mLayoutAnimator.applyLayoutUpdate(viewToUpdate, x, y, width, height);
     } else {
       viewToUpdate.layout(x, y, x + width, y + height);
@@ -248,15 +259,14 @@ public synchronized void createView(
       @Nullable ReactStylesDiffMap initialProps) {
     UiThreadUtil.assertOnUiThread();
     SystraceMessage.beginSection(
-        Systrace.TRACE_TAG_REACT_VIEW,
-        "NativeViewHierarchyManager_createView")
+            Systrace.TRACE_TAG_REACT_VIEW, "NativeViewHierarchyManager_createView")
         .arg("tag", tag)
         .arg("className", className)
         .flush();
     try {
       ViewManager viewManager = mViewManagers.get(className);
 
-      View view = viewManager.createViewWithProps(themedContext, null, mJSResponderHandler);
+      View view = viewManager.createView(themedContext, null, null, mJSResponderHandler);
       mTagsToViews.put(tag, view);
       mTagsToViewManagers.put(tag, viewManager);
 
@@ -283,11 +293,12 @@ private static String constructManageChildrenErrorMessage(
     if (null != viewToManage) {
       stringBuilder.append("View tag:" + viewToManage.getId() + "\n");
       stringBuilder.append("  children(" + viewManager.getChildCount(viewToManage) + "): [\n");
-      for (int index=0; index<viewManager.getChildCount(viewToManage); index+=16) {
-        for (int innerOffset=0;
-             ((index+innerOffset) < viewManager.getChildCount(viewToManage)) && innerOffset < 16;
-             innerOffset++) {
-          stringBuilder.append(viewManager.getChildAt(viewToManage, index+innerOffset).getId() + ",");
+      for (int index = 0; index < viewManager.getChildCount(viewToManage); index += 16) {
+        for (int innerOffset = 0;
+            ((index + innerOffset) < viewManager.getChildCount(viewToManage)) && innerOffset < 16;
+            innerOffset++) {
+          stringBuilder.append(
+              viewManager.getChildAt(viewToManage, index + innerOffset).getId() + ",");
         }
         stringBuilder.append("\n");
       }
@@ -297,8 +308,7 @@ private static String constructManageChildrenErrorMessage(
     if (indicesToRemove != null) {
       stringBuilder.append("  indicesToRemove(" + indicesToRemove.length + "): [\n");
       for (int index = 0; index < indicesToRemove.length; index += 16) {
-        for (
-            int innerOffset = 0;
+        for (int innerOffset = 0;
             ((index + innerOffset) < indicesToRemove.length) && innerOffset < 16;
             innerOffset++) {
           stringBuilder.append(indicesToRemove[index + innerOffset] + ",");
@@ -310,13 +320,15 @@ private static String constructManageChildrenErrorMessage(
     if (viewsToAdd != null) {
       stringBuilder.append("  viewsToAdd(" + viewsToAdd.length + "): [\n");
       for (int index = 0; index < viewsToAdd.length; index += 16) {
-        for (
-            int innerOffset = 0;
+        for (int innerOffset = 0;
             ((index + innerOffset) < viewsToAdd.length) && innerOffset < 16;
             innerOffset++) {
           stringBuilder.append(
-              "[" + viewsToAdd[index + innerOffset].mIndex + "," +
-                  viewsToAdd[index + innerOffset].mTag + "],");
+              "["
+                  + viewsToAdd[index + innerOffset].mIndex
+                  + ","
+                  + viewsToAdd[index + innerOffset].mTag
+                  + "],");
         }
         stringBuilder.append("\n");
       }
@@ -325,8 +337,7 @@ private static String constructManageChildrenErrorMessage(
     if (tagsToDelete != null) {
       stringBuilder.append("  tagsToDelete(" + tagsToDelete.length + "): [\n");
       for (int index = 0; index < tagsToDelete.length; index += 16) {
-        for (
-            int innerOffset = 0;
+        for (int innerOffset = 0;
             ((index + innerOffset) < tagsToDelete.length) && innerOffset < 16;
             innerOffset++) {
           stringBuilder.append(tagsToDelete[index + innerOffset] + ",");
@@ -357,7 +368,7 @@ private int normalizeIndex(int index, SparseIntArray pendingIndices) {
    */
   private SparseIntArray getOrCreatePendingIndicesToDelete(int tag) {
     SparseIntArray pendingIndicesToDelete = mTagsToPendingIndicesToDelete.get(tag);
-    if (pendingIndicesToDelete ==  null) {
+    if (pendingIndicesToDelete == null) {
       pendingIndicesToDelete = new SparseIntArray();
       mTagsToPendingIndicesToDelete.put(tag, pendingIndicesToDelete);
     }
@@ -368,7 +379,7 @@ private SparseIntArray getOrCreatePendingIndicesToDelete(int tag) {
    * @param tag react tag of the node we want to manage
    * @param indicesToRemove ordered (asc) list of indicies at which view should be removed
    * @param viewsToAdd ordered (asc based on mIndex property) list of tag-index pairs that represent
-   * a view which should be added at the specified index
+   *     a view which should be added at the specified index
    * @param tagsToDelete list of tags corresponding to views that should be removed
    * @param indicesToDelete parallel list to tagsToDelete, list of indices of those tags
    */
@@ -385,14 +396,12 @@ public synchronized void manageChildren(
     final ViewGroup viewToManage = (ViewGroup) mTagsToViews.get(tag);
     final ViewGroupManager viewManager = (ViewGroupManager) resolveViewManager(tag);
     if (viewToManage == null) {
-      throw new IllegalViewOperationException("Trying to manageChildren view with tag " + tag +
-        " which doesn't exist\n detail: " +
-            constructManageChildrenErrorMessage(
-                viewToManage,
-                viewManager,
-                indicesToRemove,
-                viewsToAdd,
-                tagsToDelete));
+      throw new IllegalViewOperationException(
+          "Trying to manageChildren view with tag "
+              + tag
+              + " which doesn't exist\n detail: "
+              + constructManageChildrenErrorMessage(
+                  viewToManage, viewManager, indicesToRemove, viewsToAdd, tagsToDelete));
     }
 
     int lastIndexToRemove = viewManager.getChildCount(viewToManage);
@@ -402,13 +411,12 @@ public synchronized void manageChildren(
         if (indexToRemove < 0) {
           throw new IllegalViewOperationException(
               "Trying to remove a negative view index:"
-                  + indexToRemove + " view tag: " + tag + "\n detail: " +
-                  constructManageChildrenErrorMessage(
-                      viewToManage,
-                      viewManager,
-                      indicesToRemove,
-                      viewsToAdd,
-                      tagsToDelete));
+                  + indexToRemove
+                  + " view tag: "
+                  + tag
+                  + "\n detail: "
+                  + constructManageChildrenErrorMessage(
+                      viewToManage, viewManager, indicesToRemove, viewsToAdd, tagsToDelete));
         }
         if (indexToRemove >= viewManager.getChildCount(viewToManage)) {
           if (mRootTags.get(tag) && viewManager.getChildCount(viewToManage) == 0) {
@@ -417,33 +425,32 @@ public synchronized void manageChildren(
             return;
           }
           throw new IllegalViewOperationException(
-              "Trying to remove a view index above child " +
-                  "count " + indexToRemove + " view tag: " + tag + "\n detail: " +
-                  constructManageChildrenErrorMessage(
-                      viewToManage,
-                      viewManager,
-                      indicesToRemove,
-                      viewsToAdd,
-                      tagsToDelete));
+              "Trying to remove a view index above child "
+                  + "count "
+                  + indexToRemove
+                  + " view tag: "
+                  + tag
+                  + "\n detail: "
+                  + constructManageChildrenErrorMessage(
+                      viewToManage, viewManager, indicesToRemove, viewsToAdd, tagsToDelete));
         }
         if (indexToRemove >= lastIndexToRemove) {
           throw new IllegalViewOperationException(
               "Trying to remove an out of order view index:"
-                  + indexToRemove + " view tag: " + tag + "\n detail: " +
-                  constructManageChildrenErrorMessage(
-                      viewToManage,
-                      viewManager,
-                      indicesToRemove,
-                      viewsToAdd,
-                      tagsToDelete));
+                  + indexToRemove
+                  + " view tag: "
+                  + tag
+                  + "\n detail: "
+                  + constructManageChildrenErrorMessage(
+                      viewToManage, viewManager, indicesToRemove, viewsToAdd, tagsToDelete));
         }
 
         int normalizedIndexToRemove = normalizeIndex(indexToRemove, pendingIndicesToDelete);
         View viewToRemove = viewManager.getChildAt(viewToManage, normalizedIndexToRemove);
 
-        if (mLayoutAnimationEnabled &&
-            mLayoutAnimator.shouldAnimateLayout(viewToRemove) &&
-            arrayContains(tagsToDelete, viewToRemove.getId())) {
+        if (mLayoutAnimationEnabled
+            && mLayoutAnimator.shouldAnimateLayout(viewToRemove)
+            && arrayContains(tagsToDelete, viewToRemove.getId())) {
           // The view will be removed and dropped by the 'delete' layout animation
           // instead, so do nothing
         } else {
@@ -461,32 +468,28 @@ public synchronized void manageChildren(
         final View viewToDestroy = mTagsToViews.get(tagToDelete);
         if (viewToDestroy == null) {
           throw new IllegalViewOperationException(
-            "Trying to destroy unknown view tag: "
-              + tagToDelete + "\n detail: " +
-              constructManageChildrenErrorMessage(
-                viewToManage,
-                viewManager,
-                indicesToRemove,
-                viewsToAdd,
-                tagsToDelete));
+              "Trying to destroy unknown view tag: "
+                  + tagToDelete
+                  + "\n detail: "
+                  + constructManageChildrenErrorMessage(
+                      viewToManage, viewManager, indicesToRemove, viewsToAdd, tagsToDelete));
         }
 
-        if (mLayoutAnimationEnabled &&
-          mLayoutAnimator.shouldAnimateLayout(viewToDestroy)) {
+        if (mLayoutAnimationEnabled && mLayoutAnimator.shouldAnimateLayout(viewToDestroy)) {
           int updatedCount = pendingIndicesToDelete.get(indexToDelete, 0) + 1;
           pendingIndicesToDelete.put(indexToDelete, updatedCount);
           mLayoutAnimator.deleteView(
-            viewToDestroy,
-            new LayoutAnimationListener() {
-              @Override
-              public void onAnimationEnd() {
-                viewManager.removeView(viewToManage, viewToDestroy);
-                dropView(viewToDestroy);
-
-                int count = pendingIndicesToDelete.get(indexToDelete, 0);
-                pendingIndicesToDelete.put(indexToDelete, Math.max(0, count - 1));
-              }
-            });
+              viewToDestroy,
+              new LayoutAnimationListener() {
+                @Override
+                public void onAnimationEnd() {
+                  viewManager.removeView(viewToManage, viewToDestroy);
+                  dropView(viewToDestroy);
+
+                  int count = pendingIndicesToDelete.get(indexToDelete, 0);
+                  pendingIndicesToDelete.put(indexToDelete, Math.max(0, count - 1));
+                }
+              });
         } else {
           dropView(viewToDestroy);
         }
@@ -500,13 +503,10 @@ public void onAnimationEnd() {
         if (viewToAdd == null) {
           throw new IllegalViewOperationException(
               "Trying to add unknown view tag: "
-                  + viewAtIndex.mTag + "\n detail: " +
-                  constructManageChildrenErrorMessage(
-                      viewToManage,
-                      viewManager,
-                      indicesToRemove,
-                      viewsToAdd,
-                      tagsToDelete));
+                  + viewAtIndex.mTag
+                  + "\n detail: "
+                  + constructManageChildrenErrorMessage(
+                      viewToManage, viewManager, indicesToRemove, viewsToAdd, tagsToDelete));
         }
         int normalizedIndexToAdd = normalizeIndex(viewAtIndex.mIndex, pendingIndicesToDelete);
         viewManager.addView(viewToManage, viewToAdd, normalizedIndexToAdd);
@@ -531,28 +531,16 @@ private boolean arrayContains(@Nullable int[] array, int ele) {
    * views
    */
   private static String constructSetChildrenErrorMessage(
-    ViewGroup viewToManage,
-    ViewGroupManager viewManager,
-    ReadableArray childrenTags) {
+      ViewGroup viewToManage, ViewGroupManager viewManager, ReadableArray childrenTags) {
     ViewAtIndex[] viewsToAdd = new ViewAtIndex[childrenTags.size()];
     for (int i = 0; i < childrenTags.size(); i++) {
       viewsToAdd[i] = new ViewAtIndex(childrenTags.getInt(i), i);
     }
-    return constructManageChildrenErrorMessage(
-      viewToManage,
-      viewManager,
-      null,
-      viewsToAdd,
-      null
-    );
+    return constructManageChildrenErrorMessage(viewToManage, viewManager, null, viewsToAdd, null);
   }
 
-  /**
-   * Simplified version of manageChildren that only deals with adding children views
-   */
-  public synchronized void setChildren(
-    int tag,
-    ReadableArray childrenTags) {
+  /** Simplified version of manageChildren that only deals with adding children views */
+  public synchronized void setChildren(int tag, ReadableArray childrenTags) {
     UiThreadUtil.assertOnUiThread();
     ViewGroup viewToManage = (ViewGroup) mTagsToViews.get(tag);
     ViewGroupManager viewManager = (ViewGroupManager) resolveViewManager(tag);
@@ -561,32 +549,30 @@ public synchronized void setChildren(
       View viewToAdd = mTagsToViews.get(childrenTags.getInt(i));
       if (viewToAdd == null) {
         throw new IllegalViewOperationException(
-          "Trying to add unknown view tag: "
-            + childrenTags.getInt(i) + "\n detail: " +
-            constructSetChildrenErrorMessage(
-              viewToManage,
-              viewManager,
-              childrenTags));
+            "Trying to add unknown view tag: "
+                + childrenTags.getInt(i)
+                + "\n detail: "
+                + constructSetChildrenErrorMessage(viewToManage, viewManager, childrenTags));
       }
       viewManager.addView(viewToManage, viewToAdd, i);
     }
   }
 
-  /**
-   * See {@link UIManagerModule#addRootView}.
-   */
+  /** See {@link UIManagerModule#addRootView}. */
   public synchronized void addRootView(int tag, View view) {
     addRootViewGroup(tag, view);
   }
 
-  protected synchronized final void addRootViewGroup(int tag, View view) {
+  protected final synchronized void addRootViewGroup(int tag, View view) {
     if (view.getId() != View.NO_ID) {
       FLog.e(
-        TAG,
-        "Trying to add a root view with an explicit id (" + view.getId() + ") already " +
-        "set. React Native uses the id field to track react tags and will overwrite this field. " +
-        "If that is fine, explicitly overwrite the id field to View.NO_ID before calling " +
-        "addRootView.");
+          TAG,
+          "Trying to add a root view with an explicit id ("
+              + view.getId()
+              + ") already "
+              + "set. React Native uses the id field to track react tags and will overwrite this field. "
+              + "If that is fine, explicitly overwrite the id field to View.NO_ID before calling "
+              + "addRootView.");
     }
 
     mTagsToViews.put(tag, view);
@@ -600,9 +586,7 @@ private void cacheDroppedTag(int tag) {
     mDroppedViewIndex = (mDroppedViewIndex + 1) % 100;
   }
 
-  /**
-   * Releases all references to given native View.
-   */
+  /** Releases all references to given native View. */
   protected synchronized void dropView(View view) {
     UiThreadUtil.assertOnUiThread();
     if (view == null) {
@@ -628,7 +612,7 @@ protected synchronized void dropView(View view) {
       for (int i = viewGroupManager.getChildCount(viewGroup) - 1; i >= 0; i--) {
         View child = viewGroupManager.getChildAt(viewGroup, i);
         if (child == null) {
-            FLog.e(TAG, "Unable to drop null child view");
+          FLog.e(TAG, "Unable to drop null child view");
         } else if (mTagsToViews.get(child.getId()) != null) {
           dropView(child);
         }
@@ -643,8 +627,8 @@ protected synchronized void dropView(View view) {
   public synchronized void removeRootView(int rootViewTag) {
     UiThreadUtil.assertOnUiThread();
     if (!mRootTags.get(rootViewTag)) {
-        SoftAssertions.assertUnreachable(
-            "View with tag " + rootViewTag + " is not registered as a root view");
+      SoftAssertions.assertUnreachable(
+          "View with tag " + rootViewTag + " is not registered as a root view");
     }
     View rootView = mTagsToViews.get(rootViewTag);
     dropView(rootView);
@@ -668,25 +652,56 @@ public synchronized void measure(int tag, int[] outputBuffer) {
     if (rootView == null) {
       throw new NoSuchNativeViewException("Native view " + tag + " is no longer on screen");
     }
-    rootView.getLocationInWindow(outputBuffer);
+    computeBoundingBox(rootView, outputBuffer);
     int rootX = outputBuffer[0];
     int rootY = outputBuffer[1];
+    computeBoundingBox(v, outputBuffer);
+    outputBuffer[0] -= rootX;
+    outputBuffer[1] -= rootY;
+  }
 
-    v.getLocationInWindow(outputBuffer);
+  private void computeBoundingBox(View view, int[] outputBuffer) {
+    mBoundingBox.set(0, 0, view.getWidth(), view.getHeight());
+    mapRectFromViewToWindowCoords(view, mBoundingBox);
 
-    outputBuffer[0] = outputBuffer[0] - rootX;
-    outputBuffer[1] = outputBuffer[1] - rootY;
-    outputBuffer[2] = v.getWidth();
-    outputBuffer[3] = v.getHeight();
+    outputBuffer[0] = Math.round(mBoundingBox.left);
+    outputBuffer[1] = Math.round(mBoundingBox.top);
+    outputBuffer[2] = Math.round(mBoundingBox.right - mBoundingBox.left);
+    outputBuffer[3] = Math.round(mBoundingBox.bottom - mBoundingBox.top);
+  }
+
+  private void mapRectFromViewToWindowCoords(View view, RectF rect) {
+    Matrix matrix = view.getMatrix();
+    if (!matrix.isIdentity()) {
+      matrix.mapRect(rect);
+    }
+
+    rect.offset(view.getLeft(), view.getTop());
+
+    ViewParent parent = view.getParent();
+    while (parent instanceof View) {
+      View parentView = (View) parent;
+
+      rect.offset(-parentView.getScrollX(), -parentView.getScrollY());
+
+      matrix = parentView.getMatrix();
+      if (!matrix.isIdentity()) {
+        matrix.mapRect(rect);
+      }
+
+      rect.offset(parentView.getLeft(), parentView.getTop());
+
+      parent = parentView.getParent();
+    }
   }
 
   /**
-   * Returns the coordinates of a view relative to the window (not just the RootView
-   * which is what measure will return)
+   * Returns the coordinates of a view relative to the window (not just the RootView which is what
+   * measure will return)
    *
    * @param tag - the tag for the view
    * @param outputBuffer - output buffer that contains [x,y,width,height] of the view in coordinates
-   *  relative to the device window
+   *     relative to the device window
    */
   public synchronized void measureInWindow(int tag, int[] outputBuffer) {
     UiThreadUtil.assertOnUiThread();
@@ -721,9 +736,7 @@ public synchronized int findTargetTagForTouch(int reactTag, float touchX, float
   }
 
   public synchronized void setJSResponder(
-    int reactTag,
-    int initialReactTag,
-    boolean blockNativeResponder) {
+      int reactTag, int initialReactTag, boolean blockNativeResponder) {
     if (!blockNativeResponder) {
       mJSResponderHandler.setJSResponder(initialReactTag, null);
       return;
@@ -741,8 +754,7 @@ public synchronized void setJSResponder(
       SoftAssertions.assertUnreachable(
           "Cannot block native responder on " + reactTag + " that is a root view");
     }
-    mJSResponderHandler
-        .setJSResponder(initialReactTag, view.getParent());
+    mJSResponderHandler.setJSResponder(initialReactTag, view.getParent());
   }
 
   public void clearJSResponder() {
@@ -757,15 +769,27 @@ void clearLayoutAnimation() {
     mLayoutAnimator.reset();
   }
 
+  @Deprecated
   public synchronized void dispatchCommand(
-    int reactTag,
-    int commandId,
-    @Nullable ReadableArray args) {
+      int reactTag, int commandId, @Nullable ReadableArray args) {
     UiThreadUtil.assertOnUiThread();
     View view = mTagsToViews.get(reactTag);
     if (view == null) {
-      throw new IllegalViewOperationException("Trying to send command to a non-existing view " +
-          "with tag " + reactTag);
+      throw new IllegalViewOperationException(
+          "Trying to send command to a non-existing view " + "with tag " + reactTag);
+    }
+
+    ViewManager viewManager = resolveViewManager(reactTag);
+    viewManager.receiveCommand(view, commandId, args);
+  }
+
+  public synchronized void dispatchCommand(
+      int reactTag, String commandId, @Nullable ReadableArray args) {
+    UiThreadUtil.assertOnUiThread();
+    View view = mTagsToViews.get(reactTag);
+    if (view == null) {
+      throw new IllegalViewOperationException(
+          "Trying to send command to a non-existing view " + "with tag " + reactTag);
     }
 
     ViewManager viewManager = resolveViewManager(reactTag);
@@ -776,13 +800,13 @@ public synchronized void dispatchCommand(
    * Show a {@link PopupMenu}.
    *
    * @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)
+   *     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
+   *     no arguments if the menu is dismissed
    */
-  public synchronized void showPopupMenu(int reactTag, ReadableArray items, Callback success,
-                                         Callback error) {
+  public synchronized void showPopupMenu(
+      int reactTag, ReadableArray items, Callback success, Callback error) {
     UiThreadUtil.assertOnUiThread();
     View anchor = mTagsToViews.get(reactTag);
     if (anchor == null) {
@@ -803,17 +827,15 @@ public synchronized void showPopupMenu(int reactTag, ReadableArray items, Callba
     mPopupMenu.show();
   }
 
-  /**
-   * Dismiss the last opened PopupMenu {@link PopupMenu}.
-   */
+  /** Dismiss the last opened PopupMenu {@link PopupMenu}. */
   public void dismissPopupMenu() {
     if (mPopupMenu != null) {
       mPopupMenu.dismiss();
     }
   }
 
-  private static class PopupMenuCallbackHandler implements PopupMenu.OnMenuItemClickListener,
-      PopupMenu.OnDismissListener {
+  private static class PopupMenuCallbackHandler
+      implements PopupMenu.OnMenuItemClickListener, PopupMenu.OnDismissListener {
 
     final Callback mSuccess;
     boolean mConsumed = false;
@@ -842,8 +864,8 @@ public boolean onMenuItemClick(MenuItem item) {
   }
 
   /**
-   * @return Themed React context for view with a given {@param reactTag} -  it gets the
-   * context directly from the view using {@link View#getContext}.
+   * @return Themed React context for view with a given {@param reactTag} - it gets the context
+   *     directly from the view using {@link View#getContext}.
    */
   private ThemedReactContext getReactContextForView(int reactTag) {
     View view = mTagsToViews.get(reactTag);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyOptimizer.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyOptimizer.java
index a22e8b90501afd..338d90939922d3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyOptimizer.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyOptimizer.java
@@ -1,50 +1,47 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.util.SparseBooleanArray;
+import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMapKeySetIterator;
-import javax.annotation.Nullable;
 
 /**
  * Class responsible for optimizing the native view hierarchy while still respecting the final UI
  * product specified by JS. Basically, JS sends us a hierarchy of nodes that, while easy to reason
  * about in JS, are very inefficient to translate directly to native views. This class sits in
- * between {@link UIManagerModule}, which directly receives view commands from JS, and
- * {@link UIViewOperationQueue}, which enqueues actual operations on the native view hierarchy. It
- * is able to take instructions from UIManagerModule and output instructions to the native view
- * hierarchy that achieve the same displayed UI but with fewer views.
+ * between {@link UIManagerModule}, which directly receives view commands from JS, and {@link
+ * UIViewOperationQueue}, which enqueues actual operations on the native view hierarchy. It is able
+ * to take instructions from UIManagerModule and output instructions to the native view hierarchy
+ * that achieve the same displayed UI but with fewer views.
  *
- * Currently this class is only used to remove layout-only views, that is to say views that only
+ * <p>Currently this class is only used to remove layout-only views, that is to say views that only
  * affect the positions of their children but do not draw anything themselves. These views are
  * fairly common because 1) containers are used to do layouting via flexbox and 2) the return of
  * each Component#render() call in JS must be exactly one view, which means views are often wrapped
  * in a unnecessary layer of hierarchy.
  *
- * This optimization is implemented by keeping track of both the unoptimized JS hierarchy and the
+ * <p>This optimization is implemented by keeping track of both the unoptimized JS hierarchy and the
  * optimized native hierarchy in {@link ReactShadowNode}.
  *
- * This optimization is important for view hierarchy depth (which can cause stack overflows during
- * view traversal for complex apps), memory usage, amount of time spent during GCs,
- * and time-to-display.
+ * <p>This optimization is important for view hierarchy depth (which can cause stack overflows
+ * during view traversal for complex apps), memory usage, amount of time spent during GCs, and
+ * time-to-display.
  *
- * Some examples of the optimizations this class will do based on commands from JS:
- * - Create a view with only layout props: a description of that view is created as a
- *   {@link ReactShadowNode} in UIManagerModule, but this class will not output any commands to
- *   create the view in the native view hierarchy.
- * - Update a layout-only view to have non-layout props: before issuing the updateShadowNode call
- *   to the native view hierarchy, issue commands to create the view we optimized away move it into
- *   the view hierarchy
- * - Manage the children of a view: multiple manageChildren calls for various parent views may be
- *   issued to the native view hierarchy depending on where the views being added/removed are
- *   attached in the optimized hierarchy
+ * <p>Some examples of the optimizations this class will do based on commands from JS: - Create a
+ * view with only layout props: a description of that view is created as a {@link ReactShadowNode}
+ * in UIManagerModule, but this class will not output any commands to create the view in the native
+ * view hierarchy. - Update a layout-only view to have non-layout props: before issuing the
+ * updateShadowNode call to the native view hierarchy, issue commands to create the view we
+ * optimized away move it into the view hierarchy - Manage the children of a view: multiple
+ * manageChildren calls for various parent views may be issued to the native view hierarchy
+ * depending on where the views being added/removed are attached in the optimized hierarchy
  */
 public class NativeViewHierarchyOptimizer {
 
@@ -74,15 +71,12 @@ public static void assertNodeSupportedWithoutOptimizer(ReactShadowNode node) {
   }
 
   public NativeViewHierarchyOptimizer(
-      UIViewOperationQueue uiViewOperationQueue,
-      ShadowNodeRegistry shadowNodeRegistry) {
+      UIViewOperationQueue uiViewOperationQueue, ShadowNodeRegistry shadowNodeRegistry) {
     mUIViewOperationQueue = uiViewOperationQueue;
     mShadowNodeRegistry = shadowNodeRegistry;
   }
 
-  /**
-   * Handles a createView call. May or may not actually create a native view.
-   */
+  /** Handles a createView call. May or may not actually create a native view. */
   public void handleCreateView(
       ReactShadowNode node,
       ThemedReactContext themedContext,
@@ -91,42 +85,32 @@ public void handleCreateView(
       assertNodeSupportedWithoutOptimizer(node);
       int tag = node.getReactTag();
       mUIViewOperationQueue.enqueueCreateView(
-          themedContext,
-          tag,
-          node.getViewClass(),
-          initialProps);
+          themedContext, tag, node.getViewClass(), initialProps);
       return;
     }
 
-    boolean isLayoutOnly = node.getViewClass().equals(ViewProps.VIEW_CLASS_NAME) &&
-        isLayoutOnlyAndCollapsable(initialProps);
+    boolean isLayoutOnly =
+        node.getViewClass().equals(ViewProps.VIEW_CLASS_NAME)
+            && isLayoutOnlyAndCollapsable(initialProps);
     node.setIsLayoutOnly(isLayoutOnly);
 
     if (node.getNativeKind() != NativeKind.NONE) {
       mUIViewOperationQueue.enqueueCreateView(
-          themedContext,
-          node.getReactTag(),
-          node.getViewClass(),
-          initialProps);
+          themedContext, node.getReactTag(), node.getViewClass(), initialProps);
     }
   }
 
-  /**
-   * Handles native children cleanup when css node is removed from hierarchy
-   */
+  /** Handles native children cleanup when css node is removed from hierarchy */
   public static void handleRemoveNode(ReactShadowNode node) {
     node.removeAllNativeChildren();
   }
 
   /**
    * Handles an updateView call. If a view transitions from being layout-only to not (or vice-versa)
-   * this could result in some number of additional createView and manageChildren calls. If the
-   * view is layout only, no updateView call will be dispatched to the native hierarchy.
+   * this could result in some number of additional createView and manageChildren calls. If the view
+   * is layout only, no updateView call will be dispatched to the native hierarchy.
    */
-  public void handleUpdateView(
-      ReactShadowNode node,
-      String className,
-      ReactStylesDiffMap props) {
+  public void handleUpdateView(ReactShadowNode node, String className, ReactStylesDiffMap props) {
     if (!ENABLED) {
       assertNodeSupportedWithoutOptimizer(node);
       mUIViewOperationQueue.enqueueUpdateProperties(node.getReactTag(), className, props);
@@ -145,11 +129,11 @@ public void handleUpdateView(
    * Handles a manageChildren call. This may translate into multiple manageChildren calls for
    * multiple other views.
    *
-   * NB: the assumption for calling this method is that all corresponding ReactShadowNodes have
-   * been updated **but tagsToDelete have NOT been deleted yet**. This is because we need to use
-   * the metadata from those nodes to figure out the correct commands to dispatch. This is unlike
-   * all other calls on this class where we assume all operations on the shadow hierarchy have
-   * already completed by the time a corresponding method here is called.
+   * <p>NB: the assumption for calling this method is that all corresponding ReactShadowNodes have
+   * been updated **but tagsToDelete have NOT been deleted yet**. This is because we need to use the
+   * metadata from those nodes to figure out the correct commands to dispatch. This is unlike all
+   * other calls on this class where we assume all operations on the shadow hierarchy have already
+   * completed by the time a corresponding method here is called.
    */
   public void handleManageChildren(
       ReactShadowNode nodeToManage,
@@ -161,11 +145,7 @@ public void handleManageChildren(
     if (!ENABLED) {
       assertNodeSupportedWithoutOptimizer(nodeToManage);
       mUIViewOperationQueue.enqueueManageChildren(
-          nodeToManage.getReactTag(),
-          indicesToRemove,
-          viewsToAdd,
-          tagsToDelete,
-          indicesToDelete);
+          nodeToManage.getReactTag(), indicesToRemove, viewsToAdd, tagsToDelete, indicesToDelete);
       return;
     }
 
@@ -193,18 +173,13 @@ public void handleManageChildren(
   }
 
   /**
-   * Handles a setChildren call.  This is a simplification of handleManagerChildren that only adds
+   * Handles a setChildren call. This is a simplification of handleManagerChildren that only adds
    * children in index order of the childrenTags array
    */
-  public void handleSetChildren(
-    ReactShadowNode nodeToManage,
-    ReadableArray childrenTags
-  ) {
+  public void handleSetChildren(ReactShadowNode nodeToManage, ReadableArray childrenTags) {
     if (!ENABLED) {
       assertNodeSupportedWithoutOptimizer(nodeToManage);
-      mUIViewOperationQueue.enqueueSetChildren(
-        nodeToManage.getReactTag(),
-        childrenTags);
+      mUIViewOperationQueue.enqueueSetChildren(nodeToManage.getReactTag(), childrenTags);
       return;
     }
 
@@ -215,9 +190,9 @@ public void handleSetChildren(
   }
 
   /**
-   * Handles an updateLayout call. All updateLayout calls are collected and dispatched at the end
-   * of a batch because updateLayout calls to layout-only nodes can necessitate multiple
-   * updateLayout calls for all its children.
+   * Handles an updateLayout call. All updateLayout calls are collected and dispatched at the end of
+   * a batch because updateLayout calls to layout-only nodes can necessitate multiple updateLayout
+   * calls for all its children.
    */
   public void handleUpdateLayout(ReactShadowNode node) {
     if (!ENABLED) {
@@ -250,17 +225,17 @@ public void onBatchComplete() {
   }
 
   private NodeIndexPair walkUpUntilNativeKindIsParent(
-      ReactShadowNode node,
-      int indexInNativeChildren) {
+      ReactShadowNode node, int indexInNativeChildren) {
     while (node.getNativeKind() != NativeKind.PARENT) {
       ReactShadowNode parent = node.getParent();
       if (parent == null) {
         return null;
       }
 
-      indexInNativeChildren = indexInNativeChildren +
-          (node.getNativeKind() == NativeKind.LEAF ? 1 : 0) +
-          parent.getNativeOffsetForChild(node);
+      indexInNativeChildren =
+          indexInNativeChildren
+              + (node.getNativeKind() == NativeKind.LEAF ? 1 : 0)
+              + parent.getNativeOffsetForChild(node);
       node = parent;
     }
 
@@ -314,16 +289,11 @@ private void removeNodeFromParent(ReactShadowNode nodeToRemove, boolean shouldDe
   }
 
   private void addNonNativeChild(
-      ReactShadowNode nativeParent,
-      ReactShadowNode nonNativeChild,
-      int index) {
+      ReactShadowNode nativeParent, ReactShadowNode nonNativeChild, int index) {
     addGrandchildren(nativeParent, nonNativeChild, index);
   }
 
-  private void addNativeChild(
-      ReactShadowNode parent,
-      ReactShadowNode child,
-      int index) {
+  private void addNativeChild(ReactShadowNode parent, ReactShadowNode child, int index) {
     parent.addNativeChildAt(child, index);
     mUIViewOperationQueue.enqueueManageChildren(
         parent.getReactTag(),
@@ -337,10 +307,7 @@ private void addNativeChild(
     }
   }
 
-  private void addGrandchildren(
-      ReactShadowNode nativeParent,
-      ReactShadowNode child,
-      int index) {
+  private void addGrandchildren(ReactShadowNode nativeParent, ReactShadowNode child, int index) {
     Assertions.assertCondition(child.getNativeKind() != NativeKind.PARENT);
 
     // `child` can't hold native children. Add all of `child`'s children to `parent`.
@@ -425,8 +392,7 @@ private void applyLayoutRecursive(ReactShadowNode toUpdate, int x, int y) {
   }
 
   private void transitionLayoutOnlyViewToNativeView(
-      ReactShadowNode node,
-      @Nullable ReactStylesDiffMap props) {
+      ReactShadowNode node, @Nullable ReactStylesDiffMap props) {
     ReactShadowNode parent = node.getParent();
     if (parent == null) {
       node.setIsLayoutOnly(false);
@@ -444,10 +410,7 @@ private void transitionLayoutOnlyViewToNativeView(
 
     // Create the view since it doesn't exist in the native hierarchy yet
     mUIViewOperationQueue.enqueueCreateView(
-        node.getThemedContext(),
-        node.getReactTag(),
-        node.getViewClass(),
-        props);
+        node.getThemedContext(), node.getReactTag(), node.getViewClass(), props);
 
     // Add the node and all its children as if we are adding a new nodes
     parent.addChildAt(node, childIndex);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/NoSuchNativeViewException.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/NoSuchNativeViewException.java
index 22e13d6717b388..e5df832edcf4d2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/NoSuchNativeViewException.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/NoSuchNativeViewException.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 /**
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/OnLayoutEvent.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/OnLayoutEvent.java
index 459d3407b4428a..6d16c0e948cb36 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/OnLayoutEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/OnLayoutEvent.java
@@ -1,22 +1,18 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.core.util.Pools;
-
 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;
 
-/**
- * Event used to notify JS component about changes of its position or dimensions
- */
+/** Event used to notify JS component about changes of its position or dimensions */
 public class OnLayoutEvent extends Event<OnLayoutEvent> {
 
   private static final Pools.SynchronizedPool<OnLayoutEvent> EVENTS_POOL =
@@ -38,8 +34,7 @@ public void onDispose() {
     EVENTS_POOL.release(this);
   }
 
-  private OnLayoutEvent() {
-  }
+  private OnLayoutEvent() {}
 
   protected void init(int viewTag, int x, int y, int width, int height) {
     super.init(viewTag);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/PixelUtil.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/PixelUtil.java
index c5765bc24489d5..0821a26a6668e5 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/PixelUtil.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/PixelUtil.java
@@ -1,54 +1,39 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.util.DisplayMetrics;
 import android.util.TypedValue;
 
-/**
- * Android dp to pixel manipulation
- */
+/** Android dp to pixel manipulation */
 public class PixelUtil {
 
-  /**
-   * Convert from DIP to PX
-   */
+  /** Convert from DIP to PX */
   public static float toPixelFromDIP(float value) {
     return TypedValue.applyDimension(
-        TypedValue.COMPLEX_UNIT_DIP,
-        value,
-        DisplayMetricsHolder.getWindowDisplayMetrics());
+        TypedValue.COMPLEX_UNIT_DIP, value, DisplayMetricsHolder.getWindowDisplayMetrics());
   }
 
-  /**
-   * Convert from DIP to PX
-   */
+  /** Convert from DIP to PX */
   public static float toPixelFromDIP(double value) {
     return toPixelFromDIP((float) value);
   }
 
-  /**
-   * Convert from PX to SP
-   */
+  /** Convert from PX to SP */
   public static float toSPFromPixel(float value) {
     return value / DisplayMetricsHolder.getScreenDisplayMetrics().scaledDensity;
   }
 
-  /**
-   * Convert from SP to PX
-   */
+  /** Convert from SP to PX */
   public static float toPixelFromSP(float value) {
     return toPixelFromSP(value, Float.NaN);
   }
 
-  /**
-   * Convert from SP to PX
-   */
+  /** Convert from SP to PX */
   public static float toPixelFromSP(float value, float maxFontScale) {
     DisplayMetrics displayMetrics = DisplayMetricsHolder.getWindowDisplayMetrics();
     float scaledDensity = displayMetrics.scaledDensity;
@@ -60,25 +45,18 @@ public static float toPixelFromSP(float value, float maxFontScale) {
     return value * scaledDensity;
   }
 
-  /**
-   * Convert from SP to PX
-   */
+  /** Convert from SP to PX */
   public static float toPixelFromSP(double value) {
     return toPixelFromSP((float) value);
   }
 
-  /**
-   * Convert from PX to DP
-   */
+  /** Convert from PX to DP */
   public static float toDIPFromPixel(float value) {
     return value / DisplayMetricsHolder.getWindowDisplayMetrics().density;
   }
 
-  /**
-   * @return {@link float} that represents the density of the display metrics for device screen.
-   */
+  /** @return {@link float} that represents the density of the display metrics for device screen. */
   public static float getDisplayMetricDensity() {
     return DisplayMetricsHolder.getScreenDisplayMetrics().density;
   }
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/PointerEvents.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/PointerEvents.java
index 0be5d8f6ee3ed4..98d193758b60d1 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/PointerEvents.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/PointerEvents.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 /**
@@ -13,24 +12,16 @@
  */
 public enum PointerEvents {
 
-  /**
-   * Neither the container nor its children receive events.
-   */
+  /** Neither the container nor its children receive events. */
   NONE,
 
-  /**
-   * Container doesn't get events but all of its children do.
-   */
+  /** Container doesn't get events but all of its children do. */
   BOX_NONE,
 
-  /**
-   * Container gets events but none of its children do.
-   */
+  /** Container gets events but none of its children do. */
   BOX_ONLY,
 
-  /**
-   * Container and all of its children receive touch events (like pointerEvents is unspecified).
-   */
+  /** Container and all of its children receive touch events (like pointerEvents is unspecified). */
   AUTO,
   ;
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactAccessibilityDelegate.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactAccessibilityDelegate.java
index 0924dacfc8e8cd..640d6d0859f73a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactAccessibilityDelegate.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactAccessibilityDelegate.java
@@ -5,63 +5,81 @@
 
 package com.facebook.react.uimanager;
 
-import android.os.Bundle;
 import android.content.Context;
-import androidx.core.view.AccessibilityDelegateCompat;
-import androidx.core.view.ViewCompat;
-import androidx.core.view.accessibility.AccessibilityNodeInfoCompat;
-import androidx.core.view.accessibility.AccessibilityNodeInfoCompat.AccessibilityActionCompat;
-import androidx.core.view.accessibility.AccessibilityNodeInfoCompat.CollectionItemInfoCompat;
+import android.os.Bundle;
 import android.text.SpannableString;
 import android.text.style.URLSpan;
+import android.util.Log;
+import android.view.View;
+import androidx.annotation.Nullable;
 import androidx.core.view.AccessibilityDelegateCompat;
 import androidx.core.view.ViewCompat;
 import androidx.core.view.accessibility.AccessibilityNodeInfoCompat;
-import androidx.core.view.accessibility.AccessibilityNodeInfoCompat.CollectionItemInfoCompat;
-import android.view.View;
-
+import androidx.core.view.accessibility.AccessibilityNodeInfoCompat.AccessibilityActionCompat;
+import com.facebook.react.R;
 import com.facebook.react.bridge.Arguments;
+import com.facebook.react.bridge.Dynamic;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.ReadableMapKeySetIterator;
+import com.facebook.react.bridge.ReadableType;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
-import com.facebook.react.R;
-
 import java.util.HashMap;
-import java.util.Locale;
-import javax.annotation.Nullable;
 
 /**
- * Utility class that handles the addition of a "role" for accessibility to
- * either a View or AccessibilityNodeInfo.
+ * Utility class that handles the addition of a "role" for accessibility to either a View or
+ * AccessibilityNodeInfo.
  */
-
 public class ReactAccessibilityDelegate extends AccessibilityDelegateCompat {
 
+  private static final String TAG = "ReactAccessibilityDelegate";
   private static int sCounter = 0x3f000000;
 
-  public static final HashMap<String, Integer> sActionIdMap= new HashMap<>();
+  public static final HashMap<String, Integer> sActionIdMap = new HashMap<>();
+
   static {
     sActionIdMap.put("activate", AccessibilityActionCompat.ACTION_CLICK.getId());
     sActionIdMap.put("longpress", AccessibilityActionCompat.ACTION_LONG_CLICK.getId());
     sActionIdMap.put("increment", AccessibilityActionCompat.ACTION_SCROLL_FORWARD.getId());
-    sActionIdMap.put("decrement", AccessibilityActionCompat.ACTION_SCROLL_BACKWARD.getId());      
+    sActionIdMap.put("decrement", AccessibilityActionCompat.ACTION_SCROLL_BACKWARD.getId());
   }
 
   /**
-   * These roles are defined by Google's TalkBack screen reader, and this list
-   * should be kept up to date with their implementation. Details can be seen in
-   * their source code here:
+   * These roles are defined by Google's TalkBack screen reader, and this list should be kept up to
+   * date with their implementation. Details can be seen in their source code here:
    *
-   * <p>
-   * https://github.com/google/talkback/blob/master/utils/src/main/java/Role.java
+   * <p>https://github.com/google/talkback/blob/master/utils/src/main/java/Role.java
    */
-
   public enum AccessibilityRole {
-    NONE, BUTTON, LINK, SEARCH, IMAGE, IMAGEBUTTON, KEYBOARDKEY, TEXT, ADJUSTABLE, SUMMARY, HEADER, ALERT, CHECKBOX,
-    COMBOBOX, MENU, MENUBAR, MENUITEM, PROGRESSBAR, RADIO, RADIOGROUP, SCROLLBAR, SPINBUTTON,
-    SWITCH, TAB, TABLIST, TIMER, TOOLBAR;
+    NONE,
+    BUTTON,
+    LINK,
+    SEARCH,
+    IMAGE,
+    IMAGEBUTTON,
+    KEYBOARDKEY,
+    TEXT,
+    ADJUSTABLE,
+    SUMMARY,
+    HEADER,
+    ALERT,
+    CHECKBOX,
+    COMBOBOX,
+    MENU,
+    MENUBAR,
+    MENUITEM,
+    PROGRESSBAR,
+    RADIO,
+    RADIOGROUP,
+    SCROLLBAR,
+    SPINBUTTON,
+    SWITCH,
+    TAB,
+    TABLIST,
+    TIMER,
+    TOOLBAR;
 
     public static String getValue(AccessibilityRole role) {
       switch (role) {
@@ -121,6 +139,12 @@ public static AccessibilityRole fromValue(@Nullable String value) {
 
   private final HashMap<Integer, String> mAccessibilityActionsMap;
 
+  // State constants for states which have analogs in AccessibilityNodeInfo
+
+  private static final String STATE_DISABLED = "disabled";
+  private static final String STATE_SELECTED = "selected";
+  private static final String STATE_CHECKED = "checked";
+
   public ReactAccessibilityDelegate() {
     super();
     mAccessibilityActionsMap = new HashMap<Integer, String>();
@@ -129,17 +153,24 @@ public ReactAccessibilityDelegate() {
   @Override
   public void onInitializeAccessibilityNodeInfo(View host, AccessibilityNodeInfoCompat info) {
     super.onInitializeAccessibilityNodeInfo(host, info);
-    final AccessibilityRole accessibilityRole = (AccessibilityRole) host.getTag(R.id.accessibility_role);
+    final AccessibilityRole accessibilityRole =
+        (AccessibilityRole) host.getTag(R.id.accessibility_role);
     if (accessibilityRole != null) {
       setRole(info, accessibilityRole, host.getContext());
     }
 
-    // states are changable.
-    final ReadableArray accessibilityStates = (ReadableArray) host.getTag(R.id.accessibility_states);
+    // states are changeable.
+    final ReadableArray accessibilityStates =
+        (ReadableArray) host.getTag(R.id.accessibility_states);
+    final ReadableMap accessibilityState = (ReadableMap) host.getTag(R.id.accessibility_state);
     if (accessibilityStates != null) {
-      setState(info, accessibilityStates, host.getContext());
+      setStates(info, accessibilityStates, host.getContext());
     }
-    final ReadableArray accessibilityActions = (ReadableArray) host.getTag(R.id.accessibility_actions);
+    if (accessibilityState != null) {
+      setState(info, accessibilityState, host.getContext());
+    }
+    final ReadableArray accessibilityActions =
+        (ReadableArray) host.getTag(R.id.accessibility_actions);
     if (accessibilityActions != null) {
       for (int i = 0; i < accessibilityActions.size(); i++) {
         final ReadableMap action = accessibilityActions.getMap(i);
@@ -154,7 +185,8 @@ public void onInitializeAccessibilityNodeInfo(View host, AccessibilityNodeInfoCo
           sCounter++;
         }
         mAccessibilityActionsMap.put(actionId, action.getString("name"));
-        final AccessibilityActionCompat accessibilityAction = new AccessibilityActionCompat(actionId, actionLabel);
+        final AccessibilityActionCompat accessibilityAction =
+            new AccessibilityActionCompat(actionId, actionLabel);
         info.addAction(accessibilityAction);
       }
     }
@@ -165,17 +197,17 @@ public boolean performAccessibilityAction(View host, int action, Bundle args) {
     if (mAccessibilityActionsMap.containsKey(action)) {
       final WritableMap event = Arguments.createMap();
       event.putString("actionName", mAccessibilityActionsMap.get(action));
-      ReactContext reactContext = (ReactContext)host.getContext();
-      reactContext.getJSModule(RCTEventEmitter.class).receiveEvent(
-          host.getId(),
-          "performAction",
-          event);
+      ReactContext reactContext = (ReactContext) host.getContext();
+      reactContext
+          .getJSModule(RCTEventEmitter.class)
+          .receiveEvent(host.getId(), "topAccessibilityAction", event);
       return true;
     }
     return super.performAccessibilityAction(host, action, args);
   }
 
-  public static void setState(AccessibilityNodeInfoCompat info, ReadableArray accessibilityStates, Context context) {
+  private static void setStates(
+      AccessibilityNodeInfoCompat info, ReadableArray accessibilityStates, Context context) {
     for (int i = 0; i < accessibilityStates.size(); i++) {
       String state = accessibilityStates.getString(i);
       switch (state) {
@@ -188,31 +220,51 @@ public static void setState(AccessibilityNodeInfoCompat info, ReadableArray acce
         case "checked":
           info.setCheckable(true);
           info.setChecked(true);
-          if (info.getClassName().equals("android.widget.Switch")) {
+          if (info.getClassName().equals(AccessibilityRole.getValue(AccessibilityRole.SWITCH))) {
             info.setText(context.getString(R.string.state_on_description));
           }
           break;
         case "unchecked":
           info.setCheckable(true);
           info.setChecked(false);
-          if (info.getClassName().equals("android.widget.Switch")) {
+          if (info.getClassName().equals(AccessibilityRole.getValue(AccessibilityRole.SWITCH))) {
             info.setText(context.getString(R.string.state_off_description));
           }
           break;
-        case "hasPopup":
-          info.setCanOpenPopup(true);
-          break;
       }
     }
   }
 
-  /**
-   * Strings for setting the Role Description in english
-   */
+  private static void setState(
+      AccessibilityNodeInfoCompat info, ReadableMap accessibilityState, Context context) {
+    Log.d(TAG, "setState " + accessibilityState);
+    final ReadableMapKeySetIterator i = accessibilityState.keySetIterator();
+    while (i.hasNextKey()) {
+      final String state = i.nextKey();
+      final Dynamic value = accessibilityState.getDynamic(state);
+      if (state.equals(STATE_SELECTED) && value.getType() == ReadableType.Boolean) {
+        info.setSelected(value.asBoolean());
+      } else if (state.equals(STATE_DISABLED) && value.getType() == ReadableType.Boolean) {
+        info.setEnabled(!value.asBoolean());
+      } else if (state.equals(STATE_CHECKED) && value.getType() == ReadableType.Boolean) {
+        final boolean boolValue = value.asBoolean();
+        info.setCheckable(true);
+        info.setChecked(boolValue);
+        if (info.getClassName().equals(AccessibilityRole.getValue(AccessibilityRole.SWITCH))) {
+          info.setText(
+              context.getString(
+                  boolValue ? R.string.state_on_description : R.string.state_off_description));
+        }
+      }
+    }
+  }
+
+  /** Strings for setting the Role Description in english */
 
   // TODO: Eventually support for other languages on talkback
 
-  public static void setRole(AccessibilityNodeInfoCompat nodeInfo, AccessibilityRole role, final Context context) {
+  public static void setRole(
+      AccessibilityNodeInfoCompat nodeInfo, AccessibilityRole role, final Context context) {
     if (role == null) {
       role = AccessibilityRole.NONE;
     }
@@ -243,7 +295,7 @@ public static void setRole(AccessibilityNodeInfoCompat nodeInfo, AccessibilityRo
     } else if (role.equals(AccessibilityRole.HEADER)) {
       nodeInfo.setRoleDescription(context.getString(R.string.header_description));
       final AccessibilityNodeInfoCompat.CollectionItemInfoCompat itemInfo =
-        AccessibilityNodeInfoCompat.CollectionItemInfoCompat.obtain(0, 1, 0, 1, true);
+          AccessibilityNodeInfoCompat.CollectionItemInfoCompat.obtain(0, 1, 0, 1, true);
       nodeInfo.setCollectionItemInfo(itemInfo);
     } else if (role.equals(AccessibilityRole.ALERT)) {
       nodeInfo.setRoleDescription(context.getString(R.string.alert_description));
@@ -279,9 +331,10 @@ public static void setDelegate(final View view) {
     // problems,
     // so leave it alone.
     if (!ViewCompat.hasAccessibilityDelegate(view)
-        && (view.getTag(R.id.accessibility_role) != null ||
-          view.getTag(R.id.accessibility_states) != null ||
-          view.getTag(R.id.accessibility_actions) != null)) {
+        && (view.getTag(R.id.accessibility_role) != null
+            || view.getTag(R.id.accessibility_states) != null
+            || view.getTag(R.id.accessibility_state) != null
+            || view.getTag(R.id.accessibility_actions) != null)) {
       ViewCompat.setAccessibilityDelegate(view, new ReactAccessibilityDelegate());
     }
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactClippingViewGroup.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactClippingViewGroup.java
index 04dd014e7c4fb7..2c4fbf2f4f19f0 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactClippingViewGroup.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactClippingViewGroup.java
@@ -1,22 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.graphics.Rect;
 import android.view.View;
 
 /**
- * Interface that should be implemented by {@link View} subclasses that support
- * {@code removeClippedSubviews} property. When this property is set for the {@link ViewGroup}
- * subclass it's responsible for detaching it's child views that are clipped by the view boundaries.
- * Those view boundaries should be determined based on it's parent clipping area and current view's
- * offset in parent and doesn't necessarily reflect the view visible area (in a sense of a value
- * that {@link View#getGlobalVisibleRect} may return). In order to determine the clipping rect for
+ * Interface that should be implemented by {@link View} subclasses that support {@code
+ * removeClippedSubviews} property. When this property is set for the {@link ViewGroup} subclass
+ * it's responsible for detaching it's child views that are clipped by the view boundaries. Those
+ * view boundaries should be determined based on it's parent clipping area and current view's offset
+ * in parent and doesn't necessarily reflect the view visible area (in a sense of a value that
+ * {@link View#getGlobalVisibleRect} may return). In order to determine the clipping rect for
  * current view helper method {@link ReactClippingViewGroupHelper#calculateClippingRect} can be used
  * that takes into account parent view settings.
  */
@@ -24,13 +23,13 @@ public interface ReactClippingViewGroup {
 
   /**
    * Notify view that clipping area may have changed and it should recalculate the list of children
-   * that should be attached/detached. This method should be called only when property
-   * {@code removeClippedSubviews} is set to {@code true} on a view.
+   * that should be attached/detached. This method should be called only when property {@code
+   * removeClippedSubviews} is set to {@code true} on a view.
    *
-   * CAUTION: Views are responsible for calling {@link #updateClippingRect} on it's children. This
-   * should happen if child implement {@link ReactClippingViewGroup}, return true from
-   * {@link #getRemoveClippedSubviews} and clipping rect change of the current view may affect
-   * clipping rect of this child.
+   * <p>CAUTION: Views are responsible for calling {@link #updateClippingRect} on it's children.
+   * This should happen if child implement {@link ReactClippingViewGroup}, return true from {@link
+   * #getRemoveClippedSubviews} and clipping rect change of the current view may affect clipping
+   * rect of this child.
    */
   void updateClippingRect();
 
@@ -46,14 +45,12 @@ public interface ReactClippingViewGroup {
    * Sets property {@code removeClippedSubviews} as a result of property update in JS. Should be
    * called only from @{link ViewManager#updateView} method.
    *
-   * Helper method {@link ReactClippingViewGroupHelper#applyRemoveClippedSubviewsProperty} may be
-   * used by {@link ViewManager} subclass to apply this property based on property update map
-   * {@link ReactStylesDiffMap}.
+   * <p>Helper method {@link ReactClippingViewGroupHelper#applyRemoveClippedSubviewsProperty} may be
+   * used by {@link ViewManager} subclass to apply this property based on property update map {@link
+   * ReactStylesDiffMap}.
    */
   void setRemoveClippedSubviews(boolean removeClippedSubviews);
 
-  /**
-   * Get the current value of {@code removeClippedSubviews} property.
-   */
+  /** Get the current value of {@code removeClippedSubviews} property. */
   boolean getRemoveClippedSubviews();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactClippingViewGroupHelper.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactClippingViewGroupHelper.java
index c5d9ab6a51a697..78e51eaa21b08c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactClippingViewGroupHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactClippingViewGroupHelper.java
@@ -1,21 +1,19 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.concurrent.NotThreadSafe;
-
 import android.graphics.Rect;
 import android.view.View;
 import android.view.ViewParent;
+import javax.annotation.concurrent.NotThreadSafe;
 
 /**
- * Provides implementation of common tasks for view and it's view manager supporting property
- * {@code removeClippedSubviews}.
+ * Provides implementation of common tasks for view and it's view manager supporting property {@code
+ * removeClippedSubviews}.
  */
 @NotThreadSafe
 public class ReactClippingViewGroupHelper {
@@ -26,8 +24,8 @@ public class ReactClippingViewGroupHelper {
 
   /**
    * Can be used by view that support {@code removeClippedSubviews} property to calculate area that
-   * given {@param view} should be clipped to based on the clipping rectangle of it's parent in
-   * case when parent is also set to clip it's children.
+   * given {@param view} should be clipped to based on the clipping rectangle of it's parent in case
+   * when parent is also set to clip it's children.
    *
    * @param view view that we want to calculate clipping rect for
    * @param outputRect where the calculated rectangle will be written
@@ -43,7 +41,8 @@ public static void calculateClippingRect(View view, Rect outputRect) {
         clippingViewGroup.getClippingRect(sHelperRect);
         // Intersect the view with the parent's rectangle
         // This will result in the overlap with coordinates in the parent space
-        if (!sHelperRect.intersect(view.getLeft(), view.getTop(), view.getRight(), view.getBottom())) {
+        if (!sHelperRect.intersect(
+            view.getLeft(), view.getTop(), view.getRight(), view.getBottom())) {
           outputRect.setEmpty();
           return;
         }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactCompoundView.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactCompoundView.java
index 5c421b481abd67..681689584fe509 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactCompoundView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactCompoundView.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -18,6 +17,7 @@ public interface ReactCompoundView {
 
   /**
    * Return react tag for touched element. Event coordinates are relative to the view
+   *
    * @param touchX the X touch coordinate relative to the view
    * @param touchY the Y touch coordinate relative to the view
    */
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactCompoundViewGroup.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactCompoundViewGroup.java
index eb6c3e53de652a..8c0e01b77add5d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactCompoundViewGroup.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactCompoundViewGroup.java
@@ -1,22 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 /**
- * This interface should be implemented be 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.
+ * This interface should be implemented be 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.
  */
 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 even is flattened into this ViewGroup. Use
+   * reactTagForTouch() to get its tag.
    */
   boolean interceptsTouchEvent(float touchX, float touchY);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactInvalidPropertyException.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactInvalidPropertyException.java
index 695225b550e3c6..53af2e1895225a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactInvalidPropertyException.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactInvalidPropertyException.java
@@ -1,16 +1,20 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 public class ReactInvalidPropertyException extends RuntimeException {
 
   public ReactInvalidPropertyException(String property, String value, String expectedValues) {
-    super("Invalid React property `" + property + "` with value `" + value +
-            "`, expected " + expectedValues);
+    super(
+        "Invalid React property `"
+            + property
+            + "` with value `"
+            + value
+            + "`, expected "
+            + expectedValues);
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactPointerEventsView.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactPointerEventsView.java
index 477ef86e36d143..e20750203250ce 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactPointerEventsView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactPointerEventsView.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -15,8 +14,6 @@
  */
 public interface ReactPointerEventsView {
 
-  /**
-   * Return the PointerEvents of the View.
-   */
+  /** Return the PointerEvents of the View. */
   PointerEvents getPointerEvents();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactRoot.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactRoot.java
index c56216ded0dec9..5c67282af493dc 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactRoot.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactRoot.java
@@ -1,50 +1,50 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.os.Bundle;
 import android.view.ViewGroup;
+import androidx.annotation.Nullable;
 import com.facebook.react.uimanager.common.UIManagerType;
-import javax.annotation.Nullable;
-
 
-/**
- * Interface for the root native view of a React native application
- */
+/** Interface for the root native view of a React native application */
 public interface ReactRoot {
 
-  /**
-   * Return cached launch properties for app
-   */
-  @Nullable Bundle getAppProperties();
-  @Nullable String getInitialUITemplate();
+  /** Return cached launch properties for app */
+  @Nullable
+  Bundle getAppProperties();
+
+  @Nullable
+  String getInitialUITemplate();
 
-  /**
-   * Fabric or Default UI Manager, see {@link UIManagerType}
-   */
-  @UIManagerType int getUIManagerType();
+  String getJSModuleName();
+
+  /** Fabric or Default UI Manager, see {@link UIManagerType} */
+  @UIManagerType
+  int getUIManagerType();
 
   int getRootViewTag();
 
   void setRootViewTag(int rootViewTag);
 
-  /**
-   * Calls into JS to start the React application.
-   */
+  /** Calls into JS to start the React application. */
   void runApplication();
 
-  /**
-   * Handler for stages {@link com.facebook.react.surface.ReactStage}
-   */
+  /** Handler for stages {@link com.facebook.react.surface.ReactStage} */
   void onStage(int stage);
 
-  /**
-   * Return native view for root
-   */
+  /** Return native view for root */
   ViewGroup getRootViewGroup();
+
+  /** @return Cached values for widthMeasureSpec and heightMeasureSpec */
+  int getWidthMeasureSpec();
+
+  int getHeightMeasureSpec();
+
+  /** Sets a flag that determines whether to log that content appeared on next view added. */
+  void setShouldLogContentAppeared(boolean shouldLogContentAppeared);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNode.java
index 50c7140466bbd6..892d2a03e83a81 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNode.java
@@ -1,11 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.yoga.YogaAlign;
 import com.facebook.yoga.YogaBaselineFunction;
 import com.facebook.yoga.YogaDirection;
@@ -18,8 +19,6 @@
 import com.facebook.yoga.YogaPositionType;
 import com.facebook.yoga.YogaValue;
 import com.facebook.yoga.YogaWrap;
-import java.util.List;
-import javax.annotation.Nullable;
 
 /**
  * Base node class for representing virtual tree of React nodes. Shadow nodes are used primarily for
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNodeImpl.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNodeImpl.java
index 47a2a7157e4735..17541223b982e4 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNodeImpl.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNodeImpl.java
@@ -1,11 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.infer.annotation.Assertions;
 import com.facebook.react.uimanager.annotations.ReactPropertyHolder;
 import com.facebook.yoga.YogaAlign;
@@ -25,7 +26,6 @@
 import com.facebook.yoga.YogaWrap;
 import java.util.ArrayList;
 import java.util.Arrays;
-import javax.annotation.Nullable;
 
 /**
  * Base node class for representing virtual tree of React nodes. Shadow nodes are used primarily for
@@ -234,7 +234,7 @@ public void addChildAt(ReactShadowNodeImpl child, int i) {
   public ReactShadowNodeImpl removeChildAt(int i) {
     if (mChildren == null) {
       throw new ArrayIndexOutOfBoundsException(
-        "Index " + i + " out of bounds: node has no children");
+          "Index " + i + " out of bounds: node has no children");
     }
     ReactShadowNodeImpl removed = mChildren.remove(i);
     removed.mParent = null;
@@ -259,7 +259,7 @@ public final int getChildCount() {
   public final ReactShadowNodeImpl getChildAt(int i) {
     if (mChildren == null) {
       throw new ArrayIndexOutOfBoundsException(
-        "Index " + i + " out of bounds: node has no children");
+          "Index " + i + " out of bounds: node has no children");
     }
     return mChildren.get(i);
   }
@@ -311,8 +311,7 @@ private void updateNativeChildrenCountInParent(int delta) {
    * require layouting (marked with {@link #dirty()}).
    */
   @Override
-  public void onBeforeLayout(NativeViewHierarchyOptimizer nativeViewHierarchyOptimizer) {
-  }
+  public void onBeforeLayout(NativeViewHierarchyOptimizer nativeViewHierarchyOptimizer) {}
 
   @Override
   public final void updateProperties(ReactStylesDiffMap props) {
@@ -371,17 +370,17 @@ public boolean dispatchUpdates(
       mScreenHeight = newScreenHeight;
 
       if (layoutHasChanged) {
-        //TODO: T26400974 ReactShadowNode should not depend on nativeViewHierarchyOptimizer
+        // TODO: T26400974 ReactShadowNode should not depend on nativeViewHierarchyOptimizer
         if (nativeViewHierarchyOptimizer != null) {
           nativeViewHierarchyOptimizer.handleUpdateLayout(this);
         } else {
           uiViewOperationQueue.enqueueUpdateLayout(
-            getParent().getReactTag(),
-            getReactTag(),
-            getScreenX(),
-            getScreenY(),
-            getScreenWidth(),
-            getScreenHeight());
+              getParent().getReactTag(),
+              getReactTag(),
+              getScreenX(),
+              getScreenY(),
+              getScreenWidth(),
+              getScreenHeight());
         }
       }
 
@@ -546,10 +545,9 @@ public final boolean isLayoutOnly() {
 
   @Override
   public NativeKind getNativeKind() {
-    return
-      isVirtual() || isLayoutOnly() ? NativeKind.NONE :
-      hoistNativeChildren() ? NativeKind.LEAF :
-      NativeKind.PARENT;
+    return isVirtual() || isLayoutOnly()
+        ? NativeKind.NONE
+        : hoistNativeChildren() ? NativeKind.LEAF : NativeKind.PARENT;
   }
 
   @Override
@@ -577,10 +575,9 @@ public boolean isDescendantOf(ReactShadowNodeImpl ancestorNode) {
 
   private int getTotalNativeNodeContributionToParent() {
     NativeKind kind = getNativeKind();
-    return
-      kind == NativeKind.NONE ? mTotalNativeChildren :
-      kind == NativeKind.LEAF ? 1 + mTotalNativeChildren :
-      1; // kind == NativeKind.PARENT
+    return kind == NativeKind.NONE
+        ? mTotalNativeChildren
+        : kind == NativeKind.LEAF ? 1 + mTotalNativeChildren : 1; // kind == NativeKind.PARENT
   }
 
   @Override
@@ -987,12 +984,24 @@ private void getHierarchyInfoWithIndentation(StringBuilder result, int level) {
       result.append("  ");
     }
 
-    result.append("<").append(getClass().getSimpleName()).append(" view='").append(getViewClass())
-      .append("' tag=").append(getReactTag());
+    result
+        .append("<")
+        .append(getClass().getSimpleName())
+        .append(" view='")
+        .append(getViewClass())
+        .append("' tag=")
+        .append(getReactTag());
     if (mYogaNode != null) {
-      result.append(" layout='x:").append(getScreenX())
-        .append(" y:").append(getScreenY()).append(" w:").append(getLayoutWidth()).append(" h:")
-        .append(getLayoutHeight()).append("'");
+      result
+          .append(" layout='x:")
+          .append(getScreenX())
+          .append(" y:")
+          .append(getScreenY())
+          .append(" w:")
+          .append(getLayoutWidth())
+          .append(" h:")
+          .append(getLayoutHeight())
+          .append("'");
     } else {
       result.append("(virtual node)");
     }
@@ -1033,9 +1042,11 @@ public Integer getHeightMeasureSpec() {
 
   @Override
   public Iterable<? extends ReactShadowNode> calculateLayoutOnChildren() {
-    return isVirtualAnchor() ?
+    return isVirtualAnchor()
+        ?
         // All of the descendants are virtual so none of them are involved in layout.
-        null :
+        null
+        :
         // Just return the children. Flexbox calculations have already been run on them.
         mChildren;
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactStylesDiffMap.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactStylesDiffMap.java
index 3f76974779bc4b..313c39f5f284fa 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactStylesDiffMap.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactStylesDiffMap.java
@@ -1,39 +1,35 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.util.HashMap;
-import java.util.Map;
-import javax.annotation.Nullable;
-
 import android.view.View;
-
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.Dynamic;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.bridge.Dynamic;
+import java.util.Map;
 
 /**
- * Wrapper for {@link ReadableMap} which should be used for styles property map. It extends
- * some of the accessor methods of {@link ReadableMap} by adding a default value property
- * such that caller is enforced to provide a default value for a style property.
+ * Wrapper for {@link ReadableMap} which should be used for styles property map. It extends some of
+ * the accessor methods of {@link ReadableMap} by adding a default value property such that caller
+ * is enforced to provide a default value for a style property.
  *
- * Instances of this class are used to update {@link View} or {@link CSSNode} style properties.
- * Since properties are generated by React framework based on what has been updated each value
- * in this map should either be interpreted as a new value set for a style property or as a "reset
- * this property to default" command in case when value is null (this is a way React communicates
- * change in which the style key that was previously present in a map has been removed).
+ * <p>Instances of this class are used to update {@link View} or {@link CSSNode} style properties.
+ * Since properties are generated by React framework based on what has been updated each value in
+ * this map should either be interpreted as a new value set for a style property or as a "reset this
+ * property to default" command in case when value is null (this is a way React communicates change
+ * in which the style key that was previously present in a map has been removed).
  *
- * NOTE: Accessor method with default value will throw an exception when the key is not present in
- * the map. Style applicator logic should verify whether the key exists in the map using
- * {@link #hasKey} before fetching the value. The motivation behind this is that in case when the
- * updated style diff map doesn't contain a certain style key it means that the corresponding view
- * property shouldn't be updated (whereas in all other cases it should be updated to the new value
- * or the property should be reset).
+ * <p>NOTE: Accessor method with default value will throw an exception when the key is not present
+ * in the map. Style applicator logic should verify whether the key exists in the map using {@link
+ * #hasKey} before fetching the value. The motivation behind this is that in case when the updated
+ * style diff map doesn't contain a certain style key it means that the corresponding view property
+ * shouldn't be updated (whereas in all other cases it should be updated to the new value or the
+ * property should be reset).
  */
 public class ReactStylesDiffMap {
 
@@ -43,7 +39,7 @@ public ReactStylesDiffMap(ReadableMap props) {
     mBackingMap = props;
   }
 
-  public Map<String, Object> toMap () {
+  public Map<String, Object> toMap() {
     return mBackingMap.toHashMap();
   }
 
@@ -64,8 +60,9 @@ public double getDouble(String name, double restoreNullToDefaultValue) {
   }
 
   public float getFloat(String name, float restoreNullToDefaultValue) {
-    return mBackingMap.isNull(name) ?
-        restoreNullToDefaultValue : (float) mBackingMap.getDouble(name);
+    return mBackingMap.isNull(name)
+        ? restoreNullToDefaultValue
+        : (float) mBackingMap.getDouble(name);
   }
 
   public int getInt(String name, int restoreNullToDefaultValue) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactYogaConfigProvider.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactYogaConfigProvider.java
index 4facdbf2a57838..75d77a23b21a17 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactYogaConfigProvider.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactYogaConfigProvider.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.yoga.YogaConfig;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactZIndexedViewGroup.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactZIndexedViewGroup.java
index fcd7adeea1949a..97176b72430d9b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactZIndexedViewGroup.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactZIndexedViewGroup.java
@@ -5,20 +5,19 @@
 
 package com.facebook.react.uimanager;
 
-/**
- * ViewGroup that supports z-index.
- */
+/** ViewGroup that supports z-index. */
 public interface ReactZIndexedViewGroup {
   /**
    * Determine the index of a child view at {@param index} considering z-index.
+   *
    * @param index The child view index
    * @return The child view index considering z-index
    */
   int getZIndexMappedChildIndex(int index);
 
   /**
-   * Redraw the view based on updated child z-index. This should be called after updating one of its child
-   * z-index.
+   * Redraw the view based on updated child z-index. This should be called after updating one of its
+   * child z-index.
    */
   void updateDrawingOrder();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/RootView.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/RootView.java
index a74ab4929274b8..c867c8770928f6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/RootView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/RootView.java
@@ -1,17 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.MotionEvent;
 
-/**
- * Interface for the root native view of a React native application.
- */
+/** Interface for the root native view of a React native application. */
 public interface RootView {
 
   /**
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/RootViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/RootViewManager.java
index a17ef7e16450dc..911fcca085b72f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/RootViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/RootViewManager.java
@@ -1,18 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.ViewGroup;
 import android.widget.FrameLayout;
 
-/**
- * View manager for ReactRootView components.
- */
+/** View manager for ReactRootView components. */
 public class RootViewManager extends ViewGroupManager<ViewGroup> {
 
   public static final String REACT_CLASS = "RootView";
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/RootViewUtil.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/RootViewUtil.java
index 7f1e023eb990c7..ea443c8a9b0acf 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/RootViewUtil.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/RootViewUtil.java
@@ -1,22 +1,18 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 android.view.ViewParent;
-
 import com.facebook.infer.annotation.Assertions;
 
 public class RootViewUtil {
 
-  /**
-   * Returns the root view of a given view in a react application.
-   */
+  /** Returns the root view of a given view in a react application. */
   public static RootView getRootView(View reactView) {
     View current = reactView;
     while (true) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ShadowNodeRegistry.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ShadowNodeRegistry.java
index 4ce41a0bb8d055..919bd678bbe07f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ShadowNodeRegistry.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ShadowNodeRegistry.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.util.SparseArray;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/SimpleViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/SimpleViewManager.java
index fd310c134e7825..2b6ff292e9a7dd 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/SimpleViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/SimpleViewManager.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -17,8 +16,8 @@
  *
  * @param <T> the view handled by this manager
  */
-public abstract class SimpleViewManager<T extends View> extends
-    BaseViewManager<T, LayoutShadowNode> {
+public abstract class SimpleViewManager<T extends View>
+    extends BaseViewManager<T, LayoutShadowNode> {
 
   @Override
   public LayoutShadowNode createShadowNodeInstance() {
@@ -31,6 +30,5 @@ public Class<LayoutShadowNode> getShadowNodeClass() {
   }
 
   @Override
-  public void updateExtraData(T root, Object extraData) {
-  }
+  public void updateExtraData(T root, Object extraData) {}
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/Spacing.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/Spacing.java
index 899139e5103952..34ab984e1b24e6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/Spacing.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/Spacing.java
@@ -1,14 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.yoga.YogaConstants;
-
 import java.util.Arrays;
 
 /**
@@ -18,24 +16,17 @@
  */
 public class Spacing {
 
-  /**
-   * Spacing type that represents the left direction. E.g. {@code marginLeft}.
-   */
+  /** Spacing type that represents the left direction. E.g. {@code marginLeft}. */
   public static final int LEFT = 0;
-  /**
-   * Spacing type that represents the top direction. E.g. {@code marginTop}.
-   */
+  /** Spacing type that represents the top direction. E.g. {@code marginTop}. */
   public static final int TOP = 1;
-  /**
-   * Spacing type that represents the right direction. E.g. {@code marginRight}.
-   */
+  /** Spacing type that represents the right direction. E.g. {@code marginRight}. */
   public static final int RIGHT = 2;
-  /**
-   * Spacing type that represents the bottom direction. E.g. {@code marginBottom}.
-   */
+  /** Spacing type that represents the bottom direction. E.g. {@code marginBottom}. */
   public static final int BOTTOM = 3;
   /**
-   * Spacing type that represents start direction e.g. left in left-to-right, right in right-to-left.
+   * Spacing type that represents start direction e.g. left in left-to-right, right in
+   * right-to-left.
    */
   public static final int START = 4;
   /**
@@ -43,8 +34,8 @@ public class Spacing {
    */
   public static final int END = 5;
   /**
-   * Spacing type that represents horizontal direction (left and right). E.g.
-   * {@code marginHorizontal}.
+   * Spacing type that represents horizontal direction (left and right). E.g. {@code
+   * marginHorizontal}.
    */
   public static final int HORIZONTAL = 6;
   /**
@@ -57,15 +48,8 @@ public class Spacing {
   public static final int ALL = 8;
 
   private static final int[] sFlagsMap = {
-    1, /*LEFT*/
-    2, /*TOP*/
-    4, /*RIGHT*/
-    8, /*BOTTOM*/
-    16, /*START*/
-    32, /*END*/
-    64, /*HORIZONTAL*/
-    128, /*VERTICAL*/
-    256, /*ALL*/
+    1, /*LEFT*/ 2, /*TOP*/ 4, /*RIGHT*/ 8, /*BOTTOM*/ 16, /*START*/ 32, /*END*/ 64, /*HORIZONTAL*/
+    128, /*VERTICAL*/ 256, /*ALL*/
   };
 
   private final float[] mSpacing;
@@ -92,11 +76,11 @@ public Spacing(Spacing original) {
   /**
    * Set a spacing value.
    *
-   * @param spacingType one of {@link #LEFT}, {@link #TOP}, {@link #RIGHT}, {@link #BOTTOM},
-   *        {@link #VERTICAL}, {@link #HORIZONTAL}, {@link #ALL}
+   * @param spacingType one of {@link #LEFT}, {@link #TOP}, {@link #RIGHT}, {@link #BOTTOM}, {@link
+   *     #VERTICAL}, {@link #HORIZONTAL}, {@link #ALL}
    * @param value the value for this direction
    * @return {@code true} if the spacing has changed, or {@code false} if the same value was already
-   *         set
+   *     set
    */
   public boolean set(int spacingType, float value) {
     if (!FloatUtil.floatsEqual(mSpacing[spacingType], value)) {
@@ -109,9 +93,9 @@ public boolean set(int spacingType, float value) {
       }
 
       mHasAliasesSet =
-          (mValueFlags & sFlagsMap[ALL]) != 0 ||
-          (mValueFlags & sFlagsMap[VERTICAL]) != 0 ||
-          (mValueFlags & sFlagsMap[HORIZONTAL]) != 0;
+          (mValueFlags & sFlagsMap[ALL]) != 0
+              || (mValueFlags & sFlagsMap[VERTICAL]) != 0
+              || (mValueFlags & sFlagsMap[HORIZONTAL]) != 0;
 
       return true;
     }
@@ -125,9 +109,8 @@ public boolean set(int spacingType, float value) {
    * @param spacingType one of {@link #LEFT}, {@link #TOP}, {@link #RIGHT}, {@link #BOTTOM}
    */
   public float get(int spacingType) {
-    float defaultValue = (spacingType == START || spacingType == END
-        ? YogaConstants.UNDEFINED
-        : mDefaultValue);
+    float defaultValue =
+        (spacingType == START || spacingType == END ? YogaConstants.UNDEFINED : mDefaultValue);
 
     if (mValueFlags == 0) {
       return defaultValue;
@@ -153,8 +136,8 @@ public float get(int spacingType) {
    * Get the raw value (that was set using {@link #set(int, float)}), without taking into account
    * any default values.
    *
-   * @param spacingType one of {@link #LEFT}, {@link #TOP}, {@link #RIGHT}, {@link #BOTTOM},
-   *        {@link #VERTICAL}, {@link #HORIZONTAL}, {@link #ALL}
+   * @param spacingType one of {@link #LEFT}, {@link #TOP}, {@link #RIGHT}, {@link #BOTTOM}, {@link
+   *     #VERTICAL}, {@link #HORIZONTAL}, {@link #ALL}
    */
   public float getRaw(int spacingType) {
     return mSpacing[spacingType];
@@ -171,28 +154,25 @@ public void reset() {
   }
 
   /**
-   * Try to get start value and fallback to given type if not defined. This is used privately
-   * by the layout engine as a more efficient way to fetch direction-aware values by
-   * avoid extra method invocations.
+   * Try to get start value and fallback to given type if not defined. This is used privately by the
+   * layout engine as a more efficient way to fetch direction-aware values by avoid extra method
+   * invocations.
    */
   float getWithFallback(int spacingType, int fallbackType) {
-    return
-        (mValueFlags & sFlagsMap[spacingType]) != 0
-            ? mSpacing[spacingType]
-            : get(fallbackType);
+    return (mValueFlags & sFlagsMap[spacingType]) != 0 ? mSpacing[spacingType] : get(fallbackType);
   }
 
   private static float[] newFullSpacingArray() {
     return new float[] {
-        YogaConstants.UNDEFINED,
-        YogaConstants.UNDEFINED,
-        YogaConstants.UNDEFINED,
-        YogaConstants.UNDEFINED,
-        YogaConstants.UNDEFINED,
-        YogaConstants.UNDEFINED,
-        YogaConstants.UNDEFINED,
-        YogaConstants.UNDEFINED,
-        YogaConstants.UNDEFINED,
+      YogaConstants.UNDEFINED,
+      YogaConstants.UNDEFINED,
+      YogaConstants.UNDEFINED,
+      YogaConstants.UNDEFINED,
+      YogaConstants.UNDEFINED,
+      YogaConstants.UNDEFINED,
+      YogaConstants.UNDEFINED,
+      YogaConstants.UNDEFINED,
+      YogaConstants.UNDEFINED,
     };
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/StateWrapper.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/StateWrapper.java
index 2f6ba96d84730d..9b469e87a665a7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/StateWrapper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/StateWrapper.java
@@ -10,20 +10,16 @@
 import com.facebook.react.bridge.WritableMap;
 
 /**
- * This is a wrapper that can be used for passing State objects from Fabric C++
- * core to platform-specific components in Java.
- * State allows you to break out of uni-directional dataflow by calling updateState,
- * which communicates state back to the C++ layer.
+ * This is a wrapper that can be used for passing State objects from Fabric C++ core to
+ * platform-specific components in Java. State allows you to break out of uni-directional dataflow
+ * by calling updateState, which communicates state back to the C++ layer.
  */
 public interface StateWrapper {
   /**
-   * Get a ReadableNativeMap object from the C++ layer, which is a K/V map of
-   * string keys to values.
+   * Get a ReadableNativeMap object from the C++ layer, which is a K/V map of string keys to values.
    */
   ReadableNativeMap getState();
 
-  /**
-   * Pass a map of values back to the C++ layer.
-   */
+  /** Pass a map of values back to the C++ layer. */
   void updateState(WritableMap map);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ThemedReactContext.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ThemedReactContext.java
index fdeb2c81208781..39ec931209533f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ThemedReactContext.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ThemedReactContext.java
@@ -1,28 +1,25 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
-
 import android.app.Activity;
 import android.content.Context;
-
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.LifecycleEventListener;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContext;
-import com.facebook.react.bridge.LifecycleEventListener;
 
 /**
- * Wraps {@link ReactContext} with the base {@link Context} passed into the constructor.
- * It provides also a way to start activities using the viewContext to which RN native views belong.
- * It delegates lifecycle listener registration to the original instance of {@link ReactContext}
- * which is supposed to receive the lifecycle events. At the same time we disallow receiving
- * lifecycle events for this wrapper instances.
- * TODO: T7538544 Rename ThemedReactContext to be in alignment with name of ReactApplicationContext
+ * Wraps {@link ReactContext} with the base {@link Context} passed into the constructor. It provides
+ * also a way to start activities using the viewContext to which RN native views belong. It
+ * delegates lifecycle listener registration to the original instance of {@link ReactContext} which
+ * is supposed to receive the lifecycle events. At the same time we disallow receiving lifecycle
+ * events for this wrapper instances. TODO: T7538544 Rename ThemedReactContext to be in alignment
+ * with name of ReactApplicationContext
  */
 public class ThemedReactContext extends ReactContext {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/TouchTargetHelper.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/TouchTargetHelper.java
index cee8c4ad7c0079..7ad30d76725fce 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/TouchTargetHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/TouchTargetHelper.java
@@ -1,28 +1,25 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
-
 import android.graphics.Matrix;
 import android.graphics.PointF;
 import android.graphics.Rect;
 import android.view.MotionEvent;
 import android.view.View;
 import android.view.ViewGroup;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.touch.ReactHitSlopView;
 
 /**
- * Class responsible for identifying which react view should handle a given {@link MotionEvent}.
- * It uses the event coordinates to traverse the view hierarchy and return a suitable view.
+ * Class responsible for identifying which react view should handle a given {@link MotionEvent}. It
+ * uses the event coordinates to traverse the view hierarchy and return a suitable view.
  */
 public class TouchTargetHelper {
 
@@ -32,25 +29,21 @@ public class TouchTargetHelper {
   private static final Matrix mInverseMatrix = new Matrix();
 
   /**
-   * Find touch event target view within the provided container given the coordinates provided
-   * via {@link MotionEvent}.
+   * Find touch event target view within the provided container given the coordinates provided via
+   * {@link MotionEvent}.
    *
    * @param eventX the X screen coordinate of the touch location
    * @param eventY the Y screen coordinate of the touch location
    * @param viewGroup the container view to traverse
    * @return the react tag ID of the child view that should handle the event
    */
-  public static int findTargetTagForTouch(
-      float eventX,
-      float eventY,
-      ViewGroup viewGroup) {
-    return findTargetTagAndCoordinatesForTouch(
-        eventX, eventY, viewGroup, mEventCoords, null);
+  public static int findTargetTagForTouch(float eventX, float eventY, ViewGroup viewGroup) {
+    return findTargetTagAndCoordinatesForTouch(eventX, eventY, viewGroup, mEventCoords, null);
   }
 
   /**
-   * Find touch event target view within the provided container given the coordinates provided
-   * via {@link MotionEvent}.
+   * Find touch event target view within the provided container given the coordinates provided via
+   * {@link MotionEvent}.
    *
    * @param eventX the X screen coordinate of the touch location
    * @param eventY the Y screen coordinate of the touch location
@@ -59,17 +52,14 @@ public static int findTargetTagForTouch(
    * @return the react tag ID of the child view that should handle the event
    */
   public static int findTargetTagForTouch(
-      float eventX,
-      float eventY,
-      ViewGroup viewGroup,
-      @Nullable int[] nativeViewId) {
+      float eventX, float eventY, ViewGroup viewGroup, @Nullable int[] nativeViewId) {
     return findTargetTagAndCoordinatesForTouch(
         eventX, eventY, viewGroup, mEventCoords, nativeViewId);
   }
 
   /**
-   * Find touch event target view within the provided container given the coordinates provided
-   * via {@link MotionEvent}.
+   * Find touch event target view within the provided container given the coordinates provided via
+   * {@link MotionEvent}.
    *
    * @param eventX the X screen coordinate of the touch location
    * @param eventY the Y screen coordinate of the touch location
@@ -110,27 +100,28 @@ private static View findClosestReactAncestor(View view) {
   }
 
   /**
-   * Returns the touch target View that is either viewGroup or one if its descendants.
-   * This is a recursive DFS since view the entire tree must be parsed until the target is found.
-   * If the search does not backtrack, it is possible to follow a branch that cannot be a target
-   * (because of pointerEvents). For example, if both C and E can be the target of an event:
-   * A (pointerEvents: auto) - B (pointerEvents: box-none) - C (pointerEvents: none)
-   *  \ D (pointerEvents: auto)  - E (pointerEvents: auto)
-   * If the search goes down the first branch, it would return A as the target, which is incorrect.
-   * NB: This modifies the eventCoords to always be relative to the current viewGroup. When the
-   * method returns, it will contain the eventCoords relative to the targetView found.
+   * Returns the touch target View that is either viewGroup or one if its descendants. This is a
+   * recursive DFS since view the entire tree must be parsed until the target is found. If the
+   * search does not backtrack, it is possible to follow a branch that cannot be a target (because
+   * of pointerEvents). For example, if both C and E can be the target of an event: A
+   * (pointerEvents: auto) - B (pointerEvents: box-none) - C (pointerEvents: none) \ D
+   * (pointerEvents: auto) - E (pointerEvents: auto) If the search goes down the first branch, it
+   * would return A as the target, which is incorrect. NB: This modifies the eventCoords to always
+   * be relative to the current viewGroup. When the method returns, it will contain the eventCoords
+   * relative to the targetView found.
    */
   private static View findTouchTargetView(float[] eventCoords, ViewGroup viewGroup) {
     int childrenCount = viewGroup.getChildCount();
     // Consider z-index when determining the touch target.
-    ReactZIndexedViewGroup zIndexedViewGroup = viewGroup instanceof ReactZIndexedViewGroup ?
-      (ReactZIndexedViewGroup) viewGroup :
-      null;
+    ReactZIndexedViewGroup zIndexedViewGroup =
+        viewGroup instanceof ReactZIndexedViewGroup ? (ReactZIndexedViewGroup) viewGroup : null;
     for (int i = childrenCount - 1; i >= 0; i--) {
-      int childIndex = zIndexedViewGroup != null ? zIndexedViewGroup.getZIndexMappedChildIndex(i) : i;
+      int childIndex =
+          zIndexedViewGroup != null ? zIndexedViewGroup.getZIndexMappedChildIndex(i) : i;
       View child = viewGroup.getChildAt(childIndex);
       PointF childPoint = mTempPoint;
-      if (isTransformedTouchPointInView(eventCoords[0], eventCoords[1], viewGroup, child, childPoint)) {
+      if (isTransformedTouchPointInView(
+          eventCoords[0], eventCoords[1], viewGroup, child, childPoint)) {
         // If it is contained within the child View, the childPoint value will contain the view
         // coordinates relative to the child
         // We need to store the existing X,Y for the viewGroup away as it is possible this child
@@ -151,16 +142,12 @@ private static View findTouchTargetView(float[] eventCoords, ViewGroup viewGroup
   }
 
   /**
-   * Returns whether the touch point is within the child View
-   * It is transform aware and will invert the transform Matrix to find the true local points
-   * This code is taken from {@link ViewGroup#isTransformedTouchPointInView()}
+   * Returns whether the touch point is within the child View It is transform aware and will invert
+   * the transform Matrix to find the true local points This code is taken from {@link
+   * ViewGroup#isTransformedTouchPointInView()}
    */
   private static boolean isTransformedTouchPointInView(
-      float x,
-      float y,
-      ViewGroup parent,
-      View child,
-      PointF outLocalPoint) {
+      float x, float y, ViewGroup parent, View child, PointF outLocalPoint) {
     float localX = x + parent.getScrollX() - child.getLeft();
     float localY = y + parent.getScrollY() - child.getTop();
     Matrix matrix = child.getMatrix();
@@ -176,8 +163,10 @@ private static boolean isTransformedTouchPointInView(
     }
     if (child instanceof ReactHitSlopView && ((ReactHitSlopView) child).getHitSlopRect() != null) {
       Rect hitSlopRect = ((ReactHitSlopView) child).getHitSlopRect();
-      if ((localX >= -hitSlopRect.left && localX < (child.getRight() - child.getLeft()) + hitSlopRect.right)
-        && (localY >= -hitSlopRect.top && localY < (child.getBottom() - child.getTop()) + hitSlopRect.bottom)) {
+      if ((localX >= -hitSlopRect.left
+              && localX < (child.getRight() - child.getLeft()) + hitSlopRect.right)
+          && (localY >= -hitSlopRect.top
+              && localY < (child.getBottom() - child.getTop()) + hitSlopRect.bottom)) {
         outLocalPoint.set(localX, localY);
         return true;
       }
@@ -185,7 +174,7 @@ private static boolean isTransformedTouchPointInView(
       return false;
     } else {
       if ((localX >= 0 && localX < (child.getRight() - child.getLeft()))
-        && (localY >= 0 && localY < (child.getBottom() - child.getTop()))) {
+          && (localY >= 0 && localY < (child.getBottom() - child.getTop()))) {
         outLocalPoint.set(localX, localY);
         return true;
       }
@@ -194,15 +183,16 @@ private static boolean isTransformedTouchPointInView(
     }
   }
 
-
   /**
    * Returns the touch target View of the event given, or null if neither the given View nor any of
    * its descendants are the touch target.
    */
   private static @Nullable View findTouchTargetViewWithPointerEvents(
       float eventCoords[], View view) {
-    PointerEvents pointerEvents = view instanceof ReactPointerEventsView ?
-        ((ReactPointerEventsView) view).getPointerEvents() : PointerEvents.AUTO;
+    PointerEvents pointerEvents =
+        view instanceof ReactPointerEventsView
+            ? ((ReactPointerEventsView) view).getPointerEvents()
+            : PointerEvents.AUTO;
 
     // Views that are disabled should never be the target of pointer events. However, their children
     // can be because some views (SwipeRefreshLayout) use enabled but still have children that can
@@ -238,7 +228,8 @@ private static boolean isTransformedTouchPointInView(
         // is both a ViewGroup and ReactCompoundView (ReactTextView is a ReactCompoundView but not a
         // ViewGroup).
         if (view instanceof ReactCompoundView) {
-          int reactTag = ((ReactCompoundView)view).reactTagForTouch(eventCoords[0], eventCoords[1]);
+          int reactTag =
+              ((ReactCompoundView) view).reactTagForTouch(eventCoords[0], eventCoords[1]);
           if (reactTag != view.getId()) {
             // make sure we exclude the View itself because of the PointerEvents.BOX_NONE
             return view;
@@ -273,5 +264,4 @@ private static int getTouchTargetForView(View targetView, float eventX, float ev
     }
     return targetView.getId();
   }
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/TransformHelper.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/TransformHelper.java
index 0dd0e2d276eed1..b2e3b64130a2c6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/TransformHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/TransformHelper.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.JSApplicationIllegalArgumentException;
@@ -18,12 +17,13 @@
  */
 public class TransformHelper {
 
-  private static ThreadLocal<double[]> sHelperMatrix = new ThreadLocal<double[]>() {
-    @Override
-    protected double[] initialValue() {
-      return new double[16];
-    }
-  };
+  private static ThreadLocal<double[]> sHelperMatrix =
+      new ThreadLocal<double[]>() {
+        @Override
+        protected double[] initialValue() {
+          return new double[16];
+        }
+      };
 
   private static double convertToRadians(ReadableMap transformMap, String key) {
     double value;
@@ -60,17 +60,11 @@ public static void processTransform(ReadableArray transforms, double[] result) {
       } else if ("perspective".equals(transformType)) {
         MatrixMathHelper.applyPerspective(helperMatrix, transform.getDouble(transformType));
       } else if ("rotateX".equals(transformType)) {
-        MatrixMathHelper.applyRotateX(
-          helperMatrix,
-          convertToRadians(transform, transformType));
+        MatrixMathHelper.applyRotateX(helperMatrix, convertToRadians(transform, transformType));
       } else if ("rotateY".equals(transformType)) {
-        MatrixMathHelper.applyRotateY(
-          helperMatrix,
-          convertToRadians(transform, transformType));
+        MatrixMathHelper.applyRotateY(helperMatrix, convertToRadians(transform, transformType));
       } else if ("rotate".equals(transformType) || "rotateZ".equals(transformType)) {
-        MatrixMathHelper.applyRotateZ(
-          helperMatrix,
-          convertToRadians(transform, transformType));
+        MatrixMathHelper.applyRotateZ(helperMatrix, convertToRadians(transform, transformType));
       } else if ("scale".equals(transformType)) {
         double scale = transform.getDouble(transformType);
         MatrixMathHelper.applyScaleX(helperMatrix, scale);
@@ -90,16 +84,12 @@ public static void processTransform(ReadableArray transforms, double[] result) {
       } else if ("translateY".equals(transformType)) {
         MatrixMathHelper.applyTranslate2D(helperMatrix, 0d, transform.getDouble(transformType));
       } else if ("skewX".equals(transformType)) {
-        MatrixMathHelper.applySkewX(
-          helperMatrix,
-          convertToRadians(transform, transformType));
+        MatrixMathHelper.applySkewX(helperMatrix, convertToRadians(transform, transformType));
       } else if ("skewY".equals(transformType)) {
-        MatrixMathHelper.applySkewY(
-          helperMatrix,
-          convertToRadians(transform, transformType));
+        MatrixMathHelper.applySkewY(helperMatrix, convertToRadians(transform, transformType));
       } else {
-        throw new JSApplicationIllegalArgumentException("Unsupported transform type: "
-          + transformType);
+        throw new JSApplicationIllegalArgumentException(
+            "Unsupported transform type: " + transformType);
       }
 
       MatrixMathHelper.multiplyInto(result, result, helperMatrix);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIBlock.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIBlock.java
index 619c793c1259a5..8f0a18e7c646ce 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIBlock.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIBlock.java
@@ -1,17 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
-
-/**
- * A task to execute on the UI View for third party libraries.
- */
+/** A task to execute on the UI View for third party libraries. */
 public interface UIBlock {
   public void execute(NativeViewHierarchyManager nativeViewHierarchyManager);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementation.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementation.java
index dfa310b76d4e26..5ddbe5c08b033e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementation.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementation.java
@@ -1,14 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.os.SystemClock;
 import android.view.View;
 import android.view.View.MeasureSpec;
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.Arguments;
@@ -27,15 +28,12 @@
 import com.facebook.yoga.YogaConstants;
 import com.facebook.yoga.YogaDirection;
 import java.util.Arrays;
-import java.util.HashSet;
 import java.util.List;
 import java.util.Map;
-import java.util.Set;
-import javax.annotation.Nullable;
 
 /**
- * A class that is used to receive React commands from JS and translate them into a
- * shadow node hierarchy that is then mapped to a native view hierarchy.
+ * A class that is used to receive React commands from JS and translate them into a shadow node
+ * hierarchy that is then mapped to a native view hierarchy.
  */
 public class UIImplementation {
   protected Object uiImplementationThreadLock = new Object();
@@ -105,9 +103,8 @@ protected UIImplementation(
     mReactContext = reactContext;
     mViewManagers = viewManagers;
     mOperationsQueue = operationsQueue;
-    mNativeViewHierarchyOptimizer = new NativeViewHierarchyOptimizer(
-        mOperationsQueue,
-        mShadowNodeRegistry);
+    mNativeViewHierarchyOptimizer =
+        new NativeViewHierarchyOptimizer(mOperationsQueue, mShadowNodeRegistry);
     mEventDispatcher = eventDispatcher;
   }
 
@@ -164,36 +161,32 @@ public void updateRootView(
    * Registers a root node with a given tag, size and ThemedReactContext and adds it to a node
    * registry.
    */
-  public <T extends View> void registerRootView(
-      T rootView, int tag, ThemedReactContext context) {
+  public <T extends View> void registerRootView(T rootView, int tag, ThemedReactContext context) {
     synchronized (uiImplementationThreadLock) {
       final ReactShadowNode rootCSSNode = createRootShadowNode();
       rootCSSNode.setReactTag(tag); // Thread safety needed here
       rootCSSNode.setThemedContext(context);
 
-      context.runOnNativeModulesQueueThread(new Runnable() {
-        @Override
-        public void run() {
-          mShadowNodeRegistry.addRootNode(rootCSSNode);
-        }
-      });
+      context.runOnNativeModulesQueueThread(
+          new Runnable() {
+            @Override
+            public void run() {
+              mShadowNodeRegistry.addRootNode(rootCSSNode);
+            }
+          });
 
       // register it within NativeViewHierarchyManager
       mOperationsQueue.addRootView(tag, rootView);
     }
   }
 
-  /**
-   * Unregisters a root node with a given tag.
-   */
+  /** Unregisters a root node with a given tag. */
   public void removeRootView(int rootViewTag) {
     removeRootShadowNode(rootViewTag);
     mOperationsQueue.enqueueRemoveRootView(rootViewTag);
   }
 
-  /**
-   * Unregisters a root node with a given tag from the shadow node registry
-   */
+  /** Unregisters a root node with a given tag from the shadow node registry */
   public void removeRootShadowNode(int rootViewTag) {
     synchronized (uiImplementationThreadLock) {
       mShadowNodeRegistry.removeRootNode(rootViewTag); // Thread safety needed here
@@ -204,15 +197,10 @@ public void removeRootShadowNode(int rootViewTag) {
    * Invoked when native view that corresponds to a root node, or acts as a root view (ie. Modals)
    * has its size changed.
    */
-  public void updateNodeSize(
-      int nodeViewTag,
-      int newWidth,
-      int newHeight) {
+  public void updateNodeSize(int nodeViewTag, int newWidth, int newHeight) {
     ReactShadowNode cssNode = mShadowNodeRegistry.getNode(nodeViewTag);
     if (cssNode == null) {
-      FLog.w(
-        ReactConstants.TAG,
-        "Tried to update size of non-existent tag: " + nodeViewTag);
+      FLog.w(ReactConstants.TAG, "Tried to update size of non-existent tag: " + nodeViewTag);
       return;
     }
     cssNode.setStyleWidth(newWidth);
@@ -225,9 +213,7 @@ public void setViewLocalData(int tag, Object data) {
     ReactShadowNode shadowNode = mShadowNodeRegistry.getNode(tag);
 
     if (shadowNode == null) {
-      FLog.w(
-        ReactConstants.TAG,
-        "Attempt to set local data for view with unknown tag: " + tag);
+      FLog.w(ReactConstants.TAG, "Attempt to set local data for view with unknown tag: " + tag);
       return;
     }
 
@@ -244,9 +230,7 @@ public Map<String, Long> getProfiledBatchPerfCounters() {
     return mOperationsQueue.getProfiledBatchPerfCounters();
   }
 
-  /**
-   * Invoked by React to create a new node with a given tag, class name and properties.
-   */
+  /** Invoked by React to create a new node with a given tag, class name and properties. */
   public void createView(int tag, String className, int rootViewTag, ReadableMap props) {
     synchronized (uiImplementationThreadLock) {
       ReactShadowNode cssNode = createShadowNode(className);
@@ -270,17 +254,13 @@ public void createView(int tag, String className, int rootViewTag, ReadableMap p
   }
 
   protected void handleCreateView(
-      ReactShadowNode cssNode,
-      int rootViewTag,
-      @Nullable ReactStylesDiffMap styles) {
+      ReactShadowNode cssNode, int rootViewTag, @Nullable ReactStylesDiffMap styles) {
     if (!cssNode.isVirtual()) {
       mNativeViewHierarchyOptimizer.handleCreateView(cssNode, cssNode.getThemedContext(), styles);
     }
   }
 
-  /**
-   * Invoked by React to create a new node with a given tag has its properties changed.
-   */
+  /** Invoked by React to create a new node with a given tag has its properties changed. */
   public void updateView(int tag, String className, ReadableMap props) {
     ViewManager viewManager = mViewManagers.get(className);
     if (viewManager == null) {
@@ -301,8 +281,8 @@ public void updateView(int tag, String className, ReadableMap props) {
   /**
    * Used by native animated module to bypass the process of updating the values through the shadow
    * view hierarchy. This method will directly update native views, which means that updates for
-   * layout-related propertied won't be handled properly.
-   * Make sure you know what you're doing before calling this method :)
+   * layout-related propertied won't be handled properly. Make sure you know what you're doing
+   * before calling this method :)
    */
   public void synchronouslyUpdateViewOnUIThread(int tag, ReactStylesDiffMap props) {
     UiThreadUtil.assertOnUiThread();
@@ -310,9 +290,7 @@ public void synchronouslyUpdateViewOnUIThread(int tag, ReactStylesDiffMap props)
   }
 
   protected void handleUpdateView(
-      ReactShadowNode cssNode,
-      String className,
-      ReactStylesDiffMap styles) {
+      ReactShadowNode cssNode, String className, ReactStylesDiffMap styles) {
     if (!cssNode.isVirtual()) {
       mNativeViewHierarchyOptimizer.handleUpdateView(cssNode, className, styles);
     }
@@ -324,7 +302,7 @@ protected void handleUpdateView(
    * @param tag react tag of the node we want to manage
    * @param indicesToRemove ordered (asc) list of indicies at which view should be removed
    * @param viewsToAdd ordered (asc based on mIndex property) list of tag-index pairs that represent
-   * a view which should be added at the specified index
+   *     a view which should be added at the specified index
    * @param tagsToDelete list of tags corresponding to views that should be removed
    */
   public void manageChildren(
@@ -362,10 +340,7 @@ public void manageChildren(
         for (int i = 0; i < numToMove; i++) {
           int moveFromIndex = moveFrom.getInt(i);
           int tagToMove = cssNodeToManage.getChildAt(moveFromIndex).getReactTag();
-          viewsToAdd[i] = new ViewAtIndex(
-            tagToMove,
-            moveTo.getInt(i)
-          );
+          viewsToAdd[i] = new ViewAtIndex(tagToMove, moveTo.getInt(i));
           indicesToRemove[i] = moveFromIndex;
           tagsToRemove[i] = tagToMove;
         }
@@ -410,8 +385,8 @@ public void manageChildren(
       for (int i = indicesToRemove.length - 1; i >= 0; i--) {
         int indexToRemove = indicesToRemove[i];
         if (indexToRemove == lastIndexRemoved) {
-          throw new IllegalViewOperationException("Repeated indices in Removal list for view tag: "
-              + viewTag);
+          throw new IllegalViewOperationException(
+              "Repeated indices in Removal list for view tag: " + viewTag);
         }
         cssNodeToManage.removeChildAt(indicesToRemove[i]); // Thread safety needed here
 
@@ -422,19 +397,19 @@ public void manageChildren(
         ViewAtIndex viewAtIndex = viewsToAdd[i];
         ReactShadowNode cssNodeToAdd = mShadowNodeRegistry.getNode(viewAtIndex.mTag);
         if (cssNodeToAdd == null) {
-          throw new IllegalViewOperationException("Trying to add unknown view tag: "
-              + viewAtIndex.mTag);
+          throw new IllegalViewOperationException(
+              "Trying to add unknown view tag: " + viewAtIndex.mTag);
         }
         cssNodeToManage.addChildAt(cssNodeToAdd, viewAtIndex.mIndex);
       }
 
       mNativeViewHierarchyOptimizer.handleManageChildren(
-        cssNodeToManage,
-        indicesToRemove,
-        tagsToRemove,
-        viewsToAdd,
-        tagsToDelete,
-        indicesToDelete);
+          cssNodeToManage,
+          indicesToRemove,
+          tagsToRemove,
+          viewsToAdd,
+          tagsToDelete,
+          indicesToDelete);
 
       for (int i = 0; i < tagsToDelete.length; i++) {
         removeShadowNode(mShadowNodeRegistry.getNode(tagsToDelete[i]));
@@ -443,30 +418,26 @@ public void manageChildren(
   }
 
   /**
-   * An optimized version of manageChildren that is used for initial setting of child views.
-   * The children are assumed to be in index order
+   * An optimized version of manageChildren that is used for initial setting of child views. The
+   * children are assumed to be in index order
    *
    * @param viewTag tag of the parent
    * @param childrenTags tags of the children
    */
-  public void setChildren(
-    int viewTag,
-    ReadableArray childrenTags) {
+  public void setChildren(int viewTag, ReadableArray childrenTags) {
     synchronized (uiImplementationThreadLock) {
       ReactShadowNode cssNodeToManage = mShadowNodeRegistry.getNode(viewTag);
 
       for (int i = 0; i < childrenTags.size(); i++) {
         ReactShadowNode cssNodeToAdd = mShadowNodeRegistry.getNode(childrenTags.getInt(i));
         if (cssNodeToAdd == null) {
-          throw new IllegalViewOperationException("Trying to add unknown view tag: "
-            + childrenTags.getInt(i));
+          throw new IllegalViewOperationException(
+              "Trying to add unknown view tag: " + childrenTags.getInt(i));
         }
         cssNodeToManage.addChildAt(cssNodeToAdd, i);
       }
 
-      mNativeViewHierarchyOptimizer.handleSetChildren(
-        cssNodeToManage,
-        childrenTags);
+      mNativeViewHierarchyOptimizer.handleSetChildren(cssNodeToManage, childrenTags);
     }
   }
 
@@ -507,8 +478,8 @@ public void replaceExistingNonRootView(int oldTag, int newTag) {
 
   /**
    * 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
+   * 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) {
@@ -527,28 +498,29 @@ public void removeSubviewsFromContainerWithID(int containerTag) {
   }
 
   /**
-   * Find the touch target child native view in  the supplied root view hierarchy, given a react
+   * Find the touch target child native view in the supplied root view hierarchy, given a react
    * target location.
    *
-   * This method is currently used only by Element Inspector DevTool.
+   * <p>This method is currently used only by Element Inspector DevTool.
    *
    * @param reactTag the tag of the root view to traverse
    * @param targetX target X location
    * @param targetY target Y location
    * @param callback will be called if with the identified child view react ID, and measurement
-   *        info. If no view was found, callback will be invoked with no data.
+   *     info. If no view was found, callback will be invoked with no data.
    */
   public void findSubviewIn(int reactTag, float targetX, float targetY, Callback callback) {
     mOperationsQueue.enqueueFindTargetForTouch(reactTag, targetX, targetY, callback);
   }
 
   /**
-   *  Check if the first shadow node is the descendant of the second shadow node
+   * Check if the first shadow node is the descendant of the second shadow node
+   *
+   * @deprecated This method will not be implemented in Fabric.
    */
+  @Deprecated
   public void viewIsDescendantOf(
-      final int reactTag,
-      final int ancestorReactTag,
-      final Callback callback) {
+      final int reactTag, final int ancestorReactTag, final Callback callback) {
     ReactShadowNode node = mShadowNodeRegistry.getNode(reactTag);
     ReactShadowNode ancestorNode = mShadowNodeRegistry.getNode(ancestorReactTag);
     if (node == null || ancestorNode == null) {
@@ -572,7 +544,7 @@ public void measure(int reactTag, Callback callback) {
 
   /**
    * Determines the location on screen, width, and height of the given view relative to the device
-   * screen and returns the values via an async callback.  This is the absolute position including
+   * screen and returns the values via an async callback. This is the absolute position including
    * things like the status bar
    */
   public void measureInWindow(int reactTag, Callback callback) {
@@ -582,14 +554,11 @@ public void measureInWindow(int reactTag, Callback callback) {
   /**
    * Measures the view specified by tag relative to the given ancestorTag. This means that the
    * returned x, y are relative to the origin x, y of the ancestor view. Results are stored in the
-   * given outputBuffer. We allow ancestor view and measured view to be the same, in which case
-   * the position always will be (0, 0) and method will only measure the view dimensions.
+   * given outputBuffer. We allow ancestor view and measured view to be the same, in which case the
+   * position always will be (0, 0) and method will only measure the view dimensions.
    */
   public void measureLayout(
-      int tag,
-      int ancestorTag,
-      Callback errorCallback,
-      Callback successCallback) {
+      int tag, int ancestorTag, Callback errorCallback, Callback successCallback) {
     try {
       measureLayout(tag, ancestorTag, mMeasureBuffer);
       float relativeX = PixelUtil.toDIPFromPixel(mMeasureBuffer[0]);
@@ -606,9 +575,7 @@ public void measureLayout(
    * Like {@link #measure} and {@link #measureLayout} but measures relative to the immediate parent.
    */
   public void measureLayoutRelativeToParent(
-      int tag,
-      Callback errorCallback,
-      Callback successCallback) {
+      int tag, Callback errorCallback, Callback successCallback) {
     try {
       measureLayoutRelativeToParent(tag, mMeasureBuffer);
       float relativeX = PixelUtil.toDIPFromPixel(mMeasureBuffer[0]);
@@ -621,15 +588,12 @@ public void measureLayoutRelativeToParent(
     }
   }
 
-  /**
-   * Invoked at the end of the transaction to commit any updates to the node hierarchy.
-   */
+  /** Invoked at the end of the transaction to commit any updates to the node hierarchy. */
   public void dispatchViewUpdates(int batchId) {
     SystraceMessage.beginSection(
-      Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
-      "UIImplementation.dispatchViewUpdates")
-      .arg("batchId", batchId)
-      .flush();
+            Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, "UIImplementation.dispatchViewUpdates")
+        .arg("batchId", batchId)
+        .flush();
     final long commitStartTime = SystemClock.uptimeMillis();
     try {
       updateViewHierarchy();
@@ -653,8 +617,7 @@ private void dispatchViewUpdatesIfNeeded() {
 
   protected void updateViewHierarchy() {
     Systrace.beginSection(
-      Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
-      "UIImplementation.updateViewHierarchy");
+        Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, "UIImplementation.updateViewHierarchy");
     try {
       for (int i = 0; i < mShadowNodeRegistry.getRootNodeCount(); i++) {
         int tag = mShadowNodeRegistry.getRootTag(i);
@@ -697,10 +660,10 @@ protected void updateViewHierarchy() {
    * LayoutAnimation API on Android is currently experimental. Therefore, it needs to be enabled
    * explicitly in order to avoid regression in existing application written for iOS using this API.
    *
-   * Warning : This method will be removed in future version of React Native, and layout animation
-   * will be enabled by default, so always check for its existence before invoking it.
+   * <p>Warning : This method will be removed in future version of React Native, and layout
+   * animation will be enabled by default, so always check for its existence before invoking it.
    *
-   * TODO(9139831) : remove this method once layout animation is fully stable.
+   * <p>TODO(9139831) : remove this method once layout animation is fully stable.
    *
    * @param enabled whether layout animation is enabled or not
    */
@@ -709,15 +672,15 @@ public void setLayoutAnimationEnabledExperimental(boolean enabled) {
   }
 
   /**
-   * Configure an animation to be used for the native layout changes, and native views
-   * creation. The animation will only apply during the current batch operations.
+   * Configure an animation to be used for the native layout changes, and native views creation. The
+   * animation will only apply during the current batch operations.
    *
-   * TODO(7728153) : animating view deletion is currently not supported.
-   * TODO(7613721) : callbacks are not supported, this feature will likely be killed.
+   * <p>TODO(7728153) : animating view deletion is currently not supported. TODO(7613721) :
+   * callbacks are not supported, this feature will likely be killed.
    *
    * @param config the configuration of the animation for view addition/removal/update.
    * @param success will be called when the animation completes, or when the animation get
-   *        interrupted. In this case, callback parameter will be false.
+   *     interrupted. In this case, callback parameter will be false.
    * @param error will be called if there was an error processing the animation
    */
   public void configureNextLayoutAnimation(ReadableMap config, Callback success) {
@@ -728,8 +691,8 @@ public void setJSResponder(int reactTag, boolean blockNativeResponder) {
     ReactShadowNode node = mShadowNodeRegistry.getNode(reactTag);
 
     if (node == null) {
-      //TODO: this should only happen when using Fabric renderer. This is a temporary approach
-      //and it will be refactored when fabric supports JS Responder.
+      // TODO: this should only happen when using Fabric renderer. This is a temporary approach
+      // and it will be refactored when fabric supports JS Responder.
       return;
     }
 
@@ -743,7 +706,15 @@ public void clearJSResponder() {
     mOperationsQueue.enqueueClearJSResponder();
   }
 
-  public void dispatchViewManagerCommand(int reactTag, int commandId, @Nullable ReadableArray commandArgs) {
+  @Deprecated
+  public void dispatchViewManagerCommand(
+      int reactTag, int commandId, @Nullable ReadableArray commandArgs) {
+    assertViewExists(reactTag, "dispatchViewManagerCommand");
+    mOperationsQueue.enqueueDispatchCommand(reactTag, commandId, commandArgs);
+  }
+
+  public void dispatchViewManagerCommand(
+      int reactTag, String commandId, @Nullable ReadableArray commandArgs) {
     assertViewExists(reactTag, "dispatchViewManagerCommand");
     mOperationsQueue.enqueueDispatchCommand(reactTag, commandId, commandArgs);
   }
@@ -752,11 +723,11 @@ public void dispatchViewManagerCommand(int reactTag, int commandId, @Nullable Re
    * Show a PopupMenu.
    *
    * @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)
+   *     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 error will be called if there is an error displaying the menu
    * @param success will be called with the position of the selected item as the first argument, or
-   *        no arguments if the menu is dismissed
+   *     no arguments if the menu is dismissed
    */
   public void showPopupMenu(int reactTag, ReadableArray items, Callback error, Callback success) {
     assertViewExists(reactTag, "showPopupMenu");
@@ -779,8 +750,7 @@ public void onHostPause() {
     mOperationsQueue.pauseFrameCallback();
   }
 
-  public void onHostDestroy() {
-  }
+  public void onHostDestroy() {}
 
   public void setViewHierarchyUpdateDebugListener(
       @Nullable NotThreadSafeViewHierarchyUpdateDebugListener listener) {
@@ -837,9 +807,7 @@ private void measureLayoutRelativeToParent(int tag, int[] outputBuffer) {
   }
 
   private void measureLayoutRelativeToVerifiedAncestor(
-      ReactShadowNode node,
-      ReactShadowNode ancestor,
-      int[] outputBuffer) {
+      ReactShadowNode node, ReactShadowNode ancestor, int[] outputBuffer) {
     int offsetX = 0;
     int offsetY = 0;
     if (node != ancestor) {
@@ -865,8 +833,12 @@ private void measureLayoutRelativeToVerifiedAncestor(
   private void assertViewExists(int reactTag, String operationNameForExceptionMessage) {
     if (mShadowNodeRegistry.getNode(reactTag) == null) {
       throw new IllegalViewOperationException(
-          "Unable to execute operation " + operationNameForExceptionMessage + " on view with " +
-              "tag: " + reactTag + ", since the view does not exists");
+          "Unable to execute operation "
+              + operationNameForExceptionMessage
+              + " on view with "
+              + "tag: "
+              + reactTag
+              + ", since the view does not exists");
     }
   }
 
@@ -876,14 +848,17 @@ private void assertNodeDoesNotNeedCustomLayoutForChildren(ReactShadowNode node)
     if (viewManager instanceof IViewManagerWithChildren) {
       viewManagerWithChildren = (IViewManagerWithChildren) viewManager;
     } else {
-      throw new IllegalViewOperationException("Trying to use view " + node.getViewClass() +
-          " as a parent, but its Manager doesn't extends ViewGroupManager");
+      throw new IllegalViewOperationException(
+          "Trying to use view "
+              + node.getViewClass()
+              + " as a parent, but its Manager doesn't extends ViewGroupManager");
     }
     if (viewManagerWithChildren != null && viewManagerWithChildren.needsCustomLayoutForChildren()) {
       throw new IllegalViewOperationException(
-          "Trying to measure a view using measureLayout/measureLayoutRelativeToParent relative to" +
-              " an ancestor that requires custom layout for it's children (" + node.getViewClass() +
-              "). Use measure instead.");
+          "Trying to measure a view using measureLayout/measureLayoutRelativeToParent relative to"
+              + " an ancestor that requires custom layout for it's children ("
+              + node.getViewClass()
+              + "). Use measure instead.");
     }
   }
 
@@ -906,22 +881,19 @@ protected void calculateRootLayout(ReactShadowNode cssRoot) {
       int widthSpec = cssRoot.getWidthMeasureSpec();
       int heightSpec = cssRoot.getHeightMeasureSpec();
       cssRoot.calculateLayout(
-        MeasureSpec.getMode(widthSpec) == MeasureSpec.UNSPECIFIED
-          ? YogaConstants.UNDEFINED
-          : MeasureSpec.getSize(widthSpec),
-        MeasureSpec.getMode(heightSpec) == MeasureSpec.UNSPECIFIED
-          ? YogaConstants.UNDEFINED
-          : MeasureSpec.getSize(heightSpec));
+          MeasureSpec.getMode(widthSpec) == MeasureSpec.UNSPECIFIED
+              ? YogaConstants.UNDEFINED
+              : MeasureSpec.getSize(widthSpec),
+          MeasureSpec.getMode(heightSpec) == MeasureSpec.UNSPECIFIED
+              ? YogaConstants.UNDEFINED
+              : MeasureSpec.getSize(heightSpec));
     } finally {
       Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
       mLastCalculateLayoutTime = SystemClock.uptimeMillis() - startTime;
     }
   }
 
-  protected void applyUpdatesRecursive(
-      ReactShadowNode cssNode,
-      float absoluteX,
-      float absoluteY) {
+  protected void applyUpdatesRecursive(ReactShadowNode cssNode, float absoluteX, float absoluteY) {
     if (!cssNode.hasUpdates()) {
       return;
     }
@@ -930,19 +902,15 @@ protected void applyUpdatesRecursive(
     if (cssChildren != null) {
       for (ReactShadowNode cssChild : cssChildren) {
         applyUpdatesRecursive(
-            cssChild,
-            absoluteX + cssNode.getLayoutX(),
-            absoluteY + cssNode.getLayoutY());
+            cssChild, absoluteX + cssNode.getLayoutX(), absoluteY + cssNode.getLayoutY());
       }
     }
 
     int tag = cssNode.getReactTag();
     if (!mShadowNodeRegistry.isRootNode(tag)) {
-      boolean frameDidChange = cssNode.dispatchUpdates(
-          absoluteX,
-          absoluteY,
-          mOperationsQueue,
-          mNativeViewHierarchyOptimizer);
+      boolean frameDidChange =
+          cssNode.dispatchUpdates(
+              absoluteX, absoluteY, mOperationsQueue, mNativeViewHierarchyOptimizer);
 
       // Notify JS about layout event if requested
       // and if the position or dimensions actually changed
@@ -979,8 +947,8 @@ public int resolveRootTagFromReactTag(int reactTag) {
       rootTag = node.getRootTag();
     } else {
       FLog.w(
-        ReactConstants.TAG,
-        "Warning : attempted to resolve a non-existent react shadow node. reactTag=" + reactTag);
+          ReactConstants.TAG,
+          "Warning : attempted to resolve a non-existent react shadow node. reactTag=" + reactTag);
     }
 
     return rootTag;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementationProvider.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementationProvider.java
index 5a6d95ce99085a..2d5442b1d6a186 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementationProvider.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementationProvider.java
@@ -1,8 +1,8 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
@@ -10,9 +10,7 @@
 import com.facebook.react.uimanager.events.EventDispatcher;
 import java.util.List;
 
-/**
- * Provides UIImplementation to use in {@link UIManagerModule}.
- */
+/** Provides UIImplementation to use in {@link UIManagerModule}. */
 @Deprecated
 public class UIImplementationProvider {
 
@@ -34,21 +32,18 @@ public UIImplementation createUIImplementation(
       EventDispatcher eventDispatcher,
       int minTimeLeftInFrameForNonBatchedOperationMs) {
     return new UIImplementation(
-        reactContext,
-        viewManagerList,
-        eventDispatcher,
-        minTimeLeftInFrameForNonBatchedOperationMs);
+        reactContext, viewManagerList, eventDispatcher, minTimeLeftInFrameForNonBatchedOperationMs);
   }
 
   UIImplementation createUIImplementation(
-    ReactApplicationContext reactContext,
-    ViewManagerRegistry viewManagerRegistry,
-    EventDispatcher eventDispatcher,
-    int minTimeLeftInFrameForNonBatchedOperationMs) {
+      ReactApplicationContext reactContext,
+      ViewManagerRegistry viewManagerRegistry,
+      EventDispatcher eventDispatcher,
+      int minTimeLeftInFrameForNonBatchedOperationMs) {
     return new UIImplementation(
-      reactContext,
-      viewManagerRegistry,
-      eventDispatcher,
-      minTimeLeftInFrameForNonBatchedOperationMs);
+        reactContext,
+        viewManagerRegistry,
+        eventDispatcher,
+        minTimeLeftInFrameForNonBatchedOperationMs);
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerHelper.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerHelper.java
index 6c4219e1e6e150..5b4d965c95a53d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerHelper.java
@@ -1,41 +1,33 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 com.facebook.react.uimanager.common.UIManagerType.FABRIC;
-import static com.facebook.react.uimanager.common.UIManagerType.DEFAULT;
 import static com.facebook.react.uimanager.common.ViewUtil.getUIManagerType;
 
 import com.facebook.react.bridge.CatalystInstance;
+import com.facebook.react.bridge.JSIModuleType;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.UIManager;
 import com.facebook.react.uimanager.common.UIManagerType;
 
-/**
- * Helper class for {@link UIManager}.
- */
+/** Helper class for {@link UIManager}. */
 public class UIManagerHelper {
 
-  /**
-   * @return a {@link UIManager} that can handle the react tag received by parameter.
-   */
+  /** @return a {@link UIManager} that can handle the react tag received by parameter. */
   public static UIManager getUIManagerForReactTag(ReactContext context, int reactTag) {
     return getUIManager(context, getUIManagerType(reactTag));
   }
 
-  /**
-   * @return a {@link UIManager} that can handle the react tag received by parameter.
-   */
+  /** @return a {@link UIManager} that can handle the react tag received by parameter. */
   public static UIManager getUIManager(ReactContext context, @UIManagerType int uiManagerType) {
     CatalystInstance catalystInstance = context.getCatalystInstance();
-    return uiManagerType == FABRIC ?
-      catalystInstance.getJSIModule(UIManager.class) :
-      catalystInstance.getNativeModule(UIManagerModule.class);
+    return uiManagerType == FABRIC
+        ? (UIManager) catalystInstance.getJSIModule(JSIModuleType.UIManager)
+        : catalystInstance.getNativeModule(UIManagerModule.class);
   }
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModule.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModule.java
index 60668e652b3e3f..1668f11d01958d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModule.java
@@ -16,12 +16,14 @@
 import android.content.res.Configuration;
 import android.media.AudioManager;
 import android.view.View;
+import androidx.annotation.Nullable;
 import androidx.collection.ArrayMap;
 import com.facebook.common.logging.FLog;
 import com.facebook.debug.holder.PrinterHolder;
 import com.facebook.debug.tags.ReactDebugOverlayTags;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.Callback;
+import com.facebook.react.bridge.Dynamic;
 import com.facebook.react.bridge.GuardedRunnable;
 import com.facebook.react.bridge.LifecycleEventListener;
 import com.facebook.react.bridge.OnBatchCompleteListener;
@@ -31,12 +33,12 @@
 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.UIManager;
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.common.ReactConstants;
-import com.facebook.react.common.annotations.VisibleForTesting;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.uimanager.common.ViewUtil;
 import com.facebook.react.uimanager.debug.NotThreadSafeViewHierarchyUpdateDebugListener;
@@ -48,7 +50,6 @@
 import java.util.Collections;
 import java.util.List;
 import java.util.Map;
-import javax.annotation.Nullable;
 
 /**
  * Native module to allow JS to create and update native Views.
@@ -241,8 +242,8 @@ public void onCatalystInstanceDestroy() {
   }
 
   /**
-   * This method is intended to reuse the {@link ViewManagerRegistry} with FabricUIManager.
-   * Do not use this method as this will be removed in the near future.
+   * This method is intended to reuse the {@link ViewManagerRegistry} with FabricUIManager. Do not
+   * use this method as this will be removed in the near future.
    */
   @Deprecated
   public ViewManagerRegistry getViewManagerRegistry_DO_NOT_USE() {
@@ -375,22 +376,22 @@ public Map<String, Long> getPerformanceCounters() {
     return mUIImplementation.getProfiledBatchPerfCounters();
   }
 
-  public <T extends View> int addRootView(
-      final T rootView) {
-        return addRootView(rootView, null, null);
-      }
+  public <T extends View> int addRootView(final T rootView) {
+    return addRootView(rootView, null, null);
+  }
 
   /**
    * Used by native animated module to bypass the process of updating the values through the shadow
    * view hierarchy. This method will directly update native views, which means that updates for
-   * layout-related propertied won't be handled properly.
-   * Make sure you know what you're doing before calling this method :)
+   * layout-related propertied won't be handled properly. Make sure you know what you're doing
+   * before calling this method :)
    */
   @Override
   public void synchronouslyUpdateViewOnUIThread(int tag, ReadableMap props) {
     int uiManagerType = ViewUtil.getUIManagerType(tag);
     if (uiManagerType == FABRIC) {
-      UIManager fabricUIManager = UIManagerHelper.getUIManager(getReactApplicationContext(), uiManagerType);
+      UIManager fabricUIManager =
+          UIManagerHelper.getUIManager(getReactApplicationContext(), uiManagerType);
       fabricUIManager.synchronouslyUpdateViewOnUIThread(tag, props);
     } else {
       mUIImplementation.synchronouslyUpdateViewOnUIThread(tag, new ReactStylesDiffMap(props));
@@ -420,6 +421,7 @@ public <T extends View> int addRootView(
     return tag;
   }
 
+  /** Unregisters a new root view. */
   @ReactMethod
   public void removeRootView(int rootViewTag) {
     mUIImplementation.removeRootView(rootViewTag);
@@ -473,7 +475,8 @@ public void updateView(int tag, String className, ReadableMap props) {
     }
     int uiManagerType = ViewUtil.getUIManagerType(tag);
     if (uiManagerType == FABRIC) {
-      UIManager fabricUIManager = UIManagerHelper.getUIManager(getReactApplicationContext(), uiManagerType);
+      UIManager fabricUIManager =
+          UIManagerHelper.getUIManager(getReactApplicationContext(), uiManagerType);
       fabricUIManager.synchronouslyUpdateViewOnUIThread(tag, props);
     } else {
       mUIImplementation.updateView(tag, className, props);
@@ -541,8 +544,11 @@ public void setChildren(int viewTag, ReadableArray 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.
    */
   @ReactMethod
+  @Deprecated
   public void replaceExistingNonRootView(int oldTag, int newTag) {
     mUIImplementation.replaceExistingNonRootView(oldTag, newTag);
   }
@@ -552,8 +558,10 @@ public void replaceExistingNonRootView(int oldTag, int newTag) {
    * 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
+   * @deprecated This method will not be available in Fabric UIManager.
    */
   @ReactMethod
+  @Deprecated
   public void removeSubviewsFromContainerWithID(int containerTag) {
     mUIImplementation.removeSubviewsFromContainerWithID(containerTag);
   }
@@ -599,8 +607,11 @@ public void measureLayout(
    * <p>NB: Unlike {@link #measure}, this will measure relative to the view layout, not the visible
    * window which can cause unexpected results when measuring relative to things like ScrollViews
    * that can have offset content on the screen.
+   *
+   * @deprecated This method will not be part of Fabric.
    */
   @ReactMethod
+  @Deprecated
   public void measureLayoutRelativeToParent(
       int tag, Callback errorCallback, Callback successCallback) {
     mUIImplementation.measureLayoutRelativeToParent(tag, errorCallback, successCallback);
@@ -627,20 +638,23 @@ public void findSubviewIn(
         callback);
   }
 
-  /** Check if the first shadow node is the descendant of the second shadow node */
+  /**
+   * Check if the first shadow node is the descendant of the second shadow node
+   *
+   * @deprecated This method will not be part of Fabric.
+   */
   @ReactMethod
+  @Deprecated
   public void viewIsDescendantOf(
       final int reactTag, final int ancestorReactTag, final Callback callback) {
     mUIImplementation.viewIsDescendantOf(reactTag, ancestorReactTag, callback);
   }
 
-  @Override
   @ReactMethod
   public void setJSResponder(int reactTag, boolean blockNativeResponder) {
     mUIImplementation.setJSResponder(reactTag, blockNativeResponder);
   }
 
-  @Override
   @ReactMethod
   public void clearJSResponder() {
     mUIImplementation.clearJSResponder();
@@ -648,19 +662,37 @@ public void clearJSResponder() {
 
   @ReactMethod
   public void dispatchViewManagerCommand(
-      int reactTag, int commandId, @Nullable ReadableArray commandArgs) {
+      int reactTag, Dynamic commandId, @Nullable ReadableArray commandArgs) {
     // TODO: this is a temporary approach to support ViewManagerCommands in Fabric until
     // the dispatchViewManagerCommand() method is supported by Fabric JS API.
-    UIManagerHelper.getUIManager(getReactApplicationContext(), ViewUtil.getUIManagerType(reactTag))
-        .dispatchCommand(reactTag, commandId, commandArgs);
+    if (commandId.getType() == ReadableType.Number) {
+      final int commandIdNum = commandId.asInt();
+      UIManagerHelper.getUIManager(
+              getReactApplicationContext(), ViewUtil.getUIManagerType(reactTag))
+          .dispatchCommand(reactTag, commandIdNum, commandArgs);
+    } else if (commandId.getType() == ReadableType.String) {
+      final String commandIdStr = commandId.asString();
+      UIManagerHelper.getUIManager(
+              getReactApplicationContext(), ViewUtil.getUIManagerType(reactTag))
+          .dispatchCommand(reactTag, commandIdStr, commandArgs);
+    }
   }
 
+  /** Deprecated, use {@link #dispatchCommand(int, String, ReadableArray)} instead. */
+  @Deprecated
   @Override
   public void dispatchCommand(int reactTag, int commandId, @Nullable ReadableArray commandArgs) {
     mUIImplementation.dispatchViewManagerCommand(reactTag, commandId, commandArgs);
   }
 
+  @Override
+  public void dispatchCommand(int reactTag, String commandId, @Nullable ReadableArray commandArgs) {
+    mUIImplementation.dispatchViewManagerCommand(reactTag, commandId, commandArgs);
+  }
+
+  /** @deprecated use {@link SoundManager#playTouchSound()} instead. */
   @ReactMethod
+  @Deprecated
   public void playTouchSound() {
     AudioManager audioManager =
         (AudioManager) getReactApplicationContext().getSystemService(Context.AUDIO_SERVICE);
@@ -862,6 +894,9 @@ public void onLowMemory() {}
 
   public View resolveView(int tag) {
     UiThreadUtil.assertOnUiThread();
-    return mUIImplementation.getUIViewOperationQueue().getNativeViewHierarchyManager().resolveView(tag);
+    return mUIImplementation
+        .getUIViewOperationQueue()
+        .getNativeViewHierarchyManager()
+        .resolveView(tag);
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModuleConstants.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModuleConstants.java
index 6ca9380ba6422b..0a42948bf7e4ac 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModuleConstants.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModuleConstants.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.accessibility.AccessibilityEvent;
@@ -13,10 +12,7 @@
 import com.facebook.react.uimanager.events.TouchEventType;
 import java.util.Map;
 
-
-/**
- * Constants exposed to JS from {@link UIManagerModule}.
- */
+/** Constants exposed to JS from {@link UIManagerModule}. */
 /* package */ class UIManagerModuleConstants {
 
   public static final String ACTION_DISMISSED = "dismissed";
@@ -38,38 +34,22 @@
             TouchEventType.getJSEventName(TouchEventType.START),
             MapBuilder.of(
                 "phasedRegistrationNames",
-                MapBuilder.of(
-                    "bubbled",
-                    "onTouchStart",
-                    "captured",
-                    "onTouchStartCapture")))
+                MapBuilder.of("bubbled", "onTouchStart", "captured", "onTouchStartCapture")))
         .put(
             TouchEventType.getJSEventName(TouchEventType.MOVE),
             MapBuilder.of(
                 "phasedRegistrationNames",
-                MapBuilder.of(
-                    "bubbled",
-                    "onTouchMove",
-                    "captured",
-                    "onTouchMoveCapture")))
+                MapBuilder.of("bubbled", "onTouchMove", "captured", "onTouchMoveCapture")))
         .put(
             TouchEventType.getJSEventName(TouchEventType.END),
             MapBuilder.of(
                 "phasedRegistrationNames",
-                MapBuilder.of(
-                    "bubbled",
-                    "onTouchEnd",
-                    "captured",
-                    "onTouchEndCapture")))
+                MapBuilder.of("bubbled", "onTouchEnd", "captured", "onTouchEndCapture")))
         .put(
             TouchEventType.getJSEventName(TouchEventType.CANCEL),
             MapBuilder.of(
                 "phasedRegistrationNames",
-                MapBuilder.of(
-                    "bubbled",
-                    "onTouchCancel",
-                    "captured",
-                    "onTouchCancelCapture")))
+                MapBuilder.of("bubbled", "onTouchCancel", "captured", "onTouchCancelCapture")))
         .build();
   }
 
@@ -125,20 +105,17 @@ public static Map<String, Object> getConstants() {
     constants.put(
         "PopupMenu",
         MapBuilder.of(
-            ACTION_DISMISSED,
-            ACTION_DISMISSED,
-            ACTION_ITEM_SELECTED,
-            ACTION_ITEM_SELECTED));
+            ACTION_DISMISSED, ACTION_DISMISSED, ACTION_ITEM_SELECTED, ACTION_ITEM_SELECTED));
 
     constants.put(
-      "AccessibilityEventTypes",
-      MapBuilder.of(
-          "typeWindowStateChanged",
-          AccessibilityEvent.TYPE_WINDOW_STATE_CHANGED,
-          "typeViewFocused",
-          AccessibilityEvent.TYPE_VIEW_FOCUSED,
-          "typeViewClicked",
-          AccessibilityEvent.TYPE_VIEW_CLICKED));
+        "AccessibilityEventTypes",
+        MapBuilder.of(
+            "typeWindowStateChanged",
+            AccessibilityEvent.TYPE_WINDOW_STATE_CHANGED,
+            "typeViewFocused",
+            AccessibilityEvent.TYPE_VIEW_FOCUSED,
+            "typeViewClicked",
+            AccessibilityEvent.TYPE_VIEW_CLICKED));
 
     return constants;
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModuleConstantsHelper.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModuleConstantsHelper.java
index 8e993c1935cfe5..e57fec1b4db012 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModuleConstantsHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModuleConstantsHelper.java
@@ -1,20 +1,19 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 com.facebook.systrace.Systrace.TRACE_TAG_REACT_JAVA_BRIDGE;
 
+import androidx.annotation.Nullable;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.config.ReactFeatureFlags;
 import com.facebook.systrace.SystraceMessage;
 import java.util.List;
 import java.util.Map;
-import javax.annotation.Nullable;
 
 /**
  * Helps generate constants map for {@link UIManagerModule} by collecting and merging constants from
@@ -28,8 +27,8 @@
   /**
    * Generates a lazy discovery enabled version of {@link UIManagerModule} constants. It only
    * contains a list of view manager names, so that JS side is aware of the managers there are.
-   * Actual ViewManager instantiation happens when
-   * {@code UIManager.getViewManagerConfig('SpecificViewManager')} call happens. The View Manager is then
+   * Actual ViewManager instantiation happens when {@code
+   * UIManager.getViewManagerConfig('SpecificViewManager')} call happens. The View Manager is then
    * registered on the JS side with the help of {@code UIManagerModule.getConstantsForViewManager}.
    */
   /* package */ static Map<String, Object> createConstants(
@@ -49,21 +48,19 @@
   }
 
   /**
-   * Generates map of constants that is then exposed by {@link UIManagerModule}.
-   * Provided list of {@param viewManagers} is then used to populate content of
-   * those predefined fields using
-   * {@link ViewManager#getExportedCustomBubblingEventTypeConstants} and
-   * {@link ViewManager#getExportedCustomDirectEventTypeConstants} respectively. Each view manager
-   * is in addition allowed to expose viewmanager-specific constants that are placed under the key
-   * that corresponds to the view manager's name (see {@link ViewManager#getName}). Constants are
-   * merged into the map of {@link UIManagerModule} base constants that is stored in
-   * {@link UIManagerModuleConstants}.
-   * TODO(6845124): Create a test for this
+   * Generates map of constants that is then exposed by {@link UIManagerModule}. Provided list of
+   * {@param viewManagers} is then used to populate content of those predefined fields using {@link
+   * ViewManager#getExportedCustomBubblingEventTypeConstants} and {@link
+   * ViewManager#getExportedCustomDirectEventTypeConstants} respectively. Each view manager is in
+   * addition allowed to expose viewmanager-specific constants that are placed under the key that
+   * corresponds to the view manager's name (see {@link ViewManager#getName}). Constants are merged
+   * into the map of {@link UIManagerModule} base constants that is stored in {@link
+   * UIManagerModuleConstants}. TODO(6845124): Create a test for this
    */
   /* package */ static Map<String, Object> createConstants(
-        List<ViewManager> viewManagers,
-        @Nullable Map<String, Object> allBubblingEventTypes,
-        @Nullable Map<String, Object> allDirectEventTypes) {
+      List<ViewManager> viewManagers,
+      @Nullable Map<String, Object> allBubblingEventTypes,
+      @Nullable Map<String, Object> allDirectEventTypes) {
     Map<String, Object> constants = UIManagerModuleConstants.getConstants();
 
     // Generic/default event types:
@@ -92,12 +89,9 @@
           .flush();
 
       try {
-        Map viewManagerConstants = createConstantsForViewManager(
-            viewManager,
-            null,
-            null,
-            allBubblingEventTypes,
-            allDirectEventTypes);
+        Map viewManagerConstants =
+            createConstantsForViewManager(
+                viewManager, null, null, allBubblingEventTypes, allDirectEventTypes);
         if (!viewManagerConstants.isEmpty()) {
           constants.put(viewManagerName, viewManagerConstants);
         }
@@ -153,9 +147,7 @@
     return viewManagerConstants;
   }
 
-  /**
-   * Merges {@param source} map into {@param dest} map recursively
-   */
+  /** Merges {@param source} map into {@param dest} map recursively */
   private static void recursiveMerge(@Nullable Map dest, @Nullable Map source) {
     if (dest == null || source == null || source.isEmpty()) {
       return;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModuleListener.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModuleListener.java
index e6d5c840016328..b2a68c59c0bb48 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModuleListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModuleListener.java
@@ -1,15 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
-/**
- * Listener used to hook into the UIManager update process.
- */
+/** Listener used to hook into the UIManager update process. */
 public interface UIManagerModuleListener {
   /**
    * Called right before view updates are dispatched at the end of a batch. This is useful if a
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIViewOperationQueue.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIViewOperationQueue.java
index cf66d2a5c50f40..abbe9c3f83f281 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIViewOperationQueue.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIViewOperationQueue.java
@@ -1,14 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.os.SystemClock;
 import android.view.View;
+import androidx.annotation.GuardedBy;
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.Callback;
 import com.facebook.react.bridge.GuardedRunnable;
@@ -27,19 +28,16 @@
 import java.util.ArrayList;
 import java.util.HashMap;
 import java.util.Map;
-import javax.annotation.Nullable;
-import javax.annotation.concurrent.GuardedBy;
 
 /**
- * This class acts as a buffer for command executed on {@link NativeViewHierarchyManager}.
- * It expose similar methods as mentioned classes but instead of executing commands
- * immediately it enqueues those operations in a queue that is then flushed from
- * {@link UIManagerModule} once JS batch of ui operations is finished. This is to make sure that we
- * execute all the JS operation coming from a single batch a single loop of the main (UI) android
- * looper.
+ * This class acts as a buffer for command executed on {@link NativeViewHierarchyManager}. It expose
+ * similar methods as mentioned classes but instead of executing commands immediately it enqueues
+ * those operations in a queue that is then flushed from {@link UIManagerModule} once JS batch of ui
+ * operations is finished. This is to make sure that we execute all the JS operation coming from a
+ * single batch a single loop of the main (UI) android looper.
  *
- * TODO(7135923): Pooling of operation objects
- * TODO(5694019): Consider a better data structure for operations queue to save on allocations
+ * <p>TODO(7135923): Pooling of operation objects TODO(5694019): Consider a better data structure
+ * for operations queue to save on allocations
  */
 public class UIViewOperationQueue {
 
@@ -47,17 +45,13 @@ public class UIViewOperationQueue {
 
   private final int[] mMeasureBuffer = new int[4];
 
-  /**
-   * A mutation or animation operation on the view hierarchy.
-   */
+  /** A mutation or animation operation on the view hierarchy. */
   public interface UIOperation {
 
     void execute();
   }
 
-  /**
-   * A spec for an operation on the native View hierarchy.
-   */
+  /** A spec for an operation on the native View hierarchy. */
   private abstract class ViewOperation implements UIOperation {
 
     public int mTag;
@@ -102,11 +96,7 @@ private final class EmitOnLayoutEventOperation extends ViewOperation {
     private final int mScreenHeight;
 
     public EmitOnLayoutEventOperation(
-        int tag,
-        int screenX,
-        int screenY,
-        int screenWidth,
-        int screenHeight) {
+        int tag, int screenX, int screenY, int screenWidth, int screenHeight) {
       super(tag);
       mScreenX = screenX;
       mScreenY = screenY;
@@ -116,14 +106,11 @@ public EmitOnLayoutEventOperation(
 
     @Override
     public void execute() {
-      mReactApplicationContext.getNativeModule(UIManagerModule.class)
-        .getEventDispatcher()
-        .dispatchEvent(OnLayoutEvent.obtain(
-          mTag,
-          mScreenX,
-          mScreenY,
-          mScreenWidth,
-          mScreenHeight));
+      mReactApplicationContext
+          .getNativeModule(UIManagerModule.class)
+          .getEventDispatcher()
+          .dispatchEvent(
+              OnLayoutEvent.obtain(mTag, mScreenX, mScreenY, mScreenWidth, mScreenHeight));
     }
   }
 
@@ -144,20 +131,14 @@ public void execute() {
 
   /**
    * Operation for updating native view's position and size. The operation is not created directly
-   * by a {@link UIManagerModule} call from JS. Instead it gets inflated using computed position
-   * and size values by CSSNodeDEPRECATED hierarchy.
+   * by a {@link UIManagerModule} call from JS. Instead it gets inflated using computed position and
+   * size values by CSSNodeDEPRECATED hierarchy.
    */
   private final class UpdateLayoutOperation extends ViewOperation {
 
     private final int mParentTag, mX, mY, mWidth, mHeight;
 
-    public UpdateLayoutOperation(
-        int parentTag,
-        int tag,
-        int x,
-        int y,
-        int width,
-        int height) {
+    public UpdateLayoutOperation(int parentTag, int tag, int x, int y, int width, int height) {
       super(tag);
       mParentTag = parentTag;
       mX = x;
@@ -195,11 +176,7 @@ public CreateViewOperation(
     @Override
     public void execute() {
       Systrace.endAsyncFlow(Systrace.TRACE_TAG_REACT_VIEW, "createView", mTag);
-      mNativeViewHierarchyManager.createView(
-          mThemedContext,
-          mTag,
-          mClassName,
-          mInitialProps);
+      mNativeViewHierarchyManager.createView(mThemedContext, mTag, mClassName, mInitialProps);
     }
   }
 
@@ -226,11 +203,7 @@ public ManageChildrenOperation(
     @Override
     public void execute() {
       mNativeViewHierarchyManager.manageChildren(
-          mTag,
-          mIndicesToRemove,
-          mViewsToAdd,
-          mTagsToDelete,
-          mIndicesToDelete);
+          mTag, mIndicesToRemove, mViewsToAdd, mTagsToDelete, mIndicesToDelete);
     }
   }
 
@@ -238,18 +211,14 @@ private final class SetChildrenOperation extends ViewOperation {
 
     private final ReadableArray mChildrenTags;
 
-    public SetChildrenOperation(
-      int tag,
-      ReadableArray childrenTags) {
+    public SetChildrenOperation(int tag, ReadableArray childrenTags) {
       super(tag);
       mChildrenTags = childrenTags;
     }
 
     @Override
     public void execute() {
-      mNativeViewHierarchyManager.setChildren(
-        mTag,
-        mChildrenTags);
+      mNativeViewHierarchyManager.setChildren(mTag, mChildrenTags);
     }
   }
 
@@ -275,10 +244,7 @@ private final class ChangeJSResponderOperation extends ViewOperation {
     private final boolean mClearResponder;
 
     public ChangeJSResponderOperation(
-        int tag,
-        int initialTag,
-        boolean clearResponder,
-        boolean blockNativeResponder) {
+        int tag, int initialTag, boolean clearResponder, boolean blockNativeResponder) {
       super(tag);
       mInitialTag = initialTag;
       mClearResponder = clearResponder;
@@ -295,6 +261,7 @@ public void execute() {
     }
   }
 
+  @Deprecated
   private final class DispatchCommandOperation extends ViewOperation {
 
     private final int mCommand;
@@ -312,17 +279,30 @@ public void execute() {
     }
   }
 
+  private final class DispatchStringCommandOperation extends ViewOperation {
+
+    private final String mCommand;
+    private final @Nullable ReadableArray mArgs;
+
+    public DispatchStringCommandOperation(int tag, String command, @Nullable ReadableArray args) {
+      super(tag);
+      mCommand = command;
+      mArgs = args;
+    }
+
+    @Override
+    public void execute() {
+      mNativeViewHierarchyManager.dispatchCommand(mTag, mCommand, mArgs);
+    }
+  }
+
   private final class ShowPopupMenuOperation extends ViewOperation {
 
     private final ReadableArray mItems;
     private final Callback mError;
     private final Callback mSuccess;
 
-    public ShowPopupMenuOperation(
-        int tag,
-        ReadableArray items,
-        Callback error,
-        Callback success) {
+    public ShowPopupMenuOperation(int tag, ReadableArray items, Callback error, Callback success) {
       super(tag);
       mItems = items;
       mError = error;
@@ -342,10 +322,8 @@ public void execute() {
     }
   }
 
-  /**
-   * A spec for animation operations (add/remove)
-   */
-  private static abstract class AnimationOperation implements UIViewOperationQueue.UIOperation {
+  /** A spec for animation operations (add/remove) */
+  private abstract static class AnimationOperation implements UIViewOperationQueue.UIOperation {
 
     protected final int mAnimationID;
 
@@ -371,7 +349,8 @@ private class ConfigureLayoutAnimationOperation implements UIOperation {
     private final ReadableMap mConfig;
     private final Callback mAnimationComplete;
 
-    private ConfigureLayoutAnimationOperation(final ReadableMap config, final Callback animationComplete) {
+    private ConfigureLayoutAnimationOperation(
+        final ReadableMap config, final Callback animationComplete) {
       mConfig = config;
       mAnimationComplete = animationComplete;
     }
@@ -387,9 +366,7 @@ private final class MeasureOperation implements UIOperation {
     private final int mReactTag;
     private final Callback mCallback;
 
-    private MeasureOperation(
-        final int reactTag,
-        final Callback callback) {
+    private MeasureOperation(final int reactTag, final Callback callback) {
       super();
       mReactTag = reactTag;
       mCallback = callback;
@@ -419,9 +396,7 @@ private final class MeasureInWindowOperation implements UIOperation {
     private final int mReactTag;
     private final Callback mCallback;
 
-    private MeasureInWindowOperation(
-        final int reactTag,
-        final Callback callback) {
+    private MeasureInWindowOperation(final int reactTag, final Callback callback) {
       super();
       mReactTag = reactTag;
       mCallback = callback;
@@ -454,10 +429,7 @@ private final class FindTargetForTouchOperation implements UIOperation {
     private final Callback mCallback;
 
     private FindTargetForTouchOperation(
-        final int reactTag,
-        final float targetX,
-        final float targetY,
-        final Callback callback) {
+        final int reactTag, final float targetX, final float targetY, final Callback callback) {
       super();
       mReactTag = reactTag;
       mTargetX = targetX;
@@ -468,9 +440,7 @@ private FindTargetForTouchOperation(
     @Override
     public void execute() {
       try {
-        mNativeViewHierarchyManager.measure(
-            mReactTag,
-            mMeasureBuffer);
+        mNativeViewHierarchyManager.measure(mReactTag, mMeasureBuffer);
       } catch (IllegalViewOperationException e) {
         mCallback.invoke();
         return;
@@ -481,15 +451,11 @@ public void execute() {
       final float containerX = (float) mMeasureBuffer[0];
       final float containerY = (float) mMeasureBuffer[1];
 
-      final int touchTargetReactTag = mNativeViewHierarchyManager.findTargetTagForTouch(
-          mReactTag,
-          mTargetX,
-          mTargetY);
+      final int touchTargetReactTag =
+          mNativeViewHierarchyManager.findTargetTagForTouch(mReactTag, mTargetX, mTargetY);
 
       try {
-        mNativeViewHierarchyManager.measure(
-            touchTargetReactTag,
-            mMeasureBuffer);
+        mNativeViewHierarchyManager.measure(touchTargetReactTag, mMeasureBuffer);
       } catch (IllegalViewOperationException e) {
         mCallback.invoke();
         return;
@@ -508,7 +474,8 @@ private final class LayoutUpdateFinishedOperation implements UIOperation {
     private final ReactShadowNode mNode;
     private final UIImplementation.LayoutUpdateListener mListener;
 
-    private LayoutUpdateFinishedOperation(ReactShadowNode node, UIImplementation.LayoutUpdateListener listener) {
+    private LayoutUpdateFinishedOperation(
+        ReactShadowNode node, UIImplementation.LayoutUpdateListener listener) {
       mNode = node;
       mListener = listener;
     }
@@ -521,7 +488,8 @@ public void execute() {
 
   private class UIBlockOperation implements UIOperation {
     private final UIBlock mBlock;
-    public UIBlockOperation (UIBlock block) {
+
+    public UIBlockOperation(UIBlock block) {
       mBlock = block;
     }
 
@@ -635,16 +603,10 @@ public void enqueueRemoveRootView(int rootViewTag) {
     mOperations.add(new RemoveRootViewOperation(rootViewTag));
   }
 
-  public void enqueueSetJSResponder(
-      int tag,
-      int initialTag,
-      boolean blockNativeResponder) {
+  public void enqueueSetJSResponder(int tag, int initialTag, boolean blockNativeResponder) {
     mOperations.add(
         new ChangeJSResponderOperation(
-            tag,
-            initialTag,
-            false /*clearResponder*/,
-            blockNativeResponder));
+            tag, initialTag, false /*clearResponder*/, blockNativeResponder));
   }
 
   public void enqueueClearJSResponder() {
@@ -652,22 +614,23 @@ public void enqueueClearJSResponder() {
     mOperations.add(new ChangeJSResponderOperation(0, 0, true /*clearResponder*/, false));
   }
 
+  @Deprecated
   public void enqueueDispatchCommand(
-      int reactTag,
-      int commandId,
-      @Nullable ReadableArray commandArgs) {
+      int reactTag, int commandId, @Nullable ReadableArray commandArgs) {
     mOperations.add(new DispatchCommandOperation(reactTag, commandId, commandArgs));
   }
 
+  public void enqueueDispatchCommand(
+      int reactTag, String commandId, @Nullable ReadableArray commandArgs) {
+    mOperations.add(new DispatchStringCommandOperation(reactTag, commandId, commandArgs));
+  }
+
   public void enqueueUpdateExtraData(int reactTag, Object extraData) {
     mOperations.add(new UpdateViewExtraData(reactTag, extraData));
   }
 
   public void enqueueShowPopupMenu(
-      int reactTag,
-      ReadableArray items,
-      Callback error,
-      Callback success) {
+      int reactTag, ReadableArray items, Callback error, Callback success) {
     mOperations.add(new ShowPopupMenuOperation(reactTag, items, error, success));
   }
 
@@ -682,11 +645,7 @@ public void enqueueCreateView(
       @Nullable ReactStylesDiffMap initialProps) {
     synchronized (mNonBatchedOperationsLock) {
       mNonBatchedOperations.addLast(
-        new CreateViewOperation(
-          themedContext,
-          viewReactTag,
-          viewClassName,
-          initialProps));
+          new CreateViewOperation(themedContext, viewReactTag, viewClassName, initialProps));
     }
   }
 
@@ -699,24 +658,14 @@ public void enqueueUpdateProperties(int reactTag, String className, ReactStylesD
   }
 
   public void enqueueOnLayoutEvent(
-    int tag,
-    int screenX,
-    int screenY,
-    int screenWidth,
-    int screenHeight) {
-    mOperations.add(new EmitOnLayoutEventOperation(tag, screenX, screenY, screenWidth, screenHeight));
+      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));
+      int parentTag, int reactTag, int x, int y, int width, int height) {
+    mOperations.add(new UpdateLayoutOperation(parentTag, reactTag, x, y, width, height));
   }
 
   public void enqueueManageChildren(
@@ -726,55 +675,42 @@ public void enqueueManageChildren(
       @Nullable int[] tagsToDelete,
       @Nullable int[] indicesToDelete) {
     mOperations.add(
-        new ManageChildrenOperation(reactTag, indicesToRemove, viewsToAdd, tagsToDelete, indicesToDelete));
+        new ManageChildrenOperation(
+            reactTag, indicesToRemove, viewsToAdd, tagsToDelete, indicesToDelete));
   }
 
-  public void enqueueSetChildren(
-    int reactTag,
-    ReadableArray childrenTags) {
-    mOperations.add(
-      new SetChildrenOperation(reactTag, childrenTags));
+  public void enqueueSetChildren(int reactTag, ReadableArray childrenTags) {
+    mOperations.add(new SetChildrenOperation(reactTag, childrenTags));
   }
 
-  public void enqueueSetLayoutAnimationEnabled(
-      final boolean enabled) {
+  public void enqueueSetLayoutAnimationEnabled(final boolean enabled) {
     mOperations.add(new SetLayoutAnimationEnabledOperation(enabled));
   }
 
   public void enqueueConfigureLayoutAnimation(
-      final ReadableMap config,
-      final Callback onAnimationComplete) {
+      final ReadableMap config, final Callback onAnimationComplete) {
     mOperations.add(new ConfigureLayoutAnimationOperation(config, onAnimationComplete));
   }
 
-  public void enqueueMeasure(
-      final int reactTag,
-      final Callback callback) {
-    mOperations.add(
-        new MeasureOperation(reactTag, callback));
+  public void enqueueMeasure(final int reactTag, final Callback callback) {
+    mOperations.add(new MeasureOperation(reactTag, callback));
   }
 
-  public void enqueueMeasureInWindow(
-      final int reactTag,
-      final Callback callback) {
-    mOperations.add(
-        new MeasureInWindowOperation(reactTag, callback));
+  public void enqueueMeasureInWindow(final int reactTag, final Callback callback) {
+    mOperations.add(new MeasureInWindowOperation(reactTag, callback));
   }
 
   public void enqueueFindTargetForTouch(
-      final int reactTag,
-      final float targetX,
-      final float targetY,
-      final Callback callback) {
-    mOperations.add(
-        new FindTargetForTouchOperation(reactTag, targetX, targetY, callback));
+      final int reactTag, final float targetX, final float targetY, final Callback callback) {
+    mOperations.add(new FindTargetForTouchOperation(reactTag, targetX, targetY, callback));
   }
 
   public void enqueueSendAccessibilityEvent(int tag, int eventType) {
     mOperations.add(new SendAccessibilityEvent(tag, eventType));
   }
 
-  public void enqueueLayoutUpdateFinished(ReactShadowNode node, UIImplementation.LayoutUpdateListener listener) {
+  public void enqueueLayoutUpdateFinished(
+      ReactShadowNode node, UIImplementation.LayoutUpdateListener listener) {
     mOperations.add(new LayoutUpdateFinishedOperation(node, listener));
   }
 
@@ -789,10 +725,9 @@ public void prependUIBlock(UIBlock block) {
   public void dispatchViewUpdates(
       final int batchId, final long commitStartTime, final long layoutTime) {
     SystraceMessage.beginSection(
-      Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
-      "UIViewOperationQueue.dispatchViewUpdates")
-      .arg("batchId", batchId)
-      .flush();
+            Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, "UIViewOperationQueue.dispatchViewUpdates")
+        .arg("batchId", batchId)
+        .flush();
     try {
       final long dispatchViewUpdatesTime = SystemClock.uptimeMillis();
       final long nativeModulesThreadCpuTime = SystemClock.currentThreadTimeMillis();
@@ -890,26 +825,27 @@ public void run() {
           };
 
       SystraceMessage.beginSection(
-        Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
-        "acquiring mDispatchRunnablesLock")
-        .arg("batchId", batchId)
-        .flush();
+              Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, "acquiring mDispatchRunnablesLock")
+          .arg("batchId", batchId)
+          .flush();
       synchronized (mDispatchRunnablesLock) {
         Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
         mDispatchUIRunnables.add(runOperations);
       }
 
-      // In the case where the frame callback isn't enqueued, the UI isn't being displayed or is being
-      // destroyed. In this case it's no longer important to align to frames, but it is important to make
+      // In the case where the frame callback isn't enqueued, the UI isn't being displayed or is
+      // being
+      // destroyed. In this case it's no longer important to align to frames, but it is important to
+      // make
       // sure any late-arriving UI commands are executed.
       if (!mIsDispatchUIFrameCallbackEnqueued) {
         UiThreadUtil.runOnUiThread(
-          new GuardedRunnable(mReactApplicationContext) {
-            @Override
-            public void runGuarded() {
-              flushPendingBatches();
-            }
-          });
+            new GuardedRunnable(mReactApplicationContext) {
+              @Override
+              public void runGuarded() {
+                flushPendingBatches();
+              }
+            });
       }
     } finally {
       Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
@@ -932,8 +868,8 @@ public void runGuarded() {
   private void flushPendingBatches() {
     if (mIsInIllegalUIState) {
       FLog.w(
-        ReactConstants.TAG,
-        "Not flushing pending UI operations because of previously thrown Exception");
+          ReactConstants.TAG,
+          "Not flushing pending UI operations because of previously thrown Exception");
       return;
     }
 
@@ -973,14 +909,14 @@ private void flushPendingBatches() {
    * directly to the UI thread from that method is to make sure our Runnables actually run before
    * the next traversals happen:
    *
-   * ViewRootImpl#scheduleTraversals (which is called from invalidate, requestLayout, etc) calls
+   * <p>ViewRootImpl#scheduleTraversals (which is called from invalidate, requestLayout, etc) calls
    * Looper#postSyncBarrier which keeps any UI thread looper messages from being processed until
    * that barrier is removed during the next traversal. That means, depending on when we get updates
    * from JS and what else is happening on the UI thread, we can sometimes try to post this runnable
    * after ViewRootImpl has posted a barrier.
    *
-   * Using a Choreographer callback (which runs immediately before traversals), we guarantee we run
-   * before the next traversal.
+   * <p>Using a Choreographer callback (which runs immediately before traversals), we guarantee we
+   * run before the next traversal.
    */
   private class DispatchUIFrameCallback extends GuardedFrameCallback {
 
@@ -997,8 +933,8 @@ private DispatchUIFrameCallback(
     public void doFrameGuarded(long frameTimeNanos) {
       if (mIsInIllegalUIState) {
         FLog.w(
-          ReactConstants.TAG,
-          "Not flushing pending UI operations because of previously thrown Exception");
+            ReactConstants.TAG,
+            "Not flushing pending UI operations because of previously thrown Exception");
         return;
       }
 
@@ -1011,8 +947,8 @@ public void doFrameGuarded(long frameTimeNanos) {
 
       flushPendingBatches();
 
-      ReactChoreographer.getInstance().postFrameCallback(
-        ReactChoreographer.CallbackType.DISPATCH_UI, this);
+      ReactChoreographer.getInstance()
+          .postFrameCallback(ReactChoreographer.CallbackType.DISPATCH_UI, this);
     }
 
     private void dispatchPendingNonBatchedOperations(long frameTimeNanos) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewAtIndex.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewAtIndex.java
index 685da777a72bd5..562f025b2d3a18 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewAtIndex.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewAtIndex.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.util.Comparator;
@@ -14,12 +13,13 @@
  * operation.
  */
 public class ViewAtIndex {
-  public static Comparator<ViewAtIndex> COMPARATOR = new Comparator<ViewAtIndex>() {
-    @Override
-    public int compare(ViewAtIndex lhs, ViewAtIndex rhs) {
-      return lhs.mIndex - rhs.mIndex;
-    }
-  };
+  public static Comparator<ViewAtIndex> COMPARATOR =
+      new Comparator<ViewAtIndex>() {
+        @Override
+        public int compare(ViewAtIndex lhs, ViewAtIndex rhs) {
+          return lhs.mIndex - rhs.mIndex;
+        }
+      };
 
   public final int mTag;
   public final int mIndex;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewDefaults.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewDefaults.java
index 5583e2e9702116..69b8216459ff40 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewDefaults.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewDefaults.java
@@ -1,15 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
-/**
- * Default property values for Views to be shared between Views and ShadowViews.
- */
+/** Default property values for Views to be shared between Views and ShadowViews. */
 public class ViewDefaults {
 
   public static final float FONT_SIZE_SP = 14.0f;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewGroupDrawingOrderHelper.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewGroupDrawingOrderHelper.java
index 457fd227b569fa..f3b4dbd083eee9 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewGroupDrawingOrderHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewGroupDrawingOrderHelper.java
@@ -1,24 +1,19 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 android.view.ViewGroup;
-
+import androidx.annotation.Nullable;
 import java.util.ArrayList;
 import java.util.Collections;
 import java.util.Comparator;
 
-import javax.annotation.Nullable;
-
-/**
- * Helper to handle implementing ViewGroups with custom drawing order based on z-index.
- */
+/** Helper to handle implementing ViewGroups with custom drawing order based on z-index. */
 public class ViewGroupDrawingOrderHelper {
   private final ViewGroup mViewGroup;
   private int mNumberOfChildrenWithZIndex = 0;
@@ -30,6 +25,7 @@ public ViewGroupDrawingOrderHelper(ViewGroup viewGroup) {
 
   /**
    * This should be called every time a view is added to the ViewGroup in {@link ViewGroup#addView}.
+   *
    * @param view The view that is being added
    */
   public void handleAddView(View view) {
@@ -41,8 +37,9 @@ public void handleAddView(View view) {
   }
 
   /**
-   * This should be called every time a view is removed from the ViewGroup in {@link ViewGroup#removeView}
-   * and {@link ViewGroup#removeViewAt}.
+   * This should be called every time a view is removed from the ViewGroup in {@link
+   * ViewGroup#removeView} and {@link ViewGroup#removeViewAt}.
+   *
    * @param view The view that is being removed.
    */
   public void handleRemoveView(View view) {
@@ -54,17 +51,17 @@ public void handleRemoveView(View view) {
   }
 
   /**
-   * If the ViewGroup should enable drawing order. ViewGroups should call
-   * {@link ViewGroup#setChildrenDrawingOrderEnabled} with the value returned from this method when
-   * a view is added or removed.
+   * If the ViewGroup should enable drawing order. ViewGroups should call {@link
+   * ViewGroup#setChildrenDrawingOrderEnabled} with the value returned from this method when a view
+   * is added or removed.
    */
   public boolean shouldEnableCustomDrawingOrder() {
     return mNumberOfChildrenWithZIndex > 0;
   }
 
   /**
-   * The index of the child view that should be drawn. This should be used in
-   * {@link ViewGroup#getChildDrawingOrder}.
+   * The index of the child view that should be drawn. This should be used in {@link
+   * ViewGroup#getChildDrawingOrder}.
    */
   public int getChildDrawingOrder(int childCount, int index) {
     if (mDrawingOrderIndices == null) {
@@ -73,22 +70,24 @@ public int getChildDrawingOrder(int childCount, int index) {
         viewsToSort.add(mViewGroup.getChildAt(i));
       }
       // Sort the views by zIndex
-      Collections.sort(viewsToSort, new Comparator<View>() {
-        @Override
-        public int compare(View view1, View view2) {
-          Integer view1ZIndex = ViewGroupManager.getViewZIndex(view1);
-          if (view1ZIndex == null) {
-            view1ZIndex = 0;
-          }
-
-          Integer view2ZIndex = ViewGroupManager.getViewZIndex(view2);
-          if (view2ZIndex == null) {
-            view2ZIndex = 0;
-          }
-
-          return view1ZIndex - view2ZIndex;
-        }
-      });
+      Collections.sort(
+          viewsToSort,
+          new Comparator<View>() {
+            @Override
+            public int compare(View view1, View view2) {
+              Integer view1ZIndex = ViewGroupManager.getViewZIndex(view1);
+              if (view1ZIndex == null) {
+                view1ZIndex = 0;
+              }
+
+              Integer view2ZIndex = ViewGroupManager.getViewZIndex(view2);
+              if (view2ZIndex == null) {
+                view2ZIndex = 0;
+              }
+
+              return view1ZIndex - view2ZIndex;
+            }
+          });
 
       mDrawingOrderIndices = new int[childCount];
       for (int i = 0; i < childCount; i++) {
@@ -99,9 +98,7 @@ public int compare(View view1, View view2) {
     return mDrawingOrderIndices[index];
   }
 
-  /**
-   * Recheck all children for z-index changes.
-   */
+  /** Recheck all children for z-index changes. */
   public void update() {
     mNumberOfChildrenWithZIndex = 0;
     for (int i = 0; i < mViewGroup.getChildCount(); i++) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewGroupManager.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewGroupManager.java
index 253c3ef0a94c15..c1bf3c0ff13cc5 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewGroupManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewGroupManager.java
@@ -1,24 +1,20 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 android.view.ViewGroup;
+import androidx.annotation.Nullable;
 import java.util.List;
 import java.util.WeakHashMap;
-import javax.annotation.Nullable;
 
-/**
- * Class providing children management API for view managers of classes extending ViewGroup.
- */
-public abstract class ViewGroupManager <T extends ViewGroup>
-    extends BaseViewManager<T, LayoutShadowNode>
-    implements IViewManagerWithChildren {
+/** Class providing children management API for view managers of classes extending ViewGroup. */
+public abstract class ViewGroupManager<T extends ViewGroup>
+    extends BaseViewManager<T, LayoutShadowNode> implements IViewManagerWithChildren {
 
   private static WeakHashMap<View, Integer> mZIndexHash = new WeakHashMap<>();
 
@@ -33,16 +29,15 @@ public Class<? extends LayoutShadowNode> getShadowNodeClass() {
   }
 
   @Override
-  public void updateExtraData(T root, Object extraData) {
-  }
+  public void updateExtraData(T root, Object extraData) {}
 
   public void addView(T parent, View child, int index) {
     parent.addView(child, index);
   }
 
   /**
-   * Convenience method for batching a set of addView calls
-   * Note that this adds the views to the beginning of the ViewGroup
+   * Convenience method for batching a set of addView calls Note that this adds the views to the
+   * beginning of the ViewGroup
    *
    * @param parent the parent ViewGroup
    * @param views the set of views to add
@@ -89,14 +84,12 @@ public void removeAllViews(T parent) {
   }
 
   /**
-   * 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 invoked. Instead onLayout will be
-   * invoked as normal and it is the View instance's responsibility to properly call layout on its
-   * children.
-   * Returns false for the default behavior of automatically laying out children without going
-   * through the ViewGroup's onLayout method. In that case, onLayout for this View type must *not*
-   * call layout on its children.
+   * 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
+   * invoked. Instead onLayout will be invoked as normal and it is the View instance's
+   * responsibility to properly call layout on its children. Returns false for the default behavior
+   * of automatically laying out children without going through the ViewGroup's onLayout method. In
+   * that case, onLayout for this View type must *not* call layout on its children.
    */
   @Override
   public boolean needsCustomLayoutForChildren() {
@@ -106,8 +99,8 @@ public boolean needsCustomLayoutForChildren() {
   /**
    * Returns whether or not this View type should promote its grandchildren as Views. This is an
    * optimization for Scrollable containers when using Nodes, where instead of having one ViewGroup
-   * containing a large number of draw commands (and thus being more expensive in the case of
-   * an invalidate or re-draw), we split them up into several draw commands.
+   * containing a large number of draw commands (and thus being more expensive in the case of an
+   * invalidate or re-draw), we split them up into several draw commands.
    */
   public boolean shouldPromoteGrandchildren() {
     return false;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewHierarchyDumper.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewHierarchyDumper.java
index 2825dd5764202d..3c3a316430ba1e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewHierarchyDumper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewHierarchyDumper.java
@@ -1,17 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 android.view.ViewGroup;
-
 import com.facebook.react.bridge.UiThreadUtil;
-
 import org.json.JSONArray;
 import org.json.JSONException;
 import org.json.JSONObject;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManager.java
index 7100f699c40e02..547260dfc41be9 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManager.java
@@ -1,20 +1,20 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.content.Context;
 import android.view.View;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.BaseJavaModule;
 import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.uimanager.StateWrapper;
+import com.facebook.react.config.ReactFeatureFlags;
 import com.facebook.react.touch.JSResponderHandler;
 import com.facebook.react.touch.ReactInterceptingViewGroup;
 import com.facebook.react.uimanager.annotations.ReactProp;
@@ -23,47 +23,63 @@
 import com.facebook.yoga.YogaMeasureMode;
 import java.util.Map;
 
-import javax.annotation.Nonnull;
-import javax.annotation.Nullable;
-
 /**
  * Class responsible for knowing how to create and update catalyst Views of a given type. It is also
- * responsible for creating and updating CSSNodeDEPRECATED subclasses used for calculating position and size
- * for the corresponding native view.
+ * responsible for creating and updating CSSNodeDEPRECATED subclasses used for calculating position
+ * and size for the corresponding native view.
  */
 @ReactPropertyHolder
 public abstract class ViewManager<T extends View, C extends ReactShadowNode>
-  extends BaseJavaModule {
+    extends BaseJavaModule {
 
   /**
-   * For the vast majority of ViewManagers, you will not need to override this. Only
-   * override this if you really know what you're doing and have a very unique use-case.
+   * For the vast majority of ViewManagers, you will not need to override this. Only override this
+   * if you really know what you're doing and have a very unique use-case.
    *
    * @param viewToUpdate
    * @param props
+   * @param stateWrapper
    */
-  public void updateProperties(@Nonnull T viewToUpdate, ReactStylesDiffMap props) {
-    ViewManagerPropertyUpdater.updateProps(this, viewToUpdate, props);
+  public void updateProperties(@NonNull T viewToUpdate, ReactStylesDiffMap props) {
+    final ViewManagerDelegate<T> delegate;
+    if (ReactFeatureFlags.useViewManagerDelegates && (delegate = getDelegate()) != null) {
+      ViewManagerPropertyUpdater.updateProps(delegate, viewToUpdate, props);
+    } else {
+      ViewManagerPropertyUpdater.updateProps(this, viewToUpdate, props);
+    }
     onAfterUpdateTransaction(viewToUpdate);
   }
 
   /**
-   * Creates a view and installs event emitters on it.
+   * Override this method and return an instance of {@link ViewManagerDelegate} if the props of the
+   * view managed by this view manager should be set via this delegate. The provided instance will
+   * then get calls to {@link ViewManagerDelegate#setProperty(View, String, Object)} for every prop
+   * that must be updated and it's the delegate's responsibility to apply these values to the view.
+   *
+   * <p>By default this method returns {@code null}, which means that the view manager doesn't have
+   * a delegate and the view props should be set internally by the view manager itself.
+   *
+   * @return an instance of {@link ViewManagerDelegate} if the props of the view managed by this
+   *     view manager should be set via this delegate
    */
-  private final @Nonnull T createView(
-      @Nonnull ThemedReactContext reactContext,
-      JSResponderHandler jsResponderHandler) {
-    return this.createViewWithProps(reactContext, null, jsResponderHandler);
+  @Nullable
+  protected ViewManagerDelegate<T> getDelegate() {
+    return null;
   }
 
-  /**
-   * Creates a view with knowledge of props.
-   */
-  public @Nonnull T createViewWithProps(
-    @Nonnull ThemedReactContext reactContext,
-    ReactStylesDiffMap props,
-    JSResponderHandler jsResponderHandler) {
-    T view = createViewInstanceWithProps(reactContext, props);
+  /** Creates a view and installs event emitters on it. */
+  private final @NonNull T createView(
+      @NonNull ThemedReactContext reactContext, JSResponderHandler jsResponderHandler) {
+    return createView(reactContext, null, null, jsResponderHandler);
+  }
+
+  /** Creates a view with knowledge of props. */
+  public @NonNull T createView(
+      @NonNull ThemedReactContext reactContext,
+      @Nullable ReactStylesDiffMap props,
+      @Nullable StateWrapper stateWrapper,
+      JSResponderHandler jsResponderHandler) {
+    T view = createViewInstance(reactContext, props, stateWrapper);
     addEventEmitters(reactContext, view);
     if (view instanceof ReactInterceptingViewGroup) {
       ((ReactInterceptingViewGroup) view).setOnInterceptTouchEventListener(jsResponderHandler);
@@ -71,12 +87,11 @@ public void updateProperties(@Nonnull T viewToUpdate, ReactStylesDiffMap props)
     return view;
   }
 
-
   /**
    * @return the name of this view manager. This will be the name used to reference this view
-   * manager from JavaScript in createReactNativeComponentClass.
+   *     manager from JavaScript in createReactNativeComponentClass.
    */
-  public abstract @Nonnull String getName();
+  public abstract @NonNull String getName();
 
   /**
    * This method should return a subclass of {@link ReactShadowNode} which will be then used for
@@ -87,7 +102,7 @@ public C createShadowNodeInstance() {
     throw new RuntimeException("ViewManager subclasses must implement createShadowNodeInstance()");
   }
 
-  public @Nonnull C createShadowNodeInstance(@Nonnull ReactApplicationContext context) {
+  public @NonNull C createShadowNodeInstance(@NonNull ReactApplicationContext context) {
     return createShadowNodeInstance();
   }
 
@@ -95,8 +110,8 @@ public C createShadowNodeInstance() {
    * This method should return {@link Class} instance that represent type of shadow node that this
    * manager will return from {@link #createShadowNodeInstance}.
    *
-   * This method will be used in the bridge initialization phase to collect properties exposed using
-   * {@link ReactProp} (or {@link ReactPropGroup}) annotation from the {@link ReactShadowNode}
+   * <p>This method will be used in the bridge initialization phase to collect properties exposed
+   * using {@link ReactProp} (or {@link ReactPropGroup}) annotation from the {@link ReactShadowNode}
    * subclass specific for native view this manager provides.
    *
    * @return {@link Class} object that represents type of shadow node used by this view manager.
@@ -105,77 +120,98 @@ public C createShadowNodeInstance() {
 
   /**
    * Subclasses should return a new View instance of the proper type.
+   *
    * @param reactContext
    */
-  protected abstract @Nonnull T createViewInstance(@Nonnull ThemedReactContext reactContext);
+  protected abstract @NonNull T createViewInstance(@NonNull ThemedReactContext reactContext);
 
   /**
-   * Subclasses should return a new View instance of the proper type.
-   * This is an optional method that will call createViewInstance for you.
-   * Override it if you need props upon creation of the view.
+   * Subclasses should return a new View instance of the proper type. This is an optional method
+   * that will call createViewInstance for you. Override it if you need props upon creation of the
+   * view.
+   *
    * @param reactContext
    */
-  protected @Nonnull T createViewInstanceWithProps(@Nonnull ThemedReactContext reactContext, ReactStylesDiffMap initialProps) {
+  protected @NonNull T createViewInstance(
+      @NonNull ThemedReactContext reactContext,
+      @Nullable ReactStylesDiffMap initialProps,
+      @Nullable StateWrapper stateWrapper) {
     T view = createViewInstance(reactContext);
     if (initialProps != null) {
       updateProperties(view, initialProps);
     }
+    if (stateWrapper != null) {
+      Object extraData = updateState(view, initialProps, stateWrapper);
+      if (extraData != null) {
+        updateExtraData(view, extraData);
+      }
+    }
     return view;
   }
 
   /**
-   * Called when view is detached from view hierarchy and allows for some additional cleanup by
-   * the {@link ViewManager} subclass.
+   * Called when view is detached from view hierarchy and allows for some additional cleanup by the
+   * {@link ViewManager} subclass.
    */
-  public void onDropViewInstance(@Nonnull T view) {
-  }
+  public void onDropViewInstance(@NonNull T view) {}
 
   /**
    * Subclasses can override this method to install custom event emitters on the given View. You
    * might want to override this method if your view needs to emit events besides basic touch events
    * to JS (e.g. scroll events).
    */
-  protected void addEventEmitters(@Nonnull ThemedReactContext reactContext, @Nonnull T view) {
-  }
+  protected void addEventEmitters(@NonNull ThemedReactContext reactContext, @NonNull T view) {}
 
   /**
    * Callback that will be triggered after all properties are updated in current update transaction
    * (all @ReactProp handlers for properties updated in current transaction have been called). If
-   * you want to override this method you should call super.onAfterUpdateTransaction from it as
-   * the parent class of the ViewManager may rely on callback being executed.
+   * you want to override this method you should call super.onAfterUpdateTransaction from it as the
+   * parent class of the ViewManager may rely on callback being executed.
    */
-  protected void onAfterUpdateTransaction(@Nonnull T view) {
-  }
+  protected void onAfterUpdateTransaction(@NonNull T view) {}
 
   /**
    * Subclasses can implement this method to receive an optional extra data enqueued from the
-   * corresponding instance of {@link ReactShadowNode} in
-   * {@link ReactShadowNode#onCollectExtraUpdates}.
+   * corresponding instance of {@link ReactShadowNode} in {@link
+   * ReactShadowNode#onCollectExtraUpdates}.
    *
-   * Since css layout step and ui updates can be executed in separate thread apart of setting
+   * <p>Since css layout step and ui updates can be executed in separate thread apart of setting
    * x/y/width/height this is the recommended and thread-safe way of passing extra data from css
    * node to the native view counterpart.
    *
-   * TODO(7247021): Replace updateExtraData with generic update props mechanism after D2086999
+   * <p>TODO T7247021: Replace updateExtraData with generic update props mechanism after D2086999
    */
-  public abstract void updateExtraData(@Nonnull T root, Object extraData);
+  public abstract void updateExtraData(@NonNull T root, Object extraData);
 
   /**
-   * Subclasses may use this method to receive events/commands directly from JS through the
-   * {@link UIManager}. Good example of such a command would be {@code scrollTo} request with
-   * coordinates for a {@link ScrollView} instance.
+   * Subclasses may use this method to receive events/commands directly from JS through the {@link
+   * UIManager}. Good example of such a command would be {@code scrollTo} request with coordinates
+   * for a {@link ScrollView} instance.
+   *
+   * <p>This method is deprecated use {@link #receiveCommand(View, String, ReadableArray)} instead.
    *
    * @param root View instance that should receive the command
    * @param commandId code of the command
    * @param args optional arguments for the command
    */
-  public void receiveCommand(@Nonnull T root, int commandId, @Nullable ReadableArray args) {
-  }
+  @Deprecated
+  public void receiveCommand(@NonNull T root, int commandId, @Nullable ReadableArray args) {}
+
+  /**
+   * Subclasses may use this method to receive events/commands directly from JS through the {@link
+   * UIManager}. Good example of such a command would be {@code scrollTo} request with coordinates
+   * for a {@link ReactScrollView} instance.
+   *
+   * @param root View instance that should receive the command
+   * @param commandId code of the command
+   * @param args optional arguments for the command
+   */
+  public void receiveCommand(@NonNull T root, String commandId, @Nullable ReadableArray args) {}
 
   /**
-   * Subclasses of {@link ViewManager} that expect to receive commands through
-   * {@link UIManagerModule#dispatchViewManagerCommand} should override this method returning the
-   * map between names of the commands and IDs that are then used in {@link #receiveCommand} method
+   * Subclasses of {@link ViewManager} that expect to receive commands through {@link
+   * UIManagerModule#dispatchViewManagerCommand} should override this method returning the map
+   * between names of the commands and IDs that are then used in {@link #receiveCommand} method
    * whenever the command is dispatched for this particular {@link ViewManager}.
    *
    * @return map of string to int mapping of the expected commands
@@ -189,7 +225,9 @@ public void receiveCommand(@Nonnull T root, int commandId, @Nullable ReadableArr
    * native views. This should return bubbling directly-dispatched event types and specify what
    * names should be used to subscribe to either form (bubbling/capturing).
    *
-   * Returned map should be of the form:
+   * <p>Returned map should be of the form:
+   *
+   * <pre>
    * {
    *   "onTwirl": {
    *     "phasedRegistrationNames": {
@@ -198,6 +236,7 @@ public void receiveCommand(@Nonnull T root, int commandId, @Nullable ReadableArr
    *     }
    *   }
    * }
+   * </pre>
    */
   public @Nullable Map<String, Object> getExportedCustomBubblingEventTypeConstants() {
     return null;
@@ -207,12 +246,15 @@ public void receiveCommand(@Nonnull T root, int commandId, @Nullable ReadableArr
    * Returns a map of config data passed to JS that defines eligible events that can be placed on
    * native views. This should return non-bubbling directly-dispatched event types.
    *
-   * Returned map should be of the form:
+   * <p>Returned map should be of the form:
+   *
+   * <pre>
    * {
    *   "onTwirl": {
    *     "registrationName": "onTwirl"
    *   }
    * }
+   * </pre>
    */
   public @Nullable Map<String, Object> getExportedCustomDirectEventTypeConstants() {
     return null;
@@ -230,15 +272,18 @@ public Map<String, String> getNativeProps() {
     return ViewManagerPropertyUpdater.getNativeProps(getClass(), getShadowNodeClass());
   }
 
-  public @Nullable Object updateLocalData( @Nonnull T view, ReactStylesDiffMap props, ReactStylesDiffMap localData) {
+  public @Nullable Object updateLocalData(
+      @NonNull T view, ReactStylesDiffMap props, ReactStylesDiffMap localData) {
     return null;
   }
 
   /**
-   * Subclasses can implement this method to receive state updates shared between all instances
-   * of this component type.
+   * Subclasses can implement this method to receive state updates shared between all instances of
+   * this component type.
    */
-  public void updateState(@Nonnull T view, StateWrapper stateWrapper) {
+  public @Nullable Object updateState(
+      @NonNull T view, ReactStylesDiffMap props, StateWrapper stateWrapper) {
+    return null;
   }
 
   public long measure(
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagerDelegate.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagerDelegate.java
new file mode 100644
index 00000000000000..6ca8c5e9b021dc
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagerDelegate.java
@@ -0,0 +1,14 @@
+package com.facebook.react.uimanager;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+
+/**
+ * This is an interface that must be implemented by classes that wish to take over the
+ * responsibility of setting properties of all views managed by the view manager.
+ *
+ * @param <T> the type of the view supported by this delegate
+ */
+public interface ViewManagerDelegate<T extends View> {
+  void setProperty(T view, String propName, @Nullable Object value);
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagerPropertyUpdater.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagerPropertyUpdater.java
index 6ab0cdb7a00c41..3431dc401ec224 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagerPropertyUpdater.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagerPropertyUpdater.java
@@ -5,18 +5,12 @@
 
 package com.facebook.react.uimanager;
 
+import android.view.View;
+import com.facebook.common.logging.FLog;
 import java.util.HashMap;
 import java.util.Iterator;
 import java.util.Map;
 
-import android.view.View;
-
-import com.facebook.common.logging.FLog;
-import com.facebook.react.bridge.Dynamic;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.bridge.ReadableMapKeySetIterator;
-
 public class ViewManagerPropertyUpdater {
   public interface Settable {
     void getProperties(Map<String, String> props);
@@ -42,6 +36,15 @@ public static void clear() {
     SHADOW_NODE_SETTER_MAP.clear();
   }
 
+  public static <T extends ViewManagerDelegate<V>, V extends View> void updateProps(
+      T delegate, V v, ReactStylesDiffMap props) {
+    Iterator<Map.Entry<String, Object>> iterator = props.mBackingMap.getEntryIterator();
+    while (iterator.hasNext()) {
+      Map.Entry<String, Object> entry = iterator.next();
+      delegate.setProperty(v, entry.getKey(), entry.getValue());
+    }
+  }
+
   public static <T extends ViewManager, V extends View> void updateProps(
       T manager, V v, ReactStylesDiffMap props) {
     ViewManagerSetter<T, V> setter = findManagerSetter(manager.getClass());
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagerRegistry.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagerRegistry.java
index b657eb5918c0e5..1927973096d955 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagerRegistry.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagerRegistry.java
@@ -1,16 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.react.common.MapBuilder;
 import java.util.List;
 import java.util.Map;
-import javax.annotation.Nullable;
 
 /**
  * Class that stores the mapping between native view name used in JS and the corresponding instance
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagersPropertyCache.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagersPropertyCache.java
index 20e48f919020b5..aeb0a41e1ba278 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagersPropertyCache.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagersPropertyCache.java
@@ -6,6 +6,7 @@
 package com.facebook.react.uimanager;
 
 import android.view.View;
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.Dynamic;
 import com.facebook.react.bridge.DynamicFromObject;
@@ -18,7 +19,6 @@
 import java.util.Arrays;
 import java.util.HashMap;
 import java.util.Map;
-import javax.annotation.Nullable;
 
 /**
  * This class is responsible for holding view manager property setters and is used in a process of
@@ -163,7 +163,7 @@ public IntPropSetter(ReactPropGroup prop, Method setter, int index, int defaultV
     @Override
     protected Object getValueOrDefault(Object value) {
       // All numbers from JS are Doubles which can't be simply cast to Integer
-      return value == null ? mDefaultValue : (Integer) ((Double)value).intValue();
+      return value == null ? mDefaultValue : (Integer) ((Double) value).intValue();
     }
   }
 
@@ -220,7 +220,7 @@ public FloatPropSetter(ReactPropGroup prop, Method setter, int index, float defa
     @Override
     protected Object getValueOrDefault(Object value) {
       // All numbers from JS are Doubles which can't be simply cast to Float
-      return value == null ? mDefaultValue : (Float) ((Double)value).floatValue();
+      return value == null ? mDefaultValue : (Float) ((Double) value).floatValue();
     }
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewProps.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewProps.java
index 6f0feb0302a8ec..8e86e7d8e22443 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewProps.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewProps.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.graphics.Color;
@@ -12,9 +11,7 @@
 import java.util.Arrays;
 import java.util.HashSet;
 
-/**
- * Keys for props that need to be shared across multiple classes.
- */
+/** Keys for props that need to be shared across multiple classes. */
 public class ViewProps {
 
   public static final String VIEW_CLASS_NAME = "RCTView";
@@ -134,6 +131,31 @@ public class ViewProps {
   public static final String BORDER_END_COLOR = "borderEndColor";
   public static final String ON_LAYOUT = "onLayout";
 
+  public static final String TRANSFORM = "transform";
+  public static final String ELEVATION = "elevation";
+  public static final String Z_INDEX = "zIndex";
+  public static final String RENDER_TO_HARDWARE_TEXTURE = "renderToHardwareTextureAndroid";
+  public static final String ACCESSIBILITY_LABEL = "accessibilityLabel";
+  public static final String ACCESSIBILITY_HINT = "accessibilityHint";
+  public static final String ACCESSIBILITY_LIVE_REGION = "accessibilityLiveRegion";
+  public static final String ACCESSIBILITY_ROLE = "accessibilityRole";
+  public static final String ACCESSIBILITY_STATES = "accessibilityStates";
+  public static final String ACCESSIBILITY_STATE = "accessibilityState";
+  public static final String ACCESSIBILITY_ACTIONS = "accessibilityActions";
+  public static final String IMPORTANT_FOR_ACCESSIBILITY = "importantForAccessibility";
+
+  // DEPRECATED
+  public static final String ROTATION = "rotation";
+  public static final String SCALE_X = "scaleX";
+  public static final String SCALE_Y = "scaleY";
+  public static final String TRANSLATE_X = "translateX";
+  public static final String TRANSLATE_Y = "translateY";
+
+  /** Used to locate views in end-to-end (UI) tests. */
+  public static final String TEST_ID = "testID";
+
+  public static final String NATIVE_ID = "nativeID";
+
   public static final int[] BORDER_SPACING_TYPES = {
     Spacing.ALL,
     Spacing.START,
@@ -231,19 +253,21 @@ public static boolean isLayoutOnly(ReadableMap map, String prop) {
           return false;
         }
         if (map.hasKey(BORDER_WIDTH)
-          && !map.isNull(BORDER_WIDTH)
-          && map.getDouble(BORDER_WIDTH) != 0d) {
+            && !map.isNull(BORDER_WIDTH)
+            && map.getDouble(BORDER_WIDTH) != 0d) {
           return false;
         }
         return true;
       case BORDER_LEFT_COLOR:
         return !map.isNull(BORDER_LEFT_COLOR) && map.getInt(BORDER_LEFT_COLOR) == Color.TRANSPARENT;
       case BORDER_RIGHT_COLOR:
-        return !map.isNull(BORDER_RIGHT_COLOR) && map.getInt(BORDER_RIGHT_COLOR) == Color.TRANSPARENT;
+        return !map.isNull(BORDER_RIGHT_COLOR)
+            && map.getInt(BORDER_RIGHT_COLOR) == Color.TRANSPARENT;
       case BORDER_TOP_COLOR:
         return !map.isNull(BORDER_TOP_COLOR) && map.getInt(BORDER_TOP_COLOR) == Color.TRANSPARENT;
       case BORDER_BOTTOM_COLOR:
-        return !map.isNull(BORDER_BOTTOM_COLOR) && map.getInt(BORDER_BOTTOM_COLOR) == Color.TRANSPARENT;
+        return !map.isNull(BORDER_BOTTOM_COLOR)
+            && map.getInt(BORDER_BOTTOM_COLOR) == Color.TRANSPARENT;
       case BORDER_WIDTH:
         return map.isNull(BORDER_WIDTH) || map.getDouble(BORDER_WIDTH) == 0d;
       case BORDER_LEFT_WIDTH:
@@ -258,6 +282,6 @@ public static boolean isLayoutOnly(ReadableMap map, String prop) {
         return map.isNull(OVERFLOW) || VISIBLE.equals(map.getString(OVERFLOW));
       default:
         return false;
-      }
+    }
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/YogaNodePool.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/YogaNodePool.java
index 5b235cb4bf2c19..82ed49fbbafdeb 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/YogaNodePool.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/YogaNodePool.java
@@ -5,12 +5,10 @@
 
 package com.facebook.react.uimanager;
 
-import com.facebook.yoga.YogaNode;
 import com.facebook.react.common.ClearableSynchronizedPool;
+import com.facebook.yoga.YogaNode;
 
-/**
- * Static holder for a recycling pool of YogaNodes.
- */
+/** Static holder for a recycling pool of YogaNodes. */
 public class YogaNodePool {
 
   private static final Object sInitLock = new Object();
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/BUCK b/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/BUCK
index 79fad4e0ffe535..3ecec7beea0e36 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/BUCK
@@ -3,11 +3,13 @@ load("//tools/build_defs/oss:rn_defs.bzl", "react_native_dep", "rn_android_libra
 rn_android_library(
     name = "annotations",
     srcs = glob(["*.java"]),
+    is_androidx = True,
     required_for_source_only_abi = True,
     visibility = [
         "PUBLIC",
     ],
     deps = [
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
     ],
 )
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactProp.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactProp.java
index 3a57c3198916eb..6a32693bae94bf 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactProp.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactProp.java
@@ -5,40 +5,42 @@
 
 package com.facebook.react.uimanager.annotations;
 
-import javax.annotation.Nullable;
+import static java.lang.annotation.RetentionPolicy.RUNTIME;
 
+import androidx.annotation.Nullable;
 import java.lang.annotation.ElementType;
 import java.lang.annotation.Retention;
 import java.lang.annotation.Target;
 
-import static java.lang.annotation.RetentionPolicy.RUNTIME;
-
 /**
  * Use this annotation to annotate properties of native views that should be exposed to JS. This
- * annotation should only be used for setter methods of subclasses of
- * {@link com.facebook.react.uimanager.ViewManager}.
+ * annotation should only be used for setter methods of subclasses of {@link
+ * com.facebook.react.uimanager.ViewManager}.
+ *
+ * <p>Each annotated method should return {@code void} and take exactly two arguments: first being a
+ * view instance to be updated and second a value that should be set.
  *
- * Each annotated method should return {@code void} and take exactly two arguments: first being
- * a view instance to be updated and second a value that should be set.
+ * <p>Allowed types of values are:
  *
- * Allowed types of values are:
- *  - primitives (int, boolean, double, float)
- *  - {@link String}
- *  - {@link Boolean}
- *  - {@link com.facebook.react.bridge.ReadableArray}
- *  - {@link com.facebook.react.bridge.ReadableMap}
+ * <ul>
+ *   <li>primitives (int, boolean, double, float)
+ *   <li>{@link String}
+ *   <li>{@link Boolean}
+ *   <li>{@link com.facebook.react.bridge.ReadableArray}
+ *   <li>{@link com.facebook.react.bridge.ReadableMap}
+ * </ul>
  *
- * When property gets removed from the corresponding component in React, annotated setter will be
+ * <p>When property gets removed from the corresponding component in React, annotated setter will be
  * called with {@code null} in case of non-primitive value type or with a default value in case when
  * the value type is a primitive (use appropriate default field of this annotation to customize
  * default value that is going to be used: {@link #defaultBoolean}, {@link #defaultDouble}, etc.)
  *
- * Since in case of property removal for non-primitive value type setter will be called with value
- * set to {@code null} it's required that value type is annotated with {@link Nullable}.
+ * <p>Since in case of property removal for non-primitive value type setter will be called with
+ * value set to {@code null} it's required that value type is annotated with {@link Nullable}.
  *
- * Note: Since boolean property type can be represented both as primitive and wrapped default value
- * set through {@link #defaultBoolean} is only respected for primitive type and for the wrapped type
- * {@code null} will be used as a default.
+ * <p>Note: Since boolean property type can be represented both as primitive and wrapped default
+ * value set through {@link #defaultBoolean} is only respected for primitive type and for the
+ * wrapped type {@code null} will be used as a default.
  */
 @Retention(RUNTIME)
 @Target(ElementType.METHOD)
@@ -51,47 +53,48 @@
   String USE_DEFAULT_TYPE = "__default_type__";
 
   /**
-   * Name of the property exposed to JS that will be updated using setter method annotated with
-   * the given instance of {@code ReactProp} annotation
+   * Name of the property exposed to JS that will be updated using setter method annotated with the
+   * given instance of {@code ReactProp} annotation
    */
   String name();
 
   /**
    * Type of property that will be send to JS. In most of the cases {@code customType} should not be
    * set in which case default type will be send to JS based on the type of value argument from the
-   * setter method (e.g. for {@code int}, {@code double} default is "number", for
-   * {@code ReadableArray} it's "Array"). Custom type may be used when additional processing of the
-   * value needs to be done in JS before sending it over the bridge. A good example of that would be
-   * backgroundColor property, which is expressed as a {@code String} in JS, but we use
-   * {@code processColor} JS module to convert it to {@code int} before sending over the bridge.
+   * setter method (e.g. for {@code int}, {@code double} default is "number", for {@code
+   * ReadableArray} it's "Array"). Custom type may be used when additional processing of the value
+   * needs to be done in JS before sending it over the bridge. A good example of that would be
+   * backgroundColor property, which is expressed as a {@code String} in JS, but we use {@code
+   * processColor} JS module to convert it to {@code int} before sending over the bridge.
    */
-  @Nullable String customType() default USE_DEFAULT_TYPE;
+  @Nullable
+  String customType() default USE_DEFAULT_TYPE;
 
   /**
    * Default value for property of type {@code double}. This value will be provided to property
-   * setter method annotated with {@link ReactProp} if property with a given name gets removed
-   * from the component description in JS
+   * setter method annotated with {@link ReactProp} if property with a given name gets removed from
+   * the component description in JS
    */
   double defaultDouble() default 0.0;
 
   /**
    * Default value for property of type {@code float}. This value will be provided to property
-   * setter method annotated with {@link ReactProp} if property with a given name gets removed
-   * from the component description in JS
+   * setter method annotated with {@link ReactProp} if property with a given name gets removed from
+   * the component description in JS
    */
   float defaultFloat() default 0.0f;
 
   /**
-   * Default value for property of type {@code int}. This value will be provided to property
-   * setter method annotated with {@link ReactProp} if property with a given name gets removed
-   * from the component description in JS
+   * Default value for property of type {@code int}. This value will be provided to property setter
+   * method annotated with {@link ReactProp} if property with a given name gets removed from the
+   * component description in JS
    */
   int defaultInt() default 0;
 
   /**
    * Default value for property of type {@code boolean}. This value will be provided to property
-   * setter method annotated with {@link ReactProp} if property with a given name gets removed
-   * from the component description in JS
+   * setter method annotated with {@link ReactProp} if property with a given name gets removed from
+   * the component description in JS
    */
   boolean defaultBoolean() default false;
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropGroup.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropGroup.java
index fb623dd50c0a2a..9b6840262b95dc 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropGroup.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropGroup.java
@@ -5,39 +5,37 @@
 
 package com.facebook.react.uimanager.annotations;
 
-import javax.annotation.Nullable;
+import static java.lang.annotation.RetentionPolicy.RUNTIME;
 
+import androidx.annotation.Nullable;
 import java.lang.annotation.ElementType;
 import java.lang.annotation.Retention;
 import java.lang.annotation.Target;
 
-import static java.lang.annotation.RetentionPolicy.RUNTIME;
-
 /**
  * Use this annotation to annotate group of properties of native views that should be exposed to JS.
- * This annotation should only be used for setter methods of subclasses of
- * {@link com.facebook.react.uimanager.ViewManager}. It's a batched version of {@link ReactProp}
- * annotation (please see documentation of {@link ReactProp} for more details about how this
- * annotation can be used).
+ * This annotation should only be used for setter methods of subclasses of {@link
+ * com.facebook.react.uimanager.ViewManager}. It's a batched version of {@link ReactProp} annotation
+ * (please see documentation of {@link ReactProp} for more details about how this annotation can be
+ * used).
  *
- * This annotation is meant to be used for a group of similar properties. That's why it support only
- * a set of properties of the same type. A good example is supporting "border", where we have 7
+ * <p>This annotation is meant to be used for a group of similar properties. That's why it support
+ * only a set of properties of the same type. A good example is supporting "border", where we have 7
  * variations of that property ("borderLeft", "borderHorizontal", etc.) and very similar code for
  * handling each of those.
  *
- * Each annotated method should return {@code void} and take exactly three arguments: first being
- * a view instance to be updated, second should be of type int and will represent index in the
- * group of the property being updated. Last, third argument represent the value that should be set.
+ * <p>Each annotated method should return {@code void} and take exactly three arguments: first being
+ * a view instance to be updated, second should be of type int and will represent index in the group
+ * of the property being updated. Last, third argument represent the value that should be set.
  *
- *
- * Currently only {@code int}, {@code float}, {@code double} and {@link String} value types are
+ * <p>Currently only {@code int}, {@code float}, {@code double} and {@link String} value types are
  * supported.
  *
- * In case when property has been removed from the corresponding react component annotated setter
+ * <p>In case when property has been removed from the corresponding react component annotated setter
  * will be called and default value will be provided as a value parameter. Default value can be
- * customize using {@link #defaultInt} or {@link #defaultFloat} in the case when property is of
- * one of primitive types. In case when {@link String} is the property type {@code null} value will
- * be provided as a default.
+ * customize using {@link #defaultInt} or {@link #defaultFloat} in the case when property is of one
+ * of primitive types. In case when {@link String} is the property type {@code null} value will be
+ * provided as a default.
  */
 @Retention(RUNTIME)
 @Target(ElementType.METHOD)
@@ -64,7 +62,8 @@
    * {@code String} in JS, but we use {@code processColor} JS module to convert it to {@code int}
    * before sending over the bridge.
    */
-  @Nullable String customType() default USE_DEFAULT_TYPE;
+  @Nullable
+  String customType() default USE_DEFAULT_TYPE;
 
   /**
    * Default value for property of type {@code float}. This value will be provided to property
@@ -81,9 +80,9 @@
   double defaultDouble() default 0.0;
 
   /**
-   * Default value for property of type {@code int}. This value will be provided to property
-   * setter method annotated with {@link ReactPropGroup} if property with a given name gets removed
-   * from the component description in JS
+   * Default value for property of type {@code int}. This value will be provided to property setter
+   * method annotated with {@link ReactPropGroup} if property with a given name gets removed from
+   * the component description in JS
    */
   int defaultInt() default 0;
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropertyHolder.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropertyHolder.java
index 7b6476187db5cb..ba940ddf93e0da 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropertyHolder.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropertyHolder.java
@@ -14,5 +14,4 @@
 @Inherited
 @Retention(RetentionPolicy.CLASS)
 @Target(ElementType.TYPE)
-public @interface ReactPropertyHolder {
-}
+public @interface ReactPropertyHolder {}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/UIManagerType.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/UIManagerType.java
index 9d8f920b84fc64..03c4e94f5b5ad9 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/UIManagerType.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/UIManagerType.java
@@ -1,17 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.common;
 
-import static com.facebook.react.uimanager.common.UIManagerType.FABRIC;
 import static com.facebook.react.uimanager.common.UIManagerType.DEFAULT;
+import static com.facebook.react.uimanager.common.UIManagerType.FABRIC;
 import static java.lang.annotation.RetentionPolicy.SOURCE;
 
-import java.lang.annotation.Retention;
 import androidx.annotation.IntDef;
+import java.lang.annotation.Retention;
 
 @Retention(SOURCE)
 @IntDef({DEFAULT, FABRIC})
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/ViewUtil.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/ViewUtil.java
index 2333fccc10f958..bae8db66330654 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/ViewUtil.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/ViewUtil.java
@@ -1,21 +1,19 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.common;
 
-import static com.facebook.react.uimanager.common.UIManagerType.FABRIC;
 import static com.facebook.react.uimanager.common.UIManagerType.DEFAULT;
+import static com.facebook.react.uimanager.common.UIManagerType.FABRIC;
 
 public class ViewUtil {
 
   /**
-   * Counter for uniquely identifying views.
-   * - % 2 === 0 means it is a Fabric tag.
-   * See https://github.com/facebook/react/pull/12587
+   * Counter for uniquely identifying views. - % 2 === 0 means it is a Fabric tag. See
+   * https://github.com/facebook/react/pull/12587
    *
    * @param reactTag {@link }
    */
@@ -33,5 +31,4 @@ public static int getUIManagerType(int reactTag) {
   public static boolean isRootTag(int reactTag) {
     return reactTag % 10 == 1;
   }
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/debug/NotThreadSafeViewHierarchyUpdateDebugListener.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/debug/NotThreadSafeViewHierarchyUpdateDebugListener.java
index ff695b8db11a32..f45769b1d69209 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/debug/NotThreadSafeViewHierarchyUpdateDebugListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/debug/NotThreadSafeViewHierarchyUpdateDebugListener.java
@@ -1,19 +1,18 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.debug;
 
 import com.facebook.react.uimanager.UIManagerModule;
 
 /**
- * A listener that is notified about view hierarchy update events. This listener should only be
- * used for debug purposes and should not affect application state.
+ * A listener that is notified about view hierarchy update events. This listener should only be used
+ * for debug purposes and should not affect application state.
  *
- * NB: while onViewHierarchyUpdateFinished will always be called from the UI thread, there are no
+ * <p>NB: while onViewHierarchyUpdateFinished will always be called from the UI thread, there are no
  * guarantees what thread onViewHierarchyUpdateEnqueued is called on.
  */
 public interface NotThreadSafeViewHierarchyUpdateDebugListener {
@@ -23,8 +22,6 @@ public interface NotThreadSafeViewHierarchyUpdateDebugListener {
    */
   void onViewHierarchyUpdateEnqueued();
 
-  /**
-   * Called from the main thread after a UI batch has been applied to all root views.
-   */
+  /** Called from the main thread after a UI batch has been applied to all root views. */
   void onViewHierarchyUpdateFinished();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/BatchEventDispatchedListener.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/BatchEventDispatchedListener.java
index f7ce2baccf9e9d..f6bf5ad291aff3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/BatchEventDispatchedListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/BatchEventDispatchedListener.java
@@ -1,16 +1,13 @@
 /**
  * Copyright (c) 2014-present, Facebook, Inc.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.events;
 
 public interface BatchEventDispatchedListener {
 
-  /**
-   * Called after a batch of low priority events has been dispatched.
-   */
+  /** Called after a batch of low priority events has been dispatched. */
   void onBatchEventDispatched();
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ContentSizeChangeEvent.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ContentSizeChangeEvent.java
index 9462bcf6264913..7fbea7976c0996 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ContentSizeChangeEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ContentSizeChangeEvent.java
@@ -9,9 +9,7 @@
 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 */
 public class ContentSizeChangeEvent extends Event<ContentSizeChangeEvent> {
 
   public static final String EVENT_NAME = "topContentSizeChange";
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/Event.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/Event.java
index 8d5b3aaa97cc52..9204943c461077 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/Event.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/Event.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.events;
 
 import com.facebook.react.common.SystemClock;
@@ -12,9 +11,9 @@
 /**
  * A UI event that can be dispatched to JS.
  *
- * For dispatching events {@link EventDispatcher#dispatchEvent} should be used. Once event object
- * is passed to the EventDispatched it should no longer be used as EventDispatcher may decide
- * to recycle that object (by calling {@link #dispose}).
+ * <p>For dispatching events {@link EventDispatcher#dispatchEvent} should be used. Once event object
+ * is passed to the EventDispatched it should no longer be used as EventDispatcher may decide to
+ * recycle that object (by calling {@link #dispose}).
  */
 public abstract class Event<T extends Event> {
 
@@ -25,49 +24,43 @@ public abstract class Event<T extends Event> {
   private long mTimestampMs;
   private int mUniqueID = sUniqueID++;
 
-  protected Event() {
-  }
+  protected Event() {}
 
   protected Event(int viewTag) {
     init(viewTag);
   }
 
-  /**
-   * This method needs to be called before event is sent to event dispatcher.
-   */
+  /** This method needs to be called before event is sent to event dispatcher. */
   protected void init(int viewTag) {
     mViewTag = viewTag;
     mTimestampMs = SystemClock.uptimeMillis();
     mInitialized = true;
   }
 
-  /**
-   * @return the view id for the view that generated this event
-   */
+  /** @return the view id for the view that generated this event */
   public final int getViewTag() {
     return mViewTag;
   }
 
   /**
    * @return the time at which the event happened in the {@link android.os.SystemClock#uptimeMillis}
-   * base.
+   *     base.
    */
   public final long getTimestampMs() {
     return mTimestampMs;
   }
 
-  /**
-   * @return false if this Event can *never* be coalesced
-   */
+  /** @return false if this Event can *never* be coalesced */
   public boolean canCoalesce() {
     return true;
   }
 
   /**
    * Given two events, coalesce them into a single event that will be sent to JS instead of two
-   * separate events. By default, just chooses the one the is more recent, or {@code this} if timestamps are the same.
+   * separate events. By default, just chooses the one the is more recent, or {@code this} if
+   * timestamps are the same.
    *
-   * Two events will only ever try to be coalesced if they have the same event name, view id, and
+   * <p>Two events will only ever try to be coalesced if they have the same event name, view id, and
    * coalescing key.
    */
   public T coalesce(T otherEvent) {
@@ -76,16 +69,14 @@ public T coalesce(T otherEvent) {
 
   /**
    * @return a key used to determine which other events of this type this event can be coalesced
-   * with. For example, touch move events should only be coalesced within a single gesture so a
-   * coalescing key there would be the unique gesture id.
+   *     with. For example, touch move events should only be coalesced within a single gesture so a
+   *     coalescing key there would be the unique gesture id.
    */
   public short getCoalescingKey() {
     return 0;
   }
 
-  /**
-   * @return The unique id of this event.
-   */
+  /** @return The unique id of this event. */
   public int getUniqueID() {
     return mUniqueID;
   }
@@ -94,8 +85,7 @@ public int getUniqueID() {
    * Called when the EventDispatcher is done with an event, either because it was dispatched or
    * because it was coalesced with another Event.
    */
-  public void onDispose() {
-  }
+  public void onDispose() {}
 
   /*package*/ boolean isInitialized() {
     return mInitialized;
@@ -106,13 +96,9 @@ public void onDispose() {
     onDispose();
   }
 
-  /**
-   * @return the name of this event as registered in JS
-   */
+  /** @return the name of this event as registered in JS */
   public abstract String getEventName();
 
-  /**
-   * Dispatch this event to JS using the given event emitter.
-   */
+  /** Dispatch this event to JS using the given event emitter. */
   public abstract void dispatch(RCTEventEmitter rctEventEmitter);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/EventDispatcher.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/EventDispatcher.java
index d322e3eccfca28..d72f4b36f41d4a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/EventDispatcher.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/EventDispatcher.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.events;
 
 import android.util.LongSparseArray;
@@ -29,58 +28,57 @@
  * intermediary between UI code generating events and JS, making sure we don't send more events than
  * JS can process.
  *
- * To use it, create a subclass of {@link Event} and call {@link #dispatchEvent(Event)} whenever
+ * <p>To use it, create a subclass of {@link Event} and call {@link #dispatchEvent(Event)} whenever
  * there's a UI event to dispatch.
  *
- * This class works by installing a Choreographer frame callback on the main thread. This callback
- * then enqueues a runnable on the JS thread (if one is not already pending) that is responsible for
- * actually dispatch events to JS. This implementation depends on the properties that
- *   1) FrameCallbacks run after UI events have been processed in Choreographer.java
- *   2) when we enqueue a runnable on the JS queue thread, it won't be called until after any
- *      previously enqueued JS jobs have finished processing
+ * <p>This class works by installing a Choreographer frame callback on the main thread. This
+ * callback then enqueues a runnable on the JS thread (if one is not already pending) that is
+ * responsible for actually dispatch events to JS. This implementation depends on the properties
+ * that 1) FrameCallbacks run after UI events have been processed in Choreographer.java 2) when we
+ * enqueue a runnable on the JS queue thread, it won't be called until after any previously enqueued
+ * JS jobs have finished processing
  *
- * If JS is taking a long time processing events, then the UI events generated on the  UI thread can
- * be coalesced into fewer events so that when the runnable runs, we don't overload JS with a ton
- * of events and make it get even farther behind.
+ * <p>If JS is taking a long time processing events, then the UI events generated on the UI thread
+ * can be coalesced into fewer events so that when the runnable runs, we don't overload JS with a
+ * ton of events and make it get even farther behind.
  *
- * Ideally, we don't need this and JS is fast enough to process all the events each frame, but bad
- * things happen, including load on CPUs from the system, and we should handle this case well.
+ * <p>Ideally, we don't need this and JS is fast enough to process all the events each frame, but
+ * bad things happen, including load on CPUs from the system, and we should handle this case well.
  *
- * == Event Cookies ==
+ * <p>== Event Cookies ==
  *
- * An event cookie is made up of the event type id, view tag, and a custom coalescing key. Only
+ * <p>An event cookie is made up of the event type id, view tag, and a custom coalescing key. Only
  * Events that have the same cookie can be coalesced.
  *
- * Event Cookie Composition:
- * VIEW_TAG_MASK =       0x00000000ffffffff
- * EVENT_TYPE_ID_MASK =  0x0000ffff00000000
- * COALESCING_KEY_MASK = 0xffff000000000000
+ * <p>Event Cookie Composition: VIEW_TAG_MASK = 0x00000000ffffffff EVENT_TYPE_ID_MASK =
+ * 0x0000ffff00000000 COALESCING_KEY_MASK = 0xffff000000000000
  */
 public class EventDispatcher implements LifecycleEventListener {
 
-  private static final Comparator<Event> EVENT_COMPARATOR = new Comparator<Event>() {
-    @Override
-    public int compare(Event lhs, Event rhs) {
-      if (lhs == null && rhs == null) {
-        return 0;
-      }
-      if (lhs == null) {
-        return -1;
-      }
-      if (rhs == null) {
-        return 1;
-      }
+  private static final Comparator<Event> EVENT_COMPARATOR =
+      new Comparator<Event>() {
+        @Override
+        public int compare(Event lhs, Event rhs) {
+          if (lhs == null && rhs == null) {
+            return 0;
+          }
+          if (lhs == null) {
+            return -1;
+          }
+          if (rhs == null) {
+            return 1;
+          }
 
-      long diff = lhs.getTimestampMs() - rhs.getTimestampMs();
-      if (diff == 0) {
-        return 0;
-      } else if (diff < 0) {
-        return -1;
-      } else {
-        return 1;
-      }
-    }
-  };
+          long diff = lhs.getTimestampMs() - rhs.getTimestampMs();
+          if (diff == 0) {
+            return 0;
+          } else if (diff < 0) {
+            return -1;
+          } else {
+            return 1;
+          }
+        }
+      };
 
   private final Object mEventsStagingLock = new Object();
   private final Object mEventsToDispatchLock = new Object();
@@ -92,7 +90,7 @@ public int compare(Event lhs, Event rhs) {
   private final ArrayList<EventDispatcherListener> mListeners = new ArrayList<>();
   private final List<BatchEventDispatchedListener> mPostEventDispatchListeners = new ArrayList<>();
   private final ScheduleDispatchFrameCallback mCurrentFrameCallback =
-    new ScheduleDispatchFrameCallback();
+      new ScheduleDispatchFrameCallback();
   private final AtomicInteger mHasDispatchScheduledCount = new AtomicInteger();
 
   private Event[] mEventsToDispatch = new Event[16];
@@ -107,9 +105,7 @@ public EventDispatcher(ReactApplicationContext reactContext) {
     mReactEventEmitter = new ReactEventEmitter(mReactContext);
   }
 
-  /**
-   * Sends the given Event to JS, coalescing eligible events if JS is backed up.
-   */
+  /** Sends the given Event to JS, coalescing eligible events if JS is backed up. */
   public void dispatchEvent(Event event) {
     Assertions.assertCondition(event.isInitialized(), "Dispatched event hasn't been initialized");
 
@@ -120,9 +116,7 @@ public void dispatchEvent(Event event) {
     synchronized (mEventsStagingLock) {
       mEventStaging.add(event);
       Systrace.startAsyncFlow(
-          Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
-          event.getEventName(),
-          event.getUniqueID());
+          Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, event.getEventName(), event.getUniqueID());
     }
     maybePostFrameCallbackFromNonUI();
   }
@@ -144,16 +138,12 @@ private void maybePostFrameCallbackFromNonUI() {
     }
   }
 
-  /**
-   * Add a listener to this EventDispatcher.
-   */
+  /** Add a listener to this EventDispatcher. */
   public void addListener(EventDispatcherListener listener) {
     mListeners.add(listener);
   }
 
-  /**
-   * Remove a listener from this EventDispatcher.
-   */
+  /** Remove a listener from this EventDispatcher. */
   public void removeListener(EventDispatcherListener listener) {
     mListeners.remove(listener);
   }
@@ -182,12 +172,13 @@ public void onHostDestroy() {
   }
 
   public void onCatalystInstanceDestroyed() {
-    UiThreadUtil.runOnUiThread(new Runnable() {
-      @Override
-      public void run() {
-        stopFrameCallback();
-      }
-    });
+    UiThreadUtil.runOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            stopFrameCallback();
+          }
+        });
   }
 
   private void stopFrameCallback() {
@@ -212,10 +203,8 @@ private void moveStagedEventsToDispatchQueue() {
             continue;
           }
 
-          long eventCookie = getEventCookie(
-              event.getViewTag(),
-              event.getEventName(),
-              event.getCoalescingKey());
+          long eventCookie =
+              getEventCookie(event.getViewTag(), event.getEventName(), event.getCoalescingKey());
 
           Event eventToAdd = null;
           Event eventToDispose = null;
@@ -262,9 +251,9 @@ private long getEventCookie(int viewTag, String eventName, short coalescingKey)
   }
 
   private static long getEventCookie(int viewTag, short eventTypeId, short coalescingKey) {
-    return viewTag |
-        (((long) eventTypeId) & 0xffff) << 32 |
-        (((long) coalescingKey) & 0xffff) << 48;
+    return viewTag
+        | (((long) eventTypeId) & 0xffff) << 32
+        | (((long) coalescingKey) & 0xffff) << 48;
   }
 
   public void registerEventEmitter(@UIManagerType int uiManagerType, RCTEventEmitter eventEmitter) {
@@ -331,12 +320,13 @@ public void maybePostFromNonUI() {
       if (mReactContext.isOnUiQueueThread()) {
         maybePost();
       } else {
-        mReactContext.runOnUiQueueThread(new Runnable() {
-          @Override
-          public void run() {
-            maybePost();
-          }
-        });
+        mReactContext.runOnUiQueueThread(
+            new Runnable() {
+              @Override
+              public void run() {
+                maybePost();
+              }
+            });
       }
     }
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/EventDispatcherListener.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/EventDispatcherListener.java
index 524b39ecb63041..00ba043e229432 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/EventDispatcherListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/EventDispatcherListener.java
@@ -5,13 +5,12 @@
 
 package com.facebook.react.uimanager.events;
 
-/**
- * Interface used to intercept events dispatched by {#link EventDispatcher}
- */
+/** Interface used to intercept events dispatched by {#link EventDispatcher} */
 public interface EventDispatcherListener {
   /**
-   * Called on every time an event is dispatched using {#link EventDispatcher#dispatchEvent}. Will be
-   * called from the same thread that the event is being dispatched from.
+   * Called on every time an event is dispatched using {#link EventDispatcher#dispatchEvent}. Will
+   * be called from the same thread that the event is being dispatched from.
+   *
    * @param event Event that was dispatched
    */
   void onEventDispatch(Event event);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/NativeGestureUtil.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/NativeGestureUtil.java
index 1604b951aa3dc2..db9df9aef203ba 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/NativeGestureUtil.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/NativeGestureUtil.java
@@ -1,20 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.events;
 
 import android.view.MotionEvent;
 import android.view.View;
-
 import com.facebook.react.uimanager.RootViewUtil;
 
-/**
- * Utilities for native Views that interpret native gestures (e.g. ScrollView, ViewPager, etc.).
- */
+/** Utilities for native Views that interpret native gestures (e.g. ScrollView, ViewPager, etc.). */
 public class NativeGestureUtil {
 
   /**
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/RCTEventEmitter.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/RCTEventEmitter.java
index e3e9a03fcb7258..f622373558e73f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/RCTEventEmitter.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/RCTEventEmitter.java
@@ -1,22 +1,18 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.events;
 
-import javax.annotation.Nullable;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.JavaScriptModule;
 import com.facebook.react.bridge.WritableArray;
 import com.facebook.react.bridge.WritableMap;
 
 public interface RCTEventEmitter extends JavaScriptModule {
   void receiveEvent(int targetTag, String eventName, @Nullable WritableMap event);
-  void receiveTouches(
-      String eventName,
-      WritableArray touches,
-      WritableArray changedIndices);
+
+  void receiveTouches(String eventName, WritableArray touches, WritableArray changedIndices);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ReactEventEmitter.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ReactEventEmitter.java
index 61e3e95cd4f58c..377bb05387c71f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ReactEventEmitter.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ReactEventEmitter.java
@@ -1,22 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.events;
 
 import static com.facebook.react.uimanager.events.TouchesHelper.TARGET_KEY;
 
 import android.util.SparseArray;
+import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.WritableArray;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.uimanager.common.UIManagerType;
 import com.facebook.react.uimanager.common.ViewUtil;
-import javax.annotation.Nullable;
 
 public class ReactEventEmitter implements RCTEventEmitter {
 
@@ -43,9 +42,7 @@ public void receiveEvent(int targetReactTag, String eventName, @Nullable Writabl
 
   @Override
   public void receiveTouches(
-    String eventName,
-    WritableArray touches,
-    WritableArray changedIndices) {
+      String eventName, WritableArray touches, WritableArray changedIndices) {
 
     Assertions.assertCondition(touches.size() > 0);
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEvent.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEvent.java
index 59418f770353df..19a27482bc15fc 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEvent.java
@@ -1,27 +1,24 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.events;
 
-import javax.annotation.Nullable;
-
-import androidx.core.util.Pools;
 import android.view.MotionEvent;
-
+import androidx.annotation.Nullable;
+import androidx.core.util.Pools;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.SoftAssertions;
 
 /**
- * An event representing the start, end or movement of a touch. Corresponds to a single
- * {@link android.view.MotionEvent}.
+ * An event representing the start, end or movement of a touch. Corresponds to a single {@link
+ * android.view.MotionEvent}.
  *
- * TouchEvent coalescing can happen for move events if two move events have the same target view and
- * coalescing key. See {@link TouchEventCoalescingKeyHelper} for more information about how these
- * coalescing keys are determined.
+ * <p>TouchEvent coalescing can happen for move events if two move events have the same target view
+ * and coalescing key. See {@link TouchEventCoalescingKeyHelper} for more information about how
+ * these coalescing keys are determined.
  */
 public class TouchEvent extends Event<TouchEvent> {
 
@@ -45,13 +42,13 @@ public static TouchEvent obtain(
       event = new TouchEvent();
     }
     event.init(
-      viewTag,
-      touchEventType,
-      motionEventToCopy,
-      gestureStartTime,
-      viewX,
-      viewY,
-      touchEventCoalescingKeyHelper);
+        viewTag,
+        touchEventType,
+        motionEventToCopy,
+        gestureStartTime,
+        viewX,
+        viewY,
+        touchEventCoalescingKeyHelper);
     return event;
   }
 
@@ -63,8 +60,7 @@ public static TouchEvent obtain(
   private float mViewX;
   private float mViewY;
 
-  private TouchEvent() {
-  }
+  private TouchEvent() {}
 
   private void init(
       int viewTag,
@@ -76,8 +72,8 @@ private void init(
       TouchEventCoalescingKeyHelper touchEventCoalescingKeyHelper) {
     super.init(viewTag);
 
-    SoftAssertions.assertCondition(gestureStartTime != UNSET,
-        "Gesture start time must be initialized");
+    SoftAssertions.assertCondition(
+        gestureStartTime != UNSET, "Gesture start time must be initialized");
     short coalescingKey = 0;
     int action = (motionEventToCopy.getAction() & MotionEvent.ACTION_MASK);
     switch (action) {
@@ -92,8 +88,7 @@ private void init(
         touchEventCoalescingKeyHelper.incrementCoalescingKey(gestureStartTime);
         break;
       case MotionEvent.ACTION_MOVE:
-        coalescingKey =
-          touchEventCoalescingKeyHelper.getCoalescingKey(gestureStartTime);
+        coalescingKey = touchEventCoalescingKeyHelper.getCoalescingKey(gestureStartTime);
         break;
       case MotionEvent.ACTION_CANCEL:
         touchEventCoalescingKeyHelper.removeCoalescingKey(gestureStartTime);
@@ -145,10 +140,7 @@ public short getCoalescingKey() {
   @Override
   public void dispatch(RCTEventEmitter rctEventEmitter) {
     TouchesHelper.sendTouchEvent(
-        rctEventEmitter,
-        Assertions.assertNotNull(mTouchEventType),
-        getViewTag(),
-        this);
+        rctEventEmitter, Assertions.assertNotNull(mTouchEventType), getViewTag(), this);
   }
 
   public MotionEvent getMotionEvent() {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEventCoalescingKeyHelper.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEventCoalescingKeyHelper.java
index 79e8b7bf1ca4a6..b552c1bc353e6c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEventCoalescingKeyHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEventCoalescingKeyHelper.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.events;
 
 import android.util.SparseIntArray;
@@ -16,46 +15,41 @@
  * gesture). To illustrate to kind of coalescing we want, imagine we are coalescing the following
  * touch stream:
  *
- * (U = finger up, D = finger down, M = move)
- * D MMMMM D MMMMMMMMMMMMMM U MMMMM D MMMMMM U U
+ * <p>(U = finger up, D = finger down, M = move) D MMMMM D MMMMMMMMMMMMMM U MMMMM D MMMMMM U U
  *
- * We want to make sure to coalesce this as
+ * <p>We want to make sure to coalesce this as
  *
- * D M D M U M D U U
+ * <p>D M D M U M D U U
  *
- * and *not*
+ * <p>and *not*
  *
- * D D U M D U U
+ * <p>D D U M D U U
  *
- * To accomplish this, this class provides a way to initialize a coalescing key for a gesture and
+ * <p>To accomplish this, this class provides a way to initialize a coalescing key for a gesture and
  * then increment it for every pointer up/down that occurs during that single gesture.
  *
- * We identify a single gesture based on {@link android.view.MotionEvent#getDownTime()} which will
- * stay constant for a given set of related touches on a single view.
+ * <p>We identify a single gesture based on {@link android.view.MotionEvent#getDownTime()} which
+ * will stay constant for a given set of related touches on a single view.
  *
- * NB: even though down time is a long, we cast as an int using the least significant bits as the
+ * <p>NB: even though down time is a long, we cast as an int using the least significant bits as the
  * identifier. In practice, we will not be coalescing over a time range where the most significant
  * bits of that time range matter. This would require a gesture that lasts Integer.MAX_VALUE * 2 ms,
  * or ~48 days.
  *
- * NB: we assume two gestures cannot begin at the same time.
+ * <p>NB: we assume two gestures cannot begin at the same time.
  *
- * NB: this class should only be used from the UI thread.
+ * <p>NB: this class should only be used from the UI thread.
  */
 public class TouchEventCoalescingKeyHelper {
 
   private final SparseIntArray mDownTimeToCoalescingKey = new SparseIntArray();
 
-  /**
-   * Starts tracking a new coalescing key corresponding to the gesture with this down time.
-   */
+  /** Starts tracking a new coalescing key corresponding to the gesture with this down time. */
   public void addCoalescingKey(long downTime) {
     mDownTimeToCoalescingKey.put((int) downTime, 0);
   }
 
-  /**
-   * Increments the coalescing key corresponding to the gesture with this down time.
-   */
+  /** Increments the coalescing key corresponding to the gesture with this down time. */
   public void incrementCoalescingKey(long downTime) {
     int currentValue = mDownTimeToCoalescingKey.get((int) downTime, -1);
     if (currentValue == -1) {
@@ -64,9 +58,7 @@ public void incrementCoalescingKey(long downTime) {
     mDownTimeToCoalescingKey.put((int) downTime, currentValue + 1);
   }
 
-  /**
-   * Gets the coalescing key corresponding to the gesture with this down time.
-   */
+  /** Gets the coalescing key corresponding to the gesture with this down time. */
   public short getCoalescingKey(long downTime) {
     int currentValue = mDownTimeToCoalescingKey.get((int) downTime, -1);
     if (currentValue == -1) {
@@ -75,9 +67,7 @@ public short getCoalescingKey(long downTime) {
     return ((short) (0xffff & currentValue));
   }
 
-  /**
-   * Stops tracking a new coalescing key corresponding to the gesture with this down time.
-   */
+  /** Stops tracking a new coalescing key corresponding to the gesture with this down time. */
   public void removeCoalescingKey(long downTime) {
     mDownTimeToCoalescingKey.delete((int) downTime);
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEventType.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEventType.java
index 04439c41269fed..d7d3fa2ad480a4 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEventType.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEventType.java
@@ -1,15 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.events;
 
-/**
- * Touch event types that JS module RCTEventEmitter can understand
- */
+/** Touch event types that JS module RCTEventEmitter can understand */
 public enum TouchEventType {
   START,
   END,
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchesHelper.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchesHelper.java
index 4907870d63750a..9b1903f742c246 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchesHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchesHelper.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.events;
 
 import android.view.MotionEvent;
@@ -13,9 +12,7 @@
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.uimanager.PixelUtil;
 
-/**
- * Class responsible for generating catalyst touch events based on android {@link MotionEvent}.
- */
+/** Class responsible for generating catalyst touch events based on android {@link MotionEvent}. */
 public class TouchesHelper {
 
   public static final String TARGET_KEY = "target";
@@ -72,8 +69,8 @@ private static WritableArray createsPointersArray(int reactTarget, TouchEvent ev
   }
 
   /**
-   * Generate and send touch event to RCTEventEmitter JS module associated with the given
-   * {@param context}. Touch event can encode multiple concurrent touches (pointers).
+   * Generate and send touch event to RCTEventEmitter JS module associated with the given {@param
+   * context}. Touch event can encode multiple concurrent touches (pointers).
    *
    * @param rctEventEmitter Event emitter used to execute JS module call
    * @param type type of the touch event (see {@link TouchEventType})
@@ -102,9 +99,6 @@ public static void sendTouchEvent(
       throw new RuntimeException("Unknown touch type: " + type);
     }
 
-    rctEventEmitter.receiveTouches(
-        TouchEventType.getJSEventName(type),
-        pointers,
-        changedIndices);
+    rctEventEmitter.receiveTouches(TouchEventType.getJSEventName(type), pointers, changedIndices);
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/AbstractLayoutAnimation.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/AbstractLayoutAnimation.java
index ca9bb385324f8b..cf5fe61acad7a4 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/AbstractLayoutAnimation.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/AbstractLayoutAnimation.java
@@ -13,11 +13,11 @@
 import android.view.animation.DecelerateInterpolator;
 import android.view.animation.Interpolator;
 import android.view.animation.LinearInterpolator;
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.uimanager.IllegalViewOperationException;
 import java.util.Map;
-import javax.annotation.Nullable;
 
 /**
  * Class responsible for parsing and converting layout animation data into native {@link Animation}
@@ -37,11 +37,12 @@
    */
   abstract @Nullable Animation createAnimationImpl(View view, int x, int y, int width, int height);
 
-  private static final Map<InterpolatorType, BaseInterpolator> INTERPOLATOR = MapBuilder.of(
-      InterpolatorType.LINEAR, new LinearInterpolator(),
-      InterpolatorType.EASE_IN, new AccelerateInterpolator(),
-      InterpolatorType.EASE_OUT, new DecelerateInterpolator(),
-      InterpolatorType.EASE_IN_EASE_OUT, new AccelerateDecelerateInterpolator());
+  private static final Map<InterpolatorType, BaseInterpolator> INTERPOLATOR =
+      MapBuilder.of(
+          InterpolatorType.LINEAR, new LinearInterpolator(),
+          InterpolatorType.EASE_IN, new AccelerateInterpolator(),
+          InterpolatorType.EASE_OUT, new DecelerateInterpolator(),
+          InterpolatorType.EASE_IN_EASE_OUT, new AccelerateDecelerateInterpolator());
 
   private @Nullable Interpolator mInterpolator;
   private int mDelayMs;
@@ -57,8 +58,10 @@ public void reset() {
   }
 
   public void initializeFromConfig(ReadableMap data, int globalDuration) {
-    mAnimatedProperty = data.hasKey("property") ?
-        AnimatedPropertyType.fromString(data.getString("property")) : null;
+    mAnimatedProperty =
+        data.hasKey("property")
+            ? AnimatedPropertyType.fromString(data.getString("property"))
+            : null;
     mDurationMs = data.hasKey("duration") ? data.getInt("duration") : globalDuration;
     mDelayMs = data.hasKey("delay") ? data.getInt("delay") : 0;
     if (!data.hasKey("type")) {
@@ -81,12 +84,7 @@ public void initializeFromConfig(ReadableMap data, int globalDuration) {
    * @param width the new width value for the view
    * @param height the new height value for the view
    */
-   public final @Nullable Animation createAnimation(
-       View view,
-       int x,
-       int y,
-       int width,
-       int height) {
+  public final @Nullable Animation createAnimation(View view, int x, int y, int width, int height) {
     if (!isValid()) {
       return null;
     }
@@ -101,12 +99,13 @@ public void initializeFromConfig(ReadableMap data, int globalDuration) {
   }
 
   private static Interpolator getInterpolator(InterpolatorType type, ReadableMap params) {
-     Interpolator interpolator;
-     if (type.equals(InterpolatorType.SPRING)) {
-       interpolator = new SimpleSpringInterpolator(SimpleSpringInterpolator.getSpringDamping(params));
-     } else {
-       interpolator = INTERPOLATOR.get(type);
-     }
+    Interpolator interpolator;
+    if (type.equals(InterpolatorType.SPRING)) {
+      interpolator =
+          new SimpleSpringInterpolator(SimpleSpringInterpolator.getSpringDamping(params));
+    } else {
+      interpolator = INTERPOLATOR.get(type);
+    }
     if (interpolator == null) {
       throw new IllegalArgumentException("Missing interpolator for type : " + type);
     }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/AnimatedPropertyType.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/AnimatedPropertyType.java
index a8e569fbe91c19..54c572cf8c9563 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/AnimatedPropertyType.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/AnimatedPropertyType.java
@@ -6,8 +6,8 @@
 package com.facebook.react.uimanager.layoutanimation;
 
 /**
- * Enum representing the different view properties that can be used when animating layout for
- * view creation.
+ * Enum representing the different view properties that can be used when animating layout for view
+ * creation.
  */
 /* package */ enum AnimatedPropertyType {
   OPACITY,
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/BaseLayoutAnimation.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/BaseLayoutAnimation.java
index 0c586fb5ba2f43..8d73bd63ff60c3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/BaseLayoutAnimation.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/BaseLayoutAnimation.java
@@ -8,12 +8,9 @@
 import android.view.View;
 import android.view.animation.Animation;
 import android.view.animation.ScaleAnimation;
-
 import com.facebook.react.uimanager.IllegalViewOperationException;
 
-/**
- * Class responsible for default layout animation, i.e animation of view creation and deletion.
- */
+/** Class responsible for default layout animation, i.e animation of view creation and deletion. */
 /* package */ abstract class BaseLayoutAnimation extends AbstractLayoutAnimation {
 
   abstract boolean isReverse();
@@ -27,50 +24,54 @@ boolean isValid() {
   Animation createAnimationImpl(View view, int x, int y, int width, int height) {
     if (mAnimatedProperty != null) {
       switch (mAnimatedProperty) {
-        case OPACITY: {
-          float fromValue = isReverse() ? view.getAlpha() : 0.0f;
-          float toValue = isReverse() ? 0.0f : view.getAlpha();
-          return new OpacityAnimation(view, fromValue, toValue);
-        }
-        case SCALE_XY: {
-          float fromValue = isReverse() ? 1.0f : 0.0f;
-          float toValue = isReverse() ? 0.0f : 1.0f;
-          return new ScaleAnimation(
-              fromValue,
-              toValue,
-              fromValue,
-              toValue,
-              Animation.RELATIVE_TO_SELF,
-              .5f,
-              Animation.RELATIVE_TO_SELF,
-              .5f);
-        }
-        case SCALE_X: {
-          float fromValue = isReverse() ? 1.0f : 0.0f;
-          float toValue = isReverse() ? 0.0f : 1.0f;
-          return new ScaleAnimation(
-              fromValue,
-              toValue,
-              1f,
-              1f,
-              Animation.RELATIVE_TO_SELF,
-              .5f,
-              Animation.RELATIVE_TO_SELF,
-              0f);
-        }
-        case SCALE_Y: {
-          float fromValue = isReverse() ? 1.0f : 0.0f;
-          float toValue = isReverse() ? 0.0f : 1.0f;
-          return new ScaleAnimation(
-              1f,
-              1f,
-              fromValue,
-              toValue,
-              Animation.RELATIVE_TO_SELF,
-              0f,
-              Animation.RELATIVE_TO_SELF,
-              .5f);
-        }
+        case OPACITY:
+          {
+            float fromValue = isReverse() ? view.getAlpha() : 0.0f;
+            float toValue = isReverse() ? 0.0f : view.getAlpha();
+            return new OpacityAnimation(view, fromValue, toValue);
+          }
+        case SCALE_XY:
+          {
+            float fromValue = isReverse() ? 1.0f : 0.0f;
+            float toValue = isReverse() ? 0.0f : 1.0f;
+            return new ScaleAnimation(
+                fromValue,
+                toValue,
+                fromValue,
+                toValue,
+                Animation.RELATIVE_TO_SELF,
+                .5f,
+                Animation.RELATIVE_TO_SELF,
+                .5f);
+          }
+        case SCALE_X:
+          {
+            float fromValue = isReverse() ? 1.0f : 0.0f;
+            float toValue = isReverse() ? 0.0f : 1.0f;
+            return new ScaleAnimation(
+                fromValue,
+                toValue,
+                1f,
+                1f,
+                Animation.RELATIVE_TO_SELF,
+                .5f,
+                Animation.RELATIVE_TO_SELF,
+                0f);
+          }
+        case SCALE_Y:
+          {
+            float fromValue = isReverse() ? 1.0f : 0.0f;
+            float toValue = isReverse() ? 0.0f : 1.0f;
+            return new ScaleAnimation(
+                1f,
+                1f,
+                fromValue,
+                toValue,
+                Animation.RELATIVE_TO_SELF,
+                0f,
+                Animation.RELATIVE_TO_SELF,
+                .5f);
+          }
         default:
           throw new IllegalViewOperationException(
               "Missing animation for property : " + mAnimatedProperty);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationController.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationController.java
index 232cb01f9071e5..55c3bea2ca9d86 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationController.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationController.java
@@ -5,19 +5,17 @@
 
 package com.facebook.react.uimanager.layoutanimation;
 
-import javax.annotation.Nullable;
-import javax.annotation.concurrent.NotThreadSafe;
-
 import android.os.Handler;
 import android.os.Looper;
 import android.util.SparseArray;
 import android.view.View;
 import android.view.ViewGroup;
 import android.view.animation.Animation;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.Callback;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.UiThreadUtil;
+import javax.annotation.concurrent.NotThreadSafe;
 
 /**
  * Class responsible for animation layout changes, if a valid layout animation config has been
@@ -38,7 +36,8 @@ public class LayoutAnimationController {
 
   @Nullable private static Handler sCompletionHandler;
 
-  public void initializeFromConfig(final @Nullable ReadableMap config, final Callback completionCallback) {
+  public void initializeFromConfig(
+      final @Nullable ReadableMap config, final Callback completionCallback) {
     if (config == null) {
       reset();
       return;
@@ -63,12 +62,13 @@ public void initializeFromConfig(final @Nullable ReadableMap config, final Callb
     }
 
     if (mShouldAnimateLayout && completionCallback != null) {
-      mCompletionRunnable = new Runnable() {
-        @Override
-        public void run() {
-          completionCallback.invoke(Boolean.TRUE);
-        }
-      };
+      mCompletionRunnable =
+          new Runnable() {
+            @Override
+            public void run() {
+              completionCallback.invoke(Boolean.TRUE);
+            }
+          };
     }
   }
 
@@ -87,7 +87,7 @@ public boolean shouldAnimateLayout(View viewToAnimate) {
     // If there's a layout handling animation going on, it should be animated nonetheless since the
     // ongoing animation needs to be updated.
     return (mShouldAnimateLayout && viewToAnimate.getParent() != null)
-      || mLayoutHandlers.get(viewToAnimate.getId()) != null;
+        || mLayoutHandlers.get(viewToAnimate.getId()) != null;
   }
 
   /**
@@ -117,27 +117,29 @@ public void applyLayoutUpdate(View view, int x, int y, int width, int height) {
     // Determine which animation to use : if view is initially invisible, use create animation,
     // otherwise use update animation. This approach is easier than maintaining a list of tags
     // for recently created views.
-    AbstractLayoutAnimation layoutAnimation = (view.getWidth() == 0 || view.getHeight() == 0) ?
-        mLayoutCreateAnimation :
-        mLayoutUpdateAnimation;
+    AbstractLayoutAnimation layoutAnimation =
+        (view.getWidth() == 0 || view.getHeight() == 0)
+            ? mLayoutCreateAnimation
+            : mLayoutUpdateAnimation;
 
     Animation animation = layoutAnimation.createAnimation(view, x, y, width, height);
 
     if (animation instanceof LayoutHandlingAnimation) {
-      animation.setAnimationListener(new Animation.AnimationListener() {
-        @Override
-        public void onAnimationStart(Animation animation) {
-          mLayoutHandlers.put(reactTag, (LayoutHandlingAnimation) animation);
-        }
-
-        @Override
-        public void onAnimationEnd(Animation animation) {
-          mLayoutHandlers.remove(reactTag);
-        }
-
-        @Override
-        public void onAnimationRepeat(Animation animation) {}
-      });
+      animation.setAnimationListener(
+          new Animation.AnimationListener() {
+            @Override
+            public void onAnimationStart(Animation animation) {
+              mLayoutHandlers.put(reactTag, (LayoutHandlingAnimation) animation);
+            }
+
+            @Override
+            public void onAnimationEnd(Animation animation) {
+              mLayoutHandlers.remove(reactTag);
+            }
+
+            @Override
+            public void onAnimationRepeat(Animation animation) {}
+          });
     } else {
       view.layout(x, y, x + width, y + height);
     }
@@ -154,33 +156,36 @@ public void onAnimationRepeat(Animation animation) {}
   }
 
   /**
-   * Animate a view deletion using the layout animation configuration supplied during initialization.
+   * Animate a view deletion using the layout animation configuration supplied during
+   * initialization.
    *
-   * @param view     The view to animate.
-   * @param listener Called once the animation is finished, should be used to
-   *                 completely remove the view.
+   * @param view The view to animate.
+   * @param listener Called once the animation is finished, should be used to completely remove the
+   *     view.
    */
   public void deleteView(final View view, final LayoutAnimationListener listener) {
     UiThreadUtil.assertOnUiThread();
 
-    Animation animation = mLayoutDeleteAnimation.createAnimation(
-        view, view.getLeft(), view.getTop(), view.getWidth(), view.getHeight());
+    Animation animation =
+        mLayoutDeleteAnimation.createAnimation(
+            view, view.getLeft(), view.getTop(), view.getWidth(), view.getHeight());
 
     if (animation != null) {
       disableUserInteractions(view);
 
-      animation.setAnimationListener(new Animation.AnimationListener() {
-        @Override
-        public void onAnimationStart(Animation anim) {}
+      animation.setAnimationListener(
+          new Animation.AnimationListener() {
+            @Override
+            public void onAnimationStart(Animation anim) {}
 
-        @Override
-        public void onAnimationRepeat(Animation anim) {}
+            @Override
+            public void onAnimationRepeat(Animation anim) {}
 
-        @Override
-        public void onAnimationEnd(Animation anim) {
-          listener.onAnimationEnd();
-        }
-      });
+            @Override
+            public void onAnimationEnd(Animation anim) {
+              listener.onAnimationEnd();
+            }
+          });
 
       long animationDuration = animation.getDuration();
       if (animationDuration > mMaxAnimationDuration) {
@@ -194,13 +199,11 @@ public void onAnimationEnd(Animation anim) {
     }
   }
 
-  /**
-   * Disables user interactions for a view and all it's subviews.
-   */
+  /** Disables user interactions for a view and all it's subviews. */
   private void disableUserInteractions(View view) {
     view.setClickable(false);
     if (view instanceof ViewGroup) {
-      ViewGroup viewGroup = (ViewGroup)view;
+      ViewGroup viewGroup = (ViewGroup) view;
       for (int i = 0; i < viewGroup.getChildCount(); i++) {
         disableUserInteractions(viewGroup.getChildAt(i));
       }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationListener.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationListener.java
index 328e0dc6eebfe5..f830774282adbf 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationListener.java
@@ -5,9 +5,7 @@
 
 package com.facebook.react.uimanager.layoutanimation;
 
-/**
- * Listener invoked when a layout animation has completed.
- */
+/** Listener invoked when a layout animation has completed. */
 public interface LayoutAnimationListener {
   void onAnimationEnd();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutCreateAnimation.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutCreateAnimation.java
index 9259142e956650..c7d1205b5df85a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutCreateAnimation.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutCreateAnimation.java
@@ -6,8 +6,8 @@
 package com.facebook.react.uimanager.layoutanimation;
 
 /**
- * Class responsible for handling layout view creation animation, applied to view whenever a
- * valid config was supplied for the layout animation of CREATE type.
+ * 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 {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutDeleteAnimation.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutDeleteAnimation.java
index e4db29c7be3938..6196a484baae57 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutDeleteAnimation.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutDeleteAnimation.java
@@ -6,8 +6,8 @@
 package com.facebook.react.uimanager.layoutanimation;
 
 /**
- * Class responsible for handling layout view deletion animation, applied to view whenever a
- * valid config was supplied for the layout animation of DELETE type.
+ * 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 {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutHandlingAnimation.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutHandlingAnimation.java
index 7021d6978f056e..a50c49b01db89e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutHandlingAnimation.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutHandlingAnimation.java
@@ -5,19 +5,17 @@
 
 package com.facebook.react.uimanager.layoutanimation;
 
-/**
- * Interface for an animation type that takes care of updating the view layout.
- */
+/** Interface for an animation type that takes care of updating the view layout. */
 /* package */ interface LayoutHandlingAnimation {
-    /**
-     * Notifies the animation of a layout update in case one occurs during the animation. This
-     * avoids animating the view to the old layout since it's no longer correct; instead the
-     * animation should update and do whatever it can so that the final layout is correct.
-     *
-     * @param x the new X position for the view
-     * @param y the new Y position for the view
-     * @param width the new width value for the view
-     * @param height the new height value for the view
-     */
-    void onLayoutUpdate(int x, int y, int width, int height);
+  /**
+   * Notifies the animation of a layout update in case one occurs during the animation. This avoids
+   * animating the view to the old layout since it's no longer correct; instead the animation should
+   * update and do whatever it can so that the final layout is correct.
+   *
+   * @param x the new X position for the view
+   * @param y the new Y position for the view
+   * @param width the new width value for the view
+   * @param height the new height value for the view
+   */
+  void onLayoutUpdate(int x, int y, int width, int height);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutUpdateAnimation.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutUpdateAnimation.java
index 2bd025db96d3eb..fbc657e934878c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutUpdateAnimation.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutUpdateAnimation.java
@@ -5,11 +5,10 @@
 
 package com.facebook.react.uimanager.layoutanimation;
 
-import javax.annotation.Nullable;
-
 import android.view.View;
 import android.view.animation.Animation;
 import android.view.animation.TranslateAnimation;
+import androidx.annotation.Nullable;
 
 /**
  * Class responsible for handling layout update animation, applied to view whenever a valid config
@@ -27,7 +26,8 @@ boolean isValid() {
   }
 
   @Override
-  @Nullable Animation createAnimationImpl(View view, int x, int y, int width, int height) {
+  @Nullable
+  Animation createAnimationImpl(View view, int x, int y, int width, int height) {
     boolean animateLocation = view.getX() != x || view.getY() != y;
     boolean animateSize = view.getWidth() != width || view.getHeight() != height;
     if (!animateLocation && !animateSize) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/OpacityAnimation.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/OpacityAnimation.java
index 053598f977daa9..623184adea48fc 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/OpacityAnimation.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/OpacityAnimation.java
@@ -10,8 +10,8 @@
 import android.view.animation.Transformation;
 
 /**
- * Animation responsible for updating opacity of a view. It should ideally use hardware texture
- * to optimize rendering performances.
+ * Animation responsible for updating opacity of a view. It should ideally use hardware texture to
+ * optimize rendering performances.
  */
 /* package */ class OpacityAnimation extends Animation {
 
@@ -26,8 +26,7 @@ public OpacityAnimationListener(View view) {
 
     @Override
     public void onAnimationStart(Animation animation) {
-      if (mView.hasOverlappingRendering() &&
-          mView.getLayerType() == View.LAYER_TYPE_NONE) {
+      if (mView.hasOverlappingRendering() && mView.getLayerType() == View.LAYER_TYPE_NONE) {
         mLayerTypeChanged = true;
         mView.setLayerType(View.LAYER_TYPE_HARDWARE, null);
       }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/PositionAndSizeAnimation.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/PositionAndSizeAnimation.java
index f1d3c691fea7b6..b7ad46c9d7f651 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/PositionAndSizeAnimation.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/PositionAndSizeAnimation.java
@@ -11,9 +11,9 @@
 
 /**
  * Animation responsible for updating size and position of a view. We can't use scaling as view
- * content may not necessarily stretch. As a result, this approach is inefficient because of
- * layout passes occurring on every frame.
- * What we might want to try to do instead is use a combined ScaleAnimation and TranslateAnimation.
+ * content may not necessarily stretch. As a result, this approach is inefficient because of layout
+ * 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 {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/SimpleSpringInterpolator.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/SimpleSpringInterpolator.java
index b83f0974d566ca..c6110d39754f1d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/SimpleSpringInterpolator.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/SimpleSpringInterpolator.java
@@ -9,18 +9,16 @@
 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 {
+/** Simple spring interpolator */
+// TODO(7613736): Improve spring interpolator with friction and damping variable support
+/* package */ class SimpleSpringInterpolator implements Interpolator {
 
   private static final float FACTOR = 0.5f;
   public static final String PARAM_SPRING_DAMPING = "springDamping";
   private final float mSpringDamping;
 
-  public static float getSpringDamping(ReadableMap params){
-    if (params.getType(PARAM_SPRING_DAMPING).equals(ReadableType.Number)){
+  public static float getSpringDamping(ReadableMap params) {
+    if (params.getType(PARAM_SPRING_DAMPING).equals(ReadableType.Number)) {
       return (float) params.getDouble(PARAM_SPRING_DAMPING);
     } else {
       return FACTOR;
@@ -31,15 +29,18 @@ public SimpleSpringInterpolator() {
     mSpringDamping = FACTOR;
   }
 
-  public SimpleSpringInterpolator(float springDamping){
+  public SimpleSpringInterpolator(float springDamping) {
     mSpringDamping = springDamping;
   }
 
   @Override
   public float getInterpolation(float input) {
-    // Using mSpringDamping in this equation is not really the exact mathematical springDamping, but a good approximation
+    // Using mSpringDamping in this equation is not really the exact mathematical springDamping, but
+    // a good approximation
     // We need to replace this equation with the right Factor that accounts for damping and friction
     return (float)
-        (1 + Math.pow(2, -10 * input) * Math.sin((input - mSpringDamping / 4) * Math.PI * 2 / mSpringDamping));
+        (1
+            + Math.pow(2, -10 * input)
+                * Math.sin((input - mSpringDamping / 4) * Math.PI * 2 / mSpringDamping));
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/util/BUCK b/ReactAndroid/src/main/java/com/facebook/react/uimanager/util/BUCK
index b00295716e6572..446c2dce76055b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/util/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/util/BUCK
@@ -3,10 +3,12 @@ load("//tools/build_defs/oss:rn_defs.bzl", "react_native_dep", "react_native_tar
 rn_android_library(
     name = "util",
     srcs = glob(["*.java"]),
+    is_androidx = True,
     visibility = [
         "PUBLIC",
     ],
     deps = [
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
         react_native_target("res:uimanager"),
     ],
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/util/ReactFindViewUtil.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/util/ReactFindViewUtil.java
index 84a98b1f7f8ccf..53bc04dd0902a8 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/util/ReactFindViewUtil.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/util/ReactFindViewUtil.java
@@ -7,6 +7,7 @@
 
 import android.view.View;
 import android.view.ViewGroup;
+import androidx.annotation.Nullable;
 import com.facebook.react.R;
 import java.util.ArrayList;
 import java.util.HashMap;
@@ -14,49 +15,43 @@
 import java.util.List;
 import java.util.Map;
 import java.util.Set;
-import javax.annotation.Nullable;
 
-/**
- * Finds views in React Native view hierarchies
- */
+/** Finds views in React Native view hierarchies */
 public class ReactFindViewUtil {
 
   private static final List<OnViewFoundListener> mOnViewFoundListeners = new ArrayList<>();
   private static final Map<OnMultipleViewsFoundListener, Set<String>>
       mOnMultipleViewsFoundListener = new HashMap<>();
 
-  /**
-   * Callback to be invoked when a react native view has been found
-   */
+  /** Callback to be invoked when a react native view has been found */
   public interface OnViewFoundListener {
 
-    /**
-     * Returns the native id of the view of interest
-     */
+    /** Returns the native id of the view of interest */
     String getNativeId();
 
     /**
      * Called when the view has been found
+     *
      * @param view
      */
     void onViewFound(View view);
   }
 
-  /**
-   * Callback to be invoked when all react native views with geiven NativeIds have been found
-   */
-  public interface OnMultipleViewsFoundListener{
+  /** Callback to be invoked when all react native views with geiven NativeIds have been found */
+  public interface OnMultipleViewsFoundListener {
 
     void onViewFound(View view, String nativeId);
     /**
      * Called when all teh views have been found
+     *
      * @param map
      */
   }
 
   /**
-   * Finds a view that is tagged with {@param nativeId} as its nativeID prop
-   * under the {@param root} view hierarchy. Returns the view if found, null otherwise.
+   * Finds a view that is tagged with {@param nativeId} as its nativeID prop under the {@param root}
+   * view hierarchy. Returns the view if found, null otherwise.
+   *
    * @param root root of the view hierarchy from which to find the view
    */
   public static @Nullable View findView(View root, String nativeId) {
@@ -82,6 +77,7 @@ public interface OnMultipleViewsFoundListener{
    * Finds a view tagged with {@param onViewFoundListener}'s nativeID in the given {@param root}
    * view hierarchy. If the view does not exist yet due to React Native's async layout, a listener
    * will be added. When the view is found, the {@param onViewFoundListener} will be invoked.
+   *
    * @param root root of the view hierarchy from which to find the view
    */
   public static void findView(View root, OnViewFoundListener onViewFoundListener) {
@@ -100,9 +96,7 @@ public static void addViewListener(OnViewFoundListener onViewFoundListener) {
     mOnViewFoundListeners.add(onViewFoundListener);
   }
 
-  /**
-   * Removes an OnViewFoundListener previously registered with addViewListener().
-   */
+  /** Removes an OnViewFoundListener previously registered with addViewListener(). */
   public static void removeViewListener(OnViewFoundListener onViewFoundListener) {
     mOnViewFoundListeners.remove(onViewFoundListener);
   }
@@ -115,9 +109,7 @@ public static void removeViewsListener(OnMultipleViewsFoundListener listener) {
     mOnMultipleViewsFoundListener.remove(listener);
   }
 
-  /**
-   * Invokes any listeners that are listening on this {@param view}'s native id
-   */
+  /** Invokes any listeners that are listening on this {@param view}'s native id */
   public static void notifyViewRendered(View view) {
     String nativeId = getNativeId(view);
     if (nativeId == null) {
@@ -132,11 +124,12 @@ public static void notifyViewRendered(View view) {
       }
     }
 
-    for (Map.Entry<OnMultipleViewsFoundListener, Set<String>> entry : mOnMultipleViewsFoundListener.entrySet()) {
-       Set<String> nativeIds = entry.getValue();
-       if (nativeIds != null && nativeIds.contains(nativeId)) {
-            entry.getKey().onViewFound(view, nativeId);
-       }
+    for (Map.Entry<OnMultipleViewsFoundListener, Set<String>> entry :
+        mOnMultipleViewsFoundListener.entrySet()) {
+      Set<String> nativeIds = entry.getValue();
+      if (nativeIds != null && nativeIds.contains(nativeId)) {
+        entry.getKey().onViewFound(view, nativeId);
+      }
     }
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/util/BUCK b/ReactAndroid/src/main/java/com/facebook/react/util/BUCK
index 7f700ab80a797f..93288f7267b157 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/util/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/util/BUCK
@@ -1,4 +1,4 @@
-load("//tools/build_defs/oss:rn_defs.bzl", "react_native_target", "rn_android_library")
+load("//tools/build_defs/oss:rn_defs.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "util",
@@ -7,6 +7,7 @@ rn_android_library(
         "PUBLIC",
     ],
     deps = [
+        react_native_dep("third-party/java/jsr-305:jsr-305"),
         react_native_target("java/com/facebook/react/bridge:bridge"),
     ],
 )
diff --git a/ReactAndroid/src/main/java/com/facebook/react/util/ExceptionDataHelper.java b/ReactAndroid/src/main/java/com/facebook/react/util/ExceptionDataHelper.java
new file mode 100644
index 00000000000000..dffac94ef77972
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/util/ExceptionDataHelper.java
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
+ */
+package com.facebook.react.util;
+
+import android.util.JsonWriter;
+import com.facebook.react.bridge.JsonWriterHelper;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.ReadableType;
+import java.io.IOException;
+import java.io.StringWriter;
+import java.io.Writer;
+import javax.annotation.Nullable;
+
+public class ExceptionDataHelper {
+  static final String EXTRA_DATA_FIELD = "extraData";
+
+  public static String getExtraDataAsJson(@Nullable ReadableMap metadata) {
+    if (metadata == null || metadata.getType(EXTRA_DATA_FIELD) == ReadableType.Null) {
+      return null;
+    }
+    try {
+      Writer extraDataWriter = new StringWriter();
+      JsonWriter json = new JsonWriter(extraDataWriter);
+      JsonWriterHelper.value(json, metadata.getDynamic(EXTRA_DATA_FIELD));
+      json.close();
+      extraDataWriter.close();
+      return extraDataWriter.toString();
+    } catch (IOException ex) {
+    }
+    return null;
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/util/JSStackTrace.java b/ReactAndroid/src/main/java/com/facebook/react/util/JSStackTrace.java
index 1a58a8f168433c..97b4e77edebddd 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/util/JSStackTrace.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/util/JSStackTrace.java
@@ -1,49 +1,46 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
 package com.facebook.react.util;
 
-import java.util.regex.Matcher;
-import java.util.regex.Pattern;
-
 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;
 
 public class JSStackTrace {
 
-  private static final Pattern FILE_ID_PATTERN = Pattern.compile("\\b((?:seg-\\d+(?:_\\d+)?|\\d+)\\.js)");
+  private static final String LINE_NUMBER_KEY = "lineNumber";
+  private static final Pattern FILE_ID_PATTERN =
+      Pattern.compile("\\b((?:seg-\\d+(?:_\\d+)?|\\d+)\\.js)");
+  private static final String FILE_KEY = "file";
+  private static final String COLUMN_KEY = "column";
+  private static final String METHOD_NAME_KEY = "methodName";
 
   public static String format(String message, ReadableArray stack) {
     StringBuilder stringBuilder = new StringBuilder(message).append(", stack:\n");
     for (int i = 0; i < stack.size(); i++) {
       ReadableMap frame = stack.getMap(i);
-      stringBuilder
-        .append(frame.getString("methodName"))
-        .append("@")
-        .append(parseFileId(frame));
-      
-      if (frame.hasKey("lineNumber") &&
-        !frame.isNull("lineNumber") &&
-        frame.getType("lineNumber") == ReadableType.Number) {
-        stringBuilder
-          .append(frame.getInt("lineNumber"));
+      stringBuilder.append(frame.getString(METHOD_NAME_KEY)).append("@").append(parseFileId(frame));
+
+      if (frame.hasKey(LINE_NUMBER_KEY)
+          && !frame.isNull(LINE_NUMBER_KEY)
+          && frame.getType(LINE_NUMBER_KEY) == ReadableType.Number) {
+        stringBuilder.append(frame.getInt(LINE_NUMBER_KEY));
       } else {
-        stringBuilder
-          .append(-1);
+        stringBuilder.append(-1);
       }
-      
-      if (frame.hasKey("column") &&
-        !frame.isNull("column") &&
-        frame.getType("column") == ReadableType.Number) {
-        stringBuilder
-          .append(":")
-          .append(frame.getInt("column"));
+
+      if (frame.hasKey(COLUMN_KEY)
+          && !frame.isNull(COLUMN_KEY)
+          && frame.getType(COLUMN_KEY) == ReadableType.Number) {
+        stringBuilder.append(":").append(frame.getInt(COLUMN_KEY));
       }
-      
+
       stringBuilder.append("\n");
     }
     return stringBuilder.toString();
@@ -57,12 +54,15 @@ public static String format(String message, ReadableArray stack) {
   // stack traces with a single source map file.
   // NOTE: The ".js" suffix is kept to avoid ambiguities between "module-id:line" and "line:column".
   private static String parseFileId(ReadableMap frame) {
-    if (frame.hasKey("file") &&
-        !frame.isNull("file") &&
-        frame.getType("file") == ReadableType.String) {
-      final Matcher matcher = FILE_ID_PATTERN.matcher(frame.getString("file"));
-      if (matcher.find()) {
-        return matcher.group(1) + ":";
+    if (frame.hasKey(FILE_KEY)
+        && !frame.isNull(FILE_KEY)
+        && frame.getType(FILE_KEY) == ReadableType.String) {
+      String file = frame.getString(FILE_KEY);
+      if (file != null) {
+        final Matcher matcher = FILE_ID_PATTERN.matcher(file);
+        if (matcher.find()) {
+          return matcher.group(1) + ":";
+        }
       }
     }
     return "";
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTGroupShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTGroupShadowNode.java
index 9c97a61277bd76..4799ef98faba88 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTGroupShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTGroupShadowNode.java
@@ -1,32 +1,25 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.art;
 
-import com.facebook.react.uimanager.ReactShadowNodeImpl;
-import javax.annotation.Nullable;
-
 import android.graphics.Canvas;
 import android.graphics.Paint;
 import android.graphics.RectF;
-import android.graphics.Region;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.uimanager.annotations.ReactProp;
 
-/**
- * Shadow node for virtual ARTGroup view
- */
+/** Shadow node for virtual ARTGroup view */
 public class ARTGroupShadowNode extends ARTVirtualNode {
 
   protected @Nullable RectF mClipping;
 
-  public ARTGroupShadowNode() { }
+  public ARTGroupShadowNode() {}
 
   @ReactProp(name = "clipping")
   public void setClipping(@Nullable ReadableArray clippingDims) {
@@ -49,11 +42,10 @@ public void draw(Canvas canvas, Paint paint, float opacity) {
 
       if (mClipping != null) {
         canvas.clipRect(
-          mClipping.left * mScale,
-          mClipping.top * mScale,
-          mClipping.right * mScale,
-          mClipping.bottom * mScale,
-          Region.Op.REPLACE);
+            mClipping.left * mScale,
+            mClipping.top * mScale,
+            mClipping.right * mScale,
+            mClipping.bottom * mScale);
       }
 
       for (int i = 0; i < getChildCount(); i++) {
@@ -67,8 +59,7 @@ public void draw(Canvas canvas, Paint paint, float opacity) {
   }
 
   /**
-   * Creates a {@link RectF} from an array of dimensions
-   * (e.g. [x, y, width, height])
+   * Creates a {@link RectF} from an array of dimensions (e.g. [x, y, width, height])
    *
    * @param data the array of dimensions
    * @return the {@link RectF} that can used to clip the canvas
@@ -78,8 +69,7 @@ private static RectF createClipping(float[] data) {
       throw new JSApplicationIllegalArgumentException(
           "Clipping should be array of length 4 (e.g. [x, y, width, height])");
     }
-    RectF clippingRect = new RectF(
-      data[0], data[1], data[0] + data[2], data[1] + data[3]);
+    RectF clippingRect = new RectF(data[0], data[1], data[0] + data[2], data[1] + data[3]);
     return clippingRect;
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTGroupViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTGroupViewManager.java
index e80835607b5332..3bd08c231826e8 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTGroupViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTGroupViewManager.java
@@ -7,9 +7,7 @@
 
 import com.facebook.react.module.annotations.ReactModule;
 
-/**
- * ViewManager for shadowed ART group views.
- */
+/** ViewManager for shadowed ART group views. */
 @ReactModule(name = ARTRenderableViewManager.CLASS_GROUP)
 public class ARTGroupViewManager extends ARTRenderableViewManager {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTRenderableViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTRenderableViewManager.java
index 60ac57ed039f04..8d9511e2ee44aa 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTRenderableViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTRenderableViewManager.java
@@ -1,14 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.art;
 
 import android.view.View;
-
 import com.facebook.react.uimanager.ReactShadowNode;
 import com.facebook.react.uimanager.ThemedReactContext;
 import com.facebook.react.uimanager.ViewManager;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTShapeShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTShapeShadowNode.java
index 5cd54338bd1203..91c6a5b24415e1 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTShapeShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTShapeShadowNode.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.art;
 
 import android.graphics.Canvas;
@@ -15,18 +14,14 @@
 import android.graphics.Path;
 import android.graphics.RectF;
 import android.graphics.Shader;
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.uimanager.annotations.ReactProp;
-import javax.annotation.Nullable;
-
-import static com.facebook.react.common.ArrayUtils.copyArray;
 
-/**
- * Shadow node for virtual ARTShape view
- */
+/** Shadow node for virtual ARTShape view */
 public class ARTShapeShadowNode extends ARTVirtualNode {
 
   private static final int CAP_BUTT = 0;
@@ -58,7 +53,7 @@ public class ARTShapeShadowNode extends ARTVirtualNode {
   private int mStrokeCap = CAP_ROUND;
   private int mStrokeJoin = JOIN_ROUND;
 
-  public ARTShapeShadowNode() { }
+  public ARTShapeShadowNode() {}
 
   @ReactProp(name = "d")
   public void setShapePath(@Nullable ReadableArray shapePath) {
@@ -109,8 +104,7 @@ public void draw(Canvas canvas, Paint paint, float opacity) {
     if (opacity > MIN_OPACITY_FOR_DRAW) {
       saveAndSetupCanvas(canvas);
       if (mPath == null) {
-        throw new JSApplicationIllegalArgumentException(
-            "Shapes should have a valid path (d) prop");
+        throw new JSApplicationIllegalArgumentException("Shapes should have a valid path (d) prop");
       }
       if (setupFillPaint(paint, opacity)) {
         canvas.drawPath(mPath, paint);
@@ -124,8 +118,8 @@ public void draw(Canvas canvas, Paint paint, float opacity) {
   }
 
   /**
-   * Sets up {@link #mPaint} according to the props set on a shadow view. Returns {@code true}
-   * if the stroke should be drawn, {@code false} if not.
+   * Sets up {@link #mPaint} according to the props set on a shadow view. Returns {@code true} if
+   * the stroke should be drawn, {@code false} if not.
    */
   protected boolean setupStrokePaint(Paint paint, float opacity) {
     if (mStrokeWidth == 0 || mStrokeColor == null || mStrokeColor.length == 0) {
@@ -175,8 +169,8 @@ protected boolean setupStrokePaint(Paint paint, float opacity) {
   }
 
   /**
-   * Sets up {@link #mPaint} according to the props set on a shadow view. Returns {@code true}
-   * if the fill should be drawn, {@code false} if not.
+   * Sets up {@link #mPaint} according to the props set on a shadow view. Returns {@code true} if
+   * the fill should be drawn, {@code false} if not.
    */
   protected boolean setupFillPaint(Paint paint, float opacity) {
     if (mBrushData != null && mBrushData.length > 0) {
@@ -193,11 +187,13 @@ protected boolean setupFillPaint(Paint paint, float opacity) {
               (int) (mBrushData[3] * 255));
           break;
         case COLOR_TYPE_LINEAR_GRADIENT:
-          // For mBrushData format refer to LinearGradient and insertColorStopsIntoArray functions in ReactNativeART.js
+          // For mBrushData format refer to LinearGradient and insertColorStopsIntoArray functions
+          // in ReactNativeART.js
           if (mBrushData.length < 5) {
-            FLog.w(ReactConstants.TAG,
-              "[ARTShapeShadowNode setupFillPaint] expects 5 elements, received "
-              + mBrushData.length);
+            FLog.w(
+                ReactConstants.TAG,
+                "[ARTShapeShadowNode setupFillPaint] expects 5 elements, received "
+                    + mBrushData.length);
             return false;
           }
           float gradientStartX = mBrushData[1] * mScale;
@@ -210,23 +206,24 @@ protected boolean setupFillPaint(Paint paint, float opacity) {
           if (stops > 0) {
             colors = new int[stops];
             positions = new float[stops];
-            for (int i=0; i<stops; i++) {
-              positions[i] = mBrushData[5 + 4*stops + i];
-              int r = (int) (255 * mBrushData[5 + 4*i + 0]);
-              int g = (int) (255 * mBrushData[5 + 4*i + 1]);
-              int b = (int) (255 * mBrushData[5 + 4*i + 2]);
-              int a = (int) (255 * mBrushData[5 + 4*i + 3]);
+            for (int i = 0; i < stops; i++) {
+              positions[i] = mBrushData[5 + 4 * stops + i];
+              int r = (int) (255 * mBrushData[5 + 4 * i + 0]);
+              int g = (int) (255 * mBrushData[5 + 4 * i + 1]);
+              int b = (int) (255 * mBrushData[5 + 4 * i + 2]);
+              int a = (int) (255 * mBrushData[5 + 4 * i + 3]);
               colors[i] = Color.argb(a, r, g, b);
             }
           }
           paint.setShader(
-            new LinearGradient(
-              gradientStartX, gradientStartY,
-              gradientEndX, gradientEndY,
-              colors, positions,
-              Shader.TileMode.CLAMP
-            )
-          );
+              new LinearGradient(
+                  gradientStartX,
+                  gradientStartY,
+                  gradientEndX,
+                  gradientEndY,
+                  colors,
+                  positions,
+                  Shader.TileMode.CLAMP));
           break;
         case COLOR_TYPE_RADIAL_GRADIENT:
           // TODO(6352048): Support radial gradient etc.
@@ -255,10 +252,10 @@ private float modulus(float x, float y) {
   }
 
   /**
-   * Creates a {@link Path} from an array of instructions constructed by JS
-   * (see ARTSerializablePath.js). Each instruction starts with a type (see PATH_TYPE_*) followed
-   * by arguments for that instruction. For example, to create a line the instruction will be
-   * 2 (PATH_LINE_TO), x, y. This will draw a line from the last draw point (or 0,0) to x,y.
+   * Creates a {@link Path} from an array of instructions constructed by JS (see
+   * ARTSerializablePath.js). Each instruction starts with a type (see PATH_TYPE_*) followed by
+   * arguments for that instruction. For example, to create a line the instruction will be 2
+   * (PATH_LINE_TO), x, y. This will draw a line from the last draw point (or 0,0) to x,y.
    *
    * @param data the array of instructions
    * @return the {@link Path} that can be drawn to a canvas
@@ -289,29 +286,29 @@ private Path createPath(float[] data) {
               data[i++] * mScale);
           break;
         case PATH_TYPE_ARC:
-        {
-          float x = data[i++] * mScale;
-          float y = data[i++] * mScale;
-          float r = data[i++] * mScale;
-          float start = (float) Math.toDegrees(data[i++]);
-          float end = (float) Math.toDegrees(data[i++]);
+          {
+            float x = data[i++] * mScale;
+            float y = data[i++] * mScale;
+            float r = data[i++] * mScale;
+            float start = (float) Math.toDegrees(data[i++]);
+            float end = (float) Math.toDegrees(data[i++]);
 
-          boolean counterClockwise = !(data[i++] == 1f);
-          float sweep = end - start;
-          if (Math.abs(sweep) >= 360) {
-            path.addCircle(x, y, r, counterClockwise ? Path.Direction.CCW : Path.Direction.CW);
-          } else {
-            sweep = modulus(sweep, 360);
-            if (counterClockwise && sweep < 360) {
-              // Counter-clockwise sweeps are negative
-              sweep = -1 * (360 - sweep);
-            }
+            boolean counterClockwise = !(data[i++] == 1f);
+            float sweep = end - start;
+            if (Math.abs(sweep) >= 360) {
+              path.addCircle(x, y, r, counterClockwise ? Path.Direction.CCW : Path.Direction.CW);
+            } else {
+              sweep = modulus(sweep, 360);
+              if (counterClockwise && sweep < 360) {
+                // Counter-clockwise sweeps are negative
+                sweep = -1 * (360 - sweep);
+              }
 
-            RectF oval = new RectF(x - r, y - r, x + r, y + r);
-            path.arcTo(oval, start, sweep);
+              RectF oval = new RectF(x - r, y - r, x + r, y + r);
+              path.arcTo(oval, start, sweep);
+            }
+            break;
           }
-          break;
-        }
         default:
           throw new JSApplicationIllegalArgumentException(
               "Unrecognized drawing instruction " + type);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTShapeViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTShapeViewManager.java
index d980eaac68d4b2..65da0f9894a1ba 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTShapeViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTShapeViewManager.java
@@ -7,9 +7,7 @@
 
 import com.facebook.react.module.annotations.ReactModule;
 
-/**
- * ViewManager for shadowed ART shape views.
- */
+/** ViewManager for shadowed ART shape views. */
 @ReactModule(name = ARTRenderableViewManager.CLASS_SHAPE)
 public class ARTShapeViewManager extends ARTRenderableViewManager {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTSurfaceView.java b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTSurfaceView.java
index 190cbe74606dbc..a3531e08217361 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTSurfaceView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTSurfaceView.java
@@ -1,18 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.art;
 
 import android.content.Context;
 import android.view.TextureView;
 
-/**
- * Custom {@link View} implementation that draws an ARTSurface React view and its children.
- */
+/** Custom {@link View} implementation that draws an ARTSurface React view and its children. */
 public class ARTSurfaceView extends TextureView {
   public ARTSurfaceView(Context context) {
     super(context);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTSurfaceViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTSurfaceViewManager.java
index e7cc4c652f651d..aa8ee1d46aa83a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTSurfaceViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTSurfaceViewManager.java
@@ -1,40 +1,40 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.art;
 
-import com.facebook.yoga.YogaMeasureMode;
-import com.facebook.yoga.YogaMeasureFunction;
-import com.facebook.yoga.YogaNode;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.uimanager.BaseViewManager;
 import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.yoga.YogaMeasureFunction;
+import com.facebook.yoga.YogaMeasureMode;
+import com.facebook.yoga.YogaNode;
 
 /**
  * ViewManager for ARTSurfaceView React views. Renders as a {@link ARTSurfaceView} and handles
  * invalidating the native view on shadow view updates happening in the underlying tree.
  */
 @ReactModule(name = ARTSurfaceViewManager.REACT_CLASS)
-public class ARTSurfaceViewManager extends
-    BaseViewManager<ARTSurfaceView, ARTSurfaceViewShadowNode> {
+public class ARTSurfaceViewManager
+    extends BaseViewManager<ARTSurfaceView, ARTSurfaceViewShadowNode> {
 
   public static final String REACT_CLASS = "ARTSurfaceView";
 
-  private static final YogaMeasureFunction MEASURE_FUNCTION = new YogaMeasureFunction() {
-    @Override
-    public long measure(
-        YogaNode node,
-        float width,
-        YogaMeasureMode widthMode,
-        float height,
-        YogaMeasureMode heightMode) {
-      throw new IllegalStateException("SurfaceView should have explicit width and height set");
-    }
-  };
+  private static final YogaMeasureFunction MEASURE_FUNCTION =
+      new YogaMeasureFunction() {
+        @Override
+        public long measure(
+            YogaNode node,
+            float width,
+            YogaMeasureMode widthMode,
+            float height,
+            YogaMeasureMode heightMode) {
+          throw new IllegalStateException("SurfaceView should have explicit width and height set");
+        }
+      };
 
   @Override
   public String getName() {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTSurfaceViewShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTSurfaceViewShadowNode.java
index b154c0c4d05924..4d23fad05814de 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTSurfaceViewShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTSurfaceViewShadowNode.java
@@ -1,38 +1,33 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.art;
 
-import javax.annotation.Nullable;
-
 import android.graphics.Canvas;
-import android.graphics.Paint;
 import android.graphics.Color;
-import android.view.Surface;
+import android.graphics.Paint;
 import android.graphics.PorterDuff;
 import android.graphics.SurfaceTexture;
-import android.view.TextureView;
 import android.os.Build;
-
+import android.view.Surface;
+import android.view.TextureView;
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
+import com.facebook.react.bridge.LifecycleEventListener;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.uimanager.LayoutShadowNode;
-import com.facebook.react.uimanager.UIViewOperationQueue;
 import com.facebook.react.uimanager.ReactShadowNode;
-import com.facebook.react.uimanager.ViewProps;
 import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.UIViewOperationQueue;
+import com.facebook.react.uimanager.ViewProps;
 import com.facebook.react.uimanager.annotations.ReactProp;
-import com.facebook.react.bridge.LifecycleEventListener;
 
-/**
- * Shadow node for ART virtual tree root - ARTSurfaceView
- */
+/** Shadow node for ART virtual tree root - ARTSurfaceView */
 public class ARTSurfaceViewShadowNode extends LayoutShadowNode
-  implements TextureView.SurfaceTextureListener, LifecycleEventListener {
+    implements TextureView.SurfaceTextureListener, LifecycleEventListener {
 
   private @Nullable Surface mSurface;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTTextShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTTextShadowNode.java
index c5e60563a73c37..2d15236ab0e706 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTTextShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTTextShadowNode.java
@@ -1,26 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.art;
 
-import javax.annotation.Nullable;
-
 import android.graphics.Canvas;
 import android.graphics.Paint;
 import android.graphics.Typeface;
 import android.text.TextUtils;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.uimanager.annotations.ReactProp;
 
-/**
- * Shadow node for virtual ARTText view
- */
+/** Shadow node for virtual ARTText view */
 public class ARTTextShadowNode extends ARTShapeShadowNode {
 
   private static final String PROP_LINES = "lines";
@@ -40,7 +35,7 @@ public class ARTTextShadowNode extends ARTShapeShadowNode {
   private @Nullable ReadableMap mFrame;
   private int mTextAlignment = TEXT_ALIGNMENT_LEFT;
 
-  public ARTTextShadowNode() { }
+  public ARTTextShadowNode() {}
 
   @ReactProp(name = "frame")
   public void setFrame(@Nullable ReadableMap frame) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTTextViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTTextViewManager.java
index 5b82b13d879868..460a7a1d6c6aa4 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTTextViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTTextViewManager.java
@@ -7,9 +7,7 @@
 
 import com.facebook.react.module.annotations.ReactModule;
 
-/**
- * ViewManager for shadowed ART text views.
- */
+/** ViewManager for shadowed ART text views. */
 @ReactModule(name = ARTRenderableViewManager.CLASS_TEXT)
 public class ARTTextViewManager extends ARTRenderableViewManager {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTVirtualNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTVirtualNode.java
index cb1a304fe9ff8e..82850161accdcf 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTVirtualNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTVirtualNode.java
@@ -1,21 +1,20 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.art;
 
 import android.graphics.Canvas;
 import android.graphics.Matrix;
 import android.graphics.Paint;
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.uimanager.DisplayMetricsHolder;
 import com.facebook.react.uimanager.ReactShadowNodeImpl;
 import com.facebook.react.uimanager.annotations.ReactProp;
-import javax.annotation.Nullable;
 
 /**
  * Base class for ARTView virtual nodes: {@link ARTGroupShadowNode}, {@link ARTShapeShadowNode} and
@@ -47,7 +46,7 @@ public boolean isVirtual() {
   /**
    * Sets up the transform matrix on the canvas before an element is drawn.
    *
-   * NB: for perf reasons this does not apply opacity, as that would mean creating a new canvas
+   * <p>NB: for perf reasons this does not apply opacity, as that would mean creating a new canvas
    * layer (which allocates an offscreen bitmap) and having it composited afterwards. Instead, the
    * drawing code should apply opacity recursively.
    *
@@ -61,8 +60,8 @@ protected final void saveAndSetupCanvas(Canvas canvas) {
   }
 
   /**
-   * Restore the canvas after an element was drawn. This is always called in mirror with
-   * {@link #saveAndSetupCanvas}.
+   * Restore the canvas after an element was drawn. This is always called in mirror with {@link
+   * #saveAndSetupCanvas}.
    *
    * @param canvas the canvas to restore
    */
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/art/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/art/BUCK
index 23b3b7ce773e86..b5eae199917ce9 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/art/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/art/BUCK
@@ -3,11 +3,13 @@ load("//tools/build_defs/oss:rn_defs.bzl", "YOGA_TARGET", "react_native_dep", "r
 rn_android_library(
     name = "art",
     srcs = glob(["*.java"]),
+    is_androidx = True,
     visibility = [
         "PUBLIC",
     ],
     deps = [
         YOGA_TARGET,
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("libraries/fbcore/src/main/java/com/facebook/common/logging:logging"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
         react_native_target("java/com/facebook/react/bridge:bridge"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/art/PropHelper.java b/ReactAndroid/src/main/java/com/facebook/react/views/art/PropHelper.java
index 8c4b03f58bce93..4adb76cb3bab85 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/art/PropHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/art/PropHelper.java
@@ -1,27 +1,22 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.art;
 
-import javax.annotation.Nullable;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.uimanager.ReactStylesDiffMap;
 
-/**
- * Contains static helper methods for accessing props.
- */
+/** Contains static helper methods for accessing props. */
 /* package */ class PropHelper {
 
   /**
    * Converts {@link ReadableArray} to an array of {@code float}. Returns newly created array.
    *
    * @return a {@code float[]} if converted successfully, or {@code null} if {@param value} was
-   * {@code null}.
+   *     {@code null}.
    */
   /*package*/ static @Nullable float[] toFloatArray(@Nullable ReadableArray value) {
     if (value != null) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/ReactCheckBox.java b/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/ReactCheckBox.java
index 594cd74ccffbba..54bfdbd32151b6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/ReactCheckBox.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/ReactCheckBox.java
@@ -1,8 +1,8 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.checkbox;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/ReactCheckBoxEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/ReactCheckBoxEvent.java
index fa2cffc8afa1a3..34b4bc560f6007 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/ReactCheckBoxEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/ReactCheckBoxEvent.java
@@ -1,8 +1,8 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.checkbox;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/ReactCheckBoxManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/ReactCheckBoxManager.java
index 0839fb723fe321..7634e5160e6249 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/ReactCheckBoxManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/ReactCheckBoxManager.java
@@ -1,18 +1,18 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.checkbox;
 
 import android.content.Context;
 import android.content.res.ColorStateList;
-import androidx.core.widget.CompoundButtonCompat;
-import androidx.appcompat.widget.TintContextWrapper;
 import android.util.TypedValue;
 import android.widget.CompoundButton;
-
+import androidx.annotation.Nullable;
+import androidx.appcompat.widget.TintContextWrapper;
+import androidx.core.widget.CompoundButtonCompat;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.uimanager.SimpleViewManager;
@@ -21,8 +21,6 @@
 import com.facebook.react.uimanager.ViewProps;
 import com.facebook.react.uimanager.annotations.ReactProp;
 
-import javax.annotation.Nullable;
-
 /** View manager for {@link ReactCheckBox} components. */
 public class ReactCheckBoxManager extends SimpleViewManager<ReactCheckBox> {
 
@@ -34,7 +32,8 @@ public class ReactCheckBoxManager extends SimpleViewManager<ReactCheckBox> {
         public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
           ReactContext reactContext = getReactContext(buttonView);
           reactContext
-              .getNativeModule(UIManagerModule.class).getEventDispatcher()
+              .getNativeModule(UIManagerModule.class)
+              .getEventDispatcher()
               .dispatchEvent(new ReactCheckBoxEvent(buttonView.getId(), isChecked));
         }
 
@@ -88,8 +87,8 @@ private static int getThemeColor(final Context context, String colorId) {
 
   /**
    * The appcompat-v7 BUCK dep is listed as a provided_dep, which complains that
-   * com.facebook.react.R doesn't exist. Since the attributes are provided from a parent, we can access
-   * those attributes dynamically.
+   * com.facebook.react.R doesn't exist. Since the attributes are provided from a parent, we can
+   * access those attributes dynamically.
    */
   private static int getIdentifier(Context context, String name) {
     return context.getResources().getIdentifier(name, "attr", context.getPackageName());
@@ -98,25 +97,26 @@ private static int getIdentifier(Context context, String name) {
   @ReactProp(name = "tintColors")
   public void setTintColors(ReactCheckBox view, @Nullable ReadableMap colorsMap) {
     String defaultColorIdOfCheckedState = "colorAccent";
-    int trueColor = colorsMap == null || !colorsMap.hasKey("true") ?
-            getThemeColor(view.getContext(), defaultColorIdOfCheckedState) : colorsMap.getInt("true");
+    int trueColor =
+        colorsMap == null || !colorsMap.hasKey("true")
+            ? getThemeColor(view.getContext(), defaultColorIdOfCheckedState)
+            : colorsMap.getInt("true");
 
     String defaultColorIdOfUncheckedState = "colorPrimaryDark";
-    int falseColor = colorsMap == null || !colorsMap.hasKey("false") ?
-            getThemeColor(view.getContext(), defaultColorIdOfUncheckedState) : colorsMap.getInt("false");
-
-    ColorStateList csl = new ColorStateList(
-            new int[][]{
-                    new int[]{android.R.attr.state_checked},
-                    new int[]{-android.R.attr.state_checked}
+    int falseColor =
+        colorsMap == null || !colorsMap.hasKey("false")
+            ? getThemeColor(view.getContext(), defaultColorIdOfUncheckedState)
+            : colorsMap.getInt("false");
+
+    ColorStateList csl =
+        new ColorStateList(
+            new int[][] {
+              new int[] {android.R.attr.state_checked}, new int[] {-android.R.attr.state_checked}
             },
-            new int[]{
-                    trueColor,
-                    falseColor,
-            }
-    );
+            new int[] {
+              trueColor, falseColor,
+            });
 
     CompoundButtonCompat.setButtonTintList(view, csl);
   }
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/common/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/common/BUCK
index a9d47513c2da62..b6a8fbdbde991d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/common/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/common/BUCK
@@ -3,6 +3,7 @@ load("//tools/build_defs/oss:rn_defs.bzl", "react_native_dep", "rn_android_libra
 rn_android_library(
     name = "common",
     srcs = glob(["*.java"]),
+    is_androidx = True,
     provided_deps = [
         react_native_dep("third-party/java/jsr-305:jsr-305"),
         react_native_dep("third-party/android/androidx:annotation"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/common/ContextUtils.java b/ReactAndroid/src/main/java/com/facebook/react/views/common/ContextUtils.java
index e2bb7393f4e9e7..f7272aefd20e8f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/common/ContextUtils.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/common/ContextUtils.java
@@ -1,14 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.common;
 
 import android.content.Context;
 import android.content.ContextWrapper;
-import javax.annotation.Nullable;
+import androidx.annotation.Nullable;
 
 /**
  * Class containing static methods involving manipulations of Contexts and their related subclasses.
@@ -25,7 +25,7 @@ public class ContextUtils {
    * @return the first context which is an instance of the specified class, or null if none exists
    */
   public static @Nullable <T> T findContextOfType(
-    @Nullable Context context, Class<? extends T> clazz) {
+      @Nullable Context context, Class<? extends T> clazz) {
     while (!(clazz.isInstance(context))) {
       if (context instanceof ContextWrapper) {
         Context baseContext = ((ContextWrapper) context).getBaseContext();
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/drawer/ReactDrawerLayout.java b/ReactAndroid/src/main/java/com/facebook/react/views/drawer/ReactDrawerLayout.java
index 52391c82d636fd..da333131e3cb8e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/drawer/ReactDrawerLayout.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/drawer/ReactDrawerLayout.java
@@ -1,21 +1,18 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.drawer;
 
-import androidx.drawerlayout.widget.DrawerLayout;
-import android.view.Gravity;
 import android.util.Log;
+import android.view.Gravity;
 import android.view.MotionEvent;
 import android.view.View;
-
+import androidx.drawerlayout.widget.DrawerLayout;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.common.ReactConstants;
-import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.react.uimanager.events.NativeGestureUtil;
 
 /**
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/drawer/ReactDrawerLayoutManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/drawer/ReactDrawerLayoutManager.java
index 88f9f3ee18fb65..99c8f259d39f11 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/drawer/ReactDrawerLayoutManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/drawer/ReactDrawerLayoutManager.java
@@ -1,19 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.drawer;
 
 import android.os.Build;
-import androidx.drawerlayout.widget.DrawerLayout;
 import android.view.Gravity;
 import android.view.View;
+import androidx.annotation.Nullable;
+import androidx.drawerlayout.widget.DrawerLayout;
 import com.facebook.common.logging.FLog;
+import com.facebook.react.bridge.Dynamic;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableType;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.module.annotations.ReactModule;
@@ -29,11 +31,8 @@
 import com.facebook.react.views.drawer.events.DrawerStateChangedEvent;
 import java.lang.reflect.Method;
 import java.util.Map;
-import javax.annotation.Nullable;
 
-/**
- * View Manager for {@link ReactDrawerLayout} components.
- */
+/** View Manager for {@link ReactDrawerLayout} components. */
 @ReactModule(name = ReactDrawerLayoutManager.REACT_CLASS)
 public class ReactDrawerLayoutManager extends ViewGroupManager<ReactDrawerLayout> {
 
@@ -51,8 +50,7 @@ public String getName() {
   protected void addEventEmitters(ThemedReactContext reactContext, ReactDrawerLayout view) {
     view.setDrawerListener(
         new DrawerEventEmitter(
-            view,
-            reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher()));
+            view, reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher()));
   }
 
   @Override
@@ -60,19 +58,41 @@ protected ReactDrawerLayout createViewInstance(ThemedReactContext context) {
     return new ReactDrawerLayout(context);
   }
 
-  @ReactProp(name = "drawerPosition", defaultInt = Gravity.START)
-  public void setDrawerPosition(ReactDrawerLayout view, int drawerPosition) {
-    if (Gravity.START == drawerPosition || Gravity.END == drawerPosition) {
-      view.setDrawerPosition(drawerPosition);
+  @ReactProp(name = "drawerPosition")
+  public void setDrawerPosition(ReactDrawerLayout view, Dynamic drawerPosition) {
+    if (drawerPosition.isNull()) {
+      view.setDrawerPosition(Gravity.START);
+    } else if (drawerPosition.getType() == ReadableType.Number) {
+      final int drawerPositionNum = drawerPosition.asInt();
+
+      if (Gravity.START == drawerPositionNum || Gravity.END == drawerPositionNum) {
+        view.setDrawerPosition(drawerPositionNum);
+      } else {
+        throw new JSApplicationIllegalArgumentException(
+            "Unknown drawerPosition " + drawerPositionNum);
+      }
+    } else if (drawerPosition.getType() == ReadableType.String) {
+      final String drawerPositionStr = drawerPosition.asString();
+
+      if (drawerPositionStr.equals("left")) {
+        view.setDrawerPosition(Gravity.START);
+      } else if (drawerPositionStr.equals("right")) {
+        view.setDrawerPosition(Gravity.END);
+      } else {
+        throw new JSApplicationIllegalArgumentException(
+            "drawerPosition must be 'left' or 'right', received" + drawerPositionStr);
+      }
     } else {
-      throw new JSApplicationIllegalArgumentException("Unknown drawerPosition " + drawerPosition);
+      throw new JSApplicationIllegalArgumentException("drawerPosition must be a string or int");
     }
   }
 
   @ReactProp(name = "drawerWidth", defaultFloat = Float.NaN)
   public void getDrawerWidth(ReactDrawerLayout view, float width) {
-    int widthInPx = Float.isNaN(width) ?
-        ReactDrawerLayout.DEFAULT_DRAWER_WIDTH : Math.round(PixelUtil.toPixelFromDIP(width));
+    int widthInPx =
+        Float.isNaN(width)
+            ? ReactDrawerLayout.DEFAULT_DRAWER_WIDTH
+            : Math.round(PixelUtil.toPixelFromDIP(width));
     view.setDrawerWidth(widthInPx);
   }
 
@@ -119,10 +139,7 @@ public boolean needsCustomLayoutForChildren() {
   }
 
   @Override
-  public void receiveCommand(
-      ReactDrawerLayout root,
-      int commandId,
-      @Nullable ReadableArray args) {
+  public void receiveCommand(ReactDrawerLayout root, int commandId, @Nullable ReadableArray args) {
     switch (commandId) {
       case OPEN_DRAWER:
         root.openDrawer();
@@ -133,11 +150,23 @@ public void receiveCommand(
     }
   }
 
+  @Override
+  public void receiveCommand(
+      ReactDrawerLayout root, String commandId, @Nullable ReadableArray args) {
+    switch (commandId) {
+      case "openDrawer":
+        root.openDrawer();
+        break;
+      case "closeDrawer":
+        root.closeDrawer();
+        break;
+    }
+  }
+
   @Override
   public @Nullable Map getExportedViewConstants() {
     return MapBuilder.of(
-        "DrawerPosition",
-        MapBuilder.of("Left", Gravity.START, "Right", Gravity.END));
+        "DrawerPosition", MapBuilder.of("Left", Gravity.START, "Right", Gravity.END));
   }
 
   @Override
@@ -146,20 +175,19 @@ public void receiveCommand(
         DrawerSlideEvent.EVENT_NAME, MapBuilder.of("registrationName", "onDrawerSlide"),
         DrawerOpenedEvent.EVENT_NAME, MapBuilder.of("registrationName", "onDrawerOpen"),
         DrawerClosedEvent.EVENT_NAME, MapBuilder.of("registrationName", "onDrawerClose"),
-        DrawerStateChangedEvent.EVENT_NAME, MapBuilder.of(
-            "registrationName", "onDrawerStateChanged"));
+        DrawerStateChangedEvent.EVENT_NAME,
+            MapBuilder.of("registrationName", "onDrawerStateChanged"));
   }
 
   /**
-   * This method is overridden because of two reasons:
-   * 1. A drawer must have exactly two children
-   * 2. The second child that is added, is the navigationView, which gets panned from the side.
+   * This method is overridden because of two reasons: 1. A drawer must have exactly two children 2.
+   * The second child that is added, is the navigationView, which gets panned from the side.
    */
   @Override
   public void addView(ReactDrawerLayout parent, View child, int index) {
     if (getChildCount(parent) >= 2) {
-      throw new
-          JSApplicationIllegalArgumentException("The Drawer cannot have more than two children");
+      throw new JSApplicationIllegalArgumentException(
+          "The Drawer cannot have more than two children");
     }
     if (index != 0 && index != 1) {
       throw new JSApplicationIllegalArgumentException(
@@ -181,26 +209,22 @@ public DrawerEventEmitter(DrawerLayout drawerLayout, EventDispatcher eventDispat
 
     @Override
     public void onDrawerSlide(View view, float v) {
-      mEventDispatcher.dispatchEvent(
-          new DrawerSlideEvent(mDrawerLayout.getId(), v));
+      mEventDispatcher.dispatchEvent(new DrawerSlideEvent(mDrawerLayout.getId(), v));
     }
 
     @Override
     public void onDrawerOpened(View view) {
-      mEventDispatcher.dispatchEvent(
-        new DrawerOpenedEvent(mDrawerLayout.getId()));
+      mEventDispatcher.dispatchEvent(new DrawerOpenedEvent(mDrawerLayout.getId()));
     }
 
     @Override
     public void onDrawerClosed(View view) {
-      mEventDispatcher.dispatchEvent(
-          new DrawerClosedEvent(mDrawerLayout.getId()));
+      mEventDispatcher.dispatchEvent(new DrawerClosedEvent(mDrawerLayout.getId()));
     }
 
     @Override
     public void onDrawerStateChanged(int i) {
-      mEventDispatcher.dispatchEvent(
-          new DrawerStateChangedEvent(mDrawerLayout.getId(), i));
+      mEventDispatcher.dispatchEvent(new DrawerStateChangedEvent(mDrawerLayout.getId(), i));
     }
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerClosedEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerClosedEvent.java
index 9580733e8a8f44..126e5ab422170b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerClosedEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerClosedEvent.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.drawer.events;
 
 import com.facebook.react.bridge.Arguments;
@@ -13,7 +12,7 @@
 
 public class DrawerClosedEvent extends Event<DrawerClosedEvent> {
 
-  public static final String EVENT_NAME = "topDrawerClosed";
+  public static final String EVENT_NAME = "topDrawerClose";
 
   public DrawerClosedEvent(int viewId) {
     super(viewId);
@@ -34,5 +33,4 @@ public short getCoalescingKey() {
   public void dispatch(RCTEventEmitter rctEventEmitter) {
     rctEventEmitter.receiveEvent(getViewTag(), getEventName(), Arguments.createMap());
   }
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerOpenedEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerOpenedEvent.java
index abbcc115602ac3..5023117f4b542b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerOpenedEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerOpenedEvent.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.drawer.events;
 
 import com.facebook.react.bridge.Arguments;
@@ -13,7 +12,7 @@
 
 public class DrawerOpenedEvent extends Event<DrawerOpenedEvent> {
 
-  public static final String EVENT_NAME = "topDrawerOpened";
+  public static final String EVENT_NAME = "topDrawerOpen";
 
   public DrawerOpenedEvent(int viewId) {
     super(viewId);
@@ -34,5 +33,4 @@ public short getCoalescingKey() {
   public void dispatch(RCTEventEmitter rctEventEmitter) {
     rctEventEmitter.receiveEvent(getViewTag(), getEventName(), Arguments.createMap());
   }
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerSlideEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerSlideEvent.java
index 84b4aee192b28a..0babaaac68c1b3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerSlideEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerSlideEvent.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.drawer.events;
 
 import com.facebook.react.bridge.Arguments;
@@ -12,9 +11,7 @@
 import com.facebook.react.uimanager.events.Event;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
 
-/**
- * Event emitted by a DrawerLayout as it is being moved open/closed.
- */
+/** Event emitted by a DrawerLayout as it is being moved open/closed. */
 public class DrawerSlideEvent extends Event<DrawerSlideEvent> {
 
   public static final String EVENT_NAME = "topDrawerSlide";
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerStateChangedEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerStateChangedEvent.java
index 96472f1f3fc4bd..e6bc63fb1ae7c2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerStateChangedEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerStateChangedEvent.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.drawer.events;
 
 import com.facebook.react.bridge.Arguments;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageLoadEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageLoadEvent.java
index 00b85a2aed5b2b..6a9e0b38d1c40c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageLoadEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageLoadEvent.java
@@ -1,20 +1,19 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.image;
 
 import androidx.annotation.IntDef;
+import androidx.annotation.Nullable;
 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;
 import java.lang.annotation.Retention;
 import java.lang.annotation.RetentionPolicy;
-import javax.annotation.Nullable;
 
 public class ImageLoadEvent extends Event<ImageLoadEvent> {
   @IntDef({ON_ERROR, ON_LOAD, ON_LOAD_END, ON_LOAD_START, ON_PROGRESS})
@@ -48,21 +47,17 @@ public ImageLoadEvent(int viewId, @ImageEventType int eventType, String imageUri
   }
 
   public ImageLoadEvent(
-    int viewId,
-    @ImageEventType int eventType,
-    @Nullable String imageUri,
-    int width,
-    int height) {
+      int viewId, @ImageEventType int eventType, @Nullable String imageUri, int width, int height) {
     this(viewId, eventType, imageUri, width, height, null);
   }
 
   public ImageLoadEvent(
-    int viewId,
-    @ImageEventType int eventType,
-    @Nullable String imageUri,
-    int width,
-    int height,
-    @Nullable String message) {
+      int viewId,
+      @ImageEventType int eventType,
+      @Nullable String imageUri,
+      int width,
+      int height,
+      @Nullable String message) {
     super(viewId);
     mEventType = eventType;
     mImageUri = imageUri;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageResizeMethod.java b/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageResizeMethod.java
index 52edd666570954..bff4b6718ff9d0 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageResizeMethod.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageResizeMethod.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.image;
 
 public enum ImageResizeMethod {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageResizeMode.java b/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageResizeMode.java
index a04b2adf67801d..b239454f1a9d1d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageResizeMode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageResizeMode.java
@@ -1,26 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.image;
 
-import javax.annotation.Nullable;
-
 import android.graphics.Shader;
-import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
+import androidx.annotation.Nullable;
 import com.facebook.drawee.drawable.ScalingUtils;
+import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 
-/**
- * Converts JS resize modes into Android-specific scale type.
- */
+/** Converts JS resize modes into Android-specific scale type. */
 public class ImageResizeMode {
 
   /**
-   * Converts JS resize modes into {@code ScalingUtils.ScaleType}.
-   * See {@code ImageResizeMode.js}.
+   * Converts JS resize modes into {@code ScalingUtils.ScaleType}. See {@code ImageResizeMode.js}.
    */
   public static ScalingUtils.ScaleType toScaleType(@Nullable String resizeModeValue) {
     if ("contain".equals(resizeModeValue)) {
@@ -47,10 +42,7 @@ public static ScalingUtils.ScaleType toScaleType(@Nullable String resizeModeValu
         "Invalid resize mode: '" + resizeModeValue + "'");
   }
 
-  /**
-   * Converts JS resize modes into {@code Shader.TileMode}.
-   * See {@code ImageResizeMode.js}.
-   */
+  /** Converts JS resize modes into {@code Shader.TileMode}. See {@code ImageResizeMode.js}. */
   public static Shader.TileMode toTileMode(@Nullable String resizeModeValue) {
     if ("contain".equals(resizeModeValue)
         || "cover".equals(resizeModeValue)
@@ -70,10 +62,7 @@ public static Shader.TileMode toTileMode(@Nullable String resizeModeValue) {
         "Invalid resize mode: '" + resizeModeValue + "'");
   }
 
-  /**
-   * This is the default as per web and iOS.
-   * We want to be consistent across platforms.
-   */
+  /** This is the default as per web and iOS. We want to be consistent across platforms. */
   public static ScalingUtils.ScaleType defaultValue() {
     return ScalingUtils.ScaleType.CENTER_CROP;
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/image/MultiPostprocessor.java b/ReactAndroid/src/main/java/com/facebook/react/views/image/MultiPostprocessor.java
index e1df87fcb7aca0..0630e80f581610 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/image/MultiPostprocessor.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/image/MultiPostprocessor.java
@@ -1,20 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.image;
 
 import android.graphics.Bitmap;
-
 import com.facebook.cache.common.CacheKey;
 import com.facebook.cache.common.MultiCacheKey;
 import com.facebook.common.references.CloseableReference;
 import com.facebook.imagepipeline.bitmaps.PlatformBitmapFactory;
 import com.facebook.imagepipeline.request.Postprocessor;
-
 import java.util.LinkedList;
 import java.util.List;
 
@@ -33,13 +30,13 @@ public static Postprocessor from(List<Postprocessor> postprocessors) {
   }
 
   private MultiPostprocessor(List<Postprocessor> postprocessors) {
-     mPostprocessors = new LinkedList<>(postprocessors);
+    mPostprocessors = new LinkedList<>(postprocessors);
   }
 
   @Override
-  public String getName () {
+  public String getName() {
     StringBuilder name = new StringBuilder();
-    for (Postprocessor p: mPostprocessors) {
+    for (Postprocessor p : mPostprocessors) {
       if (name.length() > 0) {
         name.append(",");
       }
@@ -51,16 +48,17 @@ public String getName () {
   }
 
   @Override
-  public CacheKey getPostprocessorCacheKey () {
+  public CacheKey getPostprocessorCacheKey() {
     LinkedList<CacheKey> keys = new LinkedList<>();
-    for (Postprocessor p: mPostprocessors) {
+    for (Postprocessor p : mPostprocessors) {
       keys.push(p.getPostprocessorCacheKey());
     }
     return new MultiCacheKey(keys);
   }
 
   @Override
-  public CloseableReference<Bitmap>	process(Bitmap sourceBitmap, PlatformBitmapFactory bitmapFactory) {
+  public CloseableReference<Bitmap> process(
+      Bitmap sourceBitmap, PlatformBitmapFactory bitmapFactory) {
     CloseableReference<Bitmap> prevBitmap = null, nextBitmap = null;
 
     try {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactImageManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactImageManager.java
index 57b4853f369c83..86e3c806c337d7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactImageManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactImageManager.java
@@ -1,14 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.image;
 
 import android.graphics.Color;
 import android.graphics.PorterDuff.Mode;
+import androidx.annotation.Nullable;
 import com.facebook.drawee.backends.pipeline.Fresco;
 import com.facebook.drawee.controller.AbstractDraweeControllerBuilder;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
@@ -24,7 +24,6 @@
 import com.facebook.react.uimanager.annotations.ReactPropGroup;
 import com.facebook.yoga.YogaConstants;
 import java.util.Map;
-import javax.annotation.Nullable;
 
 @ReactModule(name = ReactImageManager.REACT_CLASS)
 public class ReactImageManager extends SimpleViewManager<ReactImageView> {
@@ -123,13 +122,15 @@ public void setBorderWidth(ReactImageView view, float borderWidth) {
     view.setBorderWidth(borderWidth);
   }
 
-  @ReactPropGroup(names = {
-      ViewProps.BORDER_RADIUS,
-      ViewProps.BORDER_TOP_LEFT_RADIUS,
-      ViewProps.BORDER_TOP_RIGHT_RADIUS,
-      ViewProps.BORDER_BOTTOM_RIGHT_RADIUS,
-      ViewProps.BORDER_BOTTOM_LEFT_RADIUS
-  }, defaultFloat = YogaConstants.UNDEFINED)
+  @ReactPropGroup(
+      names = {
+        ViewProps.BORDER_RADIUS,
+        ViewProps.BORDER_TOP_LEFT_RADIUS,
+        ViewProps.BORDER_TOP_RIGHT_RADIUS,
+        ViewProps.BORDER_BOTTOM_RIGHT_RADIUS,
+        ViewProps.BORDER_BOTTOM_LEFT_RADIUS
+      },
+      defaultFloat = YogaConstants.UNDEFINED)
   public void setBorderRadius(ReactImageView view, int index, float borderRadius) {
     if (!YogaConstants.isUndefined(borderRadius)) {
       borderRadius = PixelUtil.toPixelFromDIP(borderRadius);
@@ -157,7 +158,8 @@ public void setResizeMethod(ReactImageView view, @Nullable String resizeMethod)
     } else if ("scale".equals(resizeMethod)) {
       view.setResizeMethod(ImageResizeMethod.SCALE);
     } else {
-      throw new JSApplicationIllegalArgumentException("Invalid resize method: '" + resizeMethod+ "'");
+      throw new JSApplicationIllegalArgumentException(
+          "Invalid resize method: '" + resizeMethod + "'");
     }
   }
 
@@ -193,14 +195,14 @@ public void setHeaders(ReactImageView view, ReadableMap headers) {
   @Override
   public @Nullable Map getExportedCustomDirectEventTypeConstants() {
     return MapBuilder.of(
-      ImageLoadEvent.eventNameForType(ImageLoadEvent.ON_LOAD_START),
-        MapBuilder.of("registrationName", "onLoadStart"),
-      ImageLoadEvent.eventNameForType(ImageLoadEvent.ON_LOAD),
-        MapBuilder.of("registrationName", "onLoad"),
-      ImageLoadEvent.eventNameForType(ImageLoadEvent.ON_ERROR),
-        MapBuilder.of("registrationName", "onError"),
-      ImageLoadEvent.eventNameForType(ImageLoadEvent.ON_LOAD_END),
-        MapBuilder.of("registrationName", "onLoadEnd"));
+        ImageLoadEvent.eventNameForType(ImageLoadEvent.ON_LOAD_START),
+            MapBuilder.of("registrationName", "onLoadStart"),
+        ImageLoadEvent.eventNameForType(ImageLoadEvent.ON_LOAD),
+            MapBuilder.of("registrationName", "onLoad"),
+        ImageLoadEvent.eventNameForType(ImageLoadEvent.ON_ERROR),
+            MapBuilder.of("registrationName", "onError"),
+        ImageLoadEvent.eventNameForType(ImageLoadEvent.ON_LOAD_END),
+            MapBuilder.of("registrationName", "onLoadEnd"));
   }
 
   @Override
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactImageView.java b/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactImageView.java
index 305f69526a3b17..c8a44a5a28e344 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactImageView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactImageView.java
@@ -1,11 +1,9 @@
-
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.image;
 
 import android.content.Context;
@@ -23,6 +21,7 @@
 import android.graphics.drawable.Drawable;
 import android.net.Uri;
 import android.widget.Toast;
+import androidx.annotation.Nullable;
 import com.facebook.common.references.CloseableReference;
 import com.facebook.common.util.UriUtil;
 import com.facebook.drawee.controller.AbstractDraweeControllerBuilder;
@@ -61,7 +60,6 @@
 import java.util.Arrays;
 import java.util.LinkedList;
 import java.util.List;
-import javax.annotation.Nullable;
 
 /**
  * Wrapper class around Fresco's GenericDraweeView, enabling persisting props across multiple view
@@ -72,7 +70,7 @@ public class ReactImageView extends GenericDraweeView {
   public static final int REMOTE_IMAGE_FADE_DURATION_MS = 300;
 
   public static final String REMOTE_TRANSPARENT_BITMAP_URI =
-    "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=";
+      "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=";
 
   private static float[] sComputedCornerRadii = new float[4];
 
@@ -95,12 +93,12 @@ private class RoundedCornerPostprocessor extends BasePostprocessor {
 
     void getRadii(Bitmap source, float[] computedCornerRadii, float[] mappedRadii) {
       mScaleType.getTransform(
-        sMatrix,
-        new Rect(0, 0, source.getWidth(), source.getHeight()),
-        source.getWidth(),
-        source.getHeight(),
-        0.0f,
-        0.0f);
+          sMatrix,
+          new Rect(0, 0, source.getWidth(), source.getHeight()),
+          source.getWidth(),
+          source.getHeight(),
+          0.0f,
+          0.0f);
       sMatrix.invert(sInverse);
 
       mappedRadii[0] = sInverse.mapRadius(computedCornerRadii[0]);
@@ -121,10 +119,10 @@ public void process(Bitmap output, Bitmap source) {
       cornerRadii(sComputedCornerRadii);
 
       output.setHasAlpha(true);
-      if (FloatUtil.floatsEqual(sComputedCornerRadii[0], 0f) &&
-        FloatUtil.floatsEqual(sComputedCornerRadii[1], 0f) &&
-        FloatUtil.floatsEqual(sComputedCornerRadii[2], 0f) &&
-        FloatUtil.floatsEqual(sComputedCornerRadii[3], 0f)) {
+      if (FloatUtil.floatsEqual(sComputedCornerRadii[0], 0f)
+          && FloatUtil.floatsEqual(sComputedCornerRadii[1], 0f)
+          && FloatUtil.floatsEqual(sComputedCornerRadii[2], 0f)
+          && FloatUtil.floatsEqual(sComputedCornerRadii[3], 0f)) {
         super.process(output, source);
         return;
       }
@@ -140,9 +138,7 @@ public void process(Bitmap output, Bitmap source) {
       Path pathForBorderRadius = new Path();
 
       pathForBorderRadius.addRoundRect(
-        new RectF(0, 0, source.getWidth(), source.getHeight()),
-        radii,
-        Path.Direction.CW);
+          new RectF(0, 0, source.getWidth(), source.getHeight()), radii, Path.Direction.CW);
 
       canvas.drawPath(pathForBorderRadius, paint);
     }
@@ -158,12 +154,7 @@ public CloseableReference<Bitmap> process(Bitmap source, PlatformBitmapFactory b
       final Rect destRect = new Rect(0, 0, getWidth(), getHeight());
 
       mScaleType.getTransform(
-        sTileMatrix,
-        destRect,
-        source.getWidth(),
-        source.getHeight(),
-        0.0f,
-        0.0f);
+          sTileMatrix, destRect, source.getWidth(), source.getHeight(), 0.0f, 0.0f);
 
       Paint paint = new Paint();
       paint.setAntiAlias(true);
@@ -213,15 +204,15 @@ public CloseableReference<Bitmap> process(Bitmap source, PlatformBitmapFactory b
   // We can't specify rounding in XML, so have to do so here
   private static GenericDraweeHierarchy buildHierarchy(Context context) {
     return new GenericDraweeHierarchyBuilder(context.getResources())
-      .setRoundingParams(RoundingParams.fromCornersRadius(0))
-      .build();
+        .setRoundingParams(RoundingParams.fromCornersRadius(0))
+        .build();
   }
 
   public ReactImageView(
-    Context context,
-    AbstractDraweeControllerBuilder draweeControllerBuilder,
-    @Nullable GlobalImageLoadListener globalImageLoadListener,
-    @Nullable Object callerContext) {
+      Context context,
+      AbstractDraweeControllerBuilder draweeControllerBuilder,
+      @Nullable GlobalImageLoadListener globalImageLoadListener,
+      @Nullable Object callerContext) {
     super(context, buildHierarchy(context));
     mScaleType = ImageResizeMode.defaultValue();
     mDraweeControllerBuilder = draweeControllerBuilder;
@@ -236,36 +227,40 @@ public void setShouldNotifyLoadEvents(boolean shouldNotify) {
     if (!shouldNotify) {
       mControllerListener = null;
     } else {
-      final EventDispatcher mEventDispatcher = ((ReactContext) getContext()).getNativeModule(UIManagerModule.class).getEventDispatcher();
-
-      mControllerListener = new BaseControllerListener<ImageInfo>() {
-        @Override
-        public void onSubmit(String id, Object callerContext) {
-          mEventDispatcher.dispatchEvent(
-            new ImageLoadEvent(getId(), ImageLoadEvent.ON_LOAD_START));
-        }
-
-        @Override
-        public void onFinalImageSet(
-          String id,
-          @Nullable final ImageInfo imageInfo,
-          @Nullable Animatable animatable) {
-          if (imageInfo != null) {
-            mEventDispatcher.dispatchEvent(
-              new ImageLoadEvent(getId(), ImageLoadEvent.ON_LOAD,
-                mImageSource.getSource(), imageInfo.getWidth(), imageInfo.getHeight()));
-            mEventDispatcher.dispatchEvent(
-              new ImageLoadEvent(getId(), ImageLoadEvent.ON_LOAD_END));
-          }
-        }
-
-        @Override
-        public void onFailure(String id, Throwable throwable) {
-          mEventDispatcher.dispatchEvent(
-            new ImageLoadEvent(getId(), ImageLoadEvent.ON_ERROR,
-              true, throwable.getMessage()));
-        }
-      };
+      final EventDispatcher mEventDispatcher =
+          ((ReactContext) getContext()).getNativeModule(UIManagerModule.class).getEventDispatcher();
+
+      mControllerListener =
+          new BaseControllerListener<ImageInfo>() {
+            @Override
+            public void onSubmit(String id, Object callerContext) {
+              mEventDispatcher.dispatchEvent(
+                  new ImageLoadEvent(getId(), ImageLoadEvent.ON_LOAD_START));
+            }
+
+            @Override
+            public void onFinalImageSet(
+                String id, @Nullable final ImageInfo imageInfo, @Nullable Animatable animatable) {
+              if (imageInfo != null) {
+                mEventDispatcher.dispatchEvent(
+                    new ImageLoadEvent(
+                        getId(),
+                        ImageLoadEvent.ON_LOAD,
+                        mImageSource.getSource(),
+                        imageInfo.getWidth(),
+                        imageInfo.getHeight()));
+                mEventDispatcher.dispatchEvent(
+                    new ImageLoadEvent(getId(), ImageLoadEvent.ON_LOAD_END));
+              }
+            }
+
+            @Override
+            public void onFailure(String id, Throwable throwable) {
+              mEventDispatcher.dispatchEvent(
+                  new ImageLoadEvent(
+                      getId(), ImageLoadEvent.ON_ERROR, true, throwable.getMessage()));
+            }
+          };
     }
 
     mIsDirty = true;
@@ -283,7 +278,7 @@ public void setBlurRadius(float blurRadius) {
 
   @Override
   public void setBackgroundColor(int backgroundColor) {
-    if(mBackgroundColor != backgroundColor) {
+    if (mBackgroundColor != backgroundColor) {
       mBackgroundColor = backgroundColor;
       mBackgroundImageDrawable = new RoundedColorDrawable(backgroundColor);
       mIsDirty = true;
@@ -358,11 +353,9 @@ public void setSource(@Nullable ReadableArray sources) {
         for (int idx = 0; idx < sources.size(); idx++) {
           ReadableMap source = sources.getMap(idx);
           String uri = source.getString("uri");
-          ImageSource imageSource = new ImageSource(
-            getContext(),
-            uri,
-            source.getDouble("width"),
-            source.getDouble("height"));
+          ImageSource imageSource =
+              new ImageSource(
+                  getContext(), uri, source.getDouble("width"), source.getDouble("height"));
           mSources.add(imageSource);
           if (Uri.EMPTY.equals(imageSource.getUri())) {
             warnImageSource(uri);
@@ -374,14 +367,16 @@ public void setSource(@Nullable ReadableArray sources) {
   }
 
   public void setDefaultSource(@Nullable String name) {
-    mDefaultImageDrawable = ResourceDrawableIdHelper.getInstance().getResourceDrawable(getContext(), name);
+    mDefaultImageDrawable =
+        ResourceDrawableIdHelper.getInstance().getResourceDrawable(getContext(), name);
     mIsDirty = true;
   }
 
   public void setLoadingIndicatorSource(@Nullable String name) {
-    Drawable drawable = ResourceDrawableIdHelper.getInstance().getResourceDrawable(getContext(), name);
+    Drawable drawable =
+        ResourceDrawableIdHelper.getInstance().getResourceDrawable(getContext(), name);
     mLoadingImageDrawable =
-      drawable != null ? (Drawable) new AutoRotateDrawable(drawable, 1000) : null;
+        drawable != null ? (Drawable) new AutoRotateDrawable(drawable, 1000) : null;
     mIsDirty = true;
   }
 
@@ -398,10 +393,22 @@ public void setFadeDuration(int durationMs) {
   private void cornerRadii(float[] computedCorners) {
     float defaultBorderRadius = !YogaConstants.isUndefined(mBorderRadius) ? mBorderRadius : 0;
 
-    computedCorners[0] = mBorderCornerRadii != null && !YogaConstants.isUndefined(mBorderCornerRadii[0]) ? mBorderCornerRadii[0] : defaultBorderRadius;
-    computedCorners[1] = mBorderCornerRadii != null && !YogaConstants.isUndefined(mBorderCornerRadii[1]) ? mBorderCornerRadii[1] : defaultBorderRadius;
-    computedCorners[2] = mBorderCornerRadii != null && !YogaConstants.isUndefined(mBorderCornerRadii[2]) ? mBorderCornerRadii[2] : defaultBorderRadius;
-    computedCorners[3] = mBorderCornerRadii != null && !YogaConstants.isUndefined(mBorderCornerRadii[3]) ? mBorderCornerRadii[3] : defaultBorderRadius;
+    computedCorners[0] =
+        mBorderCornerRadii != null && !YogaConstants.isUndefined(mBorderCornerRadii[0])
+            ? mBorderCornerRadii[0]
+            : defaultBorderRadius;
+    computedCorners[1] =
+        mBorderCornerRadii != null && !YogaConstants.isUndefined(mBorderCornerRadii[1])
+            ? mBorderCornerRadii[1]
+            : defaultBorderRadius;
+    computedCorners[2] =
+        mBorderCornerRadii != null && !YogaConstants.isUndefined(mBorderCornerRadii[2])
+            ? mBorderCornerRadii[2]
+            : defaultBorderRadius;
+    computedCorners[3] =
+        mBorderCornerRadii != null && !YogaConstants.isUndefined(mBorderCornerRadii[3])
+            ? mBorderCornerRadii[3]
+            : defaultBorderRadius;
   }
 
   public void setHeaders(ReadableMap headers) {
@@ -446,14 +453,18 @@ public void maybeUpdateView() {
     }
 
     boolean usePostprocessorScaling =
-      mScaleType != ScalingUtils.ScaleType.CENTER_CROP &&
-        mScaleType != ScalingUtils.ScaleType.FOCUS_CROP;
+        mScaleType != ScalingUtils.ScaleType.CENTER_CROP
+            && mScaleType != ScalingUtils.ScaleType.FOCUS_CROP;
 
     RoundingParams roundingParams = hierarchy.getRoundingParams();
 
     cornerRadii(sComputedCornerRadii);
 
-    roundingParams.setCornersRadii(sComputedCornerRadii[0], sComputedCornerRadii[1], sComputedCornerRadii[2], sComputedCornerRadii[3]);
+    roundingParams.setCornersRadii(
+        sComputedCornerRadii[0],
+        sComputedCornerRadii[1],
+        sComputedCornerRadii[2],
+        sComputedCornerRadii[3]);
 
     if (mBackgroundImageDrawable != null) {
       mBackgroundImageDrawable.setBorder(mBorderColor, mBorderWidth);
@@ -474,9 +485,9 @@ public void maybeUpdateView() {
     }
     hierarchy.setRoundingParams(roundingParams);
     hierarchy.setFadeDuration(
-      mFadeDurationMs >= 0
-        ? mFadeDurationMs
-        : mImageSource.isResource() ? 0 : REMOTE_IMAGE_FADE_DURATION_MS);
+        mFadeDurationMs >= 0
+            ? mFadeDurationMs
+            : mImageSource.isResource() ? 0 : REMOTE_IMAGE_FADE_DURATION_MS);
 
     List<Postprocessor> postprocessors = new LinkedList<>();
     if (usePostprocessorScaling) {
@@ -492,13 +503,15 @@ public void maybeUpdateView() {
 
     ResizeOptions resizeOptions = doResize ? new ResizeOptions(getWidth(), getHeight()) : null;
 
-    ImageRequestBuilder imageRequestBuilder = ImageRequestBuilder.newBuilderWithSource(mImageSource.getUri())
-      .setPostprocessor(postprocessor)
-      .setResizeOptions(resizeOptions)
-      .setAutoRotateEnabled(true)
-      .setProgressiveRenderingEnabled(mProgressiveRenderingEnabled);
+    ImageRequestBuilder imageRequestBuilder =
+        ImageRequestBuilder.newBuilderWithSource(mImageSource.getUri())
+            .setPostprocessor(postprocessor)
+            .setResizeOptions(resizeOptions)
+            .setAutoRotateEnabled(true)
+            .setProgressiveRenderingEnabled(mProgressiveRenderingEnabled);
 
-    ImageRequest imageRequest = ReactNetworkImageRequest.fromBuilderWithHeaders(imageRequestBuilder, mHeaders);
+    ImageRequest imageRequest =
+        ReactNetworkImageRequest.fromBuilderWithHeaders(imageRequestBuilder, mHeaders);
 
     if (mGlobalImageLoadListener != null) {
       mGlobalImageLoadListener.onLoadAttempt(mImageSource.getUri());
@@ -508,19 +521,19 @@ public void maybeUpdateView() {
     mDraweeControllerBuilder.reset();
 
     mDraweeControllerBuilder
-      .setAutoPlayAnimations(true)
-      .setCallerContext(mCallerContext)
-      .setOldController(getController())
-      .setImageRequest(imageRequest);
+        .setAutoPlayAnimations(true)
+        .setCallerContext(mCallerContext)
+        .setOldController(getController())
+        .setImageRequest(imageRequest);
 
     if (mCachedImageSource != null) {
       ImageRequest cachedImageRequest =
-        ImageRequestBuilder.newBuilderWithSource(mCachedImageSource.getUri())
-          .setPostprocessor(postprocessor)
-          .setResizeOptions(resizeOptions)
-          .setAutoRotateEnabled(true)
-          .setProgressiveRenderingEnabled(mProgressiveRenderingEnabled)
-          .build();
+          ImageRequestBuilder.newBuilderWithSource(mCachedImageSource.getUri())
+              .setPostprocessor(postprocessor)
+              .setResizeOptions(resizeOptions)
+              .setAutoRotateEnabled(true)
+              .setProgressiveRenderingEnabled(mProgressiveRenderingEnabled)
+              .build();
       mDraweeControllerBuilder.setLowResImageRequest(cachedImageRequest);
     }
 
@@ -559,9 +572,7 @@ protected void onSizeChanged(int w, int h, int oldw, int oldh) {
     }
   }
 
-  /**
-   * ReactImageViews only render a single image.
-   */
+  /** ReactImageViews only render a single image. */
   @Override
   public boolean hasOverlappingRendering() {
     return false;
@@ -582,7 +593,7 @@ private void setSourceImage() {
       mSources.add(imageSource);
     } else if (hasMultipleSources()) {
       MultiSourceResult multiSource =
-        MultiSourceHelper.getBestSourceForSize(getWidth(), getHeight(), mSources);
+          MultiSourceHelper.getBestSourceForSize(getWidth(), getHeight(), mSources);
       mImageSource = multiSource.getBestResult();
       mCachedImageSource = multiSource.getBestResultInCache();
       return;
@@ -596,9 +607,8 @@ private boolean shouldResize(ImageSource imageSource) {
     // We resize here only for images likely to be from the device's camera, where the app developer
     // has no control over the original size
     if (mResizeMethod == ImageResizeMethod.AUTO) {
-      return
-        UriUtil.isLocalContentUri(imageSource.getUri()) ||
-          UriUtil.isLocalFileUri(imageSource.getUri());
+      return UriUtil.isLocalContentUri(imageSource.getUri())
+          || UriUtil.isLocalFileUri(imageSource.getUri());
     } else if (mResizeMethod == ImageResizeMethod.RESIZE) {
       return true;
     } else {
@@ -609,9 +619,10 @@ private boolean shouldResize(ImageSource imageSource) {
   private void warnImageSource(String uri) {
     if (ReactBuildConfig.DEBUG) {
       Toast.makeText(
-        getContext(),
-        "Warning: Image source \"" + uri + "\" doesn't exist",
-        Toast.LENGTH_SHORT).show();
+              getContext(),
+              "Warning: Image source \"" + uri + "\" doesn't exist",
+              Toast.LENGTH_SHORT)
+          .show();
     }
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/image/ScaleTypeStartInside.java b/ReactAndroid/src/main/java/com/facebook/react/views/image/ScaleTypeStartInside.java
index 3a512dbb55ddda..af96b994ef4b9f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/image/ScaleTypeStartInside.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/image/ScaleTypeStartInside.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.image;
 
 import android.graphics.Matrix;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/BUCK
index ab328b40c0f327..b870bef0195b24 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/BUCK
@@ -6,10 +6,12 @@ rn_android_library(
         ["*.java"],
         exclude = ["MultiSourceHelper.java"],
     ),
+    is_androidx = True,
     visibility = [
         "PUBLIC",
     ],
     deps = [
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
     ],
@@ -18,10 +20,12 @@ rn_android_library(
 rn_android_library(
     name = "withmultisource",
     srcs = ["MultiSourceHelper.java"],
+    is_androidx = True,
     visibility = [
         "PUBLIC",
     ],
     deps = [
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("libraries/fresco/fresco-react-native:imagepipeline"),
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/ImageSource.java b/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/ImageSource.java
index 748247785d6356..ddad186fe2f823 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/ImageSource.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/ImageSource.java
@@ -1,22 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.imagehelper;
 
-import javax.annotation.Nullable;
-
 import android.content.Context;
 import android.net.Uri;
-
+import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
 
-/**
- * Class describing an image source (network URI or resource) and size.
- */
+/** Class describing an image source (network URI or resource) and size. */
 public class ImageSource {
 
   private @Nullable Uri mUri;
@@ -37,30 +32,22 @@ public ImageSource(Context context, String source) {
     this(context, source, 0.0d, 0.0d);
   }
 
-  /**
-   * Get the source of this image, as it was passed to the constructor.
-   */
+  /** Get the source of this image, as it was passed to the constructor. */
   public String getSource() {
     return mSource;
   }
 
-  /**
-   * Get the URI for this image - can be either a parsed network URI or a resource URI.
-   */
+  /** Get the URI for this image - can be either a parsed network URI or a resource URI. */
   public Uri getUri() {
     return Assertions.assertNotNull(mUri);
   }
 
-  /**
-   * Get the area of this image.
-   */
+  /** Get the area of this image. */
   public double getSize() {
     return mSize;
   }
 
-  /**
-   * Get whether this image source represents an Android resource or a network URI.
-   */
+  /** Get whether this image source represents an Android resource or a network URI. */
   public boolean isResource() {
     return isResource;
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/MultiSourceHelper.java b/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/MultiSourceHelper.java
index f71ea562de148b..f1ecd049f01f5b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/MultiSourceHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/MultiSourceHelper.java
@@ -1,23 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.imagehelper;
 
-import javax.annotation.Nullable;
-
-import java.util.List;
-
+import androidx.annotation.Nullable;
 import com.facebook.imagepipeline.core.ImagePipeline;
 import com.facebook.imagepipeline.core.ImagePipelineFactory;
-import com.facebook.react.views.imagehelper.ImageSource;
+import java.util.List;
 
-/**
- * Helper class for dealing with multisource images.
- */
+/** Helper class for dealing with multisource images. */
 public class MultiSourceHelper {
 
   public static class MultiSourceResult {
@@ -25,8 +19,7 @@ public static class MultiSourceResult {
     private final @Nullable ImageSource bestResultInCache;
 
     private MultiSourceResult(
-      @Nullable ImageSource bestResult,
-      @Nullable ImageSource bestResultInCache) {
+        @Nullable ImageSource bestResult, @Nullable ImageSource bestResultInCache) {
       this.bestResult = bestResult;
       this.bestResultInCache = bestResultInCache;
     }
@@ -50,9 +43,7 @@ private MultiSourceResult(
   }
 
   public static MultiSourceResult getBestSourceForSize(
-    int width,
-    int height,
-    List<ImageSource> sources) {
+      int width, int height, List<ImageSource> sources) {
     return getBestSourceForSize(width, height, sources, 1.0d);
   }
 
@@ -63,14 +54,11 @@ public static MultiSourceResult getBestSourceForSize(
    * @param height the height of the view that will be used to display this image
    * @param sources the list of potential image sources to choose from
    * @param multiplier the area of the view will be multiplied by this number before calculating the
-   *        best source; this is useful if the image will be displayed bigger than the view
-   *        (e.g. zoomed)
+   *     best source; this is useful if the image will be displayed bigger than the view (e.g.
+   *     zoomed)
    */
   public static MultiSourceResult getBestSourceForSize(
-    int width,
-    int height,
-    List<ImageSource> sources,
-    double multiplier) {
+      int width, int height, List<ImageSource> sources, double multiplier) {
     // no sources
     if (sources.isEmpty()) {
       return new MultiSourceResult(null, null);
@@ -99,9 +87,9 @@ public static MultiSourceResult getBestSourceForSize(
         bestPrecision = precision;
         best = source;
       }
-      if (precision < bestCachePrecision &&
-        (imagePipeline.isInBitmapMemoryCache(source.getUri()) ||
-          imagePipeline.isInDiskCacheSync(source.getUri()))) {
+      if (precision < bestCachePrecision
+          && (imagePipeline.isInBitmapMemoryCache(source.getUri())
+              || imagePipeline.isInDiskCacheSync(source.getUri()))) {
         bestCachePrecision = precision;
         bestCached = source;
       }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/ResourceDrawableIdHelper.java b/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/ResourceDrawableIdHelper.java
index 724db8c376d145..73c6ae584e1bb5 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/ResourceDrawableIdHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/ResourceDrawableIdHelper.java
@@ -1,25 +1,20 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.imagehelper;
 
-import javax.annotation.Nullable;
-import javax.annotation.concurrent.ThreadSafe;
-
-import java.util.HashMap;
-import java.util.Map;
-
 import android.content.Context;
 import android.graphics.drawable.Drawable;
 import android.net.Uri;
+import androidx.annotation.Nullable;
+import java.util.HashMap;
+import java.util.Map;
+import javax.annotation.concurrent.ThreadSafe;
 
-/**
- * Helper class for obtaining information about local images.
- */
+/** Helper class for obtaining information about local images. */
 @ThreadSafe
 public class ResourceDrawableIdHelper {
 
@@ -64,10 +59,7 @@ public int getResourceDrawableId(Context context, @Nullable String name) {
       if (mResourceDrawableIdMap.containsKey(name)) {
         return mResourceDrawableIdMap.get(name);
       }
-      int id = context.getResources().getIdentifier(
-        name,
-        "drawable",
-        context.getPackageName());
+      int id = context.getResources().getIdentifier(name, "drawable", context.getPackageName());
       mResourceDrawableIdMap.put(name, id);
       return id;
     }
@@ -80,9 +72,8 @@ public int getResourceDrawableId(Context context, @Nullable String name) {
 
   public Uri getResourceDrawableUri(Context context, @Nullable String name) {
     int resId = getResourceDrawableId(context, name);
-    return resId > 0 ? new Uri.Builder()
-        .scheme(LOCAL_RESOURCE_SCHEME)
-        .path(String.valueOf(resId))
-        .build() : Uri.EMPTY;
+    return resId > 0
+        ? new Uri.Builder().scheme(LOCAL_RESOURCE_SCHEME).path(String.valueOf(resId)).build()
+        : Uri.EMPTY;
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/modal/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/modal/BUCK
index f3cef9f54e7613..3fb07c52a91cfb 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/modal/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/modal/BUCK
@@ -3,6 +3,10 @@ load("//tools/build_defs/oss:rn_defs.bzl", "YOGA_TARGET", "react_native_dep", "r
 rn_android_library(
     name = "modal",
     srcs = glob(["*.java"]),
+    is_androidx = True,
+    provided_deps = [
+        react_native_dep("third-party/android/androidx:annotation"),
+    ],
     required_for_source_only_abi = True,
     visibility = [
         "PUBLIC",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostHelper.java b/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostHelper.java
index fb56a2fd14dbbc..62693781108ed1 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostHelper.java
@@ -11,12 +11,9 @@
 import android.graphics.Point;
 import android.view.Display;
 import android.view.WindowManager;
-
 import com.facebook.infer.annotation.Assertions;
 
-/**
- * Helper class for Modals.
- */
+/** Helper class for Modals. */
 /*package*/ class ModalHostHelper {
 
   private static final Point MIN_POINT = new Point();
@@ -24,13 +21,11 @@
   private static final Point SIZE_POINT = new Point();
 
   /**
-   * To get the size of the screen, we use information from the WindowManager and
-   * default Display. We don't use DisplayMetricsHolder, or Display#getSize() because
-   * they return values that include the status bar. We only want the values of what
-   * will actually be shown on screen.
-   * We use Display#getSize() to determine if the screen is in portrait or landscape.
-   * We don't use getRotation because the 'natural' rotation will be portrait on phones
-   * and landscape on tablets.
+   * To get the size of the screen, we use information from the WindowManager and default Display.
+   * We don't use DisplayMetricsHolder, or Display#getSize() because they return values that include
+   * the status bar. We only want the values of what will actually be shown on screen. We use
+   * Display#getSize() to determine if the screen is in portrait or landscape. We don't use
+   * getRotation because the 'natural' rotation will be portrait on phones and landscape on tablets.
    * This should only be called on the native modules/shadow nodes thread.
    */
   public static Point getModalHostSize(Context context) {
@@ -52,7 +47,7 @@ public static Point getModalHostSize(Context context) {
     int statusBarId = resources.getIdentifier("status_bar_height", "dimen", "android");
     int statusBarHeight = 0;
     if (windowFullscreen && statusBarId > 0) {
-        statusBarHeight = (int) resources.getDimension(statusBarId);
+      statusBarHeight = (int) resources.getDimension(statusBarId);
     }
 
     if (SIZE_POINT.x < SIZE_POINT.y) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostShadowNode.java
index 0e0fd429a3f61e..8d0e93f4d8f89f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostShadowNode.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.modal;
 
 import android.graphics.Point;
@@ -13,10 +12,10 @@
 
 /**
  * We implement the Modal by using an Android Dialog. That will fill the entire window of the
- * application.  To get layout to work properly, we need to layout all the elements within the
- * Modal's inner content view as if they can fill the entire window.  To do that, we need to
+ * application. To get layout to work properly, we need to layout all the elements within the
+ * Modal's inner content view as if they can fill the entire window. To do that, we need to
  * explicitly set the styleWidth and styleHeight on the LayoutShadowNode of the child of this node
- * to be the window size.  This will then cause the children of the Modal to layout as if they can
+ * to be the window size. This will then cause the children of the Modal to layout as if they can
  * fill the window.
  */
 class ModalHostShadowNode extends LayoutShadowNode {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/modal/ReactModalHostManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/modal/ReactModalHostManager.java
index 6a73f5c7d4aa10..7c5d696144a4fe 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/modal/ReactModalHostManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/modal/ReactModalHostManager.java
@@ -1,20 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.modal;
 
 import android.content.DialogInterface;
 import android.graphics.Point;
-import com.facebook.react.bridge.WritableMap;
-import com.facebook.react.bridge.WritableNativeMap;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.uimanager.LayoutShadowNode;
-import com.facebook.react.uimanager.PixelUtil;
+import com.facebook.react.uimanager.ReactStylesDiffMap;
 import com.facebook.react.uimanager.StateWrapper;
 import com.facebook.react.uimanager.ThemedReactContext;
 import com.facebook.react.uimanager.UIManagerModule;
@@ -23,9 +20,7 @@
 import com.facebook.react.uimanager.events.EventDispatcher;
 import java.util.Map;
 
-/**
- * View manager for {@link ReactModalHostView} components.
- */
+/** View manager for {@link ReactModalHostView} components. */
 @ReactModule(name = ReactModalHostManager.REACT_CLASS)
 public class ReactModalHostManager extends ViewGroupManager<ReactModalHostView> {
 
@@ -73,33 +68,31 @@ public void setHardwareAccelerated(ReactModalHostView view, boolean hardwareAcce
   }
 
   @Override
-  protected void addEventEmitters(
-      ThemedReactContext reactContext,
-      final ReactModalHostView view) {
+  protected void addEventEmitters(ThemedReactContext reactContext, final ReactModalHostView view) {
     final EventDispatcher dispatcher =
-      reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher();
+        reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher();
     view.setOnRequestCloseListener(
-      new ReactModalHostView.OnRequestCloseListener() {
-        @Override
-        public void onRequestClose(DialogInterface dialog) {
-          dispatcher.dispatchEvent(new RequestCloseEvent(view.getId()));
-        }
-      });
+        new ReactModalHostView.OnRequestCloseListener() {
+          @Override
+          public void onRequestClose(DialogInterface dialog) {
+            dispatcher.dispatchEvent(new RequestCloseEvent(view.getId()));
+          }
+        });
     view.setOnShowListener(
-      new DialogInterface.OnShowListener() {
-        @Override
-        public void onShow(DialogInterface dialog) {
-          dispatcher.dispatchEvent(new ShowEvent(view.getId()));
-        }
-      });
+        new DialogInterface.OnShowListener() {
+          @Override
+          public void onShow(DialogInterface dialog) {
+            dispatcher.dispatchEvent(new ShowEvent(view.getId()));
+          }
+        });
   }
 
   @Override
   public Map<String, Object> getExportedCustomDirectEventTypeConstants() {
     return MapBuilder.<String, Object>builder()
-      .put(RequestCloseEvent.EVENT_NAME, MapBuilder.of("registrationName", "onRequestClose"))
-      .put(ShowEvent.EVENT_NAME, MapBuilder.of("registrationName", "onShow"))
-      .build();
+        .put(RequestCloseEvent.EVENT_NAME, MapBuilder.of("registrationName", "onRequestClose"))
+        .put(ShowEvent.EVENT_NAME, MapBuilder.of("registrationName", "onShow"))
+        .build();
   }
 
   @Override
@@ -109,11 +102,10 @@ protected void onAfterUpdateTransaction(ReactModalHostView view) {
   }
 
   @Override
-  public void updateState(ReactModalHostView view, StateWrapper stateWrapper) {
+  public Object updateState(
+      ReactModalHostView view, ReactStylesDiffMap props, StateWrapper stateWrapper) {
     Point modalSize = ModalHostHelper.getModalHostSize(view.getContext());
-    WritableMap map = new WritableNativeMap();
-    map.putDouble("screenWidth", PixelUtil.toDIPFromPixel(modalSize.x));
-    map.putDouble("screenHeight", PixelUtil.toDIPFromPixel(modalSize.y));
-    stateWrapper.updateState(map);
+    view.updateState(stateWrapper, modalSize.x, modalSize.y);
+    return null;
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/modal/ReactModalHostView.java b/ReactAndroid/src/main/java/com/facebook/react/views/modal/ReactModalHostView.java
index 3c3244194fdc5a..2bfe9b71c7f8d0 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/modal/ReactModalHostView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/modal/ReactModalHostView.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.modal;
 
 import android.annotation.TargetApi;
@@ -20,32 +19,40 @@
 import android.view.WindowManager;
 import android.view.accessibility.AccessibilityEvent;
 import android.widget.FrameLayout;
+import androidx.annotation.Nullable;
+import androidx.annotation.UiThread;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.R;
 import com.facebook.react.bridge.GuardedRunnable;
 import com.facebook.react.bridge.LifecycleEventListener;
 import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.bridge.WritableNativeMap;
 import com.facebook.react.common.annotations.VisibleForTesting;
 import com.facebook.react.uimanager.JSTouchDispatcher;
+import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.react.uimanager.RootView;
+import com.facebook.react.uimanager.StateWrapper;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.events.EventDispatcher;
 import com.facebook.react.views.common.ContextUtils;
 import com.facebook.react.views.view.ReactViewGroup;
 import java.util.ArrayList;
-import javax.annotation.Nullable;
 
 /**
  * ReactModalHostView is a view that sits in the view hierarchy representing a Modal view.
  *
- * It does a number of things:
- *  1. It creates a Dialog.  We use this Dialog to actually display the Modal in the window.
- *  2. It creates a DialogRootViewGroup.  This view is the view that is displayed by the Dialog. To
- *     display a view within a Dialog, that view must have its parent set to the window the Dialog
- *     creates.  Because of this, we can not use the ReactModalHostView since it sits in the
- *     normal React view hierarchy.  We do however want all of the layout magic to happen as if the
- *     DialogRootViewGroup were part of the hierarchy.  Therefore, we forward all view changes
- *     around addition and removal of views to the DialogRootViewGroup.
+ * <p>It does a number of things:
+ *
+ * <ol>
+ *   <li>It creates a Dialog. We use this Dialog to actually display the Modal in the window.
+ *   <li>It creates a DialogRootViewGroup. This view is the view that is displayed by the Dialog. To
+ *       display a view within a Dialog, that view must have its parent set to the window the Dialog
+ *       creates. Because of this, we can not use the ReactModalHostView since it sits in the normal
+ *       React view hierarchy. We do however want all of the layout magic to happen as if the
+ *       DialogRootViewGroup were part of the hierarchy. Therefore, we forward all view changes
+ *       around addition and removal of views to the DialogRootViewGroup.
+ * </ol>
  */
 public class ReactModalHostView extends ViewGroup implements LifecycleEventListener {
 
@@ -133,7 +140,8 @@ public void onDropInstance() {
   private void dismiss() {
     if (mDialog != null) {
       if (mDialog.isShowing()) {
-        Activity dialogContext = ContextUtils.findContextOfType(mDialog.getContext(), Activity.class);
+        Activity dialogContext =
+            ContextUtils.findContextOfType(mDialog.getContext(), Activity.class);
         if (dialogContext == null || !dialogContext.isFinishing()) {
           mDialog.dismiss();
         }
@@ -196,10 +204,10 @@ public void onHostDestroy() {
   }
 
   /**
-   * showOrUpdate will display the Dialog.  It is called by the manager once all properties are set
-   * because we need to know all of them before creating the Dialog.  It is also smart during
-   * updates if the changed properties can be applied directly to the Dialog or require the
-   * recreation of a new Dialog.
+   * showOrUpdate will display the Dialog. It is called by the manager once all properties are set
+   * because we need to know all of them before creating the Dialog. It is also smart during updates
+   * if the changed properties can be applied directly to the Dialog or require the recreation of a
+   * new Dialog.
    */
   protected void showOrUpdate() {
     // If the existing Dialog is currently up, we may need to redraw it or we may be able to update
@@ -224,39 +232,48 @@ protected void showOrUpdate() {
     Activity currentActivity = getCurrentActivity();
     Context context = currentActivity == null ? getContext() : currentActivity;
     mDialog = new Dialog(context, theme);
-    mDialog.getWindow().setFlags(WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE, WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE);
+    mDialog
+        .getWindow()
+        .setFlags(
+            WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE,
+            WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE);
 
     mDialog.setContentView(getContentView());
     updateProperties();
 
     mDialog.setOnShowListener(mOnShowListener);
     mDialog.setOnKeyListener(
-      new DialogInterface.OnKeyListener() {
-        @Override
-        public boolean onKey(DialogInterface dialog, int keyCode, KeyEvent event) {
-          if (event.getAction() == KeyEvent.ACTION_UP) {
-            // We need to stop the BACK button from closing the dialog by default so we capture that
-            // event and instead inform JS so that it can make the decision as to whether or not to
-            // allow the back button to close the dialog.  If it chooses to, it can just set visible
-            // to false on the Modal and the Modal will go away
-            if (keyCode == KeyEvent.KEYCODE_BACK) {
-              Assertions.assertNotNull(
-                mOnRequestCloseListener,
-                "setOnRequestCloseListener must be called by the manager");
-              mOnRequestCloseListener.onRequestClose(dialog);
-              return true;
-            } else {
-              // We redirect the rest of the key events to the current activity, since the activity
-              // expects to receive those events and react to them, ie. in the case of the dev menu
-              Activity currentActivity = ((ReactContext) getContext()).getCurrentActivity();
-              if (currentActivity != null) {
-                return currentActivity.onKeyUp(keyCode, event);
+        new DialogInterface.OnKeyListener() {
+          @Override
+          public boolean onKey(DialogInterface dialog, int keyCode, KeyEvent event) {
+            if (event.getAction() == KeyEvent.ACTION_UP) {
+              // We need to stop the BACK button from closing the dialog by default so we capture
+              // that
+              // event and instead inform JS so that it can make the decision as to whether or not
+              // to
+              // allow the back button to close the dialog.  If it chooses to, it can just set
+              // visible
+              // to false on the Modal and the Modal will go away
+              if (keyCode == KeyEvent.KEYCODE_BACK) {
+                Assertions.assertNotNull(
+                    mOnRequestCloseListener,
+                    "setOnRequestCloseListener must be called by the manager");
+                mOnRequestCloseListener.onRequestClose(dialog);
+                return true;
+              } else {
+                // We redirect the rest of the key events to the current activity, since the
+                // activity
+                // expects to receive those events and react to them, ie. in the case of the dev
+                // menu
+                Activity currentActivity = ((ReactContext) getContext()).getCurrentActivity();
+                if (currentActivity != null) {
+                  return currentActivity.onKeyUp(keyCode, event);
+                }
               }
             }
+            return false;
           }
-          return false;
-        }
-      });
+        });
 
     mDialog.getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);
     if (mHardwareAccelerated) {
@@ -264,20 +281,27 @@ public boolean onKey(DialogInterface dialog, int keyCode, KeyEvent event) {
     }
     if (currentActivity != null && !currentActivity.isFinishing()) {
       mDialog.show();
-      if (context instanceof Activity){
-        mDialog.getWindow().getDecorView().setSystemUiVisibility(
-          ((Activity)context).getWindow().getDecorView().getSystemUiVisibility()
-        );
+      if (context instanceof Activity) {
+        mDialog
+            .getWindow()
+            .getDecorView()
+            .setSystemUiVisibility(
+                ((Activity) context).getWindow().getDecorView().getSystemUiVisibility());
       }
       mDialog.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE);
     }
   }
 
+  @UiThread
+  public void updateState(StateWrapper stateWrapper, int width, int height) {
+    mHostView.updateState(stateWrapper, width, height);
+  }
+
   /**
    * Returns the view that will be the root view of the dialog. We are wrapping this in a
    * FrameLayout because this is the system's way of notifying us that the dialog size has changed.
-   * This has the pleasant side-effect of us not having to preface all Modals with
-   * "top: statusBarHeight", since that margin will be included in the FrameLayout.
+   * This has the pleasant side-effect of us not having to preface all Modals with "top:
+   * statusBarHeight", since that margin will be included in the FrameLayout.
    */
   private View getContentView() {
     FrameLayout frameLayout = new FrameLayout(getContext());
@@ -297,8 +321,7 @@ private void updateProperties() {
     Activity currentActivity = getCurrentActivity();
     if (currentActivity != null) {
       int activityWindowFlags = currentActivity.getWindow().getAttributes().flags;
-      if ((activityWindowFlags
-          & WindowManager.LayoutParams.FLAG_FULLSCREEN) != 0) {
+      if ((activityWindowFlags & WindowManager.LayoutParams.FLAG_FULLSCREEN) != 0) {
         mDialog.getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
       } else {
         mDialog.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
@@ -309,20 +332,22 @@ private void updateProperties() {
       mDialog.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND);
     } else {
       mDialog.getWindow().setDimAmount(0.5f);
-      mDialog.getWindow().setFlags(
-          WindowManager.LayoutParams.FLAG_DIM_BEHIND,
-          WindowManager.LayoutParams.FLAG_DIM_BEHIND);
+      mDialog
+          .getWindow()
+          .setFlags(
+              WindowManager.LayoutParams.FLAG_DIM_BEHIND,
+              WindowManager.LayoutParams.FLAG_DIM_BEHIND);
     }
   }
 
   /**
-   * DialogRootViewGroup is the ViewGroup which contains all the children of a Modal.  It gets all
-   * child information forwarded from ReactModalHostView and uses that to create children.  It is
-   * also responsible for acting as a RootView and handling touch events.  It does this the same
-   * way as ReactRootView.
+   * DialogRootViewGroup is the ViewGroup which contains all the children of a Modal. It gets all
+   * child information forwarded from ReactModalHostView and uses that to create children. It is
+   * also responsible for acting as a RootView and handling touch events. It does this the same way
+   * as ReactRootView.
    *
-   * To get layout to work properly, we need to layout all the elements within the Modal as if they
-   * can fill the entire window.  To do that, we need to explicitly set the styleWidth and
+   * <p>To get layout to work properly, we need to layout all the elements within the Modal as if
+   * they can fill the entire window. To do that, we need to explicitly set the styleWidth and
    * styleHeight on the LayoutShadowNode to be the window size. This is done through the
    * UIManagerModule, and will then cause the children to layout as if they can fill the window.
    */
@@ -331,6 +356,8 @@ static class DialogRootViewGroup extends ReactViewGroup implements RootView {
     private int viewWidth;
     private int viewHeight;
 
+    private @Nullable StateWrapper mStateWrapper;
+
     private final JSTouchDispatcher mJSTouchDispatcher = new JSTouchDispatcher(this);
 
     public DialogRootViewGroup(Context context) {
@@ -349,20 +376,36 @@ private void updateFirstChildView() {
       if (getChildCount() > 0) {
         hasAdjustedSize = false;
         final int viewTag = getChildAt(0).getId();
-        ReactContext reactContext = getReactContext();
-        reactContext.runOnNativeModulesQueueThread(
-          new GuardedRunnable(reactContext) {
-            @Override
-            public void runGuarded() {
-              (getReactContext()).getNativeModule(UIManagerModule.class)
-                .updateNodeSize(viewTag, viewWidth, viewHeight);
-            }
-          });
+        if (mStateWrapper != null) {
+          // This will only be called under Fabric
+          updateState(mStateWrapper, viewWidth, viewHeight);
+        } else {
+          // TODO: T44725185 remove after full migration to Fabric
+          ReactContext reactContext = getReactContext();
+          reactContext.runOnNativeModulesQueueThread(
+              new GuardedRunnable(reactContext) {
+                @Override
+                public void runGuarded() {
+                  (getReactContext())
+                      .getNativeModule(UIManagerModule.class)
+                      .updateNodeSize(viewTag, viewWidth, viewHeight);
+                }
+              });
+        }
       } else {
         hasAdjustedSize = true;
       }
     }
 
+    @UiThread
+    public void updateState(StateWrapper stateWrapper, int width, int height) {
+      mStateWrapper = stateWrapper;
+      WritableMap map = new WritableNativeMap();
+      map.putDouble("screenWidth", PixelUtil.toDIPFromPixel(width));
+      map.putDouble("screenHeight", PixelUtil.toDIPFromPixel(height));
+      stateWrapper.updateState(map);
+    }
+
     @Override
     public void addView(View child, int index, LayoutParams params) {
       super.addView(child, index, params);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/modal/RequestCloseEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/modal/RequestCloseEvent.java
index e8154261b1c0e1..fbda54ffd280fe 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/modal/RequestCloseEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/modal/RequestCloseEvent.java
@@ -1,18 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.modal;
 
 import com.facebook.react.uimanager.events.Event;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
 
-/**
- * {@link Event} for dismissing a Dialog.
- */
+/** {@link Event} for dismissing a Dialog. */
 /* package */ class RequestCloseEvent extends Event<RequestCloseEvent> {
 
   public static final String EVENT_NAME = "topRequestClose";
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/modal/ShowEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/modal/ShowEvent.java
index 4a89bc8243633a..bea6a2487c4473 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/modal/ShowEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/modal/ShowEvent.java
@@ -1,18 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.modal;
 
 import com.facebook.react.uimanager.events.Event;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
 
-/**
- * {@link Event} for showing a Dialog.
- */
+/** {@link Event} for showing a Dialog. */
 /* package */ class ShowEvent extends Event<ShowEvent> {
 
   public static final String EVENT_NAME = "topShow";
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactDialogPickerManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactDialogPickerManager.java
index b16678ebe40b9d..5f5ca20b02a4b8 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactDialogPickerManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactDialogPickerManager.java
@@ -1,20 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.picker;
 
 import android.widget.Spinner;
-
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.uimanager.ThemedReactContext;
 
-/**
- * {@link ReactPickerManager} for {@link ReactPicker} with {@link Spinner#MODE_DIALOG}.
- */
+/** {@link ReactPickerManager} for {@link ReactPicker} with {@link Spinner#MODE_DIALOG}. */
 @ReactModule(name = ReactDialogPickerManager.REACT_CLASS)
 public class ReactDialogPickerManager extends ReactPickerManager {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactDropdownPickerManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactDropdownPickerManager.java
index e3c25721cb9104..955f2827d48f95 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactDropdownPickerManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactDropdownPickerManager.java
@@ -1,20 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.picker;
 
 import android.widget.Spinner;
-
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.uimanager.ThemedReactContext;
 
-/**
- * {@link ReactPickerManager} for {@link ReactPicker} with {@link Spinner#MODE_DROPDOWN}.
- */
+/** {@link ReactPickerManager} for {@link ReactPicker} with {@link Spinner#MODE_DROPDOWN}. */
 @ReactModule(name = ReactDropdownPickerManager.REACT_CLASS)
 public class ReactDropdownPickerManager extends ReactPickerManager {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactPicker.java b/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactPicker.java
index a030a454908618..6da5b6e9b2bcb6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactPicker.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactPicker.java
@@ -1,51 +1,48 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.picker;
 
 import android.content.Context;
-import androidx.appcompat.widget.AppCompatSpinner;
 import android.util.AttributeSet;
 import android.view.View;
 import android.widget.AdapterView;
 import android.widget.Spinner;
-import android.widget.SpinnerAdapter;
-
+import androidx.annotation.Nullable;
+import androidx.appcompat.widget.AppCompatSpinner;
 import com.facebook.react.common.annotations.VisibleForTesting;
-
-import javax.annotation.Nullable;
+import java.util.List;
 
 public class ReactPicker extends AppCompatSpinner {
 
   private int mMode = Spinner.MODE_DIALOG;
-  private @Nullable Integer mPrimaryColor;
   private @Nullable OnSelectListener mOnSelectListener;
-  private @Nullable SpinnerAdapter mStagedAdapter;
+  private @Nullable List<ReactPickerItem> mItems;
+  private @Nullable List<ReactPickerItem> mStagedItems;
   private @Nullable Integer mStagedSelection;
-
-  private final OnItemSelectedListener mItemSelectedListener = new OnItemSelectedListener() {
-    @Override
-    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
-      if (mOnSelectListener != null) {
-        mOnSelectListener.onItemSelected(position);
-      }
-    }
-
-    @Override
-    public void onNothingSelected(AdapterView<?> parent) {
-      if (mOnSelectListener != null) {
-        mOnSelectListener.onItemSelected(-1);
-      }
-    }
-  };
-
-  /**
-   * Listener interface for ReactPicker events.
-   */
+  private @Nullable Integer mStagedPrimaryTextColor;
+
+  private final OnItemSelectedListener mItemSelectedListener =
+      new OnItemSelectedListener() {
+        @Override
+        public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
+          if (mOnSelectListener != null) {
+            mOnSelectListener.onItemSelected(position);
+          }
+        }
+
+        @Override
+        public void onNothingSelected(AdapterView<?> parent) {
+          if (mOnSelectListener != null) {
+            mOnSelectListener.onItemSelected(-1);
+          }
+        }
+      };
+
+  /** Listener interface for ReactPicker events. */
   public interface OnSelectListener {
     void onItemSelected(int position);
   }
@@ -72,15 +69,16 @@ public ReactPicker(Context context, AttributeSet attrs, int defStyle, int mode)
     mMode = mode;
   }
 
-  private final Runnable measureAndLayout = new Runnable() {
-    @Override
-    public void run() {
-      measure(
-          MeasureSpec.makeMeasureSpec(getWidth(), MeasureSpec.EXACTLY),
-          MeasureSpec.makeMeasureSpec(getHeight(), MeasureSpec.EXACTLY));
-      layout(getLeft(), getTop(), getRight(), getBottom());
-    }
-  };
+  private final Runnable measureAndLayout =
+      new Runnable() {
+        @Override
+        public void run() {
+          measure(
+              MeasureSpec.makeMeasureSpec(getWidth(), MeasureSpec.EXACTLY),
+              MeasureSpec.makeMeasureSpec(getHeight(), MeasureSpec.EXACTLY));
+          layout(getLeft(), getTop(), getRight(), getBottom());
+        }
+      };
 
   @Override
   public void requestLayout() {
@@ -101,46 +99,54 @@ protected void onLayout(boolean changed, int left, int top, int right, int botto
     // AdapterView updates the selection position from the default INVALID_POSITION.
     // To match iOS behavior, which no onItemSelected during initial layout.
     // We setup the listener after layout.
-    if (getOnItemSelectedListener() == null)
-      setOnItemSelectedListener(mItemSelectedListener);
+    if (getOnItemSelectedListener() == null) setOnItemSelectedListener(mItemSelectedListener);
   }
 
   public void setOnSelectListener(@Nullable OnSelectListener onSelectListener) {
     mOnSelectListener = onSelectListener;
   }
 
-  @Nullable public OnSelectListener getOnSelectListener() {
+  @Nullable
+  public OnSelectListener getOnSelectListener() {
     return mOnSelectListener;
   }
 
-  /* package */ void setStagedAdapter(final SpinnerAdapter adapter) {
-   mStagedAdapter = adapter;
+  /* package */ void setStagedItems(final @Nullable List<ReactPickerItem> items) {
+    mStagedItems = items;
   }
 
   /**
-   * Will cache "selection" value locally and set it only once {@link #commitStagedData} is
-   * called
+   * Will cache "selection" value locally and set it only once {@link #commitStagedData} is called
    */
   /* package */ void setStagedSelection(int selection) {
     mStagedSelection = selection;
   }
 
+  /* package */ void setStagedPrimaryTextColor(@Nullable Integer primaryColor) {
+    mStagedPrimaryTextColor = primaryColor;
+  }
+
   /**
-   * Used to commit staged data into ReactPicker view.
-   * During this period, we will disable {@link OnSelectListener#onItemSelected(int)} temporarily,
-   * so we don't get an event when changing the items/selection ourselves.
+   * Used to commit staged data into ReactPicker view. During this period, we will disable {@link
+   * OnSelectListener#onItemSelected(int)} temporarily, so we don't get an event when changing the
+   * items/selection ourselves.
    */
   /* package */ void commitStagedData() {
     setOnItemSelectedListener(null);
 
+    ReactPickerAdapter adapter = (ReactPickerAdapter) getAdapter();
     final int origSelection = getSelectedItemPosition();
-    if (mStagedAdapter != null && mStagedAdapter != getAdapter()) {
-      setAdapter(mStagedAdapter);
-      // After setAdapter(), Spinner will reset selection and cause unnecessary onValueChange event.
-      // Explicitly setup selection again to prevent this.
-      // Ref: https://android.googlesource.com/platform/frameworks/base/+/master/core/java/android/widget/AbsSpinner.java#123
-      setSelection(origSelection, false);
-      mStagedAdapter = null;
+    if (mStagedItems != null && mStagedItems != mItems) {
+      mItems = mStagedItems;
+      mStagedItems = null;
+      if (adapter == null) {
+        adapter = new ReactPickerAdapter(getContext(), mItems);
+        setAdapter(adapter);
+      } else {
+        adapter.clear();
+        adapter.addAll(mItems);
+        adapter.notifyDataSetChanged();
+      }
     }
 
     if (mStagedSelection != null && mStagedSelection != origSelection) {
@@ -148,15 +154,14 @@ public void setOnSelectListener(@Nullable OnSelectListener onSelectListener) {
       mStagedSelection = null;
     }
 
-    setOnItemSelectedListener(mItemSelectedListener);
-  }
-
-  public @Nullable Integer getPrimaryColor() {
-    return mPrimaryColor;
-  }
+    if (mStagedPrimaryTextColor != null
+        && adapter != null
+        && mStagedPrimaryTextColor != adapter.getPrimaryTextColor()) {
+      adapter.setPrimaryTextColor(mStagedPrimaryTextColor);
+      mStagedPrimaryTextColor = null;
+    }
 
-  public void setPrimaryColor(@Nullable Integer primaryColor) {
-    mPrimaryColor = primaryColor;
+    setOnItemSelectedListener(mItemSelectedListener);
   }
 
   @VisibleForTesting
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactPickerAdapter.java b/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactPickerAdapter.java
new file mode 100644
index 00000000000000..f811178c5dccd1
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactPickerAdapter.java
@@ -0,0 +1,74 @@
+package com.facebook.react.views.picker;
+
+import android.content.Context;
+import android.content.res.ColorStateList;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ArrayAdapter;
+import android.widget.TextView;
+import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Assertions;
+import java.util.List;
+
+/* package */
+class ReactPickerAdapter extends ArrayAdapter<ReactPickerItem> {
+
+  private final LayoutInflater mInflater;
+  private @Nullable Integer mPrimaryTextColor;
+
+  public ReactPickerAdapter(Context context, List<ReactPickerItem> data) {
+    super(context, 0, data);
+
+    mInflater =
+        (LayoutInflater)
+            Assertions.assertNotNull(context.getSystemService(Context.LAYOUT_INFLATER_SERVICE));
+  }
+
+  @Override
+  public View getView(int position, View convertView, ViewGroup parent) {
+    return getView(position, convertView, parent, false);
+  }
+
+  @Override
+  public View getDropDownView(int position, View convertView, ViewGroup parent) {
+    return getView(position, convertView, parent, true);
+  }
+
+  private View getView(int position, View convertView, ViewGroup parent, boolean isDropdown) {
+    ReactPickerItem item = getItem(position);
+    boolean isNew = false;
+    if (convertView == null) {
+      int layoutResId =
+          isDropdown
+              ? android.R.layout.simple_spinner_dropdown_item
+              : android.R.layout.simple_spinner_item;
+      convertView = mInflater.inflate(layoutResId, parent, false);
+      // Save original text colors
+      convertView.setTag(((TextView) convertView).getTextColors());
+      isNew = true;
+    }
+
+    TextView textView = (TextView) convertView;
+    textView.setText(item.label);
+    if (!isDropdown && mPrimaryTextColor != null) {
+      textView.setTextColor(mPrimaryTextColor);
+    } else if (item.color != null) {
+      textView.setTextColor(item.color);
+    } else if (textView.getTag() != null && !isNew) {
+      // In case the new item does not set the color prop, go back to the default one
+      textView.setTextColor((ColorStateList) textView.getTag());
+    }
+
+    return textView;
+  }
+
+  public @Nullable Integer getPrimaryTextColor() {
+    return mPrimaryTextColor;
+  }
+
+  public void setPrimaryTextColor(@Nullable Integer primaryTextColor) {
+    mPrimaryTextColor = primaryTextColor;
+    notifyDataSetChanged();
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactPickerItem.java b/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactPickerItem.java
new file mode 100644
index 00000000000000..b50c56fad59e2a
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactPickerItem.java
@@ -0,0 +1,36 @@
+package com.facebook.react.views.picker;
+
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableMap;
+import java.util.ArrayList;
+import java.util.List;
+
+/* package */
+class ReactPickerItem {
+  public final String label;
+  @Nullable public final Integer color;
+
+  public ReactPickerItem(final ReadableMap jsMapData) {
+    label = jsMapData.getString("label");
+
+    if (jsMapData.hasKey("color") && !jsMapData.isNull("color")) {
+      color = jsMapData.getInt("color");
+    } else {
+      color = null;
+    }
+  }
+
+  @Nullable
+  public static List<ReactPickerItem> createFromJsArrayMap(final ReadableArray jsArrayMap) {
+    if (jsArrayMap == null) {
+      return null;
+    }
+
+    final List<ReactPickerItem> items = new ArrayList<>(jsArrayMap.size());
+    for (int i = 0; i < jsArrayMap.size(); ++i) {
+      items.add(new ReactPickerItem(jsArrayMap.getMap(i)));
+    }
+    return items;
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactPickerManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactPickerManager.java
index 9e70d661f33c92..daea3abeb2846e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactPickerManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactPickerManager.java
@@ -1,22 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.picker;
 
-import android.content.Context;
-import android.view.LayoutInflater;
-import android.view.View;
-import android.view.ViewGroup;
-import android.widget.ArrayAdapter;
 import android.widget.Spinner;
-import android.widget.TextView;
-import com.facebook.infer.annotation.Assertions;
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.uimanager.SimpleViewManager;
 import com.facebook.react.uimanager.ThemedReactContext;
 import com.facebook.react.uimanager.UIManagerModule;
@@ -24,39 +16,25 @@
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.uimanager.events.EventDispatcher;
 import com.facebook.react.views.picker.events.PickerItemSelectEvent;
-import javax.annotation.Nullable;
+import java.util.List;
 
 /**
- * {@link ViewManager} for the {@link ReactPicker} view. This is abstract because the
- * {@link Spinner} doesn't support setting the mode (dropdown/dialog) outside the constructor, so
- * that is delegated to the separate {@link ReactDropdownPickerManager} and
- * {@link ReactDialogPickerManager} components. These are merged back on the JS side into one
- * React component.
+ * {@link ViewManager} for the {@link ReactPicker} view. This is abstract because the {@link
+ * Spinner} doesn't support setting the mode (dropdown/dialog) outside the constructor, so that is
+ * delegated to the separate {@link ReactDropdownPickerManager} and {@link ReactDialogPickerManager}
+ * components. These are merged back on the JS side into one React component.
  */
 public abstract class ReactPickerManager extends SimpleViewManager<ReactPicker> {
 
   @ReactProp(name = "items")
   public void setItems(ReactPicker view, @Nullable ReadableArray items) {
-    if (items != null) {
-      ReadableMap[] data = new ReadableMap[items.size()];
-      for (int i = 0; i < items.size(); i++) {
-        data[i] = items.getMap(i);
-      }
-      ReactPickerAdapter adapter = new ReactPickerAdapter(view.getContext(), data);
-      adapter.setPrimaryTextColor(view.getPrimaryColor());
-      view.setStagedAdapter(adapter);
-    } else {
-      view.setStagedAdapter(null);
-    }
+    final List<ReactPickerItem> pickerItems = ReactPickerItem.createFromJsArrayMap(items);
+    view.setStagedItems(pickerItems);
   }
 
   @ReactProp(name = ViewProps.COLOR, customType = "Color")
   public void setColor(ReactPicker view, @Nullable Integer color) {
-    view.setPrimaryColor(color);
-    ReactPickerAdapter adapter = (ReactPickerAdapter) view.getAdapter();
-    if (adapter != null) {
-      adapter.setPrimaryTextColor(color);
-    }
+    view.setStagedPrimaryTextColor(color);
   }
 
   @ReactProp(name = "prompt")
@@ -81,62 +59,10 @@ protected void onAfterUpdateTransaction(ReactPicker view) {
   }
 
   @Override
-  protected void addEventEmitters(
-      final ThemedReactContext reactContext,
-      final ReactPicker picker) {
+  protected void addEventEmitters(final ThemedReactContext reactContext, final ReactPicker picker) {
     picker.setOnSelectListener(
-            new PickerEventEmitter(
-                    picker,
-                    reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher()));
-  }
-
-  private static class ReactPickerAdapter extends ArrayAdapter<ReadableMap> {
-
-    private final LayoutInflater mInflater;
-    private @Nullable Integer mPrimaryTextColor;
-
-    public ReactPickerAdapter(Context context, ReadableMap[] data) {
-      super(context, 0, data);
-
-      mInflater = (LayoutInflater) Assertions.assertNotNull(
-          context.getSystemService(Context.LAYOUT_INFLATER_SERVICE));
-    }
-
-    @Override
-    public View getView(int position, View convertView, ViewGroup parent) {
-      return getView(position, convertView, parent, false);
-    }
-
-    @Override
-    public View getDropDownView(int position, View convertView, ViewGroup parent) {
-      return getView(position, convertView, parent, true);
-    }
-
-    private View getView(int position, View convertView, ViewGroup parent, boolean isDropdown) {
-      ReadableMap item = getItem(position);
-
-      if (convertView == null) {
-        int layoutResId = isDropdown
-            ? android.R.layout.simple_spinner_dropdown_item
-            : android.R.layout.simple_spinner_item;
-        convertView = mInflater.inflate(layoutResId, parent, false);
-      }
-
-      TextView textView = (TextView) convertView;
-      textView.setText(item.getString("label"));
-      if (!isDropdown && mPrimaryTextColor != null) {
-        textView.setTextColor(mPrimaryTextColor);
-      } else if (item.hasKey("color") && !item.isNull("color")) {
-        textView.setTextColor(item.getInt("color"));
-      }
-
-      return convertView;
-    }
-
-    public void setPrimaryTextColor(@Nullable Integer primaryTextColor) {
-      mPrimaryTextColor = primaryTextColor;
-      notifyDataSetChanged();
-    }
+        new PickerEventEmitter(
+            picker, reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher()));
   }
 
   private static class PickerEventEmitter implements ReactPicker.OnSelectListener {
@@ -151,8 +77,7 @@ public PickerEventEmitter(ReactPicker reactPicker, EventDispatcher eventDispatch
 
     @Override
     public void onItemSelected(int position) {
-      mEventDispatcher.dispatchEvent( new PickerItemSelectEvent(
-              mReactPicker.getId(), position));
+      mEventDispatcher.dispatchEvent(new PickerItemSelectEvent(mReactPicker.getId(), position));
     }
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/picker/events/PickerItemSelectEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/picker/events/PickerItemSelectEvent.java
index e50b7b3ad50ef0..ff5ef4680b38d0 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/picker/events/PickerItemSelectEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/picker/events/PickerItemSelectEvent.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.picker.events;
 
 import com.facebook.react.bridge.Arguments;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/BUCK
index 54afb8816c9e3c..70bf5aea089831 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/BUCK
@@ -3,11 +3,13 @@ load("//tools/build_defs/oss:rn_defs.bzl", "YOGA_TARGET", "react_native_dep", "r
 rn_android_library(
     name = "progressbar",
     srcs = glob(["*.java"]),
+    is_androidx = True,
     visibility = [
         "PUBLIC",
     ],
     deps = [
         YOGA_TARGET,
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
         react_native_target("java/com/facebook/react/bridge:bridge"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarContainerView.java b/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarContainerView.java
index 2aa39dc8bb8bd5..d1be247f0e545e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarContainerView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarContainerView.java
@@ -5,8 +5,6 @@
 
 package com.facebook.react.views.progressbar;
 
-import javax.annotation.Nullable;
-
 import android.content.Context;
 import android.graphics.PorterDuff;
 import android.graphics.drawable.Drawable;
@@ -14,12 +12,12 @@
 import android.view.ViewGroup;
 import android.widget.FrameLayout;
 import android.widget.ProgressBar;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 
 /**
- * Controls an enclosing ProgressBar. Exists so that the ProgressBar can be recreated if
- * the style would change.
+ * Controls an enclosing ProgressBar. Exists so that the ProgressBar can be recreated if the style
+ * would change.
  */
 /* package */ class ProgressBarContainerView extends FrameLayout {
   private static final int MAX_PROGRESS = 1000;
@@ -42,8 +40,7 @@ public void setStyle(@Nullable String styleName) {
     addView(
         mProgressBar,
         new ViewGroup.LayoutParams(
-            ViewGroup.LayoutParams.MATCH_PARENT,
-            ViewGroup.LayoutParams.MATCH_PARENT));
+            ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
   }
 
   public void setColor(@Nullable Integer color) {
@@ -73,7 +70,7 @@ public void apply() {
     if (mAnimating) {
       mProgressBar.setVisibility(View.VISIBLE);
     } else {
-      mProgressBar.setVisibility(View.GONE);
+      mProgressBar.setVisibility(View.INVISIBLE);
     }
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarShadowNode.java
index e6cb2adceae637..2277e40e477166 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarShadowNode.java
@@ -1,16 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.progressbar;
 
 import android.util.SparseIntArray;
 import android.view.View;
 import android.view.ViewGroup;
 import android.widget.ProgressBar;
+import androidx.annotation.Nullable;
 import com.facebook.react.uimanager.LayoutShadowNode;
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.yoga.YogaMeasureFunction;
@@ -19,12 +19,11 @@
 import com.facebook.yoga.YogaNode;
 import java.util.HashSet;
 import java.util.Set;
-import javax.annotation.Nullable;
 
 /**
- * Node responsible for holding the style of the ProgressBar, see under
- * {@link android.R.attr.progressBarStyle} for possible styles. ReactProgressBarViewManager
- * manages how this style is applied to the ProgressBar.
+ * Node responsible for holding the style of the ProgressBar, see under {@link
+ * android.R.attr.progressBarStyle} for possible styles. ReactProgressBarViewManager manages how
+ * this style is applied to the ProgressBar.
  */
 public class ProgressBarShadowNode extends LayoutShadowNode implements YogaMeasureFunction {
 
@@ -63,10 +62,11 @@ public long measure(
       YogaMeasureMode heightMode) {
     final int style = ReactProgressBarViewManager.getStyleFromString(getStyle());
     if (!mMeasured.contains(style)) {
-      ProgressBar progressBar = ReactProgressBarViewManager.createProgressBar(getThemedContext(), style);
-      final int spec = View.MeasureSpec.makeMeasureSpec(
-          ViewGroup.LayoutParams.WRAP_CONTENT,
-          View.MeasureSpec.UNSPECIFIED);
+      ProgressBar progressBar =
+          ReactProgressBarViewManager.createProgressBar(getThemedContext(), style);
+      final int spec =
+          View.MeasureSpec.makeMeasureSpec(
+              ViewGroup.LayoutParams.WRAP_CONTENT, View.MeasureSpec.UNSPECIFIED);
       progressBar.measure(spec, spec);
       mHeight.put(style, progressBar.getMeasuredHeight());
       mWidth.put(style, progressBar.getMeasuredWidth());
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ReactProgressBarViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ReactProgressBarViewManager.java
index 24b01e9114b212..2da1e42640925b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ReactProgressBarViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ReactProgressBarViewManager.java
@@ -1,23 +1,20 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.progressbar;
 
-import javax.annotation.Nullable;
-
 import android.content.Context;
 import android.widget.ProgressBar;
-
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.uimanager.BaseViewManager;
-import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.uimanager.ThemedReactContext;
 import com.facebook.react.uimanager.ViewProps;
+import com.facebook.react.uimanager.annotations.ReactProp;
 
 /**
  * Manages instances of ProgressBar. ProgressBar is wrapped in a ProgressBarContainerView because
@@ -26,8 +23,8 @@
  * one with the style given.
  */
 @ReactModule(name = ReactProgressBarViewManager.REACT_CLASS)
-public class ReactProgressBarViewManager extends
-    BaseViewManager<ProgressBarContainerView, ProgressBarShadowNode> {
+public class ReactProgressBarViewManager
+    extends BaseViewManager<ProgressBarContainerView, ProgressBarShadowNode> {
 
   public static final String REACT_CLASS = "AndroidProgressBar";
 
@@ -112,7 +109,7 @@ protected void onAfterUpdateTransaction(ProgressBarContainerView view) {
           "ProgressBar needs to have a style, null received");
     } else if (styleStr.equals("Horizontal")) {
       return android.R.attr.progressBarStyleHorizontal;
-    }  else if (styleStr.equals("Small")) {
+    } else if (styleStr.equals("Small")) {
       return android.R.attr.progressBarStyleSmall;
     } else if (styleStr.equals("Large")) {
       return android.R.attr.progressBarStyleLarge;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/FpsListener.java b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/FpsListener.java
index 607c396833de75..7fa6063b7f908c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/FpsListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/FpsListener.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.scroll;
 
 public interface FpsListener {
@@ -17,17 +16,15 @@ public interface FpsListener {
   void enable(String tag);
 
   /**
-   * Clients should call this method when they want the listener to stop recording data.
-   * The listener will then report the data it collected.
+   * Clients should call this method when they want the listener to stop recording data. The
+   * listener will then report the data it collected.
    *
-   * Calling disable on a listener that has already been disabled is a no-op.
+   * <p>Calling disable on a listener that has already been disabled is a no-op.
    *
    * @param tag
    */
   void disable(String tag);
 
-  /**
-   * Reports whether this listener is recording data.
-   */
+  /** Reports whether this listener is recording data. */
   boolean isEnabled();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/OnScrollDispatchHelper.java b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/OnScrollDispatchHelper.java
index 6b90c839b2feb2..15f92878efb730 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/OnScrollDispatchHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/OnScrollDispatchHelper.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.scroll;
 
 import android.os.SystemClock;
@@ -32,9 +31,7 @@ public class OnScrollDispatchHelper {
   public boolean onScrollChanged(int x, int y) {
     long eventTime = SystemClock.uptimeMillis();
     boolean shouldDispatch =
-        eventTime - mLastScrollEventTimeMs > MIN_EVENT_SEPARATION_MS ||
-            mPrevX != x ||
-            mPrevY != y;
+        eventTime - mLastScrollEventTimeMs > MIN_EVENT_SEPARATION_MS || mPrevX != x || mPrevY != y;
 
     if (eventTime - mLastScrollEventTimeMs != 0) {
       mXFlingVelocity = (float) (x - mPrevX) / (eventTime - mLastScrollEventTimeMs);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollContainerView.java b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollContainerView.java
index 5ff0da06ca8b32..f64600b13a6102 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollContainerView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollContainerView.java
@@ -6,9 +6,9 @@
 package com.facebook.react.views.scroll;
 
 import android.content.Context;
-import androidx.core.view.ViewCompat;
 import android.view.ViewGroup;
 import android.widget.HorizontalScrollView;
+import androidx.core.view.ViewCompat;
 import com.facebook.react.modules.i18nmanager.I18nUtil;
 
 /** Container of Horizontal scrollViews that supports RTL scrolling. */
@@ -20,7 +20,9 @@ public class ReactHorizontalScrollContainerView extends ViewGroup {
   public ReactHorizontalScrollContainerView(Context context) {
     super(context);
     mLayoutDirection =
-        I18nUtil.getInstance().isRTL(context) ? ViewCompat.LAYOUT_DIRECTION_RTL : ViewCompat.LAYOUT_DIRECTION_LTR;
+        I18nUtil.getInstance().isRTL(context)
+            ? ViewCompat.LAYOUT_DIRECTION_RTL
+            : ViewCompat.LAYOUT_DIRECTION_LTR;
     mCurrentWidth = 0;
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollView.java b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollView.java
index 18687228c13142..b0c12831a01476 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollView.java
@@ -1,48 +1,43 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.scroll;
 
 import android.content.Context;
 import android.graphics.Canvas;
 import android.graphics.Color;
+import android.graphics.Rect;
 import android.graphics.drawable.ColorDrawable;
 import android.graphics.drawable.Drawable;
-import android.graphics.drawable.LayerDrawable;
-import android.graphics.Rect;
-import android.hardware.SensorManager;
-import androidx.core.view.ViewCompat;
-import androidx.core.text.TextUtilsCompat;
 import android.util.Log;
+import android.view.FocusFinder;
+import android.view.KeyEvent;
 import android.view.MotionEvent;
 import android.view.View;
-import android.view.ViewConfiguration;
 import android.widget.HorizontalScrollView;
 import android.widget.OverScroller;
-
+import androidx.annotation.Nullable;
+import androidx.core.text.TextUtilsCompat;
+import androidx.core.view.ViewCompat;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.common.ReactConstants;
-import com.facebook.react.uimanager.events.NativeGestureUtil;
 import com.facebook.react.uimanager.MeasureSpecAssertions;
 import com.facebook.react.uimanager.ReactClippingViewGroup;
 import com.facebook.react.uimanager.ReactClippingViewGroupHelper;
 import com.facebook.react.uimanager.ViewProps;
+import com.facebook.react.uimanager.events.NativeGestureUtil;
 import com.facebook.react.views.view.ReactViewBackgroundManager;
-
 import java.lang.reflect.Field;
+import java.util.ArrayList;
 import java.util.List;
 import java.util.Locale;
-import javax.annotation.Nullable;
 
-/**
- * Similar to {@link ReactScrollView} but only supports horizontal scrolling.
- */
-public class ReactHorizontalScrollView extends HorizontalScrollView implements
-    ReactClippingViewGroup {
+/** Similar to {@link ReactScrollView} but only supports horizontal scrolling. */
+public class ReactHorizontalScrollView extends HorizontalScrollView
+    implements ReactClippingViewGroup {
 
   private static @Nullable Field sScrollerField;
   private static boolean sTriedToGetScrollerField = false;
@@ -72,6 +67,9 @@ public class ReactHorizontalScrollView extends HorizontalScrollView implements
   private boolean mSnapToStart = true;
   private boolean mSnapToEnd = true;
   private ReactViewBackgroundManager mReactBackgroundManager;
+  private boolean mPagedArrowScrolling = false;
+
+  private final Rect mTempRect = new Rect();
 
   public ReactHorizontalScrollView(Context context) {
     this(context, null);
@@ -96,9 +94,9 @@ private OverScroller getOverScrollerFromParent() {
         sScrollerField.setAccessible(true);
       } catch (NoSuchFieldException e) {
         Log.w(
-          ReactConstants.TAG,
-          "Failed to get mScroller field for HorizontalScrollView! " +
-            "This app will exhibit the bounce-back scrolling bug :(");
+            ReactConstants.TAG,
+            "Failed to get mScroller field for HorizontalScrollView! "
+                + "This app will exhibit the bounce-back scrolling bug :(");
       }
     }
 
@@ -109,9 +107,9 @@ private OverScroller getOverScrollerFromParent() {
           scroller = (OverScroller) scrollerValue;
         } else {
           Log.w(
-            ReactConstants.TAG,
-            "Failed to cast mScroller field in HorizontalScrollView (probably due to OEM changes to AOSP)! " +
-              "This app will exhibit the bounce-back scrolling bug :(");
+              ReactConstants.TAG,
+              "Failed to cast mScroller field in HorizontalScrollView (probably due to OEM changes to AOSP)! "
+                  + "This app will exhibit the bounce-back scrolling bug :(");
           scroller = null;
         }
       } catch (IllegalAccessException e) {
@@ -211,8 +209,7 @@ protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
     MeasureSpecAssertions.assertExplicitMeasureSpec(widthMeasureSpec, heightMeasureSpec);
 
     setMeasuredDimension(
-        MeasureSpec.getSize(widthMeasureSpec),
-        MeasureSpec.getSize(heightMeasureSpec));
+        MeasureSpec.getSize(widthMeasureSpec), MeasureSpec.getSize(heightMeasureSpec));
   }
 
   @Override
@@ -221,6 +218,76 @@ protected void onLayout(boolean changed, int l, int t, int r, int b) {
     scrollTo(getScrollX(), getScrollY());
   }
 
+  /**
+   * Since ReactHorizontalScrollView handles layout changes on JS side, it does not call
+   * super.onlayout due to which mIsLayoutDirty flag in HorizontalScrollView remains true and
+   * prevents scrolling to child when requestChildFocus is called. Overriding this method and
+   * scrolling to child without checking any layout dirty flag. This will fix focus navigation issue
+   * for KeyEvents which are not handled in HorizontalScrollView, for example: KEYCODE_TAB.
+   */
+  @Override
+  public void requestChildFocus(View child, View focused) {
+    if (focused != null && !mPagingEnabled) {
+      scrollToChild(focused);
+    }
+    super.requestChildFocus(child, focused);
+  }
+
+  @Override
+  public void addFocusables(ArrayList<View> views, int direction, int focusableMode) {
+    if (mPagingEnabled && !mPagedArrowScrolling) {
+      // Only add elements within the current page to list of focusables
+      ArrayList<View> candidateViews = new ArrayList<View>();
+      super.addFocusables(candidateViews, direction, focusableMode);
+      for (View candidate : candidateViews) {
+        // We must also include the currently focused in the focusables list or focus search will
+        // always
+        // return the first element within the focusables list
+        if (isScrolledInView(candidate)
+            || isPartiallyScrolledInView(candidate)
+            || candidate.isFocused()) {
+          views.add(candidate);
+        }
+      }
+    } else {
+      super.addFocusables(views, direction, focusableMode);
+    }
+  }
+
+  /** Calculates the x delta required to scroll the given descendent into view */
+  private int getScrollDelta(View descendent) {
+    descendent.getDrawingRect(mTempRect);
+    offsetDescendantRectToMyCoords(descendent, mTempRect);
+    return computeScrollDeltaToGetChildRectOnScreen(mTempRect);
+  }
+
+  /** Returns whether the given descendent is scrolled fully in view */
+  private boolean isScrolledInView(View descendent) {
+    return getScrollDelta(descendent) == 0;
+  }
+
+  /** Returns whether the given descendent is partially scrolled in view */
+  private boolean isPartiallyScrolledInView(View descendent) {
+    int scrollDelta = getScrollDelta(descendent);
+    descendent.getDrawingRect(mTempRect);
+    return scrollDelta != 0 && Math.abs(scrollDelta) < mTempRect.width();
+  }
+
+  /** Returns whether the given descendent is "mostly" (>50%) scrolled in view */
+  private boolean isMostlyScrolledInView(View descendent) {
+    int scrollDelta = getScrollDelta(descendent);
+    descendent.getDrawingRect(mTempRect);
+    return scrollDelta != 0 && Math.abs(scrollDelta) < (mTempRect.width() / 2);
+  }
+
+  private void scrollToChild(View child) {
+    int scrollDelta = getScrollDelta(child);
+
+    if (scrollDelta != 0) {
+      scrollBy(scrollDelta, 0);
+    }
+  }
+
   @Override
   protected void onScrollChanged(int x, int y, int oldX, int oldY) {
     super.onScrollChanged(x, y, oldX, oldY);
@@ -233,9 +300,9 @@ protected void onScrollChanged(int x, int y, int oldX, int oldY) {
       }
 
       ReactScrollViewHelper.emitScrollEvent(
-        this,
-        mOnScrollDispatchHelper.getXFlingVelocity(),
-        mOnScrollDispatchHelper.getYFlingVelocity());
+          this,
+          mOnScrollDispatchHelper.getXFlingVelocity(),
+          mOnScrollDispatchHelper.getYFlingVelocity());
     }
   }
 
@@ -263,6 +330,48 @@ public boolean onInterceptTouchEvent(MotionEvent ev) {
     return false;
   }
 
+  @Override
+  public boolean pageScroll(int direction) {
+    boolean handled = super.pageScroll(direction);
+
+    if (mPagingEnabled && handled) {
+      handlePostTouchScrolling(0, 0);
+    }
+
+    return handled;
+  }
+
+  @Override
+  public boolean arrowScroll(int direction) {
+    boolean handled = false;
+
+    if (mPagingEnabled) {
+      mPagedArrowScrolling = true;
+
+      if (getChildCount() > 0) {
+        View currentFocused = findFocus();
+        View nextFocused = FocusFinder.getInstance().findNextFocus(this, currentFocused, direction);
+        View rootChild = getChildAt(0);
+        if (rootChild != null && nextFocused != null && nextFocused.getParent() == rootChild) {
+          if (!isScrolledInView(nextFocused) && !isMostlyScrolledInView(nextFocused)) {
+            smoothScrollToNextPage(direction);
+          }
+          nextFocused.requestFocus();
+          handled = true;
+        } else {
+          smoothScrollToNextPage(direction);
+          handled = true;
+        }
+      }
+
+      mPagedArrowScrolling = false;
+    } else {
+      handled = super.arrowScroll(direction);
+    }
+
+    return handled;
+  }
+
   @Override
   public boolean onTouchEvent(MotionEvent ev) {
     if (!mScrollEnabled) {
@@ -274,10 +383,7 @@ public boolean onTouchEvent(MotionEvent ev) {
     if (action == MotionEvent.ACTION_UP && mDragging) {
       float velocityX = mVelocityHelper.getXVelocity();
       float velocityY = mVelocityHelper.getYVelocity();
-      ReactScrollViewHelper.emitScrollEndDragEvent(
-        this,
-        velocityX,
-        velocityY);
+      ReactScrollViewHelper.emitScrollEndDragEvent(this, velocityX, velocityY);
       mDragging = false;
       // After the touch finishes, we may need to do some scrolling afterwards either as a result
       // of a fling or because we need to page align the content
@@ -287,17 +393,29 @@ public boolean onTouchEvent(MotionEvent ev) {
     return super.onTouchEvent(ev);
   }
 
+  @Override
+  public boolean executeKeyEvent(KeyEvent event) {
+    int eventKeyCode = event.getKeyCode();
+    if (!mScrollEnabled
+        && (eventKeyCode == KeyEvent.KEYCODE_DPAD_LEFT
+            || eventKeyCode == KeyEvent.KEYCODE_DPAD_RIGHT)) {
+      return false;
+    }
+    return super.executeKeyEvent(event);
+  }
+
   @Override
   public void fling(int velocityX) {
 
     // Workaround.
     // On Android P if a ScrollView is inverted, we will get a wrong sign for
-    // velocityX (see https://issuetracker.google.com/issues/112385925). 
-    // At the same time, mOnScrollDispatchHelper tracks the correct velocity direction. 
+    // velocityX (see https://issuetracker.google.com/issues/112385925).
+    // At the same time, mOnScrollDispatchHelper tracks the correct velocity direction.
     //
     // Hence, we can use the absolute value from whatever the OS gives
     // us and use the sign of what mOnScrollDispatchHelper has tracked.
-    final int correctedVelocityX = (int)(Math.abs(velocityX) * Math.signum(mOnScrollDispatchHelper.getXFlingVelocity()));
+    final int correctedVelocityX =
+        (int) (Math.abs(velocityX) * Math.signum(mOnScrollDispatchHelper.getXFlingVelocity()));
 
     if (mPagingEnabled) {
       flingAndSnap(correctedVelocityX);
@@ -306,24 +424,27 @@ public void fling(int velocityX) {
 
       // We provide our own version of fling that uses a different call to the standard OverScroller
       // which takes into account the possibility of adding new content while the ScrollView is
-      // animating. Because we give essentially no max X for the fling, the fling will continue as long
-      // as there is content. See #onOverScrolled() to see the second part of this change which properly
+      // animating. Because we give essentially no max X for the fling, the fling will continue as
+      // long
+      // as there is content. See #onOverScrolled() to see the second part of this change which
+      // properly
       // aborts the scroller animation when we get to the bottom of the ScrollView content.
 
-      int scrollWindowWidth = getWidth() - ViewCompat.getPaddingStart(this) - ViewCompat.getPaddingEnd(this);
+      int scrollWindowWidth =
+          getWidth() - ViewCompat.getPaddingStart(this) - ViewCompat.getPaddingEnd(this);
 
       mScroller.fling(
-        getScrollX(), // startX
-        getScrollY(), // startY
-        correctedVelocityX, // velocityX
-        0, // velocityY
-        0, // minX
-        Integer.MAX_VALUE, // maxX
-        0, // minY
-        0, // maxY
-        scrollWindowWidth / 2, // overX
-        0 // overY
-      );
+          getScrollX(), // startX
+          getScrollY(), // startY
+          correctedVelocityX, // velocityX
+          0, // velocityY
+          0, // minX
+          Integer.MAX_VALUE, // maxX
+          0, // minY
+          0, // maxY
+          scrollWindowWidth / 2, // overX
+          0 // overY
+          );
 
       ViewCompat.postInvalidateOnAnimation(this);
 
@@ -389,7 +510,8 @@ protected void onOverScrolled(int scrollX, int scrollY, boolean clampedX, boolea
     if (mScroller != null) {
       // FB SCROLLVIEW CHANGE
 
-      // This is part two of the reimplementation of fling to fix the bounce-back bug. See #fling() for
+      // This is part two of the reimplementation of fling to fix the bounce-back bug. See #fling()
+      // for
       // more information.
 
       if (!mScroller.isFinished() && mScroller.getCurrX() != mScroller.getFinalX()) {
@@ -439,8 +561,8 @@ public void draw(Canvas canvas) {
   }
 
   /**
-   * This handles any sort of scrolling that may occur after a touch is finished.  This may be
-   * momentum scrolling (fling) or because you have pagingEnabled on the scroll view.  Because we
+   * This handles any sort of scrolling that may occur after a touch is finished. This may be
+   * momentum scrolling (fling) or because you have pagingEnabled on the scroll view. Because we
    * don't get any events from Android about this lifecycle, we do all our detection by creating a
    * runnable that checks if we scrolled in the last frame and if so assumes we are still scrolling.
    */
@@ -461,40 +583,39 @@ private void handlePostTouchScrolling(int velocityX, int velocityY) {
     }
 
     mActivelyScrolling = false;
-    mPostTouchRunnable = new Runnable() {
-
-      private boolean mSnappingToPage = false;
-
-      @Override
-      public void run() {
-        if (mActivelyScrolling) {
-          // We are still scrolling so we just post to check again a frame later
-          mActivelyScrolling = false;
-          ViewCompat.postOnAnimationDelayed(ReactHorizontalScrollView.this,
-            this,
-            ReactScrollViewHelper.MOMENTUM_DELAY);
-        } else {
-          if (mPagingEnabled && !mSnappingToPage) {
-            // Only if we have pagingEnabled and we have not snapped to the page do we
-            // need to continue checking for the scroll.  And we cause that scroll by asking for it
-            mSnappingToPage = true;
-            flingAndSnap(0);
-            ViewCompat.postOnAnimationDelayed(ReactHorizontalScrollView.this,
-              this,
-              ReactScrollViewHelper.MOMENTUM_DELAY);
-          } else {
-            if (mSendMomentumEvents) {
-              ReactScrollViewHelper.emitScrollMomentumEndEvent(ReactHorizontalScrollView.this);
+    mPostTouchRunnable =
+        new Runnable() {
+
+          private boolean mSnappingToPage = false;
+
+          @Override
+          public void run() {
+            if (mActivelyScrolling) {
+              // We are still scrolling so we just post to check again a frame later
+              mActivelyScrolling = false;
+              ViewCompat.postOnAnimationDelayed(
+                  ReactHorizontalScrollView.this, this, ReactScrollViewHelper.MOMENTUM_DELAY);
+            } else {
+              if (mPagingEnabled && !mSnappingToPage) {
+                // Only if we have pagingEnabled and we have not snapped to the page do we
+                // need to continue checking for the scroll.  And we cause that scroll by asking for
+                // it
+                mSnappingToPage = true;
+                flingAndSnap(0);
+                ViewCompat.postOnAnimationDelayed(
+                    ReactHorizontalScrollView.this, this, ReactScrollViewHelper.MOMENTUM_DELAY);
+              } else {
+                if (mSendMomentumEvents) {
+                  ReactScrollViewHelper.emitScrollMomentumEndEvent(ReactHorizontalScrollView.this);
+                }
+                ReactHorizontalScrollView.this.mPostTouchRunnable = null;
+                disableFpsListener();
+              }
             }
-            ReactHorizontalScrollView.this.mPostTouchRunnable = null;
-            disableFpsListener();
           }
-        }
-      }
-    };
-    ViewCompat.postOnAnimationDelayed(ReactHorizontalScrollView.this,
-      mPostTouchRunnable,
-      ReactScrollViewHelper.MOMENTUM_DELAY);
+        };
+    ViewCompat.postOnAnimationDelayed(
+        ReactHorizontalScrollView.this, mPostTouchRunnable, ReactScrollViewHelper.MOMENTUM_DELAY);
   }
 
   private int predictFinalScrollPosition(int velocityX) {
@@ -508,24 +629,24 @@ private int predictFinalScrollPosition(int velocityX) {
     int maximumOffset = Math.max(0, computeHorizontalScrollRange() - getWidth());
     int width = getWidth() - ViewCompat.getPaddingStart(this) - ViewCompat.getPaddingEnd(this);
     scroller.fling(
-      getScrollX(), // startX
-      getScrollY(), // startY
-      velocityX, // velocityX
-      0, // velocityY
-      0, // minX
-      maximumOffset, // maxX
-      0, // minY
-      0, // maxY
-      width/2, // overX
-      0 // overY
-    );
+        getScrollX(), // startX
+        getScrollY(), // startY
+        velocityX, // velocityX
+        0, // velocityY
+        0, // minX
+        maximumOffset, // maxX
+        0, // minY
+        0, // maxY
+        width / 2, // overX
+        0 // overY
+        );
     return scroller.getFinalX();
   }
 
   /**
-   * This will smooth scroll us to the nearest snap offset point
-   * It currently just looks at where the content is and slides to the nearest point.
-   * It is intended to be run after we are done scrolling, and handling any momentum scrolling.
+   * This will smooth scroll us to the nearest snap offset point It currently just looks at where
+   * the content is and slides to the nearest point. It is intended to be run after we are done
+   * scrolling, and handling any momentum scrolling.
    */
   private void smoothScrollAndSnap(int velocity) {
     double interval = (double) getSnapInterval();
@@ -538,29 +659,30 @@ private void smoothScrollAndSnap(int velocity) {
     int targetPage = (int) Math.round(targetOffset / interval);
 
     if (velocity > 0 && nextPage == previousPage) {
-      nextPage ++;
+      nextPage++;
     } else if (velocity < 0 && previousPage == nextPage) {
-      previousPage --;
+      previousPage--;
     }
 
     if (
-      // if scrolling towards next page
-      velocity > 0 &&
-      // and the middle of the page hasn't been crossed already
-      currentPage < nextPage &&
-      // and it would have been crossed after flinging
-      targetPage > previousPage
-    ) {
+    // if scrolling towards next page
+    velocity > 0
+        &&
+        // and the middle of the page hasn't been crossed already
+        currentPage < nextPage
+        &&
+        // and it would have been crossed after flinging
+        targetPage > previousPage) {
       currentPage = nextPage;
-    }
-    else if (
-      // if scrolling towards previous page
-      velocity < 0 &&
-      // and the middle of the page hasn't been crossed already
-      currentPage > previousPage &&
-      // and it would have been crossed after flinging
-      targetPage < nextPage
-    ) {
+    } else if (
+    // if scrolling towards previous page
+    velocity < 0
+        &&
+        // and the middle of the page hasn't been crossed already
+        currentPage > previousPage
+        &&
+        // and it would have been crossed after flinging
+        targetPage < nextPage) {
       currentPage = previousPage;
     }
 
@@ -595,7 +717,9 @@ private void flingAndSnap(int velocityX) {
     int width = getWidth() - ViewCompat.getPaddingStart(this) - ViewCompat.getPaddingEnd(this);
 
     // offsets are from the right edge in RTL layouts
-    boolean isRTL = TextUtilsCompat.getLayoutDirectionFromLocale(Locale.getDefault()) == ViewCompat.LAYOUT_DIRECTION_RTL;
+    boolean isRTL =
+        TextUtilsCompat.getLayoutDirectionFromLocale(Locale.getDefault())
+            == ViewCompat.LAYOUT_DIRECTION_RTL;
     if (isRTL) {
       targetOffset = maximumOffset - targetOffset;
       velocityX = -velocityX;
@@ -606,7 +730,7 @@ private void flingAndSnap(int velocityX) {
       firstOffset = mSnapOffsets.get(0);
       lastOffset = mSnapOffsets.get(mSnapOffsets.size() - 1);
 
-      for (int i = 0; i < mSnapOffsets.size(); i ++) {
+      for (int i = 0; i < mSnapOffsets.size(); i++) {
         int offset = mSnapOffsets.get(i);
 
         if (offset <= targetOffset) {
@@ -629,9 +753,8 @@ private void flingAndSnap(int velocityX) {
     }
 
     // Calculate the nearest offset
-    int nearestOffset = targetOffset - smallerOffset < largerOffset - targetOffset
-      ? smallerOffset
-      : largerOffset;
+    int nearestOffset =
+        targetOffset - smallerOffset < largerOffset - targetOffset ? smallerOffset : largerOffset;
 
     // if scrolling after the last snap offset and snapping to the
     // end of the list is disabled, then we allow free scrolling
@@ -683,22 +806,22 @@ private void flingAndSnap(int velocityX) {
       mActivelyScrolling = true;
 
       mScroller.fling(
-        getScrollX(), // startX
-        getScrollY(), // startY
-        // velocity = 0 doesn't work with fling() so we pretend there's a reasonable
-        // initial velocity going on when a touch is released without any movement
-        velocityX != 0 ? velocityX : targetOffset - getScrollX(), // velocityX
-        0, // velocityY
-        // setting both minX and maxX to the same value will guarantee that we scroll to it
-        // but using the standard fling-style easing rather than smoothScrollTo's 250ms animation
-        targetOffset, // minX
-        targetOffset, // maxX
-        0, // minY
-        0, // maxY
-        // we only want to allow overscrolling if the final offset is at the very edge of the view
-        (targetOffset == 0 || targetOffset == maximumOffset) ? width / 2 : 0, // overX
-        0 // overY
-      );
+          getScrollX(), // startX
+          getScrollY(), // startY
+          // velocity = 0 doesn't work with fling() so we pretend there's a reasonable
+          // initial velocity going on when a touch is released without any movement
+          velocityX != 0 ? velocityX : targetOffset - getScrollX(), // velocityX
+          0, // velocityY
+          // setting both minX and maxX to the same value will guarantee that we scroll to it
+          // but using the standard fling-style easing rather than smoothScrollTo's 250ms animation
+          targetOffset, // minX
+          targetOffset, // maxX
+          0, // minY
+          0, // maxY
+          // we only want to allow overscrolling if the final offset is at the very edge of the view
+          (targetOffset == 0 || targetOffset == maximumOffset) ? width / 2 : 0, // overX
+          0 // overY
+          );
 
       postInvalidateOnAnimation();
     } else {
@@ -706,6 +829,29 @@ private void flingAndSnap(int velocityX) {
     }
   }
 
+  private void smoothScrollToNextPage(int direction) {
+    int width = getWidth();
+    int currentX = getScrollX();
+
+    int page = currentX / width;
+    if (currentX % width != 0) {
+      page++;
+    }
+
+    if (direction == View.FOCUS_LEFT) {
+      page = page - 1;
+    } else {
+      page = page + 1;
+    }
+
+    if (page < 0) {
+      page = 0;
+    }
+
+    smoothScrollTo(page * width, getScrollY());
+    handlePostTouchScrolling(0, 0);
+  }
+
   @Override
   public void setBackgroundColor(int color) {
     mReactBackgroundManager.setBackgroundColor(color);
@@ -730,5 +876,4 @@ public void setBorderRadius(float borderRadius, int position) {
   public void setBorderStyle(@Nullable String style) {
     mReactBackgroundManager.setBorderStyle(style);
   }
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollViewManager.java
index 0a5d1aa12c7053..a8c9898e10d5d7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollViewManager.java
@@ -1,16 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.scroll;
 
 import android.graphics.Color;
-import androidx.core.view.ViewCompat;
 import android.util.DisplayMetrics;
-
+import androidx.annotation.Nullable;
+import androidx.core.view.ViewCompat;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.uimanager.DisplayMetricsHolder;
@@ -23,26 +22,23 @@
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.uimanager.annotations.ReactPropGroup;
 import com.facebook.yoga.YogaConstants;
-
 import java.util.ArrayList;
 import java.util.List;
-import javax.annotation.Nullable;
 
 /**
  * View manager for {@link ReactHorizontalScrollView} components.
  *
- * <p>Note that {@link ReactScrollView} and {@link ReactHorizontalScrollView} are exposed to JS
- * as a single ScrollView component, configured via the {@code horizontal} boolean property.
+ * <p>Note that {@link ReactScrollView} and {@link ReactHorizontalScrollView} are exposed to JS as a
+ * single ScrollView component, configured via the {@code horizontal} boolean property.
  */
 @ReactModule(name = ReactHorizontalScrollViewManager.REACT_CLASS)
-public class ReactHorizontalScrollViewManager
-    extends ViewGroupManager<ReactHorizontalScrollView>
+public class ReactHorizontalScrollViewManager extends ViewGroupManager<ReactHorizontalScrollView>
     implements ReactScrollViewCommandHelper.ScrollCommandHandler<ReactHorizontalScrollView> {
 
   public static final String REACT_CLASS = "AndroidHorizontalScrollView";
 
   private static final int[] SPACING_TYPES = {
-      Spacing.ALL, Spacing.LEFT, Spacing.RIGHT, Spacing.TOP, Spacing.BOTTOM,
+    Spacing.ALL, Spacing.LEFT, Spacing.RIGHT, Spacing.TOP, Spacing.BOTTOM,
   };
 
   private @Nullable FpsListener mFpsListener = null;
@@ -81,7 +77,8 @@ public void setDecelerationRate(ReactHorizontalScrollView view, float decelerati
   }
 
   @ReactProp(name = "disableIntervalMomentum")
-  public void setDisableIntervalMomentum(ReactHorizontalScrollView view, boolean disbaleIntervalMomentum) {
+  public void setDisableIntervalMomentum(
+      ReactHorizontalScrollView view, boolean disbaleIntervalMomentum) {
     view.setDisableIntervalMomentum(disbaleIntervalMomentum);
   }
 
@@ -93,7 +90,8 @@ public void setSnapToInterval(ReactHorizontalScrollView view, float snapToInterv
   }
 
   @ReactProp(name = "snapToOffsets")
-  public void setSnapToOffsets(ReactHorizontalScrollView view, @Nullable ReadableArray snapToOffsets) {
+  public void setSnapToOffsets(
+      ReactHorizontalScrollView view, @Nullable ReadableArray snapToOffsets) {
     DisplayMetrics screenDisplayMetrics = DisplayMetricsHolder.getScreenDisplayMetrics();
     List<Integer> offsets = new ArrayList<Integer>();
     for (int i = 0; i < snapToOffsets.size(); i++) {
@@ -113,14 +111,15 @@ public void setSnapToEnd(ReactHorizontalScrollView view, boolean snapToEnd) {
   }
 
   @ReactProp(name = ReactClippingViewGroupHelper.PROP_REMOVE_CLIPPED_SUBVIEWS)
-  public void setRemoveClippedSubviews(ReactHorizontalScrollView view, boolean removeClippedSubviews) {
+  public void setRemoveClippedSubviews(
+      ReactHorizontalScrollView view, boolean removeClippedSubviews) {
     view.setRemoveClippedSubviews(removeClippedSubviews);
   }
 
   /**
-   * Computing momentum events is potentially expensive since we post a runnable on the UI thread
-   * to see when it is done.  We only do that if {@param sendMomentumEvents} is set to true.  This
-   * is handled automatically in js by checking if there is a listener on the momentum events.
+   * Computing momentum events is potentially expensive since we post a runnable on the UI thread to
+   * see when it is done. We only do that if {@param sendMomentumEvents} is set to true. This is
+   * handled automatically in js by checking if there is a listener on the momentum events.
    *
    * @param view
    * @param sendMomentumEvents
@@ -147,9 +146,7 @@ public void setPagingEnabled(ReactHorizontalScrollView view, boolean pagingEnabl
     view.setPagingEnabled(pagingEnabled);
   }
 
-  /**
-   * Controls overScroll behaviour
-   */
+  /** Controls overScroll behaviour */
   @ReactProp(name = "overScrollMode")
   public void setOverScrollMode(ReactHorizontalScrollView view, String value) {
     view.setOverScrollMode(ReactScrollViewHelper.parseOverScrollMode(value));
@@ -162,9 +159,13 @@ public void setNestedScrollEnabled(ReactHorizontalScrollView view, boolean value
 
   @Override
   public void receiveCommand(
-      ReactHorizontalScrollView scrollView,
-      int commandId,
-      @Nullable ReadableArray args) {
+      ReactHorizontalScrollView scrollView, int commandId, @Nullable ReadableArray args) {
+    ReactScrollViewCommandHelper.receiveCommand(this, scrollView, commandId, args);
+  }
+
+  @Override
+  public void receiveCommand(
+      ReactHorizontalScrollView scrollView, String commandId, @Nullable ReadableArray args) {
     ReactScrollViewCommandHelper.receiveCommand(this, scrollView, commandId, args);
   }
 
@@ -188,8 +189,7 @@ public void scrollToEnd(
       ReactHorizontalScrollView scrollView,
       ReactScrollViewCommandHelper.ScrollToEndCommandData data) {
     // ScrollView always has one child - the scrollable area
-    int right =
-      scrollView.getChildAt(0).getWidth() + scrollView.getPaddingRight();
+    int right = scrollView.getChildAt(0).getWidth() + scrollView.getPaddingRight();
     if (data.mAnimated) {
       scrollView.smoothScrollTo(right, scrollView.getScrollY());
     } else {
@@ -200,6 +200,7 @@ public void scrollToEnd(
   /**
    * When set, fills the rest of the scrollview with a color to avoid setting a background and
    * creating unnecessary overdraw.
+   *
    * @param view
    * @param color
    */
@@ -208,13 +209,15 @@ public void setBottomFillColor(ReactHorizontalScrollView view, int color) {
     view.setEndFillColor(color);
   }
 
-  @ReactPropGroup(names = {
-      ViewProps.BORDER_RADIUS,
-      ViewProps.BORDER_TOP_LEFT_RADIUS,
-      ViewProps.BORDER_TOP_RIGHT_RADIUS,
-      ViewProps.BORDER_BOTTOM_RIGHT_RADIUS,
-      ViewProps.BORDER_BOTTOM_LEFT_RADIUS
-  }, defaultFloat = YogaConstants.UNDEFINED)
+  @ReactPropGroup(
+      names = {
+        ViewProps.BORDER_RADIUS,
+        ViewProps.BORDER_TOP_LEFT_RADIUS,
+        ViewProps.BORDER_TOP_RIGHT_RADIUS,
+        ViewProps.BORDER_BOTTOM_RIGHT_RADIUS,
+        ViewProps.BORDER_BOTTOM_LEFT_RADIUS
+      },
+      defaultFloat = YogaConstants.UNDEFINED)
   public void setBorderRadius(ReactHorizontalScrollView view, int index, float borderRadius) {
     if (!YogaConstants.isUndefined(borderRadius)) {
       borderRadius = PixelUtil.toPixelFromDIP(borderRadius);
@@ -232,13 +235,15 @@ public void setBorderStyle(ReactHorizontalScrollView view, @Nullable String bord
     view.setBorderStyle(borderStyle);
   }
 
-  @ReactPropGroup(names = {
-      ViewProps.BORDER_WIDTH,
-      ViewProps.BORDER_LEFT_WIDTH,
-      ViewProps.BORDER_RIGHT_WIDTH,
-      ViewProps.BORDER_TOP_WIDTH,
-      ViewProps.BORDER_BOTTOM_WIDTH,
-  }, defaultFloat = YogaConstants.UNDEFINED)
+  @ReactPropGroup(
+      names = {
+        ViewProps.BORDER_WIDTH,
+        ViewProps.BORDER_LEFT_WIDTH,
+        ViewProps.BORDER_RIGHT_WIDTH,
+        ViewProps.BORDER_TOP_WIDTH,
+        ViewProps.BORDER_BOTTOM_WIDTH,
+      },
+      defaultFloat = YogaConstants.UNDEFINED)
   public void setBorderWidth(ReactHorizontalScrollView view, int index, float width) {
     if (!YogaConstants.isUndefined(width)) {
       width = PixelUtil.toPixelFromDIP(width);
@@ -246,13 +251,19 @@ public void setBorderWidth(ReactHorizontalScrollView view, int index, float widt
     view.setBorderWidth(SPACING_TYPES[index], width);
   }
 
-  @ReactPropGroup(names = {
-      "borderColor", "borderLeftColor", "borderRightColor", "borderTopColor", "borderBottomColor"
-  }, customType = "Color")
+  @ReactPropGroup(
+      names = {
+        "borderColor",
+        "borderLeftColor",
+        "borderRightColor",
+        "borderTopColor",
+        "borderBottomColor"
+      },
+      customType = "Color")
   public void setBorderColor(ReactHorizontalScrollView view, int index, Integer color) {
     float rgbComponent =
-        color == null ? YogaConstants.UNDEFINED : (float) ((int)color & 0x00FFFFFF);
-    float alphaComponent = color == null ? YogaConstants.UNDEFINED : (float) ((int)color >>> 24);
+        color == null ? YogaConstants.UNDEFINED : (float) ((int) color & 0x00FFFFFF);
+    float alphaComponent = color == null ? YogaConstants.UNDEFINED : (float) ((int) color >>> 24);
     view.setBorderColor(SPACING_TYPES[index], rgbComponent, alphaComponent);
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollView.java b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollView.java
index e98c1864c36f55..db071fbb49ded7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollView.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.scroll;
 
 import android.graphics.Canvas;
@@ -12,36 +11,38 @@
 import android.graphics.Rect;
 import android.graphics.drawable.ColorDrawable;
 import android.graphics.drawable.Drawable;
-import androidx.core.view.ViewCompat;
 import android.util.Log;
+import android.view.KeyEvent;
 import android.view.MotionEvent;
 import android.view.View;
 import android.view.ViewGroup;
 import android.widget.OverScroller;
 import android.widget.ScrollView;
-
+import androidx.annotation.Nullable;
+import androidx.core.view.ViewCompat;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.common.ReactConstants;
-import com.facebook.react.uimanager.events.NativeGestureUtil;
 import com.facebook.react.uimanager.MeasureSpecAssertions;
 import com.facebook.react.uimanager.ReactClippingViewGroup;
 import com.facebook.react.uimanager.ReactClippingViewGroupHelper;
 import com.facebook.react.uimanager.ViewProps;
+import com.facebook.react.uimanager.events.NativeGestureUtil;
 import com.facebook.react.views.view.ReactViewBackgroundManager;
-
 import java.lang.reflect.Field;
 import java.util.List;
-import javax.annotation.Nullable;
 
 /**
  * A simple subclass of ScrollView that doesn't dispatch measure and layout to its children and has
  * a scroll listener to send scroll events to JS.
  *
- * <p>ReactScrollView only supports vertical scrolling. For horizontal scrolling,
- * use {@link ReactHorizontalScrollView}.
+ * <p>ReactScrollView only supports vertical scrolling. For horizontal scrolling, use {@link
+ * ReactHorizontalScrollView}.
  */
-public class ReactScrollView extends ScrollView implements ReactClippingViewGroup, ViewGroup.OnHierarchyChangeListener, View.OnLayoutChangeListener {
+public class ReactScrollView extends ScrollView
+    implements ReactClippingViewGroup,
+        ViewGroup.OnHierarchyChangeListener,
+        View.OnLayoutChangeListener {
 
   private static @Nullable Field sScrollerField;
   private static boolean sTriedToGetScrollerField = false;
@@ -97,9 +98,9 @@ private OverScroller getOverScrollerFromParent() {
         sScrollerField.setAccessible(true);
       } catch (NoSuchFieldException e) {
         Log.w(
-          ReactConstants.TAG,
-          "Failed to get mScroller field for ScrollView! " +
-            "This app will exhibit the bounce-back scrolling bug :(");
+            ReactConstants.TAG,
+            "Failed to get mScroller field for ScrollView! "
+                + "This app will exhibit the bounce-back scrolling bug :(");
       }
     }
 
@@ -110,9 +111,9 @@ private OverScroller getOverScrollerFromParent() {
           scroller = (OverScroller) scrollerValue;
         } else {
           Log.w(
-            ReactConstants.TAG,
-            "Failed to cast mScroller field in ScrollView (probably due to OEM changes to AOSP)! " +
-              "This app will exhibit the bounce-back scrolling bug :(");
+              ReactConstants.TAG,
+              "Failed to cast mScroller field in ScrollView (probably due to OEM changes to AOSP)! "
+                  + "This app will exhibit the bounce-back scrolling bug :(");
           scroller = null;
         }
       } catch (IllegalAccessException e) {
@@ -179,8 +180,7 @@ protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
     MeasureSpecAssertions.assertExplicitMeasureSpec(widthMeasureSpec, heightMeasureSpec);
 
     setMeasuredDimension(
-        MeasureSpec.getSize(widthMeasureSpec),
-        MeasureSpec.getSize(heightMeasureSpec));
+        MeasureSpec.getSize(widthMeasureSpec), MeasureSpec.getSize(heightMeasureSpec));
   }
 
   @Override
@@ -205,6 +205,35 @@ protected void onAttachedToWindow() {
     }
   }
 
+  /**
+   * Since ReactScrollView handles layout changes on JS side, it does not call super.onlayout due to
+   * which mIsLayoutDirty flag in ScrollView remains true and prevents scrolling to child when
+   * requestChildFocus is called. Overriding this method and scrolling to child without checking any
+   * layout dirty flag. This will fix focus navigation issue for KeyEvents which are not handled by
+   * ScrollView, for example: KEYCODE_TAB.
+   */
+  @Override
+  public void requestChildFocus(View child, View focused) {
+    if (focused != null) {
+      scrollToChild(focused);
+    }
+    super.requestChildFocus(child, focused);
+  }
+
+  private void scrollToChild(View child) {
+    Rect tempRect = new Rect();
+    child.getDrawingRect(tempRect);
+
+    /* Offset from child's local coordinates to ScrollView coordinates */
+    offsetDescendantRectToMyCoords(child, tempRect);
+
+    int scrollDelta = computeScrollDeltaToGetChildRectOnScreen(tempRect);
+
+    if (scrollDelta != 0) {
+      scrollBy(0, scrollDelta);
+    }
+  }
+
   @Override
   protected void onScrollChanged(int x, int y, int oldX, int oldY) {
     super.onScrollChanged(x, y, oldX, oldY);
@@ -217,9 +246,9 @@ protected void onScrollChanged(int x, int y, int oldX, int oldY) {
       }
 
       ReactScrollViewHelper.emitScrollEvent(
-        this,
-        mOnScrollDispatchHelper.getXFlingVelocity(),
-        mOnScrollDispatchHelper.getYFlingVelocity());
+          this,
+          mOnScrollDispatchHelper.getXFlingVelocity(),
+          mOnScrollDispatchHelper.getYFlingVelocity());
     }
   }
 
@@ -258,10 +287,7 @@ public boolean onTouchEvent(MotionEvent ev) {
     if (action == MotionEvent.ACTION_UP && mDragging) {
       float velocityX = mVelocityHelper.getXVelocity();
       float velocityY = mVelocityHelper.getYVelocity();
-      ReactScrollViewHelper.emitScrollEndDragEvent(
-        this,
-        velocityX,
-        velocityY);
+      ReactScrollViewHelper.emitScrollEndDragEvent(this, velocityX, velocityY);
       mDragging = false;
       // After the touch finishes, we may need to do some scrolling afterwards either as a result
       // of a fling or because we need to page align the content
@@ -271,6 +297,17 @@ public boolean onTouchEvent(MotionEvent ev) {
     return super.onTouchEvent(ev);
   }
 
+  @Override
+  public boolean executeKeyEvent(KeyEvent event) {
+    int eventKeyCode = event.getKeyCode();
+    if (!mScrollEnabled
+        && (eventKeyCode == KeyEvent.KEYCODE_DPAD_UP
+            || eventKeyCode == KeyEvent.KEYCODE_DPAD_DOWN)) {
+      return false;
+    }
+    return super.executeKeyEvent(event);
+  }
+
   @Override
   public void setRemoveClippedSubviews(boolean removeClippedSubviews) {
     if (removeClippedSubviews && mClippingRect == null) {
@@ -309,8 +346,8 @@ public void getClippingRect(Rect outClippingRect) {
   public void fling(int velocityY) {
     // Workaround.
     // On Android P if a ScrollView is inverted, we will get a wrong sign for
-    // velocityY (see https://issuetracker.google.com/issues/112385925). 
-    // At the same time, mOnScrollDispatchHelper tracks the correct velocity direction. 
+    // velocityY (see https://issuetracker.google.com/issues/112385925).
+    // At the same time, mOnScrollDispatchHelper tracks the correct velocity direction.
     //
     // Hence, we can use the absolute value from whatever the OS gives
     // us and use the sign of what mOnScrollDispatchHelper has tracked.
@@ -318,7 +355,7 @@ public void fling(int velocityY) {
     if (signum == 0) {
       signum = Math.signum(velocityY);
     }
-    final int correctedVelocityY = (int)(Math.abs(velocityY) * signum);
+    final int correctedVelocityY = (int) (Math.abs(velocityY) * signum);
 
     if (mPagingEnabled) {
       flingAndSnap(correctedVelocityY);
@@ -327,24 +364,26 @@ public void fling(int velocityY) {
 
       // We provide our own version of fling that uses a different call to the standard OverScroller
       // which takes into account the possibility of adding new content while the ScrollView is
-      // animating. Because we give essentially no max Y for the fling, the fling will continue as long
-      // as there is content. See #onOverScrolled() to see the second part of this change which properly
+      // animating. Because we give essentially no max Y for the fling, the fling will continue as
+      // long
+      // as there is content. See #onOverScrolled() to see the second part of this change which
+      // properly
       // aborts the scroller animation when we get to the bottom of the ScrollView content.
 
       int scrollWindowHeight = getHeight() - getPaddingBottom() - getPaddingTop();
 
       mScroller.fling(
-        getScrollX(), // startX
-        getScrollY(), // startY
-        0, // velocityX
-        correctedVelocityY, // velocityY
-        0, // minX
-        0, // maxX
-        0, // minY
-        Integer.MAX_VALUE, // maxY
-        0, // overX
-        scrollWindowHeight / 2 // overY
-      );
+          getScrollX(), // startX
+          getScrollY(), // startY
+          0, // velocityX
+          correctedVelocityY, // velocityY
+          0, // minX
+          0, // maxX
+          0, // minY
+          Integer.MAX_VALUE, // maxY
+          0, // overX
+          scrollWindowHeight / 2 // overY
+          );
 
       ViewCompat.postInvalidateOnAnimation(this);
 
@@ -404,8 +443,8 @@ public void draw(Canvas canvas) {
   }
 
   /**
-   * This handles any sort of scrolling that may occur after a touch is finished.  This may be
-   * momentum scrolling (fling) or because you have pagingEnabled on the scroll view.  Because we
+   * This handles any sort of scrolling that may occur after a touch is finished. This may be
+   * momentum scrolling (fling) or because you have pagingEnabled on the scroll view. Because we
    * don't get any events from Android about this lifecycle, we do all our detection by creating a
    * runnable that checks if we scrolled in the last frame and if so assumes we are still scrolling.
    */
@@ -427,40 +466,39 @@ private void handlePostTouchScrolling(int velocityX, int velocityY) {
     }
 
     mActivelyScrolling = false;
-    mPostTouchRunnable = new Runnable() {
-
-      private boolean mSnappingToPage = false;
-
-      @Override
-      public void run() {
-        if (mActivelyScrolling) {
-          // We are still scrolling so we just post to check again a frame later
-          mActivelyScrolling = false;
-          ViewCompat.postOnAnimationDelayed(ReactScrollView.this,
-            this,
-            ReactScrollViewHelper.MOMENTUM_DELAY);
-        } else {
-          if (mPagingEnabled && !mSnappingToPage) {
-            // Only if we have pagingEnabled and we have not snapped to the page do we
-            // need to continue checking for the scroll.  And we cause that scroll by asking for it
-            mSnappingToPage = true;
-            flingAndSnap(0);
-            ViewCompat.postOnAnimationDelayed(ReactScrollView.this,
-              this,
-              ReactScrollViewHelper.MOMENTUM_DELAY);
-          } else {
-            if (mSendMomentumEvents) {
-              ReactScrollViewHelper.emitScrollMomentumEndEvent(ReactScrollView.this);
+    mPostTouchRunnable =
+        new Runnable() {
+
+          private boolean mSnappingToPage = false;
+
+          @Override
+          public void run() {
+            if (mActivelyScrolling) {
+              // We are still scrolling so we just post to check again a frame later
+              mActivelyScrolling = false;
+              ViewCompat.postOnAnimationDelayed(
+                  ReactScrollView.this, this, ReactScrollViewHelper.MOMENTUM_DELAY);
+            } else {
+              if (mPagingEnabled && !mSnappingToPage) {
+                // Only if we have pagingEnabled and we have not snapped to the page do we
+                // need to continue checking for the scroll.  And we cause that scroll by asking for
+                // it
+                mSnappingToPage = true;
+                flingAndSnap(0);
+                ViewCompat.postOnAnimationDelayed(
+                    ReactScrollView.this, this, ReactScrollViewHelper.MOMENTUM_DELAY);
+              } else {
+                if (mSendMomentumEvents) {
+                  ReactScrollViewHelper.emitScrollMomentumEndEvent(ReactScrollView.this);
+                }
+                ReactScrollView.this.mPostTouchRunnable = null;
+                disableFpsListener();
+              }
             }
-            ReactScrollView.this.mPostTouchRunnable = null;
-            disableFpsListener();
           }
-        }
-      }
-    };
-    ViewCompat.postOnAnimationDelayed(ReactScrollView.this,
-      mPostTouchRunnable,
-      ReactScrollViewHelper.MOMENTUM_DELAY);
+        };
+    ViewCompat.postOnAnimationDelayed(
+        ReactScrollView.this, mPostTouchRunnable, ReactScrollViewHelper.MOMENTUM_DELAY);
   }
 
   private int predictFinalScrollPosition(int velocityY) {
@@ -474,24 +512,24 @@ private int predictFinalScrollPosition(int velocityY) {
     int maximumOffset = getMaxScrollY();
     int height = getHeight() - getPaddingBottom() - getPaddingTop();
     scroller.fling(
-      getScrollX(), // startX
-      getScrollY(), // startY
-      0, // velocityX
-      velocityY, // velocityY
-      0, // minX
-      0, // maxX
-      0, // minY
-      maximumOffset, // maxY
-      0, // overX
-      height/2 // overY
-    );
+        getScrollX(), // startX
+        getScrollY(), // startY
+        0, // velocityX
+        velocityY, // velocityY
+        0, // minX
+        0, // maxX
+        0, // minY
+        maximumOffset, // maxY
+        0, // overX
+        height / 2 // overY
+        );
     return scroller.getFinalY();
   }
 
   /**
-   * This will smooth scroll us to the nearest snap offset point
-   * It currently just looks at where the content is and slides to the nearest point.
-   * It is intended to be run after we are done scrolling, and handling any momentum scrolling.
+   * This will smooth scroll us to the nearest snap offset point It currently just looks at where
+   * the content is and slides to the nearest point. It is intended to be run after we are done
+   * scrolling, and handling any momentum scrolling.
    */
   private void smoothScrollAndSnap(int velocity) {
     double interval = (double) getSnapInterval();
@@ -504,29 +542,30 @@ private void smoothScrollAndSnap(int velocity) {
     int targetPage = (int) Math.round(targetOffset / interval);
 
     if (velocity > 0 && nextPage == previousPage) {
-      nextPage ++;
+      nextPage++;
     } else if (velocity < 0 && previousPage == nextPage) {
-      previousPage --;
+      previousPage--;
     }
 
     if (
-      // if scrolling towards next page
-      velocity > 0 &&
-      // and the middle of the page hasn't been crossed already
-      currentPage < nextPage &&
-      // and it would have been crossed after flinging
-      targetPage > previousPage
-    ) {
+    // if scrolling towards next page
+    velocity > 0
+        &&
+        // and the middle of the page hasn't been crossed already
+        currentPage < nextPage
+        &&
+        // and it would have been crossed after flinging
+        targetPage > previousPage) {
       currentPage = nextPage;
-    }
-    else if (
-      // if scrolling towards previous page
-      velocity < 0 &&
-      // and the middle of the page hasn't been crossed already
-      currentPage > previousPage &&
-      // and it would have been crossed after flinging
-      targetPage < nextPage
-    ) {
+    } else if (
+    // if scrolling towards previous page
+    velocity < 0
+        &&
+        // and the middle of the page hasn't been crossed already
+        currentPage > previousPage
+        &&
+        // and it would have been crossed after flinging
+        targetPage < nextPage) {
       currentPage = previousPage;
     }
 
@@ -561,7 +600,7 @@ private void flingAndSnap(int velocityY) {
       firstOffset = mSnapOffsets.get(0);
       lastOffset = mSnapOffsets.get(mSnapOffsets.size() - 1);
 
-      for (int i = 0; i < mSnapOffsets.size(); i ++) {
+      for (int i = 0; i < mSnapOffsets.size(); i++) {
         int offset = mSnapOffsets.get(i);
 
         if (offset <= targetOffset) {
@@ -584,9 +623,8 @@ private void flingAndSnap(int velocityY) {
     }
 
     // Calculate the nearest offset
-    int nearestOffset = targetOffset - smallerOffset < largerOffset - targetOffset
-      ? smallerOffset
-      : largerOffset;
+    int nearestOffset =
+        targetOffset - smallerOffset < largerOffset - targetOffset ? smallerOffset : largerOffset;
 
     // if scrolling after the last snap offset and snapping to the
     // end of the list is disabled, then we allow free scrolling
@@ -629,22 +667,22 @@ private void flingAndSnap(int velocityY) {
       mActivelyScrolling = true;
 
       mScroller.fling(
-        getScrollX(), // startX
-        getScrollY(), // startY
-        // velocity = 0 doesn't work with fling() so we pretend there's a reasonable
-        // initial velocity going on when a touch is released without any movement
-        0, // velocityX
-        velocityY != 0 ? velocityY : targetOffset - getScrollY(), // velocityY
-        0, // minX
-        0, // maxX
-        // setting both minY and maxY to the same value will guarantee that we scroll to it
-        // but using the standard fling-style easing rather than smoothScrollTo's 250ms animation
-        targetOffset, // minY
-        targetOffset, // maxY
-        0, // overX
-        // we only want to allow overscrolling if the final offset is at the very edge of the view
-        (targetOffset == 0 || targetOffset == maximumOffset) ? height / 2 : 0 // overY
-      );
+          getScrollX(), // startX
+          getScrollY(), // startY
+          // velocity = 0 doesn't work with fling() so we pretend there's a reasonable
+          // initial velocity going on when a touch is released without any movement
+          0, // velocityX
+          velocityY != 0 ? velocityY : targetOffset - getScrollY(), // velocityY
+          0, // minX
+          0, // maxX
+          // setting both minY and maxY to the same value will guarantee that we scroll to it
+          // but using the standard fling-style easing rather than smoothScrollTo's 250ms animation
+          targetOffset, // minY
+          targetOffset, // maxY
+          0, // overX
+          // we only want to allow overscrolling if the final offset is at the very edge of the view
+          (targetOffset == 0 || targetOffset == maximumOffset) ? height / 2 : 0 // overY
+          );
 
       postInvalidateOnAnimation();
     } else {
@@ -671,7 +709,8 @@ protected void onOverScrolled(int scrollX, int scrollY, boolean clampedX, boolea
     if (mScroller != null && mContentView != null) {
       // FB SCROLLVIEW CHANGE
 
-      // This is part two of the reimplementation of fling to fix the bounce-back bug. See #fling() for
+      // This is part two of the reimplementation of fling to fix the bounce-back bug. See #fling()
+      // for
       // more information.
 
       if (!mScroller.isFinished() && mScroller.getCurrY() != mScroller.getFinalY()) {
@@ -706,7 +745,16 @@ public void onChildViewRemoved(View parent, View child) {
    * position is larger than the ScrollView's max scroll position after the content shrinks.
    */
   @Override
-  public void onLayoutChange(View v, int left, int top, int right, int bottom, int oldLeft, int oldTop, int oldRight, int oldBottom) {
+  public void onLayoutChange(
+      View v,
+      int left,
+      int top,
+      int right,
+      int bottom,
+      int oldLeft,
+      int oldTop,
+      int oldRight,
+      int oldBottom) {
     if (mContentView == null) {
       return;
     }
@@ -742,5 +790,4 @@ public void setBorderRadius(float borderRadius, int position) {
   public void setBorderStyle(@Nullable String style) {
     mReactBackgroundManager.setBorderStyle(style);
   }
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewCommandHelper.java b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewCommandHelper.java
index eb5989be48c68c..2b1f83becd66eb 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewCommandHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewCommandHelper.java
@@ -1,22 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.scroll;
 
+import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.uimanager.PixelUtil;
 import java.util.Map;
-import javax.annotation.Nullable;
 
 /**
- * Helper for view managers to handle commands like 'scrollTo'.
- * Shared by {@link ReactScrollViewManager} and {@link ReactHorizontalScrollViewManager}.
+ * Helper for view managers to handle commands like 'scrollTo'. Shared by {@link
+ * ReactScrollViewManager} and {@link ReactHorizontalScrollViewManager}.
  */
 public class ReactScrollViewCommandHelper {
 
@@ -26,7 +25,9 @@ public class ReactScrollViewCommandHelper {
 
   public interface ScrollCommandHandler<T> {
     void scrollTo(T scrollView, ScrollToCommandData data);
+
     void scrollToEnd(T scrollView, ScrollToEndCommandData data);
+
     void flashScrollIndicators(T scrollView);
   }
 
@@ -51,7 +52,7 @@ public static class ScrollToEndCommandData {
     }
   }
 
-  public static Map<String,Integer> getCommandsMap() {
+  public static Map<String, Integer> getCommandsMap() {
     return MapBuilder.of(
         "scrollTo",
         COMMAND_SCROLL_TO,
@@ -70,27 +71,70 @@ public static <T> void receiveCommand(
     Assertions.assertNotNull(scrollView);
     Assertions.assertNotNull(args);
     switch (commandType) {
-      case COMMAND_SCROLL_TO: {
-        int destX = Math.round(PixelUtil.toPixelFromDIP(args.getDouble(0)));
-        int destY = Math.round(PixelUtil.toPixelFromDIP(args.getDouble(1)));
-        boolean animated = args.getBoolean(2);
-        viewManager.scrollTo(scrollView, new ScrollToCommandData(destX, destY, animated));
-        return;
-      }
-      case COMMAND_SCROLL_TO_END: {
-        boolean animated = args.getBoolean(0);
-        viewManager.scrollToEnd(scrollView, new ScrollToEndCommandData(animated));
-        return;
-      }
+      case COMMAND_SCROLL_TO:
+        {
+          scrollTo(viewManager, scrollView, args);
+          return;
+        }
+      case COMMAND_SCROLL_TO_END:
+        {
+          scrollToEnd(viewManager, scrollView, args);
+          return;
+        }
       case COMMAND_FLASH_SCROLL_INDICATORS:
         viewManager.flashScrollIndicators(scrollView);
         return;
 
       default:
-        throw new IllegalArgumentException(String.format(
-            "Unsupported command %d received by %s.",
-            commandType,
-            viewManager.getClass().getSimpleName()));
+        throw new IllegalArgumentException(
+            String.format(
+                "Unsupported command %d received by %s.",
+                commandType, viewManager.getClass().getSimpleName()));
+    }
+  }
+
+  public static <T> void receiveCommand(
+      ScrollCommandHandler<T> viewManager,
+      T scrollView,
+      String commandType,
+      @Nullable ReadableArray args) {
+    Assertions.assertNotNull(viewManager);
+    Assertions.assertNotNull(scrollView);
+    Assertions.assertNotNull(args);
+    switch (commandType) {
+      case "scrollTo":
+        {
+          scrollTo(viewManager, scrollView, args);
+          return;
+        }
+      case "scrollToEnd":
+        {
+          scrollToEnd(viewManager, scrollView, args);
+          return;
+        }
+      case "flashScrollIndicators":
+        viewManager.flashScrollIndicators(scrollView);
+        return;
+
+      default:
+        throw new IllegalArgumentException(
+            String.format(
+                "Unsupported command %s received by %s.",
+                commandType, viewManager.getClass().getSimpleName()));
     }
   }
+
+  private static <T> void scrollTo(
+      ScrollCommandHandler<T> viewManager, T scrollView, @Nullable ReadableArray args) {
+    int destX = Math.round(PixelUtil.toPixelFromDIP(args.getDouble(0)));
+    int destY = Math.round(PixelUtil.toPixelFromDIP(args.getDouble(1)));
+    boolean animated = args.getBoolean(2);
+    viewManager.scrollTo(scrollView, new ScrollToCommandData(destX, destY, animated));
+  }
+
+  private static <T> void scrollToEnd(
+      ScrollCommandHandler<T> viewManager, T scrollView, @Nullable ReadableArray args) {
+    boolean animated = args.getBoolean(0);
+    viewManager.scrollToEnd(scrollView, new ScrollToEndCommandData(animated));
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewHelper.java b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewHelper.java
index 1e8cdae053f427..c3d3e8721ee78c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewHelper.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.scroll;
 
 import android.view.View;
@@ -12,11 +11,8 @@
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.uimanager.UIManagerModule;
-import com.facebook.react.uimanager.events.EventDispatcher;
 
-/**
- * Helper class that deals with emitting Scroll Events.
- */
+/** Helper class that deals with emitting Scroll Events. */
 public class ReactScrollViewHelper {
 
   public static final long MOMENTUM_DELAY = 20;
@@ -24,9 +20,7 @@ public class ReactScrollViewHelper {
   public static final String AUTO = "auto";
   public static final String OVER_SCROLL_NEVER = "never";
 
-  /**
-   * Shared by {@link ReactScrollView} and {@link ReactHorizontalScrollView}.
-   */
+  /** Shared by {@link ReactScrollView} and {@link ReactHorizontalScrollView}. */
   public static void emitScrollEvent(ViewGroup scrollView, float xVelocity, float yVelocity) {
     emitScrollEvent(scrollView, ScrollEventType.SCROLL, xVelocity, yVelocity);
   }
@@ -36,16 +30,12 @@ public static void emitScrollBeginDragEvent(ViewGroup scrollView) {
   }
 
   public static void emitScrollEndDragEvent(
-      ViewGroup scrollView,
-      float xVelocity,
-      float yVelocity) {
+      ViewGroup scrollView, float xVelocity, float yVelocity) {
     emitScrollEvent(scrollView, ScrollEventType.END_DRAG, xVelocity, yVelocity);
   }
 
   public static void emitScrollMomentumBeginEvent(
-      ViewGroup scrollView,
-      int xVelocity,
-      int yVelocity) {
+      ViewGroup scrollView, int xVelocity, int yVelocity) {
     emitScrollEvent(scrollView, ScrollEventType.MOMENTUM_BEGIN, xVelocity, yVelocity);
   }
 
@@ -58,10 +48,7 @@ private static void emitScrollEvent(ViewGroup scrollView, ScrollEventType scroll
   }
 
   private static void emitScrollEvent(
-      ViewGroup scrollView,
-      ScrollEventType scrollEventType,
-      float xVelocity,
-      float yVelocity) {
+      ViewGroup scrollView, ScrollEventType scrollEventType, float xVelocity, float yVelocity) {
     View contentView = scrollView.getChildAt(0);
 
     if (contentView == null) {
@@ -69,18 +56,21 @@ private static void emitScrollEvent(
     }
 
     ReactContext reactContext = (ReactContext) scrollView.getContext();
-    reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher().dispatchEvent(
-        ScrollEvent.obtain(
-            scrollView.getId(),
-            scrollEventType,
-            scrollView.getScrollX(),
-            scrollView.getScrollY(),
-            xVelocity,
-            yVelocity,
-            contentView.getWidth(),
-            contentView.getHeight(),
-            scrollView.getWidth(),
-            scrollView.getHeight()));
+    reactContext
+        .getNativeModule(UIManagerModule.class)
+        .getEventDispatcher()
+        .dispatchEvent(
+            ScrollEvent.obtain(
+                scrollView.getId(),
+                scrollEventType,
+                scrollView.getScrollX(),
+                scrollView.getScrollY(),
+                xVelocity,
+                yVelocity,
+                contentView.getWidth(),
+                contentView.getHeight(),
+                scrollView.getWidth(),
+                scrollView.getHeight()));
   }
 
   public static int parseOverScrollMode(String jsOverScrollMode) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewManager.java
index afe0725e43cd05..cb8befaca24300 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewManager.java
@@ -1,16 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.scroll;
 
 import android.graphics.Color;
-import androidx.core.view.ViewCompat;
 import android.util.DisplayMetrics;
-
+import androidx.annotation.Nullable;
+import androidx.core.view.ViewCompat;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.module.annotations.ReactModule;
@@ -24,27 +23,24 @@
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.uimanager.annotations.ReactPropGroup;
 import com.facebook.yoga.YogaConstants;
-
 import java.util.ArrayList;
 import java.util.List;
 import java.util.Map;
-import javax.annotation.Nullable;
 
 /**
  * View manager for {@link ReactScrollView} components.
  *
- * <p>Note that {@link ReactScrollView} and {@link ReactScrollView} are exposed to JS
- * as a single ScrollView component, configured via the {@code horizontal} boolean property.
+ * <p>Note that {@link ReactScrollView} and {@link ReactHorizontalScrollView} are exposed to JS as a
+ * single ScrollView component, configured via the {@code horizontal} boolean property.
  */
 @ReactModule(name = ReactScrollViewManager.REACT_CLASS)
-public class ReactScrollViewManager
-    extends ViewGroupManager<ReactScrollView>
+public class ReactScrollViewManager extends ViewGroupManager<ReactScrollView>
     implements ReactScrollViewCommandHelper.ScrollCommandHandler<ReactScrollView> {
 
   public static final String REACT_CLASS = "RCTScrollView";
 
   private static final int[] SPACING_TYPES = {
-      Spacing.ALL, Spacing.LEFT, Spacing.RIGHT, Spacing.TOP, Spacing.BOTTOM,
+    Spacing.ALL, Spacing.LEFT, Spacing.RIGHT, Spacing.TOP, Spacing.BOTTOM,
   };
 
   private @Nullable FpsListener mFpsListener = null;
@@ -70,6 +66,10 @@ public ReactScrollView createViewInstance(ThemedReactContext context) {
   @ReactProp(name = "scrollEnabled", defaultBoolean = true)
   public void setScrollEnabled(ReactScrollView view, boolean value) {
     view.setScrollEnabled(value);
+
+    // Set focusable to match whether scroll is enabled. This improves keyboarding
+    // experience by not making scrollview a tab stop when you cannot interact with it.
+    view.setFocusable(value);
   }
 
   @ReactProp(name = "showsVerticalScrollIndicator")
@@ -115,9 +115,9 @@ public void setRemoveClippedSubviews(ReactScrollView view, boolean removeClipped
   }
 
   /**
-   * Computing momentum events is potentially expensive since we post a runnable on the UI thread
-   * to see when it is done.  We only do that if {@param sendMomentumEvents} is set to true.  This
-   * is handled automatically in js by checking if there is a listener on the momentum events.
+   * Computing momentum events is potentially expensive since we post a runnable on the UI thread to
+   * see when it is done. We only do that if {@param sendMomentumEvents} is set to true. This is
+   * handled automatically in js by checking if there is a listener on the momentum events.
    *
    * @param view
    * @param sendMomentumEvents
@@ -147,6 +147,7 @@ public void setPagingEnabled(ReactScrollView view, boolean pagingEnabled) {
   /**
    * When set, fills the rest of the scrollview with a color to avoid setting a background and
    * creating unnecessary overdraw.
+   *
    * @param view
    * @param color
    */
@@ -155,9 +156,7 @@ public void setBottomFillColor(ReactScrollView view, int color) {
     view.setEndFillColor(color);
   }
 
-  /**
-   * Controls overScroll behaviour
-   */
+  /** Controls overScroll behaviour */
   @ReactProp(name = "overScrollMode")
   public void setOverScrollMode(ReactScrollView view, String value) {
     view.setOverScrollMode(ReactScrollViewHelper.parseOverScrollMode(value));
@@ -175,9 +174,13 @@ public void setNestedScrollEnabled(ReactScrollView view, boolean value) {
 
   @Override
   public void receiveCommand(
-      ReactScrollView scrollView,
-      int commandId,
-      @Nullable ReadableArray args) {
+      ReactScrollView scrollView, int commandId, @Nullable ReadableArray args) {
+    ReactScrollViewCommandHelper.receiveCommand(this, scrollView, commandId, args);
+  }
+
+  @Override
+  public void receiveCommand(
+      ReactScrollView scrollView, String commandId, @Nullable ReadableArray args) {
     ReactScrollViewCommandHelper.receiveCommand(this, scrollView, commandId, args);
   }
 
@@ -195,13 +198,16 @@ public void scrollTo(
       scrollView.scrollTo(data.mDestX, data.mDestY);
     }
   }
-  @ReactPropGroup(names = {
-      ViewProps.BORDER_RADIUS,
-      ViewProps.BORDER_TOP_LEFT_RADIUS,
-      ViewProps.BORDER_TOP_RIGHT_RADIUS,
-      ViewProps.BORDER_BOTTOM_RIGHT_RADIUS,
-      ViewProps.BORDER_BOTTOM_LEFT_RADIUS
-  }, defaultFloat = YogaConstants.UNDEFINED)
+
+  @ReactPropGroup(
+      names = {
+        ViewProps.BORDER_RADIUS,
+        ViewProps.BORDER_TOP_LEFT_RADIUS,
+        ViewProps.BORDER_TOP_RIGHT_RADIUS,
+        ViewProps.BORDER_BOTTOM_RIGHT_RADIUS,
+        ViewProps.BORDER_BOTTOM_LEFT_RADIUS
+      },
+      defaultFloat = YogaConstants.UNDEFINED)
   public void setBorderRadius(ReactScrollView view, int index, float borderRadius) {
     if (!YogaConstants.isUndefined(borderRadius)) {
       borderRadius = PixelUtil.toPixelFromDIP(borderRadius);
@@ -219,13 +225,15 @@ public void setBorderStyle(ReactScrollView view, @Nullable String borderStyle) {
     view.setBorderStyle(borderStyle);
   }
 
-  @ReactPropGroup(names = {
-      ViewProps.BORDER_WIDTH,
-      ViewProps.BORDER_LEFT_WIDTH,
-      ViewProps.BORDER_RIGHT_WIDTH,
-      ViewProps.BORDER_TOP_WIDTH,
-      ViewProps.BORDER_BOTTOM_WIDTH,
-  }, defaultFloat = YogaConstants.UNDEFINED)
+  @ReactPropGroup(
+      names = {
+        ViewProps.BORDER_WIDTH,
+        ViewProps.BORDER_LEFT_WIDTH,
+        ViewProps.BORDER_RIGHT_WIDTH,
+        ViewProps.BORDER_TOP_WIDTH,
+        ViewProps.BORDER_BOTTOM_WIDTH,
+      },
+      defaultFloat = YogaConstants.UNDEFINED)
   public void setBorderWidth(ReactScrollView view, int index, float width) {
     if (!YogaConstants.isUndefined(width)) {
       width = PixelUtil.toPixelFromDIP(width);
@@ -233,12 +241,17 @@ public void setBorderWidth(ReactScrollView view, int index, float width) {
     view.setBorderWidth(SPACING_TYPES[index], width);
   }
 
-  @ReactPropGroup(names = {
-      "borderColor", "borderLeftColor", "borderRightColor", "borderTopColor", "borderBottomColor"
-  }, customType = "Color")
+  @ReactPropGroup(
+      names = {
+        "borderColor",
+        "borderLeftColor",
+        "borderRightColor",
+        "borderTopColor",
+        "borderBottomColor"
+      },
+      customType = "Color")
   public void setBorderColor(ReactScrollView view, int index, Integer color) {
-    float rgbComponent =
-        color == null ? YogaConstants.UNDEFINED : (float) (color & 0x00FFFFFF);
+    float rgbComponent = color == null ? YogaConstants.UNDEFINED : (float) (color & 0x00FFFFFF);
     float alphaComponent = color == null ? YogaConstants.UNDEFINED : (float) (color >>> 24);
     view.setBorderColor(SPACING_TYPES[index], rgbComponent, alphaComponent);
   }
@@ -250,11 +263,9 @@ public void setOverflow(ReactScrollView view, @Nullable String overflow) {
 
   @Override
   public void scrollToEnd(
-      ReactScrollView scrollView,
-      ReactScrollViewCommandHelper.ScrollToEndCommandData data) {
+      ReactScrollView scrollView, ReactScrollViewCommandHelper.ScrollToEndCommandData data) {
     // ScrollView always has one child - the scrollable area
-    int bottom =
-      scrollView.getChildAt(0).getHeight() + scrollView.getPaddingBottom();
+    int bottom = scrollView.getChildAt(0).getHeight() + scrollView.getPaddingBottom();
     if (data.mAnimated) {
       scrollView.smoothScrollTo(scrollView.getScrollX(), bottom);
     } else {
@@ -274,11 +285,21 @@ public void setPersistentScrollbar(ReactScrollView view, boolean value) {
 
   public static Map<String, Object> createExportedCustomDirectEventTypeConstants() {
     return MapBuilder.<String, Object>builder()
-        .put(ScrollEventType.getJSEventName(ScrollEventType.SCROLL), MapBuilder.of("registrationName", "onScroll"))
-        .put(ScrollEventType.getJSEventName(ScrollEventType.BEGIN_DRAG), MapBuilder.of("registrationName", "onScrollBeginDrag"))
-        .put(ScrollEventType.getJSEventName(ScrollEventType.END_DRAG), MapBuilder.of("registrationName", "onScrollEndDrag"))
-        .put(ScrollEventType.getJSEventName(ScrollEventType.MOMENTUM_BEGIN), MapBuilder.of("registrationName", "onMomentumScrollBegin"))
-        .put(ScrollEventType.getJSEventName(ScrollEventType.MOMENTUM_END), MapBuilder.of("registrationName", "onMomentumScrollEnd"))
+        .put(
+            ScrollEventType.getJSEventName(ScrollEventType.SCROLL),
+            MapBuilder.of("registrationName", "onScroll"))
+        .put(
+            ScrollEventType.getJSEventName(ScrollEventType.BEGIN_DRAG),
+            MapBuilder.of("registrationName", "onScrollBeginDrag"))
+        .put(
+            ScrollEventType.getJSEventName(ScrollEventType.END_DRAG),
+            MapBuilder.of("registrationName", "onScrollEndDrag"))
+        .put(
+            ScrollEventType.getJSEventName(ScrollEventType.MOMENTUM_BEGIN),
+            MapBuilder.of("registrationName", "onMomentumScrollBegin"))
+        .put(
+            ScrollEventType.getJSEventName(ScrollEventType.MOMENTUM_END),
+            MapBuilder.of("registrationName", "onMomentumScrollEnd"))
         .build();
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ScrollEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ScrollEvent.java
index b05d1458127f3f..1dcc8580d6b7d7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ScrollEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ScrollEvent.java
@@ -1,18 +1,13 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.scroll;
 
-import javax.annotation.Nullable;
-
-import java.lang.Override;
-
+import androidx.annotation.Nullable;
 import androidx.core.util.Pools;
-
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.WritableMap;
@@ -20,9 +15,7 @@
 import com.facebook.react.uimanager.events.Event;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
 
-/**
- * A event dispatched from a ScrollView scrolling.
- */
+/** A event dispatched from a ScrollView scrolling. */
 public class ScrollEvent extends Event<ScrollEvent> {
 
   private static final Pools.SynchronizedPool<ScrollEvent> EVENTS_POOL =
@@ -72,8 +65,7 @@ public void onDispose() {
     EVENTS_POOL.release(this);
   }
 
-  private ScrollEvent() {
-  }
+  private ScrollEvent() {}
 
   private void init(
       int viewTag,
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ScrollEventType.java b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ScrollEventType.java
index d51de786174e71..35bbe909af6992 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ScrollEventType.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ScrollEventType.java
@@ -1,15 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.scroll;
 
-/**
- * Scroll event types that JS module RCTEventEmitter can understand
- */
+/** Scroll event types that JS module RCTEventEmitter can understand */
 public enum ScrollEventType {
   BEGIN_DRAG,
   END_DRAG,
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/VelocityHelper.java b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/VelocityHelper.java
index 8260fa675cecf3..1662cdc3cf80b6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/VelocityHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/VelocityHelper.java
@@ -1,21 +1,18 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.scroll;
 
-import javax.annotation.Nullable;
-
 import android.view.MotionEvent;
 import android.view.VelocityTracker;
+import androidx.annotation.Nullable;
 
 /**
- * This Class helps to calculate the velocity for all ScrollView. The x and y velocity
- * will later on send to ReactScrollViewHelper for further use.
- *
+ * 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 {
 
@@ -24,9 +21,9 @@ public class VelocityHelper {
   private float mYVelocity;
 
   /**
-   * Call from a ScrollView in onTouchEvent.
-   * Calculating the velocity for END_DRAG movement and send them back to react ScrollResponder.js
-   * */
+   * Call from a ScrollView in onTouchEvent. Calculating the velocity for END_DRAG movement and send
+   * them back to react ScrollResponder.js
+   */
   public void calculateVelocity(MotionEvent ev) {
     int action = ev.getAction() & MotionEvent.ACTION_MASK;
     if (mVelocityTracker == null) {
@@ -36,18 +33,19 @@ public void calculateVelocity(MotionEvent ev) {
 
     switch (action) {
       case MotionEvent.ACTION_UP:
-      case MotionEvent.ACTION_CANCEL: {
-        // Calculate velocity on END_DRAG
-        mVelocityTracker.computeCurrentVelocity(1); // points/millisecond
-        mXVelocity = mVelocityTracker.getXVelocity();
-        mYVelocity = mVelocityTracker.getYVelocity();
-
-        if (mVelocityTracker != null) {
-          mVelocityTracker.recycle();
-          mVelocityTracker = null;
+      case MotionEvent.ACTION_CANCEL:
+        {
+          // Calculate velocity on END_DRAG
+          mVelocityTracker.computeCurrentVelocity(1); // points/millisecond
+          mXVelocity = mVelocityTracker.getXVelocity();
+          mYVelocity = mVelocityTracker.getYVelocity();
+
+          if (mVelocityTracker != null) {
+            mVelocityTracker.recycle();
+            mVelocityTracker = null;
+          }
+          break;
         }
-        break;
-      }
     }
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/slider/ReactSlider.java b/ReactAndroid/src/main/java/com/facebook/react/views/slider/ReactSlider.java
index b1e1db946314d8..94227a4ed1aa78 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/slider/ReactSlider.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/slider/ReactSlider.java
@@ -8,9 +8,9 @@
 
 import android.content.Context;
 import android.os.Build;
-import androidx.appcompat.widget.AppCompatSeekBar;
 import android.util.AttributeSet;
-import javax.annotation.Nullable;
+import androidx.annotation.Nullable;
+import androidx.appcompat.widget.AppCompatSeekBar;
 
 /**
  * Slider that behaves more like the iOS one, for consistency.
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/slider/ReactSliderEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/slider/ReactSliderEvent.java
index 504da715584d3d..63a68dc4e633be 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/slider/ReactSliderEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/slider/ReactSliderEvent.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.slider;
 
 import com.facebook.react.bridge.Arguments;
@@ -12,9 +11,7 @@
 import com.facebook.react.uimanager.events.Event;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
 
-/**
- * Event emitted by a ReactSliderManager when user changes slider position.
- */
+/** Event emitted by a ReactSliderManager when user changes slider position. */
 public class ReactSliderEvent extends Event<ReactSliderEvent> {
 
   public static final String EVENT_NAME = "topChange";
@@ -36,7 +33,6 @@ public boolean isFromUser() {
     return mFromUser;
   }
 
-
   @Override
   public String getEventName() {
     return EVENT_NAME;
@@ -46,6 +42,7 @@ public String getEventName() {
   public short getCoalescingKey() {
     return 0;
   }
+
   @Override
   public void dispatch(RCTEventEmitter rctEventEmitter) {
     rctEventEmitter.receiveEvent(getViewTag(), getEventName(), serializeEventData());
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/slider/ReactSliderManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/slider/ReactSliderManager.java
index fc2dfecf97106e..25176ef1dee893 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/slider/ReactSliderManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/slider/ReactSliderManager.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.slider;
 
 import android.content.Context;
@@ -18,13 +17,11 @@
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.uimanager.LayoutShadowNode;
-import com.facebook.react.uimanager.ReactShadowNodeImpl;
 import com.facebook.react.uimanager.SimpleViewManager;
 import com.facebook.react.uimanager.ThemedReactContext;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewProps;
 import com.facebook.react.uimanager.annotations.ReactProp;
-import com.facebook.react.uimanager.events.EventDispatcher;
 import com.facebook.yoga.YogaMeasureFunction;
 import com.facebook.yoga.YogaMeasureMode;
 import com.facebook.yoga.YogaMeasureOutput;
@@ -34,7 +31,7 @@
 /**
  * Manages instances of {@code ReactSlider}.
  *
- * Note that the slider is _not_ a controlled component.
+ * <p>Note that the slider is _not_ a controlled component.
  */
 public class ReactSliderManager extends SimpleViewManager<ReactSlider> {
 
@@ -42,8 +39,7 @@ public class ReactSliderManager extends SimpleViewManager<ReactSlider> {
 
   public static final String REACT_CLASS = "RCTSlider";
 
-  static class ReactSliderShadowNode extends LayoutShadowNode implements
-      YogaMeasureFunction {
+  static class ReactSliderShadowNode extends LayoutShadowNode implements YogaMeasureFunction {
 
     private int mWidth;
     private int mHeight;
@@ -66,9 +62,9 @@ public long measure(
         YogaMeasureMode heightMode) {
       if (!mMeasured) {
         SeekBar reactSlider = new ReactSlider(getThemedContext(), null, STYLE);
-        final int spec = View.MeasureSpec.makeMeasureSpec(
-            ViewGroup.LayoutParams.WRAP_CONTENT,
-            View.MeasureSpec.UNSPECIFIED);
+        final int spec =
+            View.MeasureSpec.makeMeasureSpec(
+                ViewGroup.LayoutParams.WRAP_CONTENT, View.MeasureSpec.UNSPECIFIED);
         reactSlider.measure(spec, spec);
         mWidth = reactSlider.getMeasuredWidth();
         mHeight = reactSlider.getMeasuredHeight();
@@ -84,24 +80,27 @@ public long measure(
         @Override
         public void onProgressChanged(SeekBar seekbar, int progress, boolean fromUser) {
           ReactContext reactContext = (ReactContext) seekbar.getContext();
-          reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher().dispatchEvent(
-              new ReactSliderEvent(
-                  seekbar.getId(),
-                  ((ReactSlider) seekbar).toRealProgress(progress),
-                  fromUser));
+          reactContext
+              .getNativeModule(UIManagerModule.class)
+              .getEventDispatcher()
+              .dispatchEvent(
+                  new ReactSliderEvent(
+                      seekbar.getId(), ((ReactSlider) seekbar).toRealProgress(progress), fromUser));
         }
 
         @Override
-        public void onStartTrackingTouch(SeekBar seekbar) {
-        }
+        public void onStartTrackingTouch(SeekBar seekbar) {}
 
         @Override
         public void onStopTrackingTouch(SeekBar seekbar) {
           ReactContext reactContext = (ReactContext) seekbar.getContext();
-          reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher().dispatchEvent(
-              new ReactSlidingCompleteEvent(
-                  seekbar.getId(),
-                  ((ReactSlider) seekbar).toRealProgress(seekbar.getProgress())));
+          reactContext
+              .getNativeModule(UIManagerModule.class)
+              .getEventDispatcher()
+              .dispatchEvent(
+                  new ReactSlidingCompleteEvent(
+                      seekbar.getId(),
+                      ((ReactSlider) seekbar).toRealProgress(seekbar.getProgress())));
         }
       };
 
@@ -197,20 +196,20 @@ public Map getExportedCustomDirectEventTypeConstants() {
 
   @Override
   public long measure(
-    Context context,
-    ReadableMap localData,
-    ReadableMap props,
-    ReadableMap state,
-    float width,
-    YogaMeasureMode widthMode,
-    float height,
-    YogaMeasureMode heightMode) {
-      SeekBar reactSlider = new ReactSlider(context, null, STYLE);
-      final int spec = View.MeasureSpec.makeMeasureSpec(
-        ViewGroup.LayoutParams.WRAP_CONTENT,
-        View.MeasureSpec.UNSPECIFIED);
-      reactSlider.measure(spec, spec);
-
-      return YogaMeasureOutput.make(reactSlider.getMeasuredWidth(), reactSlider.getMeasuredHeight());
-    }
-  }
+      Context context,
+      ReadableMap localData,
+      ReadableMap props,
+      ReadableMap state,
+      float width,
+      YogaMeasureMode widthMode,
+      float height,
+      YogaMeasureMode heightMode) {
+    SeekBar reactSlider = new ReactSlider(context, null, STYLE);
+    final int spec =
+        View.MeasureSpec.makeMeasureSpec(
+            ViewGroup.LayoutParams.WRAP_CONTENT, View.MeasureSpec.UNSPECIFIED);
+    reactSlider.measure(spec, spec);
+
+    return YogaMeasureOutput.make(reactSlider.getMeasuredWidth(), reactSlider.getMeasuredHeight());
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/slider/ReactSlidingCompleteEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/slider/ReactSlidingCompleteEvent.java
index 5534b3b55f4d97..69303c0740d31c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/slider/ReactSlidingCompleteEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/slider/ReactSlidingCompleteEvent.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.slider;
 
 import com.facebook.react.bridge.Arguments;
@@ -12,9 +11,7 @@
 import com.facebook.react.uimanager.events.Event;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
 
-/**
- * Event emitted when the user finishes dragging the slider.
- */
+/** Event emitted when the user finishes dragging the slider. */
 public class ReactSlidingCompleteEvent extends Event<ReactSlidingCompleteEvent> {
 
   public static final String EVENT_NAME = "topSlidingComplete";
@@ -56,5 +53,4 @@ private WritableMap serializeEventData() {
     eventData.putDouble("value", getValue());
     return eventData;
   }
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout.java b/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout.java
index 0d717df1464084..55435526c67f5e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout.java
@@ -1,23 +1,19 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.swiperefresh;
 
-import androidx.swiperefreshlayout.widget.SwipeRefreshLayout;
 import android.view.MotionEvent;
 import android.view.ViewConfiguration;
-
+import androidx.swiperefreshlayout.widget.SwipeRefreshLayout;
 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.
- */
+/** Basic extension of {@link SwipeRefreshLayout} with ReactNative-specific functionality. */
 public class ReactSwipeRefreshLayout extends SwipeRefreshLayout {
 
   private static final float DEFAULT_CIRCLE_TARGET = 64;
@@ -104,9 +100,9 @@ public boolean onInterceptTouchEvent(MotionEvent ev) {
 
   /**
    * {@link SwipeRefreshLayout} completely bypasses ViewGroup's "disallowIntercept" by overriding
-   * {@link ViewGroup#onInterceptTouchEvent} and never calling super.onInterceptTouchEvent().
-   * This means that horizontal scrolls will always be intercepted, even though they shouldn't, so
-   * we have to check for that manually here.
+   * {@link ViewGroup#onInterceptTouchEvent} and never calling super.onInterceptTouchEvent(). This
+   * means that horizontal scrolls will always be intercepted, even though they shouldn't, so we
+   * have to check for that manually here.
    */
   private boolean shouldInterceptTouchEvent(MotionEvent ev) {
     switch (ev.getAction()) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/RefreshEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/RefreshEvent.java
index dc3cfb9c2054e6..3960f4f97334e3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/RefreshEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/RefreshEvent.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.swiperefresh;
 
 import com.facebook.react.uimanager.events.Event;
@@ -12,17 +11,17 @@
 
 public class RefreshEvent extends Event<RefreshEvent> {
 
-    protected RefreshEvent(int viewTag) {
-        super(viewTag);
-    }
+  protected RefreshEvent(int viewTag) {
+    super(viewTag);
+  }
 
-    @Override
-    public String getEventName() {
-        return "topRefresh";
-    }
+  @Override
+  public String getEventName() {
+    return "topRefresh";
+  }
 
-    @Override
-    public void dispatch(RCTEventEmitter rctEventEmitter) {
-        rctEventEmitter.receiveEvent(getViewTag(), getEventName(), null);
-    }
+  @Override
+  public void dispatch(RCTEventEmitter rctEventEmitter) {
+    rctEventEmitter.receiveEvent(getViewTag(), getEventName(), null);
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/SwipeRefreshLayoutManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/SwipeRefreshLayoutManager.java
index 54bda8db223e5e..539f2e721af4c2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/SwipeRefreshLayoutManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/SwipeRefreshLayoutManager.java
@@ -1,18 +1,20 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.swiperefresh;
 
 import static com.facebook.react.views.swiperefresh.SwipeRefreshLayoutManager.REACT_CLASS;
 
 import android.graphics.Color;
+import androidx.annotation.Nullable;
 import androidx.swiperefreshlayout.widget.SwipeRefreshLayout;
 import androidx.swiperefreshlayout.widget.SwipeRefreshLayout.OnRefreshListener;
+import com.facebook.react.bridge.Dynamic;
 import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableType;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.uimanager.ThemedReactContext;
@@ -20,9 +22,7 @@
 import com.facebook.react.uimanager.ViewGroupManager;
 import com.facebook.react.uimanager.ViewProps;
 import com.facebook.react.uimanager.annotations.ReactProp;
-import com.facebook.react.uimanager.events.EventDispatcher;
 import java.util.Map;
-import javax.annotation.Nullable;
 
 /**
  * ViewManager for {@link ReactSwipeRefreshLayout} which allows the user to "pull to refresh" a
@@ -66,9 +66,28 @@ public void setProgressBackgroundColor(ReactSwipeRefreshLayout view, int color)
     view.setProgressBackgroundColorSchemeColor(color);
   }
 
-  @ReactProp(name = "size", defaultInt = SwipeRefreshLayout.DEFAULT)
-  public void setSize(ReactSwipeRefreshLayout view, int size) {
-    view.setSize(size);
+  // This prop temporarily takes both 0 and 1 as well as 'default' and 'large'.
+  // 0 and 1 are deprecated and will be removed in a future release.
+  // See T46143833
+  @ReactProp(name = "size")
+  public void setSize(ReactSwipeRefreshLayout view, Dynamic size) {
+    if (size.isNull()) {
+      view.setSize(SwipeRefreshLayout.DEFAULT);
+    } else if (size.getType() == ReadableType.Number) {
+      view.setSize(size.asInt());
+    } else if (size.getType() == ReadableType.String) {
+      final String sizeStr = size.asString();
+      if (sizeStr.equals("default")) {
+        view.setSize(SwipeRefreshLayout.DEFAULT);
+      } else if (sizeStr.equals("large")) {
+        view.setSize(SwipeRefreshLayout.LARGE);
+      } else {
+        throw new IllegalArgumentException(
+            "Size must be 'default' or 'large', received: " + sizeStr);
+      }
+    } else {
+      throw new IllegalArgumentException("Size must be 'default' or 'large'");
+    }
   }
 
   @ReactProp(name = "refreshing")
@@ -83,13 +102,14 @@ public void setProgressViewOffset(final ReactSwipeRefreshLayout view, final floa
 
   @Override
   protected void addEventEmitters(
-      final ThemedReactContext reactContext,
-      final ReactSwipeRefreshLayout view) {
+      final ThemedReactContext reactContext, final ReactSwipeRefreshLayout view) {
     view.setOnRefreshListener(
         new OnRefreshListener() {
           @Override
           public void onRefresh() {
-            reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher()
+            reactContext
+                .getNativeModule(UIManagerModule.class)
+                .getEventDispatcher()
                 .dispatchEvent(new RefreshEvent(view.getId()));
           }
         });
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/switchview/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/switchview/BUCK
index f70906c8ef419b..207413635a4b47 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/switchview/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/switchview/BUCK
@@ -5,7 +5,6 @@ rn_android_library(
     srcs = glob(["*.java"]),
     is_androidx = True,
     provided_deps = [
-        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("third-party/android/androidx:appcompat"),
         react_native_dep("third-party/android/androidx:core"),
         react_native_dep("third-party/android/androidx:fragment"),
@@ -17,6 +16,7 @@ rn_android_library(
     ],
     deps = [
         YOGA_TARGET,
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
         react_native_target("java/com/facebook/react/bridge:bridge"),
         react_native_target("java/com/facebook/react/common:common"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/switchview/ReactSwitch.java b/ReactAndroid/src/main/java/com/facebook/react/views/switchview/ReactSwitch.java
index fc716387770c11..4a49aa4e8b256b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/switchview/ReactSwitch.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/switchview/ReactSwitch.java
@@ -1,17 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.switchview;
 
 import android.content.Context;
 import android.graphics.PorterDuff;
 import android.graphics.drawable.Drawable;
+import androidx.annotation.Nullable;
 import androidx.appcompat.widget.SwitchCompat;
-import javax.annotation.Nullable;
 
 /**
  * Switch that has its value controlled by JS. Whenever the value of the switch changes, we do not
@@ -37,6 +36,11 @@ public void setChecked(boolean checked) {
       mAllowChange = false;
       super.setChecked(checked);
       setTrackColor(checked);
+    } else {
+      // Even if mAllowChange is set to false or the checked value hasn't changed, we still must
+      // call the super method, since it will make sure the thumb is moved back to the correct edge.
+      // Without calling the super method, the thumb might stuck in the middle of the switch.
+      super.setChecked(isChecked());
     }
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/switchview/ReactSwitchEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/switchview/ReactSwitchEvent.java
index 019a7b7291dad4..22bdc1a32adbcb 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/switchview/ReactSwitchEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/switchview/ReactSwitchEvent.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.switchview;
 
 import com.facebook.react.bridge.Arguments;
@@ -12,44 +11,42 @@
 import com.facebook.react.uimanager.events.Event;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
 
-/**
- * Event emitted by a ReactSwitchManager once a switch is fully switched on/off
- */
+/** Event emitted by a ReactSwitchManager once a switch is fully switched on/off */
 /*package*/ class ReactSwitchEvent extends Event<ReactSwitchEvent> {
 
-    public static final String EVENT_NAME = "topChange";
-
-    private final boolean mIsChecked;
-
-    public ReactSwitchEvent(int viewId, boolean isChecked) {
-        super(viewId);
-        mIsChecked = isChecked;
-    }
-
-    public boolean getIsChecked() {
-        return mIsChecked;
-    }
-
-    @Override
-    public String getEventName() {
-        return EVENT_NAME;
-    }
-
-    @Override
-    public short getCoalescingKey() {
-        // All switch events for a given view can be coalesced.
-        return 0;
-    }
-
-    @Override
-    public void dispatch(RCTEventEmitter rctEventEmitter) {
-        rctEventEmitter.receiveEvent(getViewTag(), getEventName(), serializeEventData());
-    }
-
-    private WritableMap serializeEventData() {
-        WritableMap eventData = Arguments.createMap();
-        eventData.putInt("target", getViewTag());
-        eventData.putBoolean("value", getIsChecked());
-        return eventData;
-    }
+  public static final String EVENT_NAME = "topChange";
+
+  private final boolean mIsChecked;
+
+  public ReactSwitchEvent(int viewId, boolean isChecked) {
+    super(viewId);
+    mIsChecked = isChecked;
+  }
+
+  public boolean getIsChecked() {
+    return mIsChecked;
+  }
+
+  @Override
+  public String getEventName() {
+    return EVENT_NAME;
+  }
+
+  @Override
+  public short getCoalescingKey() {
+    // All switch events for a given view can be coalesced.
+    return 0;
+  }
+
+  @Override
+  public void dispatch(RCTEventEmitter rctEventEmitter) {
+    rctEventEmitter.receiveEvent(getViewTag(), getEventName(), serializeEventData());
+  }
+
+  private WritableMap serializeEventData() {
+    WritableMap eventData = Arguments.createMap();
+    eventData.putInt("target", getViewTag());
+    eventData.putBoolean("value", getIsChecked());
+    return eventData;
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/switchview/ReactSwitchManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/switchview/ReactSwitchManager.java
index 7ab494cc3ea1b5..819a9c8e4c1714 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/switchview/ReactSwitchManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/switchview/ReactSwitchManager.java
@@ -1,41 +1,34 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
 
 // switchview because switch is a keyword
 package com.facebook.react.views.switchview;
 
-import android.graphics.PorterDuff;
 import android.view.View;
-import android.view.ViewGroup;
 import android.widget.CompoundButton;
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.uimanager.LayoutShadowNode;
-import com.facebook.react.uimanager.ReactShadowNodeImpl;
 import com.facebook.react.uimanager.SimpleViewManager;
 import com.facebook.react.uimanager.ThemedReactContext;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewProps;
 import com.facebook.react.uimanager.annotations.ReactProp;
-import com.facebook.react.uimanager.events.EventDispatcher;
 import com.facebook.yoga.YogaMeasureFunction;
 import com.facebook.yoga.YogaMeasureMode;
 import com.facebook.yoga.YogaMeasureOutput;
 import com.facebook.yoga.YogaNode;
-import javax.annotation.Nullable;
 
-/**
- * View manager for {@link ReactSwitch} components.
- */
+/** View manager for {@link ReactSwitch} components. */
 public class ReactSwitchManager extends SimpleViewManager<ReactSwitch> {
 
   public static final String REACT_CLASS = "AndroidSwitch";
 
-  static class ReactSwitchShadowNode extends LayoutShadowNode implements
-      YogaMeasureFunction {
+  static class ReactSwitchShadowNode extends LayoutShadowNode implements YogaMeasureFunction {
 
     private int mWidth;
     private int mHeight;
@@ -62,9 +55,7 @@ public long measure(
         // on a specific device/theme/locale combination.
         ReactSwitch reactSwitch = new ReactSwitch(getThemedContext());
         reactSwitch.setShowText(false);
-        final int spec = View.MeasureSpec.makeMeasureSpec(
-            0,
-            View.MeasureSpec.UNSPECIFIED);
+        final int spec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
         reactSwitch.measure(spec, spec);
         mWidth = reactSwitch.getMeasuredWidth();
         mHeight = reactSwitch.getMeasuredHeight();
@@ -80,10 +71,10 @@ public long measure(
         @Override
         public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
           ReactContext reactContext = (ReactContext) buttonView.getContext();
-          reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher().dispatchEvent(
-              new ReactSwitchEvent(
-                  buttonView.getId(),
-                  isChecked));
+          reactContext
+              .getNativeModule(UIManagerModule.class)
+              .getEventDispatcher()
+              .dispatchEvent(new ReactSwitchEvent(buttonView.getId(), isChecked));
         }
       };
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomLetterSpacingSpan.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomLetterSpacingSpan.java
index fe0c5ca6499764..6f937ecef34c39 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomLetterSpacingSpan.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomLetterSpacingSpan.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.annotation.TargetApi;
@@ -12,15 +11,11 @@
 import android.text.TextPaint;
 import android.text.style.MetricAffectingSpan;
 
-import com.facebook.infer.annotation.Assertions;
-
 /**
- * A {@link MetricAffectingSpan} that allows to set the letter spacing
- * on the selected text span.
- * 
- * The letter spacing is specified in pixels, which are converted to
- * ems at paint time; this span must therefore be applied after any
- * spans affecting font size.
+ * A {@link MetricAffectingSpan} that allows to set the letter spacing on the selected text span.
+ *
+ * <p>The letter spacing is specified in pixels, which are converted to ems at paint time; this span
+ * must therefore be applied after any spans affecting font size.
  */
 @TargetApi(Build.VERSION_CODES.LOLLIPOP)
 public class CustomLetterSpacingSpan extends MetricAffectingSpan implements ReactSpan {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomLineHeightSpan.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomLineHeightSpan.java
index c866e2e61b6f8c..1fdc329d431478 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomLineHeightSpan.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomLineHeightSpan.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.graphics.Paint;
@@ -23,12 +22,7 @@ public class CustomLineHeightSpan implements LineHeightSpan, ReactSpan {
 
   @Override
   public void chooseHeight(
-      CharSequence text,
-      int start,
-      int end,
-      int spanstartv,
-      int v,
-      Paint.FontMetricsInt fm) {
+      CharSequence text, int start, int end, int spanstartv, int v, Paint.FontMetricsInt fm) {
     // This is more complicated that I wanted it to be. You can find a good explanation of what the
     // FontMetrics mean here: http://stackoverflow.com/questions/27631736.
     // The general solution is that if there's not enough height to show the full line height, we
@@ -53,7 +47,7 @@ public void chooseHeight(
       // Show proportionally additional ascent / top & descent / bottom
       final int additional = mHeight - (-fm.top + fm.bottom);
 
-      // Round up for the negative values and down for the positive values  (arbritary choice)
+      // 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);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomStyleSpan.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomStyleSpan.java
index 347b0c98b97629..11a95a9834ba15 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomStyleSpan.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomStyleSpan.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -12,7 +11,6 @@
 import android.graphics.Typeface;
 import android.text.TextPaint;
 import android.text.style.MetricAffectingSpan;
-
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
 
@@ -22,14 +20,13 @@ 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
+   * 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;
@@ -57,33 +54,23 @@ public void updateMeasureState(@NonNull TextPaint paint) {
     apply(paint, mStyle, mWeight, mFontFamily, mAssetManager);
   }
 
-  /**
-   * Returns {@link Typeface#NORMAL} or {@link Typeface#ITALIC}.
-   */
+  /** Returns {@link Typeface#NORMAL} or {@link Typeface#ITALIC}. */
   public int getStyle() {
     return (mStyle == ReactTextShadowNode.UNSET ? 0 : mStyle);
   }
 
-  /**
-   * Returns {@link Typeface#NORMAL} or {@link Typeface#BOLD}.
-   */
+  /** Returns {@link Typeface#NORMAL} or {@link Typeface#BOLD}. */
   public int getWeight() {
     return (mWeight == ReactTextShadowNode.UNSET ? 0 : mWeight);
   }
 
-  /**
-   * Returns the font family set for this StyleSpan.
-   */
+  /** Returns the font family set for this StyleSpan. */
   public @Nullable String getFontFamily() {
     return mFontFamily;
   }
 
   private static void apply(
-      Paint paint,
-      int style,
-      int weight,
-      @Nullable String family,
-      AssetManager assetManager) {
+      Paint paint, int style, int weight, @Nullable String family, AssetManager assetManager) {
     int oldStyle;
     Typeface typeface = paint.getTypeface();
     if (typeface == null) {
@@ -93,13 +80,13 @@ private static void apply(
     }
 
     int want = 0;
-    if ((weight == Typeface.BOLD) ||
-        ((oldStyle & Typeface.BOLD) != 0 && weight == ReactTextShadowNode.UNSET)) {
+    if ((weight == Typeface.BOLD)
+        || ((oldStyle & Typeface.BOLD) != 0 && weight == ReactTextShadowNode.UNSET)) {
       want |= Typeface.BOLD;
     }
 
-    if ((style == Typeface.ITALIC) ||
-        ((oldStyle & Typeface.ITALIC) != 0 && style == ReactTextShadowNode.UNSET)) {
+    if ((style == Typeface.ITALIC)
+        || ((oldStyle & Typeface.ITALIC) != 0 && style == ReactTextShadowNode.UNSET)) {
       want |= Typeface.ITALIC;
     }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/DefaultStyleValuesUtil.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/DefaultStyleValuesUtil.java
index 9e248833d374bd..90690e34e8a231 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/DefaultStyleValuesUtil.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/DefaultStyleValuesUtil.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -12,9 +11,7 @@
 import android.content.res.Resources;
 import android.content.res.TypedArray;
 
-/**
- * Utility class that access default values from style
- */
+/** Utility class that access default values from style */
 public final class DefaultStyleValuesUtil {
 
   private DefaultStyleValuesUtil() {
@@ -55,7 +52,7 @@ private static ColorStateList getDefaultTextAttribute(Context context, int attri
     Resources.Theme theme = context.getTheme();
     TypedArray textAppearances = null;
     try {
-      textAppearances = theme.obtainStyledAttributes(new int[]{attribute});
+      textAppearances = theme.obtainStyledAttributes(new int[] {attribute});
       ColorStateList textColor = textAppearances.getColorStateList(0);
       return textColor;
     } finally {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/FontMetricsUtil.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/FontMetricsUtil.java
index 4d9b265a7ce8e1..6f8d1d20a05277 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/FontMetricsUtil.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/FontMetricsUtil.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -22,19 +21,24 @@ public class FontMetricsUtil {
   private static final String X_HEIGHT_MEASUREMENT_TEXT = "x";
   private static final float AMPLIFICATION_FACTOR = 100;
 
-  public static WritableArray getFontMetrics(CharSequence text, Layout layout, TextPaint paint, Context context) {
+  public static WritableArray getFontMetrics(
+      CharSequence text, Layout layout, TextPaint paint, Context context) {
     DisplayMetrics dm = context.getResources().getDisplayMetrics();
     WritableArray lines = Arguments.createArray();
-    // To calculate xHeight and capHeight we have to render an "x" and "T" and manually measure their height.
-    // In order to get more precision than Android offers, we blow up the text size by 100 and measure it.
+    // To calculate xHeight and capHeight we have to render an "x" and "T" and manually measure
+    // their height.
+    // In order to get more precision than Android offers, we blow up the text size by 100 and
+    // measure it.
     // Luckily, text size affects rendering linearly, so we can do this trick.
     TextPaint paintCopy = new TextPaint(paint);
     paintCopy.setTextSize(paintCopy.getTextSize() * AMPLIFICATION_FACTOR);
     Rect capHeightBounds = new Rect();
-    paintCopy.getTextBounds(CAP_HEIGHT_MEASUREMENT_TEXT, 0, CAP_HEIGHT_MEASUREMENT_TEXT.length(), capHeightBounds);
+    paintCopy.getTextBounds(
+        CAP_HEIGHT_MEASUREMENT_TEXT, 0, CAP_HEIGHT_MEASUREMENT_TEXT.length(), capHeightBounds);
     double capHeight = capHeightBounds.height() / AMPLIFICATION_FACTOR / dm.density;
     Rect xHeightBounds = new Rect();
-    paintCopy.getTextBounds(X_HEIGHT_MEASUREMENT_TEXT, 0, X_HEIGHT_MEASUREMENT_TEXT.length(), xHeightBounds);
+    paintCopy.getTextBounds(
+        X_HEIGHT_MEASUREMENT_TEXT, 0, X_HEIGHT_MEASUREMENT_TEXT.length(), xHeightBounds);
     double xHeight = xHeightBounds.height() / AMPLIFICATION_FACTOR / dm.density;
     for (int i = 0; i < layout.getLineCount(); i++) {
       Rect bounds = new Rect();
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactAbsoluteSizeSpan.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactAbsoluteSizeSpan.java
index 5d88e99d9e44b8..803f66ccc3eac3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactAbsoluteSizeSpan.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactAbsoluteSizeSpan.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.text.style.AbsoluteSizeSpan;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactBackgroundColorSpan.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactBackgroundColorSpan.java
index 2472443b9363a5..b0cdb1a145d763 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactBackgroundColorSpan.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactBackgroundColorSpan.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.text.style.BackgroundColorSpan;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactBaseTextShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactBaseTextShadowNode.java
index 8ebb19cfb484ed..361426cdd19870 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactBaseTextShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactBaseTextShadowNode.java
@@ -1,8 +1,8 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
@@ -14,7 +14,7 @@
 import android.text.Spannable;
 import android.text.SpannableStringBuilder;
 import android.view.Gravity;
-
+import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.ReadableMap;
@@ -25,21 +25,18 @@
 import com.facebook.react.uimanager.ReactShadowNode;
 import com.facebook.react.uimanager.ViewProps;
 import com.facebook.react.uimanager.annotations.ReactProp;
-import com.facebook.yoga.YogaConstants;
 import com.facebook.yoga.YogaDirection;
 import com.facebook.yoga.YogaUnit;
 import com.facebook.yoga.YogaValue;
-
 import java.util.ArrayList;
 import java.util.HashMap;
 import java.util.List;
 import java.util.Map;
-import javax.annotation.Nullable;
 
 /**
  * {@link ReactShadowNode} abstract class for spannable text nodes.
  *
- * <p>This class handles all text attributes assosiated with {@code <Text>}-ish node. A concrete
+ * <p>This class handles all text attributes associated with {@code <Text>}-ish node. A concrete
  * node can be an anchor {@code <Text>} node, an anchor {@code <TextInput>} node or virtual {@code
  * <Text>} node inside {@code <Text>} or {@code <TextInput>} node. Or even something else.
  *
@@ -112,10 +109,16 @@ private static void buildSpannedFromShadowNode(
       if (child instanceof ReactRawTextShadowNode) {
         sb.append(
             TextTransform.apply(
-                ((ReactRawTextShadowNode) child).getText(),
-                textAttributes.getTextTransform()));
+                ((ReactRawTextShadowNode) child).getText(), textAttributes.getTextTransform()));
       } else if (child instanceof ReactBaseTextShadowNode) {
-        buildSpannedFromShadowNode((ReactBaseTextShadowNode) child, sb, ops, textAttributes, supportsInlineViews, inlineViews, sb.length());
+        buildSpannedFromShadowNode(
+            (ReactBaseTextShadowNode) child,
+            sb,
+            ops,
+            textAttributes,
+            supportsInlineViews,
+            inlineViews,
+            sb.length());
       } else if (child instanceof ReactTextInlineImageShadowNode) {
         // 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.
@@ -131,12 +134,14 @@ private static void buildSpannedFromShadowNode(
         YogaValue heightValue = child.getStyleHeight();
 
         if (widthValue.unit != YogaUnit.POINT || heightValue.unit != YogaUnit.POINT) {
-          throw new IllegalViewOperationException("Views nested within a <Text> must have a width and height");
+          throw new IllegalViewOperationException(
+              "Views nested within a <Text> must have a width and height");
         }
         float width = widthValue.value;
         float height = heightValue.value;
 
-        // We make the inline view take up 1 character in the span and put a corresponding character into
+        // 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);
         ops.add(
@@ -154,7 +159,8 @@ private static void buildSpannedFromShadowNode(
     int end = sb.length();
     if (end >= start) {
       if (textShadowNode.mIsColorSet) {
-        ops.add(new SetSpanOperation(start, end, new ReactForegroundColorSpan(textShadowNode.mColor)));
+        ops.add(
+            new SetSpanOperation(start, end, new ReactForegroundColorSpan(textShadowNode.mColor)));
       }
       if (textShadowNode.mIsBackgroundColorSet) {
         ops.add(
@@ -164,17 +170,18 @@ private static void buildSpannedFromShadowNode(
       if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
         float effectiveLetterSpacing = textAttributes.getEffectiveLetterSpacing();
         if (!Float.isNaN(effectiveLetterSpacing)
-            && (parentTextAttributes == null || parentTextAttributes.getEffectiveLetterSpacing() != effectiveLetterSpacing)) {
-          ops.add(new SetSpanOperation(
-            start,
-            end,
-            new CustomLetterSpacingSpan(effectiveLetterSpacing)));
+            && (parentTextAttributes == null
+                || parentTextAttributes.getEffectiveLetterSpacing() != effectiveLetterSpacing)) {
+          ops.add(
+              new SetSpanOperation(
+                  start, end, new CustomLetterSpacingSpan(effectiveLetterSpacing)));
         }
       }
       int effectiveFontSize = textAttributes.getEffectiveFontSize();
-      if (// `getEffectiveFontSize` always returns a value so don't need to check for anything like
-          // `Float.NaN`.
-          parentTextAttributes == null || parentTextAttributes.getEffectiveFontSize() != effectiveFontSize) {
+      if ( // `getEffectiveFontSize` always returns a value so don't need to check for anything like
+      // `Float.NaN`.
+      parentTextAttributes == null
+          || parentTextAttributes.getEffectiveFontSize() != effectiveFontSize) {
         ops.add(new SetSpanOperation(start, end, new ReactAbsoluteSizeSpan(effectiveFontSize)));
       }
       if (textShadowNode.mFontStyle != UNSET
@@ -196,14 +203,10 @@ private static void buildSpannedFromShadowNode(
       if (textShadowNode.mIsLineThroughTextDecorationSet) {
         ops.add(new SetSpanOperation(start, end, new ReactStrikethroughSpan()));
       }
-      if (
-        (
-          textShadowNode.mTextShadowOffsetDx != 0 ||
-          textShadowNode.mTextShadowOffsetDy != 0 ||
-          textShadowNode.mTextShadowRadius != 0
-        ) &&
-        Color.alpha(textShadowNode.mTextShadowColor) != 0
-      ) {
+      if ((textShadowNode.mTextShadowOffsetDx != 0
+              || textShadowNode.mTextShadowOffsetDy != 0
+              || textShadowNode.mTextShadowRadius != 0)
+          && Color.alpha(textShadowNode.mTextShadowColor) != 0) {
         ops.add(
             new SetSpanOperation(
                 start,
@@ -216,17 +219,16 @@ private static void buildSpannedFromShadowNode(
       }
       float effectiveLineHeight = textAttributes.getEffectiveLineHeight();
       if (!Float.isNaN(effectiveLineHeight)
-          && (parentTextAttributes == null || parentTextAttributes.getEffectiveLineHeight() != effectiveLineHeight)) {
-        ops.add(
-            new SetSpanOperation(
-                start, end, new CustomLineHeightSpan(effectiveLineHeight)));
+          && (parentTextAttributes == null
+              || parentTextAttributes.getEffectiveLineHeight() != effectiveLineHeight)) {
+        ops.add(new SetSpanOperation(start, end, new CustomLineHeightSpan(effectiveLineHeight)));
       }
       ops.add(new SetSpanOperation(start, end, new ReactTagSpan(textShadowNode.getReactTag())));
     }
   }
 
   // `nativeViewHierarchyOptimizer` can be `null` as long as `supportsInlineViews` is `false`.
-  protected static Spannable spannedFromShadowNode(
+  protected Spannable spannedFromShadowNode(
       ReactBaseTextShadowNode textShadowNode,
       String text,
       boolean supportsInlineViews,
@@ -239,10 +241,11 @@ protected static Spannable spannedFromShadowNode(
     // TODO(5837930): Investigate whether it's worth optimizing this part and do it if so
 
     // The {@link SpannableStringBuilder} implementation require setSpan operation to be called
-    // up-to-bottom, otherwise all the spannables that are withing the region for which one may set
+    // 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<Integer, ReactShadowNode>() : null;
 
     if (text != null) {
       // Handle text that is provided via a prop (e.g. the `value` and `defaultValue` props on
@@ -264,7 +267,7 @@ protected static Spannable spannedFromShadowNode(
       if (isInlineImage || op.what instanceof TextInlineViewPlaceholderSpan) {
         int height;
         if (isInlineImage) {
-          height = ((TextInlineImageSpan)op.what).getHeight();
+          height = ((TextInlineImageSpan) op.what).getHeight();
           textShadowNode.mContainsImages = true;
         } else {
           TextInlineViewPlaceholderSpan placeholder = (TextInlineViewPlaceholderSpan) op.what;
@@ -279,7 +282,8 @@ protected static Spannable spannedFromShadowNode(
           childNode.setLayoutParent(textShadowNode);
         }
 
-        if (Float.isNaN(heightOfTallestInlineViewOrImage) || height > heightOfTallestInlineViewOrImage) {
+        if (Float.isNaN(heightOfTallestInlineViewOrImage)
+            || height > heightOfTallestInlineViewOrImage) {
           heightOfTallestInlineViewOrImage = height;
         }
       }
@@ -290,7 +294,8 @@ protected static Spannable spannedFromShadowNode(
       priority++;
     }
 
-    textShadowNode.mTextAttributes.setHeightOfTallestInlineViewOrImage(heightOfTallestInlineViewOrImage);
+    textShadowNode.mTextAttributes.setHeightOfTallestInlineViewOrImage(
+        heightOfTallestInlineViewOrImage);
 
     return sb;
   }
@@ -299,8 +304,8 @@ protected static Spannable spannedFromShadowNode(
    * Return -1 if the input string is not a valid numeric fontWeight (100, 200, ..., 900), otherwise
    * return the weight.
    *
-   * This code is duplicated in ReactTextInputManager
-   * TODO: Factor into a common place they can both use
+   * <p>This code is duplicated in ReactTextInputManager TODO: Factor into a common place they can
+   * both use
    */
   private static int parseNumericFontWeight(String fontWeightString) {
     // This should be much faster than using regex to verify input and Integer.parseInt
@@ -323,8 +328,10 @@ private static int parseNumericFontWeight(String fontWeightString) {
   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 mJustificationMode =
-          (Build.VERSION.SDK_INT < Build.VERSION_CODES.O) ? 0 : Layout.JUSTIFICATION_MODE_NONE;
+      (Build.VERSION.SDK_INT < Build.VERSION_CODES.O) ? 0 : Layout.JUSTIFICATION_MODE_NONE;
   protected TextTransform mTextTransform = TextTransform.UNSET;
 
   protected float mTextShadowOffsetDx = 0;
@@ -337,8 +344,8 @@ private static int parseNumericFontWeight(String fontWeightString) {
   protected boolean mIncludeFontPadding = true;
 
   /**
-   * mFontStyle can be {@link Typeface#NORMAL} or {@link Typeface#ITALIC}.
-   * mFontWeight can be {@link Typeface#NORMAL} or {@link Typeface#BOLD}.
+   * mFontStyle can be {@link Typeface#NORMAL} or {@link Typeface#ITALIC}. mFontWeight can be {@link
+   * Typeface#NORMAL} or {@link Typeface#BOLD}.
    */
   protected int mFontStyle = UNSET;
 
@@ -347,7 +354,10 @@ private static int parseNumericFontWeight(String fontWeightString) {
    * 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
    * nodes. To retain that style, you have to add it to those nodes explicitly.
-   * Example, Android 4.4:
+   *
+   * <p>Example, Android 4.4:
+   *
+   * <pre>
    * <Text style={{fontFamily="serif" fontWeight="bold"}}>Bold Text</Text>
    *   <Text style={{fontFamily="sans-serif"}}>Bold Text</Text>
    *     <Text style={{fontFamily="serif}}>Bold Text</Text>
@@ -359,6 +369,7 @@ private static int parseNumericFontWeight(String fontWeightString) {
    * <Text style={{fontFamily="monospace" fontWeight="bold"}}>Not Bold Text</Text>
    *   <Text style={{fontFamily="sans-serif" fontWeight="bold"}}>Bold Text</Text>
    *     <Text style={{fontFamily="serif}}>Bold Text</Text>
+   * </pre>
    */
   protected @Nullable String mFontFamily = null;
 
@@ -439,7 +450,6 @@ public void setTextAlign(@Nullable String textAlign) {
       } else {
         throw new JSApplicationIllegalArgumentException("Invalid textAlign: " + textAlign);
       }
-
     }
     markUpdated();
   }
@@ -481,9 +491,9 @@ public void setFontFamily(@Nullable String fontFamily) {
   }
 
   /**
-  /* This code is duplicated in ReactTextInputManager
-  /* TODO: Factor into a common place they can both use
-  */
+   * /* This code is duplicated in ReactTextInputManager /* TODO: Factor into a common place they
+   * can both use
+   */
   @ReactProp(name = ViewProps.FONT_WEIGHT)
   public void setFontWeight(@Nullable String fontWeightString) {
     int fontWeightNumeric =
@@ -500,9 +510,9 @@ public void setFontWeight(@Nullable String fontWeightString) {
   }
 
   /**
-  /* This code is duplicated in ReactTextInputManager
-  /* TODO: Factor into a common place they can both use
-  */
+   * /* This code is duplicated in ReactTextInputManager /* TODO: Factor into a common place they
+   * can both use
+   */
   @ReactProp(name = ViewProps.FONT_STYLE)
   public void setFontStyle(@Nullable String fontStyleString) {
     int fontStyle = UNSET;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactFontManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactFontManager.java
index 21d4c175380cd5..a501df8253f63e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactFontManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactFontManager.java
@@ -1,24 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.util.HashMap;
-import java.util.Map;
-
 import android.content.Context;
 import android.content.res.AssetManager;
 import android.graphics.Typeface;
 import android.os.Build;
 import android.util.SparseArray;
-
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
 import androidx.core.content.res.ResourcesCompat;
+import java.util.HashMap;
+import java.util.Map;
 
 /**
  * Class responsible to load and cache Typeface objects. It will first try to load typefaces inside
@@ -30,18 +27,14 @@
  */
 public class ReactFontManager {
 
-  private static final String[] EXTENSIONS = {
-      "",
-      "_bold",
-      "_italic",
-      "_bold_italic"};
+  private static final String[] EXTENSIONS = {"", "_bold", "_italic", "_bold_italic"};
   private static final String[] FILE_EXTENSIONS = {".ttf", ".otf"};
   private static final String FONTS_ASSET_PATH = "fonts/";
 
   private static ReactFontManager sReactFontManagerInstance;
 
-  final private Map<String, FontFamily> mFontCache;
-  final private Map<String, Typeface> mCustomTypefaceCache;
+  private final Map<String, FontFamily> mFontCache;
+  private final Map<String, Typeface> mCustomTypefaceCache;
 
   private ReactFontManager() {
     mFontCache = new HashMap<>();
@@ -56,18 +49,13 @@ public static ReactFontManager getInstance() {
   }
 
   public @Nullable Typeface getTypeface(
-    String fontFamilyName,
-    int style,
-    AssetManager assetManager) {
+      String fontFamilyName, int style, AssetManager assetManager) {
     return getTypeface(fontFamilyName, style, 0, assetManager);
   }
 
   public @Nullable Typeface getTypeface(
-      String fontFamilyName,
-      int style,
-      int weight,
-      AssetManager assetManager) {
-    if(mCustomTypefaceCache.containsKey(fontFamilyName)) {
+      String fontFamilyName, int style, int weight, AssetManager assetManager) {
+    if (mCustomTypefaceCache.containsKey(fontFamilyName)) {
       Typeface typeface = mCustomTypefaceCache.get(fontFamilyName);
       if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P && weight >= 100 && weight <= 1000) {
         return Typeface.create(typeface, weight, (style & Typeface.ITALIC) != 0);
@@ -108,6 +96,7 @@ public void addCustomFont(@NonNull Context context, @NonNull String fontFamily,
 
   /**
    * Add additional font family, or replace the exist one in the font memory cache.
+   *
    * @param style
    * @see {@link Typeface#DEFAULT}
    * @see {@link Typeface#BOLD}
@@ -125,19 +114,17 @@ public void setTypeface(String fontFamilyName, int style, Typeface typeface) {
     }
   }
 
-  private static
-  @Nullable Typeface createTypeface(
-      String fontFamilyName,
-      int style,
-      AssetManager assetManager) {
+  private static @Nullable Typeface createTypeface(
+      String fontFamilyName, int style, AssetManager assetManager) {
     String extension = EXTENSIONS[style];
     for (String fileExtension : FILE_EXTENSIONS) {
-      String fileName = new StringBuilder()
-          .append(FONTS_ASSET_PATH)
-          .append(fontFamilyName)
-          .append(extension)
-          .append(fileExtension)
-          .toString();
+      String fileName =
+          new StringBuilder()
+              .append(FONTS_ASSET_PATH)
+              .append(fontFamilyName)
+              .append(extension)
+              .append(fileExtension)
+              .toString();
       try {
         return Typeface.createFromAsset(assetManager, fileName);
       } catch (RuntimeException e) {
@@ -164,6 +151,5 @@ public Typeface getTypeface(int style) {
     public void setTypeface(int style, Typeface typeface) {
       mTypefaceSparseArray.put(style, typeface);
     }
-
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactForegroundColorSpan.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactForegroundColorSpan.java
index 44383d2f83157e..636734fcc336da 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactForegroundColorSpan.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactForegroundColorSpan.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.text.style.ForegroundColorSpan;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactRawTextManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactRawTextManager.java
index 7a6a6af6d83e31..83b7b6a385466f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactRawTextManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactRawTextManager.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.view.View;
@@ -14,15 +13,13 @@
 import com.facebook.react.uimanager.ViewManager;
 
 /**
- * Manages raw text nodes (aka {@code textContent} in terms of DOM).
- * Since they are used only as a virtual nodes, any type of native view
- * operation will throw an {@link IllegalStateException}.
+ * Manages raw text nodes (aka {@code textContent} in terms of DOM). Since they are used only as a
+ * virtual nodes, any type of native view operation will throw an {@link IllegalStateException}.
  */
 @ReactModule(name = ReactRawTextManager.REACT_CLASS)
 public class ReactRawTextManager extends ViewManager<View, ReactRawTextShadowNode> {
 
-  @VisibleForTesting
-  public static final String REACT_CLASS = "RCTRawText";
+  @VisibleForTesting public static final String REACT_CLASS = "RCTRawText";
 
   @Override
   public String getName() {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactRawTextShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactRawTextShadowNode.java
index aa389fdcf407af..8814d55215a976 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactRawTextShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactRawTextShadowNode.java
@@ -1,16 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 androidx.annotation.Nullable;
 import com.facebook.react.common.annotations.VisibleForTesting;
 import com.facebook.react.uimanager.ReactShadowNode;
 import com.facebook.react.uimanager.ReactShadowNodeImpl;
 import com.facebook.react.uimanager.annotations.ReactProp;
-import javax.annotation.Nullable;
 
 /**
  * {@link ReactShadowNode} class for pure raw text node (aka {@code textContent} in terms of DOM).
@@ -22,7 +22,7 @@ public class ReactRawTextShadowNode extends ReactShadowNodeImpl {
 
   private @Nullable String mText = null;
 
-  public ReactRawTextShadowNode() { }
+  public ReactRawTextShadowNode() {}
 
   @ReactProp(name = PROP_TEXT)
   public void setText(@Nullable String text) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactSpan.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactSpan.java
index dc3787936dba5d..4aa31f17f54d89 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactSpan.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactSpan.java
@@ -1,15 +1,13 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 /*
  * Enables us to distinguish between spans that were added by React Native and spans that were
  * added by something else. All spans that React Native adds should implement this interface.
  */
-public interface ReactSpan {
-}
+public interface ReactSpan {}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactStrikethroughSpan.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactStrikethroughSpan.java
index b881f7d2eb20b4..93767ef66875b2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactStrikethroughSpan.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactStrikethroughSpan.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.text.style.StrikethroughSpan;
@@ -12,5 +11,4 @@
 /*
  * Wraps {@link StrikethroughSpan} as a {@link ReactSpan}.
  */
-public class ReactStrikethroughSpan extends StrikethroughSpan implements ReactSpan {
-}
+public class ReactStrikethroughSpan extends StrikethroughSpan implements ReactSpan {}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTagSpan.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTagSpan.java
index 48b08aa5005959..ce88229aeba995 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTagSpan.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTagSpan.java
@@ -1,15 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 /**
- * Instances of this class are used to place reactTag information of nested text react nodes
- * into spannable text rendered by single {@link TextView}
+ * Instances of this class are used to place reactTag information of nested text react nodes into
+ * spannable text rendered by single {@link TextView}
  */
 public class ReactTagSpan implements ReactSpan {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextAnchorViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextAnchorViewManager.java
index 2cedc5afbe9341..4d80b3edf34a71 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextAnchorViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextAnchorViewManager.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.text.Spannable;
@@ -12,6 +11,7 @@
 import android.text.util.Linkify;
 import android.view.Gravity;
 import android.view.View;
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.uimanager.BaseViewManager;
 import com.facebook.react.uimanager.PixelUtil;
@@ -21,7 +21,6 @@
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.uimanager.annotations.ReactPropGroup;
 import com.facebook.yoga.YogaConstants;
-import javax.annotation.Nullable;
 
 /**
  * Abstract class for anchor {@code <Text>}-ish spannable views, such as {@link TextView} or {@link
@@ -92,15 +91,14 @@ public void setSelectionColor(ReactTextView view, @Nullable Integer color) {
   }
 
   @ReactPropGroup(
-    names = {
-      ViewProps.BORDER_RADIUS,
-      ViewProps.BORDER_TOP_LEFT_RADIUS,
-      ViewProps.BORDER_TOP_RIGHT_RADIUS,
-      ViewProps.BORDER_BOTTOM_RIGHT_RADIUS,
-      ViewProps.BORDER_BOTTOM_LEFT_RADIUS
-    },
-    defaultFloat = YogaConstants.UNDEFINED
-  )
+      names = {
+        ViewProps.BORDER_RADIUS,
+        ViewProps.BORDER_TOP_LEFT_RADIUS,
+        ViewProps.BORDER_TOP_RIGHT_RADIUS,
+        ViewProps.BORDER_BOTTOM_RIGHT_RADIUS,
+        ViewProps.BORDER_BOTTOM_LEFT_RADIUS
+      },
+      defaultFloat = YogaConstants.UNDEFINED)
   public void setBorderRadius(ReactTextView view, int index, float borderRadius) {
     if (!YogaConstants.isUndefined(borderRadius)) {
       borderRadius = PixelUtil.toPixelFromDIP(borderRadius);
@@ -119,15 +117,14 @@ public void setBorderStyle(ReactTextView view, @Nullable String borderStyle) {
   }
 
   @ReactPropGroup(
-    names = {
-      ViewProps.BORDER_WIDTH,
-      ViewProps.BORDER_LEFT_WIDTH,
-      ViewProps.BORDER_RIGHT_WIDTH,
-      ViewProps.BORDER_TOP_WIDTH,
-      ViewProps.BORDER_BOTTOM_WIDTH,
-    },
-    defaultFloat = YogaConstants.UNDEFINED
-  )
+      names = {
+        ViewProps.BORDER_WIDTH,
+        ViewProps.BORDER_LEFT_WIDTH,
+        ViewProps.BORDER_RIGHT_WIDTH,
+        ViewProps.BORDER_TOP_WIDTH,
+        ViewProps.BORDER_BOTTOM_WIDTH,
+      },
+      defaultFloat = YogaConstants.UNDEFINED)
   public void setBorderWidth(ReactTextView view, int index, float width) {
     if (!YogaConstants.isUndefined(width)) {
       width = PixelUtil.toPixelFromDIP(width);
@@ -136,15 +133,14 @@ public void setBorderWidth(ReactTextView view, int index, float width) {
   }
 
   @ReactPropGroup(
-    names = {
-      "borderColor",
-      "borderLeftColor",
-      "borderRightColor",
-      "borderTopColor",
-      "borderBottomColor"
-    },
-    customType = "Color"
-  )
+      names = {
+        "borderColor",
+        "borderLeftColor",
+        "borderRightColor",
+        "borderTopColor",
+        "borderBottomColor"
+      },
+      customType = "Color")
   public void setBorderColor(ReactTextView view, int index, Integer color) {
     float rgbComponent =
         color == null ? YogaConstants.UNDEFINED : (float) ((int) color & 0x00FFFFFF);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextInlineImageShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextInlineImageShadowNode.java
index 83a436c46352e9..f1e984804d8043 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextInlineImageShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextInlineImageShadowNode.java
@@ -1,26 +1,22 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.yoga.YogaNode;
 import com.facebook.react.uimanager.LayoutShadowNode;
+import com.facebook.yoga.YogaNode;
 
-/**
- * Base class for {@link YogaNode}s that represent inline images.
- */
+/** Base class for {@link YogaNode}s that represent inline images. */
 public abstract class ReactTextInlineImageShadowNode extends LayoutShadowNode {
 
   /**
-   * Build a {@link TextInlineImageSpan} from this node. This will be added to the TextView in
-   * place of this node.
+   * Build a {@link TextInlineImageSpan} from this node. This will be added to the TextView in place
+   * of this node.
    */
   public abstract TextInlineImageSpan buildInlineImageSpan();
 
   public ReactTextInlineImageShadowNode() {}
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextShadowNode.java
index fd181c1c96e312..7dd10534978e54 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextShadowNode.java
@@ -16,6 +16,7 @@
 import android.text.TextPaint;
 import android.view.Gravity;
 import android.widget.TextView;
+import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.WritableArray;
@@ -32,11 +33,8 @@
 import com.facebook.yoga.YogaMeasureMode;
 import com.facebook.yoga.YogaMeasureOutput;
 import com.facebook.yoga.YogaNode;
-
 import java.util.ArrayList;
 
-import javax.annotation.Nullable;
-
 /**
  * {@link ReactBaseTextShadowNode} concrete class for anchor {@code Text} node.
  *
@@ -106,17 +104,17 @@ public long measure(
             } 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(Layout.HYPHENATION_FREQUENCY_NORMAL);
+                      .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);
+                builder.setUseLineSpacingFromFallbacks(true);
               }
               layout = builder.build();
             }
@@ -148,10 +146,10 @@ public long measure(
                       .setLineSpacing(0.f, 1.f)
                       .setIncludePad(mIncludeFontPadding)
                       .setBreakStrategy(mTextBreakStrategy)
-                      .setHyphenationFrequency(Layout.HYPHENATION_FREQUENCY_NORMAL);
+                      .setHyphenationFrequency(mHyphenationFrequency);
 
               if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
-                  builder.setUseLineSpacingFromFallbacks(true);
+                builder.setUseLineSpacingFromFallbacks(true);
               }
               layout = builder.build();
             }
@@ -202,11 +200,12 @@ private int getTextAlign() {
 
   @Override
   public void onBeforeLayout(NativeViewHierarchyOptimizer nativeViewHierarchyOptimizer) {
-    mPreparedSpannableText = spannedFromShadowNode(
-        this,
-        /* text (e.g. from `value` prop): */ null,
-        /* supportsInlineViews: */ true,
-        nativeViewHierarchyOptimizer);
+    mPreparedSpannableText =
+        spannedFromShadowNode(
+            this,
+            /* text (e.g. from `value` prop): */ null,
+            /* supportsInlineViews: */ true,
+            nativeViewHierarchyOptimizer);
     markUpdated();
   }
 
@@ -264,10 +263,12 @@ public Iterable<? extends ReactShadowNode> calculateLayoutOnChildren() {
       return null;
     }
 
-    Spanned text = Assertions.assertNotNull(
-        this.mPreparedSpannableText,
-        "Spannable element has not been prepared in onBeforeLayout");
-    TextInlineViewPlaceholderSpan[] placeholders = text.getSpans(0, text.length(), TextInlineViewPlaceholderSpan.class);
+    Spanned text =
+        Assertions.assertNotNull(
+            this.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);
 
     for (TextInlineViewPlaceholderSpan placeholder : placeholders) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextUpdate.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextUpdate.java
index 26957a58f19399..d2ab6d3a4a4931 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextUpdate.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextUpdate.java
@@ -1,18 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.text.Layout;
 import android.text.Spannable;
 
 /**
- * Class that contains the data needed for a text update.
- * Used by both <Text/> and <TextInput/>
+ * Class that contains the data needed for a text update. Used by both <Text/> and <TextInput/>
  * VisibleForTesting from {@link TextInputEventsTestCase}.
  */
 public class ReactTextUpdate {
@@ -32,7 +30,7 @@ public class ReactTextUpdate {
 
   /**
    * @deprecated Use a non-deprecated constructor for ReactTextUpdate instead. This one remains
-   * because it's being used by a unit test that isn't currently open source.
+   *     because it's being used by a unit test that isn't currently open source.
    */
   @Deprecated
   public ReactTextUpdate(
@@ -44,7 +42,8 @@ public ReactTextUpdate(
       float paddingEnd,
       float paddingBottom,
       int textAlign) {
-    this(text,
+    this(
+        text,
         jsEventCounter,
         containsImages,
         paddingStart,
@@ -59,17 +58,18 @@ public ReactTextUpdate(
   }
 
   public ReactTextUpdate(
-    Spannable text,
-    int jsEventCounter,
-    boolean containsImages,
-    float paddingStart,
-    float paddingTop,
-    float paddingEnd,
-    float paddingBottom,
-    int textAlign,
-    int textBreakStrategy,
-    int justificationMode) {
-    this(text,
+      Spannable text,
+      int jsEventCounter,
+      boolean containsImages,
+      float paddingStart,
+      float paddingTop,
+      float paddingEnd,
+      float paddingBottom,
+      int textAlign,
+      int textBreakStrategy,
+      int justificationMode) {
+    this(
+        text,
         jsEventCounter,
         containsImages,
         paddingStart,
@@ -84,18 +84,18 @@ public ReactTextUpdate(
   }
 
   public ReactTextUpdate(
-    Spannable text,
-    int jsEventCounter,
-    boolean containsImages,
-    float paddingStart,
-    float paddingTop,
-    float paddingEnd,
-    float paddingBottom,
-    int textAlign,
-    int textBreakStrategy,
-    int justificationMode,
-    int selectionStart,
-    int selectionEnd) {
+      Spannable text,
+      int jsEventCounter,
+      boolean containsImages,
+      float paddingStart,
+      float paddingTop,
+      float paddingEnd,
+      float paddingBottom,
+      int textAlign,
+      int textBreakStrategy,
+      int justificationMode,
+      int selectionStart,
+      int selectionEnd) {
     mText = text;
     mJsEventCounter = jsEventCounter;
     mContainsImages = containsImages;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextView.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextView.java
index b14e49e8bf9afd..9087ba2bb04727 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextView.java
@@ -1,17 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.drawable.Drawable;
 import android.os.Build;
-import androidx.appcompat.widget.AppCompatTextView;
-import androidx.appcompat.widget.TintContextWrapper;
 import android.text.Layout;
 import android.text.Spannable;
 import android.text.Spanned;
@@ -21,7 +18,9 @@
 import android.view.Gravity;
 import android.view.View;
 import android.view.ViewGroup;
-
+import androidx.annotation.Nullable;
+import androidx.appcompat.widget.AppCompatTextView;
+import androidx.appcompat.widget.TintContextWrapper;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.ReactContext;
@@ -34,8 +33,6 @@
 import com.facebook.react.uimanager.ViewDefaults;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
 import com.facebook.react.views.view.ReactViewBackgroundManager;
-import javax.annotation.Nullable;
-
 import java.util.ArrayList;
 import java.util.Collections;
 import java.util.Comparator;
@@ -43,7 +40,7 @@
 public class ReactTextView extends AppCompatTextView implements ReactCompoundView {
 
   private static final ViewGroup.LayoutParams EMPTY_LAYOUT_PARAMS =
-    new ViewGroup.LayoutParams(0, 0);
+      new ViewGroup.LayoutParams(0, 0);
 
   private boolean mContainsImages;
   private int mDefaultGravityHorizontal;
@@ -61,11 +58,12 @@ public ReactTextView(Context context) {
     super(context);
     mReactBackgroundManager = new ReactViewBackgroundManager(this);
     mDefaultGravityHorizontal =
-      getGravity() & (Gravity.HORIZONTAL_GRAVITY_MASK | Gravity.RELATIVE_HORIZONTAL_GRAVITY_MASK);
+        getGravity() & (Gravity.HORIZONTAL_GRAVITY_MASK | Gravity.RELATIVE_HORIZONTAL_GRAVITY_MASK);
     mDefaultGravityVertical = getGravity() & Gravity.VERTICAL_GRAVITY_MASK;
   }
 
-  private WritableMap inlineViewJson(int visibility, int index, int left, int top, int right, int bottom) {
+  private WritableMap inlineViewJson(
+      int visibility, int index, int left, int top, int right, int bottom) {
     WritableMap json = Arguments.createMap();
     if (visibility == View.GONE) {
       json.putString("visibility", "gone");
@@ -87,39 +85,44 @@ private WritableMap inlineViewJson(int visibility, int index, int left, int top,
   private ReactContext getReactContext() {
     Context context = getContext();
     return (context instanceof TintContextWrapper)
-        ? (ReactContext)((TintContextWrapper)context).getBaseContext()
-        : (ReactContext)context;
+        ? (ReactContext) ((TintContextWrapper) context).getBaseContext()
+        : (ReactContext) context;
   }
 
   @Override
-  protected void onLayout(boolean changed,
-                          int textViewLeft,
-                          int textViewTop,
-                          int textViewRight,
-                          int textViewBottom) {
+  protected void onLayout(
+      boolean changed, int textViewLeft, int textViewTop, int textViewRight, int textViewBottom) {
     if (!(getText() instanceof Spanned)) {
       /**
        * In general, {@link #setText} is called via {@link ReactTextViewManager#updateExtraData}
        * before we are laid out. This ordering is a requirement because we utilize the data from
        * setText in onLayout.
        *
-       * However, it's possible for us to get an extra layout before we've received our setText
+       * <p>However, it's possible for us to get an extra layout before we've received our setText
        * call. If this happens before the initial setText call, then getText() will have its default
        * value which isn't a Spanned and we need to bail out. That's fine because we'll get a
        * setText followed by a layout later.
        *
-       * The cause for the extra early layout is that an ancestor gets transitioned from a
+       * <p>The cause for the extra early layout is that an ancestor gets transitioned from a
        * layout-only node to a non layout-only node.
        */
       return;
     }
 
+    if (!getReactContext().hasCatalystInstance()) {
+      // In bridgeless mode there's no Catalyst instance; in that case, bail.
+      // TODO (T45503888): Figure out how to support nested views from JS or cpp.
+      return;
+    }
+
     UIManagerModule uiManager = getReactContext().getNativeModule(UIManagerModule.class);
 
     Spanned text = (Spanned) getText();
     Layout layout = getLayout();
-    TextInlineViewPlaceholderSpan[] placeholders = text.getSpans(0, text.length(), TextInlineViewPlaceholderSpan.class);
-    ArrayList inlineViewInfoArray = mNotifyOnInlineViewLayout ? new ArrayList(placeholders.length) : null;
+    TextInlineViewPlaceholderSpan[] placeholders =
+        text.getSpans(0, text.length(), TextInlineViewPlaceholderSpan.class);
+    ArrayList inlineViewInfoArray =
+        mNotifyOnInlineViewLayout ? new ArrayList(placeholders.length) : null;
     int textViewWidth = textViewRight - textViewLeft;
     int textViewHeight = textViewBottom - textViewTop;
 
@@ -130,17 +133,19 @@ protected void onLayout(boolean changed,
       int line = layout.getLineForOffset(start);
       boolean isLineTruncated = layout.getEllipsisCount(line) > 0;
 
-      if (// This truncation check works well on recent versions of Android (tested on 5.1.1 and
-          // 6.0.1) but not on Android 4.4.4. The reason is that getEllipsisCount is buggy on
-          // Android 4.4.4. Specifically, it incorrectly returns 0 if an inline view is the first
-          // thing to be truncated.
-          (isLineTruncated && start >= layout.getLineStart(line) + layout.getEllipsisStart(line)) ||
+      if ( // This truncation check works well on recent versions of Android (tested on 5.1.1 and
+      // 6.0.1) but not on Android 4.4.4. The reason is that getEllipsisCount is buggy on
+      // Android 4.4.4. Specifically, it incorrectly returns 0 if an inline view is the first
+      // thing to be truncated.
+      (isLineTruncated && start >= layout.getLineStart(line) + layout.getEllipsisStart(line))
+          ||
 
           // This truncation check works well on Android 4.4.4 but not on others (e.g. 6.0.1).
           // On Android 4.4.4, getLineEnd returns the first truncated character whereas on 6.0.1,
           // it appears to return the position after the last character on the line even if that
           // character is truncated.
-          line >= mNumberOfLines || start >= layout.getLineEnd(line)) {
+          line >= mNumberOfLines
+          || start >= layout.getLineEnd(line)) {
         // On some versions of Android (e.g. 4.4.4, 5.1.1), getPrimaryHorizontal can infinite
         // loop when called on a character that appears after the ellipsis. Avoid this bug by
         // special casing the character truncation case.
@@ -162,21 +167,25 @@ protected void onLayout(boolean changed,
         // the last offset in the layout will result in an endless loop. Work around
         // this bug by avoiding getPrimaryHorizontal in that case.
         if (start == text.length() - 1) {
-          placeholderHorizontalPosition = isRtlParagraph
-              // Equivalent to `layout.getLineLeft(line)` but `getLineLeft` returns incorrect
-              // values when the paragraph is RTL and `setSingleLine(true)`.
-            ? textViewWidth - (int)layout.getLineWidth(line)
-            : (int) layout.getLineRight(line) - width;
+          placeholderHorizontalPosition =
+              isRtlParagraph
+                  // Equivalent to `layout.getLineLeft(line)` but `getLineLeft` returns incorrect
+                  // values when the paragraph is RTL and `setSingleLine(true)`.
+                  ? textViewWidth - (int) layout.getLineWidth(line)
+                  : (int) layout.getLineRight(line) - width;
         } else {
-          // The direction of the paragraph may not be exactly the direction the string is heading in at the
-          // position of the placeholder. So, if the direction of the character is the same as the paragraph
+          // The direction of the paragraph may not be exactly the direction the string is heading
+          // in at the
+          // position of the placeholder. So, if the direction of the character is the same as the
+          // paragraph
           // use primary, secondary otherwise.
           boolean characterAndParagraphDirectionMatch = isRtlParagraph == isRtlChar;
 
-          placeholderHorizontalPosition = characterAndParagraphDirectionMatch
-            ? (int) layout.getPrimaryHorizontal(start)
-            : (int) layout.getSecondaryHorizontal(start);
-          
+          placeholderHorizontalPosition =
+              characterAndParagraphDirectionMatch
+                  ? (int) layout.getPrimaryHorizontal(start)
+                  : (int) layout.getSecondaryHorizontal(start);
+
           if (isRtlParagraph) {
             // Adjust `placeholderHorizontalPosition` to work around an Android bug.
             // The bug is when the paragraph is RTL and `setSingleLine(true)`, some layout
@@ -184,8 +193,10 @@ protected void onLayout(boolean changed,
             // `getLineRight` return incorrect values. Their return values seem to be off
             // by the same number of pixels so subtracting these values cancels out the error.
             //
-            // The result is equivalent to bugless versions of `getPrimaryHorizontal`/`getSecondaryHorizontal`.
-            placeholderHorizontalPosition = textViewWidth - ((int)layout.getLineRight(line) - placeholderHorizontalPosition);
+            // The result is equivalent to bugless versions of
+            // `getPrimaryHorizontal`/`getSecondaryHorizontal`.
+            placeholderHorizontalPosition =
+                textViewWidth - ((int) layout.getLineRight(line) - placeholderHorizontalPosition);
           }
 
           if (isRtlChar) {
@@ -193,9 +204,10 @@ protected void onLayout(boolean changed,
           }
         }
 
-        int leftRelativeToTextView = isRtlChar
-          ? placeholderHorizontalPosition + getTotalPaddingRight()
-          : placeholderHorizontalPosition + getTotalPaddingLeft();
+        int leftRelativeToTextView =
+            isRtlChar
+                ? placeholderHorizontalPosition + getTotalPaddingRight()
+                : placeholderHorizontalPosition + getTotalPaddingLeft();
 
         int left = textViewLeft + leftRelativeToTextView;
 
@@ -203,7 +215,8 @@ protected void onLayout(boolean changed,
         int topRelativeToTextView = getTotalPaddingTop() + layout.getLineBaseline(line) - height;
         int top = textViewTop + topRelativeToTextView;
 
-        boolean isFullyClipped = textViewWidth <= leftRelativeToTextView || textViewHeight <= topRelativeToTextView;
+        boolean isFullyClipped =
+            textViewWidth <= leftRelativeToTextView || textViewHeight <= topRelativeToTextView;
         int layoutVisibility = isFullyClipped ? View.GONE : View.VISIBLE;
         int layoutLeft = left;
         int layoutTop = top;
@@ -215,32 +228,33 @@ protected void onLayout(boolean changed,
         child.layout(layoutLeft, layoutTop, layoutRight, layoutBottom);
         if (mNotifyOnInlineViewLayout) {
           inlineViewInfoArray.add(
-              inlineViewJson(layoutVisibility, start, layoutLeft, layoutTop, layoutRight, layoutBottom));
+              inlineViewJson(
+                  layoutVisibility, start, layoutLeft, layoutTop, layoutRight, layoutBottom));
         }
       }
     }
 
     if (mNotifyOnInlineViewLayout) {
-      Collections.sort(inlineViewInfoArray, new Comparator() {
-        @Override
-        public int compare(Object o1, Object o2) {
-          WritableMap m1 = (WritableMap)o1;
-          WritableMap m2 = (WritableMap)o2;
-          return m1.getInt("index") - m2.getInt("index");
-        }
-      });
+      Collections.sort(
+          inlineViewInfoArray,
+          new Comparator() {
+            @Override
+            public int compare(Object o1, Object o2) {
+              WritableMap m1 = (WritableMap) o1;
+              WritableMap m2 = (WritableMap) o2;
+              return m1.getInt("index") - m2.getInt("index");
+            }
+          });
       WritableArray inlineViewInfoArray2 = Arguments.createArray();
       for (Object item : inlineViewInfoArray) {
-        inlineViewInfoArray2.pushMap((WritableMap)item);
+        inlineViewInfoArray2.pushMap((WritableMap) item);
       }
 
       WritableMap event = Arguments.createMap();
       event.putArray("inlineViews", inlineViewInfoArray2);
-      getReactContext().getJSModule(RCTEventEmitter.class).receiveEvent(
-          getId(),
-          "topInlineViewLayout",
-          event
-      );
+      getReactContext()
+          .getJSModule(RCTEventEmitter.class)
+          .receiveEvent(getId(), "topInlineViewLayout", event);
     }
   }
 
@@ -259,10 +273,10 @@ public void setText(ReactTextUpdate update) {
     }
     setText(spannable);
     setPadding(
-      (int) Math.floor(update.getPaddingLeft()),
-      (int) Math.floor(update.getPaddingTop()),
-      (int) Math.floor(update.getPaddingRight()),
-      (int) Math.floor(update.getPaddingBottom()));
+        (int) Math.floor(update.getPaddingLeft()),
+        (int) Math.floor(update.getPaddingTop()),
+        (int) Math.floor(update.getPaddingRight()),
+        (int) Math.floor(update.getPaddingBottom()));
 
     int nextTextAlign = update.getTextAlign();
     if (mTextAlign != nextTextAlign) {
@@ -423,8 +437,10 @@ public boolean hasOverlappingRendering() {
       gravityHorizontal = mDefaultGravityHorizontal;
     }
     setGravity(
-      (getGravity() & ~Gravity.HORIZONTAL_GRAVITY_MASK &
-        ~Gravity.RELATIVE_HORIZONTAL_GRAVITY_MASK) | gravityHorizontal);
+        (getGravity()
+                & ~Gravity.HORIZONTAL_GRAVITY_MASK
+                & ~Gravity.RELATIVE_HORIZONTAL_GRAVITY_MASK)
+            | gravityHorizontal);
   }
 
   /* package */ void setGravityVertical(int gravityVertical) {
@@ -449,7 +465,9 @@ public void setNotifyOnInlineViewLayout(boolean notifyOnInlineViewLayout) {
   }
 
   public void updateView() {
-    @Nullable TextUtils.TruncateAt ellipsizeLocation = mNumberOfLines == ViewDefaults.NUMBER_OF_LINES ? null : mEllipsizeLocation;
+    @Nullable
+    TextUtils.TruncateAt ellipsizeLocation =
+        mNumberOfLines == ViewDefaults.NUMBER_OF_LINES ? null : mEllipsizeLocation;
     setEllipsize(ellipsizeLocation);
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextViewManager.java
index f744c392a834dd..7bd93bf1a5aec4 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextViewManager.java
@@ -9,19 +9,18 @@
 import android.content.Context;
 import android.text.Layout;
 import android.text.Spannable;
-import com.facebook.react.bridge.ReactContext;
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.common.annotations.VisibleForTesting;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.uimanager.IViewManagerWithChildren;
 import com.facebook.react.uimanager.ReactStylesDiffMap;
+import com.facebook.react.uimanager.StateWrapper;
 import com.facebook.react.uimanager.ThemedReactContext;
 import com.facebook.yoga.YogaMeasureMode;
 import java.util.Map;
 
-import javax.annotation.Nullable;
-
 /**
  * Concrete class for {@link ReactTextAnchorViewManager} which represents view managers of anchor
  * {@code <Text>} nodes.
@@ -74,9 +73,9 @@ public boolean needsCustomLayoutForChildren() {
   }
 
   @Override
-  public Object updateLocalData(
-      ReactTextView view, ReactStylesDiffMap props, ReactStylesDiffMap localData) {
-    ReadableMap attributedString = localData.getMap("attributedString");
+  public Object updateState(
+      ReactTextView view, ReactStylesDiffMap props, StateWrapper stateWrapper) {
+    ReadableMap attributedString = stateWrapper.getState().getMap("attributedString");
 
     Spannable spanned =
         TextLayoutManager.getOrCreateSpannableForText(view.getContext(), attributedString);
@@ -98,10 +97,9 @@ public Object updateLocalData(
         textViewProps.getTopPadding(),
         textViewProps.getEndPadding(),
         textViewProps.getBottomPadding(),
-        textViewProps.getTextAlign(),
+        0,
         textBreakStrategy,
-        justificationMode
-      );
+        justificationMode);
   }
 
   @Override
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactUnderlineSpan.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactUnderlineSpan.java
index 375f7dfcad166b..29360376048b11 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactUnderlineSpan.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactUnderlineSpan.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.text.style.UnderlineSpan;
@@ -12,5 +11,4 @@
 /*
  * Wraps {@link UnderlineSpan} as a {@link ReactSpan}.
  */
-public class ReactUnderlineSpan extends UnderlineSpan implements ReactSpan {
-}
+public class ReactUnderlineSpan extends UnderlineSpan implements ReactSpan {}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactVirtualTextShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactVirtualTextShadowNode.java
index 094db58bb44477..58fd4dc7e77f97 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactVirtualTextShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactVirtualTextShadowNode.java
@@ -5,9 +5,7 @@
 
 package com.facebook.react.views.text;
 
-/**
- * A virtual text node.
- */
+/** A virtual text node. */
 public class ReactVirtualTextShadowNode extends ReactBaseTextShadowNode {
 
   @Override
@@ -15,6 +13,5 @@ public boolean isVirtual() {
     return true;
   }
 
-  public ReactVirtualTextShadowNode() { }
-
+  public ReactVirtualTextShadowNode() {}
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactVirtualTextViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactVirtualTextViewManager.java
index 5fdee39cf4d488..3f5784fa3543aa 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactVirtualTextViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactVirtualTextViewManager.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.view.View;
@@ -20,8 +19,7 @@
 @ReactModule(name = ReactVirtualTextViewManager.REACT_CLASS)
 public class ReactVirtualTextViewManager extends BaseViewManager<View, ReactVirtualTextShadowNode> {
 
-  @VisibleForTesting
-  public static final String REACT_CLASS = "RCTVirtualText";
+  @VisibleForTesting public static final String REACT_CLASS = "RCTVirtualText";
 
   @Override
   public String getName() {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ShadowStyleSpan.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ShadowStyleSpan.java
index 18c8be6ff4d51f..631cf13957e35b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ShadowStyleSpan.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ShadowStyleSpan.java
@@ -1,13 +1,11 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.text.TextPaint;
 import android.text.style.CharacterStyle;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/TextAttributeProps.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/TextAttributeProps.java
index e23961d75d8b44..be5b74ff95ebf6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/TextAttributeProps.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/TextAttributeProps.java
@@ -1,23 +1,22 @@
 /**
  * Copyright (c) 2014-present, Facebook, Inc.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.graphics.Typeface;
 import android.os.Build;
 import android.text.Layout;
 import android.view.Gravity;
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.react.uimanager.ReactStylesDiffMap;
 import com.facebook.react.uimanager.ViewProps;
 import com.facebook.yoga.YogaDirection;
-import javax.annotation.Nullable;
 
 public class TextAttributeProps {
 
@@ -49,9 +48,9 @@ public class TextAttributeProps {
   protected float mLetterSpacingInput = Float.NaN;
   protected int mTextAlign = Gravity.NO_GRAVITY;
   protected int mTextBreakStrategy =
-    (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) ? 0 : Layout.BREAK_STRATEGY_HIGH_QUALITY;
+      (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) ? 0 : Layout.BREAK_STRATEGY_HIGH_QUALITY;
   protected int mJustificationMode =
-          (Build.VERSION.SDK_INT < Build.VERSION_CODES.O) ? 0 : Layout.JUSTIFICATION_MODE_NONE;
+      (Build.VERSION.SDK_INT < Build.VERSION_CODES.O) ? 0 : Layout.JUSTIFICATION_MODE_NONE;
   protected TextTransform mTextTransform = TextTransform.UNSET;
 
   protected float mTextShadowOffsetDx = 0;
@@ -64,8 +63,8 @@ public class TextAttributeProps {
   protected boolean mIncludeFontPadding = true;
 
   /**
-   * mFontStyle can be {@link Typeface#NORMAL} or {@link Typeface#ITALIC}.
-   * mFontWeight can be {@link Typeface#NORMAL} or {@link Typeface#BOLD}.
+   * mFontStyle can be {@link Typeface#NORMAL} or {@link Typeface#ITALIC}. mFontWeight can be {@link
+   * Typeface#NORMAL} or {@link Typeface#BOLD}.
    */
   protected int mFontStyle = UNSET;
 
@@ -74,7 +73,10 @@ public class TextAttributeProps {
    * 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
    * nodes. To retain that style, you have to add it to those nodes explicitly.
-   * Example, Android 4.4:
+   *
+   * <p>Example, Android 4.4:
+   *
+   * <pre>
    * <Text style={{fontFamily="serif" fontWeight="bold"}}>Bold Text</Text>
    *   <Text style={{fontFamily="sans-serif"}}>Bold Text</Text>
    *     <Text style={{fontFamily="serif}}>Bold Text</Text>
@@ -86,6 +88,7 @@ public class TextAttributeProps {
    * <Text style={{fontFamily="monospace" fontWeight="bold"}}>Not Bold Text</Text>
    *   <Text style={{fontFamily="sans-serif" fontWeight="bold"}}>Bold Text</Text>
    *     <Text style={{fontFamily="serif}}>Bold Text</Text>
+   * </pre>
    */
   protected @Nullable String mFontFamily = null;
 
@@ -94,7 +97,6 @@ public class TextAttributeProps {
 
   private final ReactStylesDiffMap mProps;
 
-
   public TextAttributeProps(ReactStylesDiffMap props) {
     mProps = props;
     setNumberOfLines(getIntProp(ViewProps.NUMBER_OF_LINES, UNSET));
@@ -105,7 +107,10 @@ public TextAttributeProps(ReactStylesDiffMap props) {
     setFontSize(getFloatProp(ViewProps.FONT_SIZE, UNSET));
     setColor(props.hasKey(ViewProps.COLOR) ? props.getInt(ViewProps.COLOR, 0) : null);
     setColor(props.hasKey("foregroundColor") ? props.getInt("foregroundColor", 0) : null);
-    setBackgroundColor(props.hasKey(ViewProps.BACKGROUND_COLOR) ? props.getInt(ViewProps.BACKGROUND_COLOR, 0) : null);
+    setBackgroundColor(
+        props.hasKey(ViewProps.BACKGROUND_COLOR)
+            ? props.getInt(ViewProps.BACKGROUND_COLOR, 0)
+            : null);
     setFontFamily(getStringProp(ViewProps.FONT_FAMILY));
     setFontWeight(getStringProp(ViewProps.FONT_WEIGHT));
     setFontStyle(getStringProp(ViewProps.FONT_STYLE));
@@ -154,9 +159,9 @@ private float getFloatProp(String name, float defaultvalue) {
   // and the height of the inline images.
   public float getEffectiveLineHeight() {
     boolean useInlineViewHeight =
-      !Float.isNaN(mLineHeight)
-        && !Float.isNaN(mHeightOfTallestInlineImage)
-        && mHeightOfTallestInlineImage > mLineHeight;
+        !Float.isNaN(mLineHeight)
+            && !Float.isNaN(mHeightOfTallestInlineImage)
+            && mHeightOfTallestInlineImage > mLineHeight;
     return useInlineViewHeight ? mHeightOfTallestInlineImage : mLineHeight;
   }
 
@@ -183,17 +188,18 @@ public void setLineHeight(float lineHeight) {
       mLineHeight = Float.NaN;
     } else {
       mLineHeight =
-        mAllowFontScaling
-          ? PixelUtil.toPixelFromSP(lineHeight)
-          : PixelUtil.toPixelFromDIP(lineHeight);
+          mAllowFontScaling
+              ? PixelUtil.toPixelFromSP(lineHeight)
+              : PixelUtil.toPixelFromDIP(lineHeight);
     }
   }
 
   public void setLetterSpacing(float letterSpacing) {
     mLetterSpacingInput = letterSpacing;
-    mLetterSpacing = mAllowFontScaling
-      ? PixelUtil.toPixelFromSP(mLetterSpacingInput)
-      : PixelUtil.toPixelFromDIP(mLetterSpacingInput);
+    mLetterSpacing =
+        mAllowFontScaling
+            ? PixelUtil.toPixelFromSP(mLetterSpacingInput)
+            : PixelUtil.toPixelFromDIP(mLetterSpacingInput);
   }
 
   public void setAllowFontScaling(boolean allowFontScaling) {
@@ -227,7 +233,6 @@ public void setTextAlign(@Nullable String textAlign) {
       } else {
         throw new JSApplicationIllegalArgumentException("Invalid textAlign: " + textAlign);
       }
-
     }
   }
 
@@ -235,9 +240,9 @@ public void setFontSize(float fontSize) {
     mFontSizeInput = fontSize;
     if (fontSize != UNSET) {
       fontSize =
-        mAllowFontScaling
-          ? (float) Math.ceil(PixelUtil.toPixelFromSP(fontSize))
-          : (float) Math.ceil(PixelUtil.toPixelFromDIP(fontSize));
+          mAllowFontScaling
+              ? (float) Math.ceil(PixelUtil.toPixelFromSP(fontSize))
+              : (float) Math.ceil(PixelUtil.toPixelFromDIP(fontSize));
     }
     mFontSize = (int) fontSize;
   }
@@ -250,13 +255,14 @@ public void setColor(@Nullable Integer color) {
   }
 
   public void setBackgroundColor(Integer color) {
-    //TODO: Don't apply background color to anchor TextView since it will be applied on the View directly
-    //if (!isVirtualAnchor()) {
-      mIsBackgroundColorSet = (color != null);
-      if (mIsBackgroundColorSet) {
-        mBackgroundColor = color;
-      }
-    //}
+    // TODO: Don't apply background color to anchor TextView since it will be applied on the View
+    // directly
+    // if (!isVirtualAnchor()) {
+    mIsBackgroundColorSet = (color != null);
+    if (mIsBackgroundColorSet) {
+      mBackgroundColor = color;
+    }
+    // }
   }
 
   public void setFontFamily(@Nullable String fontFamily) {
@@ -264,17 +270,17 @@ public void setFontFamily(@Nullable String fontFamily) {
   }
 
   /**
-   /* This code is duplicated in ReactTextInputManager
-   /* TODO: Factor into a common place they can both use
+   * /* This code is duplicated in ReactTextInputManager /* TODO: Factor into a common place they
+   * can both use
    */
   public void setFontWeight(@Nullable String fontWeightString) {
     int fontWeightNumeric =
-      fontWeightString != null ? parseNumericFontWeight(fontWeightString) : -1;
+        fontWeightString != null ? parseNumericFontWeight(fontWeightString) : -1;
     int fontWeight = UNSET;
     if (fontWeightNumeric >= 500 || "bold".equals(fontWeightString)) {
       fontWeight = Typeface.BOLD;
     } else if ("normal".equals(fontWeightString)
-      || (fontWeightNumeric != -1 && fontWeightNumeric < 500)) {
+        || (fontWeightNumeric != -1 && fontWeightNumeric < 500)) {
       fontWeight = Typeface.NORMAL;
     }
     if (fontWeight != mFontWeight) {
@@ -283,8 +289,8 @@ public void setFontWeight(@Nullable String fontWeightString) {
   }
 
   /**
-   /* This code is duplicated in ReactTextInputManager
-   /* TODO: Factor into a common place they can both use
+   * /* This code is duplicated in ReactTextInputManager /* TODO: Factor into a common place they
+   * can both use
    */
   public void setFontStyle(@Nullable String fontStyleString) {
     int fontStyle = UNSET;
@@ -306,10 +312,10 @@ public void setTextDecorationLine(@Nullable String textDecorationLineString) {
     mIsUnderlineTextDecorationSet = false;
     mIsLineThroughTextDecorationSet = false;
     if (textDecorationLineString != null) {
-      for (String textDecorationLineSubString : textDecorationLineString.split(" ")) {
+      for (String textDecorationLineSubString : textDecorationLineString.split("-")) {
         if ("underline".equals(textDecorationLineSubString)) {
           mIsUnderlineTextDecorationSet = true;
-        } else if ("line-through".equals(textDecorationLineSubString)) {
+        } else if ("strikethrough".equals(textDecorationLineSubString)) {
           mIsLineThroughTextDecorationSet = true;
         }
       }
@@ -329,7 +335,7 @@ public void setTextBreakStrategy(@Nullable String textBreakStrategy) {
       mTextBreakStrategy = Layout.BREAK_STRATEGY_BALANCED;
     } else {
       throw new JSApplicationIllegalArgumentException(
-        "Invalid textBreakStrategy: " + textBreakStrategy);
+          "Invalid textBreakStrategy: " + textBreakStrategy);
     }
   }
 
@@ -339,14 +345,14 @@ public void setTextShadowOffset(ReadableMap offsetMap) {
 
     if (offsetMap != null) {
       if (offsetMap.hasKey(PROP_SHADOW_OFFSET_WIDTH)
-        && !offsetMap.isNull(PROP_SHADOW_OFFSET_WIDTH)) {
+          && !offsetMap.isNull(PROP_SHADOW_OFFSET_WIDTH)) {
         mTextShadowOffsetDx =
-          PixelUtil.toPixelFromDIP(offsetMap.getDouble(PROP_SHADOW_OFFSET_WIDTH));
+            PixelUtil.toPixelFromDIP(offsetMap.getDouble(PROP_SHADOW_OFFSET_WIDTH));
       }
       if (offsetMap.hasKey(PROP_SHADOW_OFFSET_HEIGHT)
-        && !offsetMap.isNull(PROP_SHADOW_OFFSET_HEIGHT)) {
+          && !offsetMap.isNull(PROP_SHADOW_OFFSET_HEIGHT)) {
         mTextShadowOffsetDy =
-          PixelUtil.toPixelFromDIP(offsetMap.getDouble(PROP_SHADOW_OFFSET_HEIGHT));
+            PixelUtil.toPixelFromDIP(offsetMap.getDouble(PROP_SHADOW_OFFSET_HEIGHT));
       }
     }
   }
@@ -360,7 +366,6 @@ public void setTextShadowRadius(float textShadowRadius) {
   public void setTextShadowColor(int textShadowColor) {
     if (textShadowColor != mTextShadowColor) {
       mTextShadowColor = textShadowColor;
-
     }
   }
 
@@ -382,20 +387,20 @@ public void setTextTransform(@Nullable String textTransform) {
    * Return -1 if the input string is not a valid numeric fontWeight (100, 200, ..., 900), otherwise
    * return the weight.
    *
-   * This code is duplicated in ReactTextInputManager
-   * TODO: Factor into a common place they can both use
+   * <p>This code is duplicated in ReactTextInputManager TODO: Factor into a common place they can
+   * both use
    */
   private static int parseNumericFontWeight(String fontWeightString) {
     // This should be much faster than using regex to verify input and Integer.parseInt
     return fontWeightString.length() == 3
-      && fontWeightString.endsWith("00")
-      && fontWeightString.charAt(0) <= '9'
-      && fontWeightString.charAt(0) >= '1'
-      ? 100 * (fontWeightString.charAt(0) - '0')
-      : -1;
+            && fontWeightString.endsWith("00")
+            && fontWeightString.charAt(0) <= '9'
+            && fontWeightString.charAt(0) >= '1'
+        ? 100 * (fontWeightString.charAt(0) - '0')
+        : -1;
   }
 
-  //TODO T31905686 remove this from here and add support to RTL
+  // TODO T31905686 remove this from here and add support to RTL
   private YogaDirection getLayoutDirection() {
     return YogaDirection.LTR;
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/TextAttributes.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/TextAttributes.java
index 9ebf1d83d1e56f..d1c33b39b7267c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/TextAttributes.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/TextAttributes.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.bridge.JSApplicationIllegalArgumentException;
@@ -30,8 +29,7 @@ public class TextAttributes {
   private float mHeightOfTallestInlineViewOrImage = Float.NaN;
   private TextTransform mTextTransform = TextTransform.UNSET;
 
-  public TextAttributes() {
-  }
+  public TextAttributes() {}
 
   public TextAttributes applyChild(TextAttributes child) {
     TextAttributes result = new TextAttributes();
@@ -42,10 +40,18 @@ public TextAttributes applyChild(TextAttributes child) {
 
     result.mFontSize = !Float.isNaN(child.mFontSize) ? child.mFontSize : mFontSize;
     result.mLineHeight = !Float.isNaN(child.mLineHeight) ? child.mLineHeight : mLineHeight;
-    result.mLetterSpacing = !Float.isNaN(child.mLetterSpacing) ? child.mLetterSpacing : mLetterSpacing;
-    result.mMaxFontSizeMultiplier = !Float.isNaN(child.mMaxFontSizeMultiplier) ? child.mMaxFontSizeMultiplier : mMaxFontSizeMultiplier;
-    result.mHeightOfTallestInlineViewOrImage = !Float.isNaN(child.mHeightOfTallestInlineViewOrImage) ? child.mHeightOfTallestInlineViewOrImage : mHeightOfTallestInlineViewOrImage;
-    result.mTextTransform = child.mTextTransform != TextTransform.UNSET ? child.mTextTransform : mTextTransform;
+    result.mLetterSpacing =
+        !Float.isNaN(child.mLetterSpacing) ? child.mLetterSpacing : mLetterSpacing;
+    result.mMaxFontSizeMultiplier =
+        !Float.isNaN(child.mMaxFontSizeMultiplier)
+            ? child.mMaxFontSizeMultiplier
+            : mMaxFontSizeMultiplier;
+    result.mHeightOfTallestInlineViewOrImage =
+        !Float.isNaN(child.mHeightOfTallestInlineViewOrImage)
+            ? child.mHeightOfTallestInlineViewOrImage
+            : mHeightOfTallestInlineViewOrImage;
+    result.mTextTransform =
+        child.mTextTransform != TextTransform.UNSET ? child.mTextTransform : mTextTransform;
 
     return result;
   }
@@ -91,7 +97,8 @@ public float getMaxFontSizeMultiplier() {
 
   public void setMaxFontSizeMultiplier(float maxFontSizeMultiplier) {
     if (maxFontSizeMultiplier != 0 && maxFontSizeMultiplier < 1) {
-      throw new JSApplicationIllegalArgumentException("maxFontSizeMultiplier must be NaN, 0, or >= 1");
+      throw new JSApplicationIllegalArgumentException(
+          "maxFontSizeMultiplier must be NaN, 0, or >= 1");
     }
     mMaxFontSizeMultiplier = maxFontSizeMultiplier;
   }
@@ -121,8 +128,8 @@ public void setTextTransform(TextTransform textTransform) {
   public int getEffectiveFontSize() {
     float fontSize = !Float.isNaN(mFontSize) ? mFontSize : ViewDefaults.FONT_SIZE_SP;
     return mAllowFontScaling
-      ? (int) Math.ceil(PixelUtil.toPixelFromSP(fontSize, getEffectiveMaxFontSizeMultiplier()))
-      : (int) Math.ceil(PixelUtil.toPixelFromDIP(fontSize));
+        ? (int) Math.ceil(PixelUtil.toPixelFromSP(fontSize, getEffectiveMaxFontSizeMultiplier()))
+        : (int) Math.ceil(PixelUtil.toPixelFromDIP(fontSize));
   }
 
   public float getEffectiveLineHeight() {
@@ -130,15 +137,16 @@ public float getEffectiveLineHeight() {
       return Float.NaN;
     }
 
-    float lineHeight = mAllowFontScaling
-      ? PixelUtil.toPixelFromSP(mLineHeight, getEffectiveMaxFontSizeMultiplier())
-      : PixelUtil.toPixelFromDIP(mLineHeight);
+    float lineHeight =
+        mAllowFontScaling
+            ? PixelUtil.toPixelFromSP(mLineHeight, getEffectiveMaxFontSizeMultiplier())
+            : PixelUtil.toPixelFromDIP(mLineHeight);
 
     // Take into account the requested line height
     // and the height of the inline images.
     boolean useInlineViewHeight =
-      !Float.isNaN(mHeightOfTallestInlineViewOrImage)
-        && mHeightOfTallestInlineViewOrImage > lineHeight;
+        !Float.isNaN(mHeightOfTallestInlineViewOrImage)
+            && mHeightOfTallestInlineViewOrImage > lineHeight;
     return useInlineViewHeight ? mHeightOfTallestInlineViewOrImage : lineHeight;
   }
 
@@ -147,9 +155,10 @@ public float getEffectiveLetterSpacing() {
       return Float.NaN;
     }
 
-    float letterSpacingPixels = mAllowFontScaling
-      ? PixelUtil.toPixelFromSP(mLetterSpacing, getEffectiveMaxFontSizeMultiplier())
-      : PixelUtil.toPixelFromDIP(mLetterSpacing);
+    float letterSpacingPixels =
+        mAllowFontScaling
+            ? PixelUtil.toPixelFromSP(mLetterSpacing, getEffectiveMaxFontSizeMultiplier())
+            : PixelUtil.toPixelFromDIP(mLetterSpacing);
 
     // `letterSpacingPixels` and `getEffectiveFontSize` are both in pixels,
     // yielding an accurate em value.
@@ -159,25 +168,34 @@ public float getEffectiveLetterSpacing() {
   // Never returns NaN
   public float getEffectiveMaxFontSizeMultiplier() {
     return !Float.isNaN(mMaxFontSizeMultiplier)
-      ? mMaxFontSizeMultiplier
-      : DEFAULT_MAX_FONT_SIZE_MULTIPLIER;
+        ? mMaxFontSizeMultiplier
+        : DEFAULT_MAX_FONT_SIZE_MULTIPLIER;
   }
 
   public String toString() {
-    return (
-      "TextAttributes {"
-      + "\n  getAllowFontScaling(): " + getAllowFontScaling()
-      + "\n  getFontSize(): " + getFontSize()
-      + "\n  getEffectiveFontSize(): " + getEffectiveFontSize()
-      + "\n  getHeightOfTallestInlineViewOrImage(): " + getHeightOfTallestInlineViewOrImage()
-      + "\n  getLetterSpacing(): " + getLetterSpacing()
-      + "\n  getEffectiveLetterSpacing(): " + getEffectiveLetterSpacing()
-      + "\n  getLineHeight(): " + getLineHeight()
-      + "\n  getEffectiveLineHeight(): " + getEffectiveLineHeight()
-      + "\n  getTextTransform(): " + getTextTransform()
-      + "\n  getMaxFontSizeMultiplier(): " + getMaxFontSizeMultiplier()
-      + "\n  getEffectiveMaxFontSizeMultiplier(): " + getEffectiveMaxFontSizeMultiplier()
-      + "\n}"
-    );
+    return ("TextAttributes {"
+        + "\n  getAllowFontScaling(): "
+        + getAllowFontScaling()
+        + "\n  getFontSize(): "
+        + getFontSize()
+        + "\n  getEffectiveFontSize(): "
+        + getEffectiveFontSize()
+        + "\n  getHeightOfTallestInlineViewOrImage(): "
+        + getHeightOfTallestInlineViewOrImage()
+        + "\n  getLetterSpacing(): "
+        + getLetterSpacing()
+        + "\n  getEffectiveLetterSpacing(): "
+        + getEffectiveLetterSpacing()
+        + "\n  getLineHeight(): "
+        + getLineHeight()
+        + "\n  getEffectiveLineHeight(): "
+        + getEffectiveLineHeight()
+        + "\n  getTextTransform(): "
+        + getTextTransform()
+        + "\n  getMaxFontSizeMultiplier(): "
+        + getMaxFontSizeMultiplier()
+        + "\n  getEffectiveMaxFontSizeMultiplier(): "
+        + getEffectiveMaxFontSizeMultiplier()
+        + "\n}");
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/TextInlineImageSpan.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/TextInlineImageSpan.java
index c986d7348c4db1..da63d823e5becc 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/TextInlineImageSpan.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/TextInlineImageSpan.java
@@ -1,78 +1,58 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.annotation.Nullable;
-
- import android.graphics.drawable.Drawable;
- import android.text.Spannable;
- import android.text.style.ReplacementSpan;
- import android.view.View;
- import android.widget.TextView;
-
- /**
-  * Base class for inline image spans.
-  */
- public abstract class TextInlineImageSpan extends ReplacementSpan implements ReactSpan {
-
-   /**
-    * For TextInlineImageSpan we need to update the Span to know that the window is attached and
-    * the TextView that we will set as the callback on the Drawable.
-    *
-    * @param spannable The spannable that may contain TextInlineImageSpans
-    * @param view The view which will be set as the callback for the Drawable
-    */
-   public static void possiblyUpdateInlineImageSpans(Spannable spannable, TextView view) {
-     TextInlineImageSpan[] spans =
-       spannable.getSpans(0, spannable.length(), TextInlineImageSpan.class);
-     for (TextInlineImageSpan span : spans) {
-       span.onAttachedToWindow();
-       span.setTextView(view);
-     }
-   }
-
-   /**
-    * Get the drawable that is span represents.
-    */
-   public abstract @Nullable Drawable getDrawable();
-
-   /**
-    * Called by the text view from {@link View#onDetachedFromWindow()},
-    */
-   public abstract void onDetachedFromWindow();
-
-   /**
-    * Called by the text view from {@link View#onStartTemporaryDetach()}.
-    */
-   public abstract void onStartTemporaryDetach();
-
-   /**
-    * Called by the text view from {@link View#onAttachedToWindow()}.
-    */
-   public abstract void onAttachedToWindow();
-
-   /**
-    * Called by the text view from {@link View#onFinishTemporaryDetach()}.
-    */
-   public abstract void onFinishTemporaryDetach();
-
-   /**
-    * Set the textview that will contain this span.
-    */
-   public abstract void setTextView(TextView textView);
-
-   /**
-    * Get the width of the span.
-    */
-   public abstract int getWidth();
-
-   /**
-    * Get the height of the span.
-    */
-   public abstract int getHeight();
- }
+package com.facebook.react.views.text;
+
+import android.graphics.drawable.Drawable;
+import android.text.Spannable;
+import android.text.style.ReplacementSpan;
+import android.view.View;
+import android.widget.TextView;
+import androidx.annotation.Nullable;
+
+/** Base class for inline image spans. */
+public abstract class TextInlineImageSpan extends ReplacementSpan implements ReactSpan {
+
+  /**
+   * For TextInlineImageSpan we need to update the Span to know that the window is attached and the
+   * TextView that we will set as the callback on the Drawable.
+   *
+   * @param spannable The spannable that may contain TextInlineImageSpans
+   * @param view The view which will be set as the callback for the Drawable
+   */
+  public static void possiblyUpdateInlineImageSpans(Spannable spannable, TextView view) {
+    TextInlineImageSpan[] spans =
+        spannable.getSpans(0, spannable.length(), TextInlineImageSpan.class);
+    for (TextInlineImageSpan span : spans) {
+      span.onAttachedToWindow();
+      span.setTextView(view);
+    }
+  }
+
+  /** Get the drawable that is span represents. */
+  public abstract @Nullable Drawable getDrawable();
+
+  /** Called by the text view from {@link View#onDetachedFromWindow()}, */
+  public abstract void onDetachedFromWindow();
+
+  /** Called by the text view from {@link View#onStartTemporaryDetach()}. */
+  public abstract void onStartTemporaryDetach();
+
+  /** Called by the text view from {@link View#onAttachedToWindow()}. */
+  public abstract void onAttachedToWindow();
+
+  /** Called by the text view from {@link View#onFinishTemporaryDetach()}. */
+  public abstract void onFinishTemporaryDetach();
+
+  /** Set the textview that will contain this span. */
+  public abstract void setTextView(TextView textView);
+
+  /** Get the width of the span. */
+  public abstract int getWidth();
+
+  /** Get the height of the span. */
+  public abstract int getHeight();
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/TextInlineViewPlaceholderSpan.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/TextInlineViewPlaceholderSpan.java
index 9e6726efe3d563..d957475a904f8c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/TextInlineViewPlaceholderSpan.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/TextInlineViewPlaceholderSpan.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.graphics.Canvas;
@@ -39,8 +38,7 @@ public int getHeight() {
   }
 
   @Override
-  public int getSize(
-      Paint paint, CharSequence text, int start, int end, Paint.FontMetricsInt fm) {
+  public int getSize(Paint paint, CharSequence text, int start, int end, Paint.FontMetricsInt fm) {
     // NOTE: This getSize code is copied from DynamicDrawableSpan and modified to not use a Drawable
 
     if (fm != null) {
@@ -56,6 +54,13 @@ public int getSize(
 
   @Override
   public void draw(
-      Canvas canvas, CharSequence text, int start, int end, float x, int top, int y, int bottom, Paint paint) {
-  }
+      Canvas canvas,
+      CharSequence text,
+      int start,
+      int end,
+      float x,
+      int top,
+      int y,
+      int bottom,
+      Paint paint) {}
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/TextLayoutManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/TextLayoutManager.java
index 2faecc18cffea1..6cfe6bab01bece 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/TextLayoutManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/TextLayoutManager.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) 2014-present, Facebook, Inc.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 com.facebook.react.views.text.TextAttributeProps.UNSET;
@@ -29,9 +28,7 @@
 import java.util.ArrayList;
 import java.util.List;
 
-/**
- * Class responsible of creating {@link Spanned} object for the JS representation of Text
- */
+/** Class responsible of creating {@link Spanned} object for the JS representation of Text */
 public class TextLayoutManager {
 
   // It's important to pass the ANTI_ALIAS_FLAG flag to the constructor rather than setting it
@@ -56,47 +53,46 @@ private static void buildSpannableFromFragment(
       int start = sb.length();
 
       // ReactRawText
-      TextAttributeProps textAttributes = new TextAttributeProps(new ReactStylesDiffMap(fragment.getMap("textAttributes")));
+      TextAttributeProps textAttributes =
+          new TextAttributeProps(new ReactStylesDiffMap(fragment.getMap("textAttributes")));
 
-      sb.append(TextTransform.apply(
-          fragment.getString("string"),
-          textAttributes.mTextTransform));
+      sb.append(TextTransform.apply(fragment.getString("string"), textAttributes.mTextTransform));
 
       // TODO: add support for TextInlineImage and BaseText
 
       int end = sb.length();
       if (end >= start) {
         if (textAttributes.mIsColorSet) {
-          ops.add(new SetSpanOperation(start, end, new ReactForegroundColorSpan(textAttributes.mColor)));
+          ops.add(
+              new SetSpanOperation(
+                  start, end, new ReactForegroundColorSpan(textAttributes.mColor)));
         }
         if (textAttributes.mIsBackgroundColorSet) {
           ops.add(
-            new SetSpanOperation(
-              start, end, new ReactBackgroundColorSpan(textAttributes.mBackgroundColor)));
+              new SetSpanOperation(
+                  start, end, new ReactBackgroundColorSpan(textAttributes.mBackgroundColor)));
         }
         if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
           if (!Float.isNaN(textAttributes.mLetterSpacing)) {
-            ops.add(new SetSpanOperation(
-              start,
-              end,
-              new CustomLetterSpacingSpan(textAttributes.mLetterSpacing)));
+            ops.add(
+                new SetSpanOperation(
+                    start, end, new CustomLetterSpacingSpan(textAttributes.mLetterSpacing)));
           }
         }
         ops.add(
-          new SetSpanOperation(
-            start, end, new ReactAbsoluteSizeSpan(textAttributes.mFontSize)));
+            new SetSpanOperation(start, end, new ReactAbsoluteSizeSpan(textAttributes.mFontSize)));
         if (textAttributes.mFontStyle != UNSET
-          || textAttributes.mFontWeight != UNSET
-          || textAttributes.mFontFamily != null) {
+            || textAttributes.mFontWeight != UNSET
+            || textAttributes.mFontFamily != null) {
           ops.add(
-            new SetSpanOperation(
-              start,
-              end,
-              new CustomStyleSpan(
-                textAttributes.mFontStyle,
-                textAttributes.mFontWeight,
-                textAttributes.mFontFamily,
-                context.getAssets())));
+              new SetSpanOperation(
+                  start,
+                  end,
+                  new CustomStyleSpan(
+                      textAttributes.mFontStyle,
+                      textAttributes.mFontWeight,
+                      textAttributes.mFontFamily,
+                      context.getAssets())));
         }
         if (textAttributes.mIsUnderlineTextDecorationSet) {
           ops.add(new SetSpanOperation(start, end, new ReactUnderlineSpan()));
@@ -106,19 +102,19 @@ private static void buildSpannableFromFragment(
         }
         if (textAttributes.mTextShadowOffsetDx != 0 || textAttributes.mTextShadowOffsetDy != 0) {
           ops.add(
-            new SetSpanOperation(
-              start,
-              end,
-              new ShadowStyleSpan(
-                textAttributes.mTextShadowOffsetDx,
-                textAttributes.mTextShadowOffsetDy,
-                textAttributes.mTextShadowRadius,
-                textAttributes.mTextShadowColor)));
+              new SetSpanOperation(
+                  start,
+                  end,
+                  new ShadowStyleSpan(
+                      textAttributes.mTextShadowOffsetDx,
+                      textAttributes.mTextShadowOffsetDy,
+                      textAttributes.mTextShadowRadius,
+                      textAttributes.mTextShadowColor)));
         }
         if (!Float.isNaN(textAttributes.getEffectiveLineHeight())) {
           ops.add(
-            new SetSpanOperation(
-              start, end, new CustomLineHeightSpan(textAttributes.getEffectiveLineHeight())));
+              new SetSpanOperation(
+                  start, end, new CustomLineHeightSpan(textAttributes.getEffectiveLineHeight())));
         }
 
         int reactTag = fragment.getInt("reactTag");
@@ -128,14 +124,13 @@ private static void buildSpannableFromFragment(
   }
 
   protected static Spannable getOrCreateSpannableForText(
-      Context context,
-      ReadableMap attributedString) {
+      Context context, ReadableMap attributedString) {
 
     Spannable preparedSpannableText;
     String attributedStringPayload = attributedString.toString();
     synchronized (sSpannableCacheLock) {
       preparedSpannableText = sSpannableCache.get(attributedStringPayload);
-      //TODO: T31905686 implement proper equality of attributedStrings
+      // TODO: T31905686 implement proper equality of attributedStrings
       if (preparedSpannableText != null) {
         return preparedSpannableText;
       }
@@ -149,13 +144,12 @@ protected static Spannable getOrCreateSpannableForText(
   }
 
   private static Spannable createSpannableFromAttributedString(
-      Context context,
-      ReadableMap attributedString) {
+      Context context, ReadableMap attributedString) {
 
     SpannableStringBuilder sb = new SpannableStringBuilder();
 
     // The {@link SpannableStringBuilder} implementation require setSpan operation to be called
-    // up-to-bottom, otherwise all the spannables that are withing the region for which one may set
+    // 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<>();
 
@@ -196,71 +190,75 @@ public static long measureText(
     }
     Spanned text = preparedSpannableText;
     BoringLayout.Metrics boring = BoringLayout.isBoring(text, textPaint);
-    float desiredWidth = boring == null ?
-      Layout.getDesiredWidth(text, textPaint) : Float.NaN;
+    float desiredWidth = boring == null ? Layout.getDesiredWidth(text, textPaint) : Float.NaN;
 
     // technically, width should never be negative, but there is currently a bug in
     boolean unconstrainedWidth = widthYogaMeasureMode == YogaMeasureMode.UNDEFINED || width < 0;
 
     Layout layout;
-    if (boring == null &&
-      (unconstrainedWidth ||
-        (!YogaConstants.isUndefined(desiredWidth) && desiredWidth <= width))) {
+    if (boring == null
+        && (unconstrainedWidth
+            || (!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,
-          Layout.Alignment.ALIGN_NORMAL,
-          1.f,
-          0.f,
-          includeFontPadding);
+        layout =
+            new StaticLayout(
+                text,
+                textPaint,
+                hintWidth,
+                Layout.Alignment.ALIGN_NORMAL,
+                1.f,
+                0.f,
+                includeFontPadding);
       } else {
-        layout = StaticLayout.Builder.obtain(text, 0, text.length(), textPaint, hintWidth)
-          .setAlignment(Layout.Alignment.ALIGN_NORMAL)
-          .setLineSpacing(0.f, 1.f)
-          .setIncludePad(includeFontPadding)
-          .setBreakStrategy(textBreakStrategy)
-          .setHyphenationFrequency(Layout.HYPHENATION_FREQUENCY_NORMAL)
-          .build();
+        layout =
+            StaticLayout.Builder.obtain(text, 0, text.length(), textPaint, hintWidth)
+                .setAlignment(Layout.Alignment.ALIGN_NORMAL)
+                .setLineSpacing(0.f, 1.f)
+                .setIncludePad(includeFontPadding)
+                .setBreakStrategy(textBreakStrategy)
+                .setHyphenationFrequency(Layout.HYPHENATION_FREQUENCY_NORMAL)
+                .build();
       }
 
     } else if (boring != null && (unconstrainedWidth || boring.width <= width)) {
       // Is used for single-line, boring text when the width is either unknown or bigger
       // than the width of the text.
-      layout = BoringLayout.make(
-        text,
-        textPaint,
-        boring.width,
-        Layout.Alignment.ALIGN_NORMAL,
-        1.f,
-        0.f,
-        boring,
-        includeFontPadding);
+      layout =
+          BoringLayout.make(
+              text,
+              textPaint,
+              boring.width,
+              Layout.Alignment.ALIGN_NORMAL,
+              1.f,
+              0.f,
+              boring,
+              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,
-          textPaint,
-          (int) width,
-          Layout.Alignment.ALIGN_NORMAL,
-          1.f,
-          0.f,
-          includeFontPadding);
+        layout =
+            new StaticLayout(
+                text,
+                textPaint,
+                (int) width,
+                Layout.Alignment.ALIGN_NORMAL,
+                1.f,
+                0.f,
+                includeFontPadding);
       } else {
-        layout = StaticLayout.Builder.obtain(text, 0, text.length(), textPaint, (int) width)
-          .setAlignment(Layout.Alignment.ALIGN_NORMAL)
-          .setLineSpacing(0.f, 1.f)
-          .setIncludePad(includeFontPadding)
-          .setBreakStrategy(textBreakStrategy)
-          .setHyphenationFrequency(Layout.HYPHENATION_FREQUENCY_NORMAL)
-          .build();
+        layout =
+            StaticLayout.Builder.obtain(text, 0, text.length(), textPaint, (int) width)
+                .setAlignment(Layout.Alignment.ALIGN_NORMAL)
+                .setLineSpacing(0.f, 1.f)
+                .setIncludePad(includeFontPadding)
+                .setBreakStrategy(textBreakStrategy)
+                .setHyphenationFrequency(Layout.HYPHENATION_FREQUENCY_NORMAL)
+                .build();
       }
     }
 
@@ -271,8 +269,8 @@ public static long measureText(
 
     width = layout.getWidth();
     if (maximumNumberOfLines != UNSET
-      && maximumNumberOfLines != 0
-      && maximumNumberOfLines < layout.getLineCount()) {
+        && maximumNumberOfLines != 0
+        && maximumNumberOfLines < layout.getLineCount()) {
       height = layout.getLineBottom(maximumNumberOfLines - 1);
     } else {
       height = layout.getHeight();
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/TextTransform.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/TextTransform.java
index 515e5bb4134f85..1278054108bc68 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/TextTransform.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/TextTransform.java
@@ -1,19 +1,20 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.text.BreakIterator;
 
-/**
- * Types of text transforms for CustomTextTransformSpan
- */
+/** Types of text transforms for CustomTextTransformSpan */
 public enum TextTransform {
-  NONE, UPPERCASE, LOWERCASE, CAPITALIZE, UNSET;
+  NONE,
+  UPPERCASE,
+  LOWERCASE,
+  CAPITALIZE,
+  UNSET;
 
   public static String apply(String text, TextTransform textTransform) {
     if (text == null) {
@@ -21,7 +22,7 @@ public static String apply(String text, TextTransform textTransform) {
     }
 
     String transformed;
-    switch(textTransform) {
+    switch (textTransform) {
       case UPPERCASE:
         transformed = text.toUpperCase();
         break;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/BUCK
index 17b9ed51457178..b7d46593804ec8 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/BUCK
@@ -3,11 +3,13 @@ load("//tools/build_defs/oss:rn_defs.bzl", "YOGA_TARGET", "react_native_dep", "r
 rn_android_library(
     name = "frescosupport",
     srcs = glob(["*.java"]),
+    is_androidx = True,
     visibility = [
         "PUBLIC",
     ],
     deps = [
         YOGA_TARGET,
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("libraries/fresco/fresco-react-native:fbcore"),
         react_native_dep("libraries/fresco/fresco-react-native:fresco-drawee"),
         react_native_dep("libraries/fresco/fresco-react-native:fresco-react-native"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageShadowNode.java
index 9a065eb203f0c8..8e6e9b009d6af5 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageShadowNode.java
@@ -1,38 +1,29 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.frescosupport;
 
-import com.facebook.react.uimanager.LayoutShadowNode;
-import javax.annotation.Nullable;
-
-import java.util.Locale;
-
 import android.content.Context;
 import android.content.res.Resources;
 import android.net.Uri;
-
+import androidx.annotation.Nullable;
 import com.facebook.common.util.UriUtil;
-import com.facebook.yoga.YogaConstants;
 import com.facebook.drawee.controller.AbstractDraweeControllerBuilder;
 import com.facebook.react.bridge.Dynamic;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.bridge.ReadableType;
-import com.facebook.react.uimanager.ViewProps;
 import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.ReadableType;
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.views.text.ReactTextInlineImageShadowNode;
 import com.facebook.react.views.text.TextInlineImageSpan;
+import com.facebook.yoga.YogaConstants;
+import java.util.Locale;
 
-/**
- * Shadow node that represents an inline image. Loading is done using Fresco.
- *
- */
+/** Shadow node that represents an inline image. Loading is done using Fresco. */
 public class FrescoBasedReactTextInlineImageShadowNode extends ReactTextInlineImageShadowNode {
 
   private @Nullable Uri mUri;
@@ -44,8 +35,7 @@ public class FrescoBasedReactTextInlineImageShadowNode extends ReactTextInlineIm
   private int mTintColor = 0;
 
   public FrescoBasedReactTextInlineImageShadowNode(
-    AbstractDraweeControllerBuilder draweeControllerBuilder,
-    @Nullable Object callerContext) {
+      AbstractDraweeControllerBuilder draweeControllerBuilder, @Nullable Object callerContext) {
     mDraweeControllerBuilder = draweeControllerBuilder;
     mCallerContext = callerContext;
   }
@@ -53,7 +43,7 @@ public FrescoBasedReactTextInlineImageShadowNode(
   @ReactProp(name = "src")
   public void setSource(@Nullable ReadableArray sources) {
     final String source =
-      (sources == null || sources.size() == 0) ? null : sources.getMap(0).getString("uri");
+        (sources == null || sources.size() == 0) ? null : sources.getMap(0).getString("uri");
     Uri uri = null;
     if (source != null) {
       try {
@@ -85,9 +75,7 @@ public void setTintColor(int tintColor) {
     mTintColor = tintColor;
   }
 
-  /**
-   * Besides width/height, all other layout props on inline images are ignored
-   */
+  /** Besides width/height, all other layout props on inline images are ignored */
   @Override
   public void setWidth(Dynamic width) {
     if (width.getType() == ReadableType.Number) {
@@ -107,7 +95,7 @@ public void setHeight(Dynamic height) {
           "Inline images must not have percentage based height");
     }
   }
-  
+
   public @Nullable Uri getUri() {
     return mUri;
   }
@@ -122,14 +110,11 @@ public ReadableMap getHeaders() {
       return null;
     }
     name = name.toLowerCase(Locale.getDefault()).replace("-", "_");
-    int resId = context.getResources().getIdentifier(
-      name,
-      "drawable",
-      context.getPackageName());
+    int resId = context.getResources().getIdentifier(name, "drawable", context.getPackageName());
     return new Uri.Builder()
-      .scheme(UriUtil.LOCAL_RESOURCE_SCHEME)
-      .path(String.valueOf(resId))
-      .build();
+        .scheme(UriUtil.LOCAL_RESOURCE_SCHEME)
+        .path(String.valueOf(resId))
+        .build();
   }
 
   @Override
@@ -143,14 +128,14 @@ public TextInlineImageSpan buildInlineImageSpan() {
     int width = (int) Math.ceil(mWidth);
     int height = (int) Math.ceil(mHeight);
     return new FrescoBasedReactTextInlineImageSpan(
-      resources,
-      height,
-      width,
-      mTintColor,
-      getUri(),
-      getHeaders(),
-      getDraweeControllerBuilder(),
-      getCallerContext());
+        resources,
+        height,
+        width,
+        mTintColor,
+        getUri(),
+        getHeaders(),
+        getDraweeControllerBuilder(),
+        getCallerContext());
   }
 
   public AbstractDraweeControllerBuilder getDraweeControllerBuilder() {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageSpan.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageSpan.java
index 30dd1bb63a8e2e..6521143d4e7e6a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageSpan.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageSpan.java
@@ -1,24 +1,19 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.frescosupport;
 
-import android.graphics.Color;
-import android.graphics.PorterDuff;
-import com.facebook.react.uimanager.PixelUtil;
-import javax.annotation.Nullable;
-
 import android.content.res.Resources;
 import android.graphics.Canvas;
 import android.graphics.Paint;
+import android.graphics.PorterDuff;
 import android.graphics.drawable.Drawable;
 import android.net.Uri;
 import android.widget.TextView;
-
+import androidx.annotation.Nullable;
 import com.facebook.drawee.controller.AbstractDraweeControllerBuilder;
 import com.facebook.drawee.generic.GenericDraweeHierarchy;
 import com.facebook.drawee.generic.GenericDraweeHierarchyBuilder;
@@ -27,19 +22,20 @@
 import com.facebook.imagepipeline.request.ImageRequest;
 import com.facebook.imagepipeline.request.ImageRequestBuilder;
 import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.views.text.TextInlineImageSpan;
 import com.facebook.react.modules.fresco.ReactNetworkImageRequest;
+import com.facebook.react.uimanager.PixelUtil;
+import com.facebook.react.views.text.TextInlineImageSpan;
 
 /**
- * FrescoBasedTextInlineImageSpan is a span for Images that are inside <Text/>. It computes
- * its size based on the input size. When it is time to draw, it will use the Fresco framework to
- * get the right Drawable and let that draw.
+ * FrescoBasedTextInlineImageSpan is a span for Images that are inside <Text/>. It computes its size
+ * based on the input size. When it is time to draw, it will use the Fresco framework to get the
+ * right Drawable and let that draw.
  *
- * Since Fresco needs to callback to the TextView that contains this, in the ViewManager, you must
- * tell the Span about the TextView
+ * <p>Since Fresco needs to callback to the TextView that contains this, in the ViewManager, you
+ * must tell the Span about the TextView
  *
- * Note: It borrows code from DynamicDrawableSpan and if that code updates how it computes size or
- * draws, we need to update this as well.
+ * <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 {
 
@@ -65,23 +61,19 @@ public FrescoBasedReactTextInlineImageSpan(
       ReadableMap headers,
       AbstractDraweeControllerBuilder draweeControllerBuilder,
       @Nullable Object callerContext) {
-    mDraweeHolder = new DraweeHolder(
-        GenericDraweeHierarchyBuilder.newInstance(resources)
-            .build()
-    );
+    mDraweeHolder = new DraweeHolder(GenericDraweeHierarchyBuilder.newInstance(resources).build());
     mDraweeControllerBuilder = draweeControllerBuilder;
     mCallerContext = callerContext;
     mTintColor = tintColor;
     mUri = (uri != null) ? uri : Uri.EMPTY;
     mHeaders = headers;
-    mWidth = (int)(PixelUtil.toPixelFromDIP(width));
-    mHeight = (int)(PixelUtil.toPixelFromDIP(height));
-
+    mWidth = (int) (PixelUtil.toPixelFromDIP(width));
+    mHeight = (int) (PixelUtil.toPixelFromDIP(height));
   }
 
   /**
-   * The ReactTextView that holds this ImageSpan is responsible for passing these methods on so
-   * that we can do proper lifetime management for Fresco
+   * The ReactTextView that holds this ImageSpan is responsible for passing these methods on so that
+   * we can do proper lifetime management for Fresco
    */
   public void onDetachedFromWindow() {
     mDraweeHolder.onDetach();
@@ -104,8 +96,7 @@ public void onFinishTemporaryDetach() {
   }
 
   @Override
-  public int getSize(
-      Paint paint, CharSequence text, int start, int end, Paint.FontMetricsInt fm) {
+  public int getSize(Paint paint, CharSequence text, int start, int end, Paint.FontMetricsInt fm) {
     // NOTE: This getSize code is copied from DynamicDrawableSpan and modified to not use a Drawable
 
     if (fm != null) {
@@ -136,24 +127,25 @@ public void draw(
       Paint paint) {
     if (mDrawable == null) {
       ImageRequestBuilder imageRequestBuilder = ImageRequestBuilder.newBuilderWithSource(mUri);
-      ImageRequest imageRequest = ReactNetworkImageRequest.fromBuilderWithHeaders(imageRequestBuilder, mHeaders);
-
-      DraweeController draweeController = mDraweeControllerBuilder
-          .reset()
-          .setOldController(mDraweeHolder.getController())
-          .setCallerContext(mCallerContext)
-          .setImageRequest(imageRequest)
-          .build();
+      ImageRequest imageRequest =
+          ReactNetworkImageRequest.fromBuilderWithHeaders(imageRequestBuilder, mHeaders);
+
+      DraweeController draweeController =
+          mDraweeControllerBuilder
+              .reset()
+              .setOldController(mDraweeHolder.getController())
+              .setCallerContext(mCallerContext)
+              .setImageRequest(imageRequest)
+              .build();
       mDraweeHolder.setController(draweeController);
       mDraweeControllerBuilder.reset();
 
       mDrawable = mDraweeHolder.getTopLevelDrawable();
       mDrawable.setBounds(0, 0, mWidth, mHeight);
-      if(mTintColor != 0) {
+      if (mTintColor != 0) {
         mDrawable.setColorFilter(mTintColor, PorterDuff.Mode.SRC_IN);
       }
       mDrawable.setCallback(mTextView);
-
     }
 
     // NOTE: This drawing code is copied from DynamicDrawableSpan
@@ -161,8 +153,8 @@ public void draw(
     canvas.save();
 
     // Align to center
-    int fontHeight = (int)(paint.descent() - paint.ascent());
-    int centerY = y + (int)paint.descent() - fontHeight / 2;
+    int fontHeight = (int) (paint.descent() - paint.ascent());
+    int centerY = y + (int) paint.descent() - fontHeight / 2;
     int transY = centerY - (mDrawable.getBounds().bottom - mDrawable.getBounds().top) / 2;
 
     canvas.translate(x, transY);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageViewManager.java
index 7192982a0eb598..97f5d1d0860bce 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageViewManager.java
@@ -1,16 +1,13 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.frescosupport;
 
-import javax.annotation.Nullable;
-
 import android.view.View;
-
+import androidx.annotation.Nullable;
 import com.facebook.drawee.backends.pipeline.Fresco;
 import com.facebook.drawee.controller.AbstractDraweeControllerBuilder;
 import com.facebook.react.module.annotations.ReactModule;
@@ -23,7 +20,7 @@
  */
 @ReactModule(name = FrescoBasedReactTextInlineImageViewManager.REACT_CLASS)
 public class FrescoBasedReactTextInlineImageViewManager
-  extends ViewManager<View, FrescoBasedReactTextInlineImageShadowNode> {
+    extends ViewManager<View, FrescoBasedReactTextInlineImageShadowNode> {
 
   public static final String REACT_CLASS = "RCTTextInlineImage";
 
@@ -35,8 +32,8 @@ public FrescoBasedReactTextInlineImageViewManager() {
   }
 
   public FrescoBasedReactTextInlineImageViewManager(
-    @Nullable AbstractDraweeControllerBuilder draweeControllerBuilder,
-    @Nullable Object callerContext) {
+      @Nullable AbstractDraweeControllerBuilder draweeControllerBuilder,
+      @Nullable Object callerContext) {
     mDraweeControllerBuilder = draweeControllerBuilder;
     mCallerContext = callerContext;
   }
@@ -54,11 +51,10 @@ public View createViewInstance(ThemedReactContext context) {
   @Override
   public FrescoBasedReactTextInlineImageShadowNode createShadowNodeInstance() {
     return new FrescoBasedReactTextInlineImageShadowNode(
-      (mDraweeControllerBuilder != null) ?
-        mDraweeControllerBuilder :
-        Fresco.newDraweeControllerBuilder(),
-      mCallerContext
-    );
+        (mDraweeControllerBuilder != null)
+            ? mDraweeControllerBuilder
+            : Fresco.newDraweeControllerBuilder(),
+        mCallerContext);
   }
 
   @Override
@@ -67,6 +63,5 @@ public Class<FrescoBasedReactTextInlineImageShadowNode> getShadowNodeClass() {
   }
 
   @Override
-  public void updateExtraData(View root, Object extraData) {
-  }
+  public void updateExtraData(View root, Object extraData) {}
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ContentSizeWatcher.java b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ContentSizeWatcher.java
index b2b94dd41b18b6..d1a4990ae708ee 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ContentSizeWatcher.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ContentSizeWatcher.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 public interface ContentSizeWatcher {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactContentSizeChangedEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactContentSizeChangedEvent.java
index 9c3ef1c0d33a15..1f1a03ec710b8b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactContentSizeChangedEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactContentSizeChangedEvent.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 com.facebook.react.bridge.Arguments;
@@ -12,9 +11,7 @@
 import com.facebook.react.uimanager.events.Event;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
 
-/**
- * Event emitted by EditText native view when content size changes.
- */
+/** Event emitted by EditText native view when content size changes. */
 public class ReactContentSizeChangedEvent extends Event<ReactTextChangedEvent> {
 
   public static final String EVENT_NAME = "topContentSizeChange";
@@ -22,10 +19,7 @@ public class ReactContentSizeChangedEvent extends Event<ReactTextChangedEvent> {
   private float mContentWidth;
   private float mContentHeight;
 
-  public ReactContentSizeChangedEvent(
-    int viewId,
-    float contentSizeWidth,
-    float contentSizeHeight) {
+  public ReactContentSizeChangedEvent(int viewId, float contentSizeWidth, float contentSizeHeight) {
     super(viewId);
     mContentWidth = contentSizeWidth;
     mContentHeight = contentSizeHeight;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditText.java b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditText.java
index 1638d4925013ce..46487c4813412b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditText.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditText.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 android.content.Context;
@@ -12,12 +11,13 @@
 import android.graphics.Typeface;
 import android.graphics.drawable.Drawable;
 import android.os.Build;
+import android.os.Bundle;
 import android.text.Editable;
 import android.text.InputType;
 import android.text.SpannableStringBuilder;
 import android.text.Spanned;
-import android.text.TextWatcher;
 import android.text.TextUtils;
+import android.text.TextWatcher;
 import android.text.method.KeyListener;
 import android.text.method.QwertyKeyListener;
 import android.util.TypedValue;
@@ -25,10 +25,14 @@
 import android.view.KeyEvent;
 import android.view.MotionEvent;
 import android.view.View;
+import android.view.accessibility.AccessibilityNodeInfo;
 import android.view.inputmethod.EditorInfo;
 import android.view.inputmethod.InputConnection;
 import android.view.inputmethod.InputMethodManager;
 import android.widget.EditText;
+import androidx.annotation.Nullable;
+import androidx.core.view.AccessibilityDelegateCompat;
+import androidx.core.view.ViewCompat;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.uimanager.UIManagerModule;
@@ -38,18 +42,17 @@
 import com.facebook.react.views.text.TextInlineImageSpan;
 import com.facebook.react.views.view.ReactViewBackgroundManager;
 import java.util.ArrayList;
-import javax.annotation.Nullable;
 
 /**
  * A wrapper around the EditText that lets us better control what happens when an EditText gets
  * focused or blurred, and when to display the soft keyboard and when not to.
  *
- * ReactEditTexts have setFocusableInTouchMode set to false automatically because touches on the
- * EditText are managed on the JS side. This also removes the nasty side effect that EditTexts
- * have, which is that focus is always maintained on one of the EditTexts.
+ * <p>ReactEditTexts have setFocusableInTouchMode set to false automatically because touches on the
+ * EditText are managed on the JS side. This also removes the nasty side effect that EditTexts have,
+ * which is that focus is always maintained on one of the EditTexts.
  *
- * The wrapper stops the EditText from triggering *TextChanged events, in the case where JS
- * has called this explicitly. This is the default behavior on other platforms as well.
+ * <p>The wrapper stops the EditText from triggering *TextChanged events, in the case where JS has
+ * called this explicitly. This is the default behavior on other platforms as well.
  * VisibleForTesting from {@link TextInputEventsTestCase}.
  */
 public class ReactEditText extends EditText {
@@ -58,18 +61,18 @@ public class ReactEditText extends EditText {
   // This flag is set to true when we set the text of the EditText explicitly. In that case, no
   // *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.
-  private boolean mIsSettingTextFromJS;
+  protected boolean mIsSettingTextFromJS;
   // This component is controlled, so we want it to get focused only when JS ask it to do so.
-  // Whenever android requests focus (which it does for random reasons), it will be ignored.
-  private boolean mIsJSSettingFocus;
+  // Whenever android requests focus, except for accessibility click, it will be ignored.
+  private boolean mShouldAllowFocus;
   private int mDefaultGravityHorizontal;
   private int mDefaultGravityVertical;
-  private int mNativeEventCount;
-  private int mMostRecentEventCount;
+  protected int mNativeEventCount;
+  protected int mMostRecentEventCount;
   private @Nullable ArrayList<TextWatcher> mListeners;
   private @Nullable TextWatcherDelegator mTextWatcherDelegator;
   private int mStagedInputType;
-  private boolean mContainsImages;
+  protected boolean mContainsImages;
   private @Nullable Boolean mBlurOnSubmit;
   private boolean mDisableFullscreen;
   private @Nullable String mReturnKeyType;
@@ -90,15 +93,16 @@ public ReactEditText(Context context) {
     setFocusableInTouchMode(false);
 
     mReactBackgroundManager = new ReactViewBackgroundManager(this);
-    mInputMethodManager = (InputMethodManager)
-        Assertions.assertNotNull(getContext().getSystemService(Context.INPUT_METHOD_SERVICE));
+    mInputMethodManager =
+        (InputMethodManager)
+            Assertions.assertNotNull(getContext().getSystemService(Context.INPUT_METHOD_SERVICE));
     mDefaultGravityHorizontal =
         getGravity() & (Gravity.HORIZONTAL_GRAVITY_MASK | Gravity.RELATIVE_HORIZONTAL_GRAVITY_MASK);
     mDefaultGravityVertical = getGravity() & Gravity.VERTICAL_GRAVITY_MASK;
     mNativeEventCount = 0;
     mMostRecentEventCount = 0;
     mIsSettingTextFromJS = false;
-    mIsJSSettingFocus = false;
+    mShouldAllowFocus = false;
     mBlurOnSubmit = null;
     mDisableFullscreen = false;
     mListeners = null;
@@ -115,7 +119,22 @@ public ReactEditText(Context context) {
     if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O
         && Build.VERSION.SDK_INT <= Build.VERSION_CODES.O_MR1) {
       setLayerType(View.LAYER_TYPE_SOFTWARE, null);
-      }
+    }
+
+    ViewCompat.setAccessibilityDelegate(
+        this,
+        new AccessibilityDelegateCompat() {
+          @Override
+          public boolean performAccessibilityAction(View host, int action, Bundle args) {
+            if (action == AccessibilityNodeInfo.ACTION_CLICK) {
+              mShouldAllowFocus = true;
+              requestFocus();
+              mShouldAllowFocus = false;
+              return true;
+            }
+            return super.performAccessibilityAction(host, action, args);
+          }
+        });
   }
 
   // After the text changes inside an EditText, TextView checks if a layout() has been requested.
@@ -145,10 +164,10 @@ public boolean onTouchEvent(MotionEvent ev) {
         break;
       case MotionEvent.ACTION_MOVE:
         if (mDetectScrollMovement) {
-          if (!canScrollVertically(-1) &&
-              !canScrollVertically(1) &&
-              !canScrollHorizontally(-1) &&
-              !canScrollHorizontally(1)) {
+          if (!canScrollVertically(-1)
+              && !canScrollVertically(1)
+              && !canScrollHorizontally(-1)
+              && !canScrollHorizontally(1)) {
             // We cannot scroll, let parent views take care of these touches.
             this.getParent().requestDisallowInterceptTouchEvent(false);
           }
@@ -184,7 +203,8 @@ public InputConnection onCreateInputConnection(EditorInfo outAttrs) {
     ReactContext reactContext = (ReactContext) getContext();
     InputConnection inputConnection = super.onCreateInputConnection(outAttrs);
     if (inputConnection != null && mOnKeyPress) {
-      inputConnection = new ReactEditTextInputConnectionWrapper(inputConnection, reactContext, this);
+      inputConnection =
+          new ReactEditTextInputConnectionWrapper(inputConnection, reactContext, this);
     }
 
     if (isMultiline() && getBlurOnSubmit()) {
@@ -208,12 +228,16 @@ public boolean requestFocus(int direction, Rect previouslyFocusedRect) {
     if (isFocused()) {
       return true;
     }
-    if (!mIsJSSettingFocus) {
+
+    if (!mShouldAllowFocus) {
       return false;
     }
+
     setFocusableInTouchMode(true);
     boolean focused = super.requestFocus(direction, previouslyFocusedRect);
-    showSoftKeyboard();
+    if (getShowSoftInputOnFocus()) {
+      showSoftKeyboard();
+    }
     return focused;
   }
 
@@ -270,8 +294,7 @@ protected void onSelectionChanged(int selStart, int selEnd) {
   }
 
   @Override
-  protected void onFocusChanged(
-      boolean focused, int direction, Rect previouslyFocusedRect) {
+  protected void onFocusChanged(boolean focused, int direction, Rect previouslyFocusedRect) {
     super.onFocusChanged(focused, direction, previouslyFocusedRect);
     if (focused && mSelectionWatcher != null) {
       mSelectionWatcher.onSelectionChanged(getSelectionStart(), getSelectionEnd());
@@ -343,8 +366,10 @@ public void setInputType(int type) {
     super.setTypeface(tf);
 
     /**
-     *  If set forces multiline on input, because of a restriction on Android source that enables multiline only for inputs of type Text and Multiline on method {@link android.widget.TextView#isMultilineInputType(int)}}
-     *  Source: {@Link <a href='https://android.googlesource.com/platform/frameworks/base/+/jb-release/core/java/android/widget/TextView.java'>TextView.java</a>}
+     * If set forces multiline on input, because of a restriction on Android source that enables
+     * multiline only for inputs of type Text and Multiline on method {@link
+     * android.widget.TextView#isMultilineInputType(int)}} Source: {@Link <a
+     * href='https://android.googlesource.com/platform/frameworks/base/+/jb-release/core/java/android/widget/TextView.java'>TextView.java</a>}
      */
     if (isMultiline()) {
       setSingleLine(false);
@@ -359,9 +384,9 @@ public void setInputType(int type) {
 
   // VisibleForTesting from {@link TextInputEventsTestCase}.
   public void requestFocusFromJS() {
-    mIsJSSettingFocus = true;
+    mShouldAllowFocus = true;
     requestFocus();
-    mIsJSSettingFocus = false;
+    mShouldAllowFocus = false;
   }
 
   /* package */ void clearFocusFromJS() {
@@ -375,8 +400,7 @@ public int incrementAndGetEventCounter() {
 
   // VisibleForTesting from {@link TextInputEventsTestCase}.
   public void maybeSetText(ReactTextUpdate reactTextUpdate) {
-    if( isSecureText() &&
-        TextUtils.equals(getText(), reactTextUpdate.getText())) {
+    if (isSecureText() && TextUtils.equals(getText(), reactTextUpdate.getText())) {
       return;
     }
 
@@ -426,8 +450,8 @@ private void manageSpans(SpannableStringBuilder spannableStringBuilder) {
         getText().removeSpan(spans[spanIdx]);
       }
 
-      if ((getText().getSpanFlags(spans[spanIdx]) & Spanned.SPAN_EXCLUSIVE_EXCLUSIVE) !=
-          Spanned.SPAN_EXCLUSIVE_EXCLUSIVE) {
+      if ((getText().getSpanFlags(spans[spanIdx]) & Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
+          != Spanned.SPAN_EXCLUSIVE_EXCLUSIVE) {
         continue;
       }
       Object span = spans[spanIdx];
@@ -460,11 +484,11 @@ private static boolean sameTextForSpan(
     return true;
   }
 
-  private boolean showSoftKeyboard() {
+  protected boolean showSoftKeyboard() {
     return mInputMethodManager.showSoftInput(this, 0);
   }
 
-  private void hideSoftKeyboard() {
+  protected void hideSoftKeyboard() {
     mInputMethodManager.hideSoftInputFromWindow(getWindowToken(), 0);
   }
 
@@ -475,16 +499,14 @@ private TextWatcherDelegator getTextWatcherDelegator() {
     return mTextWatcherDelegator;
   }
 
-  private boolean isMultiline() {
+  /* package */ boolean isMultiline() {
     return (getInputType() & InputType.TYPE_TEXT_FLAG_MULTI_LINE) != 0;
   }
 
   private boolean isSecureText() {
-    return
-      (getInputType() &
-        (InputType.TYPE_NUMBER_VARIATION_PASSWORD |
-          InputType.TYPE_TEXT_VARIATION_PASSWORD))
-      != 0;
+    return (getInputType()
+            & (InputType.TYPE_NUMBER_VARIATION_PASSWORD | InputType.TYPE_TEXT_VARIATION_PASSWORD))
+        != 0;
   }
 
   private void onContentSizeChange() {
@@ -507,8 +529,10 @@ private void setIntrinsicContentSize() {
       gravityHorizontal = mDefaultGravityHorizontal;
     }
     setGravity(
-        (getGravity() & ~Gravity.HORIZONTAL_GRAVITY_MASK &
-            ~Gravity.RELATIVE_HORIZONTAL_GRAVITY_MASK) | gravityHorizontal);
+        (getGravity()
+                & ~Gravity.HORIZONTAL_GRAVITY_MASK
+                & ~Gravity.RELATIVE_HORIZONTAL_GRAVITY_MASK)
+            | gravityHorizontal);
   }
 
   /* package */ void setGravityVertical(int gravityVertical) {
@@ -622,7 +646,7 @@ public void onAttachedToWindow() {
   public void onFinishTemporaryDetach() {
     super.onFinishTemporaryDetach();
     if (mContainsImages) {
-      Spanned text =  getText();
+      Spanned text = getText();
       TextInlineImageSpan[] spans = text.getSpans(0, text.length(), TextInlineImageSpan.class);
       for (TextInlineImageSpan span : spans) {
         span.onFinishTemporaryDetach();
@@ -682,7 +706,7 @@ public void setMaxFontSizeMultiplier(float maxFontSizeMultiplier) {
   protected 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());
@@ -696,8 +720,8 @@ protected void applyTextAttributes() {
   }
 
   /**
-   * This class will redirect *TextChanged calls to the listeners only in the case where the text
-   * is changed by the user, and not explicitly set by JS.
+   * This class will redirect *TextChanged calls to the listeners only in the case where the text is
+   * changed by the user, and not explicitly set by JS.
    */
   private class TextWatcherDelegator implements TextWatcher {
     @Override
@@ -741,8 +765,7 @@ private static class InternalKeyListener implements KeyListener {
 
     private int mInputType = 0;
 
-    public InternalKeyListener() {
-    }
+    public InternalKeyListener() {}
 
     public void setInputType(int inputType) {
       mInputType = inputType;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditTextInputConnectionWrapper.java b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditTextInputConnectionWrapper.java
index f9aa450b19e3e7..e3d99a5c8209dd 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditTextInputConnectionWrapper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditTextInputConnectionWrapper.java
@@ -1,53 +1,52 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 android.view.KeyEvent;
 import android.view.inputmethod.EditorInfo;
 import android.view.inputmethod.InputConnection;
 import android.view.inputmethod.InputConnectionWrapper;
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.events.EventDispatcher;
-import javax.annotation.Nullable;
 
 /**
- * A class to implement the TextInput 'onKeyPress' API on android for soft keyboards.
- * It is instantiated in {@link ReactEditText#onCreateInputConnection(EditorInfo)}.
+ * A class to implement the TextInput 'onKeyPress' API on android for soft keyboards. It is
+ * instantiated in {@link ReactEditText#onCreateInputConnection(EditorInfo)}.
  *
- * Android IMEs interface with EditText views through the {@link InputConnection} interface,
- * so any observable change in state of the EditText via the soft-keyboard, should be a side effect of
+ * <p>Android IMEs interface with EditText views through the {@link InputConnection} interface, so
+ * any observable change in state of the EditText via the soft-keyboard, should be a side effect of
  * one or more of the methods in {@link InputConnectionWrapper}.
  *
- * {@link InputConnection#setComposingText(CharSequence, int)} is used to set the composing region
- * (the underlined text) in the {@link android.widget.EditText} view, i.e. when React Native's
- * TextInput has the property 'autoCorrect' set to true. When text is being composed in the composing
- * state within the EditText, each key press will result in a call to
- * {@link InputConnection#setComposingText(CharSequence, int)} with a CharSequence argument equal to
- * that of the entire composing region, rather than a single character diff.
- * We can reason about the keyPress based on the resultant cursor position changes of the EditText after
- * applying this change. For example if the cursor moved backwards by one character when composing,
- * it's likely it was a delete; if it moves forward by a character, likely to be a key press of that character.
+ * <p>{@link InputConnection#setComposingText(CharSequence, int)} is used to set the composing
+ * region (the underlined text) in the {@link android.widget.EditText} view, i.e. when React
+ * Native's TextInput has the property 'autoCorrect' set to true. When text is being composed in the
+ * composing state within the EditText, each key press will result in a call to {@link
+ * InputConnection#setComposingText(CharSequence, int)} with a CharSequence argument equal to that
+ * of the entire composing region, rather than a single character diff. We can reason about the
+ * keyPress based on the resultant cursor position changes of the EditText after applying this
+ * change. For example if the cursor moved backwards by one character when composing, it's likely it
+ * was a delete; if it moves forward by a character, likely to be a key press of that character.
  *
- * IMEs can also call {@link InputConnection#beginBatchEdit()} to signify a batch of operations. One
- * such example is committing a word currently in composing state with the press of the space key.
- * It is IME dependent but the stock Android keyboard behavior seems to be to commit the currently composing
- * text with {@link InputConnection#setComposingText(CharSequence, int)} and commits a space character
- * with a separate call to {@link InputConnection#setComposingText(CharSequence, int)}.
- * Here we chose to emit the last input of a batch edit as that tends to be the user input, but
- * it's completely arbitrary.
+ * <p>IMEs can also call {@link InputConnection#beginBatchEdit()} to signify a batch of operations.
+ * One such example is committing a word currently in composing state with the press of the space
+ * key. It is IME dependent but the stock Android keyboard behavior seems to be to commit the
+ * currently composing text with {@link InputConnection#setComposingText(CharSequence, int)} and
+ * commits a space character with a separate call to {@link
+ * InputConnection#setComposingText(CharSequence, int)}. Here we chose to emit the last input of a
+ * batch edit as that tends to be the user input, but it's completely arbitrary.
  *
- * Another function of this class is to detect backspaces when the cursor at the beginning of the
+ * <p>Another function of this class is to detect backspaces when the cursor at the beginning of the
  * {@link android.widget.EditText}, i.e no text is deleted.
  *
- * N.B. this class is only applicable for soft keyboards behavior. For hardware keyboards
- * {@link android.view.View#onKeyDown(int, KeyEvent)} can be overridden to obtain the keycode of the
- * key pressed.
+ * <p>N.B. this class is only applicable for soft keyboards behavior. For hardware keyboards {@link
+ * android.view.View#onKeyDown(int, KeyEvent)} can be overridden to obtain the keycode of the key
+ * pressed.
  */
 class ReactEditTextInputConnectionWrapper extends InputConnectionWrapper {
   public static final String NEWLINE_RAW_VALUE = "\n";
@@ -60,10 +59,7 @@ class ReactEditTextInputConnectionWrapper extends InputConnectionWrapper {
   private @Nullable String mKey = null;
 
   public ReactEditTextInputConnectionWrapper(
-      InputConnection target,
-      final ReactContext reactContext,
-      final ReactEditText editText
-  ) {
+      InputConnection target, final ReactContext reactContext, final ReactEditText editText) {
     super(target, false);
     mEventDispatcher = reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher();
     mEditText = editText;
@@ -131,10 +127,10 @@ public boolean deleteSurroundingText(int beforeLength, int afterLength) {
   // in each case, respectively.
   @Override
   public boolean sendKeyEvent(KeyEvent event) {
-    if(event.getAction() == KeyEvent.ACTION_DOWN) {
+    if (event.getAction() == KeyEvent.ACTION_DOWN) {
       if (event.getKeyCode() == KeyEvent.KEYCODE_DEL) {
         dispatchKeyEvent(BACKSPACE_KEY_VALUE);
-      } else if(event.getKeyCode() == KeyEvent.KEYCODE_ENTER) {
+      } else if (event.getKeyCode() == KeyEvent.KEYCODE_ENTER) {
         dispatchKeyEvent(ENTER_KEY_VALUE);
       }
     }
@@ -153,9 +149,6 @@ private void dispatchKeyEvent(String key) {
     if (key.equals(NEWLINE_RAW_VALUE)) {
       key = ENTER_KEY_VALUE;
     }
-    mEventDispatcher.dispatchEvent(
-        new ReactTextInputKeyPressEvent(
-            mEditText.getId(),
-            key));
+    mEventDispatcher.dispatchEvent(new ReactTextInputKeyPressEvent(mEditText.getId(), key));
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextChangedEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextChangedEvent.java
index 46e3012f00002a..379f8294010475 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextChangedEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextChangedEvent.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 com.facebook.react.bridge.Arguments;
@@ -13,8 +12,8 @@
 import com.facebook.react.uimanager.events.RCTEventEmitter;
 
 /**
- * Event emitted by EditText native view when text changes.
- * VisibleForTesting from {@link TextInputEventsTestCase}.
+ * Event emitted by EditText native view when text changes. VisibleForTesting from {@link
+ * TextInputEventsTestCase}.
  */
 public class ReactTextChangedEvent extends Event<ReactTextChangedEvent> {
 
@@ -23,10 +22,7 @@ public class ReactTextChangedEvent extends Event<ReactTextChangedEvent> {
   private String mText;
   private int mEventCount;
 
-  public ReactTextChangedEvent(
-      int viewId,
-      String text,
-      int eventCount) {
+  public ReactTextChangedEvent(int viewId, String text, int eventCount) {
     super(viewId);
     mText = text;
     mEventCount = eventCount;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputBlurEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputBlurEvent.java
index 92ebd12915878a..b875172e9fa745 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputBlurEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputBlurEvent.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 com.facebook.react.bridge.Arguments;
@@ -12,9 +11,7 @@
 import com.facebook.react.uimanager.events.Event;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
 
-/**
- * Event emitted by EditText native view when it loses focus.
- */
+/** Event emitted by EditText native view when it loses focus. */
 /* package */ class ReactTextInputBlurEvent extends Event<ReactTextInputBlurEvent> {
 
   private static final String EVENT_NAME = "topBlur";
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputEndEditingEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputEndEditingEvent.java
index c8afefd9e45133..3bb299741951de 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputEndEditingEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputEndEditingEvent.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 com.facebook.react.bridge.Arguments;
@@ -13,8 +12,8 @@
 import com.facebook.react.uimanager.events.RCTEventEmitter;
 
 /**
- * Event emitted by EditText native view when text editing ends,
- * because of the user leaving the text input.
+ * Event emitted by EditText native view when text editing ends, because of the user leaving the
+ * text input.
  */
 class ReactTextInputEndEditingEvent extends Event<ReactTextInputEndEditingEvent> {
 
@@ -22,9 +21,7 @@ class ReactTextInputEndEditingEvent extends Event<ReactTextInputEndEditingEvent>
 
   private String mText;
 
-  public ReactTextInputEndEditingEvent(
-      int viewId,
-      String text) {
+  public ReactTextInputEndEditingEvent(int viewId, String text) {
     super(viewId);
     mText = text;
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputEvent.java
index 143e7e4d897dc6..1a627c574767ad 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputEvent.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 com.facebook.react.bridge.Arguments;
@@ -13,8 +12,8 @@
 import com.facebook.react.uimanager.events.RCTEventEmitter;
 
 /**
- * Event emitted by EditText native view when text changes.
- * VisibleForTesting from {@link TextInputEventsTestCase}.
+ * Event emitted by EditText native view when text changes. VisibleForTesting from {@link
+ * TextInputEventsTestCase}.
  */
 public class ReactTextInputEvent extends Event<ReactTextInputEvent> {
 
@@ -26,11 +25,7 @@ public class ReactTextInputEvent extends Event<ReactTextInputEvent> {
   private int mRangeEnd;
 
   public ReactTextInputEvent(
-      int viewId,
-      String text,
-      String previousText,
-      int rangeStart,
-      int rangeEnd) {
+      int viewId, String text, String previousText, int rangeStart, int rangeEnd) {
     super(viewId);
     mText = text;
     mPreviousText = previousText;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputFocusEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputFocusEvent.java
index 5be8f9e3eb0668..ed303af6bcd194 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputFocusEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputFocusEvent.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 com.facebook.react.bridge.Arguments;
@@ -12,9 +11,7 @@
 import com.facebook.react.uimanager.events.Event;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
 
-/**
- * Event emitted by EditText native view when it receives focus.
- */
+/** Event emitted by EditText native view when it receives focus. */
 /* package */ class ReactTextInputFocusEvent extends Event<ReactTextInputFocusEvent> {
 
   private static final String EVENT_NAME = "topFocus";
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputKeyPressEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputKeyPressEvent.java
index 388aa65d500662..f806bb2898e06c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputKeyPressEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputKeyPressEvent.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 com.facebook.react.bridge.Arguments;
@@ -12,9 +11,7 @@
 import com.facebook.react.uimanager.events.Event;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
 
-/**
- * Event emitted by EditText native view when key pressed
- */
+/** Event emitted by EditText native view when key pressed */
 public class ReactTextInputKeyPressEvent extends Event<ReactTextInputEvent> {
 
   public static final String EVENT_NAME = "topKeyPress";
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputLocalData.java b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputLocalData.java
index b5a1559054b9c6..08380ac5a03578 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputLocalData.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputLocalData.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 android.os.Build;
@@ -21,7 +20,7 @@ public final class ReactTextInputLocalData {
   private final int mMaxLines;
   private final int mInputType;
   private final int mBreakStrategy;
-  private final  CharSequence mPlaceholder;
+  private final CharSequence mPlaceholder;
 
   public ReactTextInputLocalData(EditText editText) {
     mText = new SpannableStringBuilder(editText.getText());
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputManager.java
index 2927ab9c705404..11b4d950d8ee35 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputManager.java
@@ -1,38 +1,35 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 android.view.View.FOCUS_FORWARD;
-
 import android.graphics.PorterDuff;
 import android.graphics.Typeface;
 import android.graphics.drawable.Drawable;
 import android.os.Build;
-import androidx.core.content.ContextCompat;
 import android.text.Editable;
 import android.text.InputFilter;
 import android.text.InputType;
 import android.text.Layout;
 import android.text.Spannable;
 import android.text.TextWatcher;
-import android.util.TypedValue;
 import android.view.Gravity;
 import android.view.KeyEvent;
 import android.view.View;
 import android.view.inputmethod.EditorInfo;
 import android.widget.TextView;
+import androidx.annotation.Nullable;
+import androidx.core.content.ContextCompat;
 import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Assertions;
+import com.facebook.react.bridge.Dynamic;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.bridge.UIManager;
+import com.facebook.react.bridge.ReadableType;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.uimanager.BaseViewManager;
@@ -57,34 +54,33 @@
 import java.lang.reflect.Field;
 import java.util.LinkedList;
 import java.util.Map;
-import javax.annotation.Nullable;
 
-/**
- * Manages instances of TextInput.
- */
+/** Manages instances of TextInput. */
 @ReactModule(name = ReactTextInputManager.REACT_CLASS)
 public class ReactTextInputManager extends BaseViewManager<ReactEditText, LayoutShadowNode> {
   public static final String TAG = ReactTextInputManager.class.getSimpleName();
   protected static final String REACT_CLASS = "AndroidTextInput";
 
   private static final int[] SPACING_TYPES = {
-      Spacing.ALL, Spacing.LEFT, Spacing.RIGHT, Spacing.TOP, Spacing.BOTTOM,
+    Spacing.ALL, Spacing.LEFT, Spacing.RIGHT, Spacing.TOP, Spacing.BOTTOM,
   };
 
   private static final int FOCUS_TEXT_INPUT = 1;
   private static final int BLUR_TEXT_INPUT = 2;
 
   private static final int INPUT_TYPE_KEYBOARD_NUMBER_PAD = InputType.TYPE_CLASS_NUMBER;
-  private static final int INPUT_TYPE_KEYBOARD_DECIMAL_PAD = INPUT_TYPE_KEYBOARD_NUMBER_PAD |
-          InputType.TYPE_NUMBER_FLAG_DECIMAL;
-  private static final int INPUT_TYPE_KEYBOARD_NUMBERED = INPUT_TYPE_KEYBOARD_DECIMAL_PAD |
-          InputType.TYPE_NUMBER_FLAG_SIGNED;
-  private static final int PASSWORD_VISIBILITY_FLAG = InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD &
-        ~InputType.TYPE_TEXT_VARIATION_PASSWORD;
-  private static final int KEYBOARD_TYPE_FLAGS = INPUT_TYPE_KEYBOARD_NUMBERED |
-            InputType.TYPE_TEXT_VARIATION_EMAIL_ADDRESS |
-            InputType.TYPE_CLASS_TEXT | InputType.TYPE_CLASS_PHONE |
-            PASSWORD_VISIBILITY_FLAG;
+  private static final int INPUT_TYPE_KEYBOARD_DECIMAL_PAD =
+      INPUT_TYPE_KEYBOARD_NUMBER_PAD | InputType.TYPE_NUMBER_FLAG_DECIMAL;
+  private static final int INPUT_TYPE_KEYBOARD_NUMBERED =
+      INPUT_TYPE_KEYBOARD_DECIMAL_PAD | InputType.TYPE_NUMBER_FLAG_SIGNED;
+  private static final int PASSWORD_VISIBILITY_FLAG =
+      InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD & ~InputType.TYPE_TEXT_VARIATION_PASSWORD;
+  private static final int KEYBOARD_TYPE_FLAGS =
+      INPUT_TYPE_KEYBOARD_NUMBERED
+          | InputType.TYPE_TEXT_VARIATION_EMAIL_ADDRESS
+          | InputType.TYPE_CLASS_TEXT
+          | InputType.TYPE_CLASS_PHONE
+          | PASSWORD_VISIBILITY_FLAG;
 
   private static final String KEYBOARD_TYPE_EMAIL_ADDRESS = "email-address";
   private static final String KEYBOARD_TYPE_NUMERIC = "numeric";
@@ -127,8 +123,7 @@ public Map<String, Object> getExportedCustomBubblingEventTypeConstants() {
             "topSubmitEditing",
             MapBuilder.of(
                 "phasedRegistrationNames",
-                MapBuilder.of(
-                    "bubbled", "onSubmitEditing", "captured", "onSubmitEditingCapture")))
+                MapBuilder.of("bubbled", "onSubmitEditing", "captured", "onSubmitEditingCapture")))
         .put(
             "topEndEditing",
             MapBuilder.of(
@@ -161,7 +156,9 @@ public Map<String, Object> getExportedCustomBubblingEventTypeConstants() {
   @Override
   public Map<String, Object> getExportedCustomDirectEventTypeConstants() {
     return MapBuilder.<String, Object>builder()
-        .put(ScrollEventType.getJSEventName(ScrollEventType.SCROLL), MapBuilder.of("registrationName", "onScroll"))
+        .put(
+            ScrollEventType.getJSEventName(ScrollEventType.SCROLL),
+            MapBuilder.of("registrationName", "onScroll"))
         .build();
   }
 
@@ -172,9 +169,7 @@ public Map<String, Object> getExportedCustomDirectEventTypeConstants() {
 
   @Override
   public void receiveCommand(
-      ReactEditText reactEditText,
-      int commandId,
-      @Nullable ReadableArray args) {
+      ReactEditText reactEditText, int commandId, @Nullable ReadableArray args) {
     switch (commandId) {
       case FOCUS_TEXT_INPUT:
         reactEditText.requestFocusFromJS();
@@ -185,6 +180,21 @@ public void receiveCommand(
     }
   }
 
+  @Override
+  public void receiveCommand(
+      ReactEditText reactEditText, String commandId, @Nullable ReadableArray args) {
+    switch (commandId) {
+      case "focus":
+      case "focusTextInput":
+        reactEditText.requestFocusFromJS();
+        break;
+      case "blur":
+      case "blurTextInput":
+        reactEditText.clearFocusFromJS();
+        break;
+    }
+  }
+
   @Override
   public void updateExtraData(ReactEditText view, Object extraData) {
     if (extraData instanceof ReactTextUpdate) {
@@ -217,10 +227,9 @@ public void setFontFamily(ReactEditText view, String fontFamily) {
     if (view.getTypeface() != null) {
       style = view.getTypeface().getStyle();
     }
-    Typeface newTypeface = ReactFontManager.getInstance().getTypeface(
-        fontFamily,
-        style,
-        view.getContext().getAssets());
+    Typeface newTypeface =
+        ReactFontManager.getInstance()
+            .getTypeface(fontFamily, style, view.getContext().getAssets());
     view.setTypeface(newTypeface);
   }
 
@@ -230,18 +239,18 @@ public void setMaxFontSizeMultiplier(ReactEditText view, float maxFontSizeMultip
   }
 
   /**
-  /* This code was taken from the method setFontWeight of the class ReactTextShadowNode
-  /* TODO: Factor into a common place they can both use
-  */
+   * /* This code was taken from the method setFontWeight of the class ReactTextShadowNode /* TODO:
+   * Factor into a common place they can both use
+   */
   @ReactProp(name = ViewProps.FONT_WEIGHT)
   public void setFontWeight(ReactEditText view, @Nullable String fontWeightString) {
-    int fontWeightNumeric = fontWeightString != null ?
-            parseNumericFontWeight(fontWeightString) : -1;
+    int fontWeightNumeric =
+        fontWeightString != null ? parseNumericFontWeight(fontWeightString) : -1;
     int fontWeight = UNSET;
     if (fontWeightNumeric >= 500 || "bold".equals(fontWeightString)) {
       fontWeight = Typeface.BOLD;
-    } else if ("normal".equals(fontWeightString) ||
-            (fontWeightNumeric != -1 && fontWeightNumeric < 500)) {
+    } else if ("normal".equals(fontWeightString)
+        || (fontWeightNumeric != -1 && fontWeightNumeric < 500)) {
       fontWeight = Typeface.NORMAL;
     }
     Typeface currentTypeface = view.getTypeface();
@@ -254,9 +263,9 @@ public void setFontWeight(ReactEditText view, @Nullable String fontWeightString)
   }
 
   /**
-  /* This code was taken from the method setFontStyle of the class ReactTextShadowNode
-  /* TODO: Factor into a common place they can both use
-  */
+   * /* This code was taken from the method setFontStyle of the class ReactTextShadowNode /* TODO:
+   * Factor into a common place they can both use
+   */
   @ReactProp(name = ViewProps.FONT_STYLE)
   public void setFontStyle(ReactEditText view, @Nullable String fontStyleString) {
     int fontStyle = UNSET;
@@ -373,7 +382,8 @@ public void setPlaceholderTextColor(ReactEditText view, @Nullable Integer color)
   @ReactProp(name = "selectionColor", customType = "Color")
   public void setSelectionColor(ReactEditText view, @Nullable Integer color) {
     if (color == null) {
-      view.setHighlightColor(DefaultStyleValuesUtil.getDefaultTextColorHighlight(view.getContext()));
+      view.setHighlightColor(
+          DefaultStyleValuesUtil.getDefaultTextColorHighlight(view.getContext()));
     } else {
       view.setHighlightColor(color);
     }
@@ -385,7 +395,8 @@ public void setSelectionColor(ReactEditText view, @Nullable Integer color) {
   public void setCursorColor(ReactEditText view, @Nullable Integer color) {
     // Evil method that uses reflection because there is no public API to changes
     // the cursor color programmatically.
-    // Based on http://stackoverflow.com/questions/25996032/how-to-change-programatically-edittext-cursor-color-in-android.
+    // Based on
+    // http://stackoverflow.com/questions/25996032/how-to-change-programatically-edittext-cursor-color-in-android.
     try {
       // Get the original cursor drawable resource.
       Field cursorDrawableResField = TextView.class.getDeclaredField("mCursorDrawableRes");
@@ -413,10 +424,11 @@ public void setCursorColor(ReactEditText view, @Nullable Integer color) {
     } catch (NoSuchFieldException ex) {
       // Ignore errors to avoid crashing if these private fields don't exist on modified
       // or future android versions.
-    } catch (IllegalAccessException ex) {}
+    } catch (IllegalAccessException ex) {
+    }
   }
 
-  @ReactProp(name= "mostRecentEventCount", defaultInt = 0)
+  @ReactProp(name = "mostRecentEventCount", defaultInt = 0)
   public void setMostRecentEventCount(ReactEditText view, int mostRecentEventCount) {
     view.setMostRecentEventCount(mostRecentEventCount);
   }
@@ -429,11 +441,12 @@ public void setCaretHidden(ReactEditText view, boolean caretHidden) {
   @ReactProp(name = "contextMenuHidden", defaultBoolean = false)
   public void setContextMenuHidden(ReactEditText view, boolean contextMenuHidden) {
     final boolean _contextMenuHidden = contextMenuHidden;
-    view.setOnLongClickListener(new View.OnLongClickListener() {
-      public boolean onLongClick(View v) {
-        return _contextMenuHidden;
-      };
-    });
+    view.setOnLongClickListener(
+        new View.OnLongClickListener() {
+          public boolean onLongClick(View v) {
+            return _contextMenuHidden;
+          };
+        });
   }
 
   @ReactProp(name = "selectTextOnFocus", defaultBoolean = false)
@@ -494,7 +507,6 @@ public void setTextAlign(ReactEditText view, @Nullable String textAlign) {
       } else {
         throw new JSApplicationIllegalArgumentException("Invalid textAlign: " + textAlign);
       }
-
     }
   }
 
@@ -509,13 +521,15 @@ public void setTextAlignVertical(ReactEditText view, @Nullable String textAlignV
     } else if ("center".equals(textAlignVertical)) {
       view.setGravityVertical(Gravity.CENTER_VERTICAL);
     } else {
-      throw new JSApplicationIllegalArgumentException("Invalid textAlignVertical: " + textAlignVertical);
+      throw new JSApplicationIllegalArgumentException(
+          "Invalid textAlignVertical: " + textAlignVertical);
     }
   }
 
   @ReactProp(name = "inlineImageLeft")
   public void setInlineImageLeft(ReactEditText view, @Nullable String resource) {
-    int id = ResourceDrawableIdHelper.getInstance().getResourceDrawableId(view.getContext(), resource);
+    int id =
+        ResourceDrawableIdHelper.getInstance().getResourceDrawableId(view.getContext(), resource);
     view.setCompoundDrawablesWithIntrinsicBounds(id, 0, 0, 0);
   }
 
@@ -536,7 +550,7 @@ public void setNumLines(ReactEditText view, int numLines) {
 
   @ReactProp(name = "maxLength")
   public void setMaxLength(ReactEditText view, @Nullable Integer maxLength) {
-    InputFilter [] currentFilters = view.getFilters();
+    InputFilter[] currentFilters = view.getFilters();
     InputFilter[] newFilters = EMPTY_FILTERS;
 
     if (maxLength == null) {
@@ -575,38 +589,39 @@ public void setMaxLength(ReactEditText view, @Nullable Integer maxLength) {
     view.setFilters(newFilters);
   }
 
-  @ReactProp(name = "autoComplete")
-  public void setTextContentType(ReactEditText view, @Nullable String autocomplete) {
-    if (autocomplete == null) {
+  @ReactProp(name = "autoCompleteType")
+  public void setTextContentType(ReactEditText view, @Nullable String autoCompleteType) {
+    if (autoCompleteType == null) {
       setImportantForAutofill(view, View.IMPORTANT_FOR_AUTOFILL_NO);
-    } else if ("username".equals(autocomplete)) {
+    } else if ("username".equals(autoCompleteType)) {
       setAutofillHints(view, View.AUTOFILL_HINT_USERNAME);
-    } else if ("password".equals(autocomplete)) {
+    } else if ("password".equals(autoCompleteType)) {
       setAutofillHints(view, View.AUTOFILL_HINT_PASSWORD);
-    } else if ("email".equals(autocomplete)) {
+    } else if ("email".equals(autoCompleteType)) {
       setAutofillHints(view, View.AUTOFILL_HINT_EMAIL_ADDRESS);
-    } else if ("name".equals(autocomplete)) {
+    } else if ("name".equals(autoCompleteType)) {
       setAutofillHints(view, View.AUTOFILL_HINT_NAME);
-    } else if ("tel".equals(autocomplete)) {
+    } else if ("tel".equals(autoCompleteType)) {
       setAutofillHints(view, View.AUTOFILL_HINT_PHONE);
-    } else if ("street-address".equals(autocomplete)) {
+    } else if ("street-address".equals(autoCompleteType)) {
       setAutofillHints(view, View.AUTOFILL_HINT_POSTAL_ADDRESS);
-    } else if ("postal-code".equals(autocomplete)) {
+    } else if ("postal-code".equals(autoCompleteType)) {
       setAutofillHints(view, View.AUTOFILL_HINT_POSTAL_CODE);
-    } else if ("cc-number".equals(autocomplete)) {
+    } else if ("cc-number".equals(autoCompleteType)) {
       setAutofillHints(view, View.AUTOFILL_HINT_CREDIT_CARD_NUMBER);
-    } else if ("cc-csc".equals(autocomplete)) {
+    } else if ("cc-csc".equals(autoCompleteType)) {
       setAutofillHints(view, View.AUTOFILL_HINT_CREDIT_CARD_SECURITY_CODE);
-    } else if ("cc-exp".equals(autocomplete)) {
+    } else if ("cc-exp".equals(autoCompleteType)) {
       setAutofillHints(view, View.AUTOFILL_HINT_CREDIT_CARD_EXPIRATION_DATE);
-    } else if ("cc-exp-month".equals(autocomplete)) {
+    } else if ("cc-exp-month".equals(autoCompleteType)) {
       setAutofillHints(view, View.AUTOFILL_HINT_CREDIT_CARD_EXPIRATION_MONTH);
-    } else if ("cc-exp-year".equals(autocomplete)) {
+    } else if ("cc-exp-year".equals(autoCompleteType)) {
       setAutofillHints(view, View.AUTOFILL_HINT_CREDIT_CARD_EXPIRATION_YEAR);
-    } else if ("off".equals(autocomplete)) {
+    } else if ("off".equals(autoCompleteType)) {
       setImportantForAutofill(view, View.IMPORTANT_FOR_AUTOFILL_NO);
     } else {
-      throw new JSApplicationIllegalArgumentException("Invalid autocomplete option: " + autocomplete);
+      throw new JSApplicationIllegalArgumentException(
+          "Invalid autoCompleteType: " + autoCompleteType);
     }
   }
 
@@ -616,9 +631,10 @@ public void setAutoCorrect(ReactEditText view, @Nullable Boolean autoCorrect) {
     updateStagedInputTypeFlag(
         view,
         InputType.TYPE_TEXT_FLAG_AUTO_CORRECT | InputType.TYPE_TEXT_FLAG_NO_SUGGESTIONS,
-        autoCorrect != null ?
-            (autoCorrect.booleanValue() ?
-                InputType.TYPE_TEXT_FLAG_AUTO_CORRECT : InputType.TYPE_TEXT_FLAG_NO_SUGGESTIONS)
+        autoCorrect != null
+            ? (autoCorrect.booleanValue()
+                ? InputType.TYPE_TEXT_FLAG_AUTO_CORRECT
+                : InputType.TYPE_TEXT_FLAG_NO_SUGGESTIONS)
             : 0);
   }
 
@@ -634,19 +650,42 @@ public void setMultiline(ReactEditText view, boolean multiline) {
   public void setSecureTextEntry(ReactEditText view, boolean password) {
     updateStagedInputTypeFlag(
         view,
-        password ? 0 :
-            InputType.TYPE_NUMBER_VARIATION_PASSWORD | InputType.TYPE_TEXT_VARIATION_PASSWORD,
+        password
+            ? 0
+            : InputType.TYPE_NUMBER_VARIATION_PASSWORD | InputType.TYPE_TEXT_VARIATION_PASSWORD,
         password ? InputType.TYPE_TEXT_VARIATION_PASSWORD : 0);
     checkPasswordType(view);
   }
 
+  // This prop temporarily takes both numbers and strings.
+  // Number values are deprecated and will be removed in a future release.
+  // See T46146267
   @ReactProp(name = "autoCapitalize")
-  public void setAutoCapitalize(ReactEditText view, int autoCapitalize) {
+  public void setAutoCapitalize(ReactEditText view, Dynamic autoCapitalize) {
+    int autoCapitalizeValue = InputType.TYPE_TEXT_FLAG_CAP_SENTENCES;
+
+    if (autoCapitalize.getType() == ReadableType.Number) {
+      autoCapitalizeValue = autoCapitalize.asInt();
+    } 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;
+      }
+    }
+
     updateStagedInputTypeFlag(
         view,
-        InputType.TYPE_TEXT_FLAG_CAP_SENTENCES | InputType.TYPE_TEXT_FLAG_CAP_WORDS |
-            InputType.TYPE_TEXT_FLAG_CAP_CHARACTERS,
-        autoCapitalize);
+        InputType.TYPE_TEXT_FLAG_CAP_SENTENCES
+            | InputType.TYPE_TEXT_FLAG_CAP_WORDS
+            | InputType.TYPE_TEXT_FLAG_CAP_CHARACTERS,
+        autoCapitalizeValue);
   }
 
   @ReactProp(name = "keyboardType")
@@ -667,10 +706,7 @@ public void setKeyboardType(ReactEditText view, @Nullable String keyboardType) {
       //  the flags work out, the underlying field will end up a URI-type field.
       flagsToSet = InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD;
     }
-    updateStagedInputTypeFlag(
-        view,
-        KEYBOARD_TYPE_FLAGS,
-        flagsToSet);
+    updateStagedInputTypeFlag(view, KEYBOARD_TYPE_FLAGS, flagsToSet);
     checkPasswordType(view);
   }
 
@@ -691,13 +727,15 @@ public void setReturnKeyLabel(ReactEditText view, String returnKeyLabel) {
     view.setImeActionLabel(returnKeyLabel, IME_ACTION_ID);
   }
 
-  @ReactPropGroup(names = {
-      ViewProps.BORDER_RADIUS,
-      ViewProps.BORDER_TOP_LEFT_RADIUS,
-      ViewProps.BORDER_TOP_RIGHT_RADIUS,
-      ViewProps.BORDER_BOTTOM_RIGHT_RADIUS,
-      ViewProps.BORDER_BOTTOM_LEFT_RADIUS
-  }, defaultFloat = YogaConstants.UNDEFINED)
+  @ReactPropGroup(
+      names = {
+        ViewProps.BORDER_RADIUS,
+        ViewProps.BORDER_TOP_LEFT_RADIUS,
+        ViewProps.BORDER_TOP_RIGHT_RADIUS,
+        ViewProps.BORDER_BOTTOM_RIGHT_RADIUS,
+        ViewProps.BORDER_BOTTOM_LEFT_RADIUS
+      },
+      defaultFloat = YogaConstants.UNDEFINED)
   public void setBorderRadius(ReactEditText view, int index, float borderRadius) {
     if (!YogaConstants.isUndefined(borderRadius)) {
       borderRadius = PixelUtil.toPixelFromDIP(borderRadius);
@@ -715,13 +753,20 @@ public void setBorderStyle(ReactEditText view, @Nullable String borderStyle) {
     view.setBorderStyle(borderStyle);
   }
 
-  @ReactPropGroup(names = {
-      ViewProps.BORDER_WIDTH,
-      ViewProps.BORDER_LEFT_WIDTH,
-      ViewProps.BORDER_RIGHT_WIDTH,
-      ViewProps.BORDER_TOP_WIDTH,
-      ViewProps.BORDER_BOTTOM_WIDTH,
-  }, defaultFloat = YogaConstants.UNDEFINED)
+  @ReactProp(name = "showSoftInputOnFocus", defaultBoolean = true)
+  public void showKeyboardOnFocus(ReactEditText view, boolean showKeyboardOnFocus) {
+    view.setShowSoftInputOnFocus(showKeyboardOnFocus);
+  }
+
+  @ReactPropGroup(
+      names = {
+        ViewProps.BORDER_WIDTH,
+        ViewProps.BORDER_LEFT_WIDTH,
+        ViewProps.BORDER_RIGHT_WIDTH,
+        ViewProps.BORDER_TOP_WIDTH,
+        ViewProps.BORDER_BOTTOM_WIDTH,
+      },
+      defaultFloat = YogaConstants.UNDEFINED)
   public void setBorderWidth(ReactEditText view, int index, float width) {
     if (!YogaConstants.isUndefined(width)) {
       width = PixelUtil.toPixelFromDIP(width);
@@ -729,12 +774,19 @@ public void setBorderWidth(ReactEditText view, int index, float width) {
     view.setBorderWidth(SPACING_TYPES[index], width);
   }
 
-  @ReactPropGroup(names = {
-      "borderColor", "borderLeftColor", "borderRightColor", "borderTopColor", "borderBottomColor"
-  }, customType = "Color")
+  @ReactPropGroup(
+      names = {
+        "borderColor",
+        "borderLeftColor",
+        "borderRightColor",
+        "borderTopColor",
+        "borderBottomColor"
+      },
+      customType = "Color")
   public void setBorderColor(ReactEditText view, int index, Integer color) {
-    float rgbComponent = color == null ? YogaConstants.UNDEFINED : (float) ((int)color & 0x00FFFFFF);
-    float alphaComponent = color == null ? YogaConstants.UNDEFINED : (float) ((int)color >>> 24);
+    float rgbComponent =
+        color == null ? YogaConstants.UNDEFINED : (float) ((int) color & 0x00FFFFFF);
+    float alphaComponent = color == null ? YogaConstants.UNDEFINED : (float) ((int) color >>> 24);
     view.setBorderColor(SPACING_TYPES[index], rgbComponent, alphaComponent);
   }
 
@@ -746,13 +798,11 @@ protected void onAfterUpdateTransaction(ReactEditText view) {
 
   // Sets the correct password type, since numeric and text passwords have different types
   private static void checkPasswordType(ReactEditText view) {
-    if ((view.getStagedInputType() & INPUT_TYPE_KEYBOARD_NUMBERED) != 0 &&
-        (view.getStagedInputType() & InputType.TYPE_TEXT_VARIATION_PASSWORD) != 0) {
+    if ((view.getStagedInputType() & INPUT_TYPE_KEYBOARD_NUMBERED) != 0
+        && (view.getStagedInputType() & InputType.TYPE_TEXT_VARIATION_PASSWORD) != 0) {
       // Text input type is numbered password, remove text password variation, add numeric one
       updateStagedInputTypeFlag(
-          view,
-          InputType.TYPE_TEXT_VARIATION_PASSWORD,
-          InputType.TYPE_NUMBER_VARIATION_PASSWORD);
+          view, InputType.TYPE_TEXT_VARIATION_PASSWORD, InputType.TYPE_NUMBER_VARIATION_PASSWORD);
     }
   }
 
@@ -760,20 +810,21 @@ private static void checkPasswordType(ReactEditText view) {
    * This code was taken from the method parseNumericFontWeight of the class ReactTextShadowNode
    * TODO: Factor into a common place they can both use
    *
-   * Return -1 if the input string is not a valid numeric fontWeight (100, 200, ..., 900), otherwise
-   * return the weight.
+   * <p>Return -1 if the input string is not a valid numeric fontWeight (100, 200, ..., 900),
+   * otherwise return the weight.
    */
   private static int parseNumericFontWeight(String fontWeightString) {
     // This should be much faster than using regex to verify input and Integer.parseInt
-    return fontWeightString.length() == 3 && fontWeightString.endsWith("00")
-            && fontWeightString.charAt(0) <= '9' && fontWeightString.charAt(0) >= '1' ?
-            100 * (fontWeightString.charAt(0) - '0') : -1;
+    return fontWeightString.length() == 3
+            && fontWeightString.endsWith("00")
+            && fontWeightString.charAt(0) <= '9'
+            && fontWeightString.charAt(0) >= '1'
+        ? 100 * (fontWeightString.charAt(0) - '0')
+        : -1;
   }
 
   private static void updateStagedInputTypeFlag(
-      ReactEditText view,
-      int flagsToUnset,
-      int flagsToSet) {
+      ReactEditText view, int flagsToUnset, int flagsToSet) {
     view.setStagedInputType((view.getStagedInputType() & ~flagsToUnset) | flagsToSet);
   }
 
@@ -784,8 +835,7 @@ private class ReactTextInputTextWatcher implements TextWatcher {
     private String mPreviousText;
 
     public ReactTextInputTextWatcher(
-        final ReactContext reactContext,
-        final ReactEditText editText) {
+        final ReactContext reactContext, final ReactEditText editText) {
       mEventDispatcher = reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher();
       mEditText = editText;
       mPreviousText = null;
@@ -817,28 +867,19 @@ public void onTextChanged(CharSequence s, int start, int before, int count) {
       // TODO: t7936714 merge these events
       mEventDispatcher.dispatchEvent(
           new ReactTextChangedEvent(
-              mEditText.getId(),
-              s.toString(),
-              mEditText.incrementAndGetEventCounter()));
+              mEditText.getId(), s.toString(), mEditText.incrementAndGetEventCounter()));
 
       mEventDispatcher.dispatchEvent(
-          new ReactTextInputEvent(
-              mEditText.getId(),
-              newText,
-              oldText,
-              start,
-              start + before));
+          new ReactTextInputEvent(mEditText.getId(), newText, oldText, start, start + before));
     }
 
     @Override
-    public void afterTextChanged(Editable s) {
-    }
+    public void afterTextChanged(Editable s) {}
   }
 
   @Override
   protected void addEventEmitters(
-      final ThemedReactContext reactContext,
-      final ReactEditText editText) {
+      final ThemedReactContext reactContext, final ReactEditText editText) {
     editText.addTextChangedListener(new ReactTextInputTextWatcher(reactContext, editText));
     editText.setOnFocusChangeListener(
         new View.OnFocusChangeListener() {
@@ -846,18 +887,13 @@ public void onFocusChange(View v, boolean hasFocus) {
             EventDispatcher eventDispatcher =
                 reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher();
             if (hasFocus) {
-              eventDispatcher.dispatchEvent(
-                  new ReactTextInputFocusEvent(
-                      editText.getId()));
+              eventDispatcher.dispatchEvent(new ReactTextInputFocusEvent(editText.getId()));
             } else {
-              eventDispatcher.dispatchEvent(
-                  new ReactTextInputBlurEvent(
-                      editText.getId()));
+              eventDispatcher.dispatchEvent(new ReactTextInputBlurEvent(editText.getId()));
 
               eventDispatcher.dispatchEvent(
                   new ReactTextInputEndEditingEvent(
-                      editText.getId(),
-                      editText.getText().toString()));
+                      editText.getId(), editText.getText().toString()));
             }
           }
         });
@@ -866,16 +902,15 @@ public void onFocusChange(View v, boolean hasFocus) {
         new TextView.OnEditorActionListener() {
           @Override
           public boolean onEditorAction(TextView v, int actionId, KeyEvent keyEvent) {
-            // Any 'Enter' action will do
-            if ((actionId & EditorInfo.IME_MASK_ACTION) > 0 ||
-                actionId == EditorInfo.IME_NULL) {
+            if ((actionId & EditorInfo.IME_MASK_ACTION) != 0 || actionId == EditorInfo.IME_NULL) {
               boolean blurOnSubmit = editText.getBlurOnSubmit();
-              boolean isMultiline = ((editText.getInputType() &
-                InputType.TYPE_TEXT_FLAG_MULTI_LINE) != 0);
+              boolean isMultiline = editText.isMultiline();
 
               // Motivation:
-              // * blurOnSubmit && isMultiline => Clear focus; prevent default behaviour (return true);
-              // * blurOnSubmit && !isMultiline => Clear focus; prevent default behaviour (return true);
+              // * blurOnSubmit && isMultiline => Clear focus; prevent default behaviour (return
+              // true);
+              // * blurOnSubmit && !isMultiline => Clear focus; prevent default behaviour (return
+              // true);
               // * !blurOnSubmit && isMultiline => Perform default behaviour (return false);
               // * !blurOnSubmit && !isMultiline => Prevent default behaviour (return true).
               // Additionally we always generate a `submit` event.
@@ -885,21 +920,27 @@ public boolean onEditorAction(TextView v, int actionId, KeyEvent keyEvent) {
 
               eventDispatcher.dispatchEvent(
                   new ReactTextInputSubmitEditingEvent(
-                      editText.getId(),
-                      editText.getText().toString()));
+                      editText.getId(), editText.getText().toString()));
 
               if (blurOnSubmit) {
                 editText.clearFocus();
               }
 
               // Prevent default behavior except when we want it to insert a newline.
-              return blurOnSubmit || !isMultiline;
-            } else if (actionId == EditorInfo.IME_ACTION_NEXT) {
-              View v1 = v.focusSearch(FOCUS_FORWARD);
-              if (v1 != null && !v.requestFocus(FOCUS_FORWARD)) {
+              if (blurOnSubmit || !isMultiline) {
                 return true;
               }
-              return false;
+
+              // If we've reached this point, it means that the TextInput has 'blurOnSubmit' set to
+              // false 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;
@@ -926,10 +967,14 @@ public void onLayout() {
 
       // Use instead size of text content within EditText when available
       if (mEditText.getLayout() != null) {
-        contentWidth = mEditText.getCompoundPaddingLeft() + mEditText.getLayout().getWidth() +
-          mEditText.getCompoundPaddingRight();
-        contentHeight = mEditText.getCompoundPaddingTop() + mEditText.getLayout().getHeight() +
-          mEditText.getCompoundPaddingBottom();
+        contentWidth =
+            mEditText.getCompoundPaddingLeft()
+                + mEditText.getLayout().getWidth()
+                + mEditText.getCompoundPaddingRight();
+        contentHeight =
+            mEditText.getCompoundPaddingTop()
+                + mEditText.getLayout().getHeight()
+                + mEditText.getCompoundPaddingBottom();
       }
 
       if (contentWidth != mPreviousContentWidth || contentHeight != mPreviousContentHeight) {
@@ -937,10 +982,10 @@ public void onLayout() {
         mPreviousContentWidth = contentWidth;
 
         mEventDispatcher.dispatchEvent(
-          new ReactContentSizeChangedEvent(
-            mEditText.getId(),
-            PixelUtil.toDIPFromPixel(contentWidth),
-            PixelUtil.toDIPFromPixel(contentHeight)));
+            new ReactContentSizeChangedEvent(
+                mEditText.getId(),
+                PixelUtil.toDIPFromPixel(contentWidth),
+                PixelUtil.toDIPFromPixel(contentHeight)));
       }
     }
   }
@@ -971,11 +1016,7 @@ public void onSelectionChanged(int start, int end) {
 
       if (mPreviousSelectionStart != realStart || mPreviousSelectionEnd != realEnd) {
         mEventDispatcher.dispatchEvent(
-            new ReactTextInputSelectionEvent(
-                mReactEditText.getId(),
-                realStart,
-                realEnd
-            ));
+            new ReactTextInputSelectionEvent(mReactEditText.getId(), realStart, realEnd));
 
         mPreviousSelectionStart = realStart;
         mPreviousSelectionEnd = realEnd;
@@ -999,17 +1040,18 @@ public ReactScrollWatcher(ReactEditText editText) {
     @Override
     public void onScrollChanged(int horiz, int vert, int oldHoriz, int oldVert) {
       if (mPreviousHoriz != horiz || mPreviousVert != vert) {
-        ScrollEvent event = ScrollEvent.obtain(
-          mReactEditText.getId(),
-          ScrollEventType.SCROLL,
-          horiz,
-          vert,
-          0f, // can't get x velocity
-          0f, // can't get y velocity
-          0, // can't get content width
-          0, // can't get content height
-          mReactEditText.getWidth(),
-          mReactEditText.getHeight());
+        ScrollEvent event =
+            ScrollEvent.obtain(
+                mReactEditText.getId(),
+                ScrollEventType.SCROLL,
+                horiz,
+                vert,
+                0f, // can't get x velocity
+                0f, // can't get y velocity
+                0, // can't get content width
+                0, // can't get content height
+                mReactEditText.getWidth(),
+                mReactEditText.getHeight());
 
         mEventDispatcher.dispatchEvent(event);
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputSelectionEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputSelectionEvent.java
index 1ab8c077e45b22..b1116a9b83d8ee 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputSelectionEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputSelectionEvent.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 com.facebook.react.bridge.Arguments;
@@ -12,21 +11,15 @@
 import com.facebook.react.uimanager.events.Event;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
 
-/**
- * Event emitted by EditText native view when the text selection changes.
- */
-/* package */ class ReactTextInputSelectionEvent
-    extends Event<ReactTextInputSelectionEvent> {
+/** Event emitted by EditText native view when the text selection changes. */
+/* package */ class ReactTextInputSelectionEvent extends Event<ReactTextInputSelectionEvent> {
 
   private static final String EVENT_NAME = "topSelectionChange";
 
   private int mSelectionStart;
   private int mSelectionEnd;
 
-  public ReactTextInputSelectionEvent(
-      int viewId,
-      int selectionStart,
-      int selectionEnd) {
+  public ReactTextInputSelectionEvent(int viewId, int selectionStart, int selectionEnd) {
     super(viewId);
     mSelectionStart = selectionStart;
     mSelectionEnd = selectionEnd;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputShadowNode.java
index 3f00b8718b3ad6..262687e6bfca6d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputShadowNode.java
@@ -1,31 +1,26 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 android.annotation.TargetApi;
 import android.os.Build;
-import androidx.core.view.ViewCompat;
 import android.text.Layout;
 import android.util.TypedValue;
 import android.view.ViewGroup;
 import android.widget.EditText;
+import androidx.annotation.Nullable;
+import androidx.core.view.ViewCompat;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.common.annotations.VisibleForTesting;
-import com.facebook.react.uimanager.LayoutShadowNode;
-import com.facebook.react.uimanager.NativeViewHierarchyOptimizer;
-import com.facebook.react.uimanager.PixelUtil;
-import com.facebook.react.uimanager.ReactShadowNodeImpl;
 import com.facebook.react.uimanager.Spacing;
 import com.facebook.react.uimanager.ThemedReactContext;
 import com.facebook.react.uimanager.UIViewOperationQueue;
-import com.facebook.react.uimanager.ViewDefaults;
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.views.text.ReactBaseTextShadowNode;
 import com.facebook.react.views.text.ReactTextUpdate;
@@ -34,7 +29,6 @@
 import com.facebook.yoga.YogaMeasureMode;
 import com.facebook.yoga.YogaMeasureOutput;
 import com.facebook.yoga.YogaNode;
-import javax.annotation.Nullable;
 
 @VisibleForTesting
 @TargetApi(Build.VERSION_CODES.M)
@@ -56,8 +50,10 @@ public class ReactTextInputShadowNode extends ReactBaseTextShadowNode
   private int mSelectionEnd = UNSET;
 
   public ReactTextInputShadowNode() {
-    mTextBreakStrategy = (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) ?
-      Layout.BREAK_STRATEGY_SIMPLE : Layout.BREAK_STRATEGY_HIGH_QUALITY;
+    mTextBreakStrategy =
+        (Build.VERSION.SDK_INT < Build.VERSION_CODES.M)
+            ? Layout.BREAK_STRATEGY_SIMPLE
+            : Layout.BREAK_STRATEGY_HIGH_QUALITY;
 
     initMeasureFunction();
   }
@@ -115,15 +111,15 @@ public long measure(
         editText.setLines(mNumberOfLines);
       }
 
-      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M &&
-          editText.getBreakStrategy() != mTextBreakStrategy) {
+      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M
+          && editText.getBreakStrategy() != mTextBreakStrategy) {
         editText.setBreakStrategy(mTextBreakStrategy);
       }
     }
 
-     // make sure the placeholder content is also being measured
-     editText.setHint(getPlaceholder());
-     editText.measure(
+    // make sure the placeholder content is also being measured
+    editText.setHint(getPlaceholder());
+    editText.measure(
         MeasureUtil.getMeasureSpec(width, widthMode),
         MeasureUtil.getMeasureSpec(height, heightMode));
 
@@ -180,8 +176,7 @@ public void setPlaceholder(@Nullable String placeholder) {
   @ReactProp(name = PROP_SELECTION)
   public void setSelection(@Nullable ReadableMap selection) {
     mSelectionStart = mSelectionEnd = UNSET;
-    if (selection == null)
-      return;
+    if (selection == null) return;
 
     if (selection.hasKey("start") && selection.hasKey("end")) {
       mSelectionStart = selection.getInt("start");
@@ -203,7 +198,8 @@ public void setTextBreakStrategy(@Nullable String textBreakStrategy) {
     } else if ("balanced".equals(textBreakStrategy)) {
       mTextBreakStrategy = Layout.BREAK_STRATEGY_BALANCED;
     } else {
-      throw new JSApplicationIllegalArgumentException("Invalid textBreakStrategy: " + textBreakStrategy);
+      throw new JSApplicationIllegalArgumentException(
+          "Invalid textBreakStrategy: " + textBreakStrategy);
     }
   }
 
@@ -219,7 +215,7 @@ public void onCollectExtraUpdates(UIViewOperationQueue uiViewOperationQueue) {
                   getText(),
                   /* supportsInlineViews: */ false,
                   /* nativeViewHierarchyOptimizer: */ null // only needed to support inline views
-              ),
+                  ),
               mMostRecentEventCount,
               mContainsImages,
               getPadding(Spacing.LEFT),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputSubmitEditingEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputSubmitEditingEvent.java
index b75146c6e110c9..18eb8cb84f1b14 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputSubmitEditingEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputSubmitEditingEvent.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 com.facebook.react.bridge.Arguments;
@@ -12,9 +11,7 @@
 import com.facebook.react.uimanager.events.Event;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
 
-/**
- * Event emitted by EditText native view when the user submits the text.
- */
+/** Event emitted by EditText native view when the user submits the text. */
 /* package */ class ReactTextInputSubmitEditingEvent
     extends Event<ReactTextInputSubmitEditingEvent> {
 
@@ -22,9 +19,7 @@
 
   private String mText;
 
-  public ReactTextInputSubmitEditingEvent(
-      int viewId,
-      String text) {
+  public ReactTextInputSubmitEditingEvent(int viewId, String text) {
     super(viewId);
     mText = text;
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ScrollWatcher.java b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ScrollWatcher.java
index 5902cc082b0897..42a4b2bf43ad8d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ScrollWatcher.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ScrollWatcher.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 public interface ScrollWatcher {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/SelectionWatcher.java b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/SelectionWatcher.java
index 13bbdd20b4a79d..ca4b412e486d16 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/SelectionWatcher.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/SelectionWatcher.java
@@ -1,15 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
 
 /**
- * Implement this interface to be informed of selection changes in the ReactTextEdit
- * This is used by the ReactTextInputManager to forward events from the EditText to JS
+ * Implement this interface to be informed of selection changes in the ReactTextEdit This is used by
+ * the ReactTextInputManager to forward events from the EditText to JS
  */
 interface SelectionWatcher {
   public void onSelectionChanged(int start, int end);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/BUCK
deleted file mode 100644
index 55d7e0c8ed878c..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/BUCK
+++ /dev/null
@@ -1,30 +0,0 @@
-load("//tools/build_defs/oss:rn_defs.bzl", "YOGA_TARGET", "react_native_dep", "react_native_target", "rn_android_library")
-
-rn_android_library(
-    name = "toolbar",
-    srcs = glob(["**/*.java"]),
-    is_androidx = True,
-    provided_deps = [
-        react_native_dep("third-party/android/androidx:annotation"),
-        react_native_dep("third-party/android/androidx:appcompat"),
-        react_native_dep("third-party/android/androidx:core"),
-        react_native_dep("third-party/android/androidx:fragment"),
-        react_native_dep("third-party/android/androidx:legacy-support-core-ui"),
-        react_native_dep("third-party/android/androidx:legacy-support-core-utils"),
-    ],
-    visibility = [
-        "PUBLIC",
-    ],
-    deps = [
-        YOGA_TARGET,
-        react_native_dep("libraries/fresco/fresco-react-native:fbcore"),
-        react_native_dep("libraries/fresco/fresco-react-native:fresco-drawee"),
-        react_native_dep("libraries/fresco/fresco-react-native:fresco-react-native"),
-        react_native_dep("libraries/fresco/fresco-react-native:imagepipeline"),
-        react_native_dep("third-party/java/jsr-305:jsr-305"),
-        react_native_target("java/com/facebook/react/bridge:bridge"),
-        react_native_target("java/com/facebook/react/common:common"),
-        react_native_target("java/com/facebook/react/uimanager:uimanager"),
-        react_native_target("java/com/facebook/react/uimanager/annotations:annotations"),
-    ],
-)
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/DrawableWithIntrinsicSize.java b/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/DrawableWithIntrinsicSize.java
deleted file mode 100644
index b673abd96049ba..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/DrawableWithIntrinsicSize.java
+++ /dev/null
@@ -1,47 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source 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.toolbar;
-
-import android.graphics.drawable.Drawable;
-
-import com.facebook.drawee.drawable.ForwardingDrawable;
-import com.facebook.imagepipeline.image.ImageInfo;
-import com.facebook.react.uimanager.PixelUtil;
-
-/**
- * Fresco currently sets drawables' intrinsic size to (-1, -1). This is to guarantee that scaling is
- * performed correctly. In the case of the Toolbar, we don't have access to the widget's internal
- * ImageView, which has width/height set to WRAP_CONTENT, which relies on intrinsic size.
- *
- * To work around this we have this class which just wraps another Drawable, but returns the correct
- * dimensions in getIntrinsicWidth/Height. This makes WRAP_CONTENT work in Toolbar's internals.
- *
- * This drawable uses the size of a loaded image to determine the intrinsic size. It therefore can't
- * be used safely until *after* an image has loaded, and must be replaced when the image is
- * replaced.
- */
-public class DrawableWithIntrinsicSize extends ForwardingDrawable implements Drawable.Callback {
-
-  private final ImageInfo mImageInfo;
-
-  public DrawableWithIntrinsicSize(Drawable drawable, ImageInfo imageInfo) {
-    super(drawable);
-    mImageInfo = imageInfo;
-  }
-
-  @Override
-  public int getIntrinsicWidth() {
-    return mImageInfo.getWidth();
-  }
-
-  @Override
-  public int getIntrinsicHeight() {
-    return mImageInfo.getHeight();
-  }
-
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/ReactToolbar.java b/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/ReactToolbar.java
deleted file mode 100644
index aca9653bb6702e..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/ReactToolbar.java
+++ /dev/null
@@ -1,332 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source 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.toolbar;
-
-import android.content.Context;
-import android.graphics.drawable.Animatable;
-import android.graphics.drawable.Drawable;
-import android.net.Uri;
-import androidx.appcompat.widget.Toolbar;
-import android.view.Menu;
-import android.view.MenuItem;
-
-import com.facebook.drawee.backends.pipeline.Fresco;
-import com.facebook.drawee.controller.BaseControllerListener;
-import com.facebook.drawee.drawable.ScalingUtils;
-import com.facebook.drawee.generic.GenericDraweeHierarchy;
-import com.facebook.drawee.generic.GenericDraweeHierarchyBuilder;
-import com.facebook.drawee.interfaces.DraweeController;
-import com.facebook.drawee.view.DraweeHolder;
-import com.facebook.drawee.view.MultiDraweeHolder;
-import com.facebook.imagepipeline.image.ImageInfo;
-import com.facebook.imagepipeline.image.QualityInfo;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.uimanager.PixelUtil;
-
-import javax.annotation.Nullable;
-
-/**
- * Custom implementation of the {@link Toolbar} widget that adds support for remote images in logo
- * and navigationIcon using fresco.
- */
-public class ReactToolbar extends Toolbar {
-
-  private static final String PROP_ACTION_ICON = "icon";
-  private static final String PROP_ACTION_SHOW = "show";
-  private static final String PROP_ACTION_SHOW_WITH_TEXT = "showWithText";
-  private static final String PROP_ACTION_TITLE = "title";
-
-  private static final String PROP_ICON_URI = "uri";
-  private static final String PROP_ICON_WIDTH = "width";
-  private static final String PROP_ICON_HEIGHT = "height";
-
-  private final DraweeHolder mLogoHolder;
-  private final DraweeHolder mNavIconHolder;
-  private final DraweeHolder mOverflowIconHolder;
-  private final MultiDraweeHolder<GenericDraweeHierarchy> mActionsHolder =
-          new MultiDraweeHolder<>();
-
-  private IconControllerListener mLogoControllerListener;
-  private IconControllerListener mNavIconControllerListener;
-  private IconControllerListener mOverflowIconControllerListener;
-
-  /**
-   * Attaches specific icon width & height to a BaseControllerListener which will be used to
-   * create the Drawable
-   */
-  private abstract class IconControllerListener extends BaseControllerListener<ImageInfo> {
-
-    private final DraweeHolder mHolder;
-
-    private IconImageInfo mIconImageInfo;
-
-    public IconControllerListener(DraweeHolder holder) {
-      mHolder = holder;
-    }
-
-    public void setIconImageInfo(IconImageInfo iconImageInfo) {
-      mIconImageInfo = iconImageInfo;
-    }
-
-    @Override
-    public void onFinalImageSet(String id, @Nullable ImageInfo imageInfo, @Nullable Animatable animatable) {
-      super.onFinalImageSet(id, imageInfo, animatable);
-
-      final ImageInfo info = mIconImageInfo != null ? mIconImageInfo : imageInfo;
-      setDrawable(new DrawableWithIntrinsicSize(mHolder.getTopLevelDrawable(), info));
-    }
-
-    protected abstract void setDrawable(Drawable d);
-
-  }
-
-  private class ActionIconControllerListener extends IconControllerListener {
-    private final MenuItem mItem;
-
-    ActionIconControllerListener(MenuItem item, DraweeHolder holder) {
-      super(holder);
-      mItem = item;
-    }
-
-    @Override
-    protected void setDrawable(Drawable d) {
-      mItem.setIcon(d);
-      ReactToolbar.this.requestLayout();
-    }
-  }
-
-  /**
-   * Simple implementation of ImageInfo, only providing width & height
-   */
-  private static class IconImageInfo implements ImageInfo {
-
-    private int mWidth;
-    private int mHeight;
-
-    public IconImageInfo(int width, int height) {
-      mWidth = width;
-      mHeight = height;
-    }
-
-    @Override
-    public int getWidth() {
-      return mWidth;
-    }
-
-    @Override
-    public int getHeight() {
-      return mHeight;
-    }
-
-    @Override
-    public QualityInfo getQualityInfo() {
-      return null;
-    }
-
-  }
-
-  public ReactToolbar(Context context) {
-    super(context);
-
-    mLogoHolder = DraweeHolder.create(createDraweeHierarchy(), context);
-    mNavIconHolder = DraweeHolder.create(createDraweeHierarchy(), context);
-    mOverflowIconHolder = DraweeHolder.create(createDraweeHierarchy(), context);
-
-    mLogoControllerListener = new IconControllerListener(mLogoHolder) {
-      @Override
-      protected void setDrawable(Drawable d) {
-        setLogo(d);
-      }
-    };
-
-    mNavIconControllerListener = new IconControllerListener(mNavIconHolder) {
-      @Override
-      protected void setDrawable(Drawable d) {
-        setNavigationIcon(d);
-      }
-    };
-
-    mOverflowIconControllerListener = new IconControllerListener(mOverflowIconHolder) {
-      @Override
-      protected void setDrawable(Drawable d) {
-        setOverflowIcon(d);
-      }
-    };
-
-  }
-
-  private final Runnable mLayoutRunnable = new Runnable() {
-    @Override
-    public void run() {
-      measure(
-          MeasureSpec.makeMeasureSpec(getWidth(), MeasureSpec.EXACTLY),
-          MeasureSpec.makeMeasureSpec(getHeight(), MeasureSpec.EXACTLY));
-      layout(getLeft(), getTop(), getRight(), getBottom());
-    }
-  };
-
-  @Override
-  public void requestLayout() {
-    super.requestLayout();
-
-    // The toolbar relies on a measure + layout pass happening after it calls requestLayout().
-    // Without this, certain calls (e.g. setLogo) only take effect after a second invalidation.
-    post(mLayoutRunnable);
-  }
-
-  @Override
-  public void onDetachedFromWindow() {
-    super.onDetachedFromWindow();
-    detachDraweeHolders();
-  }
-
-  @Override
-  public void onStartTemporaryDetach() {
-    super.onStartTemporaryDetach();
-    detachDraweeHolders();
-  }
-
-  @Override
-  public void onAttachedToWindow() {
-    super.onAttachedToWindow();
-    attachDraweeHolders();
-  }
-
-  @Override
-  public void onFinishTemporaryDetach() {
-    super.onFinishTemporaryDetach();
-    attachDraweeHolders();
-  }
-
-  private void detachDraweeHolders() {
-    mLogoHolder.onDetach();
-    mNavIconHolder.onDetach();
-    mOverflowIconHolder.onDetach();
-    mActionsHolder.onDetach();
-  }
-
-  private void attachDraweeHolders() {
-    mLogoHolder.onAttach();
-    mNavIconHolder.onAttach();
-    mOverflowIconHolder.onAttach();
-    mActionsHolder.onAttach();
-  }
-
-  /* package */ void setLogoSource(@Nullable ReadableMap source) {
-    setIconSource(source, mLogoControllerListener, mLogoHolder);
-  }
-
-  /* package */ void setNavIconSource(@Nullable ReadableMap source) {
-    setIconSource(source, mNavIconControllerListener, mNavIconHolder);
-  }
-
-  /* package */ void setOverflowIconSource(@Nullable ReadableMap source) {
-    setIconSource(source, mOverflowIconControllerListener, mOverflowIconHolder);
-  }
-
-  /* package */ void setActions(@Nullable ReadableArray actions) {
-    Menu menu = getMenu();
-    menu.clear();
-    mActionsHolder.clear();
-    if (actions != null) {
-      for (int i = 0; i < actions.size(); i++) {
-        ReadableMap action = actions.getMap(i);
-
-        MenuItem item = menu.add(Menu.NONE, Menu.NONE, i, action.getString(PROP_ACTION_TITLE));
-
-        if (action.hasKey(PROP_ACTION_ICON)) {
-          setMenuItemIcon(item, action.getMap(PROP_ACTION_ICON));
-        }
-
-        int showAsAction = action.hasKey(PROP_ACTION_SHOW)
-            ? action.getInt(PROP_ACTION_SHOW)
-            : MenuItem.SHOW_AS_ACTION_NEVER;
-        if (action.hasKey(PROP_ACTION_SHOW_WITH_TEXT) &&
-            action.getBoolean(PROP_ACTION_SHOW_WITH_TEXT)) {
-          showAsAction = showAsAction | MenuItem.SHOW_AS_ACTION_WITH_TEXT;
-        }
-        item.setShowAsAction(showAsAction);
-      }
-    }
-  }
-
-  private void setMenuItemIcon(final MenuItem item, ReadableMap iconSource) {
-
-    DraweeHolder<GenericDraweeHierarchy> holder =
-            DraweeHolder.create(createDraweeHierarchy(), getContext());
-    ActionIconControllerListener controllerListener = new ActionIconControllerListener(item, holder);
-    controllerListener.setIconImageInfo(getIconImageInfo(iconSource));
-
-    setIconSource(iconSource, controllerListener, holder);
-
-    mActionsHolder.add(holder);
-
-  }
-
-  /**
-   * Sets an icon for a specific icon source. If the uri indicates an icon
-   * to be somewhere remote (http/https) or on the local filesystem, it uses fresco to load it.
-   * Otherwise it loads the Drawable from the Resources and directly returns it via a callback
-   */
-  private void setIconSource(ReadableMap source, IconControllerListener controllerListener, DraweeHolder holder) {
-
-    String uri = source != null ? source.getString(PROP_ICON_URI) : null;
-
-    if (uri == null) {
-      controllerListener.setIconImageInfo(null);
-      controllerListener.setDrawable(null);
-    } else if (uri.startsWith("http://") || uri.startsWith("https://") || uri.startsWith("file://")) {
-      controllerListener.setIconImageInfo(getIconImageInfo(source));
-      DraweeController controller = Fresco.newDraweeControllerBuilder()
-              .setUri(Uri.parse(uri))
-              .setControllerListener(controllerListener)
-              .setOldController(holder.getController())
-              .build();
-      holder.setController(controller);
-      holder.getTopLevelDrawable().setVisible(true, true);
-    } else {
-      controllerListener.setDrawable(getDrawableByName(uri));
-    }
-
-  }
-
-  private GenericDraweeHierarchy createDraweeHierarchy() {
-    return new GenericDraweeHierarchyBuilder(getResources())
-        .setActualImageScaleType(ScalingUtils.ScaleType.FIT_CENTER)
-        .setFadeDuration(0)
-        .build();
-  }
-
-  private int getDrawableResourceByName(String name) {
-    return getResources().getIdentifier(
-        name,
-        "drawable",
-        getContext().getPackageName());
-  }
-
-  private Drawable getDrawableByName(String name) {
-    int drawableResId = getDrawableResourceByName(name);
-    if (drawableResId != 0) {
-      return getResources().getDrawable(getDrawableResourceByName(name));
-    } else {
-      return null;
-    }
-  }
-
-  private IconImageInfo getIconImageInfo(ReadableMap source) {
-    if (source.hasKey(PROP_ICON_WIDTH) && source.hasKey(PROP_ICON_HEIGHT)) {
-      final int width = Math.round(PixelUtil.toPixelFromDIP(source.getInt(PROP_ICON_WIDTH)));
-      final int height = Math.round(PixelUtil.toPixelFromDIP(source.getInt(PROP_ICON_HEIGHT)));
-      return new IconImageInfo(width, height);
-    } else {
-      return null;
-    }
-  }
-
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/ReactToolbarManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/ReactToolbarManager.java
deleted file mode 100644
index 422d77d18c106e..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/ReactToolbarManager.java
+++ /dev/null
@@ -1,267 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source 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.toolbar;
-
-import android.content.Context;
-import android.content.res.Resources;
-import android.content.res.TypedArray;
-import android.graphics.Color;
-import androidx.core.view.ViewCompat;
-import android.util.LayoutDirection;
-import android.view.MenuItem;
-import android.view.View;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.common.MapBuilder;
-import com.facebook.react.uimanager.PixelUtil;
-import com.facebook.react.uimanager.ThemedReactContext;
-import com.facebook.react.uimanager.UIManagerModule;
-import com.facebook.react.uimanager.ViewGroupManager;
-import com.facebook.react.uimanager.annotations.ReactProp;
-import com.facebook.react.uimanager.events.EventDispatcher;
-import com.facebook.react.views.toolbar.events.ToolbarClickEvent;
-import java.util.Map;
-import javax.annotation.Nullable;
-
-/**
- * Manages instances of ReactToolbar.
- */
-public class ReactToolbarManager extends ViewGroupManager<ReactToolbar> {
-
-  private static final String REACT_CLASS = "ToolbarAndroid";
-  private static final int COMMAND_DISMISS_POPUP_MENUS = 1;
-
-  @Override
-  public String getName() {
-    return REACT_CLASS;
-  }
-
-  @Override
-  protected ReactToolbar createViewInstance(ThemedReactContext reactContext) {
-    return new ReactToolbar(reactContext);
-  }
-
-  @ReactProp(name = "logo")
-  public void setLogo(ReactToolbar view, @Nullable ReadableMap logo) {
-    view.setLogoSource(logo);
-  }
-
-  @ReactProp(name = "navIcon")
-  public void setNavIcon(ReactToolbar view, @Nullable ReadableMap navIcon) {
-    view.setNavIconSource(navIcon);
-  }
-
-  @ReactProp(name = "overflowIcon")
-  public void setOverflowIcon(ReactToolbar view, @Nullable ReadableMap overflowIcon) {
-    view.setOverflowIconSource(overflowIcon);
-  }
-
-  @ReactProp(name = "rtl")
-  public void setRtl(ReactToolbar view, boolean rtl) {
-    ViewCompat.setLayoutDirection(view, rtl ? ViewCompat.LAYOUT_DIRECTION_RTL : ViewCompat.LAYOUT_DIRECTION_LTR);
-  }
-
-  @ReactProp(name = "subtitle")
-  public void setSubtitle(ReactToolbar view, @Nullable String subtitle) {
-    view.setSubtitle(subtitle);
-  }
-
-  @ReactProp(name = "subtitleColor", customType = "Color")
-  public void setSubtitleColor(ReactToolbar view, @Nullable Integer subtitleColor) {
-    int[] defaultColors = getDefaultColors(view.getContext());
-    if (subtitleColor != null) {
-      view.setSubtitleTextColor(subtitleColor);
-    } else {
-      view.setSubtitleTextColor(defaultColors[1]);
-    }
-  }
-
-  @ReactProp(name = "title")
-  public void setTitle(ReactToolbar view, @Nullable String title) {
-    view.setTitle(title);
-  }
-
-  @ReactProp(name = "titleColor", customType = "Color")
-  public void setTitleColor(ReactToolbar view, @Nullable Integer titleColor) {
-    int[] defaultColors = getDefaultColors(view.getContext());
-    if (titleColor != null) {
-      view.setTitleTextColor(titleColor);
-    } else {
-      view.setTitleTextColor(defaultColors[0]);
-    }
-  }
-
-  @ReactProp(name = "contentInsetStart", defaultFloat = Float.NaN)
-  public void setContentInsetStart(ReactToolbar view, float insetStart) {
-    int inset = Float.isNaN(insetStart) ?
-        getDefaultContentInsets(view.getContext())[0] :
-        Math.round(PixelUtil.toPixelFromDIP(insetStart));
-    view.setContentInsetsRelative(inset, view.getContentInsetEnd());
-  }
-
-  @ReactProp(name = "contentInsetEnd", defaultFloat = Float.NaN)
-  public void setContentInsetEnd(ReactToolbar view, float insetEnd) {
-    int inset = Float.isNaN(insetEnd) ?
-        getDefaultContentInsets(view.getContext())[1] :
-        Math.round(PixelUtil.toPixelFromDIP(insetEnd));
-    view.setContentInsetsRelative(view.getContentInsetStart(), inset);
-  }
-
-  @ReactProp(name = "nativeActions")
-  public void setActions(ReactToolbar view, @Nullable ReadableArray actions) {
-    view.setActions(actions);
-  }
-
-  @Override
-  protected void addEventEmitters(final ThemedReactContext reactContext, final ReactToolbar view) {
-    final EventDispatcher mEventDispatcher = reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher();
-    view.setNavigationOnClickListener(
-        new View.OnClickListener() {
-          @Override
-          public void onClick(View v) {
-            mEventDispatcher.dispatchEvent(
-                new ToolbarClickEvent(view.getId(), -1));
-          }
-        });
-
-    view.setOnMenuItemClickListener(
-        new ReactToolbar.OnMenuItemClickListener() {
-          @Override
-          public boolean onMenuItemClick(MenuItem menuItem) {
-            mEventDispatcher.dispatchEvent(
-                new ToolbarClickEvent(
-                    view.getId(),
-                    menuItem.getOrder()));
-            return true;
-          }
-        });
-  }
-
-  @Nullable
-  @Override
-  public Map<String, Object> getExportedViewConstants() {
-    return MapBuilder.<String, Object>of(
-        "ShowAsAction",
-        MapBuilder.of(
-            "never", MenuItem.SHOW_AS_ACTION_NEVER,
-            "always", MenuItem.SHOW_AS_ACTION_ALWAYS,
-            "ifRoom", MenuItem.SHOW_AS_ACTION_IF_ROOM));
-  }
-
-  @Override
-  public boolean needsCustomLayoutForChildren() {
-    return true;
-  }
-
-  @Nullable
-  @Override
-  public Map<String, Integer> getCommandsMap() {
-    return MapBuilder.of("dismissPopupMenus", COMMAND_DISMISS_POPUP_MENUS);
-  }
-
-  @Override
-  public void receiveCommand(ReactToolbar view, int commandType, @Nullable ReadableArray args) {
-    switch (commandType) {
-      case COMMAND_DISMISS_POPUP_MENUS: {
-        view.dismissPopupMenus();
-        return;
-      }
-      default:
-        throw new IllegalArgumentException(String.format(
-          "Unsupported command %d received by %s.",
-          commandType,
-          getClass().getSimpleName()));
-    }
-  }
-
-  private int[] getDefaultContentInsets(Context context) {
-    Resources.Theme theme = context.getTheme();
-    TypedArray toolbarStyle = null;
-    TypedArray contentInsets = null;
-
-    try {
-      toolbarStyle =
-          theme.obtainStyledAttributes(new int[] {getIdentifier(context, "toolbarStyle")});
-
-      int toolbarStyleResId = toolbarStyle.getResourceId(0, 0);
-
-      contentInsets =
-          theme.obtainStyledAttributes(
-              toolbarStyleResId,
-              new int[] {
-                getIdentifier(context, "contentInsetStart"),
-                getIdentifier(context, "contentInsetEnd"),
-              });
-
-      int contentInsetStart = contentInsets.getDimensionPixelSize(0, 0);
-      int contentInsetEnd = contentInsets.getDimensionPixelSize(1, 0);
-
-      return new int[] {contentInsetStart, contentInsetEnd};
-    } finally {
-      recycleQuietly(toolbarStyle);
-      recycleQuietly(contentInsets);
-    }
-
-  }
-
-  private static int[] getDefaultColors(Context context) {
-    Resources.Theme theme = context.getTheme();
-    TypedArray toolbarStyle = null;
-    TypedArray textAppearances = null;
-    TypedArray titleTextAppearance = null;
-    TypedArray subtitleTextAppearance = null;
-
-    try {
-      toolbarStyle =
-          theme.obtainStyledAttributes(new int[] {getIdentifier(context, "toolbarStyle")});
-
-      int toolbarStyleResId = toolbarStyle.getResourceId(0, 0);
-      textAppearances =
-          theme.obtainStyledAttributes(
-              toolbarStyleResId,
-              new int[] {
-                getIdentifier(context, "titleTextAppearance"),
-                getIdentifier(context, "subtitleTextAppearance"),
-              });
-
-      int titleTextAppearanceResId = textAppearances.getResourceId(0, 0);
-      int subtitleTextAppearanceResId = textAppearances.getResourceId(1, 0);
-
-      titleTextAppearance = theme
-          .obtainStyledAttributes(titleTextAppearanceResId, new int[]{android.R.attr.textColor});
-      subtitleTextAppearance = theme
-          .obtainStyledAttributes(subtitleTextAppearanceResId, new int[]{android.R.attr.textColor});
-
-      int titleTextColor = titleTextAppearance.getColor(0, Color.BLACK);
-      int subtitleTextColor = subtitleTextAppearance.getColor(0, Color.BLACK);
-
-      return new int[] {titleTextColor, subtitleTextColor};
-    } finally {
-      recycleQuietly(toolbarStyle);
-      recycleQuietly(textAppearances);
-      recycleQuietly(titleTextAppearance);
-      recycleQuietly(subtitleTextAppearance);
-    }
-  }
-
-  private static void recycleQuietly(@Nullable TypedArray style) {
-    if (style != null) {
-      style.recycle();
-    }
-  }
-
-  /**
-   * The appcompat-v7 BUCK dep is listed as a provided_dep, which complains that
-   * com.facebook.react.R doesn't exist. Since the attributes provided from a parent, we can access
-   * those attributes dynamically.
-   */
-  private static int getIdentifier(Context context, String name) {
-    return context.getResources().getIdentifier(name, "attr", context.getPackageName());
-  }
-
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/events/ToolbarClickEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/events/ToolbarClickEvent.java
deleted file mode 100644
index 9025178c050e1f..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/events/ToolbarClickEvent.java
+++ /dev/null
@@ -1,49 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source 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.toolbar.events;
-
-import com.facebook.react.bridge.WritableMap;
-import com.facebook.react.bridge.WritableNativeMap;
-import com.facebook.react.uimanager.events.Event;
-import com.facebook.react.uimanager.events.RCTEventEmitter;
-
-/**
- * Represents a click on the toolbar.
- * Position is meaningful when the click happened on a menu
- */
-public class ToolbarClickEvent extends Event<ToolbarClickEvent> {
-
-  private static final String EVENT_NAME = "topSelect";
-  private final int position;
-
-  public ToolbarClickEvent(int viewId, int position) {
-    super(viewId);
-    this.position = position;
-  }
-
-  public int getPosition() {
-    return position;
-  }
-
-  @Override
-  public String getEventName() {
-    return EVENT_NAME;
-  }
-
-  @Override
-  public boolean canCoalesce() {
-    return false;
-  }
-
-  @Override
-  public void dispatch(RCTEventEmitter rctEventEmitter) {
-    WritableMap event = new WritableNativeMap();
-    event.putInt("position", getPosition());
-    rctEventEmitter.receiveEvent(getViewTag(), getEventName(), event);
-  }
-
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/unimplementedview/ReactUnimplementedView.java b/ReactAndroid/src/main/java/com/facebook/react/views/unimplementedview/ReactUnimplementedView.java
index f32e6eb0428b9a..c07178a5794856 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/unimplementedview/ReactUnimplementedView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/unimplementedview/ReactUnimplementedView.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.unimplementedview;
 
 import android.content.Context;
@@ -19,7 +18,9 @@ public class ReactUnimplementedView extends LinearLayout {
   public ReactUnimplementedView(Context context) {
     super(context);
     mTextView = new AppCompatTextView(context);
-    mTextView.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.MATCH_PARENT));
+    mTextView.setLayoutParams(
+        new LinearLayout.LayoutParams(
+            LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.MATCH_PARENT));
     mTextView.setGravity(Gravity.CENTER);
     mTextView.setTextColor(Color.WHITE);
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/unimplementedview/ReactUnimplementedViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/unimplementedview/ReactUnimplementedViewManager.java
index 9d8f685d2b4541..ff21baf1514133 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/unimplementedview/ReactUnimplementedViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/unimplementedview/ReactUnimplementedViewManager.java
@@ -1,23 +1,22 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.unimplementedview;
 
 import static com.facebook.react.views.unimplementedview.ReactUnimplementedViewManager.REACT_CLASS;
 
+import androidx.annotation.Nullable;
 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 javax.annotation.Nullable;
 
 /**
- * ViewManager for {@link ReactUnimplementedView} to represent a component that is not
- * yet supported.
+ * ViewManager for {@link ReactUnimplementedView} to represent a component that is not yet
+ * supported.
  */
 @ReactModule(name = ReactUnimplementedViewManager.REACT_CLASS)
 public class ReactUnimplementedViewManager extends ViewGroupManager<ReactUnimplementedView> {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/view/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/view/BUCK
index c4f3a6e88b47ce..3eec5c6bf13961 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/view/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/view/BUCK
@@ -5,7 +5,6 @@ rn_android_library(
     srcs = glob(["*.java"]),
     is_androidx = True,
     provided_deps = [
-        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("third-party/android/androidx:core"),
         react_native_dep("third-party/android/androidx:fragment"),
         react_native_dep("third-party/android/androidx:legacy-support-core-ui"),
@@ -16,6 +15,7 @@ rn_android_library(
     ],
     deps = [
         YOGA_TARGET,
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("libraries/fbcore/src/main/java/com/facebook/common/logging:logging"),
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/view/ColorUtil.java b/ReactAndroid/src/main/java/com/facebook/react/views/view/ColorUtil.java
index 5b4bd245a6e523..e6625749262fee 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/view/ColorUtil.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/view/ColorUtil.java
@@ -1,24 +1,23 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.PixelFormat;
 
 /**
- * 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.
+ * 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.
  */
 public class ColorUtil {
 
   /**
    * Multiplies the color with the given alpha.
+   *
    * @param color color to be multiplied
    * @param alpha value between 0 and 255
    * @return multiplied color
@@ -38,6 +37,7 @@ public static int multiplyColorAlpha(int color, int alpha) {
 
   /**
    * Gets the opacity from a color. Inspired by Android ColorDrawable.
+   *
    * @return opacity expressed by one of PixelFormat constants
    */
   public static int getOpacityFromColor(int color) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/view/MeasureUtil.java b/ReactAndroid/src/main/java/com/facebook/react/views/view/MeasureUtil.java
index 44cdf5f2ccec80..763f1491e190bd 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/view/MeasureUtil.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/view/MeasureUtil.java
@@ -6,7 +6,6 @@
 package com.facebook.react.views.view;
 
 import android.view.View;
-
 import com.facebook.yoga.YogaMeasureMode;
 
 public class MeasureUtil {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactDrawableHelper.java b/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactDrawableHelper.java
index 51b24ceeaa2935..8f68c957208c57 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactDrawableHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactDrawableHelper.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.annotation.TargetApi;
@@ -16,7 +15,6 @@
 import android.graphics.drawable.RippleDrawable;
 import android.os.Build;
 import android.util.TypedValue;
-
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.SoftAssertions;
@@ -32,61 +30,58 @@ public class ReactDrawableHelper {
 
   @TargetApi(Build.VERSION_CODES.LOLLIPOP)
   public static Drawable createDrawableFromJSDescription(
-      Context context,
-      ReadableMap drawableDescriptionDict) {
+      Context context, ReadableMap drawableDescriptionDict) {
     String type = drawableDescriptionDict.getString("type");
     if ("ThemeAttrAndroid".equals(type)) {
       String attr = drawableDescriptionDict.getString("attribute");
       SoftAssertions.assertNotNull(attr);
       int attrID = context.getResources().getIdentifier(attr, "attr", "android");
       if (attrID == 0) {
-        throw new JSApplicationIllegalArgumentException("Attribute " + attr +
-            " couldn't be found in the resource list");
+        throw new JSApplicationIllegalArgumentException(
+            "Attribute " + attr + " couldn't be found in the resource list");
       }
       if (context.getTheme().resolveAttribute(attrID, sResolveOutValue, true)) {
         if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
-          return context.getResources()
+          return context
+              .getResources()
               .getDrawable(sResolveOutValue.resourceId, context.getTheme());
         } else {
           return context.getResources().getDrawable(sResolveOutValue.resourceId);
         }
       } else {
-        throw new JSApplicationIllegalArgumentException("Attribute " + attr +
-            " couldn't be resolved into a drawable");
+        throw new JSApplicationIllegalArgumentException(
+            "Attribute " + attr + " couldn't be resolved into a drawable");
       }
     } else if ("RippleAndroid".equals(type)) {
       if (Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
-        throw new JSApplicationIllegalArgumentException("Ripple drawable is not available on " +
-            "android API <21");
+        throw new JSApplicationIllegalArgumentException(
+            "Ripple drawable is not available on " + "android API <21");
       }
       int color;
-      if (drawableDescriptionDict.hasKey(ViewProps.COLOR) &&
-          !drawableDescriptionDict.isNull(ViewProps.COLOR)) {
+      if (drawableDescriptionDict.hasKey(ViewProps.COLOR)
+          && !drawableDescriptionDict.isNull(ViewProps.COLOR)) {
         color = drawableDescriptionDict.getInt(ViewProps.COLOR);
       } else {
-        if (context.getTheme().resolveAttribute(
-            android.R.attr.colorControlHighlight,
-            sResolveOutValue,
-            true)) {
+        if (context
+            .getTheme()
+            .resolveAttribute(android.R.attr.colorControlHighlight, sResolveOutValue, true)) {
           color = context.getResources().getColor(sResolveOutValue.resourceId);
         } else {
-          throw new JSApplicationIllegalArgumentException("Attribute colorControlHighlight " +
-              "couldn't be resolved into a drawable");
+          throw new JSApplicationIllegalArgumentException(
+              "Attribute colorControlHighlight " + "couldn't be resolved into a drawable");
         }
       }
       Drawable mask = null;
-      if (!drawableDescriptionDict.hasKey("borderless") ||
-          drawableDescriptionDict.isNull("borderless") ||
-          !drawableDescriptionDict.getBoolean("borderless")) {
+      if (!drawableDescriptionDict.hasKey("borderless")
+          || drawableDescriptionDict.isNull("borderless")
+          || !drawableDescriptionDict.getBoolean("borderless")) {
         mask = new ColorDrawable(Color.WHITE);
       }
-      ColorStateList colorStateList = new ColorStateList(
-          new int[][] {new int[]{}},
-          new int[] {color});
+      ColorStateList colorStateList =
+          new ColorStateList(new int[][] {new int[] {}}, new int[] {color});
       return new RippleDrawable(colorStateList, null, mask);
     } else {
-      throw new JSApplicationIllegalArgumentException(
-          "Invalid type for android drawable: " + type);
+      throw new JSApplicationIllegalArgumentException("Invalid type for android drawable: " + type);
     }
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundDrawable.java b/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundDrawable.java
index 6fffa363d0ce99..7b17c7f6d3ea68 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundDrawable.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundDrawable.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.content.Context;
@@ -23,6 +22,7 @@
 import android.graphics.drawable.Drawable;
 import android.os.Build;
 import android.view.View;
+import androidx.annotation.Nullable;
 import com.facebook.react.common.annotations.VisibleForTesting;
 import com.facebook.react.modules.i18nmanager.I18nUtil;
 import com.facebook.react.uimanager.FloatUtil;
@@ -30,7 +30,6 @@
 import com.facebook.yoga.YogaConstants;
 import java.util.Arrays;
 import java.util.Locale;
-import javax.annotation.Nullable;
 
 /**
  * A subclass of {@link Drawable} used for background of {@link ReactViewGroup}. It supports drawing
@@ -65,7 +64,7 @@ private enum BorderStyle {
 
         case DASHED:
           return new DashPathEffect(
-              new float[] {borderWidth*3, borderWidth*3, borderWidth*3, borderWidth*3}, 0);
+              new float[] {borderWidth * 3, borderWidth * 3, borderWidth * 3, borderWidth * 3}, 0);
 
         case DOTTED:
           return new DashPathEffect(
@@ -187,7 +186,8 @@ public void getOutline(Outline outline) {
       super.getOutline(outline);
       return;
     }
-    if ((!YogaConstants.isUndefined(mBorderRadius) && mBorderRadius > 0) || mBorderCornerRadii != null) {
+    if ((!YogaConstants.isUndefined(mBorderRadius) && mBorderRadius > 0)
+        || mBorderCornerRadii != null) {
       updatePath();
 
       outline.setConvexPath(mPathForBorderRadiusOutline);
@@ -244,9 +244,8 @@ private void setBorderAlpha(int position, float alpha) {
   }
 
   public void setBorderStyle(@Nullable String style) {
-    BorderStyle borderStyle = style == null
-        ? null
-        : BorderStyle.valueOf(style.toUpperCase(Locale.US));
+    BorderStyle borderStyle =
+        style == null ? null : BorderStyle.valueOf(style.toUpperCase(Locale.US));
     if (mBorderStyle != borderStyle) {
       mBorderStyle = borderStyle;
       mNeedUpdatePathForBorderRadius = true;
@@ -255,7 +254,7 @@ public void setBorderStyle(@Nullable String style) {
   }
 
   public void setRadius(float radius) {
-    if (!FloatUtil.floatsEqual(mBorderRadius,radius)) {
+    if (!FloatUtil.floatsEqual(mBorderRadius, radius)) {
       mBorderRadius = radius;
       mNeedUpdatePathForBorderRadius = true;
       invalidateSelf();
@@ -339,27 +338,35 @@ private void drawRoundedBackgroundWithBorders(Canvas canvas) {
     }
 
     final RectF borderWidth = getDirectionAwareBorderInsets();
+    int colorLeft = getBorderColor(Spacing.LEFT);
+    int colorTop = getBorderColor(Spacing.TOP);
+    int colorRight = getBorderColor(Spacing.RIGHT);
+    int colorBottom = getBorderColor(Spacing.BOTTOM);
 
     if (borderWidth.top > 0
         || borderWidth.bottom > 0
         || borderWidth.left > 0
         || borderWidth.right > 0) {
 
-      //If it's a full and even border draw inner rect path with stroke
+      // If it's a full and even border draw inner rect path with stroke
       final float fullBorderWidth = getFullBorderWidth();
-      if (borderWidth.top == fullBorderWidth &&
-        borderWidth.bottom == fullBorderWidth &&
-        borderWidth.left == fullBorderWidth &&
-        borderWidth.right == fullBorderWidth) {
+      int borderColor = getBorderColor(Spacing.ALL);
+      if (borderWidth.top == fullBorderWidth
+          && borderWidth.bottom == fullBorderWidth
+          && borderWidth.left == fullBorderWidth
+          && borderWidth.right == fullBorderWidth
+          && colorLeft == borderColor
+          && colorTop == borderColor
+          && colorRight == borderColor
+          && colorBottom == borderColor) {
         if (fullBorderWidth > 0) {
-          int borderColor = getBorderColor(Spacing.ALL);
           mPaint.setColor(ColorUtil.multiplyColorAlpha(borderColor, mAlpha));
           mPaint.setStyle(Paint.Style.STROKE);
           mPaint.setStrokeWidth(fullBorderWidth);
           canvas.drawPath(mCenterDrawPath, mPaint);
         }
       }
-      //In the case of uneven border widths/colors draw quadrilateral in each direction
+      // In the case of uneven border widths/colors draw quadrilateral in each direction
       else {
         mPaint.setStyle(Paint.Style.FILL);
 
@@ -367,11 +374,6 @@ private void drawRoundedBackgroundWithBorders(Canvas canvas) {
         canvas.clipPath(mOuterClipPathForBorderRadius, Region.Op.INTERSECT);
         canvas.clipPath(mInnerClipPathForBorderRadius, Region.Op.DIFFERENCE);
 
-        int colorLeft = getBorderColor(Spacing.LEFT);
-        int colorTop = getBorderColor(Spacing.TOP);
-        int colorRight = getBorderColor(Spacing.RIGHT);
-        int colorBottom = getBorderColor(Spacing.BOTTOM);
-
         if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {
           final boolean isRTL = getResolvedLayoutDirection() == View.LAYOUT_DIRECTION_RTL;
           int colorStart = getBorderColor(Spacing.START);
@@ -398,9 +400,9 @@ private void drawRoundedBackgroundWithBorders(Canvas canvas) {
             final boolean isColorStartDefined = isBorderColorDefined(Spacing.START);
             final boolean isColorEndDefined = isBorderColorDefined(Spacing.END);
             final boolean isDirectionAwareColorLeftDefined =
-              isRTL ? isColorEndDefined : isColorStartDefined;
+                isRTL ? isColorEndDefined : isColorStartDefined;
             final boolean isDirectionAwareColorRightDefined =
-              isRTL ? isColorStartDefined : isColorEndDefined;
+                isRTL ? isColorStartDefined : isColorEndDefined;
 
             if (isDirectionAwareColorLeftDefined) {
               colorLeft = directionAwareColorLeft;
@@ -536,10 +538,8 @@ private void updatePath() {
     mInnerClipTempRectForBorderRadius.right -= borderWidth.right;
 
     final float borderRadius = getFullBorderRadius();
-    float topLeftRadius =
-        getBorderRadiusOrDefaultTo(borderRadius, BorderRadiusLocation.TOP_LEFT);
-    float topRightRadius =
-        getBorderRadiusOrDefaultTo(borderRadius, BorderRadiusLocation.TOP_RIGHT);
+    float topLeftRadius = getBorderRadiusOrDefaultTo(borderRadius, BorderRadiusLocation.TOP_LEFT);
+    float topRightRadius = getBorderRadiusOrDefaultTo(borderRadius, BorderRadiusLocation.TOP_RIGHT);
     float bottomLeftRadius =
         getBorderRadiusOrDefaultTo(borderRadius, BorderRadiusLocation.BOTTOM_LEFT);
     float bottomRightRadius =
@@ -646,32 +646,32 @@ private void updatePath() {
     }
 
     mPathForBorderRadiusOutline.addRoundRect(
-      mTempRectForBorderRadiusOutline,
-      new float[] {
-        topLeftRadius + extraRadiusForOutline,
-        topLeftRadius + extraRadiusForOutline,
-        topRightRadius + extraRadiusForOutline,
-        topRightRadius + extraRadiusForOutline,
-        bottomRightRadius + extraRadiusForOutline,
-        bottomRightRadius + extraRadiusForOutline,
-        bottomLeftRadius + extraRadiusForOutline,
-        bottomLeftRadius + extraRadiusForOutline
-      },
-      Path.Direction.CW);
+        mTempRectForBorderRadiusOutline,
+        new float[] {
+          topLeftRadius + extraRadiusForOutline,
+          topLeftRadius + extraRadiusForOutline,
+          topRightRadius + extraRadiusForOutline,
+          topRightRadius + extraRadiusForOutline,
+          bottomRightRadius + extraRadiusForOutline,
+          bottomRightRadius + extraRadiusForOutline,
+          bottomLeftRadius + extraRadiusForOutline,
+          bottomLeftRadius + extraRadiusForOutline
+        },
+        Path.Direction.CW);
 
     mCenterDrawPath.addRoundRect(
-      mTempRectForCenterDrawPath,
-      new float[] {
-        innerTopLeftRadiusX + (innerTopLeftRadiusX > 0 ? extraRadiusForOutline : 0),
-        innerTopLeftRadiusY + (innerTopLeftRadiusY > 0 ? extraRadiusForOutline : 0),
-        innerTopRightRadiusX + (innerTopRightRadiusX > 0 ? extraRadiusForOutline : 0),
-        innerTopRightRadiusY + (innerTopRightRadiusY > 0 ? extraRadiusForOutline : 0),
-        innerBottomRightRadiusX + (innerBottomRightRadiusX > 0 ? extraRadiusForOutline : 0),
-        innerBottomRightRadiusY + (innerBottomRightRadiusY > 0 ? extraRadiusForOutline : 0),
-        innerBottomLeftRadiusX + (innerBottomLeftRadiusX > 0 ? extraRadiusForOutline : 0),
-        innerBottomLeftRadiusY + (innerBottomLeftRadiusY > 0 ? extraRadiusForOutline : 0)
-      },
-      Path.Direction.CW);
+        mTempRectForCenterDrawPath,
+        new float[] {
+          innerTopLeftRadiusX + (topLeftRadius > 0 ? extraRadiusForOutline : 0),
+          innerTopLeftRadiusY + (topLeftRadius > 0 ? extraRadiusForOutline : 0),
+          innerTopRightRadiusX + (topRightRadius > 0 ? extraRadiusForOutline : 0),
+          innerTopRightRadiusY + (topRightRadius > 0 ? extraRadiusForOutline : 0),
+          innerBottomRightRadiusX + (bottomRightRadius > 0 ? extraRadiusForOutline : 0),
+          innerBottomRightRadiusY + (bottomRightRadius > 0 ? extraRadiusForOutline : 0),
+          innerBottomLeftRadiusX + (bottomLeftRadius > 0 ? extraRadiusForOutline : 0),
+          innerBottomLeftRadiusY + (bottomLeftRadius > 0 ? extraRadiusForOutline : 0)
+        },
+        Path.Direction.CW);
 
     /**
      * Rounded Multi-Colored Border Algorithm:
@@ -881,11 +881,10 @@ private static void getEllipseIntersectionWithLine(
     /**
      * Step 1:
      *
-     * Translate the line so that the ellipse is at the origin.
+     * <p>Translate the line so that the ellipse is at the origin.
      *
-     * Why? It makes the math easier by changing the ellipse equation from
-     * ((x - ellipseCenterX)/a)^2 + ((y - ellipseCenterY)/b)^2 = 1 to
-     * (x/a)^2 + (y/b)^2 = 1.
+     * <p>Why? It makes the math easier by changing the ellipse equation from ((x -
+     * ellipseCenterX)/a)^2 + ((y - ellipseCenterY)/b)^2 = 1 to (x/a)^2 + (y/b)^2 = 1.
      */
     lineStartX -= ellipseCenterX;
     lineStartY -= ellipseCenterY;
@@ -895,8 +894,7 @@ private static void getEllipseIntersectionWithLine(
     /**
      * Step 2:
      *
-     * Ellipse equation: (x/a)^2 + (y/b)^2 = 1
-     * Line equation: y = mx + c
+     * <p>Ellipse equation: (x/a)^2 + (y/b)^2 = 1 Line equation: y = mx + c
      */
     final double a = Math.abs(ellipseBoundsRight - ellipseBoundsLeft) / 2;
     final double b = Math.abs(ellipseBoundsBottom - ellipseBoundsTop) / 2;
@@ -906,10 +904,10 @@ private static void getEllipseIntersectionWithLine(
     /**
      * Step 3:
      *
-     * Substitute the Line equation into the Ellipse equation. Solve for x.
-     * Eventually, you'll have to use the quadratic formula.
+     * <p>Substitute the Line equation into the Ellipse equation. Solve for x. Eventually, you'll
+     * have to use the quadratic formula.
      *
-     * Quadratic formula: Ax^2 + Bx + C = 0
+     * <p>Quadratic formula: Ax^2 + Bx + C = 0
      */
     final double A = (b * b + a * a * m * m);
     final double B = 2 * a * a * c * m;
@@ -918,7 +916,7 @@ private static void getEllipseIntersectionWithLine(
     /**
      * Step 4:
      *
-     * Apply Quadratic formula. D = determinant / 2A
+     * <p>Apply Quadratic formula. D = determinant / 2A
      */
     final double D = Math.sqrt(-C / A + Math.pow(B / (2 * A), 2));
     final double x2 = -B / (2 * A) - D;
@@ -927,7 +925,7 @@ private static void getEllipseIntersectionWithLine(
     /**
      * Step 5:
      *
-     * Undo the space transformation in Step 5.
+     * <p>Undo the space transformation in Step 5.
      */
     final double x = x2 + ellipseCenterX;
     final double y = y2 + ellipseCenterY;
@@ -952,29 +950,27 @@ public float getBorderWidthOrDefaultTo(final float defaultValue, final int spaci
     return width;
   }
 
-  /**
-   * Set type of border
-   */
+  /** Set type of border */
   private void updatePathEffect() {
-    mPathEffectForBorderStyle = mBorderStyle != null
-        ? BorderStyle.getPathEffect(mBorderStyle, getFullBorderWidth())
-        : null;
+    mPathEffectForBorderStyle =
+        mBorderStyle != null ? BorderStyle.getPathEffect(mBorderStyle, getFullBorderWidth()) : null;
 
     mPaint.setPathEffect(mPathEffectForBorderStyle);
   }
 
   /** For rounded borders we use default "borderWidth" property. */
   public float getFullBorderWidth() {
-    return (mBorderWidth != null && !YogaConstants.isUndefined(mBorderWidth.getRaw(Spacing.ALL))) ?
-        mBorderWidth.getRaw(Spacing.ALL) : 0f;
+    return (mBorderWidth != null && !YogaConstants.isUndefined(mBorderWidth.getRaw(Spacing.ALL)))
+        ? mBorderWidth.getRaw(Spacing.ALL)
+        : 0f;
   }
 
   /**
-   * Quickly determine if all the set border colors are equal.  Bitwise AND all the set colors
-   * together, then OR them all together.  If the AND and the OR are the same, then the colors
-   * are compatible, so return this color.
+   * Quickly determine if all the set border colors are equal. Bitwise AND all the set colors
+   * together, then OR them all together. If the AND and the OR are the same, then the colors are
+   * compatible, so return this color.
    *
-   * Used to avoid expensive path creation and expensive calls to canvas.drawPath
+   * <p>Used to avoid expensive path creation and expensive calls to canvas.drawPath
    *
    * @return A compatible border color, or zero if the border colors are not compatible.
    */
@@ -987,14 +983,16 @@ private static int fastBorderCompatibleColorOrZero(
       int colorTop,
       int colorRight,
       int colorBottom) {
-    int andSmear = (borderLeft > 0 ? colorLeft : ALL_BITS_SET) &
-        (borderTop > 0 ? colorTop : ALL_BITS_SET) &
-        (borderRight > 0 ? colorRight : ALL_BITS_SET) &
-        (borderBottom > 0 ? colorBottom : ALL_BITS_SET);
-    int orSmear = (borderLeft > 0 ? colorLeft : ALL_BITS_UNSET) |
-        (borderTop > 0 ? colorTop : ALL_BITS_UNSET) |
-        (borderRight > 0 ? colorRight : ALL_BITS_UNSET) |
-        (borderBottom > 0 ? colorBottom : ALL_BITS_UNSET);
+    int andSmear =
+        (borderLeft > 0 ? colorLeft : ALL_BITS_SET)
+            & (borderTop > 0 ? colorTop : ALL_BITS_SET)
+            & (borderRight > 0 ? colorRight : ALL_BITS_SET)
+            & (borderBottom > 0 ? colorBottom : ALL_BITS_SET);
+    int orSmear =
+        (borderLeft > 0 ? colorLeft : ALL_BITS_UNSET)
+            | (borderTop > 0 ? colorTop : ALL_BITS_UNSET)
+            | (borderRight > 0 ? colorRight : ALL_BITS_UNSET)
+            | (borderBottom > 0 ? colorBottom : ALL_BITS_UNSET);
     return andSmear == orSmear ? andSmear : 0;
   }
 
@@ -1047,8 +1045,10 @@ private void drawRectangularBackgroundWithBorders(Canvas canvas) {
 
           final boolean isColorStartDefined = isBorderColorDefined(Spacing.START);
           final boolean isColorEndDefined = isBorderColorDefined(Spacing.END);
-          final boolean isDirectionAwareColorLeftDefined = isRTL ? isColorEndDefined : isColorStartDefined;
-          final boolean isDirectionAwareColorRightDefined = isRTL ? isColorStartDefined : isColorEndDefined;
+          final boolean isDirectionAwareColorLeftDefined =
+              isRTL ? isColorEndDefined : isColorStartDefined;
+          final boolean isDirectionAwareColorRightDefined =
+              isRTL ? isColorStartDefined : isColorEndDefined;
 
           if (isDirectionAwareColorLeftDefined) {
             colorLeft = directionAwareColorLeft;
@@ -1064,15 +1064,16 @@ private void drawRectangularBackgroundWithBorders(Canvas canvas) {
       int top = bounds.top;
 
       // Check for fast path to border drawing.
-      int fastBorderColor = fastBorderCompatibleColorOrZero(
-          borderLeft,
-          borderTop,
-          borderRight,
-          borderBottom,
-          colorLeft,
-          colorTop,
-          colorRight,
-          colorBottom);
+      int fastBorderColor =
+          fastBorderCompatibleColorOrZero(
+              borderLeft,
+              borderTop,
+              borderRight,
+              borderBottom,
+              colorLeft,
+              colorTop,
+              colorRight,
+              colorBottom);
       if (fastBorderColor != 0) {
         if (Color.alpha(fastBorderColor) != 0) {
           // Border color is not transparent.
@@ -1206,8 +1207,8 @@ private int getBorderWidth(int position) {
   }
 
   private static int colorFromAlphaAndRGBComponents(float alpha, float rgb) {
-    int rgbComponent = 0x00FFFFFF & (int)rgb;
-    int alphaComponent = 0xFF000000 & ((int)alpha) << 24;
+    int rgbComponent = 0x00FFFFFF & (int) rgb;
+    int alphaComponent = 0xFF000000 & ((int) alpha) << 24;
 
     return rgbComponent | alphaComponent;
   }
@@ -1265,11 +1266,6 @@ public RectF getDirectionAwareBorderInsets() {
       }
     }
 
-    return new RectF(
-      borderLeftWidth,
-      borderTopWidth,
-      borderRightWidth,
-      borderBottomWidth
-    );
+    return new RectF(borderLeftWidth, borderTopWidth, borderRightWidth, borderBottomWidth);
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundManager.java
index e8041d8fbc17bf..99ec6bdea0104a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundManager.java
@@ -8,9 +8,9 @@
 import android.graphics.Color;
 import android.graphics.drawable.Drawable;
 import android.graphics.drawable.LayerDrawable;
-import androidx.core.view.ViewCompat;
 import android.view.View;
-import javax.annotation.Nullable;
+import androidx.annotation.Nullable;
+import androidx.core.view.ViewCompat;
 
 /** Class that manages the background for views and borders. */
 public class ReactViewBackgroundManager {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewGroup.java b/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewGroup.java
index 4e89e9dbf59b9b..4cb0e95643ec5e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewGroup.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewGroup.java
@@ -1,12 +1,13 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 static com.facebook.react.common.ReactConstants.TAG;
+
 import android.annotation.SuppressLint;
 import android.annotation.TargetApi;
 import android.content.Context;
@@ -23,11 +24,11 @@
 import android.view.ViewGroup;
 import android.view.ViewStructure;
 import android.view.animation.Animation;
+import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.common.annotations.VisibleForTesting;
-import com.facebook.react.common.ReactConstants;
 import com.facebook.react.modules.i18nmanager.I18nUtil;
 import com.facebook.react.touch.OnInterceptTouchEventListener;
 import com.facebook.react.touch.ReactHitSlopView;
@@ -44,17 +45,17 @@
 import com.facebook.react.uimanager.ViewGroupDrawingOrderHelper;
 import com.facebook.react.uimanager.ViewProps;
 import com.facebook.yoga.YogaConstants;
-import javax.annotation.Nullable;
-
-import static com.facebook.react.common.ReactConstants.TAG;
 
 /**
  * Backing for a React View. Has support for borders, but since borders aren't common, lazy
  * initializes most of the storage needed for them.
  */
-public class ReactViewGroup extends ViewGroup implements
-    ReactInterceptingViewGroup, ReactClippingViewGroup, ReactPointerEventsView, ReactHitSlopView,
-    ReactZIndexedViewGroup {
+public class ReactViewGroup extends ViewGroup
+    implements ReactInterceptingViewGroup,
+        ReactClippingViewGroup,
+        ReactPointerEventsView,
+        ReactHitSlopView,
+        ReactZIndexedViewGroup {
 
   private static final int ARRAY_CAPACITY_INCREMENT = 12;
   private static final int DEFAULT_BACKGROUND_COLOR = Color.TRANSPARENT;
@@ -131,8 +132,7 @@ protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
     MeasureSpecAssertions.assertExplicitMeasureSpec(widthMeasureSpec, heightMeasureSpec);
 
     setMeasuredDimension(
-        MeasureSpec.getSize(widthMeasureSpec),
-        MeasureSpec.getSize(heightMeasureSpec));
+        MeasureSpec.getSize(widthMeasureSpec), MeasureSpec.getSize(heightMeasureSpec));
   }
 
   @Override
@@ -203,8 +203,8 @@ public void setOnInterceptTouchEventListener(OnInterceptTouchEventListener liste
 
   @Override
   public boolean onInterceptTouchEvent(MotionEvent ev) {
-    if (mOnInterceptTouchEventListener != null &&
-        mOnInterceptTouchEventListener.onInterceptTouchEvent(this, ev)) {
+    if (mOnInterceptTouchEventListener != null
+        && mOnInterceptTouchEventListener.onInterceptTouchEvent(this, ev)) {
       return true;
     }
     // We intercept the touch event if the children are not supposed to receive it.
@@ -237,9 +237,7 @@ public boolean hasOverlappingRendering() {
     return mNeedsOffscreenAlphaCompositing;
   }
 
-  /**
-   * See the documentation of needsOffscreenAlphaCompositing in View.js.
-   */
+  /** See the documentation of needsOffscreenAlphaCompositing in View.js. */
   public void setNeedsOffscreenAlphaCompositing(boolean needsOffscreenAlphaCompositing) {
     mNeedsOffscreenAlphaCompositing = needsOffscreenAlphaCompositing;
   }
@@ -258,9 +256,9 @@ public void setBorderRadius(float borderRadius) {
 
     if (Build.VERSION.SDK_INT < Build.VERSION_CODES.JELLY_BEAN_MR2) {
       final int UPDATED_LAYER_TYPE =
-        backgroundDrawable.hasRoundedBorders()
-          ? View.LAYER_TYPE_SOFTWARE
-          : View.LAYER_TYPE_HARDWARE;
+          backgroundDrawable.hasRoundedBorders()
+              ? View.LAYER_TYPE_SOFTWARE
+              : View.LAYER_TYPE_HARDWARE;
 
       if (UPDATED_LAYER_TYPE != getLayerType()) {
         setLayerType(UPDATED_LAYER_TYPE, null);
@@ -361,8 +359,9 @@ private void updateClippingToRect(Rect clippingRect) {
   private void updateSubviewClipStatus(Rect clippingRect, int idx, int clippedSoFar) {
     View child = Assertions.assertNotNull(mAllChildren)[idx];
     sHelperRect.set(child.getLeft(), child.getTop(), child.getRight(), child.getBottom());
-    boolean intersects = clippingRect
-        .intersects(sHelperRect.left, sHelperRect.top, sHelperRect.right, sHelperRect.bottom);
+    boolean intersects =
+        clippingRect.intersects(
+            sHelperRect.left, sHelperRect.top, sHelperRect.right, sHelperRect.bottom);
     boolean needUpdateClippingRecursive = false;
     // We never want to clip children that are being animated, as this can easily break layout :
     // when layout animation changes size and/or position of views contained inside a listview that
@@ -407,8 +406,9 @@ private void updateSubviewClipStatus(View subview) {
 
     // do fast check whether intersect state changed
     sHelperRect.set(subview.getLeft(), subview.getTop(), subview.getRight(), subview.getBottom());
-    boolean intersects = mClippingRect
-        .intersects(sHelperRect.left, sHelperRect.top, sHelperRect.right, sHelperRect.bottom);
+    boolean intersects =
+        mClippingRect.intersects(
+            sHelperRect.left, sHelperRect.top, sHelperRect.right, sHelperRect.bottom);
 
     // If it was intersecting before, should be attached to the parent
     boolean oldIntersects = (subview.getParent() != null);
@@ -445,7 +445,8 @@ protected void onAttachedToWindow() {
 
   @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.
+    // This will get called for every overload of addView so there is not need to override every
+    // method.
     mDrawingOrderHelper.handleAddView(child);
     setChildrenDrawingOrderEnabled(mDrawingOrderHelper.shouldEnableCustomDrawingOrder());
 
@@ -628,7 +629,7 @@ private ReactViewBackgroundDrawable getOrCreateReactViewBackground() {
       Drawable backgroundDrawable = getBackground();
       updateBackgroundDrawable(
           null); // required so that drawable callback is cleared before we add the
-                                  // drawable back as a part of LayerDrawable
+      // drawable back as a part of LayerDrawable
       if (backgroundDrawable == null) {
         updateBackgroundDrawable(mReactBackgroundDrawable);
       } else {
@@ -691,9 +692,10 @@ protected void dispatchDraw(Canvas canvas) {
       if (rootView != null) {
         rootView.handleException(e);
       } else {
-        if (getContext() instanceof  ReactContext) {
+        if (getContext() instanceof ReactContext) {
           ReactContext reactContext = (ReactContext) getContext();
-          reactContext.handleException(new IllegalViewOperationException("StackOverflowException", this, e));
+          reactContext.handleException(
+              new IllegalViewOperationException("StackOverflowException", this, e));
         } else {
           throw e;
         }
@@ -721,9 +723,9 @@ private void dispatchOverflowDraw(Canvas canvas) {
             final RectF borderWidth = mReactBackgroundDrawable.getDirectionAwareBorderInsets();
 
             if (borderWidth.top > 0
-              || borderWidth.left > 0
-              || borderWidth.bottom > 0
-              || borderWidth.right > 0) {
+                || borderWidth.left > 0
+                || borderWidth.bottom > 0
+                || borderWidth.right > 0) {
               left += borderWidth.left;
               top += borderWidth.top;
               right -= borderWidth.right;
@@ -732,32 +734,32 @@ private void dispatchOverflowDraw(Canvas canvas) {
 
             final float borderRadius = mReactBackgroundDrawable.getFullBorderRadius();
             float topLeftBorderRadius =
-              mReactBackgroundDrawable.getBorderRadiusOrDefaultTo(
-                borderRadius, ReactViewBackgroundDrawable.BorderRadiusLocation.TOP_LEFT);
+                mReactBackgroundDrawable.getBorderRadiusOrDefaultTo(
+                    borderRadius, ReactViewBackgroundDrawable.BorderRadiusLocation.TOP_LEFT);
             float topRightBorderRadius =
-              mReactBackgroundDrawable.getBorderRadiusOrDefaultTo(
-                borderRadius, ReactViewBackgroundDrawable.BorderRadiusLocation.TOP_RIGHT);
+                mReactBackgroundDrawable.getBorderRadiusOrDefaultTo(
+                    borderRadius, ReactViewBackgroundDrawable.BorderRadiusLocation.TOP_RIGHT);
             float bottomLeftBorderRadius =
-              mReactBackgroundDrawable.getBorderRadiusOrDefaultTo(
-                borderRadius, ReactViewBackgroundDrawable.BorderRadiusLocation.BOTTOM_LEFT);
+                mReactBackgroundDrawable.getBorderRadiusOrDefaultTo(
+                    borderRadius, ReactViewBackgroundDrawable.BorderRadiusLocation.BOTTOM_LEFT);
             float bottomRightBorderRadius =
-              mReactBackgroundDrawable.getBorderRadiusOrDefaultTo(
-                borderRadius, ReactViewBackgroundDrawable.BorderRadiusLocation.BOTTOM_RIGHT);
+                mReactBackgroundDrawable.getBorderRadiusOrDefaultTo(
+                    borderRadius, ReactViewBackgroundDrawable.BorderRadiusLocation.BOTTOM_RIGHT);
 
             if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {
               final boolean isRTL = mLayoutDirection == View.LAYOUT_DIRECTION_RTL;
               float topStartBorderRadius =
-                mReactBackgroundDrawable.getBorderRadius(
-                  ReactViewBackgroundDrawable.BorderRadiusLocation.TOP_START);
+                  mReactBackgroundDrawable.getBorderRadius(
+                      ReactViewBackgroundDrawable.BorderRadiusLocation.TOP_START);
               float topEndBorderRadius =
-                mReactBackgroundDrawable.getBorderRadius(
-                  ReactViewBackgroundDrawable.BorderRadiusLocation.TOP_END);
+                  mReactBackgroundDrawable.getBorderRadius(
+                      ReactViewBackgroundDrawable.BorderRadiusLocation.TOP_END);
               float bottomStartBorderRadius =
-                mReactBackgroundDrawable.getBorderRadius(
-                  ReactViewBackgroundDrawable.BorderRadiusLocation.BOTTOM_START);
+                  mReactBackgroundDrawable.getBorderRadius(
+                      ReactViewBackgroundDrawable.BorderRadiusLocation.BOTTOM_START);
               float bottomEndBorderRadius =
-                mReactBackgroundDrawable.getBorderRadius(
-                  ReactViewBackgroundDrawable.BorderRadiusLocation.BOTTOM_END);
+                  mReactBackgroundDrawable.getBorderRadius(
+                      ReactViewBackgroundDrawable.BorderRadiusLocation.BOTTOM_END);
 
               if (I18nUtil.getInstance().doLeftAndRightSwapInRTL(getContext())) {
                 if (YogaConstants.isUndefined(topStartBorderRadius)) {
@@ -777,13 +779,13 @@ private void dispatchOverflowDraw(Canvas canvas) {
                 }
 
                 final float directionAwareTopLeftRadius =
-                  isRTL ? topEndBorderRadius : topStartBorderRadius;
+                    isRTL ? topEndBorderRadius : topStartBorderRadius;
                 final float directionAwareTopRightRadius =
-                  isRTL ? topStartBorderRadius : topEndBorderRadius;
+                    isRTL ? topStartBorderRadius : topEndBorderRadius;
                 final float directionAwareBottomLeftRadius =
-                  isRTL ? bottomEndBorderRadius : bottomStartBorderRadius;
+                    isRTL ? bottomEndBorderRadius : bottomStartBorderRadius;
                 final float directionAwareBottomRightRadius =
-                  isRTL ? bottomStartBorderRadius : bottomEndBorderRadius;
+                    isRTL ? bottomStartBorderRadius : bottomEndBorderRadius;
 
                 topLeftBorderRadius = directionAwareTopLeftRadius;
                 topRightBorderRadius = directionAwareTopRightRadius;
@@ -791,13 +793,13 @@ private void dispatchOverflowDraw(Canvas canvas) {
                 bottomRightBorderRadius = directionAwareBottomRightRadius;
               } else {
                 final float directionAwareTopLeftRadius =
-                  isRTL ? topEndBorderRadius : topStartBorderRadius;
+                    isRTL ? topEndBorderRadius : topStartBorderRadius;
                 final float directionAwareTopRightRadius =
-                  isRTL ? topStartBorderRadius : topEndBorderRadius;
+                    isRTL ? topStartBorderRadius : topEndBorderRadius;
                 final float directionAwareBottomLeftRadius =
-                  isRTL ? bottomEndBorderRadius : bottomStartBorderRadius;
+                    isRTL ? bottomEndBorderRadius : bottomStartBorderRadius;
                 final float directionAwareBottomRightRadius =
-                  isRTL ? bottomStartBorderRadius : bottomEndBorderRadius;
+                    isRTL ? bottomStartBorderRadius : bottomEndBorderRadius;
 
                 if (!YogaConstants.isUndefined(directionAwareTopLeftRadius)) {
                   topLeftBorderRadius = directionAwareTopLeftRadius;
@@ -818,27 +820,27 @@ private void dispatchOverflowDraw(Canvas canvas) {
             }
 
             if (topLeftBorderRadius > 0
-              || topRightBorderRadius > 0
-              || bottomRightBorderRadius > 0
-              || bottomLeftBorderRadius > 0) {
+                || topRightBorderRadius > 0
+                || bottomRightBorderRadius > 0
+                || bottomLeftBorderRadius > 0) {
               if (mPath == null) {
                 mPath = new Path();
               }
 
               mPath.rewind();
               mPath.addRoundRect(
-                new RectF(left, top, right, bottom),
-                new float[]{
-                  Math.max(topLeftBorderRadius - borderWidth.left, 0),
-                  Math.max(topLeftBorderRadius - borderWidth.top, 0),
-                  Math.max(topRightBorderRadius - borderWidth.right, 0),
-                  Math.max(topRightBorderRadius - borderWidth.top, 0),
-                  Math.max(bottomRightBorderRadius - borderWidth.right, 0),
-                  Math.max(bottomRightBorderRadius - borderWidth.bottom, 0),
-                  Math.max(bottomLeftBorderRadius - borderWidth.left, 0),
-                  Math.max(bottomLeftBorderRadius - borderWidth.bottom, 0),
-                },
-                Path.Direction.CW);
+                  new RectF(left, top, right, bottom),
+                  new float[] {
+                    Math.max(topLeftBorderRadius - borderWidth.left, 0),
+                    Math.max(topLeftBorderRadius - borderWidth.top, 0),
+                    Math.max(topRightBorderRadius - borderWidth.right, 0),
+                    Math.max(topRightBorderRadius - borderWidth.top, 0),
+                    Math.max(bottomRightBorderRadius - borderWidth.right, 0),
+                    Math.max(bottomRightBorderRadius - borderWidth.bottom, 0),
+                    Math.max(bottomLeftBorderRadius - borderWidth.left, 0),
+                    Math.max(bottomLeftBorderRadius - borderWidth.bottom, 0),
+                  },
+                  Path.Direction.CW);
               canvas.clipPath(mPath);
               hasClipPath = true;
             }
@@ -875,8 +877,8 @@ public void setBackfaceVisibilityDependantOpacity() {
     float rotationX = getRotationX();
     float rotationY = getRotationY();
 
-    boolean isFrontfaceVisible = (rotationX >= -90.f && rotationX < 90.f) &&
-      (rotationY >= -90.f && rotationY < 90.f);
+    boolean isFrontfaceVisible =
+        (rotationX >= -90.f && rotationX < 90.f) && (rotationY >= -90.f && rotationY < 90.f);
 
     if (isFrontfaceVisible) {
       setAlpha(mBackfaceOpacity);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewManager.java
index 69dce016617fde..7282b1b8f3657b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewManager.java
@@ -1,16 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.annotation.TargetApi;
 import android.graphics.Rect;
 import android.os.Build;
 import android.view.View;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReadableArray;
@@ -31,16 +32,12 @@
 import com.facebook.yoga.YogaConstants;
 import java.util.Locale;
 import java.util.Map;
-import javax.annotation.Nullable;
 
-/**
- * View manager for AndroidViews (plain React Views).
- */
+/** View manager for AndroidViews (plain React Views). */
 @ReactModule(name = ReactViewManager.REACT_CLASS)
 public class ReactViewManager extends ViewGroupManager<ReactViewGroup> {
 
-  @VisibleForTesting
-  public static final String REACT_CLASS = ViewProps.VIEW_CLASS_NAME;
+  @VisibleForTesting public static final String REACT_CLASS = ViewProps.VIEW_CLASS_NAME;
 
   private static final int[] SPACING_TYPES = {
     Spacing.ALL,
@@ -53,6 +50,7 @@ public class ReactViewManager extends ViewGroupManager<ReactViewGroup> {
   };
   private static final int CMD_HOTSPOT_UPDATE = 1;
   private static final int CMD_SET_PRESSED = 2;
+  private static final String HOTSPOT_UPDATE_KEY = "hotspotUpdate";
 
   @ReactProp(name = "accessible")
   public void setAccessible(ReactViewGroup view, boolean accessible) {
@@ -93,19 +91,19 @@ public void nextFocusUp(ReactViewGroup view, int viewId) {
     view.setNextFocusUpId(viewId);
   }
 
-  @ReactPropGroup(names = {
-      ViewProps.BORDER_RADIUS,
-      ViewProps.BORDER_TOP_LEFT_RADIUS,
-      ViewProps.BORDER_TOP_RIGHT_RADIUS,
-      ViewProps.BORDER_BOTTOM_RIGHT_RADIUS,
-      ViewProps.BORDER_BOTTOM_LEFT_RADIUS,
-      ViewProps.BORDER_TOP_START_RADIUS,
-      ViewProps.BORDER_TOP_END_RADIUS,
-      ViewProps.BORDER_BOTTOM_START_RADIUS,
-      ViewProps.BORDER_BOTTOM_END_RADIUS,
-    },
-    defaultFloat = YogaConstants.UNDEFINED
-  )
+  @ReactPropGroup(
+      names = {
+        ViewProps.BORDER_RADIUS,
+        ViewProps.BORDER_TOP_LEFT_RADIUS,
+        ViewProps.BORDER_TOP_RIGHT_RADIUS,
+        ViewProps.BORDER_BOTTOM_RIGHT_RADIUS,
+        ViewProps.BORDER_BOTTOM_LEFT_RADIUS,
+        ViewProps.BORDER_TOP_START_RADIUS,
+        ViewProps.BORDER_TOP_END_RADIUS,
+        ViewProps.BORDER_BOTTOM_START_RADIUS,
+        ViewProps.BORDER_BOTTOM_END_RADIUS,
+      },
+      defaultFloat = YogaConstants.UNDEFINED)
   public void setBorderRadius(ReactViewGroup view, int index, float borderRadius) {
     if (!YogaConstants.isUndefined(borderRadius) && borderRadius < 0) {
       borderRadius = YogaConstants.UNDEFINED;
@@ -132,12 +130,18 @@ public void setHitSlop(final ReactViewGroup view, @Nullable ReadableMap hitSlop)
     if (hitSlop == null) {
       view.setHitSlopRect(null);
     } else {
-      view.setHitSlopRect(new Rect(
-          hitSlop.hasKey("left") ? (int) PixelUtil.toPixelFromDIP(hitSlop.getDouble("left")) : 0,
-          hitSlop.hasKey("top") ? (int) PixelUtil.toPixelFromDIP(hitSlop.getDouble("top")) : 0,
-          hitSlop.hasKey("right") ? (int) PixelUtil.toPixelFromDIP(hitSlop.getDouble("right")) : 0,
-          hitSlop.hasKey("bottom") ? (int) PixelUtil.toPixelFromDIP(hitSlop.getDouble("bottom")) : 0
-      ));
+      view.setHitSlopRect(
+          new Rect(
+              hitSlop.hasKey("left")
+                  ? (int) PixelUtil.toPixelFromDIP(hitSlop.getDouble("left"))
+                  : 0,
+              hitSlop.hasKey("top") ? (int) PixelUtil.toPixelFromDIP(hitSlop.getDouble("top")) : 0,
+              hitSlop.hasKey("right")
+                  ? (int) PixelUtil.toPixelFromDIP(hitSlop.getDouble("right"))
+                  : 0,
+              hitSlop.hasKey("bottom")
+                  ? (int) PixelUtil.toPixelFromDIP(hitSlop.getDouble("bottom"))
+                  : 0));
     }
   }
 
@@ -154,42 +158,44 @@ public void setPointerEvents(ReactViewGroup view, @Nullable String pointerEvents
 
   @ReactProp(name = "nativeBackgroundAndroid")
   public void setNativeBackground(ReactViewGroup view, @Nullable ReadableMap bg) {
-    view.setTranslucentBackgroundDrawable(bg == null ?
-            null : ReactDrawableHelper.createDrawableFromJSDescription(view.getContext(), bg));
+    view.setTranslucentBackgroundDrawable(
+        bg == null
+            ? null
+            : ReactDrawableHelper.createDrawableFromJSDescription(view.getContext(), bg));
   }
 
   @TargetApi(Build.VERSION_CODES.M)
   @ReactProp(name = "nativeForegroundAndroid")
   public void setNativeForeground(ReactViewGroup view, @Nullable ReadableMap fg) {
-    view.setForeground(fg == null
-        ? null
-        : ReactDrawableHelper.createDrawableFromJSDescription(view.getContext(), fg));
+    view.setForeground(
+        fg == null
+            ? null
+            : ReactDrawableHelper.createDrawableFromJSDescription(view.getContext(), fg));
   }
 
-  @ReactProp(name = com.facebook.react.uimanager.ReactClippingViewGroupHelper.PROP_REMOVE_CLIPPED_SUBVIEWS)
+  @ReactProp(
+      name = com.facebook.react.uimanager.ReactClippingViewGroupHelper.PROP_REMOVE_CLIPPED_SUBVIEWS)
   public void setRemoveClippedSubviews(ReactViewGroup view, boolean removeClippedSubviews) {
     view.setRemoveClippedSubviews(removeClippedSubviews);
   }
 
   @ReactProp(name = ViewProps.NEEDS_OFFSCREEN_ALPHA_COMPOSITING)
   public void setNeedsOffscreenAlphaCompositing(
-      ReactViewGroup view,
-      boolean needsOffscreenAlphaCompositing) {
+      ReactViewGroup view, boolean needsOffscreenAlphaCompositing) {
     view.setNeedsOffscreenAlphaCompositing(needsOffscreenAlphaCompositing);
   }
 
   @ReactPropGroup(
-    names = {
-      ViewProps.BORDER_WIDTH,
-      ViewProps.BORDER_LEFT_WIDTH,
-      ViewProps.BORDER_RIGHT_WIDTH,
-      ViewProps.BORDER_TOP_WIDTH,
-      ViewProps.BORDER_BOTTOM_WIDTH,
-      ViewProps.BORDER_START_WIDTH,
-      ViewProps.BORDER_END_WIDTH,
-    },
-    defaultFloat = YogaConstants.UNDEFINED
-  )
+      names = {
+        ViewProps.BORDER_WIDTH,
+        ViewProps.BORDER_LEFT_WIDTH,
+        ViewProps.BORDER_RIGHT_WIDTH,
+        ViewProps.BORDER_TOP_WIDTH,
+        ViewProps.BORDER_BOTTOM_WIDTH,
+        ViewProps.BORDER_START_WIDTH,
+        ViewProps.BORDER_END_WIDTH,
+      },
+      defaultFloat = YogaConstants.UNDEFINED)
   public void setBorderWidth(ReactViewGroup view, int index, float width) {
     if (!YogaConstants.isUndefined(width) && width < 0) {
       width = YogaConstants.UNDEFINED;
@@ -203,20 +209,20 @@ public void setBorderWidth(ReactViewGroup view, int index, float width) {
   }
 
   @ReactPropGroup(
-    names = {
-      ViewProps.BORDER_COLOR,
-      ViewProps.BORDER_LEFT_COLOR,
-      ViewProps.BORDER_RIGHT_COLOR,
-      ViewProps.BORDER_TOP_COLOR,
-      ViewProps.BORDER_BOTTOM_COLOR,
-      ViewProps.BORDER_START_COLOR,
-      ViewProps.BORDER_END_COLOR
-    },
-    customType = "Color"
-  )
+      names = {
+        ViewProps.BORDER_COLOR,
+        ViewProps.BORDER_LEFT_COLOR,
+        ViewProps.BORDER_RIGHT_COLOR,
+        ViewProps.BORDER_TOP_COLOR,
+        ViewProps.BORDER_BOTTOM_COLOR,
+        ViewProps.BORDER_START_COLOR,
+        ViewProps.BORDER_END_COLOR
+      },
+      customType = "Color")
   public void setBorderColor(ReactViewGroup view, int index, Integer color) {
-    float rgbComponent = color == null ? YogaConstants.UNDEFINED : (float) ((int)color & 0x00FFFFFF);
-    float alphaComponent = color == null ? YogaConstants.UNDEFINED : (float) ((int)color >>> 24);
+    float rgbComponent =
+        color == null ? YogaConstants.UNDEFINED : (float) ((int) color & 0x00FFFFFF);
+    float alphaComponent = color == null ? YogaConstants.UNDEFINED : (float) ((int) color >>> 24);
     view.setBorderColor(SPACING_TYPES[index], rgbComponent, alphaComponent);
   }
 
@@ -226,25 +232,29 @@ public void setCollapsable(ReactViewGroup view, boolean collapsable) {
     // handled in NativeViewHierarchyOptimizer
   }
 
-  @ReactProp(name = "clickable")
-  public void setClickable(final ReactViewGroup view, boolean clickable) {
-    if (clickable) {
+  @ReactProp(name = "focusable")
+  public void setFocusable(final ReactViewGroup view, boolean focusable) {
+    if (focusable) {
       view.setOnClickListener(
-              new View.OnClickListener() {
-                @Override
-                public void onClick(View v) {
-                  final EventDispatcher mEventDispatcher = ((ReactContext)view.getContext()).getNativeModule(UIManagerModule.class)
-                          .getEventDispatcher();
-                  mEventDispatcher.dispatchEvent(new ViewGroupClickEvent(view.getId()));
-                }});
+          new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+              final EventDispatcher mEventDispatcher =
+                  ((ReactContext) view.getContext())
+                      .getNativeModule(UIManagerModule.class)
+                      .getEventDispatcher();
+              mEventDispatcher.dispatchEvent(new ViewGroupClickEvent(view.getId()));
+            }
+          });
 
       // Clickable elements are focusable. On API 26, this is taken care by setClickable.
       // Explicitly calling setFocusable here for backward compatibility.
       view.setFocusable(true /*isFocusable*/);
-    }
-    else {
+    } else {
       view.setOnClickListener(null);
       view.setClickable(false);
+      // Don't set view.setFocusable(false) because we might still want it to be focusable for
+      // accessibility reasons
     }
   }
 
@@ -259,12 +269,12 @@ public void setBackfaceVisibility(ReactViewGroup view, String backfaceVisibility
   }
 
   @Override
-  public void setOpacity(ReactViewGroup view, float opacity) {
+  public void setOpacity(@NonNull ReactViewGroup view, float opacity) {
     view.setOpacityIfPossible(opacity);
   }
 
   @Override
-  public void setTransform(ReactViewGroup view, ReadableArray matrix) {
+  public void setTransform(@NonNull ReactViewGroup view, @Nullable ReadableArray matrix) {
     super.setTransform(view, matrix);
     view.setBackfaceVisibilityDependantOpacity();
   }
@@ -281,32 +291,58 @@ public ReactViewGroup createViewInstance(ThemedReactContext context) {
 
   @Override
   public Map<String, Integer> getCommandsMap() {
-    return MapBuilder.of("hotspotUpdate", CMD_HOTSPOT_UPDATE, "setPressed", CMD_SET_PRESSED);
+    return MapBuilder.of(HOTSPOT_UPDATE_KEY, CMD_HOTSPOT_UPDATE, "setPressed", CMD_SET_PRESSED);
   }
 
   @Override
   public void receiveCommand(ReactViewGroup root, int commandId, @Nullable ReadableArray args) {
     switch (commandId) {
-      case CMD_HOTSPOT_UPDATE: {
-        if (args == null || args.size() != 2) {
-          throw new JSApplicationIllegalArgumentException(
-              "Illegal number of arguments for 'updateHotspot' command");
+      case CMD_HOTSPOT_UPDATE:
+        {
+          handleHotspotUpdate(root, args);
+          break;
         }
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
-          float x = PixelUtil.toPixelFromDIP(args.getDouble(0));
-          float y = PixelUtil.toPixelFromDIP(args.getDouble(1));
-          root.drawableHotspotChanged(x, y);
+      case CMD_SET_PRESSED:
+        {
+          handleSetPressed(root, args);
+          break;
         }
-        break;
-      }
-      case CMD_SET_PRESSED: {
-        if (args == null || args.size() != 1) {
-          throw new JSApplicationIllegalArgumentException(
-              "Illegal number of arguments for 'setPressed' command");
+    }
+  }
+
+  @Override
+  public void receiveCommand(ReactViewGroup root, String commandId, @Nullable ReadableArray args) {
+    switch (commandId) {
+      case HOTSPOT_UPDATE_KEY:
+        {
+          handleHotspotUpdate(root, args);
+          break;
         }
-        root.setPressed(args.getBoolean(0));
-        break;
-      }
+      case "setPressed":
+        {
+          handleSetPressed(root, args);
+          break;
+        }
+    }
+  }
+
+  private void handleSetPressed(ReactViewGroup root, @Nullable ReadableArray args) {
+    if (args == null || args.size() != 1) {
+      throw new JSApplicationIllegalArgumentException(
+          "Illegal number of arguments for 'setPressed' command");
+    }
+    root.setPressed(args.getBoolean(0));
+  }
+
+  private void handleHotspotUpdate(ReactViewGroup root, @Nullable ReadableArray args) {
+    if (args == null || args.size() != 2) {
+      throw new JSApplicationIllegalArgumentException(
+          "Illegal number of arguments for 'updateHotspot' command");
+    }
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
+      float x = PixelUtil.toPixelFromDIP(args.getDouble(0));
+      float y = PixelUtil.toPixelFromDIP(args.getDouble(1));
+      root.drawableHotspotChanged(x, y);
     }
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/view/ViewGroupClickEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/view/ViewGroupClickEvent.java
index 16fa8a2cce6005..af6621aa710de7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/view/ViewGroupClickEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/view/ViewGroupClickEvent.java
@@ -1,13 +1,10 @@
 package com.facebook.react.views.view;
 
-
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.uimanager.events.Event;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
 
-/**
- * Represents a Click on the ReactViewGroup
- */
+/** Represents a Click on the ReactViewGroup */
 public class ViewGroupClickEvent extends Event<ViewGroupClickEvent> {
   private static final String EVENT_NAME = "topClick";
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/PageScrollEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/PageScrollEvent.java
index a7ac123e61780f..d07eab665a1010 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/PageScrollEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/PageScrollEvent.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.viewpager;
 
 import com.facebook.react.bridge.Arguments;
@@ -16,11 +15,14 @@
  * Event emitted by {@link ReactViewPager} when user scrolls between pages (or when animating
  * between pages).
  *
- * Additional data provided by this event:
- *  - position - index of first page from the left that is currently visible
- *  - offset - value from range [0,1) describing stage between page transitions. Value x means that
- *    (1 - x) fraction of the page at "position" index is visible, and x fraction of the next page
- *    is visible.
+ * <p>Additional data provided by this event:
+ *
+ * <ul>
+ *   <li>position - index of first page from the left that is currently visible
+ *   <li>offset - value from range [0,1) describing stage between page transitions. Value x means
+ *       that (1 - x) fraction of the page at "position" index is visible, and x fraction of the
+ *       next page is visible.
+ * </ul>
  */
 /* package */ class PageScrollEvent extends Event<PageScrollEvent> {
 
@@ -34,8 +36,7 @@ protected PageScrollEvent(int viewTag, int position, float offset) {
     mPosition = position;
 
     // folly::toJson default options don't support serialize NaN or Infinite value
-    mOffset = (Float.isInfinite(offset) || Float.isNaN(offset))
-      ? 0.0f : offset;
+    mOffset = (Float.isInfinite(offset) || Float.isNaN(offset)) ? 0.0f : offset;
   }
 
   @Override
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/PageScrollStateChangedEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/PageScrollStateChangedEvent.java
index 295165da2a5059..07a0b23644363d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/PageScrollStateChangedEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/PageScrollStateChangedEvent.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.viewpager;
 
 import com.facebook.react.bridge.Arguments;
@@ -15,8 +14,11 @@
 /**
  * Event emitted by {@link ReactViewPager} when user scrolling state changed.
  *
- * Additional data provided by this event:
- *  - pageScrollState - {Idle,Dragging,Settling}
+ * <p>Additional data provided by this event:
+ *
+ * <ul>
+ *   <li>pageScrollState - {Idle,Dragging,Settling}
+ * </ul>
  */
 class PageScrollStateChangedEvent extends Event<PageScrollStateChangedEvent> {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/PageSelectedEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/PageSelectedEvent.java
index ed8e3c4bdd4854..282737c34a6b4e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/PageSelectedEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/PageSelectedEvent.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.viewpager;
 
 import com.facebook.react.bridge.Arguments;
@@ -15,8 +14,11 @@
 /**
  * Event emitted by {@link ReactViewPager} when selected page changes.
  *
- * Additional data provided by this event:
- *  - position - index of page that has been selected
+ * <p>Additional data provided by this event:
+ *
+ * <ul>
+ *   <li>position - index of page that has been selected
+ * </ul>
  */
 /* package */ class PageSelectedEvent extends Event<PageSelectedEvent> {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/ReactViewPager.java b/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/ReactViewPager.java
index 73ff7edc9af2d9..b63cb9f8ca0185 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/ReactViewPager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/ReactViewPager.java
@@ -1,17 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.viewpager;
 
-import androidx.viewpager.widget.PagerAdapter;
-import androidx.viewpager.widget.ViewPager;
 import android.view.MotionEvent;
 import android.view.View;
 import android.view.ViewGroup;
+import androidx.viewpager.widget.PagerAdapter;
+import androidx.viewpager.widget.ViewPager;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.common.ReactConstants;
@@ -56,9 +55,7 @@ void removeViewAt(int index) {
       setOffscreenPageLimit(mViews.size());
     }
 
-    /**
-     * Replace a set of views to the ViewPager adapter and update the ViewPager
-     */
+    /** Replace a set of views to the ViewPager adapter and update the ViewPager */
     void setViews(List<View> views) {
       mViews.clear();
       mViews.addAll(views);
@@ -70,9 +67,8 @@ void setViews(List<View> views) {
     }
 
     /**
-     * Remove all the views from the adapter and de-parents them from the ViewPager
-     * After calling this, it is expected that notifyDataSetChanged should be called soon
-     * afterwards.
+     * Remove all the views from the adapter and de-parents them from the ViewPager After calling
+     * this, it is expected that notifyDataSetChanged should be called soon afterwards.
      */
     void removeAllViewsFromAdapter(ViewPager pager) {
       mViews.clear();
@@ -94,8 +90,9 @@ public int getCount() {
     @Override
     public int getItemPosition(Object object) {
       // if we've removed all views, we want to return POSITION_NONE intentionally
-      return mIsViewPagerInIntentionallyInconsistentState || !mViews.contains(object) ?
-        POSITION_NONE : mViews.indexOf(object);
+      return mIsViewPagerInIntentionallyInconsistentState || !mViews.contains(object)
+          ? POSITION_NONE
+          : mViews.indexOf(object);
     }
 
     @Override
@@ -120,15 +117,13 @@ private class PageChangeListener implements ViewPager.OnPageChangeListener {
 
     @Override
     public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
-      mEventDispatcher.dispatchEvent(
-          new PageScrollEvent(getId(), position, positionOffset));
+      mEventDispatcher.dispatchEvent(new PageScrollEvent(getId(), position, positionOffset));
     }
 
     @Override
     public void onPageSelected(int position) {
       if (!mIsCurrentItemFromJs) {
-        mEventDispatcher.dispatchEvent(
-            new PageSelectedEvent(getId(), position));
+        mEventDispatcher.dispatchEvent(new PageSelectedEvent(getId(), position));
       }
     }
 
@@ -148,8 +143,7 @@ public void onPageScrollStateChanged(int state) {
         default:
           throw new IllegalStateException("Unsupported pageScrollState");
       }
-      mEventDispatcher.dispatchEvent(
-        new PageScrollStateChangedEvent(getId(), pageScrollState));
+      mEventDispatcher.dispatchEvent(new PageScrollStateChangedEvent(getId(), pageScrollState));
     }
   }
 
@@ -219,7 +213,6 @@ public void setScrollEnabled(boolean scrollEnabled) {
     mScrollEnabled = scrollEnabled;
   }
 
-
   @Override
   protected void onAttachedToWindow() {
     super.onAttachedToWindow();
@@ -229,15 +222,16 @@ protected void onAttachedToWindow() {
     post(measureAndLayout);
   }
 
-  private final Runnable measureAndLayout = new Runnable() {
-    @Override
-    public void run() {
-      measure(
+  private final Runnable measureAndLayout =
+      new Runnable() {
+        @Override
+        public void run() {
+          measure(
               MeasureSpec.makeMeasureSpec(getWidth(), MeasureSpec.EXACTLY),
               MeasureSpec.makeMeasureSpec(getHeight(), MeasureSpec.EXACTLY));
-      layout(getLeft(), getTop(), getRight(), getBottom());
-    }
-  };
+          layout(getLeft(), getTop(), getRight(), getBottom());
+        }
+      };
 
   /*package*/ void addViewToAdapter(View child, int index) {
     getAdapter().addView(child, index);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/ReactViewPagerManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/ReactViewPagerManager.java
index ff5fdc22e021db..bf061939494800 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/ReactViewPagerManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/ReactViewPagerManager.java
@@ -1,16 +1,13 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.viewpager;
 
-import java.util.Map;
-
 import android.view.View;
-
+import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.common.MapBuilder;
@@ -19,12 +16,9 @@
 import com.facebook.react.uimanager.ThemedReactContext;
 import com.facebook.react.uimanager.ViewGroupManager;
 import com.facebook.react.uimanager.annotations.ReactProp;
+import java.util.Map;
 
-import javax.annotation.Nullable;
-
-/**
- * Instance of {@link ViewManager} that provides native {@link ViewPager} view.
- */
+/** Instance of {@link ViewManager} that provides native {@link ViewPager} view. */
 @ReactModule(name = ReactViewPagerManager.REACT_CLASS)
 public class ReactViewPagerManager extends ViewGroupManager<ReactViewPager> {
 
@@ -57,40 +51,60 @@ public boolean needsCustomLayoutForChildren() {
   public Map getExportedCustomDirectEventTypeConstants() {
     return MapBuilder.of(
         PageScrollEvent.EVENT_NAME, MapBuilder.of("registrationName", "onPageScroll"),
-        PageScrollStateChangedEvent.EVENT_NAME, MapBuilder.of("registrationName", "onPageScrollStateChanged"),
+        PageScrollStateChangedEvent.EVENT_NAME,
+            MapBuilder.of("registrationName", "onPageScrollStateChanged"),
         PageSelectedEvent.EVENT_NAME, MapBuilder.of("registrationName", "onPageSelected"));
   }
 
   @Override
-  public Map<String,Integer> getCommandsMap() {
+  public Map<String, Integer> getCommandsMap() {
     return MapBuilder.of(
-        "setPage",
-        COMMAND_SET_PAGE,
-        "setPageWithoutAnimation",
-        COMMAND_SET_PAGE_WITHOUT_ANIMATION);
+        "setPage", COMMAND_SET_PAGE, "setPageWithoutAnimation", COMMAND_SET_PAGE_WITHOUT_ANIMATION);
+  }
+
+  @Override
+  public void receiveCommand(
+      ReactViewPager viewPager, int commandType, @Nullable ReadableArray args) {
+    Assertions.assertNotNull(viewPager);
+    Assertions.assertNotNull(args);
+    switch (commandType) {
+      case COMMAND_SET_PAGE:
+        {
+          viewPager.setCurrentItemFromJs(args.getInt(0), true);
+          return;
+        }
+      case COMMAND_SET_PAGE_WITHOUT_ANIMATION:
+        {
+          viewPager.setCurrentItemFromJs(args.getInt(0), false);
+          return;
+        }
+      default:
+        throw new IllegalArgumentException(
+            String.format(
+                "Unsupported command %d received by %s.", commandType, getClass().getSimpleName()));
+    }
   }
 
   @Override
   public void receiveCommand(
-      ReactViewPager viewPager,
-      int commandType,
-      @Nullable ReadableArray args) {
+      ReactViewPager viewPager, String commandType, @Nullable ReadableArray args) {
     Assertions.assertNotNull(viewPager);
     Assertions.assertNotNull(args);
     switch (commandType) {
-      case COMMAND_SET_PAGE: {
-        viewPager.setCurrentItemFromJs(args.getInt(0), true);
-        return;
-      }
-      case COMMAND_SET_PAGE_WITHOUT_ANIMATION: {
-        viewPager.setCurrentItemFromJs(args.getInt(0), false);
-        return;
-      }
+      case "setPage":
+        {
+          viewPager.setCurrentItemFromJs(args.getInt(0), true);
+          return;
+        }
+      case "setPageWithoutAnimation":
+        {
+          viewPager.setCurrentItemFromJs(args.getInt(0), false);
+          return;
+        }
       default:
-        throw new IllegalArgumentException(String.format(
-            "Unsupported command %d received by %s.",
-            commandType,
-            getClass().getSimpleName()));
+        throw new IllegalArgumentException(
+            String.format(
+                "Unsupported command %d received by %s.", commandType, getClass().getSimpleName()));
     }
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/systrace/Systrace.java b/ReactAndroid/src/main/java/com/facebook/systrace/Systrace.java
index fd9a575ae15150..4024dd90b0085f 100644
--- a/ReactAndroid/src/main/java/com/facebook/systrace/Systrace.java
+++ b/ReactAndroid/src/main/java/com/facebook/systrace/Systrace.java
@@ -1,18 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.systrace;
 
 import android.os.Build;
 import android.os.Trace;
 
 /**
- * Systrace stub that mostly does nothing but delegates to Trace for beginning/ending sections.
- * The internal version of this file has not been opensourced yet.
+ * Systrace stub that mostly does nothing but delegates to Trace for beginning/ending sections. The
+ * internal version of this file has not been opensourced yet.
  */
 public class Systrace {
 
@@ -38,21 +37,15 @@ public char getCode() {
     }
   }
 
-  public static void registerListener(TraceListener listener) {
-  }
+  public static void registerListener(TraceListener listener) {}
 
-  public static void unregisterListener(TraceListener listener) {
-  }
+  public static void unregisterListener(TraceListener listener) {}
 
   public static boolean isTracing(long tag) {
     return false;
   }
 
-  public static void traceInstant(
-      long tag,
-      final String title,
-      EventScope scope) {
-  }
+  public static void traceInstant(long tag, final String title, EventScope scope) {}
 
   public static void beginSection(long tag, final String sectionName) {
     if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR2) {
@@ -66,45 +59,21 @@ public static void endSection(long tag) {
     }
   }
 
-  public static void beginAsyncSection(
-      long tag,
-      final String sectionName,
-      final int cookie) {
-  }
+  public static void beginAsyncSection(long tag, final String sectionName, final int cookie) {}
 
   public static void beginAsyncSection(
       long tag, final String sectionName, final int cookie, final long startNanos) {}
 
-  public static void endAsyncSection(
-      long tag,
-      final String sectionName,
-      final int cookie) {
-  }
+  public static void endAsyncSection(long tag, final String sectionName, final int cookie) {}
 
   public static void endAsyncSection(
       long tag, final String sectionName, final int cookie, final long endNanos) {}
 
-  public static void traceCounter(
-      long tag,
-      final String counterName,
-      final int counterValue) {
-  }
+  public static void traceCounter(long tag, final String counterName, final int counterValue) {}
 
-  public static void startAsyncFlow(
-      long tag,
-      final String sectionName,
-      final int cookie) {
-  }
+  public static void startAsyncFlow(long tag, final String sectionName, final int cookie) {}
 
-  public static void stepAsyncFlow(
-      long tag,
-      final String sectionName,
-      final int cookie) {
-  }
+  public static void stepAsyncFlow(long tag, final String sectionName, final int cookie) {}
 
-  public static void endAsyncFlow(
-      long tag,
-      final String sectionName,
-      final int cookie) {
-  }
+  public static void endAsyncFlow(long tag, final String sectionName, final int cookie) {}
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/systrace/SystraceMessage.java b/ReactAndroid/src/main/java/com/facebook/systrace/SystraceMessage.java
index 448d972780e219..8b33b078662a29 100644
--- a/ReactAndroid/src/main/java/com/facebook/systrace/SystraceMessage.java
+++ b/ReactAndroid/src/main/java/com/facebook/systrace/SystraceMessage.java
@@ -1,15 +1,12 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.systrace;
 
-/**
- * Systrace stub.
- */
+/** Systrace stub. */
 public final class SystraceMessage {
 
   private static final Builder NOOP_BUILDER = new NoopBuilder();
@@ -22,7 +19,7 @@ public static Builder endSection(long tag) {
     return NOOP_BUILDER;
   }
 
-  public static abstract class Builder {
+  public abstract static class Builder {
 
     public abstract void flush();
 
@@ -41,8 +38,7 @@ private interface Flusher {
 
   private static class NoopBuilder extends Builder {
     @Override
-    public void flush() {
-    }
+    public void flush() {}
 
     @Override
     public Builder arg(String key, Object value) {
diff --git a/ReactAndroid/src/main/java/com/facebook/systrace/TraceListener.java b/ReactAndroid/src/main/java/com/facebook/systrace/TraceListener.java
index 7c217a22613b69..814a75b31ce133 100644
--- a/ReactAndroid/src/main/java/com/facebook/systrace/TraceListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/systrace/TraceListener.java
@@ -7,5 +7,6 @@
 
 public interface TraceListener {
   void onTraceStarted();
+
   void onTraceStopped();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/LayoutPassReason.java b/ReactAndroid/src/main/java/com/facebook/yoga/LayoutPassReason.java
new file mode 100644
index 00000000000000..6406a95c4244e4
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/LayoutPassReason.java
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the LICENSE
+ * file in the root directory of this source tree.
+ */
+package com.facebook.yoga;
+
+public enum LayoutPassReason {
+  INITIAL(0),
+  ABS_LAYOUT(1),
+  STRETCH(2),
+  MULTILINE_STRETCH(3),
+  FLEX_LAYOUT(4),
+  MEASURE(5),
+  ABS_MEASURE(6),
+  FLEX_MEASURE(7);
+
+  private final int mIntValue;
+
+  LayoutPassReason(int intValue) {
+    mIntValue = intValue;
+  }
+
+  public int intValue() {
+    return mIntValue;
+  }
+
+  public static LayoutPassReason fromInt(int value) {
+    switch (value) {
+      case 0: return INITIAL;
+      case 1: return ABS_LAYOUT;
+      case 2: return STRETCH;
+      case 3: return MULTILINE_STRETCH;
+      case 4: return FLEX_LAYOUT;
+      case 5: return MEASURE;
+      case 6: return ABS_MEASURE;
+      case 7: return FLEX_MEASURE;
+      default: throw new IllegalArgumentException("Unknown enum value: " + value);
+    }
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaConfig.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaConfig.java
index 2121d643016998..bc2538da2712f4 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaConfig.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaConfig.java
@@ -11,7 +11,6 @@
 public class YogaConfig {
 
   public static int SPACING_TYPE = 1;
-  public static boolean useBatchingForLayoutOutputs = false;
 
   long mNativePointer;
   private YogaLogger mLogger;
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaLayoutType.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaLayoutType.java
new file mode 100644
index 00000000000000..b747439f697643
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaLayoutType.java
@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the LICENSE
+ * file in the root directory of this source tree.
+ */
+package com.facebook.yoga;
+
+public enum YogaLayoutType {
+  LAYOUT(0),
+  MEASURE(1),
+  CACHED_LAYOUT(2),
+  CACHED_MEASURE(3);
+
+  private final int mIntValue;
+
+  YogaLayoutType(int intValue) {
+    mIntValue = intValue;
+  }
+
+  public int intValue() {
+    return mIntValue;
+  }
+
+  public static YogaLayoutType fromInt(int value) {
+    switch (value) {
+      case 0: return LAYOUT;
+      case 1: return MEASURE;
+      case 2: return CACHED_LAYOUT;
+      case 3: return CACHED_MEASURE;
+      default: throw new IllegalArgumentException("Unknown enum value: " + value);
+    }
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNative.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNative.java
index fbda3ca6bc8202..5b29489851e1d2 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNative.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNative.java
@@ -28,8 +28,8 @@ public class YogaNative {
 
 
   // YGNode related
-  static native long jni_YGNodeNew(boolean useBatchingForLayoutOutputs);
-  static native long jni_YGNodeNewWithConfig(long configPointer, boolean useBatchingForLayoutOutputs);
+  static native long jni_YGNodeNew();
+  static native long jni_YGNodeNewWithConfig(long configPointer);
   static native void jni_YGNodeFree(long nativePointer);
   static native void jni_YGNodeReset(long nativePointer);
   static native void jni_YGNodeInsertChild(long nativePointer, long childPointer, int index);
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNode.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNode.java
index a01a0bdde49ddb..9abb14129469b7 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNode.java
@@ -10,11 +10,11 @@
 
 public abstract class YogaNode {
   public static YogaNode create() {
-    return YogaConfig.useBatchingForLayoutOutputs ? new YogaNodeJNIBatching() : new YogaNodeJNI();
+    return new YogaNodeJNIFinalizer();
   }
 
   public static YogaNode create(YogaConfig config) {
-    return YogaConfig.useBatchingForLayoutOutputs ? new YogaNodeJNIBatching(config) : new YogaNodeJNI(config);
+    return new YogaNodeJNIFinalizer(config);
   }
 
   public abstract void reset();
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNI.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNI.java
deleted file mode 100644
index d2a9357bb3dd0b..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNI.java
+++ /dev/null
@@ -1,186 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the LICENSE
- * file in the root directory of this source tree.
- */
-package com.facebook.yoga;
-
-import com.facebook.proguard.annotations.DoNotStrip;
-
-@DoNotStrip
-public class YogaNodeJNI extends YogaNodeJNIBase {
-
-  @DoNotStrip
-  private float mWidth = YogaConstants.UNDEFINED;
-  @DoNotStrip
-  private float mHeight = YogaConstants.UNDEFINED;
-  @DoNotStrip
-  private float mTop = YogaConstants.UNDEFINED;
-  @DoNotStrip
-  private float mLeft = YogaConstants.UNDEFINED;
-  @DoNotStrip
-  private float mMarginLeft = 0;
-  @DoNotStrip
-  private float mMarginTop = 0;
-  @DoNotStrip
-  private float mMarginRight = 0;
-  @DoNotStrip
-  private float mMarginBottom = 0;
-  @DoNotStrip
-  private float mPaddingLeft = 0;
-  @DoNotStrip
-  private float mPaddingTop = 0;
-  @DoNotStrip
-  private float mPaddingRight = 0;
-  @DoNotStrip
-  private float mPaddingBottom = 0;
-  @DoNotStrip
-  private float mBorderLeft = 0;
-  @DoNotStrip
-  private float mBorderTop = 0;
-  @DoNotStrip
-  private float mBorderRight = 0;
-  @DoNotStrip
-  private float mBorderBottom = 0;
-  @DoNotStrip
-  private int mLayoutDirection = 0;
-  @DoNotStrip
-  private boolean mHasNewLayout = true;
-  @DoNotStrip
-  private boolean mDoesLegacyStretchFlagAffectsLayout = false;
-
-  public YogaNodeJNI() {
-    super();
-  }
-
-  public YogaNodeJNI(YogaConfig config) {
-    super(config);
-  }
-
-  @Override
-  public void reset() {
-    super.reset();
-    mHasNewLayout = true;
-
-    mWidth = YogaConstants.UNDEFINED;
-    mHeight = YogaConstants.UNDEFINED;
-    mTop = YogaConstants.UNDEFINED;
-    mLeft = YogaConstants.UNDEFINED;
-    mMarginLeft = 0;
-    mMarginTop = 0;
-    mMarginRight = 0;
-    mMarginBottom = 0;
-    mPaddingLeft = 0;
-    mPaddingTop = 0;
-    mPaddingRight = 0;
-    mPaddingBottom = 0;
-    mBorderLeft = 0;
-    mBorderTop = 0;
-    mBorderRight = 0;
-    mBorderBottom = 0;
-    mLayoutDirection = 0;
-
-    mDoesLegacyStretchFlagAffectsLayout = false;
-  }
-
-  @Override
-  public boolean hasNewLayout() {
-    return mHasNewLayout;
-  }
-
-  @Override
-  public void markLayoutSeen() {
-    mHasNewLayout = false;
-  }
-
-  @Override
-  public float getLayoutX() {
-    return mLeft;
-  }
-
-  @Override
-  public float getLayoutY() {
-    return mTop;
-  }
-
-  @Override
-  public float getLayoutWidth() {
-    return mWidth;
-  }
-
-  @Override
-  public float getLayoutHeight() {
-    return mHeight;
-  }
-
-  @Override
-  public boolean getDoesLegacyStretchFlagAffectsLayout() {
-    return mDoesLegacyStretchFlagAffectsLayout;
-  }
-
-  @Override
-  public float getLayoutMargin(YogaEdge edge) {
-    switch (edge) {
-      case LEFT:
-        return mMarginLeft;
-      case TOP:
-        return mMarginTop;
-      case RIGHT:
-        return mMarginRight;
-      case BOTTOM:
-        return mMarginBottom;
-      case START:
-        return getLayoutDirection() == YogaDirection.RTL ? mMarginRight : mMarginLeft;
-      case END:
-        return getLayoutDirection() == YogaDirection.RTL ? mMarginLeft : mMarginRight;
-      default:
-        throw new IllegalArgumentException("Cannot get layout margins of multi-edge shorthands");
-    }
-  }
-
-  @Override
-  public float getLayoutPadding(YogaEdge edge) {
-    switch (edge) {
-      case LEFT:
-        return mPaddingLeft;
-      case TOP:
-        return mPaddingTop;
-      case RIGHT:
-        return mPaddingRight;
-      case BOTTOM:
-        return mPaddingBottom;
-      case START:
-        return getLayoutDirection() == YogaDirection.RTL ? mPaddingRight : mPaddingLeft;
-      case END:
-        return getLayoutDirection() == YogaDirection.RTL ? mPaddingLeft : mPaddingRight;
-      default:
-        throw new IllegalArgumentException("Cannot get layout paddings of multi-edge shorthands");
-    }
-  }
-
-  @Override
-  public float getLayoutBorder(YogaEdge edge) {
-    switch (edge) {
-      case LEFT:
-        return mBorderLeft;
-      case TOP:
-        return mBorderTop;
-      case RIGHT:
-        return mBorderRight;
-      case BOTTOM:
-        return mBorderBottom;
-      case START:
-        return getLayoutDirection() == YogaDirection.RTL ? mBorderRight : mBorderLeft;
-      case END:
-        return getLayoutDirection() == YogaDirection.RTL ? mBorderLeft : mBorderRight;
-      default:
-        throw new IllegalArgumentException("Cannot get layout border of multi-edge shorthands");
-    }
-  }
-
-  @Override
-  public YogaDirection getLayoutDirection() {
-    return YogaDirection.fromInt(mLayoutDirection);
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIBase.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIBase.java
index c48162f4a470d6..a2f7845ea0ab9c 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIBase.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIBase.java
@@ -14,48 +14,60 @@
 @DoNotStrip
 public abstract class YogaNodeJNIBase extends YogaNode implements Cloneable {
 
+  /* Those flags needs be in sync with YGJNI.cpp */
+  private static final byte MARGIN = 1;
+  private static final byte PADDING = 2;
+  private static final byte BORDER = 4;
+  private static final byte DOES_LEGACY_STRETCH_BEHAVIOUR = 8;
+  private static final byte HAS_NEW_LAYOUT = 16;
+
+  private static final byte LAYOUT_EDGE_SET_FLAG_INDEX = 0;
+  private static final byte LAYOUT_WIDTH_INDEX = 1;
+  private static final byte LAYOUT_HEIGHT_INDEX = 2;
+  private static final byte LAYOUT_LEFT_INDEX = 3;
+  private static final byte LAYOUT_TOP_INDEX = 4;
+  private static final byte LAYOUT_DIRECTION_INDEX = 5;
+  private static final byte LAYOUT_MARGIN_START_INDEX = 6;
+  private static final byte LAYOUT_PADDING_START_INDEX = 10;
+  private static final byte LAYOUT_BORDER_START_INDEX = 14;
+
   @Nullable private YogaNodeJNIBase mOwner;
   @Nullable private List<YogaNodeJNIBase> mChildren;
   @Nullable private YogaMeasureFunction mMeasureFunction;
   @Nullable private YogaBaselineFunction mBaselineFunction;
-  private long mNativePointer;
+  protected long mNativePointer;
   @Nullable private Object mData;
 
-  public YogaNodeJNIBase() {
-    mNativePointer = YogaNative.jni_YGNodeNew(YogaConfig.useBatchingForLayoutOutputs);
-    if (mNativePointer == 0) {
-      throw new IllegalStateException("Failed to allocate native memory");
-    }
-  }
+  @DoNotStrip
+  private @Nullable float[] arr = null;
+
+  @DoNotStrip
+  private int mLayoutDirection = 0;
 
-  public YogaNodeJNIBase(YogaConfig config) {
-    mNativePointer = YogaNative.jni_YGNodeNewWithConfig(config.mNativePointer, YogaConfig.useBatchingForLayoutOutputs);
-    if (mNativePointer == 0) {
+  private boolean mHasNewLayout = true;
+
+  private YogaNodeJNIBase(long nativePointer) {
+    if (nativePointer == 0) {
       throw new IllegalStateException("Failed to allocate native memory");
     }
+    mNativePointer = nativePointer;
   }
 
-  @Override
-  protected void finalize() throws Throwable {
-    try {
-      freeNatives();
-    } finally {
-      super.finalize();
-    }
+  YogaNodeJNIBase() {
+    this(YogaNative.jni_YGNodeNew());
   }
 
-  /* frees the native underlying YGNode. Useful for testing. */
-  public void freeNatives() {
-    if (mNativePointer > 0) {
-      long nativePointer = mNativePointer;
-      mNativePointer = 0;
-      YogaNative.jni_YGNodeFree(nativePointer);
-    }
+  YogaNodeJNIBase(YogaConfig config) {
+    this(YogaNative.jni_YGNodeNewWithConfig(config.mNativePointer));
   }
+
   public void reset() {
     mMeasureFunction = null;
     mBaselineFunction = null;
     mData = null;
+    arr = null;
+    mHasNewLayout = true;
+    mLayoutDirection = 0;
 
     YogaNative.jni_YGNodeReset(mNativePointer);
   }
@@ -443,8 +455,6 @@ public void setAspectRatio(float aspectRatio) {
     YogaNative.jni_YGNodeStyleSetAspectRatio(mNativePointer, aspectRatio);
   }
 
-  public abstract boolean getDoesLegacyStretchFlagAffectsLayout();
-
   public void setMeasureFunction(YogaMeasureFunction measureFunction) {
     mMeasureFunction = measureFunction;
     YogaNative.jni_YGNodeSetHasMeasureFunc(mNativePointer, measureFunction != null);
@@ -530,4 +540,124 @@ private final long replaceChild(YogaNodeJNIBase newNode, int childIndex) {
   private static YogaValue valueFromLong(long raw) {
     return new YogaValue(Float.intBitsToFloat((int) raw), (int) (raw >> 32));
   }
+
+  @Override
+  public float getLayoutX() {
+    return arr != null ? arr[LAYOUT_LEFT_INDEX] : 0;
+  }
+
+  @Override
+  public float getLayoutY() {
+    return arr != null ? arr[LAYOUT_TOP_INDEX] : 0;
+  }
+
+  @Override
+  public float getLayoutWidth() {
+    return arr != null ? arr[LAYOUT_WIDTH_INDEX] : 0;
+  }
+
+  @Override
+  public float getLayoutHeight() {
+    return arr != null ? arr[LAYOUT_HEIGHT_INDEX] : 0;
+  }
+
+  public boolean getDoesLegacyStretchFlagAffectsLayout() {
+    return arr != null && (((int) arr[LAYOUT_EDGE_SET_FLAG_INDEX] & DOES_LEGACY_STRETCH_BEHAVIOUR) == DOES_LEGACY_STRETCH_BEHAVIOUR);
+  }
+
+  @Override
+  public float getLayoutMargin(YogaEdge edge) {
+    if (arr != null && ((int) arr[LAYOUT_EDGE_SET_FLAG_INDEX] & MARGIN) == MARGIN) {
+      switch (edge) {
+        case LEFT:
+          return arr[LAYOUT_MARGIN_START_INDEX];
+        case TOP:
+          return arr[LAYOUT_MARGIN_START_INDEX + 1];
+        case RIGHT:
+          return arr[LAYOUT_MARGIN_START_INDEX + 2];
+        case BOTTOM:
+          return arr[LAYOUT_MARGIN_START_INDEX + 3];
+        case START:
+          return getLayoutDirection() == YogaDirection.RTL ? arr[LAYOUT_MARGIN_START_INDEX + 2] : arr[LAYOUT_MARGIN_START_INDEX];
+        case END:
+          return getLayoutDirection() == YogaDirection.RTL ? arr[LAYOUT_MARGIN_START_INDEX] : arr[LAYOUT_MARGIN_START_INDEX + 2];
+        default:
+          throw new IllegalArgumentException("Cannot get layout margins of multi-edge shorthands");
+      }
+    } else {
+      return 0;
+    }
+  }
+
+  @Override
+  public float getLayoutPadding(YogaEdge edge) {
+    if (arr != null && ((int) arr[LAYOUT_EDGE_SET_FLAG_INDEX] & PADDING) == PADDING) {
+      int paddingStartIndex = LAYOUT_PADDING_START_INDEX - ((((int)arr[LAYOUT_EDGE_SET_FLAG_INDEX] & MARGIN) == MARGIN) ? 0 : 4);
+      switch (edge) {
+        case LEFT:
+          return arr[paddingStartIndex];
+        case TOP:
+          return arr[paddingStartIndex + 1];
+        case RIGHT:
+          return arr[paddingStartIndex + 2];
+        case BOTTOM:
+          return arr[paddingStartIndex + 3];
+        case START:
+          return getLayoutDirection() == YogaDirection.RTL ? arr[paddingStartIndex + 2] : arr[paddingStartIndex];
+        case END:
+          return getLayoutDirection() == YogaDirection.RTL ? arr[paddingStartIndex] : arr[paddingStartIndex + 2];
+        default:
+          throw new IllegalArgumentException("Cannot get layout paddings of multi-edge shorthands");
+      }
+    } else {
+      return 0;
+    }
+  }
+
+  @Override
+  public float getLayoutBorder(YogaEdge edge) {
+    if (arr != null && ((int) arr[LAYOUT_EDGE_SET_FLAG_INDEX] & BORDER) == BORDER) {
+      int borderStartIndex = LAYOUT_BORDER_START_INDEX - ((((int) arr[LAYOUT_EDGE_SET_FLAG_INDEX] & MARGIN) == MARGIN) ? 0 : 4) - ((((int) arr[LAYOUT_EDGE_SET_FLAG_INDEX] & PADDING) == PADDING) ? 0 : 4);
+      switch (edge) {
+        case LEFT:
+          return arr[borderStartIndex];
+        case TOP:
+          return arr[borderStartIndex + 1];
+        case RIGHT:
+          return arr[borderStartIndex + 2];
+        case BOTTOM:
+          return arr[borderStartIndex + 3];
+        case START:
+          return getLayoutDirection() == YogaDirection.RTL ? arr[borderStartIndex + 2] : arr[borderStartIndex];
+        case END:
+          return getLayoutDirection() == YogaDirection.RTL ? arr[borderStartIndex] : arr[borderStartIndex + 2];
+        default:
+          throw new IllegalArgumentException("Cannot get layout border of multi-edge shorthands");
+      }
+    } else {
+      return 0;
+    }
+  }
+
+  @Override
+  public YogaDirection getLayoutDirection() {
+    return YogaDirection.fromInt(arr != null ? (int) arr[LAYOUT_DIRECTION_INDEX] : mLayoutDirection);
+  }
+
+  @Override
+  public boolean hasNewLayout() {
+    if (arr != null) {
+      return (((int) arr[LAYOUT_EDGE_SET_FLAG_INDEX]) & HAS_NEW_LAYOUT) == HAS_NEW_LAYOUT;
+    } else {
+      return mHasNewLayout;
+    }
+  }
+
+  @Override
+  public void markLayoutSeen() {
+    if (arr != null) {
+      arr[LAYOUT_EDGE_SET_FLAG_INDEX] = ((int) arr[LAYOUT_EDGE_SET_FLAG_INDEX]) & ~(HAS_NEW_LAYOUT);
+    }
+    mHasNewLayout = false;
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIBatching.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIBatching.java
deleted file mode 100644
index 7760fa80875f6b..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIBatching.java
+++ /dev/null
@@ -1,177 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the LICENSE
- * file in the root directory of this source tree.
- */
-package com.facebook.yoga;
-
-import javax.annotation.Nullable;
-
-import com.facebook.proguard.annotations.DoNotStrip;
-
-@DoNotStrip
-public class YogaNodeJNIBatching extends YogaNodeJNIBase {
-
-  /* Those flags needs be in sync with YGJNI.cpp */
-  private static final byte MARGIN = 1;
-  private static final byte PADDING = 2;
-  private static final byte BORDER = 4;
-  private static final byte DOES_LEGACY_STRETCH_BEHAVIOUR = 8;
-  private static final byte HAS_NEW_LAYOUT = 16;
-
-  private static final byte LAYOUT_EDGE_SET_FLAG_INDEX = 0;
-  private static final byte LAYOUT_WIDTH_INDEX = 1;
-  private static final byte LAYOUT_HEIGHT_INDEX = 2;
-  private static final byte LAYOUT_LEFT_INDEX = 3;
-  private static final byte LAYOUT_TOP_INDEX = 4;
-  private static final byte LAYOUT_DIRECTION_INDEX = 5;
-  private static final byte LAYOUT_MARGIN_START_INDEX = 6;
-  private static final byte LAYOUT_PADDING_START_INDEX = 10;
-  private static final byte LAYOUT_BORDER_START_INDEX = 14;
-
-  @DoNotStrip
-  private @Nullable float[] arr = null;
-
-  @DoNotStrip
-  private int mLayoutDirection = 0;
-
-  private boolean mHasNewLayout = true;
-
-  public YogaNodeJNIBatching() {
-    super();
-  }
-
-  public YogaNodeJNIBatching(YogaConfig config) {
-    super(config);
-  }
-
-  @Override
-  public void reset() {
-    super.reset();
-    arr = null;
-    mHasNewLayout = true;
-    mLayoutDirection = 0;
-  }
-
-  @Override
-  public float getLayoutX() {
-    return arr != null ? arr[LAYOUT_LEFT_INDEX] : 0;
-  }
-
-  @Override
-  public float getLayoutY() {
-    return arr != null ? arr[LAYOUT_TOP_INDEX] : 0;
-  }
-
-  @Override
-  public float getLayoutWidth() {
-    return arr != null ? arr[LAYOUT_WIDTH_INDEX] : 0;
-  }
-
-  @Override
-  public float getLayoutHeight() {
-    return arr != null ? arr[LAYOUT_HEIGHT_INDEX] : 0;
-  }
-
-  @Override
-  public boolean getDoesLegacyStretchFlagAffectsLayout() {
-    return arr != null && (((int) arr[LAYOUT_EDGE_SET_FLAG_INDEX] & DOES_LEGACY_STRETCH_BEHAVIOUR) == DOES_LEGACY_STRETCH_BEHAVIOUR);
-  }
-
-  @Override
-  public float getLayoutMargin(YogaEdge edge) {
-    if (arr != null && ((int) arr[LAYOUT_EDGE_SET_FLAG_INDEX] & MARGIN) == MARGIN) {
-      switch (edge) {
-        case LEFT:
-          return arr[LAYOUT_MARGIN_START_INDEX];
-        case TOP:
-          return arr[LAYOUT_MARGIN_START_INDEX + 1];
-        case RIGHT:
-          return arr[LAYOUT_MARGIN_START_INDEX + 2];
-        case BOTTOM:
-          return arr[LAYOUT_MARGIN_START_INDEX + 3];
-        case START:
-          return getLayoutDirection() == YogaDirection.RTL ? arr[LAYOUT_MARGIN_START_INDEX + 2] : arr[LAYOUT_MARGIN_START_INDEX];
-        case END:
-          return getLayoutDirection() == YogaDirection.RTL ? arr[LAYOUT_MARGIN_START_INDEX] : arr[LAYOUT_MARGIN_START_INDEX + 2];
-        default:
-          throw new IllegalArgumentException("Cannot get layout margins of multi-edge shorthands");
-      }
-    } else {
-      return 0;
-    }
-  }
-
-  @Override
-  public float getLayoutPadding(YogaEdge edge) {
-    if (arr != null && ((int) arr[LAYOUT_EDGE_SET_FLAG_INDEX] & PADDING) == PADDING) {
-      int paddingStartIndex = LAYOUT_PADDING_START_INDEX - ((((int)arr[LAYOUT_EDGE_SET_FLAG_INDEX] & MARGIN) == MARGIN) ? 0 : 4);
-      switch (edge) {
-        case LEFT:
-          return arr[paddingStartIndex];
-        case TOP:
-          return arr[paddingStartIndex + 1];
-        case RIGHT:
-          return arr[paddingStartIndex + 2];
-        case BOTTOM:
-          return arr[paddingStartIndex + 3];
-        case START:
-          return getLayoutDirection() == YogaDirection.RTL ? arr[paddingStartIndex + 2] : arr[paddingStartIndex];
-        case END:
-          return getLayoutDirection() == YogaDirection.RTL ? arr[paddingStartIndex] : arr[paddingStartIndex + 2];
-        default:
-          throw new IllegalArgumentException("Cannot get layout paddings of multi-edge shorthands");
-      }
-    } else {
-      return 0;
-    }
-  }
-
-  @Override
-  public float getLayoutBorder(YogaEdge edge) {
-    if (arr != null && ((int) arr[LAYOUT_EDGE_SET_FLAG_INDEX] & BORDER) == BORDER) {
-      int borderStartIndex = LAYOUT_BORDER_START_INDEX - ((((int) arr[LAYOUT_EDGE_SET_FLAG_INDEX] & MARGIN) == MARGIN) ? 0 : 4) - ((((int) arr[LAYOUT_EDGE_SET_FLAG_INDEX] & PADDING) == PADDING) ? 0 : 4);
-      switch (edge) {
-        case LEFT:
-          return arr[borderStartIndex];
-        case TOP:
-          return arr[borderStartIndex + 1];
-        case RIGHT:
-          return arr[borderStartIndex + 2];
-        case BOTTOM:
-          return arr[borderStartIndex + 3];
-        case START:
-          return getLayoutDirection() == YogaDirection.RTL ? arr[borderStartIndex + 2] : arr[borderStartIndex];
-        case END:
-          return getLayoutDirection() == YogaDirection.RTL ? arr[borderStartIndex] : arr[borderStartIndex + 2];
-        default:
-          throw new IllegalArgumentException("Cannot get layout border of multi-edge shorthands");
-      }
-    } else {
-      return 0;
-    }
-  }
-
-  @Override
-  public YogaDirection getLayoutDirection() {
-    return YogaDirection.fromInt(arr != null ? (int) arr[LAYOUT_DIRECTION_INDEX] : mLayoutDirection);
-  }
-
-  @Override
-  public boolean hasNewLayout() {
-    if (arr != null) {
-      return (((int) arr[LAYOUT_EDGE_SET_FLAG_INDEX]) & HAS_NEW_LAYOUT) == HAS_NEW_LAYOUT;
-    } else {
-      return mHasNewLayout;
-    }
-  }
-
-  @Override
-  public void markLayoutSeen() {
-    if (arr != null) {
-      arr[LAYOUT_EDGE_SET_FLAG_INDEX] = ((int) arr[LAYOUT_EDGE_SET_FLAG_INDEX]) & ~(HAS_NEW_LAYOUT);
-    }
-    mHasNewLayout = false;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIFinalizer.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIFinalizer.java
new file mode 100644
index 00000000000000..cee7b0e86df0de
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIFinalizer.java
@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the LICENSE
+ * file in the root directory of this source tree.
+ */
+package com.facebook.yoga;
+
+public class YogaNodeJNIFinalizer extends YogaNodeJNIBase {
+  public YogaNodeJNIFinalizer() {
+    super();
+  }
+
+  public YogaNodeJNIFinalizer(YogaConfig config) {
+    super(config);
+  }
+
+  @Override
+  protected void finalize() throws Throwable {
+    try {
+      freeNatives();
+    } finally {
+      super.finalize();
+    }
+   }
+
+  public void freeNatives() {
+    if (mNativePointer != 0) {
+      long nativePointer = mNativePointer;
+      mNativePointer = 0;
+      YogaNative.jni_YGNodeFree(nativePointer);
+    }
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIPhantomRefs.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIPhantomRefs.java
new file mode 100644
index 00000000000000..a87defd85c7296
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIPhantomRefs.java
@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the LICENSE
+ * file in the root directory of this source tree.
+ */
+package com.facebook.yoga;
+
+import com.facebook.jni.DestructorThread;
+
+public class YogaNodeJNIPhantomRefs extends YogaNodeJNIBase {
+  public YogaNodeJNIPhantomRefs() {
+    super();
+    registerPhantomRef(this, mNativePointer);
+  }
+
+  public YogaNodeJNIPhantomRefs(YogaConfig config) {
+    super(config);
+    registerPhantomRef(this, mNativePointer);
+  }
+
+  @Override
+  public YogaNodeJNIPhantomRefs cloneWithoutChildren() {
+    YogaNodeJNIPhantomRefs clone = (YogaNodeJNIPhantomRefs) super.cloneWithoutChildren();
+    registerPhantomRef(clone, clone.mNativePointer);
+    return clone;
+  }
+
+  private static final void registerPhantomRef(YogaNode node, final long nativePointer) {
+    new DestructorThread.Destructor(node) {
+      private long mNativePointer = nativePointer;
+      @Override
+      protected void destruct() {
+        if (mNativePointer != 0) {
+          YogaNative.jni_YGNodeFree(mNativePointer);
+          mNativePointer = 0;
+        }
+      }
+    };
+  }
+}
diff --git a/ReactAndroid/src/main/jni/Application.mk b/ReactAndroid/src/main/jni/Application.mk
index 017ddd7bc469b9..84eae80adf4c9d 100644
--- a/ReactAndroid/src/main/jni/Application.mk
+++ b/ReactAndroid/src/main/jni/Application.mk
@@ -26,9 +26,9 @@ NDK_MODULE_PATH := $(APP_MK_DIR)$(HOST_DIRSEP)$(THIRD_PARTY_NDK_DIR)$(HOST_DIRSE
 
 APP_STL := c++_shared
 
-# Make sure every shared lib includes a .note.gnu.build-id header
-APP_CFLAGS := -Wall -Werror -fexceptions -frtti
+APP_CFLAGS := -Wall -Werror -fexceptions -frtti -DWITH_INSPECTOR=1
 APP_CPPFLAGS := -std=c++1y
+# Make sure every shared lib includes a .note.gnu.build-id header
 APP_LDFLAGS := -Wl,--build-id
 
 NDK_TOOLCHAIN_VERSION := clang
diff --git a/ReactAndroid/src/main/jni/first-party/fb/BUCK b/ReactAndroid/src/main/jni/first-party/fb/BUCK
index 11b4162f05f493..0acfb090124ed2 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/BUCK
+++ b/ReactAndroid/src/main/jni/first-party/fb/BUCK
@@ -11,6 +11,7 @@ oss_cxx_library(
     header_namespace = "",
     exported_headers = subdir_glob([
         ("include", "fb/**/*.h"),
+        ("include", "fbjni/**/*.h"),
         ("include", "jni/*.h"),
     ]),
     compiler_flags = [
diff --git a/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/CoreClasses.h b/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/CoreClasses.h
index 5960d4774dea26..7ff8bceb482800 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/CoreClasses.h
+++ b/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/CoreClasses.h
@@ -10,7 +10,7 @@
 /** @file CoreClasses.h
  *
  * In CoreClasses.h wrappers for the core classes (jobject, jclass, and jstring) is defined
- * to provide access to corresponding JNI functions + some conveniance.
+ * to provide access to corresponding JNI functions + some convenience.
  */
 
 #include "References-forward.h"
diff --git a/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/Iterator.h b/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/Iterator.h
index 1fae26fb21efec..606e6a5ed3a7f0 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/Iterator.h
+++ b/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/Iterator.h
@@ -77,7 +77,7 @@ struct JIterable : JavaClass<JIterable<E>> {
 
 /**
  * JavaClass types which represent Collection, List, and Set are also provided.
- * These preserve the Java class heirarchy.
+ * These preserve the Java class hierarchy.
  */
 template <typename E = jobject>
 struct JCollection : JavaClass<JCollection<E>, JIterable<E>> {
diff --git a/ReactAndroid/src/main/jni/first-party/fb/include/fbjni/fbjni.h b/ReactAndroid/src/main/jni/first-party/fb/include/fbjni/fbjni.h
new file mode 100644
index 00000000000000..653d17fdc0e806
--- /dev/null
+++ b/ReactAndroid/src/main/jni/first-party/fb/include/fbjni/fbjni.h
@@ -0,0 +1,10 @@
+/*
+ * Copyright (c) Facebook, Inc. and its 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 <fb/fbjni.h>
diff --git a/ReactAndroid/src/main/jni/first-party/fb/jni/Exceptions.cpp b/ReactAndroid/src/main/jni/first-party/fb/jni/Exceptions.cpp
index 326e114b20de7f..da17efa00cabda 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/jni/Exceptions.cpp
+++ b/ReactAndroid/src/main/jni/first-party/fb/jni/Exceptions.cpp
@@ -122,13 +122,13 @@ void throwPendingJniExceptionAsCppException() {
     return;
   }
 
-  auto throwable = adopt_local(env->ExceptionOccurred());
+  auto throwable = env->ExceptionOccurred();
   if (!throwable) {
     throw std::runtime_error("Unable to get pending JNI exception.");
   }
   env->ExceptionClear();
 
-  throw JniException(throwable);
+  throw JniException(adopt_local(throwable));
 }
 
 void throwCppExceptionIf(bool condition) {
diff --git a/ReactAndroid/src/main/jni/first-party/hermes/Android.mk b/ReactAndroid/src/main/jni/first-party/hermes/Android.mk
new file mode 100644
index 00000000000000..6d82b06d18f53e
--- /dev/null
+++ b/ReactAndroid/src/main/jni/first-party/hermes/Android.mk
@@ -0,0 +1,5 @@
+LOCAL_PATH:= $(call my-dir)
+include $(CLEAR_VARS)
+LOCAL_MODULE:= hermes
+LOCAL_SRC_FILES := jni/$(TARGET_ARCH_ABI)/libhermes.so
+include $(PREBUILT_SHARED_LIBRARY)
diff --git a/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJNI.cpp b/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJNI.cpp
index 28011661441036..6a1a790a2565a3 100644
--- a/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJNI.cpp
+++ b/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJNI.cpp
@@ -1,10 +1,10 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
  * file in the root directory of this source tree.
  */
-#include <fb/fbjni.h>
+#include <fbjni/fbjni.h>
 #include <yoga/YGNode.h>
 #include <yoga/Yoga.h>
 #include <yoga/Yoga-internal.h>
@@ -73,36 +73,6 @@ const short int LAYOUT_MARGIN_START_INDEX = 6;
 const short int LAYOUT_PADDING_START_INDEX = 10;
 const short int LAYOUT_BORDER_START_INDEX = 14;
 
-bool useBatchingForLayoutOutputs;
-
-class PtrJNodeMap {
-  using JNodeArray = JArrayClass<JYogaNode::javaobject>;
-  std::map<YGNodeRef, size_t> ptrsToIdxs_;
-  alias_ref<JNodeArray> javaNodes_;
-
-public:
-  PtrJNodeMap() : ptrsToIdxs_{}, javaNodes_{} {}
-  PtrJNodeMap(
-      alias_ref<JArrayLong> nativePointers,
-      alias_ref<JNodeArray> javaNodes)
-      : javaNodes_{javaNodes} {
-    auto pin = nativePointers->pinCritical();
-    auto ptrs = pin.get();
-    for (size_t i = 0, n = pin.size(); i < n; ++i) {
-      ptrsToIdxs_[(YGNodeRef) ptrs[i]] = i;
-    }
-  }
-
-  local_ref<JYogaNode> ref(YGNodeRef node) {
-    auto idx = ptrsToIdxs_.find(node);
-    if (idx == ptrsToIdxs_.end()) {
-      return local_ref<JYogaNode>{};
-    } else {
-      return javaNodes_->getElement(idx->second);
-    }
-  }
-};
-
 namespace {
 
 union YGNodeContext {
@@ -193,142 +163,57 @@ static void YGTransferLayoutOutputsRecursive(
 
   auto edgesSet = YGNodeEdges{root};
 
-  if (useBatchingForLayoutOutputs) {
-    bool marginFieldSet = edgesSet.has(YGNodeEdges::MARGIN);
-    bool paddingFieldSet = edgesSet.has(YGNodeEdges::PADDING);
-    bool borderFieldSet = edgesSet.has(YGNodeEdges::BORDER);
+  bool marginFieldSet = edgesSet.has(YGNodeEdges::MARGIN);
+  bool paddingFieldSet = edgesSet.has(YGNodeEdges::PADDING);
+  bool borderFieldSet = edgesSet.has(YGNodeEdges::BORDER);
 
-    int fieldFlags = edgesSet.get();
-    fieldFlags |= HAS_NEW_LAYOUT;
-    if (YGNodeLayoutGetDidLegacyStretchFlagAffectLayout(root)) {
-      fieldFlags |= DOES_LEGACY_STRETCH_BEHAVIOUR;
-    }
-
-    const int arrSize = 6 + (marginFieldSet ? 4 : 0) +
-        (paddingFieldSet ? 4 : 0) + (borderFieldSet ? 4 : 0);
-    float arr[18];
-    arr[LAYOUT_EDGE_SET_FLAG_INDEX] = fieldFlags;
-    arr[LAYOUT_WIDTH_INDEX] = YGNodeLayoutGetWidth(root);
-    arr[LAYOUT_HEIGHT_INDEX] = YGNodeLayoutGetHeight(root);
-    arr[LAYOUT_LEFT_INDEX] = YGNodeLayoutGetLeft(root);
-    arr[LAYOUT_TOP_INDEX] = YGNodeLayoutGetTop(root);
-    arr[LAYOUT_DIRECTION_INDEX] =
-        static_cast<jint>(YGNodeLayoutGetDirection(root));
-    if (marginFieldSet) {
-      arr[LAYOUT_MARGIN_START_INDEX] = YGNodeLayoutGetMargin(root, YGEdgeLeft);
-      arr[LAYOUT_MARGIN_START_INDEX + 1] =
-          YGNodeLayoutGetMargin(root, YGEdgeTop);
-      arr[LAYOUT_MARGIN_START_INDEX + 2] =
-          YGNodeLayoutGetMargin(root, YGEdgeRight);
-      arr[LAYOUT_MARGIN_START_INDEX + 3] =
-          YGNodeLayoutGetMargin(root, YGEdgeBottom);
-    }
-    if (paddingFieldSet) {
-      int paddingStartIndex =
-          LAYOUT_PADDING_START_INDEX - (marginFieldSet ? 0 : 4);
-      arr[paddingStartIndex] = YGNodeLayoutGetPadding(root, YGEdgeLeft);
-      arr[paddingStartIndex + 1] = YGNodeLayoutGetPadding(root, YGEdgeTop);
-      arr[paddingStartIndex + 2] = YGNodeLayoutGetPadding(root, YGEdgeRight);
-      arr[paddingStartIndex + 3] = YGNodeLayoutGetPadding(root, YGEdgeBottom);
-    }
-
-    if (borderFieldSet) {
-      int borderStartIndex = LAYOUT_BORDER_START_INDEX -
-          (marginFieldSet ? 0 : 4) - (paddingFieldSet ? 0 : 4);
-      arr[borderStartIndex] = YGNodeLayoutGetBorder(root, YGEdgeLeft);
-      arr[borderStartIndex + 1] = YGNodeLayoutGetBorder(root, YGEdgeTop);
-      arr[borderStartIndex + 2] = YGNodeLayoutGetBorder(root, YGEdgeRight);
-      arr[borderStartIndex + 3] = YGNodeLayoutGetBorder(root, YGEdgeBottom);
-    }
-
-    static auto arrField = obj->getClass()->getField<jfloatArray>("arr");
-    local_ref<jfloatArray> arrFinal = make_float_array(arrSize);
-    arrFinal->setRegion(0, arrSize, arr);
-    obj->setFieldValue<jfloatArray>(arrField, arrFinal.get());
-
-  } else {
-    static auto widthField = obj->getClass()->getField<jfloat>("mWidth");
-    static auto heightField = obj->getClass()->getField<jfloat>("mHeight");
-    static auto leftField = obj->getClass()->getField<jfloat>("mLeft");
-    static auto topField = obj->getClass()->getField<jfloat>("mTop");
-
-    static auto marginLeftField =
-        obj->getClass()->getField<jfloat>("mMarginLeft");
-    static auto marginTopField =
-        obj->getClass()->getField<jfloat>("mMarginTop");
-    static auto marginRightField =
-        obj->getClass()->getField<jfloat>("mMarginRight");
-    static auto marginBottomField =
-        obj->getClass()->getField<jfloat>("mMarginBottom");
-
-    static auto paddingLeftField =
-        obj->getClass()->getField<jfloat>("mPaddingLeft");
-    static auto paddingTopField =
-        obj->getClass()->getField<jfloat>("mPaddingTop");
-    static auto paddingRightField =
-        obj->getClass()->getField<jfloat>("mPaddingRight");
-    static auto paddingBottomField =
-        obj->getClass()->getField<jfloat>("mPaddingBottom");
-
-    static auto borderLeftField =
-        obj->getClass()->getField<jfloat>("mBorderLeft");
-    static auto borderTopField =
-        obj->getClass()->getField<jfloat>("mBorderTop");
-    static auto borderRightField =
-        obj->getClass()->getField<jfloat>("mBorderRight");
-    static auto borderBottomField =
-        obj->getClass()->getField<jfloat>("mBorderBottom");
-
-    static auto hasNewLayoutField =
-        obj->getClass()->getField<jboolean>("mHasNewLayout");
-    static auto doesLegacyStretchBehaviour =
-        obj->getClass()->getField<jboolean>(
-            "mDoesLegacyStretchFlagAffectsLayout");
-
-    obj->setFieldValue(widthField, YGNodeLayoutGetWidth(root));
-    obj->setFieldValue(heightField, YGNodeLayoutGetHeight(root));
-    obj->setFieldValue(leftField, YGNodeLayoutGetLeft(root));
-    obj->setFieldValue(topField, YGNodeLayoutGetTop(root));
-    obj->setFieldValue<jboolean>(
-        doesLegacyStretchBehaviour,
-        YGNodeLayoutGetDidLegacyStretchFlagAffectLayout(root));
-    obj->setFieldValue<jboolean>(hasNewLayoutField, true);
-    YGTransferLayoutDirection(root, obj);
-
-    if (edgesSet.has(YGNodeEdges::MARGIN)) {
-      obj->setFieldValue(
-          marginLeftField, YGNodeLayoutGetMargin(root, YGEdgeLeft));
-      obj->setFieldValue(
-          marginTopField, YGNodeLayoutGetMargin(root, YGEdgeTop));
-      obj->setFieldValue(
-          marginRightField, YGNodeLayoutGetMargin(root, YGEdgeRight));
-      obj->setFieldValue(
-          marginBottomField, YGNodeLayoutGetMargin(root, YGEdgeBottom));
-    }
+  int fieldFlags = edgesSet.get();
+  fieldFlags |= HAS_NEW_LAYOUT;
+  if (YGNodeLayoutGetDidLegacyStretchFlagAffectLayout(root)) {
+    fieldFlags |= DOES_LEGACY_STRETCH_BEHAVIOUR;
+  }
 
-    if (edgesSet.has(YGNodeEdges::PADDING)) {
-      obj->setFieldValue(
-          paddingLeftField, YGNodeLayoutGetPadding(root, YGEdgeLeft));
-      obj->setFieldValue(
-          paddingTopField, YGNodeLayoutGetPadding(root, YGEdgeTop));
-      obj->setFieldValue(
-          paddingRightField, YGNodeLayoutGetPadding(root, YGEdgeRight));
-      obj->setFieldValue(
-          paddingBottomField, YGNodeLayoutGetPadding(root, YGEdgeBottom));
-    }
+  const int arrSize = 6 + (marginFieldSet ? 4 : 0) + (paddingFieldSet ? 4 : 0) +
+      (borderFieldSet ? 4 : 0);
+  float arr[18];
+  arr[LAYOUT_EDGE_SET_FLAG_INDEX] = fieldFlags;
+  arr[LAYOUT_WIDTH_INDEX] = YGNodeLayoutGetWidth(root);
+  arr[LAYOUT_HEIGHT_INDEX] = YGNodeLayoutGetHeight(root);
+  arr[LAYOUT_LEFT_INDEX] = YGNodeLayoutGetLeft(root);
+  arr[LAYOUT_TOP_INDEX] = YGNodeLayoutGetTop(root);
+  arr[LAYOUT_DIRECTION_INDEX] =
+      static_cast<jint>(YGNodeLayoutGetDirection(root));
+  if (marginFieldSet) {
+    arr[LAYOUT_MARGIN_START_INDEX] = YGNodeLayoutGetMargin(root, YGEdgeLeft);
+    arr[LAYOUT_MARGIN_START_INDEX + 1] = YGNodeLayoutGetMargin(root, YGEdgeTop);
+    arr[LAYOUT_MARGIN_START_INDEX + 2] =
+        YGNodeLayoutGetMargin(root, YGEdgeRight);
+    arr[LAYOUT_MARGIN_START_INDEX + 3] =
+        YGNodeLayoutGetMargin(root, YGEdgeBottom);
+  }
+  if (paddingFieldSet) {
+    int paddingStartIndex =
+        LAYOUT_PADDING_START_INDEX - (marginFieldSet ? 0 : 4);
+    arr[paddingStartIndex] = YGNodeLayoutGetPadding(root, YGEdgeLeft);
+    arr[paddingStartIndex + 1] = YGNodeLayoutGetPadding(root, YGEdgeTop);
+    arr[paddingStartIndex + 2] = YGNodeLayoutGetPadding(root, YGEdgeRight);
+    arr[paddingStartIndex + 3] = YGNodeLayoutGetPadding(root, YGEdgeBottom);
+  }
 
-    if (edgesSet.has(YGNodeEdges::BORDER)) {
-      obj->setFieldValue(
-          borderLeftField, YGNodeLayoutGetBorder(root, YGEdgeLeft));
-      obj->setFieldValue(
-          borderTopField, YGNodeLayoutGetBorder(root, YGEdgeTop));
-      obj->setFieldValue(
-          borderRightField, YGNodeLayoutGetBorder(root, YGEdgeRight));
-      obj->setFieldValue(
-          borderBottomField, YGNodeLayoutGetBorder(root, YGEdgeBottom));
-    }
+  if (borderFieldSet) {
+    int borderStartIndex = LAYOUT_BORDER_START_INDEX -
+        (marginFieldSet ? 0 : 4) - (paddingFieldSet ? 0 : 4);
+    arr[borderStartIndex] = YGNodeLayoutGetBorder(root, YGEdgeLeft);
+    arr[borderStartIndex + 1] = YGNodeLayoutGetBorder(root, YGEdgeTop);
+    arr[borderStartIndex + 2] = YGNodeLayoutGetBorder(root, YGEdgeRight);
+    arr[borderStartIndex + 3] = YGNodeLayoutGetBorder(root, YGEdgeBottom);
   }
 
+  static auto arrField = obj->getClass()->getField<jfloatArray>("arr");
+  local_ref<jfloatArray> arrFinal = make_float_array(arrSize);
+  arrFinal->setRegion(0, arrSize, arr);
+  obj->setFieldValue<jfloatArray>(arrField, arrFinal.get());
+
   root->setHasNewLayout(false);
 
   for (uint32_t i = 0; i < YGNodeGetChildCount(root); i++) {
@@ -438,21 +323,16 @@ static int YGJNILogFunc(
   return result;
 }
 
-jlong jni_YGNodeNew(alias_ref<jobject> thiz, jboolean useBatching) {
+jlong jni_YGNodeNew(alias_ref<jobject> thiz) {
   const YGNodeRef node = YGNodeNew();
   node->setContext(YGNodeContext{}.asVoidPtr);
   node->setPrintFunc(YGPrint);
-  useBatchingForLayoutOutputs = useBatching;
   return reinterpret_cast<jlong>(node);
 }
 
-jlong jni_YGNodeNewWithConfig(
-    alias_ref<jclass>,
-    jlong configPointer,
-    jboolean useBatching) {
+jlong jni_YGNodeNewWithConfig(alias_ref<jclass>, jlong configPointer) {
   const YGNodeRef node = YGNodeNewWithConfig(_jlong2YGConfigRef(configPointer));
   node->setContext(YGNodeContext{}.asVoidPtr);
-  useBatchingForLayoutOutputs = useBatching;
   return reinterpret_cast<jlong>(node);
 }
 
diff --git a/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJTypes.cpp b/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJTypes.cpp
index 6be244958b827d..032be5c5e499aa 100644
--- a/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJTypes.cpp
+++ b/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJTypes.cpp
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
diff --git a/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJTypes.h b/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJTypes.h
index c2c5fc518e3070..dfc0901bb59a12 100644
--- a/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJTypes.h
+++ b/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJTypes.h
@@ -1,11 +1,16 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
  * file in the root directory of this source tree.
  */
-#include <fb/fbjni.h>
+#include <fbjni/fbjni.h>
 #include <yoga/YGValue.h>
+#include <yoga/Yoga.h>
+#include <map>
+
+using namespace facebook::jni;
+using namespace std;
 
 struct JYogaNode : public facebook::jni::JavaClass<JYogaNode> {
   static constexpr auto kJavaDescriptor = "Lcom/facebook/yoga/YogaNodeJNIBase;";
@@ -28,3 +33,31 @@ struct JYogaLogger : public facebook::jni::JavaClass<JYogaLogger> {
       facebook::jni::alias_ref<JYogaLogLevel>,
       jstring);
 };
+
+class PtrJNodeMap {
+  using JNodeArray = JArrayClass<JYogaNode::javaobject>;
+  std::map<YGNodeRef, size_t> ptrsToIdxs_;
+  alias_ref<JNodeArray> javaNodes_;
+
+public:
+  PtrJNodeMap() : ptrsToIdxs_{}, javaNodes_{} {}
+  PtrJNodeMap(
+      alias_ref<JArrayLong> nativePointers,
+      alias_ref<JNodeArray> javaNodes)
+      : javaNodes_{javaNodes} {
+    auto pin = nativePointers->pinCritical();
+    auto ptrs = pin.get();
+    for (size_t i = 0, n = pin.size(); i < n; ++i) {
+      ptrsToIdxs_[(YGNodeRef) ptrs[i]] = i;
+    }
+  }
+
+  local_ref<JYogaNode> ref(YGNodeRef node) {
+    auto idx = ptrsToIdxs_.find(node);
+    if (idx == ptrsToIdxs_.end()) {
+      return local_ref<JYogaNode>{};
+    } else {
+      return javaNodes_->getElement(idx->second);
+    }
+  }
+};
diff --git a/ReactAndroid/src/main/jni/react/jni/Android.mk b/ReactAndroid/src/main/jni/react/jni/Android.mk
index 7d410f44c1078b..cb88bb84c1dc09 100644
--- a/ReactAndroid/src/main/jni/react/jni/Android.mk
+++ b/ReactAndroid/src/main/jni/react/jni/Android.mk
@@ -36,6 +36,14 @@ LOCAL_MODULE := reactnativejni
 # Compile all local c++ files.
 LOCAL_SRC_FILES := $(wildcard *.cpp)
 
+ifeq ($(APP_OPTIM),debug)
+  # Keep symbols by overriding the strip command invoked by ndk-build.
+  # Note that this will apply to all shared libraries,
+  # i.e. shared libraries will NOT be stripped
+  # even though we override it in this Android.mk
+  cmd-strip :=
+endif
+
 # Build the files in this directory as a shared library
 include $(BUILD_SHARED_LIBRARY)
 
@@ -60,6 +68,7 @@ $(call import-module,cxxreact)
 $(call import-module,jsi)
 $(call import-module,jsiexecutor)
 $(call import-module,jscallinvoker)
+$(call import-module,hermes)
 
 include $(REACT_SRC_DIR)/turbomodule/core/jni/Android.mk
 
@@ -68,3 +77,6 @@ include $(REACT_SRC_DIR)/turbomodule/core/jni/Android.mk
 # $(call import-module,jscexecutor)
 
 include $(REACT_SRC_DIR)/jscexecutor/Android.mk
+include $(REACT_SRC_DIR)/../hermes/reactexecutor/Android.mk
+include $(REACT_SRC_DIR)/../hermes/instrumentation/Android.mk
+include $(REACT_SRC_DIR)/modules/blob/jni/Android.mk
diff --git a/ReactAndroid/src/main/jni/react/jni/BUCK b/ReactAndroid/src/main/jni/react/jni/BUCK
index ecf74d54219533..537fa55da7876b 100644
--- a/ReactAndroid/src/main/jni/react/jni/BUCK
+++ b/ReactAndroid/src/main/jni/react/jni/BUCK
@@ -56,7 +56,7 @@ rn_xplat_cxx_library(
         "fbsource//xplat/third-party/linker_lib:android",
         "fbsource//xplat/third-party/linker_lib:atomic",
         "fbsource//xplat/folly:molly",
-        "fbandroid//xplat/fbgloginit:fbgloginit",
+        "//fbandroid/xplat/fbgloginit:fbgloginit",
         "fbsource//xplat/fbsystrace:fbsystrace",
         react_native_target("java/com/facebook/react/turbomodule/core/jni:jscallinvokerholder"),
         react_native_xplat_target("cxxreact:bridge"),
diff --git a/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.cpp b/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.cpp
index 28de85f7ba2f22..3782296ea2887f 100644
--- a/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.cpp
@@ -26,7 +26,7 @@
 #include <folly/Memory.h>
 #include <jni/Countable.h>
 #include <jni/LocalReference.h>
-#include <jsireact/JSCallInvokerHolder.h>
+#include <ReactCommon/JSCallInvokerHolder.h>
 
 #include "CxxModuleWrapper.h"
 #include "JavaScriptExecutorHolder.h"
diff --git a/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.h b/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.h
index 0ea967de16cfd2..dab2007434e8bc 100644
--- a/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.h
+++ b/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.h
@@ -7,8 +7,8 @@
 
 #include <fb/fbjni.h>
 #include <folly/Memory.h>
-#include <jsireact/JSCallInvokerHolder.h>
-#include <jsireact/BridgeJSCallInvoker.h>
+#include <ReactCommon/JSCallInvokerHolder.h>
+#include <ReactCommon/BridgeJSCallInvoker.h>
 
 #include "CxxModuleWrapper.h"
 #include "JavaModuleWrapper.h"
diff --git a/ReactAndroid/src/main/jni/react/jni/ModuleRegistryBuilder.cpp b/ReactAndroid/src/main/jni/react/jni/ModuleRegistryBuilder.cpp
index 5d1995596240de..4b28495cc03abf 100644
--- a/ReactAndroid/src/main/jni/react/jni/ModuleRegistryBuilder.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/ModuleRegistryBuilder.cpp
@@ -5,6 +5,7 @@
 
 #include "ModuleRegistryBuilder.h"
 
+#include <string>
 #include <glog/logging.h>
 
 #include <cxxreact/CxxNativeModule.h>
@@ -18,16 +19,18 @@ std::string ModuleHolder::getName() const {
   return method(self())->toStdString();
 }
 
-xplat::module::CxxModule::Provider ModuleHolder::getProvider() const {
-  return [self=jni::make_global(self())] {
-    static auto method =
+xplat::module::CxxModule::Provider ModuleHolder::getProvider(const std::string& moduleName) const {
+  return [self=jni::make_global(self()), moduleName] {
+    static auto getModule =
       ModuleHolder::javaClassStatic()->getMethod<JNativeModule::javaobject()>(
         "getModule");
     // This is the call which uses the lazy Java Provider to instantiate the
     // Java CxxModuleWrapper which contains the CxxModule.
-    auto module = method(self);
+    auto module = getModule(self);
+
     CHECK(module->isInstanceOf(CxxModuleWrapperBase::javaClassStatic()))
-      << "module isn't a C++ module";
+        << "NativeModule '" << moduleName << "' isn't a C++ module";
+
     auto cxxModule = jni::static_ref_cast<CxxModuleWrapperBase::javaobject>(module);
     // Then, we grab the CxxModule from the wrapper, which is no longer needed.
     return cxxModule->cthis()->getModule();
@@ -48,8 +51,9 @@ std::vector<std::unique_ptr<NativeModule>> buildNativeModuleList(
   }
   if (cxxModules) {
     for (const auto& cm : *cxxModules) {
+      std::string moduleName = cm->getName();
       modules.emplace_back(folly::make_unique<CxxNativeModule>(
-                             winstance, cm->getName(), cm->getProvider(), moduleMessageQueue));
+                             winstance, moduleName, cm->getProvider(moduleName), moduleMessageQueue));
     }
   }
   return modules;
diff --git a/ReactAndroid/src/main/jni/react/jni/ModuleRegistryBuilder.h b/ReactAndroid/src/main/jni/react/jni/ModuleRegistryBuilder.h
index 10f7189bd0a114..748e1a87ad89ca 100644
--- a/ReactAndroid/src/main/jni/react/jni/ModuleRegistryBuilder.h
+++ b/ReactAndroid/src/main/jni/react/jni/ModuleRegistryBuilder.h
@@ -23,7 +23,7 @@ class ModuleHolder : public jni::JavaClass<ModuleHolder> {
     "Lcom/facebook/react/bridge/ModuleHolder;";
 
   std::string getName() const;
-  xplat::module::CxxModule::Provider getProvider() const;
+  xplat::module::CxxModule::Provider getProvider(const std::string& moduleName) const;
 };
 
 std::vector<std::unique_ptr<NativeModule>> buildNativeModuleList(
diff --git a/ReactAndroid/src/main/jni/react/perftests/BUCK b/ReactAndroid/src/main/jni/react/perftests/BUCK
index dd10b846c40423..ab322fd2cdc5cc 100644
--- a/ReactAndroid/src/main/jni/react/perftests/BUCK
+++ b/ReactAndroid/src/main/jni/react/perftests/BUCK
@@ -10,12 +10,12 @@ rn_xplat_cxx_library(
     platforms = ANDROID,
     soname = "libnativereactperftests.$(ext)",
     visibility = [
-        "fbandroid//instrumentation_tests/com/facebook/react/...",
+        "//fbandroid/instrumentation_tests/com/facebook/react/...",
     ],
     deps = [
-        "fbandroid//native:base",
-        "fbandroid//native/fb:fb",
         "fbsource//xplat/folly:molly",
+        "//fbandroid/native:base",
+        "//fbandroid/native/fb:fb",
         react_native_xplat_target("cxxreact:module"),
     ],
 )
diff --git a/ReactAndroid/src/main/jni/third-party/folly/Android.mk b/ReactAndroid/src/main/jni/third-party/folly/Android.mk
index 67d4abd5655031..906abbb0164392 100644
--- a/ReactAndroid/src/main/jni/third-party/folly/Android.mk
+++ b/ReactAndroid/src/main/jni/third-party/folly/Android.mk
@@ -17,6 +17,14 @@ LOCAL_SRC_FILES:= \
   folly/container/detail/F14Table.cpp \
   folly/ScopeGuard.cpp \
 
+ifeq ($(APP_OPTIM),debug)
+  LOCAL_SRC_FILES += \
+    folly/lang/Assume.cpp \
+    folly/lang/SafeAssert.cpp \
+    folly/FileUtil.cpp \
+    folly/portability/SysUio.cpp
+endif
+
 LOCAL_C_INCLUDES := $(LOCAL_PATH)
 LOCAL_EXPORT_C_INCLUDES := $(LOCAL_PATH)
 
@@ -26,7 +34,7 @@ FOLLY_FLAGS := \
   -DFOLLY_NO_CONFIG=1 \
   -DFOLLY_HAVE_CLOCK_GETTIME=1 \
   -DFOLLY_HAVE_MEMRCHR=1 \
-#  -DFOLLY_USE_LIBCPP=1
+  -DFOLLY_USE_LIBCPP=1
 
 # If APP_PLATFORM in Application.mk targets android-23 above, please comment this line.
 # NDK uses GNU style stderror_r() after API 23.
@@ -65,7 +73,7 @@ LOCAL_SRC_FILES := \
   folly/memory/MallctlHelper.cpp \
   folly/portability/SysMembarrier.cpp \
   folly/synchronization/AsymmetricMemoryBarrier.cpp \
-  folly/synchronization/HazPtr.cpp \
+  folly/synchronization/Hazptr.cpp \
   folly/synchronization/ParkingLot.cpp \
   folly/synchronization/WaitOptions.cpp
 
@@ -94,4 +102,4 @@ include $(BUILD_SHARED_LIBRARY)
 
 $(call import-module,glog)
 $(call import-module,double-conversion)
-$(call import-module,boost)
\ No newline at end of file
+$(call import-module,boost)
diff --git a/ReactAndroid/src/main/res/devsupport/values/strings.xml b/ReactAndroid/src/main/res/devsupport/values/strings.xml
index 29411de6e7aa8f..82db0a9b7ec2a8 100644
--- a/ReactAndroid/src/main/res/devsupport/values/strings.xml
+++ b/ReactAndroid/src/main/res/devsupport/values/strings.xml
@@ -1,27 +1,31 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-  <string name="catalyst_reloadjs" project="catalyst" translatable="false">Reload</string>
-  <string name="catalyst_debugjs_nuclide" project="catalyst" translatable="false">Debug JS in Nuclide</string>
-  <string name="catalyst_debugjs_nuclide_failure" project="catalyst" translatable="false">The request to attach Nuclide could not reach Metro Bundler!</string>
-  <string name="catalyst_debugjs" project="catalyst" translatable="false">Debug JS Remotely</string>
-  <string name="catalyst_debugjs_off" project="catalyst" translatable="false">Stop Remote JS Debugging</string>
-  <string name="catalyst_hot_module_replacement" project="catalyst" translatable="false">Enable Hot Reloading</string>
-  <string name="catalyst_hot_module_replacement_off" project="catalyst" translatable="false">Disable Hot Reloading</string>
-  <string name="catalyst_live_reload" project="catalyst" translatable="false">Enable Live Reload</string>
-  <string name="catalyst_live_reload_off" project="catalyst" translatable="false">Disable Live Reload</string>
+  <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_debug" project="catalyst" translatable="false">Debug</string>
+  <string name="catalyst_debug_stop" project="catalyst" translatable="false">Stop Debugging</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_debug_chrome" project="catalyst" translatable="false">Debug with Chrome</string>
+  <string name="catalyst_debug_chrome_stop" project="catalyst" translatable="false">Stop Chrome Debugging</string>
+  <string name="catalyst_debug_nuclide" project="catalyst" translatable="false">Debug with Nuclide</string>
+  <string name="catalyst_debug_nuclide_error" project="catalyst" translatable="false">Failed to communicate with the bundler to enabling debugging with Nuclide.</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">Toggle Inspector</string>
   <string name="catalyst_perf_monitor" project="catalyst" translatable="false">Show Perf Monitor</string>
-  <string name="catalyst_perf_monitor_off" project="catalyst" translatable="false">Hide Perf Monitor</string>
-  <string name="catalyst_settings" project="catalyst" translatable="false">Dev Settings</string>
-  <string name="catalyst_settings_title" project="catalyst" translatable="false">Catalyst Dev Settings</string>
-  <string name="catalyst_jsload_error" project="catalyst" translatable="false">Unable to download JS bundle. Did you forget to start the development server or connect your device?</string>
-  <string name="catalyst_remotedbg_message" project="catalyst" translatable="false">Connecting to remote debugger</string>
-  <string name="catalyst_remotedbg_error" project="catalyst" translatable="false">Unable to connect with remote debugger</string>
-  <string name="catalyst_element_inspector" project="catalyst" translatable="false">Toggle Inspector</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>
+  <string name="catalyst_settings_title" project="catalyst" translatable="false">Debug Settings</string>
   <string name="catalyst_heap_capture" project="catalyst" translatable="false">Capture Heap</string>
   <string name="catalyst_dismiss_button" project="catalyst" translatable="false">Dismiss\n(ESC)</string>
   <string name="catalyst_reload_button" project="catalyst" translatable="false">Reload\n(R,\u00A0R)</string>
-  <string name="catalyst_poke_sampling_profiler" project="catalyst" translatable="false">Start/Stop Sampling Profiler</string>
   <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>
 </resources>
diff --git a/ReactAndroid/src/main/res/devsupport/xml/rn_dev_preferences.xml b/ReactAndroid/src/main/res/devsupport/xml/rn_dev_preferences.xml
index 6208e4e88020c0..1c03b0ca9d32ba 100644
--- a/ReactAndroid/src/main/res/devsupport/xml/rn_dev_preferences.xml
+++ b/ReactAndroid/src/main/res/devsupport/xml/rn_dev_preferences.xml
@@ -52,15 +52,8 @@
     <CheckBoxPreference
         android:key="start_sampling_profiler_on_init"
         android:title="Start Sampling Profiler on init"
-        android:summary="If true the Sampling Profiler will start on initialization of JS. Useful for profiling startup of the app. Reload JS after setting."
-        android:defaultValue="false"
-        />
-    <EditTextPreference
-        android:key="sampling_profiler_sample_interval"
-        android:title="Sample interval for Sampling Profiler"
-        android:summary="Sample interval in microseconds for the Sampling Profiler (default: 1000). Reload JS after setting."
-        android:defaultValue="1000"
-        android:inputType="number"
+        android:summary="If true the Sampling Profiler will start on initialization of JS. Useful for profiling startup of the app. Reload JS or restart the app after changing this setting."
+        android:defaultValue="0"
         />
   </PreferenceCategory>
 </PreferenceScreen>
diff --git a/ReactAndroid/src/main/res/views/uimanager/values/ids.xml b/ReactAndroid/src/main/res/views/uimanager/values/ids.xml
index 0ae5d684021781..6dce677f736dca 100644
--- a/ReactAndroid/src/main/res/views/uimanager/values/ids.xml
+++ b/ReactAndroid/src/main/res/views/uimanager/values/ids.xml
@@ -18,6 +18,9 @@
   <!--tag is used to store accessibilityStates tag-->
   <item type="id" name="accessibility_states"/>
 
+  <!--tag is used to store accessibilityState tag-->
+  <item type="id" name="accessibility_state"/>
+
   <!--tag is used to store accessibilityLabel tag-->
   <item type="id" name="accessibility_label"/>
 
diff --git a/ReactAndroid/src/main/res/views/uimanager/values/strings_unlocalized.xml b/ReactAndroid/src/main/res/views/uimanager/values/strings_unlocalized.xml
index 7950f24a6a7b07..cd3cc03e0d6236 100644
--- a/ReactAndroid/src/main/res/views/uimanager/values/strings_unlocalized.xml
+++ b/ReactAndroid/src/main/res/views/uimanager/values/strings_unlocalized.xml
@@ -96,4 +96,8 @@
     name="state_off_description"
     translatable="false"
     >off</string>
+  <string
+    name="state_mixed_description"
+    translatable="false"
+    >mixed</string>
 </resources>
diff --git a/ReactAndroid/src/test/java/com/facebook/common/logging/BUCK b/ReactAndroid/src/test/java/com/facebook/common/logging/BUCK
index eec98c1de7106d..b315429ee1af2a 100644
--- a/ReactAndroid/src/test/java/com/facebook/common/logging/BUCK
+++ b/ReactAndroid/src/test/java/com/facebook/common/logging/BUCK
@@ -7,6 +7,7 @@ rn_android_library(
         "PUBLIC",
     ],
     deps = [
+        react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
     ],
     exported_deps = [
diff --git a/ReactAndroid/src/test/java/com/facebook/common/logging/FakeLoggingDelegate.java b/ReactAndroid/src/test/java/com/facebook/common/logging/FakeLoggingDelegate.java
index 3e944404b7e034..dfe951888fb079 100644
--- a/ReactAndroid/src/test/java/com/facebook/common/logging/FakeLoggingDelegate.java
+++ b/ReactAndroid/src/test/java/com/facebook/common/logging/FakeLoggingDelegate.java
@@ -1,18 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.common.logging;
 
+import androidx.annotation.Nullable;
 import java.util.ArrayList;
 import java.util.Arrays;
 import java.util.Collections;
 
-import javax.annotation.Nullable;
-
 public final class FakeLoggingDelegate implements LoggingDelegate {
 
   public static final class LogLine {
@@ -21,11 +19,7 @@ public static final class LogLine {
     public final String msg;
     public final @Nullable Throwable tr;
 
-    private LogLine(
-      int priority,
-      String tag,
-      String msg,
-      @Nullable Throwable tr) {
+    private LogLine(int priority, String tag, String msg, @Nullable Throwable tr) {
 
       this.priority = priority;
       this.tag = tag;
@@ -34,35 +28,30 @@ private LogLine(
     }
   }
 
-  public static final int ASSERT  = FLog.ASSERT;
-  public static final int DEBUG   = FLog.DEBUG;
-  public static final int ERROR   = FLog.ERROR;
-  public static final int INFO    = FLog.INFO;
+  public static final int ASSERT = FLog.ASSERT;
+  public static final int DEBUG = FLog.DEBUG;
+  public static final int ERROR = FLog.ERROR;
+  public static final int INFO = FLog.INFO;
   public static final int VERBOSE = FLog.VERBOSE;
-  public static final int WARN    = FLog.WARN;
+  public static final int WARN = FLog.WARN;
 
   /**
-   * There is no log level for Terrible Failures (we emit them at the Error
-   * Log-level), but to test that WTF errors are being logged, we are making up
-   * a new log level here, guaranteed to be larger than any of the other log
-   * levels.
+   * There is no log level for Terrible Failures (we emit them at the Error Log-level), but to test
+   * that WTF errors are being logged, we are making up a new log level here, guaranteed to be
+   * larger than any of the other log levels.
    */
   public static final int WTF =
-    1 + Collections.max(Arrays.asList(ASSERT, DEBUG, ERROR, INFO, VERBOSE, WARN));
+      1 + Collections.max(Arrays.asList(ASSERT, DEBUG, ERROR, INFO, VERBOSE, WARN));
 
   private int mMinLogLevel = FLog.VERBOSE;
   private final ArrayList<LogLine> mLogs = new ArrayList<>();
 
   /** Test Harness */
-
   private static boolean matchLogQuery(
-      int priority,
-      String tag,
-      @Nullable String throwMsg,
-      LogLine line) {
+      int priority, String tag, @Nullable String throwMsg, LogLine line) {
     return priority == line.priority
-      && tag.equals(line.tag)
-      && (throwMsg == null || throwMsg.equals(line.tr.getMessage()));
+        && tag.equals(line.tag)
+        && (throwMsg == null || throwMsg.equals(line.tr.getMessage()));
   }
 
   public boolean logContains(int priority, String tag, String throwMsg) {
@@ -76,7 +65,6 @@ public boolean logContains(int priority, String tag, String throwMsg) {
   }
 
   /** LoggingDelegate API */
-
   public int getMinimumLoggingLevel() {
     return mMinLogLevel;
   }
diff --git a/ReactAndroid/src/test/java/com/facebook/react/CompositeReactPackageTest.java b/ReactAndroid/src/test/java/com/facebook/react/CompositeReactPackageTest.java
index 788d935547aec8..8a0cdf64604f44 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/CompositeReactPackageTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/CompositeReactPackageTest.java
@@ -1,44 +1,38 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.util.Arrays;
-import java.util.ArrayList;
-import java.util.HashSet;
-import java.util.List;
-import java.util.Set;
+import static org.junit.Assert.assertEquals;
+import static org.mockito.Mockito.mock;
+import static org.mockito.Mockito.verify;
+import static org.mockito.Mockito.when;
 
 import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.uimanager.ViewManager;
-
+import java.util.Arrays;
+import java.util.HashSet;
+import java.util.List;
+import java.util.Set;
 import org.junit.Before;
+import org.junit.Rule;
 import org.junit.Test;
 import org.junit.runner.RunWith;
-import org.junit.Rule;
-
 import org.mockito.Mock;
 import org.mockito.MockitoAnnotations;
 import org.powermock.core.classloader.annotations.PowerMockIgnore;
 import org.powermock.modules.junit4.rule.PowerMockRule;
 import org.robolectric.RobolectricTestRunner;
 
-import static org.junit.Assert.assertEquals;
-import static org.mockito.Mockito.mock;
-import static org.mockito.Mockito.verify;
-import static org.mockito.Mockito.when;
-
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
 public class CompositeReactPackageTest {
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   @Mock ReactPackage packageNo1;
   @Mock ReactPackage packageNo2;
@@ -99,11 +93,11 @@ public void testThatCompositeReturnsASumOfNativeModules() {
     NativeModule moduleNo4 = mock(NativeModule.class);
     when(moduleNo4.getName()).thenReturn("ModuleNo4");
 
-    when(packageNo1.createNativeModules(reactContext)).thenReturn(
-        Arrays.asList(new NativeModule[]{moduleNo1, moduleNo2}));
+    when(packageNo1.createNativeModules(reactContext))
+        .thenReturn(Arrays.asList(new NativeModule[] {moduleNo1, moduleNo2}));
 
-    when(packageNo2.createNativeModules(reactContext)).thenReturn(
-        Arrays.asList(new NativeModule[]{moduleNo3, moduleNo4}));
+    when(packageNo2.createNativeModules(reactContext))
+        .thenReturn(Arrays.asList(new NativeModule[] {moduleNo3, moduleNo4}));
 
     // When
     List<NativeModule> compositeModules = composite.createNativeModules(reactContext);
@@ -112,8 +106,8 @@ public void testThatCompositeReturnsASumOfNativeModules() {
 
     // Wrapping lists into sets to be order-independent.
     // Note that there should be no module2 returned.
-    Set<NativeModule> expected = new HashSet<>(
-        Arrays.asList(new NativeModule[]{moduleNo1, moduleNo3, moduleNo4}));
+    Set<NativeModule> expected =
+        new HashSet<>(Arrays.asList(new NativeModule[] {moduleNo1, moduleNo3, moduleNo4}));
     Set<NativeModule> actual = new HashSet<>(compositeModules);
 
     assertEquals(expected, actual);
@@ -139,11 +133,11 @@ public void testThatCompositeReturnsASumOfViewManagers() {
     ViewManager managerNo4 = mock(ViewManager.class);
     when(managerNo4.getName()).thenReturn("ManagerNo4");
 
-    when(packageNo1.createViewManagers(reactContext)).thenReturn(
-        Arrays.asList(new ViewManager[]{managerNo1, managerNo2}));
+    when(packageNo1.createViewManagers(reactContext))
+        .thenReturn(Arrays.asList(new ViewManager[] {managerNo1, managerNo2}));
 
-    when(packageNo2.createViewManagers(reactContext)).thenReturn(
-        Arrays.asList(new ViewManager[]{managerNo3, managerNo4}));
+    when(packageNo2.createViewManagers(reactContext))
+        .thenReturn(Arrays.asList(new ViewManager[] {managerNo3, managerNo4}));
 
     // When
     List<ViewManager> compositeModules = composite.createViewManagers(reactContext);
@@ -152,9 +146,8 @@ public void testThatCompositeReturnsASumOfViewManagers() {
 
     // Wrapping lists into sets to be order-independent.
     // Note that there should be no managerNo2 returned.
-    Set<ViewManager> expected = new HashSet<>(
-        Arrays.asList(new ViewManager[]{managerNo1, managerNo3, managerNo4})
-    );
+    Set<ViewManager> expected =
+        new HashSet<>(Arrays.asList(new ViewManager[] {managerNo1, managerNo3, managerNo4}));
     Set<ViewManager> actual = new HashSet<>(compositeModules);
 
     assertEquals(expected, actual);
diff --git a/ReactAndroid/src/test/java/com/facebook/react/RootViewTest.java b/ReactAndroid/src/test/java/com/facebook/react/RootViewTest.java
index 99975aeb61e1a7..671bbdcee713f4 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/RootViewTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/RootViewTest.java
@@ -1,62 +1,56 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.util.Date;
+import static org.fest.assertions.api.Assertions.assertThat;
+import static org.mockito.Matchers.any;
+import static org.mockito.Matchers.eq;
+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 static org.mockito.Mockito.when;
 
-import android.util.DisplayMetrics;
 import android.view.MotionEvent;
-
 import com.facebook.react.bridge.Arguments;
-import com.facebook.react.bridge.ReactContext;
-import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.CatalystInstance;
-import com.facebook.react.bridge.ReactTestHelper;
 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.ReactTestHelper;
 import com.facebook.react.bridge.WritableArray;
 import com.facebook.react.common.SystemClock;
-import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.DisplayMetricsHolder;
+import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.events.Event;
 import com.facebook.react.uimanager.events.EventDispatcher;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
-
+import java.util.Date;
 import org.junit.Before;
+import org.junit.Rule;
 import org.junit.Test;
 import org.junit.runner.RunWith;
-import org.junit.Rule;
 import org.mockito.ArgumentCaptor;
 import org.mockito.invocation.InvocationOnMock;
 import org.mockito.stubbing.Answer;
 import org.powermock.api.mockito.PowerMockito;
-import org.powermock.core.classloader.annotations.PrepareForTest;
 import org.powermock.core.classloader.annotations.PowerMockIgnore;
+import org.powermock.core.classloader.annotations.PrepareForTest;
 import org.powermock.modules.junit4.rule.PowerMockRule;
 import org.robolectric.RobolectricTestRunner;
 import org.robolectric.RuntimeEnvironment;
 
-import static org.fest.assertions.api.Assertions.assertThat;
-import static org.mockito.Matchers.any;
-import static org.mockito.Matchers.eq;
-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 static org.mockito.Mockito.when;
-
 @PrepareForTest({Arguments.class, SystemClock.class})
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
 public class RootViewTest {
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   private ReactContext mReactContext;
   private CatalystInstance mCatalystInstanceMock;
@@ -65,25 +59,31 @@ public class RootViewTest {
   public void setUp() {
     final long ts = SystemClock.uptimeMillis();
     PowerMockito.mockStatic(Arguments.class);
-    PowerMockito.when(Arguments.createArray()).thenAnswer(new Answer<Object>() {
-      @Override
-      public Object answer(InvocationOnMock invocation) throws Throwable {
-        return new JavaOnlyArray();
-      }
-    });
-    PowerMockito.when(Arguments.createMap()).thenAnswer(new Answer<Object>() {
-      @Override
-      public Object answer(InvocationOnMock invocation) throws Throwable {
-        return new JavaOnlyMap();
-      }
-    });
+    PowerMockito.when(Arguments.createArray())
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                return new JavaOnlyArray();
+              }
+            });
+    PowerMockito.when(Arguments.createMap())
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                return new JavaOnlyMap();
+              }
+            });
     PowerMockito.mockStatic(SystemClock.class);
-    PowerMockito.when(SystemClock.uptimeMillis()).thenAnswer(new Answer<Object>() {
-      @Override
-      public Object answer(InvocationOnMock invocation) throws Throwable {
-        return ts;
-      }
-    });
+    PowerMockito.when(SystemClock.uptimeMillis())
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                return ts;
+              }
+            });
 
     mCatalystInstanceMock = ReactTestHelper.createMockCatalystInstance();
     mReactContext = new ReactApplicationContext(RuntimeEnvironment.application);
@@ -103,8 +103,7 @@ public void testTouchEmitter() {
     UIManagerModule uiManager = mock(UIManagerModule.class);
     EventDispatcher eventDispatcher = mock(EventDispatcher.class);
     RCTEventEmitter eventEmitterModuleMock = mock(RCTEventEmitter.class);
-    when(mCatalystInstanceMock.getNativeModule(UIManagerModule.class))
-        .thenReturn(uiManager);
+    when(mCatalystInstanceMock.getNativeModule(UIManagerModule.class)).thenReturn(uiManager);
     when(uiManager.getEventDispatcher()).thenReturn(eventDispatcher);
 
     int rootViewId = 7;
@@ -117,8 +116,7 @@ public void testTouchEmitter() {
     long ts = SystemClock.uptimeMillis();
 
     // Test ACTION_DOWN event
-    rootView.onTouchEvent(
-        MotionEvent.obtain(100, ts, MotionEvent.ACTION_DOWN, 0, 0, 0));
+    rootView.onTouchEvent(MotionEvent.obtain(100, ts, MotionEvent.ACTION_DOWN, 0, 0, 0));
 
     ArgumentCaptor<Event> downEventCaptor = ArgumentCaptor.forClass(Event.class);
     verify(eventDispatcher).dispatchEvent(downEventCaptor.capture());
@@ -128,29 +126,29 @@ public void testTouchEmitter() {
 
     ArgumentCaptor<JavaOnlyArray> downActionTouchesArgCaptor =
         ArgumentCaptor.forClass(JavaOnlyArray.class);
-    verify(eventEmitterModuleMock).receiveTouches(
-        eq("topTouchStart"),
-        downActionTouchesArgCaptor.capture(),
-        any(JavaOnlyArray.class));
+    verify(eventEmitterModuleMock)
+        .receiveTouches(
+            eq("topTouchStart"), downActionTouchesArgCaptor.capture(), any(JavaOnlyArray.class));
     verifyNoMoreInteractions(eventEmitterModuleMock);
 
     assertThat(downActionTouchesArgCaptor.getValue().size()).isEqualTo(1);
-    assertThat(downActionTouchesArgCaptor.getValue().getMap(0)).isEqualTo(
-        JavaOnlyMap.of(
-            "pageX",
-            0.,
-            "pageY",
-            0.,
-            "locationX",
-            0.,
-            "locationY",
-            0.,
-            "target",
-            rootViewId,
-            "timestamp",
-            (double) ts,
-            "identifier",
-            0.));
+    assertThat(downActionTouchesArgCaptor.getValue().getMap(0))
+        .isEqualTo(
+            JavaOnlyMap.of(
+                "pageX",
+                0.,
+                "pageY",
+                0.,
+                "locationX",
+                0.,
+                "locationY",
+                0.,
+                "target",
+                rootViewId,
+                "timestamp",
+                (double) ts,
+                "identifier",
+                0.));
 
     // Test ACTION_UP event
     reset(eventEmitterModuleMock, eventDispatcher);
@@ -159,35 +157,34 @@ public void testTouchEmitter() {
     ArgumentCaptor<JavaOnlyArray> upActionTouchesArgCaptor =
         ArgumentCaptor.forClass(JavaOnlyArray.class);
 
-    rootView.onTouchEvent(
-        MotionEvent.obtain(50, ts, MotionEvent.ACTION_UP, 0, 0, 0));
+    rootView.onTouchEvent(MotionEvent.obtain(50, ts, MotionEvent.ACTION_UP, 0, 0, 0));
     verify(eventDispatcher).dispatchEvent(upEventCaptor.capture());
     verifyNoMoreInteractions(eventDispatcher);
 
     upEventCaptor.getValue().dispatch(eventEmitterModuleMock);
-    verify(eventEmitterModuleMock).receiveTouches(
-        eq("topTouchEnd"),
-        upActionTouchesArgCaptor.capture(),
-        any(WritableArray.class));
+    verify(eventEmitterModuleMock)
+        .receiveTouches(
+            eq("topTouchEnd"), upActionTouchesArgCaptor.capture(), any(WritableArray.class));
     verifyNoMoreInteractions(eventEmitterModuleMock);
 
     assertThat(upActionTouchesArgCaptor.getValue().size()).isEqualTo(1);
-    assertThat(upActionTouchesArgCaptor.getValue().getMap(0)).isEqualTo(
-        JavaOnlyMap.of(
-            "pageX",
-            0.,
-            "pageY",
-            0.,
-            "locationX",
-            0.,
-            "locationY",
-            0.,
-            "target",
-            rootViewId,
-            "timestamp",
-            (double) ts,
-            "identifier",
-            0.));
+    assertThat(upActionTouchesArgCaptor.getValue().getMap(0))
+        .isEqualTo(
+            JavaOnlyMap.of(
+                "pageX",
+                0.,
+                "pageY",
+                0.,
+                "locationX",
+                0.,
+                "locationY",
+                0.,
+                "target",
+                rootViewId,
+                "timestamp",
+                (double) ts,
+                "identifier",
+                0.));
 
     // Test other action
     reset(eventDispatcher);
diff --git a/ReactAndroid/src/test/java/com/facebook/react/animated/NativeAnimatedInterpolationTest.java b/ReactAndroid/src/test/java/com/facebook/react/animated/NativeAnimatedInterpolationTest.java
index a43308b7d41661..88b9506f90b0e8 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/animated/NativeAnimatedInterpolationTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/animated/NativeAnimatedInterpolationTest.java
@@ -1,18 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.animated;
 
+import static org.fest.assertions.api.Assertions.assertThat;
+
 import org.junit.Test;
 import org.junit.runner.RunWith;
 import org.robolectric.RobolectricTestRunner;
 
-import static org.fest.assertions.api.Assertions.assertThat;
-
 /**
  * Tests method used by {@link InterpolationAnimatedNode} to interpolate value of the input nodes.
  */
@@ -21,12 +20,11 @@ public class NativeAnimatedInterpolationTest {
 
   private double simpleInterpolation(double value, double[] input, double[] output) {
     return InterpolationAnimatedNode.interpolate(
-      value,
-      input,
-      output,
-      InterpolationAnimatedNode.EXTRAPOLATE_TYPE_EXTEND,
-      InterpolationAnimatedNode.EXTRAPOLATE_TYPE_EXTEND
-    );
+        value,
+        input,
+        output,
+        InterpolationAnimatedNode.EXTRAPOLATE_TYPE_EXTEND,
+        InterpolationAnimatedNode.EXTRAPOLATE_TYPE_EXTEND);
   }
 
   @Test
@@ -82,39 +80,43 @@ public void testExtendExtrapolate() {
   public void testClampExtrapolate() {
     double[] input = new double[] {10d, 20d};
     double[] output = new double[] {0d, 1d};
-    assertThat(InterpolationAnimatedNode.interpolate(
-      30d,
-      input,
-      output,
-      InterpolationAnimatedNode.EXTRAPOLATE_TYPE_CLAMP,
-      InterpolationAnimatedNode.EXTRAPOLATE_TYPE_CLAMP
-    )).isEqualTo(1);
-    assertThat(InterpolationAnimatedNode.interpolate(
-      5d,
-      input,
-      output,
-      InterpolationAnimatedNode.EXTRAPOLATE_TYPE_CLAMP,
-      InterpolationAnimatedNode.EXTRAPOLATE_TYPE_CLAMP
-    )).isEqualTo(0);
+    assertThat(
+            InterpolationAnimatedNode.interpolate(
+                30d,
+                input,
+                output,
+                InterpolationAnimatedNode.EXTRAPOLATE_TYPE_CLAMP,
+                InterpolationAnimatedNode.EXTRAPOLATE_TYPE_CLAMP))
+        .isEqualTo(1);
+    assertThat(
+            InterpolationAnimatedNode.interpolate(
+                5d,
+                input,
+                output,
+                InterpolationAnimatedNode.EXTRAPOLATE_TYPE_CLAMP,
+                InterpolationAnimatedNode.EXTRAPOLATE_TYPE_CLAMP))
+        .isEqualTo(0);
   }
 
   @Test
   public void testIdentityExtrapolate() {
     double[] input = new double[] {10d, 20d};
     double[] output = new double[] {0d, 1d};
-    assertThat(InterpolationAnimatedNode.interpolate(
-      30d,
-      input,
-      output,
-      InterpolationAnimatedNode.EXTRAPOLATE_TYPE_IDENTITY,
-      InterpolationAnimatedNode.EXTRAPOLATE_TYPE_IDENTITY
-    )).isEqualTo(30);
-    assertThat(InterpolationAnimatedNode.interpolate(
-      5d,
-      input,
-      output,
-      InterpolationAnimatedNode.EXTRAPOLATE_TYPE_IDENTITY,
-      InterpolationAnimatedNode.EXTRAPOLATE_TYPE_IDENTITY
-    )).isEqualTo(5);
+    assertThat(
+            InterpolationAnimatedNode.interpolate(
+                30d,
+                input,
+                output,
+                InterpolationAnimatedNode.EXTRAPOLATE_TYPE_IDENTITY,
+                InterpolationAnimatedNode.EXTRAPOLATE_TYPE_IDENTITY))
+        .isEqualTo(30);
+    assertThat(
+            InterpolationAnimatedNode.interpolate(
+                5d,
+                input,
+                output,
+                InterpolationAnimatedNode.EXTRAPOLATE_TYPE_IDENTITY,
+                InterpolationAnimatedNode.EXTRAPOLATE_TYPE_IDENTITY))
+        .isEqualTo(5);
   }
 }
diff --git a/ReactAndroid/src/test/java/com/facebook/react/animated/NativeAnimatedNodeTraversalTest.java b/ReactAndroid/src/test/java/com/facebook/react/animated/NativeAnimatedNodeTraversalTest.java
index b0ea8c01b44e74..70bb5ae04c443f 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/animated/NativeAnimatedNodeTraversalTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/animated/NativeAnimatedNodeTraversalTest.java
@@ -1,26 +1,33 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.animated;
 
+import static org.fest.assertions.api.Assertions.assertThat;
+import static org.mockito.Matchers.any;
+import static org.mockito.Matchers.anyInt;
+import static org.mockito.Matchers.eq;
+import static org.mockito.Mockito.atMost;
+import static org.mockito.Mockito.mock;
+import static org.mockito.Mockito.reset;
+import static org.mockito.Mockito.times;
+import static org.mockito.Mockito.verify;
+import static org.mockito.Mockito.verifyNoMoreInteractions;
+
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.Callback;
 import com.facebook.react.bridge.JavaOnlyArray;
 import com.facebook.react.bridge.JavaOnlyMap;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.common.MapBuilder;
-import com.facebook.react.uimanager.UIImplementation;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.events.Event;
 import com.facebook.react.uimanager.events.EventDispatcher;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
-
 import java.util.Map;
-
 import org.junit.Before;
 import org.junit.Rule;
 import org.junit.Test;
@@ -34,20 +41,7 @@
 import org.powermock.modules.junit4.rule.PowerMockRule;
 import org.robolectric.RobolectricTestRunner;
 
-import static org.fest.assertions.api.Assertions.assertThat;
-import static org.mockito.Matchers.any;
-import static org.mockito.Matchers.anyInt;
-import static org.mockito.Matchers.eq;
-import static org.mockito.Mockito.atMost;
-import static org.mockito.Mockito.mock;
-import static org.mockito.Mockito.reset;
-import static org.mockito.Mockito.times;
-import static org.mockito.Mockito.verify;
-import static org.mockito.Mockito.verifyNoMoreInteractions;
-
-/**
- * Tests the animated nodes graph traversal algorithm from {@link NativeAnimatedNodesManager}.
- */
+/** Tests the animated nodes graph traversal algorithm from {@link NativeAnimatedNodesManager}. */
 @PrepareForTest({Arguments.class})
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
@@ -56,8 +50,7 @@ public class NativeAnimatedNodeTraversalTest {
   private static long FRAME_LEN_NANOS = 1000000000L / 60L;
   private static long INITIAL_FRAME_TIME_NANOS = 14599233201256L; /* random */
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   private long mFrameTimeNanos;
   private UIManagerModule mUIManagerMock;
@@ -71,55 +64,66 @@ private long nextFrameTime() {
   @Before
   public void setUp() {
     PowerMockito.mockStatic(Arguments.class);
-    PowerMockito.when(Arguments.createArray()).thenAnswer(new Answer<Object>() {
-      @Override
-      public Object answer(InvocationOnMock invocation) throws Throwable {
-        return new JavaOnlyArray();
-      }
-    });
-    PowerMockito.when(Arguments.createMap()).thenAnswer(new Answer<Object>() {
-      @Override
-      public Object answer(InvocationOnMock invocation) throws Throwable {
-        return new JavaOnlyMap();
-      }
-    });
+    PowerMockito.when(Arguments.createArray())
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                return new JavaOnlyArray();
+              }
+            });
+    PowerMockito.when(Arguments.createMap())
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                return new JavaOnlyMap();
+              }
+            });
 
     mFrameTimeNanos = INITIAL_FRAME_TIME_NANOS;
     mUIManagerMock = mock(UIManagerModule.class);
     mEventDispatcherMock = mock(EventDispatcher.class);
-    PowerMockito.when(mUIManagerMock.getEventDispatcher()).thenAnswer(new Answer<EventDispatcher>() {
-      @Override
-      public EventDispatcher answer(InvocationOnMock invocation) throws Throwable {
-        return mEventDispatcherMock;
-      }
-    });
-    PowerMockito.when(mUIManagerMock.getConstants()).thenAnswer(new Answer<Object>() {
-      @Override
-      public Object answer(InvocationOnMock invocation) throws Throwable {
-        return MapBuilder.of("customDirectEventTypes", MapBuilder.newHashMap());
-      }
-    });
-    PowerMockito
-        .when(mUIManagerMock.getDirectEventNamesResolver())
-        .thenAnswer(new Answer<UIManagerModule.CustomEventNamesResolver>() {
-      @Override
-      public UIManagerModule.CustomEventNamesResolver answer(InvocationOnMock invocation) throws Throwable {
-        return new UIManagerModule.CustomEventNamesResolver() {
-          @Override
-          public String resolveCustomEventName(String eventName) {
-            Map<String, Map> directEventTypes =
-                (Map<String, Map>) mUIManagerMock.getConstants().get("customDirectEventTypes");
-            if (directEventTypes != null) {
-              Map<String, String> customEventType = (Map<String, String>) directEventTypes.get(eventName);
-              if (customEventType != null) {
-                return customEventType.get("registrationName");
+    PowerMockito.when(mUIManagerMock.getEventDispatcher())
+        .thenAnswer(
+            new Answer<EventDispatcher>() {
+              @Override
+              public EventDispatcher answer(InvocationOnMock invocation) throws Throwable {
+                return mEventDispatcherMock;
               }
-            }
-            return eventName;
-          }
-        };
-      }
-    });
+            });
+    PowerMockito.when(mUIManagerMock.getConstants())
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                return MapBuilder.of("customDirectEventTypes", MapBuilder.newHashMap());
+              }
+            });
+    PowerMockito.when(mUIManagerMock.getDirectEventNamesResolver())
+        .thenAnswer(
+            new Answer<UIManagerModule.CustomEventNamesResolver>() {
+              @Override
+              public UIManagerModule.CustomEventNamesResolver answer(InvocationOnMock invocation)
+                  throws Throwable {
+                return new UIManagerModule.CustomEventNamesResolver() {
+                  @Override
+                  public String resolveCustomEventName(String eventName) {
+                    Map<String, Map> directEventTypes =
+                        (Map<String, Map>)
+                            mUIManagerMock.getConstants().get("customDirectEventTypes");
+                    if (directEventTypes != null) {
+                      Map<String, String> customEventType =
+                          (Map<String, String>) directEventTypes.get(eventName);
+                      if (customEventType != null) {
+                        return customEventType.get("registrationName");
+                      }
+                    }
+                    return eventName;
+                  }
+                };
+              }
+            });
     mNativeAnimatedNodesManager = new NativeAnimatedNodesManager(mUIManagerMock);
   }
 
@@ -127,19 +131,16 @@ public String resolveCustomEventName(String eventName) {
    * Generates a simple animated nodes graph and attaches the props node to a given {@param viewTag}
    * Parameter {@param opacity} is used as a initial value for the "opacity" attribute.
    *
-   * Nodes are connected as follows (nodes IDs in parens):
-   * ValueNode(1) -> StyleNode(2) -> PropNode(3)
+   * <p>Nodes are connected as follows (nodes IDs in parens): ValueNode(1) -> StyleNode(2) ->
+   * PropNode(3)
    */
   private void createSimpleAnimatedViewWithOpacity(int viewTag, double opacity) {
     mNativeAnimatedNodesManager.createAnimatedNode(
-      1,
-      JavaOnlyMap.of("type", "value", "value", opacity, "offset", 0d));
+        1, JavaOnlyMap.of("type", "value", "value", opacity, "offset", 0d));
     mNativeAnimatedNodesManager.createAnimatedNode(
-      2,
-      JavaOnlyMap.of("type", "style", "style", JavaOnlyMap.of("opacity", 1)));
+        2, JavaOnlyMap.of("type", "style", "style", JavaOnlyMap.of("opacity", 1)));
     mNativeAnimatedNodesManager.createAnimatedNode(
-      3,
-      JavaOnlyMap.of("type", "props", "props", JavaOnlyMap.of("style", 2)));
+        3, JavaOnlyMap.of("type", "props", "props", JavaOnlyMap.of("style", 2)));
     mNativeAnimatedNodesManager.connectAnimatedNodes(1, 2);
     mNativeAnimatedNodesManager.connectAnimatedNodes(2, 3);
     mNativeAnimatedNodesManager.connectAnimatedNodeToView(3, viewTag);
@@ -152,21 +153,15 @@ public void testFramesAnimation() {
     JavaOnlyArray frames = JavaOnlyArray.of(0d, 0.2d, 0.4d, 0.6d, 0.8d, 1d);
     Callback animationCallback = mock(Callback.class);
     mNativeAnimatedNodesManager.startAnimatingNode(
-      1,
-      1,
-      JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 1d),
-      animationCallback);
+        1, 1, JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 1d), animationCallback);
 
-    ArgumentCaptor<ReadableMap> stylesCaptor =
-        ArgumentCaptor.forClass(ReadableMap.class);
+    ArgumentCaptor<ReadableMap> stylesCaptor = ArgumentCaptor.forClass(ReadableMap.class);
 
     for (int i = 0; i < frames.size(); i++) {
       reset(mUIManagerMock);
       mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
-      verify(mUIManagerMock)
-          .synchronouslyUpdateViewOnUIThread(eq(1000), stylesCaptor.capture());
-      assertThat(stylesCaptor.getValue().getDouble("opacity"))
-          .isEqualTo(frames.getDouble(i));
+      verify(mUIManagerMock).synchronouslyUpdateViewOnUIThread(eq(1000), stylesCaptor.capture());
+      assertThat(stylesCaptor.getValue().getDouble("opacity")).isEqualTo(frames.getDouble(i));
     }
 
     reset(mUIManagerMock);
@@ -181,22 +176,19 @@ public void testFramesAnimationLoopsFiveTimes() {
     JavaOnlyArray frames = JavaOnlyArray.of(0d, 0.2d, 0.4d, 0.6d, 0.8d, 1d);
     Callback animationCallback = mock(Callback.class);
     mNativeAnimatedNodesManager.startAnimatingNode(
-      1,
-      1,
-      JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 1d, "iterations", 5),
-      animationCallback);
+        1,
+        1,
+        JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 1d, "iterations", 5),
+        animationCallback);
 
-    ArgumentCaptor<ReadableMap> stylesCaptor =
-        ArgumentCaptor.forClass(ReadableMap.class);
+    ArgumentCaptor<ReadableMap> stylesCaptor = ArgumentCaptor.forClass(ReadableMap.class);
 
     for (int iteration = 0; iteration < 5; iteration++) {
       for (int i = 0; i < frames.size(); i++) {
         reset(mUIManagerMock);
         mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
-        verify(mUIManagerMock)
-            .synchronouslyUpdateViewOnUIThread(eq(1000), stylesCaptor.capture());
-        assertThat(stylesCaptor.getValue().getDouble("opacity"))
-            .isEqualTo(frames.getDouble(i));
+        verify(mUIManagerMock).synchronouslyUpdateViewOnUIThread(eq(1000), stylesCaptor.capture());
+        assertThat(stylesCaptor.getValue().getDouble("opacity")).isEqualTo(frames.getDouble(i));
       }
     }
 
@@ -217,10 +209,10 @@ public void testNodeValueListenerIfNotListening() {
 
     mNativeAnimatedNodesManager.startListeningToAnimatedNodeValue(nodeId, valueListener);
     mNativeAnimatedNodesManager.startAnimatingNode(
-      1,
-      nodeId,
-      JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 1d),
-      animationCallback);
+        1,
+        nodeId,
+        JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 1d),
+        animationCallback);
 
     mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
     verify(valueListener).onValueUpdate(eq(0d));
@@ -244,10 +236,10 @@ public void testNodeValueListenerIfListening() {
 
     mNativeAnimatedNodesManager.startListeningToAnimatedNodeValue(nodeId, valueListener);
     mNativeAnimatedNodesManager.startAnimatingNode(
-      1,
-      nodeId,
-      JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 1d),
-      animationCallback);
+        1,
+        nodeId,
+        JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 1d),
+        animationCallback);
 
     for (int i = 0; i < frames.size(); i++) {
       reset(valueListener);
@@ -260,18 +252,14 @@ public void testNodeValueListenerIfListening() {
     verifyNoMoreInteractions(valueListener);
   }
 
-  public void performSpringAnimationTestWithConfig(JavaOnlyMap config, boolean testForCriticallyDamped) {
+  public void performSpringAnimationTestWithConfig(
+      JavaOnlyMap config, boolean testForCriticallyDamped) {
     createSimpleAnimatedViewWithOpacity(1000, 0d);
 
     Callback animationCallback = mock(Callback.class);
-    mNativeAnimatedNodesManager.startAnimatingNode(
-      1,
-      1,
-      config,
-      animationCallback);
+    mNativeAnimatedNodesManager.startAnimatingNode(1, 1, config, animationCallback);
 
-    ArgumentCaptor<ReadableMap> stylesCaptor =
-      ArgumentCaptor.forClass(ReadableMap.class);
+    ArgumentCaptor<ReadableMap> stylesCaptor = ArgumentCaptor.forClass(ReadableMap.class);
 
     reset(mUIManagerMock);
     mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
@@ -285,7 +273,7 @@ public void performSpringAnimationTestWithConfig(JavaOnlyMap config, boolean tes
       reset(mUIManagerMock);
       mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
       verify(mUIManagerMock, atMost(1))
-        .synchronouslyUpdateViewOnUIThread(eq(1000), stylesCaptor.capture());
+          .synchronouslyUpdateViewOnUIThread(eq(1000), stylesCaptor.capture());
       double currentValue = stylesCaptor.getValue().getDouble("opacity");
       if (currentValue > 1d) {
         wasGreaterThanOne = true;
@@ -296,7 +284,8 @@ public void performSpringAnimationTestWithConfig(JavaOnlyMap config, boolean tes
     }
     // verify that we've reach the final value at the end of animation
     assertThat(previousValue).isEqualTo(1d);
-    // verify that value has reached some maximum value that is greater than the final value (bounce)
+    // verify that value has reached some maximum value that is greater than the final value
+    // (bounce)
     if (testForCriticallyDamped) {
       assertThat(!wasGreaterThanOne);
     } else {
@@ -310,55 +299,51 @@ public void performSpringAnimationTestWithConfig(JavaOnlyMap config, boolean tes
   @Test
   public void testUnderdampedSpringAnimation() {
     performSpringAnimationTestWithConfig(
-      JavaOnlyMap.of(
-        "type",
-        "spring",
-        "stiffness",
-        230.2d,
-        "damping",
-        22d,
-        "mass",
-        1d,
-        "initialVelocity",
-        0d,
-        "toValue",
-        1d,
-        "restSpeedThreshold",
-        0.001d,
-        "restDisplacementThreshold",
-        0.001d,
-        "overshootClamping",
-        false
-      ),
-      false
-    );
+        JavaOnlyMap.of(
+            "type",
+            "spring",
+            "stiffness",
+            230.2d,
+            "damping",
+            22d,
+            "mass",
+            1d,
+            "initialVelocity",
+            0d,
+            "toValue",
+            1d,
+            "restSpeedThreshold",
+            0.001d,
+            "restDisplacementThreshold",
+            0.001d,
+            "overshootClamping",
+            false),
+        false);
   }
 
   @Test
   public void testCriticallyDampedSpringAnimation() {
     performSpringAnimationTestWithConfig(
-      JavaOnlyMap.of(
-        "type",
-        "spring",
-        "stiffness",
-        1000d,
-        "damping",
-        500d,
-        "mass",
-        3.0d,
-        "initialVelocity",
-        0d,
-        "toValue",
-        1d,
-        "restSpeedThreshold",
-        0.001d,
-        "restDisplacementThreshold",
-        0.001d,
-        "overshootClamping",
-        false
-      ),
-      true
-    );
+        JavaOnlyMap.of(
+            "type",
+            "spring",
+            "stiffness",
+            1000d,
+            "damping",
+            500d,
+            "mass",
+            3.0d,
+            "initialVelocity",
+            0d,
+            "toValue",
+            1d,
+            "restSpeedThreshold",
+            0.001d,
+            "restDisplacementThreshold",
+            0.001d,
+            "overshootClamping",
+            false),
+        true);
   }
 
   @Test
@@ -367,34 +352,32 @@ public void testSpringAnimationLoopsFiveTimes() {
 
     Callback animationCallback = mock(Callback.class);
     mNativeAnimatedNodesManager.startAnimatingNode(
-      1,
-      1,
-      JavaOnlyMap.of(
-        "type",
-        "spring",
-        "stiffness",
-        230.2d,
-        "damping",
-        22d,
-        "mass",
-        1d,
-        "initialVelocity",
-        0d,
-        "toValue",
-        1d,
-        "restSpeedThreshold",
-        0.001d,
-        "restDisplacementThreshold",
-        0.001d,
-        "overshootClamping",
-        false,
-        "iterations",
-        5
-      ),
-      animationCallback);
-
-    ArgumentCaptor<ReadableMap> stylesCaptor =
-      ArgumentCaptor.forClass(ReadableMap.class);
+        1,
+        1,
+        JavaOnlyMap.of(
+            "type",
+            "spring",
+            "stiffness",
+            230.2d,
+            "damping",
+            22d,
+            "mass",
+            1d,
+            "initialVelocity",
+            0d,
+            "toValue",
+            1d,
+            "restSpeedThreshold",
+            0.001d,
+            "restDisplacementThreshold",
+            0.001d,
+            "overshootClamping",
+            false,
+            "iterations",
+            5),
+        animationCallback);
+
+    ArgumentCaptor<ReadableMap> stylesCaptor = ArgumentCaptor.forClass(ReadableMap.class);
 
     reset(mUIManagerMock);
     mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
@@ -410,30 +393,30 @@ public void testSpringAnimationLoopsFiveTimes() {
       reset(mUIManagerMock);
       mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
       verify(mUIManagerMock, atMost(1))
-        .synchronouslyUpdateViewOnUIThread(eq(1000), stylesCaptor.capture());
+          .synchronouslyUpdateViewOnUIThread(eq(1000), stylesCaptor.capture());
       double currentValue = stylesCaptor.getValue().getDouble("opacity");
       if (currentValue > 1d) {
         wasGreaterThanOne = true;
       }
       // Test to see if it reset after coming to rest
-      if (didComeToRest &&
-          currentValue == 0d &&
-          Math.abs(Math.abs(currentValue - previousValue) - 1d) < 0.001d) {
+      if (didComeToRest
+          && currentValue == 0d
+          && Math.abs(Math.abs(currentValue - previousValue) - 1d) < 0.001d) {
         numberOfResets++;
       }
 
       // verify that an animation step is relatively small, unless it has come to rest and reset
       if (!didComeToRest) assertThat(Math.abs(currentValue - previousValue)).isLessThan(0.12d);
 
-
-       // record that the animation did come to rest when it rests on toValue
-      didComeToRest = Math.abs(currentValue - 1d) < 0.001d &&
-                      Math.abs(currentValue - previousValue) < 0.001d;
+      // record that the animation did come to rest when it rests on toValue
+      didComeToRest =
+          Math.abs(currentValue - 1d) < 0.001d && Math.abs(currentValue - previousValue) < 0.001d;
       previousValue = currentValue;
     }
     // verify that we've reach the final value at the end of animation
     assertThat(previousValue).isEqualTo(1d);
-    // verify that value has reached some maximum value that is greater than the final value (bounce)
+    // verify that value has reached some maximum value that is greater than the final value
+    // (bounce)
     assertThat(wasGreaterThanOne);
     // verify that value reset 4 times after finishing a full animation
     assertThat(numberOfResets).isEqualTo(4);
@@ -448,24 +431,17 @@ public void testDecayAnimation() {
 
     Callback animationCallback = mock(Callback.class);
     mNativeAnimatedNodesManager.startAnimatingNode(
-      1,
-      1,
-      JavaOnlyMap.of(
-        "type",
-        "decay",
-        "velocity",
-        0.5d,
-        "deceleration",
-        0.998d),
-      animationCallback);
-
-    ArgumentCaptor<ReadableMap> stylesCaptor =
-      ArgumentCaptor.forClass(ReadableMap.class);
+        1,
+        1,
+        JavaOnlyMap.of("type", "decay", "velocity", 0.5d, "deceleration", 0.998d),
+        animationCallback);
+
+    ArgumentCaptor<ReadableMap> stylesCaptor = ArgumentCaptor.forClass(ReadableMap.class);
 
     reset(mUIManagerMock);
     mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
     verify(mUIManagerMock, atMost(1))
-      .synchronouslyUpdateViewOnUIThread(eq(1000), stylesCaptor.capture());
+        .synchronouslyUpdateViewOnUIThread(eq(1000), stylesCaptor.capture());
     double previousValue = stylesCaptor.getValue().getDouble("opacity");
     double previousDiff = Double.POSITIVE_INFINITY;
     /* run 3 secs of animation */
@@ -473,7 +449,7 @@ public void testDecayAnimation() {
       reset(mUIManagerMock);
       mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
       verify(mUIManagerMock, atMost(1))
-        .synchronouslyUpdateViewOnUIThread(eq(1000), stylesCaptor.capture());
+          .synchronouslyUpdateViewOnUIThread(eq(1000), stylesCaptor.capture());
       double currentValue = stylesCaptor.getValue().getDouble("opacity");
       double currentDiff = currentValue - previousValue;
       // verify monotonicity
@@ -505,26 +481,17 @@ public void testDecayAnimationLoopsFiveTimes() {
 
     Callback animationCallback = mock(Callback.class);
     mNativeAnimatedNodesManager.startAnimatingNode(
-      1,
-      1,
-      JavaOnlyMap.of(
-        "type",
-        "decay",
-        "velocity",
-        0.5d,
-        "deceleration",
-        0.998d,
-        "iterations",
-        5),
-      animationCallback);
-
-    ArgumentCaptor<ReadableMap> stylesCaptor =
-      ArgumentCaptor.forClass(ReadableMap.class);
+        1,
+        1,
+        JavaOnlyMap.of("type", "decay", "velocity", 0.5d, "deceleration", 0.998d, "iterations", 5),
+        animationCallback);
+
+    ArgumentCaptor<ReadableMap> stylesCaptor = ArgumentCaptor.forClass(ReadableMap.class);
 
     reset(mUIManagerMock);
     mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
     verify(mUIManagerMock, atMost(1))
-      .synchronouslyUpdateViewOnUIThread(eq(1000), stylesCaptor.capture());
+        .synchronouslyUpdateViewOnUIThread(eq(1000), stylesCaptor.capture());
     double previousValue = stylesCaptor.getValue().getDouble("opacity");
     double previousDiff = Double.POSITIVE_INFINITY;
     double initialValue = stylesCaptor.getValue().getDouble("opacity");
@@ -535,7 +502,7 @@ public void testDecayAnimationLoopsFiveTimes() {
       reset(mUIManagerMock);
       mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
       verify(mUIManagerMock, atMost(1))
-        .synchronouslyUpdateViewOnUIThread(eq(1000), stylesCaptor.capture());
+          .synchronouslyUpdateViewOnUIThread(eq(1000), stylesCaptor.capture());
       double currentValue = stylesCaptor.getValue().getDouble("opacity");
       double currentDiff = currentValue - previousValue;
       // Test to see if it reset after coming to rest (i.e. dropped back to )
@@ -545,7 +512,8 @@ public void testDecayAnimationLoopsFiveTimes() {
 
       // verify monotonicity, unless it has come to rest and reset
       // greater *or equal* because the animation stops during these 3 seconds
-      if (!didComeToRest) assertThat(currentValue).as("on frame " + i).isGreaterThanOrEqualTo(previousValue);
+      if (!didComeToRest)
+        assertThat(currentValue).as("on frame " + i).isGreaterThanOrEqualTo(previousValue);
 
       // Test if animation has come to rest using the 0.1 threshold from DecayAnimation.java
       didComeToRest = Math.abs(currentDiff) < 0.1d;
@@ -567,10 +535,7 @@ public void testAnimationCallbackFinish() {
     JavaOnlyArray frames = JavaOnlyArray.of(0d, 1d);
     Callback animationCallback = mock(Callback.class);
     mNativeAnimatedNodesManager.startAnimatingNode(
-      1,
-      1,
-      JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 1d),
-      animationCallback);
+        1, 1, JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 1d), animationCallback);
 
     ArgumentCaptor<ReadableMap> callbackResponseCaptor = ArgumentCaptor.forClass(ReadableMap.class);
 
@@ -591,34 +556,25 @@ public void testAnimationCallbackFinish() {
   }
 
   /**
-   * Creates a following graph of nodes:
-   * Value(1, firstValue) ----> Add(3) ---> Style(4) ---> Props(5) ---> View(viewTag)
-   *                         |
-   * Value(2, secondValue) --+
+   * Creates a following graph of nodes: Value(1, firstValue) ----> Add(3) ---> Style(4) --->
+   * Props(5) ---> View(viewTag) | Value(2, secondValue) --+
    *
-   * Add(3) node maps to a "translateX" attribute of the Style(4) node.
+   * <p>Add(3) node maps to a "translateX" attribute of the Style(4) node.
    */
   private void createAnimatedGraphWithAdditionNode(
-      int viewTag,
-      double firstValue,
-      double secondValue) {
+      int viewTag, double firstValue, double secondValue) {
     mNativeAnimatedNodesManager.createAnimatedNode(
-      1,
-      JavaOnlyMap.of("type", "value", "value", firstValue, "offset", 0d));
+        1, JavaOnlyMap.of("type", "value", "value", firstValue, "offset", 0d));
     mNativeAnimatedNodesManager.createAnimatedNode(
-      2,
-      JavaOnlyMap.of("type", "value", "value", secondValue, "offset", 0d));
+        2, JavaOnlyMap.of("type", "value", "value", secondValue, "offset", 0d));
 
     mNativeAnimatedNodesManager.createAnimatedNode(
-      3,
-      JavaOnlyMap.of("type", "addition", "input", JavaOnlyArray.of(1, 2)));
+        3, JavaOnlyMap.of("type", "addition", "input", JavaOnlyArray.of(1, 2)));
 
     mNativeAnimatedNodesManager.createAnimatedNode(
-      4,
-      JavaOnlyMap.of("type", "style", "style", JavaOnlyMap.of("translateX", 3)));
+        4, JavaOnlyMap.of("type", "style", "style", JavaOnlyMap.of("translateX", 3)));
     mNativeAnimatedNodesManager.createAnimatedNode(
-      5,
-      JavaOnlyMap.of("type", "props", "props", JavaOnlyMap.of("style", 4)));
+        5, JavaOnlyMap.of("type", "props", "props", JavaOnlyMap.of("style", 4)));
     mNativeAnimatedNodesManager.connectAnimatedNodes(1, 3);
     mNativeAnimatedNodesManager.connectAnimatedNodes(2, 3);
     mNativeAnimatedNodesManager.connectAnimatedNodes(3, 4);
@@ -633,19 +589,18 @@ public void testAdditionNode() {
     Callback animationCallback = mock(Callback.class);
     JavaOnlyArray frames = JavaOnlyArray.of(0d, 1d);
     mNativeAnimatedNodesManager.startAnimatingNode(
-      1,
-      1,
-      JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 101d),
-      animationCallback);
+        1,
+        1,
+        JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 101d),
+        animationCallback);
 
     mNativeAnimatedNodesManager.startAnimatingNode(
-      2,
-      2,
-      JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 1010d),
-      animationCallback);
+        2,
+        2,
+        JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 1010d),
+        animationCallback);
 
-    ArgumentCaptor<ReadableMap> stylesCaptor =
-      ArgumentCaptor.forClass(ReadableMap.class);
+    ArgumentCaptor<ReadableMap> stylesCaptor = ArgumentCaptor.forClass(ReadableMap.class);
 
     reset(mUIManagerMock);
     mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
@@ -654,8 +609,7 @@ public void testAdditionNode() {
 
     reset(mUIManagerMock);
     mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
-    verify(mUIManagerMock)
-      .synchronouslyUpdateViewOnUIThread(eq(50), stylesCaptor.capture());
+    verify(mUIManagerMock).synchronouslyUpdateViewOnUIThread(eq(50), stylesCaptor.capture());
     assertThat(stylesCaptor.getValue().getDouble("translateX")).isEqualTo(1111d);
 
     reset(mUIManagerMock);
@@ -667,8 +621,8 @@ public void testAdditionNode() {
    * Verifies that {@link NativeAnimatedNodesManager#runUpdates} updates the view correctly in case
    * when one of the addition input nodes has started animating while the other one has not.
    *
-   * We expect that the output of the addition node will take the starting value of the second input
-   * node even though the node hasn't been connected to an active animation driver.
+   * <p>We expect that the output of the addition node will take the starting value of the second
+   * input node even though the node hasn't been connected to an active animation driver.
    */
   @Test
   public void testViewReceiveUpdatesIfOneOfAnimationHasntStarted() {
@@ -678,13 +632,12 @@ public void testViewReceiveUpdatesIfOneOfAnimationHasntStarted() {
     Callback animationCallback = mock(Callback.class);
     JavaOnlyArray frames = JavaOnlyArray.of(0d, 1d);
     mNativeAnimatedNodesManager.startAnimatingNode(
-      1,
-      1,
-      JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 101d),
-      animationCallback);
+        1,
+        1,
+        JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 101d),
+        animationCallback);
 
-    ArgumentCaptor<ReadableMap> stylesCaptor =
-      ArgumentCaptor.forClass(ReadableMap.class);
+    ArgumentCaptor<ReadableMap> stylesCaptor = ArgumentCaptor.forClass(ReadableMap.class);
 
     reset(mUIManagerMock);
     mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
@@ -693,8 +646,7 @@ public void testViewReceiveUpdatesIfOneOfAnimationHasntStarted() {
 
     reset(mUIManagerMock);
     mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
-    verify(mUIManagerMock)
-      .synchronouslyUpdateViewOnUIThread(eq(50), stylesCaptor.capture());
+    verify(mUIManagerMock).synchronouslyUpdateViewOnUIThread(eq(50), stylesCaptor.capture());
     assertThat(stylesCaptor.getValue().getDouble("translateX")).isEqualTo(1101d);
 
     reset(mUIManagerMock);
@@ -706,7 +658,7 @@ public void testViewReceiveUpdatesIfOneOfAnimationHasntStarted() {
    * Verifies that {@link NativeAnimatedNodesManager#runUpdates} updates the view correctly in case
    * when one of the addition input nodes animation finishes before the other.
    *
-   * We expect that the output of the addition node after one of the animation has finished will
+   * <p>We expect that the output of the addition node after one of the animation has finished will
    * take the last value of the animated node and the view will receive updates up until the second
    * animation is over.
    */
@@ -719,21 +671,20 @@ public void testViewReceiveUpdatesWhenOneOfAnimationHasFinished() {
     // Start animating for the first addition input node, will have 2 frames only
     JavaOnlyArray firstFrames = JavaOnlyArray.of(0d, 1d);
     mNativeAnimatedNodesManager.startAnimatingNode(
-      1,
-      1,
-      JavaOnlyMap.of("type", "frames", "frames", firstFrames, "toValue", 200d),
-      animationCallback);
+        1,
+        1,
+        JavaOnlyMap.of("type", "frames", "frames", firstFrames, "toValue", 200d),
+        animationCallback);
 
     // Start animating for the first addition input node, will have 6 frames
     JavaOnlyArray secondFrames = JavaOnlyArray.of(0d, 0.2d, 0.4d, 0.6d, 0.8d, 1d);
     mNativeAnimatedNodesManager.startAnimatingNode(
-      2,
-      2,
-      JavaOnlyMap.of("type", "frames", "frames", secondFrames, "toValue", 1010d),
-      animationCallback);
+        2,
+        2,
+        JavaOnlyMap.of("type", "frames", "frames", secondFrames, "toValue", 1010d),
+        animationCallback);
 
-    ArgumentCaptor<ReadableMap> stylesCaptor =
-      ArgumentCaptor.forClass(ReadableMap.class);
+    ArgumentCaptor<ReadableMap> stylesCaptor = ArgumentCaptor.forClass(ReadableMap.class);
 
     reset(mUIManagerMock);
     mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
@@ -743,10 +694,9 @@ public void testViewReceiveUpdatesWhenOneOfAnimationHasFinished() {
     for (int i = 1; i < secondFrames.size(); i++) {
       reset(mUIManagerMock);
       mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
-      verify(mUIManagerMock)
-        .synchronouslyUpdateViewOnUIThread(eq(50), stylesCaptor.capture());
+      verify(mUIManagerMock).synchronouslyUpdateViewOnUIThread(eq(50), stylesCaptor.capture());
       assertThat(stylesCaptor.getValue().getDouble("translateX"))
-        .isEqualTo(1200d + secondFrames.getDouble(i) * 10d);
+          .isEqualTo(1200d + secondFrames.getDouble(i) * 10d);
     }
 
     reset(mUIManagerMock);
@@ -757,22 +707,17 @@ public void testViewReceiveUpdatesWhenOneOfAnimationHasFinished() {
   @Test
   public void testMultiplicationNode() {
     mNativeAnimatedNodesManager.createAnimatedNode(
-      1,
-      JavaOnlyMap.of("type", "value", "value", 1d, "offset", 0d));
+        1, JavaOnlyMap.of("type", "value", "value", 1d, "offset", 0d));
     mNativeAnimatedNodesManager.createAnimatedNode(
-      2,
-      JavaOnlyMap.of("type", "value", "value", 5d, "offset", 0d));
+        2, JavaOnlyMap.of("type", "value", "value", 5d, "offset", 0d));
 
     mNativeAnimatedNodesManager.createAnimatedNode(
-      3,
-      JavaOnlyMap.of("type", "multiplication", "input", JavaOnlyArray.of(1, 2)));
+        3, JavaOnlyMap.of("type", "multiplication", "input", JavaOnlyArray.of(1, 2)));
 
     mNativeAnimatedNodesManager.createAnimatedNode(
-      4,
-      JavaOnlyMap.of("type", "style", "style", JavaOnlyMap.of("translateX", 3)));
+        4, JavaOnlyMap.of("type", "style", "style", JavaOnlyMap.of("translateX", 3)));
     mNativeAnimatedNodesManager.createAnimatedNode(
-      5,
-      JavaOnlyMap.of("type", "props", "props", JavaOnlyMap.of("style", 4)));
+        5, JavaOnlyMap.of("type", "props", "props", JavaOnlyMap.of("style", 4)));
     mNativeAnimatedNodesManager.connectAnimatedNodes(1, 3);
     mNativeAnimatedNodesManager.connectAnimatedNodes(2, 3);
     mNativeAnimatedNodesManager.connectAnimatedNodes(3, 4);
@@ -782,19 +727,15 @@ public void testMultiplicationNode() {
     Callback animationCallback = mock(Callback.class);
     JavaOnlyArray frames = JavaOnlyArray.of(0d, 1d);
     mNativeAnimatedNodesManager.startAnimatingNode(
-      1,
-      1,
-      JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 2d),
-      animationCallback);
+        1, 1, JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 2d), animationCallback);
 
     mNativeAnimatedNodesManager.startAnimatingNode(
-      2,
-      2,
-      JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 10d),
-      animationCallback);
+        2,
+        2,
+        JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 10d),
+        animationCallback);
 
-    ArgumentCaptor<ReadableMap> stylesCaptor =
-      ArgumentCaptor.forClass(ReadableMap.class);
+    ArgumentCaptor<ReadableMap> stylesCaptor = ArgumentCaptor.forClass(ReadableMap.class);
 
     reset(mUIManagerMock);
     mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
@@ -823,10 +764,10 @@ public void testHandleStoppingAnimation() {
     JavaOnlyArray frames = JavaOnlyArray.of(0d, 0.2d, 0.4d, 0.6d, 0.8d, 1.0d);
     Callback animationCallback = mock(Callback.class);
     mNativeAnimatedNodesManager.startAnimatingNode(
-      404,
-      1,
-      JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 1d),
-      animationCallback);
+        404,
+        1,
+        JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 1d),
+        animationCallback);
 
     ArgumentCaptor<ReadableMap> callbackResponseCaptor = ArgumentCaptor.forClass(ReadableMap.class);
 
@@ -835,7 +776,7 @@ public void testHandleStoppingAnimation() {
     mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
     mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
     verify(mUIManagerMock, times(2))
-      .synchronouslyUpdateViewOnUIThread(anyInt(), any(ReadableMap.class));
+        .synchronouslyUpdateViewOnUIThread(anyInt(), any(ReadableMap.class));
     verifyNoMoreInteractions(animationCallback);
 
     reset(animationCallback);
@@ -863,29 +804,26 @@ public void testHandleStoppingAnimation() {
   @Test
   public void testInterpolationNode() {
     mNativeAnimatedNodesManager.createAnimatedNode(
-      1,
-      JavaOnlyMap.of("type", "value", "value", 10d, "offset", 0d));
+        1, JavaOnlyMap.of("type", "value", "value", 10d, "offset", 0d));
 
     mNativeAnimatedNodesManager.createAnimatedNode(
-      2,
-      JavaOnlyMap.of(
-        "type",
-        "interpolation",
-        "inputRange",
-        JavaOnlyArray.of(10d, 20d),
-        "outputRange",
-        JavaOnlyArray.of(0d, 1d),
-        "extrapolateLeft",
-        "extend",
-        "extrapolateRight",
-        "extend"));
+        2,
+        JavaOnlyMap.of(
+            "type",
+            "interpolation",
+            "inputRange",
+            JavaOnlyArray.of(10d, 20d),
+            "outputRange",
+            JavaOnlyArray.of(0d, 1d),
+            "extrapolateLeft",
+            "extend",
+            "extrapolateRight",
+            "extend"));
 
     mNativeAnimatedNodesManager.createAnimatedNode(
-      3,
-      JavaOnlyMap.of("type", "style", "style", JavaOnlyMap.of("opacity", 2)));
+        3, JavaOnlyMap.of("type", "style", "style", JavaOnlyMap.of("opacity", 2)));
     mNativeAnimatedNodesManager.createAnimatedNode(
-      4,
-      JavaOnlyMap.of("type", "props", "props", JavaOnlyMap.of("style", 3)));
+        4, JavaOnlyMap.of("type", "props", "props", JavaOnlyMap.of("style", 3)));
     mNativeAnimatedNodesManager.connectAnimatedNodes(1, 2);
     mNativeAnimatedNodesManager.connectAnimatedNodes(2, 3);
     mNativeAnimatedNodesManager.connectAnimatedNodes(3, 4);
@@ -894,21 +832,18 @@ public void testInterpolationNode() {
     Callback animationCallback = mock(Callback.class);
     JavaOnlyArray frames = JavaOnlyArray.of(0d, 0.2d, 0.4d, 0.6d, 0.8d, 1d);
     mNativeAnimatedNodesManager.startAnimatingNode(
-      1,
-      1,
-      JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 20d),
-      animationCallback);
+        1,
+        1,
+        JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 20d),
+        animationCallback);
 
-    ArgumentCaptor<ReadableMap> stylesCaptor =
-      ArgumentCaptor.forClass(ReadableMap.class);
+    ArgumentCaptor<ReadableMap> stylesCaptor = ArgumentCaptor.forClass(ReadableMap.class);
 
     for (int i = 0; i < frames.size(); i++) {
       reset(mUIManagerMock);
       mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
-      verify(mUIManagerMock)
-        .synchronouslyUpdateViewOnUIThread(eq(50), stylesCaptor.capture());
-      assertThat(stylesCaptor.getValue().getDouble("opacity"))
-        .isEqualTo(frames.getDouble(i));
+      verify(mUIManagerMock).synchronouslyUpdateViewOnUIThread(eq(50), stylesCaptor.capture());
+      assertThat(stylesCaptor.getValue().getDouble("opacity")).isEqualTo(frames.getDouble(i));
     }
 
     reset(mUIManagerMock);
@@ -925,8 +860,8 @@ public String getEventName() {
 
       @Override
       public void dispatch(RCTEventEmitter rctEventEmitter) {
-        rctEventEmitter.receiveEvent(tag, "topScroll", JavaOnlyMap.of(
-          "contentOffset", JavaOnlyMap.of("y", value)));
+        rctEventEmitter.receiveEvent(
+            tag, "topScroll", JavaOnlyMap.of("contentOffset", JavaOnlyMap.of("y", value)));
       }
     };
   }
@@ -937,14 +872,15 @@ public void testNativeAnimatedEventDoUpdate() {
 
     createSimpleAnimatedViewWithOpacity(viewTag, 0d);
 
-    mNativeAnimatedNodesManager.addAnimatedEventToView(viewTag, "topScroll", JavaOnlyMap.of(
-      "animatedValueTag", 1,
-      "nativeEventPath", JavaOnlyArray.of("contentOffset", "y")));
+    mNativeAnimatedNodesManager.addAnimatedEventToView(
+        viewTag,
+        "topScroll",
+        JavaOnlyMap.of(
+            "animatedValueTag", 1, "nativeEventPath", JavaOnlyArray.of("contentOffset", "y")));
 
     mNativeAnimatedNodesManager.onEventDispatch(createScrollEvent(viewTag, 10));
 
-    ArgumentCaptor<ReadableMap> stylesCaptor =
-      ArgumentCaptor.forClass(ReadableMap.class);
+    ArgumentCaptor<ReadableMap> stylesCaptor = ArgumentCaptor.forClass(ReadableMap.class);
 
     reset(mUIManagerMock);
     mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
@@ -958,18 +894,21 @@ public void testNativeAnimatedEventDoNotUpdate() {
 
     createSimpleAnimatedViewWithOpacity(viewTag, 0d);
 
-    mNativeAnimatedNodesManager.addAnimatedEventToView(viewTag, "otherEvent", JavaOnlyMap.of(
-      "animatedValueTag", 1,
-      "nativeEventPath", JavaOnlyArray.of("contentOffset", "y")));
+    mNativeAnimatedNodesManager.addAnimatedEventToView(
+        viewTag,
+        "otherEvent",
+        JavaOnlyMap.of(
+            "animatedValueTag", 1, "nativeEventPath", JavaOnlyArray.of("contentOffset", "y")));
 
-    mNativeAnimatedNodesManager.addAnimatedEventToView(999, "topScroll", JavaOnlyMap.of(
-      "animatedValueTag", 1,
-      "nativeEventPath", JavaOnlyArray.of("contentOffset", "y")));
+    mNativeAnimatedNodesManager.addAnimatedEventToView(
+        999,
+        "topScroll",
+        JavaOnlyMap.of(
+            "animatedValueTag", 1, "nativeEventPath", JavaOnlyArray.of("contentOffset", "y")));
 
     mNativeAnimatedNodesManager.onEventDispatch(createScrollEvent(viewTag, 10));
 
-    ArgumentCaptor<ReadableMap> stylesCaptor =
-      ArgumentCaptor.forClass(ReadableMap.class);
+    ArgumentCaptor<ReadableMap> stylesCaptor = ArgumentCaptor.forClass(ReadableMap.class);
 
     reset(mUIManagerMock);
     mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
@@ -981,26 +920,29 @@ public void testNativeAnimatedEventDoNotUpdate() {
   public void testNativeAnimatedEventCustomMapping() {
     int viewTag = 1000;
 
-    PowerMockito.when(mUIManagerMock.getConstants()).thenAnswer(new Answer<Object>() {
-      @Override
-      public Object answer(InvocationOnMock invocation) throws Throwable {
-        return MapBuilder.of("customDirectEventTypes", MapBuilder.of(
-          "topScroll", MapBuilder.of("registrationName", "onScroll")
-        ));
-      }
-    });
+    PowerMockito.when(mUIManagerMock.getConstants())
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                return MapBuilder.of(
+                    "customDirectEventTypes",
+                    MapBuilder.of("topScroll", MapBuilder.of("registrationName", "onScroll")));
+              }
+            });
     mNativeAnimatedNodesManager = new NativeAnimatedNodesManager(mUIManagerMock);
 
     createSimpleAnimatedViewWithOpacity(viewTag, 0d);
 
-    mNativeAnimatedNodesManager.addAnimatedEventToView(viewTag, "onScroll", JavaOnlyMap.of(
-      "animatedValueTag", 1,
-      "nativeEventPath", JavaOnlyArray.of("contentOffset", "y")));
+    mNativeAnimatedNodesManager.addAnimatedEventToView(
+        viewTag,
+        "onScroll",
+        JavaOnlyMap.of(
+            "animatedValueTag", 1, "nativeEventPath", JavaOnlyArray.of("contentOffset", "y")));
 
     mNativeAnimatedNodesManager.onEventDispatch(createScrollEvent(viewTag, 10));
 
-    ArgumentCaptor<ReadableMap> stylesCaptor =
-      ArgumentCaptor.forClass(ReadableMap.class);
+    ArgumentCaptor<ReadableMap> stylesCaptor = ArgumentCaptor.forClass(ReadableMap.class);
 
     reset(mUIManagerMock);
     mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
@@ -1013,14 +955,11 @@ public void testRestoreDefaultProps() {
     int viewTag = 1000;
     int propsNodeTag = 3;
     mNativeAnimatedNodesManager.createAnimatedNode(
-      1,
-      JavaOnlyMap.of("type", "value", "value", 1d, "offset", 0d));
+        1, JavaOnlyMap.of("type", "value", "value", 1d, "offset", 0d));
     mNativeAnimatedNodesManager.createAnimatedNode(
-      2,
-      JavaOnlyMap.of("type", "style", "style", JavaOnlyMap.of("opacity", 1)));
+        2, JavaOnlyMap.of("type", "style", "style", JavaOnlyMap.of("opacity", 1)));
     mNativeAnimatedNodesManager.createAnimatedNode(
-      propsNodeTag,
-      JavaOnlyMap.of("type", "props", "props", JavaOnlyMap.of("style", 2)));
+        propsNodeTag, JavaOnlyMap.of("type", "props", "props", JavaOnlyMap.of("style", 2)));
     mNativeAnimatedNodesManager.connectAnimatedNodes(1, 2);
     mNativeAnimatedNodesManager.connectAnimatedNodes(2, propsNodeTag);
     mNativeAnimatedNodesManager.connectAnimatedNodeToView(propsNodeTag, viewTag);
@@ -1028,13 +967,9 @@ public void testRestoreDefaultProps() {
     JavaOnlyArray frames = JavaOnlyArray.of(0d, 0.5d, 1d);
     Callback animationCallback = mock(Callback.class);
     mNativeAnimatedNodesManager.startAnimatingNode(
-      1,
-      1,
-      JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 0d),
-      animationCallback);
+        1, 1, JavaOnlyMap.of("type", "frames", "frames", frames, "toValue", 0d), animationCallback);
 
-    ArgumentCaptor<ReadableMap> stylesCaptor =
-      ArgumentCaptor.forClass(ReadableMap.class);
+    ArgumentCaptor<ReadableMap> stylesCaptor = ArgumentCaptor.forClass(ReadableMap.class);
 
     for (int i = 0; i < frames.size(); i++) {
       reset(mUIManagerMock);
@@ -1050,34 +985,37 @@ public void testRestoreDefaultProps() {
     assertThat(stylesCaptor.getValue().isNull("opacity"));
   }
 
-
   /**
-   * Creates a following graph of nodes:
-   * Value(3, initialValue) ----> Style(4) ---> Props(5) ---> View(viewTag)
+   * Creates a following graph of nodes: Value(3, initialValue) ----> Style(4) ---> Props(5) --->
+   * View(viewTag)
    *
-   * Value(3) is set to track Value(1) via Tracking(2) node with the provided animation config
+   * <p>Value(3) is set to track Value(1) via Tracking(2) node with the provided animation config
    */
   private void createAnimatedGraphWithTrackingNode(
-          int viewTag,
-          double initialValue,
-          JavaOnlyMap animationConfig) {
+      int viewTag, double initialValue, JavaOnlyMap animationConfig) {
     mNativeAnimatedNodesManager.createAnimatedNode(
-            1,
-            JavaOnlyMap.of("type", "value", "value", initialValue, "offset", 0d));
+        1, JavaOnlyMap.of("type", "value", "value", initialValue, "offset", 0d));
     mNativeAnimatedNodesManager.createAnimatedNode(
-            3,
-            JavaOnlyMap.of("type", "value", "value", initialValue, "offset", 0d));
+        3, JavaOnlyMap.of("type", "value", "value", initialValue, "offset", 0d));
 
     mNativeAnimatedNodesManager.createAnimatedNode(
-            2,
-            JavaOnlyMap.of("type", "tracking", "animationId", 70, "value", 3, "toValue", 1, "animationConfig", animationConfig));
+        2,
+        JavaOnlyMap.of(
+            "type",
+            "tracking",
+            "animationId",
+            70,
+            "value",
+            3,
+            "toValue",
+            1,
+            "animationConfig",
+            animationConfig));
 
     mNativeAnimatedNodesManager.createAnimatedNode(
-            4,
-            JavaOnlyMap.of("type", "style", "style", JavaOnlyMap.of("translateX", 3)));
+        4, JavaOnlyMap.of("type", "style", "style", JavaOnlyMap.of("translateX", 3)));
     mNativeAnimatedNodesManager.createAnimatedNode(
-            5,
-            JavaOnlyMap.of("type", "props", "props", JavaOnlyMap.of("style", 4)));
+        5, JavaOnlyMap.of("type", "props", "props", JavaOnlyMap.of("style", 4)));
     mNativeAnimatedNodesManager.connectAnimatedNodes(1, 2);
     mNativeAnimatedNodesManager.connectAnimatedNodes(3, 4);
     mNativeAnimatedNodesManager.connectAnimatedNodes(4, 5);
@@ -1096,8 +1034,7 @@ public void testTracking() {
 
     createAnimatedGraphWithTrackingNode(1000, 0d, animationConfig);
 
-    ArgumentCaptor<ReadableMap> stylesCaptor =
-            ArgumentCaptor.forClass(ReadableMap.class);
+    ArgumentCaptor<ReadableMap> stylesCaptor = ArgumentCaptor.forClass(ReadableMap.class);
 
     reset(mUIManagerMock);
     mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
@@ -1111,10 +1048,9 @@ public void testTracking() {
     for (int i = 0; i < frames.size(); i++) {
       reset(mUIManagerMock);
       mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
-      verify(mUIManagerMock)
-              .synchronouslyUpdateViewOnUIThread(eq(1000), stylesCaptor.capture());
+      verify(mUIManagerMock).synchronouslyUpdateViewOnUIThread(eq(1000), stylesCaptor.capture());
       assertThat(stylesCaptor.getValue().getDouble("translateX"))
-              .isEqualTo(frames.getDouble(i) * 100d);
+          .isEqualTo(frames.getDouble(i) * 100d);
     }
 
     // update "toValue" to 0 but run only two frames from the animation,
@@ -1125,15 +1061,14 @@ public void testTracking() {
     for (int i = 0; i < 2; i++) {
       reset(mUIManagerMock);
       mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
-      verify(mUIManagerMock)
-              .synchronouslyUpdateViewOnUIThread(eq(1000), stylesCaptor.capture());
+      verify(mUIManagerMock).synchronouslyUpdateViewOnUIThread(eq(1000), stylesCaptor.capture());
       assertThat(stylesCaptor.getValue().getDouble("translateX"))
-              .isEqualTo(100d * (1d - frames.getDouble(i)));
+          .isEqualTo(100d * (1d - frames.getDouble(i)));
     }
 
     // at this point we expect tracking value to be at 75
     assertThat(((ValueAnimatedNode) mNativeAnimatedNodesManager.getNodeById(3)).getValue())
-            .isEqualTo(75d);
+        .isEqualTo(75d);
 
     // we update "toValue" again to 100 and expect the animation to restart from the current place
     mNativeAnimatedNodesManager.setAnimatedNodeValue(1, 100d);
@@ -1142,10 +1077,9 @@ public void testTracking() {
     for (int i = 0; i < frames.size(); i++) {
       reset(mUIManagerMock);
       mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
-      verify(mUIManagerMock)
-              .synchronouslyUpdateViewOnUIThread(eq(1000), stylesCaptor.capture());
+      verify(mUIManagerMock).synchronouslyUpdateViewOnUIThread(eq(1000), stylesCaptor.capture());
       assertThat(stylesCaptor.getValue().getDouble("translateX"))
-              .isEqualTo(50d + 50d * frames.getDouble(i));
+          .isEqualTo(50d + 50d * frames.getDouble(i));
     }
   }
 
@@ -1171,7 +1105,7 @@ public void testTrackingPausesWhenEndValueIsReached() {
       mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
     }
     verify(mUIManagerMock, times(frames.size()))
-            .synchronouslyUpdateViewOnUIThread(eq(1000), any(ReadableMap.class));
+        .synchronouslyUpdateViewOnUIThread(eq(1000), any(ReadableMap.class));
 
     // the animation has completed, we expect no updates to be done
     reset(mUIManagerMock);
@@ -1179,7 +1113,6 @@ public void testTrackingPausesWhenEndValueIsReached() {
     mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
     verifyNoMoreInteractions(mUIManagerMock);
 
-
     // we update end value and expect the animation to restart
     mNativeAnimatedNodesManager.setAnimatedNodeValue(1, 200d);
     mNativeAnimatedNodesManager.runUpdates(nextFrameTime()); // make sure animation starts
@@ -1190,7 +1123,7 @@ public void testTrackingPausesWhenEndValueIsReached() {
       mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
     }
     verify(mUIManagerMock, times(frames.size()))
-            .synchronouslyUpdateViewOnUIThread(eq(1000), any(ReadableMap.class));
+        .synchronouslyUpdateViewOnUIThread(eq(1000), any(ReadableMap.class));
 
     // the animation has completed, we expect no updates to be done
     reset(mUIManagerMock);
@@ -1206,9 +1139,10 @@ public void testTrackingPausesWhenEndValueIsReached() {
    */
   @Test
   public void testSpringTrackingRetainsSpeed() {
-    // this spring config correspomds to tension 20 and friction 0.5 which makes the spring settle
+    // this spring config corresponds to tension 20 and friction 0.5 which makes the spring settle
     // very slowly
-    JavaOnlyMap springConfig = JavaOnlyMap.of(
+    JavaOnlyMap springConfig =
+        JavaOnlyMap.of(
             "type",
             "spring",
             "restSpeedThreshold",
@@ -1235,10 +1169,12 @@ public void testSpringTrackingRetainsSpeed() {
     // we run several steps of animation until the value starts bouncing, has negative speed and
     // passes the final point (that is 1) while going backwards
     boolean isBoucingBack = false;
-    double previousValue = ((ValueAnimatedNode) mNativeAnimatedNodesManager.getNodeById(3)).getValue();
+    double previousValue =
+        ((ValueAnimatedNode) mNativeAnimatedNodesManager.getNodeById(3)).getValue();
     for (int maxFrames = 500; maxFrames > 0; maxFrames--) {
       mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
-      double currentValue = ((ValueAnimatedNode) mNativeAnimatedNodesManager.getNodeById(3)).getValue();
+      double currentValue =
+          ((ValueAnimatedNode) mNativeAnimatedNodesManager.getNodeById(3)).getValue();
       if (previousValue >= 1d && currentValue < 1d) {
         isBoucingBack = true;
         break;
@@ -1257,7 +1193,8 @@ public void testSpringTrackingRetainsSpeed() {
     // we run 8 seconds of animation
     for (int i = 0; i < 8 * 60; i++) {
       mNativeAnimatedNodesManager.runUpdates(nextFrameTime());
-      double currentValue = ((ValueAnimatedNode) mNativeAnimatedNodesManager.getNodeById(3)).getValue();
+      double currentValue =
+          ((ValueAnimatedNode) mNativeAnimatedNodesManager.getNodeById(3)).getValue();
       if (!hasTurnedForward) {
         if (currentValue <= previousValue) {
           bounceBackInitialFrames++;
diff --git a/ReactAndroid/src/test/java/com/facebook/react/bridge/BaseJavaModuleTest.java b/ReactAndroid/src/test/java/com/facebook/react/bridge/BaseJavaModuleTest.java
index a5b61034179005..83a1cb3bc24be3 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/bridge/BaseJavaModuleTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/bridge/BaseJavaModuleTest.java
@@ -1,19 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 javax.inject.Provider;
+import com.facebook.soloader.SoLoader;
 import java.util.List;
-
 import org.junit.Before;
 import org.junit.Rule;
-import org.junit.runner.RunWith;
 import org.junit.Test;
+import org.junit.runner.RunWith;
 import org.mockito.Mockito;
 import org.powermock.api.mockito.PowerMockito;
 import org.powermock.core.classloader.annotations.PowerMockIgnore;
@@ -21,18 +19,13 @@
 import org.powermock.modules.junit4.rule.PowerMockRule;
 import org.robolectric.RobolectricTestRunner;
 
-import com.facebook.soloader.SoLoader;
-
-/**
- * Tests for {@link BaseJavaModule} and {@link JavaModuleWrapper}
- */
+/** Tests for {@link BaseJavaModule} and {@link JavaModuleWrapper} */
 @PrepareForTest({ReadableNativeArray.class, SoLoader.class})
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
 @RunWith(RobolectricTestRunner.class)
 public class BaseJavaModuleTest {
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   private List<JavaModuleWrapper.MethodDescriptor> mMethods;
   private JavaModuleWrapper mWrapper;
@@ -49,7 +42,7 @@ public void setup() {
 
   private int findMethod(String mname, List<JavaModuleWrapper.MethodDescriptor> methods) {
     int posn = -1;
-    for (int i = 0; i< methods.size(); i++) {
+    for (int i = 0; i < methods.size(); i++) {
       JavaModuleWrapper.MethodDescriptor md = methods.get(i);
       if (md.name == mname) {
         posn = i;
@@ -61,7 +54,7 @@ private int findMethod(String mname, List<JavaModuleWrapper.MethodDescriptor> me
 
   @Test(expected = NativeArgumentsParseException.class)
   public void testCallMethodWithoutEnoughArgs() throws Exception {
-    int methodId = findMethod("regularMethod",mMethods);
+    int methodId = findMethod("regularMethod", mMethods);
     Mockito.stub(mArguments.size()).toReturn(1);
     mWrapper.invoke(methodId, mArguments);
   }
diff --git a/ReactAndroid/src/test/java/com/facebook/react/bridge/FallbackJSBundleLoaderTest.java b/ReactAndroid/src/test/java/com/facebook/react/bridge/FallbackJSBundleLoaderTest.java
index 1fa1e4aa455db6..32df7bf6f8a4e9 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/bridge/FallbackJSBundleLoaderTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/bridge/FallbackJSBundleLoaderTest.java
@@ -1,34 +1,30 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.util.ArrayList;
-import java.util.Arrays;
-
-import org.junit.Before;
-import org.junit.Test;
-
-import com.facebook.common.logging.FLog;
-import com.facebook.common.logging.FakeLoggingDelegate;
-import com.facebook.common.logging.LoggingDelegate;
-
 import static org.fest.assertions.api.Assertions.assertThat;
 import static org.fest.assertions.api.Assertions.fail;
-
 import static org.mockito.Mockito.mock;
 import static org.mockito.Mockito.never;
 import static org.mockito.Mockito.times;
 import static org.mockito.Mockito.verify;
 import static org.mockito.Mockito.when;
 
+import com.facebook.common.logging.FLog;
+import com.facebook.common.logging.FakeLoggingDelegate;
+import java.util.ArrayList;
+import java.util.Arrays;
+import org.junit.Before;
+import org.junit.Test;
+
 public class FallbackJSBundleLoaderTest {
 
   private static final String UNRECOVERABLE;
+
   static {
     String prefix = FallbackJSBundleLoader.RECOVERABLE;
     char first = prefix.charAt(0);
@@ -46,36 +42,31 @@ public void setup() {
 
   @Test
   public void firstLoaderSucceeds() {
-    JSBundleLoader delegates[] = new JSBundleLoader[] {
-      successfulLoader("url1"),
-      successfulLoader("url2")
-    };
+    JSBundleLoader delegates[] =
+        new JSBundleLoader[] {successfulLoader("url1"), successfulLoader("url2")};
 
     FallbackJSBundleLoader fallbackLoader =
-      new FallbackJSBundleLoader(new ArrayList<>(Arrays.asList(delegates)));
+        new FallbackJSBundleLoader(new ArrayList<>(Arrays.asList(delegates)));
 
     assertThat(fallbackLoader.loadScript(null)).isEqualTo("url1");
 
     verify(delegates[0], times(1)).loadScript(null);
     verify(delegates[1], never()).loadScript(null);
 
-    assertThat(mLoggingDelegate.logContains(
-        FakeLoggingDelegate.WTF,
-        FallbackJSBundleLoader.TAG,
-        null))
-      .isFalse();
+    assertThat(
+            mLoggingDelegate.logContains(FakeLoggingDelegate.WTF, FallbackJSBundleLoader.TAG, null))
+        .isFalse();
   }
 
   @Test
   public void fallingBackSuccessfully() {
-    JSBundleLoader delegates[] = new JSBundleLoader[] {
-      recoverableLoader("url1", "error1"),
-      successfulLoader("url2"),
-      successfulLoader("url3")
-    };
+    JSBundleLoader delegates[] =
+        new JSBundleLoader[] {
+          recoverableLoader("url1", "error1"), successfulLoader("url2"), successfulLoader("url3")
+        };
 
     FallbackJSBundleLoader fallbackLoader =
-      new FallbackJSBundleLoader(new ArrayList<>(Arrays.asList(delegates)));
+        new FallbackJSBundleLoader(new ArrayList<>(Arrays.asList(delegates)));
 
     assertThat(fallbackLoader.loadScript(null)).isEqualTo("url2");
 
@@ -83,22 +74,21 @@ public void fallingBackSuccessfully() {
     verify(delegates[1], times(1)).loadScript(null);
     verify(delegates[2], never()).loadScript(null);
 
-    assertThat(mLoggingDelegate.logContains(
-        FakeLoggingDelegate.WTF,
-        FallbackJSBundleLoader.TAG,
-        recoverableMsg("error1")))
-      .isTrue();
+    assertThat(
+            mLoggingDelegate.logContains(
+                FakeLoggingDelegate.WTF, FallbackJSBundleLoader.TAG, recoverableMsg("error1")))
+        .isTrue();
   }
 
   @Test
   public void fallingbackUnsuccessfully() {
-    JSBundleLoader delegates[] = new JSBundleLoader[] {
-      recoverableLoader("url1", "error1"),
-      recoverableLoader("url2", "error2")
-    };
+    JSBundleLoader delegates[] =
+        new JSBundleLoader[] {
+          recoverableLoader("url1", "error1"), recoverableLoader("url2", "error2")
+        };
 
     FallbackJSBundleLoader fallbackLoader =
-      new FallbackJSBundleLoader(new ArrayList<>(Arrays.asList(delegates)));
+        new FallbackJSBundleLoader(new ArrayList<>(Arrays.asList(delegates)));
 
     try {
       fallbackLoader.loadScript(null);
@@ -113,36 +103,30 @@ public void fallingbackUnsuccessfully() {
         cause = cause.getCause();
       }
 
-      assertThat(msgs).containsExactly(
-        recoverableMsg("error1"),
-        recoverableMsg("error2"));
+      assertThat(msgs).containsExactly(recoverableMsg("error1"), recoverableMsg("error2"));
     }
 
     verify(delegates[0], times(1)).loadScript(null);
     verify(delegates[1], times(1)).loadScript(null);
 
-    assertThat(mLoggingDelegate.logContains(
-        FakeLoggingDelegate.WTF,
-        FallbackJSBundleLoader.TAG,
-        recoverableMsg("error1")))
-      .isTrue();
-
-    assertThat(mLoggingDelegate.logContains(
-        FakeLoggingDelegate.WTF,
-        FallbackJSBundleLoader.TAG,
-        recoverableMsg("error2")))
-      .isTrue();
+    assertThat(
+            mLoggingDelegate.logContains(
+                FakeLoggingDelegate.WTF, FallbackJSBundleLoader.TAG, recoverableMsg("error1")))
+        .isTrue();
+
+    assertThat(
+            mLoggingDelegate.logContains(
+                FakeLoggingDelegate.WTF, FallbackJSBundleLoader.TAG, recoverableMsg("error2")))
+        .isTrue();
   }
 
   @Test
   public void unrecoverable() {
-    JSBundleLoader delegates[] = new JSBundleLoader[] {
-      fatalLoader("url1", "error1"),
-      recoverableLoader("url2", "error2")
-    };
+    JSBundleLoader delegates[] =
+        new JSBundleLoader[] {fatalLoader("url1", "error1"), recoverableLoader("url2", "error2")};
 
     FallbackJSBundleLoader fallbackLoader =
-      new FallbackJSBundleLoader(new ArrayList(Arrays.asList(delegates)));
+        new FallbackJSBundleLoader(new ArrayList(Arrays.asList(delegates)));
 
     try {
       fallbackLoader.loadScript(null);
@@ -154,11 +138,9 @@ public void unrecoverable() {
     verify(delegates[0], times(1)).loadScript(null);
     verify(delegates[1], never()).loadScript(null);
 
-    assertThat(mLoggingDelegate.logContains(
-        FakeLoggingDelegate.WTF,
-        FallbackJSBundleLoader.TAG,
-        null))
-      .isFalse();
+    assertThat(
+            mLoggingDelegate.logContains(FakeLoggingDelegate.WTF, FallbackJSBundleLoader.TAG, null))
+        .isFalse();
   }
 
   private static JSBundleLoader successfulLoader(String url) {
@@ -175,7 +157,7 @@ private static String recoverableMsg(String errMsg) {
   private static JSBundleLoader recoverableLoader(String url, String errMsg) {
     JSBundleLoader loader = mock(JSBundleLoader.class);
     when(loader.loadScript(null))
-      .thenThrow(new RuntimeException(FallbackJSBundleLoader.RECOVERABLE + errMsg));
+        .thenThrow(new RuntimeException(FallbackJSBundleLoader.RECOVERABLE + errMsg));
 
     return loader;
   }
@@ -186,8 +168,7 @@ private static String fatalMsg(String errMsg) {
 
   private static JSBundleLoader fatalLoader(String url, String errMsg) {
     JSBundleLoader loader = mock(JSBundleLoader.class);
-    when(loader.loadScript(null))
-      .thenThrow(new RuntimeException(UNRECOVERABLE + errMsg));
+    when(loader.loadScript(null)).thenThrow(new RuntimeException(UNRECOVERABLE + errMsg));
 
     return loader;
   }
diff --git a/ReactAndroid/src/test/java/com/facebook/react/bridge/InstanceHandleHelper.java b/ReactAndroid/src/test/java/com/facebook/react/bridge/InstanceHandleHelper.java
index 836ac568041842..ed8a895cde341e 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/bridge/InstanceHandleHelper.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/bridge/InstanceHandleHelper.java
@@ -1,13 +1,11 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.util.Random;
 
 public class InstanceHandleHelper {
diff --git a/ReactAndroid/src/test/java/com/facebook/react/bridge/JavaOnlyArrayTest.java b/ReactAndroid/src/test/java/com/facebook/react/bridge/JavaOnlyArrayTest.java
index 571b96900c1128..b799046e49ed7c 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/bridge/JavaOnlyArrayTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/bridge/JavaOnlyArrayTest.java
@@ -1,42 +1,33 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 org.junit.Test;
-
 import static org.fest.assertions.api.Assertions.assertThat;
 
-/**
- * Tests for {@link JavaOnlyArray}
- */
+import org.junit.Test;
+
+/** Tests for {@link JavaOnlyArray} */
 public class JavaOnlyArrayTest {
 
   @Test
   public void testGetType() throws Exception {
-    JavaOnlyArray values = JavaOnlyArray.of(
-        1,
-        2f,
-        3.,
-        "4",
-        false,
-        JavaOnlyArray.of(),
-        JavaOnlyMap.of(),
-        null);
-    ReadableType[] expectedTypes = new ReadableType[] {
-      ReadableType.Number,
-      ReadableType.Number,
-      ReadableType.Number,
-      ReadableType.String,
-      ReadableType.Boolean,
-      ReadableType.Array,
-      ReadableType.Map,
-      ReadableType.Null
-    };
+    JavaOnlyArray values =
+        JavaOnlyArray.of(1, 2f, 3., "4", false, JavaOnlyArray.of(), JavaOnlyMap.of(), null);
+    ReadableType[] expectedTypes =
+        new ReadableType[] {
+          ReadableType.Number,
+          ReadableType.Number,
+          ReadableType.Number,
+          ReadableType.String,
+          ReadableType.Boolean,
+          ReadableType.Array,
+          ReadableType.Map,
+          ReadableType.Null
+        };
 
     for (int i = 0; i < values.size(); i++) {
       assertThat(values.getType(i)).isEqualTo(expectedTypes[i]);
diff --git a/ReactAndroid/src/test/java/com/facebook/react/bridge/JsonWriterTest.java b/ReactAndroid/src/test/java/com/facebook/react/bridge/JsonWriterTest.java
deleted file mode 100644
index 262c187b7e42de..00000000000000
--- a/ReactAndroid/src/test/java/com/facebook/react/bridge/JsonWriterTest.java
+++ /dev/null
@@ -1,98 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source 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 java.io.IOException;
-import java.io.StringWriter;
-
-import org.junit.Test;
-
-import static org.fest.assertions.api.Assertions.assertThat;
-
-public class JsonWriterTest {
-  private final StringWriter mStringWriter;
-  private final JsonWriter mWriter;
-
-  public JsonWriterTest() {
-    mStringWriter = new StringWriter();
-    mWriter = new JsonWriter(mStringWriter);
-  }
-
-  @Test
-  public void emptyObject() throws IOException {
-    mWriter.beginObject();
-    mWriter.endObject();
-    verify("{}");
-  }
-
-  @Test
-  public void emptyNestedObject() throws IOException {
-    mWriter.beginObject();
-    mWriter.beginObject();
-    mWriter.endObject();
-    mWriter.endObject();
-    verify("{{}}");
-  }
-
-  @Test
-  public void emptyArray() throws IOException {
-    mWriter.beginArray();
-    mWriter.endArray();
-    verify("[]");
-  }
-
-  @Test
-  public void emptyNestedArray() throws IOException {
-    mWriter.beginArray();
-    mWriter.beginArray();
-    mWriter.endArray();
-    mWriter.endArray();
-    verify("[[]]");
-  }
-
-  @Test
-  public void smallObject() throws IOException {
-    mWriter.beginObject();
-    mWriter.name("hello").value(true);
-    mWriter.name("hello_again").value("hi!");
-    mWriter.endObject();
-    verify("{\"hello\":true,\"hello_again\":\"hi!\"}");
-  }
-
-  @Test
-  public void smallArray() throws IOException {
-    mWriter.beginArray();
-    mWriter.value(true);
-    mWriter.value(1);
-    mWriter.value(1.0);
-    mWriter.value("hi!");
-    mWriter.endArray();
-    verify("[true,1,1.0,\"hi!\"]");
-  }
-
-  @Test
-  public void string() throws IOException {
-    mWriter.beginObject();
-    mWriter.name("string").value("hello!");
-    mWriter.endObject();
-    verify("{\"string\":\"hello!\"}");
-  }
-
-  @Test
-  public void complexString() throws IOException {
-    mWriter.beginObject();
-    mWriter.name("string").value("\t\uD83D\uDCA9");
-    mWriter.endObject();
-    verify("{\"string\":\"\\t\uD83D\uDCA9\"}");
-  }
-
-  private void verify(String expected) throws IOException {
-    mWriter.close();
-    assertThat(mStringWriter.getBuffer().toString()).isEqualTo(expected);
-  }
-}
diff --git a/ReactAndroid/src/test/java/com/facebook/react/bridge/ReactTestHelper.java b/ReactAndroid/src/test/java/com/facebook/react/bridge/ReactTestHelper.java
index 7722823038d921..51b145edd287e4 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/bridge/ReactTestHelper.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/bridge/ReactTestHelper.java
@@ -1,56 +1,51 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 org.mockito.Mockito.mock;
+import static org.mockito.Mockito.when;
+
+import com.facebook.react.bridge.queue.MessageQueueThreadSpec;
+import com.facebook.react.bridge.queue.QueueThreadExceptionHandler;
 import com.facebook.react.bridge.queue.ReactQueueConfiguration;
 import com.facebook.react.bridge.queue.ReactQueueConfigurationImpl;
 import com.facebook.react.bridge.queue.ReactQueueConfigurationSpec;
-import com.facebook.react.bridge.queue.MessageQueueThreadSpec;
-import com.facebook.react.bridge.queue.QueueThreadExceptionHandler;
 import com.facebook.react.uimanager.UIManagerModule;
-
 import org.robolectric.RuntimeEnvironment;
 
-import static org.mockito.Mockito.mock;
-import static org.mockito.Mockito.when;
-
-/**
- * Utility for creating pre-configured instances of core react components for tests.
- */
+/** Utility for creating pre-configured instances of core react components for tests. */
 public class ReactTestHelper {
 
   /**
-   * @return a ReactApplicationContext that has a CatalystInstance mock returned by
-   * {@link #createMockCatalystInstance}
+   * @return a ReactApplicationContext that has a CatalystInstance mock returned by {@link
+   *     #createMockCatalystInstance}
    */
   public static ReactApplicationContext createCatalystContextForTest() {
-    ReactApplicationContext context =
-        new ReactApplicationContext(RuntimeEnvironment.application);
+    ReactApplicationContext context = new ReactApplicationContext(RuntimeEnvironment.application);
     context.initializeWithInstance(createMockCatalystInstance());
     return context;
   }
 
-  /**
-   * @return a CatalystInstance mock that has a default working ReactQueueConfiguration.
-   */
+  /** @return a CatalystInstance mock that has a default working ReactQueueConfiguration. */
   public static CatalystInstance createMockCatalystInstance() {
-    ReactQueueConfigurationSpec spec = ReactQueueConfigurationSpec.builder()
-        .setJSQueueThreadSpec(MessageQueueThreadSpec.mainThreadSpec())
-        .setNativeModulesQueueThreadSpec(MessageQueueThreadSpec.mainThreadSpec())
-        .build();
-    ReactQueueConfiguration ReactQueueConfiguration = ReactQueueConfigurationImpl.create(
-        spec,
-        new QueueThreadExceptionHandler() {
-          @Override
-          public void handleException(Exception e) {
-            throw new RuntimeException(e);
-          }
-        });
+    ReactQueueConfigurationSpec spec =
+        ReactQueueConfigurationSpec.builder()
+            .setJSQueueThreadSpec(MessageQueueThreadSpec.mainThreadSpec())
+            .setNativeModulesQueueThreadSpec(MessageQueueThreadSpec.mainThreadSpec())
+            .build();
+    ReactQueueConfiguration ReactQueueConfiguration =
+        ReactQueueConfigurationImpl.create(
+            spec,
+            new QueueThreadExceptionHandler() {
+              @Override
+              public void handleException(Exception e) {
+                throw new RuntimeException(e);
+              }
+            });
 
     CatalystInstance reactInstance = mock(CatalystInstance.class);
     when(reactInstance.getReactQueueConfiguration()).thenReturn(ReactQueueConfiguration);
diff --git a/ReactAndroid/src/test/java/com/facebook/react/devsupport/BundleDeltaClientTest.java b/ReactAndroid/src/test/java/com/facebook/react/devsupport/BundleDeltaClientTest.java
index ef36e6a0b8cbd3..0706a7fad845d6 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/devsupport/BundleDeltaClientTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/devsupport/BundleDeltaClientTest.java
@@ -9,19 +9,18 @@
 import static org.fest.assertions.api.Assertions.assertThat;
 
 import com.facebook.react.common.StandardCharsets;
-import com.facebook.react.devsupport.BundleDeltaClient;
-import org.junit.Test;
-import org.junit.Before;
-import org.junit.runner.RunWith;
-import org.robolectric.RobolectricTestRunner;
-import okio.BufferedSource;
-import org.junit.Rule;
-import org.junit.rules.TemporaryFolder;
-import okio.Okio;
 import java.io.ByteArrayInputStream;
-import java.nio.file.Files;
 import java.io.File;
 import java.io.IOException;
+import java.nio.file.Files;
+import okio.BufferedSource;
+import okio.Okio;
+import org.junit.Before;
+import org.junit.Rule;
+import org.junit.Test;
+import org.junit.rules.TemporaryFolder;
+import org.junit.runner.RunWith;
+import org.robolectric.RobolectricTestRunner;
 
 @RunWith(RobolectricTestRunner.class)
 public class BundleDeltaClientTest {
@@ -72,12 +71,7 @@ public void testPatchesInitialBundleWithDeltaBundle() throws IOException {
                 + "\"deleted\": [1]"
                 + "}"),
         file);
-    assertThat(contentOf(file))
-        .isEqualTo(
-            "pre\n"
-                + "0.1\n"
-                + "2\n"
-                + "post\n");
+    assertThat(contentOf(file)).isEqualTo("pre\n" + "0.1\n" + "2\n" + "post\n");
   }
 
   @Test
@@ -101,34 +95,34 @@ public void testSortsModulesByIdInInitialBundle() throws IOException {
                 + "console.log('That is all folks!');\n");
   }
 
-    @Test
-    public void testSortsModulesByIdInPatchedBundle() throws IOException {
-      File file = mFolder.newFile();
-      mClient.processDelta(
-          bufferedSource(
-              "{"
-                  + "\"pre\": \"console.log('Hello World!');\","
-                  + "\"post\": \"console.log('That is all folks!');\","
-                  + "\"modules\": [[3, \"3\"], [0, \"0\"], [1, \"1\"]]"
-                  + "}"),
-          file);
-      file = mFolder.newFile();
-      mClient.processDelta(
-          bufferedSource(
-              "{"
-                  + "\"added\": [[2, \"2\"]],"
-                  + "\"modified\": [[0, \"0.1\"]],"
-                  + "\"deleted\": [1]"
-                  + "}"),
-          file);
-      assertThat(contentOf(file))
-          .isEqualTo(
-              "console.log('Hello World!');\n"
-                  + "0.1\n"
-                  + "2\n"
-                  + "3\n"
-                  + "console.log('That is all folks!');\n");
-    }
+  @Test
+  public void testSortsModulesByIdInPatchedBundle() throws IOException {
+    File file = mFolder.newFile();
+    mClient.processDelta(
+        bufferedSource(
+            "{"
+                + "\"pre\": \"console.log('Hello World!');\","
+                + "\"post\": \"console.log('That is all folks!');\","
+                + "\"modules\": [[3, \"3\"], [0, \"0\"], [1, \"1\"]]"
+                + "}"),
+        file);
+    file = mFolder.newFile();
+    mClient.processDelta(
+        bufferedSource(
+            "{"
+                + "\"added\": [[2, \"2\"]],"
+                + "\"modified\": [[0, \"0.1\"]],"
+                + "\"deleted\": [1]"
+                + "}"),
+        file);
+    assertThat(contentOf(file))
+        .isEqualTo(
+            "console.log('Hello World!');\n"
+                + "0.1\n"
+                + "2\n"
+                + "3\n"
+                + "console.log('That is all folks!');\n");
+  }
 
   private static BufferedSource bufferedSource(String string) {
     return Okio.buffer(
diff --git a/ReactAndroid/src/test/java/com/facebook/react/devsupport/JSDebuggerWebSocketClientTest.java b/ReactAndroid/src/test/java/com/facebook/react/devsupport/JSDebuggerWebSocketClientTest.java
index 77f4c852b64e1d..ee5a6bf0a16195 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/devsupport/JSDebuggerWebSocketClientTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/devsupport/JSDebuggerWebSocketClientTest.java
@@ -1,14 +1,16 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.react.common.JavascriptException;
+import static org.mockito.Mockito.*;
 
+import com.facebook.react.common.JavascriptException;
+import java.util.HashMap;
+import okio.ByteString;
 import org.junit.Rule;
 import org.junit.Test;
 import org.junit.runner.RunWith;
@@ -18,35 +20,28 @@
 import org.powermock.modules.junit4.rule.PowerMockRule;
 import org.robolectric.RobolectricTestRunner;
 
-import java.util.HashMap;
-
-import okio.ByteString;
-
-import static org.mockito.Mockito.*;
-
-@PrepareForTest({ JSDebuggerWebSocketClient.class })
+@PrepareForTest({JSDebuggerWebSocketClient.class})
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
 public class JSDebuggerWebSocketClientTest {
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   @Test
   public void test_prepareJSRuntime_ShouldSendCorrectMessage() throws Exception {
     final JSDebuggerWebSocketClient.JSDebuggerCallback cb =
-      PowerMockito.mock(JSDebuggerWebSocketClient.JSDebuggerCallback.class);
+        PowerMockito.mock(JSDebuggerWebSocketClient.JSDebuggerCallback.class);
 
     JSDebuggerWebSocketClient client = PowerMockito.spy(new JSDebuggerWebSocketClient());
     client.prepareJSRuntime(cb);
-    PowerMockito.verifyPrivate(client).invoke("sendMessage", 0,
-      "{\"id\":0,\"method\":\"prepareJSRuntime\"}");
+    PowerMockito.verifyPrivate(client)
+        .invoke("sendMessage", 0, "{\"id\":0,\"method\":\"prepareJSRuntime\"}");
   }
 
   @Test
   public void test_loadApplicationScript_ShouldSendCorrectMessage() throws Exception {
     final JSDebuggerWebSocketClient.JSDebuggerCallback cb =
-      PowerMockito.mock(JSDebuggerWebSocketClient.JSDebuggerCallback.class);
+        PowerMockito.mock(JSDebuggerWebSocketClient.JSDebuggerCallback.class);
 
     JSDebuggerWebSocketClient client = PowerMockito.spy(new JSDebuggerWebSocketClient());
     HashMap<String, String> injectedObjects = new HashMap<>();
@@ -54,21 +49,24 @@ public void test_loadApplicationScript_ShouldSendCorrectMessage() throws Excepti
     injectedObjects.put("key2", "value2");
 
     client.loadApplicationScript("http://localhost:8080/index.js", injectedObjects, cb);
-    PowerMockito.verifyPrivate(client).invoke("sendMessage", 0,
-      "{\"id\":0,\"method\":\"executeApplicationScript\",\"url\":\"http://localhost:8080/index.js\"" +
-      ",\"inject\":{\"key1\":\"value1\",\"key2\":\"value2\"}}");
+    PowerMockito.verifyPrivate(client)
+        .invoke(
+            "sendMessage",
+            0,
+            "{\"id\":0,\"method\":\"executeApplicationScript\",\"url\":\"http://localhost:8080/index.js\""
+                + ",\"inject\":{\"key1\":\"value1\",\"key2\":\"value2\"}}");
   }
 
   @Test
   public void test_executeJSCall_ShouldSendCorrectMessage() throws Exception {
     final JSDebuggerWebSocketClient.JSDebuggerCallback cb =
-      PowerMockito.mock(JSDebuggerWebSocketClient.JSDebuggerCallback.class);
+        PowerMockito.mock(JSDebuggerWebSocketClient.JSDebuggerCallback.class);
 
     JSDebuggerWebSocketClient client = PowerMockito.spy(new JSDebuggerWebSocketClient());
 
     client.executeJSCall("foo", "[1,2,3]", cb);
-    PowerMockito.verifyPrivate(client).invoke("sendMessage", 0,
-      "{\"id\":0,\"method\":\"foo\",\"arguments\":[1,2,3]}");
+    PowerMockito.verifyPrivate(client)
+        .invoke("sendMessage", 0, "{\"id\":0,\"method\":\"foo\",\"arguments\":[1,2,3]}");
   }
 
   @Test
@@ -76,7 +74,8 @@ public void test_onMessage_WithInvalidContentType_ShouldNotTriggerCallbacks() th
     JSDebuggerWebSocketClient client = PowerMockito.spy(new JSDebuggerWebSocketClient());
 
     client.onMessage(null, ByteString.encodeUtf8("{\"replyID\":0, \"result\":\"OK\"}"));
-    PowerMockito.verifyPrivate(client, never()).invoke("triggerRequestSuccess", anyInt(), anyString());
+    PowerMockito.verifyPrivate(client, never())
+        .invoke("triggerRequestSuccess", anyInt(), anyString());
     PowerMockito.verifyPrivate(client, never()).invoke("triggerRequestFailure", anyInt(), any());
   }
 
@@ -85,7 +84,8 @@ public void test_onMessage_WithoutReplyId_ShouldNotTriggerCallbacks() throws Exc
     JSDebuggerWebSocketClient client = PowerMockito.spy(new JSDebuggerWebSocketClient());
 
     client.onMessage(null, "{\"result\":\"OK\"}");
-    PowerMockito.verifyPrivate(client, never()).invoke("triggerRequestSuccess", anyInt(), anyString());
+    PowerMockito.verifyPrivate(client, never())
+        .invoke("triggerRequestSuccess", anyInt(), anyString());
     PowerMockito.verifyPrivate(client, never()).invoke("triggerRequestFailure", anyInt(), any());
   }
 
@@ -94,7 +94,8 @@ public void test_onMessage_With_Null_ReplyId_ShouldNotTriggerCallbacks() throws
     JSDebuggerWebSocketClient client = PowerMockito.spy(new JSDebuggerWebSocketClient());
 
     client.onMessage(null, "{\"replyID\":null, \"result\":\"OK\"}");
-    PowerMockito.verifyPrivate(client, never()).invoke("triggerRequestSuccess", anyInt(), anyString());
+    PowerMockito.verifyPrivate(client, never())
+        .invoke("triggerRequestSuccess", anyInt(), anyString());
     PowerMockito.verifyPrivate(client, never()).invoke("triggerRequestFailure", anyInt(), any());
   }
 
diff --git a/ReactAndroid/src/test/java/com/facebook/react/devsupport/MultipartStreamReaderTest.java b/ReactAndroid/src/test/java/com/facebook/react/devsupport/MultipartStreamReaderTest.java
index 311819523fe44e..9d30511d883743 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/devsupport/MultipartStreamReaderTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/devsupport/MultipartStreamReaderTest.java
@@ -1,23 +1,20 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 org.junit.Test;
-import org.junit.runner.RunWith;
-import org.robolectric.RobolectricTestRunner;
+import static org.fest.assertions.api.Assertions.assertThat;
 
 import java.io.IOException;
 import java.util.Map;
-
 import okio.Buffer;
 import okio.ByteString;
-
-import static org.fest.assertions.api.Assertions.assertThat;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import org.robolectric.RobolectricTestRunner;
 
 @RunWith(RobolectricTestRunner.class)
 public class MultipartStreamReaderTest {
@@ -26,14 +23,14 @@ class CallCountTrackingChunkCallback implements MultipartStreamReader.ChunkListe
     private int mCount = 0;
 
     @Override
-    public void onChunkComplete(Map<String, String> headers, Buffer body, boolean done) throws IOException {
+    public void onChunkComplete(Map<String, String> headers, Buffer body, boolean done)
+        throws IOException {
       mCount++;
     }
 
     @Override
-    public void onChunkProgress(Map<String, String> headers, long loaded, long total) throws IOException {
-
-    }
+    public void onChunkProgress(Map<String, String> headers, long loaded, long total)
+        throws IOException {}
 
     public int getCallCount() {
       return mCount;
@@ -42,30 +39,33 @@ public int getCallCount() {
 
   @Test
   public void testSimpleCase() throws IOException {
-    ByteString response = ByteString.encodeUtf8(
-      "preable, should be ignored\r\n" +
-        "--sample_boundary\r\n" +
-        "Content-Type: application/json; charset=utf-8\r\n" +
-        "Content-Length: 2\r\n\r\n" +
-        "{}\r\n" +
-        "--sample_boundary--\r\n" +
-        "epilogue, should be ignored");
+    ByteString response =
+        ByteString.encodeUtf8(
+            "preable, should be ignored\r\n"
+                + "--sample_boundary\r\n"
+                + "Content-Type: application/json; charset=utf-8\r\n"
+                + "Content-Length: 2\r\n\r\n"
+                + "{}\r\n"
+                + "--sample_boundary--\r\n"
+                + "epilogue, should be ignored");
 
     Buffer source = new Buffer();
     source.write(response);
 
     MultipartStreamReader reader = new MultipartStreamReader(source, "sample_boundary");
 
-    CallCountTrackingChunkCallback callback = new CallCountTrackingChunkCallback() {
-      @Override
-      public void onChunkComplete(Map<String, String> headers, Buffer body, boolean done) throws IOException {
-        super.onChunkComplete(headers, body, done);
-
-        assertThat(done).isTrue();
-        assertThat(headers.get("Content-Type")).isEqualTo("application/json; charset=utf-8");
-        assertThat(body.readUtf8()).isEqualTo("{}");
-      }
-    };
+    CallCountTrackingChunkCallback callback =
+        new CallCountTrackingChunkCallback() {
+          @Override
+          public void onChunkComplete(Map<String, String> headers, Buffer body, boolean done)
+              throws IOException {
+            super.onChunkComplete(headers, body, done);
+
+            assertThat(done).isTrue();
+            assertThat(headers.get("Content-Type")).isEqualTo("application/json; charset=utf-8");
+            assertThat(body.readUtf8()).isEqualTo("{}");
+          }
+        };
     boolean success = reader.readAllParts(callback);
 
     assertThat(callback.getCallCount()).isEqualTo(1);
@@ -74,31 +74,34 @@ public void onChunkComplete(Map<String, String> headers, Buffer body, boolean do
 
   @Test
   public void testMultipleParts() throws IOException {
-    ByteString response = ByteString.encodeUtf8(
-      "preable, should be ignored\r\n" +
-      "--sample_boundary\r\n" +
-      "1\r\n" +
-      "--sample_boundary\r\n" +
-      "2\r\n" +
-      "--sample_boundary\r\n" +
-      "3\r\n" +
-      "--sample_boundary--\r\n" +
-      "epilogue, should be ignored");
+    ByteString response =
+        ByteString.encodeUtf8(
+            "preable, should be ignored\r\n"
+                + "--sample_boundary\r\n"
+                + "1\r\n"
+                + "--sample_boundary\r\n"
+                + "2\r\n"
+                + "--sample_boundary\r\n"
+                + "3\r\n"
+                + "--sample_boundary--\r\n"
+                + "epilogue, should be ignored");
 
     Buffer source = new Buffer();
     source.write(response);
 
     MultipartStreamReader reader = new MultipartStreamReader(source, "sample_boundary");
 
-    CallCountTrackingChunkCallback callback = new CallCountTrackingChunkCallback() {
-      @Override
-      public void onChunkComplete(Map<String, String> headers, Buffer body, boolean done) throws IOException {
-        super.onChunkComplete(headers, body, done);
-
-        assertThat(done).isEqualTo(getCallCount() == 3);
-        assertThat(body.readUtf8()).isEqualTo(String.valueOf(getCallCount()));
-      }
-    };
+    CallCountTrackingChunkCallback callback =
+        new CallCountTrackingChunkCallback() {
+          @Override
+          public void onChunkComplete(Map<String, String> headers, Buffer body, boolean done)
+              throws IOException {
+            super.onChunkComplete(headers, body, done);
+
+            assertThat(done).isEqualTo(getCallCount() == 3);
+            assertThat(body.readUtf8()).isEqualTo(String.valueOf(getCallCount()));
+          }
+        };
     boolean success = reader.readAllParts(callback);
 
     assertThat(callback.getCallCount()).isEqualTo(3);
@@ -123,14 +126,15 @@ public void testNoDelimiter() throws IOException {
 
   @Test
   public void testNoCloseDelimiter() throws IOException {
-    ByteString response = ByteString.encodeUtf8(
-      "preable, should be ignored\r\n" +
-        "--sample_boundary\r\n" +
-        "Content-Type: application/json; charset=utf-8\r\n" +
-        "Content-Length: 2\r\n\r\n" +
-        "{}\r\n" +
-        "--sample_boundary\r\n" +
-        "incomplete message...");
+    ByteString response =
+        ByteString.encodeUtf8(
+            "preable, should be ignored\r\n"
+                + "--sample_boundary\r\n"
+                + "Content-Type: application/json; charset=utf-8\r\n"
+                + "Content-Length: 2\r\n\r\n"
+                + "{}\r\n"
+                + "--sample_boundary\r\n"
+                + "incomplete message...");
 
     Buffer source = new Buffer();
     source.write(response);
diff --git a/ReactAndroid/src/test/java/com/facebook/react/devsupport/StackTraceHelperTest.java b/ReactAndroid/src/test/java/com/facebook/react/devsupport/StackTraceHelperTest.java
index 9fc112b28791ad..09d240b647e750 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/devsupport/StackTraceHelperTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/devsupport/StackTraceHelperTest.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 static org.fest.assertions.api.Assertions.assertThat;
@@ -19,8 +18,8 @@ public class StackTraceHelperTest {
 
   @Test
   public void testParseAlternateFormatStackFrameWithMethod() {
-    final StackFrame frame = StackTraceHelper.convertJsStackTrace(
-        "at func1 (/path/to/file.js:2:18)")[0];
+    final StackFrame frame =
+        StackTraceHelper.convertJsStackTrace("at func1 (/path/to/file.js:2:18)")[0];
     assertThat(frame.getMethod()).isEqualTo("func1");
     assertThat(frame.getFileName()).isEqualTo("file.js");
     assertThat(frame.getLine()).isEqualTo(2);
@@ -29,8 +28,7 @@ public void testParseAlternateFormatStackFrameWithMethod() {
 
   @Test
   public void testParseStackFrameWithMethod() {
-    final StackFrame frame = StackTraceHelper.convertJsStackTrace(
-        "render@Test.bundle:1:2000")[0];
+    final StackFrame frame = StackTraceHelper.convertJsStackTrace("render@Test.bundle:1:2000")[0];
     assertThat(frame.getMethod()).isEqualTo("render");
     assertThat(frame.getFileName()).isEqualTo("Test.bundle");
     assertThat(frame.getLine()).isEqualTo(1);
@@ -39,8 +37,7 @@ public void testParseStackFrameWithMethod() {
 
   @Test
   public void testParseStackFrameWithoutMethod() {
-    final StackFrame frame = StackTraceHelper.convertJsStackTrace(
-        "Test.bundle:1:2000")[0];
+    final StackFrame frame = StackTraceHelper.convertJsStackTrace("Test.bundle:1:2000")[0];
     assertThat(frame.getMethod()).isEqualTo("(unknown)");
     assertThat(frame.getFileName()).isEqualTo("Test.bundle");
     assertThat(frame.getLine()).isEqualTo(1);
diff --git a/ReactAndroid/src/test/java/com/facebook/react/modules/blob/BlobModuleTest.java b/ReactAndroid/src/test/java/com/facebook/react/modules/blob/BlobModuleTest.java
index 582209827df289..147c2dbd6bc2d4 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/modules/blob/BlobModuleTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/modules/blob/BlobModuleTest.java
@@ -1,19 +1,25 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.blob;
 
-import android.net.Uri;
+import static org.junit.Assert.assertArrayEquals;
+import static org.junit.Assert.assertNotNull;
+import static org.junit.Assert.assertNull;
 
+import android.net.Uri;
 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 java.nio.ByteBuffer;
+import java.nio.charset.Charset;
+import java.util.Arrays;
+import java.util.Random;
+import java.util.UUID;
 import org.junit.After;
 import org.junit.Before;
 import org.junit.Rule;
@@ -29,16 +35,6 @@
 import org.robolectric.RobolectricTestRunner;
 import org.robolectric.annotation.Config;
 
-import java.nio.ByteBuffer;
-import java.nio.charset.Charset;
-import java.util.Arrays;
-import java.util.Random;
-import java.util.UUID;
-
-import static org.junit.Assert.assertArrayEquals;
-import static org.junit.Assert.assertNotNull;
-import static org.junit.Assert.assertNull;
-
 @PrepareForTest({Arguments.class})
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
@@ -49,18 +45,19 @@ public class BlobModuleTest {
   private String mBlobId;
   private BlobModule mBlobModule;
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   @Before
   public void prepareModules() throws Exception {
     PowerMockito.mockStatic(Arguments.class);
-    Mockito.when(Arguments.createMap()).thenAnswer(new Answer<Object>() {
-      @Override
-      public Object answer(InvocationOnMock invocation) throws Throwable {
-        return new JavaOnlyMap();
-      }
-    });
+    Mockito.when(Arguments.createMap())
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                return new JavaOnlyMap();
+              }
+            });
 
     mBytes = new byte[120];
     new Random().nextBytes(mBytes);
@@ -83,11 +80,12 @@ public void testResolve() {
 
   @Test
   public void testResolveUri() {
-    Uri uri = new Uri.Builder()
-        .appendPath(mBlobId)
-        .appendQueryParameter("offset", "0")
-        .appendQueryParameter("size", String.valueOf(mBytes.length))
-        .build();
+    Uri uri =
+        new Uri.Builder()
+            .appendPath(mBlobId)
+            .appendQueryParameter("offset", "0")
+            .appendQueryParameter("size", String.valueOf(mBytes.length))
+            .build();
 
     assertArrayEquals(mBytes, mBlobModule.resolve(uri));
   }
diff --git a/ReactAndroid/src/test/java/com/facebook/react/modules/camera/ImageStoreManagerTest.java b/ReactAndroid/src/test/java/com/facebook/react/modules/camera/ImageStoreManagerTest.java
index 455f728ebd40f9..14dd987a72f2b8 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/modules/camera/ImageStoreManagerTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/modules/camera/ImageStoreManagerTest.java
@@ -1,29 +1,26 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.camera;
 
+import static org.junit.Assert.assertEquals;
+import static org.junit.Assert.assertFalse;
+import static org.mockito.Mockito.mock;
+
 import android.util.Base64;
 import android.util.Base64InputStream;
-
 import com.facebook.react.bridge.ReactApplicationContext;
-
-import org.junit.Test;
-import org.junit.runner.RunWith;
-import org.powermock.core.classloader.annotations.PowerMockIgnore;
-import org.robolectric.RobolectricTestRunner;
-
 import java.io.ByteArrayInputStream;
 import java.io.IOException;
 import java.io.InputStream;
 import java.util.Random;
-
-import static org.junit.Assert.assertEquals;
-import static org.junit.Assert.assertFalse;
-import static org.mockito.Mockito.mock;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import org.powermock.core.classloader.annotations.PowerMockIgnore;
+import org.robolectric.RobolectricTestRunner;
 
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
@@ -57,9 +54,7 @@ public void itDoesNotAddLineBreaks_whenStringBiggerThanBuffer() throws IOExcepti
     assertFalse(invokeConversion(inputStream).contains("\n"));
   }
 
-  /**
-   * Just to test if using the ByteArrayInputStream isn't missing something
-   */
+  /** Just to test if using the ByteArrayInputStream isn't missing something */
   @Test
   public void itDoesNotAddLineBreaks_whenBase64InputStream() throws IOException {
     byte[] exampleString = "dGVzdA==".getBytes();
diff --git a/ReactAndroid/src/test/java/com/facebook/react/modules/clipboard/ClipboardModuleTest.java b/ReactAndroid/src/test/java/com/facebook/react/modules/clipboard/ClipboardModuleTest.java
index 677f8fc3647be0..a8bf0d4d7b6631 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/modules/clipboard/ClipboardModuleTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/modules/clipboard/ClipboardModuleTest.java
@@ -1,30 +1,24 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.clipboard;
 
+import static org.junit.Assert.assertFalse;
+import static org.junit.Assert.assertTrue;
+
 import android.annotation.SuppressLint;
 import android.content.Context;
 import android.text.ClipboardManager;
-
-import com.facebook.react.bridge.ReactTestHelper;
-import com.facebook.react.modules.clipboard.ClipboardModule;
-
 import org.junit.Before;
 import org.junit.Test;
 import org.junit.runner.RunWith;
 import org.powermock.core.classloader.annotations.PowerMockIgnore;
-import org.robolectric.Robolectric;
 import org.robolectric.RobolectricTestRunner;
 import org.robolectric.RuntimeEnvironment;
 
-import static org.junit.Assert.assertTrue;
-import static org.junit.Assert.assertFalse;
-
 @SuppressLint({"ClipboardManager", "DeprecatedClass"})
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
@@ -39,7 +33,8 @@ public class ClipboardModuleTest {
   public void setUp() {
     mClipboardModule = new ClipboardModule(RuntimeEnvironment.application);
     mClipboardManager =
-        (ClipboardManager) RuntimeEnvironment.application.getSystemService(Context.CLIPBOARD_SERVICE);
+        (ClipboardManager)
+            RuntimeEnvironment.application.getSystemService(Context.CLIPBOARD_SERVICE);
   }
 
   @Test
diff --git a/ReactAndroid/src/test/java/com/facebook/react/modules/dialog/DialogModuleTest.java b/ReactAndroid/src/test/java/com/facebook/react/modules/dialog/DialogModuleTest.java
index 7a9fe4c5e6beb4..cb3caa5e6d3b24 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/modules/dialog/DialogModuleTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/modules/dialog/DialogModuleTest.java
@@ -1,20 +1,21 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.dialog;
 
+import static org.junit.Assert.assertEquals;
+import static org.junit.Assert.assertFalse;
+import static org.junit.Assert.assertNotNull;
+
 import android.app.AlertDialog;
 import android.content.DialogInterface;
-
-
+import androidx.fragment.app.FragmentActivity;
 import com.facebook.react.bridge.Callback;
-import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.JavaOnlyMap;
-
+import com.facebook.react.bridge.ReactApplicationContext;
 import org.junit.After;
 import org.junit.Before;
 import org.junit.Test;
@@ -25,12 +26,6 @@
 import org.robolectric.RobolectricTestRunner;
 import org.robolectric.util.ActivityController;
 
-import androidx.fragment.app.FragmentActivity;
-
-import static org.junit.Assert.assertEquals;
-import static org.junit.Assert.assertFalse;
-import static org.junit.Assert.assertNotNull;
-
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
 public class DialogModuleTest {
@@ -39,7 +34,7 @@ public class DialogModuleTest {
   private FragmentActivity mActivity;
   private DialogModule mDialogModule;
 
-  final static class SimpleCallback implements Callback {
+  static final class SimpleCallback implements Callback {
     private Object[] mArgs;
     private int mCalls;
 
@@ -61,11 +56,7 @@ public Object[] getArgs() {
   @Before
   public void setUp() throws Exception {
     mActivityController = Robolectric.buildActivity(FragmentActivity.class);
-    mActivity = mActivityController
-        .create()
-        .start()
-        .resume()
-        .get();
+    mActivity = mActivityController.create().start().resume().get();
 
     final ReactApplicationContext context = PowerMockito.mock(ReactApplicationContext.class);
     PowerMockito.when(context.hasActiveCatalystInstance()).thenReturn(true);
@@ -167,7 +158,7 @@ public void testCallbackDismiss() {
   }
 
   private AlertFragment getFragment() {
-    return (AlertFragment) mActivity.getSupportFragmentManager()
-        .findFragmentByTag(DialogModule.FRAGMENT_TAG);
+    return (AlertFragment)
+        mActivity.getSupportFragmentManager().findFragmentByTag(DialogModule.FRAGMENT_TAG);
   }
 }
diff --git a/ReactAndroid/src/test/java/com/facebook/react/modules/network/HeaderUtilTest.java b/ReactAndroid/src/test/java/com/facebook/react/modules/network/HeaderUtilTest.java
index 10e52ddc5474e3..d4169ef1004bff 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/modules/network/HeaderUtilTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/modules/network/HeaderUtilTest.java
@@ -1,16 +1,15 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 org.junit.Test;
-
 import static org.junit.Assert.assertEquals;
 
+import org.junit.Test;
+
 public class HeaderUtilTest {
   public static final String TABULATION_TEST = "\teyJhbGciOiJS\t";
   public static final String TABULATION_STRIP_EXPECTED = "eyJhbGciOiJS";
@@ -24,7 +23,6 @@ public class HeaderUtilTest {
   @Test
   public void nameStripKeepsLetters() {
     assertEquals(ALPHABET_TEST, HeaderUtil.stripHeaderName(ALPHABET_TEST));
-
   }
 
   @Test
@@ -35,7 +33,6 @@ public void valueStripKeepsLetters() {
   @Test
   public void nameStripKeepsNumbers() {
     assertEquals(NUMBERS_TEST, HeaderUtil.stripHeaderName(NUMBERS_TEST));
-
   }
 
   @Test
@@ -72,5 +69,4 @@ public void valueStripRemovesExtraSymbols() {
   public void nameStripRemovesExtraSymbols() {
     assertEquals(BANNED_TEST_EXPECTED, HeaderUtil.stripHeaderName(NAME_BANNED_SYMBOLS_TEST));
   }
-
 }
diff --git a/ReactAndroid/src/test/java/com/facebook/react/modules/network/NetworkingModuleTest.java b/ReactAndroid/src/test/java/com/facebook/react/modules/network/NetworkingModuleTest.java
index f22c56f72dc664..00fd7f56e056d7 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/modules/network/NetworkingModuleTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/modules/network/NetworkingModuleTest.java
@@ -1,15 +1,18 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.io.InputStream;
-import java.util.Arrays;
-import java.util.List;
+import static org.fest.assertions.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.times;
+import static org.mockito.Mockito.verify;
+import static org.mockito.Mockito.when;
 
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.JavaOnlyArray;
@@ -21,7 +24,9 @@
 import com.facebook.react.common.StandardCharsets;
 import com.facebook.react.common.network.OkHttpCallUtil;
 import com.facebook.react.modules.core.DeviceEventManagerModule.RCTDeviceEventEmitter;
-
+import java.io.InputStream;
+import java.util.Arrays;
+import java.util.List;
 import okhttp3.Call;
 import okhttp3.Headers;
 import okhttp3.MediaType;
@@ -43,62 +48,54 @@
 import org.powermock.modules.junit4.rule.PowerMockRule;
 import org.robolectric.RobolectricTestRunner;
 
-import static org.fest.assertions.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.times;
-import static org.mockito.Mockito.verify;
-import static org.mockito.Mockito.when;
-
-/**
- * Tests for {@link NetworkingModule}.
- */
+/** Tests for {@link NetworkingModule}. */
 @PrepareForTest({
-    Arguments.class,
-    Call.class,
-    RequestBodyUtil.class,
-    ProgressRequestBody.class,
-    ProgressListener.class,
-    MultipartBody.class,
-    MultipartBody.Builder.class,
-    NetworkingModule.class,
-    OkHttpClient.class,
-    OkHttpClient.Builder.class,
-    OkHttpCallUtil.class})
+  Arguments.class,
+  Call.class,
+  RequestBodyUtil.class,
+  ProgressRequestBody.class,
+  ProgressListener.class,
+  MultipartBody.class,
+  MultipartBody.Builder.class,
+  NetworkingModule.class,
+  OkHttpClient.class,
+  OkHttpClient.Builder.class,
+  OkHttpCallUtil.class
+})
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
 public class NetworkingModuleTest {
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   @Test
   public void testGetWithoutHeaders() throws Exception {
     OkHttpClient httpClient = mock(OkHttpClient.class);
-    when(httpClient.newCall(any(Request.class))).thenAnswer(new Answer<Object>() {
-      @Override
-      public Object answer(InvocationOnMock invocation) throws Throwable {
-        Call callMock = mock(Call.class);
-        return callMock;
-      }
-    });
+    when(httpClient.newCall(any(Request.class)))
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                Call callMock = mock(Call.class);
+                return callMock;
+              }
+            });
     OkHttpClient.Builder clientBuilder = mock(OkHttpClient.Builder.class);
     when(clientBuilder.build()).thenReturn(httpClient);
     when(httpClient.newBuilder()).thenReturn(clientBuilder);
     NetworkingModule networkingModule =
-      new NetworkingModule(mock(ReactApplicationContext.class), "", httpClient);
+        new NetworkingModule(mock(ReactApplicationContext.class), "", httpClient);
 
     networkingModule.sendRequest(
-      "GET",
-      "http://somedomain/foo",
-      /* requestId */ 0,
-      /* headers */ JavaOnlyArray.of(),
-      /* body */ null,
-      /* responseType */ "text",
-      /* useIncrementalUpdates*/ true,
-      /* timeout */ 0,
-      /* withCredentials */ false);
+        "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(httpClient).newCall(argumentCaptor.capture());
@@ -125,15 +122,15 @@ public void testFailGetWithInvalidHeadersStruct() throws Exception {
     mockEvents();
 
     networkingModule.sendRequest(
-      "GET",
-      "http://somedoman/foo",
-      /* requestId */ 0,
-      /* headers */ JavaOnlyArray.from(invalidHeaders),
-      /* body */ null,
-      /* responseType */ "text",
-      /* useIncrementalUpdates*/ true,
-      /* timeout */ 0,
-      /* withCredentials */ false);
+        "GET",
+        "http://somedoman/foo",
+        /* requestId */ 0,
+        /* headers */ JavaOnlyArray.from(invalidHeaders),
+        /* body */ null,
+        /* responseType */ "text",
+        /* useIncrementalUpdates*/ true,
+        /* timeout */ 0,
+        /* withCredentials */ false);
 
     verifyErrorEmit(emitter, 0);
   }
@@ -156,15 +153,15 @@ public void testFailPostWithoutContentType() throws Exception {
     mockEvents();
 
     networkingModule.sendRequest(
-      "POST",
-      "http://somedomain/bar",
-      0,
-      JavaOnlyArray.of(),
-      body,
-      /* responseType */ "text",
-      /* useIncrementalUpdates*/ true,
-      /* timeout */ 0,
-      /* withCredentials */ false);
+        "POST",
+        "http://somedomain/bar",
+        0,
+        JavaOnlyArray.of(),
+        body,
+        /* responseType */ "text",
+        /* useIncrementalUpdates*/ true,
+        /* timeout */ 0,
+        /* withCredentials */ false);
 
     verifyErrorEmit(emitter, 0);
   }
@@ -184,15 +181,15 @@ public void testFailInvalidUrl() throws Exception {
     mockEvents();
 
     networkingModule.sendRequest(
-      "GET",
-      "aaa",
-      /* requestId */ 0,
-      /* headers */ JavaOnlyArray.of(),
-      /* body */ null,
-      /* responseType */ "text",
-      /* useIncrementalUpdates*/ true,
-      /* timeout */ 0,
-      /* withCredentials */ false);
+        "GET",
+        "aaa",
+        /* requestId */ 0,
+        /* headers */ JavaOnlyArray.of(),
+        /* body */ null,
+        /* responseType */ "text",
+        /* useIncrementalUpdates*/ true,
+        /* timeout */ 0,
+        /* withCredentials */ false);
 
     verifyErrorEmit(emitter, 0);
   }
@@ -208,21 +205,23 @@ private static void verifyErrorEmit(RCTDeviceEventEmitter emitter, int requestId
 
   private static void mockEvents() {
     PowerMockito.mockStatic(Arguments.class);
-    Mockito.when(Arguments.createArray()).thenAnswer(
-        new Answer<WritableArray>() {
-          @Override
-          public WritableArray answer(InvocationOnMock invocation) throws Throwable {
-            return new JavaOnlyArray();
-          }
-        });
-
-    Mockito.when(Arguments.createMap()).thenAnswer(
-        new Answer<WritableMap>() {
-          @Override
-          public WritableMap answer(InvocationOnMock invocation) throws Throwable {
-            return new JavaOnlyMap();
-          }
-        });
+    Mockito.when(Arguments.createArray())
+        .thenAnswer(
+            new Answer<WritableArray>() {
+              @Override
+              public WritableArray answer(InvocationOnMock invocation) throws Throwable {
+                return new JavaOnlyArray();
+              }
+            });
+
+    Mockito.when(Arguments.createMap())
+        .thenAnswer(
+            new Answer<WritableMap>() {
+              @Override
+              public WritableMap answer(InvocationOnMock invocation) throws Throwable {
+                return new JavaOnlyMap();
+              }
+            });
   }
 
   @Test
@@ -232,13 +231,15 @@ public void testSuccessfulPostRequest() throws Exception {
     when(context.getJSModule(any(Class.class))).thenReturn(emitter);
 
     OkHttpClient httpClient = mock(OkHttpClient.class);
-    when(httpClient.newCall(any(Request.class))).thenAnswer(new Answer<Object>() {
-          @Override
-          public Object answer(InvocationOnMock invocation) throws Throwable {
-            Call callMock = mock(Call.class);
-            return callMock;
-          }
-        });
+    when(httpClient.newCall(any(Request.class)))
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                Call callMock = mock(Call.class);
+                return callMock;
+              }
+            });
     OkHttpClient.Builder clientBuilder = mock(OkHttpClient.Builder.class);
     when(clientBuilder.build()).thenReturn(httpClient);
     when(httpClient.newBuilder()).thenReturn(clientBuilder);
@@ -250,15 +251,15 @@ public Object answer(InvocationOnMock invocation) throws Throwable {
     mockEvents();
 
     networkingModule.sendRequest(
-      "POST",
-      "http://somedomain/bar",
-      0,
-      JavaOnlyArray.of(JavaOnlyArray.of("Content-Type", "text/plain")),
-      body,
-      /* responseType */ "text",
-      /* useIncrementalUpdates*/ true,
-      /* timeout */ 0,
-      /* withCredentials */ false);
+        "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(httpClient).newCall(argumentCaptor.capture());
@@ -275,33 +276,36 @@ public Object answer(InvocationOnMock invocation) throws Throwable {
   @Test
   public void testHeaders() throws Exception {
     OkHttpClient httpClient = mock(OkHttpClient.class);
-    when(httpClient.newCall(any(Request.class))).thenAnswer(new Answer<Object>() {
-      @Override
-      public Object answer(InvocationOnMock invocation) throws Throwable {
-        Call callMock = mock(Call.class);
-        return callMock;
-      }
-    });
+    when(httpClient.newCall(any(Request.class)))
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                Call callMock = mock(Call.class);
+                return callMock;
+              }
+            });
     OkHttpClient.Builder clientBuilder = mock(OkHttpClient.Builder.class);
     when(clientBuilder.build()).thenReturn(httpClient);
     when(httpClient.newBuilder()).thenReturn(clientBuilder);
     NetworkingModule networkingModule =
-      new NetworkingModule(mock(ReactApplicationContext.class), "", httpClient);
+        new NetworkingModule(mock(ReactApplicationContext.class), "", httpClient);
 
-    List<JavaOnlyArray> headers = Arrays.asList(
-        JavaOnlyArray.of("Accept", "text/plain"),
-        JavaOnlyArray.of("User-Agent", "React test agent/1.0"));
+    List<JavaOnlyArray> headers =
+        Arrays.asList(
+            JavaOnlyArray.of("Accept", "text/plain"),
+            JavaOnlyArray.of("User-Agent", "React test agent/1.0"));
 
     networkingModule.sendRequest(
-      "GET",
-      "http://someurl/baz",
-      0,
-      JavaOnlyArray.from(headers),
-      null,
-      /* responseType */ "text",
-      /* useIncrementalUpdates*/ true,
-      /* timeout */ 0,
-      /* withCredentials */ false);
+        "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(httpClient).newCall(argumentCaptor.capture());
     Headers requestHeaders = argumentCaptor.getValue().headers();
@@ -313,38 +317,41 @@ public Object answer(InvocationOnMock invocation) throws Throwable {
   @Test
   public void testPostJsonContentTypeHeader() throws Exception {
     OkHttpClient httpClient = mock(OkHttpClient.class);
-    when(httpClient.newCall(any(Request.class))).thenAnswer(new Answer<Object>() {
-      @Override
-      public Object answer(InvocationOnMock invocation) throws Throwable {
-        Call callMock = mock(Call.class);
-        return callMock;
-      }
-    });
+    when(httpClient.newCall(any(Request.class)))
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                Call callMock = mock(Call.class);
+                return callMock;
+              }
+            });
     OkHttpClient.Builder clientBuilder = mock(OkHttpClient.Builder.class);
     when(clientBuilder.build()).thenReturn(httpClient);
     when(httpClient.newBuilder()).thenReturn(clientBuilder);
     NetworkingModule networkingModule =
-      new NetworkingModule(mock(ReactApplicationContext.class), "", httpClient);
+        new NetworkingModule(mock(ReactApplicationContext.class), "", httpClient);
 
     JavaOnlyMap body = new JavaOnlyMap();
     body.putString("string", "{ \"key\": \"value\" }");
 
     networkingModule.sendRequest(
-      "POST",
-      "http://somedomain/bar",
-      0,
-      JavaOnlyArray.of(JavaOnlyArray.of("Content-Type", "application/json")),
-      body,
-      /* responseType */ "text",
-      /* useIncrementalUpdates*/ true,
-      /* timeout */ 0,
-      /* withCredentials */ false);
+        "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(httpClient).newCall(argumentCaptor.capture());
 
     // Verify okhttp does not append "charset=utf-8"
-    assertThat(argumentCaptor.getValue().body().contentType().toString()).isEqualTo("application/json");
+    assertThat(argumentCaptor.getValue().body().contentType().toString())
+        .isEqualTo("application/json");
   }
 
   @Test
@@ -354,13 +361,15 @@ public void testRespectsExistingCharacterSet() throws Exception {
     when(context.getJSModule(any(Class.class))).thenReturn(emitter);
 
     OkHttpClient httpClient = mock(OkHttpClient.class);
-    when(httpClient.newCall(any(Request.class))).thenAnswer(new Answer<Object>() {
-      @Override
-      public Object answer(InvocationOnMock invocation) throws Throwable {
-        Call callMock = mock(Call.class);
-        return callMock;
-      }
-    });
+    when(httpClient.newCall(any(Request.class)))
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                Call callMock = mock(Call.class);
+                return callMock;
+              }
+            });
     OkHttpClient.Builder clientBuilder = mock(OkHttpClient.Builder.class);
     when(clientBuilder.build()).thenReturn(httpClient);
     when(httpClient.newBuilder()).thenReturn(clientBuilder);
@@ -372,15 +381,15 @@ public Object answer(InvocationOnMock invocation) throws Throwable {
     mockEvents();
 
     networkingModule.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);
+        "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(httpClient).newCall(argumentCaptor.capture());
@@ -397,13 +406,15 @@ public void testGracefullyRecoversFromInvalidContentType() throws Exception {
     when(context.getJSModule(any(Class.class))).thenReturn(emitter);
 
     OkHttpClient httpClient = mock(OkHttpClient.class);
-    when(httpClient.newCall(any(Request.class))).thenAnswer(new Answer<Object>() {
-      @Override
-      public Object answer(InvocationOnMock invocation) throws Throwable {
-        Call callMock = mock(Call.class);
-        return callMock;
-      }
-    });
+    when(httpClient.newCall(any(Request.class)))
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                Call callMock = mock(Call.class);
+                return callMock;
+              }
+            });
     OkHttpClient.Builder clientBuilder = mock(OkHttpClient.Builder.class);
     when(clientBuilder.build()).thenReturn(httpClient);
     when(httpClient.newBuilder()).thenReturn(clientBuilder);
@@ -415,15 +426,15 @@ public Object answer(InvocationOnMock invocation) throws Throwable {
     mockEvents();
 
     networkingModule.sendRequest(
-      "POST",
-      "http://somedomain/bar",
-      0,
-      JavaOnlyArray.of(JavaOnlyArray.of("Content-Type", "invalid")),
-      body,
-      /* responseType */ "text",
-      /* useIncrementalUpdates*/ true,
-      /* timeout */ 0,
-      /* withCredentials */ false);
+        "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(httpClient).newCall(argumentCaptor.capture());
@@ -451,46 +462,45 @@ public void testMultipartPostRequestSimple() throws Exception {
     bodyPart.putString("string", "value");
     bodyPart.putArray(
         "headers",
-        JavaOnlyArray.from(
-            Arrays.asList(
-                JavaOnlyArray.of("content-disposition", "name"))));
+        JavaOnlyArray.from(Arrays.asList(JavaOnlyArray.of("content-disposition", "name"))));
     formData.pushMap(bodyPart);
     body.putArray("formData", formData);
 
     OkHttpClient httpClient = mock(OkHttpClient.class);
-    when(httpClient.newCall(any(Request.class))).thenAnswer(
-        new Answer<Object>() {
-          @Override
-          public Object answer(InvocationOnMock invocation) throws Throwable {
-            Call callMock = mock(Call.class);
-            return callMock;
-          }
-        });
+    when(httpClient.newCall(any(Request.class)))
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                Call callMock = mock(Call.class);
+                return callMock;
+              }
+            });
     OkHttpClient.Builder clientBuilder = mock(OkHttpClient.Builder.class);
     when(clientBuilder.build()).thenReturn(httpClient);
     when(httpClient.newBuilder()).thenReturn(clientBuilder);
     NetworkingModule networkingModule =
-      new NetworkingModule(mock(ReactApplicationContext.class), "", httpClient);
+        new NetworkingModule(mock(ReactApplicationContext.class), "", httpClient);
     networkingModule.sendRequest(
-      "POST",
-      "http://someurl/uploadFoo",
-      0,
-      new JavaOnlyArray(),
-      body,
-      /* responseType */ "text",
-      /* useIncrementalUpdates*/ true,
-      /* timeout */ 0,
-      /* withCredentials */ false);
+        "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(httpClient).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());
+    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);
   }
@@ -505,7 +515,8 @@ public void testMultipartPostRequestHeaders() throws Exception {
     when(RequestBodyUtil.createProgressRequest(any(RequestBody.class), any(ProgressListener.class)))
         .thenCallRealMethod();
 
-    List<JavaOnlyArray> headers = Arrays.asList(
+    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"));
@@ -516,46 +527,45 @@ public void testMultipartPostRequestHeaders() throws Exception {
     bodyPart.putString("string", "value");
     bodyPart.putArray(
         "headers",
-        JavaOnlyArray.from(
-            Arrays.asList(
-                JavaOnlyArray.of("content-disposition", "name"))));
+        JavaOnlyArray.from(Arrays.asList(JavaOnlyArray.of("content-disposition", "name"))));
     formData.pushMap(bodyPart);
     body.putArray("formData", formData);
 
     OkHttpClient httpClient = mock(OkHttpClient.class);
-    when(httpClient.newCall(any(Request.class))).thenAnswer(
-        new Answer<Object>() {
-          @Override
-          public Object answer(InvocationOnMock invocation) throws Throwable {
-            Call callMock = mock(Call.class);
-            return callMock;
-          }
-        });
+    when(httpClient.newCall(any(Request.class)))
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                Call callMock = mock(Call.class);
+                return callMock;
+              }
+            });
     OkHttpClient.Builder clientBuilder = mock(OkHttpClient.Builder.class);
     when(clientBuilder.build()).thenReturn(httpClient);
     when(httpClient.newBuilder()).thenReturn(clientBuilder);
     NetworkingModule networkingModule =
-      new NetworkingModule(mock(ReactApplicationContext.class), "", httpClient);
+        new NetworkingModule(mock(ReactApplicationContext.class), "", httpClient);
     networkingModule.sendRequest(
-      "POST",
-      "http://someurl/uploadFoo",
-      0,
-      JavaOnlyArray.from(headers),
-      body,
-      /* responseType */ "text",
-      /* useIncrementalUpdates*/ true,
-      /* timeout */ 0,
-      /* withCredentials */ false);
+        "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(httpClient).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());
+    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");
@@ -575,31 +585,36 @@ public void testMultipartPostRequestBody() throws Exception {
     when(inputStream.available()).thenReturn("imageUri".length());
 
     final MultipartBody.Builder multipartBuilder = mock(MultipartBody.Builder.class);
-    PowerMockito.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"));
+    PowerMockito.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();
@@ -609,9 +624,7 @@ public Object answer(InvocationOnMock invocation) throws Throwable {
     bodyPart.putString("string", "locale");
     bodyPart.putArray(
         "headers",
-        JavaOnlyArray.from(
-            Arrays.asList(
-                          JavaOnlyArray.of("content-disposition", "user"))));
+        JavaOnlyArray.from(Arrays.asList(JavaOnlyArray.of("content-disposition", "user"))));
     formData.pushMap(bodyPart);
 
     JavaOnlyMap imageBodyPart = new JavaOnlyMap();
@@ -625,30 +638,31 @@ public Object answer(InvocationOnMock invocation) throws Throwable {
     formData.pushMap(imageBodyPart);
 
     OkHttpClient httpClient = mock(OkHttpClient.class);
-    when(httpClient.newCall(any(Request.class))).thenAnswer(
-        new Answer<Object>() {
-          @Override
-          public Object answer(InvocationOnMock invocation) throws Throwable {
-            Call callMock = mock(Call.class);
-            return callMock;
-          }
-        });
+    when(httpClient.newCall(any(Request.class)))
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                Call callMock = mock(Call.class);
+                return callMock;
+              }
+            });
     OkHttpClient.Builder clientBuilder = mock(OkHttpClient.Builder.class);
     when(clientBuilder.build()).thenReturn(httpClient);
     when(httpClient.newBuilder()).thenReturn(clientBuilder);
 
     NetworkingModule networkingModule =
-      new NetworkingModule(mock(ReactApplicationContext.class), "", httpClient);
+        new NetworkingModule(mock(ReactApplicationContext.class), "", httpClient);
     networkingModule.sendRequest(
-      "POST",
-      "http://someurl/uploadFoo",
-      0,
-      JavaOnlyArray.from(headers),
-      body,
-      /* responseType */ "text",
-      /* useIncrementalUpdates*/ true,
-      /* timeout */ 0,
-      /* withCredentials */ false);
+        "POST",
+        "http://someurl/uploadFoo",
+        0,
+        JavaOnlyArray.from(headers),
+        body,
+        /* responseType */ "text",
+        /* useIncrementalUpdates*/ true,
+        /* timeout */ 0,
+        /* withCredentials */ false);
 
     // verify RequestBodyPart for image
     PowerMockito.verifyStatic(times(1));
@@ -661,8 +675,8 @@ public Object answer(InvocationOnMock invocation) throws Throwable {
     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());
+    verify(multipartBuilder, times(2))
+        .addPart(headersArgumentCaptor.capture(), bodyArgumentCaptor.capture());
 
     List<Headers> bodyHeaders = headersArgumentCaptor.getAllValues();
     assertThat(bodyHeaders.size()).isEqualTo(2);
@@ -688,31 +702,33 @@ public void testCancelAllCallsOnCatalystInstanceDestroy() throws Exception {
     }
 
     when(httpClient.cookieJar()).thenReturn(mock(CookieJarContainer.class));
-    when(httpClient.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];
-      }
-    });
+    when(httpClient.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];
+              }
+            });
     OkHttpClient.Builder clientBuilder = mock(OkHttpClient.Builder.class);
     when(clientBuilder.build()).thenReturn(httpClient);
     when(httpClient.newBuilder()).thenReturn(clientBuilder);
     NetworkingModule networkingModule =
-      new NetworkingModule(mock(ReactApplicationContext.class), "", httpClient);
+        new NetworkingModule(mock(ReactApplicationContext.class), "", httpClient);
     networkingModule.initialize();
 
     for (int idx = 0; idx < requests; idx++) {
       networkingModule.sendRequest(
-        "GET",
-        "http://somedomain/foo",
-        idx + 1,
-        JavaOnlyArray.of(),
-        null,
-        /* responseType */ "text",
-        /* useIncrementalUpdates*/ true,
-        /* timeout */ 0,
-        /* withCredentials */ false);
+          "GET",
+          "http://somedomain/foo",
+          idx + 1,
+          JavaOnlyArray.of(),
+          null,
+          /* responseType */ "text",
+          /* useIncrementalUpdates*/ true,
+          /* timeout */ 0,
+          /* withCredentials */ false);
     }
     verify(httpClient, times(3)).newCall(any(Request.class));
 
@@ -739,30 +755,32 @@ public void testCancelSomeCallsOnCatalystInstanceDestroy() throws Exception {
     }
 
     when(httpClient.cookieJar()).thenReturn(mock(CookieJarContainer.class));
-    when(httpClient.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];
-      }
-    });
+    when(httpClient.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];
+              }
+            });
     OkHttpClient.Builder clientBuilder = mock(OkHttpClient.Builder.class);
     when(clientBuilder.build()).thenReturn(httpClient);
     when(httpClient.newBuilder()).thenReturn(clientBuilder);
     NetworkingModule networkingModule =
-      new NetworkingModule(mock(ReactApplicationContext.class), "", httpClient);
+        new NetworkingModule(mock(ReactApplicationContext.class), "", httpClient);
 
     for (int idx = 0; idx < requests; idx++) {
       networkingModule.sendRequest(
-        "GET",
-        "http://somedomain/foo",
-        idx + 1,
-        JavaOnlyArray.of(),
-        null,
-        /* responseType */ "text",
-        /* useIncrementalUpdates*/ true,
-        /* timeout */ 0,
-        /* withCredentials */ false);
+          "GET",
+          "http://somedomain/foo",
+          idx + 1,
+          JavaOnlyArray.of(),
+          null,
+          /* responseType */ "text",
+          /* useIncrementalUpdates*/ true,
+          /* timeout */ 0,
+          /* withCredentials */ false);
     }
     verify(httpClient, times(3)).newCall(any(Request.class));
 
diff --git a/ReactAndroid/src/test/java/com/facebook/react/modules/network/ProgressiveStringDecoderTest.java b/ReactAndroid/src/test/java/com/facebook/react/modules/network/ProgressiveStringDecoderTest.java
index 9b387cd60ec1b2..399c1958f7ea0e 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/modules/network/ProgressiveStringDecoderTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/modules/network/ProgressiveStringDecoderTest.java
@@ -1,74 +1,75 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.common.StandardCharsets;
-
+import java.nio.charset.Charset;
 import org.junit.Assert;
 import org.junit.Test;
 import org.junit.runner.RunWith;
 import org.robolectric.RobolectricTestRunner;
 
-import java.nio.charset.Charset;
-
-
 @RunWith(RobolectricTestRunner.class)
 public class ProgressiveStringDecoderTest {
 
-  private static String TEST_DATA_1_BYTE = "Lorem ipsum dolor sit amet, ea ius viris laoreet gloriatur, ea enim illud mel. Ea eligendi erroribus inciderint sea, id nemore sensibus contentiones qui. Eos et nulla abhorreant, noluisse adipiscing reprehendunt an sit. Harum iriure meliore ne nec, clita semper voluptaria at sea. Ius civibus vituperata reprehendunt ut.\n" +
-    "\n" +
-    "Sed nisl postea maiorum ex, mea eros verterem ea. Ne usu brute debitis appareat. Ad quem reprimique dissentias duo. Sit an labitur eleifend, illud zril audiam nam ex, epicuri luptatum ne usu. Lorem mundi utinam vix ea.\n" +
-    "\n" +
-    "Te eam nominati qualisque. Ut praesent consetetur pro. Soleat vivendum vim ea. Altera dolores eam in. Eum at praesent complectitur. Nec ea inani definitiones, tantas vivendum mei an, mea an ubique omnium latine. Has mundi ocurreret ei, nam ea iuvaret gloriatur.\n" +
-    "\n" +
-    "Ad omnes malorum vim, no latine facilisi mel, dicant salutandi conclusionemque ei est. Nam cu partem alterum minimum. Et quo iriure deleniti accommodare, ad impetus perfecto liberavisse pri. Instructior necessitatibus ut mel, ex cum sumo atqui comprehensam, ei nullam oporteat sed. Ius meliore placerat cu.\n" +
-    "\n" +
-    "Eum in ferri nobis, eam eu verear facilisis referrentur. Veniam epicuri referrentur at nam. Vel congue diceret fabulas te, ei fabellas temporibus mei. Nemore corrumpit quo ex, et vis soluta reprehendunt. Et eos eripuit atomorum.\n" +
-    "\n" +
-    "Eum no novum tantas decore. Indoctum definiebas intellegam ut vel. Cu per ipsum graeco, in nam dico dolore, usu id ludus consulatu. Vis an clita commune, cu quot quaeque cum. In eos semper aperiri. Ne mea probo inermis, no vis audiam volutpat.\n" +
-    "\n" +
-    "Cu quaeque scaevola vis. Civibus commune scriptorem vim an, vim ea vocent petentium consequuntur, meis propriae invidunt eam ex. Pro et ponderum recusabo sapientem. Vel legere possim ornatus ne, saepe commodo scaevola an quo. An scaevola repudiandae sed. Eam ei veri nemore.\n" +
-    "\n" +
-    "Ullum deleniti cum at. An has soleat docendi, epicuri erroribus inciderint pro ea. Noluisse invidunt splendide quo in, eam odio invenire ea. Eu hinc definiebas scripserit duo, has cu equidem ponderum expetenda, eum vulputate intellegat id. Pri eu natum semper pertinax, ei vel inani aliquip habemus, sit an facer dicam. Et graeci abhorreant contentiones duo, et summo partiendo conclusionemque per.\n" +
-    "\n" +
-    "Sed ei etiam iudico abhorreant. Pri an regione fastidii, clita discere eu nec. Torquatos percipitur inciderint eos in, id per prompta blandit. Sit et epicuri deleniti. Per labores corpora no.\n" +
-    "\n" +
-    "Quodsi melius facilis pri ei, has adhuc recusabo reprimique ut. Laoreet definitionem cum cu, amet nonumes ut vis, qui ut sonet ancillae. Vim no doctus efficiantur, ancillae indoctum ex sea, vel eu fabulas volumus argumentum. Ex eum aeque commune placerat, nam choro tamquam luptatum et. Ne sea vero idque liberavisse";
-
-  private static String TEST_DATA_2_BYTES = "Лорем ипсум долор сит амет, доминг дисцере ад вих, велит игнота ратионибус мел цу. Не вирис малорум яуаеяуе хас, еу либрис доцтус хис. Моллис садипсцинг ан цум, семпер молестие репрехендунт усу те. Цасе аетерно оффендит ан еос. При ан толлит опортере оцурререт, ан яуот мутат трацтатос вих.\n" +
-    "\n" +
-    "Нец фалли харум ратионибус еа. Магна адмодум ат нам, яуи еа рецусабо мандамус, аццусам цонсеяуунтур цу хис. Импедит цотидиеяуе улламцорпер еа мел, усу ет долорес аргументум. Веро торяуатос ех нам, цибо либерависсе ест еи. Вис долор омниум сплендиде ад, велит рецусабо цонсететур иус цу.\n" +
-    "\n" +
-    "Еи дуо меис атоморум сигниферумяуе, аугуе аццусам мел ет. Ут ностро легендос хонестатис пер, ут яуас мовет сеа. Меа цу продессет аппеллантур. Вис еа яуод оффендит, дебет видерер ет нам.\n" +
-    "\n" +
-    "Еам еа дебитис иудицабит, не хас иллуд цивибус. Усу ет алии уллум утамур. Поссит цонституто те яуи, хас ет лаудем аудире, нам еи епицури салутанди. Лудус делицатиссими цум еу, либер адиписцинг еи нец. Ид ерипуит лобортис антиопам хис, санцтус елигенди неглегентур сед ут, вел сентентиае инструцтиор еи. Ан про унум яуалисяуе.\n" +
-    "\n" +
-    "Ат еррор алтера сит, пер еу яуот номинави. Пертинах репудиаре цум еу. Еа фуиссет антиопам вим, пробатус реферрентур ут иус. Еум ад модус утрояуе диспутандо.\n" +
-    "\n" +
-    "Ехерци бландит ут меа. Солет импедит сед ад. Дуо порро тимеам аудире не, алии ерант номинави цу нец, сит ферри веритус адиписци те. Те меи синт адверсариум, ад феугаит инвидунт луцилиус сед, дицунт нумяуам нам те. Еум дицант елеифенд цонсецтетуер ет, суммо вереар епицуреи не про. Не лудус сцрипта опортере вим, еи дуо идяуе алияуам сигниферумяуе. Цум еу лабитур инвенире, про ессе губергрен темпорибус еи, ад хис минимум пертинах.\n" +
-    "\n" +
-    "Дуо ад вери евертитур интеллегат, демоцритум еффициенди дуо ет. Нец но доценди демоцритум сцрипторем, витуперата цонституам нецесситатибус ут вим. Яуи виде санцтус мандамус ан, нонумес принципес вел ат, ех дуо инани нулла. Петентиум маиестатис еам ин, те ерант дебитис еурипидис вис. Но вел антиопам цотидиеяуе еффициантур, сеа еи нибх нонумы инцидеринт.\n" +
-    "\n" +
-    "Одио омнес но яуо, популо ноструд иус ад. Инани хонестатис но вис. Хис еу лудус партем персиус, пурто малис витуперата при ан, еи елаборарет ассуеверит вим. Цу бруте утинам тинцидунт вих, цум ад дицтас лобортис лаборамус. Нец хабемус рецусабо ат, ех фацилис денияуе ест. При те велит алияуам аццусамус, юсто утамур антиопам но нам.\n" +
-    "\n" +
-    "Про не еррем иудицо мелиоре, еи цибо ерудити санцтус хас. Яуод еяуидем еу вис, вих яуидам легимус ад, ид сеа солум легере мандамус. Аеяуе детрахит ех иус, суас вертерем еум цу. Еи вим алиа ехерци пхаедрум, хас не лаборес цоррумпит. Ат граеци сцрипта вим.\n" +
-    "\n" +
-    "Иус ат менандри персеяуерис. Про модус дицта еу, ин граеци доценди фиерент при, еи хас аугуе мандамус дефинитионем. Ет путент интерпретарис сит, перицула сентентиае ат ест. При ут сумо видит волуптатибус, нобис деленити еа.";
-  private static String TEST_DATA_3_BYTES = "案のづよド捕毎エオ文疑ろめた今宮レ秋像とが供持属ょー真場中ホサヒ不箱らご著質ーぼンろ保6年読さ系蔵べるル緩参フシセタ鮮県フずッ歳民ナセ楽飲匹恒桜ぱ。要電ネソメ嘉負向ス援中ぜく界党フネ属平ぎ象越容レ書95争効99争効7翌テ売約わこよッ紙点発事9入そさ補綱のラず他亭匠ぞ。\n" +
-    "\n" +
-    "天レ供内ソ愛7読でぽせ回書ほごしな浅月企設潟せぐり裂個ホヌヤ局題制エ柏央ざぽ。外くにさ下格か終所あ硬当ワ着少選とけリへ康件終にぎ季規らおず給測トユテ考毎サトス事版にーご文8忙チ深暮タヲムラ度6応しぞぎぐ装速て続際ぞ発准揮包孤てい。制はたちき合南む乙甲ゅさと捕4球任条こでン頭広セスモウ月夜エス面陽ヨネ力京ウリ紙聞ト印2火映ラ基頭スフ点愛伎協ねド。\n" +
-    "\n" +
-    "属と共代みむもず以監すい者新ス田政家ヱス使校音刑トホ則上ゅぐ一未ヌ意40芸標んは学必強ゅ帝歯没牧具もか。58新イシレ正米ニユ負皇っぐせの必容キソタコ公3容ーつぶべ年然検ざ整賞ニチ注興ぐ放約えあ野夜磨やゃフよ。柳ソシアテ申1科ル舗紀深むぜ競供とび室全ハネ測高エラク権暮ヲクオト館暮ヌ黒杯クリぴぽ火竹ねる種4帰替やあい北問クルゃン登壌粉つどべ。";
-
-  private static final String TEST_DATA_4_BYTES ="\uD800\uDE55\uD800\uDE55\uD800\uDE55 \uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55" +
-    "\uD800\uDE55\uD800\uDE55\uD800\uDE55 \uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80" +
-    "\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80" +
-    "\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80" +
-    "\uD800\uDE80\uD800\uDE80\uD800\uDE80";
+  private static String TEST_DATA_1_BYTE =
+      "Lorem ipsum dolor sit amet, ea ius viris laoreet gloriatur, ea enim illud mel. Ea eligendi erroribus inciderint sea, id nemore sensibus contentiones qui. Eos et nulla abhorreant, noluisse adipiscing reprehendunt an sit. Harum iriure meliore ne nec, clita semper voluptaria at sea. Ius civibus vituperata reprehendunt ut.\n"
+          + "\n"
+          + "Sed nisl postea maiorum ex, mea eros verterem ea. Ne usu brute debitis appareat. Ad quem reprimique dissentias duo. Sit an labitur eleifend, illud zril audiam nam ex, epicuri luptatum ne usu. Lorem mundi utinam vix ea.\n"
+          + "\n"
+          + "Te eam nominati qualisque. Ut praesent consetetur pro. Soleat vivendum vim ea. Altera dolores eam in. Eum at praesent complectitur. Nec ea inani definitiones, tantas vivendum mei an, mea an ubique omnium latine. Has mundi ocurreret ei, nam ea iuvaret gloriatur.\n"
+          + "\n"
+          + "Ad omnes malorum vim, no latine facilisi mel, dicant salutandi conclusionemque ei est. Nam cu partem alterum minimum. Et quo iriure deleniti accommodare, ad impetus perfecto liberavisse pri. Instructior necessitatibus ut mel, ex cum sumo atqui comprehensam, ei nullam oporteat sed. Ius meliore placerat cu.\n"
+          + "\n"
+          + "Eum in ferri nobis, eam eu verear facilisis referrentur. Veniam epicuri referrentur at nam. Vel congue diceret fabulas te, ei fabellas temporibus mei. Nemore corrumpit quo ex, et vis soluta reprehendunt. Et eos eripuit atomorum.\n"
+          + "\n"
+          + "Eum no novum tantas decore. Indoctum definiebas intellegam ut vel. Cu per ipsum graeco, in nam dico dolore, usu id ludus consulatu. Vis an clita commune, cu quot quaeque cum. In eos semper aperiri. Ne mea probo inermis, no vis audiam volutpat.\n"
+          + "\n"
+          + "Cu quaeque scaevola vis. Civibus commune scriptorem vim an, vim ea vocent petentium consequuntur, meis propriae invidunt eam ex. Pro et ponderum recusabo sapientem. Vel legere possim ornatus ne, saepe commodo scaevola an quo. An scaevola repudiandae sed. Eam ei veri nemore.\n"
+          + "\n"
+          + "Ullum deleniti cum at. An has soleat docendi, epicuri erroribus inciderint pro ea. Noluisse invidunt splendide quo in, eam odio invenire ea. Eu hinc definiebas scripserit duo, has cu equidem ponderum expetenda, eum vulputate intellegat id. Pri eu natum semper pertinax, ei vel inani aliquip habemus, sit an facer dicam. Et graeci abhorreant contentiones duo, et summo partiendo conclusionemque per.\n"
+          + "\n"
+          + "Sed ei etiam iudico abhorreant. Pri an regione fastidii, clita discere eu nec. Torquatos percipitur inciderint eos in, id per prompta blandit. Sit et epicuri deleniti. Per labores corpora no.\n"
+          + "\n"
+          + "Quodsi melius facilis pri ei, has adhuc recusabo reprimique ut. Laoreet definitionem cum cu, amet nonumes ut vis, qui ut sonet ancillae. Vim no doctus efficiantur, ancillae indoctum ex sea, vel eu fabulas volumus argumentum. Ex eum aeque commune placerat, nam choro tamquam luptatum et. Ne sea vero idque liberavisse";
+
+  private static String TEST_DATA_2_BYTES =
+      "Лорем ипсум долор сит амет, доминг дисцере ад вих, велит игнота ратионибус мел цу. Не вирис малорум яуаеяуе хас, еу либрис доцтус хис. Моллис садипсцинг ан цум, семпер молестие репрехендунт усу те. Цасе аетерно оффендит ан еос. При ан толлит опортере оцурререт, ан яуот мутат трацтатос вих.\n"
+          + "\n"
+          + "Нец фалли харум ратионибус еа. Магна адмодум ат нам, яуи еа рецусабо мандамус, аццусам цонсеяуунтур цу хис. Импедит цотидиеяуе улламцорпер еа мел, усу ет долорес аргументум. Веро торяуатос ех нам, цибо либерависсе ест еи. Вис долор омниум сплендиде ад, велит рецусабо цонсететур иус цу.\n"
+          + "\n"
+          + "Еи дуо меис атоморум сигниферумяуе, аугуе аццусам мел ет. Ут ностро легендос хонестатис пер, ут яуас мовет сеа. Меа цу продессет аппеллантур. Вис еа яуод оффендит, дебет видерер ет нам.\n"
+          + "\n"
+          + "Еам еа дебитис иудицабит, не хас иллуд цивибус. Усу ет алии уллум утамур. Поссит цонституто те яуи, хас ет лаудем аудире, нам еи епицури салутанди. Лудус делицатиссими цум еу, либер адиписцинг еи нец. Ид ерипуит лобортис антиопам хис, санцтус елигенди неглегентур сед ут, вел сентентиае инструцтиор еи. Ан про унум яуалисяуе.\n"
+          + "\n"
+          + "Ат еррор алтера сит, пер еу яуот номинави. Пертинах репудиаре цум еу. Еа фуиссет антиопам вим, пробатус реферрентур ут иус. Еум ад модус утрояуе диспутандо.\n"
+          + "\n"
+          + "Ехерци бландит ут меа. Солет импедит сед ад. Дуо порро тимеам аудире не, алии ерант номинави цу нец, сит ферри веритус адиписци те. Те меи синт адверсариум, ад феугаит инвидунт луцилиус сед, дицунт нумяуам нам те. Еум дицант елеифенд цонсецтетуер ет, суммо вереар епицуреи не про. Не лудус сцрипта опортере вим, еи дуо идяуе алияуам сигниферумяуе. Цум еу лабитур инвенире, про ессе губергрен темпорибус еи, ад хис минимум пертинах.\n"
+          + "\n"
+          + "Дуо ад вери евертитур интеллегат, демоцритум еффициенди дуо ет. Нец но доценди демоцритум сцрипторем, витуперата цонституам нецесситатибус ут вим. Яуи виде санцтус мандамус ан, нонумес принципес вел ат, ех дуо инани нулла. Петентиум маиестатис еам ин, те ерант дебитис еурипидис вис. Но вел антиопам цотидиеяуе еффициантур, сеа еи нибх нонумы инцидеринт.\n"
+          + "\n"
+          + "Одио омнес но яуо, популо ноструд иус ад. Инани хонестатис но вис. Хис еу лудус партем персиус, пурто малис витуперата при ан, еи елаборарет ассуеверит вим. Цу бруте утинам тинцидунт вих, цум ад дицтас лобортис лаборамус. Нец хабемус рецусабо ат, ех фацилис денияуе ест. При те велит алияуам аццусамус, юсто утамур антиопам но нам.\n"
+          + "\n"
+          + "Про не еррем иудицо мелиоре, еи цибо ерудити санцтус хас. Яуод еяуидем еу вис, вих яуидам легимус ад, ид сеа солум легере мандамус. Аеяуе детрахит ех иус, суас вертерем еум цу. Еи вим алиа ехерци пхаедрум, хас не лаборес цоррумпит. Ат граеци сцрипта вим.\n"
+          + "\n"
+          + "Иус ат менандри персеяуерис. Про модус дицта еу, ин граеци доценди фиерент при, еи хас аугуе мандамус дефинитионем. Ет путент интерпретарис сит, перицула сентентиае ат ест. При ут сумо видит волуптатибус, нобис деленити еа.";
+  private static String TEST_DATA_3_BYTES =
+      "案のづよド捕毎エオ文疑ろめた今宮レ秋像とが供持属ょー真場中ホサヒ不箱らご著質ーぼンろ保6年読さ系蔵べるル緩参フシセタ鮮県フずッ歳民ナセ楽飲匹恒桜ぱ。要電ネソメ嘉負向ス援中ぜく界党フネ属平ぎ象越容レ書95争効99争効7翌テ売約わこよッ紙点発事9入そさ補綱のラず他亭匠ぞ。\n"
+          + "\n"
+          + "天レ供内ソ愛7読でぽせ回書ほごしな浅月企設潟せぐり裂個ホヌヤ局題制エ柏央ざぽ。外くにさ下格か終所あ硬当ワ着少選とけリへ康件終にぎ季規らおず給測トユテ考毎サトス事版にーご文8忙チ深暮タヲムラ度6応しぞぎぐ装速て続際ぞ発准揮包孤てい。制はたちき合南む乙甲ゅさと捕4球任条こでン頭広セスモウ月夜エス面陽ヨネ力京ウリ紙聞ト印2火映ラ基頭スフ点愛伎協ねド。\n"
+          + "\n"
+          + "属と共代みむもず以監すい者新ス田政家ヱス使校音刑トホ則上ゅぐ一未ヌ意40芸標んは学必強ゅ帝歯没牧具もか。58新イシレ正米ニユ負皇っぐせの必容キソタコ公3容ーつぶべ年然検ざ整賞ニチ注興ぐ放約えあ野夜磨やゃフよ。柳ソシアテ申1科ル舗紀深むぜ競供とび室全ハネ測高エラク権暮ヲクオト館暮ヌ黒杯クリぴぽ火竹ねる種4帰替やあい北問クルゃン登壌粉つどべ。";
+
+  private static final String TEST_DATA_4_BYTES =
+      "\uD800\uDE55\uD800\uDE55\uD800\uDE55 \uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55"
+          + "\uD800\uDE55\uD800\uDE55\uD800\uDE55 \uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80"
+          + "\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80"
+          + "\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE55\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80\uD800\uDE80"
+          + "\uD800\uDE80\uD800\uDE80\uD800\uDE80";
 
   @Test
   public void testUTF8SingleByteSymbols() {
@@ -91,23 +92,23 @@ public void testUTF8FourBytesSymbols() throws Exception {
   }
 
   @Test
-  public  void testUTF16LEStandard() throws Exception {
+  public void testUTF16LEStandard() throws Exception {
     chunkString(TEST_DATA_3_BYTES, StandardCharsets.UTF_16LE, 47);
   }
 
   @Test
-  public  void testUTF16LESurrogates() throws Exception {
+  public void testUTF16LESurrogates() throws Exception {
     // 4 bytes UTF-8 symbols are encoded as two 2 byte surrogate symbols in UTF-16
     chunkString(TEST_DATA_4_BYTES, StandardCharsets.UTF_16LE, 47);
   }
 
   @Test
-  public  void testUTF16BEStandard() throws Exception {
+  public void testUTF16BEStandard() throws Exception {
     chunkString(TEST_DATA_3_BYTES, StandardCharsets.UTF_16BE, 47);
   }
 
   @Test
-  public  void testUTF16BESurrogates() throws Exception {
+  public void testUTF16BESurrogates() throws Exception {
     // 4 bytes UTF-8 symbols are encoded as two 2 byte surrogate symbols in UTF-16
     chunkString(TEST_DATA_4_BYTES, StandardCharsets.UTF_16BE, 47);
   }
@@ -119,15 +120,15 @@ public void testUTF32() throws Exception {
   }
 
   private void chunkString(String originalString, Charset charset, int chunkSize) {
-    byte data [] = originalString.getBytes(charset);
+    byte data[] = originalString.getBytes(charset);
 
     StringBuilder builder = new StringBuilder();
     ProgressiveStringDecoder collector = new ProgressiveStringDecoder(charset);
     byte[] buffer = new byte[chunkSize];
-    for (int i = 0; i < data.length; i+= chunkSize) {
+    for (int i = 0; i < data.length; i += chunkSize) {
       int bytesRead = Math.min(chunkSize, data.length - i);
-      System.arraycopy(data,  i, buffer, 0, bytesRead );
-      builder.append(collector.decodeNext(buffer, bytesRead ));
+      System.arraycopy(data, i, buffer, 0, bytesRead);
+      builder.append(collector.decodeNext(buffer, bytesRead));
     }
 
     String actualString = builder.toString();
diff --git a/ReactAndroid/src/test/java/com/facebook/react/modules/network/ReactCookieJarContainerTest.java b/ReactAndroid/src/test/java/com/facebook/react/modules/network/ReactCookieJarContainerTest.java
index 7c8f84d7249f68..55978ea3950abe 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/modules/network/ReactCookieJarContainerTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/modules/network/ReactCookieJarContainerTest.java
@@ -1,40 +1,31 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.modules.network.ReactCookieJarContainer;
+import static org.fest.assertions.api.Assertions.assertThat;
+import static org.mockito.Mockito.any;
+import static org.mockito.Mockito.mock;
+import static org.mockito.Mockito.when;
+
+import java.util.ArrayList;
+import java.util.List;
 import okhttp3.Cookie;
 import okhttp3.CookieJar;
 import okhttp3.HttpUrl;
-import java.util.List;
-import java.util.ArrayList;
-
 import org.junit.Test;
 import org.junit.runner.RunWith;
 import org.powermock.core.classloader.annotations.PowerMockIgnore;
 import org.powermock.core.classloader.annotations.PrepareForTest;
 import org.robolectric.RobolectricTestRunner;
 
-import static org.fest.assertions.api.Assertions.assertThat;
-import static org.mockito.Mockito.any;
-import static org.mockito.Mockito.mock;
-import static org.mockito.Mockito.verify;
-import static org.mockito.Mockito.when;
-
-/**
- * Tests for {@link NetworkingModule}.
- */
-@PrepareForTest({
-  ReactCookieJarContainer.class
-})
+/** Tests for {@link NetworkingModule}. */
+@PrepareForTest({ReactCookieJarContainer.class})
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
-
 public class ReactCookieJarContainerTest {
 
   @Test
@@ -57,12 +48,7 @@ public void testValidCookies() throws Exception {
     CookieJar cookieJar = mock(CookieJar.class);
     jarContainer.setCookieJar(cookieJar);
     List<Cookie> cookies = new ArrayList<>();
-    cookies.add(new Cookie.Builder()
-      .name("valid")
-      .value("valid value")
-      .domain("domain")
-      .build()
-    );
+    cookies.add(new Cookie.Builder().name("valid").value("valid value").domain("domain").build());
     when(cookieJar.loadForRequest(any(HttpUrl.class))).thenReturn(cookies);
     assertThat(jarContainer.loadForRequest(any(HttpUrl.class)).size()).isEqualTo(1);
   }
@@ -73,12 +59,7 @@ public void testInvalidCookies() throws Exception {
     CookieJar cookieJar = mock(CookieJar.class);
     jarContainer.setCookieJar(cookieJar);
     List<Cookie> cookies = new ArrayList<>();
-    cookies.add(new Cookie.Builder()
-      .name("valid")
-      .value("înválíd välūė")
-      .domain("domain")
-      .build()
-    );
+    cookies.add(new Cookie.Builder().name("valid").value("înválíd välūė").domain("domain").build());
     when(cookieJar.loadForRequest(any(HttpUrl.class))).thenReturn(cookies);
     assertThat(jarContainer.loadForRequest(any(HttpUrl.class)).size()).isEqualTo(0);
   }
diff --git a/ReactAndroid/src/test/java/com/facebook/react/modules/share/ShareModuleTest.java b/ReactAndroid/src/test/java/com/facebook/react/modules/share/ShareModuleTest.java
index 63b48e89fca657..5243f8bd20e472 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/modules/share/ShareModuleTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/modules/share/ShareModuleTest.java
@@ -1,21 +1,23 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.share;
 
+import static org.junit.Assert.assertEquals;
+import static org.junit.Assert.assertNotNull;
+
 import android.app.Activity;
 import android.content.Intent;
-
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.JavaOnlyMap;
 import com.facebook.react.bridge.Promise;
 import com.facebook.react.bridge.ReactTestHelper;
 import com.facebook.react.bridge.WritableMap;
-
 import org.junit.After;
 import org.junit.Before;
 import org.junit.Rule;
@@ -33,12 +35,6 @@
 import org.robolectric.internal.ShadowExtractor;
 import org.robolectric.shadows.ShadowApplication;
 
-import javax.annotation.Nonnull;
-import javax.annotation.Nullable;
-
-import static org.junit.Assert.assertEquals;
-import static org.junit.Assert.assertNotNull;
-
 @PrepareForTest({Arguments.class})
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
@@ -47,20 +43,19 @@ public class ShareModuleTest {
   private Activity mActivity;
   private ShareModule mShareModule;
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   @Before
   public void prepareModules() throws Exception {
     PowerMockito.mockStatic(Arguments.class);
-    Mockito
-        .when(Arguments.createMap())
-        .thenAnswer(new Answer<Object>() {
-          @Override
-          public Object answer(InvocationOnMock invocation) throws Throwable {
-            return new JavaOnlyMap();
-          }
-        });
+    Mockito.when(Arguments.createMap())
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                return new JavaOnlyMap();
+              }
+            });
 
     mShareModule = new ShareModule(ReactTestHelper.createCatalystContextForTest());
   }
@@ -86,33 +81,17 @@ public void testShareDialog() {
     mShareModule.share(content, dialogTitle, promise);
 
     final Intent chooserIntent =
-        ((ShadowApplication) ShadowExtractor.extract(RuntimeEnvironment.application)).getNextStartedActivity();
+        ((ShadowApplication) ShadowExtractor.extract(RuntimeEnvironment.application))
+            .getNextStartedActivity();
     assertNotNull("Dialog was not displayed", chooserIntent);
     assertEquals(Intent.ACTION_CHOOSER, chooserIntent.getAction());
-    assertEquals(
-        dialogTitle,
-        chooserIntent
-            .getExtras()
-            .get(Intent.EXTRA_TITLE)
-    );
-
-    final Intent contentIntent = (Intent) chooserIntent
-        .getExtras()
-        .get(Intent.EXTRA_INTENT);
+    assertEquals(dialogTitle, chooserIntent.getExtras().get(Intent.EXTRA_TITLE));
+
+    final Intent contentIntent = (Intent) chooserIntent.getExtras().get(Intent.EXTRA_INTENT);
     assertNotNull("Intent was not built correctly", contentIntent);
     assertEquals(Intent.ACTION_SEND, contentIntent.getAction());
-    assertEquals(
-        title,
-        contentIntent
-            .getExtras()
-            .get(Intent.EXTRA_SUBJECT)
-    );
-    assertEquals(
-        message,
-        contentIntent
-            .getExtras()
-            .get(Intent.EXTRA_TEXT)
-    );
+    assertEquals(title, contentIntent.getExtras().get(Intent.EXTRA_SUBJECT));
+    assertEquals(message, contentIntent.getExtras().get(Intent.EXTRA_TEXT));
 
     assertEquals(1, promise.getResolved());
   }
@@ -129,7 +108,7 @@ public void testInvalidContent() {
     assertEquals(ShareModule.ERROR_INVALID_CONTENT, promise.getErrorCode());
   }
 
-  final static class SimplePromise implements Promise {
+  static final class SimplePromise implements Promise {
     private static final String ERROR_DEFAULT_CODE = "EUNSPECIFIED";
     private static final String ERROR_DEFAULT_MESSAGE = "Error not specified.";
 
@@ -167,42 +146,42 @@ public void resolve(Object value) {
 
     @Override
     public void reject(String code, String message) {
-      reject(code, message, /*Throwable*/null, /*WritableMap*/null);
+      reject(code, message, /*Throwable*/ null, /*WritableMap*/ null);
     }
 
     @Override
     public void reject(String code, Throwable throwable) {
-      reject(code, /*Message*/null, throwable, /*WritableMap*/null);
+      reject(code, /*Message*/ null, throwable, /*WritableMap*/ null);
     }
 
     @Override
     public void reject(String code, String message, Throwable throwable) {
-      reject(code, message, throwable, /*WritableMap*/null);
+      reject(code, message, throwable, /*WritableMap*/ null);
     }
 
     @Override
     public void reject(Throwable throwable) {
-      reject(/*Code*/null, /*Message*/null, throwable, /*WritableMap*/null);
+      reject(/*Code*/ null, /*Message*/ null, throwable, /*WritableMap*/ null);
     }
 
     @Override
     public void reject(Throwable throwable, WritableMap userInfo) {
-      reject(/*Code*/null, /*Message*/null, throwable, userInfo);
+      reject(/*Code*/ null, /*Message*/ null, throwable, userInfo);
     }
 
     @Override
-    public void reject(String code, @Nonnull WritableMap userInfo) {
-      reject(code, /*Message*/null, /*Throwable*/null, userInfo);
+    public void reject(String code, @NonNull WritableMap userInfo) {
+      reject(code, /*Message*/ null, /*Throwable*/ null, userInfo);
     }
 
     @Override
     public void reject(String code, Throwable throwable, WritableMap userInfo) {
-      reject(code, /*Message*/null, throwable, userInfo);
+      reject(code, /*Message*/ null, throwable, userInfo);
     }
 
     @Override
-    public void reject(String code, String message, @Nonnull WritableMap userInfo) {
-      reject(code, message, /*Throwable*/null, userInfo);
+    public void reject(String code, String message, @NonNull WritableMap userInfo) {
+      reject(code, message, /*Throwable*/ null, userInfo);
     }
 
     @Override
@@ -210,8 +189,7 @@ public void reject(
         String code,
         String message,
         @Nullable Throwable throwable,
-        @Nullable WritableMap userInfo
-    ) {
+        @Nullable WritableMap userInfo) {
       mRejected++;
 
       if (code == null) {
@@ -232,7 +210,7 @@ public void reject(
     @Override
     @Deprecated
     public void reject(String message) {
-      reject(/*Code*/null, message, /*Throwable*/null, /*WritableMap*/null);
+      reject(/*Code*/ null, message, /*Throwable*/ null, /*WritableMap*/ null);
     }
   }
 }
diff --git a/ReactAndroid/src/test/java/com/facebook/react/modules/storage/AsyncStorageModuleTest.java b/ReactAndroid/src/test/java/com/facebook/react/modules/storage/AsyncStorageModuleTest.java
index cb9683b65e156f..d64fce1c6b752e 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/modules/storage/AsyncStorageModuleTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/modules/storage/AsyncStorageModuleTest.java
@@ -1,32 +1,22 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.storage;
 
-import java.util.Arrays;
-import java.util.HashMap;
-import java.util.Map;
-import java.util.concurrent.Executor;
-
-import android.app.Activity;
-import android.content.Context;
-import android.content.ContextWrapper;
-import android.os.AsyncTask;
+import static org.fest.assertions.api.Assertions.assertThat;
+import static org.mockito.Mockito.mock;
 
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.Callback;
-import com.facebook.react.bridge.GuardedAsyncTask;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactTestHelper;
 import com.facebook.react.bridge.JavaOnlyArray;
 import com.facebook.react.bridge.JavaOnlyMap;
-import com.facebook.react.modules.storage.AsyncStorageModule;
-import com.facebook.react.modules.storage.ReactDatabaseSupplier;
-
+import com.facebook.react.bridge.ReactTestHelper;
+import java.util.Arrays;
+import java.util.HashMap;
+import java.util.Map;
 import org.json.JSONArray;
 import org.json.JSONObject;
 import org.junit.After;
@@ -34,26 +24,20 @@
 import org.junit.Rule;
 import org.junit.Test;
 import org.junit.runner.RunWith;
-import org.mockito.Mock;
 import org.mockito.Mockito;
 import org.mockito.invocation.InvocationOnMock;
 import org.mockito.stubbing.Answer;
 import org.mockito.verification.VerificationMode;
 import org.powermock.api.mockito.PowerMockito;
-import org.powermock.core.classloader.annotations.PrepareForTest;
 import org.powermock.core.classloader.annotations.PowerMockIgnore;
+import org.powermock.core.classloader.annotations.PrepareForTest;
 import org.powermock.modules.junit4.rule.PowerMockRule;
-import org.robolectric.RuntimeEnvironment;
 import org.robolectric.Robolectric;
 import org.robolectric.RobolectricTestRunner;
+import org.robolectric.RuntimeEnvironment;
 import org.robolectric.util.concurrent.RoboExecutorService;
 
-import static org.mockito.Mockito.mock;
-import static org.fest.assertions.api.Assertions.assertThat;
-
-/**
- * Tests for {@link AsyncStorageModule}.
- */
+/** Tests for {@link com.facebook.react.modules.storage.AsyncStorageModule}. */
 @PrepareForTest({Arguments.class})
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*", "org.json.*"})
 @RunWith(RobolectricTestRunner.class)
@@ -62,33 +46,33 @@ public class AsyncStorageModuleTest {
   private AsyncStorageModule mStorage;
   private JavaOnlyArray mEmptyArray;
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   @Before
   public void prepareModules() {
     PowerMockito.mockStatic(Arguments.class);
-    Mockito.when(Arguments.createArray()).thenAnswer(
-        new Answer<Object>() {
-     @Override
-     public Object answer(InvocationOnMock invocation) throws Throwable {
-       return new JavaOnlyArray();
-     }
-   });
-
-    Mockito.when(Arguments.createMap()).thenAnswer(
-        new Answer<Object>() {
-       @Override
-       public Object answer(InvocationOnMock invocation) throws Throwable {
-         return new JavaOnlyMap();
-       }
-     });
+    Mockito.when(Arguments.createArray())
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                return new JavaOnlyArray();
+              }
+            });
+
+    Mockito.when(Arguments.createMap())
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                return new JavaOnlyMap();
+              }
+            });
 
     // don't use Robolectric before initializing mocks
-    mStorage = new AsyncStorageModule(
-        ReactTestHelper.createCatalystContextForTest(),
-        new RoboExecutorService()
-    );
+    mStorage =
+        new AsyncStorageModule(
+            ReactTestHelper.createCatalystContextForTest(), new RoboExecutorService());
     mEmptyArray = new JavaOnlyArray();
   }
 
@@ -276,7 +260,8 @@ public void testHugeMultiGetMultiGet() {
       keys.pushString("key" + i);
     }
     mStorage.multiGet(
-        keys, new Callback() {
+        keys,
+        new Callback() {
           @Override
           public void invoke(Object... args) {
             assertThat(args.length).isEqualTo(2);
diff --git a/ReactAndroid/src/test/java/com/facebook/react/modules/timing/TimingModuleTest.java b/ReactAndroid/src/test/java/com/facebook/react/modules/timing/TimingModuleTest.java
index ef4c60fa0eaa2b..94d92baeb0f206 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/modules/timing/TimingModuleTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/modules/timing/TimingModuleTest.java
@@ -1,23 +1,23 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.timing;
 
+import static org.mockito.Mockito.*;
+
 import com.facebook.react.bridge.Arguments;
-import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.CatalystInstance;
 import com.facebook.react.bridge.JavaOnlyArray;
-import com.facebook.react.devsupport.interfaces.DevSupportManager;
+import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.common.SystemClock;
+import com.facebook.react.devsupport.interfaces.DevSupportManager;
 import com.facebook.react.modules.core.ChoreographerCompat;
 import com.facebook.react.modules.core.JSTimers;
 import com.facebook.react.modules.core.ReactChoreographer;
 import com.facebook.react.modules.core.Timing;
-
 import org.junit.Before;
 import org.junit.Rule;
 import org.junit.Test;
@@ -25,16 +25,12 @@
 import org.mockito.invocation.InvocationOnMock;
 import org.mockito.stubbing.Answer;
 import org.powermock.api.mockito.PowerMockito;
-import org.powermock.core.classloader.annotations.PrepareForTest;
 import org.powermock.core.classloader.annotations.PowerMockIgnore;
+import org.powermock.core.classloader.annotations.PrepareForTest;
 import org.powermock.modules.junit4.rule.PowerMockRule;
 import org.robolectric.RobolectricTestRunner;
 
-import static org.mockito.Mockito.*;
-
-/**
- * Tests for {@link Timing}.
- */
+/** Tests for {@link Timing}. */
 // DISABLED, BROKEN https://circleci.com/gh/facebook/react-native/12068
 // t=13905097
 @PrepareForTest({Arguments.class, SystemClock.class, ReactChoreographer.class})
@@ -51,19 +47,19 @@ public class TimingModuleTest {
   private long mCurrentTimeNs;
   private JSTimers mJSTimersMock;
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   @Before
   public void prepareModules() {
     PowerMockito.mockStatic(Arguments.class);
-    when(Arguments.createArray()).thenAnswer(
-      new Answer<Object>() {
-        @Override
-        public Object answer(InvocationOnMock invocation) throws Throwable {
-          return new JavaOnlyArray();
-        }
-      });
+    when(Arguments.createArray())
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                return new JavaOnlyArray();
+              }
+            });
 
     PowerMockito.mockStatic(SystemClock.class);
     when(SystemClock.uptimeMillis()).thenReturn(mCurrentTimeNs / 1000000);
@@ -83,35 +79,40 @@ public Object answer(InvocationOnMock invocation) throws Throwable {
     mIdlePostFrameCallbackHandler = new PostFrameIdleCallbackHandler();
 
     doAnswer(mPostFrameCallbackHandler)
-      .when(mReactChoreographerMock)
-      .postFrameCallback(
-        eq(ReactChoreographer.CallbackType.TIMERS_EVENTS),
-        any(ChoreographerCompat.FrameCallback.class));
+        .when(mReactChoreographerMock)
+        .postFrameCallback(
+            eq(ReactChoreographer.CallbackType.TIMERS_EVENTS),
+            any(ChoreographerCompat.FrameCallback.class));
 
     doAnswer(mIdlePostFrameCallbackHandler)
-      .when(mReactChoreographerMock)
-      .postFrameCallback(
-        eq(ReactChoreographer.CallbackType.IDLE_EVENT),
-        any(ChoreographerCompat.FrameCallback.class));
+        .when(mReactChoreographerMock)
+        .postFrameCallback(
+            eq(ReactChoreographer.CallbackType.IDLE_EVENT),
+            any(ChoreographerCompat.FrameCallback.class));
 
     mTiming = new Timing(reactContext, mock(DevSupportManager.class));
     mJSTimersMock = mock(JSTimers.class);
     when(reactContext.getJSModule(JSTimers.class)).thenReturn(mJSTimersMock);
 
-    doAnswer(new Answer() {
-      @Override
-      public Object answer(InvocationOnMock invocation) throws Throwable {
-        ((Runnable) invocation.getArguments()[0]).run();
-        return null;
-      }
-    }).when(reactContext).runOnJSQueueThread(any(Runnable.class));
+    doAnswer(
+            new Answer() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                ((Runnable) invocation.getArguments()[0]).run();
+                return null;
+              }
+            })
+        .when(reactContext)
+        .runOnJSQueueThread(any(Runnable.class));
 
     mTiming.initialize();
   }
 
   private void stepChoreographerFrame() {
-    ChoreographerCompat.FrameCallback callback = mPostFrameCallbackHandler.getAndResetFrameCallback();
-    ChoreographerCompat.FrameCallback idleCallback = mIdlePostFrameCallbackHandler.getAndResetFrameCallback();
+    ChoreographerCompat.FrameCallback callback =
+        mPostFrameCallbackHandler.getAndResetFrameCallback();
+    ChoreographerCompat.FrameCallback idleCallback =
+        mIdlePostFrameCallbackHandler.getAndResetFrameCallback();
 
     mCurrentTimeNs += FRAME_TIME_NS;
     when(SystemClock.uptimeMillis()).thenReturn(mCurrentTimeNs / 1000000);
diff --git a/ReactAndroid/src/test/java/com/facebook/react/packagerconnection/JSPackagerClientTest.java b/ReactAndroid/src/test/java/com/facebook/react/packagerconnection/JSPackagerClientTest.java
index 88f18c00467265..4b63297113d8d1 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/packagerconnection/JSPackagerClientTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/packagerconnection/JSPackagerClientTest.java
@@ -1,33 +1,27 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.packagerconnection;
 
-import com.facebook.react.packagerconnection.ReconnectingWebSocket.ConnectionCallback;
-
-import org.junit.Before;
-import org.junit.Test;
-import org.junit.runner.RunWith;
+import static org.mockito.Mockito.*;
 
+import com.facebook.react.packagerconnection.ReconnectingWebSocket.ConnectionCallback;
 import java.io.IOException;
 import java.util.HashMap;
 import java.util.Map;
-
 import okio.ByteString;
-
-import static org.mockito.Mockito.*;
+import org.junit.Before;
+import org.junit.Test;
+import org.junit.runner.RunWith;
 import org.robolectric.RobolectricTestRunner;
 
 @RunWith(RobolectricTestRunner.class)
 public class JSPackagerClientTest {
-  private static Map<String, RequestHandler> createRH(
-      String action, RequestHandler handler) {
-    Map<String, RequestHandler> m =
-      new HashMap<String, RequestHandler>();
+  private static Map<String, RequestHandler> createRH(String action, RequestHandler handler) {
+    Map<String, RequestHandler> m = new HashMap<String, RequestHandler>();
     m.put(action, handler);
     return m;
   }
@@ -44,7 +38,8 @@ public void setUp() {
   @Test
   public void test_onMessage_ShouldTriggerNotification() throws IOException {
     RequestHandler handler = mock(RequestHandler.class);
-    final JSPackagerClient client = new JSPackagerClient("test_client", mSettings, createRH("methodValue", handler));
+    final JSPackagerClient client =
+        new JSPackagerClient("test_client", mSettings, createRH("methodValue", handler));
 
     client.onMessage("{\"version\": 2, \"method\": \"methodValue\", \"params\": \"paramsValue\"}");
     verify(handler).onNotification(eq("paramsValue"));
@@ -54,9 +49,11 @@ public void test_onMessage_ShouldTriggerNotification() throws IOException {
   @Test
   public void test_onMessage_ShouldTriggerRequest() throws IOException {
     RequestHandler handler = mock(RequestHandler.class);
-    final JSPackagerClient client = new JSPackagerClient("test_client", mSettings, createRH("methodValue", handler));
+    final JSPackagerClient client =
+        new JSPackagerClient("test_client", mSettings, createRH("methodValue", handler));
 
-    client.onMessage("{\"version\": 2, \"id\": \"idValue\", \"method\": \"methodValue\", \"params\": \"paramsValue\"}");
+    client.onMessage(
+        "{\"version\": 2, \"id\": \"idValue\", \"method\": \"methodValue\", \"params\": \"paramsValue\"}");
     verify(handler, never()).onNotification(any());
     verify(handler).onRequest(eq("paramsValue"), any(Responder.class));
   }
@@ -64,7 +61,8 @@ public void test_onMessage_ShouldTriggerRequest() throws IOException {
   @Test
   public void test_onMessage_WithoutParams_ShouldTriggerNotification() throws IOException {
     RequestHandler handler = mock(RequestHandler.class);
-    final JSPackagerClient client = new JSPackagerClient("test_client", mSettings, createRH("methodValue", handler));
+    final JSPackagerClient client =
+        new JSPackagerClient("test_client", mSettings, createRH("methodValue", handler));
 
     client.onMessage("{\"version\": 2, \"method\": \"methodValue\"}");
     verify(handler).onNotification(eq(null));
@@ -74,7 +72,8 @@ public void test_onMessage_WithoutParams_ShouldTriggerNotification() throws IOEx
   @Test
   public void test_onMessage_WithInvalidContentType_ShouldNotTriggerCallback() throws IOException {
     RequestHandler handler = mock(RequestHandler.class);
-    final JSPackagerClient client = new JSPackagerClient("test_client", mSettings, createRH("methodValue", handler));
+    final JSPackagerClient client =
+        new JSPackagerClient("test_client", mSettings, createRH("methodValue", handler));
 
     client.onMessage(ByteString.encodeUtf8("{\"version\": 2, \"method\": \"methodValue\"}"));
     verify(handler, never()).onNotification(any());
@@ -84,7 +83,8 @@ public void test_onMessage_WithInvalidContentType_ShouldNotTriggerCallback() thr
   @Test
   public void test_onMessage_WithoutMethod_ShouldNotTriggerCallback() throws IOException {
     RequestHandler handler = mock(RequestHandler.class);
-    final JSPackagerClient client = new JSPackagerClient("test_client", mSettings, createRH("methodValue", handler));
+    final JSPackagerClient client =
+        new JSPackagerClient("test_client", mSettings, createRH("methodValue", handler));
 
     client.onMessage("{\"version\": 2}");
     verify(handler, never()).onNotification(any());
@@ -94,7 +94,8 @@ public void test_onMessage_WithoutMethod_ShouldNotTriggerCallback() throws IOExc
   @Test
   public void test_onMessage_With_Null_Action_ShouldNotTriggerCallback() throws IOException {
     RequestHandler handler = mock(RequestHandler.class);
-    final JSPackagerClient client = new JSPackagerClient("test_client", mSettings, createRH("methodValue", handler));
+    final JSPackagerClient client =
+        new JSPackagerClient("test_client", mSettings, createRH("methodValue", handler));
 
     client.onMessage("{\"version\": 2, \"method\": null}");
     verify(handler, never()).onNotification(any());
@@ -104,7 +105,8 @@ public void test_onMessage_With_Null_Action_ShouldNotTriggerCallback() throws IO
   @Test
   public void test_onMessage_WithInvalidMethod_ShouldNotTriggerCallback() throws IOException {
     RequestHandler handler = mock(RequestHandler.class);
-    final JSPackagerClient client = new JSPackagerClient("test_client", mSettings, createRH("methodValue", handler));
+    final JSPackagerClient client =
+        new JSPackagerClient("test_client", mSettings, createRH("methodValue", handler));
 
     client.onMessage(ByteString.EMPTY);
     verify(handler, never()).onNotification(any());
@@ -114,7 +116,8 @@ public void test_onMessage_WithInvalidMethod_ShouldNotTriggerCallback() throws I
   @Test
   public void test_onMessage_WrongVersion_ShouldNotTriggerCallback() throws IOException {
     RequestHandler handler = mock(RequestHandler.class);
-    final JSPackagerClient client = new JSPackagerClient("test_client", mSettings, createRH("methodValue", handler));
+    final JSPackagerClient client =
+        new JSPackagerClient("test_client", mSettings, createRH("methodValue", handler));
 
     client.onMessage("{\"version\": 1, \"method\": \"methodValue\"}");
     verify(handler, never()).onNotification(any());
@@ -126,7 +129,8 @@ public void test_onDisconnection_ShouldTriggerDisconnectionCallback() throws IOE
     ConnectionCallback connectionHandler = mock(ConnectionCallback.class);
     RequestHandler handler = mock(RequestHandler.class);
     final JSPackagerClient client =
-      new JSPackagerClient("test_client", mSettings, new HashMap<String,RequestHandler>(), connectionHandler);
+        new JSPackagerClient(
+            "test_client", mSettings, new HashMap<String, RequestHandler>(), connectionHandler);
 
     client.close();
 
diff --git a/ReactAndroid/src/test/java/com/facebook/react/uimanager/BaseViewManagerTest.java b/ReactAndroid/src/test/java/com/facebook/react/uimanager/BaseViewManagerTest.java
index db9449bf11c452..ebc99eb4085caa 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/uimanager/BaseViewManagerTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/uimanager/BaseViewManagerTest.java
@@ -1,27 +1,23 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.fest.assertions.api.Assertions.assertThat;
 
-import android.content.Context;
-import androidx.core.view.ViewCompat;
+import com.facebook.react.R;
 import com.facebook.react.uimanager.ReactAccessibilityDelegate.AccessibilityRole;
 import com.facebook.react.views.view.ReactViewGroup;
 import com.facebook.react.views.view.ReactViewManager;
-import com.facebook.react.R;
 import java.util.Locale;
 import org.junit.Before;
 import org.junit.Test;
 import org.junit.runner.RunWith;
-import org.robolectric.RuntimeEnvironment;
 import org.robolectric.RobolectricTestRunner;
-import static org.fest.assertions.api.Assertions.assertThat;
+import org.robolectric.RuntimeEnvironment;
 
 @RunWith(RobolectricTestRunner.class)
 public class BaseViewManagerTest {
diff --git a/ReactAndroid/src/test/java/com/facebook/react/uimanager/LayoutPropertyApplicatorTest.java b/ReactAndroid/src/test/java/com/facebook/react/uimanager/LayoutPropertyApplicatorTest.java
index 60485e9a227a22..f3f59966378043 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/uimanager/LayoutPropertyApplicatorTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/uimanager/LayoutPropertyApplicatorTest.java
@@ -1,21 +1,30 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.util.DisplayMetrics;
+import static junit.framework.Assert.assertEquals;
+import static org.mockito.Matchers.any;
+import static org.mockito.Matchers.anyFloat;
+import static org.mockito.Matchers.anyInt;
+import static org.mockito.Matchers.eq;
+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 static org.mockito.Mockito.when;
+import static org.powermock.api.mockito.PowerMockito.mockStatic;
 
+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 com.facebook.react.bridge.JavaOnlyMap;
-
 import org.junit.After;
 import org.junit.Before;
 import org.junit.Rule;
@@ -23,30 +32,17 @@
 import org.junit.runner.RunWith;
 import org.mockito.invocation.InvocationOnMock;
 import org.mockito.stubbing.Answer;
-import org.powermock.core.classloader.annotations.PrepareForTest;
 import org.powermock.core.classloader.annotations.PowerMockIgnore;
+import org.powermock.core.classloader.annotations.PrepareForTest;
 import org.powermock.modules.junit4.rule.PowerMockRule;
 import org.robolectric.RobolectricTestRunner;
 
-import static junit.framework.Assert.assertEquals;
-import static org.mockito.Matchers.any;
-import static org.mockito.Matchers.anyFloat;
-import static org.mockito.Matchers.anyInt;
-import static org.mockito.Matchers.eq;
-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 static org.mockito.Mockito.when;
-import static org.powermock.api.mockito.PowerMockito.mockStatic;
-
 @PrepareForTest({PixelUtil.class})
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
 public class LayoutPropertyApplicatorTest {
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   @Before
   public void setup() {
@@ -67,16 +63,8 @@ public ReactStylesDiffMap buildStyles(Object... 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));
+    ReactStylesDiffMap map =
+        spy(buildStyles("width", 10.0, "height", 10.0, "left", 10.0, "top", 10.0));
 
     reactShadowNode.updateProperties(map);
     verify(reactShadowNode).setStyleWidth(anyFloat());
@@ -122,13 +110,7 @@ public void testFlex() {
   @Test
   public void testPosition() {
     LayoutShadowNode reactShadowNode = spy(new LayoutShadowNode());
-    ReactStylesDiffMap map = spy(buildStyles(
-        "position",
-        "absolute",
-        "bottom",
-        10.0,
-        "right",
-        5.0));
+    ReactStylesDiffMap map = spy(buildStyles("position", "absolute", "bottom", 10.0, "right", 5.0));
 
     reactShadowNode.updateProperties(map);
     verify(reactShadowNode).setPosition(eq(Spacing.BOTTOM), anyFloat());
@@ -285,17 +267,18 @@ public void testPadding() {
   @Test
   public void testEnumerations() {
     LayoutShadowNode reactShadowNode = spy(new LayoutShadowNode());
-    ReactStylesDiffMap map = buildStyles(
-        "flexDirection",
-        "column",
-        "alignSelf",
-        "stretch",
-        "alignItems",
-        "center",
-        "justifyContent",
-        "space_between",
-        "position",
-        "relative");
+    ReactStylesDiffMap map =
+        buildStyles(
+            "flexDirection",
+            "column",
+            "alignSelf",
+            "stretch",
+            "alignItems",
+            "center",
+            "justifyContent",
+            "space_between",
+            "position",
+            "relative");
 
     reactShadowNode.updateProperties(map);
     verify(reactShadowNode).setFlexDirection(YogaFlexDirection.COLUMN);
@@ -322,33 +305,34 @@ public void testPropertiesResetToDefault() {
     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");
+    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);
@@ -365,33 +349,34 @@ public void testPropertiesResetToDefault() {
     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);
+    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);
@@ -413,14 +398,15 @@ public void testPropertiesResetToDefault() {
   @Test
   public void testSettingDefaultStyleValues() {
     mockStatic(PixelUtil.class);
-    when(PixelUtil.toPixelFromDIP(anyFloat())).thenAnswer(
-        new Answer() {
-          @Override
-          public Float answer(InvocationOnMock invocation) throws Throwable {
-            Object[] args = invocation.getArguments();
-            return (Float) args[0];
-          }
-        });
+    when(PixelUtil.toPixelFromDIP(anyFloat()))
+        .thenAnswer(
+            new Answer() {
+              @Override
+              public Float answer(InvocationOnMock invocation) throws Throwable {
+                Object[] args = invocation.getArguments();
+                return (Float) args[0];
+              }
+            });
 
     LayoutShadowNode[] nodes = new LayoutShadowNode[7];
     for (int idx = 0; idx < nodes.length; idx++) {
@@ -437,13 +423,8 @@ public Float answer(InvocationOnMock invocation) throws Throwable {
     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[5] =
+        buildStyles("paddingRight", 10.0, "paddingHorizontal", null, "paddingVertical", 7.0);
     mapNodes[6] = buildStyles("margin", 5.0);
 
     for (int idx = 0; idx < nodes.length; idx++) {
diff --git a/ReactAndroid/src/test/java/com/facebook/react/uimanager/MatrixMathHelperTest.java b/ReactAndroid/src/test/java/com/facebook/react/uimanager/MatrixMathHelperTest.java
index 5866ca66f8dd7e..8f725a55126c96 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/uimanager/MatrixMathHelperTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/uimanager/MatrixMathHelperTest.java
@@ -1,27 +1,24 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.fest.assertions.api.Assertions.assertThat;
+
 import org.junit.Test;
 import org.junit.runner.RunWith;
 import org.robolectric.RobolectricTestRunner;
 
-import static org.fest.assertions.api.Assertions.assertThat;
-
-/**
- * Test for {@link MatrixMathHelper}
- */
+/** Test for {@link MatrixMathHelper} */
 @RunWith(RobolectricTestRunner.class)
 public class MatrixMathHelperTest {
 
   private void verifyZRotatedMatrix(double degrees, double rotX, double rotY, double rotZ) {
     MatrixMathHelper.MatrixDecompositionContext ctx =
-      new MatrixMathHelper.MatrixDecompositionContext();
+        new MatrixMathHelper.MatrixDecompositionContext();
     double[] matrix = createRotateZ(degreesToRadians(degrees));
     MatrixMathHelper.decomposeMatrix(matrix, ctx);
     assertThat(ctx.rotationDegrees).containsSequence(rotX, rotY, rotZ);
@@ -29,7 +26,7 @@ private void verifyZRotatedMatrix(double degrees, double rotX, double rotY, doub
 
   private void verifyYRotatedMatrix(double degrees, double rotX, double rotY, double rotZ) {
     MatrixMathHelper.MatrixDecompositionContext ctx =
-      new MatrixMathHelper.MatrixDecompositionContext();
+        new MatrixMathHelper.MatrixDecompositionContext();
     double[] matrix = createRotateY(degreesToRadians(degrees));
     MatrixMathHelper.decomposeMatrix(matrix, ctx);
     assertThat(ctx.rotationDegrees).containsSequence(rotX, rotY, rotZ);
@@ -37,15 +34,16 @@ private void verifyYRotatedMatrix(double degrees, double rotX, double rotY, doub
 
   private void verifyXRotatedMatrix(double degrees, double rotX, double rotY, double rotZ) {
     MatrixMathHelper.MatrixDecompositionContext ctx =
-      new MatrixMathHelper.MatrixDecompositionContext();
+        new MatrixMathHelper.MatrixDecompositionContext();
     double[] matrix = createRotateX(degreesToRadians(degrees));
     MatrixMathHelper.decomposeMatrix(matrix, ctx);
     assertThat(ctx.rotationDegrees).containsSequence(rotX, rotY, rotZ);
   }
 
-  private void verifyRotatedMatrix(double degreesX, double degreesY, double degreesZ, double rotX, double rotY, double rotZ) {
+  private void verifyRotatedMatrix(
+      double degreesX, double degreesY, double degreesZ, double rotX, double rotY, double rotZ) {
     MatrixMathHelper.MatrixDecompositionContext ctx =
-      new MatrixMathHelper.MatrixDecompositionContext();
+        new MatrixMathHelper.MatrixDecompositionContext();
     double[] matrixX = createRotateX(degreesToRadians(degreesX));
     double[] matrixY = createRotateY(degreesToRadians(degreesY));
     double[] matrixZ = createRotateZ(degreesToRadians(degreesZ));
@@ -61,15 +59,14 @@ private void verifyRotatedMatrix(double degreesX, double degreesY, double degree
   public void testDecomposing4x4MatrixToProduceAccurateZaxisAngles() {
 
     MatrixMathHelper.MatrixDecompositionContext ctx =
-      new MatrixMathHelper.MatrixDecompositionContext();
+        new MatrixMathHelper.MatrixDecompositionContext();
 
     MatrixMathHelper.decomposeMatrix(
-      new double[]{1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1},
-      ctx);
+        new double[] {1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1}, ctx);
 
     assertThat(ctx.rotationDegrees).containsSequence(0d, 0d, 0d);
 
-    double[] angles = new double[]{30, 45, 60, 75, 90, 100, 115, 120, 133, 167};
+    double[] angles = new double[] {30, 45, 60, 75, 90, 100, 115, 120, 133, 167};
     for (double angle : angles) {
       verifyZRotatedMatrix(angle, 0d, 0d, angle);
       verifyZRotatedMatrix(-angle, 0d, 0d, -angle);
@@ -103,7 +100,7 @@ public void testDecomposing4x4MatrixToProduceAccurateZaxisAngles() {
 
   @Test
   public void testDecomposing4x4MatrixToProduceAccurateYaxisAngles() {
-    double[] angles = new double[]{30, 45, 60, 75, 90};
+    double[] angles = new double[] {30, 45, 60, 75, 90};
     for (double angle : angles) {
       verifyYRotatedMatrix(angle, 0d, angle, 0d);
       verifyYRotatedMatrix(-angle, 0d, -angle, 0d);
@@ -120,7 +117,7 @@ public void testDecomposing4x4MatrixToProduceAccurateYaxisAngles() {
 
   @Test
   public void testDecomposing4x4MatrixToProduceAccurateXaxisAngles() {
-    double[] angles = new double[]{30, 45, 60, 75, 90, 100, 110, 120, 133, 167};
+    double[] angles = new double[] {30, 45, 60, 75, 90, 100, 110, 120, 133, 167};
     for (double angle : angles) {
       verifyXRotatedMatrix(angle, angle, 0d, 0d);
       verifyXRotatedMatrix(-angle, -angle, 0d, 0d);
diff --git a/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropAnnotationSetterSpecTest.java b/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropAnnotationSetterSpecTest.java
index d18baaaf01865e..31e134b9384a79 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropAnnotationSetterSpecTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropAnnotationSetterSpecTest.java
@@ -1,35 +1,28 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.util.Date;
-
 import android.view.View;
-
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.uimanager.annotations.ReactPropGroup;
-
-import org.powermock.core.classloader.annotations.PowerMockIgnore;
-import org.powermock.modules.junit4.rule.PowerMockRule;
+import java.util.Date;
 import org.junit.Rule;
 import org.junit.Test;
 import org.junit.runner.RunWith;
+import org.powermock.core.classloader.annotations.PowerMockIgnore;
+import org.powermock.modules.junit4.rule.PowerMockRule;
 import org.robolectric.RobolectricTestRunner;
 
-/**
- * Test that verifies that spec of methods annotated with @ReactProp is correct
- */
+/** Test that verifies that spec of methods annotated with @ReactProp is correct */
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
 public class ReactPropAnnotationSetterSpecTest {
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   private abstract class BaseViewManager extends ViewManager<View, ReactShadowNode> {
 
@@ -54,16 +47,14 @@ protected View createViewInstance(ThemedReactContext reactContext) {
     }
 
     @Override
-    public void updateExtraData(View root, Object extraData) {
-    }
+    public void updateExtraData(View root, Object extraData) {}
   }
 
   @Test(expected = RuntimeException.class)
   public void testMethodWithWongNumberOfParams() {
     new BaseViewManager() {
       @ReactProp(name = "prop")
-      public void setterWithIncorrectNumberOfArgs(View v, boolean value, boolean otherValue) {
-      }
+      public void setterWithIncorrectNumberOfArgs(View v, boolean value, boolean otherValue) {}
     }.getNativeProps();
   }
 
@@ -71,8 +62,7 @@ public void setterWithIncorrectNumberOfArgs(View v, boolean value, boolean other
   public void testMethodWithTooFewParams() {
     new BaseViewManager() {
       @ReactProp(name = "prop")
-      public void setterWithTooFewParams(View v) {
-      }
+      public void setterWithTooFewParams(View v) {}
     }.getNativeProps();
   }
 
@@ -80,8 +70,7 @@ public void setterWithTooFewParams(View v) {
   public void testUnsupportedPropValueType() {
     new BaseViewManager() {
       @ReactProp(name = "prop")
-      public void setterWithUnsupportedValueType(View v, Date value) {
-      }
+      public void setterWithUnsupportedValueType(View v, Date value) {}
     }.getNativeProps();
   }
 
@@ -89,8 +78,7 @@ public void setterWithUnsupportedValueType(View v, Date value) {
   public void testSetterWIthNonViewParam() {
     new BaseViewManager() {
       @ReactProp(name = "prop")
-      public void setterWithNonViewParam(Object v, boolean value) {
-      }
+      public void setterWithNonViewParam(Object v, boolean value) {}
     }.getNativeProps();
   }
 
@@ -98,8 +86,7 @@ public void setterWithNonViewParam(Object v, boolean value) {
   public void testGroupInvalidNumberOfParams() {
     new BaseViewManager() {
       @ReactPropGroup(names = {"prop1", "prop2"})
-      public void setterWIthInvalidNumberOfParams(View v, int index, float value, float other) {
-      }
+      public void setterWIthInvalidNumberOfParams(View v, int index, float value, float other) {}
     }.getNativeProps();
   }
 
@@ -107,8 +94,7 @@ public void setterWIthInvalidNumberOfParams(View v, int index, float value, floa
   public void testGroupTooFewParams() {
     new BaseViewManager() {
       @ReactPropGroup(names = {"prop1", "prop2"})
-      public void setterWIthTooFewParams(View v, int index) {
-      }
+      public void setterWIthTooFewParams(View v, int index) {}
     }.getNativeProps();
   }
 
@@ -116,8 +102,7 @@ public void setterWIthTooFewParams(View v, int index) {
   public void testGroupNoIndexParam() {
     new BaseViewManager() {
       @ReactPropGroup(names = {"prop1", "prop2"})
-      public void setterWithoutIndexParam(View v, float value, float sth) {
-      }
+      public void setterWithoutIndexParam(View v, float value, float sth) {}
     }.getNativeProps();
   }
 
@@ -125,8 +110,7 @@ public void setterWithoutIndexParam(View v, float value, float sth) {
   public void testGroupNoViewParam() {
     new BaseViewManager() {
       @ReactPropGroup(names = {"prop1", "prop2"})
-      public void setterWithoutViewParam(Object v, int index, float value) {
-      }
+      public void setterWithoutViewParam(Object v, int index, float value) {}
     }.getNativeProps();
   }
 
@@ -134,8 +118,7 @@ public void setterWithoutViewParam(Object v, int index, float value) {
   public void testGroupUnsupportedPropType() {
     new BaseViewManager() {
       @ReactPropGroup(names = {"prop1", "prop2"})
-      public void setterWithUnsupportedPropType(View v, int index, long value) {
-      }
+      public void setterWithUnsupportedPropType(View v, int index, long value) {}
     }.getNativeProps();
   }
 }
diff --git a/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropAnnotationSetterTest.java b/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropAnnotationSetterTest.java
index d2fb9bbc76cbf0..190007564eaef9 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropAnnotationSetterTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropAnnotationSetterTest.java
@@ -1,36 +1,33 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 static org.fest.assertions.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.ReadableArray;
-import com.facebook.react.bridge.ReadableMap;
 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.runner.RunWith;
 import org.junit.Rule;
 import org.junit.Test;
+import org.junit.runner.RunWith;
 import org.powermock.core.classloader.annotations.PowerMockIgnore;
 import org.powermock.modules.junit4.rule.PowerMockRule;
 import org.robolectric.RobolectricTestRunner;
 
-import static org.fest.assertions.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;
-
 /**
  * Test updating view through {@link ViewManager} with {@link ReactProp} and {@link ReactPropGroup}
  * annotations.
@@ -39,21 +36,31 @@
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
 public class ReactPropAnnotationSetterTest {
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   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);
   }
 
@@ -157,42 +164,42 @@ public void setMapProp(View v, ReadableMap value) {
       mViewManagerUpdatesReceiver.onMapSetterCalled(value);
     }
 
-    @ReactPropGroup(names = {
-        "floatGroupPropFirst",
-        "floatGroupPropSecond",
-    })
+    @ReactPropGroup(
+        names = {
+          "floatGroupPropFirst",
+          "floatGroupPropSecond",
+        })
     public void setFloatGroupProp(View v, int index, float value) {
       mViewManagerUpdatesReceiver.onFloatGroupPropSetterCalled(index, value);
     }
 
-    @ReactPropGroup(names = {
-        "floatGroupPropWithDefaultFirst",
-        "floatGroupPropWithDefaultSecond",
-    }, defaultFloat = -100.0f)
+    @ReactPropGroup(
+        names = {
+          "floatGroupPropWithDefaultFirst",
+          "floatGroupPropWithDefaultSecond",
+        },
+        defaultFloat = -100.0f)
     public void setFloatGroupPropWithDefault(View v, int index, float value) {
       mViewManagerUpdatesReceiver.onFloatGroupPropSetterCalled(index, value);
     }
 
-    @ReactPropGroup(names = {
-        "intGroupPropFirst",
-        "intGroupPropSecond"
-    })
+    @ReactPropGroup(names = {"intGroupPropFirst", "intGroupPropSecond"})
     public void setIntGroupProp(View v, int index, int value) {
       mViewManagerUpdatesReceiver.onIntGroupPropSetterCalled(index, value);
     }
 
-    @ReactPropGroup(names = {
-        "intGroupPropWithDefaultFirst",
-        "intGroupPropWithDefaultSecond"
-    }, defaultInt = 555)
+    @ReactPropGroup(
+        names = {"intGroupPropWithDefaultFirst", "intGroupPropWithDefaultSecond"},
+        defaultInt = 555)
     public void setIntGroupPropWithDefault(View v, int index, int value) {
       mViewManagerUpdatesReceiver.onIntGroupPropSetterCalled(index, value);
     }
 
-    @ReactPropGroup(names = {
-        "boxedIntGroupPropFirst",
-        "boxedIntGroupPropSecond",
-    })
+    @ReactPropGroup(
+        names = {
+          "boxedIntGroupPropFirst",
+          "boxedIntGroupPropSecond",
+        })
     public void setBoxedIntGroupProp(View v, int index, Integer value) {
       mViewManagerUpdatesReceiver.onBoxedIntGroupPropSetterCalled(index, value);
     }
diff --git a/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropConstantsTest.java b/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropConstantsTest.java
index cfa7be3bc0b96a..883732bebe98e8 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropConstantsTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropConstantsTest.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.fest.assertions.api.Assertions.assertThat;
@@ -28,15 +27,12 @@
 import org.robolectric.RobolectricTestRunner;
 import org.robolectric.RuntimeEnvironment;
 
-/**
- * Verifies that prop constants are generated properly based on {@code ReactProp} annotation.
- */
+/** Verifies that prop constants are generated properly based on {@code ReactProp} annotation. */
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
 public class ReactPropConstantsTest {
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   private class ViewManagerUnderTest extends ViewManager<View, ReactShadowNode> {
 
@@ -68,103 +64,88 @@ public void updateExtraData(View root, Object extraData) {
     }
 
     @ReactProp(name = "boolProp")
-    public void setBoolProp(View v, boolean value) {
-    }
+    public void setBoolProp(View v, boolean value) {}
 
     @ReactProp(name = "intProp")
-    public void setIntProp(View v, int value) {
-    }
+    public void setIntProp(View v, int value) {}
 
     @ReactProp(name = "floatProp")
-    public void setFloatProp(View v, float value) {
-    }
+    public void setFloatProp(View v, float value) {}
 
     @ReactProp(name = "doubleProp")
-    public void setDoubleProp(View v, double value) {
-    }
+    public void setDoubleProp(View v, double value) {}
 
     @ReactProp(name = "stringProp")
-    public void setStringProp(View v, String value) {
-    }
+    public void setStringProp(View v, String value) {}
 
     @ReactProp(name = "boxedBoolProp")
-    public void setBoxedBoolProp(View v, Boolean value) {
-    }
+    public void setBoxedBoolProp(View v, Boolean value) {}
 
     @ReactProp(name = "boxedIntProp")
-    public void setBoxedIntProp(View v, Integer value) {
-    }
+    public void setBoxedIntProp(View v, Integer value) {}
 
     @ReactProp(name = "arrayProp")
-    public void setArrayProp(View v, ReadableArray value) {
-    }
+    public void setArrayProp(View v, ReadableArray value) {}
 
     @ReactProp(name = "mapProp")
-    public void setMapProp(View v, ReadableMap value) {
-    }
+    public void setMapProp(View v, ReadableMap value) {}
 
-    @ReactPropGroup(names = {
-        "floatGroupPropFirst",
-        "floatGroupPropSecond",
-    })
-    public void setFloatGroupProp(View v, int index, float value) {
-    }
+    @ReactPropGroup(
+        names = {
+          "floatGroupPropFirst",
+          "floatGroupPropSecond",
+        })
+    public void setFloatGroupProp(View v, int index, float value) {}
 
-    @ReactPropGroup(names = {
-        "intGroupPropFirst",
-        "intGroupPropSecond"
-    })
-    public void setIntGroupProp(View v, int index, int value) {
-    }
+    @ReactPropGroup(names = {"intGroupPropFirst", "intGroupPropSecond"})
+    public void setIntGroupProp(View v, int index, int value) {}
 
-    @ReactPropGroup(names = {
-        "boxedIntGroupPropFirst",
-        "boxedIntGroupPropSecond",
-    })
-    public void setBoxedIntGroupProp(View v, int index, Integer value) {
-    }
+    @ReactPropGroup(
+        names = {
+          "boxedIntGroupPropFirst",
+          "boxedIntGroupPropSecond",
+        })
+    public void setBoxedIntGroupProp(View v, int index, Integer value) {}
 
     @ReactProp(name = "customIntProp", customType = "date")
-    public void customIntProp(View v, int value) {
-    }
+    public void customIntProp(View v, int value) {}
 
-    @ReactPropGroup(names = {
-        "customBoxedIntGroupPropFirst",
-        "customBoxedIntGroupPropSecond"
-    }, customType = "color")
-    public void customIntGroupProp(View v, int index, Integer value) {
-    }
+    @ReactPropGroup(
+        names = {"customBoxedIntGroupPropFirst", "customBoxedIntGroupPropSecond"},
+        customType = "color")
+    public void customIntGroupProp(View v, int index, Integer value) {}
   }
 
   @Test
   public void testNativePropsIncludeCorrectTypes() {
     List<ViewManager> viewManagers = Arrays.<ViewManager>asList(new ViewManagerUnderTest());
-    ReactApplicationContext reactContext = new ReactApplicationContext(RuntimeEnvironment.application);
-    UIManagerModule uiManagerModule =
-        new UIManagerModule(reactContext, viewManagers, 0);
+    ReactApplicationContext reactContext =
+        new ReactApplicationContext(RuntimeEnvironment.application);
+    UIManagerModule uiManagerModule = new UIManagerModule(reactContext, viewManagers, 0);
     Map<String, String> constants =
         (Map) valueAtPath(uiManagerModule.getConstants(), "SomeView", "NativeProps");
-    assertThat(constants).isEqualTo(
-        MapBuilder.<String, String>builder()
-            .put("boolProp", "boolean")
-            .put("intProp", "number")
-            .put("doubleProp", "number")
-            .put("floatProp", "number")
-            .put("stringProp", "String")
-            .put("boxedBoolProp", "boolean")
-            .put("boxedIntProp", "number")
-            .put("arrayProp", "Array")
-            .put("mapProp", "Map")
-            .put("floatGroupPropFirst", "number")
-            .put("floatGroupPropSecond", "number")
-            .put("intGroupPropFirst", "number")
-            .put("intGroupPropSecond", "number")
-            .put("boxedIntGroupPropFirst", "number")
-            .put("boxedIntGroupPropSecond", "number")
-            .put("customIntProp", "date")
-            .put("customBoxedIntGroupPropFirst", "color")
-            .put("customBoxedIntGroupPropSecond", "color")
-            .build());
+    assertThat(constants)
+        .isEqualTo(
+            MapBuilder.<String, String>builder()
+                .put("boolProp", "boolean")
+                .put("intProp", "number")
+                .put("doubleProp", "number")
+                .put("floatProp", "number")
+                .put("stringProp", "String")
+                .put("boxedBoolProp", "boolean")
+                .put("boxedIntProp", "number")
+                .put("arrayProp", "Array")
+                .put("mapProp", "Map")
+                .put("floatGroupPropFirst", "number")
+                .put("floatGroupPropSecond", "number")
+                .put("intGroupPropFirst", "number")
+                .put("intGroupPropSecond", "number")
+                .put("boxedIntGroupPropFirst", "number")
+                .put("boxedIntGroupPropSecond", "number")
+                .put("customIntProp", "date")
+                .put("customBoxedIntGroupPropFirst", "color")
+                .put("customBoxedIntGroupPropSecond", "color")
+                .build());
   }
 
   private static Object valueAtPath(Map nestedMap, String... keyPath) {
diff --git a/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropForShadowNodeSetterTest.java b/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropForShadowNodeSetterTest.java
index dd36766d7f3e77..612ce3b584c045 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropForShadowNodeSetterTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropForShadowNodeSetterTest.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -17,7 +16,6 @@
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.uimanager.annotations.ReactPropGroup;
-import javax.annotation.Nullable;
 import org.junit.Before;
 import org.junit.Rule;
 import org.junit.Test;
@@ -35,21 +33,31 @@
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
 public class ReactPropForShadowNodeSetterTest {
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   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);
   }
 
@@ -80,10 +88,11 @@ public void setBoxedIntProp(@Nullable Integer value) {
       mViewManagerUpdatesReceiver.onBoxedIntSetterCalled(value);
     }
 
-    @ReactPropGroup(names = {
-      "floatGroupPropFirst",
-      "floatGroupPropSecond",
-    })
+    @ReactPropGroup(
+        names = {
+          "floatGroupPropFirst",
+          "floatGroupPropSecond",
+        })
     public void setFloatGroupProp(int index, float value) {
       mViewManagerUpdatesReceiver.onFloatGroupPropSetterCalled(index, value);
     }
diff --git a/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropForShadowNodeSpecTest.java b/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropForShadowNodeSpecTest.java
index 2ae60bf9cfca3d..94022c164e219e 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropForShadowNodeSpecTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropForShadowNodeSpecTest.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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;
@@ -26,8 +25,7 @@
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
 public class ReactPropForShadowNodeSpecTest {
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   private static class BaseViewManager extends ViewManager {
 
@@ -58,8 +56,7 @@ protected View createViewInstance(ThemedReactContext reactContext) {
     }
 
     @Override
-    public void updateExtraData(View root, Object extraData) {
-    }
+    public void updateExtraData(View root, Object extraData) {}
   }
 
   @Test(expected = RuntimeException.class)
diff --git a/ReactAndroid/src/test/java/com/facebook/react/uimanager/SimpleViewPropertyTest.java b/ReactAndroid/src/test/java/com/facebook/react/uimanager/SimpleViewPropertyTest.java
index e054da2e8088aa..c3453052e57a28 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/uimanager/SimpleViewPropertyTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/uimanager/SimpleViewPropertyTest.java
@@ -1,56 +1,47 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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 java.util.Map;
+import static org.fest.assertions.api.Assertions.assertThat;
+import static org.fest.assertions.api.Assertions.offset;
 
 import android.graphics.drawable.ColorDrawable;
 import android.view.View;
-
-import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.touch.JSResponderHandler;
+import com.facebook.react.bridge.CatalystInstance;
+import com.facebook.react.bridge.JavaOnlyMap;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactTestHelper;
-import com.facebook.react.bridge.JavaOnlyMap;
-import com.facebook.react.bridge.CatalystInstance;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.touch.JSResponderHandler;
 import com.facebook.react.uimanager.annotations.ReactProp;
-
+import java.util.Map;
 import org.junit.Before;
 import org.junit.Rule;
 import org.junit.Test;
 import org.junit.runner.RunWith;
-import org.robolectric.RuntimeEnvironment;
-import org.robolectric.RobolectricTestRunner;
 import org.powermock.core.classloader.annotations.PowerMockIgnore;
 import org.powermock.modules.junit4.rule.PowerMockRule;
+import org.robolectric.RobolectricTestRunner;
+import org.robolectric.RuntimeEnvironment;
 
-import static org.fest.assertions.api.Assertions.assertThat;
-import static org.fest.assertions.api.Assertions.offset;
-
-/**
- * Verify {@link View} view property being applied properly by {@link SimpleViewManager}
- */
+/** Verify {@link View} view property being applied properly by {@link SimpleViewManager} */
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
 public class SimpleViewPropertyTest {
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   private static class ConcreteViewManager extends SimpleViewManager<View> {
 
     @ReactProp(name = "foo")
-    public void setFoo(View view, boolean foo) {
-    }
+    public void setFoo(View view, boolean foo) {}
 
     @ReactProp(name = "bar")
-    public void setBar(View view, ReadableMap bar) {
-    }
+    public void setBar(View view, ReadableMap bar) {}
 
     @Override
     protected View createViewInstance(ThemedReactContext reactContext) {
@@ -83,7 +74,7 @@ public ReactStylesDiffMap buildStyles(Object... keysAndValues) {
 
   @Test
   public void testOpacity() {
-    View view = mManager.createViewWithProps(mThemedContext, buildStyles(), new JSResponderHandler());
+    View view = mManager.createView(mThemedContext, buildStyles(), null, new JSResponderHandler());
 
     mManager.updateProperties(view, buildStyles());
     assertThat(view.getAlpha()).isEqualTo(1.0f);
@@ -97,16 +88,16 @@ public void testOpacity() {
 
   @Test
   public void testBackgroundColor() {
-    View view = mManager.createViewWithProps(mThemedContext, buildStyles(), new JSResponderHandler());
+    View view = mManager.createView(mThemedContext, buildStyles(), null, new JSResponderHandler());
 
     mManager.updateProperties(view, buildStyles());
     assertThat(view.getBackground()).isEqualTo(null);
 
     mManager.updateProperties(view, buildStyles("backgroundColor", 12));
-    assertThat(((ColorDrawable)view.getBackground()).getColor()).isEqualTo(12);
+    assertThat(((ColorDrawable) view.getBackground()).getColor()).isEqualTo(12);
 
     mManager.updateProperties(view, buildStyles("backgroundColor", null));
-    assertThat(((ColorDrawable)view.getBackground()).getColor()).isEqualTo(0);
+    assertThat(((ColorDrawable) view.getBackground()).getColor()).isEqualTo(0);
   }
 
   @Test
diff --git a/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleConstantsTest.java b/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleConstantsTest.java
index ddc4ced9326e3d..c4f91a7d4c60a5 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleConstantsTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleConstantsTest.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.fest.assertions.api.Assertions.assertThat;
@@ -30,19 +29,15 @@
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
 public class UIManagerModuleConstantsTest {
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   private static final String CUSTOM_BUBBLING_EVENT_TYPES = "customBubblingEventTypes";
   private static final String CUSTOM_DIRECT_EVENT_TYPES = "customDirectEventTypes";
 
-  private static final Map TWIRL_BUBBLING_EVENT_MAP = MapBuilder.of(
-      "phasedRegistrationNames",
+  private static final Map TWIRL_BUBBLING_EVENT_MAP =
       MapBuilder.of(
-          "bubbled",
-          "onTwirl",
-          "captured",
-          "onTwirlCaptured"));
+          "phasedRegistrationNames",
+          MapBuilder.of("bubbled", "onTwirl", "captured", "onTwirlCaptured"));
   private static final Map TWIRL_DIRECT_EVENT_MAP = MapBuilder.of("registrationName", "onTwirl");
 
   private ReactApplicationContext mReactContext;
@@ -55,8 +50,7 @@ public void setUp() {
   @Test
   public void testNoCustomConstants() {
     List<ViewManager> viewManagers = Arrays.asList(mock(ViewManager.class));
-    UIManagerModule uiManagerModule =
-        new UIManagerModule(mReactContext, viewManagers, 0);
+    UIManagerModule uiManagerModule = new UIManagerModule(mReactContext, viewManagers, 0);
     Map<String, Object> constants = uiManagerModule.getConstants();
     assertThat(constants)
         .containsKey(CUSTOM_BUBBLING_EVENT_TYPES)
@@ -70,8 +64,7 @@ public void testCustomBubblingEvents() {
     List<ViewManager> viewManagers = Arrays.asList(mockViewManager);
     when(mockViewManager.getExportedCustomBubblingEventTypeConstants())
         .thenReturn(MapBuilder.of("onTwirl", TWIRL_BUBBLING_EVENT_MAP));
-    UIManagerModule uiManagerModule =
-        new UIManagerModule(mReactContext, viewManagers, 0);
+    UIManagerModule uiManagerModule = new UIManagerModule(mReactContext, viewManagers, 0);
     Map<String, Object> constants = uiManagerModule.getConstants();
     assertThat((Map) constants.get(CUSTOM_BUBBLING_EVENT_TYPES))
         .contains(MapEntry.entry("onTwirl", TWIRL_BUBBLING_EVENT_MAP))
@@ -84,8 +77,7 @@ public void testCustomDirectEvents() {
     List<ViewManager> viewManagers = Arrays.asList(mockViewManager);
     when(mockViewManager.getExportedCustomDirectEventTypeConstants())
         .thenReturn(MapBuilder.of("onTwirl", TWIRL_DIRECT_EVENT_MAP));
-    UIManagerModule uiManagerModule =
-        new UIManagerModule(mReactContext, viewManagers, 0);
+    UIManagerModule uiManagerModule = new UIManagerModule(mReactContext, viewManagers, 0);
     Map<String, Object> constants = uiManagerModule.getConstants();
     assertThat((Map) constants.get(CUSTOM_DIRECT_EVENT_TYPES))
         .contains(MapEntry.entry("onTwirl", TWIRL_DIRECT_EVENT_MAP))
@@ -99,8 +91,7 @@ public void testCustomViewConstants() {
     when(mockViewManager.getName()).thenReturn("RedPandaPhotoOfTheDayView");
     when(mockViewManager.getExportedViewConstants())
         .thenReturn(MapBuilder.of("PhotoSizeType", MapBuilder.of("Small", 1, "Large", 2)));
-    UIManagerModule uiManagerModule =
-        new UIManagerModule(mReactContext, viewManagers, 0);
+    UIManagerModule uiManagerModule = new UIManagerModule(mReactContext, viewManagers, 0);
     Map<String, Object> constants = uiManagerModule.getConstants();
     assertThat(constants).containsKey("RedPandaPhotoOfTheDayView");
     assertThat((Map) constants.get("RedPandaPhotoOfTheDayView")).containsKey("Constants");
@@ -113,10 +104,8 @@ public void testNativeProps() {
     ViewManager mockViewManager = mock(ViewManager.class);
     List<ViewManager> viewManagers = Arrays.asList(mockViewManager);
     when(mockViewManager.getName()).thenReturn("SomeView");
-    when(mockViewManager.getNativeProps())
-        .thenReturn(MapBuilder.of("fooProp", "number"));
-    UIManagerModule uiManagerModule =
-        new UIManagerModule(mReactContext, viewManagers, 0);
+    when(mockViewManager.getNativeProps()).thenReturn(MapBuilder.of("fooProp", "number"));
+    UIManagerModule uiManagerModule = new UIManagerModule(mReactContext, viewManagers, 0);
     Map<String, Object> constants = uiManagerModule.getConstants();
     assertThat((String) valueAtPath(constants, "SomeView", "NativeProps", "fooProp"))
         .isEqualTo("number");
@@ -125,30 +114,33 @@ public void testNativeProps() {
   @Test
   public void testMergeConstants() {
     ViewManager managerX = mock(ViewManager.class);
-    when(managerX.getExportedCustomDirectEventTypeConstants()).thenReturn(MapBuilder.of(
-        "onTwirl",
-        MapBuilder.of(
-            "registrationName",
-            "onTwirl",
-            "keyToOverride",
-            "valueX",
-            "mapToMerge",
-            MapBuilder.of("keyToOverride", "innerValueX", "anotherKey", "valueX"))));
+    when(managerX.getExportedCustomDirectEventTypeConstants())
+        .thenReturn(
+            MapBuilder.of(
+                "onTwirl",
+                MapBuilder.of(
+                    "registrationName",
+                    "onTwirl",
+                    "keyToOverride",
+                    "valueX",
+                    "mapToMerge",
+                    MapBuilder.of("keyToOverride", "innerValueX", "anotherKey", "valueX"))));
 
     ViewManager managerY = mock(ViewManager.class);
-    when(managerY.getExportedCustomDirectEventTypeConstants()).thenReturn(MapBuilder.of(
-        "onTwirl",
-        MapBuilder.of(
-            "extraKey",
-            "extraValue",
-            "keyToOverride",
-            "valueY",
-            "mapToMerge",
-            MapBuilder.of("keyToOverride", "innerValueY", "extraKey", "valueY"))));
+    when(managerY.getExportedCustomDirectEventTypeConstants())
+        .thenReturn(
+            MapBuilder.of(
+                "onTwirl",
+                MapBuilder.of(
+                    "extraKey",
+                    "extraValue",
+                    "keyToOverride",
+                    "valueY",
+                    "mapToMerge",
+                    MapBuilder.of("keyToOverride", "innerValueY", "extraKey", "valueY"))));
 
     List<ViewManager> viewManagers = Arrays.asList(managerX, managerY);
-    UIManagerModule uiManagerModule =
-        new UIManagerModule(mReactContext, viewManagers, 0);
+    UIManagerModule uiManagerModule = new UIManagerModule(mReactContext, viewManagers, 0);
     Map<String, Object> constants = uiManagerModule.getConstants();
     assertThat((Map) constants.get(CUSTOM_DIRECT_EVENT_TYPES)).containsKey("onTwirl");
 
diff --git a/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleTest.java b/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleTest.java
index 3190c692f5a451..f6c45c854a19ac 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleTest.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.fest.assertions.api.Assertions.assertThat;
@@ -53,16 +52,13 @@
 import org.robolectric.RobolectricTestRunner;
 import org.robolectric.RuntimeEnvironment;
 
-/**
- * Tests for {@link UIManagerModule}.
- */
+/** Tests for {@link UIManagerModule}. */
 @PrepareForTest({Arguments.class, ReactChoreographer.class})
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
 public class UIManagerModuleTest {
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   private ReactApplicationContext mReactContext;
   private CatalystInstance mCatalystInstanceMock;
@@ -73,31 +69,38 @@ public void setUp() {
     PowerMockito.mockStatic(Arguments.class, ReactChoreographer.class);
 
     ReactChoreographer choreographerMock = mock(ReactChoreographer.class);
-    PowerMockito.when(Arguments.createArray()).thenAnswer(new Answer<Object>() {
-      @Override
-      public Object answer(InvocationOnMock invocation) throws Throwable {
-        return new JavaOnlyArray();
-      }
-    });
-    PowerMockito.when(Arguments.createMap()).thenAnswer(new Answer<Object>() {
-      @Override
-      public Object answer(InvocationOnMock invocation) throws Throwable {
-        return new JavaOnlyMap();
-      }
-    });
+    PowerMockito.when(Arguments.createArray())
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                return new JavaOnlyArray();
+              }
+            });
+    PowerMockito.when(Arguments.createMap())
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                return new JavaOnlyMap();
+              }
+            });
     PowerMockito.when(ReactChoreographer.getInstance()).thenReturn(choreographerMock);
 
     mPendingFrameCallbacks = new ArrayList<>();
-    doAnswer(new Answer() {
-      @Override
-      public Object answer(InvocationOnMock invocation) throws Throwable {
-        mPendingFrameCallbacks
-            .add((ChoreographerCompat.FrameCallback) invocation.getArguments()[1]);
-        return null;
-      }
-    }).when(choreographerMock).postFrameCallback(
-        any(ReactChoreographer.CallbackType.class),
-        any(ChoreographerCompat.FrameCallback.class));
+    doAnswer(
+            new Answer() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                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.application);
@@ -151,31 +154,15 @@ public void testHierarchyWithView() {
     int subViewTag = viewTag + 1;
 
     uiManager.createView(
-        viewTag,
-        ReactViewManager.REACT_CLASS,
-        rootTag,
-        JavaOnlyMap.of("collapsable", false));
+        viewTag, ReactViewManager.REACT_CLASS, rootTag, JavaOnlyMap.of("collapsable", false));
     uiManager.createView(
-        subViewTag,
-        ReactViewManager.REACT_CLASS,
-        rootTag,
-        JavaOnlyMap.of("collapsable", false));
+        subViewTag, ReactViewManager.REACT_CLASS, rootTag, JavaOnlyMap.of("collapsable", false));
 
     uiManager.manageChildren(
-        viewTag,
-        null,
-        null,
-        JavaOnlyArray.of(subViewTag),
-        JavaOnlyArray.of(0),
-        null);
+        viewTag, null, null, JavaOnlyArray.of(subViewTag), JavaOnlyArray.of(0), null);
 
     uiManager.manageChildren(
-        rootTag,
-        null,
-        null,
-        JavaOnlyArray.of(viewTag),
-        JavaOnlyArray.of(0),
-        null);
+        rootTag, null, null, JavaOnlyArray.of(viewTag), JavaOnlyArray.of(0), null);
 
     uiManager.onBatchComplete();
     executePendingFrameCallbacks();
@@ -201,12 +188,7 @@ public void testMoveViews() {
     View expectedViewAt3 = hierarchy.nativeRootView.getChildAt(3);
 
     uiManager.manageChildren(
-        hierarchy.rootView,
-        JavaOnlyArray.of(1, 0, 2),
-        JavaOnlyArray.of(0, 2, 1),
-        null,
-        null,
-        null);
+        hierarchy.rootView, JavaOnlyArray.of(1, 0, 2), JavaOnlyArray.of(0, 2, 1), null, null, null);
 
     uiManager.onBatchComplete();
     executePendingFrameCallbacks();
@@ -227,21 +209,12 @@ public void testDeleteViews() {
     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.manageChildren(hierarchy.rootView, null, null, null, null, JavaOnlyArray.of(0, 3));
 
     uiManager.onBatchComplete();
     executePendingFrameCallbacks();
 
-    assertChildrenAreExactly(
-        hierarchy.nativeRootView,
-        expectedViewAt0,
-        expectedViewAt1);
+    assertChildrenAreExactly(hierarchy.nativeRootView, expectedViewAt0, expectedViewAt1);
   }
 
   @Test
@@ -265,10 +238,7 @@ public void testMoveAndDeleteViews() {
     executePendingFrameCallbacks();
 
     assertChildrenAreExactly(
-        hierarchy.nativeRootView,
-        expectedViewAt0,
-        expectedViewAt1,
-        expectedViewAt2);
+        hierarchy.nativeRootView, expectedViewAt0, expectedViewAt1, expectedViewAt2);
   }
 
   @Test(expected = IllegalViewOperationException.class)
@@ -293,13 +263,7 @@ public void testDuplicateRemove() {
     UIManagerModule uiManager = getUIManagerModule();
     TestMoveDeleteHierarchy hierarchy = createMoveDeleteHierarchy(uiManager);
 
-    uiManager.manageChildren(
-        hierarchy.rootView,
-        null,
-        null,
-        null,
-        null,
-        JavaOnlyArray.of(3, 3));
+    uiManager.manageChildren(hierarchy.rootView, null, null, null, null, JavaOnlyArray.of(3, 3));
 
     uiManager.onBatchComplete();
     executePendingFrameCallbacks();
@@ -351,12 +315,7 @@ public void testMoveViewsWithChildren() {
     View expectedViewAt3 = hierarchy.nativeRootView.getChildAt(3);
 
     uiManager.manageChildren(
-        hierarchy.rootView,
-        JavaOnlyArray.of(1, 2),
-        JavaOnlyArray.of(2, 1),
-        null,
-        null,
-        null);
+        hierarchy.rootView, JavaOnlyArray.of(1, 2), JavaOnlyArray.of(2, 1), null, null, null);
 
     uiManager.onBatchComplete();
     executePendingFrameCallbacks();
@@ -379,22 +338,13 @@ public void testDeleteViewsWithChildren() {
     View expectedViewAt1 = hierarchy.nativeRootView.getChildAt(2);
     View expectedViewAt2 = hierarchy.nativeRootView.getChildAt(3);
 
-    uiManager.manageChildren(
-        hierarchy.rootView,
-        null,
-        null,
-        null,
-        null,
-        JavaOnlyArray.of(1));
+    uiManager.manageChildren(hierarchy.rootView, null, null, null, null, JavaOnlyArray.of(1));
 
     uiManager.onBatchComplete();
     executePendingFrameCallbacks();
 
     assertChildrenAreExactly(
-        hierarchy.nativeRootView,
-        expectedViewAt0,
-        expectedViewAt1,
-        expectedViewAt2);
+        hierarchy.nativeRootView, expectedViewAt0, expectedViewAt1, expectedViewAt2);
   }
 
   @Test
@@ -408,16 +358,11 @@ public void testLayoutAppliedToNodes() throws Exception {
         newViewTag,
         ReactViewManager.REACT_CLASS,
         hierarchy.rootView,
-        JavaOnlyMap
-            .of("left", 10.0, "top", 20.0, "width", 30.0, "height", 40.0, "collapsable", false));
+        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);
+        hierarchy.rootView, null, null, JavaOnlyArray.of(newViewTag), JavaOnlyArray.of(4), null);
 
     uiManager.onBatchComplete();
     executePendingFrameCallbacks();
@@ -430,9 +375,7 @@ public void testLayoutAppliedToNodes() throws Exception {
     assertThat(newView.getHeight()).isEqualTo(40);
   }
 
-  /**
-   * This is to make sure we execute enqueued operations in the order given by JS.
-   */
+  /** This is to make sure we execute enqueued operations in the order given by JS. */
   @Test
   public void testAddUpdateRemoveInSingleBatch() {
     UIManagerModule uiManager = getUIManagerModule();
@@ -447,25 +390,12 @@ public void testAddUpdateRemoveInSingleBatch() {
         JavaOnlyMap.of("collapsable", false));
 
     uiManager.manageChildren(
-        hierarchy.rootView,
-        null,
-        null,
-        JavaOnlyArray.of(newViewTag),
-        JavaOnlyArray.of(4),
-        null);
+        hierarchy.rootView, null, null, JavaOnlyArray.of(newViewTag), JavaOnlyArray.of(4), null);
 
     uiManager.updateView(
-        newViewTag,
-        ReactViewManager.REACT_CLASS,
-        JavaOnlyMap.of("backgroundColor", Color.RED));
+        newViewTag, ReactViewManager.REACT_CLASS, JavaOnlyMap.of("backgroundColor", Color.RED));
 
-    uiManager.manageChildren(
-        hierarchy.rootView,
-        null,
-        null,
-        null,
-        null,
-        JavaOnlyArray.of(4));
+    uiManager.manageChildren(hierarchy.rootView, null, null, null, null, JavaOnlyArray.of(4));
 
     uiManager.onBatchComplete();
     executePendingFrameCallbacks();
@@ -536,8 +466,7 @@ public AnimationStub(int animationID, AnimationPropertyUpdater propertyUpdater)
     }
 
     @Override
-    public void run() {
-    }
+    public void run() {}
   }
 
   @Test
@@ -610,10 +539,7 @@ public void testRemoveSubviewsFromContainerWithID() {
     final int containerSiblingTag = containerTag + 1;
 
     uiManager.createView(
-        containerTag,
-        ReactViewManager.REACT_CLASS,
-        rootTag,
-        JavaOnlyMap.of("collapsable", false));
+        containerTag, ReactViewManager.REACT_CLASS, rootTag, JavaOnlyMap.of("collapsable", false));
     uiManager.createView(
         containerSiblingTag,
         ReactViewManager.REACT_CLASS,
@@ -662,10 +588,7 @@ private ViewGroup createSimpleTextHierarchy(UIManagerModule uiManager, String te
     int rawTextTag = textTag + 1;
 
     uiManager.createView(
-        textTag,
-        ReactTextViewManager.REACT_CLASS,
-        rootTag,
-        JavaOnlyMap.of("collapsable", false));
+        textTag, ReactTextViewManager.REACT_CLASS, rootTag, JavaOnlyMap.of("collapsable", false));
     uiManager.createView(
         rawTextTag,
         ReactRawTextManager.REACT_CLASS,
@@ -673,20 +596,10 @@ private ViewGroup createSimpleTextHierarchy(UIManagerModule uiManager, String te
         JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, text, "collapsable", false));
 
     uiManager.manageChildren(
-        textTag,
-        null,
-        null,
-        JavaOnlyArray.of(rawTextTag),
-        JavaOnlyArray.of(0),
-        null);
+        textTag, null, null, JavaOnlyArray.of(rawTextTag), JavaOnlyArray.of(0), null);
 
     uiManager.manageChildren(
-        rootTag,
-        null,
-        null,
-        JavaOnlyArray.of(textTag),
-        JavaOnlyArray.of(0),
-        null);
+        rootTag, null, null, JavaOnlyArray.of(textTag), JavaOnlyArray.of(0), null);
 
     uiManager.onBatchComplete();
     executePendingFrameCallbacks();
@@ -747,34 +660,22 @@ private TestMoveDeleteHierarchy createMoveDeleteHierarchy(UIManagerModule uiMana
 
   private void addChild(UIManagerModule uiManager, int parentTag, int childTag, int index) {
     uiManager.manageChildren(
-        parentTag,
-        null,
-        null,
-        JavaOnlyArray.of(childTag),
-        JavaOnlyArray.of(index),
-        null);
+        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]);
+      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
+   * 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
    *
-   * This hierarchy is used to test move/delete functionality in manageChildren.
+   * <p>This hierarchy is used to test move/delete functionality in manageChildren.
    */
   private static class TestMoveDeleteHierarchy {
 
@@ -809,12 +710,10 @@ private void executePendingFrameCallbacks() {
   }
 
   private UIManagerModule getUIManagerModule() {
-    List<ViewManager> viewManagers = Arrays.<ViewManager>asList(
-        new ReactViewManager(),
-        new ReactTextViewManager(),
-        new ReactRawTextManager());
-    UIManagerModule uiManagerModule =
-        new UIManagerModule(mReactContext, viewManagers, 0);
+    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/ReactAndroid/src/test/java/com/facebook/react/uimanager/layoutanimation/InterpolatorTypeTest.java b/ReactAndroid/src/test/java/com/facebook/react/uimanager/layoutanimation/InterpolatorTypeTest.java
index 291d1c4facb4a8..a5bc8bab1cbd6a 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/uimanager/layoutanimation/InterpolatorTypeTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/uimanager/layoutanimation/InterpolatorTypeTest.java
@@ -1,18 +1,17 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.layoutanimation;
 
-import com.facebook.react.uimanager.layoutanimation.InterpolatorType;
+import static org.fest.assertions.api.Assertions.assertThat;
+
 import java.util.Locale;
 import org.junit.Test;
 import org.junit.runner.RunWith;
 import org.robolectric.RobolectricTestRunner;
-import static org.fest.assertions.api.Assertions.assertThat;
 
 @RunWith(RobolectricTestRunner.class)
 public class InterpolatorTypeTest {
@@ -22,7 +21,8 @@ public void testCamelCase() {
     assertThat(InterpolatorType.fromString("linear")).isEqualTo(InterpolatorType.LINEAR);
     assertThat(InterpolatorType.fromString("easeIn")).isEqualTo(InterpolatorType.EASE_IN);
     assertThat(InterpolatorType.fromString("easeOut")).isEqualTo(InterpolatorType.EASE_OUT);
-    assertThat(InterpolatorType.fromString("easeInEaseOut")).isEqualTo(InterpolatorType.EASE_IN_EASE_OUT);
+    assertThat(InterpolatorType.fromString("easeInEaseOut"))
+        .isEqualTo(InterpolatorType.EASE_IN_EASE_OUT);
     assertThat(InterpolatorType.fromString("spring")).isEqualTo(InterpolatorType.SPRING);
   }
 
@@ -30,13 +30,15 @@ public void testCamelCase() {
   public void testOtherCases() {
     assertThat(InterpolatorType.fromString("EASEIN")).isEqualTo(InterpolatorType.EASE_IN);
     assertThat(InterpolatorType.fromString("easeout")).isEqualTo(InterpolatorType.EASE_OUT);
-    assertThat(InterpolatorType.fromString("easeineaseout")).isEqualTo(InterpolatorType.EASE_IN_EASE_OUT);
+    assertThat(InterpolatorType.fromString("easeineaseout"))
+        .isEqualTo(InterpolatorType.EASE_IN_EASE_OUT);
   }
 
   @Test
   public void testLocales() {
     Locale.setDefault(Locale.forLanguageTag("tr-TR"));
-    assertThat(InterpolatorType.fromString("easeInEaseOut")).isEqualTo(InterpolatorType.EASE_IN_EASE_OUT);
+    assertThat(InterpolatorType.fromString("easeInEaseOut"))
+        .isEqualTo(InterpolatorType.EASE_IN_EASE_OUT);
   }
 
   @Test(expected = IllegalArgumentException.class)
diff --git a/ReactAndroid/src/test/java/com/facebook/react/util/JSStackTraceTest.java b/ReactAndroid/src/test/java/com/facebook/react/util/JSStackTraceTest.java
index d614cee9849307..fdcacc37cf35b3 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/util/JSStackTraceTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/util/JSStackTraceTest.java
@@ -1,40 +1,95 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.util;
 
-import org.junit.Test;
-import org.junit.Assert;
-import com.facebook.react.bridge.JavaOnlyMap;
 import com.facebook.react.bridge.JavaOnlyArray;
+import com.facebook.react.bridge.JavaOnlyMap;
+import org.junit.Assert;
+import org.junit.Test;
 
 public class JSStackTraceTest {
 
   @Test
   public void testSymbolication() {
-    JavaOnlyArray values = JavaOnlyArray.of(
-        JavaOnlyMap.of("methodName", "method_from_bundle", "column", 11, "lineNumber", 7, "file", "Fb4aBundle.js"),
-        JavaOnlyMap.of("methodName", "method_from_ram_bundle", "column", 13, "lineNumber", 18, "file", "199.js"),
-        JavaOnlyMap.of("methodName", "method_from_ram_bundle_with_address", "column", 13, "lineNumber", 18, "file", "address at 199.js"),
-        JavaOnlyMap.of("methodName", "method_from_segment", "column", 18, "lineNumber", 9, "file", "seg-1.js"),
-        JavaOnlyMap.of("methodName", "method_from_segment_with_address", "column", 18, "lineNumber", 9, "file", "address at seg-1.js"),
-        JavaOnlyMap.of("methodName", "method_from_ram_segment", "column", 20, "lineNumber", 10, "file", "seg-3_198.js"),
-        JavaOnlyMap.of("methodName", "method_from_ram_segment_with_address", "column", 20, "lineNumber", 10, "file", "address at seg-3_198.js")
-    );
+    JavaOnlyArray values =
+        JavaOnlyArray.of(
+            JavaOnlyMap.of(
+                "methodName",
+                "method_from_bundle",
+                "column",
+                11,
+                "lineNumber",
+                7,
+                "file",
+                "Fb4aBundle.js"),
+            JavaOnlyMap.of(
+                "methodName",
+                "method_from_ram_bundle",
+                "column",
+                13,
+                "lineNumber",
+                18,
+                "file",
+                "199.js"),
+            JavaOnlyMap.of(
+                "methodName",
+                "method_from_ram_bundle_with_address",
+                "column",
+                13,
+                "lineNumber",
+                18,
+                "file",
+                "address at 199.js"),
+            JavaOnlyMap.of(
+                "methodName",
+                "method_from_segment",
+                "column",
+                18,
+                "lineNumber",
+                9,
+                "file",
+                "seg-1.js"),
+            JavaOnlyMap.of(
+                "methodName",
+                "method_from_segment_with_address",
+                "column",
+                18,
+                "lineNumber",
+                9,
+                "file",
+                "address at seg-1.js"),
+            JavaOnlyMap.of(
+                "methodName",
+                "method_from_ram_segment",
+                "column",
+                20,
+                "lineNumber",
+                10,
+                "file",
+                "seg-3_198.js"),
+            JavaOnlyMap.of(
+                "methodName",
+                "method_from_ram_segment_with_address",
+                "column",
+                20,
+                "lineNumber",
+                10,
+                "file",
+                "address at seg-3_198.js"));
     String message = JSStackTrace.format("Error", values);
-  	Assert.assertEquals(message, "Error, stack:\n"
-      + "method_from_bundle@7:11\n"
-      + "method_from_ram_bundle@199.js:18:13\n"
-      + "method_from_ram_bundle_with_address@199.js:18:13\n"
-      + "method_from_segment@seg-1.js:9:18\n"
-      + "method_from_segment_with_address@seg-1.js:9:18\n"
-      + "method_from_ram_segment@seg-3_198.js:10:20\n"
-      + "method_from_ram_segment_with_address@seg-3_198.js:10:20\n"
-    );
+    Assert.assertEquals(
+        message,
+        "Error, stack:\n"
+            + "method_from_bundle@7:11\n"
+            + "method_from_ram_bundle@199.js:18:13\n"
+            + "method_from_ram_bundle_with_address@199.js:18:13\n"
+            + "method_from_segment@seg-1.js:9:18\n"
+            + "method_from_segment_with_address@seg-1.js:9:18\n"
+            + "method_from_ram_segment@seg-3_198.js:10:20\n"
+            + "method_from_ram_segment_with_address@seg-3_198.js:10:20\n");
   }
-
 }
diff --git a/ReactAndroid/src/test/java/com/facebook/react/views/image/ImageResizeModeTest.java b/ReactAndroid/src/test/java/com/facebook/react/views/image/ImageResizeModeTest.java
index 6bcf6263d51d71..dd1009d353f4f4 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/views/image/ImageResizeModeTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/views/image/ImageResizeModeTest.java
@@ -1,50 +1,41 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.image;
 
-import com.facebook.drawee.drawable.ScalingUtils;
+import static org.fest.assertions.api.Assertions.assertThat;
 
+import com.facebook.drawee.drawable.ScalingUtils;
 import org.junit.Rule;
-import org.junit.runner.RunWith;
 import org.junit.Test;
+import org.junit.runner.RunWith;
 import org.powermock.core.classloader.annotations.PowerMockIgnore;
 import org.powermock.modules.junit4.rule.PowerMockRule;
 import org.robolectric.RobolectricTestRunner;
-import org.robolectric.RuntimeEnvironment;
-
-import static org.fest.assertions.api.Assertions.assertThat;
 
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
 public class ImageResizeModeTest {
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   @Test
   public void testImageResizeMode() {
-    assertThat(ImageResizeMode.toScaleType(null))
-        .isEqualTo(ScalingUtils.ScaleType.CENTER_CROP);
+    assertThat(ImageResizeMode.toScaleType(null)).isEqualTo(ScalingUtils.ScaleType.CENTER_CROP);
 
-    assertThat(ImageResizeMode.toScaleType("contain"))
-        .isEqualTo(ScalingUtils.ScaleType.FIT_CENTER);
+    assertThat(ImageResizeMode.toScaleType("contain")).isEqualTo(ScalingUtils.ScaleType.FIT_CENTER);
 
-    assertThat(ImageResizeMode.toScaleType("cover"))
-        .isEqualTo(ScalingUtils.ScaleType.CENTER_CROP);
+    assertThat(ImageResizeMode.toScaleType("cover")).isEqualTo(ScalingUtils.ScaleType.CENTER_CROP);
 
-    assertThat(ImageResizeMode.toScaleType("stretch"))
-        .isEqualTo(ScalingUtils.ScaleType.FIT_XY);
+    assertThat(ImageResizeMode.toScaleType("stretch")).isEqualTo(ScalingUtils.ScaleType.FIT_XY);
 
     assertThat(ImageResizeMode.toScaleType("center"))
         .isEqualTo(ScalingUtils.ScaleType.CENTER_INSIDE);
 
     // No resizeMode set
-    assertThat(ImageResizeMode.defaultValue())
-        .isEqualTo(ScalingUtils.ScaleType.CENTER_CROP);
+    assertThat(ImageResizeMode.defaultValue()).isEqualTo(ScalingUtils.ScaleType.CENTER_CROP);
   }
 }
diff --git a/ReactAndroid/src/test/java/com/facebook/react/views/image/ReactImagePropertyTest.java b/ReactAndroid/src/test/java/com/facebook/react/views/image/ReactImagePropertyTest.java
index 95f4bd371d0d00..2917b523cc3133 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/views/image/ReactImagePropertyTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/views/image/ReactImagePropertyTest.java
@@ -1,52 +1,47 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.image;
 
+import static org.junit.Assert.assertEquals;
+import static org.junit.Assert.assertNotNull;
+import static org.junit.Assert.assertNull;
+
 import android.graphics.Color;
 import android.util.DisplayMetrics;
-
 import com.facebook.drawee.backends.pipeline.Fresco;
 import com.facebook.react.bridge.CatalystInstance;
-import com.facebook.react.bridge.JavaOnlyArray;
-import com.facebook.react.bridge.ReactTestHelper;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
-import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.JavaOnlyArray;
 import com.facebook.react.bridge.JavaOnlyMap;
-import com.facebook.react.uimanager.ReactStylesDiffMap;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactTestHelper;
 import com.facebook.react.uimanager.DisplayMetricsHolder;
+import com.facebook.react.uimanager.ReactStylesDiffMap;
 import com.facebook.react.uimanager.ThemedReactContext;
 import com.facebook.soloader.SoLoader;
-
 import org.junit.After;
 import org.junit.Before;
-import org.junit.Test;
 import org.junit.Rule;
+import org.junit.Test;
 import org.junit.runner.RunWith;
-import org.powermock.modules.junit4.rule.PowerMockRule;
 import org.powermock.core.classloader.annotations.PowerMockIgnore;
+import org.powermock.modules.junit4.rule.PowerMockRule;
 import org.robolectric.RobolectricTestRunner;
 import org.robolectric.RuntimeEnvironment;
-import org.robolectric.Robolectric;
-
-import static org.junit.Assert.assertEquals;
-import static org.junit.Assert.assertNotNull;
-import static org.junit.Assert.assertNull;
 
 /**
- * Verify that {@link ScalingUtils} properties are being applied correctly
- * by {@link ReactImageManager}.
+ * Verify that {@link ScalingUtils} properties are being applied correctly by {@link
+ * ReactImageManager}.
  */
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
 public class ReactImagePropertyTest {
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   private ReactApplicationContext mContext;
   private CatalystInstance mCatalystInstanceMock;
@@ -72,7 +67,7 @@ public ReactStylesDiffMap buildStyles(Object... keysAndValues) {
     return new ReactStylesDiffMap(JavaOnlyMap.of(keysAndValues));
   }
 
-  @Test(expected=JSApplicationIllegalArgumentException.class)
+  @Test(expected = JSApplicationIllegalArgumentException.class)
   public void testImageInvalidResizeMode() {
     ReactImageManager viewManager = new ReactImageManager();
     ReactImageView view = viewManager.createViewInstance(mThemeContext);
@@ -84,8 +79,8 @@ public void testBorderColor() {
     ReactImageManager viewManager = new ReactImageManager();
     ReactImageView view = viewManager.createViewInstance(mThemeContext);
     viewManager.updateProperties(
-      view,
-      buildStyles("src", JavaOnlyArray.of(JavaOnlyMap.of("uri", "http://mysite.com/mypic.jpg"))));
+        view,
+        buildStyles("src", JavaOnlyArray.of(JavaOnlyMap.of("uri", "http://mysite.com/mypic.jpg"))));
 
     viewManager.updateProperties(view, buildStyles("borderColor", Color.argb(0, 0, 255, 255)));
     int borderColor = view.getHierarchy().getRoundingParams().getBorderColor();
@@ -114,8 +109,8 @@ public void testRoundedCorners() {
     ReactImageManager viewManager = new ReactImageManager();
     ReactImageView view = viewManager.createViewInstance(mThemeContext);
     viewManager.updateProperties(
-      view,
-      buildStyles("src", JavaOnlyArray.of(JavaOnlyMap.of("uri", "http://mysite.com/mypic.jpg"))));
+        view,
+        buildStyles("src", JavaOnlyArray.of(JavaOnlyMap.of("uri", "http://mysite.com/mypic.jpg"))));
 
     // We can't easily verify if rounded corner was honored or not, this tests simply verifies
     // we're not crashing..
@@ -130,9 +125,9 @@ public void testTintColor() {
     ReactImageView view = viewManager.createViewInstance(mThemeContext);
     assertNull(view.getColorFilter());
     viewManager.updateProperties(view, buildStyles("tintColor", Color.argb(50, 0, 0, 255)));
-            // Can't actually assert the specific color so this is the next best thing.
-            // Does the color filter now exist?
-            assertNotNull(view.getColorFilter());
+    // Can't actually assert the specific color so this is the next best thing.
+    // Does the color filter now exist?
+    assertNotNull(view.getColorFilter());
     viewManager.updateProperties(view, buildStyles("tintColor", null));
     assertNull(view.getColorFilter());
   }
diff --git a/ReactAndroid/src/test/java/com/facebook/react/views/slider/ReactSliderPropertyTest.java b/ReactAndroid/src/test/java/com/facebook/react/views/slider/ReactSliderPropertyTest.java
index ddae7def15b00d..6d986579473701 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/views/slider/ReactSliderPropertyTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/views/slider/ReactSliderPropertyTest.java
@@ -1,12 +1,13 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.slider;
 
+import static org.fest.assertions.api.Assertions.assertThat;
+
 import android.widget.SeekBar;
 import com.facebook.react.bridge.CatalystInstance;
 import com.facebook.react.bridge.JavaOnlyMap;
@@ -23,17 +24,12 @@
 import org.robolectric.RobolectricTestRunner;
 import org.robolectric.RuntimeEnvironment;
 
-import static org.fest.assertions.api.Assertions.assertThat;
-
-/**
- * Verify {@link SeekBar} view property being applied properly by {@link ReactSliderManager}
- */
+/** Verify {@link SeekBar} view property being applied properly by {@link ReactSliderManager} */
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
 public class ReactSliderPropertyTest {
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   private ThemedReactContext mThemedContext;
   private ReactSliderManager mManager;
diff --git a/ReactAndroid/src/test/java/com/facebook/react/views/text/CustomLineHeightSpanTest.java b/ReactAndroid/src/test/java/com/facebook/react/views/text/CustomLineHeightSpanTest.java
index 062ef8d0b90ad3..d143e2d798ede8 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/views/text/CustomLineHeightSpanTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/views/text/CustomLineHeightSpanTest.java
@@ -1,15 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.graphics.Paint;
-
 import static org.fest.assertions.api.Assertions.assertThat;
+
+import android.graphics.Paint;
 import org.junit.Test;
 import org.junit.runner.RunWith;
 import org.powermock.core.classloader.annotations.PowerMockIgnore;
diff --git a/ReactAndroid/src/test/java/com/facebook/react/views/text/ReactTextTest.java b/ReactAndroid/src/test/java/com/facebook/react/views/text/ReactTextTest.java
index e8543d22f5ad6b..9874b928d69c6f 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/views/text/ReactTextTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/views/text/ReactTextTest.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.fest.assertions.api.Assertions.assertThat;
@@ -33,9 +32,7 @@
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewManager;
 import com.facebook.react.uimanager.ViewProps;
-import com.facebook.react.views.text.ReactRawTextShadowNode;
 import com.facebook.react.views.view.ReactViewBackgroundDrawable;
-import com.facebook.react.views.text.CustomTextTransformSpan;
 import java.util.ArrayList;
 import java.util.Arrays;
 import java.util.List;
@@ -52,16 +49,13 @@
 import org.robolectric.RobolectricTestRunner;
 import org.robolectric.RuntimeEnvironment;
 
-/**
- * Tests for {@link UIManagerModule} specifically for React Text/RawText.
- */
+/** Tests for {@link UIManagerModule} specifically for React Text/RawText. */
 @PrepareForTest({Arguments.class, ReactChoreographer.class})
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
 public class ReactTextTest {
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   private ArrayList<ChoreographerCompat.FrameCallback> mPendingFrameCallbacks;
 
@@ -70,38 +64,44 @@ public void setUp() {
     PowerMockito.mockStatic(Arguments.class, ReactChoreographer.class);
 
     ReactChoreographer uiDriverMock = mock(ReactChoreographer.class);
-    PowerMockito.when(Arguments.createMap()).thenAnswer(new Answer<Object>() {
-      @Override
-      public Object answer(InvocationOnMock invocation) throws Throwable {
-        return new JavaOnlyMap();
-      }
-    });
+    PowerMockito.when(Arguments.createMap())
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                return new JavaOnlyMap();
+              }
+            });
     PowerMockito.when(ReactChoreographer.getInstance()).thenReturn(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));
+    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"));
+    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);
+    AbsoluteSizeSpan sizeSpan =
+        getSingleSpan((TextView) rootView.getChildAt(0), AbsoluteSizeSpan.class);
     assertThat(sizeSpan.getSize()).isEqualTo(21);
   }
 
@@ -109,10 +109,11 @@ public void testFontSizeApplied() {
   public void testBoldFontApplied() {
     UIManagerModule uiManager = getUIManagerModule();
 
-    ReactRootView rootView = createText(
-        uiManager,
-        JavaOnlyMap.of(ViewProps.FONT_WEIGHT, "bold"),
-        JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
+    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);
@@ -124,10 +125,11 @@ public void testBoldFontApplied() {
   public void testNumericBoldFontApplied() {
     UIManagerModule uiManager = getUIManagerModule();
 
-    ReactRootView rootView = createText(
-        uiManager,
-        JavaOnlyMap.of(ViewProps.FONT_WEIGHT, "500"),
-        JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
+    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);
@@ -139,10 +141,11 @@ public void testNumericBoldFontApplied() {
   public void testItalicFontApplied() {
     UIManagerModule uiManager = getUIManagerModule();
 
-    ReactRootView rootView = createText(
-        uiManager,
-        JavaOnlyMap.of(ViewProps.FONT_STYLE, "italic"),
-        JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
+    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);
@@ -154,10 +157,11 @@ public void testItalicFontApplied() {
   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"));
+    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);
@@ -169,10 +173,11 @@ public void testBoldItalicFontApplied() {
   public void testNormalFontWeightApplied() {
     UIManagerModule uiManager = getUIManagerModule();
 
-    ReactRootView rootView = createText(
-        uiManager,
-        JavaOnlyMap.of(ViewProps.FONT_WEIGHT, "normal"),
-        JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
+    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);
@@ -183,10 +188,11 @@ public void testNormalFontWeightApplied() {
   public void testNumericNormalFontWeightApplied() {
     UIManagerModule uiManager = getUIManagerModule();
 
-    ReactRootView rootView = createText(
-        uiManager,
-        JavaOnlyMap.of(ViewProps.FONT_WEIGHT, "200"),
-        JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
+    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);
@@ -197,10 +203,11 @@ public void testNumericNormalFontWeightApplied() {
   public void testNormalFontStyleApplied() {
     UIManagerModule uiManager = getUIManagerModule();
 
-    ReactRootView rootView = createText(
-        uiManager,
-        JavaOnlyMap.of(ViewProps.FONT_STYLE, "normal"),
-        JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
+    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);
@@ -211,10 +218,11 @@ public void testNormalFontStyleApplied() {
   public void testFontFamilyStyleApplied() {
     UIManagerModule uiManager = getUIManagerModule();
 
-    ReactRootView rootView = createText(
-        uiManager,
-        JavaOnlyMap.of(ViewProps.FONT_FAMILY, "sans-serif"),
-        JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
+    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);
@@ -227,10 +235,11 @@ public void testFontFamilyStyleApplied() {
   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"));
+    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);
@@ -243,10 +252,11 @@ public void testFontFamilyBoldStyleApplied() {
   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"));
+    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);
@@ -259,13 +269,14 @@ public void testFontFamilyItalicStyleApplied() {
   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"));
+    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);
@@ -278,10 +289,11 @@ public void testFontFamilyBoldItalicStyleApplied() {
   public void testTextDecorationLineUnderlineApplied() {
     UIManagerModule uiManager = getUIManagerModule();
 
-    ReactRootView rootView = createText(
-        uiManager,
-        JavaOnlyMap.of(ViewProps.TEXT_DECORATION_LINE, "underline"),
-        JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
+    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();
@@ -296,17 +308,16 @@ public void testTextDecorationLineUnderlineApplied() {
   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"));
+    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);
+    UnderlineSpan[] underlineSpans = text.getSpans(0, text.length(), UnderlineSpan.class);
+    StrikethroughSpan strikeThroughSpan = getSingleSpan(textView, StrikethroughSpan.class);
     assertThat(underlineSpans).hasSize(0);
     assertThat(strikeThroughSpan instanceof StrikethroughSpan).isTrue();
   }
@@ -315,10 +326,11 @@ public void testTextDecorationLineLineThroughApplied() {
   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"));
+    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);
@@ -332,10 +344,11 @@ public void testTextDecorationLineUnderlineLineThroughApplied() {
   public void testBackgroundColorStyleApplied() {
     UIManagerModule uiManager = getUIManagerModule();
 
-    ReactRootView rootView = createText(
-        uiManager,
-        JavaOnlyMap.of(ViewProps.BACKGROUND_COLOR, Color.BLUE),
-        JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
+    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);
@@ -345,13 +358,15 @@ public void testBackgroundColorStyleApplied() {
   public void testTextTransformNoneApplied() {
     UIManagerModule uiManager = getUIManagerModule();
 
-    String testTextEntered = ".aa\tbb\t\tcc  dd EE \r\nZZ I like to eat apples. \n中文éé 我喜欢吃苹果。awdawd   ";
+    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));
+    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);
@@ -361,13 +376,16 @@ public void testTextTransformNoneApplied() {
   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   ";
+    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));
+    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);
@@ -377,13 +395,16 @@ public void testTextTransformUppercaseApplied() {
   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   ";
+    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));
+    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);
@@ -393,13 +414,16 @@ public void testTextTransformLowercaseApplied() {
   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   ";
+    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));
+    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);
@@ -409,10 +433,11 @@ public void testTextTransformCapitalizeApplied() {
   public void testMaxLinesApplied() {
     UIManagerModule uiManager = getUIManagerModule();
 
-    ReactRootView rootView = createText(
-        uiManager,
-        JavaOnlyMap.of(ViewProps.NUMBER_OF_LINES, 2),
-        JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
+    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");
@@ -425,7 +450,8 @@ public void testMaxLinesApplied() {
   public void testTextAlignJustifyApplied() {
     UIManagerModule uiManager = getUIManagerModule();
 
-    ReactRootView rootView = createText(
+    ReactRootView rootView =
+        createText(
             uiManager,
             JavaOnlyMap.of("textAlign", "justify"),
             JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
@@ -435,9 +461,7 @@ public void testTextAlignJustifyApplied() {
     assertThat(textView.getJustificationMode()).isEqualTo(Layout.JUSTIFICATION_MODE_INTER_WORD);
   }
 
-  /**
-   * Make sure TextView has exactly one span and that span has given type.
-   */
+  /** 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);
@@ -446,40 +470,20 @@ private static <TSPAN> TSPAN getSingleSpan(TextView textView, Class<TSPAN> spanC
   }
 
   private ReactRootView createText(
-      UIManagerModule uiManager,
-      JavaOnlyMap textProps,
-      JavaOnlyMap rawTextProps) {
+      UIManagerModule uiManager, JavaOnlyMap textProps, JavaOnlyMap rawTextProps) {
     ReactRootView rootView = new ReactRootView(RuntimeEnvironment.application);
     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.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);
+        textTag, null, null, JavaOnlyArray.of(rawTextTag), JavaOnlyArray.of(0), null);
 
     uiManager.manageChildren(
-        rootTag,
-        null,
-        null,
-        JavaOnlyArray.of(textTag),
-        JavaOnlyArray.of(0),
-        null);
+        rootTag, null, null, JavaOnlyArray.of(textTag), JavaOnlyArray.of(0), null);
 
     uiManager.onBatchComplete();
     executePendingFrameCallbacks();
@@ -497,13 +501,12 @@ private void executePendingFrameCallbacks() {
 
   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);
+    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/ReactAndroid/src/test/java/com/facebook/react/views/textinput/ReactTextInputPropertyTest.java b/ReactAndroid/src/test/java/com/facebook/react/views/textinput/ReactTextInputPropertyTest.java
index f6495494c21980..ad07df7072104b 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/views/textinput/ReactTextInputPropertyTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/views/textinput/ReactTextInputPropertyTest.java
@@ -1,54 +1,46 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.fest.assertions.api.Assertions.assertThat;
+
 import android.content.res.ColorStateList;
 import android.graphics.Color;
 import android.os.Build;
-import android.text.InputType;
 import android.text.InputFilter;
+import android.text.InputType;
 import android.text.Layout;
 import android.util.DisplayMetrics;
 import android.view.Gravity;
 import android.view.inputmethod.EditorInfo;
 import android.widget.EditText;
-
 import com.facebook.react.bridge.CatalystInstance;
-import com.facebook.react.bridge.ReactTestHelper;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.JSApplicationCausedNativeException;
 import com.facebook.react.bridge.JavaOnlyMap;
-import com.facebook.react.uimanager.ReactStylesDiffMap;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactTestHelper;
 import com.facebook.react.uimanager.DisplayMetricsHolder;
-import com.facebook.react.views.text.DefaultStyleValuesUtil;
+import com.facebook.react.uimanager.ReactStylesDiffMap;
 import com.facebook.react.uimanager.ThemedReactContext;
-
+import com.facebook.react.views.text.DefaultStyleValuesUtil;
 import org.junit.Before;
-import org.junit.Test;
 import org.junit.Rule;
+import org.junit.Test;
 import org.junit.runner.RunWith;
-import org.robolectric.Robolectric;
+import org.powermock.core.classloader.annotations.PowerMockIgnore;
+import org.powermock.modules.junit4.rule.PowerMockRule;
 import org.robolectric.RobolectricTestRunner;
 import org.robolectric.RuntimeEnvironment;
-import org.powermock.modules.junit4.rule.PowerMockRule;
-import org.powermock.core.classloader.annotations.PowerMockIgnore;
 
-import static org.fest.assertions.api.Assertions.assertThat;
-
-/**
- * Verify {@link EditText} view property being applied properly by {@link ReactTextInputManager}
- */
+/** Verify {@link EditText} view property being applied properly by {@link ReactTextInputManager} */
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
 public class ReactTextInputPropertyTest {
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   private ReactApplicationContext mContext;
   private CatalystInstance mCatalystInstanceMock;
@@ -100,29 +92,24 @@ public void testAutoCapitalize() {
     assertThat(view.getInputType() & InputType.TYPE_TEXT_FLAG_CAP_CHARACTERS).isZero();
 
     mManager.updateProperties(
-        view,
-        buildStyles("autoCapitalize", InputType.TYPE_TEXT_FLAG_CAP_SENTENCES));
+        view, buildStyles("autoCapitalize", InputType.TYPE_TEXT_FLAG_CAP_SENTENCES));
     assertThat(view.getInputType() & InputType.TYPE_TEXT_FLAG_CAP_SENTENCES).isNotZero();
     assertThat(view.getInputType() & InputType.TYPE_TEXT_FLAG_CAP_WORDS).isZero();
     assertThat(view.getInputType() & InputType.TYPE_TEXT_FLAG_CAP_CHARACTERS).isZero();
 
     mManager.updateProperties(
-        view,
-        buildStyles("autoCapitalize", InputType.TYPE_TEXT_FLAG_CAP_WORDS));
+        view, buildStyles("autoCapitalize", InputType.TYPE_TEXT_FLAG_CAP_WORDS));
     assertThat(view.getInputType() & InputType.TYPE_TEXT_FLAG_CAP_SENTENCES).isZero();
     assertThat(view.getInputType() & InputType.TYPE_TEXT_FLAG_CAP_WORDS).isNotZero();
     assertThat(view.getInputType() & InputType.TYPE_TEXT_FLAG_CAP_CHARACTERS).isZero();
 
     mManager.updateProperties(
-        view,
-        buildStyles("autoCapitalize", InputType.TYPE_TEXT_FLAG_CAP_CHARACTERS));
+        view, buildStyles("autoCapitalize", InputType.TYPE_TEXT_FLAG_CAP_CHARACTERS));
     assertThat(view.getInputType() & InputType.TYPE_TEXT_FLAG_CAP_SENTENCES).isZero();
     assertThat(view.getInputType() & InputType.TYPE_TEXT_FLAG_CAP_WORDS).isZero();
     assertThat(view.getInputType() & InputType.TYPE_TEXT_FLAG_CAP_CHARACTERS).isNotZero();
 
-    mManager.updateProperties(
-        view,
-        buildStyles("autoCapitalize", InputType.TYPE_CLASS_TEXT));
+    mManager.updateProperties(view, buildStyles("autoCapitalize", InputType.TYPE_CLASS_TEXT));
     assertThat(view.getInputType() & InputType.TYPE_TEXT_FLAG_CAP_SENTENCES).isZero();
     assertThat(view.getInputType() & InputType.TYPE_TEXT_FLAG_CAP_WORDS).isZero();
     assertThat(view.getInputType() & InputType.TYPE_TEXT_FLAG_CAP_CHARACTERS).isZero();
@@ -166,8 +153,7 @@ public void testPlaceholderTextColor() {
     ReactEditText view = mManager.createViewInstance(mThemedContext);
 
     final ColorStateList defaultPlaceholderColorStateList =
-        DefaultStyleValuesUtil.getDefaultTextColorHint(
-            view.getContext());
+        DefaultStyleValuesUtil.getDefaultTextColorHint(view.getContext());
 
     ColorStateList colors = view.getHintTextColors();
     assertThat(colors).isEqualTo(defaultPlaceholderColorStateList);
@@ -236,16 +222,19 @@ public void testKeyboardType() {
     int numberPadTypeFlags = InputType.TYPE_CLASS_NUMBER;
     int decimalPadTypeFlags = InputType.TYPE_CLASS_NUMBER | InputType.TYPE_NUMBER_FLAG_DECIMAL;
     int numericTypeFlags =
-        InputType.TYPE_CLASS_NUMBER | InputType.TYPE_NUMBER_FLAG_DECIMAL |
-        InputType.TYPE_NUMBER_FLAG_SIGNED;
+        InputType.TYPE_CLASS_NUMBER
+            | InputType.TYPE_NUMBER_FLAG_DECIMAL
+            | InputType.TYPE_NUMBER_FLAG_SIGNED;
     int emailTypeFlags = InputType.TYPE_TEXT_VARIATION_EMAIL_ADDRESS | InputType.TYPE_CLASS_TEXT;
-    int passwordVisibilityFlag = InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD &
-        ~InputType.TYPE_TEXT_VARIATION_PASSWORD;
+    int passwordVisibilityFlag =
+        InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD & ~InputType.TYPE_TEXT_VARIATION_PASSWORD;
 
-    int generalKeyboardTypeFlags = numericTypeFlags |
-        InputType.TYPE_TEXT_VARIATION_EMAIL_ADDRESS |
-        InputType.TYPE_CLASS_TEXT | InputType.TYPE_CLASS_PHONE |
-        passwordVisibilityFlag;
+    int generalKeyboardTypeFlags =
+        numericTypeFlags
+            | InputType.TYPE_TEXT_VARIATION_EMAIL_ADDRESS
+            | InputType.TYPE_CLASS_TEXT
+            | InputType.TYPE_CLASS_PHONE
+            | passwordVisibilityFlag;
 
     mManager.updateProperties(view, buildStyles());
     assertThat(view.getInputType() & generalKeyboardTypeFlags).isEqualTo(InputType.TYPE_CLASS_TEXT);
@@ -266,7 +255,8 @@ public void testKeyboardType() {
     assertThat(view.getInputType() & generalKeyboardTypeFlags).isEqualTo(emailTypeFlags);
 
     mManager.updateProperties(view, buildStyles("keyboardType", "phone-pad"));
-    assertThat(view.getInputType() & generalKeyboardTypeFlags).isEqualTo(InputType.TYPE_CLASS_PHONE);
+    assertThat(view.getInputType() & generalKeyboardTypeFlags)
+        .isEqualTo(InputType.TYPE_CLASS_PHONE);
 
     mManager.updateProperties(view, buildStyles("keyboardType", "visible-password"));
     assertThat(view.getInputType() & generalKeyboardTypeFlags).isEqualTo(passwordVisibilityFlag);
@@ -343,9 +333,11 @@ public void testTextAlign() {
     mManager.updateProperties(view, buildStyles("textAlign", "right"));
     assertThat(view.getGravity() & Gravity.HORIZONTAL_GRAVITY_MASK).isEqualTo(Gravity.RIGHT);
     mManager.updateProperties(view, buildStyles("textAlign", "center"));
-    assertThat(view.getGravity() & Gravity.HORIZONTAL_GRAVITY_MASK).isEqualTo(Gravity.CENTER_HORIZONTAL);
+    assertThat(view.getGravity() & Gravity.HORIZONTAL_GRAVITY_MASK)
+        .isEqualTo(Gravity.CENTER_HORIZONTAL);
     mManager.updateProperties(view, buildStyles("textAlign", null));
-    assertThat(view.getGravity() & Gravity.HORIZONTAL_GRAVITY_MASK).isEqualTo(defaultHorizontalGravity);
+    assertThat(view.getGravity() & Gravity.HORIZONTAL_GRAVITY_MASK)
+        .isEqualTo(defaultHorizontalGravity);
     if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
       mManager.updateProperties(view, buildStyles("textAlign", "justify"));
       assertThat(view.getJustificationMode()).isEqualTo(Layout.JUSTIFICATION_MODE_INTER_WORD);
@@ -357,29 +349,26 @@ public void testTextAlign() {
     mManager.updateProperties(view, buildStyles("textAlignVertical", "bottom"));
     assertThat(view.getGravity() & Gravity.VERTICAL_GRAVITY_MASK).isEqualTo(Gravity.BOTTOM);
     mManager.updateProperties(view, buildStyles("textAlignVertical", "center"));
-    assertThat(view.getGravity() & Gravity.VERTICAL_GRAVITY_MASK).isEqualTo(Gravity.CENTER_VERTICAL);
+    assertThat(view.getGravity() & Gravity.VERTICAL_GRAVITY_MASK)
+        .isEqualTo(Gravity.CENTER_VERTICAL);
     mManager.updateProperties(view, buildStyles("textAlignVertical", null));
     assertThat(view.getGravity() & Gravity.VERTICAL_GRAVITY_MASK).isEqualTo(defaultVerticalGravity);
 
     // TextAlign + TextAlignVertical
     mManager.updateProperties(
-      view,
-      buildStyles("textAlign", "center", "textAlignVertical", "center"));
+        view, buildStyles("textAlign", "center", "textAlignVertical", "center"));
     assertThat(view.getGravity()).isEqualTo(Gravity.CENTER);
     mManager.updateProperties(
-      view,
-      buildStyles("textAlign", "right", "textAlignVertical", "bottom"));
+        view, buildStyles("textAlign", "right", "textAlignVertical", "bottom"));
     assertThat(view.getGravity()).isEqualTo(Gravity.RIGHT | Gravity.BOTTOM);
-    mManager.updateProperties(
-      view,
-      buildStyles("textAlign", null, "textAlignVertical", null));
+    mManager.updateProperties(view, buildStyles("textAlign", null, "textAlignVertical", null));
     assertThat(view.getGravity()).isEqualTo(defaultGravity);
   }
 
   @Test
   public void testMaxLength() {
     ReactEditText view = mManager.createViewInstance(mThemedContext);
-    InputFilter[] filters = new InputFilter[] { new InputFilter.AllCaps() };
+    InputFilter[] filters = new InputFilter[] {new InputFilter.AllCaps()};
     view.setFilters(filters);
     mManager.setMaxLength(view, null);
     assertThat(view.getFilters()).isEqualTo(filters);
diff --git a/ReactAndroid/src/test/java/com/facebook/react/views/textinput/TextInputTest.java b/ReactAndroid/src/test/java/com/facebook/react/views/textinput/TextInputTest.java
index d7426650e12180..ff3a3e962becbd 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/views/textinput/TextInputTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/views/textinput/TextInputTest.java
@@ -1,10 +1,9 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.fest.assertions.api.Assertions.assertThat;
@@ -40,16 +39,13 @@
 import org.robolectric.RobolectricTestRunner;
 import org.robolectric.RuntimeEnvironment;
 
-/**
- * Tests for TextInput.
- */
+/** Tests for TextInput. */
 @PrepareForTest({Arguments.class, ReactChoreographer.class})
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
 public class TextInputTest {
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   private ArrayList<ChoreographerCompat.FrameCallback> mPendingChoreographerCallbacks;
 
@@ -58,25 +54,30 @@ public void setUp() {
     PowerMockito.mockStatic(Arguments.class, ReactChoreographer.class);
 
     ReactChoreographer choreographerMock = mock(ReactChoreographer.class);
-    PowerMockito.when(Arguments.createMap()).thenAnswer(new Answer<Object>() {
-      @Override
-      public Object answer(InvocationOnMock invocation) throws Throwable {
-        return new JavaOnlyMap();
-      }
-    });
+    PowerMockito.when(Arguments.createMap())
+        .thenAnswer(
+            new Answer<Object>() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                return new JavaOnlyMap();
+              }
+            });
     PowerMockito.when(ReactChoreographer.getInstance()).thenReturn(choreographerMock);
 
     mPendingChoreographerCallbacks = new ArrayList<>();
-    doAnswer(new Answer() {
-      @Override
-      public Object answer(InvocationOnMock invocation) throws Throwable {
-        mPendingChoreographerCallbacks
-            .add((ChoreographerCompat.FrameCallback) invocation.getArguments()[1]);
-        return null;
-      }
-    }).when(choreographerMock).postFrameCallback(
-        any(ReactChoreographer.CallbackType.class),
-        any(ChoreographerCompat.FrameCallback.class));
+    doAnswer(
+            new Answer() {
+              @Override
+              public Object answer(InvocationOnMock invocation) throws Throwable {
+                mPendingChoreographerCallbacks.add(
+                    (ChoreographerCompat.FrameCallback) invocation.getArguments()[1]);
+                return null;
+              }
+            })
+        .when(choreographerMock)
+        .postFrameCallback(
+            any(ReactChoreographer.CallbackType.class),
+            any(ChoreographerCompat.FrameCallback.class));
   }
 
   @Test
@@ -93,16 +94,10 @@ public void testPropsApplied() {
         textInputTag,
         ReactTextInputManager.REACT_CLASS,
         rootTag,
-        JavaOnlyMap.of(
-            ViewProps.FONT_SIZE, 13.37, ViewProps.HEIGHT, 20.0, "placeholder", hintStr));
+        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);
+        rootTag, null, null, JavaOnlyArray.of(textInputTag), JavaOnlyArray.of(0), null);
 
     uiManager.onBatchComplete();
     executePendingChoreographerCallbacks();
@@ -127,16 +122,10 @@ public void testPropsUpdate() {
         textInputTag,
         ReactTextInputManager.REACT_CLASS,
         rootTag,
-        JavaOnlyMap.of(
-            ViewProps.FONT_SIZE, 13.37, ViewProps.HEIGHT, 20.0, "placeholder", hintStr));
+        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);
+        rootTag, null, null, JavaOnlyArray.of(textInputTag), JavaOnlyArray.of(0), null);
     uiManager.onBatchComplete();
     executePendingChoreographerCallbacks();
 
@@ -172,12 +161,12 @@ private void executePendingChoreographerCallbacks() {
 
   public UIManagerModule getUIManagerModule() {
     ReactApplicationContext reactContext = ReactTestHelper.createCatalystContextForTest();
-    List<ViewManager> viewManagers = Arrays.asList(
-        new ViewManager[] {
-            new ReactTextInputManager(),
-        });
-    UIManagerModule uiManagerModule =
-        new UIManagerModule(reactContext, viewManagers, 0);
+    List<ViewManager> viewManagers =
+        Arrays.asList(
+            new ViewManager[] {
+              new ReactTextInputManager(),
+            });
+    UIManagerModule uiManagerModule = new UIManagerModule(reactContext, viewManagers, 0);
     uiManagerModule.onHostResume();
     return uiManagerModule;
   }
diff --git a/ReactAndroid/src/test/java/com/facebook/react/views/view/ColorUtilTest.java b/ReactAndroid/src/test/java/com/facebook/react/views/view/ColorUtilTest.java
index 925b7ea3cc2179..64fd5d0a7f1399 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/views/view/ColorUtilTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/views/view/ColorUtilTest.java
@@ -1,14 +1,14 @@
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source 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.PixelFormat;
+import static org.junit.Assert.*;
 
+import android.graphics.PixelFormat;
 import org.junit.Rule;
 import org.junit.Test;
 import org.junit.runner.RunWith;
@@ -16,17 +16,12 @@
 import org.powermock.modules.junit4.rule.PowerMockRule;
 import org.robolectric.RobolectricTestRunner;
 
-import static org.junit.Assert.*;
-
-/**
- * Based on Fresco's DrawableUtilsTest (https://github.com/facebook/fresco).
- */
+/** Based on Fresco's DrawableUtilsTest (https://github.com/facebook/fresco). */
 @RunWith(RobolectricTestRunner.class)
 @PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "androidx.*", "android.*"})
 public class ColorUtilTest {
 
-  @Rule
-  public PowerMockRule rule = new PowerMockRule();
+  @Rule public PowerMockRule rule = new PowerMockRule();
 
   @Test
   public void testMultiplyColorAlpha() {
diff --git a/ReactAndroid/src/test/java/org/mockito/configuration/MockitoConfiguration.java b/ReactAndroid/src/test/java/org/mockito/configuration/MockitoConfiguration.java
index 6f48dee254c4bf..152fb90f5096ad 100644
--- a/ReactAndroid/src/test/java/org/mockito/configuration/MockitoConfiguration.java
+++ b/ReactAndroid/src/test/java/org/mockito/configuration/MockitoConfiguration.java
@@ -10,7 +10,7 @@
 /**
  * Disables the Mockito cache to prevent Mockito & Robolectric bugs.
  *
- * Mockito loads this with reflection, so this class might appear unused.
+ * <p>Mockito loads this with reflection, so this class might appear unused.
  */
 @SuppressWarnings("unused")
 public class MockitoConfiguration extends DefaultMockitoConfiguration {
diff --git a/ReactCommon/React-Fabric.podspec b/ReactCommon/React-Fabric.podspec
index 9fe685f5701775..ea8116e2cec922 100644
--- a/ReactCommon/React-Fabric.podspec
+++ b/ReactCommon/React-Fabric.podspec
@@ -69,7 +69,7 @@ Pod::Spec.new do |s|
     ss.dependency             folly_dep_name, folly_version
     ss.compiler_flags       = folly_compiler_flags + ' ' + boost_compiler_flags
     ss.source_files         = "fabric/core/**/*.{m,mm,cpp,h}"
-    ss.exclude_files        = "**/tests/*"
+    ss.exclude_files        = "**/tests/**/*"
     ss.header_dir           = "react/core"
     ss.pod_target_xcconfig  = { "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost-for-react-native\" \"$(PODS_TARGET_SRCROOT)/ReactCommon\" \"$(PODS_ROOT)/Folly\"" }
   end
diff --git a/ReactCommon/ReactCommon.podspec b/ReactCommon/ReactCommon.podspec
new file mode 100644
index 00000000000000..fad2531beec637
--- /dev/null
+++ b/ReactCommon/ReactCommon.podspec
@@ -0,0 +1,69 @@
+# coding: utf-8
+# Copyright (c) Facebook, Inc. and its 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
+else
+  source[:tag] = "v#{version}"
+end
+
+folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
+folly_version = '2018.10.22.00'
+boost_compiler_flags = '-Wno-documentation'
+
+Pod::Spec.new do |s|
+  s.name                   = "ReactCommon"
+  s.module_name            = "ReactCommon"
+  s.version                = version
+  s.summary                = "-"  # TODO
+  s.homepage               = "http://facebook.github.io/react-native/"
+  s.license                = package["license"]
+  s.author                 = "Facebook, Inc. and its affiliates"
+  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.14" } # TODO(macOS GH#214)
+  s.source                 = source
+  s.header_dir             = "ReactCommon" # Use global header_dir for all subspecs for use_framework compatibility
+  s.compiler_flags         = folly_compiler_flags + ' ' + boost_compiler_flags
+  s.pod_target_xcconfig    = { "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost-for-react-native\" \"$(PODS_ROOT)/Folly\" \"$(PODS_ROOT)/DoubleConversion\" \"$(PODS_ROOT)/Headers/Private/React-Core\"",
+                               "USE_HEADERMAP" => "YES",
+                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++14" }
+
+  s.subspec "jscallinvoker" do |ss|
+    ss.source_files = "jscallinvoker/**/*.{cpp,h}"
+
+    ss.dependency "React-cxxreact", version
+    ss.dependency "DoubleConversion"
+    ss.dependency "Folly", folly_version
+    ss.dependency "glog"
+  end
+
+  s.subspec "turbomodule" do |ss|
+    ss.dependency "ReactCommon/jscallinvoker", version
+    ss.dependency "React-Core", version
+    ss.dependency "React-cxxreact", version
+    ss.dependency "React-jsi", version
+    ss.dependency "Folly", folly_version
+    ss.dependency "DoubleConversion"
+    ss.dependency "glog"
+
+    ss.subspec "core" do |sss|
+      sss.source_files = "turbomodule/core/*.{cpp,h}",
+                         "turbomodule/core/platform/ios/*.{mm,cpp,h}"
+    end
+
+    ss.subspec "samples" do |sss|
+      sss.source_files = "turbomodule/samples/*.{cpp,h}",
+                         "turbomodule/samples/platform/ios/*.{mm,cpp,h}"
+      sss.dependency "ReactCommon/turbomodule/core", version
+    end
+  end
+end
diff --git a/ReactCommon/better/BUCK b/ReactCommon/better/BUCK
index d59c2672394a93..8708525242bdbe 100644
--- a/ReactCommon/better/BUCK
+++ b/ReactCommon/better/BUCK
@@ -3,6 +3,7 @@ load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
     "APPLE",
+    "CXX",
     "get_apple_compiler_flags",
     "get_apple_inspector_flags",
     "rn_xplat_cxx_library",
@@ -38,7 +39,7 @@ rn_xplat_cxx_library(
     fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
     force_static = True,
     macosx_tests_override = [],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
         "-DWITH_FBSYSTRACE=1",
diff --git a/ReactCommon/config/BUCK b/ReactCommon/config/BUCK
index 85ad4e3edae348..2e74ef11533ec5 100644
--- a/ReactCommon/config/BUCK
+++ b/ReactCommon/config/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs:default_platform_defs.bzl", "ANDROID", "APPLE")
+load("@fbsource//tools/build_defs:default_platform_defs.bzl", "ANDROID", "APPLE", "CXX")
 load("@fbsource//tools/build_defs:glob_defs.bzl", "subdir_glob")
 load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "flags", "get_debug_preprocessor_flags", "get_static_library_ios_flags")
 load("@fbsource//tools/build_defs/oss:rn_defs.bzl", "get_apple_inspector_flags", "rn_xplat_cxx_library")
@@ -27,7 +27,7 @@ rn_xplat_cxx_library(
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
     fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
     force_static = True,
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
         "-DWITH_FBSYSTRACE=1",
diff --git a/ReactCommon/cxxreact/Android.mk b/ReactCommon/cxxreact/Android.mk
index e72045c4521ba4..5ac26f435c4761 100644
--- a/ReactCommon/cxxreact/Android.mk
+++ b/ReactCommon/cxxreact/Android.mk
@@ -26,6 +26,8 @@ include $(BUILD_STATIC_LIBRARY)
 
 $(call import-module,fb)
 $(call import-module,folly)
+$(call import-module,jsc)
 $(call import-module,glog)
 $(call import-module,jsi)
-$(call import-module,jsinspector)
\ No newline at end of file
+$(call import-module,jsinspector)
+$(call import-module,hermes/inspector)
diff --git a/ReactCommon/cxxreact/CxxModule.h b/ReactCommon/cxxreact/CxxModule.h
index f6a1ab2345ba4f..5a4d330e67f7f3 100644
--- a/ReactCommon/cxxreact/CxxModule.h
+++ b/ReactCommon/cxxreact/CxxModule.h
@@ -12,6 +12,8 @@
 
 #include <folly/dynamic.h>
 
+using namespace std::placeholders;
+
 namespace facebook {
 namespace react {
 
diff --git a/ReactCommon/cxxreact/JSBigString.cpp b/ReactCommon/cxxreact/JSBigString.cpp
index d841295e323d1c..57baa283399832 100644
--- a/ReactCommon/cxxreact/JSBigString.cpp
+++ b/ReactCommon/cxxreact/JSBigString.cpp
@@ -24,7 +24,7 @@ JSBigFileString::JSBigFileString(int fd, size_t size, off_t offset /*= 0*/)
   folly::checkUnixError(m_fd = dup(fd),
     "Could not duplicate file descriptor");
 
-  // Offsets given to mmap must be page aligend. We abstract away that
+  // Offsets given to mmap must be page aligned. We abstract away that
   // restriction by sending a page aligned offset to mmap, and keeping track
   // of the offset within the page that we must alter the mmap pointer by to
   // get the final desired offset.
@@ -110,6 +110,9 @@ static off_t maybeRemap(char *data, size_t size, int fd) {
 #endif // WITH_FBREMAP
 
 const char *JSBigFileString::c_str() const {
+  if (m_size == 0) {
+    return "";
+  }
   if (!m_data) {
     m_data =
       (const char *) mmap(0, m_size, PROT_READ, MAP_PRIVATE, m_fd, m_mapOff);
diff --git a/ReactCommon/cxxreact/JSBigString.h b/ReactCommon/cxxreact/JSBigString.h
index e9b635695a5652..3d07f1fda4da2f 100644
--- a/ReactCommon/cxxreact/JSBigString.h
+++ b/ReactCommon/cxxreact/JSBigString.h
@@ -28,7 +28,7 @@ namespace react {
 // large string needs to be curried into a std::function<>, which must
 // by CopyConstructible.
 
-class RN_EXPORT JSBigString {
+class JSBigString {
 public:
   JSBigString() = default;
 
diff --git a/ReactCommon/cxxreact/MethodCall.cpp b/ReactCommon/cxxreact/MethodCall.cpp
index 52e8507283b796..4657914caef373 100644
--- a/ReactCommon/cxxreact/MethodCall.cpp
+++ b/ReactCommon/cxxreact/MethodCall.cpp
@@ -64,12 +64,12 @@ std::vector<MethodCall> parseMethodCalls(folly::dynamic&& jsonData) {
     }
 
     methodCalls.emplace_back(
-      static_cast<int>(moduleIds[i].asInt()),
-      static_cast<int>(methodIds[i].asInt()),
+      moduleIds[i].asInt(),
+      methodIds[i].asInt(),
       std::move(params[i]),
       callId);
 
-    // only incremement callid if contains valid callid as callid is optional
+    // only increment callid if contains valid callid as callid is optional
     callId += (callId != -1) ? 1 : 0;
   }
 
diff --git a/ReactCommon/cxxreact/ModuleRegistry.h b/ReactCommon/cxxreact/ModuleRegistry.h
index 45ec3854b9ee5f..65d95315c04b28 100644
--- a/ReactCommon/cxxreact/ModuleRegistry.h
+++ b/ReactCommon/cxxreact/ModuleRegistry.h
@@ -8,12 +8,11 @@
 #include <memory>
 #include <unordered_set>
 #include <vector>
+
 #include <cxxreact/JSExecutor.h>
 #include <folly/Optional.h>
 #include <folly/dynamic.h>
 
-#include <cxxreact/NativeModule.h>
-
 #ifndef RN_EXPORT
 #define RN_EXPORT __attribute__((visibility("default")))
 #endif
@@ -42,12 +41,6 @@ class RN_EXPORT ModuleRegistry {
   ModuleRegistry(std::vector<std::unique_ptr<NativeModule>> modules, ModuleNotFoundCallback callback = nullptr);
   void registerModules(std::vector<std::unique_ptr<NativeModule>> modules);
 
-  // Remove this after Task #1895397 completed.
-  size_t GetModuleSize()
-  {
-    return modules_.size();
-  }
-
   std::vector<std::string> moduleNames();
 
   folly::Optional<ModuleConfig> getConfig(const std::string& name);
diff --git a/ReactCommon/cxxreact/NativeToJsBridge.cpp b/ReactCommon/cxxreact/NativeToJsBridge.cpp
index 2c3893e87e6b24..315ef714836413 100644
--- a/ReactCommon/cxxreact/NativeToJsBridge.cpp
+++ b/ReactCommon/cxxreact/NativeToJsBridge.cpp
@@ -58,7 +58,7 @@ class JsToNativeBridge : public react::ExecutorDelegate {
     if (isEndOfBatch) {
       // onBatchComplete will be called on the native (module) queue, but
       // decrementPendingJSCalls will be called sync. Be aware that the bridge may still
-      // be processing native calls when the birdge idle signaler fires.
+      // be processing native calls when the bridge idle signaler fires.
       if (m_batchHadNativeModuleCalls) {
         m_callback->onBatchComplete();
         m_batchHadNativeModuleCalls = false;
diff --git a/ReactCommon/cxxreact/React-cxxreact.podspec b/ReactCommon/cxxreact/React-cxxreact.podspec
index 5a9370f4dddfaf..6a99eba76e4078 100644
--- a/ReactCommon/cxxreact/React-cxxreact.podspec
+++ b/ReactCommon/cxxreact/React-cxxreact.podspec
@@ -31,11 +31,7 @@ Pod::Spec.new do |s|
   s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.14" } # TODO(macOS GH#214)
   s.source                 = source
   s.source_files           = "*.{cpp,h}"
-  s.exclude_files          = "SampleCxxModule.*",
-  # Microsoft CocoaPod Support [
-														 "*V8*", # Android uses V8 files for Chromium that Apple platforms should ignore
-														 "File.*"
-# ] Microsoft CocoaPod Support
+  s.exclude_files          = "SampleCxxModule.*"
   s.compiler_flags         = folly_compiler_flags + ' ' + boost_compiler_flags
   s.pod_target_xcconfig    = { "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost-for-react-native\" \"$(PODS_ROOT)/Folly\" \"$(PODS_ROOT)/DoubleConversion\"" }
   s.header_dir             = "cxxreact"
diff --git a/ReactCommon/cxxreact/SampleCxxModule.cpp b/ReactCommon/cxxreact/SampleCxxModule.cpp
index 9a5ec6291c7cdf..e1bfb04d25f0a5 100644
--- a/ReactCommon/cxxreact/SampleCxxModule.cpp
+++ b/ReactCommon/cxxreact/SampleCxxModule.cpp
@@ -28,9 +28,9 @@ std::string Sample::concat(const std::string& a, const std::string& b) {
   return a + b;
 }
 
-std::string Sample::repeat(int64_t count, const std::string& str) {
+std::string Sample::repeat(int count, const std::string& str) {
   std::string ret;
-  for (int64_t i = 0; i < count; i++) {
+  for (int i = 0; i < count; i++) {
     ret += str;
   }
 
@@ -52,7 +52,7 @@ void Sample::except() {
   // throw std::runtime_error("oops");
 }
 
-void Sample::call_later(int64_t msec, std::function<void()> f) {
+void Sample::call_later(int msec, std::function<void()> f) {
   std::thread t([=] {
       std::this_thread::sleep_for(std::chrono::milliseconds(msec));
       f();
diff --git a/ReactCommon/cxxreact/SampleCxxModule.h b/ReactCommon/cxxreact/SampleCxxModule.h
index cea585d52584f1..d7fa1193cb5e4b 100644
--- a/ReactCommon/cxxreact/SampleCxxModule.h
+++ b/ReactCommon/cxxreact/SampleCxxModule.h
@@ -20,10 +20,10 @@ class Sample {
   std::string hello();
   double add(double a, double b);
   std::string concat(const std::string& a, const std::string& b);
-  std::string repeat(int64_t count, const std::string& str);
+  std::string repeat(int count, const std::string& str);
   void save(std::map<std::string, std::string> dict);
   std::map<std::string, std::string> load();
-  void call_later(int64_t msec, std::function<void()> f);
+  void call_later(int msec, std::function<void()> f);
   void except();
   double twice(double n);
 
diff --git a/ReactCommon/cxxreact/re_worker_requirements b/ReactCommon/cxxreact/re_worker_requirements
new file mode 100644
index 00000000000000..3b5fff6d2e136a
--- /dev/null
+++ b/ReactCommon/cxxreact/re_worker_requirements
@@ -0,0 +1,6 @@
+{
+    "bridgeAndroid#android-x86,merge_structure_97d5739e": {
+        "workerSize": "MEDIUM",
+        "platformType": "LINUX"
+    }
+}
\ No newline at end of file
diff --git a/ReactCommon/cxxreact/tests/BUCK b/ReactCommon/cxxreact/tests/BUCK
index b123414e910c8e..2b3026f0bfe3de 100644
--- a/ReactCommon/cxxreact/tests/BUCK
+++ b/ReactCommon/cxxreact/tests/BUCK
@@ -25,7 +25,7 @@ jni_instrumentation_test_lib(
     ],
     soname = "libxplat-bridge.so",
     visibility = [
-        "fbandroid//instrumentation_tests/...",
+        "//fbandroid/instrumentation_tests/...",
     ],
     deps = [
         "fbsource//xplat/folly:dynamic",
diff --git a/ReactCommon/fabric/attributedstring/BUCK b/ReactCommon/fabric/attributedstring/BUCK
index a0f0b3bfb08075..58b66dd2f0fc27 100644
--- a/ReactCommon/fabric/attributedstring/BUCK
+++ b/ReactCommon/fabric/attributedstring/BUCK
@@ -3,6 +3,7 @@ load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
     "APPLE",
+    "CXX",
     "fb_xplat_cxx_test",
     "get_apple_compiler_flags",
     "get_apple_inspector_flags",
@@ -40,7 +41,7 @@ rn_xplat_cxx_library(
     fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
     force_static = True,
     macosx_tests_override = [],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
         "-DWITH_FBSYSTRACE=1",
@@ -72,7 +73,7 @@ fb_xplat_cxx_test(
         "-Wall",
     ],
     contacts = ["oncall+react_native@xmail.facebook.com"],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     deps = [
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/gmock:gtest",
diff --git a/ReactCommon/fabric/attributedstring/TextAttributes.cpp b/ReactCommon/fabric/attributedstring/TextAttributes.cpp
index 5016c9ce0bca2f..3a25c1394821ee 100644
--- a/ReactCommon/fabric/attributedstring/TextAttributes.cpp
+++ b/ReactCommon/fabric/attributedstring/TextAttributes.cpp
@@ -154,6 +154,7 @@ TextAttributes TextAttributes::defaultTextAttributes() {
     textAttributes.foregroundColor = blackColor();
     textAttributes.backgroundColor = clearColor();
     textAttributes.fontSize = 14.0;
+    textAttributes.fontSizeMultiplier = 1.0;
     return textAttributes;
   }();
   return textAttributes;
diff --git a/ReactCommon/fabric/attributedstring/conversions.h b/ReactCommon/fabric/attributedstring/conversions.h
index 76a6823e7fcdd6..0a029a6b67b04f 100644
--- a/ReactCommon/fabric/attributedstring/conversions.h
+++ b/ReactCommon/fabric/attributedstring/conversions.h
@@ -198,7 +198,7 @@ inline std::string toString(const FontVariant &fontVariant) {
 
 inline void fromRawValue(const RawValue &value, TextAlignment &result) {
   auto string = (std::string)value;
-  if (string == "natural") {
+  if (string == "auto") {
     result = TextAlignment::Natural;
     return;
   }
@@ -214,7 +214,7 @@ inline void fromRawValue(const RawValue &value, TextAlignment &result) {
     result = TextAlignment::Right;
     return;
   }
-  if (string == "justified") {
+  if (string == "justify") {
     result = TextAlignment::Justified;
     return;
   }
@@ -276,13 +276,13 @@ inline void fromRawValue(
     result = TextDecorationLineType::Underline;
     return;
   }
-    
+
   // TODO: remove "line-through" after deprecation
   if (string == "strikethrough" || string == "line-through") {
     result = TextDecorationLineType::Strikethrough;
     return;
   }
-    
+
   // TODO: remove "underline line-through" after "line-through" deprecation
   if (string == "underline-strikethrough" || string == "underline line-through") {
     result = TextDecorationLineType::UnderlineStrikethrough;
diff --git a/ReactCommon/fabric/components/activityindicator/BUCK b/ReactCommon/fabric/components/activityindicator/BUCK
index a1440b1a49846f..440fd1f0b304af 100644
--- a/ReactCommon/fabric/components/activityindicator/BUCK
+++ b/ReactCommon/fabric/components/activityindicator/BUCK
@@ -1,5 +1,17 @@
 load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
-load("//tools/build_defs/oss:rn_defs.bzl", "ANDROID", "APPLE", "fb_xplat_cxx_test", "get_apple_compiler_flags", "get_apple_inspector_flags", "react_native_xplat_target", "rn_xplat_cxx_library", "subdir_glob")
+load(
+    "//tools/build_defs/oss:rn_defs.bzl",
+    "ANDROID",
+    "APPLE",
+    "CXX",
+    "YOGA_CXX_TARGET",
+    "fb_xplat_cxx_test",
+    "get_apple_compiler_flags",
+    "get_apple_inspector_flags",
+    "react_native_xplat_target",
+    "rn_xplat_cxx_library",
+    "subdir_glob",
+)
 
 APPLE_COMPILER_FLAGS = get_apple_compiler_flags()
 
@@ -26,7 +38,7 @@ rn_xplat_cxx_library(
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
     fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
     macosx_tests_override = [],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
         "-DWITH_FBSYSTRACE=1",
@@ -39,7 +51,7 @@ rn_xplat_cxx_library(
         "fbsource//xplat/folly:memory",
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/glog:glog",
-        "fbsource//xplat/yoga:yoga",
+        YOGA_CXX_TARGET,
         react_native_xplat_target("fabric/debug:debug"),
         react_native_xplat_target("fabric/core:core"),
         react_native_xplat_target("fabric/graphics:graphics"),
@@ -57,7 +69,7 @@ fb_xplat_cxx_test(
         "-std=c++14",
         "-Wall",
     ],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     deps = [
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/gmock:gtest",
diff --git a/ReactCommon/fabric/components/image/BUCK b/ReactCommon/fabric/components/image/BUCK
index 8416205ae70fae..d6651fbe8c316f 100644
--- a/ReactCommon/fabric/components/image/BUCK
+++ b/ReactCommon/fabric/components/image/BUCK
@@ -3,6 +3,8 @@ load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
     "APPLE",
+    "CXX",
+    "YOGA_CXX_TARGET",
     "fb_xplat_cxx_test",
     "get_apple_compiler_flags",
     "get_apple_inspector_flags",
@@ -36,7 +38,7 @@ rn_xplat_cxx_library(
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
     fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
     macosx_tests_override = [],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
         "-DWITH_FBSYSTRACE=1",
@@ -49,7 +51,7 @@ rn_xplat_cxx_library(
         "fbsource//xplat/folly:memory",
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/glog:glog",
-        "fbsource//xplat/yoga:yoga",
+        YOGA_CXX_TARGET,
         react_native_xplat_target("fabric/debug:debug"),
         react_native_xplat_target("fabric/core:core"),
         react_native_xplat_target("fabric/graphics:graphics"),
@@ -69,7 +71,7 @@ fb_xplat_cxx_test(
         "-Wall",
     ],
     contacts = ["oncall+react_native@xmail.facebook.com"],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     deps = [
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/gmock:gtest",
diff --git a/ReactCommon/fabric/components/image/conversions.h b/ReactCommon/fabric/components/image/conversions.h
index 27b4960fa97a62..e1d8593b5c3080 100644
--- a/ReactCommon/fabric/components/image/conversions.h
+++ b/ReactCommon/fabric/components/image/conversions.h
@@ -35,11 +35,18 @@ inline void fromRawValue(const RawValue &value, ImageSource &result) {
     }
 
     if (items.find("width") != items.end() &&
-        items.find("height") != items.end()) {
+        items.find("height") != items.end() &&
+        // The following checks have to be removed after codegen is shipped.
+        // See T45151459.
+        items.at("width").hasType<Float>() &&
+        items.at("height").hasType<Float>()) {
       result.size = {(Float)items.at("width"), (Float)items.at("height")};
     }
 
-    if (items.find("scale") != items.end()) {
+    if (items.find("scale") != items.end() &&
+        // The following checks have to be removed after codegen is shipped.
+        // See T45151459.
+        items.at("scale").hasType<Float>()) {
       result.scale = (Float)items.at("scale");
     } else {
       result.scale = items.find("deprecated") != items.end() ? 0.0 : 1.0;
diff --git a/ReactCommon/fabric/components/modal/BUCK b/ReactCommon/fabric/components/modal/BUCK
index 94272fdfecb815..40bc973cfb6ef2 100644
--- a/ReactCommon/fabric/components/modal/BUCK
+++ b/ReactCommon/fabric/components/modal/BUCK
@@ -3,10 +3,11 @@ load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
     "APPLE",
+    "CXX",
+    "YOGA_CXX_TARGET",
     "fb_xplat_cxx_test",
     "get_apple_compiler_flags",
     "get_apple_inspector_flags",
-    "react_native_target",
     "react_native_xplat_target",
     "rn_xplat_cxx_library",
     "subdir_glob",
@@ -37,9 +38,6 @@ rn_xplat_cxx_library(
         "-std=c++14",
         "-Wall",
     ],
-    fbandroid_deps = [
-        react_native_target("jni/react/jni:jni"),
-    ],
     fbandroid_exported_headers = subdir_glob(
         [
             ("", "*.h"),
@@ -64,7 +62,7 @@ rn_xplat_cxx_library(
         prefix = "react/components/modal",
     ),
     macosx_tests_override = [],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
         "-DWITH_FBSYSTRACE=1",
@@ -77,7 +75,7 @@ rn_xplat_cxx_library(
         "fbsource//xplat/folly:memory",
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/glog:glog",
-        "fbsource//xplat/yoga:yoga",
+        YOGA_CXX_TARGET,
         react_native_xplat_target("fabric/debug:debug"),
         react_native_xplat_target("fabric/core:core"),
         react_native_xplat_target("fabric/components/image:image"),
@@ -100,7 +98,7 @@ fb_xplat_cxx_test(
         "-Wall",
     ],
     contacts = ["oncall+react_native@xmail.facebook.com"],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     deps = [
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/gmock:gtest",
diff --git a/ReactCommon/fabric/components/modal/ModalHostViewComponentDescriptor.h b/ReactCommon/fabric/components/modal/ModalHostViewComponentDescriptor.h
index a9a574a558206c..7f8b7c691adfcf 100644
--- a/ReactCommon/fabric/components/modal/ModalHostViewComponentDescriptor.h
+++ b/ReactCommon/fabric/components/modal/ModalHostViewComponentDescriptor.h
@@ -21,8 +21,12 @@ namespace react {
 class ModalHostViewComponentDescriptor final
     : public ConcreteComponentDescriptor<ModalHostViewShadowNode> {
  public:
+#ifdef ANDROID
   ModalHostViewComponentDescriptor(EventDispatcher::Shared eventDispatcher)
       : ConcreteComponentDescriptor(eventDispatcher) {}
+#else
+  using ConcreteComponentDescriptor::ConcreteComponentDescriptor;
+#endif
 
   void adopt(UnsharedShadowNode shadowNode) const override {
     assert(std::dynamic_pointer_cast<ModalHostViewShadowNode>(shadowNode));
diff --git a/ReactCommon/fabric/components/modal/ModalHostViewState.cpp b/ReactCommon/fabric/components/modal/ModalHostViewState.cpp
index be62de46a82710..ade5367cec9a68 100644
--- a/ReactCommon/fabric/components/modal/ModalHostViewState.cpp
+++ b/ReactCommon/fabric/components/modal/ModalHostViewState.cpp
@@ -6,17 +6,12 @@
  */
 
 #include "ModalHostViewState.h"
-#include <glog/logging.h>
-
-#ifdef ANDROID
-#include <folly/dynamic.h>
-#endif
 
 namespace facebook {
 namespace react {
 
 #ifdef ANDROID
-const folly::dynamic ModalHostViewState::getDynamic() const {
+folly::dynamic ModalHostViewState::getDynamic() const {
   return folly::dynamic::object("screenWidth", screenSize.width)(
       "screenHeight", screenSize.height);
 }
diff --git a/ReactCommon/fabric/components/modal/ModalHostViewState.h b/ReactCommon/fabric/components/modal/ModalHostViewState.h
index 167ffa22d37231..102e52e01e9f29 100644
--- a/ReactCommon/fabric/components/modal/ModalHostViewState.h
+++ b/ReactCommon/fabric/components/modal/ModalHostViewState.h
@@ -7,24 +7,26 @@
 
 #pragma once
 
-#include <react/core/StateData.h>
 #include <react/graphics/Float.h>
 #include <react/graphics/Geometry.h>
 #include <react/graphics/conversions.h>
 
+#ifdef ANDROID
+#include <folly/dynamic.h>
+#endif
+
 namespace facebook {
 namespace react {
 
 /*
  * State for <BottomSheetView> component.
  */
-class ModalHostViewState : public StateData {
+class ModalHostViewState final {
  public:
   using Shared = std::shared_ptr<const ModalHostViewState>;
 
   ModalHostViewState(){};
   ModalHostViewState(Size screenSize_) : screenSize(screenSize_){};
-  virtual ~ModalHostViewState() = default;
 
 #ifdef ANDROID
   ModalHostViewState(folly::dynamic data)
@@ -35,7 +37,7 @@ class ModalHostViewState : public StateData {
   const Size screenSize{};
 
 #ifdef ANDROID
-  virtual const folly::dynamic getDynamic() const override;
+  folly::dynamic getDynamic() const;
 #endif
 
 #pragma mark - Getters
diff --git a/ReactCommon/fabric/components/root/BUCK b/ReactCommon/fabric/components/root/BUCK
index 54cd52e105a233..eb93e56e676d97 100644
--- a/ReactCommon/fabric/components/root/BUCK
+++ b/ReactCommon/fabric/components/root/BUCK
@@ -3,6 +3,8 @@ load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
     "APPLE",
+    "CXX",
+    "YOGA_CXX_TARGET",
     "fb_xplat_cxx_test",
     "get_apple_compiler_flags",
     "get_apple_inspector_flags",
@@ -36,7 +38,7 @@ rn_xplat_cxx_library(
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
     fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
     macosx_tests_override = [],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
         # Systraces are temporary disabled.
@@ -50,7 +52,7 @@ rn_xplat_cxx_library(
         "fbsource//xplat/folly:memory",
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/glog:glog",
-        "fbsource//xplat/yoga:yoga",
+        YOGA_CXX_TARGET,
         react_native_xplat_target("fabric/debug:debug"),
         react_native_xplat_target("fabric/core:core"),
         react_native_xplat_target("fabric/graphics:graphics"),
@@ -69,7 +71,7 @@ fb_xplat_cxx_test(
         "-Wall",
     ],
     contacts = ["oncall+react_native@xmail.facebook.com"],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     deps = [
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/gmock:gtest",
diff --git a/ReactCommon/fabric/components/root/RootProps.cpp b/ReactCommon/fabric/components/root/RootProps.cpp
index 5779db955b37b2..57bf79eeb8d767 100644
--- a/ReactCommon/fabric/components/root/RootProps.cpp
+++ b/ReactCommon/fabric/components/root/RootProps.cpp
@@ -14,7 +14,7 @@ namespace facebook {
 namespace react {
 
 static YGStyle yogaStyleFromLayoutConstraints(
-    const LayoutConstraints &layoutConstraints) {
+    LayoutConstraints const &layoutConstraints) {
   auto yogaStyle = YGStyle{};
   yogaStyle.minDimensions()[YGDimensionWidth] =
       yogaStyleValueFromFloat(layoutConstraints.minimumSize.width);
@@ -32,15 +32,13 @@ static YGStyle yogaStyleFromLayoutConstraints(
   return yogaStyle;
 }
 
-RootProps::RootProps(const RootProps &sourceProps, const RawProps &rawProps) {
-  // `RootProps` cannot be constructed from `RawProps`.
-  assert(false);
-}
+RootProps::RootProps(RootProps const &sourceProps, RawProps const &rawProps)
+    : ViewProps(sourceProps, rawProps) {}
 
 RootProps::RootProps(
-    const RootProps &sourceProps,
-    const LayoutConstraints &layoutConstraints,
-    const LayoutContext &layoutContext)
+    RootProps const &sourceProps,
+    LayoutConstraints const &layoutConstraints,
+    LayoutContext const &layoutContext)
     : ViewProps(yogaStyleFromLayoutConstraints(layoutConstraints)),
       layoutConstraints(layoutConstraints),
       layoutContext(layoutContext){};
diff --git a/ReactCommon/fabric/components/root/RootProps.h b/ReactCommon/fabric/components/root/RootProps.h
index bdeaa7014d0172..43676c31a67438 100644
--- a/ReactCommon/fabric/components/root/RootProps.h
+++ b/ReactCommon/fabric/components/root/RootProps.h
@@ -16,23 +16,19 @@
 namespace facebook {
 namespace react {
 
-class RootProps;
-
-using SharedRootProps = std::shared_ptr<const RootProps>;
-
 class RootProps final : public ViewProps {
  public:
   RootProps() = default;
-  RootProps(const RootProps &sourceProps, const RawProps &rawProps);
+  RootProps(RootProps const &sourceProps, RawProps const &rawProps);
   RootProps(
-      const RootProps &sourceProps,
-      const LayoutConstraints &layoutConstraints,
-      const LayoutContext &layoutContext);
+      RootProps const &sourceProps,
+      LayoutConstraints const &layoutConstraints,
+      LayoutContext const &layoutContext);
 
 #pragma mark - Props
 
-  const LayoutConstraints layoutConstraints{};
-  const LayoutContext layoutContext{};
+  LayoutConstraints const layoutConstraints{};
+  LayoutContext const layoutContext{};
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/scrollview/BUCK b/ReactCommon/fabric/components/scrollview/BUCK
index 8337ba6299a974..b0596049935939 100644
--- a/ReactCommon/fabric/components/scrollview/BUCK
+++ b/ReactCommon/fabric/components/scrollview/BUCK
@@ -3,6 +3,8 @@ load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
     "APPLE",
+    "CXX",
+    "YOGA_CXX_TARGET",
     "fb_xplat_cxx_test",
     "get_apple_compiler_flags",
     "get_apple_inspector_flags",
@@ -40,7 +42,7 @@ rn_xplat_cxx_library(
     fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
     force_static = True,
     macosx_tests_override = [],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
         "-DWITH_FBSYSTRACE=1",
@@ -53,7 +55,7 @@ rn_xplat_cxx_library(
         "fbsource//xplat/folly:memory",
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/glog:glog",
-        "fbsource//xplat/yoga:yoga",
+        YOGA_CXX_TARGET,
         react_native_xplat_target("fabric/debug:debug"),
         react_native_xplat_target("fabric/core:core"),
         react_native_xplat_target("fabric/graphics:graphics"),
@@ -72,7 +74,7 @@ fb_xplat_cxx_test(
         "-Wall",
     ],
     contacts = ["oncall+react_native@xmail.facebook.com"],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     deps = [
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/gmock:gtest",
diff --git a/ReactCommon/fabric/components/slider/BUCK b/ReactCommon/fabric/components/slider/BUCK
index 4209dd66678bf3..443c57a194b435 100644
--- a/ReactCommon/fabric/components/slider/BUCK
+++ b/ReactCommon/fabric/components/slider/BUCK
@@ -3,6 +3,8 @@ load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
     "APPLE",
+    "CXX",
+    "YOGA_CXX_TARGET",
     "fb_xplat_cxx_test",
     "get_apple_compiler_flags",
     "get_apple_inspector_flags",
@@ -37,6 +39,7 @@ rn_xplat_cxx_library(
         "-std=c++14",
         "-Wall",
     ],
+    cxx_tests = [":tests"],
     fbandroid_deps = [
         react_native_target("jni/react/jni:jni"),
     ],
@@ -69,13 +72,11 @@ rn_xplat_cxx_library(
     ios_srcs = glob(
         ["platform/ios/*.cpp"],
     ),
-    macosx_tests_override = [],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
         "-DWITH_FBSYSTRACE=1",
     ],
-    tests = [":tests"],
     visibility = ["PUBLIC"],
     deps = [
         "fbsource//xplat/fbsystrace:fbsystrace",
@@ -83,7 +84,7 @@ rn_xplat_cxx_library(
         "fbsource//xplat/folly:memory",
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/glog:glog",
-        "fbsource//xplat/yoga:yoga",
+        YOGA_CXX_TARGET,
         react_native_xplat_target("fabric/debug:debug"),
         react_native_xplat_target("fabric/core:core"),
         react_native_xplat_target("fabric/components/image:image"),
@@ -106,7 +107,12 @@ fb_xplat_cxx_test(
         "-Wall",
     ],
     contacts = ["oncall+react_native@xmail.facebook.com"],
-    platforms = (ANDROID, APPLE),
+    platforms = (
+        # `Apple` and `Android` flavors are disabled because the module (built with those flavors) requires Emulator/Simulator (which is expensive and slow). At the same time, we don't really have tests here.
+        # ANDROID,
+        # APPLE,
+        CXX,
+    ),
     deps = [
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/gmock:gtest",
diff --git a/ReactCommon/fabric/components/slider/platform/android/SliderMeasurementsManager.cpp b/ReactCommon/fabric/components/slider/platform/android/SliderMeasurementsManager.cpp
index ca6e6808f2cb91..c44288caefc65f 100644
--- a/ReactCommon/fabric/components/slider/platform/android/SliderMeasurementsManager.cpp
+++ b/ReactCommon/fabric/components/slider/platform/android/SliderMeasurementsManager.cpp
@@ -26,8 +26,7 @@ Size SliderMeasurementsManager::measure(
   }
 
   const jni::global_ref<jobject> &fabricUIManager =
-      contextContainer_->getInstance<jni::global_ref<jobject>>(
-          "FabricUIManager");
+      contextContainer_->at<jni::global_ref<jobject>>("FabricUIManager");
 
   static auto measure =
       jni::findClassStatic("com/facebook/react/fabric/FabricUIManager")
diff --git a/ReactCommon/fabric/components/text/BUCK b/ReactCommon/fabric/components/text/BUCK
index b47afbb67b6461..4b8e0c726ac32a 100644
--- a/ReactCommon/fabric/components/text/BUCK
+++ b/ReactCommon/fabric/components/text/BUCK
@@ -3,6 +3,8 @@ load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
     "APPLE",
+    "CXX",
+    "YOGA_CXX_TARGET",
     "fb_xplat_cxx_test",
     "get_apple_compiler_flags",
     "get_apple_inspector_flags",
@@ -40,16 +42,15 @@ rn_xplat_cxx_library(
         "-std=c++14",
         "-Wall",
     ],
+    cxx_tests = [":tests"],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
     fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
     force_static = True,
-    macosx_tests_override = [],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
         "-DWITH_FBSYSTRACE=1",
     ],
-    tests = [":tests"],
     visibility = ["PUBLIC"],
     deps = [
         "fbsource//xplat/fbsystrace:fbsystrace",
@@ -58,7 +59,7 @@ rn_xplat_cxx_library(
         "fbsource//xplat/folly:memory",
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/glog:glog",
-        "fbsource//xplat/yoga:yoga",
+        YOGA_CXX_TARGET,
         react_native_xplat_target("utils:utils"),
         react_native_xplat_target("fabric/attributedstring:attributedstring"),
         react_native_xplat_target("fabric/core:core"),
@@ -81,7 +82,14 @@ fb_xplat_cxx_test(
         "-Wall",
     ],
     contacts = ["oncall+react_native@xmail.facebook.com"],
-    platforms = (ANDROID, APPLE),
+    platforms = (
+        # `Apple` and `Android` flavors are disabled because the module depends on `textlayoutmanager` which requires real an Emulator/Simulator to run.
+        #  At the same time, the code of tests does not rely on the simulator capabilities and it would be wasteful to add `fbandroid_use_instrumentation_test = True`.
+        # (Beware of this option though.)
+        # ANDROID,
+        # APPLE,
+        CXX
+    ),
     deps = [
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/gmock:gtest",
diff --git a/ReactCommon/fabric/components/text/basetext/BaseTextProps.cpp b/ReactCommon/fabric/components/text/basetext/BaseTextProps.cpp
index d25d9f71179850..4e6538afc41658 100644
--- a/ReactCommon/fabric/components/text/basetext/BaseTextProps.cpp
+++ b/ReactCommon/fabric/components/text/basetext/BaseTextProps.cpp
@@ -50,7 +50,7 @@ static TextAttributes convertRawProp(
   textAttributes.lineHeight =
       convertRawProp(rawProps, "lineHeight", defaultTextAttributes.lineHeight);
   textAttributes.alignment =
-      convertRawProp(rawProps, "alignment", defaultTextAttributes.alignment);
+      convertRawProp(rawProps, "textAlign", defaultTextAttributes.alignment);
   textAttributes.baseWritingDirection = convertRawProp(
       rawProps,
       "baseWritingDirection",
diff --git a/ReactCommon/fabric/components/text/paragraph/ParagraphComponentDescriptor.h b/ReactCommon/fabric/components/text/paragraph/ParagraphComponentDescriptor.h
index 83a5292392f6c8..a0dd2abff798dc 100644
--- a/ReactCommon/fabric/components/text/paragraph/ParagraphComponentDescriptor.h
+++ b/ReactCommon/fabric/components/text/paragraph/ParagraphComponentDescriptor.h
@@ -64,7 +64,7 @@ class ParagraphComponentDescriptor final
 
  private:
   SharedTextLayoutManager textLayoutManager_;
-  std::unique_ptr<const ParagraphMeasurementCache> measureCache_;
+  std::unique_ptr<ParagraphMeasurementCache const> measureCache_;
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/text/paragraph/ParagraphLocalData.cpp b/ReactCommon/fabric/components/text/paragraph/ParagraphLocalData.cpp
deleted file mode 100644
index fb9426da9975f6..00000000000000
--- a/ReactCommon/fabric/components/text/paragraph/ParagraphLocalData.cpp
+++ /dev/null
@@ -1,58 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "ParagraphLocalData.h"
-
-#include <react/components/text/conversions.h>
-#include <react/debug/debugStringConvertibleUtils.h>
-
-namespace facebook {
-namespace react {
-
-AttributedString ParagraphLocalData::getAttributedString() const {
-  return attributedString_;
-}
-
-void ParagraphLocalData::setAttributedString(
-    AttributedString attributedString) {
-  ensureUnsealed();
-  attributedString_ = attributedString;
-}
-
-SharedTextLayoutManager ParagraphLocalData::getTextLayoutManager() const {
-  return textLayoutManager_;
-}
-
-void ParagraphLocalData::setTextLayoutManager(
-    SharedTextLayoutManager textLayoutManager) {
-  ensureUnsealed();
-  textLayoutManager_ = textLayoutManager;
-}
-
-#ifdef ANDROID
-
-folly::dynamic ParagraphLocalData::getDynamic() const {
-  return toDynamic(*this);
-}
-
-#endif
-
-#pragma mark - DebugStringConvertible
-
-#if RN_DEBUG_STRING_CONVERTIBLE
-std::string ParagraphLocalData::getDebugName() const {
-  return "ParagraphLocalData";
-}
-
-SharedDebugStringConvertibleList ParagraphLocalData::getDebugProps() const {
-  return {
-      debugStringConvertibleItem("attributedString", attributedString_, "")};
-}
-#endif
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/paragraph/ParagraphLocalData.h b/ReactCommon/fabric/components/text/paragraph/ParagraphLocalData.h
deleted file mode 100644
index 15e370573566ab..00000000000000
--- a/ReactCommon/fabric/components/text/paragraph/ParagraphLocalData.h
+++ /dev/null
@@ -1,58 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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/attributedstring/AttributedString.h>
-#include <react/core/LocalData.h>
-#include <react/textlayoutmanager/TextLayoutManager.h>
-
-namespace facebook {
-namespace react {
-
-class ParagraphLocalData;
-
-using SharedParagraphLocalData = std::shared_ptr<const ParagraphLocalData>;
-
-/*
- * LocalData for <Paragraph> component.
- * Represents what to render and how to render.
- */
-class ParagraphLocalData : public LocalData {
- public:
-  /*
-   * All content of <Paragraph> component represented as an `AttributedString`.
-   */
-  AttributedString getAttributedString() const;
-  void setAttributedString(AttributedString attributedString);
-
-  /*
-   * `TextLayoutManager` provides a connection to platform-specific
-   * text rendering infrastructure which is capable to render the
-   * `AttributedString`.
-   */
-  SharedTextLayoutManager getTextLayoutManager() const;
-  void setTextLayoutManager(SharedTextLayoutManager textLayoutManager);
-
-#ifdef ANDROID
-  folly::dynamic getDynamic() const override;
-#endif
-
-#pragma mark - DebugStringConvertible
-
-#if RN_DEBUG_STRING_CONVERTIBLE
-  std::string getDebugName() const override;
-  SharedDebugStringConvertibleList getDebugProps() const override;
-#endif
-
- private:
-  AttributedString attributedString_;
-  SharedTextLayoutManager textLayoutManager_;
-};
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/paragraph/ParagraphProps.cpp b/ReactCommon/fabric/components/text/paragraph/ParagraphProps.cpp
index d8135cd845a2e7..da79a25a1aeb67 100644
--- a/ReactCommon/fabric/components/text/paragraph/ParagraphProps.cpp
+++ b/ReactCommon/fabric/components/text/paragraph/ParagraphProps.cpp
@@ -15,8 +15,8 @@ namespace facebook {
 namespace react {
 
 static ParagraphAttributes convertRawProp(
-    const RawProps &rawProps,
-    const ParagraphAttributes &defaultParagraphAttributes) {
+    RawProps const &rawProps,
+    ParagraphAttributes const &defaultParagraphAttributes) {
   auto paragraphAttributes = ParagraphAttributes{};
 
   paragraphAttributes.maximumNumberOfLines = convertRawProp(
@@ -44,8 +44,8 @@ static ParagraphAttributes convertRawProp(
 }
 
 ParagraphProps::ParagraphProps(
-    const ParagraphProps &sourceProps,
-    const RawProps &rawProps)
+    ParagraphProps const &sourceProps,
+    RawProps const &rawProps)
     : ViewProps(sourceProps, rawProps),
       BaseTextProps(sourceProps, rawProps),
       paragraphAttributes(
diff --git a/ReactCommon/fabric/components/text/paragraph/ParagraphProps.h b/ReactCommon/fabric/components/text/paragraph/ParagraphProps.h
index 1e1ca67e15b97f..c796eef638e58f 100644
--- a/ReactCommon/fabric/components/text/paragraph/ParagraphProps.h
+++ b/ReactCommon/fabric/components/text/paragraph/ParagraphProps.h
@@ -26,7 +26,7 @@ namespace react {
 class ParagraphProps : public ViewProps, public BaseTextProps {
  public:
   ParagraphProps() = default;
-  ParagraphProps(const ParagraphProps &sourceProps, const RawProps &rawProps);
+  ParagraphProps(ParagraphProps const &sourceProps, RawProps const &rawProps);
 
 #pragma mark - Props
 
@@ -34,12 +34,12 @@ class ParagraphProps : public ViewProps, public BaseTextProps {
    * Contains all prop values that affect visual representation of the
    * paragraph.
    */
-  const ParagraphAttributes paragraphAttributes{};
+  ParagraphAttributes const paragraphAttributes{};
 
   /*
    * Defines can the text be selected (and copied) or not.
    */
-  const bool isSelectable{};
+  bool const isSelectable{};
 
 #pragma mark - DebugStringConvertible
 
diff --git a/ReactCommon/fabric/components/text/paragraph/ParagraphShadowNode.cpp b/ReactCommon/fabric/components/text/paragraph/ParagraphShadowNode.cpp
index 028652ca5cbcc7..a5ee4d7479ffb1 100644
--- a/ReactCommon/fabric/components/text/paragraph/ParagraphShadowNode.cpp
+++ b/ReactCommon/fabric/components/text/paragraph/ParagraphShadowNode.cpp
@@ -6,13 +6,13 @@
  */
 
 #include "ParagraphShadowNode.h"
-#include "ParagraphLocalData.h"
 #include "ParagraphMeasurementCache.h"
+#include "ParagraphState.h"
 
 namespace facebook {
 namespace react {
 
-const char ParagraphComponentName[] = "Paragraph";
+char const ParagraphComponentName[] = "Paragraph";
 
 AttributedString ParagraphShadowNode::getAttributedString() const {
   if (!cachedAttributedString_.has_value()) {
@@ -33,26 +33,21 @@ void ParagraphShadowNode::setTextLayoutManager(
 }
 
 void ParagraphShadowNode::setMeasureCache(
-    const ParagraphMeasurementCache *cache) {
+    ParagraphMeasurementCache const *cache) {
   ensureUnsealed();
   measureCache_ = cache;
 }
 
-void ParagraphShadowNode::updateLocalDataIfNeeded() {
+void ParagraphShadowNode::updateStateIfNeeded() {
   ensureUnsealed();
 
   auto attributedString = getAttributedString();
-  auto currentLocalData =
-      std::static_pointer_cast<const ParagraphLocalData>(getLocalData());
-  if (currentLocalData &&
-      currentLocalData->getAttributedString() == attributedString) {
+  auto const &state = getStateData();
+  if (state.attributedString == attributedString) {
     return;
   }
 
-  auto localData = std::make_shared<ParagraphLocalData>();
-  localData->setAttributedString(std::move(attributedString));
-  localData->setTextLayoutManager(textLayoutManager_);
-  setLocalData(localData);
+  setStateData(ParagraphState{attributedString, textLayoutManager_});
 }
 
 #pragma mark - LayoutableShadowNode
@@ -64,26 +59,25 @@ Size ParagraphShadowNode::measure(LayoutConstraints layoutConstraints) const {
     return {0, 0};
   }
 
-  const ParagraphAttributes paragraphAttributes =
+  ParagraphAttributes const paragraphAttributes =
       getProps()->paragraphAttributes;
 
-  // Cache results of this function so we don't need to call measure()
-  // repeatedly.
-  if (measureCache_) {
-    return measureCache_->get(
-        ParagraphMeasurementCacheKey{attributedString, paragraphAttributes, layoutConstraints},
-        [&](const ParagraphMeasurementCacheKey &key) {
-          return textLayoutManager_->measure(
-              attributedString, paragraphAttributes, layoutConstraints);
-        });
-  }
+  assert(measureCache_);
+
+  return measureCache_->get(
+      ParagraphMeasurementCacheKey{
+          attributedString, paragraphAttributes, layoutConstraints},
+      [&](ParagraphMeasurementCacheKey const &key) {
+        return textLayoutManager_->measure(
+            attributedString, paragraphAttributes, layoutConstraints);
+      });
 
   return textLayoutManager_->measure(
       attributedString, paragraphAttributes, layoutConstraints);
 }
 
 void ParagraphShadowNode::layout(LayoutContext layoutContext) {
-  updateLocalDataIfNeeded();
+  updateStateIfNeeded();
   ConcreteViewShadowNode::layout(layoutContext);
 }
 
diff --git a/ReactCommon/fabric/components/text/paragraph/ParagraphShadowNode.h b/ReactCommon/fabric/components/text/paragraph/ParagraphShadowNode.h
index 9d03af4a3a6006..dd738f169c4a59 100644
--- a/ReactCommon/fabric/components/text/paragraph/ParagraphShadowNode.h
+++ b/ReactCommon/fabric/components/text/paragraph/ParagraphShadowNode.h
@@ -10,6 +10,7 @@
 #include <folly/Optional.h>
 #include <react/components/text/ParagraphMeasurementCache.h>
 #include <react/components/text/ParagraphProps.h>
+#include <react/components/text/ParagraphState.h>
 #include <react/components/text/TextShadowNode.h>
 #include <react/components/view/ConcreteViewShadowNode.h>
 #include <react/core/ConcreteShadowNode.h>
@@ -20,7 +21,7 @@
 namespace facebook {
 namespace react {
 
-extern const char ParagraphComponentName[];
+extern char const ParagraphComponentName[];
 
 using ParagraphEventEmitter = ViewEventEmitter;
 
@@ -32,7 +33,8 @@ using ParagraphEventEmitter = ViewEventEmitter;
 class ParagraphShadowNode : public ConcreteViewShadowNode<
                                 ParagraphComponentName,
                                 ParagraphProps,
-                                ParagraphEventEmitter>,
+                                ParagraphEventEmitter,
+                                ParagraphState>,
                             public BaseTextShadowNode {
  public:
   using ConcreteViewShadowNode::ConcreteViewShadowNode;
@@ -45,7 +47,7 @@ class ParagraphShadowNode : public ConcreteViewShadowNode<
   /*
    * Associates a shared TextLayoutManager with the node.
    * `ParagraphShadowNode` uses the manager to measure text content
-   * and construct `ParagraphLocalData` objects.
+   * and construct `ParagraphState` objects.
    */
   void setTextLayoutManager(SharedTextLayoutManager textLayoutManager);
 
@@ -56,7 +58,7 @@ class ParagraphShadowNode : public ConcreteViewShadowNode<
    * By design, the ParagraphComponentDescriptor outlives all
    * shadow nodes, so it's safe for this to be a raw pointer.
    */
-  void setMeasureCache(const ParagraphMeasurementCache *cache);
+  void setMeasureCache(ParagraphMeasurementCache const *cache);
 
 #pragma mark - LayoutableShadowNode
 
@@ -65,13 +67,13 @@ class ParagraphShadowNode : public ConcreteViewShadowNode<
 
  private:
   /*
-   * Creates a `LocalData` object (with `AttributedText` and
+   * Creates a `State` object (with `AttributedText` and
    * `TextLayoutManager`) if needed.
    */
-  void updateLocalDataIfNeeded();
+  void updateStateIfNeeded();
 
   SharedTextLayoutManager textLayoutManager_;
-  const ParagraphMeasurementCache *measureCache_;
+  ParagraphMeasurementCache const *measureCache_;
 
   /*
    * Cached attributed string that represents the content of the subtree started
diff --git a/ReactCommon/fabric/components/text/paragraph/ParagraphState.cpp b/ReactCommon/fabric/components/text/paragraph/ParagraphState.cpp
new file mode 100644
index 00000000000000..89a7c442c1cf95
--- /dev/null
+++ b/ReactCommon/fabric/components/text/paragraph/ParagraphState.cpp
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "ParagraphState.h"
+
+#include <react/components/text/conversions.h>
+#include <react/debug/debugStringConvertibleUtils.h>
+
+namespace facebook {
+namespace react {
+
+#ifdef ANDROID
+folly::dynamic ParagraphState::getDynamic() const {
+  return toDynamic(*this);
+}
+#endif
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/paragraph/ParagraphState.h b/ReactCommon/fabric/components/text/paragraph/ParagraphState.h
new file mode 100644
index 00000000000000..e5ae4be7567961
--- /dev/null
+++ b/ReactCommon/fabric/components/text/paragraph/ParagraphState.h
@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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/attributedstring/AttributedString.h>
+#include <react/textlayoutmanager/TextLayoutManager.h>
+
+#ifdef ANDROID
+#include <folly/dynamic.h>
+#endif
+
+namespace facebook {
+namespace react {
+
+/*
+ * State for <Paragraph> component.
+ * Represents what to render and how to render.
+ */
+class ParagraphState final {
+ public:
+  /*
+   * All content of <Paragraph> component represented as an `AttributedString`.
+   */
+  AttributedString attributedString;
+
+  /*
+   * `TextLayoutManager` provides a connection to platform-specific
+   * text rendering infrastructure which is capable to render the
+   * `AttributedString`.
+   */
+  SharedTextLayoutManager layoutManager;
+
+#ifdef ANDROID
+  ParagraphState(
+      AttributedString const &attributedString,
+      SharedTextLayoutManager const &layoutManager)
+      : attributedString(attributedString), layoutManager(layoutManager) {}
+  ParagraphState() = default;
+  ParagraphState(folly::dynamic const &data) {
+    assert(false && "Not supported");
+  };
+  folly::dynamic getDynamic() const;
+#endif
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/paragraph/conversions.h b/ReactCommon/fabric/components/text/paragraph/conversions.h
index dd507cefa0d7c3..12d53b1d540616 100644
--- a/ReactCommon/fabric/components/text/paragraph/conversions.h
+++ b/ReactCommon/fabric/components/text/paragraph/conversions.h
@@ -5,21 +5,18 @@
 
 #include <folly/dynamic.h>
 #include <react/attributedstring/conversions.h>
-#include <react/components/text/ParagraphLocalData.h>
+#include <react/components/text/ParagraphState.h>
 
 namespace facebook {
 namespace react {
 
 #ifdef ANDROID
-
-inline folly::dynamic toDynamic(const ParagraphLocalData &paragraphLocalData) {
-  folly::dynamic newLocalData = folly::dynamic::object();
-  newLocalData["attributedString"] =
-      toDynamic(paragraphLocalData.getAttributedString());
-  newLocalData["hash"] = newLocalData["attributedString"]["hash"];
-  return newLocalData;
+inline folly::dynamic toDynamic(ParagraphState const &paragraphState) {
+  folly::dynamic newState = folly::dynamic::object();
+  newState["attributedString"] = toDynamic(paragraphState.attributedString);
+  newState["hash"] = newState["attributedString"]["hash"];
+  return newState;
 }
-
 #endif
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/text/tests/ParagraphLocalDataTest.cpp b/ReactCommon/fabric/components/text/tests/ParagraphLocalDataTest.cpp
index accf32c0b79443..48b09cc6d334a8 100644
--- a/ReactCommon/fabric/components/text/tests/ParagraphLocalDataTest.cpp
+++ b/ReactCommon/fabric/components/text/tests/ParagraphLocalDataTest.cpp
@@ -12,7 +12,7 @@
 #include <react/attributedstring/AttributedString.h>
 #include <react/attributedstring/TextAttributes.h>
 #include <react/attributedstring/primitives.h>
-#include <react/components/text/ParagraphLocalData.h>
+#include <react/components/text/ParagraphState.h>
 #include <react/components/text/conversions.h>
 
 namespace facebook {
@@ -21,7 +21,7 @@ namespace react {
 #ifdef ANDROID
 
 TEST(ParagraphLocalDataTest, testSomething) {
-  auto attString = AttributedString();
+  auto attributedString = AttributedString();
   auto fragment = AttributedString::Fragment();
   fragment.string = "test";
 
@@ -35,10 +35,10 @@ TEST(ParagraphLocalDataTest, testSomething) {
   fragment.textAttributes = text;
   attString.prependFragment(fragment);
 
-  auto paragraphLocalData = ParagraphLocalData();
-  paragraphLocalData.setAttributedString(attString);
+  auto paragraphState = ParagraphState{};
+  paragraphLocalData.attributedString = attributedString;
 
-  auto result = toDynamic(paragraphLocalData)["attributedString"];
+  auto result = toDynamic(paragraphState)["attributedString"];
 
   assert(result["string"] == fragment.string);
   auto textAttribute = result["fragments"][0]["textAttributes"];
diff --git a/ReactCommon/fabric/components/view/BUCK b/ReactCommon/fabric/components/view/BUCK
index f7edaa58ea33ca..ff02d0ae4cdb4a 100644
--- a/ReactCommon/fabric/components/view/BUCK
+++ b/ReactCommon/fabric/components/view/BUCK
@@ -3,6 +3,8 @@ load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
     "APPLE",
+    "CXX",
+    "YOGA_CXX_TARGET",
     "fb_xplat_cxx_test",
     "get_apple_compiler_flags",
     "get_apple_inspector_flags",
@@ -43,7 +45,7 @@ rn_xplat_cxx_library(
     fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
     force_static = True,
     macosx_tests_override = [],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
         # Systraces are temporary disabled.
@@ -57,7 +59,7 @@ rn_xplat_cxx_library(
         "fbsource//xplat/folly:memory",
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/glog:glog",
-        "fbsource//xplat/yoga:yoga",
+        YOGA_CXX_TARGET,
         react_native_xplat_target("fabric/core:core"),
         react_native_xplat_target("fabric/debug:debug"),
         react_native_xplat_target("fabric/graphics:graphics"),
@@ -75,7 +77,7 @@ fb_xplat_cxx_test(
         "-Wall",
     ],
     contacts = ["oncall+react_native@xmail.facebook.com"],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     deps = [
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/gmock:gtest",
diff --git a/ReactCommon/fabric/components/view/ConcreteViewShadowNode.h b/ReactCommon/fabric/components/view/ConcreteViewShadowNode.h
index 09d45069a8b33c..629e1ecaf873ea 100644
--- a/ReactCommon/fabric/components/view/ConcreteViewShadowNode.h
+++ b/ReactCommon/fabric/components/view/ConcreteViewShadowNode.h
@@ -7,7 +7,6 @@
 
 #pragma once
 
-#include <react/components/view/AccessibleShadowNode.h>
 #include <react/components/view/ViewEventEmitter.h>
 #include <react/components/view/ViewProps.h>
 #include <react/components/view/YogaLayoutableShadowNode.h>
@@ -35,7 +34,6 @@ class ConcreteViewShadowNode : public ConcreteShadowNode<
                                    ViewPropsT,
                                    ViewEventEmitterT,
                                    Ts...>,
-                               public AccessibleShadowNode,
                                public YogaLayoutableShadowNode {
   static_assert(
       std::is_base_of<ViewProps, ViewPropsT>::value,
@@ -59,8 +57,6 @@ class ConcreteViewShadowNode : public ConcreteShadowNode<
       const ShadowNodeFragment &fragment,
       const ComponentDescriptor &componentDescriptor)
       : BaseShadowNode(fragment, componentDescriptor),
-        AccessibleShadowNode(
-            std::static_pointer_cast<const ConcreteViewProps>(fragment.props)),
         YogaLayoutableShadowNode() {
     YogaLayoutableShadowNode::setProps(
         *std::static_pointer_cast<const ConcreteViewProps>(fragment.props));
@@ -72,9 +68,6 @@ class ConcreteViewShadowNode : public ConcreteShadowNode<
       const ShadowNode &sourceShadowNode,
       const ShadowNodeFragment &fragment)
       : BaseShadowNode(sourceShadowNode, fragment),
-        AccessibleShadowNode(
-            static_cast<const ConcreteViewShadowNode &>(sourceShadowNode),
-            std::static_pointer_cast<const ConcreteViewProps>(fragment.props)),
         YogaLayoutableShadowNode(
             static_cast<const ConcreteViewShadowNode &>(sourceShadowNode)) {
     if (fragment.props) {
diff --git a/ReactCommon/fabric/components/view/Touch.cpp b/ReactCommon/fabric/components/view/Touch.cpp
new file mode 100644
index 00000000000000..c5f54821a7c101
--- /dev/null
+++ b/ReactCommon/fabric/components/view/Touch.cpp
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "Touch.h"
+
+namespace facebook {
+namespace react {
+
+#if RN_DEBUG_STRING_CONVERTIBLE
+
+std::string getDebugName(Touch const &touch) {
+  return "Touch";
+}
+
+std::vector<DebugStringConvertibleObject> getDebugProps(
+    Touch const &touch,
+    DebugStringConvertibleOptions options) {
+  return {
+      {"pagePoint", getDebugDescription(touch.pagePoint, options)},
+      {"offsetPoint", getDebugDescription(touch.offsetPoint, options)},
+      {"screenPoint", getDebugDescription(touch.screenPoint, options)},
+      {"identifier", getDebugDescription(touch.identifier, options)},
+      {"target", getDebugDescription(touch.target, options)},
+      {"force", getDebugDescription(touch.force, options)},
+      {"timestamp", getDebugDescription(touch.timestamp, options)},
+  };
+}
+
+#endif
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/Touch.h b/ReactCommon/fabric/components/view/Touch.h
new file mode 100644
index 00000000000000..fa3d3bc4708cfd
--- /dev/null
+++ b/ReactCommon/fabric/components/view/Touch.h
@@ -0,0 +1,88 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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/graphics/Geometry.h>
+#include <react/core/ReactPrimitives.h>
+#include <react/debug/DebugStringConvertible.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Describes an individual touch point for a touch event.
+ * See https://www.w3.org/TR/touch-events/ for more details.
+ */
+struct Touch {
+  /*
+   * The coordinate of point relative to the root component in points.
+   */
+  Point pagePoint;
+
+  /*
+   * The coordinate of point relative to the target component in points.
+   */
+  Point offsetPoint;
+
+  /*
+   * The coordinate of point relative to the screen component in points.
+   */
+  Point screenPoint;
+
+  /*
+   * An identification number for each touch point.
+   */
+  int identifier;
+
+  /*
+   * The tag of a component on which the touch point started when it was first
+   * placed on the surface, even if the touch point has since moved outside the
+   * interactive area of that element.
+   */
+  Tag target;
+
+  /*
+   * The force of the touch.
+   */
+  Float force;
+
+  /*
+   * The time in seconds when the touch occurred or when it was last mutated.
+   */
+  Float timestamp;
+
+  /*
+   * The particular implementation of `Hasher` and (especially) `Comparator`
+   * make sense only when `Touch` object is used as a *key* in indexed
+   * collections. Because of that they are expressed as separate classes.
+   */
+  struct Hasher {
+    size_t operator()(Touch const &touch) const {
+      return std::hash<decltype(touch.identifier)>()(touch.identifier);
+    }
+  };
+
+  struct Comparator {
+    bool operator()(Touch const &lhs, Touch const &rhs) const {
+      return lhs.identifier == rhs.identifier;
+    }
+  };
+};
+
+using Touches = std::unordered_set<Touch, Touch::Hasher, Touch::Comparator>;
+
+#if RN_DEBUG_STRING_CONVERTIBLE
+
+std::string getDebugName(Touch const &touch);
+std::vector<DebugStringConvertibleObject> getDebugProps(
+    Touch const &object,
+    DebugStringConvertibleOptions options = {});
+
+#endif
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/TouchEvent.cpp b/ReactCommon/fabric/components/view/TouchEvent.cpp
new file mode 100644
index 00000000000000..f32fd058a4f964
--- /dev/null
+++ b/ReactCommon/fabric/components/view/TouchEvent.cpp
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "TouchEvent.h"
+
+namespace facebook {
+namespace react {
+
+#if RN_DEBUG_STRING_CONVERTIBLE
+
+std::string getDebugName(TouchEvent const &touchEvent) {
+  return "TouchEvent";
+}
+
+std::vector<DebugStringConvertibleObject> getDebugProps(
+    TouchEvent const &touchEvent,
+    DebugStringConvertibleOptions options) {
+
+  return {
+      {"touches", getDebugDescription(touchEvent.touches, options)},
+      {"changedTouches", getDebugDescription(touchEvent.changedTouches, options)},
+      {"targetTouches", getDebugDescription(touchEvent.targetTouches, options)},
+  };
+}
+
+#endif
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/TouchEvent.h b/ReactCommon/fabric/components/view/TouchEvent.h
new file mode 100644
index 00000000000000..dc11bbb0a91c27
--- /dev/null
+++ b/ReactCommon/fabric/components/view/TouchEvent.h
@@ -0,0 +1,54 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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/debug/DebugStringConvertible.h>
+
+#include <unordered_set>
+
+#include <react/components/view/Touch.h>
+
+namespace facebook {
+namespace react {
+
+using Touches = std::unordered_set<Touch, Touch::Hasher, Touch::Comparator>;
+
+/*
+ * Defines the `touchstart`, `touchend`, `touchmove`, and `touchcancel` event
+ * types.
+ */
+struct TouchEvent {
+  /*
+   * A list of Touches for every point of contact currently touching the
+   * surface.
+   */
+  Touches touches;
+
+  /*
+   * A list of Touches for every point of contact which contributed to the
+   * event.
+   */
+  Touches changedTouches;
+
+  /*
+   * A list of Touches for every point of contact that is touching the surface
+   * and started on the element that is the target of the current event.
+   */
+  Touches targetTouches;
+};
+
+#if RN_DEBUG_STRING_CONVERTIBLE
+
+std::string getDebugName(TouchEvent const &touchEvent);
+std::vector<DebugStringConvertibleObject> getDebugProps(
+    TouchEvent const &touchEvent,
+    DebugStringConvertibleOptions options = {});
+
+#endif
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/TouchEventEmitter.cpp b/ReactCommon/fabric/components/view/TouchEventEmitter.cpp
index ded95e1ff91ea0..dcfb1bd0ea0b30 100644
--- a/ReactCommon/fabric/components/view/TouchEventEmitter.cpp
+++ b/ReactCommon/fabric/components/view/TouchEventEmitter.cpp
@@ -12,7 +12,7 @@ namespace react {
 
 #pragma mark - Touches
 
-static jsi::Value touchPayload(jsi::Runtime &runtime, const Touch &touch) {
+static jsi::Value touchPayload(jsi::Runtime &runtime, Touch const &touch) {
   auto object = jsi::Object(runtime);
   object.setProperty(runtime, "locationX", touch.offsetPoint.x);
   object.setProperty(runtime, "locationY", touch.offsetPoint.y);
@@ -29,10 +29,10 @@ static jsi::Value touchPayload(jsi::Runtime &runtime, const Touch &touch) {
 
 static jsi::Value touchesPayload(
     jsi::Runtime &runtime,
-    const Touches &touches) {
+    Touches const &touches) {
   auto array = jsi::Array(runtime, touches.size());
   int i = 0;
-  for (const auto &touch : touches) {
+  for (auto const &touch : touches) {
     array.setValueAtIndex(runtime, i++, touchPayload(runtime, touch));
   }
   return array;
@@ -40,7 +40,7 @@ static jsi::Value touchesPayload(
 
 static jsi::Value touchEventPayload(
     jsi::Runtime &runtime,
-    const TouchEvent &event) {
+    TouchEvent const &event) {
   auto object = jsi::Object(runtime);
   object.setProperty(
       runtime, "touches", touchesPayload(runtime, event.touches));
@@ -52,9 +52,9 @@ static jsi::Value touchEventPayload(
 }
 
 void TouchEventEmitter::dispatchTouchEvent(
-    const std::string &type,
-    const TouchEvent &event,
-    const EventPriority &priority) const {
+    std::string const &type,
+    TouchEvent const &event,
+    EventPriority const &priority) const {
   dispatchEvent(
       type,
       [event](jsi::Runtime &runtime) {
@@ -63,19 +63,19 @@ void TouchEventEmitter::dispatchTouchEvent(
       priority);
 }
 
-void TouchEventEmitter::onTouchStart(const TouchEvent &event) const {
+void TouchEventEmitter::onTouchStart(TouchEvent const &event) const {
   dispatchTouchEvent("touchStart", event, EventPriority::SynchronousUnbatched);
 }
 
-void TouchEventEmitter::onTouchMove(const TouchEvent &event) const {
+void TouchEventEmitter::onTouchMove(TouchEvent const &event) const {
   dispatchTouchEvent("touchMove", event, EventPriority::SynchronousBatched);
 }
 
-void TouchEventEmitter::onTouchEnd(const TouchEvent &event) const {
+void TouchEventEmitter::onTouchEnd(TouchEvent const &event) const {
   dispatchTouchEvent("touchEnd", event, EventPriority::SynchronousBatched);
 }
 
-void TouchEventEmitter::onTouchCancel(const TouchEvent &event) const {
+void TouchEventEmitter::onTouchCancel(TouchEvent const &event) const {
   dispatchTouchEvent("touchCancel", event, EventPriority::SynchronousBatched);
 }
 
diff --git a/ReactCommon/fabric/components/view/TouchEventEmitter.h b/ReactCommon/fabric/components/view/TouchEventEmitter.h
index 9edfd51c76e4dc..3192a31e85da0b 100644
--- a/ReactCommon/fabric/components/view/TouchEventEmitter.h
+++ b/ReactCommon/fabric/components/view/TouchEventEmitter.h
@@ -9,113 +9,30 @@
 #include <react/core/EventEmitter.h>
 #include <react/core/LayoutMetrics.h>
 #include <react/core/ReactPrimitives.h>
+#include <react/debug/DebugStringConvertible.h>
+#include <react/components/view/TouchEvent.h>
 
 namespace facebook {
 namespace react {
 
-/*
- * Describes an individual touch point for a touch event.
- * See https://www.w3.org/TR/touch-events/ for more details.
- */
-struct Touch {
-  /*
-   * The coordinate of point relative to the root component in points.
-   */
-  Point pagePoint;
-
-  /*
-   * The coordinate of point relative to the target component in points.
-   */
-  Point offsetPoint;
-
-  /*
-   * The coordinate of point relative to the screen component in points.
-   */
-  Point screenPoint;
-
-  /*
-   * An identification number for each touch point.
-   */
-  int identifier;
-
-  /*
-   * The tag of a component on which the touch point started when it was first
-   * placed on the surface, even if the touch point has since moved outside the
-   * interactive area of that element.
-   */
-  Tag target;
-
-  /*
-   * The force of the touch.
-   */
-  Float force;
-
-  /*
-   * The time in seconds when the touch occurred or when it was last mutated.
-   */
-  Float timestamp;
-
-  /*
-   * The particular implementation of `Hasher` and (especially) `Comparator`
-   * make sense only when `Touch` object is used as a *key* in indexed
-   * collections. Because of that they are expressed as separate classes.
-   */
-  struct Hasher {
-    size_t operator()(const Touch &touch) const {
-      return std::hash<decltype(touch.identifier)>()(touch.identifier);
-    }
-  };
-
-  struct Comparator {
-    bool operator()(const Touch &lhs, const Touch &rhs) const {
-      return lhs.identifier == rhs.identifier;
-    }
-  };
-};
-
-using Touches = std::unordered_set<Touch, Touch::Hasher, Touch::Comparator>;
-
-/*
- * Defines the `touchstart`, `touchend`, `touchmove`, and `touchcancel` event
- * types.
- */
-struct TouchEvent {
-  /*
-   * A list of Touches for every point of contact currently touching the
-   * surface.
-   */
-  Touches touches;
-
-  /*
-   * A list of Touches for every point of contact which contributed to the
-   * event.
-   */
-  Touches changedTouches;
-
-  /*
-   * A list of Touches for every point of contact that is touching the surface
-   * and started on the element that is the target of the current event.
-   */
-  Touches targetTouches;
-};
-
 class TouchEventEmitter;
-using SharedTouchEventEmitter = std::shared_ptr<const TouchEventEmitter>;
+
+using SharedTouchEventEmitter = std::shared_ptr<TouchEventEmitter const>;
 
 class TouchEventEmitter : public EventEmitter {
  public:
   using EventEmitter::EventEmitter;
 
-  void onTouchStart(const TouchEvent &event) const;
-  void onTouchMove(const TouchEvent &event) const;
-  void onTouchEnd(const TouchEvent &event) const;
-  void onTouchCancel(const TouchEvent &event) const;
+  void onTouchStart(TouchEvent const &event) const;
+  void onTouchMove(TouchEvent const &event) const;
+  void onTouchEnd(TouchEvent const &event) const;
+  void onTouchCancel(TouchEvent const &event) const;
 
  private:
   void dispatchTouchEvent(
-      const std::string &type,
-      const TouchEvent &event,
-      const EventPriority &priority) const;
+      std::string const &type,
+      TouchEvent const &event,
+      EventPriority const &priority) const;
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/view/ViewEventEmitter.h b/ReactCommon/fabric/components/view/ViewEventEmitter.h
index e16b4f98cbbe71..4ccd2735b62c14 100644
--- a/ReactCommon/fabric/components/view/ViewEventEmitter.h
+++ b/ReactCommon/fabric/components/view/ViewEventEmitter.h
@@ -10,6 +10,7 @@
 
 #include <react/core/LayoutMetrics.h>
 #include <react/core/ReactPrimitives.h>
+
 #include "TouchEventEmitter.h"
 
 namespace facebook {
diff --git a/ReactCommon/fabric/components/view/accessibility/AccessibilityProps.cpp b/ReactCommon/fabric/components/view/accessibility/AccessibilityProps.cpp
index 7e3d02756574c1..fbec7d61944f20 100644
--- a/ReactCommon/fabric/components/view/accessibility/AccessibilityProps.cpp
+++ b/ReactCommon/fabric/components/view/accessibility/AccessibilityProps.cpp
@@ -16,8 +16,8 @@ namespace facebook {
 namespace react {
 
 AccessibilityProps::AccessibilityProps(
-    const AccessibilityProps &sourceProps,
-    const RawProps &rawProps)
+    AccessibilityProps const &sourceProps,
+    RawProps const &rawProps)
     : accessible(
           convertRawProp(rawProps, "accessible", sourceProps.accessible)),
       accessibilityLabel(convertRawProp(
@@ -50,7 +50,7 @@ AccessibilityProps::AccessibilityProps(
 
 #if RN_DEBUG_STRING_CONVERTIBLE
 SharedDebugStringConvertibleList AccessibilityProps::getDebugProps() const {
-  const auto &defaultProps = AccessibilityProps();
+  auto const &defaultProps = AccessibilityProps();
   return SharedDebugStringConvertibleList{
       debugStringConvertibleItem("testId", testId, defaultProps.testId),
   };
diff --git a/ReactCommon/fabric/components/view/accessibility/AccessibilityProps.h b/ReactCommon/fabric/components/view/accessibility/AccessibilityProps.h
index 1253fc308f424f..4583bba8fc54a1 100644
--- a/ReactCommon/fabric/components/view/accessibility/AccessibilityProps.h
+++ b/ReactCommon/fabric/components/view/accessibility/AccessibilityProps.h
@@ -15,33 +15,29 @@
 namespace facebook {
 namespace react {
 
-class AccessibilityProps;
-
-typedef std::shared_ptr<const AccessibilityProps> SharedAccessibilityProps;
-
-class AccessibilityProps : public virtual DebugStringConvertible {
+class AccessibilityProps {
  public:
   AccessibilityProps() = default;
   AccessibilityProps(
-      const AccessibilityProps &sourceProps,
-      const RawProps &rawProps);
+      AccessibilityProps const &sourceProps,
+      RawProps const &rawProps);
 
 #pragma mark - Props
 
-  const bool accessible{false};
-  const AccessibilityTraits accessibilityTraits{AccessibilityTraits::None};
-  const std::string accessibilityLabel{""};
-  const std::string accessibilityHint{""};
-  const std::vector<std::string> accessibilityActions{};
-  const bool accessibilityViewIsModal{false};
-  const bool accessibilityElementsHidden{false};
-  const bool accessibilityIgnoresInvertColors{false};
-  const std::string testId{""};
+  bool const accessible{false};
+  AccessibilityTraits const accessibilityTraits{AccessibilityTraits::None};
+  std::string const accessibilityLabel{""};
+  std::string const accessibilityHint{""};
+  std::vector<std::string> const accessibilityActions{};
+  bool const accessibilityViewIsModal{false};
+  bool const accessibilityElementsHidden{false};
+  bool const accessibilityIgnoresInvertColors{false};
+  std::string const testId{""};
 
 #pragma mark - DebugStringConvertible
 
 #if RN_DEBUG_STRING_CONVERTIBLE
-  SharedDebugStringConvertibleList getDebugProps() const override;
+  SharedDebugStringConvertibleList getDebugProps() const;
 #endif
 };
 
diff --git a/ReactCommon/fabric/components/view/accessibility/AccessibleShadowNode.cpp b/ReactCommon/fabric/components/view/accessibility/AccessibleShadowNode.cpp
deleted file mode 100644
index 627f1c2f0a24ac..00000000000000
--- a/ReactCommon/fabric/components/view/accessibility/AccessibleShadowNode.cpp
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "AccessibleShadowNode.h"
-
-#include <memory>
-
-namespace facebook {
-namespace react {
-
-AccessibleShadowNode::AccessibleShadowNode(
-    const SharedAccessibilityProps &props) {
-  assert(props);
-}
-
-AccessibleShadowNode::AccessibleShadowNode(
-    const AccessibleShadowNode &shadowNode,
-    const SharedAccessibilityProps &props) {}
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/accessibility/AccessibleShadowNode.h b/ReactCommon/fabric/components/view/accessibility/AccessibleShadowNode.h
deleted file mode 100644
index db22cca4777164..00000000000000
--- a/ReactCommon/fabric/components/view/accessibility/AccessibleShadowNode.h
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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 <react/components/view/AccessibilityProps.h>
-#include <react/core/ShadowNode.h>
-
-namespace facebook {
-namespace react {
-
-class AccessibleShadowNode;
-
-using SharedAccessibleShadowNode = std::shared_ptr<const AccessibleShadowNode>;
-
-class AccessibleShadowNode {
- public:
-#pragma mark - Constructors
-
-  AccessibleShadowNode() = default;
-
-  AccessibleShadowNode(const SharedAccessibilityProps &props);
-
-  AccessibleShadowNode(
-      const AccessibleShadowNode &shadowNode,
-      const SharedAccessibilityProps &props = nullptr);
-};
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/propsConversions.h b/ReactCommon/fabric/components/view/propsConversions.h
index f68e13c0bc64b0..8853b1b6d7ee12 100644
--- a/ReactCommon/fabric/components/view/propsConversions.h
+++ b/ReactCommon/fabric/components/view/propsConversions.h
@@ -14,11 +14,11 @@ namespace facebook {
 namespace react {
 
 static inline YGStyle::Dimensions convertRawProp(
-    const RawProps &rawProps,
-    const std::string &widthName,
-    const std::string &heightName,
-    const YGStyle::Dimensions &sourceValue,
-    const YGStyle::Dimensions &defaultValue) {
+    RawProps const &rawProps,
+    char const *widthName,
+    char const *heightName,
+    YGStyle::Dimensions const &sourceValue,
+    YGStyle::Dimensions const &defaultValue) {
   auto dimensions = defaultValue;
   dimensions[YGDimensionWidth] = convertRawProp(
       rawProps,
@@ -34,64 +34,82 @@ static inline YGStyle::Dimensions convertRawProp(
 }
 
 static inline YGStyle::Edges convertRawProp(
-    const RawProps &rawProps,
-    const std::string &prefix,
-    const std::string &suffix,
-    const YGStyle::Edges &sourceValue,
-    const YGStyle::Edges &defaultValue) {
+    RawProps const &rawProps,
+    char const *prefix,
+    char const *suffix,
+    YGStyle::Edges const &sourceValue,
+    YGStyle::Edges const &defaultValue) {
   auto result = defaultValue;
   result[YGEdgeLeft] = convertRawProp(
       rawProps,
-      prefix + "Left" + suffix,
+      "Left",
       sourceValue[YGEdgeLeft],
-      defaultValue[YGEdgeLeft]);
+      defaultValue[YGEdgeLeft],
+      prefix,
+      suffix);
   result[YGEdgeTop] = convertRawProp(
       rawProps,
-      prefix + "Top" + suffix,
+      "Top",
       sourceValue[YGEdgeTop],
-      defaultValue[YGEdgeTop]);
+      defaultValue[YGEdgeTop],
+      prefix,
+      suffix);
   result[YGEdgeRight] = convertRawProp(
       rawProps,
-      prefix + "Right" + suffix,
+      "Right",
       sourceValue[YGEdgeRight],
-      defaultValue[YGEdgeRight]);
+      defaultValue[YGEdgeRight],
+      prefix,
+      suffix);
   result[YGEdgeBottom] = convertRawProp(
       rawProps,
-      prefix + "Bottom" + suffix,
+      "Bottom",
       sourceValue[YGEdgeBottom],
-      defaultValue[YGEdgeBottom]);
+      defaultValue[YGEdgeBottom],
+      prefix,
+      suffix);
   result[YGEdgeStart] = convertRawProp(
       rawProps,
-      prefix + "Start" + suffix,
+      "Start",
       sourceValue[YGEdgeStart],
-      defaultValue[YGEdgeStart]);
+      defaultValue[YGEdgeStart],
+      prefix,
+      suffix);
   result[YGEdgeEnd] = convertRawProp(
       rawProps,
-      prefix + "End" + suffix,
+      "End",
       sourceValue[YGEdgeEnd],
-      defaultValue[YGEdgeEnd]);
+      defaultValue[YGEdgeEnd],
+      prefix,
+      suffix);
   result[YGEdgeHorizontal] = convertRawProp(
       rawProps,
-      prefix + "Horizontal" + suffix,
+      "Horizontal",
       sourceValue[YGEdgeHorizontal],
-      defaultValue[YGEdgeHorizontal]);
+      defaultValue[YGEdgeHorizontal],
+      prefix,
+      suffix);
   result[YGEdgeVertical] = convertRawProp(
       rawProps,
-      prefix + "Vertical" + suffix,
+      "Vertical",
       sourceValue[YGEdgeVertical],
-      defaultValue[YGEdgeVertical]);
+      defaultValue[YGEdgeVertical],
+      prefix,
+      suffix);
   result[YGEdgeAll] = convertRawProp(
       rawProps,
-      prefix + suffix,
+      "",
       sourceValue[YGEdgeAll],
-      defaultValue[YGEdgeAll]);
+      defaultValue[YGEdgeAll],
+      prefix,
+      suffix);
   return result;
 }
 
 static inline YGStyle::Edges convertRawProp(
-    const RawProps &rawProps,
-    const YGStyle::Edges &sourceValue,
-    const YGStyle::Edges &defaultValue) {
+    RawProps const &rawProps,
+    YGStyle::Edges const &sourceValue,
+    YGStyle::Edges const &defaultValue) {
   auto result = defaultValue;
   result[YGEdgeLeft] = convertRawProp(
       rawProps, "left", sourceValue[YGEdgeLeft], defaultValue[YGEdgeLeft]);
@@ -112,8 +130,8 @@ static inline YGStyle::Edges convertRawProp(
 }
 
 static inline YGStyle convertRawProp(
-    const RawProps &rawProps,
-    const YGStyle &sourceValue) {
+    RawProps const &rawProps,
+    YGStyle const &sourceValue) {
   auto yogaStyle = YGStyle{};
   yogaStyle.direction() = convertRawProp(
       rawProps, "direction", sourceValue.direction(), yogaStyle.direction());
@@ -191,62 +209,64 @@ static inline YGStyle convertRawProp(
 
 template <typename T>
 static inline CascadedRectangleCorners<T> convertRawProp(
-    const RawProps &rawProps,
-    const std::string &prefix,
-    const std::string &suffix,
-    const CascadedRectangleCorners<T> &sourceValue) {
+    RawProps const &rawProps,
+    char const *prefix,
+    char const *suffix,
+    CascadedRectangleCorners<T> const &sourceValue) {
   CascadedRectangleCorners<T> result;
 
   result.topLeft = convertRawProp(
-      rawProps, prefix + "TopLeft" + suffix, sourceValue.topLeft);
+      rawProps, "TopLeft", sourceValue.topLeft, {}, prefix, suffix);
   result.topRight = convertRawProp(
-      rawProps, prefix + "TopRight" + suffix, sourceValue.topRight);
+      rawProps, "TopRight", sourceValue.topRight, {}, prefix, suffix);
   result.bottomLeft = convertRawProp(
-      rawProps, prefix + "BottomLeft" + suffix, sourceValue.bottomLeft);
+      rawProps, "BottomLeft", sourceValue.bottomLeft, {}, prefix, suffix);
   result.bottomRight = convertRawProp(
-      rawProps, prefix + "BottomRight" + suffix, sourceValue.bottomRight);
+      rawProps, "BottomRight", sourceValue.bottomRight, {}, prefix, suffix);
 
   result.topStart = convertRawProp(
-      rawProps, prefix + "TopStart" + suffix, sourceValue.topStart);
-  result.topEnd =
-      convertRawProp(rawProps, prefix + "TopEnd" + suffix, sourceValue.topEnd);
+      rawProps, "TopStart", sourceValue.topStart, {}, prefix, suffix);
+  result.topEnd = convertRawProp(
+      rawProps, "TopEnd", sourceValue.topEnd, {}, prefix, suffix);
   result.bottomStart = convertRawProp(
-      rawProps, prefix + "BottomStart" + suffix, sourceValue.bottomStart);
+      rawProps, "BottomStart", sourceValue.bottomStart, {}, prefix, suffix);
   result.bottomEnd = convertRawProp(
-      rawProps, prefix + "BottomEnd" + suffix, sourceValue.bottomEnd);
+      rawProps, "BottomEnd", sourceValue.bottomEnd, {}, prefix, suffix);
 
-  result.all = convertRawProp(rawProps, prefix + suffix, sourceValue.all);
+  result.all =
+      convertRawProp(rawProps, "", sourceValue.all, {}, prefix, suffix);
 
   return result;
 }
 
 template <typename T>
 static inline CascadedRectangleEdges<T> convertRawProp(
-    const RawProps &rawProps,
-    const std::string &prefix,
-    const std::string &suffix,
-    const CascadedRectangleEdges<T> &sourceValue) {
+    RawProps const &rawProps,
+    char const *prefix,
+    char const *suffix,
+    CascadedRectangleEdges<T> const &sourceValue) {
   CascadedRectangleEdges<T> result;
 
   result.left =
-      convertRawProp(rawProps, prefix + "Left" + suffix, sourceValue.left);
+      convertRawProp(rawProps, "Left", sourceValue.left, {}, prefix, suffix);
   result.right =
-      convertRawProp(rawProps, prefix + "Right" + suffix, sourceValue.right);
+      convertRawProp(rawProps, "Right", sourceValue.right, {}, prefix, suffix);
   result.top =
-      convertRawProp(rawProps, prefix + "Top" + suffix, sourceValue.top);
-  result.bottom =
-      convertRawProp(rawProps, prefix + "Bottom" + suffix, sourceValue.bottom);
+      convertRawProp(rawProps, "Top", sourceValue.top, {}, prefix, suffix);
+  result.bottom = convertRawProp(
+      rawProps, "Bottom", sourceValue.bottom, {}, prefix, suffix);
 
   result.start =
-      convertRawProp(rawProps, prefix + "Start" + suffix, sourceValue.start);
+      convertRawProp(rawProps, "Start", sourceValue.start, {}, prefix, suffix);
   result.end =
-      convertRawProp(rawProps, prefix + "End" + suffix, sourceValue.end);
+      convertRawProp(rawProps, "End", sourceValue.end, {}, prefix, suffix);
   result.horizontal = convertRawProp(
-      rawProps, prefix + "Horizontal" + suffix, sourceValue.horizontal);
+      rawProps, "Horizontal", sourceValue.horizontal, {}, prefix, suffix);
   result.vertical = convertRawProp(
-      rawProps, prefix + "Vertical" + suffix, sourceValue.vertical);
+      rawProps, "Vertical", sourceValue.vertical, {}, prefix, suffix);
 
-  result.all = convertRawProp(rawProps, prefix + suffix, sourceValue.all);
+  result.all =
+      convertRawProp(rawProps, "", sourceValue.all, {}, prefix, suffix);
 
   return result;
 }
diff --git a/ReactCommon/fabric/components/view/yoga/YogaLayoutableShadowNode.cpp b/ReactCommon/fabric/components/view/yoga/YogaLayoutableShadowNode.cpp
index 89abffeb1bfc9b..62f9596ffc96dc 100644
--- a/ReactCommon/fabric/components/view/yoga/YogaLayoutableShadowNode.cpp
+++ b/ReactCommon/fabric/components/view/yoga/YogaLayoutableShadowNode.cpp
@@ -22,21 +22,17 @@ namespace facebook {
 namespace react {
 
 YogaLayoutableShadowNode::YogaLayoutableShadowNode()
-    : yogaNode_({}), yogaConfig_(nullptr) {
-  initializeYogaConfig(yogaConfig_);
-
-  yogaNode_.setConfig(&yogaConfig_);
+    : yogaConfig_(nullptr), yogaNode_(&initializeYogaConfig(yogaConfig_)) {
   yogaNode_.setContext(this);
 }
 
 YogaLayoutableShadowNode::YogaLayoutableShadowNode(
     const YogaLayoutableShadowNode &layoutableShadowNode)
     : LayoutableShadowNode(layoutableShadowNode),
-      yogaNode_(layoutableShadowNode.yogaNode_),
-      yogaConfig_(nullptr) {
-  initializeYogaConfig(yogaConfig_);
-
-  yogaNode_.setConfig(&yogaConfig_);
+      yogaConfig_(nullptr),
+      yogaNode_(
+          layoutableShadowNode.yogaNode_,
+          &initializeYogaConfig(yogaConfig_)) {
   yogaNode_.setContext(this);
   yogaNode_.setOwner(nullptr);
 
@@ -229,7 +225,7 @@ YGNode *YogaLayoutableShadowNode::yogaNodeCloneCallbackConnector(
     int childIndex) {
   SystraceSection s("YogaLayoutableShadowNode::yogaNodeCloneCallbackConnector");
 
-  // At this point it is garanteed that all shadow nodes associated with yoga
+  // At this point it is guaranteed that all shadow nodes associated with yoga
   // nodes are `YogaLayoutableShadowNode` subclasses.
   auto parentNode =
       static_cast<YogaLayoutableShadowNode *>(parentYogaNode->getContext());
@@ -286,10 +282,11 @@ YGSize YogaLayoutableShadowNode::yogaNodeMeasureCallbackConnector(
                 yogaFloatFromFloat(size.height)};
 }
 
-void YogaLayoutableShadowNode::initializeYogaConfig(YGConfig &config) {
+YGConfig &YogaLayoutableShadowNode::initializeYogaConfig(YGConfig &config) {
   config.setCloneNodeCallback(
       YogaLayoutableShadowNode::yogaNodeCloneCallbackConnector);
   config.useLegacyStretchBehaviour = true;
+  return config;
 }
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/view/yoga/YogaLayoutableShadowNode.h b/ReactCommon/fabric/components/view/yoga/YogaLayoutableShadowNode.h
index 012f67091c38df..afb369e60fe67e 100644
--- a/ReactCommon/fabric/components/view/yoga/YogaLayoutableShadowNode.h
+++ b/ReactCommon/fabric/components/view/yoga/YogaLayoutableShadowNode.h
@@ -94,6 +94,11 @@ class YogaLayoutableShadowNode : public LayoutableShadowNode,
   LayoutableShadowNode::UnsharedList getLayoutableChildNodes() const override;
 
  protected:
+  /*
+   * Yoga config associated (only) with this particular node.
+   */
+  YGConfig yogaConfig_;
+
   /*
    * All Yoga functions only accept non-const arguments, so we have to mark
    * Yoga node as `mutable` here to avoid `static_cast`ing the pointer to this
@@ -101,13 +106,8 @@ class YogaLayoutableShadowNode : public LayoutableShadowNode,
    */
   mutable YGNode yogaNode_;
 
-  /*
-   * Yoga config associated (only) with this particular node.
-   */
-  YGConfig yogaConfig_;
-
  private:
-  static void initializeYogaConfig(YGConfig &config);
+  static YGConfig &initializeYogaConfig(YGConfig &config);
   static YGNode *yogaNodeCloneCallbackConnector(
       YGNode *oldYogaNode,
       YGNode *parentYogaNode,
diff --git a/ReactCommon/fabric/components/view/yoga/YogaStylableProps.cpp b/ReactCommon/fabric/components/view/yoga/YogaStylableProps.cpp
index 03478ee3369d7b..de1ea98d38ee49 100644
--- a/ReactCommon/fabric/components/view/yoga/YogaStylableProps.cpp
+++ b/ReactCommon/fabric/components/view/yoga/YogaStylableProps.cpp
@@ -19,19 +19,19 @@
 namespace facebook {
 namespace react {
 
-YogaStylableProps::YogaStylableProps(const YGStyle &yogaStyle)
+YogaStylableProps::YogaStylableProps(YGStyle const &yogaStyle)
     : yogaStyle(yogaStyle) {}
 
 YogaStylableProps::YogaStylableProps(
-    const YogaStylableProps &sourceProps,
-    const RawProps &rawProps)
+    YogaStylableProps const &sourceProps,
+    RawProps const &rawProps)
     : yogaStyle(convertRawProp(rawProps, sourceProps.yogaStyle)){};
 
 #pragma mark - DebugStringConvertible
 
 #if RN_DEBUG_STRING_CONVERTIBLE
 SharedDebugStringConvertibleList YogaStylableProps::getDebugProps() const {
-  const auto defaultYogaStyle = YGStyle{};
+  auto const defaultYogaStyle = YGStyle{};
   return {
       debugStringConvertibleItem(
           "direction", yogaStyle.direction(), defaultYogaStyle.direction()),
diff --git a/ReactCommon/fabric/components/view/yoga/YogaStylableProps.h b/ReactCommon/fabric/components/view/yoga/YogaStylableProps.h
index 6fa82ebe146fb6..a6b4795cda7231 100644
--- a/ReactCommon/fabric/components/view/yoga/YogaStylableProps.h
+++ b/ReactCommon/fabric/components/view/yoga/YogaStylableProps.h
@@ -15,23 +15,19 @@
 namespace facebook {
 namespace react {
 
-class YogaStylableProps;
-
-typedef std::shared_ptr<const YogaStylableProps> SharedYogaStylableProps;
-
 class YogaStylableProps {
  public:
   YogaStylableProps() = default;
-  YogaStylableProps(const YGStyle &yogaStyle);
+  YogaStylableProps(YGStyle const &yogaStyle);
   YogaStylableProps(
-      const YogaStylableProps &sourceProps,
-      const RawProps &rawProps);
+      YogaStylableProps const &sourceProps,
+      RawProps const &rawProps);
 
 #pragma mark - Props
 
  protected:
   friend class YogaLayoutableShadowNode;
-  const YGStyle yogaStyle{};
+  YGStyle const yogaStyle{};
 
 #if RN_DEBUG_STRING_CONVERTIBLE
 
diff --git a/ReactCommon/fabric/core/BUCK b/ReactCommon/fabric/core/BUCK
index 27456f16061242..5d744cfc674eae 100644
--- a/ReactCommon/fabric/core/BUCK
+++ b/ReactCommon/fabric/core/BUCK
@@ -1,5 +1,17 @@
+load("@fbsource//tools/build_defs:fb_xplat_cxx_binary.bzl", "fb_xplat_cxx_binary")
 load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
-load("//tools/build_defs/oss:rn_defs.bzl", "ANDROID", "APPLE", "fb_xplat_cxx_test", "get_apple_compiler_flags", "get_apple_inspector_flags", "react_native_xplat_target", "rn_xplat_cxx_library", "subdir_glob")
+load(
+    "//tools/build_defs/oss:rn_defs.bzl",
+    "ANDROID",
+    "APPLE",
+    "CXX",
+    "fb_xplat_cxx_test",
+    "get_apple_compiler_flags",
+    "get_apple_inspector_flags",
+    "react_native_xplat_target",
+    "rn_xplat_cxx_library",
+    "subdir_glob",
+)
 
 APPLE_COMPILER_FLAGS = get_apple_compiler_flags()
 
@@ -36,7 +48,7 @@ rn_xplat_cxx_library(
     fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
     force_static = True,
     macosx_tests_override = [],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
         "-DWITH_FBSYSTRACE=1",
@@ -59,8 +71,8 @@ rn_xplat_cxx_library(
 
 fb_xplat_cxx_test(
     name = "tests",
-    srcs = glob(["tests/**/*.cpp"]),
-    headers = glob(["tests/**/*.h"]),
+    srcs = glob(["tests/*.cpp"]),
+    headers = glob(["tests/*.h"]),
     compiler_flags = [
         "-fexceptions",
         "-frtti",
@@ -68,10 +80,33 @@ fb_xplat_cxx_test(
         "-Wall",
     ],
     contacts = ["oncall+react_native@xmail.facebook.com"],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     deps = [
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/gmock:gtest",
         ":core",
     ],
 )
+
+fb_xplat_cxx_binary(
+    name = "benchmarks",
+    srcs = glob(["tests/benchmarks/*.cpp"]),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+        "-Wno-unused-variable",
+    ],
+    contacts = ["oncall+react_native@xmail.facebook.com"],
+    fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
+    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    platforms = (ANDROID, APPLE, CXX),
+    visibility = ["PUBLIC"],
+    deps = [
+        "fbsource//xplat/third-party/benchmark:benchmark",
+        react_native_xplat_target("utils:utils"),
+        react_native_xplat_target("fabric/components/view:view"),
+        ":core",
+    ],
+)
diff --git a/ReactCommon/fabric/core/componentdescriptor/ComponentDescriptor.h b/ReactCommon/fabric/core/componentdescriptor/ComponentDescriptor.h
index d4710599b30273..1eb5cb81cf41dc 100644
--- a/ReactCommon/fabric/core/componentdescriptor/ComponentDescriptor.h
+++ b/ReactCommon/fabric/core/componentdescriptor/ComponentDescriptor.h
@@ -9,6 +9,7 @@
 
 #include <react/core/EventDispatcher.h>
 #include <react/core/Props.h>
+#include <react/core/RawPropsParser.h>
 #include <react/core/ShadowNode.h>
 #include <react/core/State.h>
 #include <react/core/StateData.h>
@@ -34,7 +35,7 @@ class ComponentDescriptor {
 
   ComponentDescriptor(
       EventDispatcher::Shared const &eventDispatcher,
-      ContextContainer::Shared const &contextContainer = {});
+      ContextContainer::Shared const &contextContainer);
 
   virtual ~ComponentDescriptor() = default;
 
@@ -112,6 +113,7 @@ class ComponentDescriptor {
  protected:
   EventDispatcher::Shared eventDispatcher_;
   ContextContainer::Shared contextContainer_;
+  RawPropsParser rawPropsParser_{};
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/core/componentdescriptor/ConcreteComponentDescriptor.h b/ReactCommon/fabric/core/componentdescriptor/ConcreteComponentDescriptor.h
index 22114c35f89511..b0ab8c3b88caf9 100644
--- a/ReactCommon/fabric/core/componentdescriptor/ConcreteComponentDescriptor.h
+++ b/ReactCommon/fabric/core/componentdescriptor/ConcreteComponentDescriptor.h
@@ -45,7 +45,12 @@ class ConcreteComponentDescriptor : public ComponentDescriptor {
   using ConcreteState = typename ShadowNodeT::ConcreteState;
   using ConcreteStateData = typename ShadowNodeT::ConcreteState::Data;
 
-  using ComponentDescriptor::ComponentDescriptor;
+  ConcreteComponentDescriptor(
+      EventDispatcher::Shared const &eventDispatcher,
+      ContextContainer::Shared const &contextContainer = {})
+      : ComponentDescriptor(eventDispatcher, contextContainer) {
+    rawPropsParser_.prepare<ConcreteProps>();
+  }
 
   ComponentHandle getComponentHandle() const override {
     return ShadowNodeT::Handle();
@@ -90,6 +95,12 @@ class ConcreteComponentDescriptor : public ComponentDescriptor {
   virtual SharedProps cloneProps(
       const SharedProps &props,
       const RawProps &rawProps) const override {
+    if (rawProps.isEmpty()) {
+      return props ? props : ShadowNodeT::defaultSharedProps();
+    }
+
+    rawProps.parse(rawPropsParser_);
+
     return ShadowNodeT::Props(rawProps, props);
   };
 
diff --git a/ReactCommon/fabric/core/conversions.h b/ReactCommon/fabric/core/conversions.h
index d9066d8a514bc7..05ced94cc04516 100644
--- a/ReactCommon/fabric/core/conversions.h
+++ b/ReactCommon/fabric/core/conversions.h
@@ -23,6 +23,17 @@ inline std::string toString(const LayoutDirection &layoutDirection) {
   }
 }
 
+inline int toInt(const LayoutDirection &layoutDirection) {
+  switch (layoutDirection) {
+    case LayoutDirection::Undefined:
+      return 0;
+    case LayoutDirection::LeftToRight:
+      return 1;
+    case LayoutDirection::RightToLeft:
+      return 2;
+  }
+}
+
 inline std::string toString(const DisplayType &displayType) {
   switch (displayType) {
     case DisplayType::None:
diff --git a/ReactCommon/fabric/core/events/EventBeat.h b/ReactCommon/fabric/core/events/EventBeat.h
index 448da6dee2a02c..664a7292f9f7da 100644
--- a/ReactCommon/fabric/core/events/EventBeat.h
+++ b/ReactCommon/fabric/core/events/EventBeat.h
@@ -17,7 +17,7 @@ namespace react {
 
 /*
  * Event Beat serves two interleaving purposes: synchronization of event queues
- * and ensuring that event dispatching happens on propper threads.
+ * and ensuring that event dispatching happens on proper threads.
  */
 class EventBeat {
  public:
diff --git a/ReactCommon/fabric/core/events/EventDispatcher.cpp b/ReactCommon/fabric/core/events/EventDispatcher.cpp
index ea08e6d8bb7ecb..00c7dbd5a3214b 100644
--- a/ReactCommon/fabric/core/events/EventDispatcher.cpp
+++ b/ReactCommon/fabric/core/events/EventDispatcher.cpp
@@ -58,15 +58,7 @@ void EventDispatcher::dispatchStateUpdate(
 
 const EventQueue &EventDispatcher::getEventQueue(EventPriority priority) const {
 #ifdef REACT_FABRIC_SYNC_EVENT_DISPATCHING_DISABLED
-  // Synchronous dispatch works, but JavaScript interop layer does not have
-  // proper synchonization yet and it crashes.
-  if (priority == EventPriority::SynchronousUnbatched) {
-    priority = EventPriority::AsynchronousUnbatched;
-  }
-
-  if (priority == EventPriority::SynchronousBatched) {
-    priority = EventPriority::AsynchronousBatched;
-  }
+  priority = EventPriority::AsynchronousBatched;
 #endif
 
   return *eventQueues_[(int)priority];
diff --git a/ReactCommon/fabric/core/events/EventEmitter.h b/ReactCommon/fabric/core/events/EventEmitter.h
index f819e56b024cd4..def04274ea67bd 100644
--- a/ReactCommon/fabric/core/events/EventEmitter.h
+++ b/ReactCommon/fabric/core/events/EventEmitter.h
@@ -68,7 +68,7 @@ class EventEmitter {
 #endif
 
   /*
-   * Initates an event delivery process.
+   * Initiates an event delivery process.
    * Is used by particular subclasses only.
    */
   void dispatchEvent(
diff --git a/ReactCommon/fabric/core/layout/LayoutMetrics.h b/ReactCommon/fabric/core/layout/LayoutMetrics.h
index cf85510b124f9b..0c1d473112bf23 100644
--- a/ReactCommon/fabric/core/layout/LayoutMetrics.h
+++ b/ReactCommon/fabric/core/layout/LayoutMetrics.h
@@ -14,7 +14,7 @@ namespace facebook {
 namespace react {
 
 /*
- * Describes results of layout process for partucular shadow node.
+ * Describes results of layout process for particular shadow node.
  */
 struct LayoutMetrics {
   Rect frame;
diff --git a/ReactCommon/fabric/core/layout/LayoutPrimitives.h b/ReactCommon/fabric/core/layout/LayoutPrimitives.h
index 6c6f524aec16f2..86582e0e3b656f 100644
--- a/ReactCommon/fabric/core/layout/LayoutPrimitives.h
+++ b/ReactCommon/fabric/core/layout/LayoutPrimitives.h
@@ -14,7 +14,7 @@ namespace facebook {
 namespace react {
 
 /*
- * Defines visibility of the shadow node and partucular layout
+ * Defines visibility of the shadow node and particular layout
  * engine which should be used for laying out the node.
  */
 enum class DisplayType {
diff --git a/ReactCommon/fabric/core/layout/LayoutableShadowNode.h b/ReactCommon/fabric/core/layout/LayoutableShadowNode.h
index d28561cceb824e..427f443e21db7b 100644
--- a/ReactCommon/fabric/core/layout/LayoutableShadowNode.h
+++ b/ReactCommon/fabric/core/layout/LayoutableShadowNode.h
@@ -37,14 +37,14 @@ class LayoutableShadowNode : public virtual Sealable {
   virtual ~LayoutableShadowNode() noexcept = default;
 
   /*
-   * Measures the node (and node content, propbably recursivly) with
+   * Measures the node (and node content, probably recursively) with
    * given constrains and relying on possible layout.
    * Default implementation returns zero size.
    */
   virtual Size measure(LayoutConstraints layoutConstraints) const;
 
   /*
-   * Computes layout recusively.
+   * Computes layout recursively.
    * Additional environmental constraints might be provided via `layoutContext`
    * argument.
    * Default implementation basically calls `layoutChildren()` and then
@@ -98,7 +98,7 @@ class LayoutableShadowNode : public virtual Sealable {
 
   /*
    * Applies layout for all children;
-   * does not call anything in recusive manner *by desing*.
+   * does not call anything in recursive manner *by desing*.
    */
   virtual void layoutChildren(LayoutContext layoutContext);
 
diff --git a/ReactCommon/fabric/core/primitives/RawProps.cpp b/ReactCommon/fabric/core/primitives/RawProps.cpp
index a647a379f577c7..f655a2437d4af0 100644
--- a/ReactCommon/fabric/core/primitives/RawProps.cpp
+++ b/ReactCommon/fabric/core/primitives/RawProps.cpp
@@ -6,3 +6,91 @@
  */
 
 #include "RawProps.h"
+
+#include <react/core/RawPropsParser.h>
+
+namespace facebook {
+namespace react {
+
+RawProps::RawProps() {
+  mode_ = Mode::Empty;
+}
+
+/*
+ * Creates an object with given `runtime` and `value`.
+ */
+RawProps::RawProps(jsi::Runtime &runtime, jsi::Value const &value) noexcept {
+  if (value.isNull()) {
+    mode_ = Mode::Empty;
+    return;
+  }
+
+  mode_ = mode_ = Mode::JSI;
+  runtime_ = &runtime;
+  value_ = jsi::Value(runtime, value);
+}
+
+/*
+ * Creates an object with given `folly::dynamic` object.
+ * Deprecated. Do not use.
+ * We need this temporary, only because we have a callsite that does not have
+ * a `jsi::Runtime` behind the data.
+ */
+RawProps::RawProps(folly::dynamic const &dynamic) noexcept {
+  if (dynamic.isNull()) {
+    mode_ = Mode::Empty;
+    return;
+  }
+
+  mode_ = Mode::Dynamic;
+  dynamic_ = dynamic;
+}
+
+void RawProps::parse(RawPropsParser const &parser) const {
+  assert(parser_ == nullptr && "A parser was already assigned.");
+  parser_ = &parser;
+  parser.preparse(*this);
+}
+
+#ifdef ANDROID
+/*
+ * Deprecated. Do not use.
+ * The support for explicit conversion to `folly::dynamic` is deprecated and
+ * will be removed as soon Android implementation does not need it.
+ */
+RawProps::operator folly::dynamic() const noexcept {
+  switch (mode_) {
+    case Mode::Empty:
+      return folly::dynamic::object();
+    case Mode::JSI:
+      return jsi::dynamicFromValue(*runtime_, value_);
+    case Mode::Dynamic:
+      return dynamic_;
+  }
+}
+#endif
+
+/*
+ * Returns `true` if the object is empty.
+ * Empty `RawProps` does not have any stored data.
+ */
+bool RawProps::isEmpty() const noexcept {
+  return mode_ == Mode::Empty;
+}
+
+/*
+ * Returns a const unowning pointer to `RawValue` of a prop with a given name.
+ * Returns `nullptr` if a prop with the given name does not exist.
+ */
+const RawValue *RawProps::at(
+    char const *name,
+    char const *prefix,
+    char const *suffix) const noexcept {
+  assert(
+      parser_ &&
+      "The object is not parsed. `parse` must be called before `at`.");
+  return parser_->at(*this, RawPropsKey{prefix, name, suffix});
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/primitives/RawProps.h b/ReactCommon/fabric/core/primitives/RawProps.h
index 6112e6abe662d8..29ac85bcbda590 100644
--- a/ReactCommon/fabric/core/primitives/RawProps.h
+++ b/ReactCommon/fabric/core/primitives/RawProps.h
@@ -7,15 +7,25 @@
 
 #pragma once
 
+#include <limits>
+
 #include <better/map.h>
+#include <better/optional.h>
+#include <better/small_vector.h>
+
 #include <folly/dynamic.h>
 #include <jsi/JSIDynamic.h>
 #include <jsi/jsi.h>
+#include <react/core/RawPropsKey.h>
+#include <react/core/RawPropsPrimitives.h>
 #include <react/core/RawValue.h>
+#include <vector>
 
 namespace facebook {
 namespace react {
 
+class RawPropsParser;
+
 /*
  * `RawProps` represents an untyped map of props comes from JavaScript side.
  * `RawProps` stores JSI (or `folly::dynamic`) primitives inside and abstract
@@ -26,29 +36,31 @@ namespace react {
  * pair (or folly::dynamic) preventing direct access to it and inefficient
  * misuse. Not copyable, not moveable.
  */
-class RawProps {
+class RawProps final {
  public:
+  /*
+   * Mode
+   * Represents the type of source data.
+   */
+  enum class Mode { Empty, JSI, Dynamic };
+
+  /*
+   * Creates empty RawProps objects.
+   */
+  RawProps();
+
   /*
    * Creates an object with given `runtime` and `value`.
    */
-  RawProps(jsi::Runtime &runtime, const jsi::Value &value) noexcept
-      : RawProps(
-            value.isNull() ? folly::dynamic::object()
-                           : jsi::dynamicFromValue(runtime, value)) {}
+  RawProps(jsi::Runtime &runtime, jsi::Value const &value) noexcept;
 
   /*
    * Creates an object with given `folly::dynamic` object.
-   * Deprecated.
+   * Deprecated. Do not use.
    * We need this temporary, only because we have a callsite that does not have
    * a `jsi::Runtime` behind the data.
    */
-  RawProps(const folly::dynamic &dynamic) noexcept
-      :
-#ifdef ANDROID
-        dynamic_(dynamic),
-#endif
-        map_((better::map<std::string, RawValue>)RawValue(dynamic)) {
-  }
+  RawProps(folly::dynamic const &dynamic) noexcept;
 
   /*
    * Not moveable.
@@ -59,8 +71,10 @@ class RawProps {
   /*
    * Not copyable.
    */
-  RawProps(const RawProps &other) noexcept = delete;
-  RawProps &operator=(const RawProps &other) noexcept = delete;
+  RawProps(RawProps const &other) noexcept = delete;
+  RawProps &operator=(RawProps const &other) noexcept = delete;
+
+  void parse(RawPropsParser const &parser) const;
 
 #ifdef ANDROID
   /*
@@ -68,30 +82,56 @@ class RawProps {
    * The support for explicit conversion to `folly::dynamic` is deprecated and
    * will be removed as soon Android implementation does not need it.
    */
-  explicit operator folly::dynamic() const noexcept {
-    return dynamic_;
-  }
+  explicit operator folly::dynamic() const noexcept;
 #endif
 
+  /*
+   * Returns `true` if the object is empty.
+   * Empty `RawProps` does not have any stored data.
+   */
+  bool isEmpty() const noexcept;
+
   /*
    * Returns a const unowning pointer to `RawValue` of a prop with a given name.
    * Returns `nullptr` if a prop with the given name does not exist.
    */
-  const RawValue *at(const std::string &name) const noexcept {
-    auto iterator = map_.find(name);
-    if (iterator == map_.end()) {
-      return nullptr;
-    }
-
-    return &iterator->second;
-  }
+  const RawValue *at(char const *name, char const *prefix, char const *suffix)
+      const noexcept;
 
  private:
-#ifdef ANDROID
-  const folly::dynamic dynamic_;
-#endif
+  friend class RawPropsParser;
+
+  mutable RawPropsParser const *parser_{nullptr};
+
+  /*
+   * Source artefacts:
+   */
+  // Mode
+  mutable Mode mode_;
 
-  const better::map<std::string, RawValue> map_;
+  // Case 1: Source data is represented as `jsi::Object`.
+  jsi::Runtime *runtime_;
+  jsi::Value value_;
+
+  // Case 2: Source data is represented as `folly::dynamic`.
+  folly::dynamic dynamic_;
+
+  /*
+   * The index of a prop value that was evaluated on the previous iterations of
+   * calling `at()`.
+   */
+  mutable int keyIndexCursor_{0};
+
+  /*
+   * Parsed artefacts:
+   * To be used by `RawPropParser`.
+   */
+  mutable better::
+      small_vector<RawPropsValueIndex, kNumberOfPropsPerComponentSoftCap>
+          keyIndexToValueIndex_;
+  mutable better::
+      small_vector<RawValue, kNumberOfExplicitlySpecifedPropsSoftCap>
+          values_;
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/core/primitives/RawPropsKey.cpp b/ReactCommon/fabric/core/primitives/RawPropsKey.cpp
new file mode 100644
index 00000000000000..8deae017df8f13
--- /dev/null
+++ b/ReactCommon/fabric/core/primitives/RawPropsKey.cpp
@@ -0,0 +1,61 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "RawPropsKey.h"
+
+#include <cassert>
+#include <cstring>
+
+#include <react/core/RawPropsPrimitives.h>
+
+namespace facebook {
+namespace react {
+
+void RawPropsKey::render(char *buffer, RawPropsPropNameLength *length) const {
+  *length = 0;
+
+  // Prefix
+  if (prefix) {
+    auto prefixLength = std::strlen(prefix);
+    std::memcpy(buffer, prefix, prefixLength);
+    *length = prefixLength;
+  }
+
+  // Name
+  auto nameLength = std::strlen(name);
+  std::memcpy(buffer + *length, name, nameLength);
+  *length += nameLength;
+
+  // Suffix
+  if (suffix) {
+    int suffixLength = std::strlen(suffix);
+    std::memcpy(buffer + *length, suffix, suffixLength);
+    *length += suffixLength;
+  }
+  assert(*length < kPropNameLengthHardCap);
+}
+
+RawPropsKey::operator std::string() const {
+  char buffer[kPropNameLengthHardCap];
+  RawPropsPropNameLength length = 0;
+  render(buffer, &length);
+  assert(length < kPropNameLengthHardCap);
+  return std::string{buffer, length};
+}
+
+bool operator==(RawPropsKey const &lhs, RawPropsKey const &rhs) {
+  // Note: We check the name first.
+  return lhs.name == rhs.name && lhs.prefix == rhs.prefix &&
+      lhs.suffix == rhs.suffix;
+}
+
+bool operator!=(RawPropsKey const &lhs, RawPropsKey const &rhs) {
+  return !(lhs == rhs);
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/primitives/RawPropsKey.h b/ReactCommon/fabric/core/primitives/RawPropsKey.h
new file mode 100644
index 00000000000000..d209230026c638
--- /dev/null
+++ b/ReactCommon/fabric/core/primitives/RawPropsKey.h
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 <react/core/RawPropsPrimitives.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Represent a prop name stored as three `char const *` fragments.
+ */
+class RawPropsKey final {
+ public:
+  char const *prefix{};
+  char const *name{};
+  char const *suffix{};
+
+  /*
+   * Converts to `std::string`.
+   */
+  explicit operator std::string() const;
+
+  /*
+   * Renders compound prop name to given buffer and put the resulting length
+   * into `length`.
+   */
+  void render(char *buffer, RawPropsPropNameLength *length) const;
+};
+
+bool operator==(RawPropsKey const &lhs, RawPropsKey const &rhs);
+bool operator!=(RawPropsKey const &lhs, RawPropsKey const &rhs);
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/primitives/RawPropsKeyMap.cpp b/ReactCommon/fabric/core/primitives/RawPropsKeyMap.cpp
new file mode 100644
index 00000000000000..913e6505070334
--- /dev/null
+++ b/ReactCommon/fabric/core/primitives/RawPropsKeyMap.cpp
@@ -0,0 +1,88 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "RawPropsKeyMap.h"
+
+#include <cassert>
+#include <cstdlib>
+#include <cstring>
+
+namespace facebook {
+namespace react {
+
+int RawPropsKeyMap::comparator(void const *lhs, void const *rhs) {
+  auto a = static_cast<RawPropsKeyMap::Item const *>(lhs);
+  auto b = static_cast<RawPropsKeyMap::Item const *>(rhs);
+
+  if (a->length != b->length) {
+    return a->length - b->length;
+  }
+
+  return std::memcmp(a->name, b->name, a->length);
+}
+
+void RawPropsKeyMap::insert(RawPropsKey const &key, RawPropsValueIndex value) {
+  auto item = Item{};
+  item.value = value;
+  key.render(item.name, &item.length);
+  items_.push_back(item);
+}
+
+void RawPropsKeyMap::reindex() {
+  // Sorting `items_` by property names length and then lexicographically.
+  std::qsort(
+      items_.data(),
+      items_.size(),
+      sizeof(decltype(items_)::value_type),
+      &RawPropsKeyMap::comparator);
+
+  buckets_.resize(kPropNameLengthHardCap);
+
+  auto length = RawPropsPropNameLength{0};
+  for (auto i = 0; i < items_.size(); i++) {
+    auto &item = items_[i];
+    if (item.length != length) {
+      for (auto j = length; j < item.length; j++) {
+        buckets_[j] = i;
+      }
+      length = item.length;
+    }
+  }
+
+  for (auto j = length; j < buckets_.size(); j++) {
+    buckets_[j] = items_.size();
+  }
+}
+
+RawPropsValueIndex RawPropsKeyMap::at(
+    char const *name,
+    RawPropsPropNameLength length) {
+  assert(length > 0);
+  assert(length < kPropNameLengthHardCap);
+  // 1. Find the bucket.
+  auto lower = int{buckets_[length - 1]};
+  auto upper = int{buckets_[length]} - 1;
+  assert(lower - 1 <= upper);
+
+  // 2. Binary search in the bucket.
+  while (lower <= upper) {
+    auto median = (lower + upper) / 2;
+    auto condition = std::memcmp(items_[median].name, name, length);
+    if (condition < 0) {
+      lower = median + 1;
+    } else if (condition == 0) {
+      return items_[median].value;
+    } else /* if (condition > 0) */ {
+      upper = median - 1;
+    }
+  }
+
+  return kRawPropsValueIndexEmpty;
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/primitives/RawPropsKeyMap.h b/ReactCommon/fabric/core/primitives/RawPropsKeyMap.h
new file mode 100644
index 00000000000000..3fa8347a4e666c
--- /dev/null
+++ b/ReactCommon/fabric/core/primitives/RawPropsKeyMap.h
@@ -0,0 +1,59 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 <better/small_vector.h>
+
+#include <react/core/RawPropsKey.h>
+#include <react/core/RawPropsPrimitives.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * A map especially optimized to hold `{name: index}` relations.
+ * The implementation is conceptually similar to a classic hash map with a hash
+ * function that returns the length of the string.
+ * The map is optimized for reads only (the map must be reindexed before a bunch
+ * of reads).
+ */
+class RawPropsKeyMap final {
+ public:
+  /*
+   * Stores `value` with by given `key`.
+   */
+  void insert(RawPropsKey const &key, RawPropsValueIndex value);
+
+  /*
+   * Reindexes the stored data.
+   * Must be called before `at` (after calling a bunch of `add`s).
+   */
+  void reindex();
+
+  /*
+   * Finds and returns the `value` (some index) by given `key`.
+   * Returns `kRawPropsValueIndexEmpty` if the value wan't found.
+   */
+  RawPropsValueIndex at(char const *name, RawPropsPropNameLength length);
+
+ private:
+  static int comparator(void const *lhs, void const *rhs);
+
+  struct Item {
+    RawPropsValueIndex value;
+    RawPropsPropNameLength length;
+    char name[kPropNameLengthHardCap];
+  };
+
+  better::small_vector<Item, kNumberOfExplicitlySpecifedPropsSoftCap> items_{};
+  better::small_vector<RawPropsPropNameLength, kPropNameLengthHardCap>
+      buckets_{};
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/primitives/RawPropsParser.cpp b/ReactCommon/fabric/core/primitives/RawPropsParser.cpp
new file mode 100644
index 00000000000000..0da2edf620220c
--- /dev/null
+++ b/ReactCommon/fabric/core/primitives/RawPropsParser.cpp
@@ -0,0 +1,106 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "RawPropsParser.h"
+
+#include <folly/Likely.h>
+#include <react/core/RawProps.h>
+
+namespace facebook {
+namespace react {
+
+RawValue const *RawPropsParser::at(
+    RawProps const &rawProps,
+    RawPropsKey const &key) const {
+  if (UNLIKELY(!ready_)) {
+    // This is not thread-safe part; this happens only during initialization of
+    // a `ComponentDescriptor` where it is actually safe.
+    keys_.push_back(key);
+    nameToIndex_.insert(key, size_);
+    size_++;
+    return nullptr;
+  }
+
+  do {
+    rawProps.keyIndexCursor_++;
+
+    if (UNLIKELY(rawProps.keyIndexCursor_ >= size_)) {
+      rawProps.keyIndexCursor_ = 0;
+    }
+  } while (UNLIKELY(key != keys_[rawProps.keyIndexCursor_]));
+
+  auto valueIndex = rawProps.keyIndexToValueIndex_[rawProps.keyIndexCursor_];
+  return valueIndex == kRawPropsValueIndexEmpty ? nullptr
+                                                : &rawProps.values_[valueIndex];
+}
+
+void RawPropsParser::postPrepare() {
+  ready_ = true;
+  nameToIndex_.reindex();
+}
+
+void RawPropsParser::preparse(RawProps const &rawProps) const {
+  rawProps.keyIndexToValueIndex_.resize(size_, kRawPropsValueIndexEmpty);
+
+  // Resetting the cursor, the next increment will give `0`.
+  rawProps.keyIndexCursor_ = size_ - 1;
+
+  switch (rawProps.mode_) {
+    case RawProps::Mode::Empty:
+      return;
+
+    case RawProps::Mode::JSI: {
+      auto &runtime = *rawProps.runtime_;
+      auto object = rawProps.value_.asObject(runtime);
+
+      auto names = object.getPropertyNames(runtime);
+      auto count = names.size(runtime);
+      auto valueIndex = RawPropsValueIndex{0};
+
+      for (auto i = 0; i < count; i++) {
+        auto nameValue = names.getValueAtIndex(runtime, i).getString(runtime);
+        auto value = object.getProperty(runtime, nameValue);
+
+        auto name = nameValue.utf8(runtime);
+
+        auto keyIndex = nameToIndex_.at(name.data(), name.size());
+        if (keyIndex == kRawPropsValueIndexEmpty) {
+          continue;
+        }
+
+        rawProps.keyIndexToValueIndex_[keyIndex] = valueIndex;
+        rawProps.values_.push_back(
+            RawValue(jsi::dynamicFromValue(runtime, value)));
+        valueIndex++;
+      }
+
+      break;
+    }
+
+    case RawProps::Mode::Dynamic: {
+      auto const &dynamic = rawProps.dynamic_;
+      auto valueIndex = RawPropsValueIndex{0};
+
+      for (auto const &pair : dynamic.items()) {
+        auto name = pair.first.getString();
+
+        auto keyIndex = nameToIndex_.at(name.data(), name.size());
+        if (keyIndex == kRawPropsValueIndexEmpty) {
+          continue;
+        }
+
+        rawProps.keyIndexToValueIndex_[keyIndex] = valueIndex;
+        rawProps.values_.push_back(RawValue{pair.second});
+        valueIndex++;
+      }
+      break;
+    }
+  }
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/primitives/RawPropsParser.h b/ReactCommon/fabric/core/primitives/RawPropsParser.h
new file mode 100644
index 00000000000000..e9b142fdd51e28
--- /dev/null
+++ b/ReactCommon/fabric/core/primitives/RawPropsParser.h
@@ -0,0 +1,77 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 <better/map.h>
+#include <better/small_vector.h>
+#include <react/core/Props.h>
+#include <react/core/RawProps.h>
+#include <react/core/RawPropsKey.h>
+#include <react/core/RawPropsKeyMap.h>
+#include <react/core/RawPropsPrimitives.h>
+#include <react/core/RawValue.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Specialized (to a particular type of Props) parser that provides the most
+ * efficient access to `RawProps` content.
+ */
+class RawPropsParser final {
+ public:
+  /*
+   * Default constructor.
+   * To be used by `ConcreteComponentDescriptor` only.
+   */
+  RawPropsParser() = default;
+
+  /*
+   * To be used by `ConcreteComponentDescriptor` only.
+   */
+  template <typename PropsT>
+  void prepare() {
+    static_assert(
+        std::is_base_of<Props, PropsT>::value,
+        "PropsT must be a descendant of Props");
+    RawProps emptyRawProps{};
+    emptyRawProps.parse(*this);
+    PropsT({}, emptyRawProps);
+    postPrepare();
+  }
+
+ private:
+  friend class ComponentDescriptor;
+  template <class ShadowNodeT>
+  friend class ConcreteComponentDescriptor;
+  friend class RawProps;
+
+  /*
+   * To be used by `RawProps` only.
+   */
+  void preparse(RawProps const &rawProps) const;
+
+  /*
+   * Non-generic part of `prepare`.
+   */
+  void postPrepare();
+
+  /*
+   * To be used by `RawProps` only.
+   */
+  RawValue const *at(RawProps const &rawProps, RawPropsKey const &key) const;
+
+  mutable better::small_vector<RawPropsKey, kNumberOfPropsPerComponentSoftCap>
+      keys_{};
+  mutable RawPropsKeyMap nameToIndex_{};
+  mutable int size_{0};
+  mutable bool ready_{false};
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/primitives/RawPropsPrimitives.h b/ReactCommon/fabric/core/primitives/RawPropsPrimitives.h
new file mode 100644
index 00000000000000..8561f69dd39f45
--- /dev/null
+++ b/ReactCommon/fabric/core/primitives/RawPropsPrimitives.h
@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 <limits>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Type used to represent an index of some stored values in small arrays.
+ */
+using RawPropsValueIndex = uint8_t;
+static_assert(
+    sizeof(RawPropsValueIndex) == 1,
+    "RawPropsValueIndex must be one byte size.");
+using RawPropsPropNameLength = uint8_t;
+
+/*
+ * The number which is *usually* bigger than a number of explicitly specified
+ * props for some component.
+ */
+constexpr static int kNumberOfExplicitlySpecifedPropsSoftCap = 16;
+
+/*
+ * Special value of `RawPropsValueIndex` which is used to represent `no value`.
+ */
+constexpr static RawPropsValueIndex kRawPropsValueIndexEmpty =
+    std::numeric_limits<RawPropsValueIndex>::max();
+
+/*
+ * The number of props that usually more than `*Props` classes have.
+ * Should be roughly equal to the number of props inside `ViewProps` plus
+ * about twenty. It's okay if some `*Props` class has more than this amount of
+ * props but the majority of those classes should be below this cap.
+ */
+constexpr static auto kNumberOfPropsPerComponentSoftCap = 150;
+
+/*
+ * The maximum length of the prop name.
+ * To process prop names efficiently we have to allocate the memory statically,
+ * therefore we have to have a hard limit.
+ * Can be increased up to 254.
+ */
+constexpr static auto kPropNameLengthHardCap = 64;
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/primitives/RawValue.h b/ReactCommon/fabric/core/primitives/RawValue.h
index 14a3bcacdea464..2fd2821e98afab 100644
--- a/ReactCommon/fabric/core/primitives/RawValue.h
+++ b/ReactCommon/fabric/core/primitives/RawValue.h
@@ -15,7 +15,7 @@
 namespace facebook {
 namespace react {
 
-class RawProps;
+class RawPropsParser;
 
 /*
  * `RawValue` abstracts some arbitrary complex data structure similar to JSON.
@@ -62,7 +62,8 @@ class RawValue {
   }
 
  private:
-  friend RawProps;
+  friend class RawProps;
+  friend class RawPropsParser;
 
   /*
    * Arbitrary constructors are private only for RawProps and internal usage.
diff --git a/ReactCommon/fabric/core/primitives/ReactPrimitives.h b/ReactCommon/fabric/core/primitives/ReactPrimitives.h
index 54ca67d97f5fb1..baed263c81f865 100644
--- a/ReactCommon/fabric/core/primitives/ReactPrimitives.h
+++ b/ReactCommon/fabric/core/primitives/ReactPrimitives.h
@@ -41,7 +41,7 @@ using ComponentHandle = int64_t;
  * String identifier for components used for addressing them from
  * JavaScript side.
  */
-using ComponentName = std::string;
+using ComponentName = char const *;
 
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/fabric/core/primitives/Sealable.cpp b/ReactCommon/fabric/core/primitives/Sealable.cpp
index 730e926540c5c9..0fefa8c7572405 100644
--- a/ReactCommon/fabric/core/primitives/Sealable.cpp
+++ b/ReactCommon/fabric/core/primitives/Sealable.cpp
@@ -14,7 +14,7 @@ namespace react {
 
 /*
  * Note:
- * We must explictly implement all *the rule of five* methods because:
+ * We must explicitly implement all *the rule of five* methods because:
  *   1. Using `std::atomic` behind `sealed_` implicitly deletes default
  *      constructors;
  *   2. We have to establish behaviour where any new cloned or moved instances
diff --git a/ReactCommon/fabric/core/propsConversions.h b/ReactCommon/fabric/core/propsConversions.h
index 822c3025b229fa..1835a3dfb4fc72 100644
--- a/ReactCommon/fabric/core/propsConversions.h
+++ b/ReactCommon/fabric/core/propsConversions.h
@@ -7,7 +7,8 @@
 
 #pragma once
 
-#include <folly/Optional.h>
+#include <better/optional.h>
+#include <folly/Likely.h>
 #include <folly/dynamic.h>
 #include <react/core/RawProps.h>
 #include <react/graphics/Color.h>
@@ -18,12 +19,12 @@ namespace facebook {
 namespace react {
 
 template <typename T>
-void fromRawValue(const RawValue &rawValue, T &result) {
+void fromRawValue(RawValue const &rawValue, T &result) {
   result = (T)rawValue;
 }
 
 template <typename T>
-void fromRawValue(const RawValue &rawValue, std::vector<T> &result) {
+void fromRawValue(RawValue const &rawValue, std::vector<T> &result) {
   if (rawValue.hasType<std::vector<RawValue>>()) {
     auto items = (std::vector<RawValue>)rawValue;
     auto length = items.size();
@@ -47,19 +48,21 @@ void fromRawValue(const RawValue &rawValue, std::vector<T> &result) {
 
 template <typename T, typename U = T>
 T convertRawProp(
-    const RawProps &rawProps,
-    const std::string &name,
-    const T &sourceValue,
-    const U &defaultValue = U()) {
-  const auto rawValue = rawProps.at(name);
+    RawProps const &rawProps,
+    char const *name,
+    T const &sourceValue,
+    U const &defaultValue = U(),
+    char const *namePrefix = nullptr,
+    char const *nameSuffix = nullptr) {
+  const auto *rawValue = rawProps.at(name, namePrefix, nameSuffix);
 
-  if (!rawValue) {
+  if (LIKELY(rawValue == nullptr)) {
     return sourceValue;
   }
 
   // Special case: `null` always means "the prop was removed, use default
   // value".
-  if (!rawValue->hasValue()) {
+  if (UNLIKELY(!rawValue->hasValue())) {
     return defaultValue;
   }
 
@@ -69,26 +72,28 @@ T convertRawProp(
 }
 
 template <typename T>
-static folly::Optional<T> convertRawProp(
-    const RawProps &rawProps,
-    const std::string &name,
-    const folly::Optional<T> &sourceValue,
-    const folly::Optional<T> &defaultValue = {}) {
-  const auto rawValue = rawProps.at(name);
+static better::optional<T> convertRawProp(
+    RawProps const &rawProps,
+    char const *name,
+    better::optional<T> const &sourceValue,
+    better::optional<T> const &defaultValue = {},
+    char const *namePrefix = nullptr,
+    char const *nameSuffix = nullptr) {
+  const auto *rawValue = rawProps.at(name, namePrefix, nameSuffix);
 
-  if (!rawValue) {
+  if (LIKELY(rawValue == nullptr)) {
     return sourceValue;
   }
 
   // Special case: `null` always means `the prop was removed, use default
   // value`.
-  if (!rawValue->hasValue()) {
+  if (UNLIKELY(!rawValue->hasValue())) {
     return defaultValue;
   }
 
   T result;
   fromRawValue(*rawValue, result);
-  return folly::Optional<T>{result};
+  return better::optional<T>{result};
 }
 
 } // namespace react
diff --git a/ReactCommon/fabric/core/shadownode/ConcreteShadowNode.h b/ReactCommon/fabric/core/shadownode/ConcreteShadowNode.h
index b134bec8635bd2..2637e4569121d4 100644
--- a/ReactCommon/fabric/core/shadownode/ConcreteShadowNode.h
+++ b/ReactCommon/fabric/core/shadownode/ConcreteShadowNode.h
@@ -22,7 +22,7 @@ namespace react {
  * with many handy features.
  */
 template <
-    const char *concreteComponentName,
+    ComponentName concreteComponentName,
     typename PropsT,
     typename EventEmitterT = EventEmitter,
     typename StateDataT = StateData>
@@ -80,8 +80,11 @@ class ConcreteShadowNode : public ShadowNode {
   }
 
   const SharedConcreteProps getProps() const {
-    assert(std::dynamic_pointer_cast<const PropsT>(props_));
-    return std::static_pointer_cast<const PropsT>(props_);
+    assert(props_ && "Props must not be `nullptr`.");
+    assert(
+        std::dynamic_pointer_cast<ConcreteProps const>(props_) &&
+        "Props must be an instance of ConcreteProps class.");
+    return std::static_pointer_cast<ConcreteProps const>(props_);
   }
 
   /*
@@ -89,7 +92,11 @@ class ConcreteShadowNode : public ShadowNode {
    * Thread-safe after the node is sealed.
    */
   ConcreteStateData const &getStateData() const {
-    return std::static_pointer_cast<const ConcreteState>(state_)->getData();
+    assert(state_ && "State must not be `nullptr`.");
+    assert(
+        std::dynamic_pointer_cast<ConcreteState const>(state_) &&
+        "State must be an instance of ConcreteState class.");
+    return std::static_pointer_cast<ConcreteState const>(state_)->getData();
   }
 
   /*
diff --git a/ReactCommon/fabric/core/shadownode/LocalData.h b/ReactCommon/fabric/core/shadownode/LocalData.h
index 83680c3853b4c6..2e4332fcb2bfd3 100644
--- a/ReactCommon/fabric/core/shadownode/LocalData.h
+++ b/ReactCommon/fabric/core/shadownode/LocalData.h
@@ -21,7 +21,7 @@ using SharedLocalData = std::shared_ptr<const LocalData>;
 /*
  * Abstract class for any kind of concrete pieces of local data specific for
  * some kinds of `ShadowNode`s.
- * LocalData might be used to communicate some infomation between `ShadowNode`s
+ * LocalData might be used to communicate some information between `ShadowNode`s
  * and native component views.
  * All `LocalData` objects *must* be immutable (sealed) when they became
  * a part of the shadow tree.
diff --git a/ReactCommon/fabric/core/shadownode/ShadowNode.cpp b/ReactCommon/fabric/core/shadownode/ShadowNode.cpp
index 239282df391d5f..c8b4e5967a289f 100644
--- a/ReactCommon/fabric/core/shadownode/ShadowNode.cpp
+++ b/ReactCommon/fabric/core/shadownode/ShadowNode.cpp
@@ -66,7 +66,7 @@ ShadowNode::ShadowNode(
                              : sourceShadowNode.localData_),
       state_(
           fragment.state ? fragment.state
-                         : sourceShadowNode.getCommitedState()),
+                         : sourceShadowNode.getMostRecentState()),
       family_(sourceShadowNode.family_),
       childrenAreShared_(true),
       revision_(sourceShadowNode.revision_ + 1) {
@@ -120,9 +120,16 @@ const State::Shared &ShadowNode::getState() const {
   return state_;
 }
 
-const State::Shared &ShadowNode::getCommitedState() const {
-  return state_ ? state_->getCommitedState()
-                : ShadowNodeFragment::statePlaceholder();
+State::Shared ShadowNode::getMostRecentState() const {
+  if (state_) {
+    auto commitedState = state_->getCommitedState();
+
+    // Commited state can be `null` in case if no one node was commited yet;
+    // in this case we return own `state`.
+    return commitedState ? commitedState : state_;
+  }
+
+  return ShadowNodeFragment::statePlaceholder();
 }
 
 SharedLocalData ShadowNode::getLocalData() const {
diff --git a/ReactCommon/fabric/core/shadownode/ShadowNode.h b/ReactCommon/fabric/core/shadownode/ShadowNode.h
index 773406b4df1ece..1cf57f9ceecb26 100644
--- a/ReactCommon/fabric/core/shadownode/ShadowNode.h
+++ b/ReactCommon/fabric/core/shadownode/ShadowNode.h
@@ -112,10 +112,13 @@ class ShadowNode : public virtual Sealable,
   const State::Shared &getState() const;
 
   /*
-   * Returns a momentary value of currently committed state associated with a
-   * family of nodes which this node belongs to.
+   * Returns a momentary value of the most recently created or committed state
+   * associated with a family of nodes which this node belongs to.
+   * Sequential calls might return different values.
+   * The method may return null pointer in case if the particular `ShadowNode`
+   * does not use `State`.
    */
-  const State::Shared &getCommitedState() const;
+  State::Shared getMostRecentState() const;
 
   /*
    * Returns a local data associated with the node.
@@ -136,7 +139,7 @@ class ShadowNode : public virtual Sealable,
       int suggestedIndex = -1);
 
   /*
-   * Sets local data assosiated with the node.
+   * Sets local data associated with the node.
    * The node must be unsealed at this point.
    */
   void setLocalData(const SharedLocalData &localData);
diff --git a/ReactCommon/fabric/core/shadownode/ShadowNodeFamily.h b/ReactCommon/fabric/core/shadownode/ShadowNodeFamily.h
index 5e5a55b4a4aa67..6edea067622a75 100644
--- a/ReactCommon/fabric/core/shadownode/ShadowNodeFamily.h
+++ b/ReactCommon/fabric/core/shadownode/ShadowNodeFamily.h
@@ -34,8 +34,8 @@ class ShadowNodeFamily {
 
   /*
    * Sets the parent.
-   * This is not techically thread-safe, but practically it mutates the object
-   * only once (and the model enforces that this first call is not concurent).
+   * This is not technically thread-safe, but practically it mutates the object
+   * only once (and the model enforces that this first call is not concurrent).
    */
   void setParent(ShadowNodeFamily::Shared const &parent) const;
 
diff --git a/ReactCommon/fabric/core/state/State.cpp b/ReactCommon/fabric/core/state/State.cpp
index b3c6af5302231f..7bc51a9e047e97 100644
--- a/ReactCommon/fabric/core/state/State.cpp
+++ b/ReactCommon/fabric/core/state/State.cpp
@@ -9,6 +9,7 @@
 
 #include <glog/logging.h>
 #include <react/core/ShadowNode.h>
+#include <react/core/ShadowNodeFragment.h>
 #include <react/core/State.h>
 #include <react/core/StateTarget.h>
 #include <react/core/StateUpdate.h>
@@ -29,8 +30,10 @@ void State::commit(const ShadowNode &shadowNode) const {
   stateCoordinator_->setTarget(StateTarget{shadowNode});
 }
 
-const State::Shared &State::getCommitedState() const {
-  return stateCoordinator_->getTarget().getShadowNode().getState();
+State::Shared State::getCommitedState() const {
+  auto target = stateCoordinator_->getTarget();
+  return target ? target.getShadowNode().getState()
+                : ShadowNodeFragment::statePlaceholder();
 }
 
 #ifdef ANDROID
diff --git a/ReactCommon/fabric/core/state/State.h b/ReactCommon/fabric/core/state/State.h
index f13f551eda770b..dbf7973fa0722f 100644
--- a/ReactCommon/fabric/core/state/State.h
+++ b/ReactCommon/fabric/core/state/State.h
@@ -48,7 +48,7 @@ class State {
   /*
    * Must be used by `ShadowNode` *only*.
    */
-  const State::Shared &getCommitedState() const;
+  State::Shared getCommitedState() const;
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/core/state/StateData.cpp b/ReactCommon/fabric/core/state/StateData.cpp
deleted file mode 100644
index 44f2744e10d834..00000000000000
--- a/ReactCommon/fabric/core/state/StateData.cpp
+++ /dev/null
@@ -1,30 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "StateData.h"
-
-#ifdef ANDROID
-#include <folly/dynamic.h>
-#endif
-
-namespace facebook {
-namespace react {
-
-#ifdef ANDROID
-StateData::~StateData() {
-  // This needs to be here or the linker will complain:
-  // https://gcc.gnu.org/wiki/VerboseDiagnostics#missing_vtable
-}
-const folly::dynamic StateData::getDynamic() const {
-  assert(false); // TODO: get rid of this?
-  return folly::dynamic::object();
-}
-
-#endif
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/fabric/core/state/StateData.h b/ReactCommon/fabric/core/state/StateData.h
index 32b026cfd18b34..e33ccb00d0ae58 100644
--- a/ReactCommon/fabric/core/state/StateData.h
+++ b/ReactCommon/fabric/core/state/StateData.h
@@ -17,23 +17,16 @@ namespace facebook {
 namespace react {
 
 /*
- * Base class for state data.
- * Must be used to provide getDynamic for Android.
+ * Dummy type that is used as a placeholder for state data for nodes that
+ * don't have a state.
  */
-class StateData {
- public:
+struct StateData final {
   using Shared = std::shared_ptr<void>;
 
-  StateData() {}
-
 #ifdef ANDROID
-  StateData(folly::dynamic data) {}
-
-  // Destructor must either be virtual or protected if we have any
-  // virtual methods
-  virtual ~StateData();
-
-  virtual const folly::dynamic getDynamic() const;
+  StateData() = default;
+  StateData(folly::dynamic data){};
+  folly::dynamic getDynamic() const;
 #endif
 };
 
diff --git a/ReactCommon/fabric/core/state/StateTarget.cpp b/ReactCommon/fabric/core/state/StateTarget.cpp
index d3446b9f1a9762..d532707cda3166 100644
--- a/ReactCommon/fabric/core/state/StateTarget.cpp
+++ b/ReactCommon/fabric/core/state/StateTarget.cpp
@@ -21,6 +21,7 @@ StateTarget::operator bool() const {
 }
 
 const ShadowNode &StateTarget::getShadowNode() const {
+  assert(shadowNode_ && "Stored pointer to a ShadowNode must not be null.");
   return *std::static_pointer_cast<const ShadowNode>(shadowNode_);
 }
 
diff --git a/ReactCommon/fabric/core/tests/ComponentDescriptorTest.cpp b/ReactCommon/fabric/core/tests/ComponentDescriptorTest.cpp
index 3fb5575144dd8c..362966bd623b77 100644
--- a/ReactCommon/fabric/core/tests/ComponentDescriptorTest.cpp
+++ b/ReactCommon/fabric/core/tests/ComponentDescriptorTest.cpp
@@ -16,9 +16,8 @@ TEST(ComponentDescriptorTest, createShadowNode) {
       std::make_shared<TestComponentDescriptor>(nullptr);
 
   ASSERT_EQ(descriptor->getComponentHandle(), TestShadowNode::Handle());
-  ASSERT_STREQ(
-      descriptor->getComponentName().c_str(), TestShadowNode::Name().c_str());
-  ASSERT_STREQ(descriptor->getComponentName().c_str(), "Test");
+  ASSERT_STREQ(descriptor->getComponentName(), TestShadowNode::Name());
+  ASSERT_STREQ(descriptor->getComponentName(), "Test");
 
   const auto &raw = RawProps(folly::dynamic::object("nativeID", "abc"));
   SharedProps props = descriptor->cloneProps(nullptr, raw);
@@ -30,9 +29,8 @@ TEST(ComponentDescriptorTest, createShadowNode) {
   });
 
   ASSERT_EQ(node->getComponentHandle(), TestShadowNode::Handle());
-  ASSERT_STREQ(
-      node->getComponentName().c_str(), TestShadowNode::Name().c_str());
-  ASSERT_STREQ(node->getComponentName().c_str(), "Test");
+  ASSERT_STREQ(node->getComponentName(), TestShadowNode::Name());
+  ASSERT_STREQ(node->getComponentName(), "Test");
   ASSERT_EQ(node->getTag(), 9);
   ASSERT_EQ(node->getSurfaceId(), 1);
   ASSERT_STREQ(node->getProps()->nativeId.c_str(), "abc");
@@ -52,7 +50,7 @@ TEST(ComponentDescriptorTest, cloneShadowNode) {
   });
   SharedShadowNode cloned = descriptor->cloneShadowNode(*node, {});
 
-  ASSERT_STREQ(cloned->getComponentName().c_str(), "Test");
+  ASSERT_STREQ(cloned->getComponentName(), "Test");
   ASSERT_EQ(cloned->getTag(), 9);
   ASSERT_EQ(cloned->getSurfaceId(), 1);
   ASSERT_STREQ(cloned->getProps()->nativeId.c_str(), "abc");
diff --git a/ReactCommon/fabric/core/tests/ShadowNodeTest.cpp b/ReactCommon/fabric/core/tests/ShadowNodeTest.cpp
index 0b38648a2e76e7..5b87630061e054 100644
--- a/ReactCommon/fabric/core/tests/ShadowNodeTest.cpp
+++ b/ReactCommon/fabric/core/tests/ShadowNodeTest.cpp
@@ -17,6 +17,9 @@ using namespace facebook::react;
 
 TEST(ShadowNodeTest, handleProps) {
   const auto &raw = RawProps(folly::dynamic::object("nativeID", "abc"));
+  auto parser = RawPropsParser();
+  parser.prepare<Props>();
+  raw.parse(parser);
 
   auto props = std::make_shared<Props>(Props(), raw);
 
@@ -39,14 +42,12 @@ TEST(ShadowNodeTest, handleShadowNodeCreation) {
       componentDescriptor);
 
   ASSERT_FALSE(node->getSealed());
-  ASSERT_STREQ(node->getComponentName().c_str(), "Test");
+  ASSERT_STREQ(node->getComponentName(), "Test");
   ASSERT_EQ(node->getTag(), 9);
   ASSERT_EQ(node->getSurfaceId(), 1);
   ASSERT_EQ(node->getEventEmitter(), nullptr);
   ASSERT_EQ(node->getChildren().size(), 0);
 
-  ASSERT_STREQ(node->getProps()->nativeId.c_str(), "testNativeID");
-
   node->sealRecursive();
   ASSERT_TRUE(node->getSealed());
   ASSERT_TRUE(node->getProps()->getSealed());
@@ -65,7 +66,7 @@ TEST(ShadowNodeTest, handleShadowNodeSimpleCloning) {
       componentDescriptor);
   auto node2 = std::make_shared<TestShadowNode>(*node, ShadowNodeFragment{});
 
-  ASSERT_STREQ(node->getComponentName().c_str(), "Test");
+  ASSERT_STREQ(node->getComponentName(), "Test");
   ASSERT_EQ(node->getTag(), 9);
   ASSERT_EQ(node->getSurfaceId(), 1);
   ASSERT_EQ(node->getEventEmitter(), nullptr);
diff --git a/ReactCommon/fabric/core/tests/TestComponent.h b/ReactCommon/fabric/core/tests/TestComponent.h
index 8acb11eee676d9..1ccfefb8ea579d 100644
--- a/ReactCommon/fabric/core/tests/TestComponent.h
+++ b/ReactCommon/fabric/core/tests/TestComponent.h
@@ -42,8 +42,6 @@ static const char TestComponentName[] = "Test";
 class TestProps : public Props {
  public:
   using Props::Props;
-  TestProps()
-      : Props(Props(), RawProps(folly::dynamic::object("nativeID", "testNativeID"))) {}
 };
 using SharedTestProps = std::shared_ptr<const TestProps>;
 
diff --git a/ReactCommon/fabric/core/tests/benchmarks/RawPropsBenchmark.cpp b/ReactCommon/fabric/core/tests/benchmarks/RawPropsBenchmark.cpp
new file mode 100644
index 00000000000000..5772849a6600c7
--- /dev/null
+++ b/ReactCommon/fabric/core/tests/benchmarks/RawPropsBenchmark.cpp
@@ -0,0 +1,80 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <benchmark/benchmark.h>
+#include <folly/dynamic.h>
+#include <folly/json.h>
+#include <react/components/view/ViewComponentDescriptor.h>
+#include <react/core/EventDispatcher.h>
+#include <react/core/RawProps.h>
+#include <react/utils/ContextContainer.h>
+#include <exception>
+#include <string>
+
+namespace facebook {
+namespace react {
+
+auto contextContainer = std::make_shared<ContextContainer const>();
+auto eventDispatcher = std::shared_ptr<EventDispatcher>{nullptr};
+auto viewComponentDescriptor =
+    ViewComponentDescriptor(eventDispatcher, contextContainer);
+
+auto emptyPropsDynamic = folly::parseJson("{}");
+auto propsString = std::string{
+    "{\"flex\": 1, \"padding\": 10, \"position\": \"absolute\", \"display\": \"none\", \"nativeID\": \"some-id\", \"direction\": \"rtl\"}"};
+auto propsDynamic = folly::parseJson(propsString);
+auto propsStringWithSomeUnsupportedProps = std::string{
+    "{\"someName1\": 1, \"someName2\": 10, \"someName3\": \"absolute\", \"someName4\": \"none\", \"someName5\": \"some-id\", \"someName6\": \"rtl\"}"};
+auto unsupportedPropsDynamic =
+    folly::parseJson(propsStringWithSomeUnsupportedProps);
+
+auto sourceProps = ViewProps{};
+auto sharedSourceProps = ViewShadowNode::defaultSharedProps();
+
+static void emptyPropCreation(benchmark::State &state) {
+  for (auto _ : state) {
+    ViewProps{};
+  }
+}
+BENCHMARK(emptyPropCreation);
+
+static void propParsingEmptyRawProps(benchmark::State &state) {
+  for (auto _ : state) {
+    viewComponentDescriptor.cloneProps(
+        sharedSourceProps, RawProps{emptyPropsDynamic});
+  }
+}
+BENCHMARK(propParsingEmptyRawProps);
+
+static void propParsingRegularRawProps(benchmark::State &state) {
+  for (auto _ : state) {
+    viewComponentDescriptor.cloneProps(
+        sharedSourceProps, RawProps{propsDynamic});
+  }
+}
+BENCHMARK(propParsingRegularRawProps);
+
+static void propParsingUnsupportedRawProps(benchmark::State &state) {
+  for (auto _ : state) {
+    viewComponentDescriptor.cloneProps(
+        sharedSourceProps, RawProps{unsupportedPropsDynamic});
+  }
+}
+BENCHMARK(propParsingUnsupportedRawProps);
+
+static void propParsingRegularRawPropsWithNoSourceProps(
+    benchmark::State &state) {
+  for (auto _ : state) {
+    viewComponentDescriptor.cloneProps(nullptr, RawProps{propsDynamic});
+  }
+}
+BENCHMARK(propParsingRegularRawPropsWithNoSourceProps);
+
+} // namespace react
+} // namespace facebook
+
+BENCHMARK_MAIN();
diff --git a/ReactCommon/fabric/debug/BUCK b/ReactCommon/fabric/debug/BUCK
index 3a368828e6ce0a..31330eb81db722 100644
--- a/ReactCommon/fabric/debug/BUCK
+++ b/ReactCommon/fabric/debug/BUCK
@@ -1,3 +1,4 @@
+load("@fbsource//tools/build_defs:default_platform_defs.bzl", "CXX")
 load(
     "@fbsource//tools/build_defs/apple:flag_defs.bzl",
     "get_debug_preprocessor_flags",
@@ -42,7 +43,7 @@ rn_xplat_cxx_library(
     fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
     force_static = True,
     macosx_tests_override = [],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
         "-DWITH_FBSYSTRACE=1",
@@ -68,7 +69,7 @@ fb_xplat_cxx_test(
         "-Wall",
     ],
     contacts = ["oncall+react_native@xmail.facebook.com"],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     deps = [
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/gmock:gtest",
diff --git a/ReactCommon/fabric/debug/DebugStringConvertible.h b/ReactCommon/fabric/debug/DebugStringConvertible.h
index 2767f92d2e9e88..ccc8aeeb1b6a8c 100644
--- a/ReactCommon/fabric/debug/DebugStringConvertible.h
+++ b/ReactCommon/fabric/debug/DebugStringConvertible.h
@@ -11,6 +11,7 @@
 #include <memory>
 #include <string>
 #include <vector>
+#include <unordered_set>
 
 namespace facebook {
 namespace react {
@@ -52,7 +53,7 @@ class DebugStringConvertible {
   // Default implementation returns "Node".
   virtual std::string getDebugName() const;
 
-  // Returns a value assosiate with the object.
+  // Returns a value associate with the object.
   // Default implementation returns an empty string.
   virtual std::string getDebugValue() const;
 
@@ -110,7 +111,7 @@ std::string toString(void const *value);
  * - `getDebugName`: Returns a name of the object. Default implementation
  * returns "Node".
  *
- * - `getDebugValue`: Returns a value assosiate with the object. Default
+ * - `getDebugValue`: Returns a value associate with the object. Default
  * implementation returns an empty string.
  *
  * - `getDebugChildren`: Returns a list of `DebugStringConvertible`-compatible
@@ -285,13 +286,26 @@ inline std::string getDebugDescription(
 }
 
 // `std::vector<T>`
-template <typename T>
-std::string getDebugName(std::vector<T> const &vector) {
+template <typename T, typename... Ts>
+std::string getDebugName(std::vector<T, Ts...> const &vector) {
   return "List";
 }
 
-template <typename T>
-std::vector<T> getDebugChildren(std::vector<T> const &vector) {
+template <typename T, typename... Ts>
+std::vector<T, Ts...> getDebugChildren(std::vector<T, Ts...> const &vector) {
+  return vector;
+}
+
+// `std::unordered_set<T>`
+template <typename T, typename... Ts>
+std::string getDebugName(std::unordered_set<T, Ts...> const &set) {
+  return "Set";
+}
+
+template <typename T, typename... Ts>
+std::vector<T> getDebugChildren(std::unordered_set<T, Ts...> const &set) {
+  auto vector = std::vector<T>{};
+  vector.insert(vector.end(), set.begin(), set.end());
   return vector;
 }
 
diff --git a/ReactCommon/fabric/graphics/BUCK b/ReactCommon/fabric/graphics/BUCK
index 2a884519a33f80..611056a1bbdeb0 100644
--- a/ReactCommon/fabric/graphics/BUCK
+++ b/ReactCommon/fabric/graphics/BUCK
@@ -3,6 +3,7 @@ load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
     "APPLE",
+    "CXX",
     "fb_xplat_cxx_test",
     "get_apple_compiler_flags",
     "get_apple_inspector_flags",
@@ -38,15 +39,26 @@ rn_xplat_cxx_library(
         "-std=c++14",
         "-Wall",
     ],
+    cxx_exported_headers = subdir_glob(
+        [
+            ("platform/cxx", "**/*.h"),
+        ],
+        prefix = "react/graphics",
+    ),
+    cxx_srcs = glob(
+        [
+            "platform/cxx/**/*.cpp",
+        ],
+    ),
     fbandroid_exported_headers = subdir_glob(
         [
-            ("platform/android", "**/*.h"),
+            ("platform/cxx", "**/*.h"),
         ],
         prefix = "react/graphics",
     ),
     fbandroid_srcs = glob(
         [
-            "platform/android/**/*.cpp",
+            "platform/cxx/**/*.cpp",
         ],
     ),
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
@@ -74,7 +86,7 @@ rn_xplat_cxx_library(
         ],
     ),
     macosx_tests_override = [],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
         "-DWITH_FBSYSTRACE=1",
@@ -101,7 +113,7 @@ fb_xplat_cxx_test(
         "-Wall",
     ],
     contacts = ["oncall+react_native@xmail.facebook.com"],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     deps = [
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/gmock:gtest",
diff --git a/ReactCommon/fabric/graphics/React-graphics.podspec b/ReactCommon/fabric/graphics/React-graphics.podspec
index 52c46a45e3d138..539e65f676c9aa 100644
--- a/ReactCommon/fabric/graphics/React-graphics.podspec
+++ b/ReactCommon/fabric/graphics/React-graphics.podspec
@@ -34,7 +34,7 @@ Pod::Spec.new do |s|
   s.source_files           = "**/*.{m,mm,cpp,h}"
   s.exclude_files          = "**/tests/*",
                              "**/android/*"
-  s.header_dir           = "react/graphics"
+  s.header_dir             = "react/graphics"
   s.pod_target_xcconfig  = { "USE_HEADERMAP" => "NO", "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/ReactCommon\" \"$(PODS_ROOT)/Folly\"" }
 
   s.dependency "Folly/Fabric", folly_version
diff --git a/ReactCommon/fabric/graphics/Transform.h b/ReactCommon/fabric/graphics/Transform.h
index 71c9c6b5821658..1f83b36938948d 100644
--- a/ReactCommon/fabric/graphics/Transform.h
+++ b/ReactCommon/fabric/graphics/Transform.h
@@ -22,7 +22,7 @@ struct Transform {
       {1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1}};
 
   /*
-   * Returs the identity transform (`[1 0 0 0; 0 1 0 0; 0 0 1 0; 0 0 0 1]`).
+   * Returns the identity transform (`[1 0 0 0; 0 1 0 0; 0 0 1 0; 0 0 0 1]`).
    */
   static Transform Identity();
 
diff --git a/ReactCommon/fabric/graphics/platform/android/Color.cpp b/ReactCommon/fabric/graphics/platform/cxx/Color.cpp
similarity index 100%
rename from ReactCommon/fabric/graphics/platform/android/Color.cpp
rename to ReactCommon/fabric/graphics/platform/cxx/Color.cpp
diff --git a/ReactCommon/fabric/graphics/platform/android/Color.h b/ReactCommon/fabric/graphics/platform/cxx/Color.h
similarity index 100%
rename from ReactCommon/fabric/graphics/platform/android/Color.h
rename to ReactCommon/fabric/graphics/platform/cxx/Color.h
diff --git a/ReactCommon/fabric/graphics/platform/android/Float.h b/ReactCommon/fabric/graphics/platform/cxx/Float.h
similarity index 100%
rename from ReactCommon/fabric/graphics/platform/android/Float.h
rename to ReactCommon/fabric/graphics/platform/cxx/Float.h
diff --git a/ReactCommon/fabric/imagemanager/BUCK b/ReactCommon/fabric/imagemanager/BUCK
index d1014ecbc74f9c..afa0e3af64f538 100644
--- a/ReactCommon/fabric/imagemanager/BUCK
+++ b/ReactCommon/fabric/imagemanager/BUCK
@@ -3,6 +3,8 @@ load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
     "APPLE",
+    "CXX",
+    "YOGA_CXX_TARGET",
     "fb_xplat_cxx_test",
     "get_apple_compiler_flags",
     "get_apple_inspector_flags",
@@ -28,22 +30,24 @@ rn_xplat_cxx_library(
         "-std=c++14",
         "-Wall",
     ],
+    contacts = ["oncall+react_native@xmail.facebook.com"],
     fbandroid_exported_headers = subdir_glob(
         [
             ("", "*.h"),
+            ("platform/cxx", "**/*.h"),
         ],
         prefix = "react/imagemanager",
     ),
     fbandroid_headers = subdir_glob(
         [
             ("", "*.h"),
-            ("platform/android", "**/*.h"),
+            ("platform/cxx", "**/*.h"),
         ],
         prefix = "",
     ),
     fbandroid_srcs = glob(
         [
-            "platform/android/**/*.cpp",
+            "platform/cxx/**/*.cpp",
         ],
     ),
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
@@ -55,6 +59,7 @@ rn_xplat_cxx_library(
     ios_deps = [
         "fbsource//xplat/js:RCTImage",
         "fbsource//xplat/js/react-native-github:RCTCxxBridge",
+        "fbsource//xplat/js/react-native-github/React/CoreModules:CoreModules",
     ],
     ios_exported_headers = subdir_glob(
         [
@@ -82,7 +87,7 @@ rn_xplat_cxx_library(
         ],
     ),
     macosx_tests_override = [],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
         "-DWITH_FBSYSTRACE=1",
@@ -95,7 +100,7 @@ rn_xplat_cxx_library(
         "fbsource//xplat/folly:memory",
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/glog:glog",
-        "fbsource//xplat/yoga:yoga",
+        YOGA_CXX_TARGET,
         react_native_xplat_target("fabric/core:core"),
         react_native_xplat_target("fabric/mounting:mounting"),
         react_native_xplat_target("fabric/debug:debug"),
@@ -114,7 +119,7 @@ fb_xplat_cxx_test(
         "-Wall",
     ],
     contacts = ["oncall+react_native@xmail.facebook.com"],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     deps = [
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/gmock:gtest",
diff --git a/ReactCommon/fabric/imagemanager/ImageRequest.h b/ReactCommon/fabric/imagemanager/ImageRequest.h
index d955ce70cf765b..a3ae8c57258018 100644
--- a/ReactCommon/fabric/imagemanager/ImageRequest.h
+++ b/ReactCommon/fabric/imagemanager/ImageRequest.h
@@ -63,7 +63,7 @@ class ImageRequest final {
 
  private:
   /*
-   * Image source assosiated with the request.
+   * Image source associated with the request.
    */
   ImageSource imageSource_;
 
diff --git a/ReactCommon/fabric/imagemanager/ImageResponse.h b/ReactCommon/fabric/imagemanager/ImageResponse.h
index 3aef630db194a4..f1f5e3f7c844bf 100644
--- a/ReactCommon/fabric/imagemanager/ImageResponse.h
+++ b/ReactCommon/fabric/imagemanager/ImageResponse.h
@@ -13,7 +13,7 @@ namespace facebook {
 namespace react {
 
 /*
- * Represents retrieved image bitmap and any assotiated platform-specific info.
+ * Represents retrieved image bitmap and any associated platform-specific info.
  */
 class ImageResponse final {
  public:
diff --git a/ReactCommon/fabric/imagemanager/platform/android/ImageManager.cpp b/ReactCommon/fabric/imagemanager/platform/cxx/ImageManager.cpp
similarity index 100%
rename from ReactCommon/fabric/imagemanager/platform/android/ImageManager.cpp
rename to ReactCommon/fabric/imagemanager/platform/cxx/ImageManager.cpp
diff --git a/ReactCommon/fabric/imagemanager/platform/android/ImageRequest.cpp b/ReactCommon/fabric/imagemanager/platform/cxx/ImageRequest.cpp
similarity index 100%
rename from ReactCommon/fabric/imagemanager/platform/android/ImageRequest.cpp
rename to ReactCommon/fabric/imagemanager/platform/cxx/ImageRequest.cpp
diff --git a/ReactCommon/fabric/imagemanager/platform/ios/ImageManager.mm b/ReactCommon/fabric/imagemanager/platform/ios/ImageManager.mm
index d5c64f5f06b3cf..148b95fe1663ce 100644
--- a/ReactCommon/fabric/imagemanager/platform/ios/ImageManager.mm
+++ b/ReactCommon/fabric/imagemanager/platform/ios/ImageManager.mm
@@ -18,16 +18,18 @@
 ImageManager::ImageManager(ContextContainer::Shared const &contextContainer)
 {
   RCTImageLoader *imageLoader =
-      (RCTImageLoader *)unwrapManagedObject(contextContainer->getInstance<std::shared_ptr<void>>("RCTImageLoader"));
+      (RCTImageLoader *)unwrapManagedObject(contextContainer->at<std::shared_ptr<void>>("RCTImageLoader"));
   self_ = (__bridge_retained void *)[[RCTImageManager alloc] initWithImageLoader:imageLoader];
 }
 
-ImageManager::~ImageManager() {
+ImageManager::~ImageManager()
+{
   CFRelease(self_);
   self_ = nullptr;
 }
 
-ImageRequest ImageManager::requestImage(const ImageSource &imageSource) const {
+ImageRequest ImageManager::requestImage(const ImageSource &imageSource) const
+{
   RCTImageManager *imageManager = (__bridge RCTImageManager *)self_;
   return [imageManager requestImage:imageSource];
 }
diff --git a/ReactCommon/fabric/imagemanager/platform/ios/RCTImageManager.mm b/ReactCommon/fabric/imagemanager/platform/ios/RCTImageManager.mm
index 420faa24c2e57a..c319cd30d56a51 100644
--- a/ReactCommon/fabric/imagemanager/platform/ios/RCTImageManager.mm
+++ b/ReactCommon/fabric/imagemanager/platform/ios/RCTImageManager.mm
@@ -20,11 +20,15 @@
 
 @implementation RCTImageManager {
   RCTImageLoader *_imageLoader;
+  dispatch_queue_t _backgroundSerialQueue;
 }
 
-- (instancetype)initWithImageLoader:(RCTImageLoader *)imageLoader {
+- (instancetype)initWithImageLoader:(RCTImageLoader *)imageLoader
+{
   if (self = [super init]) {
     _imageLoader = imageLoader;
+    _backgroundSerialQueue =
+        dispatch_queue_create("com.facebook.react-native.image-manager-queue", DISPATCH_QUEUE_SERIAL);
   }
 
   return self;
@@ -46,8 +50,12 @@ - (ImageRequest)requestImage:(ImageSource)imageSource
    * work (such as creating an `NSURLRequest` object and some obscure logic inside `RCTImageLoader`) can take a couple
    * of milliseconds, so we have to offload this to a separate thread. `ImageRequest` can be created as part of the
    * layout process, so it must be highly performant.
+   *
+   * Technically, we don't need to dispatch this to *serial* queue. The interface of `RCTImageLoader` promises to be
+   * fully thread-safe. However, in reality, it crashes when we request images on concurrently on different threads. See
+   * T46024425 for more details.
    */
-  dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
+  dispatch_async(_backgroundSerialQueue, ^{
     NSURLRequest *request = NSURLRequestFromImageSource(imageSource);
 
     auto completionBlock = ^(NSError *error, UIImage *image) {
diff --git a/ReactCommon/fabric/mapbuffer/BUCK b/ReactCommon/fabric/mapbuffer/BUCK
new file mode 100644
index 00000000000000..c7029191c58da0
--- /dev/null
+++ b/ReactCommon/fabric/mapbuffer/BUCK
@@ -0,0 +1,66 @@
+load(
+    "//tools/build_defs/oss:rn_defs.bzl",
+    "ANDROID",
+    "fb_xplat_cxx_test",
+    "react_native_xplat_target",
+    "rn_xplat_cxx_library",
+    "subdir_glob",
+)
+
+rn_xplat_cxx_library(
+    name = "mapbuffer",
+    srcs = glob(
+        ["**/*.cpp"],
+        exclude = glob(["tests/**/*.cpp"]),
+    ),
+    headers = glob(
+        ["**/*.h"],
+        exclude = glob(["tests/**/*.h"]),
+    ),
+    header_namespace = "",
+    exported_headers = subdir_glob(
+        [
+            ("", "*.h"),
+        ],
+        prefix = "react",
+    ),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    force_static = True,
+    macosx_tests_override = [],
+    platforms = (ANDROID),
+    preprocessor_flags = [
+        "-DLOG_TAG=\"ReactNative\"",
+    ],
+    tests = [":tests"],
+    visibility = ["PUBLIC"],
+    deps = [
+        "fbsource//xplat/fbsystrace:fbsystrace",
+        "fbsource//xplat/folly:headers_only",
+        "fbsource//xplat/folly:memory",
+        "fbsource//xplat/third-party/glog:glog",
+        react_native_xplat_target("utils:utils"),
+    ],
+)
+
+fb_xplat_cxx_test(
+    name = "tests",
+    srcs = glob(["tests/**/*.cpp"]),
+    headers = glob(["tests/**/*.h"]),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    contacts = ["oncall+react_native@xmail.facebook.com"],
+    platforms = (ANDROID),
+    deps = [
+        "fbsource//xplat/folly:molly",
+        "fbsource//xplat/third-party/gmock:gtest",
+    ],
+)
diff --git a/ReactCommon/fabric/mapbuffer/MapBuffer.cpp b/ReactCommon/fabric/mapbuffer/MapBuffer.cpp
new file mode 100644
index 00000000000000..330890f8832d55
--- /dev/null
+++ b/ReactCommon/fabric/mapbuffer/MapBuffer.cpp
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "MapBuffer.h"
+
+namespace facebook {
+namespace react {
+
+MapBuffer::MapBuffer() {}
+
+MapBuffer::~MapBuffer() {}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/mapbuffer/MapBuffer.h b/ReactCommon/fabric/mapbuffer/MapBuffer.h
new file mode 100644
index 00000000000000..30b1956f66e36b
--- /dev/null
+++ b/ReactCommon/fabric/mapbuffer/MapBuffer.h
@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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>
+
+namespace facebook {
+namespace react {
+
+/**
+ * MapBuffer is an optimized map format for transferring data like props between
+ * C++ and other platforms The implementation of this map is optimized to:
+ * - be compact to optimize space when sparse (sparse is the common case).
+ * - be accessible through JNI with zero/minimal copying via ByteBuffer.
+ * - be Have excellent C++ single-write and many-read performance by maximizing
+ *   CPU cache performance through compactness, data locality, and fixed offsets
+ *   where possible.
+ * - be optimized for iteration and intersection against other maps, but with
+ *   reasonably good random access as well.
+ * - Work recursively for nested maps/arrays.
+ * - Supports dynamic types that map to JSON.
+ * - Don't require mutability - single-write on creation.
+ * - have minimal APK size and build time impact.
+ */
+class MapBuffer {
+ public:
+  MapBuffer();
+  virtual ~MapBuffer();
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/Libraries/Components/ViewPager/ViewPagerAndroid.ios.js b/ReactCommon/fabric/mapbuffer/tests/MapBufferTest.cpp
similarity index 66%
rename from Libraries/Components/ViewPager/ViewPagerAndroid.ios.js
rename to ReactCommon/fabric/mapbuffer/tests/MapBufferTest.cpp
index d5fd5cf83f7560..591f24f22cf813 100644
--- a/Libraries/Components/ViewPager/ViewPagerAndroid.ios.js
+++ b/ReactCommon/fabric/mapbuffer/tests/MapBufferTest.cpp
@@ -3,10 +3,12 @@
  *
  * 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';
+#include <memory>
+
+#include <gtest/gtest.h>
 
-module.exports = require('../UnimplementedViews/UnimplementedView');
+TEST(MapBufferTest, testSomething) {
+  // TODO
+}
diff --git a/ReactCommon/fabric/mounting/BUCK b/ReactCommon/fabric/mounting/BUCK
index 268c698fb424bc..c4c9ec908705af 100644
--- a/ReactCommon/fabric/mounting/BUCK
+++ b/ReactCommon/fabric/mounting/BUCK
@@ -3,6 +3,7 @@ load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
     "APPLE",
+    "CXX",
     "fb_xplat_cxx_test",
     "get_apple_compiler_flags",
     "get_apple_inspector_flags",
@@ -41,7 +42,7 @@ rn_xplat_cxx_library(
     fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
     force_static = True,
     macosx_tests_override = [],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
         # Systraces are temporary disabled.
@@ -75,7 +76,7 @@ fb_xplat_cxx_test(
         "-Wall",
     ],
     contacts = ["oncall+react_native@xmail.facebook.com"],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     deps = [
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/gmock:gtest",
diff --git a/ReactCommon/fabric/mounting/Differentiator.cpp b/ReactCommon/fabric/mounting/Differentiator.cpp
index 84d4931c28a0e6..41630e30911e1a 100644
--- a/ReactCommon/fabric/mounting/Differentiator.cpp
+++ b/ReactCommon/fabric/mounting/Differentiator.cpp
@@ -108,19 +108,42 @@ static void sliceChildShadowNodeViewPairsRecursively(
   }
 }
 
-static ShadowViewNodePair::List sliceChildShadowNodeViewPairs(
+ShadowViewNodePair::List sliceChildShadowNodeViewPairs(
     ShadowNode const &shadowNode) {
   auto pairList = ShadowViewNodePair::List{};
   sliceChildShadowNodeViewPairsRecursively(pairList, {0, 0}, shadowNode);
   return pairList;
 }
 
+/*
+ * Before we start to diff, let's make sure all our core data structures are in
+ * good shape to deliver the best performance.
+ */
+static_assert(
+    std::is_move_constructible<ShadowViewMutation>::value,
+    "`ShadowViewMutation` must be `move constructible`.");
+static_assert(
+    std::is_move_constructible<ShadowView>::value,
+    "`ShadowView` must be `move constructible`.");
+static_assert(
+    std::is_move_constructible<ShadowViewNodePair>::value,
+    "`ShadowViewNodePair` must be `move constructible`.");
+static_assert(
+    std::is_move_assignable<ShadowViewMutation>::value,
+    "`ShadowViewMutation` must be `move assignable`.");
+static_assert(
+    std::is_move_assignable<ShadowView>::value,
+    "`ShadowView` must be `move assignable`.");
+static_assert(
+    std::is_move_assignable<ShadowViewNodePair>::value,
+    "`ShadowViewNodePair` must be `move assignable`.");
+
 static void calculateShadowViewMutations(
     ShadowViewMutation::List &mutations,
     ShadowView const &parentShadowView,
     ShadowViewNodePair::List const &oldChildPairs,
     ShadowViewNodePair::List const &newChildPairs) {
-  // The current version of the algorithm is otimized for simplicity,
+  // The current version of the algorithm is optimized for simplicity,
   // not for performance or optimal result.
 
   if (oldChildPairs == newChildPairs) {
@@ -183,7 +206,7 @@ static void calculateShadowViewMutations(
     auto const &newChildPair = newChildPairs[index];
 
     insertMutations.push_back(ShadowViewMutation::InsertMutation(
-          parentShadowView, newChildPair.shadowView, index));
+        parentShadowView, newChildPair.shadowView, index));
 
     insertedPairs.insert({newChildPair.shadowView.tag, &newChildPair});
   }
diff --git a/ReactCommon/fabric/mounting/Differentiator.h b/ReactCommon/fabric/mounting/Differentiator.h
index 0a7cf930f68197..938c0cf313eb16 100644
--- a/ReactCommon/fabric/mounting/Differentiator.h
+++ b/ReactCommon/fabric/mounting/Differentiator.h
@@ -20,5 +20,12 @@ ShadowViewMutationList calculateShadowViewMutations(
     ShadowNode const &oldRootShadowNode,
     ShadowNode const &newRootShadowNode);
 
+/*
+ * Generates a list of `ShadowViewNodePair`s that represents a layer of a
+ * flattened view hierarchy.
+ */
+ShadowViewNodePair::List sliceChildShadowNodeViewPairs(
+    ShadowNode const &shadowNode);
+
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/fabric/mounting/MountingCoordinator.cpp b/ReactCommon/fabric/mounting/MountingCoordinator.cpp
index e36eddcbb88fab..47ecf719f5540b 100644
--- a/ReactCommon/fabric/mounting/MountingCoordinator.cpp
+++ b/ReactCommon/fabric/mounting/MountingCoordinator.cpp
@@ -13,6 +13,7 @@
 
 #include <react/mounting/Differentiator.h>
 #include <react/mounting/ShadowViewMutation.h>
+#include <react/utils/TimeUtils.h>
 
 namespace facebook {
 namespace react {
@@ -53,9 +54,14 @@ better::optional<MountingTransaction> MountingCoordinator::pullTransaction()
 
   number_++;
 
+  auto telemetry = lastRevision_->getTelemetry();
+  telemetry.willDiff();
+
   auto mutations = calculateShadowViewMutations(
       baseRevision_.getRootShadowNode(), lastRevision_->getRootShadowNode());
 
+  telemetry.didDiff();
+
 #ifdef RN_SHADOW_TREE_INTROSPECTION
   stubViewTree_.mutate(mutations);
   auto stubViewTree =
@@ -76,7 +82,6 @@ better::optional<MountingTransaction> MountingCoordinator::pullTransaction()
   }
 #endif
 
-  auto telemetry = lastRevision_->getTelemetry();
   baseRevision_ = std::move(*lastRevision_);
   lastRevision_.reset();
 
diff --git a/ReactCommon/fabric/mounting/MountingCoordinator.h b/ReactCommon/fabric/mounting/MountingCoordinator.h
index efc446c8310874..4fe2bddf31065f 100644
--- a/ReactCommon/fabric/mounting/MountingCoordinator.h
+++ b/ReactCommon/fabric/mounting/MountingCoordinator.h
@@ -12,10 +12,6 @@
 #include <react/mounting/MountingTransaction.h>
 #include <react/mounting/ShadowTreeRevision.h>
 
-#ifndef NDEBUG
-#define RN_SHADOW_TREE_INTROSPECTION
-#endif
-
 #ifdef RN_SHADOW_TREE_INTROSPECTION
 #include <react/mounting/stubs.h>
 #endif
diff --git a/ReactCommon/fabric/mounting/MountingTelemetry.cpp b/ReactCommon/fabric/mounting/MountingTelemetry.cpp
index a6964bd6b7165f..75985860eac8fe 100644
--- a/ReactCommon/fabric/mounting/MountingTelemetry.cpp
+++ b/ReactCommon/fabric/mounting/MountingTelemetry.cpp
@@ -18,6 +18,7 @@ void MountingTelemetry::willCommit() {
   assert(commitStartTime_ == kUndefinedTime);
   assert(commitEndTime_ == kUndefinedTime);
   commitStartTime_ = getTime();
+  commitNumber_++;
 }
 
 void MountingTelemetry::didCommit() {
@@ -26,6 +27,18 @@ void MountingTelemetry::didCommit() {
   commitEndTime_ = getTime();
 }
 
+void MountingTelemetry::willDiff() {
+  assert(diffStartTime_ == kUndefinedTime);
+  assert(diffEndTime_ == kUndefinedTime);
+  diffStartTime_ = getTime();
+}
+
+void MountingTelemetry::didDiff() {
+  assert(diffStartTime_ != kUndefinedTime);
+  assert(diffEndTime_ == kUndefinedTime);
+  diffEndTime_ = getTime();
+}
+
 void MountingTelemetry::willLayout() {
   assert(layoutStartTime_ == kUndefinedTime);
   assert(layoutEndTime_ == kUndefinedTime);
@@ -35,19 +48,23 @@ void MountingTelemetry::willLayout() {
 void MountingTelemetry::didLayout() {
   assert(layoutStartTime_ != kUndefinedTime);
   assert(layoutEndTime_ == kUndefinedTime);
-  layoutEndTime_ -= getTime();
+  layoutEndTime_ = getTime();
 }
 
-int64_t MountingTelemetry::getCommitTime() const {
-  assert(commitStartTime_ != kUndefinedTime);
-  assert(commitEndTime_ != kUndefinedTime);
-  return commitEndTime_ - commitStartTime_;
+int64_t MountingTelemetry::getDiffStartTime() const {
+  assert(diffStartTime_ != kUndefinedTime);
+  assert(diffEndTime_ != kUndefinedTime);
+  return diffStartTime_;
 }
 
-int64_t MountingTelemetry::getLayoutTime() const {
-  assert(layoutStartTime_ != kUndefinedTime);
-  assert(layoutEndTime_ != kUndefinedTime);
-  return layoutEndTime_ - layoutEndTime_;
+int64_t MountingTelemetry::getDiffEndTime() const {
+  assert(diffStartTime_ != kUndefinedTime);
+  assert(diffEndTime_ != kUndefinedTime);
+  return diffEndTime_;
+}
+
+int64_t MountingTelemetry::getCommitNumber() const {
+  return commitNumber_;
 }
 
 int64_t MountingTelemetry::getCommitStartTime() const {
@@ -56,5 +73,23 @@ int64_t MountingTelemetry::getCommitStartTime() const {
   return commitStartTime_;
 }
 
+int64_t MountingTelemetry::getCommitEndTime() const {
+  assert(commitStartTime_ != kUndefinedTime);
+  assert(commitEndTime_ != kUndefinedTime);
+  return commitEndTime_;
+}
+
+int64_t MountingTelemetry::getLayoutStartTime() const {
+  assert(layoutStartTime_ != kUndefinedTime);
+  assert(layoutEndTime_ != kUndefinedTime);
+  return layoutStartTime_;
+}
+
+int64_t MountingTelemetry::getLayoutEndTime() const {
+  assert(layoutStartTime_ != kUndefinedTime);
+  assert(layoutEndTime_ != kUndefinedTime);
+  return layoutEndTime_;
+}
+
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/fabric/mounting/MountingTelemetry.h b/ReactCommon/fabric/mounting/MountingTelemetry.h
index 98d90db9d4b335..42cffa0e575993 100644
--- a/ReactCommon/fabric/mounting/MountingTelemetry.h
+++ b/ReactCommon/fabric/mounting/MountingTelemetry.h
@@ -22,6 +22,8 @@ class MountingTelemetry final {
   /*
    * Signaling
    */
+  void willDiff();
+  void didDiff();
   void willCommit();
   void didCommit();
   void willLayout();
@@ -30,13 +32,20 @@ class MountingTelemetry final {
   /*
    * Reading
    */
-  int64_t getLayoutTime() const;
-  int64_t getCommitTime() const;
+  int64_t getDiffStartTime() const;
+  int64_t getDiffEndTime() const;
+  int64_t getLayoutStartTime() const;
+  int64_t getLayoutEndTime() const;
   int64_t getCommitStartTime() const;
+  int64_t getCommitEndTime() const;
+  int64_t getCommitNumber() const;
 
  private:
   constexpr static int64_t kUndefinedTime = std::numeric_limits<int64_t>::max();
 
+  int64_t diffStartTime_{kUndefinedTime};
+  int64_t diffEndTime_{kUndefinedTime};
+  int64_t commitNumber_{0};
   int64_t commitStartTime_{kUndefinedTime};
   int64_t commitEndTime_{kUndefinedTime};
   int64_t layoutStartTime_{kUndefinedTime};
diff --git a/ReactCommon/fabric/mounting/ShadowView.cpp b/ReactCommon/fabric/mounting/ShadowView.cpp
index f98a7d0d102479..27e47e538b6ed8 100644
--- a/ReactCommon/fabric/mounting/ShadowView.cpp
+++ b/ReactCommon/fabric/mounting/ShadowView.cpp
@@ -53,7 +53,7 @@ bool ShadowView::operator!=(const ShadowView &rhs) const {
 #if RN_DEBUG_STRING_CONVERTIBLE
 
 std::string getDebugName(ShadowView const &object) {
-  return object.componentHandle == 0 ? object.componentName : "Empty";
+  return object.componentHandle == 0 ? "Invalid" : object.componentName;
 }
 
 std::vector<DebugStringConvertibleObject> getDebugProps(
diff --git a/ReactCommon/fabric/mounting/ShadowView.h b/ReactCommon/fabric/mounting/ShadowView.h
index 1746c90fd2808d..325bd744f432eb 100644
--- a/ReactCommon/fabric/mounting/ShadowView.h
+++ b/ReactCommon/fabric/mounting/ShadowView.h
@@ -22,30 +22,28 @@ namespace react {
  */
 struct ShadowView final {
   ShadowView() = default;
-  ShadowView(const ShadowView &shadowView) = default;
+  ShadowView(ShadowView const &shadowView) = default;
   ShadowView(ShadowView &&shadowView) noexcept = default;
 
-  ~ShadowView(){};
-
   /*
    * Constructs a `ShadowView` from given `ShadowNode`.
    */
-  explicit ShadowView(const ShadowNode &shadowNode);
+  explicit ShadowView(ShadowNode const &shadowNode);
 
-  ShadowView &operator=(const ShadowView &other) = default;
+  ShadowView &operator=(ShadowView const &other) = default;
   ShadowView &operator=(ShadowView &&other) = default;
 
-  bool operator==(const ShadowView &rhs) const;
-  bool operator!=(const ShadowView &rhs) const;
-
-  ComponentName componentName = "";
-  ComponentHandle componentHandle = 0;
-  Tag tag = -1; // Tag does not change during the lifetime of a shadow view.
-  SharedProps props = {};
-  SharedEventEmitter eventEmitter = {};
-  LayoutMetrics layoutMetrics = EmptyLayoutMetrics;
-  SharedLocalData localData = {};
-  State::Shared state = {};
+  bool operator==(ShadowView const &rhs) const;
+  bool operator!=(ShadowView const &rhs) const;
+
+  ComponentName componentName{};
+  ComponentHandle componentHandle{};
+  Tag tag{};
+  Props::Shared props{};
+  EventEmitter::Shared eventEmitter{};
+  LayoutMetrics layoutMetrics{EmptyLayoutMetrics};
+  LocalData::Shared localData{};
+  State::Shared state{};
 };
 
 #if RN_DEBUG_STRING_CONVERTIBLE
diff --git a/ReactCommon/fabric/mounting/stubs/StubView.cpp b/ReactCommon/fabric/mounting/stubs/StubView.cpp
index 5f0adaf016fb6b..322715bd1ad887 100644
--- a/ReactCommon/fabric/mounting/stubs/StubView.cpp
+++ b/ReactCommon/fabric/mounting/stubs/StubView.cpp
@@ -27,5 +27,35 @@ bool operator!=(StubView const &lhs, StubView const &rhs) {
   return !(lhs == rhs);
 }
 
+#if RN_DEBUG_STRING_CONVERTIBLE
+
+std::string getDebugName(StubView const &stubView) {
+  return stubView.componentHandle == 0 ? "Invalid" : stubView.componentName;
+}
+
+std::vector<DebugStringConvertibleObject> getDebugProps(
+    StubView const &stabView,
+    DebugStringConvertibleOptions options) {
+  return {
+      {"tag", getDebugDescription(stabView.tag, options)},
+      {"props", getDebugDescription(stabView.props, options)},
+      {"eventEmitter", getDebugDescription(stabView.eventEmitter, options)},
+      {"layoutMetrics", getDebugDescription(stabView.layoutMetrics, options)},
+      {"state", getDebugDescription(stabView.state, options)},
+  };
+}
+
+std::vector<StubView> getDebugChildren(
+    StubView const &stubView,
+    DebugStringConvertibleOptions options) {
+  auto children = std::vector<StubView>{};
+  for (auto const &childStabView : stubView.children) {
+    children.push_back(*childStabView);
+  }
+  return children;
+}
+
+#endif
+
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/fabric/mounting/stubs/StubView.h b/ReactCommon/fabric/mounting/stubs/StubView.h
index a69598251cf7b8..a5339e800f63ff 100644
--- a/ReactCommon/fabric/mounting/stubs/StubView.h
+++ b/ReactCommon/fabric/mounting/stubs/StubView.h
@@ -37,5 +37,17 @@ class StubView final {
 bool operator==(StubView const &lhs, StubView const &rhs);
 bool operator!=(StubView const &lhs, StubView const &rhs);
 
+#if RN_DEBUG_STRING_CONVERTIBLE
+
+std::string getDebugName(StubView const &stubView);
+std::vector<DebugStringConvertibleObject> getDebugProps(
+    StubView const &stubView,
+    DebugStringConvertibleOptions options = {});
+std::vector<StubView> getDebugChildren(
+    StubView const &stubView,
+    DebugStringConvertibleOptions options = {});
+
+#endif
+
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/fabric/mounting/stubs/StubViewTree.cpp b/ReactCommon/fabric/mounting/stubs/StubViewTree.cpp
index a6152c0840e529..72ead4695cfba5 100644
--- a/ReactCommon/fabric/mounting/stubs/StubViewTree.cpp
+++ b/ReactCommon/fabric/mounting/stubs/StubViewTree.cpp
@@ -11,9 +11,14 @@ namespace react {
 StubViewTree::StubViewTree(ShadowView const &shadowView) {
   auto view = std::make_shared<StubView>();
   view->update(shadowView);
+  rootTag = shadowView.tag;
   registry[shadowView.tag] = view;
 }
 
+StubView const &StubViewTree::getRootStubView() const {
+  return *registry.at(rootTag);
+}
+
 void StubViewTree::mutate(ShadowViewMutationList const &mutations) {
   for (auto const &mutation : mutations) {
     switch (mutation.type) {
diff --git a/ReactCommon/fabric/mounting/stubs/StubViewTree.h b/ReactCommon/fabric/mounting/stubs/StubViewTree.h
index 59f112b895430f..4fc70016dd8f08 100644
--- a/ReactCommon/fabric/mounting/stubs/StubViewTree.h
+++ b/ReactCommon/fabric/mounting/stubs/StubViewTree.h
@@ -21,6 +21,9 @@ class StubViewTree {
 
   void mutate(ShadowViewMutationList const &mutations);
 
+  StubView const &getRootStubView() const;
+
+  Tag rootTag;
   std::unordered_map<Tag, StubView::Shared> registry{};
 };
 
diff --git a/ReactCommon/fabric/mounting/stubs/stubs.cpp b/ReactCommon/fabric/mounting/stubs/stubs.cpp
index 48c609c32bb3f1..acf2a1096e5f54 100644
--- a/ReactCommon/fabric/mounting/stubs/stubs.cpp
+++ b/ReactCommon/fabric/mounting/stubs/stubs.cpp
@@ -12,7 +12,41 @@
 namespace facebook {
 namespace react {
 
+/*
+ * Generates `create` and `insert` instructions recursively traversing a shadow
+ * tree.
+ * This is a trivial implementation of diffing algorithm that can only "diff"
+ * an empty tree with some other one.
+ */
+static void calculateShadowViewMutationsForNewTree(
+    ShadowViewMutation::List &mutations,
+    ShadowView const &parentShadowView,
+    ShadowViewNodePair::List const &newChildPairs) {
+  for (auto index = 0; index < newChildPairs.size(); index++) {
+    auto const &newChildPair = newChildPairs[index];
+
+    mutations.push_back(
+        ShadowViewMutation::CreateMutation(newChildPair.shadowView));
+    mutations.push_back(ShadowViewMutation::InsertMutation(
+        parentShadowView, newChildPair.shadowView, index));
+
+    auto const newGrandChildPairs =
+        sliceChildShadowNodeViewPairs(*newChildPair.shadowNode);
+
+    calculateShadowViewMutationsForNewTree(
+        mutations, newChildPair.shadowView, newGrandChildPairs);
+  }
+}
+
 StubViewTree stubViewTreeFromShadowNode(ShadowNode const &rootShadowNode) {
+  auto mutations = ShadowViewMutation::List{};
+  mutations.reserve(256);
+
+  calculateShadowViewMutationsForNewTree(
+      mutations,
+      ShadowView(rootShadowNode),
+      sliceChildShadowNodeViewPairs(rootShadowNode));
+
   auto emptyRootShadowNode = rootShadowNode.clone(
       ShadowNodeFragment{ShadowNodeFragment::tagPlaceholder(),
                          ShadowNodeFragment::surfaceIdPlaceholder(),
@@ -21,8 +55,7 @@ StubViewTree stubViewTreeFromShadowNode(ShadowNode const &rootShadowNode) {
                          ShadowNode::emptySharedShadowNodeSharedList()});
 
   auto stubViewTree = StubViewTree(ShadowView(*emptyRootShadowNode));
-  stubViewTree.mutate(
-      calculateShadowViewMutations(*emptyRootShadowNode, rootShadowNode));
+  stubViewTree.mutate(mutations);
   return stubViewTree;
 }
 
diff --git a/ReactCommon/fabric/textlayoutmanager/BUCK b/ReactCommon/fabric/textlayoutmanager/BUCK
index f5dbeffe240ca9..31ba63ae0b40c3 100644
--- a/ReactCommon/fabric/textlayoutmanager/BUCK
+++ b/ReactCommon/fabric/textlayoutmanager/BUCK
@@ -3,6 +3,8 @@ load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
     "APPLE",
+    "CXX",
+    "YOGA_CXX_TARGET",
     "fb_xplat_cxx_test",
     "get_apple_compiler_flags",
     "get_apple_inspector_flags",
@@ -17,21 +19,15 @@ APPLE_COMPILER_FLAGS = get_apple_compiler_flags()
 rn_xplat_cxx_library(
     name = "textlayoutmanager",
     srcs = glob(
-        [
-            "*.cpp",
-        ],
+        [],
     ),
     headers = subdir_glob(
-        [
-            ("", "*.h"),
-        ],
+        [],
         prefix = "",
     ),
     header_namespace = "",
     exported_headers = subdir_glob(
-        [
-            ("", "*.h"),
-        ],
+        [],
         prefix = "react/textlayoutmanager",
     ),
     compiler_flags = [
@@ -40,12 +36,29 @@ rn_xplat_cxx_library(
         "-std=c++14",
         "-Wall",
     ],
+    cxx_exported_headers = subdir_glob(
+        [
+            ("platform/cxx", "*.h"),
+        ],
+        prefix = "react/textlayoutmanager",
+    ),
+    cxx_headers = subdir_glob(
+        [
+            ("platform/cxx", "**/*.h"),
+        ],
+        prefix = "",
+    ),
+    cxx_srcs = glob(
+        [
+            "platform/cxx/**/*.cpp",
+        ],
+    ),
+    cxx_tests = [":tests"],
     fbandroid_deps = [
         react_native_target("jni/react/jni:jni"),
     ],
     fbandroid_exported_headers = subdir_glob(
         [
-            ("", "*.h"),
             ("platform/android", "*.h"),
         ],
         prefix = "react/textlayoutmanager",
@@ -90,12 +103,11 @@ rn_xplat_cxx_library(
         ],
     ),
     macosx_tests_override = [],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
         "-DWITH_FBSYSTRACE=1",
     ],
-    tests = [":tests"],
     visibility = ["PUBLIC"],
     deps = [
         "fbsource//xplat/fbsystrace:fbsystrace",
@@ -103,7 +115,7 @@ rn_xplat_cxx_library(
         "fbsource//xplat/folly:memory",
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/glog:glog",
-        "fbsource//xplat/yoga:yoga",
+        YOGA_CXX_TARGET,
         react_native_xplat_target("fabric/attributedstring:attributedstring"),
         react_native_xplat_target("fabric/core:core"),
         react_native_xplat_target("fabric/debug:debug"),
@@ -123,7 +135,12 @@ fb_xplat_cxx_test(
         "-Wall",
     ],
     contacts = ["oncall+react_native@xmail.facebook.com"],
-    platforms = (ANDROID, APPLE),
+    platforms = (
+        # `Apple` and `Android` flavors are disabled because the module (built with those flavors) requires Emulator/Simulator (which is expensive and slow). At the same time, we don't really have tests here.
+        # ANDROID,
+        # APPLE,
+        CXX,
+    ),
     deps = [
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/gmock:gtest",
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/android/TextLayoutManager.cpp b/ReactCommon/fabric/textlayoutmanager/platform/android/TextLayoutManager.cpp
index b6e04fe311e172..46e9fb6e68ff47 100644
--- a/ReactCommon/fabric/textlayoutmanager/platform/android/TextLayoutManager.cpp
+++ b/ReactCommon/fabric/textlayoutmanager/platform/android/TextLayoutManager.cpp
@@ -27,8 +27,7 @@ Size TextLayoutManager::measure(
     ParagraphAttributes paragraphAttributes,
     LayoutConstraints layoutConstraints) const {
   const jni::global_ref<jobject> &fabricUIManager =
-      contextContainer_->getInstance<jni::global_ref<jobject>>(
-          "FabricUIManager");
+      contextContainer_->at<jni::global_ref<jobject>>("FabricUIManager");
 
   static auto measure =
       jni::findClassStatic("com/facebook/react/fabric/FabricUIManager")
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/cxx/TextLayoutManager.cpp b/ReactCommon/fabric/textlayoutmanager/platform/cxx/TextLayoutManager.cpp
new file mode 100644
index 00000000000000..a3e9cb1eb9666a
--- /dev/null
+++ b/ReactCommon/fabric/textlayoutmanager/platform/cxx/TextLayoutManager.cpp
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "TextLayoutManager.h"
+
+namespace facebook {
+namespace react {
+
+TextLayoutManager::~TextLayoutManager() {}
+
+void *TextLayoutManager::getNativeTextLayoutManager() const {
+  return self_;
+}
+
+Size TextLayoutManager::measure(
+    AttributedString attributedString,
+    ParagraphAttributes paragraphAttributes,
+    LayoutConstraints layoutConstraints) const {
+  return Size{0, 0};
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/cxx/TextLayoutManager.h b/ReactCommon/fabric/textlayoutmanager/platform/cxx/TextLayoutManager.h
new file mode 100644
index 00000000000000..6bc496ba2044c8
--- /dev/null
+++ b/ReactCommon/fabric/textlayoutmanager/platform/cxx/TextLayoutManager.h
@@ -0,0 +1,54 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 <react/attributedstring/AttributedString.h>
+#include <react/attributedstring/ParagraphAttributes.h>
+#include <react/core/LayoutConstraints.h>
+#include <react/utils/ContextContainer.h>
+
+namespace facebook {
+namespace react {
+
+class TextLayoutManager;
+
+using SharedTextLayoutManager = std::shared_ptr<const TextLayoutManager>;
+
+/*
+ * Cross platform facade for Android-specific TextLayoutManager.
+ */
+class TextLayoutManager {
+ public:
+  TextLayoutManager(const ContextContainer::Shared &contextContainer)
+      : contextContainer_(contextContainer){};
+  ~TextLayoutManager();
+
+  /*
+   * Measures `attributedString` using native text rendering infrastructure.
+   */
+  Size measure(
+      AttributedString attributedString,
+      ParagraphAttributes paragraphAttributes,
+      LayoutConstraints layoutConstraints) const;
+
+  /*
+   * Returns an opaque pointer to platform-specific TextLayoutManager.
+   * Is used on a native views layer to delegate text rendering to the manager.
+   */
+  void *getNativeTextLayoutManager() const;
+
+ private:
+  void *self_;
+
+  ContextContainer::Shared contextContainer_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTAttributedTextUtils.mm b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTAttributedTextUtils.mm
index 09c3ff40d28647..937edfd35ed538 100644
--- a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTAttributedTextUtils.mm
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTAttributedTextUtils.mm
@@ -18,25 +18,44 @@ @implementation RCTWeakEventEmitterWrapper {
   std::weak_ptr<const EventEmitter> _weakEventEmitter;
 }
 
-- (void)setEventEmitter:(SharedEventEmitter)eventEmitter {
+- (void)setEventEmitter:(SharedEventEmitter)eventEmitter
+{
   _weakEventEmitter = eventEmitter;
 }
 
-- (SharedEventEmitter)eventEmitter {
+- (SharedEventEmitter)eventEmitter
+{
   return _weakEventEmitter.lock();
 }
 
-- (void)dealloc {
+- (void)dealloc
+{
   _weakEventEmitter.reset();
 }
 
 @end
 
-inline static UIFont *RCTEffectiveFontFromTextAttributes(
-    const TextAttributes &textAttributes) {
-  NSString *fontFamily =
-      [NSString stringWithCString:textAttributes.fontFamily.c_str()
-                         encoding:NSUTF8StringEncoding];
+inline static UIFontWeight RCTUIFontWeightFromInteger(NSInteger fontWeight)
+{
+  assert(fontWeight > 50);
+  assert(fontWeight < 950);
+
+  static UIFontWeight weights[] = {/* ~100 */ UIFontWeightUltraLight,
+                                   /* ~200 */ UIFontWeightThin,
+                                   /* ~300 */ UIFontWeightLight,
+                                   /* ~400 */ UIFontWeightRegular,
+                                   /* ~500 */ UIFontWeightMedium,
+                                   /* ~600 */ UIFontWeightSemibold,
+                                   /* ~700 */ UIFontWeightBold,
+                                   /* ~800 */ UIFontWeightHeavy,
+                                   /* ~900 */ UIFontWeightBlack};
+  // The expression is designed to convert something like 760 or 830 to 7.
+  return weights[(fontWeight + 50) / 100 - 1];
+}
+
+inline static UIFont *RCTEffectiveFontFromTextAttributes(const TextAttributes &textAttributes)
+{
+  NSString *fontFamily = [NSString stringWithCString:textAttributes.fontFamily.c_str() encoding:NSUTF8StringEncoding];
 
   RCTFontProperties fontProperties;
   fontProperties.family = fontFamily;
@@ -46,58 +65,50 @@ - (void)dealloc {
       : RCTFontStyleUndefined;
   fontProperties.variant = textAttributes.fontVariant.hasValue()
       ? RCTFontVariantFromFontVariant(textAttributes.fontVariant.value())
-      : RCTFontVariantDefault;
+      : RCTFontVariantUndefined;
   fontProperties.weight = textAttributes.fontWeight.hasValue()
-      ? CGFloat(textAttributes.fontWeight.value())
+      ? RCTUIFontWeightFromInteger((NSInteger)textAttributes.fontWeight.value())
       : NAN;
   fontProperties.sizeMultiplier = textAttributes.fontSizeMultiplier;
 
   return RCTFontWithFontProperties(fontProperties);
 }
 
-inline static CGFloat RCTEffectiveFontSizeMultiplierFromTextAttributes(
-    const TextAttributes &textAttributes) {
-  return textAttributes.allowFontScaling.value_or(true) &&
-          !isnan(textAttributes.fontSizeMultiplier)
+inline static CGFloat RCTEffectiveFontSizeMultiplierFromTextAttributes(const TextAttributes &textAttributes)
+{
+  return textAttributes.allowFontScaling.value_or(true) && !isnan(textAttributes.fontSizeMultiplier)
       ? textAttributes.fontSizeMultiplier
       : 1.0;
 }
 
-inline static UIColor *RCTEffectiveForegroundColorFromTextAttributes(
-    const TextAttributes &textAttributes) {
-  UIColor *effectiveForegroundColor =
-      RCTUIColorFromSharedColor(textAttributes.foregroundColor)
-      ?: [UIColor blackColor];
+inline static UIColor *RCTEffectiveForegroundColorFromTextAttributes(const TextAttributes &textAttributes)
+{
+  UIColor *effectiveForegroundColor = RCTUIColorFromSharedColor(textAttributes.foregroundColor) ?: [UIColor blackColor];
 
   if (!isnan(textAttributes.opacity)) {
     effectiveForegroundColor = [effectiveForegroundColor
-        colorWithAlphaComponent:CGColorGetAlpha(
-                                    effectiveForegroundColor.CGColor) *
-        textAttributes.opacity];
+        colorWithAlphaComponent:CGColorGetAlpha(effectiveForegroundColor.CGColor) * textAttributes.opacity];
   }
 
   return effectiveForegroundColor;
 }
 
-inline static UIColor *RCTEffectiveBackgroundColorFromTextAttributes(
-    const TextAttributes &textAttributes) {
-  UIColor *effectiveBackgroundColor =
-      RCTUIColorFromSharedColor(textAttributes.backgroundColor);
+inline static UIColor *RCTEffectiveBackgroundColorFromTextAttributes(const TextAttributes &textAttributes)
+{
+  UIColor *effectiveBackgroundColor = RCTUIColorFromSharedColor(textAttributes.backgroundColor);
 
   if (effectiveBackgroundColor && !isnan(textAttributes.opacity)) {
     effectiveBackgroundColor = [effectiveBackgroundColor
-        colorWithAlphaComponent:CGColorGetAlpha(
-                                    effectiveBackgroundColor.CGColor) *
-        textAttributes.opacity];
+        colorWithAlphaComponent:CGColorGetAlpha(effectiveBackgroundColor.CGColor) * textAttributes.opacity];
   }
 
   return effectiveBackgroundColor ?: [UIColor clearColor];
 }
 
-static NSDictionary<NSAttributedStringKey, id> *
-RCTNSTextAttributesFromTextAttributes(const TextAttributes &textAttributes) {
-  NSMutableDictionary<NSAttributedStringKey, id> *attributes =
-      [NSMutableDictionary dictionaryWithCapacity:10];
+static NSDictionary<NSAttributedStringKey, id> *RCTNSTextAttributesFromTextAttributes(
+    const TextAttributes &textAttributes)
+{
+  NSMutableDictionary<NSAttributedStringKey, id> *attributes = [NSMutableDictionary dictionaryWithCapacity:10];
 
   // Font
   UIFont *font = RCTEffectiveFontFromTextAttributes(textAttributes);
@@ -106,16 +117,14 @@ inline static CGFloat RCTEffectiveFontSizeMultiplierFromTextAttributes(
   }
 
   // Colors
-  UIColor *effectiveForegroundColor =
-      RCTEffectiveForegroundColorFromTextAttributes(textAttributes);
+  UIColor *effectiveForegroundColor = RCTEffectiveForegroundColorFromTextAttributes(textAttributes);
 
   if (textAttributes.foregroundColor || !isnan(textAttributes.opacity)) {
     attributes[NSForegroundColorAttributeName] = effectiveForegroundColor;
   }
 
   if (textAttributes.backgroundColor || !isnan(textAttributes.opacity)) {
-    attributes[NSBackgroundColorAttributeName] =
-        RCTEffectiveBackgroundColorFromTextAttributes(textAttributes);
+    attributes[NSBackgroundColorAttributeName] = RCTEffectiveBackgroundColorFromTextAttributes(textAttributes);
   }
 
   // Kerning
@@ -127,10 +136,8 @@ inline static CGFloat RCTEffectiveFontSizeMultiplierFromTextAttributes(
   NSMutableParagraphStyle *paragraphStyle = [NSMutableParagraphStyle new];
   BOOL isParagraphStyleUsed = NO;
   if (textAttributes.alignment.hasValue()) {
-    TextAlignment textAlignment =
-        textAttributes.alignment.value_or(TextAlignment::Natural);
-    if (textAttributes.layoutDirection.value_or(LayoutDirection::LeftToRight) ==
-        LayoutDirection::RightToLeft) {
+    TextAlignment textAlignment = textAttributes.alignment.value_or(TextAlignment::Natural);
+    if (textAttributes.layoutDirection.value_or(LayoutDirection::LeftToRight) == LayoutDirection::RightToLeft) {
       if (textAlignment == TextAlignment::Right) {
         textAlignment = TextAlignment::Left;
       } else if (textAlignment == TextAlignment::Left) {
@@ -138,21 +145,18 @@ inline static CGFloat RCTEffectiveFontSizeMultiplierFromTextAttributes(
       }
     }
 
-    paragraphStyle.alignment =
-        RCTNSTextAlignmentFromTextAlignment(textAlignment);
+    paragraphStyle.alignment = RCTNSTextAlignmentFromTextAlignment(textAlignment);
     isParagraphStyleUsed = YES;
   }
 
   if (textAttributes.baseWritingDirection.hasValue()) {
     paragraphStyle.baseWritingDirection =
-        RCTNSWritingDirectionFromWritingDirection(
-            textAttributes.baseWritingDirection.value());
+        RCTNSWritingDirectionFromWritingDirection(textAttributes.baseWritingDirection.value());
     isParagraphStyleUsed = YES;
   }
 
   if (!isnan(textAttributes.lineHeight)) {
-    CGFloat lineHeight = textAttributes.lineHeight *
-        RCTEffectiveFontSizeMultiplierFromTextAttributes(textAttributes);
+    CGFloat lineHeight = textAttributes.lineHeight * RCTEffectiveFontSizeMultiplierFromTextAttributes(textAttributes);
     paragraphStyle.minimumLineHeight = lineHeight;
     paragraphStyle.maximumLineHeight = lineHeight;
     isParagraphStyleUsed = YES;
@@ -163,23 +167,18 @@ inline static CGFloat RCTEffectiveFontSizeMultiplierFromTextAttributes(
   }
 
   // Decoration
-  if (textAttributes.textDecorationLineType.value_or(
-          TextDecorationLineType::None) != TextDecorationLineType::None) {
+  if (textAttributes.textDecorationLineType.value_or(TextDecorationLineType::None) != TextDecorationLineType::None) {
     auto textDecorationLineType = textAttributes.textDecorationLineType.value();
 
     NSUnderlineStyle style = RCTNSUnderlineStyleFromStyleAndPattern(
-        textAttributes.textDecorationLineStyle.value_or(
-            TextDecorationLineStyle::Single),
-        textAttributes.textDecorationLinePattern.value_or(
-            TextDecorationLinePattern::Solid));
+        textAttributes.textDecorationLineStyle.value_or(TextDecorationLineStyle::Single),
+        textAttributes.textDecorationLinePattern.value_or(TextDecorationLinePattern::Solid));
 
-    UIColor *textDecorationColor =
-        RCTUIColorFromSharedColor(textAttributes.textDecorationColor);
+    UIColor *textDecorationColor = RCTUIColorFromSharedColor(textAttributes.textDecorationColor);
 
     // Underline
     if (textDecorationLineType == TextDecorationLineType::Underline ||
-        textDecorationLineType ==
-            TextDecorationLineType::UnderlineStrikethrough) {
+        textDecorationLineType == TextDecorationLineType::UnderlineStrikethrough) {
       attributes[NSUnderlineStyleAttributeName] = @(style);
 
       if (textDecorationColor) {
@@ -189,8 +188,7 @@ inline static CGFloat RCTEffectiveFontSizeMultiplierFromTextAttributes(
 
     // Strikethrough
     if (textDecorationLineType == TextDecorationLineType::Strikethrough ||
-        textDecorationLineType ==
-            TextDecorationLineType::UnderlineStrikethrough) {
+        textDecorationLineType == TextDecorationLineType::UnderlineStrikethrough) {
       attributes[NSStrikethroughStyleAttributeName] = @(style);
 
       if (textDecorationColor) {
@@ -203,11 +201,9 @@ inline static CGFloat RCTEffectiveFontSizeMultiplierFromTextAttributes(
   if (textAttributes.textShadowOffset.hasValue()) {
     auto textShadowOffset = textAttributes.textShadowOffset.value();
     NSShadow *shadow = [NSShadow new];
-    shadow.shadowOffset =
-        CGSize{textShadowOffset.width, textShadowOffset.height};
+    shadow.shadowOffset = CGSize{textShadowOffset.width, textShadowOffset.height};
     shadow.shadowBlurRadius = textAttributes.textShadowRadius;
-    shadow.shadowColor =
-        RCTUIColorFromSharedColor(textAttributes.textShadowColor);
+    shadow.shadowColor = RCTUIColorFromSharedColor(textAttributes.textShadowColor);
     attributes[NSShadowAttributeName] = shadow;
   }
 
@@ -219,10 +215,9 @@ inline static CGFloat RCTEffectiveFontSizeMultiplierFromTextAttributes(
   return [attributes copy];
 }
 
-NSAttributedString *RCTNSAttributedStringFromAttributedString(
-    const AttributedString &attributedString) {
-  NSMutableAttributedString *nsAttributedString =
-      [[NSMutableAttributedString alloc] init];
+NSAttributedString *RCTNSAttributedStringFromAttributedString(const AttributedString &attributedString)
+{
+  NSMutableAttributedString *nsAttributedString = [[NSMutableAttributedString alloc] init];
 
   [nsAttributedString beginEditing];
 
@@ -232,46 +227,36 @@ inline static CGFloat RCTEffectiveFontSizeMultiplierFromTextAttributes(
     auto layoutMetrics = fragment.shadowView.layoutMetrics;
 
     if (layoutMetrics != EmptyLayoutMetrics) {
-      CGRect bounds = {.origin = {.x = layoutMetrics.frame.origin.x,
-                                  .y = layoutMetrics.frame.origin.y},
-                       .size = {.width = layoutMetrics.frame.size.width,
-                                .height = layoutMetrics.frame.size.height}};
+      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.bounds = bounds;
 
-      nsAttributedStringFragment =
-          [NSAttributedString attributedStringWithAttachment:attachment];
+      nsAttributedStringFragment = [NSAttributedString attributedStringWithAttachment:attachment];
     } else {
-      NSString *string = [NSString stringWithCString:fragment.string.c_str()
-                                            encoding:NSUTF8StringEncoding];
+      NSString *string = [NSString stringWithCString:fragment.string.c_str() encoding:NSUTF8StringEncoding];
 
-      nsAttributedStringFragment = [[NSAttributedString alloc]
-          initWithString:string
-              attributes:RCTNSTextAttributesFromTextAttributes(
-                             fragment.textAttributes)];
+      nsAttributedStringFragment =
+          [[NSAttributedString alloc] initWithString:string
+                                          attributes:RCTNSTextAttributesFromTextAttributes(fragment.textAttributes)];
     }
 
     NSMutableAttributedString *nsMutableAttributedStringFragment =
-        [[NSMutableAttributedString alloc]
-            initWithAttributedString:nsAttributedStringFragment];
+        [[NSMutableAttributedString alloc] initWithAttributedString:nsAttributedStringFragment];
 
     if (fragment.parentShadowView.componentHandle) {
-      RCTWeakEventEmitterWrapper *eventEmitterWrapper =
-          [RCTWeakEventEmitterWrapper new];
+      RCTWeakEventEmitterWrapper *eventEmitterWrapper = [RCTWeakEventEmitterWrapper new];
       eventEmitterWrapper.eventEmitter = fragment.parentShadowView.eventEmitter;
 
       NSDictionary<NSAttributedStringKey, id> *additionalTextAttributes =
           @{RCTAttributedStringEventEmitterKey : eventEmitterWrapper};
 
-      [nsMutableAttributedStringFragment
-          addAttributes:additionalTextAttributes
-                  range:NSMakeRange(
-                            0, nsMutableAttributedStringFragment.length)];
+      [nsMutableAttributedStringFragment addAttributes:additionalTextAttributes
+                                                 range:NSMakeRange(0, nsMutableAttributedStringFragment.length)];
     }
 
-    [nsAttributedString
-        appendAttributedString:nsMutableAttributedStringFragment];
+    [nsAttributedString appendAttributedString:nsMutableAttributedStringFragment];
   }
 
   [nsAttributedString endEditing];
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTFontProperties.h b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTFontProperties.h
index c4323c4a1f9bf6..f2abecb63dcdab 100644
--- a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTFontProperties.h
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTFontProperties.h
@@ -27,12 +27,12 @@ typedef NS_OPTIONS(NSInteger, RCTFontVariant) {
 };
 
 struct RCTFontProperties {
-  NSString *family;
-  CGFloat size;
-  UIFontWeight weight;
-  RCTFontStyle style;
-  RCTFontVariant variant;
-  CGFloat sizeMultiplier;
+  NSString *family = nil;
+  CGFloat size = NAN;
+  UIFontWeight weight = NAN;
+  RCTFontStyle style = RCTFontStyleUndefined;
+  RCTFontVariant variant = RCTFontVariantUndefined;
+  CGFloat sizeMultiplier = NAN;
 };
 
 NS_ASSUME_NONNULL_END
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTFontUtils.mm b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTFontUtils.mm
index dfe13ff861ee31..fd0bd3c8e4dd72 100644
--- a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTFontUtils.mm
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTFontUtils.mm
@@ -7,17 +7,20 @@
 
 #import "RCTFontUtils.h"
 
+#import <algorithm>
 #import <cmath>
+#import <limits>
 #import <mutex>
 
-static RCTFontProperties RCTDefaultFontProperties() {
+static RCTFontProperties RCTDefaultFontProperties()
+{
   static RCTFontProperties defaultFontProperties;
   static dispatch_once_t onceToken;
 
   dispatch_once(&onceToken, ^{
+    defaultFontProperties.family = [UIFont systemFontOfSize:defaultFontProperties.size].familyName;
     defaultFontProperties.size = 14;
-    defaultFontProperties.family =
-        [UIFont systemFontOfSize:defaultFontProperties.size].familyName;
+    defaultFontProperties.weight = UIFontWeightRegular;
     defaultFontProperties.style = RCTFontStyleNormal;
     defaultFontProperties.variant = RCTFontVariantDefault;
     defaultFontProperties.sizeMultiplier = 1.0;
@@ -27,38 +30,29 @@ static RCTFontProperties RCTDefaultFontProperties() {
 }
 
 static RCTFontProperties RCTResolveFontProperties(
-    RCTFontProperties fontProperties) {
-  RCTFontProperties defaultFontProperties = RCTDefaultFontProperties();
-  fontProperties.family = fontProperties.family.length &&
-          ![fontProperties.family isEqualToString:@"System"]
-      ? fontProperties.family
-      : defaultFontProperties.family;
-  fontProperties.size = !isnan(fontProperties.size)
-      ? fontProperties.size
-      : defaultFontProperties.size;
-  fontProperties.weight = !isnan(fontProperties.weight)
-      ? fontProperties.weight
-      : defaultFontProperties.weight;
-  fontProperties.style = fontProperties.style != RCTFontStyleUndefined
-      ? fontProperties.style
-      : defaultFontProperties.style;
-  fontProperties.variant = fontProperties.variant != RCTFontVariantUndefined
-      ? fontProperties.variant
-      : defaultFontProperties.variant;
+    RCTFontProperties fontProperties,
+    RCTFontProperties baseFontProperties)
+{
+  fontProperties.family = fontProperties.family.length ? fontProperties.family : baseFontProperties.family;
+  fontProperties.size = !isnan(fontProperties.size) ? fontProperties.size : baseFontProperties.size;
+  fontProperties.weight = !isnan(fontProperties.weight) ? fontProperties.weight : baseFontProperties.weight;
+  fontProperties.style =
+      fontProperties.style != RCTFontStyleUndefined ? fontProperties.style : baseFontProperties.style;
+  fontProperties.variant =
+      fontProperties.variant != RCTFontVariantUndefined ? fontProperties.variant : baseFontProperties.variant;
   return fontProperties;
 }
 
-static UIFontWeight RCTGetFontWeight(UIFont *font) {
-  NSDictionary *traits =
-      [font.fontDescriptor objectForKey:UIFontDescriptorTraitsAttribute];
+static UIFontWeight RCTGetFontWeight(UIFont *font)
+{
+  NSDictionary *traits = [font.fontDescriptor objectForKey:UIFontDescriptorTraitsAttribute];
   return [traits[UIFontWeightTrait] doubleValue];
 }
 
-static RCTFontStyle RCTGetFontStyle(UIFont *font) {
-  NSDictionary *traits =
-      [font.fontDescriptor objectForKey:UIFontDescriptorTraitsAttribute];
-  UIFontDescriptorSymbolicTraits symbolicTraits =
-      [traits[UIFontSymbolicTrait] unsignedIntValue];
+static RCTFontStyle RCTGetFontStyle(UIFont *font)
+{
+  NSDictionary *traits = [font.fontDescriptor objectForKey:UIFontDescriptorTraitsAttribute];
+  UIFontDescriptorSymbolicTraits symbolicTraits = [traits[UIFontSymbolicTrait] unsignedIntValue];
   if (symbolicTraits & UIFontDescriptorTraitItalic) {
     return RCTFontStyleItalic;
   }
@@ -66,36 +60,18 @@ static RCTFontStyle RCTGetFontStyle(UIFont *font) {
   return RCTFontStyleNormal;
 }
 
-static NSArray *RCTFontFeatures(RCTFontVariant fontVariant) {
+static NSArray *RCTFontFeatures(RCTFontVariant fontVariant)
+{
   // FIXME:
   return @[];
 }
 
-static UIFontWeight RCTUIFontWeightFromFloat(CGFloat fontWeight) {
-  // Note: Even if the underlying type of `UIFontWeight` is `CGFloat`
-  // and UIKit uses the same numerical notation, we have to use exact
-  // `UIFontWeight*` constants to make it work properly (because
-  // float values comparison is tricky).
-  static UIFontWeight weights[] = {/* ~100 */ UIFontWeightUltraLight,
-                                   /* ~200 */ UIFontWeightThin,
-                                   /* ~300 */ UIFontWeightLight,
-                                   /* ~400 */ UIFontWeightRegular,
-                                   /* ~500 */ UIFontWeightMedium,
-                                   /* ~600 */ UIFontWeightSemibold,
-                                   /* ~700 */ UIFontWeightBold,
-                                   /* ~800 */ UIFontWeightHeavy,
-                                   /* ~900 */ UIFontWeightBlack};
-  return weights[std::llround((fontWeight / 100) - 1)];
-}
-
-static UIFont *RCTDefaultFontWithFontProperties(
-    RCTFontProperties fontProperties) {
+static UIFont *RCTDefaultFontWithFontProperties(RCTFontProperties fontProperties)
+{
   static NSCache *fontCache;
   static std::mutex fontCacheMutex;
 
-  NSString *cacheKey = [NSString stringWithFormat:@"%.1f/%.2f",
-                                                  fontProperties.size,
-                                                  fontProperties.weight];
+  NSString *cacheKey = [NSString stringWithFormat:@"%.1f/%.2f", fontProperties.size, fontProperties.weight];
   UIFont *font;
 
   {
@@ -107,21 +83,16 @@ static UIFontWeight RCTUIFontWeightFromFloat(CGFloat fontWeight) {
   }
 
   if (!font) {
-    font = [UIFont
-        systemFontOfSize:fontProperties.size
-                  weight:RCTUIFontWeightFromFloat(fontProperties.weight)];
+    font = [UIFont systemFontOfSize:fontProperties.size weight:fontProperties.weight];
 
     if (fontProperties.variant == RCTFontStyleItalic) {
       UIFontDescriptor *fontDescriptor = [font fontDescriptor];
-      UIFontDescriptorSymbolicTraits symbolicTraits =
-          fontDescriptor.symbolicTraits;
+      UIFontDescriptorSymbolicTraits symbolicTraits = fontDescriptor.symbolicTraits;
 
       symbolicTraits |= UIFontDescriptorTraitItalic;
 
-      fontDescriptor =
-          [fontDescriptor fontDescriptorWithSymbolicTraits:symbolicTraits];
-      font = [UIFont fontWithDescriptor:fontDescriptor
-                                   size:fontProperties.size];
+      fontDescriptor = [fontDescriptor fontDescriptorWithSymbolicTraits:symbolicTraits];
+      font = [UIFont fontWithDescriptor:fontDescriptor size:fontProperties.size];
     }
 
     {
@@ -133,20 +104,20 @@ static UIFontWeight RCTUIFontWeightFromFloat(CGFloat fontWeight) {
   return font;
 }
 
-UIFont *RCTFontWithFontProperties(RCTFontProperties fontProperties) {
+UIFont *RCTFontWithFontProperties(RCTFontProperties fontProperties)
+{
   RCTFontProperties defaultFontProperties = RCTDefaultFontProperties();
-  fontProperties = RCTResolveFontProperties(fontProperties);
+  fontProperties = RCTResolveFontProperties(fontProperties, defaultFontProperties);
 
-  CGFloat effectiveFontSize =
-      fontProperties.sizeMultiplier * fontProperties.size;
+  assert(!isnan(fontProperties.sizeMultiplier));
+  CGFloat effectiveFontSize = fontProperties.sizeMultiplier * fontProperties.size;
   UIFont *font;
   if ([fontProperties.family isEqualToString:defaultFontProperties.family]) {
     // Handle system font as special case. This ensures that we preserve
     // the specific metrics of the standard system font as closely as possible.
     font = RCTDefaultFontWithFontProperties(fontProperties);
   } else {
-    NSArray<NSString *> *fontNames =
-        [UIFont fontNamesForFamilyName:fontProperties.family];
+    NSArray<NSString *> *fontNames = [UIFont fontNamesForFamilyName:fontProperties.family];
 
     if (fontNames.count == 0) {
       // Gracefully handle being given a font name rather than font family, for
@@ -155,9 +126,7 @@ static UIFontWeight RCTUIFontWeightFromFloat(CGFloat fontWeight) {
 
       if (!font) {
         // Failback to system font.
-        font = [UIFont
-            systemFontOfSize:effectiveFontSize
-                      weight:RCTUIFontWeightFromFloat(fontProperties.weight)];
+        font = [UIFont systemFontOfSize:effectiveFontSize weight:fontProperties.weight];
       }
     } else {
       // Get the closest font that matches the given weight for the fontFamily
@@ -170,8 +139,7 @@ static UIFontWeight RCTUIFontWeightFromFloat(CGFloat fontWeight) {
         }
 
         CGFloat testWeight = RCTGetFontWeight(fontMatch);
-        if (ABS(testWeight - fontProperties.weight) <
-            ABS(closestWeight - fontProperties.weight)) {
+        if (ABS(testWeight - fontProperties.weight) < ABS(closestWeight - fontProperties.weight)) {
           font = fontMatch;
           closestWeight = testWeight;
         }
@@ -189,10 +157,8 @@ static UIFontWeight RCTUIFontWeightFromFloat(CGFloat fontWeight) {
   // Apply font variants to font object.
   if (fontProperties.variant != RCTFontVariantDefault) {
     NSArray *fontFeatures = RCTFontFeatures(fontProperties.variant);
-    UIFontDescriptor *fontDescriptor =
-        [font.fontDescriptor fontDescriptorByAddingAttributes:@{
-          UIFontDescriptorFeatureSettingsAttribute : fontFeatures
-        }];
+    UIFontDescriptor *fontDescriptor = [font.fontDescriptor
+        fontDescriptorByAddingAttributes:@{UIFontDescriptorFeatureSettingsAttribute : fontFeatures}];
     font = [UIFont fontWithDescriptor:fontDescriptor size:effectiveFontSize];
   }
 
diff --git a/ReactCommon/fabric/uimanager/BUCK b/ReactCommon/fabric/uimanager/BUCK
index a04c71a6923e25..4a4cabbedc1689 100644
--- a/ReactCommon/fabric/uimanager/BUCK
+++ b/ReactCommon/fabric/uimanager/BUCK
@@ -3,6 +3,7 @@ load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
     "APPLE",
+    "CXX",
     "fb_xplat_cxx_test",
     "get_apple_compiler_flags",
     "get_apple_inspector_flags",
@@ -40,7 +41,7 @@ rn_xplat_cxx_library(
     fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
     force_static = True,
     macosx_tests_override = [],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
         # Systraces are temporary disabled.
@@ -76,7 +77,7 @@ fb_xplat_cxx_test(
         "-Wall",
     ],
     contacts = ["oncall+react_native@xmail.facebook.com"],
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     deps = [
         "fbsource//xplat/folly:molly",
         "fbsource//xplat/third-party/gmock:gtest",
diff --git a/ReactCommon/fabric/uimanager/ComponentDescriptorProviderRegistry.cpp b/ReactCommon/fabric/uimanager/ComponentDescriptorProviderRegistry.cpp
index 18c3b509c0c2ad..1091685f042798 100644
--- a/ReactCommon/fabric/uimanager/ComponentDescriptorProviderRegistry.cpp
+++ b/ReactCommon/fabric/uimanager/ComponentDescriptorProviderRegistry.cpp
@@ -52,6 +52,8 @@ ComponentDescriptorProviderRegistry::createComponentDescriptorRegistry(
     registry->add(pair.second);
   }
 
+  componentDescriptorRegistries_.push_back(registry);
+
   return registry;
 }
 
diff --git a/ReactCommon/fabric/uimanager/ComponentDescriptorRegistry.cpp b/ReactCommon/fabric/uimanager/ComponentDescriptorRegistry.cpp
index da8a830f89bb6d..fbb8420b7a8846 100644
--- a/ReactCommon/fabric/uimanager/ComponentDescriptorRegistry.cpp
+++ b/ReactCommon/fabric/uimanager/ComponentDescriptorRegistry.cpp
@@ -34,7 +34,8 @@ void ComponentDescriptorRegistry::add(
       sharedComponentDescriptor;
   _registryByName[componentDescriptorProvider.name] = sharedComponentDescriptor;
 
-  if (componentDescriptorProvider.name == "UnimplementedNativeView") {
+  if (strcmp(componentDescriptorProvider.name, "UnimplementedNativeView") ==
+      0) {
     auto *self = const_cast<ComponentDescriptorRegistry *>(this);
     self->setFallbackComponentDescriptor(sharedComponentDescriptor);
   }
@@ -64,7 +65,7 @@ void ComponentDescriptorRegistry::registerComponentDescriptor(
   _registryByName[componentName] = componentDescriptor;
 }
 
-static ComponentName componentNameByReactViewName(ComponentName viewName) {
+static std::string componentNameByReactViewName(std::string viewName) {
   // We need this function only for the transition period;
   // eventually, all names will be unified.
 
@@ -100,7 +101,7 @@ static ComponentName componentNameByReactViewName(ComponentName viewName) {
     return "ActivityIndicatorView";
   }
 
-  // We need this temporarly for testing purposes until we have proper
+  // We need this temporarily for testing purposes until we have proper
   // implementation of core components.
   if (viewName == "SinglelineTextInputView" ||
       viewName == "MultilineTextInputView" || viewName == "AndroidTextInput" ||
@@ -114,7 +115,7 @@ static ComponentName componentNameByReactViewName(ComponentName viewName) {
 }
 
 ComponentDescriptor const &ComponentDescriptorRegistry::at(
-    ComponentName const &componentName) const {
+    std::string const &componentName) const {
   std::shared_lock<better::shared_mutex> lock(mutex_);
 
   auto unifiedComponentName = componentNameByReactViewName(componentName);
@@ -140,18 +141,28 @@ ComponentDescriptor const &ComponentDescriptorRegistry::at(
 
 SharedShadowNode ComponentDescriptorRegistry::createNode(
     Tag tag,
-    ComponentName const &viewName,
+    std::string const &viewName,
     SurfaceId surfaceId,
-    folly::dynamic const &props,
+    folly::dynamic const &propsDynamic,
     SharedEventTarget const &eventTarget) const {
   auto unifiedComponentName = componentNameByReactViewName(viewName);
   auto const &componentDescriptor = this->at(unifiedComponentName);
+
+  auto const eventEmitter =
+      componentDescriptor.createEventEmitter(std::move(eventTarget), tag);
+  auto const props =
+      componentDescriptor.cloneProps(nullptr, RawProps(propsDynamic));
+  auto const state = componentDescriptor.createInitialState(
+      ShadowNodeFragment{surfaceId, tag, props, eventEmitter});
+
   return componentDescriptor.createShadowNode({
       /* .tag = */ tag,
       /* .surfaceId = */ surfaceId,
-      /* .props = */ componentDescriptor.cloneProps(nullptr, RawProps(props)),
-      /* .eventEmitter = */
-      componentDescriptor.createEventEmitter(std::move(eventTarget), tag),
+      /* .props = */ props,
+      /* .eventEmitter = */ eventEmitter,
+      /* .children = */ ShadowNodeFragment::childrenPlaceholder(),
+      /* .localData = */ ShadowNodeFragment::localDataPlaceholder(),
+      /* .state = */ state,
   });
 }
 
diff --git a/ReactCommon/fabric/uimanager/ComponentDescriptorRegistry.h b/ReactCommon/fabric/uimanager/ComponentDescriptorRegistry.h
index 0f3254b1037cb3..bf5a97ef11d546 100644
--- a/ReactCommon/fabric/uimanager/ComponentDescriptorRegistry.h
+++ b/ReactCommon/fabric/uimanager/ComponentDescriptorRegistry.h
@@ -45,12 +45,12 @@ class ComponentDescriptorRegistry {
   void registerComponentDescriptor(
       SharedComponentDescriptor componentDescriptor) const;
 
-  ComponentDescriptor const &at(ComponentName const &componentName) const;
+  ComponentDescriptor const &at(std::string const &componentName) const;
   ComponentDescriptor const &at(ComponentHandle componentHandle) const;
 
   SharedShadowNode createNode(
       Tag tag,
-      ComponentName const &viewName,
+      std::string const &viewName,
       SurfaceId surfaceId,
       folly::dynamic const &props,
       SharedEventTarget const &eventTarget) const;
@@ -73,7 +73,7 @@ class ComponentDescriptorRegistry {
   mutable better::shared_mutex mutex_;
   mutable better::map<ComponentHandle, SharedComponentDescriptor>
       _registryByHandle;
-  mutable better::map<ComponentName, SharedComponentDescriptor> _registryByName;
+  mutable better::map<std::string, SharedComponentDescriptor> _registryByName;
   ComponentDescriptor::Shared _fallbackComponentDescriptor;
   ComponentDescriptorParameters parameters_{};
 };
diff --git a/ReactCommon/fabric/uimanager/Scheduler.cpp b/ReactCommon/fabric/uimanager/Scheduler.cpp
index c4637c1a3d5bed..cb4b38c61c0539 100644
--- a/ReactCommon/fabric/uimanager/Scheduler.cpp
+++ b/ReactCommon/fabric/uimanager/Scheduler.cpp
@@ -19,19 +19,13 @@ namespace facebook {
 namespace react {
 
 Scheduler::Scheduler(
-    ContextContainer::Shared const &contextContainer,
-    ComponentRegistryFactory buildRegistryFunction) {
-  const auto asynchronousEventBeatFactory =
-      contextContainer->getInstance<EventBeatFactory>("asynchronous");
-  const auto synchronousEventBeatFactory =
-      contextContainer->getInstance<EventBeatFactory>("synchronous");
-
-  runtimeExecutor_ =
-      contextContainer->getInstance<RuntimeExecutor>("runtime-executor");
+    SchedulerToolbox schedulerToolbox,
+    SchedulerDelegate *delegate) {
+  runtimeExecutor_ = schedulerToolbox.runtimeExecutor;
 
   reactNativeConfig_ =
-      contextContainer->getInstance<std::shared_ptr<const ReactNativeConfig>>(
-          "ReactNativeConfig");
+      schedulerToolbox.contextContainer
+          ->at<std::shared_ptr<const ReactNativeConfig>>("ReactNativeConfig");
 
   auto uiManager = std::make_unique<UIManager>();
   auto &uiManagerRef = *uiManager;
@@ -55,15 +49,17 @@ Scheduler::Scheduler(
   auto eventDispatcher = std::make_shared<EventDispatcher>(
       eventPipe,
       statePipe,
-      synchronousEventBeatFactory,
-      asynchronousEventBeatFactory);
+      schedulerToolbox.synchronousEventBeatFactory,
+      schedulerToolbox.asynchronousEventBeatFactory);
 
-  componentDescriptorRegistry_ =
-      buildRegistryFunction(eventDispatcher, contextContainer);
+  componentDescriptorRegistry_ = schedulerToolbox.componentRegistryFactory(
+      eventDispatcher, schedulerToolbox.contextContainer);
 
   rootComponentDescriptor_ =
       std::make_unique<const RootComponentDescriptor>(eventDispatcher);
 
+  delegate_ = delegate;
+
   uiManagerRef.setDelegate(this);
   uiManagerRef.setShadowTreeRegistry(&shadowTreeRegistry_);
   uiManagerRef.setComponentDescriptorRegistry(componentDescriptorRegistry_);
@@ -72,10 +68,10 @@ Scheduler::Scheduler(
     UIManagerBinding::install(runtime, uiManagerBinding_);
   });
 
-  contextContainer->registerInstance(
+  schedulerToolbox.contextContainer->insert(
+      "ComponentDescriptorRegistry_DO_NOT_USE_PRETTY_PLEASE",
       std::weak_ptr<ComponentDescriptorRegistry const>(
-          componentDescriptorRegistry_),
-      "ComponentDescriptorRegistry_DO_NOT_USE_PRETTY_PLEASE");
+          componentDescriptorRegistry_));
 }
 
 Scheduler::~Scheduler() {
@@ -96,12 +92,10 @@ void Scheduler::startSurface(
 
   shadowTreeRegistry_.add(std::move(shadowTree));
 
-#ifndef ANDROID
   runtimeExecutor_([=](jsi::Runtime &runtime) {
     uiManagerBinding_->startSurface(
         runtime, surfaceId, moduleName, initialProps);
   });
-#endif
 }
 
 void Scheduler::renderTemplateToSurface(
@@ -148,34 +142,31 @@ void Scheduler::renderTemplateToSurface(
 void Scheduler::stopSurface(SurfaceId surfaceId) const {
   SystraceSection s("Scheduler::stopSurface");
 
-  shadowTreeRegistry_.visit(
-      surfaceId, [](const ShadowTree &shadowTree) {
-        // As part of stopping the Surface, we have to commit an empty tree.
-        return shadowTree.tryCommit(
-            [&](const SharedRootShadowNode &oldRootShadowNode) {
-              return std::make_shared<RootShadowNode>(
-                  *oldRootShadowNode,
-                  ShadowNodeFragment{
-                      /* .tag = */ ShadowNodeFragment::tagPlaceholder(),
-                      /* .surfaceId = */
-                      ShadowNodeFragment::surfaceIdPlaceholder(),
-                      /* .props = */ ShadowNodeFragment::propsPlaceholder(),
-                      /* .eventEmitter = */
-                      ShadowNodeFragment::eventEmitterPlaceholder(),
-                      /* .children = */
-                      ShadowNode::emptySharedShadowNodeSharedList(),
-                  });
-            });
-      });
+  shadowTreeRegistry_.visit(surfaceId, [](const ShadowTree &shadowTree) {
+    // As part of stopping the Surface, we have to commit an empty tree.
+    return shadowTree.tryCommit(
+        [&](const SharedRootShadowNode &oldRootShadowNode) {
+          return std::make_shared<RootShadowNode>(
+              *oldRootShadowNode,
+              ShadowNodeFragment{
+                  /* .tag = */ ShadowNodeFragment::tagPlaceholder(),
+                  /* .surfaceId = */
+                  ShadowNodeFragment::surfaceIdPlaceholder(),
+                  /* .props = */ ShadowNodeFragment::propsPlaceholder(),
+                  /* .eventEmitter = */
+                  ShadowNodeFragment::eventEmitterPlaceholder(),
+                  /* .children = */
+                  ShadowNode::emptySharedShadowNodeSharedList(),
+              });
+        });
+  });
 
   auto shadowTree = shadowTreeRegistry_.remove(surfaceId);
   shadowTree->setDelegate(nullptr);
 
-#ifndef ANDROID
   runtimeExecutor_([=](jsi::Runtime &runtime) {
     uiManagerBinding_->stopSurface(runtime, surfaceId);
   });
-#endif
 }
 
 Size Scheduler::measureSurface(
@@ -244,21 +235,20 @@ void Scheduler::uiManagerDidFinishTransaction(
     const SharedShadowNodeUnsharedList &rootChildNodes) {
   SystraceSection s("Scheduler::uiManagerDidFinishTransaction");
 
-  shadowTreeRegistry_.visit(
-      surfaceId, [&](const ShadowTree &shadowTree) {
-        shadowTree.commit([&](const SharedRootShadowNode &oldRootShadowNode) {
-          return std::make_shared<RootShadowNode>(
-              *oldRootShadowNode,
-              ShadowNodeFragment{
-                  /* .tag = */ ShadowNodeFragment::tagPlaceholder(),
-                  /* .surfaceId = */ ShadowNodeFragment::surfaceIdPlaceholder(),
-                  /* .props = */ ShadowNodeFragment::propsPlaceholder(),
-                  /* .eventEmitter = */
-                  ShadowNodeFragment::eventEmitterPlaceholder(),
-                  /* .children = */ rootChildNodes,
-              });
-        });
-      });
+  shadowTreeRegistry_.visit(surfaceId, [&](const ShadowTree &shadowTree) {
+    shadowTree.commit([&](const SharedRootShadowNode &oldRootShadowNode) {
+      return std::make_shared<RootShadowNode>(
+          *oldRootShadowNode,
+          ShadowNodeFragment{
+              /* .tag = */ ShadowNodeFragment::tagPlaceholder(),
+              /* .surfaceId = */ ShadowNodeFragment::surfaceIdPlaceholder(),
+              /* .props = */ ShadowNodeFragment::propsPlaceholder(),
+              /* .eventEmitter = */
+              ShadowNodeFragment::eventEmitterPlaceholder(),
+              /* .children = */ rootChildNodes,
+          });
+    });
+  });
 }
 
 void Scheduler::uiManagerDidCreateShadowNode(
@@ -272,5 +262,42 @@ void Scheduler::uiManagerDidCreateShadowNode(
   }
 }
 
+void Scheduler::uiManagerDidDispatchCommand(
+    const SharedShadowNode &shadowNode,
+    std::string const &commandName,
+    folly::dynamic const args) {
+  SystraceSection s("Scheduler::uiManagerDispatchCommand");
+
+  if (delegate_) {
+    auto shadowView = ShadowView(*shadowNode);
+    delegate_->schedulerDidDispatchCommand(shadowView, commandName, args);
+  }
+}
+
+/*
+ * Set JS responder for a view
+ */
+void Scheduler::uiManagerDidSetJSResponder(
+    SurfaceId surfaceId,
+    const SharedShadowNode &shadowNode,
+    bool blockNativeResponder) {
+  if (delegate_) {
+    // TODO: the first shadowView paramenter, should be the first parent that
+    // is non virtual.
+    auto shadowView = ShadowView(*shadowNode);
+    delegate_->schedulerDidSetJSResponder(
+        surfaceId, shadowView, shadowView, blockNativeResponder);
+  }
+}
+
+/*
+ * Clear the JSResponder for a view
+ */
+void Scheduler::uiManagerDidClearJSResponder() {
+  if (delegate_) {
+    delegate_->schedulerDidClearJSResponder();
+  }
+}
+
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/fabric/uimanager/Scheduler.h b/ReactCommon/fabric/uimanager/Scheduler.h
index ea4469ac3ed767..4f87ab778030cc 100644
--- a/ReactCommon/fabric/uimanager/Scheduler.h
+++ b/ReactCommon/fabric/uimanager/Scheduler.h
@@ -18,10 +18,11 @@
 #include <react/uimanager/ComponentDescriptorFactory.h>
 #include <react/uimanager/ComponentDescriptorRegistry.h>
 #include <react/uimanager/SchedulerDelegate.h>
+#include <react/uimanager/SchedulerToolbox.h>
 #include <react/uimanager/UIManagerBinding.h>
 #include <react/uimanager/UIManagerDelegate.h>
-#include <react/uimanager/primitives.h>
 #include <react/utils/ContextContainer.h>
+#include <react/utils/RuntimeExecutor.h>
 
 namespace facebook {
 namespace react {
@@ -31,9 +32,7 @@ namespace react {
  */
 class Scheduler final : public UIManagerDelegate, public ShadowTreeDelegate {
  public:
-  Scheduler(
-      ContextContainer::Shared const &contextContainer,
-      ComponentRegistryFactory buildRegistryFunction);
+  Scheduler(SchedulerToolbox schedulerToolbox, SchedulerDelegate *delegate);
   ~Scheduler();
 
 #pragma mark - Surface Management
@@ -87,6 +86,15 @@ class Scheduler final : public UIManagerDelegate, public ShadowTreeDelegate {
       const SharedShadowNodeUnsharedList &rootChildNodes) override;
   void uiManagerDidCreateShadowNode(
       const SharedShadowNode &shadowNode) override;
+  void uiManagerDidDispatchCommand(
+      const SharedShadowNode &shadowNode,
+      std::string const &commandName,
+      folly::dynamic const args) override;
+  void uiManagerDidSetJSResponder(
+      SurfaceId surfaceId,
+      const SharedShadowNode &shadowView,
+      bool blockNativeResponder) override;
+  void uiManagerDidClearJSResponder() override;
 
 #pragma mark - ShadowTreeDelegate
 
diff --git a/ReactCommon/fabric/uimanager/SchedulerDelegate.h b/ReactCommon/fabric/uimanager/SchedulerDelegate.h
index 45212d92dd7f8d..acc0ddc279b8dc 100644
--- a/ReactCommon/fabric/uimanager/SchedulerDelegate.h
+++ b/ReactCommon/fabric/uimanager/SchedulerDelegate.h
@@ -22,7 +22,7 @@ class SchedulerDelegate {
  public:
   /*
    * Called right after Scheduler computed (and laid out) a new updated version
-   * of the tree and calculated a set of mutations which are suffisient
+   * of the tree and calculated a set of mutations which are sufficient
    * to construct a new one.
    */
   virtual void schedulerDidFinishTransaction(
@@ -35,6 +35,25 @@ class SchedulerDelegate {
       SurfaceId surfaceId,
       const ShadowView &shadowView) = 0;
 
+  virtual void schedulerDidDispatchCommand(
+      const ShadowView &shadowView,
+      std::string const &commandName,
+      folly::dynamic const args) = 0;
+
+  /*
+   * Set JS responder for a view
+   */
+  virtual void schedulerDidSetJSResponder(
+      SurfaceId surfaceId,
+      const ShadowView &shadowView,
+      const ShadowView &initialShadowView,
+      bool blockNativeResponder) = 0;
+
+  /*
+   * Clear the JSResponder for a view
+   */
+  virtual void schedulerDidClearJSResponder() = 0;
+
   virtual ~SchedulerDelegate() noexcept = default;
 };
 
diff --git a/ReactCommon/fabric/uimanager/SchedulerToolbox.cpp b/ReactCommon/fabric/uimanager/SchedulerToolbox.cpp
new file mode 100644
index 00000000000000..c02009d00d3043
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/SchedulerToolbox.cpp
@@ -0,0 +1,6 @@
+// Copyright (c) Facebook, Inc. and its affiliates.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#include "SchedulerToolbox.h"
diff --git a/ReactCommon/fabric/uimanager/SchedulerToolbox.h b/ReactCommon/fabric/uimanager/SchedulerToolbox.h
new file mode 100644
index 00000000000000..9505572229db7f
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/SchedulerToolbox.h
@@ -0,0 +1,47 @@
+// Copyright (c) Facebook, Inc. and its 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/core/EventBeat.h>
+#include <react/uimanager/ComponentDescriptorFactory.h>
+#include <react/utils/ContextContainer.h>
+#include <react/utils/RuntimeExecutor.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Contains all external dependencies of Scheduler.
+ * Copyable.
+ */
+struct SchedulerToolbox final {
+  /*
+   * Represents general purpose DI container for product components/needs.
+   * Must not be `nullptr`.
+   */
+  ContextContainer::Shared contextContainer;
+
+  /*
+   * Represents externally managed, lazily available collection of components.
+   */
+  ComponentRegistryFactory componentRegistryFactory;
+
+  /*
+   * Represents running JavaScript VM and associated execution queue.
+   */
+  RuntimeExecutor runtimeExecutor;
+
+  /*
+   * Asynchronous & synchronous event beats.
+   * Represent connections with the platform-specific run loops and general
+   * purpose background queue.
+   */
+  EventBeatFactory asynchronousEventBeatFactory;
+  EventBeatFactory synchronousEventBeatFactory;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/uimanager/UIManager.cpp b/ReactCommon/fabric/uimanager/UIManager.cpp
index 729661f0bd22cf..0f74d2503d4063 100644
--- a/ReactCommon/fabric/uimanager/UIManager.cpp
+++ b/ReactCommon/fabric/uimanager/UIManager.cpp
@@ -10,7 +10,7 @@ namespace react {
 
 SharedShadowNode UIManager::createNode(
     Tag tag,
-    const ComponentName &name,
+    std::string const &name,
     SurfaceId surfaceId,
     const RawProps &rawProps,
     SharedEventTarget eventTarget) const {
@@ -24,7 +24,7 @@ SharedShadowNode UIManager::createNode(
       componentDescriptor.createEventEmitter(std::move(eventTarget), tag);
   auto const props = componentDescriptor.cloneProps(nullptr, rawProps);
   auto const state = componentDescriptor.createInitialState(
-      ShadowNodeFragment{surfaceId, tag, props, eventEmitter});
+      ShadowNodeFragment{tag, surfaceId, props, eventEmitter});
 
   auto shadowNode = componentDescriptor.createShadowNode({
       /* .tag = */ tag,
@@ -91,6 +91,21 @@ void UIManager::completeSurface(
   }
 }
 
+void UIManager::setJSResponder(
+    const SharedShadowNode &shadowNode,
+    const bool blockNativeResponder) const {
+  if (delegate_) {
+    delegate_->uiManagerDidSetJSResponder(
+        shadowNode->getSurfaceId(), shadowNode, blockNativeResponder);
+  }
+}
+
+void UIManager::clearJSResponder() const {
+  if (delegate_) {
+    delegate_->uiManagerDidClearJSResponder();
+  }
+}
+
 void UIManager::setNativeProps(
     const SharedShadowNode &shadowNode,
     const RawProps &rawProps) const {
@@ -167,6 +182,15 @@ void UIManager::updateState(
       });
 }
 
+void UIManager::dispatchCommand(
+    const SharedShadowNode &shadowNode,
+    std::string const &commandName,
+    folly::dynamic const args) const {
+  if (delegate_) {
+    delegate_->uiManagerDidDispatchCommand(shadowNode, commandName, args);
+  }
+}
+
 void UIManager::setShadowTreeRegistry(ShadowTreeRegistry *shadowTreeRegistry) {
   shadowTreeRegistry_ = shadowTreeRegistry;
 }
diff --git a/ReactCommon/fabric/uimanager/UIManager.h b/ReactCommon/fabric/uimanager/UIManager.h
index f8ccb65dd5b0d5..1ca5909f93c711 100644
--- a/ReactCommon/fabric/uimanager/UIManager.h
+++ b/ReactCommon/fabric/uimanager/UIManager.h
@@ -36,7 +36,7 @@ class UIManager {
 
   SharedShadowNode createNode(
       Tag tag,
-      const std::string &name,
+      std::string const &componentName,
       SurfaceId surfaceId,
       const RawProps &props,
       SharedEventTarget eventTarget) const;
@@ -58,6 +58,12 @@ class UIManager {
       const SharedShadowNode &shadowNode,
       const RawProps &rawProps) const;
 
+  void setJSResponder(
+      const SharedShadowNode &shadowNode,
+      const bool blockNativeResponder) const;
+
+  void clearJSResponder() const;
+
   /*
    * Returns layout metrics of given `shadowNode` relative to
    * `ancestorShadowNode` (relative to the root node in case if provided
@@ -75,6 +81,11 @@ class UIManager {
       const SharedShadowNode &shadowNode,
       const StateData::Shared &rawStateData) const;
 
+  void dispatchCommand(
+      const SharedShadowNode &shadowNode,
+      std::string const &commandName,
+      folly::dynamic const args) const;
+
   ShadowTreeRegistry *shadowTreeRegistry_;
   SharedComponentDescriptorRegistry componentDescriptorRegistry_;
   UIManagerDelegate *delegate_;
diff --git a/ReactCommon/fabric/uimanager/UIManagerBinding.cpp b/ReactCommon/fabric/uimanager/UIManagerBinding.cpp
index afcb6aff7d45fb..57c252bbf97bf3 100644
--- a/ReactCommon/fabric/uimanager/UIManagerBinding.cpp
+++ b/ReactCommon/fabric/uimanager/UIManagerBinding.cpp
@@ -46,22 +46,40 @@ void UIManagerBinding::startSurface(
   parameters["initialProps"] = initalProps;
   parameters["fabric"] = true;
 
-  auto module = getModule(runtime, "AppRegistry");
-  auto method = module.getPropertyAsFunction(runtime, "runApplication");
+  if (runtime.global().hasProperty(runtime, "RN$SurfaceRegistry")) {
+    auto registry =
+        runtime.global().getPropertyAsObject(runtime, "RN$SurfaceRegistry");
+    auto method = registry.getPropertyAsFunction(runtime, "renderSurface");
 
-  method.callWithThis(
-      runtime,
-      module,
-      {jsi::String::createFromUtf8(runtime, moduleName),
-       jsi::valueFromDynamic(runtime, parameters)});
+    method.call(
+        runtime,
+        {jsi::String::createFromUtf8(runtime, moduleName),
+         jsi::valueFromDynamic(runtime, parameters)});
+  } else {
+    auto module = getModule(runtime, "AppRegistry");
+    auto method = module.getPropertyAsFunction(runtime, "runApplication");
+
+    method.callWithThis(
+        runtime,
+        module,
+        {jsi::String::createFromUtf8(runtime, moduleName),
+         jsi::valueFromDynamic(runtime, parameters)});
+  }
 }
 
 void UIManagerBinding::stopSurface(jsi::Runtime &runtime, SurfaceId surfaceId)
     const {
-  auto module = getModule(runtime, "ReactFabric");
-  auto method = module.getPropertyAsFunction(runtime, "unmountComponentAtNode");
-
-  method.callWithThis(runtime, module, {jsi::Value{surfaceId}});
+  if (runtime.global().hasProperty(runtime, "RN$stopSurface")) {
+    auto method =
+        runtime.global().getPropertyAsFunction(runtime, "RN$stopSurface");
+    method.call(runtime, {jsi::Value{surfaceId}});
+  } else {
+    auto module = getModule(runtime, "ReactFabric");
+    auto method =
+        module.getPropertyAsFunction(runtime, "unmountComponentAtNode");
+
+    method.callWithThis(runtime, module, {jsi::Value{surfaceId}});
+  }
 }
 
 void UIManagerBinding::dispatchEvent(
@@ -123,7 +141,7 @@ jsi::Value UIManagerBinding::get(
               runtime,
               uiManager.createNode(
                   tagFromValue(runtime, arguments[0]),
-                  componentNameFromValue(runtime, arguments[1]),
+                  stringFromValue(runtime, arguments[1]),
                   surfaceIdFromValue(runtime, arguments[2]),
                   RawProps(runtime, arguments[3]),
                   eventTargetFromValue(runtime, arguments[4], arguments[0])));
@@ -147,6 +165,40 @@ jsi::Value UIManagerBinding::get(
         });
   }
 
+  if (methodName == "setJSResponder") {
+    return jsi::Function::createFromHostFunction(
+        runtime,
+        name,
+        2,
+        [&uiManager](
+            jsi::Runtime &runtime,
+            const jsi::Value &thisValue,
+            const jsi::Value *arguments,
+            size_t count) -> jsi::Value {
+          uiManager.setJSResponder(
+              shadowNodeFromValue(runtime, arguments[0]),
+              arguments[1].getBool());
+
+          return jsi::Value::undefined();
+        });
+  }
+
+  if (methodName == "clearJSResponder") {
+    return jsi::Function::createFromHostFunction(
+        runtime,
+        name,
+        0,
+        [&uiManager](
+            jsi::Runtime &runtime,
+            const jsi::Value &thisValue,
+            const jsi::Value *arguments,
+            size_t count) -> jsi::Value {
+          uiManager.clearJSResponder();
+
+          return jsi::Value::undefined();
+        });
+  }
+
   // Semantic: Clones the node with *same* props and *empty* children.
   if (methodName == "cloneNodeWithNewChildren") {
     return jsi::Function::createFromHostFunction(
@@ -314,6 +366,25 @@ jsi::Value UIManagerBinding::get(
         });
   }
 
+  if (methodName == "dispatchCommand") {
+    return jsi::Function::createFromHostFunction(
+        runtime,
+        name,
+        3,
+        [&uiManager](
+            jsi::Runtime &runtime,
+            const jsi::Value &thisValue,
+            const jsi::Value *arguments,
+            size_t count) -> jsi::Value {
+          uiManager.dispatchCommand(
+              shadowNodeFromValue(runtime, arguments[0]),
+              stringFromValue(runtime, arguments[1]),
+              commandArgsFromValue(runtime, arguments[2]));
+
+          return jsi::Value::undefined();
+        });
+  }
+
   // Legacy API
   if (methodName == "measureLayout") {
     return jsi::Function::createFromHostFunction(
@@ -350,6 +421,34 @@ jsi::Value UIManagerBinding::get(
         });
   }
 
+  if (methodName == "measure") {
+    return jsi::Function::createFromHostFunction(
+        runtime,
+        name,
+        2,
+        [&uiManager](
+            jsi::Runtime &runtime,
+            const jsi::Value &thisValue,
+            const jsi::Value *arguments,
+            size_t count) -> jsi::Value {
+          auto layoutMetrics = uiManager.getRelativeLayoutMetrics(
+              *shadowNodeFromValue(runtime, arguments[0]), nullptr);
+          auto frame = layoutMetrics.frame;
+          auto onSuccessFunction =
+              arguments[1].getObject(runtime).getFunction(runtime);
+
+          onSuccessFunction.call(
+              runtime,
+              {0,
+               0,
+               jsi::Value{runtime, (double)frame.origin.x},
+               jsi::Value{runtime, (double)frame.origin.y},
+               jsi::Value{runtime, (double)frame.size.width},
+               jsi::Value{runtime, (double)frame.size.height}});
+          return jsi::Value::undefined();
+        });
+  }
+
   if (methodName == "measureInWindow") {
     return jsi::Function::createFromHostFunction(
         runtime,
diff --git a/ReactCommon/fabric/uimanager/UIManagerBinding.h b/ReactCommon/fabric/uimanager/UIManagerBinding.h
index 1c95c6e1c092d7..40c5fccf3bf831 100644
--- a/ReactCommon/fabric/uimanager/UIManagerBinding.h
+++ b/ReactCommon/fabric/uimanager/UIManagerBinding.h
@@ -16,7 +16,7 @@ namespace react {
 class UIManagerBinding : public jsi::HostObject {
  public:
   /*
-   * Installs UIManagerBinding into JavaSctipt runtime.
+   * Installs UIManagerBinding into JavaScript runtime.
    * Thread synchronization must be enforced externally.
    */
   static void install(
diff --git a/ReactCommon/fabric/uimanager/UIManagerDelegate.h b/ReactCommon/fabric/uimanager/UIManagerDelegate.h
index cd6b881615b28f..e2e7e939269db1 100644
--- a/ReactCommon/fabric/uimanager/UIManagerDelegate.h
+++ b/ReactCommon/fabric/uimanager/UIManagerDelegate.h
@@ -20,7 +20,7 @@ class UIManagerDelegate {
  public:
   /*
    * Called right after the new/updated Shadow Node tree is constructed.
-   * The tree is not layed out and not sealed at this time.
+   * The tree is not laid out and not sealed at this time.
    */
   virtual void uiManagerDidFinishTransaction(
       SurfaceId surfaceId,
@@ -28,12 +28,33 @@ class UIManagerDelegate {
 
   /*
    * Called each time when UIManager constructs a new Shadow Node. Receiver
-   * maight use this to preluminary optimistically allocate a new native view
+   * might use this to optimistically allocate a new native view
    * instances.
    */
   virtual void uiManagerDidCreateShadowNode(
       const SharedShadowNode &shadowNode) = 0;
 
+  /*
+   * Called when UIManager wants to dispatch a command to the mounting layer.
+   */
+  virtual void uiManagerDidDispatchCommand(
+      const SharedShadowNode &shadowNode,
+      std::string const &commandName,
+      folly::dynamic const args) = 0;
+
+  /*
+   * Set JS responder for a view
+   */
+  virtual void uiManagerDidSetJSResponder(
+      SurfaceId surfaceId,
+      SharedShadowNode const &shadowView,
+      bool blockNativeResponder) = 0;
+
+  /*
+   * Clear the JSResponder for a view
+   */
+  virtual void uiManagerDidClearJSResponder() = 0;
+
   virtual ~UIManagerDelegate() noexcept = default;
 };
 
diff --git a/ReactCommon/fabric/uimanager/primitives.h b/ReactCommon/fabric/uimanager/primitives.h
index c427f0428b42f9..d7ac6f695f0697 100644
--- a/ReactCommon/fabric/uimanager/primitives.h
+++ b/ReactCommon/fabric/uimanager/primitives.h
@@ -11,9 +11,6 @@
 namespace facebook {
 namespace react {
 
-using RuntimeExecutor = std::function<void(
-    std::function<void(facebook::jsi::Runtime &runtime)> &&callback)>;
-
 struct EventHandlerWrapper : public EventHandler {
   EventHandlerWrapper(jsi::Function eventHandler)
       : callback(std::move(eventHandler)) {}
@@ -83,11 +80,17 @@ inline static SurfaceId surfaceIdFromValue(
   return (SurfaceId)value.getNumber();
 }
 
-inline static ComponentName componentNameFromValue(
+inline static std::string stringFromValue(
     jsi::Runtime &runtime,
     const jsi::Value &value) {
   return value.getString(runtime).utf8(runtime);
 }
 
+inline static folly::dynamic commandArgsFromValue(
+    jsi::Runtime &runtime,
+    const jsi::Value &value) {
+  return jsi::dynamicFromValue(runtime, value);
+}
+
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/hermes/inspector/.clang-format b/ReactCommon/hermes/inspector/.clang-format
new file mode 100644
index 00000000000000..550292f9506cef
--- /dev/null
+++ b/ReactCommon/hermes/inspector/.clang-format
@@ -0,0 +1,87 @@
+---
+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/ReactCommon/hermes/inspector/Android.mk b/ReactCommon/hermes/inspector/Android.mk
new file mode 100644
index 00000000000000..f8fdd43b6bd7c9
--- /dev/null
+++ b/ReactCommon/hermes/inspector/Android.mk
@@ -0,0 +1,26 @@
+# Copyright (c) Facebook, Inc. and its affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+LOCAL_PATH := $(call my-dir)
+
+include $(CLEAR_VARS)
+REACT_NATIVE := $(LOCAL_PATH)/../../..
+
+LOCAL_MODULE := hermes-inspector
+
+LOCAL_SRC_FILES := $(wildcard $(LOCAL_PATH)/*.cpp $(LOCAL_PATH)/detail/*.cpp $(LOCAL_PATH)/chrome/*.cpp)
+
+LOCAL_C_ROOT := $(LOCAL_PATH)/../..
+
+LOCAL_CFLAGS := -DHERMES_ENABLE_DEBUGGER=1
+LOCAL_C_INCLUDES := $(LOCAL_C_ROOT) $(REACT_NATIVE)/ReactCommon/jsi $(REACT_NATIVE)/node_modules/hermes-engine/android/include $(REACT_NATIVE)/../hermes-engine/android/include $(REACT_NATIVE)/../node_modules/hermes-engine/include
+LOCAL_EXPORT_C_INCLUDES := $(LOCAL_C_ROOT)
+
+LOCAL_CPP_FEATURES := exceptions
+
+LOCAL_STATIC_LIBRARIES := libjsi
+LOCAL_SHARED_LIBRARIES := jsinspector libfb libfolly_futures libfolly_json libhermes
+
+include $(BUILD_SHARED_LIBRARY)
diff --git a/ReactCommon/hermes/inspector/AsyncPauseState.h b/ReactCommon/hermes/inspector/AsyncPauseState.h
new file mode 100644
index 00000000000000..a5aa57385e0fc7
--- /dev/null
+++ b/ReactCommon/hermes/inspector/AsyncPauseState.h
@@ -0,0 +1,29 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#pragma once
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+
+/**
+ * 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
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/DEFS.bzl b/ReactCommon/hermes/inspector/DEFS.bzl
new file mode 100644
index 00000000000000..a55bb00adffe79
--- /dev/null
+++ b/ReactCommon/hermes/inspector/DEFS.bzl
@@ -0,0 +1,7 @@
+load("@fbsource//xplat/hermes/defs:hermes.bzl", "hermes_is_debugger_enabled")
+
+def hermes_inspector_dep_list():
+    return [
+        "fbsource//xplat/hermes-inspector:chrome",
+        "fbsource//xplat/hermes-inspector:inspectorlib",
+    ] if hermes_is_debugger_enabled() else []
diff --git a/ReactCommon/hermes/inspector/Exceptions.h b/ReactCommon/hermes/inspector/Exceptions.h
new file mode 100644
index 00000000000000..7808b019dfdbdb
--- /dev/null
+++ b/ReactCommon/hermes/inspector/Exceptions.h
@@ -0,0 +1,44 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#pragma once
+
+#include <stdexcept>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+
+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") {}
+};
+
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/Inspector.cpp b/ReactCommon/hermes/inspector/Inspector.cpp
new file mode 100644
index 00000000000000..ea3c8b3024fa57
--- /dev/null
+++ b/ReactCommon/hermes/inspector/Inspector.cpp
@@ -0,0 +1,582 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#include "Inspector.h"
+#include "Exceptions.h"
+#include "InspectorState.h"
+
+#include <functional>
+#include <string>
+
+#include <glog/logging.h>
+#include <hermes/inspector/detail/SerialExecutor.h>
+#include <hermes/inspector/detail/Thread.h>
+
+// <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.
+
+template class folly::Future<folly::Unit>;
+
+namespace folly {
+namespace futures {
+
+Future<Unit> sleep(Duration dur, Timekeeper *tk) {
+  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>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+
+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 = true;
+
+// 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
+  const char *src = "function __tickleJs() { return Math.random(); }";
+  adapter->getRuntime().debugJavaScript(src, "__tickleJsHackUrl", {});
+
+  {
+    std::lock_guard<std::mutex> lock(mutex_);
+
+    if (pauseOnFirstStatement) {
+      TRANSITION(std::make_unique<InspectorState::RunningWaitEnable>(*this));
+    } else {
+      TRANSITION(std::make_unique<InspectorState::RunningDetached>(*this));
+    }
+  }
+
+  debugger_.setShouldPauseOnScriptLoad(true);
+  debugger_.setEventObserver(this);
+}
+
+Inspector::~Inspector() {
+  // TODO: think about expected detach flow
+  debugger_.setEventObserver(nullptr);
+}
+
+void Inspector::installConsoleFunction(
+    jsi::Object &console,
+    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, chromeType](
+              jsi::Runtime &runtime,
+              const jsi::Value &thisVal,
+              const jsi::Value *args,
+              size_t count) {
+            if (auto inspector = weakInspector.lock()) {
+              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();
+          }));
+}
+
+void Inspector::installLogHandler() {
+  jsi::Runtime &rt = adapter_->getRuntime();
+  auto console = jsi::Object(rt);
+  installConsoleFunction(console, "assert");
+  installConsoleFunction(console, "clear");
+  installConsoleFunction(console, "debug");
+  installConsoleFunction(console, "dir");
+  installConsoleFunction(console, "dirxml");
+  installConsoleFunction(console, "error");
+  installConsoleFunction(console, "group", "startGroup");
+  installConsoleFunction(console, "groupCollapsed", "startGroupCollapsed");
+  installConsoleFunction(console, "groupEnd", "endGroup");
+  installConsoleFunction(console, "info");
+  installConsoleFunction(console, "log");
+  installConsoleFunction(console, "profile");
+  installConsoleFunction(console, "profileEnd");
+  installConsoleFunction(console, "table");
+  installConsoleFunction(console, "trace");
+  installConsoleFunction(console, "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();
+
+  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) {
+    uint32_t i = stackTrace.callFrameCount() - 1;
+    debugger::SourceLocation loc = stackTrace.callFrameForIndex(i).location;
+
+    info.fileId = loc.fileId;
+    info.fileName = loc.fileName;
+    info.sourceMappingUrl = debugger_.getSourceMappingUrl(info.fileId);
+  }
+
+  return info;
+}
+
+void Inspector::addCurrentScriptToLoadedScripts() {
+  ScriptInfo info = getScriptInfoFromTopCallFrame();
+
+  if (!loadedScripts_.count(info.fileId)) {
+    loadedScripts_[info.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,
+    folly::Optional<std::string> condition) {
+  auto promise = std::make_shared<folly::Promise<debugger::BreakpointInfo>>();
+
+  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();
+};
+
+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::lock_guard<std::mutex> lock(mutex_);
+
+  debugger_.setIsDebuggerAttached(false);
+
+  state_->detach(promise);
+}
+
+void Inspector::enableOnExecutor(
+    std::shared_ptr<folly::Promise<Unit>> promise) {
+  std::lock_guard<std::mutex> 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::lock_guard<std::mutex> 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 {
+        wrappedFunc();
+        promise->setValue();
+      });
+}
+
+void Inspector::setBreakpointOnExecutor(
+    debugger::SourceLocation loc,
+    folly::Optional<std::string> condition,
+    std::shared_ptr<folly::Promise<debugger::BreakpointInfo>> promise) {
+  std::lock_guard<std::mutex> 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::lock_guard<std::mutex> 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::lock_guard<std::mutex> 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::lock_guard<std::mutex> lock(mutex_);
+
+  state_->setPendingCommand(std::move(command), promise);
+}
+
+void Inspector::pauseOnExecutor(std::shared_ptr<folly::Promise<Unit>> promise) {
+  std::lock_guard<std::mutex> 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::lock_guard<std::mutex> 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::lock_guard<std::mutex> local(mutex_);
+
+  state_->pushPendingFunc([this, mode, promise] {
+    debugger_.setPauseOnThrowMode(mode);
+    promise->setValue();
+  });
+}
+
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/Inspector.h b/ReactCommon/hermes/inspector/Inspector.h
new file mode 100644
index 00000000000000..399b720cf2a870
--- /dev/null
+++ b/ReactCommon/hermes/inspector/Inspector.h
@@ -0,0 +1,306 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#pragma once
+
+#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/AsyncPauseState.h>
+#include <hermes/inspector/RuntimeAdapter.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+
+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)) {}
+};
+
+/**
+ * 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();
+
+  /**
+   * 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,
+      folly::Optional<std::string> condition = folly::none);
+
+  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 suceeds 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 suceeds 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);
+
+  /**
+   * 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;
+
+ 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,
+      folly::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,
+      const std::string &name,
+      const std::string &chromeType);
+
+  std::shared_ptr<RuntimeAdapter> adapter_;
+  facebook::hermes::debugger::Debugger &debugger_;
+  InspectorObserver &observer_;
+
+  // 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.
+  std::unique_ptr<folly::Executor> executor_;
+
+  // 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;
+
+  // 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_;
+};
+
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/InspectorState.cpp b/ReactCommon/hermes/inspector/InspectorState.cpp
new file mode 100644
index 00000000000000..f8c977649f06c2
--- /dev/null
+++ b/ReactCommon/hermes/inspector/InspectorState.cpp
@@ -0,0 +1,476 @@
+#include "InspectorState.h"
+
+#include <glog/logging.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+
+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());
+}
+
+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();
+    }
+  }
+}
+
+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();
+  } else if (reason == debugger::PauseReason::EvalComplete) {
+    assert(pendingEvalPromise_);
+
+    pendingEvalResultTransformer_(
+        inspector_.debugger_.getProgramState().getEvalResult());
+    pendingEvalPromise_->setValue(
+        inspector_.debugger_.getProgramState().getEvalResult());
+    pendingEvalPromise_.reset();
+  } 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
+      inspector_.triggerAsyncPause(false);
+      pendingPauseState = AsyncPauseState::Explicit;
+      canPause = true;
+      break;
+    case AsyncPauseState::Implicit:
+      // already requested an implicit pause on our own, upgrade it to an
+      // explicit pause
+      pendingPauseState = AsyncPauseState::Explicit;
+      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_.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_);
+      pendingEvalResultTransformer_(
+          inspector_.debugger_.getProgramState().getEvalResult());
+      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
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/InspectorState.h b/ReactCommon/hermes/inspector/InspectorState.h
new file mode 100644
index 00000000000000..f2702db92e1a04
--- /dev/null
+++ b/ReactCommon/hermes/inspector/InspectorState.h
@@ -0,0 +1,400 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#pragma once
+
+#include <condition_variable>
+#include <iostream>
+#include <memory>
+#include <mutex>
+#include <queue>
+#include <utility>
+
+#include <folly/Unit.h>
+#include <hermes/inspector/Exceptions.h>
+#include <hermes/inspector/Inspector.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+
+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 debuger 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() {}
+
+  std::pair<NextStatePtr, CommandPtr> didPause(MonitorLock &lock) override;
+  std::pair<NextStatePtr, bool> enable() 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() {}
+
+  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() {}
+
+  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() {}
+
+  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() {}
+
+  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
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/README.md b/ReactCommon/hermes/inspector/README.md
new file mode 100644
index 00000000000000..d889de740b8d3b
--- /dev/null
+++ b/ReactCommon/hermes/inspector/README.md
@@ -0,0 +1,113 @@
+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 fbsource//xplat/hermes-inspector:chrome-tests
+$ buck-out/gen/hermes-inspector/chrome-tests
+[...]
+```
+
+You can use standard gtest filters to only execute a particular set of tests:
+
+```
+$ buck-out/gen/hermes-inspector/chrome-tests \
+    --gtest_filter='ConnectionTests.testSetBreakpoint'
+```
+
+You can debug the tests using lldb or gdb:
+
+```
+$ lldb buck-out/gen/hermes-inspector/chrome-tests
+$ gdb buck-out/gen/hermes-inspector/chrome-tests
+```
+
+# Formatting
+
+Make sure the code is formatted using the hermes clang-format rules before
+committing:
+
+```
+$ xplat/hermes-inspector/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/hermes-inspector/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 fbsource//xplat/hermes/API:HermesAPI fbsource//xplat/hermes/lib/VM:VM jsi \
+    jsinspector hermes-inspector FBReactKit FBReactModule FBCatalystWrapper \
+    fbsource//xplat/js:React fbsource//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/ReactCommon/hermes/inspector/RuntimeAdapter.cpp b/ReactCommon/hermes/inspector/RuntimeAdapter.cpp
new file mode 100644
index 00000000000000..ca98d98ad88da2
--- /dev/null
+++ b/ReactCommon/hermes/inspector/RuntimeAdapter.cpp
@@ -0,0 +1,25 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#include "RuntimeAdapter.h"
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+
+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
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/RuntimeAdapter.h b/ReactCommon/hermes/inspector/RuntimeAdapter.h
new file mode 100644
index 00000000000000..5ad5ba845d57a8
--- /dev/null
+++ b/ReactCommon/hermes/inspector/RuntimeAdapter.h
@@ -0,0 +1,59 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#pragma once
+
+#include <memory>
+
+#include <hermes/hermes.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+
+/**
+ * RuntimeAdapter encapsulates a HermesRuntime object. The underlying Hermes
+ * runtime object should stay alive for at least as long as the RuntimeAdapter
+ * is alive.
+ */
+class RuntimeAdapter {
+ public:
+  virtual ~RuntimeAdapter() = 0;
+
+  /// getRuntime should return the Hermes 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 interperter 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 SharedRuntimeAdapter : public RuntimeAdapter {
+ public:
+  SharedRuntimeAdapter(std::shared_ptr<HermesRuntime> runtime);
+  virtual ~SharedRuntimeAdapter();
+
+  HermesRuntime &getRuntime() override;
+
+ private:
+  std::shared_ptr<HermesRuntime> runtime_;
+};
+
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/AutoAttachUtils.cpp b/ReactCommon/hermes/inspector/chrome/AutoAttachUtils.cpp
new file mode 100644
index 00000000000000..ee4b1d9bc30ca9
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/AutoAttachUtils.cpp
@@ -0,0 +1,127 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#include "AutoAttachUtils.h"
+
+#include <arpa/inet.h>
+#include <sys/socket.h>
+#include <unistd.h>
+
+#include <folly/String.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace chrome {
+
+// The following code is copied from
+// https://phabricator.intern.facebook.com/diffusion/FBS/browse/master/xplat/js/react-native-github/ReactCommon/cxxreact/JSCExecutor.cpp;431c4d01b7072d9a1a52f8bd6c6ba2ff3e47e25d$250
+bool isNetworkInspected(
+    const std::string &owner,
+    const std::string &app,
+    const std::string &device) {
+  auto connect_socket = [](int socket_desc, std::string address, int port) {
+    if (socket_desc < 0) {
+      close(socket_desc);
+      return false;
+    }
+
+    struct timeval tv;
+    tv.tv_sec = 1;
+    tv.tv_usec = 0;
+    auto sock_opt_rcv_resp = setsockopt(
+        socket_desc,
+        SOL_SOCKET,
+        SO_RCVTIMEO,
+        (const char *)&tv,
+        sizeof(struct timeval));
+    if (sock_opt_rcv_resp < 0) {
+      close(socket_desc);
+      return false;
+    }
+
+    auto sock_opt_snd_resp = setsockopt(
+        socket_desc,
+        SOL_SOCKET,
+        SO_SNDTIMEO,
+        (const char *)&tv,
+        sizeof(struct timeval));
+    if (sock_opt_snd_resp < 0) {
+      close(socket_desc);
+      return false;
+    }
+
+    struct sockaddr_in server;
+    server.sin_addr.s_addr = inet_addr(address.c_str());
+    server.sin_family = AF_INET;
+    server.sin_port = htons(port);
+    auto connect_resp =
+        ::connect(socket_desc, (struct sockaddr *)&server, sizeof(server));
+    if (connect_resp < 0) {
+      ::close(socket_desc);
+      return false;
+    }
+
+    return true;
+  };
+
+  int socket_desc = socket(AF_INET, SOCK_STREAM, 0);
+
+  if (!connect_socket(socket_desc, "127.0.0.1", 8082)) {
+#if defined(__ANDROID__)
+    socket_desc = socket(AF_INET, SOCK_STREAM, 0);
+    if (!connect_socket(socket_desc, "10.0.2.2", 8082) /* emulator */) {
+      socket_desc = socket(AF_INET, SOCK_STREAM, 0);
+      if (!connect_socket(socket_desc, "10.0.3.2", 8082) /* genymotion */) {
+        return false;
+      }
+    }
+#else //! defined(__ANDROID__)
+    return false;
+#endif // defined(__ANDROID__)
+  }
+
+  std::string escapedOwner =
+      folly::uriEscape<std::string>(owner, folly::UriEscapeMode::QUERY);
+  std::string escapedApp =
+      folly::uriEscape<std::string>(app, folly::UriEscapeMode::QUERY);
+  std::string escapedDevice =
+      folly::uriEscape<std::string>(device, folly::UriEscapeMode::QUERY);
+  std::string msg = folly::to<std::string>(
+      "GET /autoattach?title=",
+      escapedOwner,
+      "&app=",
+      escapedApp,
+      "&device=",
+      escapedDevice,
+      " HTTP/1.1\r\n\r\n");
+  auto send_resp = ::send(socket_desc, msg.c_str(), msg.length(), 0);
+  if (send_resp < 0) {
+    close(socket_desc);
+    return false;
+  }
+
+  char server_reply[200];
+  server_reply[199] = '\0';
+  auto recv_resp =
+      ::recv(socket_desc, server_reply, sizeof(server_reply) - 1, 0);
+  if (recv_resp < 0) {
+    close(socket_desc);
+    return false;
+  }
+
+  std::string response(server_reply);
+  if (response.size() < 25) {
+    close(socket_desc);
+    return false;
+  }
+  auto responseCandidate = response.substr(response.size() - 25);
+  auto found =
+      responseCandidate.find("{\"autoattach\":true}") != std::string::npos;
+  close(socket_desc);
+  return found;
+}
+
+} // namespace chrome
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/AutoAttachUtils.h b/ReactCommon/hermes/inspector/chrome/AutoAttachUtils.h
new file mode 100644
index 00000000000000..39ec60520b04fb
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/AutoAttachUtils.h
@@ -0,0 +1,19 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#pragma once
+
+#include <string>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace chrome {
+
+bool isNetworkInspected(
+    const std::string &owner,
+    const std::string &app,
+    const std::string &device);
+}
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/Connection.cpp b/ReactCommon/hermes/inspector/chrome/Connection.cpp
new file mode 100644
index 00000000000000..279f948f64c361
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/Connection.cpp
@@ -0,0 +1,668 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#include "Connection.h"
+
+#include <cstdlib>
+#include <mutex>
+
+#include <folly/Conv.h>
+#include <folly/Executor.h>
+#include <folly/Function.h>
+#include <glog/logging.h>
+#include <hermes/inspector/Inspector.h>
+#include <hermes/inspector/chrome/MessageConverters.h>
+#include <hermes/inspector/chrome/RemoteObjectsTable.h>
+#include <hermes/inspector/detail/SerialExecutor.h>
+#include <hermes/inspector/detail/Thread.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace chrome {
+
+using ::facebook::react::ILocalConnection;
+using ::facebook::react::IRemoteConnection;
+using ::folly::Unit;
+
+namespace debugger = ::facebook::hermes::debugger;
+namespace inspector = ::facebook::hermes::inspector;
+namespace m = ::facebook::hermes::inspector::chrome::message;
+
+/*
+ * Connection::Impl
+ */
+
+class Connection::Impl : public inspector::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::SetBreakpointByUrlRequest &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::runtime::EvaluateRequest &req) override;
+  void handle(const m::runtime::GetPropertiesRequest &req) override;
+
+ private:
+  std::vector<m::runtime::PropertyDescriptor> makePropsFromScope(
+      std::pair<uint32_t, uint32_t> frameAndScopeIndex,
+      const std::string &objectGroup,
+      const debugger::ProgramState &state);
+  std::vector<m::runtime::PropertyDescriptor> makePropsFromValue(
+      const jsi::Value &value,
+      const std::string &objectGroup,
+      bool onlyOwnProperties);
+
+  void sendToClient(const std::string &str);
+  void sendResponseToClient(const m::Response &resp);
+  folly::Function<void(const std::exception &)> sendErrorToClient(int id);
+  void sendResponseToClientViaExecutor(int id);
+  void sendResponseToClientViaExecutor(folly::Future<Unit> future, int id);
+  void sendNotificationToClientViaExecutor(const m::Notification &note);
+
+  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_;
+
+  // 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::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::detail::SerialExecutor>(
+          "hermes-chrome-inspector-conn")),
+      remoteConn_(nullptr),
+      inspector_(std::make_shared<inspector::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::lock_guard<std::mutex> 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::lock_guard<std::mutex> 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*
+    // 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::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 = 1;
+  note.context.name = "hermes";
+
+  // isDefault and isPageContext are custom properties that the legacy RN to
+  // JSC adapter set for some unknown reason.
+  note.context.isDefault = true;
+  note.context.isPageContext = true;
+
+  sendNotificationToClientViaExecutor(note);
+}
+
+void Connection::Impl::onPause(
+    Inspector &inspector,
+    const debugger::ProgramState &state) {
+  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;
+    default:
+      note.reason = "other";
+      break;
+  }
+
+  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;
+
+  if (!info.sourceMappingUrl.empty()) {
+    note.sourceMapURL = info.sourceMappingUrl;
+  }
+
+  {
+    std::lock_guard<std::mutex> lock(parsedScriptsMutex_);
+    parsedScripts_.push_back(info.fileName);
+  }
+
+  sendNotificationToClientViaExecutor(note);
+}
+
+void Connection::Impl::onMessageAdded(
+    facebook::hermes::inspector::Inspector &inspector,
+    const ConsoleMessageInfo &info) {
+  m::runtime::ConsoleAPICalledNotification apiCalledNote;
+  apiCalledNote.type = info.level;
+
+  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"));
+  }
+
+  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](
+              const facebook::hermes::debugger::EvalResult
+                  &evalResult) mutable {
+            *remoteObjPtr = m::runtime::makeRemoteObject(
+                getRuntime(),
+                evalResult.value,
+                objTable_,
+                objectGroup.value_or(""));
+          })
+      .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 = *remoteObjPtr;
+            }
+
+            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](
+              const facebook::hermes::debugger::EvalResult
+                  &evalResult) mutable {
+            *remoteObjPtr = m::runtime::makeRemoteObject(
+                getRuntime(),
+                evalResult.value,
+                objTable_,
+                objectGroup.value_or("ConsoleObjectGroup"));
+          })
+      .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 = *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) {
+  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::SetBreakpointByUrlRequest &req) {
+  debugger::SourceLocation loc;
+
+  {
+    std::lock_guard<std::mutex> 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::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 {
+    sendErrorToClient(req.id);
+  }
+
+  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) {
+  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);
+
+  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);
+
+    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) {
+  std::vector<m::runtime::PropertyDescriptor> result;
+
+  if (value.isObject()) {
+    HermesRuntime &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);
+
+      jsi::Value propValue = obj.getProperty(runtime, propName);
+      desc.value = m::runtime::makeRemoteObject(
+          runtime, propValue, objTable_, objectGroup);
+
+      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);
+        result.emplace_back(std::move(desc));
+      }
+    }
+  }
+
+  return result;
+}
+
+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](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);
+            } else if (valuePtr != nullptr) {
+              resp->result = makePropsFromValue(
+                  *valuePtr, objGroup, req.ownProperties.value_or(true));
+            }
+          })
+      .via(executor_.get())
+      .thenValue([this, resp](auto &&) { sendResponseToClient(*resp); })
+      .thenError<std::exception>(sendErrorToClient(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());
+}
+
+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(
+    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::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
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/Connection.h b/ReactCommon/hermes/inspector/chrome/Connection.h
new file mode 100644
index 00000000000000..b6c8a41fbd0d6d
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/Connection.h
@@ -0,0 +1,58 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#pragma once
+
+#include <functional>
+#include <memory>
+#include <string>
+
+#include <hermes/hermes.h>
+#include <hermes/inspector/RuntimeAdapter.h>
+#include <hermes/inspector/chrome/MessageTypes.h>
+#include <jsinspector/InspectorInterfaces.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace chrome {
+
+/// Connection is a duplex connection between the client and the debugger.
+class 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::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
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/ConnectionDemux.cpp b/ReactCommon/hermes/inspector/chrome/ConnectionDemux.cpp
new file mode 100644
index 00000000000000..cb6b71651d66c8
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/ConnectionDemux.cpp
@@ -0,0 +1,137 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#include "ConnectionDemux.h"
+#include "AutoAttachUtils.h"
+#include "Connection.h"
+
+#include <jsinspector/InspectorInterfaces.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace chrome {
+
+using ::facebook::react::IInspector;
+using ::facebook::react::ILocalConnection;
+using ::facebook::react::IRemoteConnection;
+
+namespace {
+
+class LocalConnection : public ILocalConnection {
+ public:
+  LocalConnection(
+      std::shared_ptr<Connection> conn,
+      std::shared_ptr<std::unordered_set<std::string>> inspectedContexts);
+  ~LocalConnection();
+
+  void sendMessage(std::string message) override;
+  void disconnect() override;
+
+ private:
+  std::shared_ptr<Connection> conn_;
+  std::shared_ptr<std::unordered_set<std::string>> inspectedContexts_;
+};
+
+LocalConnection::LocalConnection(
+    std::shared_ptr<Connection> conn,
+    std::shared_ptr<std::unordered_set<std::string>> inspectedContexts)
+    : conn_(conn), inspectedContexts_(inspectedContexts) {
+  inspectedContexts_->insert(conn->getTitle());
+}
+
+LocalConnection::~LocalConnection() = default;
+
+void LocalConnection::sendMessage(std::string str) {
+  conn_->sendMessage(std::move(str));
+}
+
+void LocalConnection::disconnect() {
+  inspectedContexts_->erase(conn_->getTitle());
+  conn_->disconnect();
+}
+
+} // namespace
+
+ConnectionDemux::ConnectionDemux(facebook::react::IInspector &inspector)
+    : globalInspector_(inspector),
+      inspectedContexts_(std::make_shared<std::unordered_set<std::string>>()) {}
+
+ConnectionDemux::~ConnectionDemux() = default;
+
+int ConnectionDemux::enableDebugging(
+    std::unique_ptr<RuntimeAdapter> adapter,
+    const std::string &title) {
+  std::lock_guard<std::mutex> lock(mutex_);
+
+  // TODO(#22976087): workaround for ComponentScript contexts never being
+  // destroyed.
+  //
+  // After a reload, the old ComponentScript VM instance stays alive. When we
+  // register the new CS VM instance, check for any previous CS VM (via strcmp
+  // of title) and remove them.
+  std::vector<int> pagesToDelete;
+  for (auto it = conns_.begin(); it != conns_.end(); ++it) {
+    if (it->second->getTitle() == title) {
+      pagesToDelete.push_back(it->first);
+    }
+  }
+
+  for (auto pageId : pagesToDelete) {
+    removePage(pageId);
+  }
+
+  // TODO(hypuk): Provide real app and device names.
+  auto waitForDebugger =
+      (inspectedContexts_->find(title) != inspectedContexts_->end()) ||
+      isNetworkInspected(title, "app_name", "device_name");
+
+  return addPage(
+      std::make_shared<Connection>(std::move(adapter), title, waitForDebugger));
+}
+
+void ConnectionDemux::disableDebugging(HermesRuntime &runtime) {
+  std::lock_guard<std::mutex> lock(mutex_);
+
+  for (auto &it : conns_) {
+    int pageId = it.first;
+    auto &conn = it.second;
+
+    if (&(conn->getRuntime()) == &runtime) {
+      removePage(pageId);
+
+      // must break here. removePage mutates conns_, so range-for iterator is
+      // now invalid.
+      break;
+    }
+  }
+}
+
+int ConnectionDemux::addPage(std::shared_ptr<Connection> conn) {
+  auto connectFunc = [conn, this](std::unique_ptr<IRemoteConnection> remoteConn)
+      -> std::unique_ptr<ILocalConnection> {
+    if (!conn->connect(std::move(remoteConn))) {
+      return nullptr;
+    }
+
+    return std::make_unique<LocalConnection>(conn, inspectedContexts_);
+  };
+
+  int pageId = globalInspector_.addPage(
+      conn->getTitle(), "Hermes", std::move(connectFunc));
+  conns_[pageId] = std::move(conn);
+
+  return pageId;
+}
+
+void ConnectionDemux::removePage(int pageId) {
+  globalInspector_.removePage(pageId);
+
+  auto conn = conns_.at(pageId);
+  conn->disconnect();
+  conns_.erase(pageId);
+}
+
+} // namespace chrome
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/ConnectionDemux.h b/ReactCommon/hermes/inspector/chrome/ConnectionDemux.h
new file mode 100644
index 00000000000000..b0dbed13d18b1d
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/ConnectionDemux.h
@@ -0,0 +1,52 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#pragma once
+
+#include <memory>
+#include <mutex>
+#include <string>
+#include <unordered_map>
+
+#include <hermes/hermes.h>
+#include <hermes/inspector/RuntimeAdapter.h>
+#include <hermes/inspector/chrome/Connection.h>
+#include <jsinspector/InspectorInterfaces.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace chrome {
+
+/*
+ * ConnectionDemux keeps track of all debuggable Hermes runtimes (called
+ * "pages" in the higher-level React Native API) in this process. See
+ * Registration.h for documentation of the public API.
+ */
+class ConnectionDemux {
+ public:
+  explicit ConnectionDemux(facebook::react::IInspector &inspector);
+  ~ConnectionDemux();
+
+  ConnectionDemux(const ConnectionDemux &) = delete;
+  ConnectionDemux &operator=(const ConnectionDemux &) = delete;
+
+  int enableDebugging(
+      std::unique_ptr<RuntimeAdapter> adapter,
+      const std::string &title);
+  void disableDebugging(HermesRuntime &runtime);
+
+ private:
+  int addPage(std::shared_ptr<Connection> conn);
+  void removePage(int pageId);
+
+  facebook::react::IInspector &globalInspector_;
+
+  std::mutex mutex_;
+  std::unordered_map<int, std::shared_ptr<Connection>> conns_;
+  std::shared_ptr<std::unordered_set<std::string>> inspectedContexts_;
+};
+
+} // namespace chrome
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/MessageConverters.cpp b/ReactCommon/hermes/inspector/chrome/MessageConverters.cpp
new file mode 100644
index 00000000000000..47589a2c5be129
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/MessageConverters.cpp
@@ -0,0 +1,215 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#include "MessageConverters.h"
+
+#include <cmath>
+#include <limits>
+
+#include <folly/Conv.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace chrome {
+
+namespace h = ::facebook::hermes;
+namespace m = ::facebook::hermes::inspector::chrome::message;
+
+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;
+}
+
+/*
+ * 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,
+    HermesRuntime &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();
+  for (uint32_t scopeIndex = 0; scopeIndex < scopeCount; scopeIndex++) {
+    m::debugger::Scope scope;
+
+    if (scopeIndex == scopeCount - 1) {
+      scope.type = "global";
+      scope.name = "Global Scope";
+      scope.object.objectId =
+          objTable.addValue(runtime.global(), BacktraceObjectGroup);
+    } else {
+      scope.type = "local";
+      scope.name = "Scope " + 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));
+  }
+
+  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,
+    HermesRuntime &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;
+}
+
+m::runtime::RemoteObject m::runtime::makeRemoteObject(
+    facebook::jsi::Runtime &runtime,
+    const facebook::jsi::Value &value,
+    RemoteObjectsTable &objTable,
+    const std::string &objectGroup) {
+  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.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) + ")";
+    } else {
+      result.type = "object";
+      result.description = result.className = "Object";
+    }
+
+    result.objectId =
+        objTable.addValue(jsi::Value(std::move(obj)), objectGroup);
+  }
+
+  return result;
+}
+
+} // namespace chrome
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/MessageConverters.h b/ReactCommon/hermes/inspector/chrome/MessageConverters.h
new file mode 100644
index 00000000000000..90b818eb5b9087
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/MessageConverters.h
@@ -0,0 +1,121 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#pragma once
+
+#include <regex>
+#include <string>
+#include <vector>
+
+#include <hermes/DebuggerAPI.h>
+#include <hermes/hermes.h>
+#include <hermes/inspector/chrome/MessageTypes.h>
+#include <hermes/inspector/chrome/RemoteObjectsTable.h>
+#include <jsi/jsi.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace chrome {
+namespace message {
+
+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.hasValue()) {
+    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.hasValue()) {
+    hermesLoc.fileName = chromeLoc.url.value();
+  } else if (chromeLoc.urlRegex.hasValue()) {
+    const std::regex regex(chromeLoc.urlRegex.value());
+    for (const auto &fileName : parsedScripts) {
+      if (std::regex_match(fileName, regex)) {
+        hermesLoc.fileName = fileName;
+        break;
+      }
+    }
+  }
+}
+
+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::chrome::RemoteObjectsTable &objTable,
+    HermesRuntime &runtime,
+    const facebook::hermes::debugger::ProgramState &state);
+
+std::vector<CallFrame> makeCallFrames(
+    const facebook::hermes::debugger::ProgramState &state,
+    facebook::hermes::inspector::chrome::RemoteObjectsTable &objTable,
+    HermesRuntime &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::chrome::RemoteObjectsTable &objTable,
+    const std::string &objectGroup);
+
+} // namespace runtime
+
+} // namespace message
+} // namespace chrome
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/MessageInterfaces.h b/ReactCommon/hermes/inspector/chrome/MessageInterfaces.h
new file mode 100644
index 00000000000000..0960de5b74fadd
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/MessageInterfaces.h
@@ -0,0 +1,69 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#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 {
+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
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/MessageTypes.cpp b/ReactCommon/hermes/inspector/chrome/MessageTypes.cpp
new file mode 100644
index 00000000000000..284d84c629c158
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/MessageTypes.cpp
@@ -0,0 +1,902 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+// @generated <<SignedSource::*O*zOeWoEQle#+L!plEphiEmie@IsG>>
+
+#include "MessageTypes.h"
+
+#include "MessageTypesInlines.h"
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+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.setBreakpointByUrl",
+       makeUnique<debugger::SetBreakpointByUrlRequest>},
+      {"Debugger.setPauseOnExceptions",
+       makeUnique<debugger::SetPauseOnExceptionsRequest>},
+      {"Debugger.stepInto", makeUnique<debugger::StepIntoRequest>},
+      {"Debugger.stepOut", makeUnique<debugger::StepOutRequest>},
+      {"Debugger.stepOver", makeUnique<debugger::StepOverRequest>},
+      {"Runtime.evaluate", makeUnique<runtime::EvaluateRequest>},
+      {"Runtime.getProperties", makeUnique<runtime::GetPropertiesRequest>},
+  };
+
+  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::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");
+}
+
+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);
+  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(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, "location", location);
+  put(obj, "url", url);
+  put(obj, "scopeChain", scopeChain);
+  put(obj, "this", thisObj);
+  put(obj, "returnValue", returnValue);
+  return obj;
+}
+
+runtime::ExecutionContextDescription::ExecutionContextDescription(
+    const dynamic &obj) {
+  assign(id, obj, "id");
+  assign(origin, obj, "origin");
+  assign(name, obj, "name");
+  assign(auxData, obj, "auxData");
+  assign(isPageContext, obj, "isPageContext");
+  assign(isDefault, obj, "isDefault");
+}
+
+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);
+  put(obj, "isPageContext", isPageContext);
+  put(obj, "isDefault", isDefault);
+  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");
+}
+
+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);
+
+  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");
+}
+
+dynamic debugger::ResumeRequest::toDynamic() const {
+  dynamic obj = dynamic::object;
+  put(obj, "id", id);
+  put(obj, "method", method);
+  return obj;
+}
+
+void debugger::ResumeRequest::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(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, "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::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);
+}
+
+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(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, "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::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");
+}
+
+dynamic runtime::GetPropertiesRequest::toDynamic() const {
+  dynamic params = dynamic::object;
+  put(params, "objectId", objectId);
+  put(params, "ownProperties", ownProperties);
+
+  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);
+}
+
+/// 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::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;
+}
+
+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::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;
+}
+
+/// 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");
+}
+
+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);
+
+  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
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/MessageTypes.h b/ReactCommon/hermes/inspector/chrome/MessageTypes.h
new file mode 100644
index 00000000000000..1a772a7a1e0a08
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/MessageTypes.h
@@ -0,0 +1,499 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+// @generated <<SignedSource::*O*zOeWoEQle#+L!plEphiEmie@IsG>>
+
+#pragma once
+
+#include <hermes/inspector/chrome/MessageInterfaces.h>
+
+#include <vector>
+
+#include <folly/Optional.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace chrome {
+namespace message {
+
+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 SetPauseOnExceptionsRequest;
+struct StepIntoRequest;
+struct StepOutRequest;
+struct StepOverRequest;
+} // namespace debugger
+
+namespace runtime {
+struct CallFrame;
+struct ConsoleAPICalledNotification;
+struct EvaluateRequest;
+struct EvaluateResponse;
+struct ExceptionDetails;
+struct ExecutionContextCreatedNotification;
+struct ExecutionContextDescription;
+using ExecutionContextId = int;
+struct GetPropertiesRequest;
+struct GetPropertiesResponse;
+struct InternalPropertyDescriptor;
+struct PropertyDescriptor;
+struct RemoteObject;
+using RemoteObjectId = std::string;
+using ScriptId = std::string;
+struct StackTrace;
+using Timestamp = double;
+using UnserializableValue = std::string;
+} // namespace runtime
+
+/// 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::SetBreakpointByUrlRequest &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 runtime::EvaluateRequest &req) = 0;
+  virtual void handle(const runtime::GetPropertiesRequest &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::SetBreakpointByUrlRequest &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 runtime::EvaluateRequest &req) override {}
+  void handle(const runtime::GetPropertiesRequest &req) override {}
+};
+
+/// Types
+struct debugger::Location : public Serializable {
+  Location() = default;
+  explicit Location(const folly::dynamic &obj);
+  folly::dynamic toDynamic() const override;
+
+  runtime::ScriptId scriptId{};
+  int lineNumber{};
+  folly::Optional<int> columnNumber;
+};
+
+struct runtime::RemoteObject : public Serializable {
+  RemoteObject() = default;
+  explicit RemoteObject(const folly::dynamic &obj);
+  folly::dynamic toDynamic() const override;
+
+  std::string type;
+  folly::Optional<std::string> subtype;
+  folly::Optional<std::string> className;
+  folly::Optional<folly::dynamic> value;
+  folly::Optional<runtime::UnserializableValue> unserializableValue;
+  folly::Optional<std::string> description;
+  folly::Optional<runtime::RemoteObjectId> objectId;
+};
+
+struct runtime::CallFrame : public Serializable {
+  CallFrame() = default;
+  explicit CallFrame(const folly::dynamic &obj);
+  folly::dynamic toDynamic() const override;
+
+  std::string functionName;
+  runtime::ScriptId scriptId{};
+  std::string url;
+  int lineNumber{};
+  int columnNumber{};
+};
+
+struct runtime::StackTrace : public Serializable {
+  StackTrace() = default;
+  explicit StackTrace(const folly::dynamic &obj);
+  folly::dynamic toDynamic() const override;
+
+  folly::Optional<std::string> description;
+  std::vector<runtime::CallFrame> callFrames;
+  std::unique_ptr<runtime::StackTrace> parent;
+};
+
+struct runtime::ExceptionDetails : public Serializable {
+  ExceptionDetails() = default;
+  explicit ExceptionDetails(const folly::dynamic &obj);
+  folly::dynamic toDynamic() const override;
+
+  int exceptionId{};
+  std::string text;
+  int lineNumber{};
+  int columnNumber{};
+  folly::Optional<runtime::ScriptId> scriptId;
+  folly::Optional<std::string> url;
+  folly::Optional<runtime::StackTrace> stackTrace;
+  folly::Optional<runtime::RemoteObject> exception;
+  folly::Optional<runtime::ExecutionContextId> executionContextId;
+};
+
+struct debugger::Scope : public Serializable {
+  Scope() = default;
+  explicit Scope(const folly::dynamic &obj);
+  folly::dynamic toDynamic() const override;
+
+  std::string type;
+  runtime::RemoteObject object{};
+  folly::Optional<std::string> name;
+  folly::Optional<debugger::Location> startLocation;
+  folly::Optional<debugger::Location> endLocation;
+};
+
+struct debugger::CallFrame : public Serializable {
+  CallFrame() = default;
+  explicit CallFrame(const folly::dynamic &obj);
+  folly::dynamic toDynamic() const override;
+
+  debugger::CallFrameId callFrameId{};
+  std::string functionName;
+  debugger::Location location{};
+  std::string url;
+  std::vector<debugger::Scope> scopeChain;
+  runtime::RemoteObject thisObj{};
+  folly::Optional<runtime::RemoteObject> returnValue;
+};
+
+struct runtime::ExecutionContextDescription : public Serializable {
+  ExecutionContextDescription() = default;
+  explicit ExecutionContextDescription(const folly::dynamic &obj);
+  folly::dynamic toDynamic() const override;
+
+  runtime::ExecutionContextId id{};
+  std::string origin;
+  std::string name;
+  folly::Optional<folly::dynamic> auxData;
+  folly::Optional<bool> isPageContext;
+  folly::Optional<bool> isDefault;
+};
+
+struct runtime::PropertyDescriptor : public Serializable {
+  PropertyDescriptor() = default;
+  explicit PropertyDescriptor(const folly::dynamic &obj);
+  folly::dynamic toDynamic() const override;
+
+  std::string name;
+  folly::Optional<runtime::RemoteObject> value;
+  folly::Optional<bool> writable;
+  folly::Optional<runtime::RemoteObject> get;
+  folly::Optional<runtime::RemoteObject> set;
+  bool configurable{};
+  bool enumerable{};
+  folly::Optional<bool> wasThrown;
+  folly::Optional<bool> isOwn;
+  folly::Optional<runtime::RemoteObject> symbol;
+};
+
+struct runtime::InternalPropertyDescriptor : public Serializable {
+  InternalPropertyDescriptor() = default;
+  explicit InternalPropertyDescriptor(const folly::dynamic &obj);
+  folly::dynamic toDynamic() const override;
+
+  std::string name;
+  folly::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;
+
+  folly::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;
+  folly::Optional<std::string> objectGroup;
+  folly::Optional<bool> includeCommandLineAPI;
+  folly::Optional<bool> silent;
+  folly::Optional<bool> returnByValue;
+};
+
+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;
+};
+
+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{};
+  folly::Optional<std::string> url;
+  folly::Optional<std::string> urlRegex;
+  folly::Optional<int> columnNumber;
+  folly::Optional<std::string> condition;
+};
+
+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 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;
+  folly::Optional<std::string> objectGroup;
+  folly::Optional<bool> includeCommandLineAPI;
+  folly::Optional<bool> silent;
+  folly::Optional<runtime::ExecutionContextId> contextId;
+  folly::Optional<bool> returnByValue;
+  folly::Optional<bool> awaitPromise;
+};
+
+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{};
+  folly::Optional<bool> ownProperties;
+};
+
+/// Responses
+struct ErrorResponse : public Response {
+  ErrorResponse() = default;
+  explicit ErrorResponse(const folly::dynamic &obj);
+  folly::dynamic toDynamic() const override;
+
+  int code;
+  std::string message;
+  folly::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{};
+  folly::Optional<runtime::ExceptionDetails> exceptionDetails;
+};
+
+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 runtime::EvaluateResponse : public Response {
+  EvaluateResponse() = default;
+  explicit EvaluateResponse(const folly::dynamic &obj);
+  folly::dynamic toDynamic() const override;
+
+  runtime::RemoteObject result{};
+  folly::Optional<runtime::ExceptionDetails> exceptionDetails;
+};
+
+struct runtime::GetPropertiesResponse : public Response {
+  GetPropertiesResponse() = default;
+  explicit GetPropertiesResponse(const folly::dynamic &obj);
+  folly::dynamic toDynamic() const override;
+
+  std::vector<runtime::PropertyDescriptor> result;
+  folly::Optional<std::vector<runtime::InternalPropertyDescriptor>>
+      internalProperties;
+  folly::Optional<runtime::ExceptionDetails> exceptionDetails;
+};
+
+/// 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;
+  folly::Optional<folly::dynamic> data;
+  folly::Optional<std::vector<std::string>> hitBreakpoints;
+  folly::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;
+  folly::Optional<folly::dynamic> executionContextAuxData;
+  folly::Optional<std::string> sourceMapURL;
+};
+
+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{};
+  folly::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
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/MessageTypesInlines.h b/ReactCommon/hermes/inspector/chrome/MessageTypesInlines.h
new file mode 100644
index 00000000000000..a6cd448ba5ea77
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/MessageTypesInlines.h
@@ -0,0 +1,154 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#pragma once
+
+#include <hermes/inspector/chrome/MessageInterfaces.h>
+
+#include <memory>
+#include <type_traits>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace chrome {
+namespace message {
+
+using dynamic = folly::dynamic;
+
+template <typename T>
+using optional = folly::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.clear();
+  }
+}
+
+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();
+  }
+}
+
+/// 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.hasValue()) {
+    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);
+  }
+}
+
+} // namespace message
+} // namespace chrome
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/Registration.cpp b/ReactCommon/hermes/inspector/chrome/Registration.cpp
new file mode 100644
index 00000000000000..bee7d9abd87b35
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/Registration.cpp
@@ -0,0 +1,33 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#include "Registration.h"
+#include "ConnectionDemux.h"
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace chrome {
+
+namespace {
+
+ConnectionDemux &demux() {
+  static ConnectionDemux instance{facebook::react::getInspectorInstance()};
+  return instance;
+}
+
+} // namespace
+
+void enableDebugging(
+    std::unique_ptr<RuntimeAdapter> adapter,
+    const std::string &title) {
+  demux().enableDebugging(std::move(adapter), title);
+}
+
+void disableDebugging(HermesRuntime &runtime) {
+  demux().disableDebugging(runtime);
+}
+
+} // namespace chrome
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/Registration.h b/ReactCommon/hermes/inspector/chrome/Registration.h
new file mode 100644
index 00000000000000..b9b0bdfbaf7921
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/Registration.h
@@ -0,0 +1,34 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#pragma once
+
+#include <memory>
+#include <string>
+
+#include <hermes/hermes.h>
+#include <hermes/inspector/RuntimeAdapter.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace chrome {
+
+/*
+ * enableDebugging adds this runtime to the list of debuggable JS targets
+ * (called "pages" in the higher-leavel React Native API) in this process. It
+ * should be called before any JS runs in the runtime.
+ */
+extern void enableDebugging(
+    std::unique_ptr<RuntimeAdapter> adapter,
+    const std::string &title);
+
+/*
+ * disableDebugging removes this runtime from the list of debuggable JS targets
+ * in this process.
+ */
+extern void disableDebugging(HermesRuntime &runtime);
+
+} // namespace chrome
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/RemoteObjectsTable.cpp b/ReactCommon/hermes/inspector/chrome/RemoteObjectsTable.cpp
new file mode 100644
index 00000000000000..9f8ab7478422b0
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/RemoteObjectsTable.cpp
@@ -0,0 +1,141 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#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 {
+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
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/RemoteObjectsTable.h b/ReactCommon/hermes/inspector/chrome/RemoteObjectsTable.h
new file mode 100644
index 00000000000000..76cbded34d962a
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/RemoteObjectsTable.h
@@ -0,0 +1,119 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#pragma once
+
+#include <cstdint>
+#include <unordered_map>
+#include <utility>
+#include <vector>
+
+#include <jsi/jsi.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+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
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/cli/main.cpp b/ReactCommon/hermes/inspector/chrome/cli/main.cpp
new file mode 100644
index 00000000000000..7713a0856f40d6
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/cli/main.cpp
@@ -0,0 +1,197 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#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/RuntimeAdapter.h>
+#include <hermes/inspector/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:
+
+  chrome-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);
+}
+
+static std::string prettify(const std::string &str) {
+  try {
+    folly::dynamic obj = folly::parseJson(str);
+    return folly::toPrettyJson(obj);
+  } catch (...) {
+    // pass
+  }
+  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::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());
+  auto adapter =
+      std::make_unique<fbhermes::inspector::SharedRuntimeAdapter>(runtime);
+  fbhermes::inspector::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/ReactCommon/hermes/inspector/chrome/tests/AsyncHermesRuntime.cpp b/ReactCommon/hermes/inspector/chrome/tests/AsyncHermesRuntime.cpp
new file mode 100644
index 00000000000000..e4dc978937e944
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/tests/AsyncHermesRuntime.cpp
@@ -0,0 +1,131 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#include "AsyncHermesRuntime.h"
+
+#include <functional>
+#include <stdexcept>
+#include <thread>
+
+#include <glog/logging.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace chrome {
+
+namespace detail = facebook::hermes::inspector::detail;
+
+AsyncHermesRuntime::AsyncHermesRuntime()
+    : runtime_(facebook::hermes::makeHermesRuntime()),
+      executor_(
+          std::make_unique<detail::SerialExecutor>("async-hermes-runtime")) {
+  using namespace std::placeholders;
+
+  runtime_->global().setProperty(
+      *runtime_,
+      "shouldStop",
+      jsi::Function::createFromHostFunction(
+          *runtime_,
+          jsi::PropNameID::forAscii(*runtime_, "shouldStop"),
+          0,
+          std::bind(&AsyncHermesRuntime::shouldStop, this, _1, _2, _3, _4)));
+
+  runtime_->global().setProperty(
+      *runtime_,
+      "storeValue",
+      jsi::Function::createFromHostFunction(
+          *runtime_,
+          jsi::PropNameID::forAscii(*runtime_, "storeValue"),
+          0,
+          std::bind(&AsyncHermesRuntime::storeValue, this, _1, _2, _3, _4)));
+}
+
+AsyncHermesRuntime::~AsyncHermesRuntime() {
+  stop();
+  wait();
+}
+
+void AsyncHermesRuntime::executeScriptAsync(
+    const std::string &script,
+    const std::string &url,
+    HermesRuntime::DebugFlags flags) {
+  int scriptId = rand();
+  LOG(INFO) << "AsyncHermesRuntime will execute script with id: " << scriptId
+            << ", contents: " << script;
+
+  executor_->add([this, script, url, flags, scriptId] {
+    LOG(INFO) << "AsyncHermesRuntime executing script id " << scriptId
+              << " in background";
+
+    try {
+      runtime_->debugJavaScript(script, url, flags);
+    } catch (jsi::JSError &error) {
+      LOG(INFO) << "AsyncHermesRuntime JSError " << error.getMessage();
+      thrownExceptions_.push_back(error.getMessage());
+    }
+
+    LOG(INFO) << "AsyncHermesRuntime finished executing script id " << scriptId;
+  });
+}
+
+void AsyncHermesRuntime::start() {
+  LOG(INFO) << "AsyncHermesRuntime: set stop flag false";
+  stopFlag_.store(false);
+}
+
+void AsyncHermesRuntime::stop() {
+  LOG(INFO) << "AsyncHermesRuntime: set stop flag true";
+  stopFlag_.store(true);
+}
+
+folly::Future<jsi::Value> AsyncHermesRuntime::getStoredValue() {
+  return storedValue_.getFuture();
+}
+
+jsi::Value AsyncHermesRuntime::awaitStoredValue(
+    std::chrono::milliseconds timeout) {
+  return getStoredValue().get(timeout);
+}
+
+void AsyncHermesRuntime::wait(std::chrono::milliseconds timeout) {
+  LOG(INFO) << "AsyncHermesRuntime wait requested";
+  auto promise = std::make_shared<folly::Promise<bool>>();
+  auto future = promise->getFuture();
+  executor_->add([promise] {
+    LOG(INFO) << "AsyncHermesRuntime wait resolved";
+    promise->setValue(true);
+  });
+  std::move(future).get(timeout);
+}
+
+jsi::Value AsyncHermesRuntime::shouldStop(
+    jsi::Runtime &runtime,
+    const jsi::Value &thisVal,
+    const jsi::Value *args,
+    size_t count) {
+  return stopFlag_.load() ? jsi::Value(true) : jsi::Value(false);
+}
+
+jsi::Value AsyncHermesRuntime::storeValue(
+    jsi::Runtime &runtime,
+    const jsi::Value &thisVal,
+    const jsi::Value *args,
+    size_t count) {
+  if (count > 0) {
+    storedValue_.setValue(jsi::Value(runtime, args[0]));
+  }
+  return jsi::Value();
+}
+
+size_t AsyncHermesRuntime::getNumberOfExceptions() {
+  return thrownExceptions_.size();
+}
+
+std::string AsyncHermesRuntime::getLastThrownExceptionMessage() {
+  return thrownExceptions_.back();
+}
+
+} // namespace chrome
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/tests/AsyncHermesRuntime.h b/ReactCommon/hermes/inspector/chrome/tests/AsyncHermesRuntime.h
new file mode 100644
index 00000000000000..55dbc84e796a11
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/tests/AsyncHermesRuntime.h
@@ -0,0 +1,109 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#include <atomic>
+#include <chrono>
+#include <memory>
+#include <mutex>
+
+#include <folly/futures/Future.h>
+#include <hermes/hermes.h>
+#include <hermes/inspector/detail/SerialExecutor.h>
+#include <jsi/jsi.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace chrome {
+
+/**
+ * AsyncHermesRuntime is a helper class that runs JS scripts in a Hermes VM on
+ * a separate thread. This is useful for tests that want to test running JS
+ * in a multithreaded environment.
+ */
+class AsyncHermesRuntime {
+ public:
+  AsyncHermesRuntime();
+  ~AsyncHermesRuntime();
+
+  std::shared_ptr<HermesRuntime> runtime() {
+    return runtime_;
+  }
+
+  /**
+   * stop sets the stop flag on this instance. JS scripts can get the current
+   * value of the stop flag by calling the global shouldStop() function.
+   */
+  void stop();
+
+  /**
+   * start unsets the stop flag on this instance. JS scripts can get the current
+   * value of the stop flag by calling the global shouldStop() function.
+   */
+  void start();
+
+  /**
+   * getStoredValue returns a future that is fulfilled with the value passed in
+   * to storeValue() by the JS script.
+   */
+  folly::Future<jsi::Value> getStoredValue();
+
+  /**
+   * awaitStoredValue is a helper for getStoredValue that returns the value
+   * synchronously rather than in a future.
+   */
+  jsi::Value awaitStoredValue(
+      std::chrono::milliseconds timeout = std::chrono::milliseconds(2500));
+
+  /**
+   * executeScriptAsync evaluates JS in the underlying Hermes runtime on a
+   * separate thread.
+   *
+   * This method should be called at most once during the lifetime of an
+   * AsyncHermesRuntime instance.
+   */
+  void executeScriptAsync(
+      const std::string &str,
+      const std::string &url = "url",
+      facebook::hermes::HermesRuntime::DebugFlags flags =
+          facebook::hermes::HermesRuntime::DebugFlags{});
+
+  /**
+   * wait blocks until all previous executeScriptAsync calls finish.
+   */
+  void wait(
+      std::chrono::milliseconds timeout = std::chrono::milliseconds(2500));
+
+  /**
+   * returns the number of thrown exceptions.
+   */
+  size_t getNumberOfExceptions();
+
+  /**
+   * returns the message of the last thrown exception.
+   */
+  std::string getLastThrownExceptionMessage();
+
+ private:
+  jsi::Value shouldStop(
+      jsi::Runtime &runtime,
+      const jsi::Value &thisVal,
+      const jsi::Value *args,
+      size_t count);
+
+  jsi::Value storeValue(
+      jsi::Runtime &runtime,
+      const jsi::Value &thisVal,
+      const jsi::Value *args,
+      size_t count);
+
+  std::shared_ptr<HermesRuntime> runtime_;
+  std::unique_ptr<folly::Executor> executor_;
+  std::atomic<bool> stopFlag_{};
+  folly::Promise<jsi::Value> storedValue_;
+  std::vector<std::string> thrownExceptions_;
+};
+
+} // namespace chrome
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/tests/ConnectionDemuxTests.cpp b/ReactCommon/hermes/inspector/chrome/tests/ConnectionDemuxTests.cpp
new file mode 100644
index 00000000000000..43ba86f918b408
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/tests/ConnectionDemuxTests.cpp
@@ -0,0 +1,142 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#include <chrono>
+#include <condition_variable>
+#include <mutex>
+#include <string>
+#include <unordered_map>
+#include <vector>
+
+#include <gtest/gtest.h>
+#include <hermes/hermes.h>
+#include <hermes/inspector/chrome/ConnectionDemux.h>
+#include <jsinspector/InspectorInterfaces.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace chrome {
+
+using ::facebook::react::IInspector;
+using ::facebook::react::InspectorPage;
+using ::facebook::react::IRemoteConnection;
+
+namespace {
+
+std::unordered_map<int, std::string> makePageMap(
+    const std::vector<InspectorPage> &pages) {
+  std::unordered_map<int, std::string> pageMap;
+
+  for (auto &page : pages) {
+    pageMap[page.id] = page.title;
+  }
+
+  return pageMap;
+}
+
+void expectPages(
+    IInspector &inspector,
+    const std::unordered_map<int, std::string> &expected) {
+  auto pages = makePageMap(inspector.getPages());
+  EXPECT_EQ(pages, expected);
+}
+
+class TestRemoteConnection : public IRemoteConnection {
+ public:
+  class Data {
+   public:
+    void expectDisconnected() {
+      std::unique_lock<std::mutex> lock(mutex_);
+      cv_.wait_for(
+          lock, std::chrono::milliseconds(2500), [&] { return !connected_; });
+      EXPECT_FALSE(connected_);
+    }
+
+    void setDisconnected() {
+      std::lock_guard<std::mutex> lock(mutex_);
+      connected_ = false;
+      cv_.notify_one();
+    }
+
+   private:
+    std::mutex mutex_;
+    std::condition_variable cv_;
+    bool connected_{true};
+  };
+
+  TestRemoteConnection() : data_(std::make_shared<Data>()) {}
+  ~TestRemoteConnection() {}
+
+  void onMessage(std::string message) override {}
+
+  void onDisconnect() override {
+    data_->setDisconnected();
+  }
+
+  std::shared_ptr<Data> getData() {
+    return data_;
+  }
+
+ private:
+  std::shared_ptr<Data> data_;
+};
+
+}; // namespace
+
+TEST(ConnectionDemuxTests, TestEnableDisable) {
+  std::shared_ptr<HermesRuntime> runtime1(
+      facebook::hermes::makeHermesRuntime());
+  std::shared_ptr<HermesRuntime> runtime2(
+      facebook::hermes::makeHermesRuntime());
+  auto inspector = facebook::react::makeTestInspectorInstance();
+
+  ConnectionDemux demux{*inspector};
+
+  int id1 = demux.enableDebugging(
+      std::make_unique<SharedRuntimeAdapter>(runtime1), "page1");
+  int id2 = demux.enableDebugging(
+      std::make_unique<SharedRuntimeAdapter>(runtime2), "page2");
+
+  expectPages(*inspector, {{id1, "page1"}, {id2, "page2"}});
+
+  auto remoteConn1 = std::make_unique<TestRemoteConnection>();
+  auto remoteData1 = remoteConn1->getData();
+  auto localConn1 = inspector->connect(id1, std::move(remoteConn1));
+  EXPECT_NE(localConn1.get(), nullptr);
+
+  {
+    // If we connect to the same page id again without disconnecting, we should
+    // get null
+    auto remoteConn = std::make_unique<TestRemoteConnection>();
+    auto localConn = inspector->connect(id1, std::move(remoteConn));
+    EXPECT_EQ(localConn.get(), nullptr);
+  }
+
+  auto remoteConn2 = std::make_unique<TestRemoteConnection>();
+  auto remoteData2 = remoteConn2->getData();
+  auto localConn2 = inspector->connect(id2, std::move(remoteConn2));
+  EXPECT_NE(localConn2.get(), nullptr);
+
+  // Disable debugging on runtime2. This should remove its page from the list
+  // and call onDisconnect on its remoteConn
+  demux.disableDebugging(*runtime2);
+  expectPages(*inspector, {{id1, "page1"}});
+  remoteData2->expectDisconnected();
+
+  // Disconnect conn1. Its page should still be in the page list and
+  // onDisconnect should be called.
+  localConn1->disconnect();
+  remoteData1->expectDisconnected();
+
+  {
+    // Should still be able to reconnect after disconnecting
+    auto remoteConn = std::make_unique<TestRemoteConnection>();
+    auto localConn = inspector->connect(id1, std::move(remoteConn));
+    EXPECT_NE(localConn.get(), nullptr);
+  }
+}
+
+} // namespace chrome
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/tests/ConnectionTests.cpp b/ReactCommon/hermes/inspector/chrome/tests/ConnectionTests.cpp
new file mode 100644
index 00000000000000..266b78872c95ec
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/tests/ConnectionTests.cpp
@@ -0,0 +1,2151 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#include "AsyncHermesRuntime.h"
+#include "SyncConnection.h"
+
+#include <chrono>
+#include <initializer_list>
+#include <iostream>
+#include <limits>
+
+#include <folly/Conv.h>
+#include <folly/Unit.h>
+#include <folly/dynamic.h>
+#include <folly/futures/Future.h>
+#include <folly/json.h>
+#include <gtest/gtest.h>
+#include <hermes/DebuggerAPI.h>
+#include <hermes/hermes.h>
+#include <hermes/inspector/chrome/MessageTypes.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace chrome {
+
+namespace m = ::facebook::hermes::inspector::chrome::message;
+
+using namespace std::chrono_literals;
+
+namespace {
+
+// This class mostly exists to call AsyncHermesRuntime::wait() before we
+// destruct either AsyncHermesRuntime or SyncConnection.
+//
+// The reason for this is that we need to make sure the runtime is finished
+// executing scripts before we destruct the debugger connection. Otherwise, if
+// we destruct the connection while scripts are still executing, the script
+// could perform an action (like hitting a breakpoint) that sends a message to
+// the already-deallocated connection.
+class TestContext {
+ public:
+  TestContext() : conn_(runtime_.runtime()) {}
+  ~TestContext() {
+    runtime_.wait();
+  }
+
+  AsyncHermesRuntime &runtime() {
+    return runtime_;
+  }
+
+  SyncConnection &conn() {
+    return conn_;
+  }
+
+ private:
+  AsyncHermesRuntime runtime_;
+  SyncConnection conn_;
+};
+
+template <typename ResponseType>
+ResponseType expectResponse(SyncConnection &conn, int id) {
+  ResponseType resp;
+
+  conn.waitForResponse([id, &resp](const std::string &str) {
+    resp = ResponseType(folly::parseJson(str));
+    EXPECT_EQ(resp.id, id);
+  });
+
+  return resp;
+}
+
+template <typename NotificationType>
+NotificationType expectNotification(SyncConnection &conn) {
+  NotificationType note;
+
+  conn.waitForNotification([&note](const std::string &str) {
+    std::string parseError;
+
+    try {
+      note = NotificationType(folly::parseJson(str));
+    } catch (const std::exception &e) {
+      parseError = e.what();
+    }
+
+    EXPECT_EQ(parseError, "");
+  });
+
+  return note;
+}
+
+class UnexpectedNotificationException : public std::runtime_error {
+ public:
+  UnexpectedNotificationException()
+      : std::runtime_error("unexpected notification") {}
+};
+
+void expectNothing(SyncConnection &conn) {
+  auto promise = std::make_shared<folly::Promise<folly::Unit>>();
+  auto future = promise->getFuture();
+  try {
+    conn.waitForNotification([promise](const std::string &str) {
+      // if we receive a value fail the promise
+      promise->setException(UnexpectedNotificationException());
+    });
+  } catch (...) {
+    // if no values are received it times out with an exception
+    // so we can say that we've succeeded at seeing nothing
+    promise->setValue();
+  }
+  // timeout is 2500 milliseconds in SyncConnection::waitForNotification
+  // so this value is mostly a redundant safety measure
+  std::move(future).get(3000ms);
+}
+
+struct FrameInfo {
+  FrameInfo(const std::string &functionName, int lineNumber, int scopeCount)
+      : functionName(functionName),
+        lineNumberMin(lineNumber),
+        lineNumberMax(lineNumber),
+        scopeCount(scopeCount),
+        columnNumber(debugger::kInvalidLocation) {}
+
+  FrameInfo &setLineNumberMax(int lineNumberMaxParam) {
+    lineNumberMax = lineNumberMaxParam;
+    return *this;
+  }
+
+  FrameInfo &setScriptId(const std::string &scriptIdParam) {
+    scriptId = scriptIdParam;
+    return *this;
+  }
+
+  FrameInfo &setColumnNumber(int columnNumberParam) {
+    columnNumber = columnNumberParam;
+    return *this;
+  }
+
+  std::string functionName;
+  int lineNumberMin;
+  int lineNumberMax;
+  int scopeCount;
+  int columnNumber;
+  std::string scriptId;
+};
+
+void expectCallFrames(
+    const std::vector<m::debugger::CallFrame> &frames,
+    const std::vector<FrameInfo> &infos) {
+  EXPECT_EQ(frames.size(), infos.size());
+
+  int i = 0;
+  for (const FrameInfo &info : infos) {
+    m::debugger::CallFrame frame = frames[i];
+
+    EXPECT_EQ(frame.callFrameId, folly::to<std::string>(i));
+    EXPECT_EQ(frame.functionName, info.functionName);
+    EXPECT_GE(frame.location.lineNumber, info.lineNumberMin);
+    EXPECT_LE(frame.location.lineNumber, info.lineNumberMax);
+
+    if (info.columnNumber != debugger::kInvalidLocation) {
+      EXPECT_EQ(frame.location.columnNumber, info.columnNumber);
+    }
+
+    if (info.scriptId.size() > 0) {
+      EXPECT_EQ(frame.location.scriptId, info.scriptId);
+    }
+
+    // TODO: make expectation more specific once Hermes gives us something other
+    // than kInvalidBreakpoint for the file id
+    EXPECT_FALSE(frame.location.scriptId.empty());
+
+    if (info.scopeCount > 0) {
+      EXPECT_EQ(frame.scopeChain.size(), info.scopeCount);
+
+      for (int j = 0; j < info.scopeCount; j++) {
+        EXPECT_TRUE(frame.scopeChain[j].object.objectId.hasValue());
+      }
+    }
+
+    i++;
+  }
+}
+
+// Helper to send a request wait for an empty response containing the req id.
+template <typename RequestType>
+void send(SyncConnection &conn, int id) {
+  RequestType req;
+  req.id = id;
+  conn.send(req.toJson());
+
+  expectResponse<m::OkResponse>(conn, id);
+}
+
+void sendRuntimeEvalRequest(
+    SyncConnection &conn,
+    int id,
+    const std::string &expression) {
+  m::runtime::EvaluateRequest req;
+  req.id = id;
+  req.expression = expression;
+  conn.send(req.toJson());
+}
+
+void sendEvalRequest(
+    SyncConnection &conn,
+    int id,
+    int callFrameId,
+    const std::string &expression) {
+  m::debugger::EvaluateOnCallFrameRequest req;
+  req.id = id;
+  req.callFrameId = folly::to<std::string>(callFrameId);
+  req.expression = expression;
+  conn.send(req.toJson());
+}
+
+m::runtime::ExecutionContextCreatedNotification expectExecutionContextCreated(
+    SyncConnection &conn) {
+  auto note =
+      expectNotification<m::runtime::ExecutionContextCreatedNotification>(conn);
+
+  EXPECT_EQ(note.context.id, 1);
+  EXPECT_EQ(note.context.origin, "");
+  EXPECT_EQ(note.context.name, "hermes");
+  EXPECT_EQ(note.context.isDefault, true);
+  EXPECT_EQ(note.context.isPageContext, true);
+
+  return note;
+}
+
+m::debugger::ScriptParsedNotification expectScriptParsed(
+    SyncConnection &conn,
+    const std::string &url,
+    const std::string &sourceMapURL) {
+  auto note = expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  EXPECT_EQ(note.url, url);
+  EXPECT_GT(note.scriptId.size(), 0);
+
+  if (sourceMapURL.empty()) {
+    EXPECT_FALSE(note.sourceMapURL.hasValue());
+  } else {
+    EXPECT_EQ(note.sourceMapURL.value(), sourceMapURL);
+  }
+
+  return note;
+}
+
+m::debugger::PausedNotification expectPaused(
+    SyncConnection &conn,
+    const std::string &reason,
+    const std::vector<FrameInfo> &infos) {
+  auto note = expectNotification<m::debugger::PausedNotification>(conn);
+
+  EXPECT_EQ(note.reason, reason);
+  expectCallFrames(note.callFrames, infos);
+  // TODO: check breakpoint location for pause once hermes gives that to us
+
+  return note;
+}
+
+m::debugger::BreakpointId expectBreakpointResponse(
+    SyncConnection &conn,
+    int id,
+    int line,
+    int resolvedLine) {
+  auto resp = expectResponse<m::debugger::SetBreakpointByUrlResponse>(conn, id);
+
+  EXPECT_EQ(resp.id, id);
+  EXPECT_FALSE(resp.breakpointId.empty());
+  EXPECT_NE(
+      resp.breakpointId,
+      folly::to<std::string>(facebook::hermes::debugger::kInvalidBreakpoint));
+
+  if (line == -1) {
+    EXPECT_EQ(resp.locations.size(), 0);
+  } else {
+    EXPECT_EQ(resp.locations.size(), 1);
+    EXPECT_EQ(resp.locations[0].lineNumber, resolvedLine);
+  }
+
+  return resp.breakpointId;
+}
+
+void expectEvalResponse(
+    SyncConnection &conn,
+    int id,
+    const char *expectedValue) {
+  auto resp =
+      expectResponse<m::debugger::EvaluateOnCallFrameResponse>(conn, id);
+
+  EXPECT_EQ(resp.id, id);
+  EXPECT_EQ(resp.result.type, "string");
+  EXPECT_EQ(resp.result.value, expectedValue);
+  EXPECT_FALSE(resp.exceptionDetails.hasValue());
+}
+
+void expectEvalResponse(SyncConnection &conn, int id, bool expectedValue) {
+  auto resp =
+      expectResponse<m::debugger::EvaluateOnCallFrameResponse>(conn, id);
+
+  EXPECT_EQ(resp.id, id);
+  EXPECT_EQ(resp.result.type, "boolean");
+  EXPECT_EQ(resp.result.value, expectedValue);
+  EXPECT_FALSE(resp.exceptionDetails.hasValue());
+}
+
+void expectEvalResponse(SyncConnection &conn, int id, int expectedValue) {
+  auto resp =
+      expectResponse<m::debugger::EvaluateOnCallFrameResponse>(conn, id);
+
+  EXPECT_EQ(resp.id, id);
+  EXPECT_EQ(resp.result.type, "number");
+  EXPECT_EQ(resp.result.value, expectedValue);
+  EXPECT_FALSE(resp.exceptionDetails.hasValue());
+}
+
+void expectEvalException(
+    SyncConnection &conn,
+    int id,
+    const std::string &exceptionText,
+    const std::vector<FrameInfo> infos) {
+  auto resp =
+      expectResponse<m::debugger::EvaluateOnCallFrameResponse>(conn, id);
+
+  EXPECT_EQ(resp.id, id);
+  EXPECT_TRUE(resp.exceptionDetails.hasValue());
+
+  m::runtime::ExceptionDetails &details = resp.exceptionDetails.value();
+  EXPECT_EQ(details.text, exceptionText);
+
+  // TODO: Hermes doesn't seem to populate the line number for the exception?
+  EXPECT_EQ(details.lineNumber, 0);
+
+  EXPECT_TRUE(details.stackTrace.hasValue());
+
+  m::runtime::StackTrace &stackTrace = details.stackTrace.value();
+  EXPECT_EQ(stackTrace.callFrames.size(), infos.size());
+
+  int i = 0;
+  for (const FrameInfo &info : infos) {
+    const m::runtime::CallFrame &callFrame = stackTrace.callFrames[i];
+
+    EXPECT_GE(callFrame.lineNumber, info.lineNumberMin);
+    EXPECT_LE(callFrame.lineNumber, info.lineNumberMax);
+    EXPECT_EQ(callFrame.functionName, info.functionName);
+
+    i++;
+  }
+}
+
+struct PropInfo {
+  PropInfo(const std::string &type) : type(type) {}
+
+  PropInfo &setSubtype(const std::string &subtypeParam) {
+    subtype = subtypeParam;
+    return *this;
+  }
+
+  PropInfo &setValue(const folly::dynamic &valueParam) {
+    value = valueParam;
+    return *this;
+  }
+
+  PropInfo &setUnserializableValue(
+      const std::string &unserializableValueParam) {
+    unserializableValue = unserializableValueParam;
+    return *this;
+  }
+
+  std::string type;
+  folly::Optional<std::string> subtype;
+  folly::Optional<folly::dynamic> value;
+  folly::Optional<std::string> unserializableValue;
+};
+
+std::unordered_map<std::string, std::string> expectProps(
+    SyncConnection &conn,
+    int msgId,
+    const std::string &objectId,
+    const std::unordered_map<std::string, PropInfo> &infos,
+    bool ownProperties = true) {
+  m::runtime::GetPropertiesRequest req;
+  req.id = msgId;
+  req.objectId = objectId;
+  req.ownProperties = ownProperties;
+  conn.send(req.toJson());
+
+  std::unordered_map<std::string, std::string> objectIds;
+  auto resp = expectResponse<m::runtime::GetPropertiesResponse>(conn, msgId);
+
+  EXPECT_EQ(resp.result.size(), infos.size());
+
+  for (int i = 0; i < resp.result.size(); i++) {
+    m::runtime::PropertyDescriptor &desc = resp.result[i];
+
+    auto infoIt = infos.find(desc.name);
+    EXPECT_FALSE(infoIt == infos.end());
+
+    if (infoIt != infos.end()) {
+      const PropInfo &info = infoIt->second;
+
+      EXPECT_TRUE(desc.value.hasValue());
+
+      m::runtime::RemoteObject &remoteObj = desc.value.value();
+      EXPECT_EQ(remoteObj.type, info.type);
+
+      if (info.subtype.hasValue()) {
+        EXPECT_TRUE(remoteObj.subtype.hasValue());
+        EXPECT_EQ(remoteObj.subtype.value(), info.subtype.value());
+      }
+
+      if (info.value.hasValue()) {
+        EXPECT_TRUE(remoteObj.value.hasValue());
+        EXPECT_EQ(remoteObj.value.value(), info.value.value());
+      }
+
+      if (info.unserializableValue.hasValue()) {
+        EXPECT_TRUE(remoteObj.unserializableValue.hasValue());
+        EXPECT_EQ(
+            remoteObj.unserializableValue.value(),
+            info.unserializableValue.value());
+      }
+
+      if ((info.type == "object" && info.subtype != "null") ||
+          info.type == "function") {
+        EXPECT_TRUE(remoteObj.objectId.hasValue());
+        objectIds[desc.name] = remoteObj.objectId.value();
+      }
+    }
+  }
+
+  return objectIds;
+}
+
+void expectEvalResponse(
+    SyncConnection &conn,
+    int id,
+    const std::unordered_map<std::string, PropInfo> &infos) {
+  auto resp =
+      expectResponse<m::debugger::EvaluateOnCallFrameResponse>(conn, id);
+
+  EXPECT_EQ(resp.id, id);
+  EXPECT_EQ(resp.result.type, "object");
+  EXPECT_FALSE(resp.exceptionDetails.hasValue());
+
+  EXPECT_TRUE(resp.result.objectId.hasValue());
+  expectProps(conn, id + 1, resp.result.objectId.value(), infos);
+}
+
+} // namespace
+
+TEST(ConnectionTests, testRespondsOkToUnknownRequests) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+
+  asyncRuntime.executeScriptAsync(R"(
+    var a = 1 + 2;
+    var b = a / 2;
+  )");
+
+  send<m::debugger::EnableRequest>(conn, 1);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  conn.send(R"({"id": 2, "method": "Debugger.foo"})");
+  conn.send(R"({"id": 3, "method": "Debugger.bar", "params": {"a": "b"}})");
+
+  expectResponse<m::OkResponse>(conn, 2);
+  expectResponse<m::OkResponse>(conn, 3);
+}
+
+TEST(ConnectionTests, testDebuggerStatement) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    var a = 1 + 2;
+    debugger;       // [1] (line 2) hit debugger statement, resume
+    var b = a / 2;
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // [1] (line 2) hit debugger statement, resume
+  expectPaused(conn, "other", {{"global", 2, 1}});
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+}
+
+TEST(ConnectionTests, testDebuggerStatementFromPausedWaitEnable) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    var a = 1 + 2;
+    debugger;       // [1] (line 2) hit debugger statement, resume
+    var b = a / 2;
+  )");
+
+  // TODO: hack that gives JS the chance to run so that we end up in the
+  // PausedWaitEnable state. Will move the entire test to InspectorTests once
+  // I get around to refactoring InspectorTests.
+  std::this_thread::sleep_for(250ms);
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // [1] (line 2) hit debugger statement, resume
+  expectPaused(conn, "other", {{"global", 2, 1}});
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+}
+
+TEST(ConnectionTests, testIsDebuggerAttached) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    var a = 1 + 2;
+    debugger;       // [1] (line 2) hit debugger statement
+                    // [2] evaluate DebuggerInternal.isDebuggerAttached to true
+    var b = a / 2;
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // [1] (line 2) hit debugger statement
+  expectPaused(conn, "other", {{"global", 2, 1}});
+
+  // [2] evaluate DebuggerInternal.IsDebuggerAttached to true
+  sendEvalRequest(conn, 0, 0, R"("-> " + DebuggerInternal.isDebuggerAttached)");
+  expectEvalResponse(conn, 0, "-> true");
+
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+}
+
+TEST(ConnectionTests, testStepOver) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    var a = 1 + 2;
+    debugger;       // [1] (line 2) hit debugger statement, step over
+    var b = a / 2;  // [2] (line 3) step over
+    var c = a + b;  // [3] (line 4) resume
+    var d = b - c;
+    var e = c * d;
+    var f = 10;
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // [1] (line 2): hit debugger statement, step over
+  expectPaused(conn, "other", {{"global", 2, 1}});
+  send<m::debugger::StepOverRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // [2] (line 3): step over
+  expectPaused(conn, "other", {{"global", 3, 1}});
+  send<m::debugger::StepOverRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // [3] (line 4): resume
+  expectPaused(conn, "other", {{"global", 4, 1}});
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+}
+
+TEST(ConnectionTests, testStepIn) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    function addOne(val) {
+      return val + 1;   // [3]: resume
+    }
+
+    var a = 1 + 2;
+    debugger;           // [1] (line 6) hit debugger statement, step over
+    var b = addOne(a);  // [2] (line 7) step in
+    var c = a + b;
+    var d = b - c;
+    var e = c * d;
+    var f = 10;
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // [1] (line 6): hit debugger statement, step over
+  expectPaused(conn, "other", {{"global", 6, 1}});
+  send<m::debugger::StepOverRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // [2] (line 7): step in
+  expectPaused(conn, "other", {{"global", 7, 1}});
+  send<m::debugger::StepIntoRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // [3] (line 2): resume
+  expectPaused(conn, "other", {{"addOne", 2, 2}, {"global", 7, 1}});
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+}
+
+TEST(ConnectionTests, testStepOut) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    function addSquares(a, b) {
+      var a2 = a * a;
+      debugger;        // [1] (line 3) hit debugger statement, step over
+      var b2 = b * b;  // [2] (line 4) step out
+      return a2 + b2;
+    }
+
+    var c = addSquares(1, 2); // [3] (line 8) resume
+    var d = c * c;
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // [1] (line 3) hit debugger statement, step over
+  expectPaused(conn, "other", {{"addSquares", 3, 2}, {"global", 8, 1}});
+  send<m::debugger::StepOverRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // [2] (line 4) step out
+  expectPaused(conn, "other", {{"addSquares", 4, 2}, {"global", 8, 1}});
+  send<m::debugger::StepOutRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // [3] (line 8): resume
+  expectPaused(conn, "other", {{"global", 8, 1}});
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+}
+
+TEST(ConnectionTests, testSetBreakpoint) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    var a = 1 + 2;
+    debugger;      // [1] (line 2) hit debugger statement,
+                   //     set breakpoint on line 5
+    var b = a / 2;
+    var c = a + b; // [2] (line 5) hit breakpoint, step over
+    var d = b - c; // [3] (line 6) resume
+    var e = c * d;
+    var f = 10;
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // [1] (line 2) hit debugger statement, set breakpoint on line 6
+  expectPaused(conn, "other", {{"global", 2, 1}});
+
+  m::debugger::SetBreakpointByUrlRequest req;
+  req.id = msgId++;
+  req.lineNumber = 5;
+  req.columnNumber = 0;
+  conn.send(req.toJson());
+
+  expectBreakpointResponse(conn, req.id, 5, 5);
+
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // [2] (line 5) hit breakpoint, step over
+  expectPaused(conn, "other", {{"global", 5, 1}});
+  send<m::debugger::StepOverRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // [3] (line 6) resume
+  expectPaused(conn, "other", {{"global", 6, 1}});
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+}
+
+TEST(ConnectionTests, testSetLazyBreakpoint) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  facebook::hermes::HermesRuntime::DebugFlags flags{};
+  flags.lazy = true;
+
+  asyncRuntime.executeScriptAsync(
+      R"(
+    var a = 1 + 2;
+    debugger;      // [1] (line 2) hit debugger statement,
+                   //     set breakpoint on line 5
+
+    function foo() {
+      var b = a / 2;
+      var c = a + b; // [2] (line 7) hit breakpoint, step over
+      var d = b - c; // [3] (line 8) resume
+      var e = c * d;
+      var f = 10;
+    }
+
+    foo();
+  )",
+      "url",
+      flags);
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // [1] (line 2) hit debugger statement, set breakpoint on line 6
+  expectPaused(conn, "other", {{"global", 2, 1}});
+
+  m::debugger::SetBreakpointByUrlRequest req;
+  req.id = msgId++;
+  req.lineNumber = 7;
+  req.columnNumber = 0;
+  conn.send(req.toJson());
+
+  auto breakpointId = expectBreakpointResponse(conn, req.id, 7, 7);
+
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // [2] (line 7) hit breakpoint, step over
+  expectPaused(conn, "other", {{"foo", 7, 2}, {"global", 13, 1}});
+  send<m::debugger::StepOverRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // [3] (line 8) resume
+  expectPaused(conn, "other", {{"foo", 8, 2}, {"global", 13, 1}});
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+}
+
+TEST(ConnectionTests, testSetBreakpointWhileRunning) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    while (!shouldStop()) {
+      var a = 1;
+      var b = 2;
+      var c = a + b; // [1] (line 4) first time: step over
+                     // [3]          second time: set stop flag, resume
+      var d = 10;    // [2] (line 6) resume
+    }
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // set breakpoint on line 4: "var c = ..."
+  m::debugger::SetBreakpointByUrlRequest req;
+  req.id = msgId++;
+  req.lineNumber = 4;
+  req.columnNumber = 0;
+  conn.send(req.toJson());
+
+  expectBreakpointResponse(conn, req.id, 4, 4);
+
+  // [1] (line 4) hit breakpoint, step over
+  expectPaused(conn, "other", {{"global", 4, 1}});
+  send<m::debugger::StepOverRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // [2] (line 6) resume
+  expectPaused(conn, "other", {{"global", 6, 1}});
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // [3] (line 4) hit breakpoint again, set stop flag, resume
+  expectPaused(conn, "other", {{"global", 4, 1}});
+  asyncRuntime.stop();
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+}
+
+TEST(ConnectionTests, testSetBreakpointConditional) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    var a = 3;
+    debugger;      // [1] (line 2) hit debugger statement,
+                   //  set conditional breakpoint on lines 4, 5 and 6
+    var b = a + 5; // [2] (line 4) skip breakpoint, condition throws
+    var c = b - a; // [3] (line 5) skip breakpoint, condition false
+    var d = b - c; // [4] (line 6) hit breakpoint, condition true
+    var e = c * d;
+    var f = 10;
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // [1] (line 2) hit debugger statement,
+  // set conditional breakpoint on lines 4, 5 and 6
+  expectPaused(conn, "other", {{"global", 2, 1}});
+
+  m::debugger::SetBreakpointByUrlRequest req0;
+  req0.id = msgId++;
+  req0.lineNumber = 4;
+  req0.condition = folly::Optional<std::string>("throw Error('Boom!')");
+  conn.send(req0.toJson());
+
+  expectBreakpointResponse(conn, req0.id, 4, 4);
+
+  m::debugger::SetBreakpointByUrlRequest req1;
+  req1.id = msgId++;
+  req1.lineNumber = 5;
+  req1.condition = folly::Optional<std::string>("b === a");
+  conn.send(req1.toJson());
+
+  expectBreakpointResponse(conn, req1.id, 5, 5);
+
+  m::debugger::SetBreakpointByUrlRequest req2;
+  req2.id = msgId++;
+  req2.lineNumber = 6;
+  req2.condition = folly::Optional<std::string>("c === 5");
+  conn.send(req2.toJson());
+
+  expectBreakpointResponse(conn, req2.id, 6, 6);
+
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // [2] (line 4) skip breakpoint, condition throws
+
+  // [3] (line 5) skip breakpoint, condition false
+
+  // [4] (line 6) hit breakpoint, condition true
+  expectPaused(conn, "other", {{"global", 6, 1}});
+
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+}
+
+TEST(ConnectionTests, testRemoveBreakpoint) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    // [1] (line 2) hit debugger statement, set breakpoint on line 7
+    debugger;
+    var a = 1;
+
+    for (var i = 1; i <= 2; i++) {
+      // [1] (line 7) hit breakpoint and then remove it
+      a += i;
+    }
+
+    storeValue(a);
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // [1] (line 2) hit debugger statement, set breakpoint on line 7
+  expectPaused(conn, "other", {{"global", 2, 1}});
+
+  m::debugger::SetBreakpointByUrlRequest req;
+  req.id = msgId++;
+  req.lineNumber = 7;
+  conn.send(req.toJson());
+
+  auto breakpointId = expectBreakpointResponse(conn, req.id, 7, 7);
+
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // [1] (line 7) hit breakpoint and then remove it
+  expectPaused(conn, "other", {{"global", 7, 1}});
+
+  m::debugger::RemoveBreakpointRequest removeReq;
+  removeReq.id = msgId++;
+  removeReq.breakpointId = breakpointId;
+  conn.send(removeReq.toJson());
+  expectResponse<m::OkResponse>(conn, removeReq.id);
+
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // check final value
+  jsi::Value finalValue = asyncRuntime.awaitStoredValue();
+  EXPECT_EQ(finalValue.asNumber(), 4);
+}
+
+TEST(ConnectionTests, testAsyncPauseWhileRunning) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    var accum = 10;
+
+    while (!shouldStop()) {
+      var a = 1;
+      var b = 2;
+      var c = a + b;
+
+      accum += c;
+    }                        // (line 9)
+
+    var d = -accum;
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // send some number of async pauses, make sure that we always stop before
+  // the end of the loop on line 9
+  for (int i = 0; i < 10; i++) {
+    send<m::debugger::PauseRequest>(conn, msgId++);
+    expectPaused(
+        conn, "other", {FrameInfo("global", 0, 1).setLineNumberMax(9)});
+
+    send<m::debugger::ResumeRequest>(conn, msgId++);
+    expectNotification<m::debugger::ResumedNotification>(conn);
+  }
+
+  // break out of loop
+  asyncRuntime.stop();
+}
+
+TEST(ConnectionTests, testEvalOnCallFrame) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    var globalVar = "omega";
+    var booleanVar = true;
+    var numberVar = 42;
+    var objectVar = {number: 1, bool: false, str: "string"};
+
+    function func1(closure, f1param) { // frame 4
+        var f1v1 = "alpha";
+        var f1v2 = "beta";
+        function func1b() {            // frame 3
+            var f1bv1 = "gamma";
+            function func1c() {        // frame 2
+                var f1cv1 = 19;
+                closure();
+            }
+            func1c();
+        }
+        func1b();
+    }
+
+    function func2() {                 // frame 1
+        var f2v1 = "baker";
+        var f2v2 = "charlie";
+        function func2b() {            // frame 0
+            var f2bv1 = "dog";
+            debugger;                  // [1] (line 25) hit debugger statement
+                                       // [2]           run evals
+                                       // [3]           resume
+            print(globalVar);
+            print(f2bv1);
+        }
+        func2b();
+    }
+
+    func1(func2, "tau");
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // [1] (line 25) hit debugger statement
+  expectPaused(
+      conn,
+      "other",
+      {{"func2b", 25, 3},
+       {"func2", 31, 2},
+       {"func1c", 13, 4},
+       {"func1b", 15, 3},
+       {"func1", 17, 2},
+       {"global", 34, 1}});
+
+  // [2] run eval statements
+  int frame = 0;
+  sendEvalRequest(conn, msgId + 0, frame, R"("0: " + globalVar)");
+  sendEvalRequest(conn, msgId + 1, frame, R"("1: " + f2bv1)");
+  sendEvalRequest(conn, msgId + 2, frame, R"("2: " + f2v2)");
+  sendEvalRequest(conn, msgId + 3, frame, R"("3: " + f2bv1 + " && " + f2v2)");
+  expectEvalResponse(conn, msgId + 0, "0: omega");
+  expectEvalResponse(conn, msgId + 1, "1: dog");
+  expectEvalResponse(conn, msgId + 2, "2: charlie");
+  expectEvalResponse(conn, msgId + 3, "3: dog && charlie");
+  msgId += 4;
+
+  frame = 1;
+  sendEvalRequest(conn, msgId + 0, frame, R"("4: " + f2v1)");
+  sendEvalRequest(conn, msgId + 1, frame, R"("5: " + f2v2)");
+  sendEvalRequest(conn, msgId + 2, frame, R"(globalVar = "mod by debugger")");
+  expectEvalResponse(conn, msgId + 0, "4: baker");
+  expectEvalResponse(conn, msgId + 1, "5: charlie");
+  expectEvalResponse(conn, msgId + 2, "mod by debugger");
+  msgId += 3;
+
+  frame = 2;
+  sendEvalRequest(conn, msgId + 0, frame, R"("6: " + f1cv1 + f1bv1 + f1v1)");
+  sendEvalRequest(conn, msgId + 1, frame, R"("7: " + globalVar)");
+  expectEvalResponse(conn, msgId + 0, "6: 19gammaalpha");
+  expectEvalResponse(conn, msgId + 1, "7: mod by debugger");
+  msgId += 2;
+
+  // [2.1] run eval statements that return non-string primitive values
+  frame = 0;
+  sendEvalRequest(conn, msgId + 0, frame, "booleanVar");
+  sendEvalRequest(conn, msgId + 1, frame, "numberVar");
+  expectEvalResponse(conn, msgId + 0, true);
+  expectEvalResponse(conn, msgId + 1, 42);
+  msgId += 2;
+
+  // [2.2] run eval statement that returns object
+  frame = 0;
+  sendEvalRequest(conn, msgId + 0, frame, "objectVar");
+  expectEvalResponse(
+      conn,
+      msgId + 0,
+      {{"number", PropInfo("number").setValue(1)},
+       {"bool", PropInfo("boolean").setValue(false)},
+       {"str", PropInfo("string").setValue("string")},
+       {"__proto__", PropInfo("object")}});
+
+  // msgId is increased by 2 because expectEvalResponse will make additional
+  // request with expectProps.
+  msgId += 2;
+
+  // [3] resume
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+}
+
+TEST(ConnectionTests, testRuntimeEvaluate) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    var globalVar = "omega";
+    var booleanVar = true;
+    var numberVar = 42;
+    var objectVar = {number: 1, bool: false, str: "string"};
+
+    while(!shouldStop()) {  // [1] (line 6) hit infinite loop
+      var a = 1;            // [2] run evals
+      a++;                  // [3] exit run loop
+    }
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // [1] (line 6) hit infinite loop
+
+  // [2] run eval statements
+  sendRuntimeEvalRequest(conn, msgId + 0, R"("0: " + globalVar)");
+  expectEvalResponse(conn, msgId + 0, "0: omega");
+
+  // [2.1] run eval statements that return non-string primitive values
+  sendRuntimeEvalRequest(conn, msgId + 1, "booleanVar");
+  sendRuntimeEvalRequest(conn, msgId + 2, "numberVar");
+  expectEvalResponse(conn, msgId + 1, true);
+  expectEvalResponse(conn, msgId + 2, 42);
+
+  // [2.2] run eval statement that returns object
+  sendRuntimeEvalRequest(conn, msgId + 3, "objectVar");
+  expectEvalResponse(
+      conn,
+      msgId + 3,
+      {{"number", PropInfo("number").setValue(1)},
+       {"bool", PropInfo("boolean").setValue(false)},
+       {"str", PropInfo("string").setValue("string")},
+       {"__proto__", PropInfo("object")}});
+
+  // [3] exit run loop
+  asyncRuntime.stop();
+}
+
+TEST(ConnectionTests, testEvalOnCallFrameException) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    var count = 0;
+
+    function eventuallyThrows(x) {
+      if (x <= 0)
+        throw new Error("I frew up.");
+      count++;
+      eventuallyThrows(x-1);
+    }
+
+    function callme() {
+      print("Hello");
+      debugger;          // [1] (line 12) hit debugger statement
+                         // [2]           run evals
+                         // [3]           resume
+      print("Goodbye");
+    }
+
+    callme();
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // [1] (line 12) hit debugger statement
+  expectPaused(conn, "other", {{"callme", 12, 2}, {"global", 18, 1}});
+
+  // [2] run evals
+  int frame = 0;
+  sendEvalRequest(conn, msgId + 0, frame, "this is not valid javascript");
+  sendEvalRequest(conn, msgId + 1, frame, "eventuallyThrows(5)");
+  sendEvalRequest(conn, msgId + 2, frame, "count");
+
+  expectEvalException(conn, msgId + 0, "SyntaxError: 1:6:';' expected", {});
+  expectEvalException(
+      conn,
+      msgId + 1,
+      "Error: I frew up.",
+      {{"eventuallyThrows", 5, 0},
+       {"eventuallyThrows", 7, 0},
+       {"eventuallyThrows", 7, 0},
+       {"eventuallyThrows", 7, 0},
+       {"eventuallyThrows", 7, 0},
+       {"eventuallyThrows", 7, 0},
+
+       // TODO: unsure why these frames are here, but they're in hdb tests
+       // too. Ask Hermes about if they really should be there.
+       FrameInfo("eval", 0, 0).setLineNumberMax(19),
+       FrameInfo("(native)", 0, 0),
+       FrameInfo("global", 0, 0).setLineNumberMax(19)});
+  expectEvalResponse(conn, msgId + 2, 5);
+  msgId += 3;
+
+  // [3] resume
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+}
+
+TEST(ConnectionTests, testLoadMultipleScripts) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(
+      R"(
+    function foo(x) {
+      debugger;
+      print(x);
+    }
+
+    var a = 1 + 1;
+
+    //# sourceMappingURL=/foo/bar/url1.js.map
+  )",
+      "url1");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+
+  expectExecutionContextCreated(conn);
+
+  m::debugger::ScriptParsedNotification script1 =
+      expectScriptParsed(conn, "url1", "/foo/bar/url1.js.map");
+
+  asyncRuntime.executeScriptAsync(
+      R"(
+    var b = a + 2;
+    var c = b - 1;
+    foo(c);
+
+    //# sourceMappingURL=/foo/bar/url2.js.map
+  )",
+      "url2");
+
+  m::debugger::ScriptParsedNotification script2 =
+      expectScriptParsed(conn, "url2", "/foo/bar/url2.js.map");
+
+  // [1] (line 2) hit debugger statement, resume
+  expectPaused(
+      conn,
+      "other",
+      {FrameInfo("foo", 2, 2).setScriptId(script1.scriptId),
+       FrameInfo("global", 3, 1).setScriptId(script2.scriptId)});
+
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+}
+
+TEST(ConnectionTests, testGetProperties) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+  std::vector<std::string> objIds;
+
+  asyncRuntime.executeScriptAsync(R"(
+    function foo() {
+      var num = 123;
+      var obj = {
+        "depth": 0,
+        "value": {
+          "a": -1/0,
+          "b": 1/0,
+          "c": Math.sqrt(-2),
+          "d": -0,
+          "e": "e_string"
+        }
+      };
+      var arr = [1, 2, 3];
+      function bar() {
+        var num = 456;
+        var obj = {"depth": 1, "value": {"c": 5, "d": "d_string"}};
+        debugger;
+      };
+      bar();
+      debugger;
+    }
+
+    foo();
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  auto pausedNote = expectPaused(
+      conn, "other", {{"bar", 17, 3}, {"foo", 19, 2}, {"global", 23, 1}});
+
+  auto &scopeObj = pausedNote.callFrames.at(1).scopeChain.at(0).object;
+  EXPECT_TRUE(scopeObj.objectId.hasValue());
+  std::string scopeObjId = scopeObj.objectId.value();
+  objIds.push_back(scopeObjId);
+
+  auto scopeChildren = expectProps(
+      conn,
+      msgId++,
+      scopeObjId,
+      {{"num", PropInfo("number").setValue(123)},
+       {"obj", PropInfo("object")},
+       {"arr", PropInfo("object").setSubtype("array")},
+       {"bar", PropInfo("function")}});
+  EXPECT_EQ(scopeChildren.size(), 3);
+
+  EXPECT_EQ(scopeChildren.count("obj"), 1);
+  std::string objId = scopeChildren.at("obj");
+  objIds.push_back(objId);
+
+  auto objChildren = expectProps(
+      conn,
+      msgId++,
+      objId,
+      {{"depth", PropInfo("number").setValue(0)},
+       {"value", PropInfo("object")},
+       {"__proto__", PropInfo("object")}});
+  EXPECT_EQ(objChildren.size(), 2);
+
+  EXPECT_EQ(objChildren.count("value"), 1);
+  std::string valueId = objChildren.at("value");
+  objIds.push_back(valueId);
+
+  auto valueChildren = expectProps(
+      conn,
+      msgId++,
+      valueId,
+      {{"a", PropInfo("number").setUnserializableValue("-Infinity")},
+       {"b", PropInfo("number").setUnserializableValue("Infinity")},
+       {"c", PropInfo("number").setUnserializableValue("NaN")},
+       {"d", PropInfo("number").setUnserializableValue("-0")},
+       {"e", PropInfo("string").setValue("e_string")},
+       {"__proto__", PropInfo("object")}});
+  EXPECT_EQ(valueChildren.size(), 1);
+
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  expectPaused(conn, "other", {{"foo", 20, 2}, {"global", 23, 1}});
+
+  // all old object ids should be invalid after resuming
+  for (std::string oldObjId : objIds) {
+    expectProps(
+        conn, msgId++, oldObjId, std::unordered_map<std::string, PropInfo>{});
+  }
+
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+}
+
+TEST(ConnectionTests, testGetPropertiesOnlyOwnProperties) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    function foo() {
+      var protoObject = {
+        "protoNum": 77
+      };
+      var obj = Object.create(protoObject);
+      obj.num = 42;
+      debugger;
+    }
+    foo();
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // wait for a pause on debugger statement and get object ID from the local
+  // scope.
+  auto pausedNote =
+      expectPaused(conn, "other", {{"foo", 7, 2}, {"global", 9, 1}});
+  auto scopeObject = pausedNote.callFrames.at(0).scopeChain.at(0).object;
+  auto scopeChildren = expectProps(
+      conn,
+      msgId++,
+      scopeObject.objectId.value(),
+      {{"obj", PropInfo("object")}, {"protoObject", PropInfo("object")}});
+  EXPECT_EQ(scopeChildren.count("obj"), 1);
+  std::string objId = scopeChildren.at("obj");
+
+  // Check that GetProperties request for obj object only have own properties
+  // when onlyOwnProperties = true.
+  expectProps(
+      conn,
+      msgId++,
+      objId,
+      {{"num", PropInfo("number").setValue(42)},
+       {"__proto__", PropInfo("object")}},
+      true);
+
+  // Check that GetProperties request for obj object only have all properties
+  // when onlyOwnProperties = false.
+  // __proto__ is not returned here because all properties from proto chain
+  // are already included in the result.
+  expectProps(
+      conn,
+      msgId++,
+      objId,
+      {{"num", PropInfo("number").setValue(42)},
+       {"protoNum", PropInfo("number").setValue(77)}},
+      false);
+
+  // resume
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+}
+
+TEST(ConnectionTests, testDisable) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    while (!shouldStop()) {
+      var a = 1;
+      var b = 2;
+      var c = a + b; // [1] (line 4) disable to remove breakpoints and resume
+                     // [2] (line 4) the breakpoint should not hit anymore
+      var d = 10;
+    }
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // set breakpoint on line 4: "var c = ..."
+  m::debugger::SetBreakpointByUrlRequest req;
+  req.id = msgId++;
+  req.lineNumber = 4;
+  conn.send(req.toJson());
+
+  expectBreakpointResponse(conn, req.id, 4, 4);
+
+  // [1] (line 4) disable to remove breakpoints and resume
+  expectPaused(conn, "other", {{"global", 4, 1}});
+
+  send<m::debugger::DisableRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // [2] (line 4) the breakpoint should not hit anymore
+  expectNothing(conn);
+  asyncRuntime.stop();
+}
+
+TEST(ConnectionTests, testDisableWhileRunning) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    debugger; // [1] initial pause to set the breakpoint on line 6
+    while (!shouldStop()) { // [2] loop running until we receive a detach request
+      var a = 1;
+    }
+    while (shouldStop()) {
+      var c = a + 1; // [3] (line 6) the breakpoint should not hit after detach
+    }
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // [1] initial pause to set the breakpoint on line 6
+  expectPaused(conn, "other", {{"global", 1, 1}});
+
+  // set breakpoint on line 6: "var c = ..."
+  m::debugger::SetBreakpointByUrlRequest req;
+  req.id = msgId++;
+  req.lineNumber = 6;
+  conn.send(req.toJson());
+
+  expectBreakpointResponse(conn, req.id, 6, 6);
+
+  // [2] loop running until we receive a detach request
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  send<m::debugger::DisableRequest>(conn, msgId++);
+  asyncRuntime.stop();
+
+  // [3] (line 6) the breakpoint should not hit after detach
+  expectNothing(conn);
+  asyncRuntime.start();
+}
+
+TEST(ConnectionTests, testSetPauseOnExceptionsAll) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    debugger; // [1] (line 1) initial pause, set throw on exceptions to 'All'
+
+    try {
+      var a = 123;
+      throw new Error('Caught error'); // [2] line 5, pause on exception
+    } catch (err) {
+      // Do nothing.
+    }
+
+    throw new Error('Uncaught exception'); // [3] line 10, pause on exception
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // [1] (line 1) initial pause, set throw on exceptions to 'All'
+  expectPaused(conn, "other", {{"global", 1, 1}});
+  m::debugger::SetPauseOnExceptionsRequest allExceptionsReq;
+  allExceptionsReq.id = msgId++;
+  allExceptionsReq.state = "all";
+  conn.send(allExceptionsReq.toJson());
+  expectResponse<m::OkResponse>(conn, allExceptionsReq.id);
+
+  // Resume
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // [2] line 5, pause on exception
+  expectPaused(conn, "exception", {{"global", 5, 1}});
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // [3] line 10, pause on exception
+  expectPaused(conn, "exception", {{"global", 10, 1}});
+
+  // Send resume event and check that Hermes has thrown an exception.
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+  asyncRuntime.wait();
+  EXPECT_EQ(asyncRuntime.getNumberOfExceptions(), 1);
+  EXPECT_EQ(asyncRuntime.getLastThrownExceptionMessage(), "Uncaught exception");
+}
+
+TEST(ConnectionTests, testSetPauseOnExceptionsNone) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    debugger; // [1] (line 1) initial pause, set throw on exceptions to 'None'
+
+    try {
+      var a = 123;
+      throw new Error('Caught error');
+    } catch (err) {
+      // Do nothing.
+    }
+
+    throw new Error('Uncaught exception');
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // [1] (line 1) initial pause, set throw on exceptions to 'None'
+  expectPaused(conn, "other", {{"global", 1, 1}});
+  m::debugger::SetPauseOnExceptionsRequest allExceptionsReq;
+  allExceptionsReq.id = msgId++;
+  allExceptionsReq.state = "none";
+  conn.send(allExceptionsReq.toJson());
+  expectResponse<m::OkResponse>(conn, allExceptionsReq.id);
+
+  // Resume
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // Check that Hermes has thrown an exception (without reporting it).
+  expectNothing(conn);
+  asyncRuntime.wait();
+  EXPECT_EQ(asyncRuntime.getNumberOfExceptions(), 1);
+  EXPECT_EQ(asyncRuntime.getLastThrownExceptionMessage(), "Uncaught exception");
+}
+
+TEST(ConnectionTests, testSetPauseOnExceptionsUncaught) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    debugger; // [1] (line 1) initial pause, set throw on exceptions to 'Uncaught'
+
+    try {
+      var a = 123;
+      throw new Error('Caught error');
+    } catch (err) {
+      // Do nothing.
+    }
+
+    throw new Error('Uncaught exception'); // [3] line 10, pause on exception
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // [1] (line 1) initial pause, set throw on exceptions to 'Uncaught'
+  expectPaused(conn, "other", {{"global", 1, 1}});
+  m::debugger::SetPauseOnExceptionsRequest allExceptionsReq;
+  allExceptionsReq.id = msgId++;
+  allExceptionsReq.state = "uncaught";
+  conn.send(allExceptionsReq.toJson());
+  expectResponse<m::OkResponse>(conn, allExceptionsReq.id);
+
+  // Resume
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // [3] line 10, pause on exception
+  expectPaused(conn, "exception", {{"global", 10, 1}});
+
+  // Send resume event and check that Hermes has thrown an exception.
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+  asyncRuntime.wait();
+  EXPECT_EQ(asyncRuntime.getNumberOfExceptions(), 1);
+  EXPECT_EQ(asyncRuntime.getLastThrownExceptionMessage(), "Uncaught exception");
+}
+
+TEST(ConnectionTests, testShouldPauseOnThrow) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    debugger; // [1] (line 1) initial pause, check shouldPauseOnThrow is false
+              // [2] set throw to 'All', check shouldPauseOnThrow is true
+              // [3] set throw to 'None', check shouldPauseOnThrow is false
+              // [4] set throw to 'Uncaught', check shouldPauseOnThrow is true
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  auto shouldPauseOnThrowEvalMsg =
+      R"("-> " + DebuggerInternal.shouldPauseOnThrow)";
+  auto responseTrue = "-> true";
+  auto responseFalse = "-> false";
+
+  // [1] (line 1) initial pause, check shouldPauseOnThrow is false
+  expectPaused(conn, "other", {{"global", 1, 1}});
+  sendEvalRequest(conn, msgId + 1, 0, shouldPauseOnThrowEvalMsg);
+  expectEvalResponse(conn, msgId + 1, responseFalse);
+
+  // [2] set throw to 'All', check shouldPauseOnThrow is true
+  m::debugger::SetPauseOnExceptionsRequest allExceptionsReq;
+  allExceptionsReq.id = msgId++;
+  allExceptionsReq.state = "all";
+  conn.send(allExceptionsReq.toJson());
+  expectResponse<m::OkResponse>(conn, allExceptionsReq.id);
+
+  sendEvalRequest(conn, msgId + 1, 0, shouldPauseOnThrowEvalMsg);
+  expectEvalResponse(conn, msgId + 1, responseTrue);
+
+  // [3] set throw to 'None', check shouldPauseOnThrow is false
+  m::debugger::SetPauseOnExceptionsRequest noExceptionsReq;
+  noExceptionsReq.id = msgId++;
+  noExceptionsReq.state = "none";
+  conn.send(noExceptionsReq.toJson());
+  expectResponse<m::OkResponse>(conn, noExceptionsReq.id);
+
+  sendEvalRequest(conn, msgId + 1, 0, shouldPauseOnThrowEvalMsg);
+  expectEvalResponse(conn, msgId + 1, responseFalse);
+
+  // [4] set throw to 'Uncaught', check shouldPauseOnThrow is true
+  m::debugger::SetPauseOnExceptionsRequest uncaughtExceptionsReq;
+  uncaughtExceptionsReq.id = msgId++;
+  uncaughtExceptionsReq.state = "uncaught";
+  conn.send(uncaughtExceptionsReq.toJson());
+  expectResponse<m::OkResponse>(conn, uncaughtExceptionsReq.id);
+
+  sendEvalRequest(conn, msgId + 1, 0, shouldPauseOnThrowEvalMsg);
+  expectEvalResponse(conn, msgId + 1, responseTrue);
+
+  // Resume
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+}
+
+TEST(ConnectionTests, testScopeVariables) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    var globalString = "global-string";
+    var globalObject = {number: 1, bool: false};
+
+    function func() {
+      var localString = "local-string";
+      var localObject = {number: 2, bool: true};
+      debugger; // [1] (line 7) hit debugger statement
+                // two local vars - localString and localObject
+                // two global vars - globalString and globalObject
+    }
+
+    func(); // line 12
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // [1] (line 7) hit debugger statement
+  auto pausedNote =
+      expectPaused(conn, "other", {{"func", 7, 2}, {"global", 12, 1}});
+  auto scopeChain = pausedNote.callFrames.at(0).scopeChain;
+  EXPECT_EQ(scopeChain.size(), 2);
+
+  // [2] inspect local scope
+  EXPECT_EQ(scopeChain.at(0).name, "Scope 0");
+  EXPECT_EQ(scopeChain.at(0).type, "local");
+  auto localScopeObject = scopeChain.at(0).object;
+  auto localScopeObjectChildren = expectProps(
+      conn,
+      msgId++,
+      localScopeObject.objectId.value(),
+      {{"localString", PropInfo("string").setValue("local-string")},
+       {"localObject", PropInfo("object")}});
+  auto localObjectId = localScopeObjectChildren.at("localObject");
+  expectProps(
+      conn,
+      msgId++,
+      localObjectId,
+      {{"number", PropInfo("number").setValue(2)},
+       {"bool", PropInfo("boolean").setValue(true)},
+       {"__proto__", PropInfo("object")}});
+
+  // [3] inspect global scope
+  // Global scope can contain more properties than we have defined
+  // in our test code and we can't use expectProps() method here.
+  // As a workaround we create a Map of properties and check that
+  // those global properties that we have defined are in the map.
+  EXPECT_EQ(scopeChain.at(1).name, "Global Scope");
+  EXPECT_EQ(scopeChain.at(1).type, "global");
+  auto globalScopeObject = scopeChain.at(1).object;
+  m::runtime::GetPropertiesRequest req;
+  req.id = msgId++;
+  req.objectId = globalScopeObject.objectId.value();
+  conn.send(req.toJson());
+  auto resp = expectResponse<m::runtime::GetPropertiesResponse>(conn, req.id);
+  std::unordered_map<std::string, folly::Optional<m::runtime::RemoteObject>>
+      globalProperties;
+  for (auto propertyDescriptor : resp.result) {
+    globalProperties[propertyDescriptor.name] = propertyDescriptor.value;
+  }
+  EXPECT_GE(globalProperties.size(), 3);
+
+  // globalString should be of type "string" and have value "global-string".
+  EXPECT_EQ(globalProperties.count("globalString"), 1);
+  EXPECT_TRUE(globalProperties["globalString"].hasValue());
+  EXPECT_EQ(globalProperties["globalString"].value().type, "string");
+  EXPECT_EQ(
+      globalProperties["globalString"].value().value.value(), "global-string");
+
+  // func should be of type "function".
+  EXPECT_EQ(globalProperties.count("func"), 1);
+  EXPECT_TRUE(globalProperties["func"].hasValue());
+  EXPECT_EQ(globalProperties["func"].value().type, "function");
+
+  // globalObject should be of type "object" with "number" and "bool"
+  // properties.
+  EXPECT_EQ(globalProperties.count("globalObject"), 1);
+  EXPECT_TRUE(globalProperties["globalObject"].hasValue());
+  EXPECT_EQ(globalProperties["globalObject"].value().type, "object");
+  expectProps(
+      conn,
+      msgId++,
+      globalProperties["globalObject"].value().objectId.value(),
+      {{"number", PropInfo("number").setValue(1)},
+       {"bool", PropInfo("boolean").setValue(false)},
+       {"__proto__", PropInfo("object")}});
+
+  // [4] resume
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+}
+
+TEST(ConnectionTests, testConsoleLog) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    var object1 = {number1: 1, bool1: false};
+    var object2 = {number2: 2, bool2: true};
+    console.warn('string value', object1, object2);
+
+    debugger; // Hit debugger statement so that we receive console
+              // api notification before VM gets destroyed.
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // Two notifications (hitting debugger and console API call) can appear
+  // in any order. We wait for two notifications here and later check
+  // that both of them were hit.
+  bool receivedConsoleNotification = false;
+  bool receivedPausedNotification = false;
+  for (size_t i = 0; i < 2; ++i) {
+    conn.waitForNotification([&receivedConsoleNotification,
+                              &receivedPausedNotification,
+                              &conn,
+                              &msgId](const std::string &str) {
+      auto parsedNote = folly::parseJson(str);
+      auto method = parsedNote.at("method").asString();
+      if (method == "Runtime.consoleAPICalled") {
+        receivedConsoleNotification = true;
+        auto note = m::runtime::ConsoleAPICalledNotification(parsedNote);
+        EXPECT_EQ(note.type, "warning");
+        EXPECT_EQ(note.args.size(), 3);
+
+        EXPECT_EQ(note.args[0].type, "string");
+        EXPECT_EQ(note.args[0].value, "string value");
+
+        EXPECT_EQ(note.args[1].type, "object");
+        expectProps(
+            conn,
+            msgId++,
+            note.args[1].objectId.value(),
+            {{"number1", PropInfo("number").setValue(1)},
+             {"bool1", PropInfo("boolean").setValue(false)},
+             {"__proto__", PropInfo("object")}});
+
+        EXPECT_EQ(note.args[2].type, "object");
+        expectProps(
+            conn,
+            msgId++,
+            note.args[2].objectId.value(),
+            {{"number2", PropInfo("number").setValue(2)},
+             {"bool2", PropInfo("boolean").setValue(true)},
+             {"__proto__", PropInfo("object")}});
+      } else if (method == "Debugger.paused") {
+        receivedPausedNotification = true;
+        auto note = m::debugger::PausedNotification(parsedNote);
+        EXPECT_EQ(note.reason, "other");
+        EXPECT_EQ(note.callFrames.size(), 1);
+        EXPECT_EQ(note.callFrames[0].functionName, "global");
+        EXPECT_EQ(note.callFrames[0].location.lineNumber, 5);
+      } else {
+        throw UnexpectedNotificationException();
+      }
+    });
+  }
+
+  EXPECT_TRUE(receivedConsoleNotification);
+  EXPECT_TRUE(receivedPausedNotification);
+
+  // Resume and expect no further notifications
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+  expectNothing(conn);
+}
+
+TEST(ConnectionTests, testThisObject) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(R"(
+    var globalString = "global-string";
+
+    var object = {
+      someVar: "object var",
+      foo: function() {
+        var localString = "local-string";
+        debugger; // [1] (line 7) hit debugger statement.
+      }
+    }
+
+    object.foo(); // (line 11)
+  )");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // [1] (line 1) hit debugger statement
+  auto pausedNote =
+      expectPaused(conn, "other", {{"foo", 7, 2}, {"global", 11, 1}});
+
+  // [2] inspect first call frame (foo)
+  auto localThisObj = pausedNote.callFrames.at(0).thisObj;
+  expectProps(
+      conn,
+      msgId++,
+      localThisObj.objectId.value(),
+      {{"someVar", PropInfo("string").setValue("object var")},
+       {"foo", PropInfo("function")},
+       {"__proto__", PropInfo("object")}});
+
+  // [3] inspect second call frame (global)
+  // Global scope can contain more properties than we have defined
+  // in our test code and we can't use expectProps() method here.
+  // As a workaround we create a Map of properties and check that
+  // those global properties that we have defined are in the map.
+  auto globalThisObj = pausedNote.callFrames.at(1).thisObj;
+  m::runtime::GetPropertiesRequest req;
+  req.id = msgId++;
+  req.objectId = globalThisObj.objectId.value();
+  conn.send(req.toJson());
+  auto resp = expectResponse<m::runtime::GetPropertiesResponse>(conn, req.id);
+  std::unordered_map<std::string, folly::Optional<m::runtime::RemoteObject>>
+      properties;
+  for (auto propertyDescriptor : resp.result) {
+    properties[propertyDescriptor.name] = propertyDescriptor.value;
+  }
+
+  // globalString should be of type "string" and have value "global-string".
+  EXPECT_EQ(properties.count("globalString"), 1);
+  EXPECT_TRUE(properties["globalString"].hasValue());
+  EXPECT_EQ(properties["globalString"].value().type, "string");
+  EXPECT_EQ(properties["globalString"].value().value.value(), "global-string");
+
+  // [4] resume
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+}
+
+TEST(ConnectionTests, testSetBreakpointsMultipleScripts) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  std::string url1 = "first-url";
+  asyncRuntime.executeScriptAsync(
+      R"(
+    function foo1() {
+      var somevar1 = 111; // (line 2) hit breakpoint
+      var somevar2 = 222;
+    }
+  )",
+      url1);
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  auto scriptParsed1 =
+      expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  std::string url2 = "second-url";
+  asyncRuntime.executeScriptAsync(
+      R"(
+    function foo2() {
+      var somevar3 = 333;
+      var somevar4 = 444; // (line 3) hit breakpoint
+    }
+  )",
+      url2);
+  auto scriptParsed2 =
+      expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // In the third script we will set breakpoint (on debugger statement)
+  // and call both functions (script url doesn't matter).
+  asyncRuntime.executeScriptAsync(R"(
+    debugger; // [1] (line 1) set breakpoints in both files
+    foo1();
+    foo2();
+  )");
+  auto scriptParsed3 =
+      expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // [1] hit debugger statement
+  expectPaused(conn, "other", {{"global", 1, 1}});
+
+  // Set breakpoint on line 2 in the first script and line 3 in the second
+  // script.
+  m::debugger::SetBreakpointByUrlRequest req1;
+  req1.id = msgId++;
+  req1.lineNumber = 2;
+  req1.url = url1;
+  conn.send(req1.toJson());
+
+  expectBreakpointResponse(conn, req1.id, 2, 2);
+
+  m::debugger::SetBreakpointByUrlRequest req2;
+  req2.id = msgId++;
+  req2.lineNumber = 3;
+  req2.url = url2;
+  conn.send(req2.toJson());
+
+  expectBreakpointResponse(conn, req2.id, 3, 3);
+
+  // Resume and check that we hit correct breakpoints.
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // First we should stop on line 2 of the first script.
+  expectPaused(
+      conn,
+      "other",
+      {FrameInfo("foo1", 2, 2).setScriptId(scriptParsed1.scriptId),
+       FrameInfo("global", 2, 1).setScriptId(scriptParsed3.scriptId)});
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // Next we should stop on line 3 of the second script.
+  expectPaused(
+      conn,
+      "other",
+      {FrameInfo("foo2", 3, 2).setScriptId(scriptParsed2.scriptId),
+       FrameInfo("global", 3, 1).setScriptId(scriptParsed3.scriptId)});
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+}
+
+TEST(ConnectionTests, testSetBreakpointByUrlRegex) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  std::string url1 = "https://www.example.com/123456";
+  asyncRuntime.executeScriptAsync(
+      R"(
+    function foo1() {
+      var somevar1 = 111; // (line 2) hit breakpoint
+    }
+  )",
+      url1);
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  auto scriptParsed1 =
+      expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  std::string url2 = "https://www.example.com/abcdefg";
+  asyncRuntime.executeScriptAsync(
+      R"(
+    function foo2() {
+      var aaa = 'bbb';
+      var somevar2 = 222; // (line 3) hit breakpoint
+    }
+  )",
+      url2);
+  auto scriptParsed2 =
+      expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // In the third script we will set breakpoint (on debugger statement)
+  // and call both functions (script url doesn't matter).
+  asyncRuntime.executeScriptAsync(R"(
+    debugger; // [1] (line 1) set breakpoints in both files
+    foo1();
+    foo2();
+  )");
+  auto scriptParsed3 =
+      expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // [1] hit debugger statement
+  expectPaused(conn, "other", {{"global", 1, 1}});
+
+  // Set breakpoint on line 2 of URL matching "www\.example\.com\/[\d]+"
+  // (should match url1).
+  m::debugger::SetBreakpointByUrlRequest req1;
+  req1.id = msgId++;
+  req1.lineNumber = 2;
+  req1.urlRegex = R"(https://www\.example\.com\/[\d]+)";
+  conn.send(req1.toJson());
+
+  expectBreakpointResponse(conn, req1.id, 2, 2);
+
+  // Set breakpoint on line 3 of URL matching "www\.example\.com\/[a-zA-z]+"
+  // (should match url2).
+  m::debugger::SetBreakpointByUrlRequest req2;
+  req2.id = msgId++;
+  req2.lineNumber = 3;
+  req2.urlRegex = R"(https://www\.example\.com\/[a-zA-z]+)";
+  conn.send(req2.toJson());
+
+  expectBreakpointResponse(conn, req2.id, 3, 3);
+
+  // Resume and check that we hit correct breakpoints.
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // First we should stop on line 2 of the first script.
+  expectPaused(
+      conn,
+      "other",
+      {FrameInfo("foo1", 2, 2).setScriptId(scriptParsed1.scriptId),
+       FrameInfo("global", 2, 1).setScriptId(scriptParsed3.scriptId)});
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+
+  // Next we should stop on line 3 of the second script.
+  expectPaused(
+      conn,
+      "other",
+      {FrameInfo("foo2", 3, 2).setScriptId(scriptParsed2.scriptId),
+       FrameInfo("global", 3, 1).setScriptId(scriptParsed3.scriptId)});
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+}
+
+TEST(ConnectionTests, testColumnBreakpoint) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync(
+      R"(
+function foo(){x=1}debugger;foo();
+)",
+      "url");
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // Hit debugger statement.
+  expectPaused(conn, "other", {{"global", 1, 1}});
+
+  // Set breakpoint on position 1:16 (x=1).
+  m::debugger::SetBreakpointByUrlRequest req;
+  req.id = msgId++;
+  req.lineNumber = 1;
+  req.columnNumber = 16;
+  req.url = "url";
+  conn.send(req.toJson());
+
+  expectBreakpointResponse(conn, req.id, 1, 1);
+
+  // Resume and except to pause on a breakpoint.
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+  expectPaused(
+      conn,
+      "other",
+      {FrameInfo("foo", 1, 2).setColumnNumber(16), FrameInfo("global", 1, 1)});
+
+  // Resume execution
+  send<m::debugger::ResumeRequest>(conn, msgId++);
+  expectNotification<m::debugger::ResumedNotification>(conn);
+}
+
+} // namespace chrome
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/tests/MessageTests.cpp b/ReactCommon/hermes/inspector/chrome/tests/MessageTests.cpp
new file mode 100644
index 00000000000000..cf2d9278703ccb
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/tests/MessageTests.cpp
@@ -0,0 +1,439 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#include <hermes/inspector/chrome/MessageTypes.h>
+
+#include <iostream>
+
+#include <folly/dynamic.h>
+#include <folly/json.h>
+#include <gtest/gtest.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace chrome {
+namespace message {
+
+using folly::dynamic;
+
+TEST(MessageTests, testSerializeSomeFieldsInRequest) {
+  debugger::SetBreakpointByUrlRequest req;
+  // req.id should default to 0
+  req.lineNumber = 2;
+  req.url = "http://example.com/example.js";
+
+  dynamic result = req.toDynamic();
+  dynamic expected = folly::parseJson(R"({
+    "id": 0,
+    "method": "Debugger.setBreakpointByUrl",
+    "params": {
+      "lineNumber": 2,
+      "url": "http://example.com/example.js"
+    }
+  })");
+  EXPECT_EQ(result, expected);
+}
+
+TEST(MessageTests, testDeserializeSomeFieldsInRequest) {
+  dynamic message = folly::parseJson(R"(
+    {
+      "id": 10,
+      "method": "Debugger.setBreakpointByUrl",
+      "params": {
+        "lineNumber": 42,
+        "url": "http://example.com"
+      }
+    }
+  )");
+  debugger::SetBreakpointByUrlRequest req(message);
+
+  EXPECT_EQ(req.id, 10);
+  EXPECT_EQ(req.method, "Debugger.setBreakpointByUrl");
+  EXPECT_EQ(req.lineNumber, 42);
+  EXPECT_FALSE(req.columnNumber.hasValue());
+  EXPECT_FALSE(req.condition.hasValue());
+  EXPECT_EQ(req.url, "http://example.com");
+  EXPECT_FALSE(req.urlRegex.hasValue());
+}
+
+TEST(MessageTests, testSerializeAllFieldsInRequest) {
+  debugger::SetBreakpointByUrlRequest req;
+  req.id = 1;
+  req.lineNumber = 2;
+  req.columnNumber = 3;
+  req.condition = "foo == 42";
+  req.url = "http://example.com/example.js";
+  req.urlRegex = "http://example.com/.*";
+
+  dynamic result = req.toDynamic();
+  dynamic expected = folly::parseJson(R"({
+    "id": 1,
+    "method": "Debugger.setBreakpointByUrl",
+    "params": {
+      "lineNumber": 2,
+      "columnNumber": 3,
+      "condition": "foo == 42",
+      "url": "http://example.com/example.js",
+      "urlRegex": "http://example.com/.*"
+    }
+  })");
+  EXPECT_EQ(result, expected);
+}
+
+TEST(MessageTests, testDeserializeAllFieldsInRequest) {
+  dynamic message = folly::parseJson(R"({
+    "id": 1,
+    "method": "Debugger.setBreakpointByUrl",
+    "params": {
+      "lineNumber": 2,
+      "columnNumber": 3,
+      "condition": "foo == 42",
+      "url": "http://example.com/example.js",
+      "urlRegex": "http://example.com/.*"
+    }
+  })");
+  debugger::SetBreakpointByUrlRequest req(message);
+
+  EXPECT_EQ(req.id, 1);
+  EXPECT_EQ(req.method, "Debugger.setBreakpointByUrl");
+  EXPECT_EQ(req.lineNumber, 2);
+  EXPECT_EQ(req.columnNumber, 3);
+  EXPECT_EQ(req.condition, "foo == 42");
+  EXPECT_EQ(req.url, "http://example.com/example.js");
+  EXPECT_EQ(req.urlRegex, "http://example.com/.*");
+}
+
+TEST(MessageTests, testSerializeResponse) {
+  debugger::Location location;
+  location.scriptId = "myScriptId";
+  location.lineNumber = 2;
+  location.columnNumber = 3;
+
+  debugger::SetBreakpointByUrlResponse resp;
+  resp.id = 1;
+  resp.breakpointId = "myBreakpointId";
+  resp.locations = {location};
+
+  dynamic result = resp.toDynamic();
+  dynamic expected = folly::parseJson(R"({
+    "id": 1,
+    "result": {
+      "breakpointId": "myBreakpointId",
+      "locations": [
+        {
+          "lineNumber": 2,
+          "columnNumber": 3,
+          "scriptId": "myScriptId"
+        }
+      ]
+    }
+  })");
+  EXPECT_EQ(result, expected);
+}
+
+TEST(MessageTests, testDeserializeResponse) {
+  dynamic message = folly::parseJson(R"({
+    "id": 1,
+    "result": {
+      "breakpointId": "myBreakpointId",
+      "locations": [
+        {
+          "lineNumber": 2,
+          "columnNumber": 3,
+          "scriptId": "myScriptId"
+        }
+      ]
+    }
+  })");
+  debugger::SetBreakpointByUrlResponse resp(message);
+
+  EXPECT_EQ(resp.id, 1);
+  EXPECT_EQ(resp.breakpointId, "myBreakpointId");
+  EXPECT_EQ(resp.locations.size(), 1);
+  EXPECT_EQ(resp.locations[0].lineNumber, 2);
+  EXPECT_EQ(resp.locations[0].columnNumber, 3);
+  EXPECT_EQ(resp.locations[0].scriptId, "myScriptId");
+}
+
+TEST(MessageTests, testSerializeNotification) {
+  debugger::Location startLocation;
+  startLocation.lineNumber = 1;
+  startLocation.scriptId = "script1";
+
+  debugger::Location endLocation;
+  endLocation.lineNumber = 2;
+  endLocation.scriptId = "script2";
+
+  debugger::Scope scope;
+  scope.type = "closure";
+  scope.object.type = "object";
+  scope.object.subtype = "regexp";
+  scope.object.className = "RegExp";
+  scope.object.value = dynamic::object("foo", "bar");
+  scope.object.unserializableValue = "nope";
+  scope.object.description = "myDesc";
+  scope.object.objectId = "id1";
+  scope.name = "myScope";
+  scope.startLocation = startLocation;
+  scope.endLocation = endLocation;
+
+  debugger::CallFrame frame;
+  frame.callFrameId = "callFrame1";
+  frame.functionName = "foo1";
+  frame.location.scriptId = "script1";
+  frame.location.lineNumber = 3;
+  frame.location.columnNumber = 4;
+  frame.url = "foo.js";
+  frame.scopeChain = std::vector<debugger::Scope>{scope};
+  frame.thisObj.type = "function";
+
+  debugger::PausedNotification note;
+  note.callFrames = std::vector<debugger::CallFrame>{frame};
+  note.reason = "debugCommand";
+  note.data = dynamic::object("foo", "bar");
+  note.hitBreakpoints = std::vector<std::string>{"a", "b"};
+
+  dynamic result = note.toDynamic();
+  dynamic expected = folly::parseJson(R"({
+    "method": "Debugger.paused",
+    "params": {
+      "callFrames": [
+        {
+          "callFrameId": "callFrame1",
+          "functionName": "foo1",
+          "location": {
+            "scriptId": "script1",
+            "lineNumber": 3,
+            "columnNumber": 4
+          },
+          "url": "foo.js",
+          "scopeChain": [
+            {
+              "type": "closure",
+              "object": {
+                "type": "object",
+                "subtype": "regexp",
+                "className": "RegExp",
+                "value": { "foo": "bar" },
+                "unserializableValue": "nope",
+                "description": "myDesc",
+                "objectId": "id1"
+              },
+              "name": "myScope",
+              "startLocation": {
+                "lineNumber": 1,
+                "scriptId": "script1"
+              },
+              "endLocation": {
+                "lineNumber": 2,
+                "scriptId": "script2"
+              }
+            }
+          ],
+          "this": { "type": "function" }
+        }
+      ],
+      "reason": "debugCommand",
+      "data": {
+        "foo": "bar"
+      },
+      "hitBreakpoints": [ "a", "b" ]
+    }
+  })");
+  EXPECT_EQ(result, expected);
+}
+
+TEST(MessageTests, testDeserializeNotification) {
+  dynamic message = folly::parseJson(R"({
+    "method": "Debugger.paused",
+    "params": {
+      "callFrames": [
+        {
+          "callFrameId": "callFrame1",
+          "functionName": "foo1",
+          "location": {
+            "scriptId": "script1",
+            "lineNumber": 3,
+            "columnNumber": 4
+          },
+          "url": "foo.js",
+          "scopeChain": [
+            {
+              "type": "closure",
+              "object": {
+                "type": "object",
+                "subtype": "regexp",
+                "className": "RegExp",
+                "value": { "foo": "bar" },
+                "unserializableValue": "nope",
+                "description": "myDesc",
+                "objectId": "id1"
+              },
+              "name": "myScope",
+              "startLocation": {
+                "lineNumber": 1,
+                "scriptId": "script1"
+              },
+              "endLocation": {
+                "lineNumber": 2,
+                "scriptId": "script2"
+              }
+            }
+          ],
+          "this": { "type": "function" }
+        }
+      ],
+      "reason": "debugCommand",
+      "data": {
+        "foo": "bar"
+      },
+      "hitBreakpoints": [ "a", "b" ]
+    }
+  })");
+  debugger::PausedNotification note(message);
+
+  EXPECT_EQ(note.method, "Debugger.paused");
+  EXPECT_EQ(note.callFrames.size(), 1);
+  EXPECT_EQ(note.reason, "debugCommand");
+  EXPECT_EQ(note.data, static_cast<dynamic>(dynamic::object("foo", "bar")));
+  auto expectedHitBreakpoints = std::vector<std::string>{"a", "b"};
+  EXPECT_EQ(note.hitBreakpoints, expectedHitBreakpoints);
+
+  debugger::CallFrame &callFrame = note.callFrames[0];
+  EXPECT_EQ(callFrame.callFrameId, "callFrame1");
+  EXPECT_EQ(callFrame.functionName, "foo1");
+  EXPECT_EQ(callFrame.location.scriptId, "script1");
+  EXPECT_EQ(callFrame.location.lineNumber, 3);
+  EXPECT_EQ(callFrame.location.columnNumber, 4);
+  EXPECT_EQ(callFrame.url, "foo.js");
+  EXPECT_EQ(callFrame.scopeChain.size(), 1);
+  EXPECT_EQ(callFrame.thisObj.type, "function");
+
+  debugger::Scope &scope = callFrame.scopeChain[0];
+  EXPECT_EQ(scope.type, "closure");
+  EXPECT_EQ(scope.object.type, "object");
+  EXPECT_EQ(scope.object.subtype, "regexp");
+  EXPECT_EQ(scope.object.className, "RegExp");
+  EXPECT_EQ(
+      scope.object.value, static_cast<dynamic>(dynamic::object("foo", "bar")));
+  EXPECT_EQ(scope.object.unserializableValue, "nope");
+  EXPECT_EQ(scope.object.description, "myDesc");
+  EXPECT_EQ(scope.object.objectId, "id1");
+  EXPECT_EQ(scope.name, "myScope");
+
+  debugger::Location &startLocation = scope.startLocation.value();
+  EXPECT_EQ(startLocation.lineNumber, 1);
+  EXPECT_FALSE(startLocation.columnNumber.hasValue());
+  EXPECT_EQ(startLocation.scriptId, "script1");
+
+  debugger::Location &endLocation = scope.endLocation.value();
+  EXPECT_EQ(endLocation.lineNumber, 2);
+  EXPECT_FALSE(endLocation.columnNumber.hasValue());
+  EXPECT_EQ(endLocation.scriptId, "script2");
+}
+
+TEST(MessageTests, TestSerializeAsyncStackTrace) {
+  runtime::StackTrace stack;
+  stack.description = "childStack";
+  stack.parent = std::make_unique<runtime::StackTrace>();
+  stack.parent->description = "parentStack";
+
+  dynamic result = stack.toDynamic();
+  dynamic expected = folly::parseJson(R"({
+    "description": "childStack",
+    "callFrames": [],
+    "parent": {
+      "description": "parentStack",
+      "callFrames": []
+    }
+  })");
+  EXPECT_EQ(result, expected);
+}
+
+TEST(MessageTests, TestDeserializeAsyncStackTrace) {
+  dynamic message = folly::parseJson(R"({
+    "description": "childStack",
+    "callFrames": [],
+    "parent": {
+      "description": "parentStack",
+      "callFrames": []
+    }
+  })");
+  runtime::StackTrace stack(message);
+
+  EXPECT_EQ(stack.description, "childStack");
+  EXPECT_EQ(stack.callFrames.size(), 0);
+  EXPECT_EQ(stack.parent->description, "parentStack");
+  EXPECT_EQ(stack.parent->callFrames.size(), 0);
+}
+
+TEST(MessageTests, TestRequestFromJson) {
+  std::unique_ptr<Request> baseReq1 = Request::fromJsonThrowOnError(R"({
+    "id": 1,
+    "method": "Debugger.enable"
+  })");
+  auto req1 = static_cast<debugger::EnableRequest *>(baseReq1.get());
+  EXPECT_EQ(req1->id, 1);
+  EXPECT_EQ(req1->method, "Debugger.enable");
+
+  std::unique_ptr<Request> baseReq2 = Request::fromJsonThrowOnError(R"({
+    "id": 2,
+    "method": "Debugger.removeBreakpoint",
+    "params": {
+      "breakpointId": "foobar"
+    }
+  })");
+  auto req2 = static_cast<debugger::RemoveBreakpointRequest *>(baseReq2.get());
+  EXPECT_EQ(req2->id, 2);
+  EXPECT_EQ(req2->method, "Debugger.removeBreakpoint");
+  EXPECT_EQ(req2->breakpointId, "foobar");
+
+  folly::Try<std::unique_ptr<Request>> invalidReq =
+      Request::fromJson("invalid");
+  EXPECT_TRUE(invalidReq.hasException());
+}
+
+struct MyHandler : public NoopRequestHandler {
+  void handle(const debugger::EnableRequest &req) override {
+    enableReq = req;
+  }
+
+  void handle(const debugger::RemoveBreakpointRequest &req) override {
+    removeReq = req;
+  }
+
+  debugger::EnableRequest enableReq;
+  debugger::RemoveBreakpointRequest removeReq;
+};
+
+TEST(MessageTests, TestRequestHandler) {
+  MyHandler handler;
+
+  std::unique_ptr<Request> enableReq = Request::fromJsonThrowOnError(R"({
+    "id": 1,
+    "method": "Debugger.enable"
+  })");
+  enableReq->accept(handler);
+
+  EXPECT_EQ(handler.enableReq.id, 1);
+  EXPECT_EQ(handler.enableReq.method, "Debugger.enable");
+
+  std::unique_ptr<Request> removeReq = Request::fromJsonThrowOnError(R"({
+    "id": 2,
+    "method": "Debugger.removeBreakpoint",
+    "params": {
+      "breakpointId": "foobar"
+    }
+  })");
+  removeReq->accept(handler);
+
+  EXPECT_EQ(handler.removeReq.id, 2);
+  EXPECT_EQ(handler.removeReq.method, "Debugger.removeBreakpoint");
+  EXPECT_EQ(handler.removeReq.breakpointId, "foobar");
+}
+
+} // namespace message
+} // namespace chrome
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/tests/RemoteObjectsTableTest.cpp b/ReactCommon/hermes/inspector/chrome/tests/RemoteObjectsTableTest.cpp
new file mode 100644
index 00000000000000..6ce59547f2f74f
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/tests/RemoteObjectsTableTest.cpp
@@ -0,0 +1,106 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#include <hermes/inspector/chrome/RemoteObjectsTable.h>
+
+#include <gtest/gtest.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace chrome {
+
+namespace {
+
+struct TestContext {
+  TestContext() {
+    scope1 = table.addScope(std::make_pair(1, 1), BacktraceObjectGroup);
+    scope2 = table.addScope(std::make_pair(2, 1), ConsoleObjectGroup);
+    scope3 = table.addScope(std::make_pair(3, 1), "");
+    value1 = table.addValue(jsi::Value(1.5), BacktraceObjectGroup);
+    value2 = table.addValue(jsi::Value(2.5), BacktraceObjectGroup);
+    value3 = table.addValue(jsi::Value(3.5), "");
+  }
+
+  RemoteObjectsTable table;
+  std::string scope1;
+  std::string scope2;
+  std::string scope3;
+  std::string value1;
+  std::string value2;
+  std::string value3;
+};
+
+} // namespace
+
+TEST(RemoteObjectsTableTest, TestGetScope) {
+  TestContext ctx;
+
+  EXPECT_EQ(ctx.table.getScope(ctx.scope1)->first, 1);
+  EXPECT_EQ(ctx.table.getScope(ctx.scope2)->first, 2);
+  EXPECT_EQ(ctx.table.getScope(ctx.scope3)->first, 3);
+  EXPECT_TRUE(ctx.table.getScope(ctx.value1) == nullptr);
+  EXPECT_TRUE(ctx.table.getScope(ctx.value2) == nullptr);
+  EXPECT_TRUE(ctx.table.getScope(ctx.value3) == nullptr);
+}
+
+TEST(RemoteObjectsTableTest, TestGetValue) {
+  TestContext ctx;
+
+  EXPECT_TRUE(ctx.table.getValue(ctx.scope1) == nullptr);
+  EXPECT_TRUE(ctx.table.getValue(ctx.scope2) == nullptr);
+  EXPECT_TRUE(ctx.table.getValue(ctx.scope3) == nullptr);
+  EXPECT_EQ(ctx.table.getValue(ctx.value1)->asNumber(), 1.5);
+  EXPECT_EQ(ctx.table.getValue(ctx.value2)->asNumber(), 2.5);
+  EXPECT_EQ(ctx.table.getValue(ctx.value3)->asNumber(), 3.5);
+}
+
+TEST(RemoteObjectsTableTest, TestGetObjectGroup) {
+  TestContext ctx;
+
+  EXPECT_EQ(ctx.table.getObjectGroup(ctx.scope1), BacktraceObjectGroup);
+  EXPECT_EQ(ctx.table.getObjectGroup(ctx.scope2), ConsoleObjectGroup);
+  EXPECT_EQ(ctx.table.getObjectGroup(ctx.scope3), "");
+  EXPECT_EQ(ctx.table.getObjectGroup(ctx.value1), BacktraceObjectGroup);
+  EXPECT_EQ(ctx.table.getObjectGroup(ctx.value2), BacktraceObjectGroup);
+  EXPECT_EQ(ctx.table.getObjectGroup(ctx.value3), "");
+}
+
+TEST(RemoteObjectsTableTest, TestReleaseObject) {
+  TestContext ctx;
+
+  ctx.table.releaseObject(ctx.scope1);
+  ctx.table.releaseObject(ctx.value3);
+  std::string scope4 = ctx.table.addScope(std::make_pair(4, 1), "");
+  std::string value4 = ctx.table.addValue(jsi::Value(4.5), "");
+
+  EXPECT_EQ(ctx.table.getScope(ctx.scope1), nullptr);
+  EXPECT_EQ(ctx.table.getScope(ctx.scope2)->first, 2);
+  EXPECT_EQ(ctx.table.getScope(ctx.scope3)->first, 3);
+  EXPECT_EQ(ctx.table.getScope(scope4)->first, 4);
+  EXPECT_EQ(ctx.table.getValue(ctx.value1)->asNumber(), 1.5);
+  EXPECT_EQ(ctx.table.getValue(ctx.value2)->asNumber(), 2.5);
+  EXPECT_EQ(ctx.table.getValue(ctx.value3), nullptr);
+  EXPECT_EQ(ctx.table.getValue(value4)->asNumber(), 4.5);
+}
+
+TEST(RemoteObjectsTableTest, TestReleaseObjectGroup) {
+  TestContext ctx;
+
+  ctx.table.releaseObjectGroup(BacktraceObjectGroup);
+  std::string scope4 = ctx.table.addScope(std::make_pair(4, 1), "");
+  std::string value4 = ctx.table.addValue(jsi::Value(4.5), "");
+
+  EXPECT_EQ(ctx.table.getScope(ctx.scope1), nullptr);
+  EXPECT_EQ(ctx.table.getScope(ctx.scope2)->first, 2);
+  EXPECT_EQ(ctx.table.getScope(ctx.scope3)->first, 3);
+  EXPECT_EQ(ctx.table.getScope(scope4)->first, 4);
+  EXPECT_EQ(ctx.table.getValue(ctx.value1), nullptr);
+  EXPECT_EQ(ctx.table.getValue(ctx.value2), nullptr);
+  EXPECT_EQ(ctx.table.getValue(ctx.value3)->asNumber(), 3.5);
+  EXPECT_EQ(ctx.table.getValue(value4)->asNumber(), 4.5);
+}
+
+} // namespace chrome
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/tests/SyncConnection.cpp b/ReactCommon/hermes/inspector/chrome/tests/SyncConnection.cpp
new file mode 100644
index 00000000000000..3fd78a93eb06ea
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/tests/SyncConnection.cpp
@@ -0,0 +1,123 @@
+#include "SyncConnection.h"
+
+#include <functional>
+#include <stdexcept>
+
+#include <folly/json.h>
+#include <glog/logging.h>
+#include <hermes/inspector/RuntimeAdapter.h>
+#include <jsinspector/InspectorInterfaces.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace chrome {
+
+using namespace std::placeholders;
+using ::facebook::react::IRemoteConnection;
+
+namespace {
+
+std::string prettify(const std::string &str) {
+  try {
+    folly::dynamic obj = folly::parseJson(str);
+    return folly::toPrettyJson(obj);
+  } catch (...) {
+    // pass
+  }
+
+  return str;
+}
+
+} // namespace
+
+class SyncConnection::RemoteConnnection : public IRemoteConnection {
+ public:
+  RemoteConnnection(SyncConnection &conn) : conn_(conn) {}
+
+  void onMessage(std::string message) override {
+    conn_.onReply(message);
+  }
+
+  void onDisconnect() override {}
+
+ private:
+  SyncConnection &conn_;
+};
+
+SyncConnection::SyncConnection(std::shared_ptr<HermesRuntime> runtime)
+    : connection_(
+          std::make_unique<SharedRuntimeAdapter>(std::move(runtime)),
+          "testConn") {
+  connection_.connect(std::make_unique<RemoteConnnection>(*this));
+}
+
+void SyncConnection::send(const std::string &str) {
+  LOG(INFO) << "SyncConnection::send sending " << str;
+
+  connection_.sendMessage(str);
+}
+
+void SyncConnection::waitForResponse(
+    folly::Function<void(const std::string &)> handler,
+    std::chrono::milliseconds timeout) {
+  std::string reply;
+
+  {
+    std::unique_lock<std::mutex> lock(mutex_);
+
+    bool success = hasReply_.wait_for(
+        lock, timeout, [this]() -> bool { return !replies_.empty(); });
+
+    if (!success) {
+      throw std::runtime_error("timed out waiting for reply");
+    }
+
+    reply = std::move(replies_.front());
+    replies_.pop();
+  }
+
+  handler(reply);
+}
+
+void SyncConnection::waitForNotification(
+    folly::Function<void(const std::string &)> handler,
+    std::chrono::milliseconds timeout) {
+  std::string notification;
+
+  {
+    std::unique_lock<std::mutex> lock(mutex_);
+
+    bool success = hasNotification_.wait_for(
+        lock, timeout, [this]() -> bool { return !notifications_.empty(); });
+
+    if (!success) {
+      throw std::runtime_error("timed out waiting for notification");
+    }
+
+    notification = std::move(notifications_.front());
+    notifications_.pop();
+  }
+
+  handler(notification);
+}
+
+void SyncConnection::onReply(const std::string &message) {
+  LOG(INFO) << "SyncConnection::onReply got message: " << prettify(message);
+
+  std::lock_guard<std::mutex> lock(mutex_);
+
+  folly::dynamic obj = folly::parseJson(message);
+  if (obj.count("id")) {
+    replies_.push(message);
+    hasReply_.notify_one();
+  } else {
+    notifications_.push(message);
+    hasNotification_.notify_one();
+  }
+}
+
+} // namespace chrome
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/chrome/tests/SyncConnection.h b/ReactCommon/hermes/inspector/chrome/tests/SyncConnection.h
new file mode 100644
index 00000000000000..25589432c519ba
--- /dev/null
+++ b/ReactCommon/hermes/inspector/chrome/tests/SyncConnection.h
@@ -0,0 +1,62 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#pragma once
+
+#include <chrono>
+#include <condition_variable>
+#include <mutex>
+#include <queue>
+
+#include <folly/Function.h>
+#include <folly/Optional.h>
+#include <hermes/hermes.h>
+#include <hermes/inspector/chrome/Connection.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace chrome {
+
+/**
+ * SyncConnection provides a synchronous interface over Connection that is
+ * useful in tests.
+ */
+class SyncConnection {
+ public:
+  SyncConnection(std::shared_ptr<HermesRuntime> runtime);
+  ~SyncConnection() = default;
+
+  /// sends a message to the debugger
+  void send(const std::string &str);
+
+  /// waits for the next response from the debugger. handler is called with the
+  /// response. throws on timeout.
+  void waitForResponse(
+      folly::Function<void(const std::string &)> handler,
+      std::chrono::milliseconds timeout = std::chrono::milliseconds(2500));
+
+  /// waits for the next notification from the debugger. handler is called with
+  /// the notification. throws on timeout.
+  void waitForNotification(
+      folly::Function<void(const std::string &)> handler,
+      std::chrono::milliseconds timeout = std::chrono::milliseconds(2500));
+
+ private:
+  class RemoteConnnection;
+  friend class RemoteConnnection;
+
+  void onReply(const std::string &message);
+
+  Connection connection_;
+
+  std::mutex mutex_;
+  std::condition_variable hasReply_;
+  std::queue<std::string> replies_;
+  std::condition_variable hasNotification_;
+  std::queue<std::string> notifications_;
+};
+
+} // namespace chrome
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/detail/SerialExecutor.cpp b/ReactCommon/hermes/inspector/detail/SerialExecutor.cpp
new file mode 100644
index 00000000000000..77d16f1c122a90
--- /dev/null
+++ b/ReactCommon/hermes/inspector/detail/SerialExecutor.cpp
@@ -0,0 +1,57 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#include "SerialExecutor.h"
+
+#include <pthread.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace detail {
+
+SerialExecutor::SerialExecutor(const std::string &name)
+    : finish_(false), thread_(name, [this]() { runLoop(); }) {}
+
+SerialExecutor::~SerialExecutor() {
+  {
+    std::lock_guard<std::mutex> lock(mutex_);
+    finish_ = true;
+    wakeup_.notify_one();
+  }
+
+  thread_.join();
+}
+
+void SerialExecutor::add(folly::Func func) {
+  std::lock_guard<std::mutex> 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
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/detail/SerialExecutor.h b/ReactCommon/hermes/inspector/detail/SerialExecutor.h
new file mode 100644
index 00000000000000..f094e0409f724d
--- /dev/null
+++ b/ReactCommon/hermes/inspector/detail/SerialExecutor.h
@@ -0,0 +1,52 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#pragma once
+
+#include <condition_variable>
+#include <mutex>
+#include <queue>
+#include <string>
+
+#include <hermes/inspector/detail/Thread.h>
+
+#include <folly/Executor.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+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();
+
+  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
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/detail/Thread.cpp b/ReactCommon/hermes/inspector/detail/Thread.cpp
new file mode 100644
index 00000000000000..ec68bfd39fdb46
--- /dev/null
+++ b/ReactCommon/hermes/inspector/detail/Thread.cpp
@@ -0,0 +1,34 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#ifdef __ANDROID__
+#include "Thread.h"
+
+#include <fb/fbjni/JThread.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+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
+} // namespace hermes
+} // namespace facebook
+
+#endif
diff --git a/ReactCommon/hermes/inspector/detail/Thread.h b/ReactCommon/hermes/inspector/detail/Thread.h
new file mode 100644
index 00000000000000..7f4b6ba252e801
--- /dev/null
+++ b/ReactCommon/hermes/inspector/detail/Thread.h
@@ -0,0 +1,78 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#pragma once
+
+#include <functional>
+#include <memory>
+
+#ifndef __ANDROID__
+#include <pthread.h>
+#include <thread>
+#endif
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+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
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/detail/tests/SerialExecutorTests.cpp b/ReactCommon/hermes/inspector/detail/tests/SerialExecutorTests.cpp
new file mode 100644
index 00000000000000..4967b5bca4ab78
--- /dev/null
+++ b/ReactCommon/hermes/inspector/detail/tests/SerialExecutorTests.cpp
@@ -0,0 +1,36 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#include <hermes/inspector/detail/SerialExecutor.h>
+
+#include <array>
+#include <iostream>
+
+#include <gtest/gtest.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace detail {
+
+TEST(SerialExecutorTests, testProcessesItems) {
+  std::array<int, 1024> values{};
+
+  {
+    SerialExecutor executor("TestExecutor");
+
+    for (int i = 0; i < values.size(); i++) {
+      executor.add([=, &values]() { values[i] = i; });
+    }
+  }
+
+  // By this time the serial executor destructor should have exited and waited
+  // for all work items to complete.
+  for (int i = 0; i < values.size(); i++) {
+    EXPECT_EQ(values[i], i);
+  }
+}
+
+} // namespace detail
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/docs/GenerateInspectorFSM.sh b/ReactCommon/hermes/inspector/docs/GenerateInspectorFSM.sh
new file mode 100755
index 00000000000000..5abeec66586384
--- /dev/null
+++ b/ReactCommon/hermes/inspector/docs/GenerateInspectorFSM.sh
@@ -0,0 +1,3 @@
+#!/bin/sh
+
+dot -Tpdf InspectorFSM.gv -o InspectorFSM.pdf
diff --git a/ReactCommon/hermes/inspector/docs/InspectorFSM.gv b/ReactCommon/hermes/inspector/docs/InspectorFSM.gv
new file mode 100644
index 00000000000000..7b537f8638af60
--- /dev/null
+++ b/ReactCommon/hermes/inspector/docs/InspectorFSM.gv
@@ -0,0 +1,39 @@
+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/ReactCommon/hermes/inspector/docs/InspectorFSM.pdf b/ReactCommon/hermes/inspector/docs/InspectorFSM.pdf
new file mode 100644
index 00000000000000..f2daf5a4fd049a
Binary files /dev/null and b/ReactCommon/hermes/inspector/docs/InspectorFSM.pdf differ
diff --git a/ReactCommon/hermes/inspector/tests/InspectorTests.cpp b/ReactCommon/hermes/inspector/tests/InspectorTests.cpp
new file mode 100644
index 00000000000000..4bebd6450427d1
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tests/InspectorTests.cpp
@@ -0,0 +1,405 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+#include <hermes/inspector/Inspector.h>
+
+#include <atomic>
+#include <chrono>
+#include <functional>
+#include <iostream>
+#include <memory>
+
+#include <folly/futures/Future.h>
+#include <gtest/gtest.h>
+#include <hermes/inspector/RuntimeAdapter.h>
+
+namespace facebook {
+namespace hermes {
+namespace inspector {
+
+namespace debugger = facebook::hermes::debugger;
+using namespace std::chrono_literals;
+using Unit = folly::Unit;
+
+static auto constexpr kDefaultTimeout = 5000ms;
+
+namespace {
+
+int getCurrentLine(const debugger::ProgramState &state) {
+  return state.getStackTrace().callFrameForIndex(0).location.line;
+}
+
+debugger::SourceLocation locationForLine(int line) {
+  debugger::SourceLocation loc;
+  loc.line = line;
+  return loc;
+}
+
+} // namespace
+
+/*
+ * LambdaInspectorObserver is useful for sequencing calls to the debugger based
+ * on the number of onPause() callbacks.
+ */
+
+using OnPauseFunction =
+    std::function<void(Inspector &, const debugger::ProgramState &, int)>;
+
+class LambdaInspectorObserver : public InspectorObserver {
+ public:
+  LambdaInspectorObserver(OnPauseFunction func)
+      : onPauseFunc_(func), pauseCount_(0) {}
+  ~LambdaInspectorObserver() = default;
+
+  void onBreakpointResolved(
+      Inspector &inspector,
+      const debugger::BreakpointInfo &info) override {}
+
+  void onContextCreated(Inspector &inspector) override {}
+
+  void onPause(Inspector &inspector, const debugger::ProgramState &state)
+      override {
+    pauseCount_++;
+    onPauseFunc_(inspector, state, pauseCount_);
+  }
+
+  void onResume(Inspector &inspector) override {}
+
+  void onScriptParsed(Inspector &inspector, const ScriptInfo &info) override {}
+
+  void onMessageAdded(Inspector &inspector, const ConsoleMessageInfo &info)
+      override{};
+
+  int getPauseCount() {
+    return pauseCount_;
+  }
+
+ private:
+  OnPauseFunction onPauseFunc_;
+  int pauseCount_;
+};
+
+/*
+ * Helpers for running JS in a separate thread.
+ */
+
+struct HermesDebugContext {
+  HermesDebugContext(
+      InspectorObserver &observer,
+      folly::Future<Unit> &&finished)
+      : runtime(makeHermesRuntime()),
+        inspector(
+            std::make_shared<SharedRuntimeAdapter>(runtime),
+            observer,
+            false),
+        stopFlag(false),
+        finished(std::move(finished)) {
+    runtime->global().setProperty(
+        *runtime,
+        "shouldStop",
+        jsi::Function::createFromHostFunction(
+            *runtime,
+            jsi::PropNameID::forAscii(*runtime, "shouldStop"),
+            0,
+            [this](
+                jsi::Runtime &,
+                const jsi::Value &,
+                const jsi::Value *args,
+                size_t count) {
+              return stopFlag.load() ? jsi::Value(true) : jsi::Value(false);
+            }));
+  }
+  ~HermesDebugContext() = default;
+
+  void setStopFlag() {
+    stopFlag.store(true);
+  }
+
+  void wait(std::chrono::milliseconds timeout = kDefaultTimeout) {
+    std::move(finished).get(timeout);
+  }
+
+  std::shared_ptr<HermesRuntime> runtime;
+  Inspector inspector;
+  std::atomic<bool> stopFlag{};
+  folly::Future<Unit> finished;
+};
+
+static std::shared_ptr<HermesDebugContext> runScriptAsync(
+    InspectorObserver &observer,
+    const std::string &script) {
+  auto promise = std::make_shared<folly::Promise<Unit>>();
+  auto future = promise->getFuture();
+  auto context =
+      std::make_shared<HermesDebugContext>(observer, std::move(future));
+
+  std::thread t([=]() {
+    HermesRuntime::DebugFlags flags{};
+    context->runtime->debugJavaScript(script, "url", flags);
+    promise->setValue();
+  });
+  t.detach();
+
+  return context;
+}
+
+/*
+ * Tests
+ */
+
+TEST(InspectorTests, testStepOver) {
+  std::string script = R"(
+    var a = 1 + 2;
+    debugger;
+    var b = a / 2;
+    var c = a + b;
+    var d = b - c;
+    var e = c * d;
+    var f = 10;
+  )";
+
+  // TODO: move this vector into lambdaInspectorObserver
+  std::vector<folly::Future<Unit>> futures;
+
+  OnPauseFunction onPauseFunc = [&futures](
+                                    Inspector &inspector,
+                                    const debugger::ProgramState &state,
+                                    int pauseCount) {
+    switch (pauseCount) {
+      case 1: {
+        EXPECT_EQ(
+            state.getPauseReason(), debugger::PauseReason::DebuggerStatement);
+        EXPECT_EQ(getCurrentLine(state), 3);
+
+        futures.emplace_back(inspector.stepOver());
+
+        break;
+      }
+      case 2: {
+        EXPECT_EQ(state.getPauseReason(), debugger::PauseReason::StepFinish);
+        EXPECT_EQ(getCurrentLine(state), 4);
+
+        futures.emplace_back(inspector.stepOver());
+
+        break;
+      }
+      case 3: {
+        EXPECT_EQ(state.getPauseReason(), debugger::PauseReason::StepFinish);
+        EXPECT_EQ(getCurrentLine(state), 5);
+
+        futures.emplace_back(inspector.resume());
+
+        break;
+      }
+    }
+  };
+
+  LambdaInspectorObserver observer(onPauseFunc);
+  std::shared_ptr<HermesDebugContext> context =
+      runScriptAsync(observer, script);
+
+  // TODO: temporarily do this to ensure i hit failure case
+  std::this_thread::sleep_for(1000ms);
+
+  futures.emplace_back(context->inspector.enable());
+
+  context->wait();
+  folly::collectAll(futures).get(kDefaultTimeout);
+
+  EXPECT_EQ(observer.getPauseCount(), 3);
+}
+
+TEST(InspectorTests, testSetBreakpoint) {
+  std::string script = R"(
+    var a = 1 + 2;
+    debugger;
+    var b = a / 2;
+    var c = a + b;
+    var d = b - c;
+    var e = c * d;
+    var f = 10;
+  )";
+
+  std::vector<folly::Future<Unit>> futures;
+
+  OnPauseFunction onPauseFunc = [&futures](
+                                    Inspector &inspector,
+                                    const debugger::ProgramState &state,
+                                    int pauseCount) {
+    switch (pauseCount) {
+      case 1: {
+        EXPECT_EQ(
+            state.getPauseReason(), debugger::PauseReason::DebuggerStatement);
+        EXPECT_EQ(getCurrentLine(state), 3);
+
+        auto stepFuture = inspector.stepOver();
+        futures.emplace_back(std::move(stepFuture));
+
+        break;
+      }
+      case 2: {
+        EXPECT_EQ(state.getPauseReason(), debugger::PauseReason::StepFinish);
+        EXPECT_EQ(getCurrentLine(state), 4);
+
+        auto breakpointFuture = inspector.setBreakpoint(locationForLine(6));
+        futures.emplace_back(std::move(breakpointFuture)
+                                 .thenValue([](debugger::BreakpointInfo info) {
+                                   EXPECT_EQ(info.resolvedLocation.line, 6);
+                                 }));
+
+        auto resumeFuture = inspector.resume();
+        futures.emplace_back(std::move(resumeFuture));
+
+        break;
+      }
+      case 3: {
+        EXPECT_EQ(state.getPauseReason(), debugger::PauseReason::Breakpoint);
+        EXPECT_EQ(getCurrentLine(state), 6);
+
+        auto resumeFuture = inspector.resume();
+        futures.emplace_back(std::move(resumeFuture));
+
+        break;
+      }
+    }
+  };
+
+  LambdaInspectorObserver observer(onPauseFunc);
+  std::shared_ptr<HermesDebugContext> context =
+      runScriptAsync(observer, script);
+
+  auto enablePromise = context->inspector.enable();
+  futures.emplace_back(std::move(enablePromise));
+
+  context->wait();
+  folly::collectAll(futures).get(kDefaultTimeout);
+
+  EXPECT_EQ(observer.getPauseCount(), 3);
+}
+
+TEST(InspectorTests, testAsyncSetBreakpoint) {
+  std::string script = R"(
+    while (!shouldStop()) {
+      var a = 1;
+      var b = 2;
+      var c = a + b;
+      var d = 10;
+    }
+  )";
+
+  std::vector<folly::Future<Unit>> futures;
+  folly::Func stopFunc;
+
+  OnPauseFunction onPauseFunc = [&futures, &stopFunc](
+                                    Inspector &inspector,
+                                    const debugger::ProgramState &state,
+                                    int pauseCount) {
+    switch (pauseCount) {
+      case 1: {
+        EXPECT_EQ(state.getPauseReason(), debugger::PauseReason::Breakpoint);
+        EXPECT_EQ(getCurrentLine(state), 4);
+
+        auto stepFuture = inspector.stepOver();
+        futures.emplace_back(std::move(stepFuture));
+
+        break;
+      }
+      case 2: {
+        EXPECT_EQ(state.getPauseReason(), debugger::PauseReason::StepFinish);
+        EXPECT_EQ(getCurrentLine(state), 5);
+
+        stopFunc();
+
+        auto resumeFuture = inspector.resume();
+        futures.emplace_back(std::move(resumeFuture));
+
+        break;
+      }
+    }
+  };
+
+  LambdaInspectorObserver observer(onPauseFunc);
+  std::shared_ptr<HermesDebugContext> context =
+      runScriptAsync(observer, script);
+
+  stopFunc = [context]() { context->setStopFlag(); };
+
+  context->inspector.enable();
+
+  auto breakpointPromise = context->inspector.setBreakpoint(locationForLine(4))
+                               .thenValue([](debugger::BreakpointInfo info) {
+                                 EXPECT_EQ(info.resolvedLocation.line, 4);
+                               });
+
+  context->wait();
+
+  futures.emplace_back(std::move(breakpointPromise));
+  folly::collectAll(futures).get(kDefaultTimeout);
+
+  EXPECT_EQ(observer.getPauseCount(), 2);
+}
+
+TEST(InspectorTests, testDisable) {
+  std::string script = R"(
+    var a = 1 + 2;
+    debugger;
+    var b = a / 2;
+    var c = a + b;
+    var d = b - c;
+    var e = c * d;
+    var f = 10;
+  )";
+
+  std::vector<folly::Future<Unit>> futures;
+
+  OnPauseFunction onPauseFunc = [&futures](
+                                    Inspector &inspector,
+                                    const debugger::ProgramState &state,
+                                    int pauseCount) {
+    switch (pauseCount) {
+      case 1: {
+        EXPECT_EQ(
+            state.getPauseReason(), debugger::PauseReason::DebuggerStatement);
+        EXPECT_EQ(getCurrentLine(state), 3);
+
+        auto stepFuture = inspector.stepOver();
+        futures.emplace_back(std::move(stepFuture));
+
+        break;
+      }
+      case 2: {
+        EXPECT_EQ(state.getPauseReason(), debugger::PauseReason::StepFinish);
+        EXPECT_EQ(getCurrentLine(state), 4);
+
+        futures.emplace_back(inspector.setBreakpoint(locationForLine(6))
+                                 .thenValue([](debugger::BreakpointInfo info) {
+                                   EXPECT_EQ(info.resolvedLocation.line, 6);
+                                 }));
+        futures.emplace_back(inspector.setBreakpoint(locationForLine(7))
+                                 .thenValue([](debugger::BreakpointInfo info) {
+                                   EXPECT_EQ(info.resolvedLocation.line, 7);
+                                 }));
+
+        auto detachFuture = inspector.disable();
+        futures.emplace_back(std::move(detachFuture));
+
+        break;
+      }
+    }
+  };
+
+  LambdaInspectorObserver observer(onPauseFunc);
+  std::shared_ptr<HermesDebugContext> context =
+      runScriptAsync(observer, script);
+
+  auto enablePromise = context->inspector.enable();
+  futures.emplace_back(std::move(enablePromise));
+
+  context->wait();
+  folly::collectAll(futures).get(kDefaultTimeout);
+
+  EXPECT_EQ(observer.getPauseCount(), 2);
+}
+
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
diff --git a/ReactCommon/hermes/inspector/tools/format b/ReactCommon/hermes/inspector/tools/format
new file mode 100755
index 00000000000000..1db414780a012b
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/format
@@ -0,0 +1,10 @@
+#!/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/hermes-inspector"
+
+find "$SRC" '(' -name '*.h' -or -name '*.cpp' ')' -exec "$CLANG_FORMAT" -i -style=file '{}' ';'
diff --git a/ReactCommon/hermes/inspector/tools/message_types.txt b/ReactCommon/hermes/inspector/tools/message_types.txt
new file mode 100644
index 00000000000000..04b943765a34cd
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/message_types.txt
@@ -0,0 +1,19 @@
+Debugger.breakpointResolved
+Debugger.disable
+Debugger.enable
+Debugger.evaluateOnCallFrame
+Debugger.pause
+Debugger.paused
+Debugger.removeBreakpoint
+Debugger.resume
+Debugger.resumed
+Debugger.scriptParsed
+Debugger.setBreakpointByUrl
+Debugger.setPauseOnExceptions
+Debugger.stepInto
+Debugger.stepOut
+Debugger.stepOver
+Runtime.consoleAPICalled
+Runtime.evaluate
+Runtime.executionContextCreated
+Runtime.getProperties
diff --git a/ReactCommon/hermes/inspector/tools/msggen/.babelrc b/ReactCommon/hermes/inspector/tools/msggen/.babelrc
new file mode 100644
index 00000000000000..0a0f3cbf9012c2
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/.babelrc
@@ -0,0 +1,9 @@
+{
+  "presets": [ "flow", ["env", {
+      "targets": {
+        "node": "current"
+      }
+    }]
+  ],
+  "plugins": ["idx"]
+}
diff --git a/ReactCommon/hermes/inspector/tools/msggen/.flowconfig b/ReactCommon/hermes/inspector/tools/msggen/.flowconfig
new file mode 100644
index 00000000000000..15700903b7d760
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/.flowconfig
@@ -0,0 +1,16 @@
+[ignore]
+.*/node_modules/*
+.*/bin/.*
+
+[include]
+
+[libs]
+
+[options]
+suppress_comment= \\(.\\|\n\\)*\\$FlowFixMe
+esproposal.class_static_fields=enable
+esproposal.class_instance_fields=enable
+unsafe.enable_getters_and_setters=true
+
+[version]
+^0.56.0
diff --git a/ReactCommon/hermes/inspector/tools/msggen/.gitignore b/ReactCommon/hermes/inspector/tools/msggen/.gitignore
new file mode 100644
index 00000000000000..050ba480f8f873
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/.gitignore
@@ -0,0 +1,3 @@
+.DS_Store
+bin/
+node_modules/
diff --git a/ReactCommon/hermes/inspector/tools/msggen/__tests__/CommandTest.js b/ReactCommon/hermes/inspector/tools/msggen/__tests__/CommandTest.js
new file mode 100644
index 00000000000000..225f31680055b4
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/__tests__/CommandTest.js
@@ -0,0 +1,65 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+'use strict';
+
+import { Command } from '../src/Command.js';
+
+test('parses simple command', () => {
+  let obj = {
+    'name': 'setBreakpointsActive',
+    'parameters': [
+      { 'name': 'active', 'type': 'boolean', 'description': 'New value for breakpoints active state.' },
+    ],
+    'description': 'Activates / deactivates all breakpoints on the page.',
+  };
+  let command = Command.create('Debugger', obj, false);
+
+  expect(command.domain).toBe('Debugger');
+  expect(command.name).toBe('setBreakpointsActive');
+  expect(command.description).toBe('Activates / deactivates all breakpoints on the page.');
+  expect(command.parameters.map(p => p.name)).toEqual(['active']);
+  expect(command.returns.length).toBe(0);
+
+  expect(command.getDebuggerName()).toBe('Debugger.setBreakpointsActive');
+  expect(command.getCppNamespace()).toBe('debugger');
+  expect(command.getRequestCppType()).toBe('SetBreakpointsActiveRequest');
+  expect(command.getResponseCppType()).toBeUndefined();
+  expect(command.getForwardDecls()).toEqual(['struct SetBreakpointsActiveRequest;']);
+});
+
+test('parses command with return', () => {
+  let obj = {
+    'name': 'setBreakpoint',
+    'parameters': [
+      { 'name': 'location', '$ref': 'Location', 'description': 'Location to set breakpoint in.' },
+      { 'name': 'condition', 'type': 'string', 'optional': true, 'description': 'Expression to use as a breakpoint condition. When specified, debugger will only stop on the breakpoint if this expression evaluates to true.' },
+    ],
+    'returns': [
+      { 'name': 'breakpointId', '$ref': 'BreakpointId', 'description': 'Id of the created breakpoint for further reference.' },
+      { 'name': 'actualLocation', '$ref': 'Location', 'description': 'Location this breakpoint resolved into.' },
+    ],
+    'description': 'Sets JavaScript breakpoint at a given location.',
+  };
+  let command = Command.create('Debugger', obj, false);
+
+  expect(command.domain).toBe('Debugger');
+  expect(command.name).toBe('setBreakpoint');
+  expect(command.description).toBe('Sets JavaScript breakpoint at a given location.');
+  expect(command.parameters.map(p => p.name)).toEqual(['location', 'condition']);
+  expect(command.returns.map(p => p.name)).toEqual(['breakpointId', 'actualLocation']);
+
+  expect(command.getDebuggerName()).toBe('Debugger.setBreakpoint');
+  expect(command.getCppNamespace()).toBe('debugger');
+  expect(command.getRequestCppType()).toBe('SetBreakpointRequest');
+  expect(command.getResponseCppType()).toBe('SetBreakpointResponse');
+  expect(command.getForwardDecls()).toEqual([
+    'struct SetBreakpointRequest;',
+    'struct SetBreakpointResponse;',
+  ]);
+});
diff --git a/ReactCommon/hermes/inspector/tools/msggen/__tests__/EventTest.js b/ReactCommon/hermes/inspector/tools/msggen/__tests__/EventTest.js
new file mode 100644
index 00000000000000..edaae1226cc593
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/__tests__/EventTest.js
@@ -0,0 +1,50 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+'use strict';
+
+import { Event } from '../src/Event.js';
+
+test('parses simple event', () => {
+  let obj = {
+    'name': 'resumed',
+    'description': 'Fired when the virtual machine resumed execution.',
+  };
+  let event = Event.create('Debugger', obj, false);
+
+  expect(event.domain).toBe('Debugger');
+  expect(event.name).toBe('resumed');
+  expect(event.description).toBe('Fired when the virtual machine resumed execution.');
+
+  expect(event.getDebuggerName()).toBe('Debugger.resumed');
+  expect(event.getCppNamespace()).toBe('debugger');
+  expect(event.getCppType()).toBe('ResumedNotification');
+  expect(event.getForwardDecls()).toEqual(['struct ResumedNotification;']);
+});
+
+test('parses event with params', () => {
+  let obj = {
+    'name': 'breakpointResolved',
+    'parameters': [
+      { 'name': 'breakpointId', '$ref': 'BreakpointId', 'description': 'Breakpoint unique identifier.' },
+      { 'name': 'location', '$ref': 'Location', 'description': 'Actual breakpoint location.' },
+    ],
+    'description': 'Fired when breakpoint is resolved to an actual script and location.',
+  };
+  let event = Event.create('Debugger', obj, false);
+
+  expect(event.domain).toBe('Debugger');
+  expect(event.name).toBe('breakpointResolved');
+  expect(event.description).toBe('Fired when breakpoint is resolved to an actual script and location.');
+  expect(event.parameters.map(p => p.name)).toEqual(['breakpointId', 'location']);
+
+  expect(event.getDebuggerName()).toBe('Debugger.breakpointResolved');
+  expect(event.getCppNamespace()).toBe('debugger');
+  expect(event.getCppType()).toBe('BreakpointResolvedNotification');
+  expect(event.getForwardDecls()).toEqual(['struct BreakpointResolvedNotification;']);
+});
diff --git a/ReactCommon/hermes/inspector/tools/msggen/__tests__/GraphTest.js b/ReactCommon/hermes/inspector/tools/msggen/__tests__/GraphTest.js
new file mode 100644
index 00000000000000..799eac325053b7
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/__tests__/GraphTest.js
@@ -0,0 +1,81 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+'use strict';
+
+import { Graph } from '../src/Graph.js';
+
+// graph looks like this before test: https://pxl.cl/9k8t
+let graph = null;
+
+beforeEach(() => {
+  graph = new Graph();
+  graph.addEdge('A1', 'B1');
+  graph.addEdge('A2', 'B1');
+  graph.addEdge('A2', 'B2');
+  graph.addEdge('A3', 'B2');
+  graph.addEdge('A3', 'C3');
+  graph.addEdge('B1', 'C1');
+  graph.addEdge('B1', 'C2');
+  graph.addEdge('B1', 'C3');
+  graph.addEdge('B2', 'C2');
+});
+
+// checks id1 occurs after id2 in arr
+function expectOccursAfter(arr, id1, id2) {
+  let idx1 = arr.indexOf(id1);
+  let idx2 = arr.indexOf(id2);
+
+  expect(idx1).not.toBe(-1);
+  expect(idx2).not.toBe(-1);
+  expect(idx1).toBeGreaterThan(idx2);
+}
+
+test('detects cycle', () => {
+  graph.addEdge('C2', 'A1');
+  expect(() => graph.traverse(['A2'])).toThrow(/^Not a DAG/);
+});
+
+test('checks for presence of root', () => {
+  expect(() => graph.traverse(['A1', 'NX'])).toThrow(/^No node/);
+});
+
+test('traverses partial graph', () => {
+  let ids = graph.traverse(['B1', 'A3']);
+
+  // Check that expected nodes are there
+  let sortedIds = ids.slice().sort();
+  expect(sortedIds).toEqual(['A3', 'B1', 'B2', 'C1', 'C2', 'C3']);
+
+  // Check that the result is topologically sorted
+  expectOccursAfter(ids, 'A3', 'B2');
+  expectOccursAfter(ids, 'A3', 'C3');
+  expectOccursAfter(ids, 'B1', 'C1');
+  expectOccursAfter(ids, 'B1', 'C2');
+  expectOccursAfter(ids, 'B1', 'C3');
+  expectOccursAfter(ids, 'B2', 'C2');
+});
+
+test('traverses complete graph', () => {
+  let ids = graph.traverse(['A1', 'A2', 'A3']);
+
+  // Check that expected nodes are there
+  let sortedIds = ids.slice().sort();
+  expect(sortedIds).toEqual(['A1', 'A2', 'A3', 'B1', 'B2', 'C1', 'C2', 'C3']);
+
+  // Check that the result is topologically sorted
+  expectOccursAfter(ids, 'A1', 'B1');
+  expectOccursAfter(ids, 'A2', 'B1');
+  expectOccursAfter(ids, 'A2', 'B2');
+  expectOccursAfter(ids, 'A3', 'B2');
+  expectOccursAfter(ids, 'A3', 'C3');
+  expectOccursAfter(ids, 'B1', 'C1');
+  expectOccursAfter(ids, 'B1', 'C2');
+  expectOccursAfter(ids, 'B1', 'C3');
+  expectOccursAfter(ids, 'B2', 'C2');
+});
diff --git a/ReactCommon/hermes/inspector/tools/msggen/__tests__/HeaderWriterTest.js b/ReactCommon/hermes/inspector/tools/msggen/__tests__/HeaderWriterTest.js
new file mode 100644
index 00000000000000..75188e22b7f91a
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/__tests__/HeaderWriterTest.js
@@ -0,0 +1,131 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+'use strict';
+
+import { expectCodeIsEqual, FakeWritable } from '../src/TestHelpers';
+import {
+  emitNotificationDecl,
+  emitRequestDecl,
+  emitResponseDecl,
+  emitTypeDecl,
+} from '../src/HeaderWriter';
+import { Event } from '../src/Event';
+import { Command } from '../src/Command';
+import { Type } from '../src/Type';
+
+let stream = null;
+
+beforeEach(() => {
+  stream = new FakeWritable();
+});
+
+test('emits type decl', () => {
+  let obj = {
+    'id': 'Location',
+    'type': 'object',
+    'properties': [
+        { 'name': 'scriptId', '$ref': 'Runtime.ScriptId', 'description': 'Script identifier as reported in the <code>Debugger.scriptParsed</code>.' },
+        { 'name': 'lineNumber', 'type': 'integer', 'description': 'Line number in the script (0-based).' },
+        { 'name': 'columnNumber', 'type': 'integer', 'optional': true, 'description': 'Column number in the script (0-based).' },
+    ],
+    'description': 'Location in the source code.',
+  };
+  let type = Type.create('Debugger', obj);
+
+  emitTypeDecl(stream, type);
+
+  expectCodeIsEqual(stream.get(), `
+    struct debugger::Location : public Serializable {
+      Location() = default;
+      explicit Location(const folly::dynamic &obj);
+      folly::dynamic toDynamic() const override;
+
+      runtime::ScriptId scriptId{};
+      int lineNumber{};
+      folly::Optional<int> columnNumber;
+    };
+  `);
+});
+
+test('emits request decl', () => {
+  let obj = {
+    'name': 'getScriptSource',
+    'parameters': [
+      { 'name': 'scriptId', '$ref': 'Runtime.ScriptId', 'description': 'Id of the script to get source for.' },
+    ],
+    'returns': [
+      { 'name': 'scriptSource', 'type': 'string', 'description': 'Script source.' },
+    ],
+    'description': 'Returns source for the script with given id.',
+  };
+  let command = Command.create('Debugger', obj);
+
+  emitRequestDecl(stream, command);
+
+  expectCodeIsEqual(stream.get(), `
+    struct debugger::GetScriptSourceRequest : public Request {
+      GetScriptSourceRequest();
+      explicit GetScriptSourceRequest(const folly::dynamic &obj);
+
+      folly::dynamic toDynamic() const override;
+      void accept(RequestHandler &handler) const override;
+
+      runtime::ScriptId scriptId{};
+    };
+  `);
+});
+
+test('emits response decl', () => {
+  let obj = {
+    'name': 'getScriptSource',
+    'parameters': [
+      { 'name': 'scriptId', '$ref': 'Runtime.ScriptId', 'description': 'Id of the script to get source for.' },
+    ],
+    'returns': [
+      { 'name': 'scriptSource', 'type': 'string', 'description': 'Script source.' },
+    ],
+    'description': 'Returns source for the script with given id.',
+  };
+  let command = Command.create('Debugger', obj);
+
+  emitResponseDecl(stream, command);
+
+  expectCodeIsEqual(stream.get(), `
+    struct debugger::GetScriptSourceResponse : public Response {
+      GetScriptSourceResponse() = default;
+      explicit GetScriptSourceResponse(const folly::dynamic &obj);
+      folly::dynamic toDynamic() const override;
+
+      std::string scriptSource;
+    };
+  `);
+});
+
+test('emits notification decl', () => {
+  let obj = {
+    'name': 'messageAdded',
+    'parameters': [
+      { 'name': 'message', '$ref': 'ConsoleMessage', 'description': 'Console message that has been added.' },
+    ],
+    'description': 'Issued when new console message is added.',
+  };
+  let event = Event.create('Console', obj);
+
+  emitNotificationDecl(stream, event);
+
+  expectCodeIsEqual(stream.get(), `
+    struct console::MessageAddedNotification : public Notification {
+      MessageAddedNotification();
+      explicit MessageAddedNotification(const folly::dynamic &obj);
+      folly::dynamic toDynamic() const override;
+
+      console::ConsoleMessage message{};
+    };
+  `);
+});
diff --git a/ReactCommon/hermes/inspector/tools/msggen/__tests__/ImplementationWriterTest.js b/ReactCommon/hermes/inspector/tools/msggen/__tests__/ImplementationWriterTest.js
new file mode 100644
index 00000000000000..fea2fdb4b972d9
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/__tests__/ImplementationWriterTest.js
@@ -0,0 +1,174 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+'use strict';
+
+import { expectCodeIsEqual, FakeWritable } from '../src/TestHelpers';
+import {
+  emitNotificationDef,
+  emitRequestDef,
+  emitResponseDef,
+  emitTypeDef,
+} from '../src/ImplementationWriter';
+import { Event } from '../src/Event';
+import { Command } from '../src/Command';
+import { Type } from '../src/Type';
+
+let stream = null;
+
+beforeEach(() => {
+  stream = new FakeWritable();
+});
+
+test('emits type def', () => {
+  let obj = {
+    'id': 'Location',
+    'type': 'object',
+    'properties': [
+        { 'name': 'scriptId', '$ref': 'Runtime.ScriptId', 'description': 'Script identifier as reported in the <code>Debugger.scriptParsed</code>.' },
+        { 'name': 'lineNumber', 'type': 'integer', 'description': 'Line number in the script (0-based).' },
+        { 'name': 'columnNumber', 'type': 'integer', 'optional': true, 'description': 'Column number in the script (0-based).' },
+    ],
+    'description': 'Location in the source code.',
+  };
+  let type = Type.create('Debugger', obj);
+
+  emitTypeDef(stream, type);
+
+  expectCodeIsEqual(stream.get(), `
+    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;
+    }
+  `);
+});
+
+test('emits request def', () => {
+  let obj = {
+    'name': 'getScriptSource',
+    'parameters': [
+      { 'name': 'scriptId', '$ref': 'Runtime.ScriptId', 'description': 'Id of the script to get source for.' },
+    ],
+    'returns': [
+      { 'name': 'scriptSource', 'type': 'string', 'description': 'Script source.' },
+    ],
+    'description': 'Returns source for the script with given id.',
+  };
+  let command = Command.create('Debugger', obj);
+
+  emitRequestDef(stream, command);
+
+  expectCodeIsEqual(stream.get(), `
+    debugger::GetScriptSourceRequest::GetScriptSourceRequest()
+      : Request("Debugger.getScriptSource") {}
+
+    debugger::GetScriptSourceRequest::GetScriptSourceRequest(const dynamic &obj)
+        : Request("Debugger.getScriptSource") {
+      assign(id, obj, "id");
+      assign(method, obj, "method");
+
+      dynamic params = obj.at("params");
+      assign(scriptId, params, "scriptId");
+    }
+
+    dynamic debugger::GetScriptSourceRequest::toDynamic() const {
+      dynamic params = dynamic::object;
+      put(params, "scriptId", scriptId);
+
+      dynamic obj = dynamic::object;
+      put(obj, "id", id);
+      put(obj, "method", method);
+      put(obj, "params", std::move(params));
+      return obj;
+    }
+
+    void debugger::GetScriptSourceRequest::accept(RequestHandler &handler) const {
+      handler.handle(*this);
+    }
+  `);
+});
+
+test('emits response def', () => {
+  let obj = {
+    'name': 'getScriptSource',
+    'parameters': [
+      { 'name': 'scriptId', '$ref': 'Runtime.ScriptId', 'description': 'Id of the script to get source for.' },
+    ],
+    'returns': [
+      { 'name': 'scriptSource', 'type': 'string', 'description': 'Script source.' },
+    ],
+    'description': 'Returns source for the script with given id.',
+  };
+  let command = Command.create('Debugger', obj);
+
+  emitResponseDef(stream, command);
+
+  expectCodeIsEqual(stream.get(), `
+    debugger::GetScriptSourceResponse::GetScriptSourceResponse(const dynamic &obj) {
+      assign(id, obj, "id");
+
+      dynamic res = obj.at("result");
+      assign(scriptSource, res, "scriptSource");
+    }
+
+    dynamic debugger::GetScriptSourceResponse::toDynamic() const {
+      dynamic res = dynamic::object;
+      put(res, "scriptSource", scriptSource);
+
+      dynamic obj = dynamic::object;
+      put(obj, "id", id);
+      put(obj, "result", std::move(res));
+      return obj;
+    }
+  `);
+});
+
+test('emits notification def', () => {
+  let obj = {
+    'name': 'messageAdded',
+    'parameters': [
+      { 'name': 'message', '$ref': 'ConsoleMessage', 'description': 'Console message that has been added.' },
+    ],
+    'description': 'Issued when new console message is added.',
+  };
+  let event = Event.create('Console', obj);
+
+  emitNotificationDef(stream, event);
+
+  expectCodeIsEqual(stream.get(), `
+    console::MessageAddedNotification::MessageAddedNotification()
+        : Notification("Console.messageAdded") {}
+
+    console::MessageAddedNotification::MessageAddedNotification(const dynamic &obj)
+        : Notification("Console.messageAdded") {
+      assign(method, obj, "method");
+
+      dynamic params = obj.at("params");
+      assign(message, params, "message");
+    }
+
+    dynamic console::MessageAddedNotification::toDynamic() const {
+      dynamic params = dynamic::object;
+      put(params, "message", message);
+
+      dynamic obj = dynamic::object;
+      put(obj, "method", method);
+      put(obj, "params", std::move(params));
+      return obj;
+    }
+  `);
+});
diff --git a/ReactCommon/hermes/inspector/tools/msggen/__tests__/PropertyTest.js b/ReactCommon/hermes/inspector/tools/msggen/__tests__/PropertyTest.js
new file mode 100644
index 00000000000000..5811e460f73e23
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/__tests__/PropertyTest.js
@@ -0,0 +1,134 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+'use strict';
+
+import { Property } from '../src/Property.js';
+
+test('parses required primitive prop', () => {
+  let obj = {
+    'name': 'lineNumber',
+    'type': 'integer',
+    'description': 'Line number in the script (0-based).',
+  };
+  let prop = Property.create('Debugger', obj);
+
+  expect(prop.domain).toBe('Debugger');
+  expect(prop.name).toBe('lineNumber');
+  expect(prop.type).toBe('integer');
+  expect(prop.optional).toBeUndefined();
+  expect(prop.description).toBe('Line number in the script (0-based).');
+
+  expect(prop.getFullCppType()).toBe('int');
+  expect(prop.getCppIdentifier()).toBe('lineNumber');
+  expect(prop.getInitializer()).toBe('{}');
+});
+
+test('parses optional primitive prop', () => {
+  let obj = {
+    'name': 'samplingInterval',
+    'type': 'number',
+    'optional': true,
+    'description': 'Average sample interval in bytes.',
+  };
+  let prop = Property.create('HeapProfiler', obj);
+
+  expect(prop.domain).toBe('HeapProfiler');
+  expect(prop.name).toBe('samplingInterval');
+  expect(prop.type).toBe('number');
+  expect(prop.optional).toBe(true);
+  expect(prop.description).toBe('Average sample interval in bytes.');
+
+  expect(prop.getFullCppType()).toBe('folly::Optional<double>');
+  expect(prop.getCppIdentifier()).toBe('samplingInterval');
+  expect(prop.getInitializer()).toBe('');
+});
+
+test('parses optional ref prop', () => {
+  let obj = {
+    'name': 'exceptionDetails',
+    'optional': true,
+    '$ref': 'Runtime.ExceptionDetails',
+    'description': 'Exception details if any.',
+  };
+  let prop = Property.create('Debugger', obj);
+
+  expect(prop.domain).toBe('Debugger');
+  expect(prop.name).toBe('exceptionDetails');
+  expect(prop.optional).toBe(true);
+  expect(prop.$ref).toBe('Runtime.ExceptionDetails');
+  expect(prop.description).toBe('Exception details if any.');
+
+  expect(prop.getFullCppType()).toBe('folly::Optional<runtime::ExceptionDetails>');
+  expect(prop.getCppIdentifier()).toBe('exceptionDetails');
+  expect(prop.getInitializer()).toBe('');
+});
+
+test('parses recursive ref prop', () => {
+  let obj = {
+    'name': 'parent',
+    '$ref': 'StackTrace',
+    'optional': true,
+    'recursive': true,
+    'description': 'Asynchronous JavaScript stack trace...',
+  };
+  let prop = Property.create('Runtime', obj);
+
+  expect(prop.domain).toBe('Runtime');
+  expect(prop.name).toBe('parent');
+  expect(prop.optional).toBe(true);
+  expect(prop.recursive).toBe(true);
+  expect(prop.$ref).toBe('StackTrace');
+  expect(prop.description).toBe('Asynchronous JavaScript stack trace...');
+
+  expect(prop.getFullCppType()).toBe('std::unique_ptr<runtime::StackTrace>');
+  expect(prop.getCppIdentifier()).toBe('parent');
+  expect(prop.getInitializer()).toBe('');
+});
+
+test('parses optional array items prop', () => {
+  let obj = {
+    'name': 'hitBreakpoints',
+    'type': 'array',
+    'optional': true,
+    'items': { 'type': 'string' },
+    'description': 'Hit breakpoints IDs',
+  };
+  let prop = Property.create('Debugger', obj);
+
+  expect(prop.domain).toBe('Debugger');
+  expect(prop.name).toBe('hitBreakpoints');
+  expect(prop.type).toBe('array');
+  expect(prop.optional).toBe(true);
+  expect(prop.items).toEqual({ 'type': 'string' });
+  expect(prop.description).toBe('Hit breakpoints IDs');
+
+  expect(prop.getFullCppType()).toBe('folly::Optional<std::vector<std::string>>');
+  expect(prop.getCppIdentifier()).toBe('hitBreakpoints');
+  expect(prop.getInitializer()).toBe('');
+});
+
+test('parses array ref prop', () => {
+  let obj = {
+    'name': 'domains',
+    'type': 'array',
+    'items': { '$ref': 'Domain' },
+    'description': 'List of supported domains.',
+  };
+  let prop = Property.create('Schema', obj);
+
+  expect(prop.domain).toBe('Schema');
+  expect(prop.name).toBe('domains');
+  expect(prop.type).toBe('array');
+  expect(prop.items).toEqual({ $ref: 'Domain' });
+  expect(prop.description).toBe('List of supported domains.');
+
+  expect(prop.getFullCppType()).toBe('std::vector<schema::Domain>');
+  expect(prop.getCppIdentifier()).toBe('domains');
+  expect(prop.getInitializer()).toBe('');
+});
diff --git a/ReactCommon/hermes/inspector/tools/msggen/__tests__/TypeTest.js b/ReactCommon/hermes/inspector/tools/msggen/__tests__/TypeTest.js
new file mode 100644
index 00000000000000..840a15072500ca
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/__tests__/TypeTest.js
@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+'use strict';
+
+import { Type } from '../src/Type.js';
+
+test('parses primitive type', () => {
+  let obj = {
+    'id': 'Timestamp',
+    'type': 'number',
+    'description': 'Number of milliseconds since epoch.',
+  };
+  let type = Type.create('Runtime', obj, false);
+
+  expect(type.domain).toBe('Runtime');
+  expect(type.id).toBe('Timestamp');
+  expect(type.type).toBe('number');
+  expect(type.description).toBe('Number of milliseconds since epoch.');
+
+  expect(type.getCppNamespace()).toBe('runtime');
+  expect(type.getCppType()).toBe('Timestamp');
+  expect(type.getForwardDecls()).toEqual(['using Timestamp = double;']);
+});
+
+test('parses object type', () => {
+  let obj = {
+    'id': 'Location',
+    'type': 'object',
+    'properties': [
+        { 'name': 'scriptId', '$ref': 'Runtime.ScriptId', 'description': 'Script identifier as reported in the <code>Debugger.scriptParsed</code>.' },
+        { 'name': 'lineNumber', 'type': 'integer', 'description': 'Line number in the script (0-based).' },
+        { 'name': 'columnNumber', 'type': 'integer', 'optional': true, 'description': 'Column number in the script (0-based).' },
+    ],
+    'description': 'Location in the source code.',
+  };
+  let type = Type.create('Debugger', obj, false);
+
+  expect(type.domain).toBe('Debugger');
+  expect(type.id).toBe('Location');
+  expect(type.type).toBe('object');
+  expect(type.properties.map(p => p.name)).toEqual(['scriptId', 'lineNumber', 'columnNumber']);
+  expect(type.description).toBe('Location in the source code.');
+
+  expect(type.getCppNamespace()).toBe('debugger');
+  expect(type.getCppType()).toBe('Location');
+  expect(type.getForwardDecls()).toEqual(['struct Location;']);
+});
diff --git a/ReactCommon/hermes/inspector/tools/msggen/package.json b/ReactCommon/hermes/inspector/tools/msggen/package.json
new file mode 100644
index 00000000000000..e1f92297abbb19
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "hermes-inspector-msggen",
+  "version": "1.0.0",
+  "bin": {
+    "msggen": "./bin/index.js"
+  },
+  "scripts": {
+    "flow": "flow",
+    "build": "babel src --out-dir bin --source-maps",
+    "watch": "babel src --out-dir bin --source-maps --watch",
+    "test": "jest"
+  },
+  "devDependencies": {
+    "babel-cli": "^6.26.0",
+    "babel-core": "^6.26.0",
+    "babel-loader": "^7.1.2",
+    "babel-plugin-idx": "^2.0.0",
+    "babel-plugin-syntax-flow": "^6.18.0",
+    "babel-plugin-transform-flow-strip-types": "^6.22.0",
+    "babel-preset-env": "^1.6.0",
+    "babel-preset-flow": "^6.23.0",
+    "jest": "^21.2.1",
+    "webpack": "^3.6.0"
+  },
+  "jest": {
+    "transform": {
+      ".*": "<rootDir>/node_modules/babel-jest"
+    }
+  },
+  "dependencies": {
+    "idx": "^2.1.0",
+    "yargs": "^9.0.1"
+  },
+  "beachball": {
+    "shouldPublish": false
+  }
+}
diff --git a/ReactCommon/hermes/inspector/tools/msggen/src/Command.js b/ReactCommon/hermes/inspector/tools/msggen/src/Command.js
new file mode 100644
index 00000000000000..a53901b0939ff8
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/src/Command.js
@@ -0,0 +1,80 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+'use strict';
+
+import {Property} from './Property';
+import {toCppNamespace, toCppType} from './Converters';
+
+export class Command {
+  domain: string;
+  name: string;
+  description: ?string;
+  experimental: ?boolean;
+  parameters: Array<Property>;
+  returns: Array<Property>;
+
+  static create(
+    domain: string,
+    obj: any,
+    ignoreExperimental: boolean,
+  ): ?Command {
+    return ignoreExperimental && obj.experimental
+      ? null
+      : new Command(domain, obj, ignoreExperimental);
+  }
+
+  constructor(domain: string, obj: any, ignoreExperimental: boolean) {
+    this.domain = domain;
+    this.name = obj.name;
+    this.description = obj.description;
+    this.experimental = obj.experimental;
+    this.parameters = Property.createArray(
+      domain,
+      obj.parameters || [],
+      ignoreExperimental,
+    );
+    this.returns = Property.createArray(
+      domain,
+      obj.returns || [],
+      ignoreExperimental,
+    );
+  }
+
+  getDebuggerName(): string {
+    return `${this.domain}.${this.name}`;
+  }
+
+  getCppNamespace(): string {
+    return toCppNamespace(this.domain);
+  }
+
+  getRequestCppType(): string {
+    return toCppType(this.name + 'Request');
+  }
+
+  getResponseCppType(): ?string {
+    if (this.returns && this.returns.length > 0) {
+      return toCppType(this.name + 'Response');
+    }
+  }
+
+  getForwardDecls(): Array<string> {
+    const decls = [`struct ${this.getRequestCppType()};`];
+    const respCppType = this.getResponseCppType();
+    if (respCppType) {
+      decls.push(`struct ${respCppType};`);
+    }
+    return decls;
+  }
+
+  getForwardDeclSortKey(): string {
+    return this.getRequestCppType();
+  }
+}
diff --git a/ReactCommon/hermes/inspector/tools/msggen/src/Converters.js b/ReactCommon/hermes/inspector/tools/msggen/src/Converters.js
new file mode 100644
index 00000000000000..66e403f5782e6d
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/src/Converters.js
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+'use strict';
+
+export function toCppNamespace(domain: string): string {
+  return domain.substr(0, 1).toLowerCase() + domain.substr(1);
+}
+
+export function toCppType(type: string): string {
+  return type.substr(0, 1).toUpperCase() + type.substr(1);
+}
+
+const jsTypeMappings: {[key: string]: string} = {
+  any: 'folly::dynamic',
+  array: 'folly::dynamic',
+  boolean: 'bool',
+  integer: 'int',
+  number: 'double',
+  object: 'folly::dynamic',
+  string: 'std::string',
+};
+
+export function jsTypeToCppType(jsTypeStr: string): string {
+  const cppType = jsTypeMappings[jsTypeStr];
+  if (!cppType) {
+    throw new TypeError(`${jsTypeStr} is not an expected JS type string`);
+  }
+  return cppType;
+}
diff --git a/ReactCommon/hermes/inspector/tools/msggen/src/Event.js b/ReactCommon/hermes/inspector/tools/msggen/src/Event.js
new file mode 100644
index 00000000000000..3be22108d4fccd
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/src/Event.js
@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+'use strict';
+
+import {Property} from './Property';
+import {toCppNamespace, toCppType} from './Converters';
+
+export class Event {
+  domain: string;
+  name: string;
+  description: ?string;
+  experimental: ?boolean;
+  parameters: Array<Property>;
+
+  static create(domain: string, obj: any, ignoreExperimental: boolean): ?Event {
+    return ignoreExperimental && obj.experimental
+      ? null
+      : new Event(domain, obj, ignoreExperimental);
+  }
+
+  constructor(domain: string, obj: any, ignoreExperimental: boolean) {
+    this.domain = domain;
+    this.name = obj.name;
+    this.description = obj.description;
+    this.parameters = Property.createArray(
+      domain,
+      obj.parameters || [],
+      ignoreExperimental,
+    );
+  }
+
+  getDebuggerName(): string {
+    return `${this.domain}.${this.name}`;
+  }
+
+  getCppNamespace(): string {
+    return toCppNamespace(this.domain);
+  }
+
+  getCppType(): string {
+    return toCppType(this.name + 'Notification');
+  }
+
+  getForwardDecls(): Array<string> {
+    return [`struct ${this.getCppType()};`];
+  }
+
+  getForwardDeclSortKey(): string {
+    return this.getCppType();
+  }
+}
diff --git a/ReactCommon/hermes/inspector/tools/msggen/src/GeneratedHeader.js b/ReactCommon/hermes/inspector/tools/msggen/src/GeneratedHeader.js
new file mode 100644
index 00000000000000..5db13fa0a40d16
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/src/GeneratedHeader.js
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+'use strict';
+
+// placeholder token that will be replaced by signedsource script
+export const GeneratedHeader: string =
+  '// Copyright 2004-present Facebook. All Rights Reserved.\n' +
+  '// @generated <<SignedSource::*O*zOeWoEQle#+L!plEphiEmie@IsG>>';
diff --git a/ReactCommon/hermes/inspector/tools/msggen/src/Graph.js b/ReactCommon/hermes/inspector/tools/msggen/src/Graph.js
new file mode 100644
index 00000000000000..96b5ced8090f19
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/src/Graph.js
@@ -0,0 +1,91 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+'use strict';
+
+import invariant from 'assert';
+
+type NodeId = string;
+
+class Node {
+  id: NodeId;
+  children: Set<Node>;
+  state: 'none' | 'visiting' | 'visited';
+
+  constructor(id: NodeId) {
+    this.id = id;
+    this.children = new Set();
+    this.state = 'none';
+  }
+}
+
+export class Graph {
+  nodes: Map<NodeId, Node>;
+
+  constructor() {
+    this.nodes = new Map();
+  }
+
+  addNode(nodeId: NodeId): Node {
+    let node = this.nodes.get(nodeId);
+    if (!node) {
+      node = new Node(nodeId);
+      this.nodes.set(nodeId, node);
+    }
+    return node;
+  }
+
+  addEdge(srcId: NodeId, dstId: NodeId) {
+    const src = this.addNode(srcId);
+    const dst = this.addNode(dstId);
+    src.children.add(dst);
+  }
+
+  // traverse returns all nodes in the graph reachable from the given rootIds.
+  // the returned nodes are topologically sorted, with the deepest nodes
+  // returned first.
+  traverse(rootIds: Array<NodeId>): Array<NodeId> {
+    // clear marks
+    for (const node of this.nodes.values()) {
+      node.state = 'none';
+    }
+
+    // make a fake root node that points to all the provided rootIds
+    const root = new Node('root');
+    for (const id of rootIds) {
+      const node = this.nodes.get(id);
+      invariant(node != null, `No node ${id} in graph`);
+      root.children.add(node);
+    }
+
+    const output = [];
+    postorder(root, output);
+
+    // remove fake root node
+    output.splice(-1);
+
+    return output;
+  }
+}
+
+function postorder(node: Node, output: Array<NodeId>) {
+  if (node.state === 'visited') {
+    return;
+  }
+
+  invariant(node.state !== 'visiting', `Not a DAG: cycle involving ${node.id}`);
+
+  node.state = 'visiting';
+  for (const child of node.children) {
+    postorder(child, output);
+  }
+
+  node.state = 'visited';
+  output.push(node.id);
+}
diff --git a/ReactCommon/hermes/inspector/tools/msggen/src/HeaderWriter.js b/ReactCommon/hermes/inspector/tools/msggen/src/HeaderWriter.js
new file mode 100644
index 00000000000000..74ce79afeb8848
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/src/HeaderWriter.js
@@ -0,0 +1,324 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+'use strict';
+
+import {Writable} from 'stream';
+
+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';
+
+export class HeaderWriter {
+  stream: Writable;
+  types: Array<Type>;
+  commands: Array<Command>;
+  events: Array<Event>;
+
+  constructor(
+    stream: Writable,
+    types: Array<Type>,
+    commands: Array<Command>,
+    events: Array<Event>,
+  ) {
+    this.stream = stream;
+    this.types = types;
+    this.commands = commands;
+    this.events = events;
+  }
+
+  write() {
+    this.writePrologue();
+    this.writeForwardDecls();
+    this.writeRequestHandlerDecls();
+    this.writeTypeDecls();
+    this.writeRequestDecls();
+    this.writeResponseDecls();
+    this.writeNotificationDecls();
+    this.writeEpilogue();
+  }
+
+  writePrologue() {
+    this.stream.write(`${GeneratedHeader}
+
+      #pragma once
+
+      #include <hermes/inspector/chrome/MessageInterfaces.h>
+
+      #include <vector>
+
+      #include <folly/Optional.h>
+
+      namespace facebook {
+      namespace hermes {
+      namespace inspector {
+      namespace chrome {
+      namespace message {
+
+    `);
+  }
+
+  writeForwardDecls() {
+    this.stream.write('struct UnknownRequest;\n\n');
+
+    const namespaceMap: Map<string, Array<Type | Command | Event>> = new Map();
+    const addToMap = function(type) {
+      const domain = type.domain;
+      let types = namespaceMap.get(domain);
+      if (!types) {
+        types = [];
+        namespaceMap.set(domain, types);
+      }
+      types.push(type);
+    };
+
+    this.types.forEach(addToMap);
+    this.commands.forEach(addToMap);
+    this.events.forEach(addToMap);
+
+    for (const [domain, types] of namespaceMap) {
+      types.sort((a, b) => {
+        const nameA = a.getForwardDeclSortKey();
+        const nameB = b.getForwardDeclSortKey();
+        return nameA < nameB ? -1 : nameA > nameB ? 1 : 0;
+      });
+
+      const ns = toCppNamespace(domain);
+      this.stream.write(`namespace ${ns} {\n`);
+
+      for (const type of types) {
+        for (const decl of type.getForwardDecls()) {
+          this.stream.write(`${decl}\n`);
+        }
+      }
+
+      this.stream.write(`} // namespace ${ns}\n\n`);
+    }
+  }
+
+  writeRequestHandlerDecls() {
+    this.stream.write(
+      '\n/// RequestHandler handles requests via the visitor pattern.\n',
+    );
+    emitRequestHandlerDecl(this.stream, this.commands);
+
+    this.stream.write(
+      '\n/// NoopRequestHandler can be subclassed to only handle some requests.\n',
+    );
+    emitNoopRequestHandlerDecl(this.stream, this.commands);
+  }
+
+  writeTypeDecls() {
+    this.stream.write('\n/// Types\n');
+
+    for (const type of this.types) {
+      if (type instanceof PropsType) {
+        emitTypeDecl(this.stream, type);
+      }
+    }
+  }
+
+  writeRequestDecls() {
+    this.stream.write('\n/// Requests\n');
+
+    emitUnknownRequestDecl(this.stream);
+
+    for (const command of this.commands) {
+      emitRequestDecl(this.stream, command);
+    }
+  }
+
+  writeResponseDecls() {
+    this.stream.write('\n/// Responses\n');
+
+    emitErrorResponseDecl(this.stream);
+    emitOkResponseDecl(this.stream);
+
+    for (const command of this.commands) {
+      emitResponseDecl(this.stream, command);
+    }
+  }
+
+  writeNotificationDecls() {
+    this.stream.write('\n/// Notifications\n');
+
+    for (const event of this.events) {
+      emitNotificationDecl(this.stream, event);
+    }
+  }
+
+  writeEpilogue() {
+    this.stream.write(`
+        } // namespace message
+        } // namespace chrome
+        } // namespace inspector
+        } // namespace hermes
+        } // namespace facebook
+    `);
+  }
+}
+
+function emitRequestHandlerDecl(stream: Writable, commands: Array<Command>) {
+  stream.write(`struct RequestHandler {
+    virtual ~RequestHandler() = default;
+
+    virtual void handle(const UnknownRequest &req) = 0;
+  `);
+
+  for (const command of commands) {
+    const cppNs = command.getCppNamespace();
+    const cppType = command.getRequestCppType();
+
+    stream.write(`virtual void handle(const ${cppNs}::${cppType} &req) = 0;`);
+  }
+
+  stream.write('};\n');
+}
+
+function emitNoopRequestHandlerDecl(
+  stream: Writable,
+  commands: Array<Command>,
+) {
+  stream.write(`struct NoopRequestHandler : public RequestHandler {
+    void handle(const UnknownRequest &req) override {}
+  `);
+
+  for (const command of commands) {
+    const cppNs = command.getCppNamespace();
+    const cppType = command.getRequestCppType();
+
+    stream.write(`void handle(const ${cppNs}::${cppType} &req) override {}`);
+  }
+
+  stream.write('};\n');
+}
+
+function emitProps(stream: Writable, props: ?Array<Property>) {
+  if (!props || props.length === 0) {
+    return;
+  }
+
+  stream.write('\n');
+
+  for (const prop of props) {
+    const fullCppType = prop.getFullCppType();
+    const cppId = prop.getCppIdentifier();
+    const init = prop.getInitializer();
+
+    stream.write(`  ${fullCppType} ${cppId}${init};\n`);
+  }
+}
+
+export function emitTypeDecl(stream: Writable, type: PropsType) {
+  const cppNs = type.getCppNamespace();
+  const cppType = type.getCppType();
+
+  stream.write(`struct ${cppNs}::${cppType} : public Serializable {
+    ${cppType}() = default;
+    explicit ${cppType}(const folly::dynamic &obj);
+    folly::dynamic toDynamic() const override;
+  `);
+
+  if (type instanceof PropsType) {
+    emitProps(stream, type.properties);
+  }
+
+  stream.write('};\n\n');
+}
+
+function emitUnknownRequestDecl(stream: Writable) {
+  stream.write(`struct UnknownRequest : public Request {
+    UnknownRequest();
+    explicit UnknownRequest(const folly::dynamic &obj);
+
+    folly::dynamic toDynamic() const override;
+    void accept(RequestHandler &handler) const override;
+
+    folly::Optional<folly::dynamic> params;
+  };
+
+  `);
+}
+
+export function emitRequestDecl(stream: Writable, command: Command) {
+  const cppNs = command.getCppNamespace();
+  const cppType = command.getRequestCppType();
+
+  stream.write(`struct ${cppNs}::${cppType} : public Request {
+    ${cppType}();
+    explicit ${cppType}(const folly::dynamic &obj);
+
+    folly::dynamic toDynamic() const override;
+    void accept(RequestHandler &handler) const override;
+  `);
+
+  emitProps(stream, command.parameters);
+
+  stream.write('};\n\n');
+}
+
+function emitErrorResponseDecl(stream: Writable) {
+  stream.write(`struct ErrorResponse : public Response {
+    ErrorResponse() = default;
+    explicit ErrorResponse(const folly::dynamic &obj);
+    folly::dynamic toDynamic() const override;
+
+    int code;
+    std::string message;
+    folly::Optional<folly::dynamic> data;
+  };
+
+  `);
+}
+
+function emitOkResponseDecl(stream: Writable) {
+  stream.write(`struct OkResponse : public Response {
+    OkResponse() = default;
+    explicit OkResponse(const folly::dynamic &obj);
+    folly::dynamic toDynamic() const override;
+  };
+
+  `);
+}
+
+export function emitResponseDecl(stream: Writable, command: Command) {
+  const cppNs = command.getCppNamespace();
+  const cppType = command.getResponseCppType();
+  if (!cppType) {
+    return;
+  }
+
+  stream.write(`struct ${cppNs}::${cppType} : public Response {
+    ${cppType}() = default;
+    explicit ${cppType}(const folly::dynamic &obj);
+    folly::dynamic toDynamic() const override;
+  `);
+
+  emitProps(stream, command.returns);
+
+  stream.write('};\n\n');
+}
+
+export function emitNotificationDecl(stream: Writable, event: Event) {
+  const cppNs = event.getCppNamespace();
+  const cppType = event.getCppType();
+
+  stream.write(`struct ${cppNs}::${cppType} : public Notification {
+    ${cppType}();
+    explicit ${cppType}(const folly::dynamic &obj);
+    folly::dynamic toDynamic() const override;
+  `);
+
+  emitProps(stream, event.parameters);
+
+  stream.write('};\n\n');
+}
diff --git a/ReactCommon/hermes/inspector/tools/msggen/src/ImplementationWriter.js b/ReactCommon/hermes/inspector/tools/msggen/src/ImplementationWriter.js
new file mode 100644
index 00000000000000..b4c6a6ac0b43da
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/src/ImplementationWriter.js
@@ -0,0 +1,409 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+'use strict';
+
+import {Writable} from 'stream';
+
+import {GeneratedHeader} from './GeneratedHeader';
+import {PropsType, Type} from './Type';
+import {Command} from './Command';
+import {Event} from './Event';
+
+export class ImplementationWriter {
+  stream: Writable;
+  types: Array<Type>;
+  commands: Array<Command>;
+  events: Array<Event>;
+
+  constructor(
+    stream: Writable,
+    types: Array<Type>,
+    commands: Array<Command>,
+    events: Array<Event>,
+  ) {
+    this.stream = stream;
+    this.types = types;
+    this.commands = commands;
+    this.events = events;
+  }
+
+  write() {
+    this.writePrologue();
+    this.writeRequestParser();
+    this.writeTypeDefs();
+    this.writeRequestDefs();
+    this.writeResponseDefs();
+    this.writeNotificationDefs();
+    this.writeEpilogue();
+  }
+
+  writePrologue() {
+    this.stream.write(`${GeneratedHeader}
+
+      #include "MessageTypes.h"
+
+      #include "MessageTypesInlines.h"
+
+      namespace facebook {
+      namespace hermes {
+      namespace inspector {
+      namespace chrome {
+      namespace message {
+
+    `);
+  }
+
+  writeRequestParser() {
+    emitRequestParser(this.stream, this.commands);
+  }
+
+  writeTypeDefs() {
+    this.stream.write('\n/// Types\n');
+
+    for (const type of this.types) {
+      if (type instanceof PropsType) {
+        emitTypeDef(this.stream, type);
+      }
+    }
+  }
+
+  writeRequestDefs() {
+    this.stream.write('\n/// Requests\n');
+
+    emitUnknownRequestDef(this.stream);
+
+    for (const command of this.commands) {
+      emitRequestDef(this.stream, command);
+    }
+  }
+
+  writeResponseDefs() {
+    this.stream.write('\n/// Responses\n');
+
+    emitErrorResponseDef(this.stream);
+    emitOkResponseDef(this.stream);
+
+    for (const command of this.commands) {
+      emitResponseDef(this.stream, command);
+    }
+  }
+
+  writeNotificationDefs() {
+    this.stream.write('\n/// Notifications\n');
+
+    for (const event of this.events) {
+      emitNotificationDef(this.stream, event);
+    }
+  }
+
+  writeEpilogue() {
+    this.stream.write(`
+      } // namespace message
+      } // namespace chrome
+      } // namespace inspector
+      } // namespace hermes
+      } // namespace facebook
+    `);
+  }
+}
+
+function emitRequestParser(stream: Writable, commands: Array<Command>) {
+  stream.write(`
+    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 = {
+  `);
+
+  for (const command of commands) {
+    const cppNs = command.getCppNamespace();
+    const cppType = command.getRequestCppType();
+    const dbgName = command.getDebuggerName();
+
+    stream.write(`{"${dbgName}", makeUnique<${cppNs}::${cppType}>},\n`);
+  }
+
+  stream.write(`};
+
+    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); });
+  }\n\n`);
+
+  stream.write('\n');
+}
+
+export function emitTypeDef(stream: Writable, type: PropsType) {
+  const cppNs = type.getCppNamespace();
+  const cppType = type.getCppType();
+  const props = type.properties || [];
+
+  // From-dynamic constructor
+  stream.write(`${cppNs}::${cppType}::${cppType}(const dynamic &obj) {\n`);
+
+  for (const prop of props) {
+    const id = prop.getCppIdentifier();
+    const name = prop.name;
+    stream.write(`assign(${id}, obj, "${name}");\n`);
+  }
+
+  stream.write('}\n\n');
+
+  // toDynamic
+  stream.write(`dynamic ${cppNs}::${cppType}::toDynamic() const {
+    dynamic obj = dynamic::object;\n\n`);
+
+  for (const prop of props) {
+    const id = prop.getCppIdentifier();
+    const name = prop.name;
+    stream.write(`put(obj, "${name}", ${id});\n`);
+  }
+
+  stream.write('return obj;\n}\n\n');
+}
+
+function emitErrorResponseDef(stream: Writable) {
+  stream.write(`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;
+  }\n\n`);
+}
+
+function emitOkResponseDef(stream: Writable) {
+  stream.write(`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;
+  }\n\n`);
+}
+
+function emitUnknownRequestDef(stream: Writable) {
+  stream.write(`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);
+}\n\n`);
+}
+
+export function emitRequestDef(stream: Writable, command: Command) {
+  const cppNs = command.getCppNamespace();
+  const cppType = command.getRequestCppType();
+  const dbgName = command.getDebuggerName();
+  const props = command.parameters || [];
+
+  // Default constructor
+  stream.write(`${cppNs}::${cppType}::${cppType}()
+      : Request("${dbgName}") {}\n\n`);
+
+  // From-dynamic constructor
+  stream.write(`${cppNs}::${cppType}::${cppType}(const dynamic &obj)
+      : Request("${dbgName}") {
+    assign(id, obj, "id");
+    assign(method, obj, "method");\n\n`);
+
+  if (props.length > 0) {
+    stream.write('dynamic params = obj.at("params");\n');
+
+    for (const prop of props) {
+      const id = prop.getCppIdentifier();
+      const name = prop.name;
+      stream.write(`assign(${id}, params, "${name}");\n`);
+    }
+  }
+
+  stream.write('}\n\n');
+
+  // toDynamic
+  stream.write(`dynamic ${cppNs}::${cppType}::toDynamic() const {\n`);
+
+  if (props.length > 0) {
+    stream.write('dynamic params = dynamic::object;\n');
+
+    for (const prop of props) {
+      const id = prop.getCppIdentifier();
+      const name = prop.name;
+      stream.write(`put(params, "${name}", ${id});\n`);
+    }
+  }
+
+  stream.write(`
+    dynamic obj = dynamic::object;
+    put(obj, "id", id);
+    put(obj, "method", method);
+  `);
+
+  if (props.length > 0) {
+    stream.write('put(obj, "params", std::move(params));\n');
+  }
+
+  stream.write(`return obj;
+    }\n\n`);
+
+  // visitor
+  stream.write(`void ${cppNs}::${cppType}::accept(RequestHandler &handler) const {
+    handler.handle(*this);
+  }\n\n`);
+}
+
+export function emitResponseDef(stream: Writable, command: Command) {
+  const cppNs = command.getCppNamespace();
+  const cppType = command.getResponseCppType();
+  if (!cppType) {
+    return;
+  }
+
+  // From-dynamic constructor
+  stream.write(`${cppNs}::${cppType}::${cppType}(const dynamic &obj) {
+    assign(id, obj, "id");\n\n`);
+
+  const props = command.returns || [];
+  if (props.length > 0) {
+    stream.write('dynamic res = obj.at("result");\n');
+
+    for (const prop of props) {
+      const id = prop.getCppIdentifier();
+      const name = prop.name;
+      stream.write(`assign(${id}, res, "${name}");\n`);
+    }
+  }
+
+  stream.write('}\n\n');
+
+  // toDynamic
+  stream.write(`dynamic ${cppNs}::${cppType}::toDynamic() const {\n`);
+
+  if (props.length > 0) {
+    stream.write('dynamic res = dynamic::object;\n');
+
+    for (const prop of props) {
+      const id = prop.getCppIdentifier();
+      const name = prop.name;
+      stream.write(`put(res, "${name}", ${id});\n`);
+    }
+  }
+
+  stream.write(`
+    dynamic obj = dynamic::object;
+    put(obj, "id", id);
+    put(obj, "result", std::move(res));
+    return obj;
+  }\n\n`);
+}
+
+export function emitNotificationDef(stream: Writable, event: Event) {
+  const cppNs = event.getCppNamespace();
+  const cppType = event.getCppType();
+  const dbgName = event.getDebuggerName();
+  const props = event.parameters || [];
+
+  // Default constructor
+  stream.write(`${cppNs}::${cppType}::${cppType}()
+      : Notification("${dbgName}") {}\n\n`);
+
+  // From-dynamic constructor
+  stream.write(`${cppNs}::${cppType}::${cppType}(const dynamic &obj)
+      : Notification("${dbgName}") {
+    assign(method, obj, "method");\n\n`);
+
+  if (props.length > 0) {
+    stream.write('dynamic params = obj.at("params");\n');
+
+    for (const prop of props) {
+      const id = prop.getCppIdentifier();
+      const name = prop.name;
+      stream.write(`assign(${id}, params, "${name}");\n`);
+    }
+  }
+
+  stream.write('}\n\n');
+
+  // toDynamic
+  stream.write(`dynamic ${cppNs}::${cppType}::toDynamic() const {\n`);
+
+  if (props.length > 0) {
+    stream.write('dynamic params = dynamic::object;\n');
+
+    for (const prop of props) {
+      const id = prop.getCppIdentifier();
+      const name = prop.name;
+      stream.write(`put(params, "${name}", ${id});\n`);
+    }
+  }
+
+  stream.write(`
+    dynamic obj = dynamic::object;
+    put(obj, "method", method);
+  `);
+
+  if (props.length > 0) {
+    stream.write('put(obj, "params", std::move(params));\n');
+  }
+
+  stream.write(`return obj;
+    }\n\n`);
+}
diff --git a/ReactCommon/hermes/inspector/tools/msggen/src/Property.js b/ReactCommon/hermes/inspector/tools/msggen/src/Property.js
new file mode 100644
index 00000000000000..0dc7ab742bedb9
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/src/Property.js
@@ -0,0 +1,228 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+'use strict';
+
+import {jsTypeToCppType, toCppNamespace, toCppType} from './Converters';
+
+export class Property {
+  domain: string;
+  name: string;
+  description: ?string;
+  exported: ?boolean;
+  experimental: ?boolean;
+  optional: ?boolean;
+
+  static create(domain: string, obj: any): Property {
+    if (obj.$ref) {
+      return new RefProperty(domain, obj);
+    } else if (obj.type === 'array') {
+      return new ArrayProperty(domain, obj);
+    }
+    return new PrimitiveProperty(domain, obj);
+  }
+
+  static createArray(
+    domain: string,
+    elements: Array<any>,
+    ignoreExperimental: boolean,
+  ): Array<Property> {
+    let props = elements.map(elem => Property.create(domain, elem));
+    if (ignoreExperimental) {
+      props = props.filter(prop => !prop.experimental);
+    }
+    return props;
+  }
+
+  constructor(domain: string, obj: any) {
+    this.domain = domain;
+    this.name = obj.name;
+    this.description = obj.description;
+    this.exported = obj.exported;
+    this.experimental = obj.experimental;
+    this.optional = obj.optional;
+  }
+
+  getRefDebuggerName(): ?string {
+    throw new Error('subclass must implement');
+  }
+
+  getFullCppType(): string {
+    throw new Error('subclass must implement');
+  }
+
+  getCppIdentifier(): string {
+    // need to munge identifier if it matches a C++ keyword like "this"
+    if (this.name === 'this') {
+      return 'thisObj';
+    }
+    return this.name;
+  }
+
+  getInitializer(): string {
+    throw new Error('subclass must implement');
+  }
+}
+
+function maybeWrapOptional(
+  type: string,
+  optional: ?boolean,
+  recursive: ?boolean,
+) {
+  if (optional) {
+    return recursive ? `std::unique_ptr<${type}>` : `folly::Optional<${type}>`;
+  }
+  return type;
+}
+
+function toDomainAndId(
+  curDomain: string,
+  absOrRelRef: string,
+): [string, string] {
+  let [domain, id] = ['', ''];
+
+  // absOrRelRef can be:
+  // 1) absolute ref with a "." referencing a type from another namespace, like
+  //    "Runtime.ExceptionDetails"
+  // 2) relative ref without a "." referencing a type in current domain, like
+  //    "Domain"
+  const i = absOrRelRef.indexOf('.');
+  if (i === -1) {
+    domain = curDomain;
+    id = absOrRelRef;
+  } else {
+    domain = absOrRelRef.substr(0, i);
+    id = absOrRelRef.substr(i + 1);
+  }
+
+  return [domain, id];
+}
+
+function toFullCppType(curDomain: string, absOrRelRef: string) {
+  const [domain, id] = toDomainAndId(curDomain, absOrRelRef);
+  return `${toCppNamespace(domain)}::${toCppType(id)}`;
+}
+
+type JsTypeString =
+  | 'any'
+  | 'boolean'
+  | 'integer'
+  | 'number'
+  | 'object'
+  | 'string';
+
+class PrimitiveProperty extends Property {
+  type: JsTypeString;
+
+  constructor(domain: string, obj: any) {
+    super(domain, obj);
+    this.type = obj.type;
+  }
+
+  getRefDebuggerName(): ?string {
+    return undefined;
+  }
+
+  getFullCppType(): string {
+    return maybeWrapOptional(jsTypeToCppType(this.type), this.optional);
+  }
+
+  getInitializer(): string {
+    // folly::Optional doesn't need to be explicitly zero-init
+    if (this.optional) {
+      return '';
+    }
+
+    // we want to explicitly zero-init bool, int, and double
+    const type = this.type;
+    if (type === 'boolean' || type === 'integer' || type === 'number') {
+      return '{}';
+    }
+
+    // everything else (folly::dynamic and std::string) has sensible default
+    // constructor, no need to explicitly zero-init
+    return '';
+  }
+}
+
+class RefProperty extends Property {
+  $ref: string;
+  recursive: ?boolean;
+
+  constructor(domain: string, obj: any) {
+    super(domain, obj);
+    this.$ref = obj.$ref;
+    this.recursive = obj.recursive;
+  }
+
+  getRefDebuggerName(): ?string {
+    // recursive props cause cycles--just ignore them
+    if (this.recursive) {
+      return null;
+    }
+
+    const [domain, id] = toDomainAndId(this.domain, this.$ref);
+    return `${domain}.${id}`;
+  }
+
+  getFullCppType(): string {
+    const fullCppType = toFullCppType(this.domain, this.$ref);
+    return maybeWrapOptional(`${fullCppType}`, this.optional, this.recursive);
+  }
+
+  getInitializer(): string {
+    // must zero-init non-optional ref props since the ref could just be an
+    // alias to a C++ primitive type like int which we always want to zero-init
+    return this.optional ? '' : '{}';
+  }
+}
+
+class ArrayProperty extends Property {
+  type: 'array';
+  items:
+    | {|type: JsTypeString, recursive: false|}
+    | {|$ref: string, recursive: ?boolean|};
+
+  constructor(domain: string, obj: any) {
+    super(domain, obj);
+    this.type = obj.type;
+    this.items = obj.items;
+  }
+
+  getRefDebuggerName(): ?string {
+    if (this.items && this.items.$ref && !this.items.recursive) {
+      const [domain, id] = toDomainAndId(this.domain, this.items.$ref);
+      return `${domain}.${id}`;
+    }
+  }
+
+  getFullCppType(): string {
+    let elemType: string = 'folly::dynamic';
+    let recursive = false;
+
+    if (this.items) {
+      if (this.items.type) {
+        elemType = jsTypeToCppType(this.items.type);
+      } else if (this.items.$ref) {
+        elemType = toFullCppType(this.domain, this.items.$ref);
+        recursive = this.items.recursive;
+      }
+    }
+
+    return maybeWrapOptional(
+      `std::vector<${elemType}>`,
+      this.optional,
+      recursive,
+    );
+  }
+
+  getInitializer(): string {
+    return '';
+  }
+}
diff --git a/ReactCommon/hermes/inspector/tools/msggen/src/TestHelpers.js b/ReactCommon/hermes/inspector/tools/msggen/src/TestHelpers.js
new file mode 100644
index 00000000000000..d301de287f1d78
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/src/TestHelpers.js
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+ /*global expect*/
+
+'use strict';
+
+// munges string so that it's nice to look at in a test diff
+function strip(str) {
+  // Trim leading and trailing WS
+  str = str.replace(/^\s+/, '');
+  str = str.replace(/\s+$/, '');
+
+  // Collapse all repeating newlines (possibly with spaces in between) into a
+  // single newline
+  str = str.replace(/\n(\s*)/g, '\n');
+
+  // Collapse all non-newline whitespace into a single space
+  return str.replace(/[^\S\n]+/g, ' ');
+}
+
+export function expectCodeIsEqual(actual, expected) {
+  expect(strip(actual)).toBe(strip(expected));
+}
+
+export class FakeWritable {
+  constructor() {
+    this.result = '';
+  }
+
+  write(str) {
+    this.result += str;
+  }
+
+  get() {
+    return this.result;
+  }
+}
diff --git a/ReactCommon/hermes/inspector/tools/msggen/src/Type.js b/ReactCommon/hermes/inspector/tools/msggen/src/Type.js
new file mode 100644
index 00000000000000..ca265ec5417cd7
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/src/Type.js
@@ -0,0 +1,99 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+'use strict';
+
+import {Property} from './Property';
+import {jsTypeToCppType, toCppNamespace, toCppType} from './Converters';
+
+export class Type {
+  domain: string;
+  id: string;
+  description: ?string;
+  exported: ?boolean;
+  experimental: ?boolean;
+
+  static create(domain: string, obj: any, ignoreExperimental: boolean): ?Type {
+    let type = null;
+
+    if (obj.type === 'object' && obj.properties) {
+      type = new PropsType(domain, obj, ignoreExperimental);
+    } else if (obj.type) {
+      type = new PrimitiveType(domain, obj, ignoreExperimental);
+    } else {
+      throw new TypeError('Type requires `type` property.');
+    }
+
+    if (ignoreExperimental && type.experimental) {
+      type = null;
+    }
+
+    return type;
+  }
+
+  constructor(domain: string, obj: any) {
+    this.domain = domain;
+    this.id = obj.id;
+    this.description = obj.description;
+    this.exported = obj.exported;
+    this.experimental = obj.experimental;
+  }
+
+  getDebuggerName(): string {
+    return `${this.domain}.${this.id}`;
+  }
+
+  getCppNamespace(): string {
+    return toCppNamespace(this.domain);
+  }
+
+  getCppType(): string {
+    return toCppType(this.id);
+  }
+
+  getForwardDecls(): Array<string> {
+    throw new Error('subclass must implement');
+  }
+
+  getForwardDeclSortKey(): string {
+    return this.getCppType();
+  }
+}
+
+export class PrimitiveType extends Type {
+  type: 'integer' | 'number' | 'object' | 'string';
+
+  constructor(domain: string, obj: any, ignoreExperimental: boolean) {
+    super(domain, obj);
+    this.type = obj.type;
+  }
+
+  getForwardDecls(): Array<string> {
+    return [`using ${this.getCppType()} = ${jsTypeToCppType(this.type)};`];
+  }
+}
+
+export class PropsType extends Type {
+  type: 'object';
+  properties: Array<Property>;
+
+  constructor(domain: string, obj: any, ignoreExperimental: boolean) {
+    super(domain, obj);
+    this.type = obj.type;
+    this.properties = Property.createArray(
+      domain,
+      obj.properties || [],
+      ignoreExperimental,
+    );
+  }
+
+  getForwardDecls(): Array<string> {
+    return [`struct ${this.getCppType()};`];
+  }
+}
diff --git a/ReactCommon/hermes/inspector/tools/msggen/src/index.js b/ReactCommon/hermes/inspector/tools/msggen/src/index.js
new file mode 100644
index 00000000000000..a0955329d7f70d
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/src/index.js
@@ -0,0 +1,228 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+'use strict';
+
+import fs from 'fs';
+
+// $FlowFixMe: flow doesn't know about yargs
+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';
+
+type Descriptor = {|
+  types: Array<Type>,
+  commands: Array<Command>,
+  events: Array<Event>,
+|};
+
+function parseDomains(
+  domainObjs: Array<any>,
+  ignoreExperimental: boolean,
+): Descriptor {
+  const desc = {
+    types: [],
+    commands: [],
+    events: [],
+  };
+
+  for (const obj of domainObjs) {
+    const domain = obj.domain;
+
+    for (const typeObj of obj.types || []) {
+      const type = Type.create(domain, typeObj, ignoreExperimental);
+      if (type) {
+        desc.types.push(type);
+      }
+    }
+
+    for (const commandObj of obj.commands || []) {
+      const command = Command.create(domain, commandObj, ignoreExperimental);
+      if (command) {
+        desc.commands.push(command);
+      }
+    }
+
+    for (const eventObj of obj.events || []) {
+      const event = Event.create(domain, eventObj, ignoreExperimental);
+      if (event) {
+        desc.events.push(event);
+      }
+    }
+  }
+
+  return desc;
+}
+
+function buildGraph(desc: Descriptor): Graph {
+  const graph = new Graph();
+
+  const types = desc.types;
+  const commands = desc.commands;
+  const events = desc.events;
+
+  const maybeAddPropEdges = function(nodeId: string, props: ?Array<Property>) {
+    if (props) {
+      for (const prop of props) {
+        const refId = prop.getRefDebuggerName();
+        if (refId) {
+          graph.addEdge(nodeId, refId);
+        }
+      }
+    }
+  };
+
+  for (const type of types) {
+    graph.addNode(type.getDebuggerName());
+
+    if (type instanceof PropsType) {
+      maybeAddPropEdges(type.getDebuggerName(), type.properties);
+    }
+  }
+
+  for (const command of commands) {
+    graph.addNode(command.getDebuggerName());
+
+    maybeAddPropEdges(command.getDebuggerName(), command.parameters);
+    maybeAddPropEdges(command.getDebuggerName(), command.returns);
+  }
+
+  for (const event of events) {
+    graph.addNode(event.getDebuggerName());
+
+    maybeAddPropEdges(event.getDebuggerName(), event.parameters);
+  }
+
+  return graph;
+}
+
+function parseRoots(desc: Descriptor, rootsPath: ?string): Array<string> {
+  const roots = [];
+
+  if (rootsPath) {
+    const buf = fs.readFileSync(rootsPath);
+    for (let line of buf.toString().split('\n')) {
+      line = line.trim();
+
+      // ignore comments and blank lines
+      if (!line.match(/\s*#/) && line.length > 0) {
+        roots.push(line);
+      }
+    }
+  } else {
+    for (const type of desc.types) {
+      roots.push(type.getDebuggerName());
+    }
+    for (const command of desc.commands) {
+      roots.push(command.getDebuggerName());
+    }
+    for (const event of desc.events) {
+      roots.push(event.getDebuggerName());
+    }
+  }
+
+  return roots;
+}
+
+// only include types, commands, events that can be reached from the given
+// root messages
+function filterReachableFromRoots(
+  desc: Descriptor,
+  graph: Graph,
+  roots: Array<string>,
+): Descriptor {
+  const topoSortedIds = graph.traverse(roots);
+
+  // Types can include other types by value, so they need to be topologically
+  // sorted in the header.
+  const typeMap: Map<string, Type> = new Map();
+  for (const type of desc.types) {
+    typeMap.set(type.getDebuggerName(), type);
+  }
+
+  const types = [];
+  for (const id of topoSortedIds) {
+    const type = typeMap.get(id);
+    if (type) {
+      types.push(type);
+    }
+  }
+
+  // Commands and events don't depend on each other, so just emit them in the
+  // order we got them from the JSON file.
+  const ids = new Set(topoSortedIds);
+  const commands = desc.commands.filter(cmd => ids.has(cmd.getDebuggerName()));
+  const events = desc.events.filter(event => ids.has(event.getDebuggerName()));
+
+  // Sort commands and events so the code is easier to read. Types have to be
+  // topologically sorted as explained above.
+  const comparator = (a, b) => {
+    const id1 = a.getDebuggerName();
+    const id2 = b.getDebuggerName();
+    return id1 < id2 ? -1 : id1 > id2 ? 1 : 0;
+  };
+  commands.sort(comparator);
+  events.sort(comparator);
+
+  return {types, commands, events};
+}
+
+function main() {
+  const args = yargs
+    .usage('Usage: msggen <proto_json_path> <header_path> <cpp_path>')
+    .alias('h', 'help')
+    .help('h')
+    .boolean('e')
+    .alias('e', 'ignore-experimental')
+    .describe('e', 'ignore experimental commands, props, and types')
+    .alias('r', 'roots')
+    .describe('r', 'path to a file listing root types, events, and commands')
+    .nargs('r', 1)
+    .demandCommand(3, 3).argv;
+
+  const ignoreExperimental = !!args.e;
+  const [protoJsonPath, headerPath, implPath] = args._;
+
+  const headerStream = fs.createWriteStream(headerPath);
+  const implStream = fs.createWriteStream(implPath);
+
+  const protoJsonBuf = fs.readFileSync(protoJsonPath);
+  const proto = JSON.parse(protoJsonBuf.toString());
+
+  const desc = parseDomains(proto.domains, ignoreExperimental);
+  const graph = buildGraph(desc);
+  const roots = parseRoots(desc, String(args.roots));
+
+  const reachable = filterReachableFromRoots(desc, graph, roots);
+
+  const hw = new HeaderWriter(
+    headerStream,
+    reachable.types,
+    reachable.commands,
+    reachable.events,
+  );
+  hw.write();
+
+  const iw = new ImplementationWriter(
+    implStream,
+    reachable.types,
+    reachable.commands,
+    reachable.events,
+  );
+  iw.write();
+}
+
+main();
diff --git a/ReactCommon/hermes/inspector/tools/msggen/yarn.lock b/ReactCommon/hermes/inspector/tools/msggen/yarn.lock
new file mode 100644
index 00000000000000..3bf115e2a8f7fa
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/msggen/yarn.lock
@@ -0,0 +1,3700 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+abab@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/abab/-/abab-1.0.4.tgz#5faad9c2c07f60dd76770f71cf025b62a63cfd4e"
+
+abbrev@1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
+
+acorn-dynamic-import@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/acorn-dynamic-import/-/acorn-dynamic-import-2.0.2.tgz#c752bd210bef679501b6c6cb7fc84f8f47158cc4"
+  dependencies:
+    acorn "^4.0.3"
+
+acorn-globals@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-3.1.0.tgz#fd8270f71fbb4996b004fa880ee5d46573a731bf"
+  dependencies:
+    acorn "^4.0.4"
+
+acorn@^4.0.3, acorn@^4.0.4:
+  version "4.0.13"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-4.0.13.tgz#105495ae5361d697bd195c825192e1ad7f253787"
+
+acorn@^5.0.0:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.1.2.tgz#911cb53e036807cf0fa778dc5d370fbd864246d7"
+
+ajv-keywords@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-2.1.0.tgz#a296e17f7bfae7c1ce4f7e0de53d29cb32162df0"
+
+ajv@^4.9.1:
+  version "4.11.8"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-4.11.8.tgz#82ffb02b29e662ae53bdc20af15947706739c536"
+  dependencies:
+    co "^4.6.0"
+    json-stable-stringify "^1.0.1"
+
+ajv@^5.1.0, ajv@^5.1.5:
+  version "5.2.3"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-5.2.3.tgz#c06f598778c44c6b161abafe3466b81ad1814ed2"
+  dependencies:
+    co "^4.6.0"
+    fast-deep-equal "^1.0.0"
+    json-schema-traverse "^0.3.0"
+    json-stable-stringify "^1.0.1"
+
+align-text@^0.1.1, align-text@^0.1.3:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/align-text/-/align-text-0.1.4.tgz#0cd90a561093f35d0a99256c22b7069433fad117"
+  dependencies:
+    kind-of "^3.0.2"
+    longest "^1.0.1"
+    repeat-string "^1.5.2"
+
+amdefine@>=0.0.4:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5"
+
+ansi-escapes@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.0.0.tgz#ec3e8b4e9f8064fc02c3ac9b65f1c275bda8ef92"
+
+ansi-regex@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
+
+ansi-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-3.0.0.tgz#ed0317c322064f79466c02966bddb605ab37d998"
+
+ansi-styles@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
+
+ansi-styles@^3.1.0, ansi-styles@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.0.tgz#c159b8d5be0f9e5a6f346dab94f16ce022161b88"
+  dependencies:
+    color-convert "^1.9.0"
+
+anymatch@^1.3.0:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-1.3.2.tgz#553dcb8f91e3c889845dfdba34c77721b90b9d7a"
+  dependencies:
+    micromatch "^2.1.5"
+    normalize-path "^2.0.0"
+
+append-transform@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/append-transform/-/append-transform-0.4.0.tgz#d76ebf8ca94d276e247a36bad44a4b74ab611991"
+  dependencies:
+    default-require-extensions "^1.0.0"
+
+aproba@^1.0.3:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
+
+are-we-there-yet@~1.1.2:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-1.1.4.tgz#bb5dca382bb94f05e15194373d16fd3ba1ca110d"
+  dependencies:
+    delegates "^1.0.0"
+    readable-stream "^2.0.6"
+
+argparse@^1.0.7:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.9.tgz#73d83bc263f86e97f8cc4f6bae1b0e90a7d22c86"
+  dependencies:
+    sprintf-js "~1.0.2"
+
+arr-diff@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-2.0.0.tgz#8f3b827f955a8bd669697e4a4256ac3ceae356cf"
+  dependencies:
+    arr-flatten "^1.0.1"
+
+arr-flatten@^1.0.1:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/arr-flatten/-/arr-flatten-1.1.0.tgz#36048bbff4e7b47e136644316c99669ea5ae91f1"
+
+array-equal@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/array-equal/-/array-equal-1.0.0.tgz#8c2a5ef2472fd9ea742b04c77a75093ba2757c93"
+
+array-unique@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.2.1.tgz#a1d97ccafcbc2625cc70fadceb36a50c58b01a53"
+
+arrify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
+
+asn1.js@^4.0.0:
+  version "4.9.1"
+  resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-4.9.1.tgz#48ba240b45a9280e94748990ba597d216617fd40"
+  dependencies:
+    bn.js "^4.0.0"
+    inherits "^2.0.1"
+    minimalistic-assert "^1.0.0"
+
+asn1@~0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.3.tgz#dac8787713c9966849fc8180777ebe9c1ddf3b86"
+
+assert-plus@1.0.0, assert-plus@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
+
+assert-plus@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-0.2.0.tgz#d74e1b87e7affc0db8aadb7021f3fe48101ab234"
+
+assert@^1.1.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/assert/-/assert-1.4.1.tgz#99912d591836b5a6f5b345c0f07eefc08fc65d91"
+  dependencies:
+    util "0.10.3"
+
+astral-regex@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9"
+
+async-each@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.1.tgz#19d386a1d9edc6e7c1c85d388aedbcc56d33602d"
+
+async@^1.4.0:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
+
+async@^2.1.2, async@^2.1.4:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/async/-/async-2.5.0.tgz#843190fd6b7357a0b9e1c956edddd5ec8462b54d"
+  dependencies:
+    lodash "^4.14.0"
+
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+
+aws-sign2@~0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.6.0.tgz#14342dd38dbcc94d0e5b87d763cd63612c0e794f"
+
+aws-sign2@~0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"
+
+aws4@^1.2.1, aws4@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.6.0.tgz#83ef5ca860b2b32e4a0deedee8c771b9db57471e"
+
+babel-cli@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-cli/-/babel-cli-6.26.0.tgz#502ab54874d7db88ad00b887a06383ce03d002f1"
+  dependencies:
+    babel-core "^6.26.0"
+    babel-polyfill "^6.26.0"
+    babel-register "^6.26.0"
+    babel-runtime "^6.26.0"
+    commander "^2.11.0"
+    convert-source-map "^1.5.0"
+    fs-readdir-recursive "^1.0.0"
+    glob "^7.1.2"
+    lodash "^4.17.4"
+    output-file-sync "^1.1.2"
+    path-is-absolute "^1.0.1"
+    slash "^1.0.0"
+    source-map "^0.5.6"
+    v8flags "^2.1.1"
+  optionalDependencies:
+    chokidar "^1.6.1"
+
+babel-code-frame@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-code-frame/-/babel-code-frame-6.26.0.tgz#63fd43f7dc1e3bb7ce35947db8fe369a3f58c74b"
+  dependencies:
+    chalk "^1.1.3"
+    esutils "^2.0.2"
+    js-tokens "^3.0.2"
+
+babel-core@^6.0.0, babel-core@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-6.26.0.tgz#af32f78b31a6fcef119c87b0fd8d9753f03a0bb8"
+  dependencies:
+    babel-code-frame "^6.26.0"
+    babel-generator "^6.26.0"
+    babel-helpers "^6.24.1"
+    babel-messages "^6.23.0"
+    babel-register "^6.26.0"
+    babel-runtime "^6.26.0"
+    babel-template "^6.26.0"
+    babel-traverse "^6.26.0"
+    babel-types "^6.26.0"
+    babylon "^6.18.0"
+    convert-source-map "^1.5.0"
+    debug "^2.6.8"
+    json5 "^0.5.1"
+    lodash "^4.17.4"
+    minimatch "^3.0.4"
+    path-is-absolute "^1.0.1"
+    private "^0.1.7"
+    slash "^1.0.0"
+    source-map "^0.5.6"
+
+babel-generator@^6.18.0, babel-generator@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-generator/-/babel-generator-6.26.0.tgz#ac1ae20070b79f6e3ca1d3269613053774f20dc5"
+  dependencies:
+    babel-messages "^6.23.0"
+    babel-runtime "^6.26.0"
+    babel-types "^6.26.0"
+    detect-indent "^4.0.0"
+    jsesc "^1.3.0"
+    lodash "^4.17.4"
+    source-map "^0.5.6"
+    trim-right "^1.0.1"
+
+babel-helper-builder-binary-assignment-operator-visitor@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-builder-binary-assignment-operator-visitor/-/babel-helper-builder-binary-assignment-operator-visitor-6.24.1.tgz#cce4517ada356f4220bcae8a02c2b346f9a56664"
+  dependencies:
+    babel-helper-explode-assignable-expression "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-helper-call-delegate@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-call-delegate/-/babel-helper-call-delegate-6.24.1.tgz#ece6aacddc76e41c3461f88bfc575bd0daa2df8d"
+  dependencies:
+    babel-helper-hoist-variables "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-helper-define-map@^6.24.1:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-define-map/-/babel-helper-define-map-6.26.0.tgz#a5f56dab41a25f97ecb498c7ebaca9819f95be5f"
+  dependencies:
+    babel-helper-function-name "^6.24.1"
+    babel-runtime "^6.26.0"
+    babel-types "^6.26.0"
+    lodash "^4.17.4"
+
+babel-helper-explode-assignable-expression@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-explode-assignable-expression/-/babel-helper-explode-assignable-expression-6.24.1.tgz#f25b82cf7dc10433c55f70592d5746400ac22caa"
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-helper-function-name@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-function-name/-/babel-helper-function-name-6.24.1.tgz#d3475b8c03ed98242a25b48351ab18399d3580a9"
+  dependencies:
+    babel-helper-get-function-arity "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-helper-get-function-arity@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-get-function-arity/-/babel-helper-get-function-arity-6.24.1.tgz#8f7782aa93407c41d3aa50908f89b031b1b6853d"
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-helper-hoist-variables@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-hoist-variables/-/babel-helper-hoist-variables-6.24.1.tgz#1ecb27689c9d25513eadbc9914a73f5408be7a76"
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-helper-optimise-call-expression@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-optimise-call-expression/-/babel-helper-optimise-call-expression-6.24.1.tgz#f7a13427ba9f73f8f4fa993c54a97882d1244257"
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-helper-regex@^6.24.1:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-regex/-/babel-helper-regex-6.26.0.tgz#325c59f902f82f24b74faceed0363954f6495e72"
+  dependencies:
+    babel-runtime "^6.26.0"
+    babel-types "^6.26.0"
+    lodash "^4.17.4"
+
+babel-helper-remap-async-to-generator@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-remap-async-to-generator/-/babel-helper-remap-async-to-generator-6.24.1.tgz#5ec581827ad723fecdd381f1c928390676e4551b"
+  dependencies:
+    babel-helper-function-name "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-helper-replace-supers@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-replace-supers/-/babel-helper-replace-supers-6.24.1.tgz#bf6dbfe43938d17369a213ca8a8bf74b6a90ab1a"
+  dependencies:
+    babel-helper-optimise-call-expression "^6.24.1"
+    babel-messages "^6.23.0"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-helpers@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helpers/-/babel-helpers-6.24.1.tgz#3471de9caec388e5c850e597e58a26ddf37602b2"
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+
+babel-jest@^21.2.0:
+  version "21.2.0"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-21.2.0.tgz#2ce059519a9374a2c46f2455b6fbef5ad75d863e"
+  dependencies:
+    babel-plugin-istanbul "^4.0.0"
+    babel-preset-jest "^21.2.0"
+
+babel-loader@^7.1.2:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-7.1.2.tgz#f6cbe122710f1aa2af4d881c6d5b54358ca24126"
+  dependencies:
+    find-cache-dir "^1.0.0"
+    loader-utils "^1.0.2"
+    mkdirp "^0.5.1"
+
+babel-messages@^6.23.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel-messages/-/babel-messages-6.23.0.tgz#f3cdf4703858035b2a2951c6ec5edf6c62f2630e"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-check-es2015-constants@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-check-es2015-constants/-/babel-plugin-check-es2015-constants-6.22.0.tgz#35157b101426fd2ffd3da3f75c7d1e91835bbf8a"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-idx@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-idx/-/babel-plugin-idx-2.0.0.tgz#a852e416f5e58f8eb0764cc09189ae5dad00c2c2"
+
+babel-plugin-istanbul@^4.0.0:
+  version "4.1.5"
+  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-4.1.5.tgz#6760cdd977f411d3e175bb064f2bc327d99b2b6e"
+  dependencies:
+    find-up "^2.1.0"
+    istanbul-lib-instrument "^1.7.5"
+    test-exclude "^4.1.1"
+
+babel-plugin-jest-hoist@^21.2.0:
+  version "21.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-21.2.0.tgz#2cef637259bd4b628a6cace039de5fcd14dbb006"
+
+babel-plugin-syntax-async-functions@^6.8.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-async-functions/-/babel-plugin-syntax-async-functions-6.13.0.tgz#cad9cad1191b5ad634bf30ae0872391e0647be95"
+
+babel-plugin-syntax-exponentiation-operator@^6.8.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-exponentiation-operator/-/babel-plugin-syntax-exponentiation-operator-6.13.0.tgz#9ee7e8337290da95288201a6a57f4170317830de"
+
+babel-plugin-syntax-flow@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-flow/-/babel-plugin-syntax-flow-6.18.0.tgz#4c3ab20a2af26aa20cd25995c398c4eb70310c8d"
+
+babel-plugin-syntax-object-rest-spread@^6.13.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz#fd6536f2bce13836ffa3a5458c4903a597bb3bf5"
+
+babel-plugin-syntax-trailing-function-commas@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-trailing-function-commas/-/babel-plugin-syntax-trailing-function-commas-6.22.0.tgz#ba0360937f8d06e40180a43fe0d5616fff532cf3"
+
+babel-plugin-transform-async-to-generator@^6.22.0:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-async-to-generator/-/babel-plugin-transform-async-to-generator-6.24.1.tgz#6536e378aff6cb1d5517ac0e40eb3e9fc8d08761"
+  dependencies:
+    babel-helper-remap-async-to-generator "^6.24.1"
+    babel-plugin-syntax-async-functions "^6.8.0"
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-arrow-functions@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-arrow-functions/-/babel-plugin-transform-es2015-arrow-functions-6.22.0.tgz#452692cb711d5f79dc7f85e440ce41b9f244d221"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-block-scoped-functions@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-block-scoped-functions/-/babel-plugin-transform-es2015-block-scoped-functions-6.22.0.tgz#bbc51b49f964d70cb8d8e0b94e820246ce3a6141"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-block-scoping@^6.23.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-block-scoping/-/babel-plugin-transform-es2015-block-scoping-6.26.0.tgz#d70f5299c1308d05c12f463813b0a09e73b1895f"
+  dependencies:
+    babel-runtime "^6.26.0"
+    babel-template "^6.26.0"
+    babel-traverse "^6.26.0"
+    babel-types "^6.26.0"
+    lodash "^4.17.4"
+
+babel-plugin-transform-es2015-classes@^6.23.0:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-classes/-/babel-plugin-transform-es2015-classes-6.24.1.tgz#5a4c58a50c9c9461e564b4b2a3bfabc97a2584db"
+  dependencies:
+    babel-helper-define-map "^6.24.1"
+    babel-helper-function-name "^6.24.1"
+    babel-helper-optimise-call-expression "^6.24.1"
+    babel-helper-replace-supers "^6.24.1"
+    babel-messages "^6.23.0"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-plugin-transform-es2015-computed-properties@^6.22.0:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-computed-properties/-/babel-plugin-transform-es2015-computed-properties-6.24.1.tgz#6fe2a8d16895d5634f4cd999b6d3480a308159b3"
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+
+babel-plugin-transform-es2015-destructuring@^6.23.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-destructuring/-/babel-plugin-transform-es2015-destructuring-6.23.0.tgz#997bb1f1ab967f682d2b0876fe358d60e765c56d"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-duplicate-keys@^6.22.0:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-duplicate-keys/-/babel-plugin-transform-es2015-duplicate-keys-6.24.1.tgz#73eb3d310ca969e3ef9ec91c53741a6f1576423e"
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-plugin-transform-es2015-for-of@^6.23.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-for-of/-/babel-plugin-transform-es2015-for-of-6.23.0.tgz#f47c95b2b613df1d3ecc2fdb7573623c75248691"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-function-name@^6.22.0:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-function-name/-/babel-plugin-transform-es2015-function-name-6.24.1.tgz#834c89853bc36b1af0f3a4c5dbaa94fd8eacaa8b"
+  dependencies:
+    babel-helper-function-name "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-plugin-transform-es2015-literals@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-literals/-/babel-plugin-transform-es2015-literals-6.22.0.tgz#4f54a02d6cd66cf915280019a31d31925377ca2e"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-modules-amd@^6.22.0, babel-plugin-transform-es2015-modules-amd@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-amd/-/babel-plugin-transform-es2015-modules-amd-6.24.1.tgz#3b3e54017239842d6d19c3011c4bd2f00a00d154"
+  dependencies:
+    babel-plugin-transform-es2015-modules-commonjs "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+
+babel-plugin-transform-es2015-modules-commonjs@^6.23.0, babel-plugin-transform-es2015-modules-commonjs@^6.24.1:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-commonjs/-/babel-plugin-transform-es2015-modules-commonjs-6.26.0.tgz#0d8394029b7dc6abe1a97ef181e00758dd2e5d8a"
+  dependencies:
+    babel-plugin-transform-strict-mode "^6.24.1"
+    babel-runtime "^6.26.0"
+    babel-template "^6.26.0"
+    babel-types "^6.26.0"
+
+babel-plugin-transform-es2015-modules-systemjs@^6.23.0:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-systemjs/-/babel-plugin-transform-es2015-modules-systemjs-6.24.1.tgz#ff89a142b9119a906195f5f106ecf305d9407d23"
+  dependencies:
+    babel-helper-hoist-variables "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+
+babel-plugin-transform-es2015-modules-umd@^6.23.0:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-umd/-/babel-plugin-transform-es2015-modules-umd-6.24.1.tgz#ac997e6285cd18ed6176adb607d602344ad38468"
+  dependencies:
+    babel-plugin-transform-es2015-modules-amd "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+
+babel-plugin-transform-es2015-object-super@^6.22.0:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-object-super/-/babel-plugin-transform-es2015-object-super-6.24.1.tgz#24cef69ae21cb83a7f8603dad021f572eb278f8d"
+  dependencies:
+    babel-helper-replace-supers "^6.24.1"
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-parameters@^6.23.0:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-parameters/-/babel-plugin-transform-es2015-parameters-6.24.1.tgz#57ac351ab49caf14a97cd13b09f66fdf0a625f2b"
+  dependencies:
+    babel-helper-call-delegate "^6.24.1"
+    babel-helper-get-function-arity "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-plugin-transform-es2015-shorthand-properties@^6.22.0:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-shorthand-properties/-/babel-plugin-transform-es2015-shorthand-properties-6.24.1.tgz#24f875d6721c87661bbd99a4622e51f14de38aa0"
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-plugin-transform-es2015-spread@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-spread/-/babel-plugin-transform-es2015-spread-6.22.0.tgz#d6d68a99f89aedc4536c81a542e8dd9f1746f8d1"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-sticky-regex@^6.22.0:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-sticky-regex/-/babel-plugin-transform-es2015-sticky-regex-6.24.1.tgz#00c1cdb1aca71112cdf0cf6126c2ed6b457ccdbc"
+  dependencies:
+    babel-helper-regex "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-plugin-transform-es2015-template-literals@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-template-literals/-/babel-plugin-transform-es2015-template-literals-6.22.0.tgz#a84b3450f7e9f8f1f6839d6d687da84bb1236d8d"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-typeof-symbol@^6.23.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-typeof-symbol/-/babel-plugin-transform-es2015-typeof-symbol-6.23.0.tgz#dec09f1cddff94b52ac73d505c84df59dcceb372"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-unicode-regex@^6.22.0:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-unicode-regex/-/babel-plugin-transform-es2015-unicode-regex-6.24.1.tgz#d38b12f42ea7323f729387f18a7c5ae1faeb35e9"
+  dependencies:
+    babel-helper-regex "^6.24.1"
+    babel-runtime "^6.22.0"
+    regexpu-core "^2.0.0"
+
+babel-plugin-transform-exponentiation-operator@^6.22.0:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-exponentiation-operator/-/babel-plugin-transform-exponentiation-operator-6.24.1.tgz#2ab0c9c7f3098fa48907772bb813fe41e8de3a0e"
+  dependencies:
+    babel-helper-builder-binary-assignment-operator-visitor "^6.24.1"
+    babel-plugin-syntax-exponentiation-operator "^6.8.0"
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-flow-strip-types@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-flow-strip-types/-/babel-plugin-transform-flow-strip-types-6.22.0.tgz#84cb672935d43714fdc32bce84568d87441cf7cf"
+  dependencies:
+    babel-plugin-syntax-flow "^6.18.0"
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-regenerator@^6.22.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-regenerator/-/babel-plugin-transform-regenerator-6.26.0.tgz#e0703696fbde27f0a3efcacf8b4dca2f7b3a8f2f"
+  dependencies:
+    regenerator-transform "^0.10.0"
+
+babel-plugin-transform-strict-mode@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-strict-mode/-/babel-plugin-transform-strict-mode-6.24.1.tgz#d5faf7aa578a65bbe591cf5edae04a0c67020758"
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-polyfill@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-polyfill/-/babel-polyfill-6.26.0.tgz#379937abc67d7895970adc621f284cd966cf2153"
+  dependencies:
+    babel-runtime "^6.26.0"
+    core-js "^2.5.0"
+    regenerator-runtime "^0.10.5"
+
+babel-preset-env@^1.6.0:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/babel-preset-env/-/babel-preset-env-1.6.1.tgz#a18b564cc9b9afdf4aae57ae3c1b0d99188e6f48"
+  dependencies:
+    babel-plugin-check-es2015-constants "^6.22.0"
+    babel-plugin-syntax-trailing-function-commas "^6.22.0"
+    babel-plugin-transform-async-to-generator "^6.22.0"
+    babel-plugin-transform-es2015-arrow-functions "^6.22.0"
+    babel-plugin-transform-es2015-block-scoped-functions "^6.22.0"
+    babel-plugin-transform-es2015-block-scoping "^6.23.0"
+    babel-plugin-transform-es2015-classes "^6.23.0"
+    babel-plugin-transform-es2015-computed-properties "^6.22.0"
+    babel-plugin-transform-es2015-destructuring "^6.23.0"
+    babel-plugin-transform-es2015-duplicate-keys "^6.22.0"
+    babel-plugin-transform-es2015-for-of "^6.23.0"
+    babel-plugin-transform-es2015-function-name "^6.22.0"
+    babel-plugin-transform-es2015-literals "^6.22.0"
+    babel-plugin-transform-es2015-modules-amd "^6.22.0"
+    babel-plugin-transform-es2015-modules-commonjs "^6.23.0"
+    babel-plugin-transform-es2015-modules-systemjs "^6.23.0"
+    babel-plugin-transform-es2015-modules-umd "^6.23.0"
+    babel-plugin-transform-es2015-object-super "^6.22.0"
+    babel-plugin-transform-es2015-parameters "^6.23.0"
+    babel-plugin-transform-es2015-shorthand-properties "^6.22.0"
+    babel-plugin-transform-es2015-spread "^6.22.0"
+    babel-plugin-transform-es2015-sticky-regex "^6.22.0"
+    babel-plugin-transform-es2015-template-literals "^6.22.0"
+    babel-plugin-transform-es2015-typeof-symbol "^6.23.0"
+    babel-plugin-transform-es2015-unicode-regex "^6.22.0"
+    babel-plugin-transform-exponentiation-operator "^6.22.0"
+    babel-plugin-transform-regenerator "^6.22.0"
+    browserslist "^2.1.2"
+    invariant "^2.2.2"
+    semver "^5.3.0"
+
+babel-preset-flow@^6.23.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-flow/-/babel-preset-flow-6.23.0.tgz#e71218887085ae9a24b5be4169affb599816c49d"
+  dependencies:
+    babel-plugin-transform-flow-strip-types "^6.22.0"
+
+babel-preset-jest@^21.2.0:
+  version "21.2.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-21.2.0.tgz#ff9d2bce08abd98e8a36d9a8a5189b9173b85638"
+  dependencies:
+    babel-plugin-jest-hoist "^21.2.0"
+    babel-plugin-syntax-object-rest-spread "^6.13.0"
+
+babel-register@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-register/-/babel-register-6.26.0.tgz#6ed021173e2fcb486d7acb45c6009a856f647071"
+  dependencies:
+    babel-core "^6.26.0"
+    babel-runtime "^6.26.0"
+    core-js "^2.5.0"
+    home-or-tmp "^2.0.0"
+    lodash "^4.17.4"
+    mkdirp "^0.5.1"
+    source-map-support "^0.4.15"
+
+babel-runtime@^6.18.0, babel-runtime@^6.22.0, babel-runtime@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe"
+  dependencies:
+    core-js "^2.4.0"
+    regenerator-runtime "^0.11.0"
+
+babel-template@^6.16.0, babel-template@^6.24.1, babel-template@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-template/-/babel-template-6.26.0.tgz#de03e2d16396b069f46dd9fff8521fb1a0e35e02"
+  dependencies:
+    babel-runtime "^6.26.0"
+    babel-traverse "^6.26.0"
+    babel-types "^6.26.0"
+    babylon "^6.18.0"
+    lodash "^4.17.4"
+
+babel-traverse@^6.18.0, babel-traverse@^6.24.1, babel-traverse@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-traverse/-/babel-traverse-6.26.0.tgz#46a9cbd7edcc62c8e5c064e2d2d8d0f4035766ee"
+  dependencies:
+    babel-code-frame "^6.26.0"
+    babel-messages "^6.23.0"
+    babel-runtime "^6.26.0"
+    babel-types "^6.26.0"
+    babylon "^6.18.0"
+    debug "^2.6.8"
+    globals "^9.18.0"
+    invariant "^2.2.2"
+    lodash "^4.17.4"
+
+babel-types@^6.18.0, babel-types@^6.19.0, babel-types@^6.24.1, babel-types@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-types/-/babel-types-6.26.0.tgz#a3b073f94ab49eb6fa55cd65227a334380632497"
+  dependencies:
+    babel-runtime "^6.26.0"
+    esutils "^2.0.2"
+    lodash "^4.17.4"
+    to-fast-properties "^1.0.3"
+
+babylon@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.18.0.tgz#af2f3b88fa6f5c1e4c634d1a0f8eac4f55b395e3"
+
+balanced-match@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
+
+base64-js@^1.0.2:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.2.1.tgz#a91947da1f4a516ea38e5b4ec0ec3773675e0886"
+
+bcrypt-pbkdf@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.1.tgz#63bc5dcb61331b92bc05fd528953c33462a06f8d"
+  dependencies:
+    tweetnacl "^0.14.3"
+
+big.js@^3.1.3:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/big.js/-/big.js-3.2.0.tgz#a5fc298b81b9e0dca2e458824784b65c52ba588e"
+
+binary-extensions@^1.0.0:
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-1.10.0.tgz#9aeb9a6c5e88638aad171e167f5900abe24835d0"
+
+block-stream@*:
+  version "0.0.9"
+  resolved "https://registry.yarnpkg.com/block-stream/-/block-stream-0.0.9.tgz#13ebfe778a03205cfe03751481ebb4b3300c126a"
+  dependencies:
+    inherits "~2.0.0"
+
+bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.1.1, bn.js@^4.4.0:
+  version "4.11.8"
+  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.8.tgz#2cde09eb5ee341f484746bb0309b3253b1b1442f"
+
+boom@2.x.x:
+  version "2.10.1"
+  resolved "https://registry.yarnpkg.com/boom/-/boom-2.10.1.tgz#39c8918ceff5799f83f9492a848f625add0c766f"
+  dependencies:
+    hoek "2.x.x"
+
+boom@4.x.x:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/boom/-/boom-4.3.1.tgz#4f8a3005cb4a7e3889f749030fd25b96e01d2e31"
+  dependencies:
+    hoek "4.x.x"
+
+boom@5.x.x:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/boom/-/boom-5.2.0.tgz#5dd9da6ee3a5f302077436290cb717d3f4a54e02"
+  dependencies:
+    hoek "4.x.x"
+
+brace-expansion@^1.1.7:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.8.tgz#c07b211c7c952ec1f8efd51a77ef0d1d3990a292"
+  dependencies:
+    balanced-match "^1.0.0"
+    concat-map "0.0.1"
+
+braces@^1.8.2:
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-1.8.5.tgz#ba77962e12dff969d6b76711e914b737857bf6a7"
+  dependencies:
+    expand-range "^1.8.1"
+    preserve "^0.2.0"
+    repeat-element "^1.1.2"
+
+brorand@^1.0.1:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
+
+browser-resolve@^1.11.2:
+  version "1.11.2"
+  resolved "https://registry.yarnpkg.com/browser-resolve/-/browser-resolve-1.11.2.tgz#8ff09b0a2c421718a1051c260b32e48f442938ce"
+  dependencies:
+    resolve "1.1.7"
+
+browserify-aes@^1.0.0, browserify-aes@^1.0.4:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.1.0.tgz#1d2ad62a8b479f23f0ab631c1be86a82dbccbe48"
+  dependencies:
+    buffer-xor "^1.0.3"
+    cipher-base "^1.0.0"
+    create-hash "^1.1.0"
+    evp_bytestokey "^1.0.3"
+    inherits "^2.0.1"
+    safe-buffer "^5.0.1"
+
+browserify-cipher@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/browserify-cipher/-/browserify-cipher-1.0.0.tgz#9988244874bf5ed4e28da95666dcd66ac8fc363a"
+  dependencies:
+    browserify-aes "^1.0.4"
+    browserify-des "^1.0.0"
+    evp_bytestokey "^1.0.0"
+
+browserify-des@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/browserify-des/-/browserify-des-1.0.0.tgz#daa277717470922ed2fe18594118a175439721dd"
+  dependencies:
+    cipher-base "^1.0.1"
+    des.js "^1.0.0"
+    inherits "^2.0.1"
+
+browserify-rsa@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.0.1.tgz#21e0abfaf6f2029cf2fafb133567a701d4135524"
+  dependencies:
+    bn.js "^4.1.0"
+    randombytes "^2.0.1"
+
+browserify-sign@^4.0.0:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/browserify-sign/-/browserify-sign-4.0.4.tgz#aa4eb68e5d7b658baa6bf6a57e630cbd7a93d298"
+  dependencies:
+    bn.js "^4.1.1"
+    browserify-rsa "^4.0.0"
+    create-hash "^1.1.0"
+    create-hmac "^1.1.2"
+    elliptic "^6.0.0"
+    inherits "^2.0.1"
+    parse-asn1 "^5.0.0"
+
+browserify-zlib@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.1.4.tgz#bb35f8a519f600e0fa6b8485241c979d0141fb2d"
+  dependencies:
+    pako "~0.2.0"
+
+browserslist@^2.1.2:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-2.5.1.tgz#68e4bc536bbcc6086d62843a2ffccea8396821c6"
+  dependencies:
+    caniuse-lite "^1.0.30000744"
+    electron-to-chromium "^1.3.24"
+
+bser@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/bser/-/bser-2.0.0.tgz#9ac78d3ed5d915804fd87acb158bc797147a1719"
+  dependencies:
+    node-int64 "^0.4.0"
+
+buffer-xor@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/buffer-xor/-/buffer-xor-1.0.3.tgz#26e61ed1422fb70dd42e6e36729ed51d855fe8d9"
+
+buffer@^4.3.0:
+  version "4.9.1"
+  resolved "https://registry.yarnpkg.com/buffer/-/buffer-4.9.1.tgz#6d1bb601b07a4efced97094132093027c95bc298"
+  dependencies:
+    base64-js "^1.0.2"
+    ieee754 "^1.1.4"
+    isarray "^1.0.0"
+
+builtin-modules@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-1.1.1.tgz#270f076c5a72c02f5b65a47df94c5fe3a278892f"
+
+builtin-status-codes@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
+
+callsites@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/callsites/-/callsites-2.0.0.tgz#06eb84f00eea413da86affefacbffb36093b3c50"
+
+camelcase@^1.0.2:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-1.2.1.tgz#9bb5304d2e0b56698b2c758b08a3eaa9daa58a39"
+
+camelcase@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
+
+caniuse-lite@^1.0.30000744:
+  version "1.0.30000746"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000746.tgz#c64f95a3925cfd30207a308ed76c1ae96ea09ea0"
+
+caseless@~0.12.0:
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
+
+center-align@^0.1.1:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/center-align/-/center-align-0.1.3.tgz#aa0d32629b6ee972200411cbd4461c907bc2b7ad"
+  dependencies:
+    align-text "^0.1.3"
+    lazy-cache "^1.0.3"
+
+chalk@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
+  dependencies:
+    ansi-styles "^2.2.1"
+    escape-string-regexp "^1.0.2"
+    has-ansi "^2.0.0"
+    strip-ansi "^3.0.0"
+    supports-color "^2.0.0"
+
+chalk@^2.0.1:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.1.0.tgz#ac5becf14fa21b99c6c92ca7a7d7cfd5b17e743e"
+  dependencies:
+    ansi-styles "^3.1.0"
+    escape-string-regexp "^1.0.5"
+    supports-color "^4.0.0"
+
+chokidar@^1.6.1, chokidar@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-1.7.0.tgz#798e689778151c8076b4b360e5edd28cda2bb468"
+  dependencies:
+    anymatch "^1.3.0"
+    async-each "^1.0.0"
+    glob-parent "^2.0.0"
+    inherits "^2.0.1"
+    is-binary-path "^1.0.0"
+    is-glob "^2.0.0"
+    path-is-absolute "^1.0.0"
+    readdirp "^2.0.0"
+  optionalDependencies:
+    fsevents "^1.0.0"
+
+ci-info@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-1.1.1.tgz#47b44df118c48d2597b56d342e7e25791060171a"
+
+cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/cipher-base/-/cipher-base-1.0.4.tgz#8760e4ecc272f4c363532f926d874aae2c1397de"
+  dependencies:
+    inherits "^2.0.1"
+    safe-buffer "^5.0.1"
+
+cliui@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-2.1.0.tgz#4b475760ff80264c762c3a1719032e91c7fea0d1"
+  dependencies:
+    center-align "^0.1.1"
+    right-align "^0.1.1"
+    wordwrap "0.0.2"
+
+cliui@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-3.2.0.tgz#120601537a916d29940f934da3b48d585a39213d"
+  dependencies:
+    string-width "^1.0.1"
+    strip-ansi "^3.0.1"
+    wrap-ansi "^2.0.0"
+
+co@^4.6.0:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
+
+code-point-at@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
+
+color-convert@^1.9.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.0.tgz#1accf97dd739b983bf994d56fec8f95853641b7a"
+  dependencies:
+    color-name "^1.1.1"
+
+color-name@^1.1.1:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
+
+combined-stream@^1.0.5, combined-stream@~1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.5.tgz#938370a57b4a51dea2c77c15d5c5fdf895164009"
+  dependencies:
+    delayed-stream "~1.0.0"
+
+commander@^2.11.0:
+  version "2.14.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-2.14.1.tgz#2235123e37af8ca3c65df45b026dbd357b01b9aa"
+
+commondir@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
+
+concat-map@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
+
+console-browserify@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.1.0.tgz#f0241c45730a9fc6323b206dbf38edc741d0bb10"
+  dependencies:
+    date-now "^0.1.4"
+
+console-control-strings@^1.0.0, console-control-strings@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
+
+constants-browserify@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
+
+content-type-parser@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/content-type-parser/-/content-type-parser-1.0.1.tgz#c3e56988c53c65127fb46d4032a3a900246fdc94"
+
+convert-source-map@^1.4.0, convert-source-map@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.5.0.tgz#9acd70851c6d5dfdd93d9282e5edf94a03ff46b5"
+
+core-js@^2.4.0, core-js@^2.5.0:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.5.1.tgz#ae6874dc66937789b80754ff5428df66819ca50b"
+
+core-util-is@1.0.2, core-util-is@~1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
+
+create-ecdh@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.0.tgz#888c723596cdf7612f6498233eebd7a35301737d"
+  dependencies:
+    bn.js "^4.1.0"
+    elliptic "^6.0.0"
+
+create-hash@^1.1.0, create-hash@^1.1.2:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/create-hash/-/create-hash-1.1.3.tgz#606042ac8b9262750f483caddab0f5819172d8fd"
+  dependencies:
+    cipher-base "^1.0.1"
+    inherits "^2.0.1"
+    ripemd160 "^2.0.0"
+    sha.js "^2.4.0"
+
+create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/create-hmac/-/create-hmac-1.1.6.tgz#acb9e221a4e17bdb076e90657c42b93e3726cf06"
+  dependencies:
+    cipher-base "^1.0.3"
+    create-hash "^1.1.0"
+    inherits "^2.0.1"
+    ripemd160 "^2.0.0"
+    safe-buffer "^5.0.1"
+    sha.js "^2.4.8"
+
+cross-spawn@^5.0.1:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-5.1.0.tgz#e8bd0efee58fcff6f8f94510a0a554bbfa235449"
+  dependencies:
+    lru-cache "^4.0.1"
+    shebang-command "^1.2.0"
+    which "^1.2.9"
+
+cryptiles@2.x.x:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/cryptiles/-/cryptiles-2.0.5.tgz#3bdfecdc608147c1c67202fa291e7dca59eaa3b8"
+  dependencies:
+    boom "2.x.x"
+
+cryptiles@3.x.x:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/cryptiles/-/cryptiles-3.1.2.tgz#a89fbb220f5ce25ec56e8c4aa8a4fd7b5b0d29fe"
+  dependencies:
+    boom "5.x.x"
+
+crypto-browserify@^3.11.0:
+  version "3.11.1"
+  resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.11.1.tgz#948945efc6757a400d6e5e5af47194d10064279f"
+  dependencies:
+    browserify-cipher "^1.0.0"
+    browserify-sign "^4.0.0"
+    create-ecdh "^4.0.0"
+    create-hash "^1.1.0"
+    create-hmac "^1.1.0"
+    diffie-hellman "^5.0.0"
+    inherits "^2.0.1"
+    pbkdf2 "^3.0.3"
+    public-encrypt "^4.0.0"
+    randombytes "^2.0.0"
+
+cssom@0.3.x, "cssom@>= 0.3.2 < 0.4.0":
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.2.tgz#b8036170c79f07a90ff2f16e22284027a243848b"
+
+"cssstyle@>= 0.2.37 < 0.3.0":
+  version "0.2.37"
+  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-0.2.37.tgz#541097234cb2513c83ceed3acddc27ff27987d54"
+  dependencies:
+    cssom "0.3.x"
+
+d@1:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/d/-/d-1.0.0.tgz#754bb5bfe55451da69a58b94d45f4c5b0462d58f"
+  dependencies:
+    es5-ext "^0.10.9"
+
+dashdash@^1.12.0:
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/dashdash/-/dashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0"
+  dependencies:
+    assert-plus "^1.0.0"
+
+date-now@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/date-now/-/date-now-0.1.4.tgz#eaf439fd4d4848ad74e5cc7dbef200672b9e345b"
+
+debug@^2.2.0, debug@^2.6.3, debug@^2.6.8:
+  version "2.6.9"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
+  dependencies:
+    ms "2.0.0"
+
+decamelize@^1.0.0, decamelize@^1.1.1:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
+
+deep-extend@~0.4.0:
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.4.2.tgz#48b699c27e334bf89f10892be432f6e4c7d34a7f"
+
+deep-is@~0.1.3:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
+
+default-require-extensions@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/default-require-extensions/-/default-require-extensions-1.0.0.tgz#f37ea15d3e13ffd9b437d33e1a75b5fb97874cb8"
+  dependencies:
+    strip-bom "^2.0.0"
+
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+
+delegates@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
+
+des.js@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/des.js/-/des.js-1.0.0.tgz#c074d2e2aa6a8a9a07dbd61f9a15c2cd83ec8ecc"
+  dependencies:
+    inherits "^2.0.1"
+    minimalistic-assert "^1.0.0"
+
+detect-indent@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-4.0.0.tgz#f76d064352cdf43a1cb6ce619c4ee3a9475de208"
+  dependencies:
+    repeating "^2.0.0"
+
+diff@^3.2.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/diff/-/diff-3.4.0.tgz#b1d85507daf3964828de54b37d0d73ba67dda56c"
+
+diffie-hellman@^5.0.0:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.2.tgz#b5835739270cfe26acf632099fded2a07f209e5e"
+  dependencies:
+    bn.js "^4.1.0"
+    miller-rabin "^4.0.0"
+    randombytes "^2.0.0"
+
+domain-browser@^1.1.1:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.1.7.tgz#867aa4b093faa05f1de08c06f4d7b21fdf8698bc"
+
+ecc-jsbn@~0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.1.tgz#0fc73a9ed5f0d53c38193398523ef7e543777505"
+  dependencies:
+    jsbn "~0.1.0"
+
+electron-to-chromium@^1.3.24:
+  version "1.3.26"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.26.tgz#996427294861a74d9c7c82b9260ea301e8c02d66"
+
+elliptic@^6.0.0:
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.4.0.tgz#cac9af8762c85836187003c8dfe193e5e2eae5df"
+  dependencies:
+    bn.js "^4.4.0"
+    brorand "^1.0.1"
+    hash.js "^1.0.0"
+    hmac-drbg "^1.0.0"
+    inherits "^2.0.1"
+    minimalistic-assert "^1.0.0"
+    minimalistic-crypto-utils "^1.0.0"
+
+emojis-list@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389"
+
+enhanced-resolve@^3.4.0:
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-3.4.1.tgz#0421e339fd71419b3da13d129b3979040230476e"
+  dependencies:
+    graceful-fs "^4.1.2"
+    memory-fs "^0.4.0"
+    object-assign "^4.0.1"
+    tapable "^0.2.7"
+
+errno@^0.1.3, errno@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.4.tgz#b896e23a9e5e8ba33871fc996abd3635fc9a1c7d"
+  dependencies:
+    prr "~0.0.0"
+
+error-ex@^1.2.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.1.tgz#f855a86ce61adc4e8621c3cda21e7a7612c3a8dc"
+  dependencies:
+    is-arrayish "^0.2.1"
+
+es5-ext@^0.10.14, es5-ext@^0.10.35, es5-ext@^0.10.9, es5-ext@~0.10.14:
+  version "0.10.35"
+  resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.35.tgz#18ee858ce6a3c45c7d79e91c15fcca9ec568494f"
+  dependencies:
+    es6-iterator "~2.0.1"
+    es6-symbol "~3.1.1"
+
+es6-iterator@^2.0.1, es6-iterator@~2.0.1:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/es6-iterator/-/es6-iterator-2.0.3.tgz#a7de889141a05a94b0854403b2d0a0fbfa98f3b7"
+  dependencies:
+    d "1"
+    es5-ext "^0.10.35"
+    es6-symbol "^3.1.1"
+
+es6-map@^0.1.3:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/es6-map/-/es6-map-0.1.5.tgz#9136e0503dcc06a301690f0bb14ff4e364e949f0"
+  dependencies:
+    d "1"
+    es5-ext "~0.10.14"
+    es6-iterator "~2.0.1"
+    es6-set "~0.1.5"
+    es6-symbol "~3.1.1"
+    event-emitter "~0.3.5"
+
+es6-set@~0.1.5:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/es6-set/-/es6-set-0.1.5.tgz#d2b3ec5d4d800ced818db538d28974db0a73ccb1"
+  dependencies:
+    d "1"
+    es5-ext "~0.10.14"
+    es6-iterator "~2.0.1"
+    es6-symbol "3.1.1"
+    event-emitter "~0.3.5"
+
+es6-symbol@3.1.1, es6-symbol@^3.1.1, es6-symbol@~3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.1.tgz#bf00ef4fdab6ba1b46ecb7b629b4c7ed5715cc77"
+  dependencies:
+    d "1"
+    es5-ext "~0.10.14"
+
+es6-weak-map@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/es6-weak-map/-/es6-weak-map-2.0.2.tgz#5e3ab32251ffd1538a1f8e5ffa1357772f92d96f"
+  dependencies:
+    d "1"
+    es5-ext "^0.10.14"
+    es6-iterator "^2.0.1"
+    es6-symbol "^3.1.1"
+
+escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
+
+escodegen@^1.6.1:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.9.0.tgz#9811a2f265dc1cd3894420ee3717064b632b8852"
+  dependencies:
+    esprima "^3.1.3"
+    estraverse "^4.2.0"
+    esutils "^2.0.2"
+    optionator "^0.8.1"
+  optionalDependencies:
+    source-map "~0.5.6"
+
+escope@^3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/escope/-/escope-3.6.0.tgz#e01975e812781a163a6dadfdd80398dc64c889c3"
+  dependencies:
+    es6-map "^0.1.3"
+    es6-weak-map "^2.0.1"
+    esrecurse "^4.1.0"
+    estraverse "^4.1.1"
+
+esprima@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/esprima/-/esprima-3.1.3.tgz#fdca51cee6133895e3c88d535ce49dbff62a4633"
+
+esprima@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.0.tgz#4499eddcd1110e0b218bacf2fa7f7f59f55ca804"
+
+esrecurse@^4.1.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.2.0.tgz#fa9568d98d3823f9a41d91e902dcab9ea6e5b163"
+  dependencies:
+    estraverse "^4.1.0"
+    object-assign "^4.0.1"
+
+estraverse@^4.1.0, estraverse@^4.1.1, estraverse@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.2.0.tgz#0dee3fed31fcd469618ce7342099fc1afa0bdb13"
+
+esutils@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.2.tgz#0abf4f1caa5bcb1f7a9d8acc6dea4faaa04bac9b"
+
+event-emitter@~0.3.5:
+  version "0.3.5"
+  resolved "https://registry.yarnpkg.com/event-emitter/-/event-emitter-0.3.5.tgz#df8c69eef1647923c7157b9ce83840610b02cc39"
+  dependencies:
+    d "1"
+    es5-ext "~0.10.14"
+
+events@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/events/-/events-1.1.1.tgz#9ebdb7635ad099c70dcc4c2a1f5004288e8bd924"
+
+evp_bytestokey@^1.0.0, evp_bytestokey@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz#7fcbdb198dc71959432efe13842684e0525acb02"
+  dependencies:
+    md5.js "^1.3.4"
+    safe-buffer "^5.1.1"
+
+exec-sh@^0.2.0:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/exec-sh/-/exec-sh-0.2.1.tgz#163b98a6e89e6b65b47c2a28d215bc1f63989c38"
+  dependencies:
+    merge "^1.1.3"
+
+execa@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-0.7.0.tgz#944becd34cc41ee32a63a9faf27ad5a65fc59777"
+  dependencies:
+    cross-spawn "^5.0.1"
+    get-stream "^3.0.0"
+    is-stream "^1.1.0"
+    npm-run-path "^2.0.0"
+    p-finally "^1.0.0"
+    signal-exit "^3.0.0"
+    strip-eof "^1.0.0"
+
+expand-brackets@^0.1.4:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-0.1.5.tgz#df07284e342a807cd733ac5af72411e581d1177b"
+  dependencies:
+    is-posix-bracket "^0.1.0"
+
+expand-range@^1.8.1:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/expand-range/-/expand-range-1.8.2.tgz#a299effd335fe2721ebae8e257ec79644fc85337"
+  dependencies:
+    fill-range "^2.1.0"
+
+expect@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-21.2.1.tgz#003ac2ac7005c3c29e73b38a272d4afadd6d1d7b"
+  dependencies:
+    ansi-styles "^3.2.0"
+    jest-diff "^21.2.1"
+    jest-get-type "^21.2.0"
+    jest-matcher-utils "^21.2.1"
+    jest-message-util "^21.2.1"
+    jest-regex-util "^21.2.0"
+
+extend@~3.0.0, extend@~3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.1.tgz#a755ea7bc1adfcc5a31ce7e762dbaadc5e636444"
+
+extglob@^0.3.1:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/extglob/-/extglob-0.3.2.tgz#2e18ff3d2f49ab2765cec9023f011daa8d8349a1"
+  dependencies:
+    is-extglob "^1.0.0"
+
+extsprintf@1.3.0, extsprintf@^1.2.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05"
+
+fast-deep-equal@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-1.0.0.tgz#96256a3bc975595eb36d82e9929d060d893439ff"
+
+fast-levenshtein@~2.0.4:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
+
+fb-watchman@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.0.tgz#54e9abf7dfa2f26cd9b1636c588c1afc05de5d58"
+  dependencies:
+    bser "^2.0.0"
+
+filename-regex@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/filename-regex/-/filename-regex-2.0.1.tgz#c1c4b9bee3e09725ddb106b75c1e301fe2f18b26"
+
+fileset@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/fileset/-/fileset-2.0.3.tgz#8e7548a96d3cc2327ee5e674168723a333bba2a0"
+  dependencies:
+    glob "^7.0.3"
+    minimatch "^3.0.3"
+
+fill-range@^2.1.0:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-2.2.3.tgz#50b77dfd7e469bc7492470963699fe7a8485a723"
+  dependencies:
+    is-number "^2.1.0"
+    isobject "^2.0.0"
+    randomatic "^1.1.3"
+    repeat-element "^1.1.2"
+    repeat-string "^1.5.2"
+
+find-cache-dir@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-1.0.0.tgz#9288e3e9e3cc3748717d39eade17cf71fc30ee6f"
+  dependencies:
+    commondir "^1.0.1"
+    make-dir "^1.0.0"
+    pkg-dir "^2.0.0"
+
+find-up@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-1.1.2.tgz#6b2e9822b1a2ce0a60ab64d610eccad53cb24d0f"
+  dependencies:
+    path-exists "^2.0.0"
+    pinkie-promise "^2.0.0"
+
+find-up@^2.0.0, find-up@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
+  dependencies:
+    locate-path "^2.0.0"
+
+for-in@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"
+
+for-own@^0.1.4:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/for-own/-/for-own-0.1.5.tgz#5265c681a4f294dabbf17c9509b6763aa84510ce"
+  dependencies:
+    for-in "^1.0.1"
+
+forever-agent@~0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
+
+form-data@~2.1.1:
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.1.4.tgz#33c183acf193276ecaa98143a69e94bfee1750d1"
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.5"
+    mime-types "^2.1.12"
+
+form-data@~2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.3.1.tgz#6fb94fbd71885306d73d15cc497fe4cc4ecd44bf"
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.5"
+    mime-types "^2.1.12"
+
+fs-readdir-recursive@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz#e32fc030a2ccee44a6b5371308da54be0b397d27"
+
+fs.realpath@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
+
+fsevents@^1.0.0, fsevents@^1.1.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-1.1.2.tgz#3282b713fb3ad80ede0e9fcf4611b5aa6fc033f4"
+  dependencies:
+    nan "^2.3.0"
+    node-pre-gyp "^0.6.36"
+
+fstream-ignore@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/fstream-ignore/-/fstream-ignore-1.0.5.tgz#9c31dae34767018fe1d249b24dada67d092da105"
+  dependencies:
+    fstream "^1.0.0"
+    inherits "2"
+    minimatch "^3.0.0"
+
+fstream@^1.0.0, fstream@^1.0.10, fstream@^1.0.2:
+  version "1.0.11"
+  resolved "https://registry.yarnpkg.com/fstream/-/fstream-1.0.11.tgz#5c1fb1f117477114f0632a0eb4b71b3cb0fd3171"
+  dependencies:
+    graceful-fs "^4.1.2"
+    inherits "~2.0.0"
+    mkdirp ">=0.5 0"
+    rimraf "2"
+
+gauge@~2.7.3:
+  version "2.7.4"
+  resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.4.tgz#2c03405c7538c39d7eb37b317022e325fb018bf7"
+  dependencies:
+    aproba "^1.0.3"
+    console-control-strings "^1.0.0"
+    has-unicode "^2.0.0"
+    object-assign "^4.1.0"
+    signal-exit "^3.0.0"
+    string-width "^1.0.1"
+    strip-ansi "^3.0.1"
+    wide-align "^1.1.0"
+
+get-caller-file@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.2.tgz#f702e63127e7e231c160a80c1554acb70d5047e5"
+
+get-stream@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
+
+getpass@^0.1.1:
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/getpass/-/getpass-0.1.7.tgz#5eff8e3e684d569ae4cb2b1282604e8ba62149fa"
+  dependencies:
+    assert-plus "^1.0.0"
+
+glob-base@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/glob-base/-/glob-base-0.3.0.tgz#dbb164f6221b1c0b1ccf82aea328b497df0ea3c4"
+  dependencies:
+    glob-parent "^2.0.0"
+    is-glob "^2.0.0"
+
+glob-parent@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-2.0.0.tgz#81383d72db054fcccf5336daa902f182f6edbb28"
+  dependencies:
+    is-glob "^2.0.0"
+
+glob@^7.0.3, glob@^7.0.5, glob@^7.1.1, glob@^7.1.2:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.2.tgz#c19c9df9a028702d678612384a6552404c636d15"
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.4"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+globals@^9.18.0:
+  version "9.18.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a"
+
+graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.4:
+  version "4.1.11"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.11.tgz#0e8bdfe4d1ddb8854d64e04ea7c00e2a026e5658"
+
+growly@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081"
+
+handlebars@^4.0.3:
+  version "4.0.11"
+  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.0.11.tgz#630a35dfe0294bc281edae6ffc5d329fc7982dcc"
+  dependencies:
+    async "^1.4.0"
+    optimist "^0.6.1"
+    source-map "^0.4.4"
+  optionalDependencies:
+    uglify-js "^2.6"
+
+har-schema@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-1.0.5.tgz#d263135f43307c02c602afc8fe95970c0151369e"
+
+har-schema@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-2.0.0.tgz#a94c2224ebcac04782a0d9035521f24735b7ec92"
+
+har-validator@~4.2.1:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-4.2.1.tgz#33481d0f1bbff600dd203d75812a6a5fba002e2a"
+  dependencies:
+    ajv "^4.9.1"
+    har-schema "^1.0.5"
+
+har-validator@~5.0.3:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-5.0.3.tgz#ba402c266194f15956ef15e0fcf242993f6a7dfd"
+  dependencies:
+    ajv "^5.1.0"
+    har-schema "^2.0.0"
+
+has-ansi@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
+  dependencies:
+    ansi-regex "^2.0.0"
+
+has-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa"
+
+has-flag@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-2.0.0.tgz#e8207af1cc7b30d446cc70b734b5e8be18f88d51"
+
+has-unicode@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
+
+hash-base@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-2.0.2.tgz#66ea1d856db4e8a5470cadf6fce23ae5244ef2e1"
+  dependencies:
+    inherits "^2.0.1"
+
+hash-base@^3.0.0:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-3.0.4.tgz#5fc8686847ecd73499403319a6b0a3f3f6ae4918"
+  dependencies:
+    inherits "^2.0.1"
+    safe-buffer "^5.0.1"
+
+hash.js@^1.0.0, hash.js@^1.0.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/hash.js/-/hash.js-1.1.3.tgz#340dedbe6290187151c1ea1d777a3448935df846"
+  dependencies:
+    inherits "^2.0.3"
+    minimalistic-assert "^1.0.0"
+
+hawk@3.1.3, hawk@~3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/hawk/-/hawk-3.1.3.tgz#078444bd7c1640b0fe540d2c9b73d59678e8e1c4"
+  dependencies:
+    boom "2.x.x"
+    cryptiles "2.x.x"
+    hoek "2.x.x"
+    sntp "1.x.x"
+
+hawk@~6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/hawk/-/hawk-6.0.2.tgz#af4d914eb065f9b5ce4d9d11c1cb2126eecc3038"
+  dependencies:
+    boom "4.x.x"
+    cryptiles "3.x.x"
+    hoek "4.x.x"
+    sntp "2.x.x"
+
+hmac-drbg@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
+  dependencies:
+    hash.js "^1.0.3"
+    minimalistic-assert "^1.0.0"
+    minimalistic-crypto-utils "^1.0.1"
+
+hoek@2.x.x:
+  version "2.16.3"
+  resolved "https://registry.yarnpkg.com/hoek/-/hoek-2.16.3.tgz#20bb7403d3cea398e91dc4710a8ff1b8274a25ed"
+
+hoek@4.x.x:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/hoek/-/hoek-4.2.0.tgz#72d9d0754f7fe25ca2d01ad8f8f9a9449a89526d"
+
+home-or-tmp@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/home-or-tmp/-/home-or-tmp-2.0.0.tgz#e36c3f2d2cae7d746a857e38d18d5f32a7882db8"
+  dependencies:
+    os-homedir "^1.0.0"
+    os-tmpdir "^1.0.1"
+
+hosted-git-info@^2.1.4:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.5.0.tgz#6d60e34b3abbc8313062c3b798ef8d901a07af3c"
+
+html-encoding-sniffer@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-1.0.1.tgz#79bf7a785ea495fe66165e734153f363ff5437da"
+  dependencies:
+    whatwg-encoding "^1.0.1"
+
+http-signature@~1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.1.1.tgz#df72e267066cd0ac67fb76adf8e134a8fbcf91bf"
+  dependencies:
+    assert-plus "^0.2.0"
+    jsprim "^1.2.2"
+    sshpk "^1.7.0"
+
+http-signature@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.2.0.tgz#9aecd925114772f3d95b65a60abb8f7c18fbace1"
+  dependencies:
+    assert-plus "^1.0.0"
+    jsprim "^1.2.2"
+    sshpk "^1.7.0"
+
+https-browserify@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-0.0.1.tgz#3f91365cabe60b77ed0ebba24b454e3e09d95a82"
+
+iconv-lite@0.4.13:
+  version "0.4.13"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.13.tgz#1f88aba4ab0b1508e8312acc39345f36e992e2f2"
+
+idx@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/idx/-/idx-2.1.0.tgz#e0c96663ff1bb2778a362bea988531f13889ffba"
+
+ieee754@^1.1.4:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.1.8.tgz#be33d40ac10ef1926701f6f08a2d86fbfd1ad3e4"
+
+imurmurhash@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
+
+indexof@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/indexof/-/indexof-0.0.1.tgz#82dc336d232b9062179d05ab3293a66059fd435d"
+
+inflight@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
+  dependencies:
+    once "^1.3.0"
+    wrappy "1"
+
+inherits@2, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.0, inherits@~2.0.1, inherits@~2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
+
+inherits@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.1.tgz#b17d08d326b4423e568eff719f91b0b1cbdf69f1"
+
+ini@~1.3.0:
+  version "1.3.4"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.4.tgz#0537cb79daf59b59a1a517dff706c86ec039162e"
+
+interpret@^1.0.0:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.0.4.tgz#820cdd588b868ffb191a809506d6c9c8f212b1b0"
+
+invariant@^2.2.2:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.2.tgz#9e1f56ac0acdb6bf303306f338be3b204ae60360"
+  dependencies:
+    loose-envify "^1.0.0"
+
+invert-kv@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/invert-kv/-/invert-kv-1.0.0.tgz#104a8e4aaca6d3d8cd157a8ef8bfab2d7a3ffdb6"
+
+is-arrayish@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
+
+is-binary-path@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-1.0.1.tgz#75f16642b480f187a711c814161fd3a4a7655898"
+  dependencies:
+    binary-extensions "^1.0.0"
+
+is-buffer@^1.1.5:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.5.tgz#1f3b26ef613b214b88cbca23cc6c01d87961eecc"
+
+is-builtin-module@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-1.0.0.tgz#540572d34f7ac3119f8f76c30cbc1b1e037affbe"
+  dependencies:
+    builtin-modules "^1.0.0"
+
+is-ci@^1.0.10:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-1.0.10.tgz#f739336b2632365061a9d48270cd56ae3369318e"
+  dependencies:
+    ci-info "^1.0.0"
+
+is-dotfile@^1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/is-dotfile/-/is-dotfile-1.0.3.tgz#a6a2f32ffd2dfb04f5ca25ecd0f6b83cf798a1e1"
+
+is-equal-shallow@^0.1.3:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/is-equal-shallow/-/is-equal-shallow-0.1.3.tgz#2238098fc221de0bcfa5d9eac4c45d638aa1c534"
+  dependencies:
+    is-primitive "^2.0.0"
+
+is-extendable@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89"
+
+is-extglob@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-1.0.0.tgz#ac468177c4943405a092fc8f29760c6ffc6206c0"
+
+is-finite@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-finite/-/is-finite-1.0.2.tgz#cc6677695602be550ef11e8b4aa6305342b6d0aa"
+  dependencies:
+    number-is-nan "^1.0.0"
+
+is-fullwidth-code-point@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb"
+  dependencies:
+    number-is-nan "^1.0.0"
+
+is-fullwidth-code-point@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
+
+is-glob@^2.0.0, is-glob@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-2.0.1.tgz#d096f926a3ded5600f3fdfd91198cb0888c2d863"
+  dependencies:
+    is-extglob "^1.0.0"
+
+is-number@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-2.1.0.tgz#01fcbbb393463a548f2f466cce16dece49db908f"
+  dependencies:
+    kind-of "^3.0.2"
+
+is-number@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-3.0.0.tgz#24fd6201a4782cf50561c810276afc7d12d71195"
+  dependencies:
+    kind-of "^3.0.2"
+
+is-posix-bracket@^0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/is-posix-bracket/-/is-posix-bracket-0.1.1.tgz#3334dc79774368e92f016e6fbc0a88f5cd6e6bc4"
+
+is-primitive@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-primitive/-/is-primitive-2.0.0.tgz#207bab91638499c07b2adf240a41a87210034575"
+
+is-stream@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
+
+is-typedarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
+
+is-utf8@^0.2.0:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/is-utf8/-/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72"
+
+isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
+
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+
+isobject@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/isobject/-/isobject-2.1.0.tgz#f065561096a3f1da2ef46272f815c840d87e0c89"
+  dependencies:
+    isarray "1.0.0"
+
+isstream@~0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
+
+istanbul-api@^1.1.1:
+  version "1.1.14"
+  resolved "https://registry.yarnpkg.com/istanbul-api/-/istanbul-api-1.1.14.tgz#25bc5701f7c680c0ffff913de46e3619a3a6e680"
+  dependencies:
+    async "^2.1.4"
+    fileset "^2.0.2"
+    istanbul-lib-coverage "^1.1.1"
+    istanbul-lib-hook "^1.0.7"
+    istanbul-lib-instrument "^1.8.0"
+    istanbul-lib-report "^1.1.1"
+    istanbul-lib-source-maps "^1.2.1"
+    istanbul-reports "^1.1.2"
+    js-yaml "^3.7.0"
+    mkdirp "^0.5.1"
+    once "^1.4.0"
+
+istanbul-lib-coverage@^1.0.1, istanbul-lib-coverage@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-1.1.1.tgz#73bfb998885299415c93d38a3e9adf784a77a9da"
+
+istanbul-lib-hook@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-hook/-/istanbul-lib-hook-1.0.7.tgz#dd6607f03076578fe7d6f2a630cf143b49bacddc"
+  dependencies:
+    append-transform "^0.4.0"
+
+istanbul-lib-instrument@^1.4.2, istanbul-lib-instrument@^1.7.5, istanbul-lib-instrument@^1.8.0:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-1.8.0.tgz#66f6c9421cc9ec4704f76f2db084ba9078a2b532"
+  dependencies:
+    babel-generator "^6.18.0"
+    babel-template "^6.16.0"
+    babel-traverse "^6.18.0"
+    babel-types "^6.18.0"
+    babylon "^6.18.0"
+    istanbul-lib-coverage "^1.1.1"
+    semver "^5.3.0"
+
+istanbul-lib-report@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-1.1.1.tgz#f0e55f56655ffa34222080b7a0cd4760e1405fc9"
+  dependencies:
+    istanbul-lib-coverage "^1.1.1"
+    mkdirp "^0.5.1"
+    path-parse "^1.0.5"
+    supports-color "^3.1.2"
+
+istanbul-lib-source-maps@^1.1.0, istanbul-lib-source-maps@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-1.2.1.tgz#a6fe1acba8ce08eebc638e572e294d267008aa0c"
+  dependencies:
+    debug "^2.6.3"
+    istanbul-lib-coverage "^1.1.1"
+    mkdirp "^0.5.1"
+    rimraf "^2.6.1"
+    source-map "^0.5.3"
+
+istanbul-reports@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-1.1.2.tgz#0fb2e3f6aa9922bd3ce45d05d8ab4d5e8e07bd4f"
+  dependencies:
+    handlebars "^4.0.3"
+
+jest-changed-files@^21.2.0:
+  version "21.2.0"
+  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-21.2.0.tgz#5dbeecad42f5d88b482334902ce1cba6d9798d29"
+  dependencies:
+    throat "^4.0.0"
+
+jest-cli@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-21.2.1.tgz#9c528b6629d651911138d228bdb033c157ec8c00"
+  dependencies:
+    ansi-escapes "^3.0.0"
+    chalk "^2.0.1"
+    glob "^7.1.2"
+    graceful-fs "^4.1.11"
+    is-ci "^1.0.10"
+    istanbul-api "^1.1.1"
+    istanbul-lib-coverage "^1.0.1"
+    istanbul-lib-instrument "^1.4.2"
+    istanbul-lib-source-maps "^1.1.0"
+    jest-changed-files "^21.2.0"
+    jest-config "^21.2.1"
+    jest-environment-jsdom "^21.2.1"
+    jest-haste-map "^21.2.0"
+    jest-message-util "^21.2.1"
+    jest-regex-util "^21.2.0"
+    jest-resolve-dependencies "^21.2.0"
+    jest-runner "^21.2.1"
+    jest-runtime "^21.2.1"
+    jest-snapshot "^21.2.1"
+    jest-util "^21.2.1"
+    micromatch "^2.3.11"
+    node-notifier "^5.0.2"
+    pify "^3.0.0"
+    slash "^1.0.0"
+    string-length "^2.0.0"
+    strip-ansi "^4.0.0"
+    which "^1.2.12"
+    worker-farm "^1.3.1"
+    yargs "^9.0.0"
+
+jest-config@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-21.2.1.tgz#c7586c79ead0bcc1f38c401e55f964f13bf2a480"
+  dependencies:
+    chalk "^2.0.1"
+    glob "^7.1.1"
+    jest-environment-jsdom "^21.2.1"
+    jest-environment-node "^21.2.1"
+    jest-get-type "^21.2.0"
+    jest-jasmine2 "^21.2.1"
+    jest-regex-util "^21.2.0"
+    jest-resolve "^21.2.0"
+    jest-util "^21.2.1"
+    jest-validate "^21.2.1"
+    pretty-format "^21.2.1"
+
+jest-diff@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-21.2.1.tgz#46cccb6cab2d02ce98bc314011764bb95b065b4f"
+  dependencies:
+    chalk "^2.0.1"
+    diff "^3.2.0"
+    jest-get-type "^21.2.0"
+    pretty-format "^21.2.1"
+
+jest-docblock@^21.2.0:
+  version "21.2.0"
+  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-21.2.0.tgz#51529c3b30d5fd159da60c27ceedc195faf8d414"
+
+jest-environment-jsdom@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-21.2.1.tgz#38d9980c8259b2a608ec232deee6289a60d9d5b4"
+  dependencies:
+    jest-mock "^21.2.0"
+    jest-util "^21.2.1"
+    jsdom "^9.12.0"
+
+jest-environment-node@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-21.2.1.tgz#98c67df5663c7fbe20f6e792ac2272c740d3b8c8"
+  dependencies:
+    jest-mock "^21.2.0"
+    jest-util "^21.2.1"
+
+jest-get-type@^21.2.0:
+  version "21.2.0"
+  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-21.2.0.tgz#f6376ab9db4b60d81e39f30749c6c466f40d4a23"
+
+jest-haste-map@^21.2.0:
+  version "21.2.0"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-21.2.0.tgz#1363f0a8bb4338f24f001806571eff7a4b2ff3d8"
+  dependencies:
+    fb-watchman "^2.0.0"
+    graceful-fs "^4.1.11"
+    jest-docblock "^21.2.0"
+    micromatch "^2.3.11"
+    sane "^2.0.0"
+    worker-farm "^1.3.1"
+
+jest-jasmine2@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-21.2.1.tgz#9cc6fc108accfa97efebce10c4308548a4ea7592"
+  dependencies:
+    chalk "^2.0.1"
+    expect "^21.2.1"
+    graceful-fs "^4.1.11"
+    jest-diff "^21.2.1"
+    jest-matcher-utils "^21.2.1"
+    jest-message-util "^21.2.1"
+    jest-snapshot "^21.2.1"
+    p-cancelable "^0.3.0"
+
+jest-matcher-utils@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-21.2.1.tgz#72c826eaba41a093ac2b4565f865eb8475de0f64"
+  dependencies:
+    chalk "^2.0.1"
+    jest-get-type "^21.2.0"
+    pretty-format "^21.2.1"
+
+jest-message-util@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-21.2.1.tgz#bfe5d4692c84c827d1dcf41823795558f0a1acbe"
+  dependencies:
+    chalk "^2.0.1"
+    micromatch "^2.3.11"
+    slash "^1.0.0"
+
+jest-mock@^21.2.0:
+  version "21.2.0"
+  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-21.2.0.tgz#7eb0770e7317968165f61ea2a7281131534b3c0f"
+
+jest-regex-util@^21.2.0:
+  version "21.2.0"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-21.2.0.tgz#1b1e33e63143babc3e0f2e6c9b5ba1eb34b2d530"
+
+jest-resolve-dependencies@^21.2.0:
+  version "21.2.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-21.2.0.tgz#9e231e371e1a736a1ad4e4b9a843bc72bfe03d09"
+  dependencies:
+    jest-regex-util "^21.2.0"
+
+jest-resolve@^21.2.0:
+  version "21.2.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-21.2.0.tgz#068913ad2ba6a20218e5fd32471f3874005de3a6"
+  dependencies:
+    browser-resolve "^1.11.2"
+    chalk "^2.0.1"
+    is-builtin-module "^1.0.0"
+
+jest-runner@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-21.2.1.tgz#194732e3e518bfb3d7cbfc0fd5871246c7e1a467"
+  dependencies:
+    jest-config "^21.2.1"
+    jest-docblock "^21.2.0"
+    jest-haste-map "^21.2.0"
+    jest-jasmine2 "^21.2.1"
+    jest-message-util "^21.2.1"
+    jest-runtime "^21.2.1"
+    jest-util "^21.2.1"
+    pify "^3.0.0"
+    throat "^4.0.0"
+    worker-farm "^1.3.1"
+
+jest-runtime@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-21.2.1.tgz#99dce15309c670442eee2ebe1ff53a3cbdbbb73e"
+  dependencies:
+    babel-core "^6.0.0"
+    babel-jest "^21.2.0"
+    babel-plugin-istanbul "^4.0.0"
+    chalk "^2.0.1"
+    convert-source-map "^1.4.0"
+    graceful-fs "^4.1.11"
+    jest-config "^21.2.1"
+    jest-haste-map "^21.2.0"
+    jest-regex-util "^21.2.0"
+    jest-resolve "^21.2.0"
+    jest-util "^21.2.1"
+    json-stable-stringify "^1.0.1"
+    micromatch "^2.3.11"
+    slash "^1.0.0"
+    strip-bom "3.0.0"
+    write-file-atomic "^2.1.0"
+    yargs "^9.0.0"
+
+jest-snapshot@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-21.2.1.tgz#29e49f16202416e47343e757e5eff948c07fd7b0"
+  dependencies:
+    chalk "^2.0.1"
+    jest-diff "^21.2.1"
+    jest-matcher-utils "^21.2.1"
+    mkdirp "^0.5.1"
+    natural-compare "^1.4.0"
+    pretty-format "^21.2.1"
+
+jest-util@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-21.2.1.tgz#a274b2f726b0897494d694a6c3d6a61ab819bb78"
+  dependencies:
+    callsites "^2.0.0"
+    chalk "^2.0.1"
+    graceful-fs "^4.1.11"
+    jest-message-util "^21.2.1"
+    jest-mock "^21.2.0"
+    jest-validate "^21.2.1"
+    mkdirp "^0.5.1"
+
+jest-validate@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-21.2.1.tgz#cc0cbca653cd54937ba4f2a111796774530dd3c7"
+  dependencies:
+    chalk "^2.0.1"
+    jest-get-type "^21.2.0"
+    leven "^2.1.0"
+    pretty-format "^21.2.1"
+
+jest@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-21.2.1.tgz#c964e0b47383768a1438e3ccf3c3d470327604e1"
+  dependencies:
+    jest-cli "^21.2.1"
+
+js-tokens@^3.0.0, js-tokens@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.2.tgz#9866df395102130e38f7f996bceb65443209c25b"
+
+js-yaml@^3.7.0:
+  version "3.10.0"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.10.0.tgz#2e78441646bd4682e963f22b6e92823c309c62dc"
+  dependencies:
+    argparse "^1.0.7"
+    esprima "^4.0.0"
+
+jsbn@~0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
+
+jsdom@^9.12.0:
+  version "9.12.0"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-9.12.0.tgz#e8c546fffcb06c00d4833ca84410fed7f8a097d4"
+  dependencies:
+    abab "^1.0.3"
+    acorn "^4.0.4"
+    acorn-globals "^3.1.0"
+    array-equal "^1.0.0"
+    content-type-parser "^1.0.1"
+    cssom ">= 0.3.2 < 0.4.0"
+    cssstyle ">= 0.2.37 < 0.3.0"
+    escodegen "^1.6.1"
+    html-encoding-sniffer "^1.0.1"
+    nwmatcher ">= 1.3.9 < 2.0.0"
+    parse5 "^1.5.1"
+    request "^2.79.0"
+    sax "^1.2.1"
+    symbol-tree "^3.2.1"
+    tough-cookie "^2.3.2"
+    webidl-conversions "^4.0.0"
+    whatwg-encoding "^1.0.1"
+    whatwg-url "^4.3.0"
+    xml-name-validator "^2.0.1"
+
+jsesc@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-1.3.0.tgz#46c3fec8c1892b12b0833db9bc7622176dbab34b"
+
+jsesc@~0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
+
+json-loader@^0.5.4:
+  version "0.5.7"
+  resolved "https://registry.yarnpkg.com/json-loader/-/json-loader-0.5.7.tgz#dca14a70235ff82f0ac9a3abeb60d337a365185d"
+
+json-schema-traverse@^0.3.0:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.3.1.tgz#349a6d44c53a51de89b40805c5d5e59b417d3340"
+
+json-schema@0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.2.3.tgz#b480c892e59a2f05954ce727bd3f2a4e882f9e13"
+
+json-stable-stringify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/json-stable-stringify/-/json-stable-stringify-1.0.1.tgz#9a759d39c5f2ff503fd5300646ed445f88c4f9af"
+  dependencies:
+    jsonify "~0.0.0"
+
+json-stringify-safe@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
+
+json5@^0.5.0, json5@^0.5.1:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821"
+
+jsonify@~0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/jsonify/-/jsonify-0.0.0.tgz#2c74b6ee41d93ca51b7b5aaee8f503631d252a73"
+
+jsprim@^1.2.2:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.4.1.tgz#313e66bc1e5cc06e438bc1b7499c2e5c56acb6a2"
+  dependencies:
+    assert-plus "1.0.0"
+    extsprintf "1.3.0"
+    json-schema "0.2.3"
+    verror "1.10.0"
+
+kind-of@^3.0.2:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64"
+  dependencies:
+    is-buffer "^1.1.5"
+
+kind-of@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-4.0.0.tgz#20813df3d712928b207378691a45066fae72dd57"
+  dependencies:
+    is-buffer "^1.1.5"
+
+lazy-cache@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-1.0.4.tgz#a1d78fc3a50474cb80845d3b3b6e1da49a446e8e"
+
+lcid@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/lcid/-/lcid-1.0.0.tgz#308accafa0bc483a3867b4b6f2b9506251d1b835"
+  dependencies:
+    invert-kv "^1.0.0"
+
+leven@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/leven/-/leven-2.1.0.tgz#c2e7a9f772094dee9d34202ae8acce4687875580"
+
+levn@~0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
+  dependencies:
+    prelude-ls "~1.1.2"
+    type-check "~0.3.2"
+
+load-json-file@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-1.1.0.tgz#956905708d58b4bab4c2261b04f59f31c99374c0"
+  dependencies:
+    graceful-fs "^4.1.2"
+    parse-json "^2.2.0"
+    pify "^2.0.0"
+    pinkie-promise "^2.0.0"
+    strip-bom "^2.0.0"
+
+load-json-file@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-2.0.0.tgz#7947e42149af80d696cbf797bcaabcfe1fe29ca8"
+  dependencies:
+    graceful-fs "^4.1.2"
+    parse-json "^2.2.0"
+    pify "^2.0.0"
+    strip-bom "^3.0.0"
+
+loader-runner@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.3.0.tgz#f482aea82d543e07921700d5a46ef26fdac6b8a2"
+
+loader-utils@^1.0.2, loader-utils@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.1.0.tgz#c98aef488bcceda2ffb5e2de646d6a754429f5cd"
+  dependencies:
+    big.js "^3.1.3"
+    emojis-list "^2.0.0"
+    json5 "^0.5.0"
+
+locate-path@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
+  dependencies:
+    p-locate "^2.0.0"
+    path-exists "^3.0.0"
+
+lodash@^4.14.0, lodash@^4.17.4:
+  version "4.17.4"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.4.tgz#78203a4d1c328ae1d86dca6460e369b57f4055ae"
+
+longest@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/longest/-/longest-1.0.1.tgz#30a0b2da38f73770e8294a0d22e6625ed77d0097"
+
+loose-envify@^1.0.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.3.1.tgz#d1a8ad33fa9ce0e713d65fdd0ac8b748d478c848"
+  dependencies:
+    js-tokens "^3.0.0"
+
+lru-cache@^4.0.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.1.tgz#622e32e82488b49279114a4f9ecf45e7cd6bba55"
+  dependencies:
+    pseudomap "^1.0.2"
+    yallist "^2.1.2"
+
+make-dir@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-1.0.0.tgz#97a011751e91dd87cfadef58832ebb04936de978"
+  dependencies:
+    pify "^2.3.0"
+
+makeerror@1.0.x:
+  version "1.0.11"
+  resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.11.tgz#e01a5c9109f2af79660e4e8b9587790184f5a96c"
+  dependencies:
+    tmpl "1.0.x"
+
+md5.js@^1.3.4:
+  version "1.3.4"
+  resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.4.tgz#e9bdbde94a20a5ac18b04340fc5764d5b09d901d"
+  dependencies:
+    hash-base "^3.0.0"
+    inherits "^2.0.1"
+
+mem@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/mem/-/mem-1.1.0.tgz#5edd52b485ca1d900fe64895505399a0dfa45f76"
+  dependencies:
+    mimic-fn "^1.0.0"
+
+memory-fs@^0.4.0, memory-fs@~0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.4.1.tgz#3a9a20b8462523e447cfbc7e8bb80ed667bfc552"
+  dependencies:
+    errno "^0.1.3"
+    readable-stream "^2.0.1"
+
+merge@^1.1.3:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/merge/-/merge-1.2.0.tgz#7531e39d4949c281a66b8c5a6e0265e8b05894da"
+
+micromatch@^2.1.5, micromatch@^2.3.11:
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-2.3.11.tgz#86677c97d1720b363431d04d0d15293bd38c1565"
+  dependencies:
+    arr-diff "^2.0.0"
+    array-unique "^0.2.1"
+    braces "^1.8.2"
+    expand-brackets "^0.1.4"
+    extglob "^0.3.1"
+    filename-regex "^2.0.0"
+    is-extglob "^1.0.0"
+    is-glob "^2.0.1"
+    kind-of "^3.0.2"
+    normalize-path "^2.0.1"
+    object.omit "^2.0.0"
+    parse-glob "^3.0.4"
+    regex-cache "^0.4.2"
+
+miller-rabin@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/miller-rabin/-/miller-rabin-4.0.1.tgz#f080351c865b0dc562a8462966daa53543c78a4d"
+  dependencies:
+    bn.js "^4.0.0"
+    brorand "^1.0.1"
+
+mime-db@~1.30.0:
+  version "1.30.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.30.0.tgz#74c643da2dd9d6a45399963465b26d5ca7d71f01"
+
+mime-types@^2.1.12, mime-types@~2.1.17, mime-types@~2.1.7:
+  version "2.1.17"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.17.tgz#09d7a393f03e995a79f8af857b70a9e0ab16557a"
+  dependencies:
+    mime-db "~1.30.0"
+
+mimic-fn@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.1.0.tgz#e667783d92e89dbd342818b5230b9d62a672ad18"
+
+minimalistic-assert@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.0.tgz#702be2dda6b37f4836bcb3f5db56641b64a1d3d3"
+
+minimalistic-crypto-utils@^1.0.0, minimalistic-crypto-utils@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
+
+minimatch@^3.0.0, minimatch@^3.0.2, minimatch@^3.0.3, minimatch@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
+  dependencies:
+    brace-expansion "^1.1.7"
+
+minimist@0.0.8:
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
+
+minimist@^1.1.1, minimist@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
+
+minimist@~0.0.1:
+  version "0.0.10"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.10.tgz#de3f98543dbf96082be48ad1a0c7cda836301dcf"
+
+"mkdirp@>=0.5 0", mkdirp@^0.5.1, mkdirp@~0.5.0:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
+  dependencies:
+    minimist "0.0.8"
+
+ms@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
+
+nan@^2.3.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/nan/-/nan-2.7.0.tgz#d95bf721ec877e08db276ed3fc6eb78f9083ad46"
+
+natural-compare@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
+
+node-int64@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
+
+node-libs-browser@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/node-libs-browser/-/node-libs-browser-2.0.0.tgz#a3a59ec97024985b46e958379646f96c4b616646"
+  dependencies:
+    assert "^1.1.1"
+    browserify-zlib "^0.1.4"
+    buffer "^4.3.0"
+    console-browserify "^1.1.0"
+    constants-browserify "^1.0.0"
+    crypto-browserify "^3.11.0"
+    domain-browser "^1.1.1"
+    events "^1.0.0"
+    https-browserify "0.0.1"
+    os-browserify "^0.2.0"
+    path-browserify "0.0.0"
+    process "^0.11.0"
+    punycode "^1.2.4"
+    querystring-es3 "^0.2.0"
+    readable-stream "^2.0.5"
+    stream-browserify "^2.0.1"
+    stream-http "^2.3.1"
+    string_decoder "^0.10.25"
+    timers-browserify "^2.0.2"
+    tty-browserify "0.0.0"
+    url "^0.11.0"
+    util "^0.10.3"
+    vm-browserify "0.0.4"
+
+node-notifier@^5.0.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-5.1.2.tgz#2fa9e12605fa10009d44549d6fcd8a63dde0e4ff"
+  dependencies:
+    growly "^1.3.0"
+    semver "^5.3.0"
+    shellwords "^0.1.0"
+    which "^1.2.12"
+
+node-pre-gyp@^0.6.36:
+  version "0.6.38"
+  resolved "https://registry.yarnpkg.com/node-pre-gyp/-/node-pre-gyp-0.6.38.tgz#e92a20f83416415bb4086f6d1fb78b3da73d113d"
+  dependencies:
+    hawk "3.1.3"
+    mkdirp "^0.5.1"
+    nopt "^4.0.1"
+    npmlog "^4.0.2"
+    rc "^1.1.7"
+    request "2.81.0"
+    rimraf "^2.6.1"
+    semver "^5.3.0"
+    tar "^2.2.1"
+    tar-pack "^3.4.0"
+
+nopt@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.1.tgz#d0d4685afd5415193c8c7505602d0d17cd64474d"
+  dependencies:
+    abbrev "1"
+    osenv "^0.1.4"
+
+normalize-package-data@^2.3.2:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.4.0.tgz#12f95a307d58352075a04907b84ac8be98ac012f"
+  dependencies:
+    hosted-git-info "^2.1.4"
+    is-builtin-module "^1.0.0"
+    semver "2 || 3 || 4 || 5"
+    validate-npm-package-license "^3.0.1"
+
+normalize-path@^2.0.0, normalize-path@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-2.1.1.tgz#1ab28b556e198363a8c1a6f7e6fa20137fe6aed9"
+  dependencies:
+    remove-trailing-separator "^1.0.1"
+
+npm-run-path@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-2.0.2.tgz#35a9232dfa35d7067b4cb2ddf2357b1871536c5f"
+  dependencies:
+    path-key "^2.0.0"
+
+npmlog@^4.0.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.1.2.tgz#08a7f2a8bf734604779a9efa4ad5cc717abb954b"
+  dependencies:
+    are-we-there-yet "~1.1.2"
+    console-control-strings "~1.1.0"
+    gauge "~2.7.3"
+    set-blocking "~2.0.0"
+
+number-is-nan@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
+
+"nwmatcher@>= 1.3.9 < 2.0.0":
+  version "1.4.3"
+  resolved "https://registry.yarnpkg.com/nwmatcher/-/nwmatcher-1.4.3.tgz#64348e3b3d80f035b40ac11563d278f8b72db89c"
+
+oauth-sign@~0.8.1, oauth-sign@~0.8.2:
+  version "0.8.2"
+  resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.8.2.tgz#46a6ab7f0aead8deae9ec0565780b7d4efeb9d43"
+
+object-assign@^4.0.1, object-assign@^4.1.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+
+object.omit@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/object.omit/-/object.omit-2.0.1.tgz#1a9c744829f39dbb858c76ca3579ae2a54ebd1fa"
+  dependencies:
+    for-own "^0.1.4"
+    is-extendable "^0.1.1"
+
+once@^1.3.0, once@^1.3.3, once@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  dependencies:
+    wrappy "1"
+
+optimist@^0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/optimist/-/optimist-0.6.1.tgz#da3ea74686fa21a19a111c326e90eb15a0196686"
+  dependencies:
+    minimist "~0.0.1"
+    wordwrap "~0.0.2"
+
+optionator@^0.8.1:
+  version "0.8.2"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.2.tgz#364c5e409d3f4d6301d6c0b4c05bba50180aeb64"
+  dependencies:
+    deep-is "~0.1.3"
+    fast-levenshtein "~2.0.4"
+    levn "~0.3.0"
+    prelude-ls "~1.1.2"
+    type-check "~0.3.2"
+    wordwrap "~1.0.0"
+
+os-browserify@^0.2.0:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.2.1.tgz#63fc4ccee5d2d7763d26bbf8601078e6c2e0044f"
+
+os-homedir@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
+
+os-locale@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/os-locale/-/os-locale-2.1.0.tgz#42bc2900a6b5b8bd17376c8e882b65afccf24bf2"
+  dependencies:
+    execa "^0.7.0"
+    lcid "^1.0.0"
+    mem "^1.1.0"
+
+os-tmpdir@^1.0.0, os-tmpdir@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
+
+osenv@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/osenv/-/osenv-0.1.4.tgz#42fe6d5953df06c8064be6f176c3d05aaaa34644"
+  dependencies:
+    os-homedir "^1.0.0"
+    os-tmpdir "^1.0.0"
+
+output-file-sync@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/output-file-sync/-/output-file-sync-1.1.2.tgz#d0a33eefe61a205facb90092e826598d5245ce76"
+  dependencies:
+    graceful-fs "^4.1.4"
+    mkdirp "^0.5.1"
+    object-assign "^4.1.0"
+
+p-cancelable@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-0.3.0.tgz#b9e123800bcebb7ac13a479be195b507b98d30fa"
+
+p-finally@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-1.0.0.tgz#3fbcfb15b899a44123b34b6dcc18b724336a2cae"
+
+p-limit@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-1.1.0.tgz#b07ff2d9a5d88bec806035895a2bab66a27988bc"
+
+p-locate@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
+  dependencies:
+    p-limit "^1.1.0"
+
+pako@~0.2.0:
+  version "0.2.9"
+  resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
+
+parse-asn1@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.0.tgz#37c4f9b7ed3ab65c74817b5f2480937fbf97c712"
+  dependencies:
+    asn1.js "^4.0.0"
+    browserify-aes "^1.0.0"
+    create-hash "^1.1.0"
+    evp_bytestokey "^1.0.0"
+    pbkdf2 "^3.0.3"
+
+parse-glob@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/parse-glob/-/parse-glob-3.0.4.tgz#b2c376cfb11f35513badd173ef0bb6e3a388391c"
+  dependencies:
+    glob-base "^0.3.0"
+    is-dotfile "^1.0.0"
+    is-extglob "^1.0.0"
+    is-glob "^2.0.0"
+
+parse-json@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-2.2.0.tgz#f480f40434ef80741f8469099f8dea18f55a4dc9"
+  dependencies:
+    error-ex "^1.2.0"
+
+parse5@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-1.5.1.tgz#9b7f3b0de32be78dc2401b17573ccaf0f6f59d94"
+
+path-browserify@0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-0.0.0.tgz#a0b870729aae214005b7d5032ec2cbbb0fb4451a"
+
+path-exists@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-2.1.0.tgz#0feb6c64f0fc518d9a754dd5efb62c7022761f4b"
+  dependencies:
+    pinkie-promise "^2.0.0"
+
+path-exists@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
+
+path-is-absolute@^1.0.0, path-is-absolute@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
+
+path-key@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
+
+path-parse@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.5.tgz#3c1adf871ea9cd6c9431b6ea2bd74a0ff055c4c1"
+
+path-type@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-1.1.0.tgz#59c44f7ee491da704da415da5a4070ba4f8fe441"
+  dependencies:
+    graceful-fs "^4.1.2"
+    pify "^2.0.0"
+    pinkie-promise "^2.0.0"
+
+path-type@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-2.0.0.tgz#f012ccb8415b7096fc2daa1054c3d72389594c73"
+  dependencies:
+    pify "^2.0.0"
+
+pbkdf2@^3.0.3:
+  version "3.0.14"
+  resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.0.14.tgz#a35e13c64799b06ce15320f459c230e68e73bade"
+  dependencies:
+    create-hash "^1.1.2"
+    create-hmac "^1.1.4"
+    ripemd160 "^2.0.1"
+    safe-buffer "^5.0.1"
+    sha.js "^2.4.8"
+
+performance-now@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-0.2.0.tgz#33ef30c5c77d4ea21c5a53869d91b56d8f2555e5"
+
+performance-now@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
+
+pify@^2.0.0, pify@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
+
+pify@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
+
+pinkie-promise@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/pinkie-promise/-/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa"
+  dependencies:
+    pinkie "^2.0.0"
+
+pinkie@^2.0.0:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
+
+pkg-dir@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-2.0.0.tgz#f6d5d1109e19d63edf428e0bd57e12777615334b"
+  dependencies:
+    find-up "^2.1.0"
+
+prelude-ls@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
+
+preserve@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
+
+pretty-format@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-21.2.1.tgz#ae5407f3cf21066cd011aa1ba5fce7b6a2eddb36"
+  dependencies:
+    ansi-regex "^3.0.0"
+    ansi-styles "^3.2.0"
+
+private@^0.1.6, private@^0.1.7:
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff"
+
+process-nextick-args@~1.0.6:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-1.0.7.tgz#150e20b756590ad3f91093f25a4f2ad8bff30ba3"
+
+process@^0.11.0:
+  version "0.11.10"
+  resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
+
+prr@~0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/prr/-/prr-0.0.0.tgz#1a84b85908325501411853d0081ee3fa86e2926a"
+
+pseudomap@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
+
+public-encrypt@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/public-encrypt/-/public-encrypt-4.0.0.tgz#39f699f3a46560dd5ebacbca693caf7c65c18cc6"
+  dependencies:
+    bn.js "^4.1.0"
+    browserify-rsa "^4.0.0"
+    create-hash "^1.1.0"
+    parse-asn1 "^5.0.0"
+    randombytes "^2.0.1"
+
+punycode@1.3.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.3.2.tgz#9653a036fb7c1ee42342f2325cceefea3926c48d"
+
+punycode@^1.2.4, punycode@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
+
+qs@~6.4.0:
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.4.0.tgz#13e26d28ad6b0ffaa91312cd3bf708ed351e7233"
+
+qs@~6.5.1:
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.1.tgz#349cdf6eef89ec45c12d7d5eb3fc0c870343a6d8"
+
+querystring-es3@^0.2.0:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
+
+querystring@0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.0.tgz#b209849203bb25df820da756e747005878521620"
+
+randomatic@^1.1.3:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/randomatic/-/randomatic-1.1.7.tgz#c7abe9cc8b87c0baa876b19fde83fd464797e38c"
+  dependencies:
+    is-number "^3.0.0"
+    kind-of "^4.0.0"
+
+randombytes@^2.0.0, randombytes@^2.0.1:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.0.5.tgz#dc009a246b8d09a177b4b7a0ae77bc570f4b1b79"
+  dependencies:
+    safe-buffer "^5.1.0"
+
+rc@^1.1.7:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.2.tgz#d8ce9cb57e8d64d9c7badd9876c7c34cbe3c7077"
+  dependencies:
+    deep-extend "~0.4.0"
+    ini "~1.3.0"
+    minimist "^1.2.0"
+    strip-json-comments "~2.0.1"
+
+read-pkg-up@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-1.0.1.tgz#9d63c13276c065918d57f002a57f40a1b643fb02"
+  dependencies:
+    find-up "^1.0.0"
+    read-pkg "^1.0.0"
+
+read-pkg-up@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-2.0.0.tgz#6b72a8048984e0c41e79510fd5e9fa99b3b549be"
+  dependencies:
+    find-up "^2.0.0"
+    read-pkg "^2.0.0"
+
+read-pkg@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-1.1.0.tgz#f5ffaa5ecd29cb31c0474bca7d756b6bb29e3f28"
+  dependencies:
+    load-json-file "^1.0.0"
+    normalize-package-data "^2.3.2"
+    path-type "^1.0.0"
+
+read-pkg@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-2.0.0.tgz#8ef1c0623c6a6db0dc6713c4bfac46332b2368f8"
+  dependencies:
+    load-json-file "^2.0.0"
+    normalize-package-data "^2.3.2"
+    path-type "^2.0.0"
+
+readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.5, readable-stream@^2.0.6, readable-stream@^2.1.4, readable-stream@^2.2.6:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.3.tgz#368f2512d79f9d46fdfc71349ae7878bbc1eb95c"
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.3"
+    isarray "~1.0.0"
+    process-nextick-args "~1.0.6"
+    safe-buffer "~5.1.1"
+    string_decoder "~1.0.3"
+    util-deprecate "~1.0.1"
+
+readdirp@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-2.1.0.tgz#4ed0ad060df3073300c48440373f72d1cc642d78"
+  dependencies:
+    graceful-fs "^4.1.2"
+    minimatch "^3.0.2"
+    readable-stream "^2.0.2"
+    set-immediate-shim "^1.0.1"
+
+regenerate@^1.2.1:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.3.3.tgz#0c336d3980553d755c39b586ae3b20aa49c82b7f"
+
+regenerator-runtime@^0.10.5:
+  version "0.10.5"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.10.5.tgz#336c3efc1220adcedda2c9fab67b5a7955a33658"
+
+regenerator-runtime@^0.11.0:
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.0.tgz#7e54fe5b5ccd5d6624ea6255c3473be090b802e1"
+
+regenerator-transform@^0.10.0:
+  version "0.10.1"
+  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.10.1.tgz#1e4996837231da8b7f3cf4114d71b5691a0680dd"
+  dependencies:
+    babel-runtime "^6.18.0"
+    babel-types "^6.19.0"
+    private "^0.1.6"
+
+regex-cache@^0.4.2:
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/regex-cache/-/regex-cache-0.4.4.tgz#75bdc58a2a1496cec48a12835bc54c8d562336dd"
+  dependencies:
+    is-equal-shallow "^0.1.3"
+
+regexpu-core@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-2.0.0.tgz#49d038837b8dcf8bfa5b9a42139938e6ea2ae240"
+  dependencies:
+    regenerate "^1.2.1"
+    regjsgen "^0.2.0"
+    regjsparser "^0.1.4"
+
+regjsgen@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.2.0.tgz#6c016adeac554f75823fe37ac05b92d5a4edb1f7"
+
+regjsparser@^0.1.4:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.1.5.tgz#7ee8f84dc6fa792d3fd0ae228d24bd949ead205c"
+  dependencies:
+    jsesc "~0.5.0"
+
+remove-trailing-separator@^1.0.1:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz#c24bce2a283adad5bc3f58e0d48249b92379d8ef"
+
+repeat-element@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.2.tgz#ef089a178d1483baae4d93eb98b4f9e4e11d990a"
+
+repeat-string@^1.5.2:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637"
+
+repeating@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/repeating/-/repeating-2.0.1.tgz#5214c53a926d3552707527fbab415dbc08d06dda"
+  dependencies:
+    is-finite "^1.0.0"
+
+request@2.81.0:
+  version "2.81.0"
+  resolved "https://registry.yarnpkg.com/request/-/request-2.81.0.tgz#c6928946a0e06c5f8d6f8a9333469ffda46298a0"
+  dependencies:
+    aws-sign2 "~0.6.0"
+    aws4 "^1.2.1"
+    caseless "~0.12.0"
+    combined-stream "~1.0.5"
+    extend "~3.0.0"
+    forever-agent "~0.6.1"
+    form-data "~2.1.1"
+    har-validator "~4.2.1"
+    hawk "~3.1.3"
+    http-signature "~1.1.0"
+    is-typedarray "~1.0.0"
+    isstream "~0.1.2"
+    json-stringify-safe "~5.0.1"
+    mime-types "~2.1.7"
+    oauth-sign "~0.8.1"
+    performance-now "^0.2.0"
+    qs "~6.4.0"
+    safe-buffer "^5.0.1"
+    stringstream "~0.0.4"
+    tough-cookie "~2.3.0"
+    tunnel-agent "^0.6.0"
+    uuid "^3.0.0"
+
+request@^2.79.0:
+  version "2.83.0"
+  resolved "https://registry.yarnpkg.com/request/-/request-2.83.0.tgz#ca0b65da02ed62935887808e6f510381034e3356"
+  dependencies:
+    aws-sign2 "~0.7.0"
+    aws4 "^1.6.0"
+    caseless "~0.12.0"
+    combined-stream "~1.0.5"
+    extend "~3.0.1"
+    forever-agent "~0.6.1"
+    form-data "~2.3.1"
+    har-validator "~5.0.3"
+    hawk "~6.0.2"
+    http-signature "~1.2.0"
+    is-typedarray "~1.0.0"
+    isstream "~0.1.2"
+    json-stringify-safe "~5.0.1"
+    mime-types "~2.1.17"
+    oauth-sign "~0.8.2"
+    performance-now "^2.1.0"
+    qs "~6.5.1"
+    safe-buffer "^5.1.1"
+    stringstream "~0.0.5"
+    tough-cookie "~2.3.3"
+    tunnel-agent "^0.6.0"
+    uuid "^3.1.0"
+
+require-directory@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
+
+require-main-filename@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-1.0.1.tgz#97f717b69d48784f5f526a6c5aa8ffdda055a4d1"
+
+resolve@1.1.7:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
+
+right-align@^0.1.1:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/right-align/-/right-align-0.1.3.tgz#61339b722fe6a3515689210d24e14c96148613ef"
+  dependencies:
+    align-text "^0.1.1"
+
+rimraf@2, rimraf@^2.5.1, rimraf@^2.6.1:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.2.tgz#2ed8150d24a16ea8651e6d6ef0f47c4158ce7a36"
+  dependencies:
+    glob "^7.0.5"
+
+ripemd160@^2.0.0, ripemd160@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.1.tgz#0f4584295c53a3628af7e6d79aca21ce57d1c6e7"
+  dependencies:
+    hash-base "^2.0.0"
+    inherits "^2.0.1"
+
+safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.1.tgz#893312af69b2123def71f57889001671eeb2c853"
+
+sane@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/sane/-/sane-2.2.0.tgz#d6d2e2fcab00e3d283c93b912b7c3a20846f1d56"
+  dependencies:
+    anymatch "^1.3.0"
+    exec-sh "^0.2.0"
+    fb-watchman "^2.0.0"
+    minimatch "^3.0.2"
+    minimist "^1.1.1"
+    walker "~1.0.5"
+    watch "~0.18.0"
+  optionalDependencies:
+    fsevents "^1.1.1"
+
+sax@^1.2.1:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
+
+"semver@2 || 3 || 4 || 5", semver@^5.3.0:
+  version "5.4.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.4.1.tgz#e059c09d8571f0540823733433505d3a2f00b18e"
+
+set-blocking@^2.0.0, set-blocking@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
+
+set-immediate-shim@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/set-immediate-shim/-/set-immediate-shim-1.0.1.tgz#4b2b1b27eb808a9f8dcc481a58e5e56f599f3f61"
+
+setimmediate@^1.0.4:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
+
+sha.js@^2.4.0, sha.js@^2.4.8:
+  version "2.4.9"
+  resolved "https://registry.yarnpkg.com/sha.js/-/sha.js-2.4.9.tgz#98f64880474b74f4a38b8da9d3c0f2d104633e7d"
+  dependencies:
+    inherits "^2.0.1"
+    safe-buffer "^5.0.1"
+
+shebang-command@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
+  dependencies:
+    shebang-regex "^1.0.0"
+
+shebang-regex@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
+
+shellwords@^0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/shellwords/-/shellwords-0.1.1.tgz#d6b9181c1a48d397324c84871efbcfc73fc0654b"
+
+signal-exit@^3.0.0, signal-exit@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"
+
+slash@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/slash/-/slash-1.0.0.tgz#c41f2f6c39fc16d1cd17ad4b5d896114ae470d55"
+
+sntp@1.x.x:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/sntp/-/sntp-1.0.9.tgz#6541184cc90aeea6c6e7b35e2659082443c66198"
+  dependencies:
+    hoek "2.x.x"
+
+sntp@2.x.x:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/sntp/-/sntp-2.0.2.tgz#5064110f0af85f7cfdb7d6b67a40028ce52b4b2b"
+  dependencies:
+    hoek "4.x.x"
+
+source-list-map@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.0.tgz#aaa47403f7b245a92fbc97ea08f250d6087ed085"
+
+source-map-support@^0.4.15:
+  version "0.4.18"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.4.18.tgz#0286a6de8be42641338594e97ccea75f0a2c585f"
+  dependencies:
+    source-map "^0.5.6"
+
+source-map@^0.4.4:
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.4.4.tgz#eba4f5da9c0dc999de68032d8b4f76173652036b"
+  dependencies:
+    amdefine ">=0.0.4"
+
+source-map@^0.5.3, source-map@^0.5.6, source-map@~0.5.1, source-map@~0.5.3, source-map@~0.5.6:
+  version "0.5.7"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
+
+spdx-correct@~1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-1.0.2.tgz#4b3073d933ff51f3912f03ac5519498a4150db40"
+  dependencies:
+    spdx-license-ids "^1.0.2"
+
+spdx-expression-parse@~1.0.0:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/spdx-expression-parse/-/spdx-expression-parse-1.0.4.tgz#9bdf2f20e1f40ed447fbe273266191fced51626c"
+
+spdx-license-ids@^1.0.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-1.2.2.tgz#c9df7a3424594ade6bd11900d596696dc06bac57"
+
+sprintf-js@~1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
+
+sshpk@^1.7.0:
+  version "1.13.1"
+  resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.13.1.tgz#512df6da6287144316dc4c18fe1cf1d940739be3"
+  dependencies:
+    asn1 "~0.2.3"
+    assert-plus "^1.0.0"
+    dashdash "^1.12.0"
+    getpass "^0.1.1"
+  optionalDependencies:
+    bcrypt-pbkdf "^1.0.0"
+    ecc-jsbn "~0.1.1"
+    jsbn "~0.1.0"
+    tweetnacl "~0.14.0"
+
+stream-browserify@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-2.0.1.tgz#66266ee5f9bdb9940a4e4514cafb43bb71e5c9db"
+  dependencies:
+    inherits "~2.0.1"
+    readable-stream "^2.0.2"
+
+stream-http@^2.3.1:
+  version "2.7.2"
+  resolved "https://registry.yarnpkg.com/stream-http/-/stream-http-2.7.2.tgz#40a050ec8dc3b53b33d9909415c02c0bf1abfbad"
+  dependencies:
+    builtin-status-codes "^3.0.0"
+    inherits "^2.0.1"
+    readable-stream "^2.2.6"
+    to-arraybuffer "^1.0.0"
+    xtend "^4.0.0"
+
+string-length@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/string-length/-/string-length-2.0.0.tgz#d40dbb686a3ace960c1cffca562bf2c45f8363ed"
+  dependencies:
+    astral-regex "^1.0.0"
+    strip-ansi "^4.0.0"
+
+string-width@^1.0.1, string-width@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
+  dependencies:
+    code-point-at "^1.0.0"
+    is-fullwidth-code-point "^1.0.0"
+    strip-ansi "^3.0.0"
+
+string-width@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e"
+  dependencies:
+    is-fullwidth-code-point "^2.0.0"
+    strip-ansi "^4.0.0"
+
+string_decoder@^0.10.25:
+  version "0.10.31"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-0.10.31.tgz#62e203bc41766c6c28c9fc84301dab1c5310fa94"
+
+string_decoder@~1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.0.3.tgz#0fc67d7c141825de94282dd536bec6b9bce860ab"
+  dependencies:
+    safe-buffer "~5.1.0"
+
+stringstream@~0.0.4, stringstream@~0.0.5:
+  version "0.0.5"
+  resolved "https://registry.yarnpkg.com/stringstream/-/stringstream-0.0.5.tgz#4e484cd4de5a0bbbee18e46307710a8a81621878"
+
+strip-ansi@^3.0.0, strip-ansi@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
+  dependencies:
+    ansi-regex "^2.0.0"
+
+strip-ansi@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-4.0.0.tgz#a8479022eb1ac368a871389b635262c505ee368f"
+  dependencies:
+    ansi-regex "^3.0.0"
+
+strip-bom@3.0.0, strip-bom@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
+
+strip-bom@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-2.0.0.tgz#6219a85616520491f35788bdbf1447a99c7e6b0e"
+  dependencies:
+    is-utf8 "^0.2.0"
+
+strip-eof@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
+
+strip-json-comments@~2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
+
+supports-color@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
+
+supports-color@^3.1.2:
+  version "3.2.3"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.2.3.tgz#65ac0504b3954171d8a64946b2ae3cbb8a5f54f6"
+  dependencies:
+    has-flag "^1.0.0"
+
+supports-color@^4.0.0, supports-color@^4.2.1:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-4.4.0.tgz#883f7ddabc165142b2a61427f3352ded195d1a3e"
+  dependencies:
+    has-flag "^2.0.0"
+
+symbol-tree@^3.2.1:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.2.tgz#ae27db38f660a7ae2e1c3b7d1bc290819b8519e6"
+
+tapable@^0.2.7:
+  version "0.2.8"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-0.2.8.tgz#99372a5c999bf2df160afc0d74bed4f47948cd22"
+
+tar-pack@^3.4.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/tar-pack/-/tar-pack-3.4.0.tgz#23be2d7f671a8339376cbdb0b8fe3fdebf317984"
+  dependencies:
+    debug "^2.2.0"
+    fstream "^1.0.10"
+    fstream-ignore "^1.0.5"
+    once "^1.3.3"
+    readable-stream "^2.1.4"
+    rimraf "^2.5.1"
+    tar "^2.2.1"
+    uid-number "^0.0.6"
+
+tar@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-2.2.1.tgz#8e4d2a256c0e2185c6b18ad694aec968b83cb1d1"
+  dependencies:
+    block-stream "*"
+    fstream "^1.0.2"
+    inherits "2"
+
+test-exclude@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-4.1.1.tgz#4d84964b0966b0087ecc334a2ce002d3d9341e26"
+  dependencies:
+    arrify "^1.0.1"
+    micromatch "^2.3.11"
+    object-assign "^4.1.0"
+    read-pkg-up "^1.0.1"
+    require-main-filename "^1.0.1"
+
+throat@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/throat/-/throat-4.1.0.tgz#89037cbc92c56ab18926e6ba4cbb200e15672a6a"
+
+timers-browserify@^2.0.2:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.4.tgz#96ca53f4b794a5e7c0e1bd7cc88a372298fa01e6"
+  dependencies:
+    setimmediate "^1.0.4"
+
+tmpl@1.0.x:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.4.tgz#23640dd7b42d00433911140820e5cf440e521dd1"
+
+to-arraybuffer@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43"
+
+to-fast-properties@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-1.0.3.tgz#b83571fa4d8c25b82e231b06e3a3055de4ca1a47"
+
+tough-cookie@^2.3.2, tough-cookie@~2.3.0, tough-cookie@~2.3.3:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.3.3.tgz#0b618a5565b6dea90bf3425d04d55edc475a7561"
+  dependencies:
+    punycode "^1.4.1"
+
+tr46@~0.0.3:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
+
+trim-right@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/trim-right/-/trim-right-1.0.1.tgz#cb2e1203067e0c8de1f614094b9fe45704ea6003"
+
+tty-browserify@0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/tty-browserify/-/tty-browserify-0.0.0.tgz#a157ba402da24e9bf957f9aa69d524eed42901a6"
+
+tunnel-agent@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
+  dependencies:
+    safe-buffer "^5.0.1"
+
+tweetnacl@^0.14.3, tweetnacl@~0.14.0:
+  version "0.14.5"
+  resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
+
+type-check@~0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
+  dependencies:
+    prelude-ls "~1.1.2"
+
+uglify-js@^2.6, uglify-js@^2.8.29:
+  version "2.8.29"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-2.8.29.tgz#29c5733148057bb4e1f75df35b7a9cb72e6a59dd"
+  dependencies:
+    source-map "~0.5.1"
+    yargs "~3.10.0"
+  optionalDependencies:
+    uglify-to-browserify "~1.0.0"
+
+uglify-to-browserify@~1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz#6e0924d6bda6b5afe349e39a6d632850a0f882b7"
+
+uglifyjs-webpack-plugin@^0.4.6:
+  version "0.4.6"
+  resolved "https://registry.yarnpkg.com/uglifyjs-webpack-plugin/-/uglifyjs-webpack-plugin-0.4.6.tgz#b951f4abb6bd617e66f63eb891498e391763e309"
+  dependencies:
+    source-map "^0.5.6"
+    uglify-js "^2.8.29"
+    webpack-sources "^1.0.1"
+
+uid-number@^0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/uid-number/-/uid-number-0.0.6.tgz#0ea10e8035e8eb5b8e4449f06da1c730663baa81"
+
+url@^0.11.0:
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/url/-/url-0.11.0.tgz#3838e97cfc60521eb73c525a8e55bfdd9e2e28f1"
+  dependencies:
+    punycode "1.3.2"
+    querystring "0.2.0"
+
+user-home@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/user-home/-/user-home-1.1.1.tgz#2b5be23a32b63a7c9deb8d0f28d485724a3df190"
+
+util-deprecate@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+
+util@0.10.3, util@^0.10.3:
+  version "0.10.3"
+  resolved "https://registry.yarnpkg.com/util/-/util-0.10.3.tgz#7afb1afe50805246489e3db7fe0ed379336ac0f9"
+  dependencies:
+    inherits "2.0.1"
+
+uuid@^3.0.0, uuid@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.1.0.tgz#3dd3d3e790abc24d7b0d3a034ffababe28ebbc04"
+
+v8flags@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/v8flags/-/v8flags-2.1.1.tgz#aab1a1fa30d45f88dd321148875ac02c0b55e5b4"
+  dependencies:
+    user-home "^1.1.1"
+
+validate-npm-package-license@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.1.tgz#2804babe712ad3379459acfbe24746ab2c303fbc"
+  dependencies:
+    spdx-correct "~1.0.0"
+    spdx-expression-parse "~1.0.0"
+
+verror@1.10.0:
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.0.tgz#3a105ca17053af55d6e270c1f8288682e18da400"
+  dependencies:
+    assert-plus "^1.0.0"
+    core-util-is "1.0.2"
+    extsprintf "^1.2.0"
+
+vm-browserify@0.0.4:
+  version "0.0.4"
+  resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-0.0.4.tgz#5d7ea45bbef9e4a6ff65f95438e0a87c357d5a73"
+  dependencies:
+    indexof "0.0.1"
+
+walker@~1.0.5:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.7.tgz#2f7f9b8fd10d677262b18a884e28d19618e028fb"
+  dependencies:
+    makeerror "1.0.x"
+
+watch@~0.18.0:
+  version "0.18.0"
+  resolved "https://registry.yarnpkg.com/watch/-/watch-0.18.0.tgz#28095476c6df7c90c963138990c0a5423eb4b986"
+  dependencies:
+    exec-sh "^0.2.0"
+    minimist "^1.2.0"
+
+watchpack@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.4.0.tgz#4a1472bcbb952bd0a9bb4036801f954dfb39faac"
+  dependencies:
+    async "^2.1.2"
+    chokidar "^1.7.0"
+    graceful-fs "^4.1.2"
+
+webidl-conversions@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
+
+webidl-conversions@^4.0.0:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
+
+webpack-sources@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.0.1.tgz#c7356436a4d13123be2e2426a05d1dad9cbe65cf"
+  dependencies:
+    source-list-map "^2.0.0"
+    source-map "~0.5.3"
+
+webpack@^3.6.0:
+  version "3.8.1"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-3.8.1.tgz#b16968a81100abe61608b0153c9159ef8bb2bd83"
+  dependencies:
+    acorn "^5.0.0"
+    acorn-dynamic-import "^2.0.0"
+    ajv "^5.1.5"
+    ajv-keywords "^2.0.0"
+    async "^2.1.2"
+    enhanced-resolve "^3.4.0"
+    escope "^3.6.0"
+    interpret "^1.0.0"
+    json-loader "^0.5.4"
+    json5 "^0.5.1"
+    loader-runner "^2.3.0"
+    loader-utils "^1.1.0"
+    memory-fs "~0.4.1"
+    mkdirp "~0.5.0"
+    node-libs-browser "^2.0.0"
+    source-map "^0.5.3"
+    supports-color "^4.2.1"
+    tapable "^0.2.7"
+    uglifyjs-webpack-plugin "^0.4.6"
+    watchpack "^1.4.0"
+    webpack-sources "^1.0.1"
+    yargs "^8.0.2"
+
+whatwg-encoding@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-1.0.1.tgz#3c6c451a198ee7aec55b1ec61d0920c67801a5f4"
+  dependencies:
+    iconv-lite "0.4.13"
+
+whatwg-url@^4.3.0:
+  version "4.8.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-4.8.0.tgz#d2981aa9148c1e00a41c5a6131166ab4683bbcc0"
+  dependencies:
+    tr46 "~0.0.3"
+    webidl-conversions "^3.0.0"
+
+which-module@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"
+
+which@^1.2.12, which@^1.2.9:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/which/-/which-1.3.0.tgz#ff04bdfc010ee547d780bec38e1ac1c2777d253a"
+  dependencies:
+    isexe "^2.0.0"
+
+wide-align@^1.1.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.2.tgz#571e0f1b0604636ebc0dfc21b0339bbe31341710"
+  dependencies:
+    string-width "^1.0.2"
+
+window-size@0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.1.0.tgz#5438cd2ea93b202efa3a19fe8887aee7c94f9c9d"
+
+wordwrap@0.0.2:
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.2.tgz#b79669bb42ecb409f83d583cad52ca17eaa1643f"
+
+wordwrap@~0.0.2:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.3.tgz#a3d5da6cd5c0bc0008d37234bbaf1bed63059107"
+
+wordwrap@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
+
+worker-farm@^1.3.1:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/worker-farm/-/worker-farm-1.5.0.tgz#adfdf0cd40581465ed0a1f648f9735722afd5c8d"
+  dependencies:
+    errno "^0.1.4"
+    xtend "^4.0.1"
+
+wrap-ansi@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-2.1.0.tgz#d8fc3d284dd05794fe84973caecdd1cf824fdd85"
+  dependencies:
+    string-width "^1.0.1"
+    strip-ansi "^3.0.1"
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+
+write-file-atomic@^2.1.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.3.0.tgz#1ff61575c2e2a4e8e510d6fa4e243cce183999ab"
+  dependencies:
+    graceful-fs "^4.1.11"
+    imurmurhash "^0.1.4"
+    signal-exit "^3.0.2"
+
+xml-name-validator@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-2.0.1.tgz#4d8b8f1eccd3419aa362061becef515e1e559635"
+
+xtend@^4.0.0, xtend@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.1.tgz#a5c6d532be656e23db820efb943a1f04998d63af"
+
+y18n@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/y18n/-/y18n-3.2.1.tgz#6d15fba884c08679c0d77e88e7759e811e07fa41"
+
+yallist@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
+
+yargs-parser@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-7.0.0.tgz#8d0ac42f16ea55debd332caf4c4038b3e3f5dfd9"
+  dependencies:
+    camelcase "^4.1.0"
+
+yargs@^8.0.2:
+  version "8.0.2"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-8.0.2.tgz#6299a9055b1cefc969ff7e79c1d918dceb22c360"
+  dependencies:
+    camelcase "^4.1.0"
+    cliui "^3.2.0"
+    decamelize "^1.1.1"
+    get-caller-file "^1.0.1"
+    os-locale "^2.0.0"
+    read-pkg-up "^2.0.0"
+    require-directory "^2.1.1"
+    require-main-filename "^1.0.1"
+    set-blocking "^2.0.0"
+    string-width "^2.0.0"
+    which-module "^2.0.0"
+    y18n "^3.2.1"
+    yargs-parser "^7.0.0"
+
+yargs@^9.0.0, yargs@^9.0.1:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-9.0.1.tgz#52acc23feecac34042078ee78c0c007f5085db4c"
+  dependencies:
+    camelcase "^4.1.0"
+    cliui "^3.2.0"
+    decamelize "^1.1.1"
+    get-caller-file "^1.0.1"
+    os-locale "^2.0.0"
+    read-pkg-up "^2.0.0"
+    require-directory "^2.1.1"
+    require-main-filename "^1.0.1"
+    set-blocking "^2.0.0"
+    string-width "^2.0.0"
+    which-module "^2.0.0"
+    y18n "^3.2.1"
+    yargs-parser "^7.0.0"
+
+yargs@~3.10.0:
+  version "3.10.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.10.0.tgz#f7ee7bd857dd7c1d2d38c0e74efbd681d1431fd1"
+  dependencies:
+    camelcase "^1.0.2"
+    cliui "^2.1.0"
+    decamelize "^1.0.0"
+    window-size "0.1.0"
diff --git a/ReactCommon/hermes/inspector/tools/run_msggen b/ReactCommon/hermes/inspector/tools/run_msggen
new file mode 100755
index 00000000000000..a3056f86491b56
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/run_msggen
@@ -0,0 +1,26 @@
+#!/bin/bash
+
+set -e
+
+DIR=$(dirname "${BASH_SOURCE[0]}")
+cd "${DIR}/msggen"
+
+yarn install
+yarn build
+
+FBSOURCE=$(hg root)
+MSGTYPES_PATH="${FBSOURCE}/xplat/hermes-inspector/tools/message_types.txt"
+PROTO_PATH="${FBSOURCE}/xplat/third-party/chrome-devtools-protocol/json/js_protocol.json"
+HEADER_PATH="${FBSOURCE}/xplat/hermes-inspector/chrome/MessageTypes.h"
+CPP_PATH="${FBSOURCE}/xplat/hermes-inspector/chrome/MessageTypes.cpp"
+
+node bin/index.js \
+  --ignore-experimental \
+  --roots "$MSGTYPES_PATH" \
+  "$PROTO_PATH" "$HEADER_PATH" "$CPP_PATH"
+
+clang-format -i --style=file "$HEADER_PATH"
+clang-format -i --style=file "$CPP_PATH"
+
+"${FBSOURCE}/tools/signedsource" sign "$HEADER_PATH"
+"${FBSOURCE}/tools/signedsource" sign "$CPP_PATH"
diff --git a/ReactCommon/hermes/inspector/tools/sandcastle/build_and_test.sh b/ReactCommon/hermes/inspector/tools/sandcastle/build_and_test.sh
new file mode 100755
index 00000000000000..86433016db4291
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/sandcastle/build_and_test.sh
@@ -0,0 +1,9 @@
+#!/bin/bash
+
+THIS_DIR=$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)
+source "$THIS_DIR/setup.sh"
+
+buck test fbsource//xplat/hermes-inspector:chrome &&
+  buck test fbsource//xplat/hermes-inspector:detail &&
+  buck test fbsource//xplat/hermes-inspector:inspectorlib &&
+  buck build fbsource//xplat/hermes-inspector:hermes-chrome-debug-server
diff --git a/ReactCommon/hermes/inspector/tools/sandcastle/setup.sh b/ReactCommon/hermes/inspector/tools/sandcastle/setup.sh
new file mode 100755
index 00000000000000..df06457aae0a53
--- /dev/null
+++ b/ReactCommon/hermes/inspector/tools/sandcastle/setup.sh
@@ -0,0 +1,30 @@
+#!/bin/bash
+#
+# 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)
+
+# Buck by default uses clang-3.6 from /opt/local/bin.
+# Override it to use system clang.
+export PATH="/usr/bin:$PATH"
+
+# 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/ReactCommon/jscallinvoker/Android.mk b/ReactCommon/jscallinvoker/Android.mk
index 82e87cd216a46e..c6718fd9b00121 100644
--- a/ReactCommon/jscallinvoker/Android.mk
+++ b/ReactCommon/jscallinvoker/Android.mk
@@ -8,7 +8,7 @@ LOCAL_PATH := $(call my-dir)
 include $(CLEAR_VARS)
 
 # Header search path for all source files in this module.
-LOCAL_C_INCLUDES := $(LOCAL_PATH)/jsireact
+LOCAL_C_INCLUDES := $(LOCAL_PATH)/ReactCommon
 
 # Header search path for modules that depend on this module
 LOCAL_EXPORT_C_INCLUDES := $(LOCAL_PATH)
@@ -20,8 +20,8 @@ LOCAL_STATIC_LIBRARIES = libreactnative
 # Name of this module.
 LOCAL_MODULE := jscallinvoker
 
-# Compile all local c++ files under ./jsireact
-LOCAL_SRC_FILES := $(wildcard $(LOCAL_PATH)/jsireact/*.cpp)
+# Compile all local c++ files under ./ReactCommon
+LOCAL_SRC_FILES := $(wildcard $(LOCAL_PATH)/ReactCommon/*.cpp)
 
 # Build the files in this directory as a shared library
 include $(BUILD_STATIC_LIBRARY)
diff --git a/ReactCommon/jscallinvoker/BUCK b/ReactCommon/jscallinvoker/BUCK
index 2c0dc7bc2512c4..a4a01df4e425e3 100644
--- a/ReactCommon/jscallinvoker/BUCK
+++ b/ReactCommon/jscallinvoker/BUCK
@@ -1,15 +1,15 @@
-load("//tools/build_defs/oss:rn_defs.bzl", "ANDROID", "APPLE", "react_native_xplat_target", "rn_xplat_cxx_library")
+load("//tools/build_defs/oss:rn_defs.bzl", "ANDROID", "APPLE", "react_native_xplat_target", "rn_xplat_cxx_library", "subdir_glob")
 
 rn_xplat_cxx_library(
     name = "jscallinvoker",
-    srcs = [
-        "jsireact/BridgeJSCallInvoker.cpp",
-    ],
+    srcs = glob(["**/*.cpp"]),
     header_namespace = "",
-    exported_headers = {
-        "jsireact/BridgeJSCallInvoker.h": "jsireact/BridgeJSCallInvoker.h",
-        "jsireact/JSCallInvoker.h": "jsireact/JSCallInvoker.h",
-    },
+    exported_headers = subdir_glob(
+        [
+            ("ReactCommon", "*.h"),
+        ],
+        prefix = "ReactCommon",
+    ),
     compiler_flags = [
         "-fexceptions",
         "-frtti",
diff --git a/ReactCommon/jscallinvoker/jsireact/BridgeJSCallInvoker.cpp b/ReactCommon/jscallinvoker/ReactCommon/BridgeJSCallInvoker.cpp
similarity index 93%
rename from ReactCommon/jscallinvoker/jsireact/BridgeJSCallInvoker.cpp
rename to ReactCommon/jscallinvoker/ReactCommon/BridgeJSCallInvoker.cpp
index ed44cf84c3c45a..89686228ad0189 100644
--- a/ReactCommon/jscallinvoker/jsireact/BridgeJSCallInvoker.cpp
+++ b/ReactCommon/jscallinvoker/ReactCommon/BridgeJSCallInvoker.cpp
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#include <jsireact/BridgeJSCallInvoker.h>
+#include <ReactCommon/BridgeJSCallInvoker.h>
 #include <cxxreact/Instance.h>
 
 namespace facebook {
diff --git a/ReactCommon/jscallinvoker/jsireact/BridgeJSCallInvoker.h b/ReactCommon/jscallinvoker/ReactCommon/BridgeJSCallInvoker.h
similarity index 96%
rename from ReactCommon/jscallinvoker/jsireact/BridgeJSCallInvoker.h
rename to ReactCommon/jscallinvoker/ReactCommon/BridgeJSCallInvoker.h
index fa21c2a74d7e45..4b21100b25fa6b 100644
--- a/ReactCommon/jscallinvoker/jsireact/BridgeJSCallInvoker.h
+++ b/ReactCommon/jscallinvoker/ReactCommon/BridgeJSCallInvoker.h
@@ -10,7 +10,7 @@
 #include <functional>
 #include <memory>
 
-#include <jsireact/JSCallInvoker.h>
+#include <ReactCommon/JSCallInvoker.h>
 
 namespace facebook {
 namespace react {
diff --git a/ReactCommon/jscallinvoker/jsireact/JSCallInvoker.h b/ReactCommon/jscallinvoker/ReactCommon/JSCallInvoker.h
similarity index 100%
rename from ReactCommon/jscallinvoker/jsireact/JSCallInvoker.h
rename to ReactCommon/jscallinvoker/ReactCommon/JSCallInvoker.h
diff --git a/ReactCommon/jsi/JSCRuntime.cpp b/ReactCommon/jsi/JSCRuntime.cpp
index c4f0dee903b2fe..00c3a65dfdd5c7 100644
--- a/ReactCommon/jsi/JSCRuntime.cpp
+++ b/ReactCommon/jsi/JSCRuntime.cpp
@@ -9,7 +9,7 @@
 #include <atomic>
 #include <condition_variable>
 #include <cstdlib>
-#include "jsi/jsilib.h"
+#include <jsi/jsilib.h>
 #include <mutex>
 #include <queue>
 #include <sstream>
@@ -630,7 +630,9 @@ jsi::String JSCRuntime::createStringFromUtf8(
     size_t length) {
   std::string tmp(reinterpret_cast<const char*>(str), length);
   JSStringRef stringRef = JSStringCreateWithUTF8CString(tmp.c_str());
-  return createString(stringRef);
+  auto result = createString(stringRef);
+  JSStringRelease(stringRef);
+  return result;
 }
 
 std::string JSCRuntime::utf8(const jsi::String& str) {
diff --git a/ReactCommon/jsi/jsi/JSIDynamic.cpp b/ReactCommon/jsi/jsi/JSIDynamic.cpp
index f275dfb49060f9..e2dd4f11fb5ef8 100644
--- a/ReactCommon/jsi/jsi/JSIDynamic.cpp
+++ b/ReactCommon/jsi/jsi/JSIDynamic.cpp
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
diff --git a/ReactCommon/jsi/jsi/JSIDynamic.h b/ReactCommon/jsi/jsi/JSIDynamic.h
index be28b532eb7e7d..cafa94768d023d 100644
--- a/ReactCommon/jsi/jsi/JSIDynamic.h
+++ b/ReactCommon/jsi/jsi/JSIDynamic.h
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
@@ -13,10 +13,12 @@ namespace facebook {
 namespace jsi {
 
 facebook::jsi::Value valueFromDynamic(
-  facebook::jsi::Runtime& runtime, const folly::dynamic& dyn);
+    facebook::jsi::Runtime& runtime,
+    const folly::dynamic& dyn);
 
-folly::dynamic dynamicFromValue(facebook::jsi::Runtime& runtime,
-                                const facebook::jsi::Value& value);
+folly::dynamic dynamicFromValue(
+    facebook::jsi::Runtime& runtime,
+    const facebook::jsi::Value& value);
 
-}
-}
+} // namespace jsi
+} // namespace facebook
diff --git a/ReactCommon/jsi/jsi/decorator.h b/ReactCommon/jsi/jsi/decorator.h
index ac30bbe58544a1..b31615212d46e5 100644
--- a/ReactCommon/jsi/jsi/decorator.h
+++ b/ReactCommon/jsi/jsi/decorator.h
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
@@ -334,8 +334,11 @@ class RuntimeDecorator : public Base, private jsi::Instrumentation {
   }
 
   bool createSnapshotToFile(const std::string& path, bool compact) override {
-    return const_cast<Plain&>(plain()).instrumentation().createSnapshotToFile(
-        path, compact);
+    return plain().instrumentation().createSnapshotToFile(path, compact);
+  }
+
+  bool createSnapshotToStream(std::ostream& os, bool compact) override {
+    return plain().instrumentation().createSnapshotToStream(os, compact);
   }
 
   void writeBridgeTrafficTraceToFile(
@@ -400,10 +403,7 @@ struct AfterCaller<T, decltype((void)&T::after)> {
 // RAII constructed before each call to the undecorated class; the
 // ctor is passed a single argument of type WithArg&.  Plain and Base
 // are used as in the base class.
-template <
-    typename With,
-    typename Plain = Runtime,
-    typename Base = Runtime>
+template <typename With, typename Plain = Runtime, typename Base = Runtime>
 class WithRuntimeDecorator : public RuntimeDecorator<Plain, Base> {
  public:
   using RD = RuntimeDecorator<Plain, Base>;
diff --git a/ReactCommon/jsi/jsi/instrumentation.h b/ReactCommon/jsi/jsi/instrumentation.h
index fb75456e30d5b7..084022544083e3 100644
--- a/ReactCommon/jsi/jsi/instrumentation.h
+++ b/ReactCommon/jsi/jsi/instrumentation.h
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
diff --git a/ReactCommon/jsi/jsi/jsi-inl.h b/ReactCommon/jsi/jsi/jsi-inl.h
index c15d22f6e44965..5e53f7191b7db3 100644
--- a/ReactCommon/jsi/jsi/jsi-inl.h
+++ b/ReactCommon/jsi/jsi/jsi-inl.h
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
diff --git a/ReactCommon/jsi/jsi/jsi.cpp b/ReactCommon/jsi/jsi/jsi.cpp
index aad96f17a1c939..408b321c542263 100644
--- a/ReactCommon/jsi/jsi/jsi.cpp
+++ b/ReactCommon/jsi/jsi/jsi.cpp
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
@@ -84,7 +84,7 @@ Instrumentation& Runtime::instrumentation() {
     bool createSnapshotToStream(std::ostream&, bool) override {
       return false;
     }
-    
+
     void writeBridgeTrafficTraceToFile(const std::string&) const override {
       std::abort();
     }
diff --git a/ReactCommon/jsi/jsi/jsi.h b/ReactCommon/jsi/jsi/jsi.h
index b172b5b5a34b0b..0baa5e55641298 100644
--- a/ReactCommon/jsi/jsi/jsi.h
+++ b/ReactCommon/jsi/jsi/jsi.h
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
@@ -51,7 +51,7 @@ class StringBuffer : public Buffer {
   std::string s_;
 };
 
-/// PreparedJavaScript is a base class repesenting JavaScript which is in a form
+/// PreparedJavaScript is a base class representing JavaScript which is in a form
 /// optimized for execution, in a runtime-specific way. Construct one via
 /// jsi::Runtime::prepareJavaScript().
 /// ** This is an experimental API that is subject to change. **
@@ -919,7 +919,7 @@ class Value {
         std::is_base_of<Symbol, T>::value ||
             std::is_base_of<String, T>::value ||
             std::is_base_of<Object, T>::value,
-        "Value cannot be implictly move-constructed from this type");
+        "Value cannot be implicitly move-constructed from this type");
     new (&data_.pointer) T(std::move(other));
   }
 
diff --git a/ReactCommon/jsi/jsi/jsilib-posix.cpp b/ReactCommon/jsi/jsi/jsilib-posix.cpp
index e020437ab7175c..91c9e3820da811 100644
--- a/ReactCommon/jsi/jsi/jsilib-posix.cpp
+++ b/ReactCommon/jsi/jsi/jsilib-posix.cpp
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
diff --git a/ReactCommon/jsi/jsi/jsilib-windows.cpp b/ReactCommon/jsi/jsi/jsilib-windows.cpp
index 69581bbbeab567..d01c0e341b757a 100644
--- a/ReactCommon/jsi/jsi/jsilib-windows.cpp
+++ b/ReactCommon/jsi/jsi/jsilib-windows.cpp
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
diff --git a/ReactCommon/jsi/jsi/jsilib.h b/ReactCommon/jsi/jsi/jsilib.h
index 49967f4aa449f4..5a359619bd7d78 100644
--- a/ReactCommon/jsi/jsi/jsilib.h
+++ b/ReactCommon/jsi/jsi/jsilib.h
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
diff --git a/ReactCommon/jsi/jsi/test/testlib.cpp b/ReactCommon/jsi/jsi/test/testlib.cpp
new file mode 100644
index 00000000000000..71e2bf4389aa91
--- /dev/null
+++ b/ReactCommon/jsi/jsi/test/testlib.cpp
@@ -0,0 +1,1198 @@
+/*
+ * Copyright (c) Facebook, Inc. and its 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/test/testlib.h>
+#include <gtest/gtest.h>
+#include <jsi/decorator.h>
+#include <jsi/jsi.h>
+
+#include <stdlib.h>
+#include <chrono>
+#include <functional>
+#include <thread>
+#include <unordered_map>
+#include <unordered_set>
+
+using namespace facebook::jsi;
+
+class JSITest : public JSITestBase {};
+
+TEST_P(JSITest, RuntimeTest) {
+  auto v = rt.evaluateJavaScript(std::make_unique<StringBuffer>("1"), "");
+  EXPECT_EQ(v.getNumber(), 1);
+
+  rt.evaluateJavaScript(std::make_unique<StringBuffer>("x = 1"), "");
+  EXPECT_EQ(rt.global().getProperty(rt, "x").getNumber(), 1);
+}
+
+TEST_P(JSITest, PropNameIDTest) {
+  // This is a little weird to test, because it doesn't really exist
+  // in JS yet.  All I can do is create them, compare them, and
+  // receive one as an argument to a HostObject.
+
+  PropNameID quux = PropNameID::forAscii(rt, "quux1", 4);
+  PropNameID movedQuux = std::move(quux);
+  EXPECT_EQ(movedQuux.utf8(rt), "quux");
+  movedQuux = PropNameID::forAscii(rt, "quux2");
+  EXPECT_EQ(movedQuux.utf8(rt), "quux2");
+  PropNameID copiedQuux = PropNameID(rt, movedQuux);
+  EXPECT_TRUE(PropNameID::compare(rt, movedQuux, copiedQuux));
+
+  EXPECT_TRUE(PropNameID::compare(rt, movedQuux, movedQuux));
+  EXPECT_TRUE(PropNameID::compare(
+      rt, movedQuux, PropNameID::forAscii(rt, std::string("quux2"))));
+  EXPECT_FALSE(PropNameID::compare(
+      rt, movedQuux, PropNameID::forAscii(rt, std::string("foo"))));
+  uint8_t utf8[] = {0xF0, 0x9F, 0x86, 0x97};
+  PropNameID utf8PropNameID = PropNameID::forUtf8(rt, utf8, sizeof(utf8));
+  EXPECT_EQ(utf8PropNameID.utf8(rt), u8"\U0001F197");
+  EXPECT_TRUE(PropNameID::compare(
+      rt, utf8PropNameID, PropNameID::forUtf8(rt, utf8, sizeof(utf8))));
+  PropNameID nonUtf8PropNameID = PropNameID::forUtf8(rt, "meow");
+  EXPECT_TRUE(PropNameID::compare(
+      rt, nonUtf8PropNameID, PropNameID::forAscii(rt, "meow")));
+  EXPECT_EQ(nonUtf8PropNameID.utf8(rt), "meow");
+  PropNameID strPropNameID =
+      PropNameID::forString(rt, String::createFromAscii(rt, "meow"));
+  EXPECT_TRUE(PropNameID::compare(rt, nonUtf8PropNameID, strPropNameID));
+
+  auto names = PropNameID::names(
+      rt, "Ala", std::string("ma"), PropNameID::forAscii(rt, "kota"));
+  EXPECT_EQ(names.size(), 3);
+  EXPECT_TRUE(
+      PropNameID::compare(rt, names[0], PropNameID::forAscii(rt, "Ala")));
+  EXPECT_TRUE(
+      PropNameID::compare(rt, names[1], PropNameID::forAscii(rt, "ma")));
+  EXPECT_TRUE(
+      PropNameID::compare(rt, names[2], PropNameID::forAscii(rt, "kota")));
+}
+
+TEST_P(JSITest, StringTest) {
+  EXPECT_TRUE(checkValue(String::createFromAscii(rt, "foobar", 3), "'foo'"));
+  EXPECT_TRUE(checkValue(String::createFromAscii(rt, "foobar"), "'foobar'"));
+
+  std::string baz = "baz";
+  EXPECT_TRUE(checkValue(String::createFromAscii(rt, baz), "'baz'"));
+
+  uint8_t utf8[] = {0xF0, 0x9F, 0x86, 0x97};
+  EXPECT_TRUE(checkValue(
+      String::createFromUtf8(rt, utf8, sizeof(utf8)), "'\\uD83C\\uDD97'"));
+
+  EXPECT_EQ(eval("'quux'").getString(rt).utf8(rt), "quux");
+  EXPECT_EQ(eval("'\\u20AC'").getString(rt).utf8(rt), "\xe2\x82\xac");
+
+  String quux = String::createFromAscii(rt, "quux");
+  String movedQuux = std::move(quux);
+  EXPECT_EQ(movedQuux.utf8(rt), "quux");
+  movedQuux = String::createFromAscii(rt, "quux2");
+  EXPECT_EQ(movedQuux.utf8(rt), "quux2");
+}
+
+TEST_P(JSITest, ObjectTest) {
+  eval("x = {1:2, '3':4, 5:'six', 'seven':['eight', 'nine']}");
+  Object x = rt.global().getPropertyAsObject(rt, "x");
+  EXPECT_EQ(x.getPropertyNames(rt).size(rt), 4);
+  EXPECT_TRUE(x.hasProperty(rt, "1"));
+  EXPECT_TRUE(x.hasProperty(rt, PropNameID::forAscii(rt, "1")));
+  EXPECT_FALSE(x.hasProperty(rt, "2"));
+  EXPECT_FALSE(x.hasProperty(rt, PropNameID::forAscii(rt, "2")));
+  EXPECT_TRUE(x.hasProperty(rt, "3"));
+  EXPECT_TRUE(x.hasProperty(rt, PropNameID::forAscii(rt, "3")));
+  EXPECT_TRUE(x.hasProperty(rt, "seven"));
+  EXPECT_TRUE(x.hasProperty(rt, PropNameID::forAscii(rt, "seven")));
+  EXPECT_EQ(x.getProperty(rt, "1").getNumber(), 2);
+  EXPECT_EQ(x.getProperty(rt, PropNameID::forAscii(rt, "1")).getNumber(), 2);
+  EXPECT_EQ(x.getProperty(rt, "3").getNumber(), 4);
+  Value five = 5;
+  EXPECT_EQ(
+      x.getProperty(rt, PropNameID::forString(rt, five.toString(rt)))
+          .getString(rt)
+          .utf8(rt),
+      "six");
+
+  x.setProperty(rt, "ten", 11);
+  EXPECT_EQ(x.getPropertyNames(rt).size(rt), 5);
+  EXPECT_TRUE(eval("x.ten == 11").getBool());
+
+  x.setProperty(rt, "e_as_float", 2.71f);
+  EXPECT_TRUE(eval("Math.abs(x.e_as_float - 2.71) < 0.001").getBool());
+
+  x.setProperty(rt, "e_as_double", 2.71);
+  EXPECT_TRUE(eval("x.e_as_double == 2.71").getBool());
+
+  uint8_t utf8[] = {0xF0, 0x9F, 0x86, 0x97};
+  String nonAsciiName = String::createFromUtf8(rt, utf8, sizeof(utf8));
+  x.setProperty(rt, PropNameID::forString(rt, nonAsciiName), "emoji");
+  EXPECT_EQ(x.getPropertyNames(rt).size(rt), 8);
+  EXPECT_TRUE(eval("x['\\uD83C\\uDD97'] == 'emoji'").getBool());
+
+  Object seven = x.getPropertyAsObject(rt, "seven");
+  EXPECT_TRUE(seven.isArray(rt));
+  Object evalf = rt.global().getPropertyAsObject(rt, "eval");
+  EXPECT_TRUE(evalf.isFunction(rt));
+
+  Object movedX = Object(rt);
+  movedX = std::move(x);
+  EXPECT_EQ(movedX.getPropertyNames(rt).size(rt), 8);
+  EXPECT_EQ(movedX.getProperty(rt, "1").getNumber(), 2);
+
+  Object obj = Object(rt);
+  obj.setProperty(rt, "roses", "red");
+  obj.setProperty(rt, "violets", "blue");
+  Object oprop = Object(rt);
+  obj.setProperty(rt, "oprop", oprop);
+  obj.setProperty(rt, "aprop", Array(rt, 1));
+
+  EXPECT_TRUE(function("function (obj) { return "
+                       "obj.roses == 'red' && "
+                       "obj['violets'] == 'blue' && "
+                       "typeof obj.oprop == 'object' && "
+                       "Array.isArray(obj.aprop); }")
+                  .call(rt, obj)
+                  .getBool());
+
+  // Check that getPropertyNames doesn't return non-enumerable
+  // properties.
+  obj = function(
+            "function () {"
+            "  obj = {};"
+            "  obj.a = 1;"
+            "  Object.defineProperty(obj, 'b', {"
+            "    enumerable: false,"
+            "    value: 2"
+            "  });"
+            "  return obj;"
+            "}")
+            .call(rt)
+            .getObject(rt);
+  EXPECT_EQ(obj.getProperty(rt, "a").getNumber(), 1);
+  EXPECT_EQ(obj.getProperty(rt, "b").getNumber(), 2);
+  Array names = obj.getPropertyNames(rt);
+  EXPECT_EQ(names.size(rt), 1);
+  EXPECT_EQ(names.getValueAtIndex(rt, 0).getString(rt).utf8(rt), "a");
+}
+
+TEST_P(JSITest, HostObjectTest) {
+  class ConstantHostObject : public HostObject {
+    Value get(Runtime&, const PropNameID& sym) override {
+      return 9000;
+    }
+
+    void set(Runtime&, const PropNameID&, const Value&) override {}
+  };
+
+  Object cho =
+      Object::createFromHostObject(rt, std::make_shared<ConstantHostObject>());
+  EXPECT_TRUE(function("function (obj) { return obj.someRandomProp == 9000; }")
+                  .call(rt, cho)
+                  .getBool());
+  EXPECT_TRUE(cho.isHostObject(rt));
+  EXPECT_TRUE(cho.getHostObject<ConstantHostObject>(rt).get() != nullptr);
+
+  struct SameRuntimeHostObject : HostObject {
+    SameRuntimeHostObject(Runtime& rt) : rt_(rt){};
+
+    Value get(Runtime& rt, const PropNameID& sym) override {
+      EXPECT_EQ(&rt, &rt_);
+      return Value();
+    }
+
+    void set(Runtime& rt, const PropNameID& name, const Value& value) override {
+      EXPECT_EQ(&rt, &rt_);
+    }
+
+    std::vector<PropNameID> getPropertyNames(Runtime& rt) override {
+      EXPECT_EQ(&rt, &rt_);
+      return {};
+    }
+
+    Runtime& rt_;
+  };
+
+  Object srho = Object::createFromHostObject(
+      rt, std::make_shared<SameRuntimeHostObject>(rt));
+  // Test get's Runtime is as expected
+  function("function (obj) { return obj.isSame; }").call(rt, srho);
+  // ... and set
+  function("function (obj) { obj['k'] = 'v'; }").call(rt, srho);
+  // ... and getPropertyNames
+  function("function (obj) { for (k in obj) {} }").call(rt, srho);
+
+  class TwiceHostObject : public HostObject {
+    Value get(Runtime& rt, const PropNameID& sym) override {
+      return String::createFromUtf8(rt, sym.utf8(rt) + sym.utf8(rt));
+    }
+
+    void set(Runtime&, const PropNameID&, const Value&) override {}
+  };
+
+  Object tho =
+      Object::createFromHostObject(rt, std::make_shared<TwiceHostObject>());
+  EXPECT_TRUE(function("function (obj) { return obj.abc == 'abcabc'; }")
+                  .call(rt, tho)
+                  .getBool());
+  EXPECT_TRUE(function("function (obj) { return obj['def'] == 'defdef'; }")
+                  .call(rt, tho)
+                  .getBool());
+  EXPECT_TRUE(function("function (obj) { return obj[12] === '1212'; }")
+                  .call(rt, tho)
+                  .getBool());
+  EXPECT_TRUE(tho.isHostObject(rt));
+  EXPECT_TRUE(
+      std::dynamic_pointer_cast<ConstantHostObject>(tho.getHostObject(rt)) ==
+      nullptr);
+  EXPECT_TRUE(tho.getHostObject<TwiceHostObject>(rt).get() != nullptr);
+
+  class PropNameIDHostObject : public HostObject {
+    Value get(Runtime& rt, const PropNameID& sym) override {
+      if (PropNameID::compare(rt, sym, PropNameID::forAscii(rt, "undef"))) {
+        return Value::undefined();
+      } else {
+        return PropNameID::compare(
+            rt, sym, PropNameID::forAscii(rt, "somesymbol"));
+      }
+    }
+
+    void set(Runtime&, const PropNameID&, const Value&) override {}
+  };
+
+  Object sho = Object::createFromHostObject(
+      rt, std::make_shared<PropNameIDHostObject>());
+  EXPECT_TRUE(sho.isHostObject(rt));
+  EXPECT_TRUE(function("function (obj) { return obj.undef; }")
+                  .call(rt, sho)
+                  .isUndefined());
+  EXPECT_TRUE(function("function (obj) { return obj.somesymbol; }")
+                  .call(rt, sho)
+                  .getBool());
+  EXPECT_FALSE(function("function (obj) { return obj.notsomuch; }")
+                   .call(rt, sho)
+                   .getBool());
+
+  class BagHostObject : public HostObject {
+   public:
+    const std::string& getThing() {
+      return bag_["thing"];
+    }
+
+   private:
+    Value get(Runtime& rt, const PropNameID& sym) override {
+      if (sym.utf8(rt) == "thing") {
+        return String::createFromUtf8(rt, bag_[sym.utf8(rt)]);
+      }
+      return Value::undefined();
+    }
+
+    void set(Runtime& rt, const PropNameID& sym, const Value& val) override {
+      std::string key(sym.utf8(rt));
+      if (key == "thing") {
+        bag_[key] = val.toString(rt).utf8(rt);
+      }
+    }
+
+    std::unordered_map<std::string, std::string> bag_;
+  };
+
+  std::shared_ptr<BagHostObject> shbho = std::make_shared<BagHostObject>();
+  Object bho = Object::createFromHostObject(rt, shbho);
+  EXPECT_TRUE(bho.isHostObject(rt));
+  EXPECT_TRUE(function("function (obj) { return obj.undef; }")
+                  .call(rt, bho)
+                  .isUndefined());
+  EXPECT_EQ(
+      function("function (obj) { obj.thing = 'hello'; return obj.thing; }")
+          .call(rt, bho)
+          .toString(rt)
+          .utf8(rt),
+      "hello");
+  EXPECT_EQ(shbho->getThing(), "hello");
+
+  class ThrowingHostObject : public HostObject {
+    Value get(Runtime& rt, const PropNameID& sym) override {
+      throw std::runtime_error("Cannot get");
+    }
+
+    void set(Runtime& rt, const PropNameID& sym, const Value& val) override {
+      throw std::runtime_error("Cannot set");
+    }
+  };
+
+  Object thro =
+      Object::createFromHostObject(rt, std::make_shared<ThrowingHostObject>());
+  EXPECT_TRUE(thro.isHostObject(rt));
+  std::string exc;
+  try {
+    function("function (obj) { return obj.thing; }").call(rt, thro);
+  } catch (const JSError& ex) {
+    exc = ex.what();
+  }
+  EXPECT_NE(exc.find("Cannot get"), std::string::npos);
+  exc = "";
+  try {
+    function("function (obj) { obj.thing = 'hello'; }").call(rt, thro);
+  } catch (const JSError& ex) {
+    exc = ex.what();
+  }
+  EXPECT_NE(exc.find("Cannot set"), std::string::npos);
+
+  class NopHostObject : public HostObject {};
+  Object nopHo =
+      Object::createFromHostObject(rt, std::make_shared<NopHostObject>());
+  EXPECT_TRUE(nopHo.isHostObject(rt));
+  EXPECT_TRUE(function("function (obj) { return obj.thing; }")
+                  .call(rt, nopHo)
+                  .isUndefined());
+
+  std::string nopExc;
+  try {
+    function("function (obj) { obj.thing = 'pika'; }").call(rt, nopHo);
+  } catch (const JSError& ex) {
+    nopExc = ex.what();
+  }
+  EXPECT_NE(nopExc.find("TypeError: "), std::string::npos);
+
+  class HostObjectWithPropertyNames : public HostObject {
+    std::vector<PropNameID> getPropertyNames(Runtime& rt) override {
+      return PropNameID::names(
+          rt, "a_prop", "1", "false", "a_prop", "3", "c_prop");
+    }
+  };
+
+  Object howpn = Object::createFromHostObject(
+      rt, std::make_shared<HostObjectWithPropertyNames>());
+  EXPECT_TRUE(
+      function(
+          "function (o) { return Object.getOwnPropertyNames(o).length == 5 }")
+          .call(rt, howpn)
+          .getBool());
+
+  auto hasOwnPropertyName = function(
+      "function (o, p) {"
+      "  return Object.getOwnPropertyNames(o).indexOf(p) >= 0"
+      "}");
+  EXPECT_TRUE(
+      hasOwnPropertyName.call(rt, howpn, String::createFromAscii(rt, "a_prop"))
+          .getBool());
+  EXPECT_TRUE(
+      hasOwnPropertyName.call(rt, howpn, String::createFromAscii(rt, "1"))
+          .getBool());
+  EXPECT_TRUE(
+      hasOwnPropertyName.call(rt, howpn, String::createFromAscii(rt, "false"))
+          .getBool());
+  EXPECT_TRUE(
+      hasOwnPropertyName.call(rt, howpn, String::createFromAscii(rt, "3"))
+          .getBool());
+  EXPECT_TRUE(
+      hasOwnPropertyName.call(rt, howpn, String::createFromAscii(rt, "c_prop"))
+          .getBool());
+  EXPECT_FALSE(hasOwnPropertyName
+                   .call(rt, howpn, String::createFromAscii(rt, "not_existing"))
+                   .getBool());
+}
+
+TEST_P(JSITest, ArrayTest) {
+  eval("x = {1:2, '3':4, 5:'six', 'seven':['eight', 'nine']}");
+
+  Object x = rt.global().getPropertyAsObject(rt, "x");
+  Array names = x.getPropertyNames(rt);
+  EXPECT_EQ(names.size(rt), 4);
+  std::unordered_set<std::string> strNames;
+  for (size_t i = 0; i < names.size(rt); ++i) {
+    Value n = names.getValueAtIndex(rt, i);
+    EXPECT_TRUE(n.isString());
+    strNames.insert(n.getString(rt).utf8(rt));
+  }
+
+  EXPECT_EQ(strNames.size(), 4);
+  EXPECT_EQ(strNames.count("1"), 1);
+  EXPECT_EQ(strNames.count("3"), 1);
+  EXPECT_EQ(strNames.count("5"), 1);
+  EXPECT_EQ(strNames.count("seven"), 1);
+
+  Object seven = x.getPropertyAsObject(rt, "seven");
+  Array arr = seven.getArray(rt);
+
+  EXPECT_EQ(arr.size(rt), 2);
+  EXPECT_EQ(arr.getValueAtIndex(rt, 0).getString(rt).utf8(rt), "eight");
+  EXPECT_EQ(arr.getValueAtIndex(rt, 1).getString(rt).utf8(rt), "nine");
+  // TODO: test out of range
+
+  EXPECT_EQ(x.getPropertyAsObject(rt, "seven").getArray(rt).size(rt), 2);
+
+  // Check that property access with both symbols and strings can access
+  // array values.
+  EXPECT_EQ(seven.getProperty(rt, "0").getString(rt).utf8(rt), "eight");
+  EXPECT_EQ(seven.getProperty(rt, "1").getString(rt).utf8(rt), "nine");
+  seven.setProperty(rt, "1", "modified");
+  EXPECT_EQ(seven.getProperty(rt, "1").getString(rt).utf8(rt), "modified");
+  EXPECT_EQ(arr.getValueAtIndex(rt, 1).getString(rt).utf8(rt), "modified");
+  EXPECT_EQ(
+      seven.getProperty(rt, PropNameID::forAscii(rt, "0"))
+          .getString(rt)
+          .utf8(rt),
+      "eight");
+  seven.setProperty(rt, PropNameID::forAscii(rt, "0"), "modified2");
+  EXPECT_EQ(arr.getValueAtIndex(rt, 0).getString(rt).utf8(rt), "modified2");
+
+  Array alpha = Array(rt, 4);
+  EXPECT_TRUE(alpha.getValueAtIndex(rt, 0).isUndefined());
+  EXPECT_TRUE(alpha.getValueAtIndex(rt, 3).isUndefined());
+  EXPECT_EQ(alpha.size(rt), 4);
+  alpha.setValueAtIndex(rt, 0, "a");
+  alpha.setValueAtIndex(rt, 1, "b");
+  EXPECT_EQ(alpha.length(rt), 4);
+  alpha.setValueAtIndex(rt, 2, "c");
+  alpha.setValueAtIndex(rt, 3, "d");
+  EXPECT_EQ(alpha.size(rt), 4);
+
+  EXPECT_TRUE(
+      function(
+          "function (arr) { return "
+          "arr.length == 4 && "
+          "['a','b','c','d'].every(function(v,i) { return v === arr[i]}); }")
+          .call(rt, alpha)
+          .getBool());
+
+  Array alpha2 = Array(rt, 1);
+  alpha2 = std::move(alpha);
+  EXPECT_EQ(alpha2.size(rt), 4);
+}
+
+TEST_P(JSITest, FunctionTest) {
+  // test move ctor
+  Function fmove = function("function() { return 1 }");
+  {
+    Function g = function("function() { return 2 }");
+    fmove = std::move(g);
+  }
+  EXPECT_EQ(fmove.call(rt).getNumber(), 2);
+
+  // This tests all the function argument converters, and all the
+  // non-lvalue overloads of call().
+  Function f = function(
+      "function(n, b, d, df, i, s1, s2, s3, o, a, f, v) { return "
+      "n === null && "
+      "b === true && "
+      "d === 3.14 && "
+      "Math.abs(df - 2.71) < 0.001 && "
+      "i === 17 && "
+      "s1 == 's1' && "
+      "s2 == 's2' && "
+      "s3 == 's3' && "
+      "typeof o == 'object' && "
+      "Array.isArray(a) && "
+      "typeof f == 'function' && "
+      "v == 42 }");
+  std::string s3 = "s3";
+  EXPECT_TRUE(f.call(
+                   rt,
+                   nullptr,
+                   true,
+                   3.14,
+                   2.71f,
+                   17,
+                   "s1",
+                   String::createFromAscii(rt, "s2"),
+                   s3,
+                   Object(rt),
+                   Array(rt, 1),
+                   function("function(){}"),
+                   Value(42))
+                  .getBool());
+
+  // lvalue overloads of call()
+  Function flv = function(
+      "function(s, o, a, f, v) { return "
+      "s == 's' && "
+      "typeof o == 'object' && "
+      "Array.isArray(a) && "
+      "typeof f == 'function' && "
+      "v == 42 }");
+
+  String s = String::createFromAscii(rt, "s");
+  Object o = Object(rt);
+  Array a = Array(rt, 1);
+  Value v = 42;
+  EXPECT_TRUE(flv.call(rt, s, o, a, f, v).getBool());
+
+  Function f1 = function("function() { return 1; }");
+  Function f2 = function("function() { return 2; }");
+  f2 = std::move(f1);
+  EXPECT_EQ(f2.call(rt).getNumber(), 1);
+}
+
+TEST_P(JSITest, FunctionThisTest) {
+  Function checkPropertyFunction =
+      function("function() { return this.a === 'a_property' }");
+
+  Object jsObject = Object(rt);
+  jsObject.setProperty(rt, "a", String::createFromUtf8(rt, "a_property"));
+
+  class APropertyHostObject : public HostObject {
+    Value get(Runtime& rt, const PropNameID& sym) override {
+      return String::createFromUtf8(rt, "a_property");
+    }
+
+    void set(Runtime&, const PropNameID&, const Value&) override {}
+  };
+  Object hostObject =
+      Object::createFromHostObject(rt, std::make_shared<APropertyHostObject>());
+
+  EXPECT_TRUE(checkPropertyFunction.callWithThis(rt, jsObject).getBool());
+  EXPECT_TRUE(checkPropertyFunction.callWithThis(rt, hostObject).getBool());
+  EXPECT_FALSE(checkPropertyFunction.callWithThis(rt, Array(rt, 5)).getBool());
+  EXPECT_FALSE(checkPropertyFunction.call(rt).getBool());
+}
+
+TEST_P(JSITest, FunctionConstructorTest) {
+  Function ctor = function(
+      "function (a) {"
+      "  if (typeof a !== 'undefined') {"
+      "   this.pika = a;"
+      "  }"
+      "}");
+  ctor.getProperty(rt, "prototype")
+      .getObject(rt)
+      .setProperty(rt, "pika", "chu");
+  auto empty = ctor.callAsConstructor(rt);
+  ASSERT_TRUE(empty.isObject());
+  auto emptyObj = std::move(empty).getObject(rt);
+  EXPECT_EQ(emptyObj.getProperty(rt, "pika").getString(rt).utf8(rt), "chu");
+  auto who = ctor.callAsConstructor(rt, "who");
+  ASSERT_TRUE(who.isObject());
+  auto whoObj = std::move(who).getObject(rt);
+  EXPECT_EQ(whoObj.getProperty(rt, "pika").getString(rt).utf8(rt), "who");
+
+  auto instanceof = function("function (o, b) { return o instanceof b; }");
+  EXPECT_TRUE(instanceof.call(rt, emptyObj, ctor).getBool());
+  EXPECT_TRUE(instanceof.call(rt, whoObj, ctor).getBool());
+
+  auto dateCtor = rt.global().getPropertyAsFunction(rt, "Date");
+  auto date = dateCtor.callAsConstructor(rt);
+  EXPECT_TRUE(date.isObject());
+  EXPECT_TRUE(instanceof.call(rt, date, dateCtor).getBool());
+  // Sleep for 50 milliseconds
+  std::this_thread::sleep_for(std::chrono::milliseconds(50));
+  EXPECT_GE(
+      function("function (d) { return (new Date()).getTime() - d.getTime(); }")
+          .call(rt, date)
+          .getNumber(),
+      50);
+}
+
+TEST_P(JSITest, InstanceOfTest) {
+  auto ctor = function("function Rick() { this.say = 'wubalubadubdub'; }");
+  auto newObj = function("function (ctor) { return new ctor(); }");
+  auto instance = newObj.call(rt, ctor).getObject(rt);
+  EXPECT_TRUE(instance.instanceOf(rt, ctor));
+  EXPECT_EQ(
+      instance.getProperty(rt, "say").getString(rt).utf8(rt), "wubalubadubdub");
+  EXPECT_FALSE(Object(rt).instanceOf(rt, ctor));
+  EXPECT_TRUE(ctor.callAsConstructor(rt, nullptr, 0)
+                  .getObject(rt)
+                  .instanceOf(rt, ctor));
+}
+
+TEST_P(JSITest, HostFunctionTest) {
+  auto one = std::make_shared<int>(1);
+  Function plusOne = Function::createFromHostFunction(
+      rt,
+      PropNameID::forAscii(rt, "plusOne"),
+      2,
+      [one, savedRt = &rt](
+          Runtime& rt, const Value& thisVal, const Value* args, size_t count) {
+        EXPECT_EQ(savedRt, &rt);
+        // We don't know if we're in strict mode or not, so it's either global
+        // or undefined.
+        EXPECT_TRUE(
+            Value::strictEquals(rt, thisVal, rt.global()) ||
+            thisVal.isUndefined());
+        return *one + args[0].getNumber() + args[1].getNumber();
+      });
+
+  EXPECT_EQ(plusOne.call(rt, 1, 2).getNumber(), 4);
+  EXPECT_TRUE(checkValue(plusOne.call(rt, 3, 5), "9"));
+  rt.global().setProperty(rt, "plusOne", plusOne);
+  EXPECT_TRUE(eval("plusOne(20, 300) == 321").getBool());
+
+  Function dot = Function::createFromHostFunction(
+      rt,
+      PropNameID::forAscii(rt, "dot"),
+      2,
+      [](Runtime& rt, const Value& thisVal, const Value* args, size_t count) {
+        EXPECT_TRUE(
+            Value::strictEquals(rt, thisVal, rt.global()) ||
+            thisVal.isUndefined());
+        if (count != 2) {
+          throw std::runtime_error("expected 2 args");
+        }
+        std::string ret = args[0].getString(rt).utf8(rt) + "." +
+            args[1].getString(rt).utf8(rt);
+        return String::createFromUtf8(
+            rt, reinterpret_cast<const uint8_t*>(ret.data()), ret.size());
+      });
+
+  rt.global().setProperty(rt, "cons", dot);
+  EXPECT_TRUE(eval("cons('left', 'right') == 'left.right'").getBool());
+  EXPECT_TRUE(eval("cons.name == 'dot'").getBool());
+  EXPECT_TRUE(eval("cons.length == 2").getBool());
+  EXPECT_TRUE(eval("cons instanceof Function").getBool());
+
+  EXPECT_TRUE(eval("(function() {"
+                   "  try {"
+                   "    cons('fail'); return false;"
+                   "  } catch (e) {"
+                   "    return ((e instanceof Error) &&"
+                   "            (e.message == 'Exception in HostFunction: ' +"
+                   "                          'expected 2 args'));"
+                   "  }})()")
+                  .getBool());
+
+  Function coolify = Function::createFromHostFunction(
+      rt,
+      PropNameID::forAscii(rt, "coolify"),
+      0,
+      [](Runtime& rt, const Value& thisVal, const Value* args, size_t count) {
+        EXPECT_EQ(count, 0);
+        std::string ret = thisVal.toString(rt).utf8(rt) + " is cool";
+        return String::createFromUtf8(
+            rt, reinterpret_cast<const uint8_t*>(ret.data()), ret.size());
+      });
+  rt.global().setProperty(rt, "coolify", coolify);
+  EXPECT_TRUE(eval("coolify.name == 'coolify'").getBool());
+  EXPECT_TRUE(eval("coolify.length == 0").getBool());
+  EXPECT_TRUE(eval("coolify.bind('R&M')() == 'R&M is cool'").getBool());
+  EXPECT_TRUE(eval("(function() {"
+                   "  var s = coolify.bind(function(){})();"
+                   "  return s.lastIndexOf(' is cool') == (s.length - 8);"
+                   "})()")
+                  .getBool());
+
+  Function lookAtMe = Function::createFromHostFunction(
+      rt,
+      PropNameID::forAscii(rt, "lookAtMe"),
+      0,
+      [](Runtime& rt, const Value& thisVal, const Value* args, size_t count)
+          -> Value {
+        EXPECT_TRUE(thisVal.isObject());
+        EXPECT_EQ(
+            thisVal.getObject(rt)
+                .getProperty(rt, "name")
+                .getString(rt)
+                .utf8(rt),
+            "mr.meeseeks");
+        return Value();
+      });
+  rt.global().setProperty(rt, "lookAtMe", lookAtMe);
+  EXPECT_TRUE(eval("lookAtMe.bind({'name': 'mr.meeseeks'})()").isUndefined());
+
+  struct Callable {
+    Callable(std::string s) : str(s) {}
+
+    Value
+    operator()(Runtime& rt, const Value&, const Value* args, size_t count) {
+      if (count != 1) {
+        return Value();
+      }
+      return String::createFromUtf8(
+          rt, args[0].toString(rt).utf8(rt) + " was called with " + str);
+    }
+
+    std::string str;
+  };
+
+  Function callable = Function::createFromHostFunction(
+      rt,
+      PropNameID::forAscii(rt, "callable"),
+      1,
+      Callable("std::function::target"));
+  EXPECT_EQ(
+      function("function (f) { return f('A cat'); }")
+          .call(rt, callable)
+          .getString(rt)
+          .utf8(rt),
+      "A cat was called with std::function::target");
+  EXPECT_TRUE(callable.isHostFunction(rt));
+  EXPECT_NE(callable.getHostFunction(rt).target<Callable>(), nullptr);
+
+  std::string strval = "strval1";
+  auto getter = Object(rt);
+  getter.setProperty(
+      rt,
+      "get",
+      Function::createFromHostFunction(
+          rt,
+          PropNameID::forAscii(rt, "getter"),
+          1,
+          [&strval](
+              Runtime& rt,
+              const Value& thisVal,
+              const Value* args,
+              size_t count) -> Value {
+            return String::createFromUtf8(rt, strval);
+          }));
+  auto obj = Object(rt);
+  rt.global()
+      .getPropertyAsObject(rt, "Object")
+      .getPropertyAsFunction(rt, "defineProperty")
+      .call(rt, obj, "prop", getter);
+  EXPECT_TRUE(function("function(value) { return value.prop == 'strval1'; }")
+                  .call(rt, obj)
+                  .getBool());
+  strval = "strval2";
+  EXPECT_TRUE(function("function(value) { return value.prop == 'strval2'; }")
+                  .call(rt, obj)
+                  .getBool());
+}
+
+TEST_P(JSITest, ValueTest) {
+  EXPECT_TRUE(checkValue(Value::undefined(), "undefined"));
+  EXPECT_TRUE(checkValue(Value(), "undefined"));
+  EXPECT_TRUE(checkValue(Value::null(), "null"));
+  EXPECT_TRUE(checkValue(nullptr, "null"));
+
+  EXPECT_TRUE(checkValue(Value(false), "false"));
+  EXPECT_TRUE(checkValue(false, "false"));
+  EXPECT_TRUE(checkValue(true, "true"));
+
+  EXPECT_TRUE(checkValue(Value(1.5), "1.5"));
+  EXPECT_TRUE(checkValue(2.5, "2.5"));
+
+  EXPECT_TRUE(checkValue(Value(10), "10"));
+  EXPECT_TRUE(checkValue(20, "20"));
+  EXPECT_TRUE(checkValue(30, "30"));
+
+  // rvalue implicit conversion
+  EXPECT_TRUE(checkValue(String::createFromAscii(rt, "one"), "'one'"));
+  // lvalue explicit copy
+  String s = String::createFromAscii(rt, "two");
+  EXPECT_TRUE(checkValue(Value(rt, s), "'two'"));
+
+  {
+    // rvalue assignment of trivial value
+    Value v1 = 100;
+    Value v2 = String::createFromAscii(rt, "hundred");
+    v2 = std::move(v1);
+    EXPECT_TRUE(v2.isNumber());
+    EXPECT_EQ(v2.getNumber(), 100);
+  }
+
+  {
+    // rvalue assignment of js heap value
+    Value v1 = String::createFromAscii(rt, "hundred");
+    Value v2 = 100;
+    v2 = std::move(v1);
+    EXPECT_TRUE(v2.isString());
+    EXPECT_EQ(v2.getString(rt).utf8(rt), "hundred");
+  }
+
+  Object o = Object(rt);
+  EXPECT_TRUE(function("function(value) { return typeof(value) == 'object'; }")
+                  .call(rt, Value(rt, o))
+                  .getBool());
+
+  uint8_t utf8[] = "[null, 2, \"c\", \"emoji: \xf0\x9f\x86\x97\", {}]";
+
+  EXPECT_TRUE(
+      function("function (arr) { return "
+               "Array.isArray(arr) && "
+               "arr.length == 5 && "
+               "arr[0] === null && "
+               "arr[1] == 2 && "
+               "arr[2] == 'c' && "
+               "arr[3] == 'emoji: \\uD83C\\uDD97' && "
+               "typeof arr[4] == 'object'; }")
+          .call(rt, Value::createFromJsonUtf8(rt, utf8, sizeof(utf8) - 1))
+          .getBool());
+
+  EXPECT_TRUE(eval("undefined").isUndefined());
+  EXPECT_TRUE(eval("null").isNull());
+  EXPECT_TRUE(eval("true").isBool());
+  EXPECT_TRUE(eval("false").isBool());
+  EXPECT_TRUE(eval("123").isNumber());
+  EXPECT_TRUE(eval("123.4").isNumber());
+  EXPECT_TRUE(eval("'str'").isString());
+  // "{}" returns undefined.  empty code block?
+  EXPECT_TRUE(eval("({})").isObject());
+  EXPECT_TRUE(eval("[]").isObject());
+  EXPECT_TRUE(eval("(function(){})").isObject());
+
+  EXPECT_EQ(eval("123").getNumber(), 123);
+  EXPECT_EQ(eval("123.4").getNumber(), 123.4);
+  EXPECT_EQ(eval("'str'").getString(rt).utf8(rt), "str");
+  EXPECT_TRUE(eval("[]").getObject(rt).isArray(rt));
+
+  EXPECT_EQ(eval("456").asNumber(), 456);
+  EXPECT_THROW(eval("'word'").asNumber(), JSIException);
+  EXPECT_EQ(
+      eval("({1:2, 3:4})").asObject(rt).getProperty(rt, "1").getNumber(), 2);
+  EXPECT_THROW(eval("'oops'").asObject(rt), JSIException);
+
+  EXPECT_EQ(eval("['zero',1,2,3]").toString(rt).utf8(rt), "zero,1,2,3");
+}
+
+TEST_P(JSITest, EqualsTest) {
+  EXPECT_TRUE(Object::strictEquals(rt, rt.global(), rt.global()));
+  EXPECT_TRUE(Value::strictEquals(rt, 1, 1));
+  EXPECT_FALSE(Value::strictEquals(rt, true, 1));
+  EXPECT_FALSE(Value::strictEquals(rt, true, false));
+  EXPECT_TRUE(Value::strictEquals(rt, false, false));
+  EXPECT_FALSE(Value::strictEquals(rt, nullptr, 1));
+  EXPECT_TRUE(Value::strictEquals(rt, nullptr, nullptr));
+  EXPECT_TRUE(Value::strictEquals(rt, Value::undefined(), Value()));
+  EXPECT_TRUE(Value::strictEquals(rt, rt.global(), Value(rt.global())));
+  EXPECT_FALSE(Value::strictEquals(
+      rt,
+      std::numeric_limits<double>::quiet_NaN(),
+      std::numeric_limits<double>::quiet_NaN()));
+  EXPECT_FALSE(Value::strictEquals(
+      rt,
+      std::numeric_limits<double>::signaling_NaN(),
+      std::numeric_limits<double>::signaling_NaN()));
+  EXPECT_TRUE(Value::strictEquals(rt, +0.0, -0.0));
+  EXPECT_TRUE(Value::strictEquals(rt, -0.0, +0.0));
+
+  Function noop = Function::createFromHostFunction(
+      rt,
+      PropNameID::forAscii(rt, "noop"),
+      0,
+      [](const Runtime&, const Value&, const Value*, size_t) {
+        return Value();
+      });
+  auto noopDup = Value(rt, noop).getObject(rt);
+  EXPECT_TRUE(Object::strictEquals(rt, noop, noopDup));
+  EXPECT_TRUE(Object::strictEquals(rt, noopDup, noop));
+  EXPECT_FALSE(Object::strictEquals(rt, noop, rt.global()));
+  EXPECT_TRUE(Object::strictEquals(rt, noop, noop));
+  EXPECT_TRUE(Value::strictEquals(rt, Value(rt, noop), Value(rt, noop)));
+
+  String str = String::createFromAscii(rt, "rick");
+  String strDup = String::createFromAscii(rt, "rick");
+  String otherStr = String::createFromAscii(rt, "morty");
+  EXPECT_TRUE(String::strictEquals(rt, str, str));
+  EXPECT_TRUE(String::strictEquals(rt, str, strDup));
+  EXPECT_TRUE(String::strictEquals(rt, strDup, str));
+  EXPECT_FALSE(String::strictEquals(rt, str, otherStr));
+  EXPECT_TRUE(Value::strictEquals(rt, Value(rt, str), Value(rt, str)));
+  EXPECT_FALSE(Value::strictEquals(rt, Value(rt, str), Value(rt, noop)));
+  EXPECT_FALSE(Value::strictEquals(rt, Value(rt, str), 1.0));
+}
+
+TEST_P(JSITest, ExceptionStackTraceTest) {
+  static const char invokeUndefinedScript[] =
+      "function hello() {"
+      "  var a = {}; a.log(); }"
+      "function world() { hello(); }"
+      "world()";
+  std::string stack;
+  try {
+    rt.evaluateJavaScript(
+        std::make_unique<StringBuffer>(invokeUndefinedScript), "");
+  } catch (JSError& e) {
+    stack = e.getStack();
+  }
+  EXPECT_NE(stack.find("world"), std::string::npos);
+}
+
+TEST_P(JSITest, PreparedJavaScriptSourceTest) {
+  rt.evaluateJavaScript(std::make_unique<StringBuffer>("var q = 0;"), "");
+  auto prep = rt.prepareJavaScript(std::make_unique<StringBuffer>("q++;"), "");
+  EXPECT_EQ(rt.global().getProperty(rt, "q").getNumber(), 0);
+  rt.evaluatePreparedJavaScript(prep);
+  EXPECT_EQ(rt.global().getProperty(rt, "q").getNumber(), 1);
+  rt.evaluatePreparedJavaScript(prep);
+  EXPECT_EQ(rt.global().getProperty(rt, "q").getNumber(), 2);
+}
+
+TEST_P(JSITest, PreparedJavaScriptURLInBacktrace) {
+  std::string sourceURL = "//PreparedJavaScriptURLInBacktrace/Test/URL";
+  std::string throwingSource =
+      "function thrower() { throw new Error('oops')}"
+      "thrower();";
+  auto prep = rt.prepareJavaScript(
+      std::make_unique<StringBuffer>(throwingSource), sourceURL);
+  try {
+    rt.evaluatePreparedJavaScript(prep);
+    FAIL() << "prepareJavaScript should have thrown an exception";
+  } catch (facebook::jsi::JSError err) {
+    EXPECT_NE(std::string::npos, err.getStack().find(sourceURL))
+        << "Backtrace should contain source URL";
+  }
+}
+
+namespace {
+
+unsigned countOccurences(const std::string& of, const std::string& in) {
+  unsigned occurences = 0;
+  std::string::size_type lastOccurence = -1;
+  while ((lastOccurence = in.find(of, lastOccurence + 1)) !=
+         std::string::npos) {
+    occurences++;
+  }
+  return occurences;
+}
+
+} // namespace
+
+TEST_P(JSITest, JSErrorsArePropagatedNicely) {
+  unsigned callsBeoreError = 5;
+
+  Function sometimesThrows = function(
+      "function sometimesThrows(shouldThrow, callback) {"
+      "  if (shouldThrow) {"
+      "    throw Error('Omg, what a nasty exception')"
+      "  }"
+      "  callback(callback);"
+      "}");
+
+  Function callback = Function::createFromHostFunction(
+      rt,
+      PropNameID::forAscii(rt, "callback"),
+      0,
+      [&sometimesThrows, &callsBeoreError](
+          Runtime& rt, const Value& thisVal, const Value* args, size_t count) {
+        return sometimesThrows.call(rt, --callsBeoreError == 0, args[0]);
+      });
+
+  try {
+    sometimesThrows.call(rt, false, callback);
+  } catch (JSError& error) {
+    EXPECT_EQ(error.getMessage(), "Omg, what a nasty exception");
+    EXPECT_EQ(countOccurences("sometimesThrows", error.getStack()), 6);
+
+    // system JSC JSI does not implement host function names
+    // EXPECT_EQ(countOccurences("callback", error.getStack(rt)), 5);
+  }
+}
+
+TEST_P(JSITest, JSErrorsCanBeConstructedWithStack) {
+  auto err = JSError(rt, "message", "stack");
+  EXPECT_EQ(err.getMessage(), "message");
+  EXPECT_EQ(err.getStack(), "stack");
+}
+
+TEST_P(JSITest, ScopeDoesNotCrashTest) {
+  Scope scope(rt);
+  Object o(rt);
+}
+
+TEST_P(JSITest, ScopeDoesNotCrashWhenValueEscapes) {
+  Value v;
+  Scope::callInNewScope(rt, [&]() {
+    Object o(rt);
+    o.setProperty(rt, "a", 5);
+    v = std::move(o);
+  });
+  EXPECT_EQ(v.getObject(rt).getProperty(rt, "a").getNumber(), 5);
+}
+
+// Verifies you can have a host object that emulates a normal object
+TEST_P(JSITest, HostObjectWithValueMembers) {
+  class Bag : public HostObject {
+   public:
+    Bag() = default;
+
+    const Value& operator[](const std::string& name) const {
+      auto iter = data_.find(name);
+      if (iter == data_.end()) {
+        return undef_;
+      }
+      return iter->second;
+    }
+
+   protected:
+    Value get(Runtime& rt, const PropNameID& name) override {
+      return Value(rt, (*this)[name.utf8(rt)]);
+    }
+
+    void set(Runtime& rt, const PropNameID& name, const Value& val) override {
+      data_.emplace(name.utf8(rt), Value(rt, val));
+    }
+
+    Value undef_;
+    std::map<std::string, Value> data_;
+  };
+
+  auto sharedBag = std::make_shared<Bag>();
+  auto& bag = *sharedBag;
+  Object jsbag = Object::createFromHostObject(rt, std::move(sharedBag));
+  auto set = function(
+      "function (o) {"
+      "  o.foo = 'bar';"
+      "  o.count = 37;"
+      "  o.nul = null;"
+      "  o.iscool = true;"
+      "  o.obj = { 'foo': 'bar' };"
+      "}");
+  set.call(rt, jsbag);
+  auto checkFoo = function("function (o) { return o.foo === 'bar'; }");
+  auto checkCount = function("function (o) { return o.count === 37; }");
+  auto checkNul = function("function (o) { return o.nul === null; }");
+  auto checkIsCool = function("function (o) { return o.iscool === true; }");
+  auto checkObj = function(
+      "function (o) {"
+      "  return (typeof o.obj) === 'object' && o.obj.foo === 'bar';"
+      "}");
+  // Check this looks good from js
+  EXPECT_TRUE(checkFoo.call(rt, jsbag).getBool());
+  EXPECT_TRUE(checkCount.call(rt, jsbag).getBool());
+  EXPECT_TRUE(checkNul.call(rt, jsbag).getBool());
+  EXPECT_TRUE(checkIsCool.call(rt, jsbag).getBool());
+  EXPECT_TRUE(checkObj.call(rt, jsbag).getBool());
+
+  // Check this looks good from c++
+  EXPECT_EQ(bag["foo"].getString(rt).utf8(rt), "bar");
+  EXPECT_EQ(bag["count"].getNumber(), 37);
+  EXPECT_TRUE(bag["nul"].isNull());
+  EXPECT_TRUE(bag["iscool"].getBool());
+  EXPECT_EQ(
+      bag["obj"].getObject(rt).getProperty(rt, "foo").getString(rt).utf8(rt),
+      "bar");
+}
+
+TEST_P(JSITest, DecoratorTest) {
+  struct Count {
+    // init here is just to show that a With type does not need to be
+    // default constructible.
+    explicit Count(int init) : count(init) {}
+
+    // Test optional before method.
+
+    void after() {
+      ++count;
+    }
+
+    int count;
+  };
+
+  static constexpr int kInit = 17;
+
+  class CountRuntime final : public WithRuntimeDecorator<Count> {
+   public:
+    explicit CountRuntime(std::unique_ptr<Runtime> rt)
+        : WithRuntimeDecorator<Count>(*rt, count_),
+          rt_(std::move(rt)),
+          count_(kInit) {}
+
+    int count() {
+      return count_.count;
+    }
+
+   private:
+    std::unique_ptr<Runtime> rt_;
+    Count count_;
+  };
+
+  CountRuntime crt(factory());
+
+  crt.description();
+  EXPECT_EQ(crt.count(), kInit + 1);
+
+  crt.global().setProperty(crt, "o", Object(crt));
+  EXPECT_EQ(crt.count(), kInit + 6);
+}
+
+TEST_P(JSITest, MultiDecoratorTest) {
+  struct Inc {
+    void before() {
+      ++count;
+    }
+
+    // Test optional after method.
+
+    int count = 0;
+  };
+
+  struct Nest {
+    void before() {
+      ++nest;
+    }
+
+    void after() {
+      --nest;
+    }
+
+    int nest = 0;
+  };
+
+  class MultiRuntime final : public WithRuntimeDecorator<WithTuple<Inc, Nest>> {
+   public:
+    explicit MultiRuntime(std::unique_ptr<Runtime> rt)
+        : WithRuntimeDecorator<WithTuple<Inc, Nest>>(*rt, tuple_),
+          rt_(std::move(rt)) {}
+
+    int count() {
+      return std::get<0>(tuple_).count;
+    }
+    int nest() {
+      return std::get<1>(tuple_).nest;
+    }
+
+   private:
+    std::unique_ptr<Runtime> rt_;
+    WithTuple<Inc, Nest> tuple_;
+  };
+
+  MultiRuntime mrt(factory());
+
+  Function expectNestOne = Function::createFromHostFunction(
+      mrt,
+      PropNameID::forAscii(mrt, "expectNestOne"),
+      0,
+      [](Runtime& rt, const Value& thisVal, const Value* args, size_t count) {
+        MultiRuntime* funcmrt = dynamic_cast<MultiRuntime*>(&rt);
+        EXPECT_NE(funcmrt, nullptr);
+        EXPECT_EQ(funcmrt->count(), 3);
+        EXPECT_EQ(funcmrt->nest(), 1);
+        return Value::undefined();
+      });
+
+  expectNestOne.call(mrt);
+
+  EXPECT_EQ(mrt.count(), 3);
+  EXPECT_EQ(mrt.nest(), 0);
+}
+
+TEST_P(JSITest, SymbolTest) {
+  if (!rt.global().hasProperty(rt, "Symbol")) {
+    // Symbol is an es6 feature which doesn't exist in older VMs.  So
+    // the tests which might be elsewhere are all here so they can be
+    // skipped.
+    return;
+  }
+
+  // ObjectTest
+  eval("x = {1:2, 'three':Symbol('four')}");
+  Object x = rt.global().getPropertyAsObject(rt, "x");
+  EXPECT_EQ(x.getPropertyNames(rt).size(rt), 2);
+  EXPECT_TRUE(x.hasProperty(rt, "three"));
+  EXPECT_EQ(
+      x.getProperty(rt, "three").getSymbol(rt).toString(rt), "Symbol(four)");
+
+  // ValueTest
+  EXPECT_TRUE(eval("Symbol('sym')").isSymbol());
+  EXPECT_EQ(eval("Symbol('sym')").getSymbol(rt).toString(rt), "Symbol(sym)");
+
+  // EqualsTest
+  EXPECT_FALSE(Symbol::strictEquals(
+      rt,
+      eval("Symbol('a')").getSymbol(rt),
+      eval("Symbol('a')").getSymbol(rt)));
+  EXPECT_TRUE(Symbol::strictEquals(
+      rt,
+      eval("Symbol.for('a')").getSymbol(rt),
+      eval("Symbol.for('a')").getSymbol(rt)));
+  EXPECT_FALSE(
+      Value::strictEquals(rt, eval("Symbol('a')"), eval("Symbol('a')")));
+  EXPECT_TRUE(Value::strictEquals(
+      rt, eval("Symbol.for('a')"), eval("Symbol.for('a')")));
+  EXPECT_FALSE(Value::strictEquals(rt, eval("Symbol('a')"), eval("'a'")));
+}
+
+INSTANTIATE_TEST_CASE_P(
+    Runtimes,
+    JSITest,
+    ::testing::ValuesIn(runtimeGenerators()));
diff --git a/ReactCommon/jsi/jsi/test/testlib.h b/ReactCommon/jsi/jsi/test/testlib.h
new file mode 100644
index 00000000000000..ef8adda4a45403
--- /dev/null
+++ b/ReactCommon/jsi/jsi/test/testlib.h
@@ -0,0 +1,48 @@
+/*
+ * Copyright (c) Facebook, Inc. and its 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 <vector>
+
+#include <gtest/gtest.h>
+#include <jsi/jsi.h>
+
+namespace facebook {
+namespace jsi {
+
+class Runtime;
+
+using RuntimeFactory = std::function<std::unique_ptr<Runtime>()>;
+
+std::vector<RuntimeFactory> runtimeGenerators();
+
+class JSITestBase : public ::testing::TestWithParam<RuntimeFactory> {
+ public:
+  JSITestBase() : factory(GetParam()), runtime(factory()), rt(*runtime) {}
+
+  Value eval(const char* code) {
+    return rt.global().getPropertyAsFunction(rt, "eval").call(rt, code);
+  }
+
+  Function function(const std::string& code) {
+    return eval(("(" + code + ")").c_str()).getObject(rt).getFunction(rt);
+  }
+
+  bool checkValue(const Value& value, const std::string& jsValue) {
+    return function("function(value) { return value == " + jsValue + "; }")
+        .call(rt, std::move(value))
+        .getBool();
+  }
+
+  RuntimeFactory factory;
+  std::unique_ptr<Runtime> runtime;
+  Runtime& rt;
+};
+} // namespace jsi
+} // namespace facebook
diff --git a/ReactCommon/jsi/jsi/threadsafe.h b/ReactCommon/jsi/jsi/threadsafe.h
index 2e1fb918b11341..aeef85fa3b95e3 100644
--- a/ReactCommon/jsi/jsi/threadsafe.h
+++ b/ReactCommon/jsi/jsi/threadsafe.h
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
diff --git a/ReactCommon/jsiexecutor/jsireact/JSIExecutor.cpp b/ReactCommon/jsiexecutor/jsireact/JSIExecutor.cpp
index 737dca80ff977c..c31a740509bd39 100644
--- a/ReactCommon/jsiexecutor/jsireact/JSIExecutor.cpp
+++ b/ReactCommon/jsiexecutor/jsireact/JSIExecutor.cpp
@@ -3,7 +3,7 @@
 // This source code is licensed under the MIT license found in the
 // LICENSE file in the root directory of this source tree.
 
-#include "JSIExecutor.h"
+#include "jsireact/JSIExecutor.h"
 
 #include <cxxreact/JSBigString.h>
 #include <cxxreact/ModuleRegistry.h>
@@ -68,8 +68,8 @@ JSIExecutor::JSIExecutor(
 }
 
 void JSIExecutor::loadApplicationScript(
-      std::unique_ptr<const JSBigString> script,
-      std::string sourceURL) {
+    std::unique_ptr<const JSBigString> script,
+    std::string sourceURL) {
   SystraceSection s("JSIExecutor::loadApplicationScript");
 
   // TODO: check for and use precompiled HBC
@@ -113,6 +113,21 @@ void JSIExecutor::loadApplicationScript(
               const jsi::Value *args,
               size_t count) { return nativeCallSyncHook(args, count); }));
 
+#if DEBUG
+  runtime_->global().setProperty(
+      *runtime_,
+      "globalEvalWithSourceUrl",
+      Function::createFromHostFunction(
+          *runtime_,
+          PropNameID::forAscii(*runtime_, "globalEvalWithSourceUrl"),
+          1,
+          [this](
+              jsi::Runtime &,
+              const jsi::Value &,
+              const jsi::Value *args,
+              size_t count) { return globalEvalWithSourceUrl(args, count); }));
+#endif
+
   if (runtimeInstaller_) {
     runtimeInstaller_(*runtime_);
   }
@@ -161,6 +176,10 @@ void JSIExecutor::registerBundle(
     bundleRegistry_->registerBundle(bundleId, bundlePath);
   } else {
     auto script = JSBigFileString::fromPath(bundlePath);
+    if (script->size() == 0) {
+      throw std::invalid_argument(
+          "Empty bundle registered with ID " + tag + " from " + bundlePath);
+    }
     runtime_->evaluateJavaScript(
         std::make_unique<BigStringBuffer>(std::move(script)),
         JSExecutor::getSyntheticBundlePath(bundleId, bundlePath));
@@ -211,7 +230,7 @@ void JSIExecutor::callFunction(
 void JSIExecutor::invokeCallback(
     const double callbackId,
     const folly::dynamic &arguments) {
-  // SystraceSection s("JSIExecutor::invokeCallback", "callbackId", callbackId);
+  SystraceSection s("JSIExecutor::invokeCallback", "callbackId", callbackId);
   if (!invokeCallbackAndReturnFlushedQueue_) {
     bindBridge();
   }
@@ -241,7 +260,7 @@ void JSIExecutor::setGlobalVariable(
 }
 
 std::string JSIExecutor::getDescription() {
-  return "JSI " + runtime_->description();
+  return "JSI (" + runtime_->description() + ")";
 }
 
 void *JSIExecutor::getJavaScriptContext() {
@@ -354,6 +373,24 @@ Value JSIExecutor::nativeCallSyncHook(const Value *args, size_t count) {
   return valueFromDynamic(*runtime_, result.value());
 }
 
+#if DEBUG
+Value JSIExecutor::globalEvalWithSourceUrl(const Value *args, size_t count) {
+  if (count != 1 && count != 2) {
+    throw std::invalid_argument(
+        "globalEvalWithSourceUrl arg count must be 1 or 2");
+  }
+
+  auto code = args[0].asString(*runtime_).utf8(*runtime_);
+  std::string url;
+  if (count > 1 && args[1].isString()) {
+    url = args[1].asString(*runtime_).utf8(*runtime_);
+  }
+
+  return runtime_->evaluateJavaScript(
+      std::make_unique<StringBuffer>(std::move(code)), url);
+}
+#endif
+
 void bindNativeLogger(Runtime &runtime, Logger logger) {
   runtime.global().setProperty(
       runtime,
diff --git a/ReactCommon/jsiexecutor/jsireact/JSIExecutor.h b/ReactCommon/jsiexecutor/jsireact/JSIExecutor.h
index 6b633f4ef23c50..9e9329642529be 100644
--- a/ReactCommon/jsiexecutor/jsireact/JSIExecutor.h
+++ b/ReactCommon/jsiexecutor/jsireact/JSIExecutor.h
@@ -28,7 +28,7 @@ namespace react {
 // error report. Note that the errorMessageProducer will be invoked
 // asynchronously on a different thread.
 //
-// The timeout behavior does NOT caues the invokee to aborted. If the invokee
+// The timeout behavior does NOT cause the invokee to aborted. If the invokee
 // blocks forever, so will the ScopedTimeoutInvoker (but the soft error may
 // still be reported).
 //
@@ -75,8 +75,9 @@ class JSIExecutor : public JSExecutor {
       std::shared_ptr<ExecutorDelegate> delegate,
       const JSIScopedTimeoutInvoker &timeoutInvoker,
       RuntimeInstaller runtimeInstaller);
-  void loadApplicationScript(std::unique_ptr<const JSBigString> script,
-                             std::string sourceURL) override;
+  void loadApplicationScript(
+      std::unique_ptr<const JSBigString> script,
+      std::string sourceURL) override;
   void setBundleRegistry(std::unique_ptr<RAMBundleRegistry>) override;
   void registerBundle(uint32_t bundleId, const std::string &bundlePath)
       override;
@@ -111,6 +112,9 @@ class JSIExecutor : public JSExecutor {
   void callNativeModules(const jsi::Value &queue, bool isEndOfBatch);
   jsi::Value nativeCallSyncHook(const jsi::Value *args, size_t count);
   jsi::Value nativeRequire(const jsi::Value *args, size_t count);
+#ifdef DEBUG
+  jsi::Value globalEvalWithSourceUrl(const jsi::Value *args, size_t count);
+#endif
 
   std::shared_ptr<jsi::Runtime> runtime_;
   std::shared_ptr<ExecutorDelegate> delegate_;
@@ -129,5 +133,5 @@ class JSIExecutor : public JSExecutor {
 using Logger =
     std::function<void(const std::string &message, unsigned int logLevel)>;
 void bindNativeLogger(jsi::Runtime &runtime, Logger logger);
-} // namespace react    
+} // namespace react
 } // namespace facebook
diff --git a/ReactCommon/turbomodule/core/BUCK b/ReactCommon/turbomodule/core/BUCK
index 692896bf1d7bd6..cb5ceb85629403 100644
--- a/ReactCommon/turbomodule/core/BUCK
+++ b/ReactCommon/turbomodule/core/BUCK
@@ -11,7 +11,7 @@ rn_xplat_cxx_library(
         [
             ("", "*.h"),
         ],
-        prefix = "jsireact",
+        prefix = "ReactCommon",
     ),
     compiler_flags = [
         "-fexceptions",
@@ -26,7 +26,7 @@ rn_xplat_cxx_library(
         [
             ("platform/android", "*.h"),
         ],
-        prefix = "jsireact",
+        prefix = "ReactCommon",
     ),
     fbandroid_srcs = glob(
         [
@@ -50,7 +50,7 @@ rn_xplat_cxx_library(
         [
             ("platform/ios", "*.h"),
         ],
-        prefix = "jsireact",
+        prefix = "ReactCommon",
     ),
     ios_frameworks = [
         "$SDKROOT/System/Library/Frameworks/Foundation.framework",
diff --git a/ReactCommon/turbomodule/core/LongLivedObject.cpp b/ReactCommon/turbomodule/core/LongLivedObject.cpp
index c320af72d6387d..a56ddd11125cf9 100644
--- a/ReactCommon/turbomodule/core/LongLivedObject.cpp
+++ b/ReactCommon/turbomodule/core/LongLivedObject.cpp
@@ -11,7 +11,7 @@ namespace facebook {
 namespace react {
 
 // LongLivedObjectCollection
-LongLivedObjectCollection& LongLivedObjectCollection::get() {
+LongLivedObjectCollection &LongLivedObjectCollection::get() {
   static LongLivedObjectCollection instance;
   return instance;
 }
diff --git a/ReactCommon/turbomodule/core/LongLivedObject.h b/ReactCommon/turbomodule/core/LongLivedObject.h
index be29af90b37a7f..f390029a568263 100644
--- a/ReactCommon/turbomodule/core/LongLivedObject.h
+++ b/ReactCommon/turbomodule/core/LongLivedObject.h
@@ -14,18 +14,20 @@ namespace facebook {
 namespace react {
 
 /**
- * A simple wrapper class that can be registered to a collection that keep it alive for extended period of time.
- * This object can be removed from the collection when needed.
+ * A simple wrapper class that can be registered to a collection that keep it
+ * alive for extended period of time. This object can be removed from the
+ * 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.
+ * When done with the object, call `allowRelease()` to allow the OS to release
+ * it.
  */
 class LongLivedObject {
-public:
+ public:
   void allowRelease();
 
-protected:
+ protected:
   LongLivedObject();
 };
 
@@ -33,17 +35,17 @@ class LongLivedObject {
  * A singleton collection for the `LongLivedObject`s.
  */
 class LongLivedObjectCollection {
-public:
-  static LongLivedObjectCollection& get();
+ public:
+  static LongLivedObjectCollection &get();
 
-  LongLivedObjectCollection(LongLivedObjectCollection const&) = delete;
-  void operator=(LongLivedObjectCollection const&) = delete;
+  LongLivedObjectCollection(LongLivedObjectCollection const &) = delete;
+  void operator=(LongLivedObjectCollection const &) = delete;
 
   void add(std::shared_ptr<LongLivedObject> o);
   void remove(const LongLivedObject *o);
   void clear();
 
-private:
+ private:
   LongLivedObjectCollection();
   std::unordered_set<std::shared_ptr<LongLivedObject>> collection_;
 };
diff --git a/ReactCommon/turbomodule/core/TurboCxxModule.cpp b/ReactCommon/turbomodule/core/TurboCxxModule.cpp
index e0953718716c21..267b5179edb506 100644
--- a/ReactCommon/turbomodule/core/TurboCxxModule.cpp
+++ b/ReactCommon/turbomodule/core/TurboCxxModule.cpp
@@ -9,8 +9,8 @@
 
 #include <vector>
 
+#include <ReactCommon/TurboModuleUtils.h>
 #include <jsi/JSIDynamic.h>
-#include <jsireact/TurboModuleUtils.h>
 
 using namespace facebook;
 using namespace facebook::xplat::module;
@@ -22,35 +22,49 @@ static CxxModule::Callback makeTurboCxxModuleCallback(
     jsi::Runtime &runtime,
     std::shared_ptr<CallbackWrapper> callbackWrapper) {
   return [callbackWrapper](std::vector<folly::dynamic> args) {
-    callbackWrapper->jsInvoker->invokeAsync([callbackWrapper, args]() {
+    callbackWrapper->jsInvoker().invokeAsync([callbackWrapper, args]() {
       std::vector<jsi::Value> innerArgs;
       for (auto &a : args) {
-        innerArgs.push_back(jsi::valueFromDynamic(callbackWrapper->runtime, a));
+        innerArgs.push_back(
+            jsi::valueFromDynamic(callbackWrapper->runtime(), a));
       }
-      callbackWrapper->callback.call(callbackWrapper->runtime, (const jsi::Value *)innerArgs.data(), innerArgs.size());
+      callbackWrapper->callback().call(
+          callbackWrapper->runtime(),
+          (const jsi::Value *)innerArgs.data(),
+          innerArgs.size());
     });
   };
 }
 
-TurboCxxModule::TurboCxxModule(std::unique_ptr<CxxModule> cxxModule, std::shared_ptr<JSCallInvoker> jsInvoker)
-  : TurboModule(cxxModule->getName(), jsInvoker),
-    cxxMethods_(cxxModule->getMethods()),
-    cxxModule_(std::move(cxxModule)) {}
+TurboCxxModule::TurboCxxModule(
+    std::unique_ptr<CxxModule> cxxModule,
+    std::shared_ptr<JSCallInvoker> jsInvoker)
+    : TurboModule(cxxModule->getName(), jsInvoker),
+      cxxMethods_(cxxModule->getMethods()),
+      cxxModule_(std::move(cxxModule)) {}
 
-jsi::Value TurboCxxModule::get(jsi::Runtime& runtime, const jsi::PropNameID& propName) {
+jsi::Value TurboCxxModule::get(
+    jsi::Runtime &runtime,
+    const jsi::PropNameID &propName) {
   std::string propNameUtf8 = propName.utf8(runtime);
 
   if (propNameUtf8 == "getConstants") {
-    // This is special cased because `getConstants()` is already a part of CxxModule.
+    // This is special cased because `getConstants()` is already a part of
+    // CxxModule.
     return jsi::Function::createFromHostFunction(
         runtime,
         propName,
         0,
-        [this](jsi::Runtime &rt, const jsi::Value &thisVal, const jsi::Value *args, size_t count) {
+        [this](
+            jsi::Runtime &rt,
+            const jsi::Value &thisVal,
+            const jsi::Value *args,
+            size_t count) {
           jsi::Object result(rt);
           auto constants = cxxModule_->getConstants();
           for (auto &pair : constants) {
-            result.setProperty(rt, pair.first.c_str(), jsi::valueFromDynamic(rt, pair.second));
+            result.setProperty(
+                rt, pair.first.c_str(), jsi::valueFromDynamic(rt, pair.second));
           }
           return result;
         });
@@ -62,13 +76,17 @@ jsi::Value TurboCxxModule::get(jsi::Runtime& runtime, const jsi::PropNameID& pro
           runtime,
           propName,
           0,
-          [this, propNameUtf8](jsi::Runtime &rt, const jsi::Value &thisVal, const jsi::Value *args, size_t count) {
+          [this, propNameUtf8](
+              jsi::Runtime &rt,
+              const jsi::Value &thisVal,
+              const jsi::Value *args,
+              size_t count) {
             return invokeMethod(rt, VoidKind, propNameUtf8, args, count);
           });
     }
   }
 
-  throw std::runtime_error("Function '" + propNameUtf8 + "' cannot be found on cxxmodule: " + name_);
+  return jsi::Value::undefined();
 }
 
 jsi::Value TurboCxxModule::invokeMethod(
@@ -77,7 +95,6 @@ jsi::Value TurboCxxModule::invokeMethod(
     const std::string &methodName,
     const jsi::Value *args,
     size_t count) {
-
   auto it = cxxMethods_.begin();
   for (; it != cxxMethods_.end(); it++) {
     auto method = *it;
@@ -87,7 +104,8 @@ jsi::Value TurboCxxModule::invokeMethod(
   }
 
   if (it == cxxMethods_.end()) {
-    throw std::runtime_error("Function '" + methodName + "' cannot be found on cxxmodule: " + name_);
+    throw std::runtime_error(
+        "Function '" + methodName + "' cannot be found on cxxmodule: " + name_);
   }
 
   auto method = *it;
@@ -97,23 +115,37 @@ jsi::Value TurboCxxModule::invokeMethod(
     for (size_t i = 0; i < count; i++) {
       innerArgs.push_back(jsi::dynamicFromValue(runtime, args[i]));
     }
-    return jsi::valueFromDynamic(runtime, method.syncFunc(std::move(innerArgs)));
+    return jsi::valueFromDynamic(
+        runtime, method.syncFunc(std::move(innerArgs)));
   } else if (method.func && !method.isPromise) {
     // Async method.
     CxxModule::Callback first;
     CxxModule::Callback second;
 
     if (count < method.callbacks) {
-      throw std::invalid_argument(folly::to<std::string>("Expected ", method.callbacks,
-                                                         " callbacks, but only ", count, " parameters provided"));
+      throw std::invalid_argument(folly::to<std::string>(
+          "Expected ",
+          method.callbacks,
+          " callbacks, but only ",
+          count,
+          " parameters provided"));
     }
 
     if (method.callbacks == 1) {
-      auto wrapper = std::make_shared<CallbackWrapper>(args[count - 1].getObject(runtime).getFunction(runtime), runtime, jsInvoker_);
+      auto wrapper = std::make_shared<CallbackWrapper>(
+          args[count - 1].getObject(runtime).getFunction(runtime),
+          runtime,
+          jsInvoker_);
       first = makeTurboCxxModuleCallback(runtime, wrapper);
     } else if (method.callbacks == 2) {
-      auto wrapper1 = std::make_shared<CallbackWrapper>(args[count - 2].getObject(runtime).getFunction(runtime), runtime, jsInvoker_);
-      auto wrapper2 = std::make_shared<CallbackWrapper>(args[count - 1].getObject(runtime).getFunction(runtime), runtime, jsInvoker_);
+      auto wrapper1 = std::make_shared<CallbackWrapper>(
+          args[count - 2].getObject(runtime).getFunction(runtime),
+          runtime,
+          jsInvoker_);
+      auto wrapper2 = std::make_shared<CallbackWrapper>(
+          args[count - 1].getObject(runtime).getFunction(runtime),
+          runtime,
+          jsInvoker_);
       first = makeTurboCxxModuleCallback(runtime, wrapper1);
       second = makeTurboCxxModuleCallback(runtime, wrapper2);
     }
@@ -125,19 +157,26 @@ jsi::Value TurboCxxModule::invokeMethod(
 
     method.func(std::move(innerArgs), first, second);
   } else if (method.isPromise) {
-    return createPromiseAsJSIValue(runtime, [method, args, count, this](jsi::Runtime &rt, std::shared_ptr<Promise> promise) {
-      auto resolveWrapper = std::make_shared<CallbackWrapper>(promise->resolve_.getFunction(rt), rt, jsInvoker_);
-      auto rejectWrapper = std::make_shared<CallbackWrapper>(promise->reject_.getFunction(rt), rt, jsInvoker_);
-      CxxModule::Callback resolve = makeTurboCxxModuleCallback(rt, resolveWrapper);
-      CxxModule::Callback reject = makeTurboCxxModuleCallback(rt, rejectWrapper);
-
-      auto innerArgs = folly::dynamic::array();
-      for (size_t i = 0; i < count; i++) {
-        innerArgs.push_back(jsi::dynamicFromValue(rt, args[i]));
-      }
+    return createPromiseAsJSIValue(
+        runtime,
+        [method, args, count, this](
+            jsi::Runtime &rt, std::shared_ptr<Promise> promise) {
+          auto resolveWrapper = std::make_shared<CallbackWrapper>(
+              promise->resolve_.getFunction(rt), rt, jsInvoker_);
+          auto rejectWrapper = std::make_shared<CallbackWrapper>(
+              promise->reject_.getFunction(rt), rt, jsInvoker_);
+          CxxModule::Callback resolve =
+              makeTurboCxxModuleCallback(rt, resolveWrapper);
+          CxxModule::Callback reject =
+              makeTurboCxxModuleCallback(rt, rejectWrapper);
+
+          auto innerArgs = folly::dynamic::array();
+          for (size_t i = 0; i < count; i++) {
+            innerArgs.push_back(jsi::dynamicFromValue(rt, args[i]));
+          }
 
-      method.func(std::move(innerArgs), resolve, reject);
-    });
+          method.func(std::move(innerArgs), resolve, reject);
+        });
   }
 
   return jsi::Value::undefined();
diff --git a/ReactCommon/turbomodule/core/TurboCxxModule.h b/ReactCommon/turbomodule/core/TurboCxxModule.h
index 8cd06fcd8593fe..509ae8d2dd5ae6 100644
--- a/ReactCommon/turbomodule/core/TurboCxxModule.h
+++ b/ReactCommon/turbomodule/core/TurboCxxModule.h
@@ -18,15 +18,20 @@ namespace facebook {
 namespace react {
 
 /**
- * A helper class to convert the legacy CxxModule instance to a TurboModule instance.
- * This should be used only for migration purpose (to TurboModule), since it's not very performant
- * due to a lot of back-and-forth value conversions between folly::dynamic and jsi::Value.
+ * A helper class to convert the legacy CxxModule instance to a TurboModule
+ * instance. This should be used only for migration purpose (to TurboModule),
+ * since it's not very performant due to a lot of back-and-forth value
+ * conversions between folly::dynamic and jsi::Value.
  */
 class JSI_EXPORT TurboCxxModule : public TurboModule {
-public:
-  TurboCxxModule(std::unique_ptr<facebook::xplat::module::CxxModule> cxxModule, std::shared_ptr<JSCallInvoker> jsInvoker);
+ public:
+  TurboCxxModule(
+      std::unique_ptr<facebook::xplat::module::CxxModule> cxxModule,
+      std::shared_ptr<JSCallInvoker> jsInvoker);
 
-  virtual facebook::jsi::Value get(facebook::jsi::Runtime& runtime, const facebook::jsi::PropNameID& propName) override;
+  virtual facebook::jsi::Value get(
+      facebook::jsi::Runtime &runtime,
+      const facebook::jsi::PropNameID &propName) override;
 
   jsi::Value invokeMethod(
       jsi::Runtime &runtime,
@@ -35,7 +40,7 @@ class JSI_EXPORT TurboCxxModule : public TurboModule {
       const jsi::Value *args,
       size_t count);
 
-private:
+ private:
   std::vector<facebook::xplat::module::CxxModule::Method> cxxMethods_;
   std::unique_ptr<facebook::xplat::module::CxxModule> cxxModule_;
 };
diff --git a/ReactCommon/turbomodule/core/TurboModule.cpp b/ReactCommon/turbomodule/core/TurboModule.cpp
index 30bd033f1f8a06..06a032dc93c601 100644
--- a/ReactCommon/turbomodule/core/TurboModule.cpp
+++ b/ReactCommon/turbomodule/core/TurboModule.cpp
@@ -12,13 +12,16 @@ using namespace facebook;
 namespace facebook {
 namespace react {
 
-TurboModule::TurboModule(const std::string &name, std::shared_ptr<JSCallInvoker> jsInvoker)
-  : name_(name),
-    jsInvoker_(jsInvoker) {}
+TurboModule::TurboModule(
+    const std::string &name,
+    std::shared_ptr<JSCallInvoker> jsInvoker)
+    : name_(name), jsInvoker_(jsInvoker) {}
 
 TurboModule::~TurboModule() {}
 
-jsi::Value TurboModule::get(jsi::Runtime& runtime, const jsi::PropNameID& propName) {
+jsi::Value TurboModule::get(
+    jsi::Runtime &runtime,
+    const jsi::PropNameID &propName) {
   std::string propNameUtf8 = propName.utf8(runtime);
   auto p = methodMap_.find(propNameUtf8);
   if (p == methodMap_.end()) {
@@ -27,12 +30,14 @@ jsi::Value TurboModule::get(jsi::Runtime& runtime, const jsi::PropNameID& propNa
   }
   MethodMetadata meta = p->second;
   return jsi::Function::createFromHostFunction(
-    runtime,
-    propName,
-    static_cast<unsigned int>(meta.argCount),
-    [this, meta](facebook::jsi::Runtime &rt, const facebook::jsi::Value &thisVal, const facebook::jsi::Value *args, size_t count) {
-      return meta.invoker(rt, *this, args, count);
-    });
+      runtime,
+      propName,
+      meta.argCount,
+      [this, meta](
+          facebook::jsi::Runtime &rt,
+          const facebook::jsi::Value &thisVal,
+          const facebook::jsi::Value *args,
+          size_t count) { return meta.invoker(rt, *this, args, count); });
 }
 
 } // namespace react
diff --git a/ReactCommon/turbomodule/core/TurboModule.h b/ReactCommon/turbomodule/core/TurboModule.h
index 54a39fd76218bd..69cb19ed79f531 100644
--- a/ReactCommon/turbomodule/core/TurboModule.h
+++ b/ReactCommon/turbomodule/core/TurboModule.h
@@ -12,7 +12,7 @@
 
 #include <jsi/jsi.h>
 
-#include <jsireact/JSCallInvoker.h>
+#include <ReactCommon/JSCallInvoker.h>
 
 namespace facebook {
 namespace react {
@@ -36,22 +36,26 @@ enum TurboModuleMethodValueKind {
  * Base HostObject class for every module to be exposed to JS
  */
 class JSI_EXPORT TurboModule : public facebook::jsi::HostObject {
-public:
-  TurboModule(const std::string &name, std::shared_ptr<JSCallInvoker> jsInvoker);
+ public:
+  TurboModule(
+      const std::string &name,
+      std::shared_ptr<JSCallInvoker> jsInvoker);
   virtual ~TurboModule();
 
-  virtual facebook::jsi::Value get(facebook::jsi::Runtime& runtime, const facebook::jsi::PropNameID& propName) override;
+  virtual facebook::jsi::Value get(
+      facebook::jsi::Runtime &runtime,
+      const facebook::jsi::PropNameID &propName) override;
 
   const std::string name_;
   std::shared_ptr<JSCallInvoker> jsInvoker_;
 
-protected:
+ protected:
   struct MethodMetadata {
     size_t argCount;
     facebook::jsi::Value (*invoker)(
-        facebook::jsi::Runtime& rt,
+        facebook::jsi::Runtime &rt,
         TurboModule &turboModule,
-        const facebook::jsi::Value* args,
+        const facebook::jsi::Value *args,
         size_t count);
   };
 
@@ -59,10 +63,11 @@ class JSI_EXPORT TurboModule : public facebook::jsi::HostObject {
 };
 
 /**
- * An app/platform-specific provider function to get an instance of a module given a name.
+ * An app/platform-specific provider function to get an instance of a module
+ * given a name.
  */
-using TurboModuleProviderFunctionType = std::function<std::shared_ptr<TurboModule>(
-    const std::string &name)>;
+using TurboModuleProviderFunctionType =
+    std::function<std::shared_ptr<TurboModule>(const std::string &name)>;
 
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/turbomodule/core/TurboModuleBinding.cpp b/ReactCommon/turbomodule/core/TurboModuleBinding.cpp
index e08aa5c8392404..c6908ad4b20a5b 100644
--- a/ReactCommon/turbomodule/core/TurboModuleBinding.cpp
+++ b/ReactCommon/turbomodule/core/TurboModuleBinding.cpp
@@ -9,8 +9,8 @@
 
 #include <string>
 
+#include <ReactCommon/LongLivedObject.h>
 #include <cxxreact/SystraceSection.h>
-#include <jsireact/LongLivedObject.h>
 
 using namespace facebook;
 
@@ -20,8 +20,9 @@ namespace react {
 /**
  * Public API to install the TurboModule system.
  */
-TurboModuleBinding::TurboModuleBinding(const TurboModuleProviderFunctionType &moduleProvider)
-  : moduleProvider_(moduleProvider) {}
+TurboModuleBinding::TurboModuleBinding(
+    const TurboModuleProviderFunctionType &moduleProvider)
+    : moduleProvider_(moduleProvider) {}
 
 void TurboModuleBinding::install(
     jsi::Runtime &runtime,
@@ -33,16 +34,27 @@ void TurboModuleBinding::install(
           runtime,
           jsi::PropNameID::forAscii(runtime, "__turboModuleProxy"),
           1,
-          [binding](jsi::Runtime& rt, const jsi::Value& thisVal, const jsi::Value* args, size_t count) {
+          [binding](
+              jsi::Runtime &rt,
+              const jsi::Value &thisVal,
+              const jsi::Value *args,
+              size_t count) {
             return binding->jsProxy(rt, thisVal, args, count);
           }));
 }
 
 void TurboModuleBinding::invalidate() const {
-  LongLivedObjectCollection::get().clear();
+  // TODO (T45804587): Revisit this invalidation logic.
+  // The issue was that Promise resolve/reject functions that are invoked in
+  // some distance future might end up accessing PromiseWrapper that was already
+  // destroyed, if the binding invalidation removed it from the
+  // LongLivedObjectCollection.
+
+  // LongLivedObjectCollection::get().clear();
 }
 
-std::shared_ptr<TurboModule> TurboModuleBinding::getModule(const std::string &name) {
+std::shared_ptr<TurboModule> TurboModuleBinding::getModule(
+    const std::string &name) {
   std::shared_ptr<TurboModule> module = nullptr;
   {
     SystraceSection s("TurboModuleBinding::getModule", "module", name);
@@ -52,12 +64,13 @@ std::shared_ptr<TurboModule> TurboModuleBinding::getModule(const std::string &na
 }
 
 jsi::Value TurboModuleBinding::jsProxy(
-    jsi::Runtime& runtime,
-    const jsi::Value& thisVal,
-    const jsi::Value* args,
+    jsi::Runtime &runtime,
+    const jsi::Value &thisVal,
+    const jsi::Value *args,
     size_t count) {
   if (count != 1) {
-    throw std::invalid_argument("TurboModuleBinding::jsProxy arg count must be 1");
+    throw std::invalid_argument(
+        "TurboModuleBinding::jsProxy arg count must be 1");
   }
   std::string moduleName = args[0].getString(runtime).utf8(runtime);
   std::shared_ptr<TurboModule> module = getModule(moduleName);
diff --git a/ReactCommon/turbomodule/core/TurboModuleBinding.h b/ReactCommon/turbomodule/core/TurboModuleBinding.h
index 6195dcf39adccb..67c0f775d8071c 100644
--- a/ReactCommon/turbomodule/core/TurboModuleBinding.h
+++ b/ReactCommon/turbomodule/core/TurboModuleBinding.h
@@ -9,8 +9,8 @@
 
 #include <string>
 
+#include <ReactCommon/TurboModule.h>
 #include <jsi/jsi.h>
-#include <jsireact/TurboModule.h>
 
 namespace facebook {
 namespace react {
@@ -21,7 +21,7 @@ class JSCallInvoker;
  * Represents the JavaScript binding for the TurboModule system.
  */
 class TurboModuleBinding {
-public:
+ public:
   /*
    * Installs TurboModuleBinding into JavaScript runtime.
    * Thread synchronization must be enforced externally.
@@ -43,15 +43,15 @@ class TurboModuleBinding {
    */
   std::shared_ptr<TurboModule> getModule(const std::string &name);
 
-private:
+ private:
   /**
    * A lookup function exposed to JS to get an instance of a TurboModule
    * for the given name.
    */
   jsi::Value jsProxy(
-      jsi::Runtime& runtime,
-      const jsi::Value& thisVal,
-      const jsi::Value* args,
+      jsi::Runtime &runtime,
+      const jsi::Value &thisVal,
+      const jsi::Value *args,
       size_t count);
 
   TurboModuleProviderFunctionType moduleProvider_;
diff --git a/ReactCommon/turbomodule/core/TurboModuleUtils.cpp b/ReactCommon/turbomodule/core/TurboModuleUtils.cpp
index f7f53b3b84f563..3b4ec6d944738d 100644
--- a/ReactCommon/turbomodule/core/TurboModuleUtils.cpp
+++ b/ReactCommon/turbomodule/core/TurboModuleUtils.cpp
@@ -57,15 +57,14 @@ jsi::Array deepCopyJSIArray(jsi::Runtime &rt, const jsi::Array &arr) {
   size_t size = arr.size(rt);
   jsi::Array copy(rt, size);
   for (size_t i = 0; i < size; i++) {
-    copy.setValueAtIndex(rt, i, deepCopyJSIValue(rt, arr.getValueAtIndex(rt, i)));
+    copy.setValueAtIndex(
+        rt, i, deepCopyJSIValue(rt, arr.getValueAtIndex(rt, i)));
   }
   return copy;
 }
 
 Promise::Promise(jsi::Runtime &rt, jsi::Function resolve, jsi::Function reject)
-  : runtime_(rt),
-    resolve_(std::move(resolve)),
-    reject_(std::move(reject)) {}
+    : runtime_(rt), resolve_(std::move(resolve)), reject_(std::move(reject)) {}
 
 void Promise::resolve(const jsi::Value &result) {
   resolve_.call(runtime_, result);
@@ -73,20 +72,28 @@ void Promise::resolve(const jsi::Value &result) {
 
 void Promise::reject(const std::string &message) {
   jsi::Object error(runtime_);
-  error.setProperty(runtime_, "message", jsi::String::createFromUtf8(runtime_, message));
+  error.setProperty(
+      runtime_, "message", jsi::String::createFromUtf8(runtime_, message));
   reject_.call(runtime_, error);
 }
 
-jsi::Value createPromiseAsJSIValue(jsi::Runtime &rt, const PromiseSetupFunctionType func) {
+jsi::Value createPromiseAsJSIValue(
+    jsi::Runtime &rt,
+    const PromiseSetupFunctionType func) {
   jsi::Function JSPromise = rt.global().getPropertyAsFunction(rt, "Promise");
   jsi::Function fn = jsi::Function::createFromHostFunction(
       rt,
       jsi::PropNameID::forAscii(rt, "fn"),
       2,
-      [func](jsi::Runtime &rt2, const jsi::Value &thisVal, const jsi::Value *args, size_t count) {
+      [func](
+          jsi::Runtime &rt2,
+          const jsi::Value &thisVal,
+          const jsi::Value *args,
+          size_t count) {
         jsi::Function resolve = args[0].getObject(rt2).getFunction(rt2);
         jsi::Function reject = args[1].getObject(rt2).getFunction(rt2);
-        auto wrapper = std::make_shared<Promise>(rt2, std::move(resolve), std::move(reject));
+        auto wrapper = std::make_shared<Promise>(
+            rt2, std::move(resolve), std::move(reject));
         func(rt2, wrapper);
         return jsi::Value::undefined();
       });
diff --git a/ReactCommon/turbomodule/core/TurboModuleUtils.h b/ReactCommon/turbomodule/core/TurboModuleUtils.h
index 61615ac77132ad..ee26f199fe1668 100644
--- a/ReactCommon/turbomodule/core/TurboModuleUtils.h
+++ b/ReactCommon/turbomodule/core/TurboModuleUtils.h
@@ -7,11 +7,13 @@
 
 #pragma once
 
+#include <cassert>
 #include <string>
 
+#include <folly/Optional.h>
 #include <jsi/jsi.h>
 
-#include <jsireact/JSCallInvoker.h>
+#include <ReactCommon/JSCallInvoker.h>
 
 using namespace facebook;
 
@@ -32,18 +34,61 @@ struct Promise {
   jsi::Function reject_;
 };
 
-using PromiseSetupFunctionType = std::function<void(jsi::Runtime &rt, std::shared_ptr<Promise>)>;
-jsi::Value createPromiseAsJSIValue(jsi::Runtime &rt, const PromiseSetupFunctionType func);
+using PromiseSetupFunctionType =
+    std::function<void(jsi::Runtime &rt, std::shared_ptr<Promise>)>;
+jsi::Value createPromiseAsJSIValue(
+    jsi::Runtime &rt,
+    const PromiseSetupFunctionType func);
 
 // Helper for passing jsi::Function arg to other methods.
-struct CallbackWrapper {
-  CallbackWrapper(jsi::Function callback, jsi::Runtime &runtime, std::shared_ptr<react::JSCallInvoker> jsInvoker)
-  : callback(std::move(callback)),
-    runtime(runtime),
-    jsInvoker(jsInvoker) {}
-  jsi::Function callback;
-  jsi::Runtime &runtime;
-  std::shared_ptr<react::JSCallInvoker> jsInvoker;
+class CallbackWrapper {
+ private:
+  struct Data {
+    Data(
+        jsi::Function callback,
+        jsi::Runtime &runtime,
+        std::shared_ptr<react::JSCallInvoker> jsInvoker)
+        : callback(std::move(callback)),
+          runtime(runtime),
+          jsInvoker(std::move(jsInvoker)) {}
+
+    jsi::Function callback;
+    jsi::Runtime &runtime;
+    std::shared_ptr<react::JSCallInvoker> jsInvoker;
+  };
+
+  folly::Optional<Data> data_;
+
+ public:
+  CallbackWrapper(
+      jsi::Function callback,
+      jsi::Runtime &runtime,
+      std::shared_ptr<react::JSCallInvoker> jsInvoker)
+      : data_(Data{std::move(callback), runtime, jsInvoker}) {}
+
+  // Delete the enclosed jsi::Function
+  void destroy() {
+    data_ = folly::none;
+  }
+
+  bool isDestroyed() {
+    return !data_.hasValue();
+  }
+
+  jsi::Function &callback() {
+    assert(!isDestroyed());
+    return data_->callback;
+  }
+
+  jsi::Runtime &runtime() {
+    assert(!isDestroyed());
+    return data_->runtime;
+  }
+
+  react::JSCallInvoker &jsInvoker() {
+    assert(!isDestroyed());
+    return *(data_->jsInvoker);
+  }
 };
 
 } // namespace react
diff --git a/ReactCommon/turbomodule/core/platform/android/JavaTurboModule.cpp b/ReactCommon/turbomodule/core/platform/android/JavaTurboModule.cpp
index be18e81d1376a1..9c97fe2c05255b 100644
--- a/ReactCommon/turbomodule/core/platform/android/JavaTurboModule.cpp
+++ b/ReactCommon/turbomodule/core/platform/android/JavaTurboModule.cpp
@@ -6,115 +6,371 @@
  */
 
 #include <memory>
+#include <sstream>
 #include <string>
 
 #include <fb/fbjni.h>
 #include <jsi/jsi.h>
 
-#include <jsireact/TurboModule.h>
-#import <jsireact/TurboModuleUtils.h>
-
+#include <ReactCommon/TurboModule.h>
 #include <jsi/JSIDynamic.h>
+#include <react/jni/NativeMap.h>
 #include <react/jni/ReadableNativeMap.h>
 #include <react/jni/WritableNativeMap.h>
-#include <react/jni/NativeMap.h>
-#include <react/jni/JCallback.h>
 
 #include "JavaTurboModule.h"
 
 namespace facebook {
 namespace react {
 
-JavaTurboModule::JavaTurboModule(const std::string &name, jni::global_ref<JTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
-  : TurboModule(name, jsInvoker), instance_(instance) {}
+JavaTurboModule::JavaTurboModule(
+    const std::string &name,
+    jni::alias_ref<JTurboModule> instance,
+    std::shared_ptr<JSCallInvoker> jsInvoker)
+    : TurboModule(name, jsInvoker), instance_(jni::make_global(instance)) {}
 
-jni::local_ref<JCxxCallbackImpl::JavaPart> createJavaCallbackFromJSIFunction(
+jni::local_ref<JCxxCallbackImpl::JavaPart>
+JavaTurboModule::createJavaCallbackFromJSIFunction(
     jsi::Function &function,
     jsi::Runtime &rt,
     std::shared_ptr<JSCallInvoker> jsInvoker) {
   auto wrapper = std::make_shared<react::CallbackWrapper>(
       std::move(function), rt, jsInvoker);
-  std::function<void(folly::dynamic)> fn = [wrapper](folly::dynamic responses) {
-    if (wrapper == nullptr) {
+  callbackWrappers_.insert(wrapper);
+
+  std::function<void(folly::dynamic)> fn = [this,
+                                            wrapper](folly::dynamic responses) {
+    if (wrapper->isDestroyed()) {
       throw std::runtime_error("callback arg cannot be called more than once");
     }
-    std::shared_ptr<react::CallbackWrapper> rw = wrapper;
-    wrapper->jsInvoker->invokeAsync([rw, responses]() {
+
+    wrapper->jsInvoker().invokeAsync([this, wrapper, responses]() {
+      if (wrapper->isDestroyed()) {
+        return;
+      }
+
       // TODO (T43155926) valueFromDynamic already returns a Value array. Don't
       // iterate again
-      jsi::Value args = jsi::valueFromDynamic(rw->runtime, responses);
-      auto argsArray = args.getObject(rw->runtime).asArray(rw->runtime);
+      jsi::Value args = jsi::valueFromDynamic(wrapper->runtime(), responses);
+      auto argsArray =
+          args.getObject(wrapper->runtime()).asArray(wrapper->runtime());
       std::vector<jsi::Value> result;
-      for (size_t i = 0; i < argsArray.size(rw->runtime); i++) {
+      for (size_t i = 0; i < argsArray.size(wrapper->runtime()); i++) {
         result.emplace_back(
-            rw->runtime, argsArray.getValueAtIndex(rw->runtime, i));
+            wrapper->runtime(),
+            argsArray.getValueAtIndex(wrapper->runtime(), i));
       }
-      rw->callback.call(
-          rw->runtime, (const jsi::Value *)result.data(), result.size());
+      wrapper->callback().call(
+          wrapper->runtime(), (const jsi::Value *)result.data(), result.size());
+
+      /**
+       * Eagerly destroy the jsi::Function since it's already been invoked.
+       * TODO(T48128233) Do we want callbacks to be invoked only once?
+       *
+       * NOTE: ~JavaTurboModule and this function run on the same thread.
+       * If you reach this point, you know that the destructor wasn't run
+       * because the current wrapper wasn't destroyed. Therefore, it's
+       * safe to access callbackWrappers_.
+       */
+      wrapper->destroy();
+      callbackWrappers_.erase(wrapper);
     });
   };
-  wrapper = nullptr;
   return JCxxCallbackImpl::newObjectCxxArgs(fn);
 }
 
-// fnjni already does this conversion, but since we are using plain JNI, this needs to be done again
-// TODO (axe) Reuse existing implementation as needed - the exist in MethodInvoker.cpp
-// TODO (axe) If at runtime, JS sends incorrect arguments and this is not typechecked, conversion here will fail. Check for that case (OSS)
-std::vector<jvalue> convertJSIArgsToJNIArgs(
+JavaTurboModule::~JavaTurboModule() {
+  /**
+   * Delete all jsi::Functions that haven't yet been invoked by Java.
+   * So long as nothing else aside from the JS heap is holding on to this
+   * JavaTurboModule, this destructor is guaranteed to execute before the
+   * jsi::Runtime is deleted.
+   */
+  for (auto it = callbackWrappers_.begin(); it != callbackWrappers_.end();
+       it++) {
+    (*it)->destroy();
+  }
+}
+
+namespace {
+
+template <typename T>
+std::string to_string(T v) {
+  std::ostringstream stream;
+  stream << v;
+  return stream.str();
+}
+
+// This is used for generating short exception strings.
+std::string stringifyJSIValue(const jsi::Value &v, jsi::Runtime *rt = nullptr) {
+  if (v.isUndefined()) {
+    return "undefined";
+  }
+
+  if (v.isNull()) {
+    return "null";
+  }
+
+  if (v.isBool()) {
+    return std::string("a boolean (") + (v.getBool() ? "true" : "false") + ")";
+  }
+
+  if (v.isNumber()) {
+    return "a number (" + to_string(v.getNumber()) + ")";
+  }
+
+  if (v.isString()) {
+    return "a string (\"" + v.getString(*rt).utf8(*rt) + "\")";
+  }
+
+  assert(v.isObject() && "Expecting object.");
+  return rt != nullptr && v.getObject(*rt).isFunction(*rt) ? "a function"
+                                                           : "an object";
+}
+
+class JavaTurboModuleArgumentConversionException : public std::runtime_error {
+ public:
+  JavaTurboModuleArgumentConversionException(
+      const std::string &expectedType,
+      int index,
+      const std::string &methodName,
+      const jsi::Value *arg,
+      jsi::Runtime *rt)
+      : std::runtime_error(
+            "Expected argument " + to_string(index) + " of method \"" +
+            methodName + "\" to be a " + expectedType + ", but got " +
+            stringifyJSIValue(*arg, rt)) {}
+};
+
+class JavaTurboModuleInvalidArgumentTypeException : public std::runtime_error {
+ public:
+  JavaTurboModuleInvalidArgumentTypeException(
+      const std::string &actualType,
+      int argIndex,
+      const std::string &methodName)
+      : std::runtime_error(
+            "Called method \"" + methodName + "\" with unsupported type " +
+            actualType + " at argument " + to_string(argIndex)) {}
+};
+
+class JavaTurboModuleInvalidArgumentCountException : public std::runtime_error {
+ public:
+  JavaTurboModuleInvalidArgumentCountException(
+      const std::string &methodName,
+      int actualArgCount,
+      int expectedArgCount)
+      : std::runtime_error(
+            "TurboModule method \"" + methodName + "\" called with " +
+            to_string(actualArgCount) +
+            " arguments (expected argument count: " +
+            to_string(expectedArgCount) + ").") {}
+};
+
+/**
+ * See
+ * https://docs.oracle.com/javase/7/docs/technotes/guides/jni/spec/types.html
+ * for a description of Java method signature structure.
+ */
+std::vector<std::string> getMethodArgTypesFromSignature(
+    const std::string &methodSignature) {
+  std::vector<std::string> methodArgs;
+
+  for (auto it = methodSignature.begin(); it != methodSignature.end();
+       it += 1) {
+    if (*it == '(') {
+      continue;
+    }
+
+    if (*it == ')') {
+      break;
+    }
+
+    std::string type;
+
+    if (*it == '[') {
+      type += *it;
+      it += 1;
+    }
+
+    if (*it == 'L') {
+      for (; it != methodSignature.end(); it += 1) {
+        type += *it;
+
+        if (*it == ';') {
+          break;
+        }
+      }
+    } else {
+      type += *it;
+    }
+
+    methodArgs.push_back(type);
+  }
+
+  return methodArgs;
+}
+
+} // namespace
+
+// fnjni already does this conversion, but since we are using plain JNI, this
+// needs to be done again
+// TODO (axe) Reuse existing implementation as needed - the exist in
+// MethodInvoker.cpp
+std::vector<jvalue> JavaTurboModule::convertJSIArgsToJNIArgs(
     JNIEnv *env,
     jsi::Runtime &rt,
+    std::string methodName,
+    std::vector<std::string> methodArgTypes,
     const jsi::Value *args,
     size_t count,
     std::shared_ptr<JSCallInvoker> jsInvoker,
     TurboModuleMethodValueKind valueKind) {
+  unsigned int expectedArgumentCount = valueKind == PromiseKind
+      ? methodArgTypes.size() - 1
+      : methodArgTypes.size();
+
+  if (expectedArgumentCount != count) {
+    throw JavaTurboModuleInvalidArgumentCountException(
+        methodName, count, expectedArgumentCount);
+  }
+
   auto jargs =
       std::vector<jvalue>(valueKind == PromiseKind ? count + 1 : count);
-  for (size_t i = 0; i < count; i++) {
-   const jsi::Value *arg = &args[i];
-   if (arg->isBool()) {
-     jargs[i].z = arg->getBool();
-   } else if (arg->isNumber()) {
-     jargs[i].d = arg->getNumber();
-   } else if (arg->isNull() || arg->isUndefined()) {
-     // What happens if Java is expecting a bool or a number, and JS sends a null or undefined?
-     jargs[i].l = nullptr;
-   } else if (arg->isString()) {
-     // We are basically creating a whole new string here
-     // TODO (axe) Is there a way to copy this instead of creating a whole new string ?
-     jargs[i].l = env->NewStringUTF(arg->getString(rt).utf8(rt).c_str());
-   } else if (arg->isObject()) {
-     auto objectArg = arg->getObject(rt);
-     // We are currently using folly:dynamic to convert JSON to Writable Map
-     // TODO (axe) Don't use folly:dynamic, instead construct Java map directly
-     if (objectArg.isArray(rt)) {
-       auto dynamicFromValue = jsi::dynamicFromValue(rt, args[i]);
-       auto jParams = ReadableNativeArray::newObjectCxxArgs(std::move(dynamicFromValue));
-       jargs[i].l = jParams.release();
-     } else if (objectArg.isFunction(rt)) {
-       jsi::Function fn = objectArg.getFunction(rt);
-       jargs[i].l =
-           createJavaCallbackFromJSIFunction(fn, rt, jsInvoker).release();
-     } else {
-       auto dynamicFromValue = jsi::dynamicFromValue(rt, args[i]);
-       auto jParams = ReadableNativeMap::createWithContents(std::move(dynamicFromValue));
-       jargs[i].l =  jParams.release();
-     }
-   }
- }
- return jargs;
+
+  for (unsigned int argIndex = 0; argIndex < count; argIndex += 1) {
+    std::string type = methodArgTypes.at(argIndex);
+
+    const jsi::Value *arg = &args[argIndex];
+    jvalue *jarg = &jargs[argIndex];
+
+    if (type == "D") {
+      if (!arg->isNumber()) {
+        throw JavaTurboModuleArgumentConversionException(
+            "number", argIndex, methodName, arg, &rt);
+      }
+
+      jarg->d = arg->getNumber();
+      continue;
+    }
+
+    if (type == "Z") {
+      if (!arg->isBool()) {
+        throw JavaTurboModuleArgumentConversionException(
+            "boolean", argIndex, methodName, arg, &rt);
+      }
+
+      jarg->z = (jboolean)arg->getBool();
+      continue;
+    }
+
+    if (!(type == "Ljava/lang/Double;" || type == "Ljava/lang/Boolean;" ||
+          type == "Ljava/lang/String;" ||
+          type == "Lcom/facebook/react/bridge/ReadableArray;" ||
+          type == "Lcom/facebook/react/bridge/Callback;" ||
+          type == "Lcom/facebook/react/bridge/ReadableMap;")) {
+      throw JavaTurboModuleInvalidArgumentTypeException(
+          type, argIndex, methodName);
+    }
+
+    if (arg->isNull() || arg->isUndefined()) {
+      jarg->l = nullptr;
+      continue;
+    }
+
+    if (type == "Ljava/lang/Double;") {
+      if (!arg->isNumber()) {
+        throw JavaTurboModuleArgumentConversionException(
+            "number", argIndex, methodName, arg, &rt);
+      }
+
+      jclass doubleClass = env->FindClass("java/lang/Double");
+      jmethodID doubleConstructor =
+          env->GetMethodID(doubleClass, "<init>", "(D)V");
+      jarg->l =
+          env->NewObject(doubleClass, doubleConstructor, arg->getNumber());
+      continue;
+    }
+
+    if (type == "Ljava/lang/Boolean;") {
+      if (!arg->isBool()) {
+        throw JavaTurboModuleArgumentConversionException(
+            "boolean", argIndex, methodName, arg, &rt);
+      }
+
+      jclass booleanClass = env->FindClass("java/lang/Boolean");
+      jmethodID booleanConstructor =
+          env->GetMethodID(booleanClass, "<init>", "(Z)V");
+      jarg->l =
+          env->NewObject(booleanClass, booleanConstructor, arg->getBool());
+      continue;
+    }
+
+    if (type == "Ljava/lang/String;") {
+      if (!arg->isString()) {
+        throw JavaTurboModuleArgumentConversionException(
+            "string", argIndex, methodName, arg, &rt);
+      }
+
+      jarg->l = env->NewStringUTF(arg->getString(rt).utf8(rt).c_str());
+      continue;
+    }
+
+    if (type == "Lcom/facebook/react/bridge/ReadableArray;") {
+      if (!(arg->isObject() && arg->getObject(rt).isArray(rt))) {
+        throw JavaTurboModuleArgumentConversionException(
+            "Array", argIndex, methodName, arg, &rt);
+      }
+
+      auto dynamicFromValue = jsi::dynamicFromValue(rt, *arg);
+      auto jParams =
+          ReadableNativeArray::newObjectCxxArgs(std::move(dynamicFromValue));
+      jarg->l = jParams.release();
+      continue;
+    }
+
+    if (type == "Lcom/facebook/react/bridge/Callback;") {
+      if (!(arg->isObject() && arg->getObject(rt).isFunction(rt))) {
+        throw JavaTurboModuleArgumentConversionException(
+            "Function", argIndex, methodName, arg, &rt);
+      }
+
+      jsi::Function fn = arg->getObject(rt).getFunction(rt);
+      jarg->l = createJavaCallbackFromJSIFunction(fn, rt, jsInvoker).release();
+      continue;
+    }
+
+    if (type == "Lcom/facebook/react/bridge/ReadableMap;") {
+      if (!(arg->isObject())) {
+        throw JavaTurboModuleArgumentConversionException(
+            "Object", argIndex, methodName, arg, &rt);
+      }
+
+      auto dynamicFromValue = jsi::dynamicFromValue(rt, *arg);
+      auto jParams =
+          ReadableNativeMap::createWithContents(std::move(dynamicFromValue));
+      jarg->l = jParams.release();
+      continue;
+    }
+  }
+
+  return jargs;
 }
 
 jsi::Value convertFromJMapToValue(JNIEnv *env, jsi::Runtime &rt, jobject arg) {
-    // We currently use Java Argument.makeNativeMap() method to do this conversion
-    // This could also be done purely in C++, but iterative over map methods
-    // but those may end up calling reflection methods anyway
-    // TODO (axe) Investigate the best way to convert Java Map to Value
-    jclass jArguments = env->FindClass("com/facebook/react/bridge/Arguments");
-    static jmethodID jMakeNativeMap = env->GetStaticMethodID(jArguments, "makeNativeMap", "(Ljava/util/Map;)Lcom/facebook/react/bridge/WritableNativeMap;");
-    auto constants = (jobject) env->CallStaticObjectMethod(jArguments, jMakeNativeMap, arg);
-    auto jResult = jni::adopt_local(constants);
-    auto result = jni::static_ref_cast<NativeMap::jhybridobject>(jResult);
-    return jsi::valueFromDynamic(rt, result->cthis()->consume());
+  // We currently use Java Argument.makeNativeMap() method to do this conversion
+  // This could also be done purely in C++, but iterative over map methods
+  // but those may end up calling reflection methods anyway
+  // TODO (axe) Investigate the best way to convert Java Map to Value
+  jclass jArguments = env->FindClass("com/facebook/react/bridge/Arguments");
+  static jmethodID jMakeNativeMap = env->GetStaticMethodID(
+      jArguments,
+      "makeNativeMap",
+      "(Ljava/util/Map;)Lcom/facebook/react/bridge/WritableNativeMap;");
+  auto constants =
+      (jobject)env->CallStaticObjectMethod(jArguments, jMakeNativeMap, arg);
+  auto jResult = jni::adopt_local(constants);
+  auto result = jni::static_ref_cast<NativeMap::jhybridobject>(jResult);
+  return jsi::valueFromDynamic(rt, result->cthis()->consume());
 }
 
 jsi::Value JavaTurboModule::invokeJavaMethod(
@@ -143,8 +399,17 @@ jsi::Value JavaTurboModule::invokeJavaMethod(
     return convertFromJMapToValue(env, runtime, constantsMap);
   }
 
-  std::vector<jvalue> jargs =
-      convertJSIArgsToJNIArgs(env, runtime, args, count, jsInvoker_, valueKind);
+  std::vector<std::string> methodArgTypes =
+      getMethodArgTypesFromSignature(methodSignature);
+  std::vector<jvalue> jargs = convertJSIArgsToJNIArgs(
+      env,
+      runtime,
+      methodName,
+      methodArgTypes,
+      args,
+      count,
+      jsInvoker_,
+      valueKind);
 
   switch (valueKind) {
     case VoidKind: {
@@ -154,6 +419,27 @@ jsi::Value JavaTurboModule::invokeJavaMethod(
       return jsi::Value::undefined();
     }
     case BooleanKind: {
+      std::string returnType =
+          methodSignature.substr(methodSignature.find_last_of(')') + 1);
+      if (returnType == "Ljava/lang/Boolean;") {
+        auto returnObject =
+            (jobject)env->CallObjectMethodA(instance, methodID, jargs.data());
+        FACEBOOK_JNI_THROW_PENDING_EXCEPTION();
+
+        if (returnObject == nullptr) {
+          return jsi::Value::null();
+        }
+
+        jclass booleanClass = env->FindClass("java/lang/Boolean");
+        jmethodID booleanValueMethod =
+            env->GetMethodID(booleanClass, "booleanValue", "()Z");
+        bool returnBoolean =
+            (bool)env->CallBooleanMethod(returnObject, booleanValueMethod);
+        FACEBOOK_JNI_THROW_PENDING_EXCEPTION();
+
+        return jsi::Value(returnBoolean);
+      }
+
       bool returnBoolean =
           (bool)env->CallBooleanMethodA(instance, methodID, jargs.data());
       FACEBOOK_JNI_THROW_PENDING_EXCEPTION();
@@ -161,6 +447,27 @@ jsi::Value JavaTurboModule::invokeJavaMethod(
       return jsi::Value(returnBoolean);
     }
     case NumberKind: {
+      std::string returnType =
+          methodSignature.substr(methodSignature.find_last_of(')') + 1);
+      if (returnType == "Ljava/lang/Double;") {
+        auto returnObject =
+            (jobject)env->CallObjectMethodA(instance, methodID, jargs.data());
+        FACEBOOK_JNI_THROW_PENDING_EXCEPTION();
+
+        if (returnObject == nullptr) {
+          return jsi::Value::null();
+        }
+
+        jclass doubleClass = env->FindClass("java/lang/Double");
+        jmethodID doubleValueMethod =
+            env->GetMethodID(doubleClass, "doubleValue", "()D");
+        double returnDouble =
+            (double)env->CallDoubleMethod(returnObject, doubleValueMethod);
+        FACEBOOK_JNI_THROW_PENDING_EXCEPTION();
+
+        return jsi::Value(returnDouble);
+      }
+
       double returnDouble =
           (double)env->CallDoubleMethodA(instance, methodID, jargs.data());
       FACEBOOK_JNI_THROW_PENDING_EXCEPTION();
diff --git a/ReactCommon/turbomodule/core/platform/android/JavaTurboModule.h b/ReactCommon/turbomodule/core/platform/android/JavaTurboModule.h
index fa31b0c7326200..e08894375466eb 100644
--- a/ReactCommon/turbomodule/core/platform/android/JavaTurboModule.h
+++ b/ReactCommon/turbomodule/core/platform/android/JavaTurboModule.h
@@ -8,21 +8,28 @@
 #pragma once
 
 #include <string>
+#include <unordered_set>
 
+#include <ReactCommon/TurboModule.h>
+#include <ReactCommon/TurboModuleUtils.h>
 #include <fb/fbjni.h>
 #include <jsi/jsi.h>
-#include <jsireact/TurboModule.h>
+#include <react/jni/JCallback.h>
 
 namespace facebook {
 namespace react {
 
 struct JTurboModule : jni::JavaClass<JTurboModule> {
-  static auto constexpr kJavaDescriptor = "Lcom/facebook/react/turbomodule/core/interfaces/TurboModule;";
+  static auto constexpr kJavaDescriptor =
+      "Lcom/facebook/react/turbomodule/core/interfaces/TurboModule;";
 };
 
 class JSI_EXPORT JavaTurboModule : public TurboModule {
-public:
-  JavaTurboModule(const std::string &name, jni::global_ref<JTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+ public:
+  JavaTurboModule(
+      const std::string &name,
+      jni::alias_ref<JTurboModule> instance,
+      std::shared_ptr<JSCallInvoker> jsInvoker);
   jsi::Value invokeJavaMethod(
       jsi::Runtime &runtime,
       TurboModuleMethodValueKind valueKind,
@@ -30,9 +37,35 @@ class JSI_EXPORT JavaTurboModule : public TurboModule {
       const std::string &methodSignature,
       const jsi::Value *args,
       size_t count);
-private:
+
+  /**
+   * This dtor must be called from the JS Thread, since it accesses
+   * callbackWrappers_, which createJavaCallbackFromJSIFunction also accesses
+   * from the JS Thread.
+   */
+  virtual ~JavaTurboModule();
+
+ private:
   jni::global_ref<JTurboModule> instance_;
-  jclass findClass(JNIEnv *env) const;
+  std::unordered_set<std::shared_ptr<CallbackWrapper>> callbackWrappers_;
+
+  /**
+   * This method must be called from the JS Thread, since it accesses
+   * callbackWrappers_.
+   */
+  jni::local_ref<JCxxCallbackImpl::JavaPart> createJavaCallbackFromJSIFunction(
+      jsi::Function &function,
+      jsi::Runtime &rt,
+      std::shared_ptr<JSCallInvoker> jsInvoker);
+  std::vector<jvalue> convertJSIArgsToJNIArgs(
+      JNIEnv *env,
+      jsi::Runtime &rt,
+      std::string methodName,
+      std::vector<std::string> methodArgTypes,
+      const jsi::Value *args,
+      size_t count,
+      std::shared_ptr<JSCallInvoker> jsInvoker,
+      TurboModuleMethodValueKind valueKind);
 };
 
 } // namespace react
diff --git a/ReactCommon/turbomodule/core/platform/ios/RCTTurboModule.h b/ReactCommon/turbomodule/core/platform/ios/RCTTurboModule.h
index ab0464ac85707d..505eb101e457cb 100644
--- a/ReactCommon/turbomodule/core/platform/ios/RCTTurboModule.h
+++ b/ReactCommon/turbomodule/core/platform/ios/RCTTurboModule.h
@@ -12,13 +12,14 @@
 #import <React/RCTBridge.h>
 #import <React/RCTBridgeModule.h>
 #import <React/RCTModuleMethod.h>
+#import <ReactCommon/JSCallInvoker.h>
+#import <ReactCommon/TurboModule.h>
 #import <cxxreact/MessageQueueThread.h>
-#import <jsireact/JSCallInvoker.h>
-#import <jsireact/TurboModule.h>
-#import <unordered_map>
 #import <string>
+#import <unordered_map>
 
-#define RCT_IS_TURBO_MODULE_CLASS(klass) ((RCTTurboModuleEnabled() && [(klass) conformsToProtocol:@protocol(RCTTurboModule)]))
+#define RCT_IS_TURBO_MODULE_CLASS(klass) \
+  ((RCTTurboModuleEnabled() && [(klass) conformsToProtocol:@protocol(RCTTurboModule)]))
 #define RCT_IS_TURBO_MODULE_INSTANCE(module) RCT_IS_TURBO_MODULE_CLASS([(module) class])
 
 namespace facebook {
@@ -30,7 +31,7 @@ class Instance;
  * ObjC++ specific TurboModule base class.
  */
 class JSI_EXPORT ObjCTurboModule : public TurboModule {
-public:
+ public:
   ObjCTurboModule(const std::string &name, id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
 
   jsi::Value invokeObjCMethod(
@@ -42,27 +43,29 @@ class JSI_EXPORT ObjCTurboModule : public TurboModule {
       size_t count);
 
   id<RCTTurboModule> instance_;
-protected:
+
+ protected:
   void setMethodArgConversionSelector(NSString *methodName, int argIndex, NSString *fnName);
-private:
+
+ private:
   /**
    * TODO(ramanpreet):
    * Investigate an optimization that'll let us get rid of this NSMutableDictionary.
    */
   NSMutableDictionary<NSString *, NSMutableArray *> *methodArgConversionSelectors_;
   NSDictionary<NSString *, NSArray<NSString *> *> *methodArgumentTypeNames_;
-  NSString* getArgumentTypeName(NSString* methodName, int argIndex);
+  NSString *getArgumentTypeName(NSString *methodName, int argIndex);
 
   NSInvocation *getMethodInvocation(
-    jsi::Runtime &runtime,
-    TurboModuleMethodValueKind valueKind,
-    const id<RCTTurboModule> module,
-    std::shared_ptr<JSCallInvoker> jsInvoker,
-    const std::string& methodName,
-    SEL selector,
-    const jsi::Value *args,
-    size_t count,
-    NSMutableArray *retainedObjectsForInvocation);
+      jsi::Runtime &runtime,
+      TurboModuleMethodValueKind valueKind,
+      const id<RCTTurboModule> module,
+      std::shared_ptr<JSCallInvoker> jsInvoker,
+      const std::string &methodName,
+      SEL selector,
+      const jsi::Value *args,
+      size_t count,
+      NSMutableArray *retainedObjectsForInvocation);
 
   BOOL hasMethodArgConversionSelector(NSString *methodName, int argIndex);
   SEL getMethodArgConversionSelector(NSString *methodName, int argIndex);
@@ -84,14 +87,14 @@ class JSI_EXPORT ObjCTurboModule : public TurboModule {
 
 @optional
 // This should be required, after migration is done.
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::JSCallInvoker>)jsInvoker;
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:
+    (std::shared_ptr<facebook::react::JSCallInvoker>)jsInvoker;
 
 @end
 
 // TODO: Consolidate this extension with the one in RCTSurfacePresenter.
 @interface RCTBridge ()
 
-- (std::shared_ptr<facebook::react::MessageQueueThread>)jsMessageThread;
 - (std::weak_ptr<facebook::react::Instance>)reactInstance;
 
 @end
diff --git a/ReactCommon/turbomodule/core/platform/ios/RCTTurboModule.mm b/ReactCommon/turbomodule/core/platform/ios/RCTTurboModule.mm
index f2862d60d71cf9..af31001e7604bc 100644
--- a/ReactCommon/turbomodule/core/platform/ios/RCTTurboModule.mm
+++ b/ReactCommon/turbomodule/core/platform/ios/RCTTurboModule.mm
@@ -12,36 +12,40 @@
 #import <sstream>
 #import <vector>
 
-#import <React/RCTConvert.h>
 #import <React/RCTBridgeModule.h>
-#import <React/RCTModuleMethod.h>
-#import <React/RCTUtils.h>
-#import <jsireact/JSCallInvoker.h>
-#import <jsireact/LongLivedObject.h>
-#import <jsireact/TurboModule.h>
-#import <jsireact/TurboModuleUtils.h>
+#import <React/RCTConvert.h>
 #import <React/RCTCxxConvert.h>
 #import <React/RCTManagedPointer.h>
+#import <React/RCTModuleMethod.h>
+#import <React/RCTUtils.h>
+#import <ReactCommon/JSCallInvoker.h>
+#import <ReactCommon/LongLivedObject.h>
+#import <ReactCommon/TurboModule.h>
+#import <ReactCommon/TurboModuleUtils.h>
 
 using namespace facebook;
 
 /**
  * All static helper functions are ObjC++ specific.
  */
-static jsi::Value convertNSNumberToJSIBoolean(jsi::Runtime &runtime, NSNumber *value) {
+static jsi::Value convertNSNumberToJSIBoolean(jsi::Runtime &runtime, NSNumber *value)
+{
   return jsi::Value((bool)[value boolValue]);
 }
 
-static jsi::Value convertNSNumberToJSINumber(jsi::Runtime &runtime, NSNumber *value) {
+static jsi::Value convertNSNumberToJSINumber(jsi::Runtime &runtime, NSNumber *value)
+{
   return jsi::Value([value doubleValue]);
 }
 
-static jsi::String convertNSStringToJSIString(jsi::Runtime &runtime, NSString *value) {
+static jsi::String convertNSStringToJSIString(jsi::Runtime &runtime, NSString *value)
+{
   return jsi::String::createFromUtf8(runtime, [value UTF8String] ?: "");
 }
 
 static jsi::Value convertObjCObjectToJSIValue(jsi::Runtime &runtime, id value);
-static jsi::Object convertNSDictionaryToJSIObject(jsi::Runtime &runtime, NSDictionary *value) {
+static jsi::Object convertNSDictionaryToJSIObject(jsi::Runtime &runtime, NSDictionary *value)
+{
   jsi::Object result = jsi::Object(runtime);
   for (NSString *k in value) {
     result.setProperty(runtime, [k UTF8String], convertObjCObjectToJSIValue(runtime, value[k]));
@@ -49,7 +53,8 @@
   return result;
 }
 
-static jsi::Array convertNSArrayToJSIArray(jsi::Runtime &runtime, NSArray *value) {
+static jsi::Array convertNSArrayToJSIArray(jsi::Runtime &runtime, NSArray *value)
+{
   jsi::Array result = jsi::Array(runtime, value.count);
   for (size_t i = 0; i < value.count; i++) {
     result.setValueAtIndex(runtime, i, convertObjCObjectToJSIValue(runtime, value[i]));
@@ -57,7 +62,8 @@
   return result;
 }
 
-static std::vector<jsi::Value> convertNSArrayToStdVector(jsi::Runtime &runtime, NSArray *value) {
+static std::vector<jsi::Value> convertNSArrayToStdVector(jsi::Runtime &runtime, NSArray *value)
+{
   std::vector<jsi::Value> result;
   for (size_t i = 0; i < value.count; i++) {
     result.emplace_back(convertObjCObjectToJSIValue(runtime, value[i]));
@@ -65,7 +71,8 @@
   return result;
 }
 
-static jsi::Value convertObjCObjectToJSIValue(jsi::Runtime &runtime, id value) {
+static jsi::Value convertObjCObjectToJSIValue(jsi::Runtime &runtime, id value)
+{
   if ([value isKindOfClass:[NSString class]]) {
     return convertNSStringToJSIString(runtime, (NSString *)value);
   } else if ([value isKindOfClass:[NSNumber class]]) {
@@ -83,22 +90,35 @@
   return jsi::Value::undefined();
 }
 
-static id convertJSIValueToObjCObject(jsi::Runtime &runtime, const jsi::Value &value, std::shared_ptr<react::JSCallInvoker> jsInvoker);
-static NSString *convertJSIStringToNSString(jsi::Runtime &runtime, const jsi::String &value) {
+static id convertJSIValueToObjCObject(
+    jsi::Runtime &runtime,
+    const jsi::Value &value,
+    std::shared_ptr<react::JSCallInvoker> jsInvoker);
+static NSString *convertJSIStringToNSString(jsi::Runtime &runtime, const jsi::String &value)
+{
   return [NSString stringWithUTF8String:value.utf8(runtime).c_str()];
 }
 
-static NSArray *convertJSIArrayToNSArray(jsi::Runtime &runtime, const jsi::Array &value, std::shared_ptr<react::JSCallInvoker> jsInvoker) {
+static NSArray *convertJSIArrayToNSArray(
+    jsi::Runtime &runtime,
+    const jsi::Array &value,
+    std::shared_ptr<react::JSCallInvoker> jsInvoker)
+{
   size_t size = value.size(runtime);
   NSMutableArray *result = [NSMutableArray new];
   for (size_t i = 0; i < size; i++) {
     // Insert kCFNull when it's `undefined` value to preserve the indices.
-    [result addObject:convertJSIValueToObjCObject(runtime, value.getValueAtIndex(runtime, i), jsInvoker) ?: (id)kCFNull];
+    [result
+        addObject:convertJSIValueToObjCObject(runtime, value.getValueAtIndex(runtime, i), jsInvoker) ?: (id)kCFNull];
   }
   return [result copy];
 }
 
-static NSDictionary *convertJSIObjectToNSDictionary(jsi::Runtime &runtime, const jsi::Object &value, std::shared_ptr<react::JSCallInvoker> jsInvoker) {
+static NSDictionary *convertJSIObjectToNSDictionary(
+    jsi::Runtime &runtime,
+    const jsi::Object &value,
+    std::shared_ptr<react::JSCallInvoker> jsInvoker)
+{
   jsi::Array propertyNames = value.getPropertyNames(runtime);
   size_t size = propertyNames.size(runtime);
   NSMutableDictionary *result = [NSMutableDictionary new];
@@ -113,8 +133,15 @@
   return [result copy];
 }
 
-static RCTResponseSenderBlock convertJSIFunctionToCallback(jsi::Runtime &runtime, const jsi::Function &value, std::shared_ptr<react::JSCallInvoker> jsInvoker);
-static id convertJSIValueToObjCObject(jsi::Runtime &runtime, const jsi::Value &value, std::shared_ptr<react::JSCallInvoker> jsInvoker) {
+static RCTResponseSenderBlock convertJSIFunctionToCallback(
+    jsi::Runtime &runtime,
+    const jsi::Function &value,
+    std::shared_ptr<react::JSCallInvoker> jsInvoker);
+static id convertJSIValueToObjCObject(
+    jsi::Runtime &runtime,
+    const jsi::Value &value,
+    std::shared_ptr<react::JSCallInvoker> jsInvoker)
+{
   if (value.isUndefined() || value.isNull()) {
     return nil;
   }
@@ -141,7 +168,11 @@ static id convertJSIValueToObjCObject(jsi::Runtime &runtime, const jsi::Value &v
   throw std::runtime_error("Unsupported jsi::jsi::Value kind");
 }
 
-static RCTResponseSenderBlock convertJSIFunctionToCallback(jsi::Runtime &runtime, const jsi::Function &value, std::shared_ptr<react::JSCallInvoker> jsInvoker) {
+static RCTResponseSenderBlock convertJSIFunctionToCallback(
+    jsi::Runtime &runtime,
+    const jsi::Function &value,
+    std::shared_ptr<react::JSCallInvoker> jsInvoker)
+{
   __block auto wrapper = std::make_shared<react::CallbackWrapper>(value.getFunction(runtime), runtime, jsInvoker);
   return ^(NSArray *responses) {
     if (wrapper == nullptr) {
@@ -149,9 +180,9 @@ static RCTResponseSenderBlock convertJSIFunctionToCallback(jsi::Runtime &runtime
     }
 
     std::shared_ptr<react::CallbackWrapper> rw = wrapper;
-    wrapper->jsInvoker->invokeAsync([rw, responses]() {
-      std::vector<jsi::Value> args = convertNSArrayToStdVector(rw->runtime, responses);
-      rw->callback.call(rw->runtime, (const jsi::Value *)args.data(), args.size());
+    wrapper->jsInvoker().invokeAsync([rw, responses]() {
+      std::vector<jsi::Value> args = convertNSArrayToStdVector(rw->runtime(), responses);
+      rw->callback().call(rw->runtime(), (const jsi::Value *)args.data(), args.size());
     });
 
     // The callback is single-use, so force release it here.
@@ -167,7 +198,8 @@ static RCTResponseSenderBlock convertJSIFunctionToCallback(jsi::Runtime &runtime
       jsi::Function resolve,
       jsi::Function reject,
       jsi::Runtime &runtime,
-      std::shared_ptr<react::JSCallInvoker> jsInvoker) {
+      std::shared_ptr<react::JSCallInvoker> jsInvoker)
+  {
     auto instance = std::make_shared<PromiseWrapper>(std::move(resolve), std::move(reject), runtime, jsInvoker);
     // This instance needs to live longer than the caller's scope, since the resolve/reject functions may not
     // be called immediately. Doing so keeps it alive at least until resolve/reject is called, or when the
@@ -181,12 +213,15 @@ static RCTResponseSenderBlock convertJSIFunctionToCallback(jsi::Runtime &runtime
       jsi::Function reject,
       jsi::Runtime &runtime,
       std::shared_ptr<react::JSCallInvoker> jsInvoker)
-    : resolveWrapper(std::make_shared<react::CallbackWrapper>(std::move(resolve), runtime, jsInvoker)),
-      rejectWrapper(std::make_shared<react::CallbackWrapper>(std::move(reject), runtime, jsInvoker)),
-      runtime(runtime),
-      jsInvoker(jsInvoker) {}
+      : resolveWrapper(std::make_shared<react::CallbackWrapper>(std::move(resolve), runtime, jsInvoker)),
+        rejectWrapper(std::make_shared<react::CallbackWrapper>(std::move(reject), runtime, jsInvoker)),
+        runtime(runtime),
+        jsInvoker(jsInvoker)
+  {
+  }
 
-  RCTPromiseResolveBlock resolveBlock() {
+  RCTPromiseResolveBlock resolveBlock()
+  {
     return ^(id result) {
       if (resolveWrapper == nullptr) {
         throw std::runtime_error("Promise resolve arg cannot be called more than once");
@@ -195,9 +230,9 @@ RCTPromiseResolveBlock resolveBlock() {
       // Retain the resolveWrapper so that it stays alive inside the lambda.
       std::shared_ptr<react::CallbackWrapper> retainedWrapper = resolveWrapper;
       jsInvoker->invokeAsync([retainedWrapper, result]() {
-        jsi::Runtime &rt = retainedWrapper->runtime;
+        jsi::Runtime &rt = retainedWrapper->runtime();
         jsi::Value arg = convertObjCObjectToJSIValue(rt, result);
-        retainedWrapper->callback.call(rt, arg);
+        retainedWrapper->callback().call(rt, arg);
       });
 
       // Prevent future invocation of the same resolve() function.
@@ -205,7 +240,8 @@ RCTPromiseResolveBlock resolveBlock() {
     };
   }
 
-  RCTPromiseRejectBlock rejectBlock() {
+  RCTPromiseRejectBlock rejectBlock()
+  {
     return ^(NSString *code, NSString *message, NSError *error) {
       // TODO: There is a chance `this` is no longer valid when this block executes.
       if (rejectWrapper == nullptr) {
@@ -216,9 +252,9 @@ RCTPromiseRejectBlock rejectBlock() {
       std::shared_ptr<react::CallbackWrapper> retainedWrapper = rejectWrapper;
       NSDictionary *jsError = RCTJSErrorFromCodeMessageAndNSError(code, message, error);
       jsInvoker->invokeAsync([retainedWrapper, jsError]() {
-        jsi::Runtime &rt = retainedWrapper->runtime;
+        jsi::Runtime &rt = retainedWrapper->runtime();
         jsi::Value arg = convertNSDictionaryToJSIObject(rt, jsError);
-        retainedWrapper->callback.call(rt, arg);
+        retainedWrapper->callback().call(rt, arg);
       });
 
       // Prevent future invocation of the same resolve() function.
@@ -226,23 +262,26 @@ RCTPromiseRejectBlock rejectBlock() {
     };
   }
 
-  void cleanup() {
+  void cleanup()
+  {
     resolveWrapper = nullptr;
     rejectWrapper = nullptr;
     allowRelease();
   }
 
-  // CallbackWrapper is used here instead of just holding on the jsi jsi::Function in order to force release it after either
-  // the resolve() or the reject() is called. jsi jsi::Function does not support explicit releasing, so we need an extra
-  // mechanism to control that lifecycle.
+  // CallbackWrapper is used here instead of just holding on the jsi jsi::Function in order to force release it after
+  // either the resolve() or the reject() is called. jsi jsi::Function does not support explicit releasing, so we need
+  // an extra mechanism to control that lifecycle.
   std::shared_ptr<react::CallbackWrapper> resolveWrapper;
   std::shared_ptr<react::CallbackWrapper> rejectWrapper;
   jsi::Runtime &runtime;
   std::shared_ptr<react::JSCallInvoker> jsInvoker;
 };
 
-using PromiseInvocationBlock = void (^)(jsi::Runtime& rt, std::shared_ptr<PromiseWrapper> wrapper);
-static jsi::Value createPromise(jsi::Runtime &runtime, std::shared_ptr<react::JSCallInvoker> jsInvoker, PromiseInvocationBlock invoke) {
+using PromiseInvocationBlock = void (^)(jsi::Runtime &rt, std::shared_ptr<PromiseWrapper> wrapper);
+static jsi::Value
+createPromise(jsi::Runtime &runtime, std::shared_ptr<react::JSCallInvoker> jsInvoker, PromiseInvocationBlock invoke)
+{
   if (!invoke) {
     return jsi::Value::undefined();
   }
@@ -293,8 +332,8 @@ void cleanup() {
     TurboModuleMethodValueKind valueKind,
     const id<RCTTurboModule> module,
     std::shared_ptr<JSCallInvoker> jsInvoker,
-    NSMutableArray *retainedObjectsForInvocation) {
-
+    NSMutableArray *retainedObjectsForInvocation)
+{
   __block id result;
   jsi::Runtime *rt = &runtime;
   void (^block)() = ^{
@@ -360,7 +399,7 @@ void cleanup() {
 } // namespace
 
 /**
- * Given a method name, and an argument index, return type type of that argument.
+ * Given a method name, and an argument index, return type of that argument.
  * Prerequisite: You must wrap the method declaration inside some variant of the
  * RCT_EXPORT_METHOD macro.
  *
@@ -370,7 +409,8 @@ void cleanup() {
  * Note: This is only being introduced for backward compatibility. It will be removed
  *       in the future.
  */
-NSString* ObjCTurboModule::getArgumentTypeName(NSString* methodName, int argIndex) {
+NSString *ObjCTurboModule::getArgumentTypeName(NSString *methodName, int argIndex)
+{
   if (!methodArgumentTypeNames_) {
     NSMutableDictionary<NSString *, NSArray<NSString *> *> *methodArgumentTypeNames = [NSMutableDictionary new];
 
@@ -381,7 +421,7 @@ void cleanup() {
     if (methods) {
       for (unsigned int i = 0; i < numberOfMethods; i++) {
         SEL s = method_getName(methods[i]);
-        NSString* mName = NSStringFromSelector(s);
+        NSString *mName = NSStringFromSelector(s);
         if (![mName hasPrefix:@"__rct_export__"]) {
           continue;
         }
@@ -393,7 +433,7 @@ void cleanup() {
         NSArray<RCTMethodArgument *> *arguments;
         NSString *otherMethodName = RCTParseMethodSignature(methodInfo->objcName, &arguments);
 
-        NSMutableArray* argumentTypes = [NSMutableArray arrayWithCapacity:[arguments count]];
+        NSMutableArray *argumentTypes = [NSMutableArray arrayWithCapacity:[arguments count]];
         for (int j = 0; j < [arguments count]; j += 1) {
           [argumentTypes addObject:arguments[j].type];
         }
@@ -417,16 +457,18 @@ void cleanup() {
 }
 
 NSInvocation *ObjCTurboModule::getMethodInvocation(
-   jsi::Runtime &runtime,
-   TurboModuleMethodValueKind valueKind,
-   const id<RCTTurboModule> module,
-   std::shared_ptr<JSCallInvoker> jsInvoker,
-   const std::string& methodName,
-   SEL selector,
-   const jsi::Value *args,
-   size_t count,
-   NSMutableArray *retainedObjectsForInvocation) {
-  NSInvocation *inv = [NSInvocation invocationWithMethodSignature:[[module class] instanceMethodSignatureForSelector:selector]];
+    jsi::Runtime &runtime,
+    TurboModuleMethodValueKind valueKind,
+    const id<RCTTurboModule> module,
+    std::shared_ptr<JSCallInvoker> jsInvoker,
+    const std::string &methodName,
+    SEL selector,
+    const jsi::Value *args,
+    size_t count,
+    NSMutableArray *retainedObjectsForInvocation)
+{
+  NSInvocation *inv =
+      [NSInvocation invocationWithMethodSignature:[[module class] instanceMethodSignatureForSelector:selector]];
   [inv setSelector:selector];
 
   NSMethodSignature *methodSignature = [[module class] instanceMethodSignatureForSelector:selector];
@@ -460,6 +502,29 @@ void cleanup() {
        */
       if (objCArgType[0] == _C_ID) {
         id objCArg = [NSNumber numberWithDouble:v];
+        NSString *methodNameNSString = @(methodName.c_str());
+
+        /**
+         * Convert numbers using RCTConvert if possible.
+         */
+        NSString *argumentType = getArgumentTypeName(methodNameNSString, i);
+        if (argumentType != nil) {
+          NSString *rctConvertMethodName = [NSString stringWithFormat:@"%@:", argumentType];
+          SEL rctConvertSelector = NSSelectorFromString(rctConvertMethodName);
+
+          if ([RCTConvert respondsToSelector:rctConvertSelector]) {
+            // Message dispatch logic from old infra
+            id (*convert)(id, SEL, id) = (__typeof__(convert))objc_msgSend;
+            id convertedObjCArg = convert([RCTConvert class], rctConvertSelector, objCArg);
+
+            [inv setArgument:(void *)&convertedObjCArg atIndex:i + 2];
+            if (convertedObjCArg) {
+              [retainedObjectsForInvocation addObject:convertedObjCArg];
+            }
+            continue;
+          }
+        }
+
         [inv setArgument:(void *)&objCArg atIndex:i + 2];
         [retainedObjectsForInvocation addObject:objCArg];
       } else {
@@ -481,12 +546,12 @@ void cleanup() {
        * Convert objects using RCTConvert.
        */
       if (objCArgType[0] == _C_ID) {
-        NSString* argumentType = getArgumentTypeName(methodNameNSString, i);
+        NSString *argumentType = getArgumentTypeName(methodNameNSString, i);
         if (argumentType != nil) {
           NSString *rctConvertMethodName = [NSString stringWithFormat:@"%@:", argumentType];
           SEL rctConvertSelector = NSSelectorFromString(rctConvertMethodName);
 
-          if ([RCTConvert respondsToSelector: rctConvertSelector]) {
+          if ([RCTConvert respondsToSelector:rctConvertSelector]) {
             // Message dispatch logic from old infra
             id (*convert)(id, SEL, id) = (__typeof__(convert))objc_msgSend;
             id convertedObjCArg = convert([RCTConvert class], rctConvertSelector, objCArg);
@@ -533,8 +598,9 @@ void cleanup() {
     const std::string &name,
     id<RCTTurboModule> instance,
     std::shared_ptr<JSCallInvoker> jsInvoker)
-  : TurboModule(name, jsInvoker),
-  instance_(instance) {}
+    : TurboModule(name, jsInvoker), instance_(instance)
+{
+}
 
 jsi::Value ObjCTurboModule::invokeObjCMethod(
     jsi::Runtime &runtime,
@@ -545,39 +611,41 @@ void cleanup() {
     size_t count)
 {
   NSMutableArray *retainedObjectsForInvocation = [NSMutableArray arrayWithCapacity:count + 2];
-  NSInvocation *inv = getMethodInvocation(runtime, valueKind, instance_, jsInvoker_, methodName, selector, args, count, retainedObjectsForInvocation);
+  NSInvocation *inv = getMethodInvocation(
+      runtime, valueKind, instance_, jsInvoker_, methodName, selector, args, count, retainedObjectsForInvocation);
 
   if (valueKind == PromiseKind) {
     // Promise return type is special cased today, i.e. it needs extra 2 function args for resolve() and reject(), to
     // be passed to the actual ObjC++ class method.
-    return createPromise(
-        runtime,
-        jsInvoker_,
-        ^(jsi::Runtime &rt, std::shared_ptr<PromiseWrapper> wrapper) {
-          RCTPromiseResolveBlock resolveBlock = wrapper->resolveBlock();
-          RCTPromiseRejectBlock rejectBlock = wrapper->rejectBlock();
-          [inv setArgument:(void *)&resolveBlock atIndex:count + 2];
-          [inv setArgument:(void *)&rejectBlock atIndex:count + 3];
-          [retainedObjectsForInvocation addObject:resolveBlock];
-          [retainedObjectsForInvocation addObject:rejectBlock];
-          // The return type becomes void in the ObjC side.
-          performMethodInvocation(rt, inv, VoidKind, instance_, jsInvoker_, retainedObjectsForInvocation);
-        });
+    return createPromise(runtime, jsInvoker_, ^(jsi::Runtime &rt, std::shared_ptr<PromiseWrapper> wrapper) {
+      RCTPromiseResolveBlock resolveBlock = wrapper->resolveBlock();
+      RCTPromiseRejectBlock rejectBlock = wrapper->rejectBlock();
+      [inv setArgument:(void *)&resolveBlock atIndex:count + 2];
+      [inv setArgument:(void *)&rejectBlock atIndex:count + 3];
+      [retainedObjectsForInvocation addObject:resolveBlock];
+      [retainedObjectsForInvocation addObject:rejectBlock];
+      // The return type becomes void in the ObjC side.
+      performMethodInvocation(rt, inv, VoidKind, instance_, jsInvoker_, retainedObjectsForInvocation);
+    });
   }
 
   return performMethodInvocation(runtime, inv, valueKind, instance_, jsInvoker_, retainedObjectsForInvocation);
 }
 
-BOOL ObjCTurboModule::hasMethodArgConversionSelector(NSString *methodName, int argIndex) {
-  return methodArgConversionSelectors_ && methodArgConversionSelectors_[methodName] && ![methodArgConversionSelectors_[methodName][argIndex] isEqual:[NSNull null]];
+BOOL ObjCTurboModule::hasMethodArgConversionSelector(NSString *methodName, int argIndex)
+{
+  return methodArgConversionSelectors_ && methodArgConversionSelectors_[methodName] &&
+      ![methodArgConversionSelectors_[methodName][argIndex] isEqual:[NSNull null]];
 }
 
-SEL ObjCTurboModule::getMethodArgConversionSelector(NSString *methodName, int argIndex) {
+SEL ObjCTurboModule::getMethodArgConversionSelector(NSString *methodName, int 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, int argIndex, NSString *fnName)
+{
   if (!methodArgConversionSelectors_) {
     methodArgConversionSelectors_ = [NSMutableDictionary new];
   }
diff --git a/ReactCommon/turbomodule/core/platform/ios/RCTTurboModuleManager.h b/ReactCommon/turbomodule/core/platform/ios/RCTTurboModuleManager.h
index 5f015ab47d6644..edca0c511e9a86 100644
--- a/ReactCommon/turbomodule/core/platform/ios/RCTTurboModuleManager.h
+++ b/ReactCommon/turbomodule/core/platform/ios/RCTTurboModuleManager.h
@@ -12,7 +12,8 @@
 // TODO: Move to xplat codegen.
 - (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:(const std::string &)name
                                                        instance:(id<RCTTurboModule>)instance
-                                                      jsInvoker:(std::shared_ptr<facebook::react::JSCallInvoker>)jsInvoker;
+                                                      jsInvoker:
+                                                          (std::shared_ptr<facebook::react::JSCallInvoker>)jsInvoker;
 
 @optional
 
@@ -30,11 +31,12 @@
  * Create an instance of a TurboModule without relying on any ObjC++ module instance.
  */
 - (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:(const std::string &)name
-                                                      jsInvoker:(std::shared_ptr<facebook::react::JSCallInvoker>)jsInvoker;
+                                                      jsInvoker:
+                                                          (std::shared_ptr<facebook::react::JSCallInvoker>)jsInvoker;
 
 @end
 
-@interface RCTTurboModuleManager : NSObject<RCTTurboModuleLookupDelegate>
+@interface RCTTurboModuleManager : NSObject <RCTTurboModuleLookupDelegate>
 
 - (instancetype)initWithBridge:(RCTBridge *)bridge delegate:(id<RCTTurboModuleManagerDelegate>)delegate;
 
diff --git a/ReactCommon/turbomodule/core/platform/ios/RCTTurboModuleManager.mm b/ReactCommon/turbomodule/core/platform/ios/RCTTurboModuleManager.mm
index 0da68b3f3db64e..3cb73b54c011e8 100644
--- a/ReactCommon/turbomodule/core/platform/ios/RCTTurboModuleManager.mm
+++ b/ReactCommon/turbomodule/core/platform/ios/RCTTurboModuleManager.mm
@@ -7,16 +7,18 @@
 
 #import "RCTTurboModuleManager.h"
 
+#import <atomic>
 #import <cassert>
+#import <mutex>
 
 #import <React/RCTBridge+Private.h>
 #import <React/RCTBridgeModule.h>
 #import <React/RCTCxxModule.h>
 #import <React/RCTLog.h>
 #import <React/RCTPerformanceLogger.h>
-#import <jsireact/BridgeJSCallInvoker.h>
-#import <jsireact/TurboCxxModule.h>
-#import <jsireact/TurboModuleBinding.h>
+#import <ReactCommon/BridgeJSCallInvoker.h>
+#import <ReactCommon/TurboCxxModule.h>
+#import <ReactCommon/TurboModuleBinding.h>
 
 using namespace facebook;
 
@@ -38,13 +40,26 @@ @implementation RCTTurboModuleManager {
   __weak id<RCTTurboModuleManagerDelegate> _delegate;
   __weak RCTBridge *_bridge;
   /**
-   * TODO(rsnara):
+   * TODO(T48018690):
    * All modules are currently long-lived.
    * We need to come up with a mechanism to allow modules to specify whether
    * they want to be long-lived or short-lived.
    */
   std::unordered_map<std::string, id<RCTTurboModule>> _rctTurboModuleCache;
   std::unordered_map<std::string, std::shared_ptr<react::TurboModule>> _turboModuleCache;
+
+  /**
+   * _rctTurboModuleCache can be accessed by multiple threads at once via
+   * the provideRCTTurboModule method. This can lead to races. Therefore, we
+   * need to protect access to this unordered_map.
+   *
+   * Note:
+   * There's no need to protect access to _turboModuleCache because that cache
+   * is only accessed within provideTurboModule, which is only invoked by the
+   * JS thread.
+   */
+  std::mutex _rctTurboModuleCacheLock;
+  std::atomic<bool> _invalidating;
 }
 
 - (instancetype)initWithBridge:(RCTBridge *)bridge delegate:(id<RCTTurboModuleManagerDelegate>)delegate
@@ -53,10 +68,15 @@ - (instancetype)initWithBridge:(RCTBridge *)bridge delegate:(id<RCTTurboModuleMa
     _jsInvoker = std::make_shared<react::BridgeJSCallInvoker>(bridge.reactInstance);
     _delegate = delegate;
     _bridge = bridge;
+    _invalidating = false;
 
     // Necessary to allow NativeModules to lookup TurboModules
     [bridge setRCTTurboModuleLookupDelegate:self];
 
+    [[NSNotificationCenter defaultCenter] addObserver:self
+                                             selector:@selector(bridgeWillInvalidateModules:)
+                                                 name:RCTBridgeWillInvalidateModulesNotification
+                                               object:_bridge.parentBridge];
     [[NSNotificationCenter defaultCenter] addObserver:self
                                              selector:@selector(bridgeDidInvalidateModules:)
                                                  name:RCTBridgeDidInvalidateModulesNotification
@@ -198,35 +218,51 @@ - (void)notifyAboutTurboModuleSetup:(const char *)name
  */
 - (id<RCTTurboModule>)provideRCTTurboModule:(const char *)moduleName
 {
-  auto rctTurboModuleCacheLookup = _rctTurboModuleCache.find(moduleName);
-  if (rctTurboModuleCacheLookup != _rctTurboModuleCache.end()) {
-    return rctTurboModuleCacheLookup->second;
-  }
-
-  /**
-   * Step 2a: Resolve platform-specific class.
-   */
   Class moduleClass;
-  if ([_delegate respondsToSelector:@selector(getModuleClassFromName:)]) {
-    moduleClass = [_delegate getModuleClassFromName:moduleName];
-  }
+  id<RCTTurboModule> module = nil;
 
-  if (!moduleClass) {
-    moduleClass = getFallbackClassFromName(moduleName);
-  }
+  {
+    std::unique_lock<std::mutex> lock(_rctTurboModuleCacheLock);
 
-  if (![moduleClass conformsToProtocol:@protocol(RCTTurboModule)]) {
-    return nil;
-  }
+    auto rctTurboModuleCacheLookup = _rctTurboModuleCache.find(moduleName);
+    if (rctTurboModuleCacheLookup != _rctTurboModuleCache.end()) {
+      return rctTurboModuleCacheLookup->second;
+    }
 
-  /**
-   * Step 2b: Ask hosting application/delegate to instantiate this class
-   */
-  id<RCTTurboModule> module = nil;
-  if ([_delegate respondsToSelector:@selector(getModuleInstanceFromClass:)]) {
-    module = [_delegate getModuleInstanceFromClass:moduleClass];
-  } else {
-    module = [moduleClass new];
+    if (_invalidating) {
+      // Don't allow creating new instances while invalidating.
+      return nil;
+    }
+
+    /**
+     * Step 2a: Resolve platform-specific class.
+     */
+    if ([_delegate respondsToSelector:@selector(getModuleClassFromName:)]) {
+      moduleClass = [_delegate getModuleClassFromName:moduleName];
+    }
+
+    if (!moduleClass) {
+      moduleClass = getFallbackClassFromName(moduleName);
+    }
+
+    if (![moduleClass conformsToProtocol:@protocol(RCTTurboModule)]) {
+      return nil;
+    }
+
+    /**
+     * Step 2b: Ask hosting application/delegate to instantiate this class
+     */
+    if ([_delegate respondsToSelector:@selector(getModuleInstanceFromClass:)]) {
+      module = [_delegate getModuleInstanceFromClass:moduleClass];
+    } else {
+      module = [moduleClass new];
+    }
+
+    if ([module respondsToSelector:@selector(setTurboModuleLookupDelegate:)]) {
+      [module setTurboModuleLookupDelegate:self];
+    }
+
+    _rctTurboModuleCache.insert({moduleName, module});
   }
 
   /**
@@ -265,12 +301,30 @@ - (void)notifyAboutTurboModuleSetup:(const char *)name
     }
   }
 
-  if ([module respondsToSelector:@selector(setTurboModuleLookupDelegate:)]) {
-    [module setTurboModuleLookupDelegate:self];
+  /**
+   * 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:
+   *   `@synthesize methodQueue = _methodQueue`
+   */
+  if ([module respondsToSelector:@selector(methodQueue)]) {
+    dispatch_queue_t methodQueue = [module performSelector:@selector(methodQueue)];
+    if (!methodQueue) {
+      NSString *moduleClassName = NSStringFromClass(module.class);
+      NSString *queueName = [NSString stringWithFormat:@"com.facebook.react.%@Queue", moduleClassName];
+      methodQueue = dispatch_queue_create(queueName.UTF8String, DISPATCH_QUEUE_SERIAL);
+      @try {
+        [(id)module setValue:methodQueue forKey:@"methodQueue"];
+      } @catch (NSException *exception) {
+        RCTLogError(
+            @"TM: %@ is returning nil for its methodQueue, which is not "
+             "permitted. You must either return a pre-initialized "
+             "queue, or @synthesize the methodQueue to let the bridge "
+             "create a queue for you.",
+            moduleClassName);
+      }
+    }
   }
 
-  _rctTurboModuleCache.insert({moduleName, module});
-
   /**
    * Broadcast that this TurboModule was created.
    *
@@ -321,28 +375,66 @@ - (id)moduleForName:(const char *)moduleName warnOnLookupFailure:(BOOL)warnOnLoo
 
 - (BOOL)moduleIsInitialized:(const char *)moduleName
 {
+  std::unique_lock<std::mutex> lock(_rctTurboModuleCacheLock);
   return _rctTurboModuleCache.find(std::string(moduleName)) != _rctTurboModuleCache.end();
 }
 
 #pragma mark Invalidation logic
 
+- (void)bridgeWillInvalidateModules:(NSNotification *)notification
+{
+  RCTBridge *bridge = notification.userInfo[@"bridge"];
+  if (bridge != _bridge) {
+    return;
+  }
+
+  _invalidating = true;
+}
+
 - (void)bridgeDidInvalidateModules:(NSNotification *)notification
 {
-  // Rely on this notification to invalidate all known TurboModule ObjC instances, synchronously.
   RCTBridge *bridge = notification.userInfo[@"bridge"];
   if (bridge != _bridge) {
     return;
   }
 
+  std::unordered_map<std::string, id<RCTTurboModule>> rctCacheCopy;
+  {
+    std::unique_lock<std::mutex> lock(_rctTurboModuleCacheLock);
+    rctCacheCopy.insert(_rctTurboModuleCache.begin(), _rctTurboModuleCache.end());
+  }
+
   // Backward-compatibility: RCTInvalidating handling.
-  for (const auto &p : _rctTurboModuleCache) {
+  dispatch_group_t moduleInvalidationGroup = dispatch_group_create();
+  for (const auto &p : rctCacheCopy) {
     id<RCTTurboModule> module = p.second;
     if ([module respondsToSelector:@selector(invalidate)]) {
+      if ([module respondsToSelector:@selector(methodQueue)]) {
+        dispatch_queue_t methodQueue = [module performSelector:@selector(methodQueue)];
+        if (methodQueue) {
+          dispatch_group_enter(moduleInvalidationGroup);
+          [bridge
+              dispatchBlock:^{
+                [((id<RCTInvalidating>)module) invalidate];
+                dispatch_group_leave(moduleInvalidationGroup);
+              }
+                      queue:methodQueue];
+          continue;
+        }
+      }
       [((id<RCTInvalidating>)module) invalidate];
     }
   }
 
-  _rctTurboModuleCache.clear();
+  if (dispatch_group_wait(moduleInvalidationGroup, dispatch_time(DISPATCH_TIME_NOW, 10 * NSEC_PER_SEC))) {
+    RCTLogError(@"TurboModuleManager: Timed out waiting for modules to be invalidated");
+  }
+
+  {
+    std::unique_lock<std::mutex> lock(_rctTurboModuleCacheLock);
+    _rctTurboModuleCache.clear();
+  }
+
   _turboModuleCache.clear();
 
   _binding->invalidate();
diff --git a/ReactCommon/turbomodule/samples/BUCK b/ReactCommon/turbomodule/samples/BUCK
index 89cb8b362a8606..50478824e14f62 100644
--- a/ReactCommon/turbomodule/samples/BUCK
+++ b/ReactCommon/turbomodule/samples/BUCK
@@ -9,7 +9,7 @@ rn_xplat_cxx_library(
         [
             ("", "*.h"),
         ],
-        prefix = "jsireact",
+        prefix = "ReactCommon",
     ),
     compiler_flags = [
         "-fexceptions",
@@ -24,7 +24,7 @@ rn_xplat_cxx_library(
         [
             ("platform/android", "*.h"),
         ],
-        prefix = "jsireact",
+        prefix = "ReactCommon",
     ),
     fbandroid_srcs = glob(
         [
@@ -48,7 +48,7 @@ rn_xplat_cxx_library(
         [
             ("platform/ios", "*.h"),
         ],
-        prefix = "jsireact",
+        prefix = "ReactCommon",
     ),
     ios_frameworks = [
         "$SDKROOT/System/Library/Frameworks/Foundation.framework",
@@ -62,7 +62,6 @@ rn_xplat_cxx_library(
     platforms = (ANDROID, APPLE),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
-        "-DRN_TURBO_MODULE_ENABLED",
         "-DWITH_FBSYSTRACE=1",
     ],
     visibility = [
diff --git a/ReactCommon/turbomodule/samples/NativeSampleTurboCxxModuleSpecJSI.cpp b/ReactCommon/turbomodule/samples/NativeSampleTurboCxxModuleSpecJSI.cpp
new file mode 100644
index 00000000000000..6abd8d63dc2416
--- /dev/null
+++ b/ReactCommon/turbomodule/samples/NativeSampleTurboCxxModuleSpecJSI.cpp
@@ -0,0 +1,141 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "NativeSampleTurboCxxModuleSpecJSI.h"
+
+// NOTE: This entire file should be codegen'ed.
+
+namespace facebook {
+namespace react {
+
+static jsi::Value __hostFunction_NativeSampleTurboCxxModuleSpecJSI_voidFunc(
+    jsi::Runtime &rt,
+    TurboModule &turboModule,
+    const jsi::Value *args,
+    size_t count) {
+  static_cast<NativeSampleTurboCxxModuleSpecJSI *>(&turboModule)->voidFunc(rt);
+  return jsi::Value::undefined();
+}
+
+static jsi::Value __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getBool(
+    jsi::Runtime &rt,
+    TurboModule &turboModule,
+    const jsi::Value *args,
+    size_t count) {
+  return jsi::Value(
+      static_cast<NativeSampleTurboCxxModuleSpecJSI *>(&turboModule)
+          ->getBool(rt, args[0].getBool()));
+}
+
+static jsi::Value __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getNumber(
+    jsi::Runtime &rt,
+    TurboModule &turboModule,
+    const jsi::Value *args,
+    size_t count) {
+  return jsi::Value(
+      static_cast<NativeSampleTurboCxxModuleSpecJSI *>(&turboModule)
+          ->getNumber(rt, args[0].getNumber()));
+}
+
+static jsi::Value __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getString(
+    jsi::Runtime &rt,
+    TurboModule &turboModule,
+    const jsi::Value *args,
+    size_t count) {
+  return static_cast<NativeSampleTurboCxxModuleSpecJSI *>(&turboModule)
+      ->getString(rt, args[0].getString(rt));
+}
+
+static jsi::Value __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getArray(
+    jsi::Runtime &rt,
+    TurboModule &turboModule,
+    const jsi::Value *args,
+    size_t count) {
+  return static_cast<NativeSampleTurboCxxModuleSpecJSI *>(&turboModule)
+      ->getArray(rt, args[0].getObject(rt).getArray(rt));
+}
+
+static jsi::Value __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getObject(
+    jsi::Runtime &rt,
+    TurboModule &turboModule,
+    const jsi::Value *args,
+    size_t count) {
+  return static_cast<NativeSampleTurboCxxModuleSpecJSI *>(&turboModule)
+      ->getObject(rt, args[0].getObject(rt));
+}
+
+static jsi::Value __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getValue(
+    jsi::Runtime &rt,
+    TurboModule &turboModule,
+    const jsi::Value *args,
+    size_t count) {
+  return static_cast<NativeSampleTurboCxxModuleSpecJSI *>(&turboModule)
+      ->getValue(
+          rt,
+          args[0].getNumber(),
+          args[1].getString(rt),
+          args[2].getObject(rt));
+}
+
+static jsi::Value
+__hostFunction_NativeSampleTurboCxxModuleSpecJSI_getValueWithCallback(
+    jsi::Runtime &rt,
+    TurboModule &turboModule,
+    const jsi::Value *args,
+    size_t count) {
+  static_cast<NativeSampleTurboCxxModuleSpecJSI *>(&turboModule)
+      ->getValueWithCallback(
+          rt, std::move(args[0].getObject(rt).getFunction(rt)));
+  return jsi::Value::undefined();
+}
+
+static jsi::Value
+__hostFunction_NativeSampleTurboCxxModuleSpecJSI_getValueWithPromise(
+    jsi::Runtime &rt,
+    TurboModule &turboModule,
+    const jsi::Value *args,
+    size_t count) {
+  return static_cast<NativeSampleTurboCxxModuleSpecJSI *>(&turboModule)
+      ->getValueWithPromise(rt, args[0].getBool());
+}
+
+static jsi::Value __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getConstants(
+    jsi::Runtime &rt,
+    TurboModule &turboModule,
+    const jsi::Value *args,
+    size_t count) {
+  return static_cast<NativeSampleTurboCxxModuleSpecJSI *>(&turboModule)
+      ->getConstants(rt);
+}
+
+NativeSampleTurboCxxModuleSpecJSI::NativeSampleTurboCxxModuleSpecJSI(
+    std::shared_ptr<JSCallInvoker> jsInvoker)
+    : TurboModule("SampleTurboCxxModule", jsInvoker) {
+  methodMap_["voidFunc"] = MethodMetadata{
+      0, __hostFunction_NativeSampleTurboCxxModuleSpecJSI_voidFunc};
+  methodMap_["getBool"] = MethodMetadata{
+      1, __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getBool};
+  methodMap_["getNumber"] = MethodMetadata{
+      1, __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getNumber};
+  methodMap_["getString"] = MethodMetadata{
+      1, __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getString};
+  methodMap_["getArray"] = MethodMetadata{
+      1, __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getArray};
+  methodMap_["getObject"] = MethodMetadata{
+      1, __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getObject};
+  methodMap_["getValue"] = MethodMetadata{
+      3, __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getValue};
+  methodMap_["getValueWithCallback"] = MethodMetadata{
+      1, __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getValueWithCallback};
+  methodMap_["getValueWithPromise"] = MethodMetadata{
+      1, __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getValueWithPromise};
+  methodMap_["getConstants"] = MethodMetadata{
+      0, __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getConstants};
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/turbomodule/samples/platform/ios/NativeSampleTurboCxxModuleSpecJSI.h b/ReactCommon/turbomodule/samples/NativeSampleTurboCxxModuleSpecJSI.h
similarity index 78%
rename from ReactCommon/turbomodule/samples/platform/ios/NativeSampleTurboCxxModuleSpecJSI.h
rename to ReactCommon/turbomodule/samples/NativeSampleTurboCxxModuleSpecJSI.h
index a10fcf6cca1569..8c13283bb27136 100644
--- a/ReactCommon/turbomodule/samples/platform/ios/NativeSampleTurboCxxModuleSpecJSI.h
+++ b/ReactCommon/turbomodule/samples/NativeSampleTurboCxxModuleSpecJSI.h
@@ -10,28 +10,33 @@
 #include <memory>
 #include <string>
 
-#include <jsireact/TurboModule.h>
+#include <ReactCommon/TurboModule.h>
 
 namespace facebook {
 namespace react {
 
 // TODO: This definition should be codegen'ed for type-safety purpose.
 class JSI_EXPORT NativeSampleTurboCxxModuleSpecJSI : public TurboModule {
-protected:
+ protected:
   NativeSampleTurboCxxModuleSpecJSI(std::shared_ptr<JSCallInvoker> jsInvoker);
 
-public:
+ public:
   virtual void voidFunc(jsi::Runtime &rt) = 0;
   virtual bool getBool(jsi::Runtime &rt, bool arg) = 0;
   virtual double getNumber(jsi::Runtime &rt, double arg) = 0;
   virtual jsi::String getString(jsi::Runtime &rt, const jsi::String &arg) = 0;
   virtual jsi::Array getArray(jsi::Runtime &rt, const jsi::Array &arg) = 0;
   virtual jsi::Object getObject(jsi::Runtime &rt, const jsi::Object &arg) = 0;
-  virtual jsi::Object getValue(jsi::Runtime &rt, double x, const jsi::String &y, const jsi::Object &z) = 0;
-  virtual void getValueWithCallback(jsi::Runtime &rt, const jsi::Function &callback) = 0;
+  virtual jsi::Object getValue(
+      jsi::Runtime &rt,
+      double x,
+      const jsi::String &y,
+      const jsi::Object &z) = 0;
+  virtual void getValueWithCallback(
+      jsi::Runtime &rt,
+      const jsi::Function &callback) = 0;
   virtual jsi::Value getValueWithPromise(jsi::Runtime &rt, bool error) = 0;
   virtual jsi::Object getConstants(jsi::Runtime &rt) = 0;
-
 };
 
 } // namespace react
diff --git a/ReactCommon/turbomodule/samples/SampleTurboCxxModule.cpp b/ReactCommon/turbomodule/samples/SampleTurboCxxModule.cpp
new file mode 100644
index 00000000000000..43e56752cda8c5
--- /dev/null
+++ b/ReactCommon/turbomodule/samples/SampleTurboCxxModule.cpp
@@ -0,0 +1,94 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "SampleTurboCxxModule.h"
+
+#import <ReactCommon/TurboModuleUtils.h>
+
+using namespace facebook;
+
+namespace facebook {
+namespace react {
+
+SampleTurboCxxModule::SampleTurboCxxModule(
+    std::shared_ptr<JSCallInvoker> jsInvoker)
+    : NativeSampleTurboCxxModuleSpecJSI(jsInvoker) {}
+
+void SampleTurboCxxModule::voidFunc(jsi::Runtime &rt) {
+  // Nothing to do
+}
+
+bool SampleTurboCxxModule::getBool(jsi::Runtime &rt, bool arg) {
+  return arg;
+}
+
+double SampleTurboCxxModule::getNumber(jsi::Runtime &rt, double arg) {
+  return arg;
+}
+
+jsi::String SampleTurboCxxModule::getString(
+    jsi::Runtime &rt,
+    const jsi::String &arg) {
+  return jsi::String::createFromUtf8(rt, arg.utf8(rt));
+}
+
+jsi::Array SampleTurboCxxModule::getArray(
+    jsi::Runtime &rt,
+    const jsi::Array &arg) {
+  return deepCopyJSIArray(rt, arg);
+}
+
+jsi::Object SampleTurboCxxModule::getObject(
+    jsi::Runtime &rt,
+    const jsi::Object &arg) {
+  return deepCopyJSIObject(rt, arg);
+}
+
+jsi::Object SampleTurboCxxModule::getValue(
+    jsi::Runtime &rt,
+    double x,
+    const jsi::String &y,
+    const jsi::Object &z) {
+  // Note: return type isn't type-safe.
+  jsi::Object result(rt);
+  result.setProperty(rt, "x", jsi::Value(x));
+  result.setProperty(rt, "y", jsi::String::createFromUtf8(rt, y.utf8(rt)));
+  result.setProperty(rt, "z", deepCopyJSIObject(rt, z));
+  return result;
+}
+
+void SampleTurboCxxModule::getValueWithCallback(
+    jsi::Runtime &rt,
+    const jsi::Function &callback) {
+  callback.call(rt, jsi::String::createFromUtf8(rt, "value from callback!"));
+}
+
+jsi::Value SampleTurboCxxModule::getValueWithPromise(
+    jsi::Runtime &rt,
+    bool error) {
+  return createPromiseAsJSIValue(
+      rt, [error](jsi::Runtime &rt2, std::shared_ptr<Promise> promise) {
+        if (error) {
+          promise->reject("intentional promise rejection");
+        } else {
+          promise->resolve(jsi::String::createFromUtf8(rt2, "result!"));
+        }
+      });
+}
+
+jsi::Object SampleTurboCxxModule::getConstants(jsi::Runtime &rt) {
+  // Note: return type isn't type-safe.
+  jsi::Object result(rt);
+  result.setProperty(rt, "const1", jsi::Value(true));
+  result.setProperty(rt, "const2", jsi::Value(375));
+  result.setProperty(
+      rt, "const3", jsi::String::createFromUtf8(rt, "something"));
+  return result;
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/turbomodule/samples/SampleTurboCxxModule.h b/ReactCommon/turbomodule/samples/SampleTurboCxxModule.h
new file mode 100644
index 00000000000000..6275b75e11d312
--- /dev/null
+++ b/ReactCommon/turbomodule/samples/SampleTurboCxxModule.h
@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+
+#import <memory>
+
+#import "NativeSampleTurboCxxModuleSpecJSI.h"
+
+namespace facebook {
+namespace react {
+
+/**
+ * A sample implementation of the C++ spec. In practice, this class can just
+ * extend jsi::HostObject directly, but using the spec provides build-time
+ * type-safety.
+ */
+class SampleTurboCxxModule : public NativeSampleTurboCxxModuleSpecJSI {
+ public:
+  SampleTurboCxxModule(std::shared_ptr<JSCallInvoker> jsInvoker);
+
+  void voidFunc(jsi::Runtime &rt) override;
+  bool getBool(jsi::Runtime &rt, bool arg) override;
+  double getNumber(jsi::Runtime &rt, double arg) override;
+  jsi::String getString(jsi::Runtime &rt, const jsi::String &arg) override;
+  jsi::Array getArray(jsi::Runtime &rt, const jsi::Array &arg) override;
+  jsi::Object getObject(jsi::Runtime &rt, const jsi::Object &arg) override;
+  jsi::Object getValue(
+      jsi::Runtime &rt,
+      double x,
+      const jsi::String &y,
+      const jsi::Object &z) override;
+  void getValueWithCallback(jsi::Runtime &rt, const jsi::Function &callback)
+      override;
+  jsi::Value getValueWithPromise(jsi::Runtime &rt, bool error) override;
+  jsi::Object getConstants(jsi::Runtime &rt) override;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/turbomodule/samples/platform/ios/NativeSampleTurboCxxModuleSpecJSI.cpp b/ReactCommon/turbomodule/samples/platform/ios/NativeSampleTurboCxxModuleSpecJSI.cpp
deleted file mode 100644
index 3f591043466ee0..00000000000000
--- a/ReactCommon/turbomodule/samples/platform/ios/NativeSampleTurboCxxModuleSpecJSI.cpp
+++ /dev/null
@@ -1,74 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "NativeSampleTurboCxxModuleSpecJSI.h"
-
-// NOTE: This entire file should be codegen'ed.
-
-namespace facebook {
-namespace react {
-
-static jsi::Value __hostFunction_NativeSampleTurboCxxModuleSpecJSI_voidFunc(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
-  static_cast<NativeSampleTurboCxxModuleSpecJSI *>(&turboModule)->voidFunc(rt);
-  return jsi::Value::undefined();
-}
-
-static jsi::Value __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getBool(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
-  return jsi::Value(static_cast<NativeSampleTurboCxxModuleSpecJSI *>(&turboModule)->getBool(rt, args[0].getBool()));
-}
-
-static jsi::Value __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getNumber(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
-  return jsi::Value(static_cast<NativeSampleTurboCxxModuleSpecJSI *>(&turboModule)->getNumber(rt, args[0].getNumber()));
-}
-
-static jsi::Value __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getString(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
-  return static_cast<NativeSampleTurboCxxModuleSpecJSI *>(&turboModule)->getString(rt, args[0].getString(rt));
-}
-
-static jsi::Value __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getArray(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
-  return static_cast<NativeSampleTurboCxxModuleSpecJSI *>(&turboModule)->getArray(rt, args[0].getObject(rt).getArray(rt));
-}
-
-static jsi::Value __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getObject(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
-  return static_cast<NativeSampleTurboCxxModuleSpecJSI *>(&turboModule)->getObject(rt, args[0].getObject(rt));
-}
-
-static jsi::Value __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getValue(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
-  return static_cast<NativeSampleTurboCxxModuleSpecJSI *>(&turboModule)->getValue(rt, args[0].getNumber(), args[1].getString(rt), args[2].getObject(rt));
-}
-
-static jsi::Value __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getValueWithCallback(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
-  static_cast<NativeSampleTurboCxxModuleSpecJSI *>(&turboModule)->getValueWithCallback(rt, std::move(args[0].getObject(rt).getFunction(rt)));
-  return jsi::Value::undefined();
-}
-
-static jsi::Value __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getValueWithPromise(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
-  return static_cast<NativeSampleTurboCxxModuleSpecJSI *>(&turboModule)->getValueWithPromise(rt, args[0].getBool());
-}
-
-static jsi::Value __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getConstants(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
-  return static_cast<NativeSampleTurboCxxModuleSpecJSI *>(&turboModule)->getConstants(rt);
-}
-
-NativeSampleTurboCxxModuleSpecJSI::NativeSampleTurboCxxModuleSpecJSI(std::shared_ptr<JSCallInvoker> jsInvoker)
-  : TurboModule("SampleTurboCxxModule", jsInvoker) {
-
-  methodMap_["voidFunc"] = MethodMetadata {0, __hostFunction_NativeSampleTurboCxxModuleSpecJSI_voidFunc};
-  methodMap_["getBool"] = MethodMetadata {1, __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getBool};
-  methodMap_["getNumber"] = MethodMetadata {1, __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getNumber};
-  methodMap_["getString"] = MethodMetadata {1, __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getString};
-  methodMap_["getArray"] = MethodMetadata {1, __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getArray};
-  methodMap_["getObject"] = MethodMetadata {1, __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getObject};
-  methodMap_["getValue"] = MethodMetadata {3, __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getValue};
-  methodMap_["getValueWithCallback"] = MethodMetadata {1, __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getValueWithCallback};
-  methodMap_["getValueWithPromise"] = MethodMetadata {1, __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getValueWithPromise};
-  methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativeSampleTurboCxxModuleSpecJSI_getConstants};
-
-}
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/turbomodule/samples/platform/ios/RCTNativeSampleTurboModuleSpec.h b/ReactCommon/turbomodule/samples/platform/ios/RCTNativeSampleTurboModuleSpec.h
index a3a1c589c8ccb2..feca3f616a4516 100644
--- a/ReactCommon/turbomodule/samples/platform/ios/RCTNativeSampleTurboModuleSpec.h
+++ b/ReactCommon/turbomodule/samples/platform/ios/RCTNativeSampleTurboModuleSpec.h
@@ -13,20 +13,12 @@
 
 #import <React/RCTBridgeModule.h>
 
-#ifdef RN_TURBO_MODULE_ENABLED
-#import <jsireact/RCTTurboModule.h>
-#endif
+#import <ReactCommon/RCTTurboModule.h>
 
 /**
  * The ObjC protocol based on the JS Flow type for SampleTurboModule.
  */
-@protocol NativeSampleTurboModuleSpec <
-    RCTBridgeModule
-#ifdef RN_TURBO_MODULE_ENABLED
-    ,
-    RCTTurboModule
-#endif
-    >
+@protocol NativeSampleTurboModuleSpec <RCTBridgeModule, RCTTurboModule>
 
 - (void)voidFunc;
 - (NSNumber *)getBool:(BOOL)arg;
@@ -34,20 +26,14 @@
 - (NSString *)getString:(NSString *)arg;
 - (NSArray<id<NSObject>> *)getArray:(NSArray *)arg;
 - (NSDictionary *)getObject:(NSDictionary *)arg;
-- (NSDictionary *)getValue:(double)x
-                         y:(NSString *)y
-                         z:(NSDictionary *)z;
+- (NSDictionary *)getValue:(double)x y:(NSString *)y z:(NSDictionary *)z;
 - (void)getValueWithCallback:(RCTResponseSenderBlock)callback;
-- (void)getValueWithPromise:(BOOL)error
-                    resolve:(RCTPromiseResolveBlock)resolve
-                     reject:(RCTPromiseRejectBlock)reject;
+- (void)getValueWithPromise:(BOOL)error resolve:(RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject;
 - (NSDictionary *)constantsToExport;
 - (NSDictionary *)getConstants;
 
 @end
 
-#ifdef RN_TURBO_MODULE_ENABLED
-
 namespace facebook {
 namespace react {
 
@@ -55,11 +41,9 @@ namespace react {
  * The iOS TurboModule impl specific to SampleTurboModule.
  */
 class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
-public:
+ public:
   NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
 };
 
 } // namespace react
 } // namespace facebook
-
-#endif
diff --git a/ReactCommon/turbomodule/samples/platform/ios/RCTNativeSampleTurboModuleSpec.mm b/ReactCommon/turbomodule/samples/platform/ios/RCTNativeSampleTurboModuleSpec.mm
index 66d6c084278ced..24797a224e488f 100644
--- a/ReactCommon/turbomodule/samples/platform/ios/RCTNativeSampleTurboModuleSpec.mm
+++ b/ReactCommon/turbomodule/samples/platform/ios/RCTNativeSampleTurboModuleSpec.mm
@@ -5,79 +5,130 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#ifdef RN_TURBO_MODULE_ENABLED
-
 #import "RCTNativeSampleTurboModuleSpec.h"
 
 namespace facebook {
 namespace react {
 
-static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_voidFunc(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+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);
 }
 
-static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_getBool(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_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);
 }
 
-static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_getNumber(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_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);
 }
 
-static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_getString(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_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);
 }
 
-static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_getArray(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_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);
 }
 
-static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_getObject(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_getObject(
+    facebook::jsi::Runtime &rt,
+    TurboModule &turboModule,
+    const facebook::jsi::Value *args,
+    size_t count)
+{
   return static_cast<ObjCTurboModule &>(turboModule)
       .invokeObjCMethod(rt, ObjectKind, "getObject", @selector(getObject:), args, count);
 }
 
-static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_getValue(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_getValue(
+    facebook::jsi::Runtime &rt,
+    TurboModule &turboModule,
+    const facebook::jsi::Value *args,
+    size_t count)
+{
   return static_cast<ObjCTurboModule &>(turboModule)
       .invokeObjCMethod(rt, ObjectKind, "getValue", @selector(getValue:y:z:), args, count);
 }
 
-static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_getValueWithCallback(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_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);
 }
 
-static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_getValueWithPromise(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_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);
 }
 
-static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_getConstants(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_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);
 }
 
-NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
-    : ObjCTurboModule("SampleTurboModule", instance, jsInvoker) {
-  methodMap_["voidFunc"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleSpecJSI_voidFunc};
-  methodMap_["getBool"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleSpecJSI_getBool};
-  methodMap_["getNumber"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleSpecJSI_getNumber};
-  methodMap_["getString"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleSpecJSI_getString};
-  methodMap_["getArray"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleSpecJSI_getArray};
-  methodMap_["getObject"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleSpecJSI_getObject};
-  methodMap_["getValue"] = MethodMetadata {3, __hostFunction_NativeSampleTurboModuleSpecJSI_getValue};
-  methodMap_["getValueWithCallback"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleSpecJSI_getValueWithCallback};
-  methodMap_["getValueWithPromise"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleSpecJSI_getValueWithPromise};
-  methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleSpecJSI_getConstants};
+NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(
+    id<RCTTurboModule> instance,
+    std::shared_ptr<JSCallInvoker> jsInvoker)
+    : ObjCTurboModule("SampleTurboModule", instance, jsInvoker)
+{
+  methodMap_["voidFunc"] = MethodMetadata{0, __hostFunction_NativeSampleTurboModuleSpecJSI_voidFunc};
+  methodMap_["getBool"] = MethodMetadata{1, __hostFunction_NativeSampleTurboModuleSpecJSI_getBool};
+  methodMap_["getNumber"] = MethodMetadata{1, __hostFunction_NativeSampleTurboModuleSpecJSI_getNumber};
+  methodMap_["getString"] = MethodMetadata{1, __hostFunction_NativeSampleTurboModuleSpecJSI_getString};
+  methodMap_["getArray"] = MethodMetadata{1, __hostFunction_NativeSampleTurboModuleSpecJSI_getArray};
+  methodMap_["getObject"] = MethodMetadata{1, __hostFunction_NativeSampleTurboModuleSpecJSI_getObject};
+  methodMap_["getValue"] = MethodMetadata{3, __hostFunction_NativeSampleTurboModuleSpecJSI_getValue};
+  methodMap_["getValueWithCallback"] =
+      MethodMetadata{1, __hostFunction_NativeSampleTurboModuleSpecJSI_getValueWithCallback};
+  methodMap_["getValueWithPromise"] =
+      MethodMetadata{1, __hostFunction_NativeSampleTurboModuleSpecJSI_getValueWithPromise};
+  methodMap_["getConstants"] = MethodMetadata{0, __hostFunction_NativeSampleTurboModuleSpecJSI_getConstants};
 }
 
 } // namespace react
 } // namespace facebook
-
-#endif
diff --git a/ReactCommon/turbomodule/samples/platform/ios/RCTSampleTurboCxxModule.h b/ReactCommon/turbomodule/samples/platform/ios/RCTSampleTurboCxxModule.h
index e4fc54f788f7b6..fbb238e4156319 100644
--- a/ReactCommon/turbomodule/samples/platform/ios/RCTSampleTurboCxxModule.h
+++ b/ReactCommon/turbomodule/samples/platform/ios/RCTSampleTurboCxxModule.h
@@ -7,51 +7,21 @@
 
 #pragma once
 
-#import <memory>
-
 #import <React/RCTCxxModule.h>
-#import <jsireact/RCTTurboModule.h>
-
-#import "NativeSampleTurboCxxModuleSpecJSI.h"
-
-namespace facebook {
-namespace react {
-
-/**
- * A sample implementation of the C++ spec. In practice, this class can just extend jsi::HostObject
- * directly, but using the spec provides build-time type-safety.
- */
-class SampleTurboCxxModule : public NativeSampleTurboCxxModuleSpecJSI {
-public:
-  SampleTurboCxxModule(std::shared_ptr<JSCallInvoker> jsInvoker);
-
-  void voidFunc(jsi::Runtime &rt) override;
-  bool getBool(jsi::Runtime &rt, bool arg) override;
-  double getNumber(jsi::Runtime &rt, double arg) override;
-  jsi::String getString(jsi::Runtime &rt, const jsi::String &arg) override;
-  jsi::Array getArray(jsi::Runtime &rt, const jsi::Array &arg) override;
-  jsi::Object getObject(jsi::Runtime &rt, const jsi::Object &arg) override;
-  jsi::Object getValue(jsi::Runtime &rt, double x, const jsi::String &y, const jsi::Object &z) override;
-  void getValueWithCallback(jsi::Runtime &rt, const jsi::Function &callback) override;
-  jsi::Value getValueWithPromise(jsi::Runtime &rt, bool error) override;
-  jsi::Object getConstants(jsi::Runtime &rt) override;
-};
-
-} // namespace react
-} // namespace facebook
+#import <ReactCommon/RCTTurboModule.h>
 
 /**
  * Sample backward-compatible RCTCxxModule-based module.
  * With jsi::HostObject, this class is no longer necessary, but the system supports it for
  * backward compatibility.
  */
-@interface RCTSampleTurboCxxModule_v1 : RCTCxxModule<RCTTurboModule>
+@interface RCTSampleTurboCxxModule_v1 : RCTCxxModule <RCTTurboModule>
 
 @end
 
 /**
  * Second variant of a sample backward-compatible RCTCxxModule-based module.
  */
-@interface RCTSampleTurboCxxModule_v2 : RCTCxxModule<RCTTurboModule>
+@interface RCTSampleTurboCxxModule_v2 : RCTCxxModule <RCTTurboModule>
 
 @end
diff --git a/ReactCommon/turbomodule/samples/platform/ios/RCTSampleTurboCxxModule.mm b/ReactCommon/turbomodule/samples/platform/ios/RCTSampleTurboCxxModule.mm
index 4fa19f1e8baf6b..59809377ed87b7 100644
--- a/ReactCommon/turbomodule/samples/platform/ios/RCTSampleTurboCxxModule.mm
+++ b/ReactCommon/turbomodule/samples/platform/ios/RCTSampleTurboCxxModule.mm
@@ -7,79 +7,12 @@
 
 #import "RCTSampleTurboCxxModule.h"
 
+#import <ReactCommon/SampleTurboCxxModule.h>
 #import <cxxreact/CxxModule.h>
-#import <jsireact/TurboModuleUtils.h>
-
 #import "SampleTurboCxxModuleLegacyImpl.h"
 
 using namespace facebook;
 
-namespace facebook {
-namespace react {
-
-SampleTurboCxxModule::SampleTurboCxxModule(std::shared_ptr<JSCallInvoker> jsInvoker)
-  : NativeSampleTurboCxxModuleSpecJSI(jsInvoker) {}
-
-void SampleTurboCxxModule::voidFunc(jsi::Runtime &rt) {
-  // Nothing to do
-}
-
-bool SampleTurboCxxModule::getBool(jsi::Runtime &rt, bool arg) {
-  return arg;
-}
-
-double SampleTurboCxxModule::getNumber(jsi::Runtime &rt, double arg) {
-  return arg;
-}
-
-jsi::String SampleTurboCxxModule::getString(jsi::Runtime &rt, const jsi::String &arg) {
-  return jsi::String::createFromUtf8(rt, arg.utf8(rt));
-}
-
-jsi::Array SampleTurboCxxModule::getArray(jsi::Runtime &rt, const jsi::Array &arg) {
-  return deepCopyJSIArray(rt, arg);
-}
-
-jsi::Object SampleTurboCxxModule::getObject(jsi::Runtime &rt, const jsi::Object &arg) {
-  return deepCopyJSIObject(rt, arg);
-}
-
-jsi::Object SampleTurboCxxModule::getValue(jsi::Runtime &rt, double x, const jsi::String &y, const jsi::Object &z) {
-  // Note: return type isn't type-safe.
-  jsi::Object result(rt);
-  result.setProperty(rt, "x", jsi::Value(x));
-  result.setProperty(rt, "y", jsi::String::createFromUtf8(rt, y.utf8(rt)));
-  result.setProperty(rt, "z", deepCopyJSIObject(rt, z));
-  return result;
-}
-
-void SampleTurboCxxModule::getValueWithCallback(jsi::Runtime &rt, const jsi::Function &callback) {
-  callback.call(rt, jsi::String::createFromUtf8(rt, "value from callback!"));
-}
-
-jsi::Value SampleTurboCxxModule::getValueWithPromise(jsi::Runtime &rt, bool error) {
-  return createPromiseAsJSIValue(rt, [error](jsi::Runtime &rt2, std::shared_ptr<Promise> promise) {
-    if (error) {
-      promise->reject("intentional promise rejection");
-    } else {
-      promise->resolve(jsi::String::createFromUtf8(rt2, "result!"));
-    }
-  });
-}
-
-jsi::Object SampleTurboCxxModule::getConstants(jsi::Runtime &rt) {
-  // Note: return type isn't type-safe.
-  jsi::Object result(rt);
-  result.setProperty(rt, "const1", jsi::Value(true));
-  result.setProperty(rt, "const2", jsi::Value(375));
-  result.setProperty(rt, "const3", jsi::String::createFromUtf8(rt, "something"));
-  return result;
-}
-
-} // namespace react
-} // namespace facebook
-
-
 // ObjC++ wrapper.
 @implementation RCTSampleTurboCxxModule_v1
 
diff --git a/ReactCommon/turbomodule/samples/platform/ios/RCTSampleTurboModule.h b/ReactCommon/turbomodule/samples/platform/ios/RCTSampleTurboModule.h
index 0a9ebe2b738680..248facf4767436 100644
--- a/ReactCommon/turbomodule/samples/platform/ios/RCTSampleTurboModule.h
+++ b/ReactCommon/turbomodule/samples/platform/ios/RCTSampleTurboModule.h
@@ -13,6 +13,6 @@
  * Sample iOS-specific impl of a TurboModule, conforming to the spec protocol.
  * This class is also 100% compatible with the NativeModule system.
  */
-@interface RCTSampleTurboModule : NSObject<NativeSampleTurboModuleSpec>
+@interface RCTSampleTurboModule : NSObject <NativeSampleTurboModuleSpec>
 
 @end
diff --git a/ReactCommon/turbomodule/samples/platform/ios/RCTSampleTurboModule.mm b/ReactCommon/turbomodule/samples/platform/ios/RCTSampleTurboModule.mm
index b7b53d184293b1..59b5536b374679 100644
--- a/ReactCommon/turbomodule/samples/platform/ios/RCTSampleTurboModule.mm
+++ b/ReactCommon/turbomodule/samples/platform/ios/RCTSampleTurboModule.mm
@@ -9,9 +9,7 @@
 
 #import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 
-#ifdef RN_TURBO_MODULE_ENABLED
 using namespace facebook::react;
-#endif
 
 @implementation RCTSampleTurboModule
 
@@ -19,10 +17,7 @@ @implementation RCTSampleTurboModule
 RCT_EXPORT_MODULE()
 
 @synthesize bridge = _bridge;
-
-#ifdef RN_TURBO_MODULE_ENABLED
 @synthesize turboModuleLookupDelegate = _turboModuleLookupDelegate;
-#endif
 
 // Backward-compatible queue configuration
 + (BOOL)requiresMainQueueSetup
@@ -35,15 +30,12 @@ - (dispatch_queue_t)methodQueue
   return dispatch_get_main_queue();
 }
 
-#ifdef RN_TURBO_MODULE_ENABLED
-
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::JSCallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:
+    (std::shared_ptr<facebook::react::JSCallInvoker>)jsInvoker
 {
   return std::make_shared<NativeSampleTurboModuleSpecJSI>(self, jsInvoker);
 }
 
-#endif
-
 // Backward compatible invalidation
 - (void)invalidate
 {
@@ -62,9 +54,9 @@ - (NSDictionary *)getConstants
 #endif // ]TODO(macOS ISS#2323203)
 
   return @{
-    @"const1": @YES,
-    @"const2": @(screenSize.width),
-    @"const3": @"something",
+    @"const1" : @YES,
+    @"const2" : @(screenSize.width),
+    @"const3" : @"something",
   };
 }
 
@@ -79,56 +71,62 @@ - (NSDictionary *)constantsToExport
   // Nothing to do
 }
 
-RCT_EXPORT_SYNCHRONOUS_TYPED_METHOD(NSNumber *, getBool:(BOOL)arg)
+RCT_EXPORT_SYNCHRONOUS_TYPED_METHOD(NSNumber *, getBool : (BOOL)arg)
 {
   return @(arg);
 }
 
-RCT_EXPORT_SYNCHRONOUS_TYPED_METHOD(NSNumber *, getNumber:(double)arg)
+RCT_EXPORT_SYNCHRONOUS_TYPED_METHOD(NSNumber *, getNumber : (double)arg)
 {
   return @(arg);
 }
 
-RCT_EXPORT_SYNCHRONOUS_TYPED_METHOD(NSString *, getString:(NSString *)arg)
+RCT_EXPORT_SYNCHRONOUS_TYPED_METHOD(NSString *, getString : (NSString *)arg)
 {
   return arg;
 }
 
-RCT_EXPORT_SYNCHRONOUS_TYPED_METHOD(NSArray<id<NSObject>> *, getArray:(NSArray *)arg)
+RCT_EXPORT_SYNCHRONOUS_TYPED_METHOD(NSArray<id<NSObject>> *, getArray : (NSArray *)arg)
 {
   return arg;
 }
 
-RCT_EXPORT_SYNCHRONOUS_TYPED_METHOD(NSDictionary *, getObject:(NSDictionary *)arg)
+RCT_EXPORT_SYNCHRONOUS_TYPED_METHOD(NSDictionary *, getObject : (NSDictionary *)arg)
 {
   return arg;
 }
 
-RCT_EXPORT_SYNCHRONOUS_TYPED_METHOD(NSDictionary *, getValue:(double)x y:(NSString *)y z:(NSDictionary *)z)
+RCT_EXPORT_SYNCHRONOUS_TYPED_METHOD(NSDictionary *, getValue : (double)x y : (NSString *)y z : (NSDictionary *)z)
 {
   return @{
-    @"x": @(x),
-    @"y": y ?: [NSNull null],
-    @"z": z ?: [NSNull null],
+    @"x" : @(x),
+    @"y" : y ?: [NSNull null],
+    @"z" : z ?: [NSNull null],
   };
 }
 
-RCT_EXPORT_METHOD(getValueWithCallback:(RCTResponseSenderBlock)callback)
+RCT_EXPORT_METHOD(getValueWithCallback : (RCTResponseSenderBlock)callback)
 {
   if (!callback) {
     return;
   }
-  callback(@[@"value from callback!"]);
+  callback(@[ @"value from callback!" ]);
 }
 
-RCT_EXPORT_METHOD(getValueWithPromise:(BOOL)error resolve:(RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject)
+RCT_EXPORT_METHOD(getValueWithPromise
+                  : (BOOL)error resolve
+                  : (RCTPromiseResolveBlock)resolve reject
+                  : (RCTPromiseRejectBlock)reject)
 {
   if (!resolve || !reject) {
     return;
   }
 
   if (error) {
-    reject(@"code_1", @"intentional promise rejection", [NSError errorWithDomain:@"RCTSampleTurboModule" code:1 userInfo:nil]);
+    reject(
+        @"code_1",
+        @"intentional promise rejection",
+        [NSError errorWithDomain:@"RCTSampleTurboModule" code:1 userInfo:nil]);
   } else {
     resolve(@"result!");
   }
diff --git a/ReactCommon/turbomodule/samples/platform/ios/SampleTurboCxxModuleLegacyImpl.cpp b/ReactCommon/turbomodule/samples/platform/ios/SampleTurboCxxModuleLegacyImpl.cpp
index bd903e64c03e8a..25b6c68550246e 100644
--- a/ReactCommon/turbomodule/samples/platform/ios/SampleTurboCxxModuleLegacyImpl.cpp
+++ b/ReactCommon/turbomodule/samples/platform/ios/SampleTurboCxxModuleLegacyImpl.cpp
@@ -20,76 +20,77 @@ std::string SampleTurboCxxModuleLegacyImpl::getName() {
   return "SampleTurboCxxModule_v2";
 }
 
-std::map<std::string, folly::dynamic> SampleTurboCxxModuleLegacyImpl::getConstants() {
+std::map<std::string, folly::dynamic>
+SampleTurboCxxModuleLegacyImpl::getConstants() {
   return {
-    {"const1", true},
-    {"const2", 375},
-    {"const3", "something"},
+      {"const1", true},
+      {"const2", 375},
+      {"const3", "something"},
   };
 };
 
 std::vector<CxxModule::Method> SampleTurboCxxModuleLegacyImpl::getMethods() {
   return {
-    CxxModule::Method(
-        "voidFunc",
-        [this](folly::dynamic args) {
-          voidFunc();
-        }),
-    CxxModule::Method(
-        "getBool",
-        [this](folly::dynamic args) {
-          return getBool(xplat::jsArgAsBool(args, 0));
-        },
-        CxxModule::SyncTag),
-    CxxModule::Method(
-        "getNumber",
-        [this](folly::dynamic args) {
-          return getNumber(xplat::jsArgAsDouble(args, 0));
-        },
-        CxxModule::SyncTag),
-    CxxModule::Method(
-        "getString",
-        [this](folly::dynamic args) {
-          return getString(xplat::jsArgAsString(args, 0));
-        },
-        CxxModule::SyncTag),
-    CxxModule::Method(
-        "getString",
-        [this](folly::dynamic args) {
-          return getString(xplat::jsArgAsString(args, 0));
-        },
-        CxxModule::SyncTag),
-    CxxModule::Method(
-        "getArray",
-        [this](folly::dynamic args) {
-          return getArray(xplat::jsArgAsArray(args, 0));
-        },
-        CxxModule::SyncTag),
-    CxxModule::Method(
-        "getObject",
-        [this](folly::dynamic args) {
-          return getObject(xplat::jsArgAsObject(args, 0));
-        },
-        CxxModule::SyncTag),
-    CxxModule::Method(
-        "getValue",
-        [this](folly::dynamic args) {
-          return getValue(
-              xplat::jsArgAsDouble(args, 0),
-              xplat::jsArgAsString(args, 1),
-              xplat::jsArgAsObject(args, 2));
-        },
-        CxxModule::SyncTag),
-    CxxModule::Method(
-        "getValueWithCallback",
-        [this](folly::dynamic args, CxxModule::Callback callback) {
-          getValueWithCallback(callback);
-        }),
-    CxxModule::Method(
-        "getValueWithPromise",
-        [this](folly::dynamic args, CxxModule::Callback resolve, CxxModule::Callback reject) {
-          getValueWithPromise(xplat::jsArgAsBool(args, 0), resolve, reject);
-        }),
+      CxxModule::Method(
+          "voidFunc", [this](folly::dynamic args) { voidFunc(); }),
+      CxxModule::Method(
+          "getBool",
+          [this](folly::dynamic args) {
+            return getBool(xplat::jsArgAsBool(args, 0));
+          },
+          CxxModule::SyncTag),
+      CxxModule::Method(
+          "getNumber",
+          [this](folly::dynamic args) {
+            return getNumber(xplat::jsArgAsDouble(args, 0));
+          },
+          CxxModule::SyncTag),
+      CxxModule::Method(
+          "getString",
+          [this](folly::dynamic args) {
+            return getString(xplat::jsArgAsString(args, 0));
+          },
+          CxxModule::SyncTag),
+      CxxModule::Method(
+          "getString",
+          [this](folly::dynamic args) {
+            return getString(xplat::jsArgAsString(args, 0));
+          },
+          CxxModule::SyncTag),
+      CxxModule::Method(
+          "getArray",
+          [this](folly::dynamic args) {
+            return getArray(xplat::jsArgAsArray(args, 0));
+          },
+          CxxModule::SyncTag),
+      CxxModule::Method(
+          "getObject",
+          [this](folly::dynamic args) {
+            return getObject(xplat::jsArgAsObject(args, 0));
+          },
+          CxxModule::SyncTag),
+      CxxModule::Method(
+          "getValue",
+          [this](folly::dynamic args) {
+            return getValue(
+                xplat::jsArgAsDouble(args, 0),
+                xplat::jsArgAsString(args, 1),
+                xplat::jsArgAsObject(args, 2));
+          },
+          CxxModule::SyncTag),
+      CxxModule::Method(
+          "getValueWithCallback",
+          [this](folly::dynamic args, CxxModule::Callback callback) {
+            getValueWithCallback(callback);
+          }),
+      CxxModule::Method(
+          "getValueWithPromise",
+          [this](
+              folly::dynamic args,
+              CxxModule::Callback resolve,
+              CxxModule::Callback reject) {
+            getValueWithPromise(xplat::jsArgAsBool(args, 0), resolve, reject);
+          }),
   };
 };
 
@@ -109,30 +110,37 @@ std::string SampleTurboCxxModuleLegacyImpl::getString(const std::string &arg) {
   return arg;
 }
 
-folly::dynamic SampleTurboCxxModuleLegacyImpl::getArray(const folly::dynamic &arg) {
+folly::dynamic SampleTurboCxxModuleLegacyImpl::getArray(
+    const folly::dynamic &arg) {
   return arg;
 }
 
-folly::dynamic SampleTurboCxxModuleLegacyImpl::getObject(const folly::dynamic &arg) {
+folly::dynamic SampleTurboCxxModuleLegacyImpl::getObject(
+    const folly::dynamic &arg) {
   return arg;
 }
 
-folly::dynamic SampleTurboCxxModuleLegacyImpl::getValue(double x, const std::string &y, const folly::dynamic &z) {
-  return folly::dynamic::object
-      ("x", x)
-      ("y", y)
-      ("z", z);
+folly::dynamic SampleTurboCxxModuleLegacyImpl::getValue(
+    double x,
+    const std::string &y,
+    const folly::dynamic &z) {
+  return folly::dynamic::object("x", x)("y", y)("z", z);
 }
 
-void SampleTurboCxxModuleLegacyImpl::getValueWithCallback(const CxxModule::Callback &callback) {
+void SampleTurboCxxModuleLegacyImpl::getValueWithCallback(
+    const CxxModule::Callback &callback) {
   callback({"value from callback!"});
 }
 
-void SampleTurboCxxModuleLegacyImpl::getValueWithPromise(bool error, const CxxModule::Callback &resolve, const CxxModule::Callback &reject) {
+void SampleTurboCxxModuleLegacyImpl::getValueWithPromise(
+    bool error,
+    const CxxModule::Callback &resolve,
+    const CxxModule::Callback &reject) {
   if (!error) {
     resolve({"result!"});
   } else {
-    reject({folly::dynamic::object("message", "intentional promise rejection")});
+    reject(
+        {folly::dynamic::object("message", "intentional promise rejection")});
   }
 }
 
diff --git a/ReactCommon/turbomodule/samples/platform/ios/SampleTurboCxxModuleLegacyImpl.h b/ReactCommon/turbomodule/samples/platform/ios/SampleTurboCxxModuleLegacyImpl.h
index 537f4c3c494c04..8d210a9f712fa2 100644
--- a/ReactCommon/turbomodule/samples/platform/ios/SampleTurboCxxModuleLegacyImpl.h
+++ b/ReactCommon/turbomodule/samples/platform/ios/SampleTurboCxxModuleLegacyImpl.h
@@ -15,8 +15,9 @@ namespace react {
 /**
  * A sample CxxModule (legacy system) implementation.
  */
-class SampleTurboCxxModuleLegacyImpl : public facebook::xplat::module::CxxModule {
-public:
+class SampleTurboCxxModuleLegacyImpl
+    : public facebook::xplat::module::CxxModule {
+ public:
   SampleTurboCxxModuleLegacyImpl();
 
   std::string getName() override;
@@ -30,9 +31,14 @@ class SampleTurboCxxModuleLegacyImpl : public facebook::xplat::module::CxxModule
   std::string getString(const std::string &arg);
   folly::dynamic getArray(const folly::dynamic &arg);
   folly::dynamic getObject(const folly::dynamic &arg);
-  folly::dynamic getValue(double x, const std::string &y, const folly::dynamic &z);
-  void getValueWithCallback(const facebook::xplat::module::CxxModule::Callback &callback);
-  void getValueWithPromise(bool error, const facebook::xplat::module::CxxModule::Callback &resolve, const facebook::xplat::module::CxxModule::Callback &reject);
+  folly::dynamic
+  getValue(double x, const std::string &y, const folly::dynamic &z);
+  void getValueWithCallback(
+      const facebook::xplat::module::CxxModule::Callback &callback);
+  void getValueWithPromise(
+      bool error,
+      const facebook::xplat::module::CxxModule::Callback &resolve,
+      const facebook::xplat::module::CxxModule::Callback &reject);
 };
 
 } // namespace react
diff --git a/ReactCommon/utils/BUCK b/ReactCommon/utils/BUCK
index dd317a18e7026e..dc40820309b795 100644
--- a/ReactCommon/utils/BUCK
+++ b/ReactCommon/utils/BUCK
@@ -1,5 +1,5 @@
 load("@fbsource//tools/build_defs:glob_defs.bzl", "subdir_glob")
-load("//tools/build_defs/oss:rn_defs.bzl", "ANDROID", "APPLE", "get_apple_compiler_flags", "react_native_xplat_target", "rn_xplat_cxx_library")
+load("//tools/build_defs/oss:rn_defs.bzl", "ANDROID", "APPLE", "CXX", "get_apple_compiler_flags", "react_native_xplat_target", "rn_xplat_cxx_library")
 
 CXX_LIBRARY_COMPILER_FLAGS = [
     "-std=c++14",
@@ -21,7 +21,7 @@ rn_xplat_cxx_library(
     ],
     fbobjc_compiler_flags = get_apple_compiler_flags(),
     force_static = True,
-    platforms = (ANDROID, APPLE),
+    platforms = (ANDROID, APPLE, CXX),
     visibility = [
         "PUBLIC",
     ],
@@ -30,6 +30,7 @@ rn_xplat_cxx_library(
         "fbsource//xplat/folly:headers_only",
         "fbsource//xplat/folly:memory",
         "fbsource//xplat/folly:molly",
+        "fbsource//xplat/jsi:jsi",
         react_native_xplat_target("better:better"),
     ],
 )
diff --git a/ReactCommon/utils/ContextContainer.h b/ReactCommon/utils/ContextContainer.h
index 4e5a653607ba8d..d2ea5c3bc814b1 100644
--- a/ReactCommon/utils/ContextContainer.h
+++ b/ReactCommon/utils/ContextContainer.h
@@ -17,7 +17,7 @@ namespace facebook {
 namespace react {
 
 /*
- * General purpose dependecy injection container.
+ * General purpose dependency injection container.
  * Instance types must be copyable.
  */
 class ContextContainer final {
@@ -27,6 +27,7 @@ class ContextContainer final {
   /*
    * Registers an instance of the particular type `T` in the container
    * using the provided `key`. Only one instance can be registered per key.
+   * The method does nothing if given `key` already exists in the container.
    *
    * Convention is to use the plain base class name for the key, so for
    * example if the type `T` is `std::shared_ptr<const ReactNativeConfig>`,
@@ -35,12 +36,9 @@ class ContextContainer final {
    *`EmptyReactNativeConfig`.
    */
   template <typename T>
-  void registerInstance(T const &instance, std::string const &key) const {
+  void insert(std::string const &key, T const &instance) const {
     std::unique_lock<better::shared_mutex> lock(mutex_);
 
-    assert(
-        instances_.find(key) == instances_.end() &&
-        "ContextContainer already had instance for given key.");
     instances_.insert({key, std::make_shared<T>(instance)});
 
 #ifndef NDEBUG
@@ -54,7 +52,7 @@ class ContextContainer final {
    * Throws an exception if the instance could not be found.
    */
   template <typename T>
-  T getInstance(std::string const &key) const {
+  T at(std::string const &key) const {
     std::shared_lock<better::shared_mutex> lock(mutex_);
 
     assert(
@@ -72,7 +70,7 @@ class ContextContainer final {
    * Returns an empty optional if the instance could not be found.
    */
   template <typename T>
-  better::optional<T> findInstance(std::string const &key) const {
+  better::optional<T> find(std::string const &key) const {
     std::shared_lock<better::shared_mutex> lock(mutex_);
 
     auto iterator = instances_.find(key);
diff --git a/ReactCommon/utils/RuntimeExecutor.h b/ReactCommon/utils/RuntimeExecutor.h
new file mode 100644
index 00000000000000..a8f681390c4698
--- /dev/null
+++ b/ReactCommon/utils/RuntimeExecutor.h
@@ -0,0 +1,25 @@
+// Copyright (c) Facebook, Inc. and its 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>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Takes a function and calls it with a reference to a Runtime. The function
+ * will be called when it is safe to do so (i.e. it ensures non-concurrent
+ * access) and may be invoked asynchronously, depending on the implementation.
+ * If you need to access a Runtime, it's encouraged to use a RuntimeExecutor
+ * instead of storing a pointer to the Runtime itself, which makes it more
+ * difficult to ensure that the Runtime is being accessed safely.
+ */
+using RuntimeExecutor =
+    std::function<void(std::function<void(jsi::Runtime &runtime)> &&callback)>;
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/yoga/Android.mk b/ReactCommon/yoga/Android.mk
index f1cd07fc953346..d4ec34f9b32243 100644
--- a/ReactCommon/yoga/Android.mk
+++ b/ReactCommon/yoga/Android.mk
@@ -10,6 +10,7 @@ include $(CLEAR_VARS)
 LOCAL_MODULE := yogacore
 
 LOCAL_SRC_FILES := $(wildcard $(LOCAL_PATH)/yoga/*.cpp)
+LOCAL_SRC_FILES += $(wildcard $(LOCAL_PATH)/yoga/*/*.cpp)
 
 LOCAL_C_INCLUDES := $(LOCAL_PATH)
 LOCAL_EXPORT_C_INCLUDES := $(LOCAL_C_INCLUDES)
diff --git a/ReactCommon/yoga/BUCK b/ReactCommon/yoga/BUCK
index 49ac7854aecba7..13e624f86b7d69 100644
--- a/ReactCommon/yoga/BUCK
+++ b/ReactCommon/yoga/BUCK
@@ -2,9 +2,9 @@ load("//tools/build_defs/oss:rn_defs.bzl", "cxx_library")
 
 cxx_library(
     name = "yoga",
-    srcs = glob(["yoga/*.cpp"]),
+    srcs = glob(["yoga/**/*.cpp"]),
     header_namespace = "",
-    exported_headers = glob(["yoga/*.h"]),
+    exported_headers = glob(["yoga/**/*.h"]),
     compiler_flags = [
         "-fno-omit-frame-pointer",
         "-fexceptions",
diff --git a/ReactCommon/yoga/yoga.podspec b/ReactCommon/yoga/Yoga.podspec
similarity index 90%
rename from ReactCommon/yoga/yoga.podspec
rename to ReactCommon/yoga/Yoga.podspec
index 01d86b283d8853..6e6191e6a48974 100644
--- a/ReactCommon/yoga/yoga.podspec
+++ b/ReactCommon/yoga/Yoga.podspec
@@ -15,8 +15,8 @@ else
 end
 
 Pod::Spec.new do |spec|
-  spec.name = 'yoga'
-  spec.version = "#{version}.React"
+  spec.name = 'Yoga'
+  spec.version = '1.14.0'
   spec.license =  { :type => 'MIT' }
   spec.homepage = 'https://yogalayout.com'
   spec.documentation_url = 'https://yogalayout.com/docs/'
@@ -28,6 +28,7 @@ Pod::Spec.new do |spec|
   spec.source = source
 
   spec.module_name = 'yoga'
+  spec.header_dir = 'yoga'
   spec.requires_arc = false
   spec.compiler_flags = [
       '-fno-omit-frame-pointer',
@@ -47,7 +48,7 @@ Pod::Spec.new do |spec|
   source_files = File.join('ReactCommon/yoga', source_files) if ENV['INSTALL_YOGA_WITHOUT_PATH_OPTION']
   spec.source_files = source_files
 
-  header_files = 'yoga/{Yoga,YGEnums,YGMacros,YGValue,YGStyle,CompactValue,YGFloatOptional,Yoga-internal,YGNode,YGConfig,YGLayout,YGMarker}.h'
+  header_files = 'yoga/{Yoga,YGEnums,YGMacros,YGValue}.h'
   header_files = File.join('ReactCommon/yoga', header_files) if ENV['INSTALL_YOGA_WITHOUT_PATH_OPTION']
   spec.public_header_files = header_files
 end
diff --git a/ReactCommon/yoga/yoga/Bitfield.h b/ReactCommon/yoga/yoga/Bitfield.h
new file mode 100644
index 00000000000000..da85a5bf345690
--- /dev/null
+++ b/ReactCommon/yoga/yoga/Bitfield.h
@@ -0,0 +1,144 @@
+/*
+ * Copyright (c) Facebook, Inc. and its 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 <cstddef>
+#include <limits>
+#include <type_traits>
+#include <yoga/YGEnums.h>
+
+namespace facebook {
+namespace yoga {
+
+namespace detail {
+
+constexpr size_t log2ceil(size_t n) {
+  return n < 1 ? 0 : (1 + log2ceil(n / 2));
+}
+
+// The number of bits necessary to represent enums defined with YG_ENUM_SEQ_DECL
+template <typename Enum>
+constexpr size_t bitWidth() {
+  static_assert(
+      enums::count<Enum>() > 0, "Enums must have at least one entries");
+  return log2ceil(enums::count<Enum>() - 1);
+}
+
+// Number of bits needed for a boolean
+template <>
+constexpr size_t bitWidth<bool>() {
+  return 1;
+}
+
+template <typename U, typename... Ts>
+struct BitTraits {};
+
+template <typename U>
+struct BitTraits<U> {
+  // Base cases
+  static constexpr size_t width(size_t) { return 0; }
+  static constexpr size_t shift(size_t) { return 0; }
+};
+
+template <typename U, typename T, typename... Ts>
+struct BitTraits<U, T, Ts...> {
+  using Rest = BitTraits<U, Ts...>;
+
+  static constexpr size_t width(size_t idx) {
+    return idx == 0 ? bitWidth<T>() : Rest::width(idx - 1);
+  }
+
+  static constexpr size_t shift(size_t idx) {
+    return idx == 0 ? Rest::width(0) + Rest::shift(0) : Rest::shift(idx - 1);
+  }
+
+  static constexpr U mask(size_t idx) {
+    return ((U{1} << width(idx)) - 1) << shift(idx);
+  }
+};
+
+template <size_t Idx, typename T, typename... Ts>
+struct IndexedType {
+  using Type = typename IndexedType<Idx - 1, Ts...>::Type;
+};
+
+template <typename T, typename... Ts>
+struct IndexedType<0, T, Ts...> {
+  using Type = T;
+};
+
+} // namespace detail
+
+template <typename Storage, typename... Fields>
+class Bitfield {
+  static_assert(
+      std::is_integral<Storage>::value,
+      "Bitfield needs an integral storage type");
+  static_assert(
+      std::is_unsigned<Storage>::value,
+      "Bitfield needs an unsigned storage type");
+  static_assert(sizeof...(Fields) > 0, "Bitfield needs at least one member");
+
+  using BitTraits = detail::BitTraits<Storage, Fields...>;
+
+#if !defined(_MSC_VER) || _MSC_VER > 1914
+  static_assert(
+      BitTraits::shift(0) + BitTraits::width(0) <=
+          std::numeric_limits<Storage>::digits,
+      "Specified storage type is too narrow to hold all types");
+#endif
+
+  template <size_t Idx>
+  using TypeAt = typename detail::IndexedType<Idx, Fields...>::Type;
+
+  template <size_t Idx, typename Value, typename... Values>
+  static constexpr Storage initStorage(Value value, Values... values) {
+    return ((value << BitTraits::shift(Idx)) & BitTraits::mask(Idx)) |
+        initStorage<Idx + 1, Values...>(values...);
+  }
+
+  template <size_t Idx>
+  static constexpr Storage initStorage() {
+    return Storage{0};
+  }
+
+  Storage storage_ = 0;
+
+public:
+  template <size_t Idx>
+  class Ref {
+    Bitfield& bitfield_;
+
+  public:
+    Ref(Bitfield& bitfield) : bitfield_(bitfield) {}
+    Ref& operator=(TypeAt<Idx> value) {
+      bitfield_.storage_ = (bitfield_.storage_ & ~BitTraits::mask(Idx)) |
+          ((value << BitTraits::shift(Idx)) & BitTraits::mask(Idx));
+      return *this;
+    }
+    operator TypeAt<Idx>() const {
+      return const_cast<const Bitfield&>(bitfield_).at<Idx>();
+    }
+  };
+
+  constexpr Bitfield() = default;
+  constexpr Bitfield(Fields... values) : storage_{initStorage<0>(values...)} {}
+
+  template <size_t Idx>
+  constexpr TypeAt<Idx> at() const {
+    return static_cast<TypeAt<Idx>>(
+        (storage_ & BitTraits::mask(Idx)) >> BitTraits::shift(Idx));
+  }
+
+  template <size_t Idx>
+  Ref<Idx> at() {
+    return {*this};
+  }
+};
+
+} // namespace yoga
+} // namespace facebook
diff --git a/ReactCommon/yoga/yoga/CompactValue.h b/ReactCommon/yoga/yoga/CompactValue.h
index 2045177951a81d..899dcc58c26048 100644
--- a/ReactCommon/yoga/yoga/CompactValue.h
+++ b/ReactCommon/yoga/yoga/CompactValue.h
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
diff --git a/ReactCommon/yoga/yoga/Utils.cpp b/ReactCommon/yoga/yoga/Utils.cpp
index 38b686c581a7bd..8864155bd7cc34 100644
--- a/ReactCommon/yoga/yoga/Utils.cpp
+++ b/ReactCommon/yoga/yoga/Utils.cpp
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
diff --git a/ReactCommon/yoga/yoga/Utils.h b/ReactCommon/yoga/yoga/Utils.h
index 900ccb1bee6736..899e832a6c9cf7 100644
--- a/ReactCommon/yoga/yoga/Utils.h
+++ b/ReactCommon/yoga/yoga/Utils.h
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
@@ -30,7 +30,7 @@
 //
 // - endOfLineIndex: Its the end index of the last flex item which was examined
 //   and it may or may not be part of the current line(as it may be absolutely
-//   positioned or inculding it may have caused to overshoot availableInnerDim)
+//   positioned or including it may have caused to overshoot availableInnerDim)
 //
 // - relativeChildren: Maintain a vector of the child nodes that can shrink
 //   and/or grow.
@@ -71,8 +71,8 @@ YGFloatOptional YGFloatOptionalMax(
 
 float YGFloatMin(const float a, const float b);
 
-// This custom float comparision function compares the array of float with
-// YGFloatsEqual, as the default float comparision operator will not work(Look
+// This custom float comparison function compares the array of float with
+// YGFloatsEqual, as the default float comparison operator will not work(Look
 // at the comments of YGFloatsEqual function).
 template <std::size_t size>
 bool YGFloatArrayEqual(
diff --git a/ReactCommon/yoga/yoga/YGConfig.cpp b/ReactCommon/yoga/yoga/YGConfig.cpp
index 773ad24aba7e96..4e805823d03da3 100644
--- a/ReactCommon/yoga/yoga/YGConfig.cpp
+++ b/ReactCommon/yoga/yoga/YGConfig.cpp
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
diff --git a/ReactCommon/yoga/yoga/YGConfig.h b/ReactCommon/yoga/yoga/YGConfig.h
index 311c159701b6ff..b1bce6120cca89 100644
--- a/ReactCommon/yoga/yoga/YGConfig.h
+++ b/ReactCommon/yoga/yoga/YGConfig.h
@@ -1,11 +1,10 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its 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 "YGMarker.h"
 #include "Yoga-internal.h"
 #include "Yoga.h"
 
@@ -44,7 +43,6 @@ struct YGConfig {
   std::array<bool, facebook::yoga::enums::count<YGExperimentalFeature>()>
       experimentalFeatures = {};
   void* context = nullptr;
-  YGMarkerCallbacks markerCallbacks = {nullptr, nullptr};
 
   YGConfig(YGLogger logger);
   void log(YGConfig*, YGNode*, YGLogLevel, void*, const char*, va_list);
diff --git a/ReactCommon/yoga/yoga/YGEnums.cpp b/ReactCommon/yoga/yoga/YGEnums.cpp
index ff4b130766f00c..bf5844c57cf092 100644
--- a/ReactCommon/yoga/yoga/YGEnums.cpp
+++ b/ReactCommon/yoga/yoga/YGEnums.cpp
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
diff --git a/ReactCommon/yoga/yoga/YGEnums.h b/ReactCommon/yoga/yoga/YGEnums.h
index f06b0e045cf9a4..b3c57fb835992f 100644
--- a/ReactCommon/yoga/yoga/YGEnums.h
+++ b/ReactCommon/yoga/yoga/YGEnums.h
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
diff --git a/ReactCommon/yoga/yoga/YGFloatOptional.h b/ReactCommon/yoga/yoga/YGFloatOptional.h
index 7ca1fc12134cba..60fcad99be0049 100644
--- a/ReactCommon/yoga/yoga/YGFloatOptional.h
+++ b/ReactCommon/yoga/yoga/YGFloatOptional.h
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
diff --git a/ReactCommon/yoga/yoga/YGLayout.cpp b/ReactCommon/yoga/yoga/YGLayout.cpp
index 6f55d862ca69be..ee398868620326 100644
--- a/ReactCommon/yoga/yoga/YGLayout.cpp
+++ b/ReactCommon/yoga/yoga/YGLayout.cpp
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
@@ -15,7 +15,8 @@ bool YGLayout::operator==(YGLayout layout) const {
       YGFloatArrayEqual(margin, layout.margin) &&
       YGFloatArrayEqual(border, layout.border) &&
       YGFloatArrayEqual(padding, layout.padding) &&
-      direction == layout.direction && hadOverflow == layout.hadOverflow &&
+      direction() == layout.direction() &&
+      hadOverflow() == layout.hadOverflow() &&
       lastOwnerDirection == layout.lastOwnerDirection &&
       nextCachedMeasurementsIndex == layout.nextCachedMeasurementsIndex &&
       cachedLayout == layout.cachedLayout &&
diff --git a/ReactCommon/yoga/yoga/YGLayout.h b/ReactCommon/yoga/yoga/YGLayout.h
index 0e559d7429b322..4b62ceccf6f2cc 100644
--- a/ReactCommon/yoga/yoga/YGLayout.h
+++ b/ReactCommon/yoga/yoga/YGLayout.h
@@ -1,27 +1,30 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its 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 "Bitfield.h"
 #include "YGFloatOptional.h"
 #include "Yoga-internal.h"
 
-constexpr std::array<float, 2> kYGDefaultDimensionValues = {
-    {YGUndefined, YGUndefined}};
-
 struct YGLayout {
   std::array<float, 4> position = {};
-  std::array<float, 2> dimensions = kYGDefaultDimensionValues;
+  std::array<float, 2> dimensions = {{YGUndefined, YGUndefined}};
   std::array<float, 4> margin = {};
   std::array<float, 4> border = {};
   std::array<float, 4> padding = {};
-  YGDirection direction : 2;
-  bool didUseLegacyFlag : 1;
-  bool doesLegacyStretchFlagAffectsLayout : 1;
-  bool hadOverflow : 1;
 
+private:
+  static constexpr size_t directionIdx = 0;
+  static constexpr size_t didUseLegacyFlagIdx = 1;
+  static constexpr size_t doesLegacyStretchFlagAffectsLayoutIdx = 2;
+  static constexpr size_t hadOverflowIdx = 3;
+  facebook::yoga::Bitfield<uint8_t, YGDirection, bool, bool, bool> flags_ =
+      {YGDirectionInherit, false, false, false};
+
+public:
   uint32_t computedFlexBasisGeneration = 0;
   YGFloatOptional computedFlexBasis = {};
 
@@ -33,15 +36,32 @@ struct YGLayout {
   uint32_t nextCachedMeasurementsIndex = 0;
   std::array<YGCachedMeasurement, YG_MAX_CACHED_RESULT_COUNT>
       cachedMeasurements = {};
-  std::array<float, 2> measuredDimensions = kYGDefaultDimensionValues;
+  std::array<float, 2> measuredDimensions = {{YGUndefined, YGUndefined}};
 
   YGCachedMeasurement cachedLayout = YGCachedMeasurement();
 
-  YGLayout()
-      : direction(YGDirectionInherit),
-        didUseLegacyFlag(false),
-        doesLegacyStretchFlagAffectsLayout(false),
-        hadOverflow(false) {}
+  YGDirection direction() const { return flags_.at<directionIdx>(); }
+  decltype(flags_)::Ref<directionIdx> direction() {
+    return flags_.at<directionIdx>();
+  }
+
+  bool didUseLegacyFlag() const { return flags_.at<didUseLegacyFlagIdx>(); }
+  decltype(flags_)::Ref<didUseLegacyFlagIdx> didUseLegacyFlag() {
+    return flags_.at<didUseLegacyFlagIdx>();
+  }
+
+  bool doesLegacyStretchFlagAffectsLayout() const {
+    return flags_.at<doesLegacyStretchFlagAffectsLayoutIdx>();
+  }
+  decltype(flags_)::Ref<doesLegacyStretchFlagAffectsLayoutIdx>
+  doesLegacyStretchFlagAffectsLayout() {
+    return flags_.at<doesLegacyStretchFlagAffectsLayoutIdx>();
+  }
+
+  bool hadOverflow() const { return flags_.at<hadOverflowIdx>(); }
+  decltype(flags_)::Ref<hadOverflowIdx> hadOverflow() {
+    return flags_.at<hadOverflowIdx>();
+  }
 
   bool operator==(YGLayout layout) const;
   bool operator!=(YGLayout layout) const { return !(*this == layout); }
diff --git a/ReactCommon/yoga/yoga/YGMacros.h b/ReactCommon/yoga/yoga/YGMacros.h
index 9c2989acb97670..d56f3aeb7377f0 100644
--- a/ReactCommon/yoga/yoga/YGMacros.h
+++ b/ReactCommon/yoga/yoga/YGMacros.h
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
@@ -30,3 +30,15 @@
 #define YG_ENUM_BEGIN(name) enum name
 #define YG_ENUM_END(name) name
 #endif
+
+#ifdef __GNUC__
+#define YG_DEPRECATED __attribute__((deprecated))
+#elif defined(_MSC_VER)
+#define YG_DEPRECATED __declspec(deprecated)
+#elif __cplusplus >= 201402L
+#if defined(__has_cpp_attribute)
+#if __has_cpp_attribute(deprecated)
+#define YG_DEPRECATED [[deprecated]]
+#endif
+#endif
+#endif
diff --git a/ReactCommon/yoga/yoga/YGMarker.h b/ReactCommon/yoga/yoga/YGMarker.h
deleted file mode 100644
index 89b03684312b6a..00000000000000
--- a/ReactCommon/yoga/yoga/YGMarker.h
+++ /dev/null
@@ -1,90 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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 "YGMacros.h"
-
-YG_EXTERN_C_BEGIN
-
-typedef struct YGNode* YGNodeRef;
-typedef struct YGConfig* YGConfigRef;
-
-typedef YG_ENUM_BEGIN(YGMarker){
-    YGMarkerLayout,
-    YGMarkerMeasure,
-    YGMarkerBaselineFn,
-} YG_ENUM_END(YGMarker);
-
-typedef struct {
-  int layouts;
-  int measures;
-  int maxMeasureCache;
-  int cachedLayouts;
-  int cachedMeasures;
-} YGMarkerLayoutData;
-
-typedef struct {
-  bool _unused;
-} YGMarkerNoData;
-
-typedef union {
-  YGMarkerLayoutData* layout;
-  YGMarkerNoData* noData;
-} YGMarkerData;
-
-typedef struct {
-  // accepts marker type, a node ref, and marker data (depends on marker type)
-  // can return a handle or id that Yoga will pass to endMarker
-  void* (*startMarker)(YGMarker, YGNodeRef, YGMarkerData);
-  // accepts marker type, a node ref, marker data, and marker id as returned by
-  // startMarker
-  void (*endMarker)(YGMarker, YGNodeRef, YGMarkerData, void* id);
-} YGMarkerCallbacks;
-
-void YGConfigSetMarkerCallbacks(YGConfigRef, YGMarkerCallbacks);
-
-YG_EXTERN_C_END
-
-#ifdef __cplusplus
-
-namespace facebook {
-namespace yoga {
-namespace marker {
-namespace detail {
-
-template <YGMarker M>
-struct MarkerData;
-
-template <>
-struct MarkerData<YGMarkerLayout> {
-  using type = YGMarkerLayoutData;
-  static type*& get(YGMarkerData& d) { return d.layout; }
-};
-
-struct NoMarkerData {
-  using type = YGMarkerNoData;
-  static type*& get(YGMarkerData& d) { return d.noData; }
-};
-
-template <>
-struct MarkerData<YGMarkerMeasure> : NoMarkerData {};
-
-template <>
-struct MarkerData<YGMarkerBaselineFn> : NoMarkerData {};
-
-} // namespace detail
-
-template <YGMarker M>
-typename detail::MarkerData<M>::type* data(YGMarkerData d) {
-  return detail::MarkerData<M>::get(d);
-}
-
-} // namespace marker
-} // namespace yoga
-} // namespace facebook
-
-#endif // __cplusplus
diff --git a/ReactCommon/yoga/yoga/YGNode.cpp b/ReactCommon/yoga/yoga/YGNode.cpp
index 2c68d6077bcbea..bb240dfc8bd207 100644
--- a/ReactCommon/yoga/yoga/YGNode.cpp
+++ b/ReactCommon/yoga/yoga/YGNode.cpp
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
@@ -15,13 +15,7 @@ using facebook::yoga::detail::CompactValue;
 
 YGNode::YGNode(YGNode&& node) {
   context_ = node.context_;
-  hasNewLayout_ = node.hasNewLayout_;
-  isReferenceBaseline_ = node.isReferenceBaseline_;
-  isDirty_ = node.isDirty_;
-  nodeType_ = node.nodeType_;
-  measureUsesContext_ = node.measureUsesContext_;
-  baselineUsesContext_ = node.baselineUsesContext_;
-  printUsesContext_ = node.printUsesContext_;
+  flags_ = node.flags_;
   measure_ = node.measure_;
   baseline_ = node.baseline_;
   print_ = node.print_;
@@ -38,9 +32,16 @@ YGNode::YGNode(YGNode&& node) {
   }
 }
 
+YGNode::YGNode(const YGNode& node, YGConfigRef config) : YGNode{node} {
+  config_ = config;
+  if (config->useWebDefaults) {
+    useWebDefaults();
+  }
+}
+
 void YGNode::print(void* printContext) {
   if (print_.noContext != nullptr) {
-    if (printUsesContext_) {
+    if (flags_.at<printUsesContext_>()) {
       print_.withContext(this, printContext);
     } else {
       print_.noContext(this);
@@ -146,14 +147,14 @@ YGSize YGNode::measure(
     YGMeasureMode heightMode,
     void* layoutContext) {
 
-  return measureUsesContext_
+  return flags_.at<measureUsesContext_>()
       ? measure_.withContext(
             this, width, widthMode, height, heightMode, layoutContext)
       : measure_.noContext(this, width, widthMode, height, heightMode);
 }
 
 float YGNode::baseline(float width, float height, void* layoutContext) {
-  return baselineUsesContext_
+  return flags_.at<baselineUsesContext_>()
       ? baseline_.withContext(this, width, height, layoutContext)
       : baseline_.noContext(this, width, height);
 }
@@ -164,7 +165,7 @@ void YGNode::setMeasureFunc(decltype(YGNode::measure_) measureFunc) {
   if (measureFunc.noContext == nullptr) {
     // TODO: t18095186 Move nodeType to opt-in function and mark appropriate
     // places in Litho
-    nodeType_ = YGNodeTypeDefault;
+    flags_.at<nodeType_>() = YGNodeTypeDefault;
   } else {
     YGAssertWithNode(
         this,
@@ -180,14 +181,14 @@ void YGNode::setMeasureFunc(decltype(YGNode::measure_) measureFunc) {
 }
 
 void YGNode::setMeasureFunc(YGMeasureFunc measureFunc) {
-  measureUsesContext_ = false;
+  flags_.at<measureUsesContext_>() = false;
   decltype(YGNode::measure_) m;
   m.noContext = measureFunc;
   setMeasureFunc(m);
 }
 
 void YGNode::setMeasureFunc(MeasureWithContextFn measureFunc) {
-  measureUsesContext_ = true;
+  flags_.at<measureUsesContext_>() = true;
   decltype(YGNode::measure_) m;
   m.withContext = measureFunc;
   setMeasureFunc(m);
@@ -206,10 +207,10 @@ void YGNode::insertChild(YGNodeRef child, uint32_t index) {
 }
 
 void YGNode::setDirty(bool isDirty) {
-  if (isDirty == isDirty_) {
+  if (isDirty == flags_.at<isDirty_>()) {
     return;
   }
-  isDirty_ = isDirty;
+  flags_.at<isDirty_>() = isDirty;
   if (isDirty && dirtied_) {
     dirtied_(this);
   }
@@ -230,7 +231,7 @@ void YGNode::removeChild(uint32_t index) {
 }
 
 void YGNode::setLayoutDirection(YGDirection direction) {
-  layout_.direction = direction;
+  layout_.direction() = direction;
 }
 
 void YGNode::setLayoutMargin(float margin, int index) {
@@ -268,7 +269,7 @@ void YGNode::setLayoutMeasuredDimension(float measuredDimension, int index) {
 }
 
 void YGNode::setLayoutHadOverflow(bool hadOverflow) {
-  layout_.hadOverflow = hadOverflow;
+  layout_.hadOverflow() = hadOverflow;
 }
 
 void YGNode::setLayoutDimension(float dimension, int index) {
@@ -349,7 +350,7 @@ YGValue YGNode::resolveFlexBasisPtr() const {
     return flexBasis;
   }
   if (!style_.flex().isUndefined() && style_.flex().unwrap() > 0.0f) {
-    return config_->useWebDefaults ? YGValueAuto : YGValueZero;
+    return flags_.at<useWebDefaults_>() ? YGValueAuto : YGValueZero;
   }
   return YGValueAuto;
 }
@@ -388,7 +389,7 @@ void YGNode::cloneChildrenIfNeeded(void* cloneContext) {
 }
 
 void YGNode::markDirtyAndPropogate() {
-  if (!isDirty_) {
+  if (!flags_.at<isDirty_>()) {
     setDirty(true);
     setLayoutComputedFlexBasis(YGFloatOptional());
     if (owner_) {
@@ -398,7 +399,7 @@ void YGNode::markDirtyAndPropogate() {
 }
 
 void YGNode::markDirtyAndPropogateDownwards() {
-  isDirty_ = true;
+  flags_.at<isDirty_>() = true;
   for_each(children_.begin(), children_.end(), [](YGNodeRef childNode) {
     childNode->markDirtyAndPropogateDownwards();
   });
@@ -425,11 +426,12 @@ float YGNode::resolveFlexShrink() const {
   if (!style_.flexShrink().isUndefined()) {
     return style_.flexShrink().unwrap();
   }
-  if (!config_->useWebDefaults && !style_.flex().isUndefined() &&
+  if (!flags_.at<useWebDefaults_>() && !style_.flex().isUndefined() &&
       style_.flex().unwrap() < 0.0f) {
     return -style_.flex().unwrap();
   }
-  return config_->useWebDefaults ? kWebDefaultFlexShrink : kDefaultFlexShrink;
+  return flags_.at<useWebDefaults_>() ? kWebDefaultFlexShrink
+                                      : kDefaultFlexShrink;
 }
 
 bool YGNode::isNodeFlexible() {
@@ -518,12 +520,12 @@ YGFloatOptional YGNode::getTrailingPaddingAndBorder(
 }
 
 bool YGNode::didUseLegacyFlag() {
-  bool didUseLegacyFlag = layout_.didUseLegacyFlag;
+  bool didUseLegacyFlag = layout_.didUseLegacyFlag();
   if (didUseLegacyFlag) {
     return true;
   }
   for (const auto& child : children_) {
-    if (child->layout_.didUseLegacyFlag) {
+    if (child->layout_.didUseLegacyFlag()) {
       didUseLegacyFlag = true;
       break;
     }
@@ -531,20 +533,13 @@ bool YGNode::didUseLegacyFlag() {
   return didUseLegacyFlag;
 }
 
-void YGNode::setAndPropogateUseLegacyFlag(bool useLegacyFlag) {
-  config_->useLegacyStretchBehaviour = useLegacyFlag;
-  for_each(children_.begin(), children_.end(), [=](YGNodeRef childNode) {
-    childNode->getConfig()->useLegacyStretchBehaviour = useLegacyFlag;
-  });
-}
-
 void YGNode::setLayoutDoesLegacyFlagAffectsLayout(
     bool doesLegacyFlagAffectsLayout) {
-  layout_.doesLegacyStretchFlagAffectsLayout = doesLegacyFlagAffectsLayout;
+  layout_.doesLegacyStretchFlagAffectsLayout() = doesLegacyFlagAffectsLayout;
 }
 
 void YGNode::setLayoutDidUseLegacyFlag(bool didUseLegacyFlag) {
-  layout_.didUseLegacyFlag = didUseLegacyFlag;
+  layout_.didUseLegacyFlag() = didUseLegacyFlag;
 }
 
 bool YGNode::isLayoutTreeEqualToNode(const YGNode& node) const {
@@ -581,11 +576,9 @@ void YGNode::reset() {
 
   clearChildren();
 
-  auto config = getConfig();
-  *this = YGNode{};
-  if (config->useWebDefaults) {
-    style_.flexDirection() = YGFlexDirectionRow;
-    style_.alignContent() = YGAlignStretch;
+  auto webDefaults = flags_.at<useWebDefaults_>();
+  *this = YGNode{getConfig()};
+  if (webDefaults) {
+    useWebDefaults();
   }
-  setConfig(config);
 }
diff --git a/ReactCommon/yoga/yoga/YGNode.h b/ReactCommon/yoga/yoga/YGNode.h
index 5359c4a68fa937..cc5f36861b148f 100644
--- a/ReactCommon/yoga/yoga/YGNode.h
+++ b/ReactCommon/yoga/yoga/YGNode.h
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
@@ -7,12 +7,16 @@
 #pragma once
 #include <cstdint>
 #include <stdio.h>
+#include "Bitfield.h"
 #include "CompactValue.h"
 #include "YGConfig.h"
 #include "YGLayout.h"
 #include "YGStyle.h"
+#include "YGMacros.h"
 #include "Yoga-internal.h"
 
+YGConfigRef YGConfigGetDefault();
+
 struct YGNode {
   using MeasureWithContextFn =
       YGSize (*)(YGNode*, float, YGMeasureMode, float, YGMeasureMode, void*);
@@ -20,14 +24,20 @@ struct YGNode {
   using PrintWithContextFn = void (*)(YGNode*, void*);
 
 private:
+  static constexpr size_t hasNewLayout_ = 0;
+  static constexpr size_t isReferenceBaseline_ = 1;
+  static constexpr size_t isDirty_ = 2;
+  static constexpr size_t nodeType_ = 3;
+  static constexpr size_t measureUsesContext_ = 4;
+  static constexpr size_t baselineUsesContext_ = 5;
+  static constexpr size_t printUsesContext_ = 6;
+  static constexpr size_t useWebDefaults_ = 7;
+
   void* context_ = nullptr;
-  bool hasNewLayout_ : 1;
-  bool isReferenceBaseline_ : 1;
-  bool isDirty_ : 1;
-  YGNodeType nodeType_ = {}; // ISS
-  bool measureUsesContext_ : 1;
-  bool baselineUsesContext_ : 1;
-  bool printUsesContext_ : 1;
+  using Flags = facebook::yoga::
+      Bitfield<uint8_t, bool, bool, bool, YGNodeType, bool, bool, bool, bool>;
+  Flags flags_ =
+      {true, false, false, YGNodeTypeDefault, false, false, false, false};
   uint8_t reserved_ = 0;
   union {
     YGMeasureFunc noContext;
@@ -58,6 +68,12 @@ struct YGNode {
   void setMeasureFunc(decltype(measure_));
   void setBaselineFunc(decltype(baseline_));
 
+  void useWebDefaults() {
+    flags_.at<useWebDefaults_>() = true;
+    style_.flexDirection() = YGFlexDirectionRow;
+    style_.alignContent() = YGAlignStretch;
+  }
+
   // DANGER DANGER DANGER!
   // If the the node assigned to has children, we'd either have to deallocate
   // them (potentially incorrect) or ignore them (danger of leaks). Only ever
@@ -68,16 +84,12 @@ struct YGNode {
   using CompactValue = facebook::yoga::detail::CompactValue;
 
 public:
-  YGNode() : YGNode{nullptr} {}
-  explicit YGNode(const YGConfigRef newConfig)
-      : hasNewLayout_{true},
-        isReferenceBaseline_{false},
-        isDirty_{false},
-        nodeType_{YGNodeTypeDefault},
-        measureUsesContext_{false},
-        baselineUsesContext_{false},
-        printUsesContext_{false},
-        config_{newConfig} {};
+  YGNode() : YGNode{YGConfigGetDefault()} {}
+  explicit YGNode(const YGConfigRef config) : config_{config} {
+    if (config->useWebDefaults) {
+      useWebDefaults();
+    }
+  };
   ~YGNode() = default; // cleanup of owner/children relationships in YGNodeFree
 
   YGNode(YGNode&&);
@@ -86,6 +98,9 @@ struct YGNode {
   // Should we remove this?
   YGNode(const YGNode& node) = default;
 
+  // for RB fabric
+  YGNode(const YGNode& node, YGConfigRef config);
+
   // assignment means potential leaks of existing children, or alternatively
   // freeing unowned memory, double free, or freeing stack memory.
   YGNode& operator=(const YGNode&) = delete;
@@ -98,9 +113,9 @@ struct YGNode {
 
   void print(void*);
 
-  bool getHasNewLayout() const { return hasNewLayout_; }
+  bool getHasNewLayout() const { return flags_.at<hasNewLayout_>(); }
 
-  YGNodeType getNodeType() const { return nodeType_; }
+  YGNodeType getNodeType() const { return flags_.at<nodeType_>(); }
 
   bool hasMeasureFunc() const noexcept { return measure_.noContext != nullptr; }
 
@@ -126,7 +141,7 @@ struct YGNode {
 
   uint32_t getLineIndex() const { return lineIndex_; }
 
-  bool isReferenceBaseline() { return isReferenceBaseline_; }
+  bool isReferenceBaseline() { return flags_.at<isReferenceBaseline_>(); }
 
   // returns the YGNodeRef that owns this YGNode. An owner is used to identify
   // the YogaTree that a YGNode belongs to. This method will return the parent
@@ -159,7 +174,7 @@ struct YGNode {
 
   YGConfigRef getConfig() const { return config_; }
 
-  bool isDirty() const { return isDirty_; }
+  bool isDirty() const { return flags_.at<isDirty_>(); }
 
   std::array<YGValue, 2> getResolvedDimensions() const {
     return resolvedDimensions_;
@@ -207,17 +222,19 @@ struct YGNode {
 
   void setPrintFunc(YGPrintFunc printFunc) {
     print_.noContext = printFunc;
-    printUsesContext_ = false;
+    flags_.at<printUsesContext_>() = false;
   }
   void setPrintFunc(PrintWithContextFn printFunc) {
     print_.withContext = printFunc;
-    printUsesContext_ = true;
+    flags_.at<printUsesContext_>() = true;
   }
   void setPrintFunc(std::nullptr_t) { setPrintFunc(YGPrintFunc{nullptr}); }
 
-  void setHasNewLayout(bool hasNewLayout) { hasNewLayout_ = hasNewLayout; }
+  void setHasNewLayout(bool hasNewLayout) {
+    flags_.at<hasNewLayout_>() = hasNewLayout;
+  }
 
-  void setNodeType(YGNodeType nodeType) { nodeType_ = nodeType; }
+  void setNodeType(YGNodeType nodeType) { flags_.at<nodeType_>() = nodeType; }
 
   void setMeasureFunc(YGMeasureFunc measureFunc);
   void setMeasureFunc(MeasureWithContextFn);
@@ -226,11 +243,11 @@ struct YGNode {
   }
 
   void setBaselineFunc(YGBaselineFunc baseLineFunc) {
-    baselineUsesContext_ = false;
+    flags_.at<baselineUsesContext_>() = false;
     baseline_.noContext = baseLineFunc;
   }
   void setBaselineFunc(BaselineWithContextFn baseLineFunc) {
-    baselineUsesContext_ = true;
+    flags_.at<baselineUsesContext_>() = true;
     baseline_.withContext = baseLineFunc;
   }
   void setBaselineFunc(std::nullptr_t) {
@@ -246,7 +263,7 @@ struct YGNode {
   void setLineIndex(uint32_t lineIndex) { lineIndex_ = lineIndex; }
 
   void setIsReferenceBaseline(bool isReferenceBaseline) {
-    isReferenceBaseline_ = isReferenceBaseline;
+    flags_.at<isReferenceBaseline_>() = isReferenceBaseline;
   }
 
   void setOwner(YGNodeRef owner) { owner_ = owner; }
@@ -255,7 +272,7 @@ struct YGNode {
 
   // TODO: rvalue override for setChildren
 
-  void setConfig(YGConfigRef config) { config_ = config; }
+  YG_DEPRECATED void setConfig(YGConfigRef config) { config_ = config; }
 
   void setDirty(bool isDirty);
   void setLayoutLastOwnerDirection(YGDirection direction);
@@ -275,7 +292,6 @@ struct YGNode {
       const float mainSize,
       const float crossSize,
       const float ownerWidth);
-  void setAndPropogateUseLegacyFlag(bool useLegacyFlag);
   void setLayoutDoesLegacyFlagAffectsLayout(bool doesLegacyFlagAffectsLayout);
   void setLayoutDidUseLegacyFlag(bool didUseLegacyFlag);
   void markDirtyAndPropogateDownwards();
diff --git a/ReactCommon/yoga/yoga/YGNodePrint.cpp b/ReactCommon/yoga/yoga/YGNodePrint.cpp
index 301e72a2e28acb..f91d037462ebde 100644
--- a/ReactCommon/yoga/yoga/YGNodePrint.cpp
+++ b/ReactCommon/yoga/yoga/YGNodePrint.cpp
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
diff --git a/ReactCommon/yoga/yoga/YGNodePrint.h b/ReactCommon/yoga/yoga/YGNodePrint.h
index 13cf367b531adb..8df30e2ccc6427 100644
--- a/ReactCommon/yoga/yoga/YGNodePrint.h
+++ b/ReactCommon/yoga/yoga/YGNodePrint.h
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
diff --git a/ReactCommon/yoga/yoga/YGStyle.cpp b/ReactCommon/yoga/yoga/YGStyle.cpp
index 6672c81faafcf6..a4a7a0473ac1b8 100644
--- a/ReactCommon/yoga/yoga/YGStyle.cpp
+++ b/ReactCommon/yoga/yoga/YGStyle.cpp
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
diff --git a/ReactCommon/yoga/yoga/YGStyle.h b/ReactCommon/yoga/yoga/YGStyle.h
index 9ea061b067b3d8..b497b5c1572fba 100644
--- a/ReactCommon/yoga/yoga/YGStyle.h
+++ b/ReactCommon/yoga/yoga/YGStyle.h
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
@@ -7,61 +7,36 @@
 #pragma once
 #include <algorithm>
 #include <array>
-#include <bitset>
 #include <cstdint>
 #include <type_traits>
+#include "Bitfield.h"
 #include "CompactValue.h"
 #include "YGEnums.h"
 #include "YGFloatOptional.h"
 #include "Yoga-internal.h"
 #include "Yoga.h"
 
-
-#if !defined(ENUM_BITFIELDS_NOT_SUPPORTED)
-#define BITFIELD_ENUM_SIZED(num) : num
-#else
-#define BITFIELD_ENUM_SIZED(num)
-#endif
-
-#define BITFIELD_ACCESSORS(FIELD)                             \
-  decltype(FIELD##_) get_##FIELD() const { return FIELD##_; } \
-  void set_##FIELD(decltype(FIELD##_) x) { FIELD##_ = x; }
-
-#define BITFIELD_REF(FIELD)  \
-  BitfieldRef<               \
-      decltype(FIELD##_),    \
-      &YGStyle::get_##FIELD, \
-      &YGStyle::set_##FIELD, \
-      FIELD##Bit>
-
 class YGStyle {
   template <typename Enum>
   using Values =
       facebook::yoga::detail::Values<facebook::yoga::enums::count<Enum>()>;
   using CompactValue = facebook::yoga::detail::CompactValue;
 
-  static constexpr uint64_t allBits(int fromBit, int toBit) {
-    return fromBit < toBit
-        ? (uint64_t{1} << fromBit) | allBits(fromBit + 1, toBit)
-        : 0;
-  }
-
 public:
   using Dimensions = Values<YGDimension>;
   using Edges = Values<YGEdge>;
 
-  template <typename T, T YGStyle::*Prop, int PropBit>
+  template <typename T, T YGStyle::*Prop>
   struct Ref {
     YGStyle& style;
     operator T() const { return style.*Prop; }
-    Ref<T, Prop, PropBit>& operator=(T value) {
+    Ref<T, Prop>& operator=(T value) {
       style.*Prop = value;
-      style.assignedProps_.set(PropBit);
       return *this;
     }
   };
 
-  template <typename Idx, Values<Idx> YGStyle::*Prop, int PropBit>
+  template <typename Idx, Values<Idx> YGStyle::*Prop>
   struct IdxRef {
     struct Ref {
       YGStyle& style;
@@ -70,16 +45,13 @@ class YGStyle {
       operator YGValue() const { return (style.*Prop)[idx]; }
       Ref& operator=(CompactValue value) {
         (style.*Prop)[idx] = value;
-        style.assignedProps_.set(PropBit + idx);
         return *this;
       }
     };
 
     YGStyle& style;
-    IdxRef<Idx, Prop, PropBit>& operator=(const Values<Idx>& values) {
+    IdxRef<Idx, Prop>& operator=(const Values<Idx>& values) {
       style.*Prop = values;
-      style.assignedProps_ |=
-          allBits(PropBit, PropBit + facebook::yoga::enums::count<Idx>());
       return *this;
     }
     operator const Values<Idx>&() const { return style.*Prop; }
@@ -87,82 +59,43 @@ class YGStyle {
     CompactValue operator[](Idx idx) const { return (style.*Prop)[idx]; }
   };
 
-  template <
-      typename T,
-      T (YGStyle::*Get)() const,
-      void (YGStyle::*Set)(T),
-      int PropBit>
-  struct BitfieldRef {
-    YGStyle& style;
-
-    operator T() const { return (style.*Get)(); }
-    BitfieldRef<T, Get, Set, PropBit>& operator=(T x) {
-      (style.*Set)(x);
-      style.assignedProps_.set(PropBit);
-      return *this;
-    }
-  };
-
-  YGStyle()
-      : direction_(YGDirectionInherit),
-        flexDirection_(YGFlexDirectionColumn),
-        justifyContent_(YGJustifyFlexStart),
-        alignContent_(YGAlignFlexStart),
-        alignItems_(YGAlignStretch),
-        alignSelf_(YGAlignAuto),
-        positionType_(YGPositionTypeRelative),
-        flexWrap_(YGWrapNoWrap),
-        overflow_(YGOverflowVisible),
-        display_(YGDisplayFlex) {}
+  YGStyle() = default;
   ~YGStyle() = default;
 
-  static constexpr int directionBit = 0;
-  static constexpr int flexDirectionBit = directionBit + 1;
-  static constexpr int justifyContentBit = flexDirectionBit + 1;
-  static constexpr int alignContentBit = justifyContentBit + 1;
-  static constexpr int alignItemsBit = alignContentBit + 1;
-  static constexpr int alignSelfBit = alignItemsBit + 1;
-  static constexpr int positionTypeBit = alignSelfBit + 1;
-  static constexpr int flexWrapBit = positionTypeBit + 1;
-  static constexpr int overflowBit = flexWrapBit + 1;
-  static constexpr int displayBit = overflowBit + 1;
-  static constexpr int flexBit = displayBit + 1;
-  static constexpr int flexGrowBit = flexBit + 1;
-  static constexpr int flexShrinkBit = flexGrowBit + 1;
-  static constexpr int flexBasisBit = flexShrinkBit + 1;
-  static constexpr int marginBit = flexBasisBit + 1;
-  static constexpr int positionBit =
-      marginBit + facebook::yoga::enums::count<YGEdge>();
-  static constexpr int paddingBit =
-      positionBit + facebook::yoga::enums::count<YGEdge>();
-  static constexpr int borderBit =
-      paddingBit + facebook::yoga::enums::count<YGEdge>();
-  static constexpr int dimensionsBit =
-      borderBit + facebook::yoga::enums::count<YGEdge>();
-  static constexpr int maxDimensionsBit =
-      dimensionsBit + facebook::yoga::enums::count<YGDimension>();
-  static constexpr int minDimensionsBit =
-      maxDimensionsBit + facebook::yoga::enums::count<YGDimension>();
-  static constexpr int aspectRatioBit =
-      minDimensionsBit + facebook::yoga::enums::count<YGDimension>();
-
-  static constexpr int numStyles = aspectRatioBit + 1;
-
 private:
-  std::bitset<aspectRatioBit + 1> assignedProps_;
-
-  /* Some platforms don't support enum bitfields,
-     so please use BITFIELD_ENUM_SIZED(BITS_COUNT) */
-  YGDirection direction_ BITFIELD_ENUM_SIZED(2);
-  YGFlexDirection flexDirection_ BITFIELD_ENUM_SIZED(2);
-  YGJustify justifyContent_ BITFIELD_ENUM_SIZED(3);
-  YGAlign alignContent_ BITFIELD_ENUM_SIZED(3);
-  YGAlign alignItems_ BITFIELD_ENUM_SIZED(3);
-  YGAlign alignSelf_ BITFIELD_ENUM_SIZED(3);
-  YGPositionType positionType_ BITFIELD_ENUM_SIZED(1);
-  YGWrap flexWrap_ BITFIELD_ENUM_SIZED(2);
-  YGOverflow overflow_ BITFIELD_ENUM_SIZED(2);
-  YGDisplay display_ BITFIELD_ENUM_SIZED(1);
+  static constexpr size_t directionIdx = 0;
+  static constexpr size_t flexDirectionIdx = 1;
+  static constexpr size_t justifyContentIdx = 2;
+  static constexpr size_t alignContentIdx = 3;
+  static constexpr size_t alignItemsIdx = 4;
+  static constexpr size_t alignSelfIdx = 5;
+  static constexpr size_t positionTypeIdx = 6;
+  static constexpr size_t flexWrapIdx = 7;
+  static constexpr size_t overflowIdx = 8;
+  static constexpr size_t displayIdx = 9;
+  using Flags = facebook::yoga::Bitfield<
+      uint32_t,
+      YGDirection,
+      YGFlexDirection,
+      YGJustify,
+      YGAlign,
+      YGAlign,
+      YGAlign,
+      YGPositionType,
+      YGWrap,
+      YGOverflow,
+      YGDisplay>;
+
+  Flags flags_ = {YGDirectionInherit,
+                  YGFlexDirectionColumn,
+                  YGJustifyFlexStart,
+                  YGAlignFlexStart,
+                  YGAlignStretch,
+                  YGAlignAuto,
+                  YGPositionTypeRelative,
+                  YGWrapNoWrap,
+                  YGOverflowVisible,
+                  YGDisplayFlex};
   YGFloatOptional flex_ = {};
   YGFloatOptional flexGrow_ = {};
   YGFloatOptional flexShrink_ = {};
@@ -177,116 +110,93 @@ class YGStyle {
   // Yoga specific properties, not compatible with flexbox specification
   YGFloatOptional aspectRatio_ = {};
 
-  BITFIELD_ACCESSORS(direction)
-  BITFIELD_ACCESSORS(flexDirection)
-  BITFIELD_ACCESSORS(justifyContent)
-  BITFIELD_ACCESSORS(alignContent);
-  BITFIELD_ACCESSORS(alignItems);
-  BITFIELD_ACCESSORS(alignSelf);
-  BITFIELD_ACCESSORS(positionType);
-  BITFIELD_ACCESSORS(flexWrap);
-  BITFIELD_ACCESSORS(overflow);
-  BITFIELD_ACCESSORS(display);
-
 public:
-  const decltype(assignedProps_)& assignedProps() const {
-    return assignedProps_;
-  }
-
   // for library users needing a type
   using ValueRepr = std::remove_reference<decltype(margin_[0])>::type;
 
-  YGDirection direction() const { return direction_; }
-  BITFIELD_REF(direction) direction() { return {*this}; }
+  YGDirection direction() const { return flags_.at<directionIdx>(); }
+  Flags::Ref<directionIdx> direction() { return flags_.at<directionIdx>(); }
 
-  YGFlexDirection flexDirection() const { return flexDirection_; }
-  BITFIELD_REF(flexDirection) flexDirection() { return {*this}; }
+  YGFlexDirection flexDirection() const {
+    return flags_.at<flexDirectionIdx>();
+  }
+  Flags::Ref<flexDirectionIdx> flexDirection() {
+    return flags_.at<flexDirectionIdx>();
+  }
 
-  YGJustify justifyContent() const { return justifyContent_; }
-  BITFIELD_REF(justifyContent) justifyContent() { return {*this}; }
+  YGJustify justifyContent() const { return flags_.at<justifyContentIdx>(); }
+  Flags::Ref<justifyContentIdx> justifyContent() {
+    return flags_.at<justifyContentIdx>();
+  }
 
-  YGAlign alignContent() const { return alignContent_; }
-  BITFIELD_REF(alignContent) alignContent() { return {*this}; }
+  YGAlign alignContent() const { return flags_.at<alignContentIdx>(); }
+  Flags::Ref<alignContentIdx> alignContent() {
+    return flags_.at<alignContentIdx>();
+  }
 
-  YGAlign alignItems() const { return alignItems_; }
-  BITFIELD_REF(alignItems) alignItems() { return {*this}; }
+  YGAlign alignItems() const { return flags_.at<alignItemsIdx>(); }
+  Flags::Ref<alignItemsIdx> alignItems() { return flags_.at<alignItemsIdx>(); }
 
-  YGAlign alignSelf() const { return alignSelf_; }
-  BITFIELD_REF(alignSelf) alignSelf() { return {*this}; }
+  YGAlign alignSelf() const { return flags_.at<alignSelfIdx>(); }
+  Flags::Ref<alignSelfIdx> alignSelf() { return flags_.at<alignSelfIdx>(); }
 
-  YGPositionType positionType() const { return positionType_; }
-  BITFIELD_REF(positionType) positionType() { return {*this}; }
+  YGPositionType positionType() const { return flags_.at<positionTypeIdx>(); }
+  Flags::Ref<positionTypeIdx> positionType() {
+    return flags_.at<positionTypeIdx>();
+  }
 
-  YGWrap flexWrap() const { return flexWrap_; }
-  BITFIELD_REF(flexWrap) flexWrap() { return {*this}; }
+  YGWrap flexWrap() const { return flags_.at<flexWrapIdx>(); }
+  Flags::Ref<flexWrapIdx> flexWrap() { return flags_.at<flexWrapIdx>(); }
 
-  YGOverflow overflow() const { return overflow_; }
-  BITFIELD_REF(overflow) overflow() { return {*this}; }
+  YGOverflow overflow() const { return flags_.at<overflowIdx>(); }
+  Flags::Ref<overflowIdx> overflow() { return flags_.at<overflowIdx>(); }
 
-  YGDisplay display() const { return display_; }
-  BITFIELD_REF(display) display() { return {*this}; }
+  YGDisplay display() const { return flags_.at<displayIdx>(); }
+  Flags::Ref<displayIdx> display() { return flags_.at<displayIdx>(); }
 
   YGFloatOptional flex() const { return flex_; }
-  Ref<YGFloatOptional, &YGStyle::flex_, flexBit> flex() { return {*this}; }
+  Ref<YGFloatOptional, &YGStyle::flex_> flex() { return {*this}; }
 
   YGFloatOptional flexGrow() const { return flexGrow_; }
-  Ref<YGFloatOptional, &YGStyle::flexGrow_, flexGrowBit> flexGrow() {
-    return {*this};
-  }
+  Ref<YGFloatOptional, &YGStyle::flexGrow_> flexGrow() { return {*this}; }
 
   YGFloatOptional flexShrink() const { return flexShrink_; }
-  Ref<YGFloatOptional, &YGStyle::flexShrink_, flexShrinkBit> flexShrink() {
-    return {*this};
-  }
+  Ref<YGFloatOptional, &YGStyle::flexShrink_> flexShrink() { return {*this}; }
 
   CompactValue flexBasis() const { return flexBasis_; }
-  Ref<CompactValue, &YGStyle::flexBasis_, flexBasisBit> flexBasis() {
-    return {*this};
-  }
+  Ref<CompactValue, &YGStyle::flexBasis_> flexBasis() { return {*this}; }
 
   const Edges& margin() const { return margin_; }
-  IdxRef<YGEdge, &YGStyle::margin_, marginBit> margin() { return {*this}; }
+  IdxRef<YGEdge, &YGStyle::margin_> margin() { return {*this}; }
 
   const Edges& position() const { return position_; }
-  IdxRef<YGEdge, &YGStyle::position_, positionBit> position() {
-    return {*this};
-  }
+  IdxRef<YGEdge, &YGStyle::position_> position() { return {*this}; }
 
   const Edges& padding() const { return padding_; }
-  IdxRef<YGEdge, &YGStyle::padding_, paddingBit> padding() { return {*this}; }
+  IdxRef<YGEdge, &YGStyle::padding_> padding() { return {*this}; }
 
   const Edges& border() const { return border_; }
-  IdxRef<YGEdge, &YGStyle::border_, borderBit> border() { return {*this}; }
+  IdxRef<YGEdge, &YGStyle::border_> border() { return {*this}; }
 
   const Dimensions& dimensions() const { return dimensions_; }
-  IdxRef<YGDimension, &YGStyle::dimensions_, dimensionsBit> dimensions() {
-    return {*this};
-  }
+  IdxRef<YGDimension, &YGStyle::dimensions_> dimensions() { return {*this}; }
 
   const Dimensions& minDimensions() const { return minDimensions_; }
-  IdxRef<YGDimension, &YGStyle::minDimensions_, minDimensionsBit>
-  minDimensions() {
+  IdxRef<YGDimension, &YGStyle::minDimensions_> minDimensions() {
     return {*this};
   }
 
   const Dimensions& maxDimensions() const { return maxDimensions_; }
-  IdxRef<YGDimension, &YGStyle::maxDimensions_, maxDimensionsBit>
-  maxDimensions() {
+  IdxRef<YGDimension, &YGStyle::maxDimensions_> maxDimensions() {
     return {*this};
   }
 
   // Yoga specific properties, not compatible with flexbox specification
   YGFloatOptional aspectRatio() const { return aspectRatio_; }
-  Ref<YGFloatOptional, &YGStyle::aspectRatio_, aspectRatioBit> aspectRatio() {
-    return {*this};
-  }
+  Ref<YGFloatOptional, &YGStyle::aspectRatio_> aspectRatio() { return {*this}; }
 };
 
 bool operator==(const YGStyle& lhs, const YGStyle& rhs);
 inline bool operator!=(const YGStyle& lhs, const YGStyle& rhs) {
   return !(lhs == rhs);
 }
-
-#undef BITFIELD_ENUM_SIZED
-#undef BITFIELD_ACCESSORS
-#undef BITFIELD_REF
diff --git a/ReactCommon/yoga/yoga/YGValue.cpp b/ReactCommon/yoga/yoga/YGValue.cpp
index fcdd0c6931b007..995f211391afda 100644
--- a/ReactCommon/yoga/yoga/YGValue.cpp
+++ b/ReactCommon/yoga/yoga/YGValue.cpp
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
diff --git a/ReactCommon/yoga/yoga/YGValue.h b/ReactCommon/yoga/yoga/YGValue.h
index 170047ea596197..0405bc6288bd4e 100644
--- a/ReactCommon/yoga/yoga/YGValue.h
+++ b/ReactCommon/yoga/yoga/YGValue.h
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
diff --git a/ReactCommon/yoga/yoga/Yoga-internal.h b/ReactCommon/yoga/yoga/Yoga-internal.h
index 4d32a96bcec13d..e08027da5d2f5b 100644
--- a/ReactCommon/yoga/yoga/Yoga-internal.h
+++ b/ReactCommon/yoga/yoga/Yoga-internal.h
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
@@ -16,12 +16,6 @@ using YGVector = std::vector<YGNodeRef>;
 
 YG_EXTERN_C_BEGIN
 
-WIN_EXPORT float YGRoundValueToPixelGrid(
-    const float value,
-    const float pointScaleFactor,
-    const bool forceCeil,
-    const bool forceFloor);
-
 void YGNodeCalculateLayoutWithContext(
     YGNodeRef node,
     float availableWidth,
diff --git a/ReactCommon/yoga/yoga/Yoga.cpp b/ReactCommon/yoga/yoga/Yoga.cpp
index e13f66d3789508..1a374ab3748935 100644
--- a/ReactCommon/yoga/yoga/Yoga.cpp
+++ b/ReactCommon/yoga/yoga/Yoga.cpp
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
@@ -15,7 +15,6 @@
 #include "YGNodePrint.h"
 #include "Yoga-internal.h"
 #include "event/event.h"
-#include "instrumentation.h"
 #ifdef _MSC_VER
 #include <float.h>
 
@@ -210,18 +209,11 @@ void YGNodeMarkDirtyAndPropogateToDescendants(const YGNodeRef node) {
 int32_t gConfigInstanceCount = 0;
 
 WIN_EXPORT YGNodeRef YGNodeNewWithConfig(const YGConfigRef config) {
-  const YGNodeRef node = new YGNode();
+  const YGNodeRef node = new YGNode{config};
   YGAssertWithConfig(
       config, node != nullptr, "Could not allocate memory for node");
-#ifdef YG_ENABLE_EVENTS
   Event::publish<Event::NodeAllocation>(node, {config});
-#endif
 
-  if (config->useWebDefaults) {
-    node->getStyle().flexDirection() = YGFlexDirectionRow;
-    node->getStyle().alignContent() = YGAlignStretch;
-  }
-  node->setConfig(config);
   return node;
 }
 
@@ -240,9 +232,7 @@ YGNodeRef YGNodeClone(YGNodeRef oldNode) {
       oldNode->getConfig(),
       node != nullptr,
       "Could not allocate memory for node");
-#ifdef YG_ENABLE_EVENTS
   Event::publish<Event::NodeAllocation>(node, {node->getConfig()});
-#endif
   node->setOwner(nullptr);
   return node;
 }
@@ -258,7 +248,11 @@ static YGConfigRef YGConfigClone(const YGConfig& oldConfig) {
 }
 
 static YGNodeRef YGNodeDeepClone(YGNodeRef oldNode) {
-  YGNodeRef node = YGNodeClone(oldNode);
+  auto config = YGConfigClone(*oldNode->getConfig());
+  auto node = new YGNode{*oldNode, config};
+  node->setOwner(nullptr);
+  Event::publish<Event::NodeAllocation>(node, {node->getConfig()});
+
   YGVector vec = YGVector();
   vec.reserve(oldNode->getChildren().size());
   YGNodeRef childNode = nullptr;
@@ -269,10 +263,6 @@ static YGNodeRef YGNodeDeepClone(YGNodeRef oldNode) {
   }
   node->setChildren(vec);
 
-  if (oldNode->getConfig() != nullptr) {
-    node->setConfig(YGConfigClone(*(oldNode->getConfig())));
-  }
-
   return node;
 }
 
@@ -289,9 +279,7 @@ void YGNodeFree(const YGNodeRef node) {
   }
 
   node->clearChildren();
-#ifdef YG_ENABLE_EVENTS
   Event::publish<Event::NodeDeallocation>(node, {node->getConfig()});
-#endif
   delete node;
 }
 
@@ -903,7 +891,7 @@ YGValue YGNodeStyleGetMaxHeight(const YGNodeConstRef node) {
         "Cannot get layout properties of multi-edge shorthands");       \
                                                                         \
     if (edge == YGEdgeStart) {                                          \
-      if (node->getLayout().direction == YGDirectionRTL) {              \
+      if (node->getLayout().direction() == YGDirectionRTL) {            \
         return node->getLayout().instanceName[YGEdgeRight];             \
       } else {                                                          \
         return node->getLayout().instanceName[YGEdgeLeft];              \
@@ -911,7 +899,7 @@ YGValue YGNodeStyleGetMaxHeight(const YGNodeConstRef node) {
     }                                                                   \
                                                                         \
     if (edge == YGEdgeEnd) {                                            \
-      if (node->getLayout().direction == YGDirectionRTL) {              \
+      if (node->getLayout().direction() == YGDirectionRTL) {            \
         return node->getLayout().instanceName[YGEdgeLeft];              \
       } else {                                                          \
         return node->getLayout().instanceName[YGEdgeRight];             \
@@ -927,15 +915,15 @@ YG_NODE_LAYOUT_PROPERTY_IMPL(float, Right, position[YGEdgeRight]);
 YG_NODE_LAYOUT_PROPERTY_IMPL(float, Bottom, position[YGEdgeBottom]);
 YG_NODE_LAYOUT_PROPERTY_IMPL(float, Width, dimensions[YGDimensionWidth]);
 YG_NODE_LAYOUT_PROPERTY_IMPL(float, Height, dimensions[YGDimensionHeight]);
-YG_NODE_LAYOUT_PROPERTY_IMPL(YGDirection, Direction, direction);
-YG_NODE_LAYOUT_PROPERTY_IMPL(bool, HadOverflow, hadOverflow);
+YG_NODE_LAYOUT_PROPERTY_IMPL(YGDirection, Direction, direction());
+YG_NODE_LAYOUT_PROPERTY_IMPL(bool, HadOverflow, hadOverflow());
 
 YG_NODE_LAYOUT_RESOLVED_PROPERTY_IMPL(float, Margin, margin);
 YG_NODE_LAYOUT_RESOLVED_PROPERTY_IMPL(float, Border, border);
 YG_NODE_LAYOUT_RESOLVED_PROPERTY_IMPL(float, Padding, padding);
 
 bool YGNodeLayoutGetDidLegacyStretchFlagAffectLayout(const YGNodeRef node) {
-  return node->getLayout().doesLegacyStretchFlagAffectsLayout;
+  return node->getLayout().doesLegacyStretchFlagAffectsLayout();
 }
 
 uint32_t gCurrentGenerationCount = 0;
@@ -950,10 +938,12 @@ bool YGLayoutNodeInternal(
     const float ownerWidth,
     const float ownerHeight,
     const bool performLayout,
-    const char* reason,
+    const LayoutPassReason reason,
     const YGConfigRef config,
-    YGMarkerLayoutData& layoutMarkerData,
-    void* const layoutContext);
+    LayoutData& layoutMarkerData,
+    void* const layoutContext,
+    const uint32_t depth,
+    const uint32_t generationCount);
 
 #ifdef DEBUG
 static void YGNodePrintInternal(
@@ -1006,12 +996,16 @@ static inline YGAlign YGNodeAlignItem(const YGNode* node, const YGNode* child) {
 
 static float YGBaseline(const YGNodeRef node, void* layoutContext) {
   if (node->hasBaselineFunc()) {
-    const float baseline = marker::MarkerSection<YGMarkerBaselineFn>::wrap(
-        node,
-        &YGNode::baseline,
+
+    Event::publish<Event::NodeBaselineStart>(node);
+
+    const float baseline = node->baseline(
         node->getLayout().measuredDimensions[YGDimensionWidth],
         node->getLayout().measuredDimensions[YGDimensionHeight],
         layoutContext);
+
+    Event::publish<Event::NodeBaselineEnd>(node);
+
     YGAssertWithNode(
         node,
         !YGFloatIsUndefined(baseline),
@@ -1196,8 +1190,10 @@ static void YGNodeComputeFlexBasisForChild(
     const YGMeasureMode heightMode,
     const YGDirection direction,
     const YGConfigRef config,
-    YGMarkerLayoutData& layoutMarkerData,
-    void* const layoutContext) {
+    LayoutData& layoutMarkerData,
+    void* const layoutContext,
+    const uint32_t depth,
+    const uint32_t generationCount) {
   const YGFlexDirection mainAxis =
       YGResolveFlexDirection(node->getStyle().flexDirection(), direction);
   const bool isMainAxisRow = YGFlexDirectionIsRow(mainAxis);
@@ -1220,8 +1216,7 @@ static void YGNodeComputeFlexBasisForChild(
     if (child->getLayout().computedFlexBasis.isUndefined() ||
         (YGConfigIsExperimentalFeatureEnabled(
              child->getConfig(), YGExperimentalFeatureWebFlexBasis) &&
-         child->getLayout().computedFlexBasisGeneration !=
-             gCurrentGenerationCount)) {
+         child->getLayout().computedFlexBasisGeneration != generationCount)) {
       const YGFloatOptional paddingAndBorder = YGFloatOptional(
           YGNodePaddingAndBorderForAxis(child, mainAxis, ownerWidth));
       child->setLayoutComputedFlexBasis(
@@ -1369,16 +1364,18 @@ static void YGNodeComputeFlexBasisForChild(
         ownerWidth,
         ownerHeight,
         false,
-        "measure",
+        LayoutPassReason::kMeasureChild,
         config,
         layoutMarkerData,
-        layoutContext);
+        layoutContext,
+        depth,
+        generationCount);
 
     child->setLayoutComputedFlexBasis(YGFloatOptional(YGFloatMax(
         child->getLayout().measuredDimensions[dim[mainAxis]],
         YGNodePaddingAndBorderForAxis(child, mainAxis, ownerWidth))));
   }
-  child->setLayoutComputedFlexBasisGeneration(gCurrentGenerationCount);
+  child->setLayoutComputedFlexBasisGeneration(generationCount);
 }
 
 static void YGNodeAbsoluteLayoutChild(
@@ -1389,8 +1386,10 @@ static void YGNodeAbsoluteLayoutChild(
     const float height,
     const YGDirection direction,
     const YGConfigRef config,
-    YGMarkerLayoutData& layoutMarkerData,
-    void* const layoutContext) {
+    LayoutData& layoutMarkerData,
+    void* const layoutContext,
+    const uint32_t depth,
+    const uint32_t generationCount) {
   const YGFlexDirection mainAxis =
       YGResolveFlexDirection(node->getStyle().flexDirection(), direction);
   const YGFlexDirection crossAxis = YGFlexDirectionCross(mainAxis, direction);
@@ -1493,10 +1492,12 @@ static void YGNodeAbsoluteLayoutChild(
         childWidth,
         childHeight,
         false,
-        "abs-measure",
+        LayoutPassReason::kAbsMeasureChild,
         config,
         layoutMarkerData,
-        layoutContext);
+        layoutContext,
+        depth,
+        generationCount);
     childWidth = child->getLayout().measuredDimensions[YGDimensionWidth] +
         child->getMarginForAxis(YGFlexDirectionRow, width).unwrap();
     childHeight = child->getLayout().measuredDimensions[YGDimensionHeight] +
@@ -1513,10 +1514,12 @@ static void YGNodeAbsoluteLayoutChild(
       childWidth,
       childHeight,
       true,
-      "abs-layout",
+      LayoutPassReason::kAbsLayout,
       config,
       layoutMarkerData,
-      layoutContext);
+      layoutContext,
+      depth,
+      generationCount);
 
   if (child->isTrailingPosDefined(mainAxis) &&
       !child->isLeadingPositionDefined(mainAxis)) {
@@ -1584,7 +1587,9 @@ static void YGNodeWithMeasureFuncSetMeasuredDimensions(
     const YGMeasureMode heightMeasureMode,
     const float ownerWidth,
     const float ownerHeight,
-    void* const layoutContext) {
+    LayoutData& layoutMarkerData,
+    void* const layoutContext,
+    const LayoutPassReason reason) {
   YGAssertWithNode(
       node,
       node->hasMeasureFunc(),
@@ -1608,14 +1613,6 @@ static void YGNodeWithMeasureFuncSetMeasuredDimensions(
       : YGFloatMax(
             0, availableHeight - marginAxisColumn - paddingAndBorderAxisColumn);
 
-  // Measure the text under the current constraints.
-  const YGSize measuredSize = node->measure(
-      innerWidth,
-      widthMeasureMode,
-      innerHeight,
-      heightMeasureMode,
-      layoutContext);
-
   if (widthMeasureMode == YGMeasureModeExactly &&
       heightMeasureMode == YGMeasureModeExactly) {
     // Don't bother sizing the text if both dimensions are already defined.
@@ -1636,6 +1633,31 @@ static void YGNodeWithMeasureFuncSetMeasuredDimensions(
             ownerWidth),
         YGDimensionHeight);
   } else {
+    Event::publish<Event::MeasureCallbackStart>(node);
+
+    // Measure the text under the current constraints.
+    const YGSize measuredSize = node->measure(
+        innerWidth,
+        widthMeasureMode,
+        innerHeight,
+        heightMeasureMode,
+        layoutContext);
+
+    layoutMarkerData.measureCallbacks += 1;
+    layoutMarkerData.measureCallbackReasonsCount[static_cast<size_t>(reason)] +=
+        1;
+
+    Event::publish<Event::MeasureCallbackEnd>(
+        node,
+        {layoutContext,
+         innerWidth,
+         widthMeasureMode,
+         innerHeight,
+         heightMeasureMode,
+         measuredSize.width,
+         measuredSize.height,
+         reason});
+
     node->setLayoutMeasuredDimension(
         YGNodeBoundAxis(
             node,
@@ -1817,11 +1839,13 @@ static float YGNodeComputeFlexBasisForChildren(
     YGFlexDirection mainAxis,
     const YGConfigRef config,
     bool performLayout,
-    YGMarkerLayoutData& layoutMarkerData,
-    void* const layoutContext) {
+    LayoutData& layoutMarkerData,
+    void* const layoutContext,
+    const uint32_t depth,
+    const uint32_t generationCount) {
   float totalOuterFlexBasis = 0.0f;
   YGNodeRef singleFlexChild = nullptr;
-  YGVector children = node->getChildren();
+  const YGVector &children = node->getChildren();
   YGMeasureMode measureModeMainDim =
       YGFlexDirectionIsRow(mainAxis) ? widthMeasureMode : heightMeasureMode;
   // If there is only one child with flexGrow + flexShrink it means we can set
@@ -1869,7 +1893,7 @@ static float YGNodeComputeFlexBasisForChildren(
       continue;
     }
     if (child == singleFlexChild) {
-      child->setLayoutComputedFlexBasisGeneration(gCurrentGenerationCount);
+      child->setLayoutComputedFlexBasisGeneration(generationCount);
       child->setLayoutComputedFlexBasis(YGFloatOptional(0));
     } else {
       YGNodeComputeFlexBasisForChild(
@@ -1884,7 +1908,9 @@ static float YGNodeComputeFlexBasisForChildren(
           direction,
           config,
           layoutMarkerData,
-          layoutContext);
+          layoutContext,
+          depth,
+          generationCount);
     }
 
     totalOuterFlexBasis +=
@@ -1997,8 +2023,10 @@ static float YGDistributeFreeSpaceSecondPass(
     const YGMeasureMode measureModeCrossDim,
     const bool performLayout,
     const YGConfigRef config,
-    YGMarkerLayoutData& layoutMarkerData,
-    void* const layoutContext) {
+    LayoutData& layoutMarkerData,
+    void* const layoutContext,
+    const uint32_t depth,
+    const uint32_t generationCount) {
   float childFlexBasis = 0;
   float flexShrinkScaledFactor = 0;
   float flexGrowFactor = 0;
@@ -2149,25 +2177,29 @@ static float YGDistributeFreeSpaceSecondPass(
     const YGMeasureMode childHeightMeasureMode =
         !isMainAxisRow ? childMainMeasureMode : childCrossMeasureMode;
 
+    const bool isLayoutPass = performLayout && !requiresStretchLayout;
     // Recursively call the layout algorithm for this child with the updated
     // main size.
     YGLayoutNodeInternal(
         currentRelativeChild,
         childWidth,
         childHeight,
-        node->getLayout().direction,
+        node->getLayout().direction(),
         childWidthMeasureMode,
         childHeightMeasureMode,
         availableInnerWidth,
         availableInnerHeight,
-        performLayout && !requiresStretchLayout,
-        "flex",
+        isLayoutPass,
+        isLayoutPass ? LayoutPassReason::kFlexLayout
+                     : LayoutPassReason::kFlexMeasure,
         config,
         layoutMarkerData,
-        layoutContext);
+        layoutContext,
+        depth,
+        generationCount);
     node->setLayoutHadOverflow(
-        node->getLayout().hadOverflow |
-        currentRelativeChild->getLayout().hadOverflow);
+        node->getLayout().hadOverflow() |
+        currentRelativeChild->getLayout().hadOverflow());
   }
   return deltaFreeSpace;
 }
@@ -2294,8 +2326,10 @@ static void YGResolveFlexibleLength(
     const YGMeasureMode measureModeCrossDim,
     const bool performLayout,
     const YGConfigRef config,
-    YGMarkerLayoutData& layoutMarkerData,
-    void* const layoutContext) {
+    LayoutData& layoutMarkerData,
+    void* const layoutContext,
+    const uint32_t depth,
+    const uint32_t generationCount) {
   const float originalFreeSpace = collectedFlexItemsValues.remainingFreeSpace;
   // First pass: detect the flex items whose min/max constraints trigger
   YGDistributeFreeSpaceFirstPass(
@@ -2321,7 +2355,9 @@ static void YGResolveFlexibleLength(
       performLayout,
       config,
       layoutMarkerData,
-      layoutContext);
+      layoutContext,
+      depth,
+      generationCount);
 
   collectedFlexItemsValues.remainingFreeSpace =
       originalFreeSpace - distributedFreeSpace;
@@ -2620,8 +2656,11 @@ static void YGNodelayoutImpl(
     const float ownerHeight,
     const bool performLayout,
     const YGConfigRef config,
-    YGMarkerLayoutData& layoutMarkerData,
-    void* const layoutContext) {
+    LayoutData& layoutMarkerData,
+    void* const layoutContext,
+    const uint32_t depth,
+    const uint32_t generationCount,
+    const LayoutPassReason reason) {
   YGAssertWithNode(
       node,
       YGFloatIsUndefined(availableWidth)
@@ -2689,7 +2728,9 @@ static void YGNodelayoutImpl(
         heightMeasureMode,
         ownerWidth,
         ownerHeight,
-        layoutContext);
+        layoutMarkerData,
+        layoutContext,
+        reason);
     return;
   }
 
@@ -2801,7 +2842,9 @@ static void YGNodelayoutImpl(
       config,
       performLayout,
       layoutMarkerData,
-      layoutContext);
+      layoutContext,
+      depth,
+      generationCount);
 
   const bool flexBasisOverflows = measureModeMainDim == YGMeasureModeUndefined
       ? false
@@ -2909,11 +2952,13 @@ static void YGNodelayoutImpl(
           performLayout,
           config,
           layoutMarkerData,
-          layoutContext);
+          layoutContext,
+          depth,
+          generationCount);
     }
 
     node->setLayoutHadOverflow(
-        node->getLayout().hadOverflow |
+        node->getLayout().hadOverflow() |
         (collectedFlexItemsValues.remainingFreeSpace < 0));
 
     // STEP 6: MAIN-AXIS JUSTIFICATION & CROSS-AXIS SIZE DETERMINATION
@@ -3080,10 +3125,12 @@ static void YGNodelayoutImpl(
                   availableInnerWidth,
                   availableInnerHeight,
                   true,
-                  "stretch",
+                  LayoutPassReason::kStretch,
                   config,
                   layoutMarkerData,
-                  layoutContext);
+                  layoutContext,
+                  depth,
+                  generationCount);
             }
           } else {
             const float remainingCrossDim = containerCrossAxis -
@@ -3288,10 +3335,12 @@ static void YGNodelayoutImpl(
                         availableInnerWidth,
                         availableInnerHeight,
                         true,
-                        "multiline-stretch",
+                        LayoutPassReason::kMultilineStretch,
                         config,
                         layoutMarkerData,
-                        layoutContext);
+                        layoutContext,
+                        depth,
+                        generationCount);
                   }
                 }
                 break;
@@ -3431,7 +3480,9 @@ static void YGNodelayoutImpl(
           direction,
           config,
           layoutMarkerData,
-          layoutContext);
+          layoutContext,
+          depth,
+          generationCount);
     }
 
     // STEP 11: SETTING TRAILING POSITIONS FOR CHILDREN
@@ -3459,7 +3510,6 @@ static void YGNodelayoutImpl(
   }
 }
 
-uint32_t gDepth = 0;
 bool gPrintChanges = false;
 bool gPrintSkips = false;
 
@@ -3662,19 +3712,18 @@ bool YGLayoutNodeInternal(
     const float ownerWidth,
     const float ownerHeight,
     const bool performLayout,
-    const char* reason,
+    const LayoutPassReason reason,
     const YGConfigRef config,
-    YGMarkerLayoutData& layoutMarkerData,
-    void* const layoutContext) {
-#ifdef YG_ENABLE_EVENTS
-  Event::publish<Event::NodeLayout>(node);
-#endif
+    LayoutData& layoutMarkerData,
+    void* const layoutContext,
+    uint32_t depth,
+    const uint32_t generationCount) {
   YGLayout* layout = &node->getLayout();
 
-  gDepth++;
+  depth++;
 
   const bool needToVisitNode =
-      (node->isDirty() && layout->generationCount != gCurrentGenerationCount) ||
+      (node->isDirty() && layout->generationCount != generationCount) ||
       layout->lastOwnerDirection != ownerDirection;
 
   if (needToVisitNode) {
@@ -3776,8 +3825,8 @@ bool YGLayoutNodeInternal(
           YGLogLevelVerbose,
           nullptr,
           "%s%d.{[skipped] ",
-          YGSpacer(gDepth),
-          gDepth);
+          YGSpacer(depth),
+          depth);
       node->print(layoutContext);
       Log::log(
           node,
@@ -3790,7 +3839,7 @@ bool YGLayoutNodeInternal(
           availableHeight,
           cachedResults->computedWidth,
           cachedResults->computedHeight,
-          reason);
+          LayoutPassReasonToString(reason));
     }
   } else {
     if (gPrintChanges) {
@@ -3799,8 +3848,8 @@ bool YGLayoutNodeInternal(
           YGLogLevelVerbose,
           nullptr,
           "%s%d.{%s",
-          YGSpacer(gDepth),
-          gDepth,
+          YGSpacer(depth),
+          depth,
           needToVisitNode ? "*" : "");
       node->print(layoutContext);
       Log::log(
@@ -3812,7 +3861,7 @@ bool YGLayoutNodeInternal(
           YGMeasureModeName(heightMeasureMode, performLayout),
           availableWidth,
           availableHeight,
-          reason);
+          LayoutPassReasonToString(reason));
     }
 
     YGNodelayoutImpl(
@@ -3827,7 +3876,10 @@ bool YGLayoutNodeInternal(
         performLayout,
         config,
         layoutMarkerData,
-        layoutContext);
+        layoutContext,
+        depth,
+        generationCount,
+        reason);
 
     if (gPrintChanges) {
       Log::log(
@@ -3835,8 +3887,8 @@ bool YGLayoutNodeInternal(
           YGLogLevelVerbose,
           nullptr,
           "%s%d.}%s",
-          YGSpacer(gDepth),
-          gDepth,
+          YGSpacer(depth),
+          depth,
           needToVisitNode ? "*" : "");
       node->print(layoutContext);
       Log::log(
@@ -3848,7 +3900,7 @@ bool YGLayoutNodeInternal(
           YGMeasureModeName(heightMeasureMode, performLayout),
           layout->measuredDimensions[YGDimensionWidth],
           layout->measuredDimensions[YGDimensionHeight],
-          reason);
+          LayoutPassReasonToString(reason));
     }
 
     layout->lastOwnerDirection = ownerDirection;
@@ -3900,8 +3952,19 @@ bool YGLayoutNodeInternal(
     node->setDirty(false);
   }
 
-  gDepth--;
-  layout->generationCount = gCurrentGenerationCount;
+  layout->generationCount = generationCount;
+
+  LayoutType layoutType;
+  if (performLayout) {
+    layoutType = !needToVisitNode && cachedResults == &layout->cachedLayout
+        ? LayoutType::kCachedLayout
+        : LayoutType::kLayout;
+  } else {
+    layoutType = cachedResults != nullptr ? LayoutType::kCachedMeasure
+                                          : LayoutType::kMeasure;
+  }
+  Event::publish<Event::NodeLayout>(node, {layoutType, layoutContext});
+
   return (needToVisitNode || cachedResults == nullptr);
 }
 
@@ -3995,6 +4058,13 @@ static void YGRoundToPixelGrid(
   }
 }
 
+static void unsetUseLegacyFlagRecursively(YGNodeRef node) {
+  node->getConfig()->useLegacyStretchBehaviour = false;
+  for (auto child : node->getChildren()) {
+    unsetUseLegacyFlagRecursively(child);
+  }
+}
+
 void YGNodeCalculateLayoutWithContext(
     const YGNodeRef node,
     const float ownerWidth,
@@ -4002,12 +4072,8 @@ void YGNodeCalculateLayoutWithContext(
     const YGDirection ownerDirection,
     void* layoutContext) {
 
-#ifdef YG_ENABLE_EVENTS
-  Event::publish<Event::LayoutPassStart>(node);
-#endif
-  // unique pointer to allow ending the marker early
-  std::unique_ptr<marker::MarkerSection<YGMarkerLayout>> marker{
-      new marker::MarkerSection<YGMarkerLayout>{node}};
+  Event::publish<Event::LayoutPassStart>(node, {layoutContext});
+  LayoutData markerData = {};
 
   // Increment the generation count. This will force the recursive routine to
   // visit all dirty nodes at least once. Subsequent visits will be skipped if
@@ -4064,12 +4130,14 @@ void YGNodeCalculateLayoutWithContext(
           ownerWidth,
           ownerHeight,
           true,
-          "initial",
+          LayoutPassReason::kInitial,
           node->getConfig(),
-          marker->data,
-          layoutContext)) {
+          markerData,
+          layoutContext,
+          0, // tree root
+          gCurrentGenerationCount)) {
     node->setPosition(
-        node->getLayout().direction, ownerWidth, ownerHeight, ownerWidth);
+        node->getLayout().direction(), ownerWidth, ownerHeight, ownerWidth);
     YGRoundToPixelGrid(node, node->getConfig()->pointScaleFactor, 0.0f, 0.0f);
 
 #ifdef DEBUG
@@ -4083,12 +4151,7 @@ void YGNodeCalculateLayoutWithContext(
 #endif
   }
 
-  // end marker here
-  marker = nullptr;
-
-#ifdef YG_ENABLE_EVENTS
-  Event::publish<Event::LayoutPassEnd>(node);
-#endif
+  Event::publish<Event::LayoutPassEnd>(node, {layoutContext, &markerData});
 
   // We want to get rid off `useLegacyStretchBehaviour` from YGConfig. But we
   // aren't sure whether client's of yoga have gotten rid off this flag or not.
@@ -4099,16 +4162,16 @@ void YGNodeCalculateLayoutWithContext(
   // run experiments.
   if (node->getConfig()->shouldDiffLayoutWithoutLegacyStretchBehaviour &&
       node->didUseLegacyFlag()) {
-    const YGNodeRef originalNode = YGNodeDeepClone(node);
-    originalNode->resolveDimension();
+    const YGNodeRef nodeWithoutLegacyFlag = YGNodeDeepClone(node);
+    nodeWithoutLegacyFlag->resolveDimension();
     // Recursively mark nodes as dirty
-    originalNode->markDirtyAndPropogateDownwards();
+    nodeWithoutLegacyFlag->markDirtyAndPropogateDownwards();
     gCurrentGenerationCount++;
     // Rerun the layout, and calculate the diff
-    originalNode->setAndPropogateUseLegacyFlag(false);
-    YGMarkerLayoutData layoutMarkerData;
+    unsetUseLegacyFlagRecursively(nodeWithoutLegacyFlag);
+    LayoutData layoutMarkerData = {};
     if (YGLayoutNodeInternal(
-            originalNode,
+            nodeWithoutLegacyFlag,
             width,
             height,
             ownerDirection,
@@ -4117,38 +4180,40 @@ void YGNodeCalculateLayoutWithContext(
             ownerWidth,
             ownerHeight,
             true,
-            "initial",
-            originalNode->getConfig(),
+            LayoutPassReason::kInitial,
+            nodeWithoutLegacyFlag->getConfig(),
             layoutMarkerData,
-            layoutContext)) {
-      originalNode->setPosition(
-          originalNode->getLayout().direction,
+            layoutContext,
+            0, // tree root
+            gCurrentGenerationCount)) {
+      nodeWithoutLegacyFlag->setPosition(
+          nodeWithoutLegacyFlag->getLayout().direction(),
           ownerWidth,
           ownerHeight,
           ownerWidth);
       YGRoundToPixelGrid(
-          originalNode,
-          originalNode->getConfig()->pointScaleFactor,
+          nodeWithoutLegacyFlag,
+          nodeWithoutLegacyFlag->getConfig()->pointScaleFactor,
           0.0f,
           0.0f);
 
       // Set whether the two layouts are different or not.
       auto neededLegacyStretchBehaviour =
-          !originalNode->isLayoutTreeEqualToNode(*node);
+          !nodeWithoutLegacyFlag->isLayoutTreeEqualToNode(*node);
       node->setLayoutDoesLegacyFlagAffectsLayout(neededLegacyStretchBehaviour);
 
 #ifdef DEBUG
-      if (originalNode->getConfig()->printTree) {
+      if (nodeWithoutLegacyFlag->getConfig()->printTree) {
         YGNodePrint(
-            originalNode,
+            nodeWithoutLegacyFlag,
             (YGPrintOptions)(
                 YGPrintOptionsLayout | YGPrintOptionsChildren |
                 YGPrintOptionsStyle));
       }
 #endif
     }
-    YGConfigFreeRecursive(originalNode);
-    YGNodeFreeRecursive(originalNode);
+    YGConfigFreeRecursive(nodeWithoutLegacyFlag);
+    YGNodeFreeRecursive(nodeWithoutLegacyFlag);
   }
 }
 
diff --git a/ReactCommon/yoga/yoga/Yoga.h b/ReactCommon/yoga/yoga/Yoga.h
index 2ac54324c91a1e..493e556cb59f35 100644
--- a/ReactCommon/yoga/yoga/Yoga.h
+++ b/ReactCommon/yoga/yoga/Yoga.h
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
@@ -330,7 +330,7 @@ WIN_EXPORT bool YGConfigIsExperimentalFeatureEnabled(
     YGConfigRef config,
     YGExperimentalFeature feature);
 
-// Using the web defaults is the prefered configuration for new projects. Usage
+// Using the web defaults is the preferred configuration for new projects. Usage
 // of non web defaults should be considered as legacy.
 WIN_EXPORT void YGConfigSetUseWebDefaults(YGConfigRef config, bool enabled);
 WIN_EXPORT bool YGConfigGetUseWebDefaults(YGConfigRef config);
@@ -365,9 +365,4 @@ void YGTraversePreOrder(
 
 void YGNodeSetChildren(YGNodeRef owner, const std::vector<YGNodeRef>& children);
 
-// Operator declarations moved down here, outside of the extern C block
-extern bool operator==(const YGValue& lhs, const YGValue& rhs);
-extern bool operator!=(const YGValue& lhs, const YGValue& rhs);
-// #endif
-
 #endif
diff --git a/ReactCommon/yoga/yoga/event/event.cpp b/ReactCommon/yoga/yoga/event/event.cpp
index e2fe3588f1f96d..48e8f41da83cee 100644
--- a/ReactCommon/yoga/yoga/event/event.cpp
+++ b/ReactCommon/yoga/yoga/event/event.cpp
@@ -1,55 +1,84 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
  * file in the root directory of this source tree.
  */
 #include "event.h"
+#include <atomic>
 #include <memory>
 #include <stdexcept>
-#include <mutex>
-
-#include <iostream>
 
 namespace facebook {
 namespace yoga {
 
+const char* LayoutPassReasonToString(const LayoutPassReason value) {
+  switch (value) {
+    case LayoutPassReason::kInitial:
+      return "initial";
+    case LayoutPassReason::kAbsLayout:
+      return "abs_layout";
+    case LayoutPassReason::kStretch:
+      return "stretch";
+    case LayoutPassReason::kMultilineStretch:
+      return "multiline_stretch";
+    case LayoutPassReason::kFlexLayout:
+      return "flex_layout";
+    case LayoutPassReason::kMeasureChild:
+      return "measure";
+    case LayoutPassReason::kAbsMeasureChild:
+      return "abs_measure";
+    case LayoutPassReason::kFlexMeasure:
+      return "flex_measure";
+    default:
+      return "unknown";
+  }
+}
+
 namespace {
 
-std::mutex& eventSubscribersMutex() {
-  static std::mutex subscribersMutex;
-  return subscribersMutex;
-}
+struct Node {
+  std::function<Event::Subscriber> subscriber = nullptr;
+  Node* next = nullptr;
+
+  Node(std::function<Event::Subscriber>&& subscriber)
+      : subscriber{std::move(subscriber)} {}
+};
 
-std::shared_ptr<Event::Subscribers>& eventSubscribers() {
-  static auto subscribers = std::make_shared<Event::Subscribers>();
-  return subscribers;
+std::atomic<Node*> subscribers{nullptr};
+
+Node* push(Node* newHead) {
+  Node* oldHead;
+  do {
+    oldHead = subscribers.load(std::memory_order_relaxed);
+    if (newHead != nullptr) {
+      newHead->next = oldHead;
+    }
+  } while (!subscribers.compare_exchange_weak(
+      oldHead, newHead, std::memory_order_release, std::memory_order_relaxed));
+  return oldHead;
 }
 
 } // namespace
 
 void Event::reset() {
-  eventSubscribers() = std::make_shared<Event::Subscribers>();
+  auto head = push(nullptr);
+  while (head != nullptr) {
+    auto current = head;
+    head = head->next;
+    delete current;
+  }
 }
 
 void Event::subscribe(std::function<Subscriber>&& subscriber) {
-  std::lock_guard<std::mutex> guard(eventSubscribersMutex());
-  eventSubscribers() =
-      std::make_shared<Event::Subscribers>(*eventSubscribers());
-  eventSubscribers()->push_back(subscriber);
+  push(new Node{std::move(subscriber)});
 }
 
 void Event::publish(const YGNode& node, Type eventType, const Data& eventData) {
-  std::shared_ptr<Event::Subscribers> subscribers;
-  {
-    std::lock_guard<std::mutex> guard(eventSubscribersMutex());
-    subscribers = eventSubscribers();
-  }
-
-  for (auto& subscriber : *subscribers) {
-    if (subscriber) {
-      subscriber(node, eventType, eventData);
-    }
+  for (auto subscriber = subscribers.load(std::memory_order_relaxed);
+       subscriber != nullptr;
+       subscriber = subscriber->next) {
+    subscriber->subscriber(node, eventType, eventData);
   }
 }
 
diff --git a/ReactCommon/yoga/yoga/event/event.h b/ReactCommon/yoga/yoga/event/event.h
index 578d2f3a66a5e8..39b07394d3a5d1 100644
--- a/ReactCommon/yoga/yoga/event/event.h
+++ b/ReactCommon/yoga/yoga/event/event.h
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
@@ -8,6 +8,8 @@
 
 #include <functional>
 #include <vector>
+#include <array>
+#include <yoga/YGEnums.h>
 
 struct YGConfig;
 struct YGNode;
@@ -15,13 +17,49 @@ struct YGNode;
 namespace facebook {
 namespace yoga {
 
+enum struct LayoutType : int {
+  kLayout = 0,
+  kMeasure = 1,
+  kCachedLayout = 2,
+  kCachedMeasure = 3
+};
+
+enum struct LayoutPassReason : int {
+  kInitial = 0,
+  kAbsLayout = 1,
+  kStretch = 2,
+  kMultilineStretch = 3,
+  kFlexLayout = 4,
+  kMeasureChild = 5,
+  kAbsMeasureChild = 6,
+  kFlexMeasure = 7,
+  COUNT
+};
+
+struct LayoutData {
+  int layouts;
+  int measures;
+  int maxMeasureCache;
+  int cachedLayouts;
+  int cachedMeasures;
+  int measureCallbacks;
+  std::array<int, static_cast<uint8_t>(LayoutPassReason::COUNT)>
+      measureCallbackReasonsCount;
+};
+
+const char* LayoutPassReasonToString(const LayoutPassReason value);
+
 struct Event {
   enum Type {
     NodeAllocation,
     NodeDeallocation,
     NodeLayout,
     LayoutPassStart,
-    LayoutPassEnd
+    LayoutPassEnd,
+    MeasureCallbackStart,
+    MeasureCallbackEnd,
+    NodeBaselineStart,
+    NodeBaselineEnd,
   };
   class Data;
   using Subscriber = void(const YGNode&, Type, Data);
@@ -49,7 +87,9 @@ struct Event {
 
   template <Type E>
   static void publish(const YGNode& node, const TypedData<E>& eventData = {}) {
+#ifdef YG_ENABLE_EVENTS
     publish(node, E, Data{eventData});
+#endif
   }
 
   template <Type E>
@@ -71,5 +111,34 @@ struct Event::TypedData<Event::NodeDeallocation> {
   YGConfig* config;
 };
 
+template <>
+struct Event::TypedData<Event::LayoutPassStart> {
+  void* layoutContext;
+};
+
+template <>
+struct Event::TypedData<Event::LayoutPassEnd> {
+  void* layoutContext;
+  LayoutData* layoutData;
+};
+
+template <>
+struct Event::TypedData<Event::MeasureCallbackEnd> {
+  void* layoutContext;
+  float width;
+  YGMeasureMode widthMeasureMode;
+  float height;
+  YGMeasureMode heightMeasureMode;
+  float measuredWidth;
+  float measuredHeight;
+  const LayoutPassReason reason;
+};
+
+template <>
+struct Event::TypedData<Event::NodeLayout> {
+  LayoutType layoutType;
+  void* layoutContext;
+};
+
 } // namespace yoga
 } // namespace facebook
diff --git a/ReactCommon/yoga/yoga/instrumentation.h b/ReactCommon/yoga/yoga/instrumentation.h
deleted file mode 100644
index b8691c1865b014..00000000000000
--- a/ReactCommon/yoga/yoga/instrumentation.h
+++ /dev/null
@@ -1,63 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the LICENSE
- * file in the root directory of this source tree.
- */
-#include "YGConfig.h"
-#include "YGMarker.h"
-#include "YGNode.h"
-
-namespace facebook {
-namespace yoga {
-namespace marker {
-
-template <YGMarker MarkerType>
-class MarkerSection {
-private:
-  using Data = detail::MarkerData<MarkerType>;
-
-public:
-  MarkerSection(YGNodeRef node) : MarkerSection{node, node->getConfig()} {}
-  ~MarkerSection() {
-    if (endMarker_) {
-      endMarker_(MarkerType, node_, markerData(&data), userData_);
-    }
-  }
-
-  typename Data::type data = {};
-
-  template <typename Ret, typename... Args>
-  static Ret wrap(
-      YGNodeRef node,
-      Ret (YGNode::*method)(Args...),
-      Args... args) {
-    MarkerSection<MarkerType> section{node};
-    return (node->*method)(std::forward<Args>(args)...);
-  }
-
-private:
-  decltype(YGMarkerCallbacks{}.endMarker) endMarker_;
-  YGNodeRef node_;
-  void* userData_;
-
-  MarkerSection(YGNodeRef node, YGConfigRef config)
-      : MarkerSection{node, config ? &config->markerCallbacks : nullptr} {}
-  MarkerSection(YGNodeRef node, YGMarkerCallbacks* callbacks)
-      : endMarker_{callbacks ? callbacks->endMarker : nullptr},
-        node_{node},
-        userData_{
-            callbacks && callbacks->startMarker
-                ? callbacks->startMarker(MarkerType, node, markerData(&data))
-                : nullptr} {}
-
-  static YGMarkerData markerData(typename Data::type* d) {
-    YGMarkerData markerData = {};
-    Data::get(markerData) = d;
-    return markerData;
-  }
-};
-
-} // namespace marker
-} // namespace yoga
-} // namespace facebook
diff --git a/ReactCommon/yoga/yoga/internal/experiments-inl.h b/ReactCommon/yoga/yoga/internal/experiments-inl.h
new file mode 100644
index 00000000000000..ebbeccbc521365
--- /dev/null
+++ b/ReactCommon/yoga/yoga/internal/experiments-inl.h
@@ -0,0 +1,31 @@
+/*
+ * Copyright (c) Facebook, Inc. and its 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 "experiments.h"
+
+#include <bitset>
+
+namespace facebook {
+namespace yoga {
+namespace internal {
+
+namespace detail {
+extern std::bitset<sizeof(int)> enabledExperiments;
+} // namespace detail
+
+inline bool isEnabled(Experiment experiment) {
+  return detail::enabledExperiments.test(static_cast<size_t>(experiment));
+}
+
+inline void disableAllExperiments() {
+  detail::enabledExperiments = 0;
+}
+
+} // namespace internal
+} // namespace yoga
+} // namespace facebook
diff --git a/ReactCommon/yoga/yoga/internal/experiments.cpp b/ReactCommon/yoga/yoga/internal/experiments.cpp
new file mode 100644
index 00000000000000..4b67eee571340f
--- /dev/null
+++ b/ReactCommon/yoga/yoga/internal/experiments.cpp
@@ -0,0 +1,37 @@
+/*
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the LICENSE
+ * file in the root directory of this source tree.
+ */
+#include "experiments.h"
+#include "experiments-inl.h"
+
+namespace facebook {
+namespace yoga {
+namespace internal {
+
+namespace detail {
+
+std::bitset<sizeof(int)> enabledExperiments = 0;
+
+} // namespace detail
+
+void enable(Experiment experiment) {
+  detail::enabledExperiments.set(static_cast<size_t>(experiment));
+}
+
+void disable(Experiment experiment) {
+  detail::enabledExperiments.reset(static_cast<size_t>(experiment));
+}
+
+bool toggle(Experiment experiment) {
+  auto bit = static_cast<size_t>(experiment);
+  auto previousState = detail::enabledExperiments.test(bit);
+  detail::enabledExperiments.flip(bit);
+  return previousState;
+}
+
+} // namespace internal
+} // namespace yoga
+} // namespace facebook
diff --git a/ReactCommon/yoga/yoga/internal/experiments.h b/ReactCommon/yoga/yoga/internal/experiments.h
new file mode 100644
index 00000000000000..7fd4cb37c959f8
--- /dev/null
+++ b/ReactCommon/yoga/yoga/internal/experiments.h
@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) Facebook, Inc. and its 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 <cstddef>
+
+namespace facebook {
+namespace yoga {
+namespace internal {
+
+enum struct Experiment : size_t {
+  kDoubleMeasureCallbacks,
+};
+
+void enable(Experiment);
+void disable(Experiment);
+bool toggle(Experiment);
+
+} // namespace internal
+} // namespace yoga
+} // namespace facebook
diff --git a/ReactCommon/yoga/yoga/log.cpp b/ReactCommon/yoga/yoga/log.cpp
index 62b3d4f0589769..45e5f7b16a3e42 100644
--- a/ReactCommon/yoga/yoga/log.cpp
+++ b/ReactCommon/yoga/yoga/log.cpp
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
diff --git a/ReactCommon/yoga/yoga/log.h b/ReactCommon/yoga/yoga/log.h
index f25ee1a2b0c397..effe23b5b96a00 100644
--- a/ReactCommon/yoga/yoga/log.h
+++ b/ReactCommon/yoga/yoga/log.h
@@ -1,4 +1,4 @@
-/**
+/*
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the LICENSE
diff --git a/android-patches/patches-0.61.5/BasicBuild/ReactAndroid/NuGet.Config b/android-patches/patches-0.61.5/BasicBuild/ReactAndroid/NuGet.Config
new file mode 100644
index 00000000000000..7999f9e4ff573a
--- /dev/null
+++ b/android-patches/patches-0.61.5/BasicBuild/ReactAndroid/NuGet.Config
@@ -0,0 +1,17 @@
+--- "D:\\code\\work\\react-native-v0.61.5\\ReactAndroid\\NuGet.Config"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge\\ReactAndroid\\NuGet.Config"	2020-03-30 20:53:05.825371700 -0700
+@@ -0,0 +1,13 @@
++<?xml version="1.0" encoding="utf-8"?>
++<configuration>
++  <config>
++    <add key="repositoryPath" value="packages" />
++  </config>
++
++  <packageSources>
++
++    <add key="Nuget.org" value="https://api.nuget.org/v3/index.json" />
++
++  </packageSources>
++
++</configuration>
+\ No newline at end of file
diff --git a/android-patches/patches-0.61.5/BasicBuild/ReactAndroid/ReactAndroid.nuspec b/android-patches/patches-0.61.5/BasicBuild/ReactAndroid/ReactAndroid.nuspec
new file mode 100644
index 00000000000000..ab9a752d538e93
--- /dev/null
+++ b/android-patches/patches-0.61.5/BasicBuild/ReactAndroid/ReactAndroid.nuspec
@@ -0,0 +1,123 @@
+--- "D:\\code\\work\\react-native-v0.61.5\\ReactAndroid\\ReactAndroid.nuspec"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge\\ReactAndroid\\ReactAndroid.nuspec"	2020-03-30 21:05:08.615724600 -0700
+@@ -0,0 +1,120 @@
++<?xml version="1.0" encoding="utf-8"?>
++<package xmlns="http://schemas.microsoft.com/packaging/2010/07/nuspec.xsd">
++  <metadata>
++    <id>OfficeReact.Android</id>
++    <version>0.60.0-microsoft.63.mine</version>
++    <description>Contains Android Implementation of React-Native</description>
++    <authors>Microsoft</authors>
++    <projectUrl>https://github.com/microsoft/react-native</projectUrl>
++    <repository type="git" url="https://github.com/microsoft/react-native.git"/>
++    <requireLicenseAcceptance>false</requireLicenseAcceptance>
++  </metadata>
++
++  <files>
++    <!-- Stripped binaries -->
++    <file src="build\react-ndk\all\x86_64\libfb.so" target="lib\droidx64"/>
++    <file src="build\react-ndk\all\armeabi-v7a\libfb.so" target="lib\droidarm"/>
++    <file src="build\react-ndk\all\x86\libfb.so" target="lib\droidx86"/>
++    <file src="build\react-ndk\all\arm64-v8a\libfb.so" target="lib\droidarm64"/>
++
++    <file src="build\react-ndk\all\x86_64\libfolly_json.so" target="lib\droidx64"/>
++    <file src="build\react-ndk\all\armeabi-v7a\libfolly_json.so" target="lib\droidarm"/>
++    <file src="build\react-ndk\all\x86\libfolly_json.so" target="lib\droidx86"/>
++    <file src="build\react-ndk\all\arm64-v8a\libfolly_json.so" target="lib\droidarm64"/>
++
++    <file src="build\react-ndk\all\x86_64\libglog.so" target="lib\droidx64"/>
++    <file src="build\react-ndk\all\armeabi-v7a\libglog.so" target="lib\droidarm"/>
++    <file src="build\react-ndk\all\x86\libglog.so" target="lib\droidx86"/>
++    <file src="build\react-ndk\all\arm64-v8a\libglog.so" target="lib\droidarm64"/>
++
++    <file src="build\react-ndk\all\x86_64\libglog_init.so" target="lib\droidx64"/>
++    <file src="build\react-ndk\all\armeabi-v7a\libglog_init.so" target="lib\droidarm"/>
++    <file src="build\react-ndk\all\x86\libglog_init.so" target="lib\droidx86"/>
++    <file src="build\react-ndk\all\arm64-v8a\libglog_init.so" target="lib\droidarm64"/>
++
++    <file src="build\react-ndk\all\x86_64\libjsinspector.so" target="lib\droidx64"/>
++    <file src="build\react-ndk\all\armeabi-v7a\libjsinspector.so" target="lib\droidarm"/>
++    <file src="build\react-ndk\all\x86\libjsinspector.so" target="lib\droidx86"/>
++    <file src="build\react-ndk\all\arm64-v8a\libjsinspector.so" target="lib\droidarm64"/>
++
++    <file src="build\react-ndk\all\x86_64\libreactnativejni.so" target="lib\droidx64"/>
++    <file src="build\react-ndk\all\armeabi-v7a\libreactnativejni.so" target="lib\droidarm"/>
++    <file src="build\react-ndk\all\x86\libreactnativejni.so" target="lib\droidx86"/>
++    <file src="build\react-ndk\all\arm64-v8a\libreactnativejni.so" target="lib\droidarm64"/>
++
++    <file src="build\react-ndk\all\x86_64\libv8executor.so" target="lib\droidx64"/>
++    <file src="build\react-ndk\all\armeabi-v7a\libv8executor.so" target="lib\droidarm"/>
++    <file src="build\react-ndk\all\x86\libv8executor.so" target="lib\droidx86"/>
++    <file src="build\react-ndk\all\arm64-v8a\libv8executor.so" target="lib\droidarm64"/>
++
++    <file src="build\react-ndk\all\x86_64\libyoga.so" target="lib\droidx64"/>
++    <file src="build\react-ndk\all\armeabi-v7a\libyoga.so" target="lib\droidarm"/>
++    <file src="build\react-ndk\all\x86\libyoga.so" target="lib\droidx86"/>
++    <file src="build\react-ndk\all\arm64-v8a\libyoga.so" target="lib\droidarm64"/>
++
++    <file src="build\react-ndk\all\x86_64\libyoga.so" target="lib\droidx64"/>
++    <file src="build\react-ndk\all\armeabi-v7a\libyoga.so" target="lib\droidarm"/>
++    <file src="build\react-ndk\all\x86\libyoga.so" target="lib\droidx86"/>
++    <file src="build\react-ndk\all\arm64-v8a\libyoga.so" target="lib\droidarm64"/>
++
++    <!-- Unstripped binaries -->
++    <file src="build\tmp\buildReactNdkLib\local\x86_64\libfb.so" target="lib\droidx64\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\armeabi-v7a\libfb.so" target="lib\droidarm\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\x86\libfb.so" target="lib\droidx86\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\arm64-v8a\libfb.so" target="lib\droidarm64\unstripped"/>
++
++    <file src="build\tmp\buildReactNdkLib\local\x86_64\libfolly_json.so" target="lib\droidx64\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\armeabi-v7a\libfolly_json.so" target="lib\droidarm\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\x86\libfolly_json.so" target="lib\droidx86\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\arm64-v8a\libfolly_json.so" target="lib\droidarm64\unstripped"/>
++
++    <file src="build\tmp\buildReactNdkLib\local\x86_64\libglog.so" target="lib\droidx64\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\armeabi-v7a\libglog.so" target="lib\droidarm\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\x86\libglog.so" target="lib\droidx86\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\arm64-v8a\libglog.so" target="lib\droidarm64\unstripped"/>
++
++    <file src="build\tmp\buildReactNdkLib\local\x86_64\libglog_init.so" target="lib\droidx64\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\armeabi-v7a\libglog_init.so" target="lib\droidarm\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\x86\libglog_init.so" target="lib\droidx86\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\arm64-v8a\libglog_init.so" target="lib\droidarm64\unstripped"/>
++
++    <file src="build\tmp\buildReactNdkLib\local\x86_64\libjsinspector.so" target="lib\droidx64\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\armeabi-v7a\libjsinspector.so" target="lib\droidarm\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\x86\libjsinspector.so" target="lib\droidx86\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\arm64-v8a\libjsinspector.so" target="lib\droidarm64\unstripped"/>
++
++    <file src="build\tmp\buildReactNdkLib\local\x86_64\libreactnativejni.so" target="lib\droidx64\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\armeabi-v7a\libreactnativejni.so" target="lib\droidarm\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\x86\libreactnativejni.so" target="lib\droidx86\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\arm64-v8a\libreactnativejni.so" target="lib\droidarm64\unstripped"/>
++
++    <file src="build\tmp\buildReactNdkLib\local\x86_64\libv8executor.so" target="lib\droidx64\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\armeabi-v7a\libv8executor.so" target="lib\droidarm\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\x86\libv8executor.so" target="lib\droidx86\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\arm64-v8a\libv8executor.so" target="lib\droidarm64\unstripped"/>
++
++    <file src="build\tmp\buildReactNdkLib\local\x86_64\libyoga.so" target="lib\droidx64\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\armeabi-v7a\libyoga.so" target="lib\droidarm\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\x86\libyoga.so" target="lib\droidx86\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\arm64-v8a\libyoga.so" target="lib\droidarm64\unstripped"/>
++
++    <file src="build\tmp\buildReactNdkLib\local\x86_64\libyoga.so" target="lib\droidx64\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\armeabi-v7a\libyoga.so" target="lib\droidarm\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\x86\libyoga.so" target="lib\droidx86\unstripped"/>
++    <file src="build\tmp\buildReactNdkLib\local\arm64-v8a\libyoga.so" target="lib\droidarm64\unstripped"/>
++
++    <!-- AAR and POM -->
++    <file src="..\android\com\facebook\react\react-native\*\react-native-*.aar" target="lib"/>
++    <file src="..\android\com\facebook\react\react-native\*\react-native-*.pom" target="lib"/>
++
++    <!-- Headers, ideally we'd only exported the needed headers, not the complete list -->
++    <file src="..\double-conversion\double-conversion\*.h" target="inc\double-conversion"/>
++    <file src="..\ReactCommon\cxxreact\**\*.h" target="inc\cxxreact"/>
++    <file src="..\ReactCommon\jsi\**\*.h" target="inc\jsi"/>
++    <file src="..\ReactCommon\yoga\yoga\**\*.h" target="inc\Yoga"/>
++    <file src="..\folly\**\*.*" target="inc" />
++    <file src="..\glog\src\glog\*.h" target="inc\glog" />
++    <file src="..\jsc\jsc-headers\*.h" target="inc\jsc"/>
++  </files>
++</package>
++
diff --git a/android-patches/patches-0.61.5/BasicBuild/ReactAndroid/build.gradle b/android-patches/patches-0.61.5/BasicBuild/ReactAndroid/build.gradle
new file mode 100644
index 00000000000000..d7a1156930663b
--- /dev/null
+++ b/android-patches/patches-0.61.5/BasicBuild/ReactAndroid/build.gradle
@@ -0,0 +1,25 @@
+--- "D:\\code\\work\\react-native-v0.61.5\\ReactAndroid\\build.gradle"	2020-04-27 17:00:04.580788100 -0700
++++ "D:\\code\\work\\react-native-fb61merge\\ReactAndroid\\build.gradle"	2020-04-27 18:32:28.769958900 -0700
+@@ -287,11 +287,18 @@
+     }
+ }
+ 
++// usage : gradlew -Pparam="excludeLibs" <taskname>
+ task packageReactNdkLibs(dependsOn: buildReactNdkLib, type: Copy) {
+-    from("$buildDir/react-ndk/all")
+-    into("$buildDir/react-ndk/exported")
+-    exclude("**/libjsc.so")
+-    exclude("**/libhermes.so")
++    from "$buildDir/react-ndk/all"
++    from("$thirdPartyNdkDir/jsc/jni")
++    into "$buildDir/react-ndk/exported"
++
++    if(project.hasProperty('param') ? project.property('param').equals("excludeLibs") : false) {
++        exclude '**/*.so'
++    } else {
++        exclude '**/libjsc.so'
++        exclude("**/libhermes.so")
++    }
+ }
+ 
+ task packageReactNdkLibsForBuck(dependsOn: packageReactNdkLibs, type: Copy) {
diff --git a/android-patches/patches-0.61.5/BasicBuild/ReactAndroid/packages.config b/android-patches/patches-0.61.5/BasicBuild/ReactAndroid/packages.config
new file mode 100644
index 00000000000000..65f55dc23965a0
--- /dev/null
+++ b/android-patches/patches-0.61.5/BasicBuild/ReactAndroid/packages.config
@@ -0,0 +1,8 @@
+--- "D:\\code\\work\\react-native-v0.61.5\\ReactAndroid\\packages.config"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge\\ReactAndroid\\packages.config"	2020-03-30 20:53:05.829342700 -0700
+@@ -0,0 +1,5 @@
++<?xml version="1.0" encoding="utf-8"?>
++<packages>
++  <package id="boost" version="1.68.0.0" targetFramework="native" />
++  <package id="ReactNative.V8.Android" version="7.0.276.32-v1" targetFramework="native" />
++</packages>
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactAndroid/build.gradle b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/build.gradle
new file mode 100644
index 00000000000000..81abfdf9bdef81
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/build.gradle
@@ -0,0 +1,62 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactAndroid\\build.gradle"	2020-04-27 19:44:04.945001500 -0700
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactAndroid\\build.gradle"	2020-04-28 00:39:23.196396600 -0700
+@@ -33,6 +33,8 @@
+ // and the build will use that.
+ def boostPath = dependenciesPath ?: System.getenv("REACT_NATIVE_BOOST_PATH")
+ 
++def V8Path = 'packages/ReactNative.V8.Android.7.0.276.32-v1'
++
+ // Setup build type for NDK, supported values: {debug, release}
+ def nativeBuildType = System.getenv("NATIVE_BUILD_TYPE") ?: "release"
+ 
+@@ -112,6 +114,25 @@
+     }
+ }
+ 
++
++task prepareV8() {
++    copy {
++        from "src/main/jni/third-party/v8/"
++        include("*.mk")
++        into "$thirdPartyNdkDir/v8"
++    }
++    copy {
++        from "src/main/jni/third-party/v8base/"
++        include("*.mk")
++        into "$thirdPartyNdkDir/v8base"
++    }
++    copy {
++        from "src/main/jni/third-party/v8platform/"
++        include("*.mk")
++        into "$thirdPartyNdkDir/v8platform"
++    }
++}
++
+ task downloadGlog(dependsOn: createNativeDepsDirectories, type: Download) {
+     src("https://github.com/google/glog/archive/v${GLOG_VERSION}.tar.gz")
+     onlyIfNewer(true)
+@@ -253,7 +274,7 @@
+     return ndkBuildFullPath
+ }
+ 
+-task buildReactNdkLib(dependsOn: [prepareJSC, prepareHermes, prepareBoost, prepareDoubleConversion, prepareFolly, prepareGlog], type: Exec) {
++task buildReactNdkLib(dependsOn: [prepareJSC, prepareHermes, prepareV8, prepareBoost, prepareDoubleConversion, prepareFolly, prepareGlog], type: Exec) {
+     inputs.dir("$projectDir/../ReactCommon")
+     inputs.dir("src/main/jni")
+     inputs.dir("src/main/java/com/facebook/react/modules/blob")
+@@ -265,6 +286,7 @@
+             "NDK_OUT=" + temporaryDir,
+             "NDK_LIBS_OUT=$buildDir/react-ndk/all",
+             "THIRD_PARTY_NDK_DIR=$buildDir/third-party-ndk",
++            "V8_NUGET_DIR=$projectDir/$V8Path",
+             "REACT_COMMON_DIR=$projectDir/../ReactCommon",
+             "REACT_SRC_DIR=$projectDir/src/main/java/com/facebook/react",
+             "-C", file("src/main/jni/react/jni").absolutePath,
+@@ -278,6 +300,7 @@
+     commandLine(getNdkBuildFullPath(),
+             "NDK_APPLICATION_MK=$projectDir/src/main/jni/Application.mk",
+             "THIRD_PARTY_NDK_DIR=$buildDir/third-party-ndk",
++            "V8_NUGET_DIR=$projectDir/$V8Path",
+             "REACT_COMMON_DIR=$projectDir/../ReactCommon",
+             "-C", file("src/main/jni/react/jni").absolutePath,
+             "clean")
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManagerBuilder.java b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManagerBuilder.java
new file mode 100644
index 00000000000000..c6e597575c25ba
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManagerBuilder.java
@@ -0,0 +1,28 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactAndroid\\src\\main\\java\\com\\facebook\\react\\ReactInstanceManagerBuilder.java"	2020-04-27 19:38:01.880037800 -0700
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactAndroid\\src\\main\\java\\com\\facebook\\react\\ReactInstanceManagerBuilder.java"	2020-04-27 23:07:38.795343700 -0700
+@@ -22,6 +22,7 @@
+ import com.facebook.react.devsupport.interfaces.DevBundleDownloadListener;
+ import com.facebook.react.devsupport.interfaces.DevSupportManager;
+ import com.facebook.react.jscexecutor.JSCExecutorFactory;
++import com.facebook.react.v8executor.V8ExecutorFactory;
+ import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
+ import com.facebook.react.packagerconnection.RequestHandler;
+ import com.facebook.react.uimanager.UIImplementationProvider;
+@@ -285,6 +286,9 @@
+   }
+ 
+   private JavaScriptExecutorFactory getDefaultJSExecutorFactory(String appName, String deviceName) {
++    return new V8ExecutorFactory(appName, deviceName);
++
++    /*
+     try {
+       // If JSC is included, use it as normal
+       SoLoader.loadLibrary("jscexecutor");
+@@ -292,6 +296,6 @@
+     } catch (UnsatisfiedLinkError jscE) {
+       // Otherwise use Hermes
+       return new HermesExecutorFactory();
+-    }
++    }*/
+   }
+ }
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarkerConstants.java b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarkerConstants.java
new file mode 100644
index 00000000000000..6a38ccb2ee05ed
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarkerConstants.java
@@ -0,0 +1,12 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactAndroid\\src\\main\\java\\com\\facebook\\react\\bridge\\ReactMarkerConstants.java"	2020-04-27 19:38:01.933007400 -0700
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactAndroid\\src\\main\\java\\com\\facebook\\react\\bridge\\ReactMarkerConstants.java"	2020-04-27 19:52:01.919959200 -0700
+@@ -106,5 +106,8 @@
+   FABRIC_BATCH_EXECUTION_START,
+   FABRIC_BATCH_EXECUTION_END,
+   FABRIC_UPDATE_UI_MAIN_THREAD_START,
+-  FABRIC_UPDATE_UI_MAIN_THREAD_END
++  FABRIC_UPDATE_UI_MAIN_THREAD_END,
++  BYTECODE_CREATION_FAILED,
++  BYTECODE_READ_FAILED,
++  BYTECODE_WRITE_FAILED,
+ }
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagerRegistry.java b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagerRegistry.java
new file mode 100644
index 00000000000000..0c46d00c43c9c6
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagerRegistry.java
@@ -0,0 +1,63 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactAndroid\\src\\main\\java\\com\\facebook\\react\\uimanager\\ViewManagerRegistry.java"	2020-04-27 19:38:02.087006500 -0700
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactAndroid\\src\\main\\java\\com\\facebook\\react\\uimanager\\ViewManagerRegistry.java"	2020-04-27 23:40:46.828411100 -0700
+@@ -8,8 +8,11 @@
+ 
+ import androidx.annotation.Nullable;
+ import com.facebook.react.common.MapBuilder;
++import com.facebook.react.common.ReactConstants;
++import java.util.HashMap;
+ import java.util.List;
+ import java.util.Map;
++import android.util.Log;
+ 
+ /**
+  * Class that stores the mapping between native view name used in JS and the corresponding instance
+@@ -19,6 +22,18 @@
+ 
+   private final Map<String, ViewManager> mViewManagers;
+   private final @Nullable UIManagerModule.ViewManagerResolver mViewManagerResolver;
++  private static Map<String, String> sComponentNames = new HashMap<>();
++
++    static {
++        sComponentNames.put("Image", "RCTImageView");
++        sComponentNames.put("ForwardRef(Image)", "RCTImageView");
++        sComponentNames.put("Text", "RCTText");
++        sComponentNames.put("TextInput", "AndroidTextInput");
++        sComponentNames.put("TouchableHighlight", "RCTView");
++        sComponentNames.put("WebView", "RCTWebView");
++      }
++
++
+ 
+   public ViewManagerRegistry(UIManagerModule.ViewManagerResolver viewManagerResolver) {
+     mViewManagers = MapBuilder.newHashMap();
+@@ -42,17 +57,25 @@
+   }
+ 
+   public ViewManager get(String className) {
+-    ViewManager viewManager = mViewManagers.get(className);
++    String newClassName;
++    if (sComponentNames.containsKey(className)) {
++      newClassName = sComponentNames.get(className);
++    } else {
++      newClassName = className;
++    }
++
++    ViewManager viewManager = mViewManagers.get(newClassName);
+     if (viewManager != null) {
+       return viewManager;
+     }
+     if (mViewManagerResolver != null) {
+-      viewManager = mViewManagerResolver.getViewManager(className);
++      viewManager = mViewManagerResolver.getViewManager(newClassName);
+       if (viewManager != null) {
+-        mViewManagers.put(className, viewManager);
++        mViewManagers.put(newClassName, viewManager);
+         return viewManager;
+       }
+     }
+-    throw new IllegalViewOperationException("No ViewManager defined for class " + className);
++    Log.w(ReactConstants.TAG, "No ViewManager defined for class: " + newClassName);
++    throw new IllegalViewOperationException("No ViewManager defined for class " + newClassName);
+   }
+ }
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/v8executor/Android.mk b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/v8executor/Android.mk
new file mode 100644
index 00000000000000..bece4721b65485
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/v8executor/Android.mk
@@ -0,0 +1,24 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactAndroid\\src\\main\\java\\com\\facebook\\react\\v8executor\\Android.mk"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactAndroid\\src\\main\\java\\com\\facebook\\react\\v8executor\\Android.mk"	2020-04-27 20:18:59.903887600 -0700
+@@ -0,0 +1,21 @@
++# Copyright (c) Facebook, Inc. and its affiliates.
++#
++# This source code is licensed under the MIT license found in the
++# LICENSE file in the root directory of this source tree.
++
++LOCAL_PATH := $(call my-dir)
++
++include $(CLEAR_VARS)
++
++LOCAL_MODULE := v8executor
++
++LOCAL_SRC_FILES := $(wildcard $(LOCAL_PATH)/*.cpp)
++
++LOCAL_C_INCLUDES := $(LOCAL_PATH) $(THIRD_PARTY_NDK_DIR)/..
++
++LOCAL_CFLAGS += -fvisibility=hidden -fexceptions -frtti
++
++LOCAL_STATIC_LIBRARIES := libjsi libjsireact v8runtime
++LOCAL_SHARED_LIBRARIES := libfolly_json libfb libreactnativejni
++
++include $(BUILD_SHARED_LIBRARY)
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/v8executor/OnLoad.cpp b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/v8executor/OnLoad.cpp
new file mode 100644
index 00000000000000..6cdd806c56e8e5
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/v8executor/OnLoad.cpp
@@ -0,0 +1,54 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactAndroid\\src\\main\\java\\com\\facebook\\react\\v8executor\\OnLoad.cpp"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactAndroid\\src\\main\\java\\com\\facebook\\react\\v8executor\\OnLoad.cpp"	2020-03-30 20:53:06.036579700 -0700
+@@ -0,0 +1,50 @@
++//  Copyright (c) Facebook, Inc. and its 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/jni/JavaScriptExecutorHolder.h>
++#include <react/jni/JReactMarker.h>
++#include <react/jni/ReadableNativeMap.h>
++
++#include "V8ExecutorFactory.h"
++
++namespace facebook {
++namespace react {
++
++// This is not like JSCJavaScriptExecutor, which calls JSC directly.  This uses
++// JSIExecutor with V8Runtime.
++class V8ExecutorHolder
++    : public jni::HybridClass<V8ExecutorHolder, JavaScriptExecutorHolder> {
++ public:
++  static constexpr auto kJavaDescriptor = "Lcom/facebook/react/v8executor/V8Executor;";
++
++  static jni::local_ref<jhybriddata> initHybrid(
++      jni::alias_ref<jclass>, ReadableNativeMap* v8Config) {
++    // This is kind of a weird place for stuff, but there's no other
++    // good place for initialization which is specific to JSC on
++    // Android.
++    JReactMarker::setLogPerfMarkerIfNeeded();
++    // TODO mhorowitz T28461666 fill in some missing nice to have glue
++    return makeCxxInstance(folly::make_unique<jsi::V8ExecutorFactory>(v8Config->consume()));
++  }
++
++  static void registerNatives() {
++    registerHybrid({
++      makeNativeMethod("initHybrid", V8ExecutorHolder::initHybrid),
++    });
++  }
++
++ private:
++  friend HybridBase;
++  using HybridBase::HybridBase;
++};
++
++} // namespace react
++} // namespace facebook
++
++JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM* vm, void* reserved) {
++  return facebook::jni::initialize(vm, [] {
++      facebook::react::V8ExecutorHolder::registerNatives();
++  });
++}
+\ No newline at end of file
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/v8executor/V8Executor.java b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/v8executor/V8Executor.java
new file mode 100644
index 00000000000000..3acd7570811ab8
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/v8executor/V8Executor.java
@@ -0,0 +1,35 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactAndroid\\src\\main\\java\\com\\facebook\\react\\v8executor\\V8Executor.java"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactAndroid\\src\\main\\java\\com\\facebook\\react\\v8executor\\V8Executor.java"	2020-03-30 20:53:06.037603400 -0700
+@@ -0,0 +1,32 @@
++/**
++ * Copyright (c) 2015-present, Facebook, Inc.
++ *
++ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
++ * directory of this source tree.
++ */
++
++package com.facebook.react.v8executor;
++
++import com.facebook.jni.HybridData;
++import com.facebook.proguard.annotations.DoNotStrip;
++import com.facebook.react.bridge.JavaScriptExecutor;
++import com.facebook.react.bridge.ReadableNativeMap;
++import com.facebook.soloader.SoLoader;
++
++@DoNotStrip
++/* package */ class V8Executor extends JavaScriptExecutor {
++  static {
++    SoLoader.loadLibrary("v8executor");
++  }
++
++  /* package */ V8Executor(ReadableNativeMap v8Config) {
++    super(initHybrid(v8Config));
++  }
++
++  @Override
++  public String getName() {
++    return "V8Executor";
++  }
++
++  private static native HybridData initHybrid(ReadableNativeMap v8Config);
++}
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/v8executor/V8ExecutorFactory.cpp b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/v8executor/V8ExecutorFactory.cpp
new file mode 100644
index 00000000000000..7445f05e69bc69
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/v8executor/V8ExecutorFactory.cpp
@@ -0,0 +1,44 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactAndroid\\src\\main\\java\\com\\facebook\\react\\v8executor\\V8ExecutorFactory.cpp"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactAndroid\\src\\main\\java\\com\\facebook\\react\\v8executor\\V8ExecutorFactory.cpp"	2020-04-28 00:22:57.605106000 -0700
+@@ -0,0 +1,41 @@
++#include <jsi/jsi.h>
++#include <jsi/V8Runtime.h>
++#include <jsireact/JSIExecutor.h>
++#include <react/jni/JSLoader.h>
++#include <react/jni/JSLogging.h>
++
++#include "V8ExecutorFactory.h"
++
++namespace facebook { namespace react { namespace jsi {
++
++V8ExecutorFactory::V8ExecutorFactory(folly::dynamic&& v8Config) :
++    m_v8Config(std::move(v8Config)) {}
++
++std::unique_ptr<JSExecutor> V8ExecutorFactory::createJSExecutor(
++      std::shared_ptr<ExecutorDelegate> delegate,
++      std::shared_ptr<MessageQueueThread> jsQueue) {
++
++    auto logger = std::make_shared<Logger>([](const std::string& message, unsigned int logLevel) {
++                    reactAndroidLoggingHook(message, logLevel);
++    });
++
++    auto installBindings = [](facebook::jsi::Runtime &runtime) {
++      react::Logger androidLogger =
++          static_cast<void (*)(const std::string &, unsigned int)>(
++              &reactAndroidLoggingHook);
++      react::bindNativeLogger(runtime, androidLogger);
++    };
++
++                  try {
++                      throw std::runtime_error("Error");
++                    } catch(...) {
++                      std::string what = "abcd";
++                    }
++
++    return folly::make_unique<JSIExecutor>(
++      facebook::v8runtime::makeV8Runtime(m_v8Config, logger),
++      delegate,
++      JSIExecutor::defaultTimeoutInvoker,
++      installBindings);
++  }
++  }}} // namespace facebook::react::jsi
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/v8executor/V8ExecutorFactory.h b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/v8executor/V8ExecutorFactory.h
new file mode 100644
index 00000000000000..075ca04f63fcfe
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/v8executor/V8ExecutorFactory.h
@@ -0,0 +1,20 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactAndroid\\src\\main\\java\\com\\facebook\\react\\v8executor\\V8ExecutorFactory.h"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactAndroid\\src\\main\\java\\com\\facebook\\react\\v8executor\\V8ExecutorFactory.h"	2020-03-30 20:53:06.039616600 -0700
+@@ -0,0 +1,17 @@
++#include <folly/dynamic.h>
++#include <jsiexecutor/jsireact/JSIExecutor.h>
++
++namespace facebook { namespace react { namespace jsi {
++
++class V8ExecutorFactory : public JSExecutorFactory {
++public:
++  V8ExecutorFactory(folly::dynamic&& v8Config);
++
++  std::unique_ptr<JSExecutor> createJSExecutor(
++      std::shared_ptr<ExecutorDelegate> delegate,
++      std::shared_ptr<MessageQueueThread> jsQueue) override;
++
++private:
++  folly::dynamic m_v8Config;
++};
++}}} // namespace facebook::react::jsi
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/v8executor/V8ExecutorFactory.java b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/v8executor/V8ExecutorFactory.java
new file mode 100644
index 00000000000000..9cfe160ec1a7ea
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/java/com/facebook/react/v8executor/V8ExecutorFactory.java
@@ -0,0 +1,96 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactAndroid\\src\\main\\java\\com\\facebook\\react\\v8executor\\V8ExecutorFactory.java"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactAndroid\\src\\main\\java\\com\\facebook\\react\\v8executor\\V8ExecutorFactory.java"	2020-04-27 21:30:30.905874900 -0700
+@@ -0,0 +1,93 @@
++/*
++ * Copyright (c) 2015-present, Facebook, Inc.
++ *
++ * This source code is licensed under the MIT license found in the
++ * LICENSE file in the root directory of this source tree.
++ */
++
++package com.facebook.react.v8executor;
++
++import com.facebook.react.bridge.JavaScriptExecutor;
++import com.facebook.react.bridge.JavaScriptExecutorFactory;
++import com.facebook.react.bridge.WritableNativeMap;
++
++public class V8ExecutorFactory implements JavaScriptExecutorFactory {
++  public static class V8ConfigParams {
++    public enum CacheType {
++      NoCache,
++      CodeCache,
++      FullCodeCache
++    }
++
++    private String mCacheDirectory;
++    private CacheType mCacheType;
++    private boolean mUseLazyScriptCompilation;
++
++    public String getCacheDirectory() {
++      return mCacheDirectory;
++    }
++
++    public V8ConfigParams.CacheType getCacheType() {
++      return mCacheType;
++    }
++
++    public boolean useLazyScriptCompilation() {
++      return mUseLazyScriptCompilation;
++    }
++
++    public V8ConfigParams() {
++      mCacheType = CacheType.NoCache;
++      mCacheDirectory = "";
++    }
++
++    public V8ConfigParams(String cacheDirectory, CacheType cacheType, boolean useLazyScriptCompilation) {
++      mCacheDirectory = cacheDirectory;
++      mCacheType = cacheType;
++      mUseLazyScriptCompilation = useLazyScriptCompilation;
++    }
++  }
++
++  private final String mAppName;
++  private final String mDeviceName;
++  private V8ConfigParams mV8ConfigParams;
++
++  public V8ExecutorFactory(String appName, String deviceName) {
++    this.mAppName = appName;
++    this.mDeviceName = deviceName;
++    this.mV8ConfigParams = new V8ConfigParams();
++  }
++
++  public V8ExecutorFactory(String appName, String deviceName, V8ConfigParams v8ConfigParams) {
++    this.mAppName = appName;
++    this.mDeviceName = deviceName;
++    this.mV8ConfigParams = v8ConfigParams;
++  }
++
++  @Override
++  public JavaScriptExecutor create() throws Exception {
++    WritableNativeMap v8Config = new WritableNativeMap();
++    v8Config.putString("OwnerIdentity", "ReactNative");
++    v8Config.putString("AppIdentity", mAppName);
++    v8Config.putString("DeviceIdentity", mDeviceName);
++    v8Config.putString("CacheDirectory", mV8ConfigParams.getCacheDirectory());
++    v8Config.putBoolean("UseLazyScriptCompilation", mV8ConfigParams.useLazyScriptCompilation());
++    v8Config.putInt("CacheType", mV8ConfigParams.getCacheType().ordinal());
++
++    return new V8Executor(v8Config);
++  }
++
++  @Override
++  public void startSamplingProfiler() {
++    // Nope
++  }
++
++  @Override
++  public void stopSamplingProfiler(String filename) {
++    // Nope
++  }
++
++  @Override
++  public String toString() {
++    return "JSIExecutor+V8Runtime";
++  }
++}
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/jni/react/jni/Android.mk b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/jni/react/jni/Android.mk
new file mode 100644
index 00000000000000..de76fdf53da005
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/jni/react/jni/Android.mk
@@ -0,0 +1,7 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactAndroid\\src\\main\\jni\\react\\jni\\Android.mk"	2020-04-27 19:38:02.193006200 -0700
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactAndroid\\src\\main\\jni\\react\\jni\\Android.mk"	2020-04-27 20:17:37.390332500 -0700
+@@ -80,3 +80,4 @@
+ include $(REACT_SRC_DIR)/../hermes/reactexecutor/Android.mk
+ include $(REACT_SRC_DIR)/../hermes/instrumentation/Android.mk
+ include $(REACT_SRC_DIR)/modules/blob/jni/Android.mk
++include $(REACT_SRC_DIR)/v8executor/Android.mk
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/jni/react/jni/JReactMarker.cpp b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/jni/react/jni/JReactMarker.cpp
new file mode 100644
index 00000000000000..c58763a6788021
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/jni/react/jni/JReactMarker.cpp
@@ -0,0 +1,18 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactAndroid\\src\\main\\jni\\react\\jni\\JReactMarker.cpp"	2020-04-27 19:36:21.764740900 -0700
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactAndroid\\src\\main\\jni\\react\\jni\\JReactMarker.cpp"	2020-04-27 21:01:59.685199700 -0700
+@@ -63,6 +63,15 @@
+     case ReactMarker::NATIVE_REQUIRE_STOP:
+       // These are not used on Android.
+       break;
++    case ReactMarker::BYTECODE_CREATION_FAILED:
++      JReactMarker::logMarker("BYTECODE_CREATION_FAILED");
++      break;
++    case ReactMarker::BYTECODE_READ_FAILED:
++      JReactMarker::logMarker("BYTECODE_READ_FAILED", tag);
++      break;
++    case ReactMarker::BYTECODE_WRITE_FAILED:
++      JReactMarker::logMarker("BYTECODE_WRITE_FAILED");
++      break;
+   }
+ }
+ 
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/jni/third-party/v8/Android.mk b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/jni/third-party/v8/Android.mk
new file mode 100644
index 00000000000000..faff4f013fb76a
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/jni/third-party/v8/Android.mk
@@ -0,0 +1,11 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactAndroid\\src\\main\\jni\\third-party\\v8\\Android.mk"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactAndroid\\src\\main\\jni\\third-party\\v8\\Android.mk"	2020-03-30 20:53:06.042614000 -0700
+@@ -0,0 +1,7 @@
++LOCAL_PATH:= $(call my-dir)
++include $(CLEAR_VARS)
++include $(LOCAL_PATH)/base.mk
++LOCAL_MODULE := v8
++LOCAL_SRC_FILES := $(LIB_PATH)/libv8.cr.so
++LOCAL_EXPORT_C_INCLUDES := $(V8_NUGET_DIR)/headers/include
++include $(PREBUILT_SHARED_LIBRARY)
+\ No newline at end of file
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/jni/third-party/v8/base.mk b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/jni/third-party/v8/base.mk
new file mode 100644
index 00000000000000..b2d93720c29c12
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/jni/third-party/v8/base.mk
@@ -0,0 +1,15 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactAndroid\\src\\main\\jni\\third-party\\v8\\base.mk"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactAndroid\\src\\main\\jni\\third-party\\v8\\base.mk"	2020-03-30 20:53:06.042614000 -0700
+@@ -0,0 +1,11 @@
++# This file will be included by all V8 bin modules.
++# It provides the relative path of V8 bin to the V8 nuget based upon the architecture.
++ifeq ($(TARGET_ARCH_ABI),armeabi-v7a)
++  LIB_PATH := $(V8_NUGET_DIR)/droidarm/ship/x-none
++else ifeq ($(TARGET_ARCH_ABI),x86)
++  LIB_PATH := $(V8_NUGET_DIR)/droidx86/ship/x-none
++else ifeq ($(TARGET_ARCH_ABI), arm64-v8a)
++  LIB_PATH := $(V8_NUGET_DIR)/droidarm64/ship/x-none
++else ifeq ($(TARGET_ARCH_ABI), x86_64)
++  LIB_PATH := $(V8_NUGET_DIR)/droidx64/ship/x-none
++endif
+\ No newline at end of file
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/jni/third-party/v8base/Android.mk b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/jni/third-party/v8base/Android.mk
new file mode 100644
index 00000000000000..18d7d4d1fd0e5f
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/jni/third-party/v8base/Android.mk
@@ -0,0 +1,10 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactAndroid\\src\\main\\jni\\third-party\\v8base\\Android.mk"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactAndroid\\src\\main\\jni\\third-party\\v8base\\Android.mk"	2020-03-30 20:53:06.043577500 -0700
+@@ -0,0 +1,6 @@
++LOCAL_PATH:= $(call my-dir)
++include $(CLEAR_VARS)
++include $(LOCAL_PATH)/../v8/base.mk
++LOCAL_MODULE:= v8base
++LOCAL_SRC_FILES := $(LIB_PATH)/libv8_libbase.cr.so
++include $(PREBUILT_SHARED_LIBRARY)
+\ No newline at end of file
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/jni/third-party/v8platform/Android.mk b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/jni/third-party/v8platform/Android.mk
new file mode 100644
index 00000000000000..903c3f03a78f7f
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactAndroid/src/main/jni/third-party/v8platform/Android.mk
@@ -0,0 +1,10 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactAndroid\\src\\main\\jni\\third-party\\v8platform\\Android.mk"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactAndroid\\src\\main\\jni\\third-party\\v8platform\\Android.mk"	2020-03-30 20:53:06.044602500 -0700
+@@ -0,0 +1,6 @@
++LOCAL_PATH:= $(call my-dir)
++include $(CLEAR_VARS)
++include $(LOCAL_PATH)/../v8/base.mk
++LOCAL_MODULE:= v8platform
++LOCAL_SRC_FILES := $(LIB_PATH)/libv8_libplatform.cr.so
++include $(PREBUILT_SHARED_LIBRARY)
+\ No newline at end of file
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactCommon/cxxreact/ReactMarker.h b/android-patches/patches-0.61.5/V8Integration/ReactCommon/cxxreact/ReactMarker.h
new file mode 100644
index 00000000000000..c5bbb0cc32e707
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactCommon/cxxreact/ReactMarker.h
@@ -0,0 +1,14 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactCommon\\cxxreact\\ReactMarker.h"	2020-04-27 19:36:21.885709100 -0700
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactCommon\\cxxreact\\ReactMarker.h"	2020-04-27 19:57:54.186846600 -0700
+@@ -24,7 +24,10 @@
+   NATIVE_MODULE_SETUP_START,
+   NATIVE_MODULE_SETUP_STOP,
+   REGISTER_JS_SEGMENT_START,
+-  REGISTER_JS_SEGMENT_STOP
++  REGISTER_JS_SEGMENT_STOP,
++  BYTECODE_CREATION_FAILED,
++  BYTECODE_READ_FAILED,
++  BYTECODE_WRITE_FAILED
+ };
+ 
+ #ifdef __APPLE__
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/Android.mk b/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/Android.mk
new file mode 100644
index 00000000000000..9106454c677231
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/Android.mk
@@ -0,0 +1,38 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactCommon\\jsi\\Android.mk"	2020-04-27 19:36:21.995306800 -0700
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactCommon\\jsi\\Android.mk"	2020-04-27 21:27:06.283123900 -0700
+@@ -24,7 +24,7 @@
+ 
+ LOCAL_MODULE := jscruntime
+ 
+-LOCAL_SRC_FILES := $(wildcard $(LOCAL_PATH)/*.cpp)
++LOCAL_SRC_FILES := JSCRuntime.cpp
+ 
+ LOCAL_C_INCLUDES := $(LOCAL_PATH)
+ LOCAL_EXPORT_C_INCLUDES := $(LOCAL_PATH)
+@@ -33,3 +33,26 @@
+ LOCAL_SHARED_LIBRARIES := libfolly_json libjsc glog
+ 
+ include $(BUILD_STATIC_LIBRARY)
++
++include $(CLEAR_VARS)
++
++LOCAL_MODULE := v8runtime
++
++LOCAL_SRC_FILES := \
++    FileUtils.cpp \
++    V8Runtime_shared.cpp \
++    V8Runtime_basic.cpp \
++    V8Runtime_droid.cpp \
++    V8Platform.cpp \
++
++LOCAL_C_INCLUDES := $(LOCAL_PATH) $(LOCAL_PATH)/..
++LOCAL_EXPORT_C_INCLUDES := $(LOCAL_PATH)
++
++LOCAL_CFLAGS := -fexceptions -frtti -O3
++LOCAL_SHARED_LIBRARIES := libfolly_json glog libv8 libv8platform libv8base
++
++include $(BUILD_STATIC_LIBRARY)
++
++$(call import-module,v8base)
++$(call import-module,v8)
++$(call import-module,v8platform)
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/FileUtils.cpp b/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/FileUtils.cpp
new file mode 100644
index 00000000000000..2d99018a0f169a
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/FileUtils.cpp
@@ -0,0 +1,111 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactCommon\\jsi\\FileUtils.cpp"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactCommon\\jsi\\FileUtils.cpp"	2020-03-30 20:53:06.049602300 -0700
+@@ -0,0 +1,108 @@
++#include "FileUtils.h"
++#include <cstring>
++#include <sstream>
++#include <fstream>
++#include <sys/mman.h>
++#include <assert.h>
++#include <errno.h>
++#include <cxxreact/ReactMarker.h>
++
++namespace facebook { namespace react {
++
++bool FileUtils::Exists(const std::string& path) {
++  std::ifstream infile(path.c_str());
++  return infile.good();
++}
++
++std::string FileUtils::ReadText(const std::string& filePath) {
++  long len;
++  bool isNew;
++  const char* content = ReadText(filePath, len, isNew);
++
++  std::string s(content, len);
++
++  if (isNew) {
++      delete[] content;
++  }
++
++  return s;
++}
++
++void* FileUtils::ReadBinary(const std::string& filePath, long& length) {
++  length = 0;
++  if (!FileUtils::Exists(filePath)) {
++    return nullptr;
++  }
++
++  bool isFailed{ true };
++  uint8_t* data{ nullptr };
++
++  auto file = fopen(filePath.c_str(), READ_BINARY);
++  if (file) {
++    if (fseek(file, 0, SEEK_END) != -1) {
++      length = ftell(file);
++      if (length != -1) {
++        rewind(file);
++        data = new uint8_t[length];
++        int readBytes = fread(data, sizeof(uint8_t), length, file);
++        if (readBytes == length) {
++          isFailed = false;
++        }
++      }
++    }
++  }
++
++  if (file) {
++    fclose(file);
++  }
++
++  if (isFailed) {
++    length = 0;
++    if (data != nullptr) {
++      delete[] data;
++    }
++    if (ReactMarker::logTaggedMarker) {
++      ReactMarker::logTaggedMarker(ReactMarker::BYTECODE_READ_FAILED, std::strerror(errno));
++    }
++  }
++
++  return data;
++}
++
++bool FileUtils::WriteBinary(const std::string& filePath, const void* data, long length) {
++  auto file = fopen(filePath.c_str(), WRITE_BINARY);
++  if (!file) {
++    return false;
++  }
++  long writtenBytes = fwrite(data, sizeof(uint8_t), length, file);
++  fclose(file);
++  return writtenBytes == length;
++}
++
++const char* FileUtils::ReadText(const std::string& filePath, long& charLength, bool& isNew) {
++  FILE* file = fopen(filePath.c_str(), "rb");
++  fseek(file, 0, SEEK_END);
++
++  charLength = ftell(file);
++  isNew = charLength > BUFFER_SIZE;
++
++  rewind(file);
++
++  if (isNew) {
++    char* newBuffer = new char[charLength];
++    fread(newBuffer, 1, charLength, file);
++    fclose(file);
++
++    return newBuffer;
++  }
++
++  fread(Buffer, 1, charLength, file);
++  fclose(file);
++
++  return Buffer;
++}
++
++char* FileUtils::Buffer = new char[BUFFER_SIZE];
++const char* FileUtils::WRITE_BINARY = "wb";
++const char* FileUtils::READ_BINARY = "rb";
++}}
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/FileUtils.h b/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/FileUtils.h
new file mode 100644
index 00000000000000..b6df09fe9de081
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/FileUtils.h
@@ -0,0 +1,24 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactCommon\\jsi\\FileUtils.h"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactCommon\\jsi\\FileUtils.h"	2020-03-30 20:53:06.050578200 -0700
+@@ -0,0 +1,21 @@
++#pragma once
++
++#include <string>
++
++namespace facebook { namespace react {
++
++class FileUtils {
++  public:
++      static const char* ReadText(const std::string& filePath, long& length, bool& isNew);
++      static std::string ReadText(const std::string& filePath);
++      static bool Exists(const std::string& filePath);
++      static bool WriteBinary(const std::string& filePath, const void* inData, long length);
++      static void* ReadBinary(const std::string& filePath, long& length);
++  private:
++      static const int BUFFER_SIZE = 1024 * 1024;
++      static char* Buffer;
++      static const char* WRITE_BINARY;
++      static const char* READ_BINARY;
++};
++
++}}
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Platform.cpp b/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Platform.cpp
new file mode 100644
index 00000000000000..75b9f2301b16fc
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Platform.cpp
@@ -0,0 +1,199 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactCommon\\jsi\\V8Platform.cpp"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactCommon\\jsi\\V8Platform.cpp"	2020-03-30 20:53:06.051625700 -0700
+@@ -0,0 +1,196 @@
++// Copyright 2013 the V8 project authors. All rights reserved.
++// Use of this source code is governed by a BSD-style license that can be
++// found in the LICENSE file.
++
++#include "V8Platform.h"
++
++#include <algorithm>
++#include <queue>
++#include <thread>
++#include <chrono>
++#include <jsi/V8Runtime.h>
++
++#include <cxxreact/MessageQueueThread.h>
++
++namespace facebook {
++namespace v8runtime {
++
++/*static*/ V8Platform& V8Platform::Get() {
++  static V8Platform platform;
++  return platform;
++}
++
++WorkerThreadsTaskRunner::~WorkerThreadsTaskRunner() {
++  stop_requested_ = true;
++  tasks_available_cond_.notify_all();
++  delayed_tasks_available_cond_.notify_all();
++
++  // Wait until both worker and timer threads are dranined.
++  std::unique_lock<std::mutex> worker_stopped_lock(worker_stopped_mutex_);
++  worker_stopped_cond_.wait(worker_stopped_lock, [this]() {return worker_stopped_; });
++
++  std::unique_lock<std::mutex> timer_stopped_lock(timer_stopped_mutex_);
++  timer_stopped_cond_.wait(timer_stopped_lock, [this]() {return timer_stopped_; });
++}
++
++WorkerThreadsTaskRunner::WorkerThreadsTaskRunner() {
++  std::thread(&WorkerThreadsTaskRunner::WorkerFunc, this).detach();
++  std::thread(&WorkerThreadsTaskRunner::TimerFunc, this).detach();
++}
++
++void WorkerThreadsTaskRunner::PostTask(std::unique_ptr<v8::Task> task) {
++  {
++    std::lock_guard<std::mutex> lock(queue_access_mutex_);
++    tasks_queue_.push(std::move(task));
++  }
++
++  tasks_available_cond_.notify_all();
++}
++
++void WorkerThreadsTaskRunner::PostDelayedTask(std::unique_ptr<v8::Task> task, double delay_in_seconds) {
++  {
++    if (delay_in_seconds == 0) {
++      PostTask(std::move(task));
++      return;
++    }
++
++    double deadline = std::chrono::steady_clock::now().time_since_epoch().count() + delay_in_seconds * std::chrono::duration_cast<std::chrono::nanoseconds>(std::chrono::seconds(1)).count();
++
++    std::lock_guard<std::mutex> lock(delayed_queue_access_mutex_);
++    delayed_task_queue_.push(std::make_pair(deadline, std::move(task)));
++    delayed_tasks_available_cond_.notify_all();
++  }
++}
++
++void WorkerThreadsTaskRunner::WorkerFunc() {
++  while (true) {
++    std::unique_lock<std::mutex> lock(queue_access_mutex_);
++    tasks_available_cond_.wait(lock, [this]() {return !tasks_queue_.empty() || stop_requested_; });
++
++    if (stop_requested_)
++      break;
++    if (tasks_queue_.empty()) continue;
++
++    std::unique_ptr<v8::Task> nexttask = std::move(tasks_queue_.front());
++    tasks_queue_.pop();
++
++    lock.unlock();
++
++    nexttask->Run();
++  }
++
++  worker_stopped_ = true;
++  worker_stopped_cond_.notify_all();
++}
++
++void WorkerThreadsTaskRunner::TimerFunc() {
++  while (true) {
++
++    std::unique_lock<std::mutex> delayed_lock(delayed_queue_access_mutex_);
++    delayed_tasks_available_cond_.wait(delayed_lock, [this]() {return !delayed_task_queue_.empty() || stop_requested_; });
++
++    if (stop_requested_)
++      break;
++
++    if (delayed_task_queue_.empty())
++      continue; // Loop back and block the thread.
++
++    std::queue<std::unique_ptr<v8::Task>> new_ready_tasks;
++
++    do {
++      const DelayedEntry& delayed_entry = delayed_task_queue_.top();
++      if (delayed_entry.first < std::chrono::steady_clock::now().time_since_epoch().count()) {
++        new_ready_tasks.push(std::move(const_cast<DelayedEntry&>(delayed_entry).second));
++        delayed_task_queue_.pop();
++      }
++      else
++      {
++        // The rest are not ready ..
++        break;
++      }
++
++    } while (!delayed_task_queue_.empty());
++
++    delayed_lock.unlock();
++
++    if (!new_ready_tasks.empty()) {
++      std::lock_guard<std::mutex> lock(queue_access_mutex_);
++
++      do {
++        tasks_queue_.push(std::move(new_ready_tasks.front()));
++        new_ready_tasks.pop();
++      } while (!new_ready_tasks.empty());
++
++      tasks_available_cond_.notify_all();
++    }
++
++    if (!delayed_task_queue_.empty()) {
++      std::this_thread::sleep_for(std::chrono::seconds(1)); // Wait for a second and loop back and recompute again.
++    } // else loop back and block the thread.
++
++  }
++
++  timer_stopped_ = true;
++  timer_stopped_cond_.notify_all();
++}
++
++void ForegroundTaskRunner::PostTask(std::unique_ptr<v8::Task> task) {
++  // Note :: We assume that the underlying message queue implementation is properly syncronized.
++  std::shared_ptr<v8::Task> s_task(task.release());
++  queue_->runOnQueue([s_task2=std::move(s_task)]() { s_task2->Run(); });
++}
++
++V8Platform::V8Platform() : tracing_controller_(std::make_unique<v8::TracingController>()), worker_task_runner_(std::make_unique<WorkerThreadsTaskRunner>()) {}
++
++V8Platform::~V8Platform() {}
++
++std::shared_ptr<v8::TaskRunner> V8Platform::GetForegroundTaskRunner(v8::Isolate* isolate) {
++  std::lock_guard<std::mutex> lock(foreground_task_runner_map_access_mutex);
++
++  if (foreground_task_runner_map_.find(isolate) == foreground_task_runner_map_.end()) {
++    facebook::v8runtime::IsolateData* isolate_data = reinterpret_cast<facebook::v8runtime::IsolateData*>(isolate->GetData(facebook::v8runtime::ISOLATE_DATA_SLOT));
++    foreground_task_runner_map_.insert(std::make_pair(isolate, std::make_shared<ForegroundTaskRunner>(isolate_data->jsQueue_)));
++  }
++
++  return foreground_task_runner_map_[isolate];
++}
++
++void V8Platform::CallOnWorkerThread(std::unique_ptr<v8::Task> task) {
++  worker_task_runner_->PostTask(std::move(task));
++}
++
++void V8Platform::CallDelayedOnWorkerThread(std::unique_ptr<v8::Task> task, double delay_in_seconds) {
++  worker_task_runner_->PostDelayedTask(std::move(task), delay_in_seconds);
++}
++
++void V8Platform::CallOnForegroundThread(v8::Isolate* isolate, v8::Task* task) {
++  GetForegroundTaskRunner(isolate)->PostTask(std::unique_ptr<v8::Task>(task));
++}
++
++void V8Platform::CallDelayedOnForegroundThread(v8::Isolate* isolate, v8::Task* task, double delay_in_seconds) {
++  // We don't need it as of now.
++  std::abort();
++}
++
++void V8Platform::CallIdleOnForegroundThread(v8::Isolate* isolate, v8::IdleTask* task) {
++  std::abort();
++}
++
++bool V8Platform::IdleTasksEnabled(v8::Isolate* isolate) { return false; }
++
++
++int V8Platform::NumberOfWorkerThreads() { return 1; }
++
++double V8Platform::MonotonicallyIncreasingTime() {
++  return static_cast<double>(std::chrono::steady_clock::now().time_since_epoch().count());
++}
++
++double V8Platform::CurrentClockTimeMillis() {
++  return static_cast<double>(std::chrono::system_clock::now().time_since_epoch().count());
++}
++
++v8::TracingController* V8Platform::GetTracingController() {
++  return tracing_controller_.get();
++}
++
++}}
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Platform.h b/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Platform.h
new file mode 100644
index 00000000000000..ab563b95f35ae2
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Platform.h
@@ -0,0 +1,140 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactCommon\\jsi\\V8Platform.h"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactCommon\\jsi\\V8Platform.h"	2020-03-30 20:53:06.052602300 -0700
+@@ -0,0 +1,137 @@
++#pragma once
++
++#include "v8.h"
++#include "libplatform/libplatform.h"
++#include <chrono>
++#include <map>
++#include <mutex>
++#include <atomic>
++#include <queue>
++#include <condition_variable>
++#include <cstdlib>
++
++#include <jsi/V8Runtime.h>
++
++namespace facebook {
++namespace v8runtime {
++
++class ForegroundTaskRunner : public v8::TaskRunner {
++public:
++
++  ForegroundTaskRunner(std::shared_ptr<facebook::react::MessageQueueThread> queue):queue_(queue){}
++
++  void PostTask(std::unique_ptr<v8::Task> task) override;
++
++  void PostDelayedTask(std::unique_ptr<v8::Task> task, double delay_in_seconds) override { std::abort(); }
++
++  void PostIdleTask(std::unique_ptr<v8::IdleTask> task) override { std::abort(); }
++
++  bool IdleTasksEnabled() override { return false; };
++private:
++
++  std::shared_ptr<facebook::react::MessageQueueThread> queue_;
++};
++
++class WorkerThreadsTaskRunner : public v8::TaskRunner {
++public:
++
++  WorkerThreadsTaskRunner();
++  ~WorkerThreadsTaskRunner();
++
++  void PostTask(std::unique_ptr<v8::Task> task) override;
++
++  void PostDelayedTask(std::unique_ptr<v8::Task> task, double delay_in_seconds) override;
++
++  void PostIdleTask(std::unique_ptr<v8::IdleTask> task) override { std::abort(); }
++
++  bool IdleTasksEnabled() override { return false; };
++
++private:
++  void WorkerFunc();
++  void TimerFunc();
++
++private:
++
++  using DelayedEntry = std::pair<double, std::unique_ptr<v8::Task>>;
++
++  // Define a comparison operator for the delayed_task_queue_ to make sure
++  // that the unique_ptr in the DelayedEntry is not accessed in the priority
++  // queue. This is necessary because we have to reset the unique_ptr when we
++  // remove a DelayedEntry from the priority queue.
++  struct DelayedEntryCompare {
++    bool operator()(DelayedEntry& left, DelayedEntry& right) {
++      return left.first > right.first;
++    }
++  };
++
++  std::priority_queue<DelayedEntry, std::vector<DelayedEntry>, DelayedEntryCompare> delayed_task_queue_;
++  std::queue<std::unique_ptr<v8::Task>> tasks_queue_;
++
++  std::mutex queue_access_mutex_;
++  std::condition_variable tasks_available_cond_;
++
++  std::mutex delayed_queue_access_mutex_;
++  std::condition_variable delayed_tasks_available_cond_;
++
++  std::atomic<bool> stop_requested_{ false };
++
++  // TODO -- This should become a semaphore when we support more than one worker thread.
++  std::mutex worker_stopped_mutex_;
++  std::condition_variable worker_stopped_cond_;
++  bool worker_stopped_{ false };
++
++  std::mutex timer_stopped_mutex_;
++  std::condition_variable timer_stopped_cond_;
++  bool timer_stopped_{ false };
++};
++
++constexpr int ISOLATE_DATA_SLOT = 0;
++class V8Runtime;
++// Platform needs to map every isolate to this data.
++struct IsolateData {
++  IsolateData(std::shared_ptr<facebook::react::MessageQueueThread> queue, V8Runtime* runtime)
++    : jsQueue_(queue), runtimeimpl_(runtime) {}
++  std::shared_ptr<facebook::react::MessageQueueThread> jsQueue_;
++  V8Runtime* runtimeimpl_;
++};
++
++class V8Platform : public v8::Platform {
++public:
++  explicit V8Platform();
++  ~V8Platform() override;
++
++  int NumberOfWorkerThreads() override;
++
++  std::shared_ptr<v8::TaskRunner> GetForegroundTaskRunner(v8::Isolate* isolate) override;
++
++  void CallOnWorkerThread(std::unique_ptr<v8::Task> task) override;
++  void CallDelayedOnWorkerThread(std::unique_ptr<v8::Task> task, double delay_in_seconds) override;
++
++  void CallOnForegroundThread(v8::Isolate* isolate, v8::Task* task) override;
++  void CallDelayedOnForegroundThread(v8::Isolate* isolate, v8::Task* task, double delay_in_seconds) override;
++
++  void CallIdleOnForegroundThread(v8::Isolate* isolate, v8::IdleTask* task) override;
++  bool IdleTasksEnabled(v8::Isolate* isolate) override;
++
++  double MonotonicallyIncreasingTime() override;
++  double CurrentClockTimeMillis() override;
++  v8::TracingController* GetTracingController() override;
++
++
++private:
++  V8Platform(const V8Platform&) = delete;
++  void operator=(const V8Platform&) = delete;
++
++  std::unique_ptr<v8::TracingController> tracing_controller_;
++
++  std::mutex foreground_task_runner_map_access_mutex;
++  std::map<v8::Isolate*, std::shared_ptr<ForegroundTaskRunner>> foreground_task_runner_map_;
++
++  std::unique_ptr<WorkerThreadsTaskRunner> worker_task_runner_;
++
++public:
++
++  static V8Platform& Get();
++};
++
++}}
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Runtime.h b/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Runtime.h
new file mode 100644
index 00000000000000..7df1ff9ac96113
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Runtime.h
@@ -0,0 +1,70 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactCommon\\jsi\\V8Runtime.h"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactCommon\\jsi\\V8Runtime.h"	2020-03-30 20:53:06.053576700 -0700
+@@ -0,0 +1,67 @@
++//  Copyright (c) Facebook, Inc. and its 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 <jsi/jsi.h>
++
++namespace facebook {
++  namespace react {
++    class MessageQueueThread;
++  }
++}
++
++namespace v8 {
++  template <class T> class Local;
++  class Context;
++  class Platform;
++  class Isolate;
++}
++
++namespace folly {
++  struct dynamic;
++}
++
++namespace facebook {
++namespace v8runtime {
++
++  class V8Platform;
++
++  struct InspectorInterface {
++
++    virtual ~InspectorInterface() {};
++
++    // This will start the server and listen for connections .. Don't create instance if debugger is not needed.
++    // Creating multiple inspectors in the same process is untested and not supported as of now.
++    static std::unique_ptr<InspectorInterface> create(V8Platform& platform, int port);
++
++    // We have an overly simplified model to start with. i.e. we support only one isolate+context for debugging.
++    // This must be called from inside the isolate and context scope to be debugged.
++    virtual void initialize(v8::Isolate* isolate, v8::Local<v8::Context> context, const char* context_name /*must be null terminated*/) = 0;
++
++    virtual void waitForDebugger() = 0;
++  };
++
++  // This might change in future.
++  using CacheProvider = std::function<std::unique_ptr<const jsi::Buffer>(const std::string& sourceUrl)>;
++
++  using Logger = std::function<void(const std::string& message, unsigned int logLevel)>;
++
++  std::unique_ptr<jsi::Runtime> makeV8Runtime(
++    const v8::Platform* platform, /*platform must be managed outside.*/
++    std::shared_ptr<Logger>&& logger,
++    std::shared_ptr<facebook::react::MessageQueueThread>&& jsQueue,
++    std::shared_ptr<CacheProvider>&& cacheProvider = nullptr, /*Optional*/
++    std::unique_ptr<InspectorInterface> inspector = nullptr, /*Optional*/
++    std::unique_ptr<const jsi::Buffer> default_snapshot_blob = nullptr, /*Optional*/
++    std::unique_ptr<const jsi::Buffer> default_natives_blob = nullptr, /*Optional*/
++    std::unique_ptr<const jsi::Buffer> custom_snapshot = nullptr); /*Optional*/
++
++  std::unique_ptr<jsi::Runtime> makeV8Runtime();
++  std::unique_ptr<jsi::Runtime> makeV8Runtime(const folly::dynamic& v8Config, const std::shared_ptr<Logger>& logger);
++
++} // namespace v8runtime
++} // namespace facebook
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Runtime_basic.cpp b/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Runtime_basic.cpp
new file mode 100644
index 00000000000000..f624f4bc483706
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Runtime_basic.cpp
@@ -0,0 +1,104 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactCommon\\jsi\\V8Runtime_basic.cpp"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactCommon\\jsi\\V8Runtime_basic.cpp"	2020-03-30 20:53:06.053576700 -0700
+@@ -0,0 +1,101 @@
++//  Copyright (c) Facebook, Inc. and its affiliates.
++//
++// This source code is licensed under the MIT license found in the
++ // LICENSE file in the root directory of this source tree.
++
++#include "V8Runtime.h"
++#include "V8Runtime_impl.h"
++
++#include <mutex>
++
++namespace facebook { namespace v8runtime {
++
++  namespace {
++    // Extracts a C string from a V8 Utf8Value.
++    const char* ToCString(const v8::String::Utf8Value& value) {
++      return *value ? *value : "<string conversion failed>";
++    }
++  }
++
++  V8Runtime::V8Runtime() {
++    // NewDefaultPlatform is causing linking error on droid.
++    // The issue is similar to what is mentioned here https://groups.google.com/forum/#!topic/v8-users/Jb1VSouy2Z0
++    // We are trying to figure out solution but using it's deprecated cousin CreateDefaultPlatform for now.
++
++    // platform_ = v8::platform::NewDefaultPlatform();
++    // v8::V8::InitializePlatform(platform_.get());
++    {
++      std::lock_guard<std::mutex> lock(sMutex_);
++      if (!sIsPlatformCreated_) {
++        v8::Platform *platform = v8::platform::CreateDefaultPlatform();
++        v8::V8::InitializePlatform(platform);
++        v8::V8::Initialize();
++        sIsPlatformCreated_ = true;
++      }
++
++      create_params_.array_buffer_allocator = v8::ArrayBuffer::Allocator::NewDefaultAllocator();
++      isolate_ = v8::Isolate::New(create_params_);
++      ++sCurrentIsolateCount_;
++    }
++
++    isolate_->Enter();
++
++    v8::HandleScope handleScope(isolate_);
++    context_.Reset(GetIsolate(), CreateContext(isolate_));
++
++    v8::Context::Scope context_scope(context_.Get(GetIsolate()));
++
++    // Create and keep the constuctor for creating Host objects.
++    v8::Local<v8::FunctionTemplate> constructorForHostObjectTemplate = v8::FunctionTemplate::New(isolate_);
++    v8::Local<v8::ObjectTemplate> hostObjectTemplate = constructorForHostObjectTemplate->InstanceTemplate();
++    hostObjectTemplate->SetHandler(v8::NamedPropertyHandlerConfiguration(HostObjectProxy::Get, HostObjectProxy::Set, nullptr, nullptr, HostObjectProxy::Enumerator));
++    hostObjectTemplate->SetInternalFieldCount(1);
++    hostObjectConstructor_.Reset(isolate_, constructorForHostObjectTemplate->GetFunction());
++  }
++
++  v8::Local<v8::Script> V8Runtime::GetCompiledScript(const v8::Local<v8::String> &source, const std::string& sourceURL) {
++    v8::Isolate *isolate = GetIsolate();
++    v8::TryCatch try_catch(isolate);
++    v8::MaybeLocal<v8::String> name = v8::String::NewFromUtf8(isolate, reinterpret_cast<const char*>(sourceURL.c_str()));
++    v8::ScriptOrigin origin(name.ToLocalChecked());
++    v8::Local<v8::Context> context(isolate->GetCurrentContext());
++
++#ifndef JSI_CORE
++    if (isCacheEnabled_) {
++      return GetCompiledScriptFromCache(source, sourceURL);
++    }
++#endif //JSI_CORE
++
++    v8::Local<v8::Script> script;
++    if (!v8::Script::Compile(context, source, &origin).ToLocal(&script)) {
++      ReportException(&try_catch);
++    }
++    return script;
++  }
++
++  jsi::Value V8Runtime::ExecuteString(const v8::Local<v8::String>& source, const std::string& sourceURL) {
++    _ISOLATE_CONTEXT_ENTER
++    v8::TryCatch try_catch(isolate);
++    v8::Local<v8::Context> context(isolate->GetCurrentContext());
++    v8::Local<v8::Script> script = GetCompiledScript(source, sourceURL);
++
++    v8::Local<v8::Value> result;
++    if (!script->Run(context).ToLocal(&result)) {
++      assert(try_catch.HasCaught());
++      // Print errors that happened during execution.
++      ReportException(&try_catch);
++      return false;
++    }
++    else {
++      assert(!try_catch.HasCaught());
++      if (printResult_ && !result->IsUndefined()) {
++        // If all went well and the result wasn't undefined then print
++        // the returned value.
++        v8::String::Utf8Value str(isolate, result);
++        const char* cstr = ToCString(str);
++        printf("%s\n", cstr);
++      }
++      return true;
++    }
++  }
++}} // namespace facebook::v8runtime
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Runtime_droid.cpp b/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Runtime_droid.cpp
new file mode 100644
index 00000000000000..6a186ba87dba29
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Runtime_droid.cpp
@@ -0,0 +1,160 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactCommon\\jsi\\V8Runtime_droid.cpp"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactCommon\\jsi\\V8Runtime_droid.cpp"	2020-04-28 00:20:23.756328900 -0700
+@@ -0,0 +1,157 @@
++//  Copyright (c) Facebook, Inc. and its affiliates.
++//
++// This source code is licensed under the MIT license found in the
++ // LICENSE file in the root directory of this source tree.
++
++#include "V8Runtime.h"
++#include "V8Runtime_impl.h"
++
++#include "FileUtils.h"
++#include "v8.h"
++#include "libplatform/libplatform.h"
++
++#include <cxxreact/ReactMarker.h>
++
++#include "V8Platform.h"
++
++#include <cstdlib>
++#include <iostream>
++#include <mutex>
++#include <atomic>
++#include <list>
++#include <sstream>
++
++#include <folly/json.h>
++
++namespace facebook { namespace v8runtime {
++
++  namespace {
++    int GetCacheTypeAsInt(const folly::dynamic& v8Config) {
++      return v8Config.getDefault("CacheType", static_cast<int>(CacheType::NoCache)).getInt();
++    }
++
++    std::string GetCacheDirectoryPath(const folly::dynamic& v8Config) {
++      return v8Config.getDefault("CacheDirectory", "").getString();
++    }
++
++    bool IsCacheEnabled(const folly::dynamic& v8Config) {
++      return
++        !v8Config.isNull() &&
++        !GetCacheDirectoryPath(v8Config).empty() &&
++        GetCacheTypeAsInt(v8Config) != static_cast<int>(CacheType::NoCache);
++    }
++
++    bool ShouldProduceFullCache(const folly::dynamic& v8Config) {
++      return GetCacheTypeAsInt(v8Config) == static_cast<int>(CacheType::FullCodeCache);
++    }
++
++    bool ShouldSetNoLazyFlag(const folly::dynamic& v8Config) {
++      return !v8Config.isNull() && !v8Config.getDefault("UseLazyScriptCompilation", false).getBool();
++    }
++  }
++
++  V8Runtime::V8Runtime(const folly::dynamic& v8Config, const std::shared_ptr<Logger>& logger) : V8Runtime() {
++    logger_ = logger;
++    isCacheEnabled_  = IsCacheEnabled(v8Config);
++    shouldProduceFullCache_ = ShouldProduceFullCache(v8Config);
++    shouldSetNoLazyFlag_ = ShouldSetNoLazyFlag(v8Config);
++    cacheDirectory_ = GetCacheDirectoryPath(v8Config);
++    cacheType_ = static_cast<CacheType>(v8Config.getDefault("CacheType", static_cast<int>(CacheType::NoCache)).getInt());
++  }
++
++  v8::ScriptCompiler::CachedData* V8Runtime::TryLoadCachedData(const std::string& path) {
++    long length = 0;
++    auto data = facebook::react::FileUtils::ReadBinary(path, length);
++    if (!data) {
++      return nullptr;
++    }
++
++    return new v8::ScriptCompiler::CachedData(reinterpret_cast<uint8_t*>(data), length, v8::ScriptCompiler::CachedData::BufferOwned);
++  }
++
++  void V8Runtime::PersistCachedData(std::unique_ptr<v8::ScriptCompiler::CachedData> cachedData, const std::string& path) {
++    if (!cachedData) {
++      if (react::ReactMarker::logTaggedMarker) {
++        react::ReactMarker::logMarker(react::ReactMarker::BYTECODE_CREATION_FAILED);
++      }
++      return;
++    }
++
++    int length = cachedData->length;
++    bool result = facebook::react::FileUtils::WriteBinary(path, cachedData->data, length);
++
++    if (!result) {
++      if (react::ReactMarker::logTaggedMarker) {
++        react::ReactMarker::logMarker(react::ReactMarker::BYTECODE_WRITE_FAILED);
++      }
++    }
++  }
++
++  v8::Local<v8::Script> V8Runtime::GetCompiledScriptFromCache(const v8::Local<v8::String> &sourceString, const std::string& sourceURL) {
++    std::size_t found = sourceURL.find_last_of("/");
++    std::string cacheFilePath = cacheDirectory_ + std::string("/") + sourceURL.substr(found + 1) + ".v8cache";
++    auto cacheData = TryLoadCachedData(cacheFilePath);
++
++    // No need to delete cacheData as ScriptCompiler::Source will take its ownership.
++    v8::ScriptCompiler::Source source(sourceString, cacheData);
++
++    v8::Local<v8::Script> script;
++    v8::Isolate *isolate = GetIsolate();
++    v8::Local<v8::Context> context(isolate->GetCurrentContext());
++    v8::TryCatch tc(isolate);
++    v8::ScriptCompiler::CompileOptions option = v8::ScriptCompiler::kNoCompileOptions;
++
++    if (shouldSetNoLazyFlag_) {
++      const char* lazy = "--nolazy";
++      v8::V8::SetFlagsFromString(lazy, strlen(lazy));
++    }
++
++    if (cacheData != nullptr) {
++      option = v8::ScriptCompiler::kConsumeCodeCache;
++      auto maybeScript = v8::ScriptCompiler::Compile(context, &source, option);
++
++      if (maybeScript.IsEmpty() || tc.HasCaught()) {
++        ReportException(&tc);
++      }
++
++      if (cacheData->rejected) {
++        remove(cacheFilePath.c_str());
++      }
++
++      script = maybeScript.ToLocalChecked();
++    }
++    else {
++      if (shouldProduceFullCache_) {
++        option = v8::ScriptCompiler::kProduceFullCodeCache;
++      }
++      else {
++        option = v8::ScriptCompiler::kProduceCodeCache;
++      }
++      auto maybeScript = v8::ScriptCompiler::Compile(context, &source, option);
++
++      if (maybeScript.IsEmpty() || tc.HasCaught()) {
++        ReportException(&tc);
++      }
++
++      script = maybeScript.ToLocalChecked();
++
++      // Don't create cache if the bundle is getting reloaded from dev server.
++      if (sourceURL.find("http://localhost:8081") == 0) {
++        return script;
++      }
++      
++      v8::Local<v8::UnboundScript> unboundScript = script->GetUnboundScript();
++
++      // CreateCodeCache always create buffer with BufferPolicy::BufferOwned,
++      // We need to just free CachedData and it will take care of deleting underlying buffer.
++      std::unique_ptr<v8::ScriptCompiler::CachedData> cachedData{ v8::ScriptCompiler::CreateCodeCache(unboundScript) };
++      PersistCachedData(std::move(cachedData), cacheFilePath);
++    }
++
++    return script;
++  }
++
++  std::unique_ptr<jsi::Runtime> makeV8Runtime(const folly::dynamic& v8Config, const std::shared_ptr<Logger>& logger) {
++    return std::make_unique<V8Runtime>(v8Config, logger);
++  }
++}} // namespace facebook::v8runtime
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Runtime_impl.h b/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Runtime_impl.h
new file mode 100644
index 00000000000000..4768ae69c982fa
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Runtime_impl.h
@@ -0,0 +1,467 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactCommon\\jsi\\V8Runtime_impl.h"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactCommon\\jsi\\V8Runtime_impl.h"	2020-04-28 00:10:16.028044600 -0700
+@@ -0,0 +1,464 @@
++//  Copyright (c) Facebook, Inc. and its 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 "V8Runtime.h"
++
++#include "v8.h"
++#include "libplatform/libplatform.h"
++
++#include "V8Platform.h"
++
++#include <cstdlib>
++#include <iostream>
++#include <mutex>
++#include <atomic>
++#include <list>
++#include <sstream>
++
++#include <cstdlib>
++
++#if defined(_MSC_VER)
++#define CDECL __cdecl
++#else
++#define CDECL
++#endif
++
++#define _ISOLATE_CONTEXT_ENTER v8::Isolate *isolate = v8::Isolate::GetCurrent(); \
++    v8::Isolate::Scope isolate_scope(isolate); \
++    v8::HandleScope handle_scope(isolate); \
++    v8::Context::Scope context_scope(context_.Get(isolate));
++
++namespace facebook { namespace v8runtime {
++
++  enum class CacheType {
++    NoCache,
++    CodeCache,
++    FullCodeCache
++  };
++
++  class V8Runtime : public jsi::Runtime {
++  public:
++    V8Runtime();
++    V8Runtime(const folly::dynamic& v8Config, const std::shared_ptr<Logger>& logger);
++
++    V8Runtime(const v8::Platform* platform, std::shared_ptr<Logger>&& logger,
++      std::shared_ptr<facebook::react::MessageQueueThread>&& jsQueue, std::shared_ptr<CacheProvider>&& cacheProvider,
++      std::unique_ptr<InspectorInterface> inspector, std::unique_ptr<const jsi::Buffer> default_snapshot_blob,
++      std::unique_ptr<const jsi::Buffer> default_natives_blob, std::unique_ptr<const jsi::Buffer> custom_snapshot);
++
++    ~V8Runtime();
++
++    jsi::Value evaluateJavaScript(const std::shared_ptr<const jsi::Buffer>& buffer, const std::string& sourceURL) override;
++
++    jsi::Object global() override;
++
++    std::string description() override;
++
++    bool isInspectable() override;
++
++  private:
++
++    struct IHostProxy {
++      virtual void destroy() = 0;
++    };
++
++    class HostObjectLifetimeTracker {
++    public:
++      void ResetHostObject(bool isGC /*whether the call is coming from GC*/) {
++        assert(!isGC || !isReset_);
++        if (!isReset_) {
++          isReset_ = true;
++          hostProxy_->destroy();
++          objectTracker_.Reset();
++        }
++      }
++
++      HostObjectLifetimeTracker(V8Runtime& runtime, v8::Local<v8::Object> obj, IHostProxy* hostProxy) : hostProxy_(hostProxy) {
++        objectTracker_.Reset(runtime.GetIsolate(), obj);
++        objectTracker_.SetWeak(this, HostObjectLifetimeTracker::Destroyed, v8::WeakCallbackType::kParameter);
++      }
++
++      // Useful for debugging.
++      ~HostObjectLifetimeTracker() {
++        assert(isReset_);
++        std::cout << "~HostObjectLifetimeTracker" << std::endl;
++      }
++
++    private:
++      v8::Global<v8::Object> objectTracker_;
++      std::atomic<bool> isReset_{ false };
++      IHostProxy* hostProxy_;
++
++      static void CDECL Destroyed(const v8::WeakCallbackInfo<HostObjectLifetimeTracker>& data) {
++        v8::HandleScope handle_scope(v8::Isolate::GetCurrent());
++        data.GetParameter()->ResetHostObject(true /*isGC*/);
++      }
++
++    };
++
++    class HostObjectProxy : public IHostProxy {
++    public:
++      static void Get(v8::Local<v8::Name> v8PropName, const v8::PropertyCallbackInfo<v8::Value>& info)
++      {
++        v8::Local<v8::External> data = v8::Local<v8::External>::Cast(info.This()->GetInternalField(0));
++        HostObjectProxy* hostObjectProxy = reinterpret_cast<HostObjectProxy*>(data->Value());
++
++        if (hostObjectProxy == nullptr)
++          std::abort();
++
++        V8Runtime& runtime = hostObjectProxy->runtime_;
++        std::shared_ptr<jsi::HostObject> hostObject = hostObjectProxy->hostObject_;
++
++        v8::Local<v8::String> propNameStr = v8::Local<v8::String>::Cast(v8PropName);
++        std::string propName;
++        propName.resize(propNameStr->Utf8Length(info.GetIsolate()));
++        propNameStr->WriteUtf8(info.GetIsolate(), &propName[0]);
++
++        jsi::PropNameID propNameId = runtime.createPropNameIDFromUtf8(reinterpret_cast<uint8_t*>(&propName[0]), propName.length());
++        info.GetReturnValue().Set(runtime.valueRef(hostObject->get(runtime, propNameId)));
++      }
++
++      static void Set(v8::Local<v8::Name> v8PropName, v8::Local<v8::Value> value, const v8::PropertyCallbackInfo<v8::Value>& info)
++      {
++        v8::Local<v8::External> data = v8::Local<v8::External>::Cast(info.This()->GetInternalField(0));
++        HostObjectProxy* hostObjectProxy = reinterpret_cast<HostObjectProxy*>(data->Value());
++
++        if (hostObjectProxy == nullptr)
++          std::abort();
++
++        V8Runtime& runtime = hostObjectProxy->runtime_;
++        std::shared_ptr<jsi::HostObject> hostObject = hostObjectProxy->hostObject_;
++
++        v8::Local<v8::String> propNameStr = v8::Local<v8::String>::Cast(v8PropName);
++
++        std::string propName;
++        propName.resize(propNameStr->Utf8Length(info.GetIsolate()));
++        propNameStr->WriteUtf8(info.GetIsolate(), &propName[0]);
++
++        hostObject->set(runtime, runtime.createPropNameIDFromUtf8(reinterpret_cast<uint8_t*>(&propName[0]), propName.length()), runtime.createValue(value));
++      }
++
++      static void Enumerator(const v8::PropertyCallbackInfo<v8::Array>& info)
++      {
++        v8::Local<v8::External> data = v8::Local<v8::External>::Cast(info.Data());
++        HostObjectProxy* hostObjectProxy = reinterpret_cast<HostObjectProxy*>(data->Value());
++
++        if (hostObjectProxy != nullptr) {
++
++          V8Runtime& runtime = hostObjectProxy->runtime_;
++          std::shared_ptr<jsi::HostObject> hostObject = hostObjectProxy->hostObject_;
++
++          std::vector<jsi::PropNameID> propIds = hostObject->getPropertyNames(runtime);
++
++          v8::Local<v8::Array> result = v8::Array::New(info.GetIsolate(), static_cast<int>(propIds.size()));
++          v8::Local<v8::Context> context = info.GetIsolate()->GetCurrentContext();
++
++          for (uint32_t i = 0; i < result->Length(); i++)
++          {
++            v8::Local<v8::Value> propIdValue = runtime.valueRef(propIds[i]);
++            if (!result->Set(context, i, propIdValue).FromJust()) { std::terminate(); };
++          }
++
++          info.GetReturnValue().Set(result);
++        }
++        else {
++          info.GetReturnValue().Set(v8::Array::New(info.GetIsolate()));
++        }
++      }
++
++      HostObjectProxy(V8Runtime& rt, const std::shared_ptr<jsi::HostObject>& hostObject) : runtime_(rt), hostObject_(hostObject) {}
++      std::shared_ptr<jsi::HostObject> getHostObject() { return hostObject_; }
++    private:
++      friend class HostObjectLifetimeTracker;
++      void destroy() override {
++        hostObject_.reset();
++      }
++
++      V8Runtime& runtime_;
++      std::shared_ptr<jsi::HostObject> hostObject_;
++    };
++
++    class HostFunctionProxy : public IHostProxy {
++    public:
++      static void call(HostFunctionProxy& hostFunctionProxy, const v8::FunctionCallbackInfo<v8::Value>& callbackInfo) {
++        V8Runtime& runtime = const_cast<V8Runtime&>(hostFunctionProxy.runtime_);
++        v8::Isolate* isolate = callbackInfo.GetIsolate();
++
++        std::vector<jsi::Value> argsVector;
++        for (int i = 0; i < callbackInfo.Length(); i++)
++        {
++          argsVector.push_back(hostFunctionProxy.runtime_.createValue(callbackInfo[i]));
++        }
++
++        const jsi::Value& thisVal = runtime.createValue(callbackInfo.This());
++
++        try {
++          throw std::runtime_error("Error");
++        } catch(const std::exception& ex) {
++          std::string what = ex.what();
++        }
++
++        jsi::Value result;
++        try {
++          result = hostFunctionProxy.func_(runtime, thisVal, argsVector.data(), callbackInfo.Length());
++        }
++        catch (const jsi::JSError& error) {
++          callbackInfo.GetReturnValue().Set(v8::Undefined(isolate));
++
++          // Schedule to throw the exception back to JS.
++          isolate->ThrowException(runtime.valueRef(error.value()));
++          return;
++        }
++        catch (const std::exception& ex) {
++          callbackInfo.GetReturnValue().Set(v8::Undefined(isolate));
++
++          // Schedule to throw the exception back to JS.
++          v8::Local<v8::String> message = v8::String::NewFromUtf8(isolate, ex.what(), v8::NewStringType::kNormal).ToLocalChecked();
++          isolate->ThrowException(v8::Exception::Error(message));
++          return;
++        }
++        catch (...) {
++          callbackInfo.GetReturnValue().Set(v8::Undefined(isolate));
++
++          // Schedule to throw the exception back to JS.
++          v8::Local<v8::String> message = v8::String::NewFromOneByte(isolate, reinterpret_cast<const uint8_t*>("<Unknown exception in host function callback>"), v8::NewStringType::kNormal).ToLocalChecked();
++          isolate->ThrowException(v8::Exception::Error(message));
++          return;
++        }
++
++        callbackInfo.GetReturnValue().Set(runtime.valueRef(result));
++      }
++
++    public:
++      static void CDECL HostFunctionCallback(const v8::FunctionCallbackInfo<v8::Value>& info)
++      {
++        v8::HandleScope handle_scope(v8::Isolate::GetCurrent());
++        v8::Local<v8::External> data = v8::Local<v8::External>::Cast(info.Data());
++        HostFunctionProxy* hostFunctionProxy = reinterpret_cast<HostFunctionProxy*> (data->Value());
++        hostFunctionProxy->call(*hostFunctionProxy, info);
++      }
++
++      HostFunctionProxy(facebook::v8runtime::V8Runtime& runtime, jsi::HostFunctionType func)
++        : func_(std::move(func)), runtime_(runtime) {};
++
++    private:
++      friend class HostObjectLifetimeTracker;
++      void destroy() override {
++        func_ = [](Runtime& rt, const jsi::Value& thisVal, const jsi::Value* args, size_t count) {return jsi::Value::undefined(); };
++      }
++
++      jsi::HostFunctionType func_;
++      facebook::v8runtime::V8Runtime& runtime_;
++    };
++
++    class V8StringValue final : public PointerValue {
++      V8StringValue(v8::Local<v8::String> str);
++      ~V8StringValue();
++
++      void invalidate() override;
++
++      v8::Persistent<v8::String> v8String_;
++    protected:
++      friend class V8Runtime;
++    };
++
++    class V8ObjectValue final : public PointerValue {
++      V8ObjectValue(v8::Local<v8::Object> obj);
++
++      ~V8ObjectValue();
++
++      void invalidate() override;
++
++      v8::Persistent<v8::Object> v8Object_;
++
++    protected:
++      friend class V8Runtime;
++    };
++
++    class ExternalOwningOneByteStringResource
++      : public v8::String::ExternalOneByteStringResource {
++    public:
++      explicit ExternalOwningOneByteStringResource(const std::shared_ptr<const jsi::Buffer>& buffer)
++        : buffer_(buffer) /*create a copy of shared_ptr*/ {}
++      const char* data() const override { return reinterpret_cast<const char*>(buffer_->data()); }
++      size_t length() const override { return buffer_->size(); }
++
++    private:
++      std::shared_ptr<const jsi::Buffer> buffer_;
++    };
++
++    std::shared_ptr<const facebook::jsi::PreparedJavaScript> prepareJavaScript(const std::shared_ptr<const facebook::jsi::Buffer> &, std::string) override;
++    facebook::jsi::Value evaluatePreparedJavaScript(const std::shared_ptr<const facebook::jsi::PreparedJavaScript> &) override;
++
++    std::string symbolToString(const facebook::jsi::Symbol &) override;
++    
++    PointerValue* cloneString(const Runtime::PointerValue* pv) override;
++    PointerValue *cloneSymbol(const PointerValue *) override;
++    PointerValue* cloneObject(const Runtime::PointerValue* pv) override;
++    PointerValue* clonePropNameID(const Runtime::PointerValue* pv) override;
++
++    jsi::PropNameID createPropNameIDFromAscii(const char* str, size_t length)
++      override;
++    jsi::PropNameID createPropNameIDFromUtf8(const uint8_t* utf8, size_t length)
++      override;
++    jsi::PropNameID createPropNameIDFromString(const jsi::String& str) override;
++    std::string utf8(const jsi::PropNameID&) override;
++    bool compare(const jsi::PropNameID&, const jsi::PropNameID&) override;
++
++    jsi::String createStringFromAscii(const char* str, size_t length) override;
++    jsi::String createStringFromUtf8(const uint8_t* utf8, size_t length) override;
++    std::string utf8(const jsi::String&) override;
++
++    jsi::Object createObject() override;
++    jsi::Object createObject(std::shared_ptr<jsi::HostObject> ho) override;
++    virtual std::shared_ptr<jsi::HostObject> getHostObject(
++      const jsi::Object&) override;
++    jsi::HostFunctionType& getHostFunction(const jsi::Function&) override;
++
++    jsi::Value getProperty(const jsi::Object&, const jsi::String& name) override;
++    jsi::Value getProperty(const jsi::Object&, const jsi::PropNameID& name)
++      override;
++    bool hasProperty(const jsi::Object&, const jsi::String& name) override;
++    bool hasProperty(const jsi::Object&, const jsi::PropNameID& name) override;
++    void setPropertyValue(
++      jsi::Object&,
++      const jsi::String& name,
++      const jsi::Value& value) override;
++    void setPropertyValue(
++      jsi::Object&,
++      const jsi::PropNameID& name,
++      const jsi::Value& value) override;
++    bool isArray(const jsi::Object&) const override;
++    bool isArrayBuffer(const jsi::Object&) const override;
++    bool isFunction(const jsi::Object&) const override;
++    bool isHostObject(const jsi::Object&) const override;
++    bool isHostFunction(const jsi::Function&) const override;
++    jsi::Array getPropertyNames(const jsi::Object&) override;
++
++    jsi::WeakObject createWeakObject(const jsi::Object&) override;
++    jsi::Value lockWeakObject(const jsi::WeakObject&) override;
++
++    jsi::Array createArray(size_t length) override;
++    size_t size(const jsi::Array&) override;
++    size_t size(const jsi::ArrayBuffer&) override;
++    uint8_t* data(const jsi::ArrayBuffer&) override;
++    jsi::Value getValueAtIndex(const jsi::Array&, size_t i) override;
++    void setValueAtIndexImpl(jsi::Array&, size_t i, const jsi::Value& value)
++      override;
++
++    jsi::Function createFunctionFromHostFunction(
++      const jsi::PropNameID& name,
++      unsigned int paramCount,
++      jsi::HostFunctionType func) override;
++    jsi::Value call(
++      const jsi::Function&,
++      const jsi::Value& jsThis,
++      const jsi::Value* args,
++      size_t count) override;
++    jsi::Value callAsConstructor(
++      const jsi::Function&,
++      const jsi::Value* args,
++      size_t count) override;
++
++    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 strictEquals(const jsi::Symbol& a, const jsi::Symbol& b) const override;
++
++    bool instanceOf(const jsi::Object& o, const jsi::Function& f) override;
++
++  void AddHostObjectLifetimeTracker(std::shared_ptr<HostObjectLifetimeTracker> hostObjectLifetimeTracker);
++
++  static void CDECL OnMessage(v8::Local<v8::Message> message, v8::Local<v8::Value> error);
++
++  private:
++
++    v8::Local<v8::Context> CreateContext(v8::Isolate* isolate);
++
++    // Methods to compile and execute JS script.
++    v8::ScriptCompiler::CachedData* TryLoadCachedData(const std::string& path);
++    void PersistCachedData(std::unique_ptr<v8::ScriptCompiler::CachedData> cachedData, const std::string& path);
++    v8::Local<v8::Script> GetCompiledScriptFromCache(const v8::Local<v8::String> &source, const std::string& sourceURL);
++    v8::Local<v8::Script> GetCompiledScript(const v8::Local<v8::String> &source, const std::string& sourceURL);
++
++    jsi::Value ExecuteString(v8::Local<v8::String> source, const jsi::Buffer* cache, v8::Local<v8::Value> name, bool report_exceptions);
++    jsi::Value ExecuteString(const v8::Local<v8::String>& source, const std::string& sourceURL);
++
++    void Log(const std::string& message, const unsigned int logLevel) {
++      if (logger_) {
++        (*logger_)("V8Runtime:: " + message, logLevel);
++      }
++    }
++
++    void ReportException(v8::TryCatch* try_catch);
++
++    v8::Isolate* GetIsolate() const { return isolate_; }
++
++    // Basically convenience casts
++    static v8::Local<v8::String> stringRef(const jsi::String& str);
++    static v8::Local<v8::Value> valueRef(const jsi::PropNameID& sym);
++    static v8::Local<v8::Object> objectRef(const jsi::Object& obj);
++
++    v8::Local<v8::Value> valueRef(const jsi::Value& value);
++    jsi::Value createValue(v8::Local<v8::Value> value) const;
++
++    // Factory methods for creating String/Object
++    jsi::String createString(v8::Local<v8::String> stringRef) const;
++    jsi::PropNameID createPropNameID(v8::Local<v8::Value> propValRef);
++    jsi::Object createObject(v8::Local<v8::Object> objectRef) const;
++
++    // Used by factory methods and clone methods
++    jsi::Runtime::PointerValue* makeStringValue(v8::Local<v8::String> str) const;
++    jsi::Runtime::PointerValue* makeObjectValue(v8::Local<v8::Object> obj) const;
++
++    v8::Isolate* isolate_;
++    std::unique_ptr<IsolateData> isolate_data_;
++
++    v8::Global<v8::Context> context_;
++
++    v8::StartupData startup_data_;
++    v8::Isolate::CreateParams create_params_;
++
++    v8::Persistent<v8::FunctionTemplate> hostFunctionTemplate_;
++    v8::Persistent<v8::Function> hostObjectConstructor_;
++
++    std::list<std::shared_ptr<HostObjectLifetimeTracker>> hostObjectLifetimeTrackerList_;
++
++    // These are a few configuration parameter used only on Android now.
++    bool isCacheEnabled_ {false};
++    bool shouldProduceFullCache_ {false};
++    bool shouldSetNoLazyFlag_ {false};
++    std::string cacheDirectory_;
++    CacheType cacheType_;
++
++    bool reportException_{ true };
++    bool printResult_{ false };
++    std::string desc_;
++
++    const v8::Platform* platform_;
++    std::shared_ptr<Logger> logger_;
++
++    std::shared_ptr<CacheProvider> cacheProvider_;
++    std::unique_ptr<InspectorInterface> inspector_{nullptr};
++
++    std::unique_ptr<const jsi::Buffer> default_snapshot_blob_;
++    std::unique_ptr<const jsi::Buffer> default_natives_blob_;
++    std::unique_ptr<const jsi::Buffer> custom_snapshot_blob_;
++
++    v8::StartupData default_snapshot_startup_data_;
++    v8::StartupData default_natives_startup_data_;
++    v8::StartupData custom_snapshot_startup_data_;
++
++    std::vector<std::unique_ptr<ExternalOwningOneByteStringResource>> owned_external_string_resources_;
++
++    // v8::Platform is shared between isolates. It will be kept alive till there is an isolate using it.
++    // It will be shutdown when isolate count drops to zero.
++    // Following statics are used to manage the liftime of the v8::Platform.
++    static std::mutex sMutex_;
++    static bool sIsPlatformCreated_;
++    static unsigned int sCurrentIsolateCount_;
++  };
++}} // namespace facebook::v8runtime
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Runtime_shared.cpp b/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Runtime_shared.cpp
new file mode 100644
index 00000000000000..0f4461e44d6856
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Runtime_shared.cpp
@@ -0,0 +1,778 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactCommon\\jsi\\V8Runtime_shared.cpp"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactCommon\\jsi\\V8Runtime_shared.cpp"	2020-04-28 00:12:31.612118400 -0700
+@@ -0,0 +1,775 @@
++//  Copyright (c) Facebook, Inc. and its affiliates.
++//
++// This source code is licensed under the MIT license found in the
++ // LICENSE file in the root directory of this source tree.
++
++#include "V8Runtime.h"
++#include "V8Runtime_impl.h"
++
++#include "v8.h"
++#include "libplatform/libplatform.h"
++
++#include "V8Platform.h"
++
++#include <cstdlib>
++#include <iostream>
++#include <mutex>
++#include <atomic>
++#include <list>
++#include <sstream>
++
++#define _ISOLATE_CONTEXT_ENTER v8::Isolate *isolate = v8::Isolate::GetCurrent(); \
++    v8::Isolate::Scope isolate_scope(isolate); \
++    v8::HandleScope handle_scope(isolate); \
++    v8::Context::Scope context_scope(context_.Get(isolate));
++
++namespace facebook { namespace v8runtime {
++
++  std::mutex V8Runtime::sMutex_;
++  bool V8Runtime::sIsPlatformCreated_{ false };
++  unsigned int V8Runtime::sCurrentIsolateCount_{ 0 };
++
++  // String utilities
++  namespace {
++    std::string JSStringToSTLString(v8::Isolate* isolate, v8::Local<v8::String> string) {
++      int utfLen = string->Utf8Length(isolate);
++      std::string result;
++      result.resize(utfLen);
++      string->WriteUtf8(isolate, &result[0], utfLen);
++      return result;
++    }
++
++    // Extracts a C string from a V8 Utf8Value.
++    const char* ToCString(const v8::String::Utf8Value& value) {
++      return *value ? *value : "<string conversion failed>";
++    }
++  } // namespace
++
++  void V8Runtime::AddHostObjectLifetimeTracker(std::shared_ptr<HostObjectLifetimeTracker> hostObjectLifetimeTracker) {
++    // Note that we are letting the list grow in definitely as of now.. The list gets cleaned up when the runtime is teared down.
++    // TODO :: We should remove entries from the list as the objects are garbage collected.
++    hostObjectLifetimeTrackerList_.push_back(hostObjectLifetimeTracker);
++  }
++
++  /*static */void V8Runtime::OnMessage(v8::Local<v8::Message> message, v8::Local<v8::Value> error) {
++    v8::Isolate* isolate = v8::Isolate::GetCurrent();
++    IsolateData* isolateData = reinterpret_cast<IsolateData*>(isolate->GetData(ISOLATE_DATA_SLOT));
++    V8Runtime* runtime = isolateData->runtimeimpl_;
++
++    v8::String::Utf8Value filename(isolate, message->GetScriptOrigin().ResourceName());
++    // (filename):(line) (message)
++    std::stringstream warning;
++    warning << *filename;
++    warning << ":";
++    warning << message->GetLineNumber(isolate->GetCurrentContext()).FromMaybe(-1);
++    warning << " ";
++    v8::String::Utf8Value msg(isolate, message->Get());
++    warning << *msg;
++
++    // Note :: The log levels don't match with react native definitions.
++    (*(runtime->logger_))(warning.str(), message->ErrorLevel());
++
++    if(message->ErrorLevel() == v8::Isolate::MessageErrorLevel::kMessageError) {
++      std::abort();
++    }
++  }
++
++  V8Runtime::V8Runtime(const v8::Platform* platform, std::shared_ptr<Logger>&& logger,
++    std::shared_ptr<facebook::react::MessageQueueThread>&& jsQueue, std::shared_ptr<CacheProvider>&& cacheProvider,
++    std::unique_ptr<InspectorInterface> inspector, std::unique_ptr<const jsi::Buffer> default_snapshot_blob,
++    std::unique_ptr<const jsi::Buffer> default_natives_blob, std::unique_ptr<const jsi::Buffer> custom_snapshot)
++    : platform_(platform), logger_(std::move(logger)), cacheProvider_(std::move(cacheProvider)), inspector_(std::move(inspector)), default_snapshot_blob_(std::move(default_snapshot_blob)), default_natives_blob_(std::move(default_natives_blob)), custom_snapshot_blob_(std::move(custom_snapshot)) {
++
++    if (!platform_) {
++      platform_ = &V8Platform::Get();
++      v8::V8::InitializePlatform(const_cast<v8::Platform*>(platform_));
++    }
++
++    // This can be called multiple times in process.
++    v8::V8::Initialize();
++
++    if (default_snapshot_blob_) {
++      default_snapshot_startup_data_ = { reinterpret_cast<const char*> (default_snapshot_blob_->data()), static_cast<int>(default_snapshot_blob_->size()) };
++      v8::V8::SetSnapshotDataBlob(&default_snapshot_startup_data_);
++    }
++
++    if (default_natives_blob_) {
++      default_natives_startup_data_ = { reinterpret_cast<const char*> (default_natives_blob_->data()), static_cast<int>(default_natives_blob_->size()) };
++      v8::V8::SetNativesDataBlob(&default_natives_startup_data_);
++    }
++
++    if (custom_snapshot_blob_) {
++      custom_snapshot_startup_data_ = { reinterpret_cast<const char*> (custom_snapshot_blob_->data()), static_cast<int>(custom_snapshot_blob_->size()) };
++      create_params_.snapshot_blob = &custom_snapshot_startup_data_;
++    }
++
++    // One per each runtime.
++    create_params_.array_buffer_allocator = v8::ArrayBuffer::Allocator::NewDefaultAllocator();
++
++    isolate_ = v8::Isolate::Allocate();
++    if (isolate_ == nullptr)
++      std::abort();
++
++    isolate_data_ = std::make_unique<IsolateData>(jsQueue, this);
++    isolate_->SetData(ISOLATE_DATA_SLOT, isolate_data_.get());
++
++    v8::Isolate::Initialize(isolate_, create_params_);
++
++    // isolate_->AddMessageListenerWithErrorLevel(OnMessage, v8::Isolate::MessageErrorLevel::kMessageAll);
++    isolate_->AddMessageListenerWithErrorLevel(OnMessage, v8::Isolate::MessageErrorLevel::kMessageError | v8::Isolate::MessageErrorLevel::kMessageWarning);
++
++    // TODO :: Toggle for ship builds.
++    isolate_->SetAbortOnUncaughtExceptionCallback([](v8::Isolate*) {return true; });
++
++    isolate_->Enter();
++
++    v8::HandleScope handleScope(isolate_);
++    context_.Reset(GetIsolate(), CreateContext(isolate_));
++
++    v8::Context::Scope context_scope(context_.Get(GetIsolate()));
++
++    if (inspector_) {
++      inspector_->initialize(isolate_, isolate_->GetCurrentContext(), "JSIRuntime context");
++      inspector_->waitForDebugger();
++    }
++
++    // Create and keep the constuctor for creating Host objects.
++    v8::Local<v8::FunctionTemplate> constructorForHostObjectTemplate = v8::FunctionTemplate::New(isolate_);
++    v8::Local<v8::ObjectTemplate> hostObjectTemplate = constructorForHostObjectTemplate->InstanceTemplate();
++    hostObjectTemplate->SetHandler(v8::NamedPropertyHandlerConfiguration(HostObjectProxy::Get, HostObjectProxy::Set, nullptr, nullptr, HostObjectProxy::Enumerator));
++    hostObjectTemplate->SetInternalFieldCount(1);
++    hostObjectConstructor_.Reset(isolate_, constructorForHostObjectTemplate->GetFunction());
++  }
++
++  V8Runtime::~V8Runtime() {
++
++    hostObjectConstructor_.Reset();
++    context_.Reset();
++
++    for (std::shared_ptr<HostObjectLifetimeTracker> hostObjectLifetimeTracker : hostObjectLifetimeTrackerList_) {
++      hostObjectLifetimeTracker->ResetHostObject(false /*isGC*/);
++    }
++
++    isolate_->Exit();
++    isolate_->Dispose();
++
++    delete create_params_.array_buffer_allocator;
++
++    {
++      std::lock_guard<std::mutex> lock(sMutex_);
++      if (sIsPlatformCreated_ && 0 == --sCurrentIsolateCount_) {
++        v8::V8::ShutdownPlatform();
++        sIsPlatformCreated_ = false;
++      }
++    }
++  }
++
++  jsi::Value V8Runtime::evaluateJavaScript(
++    const std::shared_ptr<const jsi::Buffer>& buffer,
++    const std::string& sourceURL) {
++
++    _ISOLATE_CONTEXT_ENTER
++
++    // TODO :: assert if not one byte.
++    ExternalOwningOneByteStringResource* external_string_resource = new ExternalOwningOneByteStringResource(buffer);
++    v8::Local<v8::String> sourceV8String;
++    if (!v8::String::NewExternalOneByte(isolate, external_string_resource).ToLocal(&sourceV8String)) {
++      // fallback.
++      if (!v8::String::NewFromUtf8(isolate, reinterpret_cast<const char*>(external_string_resource->data()), v8::NewStringType::kNormal, static_cast<int>(external_string_resource->length())).ToLocal(&sourceV8String)) {
++        std::abort();
++      }
++
++      delete external_string_resource;
++    }
++
++    if (cacheProvider_) {
++      v8::Local<v8::String> urlV8String = v8::String::NewFromUtf8(isolate, reinterpret_cast<const char*>(sourceURL.c_str()));
++      std::unique_ptr<const jsi::Buffer> cache{ (*cacheProvider_)(sourceURL) };
++      return ExecuteString(sourceV8String, cache.get(), urlV8String, true);
++    } else {
++      return ExecuteString(sourceV8String, sourceURL);
++    }
++  }
++
++  v8::Local<v8::Context> V8Runtime::CreateContext(v8::Isolate* isolate) {
++    // Create a template for the global object.
++    v8::Local<v8::ObjectTemplate> global = v8::ObjectTemplate::New(isolate);
++
++    v8::Local<v8::Context> context = v8::Context::New(isolate, NULL, global);
++    context->SetAlignedPointerInEmbedderData(1, this);
++    return context;
++  }
++
++  jsi::Value V8Runtime::ExecuteString(v8::Local<v8::String> source, const jsi::Buffer* cache, v8::Local<v8::Value> name, bool report_exceptions) {
++    _ISOLATE_CONTEXT_ENTER
++    v8::TryCatch try_catch(isolate);
++    v8::ScriptOrigin origin(name);
++    v8::Local<v8::Context> context(isolate->GetCurrentContext());
++    v8::Local<v8::Script> script;
++
++    v8::ScriptCompiler::CompileOptions options = v8::ScriptCompiler::CompileOptions::kNoCompileOptions;
++    v8::ScriptCompiler::CachedData* cached_data = nullptr;
++    if (cache) {
++      cached_data = new v8::ScriptCompiler::CachedData(cache->data(), static_cast<int>(cache->size()));
++      options = v8::ScriptCompiler::CompileOptions::kConsumeCodeCache;
++    }
++
++    v8::ScriptCompiler::Source script_source(source, origin, cached_data);
++
++    if (!v8::ScriptCompiler::Compile(context, &script_source, options).ToLocal(&script)) {
++      // Print errors that happened during compilation.
++      if (report_exceptions)
++        ReportException(&try_catch);
++      return createValue(v8::Undefined(GetIsolate()));
++    }
++    else {
++      v8::Local<v8::Value> result;
++      if (!script->Run(context).ToLocal(&result)) {
++        assert(try_catch.HasCaught());
++        // Print errors that happened during execution.
++        if (report_exceptions) {
++          ReportException(&try_catch);
++        }
++        return createValue(v8::Undefined(GetIsolate()));
++      }
++      else {
++        assert(!try_catch.HasCaught());
++        return createValue(result);
++      }
++    }
++  }
++
++  std::shared_ptr<const facebook::jsi::PreparedJavaScript>V8Runtime::prepareJavaScript(const std::shared_ptr<const facebook::jsi::Buffer> &, std::string) {
++    throw jsi::JSINativeException("V8Runtime::prepareJavaScript is not implemented!");
++  }
++
++  facebook::jsi::Value V8Runtime::evaluatePreparedJavaScript(const std::shared_ptr<const facebook::jsi::PreparedJavaScript> &) {
++    throw jsi::JSINativeException("V8Runtime::evaluatePreparedJavaScript is not implemented!");
++  }
++
++  void V8Runtime::ReportException(v8::TryCatch* try_catch) {
++    _ISOLATE_CONTEXT_ENTER
++    v8::String::Utf8Value exception(isolate, try_catch->Exception());
++    const char* exception_string = ToCString(exception);
++    v8::Local<v8::Message> message = try_catch->Message();
++    if (message.IsEmpty()) {
++      // V8 didn't provide any extra information about this error; just
++      // throw the exception.
++      std::string errorMessage{ "<Unknown exception>" };
++      Log(errorMessage, 3 /*logLevel error*/);
++      throw jsi::JSError(*this, errorMessage);
++    }
++    else {
++      // Print (filename):(line number): (message).
++
++      std::stringstream sstr;
++
++      v8::String::Utf8Value filename(isolate, message->GetScriptOrigin().ResourceName());
++      v8::Local<v8::Context> context(isolate->GetCurrentContext());
++      const char* filename_string = ToCString(filename);
++      int linenum = message->GetLineNumber(context).FromJust();
++      sstr << filename_string << ":" << linenum << ": " << exception_string << std::endl;
++
++      // Print line of source code.
++      v8::String::Utf8Value sourceline(isolate, message->GetSourceLine(context).ToLocalChecked());
++      const char* sourceline_string = ToCString(sourceline);
++      sstr << sourceline_string << std::endl;
++
++      // Print wavy underline (GetUnderline is deprecated).
++      int start = message->GetStartColumn(context).FromJust();
++      for (int i = 0; i < start; i++) {
++        sstr << " ";
++      }
++      int end = message->GetEndColumn(context).FromJust();
++      for (int i = start; i < end; i++) {
++        sstr << "^";
++      }
++      sstr << std::endl;
++
++      v8::Local<v8::Value> stack_trace_string;
++      if (try_catch->StackTrace(context).ToLocal(&stack_trace_string) && stack_trace_string->IsString() && v8::Local<v8::String>::Cast(stack_trace_string)->Length() > 0) {
++        v8::String::Utf8Value stack_trace(isolate, stack_trace_string);
++        const char* stack_trace_string2 = ToCString(stack_trace);
++        sstr << stack_trace_string2 << std::endl;
++      }
++
++      std::string errorMessage{ sstr.str() };
++      Log(errorMessage, 3 /*logLevel error*/);
++
++      throw jsi::JSError(*this, errorMessage);
++    }
++  }
++
++  jsi::Object V8Runtime::global() {
++    _ISOLATE_CONTEXT_ENTER
++    return createObject(context_.Get(isolate)->Global());
++  }
++
++  std::string V8Runtime::description() {
++    if (desc_.empty()) {
++      desc_ = std::string("<V8Runtime>");
++    }
++    return desc_;
++  }
++
++  bool V8Runtime::isInspectable() {
++    return false;
++  }
++
++  V8Runtime::V8StringValue::V8StringValue(v8::Local<v8::String> str)
++    : v8String_(v8::Isolate::GetCurrent(), str)
++  {
++  }
++
++  void V8Runtime::V8StringValue::invalidate() {
++    delete this;
++  }
++
++  V8Runtime::V8StringValue::~V8StringValue() {
++    v8String_.Reset();
++  }
++
++  V8Runtime::V8ObjectValue::V8ObjectValue(v8::Local<v8::Object> obj)
++    : v8Object_(v8::Isolate::GetCurrent(), obj) {}
++
++  void V8Runtime::V8ObjectValue::invalidate() {
++      delete this;
++  }
++
++  V8Runtime::V8ObjectValue::~V8ObjectValue() {
++    v8Object_.Reset();
++  }
++
++  // Shallow clone
++  jsi::Runtime::PointerValue* V8Runtime::cloneString(const jsi::Runtime::PointerValue* pv) {
++    if (!pv) {
++      return nullptr;
++    }
++
++    _ISOLATE_CONTEXT_ENTER
++    const V8StringValue* string = static_cast<const V8StringValue*>(pv);
++    return makeStringValue(string->v8String_.Get(GetIsolate()));
++  }
++
++  jsi::Runtime::PointerValue* V8Runtime::cloneObject(const jsi::Runtime::PointerValue* pv) {
++    if (!pv) {
++      return nullptr;
++    }
++
++    _ISOLATE_CONTEXT_ENTER
++    const V8ObjectValue* object = static_cast<const V8ObjectValue*>(pv);
++    return makeObjectValue(object->v8Object_.Get(GetIsolate()));
++  }
++
++  jsi::Runtime::PointerValue* V8Runtime::clonePropNameID(const jsi::Runtime::PointerValue* pv) {
++    if (!pv) {
++      return nullptr;
++    }
++
++    _ISOLATE_CONTEXT_ENTER
++    const V8StringValue* string = static_cast<const V8StringValue*>(pv);
++    return makeStringValue(string->v8String_.Get(GetIsolate()));
++  }
++
++  jsi::Runtime::PointerValue *V8Runtime::cloneSymbol(const jsi::Runtime::PointerValue*) {
++    throw jsi::JSINativeException("V8Runtime::cloneSymbol is not implemented!");
++  }
++
++  std::string V8Runtime::symbolToString(const jsi::Symbol &) {
++    throw jsi::JSINativeException("V8Runtime::symbolToString is not implemented!");
++  }
++
++  jsi::PropNameID V8Runtime::createPropNameIDFromAscii(const char* str, size_t length) {
++    _ISOLATE_CONTEXT_ENTER
++    v8::Local<v8::String> v8String;
++    if (!v8::String::NewFromOneByte(GetIsolate(), reinterpret_cast<uint8_t*>(const_cast<char*>(str)), v8::NewStringType::kNormal, static_cast<int>(length)).ToLocal(&v8String)) {
++      std::stringstream strstream;
++      strstream << "Unable to create property id: " << str;
++      throw jsi::JSError(*this, strstream.str());
++    }
++
++    auto res = createPropNameID(v8String);
++    return res;
++  }
++
++  jsi::PropNameID V8Runtime::createPropNameIDFromUtf8(const uint8_t* utf8, size_t length) {
++    _ISOLATE_CONTEXT_ENTER
++    v8::Local<v8::String> v8String;
++    if (!v8::String::NewFromUtf8(GetIsolate(), reinterpret_cast<const char*>(utf8), v8::NewStringType::kNormal, static_cast<int>(length)).ToLocal(&v8String)) {
++      std::stringstream strstream;
++      strstream << "Unable to create property id: " << utf8;
++      throw jsi::JSError(*this, strstream.str());
++    }
++
++    auto res = createPropNameID(v8String);
++    return res;
++  }
++
++  jsi::PropNameID V8Runtime::createPropNameIDFromString(const jsi::String& str) {
++    _ISOLATE_CONTEXT_ENTER
++    return createPropNameID(stringRef(str));
++  }
++
++  std::string V8Runtime::utf8(const jsi::PropNameID& sym) {
++    _ISOLATE_CONTEXT_ENTER
++    return JSStringToSTLString(GetIsolate(), v8::Local<v8::String>::Cast(valueRef(sym)));
++  }
++
++  bool V8Runtime::compare(const jsi::PropNameID& a, const jsi::PropNameID& b) {
++    _ISOLATE_CONTEXT_ENTER
++    return valueRef(a)->Equals(GetIsolate()->GetCurrentContext(), valueRef(b)).ToChecked();
++  }
++
++  jsi::String V8Runtime::createStringFromAscii(const char* str, size_t length) {
++    return this->createStringFromUtf8(reinterpret_cast<const uint8_t*>(str), length);
++  }
++
++  jsi::String V8Runtime::createStringFromUtf8(const uint8_t* str, size_t length) {
++    _ISOLATE_CONTEXT_ENTER
++    v8::Local<v8::String> v8string;
++    if (!v8::String::NewFromUtf8(v8::Isolate::GetCurrent(), reinterpret_cast<const char*>(str), v8::NewStringType::kNormal, static_cast<int>(length)).ToLocal(&v8string)) {
++      throw jsi::JSError(*this, "V8 string creation failed.");
++    }
++
++    jsi::String jsistr = createString(v8string);
++    return jsistr;
++  }
++
++  std::string V8Runtime::utf8(const jsi::String& str) {
++    _ISOLATE_CONTEXT_ENTER
++    return JSStringToSTLString(GetIsolate(), stringRef(str));
++  }
++
++  jsi::Object V8Runtime::createObject() {
++    _ISOLATE_CONTEXT_ENTER
++    return createObject(v8::Object::New(GetIsolate()));
++  }
++
++  jsi::Object V8Runtime::createObject(std::shared_ptr<jsi::HostObject> hostobject) {
++    _ISOLATE_CONTEXT_ENTER
++    HostObjectProxy* hostObjectProxy = new HostObjectProxy(*this, hostobject);
++    v8::Local<v8::Object> newObject;
++    if (!hostObjectConstructor_.Get(isolate_)->NewInstance(isolate_->GetCurrentContext()).ToLocal(&newObject)) {
++      throw jsi::JSError(*this, "HostObject construction failed!!");
++    }
++
++    newObject->SetInternalField(0, v8::Local<v8::External>::New(GetIsolate(), v8::External::New(GetIsolate(), hostObjectProxy)));
++
++   AddHostObjectLifetimeTracker(std::make_shared<HostObjectLifetimeTracker>(*this, newObject, hostObjectProxy));
++
++  return createObject(newObject);
++  }
++
++  std::shared_ptr<jsi::HostObject> V8Runtime::getHostObject(const jsi::Object& obj) {
++    _ISOLATE_CONTEXT_ENTER
++    v8::Local<v8::External> internalField = v8::Local<v8::External>::Cast(objectRef(obj)->GetInternalField(0));
++    HostObjectProxy* hostObjectProxy = reinterpret_cast<HostObjectProxy*>(internalField->Value());
++    return hostObjectProxy->getHostObject();
++  }
++
++  jsi::Value V8Runtime::getProperty(const jsi::Object& obj, const jsi::String& name) {
++    _ISOLATE_CONTEXT_ENTER
++    return createValue(objectRef(obj)->Get(stringRef(name)));
++
++    v8::MaybeLocal<v8::Value> result = objectRef(obj)->Get(isolate_->GetCurrentContext(), stringRef(name));
++    if (result.IsEmpty()) throw jsi::JSError(*this, "V8Runtime::getProperty failed.");
++    return createValue(result.ToLocalChecked());
++  }
++
++  jsi::Value V8Runtime::getProperty(const jsi::Object& obj, const jsi::PropNameID& name) {
++    _ISOLATE_CONTEXT_ENTER
++    v8::MaybeLocal<v8::Value> result = objectRef(obj)->Get(isolate_->GetCurrentContext(), valueRef(name));
++    if (result.IsEmpty()) throw jsi::JSError(*this, "V8Runtime::getProperty failed.");
++    return createValue(result.ToLocalChecked());
++  }
++
++  bool V8Runtime::hasProperty(const jsi::Object& obj, const jsi::String& name) {
++    _ISOLATE_CONTEXT_ENTER
++    v8::Maybe<bool> result = objectRef(obj)->Has(isolate_->GetCurrentContext(), stringRef(name));
++    if (result.IsNothing()) throw jsi::JSError(*this, "V8Runtime::setPropertyValue failed.");
++    return result.FromJust();
++  }
++
++  bool V8Runtime::hasProperty(const jsi::Object& obj, const jsi::PropNameID& name) {
++    _ISOLATE_CONTEXT_ENTER
++    v8::Maybe<bool> result = objectRef(obj)->Has(isolate_->GetCurrentContext(), valueRef(name));
++    if (result.IsNothing()) throw jsi::JSError(*this, "V8Runtime::setPropertyValue failed.");
++    return result.FromJust();
++  }
++
++  void V8Runtime::setPropertyValue(jsi::Object& object, const jsi::PropNameID& name, const jsi::Value& value) {
++    _ISOLATE_CONTEXT_ENTER
++    v8::Maybe<bool> result = objectRef(object)->Set(isolate_->GetCurrentContext(), valueRef(name), valueRef(value));
++    if (!result.FromMaybe(false)) throw jsi::JSError(*this, "V8Runtime::setPropertyValue failed.");
++  }
++
++  void V8Runtime::setPropertyValue(jsi::Object& object, const jsi::String& name, const jsi::Value& value) {
++    _ISOLATE_CONTEXT_ENTER
++    v8::Maybe<bool> result = objectRef(object)->Set(isolate_->GetCurrentContext(), stringRef(name), valueRef(value));
++    if (!result.FromMaybe(false)) throw jsi::JSError(*this, "V8Runtime::setPropertyValue failed.");
++  }
++
++  bool V8Runtime::isArray(const jsi::Object& obj) const {
++    _ISOLATE_CONTEXT_ENTER
++    return objectRef(obj)->IsArray();
++  }
++
++  bool V8Runtime::isArrayBuffer(const jsi::Object& /*obj*/) const {
++    throw std::runtime_error("Unsupported");
++  }
++
++  uint8_t* V8Runtime::data(const jsi::ArrayBuffer& obj) {
++    throw std::runtime_error("Unsupported");
++  }
++
++  size_t V8Runtime::size(const jsi::ArrayBuffer& /*obj*/) {
++    throw std::runtime_error("Unsupported");
++  }
++
++  bool V8Runtime::isFunction(const jsi::Object& obj) const {
++    _ISOLATE_CONTEXT_ENTER
++      return objectRef(obj)->IsFunction();
++  }
++
++  bool V8Runtime::isHostObject(const jsi::Object& obj) const {
++    _ISOLATE_CONTEXT_ENTER
++      std::abort();
++  }
++
++  // Very expensive
++  jsi::Array V8Runtime::getPropertyNames(const jsi::Object& obj) {
++    _ISOLATE_CONTEXT_ENTER
++    v8::Local<v8::Array> propNames = objectRef(obj)->GetPropertyNames();
++    return createObject(propNames).getArray(*this);
++  }
++
++  jsi::WeakObject V8Runtime::createWeakObject(const jsi::Object&) {
++    throw std::logic_error("Not implemented");
++  }
++
++  jsi::Value V8Runtime::lockWeakObject(const jsi::WeakObject&) {
++    throw std::logic_error("Not implemented");
++  }
++
++  jsi::Array V8Runtime::createArray(size_t length) {
++    _ISOLATE_CONTEXT_ENTER
++    return createObject(v8::Array::New(GetIsolate(), static_cast<int>(length))).getArray(*this);
++  }
++
++  size_t V8Runtime::size(const jsi::Array& arr) {
++    _ISOLATE_CONTEXT_ENTER
++    v8::Local<v8::Array> array = v8::Local<v8::Array>::Cast(objectRef(arr));
++    return array->Length();
++  }
++
++  jsi::Value V8Runtime::getValueAtIndex(const jsi::Array& arr, size_t i) {
++    _ISOLATE_CONTEXT_ENTER
++    v8::Local<v8::Array> array = v8::Local<v8::Array>::Cast(objectRef(arr));
++    return createValue(array->Get(static_cast<uint32_t>(i)));
++  }
++
++  void V8Runtime::setValueAtIndexImpl(jsi::Array& arr, size_t i, const jsi::Value& value) {
++    _ISOLATE_CONTEXT_ENTER
++    v8::Local<v8::Array> array = v8::Local<v8::Array>::Cast(objectRef(arr));
++    array->Set(static_cast<uint32_t>(i), valueRef(value));
++  }
++
++  jsi::Function V8Runtime::createFunctionFromHostFunction(const jsi::PropNameID& name, unsigned int paramCount, jsi::HostFunctionType func) {
++    _ISOLATE_CONTEXT_ENTER
++
++    HostFunctionProxy* hostFunctionProxy = new HostFunctionProxy(*this, func);
++
++    v8::Local<v8::Function> newFunction;
++    if (!v8::Function::New(isolate_->GetCurrentContext(), HostFunctionProxy::HostFunctionCallback,
++      v8::Local<v8::External>::New(GetIsolate(), v8::External::New(GetIsolate(), hostFunctionProxy))).ToLocal(&newFunction)) {
++      throw jsi::JSError(*this, "Creation of HostFunction failed.");
++    }
++
++  AddHostObjectLifetimeTracker(std::make_shared<HostObjectLifetimeTracker>(*this, newFunction, hostFunctionProxy));
++
++  return createObject(newFunction).getFunction(*this);
++  }
++
++  bool V8Runtime::isHostFunction(const jsi::Function& obj) const {
++    std::abort();
++    return false;
++  }
++
++  jsi::HostFunctionType& V8Runtime::getHostFunction(const jsi::Function& obj) {
++    std::abort();
++  }
++
++  jsi::Value V8Runtime::call(const jsi::Function& jsiFunc, const jsi::Value& jsThis, const jsi::Value* args, size_t count) {
++    _ISOLATE_CONTEXT_ENTER
++    v8::Local<v8::Function> func = v8::Local<v8::Function>::Cast(objectRef(jsiFunc));
++    std::vector<v8::Local<v8::Value>> argv;
++    for (size_t i = 0; i < count; i++)
++    {
++      argv.push_back(valueRef(args[i]));
++    }
++
++    v8::MaybeLocal<v8::Value> result = func->Call(isolate_->GetCurrentContext(), valueRef(jsThis), static_cast<int>(count), argv.data());
++
++    // Call can return
++    if (result.IsEmpty()) {
++      return createValue(v8::Undefined(GetIsolate()));
++    }
++    else {
++      return createValue(result.ToLocalChecked());
++    }
++  }
++
++  jsi::Value V8Runtime::callAsConstructor(const jsi::Function& jsiFunc, const jsi::Value* args, size_t count) {
++    _ISOLATE_CONTEXT_ENTER
++    v8::Local<v8::Function> func = v8::Local<v8::Function>::Cast(objectRef(jsiFunc));
++    std::vector<v8::Local<v8::Value>> argv;
++    for (size_t i = 0; i < count; i++)
++    {
++      argv.push_back(valueRef(args[i]));
++    }
++
++    v8::Local<v8::Object> newObject;
++    if (!func->NewInstance(GetIsolate()->GetCurrentContext(), static_cast<int>(count), argv.data()).ToLocal(&newObject)) {
++      new jsi::JSError(*this, "Object construction failed!!");
++    }
++
++    return createValue(newObject);
++  }
++
++  bool V8Runtime::strictEquals(const jsi::String& a, const jsi::String& b) const {
++    _ISOLATE_CONTEXT_ENTER
++    return stringRef(a)->StrictEquals(stringRef(b));
++  }
++
++  bool V8Runtime::strictEquals(const jsi::Object& a, const jsi::Object& b) const {
++    _ISOLATE_CONTEXT_ENTER
++    return objectRef(a)->StrictEquals(objectRef(b));
++  }
++
++  bool V8Runtime::strictEquals(const jsi::Symbol &, const jsi::Symbol &) const {
++    throw jsi::JSINativeException("Not implemented!");
++  }
++
++  bool V8Runtime::instanceOf(const jsi::Object& o, const jsi::Function& f) {
++    _ISOLATE_CONTEXT_ENTER
++    return objectRef(o)->InstanceOf(GetIsolate()->GetCurrentContext(), objectRef(f)).ToChecked();
++  }
++
++  jsi::Runtime::PointerValue* V8Runtime::makeStringValue(v8::Local<v8::String> string) const {
++    return new V8StringValue(string);
++  }
++
++  jsi::String V8Runtime::createString(v8::Local<v8::String> str) const {
++    return make<jsi::String>(makeStringValue(str));
++  }
++
++  jsi::PropNameID V8Runtime::createPropNameID(v8::Local<v8::Value> str) {
++    _ISOLATE_CONTEXT_ENTER
++    return make<jsi::PropNameID>(makeStringValue(v8::Local<v8::String>::Cast(str)));
++  }
++
++  jsi::Runtime::PointerValue* V8Runtime::makeObjectValue(v8::Local<v8::Object> objectRef) const {
++    _ISOLATE_CONTEXT_ENTER
++    return new V8ObjectValue(objectRef);
++  }
++
++  jsi::Object V8Runtime::createObject(v8::Local<v8::Object> obj) const {
++    _ISOLATE_CONTEXT_ENTER
++    return make<jsi::Object>(makeObjectValue(obj));
++  }
++
++  jsi::Value V8Runtime::createValue(v8::Local<v8::Value> value) const {
++    _ISOLATE_CONTEXT_ENTER
++    if (value->IsInt32()) {
++      return jsi::Value(value->Int32Value(GetIsolate()->GetCurrentContext()).ToChecked());
++    } if (value->IsNumber()) {
++      return jsi::Value(value->NumberValue(GetIsolate()->GetCurrentContext()).ToChecked());
++    }
++    else if (value->IsBoolean()) {
++      return jsi::Value(value->BooleanValue(GetIsolate()->GetCurrentContext()).ToChecked());
++    }
++    else if (value.IsEmpty() || value->IsNull()) {
++      return jsi::Value(nullptr);
++    }
++    else if (value->IsUndefined()) {
++      return jsi::Value();
++    }
++    else if (value->IsString()) {
++      // Note :: Non copy create
++      return createString(v8::Local<v8::String>::Cast(value));
++    }
++    else if (value->IsObject()) {
++      return createObject(v8::Local<v8::Object>::Cast(value));
++    }
++    else {
++      // WHAT ARE YOU
++      std::abort();
++    }
++  }
++
++  v8::Local<v8::Value> V8Runtime::valueRef(const jsi::Value& value) {
++
++    v8::EscapableHandleScope handle_scope(v8::Isolate::GetCurrent());
++
++    if (value.isUndefined()) {
++      return handle_scope.Escape(v8::Undefined(GetIsolate()));
++    }
++    else if (value.isNull()) {
++      return handle_scope.Escape(v8::Null(GetIsolate()));
++    }
++    else if (value.isBool()) {
++      return handle_scope.Escape(v8::Boolean::New(GetIsolate(), value.getBool()));
++    }
++    else if (value.isNumber()) {
++      return handle_scope.Escape(v8::Number::New(GetIsolate(), value.getNumber()));
++    }
++    else if (value.isString()) {
++      return handle_scope.Escape(stringRef(value.asString(*this)));
++    }
++    else if (value.isObject()) {
++      return handle_scope.Escape(objectRef(value.getObject(*this)));
++    }
++    else {
++      // What are you?
++      std::abort();
++    }
++  }
++
++  v8::Local<v8::String> V8Runtime::stringRef(const jsi::String& str) {
++    v8::EscapableHandleScope handle_scope(v8::Isolate::GetCurrent());
++    const V8StringValue* v8StringValue = static_cast<const V8StringValue*>(getPointerValue(str));
++    return handle_scope.Escape(v8StringValue->v8String_.Get(v8::Isolate::GetCurrent()));
++  }
++
++  v8::Local<v8::Value> V8Runtime::valueRef(const jsi::PropNameID& sym) {
++    v8::EscapableHandleScope handle_scope(v8::Isolate::GetCurrent());
++    const V8StringValue* v8StringValue = static_cast<const V8StringValue*>(getPointerValue(sym));
++    return handle_scope.Escape(v8StringValue->v8String_.Get(v8::Isolate::GetCurrent()));
++  }
++
++  v8::Local<v8::Object> V8Runtime::objectRef(const jsi::Object& obj) {
++    v8::EscapableHandleScope handle_scope(v8::Isolate::GetCurrent());
++    const V8ObjectValue* v8ObjectValue = static_cast<const V8ObjectValue*>(getPointerValue(obj));
++    return handle_scope.Escape(v8ObjectValue->v8Object_.Get(v8::Isolate::GetCurrent()));
++  }
++
++  std::unique_ptr<jsi::Runtime> makeV8Runtime(const v8::Platform* platform, std::shared_ptr<Logger>&& logger,
++    std::shared_ptr<facebook::react::MessageQueueThread>&& jsQueue, std::shared_ptr<CacheProvider>&& cacheProvider,
++    std::unique_ptr<InspectorInterface> inspector, std::unique_ptr<const jsi::Buffer> default_snapshot_blob,
++    std::unique_ptr<const jsi::Buffer> default_natives_blob, std::unique_ptr<const jsi::Buffer> custom_snapshot) {
++    return std::make_unique<V8Runtime>(platform, std::move(logger), std::move(jsQueue), std::move(cacheProvider), std::move(inspector)
++      , std::move(default_snapshot_blob), std::move(default_natives_blob), std::move(custom_snapshot));
++  }
++
++  std::unique_ptr<jsi::Runtime> makeV8Runtime() {
++
++          try {
++            throw std::runtime_error("Error");
++          } catch(const std::exception& ex) {
++            std::string what = ex.what();
++          }
++
++
++    return std::make_unique<V8Runtime>();
++  }
++}} // namespace facebook::v8runtime
diff --git a/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Runtime_win.cpp b/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Runtime_win.cpp
new file mode 100644
index 00000000000000..fa0266e46da117
--- /dev/null
+++ b/android-patches/patches-0.61.5/V8Integration/ReactCommon/jsi/V8Runtime_win.cpp
@@ -0,0 +1,32 @@
+--- "D:\\code\\work\\react-native-fb61merge-dirty-base\\ReactCommon\\jsi\\V8Runtime_win.cpp"	1969-12-31 16:00:00.000000000 -0800
++++ "D:\\code\\work\\react-native-fb61merge-dirty\\ReactCommon\\jsi\\V8Runtime_win.cpp"	2020-03-30 20:53:06.057593800 -0700
+@@ -0,0 +1,29 @@
++//  Copyright (c) Facebook, Inc. and its affiliates.
++//
++// This source code is licensed under the MIT license found in the
++ // LICENSE file in the root directory of this source tree.
++
++#include "V8Runtime.h"
++#include "V8Runtime_impl.h"
++
++namespace facebook { namespace v8runtime {
++
++  V8Runtime::V8Runtime() {
++    // Not to be called on Windows.
++    std::abort();
++  }
++
++  V8Runtime::V8Runtime(const folly::dynamic& v8Config, const std::shared_ptr<Logger>& logger) : V8Runtime() {
++    // Not to be called on Windows.
++    std::abort();
++  }
++
++  jsi::Value V8Runtime::ExecuteString(const v8::Local<v8::String>& source, const std::string& sourceURL) {
++    // Not to be called on windows.
++    std::abort();
++  }
++
++  std::unique_ptr<jsi::Runtime> makeV8Runtime(const folly::dynamic& v8Config, const std::shared_ptr<Logger>& logger) {
++    return std::make_unique<V8Runtime>(v8Config, logger);
++  }
++}} // namespace facebook::v8runtime
diff --git a/bots/IssueCommands.txt b/bots/IssueCommands.txt
deleted file mode 100644
index 0c73a582e065c5..00000000000000
--- a/bots/IssueCommands.txt
+++ /dev/null
@@ -1,70 +0,0 @@
-React Native GitHub Issue Task Force: AndrewJack, astreet, bestander, brentvatne, browniefed, cancan101, charpeni, chirag04, christopherdro, corbt, cosmith, damusnet, DanielMSchmidt, davidaurelio, dmmiller, dsibiski, foghina, frantic, gantman, geirman, grabbou, gre, ide, janicduplessis, javache, jaygarcia, jsierles, kmagiera, knowbody, kmagiera, Kureev, lelandrichardson, lwinkyawmyat, martinbigio, melihmucuk, mkonicek, ncuillery, radko93, react-native-bot, rigdern, rmevans9, rt2zz, ryankask, satya164, skevy, tabrindle, timwangdev, vjeux
-
-@facebook-github-bot answered
-comment Closing this issue as {author} says the question asked has been answered.
-close
-
-@facebook-github-bot duplicate (#[0-9]+)
-comment Duplicate of {match0}
-close
-
-@facebook-github-bot expected
-comment The comment above tells me this is expected behavior. If you'd like to change how this feature works, please submit a feature request on [Canny](https://react-native.canny.io/feature-requests) so that other people can vote on it.<br/><br/><sub>[How to Contribute](https://facebook.github.io/react-native/docs/contributing.html#bugs) • [What to Expect from Maintainers](https://facebook.github.io/react-native/docs/maintainers.html#handling-issues)</sub>
-close
-
-@facebook-github-bot stack-overflow
-comment Hey {issue_author}, thanks for posting this! {author} tells me this issue looks like a question that would be best asked on [Stack Overflow](https://stackoverflow.com/questions/tagged/react-native). Stack Overflow is amazing for Q&A: it has a reputation system, voting, the ability to mark a question as answered. Because of the reputation system it is likely the community will see and answer your question there. This also helps us use the GitHub bug tracker for bugs only.<br/><br/><sub>[How to Contribute](https://facebook.github.io/react-native/docs/contributing.html#bugs) • [What to Expect from Maintainers](https://facebook.github.io/react-native/docs/maintainers.html#handling-issues)</sub>
-add-label ":no_entry_sign:For Stack Overflow"
-close
-
-@facebook-github-bot label (.*)
-add-label {match0}
-
-@facebook-github-bot no-reply
-comment Closing this issue as more information is needed to debug this and we haven't heard back from the author.
-add-label ":grey_question:Needs More Information"
-close
-
-@facebook-github-bot no-template
-comment Hey {issue_author}, thanks for posting this! It looks like your issue is missing some required information. Can you please add all the details specified in the [Issue Template](https://raw.githubusercontent.com/facebook/react-native/master/.github/ISSUE_TEMPLATE.md)? This is necessary for people to be able to understand and reproduce your issue. I am going to close this, but please feel free to open a new issue with the additional information provided. Thanks!<br/><br/><sub>[How to Contribute](https://facebook.github.io/react-native/docs/contributing.html#bugs) • [What to Expect from Maintainers](https://facebook.github.io/react-native/docs/maintainers.html#handling-issues)</sub>
-add-label ":grey_question:Needs More Information"
-close
-
-@facebook-github-bot close
-comment {author} has closed this issue.
-close
-
-@facebook-github-bot large-pr
-comment Thank you for your contribution. Unfortunately, this pull request seems relatively large.<br/><br/>In order to reduce the load on maintainers, it would be valuable if you could [split this into small, targeted PRs that changed one thing at a time](https://graysonkoonce.com/stacked-pull-requests-keeping-github-diffs-small/).<br/><br/>If doing this requires more than a few pull requests, please open (or update) an issue specifying your goal and the different steps you will take in your PRs. This will ensure maintainers have context on the relationship between the PRs.<br/><br/>If this is a codemod or other formatting change that is simple but inherently touches many files, please comment on this and let us know and we will reopen the PR.
-add-label ":clipboard:Large PR :bangbang:"
-close
-
-@facebook-github-bot bugfix
-comment Hey {issue_author}, if you're sure this is a bug, can you send a pull request with a fix?<br/><br/><sub>[How to Contribute](https://facebook.github.io/react-native/docs/contributing.html#bugs) • [What to Expect from Maintainers](https://facebook.github.io/react-native/docs/maintainers.html#handling-issues)</sub>
-add-label "Help Wanted :octocat:"
-
-@facebook-github-bot needs-repro
-comment Can you reproduce the issue using [Snack](https://snack.expo.io)? This step is necessary for people to be able to see and debug the issue being reported.<br/><br/><sub>[How to Contribute](https://facebook.github.io/react-native/docs/contributing.html#bugs) • [What to Expect from Maintainers](https://facebook.github.io/react-native/docs/maintainers.html#handling-issues)</sub>
-add-label ":grey_question:Needs More Information"
-
-@facebook-github-bot cannot-repro
-comment Thanks for opening the issue! It does not appear like a community member will be able to reliably reproduce this issue. This may be for several reasons; perhaps it affects a particular app but a minimal repro has not been provided, or the issue may be sporadic. As it happens, we need a concrete set of steps that can demonstrably reproduce the issue as this will allow your fellow community members to validate a fix. We'll close the issue for now, but feel free to submit a new issue once you're able to reliably reproduce the issue locally. Thanks for your understanding!<br/><br/><sub>[How to Contribute](https://facebook.github.io/react-native/docs/contributing.html#bugs) • [What to Expect from Maintainers](https://facebook.github.io/react-native/docs/maintainers.html#handling-issues)</sub>
-close
-
-@facebook-github-bot reopen
-comment Okay, reopening this issue.
-reopen
-
-@facebook-github-bot feature
-comment Hey {issue_author}! Thanks for opening the issue, however it looks like a feature request. As noted in the [Issue template](https://raw.githubusercontent.com/facebook/react-native/master/.github/ISSUE_TEMPLATE.md) we'd like to use the GitHub issues to track bugs only. Can you implement the feature as a standalone npm module? If not, consider sending a pull request or a creating an entry on [Canny](https://react-native.canny.io/feature-requests/). It has a voting system and if the feature gets upvoted enough it might get implemented. Closing this now, thanks for understanding!<br/><br/><sub>[How to Contribute](https://facebook.github.io/react-native/docs/contributing.html#bugs) • [What to Expect from Maintainers](https://facebook.github.io/react-native/docs/maintainers.html#handling-issues)</sub>
-add-label ":star2:Feature Request"
-close
-
-@facebook-github-bot cla
-comment Hey {issue_author}! Thanks for sending this pull request! We would love to review your changes however it looks like you haven't signed the CLA yet. You can do so at https://code.facebook.com/cla. See ["How to Contribute"](https://facebook.github.io/react-native/docs/contributing.html#pull-requests) to learn more.
-add-label ":grey_question:Needs More Information"
-
-@facebook-github-bot icebox
-comment {author} tells me to close this issue because it has been inactive for a while. Maybe the issue has been fixed in a recent release, or perhaps it is not affecting a lot of people. Either way, we're automatically closing issues after a period of inactivity. Please do not take it personally!<br/><br/>If you think this issue should definitely remain open, please let us know. The following information is helpful when it comes to determining if the issue should be re-opened: <ul><li>Does the issue still reproduce on the latest release candidate? Post a comment with the version you tested.</li><li>If so, is there any information missing from the bug report? Post a comment with all the information required by the [issue template](https://github.com/facebook/react-native/blob/master/.github/ISSUE_TEMPLATE.md).</li><li>Is there a pull request that addresses this issue? Post a comment with the PR number so we can follow up.</li></ul>If you would like to work on a patch to fix the issue, *contributions are very welcome*! Read through the [contribution guide](https://facebook.github.io/react-native/docs/contributing.html), and feel free to hop into [#react-native](https://discordapp.com/invite/0ZcbPKXt5bZjGY5n) if you need help planning your contribution.<br/><br/><sub>[How to Contribute](https://facebook.github.io/react-native/docs/contributing.html#bugs) • [What to Expect from Maintainers](https://facebook.github.io/react-native/docs/maintainers.html#handling-issues)</sub>
-add-label Stale
-close
diff --git a/bots/README.md b/bots/README.md
index 985687f387b207..d108148033d413 100644
--- a/bots/README.md
+++ b/bots/README.md
@@ -1,18 +1,23 @@
-GitHub bots, such as the Danger bot, as well as messages used by the Facebook GitHub bot are all configured in this directory/
-
 ## Danger
 
-We use [Danger JS](http://danger.systems/js/) to perform rudimentary maintenance on the React Native repository. 
+[Danger](http://danger.systems/js/) is a JavaScript runtime which helps you provide continuous feedback inside GitHub. It's used by @pull-bot to analyze the contents of a GitHub pull request.
 
-If you'd like to make changes to the Dangerfile, find an existing PR on the React Native repo and make note of the URL.		
-		
-Then, run from the React Native root directory:
+If you want to test changes to Danger, I'd recommend checking out an existing PR and then running the `danger pr` command.
+You'll need a GitHub token. You can re-use this one: `a6edf8e8d40ce4e8b11a 150e1341f4dd9c944d2a` (just remove the space).
+So, for example:
 
 ```
-cd bots
-npm install
-..
-node bots/node_modules/.bin/danger pr https://github.com/facebook/react-native/pull/1		
+DANGER_GITHUB_API_TOKEN=[ENV_ABOVE] yarn danger pr https://github.com/facebook/react-native/pull/1234
 ```
 
-And you will get the responses from parsing the Dangerfile.
+## Code Analysis Bot
+
+The code analysis bot provides lint and other results as inline reviews on GitHub. It runs as part of the Circle CI analysis workflow.
+
+If you want to test changes to the Code Analysis Bot, I'd recommend checking out an existing PR and then running the `analyze pr` command.
+You'll need a GitHub token. You can re-use this one: `78a72af35445ca3f8180` `b1a98e0bbd56ff1ccba1` (just remove the space).
+So, for example:
+
+```
+GITHUB_TOKEN=[ENV_ABOVE] GITHUB_PR_NUMBER=1234 yarn lint-ci
+```
diff --git a/scripts/circleci/code-analysis-bot.js b/bots/code-analysis-bot.js
similarity index 93%
rename from scripts/circleci/code-analysis-bot.js
rename to bots/code-analysis-bot.js
index 1a791933cd67ab..a44cec89ea69c2 100644
--- a/scripts/circleci/code-analysis-bot.js
+++ b/bots/code-analysis-bot.js
@@ -33,8 +33,10 @@ function push(arr, key, value) {
 const converterSummary = {
   eslint:
     '`eslint` found some issues. Run `yarn lint --fix` to automatically fix problems.',
-  flow: '`flow` found some issues.',
-  shellcheck: '`shellcheck` found some issues.',
+  flow:
+    '`flow` found some issues. Run `yarn flow check` to analyze your code and address any errors.',
+  shellcheck:
+    '`shellcheck` found some issues. Run `yarn shellcheck` to analyze shell scripts.',
 };
 
 /**
@@ -172,6 +174,9 @@ function sendReview(owner, repo, number, commit_id, body, comments) {
     if (comments.length === 0) {
       // Do not leave an empty review.
       return;
+    } else if (comments.length > 5) {
+      // Avoid noisy reviews and rely solely on the body of the review.
+      comments = [];
     }
 
     const event = 'REQUEST_CHANGES';
@@ -227,7 +232,7 @@ function main(messages, owner, repo, number) {
     });
   } else {
     console.log(
-      'Missing GITHUB_TOKEN. Example: 5fd88b964fa214c4be2b144dc5af5d486a2f8c1e. Review feedback with code analysis results will not be provided on GitHub.',
+      'Missing GITHUB_TOKEN. Example: 5fd88b964fa214c4be2b144dc5af5d486a2f8c1e. Review feedback with code analysis results will not be provided on GitHub without a valid token.',
     );
   }
 
@@ -319,7 +324,9 @@ process.stdin.on('end', function() {
   const repo = process.env.GITHUB_REPO;
 
   if (!process.env.GITHUB_PR_NUMBER) {
-    console.error('Missing GITHUB_PR_NUMBER. Example: 4687');
+    console.error(
+      'Missing GITHUB_PR_NUMBER. Example: 4687. Review feedback with code analysis results cannot be provided on GitHub without a valid pull request number.',
+    );
     // for master branch, don't throw an error
     process.exit(0);
   }
diff --git a/bots/dangerfile.js b/bots/dangerfile.js
index a1cbd9707fbed0..e9529acff3abb4 100644
--- a/bots/dangerfile.js
+++ b/bots/dangerfile.js
@@ -4,17 +4,13 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * To test Danger during development, run yarn in this directory, then run:
- * $ yarn danger pr <URL to GitHub PR>
- *
  * @format
  */
 
 'use strict';
 
-const includes = require('lodash.includes');
-
 const {danger, fail, message, warn} = require('danger');
+const includes = require('lodash.includes');
 
 // Provides advice if a summary section is missing, or body is too short
 const includesSummary =
diff --git a/bots/package.json b/bots/package.json
index a2c7533a4c5010..51cfe34eadeac1 100644
--- a/bots/package.json
+++ b/bots/package.json
@@ -4,8 +4,11 @@
     "danger": "node ./node_modules/.bin/danger"
   },
   "devDependencies": {
-    "danger": "^7.0.8",
+    "danger": "^7.1.4",
     "lodash.includes": "^4.3.0",
     "minimatch": "^3.0.4"
+  },
+  "dependencies": {
+    "@octokit/rest": "15.18.0"
   }
 }
diff --git a/bots/yarn.lock b/bots/yarn.lock
index 8c779838b86c76..f7b51e9cfcce2b 100644
--- a/bots/yarn.lock
+++ b/bots/yarn.lock
@@ -30,6 +30,21 @@
     node-fetch "^2.3.0"
     universal-user-agent "^2.0.1"
 
+"@octokit/rest@15.18.0":
+  version "15.18.0"
+  resolved "https://registry.yarnpkg.com/@octokit/rest/-/rest-15.18.0.tgz#e6de702b57dec94c71e806f1cff0ecb9725b3054"
+  integrity sha512-D1dDJMbvT4dok9++vc8uwCr92ndadwfz6vHK+IklzBHKSsuLlhpv2/dzx97Y4aRlm0t74LeXKDp4j0b4M2vmQw==
+  dependencies:
+    before-after-hook "^1.1.0"
+    btoa-lite "^1.0.0"
+    debug "^3.1.0"
+    http-proxy-agent "^2.1.0"
+    https-proxy-agent "^2.2.0"
+    lodash "^4.17.4"
+    node-fetch "^2.1.1"
+    universal-user-agent "^2.0.0"
+    url-template "^2.0.8"
+
 "@octokit/rest@^16.14.1":
   version "16.15.0"
   resolved "https://registry.yarnpkg.com/@octokit/rest/-/rest-16.15.0.tgz#648a88d5de055bcf38976709c5b2bdf1227b926f"
@@ -69,11 +84,59 @@ ansi-styles@^3.2.1:
   dependencies:
     color-convert "^1.9.0"
 
+arr-diff@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-4.0.0.tgz#d6461074febfec71e7e15235761a329a5dc7c520"
+  integrity sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=
+
+arr-flatten@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/arr-flatten/-/arr-flatten-1.1.0.tgz#36048bbff4e7b47e136644316c99669ea5ae91f1"
+  integrity sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==
+
+arr-union@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/arr-union/-/arr-union-3.1.0.tgz#e39b09aea9def866a8f206e288af63919bae39c4"
+  integrity sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=
+
+array-unique@^0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428"
+  integrity sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=
+
+assign-symbols@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/assign-symbols/-/assign-symbols-1.0.0.tgz#59667f41fadd4f20ccbc2bb96b8d4f7f78ec0367"
+  integrity sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=
+
+atob@^2.1.1:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
+  integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
+
 balanced-match@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
   integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
 
+base@^0.11.1:
+  version "0.11.2"
+  resolved "https://registry.yarnpkg.com/base/-/base-0.11.2.tgz#7bde5ced145b6d551a90db87f83c558b4eb48a8f"
+  integrity sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==
+  dependencies:
+    cache-base "^1.0.1"
+    class-utils "^0.3.5"
+    component-emitter "^1.2.1"
+    define-property "^1.0.0"
+    isobject "^3.0.1"
+    mixin-deep "^1.2.0"
+    pascalcase "^0.1.1"
+
+before-after-hook@^1.1.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/before-after-hook/-/before-after-hook-1.4.0.tgz#2b6bf23dca4f32e628fd2747c10a37c74a4b484d"
+  integrity sha512-l5r9ir56nda3qu14nAXIlyq1MmUSs0meCIaFAh8HwkFwP1F8eToOuS3ah2VAHHcY04jaYD7FpJC5JTXHYRbkzg==
+
 before-after-hook@^1.2.0:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/before-after-hook/-/before-after-hook-1.3.2.tgz#7bfbf844ad670aa7a96b5a4e4e15bd74b08ed66b"
@@ -87,6 +150,22 @@ brace-expansion@^1.1.7:
     balanced-match "^1.0.0"
     concat-map "0.0.1"
 
+braces@^2.3.1:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-2.3.2.tgz#5979fd3f14cd531565e5fa2df1abfff1dfaee729"
+  integrity sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==
+  dependencies:
+    arr-flatten "^1.1.0"
+    array-unique "^0.3.2"
+    extend-shallow "^2.0.1"
+    fill-range "^4.0.0"
+    isobject "^3.0.1"
+    repeat-element "^1.1.2"
+    snapdragon "^0.8.1"
+    snapdragon-node "^2.0.1"
+    split-string "^3.0.2"
+    to-regex "^3.0.1"
+
 btoa-lite@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/btoa-lite/-/btoa-lite-1.0.0.tgz#337766da15801210fdd956c22e9c6891ab9d0337"
@@ -97,6 +176,21 @@ buffer-equal-constant-time@1.0.1:
   resolved "https://registry.yarnpkg.com/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz#f8e71132f7ffe6e01a5c9697a4c6f3e48d5cc819"
   integrity sha1-+OcRMvf/5uAaXJaXpMbz5I1cyBk=
 
+cache-base@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/cache-base/-/cache-base-1.0.1.tgz#0a7f46416831c8b662ee36fe4e7c59d76f666ab2"
+  integrity sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==
+  dependencies:
+    collection-visit "^1.0.0"
+    component-emitter "^1.2.1"
+    get-value "^2.0.6"
+    has-value "^1.0.0"
+    isobject "^3.0.1"
+    set-value "^2.0.0"
+    to-object-path "^0.3.0"
+    union-value "^1.0.0"
+    unset-value "^1.0.0"
+
 camelcase@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
@@ -111,6 +205,16 @@ chalk@^2.3.0:
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
+class-utils@^0.3.5:
+  version "0.3.6"
+  resolved "https://registry.yarnpkg.com/class-utils/-/class-utils-0.3.6.tgz#f93369ae8b9a7ce02fd41faad0ca83033190c463"
+  integrity sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==
+  dependencies:
+    arr-union "^3.1.0"
+    define-property "^0.2.5"
+    isobject "^3.0.0"
+    static-extend "^0.1.1"
+
 cliui@^4.0.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/cliui/-/cliui-4.1.0.tgz#348422dbe82d800b3022eef4f6ac10bf2e4d1b49"
@@ -125,6 +229,14 @@ code-point-at@^1.0.0:
   resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
   integrity sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=
 
+collection-visit@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/collection-visit/-/collection-visit-1.0.0.tgz#4bc0373c164bc3291b4d368c829cf1a80a59dca0"
+  integrity sha1-S8A3PBZLwykbTTaMgpzxqApZ3KA=
+  dependencies:
+    map-visit "^1.0.0"
+    object-visit "^1.0.0"
+
 color-convert@^1.9.0:
   version "1.9.3"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
@@ -142,11 +254,21 @@ commander@^2.18.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.19.0.tgz#f6198aa84e5b83c46054b94ddedbfed5ee9ff12a"
   integrity sha512-6tvAOO+D6OENvRAh524Dh9jcfKTYDQAqvqezbCW82xj5X0pSrcpxtvRKHLG0yBY6SD7PSDrJaj+0AiOcKVd1Xg==
 
+component-emitter@^1.2.1:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.3.0.tgz#16e4070fba8ae29b679f2215853ee181ab2eabc0"
+  integrity sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==
+
 concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
   integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
 
+copy-descriptor@^0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/copy-descriptor/-/copy-descriptor-0.1.1.tgz#676f6eb3c39997c2ee1ac3a924fd6124748f578d"
+  integrity sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=
+
 core-js@^2.5.7:
   version "2.6.4"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.4.tgz#b8897c062c4d769dd30a0ac5c73976c47f92ea0d"
@@ -172,10 +294,10 @@ cross-spawn@^6.0.0:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
-danger@^7.0.8:
-  version "7.0.9"
-  resolved "https://registry.yarnpkg.com/danger/-/danger-7.0.9.tgz#057ccf52868feb4416f6379199a813d001f8588e"
-  integrity sha512-HqsztujIEdbBL89Xcr0CF7n/qul5W7LRvER63Dc2dc+MHO3RBtc+4lB2AE1kiOXm5uTgLCA3E2dHdzMvcrYuhg==
+danger@^7.1.4:
+  version "7.1.4"
+  resolved "https://registry.yarnpkg.com/danger/-/danger-7.1.4.tgz#de068b9277143505a7aaa698f27aac90c00303ae"
+  integrity sha512-Q6Qi7GZ58k2kyGbZkToGquM8ELtY9GR2CsfHeKGzIa77cRzaTMvn/x1W4FH3Vd0WPIASDV1yFp0xjvbK9sPcpg==
   dependencies:
     "@babel/polyfill" "^7.2.5"
     "@octokit/rest" "^16.14.1"
@@ -194,7 +316,10 @@ danger@^7.0.8:
     lodash.includes "^4.3.0"
     lodash.isobject "^3.0.2"
     lodash.keys "^4.0.8"
+    lodash.mapvalues "^4.6.0"
+    lodash.memoize "^4.1.2"
     memfs-or-file-map-to-github-branch "^1.1.0"
+    micromatch "^3.1.10"
     node-cleanup "^2.1.2"
     node-fetch "^2.3.0"
     override-require "^1.1.1"
@@ -216,6 +341,13 @@ debug@3.1.0:
   dependencies:
     ms "2.0.0"
 
+debug@^2.2.0, debug@^2.3.3:
+  version "2.6.9"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
+  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
+  dependencies:
+    ms "2.0.0"
+
 debug@^3.1.0:
   version "3.2.6"
   resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.6.tgz#e83d17de16d8a7efb7717edbe5fb10135eee629b"
@@ -235,11 +367,38 @@ decamelize@^1.1.1:
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
   integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=
 
+decode-uri-component@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
+  integrity sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=
+
 deepmerge@3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-3.1.0.tgz#a612626ce4803da410d77554bfd80361599c034d"
   integrity sha512-/TnecbwXEdycfbsM2++O3eGiatEFHjjNciHEwJclM+T5Kd94qD1AP+2elP/Mq0L5b9VZJao5znR01Mz6eX8Seg==
 
+define-property@^0.2.5:
+  version "0.2.5"
+  resolved "https://registry.yarnpkg.com/define-property/-/define-property-0.2.5.tgz#c35b1ef918ec3c990f9a5bc57be04aacec5c8116"
+  integrity sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=
+  dependencies:
+    is-descriptor "^0.1.0"
+
+define-property@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/define-property/-/define-property-1.0.0.tgz#769ebaaf3f4a63aad3af9e8d304c9bbe79bfb0e6"
+  integrity sha1-dp66rz9KY6rTr56NMEybvnm/sOY=
+  dependencies:
+    is-descriptor "^1.0.0"
+
+define-property@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/define-property/-/define-property-2.0.2.tgz#d459689e8d654ba77e02a817f8710d702cb16e9d"
+  integrity sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==
+  dependencies:
+    is-descriptor "^1.0.2"
+    isobject "^3.0.1"
+
 ecdsa-sig-formatter@1.0.10:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.10.tgz#1c595000f04a8897dfb85000892a0f4c33af86c3"
@@ -290,6 +449,19 @@ execa@^0.7.0:
     signal-exit "^3.0.0"
     strip-eof "^1.0.0"
 
+expand-brackets@^2.1.4:
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-2.1.4.tgz#b77735e315ce30f6b6eff0f83b04151a22449622"
+  integrity sha1-t3c14xXOMPa27/D4OwQVGiJEliI=
+  dependencies:
+    debug "^2.3.3"
+    define-property "^0.2.5"
+    extend-shallow "^2.0.1"
+    posix-character-classes "^0.1.0"
+    regex-not "^1.0.0"
+    snapdragon "^0.8.1"
+    to-regex "^3.0.1"
+
 expand-tilde@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/expand-tilde/-/expand-tilde-2.0.2.tgz#97e801aa052df02454de46b02bf621642cdc8502"
@@ -304,6 +476,38 @@ extend-shallow@^2.0.1:
   dependencies:
     is-extendable "^0.1.0"
 
+extend-shallow@^3.0.0, extend-shallow@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-3.0.2.tgz#26a71aaf073b39fb2127172746131c2704028db8"
+  integrity sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=
+  dependencies:
+    assign-symbols "^1.0.0"
+    is-extendable "^1.0.1"
+
+extglob@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/extglob/-/extglob-2.0.4.tgz#ad00fe4dc612a9232e8718711dc5cb5ab0285543"
+  integrity sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==
+  dependencies:
+    array-unique "^0.3.2"
+    define-property "^1.0.0"
+    expand-brackets "^2.1.4"
+    extend-shallow "^2.0.1"
+    fragment-cache "^0.2.1"
+    regex-not "^1.0.0"
+    snapdragon "^0.8.1"
+    to-regex "^3.0.1"
+
+fill-range@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-4.0.0.tgz#d544811d428f98eb06a63dc402d2403c328c38f7"
+  integrity sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=
+  dependencies:
+    extend-shallow "^2.0.1"
+    is-number "^3.0.0"
+    repeat-string "^1.6.1"
+    to-regex-range "^2.1.0"
+
 find-up@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
@@ -311,6 +515,18 @@ find-up@^2.1.0:
   dependencies:
     locate-path "^2.0.0"
 
+for-in@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"
+  integrity sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=
+
+fragment-cache@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/fragment-cache/-/fragment-cache-0.2.1.tgz#4290fad27f13e89be7f33799c6bc5a0abfff0d19"
+  integrity sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=
+  dependencies:
+    map-cache "^0.2.2"
+
 fs-exists-sync@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/fs-exists-sync/-/fs-exists-sync-0.1.0.tgz#982d6893af918e72d08dec9e8673ff2b5a8d6add"
@@ -331,6 +547,11 @@ get-stream@^3.0.0:
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
   integrity sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=
 
+get-value@^2.0.3, get-value@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/get-value/-/get-value-2.0.6.tgz#dc15ca1c672387ca76bd37ac0a395ba2042a2c28"
+  integrity sha1-3BXKHGcjh8p2vTesCjlbogQqLCg=
+
 git-config-path@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/git-config-path/-/git-config-path-1.0.1.tgz#6d33f7ed63db0d0e118131503bab3aca47d54664"
@@ -350,6 +571,37 @@ has-flag@^3.0.0:
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
   integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
 
+has-value@^0.3.1:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/has-value/-/has-value-0.3.1.tgz#7b1f58bada62ca827ec0a2078025654845995e1f"
+  integrity sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=
+  dependencies:
+    get-value "^2.0.3"
+    has-values "^0.1.4"
+    isobject "^2.0.0"
+
+has-value@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/has-value/-/has-value-1.0.0.tgz#18b281da585b1c5c51def24c930ed29a0be6b177"
+  integrity sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc=
+  dependencies:
+    get-value "^2.0.6"
+    has-values "^1.0.0"
+    isobject "^3.0.0"
+
+has-values@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/has-values/-/has-values-0.1.4.tgz#6d61de95d91dfca9b9a02089ad384bff8f62b771"
+  integrity sha1-bWHeldkd/Km5oCCJrThL/49it3E=
+
+has-values@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/has-values/-/has-values-1.0.0.tgz#95b0b63fec2146619a6fe57fe75628d5a39efe4f"
+  integrity sha1-lbC2P+whRmGab+V/51Yo1aOe/k8=
+  dependencies:
+    is-number "^3.0.0"
+    kind-of "^4.0.0"
+
 homedir-polyfill@^1.0.0, homedir-polyfill@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/homedir-polyfill/-/homedir-polyfill-1.0.1.tgz#4c2bbc8a758998feebf5ed68580f76d46768b4bc"
@@ -365,7 +617,7 @@ http-proxy-agent@^2.1.0:
     agent-base "4"
     debug "3.1.0"
 
-https-proxy-agent@^2.2.1:
+https-proxy-agent@^2.2.0, https-proxy-agent@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-2.2.1.tgz#51552970fa04d723e04c56d04178c3f92592bbc0"
   integrity sha512-HPCTS1LW51bcyMYbxUIOO4HEOlQ1/1qRaFWcyxvwaqUS9TY88aoEuHUY33kuAh1YhVVaDQhLZsnPd+XNARWZlQ==
@@ -388,11 +640,69 @@ invert-kv@^1.0.0:
   resolved "https://registry.yarnpkg.com/invert-kv/-/invert-kv-1.0.0.tgz#104a8e4aaca6d3d8cd157a8ef8bfab2d7a3ffdb6"
   integrity sha1-EEqOSqym09jNFXqO+L+rLXo//bY=
 
-is-extendable@^0.1.0:
+is-accessor-descriptor@^0.1.6:
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz#a9e12cb3ae8d876727eeef3843f8a0897b5c98d6"
+  integrity sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=
+  dependencies:
+    kind-of "^3.0.2"
+
+is-accessor-descriptor@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz#169c2f6d3df1f992618072365c9b0ea1f6878656"
+  integrity sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==
+  dependencies:
+    kind-of "^6.0.0"
+
+is-buffer@^1.1.5:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
+  integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
+
+is-data-descriptor@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz#0b5ee648388e2c860282e793f1856fec3f301b56"
+  integrity sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=
+  dependencies:
+    kind-of "^3.0.2"
+
+is-data-descriptor@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz#d84876321d0e7add03990406abbbbd36ba9268c7"
+  integrity sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==
+  dependencies:
+    kind-of "^6.0.0"
+
+is-descriptor@^0.1.0:
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/is-descriptor/-/is-descriptor-0.1.6.tgz#366d8240dde487ca51823b1ab9f07a10a78251ca"
+  integrity sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==
+  dependencies:
+    is-accessor-descriptor "^0.1.6"
+    is-data-descriptor "^0.1.4"
+    kind-of "^5.0.0"
+
+is-descriptor@^1.0.0, is-descriptor@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-descriptor/-/is-descriptor-1.0.2.tgz#3b159746a66604b04f8c81524ba365c5f14d86ec"
+  integrity sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==
+  dependencies:
+    is-accessor-descriptor "^1.0.0"
+    is-data-descriptor "^1.0.0"
+    kind-of "^6.0.2"
+
+is-extendable@^0.1.0, is-extendable@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89"
   integrity sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=
 
+is-extendable@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-1.0.1.tgz#a7470f9e426733d81bd81e1155264e3a3507cab4"
+  integrity sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==
+  dependencies:
+    is-plain-object "^2.0.4"
+
 is-fullwidth-code-point@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb"
@@ -405,7 +715,14 @@ is-fullwidth-code-point@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
   integrity sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=
 
-is-plain-object@^2.0.4:
+is-number@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-3.0.0.tgz#24fd6201a4782cf50561c810276afc7d12d71195"
+  integrity sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=
+  dependencies:
+    kind-of "^3.0.2"
+
+is-plain-object@^2.0.1, is-plain-object@^2.0.3, is-plain-object@^2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
   integrity sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==
@@ -417,12 +734,29 @@ is-stream@^1.1.0:
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
   integrity sha1-EtSj3U5o4Lec6428hBc66A2RykQ=
 
+is-windows@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-1.0.2.tgz#d1850eb9791ecd18e6182ce12a30f396634bb19d"
+  integrity sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==
+
+isarray@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
+  integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=
+
 isexe@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
   integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
 
-isobject@^3.0.1:
+isobject@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/isobject/-/isobject-2.1.0.tgz#f065561096a3f1da2ef46272f815c840d87e0c89"
+  integrity sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=
+  dependencies:
+    isarray "1.0.0"
+
+isobject@^3.0.0, isobject@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
   integrity sha1-TkMekrEalzFjaqH5yNHMvP2reN8=
@@ -485,6 +819,30 @@ jws@^3.1.5:
     jwa "^1.2.0"
     safe-buffer "^5.0.1"
 
+kind-of@^3.0.2, kind-of@^3.0.3, kind-of@^3.2.0:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64"
+  integrity sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=
+  dependencies:
+    is-buffer "^1.1.5"
+
+kind-of@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-4.0.0.tgz#20813df3d712928b207378691a45066fae72dd57"
+  integrity sha1-IIE989cSkosgc3hpGkUGb65y3Vc=
+  dependencies:
+    is-buffer "^1.1.5"
+
+kind-of@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-5.1.0.tgz#729c91e2d857b7a419a1f9aa65685c4c33f5845d"
+  integrity sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==
+
+kind-of@^6.0.0, kind-of@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.2.tgz#01146b36a6218e64e58f3a8d66de5d7fc6f6d051"
+  integrity sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==
+
 lcid@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/lcid/-/lcid-1.0.0.tgz#308accafa0bc483a3867b4b6f2b9506251d1b835"
@@ -550,6 +908,16 @@ lodash.keys@^4.0.8:
   resolved "https://registry.yarnpkg.com/lodash.keys/-/lodash.keys-4.2.0.tgz#a08602ac12e4fb83f91fc1fb7a360a4d9ba35205"
   integrity sha1-oIYCrBLk+4P5H8H7ejYKTZujUgU=
 
+lodash.mapvalues@^4.6.0:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/lodash.mapvalues/-/lodash.mapvalues-4.6.0.tgz#1bafa5005de9dd6f4f26668c30ca37230cc9689c"
+  integrity sha1-G6+lAF3p3W9PJmaMMMo3IwzJaJw=
+
+lodash.memoize@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
+  integrity sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=
+
 lodash.once@^4.0.0:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/lodash.once/-/lodash.once-4.1.1.tgz#0dd3971213c7c56df880977d504c88fb471a97ac"
@@ -565,6 +933,11 @@ lodash.uniq@^4.5.0:
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
   integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=
 
+lodash@^4.17.4:
+  version "4.17.11"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d"
+  integrity sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==
+
 lru-cache@^4.0.1:
   version "4.1.5"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.5.tgz#8bbe50ea85bed59bc9e33dcab8235ee9bcf443cd"
@@ -578,6 +951,18 @@ macos-release@^2.0.0:
   resolved "https://registry.yarnpkg.com/macos-release/-/macos-release-2.0.0.tgz#7dddf4caf79001a851eb4fba7fb6034f251276ab"
   integrity sha512-iCM3ZGeqIzlrH7KxYK+fphlJpCCczyHXc+HhRVbEu9uNTCrzYJjvvtefzeKTCVHd5AP/aD/fzC80JZ4ZP+dQ/A==
 
+map-cache@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/map-cache/-/map-cache-0.2.2.tgz#c32abd0bd6525d9b051645bb4f26ac5dc98a0dbf"
+  integrity sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=
+
+map-visit@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/map-visit/-/map-visit-1.0.0.tgz#ecdca8f13144e660f1b5bd41f12f3479d98dfb8f"
+  integrity sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=
+  dependencies:
+    object-visit "^1.0.0"
+
 mem@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/mem/-/mem-1.1.0.tgz#5edd52b485ca1d900fe64895505399a0dfa45f76"
@@ -590,6 +975,25 @@ memfs-or-file-map-to-github-branch@^1.1.0:
   resolved "https://registry.yarnpkg.com/memfs-or-file-map-to-github-branch/-/memfs-or-file-map-to-github-branch-1.1.2.tgz#9d46c02481b7eca8e5ee8a94f170b7e0138cad67"
   integrity sha512-D2JKK2DTuVYQqquBWco3K6UfSVyVwmd58dgNqh+TgxHOZdTmR8I130gjMbVCkemDl/EzqDA62417cJxKL3/FFA==
 
+micromatch@^3.1.10:
+  version "3.1.10"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-3.1.10.tgz#70859bc95c9840952f359a068a3fc49f9ecfac23"
+  integrity sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==
+  dependencies:
+    arr-diff "^4.0.0"
+    array-unique "^0.3.2"
+    braces "^2.3.1"
+    define-property "^2.0.2"
+    extend-shallow "^3.0.2"
+    extglob "^2.0.4"
+    fragment-cache "^0.2.1"
+    kind-of "^6.0.2"
+    nanomatch "^1.2.9"
+    object.pick "^1.3.0"
+    regex-not "^1.0.0"
+    snapdragon "^0.8.1"
+    to-regex "^3.0.2"
+
 mimic-fn@^1.0.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.2.0.tgz#820c86a39334640e99516928bd03fca88057d022"
@@ -607,6 +1011,14 @@ minimist@^1.2.0:
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
   integrity sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=
 
+mixin-deep@^1.2.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/mixin-deep/-/mixin-deep-1.3.1.tgz#a49e7268dce1a0d9698e45326c5626df3543d0fe"
+  integrity sha512-8ZItLHeEgaqEvd5lYBXfm4EZSFCX29Jb9K+lAHhDKzReKBQKj3R+7NOF6tjqYi9t4oI8VUfaWITJQm86wnXGNQ==
+  dependencies:
+    for-in "^1.0.2"
+    is-extendable "^1.0.1"
+
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
@@ -617,6 +1029,23 @@ ms@^2.1.1:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.1.tgz#30a5864eb3ebb0a66f2ebe6d727af06a09d86e0a"
   integrity sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==
 
+nanomatch@^1.2.9:
+  version "1.2.13"
+  resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.13.tgz#b87a8aa4fc0de8fe6be88895b38983ff265bd119"
+  integrity sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==
+  dependencies:
+    arr-diff "^4.0.0"
+    array-unique "^0.3.2"
+    define-property "^2.0.2"
+    extend-shallow "^3.0.2"
+    fragment-cache "^0.2.1"
+    is-windows "^1.0.2"
+    kind-of "^6.0.2"
+    object.pick "^1.3.0"
+    regex-not "^1.0.0"
+    snapdragon "^0.8.1"
+    to-regex "^3.0.1"
+
 nice-try@^1.0.4:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
@@ -627,6 +1056,11 @@ node-cleanup@^2.1.2:
   resolved "https://registry.yarnpkg.com/node-cleanup/-/node-cleanup-2.1.2.tgz#7ac19abd297e09a7f72a71545d951b517e4dde2c"
   integrity sha1-esGavSl+Caf3KnFUXZUbUX5N3iw=
 
+node-fetch@^2.1.1:
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.0.tgz#e633456386d4aa55863f676a7ab0daa8fdecb0fd"
+  integrity sha512-8dG4H5ujfvFiqDmVu9fQ5bOHUC15JMjMY/Zumv26oOvvVJjM67KF8koCWIabKQ1GJIa9r2mMZscBq/TbdOcmNA==
+
 node-fetch@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.3.0.tgz#1a1d940bbfb916a1d3e0219f037e89e71f8c5fa5"
@@ -644,6 +1078,29 @@ number-is-nan@^1.0.0:
   resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
   integrity sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=
 
+object-copy@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/object-copy/-/object-copy-0.1.0.tgz#7e7d858b781bd7c991a41ba975ed3812754e998c"
+  integrity sha1-fn2Fi3gb18mRpBupde04EnVOmYw=
+  dependencies:
+    copy-descriptor "^0.1.0"
+    define-property "^0.2.5"
+    kind-of "^3.0.3"
+
+object-visit@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/object-visit/-/object-visit-1.0.1.tgz#f79c4493af0c5377b59fe39d395e41042dd045bb"
+  integrity sha1-95xEk68MU3e1n+OdOV5BBC3QRbs=
+  dependencies:
+    isobject "^3.0.0"
+
+object.pick@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/object.pick/-/object.pick-1.3.0.tgz#87a10ac4c1694bd2e1cbf53591a66141fb5dd747"
+  integrity sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=
+  dependencies:
+    isobject "^3.0.1"
+
 octokit-pagination-methods@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/octokit-pagination-methods/-/octokit-pagination-methods-1.1.0.tgz#cf472edc9d551055f9ef73f6e42b4dbb4c80bea4"
@@ -738,6 +1195,11 @@ parse-passwd@^1.0.0:
   resolved "https://registry.yarnpkg.com/parse-passwd/-/parse-passwd-1.0.0.tgz#6d5b934a456993b23d37f40a382d6f1666a8e5c6"
   integrity sha1-bVuTSkVpk7I9N/QKOC1vFmao5cY=
 
+pascalcase@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
+  integrity sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=
+
 path-exists@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
@@ -753,6 +1215,11 @@ pinpoint@^1.1.0:
   resolved "https://registry.yarnpkg.com/pinpoint/-/pinpoint-1.1.0.tgz#0cf7757a6977f1bf7f6a32207b709e377388e874"
   integrity sha1-DPd1eml38b9/ajIge3CeN3OI6HQ=
 
+posix-character-classes@^0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab"
+  integrity sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=
+
 pseudomap@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
@@ -768,6 +1235,24 @@ regenerator-runtime@^0.12.0:
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.12.1.tgz#fa1a71544764c036f8c49b13a08b2594c9f8a0de"
   integrity sha512-odxIc1/vDlo4iZcfXqRYFj0vpXFNoGdKMAUieAlFYO6m/nl5e9KR/beGf41z4a1FI+aQgtjhuaSlDxQ0hmkrHg==
 
+regex-not@^1.0.0, regex-not@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/regex-not/-/regex-not-1.0.2.tgz#1f4ece27e00b0b65e0247a6810e6a85d83a5752c"
+  integrity sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==
+  dependencies:
+    extend-shallow "^3.0.2"
+    safe-regex "^1.1.0"
+
+repeat-element@^1.1.2:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.3.tgz#782e0d825c0c5a3bb39731f84efee6b742e6b1ce"
+  integrity sha512-ahGq0ZnV5m5XtZLMb+vP76kcAM5nkLqk0lpqAuojSKGgQtn4eRi4ZZGm2olo2zKFH+sMsWaqOCW1dqAnOru72g==
+
+repeat-string@^1.6.1:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637"
+  integrity sha1-jcrkcOHIirwtYA//Sndihtp15jc=
+
 require-directory@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
@@ -783,6 +1268,16 @@ require-main-filename@^1.0.1:
   resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-1.0.1.tgz#97f717b69d48784f5f526a6c5aa8ffdda055a4d1"
   integrity sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=
 
+resolve-url@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
+  integrity sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=
+
+ret@~0.1.10:
+  version "0.1.15"
+  resolved "https://registry.yarnpkg.com/ret/-/ret-0.1.15.tgz#b8a4825d5bdb1fc3f6f53c2bc33f81388681c7bc"
+  integrity sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==
+
 rfc6902@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/rfc6902/-/rfc6902-3.0.1.tgz#03a3d38329dbc266fbc92aa7fc14546d7839e89f"
@@ -793,6 +1288,13 @@ safe-buffer@^5.0.1:
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
 
+safe-regex@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/safe-regex/-/safe-regex-1.1.0.tgz#40a3669f3b077d1e943d44629e157dd48023bf2e"
+  integrity sha1-QKNmnzsHfR6UPURinhV91IAjvy4=
+  dependencies:
+    ret "~0.1.10"
+
 semver@^5.5.0:
   version "5.6.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.6.0.tgz#7e74256fbaa49c75aa7c7a205cc22799cac80004"
@@ -803,6 +1305,26 @@ set-blocking@^2.0.0:
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
   integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc=
 
+set-value@^0.4.3:
+  version "0.4.3"
+  resolved "https://registry.yarnpkg.com/set-value/-/set-value-0.4.3.tgz#7db08f9d3d22dc7f78e53af3c3bf4666ecdfccf1"
+  integrity sha1-fbCPnT0i3H945Trzw79GZuzfzPE=
+  dependencies:
+    extend-shallow "^2.0.1"
+    is-extendable "^0.1.1"
+    is-plain-object "^2.0.1"
+    to-object-path "^0.3.0"
+
+set-value@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/set-value/-/set-value-2.0.0.tgz#71ae4a88f0feefbbf52d1ea604f3fb315ebb6274"
+  integrity sha512-hw0yxk9GT/Hr5yJEYnHNKYXkIA8mVJgd9ditYZCe16ZczcaELYYcfvaXesNACk2O8O0nTiPQcQhGUQj8JLzeeg==
+  dependencies:
+    extend-shallow "^2.0.1"
+    is-extendable "^0.1.1"
+    is-plain-object "^2.0.3"
+    split-string "^3.0.1"
+
 shebang-command@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
@@ -820,6 +1342,72 @@ signal-exit@^3.0.0:
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"
   integrity sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=
 
+snapdragon-node@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/snapdragon-node/-/snapdragon-node-2.1.1.tgz#6c175f86ff14bdb0724563e8f3c1b021a286853b"
+  integrity sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==
+  dependencies:
+    define-property "^1.0.0"
+    isobject "^3.0.0"
+    snapdragon-util "^3.0.1"
+
+snapdragon-util@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/snapdragon-util/-/snapdragon-util-3.0.1.tgz#f956479486f2acd79700693f6f7b805e45ab56e2"
+  integrity sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==
+  dependencies:
+    kind-of "^3.2.0"
+
+snapdragon@^0.8.1:
+  version "0.8.2"
+  resolved "https://registry.yarnpkg.com/snapdragon/-/snapdragon-0.8.2.tgz#64922e7c565b0e14204ba1aa7d6964278d25182d"
+  integrity sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==
+  dependencies:
+    base "^0.11.1"
+    debug "^2.2.0"
+    define-property "^0.2.5"
+    extend-shallow "^2.0.1"
+    map-cache "^0.2.2"
+    source-map "^0.5.6"
+    source-map-resolve "^0.5.0"
+    use "^3.1.0"
+
+source-map-resolve@^0.5.0:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.5.2.tgz#72e2cc34095543e43b2c62b2c4c10d4a9054f259"
+  integrity sha512-MjqsvNwyz1s0k81Goz/9vRBe9SZdB09Bdw+/zYyO+3CuPk6fouTaxscHkgtE8jKvf01kVfl8riHzERQ/kefaSA==
+  dependencies:
+    atob "^2.1.1"
+    decode-uri-component "^0.2.0"
+    resolve-url "^0.2.1"
+    source-map-url "^0.4.0"
+    urix "^0.1.0"
+
+source-map-url@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.0.tgz#3e935d7ddd73631b97659956d55128e87b5084a3"
+  integrity sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=
+
+source-map@^0.5.6:
+  version "0.5.7"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
+  integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=
+
+split-string@^3.0.1, split-string@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/split-string/-/split-string-3.1.0.tgz#7cb09dda3a86585705c64b39a6466038682e8fe2"
+  integrity sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==
+  dependencies:
+    extend-shallow "^3.0.0"
+
+static-extend@^0.1.1:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/static-extend/-/static-extend-0.1.2.tgz#60809c39cbff55337226fd5e0b520f341f1fb5c6"
+  integrity sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY=
+  dependencies:
+    define-property "^0.2.5"
+    object-copy "^0.1.0"
+
 string-width@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
@@ -871,6 +1459,41 @@ supports-hyperlinks@^1.0.1:
     has-flag "^2.0.0"
     supports-color "^5.0.0"
 
+to-object-path@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/to-object-path/-/to-object-path-0.3.0.tgz#297588b7b0e7e0ac08e04e672f85c1f4999e17af"
+  integrity sha1-KXWIt7Dn4KwI4E5nL4XB9JmeF68=
+  dependencies:
+    kind-of "^3.0.2"
+
+to-regex-range@^2.1.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-2.1.1.tgz#7c80c17b9dfebe599e27367e0d4dd5590141db38"
+  integrity sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=
+  dependencies:
+    is-number "^3.0.0"
+    repeat-string "^1.6.1"
+
+to-regex@^3.0.1, to-regex@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/to-regex/-/to-regex-3.0.2.tgz#13cfdd9b336552f30b51f33a8ae1b42a7a7599ce"
+  integrity sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==
+  dependencies:
+    define-property "^2.0.2"
+    extend-shallow "^3.0.2"
+    regex-not "^1.0.2"
+    safe-regex "^1.1.0"
+
+union-value@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/union-value/-/union-value-1.0.0.tgz#5c71c34cb5bad5dcebe3ea0cd08207ba5aa1aea4"
+  integrity sha1-XHHDTLW61dzr4+oM0IIHulqhrqQ=
+  dependencies:
+    arr-union "^3.1.0"
+    get-value "^2.0.6"
+    is-extendable "^0.1.1"
+    set-value "^0.4.3"
+
 universal-user-agent@^2.0.0, universal-user-agent@^2.0.1:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/universal-user-agent/-/universal-user-agent-2.0.3.tgz#9f6f09f9cc33de867bb720d84c08069b14937c6c"
@@ -878,11 +1501,29 @@ universal-user-agent@^2.0.0, universal-user-agent@^2.0.1:
   dependencies:
     os-name "^3.0.0"
 
+unset-value@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/unset-value/-/unset-value-1.0.0.tgz#8376873f7d2335179ffb1e6fc3a8ed0dfc8ab559"
+  integrity sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=
+  dependencies:
+    has-value "^0.3.1"
+    isobject "^3.0.0"
+
+urix@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72"
+  integrity sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=
+
 url-template@^2.0.8:
   version "2.0.8"
   resolved "https://registry.yarnpkg.com/url-template/-/url-template-2.0.8.tgz#fc565a3cccbff7730c775f5641f9555791439f21"
   integrity sha1-/FZaPMy/93MMd19WQflVV5FDnyE=
 
+use@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/use/-/use-3.1.1.tgz#d50c8cac79a19fbc20f2911f56eb973f4e10070f"
+  integrity sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==
+
 which-module@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"
diff --git a/build.gradle.kts b/build.gradle.kts
index 703d1cc4e794bd..de0ffb42c36e83 100644
--- a/build.gradle.kts
+++ b/build.gradle.kts
@@ -10,8 +10,8 @@ buildscript {
         jcenter()
     }
     dependencies {
-        classpath("com.android.tools.build:gradle:3.4.1")
-        classpath("de.undercouch:gradle-download-task:3.4.3")
+        classpath("com.android.tools.build:gradle:3.4.2")
+        classpath("de.undercouch:gradle-download-task:4.0.0")
 
         // NOTE: Do not place your application dependencies here; they belong
         // in the individual module build.gradle files
diff --git a/flow/Map.js b/flow/Map.js
deleted file mode 100644
index c8e830529798ff..00000000000000
--- a/flow/Map.js
+++ /dev/null
@@ -1,40 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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
- */
-
-// These annotations are copy/pasted from the built-in Flow definitions for
-// Native Map.
-
-declare module 'Map' {
-  // Use the name "MapPolyfill" so that we don't get confusing error
-  // messages about "Using Map instead of Map".
-  declare class MapPolyfill<K, V> {
-    @@iterator(): Iterator<[K, V]>;
-    constructor<Key, Value>(_: void): MapPolyfill<Key, Value>;
-    constructor<Key, Value>(_: null): MapPolyfill<Key, Value>;
-    constructor<Key, Value>(
-      iterable: Iterable<[Key, Value]>,
-    ): MapPolyfill<Key, Value>;
-    clear(): void;
-    delete(key: K): boolean;
-    entries(): Iterator<[K, V]>;
-    forEach(
-      callbackfn: (value: V, index: K, map: MapPolyfill<K, V>) => mixed,
-      thisArg?: any,
-    ): void;
-    get(key: K): V | void;
-    has(key: K): boolean;
-    keys(): Iterator<K>;
-    set(key: K, value: V): MapPolyfill<K, V>;
-    size: number;
-    values(): Iterator<V>;
-  }
-
-  declare module.exports: typeof MapPolyfill;
-}
diff --git a/flow/Set.js b/flow/Set.js
deleted file mode 100644
index 64099c2a6028c3..00000000000000
--- a/flow/Set.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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
- */
-
-// These annotations are copy/pasted from the built-in Flow definitions for
-// Native Set.
-
-declare module 'Set' {
-  // Use the name "SetPolyfill" so that we don't get confusing error
-  // messages about "Using Set instead of Set".
-  declare class SetPolyfill<T> {
-    @@iterator(): Iterator<T>;
-    constructor(iterable: ?Iterable<T>): void;
-    add(value: T): SetPolyfill<T>;
-    clear(): void;
-    delete(value: T): boolean;
-    entries(): Iterator<[T, T]>;
-    forEach(
-      callbackfn: (value: T, index: T, set: SetPolyfill<T>) => mixed,
-      thisArg?: any,
-    ): void;
-    has(value: T): boolean;
-    keys(): Iterator<T>;
-    size: number;
-    values(): Iterator<T>;
-  }
-
-  declare module.exports: typeof SetPolyfill;
-}
diff --git a/flow/jest.js b/flow/jest.js
index 799978ca43bd27..1780dfa9f28d9a 100644
--- a/flow/jest.js
+++ b/flow/jest.js
@@ -11,7 +11,7 @@
 
 /* eslint-disable lint/no-unclear-flowtypes */
 
-type JestMockFn<TArguments: $ReadOnlyArray<*>, TReturn> = {
+type JestMockFn<TArguments: $ReadOnlyArray<mixed>, TReturn> = {|
   (...args: TArguments): TReturn,
   /**
    * An object for introspecting mock calls
@@ -105,7 +105,7 @@ type JestMockFn<TArguments: $ReadOnlyArray<*>, TReturn> = {
    * Sugar for jest.fn().mockImplementationOnce(() => Promise.reject(value))
    */
   mockRejectedValueOnce(value: TReturn): JestMockFn<TArguments, Promise<any>>,
-};
+|};
 
 type JestAsymmetricEqualityType = {
   /**
@@ -794,7 +794,7 @@ type JestObjectType = {
    * Returns a new, unused mock function. Optionally takes a mock
    * implementation.
    */
-  fn<TArguments: $ReadOnlyArray<*>, TReturn>(
+  fn<TArguments: $ReadOnlyArray<mixed>, TReturn>(
     implementation?: (...args: TArguments) => TReturn,
   ): JestMockFn<TArguments, TReturn>,
   /**
@@ -953,7 +953,7 @@ declare var describe: {
    * @param {table} table of Test
    */
   each(
-    table: Array<Array<mixed> | mixed>,
+    table: $ReadOnlyArray<mixed | $ReadOnlyArray<mixed>>,
   ): (
     name: JestTestName,
     fn?: (...args: Array<any>) => ?Promise<mixed>,
@@ -980,7 +980,7 @@ declare var it: {
    * @param {table} table of Test
    */
   each(
-    table: Array<Array<mixed> | mixed>,
+    table: $ReadOnlyArray<mixed | $ReadOnlyArray<mixed>>,
   ): (
     name: JestTestName,
     fn?: (...args: Array<any>) => ?Promise<mixed>,
@@ -998,7 +998,7 @@ declare var it: {
     timeout?: number,
   ): {
     each(
-      table: Array<Array<mixed> | mixed>,
+      table: $ReadOnlyArray<mixed | $ReadOnlyArray<mixed>>,
     ): (
       name: JestTestName,
       fn?: (...args: Array<any>) => ?Promise<mixed>,
@@ -1034,7 +1034,7 @@ declare var it: {
    * @param {table} table of Test
    */
   each(
-    table: Array<Array<mixed> | mixed>,
+    table: $ReadOnlyArray<mixed | $ReadOnlyArray<mixed>>,
   ): (
     name: JestTestName,
     fn?: (...args: Array<any>) => ?Promise<mixed>,
@@ -1065,9 +1065,7 @@ type JestPrettyFormatColors = {
 };
 
 type JestPrettyFormatIndent = string => string;
-type JestPrettyFormatRefs = Array<any>;
 type JestPrettyFormatPrint = any => string;
-type JestPrettyFormatStringOrNull = string | null;
 
 type JestPrettyFormatOptions = {|
   callToJSON: boolean,
@@ -1123,7 +1121,7 @@ declare var expect: {
   hasAssertions(): void,
   any(value: mixed): JestAsymmetricEqualityType,
   anything(): any,
-  arrayContaining(value: Array<mixed>): Array<mixed>,
+  arrayContaining(value: $ReadOnlyArray<mixed>): Array<mixed>,
   objectContaining(value: Object): Object,
   /** Matches any received string that contains the exact expected string. */
   stringContaining(value: string): string,
@@ -1162,7 +1160,7 @@ declare var jasmine: {
   DEFAULT_TIMEOUT_INTERVAL: number,
   any(value: mixed): JestAsymmetricEqualityType,
   anything(): any,
-  arrayContaining(value: Array<mixed>): Array<mixed>,
+  arrayContaining(value: $ReadOnlyArray<mixed>): Array<mixed>,
   clock(): JestClockType,
   createSpy(name: string): JestSpyType,
   createSpyObj(
diff --git a/gradle/wrapper/gradle-wrapper.properties b/gradle/wrapper/gradle-wrapper.properties
index ee69dd68d1a6b0..e0c4de36dddba5 100644
--- a/gradle/wrapper/gradle-wrapper.properties
+++ b/gradle/wrapper/gradle-wrapper.properties
@@ -1,5 +1,5 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-5.4.1-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-5.5-all.zip
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
diff --git a/jest-preset.js b/jest-preset.js
index 676ae89b131272..6c9079d28115cb 100644
--- a/jest-preset.js
+++ b/jest-preset.js
@@ -9,19 +9,11 @@
 
 'use strict';
 
-const dir = __dirname;
-
 module.exports = {
   haste: {
     defaultPlatform: 'ios',
     platforms: ['android', 'ios', 'macos', 'native'],
-    hasteImplModulePath: require.resolve('./jest/hasteImpl.js'),
-    providesModuleNodeModules: ['react-native'],
-  },
-  moduleNameMapper: {
-    '^React$': require.resolve('react'),
   },
-  modulePathIgnorePatterns: [`${dir}/Libraries/react-native/`],
   transform: {
     '^.+\\.(js|ts|tsx)$': 'babel-jest',
     '^.+\\.(bmp|gif|jpg|jpeg|mp4|png|psd|svg|webp)$': require.resolve(
diff --git a/jest.config.js b/jest.config.js
index 3ed6cd49c14fb6..7ee957febeeaf6 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -17,9 +17,6 @@ module.exports = {
       './jest/setup.js',
     ],
     'timers': 'fake',
-    'moduleNameMapper': {
-      '^React$': '<rootDir>/Libraries/react-native/React.js',
-    },
     'testRegex': '/__tests__/.*-test\\.js$',
     'testPathIgnorePatterns': [
       '/node_modules/',
@@ -29,46 +26,12 @@ module.exports = {
     ],
     'haste': {
       'defaultPlatform': 'ios',
-      'hasteImplModulePath': '<rootDir>/jest/hasteImpl.js',
-      'providesModuleNodeModules': [
-        'react-native',
-      ],
       'platforms': [
         'ios',
         'android',
+        'macos',
       ],
     },
-    'modulePathIgnorePatterns': [
-      '/node_modules/(?!react|fbjs|react-native|react-transform-hmr|core-js|promise)/',
-      'node_modules/react/node_modules/fbjs/',
-      'node_modules/react/lib/ReactDOM.js',
-      'node_modules/fbjs/lib/Map.js',
-      'node_modules/fbjs/lib/Promise.js',
-      'node_modules/fbjs/lib/fetch.js',
-      'node_modules/fbjs/lib/ErrorUtils.js',
-      'node_modules/fbjs/lib/URI.js',
-      'node_modules/fbjs/lib/Deferred.js',
-      'node_modules/fbjs/lib/PromiseMap.js',
-      'node_modules/fbjs/lib/UserAgent.js',
-      'node_modules/fbjs/lib/areEqual.js',
-      'node_modules/fbjs/lib/base62.js',
-      'node_modules/fbjs/lib/crc32.js',
-      'node_modules/fbjs/lib/everyObject.js',
-      'node_modules/fbjs/lib/fetchWithRetries.js',
-      'node_modules/fbjs/lib/filterObject.js',
-      'node_modules/fbjs/lib/flattenArray.js',
-      'node_modules/fbjs/lib/forEachObject.js',
-      'node_modules/fbjs/lib/isEmpty.js',
-      'node_modules/fbjs/lib/removeFromArray.js',
-      'node_modules/fbjs/lib/resolveImmediate.js',
-      'node_modules/fbjs/lib/someObject.js',
-      'node_modules/fbjs/lib/sprintf.js',
-      'node_modules/fbjs/lib/xhrSimpleDataSerializer.js',
-      'node_modules/jest-cli',
-      'node_modules/react/dist',
-      'node_modules/fbjs/.*/__mocks__/',
-      'node_modules/fbjs/node_modules/',
-    ],
     'unmockedModulePathPatterns': [
       'node_modules/react/',
       'Libraries/Renderer',
diff --git a/jest/__tests__/hasteImpl-test.js b/jest/__tests__/hasteImpl-test.js
deleted file mode 100644
index 9cab29a52215f8..00000000000000
--- a/jest/__tests__/hasteImpl-test.js
+++ /dev/null
@@ -1,93 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @emails oncall+js_foundation
- */
-
-'use strict';
-
-const path = require('path');
-
-const {getHasteName} = require('../hasteImpl');
-
-function getPath(...parts) {
-  return path.join(__dirname, '..', '..', ...parts);
-}
-
-it('returns the correct haste name for a RN library file', () => {
-  expect(
-    getHasteName(
-      getPath(
-        'Libraries',
-        'Components',
-        'AccessibilityInfo',
-        'AccessibilityInfo.js',
-      ),
-    ),
-  ).toEqual('AccessibilityInfo');
-});
-
-it('returns the correct haste name for a file with a platform suffix', () => {
-  for (const platform of ['android', 'ios', 'native']) {
-    expect(
-      getHasteName(
-        getPath(
-          'Libraries',
-          'Components',
-          'AccessibilityInfo',
-          `AccessibilityInfo.${platform}.js`,
-        ),
-      ),
-    ).toEqual('AccessibilityInfo');
-  }
-});
-
-it('returns the correct haste name for a file with a flow suffix', () => {
-  expect(
-    getHasteName(
-      getPath(
-        'Libraries',
-        'Components',
-        'AccessibilityInfo',
-        'AccessibilityInfo.ios.js.flow',
-      ),
-    ),
-  ).toEqual('AccessibilityInfo');
-});
-
-it('does not calculate the haste name for a file that is not JS', () => {
-  expect(
-    getHasteName(
-      getPath(
-        'Libraries',
-        'Components',
-        'AccessibilityInfo',
-        'AccessibilityInfo.txt',
-      ),
-    ),
-  ).toBe(undefined);
-});
-
-it('does not calculate the haste name for a file outside of RN', () => {
-  expect(
-    getHasteName(getPath('..', 'Libraries', 'AccessibilityInfo.txt')),
-  ).toBe(undefined);
-});
-
-it('does not calculate the haste name for a blacklisted file', () => {
-  expect(
-    getHasteName(
-      getPath(
-        'Libraries',
-        'Components',
-        '__mocks__',
-        'AccessibilityInfo',
-        'AccessibilityInfo.js',
-      ),
-    ),
-  ).toBe(undefined);
-});
diff --git a/jest/hasteImpl.js b/jest/hasteImpl.js
deleted file mode 100644
index 14bef3c92fe81c..00000000000000
--- a/jest/hasteImpl.js
+++ /dev/null
@@ -1,123 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-const path = require('path');
-
-const REACT_NATIVE_CI = process.cwd() === path.resolve(__dirname, '..');
-
-let pluginsPath;
-
-if (REACT_NATIVE_CI) {
-  pluginsPath = '..';
-} else {
-  pluginsPath = '../../../';
-}
-
-function getPlugins() {
-  try {
-    // @todo do not rely on private files
-    /* $FlowFixMe */
-    const findPlugins = require('@react-native-community/cli/build/core/findPlugins')
-      .default;
-
-    return findPlugins(path.resolve(__dirname, pluginsPath));
-  } catch (e) {
-    return {
-      haste: {
-        providesModuleNodeModules: [],
-        platforms: [],
-      },
-    };
-  }
-}
-
-const plugins = getPlugins();
-
-// Detect out-of-tree platforms and add them to the whitelists
-const pluginRoots /*: Array<
-  string,
-> */ = plugins.haste.providesModuleNodeModules.map(
-  name => path.resolve(__dirname, '../../', name) + path.sep,
-);
-
-const pluginNameReducers /*: Array<
-  [RegExp, string],
-> */ = plugins.haste.platforms.map(
-  name => [new RegExp(`^(.*)\.(${name})$`), '$1'],
-);
-
-const ROOTS = [path.resolve(__dirname, '..') + path.sep, ...pluginRoots];
-
-const BLACKLISTED_PATTERNS /*: Array<RegExp> */ = [
-  /.*[\\\/]__(mocks|tests)__[\\\/].*/,
-  /^Libraries[\\\/]Animated[\\\/]src[\\\/]polyfills[\\\/].*/,
-  /^Libraries[\\\/]Renderer[\\\/]fb[\\\/].*/,
-];
-
-const WHITELISTED_PREFIXES /*: Array<string> */ = [
-  'IntegrationTests',
-  'Libraries',
-  'ReactAndroid',
-  'RNTester',
-];
-
-const NAME_REDUCERS /*: Array<[RegExp, string]> */ = [
-  // extract basename
-  [/^(?:.*[\\\/])?([a-zA-Z0-9$_.-]+)$/, '$1'],
-  // strip .js/.js.flow suffix
-  [/^(.*)\.js(\.flow)?$/, '$1'],
-  // strip platform suffix
-  [/^(.*)\.(android|ios|native|macos)$/, '$1'],
-  // strip plugin platform suffixes
-  ...pluginNameReducers,
-];
-
-const haste = {
-  /*
-   * @return {string|void} hasteName for module at filePath; or undefined if
-   *                       filePath is not a haste module
-   */
-  getHasteName(
-    filePath /*: string */,
-    sourceCode /*: ?string */,
-  ) /*: string | void */ {
-    if (!isHastePath(filePath)) {
-      return undefined;
-    }
-
-    const hasteName = NAME_REDUCERS.reduce(
-      (name, [pattern, replacement]) => name.replace(pattern, replacement),
-      filePath,
-    );
-
-    return hasteName;
-  },
-};
-
-function isHastePath(filePath /*: string */) /*: boolean */ {
-  if (!filePath.endsWith('.js') && !filePath.endsWith('.js.flow')) {
-    return false;
-  }
-
-  const root = ROOTS.find(r => filePath.startsWith(r));
-  if (!root) {
-    return false;
-  }
-
-  filePath = filePath.substr(root.length);
-  if (BLACKLISTED_PATTERNS.some(pattern => pattern.test(filePath))) {
-    return false;
-  }
-  return WHITELISTED_PREFIXES.some(prefix => filePath.startsWith(prefix));
-}
-
-module.exports = haste;
diff --git a/jest/preprocessor.js b/jest/preprocessor.js
index bd5d0b333f0edf..5920c0a6f23c05 100644
--- a/jest/preprocessor.js
+++ b/jest/preprocessor.js
@@ -12,9 +12,10 @@
 
 'use strict';
 
-const {transformSync: babelTransformSync} = require('@babel/core');
 const babelRegisterOnly = require('metro-babel-register');
 const createCacheKeyFunction = require('fbjs-scripts/jest/createCacheKeyFunction');
+
+const {transformSync: babelTransformSync} = require('@babel/core');
 const generate = require('@babel/generator').default;
 
 const nodeFiles = new RegExp(
@@ -26,10 +27,9 @@ const nodeOptions = babelRegisterOnly.config([nodeFiles]);
 
 babelRegisterOnly([]);
 
-/* $FlowFixMe */
 const transformer = require('metro-react-native-babel-transformer');
 module.exports = {
-  process(src /*: string */, file /*: string */) {
+  process(src /*: string */, file /*: string */) /*: string */ {
     if (nodeFiles.test(file)) {
       // node specific transforms only
       return babelTransformSync(src, {
@@ -112,9 +112,9 @@ module.exports = {
     ).code;
   },
 
-  getCacheKey: createCacheKeyFunction([
+  getCacheKey: (createCacheKeyFunction([
     __filename,
     require.resolve('metro-react-native-babel-transformer'),
     require.resolve('@babel/core/package.json'),
-  ]),
+  ]) /*: any */),
 };
diff --git a/jest/renderer.js b/jest/renderer.js
index 26c6e8b3acd5f8..66777228da64a4 100644
--- a/jest/renderer.js
+++ b/jest/renderer.js
@@ -12,18 +12,17 @@
 'use strict';
 
 const React = require('react');
-
-const TestRenderer = require('react-test-renderer');
 const ShallowRenderer = require('react-test-renderer/shallow');
+const TestRenderer = require('react-test-renderer');
 
 const renderer = new ShallowRenderer();
 
-export const shallow = (Component: React.Element<any>) => {
+export const shallow = (Component: React.Element<any>): any => {
   const Wrapper = (): React.Element<any> => Component;
 
   return renderer.render(<Wrapper />);
 };
 
-export const create = (Component: React.Element<any>) => {
+export const create = (Component: React.Element<any>): any => {
   return TestRenderer.create(Component);
 };
diff --git a/jest/setup.js b/jest/setup.js
index 7328ed18dd622d..954d9fd76d2740 100644
--- a/jest/setup.js
+++ b/jest/setup.js
@@ -27,8 +27,6 @@ global.cancelAnimationFrame = function(id) {
   clearTimeout(id);
 };
 
-jest.mock('../Libraries/Core/Devtools/setupDevtools');
-
 // there's a __mock__ for it.
 jest.setMock(
   '../Libraries/vendor/core/ErrorUtils',
@@ -37,6 +35,53 @@ jest.setMock(
 
 jest
   .mock('../Libraries/Core/InitializeCore', () => {})
+  .mock('../Libraries/ReactNative/UIManager', () => ({
+    AndroidViewPager: {
+      Commands: {
+        setPage: jest.fn(),
+        setPageWithoutAnimation: jest.fn(),
+      },
+    },
+    blur: jest.fn(),
+    createView: jest.fn(),
+    customBubblingEventTypes: {},
+    customDirectEventTypes: {},
+    dispatchViewManagerCommand: jest.fn(),
+    focus: jest.fn(),
+    getViewManagerConfig: jest.fn(name => {
+      if (name === 'AndroidDrawerLayout') {
+        return {
+          Constants: {
+            DrawerPosition: {
+              Left: 10,
+            },
+          },
+        };
+      }
+    }),
+    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('../Libraries/Image/Image', () =>
     mockComponent('../Libraries/Image/Image'),
   )
@@ -52,6 +97,19 @@ jest
   .mock('../Libraries/Components/View/View', () =>
     mockComponent('../Libraries/Components/View/View', MockNativeMethods),
   )
+  .mock('../Libraries/Components/AccessibilityInfo/AccessibilityInfo', () => ({
+    addEventListener: jest.fn(),
+    announceForAccessibility: jest.fn(),
+    fetch: jest.fn(),
+    isBoldTextEnabled: jest.fn(),
+    isGrayscaleEnabled: jest.fn(),
+    isInvertColorsEnabled: jest.fn(),
+    isReduceMotionEnabled: jest.fn(),
+    isReduceTransparencyEnabled: jest.fn(),
+    isScreenReaderEnabled: jest.fn(),
+    removeEventListener: jest.fn(),
+    setAccessibilityFocus: jest.fn(),
+  }))
   .mock('../Libraries/Components/RefreshControl/RefreshControl', () =>
     jest.requireActual(
       '../Libraries/Components/RefreshControl/__mocks__/RefreshControlMock',
@@ -67,6 +125,12 @@ jest
       '../Libraries/Components/ActivityIndicator/ActivityIndicator',
     ),
   )
+  .mock('../Libraries/Animated/src/Animated', () => {
+    const Animated = jest.requireActual('../Libraries/Animated/src/Animated');
+    Animated.Text.__skipSetNativeProps_FOR_TESTS_ONLY = true;
+    Animated.View.__skipSetNativeProps_FOR_TESTS_ONLY = true;
+    return Animated;
+  })
   .mock('../Libraries/Animated/src/AnimatedImplementation', () => {
     const AnimatedImplementation = jest.requireActual(
       '../Libraries/Animated/src/AnimatedImplementation',
@@ -82,6 +146,19 @@ jest
     };
     return AnimatedImplementation;
   })
+  .mock('../Libraries/AppState/AppState', () => ({
+    addEventListener: jest.fn(),
+    removeEventListener: jest.fn(),
+  }))
+  .mock('../Libraries/Linking/Linking', () => ({
+    openURL: jest.fn(),
+    canOpenURL: jest.fn(() => Promise.resolve(true)),
+    openSettings: jest.fn(),
+    addEventListener: jest.fn(),
+    getInitialURL: jest.fn(() => Promise.resolve()),
+    removeEventListener: jest.fn(),
+    sendIntent: jest.fn(),
+  }))
   .mock('../Libraries/Renderer/shims/ReactNative', () => {
     const ReactNative = jest.requireActual(
       '../Libraries/Renderer/shims/ReactNative',
@@ -95,268 +172,194 @@ jest
 
     return ReactNative;
   })
-  .mock('../Libraries/Components/Touchable/ensureComponentIsNative', () => () =>
-    true,
-  );
-
-const mockNativeModules = {
-  AccessibilityInfo: {
-    addEventListener: jest.fn(),
-    announceForAccessibility: jest.fn(),
-    fetch: jest.fn(),
-    isBoldTextEnabled: jest.fn(),
-    isGrayscaleEnabled: jest.fn(),
-    isInvertColorsEnabled: jest.fn(),
-    isReduceMotionEnabled: jest.fn(),
-    isReduceTransparencyEnabled: jest.fn(),
-    isScreenReaderEnabled: jest.fn(),
-    removeEventListener: jest.fn(),
-    setAccessibilityFocus: jest.fn(),
-  },
-  AlertManager: {
-    alertWithArgs: jest.fn(),
-  },
-  AppState: {
-    addEventListener: jest.fn(),
-    removeEventListener: 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, []))),
-  },
-  BuildInfo: {
-    appVersion: '0',
-    buildVersion: '0',
-    getConstants() {
-      return {
-        appVersion: '0',
-        buildVersion: '0',
-      };
+  // Mock modules defined by the native layer (ex: Objective-C, Java)
+  .mock('../Libraries/BatchedBridge/NativeModules', () => ({
+    AlertManager: {
+      alertWithArgs: jest.fn(),
     },
-  },
-  Clipboard: {
-    setString: jest.fn(),
-  },
-  DataManager: {
-    queryData: jest.fn(),
-  },
-  DeviceInfo: {
-    Dimensions: {
-      window: {
-        fontScale: 2,
-        height: 1334,
-        scale: 2,
-        width: 750,
-      },
-      screen: {
-        fontScale: 2,
-        height: 1334,
-        scale: 2,
-        width: 750,
+    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, [])),
+      ),
+    },
+    Clipboard: {
+      getString: jest.fn(() => ''),
+      setString: jest.fn(),
+    },
+    DeviceInfo: {
+      getConstants() {
+        return {
+          Dimensions: {
+            window: {
+              fontScale: 2,
+              height: 1334,
+              scale: 2,
+              width: 750,
+            },
+            screen: {
+              fontScale: 2,
+              height: 1334,
+              scale: 2,
+              width: 750,
+            },
+          },
+        };
       },
     },
-  },
-  FacebookSDK: {
-    login: jest.fn(),
-    logout: jest.fn(),
-    queryGraphPath: jest.fn((path, method, params, callback) => callback()),
-  },
-  GraphPhotoUpload: {
-    upload: jest.fn(),
-  },
-  I18n: {
-    translationsDictionary: JSON.stringify({
-      'Good bye, {name}!|Bye message': '\u{00A1}Adi\u{00F3}s {name}!',
-    }),
-  },
-  ImageLoader: {
-    getSize: jest.fn(url => Promise.resolve({width: 320, height: 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(),
-  },
-  Linking: {
-    openURL: jest.fn(),
-    canOpenURL: jest.fn(() => Promise.resolve(true)),
-    openSettings: jest.fn(),
-    addEventListener: jest.fn(),
-    getInitialURL: jest.fn(() => Promise.resolve()),
-    removeEventListener: jest.fn(),
-    sendIntent: jest.fn(),
-  },
-  LocationObserver: {
-    addListener: jest.fn(),
-    getCurrentPosition: jest.fn(),
-    removeListeners: jest.fn(),
-    requestAuthorization: jest.fn(),
-    setConfiguration: jest.fn(),
-    startObserving: jest.fn(),
-    stopObserving: jest.fn(),
-  },
-  ModalFullscreenViewManager: {},
-  NetInfo: {
-    fetch: jest.fn(() => Promise.resolve()),
-    getConnectionInfo: jest.fn(() => Promise.resolve()),
-    addEventListener: jest.fn(),
-    removeEventListener: jest.fn(),
-    isConnected: {
-      fetch: jest.fn(() => Promise.resolve()),
-      addEventListener: jest.fn(),
-      removeEventListener: jest.fn(),
+    ImageLoader: {
+      getSize: jest.fn(url => Promise.resolve({width: 320, height: 240})),
+      prefetchImage: jest.fn(),
     },
-    isConnectionExpensive: jest.fn(() => Promise.resolve()),
-  },
-  Networking: {
-    sendRequest: jest.fn(),
-    abortRequest: jest.fn(),
-    addListener: jest.fn(),
-    removeListeners: jest.fn(),
-  },
-  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(),
-  },
-  SourceCode: {
-    scriptURL: null,
-  },
-  StatusBarManager: {
-    HEIGHT: 42,
-    setColor: jest.fn(),
-    setStyle: jest.fn(),
-    setHidden: jest.fn(),
-    setNetworkActivityIndicatorVisible: jest.fn(),
-    setBackgroundColor: jest.fn(),
-    setTranslucent: jest.fn(),
-  },
-  Timing: {
-    createTimer: jest.fn(),
-    deleteTimer: jest.fn(),
-  },
-  UIManager: {
-    AndroidViewPager: {
-      Commands: {
-        setPage: jest.fn(),
-        setPageWithoutAnimation: 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 {};
       },
     },
-    blur: jest.fn(),
-    createView: jest.fn(),
-    dispatchViewManagerCommand: jest.fn(),
-    focus: jest.fn(),
-    getViewManagerConfig: jest.fn(name => {
-      if (name === 'AndroidDrawerLayout') {
+    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(),
+    },
+    SourceCode: {
+      getConstants() {
         return {
-          Constants: {
-            DrawerPosition: {
-              Left: 10,
-            },
-          },
+          scriptURL: null,
         };
-      }
-    }),
-    setChildren: jest.fn(),
-    manageChildren: jest.fn(),
-    updateView: jest.fn(),
-    removeSubviewsFromContainerWithID: jest.fn(),
-    replaceExistingNonRootView: jest.fn(),
-    customBubblingEventTypes: {},
-    customDirectEventTypes: {},
-    AndroidTextInput: {
-      Commands: {},
+      },
     },
-    ModalFullscreenView: {
-      Constants: {},
+    StatusBarManager: {
+      setColor: jest.fn(),
+      setStyle: jest.fn(),
+      setHidden: jest.fn(),
+      setNetworkActivityIndicatorVisible: jest.fn(),
+      setBackgroundColor: jest.fn(),
+      setTranslucent: jest.fn(),
+      getConstants: () => ({
+        HEIGHT: 42,
+      }),
     },
-    ScrollView: {
-      Constants: {},
+    Timing: {
+      createTimer: jest.fn(),
+      deleteTimer: jest.fn(),
     },
-    View: {
-      Constants: {},
+    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(),
     },
-  },
-  BlobModule: {
-    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(),
-  },
-};
-
-Object.keys(mockNativeModules).forEach(module => {
-  try {
-    jest.doMock(module, () => mockNativeModules[module]); // needed by FacebookSDK-test
-  } catch (e) {
-    jest.doMock(module, () => mockNativeModules[module], {virtual: true});
-  }
-});
+    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,
+      }),
+    },
+  }))
+  .mock('../Libraries/ReactNative/requireNativeComponent', () => {
+    const React = require('react');
 
-jest.doMock(
-  '../Libraries/BatchedBridge/NativeModules',
-  () => mockNativeModules,
-);
+    return viewName => {
+      const Component = class extends React.Component {
+        render() {
+          return React.createElement(viewName, this.props, this.props.children);
+        }
+      };
 
-jest.doMock('../Libraries/ReactNative/requireNativeComponent', () => {
-  const React = require('react');
+      if (viewName === 'RCTView') {
+        Component.displayName = 'View';
+      } else {
+        Component.displayName = viewName;
+      }
 
-  return viewName =>
-    class extends React.Component {
+      return Component;
+    };
+  })
+  .mock(
+    '../Libraries/Utilities/verifyComponentAttributeEquivalence',
+    () => function() {},
+  )
+  .mock('../Libraries/Components/View/ViewNativeComponent', () => {
+    const React = require('react');
+    const Component = class extends React.Component {
       render() {
-        return React.createElement(viewName, this.props, this.props.children);
+        return React.createElement('View', this.props, this.props.children);
       }
     };
-});
+
+    Component.displayName = 'View';
+
+    return {
+      __esModule: true,
+      default: Component,
+    };
+  });
diff --git a/lib/InitializeJavaScriptAppEngine.js b/lib/InitializeJavaScriptAppEngine.js
deleted file mode 100644
index 3bfab280a03506..00000000000000
--- a/lib/InitializeJavaScriptAppEngine.js
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-// This is a forwarding module to allow React to require React Native internals
-// as node dependency
-module.exports = require('InitializeCore');
diff --git a/lib/RCTEventEmitter.js b/lib/RCTEventEmitter.js
deleted file mode 100644
index 85010174075aa4..00000000000000
--- a/lib/RCTEventEmitter.js
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-// This is a forwarding module to allow React to require React Native internals
-// as node dependency
-module.exports = require('RCTEventEmitter');
diff --git a/lib/TextInputState.js b/lib/TextInputState.js
deleted file mode 100644
index d016523f939b60..00000000000000
--- a/lib/TextInputState.js
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-// This is a forwarding module to allow React to require React Native internals
-// as node dependency
-module.exports = require('TextInputState');
diff --git a/lib/UIManager.js b/lib/UIManager.js
deleted file mode 100644
index a8140397c7bdbe..00000000000000
--- a/lib/UIManager.js
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-// This is a forwarding module to allow React to require React Native internals
-// as node dependency
-module.exports = require('UIManager');
diff --git a/lib/UIManagerStatTracker.js b/lib/UIManagerStatTracker.js
deleted file mode 100644
index 2579d1ea10c642..00000000000000
--- a/lib/UIManagerStatTracker.js
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-// This is a forwarding module to allow React to require React Native internals
-// as node dependency
-module.exports = require('UIManagerStatTracker');
diff --git a/lib/View.js b/lib/View.js
deleted file mode 100644
index 2eaddd857b6e8f..00000000000000
--- a/lib/View.js
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-// This is a forwarding module to allow React to require React Native internals
-// as node dependency
-module.exports = require('View');
diff --git a/lib/deepDiffer.js b/lib/deepDiffer.js
deleted file mode 100644
index 3d091331852afe..00000000000000
--- a/lib/deepDiffer.js
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-// This is a forwarding module to allow React to require React Native internals
-// as node dependency
-module.exports = require('deepDiffer');
diff --git a/lib/deepFreezeAndThrowOnMutationInDev.js b/lib/deepFreezeAndThrowOnMutationInDev.js
deleted file mode 100644
index 961a0e1b66615d..00000000000000
--- a/lib/deepFreezeAndThrowOnMutationInDev.js
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-// This is a forwarding module to allow React to require React Native internals
-// as node dependency
-module.exports = require('deepFreezeAndThrowOnMutationInDev');
diff --git a/lib/flattenStyle.js b/lib/flattenStyle.js
deleted file mode 100644
index 8c4d4ebee10335..00000000000000
--- a/lib/flattenStyle.js
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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';
-
-// This is a forwarding module to allow React to require React Native internals
-// as node dependency
-module.exports = require('flattenStyle');
diff --git a/local-cli/generator-macos/templates/macos/HelloWorld.xcodeproj/project.pbxproj b/local-cli/generator-macos/templates/macos/HelloWorld.xcodeproj/project.pbxproj
index 5f328783a8d20b..933b32730bceb2 100644
--- a/local-cli/generator-macos/templates/macos/HelloWorld.xcodeproj/project.pbxproj
+++ b/local-cli/generator-macos/templates/macos/HelloWorld.xcodeproj/project.pbxproj
@@ -30,6 +30,7 @@
 		13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = 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; path = main.m; sourceTree = "<group>"; };
+		38423A3E24576CBC00BC2EAC /* main.jsbundle */ = {isa = PBXFileReference; lastKnownFileType = text; path = main.jsbundle; sourceTree = "<group>"; };
 		514201492437B4B30078DB4F /* HelloWorld.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = HelloWorld.app; sourceTree = BUILT_PRODUCTS_DIR; };
 		5142014B2437B4B30078DB4F /* AppDelegate.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = AppDelegate.h; sourceTree = "<group>"; };
 		5142014C2437B4B30078DB4F /* AppDelegate.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = AppDelegate.m; sourceTree = "<group>"; };
@@ -108,6 +109,7 @@
 		5142014A2437B4B30078DB4F /* HelloWorld-macOS */ = {
 			isa = PBXGroup;
 			children = (
+				38423A3E24576CBC00BC2EAC /* main.jsbundle */,
 				5142014B2437B4B30078DB4F /* AppDelegate.h */,
 				5142014C2437B4B30078DB4F /* AppDelegate.m */,
 				5142014E2437B4B30078DB4F /* ViewController.h */,
@@ -180,9 +182,11 @@
 			buildConfigurationList = 5142015A2437B4B40078DB4F /* Build configuration list for PBXNativeTarget "HelloWorld-macOS" */;
 			buildPhases = (
 				1A938104A937498D81B3BD3B /* [CP] Check Pods Manifest.lock */,
+				381D8A6F24576A6C00465D17 /* Start Packager */,
 				514201452437B4B30078DB4F /* Sources */,
 				514201462437B4B30078DB4F /* Frameworks */,
 				514201472437B4B30078DB4F /* Resources */,
+				381D8A6E24576A4E00465D17 /* Bundle React Native code and images */,
 			);
 			buildRules = (
 			);
@@ -263,7 +267,7 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh";
+			shellScript = "export NODE_BINARY=node\n../node_modules/react-native-macos/scripts/react-native-xcode.sh\n";
 		};
 		1A938104A937498D81B3BD3B /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
@@ -287,6 +291,42 @@
 			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;
 		};
+		381D8A6E24576A4E00465D17 /* Bundle React Native code and images */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+			);
+			name = "Bundle React Native code and images";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "export NODE_BINARY=node\n../node_modules/react-native-macos/scripts/react-native-xcode.sh\n";
+		};
+		381D8A6F24576A6C00465D17 /* Start Packager */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+			);
+			name = "Start Packager";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > \"${SRCROOT}/../node_modules/react-native-macos/scripts/.packager.env\"\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n  if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then\n    if ! curl -s \"http://localhost:${RCT_METRO_PORT}/status\" | grep -q \"packager-status:running\" ; then\n      echo \"Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly\"\n      exit 2\n    fi\n  else\n    open \"$SRCROOT/../node_modules/react-native-macos/scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n  fi\nfi\n";
+		};
 		7BC40D98CAD1562CFD247217 /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
@@ -325,7 +365,7 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > \"${SRCROOT}/../node_modules/react-native/scripts/.packager.env\"\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n  if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then\n    if ! curl -s \"http://localhost:${RCT_METRO_PORT}/status\" | grep -q \"packager-status:running\" ; then\n      echo \"Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly\"\n      exit 2\n    fi\n  else\n    open \"$SRCROOT/../node_modules/react-native/scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n  fi\nfi\n";
+			shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > \"${SRCROOT}/../node_modules/react-native-macos/scripts/.packager.env\"\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n  if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then\n    if ! curl -s \"http://localhost:${RCT_METRO_PORT}/status\" | grep -q \"packager-status:running\" ; then\n      echo \"Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly\"\n      exit 2\n    fi\n  else\n    open \"$SRCROOT/../node_modules/react-native-macos/scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n  fi\nfi\n";
 			showEnvVarsInLog = 0;
 		};
 /* End PBXShellScriptBuildPhase section */
diff --git a/local-cli/generator-macos/templates/macos/Podfile b/local-cli/generator-macos/templates/macos/Podfile
index add040e43657f4..c6bda7c668d696 100644
--- a/local-cli/generator-macos/templates/macos/Podfile
+++ b/local-cli/generator-macos/templates/macos/Podfile
@@ -1,30 +1,38 @@
 require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'
 
 abstract_target 'Shared' do
-  pod 'React', :path => "../node_modules/react-native-macos/"
-  pod 'React-Core', :path => "../node_modules/react-native-macos/React"
-  pod 'React-fishhook', :path => "../node_modules/react-native-macos/Libraries/fishhook"
-  pod 'React-RCTActionSheet', :path => "../node_modules/react-native-macos/Libraries/ActionSheetIOS"
-  pod 'React-RCTAnimation', :path => "../node_modules/react-native-macos/Libraries/NativeAnimation"
-  pod 'React-RCTBlob', :path => "../node_modules/react-native-macos/Libraries/Blob"
-  pod 'React-RCTImage', :path => "../node_modules/react-native-macos/Libraries/Image"
-  pod 'React-RCTLinking', :path => "../node_modules/react-native-macos/Libraries/LinkingIOS"
-  pod 'React-RCTNetwork', :path => "../node_modules/react-native-macos/Libraries/Network"
-  pod 'React-RCTSettings', :path => "../node_modules/react-native-macos/Libraries/Settings"
-  pod 'React-RCTText', :path => "../node_modules/react-native-macos/Libraries/Text"
-  pod 'React-RCTVibration', :path => "../node_modules/react-native-macos/Libraries/Vibration"
-  pod 'React-RCTWebSocket', :path => "../node_modules/react-native-macos/Libraries/WebSocket"
-  pod 'React-cxxreact', :path => "../node_modules/react-native-macos/ReactCommon/cxxreact"
-  pod 'React-jscallinvoker', :path => "../node_modules/react-native-macos/ReactCommon/jscallinvoker"
-  pod 'React-jsi', :path => "../node_modules/react-native-macos/ReactCommon/jsi"
-  pod 'React-jsiexecutor', :path => "../node_modules/react-native-macos/ReactCommon/jsiexecutor"
-  pod 'React-jsinspector', :path => "../node_modules/react-native-macos/ReactCommon/jsinspector"
-  pod 'yoga', :path => "../node_modules/react-native-macos/ReactCommon/yoga"
-  pod 'DoubleConversion', :podspec => "../node_modules/react-native-macos/third-party-podspecs/DoubleConversion.podspec"
-  pod 'glog', :podspec => "../node_modules/react-native-macos/third-party-podspecs/glog.podspec"
-  pod 'Folly', :podspec => "../node_modules/react-native-macos/third-party-podspecs/Folly.podspec"
-  pod 'boost-for-react-native', :podspec => "../node_modules/react-native-macos/third-party-podspecs/boost-for-react-native.podspec"
-  pod 'React-DevSupport', :path => "../node_modules/react-native-macos/React"
+  # Pods for HelloWorld
+  pod 'FBLazyVector', :path => '../node_modules/react-native-macos/Libraries/FBLazyVector'
+  pod 'FBReactNativeSpec', :path => '../node_modules/react-native-macos/Libraries/FBReactNativeSpec'
+  pod 'RCTRequired', :path => '../node_modules/react-native-macos/Libraries/RCTRequired'
+  pod 'RCTTypeSafety', :path => '../node_modules/react-native-macos/Libraries/TypeSafety'
+  pod 'React', :path => '../node_modules/react-native-macos/'
+  pod 'React-Core', :path => '../node_modules/react-native-macos/'
+  pod 'React-CoreModules', :path => '../node_modules/react-native-macos/React/CoreModules'
+  pod 'React-Core/DevSupport', :path => '../node_modules/react-native-macos/'
+  pod 'React-RCTActionSheet', :path => '../node_modules/react-native-macos/Libraries/ActionSheetIOS'
+  pod 'React-RCTAnimation', :path => '../node_modules/react-native-macos/Libraries/NativeAnimation'
+  pod 'React-RCTBlob', :path => '../node_modules/react-native-macos/Libraries/Blob'
+  pod 'React-RCTImage', :path => '../node_modules/react-native-macos/Libraries/Image'
+  pod 'React-RCTLinking', :path => '../node_modules/react-native-macos/Libraries/LinkingIOS'
+  pod 'React-RCTNetwork', :path => '../node_modules/react-native-macos/Libraries/Network'
+  pod 'React-RCTSettings', :path => '../node_modules/react-native-macos/Libraries/Settings'
+  pod 'React-RCTText', :path => '../node_modules/react-native-macos/Libraries/Text'
+  pod 'React-RCTVibration', :path => '../node_modules/react-native-macos/Libraries/Vibration'
+  pod 'React-Core/RCTWebSocket', :path => '../node_modules/react-native-macos/'
+
+  pod 'React-cxxreact', :path => '../node_modules/react-native-macos/ReactCommon/cxxreact'
+  pod 'React-jsi', :path => '../node_modules/react-native-macos/ReactCommon/jsi'
+  pod 'React-jsiexecutor', :path => '../node_modules/react-native-macos/ReactCommon/jsiexecutor'
+  pod 'React-jsinspector', :path => '../node_modules/react-native-macos/ReactCommon/jsinspector'
+  pod 'ReactCommon/jscallinvoker', :path => '../node_modules/react-native-macos/ReactCommon'
+  pod 'ReactCommon/turbomodule/core', :path => '../node_modules/react-native-macos/ReactCommon'
+  pod 'Yoga', :path => '../node_modules/react-native-macos/ReactCommon/yoga'
+
+  pod 'boost-for-react-native', :podspec => '../node_modules/react-native-macos/third-party-podspecs/boost-for-react-native.podspec'
+  pod 'DoubleConversion', :podspec => '../node_modules/react-native-macos/third-party-podspecs/DoubleConversion.podspec'
+  pod 'glog', :podspec => '../node_modules/react-native-macos/third-party-podspecs/glog.podspec'
+  pod 'Folly', :podspec => '../node_modules/react-native-macos/third-party-podspecs/Folly.podspec'
 
   target 'HelloWorld-macOS' do
     platform :macos, '10.14'
diff --git a/metro.config.js b/metro.config.js
index 4950b56ad33b25..3d136db50c9e4f 100644
--- a/metro.config.js
+++ b/metro.config.js
@@ -37,7 +37,7 @@ if (
       getPolyfills,
     },
     resolver: {
-      hasteImplModulePath: require.resolve('./jest/hasteImpl'),
+      platforms: ['ios', 'macos', 'android'],
     },
     transformer: {
       assetRegistryPath: require.resolve('./Libraries/Image/AssetRegistry'),
@@ -55,7 +55,6 @@ if (
       getPolyfills,
     },
     resolver: {
-      hasteImplModulePath: require.resolve('./jest/hasteImpl'),
       platforms: ['ios', 'macos', 'android'],
     },
     transformer: {
diff --git a/package.json b/package.json
index c00b6f42a1829b..8ddefce4b9c4ec 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native",
-  "version": "0.60.0-microsoft.77",
+  "version": "0.61.0-microsoft.0",
   "description": "[Microsoft Fork] A framework for building native apps using React",
   "license": "MIT",
   "repository": {
@@ -23,7 +23,7 @@
     "folly",
     "init.sh",
     "local-cli",
-    "IntegrationTests",
+    "scripts/compose-source-maps.js",
     "scripts/fixmacscripts.sh",
     "scripts/ios-configure-glog.sh",
     "scripts/ios-install-third-party.sh",
@@ -43,11 +43,11 @@
     "react-native.config.js",
     "react.gradle",
     "React.podspec",
+    "React-Core.podspec",
     "React",
     "ReactAndroid",
     "ReactCommon",
     "README.md",
-    "RNTester/js",
     "stubs/glog",
     "third-party-podspecs",
     "template",
@@ -58,7 +58,6 @@
     "!template/package-lock.json"
   ],
   "scripts": {
-    "build": "echo \"no build needed\" ",
     "start": "react-native start",
     "test": "jest",
     "test-ci": "jest --maxWorkers=2 --ci --reporters=\"default\" --reporters=\"jest-junit\"",
@@ -67,6 +66,8 @@
     "flow-check-macos": "flow check --flowconfig-name .flowconfig.macos",
     "flow-check-android": "flow check --flowconfig-name .flowconfig.android",
     "lint": "eslint .",
+    "lint-ci": "./scripts/circleci/analyze_code.sh && yarn shellcheck",
+    "shellcheck": "./scripts/circleci/analyze_scripts.sh",
     "clang-format": "clang-format -i --glob=*/**/*.{h,cpp,m,mm}",
     "format": "npm run prettier && npm run clang-format",
     "prettier": "prettier --write \"./**/*.{js,md,yml}\"",
@@ -82,16 +83,17 @@
     "test-android-e2e": "yarn run docker-build-android && yarn run test-android-run-e2e",
     "build-ios-e2e": "detox build -c ios.sim.release",
     "test-ios-e2e": "detox test -c ios.sim.release RNTester/e2e",
+    "test-ios": "./scripts/objc-test.sh test",
     "postinstall": "node scripts/postInstall.js"
   },
   "peerDependencies": {
-    "react": "16.8.6"
+    "react": "16.9.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.0.0",
-    "@react-native-community/cli": "^2.6.0",
-    "@react-native-community/cli-platform-android": "^2.6.0",
-    "@react-native-community/cli-platform-ios": "^2.4.1",
+    "@react-native-community/cli": "^3.0.0",
+    "@react-native-community/cli-platform-android": "^3.0.0",
+    "@react-native-community/cli-platform-ios": "^3.0.0",
     "abort-controller": "^3.0.0",
     "art": "^0.10.0",
     "base64-js": "^1.1.2",
@@ -101,25 +103,28 @@
     "event-target-shim": "^5.0.1",
     "fbjs": "^1.0.0",
     "fbjs-scripts": "^1.1.0",
+    "hermes-engine": "^0.2.1",
     "hermesvm": "^0.1.0",
     "invariant": "^2.2.4",
-    "jsc-android": "245459.0.0",
-    "metro-babel-register": "0.54.1",
-    "metro-react-native-babel-transformer": "0.54.1",
-    "metro-source-map": "^0.55.0",
+    "jsc-android": "^245459.0.0",
+    "metro-babel-register": "^0.56.0",
+    "metro-react-native-babel-transformer": "^0.56.0",
+    "metro-source-map": "^0.56.0",
     "nullthrows": "^1.1.0",
     "pretty-format": "^24.7.0",
     "promise": "^7.1.1",
     "prop-types": "^15.7.2",
-    "react-devtools-core": "^3.6.1",
+    "react-devtools-core": "^3.6.3",
+    "react-refresh": "^0.4.0",
     "regenerator-runtime": "^0.13.2",
-    "scheduler": "0.14.0",
+    "scheduler": "0.15.0",
     "stacktrace-parser": "^0.1.3",
     "whatwg-fetch": "^3.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0",
     "@babel/generator": "^7.0.0",
+    "@react-native-community/eslint-plugin": "1.0.0",
     "@reactions/component": "^2.0.2",
     "async": "^2.4.0",
     "babel-eslint": "10.0.1",
@@ -129,6 +134,7 @@
     "eslint": "5.1.0",
     "eslint-config-fb-strict": "24.3.0",
     "eslint-config-fbjs": "2.1.0",
+    "eslint-config-prettier": "^6.0.0",
     "eslint-plugin-babel": "^5.3.0",
     "eslint-plugin-eslint-comments": "^3.1.1",
     "eslint-plugin-flowtype": "2.50.3",
@@ -139,15 +145,15 @@
     "eslint-plugin-react-hooks": "^1.5.1",
     "eslint-plugin-react-native": "3.6.0",
     "eslint-plugin-relay": "1.3.0",
-    "flow-bin": "^0.98.0",
+    "flow-bin": "^0.105.0",
     "flow-remove-types": "1.2.3",
-    "jest": "^24.7.1",
+    "jest": "^24.8.0",
     "jest-junit": "^6.3.0",
     "jscodeshift": "^0.6.2",
     "mkdirp": "^0.5.1",
     "prettier": "1.17.0",
-    "react": "16.8.6",
-    "react-test-renderer": "16.8.6",
+    "react": "16.9.0",
+    "react-test-renderer": "16.9.0",
     "shelljs": "^0.7.8",
     "ws": "^6.1.4",
     "yargs": "^9.0.0"
@@ -159,13 +165,13 @@
     "configurations": {
       "ios.sim.release": {
         "binaryPath": "RNTester/build/Build/Products/Release-iphonesimulator/RNTester.app/",
-        "build": "xcodebuild -project RNTester/RNTester.xcodeproj -scheme RNTester -configuration Release -sdk iphonesimulator -derivedDataPath RNTester/build -UseModernBuildSystem=NO -quiet",
+        "build": "xcodebuild -workspace RNTester/RNTesterPods.xcworkspace -scheme RNTester -configuration Release -sdk iphonesimulator -derivedDataPath RNTester/build -UseModernBuildSystem=NO -quiet",
         "type": "ios.simulator",
         "name": "iPhone 6s"
       },
       "ios.sim.debug": {
         "binaryPath": "RNTester/build/Build/Products/Debug-iphonesimulator/RNTester.app/",
-        "build": "xcodebuild -project RNTester/RNTester.xcodeproj -scheme RNTester -configuration Debug -sdk iphonesimulator -derivedDataPath RNTester/build -UseModernBuildSystem=NO -quiet",
+        "build": "xcodebuild -workspace RNTester/RNTesterPods.xcworkspace -scheme RNTester -configuration Debug -sdk iphonesimulator -derivedDataPath RNTester/build -UseModernBuildSystem=NO -quiet",
         "type": "ios.simulator",
         "name": "iPhone 6s"
       }
@@ -174,4 +180,4 @@
   "beachball": {
     "shouldPublish": false
   }
-}
\ No newline at end of file
+}
diff --git a/packages/babel-plugin-inline-view-configs/BUCK b/packages/babel-plugin-inline-view-configs/BUCK
new file mode 100644
index 00000000000000..8fd38289431bdb
--- /dev/null
+++ b/packages/babel-plugin-inline-view-configs/BUCK
@@ -0,0 +1,23 @@
+load("@fbsource//tools/build_defs/third_party:yarn_defs.bzl", "yarn_workspace")
+
+yarn_workspace(
+    name = "yarn-workspace",
+    srcs = glob(
+        ["**/*.js"],
+        exclude = [
+            "**/__fixtures__/**",
+            "**/__flowtests__/**",
+            "**/__mocks__/**",
+            "**/__server_snapshot_tests__/**",
+            "**/__tests__/**",
+            "**/node_modules/**",
+            "**/node_modules/.bin/**",
+            "**/.*",
+            "**/.*/**",
+            "**/.*/.*",
+            "**/*.xcodeproj/**",
+            "**/*.xcworkspace/**",
+        ],
+    ),
+    visibility = ["PUBLIC"],
+)
diff --git a/packages/babel-plugin-inline-view-configs/__test_fixtures__/failures.js b/packages/babel-plugin-inline-view-configs/__test_fixtures__/failures.js
new file mode 100644
index 00000000000000..7baa1bb435fe52
--- /dev/null
+++ b/packages/babel-plugin-inline-view-configs/__test_fixtures__/failures.js
@@ -0,0 +1,79 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+const COMMANDS_EXPORTED_WITH_DIFFERENT_NAME = `
+// @flow
+
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {ViewProps} from 'ViewPropTypes';
+
+type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+|}>;
+
+interface NativeCommands {
+  +hotspotUpdate: (viewRef: React.Ref<'Module'>) => void;
+}
+
+export const Foo = codegenNativeCommands<NativeCommands>();
+
+export default codegenNativeComponent<ModuleProps>('Module');
+`;
+
+const OTHER_COMMANDS_EXPORT = `
+// @flow
+
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {ViewProps} from 'ViewPropTypes';
+
+type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+|}>;
+
+interface NativeCommands {
+  +hotspotUpdate: (viewRef: React.Ref<'Module'>) => void;
+}
+
+export const Commands = 4;
+
+export default codegenNativeComponent<ModuleProps>('Module');
+`;
+
+const COMMANDS_EXPORTED_WITH_SHORTHAND = `
+// @flow
+
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {ViewProps} from 'ViewPropTypes';
+
+type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+|}>;
+
+interface NativeCommands {
+  +hotspotUpdate: (viewRef: React.Ref<'Module'>) => void;
+}
+
+const Commands = 4;
+
+export {Commands};
+
+export default codegenNativeComponent<ModuleProps>('Module');
+`;
+
+module.exports = {
+  'CommandsExportedWithDifferentNameNativeComponent.js': COMMANDS_EXPORTED_WITH_DIFFERENT_NAME,
+  'CommandsExportedWithShorthandNativeComponent.js': COMMANDS_EXPORTED_WITH_SHORTHAND,
+  'OtherCommandsExportNativeComponent.js': OTHER_COMMANDS_EXPORT,
+};
diff --git a/packages/babel-plugin-inline-view-configs/__test_fixtures__/fixtures.js b/packages/babel-plugin-inline-view-configs/__test_fixtures__/fixtures.js
new file mode 100644
index 00000000000000..9f0925af87f176
--- /dev/null
+++ b/packages/babel-plugin-inline-view-configs/__test_fixtures__/fixtures.js
@@ -0,0 +1,62 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+const NOT_A_NATIVE_COMPONENT = `
+const requireNativeComponent = require('requireNativeComponent');
+
+export default 'Not a view config'
+`;
+
+const FULL_NATIVE_COMPONENT = `
+// @flow
+
+const codegenNativeCommands = require('codegenNativeCommands');
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {
+  Int32,
+  BubblingEventHandler,
+  DirectEventHandler,
+  WithDefault,
+} from 'CodegenFlowtypes';
+
+import type {ViewProps} from 'ViewPropTypes';
+
+interface NativeCommands {
+  +hotspotUpdate: (viewRef: React.Ref<'RCTView'>, x: Int32, y: Int32) => void;
+  +scrollTo: (viewRef: React.Ref<'RCTView'>, y: Int32, animated: boolean) => void;
+}
+
+type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  boolean_default_true_optional_both?: WithDefault<boolean, true>,
+
+  // Events
+  onDirectEventDefinedInlineNull: DirectEventHandler<null>,
+  onBubblingEventDefinedInlineNull: BubblingEventHandler<null>,
+|}>;
+
+export const Commands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['hotspotUpdate', 'scrollTo'],
+});
+
+export default codegenNativeComponent<ModuleProps>('Module', {
+  interfaceOnly: true,
+  paperComponentName: 'RCTModule',
+});
+`;
+
+module.exports = {
+  'NotANativeComponent.js': NOT_A_NATIVE_COMPONENT,
+  'FullNativeComponent.js': FULL_NATIVE_COMPONENT,
+};
diff --git a/packages/babel-plugin-inline-view-configs/__tests__/__snapshots__/index-test.js.snap b/packages/babel-plugin-inline-view-configs/__tests__/__snapshots__/index-test.js.snap
new file mode 100644
index 00000000000000..6258f1f15703ef
--- /dev/null
+++ b/packages/babel-plugin-inline-view-configs/__tests__/__snapshots__/index-test.js.snap
@@ -0,0 +1,76 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Babel plugin inline view configs can inline config for FullNativeComponent.js 1`] = `
+"// @flow
+const codegenNativeCommands = require('codegenNativeCommands');
+
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type { Int32, BubblingEventHandler, DirectEventHandler, WithDefault } from 'CodegenFlowtypes';
+import type { ViewProps } from 'ViewPropTypes';
+interface NativeCommands {
+  +hotspotUpdate: (viewRef: React.Ref<'RCTView'>, x: Int32, y: Int32) => void,
+  +scrollTo: (viewRef: React.Ref<'RCTView'>, y: Int32, animated: boolean) => void,
+}
+type ModuleProps = $ReadOnly<{| ...ViewProps,
+  // Props
+  boolean_default_true_optional_both?: WithDefault<boolean, true>,
+  // Events
+  onDirectEventDefinedInlineNull: DirectEventHandler<null>,
+  onBubblingEventDefinedInlineNull: BubblingEventHandler<null>,
+|}>;
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+
+const {
+  dispatchCommand
+} = require(\\"react-native/Libraries/Renderer/shims/ReactNative\\");
+
+const ModuleViewConfig = {
+  uiViewClassName: 'RCTModule',
+  bubblingEventTypes: {
+    topBubblingEventDefinedInlineNull: {
+      phasedRegistrationNames: {
+        captured: 'onBubblingEventDefinedInlineNullCapture',
+        bubbled: 'onBubblingEventDefinedInlineNull'
+      }
+    }
+  },
+  directEventTypes: {
+    topDirectEventDefinedInlineNull: {
+      registrationName: 'onDirectEventDefinedInlineNull'
+    }
+  },
+  validAttributes: {
+    boolean_default_true_optional_both: true,
+    onDirectEventDefinedInlineNull: true,
+    onBubblingEventDefinedInlineNull: true
+  }
+};
+let nativeComponentName = 'RCTModule';
+registerGeneratedViewConfig(nativeComponentName, ModuleViewConfig);
+export const __INTERNAL_VIEW_CONFIG = ModuleViewConfig;
+export default nativeComponentName;
+export const Commands = {
+  hotspotUpdate(ref, x, y) {
+    dispatchCommand(ref, \\"hotspotUpdate\\", [x, y]);
+  },
+
+  scrollTo(ref, y, animated) {
+    dispatchCommand(ref, \\"scrollTo\\", [y, animated]);
+  }
+
+};"
+`;
+
+exports[`Babel plugin inline view configs can inline config for NotANativeComponent.js 1`] = `
+"const requireNativeComponent = require('requireNativeComponent');
+
+export default 'Not a view config';"
+`;
+
+exports[`Babel plugin inline view configs fails on inline config for CommandsExportedWithDifferentNameNativeComponent.js 1`] = `"Native commands must be exported with the name 'Commands'"`;
+
+exports[`Babel plugin inline view configs fails on inline config for CommandsExportedWithShorthandNativeComponent.js 1`] = `"'Commands' is a reserved export and may only be used to export the result of codegenNativeCommands."`;
+
+exports[`Babel plugin inline view configs fails on inline config for OtherCommandsExportNativeComponent.js 1`] = `"'Commands' is a reserved export and may only be used to export the result of codegenNativeCommands."`;
diff --git a/packages/babel-plugin-inline-view-configs/__tests__/index-test.js b/packages/babel-plugin-inline-view-configs/__tests__/index-test.js
new file mode 100644
index 00000000000000..26c0e09ad06696
--- /dev/null
+++ b/packages/babel-plugin-inline-view-configs/__tests__/index-test.js
@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @format
+ */
+
+'use strict';
+
+const {transform: babelTransform} = require('@babel/core');
+const fixtures = require('../__test_fixtures__/fixtures.js');
+const failures = require('../__test_fixtures__/failures.js');
+
+function transform(fixture, filename) {
+  return babelTransform(fixture, {
+    plugins: [require('@babel/plugin-syntax-flow'), require('../index')],
+    babelrc: false,
+    filename,
+  }).code;
+}
+
+describe('Babel plugin inline view configs', () => {
+  Object.keys(fixtures)
+    .sort()
+    .forEach(fixtureName => {
+      it(`can inline config for ${fixtureName}`, () => {
+        expect(transform(fixtures[fixtureName], fixtureName)).toMatchSnapshot();
+      });
+    });
+
+  Object.keys(failures)
+    .sort()
+    .forEach(fixtureName => {
+      it(`fails on inline config for ${fixtureName}`, () => {
+        expect(() => {
+          transform(failures[fixtureName], fixtureName);
+        }).toThrowErrorMatchingSnapshot();
+      });
+    });
+});
diff --git a/packages/babel-plugin-inline-view-configs/index.js b/packages/babel-plugin-inline-view-configs/index.js
new file mode 100644
index 00000000000000..a6dc270b284d87
--- /dev/null
+++ b/packages/babel-plugin-inline-view-configs/index.js
@@ -0,0 +1,133 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {parseString} = require('react-native-codegen/src/parsers/flow');
+const RNCodegen = require('react-native-codegen/src/generators/RNCodegen');
+const path = require('path');
+
+function generateViewConfig(filename, code) {
+  const schema = parseString(code);
+
+  const libraryName = path
+    .basename(filename)
+    .replace(/NativeComponent\.js$/, '');
+  return RNCodegen.generateViewConfig({
+    schema,
+    libraryName,
+  });
+}
+
+function isCodegenDeclaration(declaration) {
+  if (!declaration) {
+    return false;
+  }
+
+  if (
+    declaration.left &&
+    declaration.left.left &&
+    declaration.left.left.name === 'codegenNativeComponent'
+  ) {
+    return true;
+  } else if (
+    declaration.callee &&
+    declaration.callee.name &&
+    declaration.callee.name === 'codegenNativeComponent'
+  ) {
+    return true;
+  }
+
+  return false;
+}
+
+module.exports = function(context) {
+  return {
+    pre(state) {
+      this.code = state.code;
+      this.filename = state.opts.filename;
+      this.defaultExport = null;
+      this.commandsExport = null;
+      this.codeInserted = false;
+    },
+    visitor: {
+      ExportNamedDeclaration(nodePath) {
+        if (this.codeInserted) {
+          return;
+        }
+
+        if (
+          nodePath.node.declaration &&
+          nodePath.node.declaration.declarations &&
+          nodePath.node.declaration.declarations[0]
+        ) {
+          const firstDeclaration = nodePath.node.declaration.declarations[0];
+
+          if (firstDeclaration.type === 'VariableDeclarator') {
+            if (
+              firstDeclaration.init.type === 'CallExpression' &&
+              firstDeclaration.init.callee.type === 'Identifier' &&
+              firstDeclaration.init.callee.name === 'codegenNativeCommands'
+            ) {
+              if (
+                firstDeclaration.id.type === 'Identifier' &&
+                firstDeclaration.id.name !== 'Commands'
+              ) {
+                throw new Error(
+                  "Native commands must be exported with the name 'Commands'",
+                );
+              }
+              this.commandsExport = nodePath;
+              return;
+            } else {
+              if (firstDeclaration.id.name === 'Commands') {
+                throw new Error(
+                  "'Commands' is a reserved export and may only be used to export the result of codegenNativeCommands.",
+                );
+              }
+            }
+          }
+        } else if (
+          nodePath.node.specifiers &&
+          nodePath.node.specifiers.length > 0
+        ) {
+          nodePath.node.specifiers.forEach(specifier => {
+            if (
+              specifier.type === 'ExportSpecifier' &&
+              specifier.local.type === 'Identifier' &&
+              specifier.local.name === 'Commands'
+            ) {
+              throw new Error(
+                "'Commands' is a reserved export and may only be used to export the result of codegenNativeCommands.",
+              );
+            }
+          });
+        }
+      },
+      ExportDefaultDeclaration(nodePath, state) {
+        if (isCodegenDeclaration(nodePath.node.declaration)) {
+          this.defaultExport = nodePath;
+        }
+      },
+      Program: {
+        exit() {
+          if (this.defaultExport) {
+            const viewConfig = generateViewConfig(this.filename, this.code);
+            this.defaultExport.replaceWithMultiple(
+              context.parse(viewConfig).program.body,
+            );
+            if (this.commandsExport != null) {
+              this.commandsExport.remove();
+            }
+            this.codeInserted = true;
+          }
+        },
+      },
+    },
+  };
+};
diff --git a/packages/babel-plugin-inline-view-configs/package.json b/packages/babel-plugin-inline-view-configs/package.json
new file mode 100644
index 00000000000000..98a8c67bdbeb26
--- /dev/null
+++ b/packages/babel-plugin-inline-view-configs/package.json
@@ -0,0 +1,19 @@
+{
+  "version": "0.0.4",
+  "name": "babel-plugin-inline-view-configs",
+  "description": "Babel plugin to inline view configs for React Native",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:facebook/react-native.git"
+  },
+  "dependencies": {
+    "react-native-codegen": "*"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.0.0"
+  },
+  "license": "MIT",
+  "beachball": {
+    "shouldPublish": false
+  }  
+}
diff --git a/packages/eslint-config-react-native-community/index.js b/packages/eslint-config-react-native-community/index.js
index d1cfc6948713e2..49431eef5767b5 100644
--- a/packages/eslint-config-react-native-community/index.js
+++ b/packages/eslint-config-react-native-community/index.js
@@ -16,12 +16,17 @@ module.exports = {
     sourceType: 'module',
   },
 
+  extends: [
+    'plugin:prettier/recommended', // https://github.com/prettier/eslint-plugin-prettier#recommended-configuration
+    'prettier/react',
+  ],
+
   plugins: [
     'eslint-comments',
-    'prettier',
     'react',
     'react-hooks',
     'react-native',
+    '@react-native-community',
     'jest',
   ],
 
@@ -57,7 +62,10 @@ module.exports = {
       },
     },
     {
-      files: ['*.{spec,test}.{js,ts,tsx}', '**/__tests__/**/*.{js,ts,tsx}'],
+      files: [
+        '*.{spec,test}.{js,ts,tsx}',
+        '**/__{mocks,tests}__/**/*.{js,ts,tsx}',
+      ],
       env: {
         jest: true,
         'jest/globals': true,
@@ -78,6 +86,7 @@ module.exports = {
     clearTimeout: false,
     console: false,
     document: false,
+    ErrorUtils: false,
     escape: false,
     Event: false,
     EventTarget: false,
@@ -214,10 +223,6 @@ module.exports = {
     'eslint-comments/no-unused-disable': 1, // disallow disables that don't cover any errors
     'eslint-comments/no-unused-enable': 1, // // disallow enables that don't enable anything or enable rules that weren't disabled
 
-    // Prettier Plugin
-    // https://github.com/prettier/eslint-plugin-prettier
-    'prettier/prettier': 2,
-
     // Stylistic Issues
     // These rules are purely matters of style and are quite subjective.
 
diff --git a/packages/eslint-config-react-native-community/package.json b/packages/eslint-config-react-native-community/package.json
index 265be462a3e140..755cbfd020866c 100644
--- a/packages/eslint-config-react-native-community/package.json
+++ b/packages/eslint-config-react-native-community/package.json
@@ -11,6 +11,7 @@
     "@typescript-eslint/eslint-plugin": "^1.5.0",
     "@typescript-eslint/parser": "^1.5.0",
     "babel-eslint": "10.0.1",
+    "eslint-config-prettier": "^6.0.0",
     "eslint-plugin-eslint-comments": "^3.1.1",
     "eslint-plugin-flowtype": "2.50.3",
     "eslint-plugin-jest": "22.4.1",
@@ -25,5 +26,8 @@
   },
   "devDependencies": {
     "eslint": "^5.1.0"
+  },
+  "beachball": {
+    "shouldPublish": false
   }
 }
diff --git a/packages/eslint-config-react-native-community/yarn.lock b/packages/eslint-config-react-native-community/yarn.lock
index e237c83e1c3f54..91d69102ca5fa1 100644
--- a/packages/eslint-config-react-native-community/yarn.lock
+++ b/packages/eslint-config-react-native-community/yarn.lock
@@ -327,6 +327,13 @@ escape-string-regexp@^1.0.5:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
 
+eslint-config-prettier@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-6.0.0.tgz#f429a53bde9fc7660e6353910fd996d6284d3c25"
+  integrity sha512-vDrcCFE3+2ixNT5H83g28bO/uYAwibJxerXPj+E7op4qzBCsAV36QfvdAyVOoNxKAH2Os/e01T/2x++V0LPukA==
+  dependencies:
+    get-stdin "^6.0.0"
+
 eslint-plugin-eslint-comments@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-eslint-comments/-/eslint-plugin-eslint-comments-3.1.1.tgz#32ff0afba8a48e17073817e6d03fbc5622f735b7"
@@ -563,6 +570,11 @@ functional-red-black-tree@^1.0.1:
   resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
   integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=
 
+get-stdin@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-6.0.0.tgz#9e09bf712b360ab9225e812048f71fde9c89657b"
+  integrity sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==
+
 glob@^7.1.2, glob@^7.1.3:
   version "7.1.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.3.tgz#3960832d3f1574108342dafd3a67b332c0969df1"
diff --git a/packages/eslint-plugin-react-native-community/README.md b/packages/eslint-plugin-react-native-community/README.md
new file mode 100644
index 00000000000000..262c7e92171884
--- /dev/null
+++ b/packages/eslint-plugin-react-native-community/README.md
@@ -0,0 +1,21 @@
+# eslint-plugin-react-native-community
+
+This plugin is intended to be used in `@react-native-community/eslint-plugin`. You probably want to install that package instead.
+
+## Installation
+
+```
+yarn add --dev eslint @react-native-community/eslint-plugin
+```
+
+*Note: We're using `yarn` to install deps. Feel free to change commands to use `npm` 3+ and `npx` if you like*
+
+## Usage
+
+Add to your eslint config (`.eslintrc`, or `eslintConfig` field in `package.json`):
+
+```json
+{
+    "plugins": ["@react-native-community"]
+}
+```
diff --git a/Libraries/Components/ToolbarAndroid/ToolbarAndroid.ios.js b/packages/eslint-plugin-react-native-community/index.js
similarity index 70%
rename from Libraries/Components/ToolbarAndroid/ToolbarAndroid.ios.js
rename to packages/eslint-plugin-react-native-community/index.js
index d5fd5cf83f7560..f0165057500822 100644
--- a/Libraries/Components/ToolbarAndroid/ToolbarAndroid.ios.js
+++ b/packages/eslint-plugin-react-native-community/index.js
@@ -7,6 +7,6 @@
  * @format
  */
 
-'use strict';
-
-module.exports = require('../UnimplementedViews/UnimplementedView');
+exports.rules = {
+  'no-haste-imports': require('./no-haste-imports'),
+};
diff --git a/packages/eslint-plugin-react-native-community/no-haste-imports.js b/packages/eslint-plugin-react-native-community/no-haste-imports.js
new file mode 100644
index 00000000000000..5282c6950ec2d6
--- /dev/null
+++ b/packages/eslint-plugin-react-native-community/no-haste-imports.js
@@ -0,0 +1,73 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description:
+        'disallow Haste module names in import statements and require calls',
+    },
+    schema: [],
+  },
+
+  create(context) {
+    return {
+      ImportDeclaration(node) {
+        checkImportForHaste(context, node.source.value, node.source);
+      },
+      CallExpression(node) {
+        if (isStaticRequireCall(node)) {
+          const [firstArgument] = node.arguments;
+          checkImportForHaste(context, firstArgument.value, firstArgument);
+        }
+      },
+    };
+  },
+};
+
+function checkImportForHaste(context, importPath, node) {
+  if (isLikelyHasteModuleName(importPath)) {
+    context.report({
+      node,
+      message: `"${importPath}" appears to be a Haste module name. Use path-based imports instead.`,
+    });
+  }
+}
+
+function isLikelyHasteModuleName(importPath) {
+  // Our heuristic assumes an import path is a Haste module name if it is not a
+  // path and doesn't appear to be an npm package. For several years, npm has
+  // disallowed uppercase characters in package names.
+  //
+  // This heuristic has a ~1% false negative rate for the filenames in React
+  // Native, which is acceptable since the linter will not complain wrongly and
+  // the rate is so low. False negatives that slip through will be caught by
+  // tests with Haste disabled.
+  return (
+    // Exclude relative paths
+    !importPath.startsWith('.') &&
+    // Exclude package-internal paths and scoped packages
+    !importPath.includes('/') &&
+    // Include camelCase and UpperCamelCase
+    /[A-Z]/.test(importPath)
+  );
+}
+
+function isStaticRequireCall(node) {
+  return (
+    node &&
+    node.callee &&
+    node.callee.type === 'Identifier' &&
+    node.callee.name === 'require' &&
+    node.arguments.length === 1 &&
+    node.arguments[0].type === 'Literal' &&
+    typeof node.arguments[0].value === 'string'
+  );
+}
diff --git a/packages/eslint-plugin-react-native-community/package.json b/packages/eslint-plugin-react-native-community/package.json
new file mode 100644
index 00000000000000..d16e23a48bc593
--- /dev/null
+++ b/packages/eslint-plugin-react-native-community/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "@react-native-community/eslint-plugin",
+  "version": "1.0.0",
+  "description": "ESLint rules for @react-native-community/eslint-config",
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:facebook/react-native.git"
+  },
+  "license": "MIT",
+  "beachball": {
+    "shouldPublish": false
+  }  
+}
diff --git a/packages/react-native-codegen/BUCK b/packages/react-native-codegen/BUCK
index f305b43e744ba5..660a166fb081b8 100644
--- a/packages/react-native-codegen/BUCK
+++ b/packages/react-native-codegen/BUCK
@@ -1,34 +1,25 @@
-load("@fbsource//tools/build_defs:default_platform_defs.bzl", "ANDROID", "APPLE")
+load("@fbsource//tools/build_defs:default_platform_defs.bzl", "ANDROID", "APPLE", "IOS")
 load("@fbsource//tools/build_defs:fb_native_wrapper.bzl", "fb_native")
 load("@fbsource//tools/build_defs:fb_xplat_cxx_binary.bzl", "fb_xplat_cxx_binary")
-load("@fbsource//tools/build_defs/oss:rn_defs.bzl", "rn_xplat_cxx_library")
-load("@fbsource//xplat/js/react-native-github/packages/react-native-codegen:DEFS.bzl", "rn_codegen_test")
-
-fb_native.sh_binary(
-    name = "copy_fixture_schema",
-    main = "buck_tests/copy_fixture.sh",
-    resources = [
-        "buck_tests/copy-fixture.js",
-        "buck_tests/copy_fixture.sh",
-        "fbsource//xplat/js:setup_env",
-        "src/generators/__test_fixtures__/fixtures.js",
-    ],
-)
+load("@fbsource//tools/build_defs/oss:rn_defs.bzl", "rn_android_library", "rn_xplat_cxx_library")
+load("@fbsource//tools/build_defs/third_party:yarn_defs.bzl", "yarn_workspace")
+load("@fbsource//xplat/js/react-native-github/packages/react-native-codegen:DEFS.bzl", "rn_codegen_components", "rn_codegen_modules")
+load("//tools/build_defs/oss:rn_defs.bzl", "react_native_target")
 
 fb_native.sh_binary(
     name = "write_to_json",
-    main = "buck_tests/combine_js_to_schema.sh",
+    main = "src/cli/combine/combine_js_to_schema.sh",
     resources = [
-        "buck_tests/combine-js-to-schema.js",
-        "buck_tests/combine_js_to_schema.sh",
         "fbsource//xplat/js:setup_env",
+        "src/cli/combine/combine-js-to-schema.js",
+        "src/cli/combine/combine_js_to_schema.sh",
     ],
     visibility = ["PUBLIC"],
 )
 
 fb_native.sh_binary(
     name = "rn_codegen",
-    main = "buck_tests/generate_tests.sh",
+    main = "buck_tests/generate-tests.sh",
     resources = glob(
         [
             "buck_tests/**/*.js",
@@ -43,64 +34,27 @@ fb_native.sh_binary(
     visibility = ["PUBLIC"],
 )
 
-rn_codegen_test(
-    fixture_name = "INTERFACE_ONLY",
-)
-
-rn_codegen_test(
-    fixture_name = "BOOLEAN_PROP",
-)
-
-rn_codegen_test(
-    fixture_name = "STRING_PROP",
-)
-
-rn_codegen_test(
-    fixture_name = "INTEGER_PROPS",
-)
-
-rn_codegen_test(
-    fixture_name = "FLOAT_PROPS",
-)
-
-rn_codegen_test(
-    fixture_name = "COLOR_PROP",
-)
-
-rn_codegen_test(
-    fixture_name = "IMAGE_PROP",
-)
-
-rn_codegen_test(
-    fixture_name = "POINT_PROP",
-)
-
-rn_codegen_test(
-    fixture_name = "ARRAY_PROPS",
-)
-
-rn_codegen_test(
-    fixture_name = "MULTI_NATIVE_PROP",
-)
-
-rn_codegen_test(
-    fixture_name = "ENUM_PROP",
-)
-
-rn_codegen_test(
-    fixture_name = "EVENT_PROPS",
-)
-
-rn_codegen_test(
-    fixture_name = "EVENT_NESTED_OBJECT_PROPS",
+fb_native.genrule(
+    name = "codegen_tests_schema",
+    srcs = glob(
+        [
+            "**/e2e/__test_fixtures__/components/*NativeComponent.js",
+            "**/e2e/__test_fixtures__/modules/Native*.js",
+        ],
+    ),
+    cmd = "$(exe fbsource//xplat/js/react-native-github/packages/react-native-codegen:write_to_json) $OUT $SRCS",
+    out = "schema-codegen_tests.json",
 )
 
-rn_codegen_test(
-    fixture_name = "TWO_COMPONENTS_SAME_FILE",
+rn_codegen_components(
+    name = "codegen_tests",
+    schema_target = ":codegen_tests_schema",
 )
 
-rn_codegen_test(
-    fixture_name = "TWO_COMPONENTS_DIFFERENT_FILES",
+rn_codegen_modules(
+    name = "codegen_tests",
+    native_module_spec_name = "FBReactNativeTestSpec",
+    schema_target = ":codegen_tests_schema",
 )
 
 fb_xplat_cxx_binary(
@@ -119,21 +73,22 @@ fb_xplat_cxx_binary(
     ],
     visibility = ["PUBLIC"],
     deps = [
-        ":generated_components-ARRAY_PROPS",
-        ":generated_components-BOOLEAN_PROP",
-        ":generated_components-COLOR_PROP",
-        ":generated_components-ENUM_PROP",
-        ":generated_components-EVENT_NESTED_OBJECT_PROPS",
-        ":generated_components-EVENT_PROPS",
-        ":generated_components-FLOAT_PROPS",
-        ":generated_components-IMAGE_PROP",
-        ":generated_components-INTEGER_PROPS",
-        ":generated_components-INTERFACE_ONLY",
-        ":generated_components-MULTI_NATIVE_PROP",
-        ":generated_components-POINT_PROP",
-        ":generated_components-STRING_PROP",
-        ":generated_components-TWO_COMPONENTS_DIFFERENT_FILES",
-        ":generated_components-TWO_COMPONENTS_SAME_FILE",
+        ":generated_components-codegen_tests",
+    ],
+)
+
+rn_android_library(
+    name = "rn_codegen_library_java",
+    srcs = glob(["**/*.java"]),
+    visibility = [
+        "PUBLIC",
+    ],
+    deps = [
+        react_native_target("java/com/facebook/react/bridge:bridge"),
+        react_native_target("java/com/facebook/react/common:common"),
+        react_native_target("java/com/facebook/react/views/view:view"),
+        react_native_target("java/com/facebook/react/uimanager:uimanager"),
+        ":generated_components_java-codegen_tests",
     ],
 )
 
@@ -156,20 +111,53 @@ rn_xplat_cxx_library(
         "PUBLIC",
     ],
     deps = [
-        ":generated_components-ARRAY_PROPS",
-        ":generated_components-BOOLEAN_PROP",
-        ":generated_components-COLOR_PROP",
-        ":generated_components-ENUM_PROP",
-        ":generated_components-EVENT_NESTED_OBJECT_PROPS",
-        ":generated_components-EVENT_PROPS",
-        ":generated_components-FLOAT_PROPS",
-        ":generated_components-IMAGE_PROP",
-        ":generated_components-INTEGER_PROPS",
-        ":generated_components-INTERFACE_ONLY",
-        ":generated_components-MULTI_NATIVE_PROP",
-        ":generated_components-POINT_PROP",
-        ":generated_components-STRING_PROP",
-        ":generated_components-TWO_COMPONENTS_DIFFERENT_FILES",
-        ":generated_components-TWO_COMPONENTS_SAME_FILE",
+        ":generated_components-codegen_tests",
     ],
 )
+
+rn_xplat_cxx_library(
+    name = "rn_codegen_library_mm",
+    srcs = ["buck_tests/emptyFile.mm"],
+    headers = [],
+    apple_sdks = (IOS,),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    platforms = (APPLE),
+    preprocessor_flags = [
+        "-DLOG_TAG=\"ReactNative\"",
+        "-DWITH_FBSYSTRACE=1",
+    ],
+    visibility = [
+        "PUBLIC",
+    ],
+    deps = [
+        ":generated_components-codegen_tests",
+        ":generated_objcpp_modules-codegen_tests",
+    ],
+)
+
+yarn_workspace(
+    name = "yarn-workspace",
+    srcs = glob(
+        ["**/*.js"],
+        exclude = [
+            "**/__fixtures__/**",
+            "**/__flowtests__/**",
+            "**/__mocks__/**",
+            "**/__server_snapshot_tests__/**",
+            "**/__tests__/**",
+            "**/node_modules/**",
+            "**/node_modules/.bin/**",
+            "**/.*",
+            "**/.*/**",
+            "**/.*/.*",
+            "**/*.xcodeproj/**",
+            "**/*.xcworkspace/**",
+        ],
+    ),
+    visibility = ["PUBLIC"],
+)
diff --git a/packages/react-native-codegen/DEFS.bzl b/packages/react-native-codegen/DEFS.bzl
index 31fdfbdc091d25..4c0d9ae332d0d2 100644
--- a/packages/react-native-codegen/DEFS.bzl
+++ b/packages/react-native-codegen/DEFS.bzl
@@ -5,43 +5,98 @@ load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
     "APPLE",
+    "CXX",
+    "YOGA_CXX_TARGET",
     "fb_xplat_cxx_test",
     "get_apple_compiler_flags",
     "get_apple_inspector_flags",
+    "react_native_dep",
+    "react_native_target",
     "react_native_xplat_target",
+    "rn_android_library",
     "rn_xplat_cxx_library",
 )
 
-def rn_codegen_test(
-        fixture_name = ""):
-    copy_schema_name = "copy_schema-{}".format(fixture_name)
+def rn_codegen_modules(
+        native_module_spec_name,
+        name = "",
+        schema_target = ""):
+    generate_fixtures_rule_name = "generate_fixtures_modules-{}".format(name)
+    generate_module_hobjcpp_name = "generate_module_hobjcpp-{}".format(name)
+    generate_module_mm_name = "generate_module_mm-{}".format(name)
+
+    fb_native.genrule(
+        name = generate_fixtures_rule_name,
+        srcs = native.glob(["src/generators/**/*.js"]),
+        cmd = "$(exe fbsource//xplat/js/react-native-github/packages/react-native-codegen:rn_codegen) $(location {}) {} $OUT {}".format(schema_target, name, native_module_spec_name),
+        out = "codegenfiles-{}".format(name),
+    )
 
     fb_native.genrule(
-        name = copy_schema_name,
-        srcs = [],
-        cmd = "$(exe fbsource//xplat/js/react-native-github/packages/react-native-codegen:copy_fixture_schema) {} $OUT".format(fixture_name),
-        out = "schema-{}.json".format(fixture_name),
+        name = generate_module_hobjcpp_name,
+        cmd = "cp $(location :{})/{}.h $OUT".format(generate_fixtures_rule_name, native_module_spec_name),
+        out = "{}.h".format(native_module_spec_name),
     )
 
-    rn_codegen(fixture_name, ":{}".format(copy_schema_name))
+    fb_native.genrule(
+        name = generate_module_mm_name,
+        cmd = "cp $(location :{})/{}-generated.mm $OUT".format(generate_fixtures_rule_name, native_module_spec_name),
+        out = "{}-generated.mm".format(native_module_spec_name),
+    )
 
-def rn_codegen(
+    rn_xplat_cxx_library(
+        name = "generated_objcpp_modules-{}".format(name),
+        ios_srcs = [
+            ":{}".format(generate_module_mm_name),
+        ],
+        ios_headers = [
+            ":{}".format(generate_module_hobjcpp_name),
+        ],
+        ios_exported_headers = {
+            "{}.h".format(native_module_spec_name): ":{}".format(generate_module_hobjcpp_name),
+            "{}-generated.mm".format(native_module_spec_name): ":{}".format(generate_module_mm_name),
+        },
+        header_namespace = native_module_spec_name,
+        compiler_flags = [
+            "-fexceptions",
+            "-frtti",
+            "-std=c++14",
+            "-Wall",
+        ],
+        fbobjc_compiler_flags = get_apple_compiler_flags(),
+        fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+        platforms = (APPLE),
+        apple_sdks = (IOS),
+        preprocessor_flags = [
+            "-DLOG_TAG=\"ReactNative\"",
+            "-DWITH_FBSYSTRACE=1",
+        ],
+        visibility = ["PUBLIC"],
+        deps = [
+            "fbsource//xplat/js:React",
+        ],
+    )
+
+def rn_codegen_components(
         name = "",
         schema_target = ""):
-    generate_fixtures_rule_name = "generate_fixtures-{}".format(name)
+    generate_fixtures_rule_name = "generate_fixtures_components-{}".format(name)
     generate_component_descriptor_h_name = "generate_component_descriptor_h-{}".format(name)
+    generate_component_hobjcpp_name = "generate_component_hobjcpp-{}".format(name)
     generate_event_emitter_cpp_name = "generate_event_emitter_cpp-{}".format(name)
     generate_event_emitter_h_name = "generate_event_emitter_h-{}".format(name)
     generate_props_cpp_name = "generate_props_cpp-{}".format(name)
-    generate_tests_cpp_name = "generate_tests_cpp-{}".format(name)
     generate_props_h_name = "generated_props_h-{}".format(name)
+    generate_tests_cpp_name = "generate_tests_cpp-{}".format(name)
     generate_shadow_node_cpp_name = "generated_shadow_node_cpp-{}".format(name)
     generate_shadow_node_h_name = "generated_shadow_node_h-{}".format(name)
+    copy_generated_java_files = "copy_generated_java_files-{}".format(name)
+    zip_generated_java_files = "zip_generated_java_files-{}".format(name)
 
     fb_native.genrule(
         name = generate_fixtures_rule_name,
-        srcs = [],
-        cmd = "$(exe fbsource//xplat/js/react-native-github/packages/react-native-codegen:rn_codegen) $(location {}) {} $OUT".format(schema_target, name),
+        srcs = native.glob(["src/generators/**/*.js"]),
+        cmd = "$(exe fbsource//xplat/js/react-native-github/packages/react-native-codegen:rn_codegen) $(location {}) {} $OUT {}".format(schema_target, name, name),
         out = "codegenfiles-{}".format(name),
     )
 
@@ -51,6 +106,12 @@ def rn_codegen(
         out = "ComponentDescriptors.h",
     )
 
+    fb_native.genrule(
+        name = generate_component_hobjcpp_name,
+        cmd = "cp $(location :{})/RCTComponentViewHelpers.h $OUT".format(generate_fixtures_rule_name),
+        out = "RCTComponentViewHelpers.h",
+    )
+
     fb_native.genrule(
         name = generate_event_emitter_cpp_name,
         cmd = "cp $(location :{})/EventEmitters.cpp $OUT".format(generate_fixtures_rule_name),
@@ -81,6 +142,19 @@ def rn_codegen(
         out = "Props.h",
     )
 
+    fb_native.genrule(
+        name = copy_generated_java_files,
+        cmd = "mkdir $OUT && find $(location :{}) -name '*.java' -exec cp {{}} $OUT \;".format(generate_fixtures_rule_name),
+        out = "java",
+    )
+
+    fb_native.zip_file(
+        name = zip_generated_java_files,
+        srcs = [":{}".format(copy_generated_java_files)],
+        out = "{}.src.zip".format(zip_generated_java_files),
+        visibility = ["PUBLIC"],
+    )
+
     fb_native.genrule(
         name = generate_shadow_node_cpp_name,
         cmd = "cp $(location :{})/ShadowNodes.cpp $OUT".format(generate_fixtures_rule_name),
@@ -108,12 +182,18 @@ def rn_codegen(
             ":{}".format(generate_props_h_name),
             ":{}".format(generate_shadow_node_h_name),
         ],
+        ios_headers = [
+            ":{}".format(generate_component_hobjcpp_name),
+        ],
         exported_headers = {
             "ComponentDescriptors.h": ":{}".format(generate_component_descriptor_h_name),
             "EventEmitters.h": ":{}".format(generate_event_emitter_h_name),
             "Props.h": ":{}".format(generate_props_h_name),
             "ShadowNodes.h": ":{}".format(generate_shadow_node_h_name),
         },
+        ios_exported_headers = {
+            "ComponentViewHelpers.h": ":{}".format(generate_component_hobjcpp_name),
+        },
         header_namespace = "react/components/{}".format(name),
         compiler_flags = [
             "-fexceptions",
@@ -123,7 +203,7 @@ def rn_codegen(
         ],
         fbobjc_compiler_flags = get_apple_compiler_flags(),
         fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
-        platforms = (ANDROID, APPLE),
+        platforms = (ANDROID, APPLE, CXX),
         preprocessor_flags = [
             "-DLOG_TAG=\"ReactNative\"",
             "-DWITH_FBSYSTRACE=1",
@@ -135,7 +215,7 @@ def rn_codegen(
             "fbsource//xplat/folly:memory",
             "fbsource//xplat/folly:molly",
             "fbsource//xplat/third-party/glog:glog",
-            "fbsource//xplat/yoga:yoga",
+            YOGA_CXX_TARGET,
             react_native_xplat_target("fabric/debug:debug"),
             react_native_xplat_target("fabric/core:core"),
             react_native_xplat_target("fabric/graphics:graphics"),
@@ -145,6 +225,19 @@ def rn_codegen(
         ],
     )
 
+    rn_android_library(
+        name = "generated_components_java-{}".format(name),
+        srcs = [
+            ":{}".format(zip_generated_java_files),
+        ],
+        visibility = ["PUBLIC"],
+        deps = [
+            react_native_dep("third-party/android/androidx:annotation"),
+            react_native_target("java/com/facebook/react/bridge:bridge"),
+            react_native_target("java/com/facebook/react/uimanager:uimanager"),
+        ],
+    )
+
     # Tests
     fb_xplat_cxx_test(
         name = "generated_tests-{}".format(name),
@@ -159,9 +252,67 @@ def rn_codegen(
         ],
         contacts = ["oncall+react_native@xmail.facebook.com"],
         apple_sdks = (IOS, MACOSX),
-        platforms = (ANDROID, APPLE),
+        platforms = (ANDROID, APPLE, CXX),
         deps = [
             "fbsource//xplat/third-party/gmock:gtest",
             ":generated_components-{}".format(name),
         ],
     )
+
+def rn_codegen_cxx_modules(
+        name = "",
+        schema_target = ""):
+    generate_fixtures_rule_name = "generate_fixtures_cxx-{}".format(name)
+    generate_module_h_name = "generate_module_h-{}".format(name)
+    generate_module_cpp_name = "generate_module_cpp-{}".format(name)
+
+    fb_native.genrule(
+        name = generate_fixtures_rule_name,
+        srcs = native.glob(["src/generators/**/*.js"]),
+        cmd = "$(exe fbsource//xplat/js/react-native-github/packages/react-native-codegen:rn_codegen) $(location {}) {} $OUT {}".format(schema_target, name, name),
+        out = "codegenfiles-{}".format(name),
+    )
+
+    fb_native.genrule(
+        name = generate_module_h_name,
+        cmd = "cp $(location :{})/NativeModules.h $OUT".format(generate_fixtures_rule_name),
+        out = "NativeModules.h",
+    )
+
+    fb_native.genrule(
+        name = generate_module_cpp_name,
+        cmd = "cp $(location :{})/NativeModules.cpp $OUT".format(generate_fixtures_rule_name),
+        out = "NativeModules.cpp",
+    )
+
+    rn_xplat_cxx_library(
+        name = "generated_cxx_modules-{}".format(name),
+        srcs = [
+            ":{}".format(generate_module_cpp_name),
+        ],
+        headers = [
+            ":{}".format(generate_module_h_name),
+        ],
+        exported_headers = {
+            "NativeModules.cpp": ":{}".format(generate_module_cpp_name),
+            "NativeModules.h": ":{}".format(generate_module_h_name),
+        },
+        header_namespace = "react/modules/{}".format(name),
+        compiler_flags = [
+            "-fexceptions",
+            "-frtti",
+            "-std=c++14",
+            "-Wall",
+        ],
+        fbobjc_compiler_flags = get_apple_compiler_flags(),
+        fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+        platforms = (ANDROID, APPLE),
+        preprocessor_flags = [
+            "-DLOG_TAG=\"ReactNative\"",
+            "-DWITH_FBSYSTRACE=1",
+        ],
+        visibility = ["PUBLIC"],
+        exported_deps = [
+            react_native_xplat_target("turbomodule/core:core"),
+        ],
+    )
diff --git a/packages/react-native-codegen/buck_tests/__tests__/__snapshots__/combine-js-to-schema-test.js.snap b/packages/react-native-codegen/buck_tests/__tests__/__snapshots__/combine-js-to-schema-test.js.snap
deleted file mode 100644
index 78cb4b43ae8f63..00000000000000
--- a/packages/react-native-codegen/buck_tests/__tests__/__snapshots__/combine-js-to-schema-test.js.snap
+++ /dev/null
@@ -1,14 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`should combine files 1`] = `
-Object {
-  "modules": Object {
-    "ComponentOne": Object {
-      "foo": "baz",
-    },
-    "ComponentTwo": Object {
-      "foo": "bar",
-    },
-  },
-}
-`;
diff --git a/packages/react-native-codegen/buck_tests/__tests__/combine-js-to-schema-test.js b/packages/react-native-codegen/buck_tests/__tests__/combine-js-to-schema-test.js
deleted file mode 100644
index bcf3cc6aa8084c..00000000000000
--- a/packages/react-native-codegen/buck_tests/__tests__/combine-js-to-schema-test.js
+++ /dev/null
@@ -1,52 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @emails oncall+react_native
- * @flow strict-local
- * @format
- */
-
-import combine from '../combine-js-to-schema';
-
-jest.mock(
-  '/test/module/SchemaOne',
-  () => ({
-    modules: {
-      ComponentOne: {
-        foo: 'baz',
-      },
-    },
-  }),
-  {virtual: true},
-);
-
-jest.mock(
-  '/test/module/SchemaTwo',
-  () => ({
-    modules: {
-      ComponentTwo: {
-        foo: 'bar',
-      },
-    },
-  }),
-  {virtual: true},
-);
-
-jest.mock('/test/module/NotASchema', () => ({}), {virtual: true});
-
-test('should combine files', () => {
-  const files = [
-    '/test/module/SchemaOne',
-    '/test/module/SchemaTwo',
-    '/test/module/NotASchema',
-  ];
-  expect(combine(files)).toMatchSnapshot();
-});
-
-test('should not throw for failed require', () => {
-  const files = ['/test/module/does/not/exist'];
-  expect(() => combine(files)).not.toThrow();
-});
diff --git a/packages/react-native-codegen/buck_tests/combine-js-to-schema.js b/packages/react-native-codegen/buck_tests/combine-js-to-schema.js
deleted file mode 100644
index 5855fd520dead2..00000000000000
--- a/packages/react-native-codegen/buck_tests/combine-js-to-schema.js
+++ /dev/null
@@ -1,29 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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
- */
-
-'use strict';
-import type {SchemaType} from '../src/CodegenSchema.js';
-
-const RNParser = require('../src/generators/RNParser.js');
-
-function combineSchemas(files: Array<string>): SchemaType {
-  return files.reduce(
-    (merged, filename) => {
-      const schema = RNParser.parse(filename);
-      if (schema && schema.modules) {
-        merged.modules = {...merged.modules, ...schema.modules};
-      }
-      return merged;
-    },
-    {modules: {}},
-  );
-}
-
-module.exports = combineSchemas;
diff --git a/packages/react-native-codegen/buck_tests/copy-fixture.js b/packages/react-native-codegen/buck_tests/copy-fixture.js
deleted file mode 100644
index fc9f09e34aaed5..00000000000000
--- a/packages/react-native-codegen/buck_tests/copy-fixture.js
+++ /dev/null
@@ -1,33 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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
- */
-
-'use strict';
-
-const fs = require('fs');
-
-const fixtures = require('../src/generators/__test_fixtures__/fixtures.js');
-
-const args = process.argv.slice(2);
-if (args.length !== 2) {
-  throw new Error(
-    'Expected to receive the fixture name and output directory as the only arg',
-  );
-}
-
-const fixtureName = args[0];
-const outputPath = args[1];
-
-const fixture = fixtures[fixtureName];
-
-if (fixture == null) {
-  throw new Error(`Can't find fixture with name ${fixtureName}`);
-}
-
-fs.writeFileSync(outputPath, JSON.stringify(fixture, null, 2));
diff --git a/packages/react-native-codegen/buck_tests/emptyFile.cpp b/packages/react-native-codegen/buck_tests/emptyFile.cpp
index 89c5b84d2741fd..156913d4dfae5d 100644
--- a/packages/react-native-codegen/buck_tests/emptyFile.cpp
+++ b/packages/react-native-codegen/buck_tests/emptyFile.cpp
@@ -1,18 +1,6 @@
-#import <react/components/ARRAY_PROPS/ComponentDescriptors.h>
-#import <react/components/INTERFACE_ONLY/ComponentDescriptors.h>
-#import <react/components/BOOLEAN_PROP/ComponentDescriptors.h>
-#import <react/components/STRING_PROP/ComponentDescriptors.h>
-#import <react/components/INTEGER_PROPS/ComponentDescriptors.h>
-#import <react/components/FLOAT_PROPS/ComponentDescriptors.h>
-#import <react/components/COLOR_PROP/ComponentDescriptors.h>
-#import <react/components/IMAGE_PROP/ComponentDescriptors.h>
-#import <react/components/POINT_PROP/ComponentDescriptors.h>
-#import <react/components/MULTI_NATIVE_PROP/ComponentDescriptors.h>
-#import <react/components/ENUM_PROP/ComponentDescriptors.h>
-#import <react/components/EVENT_NESTED_OBJECT_PROPS/ComponentDescriptors.h>
-#import <react/components/EVENT_PROPS/ComponentDescriptors.h>
-#import <react/components/TWO_COMPONENTS_SAME_FILE/ComponentDescriptors.h>
-#import <react/components/TWO_COMPONENTS_DIFFERENT_FILES/ComponentDescriptors.h>
+#import <react/components/codegen_tests/ComponentDescriptors.h>
+
+// TODO: Import every prop and event to asset they're generated
 
 int main(){
     return 0;
diff --git a/packages/react-native-codegen/buck_tests/emptyFile.mm b/packages/react-native-codegen/buck_tests/emptyFile.mm
new file mode 100644
index 00000000000000..d36f586fc7ed4b
--- /dev/null
+++ b/packages/react-native-codegen/buck_tests/emptyFile.mm
@@ -0,0 +1,10 @@
+#import <react/components/codegen_tests/ComponentDescriptors.h>
+#import <react/components/codegen_tests/ComponentViewHelpers.h>
+#import <FBReactNativeTestSpec/FBReactNativeTestSpec.h>
+#import <FBReactNativeTestSpec/FBReactNativeTestSpec-generated.mm>
+
+// TODO: Import every prop and event to asset they're generated
+
+int main(){
+    return 0;
+}
diff --git a/packages/react-native-codegen/buck_tests/generate-tests.js b/packages/react-native-codegen/buck_tests/generate-tests.js
index 99af8d1c762d95..2681bddc64a92f 100644
--- a/packages/react-native-codegen/buck_tests/generate-tests.js
+++ b/packages/react-native-codegen/buck_tests/generate-tests.js
@@ -15,9 +15,9 @@ const fs = require('fs');
 const mkdirp = require('mkdirp');
 
 const args = process.argv.slice(2);
-if (args.length !== 3) {
+if (args.length !== 4) {
   throw new Error(
-    `Expected to receive path to schema, library name, and output directory. Received ${args.join(
+    `Expected to receive path to schema, library name, output directory and module spec name. Received ${args.join(
       ', ',
     )}`,
   );
@@ -26,6 +26,7 @@ if (args.length !== 3) {
 const schemaPath = args[0];
 const libraryName = args[1];
 const outputDirectory = args[2];
+const moduleSpecName = args[3];
 
 const schemaText = fs.readFileSync(schemaPath, 'utf-8');
 
@@ -43,6 +44,15 @@ try {
 }
 
 RNCodegen.generate(
-  {libraryName, schema, outputDirectory},
-  {generators: ['descriptors', 'events', 'props', 'tests', 'shadow-nodes']},
+  {libraryName, schema, outputDirectory, moduleSpecName},
+  {
+    generators: [
+      'descriptors',
+      'events',
+      'props',
+      'tests',
+      'shadow-nodes',
+      'modules',
+    ],
+  },
 );
diff --git a/packages/react-native-codegen/buck_tests/generate_tests.sh b/packages/react-native-codegen/buck_tests/generate-tests.sh
similarity index 100%
rename from packages/react-native-codegen/buck_tests/generate_tests.sh
rename to packages/react-native-codegen/buck_tests/generate-tests.sh
diff --git a/packages/react-native-codegen/buck_tests/generate-view-configs-cli.js b/packages/react-native-codegen/buck_tests/generate-view-configs-cli.js
deleted file mode 100644
index cb861a4ba0e6f4..00000000000000
--- a/packages/react-native-codegen/buck_tests/generate-view-configs-cli.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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
- */
-
-'use strict';
-
-const generate = require('./generate-view-configs');
-const yargs = require('yargs');
-
-const yargv = yargs.strict().option('t', {
-  alias: 'test',
-  describe: 'Test the changes and do not write files',
-  requiresArg: false,
-  type: 'boolean',
-});
-
-const argv = yargv.argv;
-const fileList = argv._[0].split('\n');
-
-const CURRENT_VIEW_CONFIG_SCHEMAS = [''];
-
-generate(
-  fileList.filter(fileName =>
-    CURRENT_VIEW_CONFIG_SCHEMAS.find(supportedFileName =>
-      fileName.endsWith(supportedFileName),
-    ),
-  ),
-  // $FlowFixMe Type argv
-  argv.test,
-);
diff --git a/packages/react-native-codegen/buck_tests/generate-view-configs.js b/packages/react-native-codegen/buck_tests/generate-view-configs.js
deleted file mode 100644
index 68171c5b13f6dc..00000000000000
--- a/packages/react-native-codegen/buck_tests/generate-view-configs.js
+++ /dev/null
@@ -1,68 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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
- */
-
-'use strict';
-
-const RNCodegen = require('../src/generators/RNCodegen.js');
-const RNParser = require('../src/generators/RNParser.js');
-
-const path = require('path');
-
-type Result = $ReadOnly<{|
-  libraryName: string,
-  success: boolean,
-|}>;
-
-function generateFilesWithResults(
-  files: Array<string>,
-  test: boolean,
-): Array<Result> {
-  return files.reduce((aggregated, filename) => {
-    const schema = RNParser.parse(filename);
-    if (schema && schema.modules) {
-      const libraryName = path.basename(filename).replace('Schema.js', '');
-      const success = RNCodegen.generate(
-        {
-          schema,
-          libraryName,
-          outputDirectory: path.dirname(filename),
-        },
-        {generators: ['view-configs'], test},
-      );
-
-      aggregated.push({
-        libraryName,
-        success,
-      });
-    }
-    return aggregated;
-  }, []);
-}
-
-function generate(files: Array<string>, test: boolean): void {
-  console.log(`${test ? 'Testing' : 'Generating'} view configs`);
-
-  const results = generateFilesWithResults(files, test);
-
-  const failed = results.filter(result => !result.success);
-  const totalCount = results.length;
-
-  console.log(`\n${test ? 'Tested' : 'Generated'} ${totalCount} view configs`);
-
-  if (failed.length) {
-    if (test === true) {
-      console.error(`${failed.length} configs changed`);
-      console.error("Please re-run 'js1 build viewconfigs'");
-    }
-    process.exit(1);
-  }
-}
-
-module.exports = generate;
diff --git a/packages/react-native-codegen/buck_tests/generate-view-configs.sh b/packages/react-native-codegen/buck_tests/generate-view-configs.sh
deleted file mode 100755
index 7b0809f5926dff..00000000000000
--- a/packages/react-native-codegen/buck_tests/generate-view-configs.sh
+++ /dev/null
@@ -1,15 +0,0 @@
-#!/bin/bash
-
-# set -euo pipefail
-
-set -e
-set -u
-
-THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
-
-FILES=$(find "$JS_DIR/" -name "*Schema.js" -print -type f)
-
-# shellcheck source=xplat/js/env-utils/setup_env_vars.sh
-source "$THIS_DIR/../../../../env-utils/setup_env_vars.sh"
-
-exec "$FLOW_NODE_BINARY" "$THIS_DIR/generate-view-configs-cli.js" "$@" "$FILES"
diff --git a/packages/react-native-codegen/buck_tests/java/ArrayPropsNativeComponentViewManager.java b/packages/react-native-codegen/buck_tests/java/ArrayPropsNativeComponentViewManager.java
new file mode 100644
index 00000000000000..9ef13a08d56db7
--- /dev/null
+++ b/packages/react-native-codegen/buck_tests/java/ArrayPropsNativeComponentViewManager.java
@@ -0,0 +1,54 @@
+package com.facebook.react.uimanager;
+
+import android.view.ViewGroup;
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.viewmanagers.ArrayPropsNativeComponentViewManagerDelegate;
+import com.facebook.react.viewmanagers.ArrayPropsNativeComponentViewManagerInterface;
+
+public class ArrayPropsNativeComponentViewManager extends SimpleViewManager<ViewGroup>
+    implements ArrayPropsNativeComponentViewManagerInterface<ViewGroup> {
+
+  public static final String REACT_CLASS = "ArrayPropsNativeComponentView";
+
+  @Override
+  public String getName() {
+    return REACT_CLASS;
+  }
+
+  private void test() {
+    ArrayPropsNativeComponentViewManagerDelegate<ViewGroup, ArrayPropsNativeComponentViewManager>
+        delegate = new ArrayPropsNativeComponentViewManagerDelegate<>(this);
+  }
+
+  @Override
+  public ViewGroup createViewInstance(ThemedReactContext context) {
+    throw new IllegalStateException();
+  }
+
+  @Override
+  public void setNames(ViewGroup view, ReadableArray value) {}
+
+  @Override
+  public void setDisableds(ViewGroup view, ReadableArray value) {}
+
+  @Override
+  public void setProgress(ViewGroup view, ReadableArray value) {}
+
+  @Override
+  public void setRadii(ViewGroup view, ReadableArray value) {}
+
+  @Override
+  public void setColors(ViewGroup view, ReadableArray value) {}
+
+  @Override
+  public void setSrcs(ViewGroup view, ReadableArray value) {}
+
+  @Override
+  public void setPoints(ViewGroup view, ReadableArray value) {}
+
+  @Override
+  public void setSizes(ViewGroup view, ReadableArray value) {}
+
+  @Override
+  public void setObject(ViewGroup view, ReadableArray value) {}
+}
diff --git a/packages/react-native-codegen/buck_tests/java/BooleanPropNativeComponentViewManager.java b/packages/react-native-codegen/buck_tests/java/BooleanPropNativeComponentViewManager.java
new file mode 100644
index 00000000000000..40292c89a09e86
--- /dev/null
+++ b/packages/react-native-codegen/buck_tests/java/BooleanPropNativeComponentViewManager.java
@@ -0,0 +1,29 @@
+package com.facebook.react.uimanager;
+
+import android.view.ViewGroup;
+import com.facebook.react.viewmanagers.BooleanPropNativeComponentViewManagerDelegate;
+import com.facebook.react.viewmanagers.BooleanPropNativeComponentViewManagerInterface;
+
+public class BooleanPropNativeComponentViewManager extends SimpleViewManager<ViewGroup>
+    implements BooleanPropNativeComponentViewManagerInterface<ViewGroup> {
+
+  public static final String REACT_CLASS = "BooleanPropNativeComponentView";
+
+  @Override
+  public String getName() {
+    return REACT_CLASS;
+  }
+
+  private void test() {
+    BooleanPropNativeComponentViewManagerDelegate<ViewGroup, BooleanPropNativeComponentViewManager>
+        delegate = new BooleanPropNativeComponentViewManagerDelegate<>(this);
+  }
+
+  @Override
+  public ViewGroup createViewInstance(ThemedReactContext context) {
+    throw new IllegalStateException();
+  }
+
+  @Override
+  public void setDisabled(ViewGroup view, boolean value) {}
+}
diff --git a/packages/react-native-codegen/buck_tests/java/ColorPropNativeComponentViewManager.java b/packages/react-native-codegen/buck_tests/java/ColorPropNativeComponentViewManager.java
new file mode 100644
index 00000000000000..01062319ad4c1a
--- /dev/null
+++ b/packages/react-native-codegen/buck_tests/java/ColorPropNativeComponentViewManager.java
@@ -0,0 +1,29 @@
+package com.facebook.react.uimanager;
+
+import android.view.ViewGroup;
+import com.facebook.react.viewmanagers.ColorPropNativeComponentViewManagerDelegate;
+import com.facebook.react.viewmanagers.ColorPropNativeComponentViewManagerInterface;
+
+public class ColorPropNativeComponentViewManager extends SimpleViewManager<ViewGroup>
+    implements ColorPropNativeComponentViewManagerInterface<ViewGroup> {
+
+  public static final String REACT_CLASS = "ColorPropNativeComponentView";
+
+  @Override
+  public String getName() {
+    return REACT_CLASS;
+  }
+
+  private void test() {
+    ColorPropNativeComponentViewManagerDelegate<ViewGroup, ColorPropNativeComponentViewManager>
+        delegate = new ColorPropNativeComponentViewManagerDelegate<>(this);
+  }
+
+  @Override
+  public ViewGroup createViewInstance(ThemedReactContext context) {
+    throw new IllegalStateException();
+  }
+
+  @Override
+  public void setTintColor(ViewGroup view, Integer value) {}
+}
diff --git a/packages/react-native-codegen/buck_tests/java/EnumPropNativeComponentViewManager.java b/packages/react-native-codegen/buck_tests/java/EnumPropNativeComponentViewManager.java
new file mode 100644
index 00000000000000..1a1e467c7caa84
--- /dev/null
+++ b/packages/react-native-codegen/buck_tests/java/EnumPropNativeComponentViewManager.java
@@ -0,0 +1,29 @@
+package com.facebook.react.uimanager;
+
+import android.view.ViewGroup;
+import com.facebook.react.viewmanagers.EnumPropNativeComponentViewManagerDelegate;
+import com.facebook.react.viewmanagers.EnumPropNativeComponentViewManagerInterface;
+
+public class EnumPropNativeComponentViewManager extends SimpleViewManager<ViewGroup>
+    implements EnumPropNativeComponentViewManagerInterface<ViewGroup> {
+
+  public static final String REACT_CLASS = "EnumPropNativeComponentView";
+
+  @Override
+  public String getName() {
+    return REACT_CLASS;
+  }
+
+  private void test() {
+    EnumPropNativeComponentViewManagerDelegate<ViewGroup, EnumPropNativeComponentViewManager>
+        delegate = new EnumPropNativeComponentViewManagerDelegate<>(this);
+  }
+
+  @Override
+  public ViewGroup createViewInstance(ThemedReactContext context) {
+    throw new IllegalStateException();
+  }
+
+  @Override
+  public void setAlignment(ViewGroup view, String value) {}
+}
diff --git a/packages/react-native-codegen/buck_tests/java/EventNestedObjectPropsNativeComponentViewManager.java b/packages/react-native-codegen/buck_tests/java/EventNestedObjectPropsNativeComponentViewManager.java
new file mode 100644
index 00000000000000..21cc9984ec46c8
--- /dev/null
+++ b/packages/react-native-codegen/buck_tests/java/EventNestedObjectPropsNativeComponentViewManager.java
@@ -0,0 +1,30 @@
+package com.facebook.react.uimanager;
+
+import android.view.ViewGroup;
+import com.facebook.react.viewmanagers.EventNestedObjectPropsNativeComponentViewManagerDelegate;
+import com.facebook.react.viewmanagers.EventNestedObjectPropsNativeComponentViewManagerInterface;
+
+public class EventNestedObjectPropsNativeComponentViewManager extends SimpleViewManager<ViewGroup>
+    implements EventNestedObjectPropsNativeComponentViewManagerInterface<ViewGroup> {
+
+  public static final String REACT_CLASS = "EventNestedObjectPropsNativeComponentView";
+
+  @Override
+  public String getName() {
+    return REACT_CLASS;
+  }
+
+  private void test() {
+    EventNestedObjectPropsNativeComponentViewManagerDelegate<
+            ViewGroup, EventNestedObjectPropsNativeComponentViewManager>
+        delegate = new EventNestedObjectPropsNativeComponentViewManagerDelegate<>(this);
+  }
+
+  @Override
+  public ViewGroup createViewInstance(ThemedReactContext context) {
+    throw new IllegalStateException();
+  }
+
+  @Override
+  public void setDisabled(ViewGroup view, boolean value) {}
+}
diff --git a/packages/react-native-codegen/buck_tests/java/EventPropsNativeComponentViewManager.java b/packages/react-native-codegen/buck_tests/java/EventPropsNativeComponentViewManager.java
new file mode 100644
index 00000000000000..63a381372a42a2
--- /dev/null
+++ b/packages/react-native-codegen/buck_tests/java/EventPropsNativeComponentViewManager.java
@@ -0,0 +1,29 @@
+package com.facebook.react.uimanager;
+
+import android.view.ViewGroup;
+import com.facebook.react.viewmanagers.EventPropsNativeComponentViewManagerDelegate;
+import com.facebook.react.viewmanagers.EventPropsNativeComponentViewManagerInterface;
+
+public class EventPropsNativeComponentViewManager extends SimpleViewManager<ViewGroup>
+    implements EventPropsNativeComponentViewManagerInterface<ViewGroup> {
+
+  public static final String REACT_CLASS = "EventPropsNativeComponentView";
+
+  @Override
+  public String getName() {
+    return REACT_CLASS;
+  }
+
+  private void test() {
+    EventPropsNativeComponentViewManagerDelegate<ViewGroup, EventPropsNativeComponentViewManager>
+        delegate = new EventPropsNativeComponentViewManagerDelegate<>(this);
+  }
+
+  @Override
+  public ViewGroup createViewInstance(ThemedReactContext context) {
+    throw new IllegalStateException();
+  }
+
+  @Override
+  public void setDisabled(ViewGroup view, boolean value) {}
+}
diff --git a/packages/react-native-codegen/buck_tests/java/FloatPropsNativeComponentViewManager.java b/packages/react-native-codegen/buck_tests/java/FloatPropsNativeComponentViewManager.java
new file mode 100644
index 00000000000000..0bdd5736d081a9
--- /dev/null
+++ b/packages/react-native-codegen/buck_tests/java/FloatPropsNativeComponentViewManager.java
@@ -0,0 +1,44 @@
+package com.facebook.react.uimanager;
+
+import android.view.ViewGroup;
+import com.facebook.react.viewmanagers.FloatPropsNativeComponentViewManagerDelegate;
+import com.facebook.react.viewmanagers.FloatPropsNativeComponentViewManagerInterface;
+
+public class FloatPropsNativeComponentViewManager extends SimpleViewManager<ViewGroup>
+    implements FloatPropsNativeComponentViewManagerInterface<ViewGroup> {
+
+  public static final String REACT_CLASS = "FloatPropsNativeComponentView";
+
+  @Override
+  public String getName() {
+    return REACT_CLASS;
+  }
+
+  private void test() {
+    FloatPropsNativeComponentViewManagerDelegate<ViewGroup, FloatPropsNativeComponentViewManager>
+        delegate = new FloatPropsNativeComponentViewManagerDelegate<>(this);
+  }
+
+  @Override
+  public ViewGroup createViewInstance(ThemedReactContext context) {
+    throw new IllegalStateException();
+  }
+
+  @Override
+  public void setBlurRadius(ViewGroup view, float value) {}
+
+  @Override
+  public void setBlurRadius2(ViewGroup view, float value) {}
+
+  @Override
+  public void setBlurRadius3(ViewGroup view, float value) {}
+
+  @Override
+  public void setBlurRadius4(ViewGroup view, float value) {}
+
+  @Override
+  public void setBlurRadius5(ViewGroup view, float value) {}
+
+  @Override
+  public void setBlurRadius6(ViewGroup view, float value) {}
+}
diff --git a/packages/react-native-codegen/buck_tests/java/ImagePropNativeComponentViewManager.java b/packages/react-native-codegen/buck_tests/java/ImagePropNativeComponentViewManager.java
new file mode 100644
index 00000000000000..7ff9ea125f3177
--- /dev/null
+++ b/packages/react-native-codegen/buck_tests/java/ImagePropNativeComponentViewManager.java
@@ -0,0 +1,30 @@
+package com.facebook.react.uimanager;
+
+import android.view.ViewGroup;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.viewmanagers.ImagePropNativeComponentViewManagerDelegate;
+import com.facebook.react.viewmanagers.ImagePropNativeComponentViewManagerInterface;
+
+public class ImagePropNativeComponentViewManager extends SimpleViewManager<ViewGroup>
+    implements ImagePropNativeComponentViewManagerInterface<ViewGroup> {
+
+  public static final String REACT_CLASS = "ImagePropNativeComponentView";
+
+  @Override
+  public String getName() {
+    return REACT_CLASS;
+  }
+
+  private void test() {
+    ImagePropNativeComponentViewManagerDelegate<ViewGroup, ImagePropNativeComponentViewManager>
+        delegate = new ImagePropNativeComponentViewManagerDelegate<>(this);
+  }
+
+  @Override
+  public ViewGroup createViewInstance(ThemedReactContext context) {
+    throw new IllegalStateException();
+  }
+
+  @Override
+  public void setThumbImage(ViewGroup view, ReadableMap value) {}
+}
diff --git a/packages/react-native-codegen/buck_tests/java/IntegerPropNativeComponentViewManager.java b/packages/react-native-codegen/buck_tests/java/IntegerPropNativeComponentViewManager.java
new file mode 100644
index 00000000000000..0359546fa416e7
--- /dev/null
+++ b/packages/react-native-codegen/buck_tests/java/IntegerPropNativeComponentViewManager.java
@@ -0,0 +1,35 @@
+package com.facebook.react.uimanager;
+
+import android.view.ViewGroup;
+import com.facebook.react.viewmanagers.IntegerPropNativeComponentViewManagerDelegate;
+import com.facebook.react.viewmanagers.IntegerPropNativeComponentViewManagerInterface;
+
+public class IntegerPropNativeComponentViewManager extends SimpleViewManager<ViewGroup>
+    implements IntegerPropNativeComponentViewManagerInterface<ViewGroup> {
+
+  public static final String REACT_CLASS = "IntegerPropNativeComponentView";
+
+  @Override
+  public String getName() {
+    return REACT_CLASS;
+  }
+
+  private void test() {
+    IntegerPropNativeComponentViewManagerDelegate<ViewGroup, IntegerPropNativeComponentViewManager>
+        delegate = new IntegerPropNativeComponentViewManagerDelegate<>(this);
+  }
+
+  @Override
+  public ViewGroup createViewInstance(ThemedReactContext context) {
+    throw new IllegalStateException();
+  }
+
+  @Override
+  public void setProgress1(ViewGroup view, int value) {}
+
+  @Override
+  public void setProgress2(ViewGroup view, int value) {}
+
+  @Override
+  public void setProgress3(ViewGroup view, int value) {}
+}
diff --git a/packages/react-native-codegen/buck_tests/java/InterfaceOnlyNativeComponentViewManager.java b/packages/react-native-codegen/buck_tests/java/InterfaceOnlyNativeComponentViewManager.java
new file mode 100644
index 00000000000000..afd9e9c4b23102
--- /dev/null
+++ b/packages/react-native-codegen/buck_tests/java/InterfaceOnlyNativeComponentViewManager.java
@@ -0,0 +1,30 @@
+package com.facebook.react.uimanager;
+
+import android.view.ViewGroup;
+import com.facebook.react.viewmanagers.InterfaceOnlyNativeComponentViewManagerDelegate;
+import com.facebook.react.viewmanagers.InterfaceOnlyNativeComponentViewManagerInterface;
+
+public class InterfaceOnlyNativeComponentViewManager extends SimpleViewManager<ViewGroup>
+    implements InterfaceOnlyNativeComponentViewManagerInterface<ViewGroup> {
+
+  public static final String REACT_CLASS = "InterfaceOnlyNativeComponentView";
+
+  @Override
+  public String getName() {
+    return REACT_CLASS;
+  }
+
+  private void test() {
+    InterfaceOnlyNativeComponentViewManagerDelegate<
+            ViewGroup, InterfaceOnlyNativeComponentViewManager>
+        delegate = new InterfaceOnlyNativeComponentViewManagerDelegate<>(this);
+  }
+
+  @Override
+  public ViewGroup createViewInstance(ThemedReactContext context) {
+    throw new IllegalStateException();
+  }
+
+  @Override
+  public void setAccessibilityHint(ViewGroup view, String value) {}
+}
diff --git a/packages/react-native-codegen/buck_tests/java/MultiNativePropNativeComponentViewManager.java b/packages/react-native-codegen/buck_tests/java/MultiNativePropNativeComponentViewManager.java
new file mode 100644
index 00000000000000..cad18fdf3afbae
--- /dev/null
+++ b/packages/react-native-codegen/buck_tests/java/MultiNativePropNativeComponentViewManager.java
@@ -0,0 +1,40 @@
+package com.facebook.react.uimanager;
+
+import android.view.ViewGroup;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.viewmanagers.MultiNativePropNativeComponentViewManagerDelegate;
+import com.facebook.react.viewmanagers.MultiNativePropNativeComponentViewManagerInterface;
+
+public class MultiNativePropNativeComponentViewManager extends SimpleViewManager<ViewGroup>
+    implements MultiNativePropNativeComponentViewManagerInterface<ViewGroup> {
+
+  public static final String REACT_CLASS = "MultiNativePropNativeComponentView";
+
+  @Override
+  public String getName() {
+    return REACT_CLASS;
+  }
+
+  private void test() {
+    MultiNativePropNativeComponentViewManagerDelegate<
+            ViewGroup, MultiNativePropNativeComponentViewManager>
+        delegate = new MultiNativePropNativeComponentViewManagerDelegate<>(this);
+  }
+
+  @Override
+  public ViewGroup createViewInstance(ThemedReactContext context) {
+    throw new IllegalStateException();
+  }
+
+  @Override
+  public void setThumbImage(ViewGroup view, ReadableMap value) {}
+
+  @Override
+  public void setColor(ViewGroup view, Integer value) {}
+
+  @Override
+  public void setThumbTintColor(ViewGroup view, Integer value) {}
+
+  @Override
+  public void setPoint(ViewGroup view, ReadableMap value) {}
+}
diff --git a/packages/react-native-codegen/buck_tests/java/NoPropsNoEventsNativeComponentViewManager.java b/packages/react-native-codegen/buck_tests/java/NoPropsNoEventsNativeComponentViewManager.java
new file mode 100644
index 00000000000000..c8579fd830b225
--- /dev/null
+++ b/packages/react-native-codegen/buck_tests/java/NoPropsNoEventsNativeComponentViewManager.java
@@ -0,0 +1,27 @@
+package com.facebook.react.uimanager;
+
+import android.view.ViewGroup;
+import com.facebook.react.viewmanagers.NoPropsNoEventsNativeComponentViewManagerDelegate;
+import com.facebook.react.viewmanagers.NoPropsNoEventsNativeComponentViewManagerInterface;
+
+public class NoPropsNoEventsNativeComponentViewManager extends SimpleViewManager<ViewGroup>
+    implements NoPropsNoEventsNativeComponentViewManagerInterface<ViewGroup> {
+
+  public static final String REACT_CLASS = "NoPropsNoEventsNativeComponentView";
+
+  @Override
+  public String getName() {
+    return REACT_CLASS;
+  }
+
+  private void test() {
+    NoPropsNoEventsNativeComponentViewManagerDelegate<
+            ViewGroup, NoPropsNoEventsNativeComponentViewManager>
+        delegate = new NoPropsNoEventsNativeComponentViewManagerDelegate<>(this);
+  }
+
+  @Override
+  public ViewGroup createViewInstance(ThemedReactContext context) {
+    throw new IllegalStateException();
+  }
+}
diff --git a/packages/react-native-codegen/buck_tests/java/ObjectPropsNativeComponentManager.java b/packages/react-native-codegen/buck_tests/java/ObjectPropsNativeComponentManager.java
new file mode 100644
index 00000000000000..8d18ddeccbb30d
--- /dev/null
+++ b/packages/react-native-codegen/buck_tests/java/ObjectPropsNativeComponentManager.java
@@ -0,0 +1,36 @@
+package com.facebook.react.uimanager;
+
+import android.view.ViewGroup;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.viewmanagers.ObjectPropsNativeComponentManagerDelegate;
+import com.facebook.react.viewmanagers.ObjectPropsNativeComponentManagerInterface;
+
+public class ObjectPropsNativeComponentManager extends SimpleViewManager<ViewGroup>
+    implements ObjectPropsNativeComponentManagerInterface<ViewGroup> {
+
+  public static final String REACT_CLASS = "ObjectPropsNativeComponent";
+
+  @Override
+  public String getName() {
+    return REACT_CLASS;
+  }
+
+  private void test() {
+    ObjectPropsNativeComponentManagerDelegate<ViewGroup, ObjectPropsNativeComponentManager>
+        delegate = new ObjectPropsNativeComponentManagerDelegate<>(this);
+  }
+
+  @Override
+  public ViewGroup createViewInstance(ThemedReactContext context) {
+    throw new IllegalStateException();
+  }
+
+  @Override
+  public void setObjectProp(ViewGroup view, ReadableMap value) {}
+
+  @Override
+  public void setObjectArrayProp(ViewGroup view, ReadableMap value) {}
+
+  @Override
+  public void setObjectPrimitiveRequiredProp(ViewGroup view, ReadableMap value) {}
+}
diff --git a/packages/react-native-codegen/buck_tests/java/PointPropNativeComponentViewManager.java b/packages/react-native-codegen/buck_tests/java/PointPropNativeComponentViewManager.java
new file mode 100644
index 00000000000000..2c68bdadd5bf05
--- /dev/null
+++ b/packages/react-native-codegen/buck_tests/java/PointPropNativeComponentViewManager.java
@@ -0,0 +1,30 @@
+package com.facebook.react.uimanager;
+
+import android.view.ViewGroup;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.viewmanagers.PointPropNativeComponentViewManagerDelegate;
+import com.facebook.react.viewmanagers.PointPropNativeComponentViewManagerInterface;
+
+public class PointPropNativeComponentViewManager extends SimpleViewManager<ViewGroup>
+    implements PointPropNativeComponentViewManagerInterface<ViewGroup> {
+
+  public static final String REACT_CLASS = "PointPropNativeComponentView";
+
+  @Override
+  public String getName() {
+    return REACT_CLASS;
+  }
+
+  private void test() {
+    PointPropNativeComponentViewManagerDelegate<ViewGroup, PointPropNativeComponentViewManager>
+        delegate = new PointPropNativeComponentViewManagerDelegate<>(this);
+  }
+
+  @Override
+  public ViewGroup createViewInstance(ThemedReactContext context) {
+    throw new IllegalStateException();
+  }
+
+  @Override
+  public void setStartPoint(ViewGroup view, ReadableMap value) {}
+}
diff --git a/packages/react-native-codegen/buck_tests/java/StringPropNativeComponentViewManager.java b/packages/react-native-codegen/buck_tests/java/StringPropNativeComponentViewManager.java
new file mode 100644
index 00000000000000..3a0ebb41a27eb3
--- /dev/null
+++ b/packages/react-native-codegen/buck_tests/java/StringPropNativeComponentViewManager.java
@@ -0,0 +1,32 @@
+package com.facebook.react.uimanager;
+
+import android.view.ViewGroup;
+import com.facebook.react.viewmanagers.StringPropNativeComponentViewManagerDelegate;
+import com.facebook.react.viewmanagers.StringPropNativeComponentViewManagerInterface;
+
+public class StringPropNativeComponentViewManager extends SimpleViewManager<ViewGroup>
+    implements StringPropNativeComponentViewManagerInterface<ViewGroup> {
+
+  public static final String REACT_CLASS = "StringPropNativeComponentView";
+
+  @Override
+  public String getName() {
+    return REACT_CLASS;
+  }
+
+  private void test() {
+    StringPropNativeComponentViewManagerDelegate<ViewGroup, StringPropNativeComponentViewManager>
+        delegate = new StringPropNativeComponentViewManagerDelegate<>(this);
+  }
+
+  @Override
+  public ViewGroup createViewInstance(ThemedReactContext context) {
+    throw new IllegalStateException();
+  }
+
+  @Override
+  public void setAccessibilityHint(ViewGroup view, String value) {}
+
+  @Override
+  public void setAccessibilityRole(ViewGroup view, String value) {}
+}
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/ArrayPropsNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/ArrayPropsNativeComponent.js
new file mode 100644
index 00000000000000..bcb94fbb47d3bc
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/ArrayPropsNativeComponent.js
@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {
+  PointValue,
+  ColorValue,
+} from '../../../../../Libraries/StyleSheet/StyleSheetTypes';
+import type {ImageSource} from '../../../../../Libraries/Image/ImageSource';
+import type {
+  Int32,
+  Float,
+  WithDefault,
+} from '../../../../../Libraries/Types/CodegenTypes';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../../../../Libraries/Utilities/codegenNativeComponent';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  names?: $ReadOnlyArray<string>,
+  disableds?: $ReadOnlyArray<boolean>,
+  progress?: $ReadOnlyArray<Int32>,
+  radii?: $ReadOnlyArray<Float>,
+  colors?: $ReadOnlyArray<ColorValue>,
+  srcs?: $ReadOnlyArray<ImageSource>,
+  points?: $ReadOnlyArray<PointValue>,
+  sizes?: WithDefault<$ReadOnlyArray<'small' | 'large'>, 'small'>,
+  object?: $ReadOnlyArray<$ReadOnly<{|prop: string|}>>,
+|}>;
+
+export default (codegenNativeComponent<NativeProps>(
+  'ArrayPropsNativeComponentView',
+): NativeComponentType<NativeProps>);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/BooleanPropNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/BooleanPropNativeComponent.js
new file mode 100644
index 00000000000000..806740cd3dfce6
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/BooleanPropNativeComponent.js
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {WithDefault} from '../../../../../Libraries/Types/CodegenTypes';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../../../../Libraries/Utilities/codegenNativeComponent';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  disabled?: WithDefault<boolean, false>,
+|}>;
+
+export default (codegenNativeComponent<NativeProps>(
+  'BooleanPropNativeComponentView',
+): NativeComponentType<NativeProps>);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/ColorPropNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/ColorPropNativeComponent.js
new file mode 100644
index 00000000000000..38cd6f9b03cd49
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/ColorPropNativeComponent.js
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {ColorValue} from '../../../../../Libraries/StyleSheet/StyleSheetTypes';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../../../../Libraries/Utilities/codegenNativeComponent';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  tintColor?: ColorValue,
+|}>;
+
+export default (codegenNativeComponent<NativeProps>(
+  'ColorPropNativeComponentView',
+): NativeComponentType<NativeProps>);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/EnumPropNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/EnumPropNativeComponent.js
new file mode 100644
index 00000000000000..93e3939758b096
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/EnumPropNativeComponent.js
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {WithDefault} from '../../../../../Libraries/Types/CodegenTypes';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../../../../Libraries/Utilities/codegenNativeComponent';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  alignment?: WithDefault<'top' | 'center' | 'bottom-right', 'center'>,
+|}>;
+
+export default (codegenNativeComponent<NativeProps>(
+  'EnumPropNativeComponentView',
+): NativeComponentType<NativeProps>);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/EventNestedObjectPropsNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/EventNestedObjectPropsNativeComponent.js
new file mode 100644
index 00000000000000..63bd40e9c09aca
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/EventNestedObjectPropsNativeComponent.js
@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {
+  Int32,
+  BubblingEventHandler,
+  WithDefault,
+} from '../../../../../Libraries/Types/CodegenTypes';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../../../../Libraries/Utilities/codegenNativeComponent';
+
+type OnChangeEvent = $ReadOnly<{|
+  location: {
+    source: {
+      url: string,
+    },
+    x: Int32,
+    y: Int32,
+  },
+|}>;
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  disabled?: WithDefault<boolean, false>,
+
+  // Events
+  onChange?: ?BubblingEventHandler<OnChangeEvent>,
+|}>;
+
+export default (codegenNativeComponent<NativeProps>(
+  'EventNestedObjectPropsNativeComponentView',
+): NativeComponentType<NativeProps>);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/EventPropsNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/EventPropsNativeComponent.js
new file mode 100644
index 00000000000000..bec60e49347f07
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/EventPropsNativeComponent.js
@@ -0,0 +1,65 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {
+  Int32,
+  Float,
+  BubblingEventHandler,
+  DirectEventHandler,
+  WithDefault,
+} from '../../../../../Libraries/Types/CodegenTypes';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../../../../Libraries/Utilities/codegenNativeComponent';
+
+type OnChangeEvent = $ReadOnly<{|
+  value: boolean,
+  source?: string,
+  progress: ?Int32,
+  scale?: ?Float,
+|}>;
+
+type OnEventDirect = $ReadOnly<{|
+  value: boolean,
+|}>;
+
+type OnOrientationChangeEvent = $ReadOnly<{|
+  orientation: 'landscape' | 'portrait',
+|}>;
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  disabled?: WithDefault<boolean, false>,
+
+  // Events
+  onChange?: ?BubblingEventHandler<OnChangeEvent, 'paperDirectName'>,
+  onEventDirect?: ?DirectEventHandler<OnEventDirect>,
+  onEventDirectWithPaperName?: ?DirectEventHandler<
+    OnEventDirect,
+    'paperDirectName',
+  >,
+  onOrientationChange?: ?DirectEventHandler<
+    OnOrientationChangeEvent,
+    'paperBubblingName',
+  >,
+  onEnd?: ?BubblingEventHandler<null>,
+  onEventBubblingWithPaperName?: ?BubblingEventHandler<
+    null,
+    'paperBubblingName',
+  >,
+|}>;
+
+export default (codegenNativeComponent<NativeProps>(
+  'EventPropsNativeComponentView',
+): NativeComponentType<NativeProps>);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/FloatPropsNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/FloatPropsNativeComponent.js
new file mode 100644
index 00000000000000..992defaee321d6
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/FloatPropsNativeComponent.js
@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {
+  WithDefault,
+  Float,
+} from '../../../../../Libraries/Types/CodegenTypes';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../../../../Libraries/Utilities/codegenNativeComponent';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  blurRadius: Float,
+  blurRadius2?: WithDefault<Float, 0.001>,
+  blurRadius3?: WithDefault<Float, 2.1>,
+  blurRadius4?: WithDefault<Float, 0>,
+  blurRadius5?: WithDefault<Float, 1>,
+  blurRadius6?: WithDefault<Float, -0.0>,
+|}>;
+
+export default (codegenNativeComponent<NativeProps>(
+  'FloatPropsNativeComponentView',
+): NativeComponentType<NativeProps>);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/ImagePropNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/ImagePropNativeComponent.js
new file mode 100644
index 00000000000000..74d794e6e0d025
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/ImagePropNativeComponent.js
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {ImageSource} from '../../../../../Libraries/Image/ImageSource';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../../../../Libraries/Utilities/codegenNativeComponent';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  thumbImage?: ImageSource,
+|}>;
+
+export default (codegenNativeComponent<NativeProps>(
+  'ImagePropNativeComponentView',
+): NativeComponentType<NativeProps>);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/IntegerPropNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/IntegerPropNativeComponent.js
new file mode 100644
index 00000000000000..6eca06ff958865
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/IntegerPropNativeComponent.js
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {
+  WithDefault,
+  Int32,
+} from '../../../../../Libraries/Types/CodegenTypes';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../../../../Libraries/Utilities/codegenNativeComponent';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  progress1?: WithDefault<Int32, 0>,
+  progress2?: WithDefault<Int32, -1>,
+  progress3?: WithDefault<Int32, 10>,
+|}>;
+
+export default (codegenNativeComponent<NativeProps>(
+  'IntegerPropNativeComponentView',
+): NativeComponentType<NativeProps>);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/InterfaceOnlyNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/InterfaceOnlyNativeComponent.js
new file mode 100644
index 00000000000000..7d662ffd6c50cd
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/InterfaceOnlyNativeComponent.js
@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {
+  BubblingEventHandler,
+  WithDefault,
+} from '../../../../../Libraries/Types/CodegenTypes';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../../../../Libraries/Utilities/codegenNativeComponent';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  accessibilityHint?: WithDefault<string, ''>,
+
+  // Events
+  onChange?: ?BubblingEventHandler<$ReadOnly<{|value: boolean|}>>,
+|}>;
+
+export default (codegenNativeComponent<NativeProps>(
+  'InterfaceOnlyNativeComponentView',
+  {
+    interfaceOnly: true,
+    paperComponentName: 'RCTInterfaceOnlyComponent',
+  },
+): NativeComponentType<NativeProps>);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/MultiNativePropNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/MultiNativePropNativeComponent.js
new file mode 100644
index 00000000000000..f332f60ac896e7
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/MultiNativePropNativeComponent.js
@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {
+  PointValue,
+  ColorValue,
+} from '../../../../../Libraries/StyleSheet/StyleSheetTypes';
+import type {ImageSource} from '../../../../../Libraries/Image/ImageSource';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../../../../Libraries/Utilities/codegenNativeComponent';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  thumbImage?: ImageSource,
+  color?: ColorValue,
+  thumbTintColor?: ColorValue,
+  point?: PointValue,
+|}>;
+
+export default (codegenNativeComponent<NativeProps>(
+  'MultiNativePropNativeComponentView',
+): NativeComponentType<NativeProps>);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/NoPropsNoEventsNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/NoPropsNoEventsNativeComponent.js
new file mode 100644
index 00000000000000..25d6f98a56d573
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/NoPropsNoEventsNativeComponent.js
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../../../../Libraries/Utilities/codegenNativeComponent';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // No Props or events
+|}>;
+
+export default (codegenNativeComponent<NativeProps>(
+  'NoPropsNoEventsNativeComponentView',
+): NativeComponentType<NativeProps>);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/ObjectPropsNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/ObjectPropsNativeComponent.js
new file mode 100644
index 00000000000000..ad166c74ca4350
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/ObjectPropsNativeComponent.js
@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {
+  PointValue,
+  ColorValue,
+} from '../../../../../Libraries/StyleSheet/StyleSheetTypes';
+import type {ImageSource} from '../../../../../Libraries/Image/ImageSource';
+import type {
+  Int32,
+  Float,
+  WithDefault,
+} from '../../../../../Libraries/Types/CodegenTypes';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
+
+type ObjectArrayPropType = $ReadOnly<{|
+  array: $ReadOnlyArray<string>,
+|}>;
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  objectProp?: $ReadOnly<{|
+    stringProp?: WithDefault<string, ''>,
+    booleanProp: boolean,
+    floatProp: Float,
+    intProp: Int32,
+    stringEnumProp?: WithDefault<'small' | 'large', 'small'>,
+  |}>,
+  objectArrayProp: ObjectArrayPropType,
+  objectPrimitiveRequiredProp: $ReadOnly<{|
+    image: ImageSource,
+    color?: ColorValue,
+    point: ?PointValue,
+  |}>,
+|}>;
+
+export default codegenNativeComponent<NativeProps>(
+  'ObjectPropsNativeComponent',
+);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/PointPropNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/PointPropNativeComponent.js
new file mode 100644
index 00000000000000..bbdcdc7b8307f7
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/PointPropNativeComponent.js
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {PointValue} from '../../../../../Libraries/StyleSheet/StyleSheetTypes';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../../../../Libraries/Utilities/codegenNativeComponent';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  startPoint?: PointValue,
+|}>;
+
+export default (codegenNativeComponent<NativeProps>(
+  'PointPropNativeComponentView',
+): NativeComponentType<NativeProps>);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/StringPropNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/StringPropNativeComponent.js
new file mode 100644
index 00000000000000..b23d385a9486a3
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/StringPropNativeComponent.js
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {WithDefault} from '../../../../../Libraries/Types/CodegenTypes';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../../../../Libraries/Utilities/codegenNativeComponent';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  accessibilityHint?: WithDefault<string, ''>,
+  accessibilityRole?: string,
+|}>;
+
+export default (codegenNativeComponent<NativeProps>(
+  'StringPropNativeComponentView',
+): NativeComponentType<NativeProps>);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeArrayTurboModule.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeArrayTurboModule.js
new file mode 100644
index 00000000000000..cd21a54d719397
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeArrayTurboModule.js
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
+
+export type ArrayType = string;
+type AnotherArray = Array<ArrayType>;
+
+export interface Spec extends TurboModule {
+  +getArray: (a: Array<any>) => Array<string>;
+  +getReadOnlyArray: (a: Array<any>) => $ReadOnlyArray<string>;
+  +getArrayWithAlias: (a: AnotherArray, b: Array<ArrayType>) => AnotherArray;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'SampleTurboModule',
+): Spec);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeBooleanTurboModule.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeBooleanTurboModule.js
new file mode 100644
index 00000000000000..f698ed71c569bd
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeBooleanTurboModule.js
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
+
+export type Boolean = boolean;
+type AnotherBoolean = Boolean;
+
+export interface Spec extends TurboModule {
+  +getBoolean: (arg: boolean) => boolean;
+  +getBooleanWithAlias: (arg: Boolean) => AnotherBoolean;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'SampleTurboModule',
+): Spec);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeCallbackTurboModule.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeCallbackTurboModule.js
new file mode 100644
index 00000000000000..c23cfa77a1bc0c
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeCallbackTurboModule.js
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
+
+export type String = string;
+type CB = (value: String) => void;
+
+export interface Spec extends TurboModule {
+  +getValueWithCallback: (callback: (value: string) => void) => void;
+  +getValueWithCallbackWithAlias: (c: CB) => void;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'SampleTurboModule',
+): Spec);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeNullableTurboModule.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeNullableTurboModule.js
new file mode 100644
index 00000000000000..a9c631a30e9fbc
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeNullableTurboModule.js
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getBool: (a: ?boolean) => ?boolean;
+  +getNumber: (a: ?number) => ?number;
+  +getString: (a: ?number) => ?string;
+  +getArray: (a: ?Array<any>) => ?Array<any>;
+  +getObject: (a: ?Object) => ?Object;
+  +getValueWithPromise: () => ?Promise<string>;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('SampleTurboModule');
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeNumberTurboModule.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeNumberTurboModule.js
new file mode 100644
index 00000000000000..41ce0787712df1
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeNumberTurboModule.js
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
+
+export type Number = number;
+type AnotherNumber = Number;
+
+export interface Spec extends TurboModule {
+  +getNumber: (arg: number) => number;
+  +getNumberWithAlias: (arg: Number) => AnotherNumber;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'SampleTurboModule',
+): Spec);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeObjectTurboModule.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeObjectTurboModule.js
new file mode 100644
index 00000000000000..6400942e175f2a
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeObjectTurboModule.js
@@ -0,0 +1,65 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
+
+export type GenericObject = Object;
+type AnotherGenericObject = GenericObject;
+
+export interface Spec extends TurboModule {
+  +getGenericObject: (arg: Object) => Object;
+  +getGenericObjectReadOnly: (arg: Object) => $ReadOnly<{|a: string|}>;
+  +getGenericObjectWithAlias: (arg: GenericObject) => AnotherGenericObject;
+  +difficultObject: (A: {|
+    D: boolean,
+    E: {|
+      D: boolean,
+      E: number,
+      F: string,
+    |},
+    F: string,
+  |}) => {|
+    D: boolean,
+    E: {|
+      D: boolean,
+      E: {|
+        D: boolean,
+        E: number,
+        F: string,
+      |},
+      F: string,
+    |},
+    F: string,
+  |};
+  +getConstants: () => {|
+    D: boolean,
+    E: {|
+      D: boolean,
+      E: {|
+        D: boolean,
+        E: {|
+          D: boolean,
+          E: number,
+          F: string,
+        |},
+        F: string,
+      |},
+      F: string,
+    |},
+    F: string,
+  |};
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'SampleTurboModule',
+): Spec);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeOptionalObjectTurboModule.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeOptionalObjectTurboModule.js
new file mode 100644
index 00000000000000..b697ab954dd573
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeOptionalObjectTurboModule.js
@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {|
+    D?: ?boolean,
+    A?: Array<any>,
+    G?: any,
+    E?: ?{|
+      D?: ?boolean,
+      E?: ?{|
+        D?: ?boolean,
+        E?: ?{|
+          D?: boolean,
+          E?: number,
+          F?: string,
+        |},
+        F?: string,
+      |},
+      F?: string,
+    |},
+    F?: string,
+  |};
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'SampleTurboModule',
+): Spec);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativePromiseTurboModule.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativePromiseTurboModule.js
new file mode 100644
index 00000000000000..2ccd30546a2413
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativePromiseTurboModule.js
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
+
+export type String = string;
+type AnotherPromise = Promise<String>;
+
+export interface Spec extends TurboModule {
+  +getValueWithPromise: (error: boolean) => Promise<string>;
+  +getValueWithPromiseWithAlias: (arg: String) => AnotherPromise;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'SampleTurboModule',
+): Spec);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModule.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModule.js
new file mode 100644
index 00000000000000..ee6c0983afb75f
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModule.js
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  // Exported methods.
+  +getConstants: () => {|
+    const1: boolean,
+    const2: number,
+    const3: string,
+  |};
+  +voidFunc: () => void;
+  +getBool: (arg: boolean) => boolean;
+  +getNumber: (arg: number) => number;
+  +getString: (arg: string) => string;
+  +getArray: (arg: Array<any>) => Array<any>;
+  +getObject: (arg: Object) => Object;
+  +getValue: (x: number, y: string, z: Object) => Object;
+  +getValueWithCallback: (callback: (value: string) => void) => void;
+  +getValueWithPromise: (error: boolean) => Promise<string>;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'SampleTurboModule',
+): Spec);
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeStringTurboModule.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeStringTurboModule.js
new file mode 100644
index 00000000000000..4c844d39056c12
--- /dev/null
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeStringTurboModule.js
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
+
+export type String = string;
+type AnotherString = String;
+
+export interface Spec extends TurboModule {
+  +getString: (arg: string) => string;
+  +getStringWithAlias: (arg: String) => AnotherString;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'SampleTurboModule',
+): Spec);
diff --git a/packages/react-native-codegen/package.json b/packages/react-native-codegen/package.json
index 7fffd48187652e..cb0323dfa14644 100644
--- a/packages/react-native-codegen/package.json
+++ b/packages/react-native-codegen/package.json
@@ -1,14 +1,18 @@
 {
   "version": "0.0.1",
-  "name": "react-native-codgen",
+  "name": "react-native-codegen",
   "description": "⚛️ Code generation tools for React Native",
   "repository": {
     "type": "git",
     "url": "git@github.com:facebook/react-native.git"
   },
   "dependencies": {
+    "flow-parser": "^0.102.0",
     "jscodeshift": "^0.6.2",
     "nullthrows": "^1.1.0"
   },
-  "license": "MIT"
+  "license": "MIT",
+  "beachball": {
+    "shouldPublish": false
+  }  
 }
diff --git a/packages/react-native-codegen/src/CodegenSchema.js b/packages/react-native-codegen/src/CodegenSchema.js
index 1ab45de9789ea3..bb6cca08fa6590 100644
--- a/packages/react-native-codegen/src/CodegenSchema.js
+++ b/packages/react-native-codegen/src/CodegenSchema.js
@@ -10,6 +10,43 @@
 
 'use strict';
 
+export type CommandsFunctionTypeAnnotation = $ReadOnly<{|
+  type: 'FunctionTypeAnnotation',
+  params: $ReadOnlyArray<CommandsFunctionTypeParamAnnotation>,
+|}>;
+
+export type CommandsFunctionTypeParamAnnotation = $ReadOnly<{|
+  name: string,
+  typeAnnotation: CommandsTypeAnnotation,
+|}>;
+
+export type CommandsTypeAnnotation =
+  | BooleanTypeAnnotation
+  | Int32TypeAnnotation
+  | DoubleTypeAnnotation
+  | FloatTypeAnnotation
+  | StringTypeAnnotation;
+
+export type DoubleTypeAnnotation = $ReadOnly<{|
+  type: 'DoubleTypeAnnotation',
+|}>;
+
+export type FloatTypeAnnotation = $ReadOnly<{|
+  type: 'FloatTypeAnnotation',
+|}>;
+
+export type BooleanTypeAnnotation = $ReadOnly<{|
+  type: 'BooleanTypeAnnotation',
+|}>;
+
+export type Int32TypeAnnotation = $ReadOnly<{|
+  type: 'Int32TypeAnnotation',
+|}>;
+
+export type StringTypeAnnotation = $ReadOnly<{|
+  type: 'StringTypeAnnotation',
+|}>;
+
 export type ObjectPropertyType =
   | $ReadOnly<{|
       type: 'BooleanTypeAnnotation',
@@ -21,6 +58,11 @@ export type ObjectPropertyType =
       name: string,
       optional: boolean,
     |}>
+  | $ReadOnly<{|
+      type: 'DoubleTypeAnnotation',
+      name: string,
+      optional: boolean,
+    |}>
   | $ReadOnly<{|
       type: 'FloatTypeAnnotation',
       name: string,
@@ -31,6 +73,14 @@ export type ObjectPropertyType =
       name: string,
       optional: boolean,
     |}>
+  | $ReadOnly<{|
+      type: 'StringEnumTypeAnnotation',
+      name: string,
+      optional: boolean,
+      options: $ReadOnlyArray<{|
+        name: string,
+      |}>,
+    |}>
   | $ReadOnly<{|
       type: 'ObjectTypeAnnotation',
       name: string,
@@ -45,7 +95,11 @@ type PropTypeTypeAnnotation =
     |}>
   | $ReadOnly<{|
       type: 'StringTypeAnnotation',
-      default: string,
+      default: string | null,
+    |}>
+  | $ReadOnly<{|
+      type: 'DoubleTypeAnnotation',
+      default: number,
     |}>
   | $ReadOnly<{|
       type: 'FloatTypeAnnotation',
@@ -66,9 +120,43 @@ type PropTypeTypeAnnotation =
       type: 'NativePrimitiveTypeAnnotation',
       name: 'ColorPrimitive' | 'ImageSourcePrimitive' | 'PointPrimitive',
     |}>
+  | $ReadOnly<{|
+      type: 'ObjectTypeAnnotation',
+      properties: $ReadOnlyArray<PropTypeShape>,
+    |}>
   | $ReadOnly<{|
       type: 'ArrayTypeAnnotation',
-      elementType: $ReadOnly<PropTypeTypeAnnotation>,
+      elementType:
+        | $ReadOnly<{|
+            type: 'BooleanTypeAnnotation',
+          |}>
+        | $ReadOnly<{|
+            type: 'StringTypeAnnotation',
+          |}>
+        | $ReadOnly<{|
+            type: 'DoubleTypeAnnotation',
+          |}>
+        | $ReadOnly<{|
+            type: 'FloatTypeAnnotation',
+          |}>
+        | $ReadOnly<{|
+            type: 'Int32TypeAnnotation',
+          |}>
+        | $ReadOnly<{|
+            type: 'StringEnumTypeAnnotation',
+            default: string,
+            options: $ReadOnlyArray<{|
+              name: string,
+            |}>,
+          |}>
+        | $ReadOnly<{|
+            type: 'ObjectTypeAnnotation',
+            properties: $ReadOnlyArray<PropTypeShape>,
+          |}>
+        | $ReadOnly<{|
+            type: 'NativePrimitiveTypeAnnotation',
+            name: 'ColorPrimitive' | 'ImageSourcePrimitive' | 'PointPrimitive',
+          |}>,
     |}>;
 
 export type PropTypeShape = $ReadOnly<{|
@@ -77,28 +165,127 @@ export type PropTypeShape = $ReadOnly<{|
   typeAnnotation: PropTypeTypeAnnotation,
 |}>;
 
+export type PrimitiveTypeAnnotationType =
+  | 'StringTypeAnnotation'
+  | 'NumberTypeAnnotation'
+  | 'Int32TypeAnnotation'
+  | 'DoubleTypeAnnotation'
+  | 'FloatTypeAnnotation'
+  | 'BooleanTypeAnnotation'
+  | 'GenericObjectTypeAnnotation';
+
+export type PrimitiveTypeAnnotation = $ReadOnly<{|
+  type: PrimitiveTypeAnnotationType,
+|}>;
+
+export type FunctionTypeAnnotationParamTypeAnnotation =
+  | $ReadOnly<{|
+      type:
+        | 'AnyTypeAnnotation'
+        | 'FunctionTypeAnnotation'
+        | PrimitiveTypeAnnotationType,
+    |}>
+  | $ReadOnly<{|
+      type: 'ArrayTypeAnnotation',
+      elementType: ?FunctionTypeAnnotationParamTypeAnnotation,
+    |}>
+  | $ReadOnly<{|
+      type: 'ObjectTypeAnnotation',
+      properties: ?$ReadOnlyArray<ObjectParamTypeAnnotation>,
+    |}>;
+
+export type FunctionTypeAnnotationReturnArrayElementType = FunctionTypeAnnotationParamTypeAnnotation;
+
+export type ObjectParamTypeAnnotation = $ReadOnly<{|
+  optional: boolean,
+  name: string,
+  typeAnnotation: FunctionTypeAnnotationParamTypeAnnotation,
+|}>;
+
+export type FunctionTypeAnnotationReturn =
+  | $ReadOnly<{|
+      nullable: boolean,
+      type:
+        | PrimitiveTypeAnnotationType
+        | 'VoidTypeAnnotation'
+        | 'GenericPromiseTypeAnnotation',
+    |}>
+  | $ReadOnly<{|
+      nullable: boolean,
+      type: 'ArrayTypeAnnotation',
+      elementType: ?FunctionTypeAnnotationReturnArrayElementType,
+    |}>
+  | $ReadOnly<{|
+      nullable: boolean,
+      type: 'ObjectTypeAnnotation',
+      properties: ?$ReadOnlyArray<ObjectParamTypeAnnotation>,
+    |}>;
+
+export type FunctionTypeAnnotationParam = $ReadOnly<{|
+  nullable: boolean,
+  name: string,
+  typeAnnotation: FunctionTypeAnnotationParamTypeAnnotation,
+|}>;
+
+export type FunctionTypeAnnotation = $ReadOnly<{|
+  type: 'FunctionTypeAnnotation',
+  params: $ReadOnlyArray<FunctionTypeAnnotationParam>,
+  returnTypeAnnotation: FunctionTypeAnnotationReturn,
+  optional: boolean,
+|}>;
+
+export type MethodTypeShape = $ReadOnly<{|
+  name: string,
+  typeAnnotation: FunctionTypeAnnotation,
+|}>;
+
+export type NativeModuleShape = $ReadOnly<{|
+  properties: $ReadOnlyArray<MethodTypeShape>,
+|}>;
+
 export type EventTypeShape = $ReadOnly<{|
   name: string,
   bubblingType: 'direct' | 'bubble',
   optional: boolean,
+  paperTopLevelNameDeprecated?: string,
   typeAnnotation: $ReadOnly<{|
     type: 'EventTypeAnnotation',
-    argument: $ReadOnly<{|
+    argument?: $ReadOnly<{|
       type: 'ObjectTypeAnnotation',
       properties: $ReadOnlyArray<ObjectPropertyType>,
     |}>,
   |}>,
 |}>;
 
-export type ComponentShape = $ReadOnly<{|
+export type CommandTypeShape = $ReadOnly<{|
+  name: string,
+  optional: boolean,
+  typeAnnotation: CommandsFunctionTypeAnnotation,
+|}>;
+
+export type OptionsShape = $ReadOnly<{|
   interfaceOnly?: boolean,
-  isDeprecatedPaperComponentNameRCT?: boolean,
-  extendsProps: $ReadOnlyArray<{|
-    type: 'ReactNativeBuiltInType',
-    knownTypeName: 'ReactNativeCoreViewProps',
-  |}>,
+
+  // Use for components with no current paper rename in progress
+  // Does not check for new name
+  paperComponentName?: string,
+
+  // Use for components currently being renamed in paper
+  // Will use new name if it is available and fallback to this name
+  paperComponentNameDeprecated?: string,
+|}>;
+
+export type ExtendsPropsShape = $ReadOnly<{|
+  type: 'ReactNativeBuiltInType',
+  knownTypeName: 'ReactNativeCoreViewProps',
+|}>;
+
+export type ComponentShape = $ReadOnly<{|
+  ...OptionsShape,
+  extendsProps: $ReadOnlyArray<ExtendsPropsShape>,
   events: $ReadOnlyArray<EventTypeShape>,
   props: $ReadOnlyArray<PropTypeShape>,
+  commands: $ReadOnlyArray<CommandTypeShape>,
 |}>;
 
 export type SchemaType = $ReadOnly<{|
@@ -107,6 +294,9 @@ export type SchemaType = $ReadOnly<{|
       components?: $ReadOnly<{
         [component: string]: ComponentShape,
       }>,
+      nativeModules?: $ReadOnly<{
+        [nativeModule: string]: NativeModuleShape,
+      }>,
     |}>,
   }>,
 |}>;
diff --git a/packages/react-native-codegen/src/SchemaValidator.js b/packages/react-native-codegen/src/SchemaValidator.js
index 5053ad91725dc2..413813b7f24b5d 100644
--- a/packages/react-native-codegen/src/SchemaValidator.js
+++ b/packages/react-native-codegen/src/SchemaValidator.js
@@ -39,12 +39,6 @@ function getErrors(schema: SchemaType): $ReadOnlyArray<string> {
       }
 
       nullthrows(componentModules.get(componentName)).push(moduleName);
-
-      if (component.props.length === 0) {
-        errors.add(
-          `${componentName} in module ${moduleName} must define props`,
-        );
-      }
     });
   });
 
diff --git a/packages/react-native-codegen/src/__tests__/SchemaValidator-test.js b/packages/react-native-codegen/src/__tests__/SchemaValidator-test.js
index efbb5b21f2a7e0..d2c65b18a937aa 100644
--- a/packages/react-native-codegen/src/__tests__/SchemaValidator-test.js
+++ b/packages/react-native-codegen/src/__tests__/SchemaValidator-test.js
@@ -11,7 +11,7 @@
 
 'use strict';
 
-const fixtures = require('../generators/__test_fixtures__/fixtures.js');
+const fixtures = require('../generators/components/__test_fixtures__/fixtures.js');
 const schemaValidator = require('../SchemaValidator.js');
 
 import type {SchemaType} from '../CodegenSchema.js';
@@ -40,6 +40,7 @@ describe('SchemaValidator', () => {
               ],
               events: [],
               props: [simpleProp],
+              commands: [],
             },
           },
         },
@@ -54,28 +55,7 @@ describe('SchemaValidator', () => {
               ],
               events: [],
               props: [simpleProp],
-            },
-          },
-        },
-      },
-    };
-
-    expect(schemaValidator.getErrors(fixture)).toMatchSnapshot();
-  });
-  it('fails on components with no props', () => {
-    const fixture: SchemaType = {
-      modules: {
-        Switch: {
-          components: {
-            BooleanPropNativeComponent: {
-              extendsProps: [
-                {
-                  type: 'ReactNativeBuiltInType',
-                  knownTypeName: 'ReactNativeCoreViewProps',
-                },
-              ],
-              events: [],
-              props: [],
+              commands: [],
             },
           },
         },
diff --git a/packages/react-native-codegen/src/__tests__/__snapshots__/SchemaValidator-test.js.snap b/packages/react-native-codegen/src/__tests__/__snapshots__/SchemaValidator-test.js.snap
index 701bc24c096be9..43044e364abfe0 100644
--- a/packages/react-native-codegen/src/__tests__/__snapshots__/SchemaValidator-test.js.snap
+++ b/packages/react-native-codegen/src/__tests__/__snapshots__/SchemaValidator-test.js.snap
@@ -5,9 +5,3 @@ Array [
   "Duplicate components found with name Component1. Found in modules Module1, Module2",
 ]
 `;
-
-exports[`SchemaValidator fails on components with no props 1`] = `
-Array [
-  "BooleanPropNativeComponent in module Switch must define props",
-]
-`;
diff --git a/packages/react-native-codegen/buck_tests/combine-js-to-schema-cli.js b/packages/react-native-codegen/src/cli/combine/combine-js-to-schema-cli.js
similarity index 100%
rename from packages/react-native-codegen/buck_tests/combine-js-to-schema-cli.js
rename to packages/react-native-codegen/src/cli/combine/combine-js-to-schema-cli.js
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
new file mode 100644
index 00000000000000..c971b4ab975d7e
--- /dev/null
+++ b/packages/react-native-codegen/src/cli/combine/combine-js-to-schema.js
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+import type {SchemaType} from '../../CodegenSchema.js';
+
+const FlowParser = require('../../parsers/flow');
+const fs = require('fs');
+
+function combineSchemas(files: Array<string>): SchemaType {
+  return files.reduce(
+    (merged, filename) => {
+      const contents = fs.readFileSync(filename, 'utf8');
+      if (
+        contents &&
+        (/export\s+default\s+\(?codegenNativeComponent</.test(contents) ||
+          /extends TurboModule/.test(contents))
+      ) {
+        const schema = FlowParser.parseFile(filename);
+
+        if (schema && schema.modules) {
+          merged.modules = {...merged.modules, ...schema.modules};
+        }
+      }
+      return merged;
+    },
+    {modules: {}},
+  );
+}
+
+module.exports = combineSchemas;
diff --git a/packages/react-native-codegen/buck_tests/combine_js_to_schema.sh b/packages/react-native-codegen/src/cli/combine/combine_js_to_schema.sh
similarity index 63%
rename from packages/react-native-codegen/buck_tests/combine_js_to_schema.sh
rename to packages/react-native-codegen/src/cli/combine/combine_js_to_schema.sh
index 5d2c74c6f44ac5..87148c2d594e08 100755
--- a/packages/react-native-codegen/buck_tests/combine_js_to_schema.sh
+++ b/packages/react-native-codegen/src/cli/combine/combine_js_to_schema.sh
@@ -6,6 +6,10 @@ set -u
 THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
 
 # shellcheck source=xplat/js/env-utils/setup_env_vars.sh
-source "$THIS_DIR/../../../../env-utils/setup_env_vars.sh"
+source "$THIS_DIR/../../../../../../env-utils/setup_env_vars.sh"
+
+pushd "$THIS_DIR/../../.." >/dev/null
+  "$INSTALL_NODE_MODULES"
+popd >/dev/null
 
 exec "$FLOW_NODE_BINARY" "$THIS_DIR/combine-js-to-schema-cli.js" "$@"
diff --git a/packages/react-native-codegen/src/cli/parser/parser-cli.js b/packages/react-native-codegen/src/cli/parser/parser-cli.js
new file mode 100644
index 00000000000000..2be7c4a03f6561
--- /dev/null
+++ b/packages/react-native-codegen/src/cli/parser/parser-cli.js
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @flow
+ * @format
+ */
+
+'use strict';
+
+const parseFiles = require('./parser.js');
+
+const [...fileList] = process.argv.slice(2);
+
+parseFiles(fileList);
diff --git a/packages/react-native-codegen/src/cli/parser/parser.js b/packages/react-native-codegen/src/cli/parser/parser.js
new file mode 100644
index 00000000000000..1cc5247033ba23
--- /dev/null
+++ b/packages/react-native-codegen/src/cli/parser/parser.js
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+const FlowParser = require('../../parsers/flow');
+
+function parseFiles(files: Array<string>) {
+  files.forEach(filename => {
+    console.log(
+      filename,
+      JSON.stringify(FlowParser.parseFile(filename), null, 2),
+    );
+  });
+}
+
+module.exports = parseFiles;
diff --git a/packages/react-native-codegen/buck_tests/copy_fixture.sh b/packages/react-native-codegen/src/cli/parser/parser.sh
similarity index 61%
rename from packages/react-native-codegen/buck_tests/copy_fixture.sh
rename to packages/react-native-codegen/src/cli/parser/parser.sh
index d2cbcbdba1abbf..87155debab41c4 100755
--- a/packages/react-native-codegen/buck_tests/copy_fixture.sh
+++ b/packages/react-native-codegen/src/cli/parser/parser.sh
@@ -6,6 +6,6 @@ set -u
 THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
 
 # shellcheck source=xplat/js/env-utils/setup_env_vars.sh
-source "$THIS_DIR/../../../../env-utils/setup_env_vars.sh"
+source "$THIS_DIR/../../../../../../env-utils/setup_env_vars.sh"
 
-exec "$FLOW_NODE_BINARY" "$THIS_DIR/copy-fixture.js" "$@"
+exec "$FLOW_NODE_BINARY" "$THIS_DIR/parser.js" "$@"
diff --git a/packages/react-native-codegen/src/generators/EventEmitterHelpers.js b/packages/react-native-codegen/src/generators/EventEmitterHelpers.js
deleted file mode 100644
index b4f3a41a53677a..00000000000000
--- a/packages/react-native-codegen/src/generators/EventEmitterHelpers.js
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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';
-
-const {toSafeCppString} = require('./CppHelpers.js');
-
-// import type {EventTypeShape} from './CodegenSchema';
-
-function generateStructName(
-  componentName: string,
-  parts: $ReadOnlyArray<string> = [],
-) {
-  const additional = parts.map(toSafeCppString).join('');
-  return `${componentName}${additional}Struct`;
-}
-
-module.exports = {
-  generateStructName,
-};
diff --git a/packages/react-native-codegen/src/generators/GeneratePropsH.js b/packages/react-native-codegen/src/generators/GeneratePropsH.js
deleted file mode 100644
index 2e95c2c54353fb..00000000000000
--- a/packages/react-native-codegen/src/generators/GeneratePropsH.js
+++ /dev/null
@@ -1,352 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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';
-
-const {getCppTypeForAnnotation, toSafeCppString} = require('./CppHelpers.js');
-
-import type {PropTypeShape, SchemaType} from '../CodegenSchema';
-
-// File path -> contents
-type FilesOutput = Map<string, string>;
-
-type TypeAnnotation = $PropertyType<PropTypeShape, 'typeAnnotation'>;
-
-const template = `
-/**
- * Copyright (c) Facebook, Inc. and its 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
-
-::_IMPORTS_::
-
-namespace facebook {
-namespace react {
-
-::_COMPONENT_CLASSES_::
-
-} // namespace react
-} // namespace facebook
-`;
-
-const classTemplate = `
-::_ENUMS_::
-
-class ::_CLASSNAME_:: final::_EXTEND_CLASSES_:: {
- public:
-  ::_CLASSNAME_::() = default;
-  ::_CLASSNAME_::(const ::_CLASSNAME_:: &sourceProps, const RawProps &rawProps);
-
-#pragma mark - Props
-
-  ::_PROPS_::
-};
-`.trim();
-
-const enumTemplate = `
-enum class ::_ENUM_NAME_:: { ::_VALUES_:: };
-
-static inline void fromRawValue(const RawValue &value, ::_ENUM_NAME_:: &result) {
-  auto string = (std::string)value;
-  ::_FROM_CASES_::
-  abort();
-}
-
-static inline std::string toString(const ::_ENUM_NAME_:: &value) {
-  switch (value) {
-    ::_TO_CASES_::
-  }
-}
-`.trim();
-
-function getClassExtendString(component): string {
-  const extendString =
-    ' : ' +
-    component.extendsProps
-      .map(extendProps => {
-        switch (extendProps.type) {
-          case 'ReactNativeBuiltInType':
-            switch (extendProps.knownTypeName) {
-              case 'ReactNativeCoreViewProps':
-                return 'public ViewProps';
-              default:
-                (extendProps.knownTypeName: empty);
-                throw new Error('Invalid knownTypeName');
-            }
-          default:
-            (extendProps.type: empty);
-            throw new Error('Invalid extended type');
-        }
-      })
-      .join(' ');
-
-  return extendString;
-}
-
-function getNativeTypeFromAnnotation(componentName: string, prop): string {
-  const typeAnnotation = prop.typeAnnotation;
-
-  switch (typeAnnotation.type) {
-    case 'BooleanTypeAnnotation':
-    case 'StringTypeAnnotation':
-    case 'Int32TypeAnnotation':
-    case 'FloatTypeAnnotation':
-      return getCppTypeForAnnotation(typeAnnotation.type);
-    case 'NativePrimitiveTypeAnnotation':
-      switch (typeAnnotation.name) {
-        case 'ColorPrimitive':
-          return 'SharedColor';
-        case 'ImageSourcePrimitive':
-          return 'ImageSource';
-        case 'PointPrimitive':
-          return 'Point';
-        default:
-          (typeAnnotation.name: empty);
-          throw new Error('Receieved unknown NativePrimitiveTypeAnnotation');
-      }
-    case 'ArrayTypeAnnotation': {
-      if (typeAnnotation.elementType.type === 'ArrayTypeAnnotation') {
-        throw new Error(
-          'ArrayTypeAnnotation of type ArrayTypeAnnotation not supported',
-        );
-      }
-      const itemAnnotation = getNativeTypeFromAnnotation(componentName, {
-        typeAnnotation: typeAnnotation.elementType,
-        name: componentName,
-      });
-      return `std::vector<${itemAnnotation}>`;
-    }
-    case 'StringEnumTypeAnnotation':
-      return getEnumName(componentName, prop.name);
-    default:
-      (typeAnnotation: empty);
-      throw new Error('Receieved invalid typeAnnotation');
-  }
-}
-
-function convertDefaultTypeToString(componentName: string, prop): string {
-  const typeAnnotation = prop.typeAnnotation;
-  switch (typeAnnotation.type) {
-    case 'BooleanTypeAnnotation':
-      return String(typeAnnotation.default);
-    case 'StringTypeAnnotation':
-      return `"${typeAnnotation.default}"`;
-    case 'Int32TypeAnnotation':
-      return String(typeAnnotation.default);
-    case 'FloatTypeAnnotation':
-      const defaultVal = typeAnnotation.default;
-      return parseInt(defaultVal, 10) === defaultVal
-        ? typeAnnotation.default.toFixed(1)
-        : String(typeAnnotation.default);
-    case 'NativePrimitiveTypeAnnotation':
-      switch (typeAnnotation.name) {
-        case 'ColorPrimitive':
-          return '';
-        case 'ImageSourcePrimitive':
-          return '';
-        case 'PointPrimitive':
-          return '';
-        default:
-          (typeAnnotation.name: empty);
-          throw new Error('Receieved unknown NativePrimitiveTypeAnnotation');
-      }
-    case 'ArrayTypeAnnotation': {
-      return '';
-    }
-    case 'StringEnumTypeAnnotation':
-      return `${getEnumName(componentName, prop.name)}::${toSafeCppString(
-        typeAnnotation.default,
-      )}`;
-    default:
-      (typeAnnotation: empty);
-      throw new Error('Receieved invalid typeAnnotation');
-  }
-}
-
-function getEnumName(componentName, propName): string {
-  const uppercasedPropName = toSafeCppString(propName);
-  return `${componentName}${uppercasedPropName}`;
-}
-
-function convertValueToEnumOption(value: string): string {
-  return toSafeCppString(value);
-}
-
-function generateEnumString(componentName: string, component): string {
-  return component.props
-    .map(prop => {
-      if (prop.typeAnnotation.type !== 'StringEnumTypeAnnotation') {
-        return;
-      }
-
-      const values = prop.typeAnnotation.options.map(option => option.name);
-      const enumName = getEnumName(componentName, prop.name);
-
-      const fromCases = values
-        .map(
-          value =>
-            `if (string == "${value}") { result = ${enumName}::${convertValueToEnumOption(
-              value,
-            )}; return; }`,
-        )
-        .join('\n' + '  ');
-
-      const toCases = values
-        .map(
-          value =>
-            `case ${enumName}::${convertValueToEnumOption(
-              value,
-            )}: return "${value}";`,
-        )
-        .join('\n' + '    ');
-
-      return enumTemplate
-        .replace(/::_ENUM_NAME_::/g, enumName)
-        .replace('::_VALUES_::', values.map(toSafeCppString).join(', '))
-        .replace('::_FROM_CASES_::', fromCases)
-        .replace('::_TO_CASES_::', toCases);
-    })
-    .filter(Boolean)
-    .join('\n');
-}
-
-function generatePropsString(
-  componentName: string,
-  props: $ReadOnlyArray<PropTypeShape>,
-) {
-  return props
-    .map(prop => {
-      const nativeType = getNativeTypeFromAnnotation(componentName, prop);
-      const defaultValue = convertDefaultTypeToString(componentName, prop);
-
-      return `const ${nativeType} ${prop.name}{${defaultValue}};`;
-    })
-    .join('\n' + '  ');
-}
-
-function getImports(component): Set<string> {
-  const imports: Set<string> = new Set();
-
-  component.extendsProps.forEach(extendProps => {
-    switch (extendProps.type) {
-      case 'ReactNativeBuiltInType':
-        switch (extendProps.knownTypeName) {
-          case 'ReactNativeCoreViewProps':
-            imports.add('#include <react/components/view/ViewProps.h>');
-            return;
-          default:
-            (extendProps.knownTypeName: empty);
-            throw new Error('Invalid knownTypeName');
-        }
-      default:
-        (extendProps.type: empty);
-        throw new Error('Invalid extended type');
-    }
-  });
-
-  function addImportsForNativeName(name) {
-    switch (name) {
-      case 'ColorPrimitive':
-        imports.add('#include <react/graphics/Color.h>');
-        return;
-      case 'ImageSourcePrimitive':
-        imports.add('#include <react/imagemanager/primitives.h>');
-        return;
-      case 'PointPrimitive':
-        imports.add('#include <react/graphics/Geometry.h>');
-        return;
-      default:
-        (name: empty);
-        throw new Error(
-          `Invalid NativePrimitiveTypeAnnotation name, got ${name}`,
-        );
-    }
-  }
-
-  component.props.forEach(prop => {
-    const typeAnnotation = prop.typeAnnotation;
-
-    if (typeAnnotation.type === 'NativePrimitiveTypeAnnotation') {
-      addImportsForNativeName(typeAnnotation.name);
-    }
-
-    if (typeAnnotation.type === 'ArrayTypeAnnotation') {
-      imports.add('#include <vector>');
-    }
-
-    if (
-      typeAnnotation.type === 'ArrayTypeAnnotation' &&
-      typeAnnotation.elementType.type === 'NativePrimitiveTypeAnnotation'
-    ) {
-      addImportsForNativeName(typeAnnotation.elementType.name);
-    }
-  });
-
-  return imports;
-}
-
-module.exports = {
-  generate(libraryName: string, schema: SchemaType): FilesOutput {
-    const fileName = 'Props.h';
-
-    const allImports: Set<string> = new Set();
-
-    const componentClasses = Object.keys(schema.modules)
-      .map(moduleName => {
-        const components = schema.modules[moduleName].components;
-        // No components in this module
-        if (components == null) {
-          return null;
-        }
-
-        return Object.keys(components)
-          .map(componentName => {
-            const component = components[componentName];
-
-            const newName = `${componentName}Props`;
-            const enumString = generateEnumString(componentName, component);
-            const propsString = generatePropsString(
-              componentName,
-              component.props,
-            );
-            const extendString = getClassExtendString(component);
-            const imports = getImports(component);
-
-            imports.forEach(allImports.add, allImports);
-
-            const replacedTemplate = classTemplate
-              .replace('::_ENUMS_::', enumString)
-              .replace(/::_CLASSNAME_::/g, newName)
-              .replace('::_EXTEND_CLASSES_::', extendString)
-              .replace('::_PROPS_::', propsString)
-              .trim();
-
-            return replacedTemplate;
-          })
-          .join('\n\n');
-      })
-      .filter(Boolean)
-      .join('\n\n');
-
-    const replacedTemplate = template
-      .replace(/::_COMPONENT_CLASSES_::/g, componentClasses)
-      .replace(
-        '::_IMPORTS_::',
-        Array.from(allImports)
-          .sort()
-          .join('\n'),
-      );
-
-    return new Map([[fileName, replacedTemplate]]);
-  },
-};
diff --git a/packages/react-native-codegen/src/generators/GenerateViewConfigJs.js b/packages/react-native-codegen/src/generators/GenerateViewConfigJs.js
deleted file mode 100644
index de818fd2bd1c75..00000000000000
--- a/packages/react-native-codegen/src/generators/GenerateViewConfigJs.js
+++ /dev/null
@@ -1,324 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its 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
- */
-
-'use strict';
-
-const j = require('jscodeshift');
-
-import type {SchemaType} from '../CodegenSchema';
-
-// File path -> contents
-type FilesOutput = Map<string, string>;
-
-const template = `
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-'use strict';
-
-::_IMPORTS_::
-
-::_COMPONENT_CONFIG_::
-`;
-
-function getReactDiffProcessValue(prop) {
-  const typeAnnotation = prop.typeAnnotation;
-
-  switch (typeAnnotation.type) {
-    case 'BooleanTypeAnnotation':
-    case 'StringTypeAnnotation':
-    case 'Int32TypeAnnotation':
-    case 'FloatTypeAnnotation':
-    case 'ArrayTypeAnnotation':
-    case 'StringEnumTypeAnnotation':
-      return j.literal(true);
-    case 'NativePrimitiveTypeAnnotation':
-      switch (typeAnnotation.name) {
-        case 'ColorPrimitive':
-          return j.template.expression`{ process: require('processColor') }`;
-        case 'ImageSourcePrimitive':
-          return j.template
-            .expression`{ process: require('resolveAssetSource') }`;
-        case 'PointPrimitive':
-          return j.template.expression`{ diff: require('pointsDiffer') }`;
-        default:
-          (typeAnnotation.name: empty);
-          throw new Error('Receieved unknown NativePrimitiveTypeAnnotation');
-      }
-    default:
-      (typeAnnotation: empty);
-      throw new Error('Receieved invalid typeAnnotation');
-  }
-}
-
-const componentTemplate = `
-const ::_COMPONENT_NAME_::ViewConfig = VIEW_CONFIG;
-
-verifyComponentAttributeEquivalence('::_COMPONENT_NAME_WITH_COMPAT_SUPPORT_::', ::_COMPONENT_NAME_::ViewConfig);
-
-ReactNativeViewConfigRegistry.register(
-  '::_COMPONENT_NAME_WITH_COMPAT_SUPPORT_::',
-  () => ::_COMPONENT_NAME_::ViewConfig,
-);
-
-module.exports = '::_COMPONENT_NAME_WITH_COMPAT_SUPPORT_::';::_COMPAT_COMMENT_::
-`.trim();
-
-// Replicates the behavior of RCTNormalizeInputEventName in RCTEventDispatcher.m
-function normalizeInputEventName(name) {
-  if (name.startsWith('on')) {
-    return name.replace(/^on/, 'top');
-  } else if (!name.startsWith('top')) {
-    return `top${name[0].toUpperCase()}${name.slice(1)}`;
-  }
-
-  return name;
-}
-
-// Replicates the behavior of viewConfig in RCTComponentData.m
-function getValidAttributesForEvents(events) {
-  return events.map(eventType => {
-    return j.property('init', j.identifier(eventType.name), j.literal(true));
-  });
-}
-
-function generateBubblingEventInfo(event) {
-  return j.property(
-    'init',
-    j.identifier(normalizeInputEventName(event.name)),
-    j.objectExpression([
-      j.property(
-        'init',
-        j.identifier('phasedRegistrationNames'),
-        j.objectExpression([
-          j.property(
-            'init',
-            j.identifier('captured'),
-            j.literal(`${event.name}Capture`),
-          ),
-          j.property('init', j.identifier('bubbled'), j.literal(event.name)),
-        ]),
-      ),
-    ]),
-  );
-}
-
-function generateDirectEventInfo(event) {
-  return j.property(
-    'init',
-    j.identifier(normalizeInputEventName(event.name)),
-    j.objectExpression([
-      j.property(
-        'init',
-        j.identifier('registrationName'),
-        j.literal(event.name),
-      ),
-    ]),
-  );
-}
-
-function buildViewConfig(
-  schema: SchemaType,
-  componentName: string,
-  component,
-  imports,
-) {
-  const componentProps = component.props;
-  const componentEvents = component.events;
-
-  let viewAttributes = null;
-  let viewEvents = null;
-  let viewDirectEvents = null;
-
-  component.extendsProps.forEach(extendProps => {
-    switch (extendProps.type) {
-      case 'ReactNativeBuiltInType':
-        switch (extendProps.knownTypeName) {
-          case 'ReactNativeCoreViewProps':
-            imports.add(
-              "const ReactNativeViewViewConfig = require('ReactNativeViewViewConfig');",
-            );
-
-            viewAttributes = j.spreadProperty(
-              j.memberExpression(
-                j.identifier('ReactNativeViewViewConfig'),
-                j.identifier('validAttributes'),
-              ),
-            );
-
-            viewEvents = j.spreadProperty(
-              j.memberExpression(
-                j.identifier('ReactNativeViewViewConfig'),
-                j.identifier('bubblingEventTypes'),
-              ),
-            );
-
-            viewDirectEvents = j.spreadProperty(
-              j.memberExpression(
-                j.identifier('ReactNativeViewViewConfig'),
-                j.identifier('directEventTypes'),
-              ),
-            );
-
-            return;
-          default:
-            (extendProps.knownTypeName: empty);
-            throw new Error('Invalid knownTypeName');
-        }
-      default:
-        (extendProps.type: empty);
-        throw new Error('Invalid extended type');
-    }
-  });
-
-  const validAttributes = j.objectExpression([
-    viewAttributes,
-    ...componentProps.map(schemaProp => {
-      return j.property(
-        'init',
-        j.identifier(schemaProp.name),
-        getReactDiffProcessValue(schemaProp),
-      );
-    }),
-    ...getValidAttributesForEvents(componentEvents),
-  ]);
-
-  const bubblingEventNames = component.events
-    .filter(event => event.bubblingType === 'bubble')
-    .map(generateBubblingEventInfo);
-
-  bubblingEventNames.unshift(viewEvents);
-
-  const bubblingEvents =
-    bubblingEventNames.length > 0
-      ? j.property(
-          'init',
-          j.identifier('bubblingEventTypes'),
-          j.objectExpression(bubblingEventNames),
-        )
-      : null;
-
-  const directEventNames = component.events
-    .filter(event => event.bubblingType === 'direct')
-    .map(generateDirectEventInfo);
-
-  directEventNames.unshift(viewDirectEvents);
-
-  const directEvents =
-    directEventNames.length > 0
-      ? j.property(
-          'init',
-          j.identifier('directEventTypes'),
-          j.objectExpression(directEventNames),
-        )
-      : null;
-
-  const commands = j.property(
-    'init',
-    j.identifier('Commands'),
-    j.objectExpression([]),
-  );
-
-  const properties = [
-    j.property(
-      'init',
-      j.identifier('uiViewClassName'),
-      j.literal(componentName),
-    ),
-    commands,
-    bubblingEvents,
-    directEvents,
-    j.property('init', j.identifier('validAttributes'), validAttributes),
-  ].filter(Boolean);
-
-  return j.objectExpression(properties);
-}
-
-module.exports = {
-  generate(libraryName: string, schema: SchemaType): FilesOutput {
-    const fileName = `${libraryName}NativeViewConfig.js`;
-    const imports: Set<string> = new Set();
-
-    imports.add(
-      "const ReactNativeViewConfigRegistry = require('ReactNativeViewConfigRegistry');",
-    );
-    imports.add(
-      "const verifyComponentAttributeEquivalence = require('verifyComponentAttributeEquivalence');",
-    );
-
-    const moduleResults = Object.keys(schema.modules)
-      .map(moduleName => {
-        const components = schema.modules[moduleName].components;
-        // No components in this module
-        if (components == null) {
-          return null;
-        }
-
-        return Object.keys(components)
-          .map(componentName => {
-            const component = components[componentName];
-
-            const compatabilityComponentName = `${
-              component.isDeprecatedPaperComponentNameRCT ? 'RCT' : ''
-            }${componentName}`;
-
-            const replacedTemplate = componentTemplate
-              .replace(/::_COMPONENT_NAME_::/g, componentName)
-              .replace(
-                /::_COMPONENT_NAME_WITH_COMPAT_SUPPORT_::/g,
-                compatabilityComponentName,
-              )
-              .replace(
-                /::_COMPAT_COMMENT_::/g,
-                component.isDeprecatedPaperComponentNameRCT
-                  ? ' // RCT prefix present for paper support'
-                  : '',
-              );
-
-            const replacedSource: string = j
-              .withParser('flow')(replacedTemplate)
-              .find(j.Identifier, {
-                name: 'VIEW_CONFIG',
-              })
-              .replaceWith(
-                buildViewConfig(
-                  schema,
-                  compatabilityComponentName,
-                  component,
-                  imports,
-                ),
-              )
-              .toSource({quote: 'single', trailingComma: true});
-
-            return replacedSource;
-          })
-          .join('\n\n');
-      })
-      .filter(Boolean)
-      .join('\n\n');
-
-    const replacedTemplate = template
-      .replace(/::_COMPONENT_CONFIG_::/g, moduleResults)
-      .replace(
-        '::_IMPORTS_::',
-        Array.from(imports)
-          .sort()
-          .join('\n'),
-      );
-
-    return new Map([[fileName, replacedTemplate]]);
-  },
-};
diff --git a/packages/react-native-codegen/src/generators/RNCodegen.js b/packages/react-native-codegen/src/generators/RNCodegen.js
index ac9383f4f2ff6d..0de0f2ec1d10ae 100644
--- a/packages/react-native-codegen/src/generators/RNCodegen.js
+++ b/packages/react-native-codegen/src/generators/RNCodegen.js
@@ -17,15 +17,22 @@ TODO:
 */
 
 const fs = require('fs');
-const generateComponentDescriptorH = require('./GenerateComponentDescriptorH.js');
-const generateEventEmitterCpp = require('./GenerateEventEmitterCpp.js');
-const generateEventEmitterH = require('./GenerateEventEmitterH.js');
-const generatePropsCpp = require('./GeneratePropsCpp.js');
-const generatePropsH = require('./GeneratePropsH.js');
-const generateTests = require('./GenerateTests.js');
-const generateShadowNodeCpp = require('./GenerateShadowNodeCpp.js');
-const generateShadowNodeH = require('./GenerateShadowNodeH.js');
-const generateViewConfigJs = require('./GenerateViewConfigJs.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 generateModuleH = require('./modules/GenerateModuleH.js');
+const generateModuleCpp = require('./modules/GenerateModuleCpp.js');
+const generateModuleHObjCpp = require('./modules/GenerateModuleHObjCpp.js');
+const generateModuleMm = require('./modules/GenerateModuleMm.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 generateViewConfigJs = require('./components/GenerateViewConfigJs.js');
 const path = require('path');
 const schemaValidator = require('../SchemaValidator.js');
 
@@ -35,6 +42,7 @@ type Options = $ReadOnly<{|
   libraryName: string,
   schema: SchemaType,
   outputDirectory: string,
+  moduleSpecName: string,
 |}>;
 
 type Generators =
@@ -43,7 +51,7 @@ type Generators =
   | 'props'
   | 'tests'
   | 'shadow-nodes'
-  | 'view-configs';
+  | 'modules';
 
 type Config = $ReadOnly<{|
   generators: Array<Generators>,
@@ -52,14 +60,25 @@ type Config = $ReadOnly<{|
 
 const GENERATORS = {
   descriptors: [generateComponentDescriptorH.generate],
-  events: [generateEventEmitterCpp.generate, generateEventEmitterH.generate],
-  props: [generatePropsCpp.generate, generatePropsH.generate],
+  events: [
+    generateEventEmitterCpp.generate,
+    generateEventEmitterH.generate,
+    generateModuleHObjCpp.generate,
+    generateModuleMm.generate,
+  ],
+  props: [
+    generateComponentHObjCpp.generate,
+    generatePropsCpp.generate,
+    generatePropsH.generate,
+    generatePropsJavaInterface.generate,
+    generatePropsJavaDelegate.generate,
+  ],
+  modules: [generateModuleCpp.generate, generateModuleH.generate],
   tests: [generateTests.generate],
   'shadow-nodes': [
     generateShadowNodeCpp.generate,
     generateShadowNodeH.generate,
   ],
-  'view-configs': [generateViewConfigJs.generate],
 };
 
 function writeMapToFiles(map: Map<string, string>, outputDir: string) {
@@ -98,7 +117,7 @@ function checkFilesForChanges(
 
 module.exports = {
   generate(
-    {libraryName, schema, outputDirectory}: Options,
+    {libraryName, schema, outputDirectory, moduleSpecName}: Options,
     {generators, test}: Config,
   ): boolean {
     schemaValidator.validate(schema);
@@ -106,7 +125,7 @@ module.exports = {
     const generatedFiles = [];
     for (const name of generators) {
       for (const generator of GENERATORS[name]) {
-        generatedFiles.push(...generator(libraryName, schema));
+        generatedFiles.push(...generator(libraryName, schema, moduleSpecName));
       }
     }
 
@@ -118,4 +137,18 @@ module.exports = {
 
     return writeMapToFiles(filesToUpdate, outputDirectory);
   },
+  generateViewConfig({libraryName, schema}: Options): string {
+    schemaValidator.validate(schema);
+
+    const result = generateViewConfigJs
+      .generate(libraryName, schema)
+      .values()
+      .next();
+
+    if (typeof result.value !== 'string') {
+      throw new Error(`Failed to generate view config for ${libraryName}`);
+    }
+
+    return result.value;
+  },
 };
diff --git a/packages/react-native-codegen/src/generators/__tests__/GenerateComponentDescriptorH-test.js b/packages/react-native-codegen/src/generators/__tests__/GenerateComponentDescriptorH-test.js
deleted file mode 100644
index 64b911abf1fc17..00000000000000
--- a/packages/react-native-codegen/src/generators/__tests__/GenerateComponentDescriptorH-test.js
+++ /dev/null
@@ -1,95 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @emails oncall+react_native
- * @flow strict-local
- * @format
- */
-
-'use strict';
-
-const generator = require('../GenerateComponentDescriptorH.js');
-
-const {
-  ARRAY_PROPS,
-  BOOLEAN_PROP,
-  STRING_PROP,
-  INTEGER_PROPS,
-  FLOAT_PROPS,
-  COLOR_PROP,
-  IMAGE_PROP,
-  POINT_PROP,
-  MULTI_NATIVE_PROP,
-  ENUM_PROP,
-  EVENT_PROPS,
-  TWO_COMPONENTS_SAME_FILE,
-  TWO_COMPONENTS_DIFFERENT_FILES,
-} = require('../__test_fixtures__/fixtures.js');
-
-describe('GenerateComponentDescriptorH', () => {
-  it('can generate a array props', () => {
-    expect(generator.generate('ARRAY_PROPS', ARRAY_PROPS)).toMatchSnapshot();
-  });
-
-  it('can generate a single boolean prop', () => {
-    expect(generator.generate('BOOLEAN_PROP', BOOLEAN_PROP)).toMatchSnapshot();
-  });
-
-  it('can generate a single string prop', () => {
-    expect(generator.generate('STRING_PROPS', STRING_PROP)).toMatchSnapshot();
-  });
-
-  it('can generate integer props', () => {
-    expect(
-      generator.generate('INTEGER_PROPS', INTEGER_PROPS),
-    ).toMatchSnapshot();
-  });
-
-  it('can generate float props', () => {
-    expect(generator.generate('FLOAT_PROPS', FLOAT_PROPS)).toMatchSnapshot();
-  });
-
-  it('can generate a single native primitive prop', () => {
-    expect(generator.generate('COLOR_PROP', COLOR_PROP)).toMatchSnapshot();
-  });
-
-  it('can generate a native primitive image prop', () => {
-    expect(generator.generate('IMAGE_PROP', IMAGE_PROP)).toMatchSnapshot();
-  });
-
-  it('can generate a native primitive point prop', () => {
-    expect(generator.generate('IMAGE_PROP', POINT_PROP)).toMatchSnapshot();
-  });
-
-  it('can generate multiple native props', () => {
-    expect(
-      generator.generate('MULTI_NATIVE_PROP', MULTI_NATIVE_PROP),
-    ).toMatchSnapshot();
-  });
-
-  it('can generate enum props', () => {
-    expect(generator.generate('ENUM_PROP', ENUM_PROP)).toMatchSnapshot();
-  });
-
-  it('can generate events', () => {
-    expect(generator.generate('EVENT_PROPS', EVENT_PROPS)).toMatchSnapshot();
-  });
-
-  it('supports two components from same module', () => {
-    expect(
-      generator.generate('TWO_COMPONENTS_SAME_FILE', TWO_COMPONENTS_SAME_FILE),
-    ).toMatchSnapshot();
-  });
-
-  it('supports two components from different modules', () => {
-    expect(
-      generator.generate(
-        'TWO_COMPONENTS_DIFFERENT_FILES',
-        TWO_COMPONENTS_DIFFERENT_FILES,
-      ),
-    ).toMatchSnapshot();
-  });
-});
diff --git a/packages/react-native-codegen/src/generators/__tests__/__snapshots__/GenerateViewConfigJs-test.js.snap b/packages/react-native-codegen/src/generators/__tests__/__snapshots__/GenerateViewConfigJs-test.js.snap
deleted file mode 100644
index 86933768e59360..00000000000000
--- a/packages/react-native-codegen/src/generators/__tests__/__snapshots__/GenerateViewConfigJs-test.js.snap
+++ /dev/null
@@ -1,820 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`GenerateViewConfigJs can generate fixture ARRAY_PROPS 1`] = `
-Map {
-  "ARRAY_PROPSNativeViewConfig.js" => "
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-'use strict';
-
-const ReactNativeViewConfigRegistry = require('ReactNativeViewConfigRegistry');
-const ReactNativeViewViewConfig = require('ReactNativeViewViewConfig');
-const verifyComponentAttributeEquivalence = require('verifyComponentAttributeEquivalence');
-
-const ArrayPropsNativeComponentViewConfig = {
-  uiViewClassName: 'ArrayPropsNativeComponent',
-  Commands: {},
-
-  bubblingEventTypes: {
-    ...ReactNativeViewViewConfig.bubblingEventTypes,
-  },
-
-  directEventTypes: {
-    ...ReactNativeViewViewConfig.directEventTypes,
-  },
-
-  validAttributes: {
-    ...ReactNativeViewViewConfig.validAttributes,
-    names: true,
-    disableds: true,
-    progress: true,
-    radii: true,
-    colors: true,
-    srcs: true,
-    points: true,
-  },
-};
-
-verifyComponentAttributeEquivalence('ArrayPropsNativeComponent', ArrayPropsNativeComponentViewConfig);
-
-ReactNativeViewConfigRegistry.register(
-  'ArrayPropsNativeComponent',
-  () => ArrayPropsNativeComponentViewConfig,
-);
-
-module.exports = 'ArrayPropsNativeComponent';
-",
-}
-`;
-
-exports[`GenerateViewConfigJs can generate fixture BOOLEAN_PROP 1`] = `
-Map {
-  "BOOLEAN_PROPNativeViewConfig.js" => "
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-'use strict';
-
-const ReactNativeViewConfigRegistry = require('ReactNativeViewConfigRegistry');
-const ReactNativeViewViewConfig = require('ReactNativeViewViewConfig');
-const verifyComponentAttributeEquivalence = require('verifyComponentAttributeEquivalence');
-
-const BooleanPropNativeComponentViewConfig = {
-  uiViewClassName: 'BooleanPropNativeComponent',
-  Commands: {},
-
-  bubblingEventTypes: {
-    ...ReactNativeViewViewConfig.bubblingEventTypes,
-  },
-
-  directEventTypes: {
-    ...ReactNativeViewViewConfig.directEventTypes,
-  },
-
-  validAttributes: {
-    ...ReactNativeViewViewConfig.validAttributes,
-    disabled: true,
-  },
-};
-
-verifyComponentAttributeEquivalence('BooleanPropNativeComponent', BooleanPropNativeComponentViewConfig);
-
-ReactNativeViewConfigRegistry.register(
-  'BooleanPropNativeComponent',
-  () => BooleanPropNativeComponentViewConfig,
-);
-
-module.exports = 'BooleanPropNativeComponent';
-",
-}
-`;
-
-exports[`GenerateViewConfigJs can generate fixture COLOR_PROP 1`] = `
-Map {
-  "COLOR_PROPNativeViewConfig.js" => "
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-'use strict';
-
-const ReactNativeViewConfigRegistry = require('ReactNativeViewConfigRegistry');
-const ReactNativeViewViewConfig = require('ReactNativeViewViewConfig');
-const verifyComponentAttributeEquivalence = require('verifyComponentAttributeEquivalence');
-
-const ColorPropNativeComponentViewConfig = {
-  uiViewClassName: 'ColorPropNativeComponent',
-  Commands: {},
-
-  bubblingEventTypes: {
-    ...ReactNativeViewViewConfig.bubblingEventTypes,
-  },
-
-  directEventTypes: {
-    ...ReactNativeViewViewConfig.directEventTypes,
-  },
-
-  validAttributes: {
-    ...ReactNativeViewViewConfig.validAttributes,
-    tintColor: { process: require('processColor') },
-  },
-};
-
-verifyComponentAttributeEquivalence('ColorPropNativeComponent', ColorPropNativeComponentViewConfig);
-
-ReactNativeViewConfigRegistry.register(
-  'ColorPropNativeComponent',
-  () => ColorPropNativeComponentViewConfig,
-);
-
-module.exports = 'ColorPropNativeComponent';
-",
-}
-`;
-
-exports[`GenerateViewConfigJs can generate fixture ENUM_PROP 1`] = `
-Map {
-  "ENUM_PROPNativeViewConfig.js" => "
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-'use strict';
-
-const ReactNativeViewConfigRegistry = require('ReactNativeViewConfigRegistry');
-const ReactNativeViewViewConfig = require('ReactNativeViewViewConfig');
-const verifyComponentAttributeEquivalence = require('verifyComponentAttributeEquivalence');
-
-const EnumPropsNativeComponentViewConfig = {
-  uiViewClassName: 'EnumPropsNativeComponent',
-  Commands: {},
-
-  bubblingEventTypes: {
-    ...ReactNativeViewViewConfig.bubblingEventTypes,
-  },
-
-  directEventTypes: {
-    ...ReactNativeViewViewConfig.directEventTypes,
-  },
-
-  validAttributes: {
-    ...ReactNativeViewViewConfig.validAttributes,
-    alignment: true,
-  },
-};
-
-verifyComponentAttributeEquivalence('EnumPropsNativeComponent', EnumPropsNativeComponentViewConfig);
-
-ReactNativeViewConfigRegistry.register(
-  'EnumPropsNativeComponent',
-  () => EnumPropsNativeComponentViewConfig,
-);
-
-module.exports = 'EnumPropsNativeComponent';
-",
-}
-`;
-
-exports[`GenerateViewConfigJs can generate fixture EVENT_NESTED_OBJECT_PROPS 1`] = `
-Map {
-  "EVENT_NESTED_OBJECT_PROPSNativeViewConfig.js" => "
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-'use strict';
-
-const ReactNativeViewConfigRegistry = require('ReactNativeViewConfigRegistry');
-const ReactNativeViewViewConfig = require('ReactNativeViewViewConfig');
-const verifyComponentAttributeEquivalence = require('verifyComponentAttributeEquivalence');
-
-const EventsNestedObjectNativeComponentViewConfig = {
-  uiViewClassName: 'EventsNestedObjectNativeComponent',
-  Commands: {},
-
-  bubblingEventTypes: {
-    ...ReactNativeViewViewConfig.bubblingEventTypes,
-
-    topChange: {
-      phasedRegistrationNames: {
-        captured: 'onChangeCapture',
-        bubbled: 'onChange',
-      },
-    },
-  },
-
-  directEventTypes: {
-    ...ReactNativeViewViewConfig.directEventTypes,
-  },
-
-  validAttributes: {
-    ...ReactNativeViewViewConfig.validAttributes,
-    disabled: true,
-    onChange: true,
-  },
-};
-
-verifyComponentAttributeEquivalence('EventsNestedObjectNativeComponent', EventsNestedObjectNativeComponentViewConfig);
-
-ReactNativeViewConfigRegistry.register(
-  'EventsNestedObjectNativeComponent',
-  () => EventsNestedObjectNativeComponentViewConfig,
-);
-
-module.exports = 'EventsNestedObjectNativeComponent';
-",
-}
-`;
-
-exports[`GenerateViewConfigJs can generate fixture EVENT_PROPS 1`] = `
-Map {
-  "EVENT_PROPSNativeViewConfig.js" => "
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-'use strict';
-
-const ReactNativeViewConfigRegistry = require('ReactNativeViewConfigRegistry');
-const ReactNativeViewViewConfig = require('ReactNativeViewViewConfig');
-const verifyComponentAttributeEquivalence = require('verifyComponentAttributeEquivalence');
-
-const EventsNativeComponentViewConfig = {
-  uiViewClassName: 'EventsNativeComponent',
-  Commands: {},
-
-  bubblingEventTypes: {
-    ...ReactNativeViewViewConfig.bubblingEventTypes,
-
-    topChange: {
-      phasedRegistrationNames: {
-        captured: 'onChangeCapture',
-        bubbled: 'onChange',
-      },
-    },
-  },
-
-  directEventTypes: {
-    ...ReactNativeViewViewConfig.directEventTypes,
-
-    topEventDirect: {
-      registrationName: 'onEventDirect',
-    },
-  },
-
-  validAttributes: {
-    ...ReactNativeViewViewConfig.validAttributes,
-    disabled: true,
-    onChange: true,
-    onEventDirect: true,
-  },
-};
-
-verifyComponentAttributeEquivalence('EventsNativeComponent', EventsNativeComponentViewConfig);
-
-ReactNativeViewConfigRegistry.register(
-  'EventsNativeComponent',
-  () => EventsNativeComponentViewConfig,
-);
-
-module.exports = 'EventsNativeComponent';
-",
-}
-`;
-
-exports[`GenerateViewConfigJs can generate fixture FLOAT_PROPS 1`] = `
-Map {
-  "FLOAT_PROPSNativeViewConfig.js" => "
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-'use strict';
-
-const ReactNativeViewConfigRegistry = require('ReactNativeViewConfigRegistry');
-const ReactNativeViewViewConfig = require('ReactNativeViewViewConfig');
-const verifyComponentAttributeEquivalence = require('verifyComponentAttributeEquivalence');
-
-const FloatPropNativeComponentViewConfig = {
-  uiViewClassName: 'FloatPropNativeComponent',
-  Commands: {},
-
-  bubblingEventTypes: {
-    ...ReactNativeViewViewConfig.bubblingEventTypes,
-  },
-
-  directEventTypes: {
-    ...ReactNativeViewViewConfig.directEventTypes,
-  },
-
-  validAttributes: {
-    ...ReactNativeViewViewConfig.validAttributes,
-    blurRadius: true,
-    blurRadius2: true,
-    blurRadius3: true,
-    blurRadius4: true,
-    blurRadius5: true,
-    blurRadius6: true,
-  },
-};
-
-verifyComponentAttributeEquivalence('FloatPropNativeComponent', FloatPropNativeComponentViewConfig);
-
-ReactNativeViewConfigRegistry.register(
-  'FloatPropNativeComponent',
-  () => FloatPropNativeComponentViewConfig,
-);
-
-module.exports = 'FloatPropNativeComponent';
-",
-}
-`;
-
-exports[`GenerateViewConfigJs can generate fixture IMAGE_PROP 1`] = `
-Map {
-  "IMAGE_PROPNativeViewConfig.js" => "
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-'use strict';
-
-const ReactNativeViewConfigRegistry = require('ReactNativeViewConfigRegistry');
-const ReactNativeViewViewConfig = require('ReactNativeViewViewConfig');
-const verifyComponentAttributeEquivalence = require('verifyComponentAttributeEquivalence');
-
-const ImagePropNativeComponentViewConfig = {
-  uiViewClassName: 'ImagePropNativeComponent',
-  Commands: {},
-
-  bubblingEventTypes: {
-    ...ReactNativeViewViewConfig.bubblingEventTypes,
-  },
-
-  directEventTypes: {
-    ...ReactNativeViewViewConfig.directEventTypes,
-  },
-
-  validAttributes: {
-    ...ReactNativeViewViewConfig.validAttributes,
-    thumbImage: { process: require('resolveAssetSource') },
-  },
-};
-
-verifyComponentAttributeEquivalence('ImagePropNativeComponent', ImagePropNativeComponentViewConfig);
-
-ReactNativeViewConfigRegistry.register(
-  'ImagePropNativeComponent',
-  () => ImagePropNativeComponentViewConfig,
-);
-
-module.exports = 'ImagePropNativeComponent';
-",
-}
-`;
-
-exports[`GenerateViewConfigJs can generate fixture INTEGER_PROPS 1`] = `
-Map {
-  "INTEGER_PROPSNativeViewConfig.js" => "
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-'use strict';
-
-const ReactNativeViewConfigRegistry = require('ReactNativeViewConfigRegistry');
-const ReactNativeViewViewConfig = require('ReactNativeViewViewConfig');
-const verifyComponentAttributeEquivalence = require('verifyComponentAttributeEquivalence');
-
-const IntegerPropNativeComponentViewConfig = {
-  uiViewClassName: 'IntegerPropNativeComponent',
-  Commands: {},
-
-  bubblingEventTypes: {
-    ...ReactNativeViewViewConfig.bubblingEventTypes,
-  },
-
-  directEventTypes: {
-    ...ReactNativeViewViewConfig.directEventTypes,
-  },
-
-  validAttributes: {
-    ...ReactNativeViewViewConfig.validAttributes,
-    progress1: true,
-    progress2: true,
-    progress3: true,
-  },
-};
-
-verifyComponentAttributeEquivalence('IntegerPropNativeComponent', IntegerPropNativeComponentViewConfig);
-
-ReactNativeViewConfigRegistry.register(
-  'IntegerPropNativeComponent',
-  () => IntegerPropNativeComponentViewConfig,
-);
-
-module.exports = 'IntegerPropNativeComponent';
-",
-}
-`;
-
-exports[`GenerateViewConfigJs can generate fixture INTERFACE_ONLY 1`] = `
-Map {
-  "INTERFACE_ONLYNativeViewConfig.js" => "
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-'use strict';
-
-const ReactNativeViewConfigRegistry = require('ReactNativeViewConfigRegistry');
-const ReactNativeViewViewConfig = require('ReactNativeViewViewConfig');
-const verifyComponentAttributeEquivalence = require('verifyComponentAttributeEquivalence');
-
-const InterfaceOnlyComponentViewConfig = {
-  uiViewClassName: 'RCTInterfaceOnlyComponent',
-  Commands: {},
-
-  bubblingEventTypes: {
-    ...ReactNativeViewViewConfig.bubblingEventTypes,
-
-    topChange: {
-      phasedRegistrationNames: {
-        captured: 'onChangeCapture',
-        bubbled: 'onChange',
-      },
-    },
-  },
-
-  directEventTypes: {
-    ...ReactNativeViewViewConfig.directEventTypes,
-  },
-
-  validAttributes: {
-    ...ReactNativeViewViewConfig.validAttributes,
-    accessibilityHint: true,
-    onChange: true,
-  },
-};
-
-verifyComponentAttributeEquivalence('RCTInterfaceOnlyComponent', InterfaceOnlyComponentViewConfig);
-
-ReactNativeViewConfigRegistry.register(
-  'RCTInterfaceOnlyComponent',
-  () => InterfaceOnlyComponentViewConfig,
-);
-
-module.exports = 'RCTInterfaceOnlyComponent'; // RCT prefix present for paper support
-",
-}
-`;
-
-exports[`GenerateViewConfigJs can generate fixture MULTI_NATIVE_PROP 1`] = `
-Map {
-  "MULTI_NATIVE_PROPNativeViewConfig.js" => "
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-'use strict';
-
-const ReactNativeViewConfigRegistry = require('ReactNativeViewConfigRegistry');
-const ReactNativeViewViewConfig = require('ReactNativeViewViewConfig');
-const verifyComponentAttributeEquivalence = require('verifyComponentAttributeEquivalence');
-
-const ImageColorPropNativeComponentViewConfig = {
-  uiViewClassName: 'ImageColorPropNativeComponent',
-  Commands: {},
-
-  bubblingEventTypes: {
-    ...ReactNativeViewViewConfig.bubblingEventTypes,
-  },
-
-  directEventTypes: {
-    ...ReactNativeViewViewConfig.directEventTypes,
-  },
-
-  validAttributes: {
-    ...ReactNativeViewViewConfig.validAttributes,
-    thumbImage: { process: require('resolveAssetSource') },
-    color: { process: require('processColor') },
-    thumbTintColor: { process: require('processColor') },
-    point: { diff: require('pointsDiffer') },
-  },
-};
-
-verifyComponentAttributeEquivalence('ImageColorPropNativeComponent', ImageColorPropNativeComponentViewConfig);
-
-ReactNativeViewConfigRegistry.register(
-  'ImageColorPropNativeComponent',
-  () => ImageColorPropNativeComponentViewConfig,
-);
-
-module.exports = 'ImageColorPropNativeComponent';
-",
-}
-`;
-
-exports[`GenerateViewConfigJs can generate fixture POINT_PROP 1`] = `
-Map {
-  "POINT_PROPNativeViewConfig.js" => "
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-'use strict';
-
-const ReactNativeViewConfigRegistry = require('ReactNativeViewConfigRegistry');
-const ReactNativeViewViewConfig = require('ReactNativeViewViewConfig');
-const verifyComponentAttributeEquivalence = require('verifyComponentAttributeEquivalence');
-
-const PointPropNativeComponentViewConfig = {
-  uiViewClassName: 'PointPropNativeComponent',
-  Commands: {},
-
-  bubblingEventTypes: {
-    ...ReactNativeViewViewConfig.bubblingEventTypes,
-  },
-
-  directEventTypes: {
-    ...ReactNativeViewViewConfig.directEventTypes,
-  },
-
-  validAttributes: {
-    ...ReactNativeViewViewConfig.validAttributes,
-    startPoint: { diff: require('pointsDiffer') },
-  },
-};
-
-verifyComponentAttributeEquivalence('PointPropNativeComponent', PointPropNativeComponentViewConfig);
-
-ReactNativeViewConfigRegistry.register(
-  'PointPropNativeComponent',
-  () => PointPropNativeComponentViewConfig,
-);
-
-module.exports = 'PointPropNativeComponent';
-",
-}
-`;
-
-exports[`GenerateViewConfigJs can generate fixture STRING_PROP 1`] = `
-Map {
-  "STRING_PROPNativeViewConfig.js" => "
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-'use strict';
-
-const ReactNativeViewConfigRegistry = require('ReactNativeViewConfigRegistry');
-const ReactNativeViewViewConfig = require('ReactNativeViewViewConfig');
-const verifyComponentAttributeEquivalence = require('verifyComponentAttributeEquivalence');
-
-const StringPropComponentViewConfig = {
-  uiViewClassName: 'StringPropComponent',
-  Commands: {},
-
-  bubblingEventTypes: {
-    ...ReactNativeViewViewConfig.bubblingEventTypes,
-  },
-
-  directEventTypes: {
-    ...ReactNativeViewViewConfig.directEventTypes,
-  },
-
-  validAttributes: {
-    ...ReactNativeViewViewConfig.validAttributes,
-    accessibilityHint: true,
-  },
-};
-
-verifyComponentAttributeEquivalence('StringPropComponent', StringPropComponentViewConfig);
-
-ReactNativeViewConfigRegistry.register(
-  'StringPropComponent',
-  () => StringPropComponentViewConfig,
-);
-
-module.exports = 'StringPropComponent';
-",
-}
-`;
-
-exports[`GenerateViewConfigJs can generate fixture TWO_COMPONENTS_DIFFERENT_FILES 1`] = `
-Map {
-  "TWO_COMPONENTS_DIFFERENT_FILESNativeViewConfig.js" => "
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-'use strict';
-
-const ReactNativeViewConfigRegistry = require('ReactNativeViewConfigRegistry');
-const ReactNativeViewViewConfig = require('ReactNativeViewViewConfig');
-const verifyComponentAttributeEquivalence = require('verifyComponentAttributeEquivalence');
-
-const MultiFile1NativeComponentViewConfig = {
-  uiViewClassName: 'MultiFile1NativeComponent',
-  Commands: {},
-
-  bubblingEventTypes: {
-    ...ReactNativeViewViewConfig.bubblingEventTypes,
-  },
-
-  directEventTypes: {
-    ...ReactNativeViewViewConfig.directEventTypes,
-  },
-
-  validAttributes: {
-    ...ReactNativeViewViewConfig.validAttributes,
-    disabled: true,
-  },
-};
-
-verifyComponentAttributeEquivalence('MultiFile1NativeComponent', MultiFile1NativeComponentViewConfig);
-
-ReactNativeViewConfigRegistry.register(
-  'MultiFile1NativeComponent',
-  () => MultiFile1NativeComponentViewConfig,
-);
-
-module.exports = 'MultiFile1NativeComponent';
-
-const MultiFile2NativeComponentViewConfig = {
-  uiViewClassName: 'MultiFile2NativeComponent',
-  Commands: {},
-
-  bubblingEventTypes: {
-    ...ReactNativeViewViewConfig.bubblingEventTypes,
-  },
-
-  directEventTypes: {
-    ...ReactNativeViewViewConfig.directEventTypes,
-  },
-
-  validAttributes: {
-    ...ReactNativeViewViewConfig.validAttributes,
-    disabled: true,
-  },
-};
-
-verifyComponentAttributeEquivalence('MultiFile2NativeComponent', MultiFile2NativeComponentViewConfig);
-
-ReactNativeViewConfigRegistry.register(
-  'MultiFile2NativeComponent',
-  () => MultiFile2NativeComponentViewConfig,
-);
-
-module.exports = 'MultiFile2NativeComponent';
-",
-}
-`;
-
-exports[`GenerateViewConfigJs can generate fixture TWO_COMPONENTS_SAME_FILE 1`] = `
-Map {
-  "TWO_COMPONENTS_SAME_FILENativeViewConfig.js" => "
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-'use strict';
-
-const ReactNativeViewConfigRegistry = require('ReactNativeViewConfigRegistry');
-const ReactNativeViewViewConfig = require('ReactNativeViewViewConfig');
-const verifyComponentAttributeEquivalence = require('verifyComponentAttributeEquivalence');
-
-const MultiComponent1NativeComponentViewConfig = {
-  uiViewClassName: 'MultiComponent1NativeComponent',
-  Commands: {},
-
-  bubblingEventTypes: {
-    ...ReactNativeViewViewConfig.bubblingEventTypes,
-  },
-
-  directEventTypes: {
-    ...ReactNativeViewViewConfig.directEventTypes,
-  },
-
-  validAttributes: {
-    ...ReactNativeViewViewConfig.validAttributes,
-    disabled: true,
-  },
-};
-
-verifyComponentAttributeEquivalence('MultiComponent1NativeComponent', MultiComponent1NativeComponentViewConfig);
-
-ReactNativeViewConfigRegistry.register(
-  'MultiComponent1NativeComponent',
-  () => MultiComponent1NativeComponentViewConfig,
-);
-
-module.exports = 'MultiComponent1NativeComponent';
-
-const MultiComponent2NativeComponentViewConfig = {
-  uiViewClassName: 'MultiComponent2NativeComponent',
-  Commands: {},
-
-  bubblingEventTypes: {
-    ...ReactNativeViewViewConfig.bubblingEventTypes,
-  },
-
-  directEventTypes: {
-    ...ReactNativeViewViewConfig.directEventTypes,
-  },
-
-  validAttributes: {
-    ...ReactNativeViewViewConfig.validAttributes,
-    disabled: true,
-  },
-};
-
-verifyComponentAttributeEquivalence('MultiComponent2NativeComponent', MultiComponent2NativeComponentViewConfig);
-
-ReactNativeViewConfigRegistry.register(
-  'MultiComponent2NativeComponent',
-  () => MultiComponent2NativeComponentViewConfig,
-);
-
-module.exports = 'MultiComponent2NativeComponent';
-",
-}
-`;
diff --git a/packages/react-native-codegen/src/generators/CppHelpers.js b/packages/react-native-codegen/src/generators/components/CppHelpers.js
similarity index 71%
rename from packages/react-native-codegen/src/generators/CppHelpers.js
rename to packages/react-native-codegen/src/generators/components/CppHelpers.js
index 4fd2c18cbecc1f..a09b1d736004bf 100644
--- a/packages/react-native-codegen/src/generators/CppHelpers.js
+++ b/packages/react-native-codegen/src/generators/components/CppHelpers.js
@@ -9,7 +9,7 @@
  */
 
 'use strict';
-import type {ComponentShape} from '../CodegenSchema';
+import type {PropTypeShape} from '../../CodegenSchema';
 
 function upperCaseFirst(inString: string): string {
   return inString[0].toUpperCase() + inString.slice(1);
@@ -27,6 +27,7 @@ function getCppTypeForAnnotation(
     | 'BooleanTypeAnnotation'
     | 'StringTypeAnnotation'
     | 'Int32TypeAnnotation'
+    | 'DoubleTypeAnnotation'
     | 'FloatTypeAnnotation',
 ): string {
   switch (type) {
@@ -36,15 +37,17 @@ function getCppTypeForAnnotation(
       return 'std::string';
     case 'Int32TypeAnnotation':
       return 'int';
+    case 'DoubleTypeAnnotation':
+      return 'double';
     case 'FloatTypeAnnotation':
       return 'Float';
     default:
       (type: empty);
-      throw new Error(`Receieved invalid typeAnnotation ${type}`);
+      throw new Error(`Received invalid typeAnnotation ${type}`);
   }
 }
 
-function getImports(component: ComponentShape): Set<string> {
+function getImports(properties: $ReadOnlyArray<PropTypeShape>): Set<string> {
   const imports: Set<string> = new Set();
 
   function addImportsForNativeName(name) {
@@ -62,7 +65,7 @@ function getImports(component: ComponentShape): Set<string> {
     }
   }
 
-  component.props.forEach(prop => {
+  properties.forEach(prop => {
     const typeAnnotation = prop.typeAnnotation;
 
     if (typeAnnotation.type === 'NativePrimitiveTypeAnnotation') {
@@ -75,13 +78,27 @@ function getImports(component: ComponentShape): Set<string> {
     ) {
       addImportsForNativeName(typeAnnotation.elementType.name);
     }
+
+    if (typeAnnotation.type === 'ObjectTypeAnnotation') {
+      const objectImports = getImports(typeAnnotation.properties);
+      objectImports.forEach(imports.add, imports);
+    }
   });
 
   return imports;
 }
 
+function generateStructName(
+  componentName: string,
+  parts: $ReadOnlyArray<string> = [],
+) {
+  const additional = parts.map(toSafeCppString).join('');
+  return `${componentName}${additional}Struct`;
+}
+
 module.exports = {
   getCppTypeForAnnotation,
   getImports,
   toSafeCppString,
+  generateStructName,
 };
diff --git a/packages/react-native-codegen/src/generators/GenerateComponentDescriptorH.js b/packages/react-native-codegen/src/generators/components/GenerateComponentDescriptorH.js
similarity index 91%
rename from packages/react-native-codegen/src/generators/GenerateComponentDescriptorH.js
rename to packages/react-native-codegen/src/generators/components/GenerateComponentDescriptorH.js
index 24f85fee9a193f..2bd7a7817d2fcc 100644
--- a/packages/react-native-codegen/src/generators/GenerateComponentDescriptorH.js
+++ b/packages/react-native-codegen/src/generators/components/GenerateComponentDescriptorH.js
@@ -10,7 +10,7 @@
 
 'use strict';
 
-import type {SchemaType} from '../CodegenSchema';
+import type {SchemaType} from '../../CodegenSchema';
 
 // File path -> contents
 type FilesOutput = Map<string, string>;
@@ -42,7 +42,11 @@ using ::_CLASSNAME_::ComponentDescriptor = ConcreteComponentDescriptor<::_CLASSN
 `.trim();
 
 module.exports = {
-  generate(libraryName: string, schema: SchemaType): FilesOutput {
+  generate(
+    libraryName: string,
+    schema: SchemaType,
+    moduleSpecName: string,
+  ): FilesOutput {
     const fileName = 'ComponentDescriptors.h';
 
     const componentDescriptors = Object.keys(schema.modules)
diff --git a/packages/react-native-codegen/src/generators/components/GenerateComponentHObjCpp.js b/packages/react-native-codegen/src/generators/components/GenerateComponentHObjCpp.js
new file mode 100644
index 00000000000000..bcd9166057a47a
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/components/GenerateComponentHObjCpp.js
@@ -0,0 +1,318 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {
+  CommandTypeShape,
+  ComponentShape,
+  SchemaType,
+  CommandsFunctionTypeParamAnnotation,
+} from '../../CodegenSchema';
+
+type FilesOutput = Map<string, string>;
+
+function getOrdinalNumber(num: number): string {
+  switch (num) {
+    case 1:
+      return '1st';
+    case 2:
+      return '2nd';
+    case 3:
+      return '3rd';
+  }
+
+  if (num <= 20) {
+    return `${num}th`;
+  }
+
+  return 'unknown';
+}
+
+const protocolTemplate = `
+@protocol RCT::_COMPONENT_NAME_::ViewProtocol <NSObject>
+::_METHODS_::
+@end
+`.trim();
+
+const commandHandlerIfCaseConvertArgTemplate = `
+#if RCT_DEBUG
+  NSObject *arg::_ARG_NUMBER_:: = args[::_ARG_NUMBER_::];
+  if (!RCTValidateTypeOfViewCommandArgument(arg::_ARG_NUMBER_::, ::_EXPECTED_KIND_::, @"::_EXPECTED_KIND_STRING_::", @"::_COMPONENT_NAME_::", commandName, @"::_ARG_NUMBER_STR_::")) {
+    return;
+  }
+#endif
+  ::_ARG_CONVERSION_::
+`.trim();
+
+const commandHandlerIfCaseTemplate = `
+if ([commandName isEqualToString:@"::_COMMAND_NAME_::"]) {
+#if RCT_DEBUG
+  if ([args count] != ::_NUM_ARGS_::) {
+    RCTLogError(@"%@ command %@ received %d arguments, expected %d.", @"::_COMPONENT_NAME_::", commandName, (int)[args count], ::_NUM_ARGS_::);
+    return;
+  }
+#endif
+
+::_CONVERT_ARGS_::
+
+  ::_COMMAND_CALL_::
+  return;
+}
+`.trim();
+
+const commandHandlerTemplate = `
+RCT_EXTERN inline void RCT::_COMPONENT_NAME_::HandleCommand(
+  id<::_COMPONENT_NAME_::ViewProtocol> componentView,
+  NSString const *commandName,
+  NSArray const *args)
+{
+  ::_IF_CASES_::
+
+#if RCT_DEBUG
+  RCTLogError(@"%@ received command %@, which is not a supported command.", @"::_COMPONENT_NAME_::", commandName);
+#endif
+}
+`.trim();
+
+const template = `
+/**
+* Copyright (c) Facebook, Inc. and its 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 <React/RCTLog.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+::_COMPONENT_CONTENT_::
+
+NS_ASSUME_NONNULL_END
+`.trim();
+
+function getObjCParamType(param: CommandsFunctionTypeParamAnnotation): string {
+  switch (param.typeAnnotation.type) {
+    case 'BooleanTypeAnnotation':
+      return 'BOOL';
+    case 'DoubleTypeAnnotation':
+      return 'double';
+    case 'FloatTypeAnnotation':
+      return 'float';
+    case 'Int32TypeAnnotation':
+      return 'NSInteger';
+    case 'StringTypeAnnotation':
+      return 'NSString *';
+    default:
+      (param.typeAnnotation.type: empty);
+      throw new Error('Received invalid param type annotation');
+  }
+}
+
+function getObjCExpectedKindParamType(
+  param: CommandsFunctionTypeParamAnnotation,
+): string {
+  switch (param.typeAnnotation.type) {
+    case 'BooleanTypeAnnotation':
+      return '[NSNumber class]';
+    case 'DoubleTypeAnnotation':
+      return '[NSNumber class]';
+    case 'FloatTypeAnnotation':
+      return '[NSNumber class]';
+    case 'Int32TypeAnnotation':
+      return '[NSNumber class]';
+    case 'StringTypeAnnotation':
+      return '[NSString class]';
+    default:
+      (param.typeAnnotation.type: empty);
+      throw new Error('Received invalid param type annotation');
+  }
+}
+
+function getReadableExpectedKindParamType(
+  param: CommandsFunctionTypeParamAnnotation,
+): string {
+  switch (param.typeAnnotation.type) {
+    case 'BooleanTypeAnnotation':
+      return 'boolean';
+    case 'DoubleTypeAnnotation':
+      return 'double';
+    case 'FloatTypeAnnotation':
+      return 'float';
+    case 'Int32TypeAnnotation':
+      return 'number';
+    case 'StringTypeAnnotation':
+      return 'string';
+    default:
+      (param.typeAnnotation.type: empty);
+      throw new Error('Received invalid param type annotation');
+  }
+}
+
+function getObjCRightHandAssignmentParamType(
+  param: CommandsFunctionTypeParamAnnotation,
+  index: number,
+): string {
+  switch (param.typeAnnotation.type) {
+    case 'BooleanTypeAnnotation':
+      return `[(NSNumber *)arg${index} boolValue]`;
+    case 'DoubleTypeAnnotation':
+      return `[(NSNumber *)arg${index} doubleValue]`;
+    case 'FloatTypeAnnotation':
+      return `[(NSNumber *)arg${index} floatValue]`;
+    case 'Int32TypeAnnotation':
+      return `[(NSNumber *)arg${index} intValue]`;
+    case 'StringTypeAnnotation':
+      return `(NSString *)arg${index}`;
+    default:
+      (param.typeAnnotation.type: empty);
+      throw new Error('Received invalid param type annotation');
+  }
+}
+
+function generateProtocol(
+  component: ComponentShape,
+  componentName: string,
+): string {
+  const commands = component.commands
+    .map(command => {
+      const params = command.typeAnnotation.params;
+      const paramString =
+        params.length === 0
+          ? ''
+          : params
+              .map((param, index) => {
+                const objCType = getObjCParamType(param);
+
+                return `${index === 0 ? '' : param.name}:(${objCType})${
+                  param.name
+                }`;
+              })
+              .join(' ');
+      return `- (void)${command.name}${paramString};`;
+    })
+    .join('\n')
+    .trim();
+
+  return protocolTemplate
+    .replace(/::_COMPONENT_NAME_::/g, componentName)
+    .replace('::_METHODS_::', commands);
+}
+
+function generateConvertAndValidateParam(
+  param: CommandsFunctionTypeParamAnnotation,
+  index: number,
+  componentName: string,
+): string {
+  const leftSideType = getObjCParamType(param);
+  const expectedKind = getObjCExpectedKindParamType(param);
+  const expectedKindString = getReadableExpectedKindParamType(param);
+  const argConversion = `${leftSideType} ${
+    param.name
+  } = ${getObjCRightHandAssignmentParamType(param, index)};`;
+
+  return commandHandlerIfCaseConvertArgTemplate
+    .replace(/::_COMPONENT_NAME_::/g, componentName)
+    .replace('::_ARG_CONVERSION_::', argConversion)
+    .replace(/::_ARG_NUMBER_::/g, '' + index)
+    .replace('::_ARG_NUMBER_STR_::', getOrdinalNumber(index + 1))
+    .replace('::_EXPECTED_KIND_::', expectedKind)
+    .replace('::_EXPECTED_KIND_STRING_::', expectedKindString);
+}
+
+function generateCommandIfCase(
+  command: CommandTypeShape,
+  componentName: string,
+) {
+  const params = command.typeAnnotation.params;
+
+  const convertArgs = params
+    .map((param, index) =>
+      generateConvertAndValidateParam(param, index, componentName),
+    )
+    .join('\n\n')
+    .trim();
+
+  const commandCallArgs =
+    params.length === 0
+      ? ''
+      : params
+          .map((param, index) => {
+            return `${index === 0 ? '' : param.name}:${param.name}`;
+          })
+          .join(' ');
+  const commandCall = `[componentView ${command.name}${commandCallArgs}]`;
+
+  return commandHandlerIfCaseTemplate
+    .replace(/::_COMPONENT_NAME_::/g, componentName)
+    .replace(/::_COMMAND_NAME_::/g, command.name)
+    .replace(/::_NUM_ARGS_::/g, '' + params.length)
+    .replace('::_CONVERT_ARGS_::', convertArgs)
+    .replace('::_COMMAND_CALL_::', commandCall);
+}
+
+function generateCommandHandler(
+  component: ComponentShape,
+  componentName: string,
+): ?string {
+  if (component.commands.length === 0) {
+    return null;
+  }
+
+  const ifCases = component.commands
+    .map(command => generateCommandIfCase(command, componentName))
+    .join('\n\n');
+
+  return commandHandlerTemplate
+    .replace(/::_COMPONENT_NAME_::/g, componentName)
+    .replace('::_IF_CASES_::', ifCases);
+}
+
+module.exports = {
+  generate(
+    libraryName: string,
+    schema: SchemaType,
+    moduleSpecName: string,
+  ): FilesOutput {
+    const fileName = 'RCTComponentViewHelpers.h';
+
+    const componentContent = Object.keys(schema.modules)
+      .map(moduleName => {
+        const components = schema.modules[moduleName].components;
+        // No components in this module
+        if (components == null) {
+          return null;
+        }
+
+        return Object.keys(components)
+          .map(componentName => {
+            return [
+              generateProtocol(components[componentName], componentName),
+              generateCommandHandler(components[componentName], componentName),
+            ]
+              .join('\n\n')
+              .trim();
+          })
+          .join('\n\n');
+      })
+      .filter(Boolean)
+      .join('\n\n');
+
+    const replacedTemplate = template.replace(
+      '::_COMPONENT_CONTENT_::',
+      componentContent,
+    );
+
+    return new Map([[fileName, replacedTemplate]]);
+  },
+};
diff --git a/packages/react-native-codegen/src/generators/GenerateEventEmitterCpp.js b/packages/react-native-codegen/src/generators/components/GenerateEventEmitterCpp.js
similarity index 73%
rename from packages/react-native-codegen/src/generators/GenerateEventEmitterCpp.js
rename to packages/react-native-codegen/src/generators/components/GenerateEventEmitterCpp.js
index ccd3a1f0c52663..981621c24f475a 100644
--- a/packages/react-native-codegen/src/generators/GenerateEventEmitterCpp.js
+++ b/packages/react-native-codegen/src/generators/components/GenerateEventEmitterCpp.js
@@ -10,14 +10,13 @@
 
 'use strict';
 
-const {generateStructName} = require('./EventEmitterHelpers.js');
+const {generateStructName} = require('./CppHelpers.js');
 
 import type {
   ComponentShape,
-  EventTypeShape,
   ObjectPropertyType,
   SchemaType,
-} from '../CodegenSchema';
+} from '../../CodegenSchema';
 
 // File path -> contents
 type FilesOutput = Map<string, string>;
@@ -26,8 +25,6 @@ type ComponentCollection = $ReadOnly<{
   [component: string]: ComponentShape,
 }>;
 
-type SettersSet = Set<string>;
-
 const template = `
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -55,6 +52,12 @@ void ::_CLASSNAME_::EventEmitter::::_EVENT_NAME_::(::_STRUCT_NAME_:: event) cons
 }
 `.trim();
 
+const basicComponentTemplate = `
+void ::_CLASSNAME_::EventEmitter::::_EVENT_NAME_::() const {
+  dispatchEvent("::_DISPATCH_EVENT_NAME_::");
+}
+`.trim();
+
 function generateSetter(variableName, propertyName, propertyParts) {
   const trailingPeriod = propertyParts.length === 0 ? '' : '.';
   const eventChain = `event.${propertyParts.join(
@@ -64,6 +67,15 @@ function generateSetter(variableName, propertyName, propertyParts) {
   return `${variableName}.setProperty(runtime, "${propertyName}", ${eventChain}`;
 }
 
+function generateEnumSetter(variableName, propertyName, propertyParts) {
+  const trailingPeriod = propertyParts.length === 0 ? '' : '.';
+  const eventChain = `event.${propertyParts.join(
+    '.',
+  )}${trailingPeriod}${propertyName})`;
+
+  return `${variableName}.setProperty(runtime, "${propertyName}", toString(${eventChain});`;
+}
+
 function generateSetters(
   parentPropertyName: string,
   properties: $ReadOnlyArray<ObjectPropertyType>,
@@ -75,12 +87,19 @@ function generateSetters(
         case 'BooleanTypeAnnotation':
         case 'StringTypeAnnotation':
         case 'Int32TypeAnnotation':
+        case 'DoubleTypeAnnotation':
         case 'FloatTypeAnnotation':
           return generateSetter(
             parentPropertyName,
             eventProperty.name,
             propertyParts,
           );
+        case 'StringEnumTypeAnnotation':
+          return generateEnumSetter(
+            parentPropertyName,
+            eventProperty.name,
+            propertyParts,
+          );
         case 'ObjectTypeAnnotation':
           const propertyName = eventProperty.name;
           return `
@@ -97,7 +116,7 @@ function generateSetters(
           `.trim();
         default:
           (eventProperty: empty);
-          throw new Error('Receieved invalid event property type');
+          throw new Error('Received invalid event property type');
       }
     })
     .join('\n');
@@ -106,16 +125,6 @@ function generateSetters(
 }
 
 function generateEvent(componentName: string, event): string {
-  const implementation = `
-    auto payload = jsi::Object(runtime);
-    ${generateSetters('payload', event.typeAnnotation.argument.properties, [])}
-    return payload;
-  `.trim();
-
-  if (!event.name.startsWith('on')) {
-    throw new Error('Expected the event name to start with `on`');
-  }
-
   // This is a gross hack necessary because native code is sending
   // events named things like topChange to JS which is then converted back to
   // call the onChange prop. We should be consistent throughout the system.
@@ -126,19 +135,40 @@ function generateEvent(componentName: string, event): string {
     3,
   )}`;
 
-  return componentTemplate
+  if (event.typeAnnotation.argument) {
+    const implementation = `
+    auto payload = jsi::Object(runtime);
+    ${generateSetters('payload', event.typeAnnotation.argument.properties, [])}
+    return payload;
+  `.trim();
+
+    if (!event.name.startsWith('on')) {
+      throw new Error('Expected the event name to start with `on`');
+    }
+
+    return componentTemplate
+      .replace(/::_CLASSNAME_::/g, componentName)
+      .replace(/::_EVENT_NAME_::/g, event.name)
+      .replace(/::_DISPATCH_EVENT_NAME_::/g, dispatchEventName)
+      .replace(
+        '::_STRUCT_NAME_::',
+        generateStructName(componentName, [event.name]),
+      )
+      .replace('::_IMPLEMENTATION_::', implementation);
+  }
+
+  return basicComponentTemplate
     .replace(/::_CLASSNAME_::/g, componentName)
     .replace(/::_EVENT_NAME_::/g, event.name)
-    .replace(/::_DISPATCH_EVENT_NAME_::/g, dispatchEventName)
-    .replace(
-      '::_STRUCT_NAME_::',
-      generateStructName(componentName, [event.name]),
-    )
-    .replace('::_IMPLEMENTATION_::', implementation);
+    .replace(/::_DISPATCH_EVENT_NAME_::/g, dispatchEventName);
 }
 
 module.exports = {
-  generate(libraryName: string, schema: SchemaType): FilesOutput {
+  generate(
+    libraryName: string,
+    schema: SchemaType,
+    moduleSpecName: string,
+  ): FilesOutput {
     const moduleComponents: ComponentCollection = Object.keys(schema.modules)
       .map(moduleName => {
         const components = schema.modules[moduleName].components;
diff --git a/packages/react-native-codegen/src/generators/GenerateEventEmitterH.js b/packages/react-native-codegen/src/generators/components/GenerateEventEmitterH.js
similarity index 71%
rename from packages/react-native-codegen/src/generators/GenerateEventEmitterH.js
rename to packages/react-native-codegen/src/generators/components/GenerateEventEmitterH.js
index 2b4909837a9825..cbdba29cf16957 100644
--- a/packages/react-native-codegen/src/generators/GenerateEventEmitterH.js
+++ b/packages/react-native-codegen/src/generators/components/GenerateEventEmitterH.js
@@ -12,15 +12,18 @@
 
 const nullthrows = require('nullthrows');
 
-const {getCppTypeForAnnotation} = require('./CppHelpers.js');
-const {generateStructName} = require('./EventEmitterHelpers.js');
+const {
+  getCppTypeForAnnotation,
+  toSafeCppString,
+  generateStructName,
+} = require('./CppHelpers.js');
 
 import type {
   ComponentShape,
   EventTypeShape,
   ObjectPropertyType,
   SchemaType,
-} from '../CodegenSchema';
+} from '../../CodegenSchema';
 
 // File path -> contents
 type FilesOutput = Map<string, string>;
@@ -67,6 +70,16 @@ struct ::_STRUCT_NAME_:: {
 };
 `.trim();
 
+const enumTemplate = `enum class ::_ENUM_NAME_:: {
+  ::_VALUES_::
+};
+
+inline char const *toString(const ::_ENUM_NAME_:: value) {
+  switch (value) {
+    ::_TO_CASES_::
+  }
+}`.trim();
+
 function getNativeTypeFromAnnotation(
   componentName: string,
   eventProperty: ObjectPropertyType,
@@ -78,8 +91,14 @@ function getNativeTypeFromAnnotation(
     case 'BooleanTypeAnnotation':
     case 'StringTypeAnnotation':
     case 'Int32TypeAnnotation':
+    case 'DoubleTypeAnnotation':
     case 'FloatTypeAnnotation':
       return getCppTypeForAnnotation(type);
+    case 'StringEnumTypeAnnotation':
+      return generateStructName(
+        componentName,
+        nameParts.concat([eventProperty.name]),
+      );
     case 'ObjectTypeAnnotation':
       return generateStructName(
         componentName,
@@ -87,9 +106,32 @@ function getNativeTypeFromAnnotation(
       );
     default:
       (type: empty);
-      throw new Error(`Receieved invalid event property type ${type}`);
+      throw new Error(`Received invalid event property type ${type}`);
   }
 }
+function generateEnum(structs, componentName, options, nameParts) {
+  const structName = generateStructName(componentName, nameParts);
+  const fields = options
+    .map((option, index) => `${toSafeCppString(option.name)}`)
+    .join(',\n  ');
+
+  const toCases = options
+    .map(
+      option =>
+        `case ${structName}::${toSafeCppString(option.name)}: return "${
+          option.name
+        }";`,
+    )
+    .join('\n' + '    ');
+
+  structs.set(
+    structName,
+    enumTemplate
+      .replace(/::_ENUM_NAME_::/g, structName)
+      .replace('::_VALUES_::', fields)
+      .replace('::_TO_CASES_::', toCases),
+  );
+}
 
 function generateStruct(
   structs: StructsMap,
@@ -116,6 +158,7 @@ function generateStruct(
       case 'BooleanTypeAnnotation':
       case 'StringTypeAnnotation':
       case 'Int32TypeAnnotation':
+      case 'DoubleTypeAnnotation':
       case 'FloatTypeAnnotation':
         return;
       case 'ObjectTypeAnnotation':
@@ -126,10 +169,18 @@ function generateStruct(
           nullthrows(property.properties),
         );
         return;
+      case 'StringEnumTypeAnnotation':
+        generateEnum(
+          structs,
+          componentName,
+          property.options,
+          nameParts.concat([name]),
+        );
+        return;
       default:
         (property: empty);
         throw new Error(
-          `Receieved invalid event property type ${property.type}`,
+          `Received invalid event property type ${property.type}`,
         );
     }
   });
@@ -146,21 +197,27 @@ function generateStructs(componentName: string, component): string {
   const structs: StructsMap = new Map();
 
   component.events.forEach(event => {
-    generateStruct(
-      structs,
-      componentName,
-      [event.name],
-      event.typeAnnotation.argument.properties,
-    );
+    if (event.typeAnnotation.argument) {
+      generateStruct(
+        structs,
+        componentName,
+        [event.name],
+        event.typeAnnotation.argument.properties,
+      );
+    }
   });
 
   return Array.from(structs.values()).join('\n\n');
 }
 
 function generateEvent(componentName: string, event: EventTypeShape): string {
-  const structName = generateStructName(componentName, [event.name]);
+  if (event.typeAnnotation.argument) {
+    const structName = generateStructName(componentName, [event.name]);
+
+    return `void ${event.name}(${structName} value) const;`;
+  }
 
-  return `void ${event.name}(${structName} value) const;`;
+  return `void ${event.name}() const;`;
 }
 function generateEvents(componentName: string, component): string {
   return component.events
@@ -169,7 +226,11 @@ function generateEvents(componentName: string, component): string {
 }
 
 module.exports = {
-  generate(libraryName: string, schema: SchemaType): FilesOutput {
+  generate(
+    libraryName: string,
+    schema: SchemaType,
+    moduleSpecName: string,
+  ): FilesOutput {
     const moduleComponents: ComponentCollection = Object.keys(schema.modules)
       .map(moduleName => {
         const components = schema.modules[moduleName].components;
diff --git a/packages/react-native-codegen/src/generators/GeneratePropsCpp.js b/packages/react-native-codegen/src/generators/components/GeneratePropsCpp.js
similarity index 92%
rename from packages/react-native-codegen/src/generators/GeneratePropsCpp.js
rename to packages/react-native-codegen/src/generators/components/GeneratePropsCpp.js
index 5687f7d06ae9e9..738715c2fb1133 100644
--- a/packages/react-native-codegen/src/generators/GeneratePropsCpp.js
+++ b/packages/react-native-codegen/src/generators/components/GeneratePropsCpp.js
@@ -10,7 +10,7 @@
 
 'use strict';
 
-import type {ComponentShape, SchemaType} from '../CodegenSchema';
+import type {ComponentShape, SchemaType} from '../../CodegenSchema';
 const {getImports} = require('./CppHelpers');
 
 // File path -> contents
@@ -75,13 +75,17 @@ function getClassExtendString(component): string {
         }
       })
       .join(', ') +
-    ',';
+    `${component.props.length > 0 ? ',' : ''}`;
 
   return extendString;
 }
 
 module.exports = {
-  generate(libraryName: string, schema: SchemaType): FilesOutput {
+  generate(
+    libraryName: string,
+    schema: SchemaType,
+    moduleSpecName: string,
+  ): FilesOutput {
     const fileName = 'Props.cpp';
     const allImports: Set<string> = new Set([
       '#include <react/core/propsConversions.h>',
@@ -103,7 +107,7 @@ module.exports = {
             const propsString = generatePropsString(component);
             const extendString = getClassExtendString(component);
 
-            const imports = getImports(component);
+            const imports = getImports(component.props);
             imports.forEach(allImports.add, allImports);
 
             const replacedTemplate = componentTemplate
diff --git a/packages/react-native-codegen/src/generators/components/GeneratePropsH.js b/packages/react-native-codegen/src/generators/components/GeneratePropsH.js
new file mode 100644
index 00000000000000..4312a63e4a7eb8
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/components/GeneratePropsH.js
@@ -0,0 +1,664 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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';
+
+const {
+  getCppTypeForAnnotation,
+  toSafeCppString,
+  generateStructName,
+  getImports,
+} = require('./CppHelpers.js');
+
+import type {PropTypeShape, SchemaType} from '../../CodegenSchema';
+
+// File path -> contents
+type FilesOutput = Map<string, string>;
+type StructsMap = Map<string, string>;
+
+const template = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+
+::_IMPORTS_::
+
+namespace facebook {
+namespace react {
+
+::_COMPONENT_CLASSES_::
+
+} // namespace react
+} // namespace facebook
+`;
+
+const classTemplate = `
+::_ENUMS_::
+::_STRUCTS_::
+class ::_CLASSNAME_:: final::_EXTEND_CLASSES_:: {
+ public:
+  ::_CLASSNAME_::() = default;
+  ::_CLASSNAME_::(const ::_CLASSNAME_:: &sourceProps, const RawProps &rawProps);
+
+#pragma mark - Props
+
+  ::_PROPS_::
+};
+`.trim();
+
+const enumTemplate = `
+enum class ::_ENUM_NAME_:: { ::_VALUES_:: };
+
+static inline void fromRawValue(const RawValue &value, ::_ENUM_NAME_:: &result) {
+  auto string = (std::string)value;
+  ::_FROM_CASES_::
+  abort();
+}
+
+static inline std::string toString(const ::_ENUM_NAME_:: &value) {
+  switch (value) {
+    ::_TO_CASES_::
+  }
+}
+`.trim();
+
+const structTemplate = `struct ::_STRUCT_NAME_:: {
+  ::_FIELDS_::
+};
+
+static inline void fromRawValue(const RawValue &value, ::_STRUCT_NAME_:: &result) {
+  auto map = (better::map<std::string, RawValue>)value;
+
+  ::_FROM_CASES_::
+}
+
+static inline std::string toString(const ::_STRUCT_NAME_:: &value) {
+  return "[Object ::_STRUCT_NAME_::]";
+}
+`.trim();
+
+const arrayConversionFunction = `static inline void fromRawValue(const RawValue &value, std::vector<::_STRUCT_NAME_::> &result) {
+  auto items = (std::vector<RawValue>)value;
+  for (const auto &item : items) {
+    ::_STRUCT_NAME_:: newItem;
+    fromRawValue(item, newItem);
+    result.emplace_back(newItem);
+  }
+}
+`;
+
+const arrayEnumTemplate = `
+using ::_ENUM_MASK_:: = uint32_t;
+
+enum class ::_ENUM_NAME_::: ::_ENUM_MASK_:: {
+  ::_VALUES_::
+};
+
+constexpr bool operator&(
+  ::_ENUM_MASK_:: const lhs,
+  enum ::_ENUM_NAME_:: const rhs) {
+  return lhs & static_cast<::_ENUM_MASK_::>(rhs);
+}
+
+constexpr ::_ENUM_MASK_:: operator|(
+  ::_ENUM_MASK_:: const lhs,
+  enum ::_ENUM_NAME_:: const rhs) {
+  return lhs | static_cast<::_ENUM_MASK_::>(rhs);
+}
+
+constexpr void operator|=(
+  ::_ENUM_MASK_:: &lhs,
+  enum ::_ENUM_NAME_:: const rhs) {
+  lhs = lhs | static_cast<::_ENUM_MASK_::>(rhs);
+}
+
+static inline void fromRawValue(const RawValue &value, ::_ENUM_MASK_:: &result) {
+  auto items = std::vector<std::string>{value};
+  for (const auto &item : items) {
+    ::_FROM_CASES_::
+    abort();
+  }
+}
+
+static inline std::string toString(const ::_ENUM_MASK_:: &value) {
+    auto result = std::string{};
+    auto separator = std::string{", "};
+
+    ::_TO_CASES_::
+    if (!result.empty()) {
+      result.erase(result.length() - separator.length());
+    }
+    return result;
+}
+`.trim();
+
+function getClassExtendString(component): string {
+  const extendString =
+    ' : ' +
+    component.extendsProps
+      .map(extendProps => {
+        switch (extendProps.type) {
+          case 'ReactNativeBuiltInType':
+            switch (extendProps.knownTypeName) {
+              case 'ReactNativeCoreViewProps':
+                return 'public ViewProps';
+              default:
+                (extendProps.knownTypeName: empty);
+                throw new Error('Invalid knownTypeName');
+            }
+          default:
+            (extendProps.type: empty);
+            throw new Error('Invalid extended type');
+        }
+      })
+      .join(' ');
+
+  return extendString;
+}
+
+function getNativeTypeFromAnnotation(componentName: string, prop): string {
+  const typeAnnotation = prop.typeAnnotation;
+
+  switch (typeAnnotation.type) {
+    case 'BooleanTypeAnnotation':
+    case 'StringTypeAnnotation':
+    case 'Int32TypeAnnotation':
+    case 'DoubleTypeAnnotation':
+    case 'FloatTypeAnnotation':
+      return getCppTypeForAnnotation(typeAnnotation.type);
+    case 'NativePrimitiveTypeAnnotation':
+      switch (typeAnnotation.name) {
+        case 'ColorPrimitive':
+          return 'SharedColor';
+        case 'ImageSourcePrimitive':
+          return 'ImageSource';
+        case 'PointPrimitive':
+          return 'Point';
+        default:
+          (typeAnnotation.name: empty);
+          throw new Error('Received unknown NativePrimitiveTypeAnnotation');
+      }
+    case 'ArrayTypeAnnotation': {
+      if (typeAnnotation.elementType.type === 'ArrayTypeAnnotation') {
+        throw new Error(
+          'ArrayTypeAnnotation of type ArrayTypeAnnotation not supported',
+        );
+      }
+      if (typeAnnotation.elementType.type === 'ObjectTypeAnnotation') {
+        const structName = generateStructName(componentName, [prop.name]);
+        return `std::vector<${structName}>`;
+      }
+      if (typeAnnotation.elementType.type === 'StringEnumTypeAnnotation') {
+        const enumName = getEnumName(componentName, prop.name);
+        return getEnumMaskName(enumName);
+      }
+      const itemAnnotation = getNativeTypeFromAnnotation(componentName, {
+        typeAnnotation: typeAnnotation.elementType,
+        name: componentName,
+      });
+      return `std::vector<${itemAnnotation}>`;
+    }
+    case 'ObjectTypeAnnotation': {
+      return generateStructName(componentName, [prop.name]);
+    }
+    case 'StringEnumTypeAnnotation':
+      return getEnumName(componentName, prop.name);
+    default:
+      (typeAnnotation: empty);
+      throw new Error(
+        `Received invalid typeAnnotation for ${componentName} prop ${
+          prop.name
+        }, received ${typeAnnotation.type}`,
+      );
+  }
+}
+
+function convertDefaultTypeToString(componentName: string, prop): string {
+  const typeAnnotation = prop.typeAnnotation;
+  switch (typeAnnotation.type) {
+    case 'BooleanTypeAnnotation':
+      return String(typeAnnotation.default);
+    case 'StringTypeAnnotation':
+      if (typeAnnotation.default == null) {
+        return '';
+      }
+      return `"${typeAnnotation.default}"`;
+    case 'Int32TypeAnnotation':
+      return String(typeAnnotation.default);
+    case 'DoubleTypeAnnotation':
+      const defaultDoubleVal = typeAnnotation.default;
+      return parseInt(defaultDoubleVal, 10) === defaultDoubleVal
+        ? typeAnnotation.default.toFixed(1)
+        : String(typeAnnotation.default);
+    case 'FloatTypeAnnotation':
+      const defaultFloatVal = typeAnnotation.default;
+      return parseInt(defaultFloatVal, 10) === defaultFloatVal
+        ? typeAnnotation.default.toFixed(1)
+        : String(typeAnnotation.default);
+    case 'NativePrimitiveTypeAnnotation':
+      switch (typeAnnotation.name) {
+        case 'ColorPrimitive':
+          return '';
+        case 'ImageSourcePrimitive':
+          return '';
+        case 'PointPrimitive':
+          return '';
+        default:
+          (typeAnnotation.name: empty);
+          throw new Error('Received unknown NativePrimitiveTypeAnnotation');
+      }
+    case 'ArrayTypeAnnotation': {
+      switch (typeAnnotation.elementType.type) {
+        case 'StringEnumTypeAnnotation':
+          if (typeAnnotation.elementType.default == null) {
+            throw new Error(
+              'A default is required for array StringEnumTypeAnnotation',
+            );
+          }
+          const enumName = getEnumName(componentName, prop.name);
+          const enumMaskName = getEnumMaskName(enumName);
+          const defaultValue = `${enumName}::${toSafeCppString(
+            typeAnnotation.elementType.default || '',
+          )}`;
+          return `static_cast<${enumMaskName}>(${defaultValue})`;
+        default:
+          return '';
+      }
+    }
+    case 'ObjectTypeAnnotation': {
+      return '';
+    }
+    case 'StringEnumTypeAnnotation':
+      return `${getEnumName(componentName, prop.name)}::${toSafeCppString(
+        typeAnnotation.default,
+      )}`;
+    default:
+      (typeAnnotation: empty);
+      throw new Error('Received invalid typeAnnotation');
+  }
+}
+
+function getEnumName(componentName, propName): string {
+  const uppercasedPropName = toSafeCppString(propName);
+  return `${componentName}${uppercasedPropName}`;
+}
+
+function getEnumMaskName(enumName: string): string {
+  return `${enumName}Mask`;
+}
+
+function convertValueToEnumOption(value: string): string {
+  return toSafeCppString(value);
+}
+
+function generateArrayEnumString(
+  componentName: string,
+  name: string,
+  enumOptions,
+): string {
+  const options = enumOptions.map(option => option.name);
+  const enumName = getEnumName(componentName, name);
+
+  const values = options
+    .map((option, index) => `${toSafeCppString(option)} = 1 << ${index}`)
+    .join(',\n  ');
+
+  const fromCases = options
+    .map(
+      option =>
+        `if (item == "${option}") {
+      result |= ${enumName}::${toSafeCppString(option)};
+      continue;
+    }`,
+    )
+    .join('\n    ');
+
+  const toCases = options
+    .map(
+      option =>
+        `if (value & ${enumName}::${toSafeCppString(option)}) {
+      result += "${option}" + separator;
+    }`,
+    )
+    .join('\n' + '    ');
+
+  return arrayEnumTemplate
+    .replace(/::_ENUM_NAME_::/g, enumName)
+    .replace(/::_ENUM_MASK_::/g, getEnumMaskName(enumName))
+    .replace('::_VALUES_::', values)
+    .replace('::_FROM_CASES_::', fromCases)
+    .replace('::_TO_CASES_::', toCases);
+}
+function generateEnum(componentName, prop) {
+  if (!prop.typeAnnotation.options) {
+    return '';
+  }
+  const values = prop.typeAnnotation.options.map(option => option.name);
+  const enumName = getEnumName(componentName, prop.name);
+
+  const fromCases = values
+    .map(
+      value =>
+        `if (string == "${value}") { result = ${enumName}::${convertValueToEnumOption(
+          value,
+        )}; return; }`,
+    )
+    .join('\n' + '  ');
+
+  const toCases = values
+    .map(
+      value =>
+        `case ${enumName}::${convertValueToEnumOption(
+          value,
+        )}: return "${value}";`,
+    )
+    .join('\n' + '    ');
+
+  return enumTemplate
+    .replace(/::_ENUM_NAME_::/g, enumName)
+    .replace('::_VALUES_::', values.map(toSafeCppString).join(', '))
+    .replace('::_FROM_CASES_::', fromCases)
+    .replace('::_TO_CASES_::', toCases);
+}
+function generateEnumString(componentName: string, component): string {
+  return component.props
+    .map(prop => {
+      if (
+        prop.typeAnnotation.type === 'ArrayTypeAnnotation' &&
+        prop.typeAnnotation.elementType.type === 'StringEnumTypeAnnotation'
+      ) {
+        return generateArrayEnumString(
+          componentName,
+          prop.name,
+          prop.typeAnnotation.elementType.options,
+        );
+      }
+
+      if (prop.typeAnnotation.type === 'StringEnumTypeAnnotation') {
+        return generateEnum(componentName, prop);
+      }
+
+      if (prop.typeAnnotation.type === 'ObjectTypeAnnotation') {
+        return prop.typeAnnotation.properties
+          .filter(
+            property =>
+              property.typeAnnotation.type === 'StringEnumTypeAnnotation',
+          )
+          .map(property => {
+            return generateEnum(componentName, property);
+          })
+          .filter(Boolean)
+          .join('\n');
+      }
+    })
+    .filter(Boolean)
+    .join('\n');
+}
+
+function generatePropsString(
+  componentName: string,
+  props: $ReadOnlyArray<PropTypeShape>,
+) {
+  return props
+    .map(prop => {
+      const nativeType = getNativeTypeFromAnnotation(componentName, prop);
+      const defaultValue = convertDefaultTypeToString(componentName, prop);
+
+      return `const ${nativeType} ${prop.name}{${defaultValue}};`;
+    })
+    .join('\n' + '  ');
+}
+
+function getLocalImports(component): Set<string> {
+  const imports: Set<string> = new Set();
+
+  component.extendsProps.forEach(extendProps => {
+    switch (extendProps.type) {
+      case 'ReactNativeBuiltInType':
+        switch (extendProps.knownTypeName) {
+          case 'ReactNativeCoreViewProps':
+            imports.add('#include <react/components/view/ViewProps.h>');
+            return;
+          default:
+            (extendProps.knownTypeName: empty);
+            throw new Error('Invalid knownTypeName');
+        }
+      default:
+        (extendProps.type: empty);
+        throw new Error('Invalid extended type');
+    }
+  });
+
+  function addImportsForNativeName(name) {
+    switch (name) {
+      case 'ColorPrimitive':
+        imports.add('#include <react/graphics/Color.h>');
+        return;
+      case 'ImageSourcePrimitive':
+        imports.add('#include <react/imagemanager/primitives.h>');
+        return;
+      case 'PointPrimitive':
+        imports.add('#include <react/graphics/Geometry.h>');
+        return;
+      default:
+        (name: empty);
+        throw new Error(
+          `Invalid NativePrimitiveTypeAnnotation name, got ${name}`,
+        );
+    }
+  }
+
+  component.props.forEach(prop => {
+    const typeAnnotation = prop.typeAnnotation;
+
+    if (typeAnnotation.type === 'NativePrimitiveTypeAnnotation') {
+      addImportsForNativeName(typeAnnotation.name);
+    }
+
+    if (typeAnnotation.type === 'ArrayTypeAnnotation') {
+      imports.add('#include <vector>');
+      if (typeAnnotation.elementType.type === 'StringEnumTypeAnnotation') {
+        imports.add('#include <cinttypes>');
+      }
+    }
+
+    if (
+      typeAnnotation.type === 'ArrayTypeAnnotation' &&
+      typeAnnotation.elementType.type === 'NativePrimitiveTypeAnnotation'
+    ) {
+      addImportsForNativeName(typeAnnotation.elementType.name);
+    }
+
+    if (typeAnnotation.type === 'ObjectTypeAnnotation') {
+      imports.add('#include <react/core/propsConversions.h>');
+      const objectImports = getImports(typeAnnotation.properties);
+      objectImports.forEach(imports.add, imports);
+    }
+  });
+
+  return imports;
+}
+
+function generateStructs(componentName: string, component): string {
+  const structs: StructsMap = new Map();
+  component.props.forEach(prop => {
+    if (prop.typeAnnotation.type === 'ObjectTypeAnnotation') {
+      generateStruct(
+        structs,
+        componentName,
+        [prop.name],
+        prop.typeAnnotation.properties,
+      );
+    } else if (
+      prop.typeAnnotation.type === 'ArrayTypeAnnotation' &&
+      prop.typeAnnotation.elementType.type === 'ObjectTypeAnnotation'
+    ) {
+      const properties = prop.typeAnnotation.elementType.properties;
+      generateStruct(structs, componentName, [prop.name], properties);
+      structs.set(
+        `${componentName}ArrayStruct`,
+        arrayConversionFunction.replace(
+          /::_STRUCT_NAME_::/g,
+          generateStructName(componentName, [prop.name]),
+        ),
+      );
+    }
+  });
+
+  const structArray = Array.from(structs.values());
+  if (structArray.length < 1) {
+    return '';
+  }
+  return structArray.join('\n\n');
+}
+
+function generateStruct(
+  structs: StructsMap,
+  componentName: string,
+  nameParts: $ReadOnlyArray<string>,
+  properties: $ReadOnlyArray<PropTypeShape>,
+): void {
+  const structNameParts = nameParts;
+  const structName = generateStructName(componentName, structNameParts);
+
+  const fields = properties
+    .map(property => {
+      return `${getNativeTypeFromAnnotation(
+        componentName,
+        property,
+        // structNameParts,
+      )} ${property.name};`;
+    })
+    .join('\n' + '  ');
+
+  properties.forEach((property: PropTypeShape) => {
+    const name = property.name;
+    switch (property.typeAnnotation.type) {
+      case 'BooleanTypeAnnotation':
+        return;
+      case 'StringTypeAnnotation':
+        return;
+      case 'Int32TypeAnnotation':
+        return;
+      case 'DoubleTypeAnnotation':
+        return;
+      case 'FloatTypeAnnotation':
+        return;
+      case 'NativePrimitiveTypeAnnotation':
+        return;
+      case 'ArrayTypeAnnotation':
+        return;
+      case 'StringEnumTypeAnnotation':
+        return;
+      case 'DoubleTypeAnnotation':
+        return;
+      case 'ObjectTypeAnnotation':
+        const props = property.typeAnnotation.properties;
+        if (props == null) {
+          throw new Error(
+            `Properties are expected for ObjectTypeAnnotation (see ${name} in ${componentName})`,
+          );
+        }
+        generateStruct(structs, componentName, nameParts.concat([name]), props);
+        return;
+      default:
+        (property.typeAnnotation.type: empty);
+        throw new Error(
+          `Received invalid component property type ${
+            property.typeAnnotation.type
+          }`,
+        );
+    }
+  });
+
+  const fromCases = properties
+    .map(property => {
+      const variable = property.name;
+      return `auto ${variable} = map.find("${property.name}");
+  if (${variable} != map.end()) {
+    fromRawValue(${variable}->second, result.${variable});
+  }`;
+    })
+    .join('\n  ');
+
+  structs.set(
+    structName,
+    structTemplate
+      .replace(/::_STRUCT_NAME_::/g, structName)
+      .replace('::_FIELDS_::', fields)
+      .replace('::_FROM_CASES_::', fromCases),
+  );
+}
+
+module.exports = {
+  generate(
+    libraryName: string,
+    schema: SchemaType,
+    moduleSpecName: string,
+  ): FilesOutput {
+    const fileName = 'Props.h';
+
+    const allImports: Set<string> = new Set();
+
+    const componentClasses = Object.keys(schema.modules)
+      .map(moduleName => {
+        const components = schema.modules[moduleName].components;
+        // No components in this module
+        if (components == null) {
+          return null;
+        }
+
+        return Object.keys(components)
+          .map(componentName => {
+            const component = components[componentName];
+
+            const newName = `${componentName}Props`;
+            const structString = generateStructs(componentName, component);
+            const enumString = generateEnumString(componentName, component);
+            const propsString = generatePropsString(
+              componentName,
+              component.props,
+            );
+            const extendString = getClassExtendString(component);
+            const imports = getLocalImports(component);
+
+            imports.forEach(allImports.add, allImports);
+
+            const replacedTemplate = classTemplate
+              .replace('::_ENUMS_::', enumString)
+              .replace('::_STRUCTS_::', structString)
+              .replace(/::_CLASSNAME_::/g, newName)
+              .replace('::_EXTEND_CLASSES_::', extendString)
+              .replace('::_PROPS_::', propsString)
+              .trim();
+
+            return replacedTemplate;
+          })
+          .join('\n\n');
+      })
+      .filter(Boolean)
+      .join('\n\n');
+
+    const replacedTemplate = template
+      .replace(/::_COMPONENT_CLASSES_::/g, componentClasses)
+      .replace(
+        '::_IMPORTS_::',
+        Array.from(allImports)
+          .sort()
+          .join('\n'),
+      );
+
+    return new Map([[fileName, replacedTemplate]]);
+  },
+};
diff --git a/packages/react-native-codegen/src/generators/components/GeneratePropsJavaDelegate.js b/packages/react-native-codegen/src/generators/components/GeneratePropsJavaDelegate.js
new file mode 100644
index 00000000000000..efd48a1ff43ffb
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/components/GeneratePropsJavaDelegate.js
@@ -0,0 +1,285 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {
+  CommandTypeShape,
+  ComponentShape,
+  PropTypeShape,
+  SchemaType,
+} from '../../CodegenSchema';
+const {getImports, toSafeJavaString} = require('./JavaHelpers');
+
+// File path -> contents
+type FilesOutput = Map<string, string>;
+
+const template = `
+package com.facebook.react.viewmanagers;
+
+::_IMPORTS_::
+
+public class ::_CLASSNAME_::<T extends ::_EXTEND_CLASSES_::, U extends BaseViewManager<T, ? extends LayoutShadowNode> & ::_INTERFACE_CLASSNAME_::<T>> extends BaseViewManagerDelegate<T, U> {
+  public ::_CLASSNAME_::(U viewManager) {
+    super(viewManager);
+  }
+  ::_METHODS_::
+}
+`;
+
+const propSetterTemplate = `
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    ::_PROP_CASES_::
+  }
+`;
+
+const commandsTemplate = `
+  public void receiveCommand(::_INTERFACE_CLASSNAME_::<T> viewManager, T view, String commandName, ReadableArray args) {
+    ::_COMMAND_CASES_::
+  }
+`;
+
+function getJavaValueForProp(
+  prop: PropTypeShape,
+  componentName: string,
+): string {
+  const typeAnnotation = prop.typeAnnotation;
+
+  switch (typeAnnotation.type) {
+    case 'BooleanTypeAnnotation':
+      return `value == null ? ${typeAnnotation.default.toString()} : (boolean) value`;
+    case 'StringTypeAnnotation':
+      const defaultValueString =
+        typeAnnotation.default === null
+          ? 'null'
+          : `"${typeAnnotation.default}"`;
+      return `value == null ? ${defaultValueString} : (String) value`;
+    case 'Int32TypeAnnotation':
+      return `value == null ? ${
+        typeAnnotation.default
+      } : ((Double) value).intValue()`;
+    case 'DoubleTypeAnnotation':
+      if (prop.optional) {
+        return `value == null ? ${
+          typeAnnotation.default
+        }f : ((Double) value).doubleValue()`;
+      } else {
+        return 'value == null ? Double.NaN : ((Double) value).doubleValue()';
+      }
+    case 'FloatTypeAnnotation':
+      if (prop.optional) {
+        return `value == null ? ${
+          typeAnnotation.default
+        }f : ((Double) value).floatValue()`;
+      } else {
+        return 'value == null ? Float.NaN : ((Double) value).floatValue()';
+      }
+    case 'NativePrimitiveTypeAnnotation':
+      switch (typeAnnotation.name) {
+        case 'ColorPrimitive':
+          return 'value == null ? null : ((Double) value).intValue()';
+        case 'ImageSourcePrimitive':
+          return '(ReadableMap) value';
+        case 'PointPrimitive':
+          return '(ReadableMap) value';
+        default:
+          (typeAnnotation.name: empty);
+          throw new Error('Received unknown NativePrimitiveTypeAnnotation');
+      }
+    case 'ArrayTypeAnnotation': {
+      return '(ReadableArray) value';
+    }
+    case 'ObjectTypeAnnotation': {
+      return '(ReadableMap) value';
+    }
+    case 'StringEnumTypeAnnotation':
+      return '(String) value';
+    default:
+      (typeAnnotation: empty);
+      throw new Error('Received invalid typeAnnotation');
+  }
+}
+
+function generatePropCasesString(
+  component: ComponentShape,
+  componentName: string,
+) {
+  if (component.props.length === 0) {
+    return 'super.setProperty(view, propName, value);';
+  }
+
+  const cases = component.props
+    .map(prop => {
+      return `case "${prop.name}":
+        mViewManager.set${toSafeJavaString(
+          prop.name,
+        )}(view, ${getJavaValueForProp(prop, componentName)});
+        break;`;
+    })
+    .join('\n' + '      ');
+
+  return `switch (propName) {
+      ${cases}
+      default:
+        super.setProperty(view, propName, value);
+    }`;
+}
+
+function getCommandArgJavaType(param) {
+  switch (param.typeAnnotation.type) {
+    case 'BooleanTypeAnnotation':
+      return 'getBoolean';
+    case 'DoubleTypeAnnotation':
+      return 'getDouble';
+    case 'FloatTypeAnnotation':
+      return 'getFloat';
+    case 'Int32TypeAnnotation':
+      return 'getInt';
+    case 'StringTypeAnnotation':
+      return 'getString';
+    default:
+      (param.typeAnnotation.type: empty);
+      throw new Error('Receieved invalid typeAnnotation');
+  }
+}
+
+function getCommandArguments(command: CommandTypeShape): string {
+  return [
+    'view',
+    ...command.typeAnnotation.params.map((param, index) => {
+      const commandArgJavaType = getCommandArgJavaType(param);
+
+      return `args.${commandArgJavaType}(${index})`;
+    }),
+  ].join(', ');
+}
+
+function generateCommandCasesString(
+  component: ComponentShape,
+  componentName: string,
+) {
+  if (component.commands.length === 0) {
+    return null;
+  }
+
+  const commandMethods = component.commands
+    .map(command => {
+      return `case "${command.name}":
+      viewManager.${toSafeJavaString(
+        command.name,
+        false,
+      )}(${getCommandArguments(command)});
+      break;`;
+    })
+    .join('\n' + '    ');
+
+  return commandMethods;
+}
+
+function getClassExtendString(component): string {
+  const extendString = component.extendsProps
+    .map(extendProps => {
+      switch (extendProps.type) {
+        case 'ReactNativeBuiltInType':
+          switch (extendProps.knownTypeName) {
+            case 'ReactNativeCoreViewProps':
+              return 'View';
+            default:
+              (extendProps.knownTypeName: empty);
+              throw new Error('Invalid knownTypeName');
+          }
+        default:
+          (extendProps.type: empty);
+          throw new Error('Invalid extended type');
+      }
+    })
+    .join('');
+
+  return extendString;
+}
+
+function getDelegateImports(component) {
+  const imports = getImports(component);
+  // The delegate needs ReadableArray for commands always.
+  // The interface doesn't always need it
+  if (component.commands.length > 0) {
+    imports.add('import com.facebook.react.bridge.ReadableArray;');
+  }
+  imports.add('import androidx.annotation.Nullable;');
+  imports.add('import com.facebook.react.uimanager.BaseViewManager;');
+  imports.add('import com.facebook.react.uimanager.BaseViewManagerDelegate;');
+  imports.add('import com.facebook.react.uimanager.LayoutShadowNode;');
+
+  return imports;
+}
+
+function generateMethods(propsString, commandsString): string {
+  return [
+    propSetterTemplate.trim().replace('::_PROP_CASES_::', propsString),
+    commandsString != null
+      ? commandsTemplate.trim().replace('::_COMMAND_CASES_::', commandsString)
+      : '',
+  ]
+    .join('\n\n  ')
+    .trimRight();
+}
+
+module.exports = {
+  generate(
+    libraryName: string,
+    schema: SchemaType,
+    moduleSpecName: string,
+  ): FilesOutput {
+    const files = new Map();
+    Object.keys(schema.modules).forEach(moduleName => {
+      const components = schema.modules[moduleName].components;
+      // No components in this module
+      if (components == null) {
+        return;
+      }
+
+      return Object.keys(components).forEach(componentName => {
+        const component = components[componentName];
+        const className = `${componentName}ManagerDelegate`;
+        const interfaceClassName = `${componentName}ManagerInterface`;
+        const fileName = `${className}.java`;
+
+        const imports = getDelegateImports(component);
+        const propsString = generatePropCasesString(component, componentName);
+        const commandsString = generateCommandCasesString(
+          component,
+          componentName,
+        );
+        const extendString = getClassExtendString(component);
+
+        const replacedTemplate = template
+          .replace(
+            /::_IMPORTS_::/g,
+            Array.from(imports)
+              .sort()
+              .join('\n'),
+          )
+          .replace(/::_CLASSNAME_::/g, className)
+          .replace('::_EXTEND_CLASSES_::', extendString)
+          .replace('::_PROP_CASES_::', propsString)
+          .replace(
+            '::_METHODS_::',
+            generateMethods(propsString, commandsString),
+          )
+          .replace(/::_INTERFACE_CLASSNAME_::/g, interfaceClassName);
+
+        files.set(fileName, replacedTemplate);
+      });
+    });
+
+    return files;
+  },
+};
diff --git a/packages/react-native-codegen/src/generators/components/GeneratePropsJavaInterface.js b/packages/react-native-codegen/src/generators/components/GeneratePropsJavaInterface.js
new file mode 100644
index 00000000000000..64360d7dc85be8
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/components/GeneratePropsJavaInterface.js
@@ -0,0 +1,214 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {
+  CommandTypeShape,
+  ComponentShape,
+  PropTypeShape,
+  SchemaType,
+} from '../../CodegenSchema';
+const {getImports, toSafeJavaString} = require('./JavaHelpers');
+
+// File path -> contents
+type FilesOutput = Map<string, string>;
+
+const template = `
+package com.facebook.react.viewmanagers;
+
+::_IMPORTS_::
+
+public interface ::_CLASSNAME_::<T extends ::_EXTEND_CLASSES_::> {
+  ::_METHODS_::
+}
+`;
+
+function addNullable(imports) {
+  imports.add('import androidx.annotation.Nullable;');
+}
+
+function getJavaValueForProp(prop: PropTypeShape, imports): string {
+  const typeAnnotation = prop.typeAnnotation;
+
+  switch (typeAnnotation.type) {
+    case 'BooleanTypeAnnotation':
+      return 'boolean value';
+    case 'StringTypeAnnotation':
+      addNullable(imports);
+      return '@Nullable String value';
+    case 'Int32TypeAnnotation':
+      return 'int value';
+    case 'DoubleTypeAnnotation':
+      return 'double value';
+    case 'FloatTypeAnnotation':
+      return 'float value';
+    case 'NativePrimitiveTypeAnnotation':
+      switch (typeAnnotation.name) {
+        case 'ColorPrimitive':
+          addNullable(imports);
+          return '@Nullable Integer value';
+        case 'ImageSourcePrimitive':
+          addNullable(imports);
+          return '@Nullable ReadableMap value';
+        case 'PointPrimitive':
+          addNullable(imports);
+          return '@Nullable ReadableMap value';
+        default:
+          (typeAnnotation.name: empty);
+          throw new Error('Received unknown NativePrimitiveTypeAnnotation');
+      }
+    case 'ArrayTypeAnnotation': {
+      addNullable(imports);
+      return '@Nullable ReadableArray value';
+    }
+    case 'ObjectTypeAnnotation': {
+      addNullable(imports);
+      return '@Nullable ReadableMap value';
+    }
+    case 'StringEnumTypeAnnotation':
+      addNullable(imports);
+      return '@Nullable String value';
+    default:
+      (typeAnnotation: empty);
+      throw new Error('Received invalid typeAnnotation');
+  }
+}
+
+function generatePropsString(component: ComponentShape, imports) {
+  if (component.props.length === 0) {
+    return '// No props';
+  }
+
+  return component.props
+    .map(prop => {
+      return `void set${toSafeJavaString(
+        prop.name,
+      )}(T view, ${getJavaValueForProp(prop, imports)});`;
+    })
+    .join('\n' + '  ');
+}
+
+function getCommandArgJavaType(param) {
+  switch (param.typeAnnotation.type) {
+    case 'BooleanTypeAnnotation':
+      return 'boolean';
+    case 'DoubleTypeAnnotation':
+      return 'double';
+    case 'FloatTypeAnnotation':
+      return 'float';
+    case 'Int32TypeAnnotation':
+      return 'int';
+    case 'StringTypeAnnotation':
+      return 'String';
+    default:
+      (param.typeAnnotation.type: empty);
+      throw new Error('Receieved invalid typeAnnotation');
+  }
+}
+
+function getCommandArguments(
+  command: CommandTypeShape,
+  componentName: string,
+): string {
+  return [
+    'T view',
+    ...command.typeAnnotation.params.map(param => {
+      const commandArgJavaType = getCommandArgJavaType(param);
+
+      return `${commandArgJavaType} ${param.name}`;
+    }),
+  ].join(', ');
+}
+
+function generateCommandsString(
+  component: ComponentShape,
+  componentName: string,
+) {
+  return component.commands
+    .map(command => {
+      const safeJavaName = toSafeJavaString(command.name, false);
+
+      return `void ${safeJavaName}(${getCommandArguments(
+        command,
+        componentName,
+      )});`;
+    })
+    .join('\n' + '  ');
+}
+
+function getClassExtendString(component): string {
+  const extendString = component.extendsProps
+    .map(extendProps => {
+      switch (extendProps.type) {
+        case 'ReactNativeBuiltInType':
+          switch (extendProps.knownTypeName) {
+            case 'ReactNativeCoreViewProps':
+              return 'View';
+            default:
+              (extendProps.knownTypeName: empty);
+              throw new Error('Invalid knownTypeName');
+          }
+        default:
+          (extendProps.type: empty);
+          throw new Error('Invalid extended type');
+      }
+    })
+    .join('');
+
+  return extendString;
+}
+
+module.exports = {
+  generate(
+    libraryName: string,
+    schema: SchemaType,
+    moduleSpecName: string,
+  ): FilesOutput {
+    const files = new Map();
+    Object.keys(schema.modules).forEach(moduleName => {
+      const components = schema.modules[moduleName].components;
+      // No components in this module
+      if (components == null) {
+        return;
+      }
+
+      return Object.keys(components).forEach(componentName => {
+        const component = components[componentName];
+        const className = `${componentName}ManagerInterface`;
+        const fileName = `${className}.java`;
+
+        const imports = getImports(component);
+        const propsString = generatePropsString(component, imports);
+        const commandsString = generateCommandsString(component, componentName);
+        const extendString = getClassExtendString(component);
+
+        const replacedTemplate = template
+          .replace(
+            /::_IMPORTS_::/g,
+            Array.from(imports)
+              .sort()
+              .join('\n'),
+          )
+          .replace(/::_CLASSNAME_::/g, className)
+          .replace('::_EXTEND_CLASSES_::', extendString)
+          .replace(
+            '::_METHODS_::',
+            [propsString, commandsString].join('\n' + '  ').trimRight(),
+          )
+          .replace('::_COMMAND_HANDLERS_::', commandsString);
+
+        files.set(fileName, replacedTemplate);
+      });
+    });
+
+    return files;
+  },
+};
diff --git a/packages/react-native-codegen/src/generators/GenerateShadowNodeCpp.js b/packages/react-native-codegen/src/generators/components/GenerateShadowNodeCpp.js
similarity index 91%
rename from packages/react-native-codegen/src/generators/GenerateShadowNodeCpp.js
rename to packages/react-native-codegen/src/generators/components/GenerateShadowNodeCpp.js
index 0210aaa2239cd0..8784849619f5e6 100644
--- a/packages/react-native-codegen/src/generators/GenerateShadowNodeCpp.js
+++ b/packages/react-native-codegen/src/generators/components/GenerateShadowNodeCpp.js
@@ -10,7 +10,7 @@
 
 'use strict';
 
-import type {SchemaType} from '../CodegenSchema';
+import type {SchemaType} from '../../CodegenSchema';
 
 // File path -> contents
 type FilesOutput = Map<string, string>;
@@ -39,7 +39,11 @@ extern const char ::_CLASSNAME_::ComponentName[] = "::_CLASSNAME_::";
 `.trim();
 
 module.exports = {
-  generate(libraryName: string, schema: SchemaType): FilesOutput {
+  generate(
+    libraryName: string,
+    schema: SchemaType,
+    moduleSpecName: string,
+  ): FilesOutput {
     const fileName = 'ShadowNodes.cpp';
 
     const componentNames = Object.keys(schema.modules)
diff --git a/packages/react-native-codegen/src/generators/GenerateShadowNodeH.js b/packages/react-native-codegen/src/generators/components/GenerateShadowNodeH.js
similarity index 94%
rename from packages/react-native-codegen/src/generators/GenerateShadowNodeH.js
rename to packages/react-native-codegen/src/generators/components/GenerateShadowNodeH.js
index 59501c99c85abe..84c22bc3190219 100644
--- a/packages/react-native-codegen/src/generators/GenerateShadowNodeH.js
+++ b/packages/react-native-codegen/src/generators/components/GenerateShadowNodeH.js
@@ -10,7 +10,7 @@
 
 'use strict';
 
-import type {PropTypeShape, SchemaType} from '../CodegenSchema';
+import type {SchemaType} from '../../CodegenSchema';
 
 // File path -> contents
 type FilesOutput = Map<string, string>;
@@ -49,7 +49,11 @@ using ::_CLASSNAME_::ShadowNode = ConcreteViewShadowNode<
 `.trim();
 
 module.exports = {
-  generate(libraryName: string, schema: SchemaType): FilesOutput {
+  generate(
+    libraryName: string,
+    schema: SchemaType,
+    moduleSpecName: string,
+  ): FilesOutput {
     const fileName = 'ShadowNodes.h';
 
     let hasAnyEvents = false;
diff --git a/packages/react-native-codegen/src/generators/GenerateTests.js b/packages/react-native-codegen/src/generators/components/GenerateTests.js
similarity index 85%
rename from packages/react-native-codegen/src/generators/GenerateTests.js
rename to packages/react-native-codegen/src/generators/components/GenerateTests.js
index 16ecefe5d4403c..0aeb92ab703aa6 100644
--- a/packages/react-native-codegen/src/generators/GenerateTests.js
+++ b/packages/react-native-codegen/src/generators/components/GenerateTests.js
@@ -10,13 +10,15 @@
 
 'use strict';
 
-import type {SchemaType} from '../CodegenSchema';
+import type {SchemaType} from '../../CodegenSchema';
 const {getImports, toSafeCppString} = require('./CppHelpers');
 
 type FilesOutput = Map<string, string>;
+type PropValueType = string | number | boolean;
+
 type TestCase = $ReadOnly<{|
   propName: string,
-  propValue: string | number | boolean,
+  propValue: ?PropValueType,
   testName?: string,
   raw?: boolean,
 |}>;
@@ -39,9 +41,11 @@ using namespace facebook::react;
 
 const testTemplate = `
 TEST(::_COMPONENT_NAME_::_::_TEST_NAME_::, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<::_COMPONENT_NAME_::>();
   auto const &sourceProps = ::_COMPONENT_NAME_::();
   auto const &rawProps = RawProps(folly::dynamic::object("::_PROP_NAME_::", ::_PROP_VALUE_::));
-
+  rawProps.parse(propParser);
   ::_COMPONENT_NAME_::(sourceProps, rawProps);
 }
 `;
@@ -59,7 +63,10 @@ function getTestCasesForProp(propName, typeAnnotation) {
   } else if (typeAnnotation.type === 'StringTypeAnnotation') {
     cases.push({
       propName,
-      propValue: typeAnnotation.default || 'foo',
+      propValue:
+        typeAnnotation.default != null && typeAnnotation.default !== ''
+          ? typeAnnotation.default
+          : 'foo',
     });
   } else if (typeAnnotation.type === 'BooleanTypeAnnotation') {
     cases.push({
@@ -126,9 +133,17 @@ function generateTestsString(name, component) {
 }
 
 module.exports = {
-  generate(libraryName: string, schema: SchemaType): FilesOutput {
+  generate(
+    libraryName: string,
+    schema: SchemaType,
+    moduleSpecName: string,
+  ): FilesOutput {
     const fileName = 'Tests.cpp';
-    const allImports = new Set(['#include <react/core/propsConversions.h>']);
+    const allImports = new Set([
+      '#include <react/core/propsConversions.h>',
+      '#include <react/core/RawProps.h>',
+      '#include <react/core/RawPropsParser.h>',
+    ]);
 
     const componentTests = Object.keys(schema.modules)
       .map(moduleName => {
@@ -142,7 +157,7 @@ module.exports = {
             const component = components[componentName];
             const name = `${componentName}Props`;
 
-            const imports = getImports(component);
+            const imports = getImports(component.props);
             imports.forEach(allImports.add, allImports);
 
             return generateTestsString(name, component);
diff --git a/packages/react-native-codegen/src/generators/components/GenerateViewConfigJs.js b/packages/react-native-codegen/src/generators/components/GenerateViewConfigJs.js
new file mode 100644
index 00000000000000..3377d07f5520e7
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/components/GenerateViewConfigJs.js
@@ -0,0 +1,427 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+const j = require('jscodeshift');
+
+import type {SchemaType} from '../../CodegenSchema';
+
+// File path -> contents
+type FilesOutput = Map<string, string>;
+
+const template = `
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+::_IMPORTS_::
+
+::_COMPONENT_CONFIG_::
+`;
+
+// We use this to add to a set. Need to make sure we aren't importing
+// this multiple times.
+const UIMANAGER_IMPORT = 'const {UIManager} = require("react-native")';
+
+function getReactDiffProcessValue(typeAnnotation) {
+  switch (typeAnnotation.type) {
+    case 'BooleanTypeAnnotation':
+    case 'StringTypeAnnotation':
+    case 'Int32TypeAnnotation':
+    case 'DoubleTypeAnnotation':
+    case 'FloatTypeAnnotation':
+    case 'ObjectTypeAnnotation':
+    case 'StringEnumTypeAnnotation':
+      return j.literal(true);
+    case 'NativePrimitiveTypeAnnotation':
+      switch (typeAnnotation.name) {
+        case 'ColorPrimitive':
+          return j.template.expression`{ process: require('processColor') }`;
+        case 'ImageSourcePrimitive':
+          return j.template
+            .expression`{ process: require('resolveAssetSource') }`;
+        case 'PointPrimitive':
+          return j.template.expression`{ diff: require('pointsDiffer') }`;
+        default:
+          (typeAnnotation.name: empty);
+          throw new Error(
+            `Received unknown native typeAnnotation: "${typeAnnotation.name}"`,
+          );
+      }
+    case 'ArrayTypeAnnotation':
+      if (typeAnnotation.elementType.type === 'NativePrimitiveTypeAnnotation') {
+        switch (typeAnnotation.elementType.name) {
+          case 'ColorPrimitive':
+            return j.template
+              .expression`{ process: require('processColorArray') }`;
+          case 'ImageSourcePrimitive':
+            return j.literal(true);
+          case 'PointPrimitive':
+            return j.literal(true);
+          default:
+            throw new Error(
+              `Received unknown array native typeAnnotation: "${
+                typeAnnotation.elementType.name
+              }"`,
+            );
+        }
+      }
+      return j.literal(true);
+    default:
+      (typeAnnotation: empty);
+      throw new Error(
+        `Received unknown typeAnnotation: "${typeAnnotation.type}"`,
+      );
+  }
+}
+
+const componentTemplate = `
+const ::_COMPONENT_NAME_::ViewConfig = VIEW_CONFIG;
+
+let nativeComponentName = '::_COMPONENT_NAME_WITH_COMPAT_SUPPORT_::';
+::_DEPRECATION_CHECK_::
+registerGeneratedViewConfig(nativeComponentName, ::_COMPONENT_NAME_::ViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = ::_COMPONENT_NAME_::ViewConfig;
+
+export default nativeComponentName;
+`.trim();
+
+const deprecatedComponentTemplate = `
+if (UIManager.getViewManagerConfig('::_COMPONENT_NAME_::')) {
+  nativeComponentName = '::_COMPONENT_NAME_::';
+} else if (UIManager.getViewManagerConfig('::_COMPONENT_NAME_DEPRECATED_::')){
+  nativeComponentName = '::_COMPONENT_NAME_DEPRECATED_::';
+} else {
+  throw new Error('Failed to find native component for either "::_COMPONENT_NAME_::" or "::_COMPONENT_NAME_DEPRECATED_::"')
+}
+`.trim();
+
+// Replicates the behavior of RCTNormalizeInputEventName in RCTEventDispatcher.m
+function normalizeInputEventName(name) {
+  if (name.startsWith('on')) {
+    return name.replace(/^on/, 'top');
+  } else if (!name.startsWith('top')) {
+    return `top${name[0].toUpperCase()}${name.slice(1)}`;
+  }
+
+  return name;
+}
+
+// Replicates the behavior of viewConfig in RCTComponentData.m
+function getValidAttributesForEvents(events) {
+  return events.map(eventType => {
+    return j.property('init', j.identifier(eventType.name), j.literal(true));
+  });
+}
+
+function generateBubblingEventInfo(event, nameOveride) {
+  return j.property(
+    'init',
+    j.identifier(nameOveride || normalizeInputEventName(event.name)),
+    j.objectExpression([
+      j.property(
+        'init',
+        j.identifier('phasedRegistrationNames'),
+        j.objectExpression([
+          j.property(
+            'init',
+            j.identifier('captured'),
+            j.literal(`${event.name}Capture`),
+          ),
+          j.property('init', j.identifier('bubbled'), j.literal(event.name)),
+        ]),
+      ),
+    ]),
+  );
+}
+
+function generateDirectEventInfo(event, nameOveride) {
+  return j.property(
+    'init',
+    j.identifier(nameOveride || normalizeInputEventName(event.name)),
+    j.objectExpression([
+      j.property(
+        'init',
+        j.identifier('registrationName'),
+        j.literal(event.name),
+      ),
+    ]),
+  );
+}
+
+function buildViewConfig(
+  schema: SchemaType,
+  componentName: string,
+  component,
+  imports,
+) {
+  const componentProps = component.props;
+  const componentEvents = component.events;
+
+  component.extendsProps.forEach(extendProps => {
+    switch (extendProps.type) {
+      case 'ReactNativeBuiltInType':
+        switch (extendProps.knownTypeName) {
+          case 'ReactNativeCoreViewProps':
+            imports.add(
+              "const registerGeneratedViewConfig = require('registerGeneratedViewConfig');",
+            );
+
+            return;
+          default:
+            (extendProps.knownTypeName: empty);
+            throw new Error('Invalid knownTypeName');
+        }
+      default:
+        (extendProps.type: empty);
+        throw new Error('Invalid extended type');
+    }
+  });
+
+  const validAttributes = j.objectExpression([
+    ...componentProps.map(schemaProp => {
+      return j.property(
+        'init',
+        j.identifier(schemaProp.name),
+        getReactDiffProcessValue(schemaProp.typeAnnotation),
+      );
+    }),
+    ...getValidAttributesForEvents(componentEvents),
+  ]);
+
+  const bubblingEventNames = component.events
+    .filter(event => event.bubblingType === 'bubble')
+    .reduce((bubblingEvents, event) => {
+      // We add in the deprecated paper name so that it is in the view config.
+      // This means either the old event name or the new event name can fire
+      // and be sent to the listener until the old top level name is removed.
+      if (event.paperTopLevelNameDeprecated) {
+        bubblingEvents.push(
+          generateBubblingEventInfo(event, event.paperTopLevelNameDeprecated),
+        );
+      }
+      bubblingEvents.push(generateBubblingEventInfo(event));
+      return bubblingEvents;
+    }, []);
+
+  const bubblingEvents =
+    bubblingEventNames.length > 0
+      ? j.property(
+          'init',
+          j.identifier('bubblingEventTypes'),
+          j.objectExpression(bubblingEventNames),
+        )
+      : null;
+
+  const directEventNames = component.events
+    .filter(event => event.bubblingType === 'direct')
+    .reduce((directEvents, event) => {
+      // We add in the deprecated paper name so that it is in the view config.
+      // This means either the old event name or the new event name can fire
+      // and be sent to the listener until the old top level name is removed.
+      if (event.paperTopLevelNameDeprecated) {
+        directEvents.push(
+          generateDirectEventInfo(event, event.paperTopLevelNameDeprecated),
+        );
+      }
+      directEvents.push(generateDirectEventInfo(event));
+      return directEvents;
+    }, []);
+
+  const directEvents =
+    directEventNames.length > 0
+      ? j.property(
+          'init',
+          j.identifier('directEventTypes'),
+          j.objectExpression(directEventNames),
+        )
+      : null;
+
+  const properties = [
+    j.property(
+      'init',
+      j.identifier('uiViewClassName'),
+      j.literal(componentName),
+    ),
+    bubblingEvents,
+    directEvents,
+    j.property('init', j.identifier('validAttributes'), validAttributes),
+  ].filter(Boolean);
+
+  return j.objectExpression(properties);
+}
+
+function buildCommands(
+  schema: SchemaType,
+  componentName: string,
+  component,
+  imports,
+) {
+  const commands = component.commands;
+
+  if (commands.length === 0) {
+    return null;
+  }
+
+  imports.add(
+    'const {dispatchCommand} = require("react-native/Libraries/Renderer/shims/ReactNative");',
+  );
+
+  const properties = commands.map(command => {
+    const commandName = command.name;
+    const params = command.typeAnnotation.params;
+
+    const commandNameLiteral = j.literal(commandName);
+    const commandNameIdentifier = j.identifier(commandName);
+    const arrayParams = j.arrayExpression(
+      params.map(param => {
+        return j.identifier(param.name);
+      }),
+    );
+
+    const expression = j.template
+      .expression`dispatchCommand(ref, ${commandNameLiteral}, ${arrayParams})`;
+
+    const functionParams = params.map(param => {
+      return j.identifier(param.name);
+    });
+
+    const property = j.property(
+      'init',
+      commandNameIdentifier,
+      j.functionExpression(
+        null,
+        [j.identifier('ref'), ...functionParams],
+        j.blockStatement([j.expressionStatement(expression)]),
+      ),
+    );
+    property.method = true;
+
+    return property;
+  });
+
+  return j.exportNamedDeclaration(
+    j.variableDeclaration('const', [
+      j.variableDeclarator(
+        j.identifier('Commands'),
+        j.objectExpression(properties),
+      ),
+    ]),
+  );
+}
+
+module.exports = {
+  generate(libraryName: string, schema: SchemaType): FilesOutput {
+    try {
+      const fileName = `${libraryName}NativeViewConfig.js`;
+      const imports: Set<string> = new Set();
+
+      const moduleResults = Object.keys(schema.modules)
+        .map(moduleName => {
+          const components = schema.modules[moduleName].components;
+          // No components in this module
+          if (components == null) {
+            return null;
+          }
+
+          return Object.keys(components)
+            .map(componentName => {
+              const component = components[componentName];
+
+              const paperComponentName = component.paperComponentName
+                ? component.paperComponentName
+                : componentName;
+
+              if (component.paperComponentNameDeprecated) {
+                imports.add(UIMANAGER_IMPORT);
+              }
+
+              const deprecatedCheckBlock = component.paperComponentNameDeprecated
+                ? deprecatedComponentTemplate
+                    .replace(/::_COMPONENT_NAME_::/g, componentName)
+                    .replace(
+                      /::_COMPONENT_NAME_DEPRECATED_::/g,
+                      component.paperComponentNameDeprecated || '',
+                    )
+                : '';
+
+              const replacedTemplate = componentTemplate
+                .replace(/::_COMPONENT_NAME_::/g, componentName)
+                .replace(
+                  /::_COMPONENT_NAME_WITH_COMPAT_SUPPORT_::/g,
+                  paperComponentName,
+                )
+                .replace(/::_DEPRECATION_CHECK_::/, deprecatedCheckBlock);
+
+              const replacedSourceRoot = j.withParser('flow')(replacedTemplate);
+
+              replacedSourceRoot
+                .find(j.Identifier, {
+                  name: 'VIEW_CONFIG',
+                })
+                .replaceWith(
+                  buildViewConfig(
+                    schema,
+                    paperComponentName,
+                    component,
+                    imports,
+                  ),
+                );
+
+              const commands = buildCommands(
+                schema,
+                paperComponentName,
+                component,
+                imports,
+              );
+              if (commands) {
+                replacedSourceRoot
+                  .find(j.ExportDefaultDeclaration)
+                  .insertAfter(j(commands).toSource());
+              }
+
+              const replacedSource: string = replacedSourceRoot.toSource({
+                quote: 'single',
+                trailingComma: true,
+              });
+
+              return replacedSource;
+            })
+            .join('\n\n');
+        })
+        .filter(Boolean)
+        .join('\n\n');
+
+      const replacedTemplate = template
+        .replace(/::_COMPONENT_CONFIG_::/g, moduleResults)
+        .replace(
+          '::_IMPORTS_::',
+          Array.from(imports)
+            .sort()
+            .join('\n'),
+        );
+
+      return new Map([[fileName, replacedTemplate]]);
+    } catch (error) {
+      console.error(`\nError parsing schema for ${libraryName}\n`);
+      console.error(JSON.stringify(schema));
+      throw error;
+    }
+  },
+};
diff --git a/packages/react-native-codegen/src/generators/components/JavaHelpers.js b/packages/react-native-codegen/src/generators/components/JavaHelpers.js
new file mode 100644
index 00000000000000..04f89398b37bbd
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/components/JavaHelpers.js
@@ -0,0 +1,92 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {ComponentShape} from '../../CodegenSchema';
+
+function upperCaseFirst(inString: string): string {
+  return inString[0].toUpperCase() + inString.slice(1);
+}
+
+function toSafeJavaString(
+  input: string,
+  shouldUpperCaseFirst?: boolean,
+): string {
+  const parts = input.split('-');
+
+  if (shouldUpperCaseFirst === false) {
+    return parts.join('');
+  }
+
+  return parts.map(upperCaseFirst).join('');
+}
+
+function getImports(component: ComponentShape): Set<string> {
+  const imports: Set<string> = new Set();
+
+  component.extendsProps.forEach(extendProps => {
+    switch (extendProps.type) {
+      case 'ReactNativeBuiltInType':
+        switch (extendProps.knownTypeName) {
+          case 'ReactNativeCoreViewProps':
+            imports.add('import android.view.View;');
+            return;
+          default:
+            (extendProps.knownTypeName: empty);
+            throw new Error('Invalid knownTypeName');
+        }
+      default:
+        (extendProps.type: empty);
+        throw new Error('Invalid extended type');
+    }
+  });
+
+  function addImportsForNativeName(name) {
+    switch (name) {
+      case 'ColorPrimitive':
+        return;
+      case 'ImageSourcePrimitive':
+        imports.add('import com.facebook.react.bridge.ReadableMap;');
+        return;
+      case 'PointPrimitive':
+        imports.add('import com.facebook.react.bridge.ReadableMap;');
+        return;
+      default:
+        (name: empty);
+        throw new Error(
+          `Invalid NativePrimitiveTypeAnnotation name, got ${name}`,
+        );
+    }
+  }
+
+  component.props.forEach(prop => {
+    const typeAnnotation = prop.typeAnnotation;
+
+    if (typeAnnotation.type === 'NativePrimitiveTypeAnnotation') {
+      addImportsForNativeName(typeAnnotation.name);
+    }
+
+    if (typeAnnotation.type === 'ArrayTypeAnnotation') {
+      imports.add('import com.facebook.react.bridge.ReadableArray;');
+    }
+
+    if (typeAnnotation.type === 'ObjectTypeAnnotation') {
+      imports.add('import com.facebook.react.bridge.ReadableMap;');
+    }
+  });
+
+  return imports;
+}
+
+module.exports = {
+  toSafeJavaString,
+  getImports,
+};
diff --git a/packages/react-native-codegen/src/generators/__test_fixtures__/fixtures.js b/packages/react-native-codegen/src/generators/components/__test_fixtures__/fixtures.js
similarity index 57%
rename from packages/react-native-codegen/src/generators/__test_fixtures__/fixtures.js
rename to packages/react-native-codegen/src/generators/components/__test_fixtures__/fixtures.js
index 4bb696833cfb58..ce824990eb60d1 100644
--- a/packages/react-native-codegen/src/generators/__test_fixtures__/fixtures.js
+++ b/packages/react-native-codegen/src/generators/components/__test_fixtures__/fixtures.js
@@ -10,7 +10,27 @@
 
 'use strict';
 
-import type {SchemaType} from '../../CodegenSchema.js';
+import type {SchemaType} from '../../../CodegenSchema.js';
+
+const NO_PROPS_NO_EVENTS: SchemaType = {
+  modules: {
+    NoPropsNoEvents: {
+      components: {
+        NoPropsNoEventsComponent: {
+          extendsProps: [
+            {
+              type: 'ReactNativeBuiltInType',
+              knownTypeName: 'ReactNativeCoreViewProps',
+            },
+          ],
+          events: [],
+          props: [],
+          commands: [],
+        },
+      },
+    },
+  },
+};
 
 const INTERFACE_ONLY: SchemaType = {
   modules: {
@@ -18,7 +38,7 @@ const INTERFACE_ONLY: SchemaType = {
       components: {
         InterfaceOnlyComponent: {
           interfaceOnly: true,
-          isDeprecatedPaperComponentNameRCT: true,
+          paperComponentName: 'RCTInterfaceOnlyComponent',
           extendsProps: [
             {
               type: 'ReactNativeBuiltInType',
@@ -55,6 +75,68 @@ const INTERFACE_ONLY: SchemaType = {
               },
             },
           ],
+          commands: [],
+        },
+      },
+    },
+  },
+};
+
+const EVENTS_WITH_PAPER_NAME: SchemaType = {
+  modules: {
+    Switch: {
+      components: {
+        InterfaceOnlyComponent: {
+          interfaceOnly: true,
+          paperComponentName: 'RCTInterfaceOnlyComponent',
+          extendsProps: [
+            {
+              type: 'ReactNativeBuiltInType',
+              knownTypeName: 'ReactNativeCoreViewProps',
+            },
+          ],
+          events: [
+            {
+              name: 'onChange',
+              paperTopLevelNameDeprecated: 'paperChange',
+              optional: true,
+              bubblingType: 'bubble',
+              typeAnnotation: {
+                type: 'EventTypeAnnotation',
+                argument: {
+                  type: 'ObjectTypeAnnotation',
+                  properties: [
+                    {
+                      type: 'BooleanTypeAnnotation',
+                      name: 'value',
+                      optional: false,
+                    },
+                  ],
+                },
+              },
+            },
+            {
+              name: 'onDire tChange',
+              paperTopLevelNameDeprecated: 'paperDirectChange',
+              optional: true,
+              bubblingType: 'direct',
+              typeAnnotation: {
+                type: 'EventTypeAnnotation',
+                argument: {
+                  type: 'ObjectTypeAnnotation',
+                  properties: [
+                    {
+                      type: 'BooleanTypeAnnotation',
+                      name: 'value',
+                      optional: false,
+                    },
+                  ],
+                },
+              },
+            },
+          ],
+          props: [],
+          commands: [],
         },
       },
     },
@@ -83,6 +165,7 @@ const BOOLEAN_PROP: SchemaType = {
               },
             },
           ],
+          commands: [],
         },
       },
     },
@@ -110,7 +193,16 @@ const STRING_PROP: SchemaType = {
                 default: '',
               },
             },
+            {
+              name: 'accessibilityRole',
+              optional: true,
+              typeAnnotation: {
+                type: 'StringTypeAnnotation',
+                default: null,
+              },
+            },
           ],
+          commands: [],
         },
       },
     },
@@ -155,6 +247,7 @@ const INTEGER_PROPS: SchemaType = {
               },
             },
           ],
+          commands: [],
         },
       },
     },
@@ -176,7 +269,7 @@ const FLOAT_PROPS: SchemaType = {
           props: [
             {
               name: 'blurRadius',
-              optional: true,
+              optional: false,
               typeAnnotation: {
                 type: 'FloatTypeAnnotation',
                 default: 0.0,
@@ -223,6 +316,76 @@ const FLOAT_PROPS: SchemaType = {
               },
             },
           ],
+          commands: [],
+        },
+      },
+    },
+  },
+};
+
+const DOUBLE_PROPS: SchemaType = {
+  modules: {
+    Switch: {
+      components: {
+        DoublePropNativeComponent: {
+          extendsProps: [
+            {
+              type: 'ReactNativeBuiltInType',
+              knownTypeName: 'ReactNativeCoreViewProps',
+            },
+          ],
+          events: [],
+          props: [
+            {
+              name: 'blurRadius',
+              optional: false,
+              typeAnnotation: {
+                type: 'DoubleTypeAnnotation',
+                default: 0.0,
+              },
+            },
+            {
+              name: 'blurRadius2',
+              optional: true,
+              typeAnnotation: {
+                type: 'DoubleTypeAnnotation',
+                default: 0.001,
+              },
+            },
+            {
+              name: 'blurRadius3',
+              optional: true,
+              typeAnnotation: {
+                type: 'DoubleTypeAnnotation',
+                default: 2.1,
+              },
+            },
+            {
+              name: 'blurRadius4',
+              optional: true,
+              typeAnnotation: {
+                type: 'DoubleTypeAnnotation',
+                default: 0,
+              },
+            },
+            {
+              name: 'blurRadius5',
+              optional: true,
+              typeAnnotation: {
+                type: 'DoubleTypeAnnotation',
+                default: 1,
+              },
+            },
+            {
+              name: 'blurRadius6',
+              optional: true,
+              typeAnnotation: {
+                type: 'DoubleTypeAnnotation',
+                default: -0.0,
+              },
+            },
+          ],
+          commands: [],
         },
       },
     },
@@ -251,6 +414,7 @@ const COLOR_PROP: SchemaType = {
               },
             },
           ],
+          commands: [],
         },
       },
     },
@@ -279,6 +443,7 @@ const IMAGE_PROP: SchemaType = {
               },
             },
           ],
+          commands: [],
         },
       },
     },
@@ -307,6 +472,7 @@ const POINT_PROP: SchemaType = {
               },
             },
           ],
+          commands: [],
         },
       },
     },
@@ -399,7 +565,174 @@ const ARRAY_PROPS: SchemaType = {
                 },
               },
             },
+            {
+              name: 'sizes',
+              optional: true,
+              typeAnnotation: {
+                type: 'ArrayTypeAnnotation',
+                elementType: {
+                  type: 'StringEnumTypeAnnotation',
+                  default: 'small',
+                  options: [
+                    {
+                      name: 'small',
+                    },
+                    {
+                      name: 'large',
+                    },
+                  ],
+                },
+              },
+            },
+            {
+              name: 'object',
+              optional: true,
+              typeAnnotation: {
+                type: 'ArrayTypeAnnotation',
+                elementType: {
+                  type: 'ObjectTypeAnnotation',
+                  properties: [
+                    {
+                      name: 'stringProp',
+                      optional: true,
+                      typeAnnotation: {
+                        type: 'StringTypeAnnotation',
+                        default: '',
+                      },
+                    },
+                  ],
+                },
+              },
+            },
           ],
+          commands: [],
+        },
+      },
+    },
+  },
+};
+
+const OBJECT_PROPS: SchemaType = {
+  modules: {
+    ObjectPropsNativeComponent: {
+      components: {
+        ObjectProps: {
+          extendsProps: [
+            {
+              type: 'ReactNativeBuiltInType',
+              knownTypeName: 'ReactNativeCoreViewProps',
+            },
+          ],
+          events: [],
+          props: [
+            {
+              name: 'objectProp',
+              optional: true,
+              typeAnnotation: {
+                type: 'ObjectTypeAnnotation',
+                properties: [
+                  {
+                    name: 'stringProp',
+                    optional: true,
+                    typeAnnotation: {
+                      type: 'StringTypeAnnotation',
+                      default: '',
+                    },
+                  },
+                  {
+                    name: 'booleanProp',
+                    optional: true,
+                    typeAnnotation: {
+                      type: 'BooleanTypeAnnotation',
+                      default: false,
+                    },
+                  },
+                  {
+                    name: 'floatProp',
+                    optional: true,
+                    typeAnnotation: {
+                      type: 'FloatTypeAnnotation',
+                      default: 0.0,
+                    },
+                  },
+                  {
+                    name: 'intProp',
+                    optional: true,
+                    typeAnnotation: {
+                      type: 'Int32TypeAnnotation',
+                      default: 0,
+                    },
+                  },
+                  {
+                    name: 'stringEnumProp',
+                    optional: true,
+                    typeAnnotation: {
+                      type: 'StringEnumTypeAnnotation',
+                      default: 'option1',
+                      options: [
+                        {
+                          name: 'option1',
+                        },
+                      ],
+                    },
+                  },
+                  {
+                    name: 'objectArrayProp',
+                    optional: false,
+                    typeAnnotation: {
+                      type: 'ObjectTypeAnnotation',
+                      properties: [
+                        {
+                          name: 'array',
+                          optional: true,
+                          typeAnnotation: {
+                            type: 'ArrayTypeAnnotation',
+                            elementType: {
+                              type: 'StringTypeAnnotation',
+                            },
+                          },
+                        },
+                      ],
+                    },
+                  },
+                  {
+                    name: 'objectPrimitiveRequiredProp',
+                    optional: false,
+                    typeAnnotation: {
+                      type: 'ObjectTypeAnnotation',
+                      properties: [
+                        {
+                          name: 'image',
+                          optional: true,
+                          typeAnnotation: {
+                            type: 'NativePrimitiveTypeAnnotation',
+                            name: 'ImageSourcePrimitive',
+                          },
+                        },
+                        {
+                          name: 'color',
+                          optional: true,
+                          typeAnnotation: {
+                            type: 'NativePrimitiveTypeAnnotation',
+                            name: 'ColorPrimitive',
+                          },
+                        },
+                        {
+                          name: 'point',
+                          optional: true,
+                          typeAnnotation: {
+                            type: 'NativePrimitiveTypeAnnotation',
+                            name: 'PointPrimitive',
+                          },
+                        },
+                      ],
+                    },
+                  },
+                ],
+              },
+            },
+          ],
+          commands: [],
         },
       },
     },
@@ -452,6 +785,7 @@ const MULTI_NATIVE_PROP: SchemaType = {
               },
             },
           ],
+          commands: [],
         },
       },
     },
@@ -491,6 +825,7 @@ const ENUM_PROP: SchemaType = {
               },
             },
           ],
+          commands: [],
         },
       },
     },
@@ -560,6 +895,40 @@ const EVENT_PROPS: SchemaType = {
                 },
               },
             },
+            {
+              name: 'onOrientationChange',
+              optional: true,
+              bubblingType: 'direct',
+              typeAnnotation: {
+                type: 'EventTypeAnnotation',
+                argument: {
+                  type: 'ObjectTypeAnnotation',
+                  properties: [
+                    {
+                      type: 'StringEnumTypeAnnotation',
+                      name: 'orientation',
+                      optional: false,
+                      options: [
+                        {
+                          name: 'landscape',
+                        },
+                        {
+                          name: 'portrait',
+                        },
+                      ],
+                    },
+                  ],
+                },
+              },
+            },
+            {
+              name: 'onEnd',
+              optional: true,
+              bubblingType: 'bubble',
+              typeAnnotation: {
+                type: 'EventTypeAnnotation',
+              },
+            },
           ],
           props: [
             {
@@ -571,6 +940,7 @@ const EVENT_PROPS: SchemaType = {
               },
             },
           ],
+          commands: [],
         },
       },
     },
@@ -642,6 +1012,7 @@ const EVENT_NESTED_OBJECT_PROPS: SchemaType = {
               },
             },
           ],
+          commands: [],
         },
       },
     },
@@ -670,6 +1041,7 @@ const TWO_COMPONENTS_SAME_FILE: SchemaType = {
               },
             },
           ],
+          commands: [],
         },
 
         MultiComponent2NativeComponent: {
@@ -690,6 +1062,7 @@ const TWO_COMPONENTS_SAME_FILE: SchemaType = {
               },
             },
           ],
+          commands: [],
         },
       },
     },
@@ -718,6 +1091,7 @@ const TWO_COMPONENTS_DIFFERENT_FILES: SchemaType = {
               },
             },
           ],
+          commands: [],
         },
       },
     },
@@ -742,6 +1116,126 @@ const TWO_COMPONENTS_DIFFERENT_FILES: SchemaType = {
               },
             },
           ],
+          commands: [],
+        },
+      },
+    },
+  },
+};
+
+const COMMANDS: SchemaType = {
+  modules: {
+    Switch: {
+      components: {
+        CommandNativeComponent: {
+          extendsProps: [
+            {
+              type: 'ReactNativeBuiltInType',
+              knownTypeName: 'ReactNativeCoreViewProps',
+            },
+          ],
+          events: [],
+          props: [],
+          commands: [
+            {
+              name: 'flashScrollIndicators',
+              optional: false,
+              typeAnnotation: {
+                type: 'FunctionTypeAnnotation',
+                params: [],
+              },
+            },
+            {
+              name: 'allTypes',
+              optional: false,
+              typeAnnotation: {
+                type: 'FunctionTypeAnnotation',
+                params: [
+                  {
+                    name: 'x',
+                    typeAnnotation: {
+                      type: 'Int32TypeAnnotation',
+                    },
+                  },
+                  {
+                    name: 'y',
+                    typeAnnotation: {
+                      type: 'FloatTypeAnnotation',
+                    },
+                  },
+                  {
+                    name: 'z',
+                    typeAnnotation: {
+                      type: 'DoubleTypeAnnotation',
+                    },
+                  },
+                  {
+                    name: 'message',
+                    typeAnnotation: {
+                      type: 'StringTypeAnnotation',
+                    },
+                  },
+                  {
+                    name: 'animated',
+                    typeAnnotation: {
+                      type: 'BooleanTypeAnnotation',
+                    },
+                  },
+                ],
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+};
+
+const COMMANDS_AND_PROPS: SchemaType = {
+  modules: {
+    Switch: {
+      components: {
+        CommandNativeComponent: {
+          extendsProps: [
+            {
+              type: 'ReactNativeBuiltInType',
+              knownTypeName: 'ReactNativeCoreViewProps',
+            },
+          ],
+          events: [],
+          props: [
+            {
+              name: 'accessibilityHint',
+              optional: true,
+              typeAnnotation: {
+                type: 'StringTypeAnnotation',
+                default: '',
+              },
+            },
+          ],
+          commands: [
+            {
+              name: 'hotspotUpdate',
+              optional: false,
+              typeAnnotation: {
+                type: 'FunctionTypeAnnotation',
+                params: [
+                  {
+                    name: 'x',
+                    typeAnnotation: {
+                      type: 'Int32TypeAnnotation',
+                    },
+                  },
+                  {
+                    name: 'y',
+                    typeAnnotation: {
+                      type: 'Int32TypeAnnotation',
+                    },
+                  },
+                ],
+              },
+            },
+          ],
         },
       },
     },
@@ -749,19 +1243,25 @@ const TWO_COMPONENTS_DIFFERENT_FILES: SchemaType = {
 };
 
 module.exports = {
+  NO_PROPS_NO_EVENTS,
   INTERFACE_ONLY,
   BOOLEAN_PROP,
   STRING_PROP,
   INTEGER_PROPS,
+  DOUBLE_PROPS,
   FLOAT_PROPS,
   COLOR_PROP,
   IMAGE_PROP,
   POINT_PROP,
   ARRAY_PROPS,
+  OBJECT_PROPS,
   MULTI_NATIVE_PROP,
   ENUM_PROP,
   EVENT_PROPS,
+  EVENTS_WITH_PAPER_NAME,
   EVENT_NESTED_OBJECT_PROPS,
   TWO_COMPONENTS_SAME_FILE,
   TWO_COMPONENTS_DIFFERENT_FILES,
+  COMMANDS,
+  COMMANDS_AND_PROPS,
 };
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
new file mode 100644
index 00000000000000..c73dd315c8bf95
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/components/__tests__/GenerateComponentDescriptorH-test.js
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const fixtures = require('../__test_fixtures__/fixtures.js');
+const generator = require('../GenerateComponentDescriptorH.js');
+
+describe('GenerateComponentDescriptorH', () => {
+  Object.keys(fixtures)
+    .sort()
+    .forEach(fixtureName => {
+      const fixture = fixtures[fixtureName];
+
+      it(`can generate fixture ${fixtureName}`, () => {
+        expect(
+          generator.generate(fixtureName, fixture, 'SampleSpec'),
+        ).toMatchSnapshot();
+      });
+    });
+});
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/GenerateComponentHObjCpp-test.js b/packages/react-native-codegen/src/generators/components/__tests__/GenerateComponentHObjCpp-test.js
new file mode 100644
index 00000000000000..44528dbbb02a37
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/components/__tests__/GenerateComponentHObjCpp-test.js
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const fixtures = require('../__test_fixtures__/fixtures.js');
+const generator = require('../GenerateComponentHObjCpp.js');
+
+describe('GenerateComponentHObjCpp', () => {
+  Object.keys(fixtures)
+    .sort()
+    .forEach(fixtureName => {
+      const fixture = fixtures[fixtureName];
+
+      it(`can generate fixture ${fixtureName}`, () => {
+        expect(
+          generator.generate(fixtureName, fixture, 'SampleSpec'),
+        ).toMatchSnapshot();
+      });
+    });
+});
diff --git a/packages/react-native-codegen/src/generators/__tests__/GenerateEventEmitterCpp-test.js b/packages/react-native-codegen/src/generators/components/__tests__/GenerateEventEmitterCpp-test.js
similarity index 85%
rename from packages/react-native-codegen/src/generators/__tests__/GenerateEventEmitterCpp-test.js
rename to packages/react-native-codegen/src/generators/components/__tests__/GenerateEventEmitterCpp-test.js
index 14ac106e959b4d..5a17690e597b8f 100644
--- a/packages/react-native-codegen/src/generators/__tests__/GenerateEventEmitterCpp-test.js
+++ b/packages/react-native-codegen/src/generators/components/__tests__/GenerateEventEmitterCpp-test.js
@@ -21,7 +21,9 @@ describe('GenerateEventEmitterCpp', () => {
       const fixture = fixtures[fixtureName];
 
       it(`can generate fixture ${fixtureName}`, () => {
-        expect(generator.generate(fixtureName, fixture)).toMatchSnapshot();
+        expect(
+          generator.generate(fixtureName, fixture, 'SampleSpec'),
+        ).toMatchSnapshot();
       });
     });
 });
diff --git a/packages/react-native-codegen/src/generators/__tests__/GenerateEventEmitterH-test.js b/packages/react-native-codegen/src/generators/components/__tests__/GenerateEventEmitterH-test.js
similarity index 84%
rename from packages/react-native-codegen/src/generators/__tests__/GenerateEventEmitterH-test.js
rename to packages/react-native-codegen/src/generators/components/__tests__/GenerateEventEmitterH-test.js
index 2b6a26422aa306..3b1974f66539f1 100644
--- a/packages/react-native-codegen/src/generators/__tests__/GenerateEventEmitterH-test.js
+++ b/packages/react-native-codegen/src/generators/components/__tests__/GenerateEventEmitterH-test.js
@@ -21,7 +21,9 @@ describe('GenerateEventEmitterH', () => {
       const fixture = fixtures[fixtureName];
 
       it(`can generate fixture ${fixtureName}`, () => {
-        expect(generator.generate(fixtureName, fixture)).toMatchSnapshot();
+        expect(
+          generator.generate(fixtureName, fixture, 'SampleSpec'),
+        ).toMatchSnapshot();
       });
     });
 });
diff --git a/packages/react-native-codegen/src/generators/__tests__/GeneratePropsCpp-test.js b/packages/react-native-codegen/src/generators/components/__tests__/GeneratePropsCpp-test.js
similarity index 84%
rename from packages/react-native-codegen/src/generators/__tests__/GeneratePropsCpp-test.js
rename to packages/react-native-codegen/src/generators/components/__tests__/GeneratePropsCpp-test.js
index f9b9332a1259ca..284c5457acadcb 100644
--- a/packages/react-native-codegen/src/generators/__tests__/GeneratePropsCpp-test.js
+++ b/packages/react-native-codegen/src/generators/components/__tests__/GeneratePropsCpp-test.js
@@ -21,7 +21,9 @@ describe('GeneratePropsCpp', () => {
       const fixture = fixtures[fixtureName];
 
       it(`can generate fixture ${fixtureName}`, () => {
-        expect(generator.generate(fixtureName, fixture)).toMatchSnapshot();
+        expect(
+          generator.generate(fixtureName, fixture, 'SampleSpec'),
+        ).toMatchSnapshot();
       });
     });
 });
diff --git a/packages/react-native-codegen/src/generators/__tests__/GeneratePropsH-test.js b/packages/react-native-codegen/src/generators/components/__tests__/GeneratePropsH-test.js
similarity index 84%
rename from packages/react-native-codegen/src/generators/__tests__/GeneratePropsH-test.js
rename to packages/react-native-codegen/src/generators/components/__tests__/GeneratePropsH-test.js
index 77305fc2c4a077..23f8769ebeb814 100644
--- a/packages/react-native-codegen/src/generators/__tests__/GeneratePropsH-test.js
+++ b/packages/react-native-codegen/src/generators/components/__tests__/GeneratePropsH-test.js
@@ -21,7 +21,9 @@ describe('GeneratePropsH', () => {
       const fixture = fixtures[fixtureName];
 
       it(`can generate fixture ${fixtureName}`, () => {
-        expect(generator.generate(fixtureName, fixture)).toMatchSnapshot();
+        expect(
+          generator.generate(fixtureName, fixture, 'SampleSpec'),
+        ).toMatchSnapshot();
       });
     });
 });
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/GeneratePropsJavaDelegate-test.js b/packages/react-native-codegen/src/generators/components/__tests__/GeneratePropsJavaDelegate-test.js
new file mode 100644
index 00000000000000..b9c5724c914e6a
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/components/__tests__/GeneratePropsJavaDelegate-test.js
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const fixtures = require('../__test_fixtures__/fixtures.js');
+const generator = require('../GeneratePropsJavaDelegate.js');
+
+describe('GeneratePropsJavaDelegate', () => {
+  Object.keys(fixtures)
+    .sort()
+    .forEach(fixtureName => {
+      const fixture = fixtures[fixtureName];
+
+      it(`can generate fixture ${fixtureName}`, () => {
+        expect(
+          generator.generate(fixtureName, fixture, 'SampleSpec'),
+        ).toMatchSnapshot();
+      });
+    });
+});
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/GeneratePropsJavaInterface-test.js b/packages/react-native-codegen/src/generators/components/__tests__/GeneratePropsJavaInterface-test.js
new file mode 100644
index 00000000000000..a14ac875cc7b9a
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/components/__tests__/GeneratePropsJavaInterface-test.js
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const fixtures = require('../__test_fixtures__/fixtures.js');
+const generator = require('../GeneratePropsJavaInterface.js');
+
+describe('GeneratePropsJavaInterface', () => {
+  Object.keys(fixtures)
+    .sort()
+    .forEach(fixtureName => {
+      const fixture = fixtures[fixtureName];
+
+      it(`can generate fixture ${fixtureName}`, () => {
+        expect(
+          generator.generate(fixtureName, fixture, 'SampleSpec'),
+        ).toMatchSnapshot();
+      });
+    });
+});
diff --git a/packages/react-native-codegen/src/generators/__tests__/GenerateShadowNodeCpp-test.js b/packages/react-native-codegen/src/generators/components/__tests__/GenerateShadowNodeCpp-test.js
similarity index 84%
rename from packages/react-native-codegen/src/generators/__tests__/GenerateShadowNodeCpp-test.js
rename to packages/react-native-codegen/src/generators/components/__tests__/GenerateShadowNodeCpp-test.js
index e023ed51a49f69..b3cc7efdcab26c 100644
--- a/packages/react-native-codegen/src/generators/__tests__/GenerateShadowNodeCpp-test.js
+++ b/packages/react-native-codegen/src/generators/components/__tests__/GenerateShadowNodeCpp-test.js
@@ -21,7 +21,9 @@ describe('GenerateShadowNodeCpp', () => {
       const fixture = fixtures[fixtureName];
 
       it(`can generate fixture ${fixtureName}`, () => {
-        expect(generator.generate(fixtureName, fixture)).toMatchSnapshot();
+        expect(
+          generator.generate(fixtureName, fixture, 'SampleSpec'),
+        ).toMatchSnapshot();
       });
     });
 });
diff --git a/packages/react-native-codegen/src/generators/__tests__/GenerateShadowNodeH-test.js b/packages/react-native-codegen/src/generators/components/__tests__/GenerateShadowNodeH-test.js
similarity index 84%
rename from packages/react-native-codegen/src/generators/__tests__/GenerateShadowNodeH-test.js
rename to packages/react-native-codegen/src/generators/components/__tests__/GenerateShadowNodeH-test.js
index ea704d4773d614..3edd5e3695fdab 100644
--- a/packages/react-native-codegen/src/generators/__tests__/GenerateShadowNodeH-test.js
+++ b/packages/react-native-codegen/src/generators/components/__tests__/GenerateShadowNodeH-test.js
@@ -21,7 +21,9 @@ describe('GenerateShadowNodeH', () => {
       const fixture = fixtures[fixtureName];
 
       it(`can generate fixture ${fixtureName}`, () => {
-        expect(generator.generate(fixtureName, fixture)).toMatchSnapshot();
+        expect(
+          generator.generate(fixtureName, fixture, 'SampleSpec'),
+        ).toMatchSnapshot();
       });
     });
 });
diff --git a/packages/react-native-codegen/src/generators/__tests__/GenerateTests-test.js b/packages/react-native-codegen/src/generators/components/__tests__/GenerateTests-test.js
similarity index 84%
rename from packages/react-native-codegen/src/generators/__tests__/GenerateTests-test.js
rename to packages/react-native-codegen/src/generators/components/__tests__/GenerateTests-test.js
index 6961d0b1754ee1..8b9f066b0c18b4 100644
--- a/packages/react-native-codegen/src/generators/__tests__/GenerateTests-test.js
+++ b/packages/react-native-codegen/src/generators/components/__tests__/GenerateTests-test.js
@@ -21,7 +21,9 @@ describe('GenerateTests', () => {
       const fixture = fixtures[fixtureName];
 
       it(`can generate fixture ${fixtureName}`, () => {
-        expect(generator.generate(fixtureName, fixture)).toMatchSnapshot();
+        expect(
+          generator.generate(fixtureName, fixture, 'SampleSpec'),
+        ).toMatchSnapshot();
       });
     });
 });
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/GenerateViewConfigJs-test.js b/packages/react-native-codegen/src/generators/components/__tests__/GenerateViewConfigJs-test.js
new file mode 100644
index 00000000000000..039398cb51dd61
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/components/__tests__/GenerateViewConfigJs-test.js
@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const fixtures = require('../__test_fixtures__/fixtures.js');
+const generator = require('../GenerateViewConfigJs.js');
+
+describe('GenerateViewConfigJs', () => {
+  Object.keys(fixtures)
+    .sort()
+    .forEach(fixtureName => {
+      const fixture = fixtures[fixtureName];
+
+      it(`can generate fixture ${fixtureName}`, () => {
+        expect(generator.generate(fixtureName, fixture)).toMatchSnapshot();
+      });
+    });
+
+  it('can generate fixture with a deprecated view config name', () => {
+    expect(
+      generator.generate('DEPRECATED_VIEW_CONFIG_NAME', {
+        modules: {
+          Component: {
+            components: {
+              NativeComponentName: {
+                paperComponentNameDeprecated: 'DeprecatedNativeComponentName',
+                extendsProps: [
+                  {
+                    type: 'ReactNativeBuiltInType',
+                    knownTypeName: 'ReactNativeCoreViewProps',
+                  },
+                ],
+                events: [],
+                props: [],
+                commands: [],
+              },
+            },
+          },
+        },
+      }),
+    ).toMatchSnapshot();
+  });
+});
diff --git a/packages/react-native-codegen/src/generators/__tests__/__snapshots__/GenerateComponentDescriptorH-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateComponentDescriptorH-test.js.snap
similarity index 55%
rename from packages/react-native-codegen/src/generators/__tests__/__snapshots__/GenerateComponentDescriptorH-test.js.snap
rename to packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateComponentDescriptorH-test.js.snap
index 6a46dea5fb24e6..efbb916a117c52 100644
--- a/packages/react-native-codegen/src/generators/__tests__/__snapshots__/GenerateComponentDescriptorH-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateComponentDescriptorH-test.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`GenerateComponentDescriptorH can generate a array props 1`] = `
+exports[`GenerateComponentDescriptorH can generate fixture ARRAY_PROPS 1`] = `
 Map {
   "ComponentDescriptors.h" => "
 /**
@@ -26,7 +26,7 @@ using ArrayPropsNativeComponentComponentDescriptor = ConcreteComponentDescriptor
 }
 `;
 
-exports[`GenerateComponentDescriptorH can generate a native primitive image prop 1`] = `
+exports[`GenerateComponentDescriptorH can generate fixture BOOLEAN_PROP 1`] = `
 Map {
   "ComponentDescriptors.h" => "
 /**
@@ -38,13 +38,13 @@ Map {
 
 #pragma once
 
-#include <react/components/IMAGE_PROP/ShadowNodes.h>
+#include <react/components/BOOLEAN_PROP/ShadowNodes.h>
 #include <react/core/ConcreteComponentDescriptor.h>
 
 namespace facebook {
 namespace react {
 
-using ImagePropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<ImagePropNativeComponentShadowNode>;
+using BooleanPropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<BooleanPropNativeComponentShadowNode>;
 
 } // namespace react
 } // namespace facebook
@@ -52,7 +52,7 @@ using ImagePropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<
 }
 `;
 
-exports[`GenerateComponentDescriptorH can generate a native primitive point prop 1`] = `
+exports[`GenerateComponentDescriptorH can generate fixture COLOR_PROP 1`] = `
 Map {
   "ComponentDescriptors.h" => "
 /**
@@ -64,13 +64,13 @@ Map {
 
 #pragma once
 
-#include <react/components/IMAGE_PROP/ShadowNodes.h>
+#include <react/components/COLOR_PROP/ShadowNodes.h>
 #include <react/core/ConcreteComponentDescriptor.h>
 
 namespace facebook {
 namespace react {
 
-using PointPropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<PointPropNativeComponentShadowNode>;
+using ColorPropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<ColorPropNativeComponentShadowNode>;
 
 } // namespace react
 } // namespace facebook
@@ -78,7 +78,7 @@ using PointPropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<
 }
 `;
 
-exports[`GenerateComponentDescriptorH can generate a single boolean prop 1`] = `
+exports[`GenerateComponentDescriptorH can generate fixture COMMANDS 1`] = `
 Map {
   "ComponentDescriptors.h" => "
 /**
@@ -90,13 +90,13 @@ Map {
 
 #pragma once
 
-#include <react/components/BOOLEAN_PROP/ShadowNodes.h>
+#include <react/components/COMMANDS/ShadowNodes.h>
 #include <react/core/ConcreteComponentDescriptor.h>
 
 namespace facebook {
 namespace react {
 
-using BooleanPropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<BooleanPropNativeComponentShadowNode>;
+using CommandNativeComponentComponentDescriptor = ConcreteComponentDescriptor<CommandNativeComponentShadowNode>;
 
 } // namespace react
 } // namespace facebook
@@ -104,7 +104,7 @@ using BooleanPropNativeComponentComponentDescriptor = ConcreteComponentDescripto
 }
 `;
 
-exports[`GenerateComponentDescriptorH can generate a single native primitive prop 1`] = `
+exports[`GenerateComponentDescriptorH can generate fixture COMMANDS_AND_PROPS 1`] = `
 Map {
   "ComponentDescriptors.h" => "
 /**
@@ -116,13 +116,13 @@ Map {
 
 #pragma once
 
-#include <react/components/COLOR_PROP/ShadowNodes.h>
+#include <react/components/COMMANDS_AND_PROPS/ShadowNodes.h>
 #include <react/core/ConcreteComponentDescriptor.h>
 
 namespace facebook {
 namespace react {
 
-using ColorPropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<ColorPropNativeComponentShadowNode>;
+using CommandNativeComponentComponentDescriptor = ConcreteComponentDescriptor<CommandNativeComponentShadowNode>;
 
 } // namespace react
 } // namespace facebook
@@ -130,7 +130,7 @@ using ColorPropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<
 }
 `;
 
-exports[`GenerateComponentDescriptorH can generate a single string prop 1`] = `
+exports[`GenerateComponentDescriptorH can generate fixture DOUBLE_PROPS 1`] = `
 Map {
   "ComponentDescriptors.h" => "
 /**
@@ -142,13 +142,13 @@ Map {
 
 #pragma once
 
-#include <react/components/STRING_PROPS/ShadowNodes.h>
+#include <react/components/DOUBLE_PROPS/ShadowNodes.h>
 #include <react/core/ConcreteComponentDescriptor.h>
 
 namespace facebook {
 namespace react {
 
-using StringPropComponentComponentDescriptor = ConcreteComponentDescriptor<StringPropComponentShadowNode>;
+using DoublePropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<DoublePropNativeComponentShadowNode>;
 
 } // namespace react
 } // namespace facebook
@@ -156,7 +156,7 @@ using StringPropComponentComponentDescriptor = ConcreteComponentDescriptor<Strin
 }
 `;
 
-exports[`GenerateComponentDescriptorH can generate enum props 1`] = `
+exports[`GenerateComponentDescriptorH can generate fixture ENUM_PROP 1`] = `
 Map {
   "ComponentDescriptors.h" => "
 /**
@@ -182,7 +182,33 @@ using EnumPropsNativeComponentComponentDescriptor = ConcreteComponentDescriptor<
 }
 `;
 
-exports[`GenerateComponentDescriptorH can generate events 1`] = `
+exports[`GenerateComponentDescriptorH can generate fixture EVENT_NESTED_OBJECT_PROPS 1`] = `
+Map {
+  "ComponentDescriptors.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/EVENT_NESTED_OBJECT_PROPS/ShadowNodes.h>
+#include <react/core/ConcreteComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+using EventsNestedObjectNativeComponentComponentDescriptor = ConcreteComponentDescriptor<EventsNestedObjectNativeComponentShadowNode>;
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorH can generate fixture EVENT_PROPS 1`] = `
 Map {
   "ComponentDescriptors.h" => "
 /**
@@ -208,7 +234,33 @@ using EventsNativeComponentComponentDescriptor = ConcreteComponentDescriptor<Eve
 }
 `;
 
-exports[`GenerateComponentDescriptorH can generate float props 1`] = `
+exports[`GenerateComponentDescriptorH can generate fixture EVENTS_WITH_PAPER_NAME 1`] = `
+Map {
+  "ComponentDescriptors.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/EVENTS_WITH_PAPER_NAME/ShadowNodes.h>
+#include <react/core/ConcreteComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorH can generate fixture FLOAT_PROPS 1`] = `
 Map {
   "ComponentDescriptors.h" => "
 /**
@@ -234,7 +286,33 @@ using FloatPropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<
 }
 `;
 
-exports[`GenerateComponentDescriptorH can generate integer props 1`] = `
+exports[`GenerateComponentDescriptorH can generate fixture IMAGE_PROP 1`] = `
+Map {
+  "ComponentDescriptors.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/IMAGE_PROP/ShadowNodes.h>
+#include <react/core/ConcreteComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+using ImagePropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<ImagePropNativeComponentShadowNode>;
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorH can generate fixture INTEGER_PROPS 1`] = `
 Map {
   "ComponentDescriptors.h" => "
 /**
@@ -260,7 +338,33 @@ using IntegerPropNativeComponentComponentDescriptor = ConcreteComponentDescripto
 }
 `;
 
-exports[`GenerateComponentDescriptorH can generate multiple native props 1`] = `
+exports[`GenerateComponentDescriptorH can generate fixture INTERFACE_ONLY 1`] = `
+Map {
+  "ComponentDescriptors.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/INTERFACE_ONLY/ShadowNodes.h>
+#include <react/core/ConcreteComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorH can generate fixture MULTI_NATIVE_PROP 1`] = `
 Map {
   "ComponentDescriptors.h" => "
 /**
@@ -286,7 +390,111 @@ using ImageColorPropNativeComponentComponentDescriptor = ConcreteComponentDescri
 }
 `;
 
-exports[`GenerateComponentDescriptorH supports two components from different modules 1`] = `
+exports[`GenerateComponentDescriptorH can generate fixture NO_PROPS_NO_EVENTS 1`] = `
+Map {
+  "ComponentDescriptors.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/NO_PROPS_NO_EVENTS/ShadowNodes.h>
+#include <react/core/ConcreteComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+using NoPropsNoEventsComponentComponentDescriptor = ConcreteComponentDescriptor<NoPropsNoEventsComponentShadowNode>;
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorH can generate fixture OBJECT_PROPS 1`] = `
+Map {
+  "ComponentDescriptors.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/OBJECT_PROPS/ShadowNodes.h>
+#include <react/core/ConcreteComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+using ObjectPropsComponentDescriptor = ConcreteComponentDescriptor<ObjectPropsShadowNode>;
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorH can generate fixture POINT_PROP 1`] = `
+Map {
+  "ComponentDescriptors.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/POINT_PROP/ShadowNodes.h>
+#include <react/core/ConcreteComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+using PointPropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<PointPropNativeComponentShadowNode>;
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorH can generate fixture STRING_PROP 1`] = `
+Map {
+  "ComponentDescriptors.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/STRING_PROP/ShadowNodes.h>
+#include <react/core/ConcreteComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+using StringPropComponentComponentDescriptor = ConcreteComponentDescriptor<StringPropComponentShadowNode>;
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorH can generate fixture TWO_COMPONENTS_DIFFERENT_FILES 1`] = `
 Map {
   "ComponentDescriptors.h" => "
 /**
@@ -313,7 +521,7 @@ using MultiFile2NativeComponentComponentDescriptor = ConcreteComponentDescriptor
 }
 `;
 
-exports[`GenerateComponentDescriptorH supports two components from same module 1`] = `
+exports[`GenerateComponentDescriptorH can generate fixture TWO_COMPONENTS_SAME_FILE 1`] = `
 Map {
   "ComponentDescriptors.h" => "
 /**
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
new file mode 100644
index 00000000000000..63244336cf3789
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateComponentHObjCpp-test.js.snap
@@ -0,0 +1,607 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GenerateComponentHObjCpp can generate fixture ARRAY_PROPS 1`] = `
+Map {
+  "RCTComponentViewHelpers.h" => "/**
+* Copyright (c) Facebook, Inc. and its 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 <React/RCTLog.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTArrayPropsNativeComponentViewProtocol <NSObject>
+
+@end
+
+NS_ASSUME_NONNULL_END",
+}
+`;
+
+exports[`GenerateComponentHObjCpp can generate fixture BOOLEAN_PROP 1`] = `
+Map {
+  "RCTComponentViewHelpers.h" => "/**
+* Copyright (c) Facebook, Inc. and its 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 <React/RCTLog.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTBooleanPropNativeComponentViewProtocol <NSObject>
+
+@end
+
+NS_ASSUME_NONNULL_END",
+}
+`;
+
+exports[`GenerateComponentHObjCpp can generate fixture COLOR_PROP 1`] = `
+Map {
+  "RCTComponentViewHelpers.h" => "/**
+* Copyright (c) Facebook, Inc. and its 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 <React/RCTLog.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTColorPropNativeComponentViewProtocol <NSObject>
+
+@end
+
+NS_ASSUME_NONNULL_END",
+}
+`;
+
+exports[`GenerateComponentHObjCpp can generate fixture COMMANDS 1`] = `
+Map {
+  "RCTComponentViewHelpers.h" => "/**
+* Copyright (c) Facebook, Inc. and its 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 <React/RCTLog.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTCommandNativeComponentViewProtocol <NSObject>
+- (void)flashScrollIndicators;
+- (void)allTypes:(NSInteger)x y:(float)y z:(double)z message:(NSString *)message animated:(BOOL)animated;
+@end
+
+RCT_EXTERN inline void RCTCommandNativeComponentHandleCommand(
+  id<CommandNativeComponentViewProtocol> componentView,
+  NSString const *commandName,
+  NSArray const *args)
+{
+  if ([commandName isEqualToString:@\\"flashScrollIndicators\\"]) {
+#if RCT_DEBUG
+  if ([args count] != 0) {
+    RCTLogError(@\\"%@ command %@ received %d arguments, expected %d.\\", @\\"CommandNativeComponent\\", commandName, (int)[args count], 0);
+    return;
+  }
+#endif
+
+
+
+  [componentView flashScrollIndicators]
+  return;
+}
+
+if ([commandName isEqualToString:@\\"allTypes\\"]) {
+#if RCT_DEBUG
+  if ([args count] != 5) {
+    RCTLogError(@\\"%@ command %@ received %d arguments, expected %d.\\", @\\"CommandNativeComponent\\", commandName, (int)[args count], 5);
+    return;
+  }
+#endif
+
+#if RCT_DEBUG
+  NSObject *arg0 = args[0];
+  if (!RCTValidateTypeOfViewCommandArgument(arg0, [NSNumber class], @\\"number\\", @\\"CommandNativeComponent\\", commandName, @\\"1st\\")) {
+    return;
+  }
+#endif
+  NSInteger x = [(NSNumber *)arg0 intValue];
+
+#if RCT_DEBUG
+  NSObject *arg1 = args[1];
+  if (!RCTValidateTypeOfViewCommandArgument(arg1, [NSNumber class], @\\"float\\", @\\"CommandNativeComponent\\", commandName, @\\"2nd\\")) {
+    return;
+  }
+#endif
+  float y = [(NSNumber *)arg1 floatValue];
+
+#if RCT_DEBUG
+  NSObject *arg2 = args[2];
+  if (!RCTValidateTypeOfViewCommandArgument(arg2, [NSNumber class], @\\"double\\", @\\"CommandNativeComponent\\", commandName, @\\"3rd\\")) {
+    return;
+  }
+#endif
+  double z = [(NSNumber *)arg2 doubleValue];
+
+#if RCT_DEBUG
+  NSObject *arg3 = args[3];
+  if (!RCTValidateTypeOfViewCommandArgument(arg3, [NSString class], @\\"string\\", @\\"CommandNativeComponent\\", commandName, @\\"4th\\")) {
+    return;
+  }
+#endif
+  NSString * message = (NSString *)arg3;
+
+#if RCT_DEBUG
+  NSObject *arg4 = args[4];
+  if (!RCTValidateTypeOfViewCommandArgument(arg4, [NSNumber class], @\\"boolean\\", @\\"CommandNativeComponent\\", commandName, @\\"5th\\")) {
+    return;
+  }
+#endif
+  BOOL animated = [(NSNumber *)arg4 boolValue];
+
+  [componentView allTypes:x y:y z:z message:message animated:animated]
+  return;
+}
+
+#if RCT_DEBUG
+  RCTLogError(@\\"%@ received command %@, which is not a supported command.\\", @\\"CommandNativeComponent\\", commandName);
+#endif
+}
+
+NS_ASSUME_NONNULL_END",
+}
+`;
+
+exports[`GenerateComponentHObjCpp can generate fixture COMMANDS_AND_PROPS 1`] = `
+Map {
+  "RCTComponentViewHelpers.h" => "/**
+* Copyright (c) Facebook, Inc. and its 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 <React/RCTLog.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTCommandNativeComponentViewProtocol <NSObject>
+- (void)hotspotUpdate:(NSInteger)x y:(NSInteger)y;
+@end
+
+RCT_EXTERN inline void RCTCommandNativeComponentHandleCommand(
+  id<CommandNativeComponentViewProtocol> componentView,
+  NSString const *commandName,
+  NSArray const *args)
+{
+  if ([commandName isEqualToString:@\\"hotspotUpdate\\"]) {
+#if RCT_DEBUG
+  if ([args count] != 2) {
+    RCTLogError(@\\"%@ command %@ received %d arguments, expected %d.\\", @\\"CommandNativeComponent\\", commandName, (int)[args count], 2);
+    return;
+  }
+#endif
+
+#if RCT_DEBUG
+  NSObject *arg0 = args[0];
+  if (!RCTValidateTypeOfViewCommandArgument(arg0, [NSNumber class], @\\"number\\", @\\"CommandNativeComponent\\", commandName, @\\"1st\\")) {
+    return;
+  }
+#endif
+  NSInteger x = [(NSNumber *)arg0 intValue];
+
+#if RCT_DEBUG
+  NSObject *arg1 = args[1];
+  if (!RCTValidateTypeOfViewCommandArgument(arg1, [NSNumber class], @\\"number\\", @\\"CommandNativeComponent\\", commandName, @\\"2nd\\")) {
+    return;
+  }
+#endif
+  NSInteger y = [(NSNumber *)arg1 intValue];
+
+  [componentView hotspotUpdate:x y:y]
+  return;
+}
+
+#if RCT_DEBUG
+  RCTLogError(@\\"%@ received command %@, which is not a supported command.\\", @\\"CommandNativeComponent\\", commandName);
+#endif
+}
+
+NS_ASSUME_NONNULL_END",
+}
+`;
+
+exports[`GenerateComponentHObjCpp can generate fixture DOUBLE_PROPS 1`] = `
+Map {
+  "RCTComponentViewHelpers.h" => "/**
+* Copyright (c) Facebook, Inc. and its 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 <React/RCTLog.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTDoublePropNativeComponentViewProtocol <NSObject>
+
+@end
+
+NS_ASSUME_NONNULL_END",
+}
+`;
+
+exports[`GenerateComponentHObjCpp can generate fixture ENUM_PROP 1`] = `
+Map {
+  "RCTComponentViewHelpers.h" => "/**
+* Copyright (c) Facebook, Inc. and its 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 <React/RCTLog.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTEnumPropsNativeComponentViewProtocol <NSObject>
+
+@end
+
+NS_ASSUME_NONNULL_END",
+}
+`;
+
+exports[`GenerateComponentHObjCpp can generate fixture EVENT_NESTED_OBJECT_PROPS 1`] = `
+Map {
+  "RCTComponentViewHelpers.h" => "/**
+* Copyright (c) Facebook, Inc. and its 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 <React/RCTLog.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTEventsNestedObjectNativeComponentViewProtocol <NSObject>
+
+@end
+
+NS_ASSUME_NONNULL_END",
+}
+`;
+
+exports[`GenerateComponentHObjCpp can generate fixture EVENT_PROPS 1`] = `
+Map {
+  "RCTComponentViewHelpers.h" => "/**
+* Copyright (c) Facebook, Inc. and its 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 <React/RCTLog.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTEventsNativeComponentViewProtocol <NSObject>
+
+@end
+
+NS_ASSUME_NONNULL_END",
+}
+`;
+
+exports[`GenerateComponentHObjCpp can generate fixture EVENTS_WITH_PAPER_NAME 1`] = `
+Map {
+  "RCTComponentViewHelpers.h" => "/**
+* Copyright (c) Facebook, Inc. and its 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 <React/RCTLog.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTInterfaceOnlyComponentViewProtocol <NSObject>
+
+@end
+
+NS_ASSUME_NONNULL_END",
+}
+`;
+
+exports[`GenerateComponentHObjCpp can generate fixture FLOAT_PROPS 1`] = `
+Map {
+  "RCTComponentViewHelpers.h" => "/**
+* Copyright (c) Facebook, Inc. and its 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 <React/RCTLog.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTFloatPropNativeComponentViewProtocol <NSObject>
+
+@end
+
+NS_ASSUME_NONNULL_END",
+}
+`;
+
+exports[`GenerateComponentHObjCpp can generate fixture IMAGE_PROP 1`] = `
+Map {
+  "RCTComponentViewHelpers.h" => "/**
+* Copyright (c) Facebook, Inc. and its 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 <React/RCTLog.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTImagePropNativeComponentViewProtocol <NSObject>
+
+@end
+
+NS_ASSUME_NONNULL_END",
+}
+`;
+
+exports[`GenerateComponentHObjCpp can generate fixture INTEGER_PROPS 1`] = `
+Map {
+  "RCTComponentViewHelpers.h" => "/**
+* Copyright (c) Facebook, Inc. and its 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 <React/RCTLog.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTIntegerPropNativeComponentViewProtocol <NSObject>
+
+@end
+
+NS_ASSUME_NONNULL_END",
+}
+`;
+
+exports[`GenerateComponentHObjCpp can generate fixture INTERFACE_ONLY 1`] = `
+Map {
+  "RCTComponentViewHelpers.h" => "/**
+* Copyright (c) Facebook, Inc. and its 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 <React/RCTLog.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTInterfaceOnlyComponentViewProtocol <NSObject>
+
+@end
+
+NS_ASSUME_NONNULL_END",
+}
+`;
+
+exports[`GenerateComponentHObjCpp can generate fixture MULTI_NATIVE_PROP 1`] = `
+Map {
+  "RCTComponentViewHelpers.h" => "/**
+* Copyright (c) Facebook, Inc. and its 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 <React/RCTLog.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTImageColorPropNativeComponentViewProtocol <NSObject>
+
+@end
+
+NS_ASSUME_NONNULL_END",
+}
+`;
+
+exports[`GenerateComponentHObjCpp can generate fixture NO_PROPS_NO_EVENTS 1`] = `
+Map {
+  "RCTComponentViewHelpers.h" => "/**
+* Copyright (c) Facebook, Inc. and its 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 <React/RCTLog.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTNoPropsNoEventsComponentViewProtocol <NSObject>
+
+@end
+
+NS_ASSUME_NONNULL_END",
+}
+`;
+
+exports[`GenerateComponentHObjCpp can generate fixture OBJECT_PROPS 1`] = `
+Map {
+  "RCTComponentViewHelpers.h" => "/**
+* Copyright (c) Facebook, Inc. and its 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 <React/RCTLog.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTObjectPropsViewProtocol <NSObject>
+
+@end
+
+NS_ASSUME_NONNULL_END",
+}
+`;
+
+exports[`GenerateComponentHObjCpp can generate fixture POINT_PROP 1`] = `
+Map {
+  "RCTComponentViewHelpers.h" => "/**
+* Copyright (c) Facebook, Inc. and its 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 <React/RCTLog.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTPointPropNativeComponentViewProtocol <NSObject>
+
+@end
+
+NS_ASSUME_NONNULL_END",
+}
+`;
+
+exports[`GenerateComponentHObjCpp can generate fixture STRING_PROP 1`] = `
+Map {
+  "RCTComponentViewHelpers.h" => "/**
+* Copyright (c) Facebook, Inc. and its 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 <React/RCTLog.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTStringPropComponentViewProtocol <NSObject>
+
+@end
+
+NS_ASSUME_NONNULL_END",
+}
+`;
+
+exports[`GenerateComponentHObjCpp can generate fixture TWO_COMPONENTS_DIFFERENT_FILES 1`] = `
+Map {
+  "RCTComponentViewHelpers.h" => "/**
+* Copyright (c) Facebook, Inc. and its 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 <React/RCTLog.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTMultiFile1NativeComponentViewProtocol <NSObject>
+
+@end
+
+@protocol RCTMultiFile2NativeComponentViewProtocol <NSObject>
+
+@end
+
+NS_ASSUME_NONNULL_END",
+}
+`;
+
+exports[`GenerateComponentHObjCpp can generate fixture TWO_COMPONENTS_SAME_FILE 1`] = `
+Map {
+  "RCTComponentViewHelpers.h" => "/**
+* Copyright (c) Facebook, Inc. and its 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 <React/RCTLog.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTMultiComponent1NativeComponentViewProtocol <NSObject>
+
+@end
+
+@protocol RCTMultiComponent2NativeComponentViewProtocol <NSObject>
+
+@end
+
+NS_ASSUME_NONNULL_END",
+}
+`;
diff --git a/packages/react-native-codegen/src/generators/__tests__/__snapshots__/GenerateEventEmitterCpp-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateEventEmitterCpp-test.js.snap
similarity index 69%
rename from packages/react-native-codegen/src/generators/__tests__/__snapshots__/GenerateEventEmitterCpp-test.js.snap
rename to packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateEventEmitterCpp-test.js.snap
index 41ed47758c43aa..3ab1646e61f816 100644
--- a/packages/react-native-codegen/src/generators/__tests__/__snapshots__/GenerateEventEmitterCpp-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateEventEmitterCpp-test.js.snap
@@ -63,6 +63,75 @@ namespace react {
 
 
 
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateEventEmitterCpp can generate fixture COMMANDS 1`] = `
+Map {
+  "EventEmitters.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/COMMANDS/EventEmitters.h>
+
+namespace facebook {
+namespace react {
+
+
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateEventEmitterCpp can generate fixture COMMANDS_AND_PROPS 1`] = `
+Map {
+  "EventEmitters.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/COMMANDS_AND_PROPS/EventEmitters.h>
+
+namespace facebook {
+namespace react {
+
+
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateEventEmitterCpp can generate fixture DOUBLE_PROPS 1`] = `
+Map {
+  "EventEmitters.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/DOUBLE_PROPS/EventEmitters.h>
+
+namespace facebook {
+namespace react {
+
+
+
 } // namespace react
 } // namespace facebook
 ",
@@ -165,6 +234,52 @@ void EventsNativeComponentEventEmitter::onEventDirect(EventsNativeComponentOnEve
     return payload;
   });
 }
+void EventsNativeComponentEventEmitter::onOrientationChange(EventsNativeComponentOnOrientationChangeStruct event) const {
+  dispatchEvent(\\"orientationChange\\", [event=std::move(event)](jsi::Runtime &runtime) {
+    auto payload = jsi::Object(runtime);
+    payload.setProperty(runtime, \\"orientation\\", toString(event.orientation));
+    return payload;
+  });
+}
+void EventsNativeComponentEventEmitter::onEnd() const {
+  dispatchEvent(\\"end\\");
+}
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateEventEmitterCpp can generate fixture EVENTS_WITH_PAPER_NAME 1`] = `
+Map {
+  "EventEmitters.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/EVENTS_WITH_PAPER_NAME/EventEmitters.h>
+
+namespace facebook {
+namespace react {
+
+void InterfaceOnlyComponentEventEmitter::onChange(InterfaceOnlyComponentOnChangeStruct event) const {
+  dispatchEvent(\\"change\\", [event=std::move(event)](jsi::Runtime &runtime) {
+    auto payload = jsi::Object(runtime);
+    payload.setProperty(runtime, \\"value\\", event.value);
+    return payload;
+  });
+}
+void InterfaceOnlyComponentEventEmitter::onDire tChange(InterfaceOnlyComponentOnDire tChangeStruct event) const {
+  dispatchEvent(\\"dire tChange\\", [event=std::move(event)](jsi::Runtime &runtime) {
+    auto payload = jsi::Object(runtime);
+    payload.setProperty(runtime, \\"value\\", event.value);
+    return payload;
+  });
+}
 
 } // namespace react
 } // namespace facebook
@@ -287,6 +402,52 @@ namespace react {
 
 
 
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateEventEmitterCpp can generate fixture NO_PROPS_NO_EVENTS 1`] = `
+Map {
+  "EventEmitters.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/NO_PROPS_NO_EVENTS/EventEmitters.h>
+
+namespace facebook {
+namespace react {
+
+
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateEventEmitterCpp can generate fixture OBJECT_PROPS 1`] = `
+Map {
+  "EventEmitters.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/OBJECT_PROPS/EventEmitters.h>
+
+namespace facebook {
+namespace react {
+
+
+
 } // namespace react
 } // namespace facebook
 ",
diff --git a/packages/react-native-codegen/src/generators/__tests__/__snapshots__/GenerateEventEmitterH-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateEventEmitterH-test.js.snap
similarity index 68%
rename from packages/react-native-codegen/src/generators/__tests__/__snapshots__/GenerateEventEmitterH-test.js.snap
rename to packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateEventEmitterH-test.js.snap
index bf3c4da2b95e17..f8f8f28e9b78d5 100644
--- a/packages/react-native-codegen/src/generators/__tests__/__snapshots__/GenerateEventEmitterH-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateEventEmitterH-test.js.snap
@@ -66,6 +66,78 @@ namespace react {
 
 
 
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateEventEmitterH can generate fixture COMMANDS 1`] = `
+Map {
+  "EventEmitters.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/view/ViewEventEmitter.h>
+
+namespace facebook {
+namespace react {
+
+
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateEventEmitterH can generate fixture COMMANDS_AND_PROPS 1`] = `
+Map {
+  "EventEmitters.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/view/ViewEventEmitter.h>
+
+namespace facebook {
+namespace react {
+
+
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateEventEmitterH can generate fixture DOUBLE_PROPS 1`] = `
+Map {
+  "EventEmitters.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/view/ViewEventEmitter.h>
+
+namespace facebook {
+namespace react {
+
+
+
 } // namespace react
 } // namespace facebook
 ",
@@ -166,6 +238,22 @@ struct EventsNativeComponentOnEventDirectStruct {
   bool value;
 };
 
+enum class EventsNativeComponentOnOrientationChangeOrientationStruct {
+  Landscape,
+  Portrait
+};
+
+inline char const *toString(const EventsNativeComponentOnOrientationChangeOrientationStruct value) {
+  switch (value) {
+    case EventsNativeComponentOnOrientationChangeOrientationStruct::Landscape: return \\"landscape\\";
+    case EventsNativeComponentOnOrientationChangeOrientationStruct::Portrait: return \\"portrait\\";
+  }
+}
+
+struct EventsNativeComponentOnOrientationChangeStruct {
+  EventsNativeComponentOnOrientationChangeOrientationStruct orientation;
+};
+
 class EventsNativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -173,6 +261,49 @@ class EventsNativeComponentEventEmitter : public ViewEventEmitter {
   void onChange(EventsNativeComponentOnChangeStruct value) const;
 
   void onEventDirect(EventsNativeComponentOnEventDirectStruct value) const;
+
+  void onOrientationChange(EventsNativeComponentOnOrientationChangeStruct value) const;
+
+  void onEnd() const;
+};
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateEventEmitterH can generate fixture EVENTS_WITH_PAPER_NAME 1`] = `
+Map {
+  "EventEmitters.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/view/ViewEventEmitter.h>
+
+namespace facebook {
+namespace react {
+
+struct InterfaceOnlyComponentOnChangeStruct {
+  bool value;
+};
+
+struct InterfaceOnlyComponentOnDire tChangeStruct {
+  bool value;
+};
+
+class InterfaceOnlyComponentEventEmitter : public ViewEventEmitter {
+ public:
+  using ViewEventEmitter::ViewEventEmitter;
+
+  void onChange(InterfaceOnlyComponentOnChangeStruct value) const;
+
+  void onDire tChange(InterfaceOnlyComponentOnDire tChangeStruct value) const;
 };
 
 } // namespace react
@@ -304,6 +435,54 @@ namespace react {
 
 
 
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateEventEmitterH can generate fixture NO_PROPS_NO_EVENTS 1`] = `
+Map {
+  "EventEmitters.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/view/ViewEventEmitter.h>
+
+namespace facebook {
+namespace react {
+
+
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateEventEmitterH can generate fixture OBJECT_PROPS 1`] = `
+Map {
+  "EventEmitters.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/view/ViewEventEmitter.h>
+
+namespace facebook {
+namespace react {
+
+
+
 } // namespace react
 } // namespace facebook
 ",
diff --git a/packages/react-native-codegen/src/generators/__tests__/__snapshots__/GeneratePropsCpp-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsCpp-test.js.snap
similarity index 72%
rename from packages/react-native-codegen/src/generators/__tests__/__snapshots__/GeneratePropsCpp-test.js.snap
rename to packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsCpp-test.js.snap
index 9f3f61ebb8af1a..ebe2c9dc604a73 100644
--- a/packages/react-native-codegen/src/generators/__tests__/__snapshots__/GeneratePropsCpp-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsCpp-test.js.snap
@@ -27,7 +27,9 @@ ArrayPropsNativeComponentProps::ArrayPropsNativeComponentProps(
     radii(convertRawProp(rawProps, \\"radii\\", sourceProps.radii, radii)),
     colors(convertRawProp(rawProps, \\"colors\\", sourceProps.colors, colors)),
     srcs(convertRawProp(rawProps, \\"srcs\\", sourceProps.srcs, srcs)),
-    points(convertRawProp(rawProps, \\"points\\", sourceProps.points, points))
+    points(convertRawProp(rawProps, \\"points\\", sourceProps.points, points)),
+    sizes(convertRawProp(rawProps, \\"sizes\\", sourceProps.sizes, sizes)),
+    object(convertRawProp(rawProps, \\"object\\", sourceProps.object, object))
       {}
 
 } // namespace react
@@ -94,6 +96,98 @@ ColorPropNativeComponentProps::ColorPropNativeComponentProps(
 }
 `;
 
+exports[`GeneratePropsCpp can generate fixture COMMANDS 1`] = `
+Map {
+  "Props.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/COMMANDS/Props.h>
+#include <react/core/propsConversions.h>
+
+namespace facebook {
+namespace react {
+
+CommandNativeComponentProps::CommandNativeComponentProps(
+    const CommandNativeComponentProps &sourceProps,
+    const RawProps &rawProps): ViewProps(sourceProps, rawProps)
+
+    
+      {}
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GeneratePropsCpp can generate fixture COMMANDS_AND_PROPS 1`] = `
+Map {
+  "Props.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/COMMANDS_AND_PROPS/Props.h>
+#include <react/core/propsConversions.h>
+
+namespace facebook {
+namespace react {
+
+CommandNativeComponentProps::CommandNativeComponentProps(
+    const CommandNativeComponentProps &sourceProps,
+    const RawProps &rawProps): ViewProps(sourceProps, rawProps),
+
+    accessibilityHint(convertRawProp(rawProps, \\"accessibilityHint\\", sourceProps.accessibilityHint, accessibilityHint))
+      {}
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GeneratePropsCpp can generate fixture DOUBLE_PROPS 1`] = `
+Map {
+  "Props.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/DOUBLE_PROPS/Props.h>
+#include <react/core/propsConversions.h>
+
+namespace facebook {
+namespace react {
+
+DoublePropNativeComponentProps::DoublePropNativeComponentProps(
+    const DoublePropNativeComponentProps &sourceProps,
+    const RawProps &rawProps): ViewProps(sourceProps, rawProps),
+
+    blurRadius(convertRawProp(rawProps, \\"blurRadius\\", sourceProps.blurRadius, blurRadius)),
+    blurRadius2(convertRawProp(rawProps, \\"blurRadius2\\", sourceProps.blurRadius2, blurRadius2)),
+    blurRadius3(convertRawProp(rawProps, \\"blurRadius3\\", sourceProps.blurRadius3, blurRadius3)),
+    blurRadius4(convertRawProp(rawProps, \\"blurRadius4\\", sourceProps.blurRadius4, blurRadius4)),
+    blurRadius5(convertRawProp(rawProps, \\"blurRadius5\\", sourceProps.blurRadius5, blurRadius5)),
+    blurRadius6(convertRawProp(rawProps, \\"blurRadius6\\", sourceProps.blurRadius6, blurRadius6))
+      {}
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
 exports[`GeneratePropsCpp can generate fixture ENUM_PROP 1`] = `
 Map {
   "Props.cpp" => "
@@ -181,6 +275,35 @@ EventsNativeComponentProps::EventsNativeComponentProps(
 }
 `;
 
+exports[`GeneratePropsCpp can generate fixture EVENTS_WITH_PAPER_NAME 1`] = `
+Map {
+  "Props.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/EVENTS_WITH_PAPER_NAME/Props.h>
+#include <react/core/propsConversions.h>
+
+namespace facebook {
+namespace react {
+
+InterfaceOnlyComponentProps::InterfaceOnlyComponentProps(
+    const InterfaceOnlyComponentProps &sourceProps,
+    const RawProps &rawProps): ViewProps(sourceProps, rawProps)
+
+    
+      {}
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
 exports[`GeneratePropsCpp can generate fixture FLOAT_PROPS 1`] = `
 Map {
   "Props.cpp" => "
@@ -338,6 +461,65 @@ ImageColorPropNativeComponentProps::ImageColorPropNativeComponentProps(
 }
 `;
 
+exports[`GeneratePropsCpp can generate fixture NO_PROPS_NO_EVENTS 1`] = `
+Map {
+  "Props.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/NO_PROPS_NO_EVENTS/Props.h>
+#include <react/core/propsConversions.h>
+
+namespace facebook {
+namespace react {
+
+NoPropsNoEventsComponentProps::NoPropsNoEventsComponentProps(
+    const NoPropsNoEventsComponentProps &sourceProps,
+    const RawProps &rawProps): ViewProps(sourceProps, rawProps)
+
+    
+      {}
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GeneratePropsCpp can generate fixture OBJECT_PROPS 1`] = `
+Map {
+  "Props.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/OBJECT_PROPS/Props.h>
+#include <react/components/image/conversions.h>
+#include <react/core/propsConversions.h>
+
+namespace facebook {
+namespace react {
+
+ObjectPropsProps::ObjectPropsProps(
+    const ObjectPropsProps &sourceProps,
+    const RawProps &rawProps): ViewProps(sourceProps, rawProps),
+
+    objectProp(convertRawProp(rawProps, \\"objectProp\\", sourceProps.objectProp, objectProp))
+      {}
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
 exports[`GeneratePropsCpp can generate fixture POINT_PROP 1`] = `
 Map {
   "Props.cpp" => "
@@ -387,7 +569,8 @@ StringPropComponentProps::StringPropComponentProps(
     const StringPropComponentProps &sourceProps,
     const RawProps &rawProps): ViewProps(sourceProps, rawProps),
 
-    accessibilityHint(convertRawProp(rawProps, \\"accessibilityHint\\", sourceProps.accessibilityHint, accessibilityHint))
+    accessibilityHint(convertRawProp(rawProps, \\"accessibilityHint\\", sourceProps.accessibilityHint, accessibilityHint)),
+    accessibilityRole(convertRawProp(rawProps, \\"accessibilityRole\\", sourceProps.accessibilityRole, accessibilityRole))
       {}
 
 } // namespace react
diff --git a/packages/react-native-codegen/src/generators/__tests__/__snapshots__/GeneratePropsH-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsH-test.js.snap
similarity index 55%
rename from packages/react-native-codegen/src/generators/__tests__/__snapshots__/GeneratePropsH-test.js.snap
rename to packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsH-test.js.snap
index 17bf1608eebe91..fd790ab50d5b55 100644
--- a/packages/react-native-codegen/src/generators/__tests__/__snapshots__/GeneratePropsH-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsH-test.js.snap
@@ -11,6 +11,7 @@ Map {
  */
 #pragma once
 
+#include <cinttypes>
 #include <react/components/view/ViewProps.h>
 #include <react/graphics/Color.h>
 #include <react/graphics/Geometry.h>
@@ -20,6 +21,87 @@ Map {
 namespace facebook {
 namespace react {
 
+using ArrayPropsNativeComponentSizesMask = uint32_t;
+
+enum class ArrayPropsNativeComponentSizes: ArrayPropsNativeComponentSizesMask {
+  Small = 1 << 0,
+  Large = 1 << 1
+};
+
+constexpr bool operator&(
+  ArrayPropsNativeComponentSizesMask const lhs,
+  enum ArrayPropsNativeComponentSizes const rhs) {
+  return lhs & static_cast<ArrayPropsNativeComponentSizesMask>(rhs);
+}
+
+constexpr ArrayPropsNativeComponentSizesMask operator|(
+  ArrayPropsNativeComponentSizesMask const lhs,
+  enum ArrayPropsNativeComponentSizes const rhs) {
+  return lhs | static_cast<ArrayPropsNativeComponentSizesMask>(rhs);
+}
+
+constexpr void operator|=(
+  ArrayPropsNativeComponentSizesMask &lhs,
+  enum ArrayPropsNativeComponentSizes const rhs) {
+  lhs = lhs | static_cast<ArrayPropsNativeComponentSizesMask>(rhs);
+}
+
+static inline void fromRawValue(const RawValue &value, ArrayPropsNativeComponentSizesMask &result) {
+  auto items = std::vector<std::string>{value};
+  for (const auto &item : items) {
+    if (item == \\"small\\") {
+      result |= ArrayPropsNativeComponentSizes::Small;
+      continue;
+    }
+    if (item == \\"large\\") {
+      result |= ArrayPropsNativeComponentSizes::Large;
+      continue;
+    }
+    abort();
+  }
+}
+
+static inline std::string toString(const ArrayPropsNativeComponentSizesMask &value) {
+    auto result = std::string{};
+    auto separator = std::string{\\", \\"};
+
+    if (value & ArrayPropsNativeComponentSizes::Small) {
+      result += \\"small\\" + separator;
+    }
+    if (value & ArrayPropsNativeComponentSizes::Large) {
+      result += \\"large\\" + separator;
+    }
+    if (!result.empty()) {
+      result.erase(result.length() - separator.length());
+    }
+    return result;
+}
+struct ArrayPropsNativeComponentObjectStruct {
+  std::string stringProp;
+};
+
+static inline void fromRawValue(const RawValue &value, ArrayPropsNativeComponentObjectStruct &result) {
+  auto map = (better::map<std::string, RawValue>)value;
+
+  auto stringProp = map.find(\\"stringProp\\");
+  if (stringProp != map.end()) {
+    fromRawValue(stringProp->second, result.stringProp);
+  }
+}
+
+static inline std::string toString(const ArrayPropsNativeComponentObjectStruct &value) {
+  return \\"[Object ArrayPropsNativeComponentObjectStruct]\\";
+}
+
+static inline void fromRawValue(const RawValue &value, std::vector<ArrayPropsNativeComponentObjectStruct> &result) {
+  auto items = (std::vector<RawValue>)value;
+  for (const auto &item : items) {
+    ArrayPropsNativeComponentObjectStruct newItem;
+    fromRawValue(item, newItem);
+    result.emplace_back(newItem);
+  }
+}
+
 class ArrayPropsNativeComponentProps final : public ViewProps {
  public:
   ArrayPropsNativeComponentProps() = default;
@@ -34,6 +116,8 @@ class ArrayPropsNativeComponentProps final : public ViewProps {
   const std::vector<SharedColor> colors{};
   const std::vector<ImageSource> srcs{};
   const std::vector<Point> points{};
+  const ArrayPropsNativeComponentSizesMask sizes{static_cast<ArrayPropsNativeComponentSizesMask>(ArrayPropsNativeComponentSizes::Small)};
+  const std::vector<ArrayPropsNativeComponentObjectStruct> object{};
 };
 
 } // namespace react
@@ -107,6 +191,107 @@ class ColorPropNativeComponentProps final : public ViewProps {
 }
 `;
 
+exports[`GeneratePropsH can generate fixture COMMANDS 1`] = `
+Map {
+  "Props.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/view/ViewProps.h>
+
+namespace facebook {
+namespace react {
+
+class CommandNativeComponentProps final : public ViewProps {
+ public:
+  CommandNativeComponentProps() = default;
+  CommandNativeComponentProps(const CommandNativeComponentProps &sourceProps, const RawProps &rawProps);
+
+#pragma mark - Props
+
+  
+};
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GeneratePropsH can generate fixture COMMANDS_AND_PROPS 1`] = `
+Map {
+  "Props.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/view/ViewProps.h>
+
+namespace facebook {
+namespace react {
+
+class CommandNativeComponentProps final : public ViewProps {
+ public:
+  CommandNativeComponentProps() = default;
+  CommandNativeComponentProps(const CommandNativeComponentProps &sourceProps, const RawProps &rawProps);
+
+#pragma mark - Props
+
+  const std::string accessibilityHint{\\"\\"};
+};
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GeneratePropsH can generate fixture DOUBLE_PROPS 1`] = `
+Map {
+  "Props.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/view/ViewProps.h>
+
+namespace facebook {
+namespace react {
+
+class DoublePropNativeComponentProps final : public ViewProps {
+ public:
+  DoublePropNativeComponentProps() = default;
+  DoublePropNativeComponentProps(const DoublePropNativeComponentProps &sourceProps, const RawProps &rawProps);
+
+#pragma mark - Props
+
+  const double blurRadius{0.0};
+  const double blurRadius2{0.001};
+  const double blurRadius3{2.1};
+  const double blurRadius4{0.0};
+  const double blurRadius5{1.0};
+  const double blurRadius6{0.0};
+};
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
 exports[`GeneratePropsH can generate fixture ENUM_PROP 1`] = `
 Map {
   "Props.h" => "
@@ -221,6 +406,38 @@ class EventsNativeComponentProps final : public ViewProps {
 }
 `;
 
+exports[`GeneratePropsH can generate fixture EVENTS_WITH_PAPER_NAME 1`] = `
+Map {
+  "Props.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/view/ViewProps.h>
+
+namespace facebook {
+namespace react {
+
+class InterfaceOnlyComponentProps final : public ViewProps {
+ public:
+  InterfaceOnlyComponentProps() = default;
+  InterfaceOnlyComponentProps(const InterfaceOnlyComponentProps &sourceProps, const RawProps &rawProps);
+
+#pragma mark - Props
+
+  
+};
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
 exports[`GeneratePropsH can generate fixture FLOAT_PROPS 1`] = `
 Map {
   "Props.h" => "
@@ -395,6 +612,175 @@ class ImageColorPropNativeComponentProps final : public ViewProps {
 }
 `;
 
+exports[`GeneratePropsH can generate fixture NO_PROPS_NO_EVENTS 1`] = `
+Map {
+  "Props.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/view/ViewProps.h>
+
+namespace facebook {
+namespace react {
+
+class NoPropsNoEventsComponentProps final : public ViewProps {
+ public:
+  NoPropsNoEventsComponentProps() = default;
+  NoPropsNoEventsComponentProps(const NoPropsNoEventsComponentProps &sourceProps, const RawProps &rawProps);
+
+#pragma mark - Props
+
+  
+};
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GeneratePropsH can generate fixture OBJECT_PROPS 1`] = `
+Map {
+  "Props.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/image/conversions.h>
+#include <react/components/view/ViewProps.h>
+#include <react/core/propsConversions.h>
+
+namespace facebook {
+namespace react {
+
+enum class ObjectPropsStringEnumProp { Option1 };
+
+static inline void fromRawValue(const RawValue &value, ObjectPropsStringEnumProp &result) {
+  auto string = (std::string)value;
+  if (string == \\"option1\\") { result = ObjectPropsStringEnumProp::Option1; return; }
+  abort();
+}
+
+static inline std::string toString(const ObjectPropsStringEnumProp &value) {
+  switch (value) {
+    case ObjectPropsStringEnumProp::Option1: return \\"option1\\";
+  }
+}
+struct ObjectPropsObjectPropObjectArrayPropStruct {
+  std::vector<std::string> array;
+};
+
+static inline void fromRawValue(const RawValue &value, ObjectPropsObjectPropObjectArrayPropStruct &result) {
+  auto map = (better::map<std::string, RawValue>)value;
+
+  auto array = map.find(\\"array\\");
+  if (array != map.end()) {
+    fromRawValue(array->second, result.array);
+  }
+}
+
+static inline std::string toString(const ObjectPropsObjectPropObjectArrayPropStruct &value) {
+  return \\"[Object ObjectPropsObjectPropObjectArrayPropStruct]\\";
+}
+
+struct ObjectPropsObjectPropObjectPrimitiveRequiredPropStruct {
+  ImageSource image;
+  SharedColor color;
+  Point point;
+};
+
+static inline void fromRawValue(const RawValue &value, ObjectPropsObjectPropObjectPrimitiveRequiredPropStruct &result) {
+  auto map = (better::map<std::string, RawValue>)value;
+
+  auto image = map.find(\\"image\\");
+  if (image != map.end()) {
+    fromRawValue(image->second, result.image);
+  }
+  auto color = map.find(\\"color\\");
+  if (color != map.end()) {
+    fromRawValue(color->second, result.color);
+  }
+  auto point = map.find(\\"point\\");
+  if (point != map.end()) {
+    fromRawValue(point->second, result.point);
+  }
+}
+
+static inline std::string toString(const ObjectPropsObjectPropObjectPrimitiveRequiredPropStruct &value) {
+  return \\"[Object ObjectPropsObjectPropObjectPrimitiveRequiredPropStruct]\\";
+}
+
+struct ObjectPropsObjectPropStruct {
+  std::string stringProp;
+  bool booleanProp;
+  Float floatProp;
+  int intProp;
+  ObjectPropsStringEnumProp stringEnumProp;
+  ObjectPropsObjectArrayPropStruct objectArrayProp;
+  ObjectPropsObjectPrimitiveRequiredPropStruct objectPrimitiveRequiredProp;
+};
+
+static inline void fromRawValue(const RawValue &value, ObjectPropsObjectPropStruct &result) {
+  auto map = (better::map<std::string, RawValue>)value;
+
+  auto stringProp = map.find(\\"stringProp\\");
+  if (stringProp != map.end()) {
+    fromRawValue(stringProp->second, result.stringProp);
+  }
+  auto booleanProp = map.find(\\"booleanProp\\");
+  if (booleanProp != map.end()) {
+    fromRawValue(booleanProp->second, result.booleanProp);
+  }
+  auto floatProp = map.find(\\"floatProp\\");
+  if (floatProp != map.end()) {
+    fromRawValue(floatProp->second, result.floatProp);
+  }
+  auto intProp = map.find(\\"intProp\\");
+  if (intProp != map.end()) {
+    fromRawValue(intProp->second, result.intProp);
+  }
+  auto stringEnumProp = map.find(\\"stringEnumProp\\");
+  if (stringEnumProp != map.end()) {
+    fromRawValue(stringEnumProp->second, result.stringEnumProp);
+  }
+  auto objectArrayProp = map.find(\\"objectArrayProp\\");
+  if (objectArrayProp != map.end()) {
+    fromRawValue(objectArrayProp->second, result.objectArrayProp);
+  }
+  auto objectPrimitiveRequiredProp = map.find(\\"objectPrimitiveRequiredProp\\");
+  if (objectPrimitiveRequiredProp != map.end()) {
+    fromRawValue(objectPrimitiveRequiredProp->second, result.objectPrimitiveRequiredProp);
+  }
+}
+
+static inline std::string toString(const ObjectPropsObjectPropStruct &value) {
+  return \\"[Object ObjectPropsObjectPropStruct]\\";
+}
+class ObjectPropsProps final : public ViewProps {
+ public:
+  ObjectPropsProps() = default;
+  ObjectPropsProps(const ObjectPropsProps &sourceProps, const RawProps &rawProps);
+
+#pragma mark - Props
+
+  const ObjectPropsObjectPropStruct objectProp{};
+};
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
 exports[`GeneratePropsH can generate fixture POINT_PROP 1`] = `
 Map {
   "Props.h" => "
@@ -452,6 +838,7 @@ class StringPropComponentProps final : public ViewProps {
 #pragma mark - Props
 
   const std::string accessibilityHint{\\"\\"};
+  const std::string accessibilityRole{};
 };
 
 } // namespace 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
new file mode 100644
index 00000000000000..0ec550484a3fde
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsJavaDelegate-test.js.snap
@@ -0,0 +1,757 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GeneratePropsJavaDelegate can generate fixture ARRAY_PROPS 1`] = `
+Map {
+  "ArrayPropsNativeComponentManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class ArrayPropsNativeComponentManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & ArrayPropsNativeComponentManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public ArrayPropsNativeComponentManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case \\"names\\":
+        mViewManager.setNames(view, (ReadableArray) value);
+        break;
+      case \\"disableds\\":
+        mViewManager.setDisableds(view, (ReadableArray) value);
+        break;
+      case \\"progress\\":
+        mViewManager.setProgress(view, (ReadableArray) value);
+        break;
+      case \\"radii\\":
+        mViewManager.setRadii(view, (ReadableArray) value);
+        break;
+      case \\"colors\\":
+        mViewManager.setColors(view, (ReadableArray) value);
+        break;
+      case \\"srcs\\":
+        mViewManager.setSrcs(view, (ReadableArray) value);
+        break;
+      case \\"points\\":
+        mViewManager.setPoints(view, (ReadableArray) value);
+        break;
+      case \\"sizes\\":
+        mViewManager.setSizes(view, (ReadableArray) value);
+        break;
+      case \\"object\\":
+        mViewManager.setObject(view, (ReadableArray) value);
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaDelegate can generate fixture BOOLEAN_PROP 1`] = `
+Map {
+  "BooleanPropNativeComponentManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class BooleanPropNativeComponentManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & BooleanPropNativeComponentManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public BooleanPropNativeComponentManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case \\"disabled\\":
+        mViewManager.setDisabled(view, value == null ? false : (boolean) value);
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaDelegate can generate fixture COLOR_PROP 1`] = `
+Map {
+  "ColorPropNativeComponentManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class ColorPropNativeComponentManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & ColorPropNativeComponentManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public ColorPropNativeComponentManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case \\"tintColor\\":
+        mViewManager.setTintColor(view, value == null ? null : ((Double) value).intValue());
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaDelegate can generate fixture COMMANDS 1`] = `
+Map {
+  "CommandNativeComponentManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class CommandNativeComponentManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & CommandNativeComponentManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public CommandNativeComponentManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    super.setProperty(view, propName, value);
+  }
+
+  public void receiveCommand(CommandNativeComponentManagerInterface<T> viewManager, T view, String commandName, ReadableArray args) {
+    case \\"flashScrollIndicators\\":
+      viewManager.flashScrollIndicators(view);
+      break;
+    case \\"allTypes\\":
+      viewManager.allTypes(view, args.getInt(0), args.getFloat(1), args.getDouble(2), args.getString(3), args.getBoolean(4));
+      break;
+  }
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaDelegate can generate fixture COMMANDS_AND_PROPS 1`] = `
+Map {
+  "CommandNativeComponentManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class CommandNativeComponentManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & CommandNativeComponentManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public CommandNativeComponentManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case \\"accessibilityHint\\":
+        mViewManager.setAccessibilityHint(view, value == null ? \\"\\" : (String) value);
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+
+  public void receiveCommand(CommandNativeComponentManagerInterface<T> viewManager, T view, String commandName, ReadableArray args) {
+    case \\"hotspotUpdate\\":
+      viewManager.hotspotUpdate(view, args.getInt(0), args.getInt(1));
+      break;
+  }
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaDelegate can generate fixture DOUBLE_PROPS 1`] = `
+Map {
+  "DoublePropNativeComponentManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class DoublePropNativeComponentManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & DoublePropNativeComponentManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public DoublePropNativeComponentManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case \\"blurRadius\\":
+        mViewManager.setBlurRadius(view, value == null ? Double.NaN : ((Double) value).doubleValue());
+        break;
+      case \\"blurRadius2\\":
+        mViewManager.setBlurRadius2(view, value == null ? 0.001f : ((Double) value).doubleValue());
+        break;
+      case \\"blurRadius3\\":
+        mViewManager.setBlurRadius3(view, value == null ? 2.1f : ((Double) value).doubleValue());
+        break;
+      case \\"blurRadius4\\":
+        mViewManager.setBlurRadius4(view, value == null ? 0f : ((Double) value).doubleValue());
+        break;
+      case \\"blurRadius5\\":
+        mViewManager.setBlurRadius5(view, value == null ? 1f : ((Double) value).doubleValue());
+        break;
+      case \\"blurRadius6\\":
+        mViewManager.setBlurRadius6(view, value == null ? 0f : ((Double) value).doubleValue());
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaDelegate can generate fixture ENUM_PROP 1`] = `
+Map {
+  "EnumPropsNativeComponentManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class EnumPropsNativeComponentManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & EnumPropsNativeComponentManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public EnumPropsNativeComponentManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case \\"alignment\\":
+        mViewManager.setAlignment(view, (String) value);
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaDelegate can generate fixture EVENT_NESTED_OBJECT_PROPS 1`] = `
+Map {
+  "EventsNestedObjectNativeComponentManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class EventsNestedObjectNativeComponentManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & EventsNestedObjectNativeComponentManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public EventsNestedObjectNativeComponentManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case \\"disabled\\":
+        mViewManager.setDisabled(view, value == null ? false : (boolean) value);
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaDelegate can generate fixture EVENT_PROPS 1`] = `
+Map {
+  "EventsNativeComponentManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class EventsNativeComponentManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & EventsNativeComponentManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public EventsNativeComponentManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case \\"disabled\\":
+        mViewManager.setDisabled(view, value == null ? false : (boolean) value);
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaDelegate can generate fixture EVENTS_WITH_PAPER_NAME 1`] = `
+Map {
+  "InterfaceOnlyComponentManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class InterfaceOnlyComponentManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & InterfaceOnlyComponentManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public InterfaceOnlyComponentManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    super.setProperty(view, propName, value);
+  }
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaDelegate can generate fixture FLOAT_PROPS 1`] = `
+Map {
+  "FloatPropNativeComponentManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class FloatPropNativeComponentManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & FloatPropNativeComponentManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public FloatPropNativeComponentManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case \\"blurRadius\\":
+        mViewManager.setBlurRadius(view, value == null ? Float.NaN : ((Double) value).floatValue());
+        break;
+      case \\"blurRadius2\\":
+        mViewManager.setBlurRadius2(view, value == null ? 0.001f : ((Double) value).floatValue());
+        break;
+      case \\"blurRadius3\\":
+        mViewManager.setBlurRadius3(view, value == null ? 2.1f : ((Double) value).floatValue());
+        break;
+      case \\"blurRadius4\\":
+        mViewManager.setBlurRadius4(view, value == null ? 0f : ((Double) value).floatValue());
+        break;
+      case \\"blurRadius5\\":
+        mViewManager.setBlurRadius5(view, value == null ? 1f : ((Double) value).floatValue());
+        break;
+      case \\"blurRadius6\\":
+        mViewManager.setBlurRadius6(view, value == null ? 0f : ((Double) value).floatValue());
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaDelegate can generate fixture IMAGE_PROP 1`] = `
+Map {
+  "ImagePropNativeComponentManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class ImagePropNativeComponentManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & ImagePropNativeComponentManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public ImagePropNativeComponentManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case \\"thumbImage\\":
+        mViewManager.setThumbImage(view, (ReadableMap) value);
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaDelegate can generate fixture INTEGER_PROPS 1`] = `
+Map {
+  "IntegerPropNativeComponentManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class IntegerPropNativeComponentManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & IntegerPropNativeComponentManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public IntegerPropNativeComponentManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case \\"progress1\\":
+        mViewManager.setProgress1(view, value == null ? 0 : ((Double) value).intValue());
+        break;
+      case \\"progress2\\":
+        mViewManager.setProgress2(view, value == null ? -1 : ((Double) value).intValue());
+        break;
+      case \\"progress3\\":
+        mViewManager.setProgress3(view, value == null ? 10 : ((Double) value).intValue());
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaDelegate can generate fixture INTERFACE_ONLY 1`] = `
+Map {
+  "InterfaceOnlyComponentManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class InterfaceOnlyComponentManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & InterfaceOnlyComponentManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public InterfaceOnlyComponentManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case \\"accessibilityHint\\":
+        mViewManager.setAccessibilityHint(view, value == null ? \\"\\" : (String) value);
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaDelegate can generate fixture MULTI_NATIVE_PROP 1`] = `
+Map {
+  "ImageColorPropNativeComponentManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class ImageColorPropNativeComponentManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & ImageColorPropNativeComponentManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public ImageColorPropNativeComponentManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case \\"thumbImage\\":
+        mViewManager.setThumbImage(view, (ReadableMap) value);
+        break;
+      case \\"color\\":
+        mViewManager.setColor(view, value == null ? null : ((Double) value).intValue());
+        break;
+      case \\"thumbTintColor\\":
+        mViewManager.setThumbTintColor(view, value == null ? null : ((Double) value).intValue());
+        break;
+      case \\"point\\":
+        mViewManager.setPoint(view, (ReadableMap) value);
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaDelegate can generate fixture NO_PROPS_NO_EVENTS 1`] = `
+Map {
+  "NoPropsNoEventsComponentManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class NoPropsNoEventsComponentManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & NoPropsNoEventsComponentManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public NoPropsNoEventsComponentManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    super.setProperty(view, propName, value);
+  }
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaDelegate can generate fixture OBJECT_PROPS 1`] = `
+Map {
+  "ObjectPropsManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class ObjectPropsManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & ObjectPropsManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public ObjectPropsManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case \\"objectProp\\":
+        mViewManager.setObjectProp(view, (ReadableMap) value);
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaDelegate can generate fixture POINT_PROP 1`] = `
+Map {
+  "PointPropNativeComponentManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class PointPropNativeComponentManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & PointPropNativeComponentManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public PointPropNativeComponentManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case \\"startPoint\\":
+        mViewManager.setStartPoint(view, (ReadableMap) value);
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaDelegate can generate fixture STRING_PROP 1`] = `
+Map {
+  "StringPropComponentManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class StringPropComponentManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & StringPropComponentManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public StringPropComponentManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case \\"accessibilityHint\\":
+        mViewManager.setAccessibilityHint(view, value == null ? \\"\\" : (String) value);
+        break;
+      case \\"accessibilityRole\\":
+        mViewManager.setAccessibilityRole(view, value == null ? null : (String) value);
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaDelegate can generate fixture TWO_COMPONENTS_DIFFERENT_FILES 1`] = `
+Map {
+  "MultiFile1NativeComponentManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class MultiFile1NativeComponentManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & MultiFile1NativeComponentManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public MultiFile1NativeComponentManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case \\"disabled\\":
+        mViewManager.setDisabled(view, value == null ? false : (boolean) value);
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}
+",
+  "MultiFile2NativeComponentManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class MultiFile2NativeComponentManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & MultiFile2NativeComponentManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public MultiFile2NativeComponentManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case \\"disabled\\":
+        mViewManager.setDisabled(view, value == null ? true : (boolean) value);
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaDelegate can generate fixture TWO_COMPONENTS_SAME_FILE 1`] = `
+Map {
+  "MultiComponent1NativeComponentManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class MultiComponent1NativeComponentManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & MultiComponent1NativeComponentManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public MultiComponent1NativeComponentManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case \\"disabled\\":
+        mViewManager.setDisabled(view, value == null ? false : (boolean) value);
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}
+",
+  "MultiComponent2NativeComponentManagerDelegate.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class MultiComponent2NativeComponentManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & MultiComponent2NativeComponentManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public MultiComponent2NativeComponentManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case \\"disabled\\":
+        mViewManager.setDisabled(view, value == null ? true : (boolean) value);
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}
+",
+}
+`;
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
new file mode 100644
index 00000000000000..5086a60f71386b
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsJavaInterface-test.js.snap
@@ -0,0 +1,355 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GeneratePropsJavaInterface can generate fixture ARRAY_PROPS 1`] = `
+Map {
+  "ArrayPropsNativeComponentManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ReadableArray;
+
+public interface ArrayPropsNativeComponentManagerInterface<T extends View> {
+  void setNames(T view, @Nullable ReadableArray value);
+  void setDisableds(T view, @Nullable ReadableArray value);
+  void setProgress(T view, @Nullable ReadableArray value);
+  void setRadii(T view, @Nullable ReadableArray value);
+  void setColors(T view, @Nullable ReadableArray value);
+  void setSrcs(T view, @Nullable ReadableArray value);
+  void setPoints(T view, @Nullable ReadableArray value);
+  void setSizes(T view, @Nullable ReadableArray value);
+  void setObject(T view, @Nullable ReadableArray value);
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaInterface can generate fixture BOOLEAN_PROP 1`] = `
+Map {
+  "BooleanPropNativeComponentManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+
+public interface BooleanPropNativeComponentManagerInterface<T extends View> {
+  void setDisabled(T view, boolean value);
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaInterface can generate fixture COLOR_PROP 1`] = `
+Map {
+  "ColorPropNativeComponentManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+
+public interface ColorPropNativeComponentManagerInterface<T extends View> {
+  void setTintColor(T view, @Nullable Integer value);
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaInterface can generate fixture COMMANDS 1`] = `
+Map {
+  "CommandNativeComponentManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+
+public interface CommandNativeComponentManagerInterface<T extends View> {
+  // No props
+  void flashScrollIndicators(T view);
+  void allTypes(T view, int x, float y, double z, String message, boolean animated);
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaInterface can generate fixture COMMANDS_AND_PROPS 1`] = `
+Map {
+  "CommandNativeComponentManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+
+public interface CommandNativeComponentManagerInterface<T extends View> {
+  void setAccessibilityHint(T view, @Nullable String value);
+  void hotspotUpdate(T view, int x, int y);
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaInterface can generate fixture DOUBLE_PROPS 1`] = `
+Map {
+  "DoublePropNativeComponentManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+
+public interface DoublePropNativeComponentManagerInterface<T extends View> {
+  void setBlurRadius(T view, double value);
+  void setBlurRadius2(T view, double value);
+  void setBlurRadius3(T view, double value);
+  void setBlurRadius4(T view, double value);
+  void setBlurRadius5(T view, double value);
+  void setBlurRadius6(T view, double value);
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaInterface can generate fixture ENUM_PROP 1`] = `
+Map {
+  "EnumPropsNativeComponentManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+
+public interface EnumPropsNativeComponentManagerInterface<T extends View> {
+  void setAlignment(T view, @Nullable String value);
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaInterface can generate fixture EVENT_NESTED_OBJECT_PROPS 1`] = `
+Map {
+  "EventsNestedObjectNativeComponentManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+
+public interface EventsNestedObjectNativeComponentManagerInterface<T extends View> {
+  void setDisabled(T view, boolean value);
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaInterface can generate fixture EVENT_PROPS 1`] = `
+Map {
+  "EventsNativeComponentManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+
+public interface EventsNativeComponentManagerInterface<T extends View> {
+  void setDisabled(T view, boolean value);
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaInterface can generate fixture EVENTS_WITH_PAPER_NAME 1`] = `
+Map {
+  "InterfaceOnlyComponentManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+
+public interface InterfaceOnlyComponentManagerInterface<T extends View> {
+  // No props
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaInterface can generate fixture FLOAT_PROPS 1`] = `
+Map {
+  "FloatPropNativeComponentManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+
+public interface FloatPropNativeComponentManagerInterface<T extends View> {
+  void setBlurRadius(T view, float value);
+  void setBlurRadius2(T view, float value);
+  void setBlurRadius3(T view, float value);
+  void setBlurRadius4(T view, float value);
+  void setBlurRadius5(T view, float value);
+  void setBlurRadius6(T view, float value);
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaInterface can generate fixture IMAGE_PROP 1`] = `
+Map {
+  "ImagePropNativeComponentManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ReadableMap;
+
+public interface ImagePropNativeComponentManagerInterface<T extends View> {
+  void setThumbImage(T view, @Nullable ReadableMap value);
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaInterface can generate fixture INTEGER_PROPS 1`] = `
+Map {
+  "IntegerPropNativeComponentManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+
+public interface IntegerPropNativeComponentManagerInterface<T extends View> {
+  void setProgress1(T view, int value);
+  void setProgress2(T view, int value);
+  void setProgress3(T view, int value);
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaInterface can generate fixture INTERFACE_ONLY 1`] = `
+Map {
+  "InterfaceOnlyComponentManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+
+public interface InterfaceOnlyComponentManagerInterface<T extends View> {
+  void setAccessibilityHint(T view, @Nullable String value);
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaInterface can generate fixture MULTI_NATIVE_PROP 1`] = `
+Map {
+  "ImageColorPropNativeComponentManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ReadableMap;
+
+public interface ImageColorPropNativeComponentManagerInterface<T extends View> {
+  void setThumbImage(T view, @Nullable ReadableMap value);
+  void setColor(T view, @Nullable Integer value);
+  void setThumbTintColor(T view, @Nullable Integer value);
+  void setPoint(T view, @Nullable ReadableMap value);
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaInterface can generate fixture NO_PROPS_NO_EVENTS 1`] = `
+Map {
+  "NoPropsNoEventsComponentManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+
+public interface NoPropsNoEventsComponentManagerInterface<T extends View> {
+  // No props
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaInterface can generate fixture OBJECT_PROPS 1`] = `
+Map {
+  "ObjectPropsManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ReadableMap;
+
+public interface ObjectPropsManagerInterface<T extends View> {
+  void setObjectProp(T view, @Nullable ReadableMap value);
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaInterface can generate fixture POINT_PROP 1`] = `
+Map {
+  "PointPropNativeComponentManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ReadableMap;
+
+public interface PointPropNativeComponentManagerInterface<T extends View> {
+  void setStartPoint(T view, @Nullable ReadableMap value);
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaInterface can generate fixture STRING_PROP 1`] = `
+Map {
+  "StringPropComponentManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+
+public interface StringPropComponentManagerInterface<T extends View> {
+  void setAccessibilityHint(T view, @Nullable String value);
+  void setAccessibilityRole(T view, @Nullable String value);
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaInterface can generate fixture TWO_COMPONENTS_DIFFERENT_FILES 1`] = `
+Map {
+  "MultiFile1NativeComponentManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+
+public interface MultiFile1NativeComponentManagerInterface<T extends View> {
+  void setDisabled(T view, boolean value);
+}
+",
+  "MultiFile2NativeComponentManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+
+public interface MultiFile2NativeComponentManagerInterface<T extends View> {
+  void setDisabled(T view, boolean value);
+}
+",
+}
+`;
+
+exports[`GeneratePropsJavaInterface can generate fixture TWO_COMPONENTS_SAME_FILE 1`] = `
+Map {
+  "MultiComponent1NativeComponentManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+
+public interface MultiComponent1NativeComponentManagerInterface<T extends View> {
+  void setDisabled(T view, boolean value);
+}
+",
+  "MultiComponent2NativeComponentManagerInterface.java" => "
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+
+public interface MultiComponent2NativeComponentManagerInterface<T extends View> {
+  void setDisabled(T view, boolean value);
+}
+",
+}
+`;
diff --git a/packages/react-native-codegen/src/generators/__tests__/__snapshots__/GenerateShadowNodeCpp-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateShadowNodeCpp-test.js.snap
similarity index 72%
rename from packages/react-native-codegen/src/generators/__tests__/__snapshots__/GenerateShadowNodeCpp-test.js.snap
rename to packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateShadowNodeCpp-test.js.snap
index da5ea73e124563..fc8a56a468af6d 100644
--- a/packages/react-native-codegen/src/generators/__tests__/__snapshots__/GenerateShadowNodeCpp-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateShadowNodeCpp-test.js.snap
@@ -69,6 +69,75 @@ extern const char ColorPropNativeComponentComponentName[] = \\"ColorPropNativeCo
 }
 `;
 
+exports[`GenerateShadowNodeCpp can generate fixture COMMANDS 1`] = `
+Map {
+  "ShadowNodes.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/COMMANDS/ShadowNodes.h>
+
+namespace facebook {
+namespace react {
+
+extern const char CommandNativeComponentComponentName[] = \\"CommandNativeComponent\\";
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateShadowNodeCpp can generate fixture COMMANDS_AND_PROPS 1`] = `
+Map {
+  "ShadowNodes.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/COMMANDS_AND_PROPS/ShadowNodes.h>
+
+namespace facebook {
+namespace react {
+
+extern const char CommandNativeComponentComponentName[] = \\"CommandNativeComponent\\";
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateShadowNodeCpp can generate fixture DOUBLE_PROPS 1`] = `
+Map {
+  "ShadowNodes.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/DOUBLE_PROPS/ShadowNodes.h>
+
+namespace facebook {
+namespace react {
+
+extern const char DoublePropNativeComponentComponentName[] = \\"DoublePropNativeComponent\\";
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
 exports[`GenerateShadowNodeCpp can generate fixture ENUM_PROP 1`] = `
 Map {
   "ShadowNodes.cpp" => "
@@ -132,6 +201,29 @@ namespace react {
 
 extern const char EventsNativeComponentComponentName[] = \\"EventsNativeComponent\\";
 
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateShadowNodeCpp can generate fixture EVENTS_WITH_PAPER_NAME 1`] = `
+Map {
+  "ShadowNodes.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/EVENTS_WITH_PAPER_NAME/ShadowNodes.h>
+
+namespace facebook {
+namespace react {
+
+
+
 } // namespace react
 } // namespace facebook
 ",
@@ -253,6 +345,52 @@ extern const char ImageColorPropNativeComponentComponentName[] = \\"ImageColorPr
 }
 `;
 
+exports[`GenerateShadowNodeCpp can generate fixture NO_PROPS_NO_EVENTS 1`] = `
+Map {
+  "ShadowNodes.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/NO_PROPS_NO_EVENTS/ShadowNodes.h>
+
+namespace facebook {
+namespace react {
+
+extern const char NoPropsNoEventsComponentComponentName[] = \\"NoPropsNoEventsComponent\\";
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateShadowNodeCpp can generate fixture OBJECT_PROPS 1`] = `
+Map {
+  "ShadowNodes.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/OBJECT_PROPS/ShadowNodes.h>
+
+namespace facebook {
+namespace react {
+
+extern const char ObjectPropsComponentName[] = \\"ObjectProps\\";
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
 exports[`GenerateShadowNodeCpp can generate fixture POINT_PROP 1`] = `
 Map {
   "ShadowNodes.cpp" => "
diff --git a/packages/react-native-codegen/src/generators/__tests__/__snapshots__/GenerateShadowNodeH-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateShadowNodeH-test.js.snap
similarity index 74%
rename from packages/react-native-codegen/src/generators/__tests__/__snapshots__/GenerateShadowNodeH-test.js.snap
rename to packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateShadowNodeH-test.js.snap
index d9f2428280f277..97e18f65ea198b 100644
--- a/packages/react-native-codegen/src/generators/__tests__/__snapshots__/GenerateShadowNodeH-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateShadowNodeH-test.js.snap
@@ -99,6 +99,105 @@ using ColorPropNativeComponentShadowNode = ConcreteViewShadowNode<
 }
 `;
 
+exports[`GenerateShadowNodeH can generate fixture COMMANDS 1`] = `
+Map {
+  "ShadowNodes.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/COMMANDS/Props.h>
+#include <react/components/view/ConcreteViewShadowNode.h>
+
+namespace facebook {
+namespace react {
+
+extern const char CommandNativeComponentComponentName[];
+
+/*
+ * \`ShadowNode\` for <CommandNativeComponent> component.
+ */
+using CommandNativeComponentShadowNode = ConcreteViewShadowNode<
+    CommandNativeComponentComponentName,
+    CommandNativeComponentProps>;
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateShadowNodeH can generate fixture COMMANDS_AND_PROPS 1`] = `
+Map {
+  "ShadowNodes.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/COMMANDS_AND_PROPS/Props.h>
+#include <react/components/view/ConcreteViewShadowNode.h>
+
+namespace facebook {
+namespace react {
+
+extern const char CommandNativeComponentComponentName[];
+
+/*
+ * \`ShadowNode\` for <CommandNativeComponent> component.
+ */
+using CommandNativeComponentShadowNode = ConcreteViewShadowNode<
+    CommandNativeComponentComponentName,
+    CommandNativeComponentProps>;
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateShadowNodeH can generate fixture DOUBLE_PROPS 1`] = `
+Map {
+  "ShadowNodes.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/DOUBLE_PROPS/Props.h>
+#include <react/components/view/ConcreteViewShadowNode.h>
+
+namespace facebook {
+namespace react {
+
+extern const char DoublePropNativeComponentComponentName[];
+
+/*
+ * \`ShadowNode\` for <DoublePropNativeComponent> component.
+ */
+using DoublePropNativeComponentShadowNode = ConcreteViewShadowNode<
+    DoublePropNativeComponentComponentName,
+    DoublePropNativeComponentProps>;
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
 exports[`GenerateShadowNodeH can generate fixture ENUM_PROP 1`] = `
 Map {
   "ShadowNodes.h" => "
@@ -196,6 +295,32 @@ using EventsNativeComponentShadowNode = ConcreteViewShadowNode<
     EventsNativeComponentProps,
 EventsNativeComponentEventEmitter>;
 
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateShadowNodeH can generate fixture EVENTS_WITH_PAPER_NAME 1`] = `
+Map {
+  "ShadowNodes.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/EVENTS_WITH_PAPER_NAME/Props.h>
+#include <react/components/view/ConcreteViewShadowNode.h>
+
+namespace facebook {
+namespace react {
+
+
+
 } // namespace react
 } // namespace facebook
 ",
@@ -360,6 +485,72 @@ using ImageColorPropNativeComponentShadowNode = ConcreteViewShadowNode<
 }
 `;
 
+exports[`GenerateShadowNodeH can generate fixture NO_PROPS_NO_EVENTS 1`] = `
+Map {
+  "ShadowNodes.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/NO_PROPS_NO_EVENTS/Props.h>
+#include <react/components/view/ConcreteViewShadowNode.h>
+
+namespace facebook {
+namespace react {
+
+extern const char NoPropsNoEventsComponentComponentName[];
+
+/*
+ * \`ShadowNode\` for <NoPropsNoEventsComponent> component.
+ */
+using NoPropsNoEventsComponentShadowNode = ConcreteViewShadowNode<
+    NoPropsNoEventsComponentComponentName,
+    NoPropsNoEventsComponentProps>;
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateShadowNodeH can generate fixture OBJECT_PROPS 1`] = `
+Map {
+  "ShadowNodes.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/components/OBJECT_PROPS/Props.h>
+#include <react/components/view/ConcreteViewShadowNode.h>
+
+namespace facebook {
+namespace react {
+
+extern const char ObjectPropsComponentName[];
+
+/*
+ * \`ShadowNode\` for <ObjectProps> component.
+ */
+using ObjectPropsShadowNode = ConcreteViewShadowNode<
+    ObjectPropsComponentName,
+    ObjectPropsProps>;
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
 exports[`GenerateShadowNodeH can generate fixture POINT_PROP 1`] = `
 Map {
   "ShadowNodes.h" => "
diff --git a/packages/react-native-codegen/src/generators/__tests__/__snapshots__/GenerateTests-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateTests-test.js.snap
similarity index 59%
rename from packages/react-native-codegen/src/generators/__tests__/__snapshots__/GenerateTests-test.js.snap
rename to packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateTests-test.js.snap
index 9103023cbf9156..7f3ef3a72b8b41 100644
--- a/packages/react-native-codegen/src/generators/__tests__/__snapshots__/GenerateTests-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateTests-test.js.snap
@@ -12,14 +12,18 @@ Map {
 #include <gtest/gtest.h>
 #include <react/components/ARRAY_PROPS/Props.h>
 #include <react/components/image/conversions.h>
+#include <react/core/RawProps.h>
+#include <react/core/RawPropsParser.h>
 #include <react/core/propsConversions.h>
 
 using namespace facebook::react;
 
 TEST(ArrayPropsNativeComponentProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<ArrayPropsNativeComponentProps>();
   auto const &sourceProps = ArrayPropsNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
-
+  rawProps.parse(propParser);
   ArrayPropsNativeComponentProps(sourceProps, rawProps);
 }",
 }
@@ -36,21 +40,27 @@ Map {
 
 #include <gtest/gtest.h>
 #include <react/components/BOOLEAN_PROP/Props.h>
+#include <react/core/RawProps.h>
+#include <react/core/RawPropsParser.h>
 #include <react/core/propsConversions.h>
 
 using namespace facebook::react;
 
 TEST(BooleanPropNativeComponentProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<BooleanPropNativeComponentProps>();
   auto const &sourceProps = BooleanPropNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
-
+  rawProps.parse(propParser);
   BooleanPropNativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(BooleanPropNativeComponentProps_disabled, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<BooleanPropNativeComponentProps>();
   auto const &sourceProps = BooleanPropNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"disabled\\", true));
-
+  rawProps.parse(propParser);
   BooleanPropNativeComponentProps(sourceProps, rawProps);
 }",
 }
@@ -67,26 +77,125 @@ Map {
 
 #include <gtest/gtest.h>
 #include <react/components/COLOR_PROP/Props.h>
+#include <react/core/RawProps.h>
+#include <react/core/RawPropsParser.h>
 #include <react/core/propsConversions.h>
 
 using namespace facebook::react;
 
 TEST(ColorPropNativeComponentProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<ColorPropNativeComponentProps>();
   auto const &sourceProps = ColorPropNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
-
+  rawProps.parse(propParser);
   ColorPropNativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(ColorPropNativeComponentProps_tintColor, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<ColorPropNativeComponentProps>();
   auto const &sourceProps = ColorPropNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"tintColor\\", 1));
-
+  rawProps.parse(propParser);
   ColorPropNativeComponentProps(sourceProps, rawProps);
 }",
 }
 `;
 
+exports[`GenerateTests can generate fixture COMMANDS 1`] = `
+Map {
+  "Tests.cpp" => "/**
+ * Copyright (c) Facebook, Inc. and its 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/components/COMMANDS/Props.h>
+#include <react/core/RawProps.h>
+#include <react/core/RawPropsParser.h>
+#include <react/core/propsConversions.h>
+
+using namespace facebook::react;
+
+TEST(CommandNativeComponentProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<CommandNativeComponentProps>();
+  auto const &sourceProps = CommandNativeComponentProps();
+  auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
+  rawProps.parse(propParser);
+  CommandNativeComponentProps(sourceProps, rawProps);
+}",
+}
+`;
+
+exports[`GenerateTests can generate fixture COMMANDS_AND_PROPS 1`] = `
+Map {
+  "Tests.cpp" => "/**
+ * Copyright (c) Facebook, Inc. and its 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/components/COMMANDS_AND_PROPS/Props.h>
+#include <react/core/RawProps.h>
+#include <react/core/RawPropsParser.h>
+#include <react/core/propsConversions.h>
+
+using namespace facebook::react;
+
+TEST(CommandNativeComponentProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<CommandNativeComponentProps>();
+  auto const &sourceProps = CommandNativeComponentProps();
+  auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
+  rawProps.parse(propParser);
+  CommandNativeComponentProps(sourceProps, rawProps);
+}
+
+TEST(CommandNativeComponentProps_accessibilityHint, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<CommandNativeComponentProps>();
+  auto const &sourceProps = CommandNativeComponentProps();
+  auto const &rawProps = RawProps(folly::dynamic::object(\\"accessibilityHint\\", \\"foo\\"));
+  rawProps.parse(propParser);
+  CommandNativeComponentProps(sourceProps, rawProps);
+}",
+}
+`;
+
+exports[`GenerateTests can generate fixture DOUBLE_PROPS 1`] = `
+Map {
+  "Tests.cpp" => "/**
+ * Copyright (c) Facebook, Inc. and its 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/components/DOUBLE_PROPS/Props.h>
+#include <react/core/RawProps.h>
+#include <react/core/RawPropsParser.h>
+#include <react/core/propsConversions.h>
+
+using namespace facebook::react;
+
+TEST(DoublePropNativeComponentProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<DoublePropNativeComponentProps>();
+  auto const &sourceProps = DoublePropNativeComponentProps();
+  auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
+  rawProps.parse(propParser);
+  DoublePropNativeComponentProps(sourceProps, rawProps);
+}",
+}
+`;
+
 exports[`GenerateTests can generate fixture ENUM_PROP 1`] = `
 Map {
   "Tests.cpp" => "/**
@@ -98,35 +207,45 @@ Map {
 
 #include <gtest/gtest.h>
 #include <react/components/ENUM_PROP/Props.h>
+#include <react/core/RawProps.h>
+#include <react/core/RawPropsParser.h>
 #include <react/core/propsConversions.h>
 
 using namespace facebook::react;
 
 TEST(EnumPropsNativeComponentProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<EnumPropsNativeComponentProps>();
   auto const &sourceProps = EnumPropsNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
-
+  rawProps.parse(propParser);
   EnumPropsNativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(EnumPropsNativeComponentProps_alignment_Top, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<EnumPropsNativeComponentProps>();
   auto const &sourceProps = EnumPropsNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"alignment\\", \\"top\\"));
-
+  rawProps.parse(propParser);
   EnumPropsNativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(EnumPropsNativeComponentProps_alignment_Center, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<EnumPropsNativeComponentProps>();
   auto const &sourceProps = EnumPropsNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"alignment\\", \\"center\\"));
-
+  rawProps.parse(propParser);
   EnumPropsNativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(EnumPropsNativeComponentProps_alignment_BottomRight, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<EnumPropsNativeComponentProps>();
   auto const &sourceProps = EnumPropsNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"alignment\\", \\"bottom-right\\"));
-
+  rawProps.parse(propParser);
   EnumPropsNativeComponentProps(sourceProps, rawProps);
 }",
 }
@@ -143,21 +262,27 @@ Map {
 
 #include <gtest/gtest.h>
 #include <react/components/EVENT_NESTED_OBJECT_PROPS/Props.h>
+#include <react/core/RawProps.h>
+#include <react/core/RawPropsParser.h>
 #include <react/core/propsConversions.h>
 
 using namespace facebook::react;
 
 TEST(EventsNestedObjectNativeComponentProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<EventsNestedObjectNativeComponentProps>();
   auto const &sourceProps = EventsNestedObjectNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
-
+  rawProps.parse(propParser);
   EventsNestedObjectNativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(EventsNestedObjectNativeComponentProps_disabled, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<EventsNestedObjectNativeComponentProps>();
   auto const &sourceProps = EventsNestedObjectNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"disabled\\", true));
-
+  rawProps.parse(propParser);
   EventsNestedObjectNativeComponentProps(sourceProps, rawProps);
 }",
 }
@@ -174,26 +299,60 @@ Map {
 
 #include <gtest/gtest.h>
 #include <react/components/EVENT_PROPS/Props.h>
+#include <react/core/RawProps.h>
+#include <react/core/RawPropsParser.h>
 #include <react/core/propsConversions.h>
 
 using namespace facebook::react;
 
 TEST(EventsNativeComponentProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<EventsNativeComponentProps>();
   auto const &sourceProps = EventsNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
-
+  rawProps.parse(propParser);
   EventsNativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(EventsNativeComponentProps_disabled, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<EventsNativeComponentProps>();
   auto const &sourceProps = EventsNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"disabled\\", true));
-
+  rawProps.parse(propParser);
   EventsNativeComponentProps(sourceProps, rawProps);
 }",
 }
 `;
 
+exports[`GenerateTests can generate fixture EVENTS_WITH_PAPER_NAME 1`] = `
+Map {
+  "Tests.cpp" => "/**
+ * Copyright (c) Facebook, Inc. and its 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/components/EVENTS_WITH_PAPER_NAME/Props.h>
+#include <react/core/RawProps.h>
+#include <react/core/RawPropsParser.h>
+#include <react/core/propsConversions.h>
+
+using namespace facebook::react;
+
+TEST(InterfaceOnlyComponentProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<InterfaceOnlyComponentProps>();
+  auto const &sourceProps = InterfaceOnlyComponentProps();
+  auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
+  rawProps.parse(propParser);
+  InterfaceOnlyComponentProps(sourceProps, rawProps);
+}",
+}
+`;
+
 exports[`GenerateTests can generate fixture FLOAT_PROPS 1`] = `
 Map {
   "Tests.cpp" => "/**
@@ -205,56 +364,72 @@ Map {
 
 #include <gtest/gtest.h>
 #include <react/components/FLOAT_PROPS/Props.h>
+#include <react/core/RawProps.h>
+#include <react/core/RawPropsParser.h>
 #include <react/core/propsConversions.h>
 
 using namespace facebook::react;
 
 TEST(FloatPropNativeComponentProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<FloatPropNativeComponentProps>();
   auto const &sourceProps = FloatPropNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
-
+  rawProps.parse(propParser);
   FloatPropNativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(FloatPropNativeComponentProps_blurRadius, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<FloatPropNativeComponentProps>();
   auto const &sourceProps = FloatPropNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"blurRadius\\", 0.1));
-
+  rawProps.parse(propParser);
   FloatPropNativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(FloatPropNativeComponentProps_blurRadius2, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<FloatPropNativeComponentProps>();
   auto const &sourceProps = FloatPropNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"blurRadius2\\", 0.001));
-
+  rawProps.parse(propParser);
   FloatPropNativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(FloatPropNativeComponentProps_blurRadius3, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<FloatPropNativeComponentProps>();
   auto const &sourceProps = FloatPropNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"blurRadius3\\", 2.1));
-
+  rawProps.parse(propParser);
   FloatPropNativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(FloatPropNativeComponentProps_blurRadius4, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<FloatPropNativeComponentProps>();
   auto const &sourceProps = FloatPropNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"blurRadius4\\", 0.1));
-
+  rawProps.parse(propParser);
   FloatPropNativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(FloatPropNativeComponentProps_blurRadius5, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<FloatPropNativeComponentProps>();
   auto const &sourceProps = FloatPropNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"blurRadius5\\", 1));
-
+  rawProps.parse(propParser);
   FloatPropNativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(FloatPropNativeComponentProps_blurRadius6, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<FloatPropNativeComponentProps>();
   auto const &sourceProps = FloatPropNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"blurRadius6\\", 0.1));
-
+  rawProps.parse(propParser);
   FloatPropNativeComponentProps(sourceProps, rawProps);
 }",
 }
@@ -272,21 +447,27 @@ Map {
 #include <gtest/gtest.h>
 #include <react/components/IMAGE_PROP/Props.h>
 #include <react/components/image/conversions.h>
+#include <react/core/RawProps.h>
+#include <react/core/RawPropsParser.h>
 #include <react/core/propsConversions.h>
 
 using namespace facebook::react;
 
 TEST(ImagePropNativeComponentProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<ImagePropNativeComponentProps>();
   auto const &sourceProps = ImagePropNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
-
+  rawProps.parse(propParser);
   ImagePropNativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(ImagePropNativeComponentProps_thumbImage, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<ImagePropNativeComponentProps>();
   auto const &sourceProps = ImagePropNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"thumbImage\\", folly::dynamic::object(\\"url\\", \\"testurl\\")));
-
+  rawProps.parse(propParser);
   ImagePropNativeComponentProps(sourceProps, rawProps);
 }",
 }
@@ -303,14 +484,18 @@ Map {
 
 #include <gtest/gtest.h>
 #include <react/components/INTEGER_PROPS/Props.h>
+#include <react/core/RawProps.h>
+#include <react/core/RawPropsParser.h>
 #include <react/core/propsConversions.h>
 
 using namespace facebook::react;
 
 TEST(IntegerPropNativeComponentProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<IntegerPropNativeComponentProps>();
   auto const &sourceProps = IntegerPropNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
-
+  rawProps.parse(propParser);
   IntegerPropNativeComponentProps(sourceProps, rawProps);
 }",
 }
@@ -327,21 +512,27 @@ Map {
 
 #include <gtest/gtest.h>
 #include <react/components/INTERFACE_ONLY/Props.h>
+#include <react/core/RawProps.h>
+#include <react/core/RawPropsParser.h>
 #include <react/core/propsConversions.h>
 
 using namespace facebook::react;
 
 TEST(InterfaceOnlyComponentProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<InterfaceOnlyComponentProps>();
   auto const &sourceProps = InterfaceOnlyComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
-
+  rawProps.parse(propParser);
   InterfaceOnlyComponentProps(sourceProps, rawProps);
 }
 
 TEST(InterfaceOnlyComponentProps_accessibilityHint, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<InterfaceOnlyComponentProps>();
   auto const &sourceProps = InterfaceOnlyComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"accessibilityHint\\", \\"foo\\"));
-
+  rawProps.parse(propParser);
   InterfaceOnlyComponentProps(sourceProps, rawProps);
 }",
 }
@@ -359,47 +550,116 @@ Map {
 #include <gtest/gtest.h>
 #include <react/components/MULTI_NATIVE_PROP/Props.h>
 #include <react/components/image/conversions.h>
+#include <react/core/RawProps.h>
+#include <react/core/RawPropsParser.h>
 #include <react/core/propsConversions.h>
 
 using namespace facebook::react;
 
 TEST(ImageColorPropNativeComponentProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<ImageColorPropNativeComponentProps>();
   auto const &sourceProps = ImageColorPropNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
-
+  rawProps.parse(propParser);
   ImageColorPropNativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(ImageColorPropNativeComponentProps_thumbImage, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<ImageColorPropNativeComponentProps>();
   auto const &sourceProps = ImageColorPropNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"thumbImage\\", folly::dynamic::object(\\"url\\", \\"testurl\\")));
-
+  rawProps.parse(propParser);
   ImageColorPropNativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(ImageColorPropNativeComponentProps_color, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<ImageColorPropNativeComponentProps>();
   auto const &sourceProps = ImageColorPropNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"color\\", 1));
-
+  rawProps.parse(propParser);
   ImageColorPropNativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(ImageColorPropNativeComponentProps_thumbTintColor, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<ImageColorPropNativeComponentProps>();
   auto const &sourceProps = ImageColorPropNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"thumbTintColor\\", 1));
-
+  rawProps.parse(propParser);
   ImageColorPropNativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(ImageColorPropNativeComponentProps_point, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<ImageColorPropNativeComponentProps>();
   auto const &sourceProps = ImageColorPropNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"point\\", folly::dynamic::object(\\"x\\", 1)(\\"y\\", 1)));
-
+  rawProps.parse(propParser);
   ImageColorPropNativeComponentProps(sourceProps, rawProps);
 }",
 }
 `;
 
+exports[`GenerateTests can generate fixture NO_PROPS_NO_EVENTS 1`] = `
+Map {
+  "Tests.cpp" => "/**
+ * Copyright (c) Facebook, Inc. and its 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/components/NO_PROPS_NO_EVENTS/Props.h>
+#include <react/core/RawProps.h>
+#include <react/core/RawPropsParser.h>
+#include <react/core/propsConversions.h>
+
+using namespace facebook::react;
+
+TEST(NoPropsNoEventsComponentProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<NoPropsNoEventsComponentProps>();
+  auto const &sourceProps = NoPropsNoEventsComponentProps();
+  auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
+  rawProps.parse(propParser);
+  NoPropsNoEventsComponentProps(sourceProps, rawProps);
+}",
+}
+`;
+
+exports[`GenerateTests can generate fixture OBJECT_PROPS 1`] = `
+Map {
+  "Tests.cpp" => "/**
+ * Copyright (c) Facebook, Inc. and its 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/components/OBJECT_PROPS/Props.h>
+#include <react/components/image/conversions.h>
+#include <react/core/RawProps.h>
+#include <react/core/RawPropsParser.h>
+#include <react/core/propsConversions.h>
+
+using namespace facebook::react;
+
+TEST(ObjectPropsProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<ObjectPropsProps>();
+  auto const &sourceProps = ObjectPropsProps();
+  auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
+  rawProps.parse(propParser);
+  ObjectPropsProps(sourceProps, rawProps);
+}",
+}
+`;
+
 exports[`GenerateTests can generate fixture POINT_PROP 1`] = `
 Map {
   "Tests.cpp" => "/**
@@ -411,21 +671,27 @@ Map {
 
 #include <gtest/gtest.h>
 #include <react/components/POINT_PROP/Props.h>
+#include <react/core/RawProps.h>
+#include <react/core/RawPropsParser.h>
 #include <react/core/propsConversions.h>
 
 using namespace facebook::react;
 
 TEST(PointPropNativeComponentProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<PointPropNativeComponentProps>();
   auto const &sourceProps = PointPropNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
-
+  rawProps.parse(propParser);
   PointPropNativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(PointPropNativeComponentProps_startPoint, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<PointPropNativeComponentProps>();
   auto const &sourceProps = PointPropNativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"startPoint\\", folly::dynamic::object(\\"x\\", 1)(\\"y\\", 1)));
-
+  rawProps.parse(propParser);
   PointPropNativeComponentProps(sourceProps, rawProps);
 }",
 }
@@ -442,21 +708,36 @@ Map {
 
 #include <gtest/gtest.h>
 #include <react/components/STRING_PROP/Props.h>
+#include <react/core/RawProps.h>
+#include <react/core/RawPropsParser.h>
 #include <react/core/propsConversions.h>
 
 using namespace facebook::react;
 
 TEST(StringPropComponentProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<StringPropComponentProps>();
   auto const &sourceProps = StringPropComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
-
+  rawProps.parse(propParser);
   StringPropComponentProps(sourceProps, rawProps);
 }
 
 TEST(StringPropComponentProps_accessibilityHint, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<StringPropComponentProps>();
   auto const &sourceProps = StringPropComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"accessibilityHint\\", \\"foo\\"));
+  rawProps.parse(propParser);
+  StringPropComponentProps(sourceProps, rawProps);
+}
 
+TEST(StringPropComponentProps_accessibilityRole, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<StringPropComponentProps>();
+  auto const &sourceProps = StringPropComponentProps();
+  auto const &rawProps = RawProps(folly::dynamic::object(\\"accessibilityRole\\", \\"foo\\"));
+  rawProps.parse(propParser);
   StringPropComponentProps(sourceProps, rawProps);
 }",
 }
@@ -473,35 +754,45 @@ Map {
 
 #include <gtest/gtest.h>
 #include <react/components/TWO_COMPONENTS_DIFFERENT_FILES/Props.h>
+#include <react/core/RawProps.h>
+#include <react/core/RawPropsParser.h>
 #include <react/core/propsConversions.h>
 
 using namespace facebook::react;
 
 TEST(MultiFile1NativeComponentProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<MultiFile1NativeComponentProps>();
   auto const &sourceProps = MultiFile1NativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
-
+  rawProps.parse(propParser);
   MultiFile1NativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(MultiFile1NativeComponentProps_disabled, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<MultiFile1NativeComponentProps>();
   auto const &sourceProps = MultiFile1NativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"disabled\\", true));
-
+  rawProps.parse(propParser);
   MultiFile1NativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(MultiFile2NativeComponentProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<MultiFile2NativeComponentProps>();
   auto const &sourceProps = MultiFile2NativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
-
+  rawProps.parse(propParser);
   MultiFile2NativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(MultiFile2NativeComponentProps_disabled, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<MultiFile2NativeComponentProps>();
   auto const &sourceProps = MultiFile2NativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"disabled\\", true));
-
+  rawProps.parse(propParser);
   MultiFile2NativeComponentProps(sourceProps, rawProps);
 }",
 }
@@ -518,35 +809,45 @@ Map {
 
 #include <gtest/gtest.h>
 #include <react/components/TWO_COMPONENTS_SAME_FILE/Props.h>
+#include <react/core/RawProps.h>
+#include <react/core/RawPropsParser.h>
 #include <react/core/propsConversions.h>
 
 using namespace facebook::react;
 
 TEST(MultiComponent1NativeComponentProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<MultiComponent1NativeComponentProps>();
   auto const &sourceProps = MultiComponent1NativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
-
+  rawProps.parse(propParser);
   MultiComponent1NativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(MultiComponent1NativeComponentProps_disabled, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<MultiComponent1NativeComponentProps>();
   auto const &sourceProps = MultiComponent1NativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"disabled\\", true));
-
+  rawProps.parse(propParser);
   MultiComponent1NativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(MultiComponent2NativeComponentProps_DoesNotDie, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<MultiComponent2NativeComponentProps>();
   auto const &sourceProps = MultiComponent2NativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"xx_invalid_xx\\", \\"xx_invalid_xx\\"));
-
+  rawProps.parse(propParser);
   MultiComponent2NativeComponentProps(sourceProps, rawProps);
 }
 
 TEST(MultiComponent2NativeComponentProps_disabled, etc) {
+  auto propParser = RawPropsParser();
+  propParser.prepare<MultiComponent2NativeComponentProps>();
   auto const &sourceProps = MultiComponent2NativeComponentProps();
   auto const &rawProps = RawProps(folly::dynamic::object(\\"disabled\\", true));
-
+  rawProps.parse(propParser);
   MultiComponent2NativeComponentProps(sourceProps, rawProps);
 }",
 }
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
new file mode 100644
index 00000000000000..4af7b4a7f174c2
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateViewConfigJs-test.js.snap
@@ -0,0 +1,920 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GenerateViewConfigJs can generate fixture ARRAY_PROPS 1`] = `
+Map {
+  "ARRAY_PROPSNativeViewConfig.js" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+
+const ArrayPropsNativeComponentViewConfig = {
+  uiViewClassName: 'ArrayPropsNativeComponent',
+
+  validAttributes: {
+    names: true,
+    disableds: true,
+    progress: true,
+    radii: true,
+    colors: { process: require('processColorArray') },
+    srcs: true,
+    points: true,
+    sizes: true,
+    object: true,
+  },
+};
+
+let nativeComponentName = 'ArrayPropsNativeComponent';
+
+registerGeneratedViewConfig(nativeComponentName, ArrayPropsNativeComponentViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = ArrayPropsNativeComponentViewConfig;
+
+export default nativeComponentName;
+",
+}
+`;
+
+exports[`GenerateViewConfigJs can generate fixture BOOLEAN_PROP 1`] = `
+Map {
+  "BOOLEAN_PROPNativeViewConfig.js" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+
+const BooleanPropNativeComponentViewConfig = {
+  uiViewClassName: 'BooleanPropNativeComponent',
+
+  validAttributes: {
+    disabled: true,
+  },
+};
+
+let nativeComponentName = 'BooleanPropNativeComponent';
+
+registerGeneratedViewConfig(nativeComponentName, BooleanPropNativeComponentViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = BooleanPropNativeComponentViewConfig;
+
+export default nativeComponentName;
+",
+}
+`;
+
+exports[`GenerateViewConfigJs can generate fixture COLOR_PROP 1`] = `
+Map {
+  "COLOR_PROPNativeViewConfig.js" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+
+const ColorPropNativeComponentViewConfig = {
+  uiViewClassName: 'ColorPropNativeComponent',
+
+  validAttributes: {
+    tintColor: { process: require('processColor') },
+  },
+};
+
+let nativeComponentName = 'ColorPropNativeComponent';
+
+registerGeneratedViewConfig(nativeComponentName, ColorPropNativeComponentViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = ColorPropNativeComponentViewConfig;
+
+export default nativeComponentName;
+",
+}
+`;
+
+exports[`GenerateViewConfigJs can generate fixture COMMANDS 1`] = `
+Map {
+  "COMMANDSNativeViewConfig.js" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+const {dispatchCommand} = require(\\"react-native/Libraries/Renderer/shims/ReactNative\\");
+
+const CommandNativeComponentViewConfig = {
+  uiViewClassName: 'CommandNativeComponent',
+  validAttributes: {},
+};
+
+let nativeComponentName = 'CommandNativeComponent';
+
+registerGeneratedViewConfig(nativeComponentName, CommandNativeComponentViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = CommandNativeComponentViewConfig;
+
+export default nativeComponentName;
+
+export const Commands = {
+    flashScrollIndicators(ref) {
+        dispatchCommand(ref, \\"flashScrollIndicators\\", []);
+    },
+
+    allTypes(ref, x, y, z, message, animated) {
+        dispatchCommand(ref, \\"allTypes\\", [x, y, z, message, animated]);
+    }
+};
+",
+}
+`;
+
+exports[`GenerateViewConfigJs can generate fixture COMMANDS_AND_PROPS 1`] = `
+Map {
+  "COMMANDS_AND_PROPSNativeViewConfig.js" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+const {dispatchCommand} = require(\\"react-native/Libraries/Renderer/shims/ReactNative\\");
+
+const CommandNativeComponentViewConfig = {
+  uiViewClassName: 'CommandNativeComponent',
+
+  validAttributes: {
+    accessibilityHint: true,
+  },
+};
+
+let nativeComponentName = 'CommandNativeComponent';
+
+registerGeneratedViewConfig(nativeComponentName, CommandNativeComponentViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = CommandNativeComponentViewConfig;
+
+export default nativeComponentName;
+
+export const Commands = {
+    hotspotUpdate(ref, x, y) {
+        dispatchCommand(ref, \\"hotspotUpdate\\", [x, y]);
+    }
+};
+",
+}
+`;
+
+exports[`GenerateViewConfigJs can generate fixture DOUBLE_PROPS 1`] = `
+Map {
+  "DOUBLE_PROPSNativeViewConfig.js" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+
+const DoublePropNativeComponentViewConfig = {
+  uiViewClassName: 'DoublePropNativeComponent',
+
+  validAttributes: {
+    blurRadius: true,
+    blurRadius2: true,
+    blurRadius3: true,
+    blurRadius4: true,
+    blurRadius5: true,
+    blurRadius6: true,
+  },
+};
+
+let nativeComponentName = 'DoublePropNativeComponent';
+
+registerGeneratedViewConfig(nativeComponentName, DoublePropNativeComponentViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = DoublePropNativeComponentViewConfig;
+
+export default nativeComponentName;
+",
+}
+`;
+
+exports[`GenerateViewConfigJs can generate fixture ENUM_PROP 1`] = `
+Map {
+  "ENUM_PROPNativeViewConfig.js" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+
+const EnumPropsNativeComponentViewConfig = {
+  uiViewClassName: 'EnumPropsNativeComponent',
+
+  validAttributes: {
+    alignment: true,
+  },
+};
+
+let nativeComponentName = 'EnumPropsNativeComponent';
+
+registerGeneratedViewConfig(nativeComponentName, EnumPropsNativeComponentViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = EnumPropsNativeComponentViewConfig;
+
+export default nativeComponentName;
+",
+}
+`;
+
+exports[`GenerateViewConfigJs can generate fixture EVENT_NESTED_OBJECT_PROPS 1`] = `
+Map {
+  "EVENT_NESTED_OBJECT_PROPSNativeViewConfig.js" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+
+const EventsNestedObjectNativeComponentViewConfig = {
+  uiViewClassName: 'EventsNestedObjectNativeComponent',
+
+  bubblingEventTypes: {
+    topChange: {
+      phasedRegistrationNames: {
+        captured: 'onChangeCapture',
+        bubbled: 'onChange',
+      },
+    },
+  },
+
+  validAttributes: {
+    disabled: true,
+    onChange: true,
+  },
+};
+
+let nativeComponentName = 'EventsNestedObjectNativeComponent';
+
+registerGeneratedViewConfig(nativeComponentName, EventsNestedObjectNativeComponentViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = EventsNestedObjectNativeComponentViewConfig;
+
+export default nativeComponentName;
+",
+}
+`;
+
+exports[`GenerateViewConfigJs can generate fixture EVENT_PROPS 1`] = `
+Map {
+  "EVENT_PROPSNativeViewConfig.js" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+
+const EventsNativeComponentViewConfig = {
+  uiViewClassName: 'EventsNativeComponent',
+
+  bubblingEventTypes: {
+    topChange: {
+      phasedRegistrationNames: {
+        captured: 'onChangeCapture',
+        bubbled: 'onChange',
+      },
+    },
+
+    topEnd: {
+      phasedRegistrationNames: {
+        captured: 'onEndCapture',
+        bubbled: 'onEnd',
+      },
+    },
+  },
+
+  directEventTypes: {
+    topEventDirect: {
+      registrationName: 'onEventDirect',
+    },
+
+    topOrientationChange: {
+      registrationName: 'onOrientationChange',
+    },
+  },
+
+  validAttributes: {
+    disabled: true,
+    onChange: true,
+    onEventDirect: true,
+    onOrientationChange: true,
+    onEnd: true,
+  },
+};
+
+let nativeComponentName = 'EventsNativeComponent';
+
+registerGeneratedViewConfig(nativeComponentName, EventsNativeComponentViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = EventsNativeComponentViewConfig;
+
+export default nativeComponentName;
+",
+}
+`;
+
+exports[`GenerateViewConfigJs can generate fixture EVENTS_WITH_PAPER_NAME 1`] = `
+Map {
+  "EVENTS_WITH_PAPER_NAMENativeViewConfig.js" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+
+const InterfaceOnlyComponentViewConfig = {
+  uiViewClassName: 'RCTInterfaceOnlyComponent',
+
+  bubblingEventTypes: {
+    paperChange: {
+      phasedRegistrationNames: {
+        captured: 'onChangeCapture',
+        bubbled: 'onChange',
+      },
+    },
+
+    topChange: {
+      phasedRegistrationNames: {
+        captured: 'onChangeCapture',
+        bubbled: 'onChange',
+      },
+    },
+  },
+
+  directEventTypes: {
+    paperDirectChange: {
+      registrationName: 'onDire tChange',
+    },
+
+    topDire tChange: {
+      registrationName: 'onDire tChange',
+    },
+  },
+
+  validAttributes: {
+    onChange: true,
+    onDire tChange: true,
+  },
+};
+
+let nativeComponentName = 'RCTInterfaceOnlyComponent';
+
+registerGeneratedViewConfig(nativeComponentName, InterfaceOnlyComponentViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = InterfaceOnlyComponentViewConfig;
+
+export default nativeComponentName;
+",
+}
+`;
+
+exports[`GenerateViewConfigJs can generate fixture FLOAT_PROPS 1`] = `
+Map {
+  "FLOAT_PROPSNativeViewConfig.js" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+
+const FloatPropNativeComponentViewConfig = {
+  uiViewClassName: 'FloatPropNativeComponent',
+
+  validAttributes: {
+    blurRadius: true,
+    blurRadius2: true,
+    blurRadius3: true,
+    blurRadius4: true,
+    blurRadius5: true,
+    blurRadius6: true,
+  },
+};
+
+let nativeComponentName = 'FloatPropNativeComponent';
+
+registerGeneratedViewConfig(nativeComponentName, FloatPropNativeComponentViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = FloatPropNativeComponentViewConfig;
+
+export default nativeComponentName;
+",
+}
+`;
+
+exports[`GenerateViewConfigJs can generate fixture IMAGE_PROP 1`] = `
+Map {
+  "IMAGE_PROPNativeViewConfig.js" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+
+const ImagePropNativeComponentViewConfig = {
+  uiViewClassName: 'ImagePropNativeComponent',
+
+  validAttributes: {
+    thumbImage: { process: require('resolveAssetSource') },
+  },
+};
+
+let nativeComponentName = 'ImagePropNativeComponent';
+
+registerGeneratedViewConfig(nativeComponentName, ImagePropNativeComponentViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = ImagePropNativeComponentViewConfig;
+
+export default nativeComponentName;
+",
+}
+`;
+
+exports[`GenerateViewConfigJs can generate fixture INTEGER_PROPS 1`] = `
+Map {
+  "INTEGER_PROPSNativeViewConfig.js" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+
+const IntegerPropNativeComponentViewConfig = {
+  uiViewClassName: 'IntegerPropNativeComponent',
+
+  validAttributes: {
+    progress1: true,
+    progress2: true,
+    progress3: true,
+  },
+};
+
+let nativeComponentName = 'IntegerPropNativeComponent';
+
+registerGeneratedViewConfig(nativeComponentName, IntegerPropNativeComponentViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = IntegerPropNativeComponentViewConfig;
+
+export default nativeComponentName;
+",
+}
+`;
+
+exports[`GenerateViewConfigJs can generate fixture INTERFACE_ONLY 1`] = `
+Map {
+  "INTERFACE_ONLYNativeViewConfig.js" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+
+const InterfaceOnlyComponentViewConfig = {
+  uiViewClassName: 'RCTInterfaceOnlyComponent',
+
+  bubblingEventTypes: {
+    topChange: {
+      phasedRegistrationNames: {
+        captured: 'onChangeCapture',
+        bubbled: 'onChange',
+      },
+    },
+  },
+
+  validAttributes: {
+    accessibilityHint: true,
+    onChange: true,
+  },
+};
+
+let nativeComponentName = 'RCTInterfaceOnlyComponent';
+
+registerGeneratedViewConfig(nativeComponentName, InterfaceOnlyComponentViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = InterfaceOnlyComponentViewConfig;
+
+export default nativeComponentName;
+",
+}
+`;
+
+exports[`GenerateViewConfigJs can generate fixture MULTI_NATIVE_PROP 1`] = `
+Map {
+  "MULTI_NATIVE_PROPNativeViewConfig.js" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+
+const ImageColorPropNativeComponentViewConfig = {
+  uiViewClassName: 'ImageColorPropNativeComponent',
+
+  validAttributes: {
+    thumbImage: { process: require('resolveAssetSource') },
+    color: { process: require('processColor') },
+    thumbTintColor: { process: require('processColor') },
+    point: { diff: require('pointsDiffer') },
+  },
+};
+
+let nativeComponentName = 'ImageColorPropNativeComponent';
+
+registerGeneratedViewConfig(nativeComponentName, ImageColorPropNativeComponentViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = ImageColorPropNativeComponentViewConfig;
+
+export default nativeComponentName;
+",
+}
+`;
+
+exports[`GenerateViewConfigJs can generate fixture NO_PROPS_NO_EVENTS 1`] = `
+Map {
+  "NO_PROPS_NO_EVENTSNativeViewConfig.js" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+
+const NoPropsNoEventsComponentViewConfig = {
+  uiViewClassName: 'NoPropsNoEventsComponent',
+  validAttributes: {},
+};
+
+let nativeComponentName = 'NoPropsNoEventsComponent';
+
+registerGeneratedViewConfig(nativeComponentName, NoPropsNoEventsComponentViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = NoPropsNoEventsComponentViewConfig;
+
+export default nativeComponentName;
+",
+}
+`;
+
+exports[`GenerateViewConfigJs can generate fixture OBJECT_PROPS 1`] = `
+Map {
+  "OBJECT_PROPSNativeViewConfig.js" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+
+const ObjectPropsViewConfig = {
+  uiViewClassName: 'ObjectProps',
+
+  validAttributes: {
+    objectProp: true,
+  },
+};
+
+let nativeComponentName = 'ObjectProps';
+
+registerGeneratedViewConfig(nativeComponentName, ObjectPropsViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = ObjectPropsViewConfig;
+
+export default nativeComponentName;
+",
+}
+`;
+
+exports[`GenerateViewConfigJs can generate fixture POINT_PROP 1`] = `
+Map {
+  "POINT_PROPNativeViewConfig.js" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+
+const PointPropNativeComponentViewConfig = {
+  uiViewClassName: 'PointPropNativeComponent',
+
+  validAttributes: {
+    startPoint: { diff: require('pointsDiffer') },
+  },
+};
+
+let nativeComponentName = 'PointPropNativeComponent';
+
+registerGeneratedViewConfig(nativeComponentName, PointPropNativeComponentViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = PointPropNativeComponentViewConfig;
+
+export default nativeComponentName;
+",
+}
+`;
+
+exports[`GenerateViewConfigJs can generate fixture STRING_PROP 1`] = `
+Map {
+  "STRING_PROPNativeViewConfig.js" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+
+const StringPropComponentViewConfig = {
+  uiViewClassName: 'StringPropComponent',
+
+  validAttributes: {
+    accessibilityHint: true,
+    accessibilityRole: true,
+  },
+};
+
+let nativeComponentName = 'StringPropComponent';
+
+registerGeneratedViewConfig(nativeComponentName, StringPropComponentViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = StringPropComponentViewConfig;
+
+export default nativeComponentName;
+",
+}
+`;
+
+exports[`GenerateViewConfigJs can generate fixture TWO_COMPONENTS_DIFFERENT_FILES 1`] = `
+Map {
+  "TWO_COMPONENTS_DIFFERENT_FILESNativeViewConfig.js" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+
+const MultiFile1NativeComponentViewConfig = {
+  uiViewClassName: 'MultiFile1NativeComponent',
+
+  validAttributes: {
+    disabled: true,
+  },
+};
+
+let nativeComponentName = 'MultiFile1NativeComponent';
+
+registerGeneratedViewConfig(nativeComponentName, MultiFile1NativeComponentViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = MultiFile1NativeComponentViewConfig;
+
+export default nativeComponentName;
+
+const MultiFile2NativeComponentViewConfig = {
+  uiViewClassName: 'MultiFile2NativeComponent',
+
+  validAttributes: {
+    disabled: true,
+  },
+};
+
+let nativeComponentName = 'MultiFile2NativeComponent';
+
+registerGeneratedViewConfig(nativeComponentName, MultiFile2NativeComponentViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = MultiFile2NativeComponentViewConfig;
+
+export default nativeComponentName;
+",
+}
+`;
+
+exports[`GenerateViewConfigJs can generate fixture TWO_COMPONENTS_SAME_FILE 1`] = `
+Map {
+  "TWO_COMPONENTS_SAME_FILENativeViewConfig.js" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+
+const MultiComponent1NativeComponentViewConfig = {
+  uiViewClassName: 'MultiComponent1NativeComponent',
+
+  validAttributes: {
+    disabled: true,
+  },
+};
+
+let nativeComponentName = 'MultiComponent1NativeComponent';
+
+registerGeneratedViewConfig(nativeComponentName, MultiComponent1NativeComponentViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = MultiComponent1NativeComponentViewConfig;
+
+export default nativeComponentName;
+
+const MultiComponent2NativeComponentViewConfig = {
+  uiViewClassName: 'MultiComponent2NativeComponent',
+
+  validAttributes: {
+    disabled: true,
+  },
+};
+
+let nativeComponentName = 'MultiComponent2NativeComponent';
+
+registerGeneratedViewConfig(nativeComponentName, MultiComponent2NativeComponentViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = MultiComponent2NativeComponentViewConfig;
+
+export default nativeComponentName;
+",
+}
+`;
+
+exports[`GenerateViewConfigJs can generate fixture with a deprecated view config name 1`] = `
+Map {
+  "DEPRECATED_VIEW_CONFIG_NAMENativeViewConfig.js" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+const registerGeneratedViewConfig = require('registerGeneratedViewConfig');
+const {UIManager} = require(\\"react-native\\")
+
+const NativeComponentNameViewConfig = {
+  uiViewClassName: 'NativeComponentName',
+  validAttributes: {},
+};
+
+let nativeComponentName = 'NativeComponentName';
+if (UIManager.getViewManagerConfig('NativeComponentName')) {
+  nativeComponentName = 'NativeComponentName';
+} else if (UIManager.getViewManagerConfig('DeprecatedNativeComponentName')){
+  nativeComponentName = 'DeprecatedNativeComponentName';
+} else {
+  throw new Error('Failed to find native component for either \\"NativeComponentName\\" or \\"DeprecatedNativeComponentName\\"')
+}
+registerGeneratedViewConfig(nativeComponentName, NativeComponentNameViewConfig);
+
+export const __INTERNAL_VIEW_CONFIG = NativeComponentNameViewConfig;
+
+export default nativeComponentName;
+",
+}
+`;
diff --git a/packages/react-native-codegen/src/generators/modules/GenerateModuleCpp.js b/packages/react-native-codegen/src/generators/modules/GenerateModuleCpp.js
new file mode 100644
index 00000000000000..52b611455dcfe8
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/modules/GenerateModuleCpp.js
@@ -0,0 +1,154 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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';
+
+type FilesOutput = Map<string, string>;
+
+const propertyHeaderTemplate =
+  'static jsi::Value __hostFunction_Native::_MODULE_NAME_::CxxSpecJSI_::_PROPERTY_NAME_::(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {';
+
+const propertyCastTemplate =
+  'static_cast<Native::_MODULE_NAME_::CxxSpecJSI *>(&turboModule)->::_PROPERTY_NAME_::(rt::_ARGS_::);';
+
+const nonvoidPropertyTemplate = `
+${propertyHeaderTemplate}
+  return ${propertyCastTemplate}
+}`.trim();
+
+const voidPropertyTemplate = `
+${propertyHeaderTemplate}
+  ${propertyCastTemplate}
+  return jsi::Value::undefined();
+}`;
+
+const proprertyDefTemplate =
+  '  methodMap_["::_PROPERTY_NAME_::"] = MethodMetadata {::_ARGS_COUNT_::, __hostFunction_Native::_MODULE_NAME_::CxxSpecJSI_::_PROPERTY_NAME_::};';
+
+const moduleTemplate = `
+::_MODULE_PROPERTIES_::
+
+Native::_MODULE_NAME_::CxxSpecJSI::Native::_MODULE_NAME_::CxxSpecJSI(std::shared_ptr<JSCallInvoker> jsInvoker)
+  : TurboModule("::_MODULE_NAME_::", jsInvoker) {
+::_PROPERTIES_MAP_::
+}`.trim();
+
+const template = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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/modules/::_LIBRARY_NAME_::/NativeModules.h>
+
+namespace facebook {
+namespace react {
+
+::_MODULES_::
+
+
+} // namespace react
+} // namespace facebook
+`;
+
+function traverseArg(arg, index): string {
+  function wrap(suffix) {
+    return `args[${index}]${suffix}`;
+  }
+  const type = arg.typeAnnotation.type;
+  switch (type) {
+    case 'StringTypeAnnotation':
+      return wrap('.getString(rt)');
+    case 'BooleanTypeAnnotation':
+      return wrap('.getBool()');
+    case 'NumberTypeAnnotation':
+    case 'FloatTypeAnnotation':
+    case 'Int32TypeAnnotation':
+      return wrap('.getNumber()');
+    case 'ArrayTypeAnnotation':
+      return wrap('.getObject(rt).getArray(rt)');
+    case 'FunctionTypeAnnotation':
+      return `std::move(${wrap('.getObject(rt).getFunction(rt)')})`;
+    case 'GenericObjectTypeAnnotation':
+    case 'ObjectTypeAnnotation':
+      return wrap('.getObject(rt)');
+    case 'AnyTypeAnnotation':
+      throw new Error(`Any type is not allowed in params for "${arg.name}"`);
+
+    default:
+      (type: empty);
+      throw new Error(`Unknown prop type for "${arg.name}, found: ${type}"`);
+  }
+}
+
+function traverseProprety(property): string {
+  const propertyTemplate =
+    property.typeAnnotation.returnTypeAnnotation.type === 'VoidTypeAnnotation'
+      ? voidPropertyTemplate
+      : nonvoidPropertyTemplate;
+  const traversedArgs = property.typeAnnotation.params
+    .map(traverseArg)
+    .join(', ');
+  return propertyTemplate
+    .replace(/::_PROPERTY_NAME_::/g, property.name)
+    .replace(/::_ARGS_::/g, traversedArgs === '' ? '' : ', ' + traversedArgs);
+}
+
+module.exports = {
+  generate(
+    libraryName: string,
+    schema: SchemaType,
+    moduleSpecName: string,
+  ): FilesOutput {
+    const nativeModules = Object.keys(schema.modules)
+      .map(moduleName => {
+        const modules = schema.modules[moduleName].nativeModules;
+        if (modules == null) {
+          return null;
+        }
+
+        return modules;
+      })
+      .filter(Boolean)
+      .reduce((acc, modules) => Object.assign(acc, modules), {});
+
+    const modules = Object.keys(nativeModules)
+      .map(name => {
+        const {properties} = nativeModules[name];
+        const traversedProperties = properties
+          .map(property => traverseProprety(property))
+          .join('\n');
+        return moduleTemplate
+          .replace(/::_MODULE_PROPERTIES_::/g, traversedProperties)
+          .replace(
+            '::_PROPERTIES_MAP_::',
+            properties
+              .map(({name: propertyName, typeAnnotation: {params}}) =>
+                proprertyDefTemplate
+                  .replace(/::_PROPERTY_NAME_::/g, propertyName)
+                  .replace(/::_ARGS_COUNT_::/g, params.length.toString()),
+              )
+              .join('\n'),
+          )
+          .replace(/::_MODULE_NAME_::/g, name);
+      })
+      .join('\n');
+
+    const fileName = 'NativeModules.cpp';
+    const replacedTemplate = template
+      .replace(/::_MODULES_::/g, modules)
+      .replace(/::_LIBRARY_NAME_::/g, libraryName);
+    return new Map([[fileName, replacedTemplate]]);
+  },
+};
diff --git a/packages/react-native-codegen/src/generators/modules/GenerateModuleH.js b/packages/react-native-codegen/src/generators/modules/GenerateModuleH.js
new file mode 100644
index 00000000000000..d72095939664f0
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/modules/GenerateModuleH.js
@@ -0,0 +1,154 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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,
+  FunctionTypeAnnotationParamTypeAnnotation,
+  FunctionTypeAnnotationReturn,
+} from '../../CodegenSchema';
+
+type FilesOutput = Map<string, string>;
+
+const moduleTemplate = `
+class JSI_EXPORT Native::_MODULE_NAME_::CxxSpecJSI : public TurboModule {
+protected:
+  Native::_MODULE_NAME_::CxxSpecJSI(std::shared_ptr<JSCallInvoker> jsInvoker);
+
+public:
+::_MODULE_PROPERTIES_::
+
+};`;
+
+const template = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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/TurboModule.h>
+
+namespace facebook {
+namespace react {
+::_MODULES_::
+
+} // namespace react
+} // namespace facebook
+`;
+
+function translatePrimitiveJSTypeToCpp(
+  type:
+    | FunctionTypeAnnotationParamTypeAnnotation
+    | FunctionTypeAnnotationReturn,
+  error: string,
+) {
+  switch (type.type) {
+    case 'VoidTypeAnnotation':
+      return 'void';
+    case 'StringTypeAnnotation':
+      return 'jsi::String';
+    case 'NumberTypeAnnotation':
+    case 'FloatTypeAnnotation':
+      return 'double';
+    case 'Int32TypeAnnotation':
+      return 'int';
+    case 'BooleanTypeAnnotation':
+      return 'bool';
+    case 'GenericObjectTypeAnnotation':
+    case 'ObjectTypeAnnotation':
+      return 'jsi::Object';
+    case 'ArrayTypeAnnotation':
+      return 'jsi::Array';
+    case 'FunctionTypeAnnotation':
+      return 'jsi::Function';
+    case 'GenericPromiseTypeAnnotation':
+      return 'jsi::Value';
+
+    default:
+      throw new Error(error);
+  }
+}
+const propertyTemplate =
+  'virtual ::_RETURN_VALUE_:: ::_PROPERTY_NAME_::(jsi::Runtime &rt::_ARGS_::) = 0;';
+
+module.exports = {
+  generate(
+    libraryName: string,
+    schema: SchemaType,
+    moduleSpecName: string,
+  ): FilesOutput {
+    const nativeModules = Object.keys(schema.modules)
+      .map(moduleName => {
+        const modules = schema.modules[moduleName].nativeModules;
+        if (modules == null) {
+          return null;
+        }
+
+        return modules;
+      })
+      .filter(Boolean)
+      .reduce((acc, components) => Object.assign(acc, components), {});
+
+    const modules = Object.keys(nativeModules)
+      .map(name => {
+        const {properties} = nativeModules[name];
+        const traversedProperties = properties
+          .map(prop => {
+            const traversedArgs = prop.typeAnnotation.params
+              .map(param => {
+                const translatedParam = translatePrimitiveJSTypeToCpp(
+                  param.typeAnnotation,
+                  `Unspopported type for param "${param.name}" in ${
+                    prop.name
+                  }. Found: ${param.typeAnnotation.type}`,
+                );
+                const isObject = translatedParam.startsWith('jsi::');
+                return (
+                  (isObject
+                    ? 'const ' + translatedParam + ' &'
+                    : translatedParam + ' ') + param.name
+                );
+              })
+              .join(', ');
+            return propertyTemplate
+              .replace('::_PROPERTY_NAME_::', prop.name)
+              .replace(
+                '::_RETURN_VALUE_::',
+                translatePrimitiveJSTypeToCpp(
+                  prop.typeAnnotation.returnTypeAnnotation,
+                  `Unspopported return type for ${prop.name}. Found: ${
+                    prop.typeAnnotation.returnTypeAnnotation.type
+                  }`,
+                ),
+              )
+              .replace(
+                '::_ARGS_::',
+                traversedArgs === '' ? '' : ', ' + traversedArgs,
+              );
+          })
+          .join('\n');
+        return moduleTemplate
+          .replace(/::_MODULE_PROPERTIES_::/g, traversedProperties)
+          .replace(/::_MODULE_NAME_::/g, name)
+          .replace('::_PROPERTIES_MAP_::', '');
+      })
+      .join('\n');
+
+    const fileName = 'NativeModules.h';
+    const replacedTemplate = template.replace(/::_MODULES_::/g, modules);
+
+    return new Map([[fileName, replacedTemplate]]);
+  },
+};
diff --git a/packages/react-native-codegen/src/generators/modules/GenerateModuleHObjCpp.js b/packages/react-native-codegen/src/generators/modules/GenerateModuleHObjCpp.js
new file mode 100644
index 00000000000000..1d292bd1584f93
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/modules/GenerateModuleHObjCpp.js
@@ -0,0 +1,271 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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,
+  FunctionTypeAnnotationParam,
+  FunctionTypeAnnotationReturn,
+  ObjectParamTypeAnnotation,
+} from '../../CodegenSchema';
+
+const {
+  translateObjectsForStructs,
+  capitalizeFirstLetter,
+} = require('./ObjCppUtils/GenerateStructs');
+
+type FilesOutput = Map<string, string>;
+
+const moduleTemplate = `
+class JSI_EXPORT Native::_MODULE_NAME_::SpecJSI : public ObjCTurboModule {
+public:
+  Native::_MODULE_NAME_::SpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+};`;
+
+const protocolTemplate = `
+::_STRUCTS_::
+
+@protocol Native::_MODULE_NAME_::Spec <RCTBridgeModule, RCTTurboModule>
+::_MODULE_PROPERTIES_::
+@end
+`;
+
+const callbackArgs = prop =>
+  prop.typeAnnotation.returnTypeAnnotation.type ===
+  'GenericPromiseTypeAnnotation'
+    ? `${
+        prop.typeAnnotation.params.length === 0 ? '' : '\n   resolve'
+      }:(RCTPromiseResolveBlock)resolve
+   reject:(RCTPromiseRejectBlock)reject`
+    : '';
+
+const template = `
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// NOTE: This entire file should be codegen'ed.
+
+#import <vector>
+
+#import <Foundation/Foundation.h>
+
+#import <React/RCTBridgeModule.h>
+
+#import <ReactCommon/RCTTurboModule.h>
+#import <RCTRequired/RCTRequired.h>
+#import <RCTTypeSafety/RCTTypedModuleConstants.h>
+#import <React/RCTCxxConvert.h>
+#import <React/RCTManagedPointer.h>
+#import <RCTTypeSafety/RCTConvertHelpers.h>
+
+::_PROTOCOLS_::
+
+namespace facebook {
+namespace react {
+::_MODULES_::
+
+} // namespace react
+} // namespace facebook
+`;
+
+type ObjectForGeneratingStructs = $ReadOnly<{|
+  name: string,
+  object: $ReadOnly<{|
+    type: 'ObjectTypeAnnotation',
+    properties: $ReadOnlyArray<ObjectParamTypeAnnotation>,
+  |}>,
+|}>;
+
+const constants = `- (facebook::react::ModuleConstants<JS::Native::_MODULE_NAME_::::Constants::Builder>)constantsToExport;
+- (facebook::react::ModuleConstants<JS::Native::_MODULE_NAME_::::Constants::Builder>)getConstants;`;
+
+function translatePrimitiveJSTypeToObjCType(
+  param: FunctionTypeAnnotationParam,
+  error: string,
+) {
+  function wrapIntoNullableIfNeeded(generatedType: string) {
+    return param.nullable ? `${generatedType} _Nullable` : generatedType;
+  }
+  switch (param.typeAnnotation.type) {
+    case 'StringTypeAnnotation':
+      return wrapIntoNullableIfNeeded('NSString *');
+    case 'NumberTypeAnnotation':
+    case 'FloatTypeAnnotation':
+    case 'Int32TypeAnnotation':
+      return param.nullable ? 'NSNumber *' : 'double';
+    case 'BooleanTypeAnnotation':
+      return param.nullable ? 'NSNumber * _Nullable' : 'BOOL';
+    case 'GenericObjectTypeAnnotation':
+      return wrapIntoNullableIfNeeded('NSDictionary *');
+    case 'ArrayTypeAnnotation':
+      return wrapIntoNullableIfNeeded('NSArray *');
+    case 'FunctionTypeAnnotation':
+      return 'RCTResponseSenderBlock';
+    case 'ObjectTypeAnnotation':
+      return wrapIntoNullableIfNeeded('NSDictionary *');
+    default:
+      throw new Error(error);
+  }
+}
+
+function translatePrimitiveJSTypeToObjCTypeForReturn(
+  type: FunctionTypeAnnotationReturn,
+  error: string,
+) {
+  function wrapIntoNullableIfNeeded(generatedType: string) {
+    return type.nullable ? `${generatedType} _Nullable` : generatedType;
+  }
+  switch (type.type) {
+    case 'VoidTypeAnnotation':
+    case 'GenericPromiseTypeAnnotation':
+      return 'void';
+    case 'StringTypeAnnotation':
+      return wrapIntoNullableIfNeeded('NSString *');
+    case 'NumberTypeAnnotation':
+    case 'FloatTypeAnnotation':
+    case 'Int32TypeAnnotation':
+      return wrapIntoNullableIfNeeded('NSNumber *');
+    case 'BooleanTypeAnnotation':
+      return type.nullable ? 'NSNumber * _Nullable' : 'BOOL';
+    case 'GenericObjectTypeAnnotation':
+      return wrapIntoNullableIfNeeded('NSDictionary *');
+    case 'ArrayTypeAnnotation':
+      return wrapIntoNullableIfNeeded('NSArray<id<NSObject>> *');
+    case 'ObjectTypeAnnotation':
+      return wrapIntoNullableIfNeeded('NSDictionary *');
+    default:
+      throw new Error(error);
+  }
+}
+const methodImplementationTemplate =
+  '- (::_RETURN_VALUE_::) ::_PROPERTY_NAME_::::_ARGS_::;';
+
+module.exports = {
+  generate(
+    libraryName: string,
+    schema: SchemaType,
+    moduleSpecName: string,
+  ): FilesOutput {
+    const nativeModules = Object.keys(schema.modules)
+      .map(moduleName => {
+        const modules = schema.modules[moduleName].nativeModules;
+        if (modules == null) {
+          return null;
+        }
+
+        return modules;
+      })
+      .filter(Boolean)
+      .reduce((acc, components) => Object.assign(acc, components), {});
+
+    const modules = Object.keys(nativeModules)
+      .map(name => moduleTemplate.replace(/::_MODULE_NAME_::/g, name))
+      .join('\n');
+
+    const protocols = Object.keys(nativeModules)
+      .map(name => {
+        const objectForGeneratingStructs: Array<ObjectForGeneratingStructs> = [];
+        const {properties} = nativeModules[name];
+        const implementations = properties
+          .map(prop => {
+            const nativeArgs = prop.typeAnnotation.params
+              .map((param, i) => {
+                let paramObjCType;
+                if (
+                  param.typeAnnotation.type === 'ObjectTypeAnnotation' &&
+                  param.typeAnnotation.properties
+                ) {
+                  const variableName =
+                    capitalizeFirstLetter(prop.name) +
+                    capitalizeFirstLetter(param.name);
+                  objectForGeneratingStructs.push({
+                    name: variableName,
+                    object: {
+                      type: 'ObjectTypeAnnotation',
+                      properties: param.typeAnnotation.properties,
+                    },
+                  });
+                  paramObjCType = `JS::Native::_MODULE_NAME_::::Spec${variableName}&`;
+                } else {
+                  paramObjCType = translatePrimitiveJSTypeToObjCType(
+                    param,
+                    `Unspopported type for param "${param.name}" in ${
+                      prop.name
+                    }. Found: ${param.typeAnnotation.type}`,
+                  );
+                }
+                return `${i === 0 ? '' : param.name}:(${paramObjCType})${
+                  param.name
+                }`;
+              })
+              .join('\n   ')
+              .concat(callbackArgs(prop));
+            const {returnTypeAnnotation} = prop.typeAnnotation;
+            if (
+              returnTypeAnnotation.type === 'ObjectTypeAnnotation' &&
+              returnTypeAnnotation.properties
+            ) {
+              objectForGeneratingStructs.push({
+                name: capitalizeFirstLetter(prop.name) + 'ReturnType',
+
+                object: {
+                  type: 'ObjectTypeAnnotation',
+                  properties: returnTypeAnnotation.properties,
+                },
+              });
+            }
+            const implementation = methodImplementationTemplate
+              .replace('::_PROPERTY_NAME_::', prop.name)
+              .replace(
+                '::_RETURN_VALUE_::',
+                translatePrimitiveJSTypeToObjCTypeForReturn(
+                  returnTypeAnnotation,
+                  `Unspopported return type for ${prop.name}. Found: ${
+                    prop.typeAnnotation.returnTypeAnnotation.type
+                  }`,
+                ),
+              )
+              .replace('::_ARGS_::', nativeArgs);
+            if (prop.name === 'getConstants') {
+              if (
+                prop.typeAnnotation.returnTypeAnnotation.properties &&
+                prop.typeAnnotation.returnTypeAnnotation.properties.length === 0
+              ) {
+                return '';
+              }
+              return constants.replace(/::_MODULE_NAME_::/, name);
+            }
+            return implementation;
+          })
+          .join('\n');
+        return protocolTemplate
+          .replace(
+            /::_STRUCTS_::/g,
+            translateObjectsForStructs(objectForGeneratingStructs),
+          )
+          .replace(/::_MODULE_PROPERTIES_::/g, implementations)
+          .replace(/::_MODULE_NAME_::/g, name)
+          .replace('::_PROPERTIES_MAP_::', '');
+      })
+      .join('\n');
+
+    const fileName = `${moduleSpecName}.h`;
+    const replacedTemplate = template
+      .replace(/::_MODULES_::/g, modules)
+      .replace(/::_PROTOCOLS_::/g, protocols);
+
+    return new Map([[fileName, replacedTemplate]]);
+  },
+};
diff --git a/packages/react-native-codegen/src/generators/modules/GenerateModuleMm.js b/packages/react-native-codegen/src/generators/modules/GenerateModuleMm.js
new file mode 100644
index 00000000000000..be9800288166d8
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/modules/GenerateModuleMm.js
@@ -0,0 +1,280 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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, NativeModuleShape} from '../../CodegenSchema';
+
+const {capitalizeFirstLetter} = require('./ObjCppUtils/GenerateStructs');
+const {flatObjects} = require('./ObjCppUtils/Utils');
+
+type FilesOutput = Map<string, string>;
+
+const propertyHeaderTemplate =
+  'static facebook::jsi::Value __hostFunction_Native::_MODULE_NAME_::SpecJSI_::_PROPERTY_NAME_::(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {';
+
+const propertyCastTemplate = `static_cast<ObjCTurboModule &>(turboModule)
+         .invokeObjCMethod(rt, ::_KIND_::, "::_PROPERTY_NAME_::", @selector(::_PROPERTY_NAME_::::_ARGS_::), args, count);`;
+
+const propertyTemplate = `
+${propertyHeaderTemplate}
+  return ${propertyCastTemplate}
+}`.trim();
+
+const proprertyDefTemplate =
+  '  methodMap_["::_PROPERTY_NAME_::"] = MethodMetadata {::_ARGS_COUNT_::, __hostFunction_Native::_MODULE_NAME_::SpecJSI_::_PROPERTY_NAME_::};';
+
+const moduleTemplate = `
+::_TURBOMODULE_METHOD_INVOKERS_::
+
+Native::_MODULE_NAME_::SpecJSI::Native::_MODULE_NAME_::SpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+  : ObjCTurboModule("::_MODULE_NAME_::", instance, jsInvoker) {
+::_PROPERTIES_MAP_::::_CONVERSION_SELECTORS_::
+}`.trim();
+
+const getterTemplate = `
+  @implementation RCTCxxConvert (Native::_MODULE_NAME_::_Spec::_GETTER_NAME_::)
++ (RCTManagedPointer *)JS_Native::_MODULE_NAME_::_Spec::_GETTER_NAME_:::(id)json
+{
+  return facebook::react::managedPointer<JS::Native::_MODULE_NAME_::::Spec::_GETTER_NAME_::>(json);
+}
+@end
+`.trim();
+
+const argConvertionTemplate =
+  '\n  setMethodArgConversionSelector(@"::_ARG_NAME_::", ::_ARG_NUMBER_::, @"JS_Native::_MODULE_NAME_::_Spec::_SELECTOR_NAME_:::");';
+
+const template = `
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <::_INCLUDE_::>
+::_GETTERS_::
+namespace facebook {
+namespace react {
+
+::_MODULES_::
+
+
+} // namespace react
+} // namespace facebook
+`;
+
+function translateReturnTypeToKind(type): string {
+  switch (type) {
+    case 'VoidTypeAnnotation':
+      return 'VoidKind';
+    case 'StringTypeAnnotation':
+      return 'StringKind';
+    case 'BooleanTypeAnnotation':
+      return 'BooleanKind';
+    case 'NumberTypeAnnotation':
+    case 'DoubleTypeAnnotation':
+    case 'FloatTypeAnnotation':
+    case 'Int32TypeAnnotation':
+      return 'NumberKind';
+    case 'GenericPromiseTypeAnnotation':
+      return 'PromiseKind';
+    case 'GenericObjectTypeAnnotation':
+    case 'ObjectTypeAnnotation':
+      return 'ObjectKind';
+    case 'ArrayTypeAnnotation':
+      return 'ArrayKind';
+    default:
+      (type: empty);
+      throw new Error(`Unknown prop type for returning value, found: ${type}"`);
+  }
+}
+
+function tranlsateMethodForImplementation(property): string {
+  const numberOfParams =
+    property.typeAnnotation.params.length +
+    (property.typeAnnotation.returnTypeAnnotation.type ===
+    'GenericPromiseTypeAnnotation'
+      ? 2
+      : 0);
+  const translatedArguments = property.typeAnnotation.params
+    .map(param => param.name)
+    .concat(
+      property.typeAnnotation.returnTypeAnnotation.type ===
+        'GenericPromiseTypeAnnotation'
+        ? ['resolve', 'reject']
+        : [],
+    )
+    .slice(1)
+    .join(':')
+    .concat(':');
+  if (
+    property.name === 'getConstants' &&
+    property.typeAnnotation.returnTypeAnnotation.type ===
+      'ObjectTypeAnnotation' &&
+    property.typeAnnotation.returnTypeAnnotation.properties &&
+    property.typeAnnotation.returnTypeAnnotation.properties.length === 0
+  ) {
+    return '';
+  }
+  return propertyTemplate
+    .replace(
+      /::_KIND_::/g,
+      translateReturnTypeToKind(
+        property.typeAnnotation.returnTypeAnnotation.type,
+      ),
+    )
+    .replace(/::_PROPERTY_NAME_::/g, property.name)
+    .replace(
+      /::_ARGS_::/g,
+      numberOfParams === 0
+        ? ''
+        : (numberOfParams === 1 ? '' : ':') + translatedArguments,
+    );
+}
+
+module.exports = {
+  generate(
+    libraryName: string,
+    schema: SchemaType,
+    moduleSpecName: string,
+  ): FilesOutput {
+    const nativeModules: {[name: string]: NativeModuleShape} = Object.keys(
+      schema.modules,
+    )
+      .map(moduleName => {
+        const modules = schema.modules[moduleName].nativeModules;
+        if (modules == null) {
+          return null;
+        }
+
+        return modules;
+      })
+      .filter(Boolean)
+      .reduce((acc, modules) => Object.assign(acc, modules), {});
+
+    const gettersImplementations = Object.keys(nativeModules)
+      .reduce((acc, moduleName: string) => {
+        const module: NativeModuleShape = nativeModules[moduleName];
+        return acc.concat(
+          flatObjects(
+            module.properties.reduce((moduleAcc, property) => {
+              const {returnTypeAnnotation} = property.typeAnnotation;
+              if (returnTypeAnnotation.type === 'ObjectTypeAnnotation') {
+                const {properties} = returnTypeAnnotation;
+                if (properties) {
+                  moduleAcc.push({
+                    name: capitalizeFirstLetter(property.name) + 'ReturnType',
+                    object: {
+                      type: 'ObjectTypeAnnotation',
+                      properties: properties,
+                    },
+                  });
+                }
+              }
+              if (property.typeAnnotation.params) {
+                return moduleAcc.concat(
+                  property.typeAnnotation.params
+                    .map(param => {
+                      if (
+                        param.typeAnnotation.type === 'ObjectTypeAnnotation'
+                      ) {
+                        const {properties} = param.typeAnnotation;
+                        if (properties) {
+                          return {
+                            name:
+                              capitalizeFirstLetter(property.name) +
+                              capitalizeFirstLetter(param.name),
+                            object: {
+                              type: 'ObjectTypeAnnotation',
+                              properties: properties,
+                            },
+                          };
+                        }
+                      }
+                    })
+                    .filter(Boolean),
+                );
+              }
+              return moduleAcc;
+            }, []),
+          )
+            .map(object =>
+              getterTemplate
+                .replace(/::_GETTER_NAME_::/g, object.name)
+                .replace(/::_MODULE_NAME_::/g, moduleName),
+            )
+            .join('\n'),
+        );
+      }, [])
+      .join('\n');
+
+    const modules = Object.keys(nativeModules)
+      .map(name => {
+        const {properties} = nativeModules[name];
+        const translatedMethods = properties
+          .map(property => tranlsateMethodForImplementation(property))
+          .join('\n');
+        return moduleTemplate
+          .replace(/::_TURBOMODULE_METHOD_INVOKERS_::/g, translatedMethods)
+          .replace(
+            '::_PROPERTIES_MAP_::',
+            properties
+              .map(
+                ({
+                  name: propertyName,
+                  typeAnnotation: {params, returnTypeAnnotation},
+                }) =>
+                  propertyName === 'getConstants' &&
+                  returnTypeAnnotation.type === 'ObjectTypeAnnotation' &&
+                  returnTypeAnnotation.properties &&
+                  returnTypeAnnotation.properties.length === 0
+                    ? ''
+                    : proprertyDefTemplate
+                        .replace(/::_PROPERTY_NAME_::/g, propertyName)
+                        .replace(/::_ARGS_COUNT_::/g, params.length.toString()),
+              )
+              .join('\n'),
+          )
+          .replace(
+            '::_CONVERSION_SELECTORS_::',
+            properties
+              .map(({name: propertyName, typeAnnotation: {params}}) =>
+                params
+                  .map((param, index) =>
+                    param.typeAnnotation.type === 'ObjectTypeAnnotation' &&
+                    param.typeAnnotation.properties
+                      ? argConvertionTemplate
+                          .replace(
+                            '::_SELECTOR_NAME_::',
+                            capitalizeFirstLetter(propertyName) +
+                              capitalizeFirstLetter(param.name),
+                          )
+                          .replace('::_ARG_NUMBER_::', index.toString())
+                          .replace('::_ARG_NAME_::', propertyName)
+                      : '',
+                  )
+                  .join(''),
+              )
+              .join(''),
+          )
+          .replace(/::_MODULE_NAME_::/g, name);
+      })
+      .join('\n');
+
+    const fileName = `${moduleSpecName}-generated.mm`;
+    const replacedTemplate = template
+      .replace(/::_GETTERS_::/g, gettersImplementations)
+      .replace(/::_MODULES_::/g, modules)
+      .replace(/::_LIBRARY_NAME_::/g, libraryName)
+      .replace(/::_INCLUDE_::/g, `${moduleSpecName}/${moduleSpecName}.h`);
+    return new Map([[fileName, replacedTemplate]]);
+  },
+};
diff --git a/packages/react-native-codegen/src/generators/modules/ObjCppUtils/GenerateStructs.js b/packages/react-native-codegen/src/generators/modules/ObjCppUtils/GenerateStructs.js
new file mode 100644
index 00000000000000..73614202abf857
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/modules/ObjCppUtils/GenerateStructs.js
@@ -0,0 +1,184 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {ObjectParamTypeAnnotation} from '../../../CodegenSchema';
+const {flatObjects, capitalizeFirstLetter} = require('./Utils');
+const {generateStructsForConstants} = require('./GenerateStructsForConstants');
+
+const template = `
+::_CONSTANTS_::::_STRUCTS_::::_INLINES_::
+`;
+
+const structTemplate = `
+namespace JS {
+  namespace Native::_MODULE_NAME_:: {
+    struct Spec::_STRUCT_NAME_:: {
+      ::_STRUCT_PROPERTIES_::
+
+      Spec::_STRUCT_NAME_::(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (Native::_MODULE_NAME_::_Spec::_STRUCT_NAME_::)
++ (RCTManagedPointer *)JS_Native::_MODULE_NAME_::_Spec::_STRUCT_NAME_:::(id)json;
+@end
+`;
+
+const inlineTemplate = `
+inline ::_RETURN_TYPE_::JS::Native::_MODULE_NAME_::::Spec::_STRUCT_NAME_::::::_PROPERTY_NAME_::() const
+{
+  id const p = _v[@"::_PROPERTY_NAME_::"];
+  return ::_RETURN_VALUE_::;
+}
+`;
+
+function getInlineMethodSignature(
+  property: ObjectParamTypeAnnotation,
+  name: string,
+): string {
+  const {typeAnnotation} = property;
+  switch (typeAnnotation.type) {
+    case 'StringTypeAnnotation':
+      return `NSString *${property.name}() const;`;
+    case 'NumberTypeAnnotation':
+    case 'FloatTypeAnnotation':
+    case 'Int32TypeAnnotation':
+      return `double ${property.name}() const;`;
+    case 'BooleanTypeAnnotation':
+      return `bool ${property.name}() const;`;
+    case 'ObjectTypeAnnotation':
+      return `JS::Native::_MODULE_NAME_::::Spec${name}${capitalizeFirstLetter(
+        property.name,
+      )} ${property.name}() const;`;
+    case 'GenericObjectTypeAnnotation':
+    case 'AnyTypeAnnotation':
+      return `id<NSObject> ${property.name}() const;`;
+    case 'ArrayTypeAnnotation':
+      return `facebook::react::LazyVector<id<NSObject>> ${
+        property.name
+      }() const;`;
+    case 'FunctionTypeAnnotation':
+    default:
+      throw new Error(`Unknown prop type, found: ${typeAnnotation.type}"`);
+  }
+}
+
+function getInlineMethodImplementation(
+  property: ObjectParamTypeAnnotation,
+  name: string,
+): string {
+  const {typeAnnotation} = property;
+  switch (typeAnnotation.type) {
+    case 'StringTypeAnnotation':
+      return inlineTemplate
+        .replace(/::_RETURN_TYPE_::/, 'NSString *')
+        .replace(/::_RETURN_VALUE_::/, 'RCTBridgingToString(p)');
+    case 'NumberTypeAnnotation':
+    case 'FloatTypeAnnotation':
+    case 'Int32TypeAnnotation':
+      return inlineTemplate
+        .replace(/::_RETURN_TYPE_::/, 'double ')
+        .replace(/::_RETURN_VALUE_::/, 'RCTBridgingToDouble(p)');
+    case 'BooleanTypeAnnotation':
+      return inlineTemplate
+        .replace(/::_RETURN_TYPE_::/, 'bool ')
+        .replace(/::_RETURN_VALUE_::/, 'RCTBridgingToBool(p)');
+    case 'GenericObjectTypeAnnotation':
+    case 'AnyTypeAnnotation':
+      return inlineTemplate
+        .replace(/::_RETURN_TYPE_::/, 'id<NSObject> ')
+        .replace(/::_RETURN_VALUE_::/, 'p');
+    case 'ObjectTypeAnnotation':
+      return inlineTemplate
+        .replace(
+          /::_RETURN_TYPE_::/,
+          `JS::Native::_MODULE_NAME_::::Spec${name}${capitalizeFirstLetter(
+            property.name,
+          )} `,
+        )
+        .replace(
+          /::_RETURN_VALUE_::/,
+          `JS::Native::_MODULE_NAME_::::Spec${name}${capitalizeFirstLetter(
+            property.name,
+          )}(p)`,
+        );
+    case 'ArrayTypeAnnotation':
+      return inlineTemplate
+        .replace(
+          /::_RETURN_TYPE_::/,
+          'facebook::react::LazyVector<id<NSObject>> ',
+        )
+        .replace(
+          /::_RETURN_VALUE_::/,
+          'RCTBridgingToVec(p, ^id<NSObject>(id itemValue_0) { return itemValue_0; })',
+        );
+    case 'FunctionTypeAnnotation':
+    default:
+      throw new Error(`Unknown prop type, found: ${typeAnnotation.type}"`);
+  }
+}
+
+function translateObjectsForStructs(
+  annotations: $ReadOnlyArray<
+    $ReadOnly<{|
+      name: string,
+      object: $ReadOnly<{|
+        type: 'ObjectTypeAnnotation',
+        properties: $ReadOnlyArray<ObjectParamTypeAnnotation>,
+      |}>,
+    |}>,
+  >,
+): string {
+  const flattenObjects = flatObjects(annotations);
+
+  const translatedInlineMethods = flattenObjects
+    .reduce(
+      (acc, object) =>
+        acc.concat(
+          object.properties.map(property =>
+            getInlineMethodImplementation(property, object.name)
+              .replace(/::_PROPERTY_NAME_::/g, property.name)
+              .replace(/::_STRUCT_NAME_::/g, object.name),
+          ),
+        ),
+      [],
+    )
+    .join('\n');
+
+  const translatedStructs = flattenObjects
+    .map(object =>
+      structTemplate
+        .replace(
+          /::_STRUCT_PROPERTIES_::/g,
+          object.properties
+            .map(property => getInlineMethodSignature(property, object.name))
+            .join('\n      '),
+        )
+        .replace(/::_STRUCT_NAME_::/g, object.name),
+    )
+    .reverse()
+    .join('\n');
+
+  const translatedConstants = generateStructsForConstants(annotations);
+
+  return template
+    .replace(/::_STRUCTS_::/, translatedStructs)
+    .replace(/::_INLINES_::/, translatedInlineMethods)
+    .replace(/::_CONSTANTS_::/, translatedConstants);
+}
+module.exports = {
+  translateObjectsForStructs,
+  capitalizeFirstLetter,
+};
diff --git a/packages/react-native-codegen/src/generators/modules/ObjCppUtils/GenerateStructsForConstants.js b/packages/react-native-codegen/src/generators/modules/ObjCppUtils/GenerateStructsForConstants.js
new file mode 100644
index 00000000000000..a0098654c82d5d
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/modules/ObjCppUtils/GenerateStructsForConstants.js
@@ -0,0 +1,211 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {ObjectParamTypeAnnotation} from '../../../CodegenSchema';
+const {flatObjects, capitalizeFirstLetter} = require('./Utils');
+
+const structTemplate = `
+namespace JS {
+  namespace Native::_MODULE_NAME_:: {
+    struct ::_STRUCT_NAME_:: {
+
+      struct Builder {
+        struct Input {
+          ::_INPUT_::
+        };
+
+        /** Initialize with a set of values */
+        Builder(const Input i);
+        /** Initialize with an existing ::_STRUCT_NAME_:: */
+        Builder(::_STRUCT_NAME_:: i);
+        /** Builds the object. Generally used only by the infrastructure. */
+        NSDictionary *buildUnsafeRawValue() const { return _factory(); };
+      private:
+        NSDictionary *(^_factory)(void);
+      };
+
+      static ::_STRUCT_NAME_:: fromUnsafeRawValue(NSDictionary *const v) { return {v}; }
+      NSDictionary *unsafeRawValue() const { return _v; }
+    private:
+      ::_STRUCT_NAME_::(NSDictionary *const v) : _v(v) {}
+      NSDictionary *_v;
+    };
+  }
+}
+
+inline JS::Native::_MODULE_NAME_::::::_STRUCT_NAME_::::Builder::Builder(const Input i) : _factory(^{
+  NSMutableDictionary *d = [NSMutableDictionary new];
+  ::_PROPERTIES_::
+  return d;
+}) {}
+inline JS::Native::_MODULE_NAME_::::::_STRUCT_NAME_::::Builder::Builder(::_STRUCT_NAME_:: i) : _factory(^{
+  return i.unsafeRawValue();
+}) {}`;
+
+function getBuilderInputFieldDeclaration(
+  property: ObjectParamTypeAnnotation,
+  name: string,
+): string {
+  function markRequiredIfNecessary(annotation) {
+    if (!property.optional) {
+      return 'RCTRequired<' + annotation + '> ' + property.name + ';';
+    }
+    return 'folly::Optional<' + annotation + '> ' + property.name + ';';
+  }
+  const {typeAnnotation} = property;
+  switch (typeAnnotation.type) {
+    case 'StringTypeAnnotation':
+      if (property.optional) {
+        return 'NSString *' + property.name + ';';
+      }
+      return markRequiredIfNecessary('NSString *');
+    case 'NumberTypeAnnotation':
+    case 'FloatTypeAnnotation':
+    case 'Int32TypeAnnotation':
+      return markRequiredIfNecessary('double');
+    case 'BooleanTypeAnnotation':
+      return markRequiredIfNecessary('bool');
+    case 'ObjectTypeAnnotation':
+      return markRequiredIfNecessary(
+        `JS::Native::_MODULE_NAME_::::Spec${name}${capitalizeFirstLetter(
+          property.name,
+        )}::Builder`,
+      );
+    case 'GenericObjectTypeAnnotation':
+    case 'AnyTypeAnnotation':
+      if (property.optional) {
+        return 'id<NSObject> _Nullable ' + property.name + ';';
+      }
+      return markRequiredIfNecessary('id<NSObject>');
+    case 'ArrayTypeAnnotation':
+      return markRequiredIfNecessary('std::vector<id<NSObject>>');
+    case 'FunctionTypeAnnotation':
+    default:
+      throw new Error(`Unknown prop type, found: ${typeAnnotation.type}"`);
+  }
+}
+
+function safeGetter(name: string, optional: boolean) {
+  return `
+  auto ${name} = i.${name}${optional ? '' : '.get()'};
+  d[@"${name}"] = ${name};
+  `.trim();
+}
+
+function arrayGetter(name: string, optional: boolean) {
+  return `
+  auto ${name} = i.${name}${optional ? '' : '.get()'};
+  d[@"${name}"] = RCTConvert${
+    optional ? 'Optional' : ''
+  }VecToArray(${name}, ^id(id<NSObject> el_) { return el_; });
+  `.trim();
+}
+
+function boolGetter(name: string, optional: boolean) {
+  return `
+  auto ${name} = i.${name}${optional ? '' : '.get()'};
+  d[@"${name}"] = ${
+    optional
+      ? `${name}.hasValue() ? @((BOOL)${name}.value()) : nil`
+      : `@(${name})`
+  };
+  `.trim();
+}
+
+function numberGetter(name: string, optional: boolean) {
+  return `
+  auto ${name} = i.${name}${optional ? '' : '.get()'};
+  d[@"${name}"] = ${
+    optional
+      ? `${name}.hasValue() ? @((double)${name}.value()) : nil`
+      : `@(${name})`
+  };
+  `.trim();
+}
+
+function unsafeGetter(name: string, optional: boolean) {
+  return `
+  auto ${name} = i.${name}${optional ? '' : '.get()'};
+  d[@"${name}"] = ${
+    optional
+      ? `${name}.hasValue() ? ${name}.value().buildUnsafeRawValue() : nil`
+      : `${name}.buildUnsafeRawValue()`
+  };
+  `.trim();
+}
+
+function getObjectProperty(property: ObjectParamTypeAnnotation): string {
+  const {typeAnnotation} = property;
+  switch (typeAnnotation.type) {
+    case 'NumberTypeAnnotation':
+    case 'FloatTypeAnnotation':
+    case 'Int32TypeAnnotation':
+      return numberGetter(property.name, property.optional);
+    case 'BooleanTypeAnnotation':
+      return boolGetter(property.name, property.optional);
+    case 'StringTypeAnnotation':
+    case 'GenericObjectTypeAnnotation':
+    case 'AnyTypeAnnotation':
+      return safeGetter(property.name, property.optional);
+    case 'ObjectTypeAnnotation':
+      return unsafeGetter(property.name, property.optional);
+    case 'ArrayTypeAnnotation':
+      return arrayGetter(property.name, property.optional);
+    case 'FunctionTypeAnnotation':
+    default:
+      throw new Error(`Unknown prop type, found: ${typeAnnotation.type}"`);
+  }
+}
+
+function generateStructsForConstants(
+  annotations: $ReadOnlyArray<
+    $ReadOnly<{|
+      name: string,
+      object: $ReadOnly<{|
+        type: 'ObjectTypeAnnotation',
+        properties: $ReadOnlyArray<ObjectParamTypeAnnotation>,
+      |}>,
+    |}>,
+  >,
+): string {
+  return flatObjects(annotations, true)
+    .reduce(
+      (acc, object) =>
+        acc.concat(
+          structTemplate
+            .replace(
+              /::_INPUT_::/g,
+              object.properties
+                .map(property =>
+                  getBuilderInputFieldDeclaration(property, object.name),
+                )
+                .join('\n          '),
+            )
+            .replace(
+              /::_PROPERTIES_::/g,
+              object.properties
+                .map(property => getObjectProperty(property))
+                .join('\n'),
+            )
+            .replace(/::_STRUCT_NAME_::/g, object.name),
+        ),
+      [],
+    )
+    .reverse()
+    .join('\n')
+    .replace(/SpecGetConstantsReturnType/g, 'Constants')
+    .replace(/GetConstantsReturnType/g, 'Constants');
+}
+module.exports = {
+  generateStructsForConstants,
+  capitalizeFirstLetter,
+};
diff --git a/packages/react-native-codegen/src/generators/modules/ObjCppUtils/Utils.js b/packages/react-native-codegen/src/generators/modules/ObjCppUtils/Utils.js
new file mode 100644
index 00000000000000..ee0f928690895a
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/modules/ObjCppUtils/Utils.js
@@ -0,0 +1,91 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {ObjectParamTypeAnnotation} from '../../../CodegenSchema';
+
+function capitalizeFirstLetter(string: string): string {
+  return string.charAt(0).toUpperCase() + string.slice(1);
+}
+
+function flatObjects(
+  annotations: $ReadOnlyArray<
+    $ReadOnly<{|
+      name: string,
+      object: $ReadOnly<{|
+        type: 'ObjectTypeAnnotation',
+        properties: $ReadOnlyArray<ObjectParamTypeAnnotation>,
+      |}>,
+    |}>,
+  >,
+  forConstants: boolean = false,
+): $ReadOnlyArray<
+  $ReadOnly<{|
+    name: string,
+    properties: $ReadOnlyArray<ObjectParamTypeAnnotation>,
+  |}>,
+> {
+  let objectTypesToFlatten: Array<{|
+    properties: $ReadOnlyArray<ObjectParamTypeAnnotation>,
+    name: string,
+  |}> = annotations
+    .map(annotation => ({
+      name: annotation.name,
+      properties: annotation.object.properties,
+    }))
+    .filter(
+      annotation =>
+        (annotation.name === 'GetConstantsReturnType') === forConstants,
+    )
+    .filter(
+      annotation =>
+        annotation.name !== 'GetConstantsReturnType' ||
+        annotation.properties.length > 0,
+    );
+
+  let flattenObjects: Array<{|
+    properties: $ReadOnlyArray<ObjectParamTypeAnnotation>,
+    name: string,
+  |}> = [];
+
+  while (objectTypesToFlatten.length !== 0) {
+    const oldObjectTypesToFlatten = objectTypesToFlatten;
+    objectTypesToFlatten = [];
+    flattenObjects = flattenObjects.concat(
+      oldObjectTypesToFlatten.map(object => {
+        const {properties} = object;
+        if (properties !== undefined) {
+          objectTypesToFlatten = objectTypesToFlatten.concat(
+            properties.reduce((acc, curr) => {
+              if (
+                curr.typeAnnotation.type === 'ObjectTypeAnnotation' &&
+                curr.typeAnnotation.properties
+              ) {
+                return acc.concat({
+                  properties: curr.typeAnnotation.properties,
+                  name: object.name + capitalizeFirstLetter(curr.name),
+                });
+              }
+              return acc;
+            }, []),
+          );
+        }
+        return object;
+      }),
+    );
+  }
+
+  return flattenObjects;
+}
+module.exports = {
+  flatObjects,
+  capitalizeFirstLetter,
+};
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
new file mode 100644
index 00000000000000..f13dae88bd50d5
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/modules/__test_fixtures__/fixtures.js
@@ -0,0 +1,473 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {SchemaType} from '../../../CodegenSchema.js';
+
+const EMPTY_NATIVE_MODULES: SchemaType = {
+  modules: {
+    SampleTurboModule: {
+      nativeModules: {
+        SampleTurboModule: {
+          properties: [],
+        },
+      },
+    },
+  },
+};
+
+const SIMPLE_NATIVE_MODULES: SchemaType = {
+  modules: {
+    SampleTurboModule: {
+      nativeModules: {
+        SampleTurboModule: {
+          properties: [
+            {
+              name: 'getConstants',
+              typeAnnotation: {
+                type: 'FunctionTypeAnnotation',
+                returnTypeAnnotation: {
+                  nullable: false,
+                  type: 'ObjectTypeAnnotation',
+                  properties: [
+                    {
+                      optional: false,
+                      name: 'const1',
+                      typeAnnotation: {
+                        type: 'BooleanTypeAnnotation',
+                      },
+                    },
+                    {
+                      optional: false,
+                      name: 'const2',
+                      typeAnnotation: {
+                        type: 'NumberTypeAnnotation',
+                      },
+                    },
+                    {
+                      optional: false,
+                      name: 'const3',
+                      typeAnnotation: {
+                        type: 'StringTypeAnnotation',
+                      },
+                    },
+                  ],
+                },
+                params: [],
+                optional: false,
+              },
+            },
+            {
+              name: 'voidFunc',
+              typeAnnotation: {
+                type: 'FunctionTypeAnnotation',
+                returnTypeAnnotation: {
+                  nullable: false,
+                  type: 'VoidTypeAnnotation',
+                },
+                params: [],
+                optional: false,
+              },
+            },
+            {
+              name: 'getBool',
+              typeAnnotation: {
+                type: 'FunctionTypeAnnotation',
+                returnTypeAnnotation: {
+                  nullable: false,
+                  type: 'BooleanTypeAnnotation',
+                },
+                params: [
+                  {
+                    nullable: false,
+                    name: 'arg',
+                    typeAnnotation: {
+                      type: 'BooleanTypeAnnotation',
+                    },
+                  },
+                ],
+                optional: false,
+              },
+            },
+            {
+              name: 'getNumber',
+              typeAnnotation: {
+                type: 'FunctionTypeAnnotation',
+                returnTypeAnnotation: {
+                  nullable: false,
+                  type: 'NumberTypeAnnotation',
+                },
+                params: [
+                  {
+                    nullable: false,
+                    name: 'arg',
+                    typeAnnotation: {
+                      type: 'NumberTypeAnnotation',
+                    },
+                  },
+                ],
+                optional: false,
+              },
+            },
+            {
+              name: 'getString',
+              typeAnnotation: {
+                type: 'FunctionTypeAnnotation',
+                returnTypeAnnotation: {
+                  nullable: false,
+                  type: 'StringTypeAnnotation',
+                },
+                params: [
+                  {
+                    nullable: false,
+                    name: 'arg',
+                    typeAnnotation: {
+                      type: 'StringTypeAnnotation',
+                    },
+                  },
+                ],
+                optional: false,
+              },
+            },
+            {
+              name: 'getArray',
+              typeAnnotation: {
+                type: 'FunctionTypeAnnotation',
+                returnTypeAnnotation: {
+                  nullable: false,
+                  type: 'ArrayTypeAnnotation',
+                  elementType: {
+                    type: 'AnyTypeAnnotation',
+                  },
+                },
+                params: [
+                  {
+                    name: 'arg',
+                    nullable: false,
+                    typeAnnotation: {
+                      type: 'ArrayTypeAnnotation',
+                      elementType: {
+                        type: 'AnyTypeAnnotation',
+                      },
+                    },
+                  },
+                ],
+                optional: false,
+              },
+            },
+            {
+              name: 'getObject',
+              typeAnnotation: {
+                type: 'FunctionTypeAnnotation',
+                returnTypeAnnotation: {
+                  nullable: false,
+                  type: 'GenericObjectTypeAnnotation',
+                },
+                params: [
+                  {
+                    nullable: false,
+                    name: 'arg',
+                    typeAnnotation: {
+                      type: 'GenericObjectTypeAnnotation',
+                    },
+                  },
+                ],
+                optional: false,
+              },
+            },
+            {
+              name: 'getValue',
+              typeAnnotation: {
+                type: 'FunctionTypeAnnotation',
+                returnTypeAnnotation: {
+                  nullable: false,
+                  type: 'GenericObjectTypeAnnotation',
+                },
+                params: [
+                  {
+                    nullable: false,
+                    name: 'x',
+                    typeAnnotation: {
+                      type: 'NumberTypeAnnotation',
+                    },
+                  },
+                  {
+                    nullable: false,
+                    name: 'y',
+                    typeAnnotation: {
+                      type: 'StringTypeAnnotation',
+                    },
+                  },
+                  {
+                    nullable: false,
+                    name: 'z',
+                    typeAnnotation: {
+                      type: 'GenericObjectTypeAnnotation',
+                    },
+                  },
+                ],
+                optional: false,
+              },
+            },
+            {
+              name: 'getValueWithCallback',
+              typeAnnotation: {
+                type: 'FunctionTypeAnnotation',
+                returnTypeAnnotation: {
+                  nullable: false,
+                  type: 'VoidTypeAnnotation',
+                },
+                params: [
+                  {
+                    name: 'callback',
+                    nullable: false,
+                    typeAnnotation: {
+                      type: 'FunctionTypeAnnotation',
+                    },
+                  },
+                ],
+                optional: false,
+              },
+            },
+            {
+              name: 'getValueWithPromise',
+              typeAnnotation: {
+                type: 'FunctionTypeAnnotation',
+                returnTypeAnnotation: {
+                  nullable: false,
+                  type: 'GenericPromiseTypeAnnotation',
+                },
+                params: [
+                  {
+                    nullable: false,
+                    name: 'error',
+                    typeAnnotation: {
+                      type: 'BooleanTypeAnnotation',
+                    },
+                  },
+                ],
+                optional: false,
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+};
+
+const TWO_MODULES_SAME_FILE: SchemaType = {
+  modules: {
+    NativeSampleTurboModule: {
+      nativeModules: {
+        SampleTurboModule: {
+          properties: [
+            {
+              name: 'voidFunc',
+              typeAnnotation: {
+                type: 'FunctionTypeAnnotation',
+                returnTypeAnnotation: {
+                  nullable: false,
+                  type: 'VoidTypeAnnotation',
+                },
+                params: [],
+                optional: false,
+              },
+            },
+          ],
+        },
+        Sample2TurboModule: {
+          properties: [
+            {
+              name: 'voidFunc',
+              typeAnnotation: {
+                type: 'FunctionTypeAnnotation',
+                returnTypeAnnotation: {
+                  nullable: false,
+                  type: 'VoidTypeAnnotation',
+                },
+                params: [],
+                optional: false,
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+};
+
+const TWO_MODULES_DIFFERENT_FILES: SchemaType = {
+  modules: {
+    NativeSampleTurboModule: {
+      nativeModules: {
+        SampleTurboModule: {
+          properties: [
+            {
+              name: 'voidFunc',
+              typeAnnotation: {
+                type: 'FunctionTypeAnnotation',
+                returnTypeAnnotation: {
+                  nullable: false,
+                  type: 'VoidTypeAnnotation',
+                },
+                params: [],
+                optional: false,
+              },
+            },
+          ],
+        },
+      },
+    },
+    NativeSampleTurboModule2: {
+      nativeModules: {
+        Sample2TurboModule: {
+          properties: [
+            {
+              name: 'getConstants',
+              typeAnnotation: {
+                type: 'FunctionTypeAnnotation',
+                returnTypeAnnotation: {
+                  nullable: false,
+                  type: 'ObjectTypeAnnotation',
+                  properties: [],
+                },
+                params: [],
+                optional: false,
+              },
+            },
+            {
+              name: 'voidFunc',
+              typeAnnotation: {
+                type: 'FunctionTypeAnnotation',
+                returnTypeAnnotation: {
+                  nullable: false,
+                  type: 'VoidTypeAnnotation',
+                },
+                params: [],
+                optional: false,
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+};
+
+const COMPLEX_OBJECTS: SchemaType = {
+  modules: {
+    NativeSampleTurboModule: {
+      nativeModules: {
+        SampleTurboModule: {
+          properties: [
+            {
+              name: 'difficult',
+              typeAnnotation: {
+                type: 'FunctionTypeAnnotation',
+                returnTypeAnnotation: {
+                  nullable: false,
+                  type: 'ObjectTypeAnnotation',
+                  properties: [
+                    {
+                      optional: false,
+                      name: 'D',
+                      typeAnnotation: {
+                        type: 'BooleanTypeAnnotation',
+                      },
+                    },
+                    {
+                      optional: false,
+                      name: 'E',
+                      typeAnnotation: {
+                        type: 'NumberTypeAnnotation',
+                      },
+                    },
+                    {
+                      optional: false,
+                      name: 'F',
+                      typeAnnotation: {
+                        type: 'StringTypeAnnotation',
+                      },
+                    },
+                  ],
+                },
+                params: [
+                  {
+                    nullable: false,
+                    name: 'A',
+                    typeAnnotation: {
+                      type: 'ObjectTypeAnnotation',
+                      properties: [
+                        {
+                          optional: false,
+                          name: 'D',
+                          typeAnnotation: {
+                            type: 'BooleanTypeAnnotation',
+                          },
+                        },
+                        {
+                          optional: false,
+                          name: 'E',
+                          typeAnnotation: {
+                            type: 'ObjectTypeAnnotation',
+                            properties: [
+                              {
+                                optional: false,
+                                name: 'D',
+                                typeAnnotation: {
+                                  type: 'BooleanTypeAnnotation',
+                                },
+                              },
+                              {
+                                optional: false,
+                                name: 'E',
+                                typeAnnotation: {
+                                  type: 'NumberTypeAnnotation',
+                                },
+                              },
+                              {
+                                optional: false,
+                                name: 'F',
+                                typeAnnotation: {
+                                  type: 'StringTypeAnnotation',
+                                },
+                              },
+                            ],
+                          },
+                        },
+                        {
+                          optional: false,
+                          name: 'F',
+                          typeAnnotation: {
+                            type: 'StringTypeAnnotation',
+                          },
+                        },
+                      ],
+                    },
+                  },
+                ],
+                optional: false,
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+};
+module.exports = {
+  COMPLEX_OBJECTS,
+  TWO_MODULES_SAME_FILE,
+  TWO_MODULES_DIFFERENT_FILES,
+  EMPTY_NATIVE_MODULES,
+  SIMPLE_NATIVE_MODULES,
+};
diff --git a/packages/react-native-codegen/src/generators/modules/__test_fixtures__/structFixtures.js b/packages/react-native-codegen/src/generators/modules/__test_fixtures__/structFixtures.js
new file mode 100644
index 00000000000000..3386c4ce192c14
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/modules/__test_fixtures__/structFixtures.js
@@ -0,0 +1,202 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {ObjectParamTypeAnnotation} from '../../../CodegenSchema.js';
+const SIMPLE_STRUCT: $ReadOnlyArray<
+  $ReadOnly<{|
+    name: string,
+    object: $ReadOnly<{|
+      type: 'ObjectTypeAnnotation',
+      properties: $ReadOnlyArray<ObjectParamTypeAnnotation>,
+    |}>,
+  |}>,
+> = [
+  {
+    name: 'SampleFuncReturnType',
+    object: {
+      type: 'ObjectTypeAnnotation',
+      properties: [
+        {
+          optional: false,
+          name: 'a',
+          typeAnnotation: {
+            type: 'BooleanTypeAnnotation',
+          },
+        },
+        {
+          optional: false,
+          name: 'b',
+          typeAnnotation: {
+            type: 'NumberTypeAnnotation',
+          },
+        },
+        {
+          optional: false,
+          name: 'c',
+          typeAnnotation: {
+            type: 'StringTypeAnnotation',
+          },
+        },
+        {
+          optional: false,
+          name: 'd',
+          typeAnnotation: {
+            type: 'ObjectTypeAnnotation',
+            properties: [
+              {
+                optional: false,
+                name: 'e',
+                typeAnnotation: {
+                  type: 'BooleanTypeAnnotation',
+                },
+              },
+              {
+                optional: false,
+                name: 'f',
+                typeAnnotation: {
+                  type: 'NumberTypeAnnotation',
+                },
+              },
+              {
+                optional: false,
+                name: 'g',
+                typeAnnotation: {
+                  type: 'ObjectTypeAnnotation',
+                  properties: [
+                    {
+                      optional: false,
+                      name: 'h',
+                      typeAnnotation: {
+                        type: 'BooleanTypeAnnotation',
+                      },
+                    },
+                    {
+                      optional: false,
+                      name: 'i',
+                      typeAnnotation: {
+                        type: 'NumberTypeAnnotation',
+                      },
+                    },
+                    {
+                      optional: false,
+                      name: 'j',
+                      typeAnnotation: {
+                        type: 'StringTypeAnnotation',
+                      },
+                    },
+                  ],
+                },
+              },
+            ],
+          },
+        },
+      ],
+    },
+  },
+];
+
+const SIMPLE_CONSTANTS: $ReadOnlyArray<
+  $ReadOnly<{|
+    name: string,
+    object: $ReadOnly<{|
+      type: 'ObjectTypeAnnotation',
+      properties: $ReadOnlyArray<ObjectParamTypeAnnotation>,
+    |}>,
+  |}>,
+> = [
+  {
+    name: 'GetConstantsReturnType',
+    object: {
+      type: 'ObjectTypeAnnotation',
+      properties: [
+        {
+          optional: false,
+          name: 'a',
+          typeAnnotation: {
+            type: 'BooleanTypeAnnotation',
+          },
+        },
+        {
+          optional: false,
+          name: 'b',
+          typeAnnotation: {
+            type: 'NumberTypeAnnotation',
+          },
+        },
+        {
+          optional: false,
+          name: 'c',
+          typeAnnotation: {
+            type: 'StringTypeAnnotation',
+          },
+        },
+        {
+          optional: false,
+          name: 'd',
+          typeAnnotation: {
+            type: 'ObjectTypeAnnotation',
+            properties: [
+              {
+                optional: false,
+                name: 'e',
+                typeAnnotation: {
+                  type: 'BooleanTypeAnnotation',
+                },
+              },
+              {
+                optional: false,
+                name: 'f',
+                typeAnnotation: {
+                  type: 'NumberTypeAnnotation',
+                },
+              },
+              {
+                optional: false,
+                name: 'g',
+                typeAnnotation: {
+                  type: 'ObjectTypeAnnotation',
+                  properties: [
+                    {
+                      optional: false,
+                      name: 'h',
+                      typeAnnotation: {
+                        type: 'BooleanTypeAnnotation',
+                      },
+                    },
+                    {
+                      optional: false,
+                      name: 'i',
+                      typeAnnotation: {
+                        type: 'NumberTypeAnnotation',
+                      },
+                    },
+                    {
+                      optional: false,
+                      name: 'j',
+                      typeAnnotation: {
+                        type: 'StringTypeAnnotation',
+                      },
+                    },
+                  ],
+                },
+              },
+            ],
+          },
+        },
+      ],
+    },
+  },
+];
+module.exports = {
+  SIMPLE_STRUCT,
+  SIMPLE_CONSTANTS,
+};
diff --git a/packages/react-native-codegen/src/generators/modules/__tests__/GenerateModuleCpp-test.js b/packages/react-native-codegen/src/generators/modules/__tests__/GenerateModuleCpp-test.js
new file mode 100644
index 00000000000000..6dbe02f952f13a
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/modules/__tests__/GenerateModuleCpp-test.js
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const fixtures = require('../__test_fixtures__/fixtures.js');
+const generator = require('../GenerateModuleCpp.js');
+
+describe('GenerateModuleCpp', () => {
+  Object.keys(fixtures)
+    .sort()
+    .forEach(fixtureName => {
+      const fixture = fixtures[fixtureName];
+
+      it(`can generate fixture ${fixtureName}`, () => {
+        expect(
+          generator.generate(fixtureName, fixture, 'SampleSpec'),
+        ).toMatchSnapshot();
+      });
+    });
+});
diff --git a/packages/react-native-codegen/src/generators/__tests__/GenerateViewConfigJs-test.js b/packages/react-native-codegen/src/generators/modules/__tests__/GenerateModuleH-test.js
similarity index 72%
rename from packages/react-native-codegen/src/generators/__tests__/GenerateViewConfigJs-test.js
rename to packages/react-native-codegen/src/generators/modules/__tests__/GenerateModuleH-test.js
index 22fe2c7d3c94d0..918184b9ff50f7 100644
--- a/packages/react-native-codegen/src/generators/__tests__/GenerateViewConfigJs-test.js
+++ b/packages/react-native-codegen/src/generators/modules/__tests__/GenerateModuleH-test.js
@@ -12,16 +12,18 @@
 'use strict';
 
 const fixtures = require('../__test_fixtures__/fixtures.js');
-const generator = require('../GenerateViewConfigJs.js');
+const generator = require('../GenerateModuleH.js');
 
-describe('GenerateViewConfigJs', () => {
+describe('GenerateModuleCpp', () => {
   Object.keys(fixtures)
     .sort()
     .forEach(fixtureName => {
       const fixture = fixtures[fixtureName];
 
       it(`can generate fixture ${fixtureName}`, () => {
-        expect(generator.generate(fixtureName, fixture)).toMatchSnapshot();
+        expect(
+          generator.generate(fixtureName, fixture, 'SampleSpec'),
+        ).toMatchSnapshot();
       });
     });
 });
diff --git a/packages/react-native-codegen/src/generators/modules/__tests__/GenerateModuleHObjCpp-test.js b/packages/react-native-codegen/src/generators/modules/__tests__/GenerateModuleHObjCpp-test.js
new file mode 100644
index 00000000000000..b41441cb2daf7c
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/modules/__tests__/GenerateModuleHObjCpp-test.js
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const fixtures = require('../__test_fixtures__/fixtures.js');
+const generator = require('../GenerateModuleHObjCpp.js');
+
+describe('GenerateModuleHObjCpp', () => {
+  Object.keys(fixtures)
+    .sort()
+    .forEach(fixtureName => {
+      const fixture = fixtures[fixtureName];
+
+      it(`can generate fixture ${fixtureName}`, () => {
+        expect(
+          generator.generate(fixtureName, fixture, 'SampleSpec'),
+        ).toMatchSnapshot();
+      });
+    });
+});
diff --git a/packages/react-native-codegen/src/generators/modules/__tests__/GenerateModuleMm-test.js b/packages/react-native-codegen/src/generators/modules/__tests__/GenerateModuleMm-test.js
new file mode 100644
index 00000000000000..d6a59847b4a40d
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/modules/__tests__/GenerateModuleMm-test.js
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const fixtures = require('../__test_fixtures__/fixtures.js');
+const generator = require('../GenerateModuleMm.js');
+
+describe('GenerateModuleHObjCpp', () => {
+  Object.keys(fixtures)
+    .sort()
+    .forEach(fixtureName => {
+      const fixture = fixtures[fixtureName];
+
+      it(`can generate fixture ${fixtureName}`, () => {
+        expect(
+          generator.generate(fixtureName, fixture, 'SampleSpec'),
+        ).toMatchSnapshot();
+      });
+    });
+});
diff --git a/packages/react-native-codegen/src/generators/modules/__tests__/GenerateStructs-test.js b/packages/react-native-codegen/src/generators/modules/__tests__/GenerateStructs-test.js
new file mode 100644
index 00000000000000..ef865d1ef80c8c
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/modules/__tests__/GenerateStructs-test.js
@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const fixtures = require('../__test_fixtures__/structFixtures.js');
+const generator = require('../ObjCppUtils/GenerateStructs.js');
+
+describe('GenerateStructs', () => {
+  Object.keys(fixtures)
+    .sort()
+    .forEach(fixtureName => {
+      const fixture = fixtures[fixtureName];
+
+      it(`can generate fixture ${fixtureName}`, () => {
+        expect(
+          generator
+            .translateObjectsForStructs(fixture)
+            .replace(/::_MODULE_NAME_::/g, 'SampleTurboModule'),
+        ).toMatchSnapshot();
+      });
+    });
+});
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
new file mode 100644
index 00000000000000..4a617d755d4ebd
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleCpp-test.js.snap
@@ -0,0 +1,222 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GenerateModuleCpp can generate fixture COMPLEX_OBJECTS 1`] = `
+Map {
+  "NativeModules.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/modules/COMPLEX_OBJECTS/NativeModules.h>
+
+namespace facebook {
+namespace 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(rt, args[0].getObject(rt));
+}
+
+NativeSampleTurboModuleCxxSpecJSI::NativeSampleTurboModuleCxxSpecJSI(std::shared_ptr<JSCallInvoker> jsInvoker)
+  : TurboModule(\\"SampleTurboModule\\", jsInvoker) {
+  methodMap_[\\"difficult\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_difficult};
+}
+
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateModuleCpp can generate fixture EMPTY_NATIVE_MODULES 1`] = `
+Map {
+  "NativeModules.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/modules/EMPTY_NATIVE_MODULES/NativeModules.h>
+
+namespace facebook {
+namespace react {
+
+
+
+NativeSampleTurboModuleCxxSpecJSI::NativeSampleTurboModuleCxxSpecJSI(std::shared_ptr<JSCallInvoker> jsInvoker)
+  : TurboModule(\\"SampleTurboModule\\", jsInvoker) {
+
+}
+
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateModuleCpp can generate fixture SIMPLE_NATIVE_MODULES 1`] = `
+Map {
+  "NativeModules.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/modules/SIMPLE_NATIVE_MODULES/NativeModules.h>
+
+namespace facebook {
+namespace 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(rt);
+}
+
+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_getBool(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getBool(rt, args[0].getBool());
+}
+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].getNumber());
+}
+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].getString(rt));
+}
+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, args[0].getObject(rt).getArray(rt));
+}
+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].getObject(rt));
+}
+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].getNumber(), args[1].getString(rt), args[2].getObject(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, std::move(args[0].getObject(rt).getFunction(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].getBool());
+}
+
+NativeSampleTurboModuleCxxSpecJSI::NativeSampleTurboModuleCxxSpecJSI(std::shared_ptr<JSCallInvoker> jsInvoker)
+  : TurboModule(\\"SampleTurboModule\\", jsInvoker) {
+  methodMap_[\\"getConstants\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getConstants};
+  methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_voidFunc};
+  methodMap_[\\"getBool\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getBool};
+  methodMap_[\\"getNumber\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getNumber};
+  methodMap_[\\"getString\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getString};
+  methodMap_[\\"getArray\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getArray};
+  methodMap_[\\"getObject\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getObject};
+  methodMap_[\\"getValue\\"] = MethodMetadata {3, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getValue};
+  methodMap_[\\"getValueWithCallback\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getValueWithCallback};
+  methodMap_[\\"getValueWithPromise\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getValueWithPromise};
+}
+
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateModuleCpp can generate fixture TWO_MODULES_DIFFERENT_FILES 1`] = `
+Map {
+  "NativeModules.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/modules/TWO_MODULES_DIFFERENT_FILES/NativeModules.h>
+
+namespace facebook {
+namespace react {
+
+
+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();
+}
+
+NativeSampleTurboModuleCxxSpecJSI::NativeSampleTurboModuleCxxSpecJSI(std::shared_ptr<JSCallInvoker> jsInvoker)
+  : TurboModule(\\"SampleTurboModule\\", jsInvoker) {
+  methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_voidFunc};
+}
+static jsi::Value __hostFunction_NativeSample2TurboModuleCxxSpecJSI_getConstants(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeSample2TurboModuleCxxSpecJSI *>(&turboModule)->getConstants(rt);
+}
+
+static jsi::Value __hostFunction_NativeSample2TurboModuleCxxSpecJSI_voidFunc(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  static_cast<NativeSample2TurboModuleCxxSpecJSI *>(&turboModule)->voidFunc(rt);
+  return jsi::Value::undefined();
+}
+
+NativeSample2TurboModuleCxxSpecJSI::NativeSample2TurboModuleCxxSpecJSI(std::shared_ptr<JSCallInvoker> jsInvoker)
+  : TurboModule(\\"Sample2TurboModule\\", jsInvoker) {
+  methodMap_[\\"getConstants\\"] = MethodMetadata {0, __hostFunction_NativeSample2TurboModuleCxxSpecJSI_getConstants};
+  methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSample2TurboModuleCxxSpecJSI_voidFunc};
+}
+
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateModuleCpp can generate fixture TWO_MODULES_SAME_FILE 1`] = `
+Map {
+  "NativeModules.cpp" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/modules/TWO_MODULES_SAME_FILE/NativeModules.h>
+
+namespace facebook {
+namespace react {
+
+
+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();
+}
+
+NativeSampleTurboModuleCxxSpecJSI::NativeSampleTurboModuleCxxSpecJSI(std::shared_ptr<JSCallInvoker> jsInvoker)
+  : TurboModule(\\"SampleTurboModule\\", jsInvoker) {
+  methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_voidFunc};
+}
+
+static jsi::Value __hostFunction_NativeSample2TurboModuleCxxSpecJSI_voidFunc(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  static_cast<NativeSample2TurboModuleCxxSpecJSI *>(&turboModule)->voidFunc(rt);
+  return jsi::Value::undefined();
+}
+
+NativeSample2TurboModuleCxxSpecJSI::NativeSample2TurboModuleCxxSpecJSI(std::shared_ptr<JSCallInvoker> jsInvoker)
+  : TurboModule(\\"Sample2TurboModule\\", jsInvoker) {
+  methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSample2TurboModuleCxxSpecJSI_voidFunc};
+}
+
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
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
new file mode 100644
index 00000000000000..f80f9bcc571ad5
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleH-test.js.snap
@@ -0,0 +1,189 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GenerateModuleCpp can generate fixture COMPLEX_OBJECTS 1`] = `
+Map {
+  "NativeModules.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/TurboModule.h>
+
+namespace facebook {
+namespace react {
+
+class JSI_EXPORT NativeSampleTurboModuleCxxSpecJSI : public TurboModule {
+protected:
+  NativeSampleTurboModuleCxxSpecJSI(std::shared_ptr<JSCallInvoker> jsInvoker);
+
+public:
+virtual jsi::Object difficult(jsi::Runtime &rt, const jsi::Object &A) = 0;
+
+};
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateModuleCpp can generate fixture EMPTY_NATIVE_MODULES 1`] = `
+Map {
+  "NativeModules.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/TurboModule.h>
+
+namespace facebook {
+namespace react {
+
+class JSI_EXPORT NativeSampleTurboModuleCxxSpecJSI : public TurboModule {
+protected:
+  NativeSampleTurboModuleCxxSpecJSI(std::shared_ptr<JSCallInvoker> jsInvoker);
+
+public:
+
+
+};
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateModuleCpp can generate fixture SIMPLE_NATIVE_MODULES 1`] = `
+Map {
+  "NativeModules.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/TurboModule.h>
+
+namespace facebook {
+namespace react {
+
+class JSI_EXPORT NativeSampleTurboModuleCxxSpecJSI : public TurboModule {
+protected:
+  NativeSampleTurboModuleCxxSpecJSI(std::shared_ptr<JSCallInvoker> jsInvoker);
+
+public:
+virtual jsi::Object getConstants(jsi::Runtime &rt) = 0;
+virtual void voidFunc(jsi::Runtime &rt) = 0;
+virtual bool getBool(jsi::Runtime &rt, bool arg) = 0;
+virtual double getNumber(jsi::Runtime &rt, double arg) = 0;
+virtual jsi::String getString(jsi::Runtime &rt, const jsi::String &arg) = 0;
+virtual jsi::Array getArray(jsi::Runtime &rt, const jsi::Array &arg) = 0;
+virtual jsi::Object getObject(jsi::Runtime &rt, const jsi::Object &arg) = 0;
+virtual jsi::Object getValue(jsi::Runtime &rt, double x, const jsi::String &y, const jsi::Object &z) = 0;
+virtual void getValueWithCallback(jsi::Runtime &rt, const jsi::Function &callback) = 0;
+virtual jsi::Value getValueWithPromise(jsi::Runtime &rt, bool error) = 0;
+
+};
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateModuleCpp can generate fixture TWO_MODULES_DIFFERENT_FILES 1`] = `
+Map {
+  "NativeModules.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/TurboModule.h>
+
+namespace facebook {
+namespace react {
+
+class JSI_EXPORT NativeSampleTurboModuleCxxSpecJSI : public TurboModule {
+protected:
+  NativeSampleTurboModuleCxxSpecJSI(std::shared_ptr<JSCallInvoker> jsInvoker);
+
+public:
+virtual void voidFunc(jsi::Runtime &rt) = 0;
+
+};
+
+class JSI_EXPORT NativeSample2TurboModuleCxxSpecJSI : public TurboModule {
+protected:
+  NativeSample2TurboModuleCxxSpecJSI(std::shared_ptr<JSCallInvoker> jsInvoker);
+
+public:
+virtual jsi::Object getConstants(jsi::Runtime &rt) = 0;
+virtual void voidFunc(jsi::Runtime &rt) = 0;
+
+};
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateModuleCpp can generate fixture TWO_MODULES_SAME_FILE 1`] = `
+Map {
+  "NativeModules.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its 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/TurboModule.h>
+
+namespace facebook {
+namespace react {
+
+class JSI_EXPORT NativeSampleTurboModuleCxxSpecJSI : public TurboModule {
+protected:
+  NativeSampleTurboModuleCxxSpecJSI(std::shared_ptr<JSCallInvoker> jsInvoker);
+
+public:
+virtual void voidFunc(jsi::Runtime &rt) = 0;
+
+};
+
+class JSI_EXPORT NativeSample2TurboModuleCxxSpecJSI : public TurboModule {
+protected:
+  NativeSample2TurboModuleCxxSpecJSI(std::shared_ptr<JSCallInvoker> jsInvoker);
+
+public:
+virtual void voidFunc(jsi::Runtime &rt) = 0;
+
+};
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
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
new file mode 100644
index 00000000000000..40fe1754d616ca
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleHObjCpp-test.js.snap
@@ -0,0 +1,450 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GenerateModuleHObjCpp can generate fixture COMPLEX_OBJECTS 1`] = `
+Map {
+  "SampleSpec.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// NOTE: This entire file should be codegen'ed.
+
+#import <vector>
+
+#import <Foundation/Foundation.h>
+
+#import <React/RCTBridgeModule.h>
+
+#import <ReactCommon/RCTTurboModule.h>
+#import <RCTRequired/RCTRequired.h>
+#import <RCTTypeSafety/RCTTypedModuleConstants.h>
+#import <React/RCTCxxConvert.h>
+#import <React/RCTManagedPointer.h>
+#import <RCTTypeSafety/RCTConvertHelpers.h>
+
+
+
+
+namespace JS {
+  namespace NativeSampleTurboModule {
+    struct SpecDifficultAE {
+      bool D() const;
+      double E() const;
+      NSString *F() const;
+
+      SpecDifficultAE(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeSampleTurboModule_SpecDifficultAE)
++ (RCTManagedPointer *)JS_NativeSampleTurboModule_SpecDifficultAE:(id)json;
+@end
+
+
+namespace JS {
+  namespace NativeSampleTurboModule {
+    struct SpecDifficultReturnType {
+      bool D() const;
+      double E() const;
+      NSString *F() const;
+
+      SpecDifficultReturnType(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeSampleTurboModule_SpecDifficultReturnType)
++ (RCTManagedPointer *)JS_NativeSampleTurboModule_SpecDifficultReturnType:(id)json;
+@end
+
+
+namespace JS {
+  namespace NativeSampleTurboModule {
+    struct SpecDifficultA {
+      bool D() const;
+      JS::NativeSampleTurboModule::SpecDifficultAE E() const;
+      NSString *F() const;
+
+      SpecDifficultA(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeSampleTurboModule_SpecDifficultA)
++ (RCTManagedPointer *)JS_NativeSampleTurboModule_SpecDifficultA:(id)json;
+@end
+
+inline bool JS::NativeSampleTurboModule::SpecDifficultA::D() const
+{
+  id const p = _v[@\\"D\\"];
+  return RCTBridgingToBool(p);
+}
+
+
+inline JS::NativeSampleTurboModule::SpecDifficultAE JS::NativeSampleTurboModule::SpecDifficultA::E() const
+{
+  id const p = _v[@\\"E\\"];
+  return JS::NativeSampleTurboModule::SpecDifficultAE(p);
+}
+
+
+inline NSString *JS::NativeSampleTurboModule::SpecDifficultA::F() const
+{
+  id const p = _v[@\\"F\\"];
+  return RCTBridgingToString(p);
+}
+
+
+inline bool JS::NativeSampleTurboModule::SpecDifficultReturnType::D() const
+{
+  id const p = _v[@\\"D\\"];
+  return RCTBridgingToBool(p);
+}
+
+
+inline double JS::NativeSampleTurboModule::SpecDifficultReturnType::E() const
+{
+  id const p = _v[@\\"E\\"];
+  return RCTBridgingToDouble(p);
+}
+
+
+inline NSString *JS::NativeSampleTurboModule::SpecDifficultReturnType::F() const
+{
+  id const p = _v[@\\"F\\"];
+  return RCTBridgingToString(p);
+}
+
+
+inline bool JS::NativeSampleTurboModule::SpecDifficultAE::D() const
+{
+  id const p = _v[@\\"D\\"];
+  return RCTBridgingToBool(p);
+}
+
+
+inline double JS::NativeSampleTurboModule::SpecDifficultAE::E() const
+{
+  id const p = _v[@\\"E\\"];
+  return RCTBridgingToDouble(p);
+}
+
+
+inline NSString *JS::NativeSampleTurboModule::SpecDifficultAE::F() const
+{
+  id const p = _v[@\\"F\\"];
+  return RCTBridgingToString(p);
+}
+
+
+
+@protocol NativeSampleTurboModuleSpec <RCTBridgeModule, RCTTurboModule>
+- (NSDictionary *) difficult:(JS::NativeSampleTurboModule::SpecDifficultA&)A;
+@end
+
+
+namespace facebook {
+namespace react {
+
+class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
+public:
+  NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+};
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateModuleHObjCpp can generate fixture EMPTY_NATIVE_MODULES 1`] = `
+Map {
+  "SampleSpec.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// NOTE: This entire file should be codegen'ed.
+
+#import <vector>
+
+#import <Foundation/Foundation.h>
+
+#import <React/RCTBridgeModule.h>
+
+#import <ReactCommon/RCTTurboModule.h>
+#import <RCTRequired/RCTRequired.h>
+#import <RCTTypeSafety/RCTTypedModuleConstants.h>
+#import <React/RCTCxxConvert.h>
+#import <React/RCTManagedPointer.h>
+#import <RCTTypeSafety/RCTConvertHelpers.h>
+
+
+
+
+
+
+@protocol NativeSampleTurboModuleSpec <RCTBridgeModule, RCTTurboModule>
+
+@end
+
+
+namespace facebook {
+namespace react {
+
+class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
+public:
+  NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+};
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateModuleHObjCpp can generate fixture SIMPLE_NATIVE_MODULES 1`] = `
+Map {
+  "SampleSpec.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// NOTE: This entire file should be codegen'ed.
+
+#import <vector>
+
+#import <Foundation/Foundation.h>
+
+#import <React/RCTBridgeModule.h>
+
+#import <ReactCommon/RCTTurboModule.h>
+#import <RCTRequired/RCTRequired.h>
+#import <RCTTypeSafety/RCTTypedModuleConstants.h>
+#import <React/RCTCxxConvert.h>
+#import <React/RCTManagedPointer.h>
+#import <RCTTypeSafety/RCTConvertHelpers.h>
+
+
+
+
+namespace JS {
+  namespace NativeSampleTurboModule {
+    struct Constants {
+
+      struct Builder {
+        struct Input {
+          RCTRequired<bool> const1;
+          RCTRequired<double> const2;
+          RCTRequired<NSString *> const3;
+        };
+
+        /** Initialize with a set of values */
+        Builder(const Input i);
+        /** Initialize with an existing Constants */
+        Builder(Constants i);
+        /** Builds the object. Generally used only by the infrastructure. */
+        NSDictionary *buildUnsafeRawValue() const { return _factory(); };
+      private:
+        NSDictionary *(^_factory)(void);
+      };
+
+      static Constants fromUnsafeRawValue(NSDictionary *const v) { return {v}; }
+      NSDictionary *unsafeRawValue() const { return _v; }
+    private:
+      Constants(NSDictionary *const v) : _v(v) {}
+      NSDictionary *_v;
+    };
+  }
+}
+
+inline JS::NativeSampleTurboModule::Constants::Builder::Builder(const Input i) : _factory(^{
+  NSMutableDictionary *d = [NSMutableDictionary new];
+  auto const1 = i.const1.get();
+  d[@\\"const1\\"] = @(const1);
+auto const2 = i.const2.get();
+  d[@\\"const2\\"] = @(const2);
+auto const3 = i.const3.get();
+  d[@\\"const3\\"] = const3;
+  return d;
+}) {}
+inline JS::NativeSampleTurboModule::Constants::Builder::Builder(Constants i) : _factory(^{
+  return i.unsafeRawValue();
+}) {}
+
+
+@protocol NativeSampleTurboModuleSpec <RCTBridgeModule, RCTTurboModule>
+- (facebook::react::ModuleConstants<JS::NativeSampleTurboModule::Constants::Builder>)constantsToExport;
+- (facebook::react::ModuleConstants<JS::NativeSampleTurboModule::Constants::Builder>)getConstants;
+- (void) voidFunc;
+- (BOOL) getBool:(BOOL)arg;
+- (NSNumber *) getNumber:(double)arg;
+- (NSString *) getString:(NSString *)arg;
+- (NSArray<id<NSObject>> *) getArray:(NSArray *)arg;
+- (NSDictionary *) getObject:(NSDictionary *)arg;
+- (NSDictionary *) getValue:(double)x
+   y:(NSString *)y
+   z:(NSDictionary *)z;
+- (void) getValueWithCallback:(RCTResponseSenderBlock)callback;
+- (void) getValueWithPromise:(BOOL)error
+   resolve:(RCTPromiseResolveBlock)resolve
+   reject:(RCTPromiseRejectBlock)reject;
+@end
+
+
+namespace facebook {
+namespace react {
+
+class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
+public:
+  NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+};
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateModuleHObjCpp can generate fixture TWO_MODULES_DIFFERENT_FILES 1`] = `
+Map {
+  "SampleSpec.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// NOTE: This entire file should be codegen'ed.
+
+#import <vector>
+
+#import <Foundation/Foundation.h>
+
+#import <React/RCTBridgeModule.h>
+
+#import <ReactCommon/RCTTurboModule.h>
+#import <RCTRequired/RCTRequired.h>
+#import <RCTTypeSafety/RCTTypedModuleConstants.h>
+#import <React/RCTCxxConvert.h>
+#import <React/RCTManagedPointer.h>
+#import <RCTTypeSafety/RCTConvertHelpers.h>
+
+
+
+
+
+
+@protocol NativeSampleTurboModuleSpec <RCTBridgeModule, RCTTurboModule>
+- (void) voidFunc;
+@end
+
+
+
+
+
+
+@protocol NativeSample2TurboModuleSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void) voidFunc;
+@end
+
+
+namespace facebook {
+namespace react {
+
+class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
+public:
+  NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+};
+
+class JSI_EXPORT NativeSample2TurboModuleSpecJSI : public ObjCTurboModule {
+public:
+  NativeSample2TurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+};
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateModuleHObjCpp can generate fixture TWO_MODULES_SAME_FILE 1`] = `
+Map {
+  "SampleSpec.h" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// NOTE: This entire file should be codegen'ed.
+
+#import <vector>
+
+#import <Foundation/Foundation.h>
+
+#import <React/RCTBridgeModule.h>
+
+#import <ReactCommon/RCTTurboModule.h>
+#import <RCTRequired/RCTRequired.h>
+#import <RCTTypeSafety/RCTTypedModuleConstants.h>
+#import <React/RCTCxxConvert.h>
+#import <React/RCTManagedPointer.h>
+#import <RCTTypeSafety/RCTConvertHelpers.h>
+
+
+
+
+
+
+@protocol NativeSampleTurboModuleSpec <RCTBridgeModule, RCTTurboModule>
+- (void) voidFunc;
+@end
+
+
+
+
+
+
+@protocol NativeSample2TurboModuleSpec <RCTBridgeModule, RCTTurboModule>
+- (void) voidFunc;
+@end
+
+
+namespace facebook {
+namespace react {
+
+class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
+public:
+  NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+};
+
+class JSI_EXPORT NativeSample2TurboModuleSpecJSI : public ObjCTurboModule {
+public:
+  NativeSample2TurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker);
+};
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
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
new file mode 100644
index 00000000000000..613f5aa015607d
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleMm-test.js.snap
@@ -0,0 +1,243 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GenerateModuleHObjCpp can generate fixture COMPLEX_OBJECTS 1`] = `
+Map {
+  "SampleSpec-generated.mm" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <SampleSpec/SampleSpec.h>
+@implementation RCTCxxConvert (NativeSampleTurboModule_SpecDifficultReturnType)
++ (RCTManagedPointer *)JS_NativeSampleTurboModule_SpecDifficultReturnType:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeSampleTurboModule::SpecDifficultReturnType>(json);
+}
+@end
+@implementation RCTCxxConvert (NativeSampleTurboModule_SpecDifficultA)
++ (RCTManagedPointer *)JS_NativeSampleTurboModule_SpecDifficultA:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeSampleTurboModule::SpecDifficultA>(json);
+}
+@end
+@implementation RCTCxxConvert (NativeSampleTurboModule_SpecDifficultAE)
++ (RCTManagedPointer *)JS_NativeSampleTurboModule_SpecDifficultAE:(id)json
+{
+  return facebook::react::managedPointer<JS::NativeSampleTurboModule::SpecDifficultAE>(json);
+}
+@end
+namespace facebook {
+namespace 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);
+}
+
+NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+  : ObjCTurboModule(\\"SampleTurboModule\\", instance, jsInvoker) {
+  methodMap_[\\"difficult\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleSpecJSI_difficult};
+  setMethodArgConversionSelector(@\\"difficult\\", 0, @\\"JS_NativeSampleTurboModule_SpecDifficultA:\\");
+}
+
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateModuleHObjCpp can generate fixture EMPTY_NATIVE_MODULES 1`] = `
+Map {
+  "SampleSpec-generated.mm" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <SampleSpec/SampleSpec.h>
+
+namespace facebook {
+namespace react {
+
+
+
+NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+  : ObjCTurboModule(\\"SampleTurboModule\\", instance, jsInvoker) {
+
+}
+
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateModuleHObjCpp can generate fixture SIMPLE_NATIVE_MODULES 1`] = `
+Map {
+  "SampleSpec-generated.mm" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <SampleSpec/SampleSpec.h>
+
+namespace facebook {
+namespace react {
+
+static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_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);
+}
+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);
+}
+static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_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);
+}
+static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_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);
+}
+static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_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);
+}
+static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_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);
+}
+static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_getObject(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+  return static_cast<ObjCTurboModule &>(turboModule)
+         .invokeObjCMethod(rt, ObjectKind, \\"getObject\\", @selector(getObject:), args, count);
+}
+static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_getValue(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+  return static_cast<ObjCTurboModule &>(turboModule)
+         .invokeObjCMethod(rt, ObjectKind, \\"getValue\\", @selector(getValue:y:z:), args, count);
+}
+static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_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);
+}
+static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_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);
+}
+
+NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+  : ObjCTurboModule(\\"SampleTurboModule\\", instance, jsInvoker) {
+  methodMap_[\\"getConstants\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleSpecJSI_getConstants};
+  methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleSpecJSI_voidFunc};
+  methodMap_[\\"getBool\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleSpecJSI_getBool};
+  methodMap_[\\"getNumber\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleSpecJSI_getNumber};
+  methodMap_[\\"getString\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleSpecJSI_getString};
+  methodMap_[\\"getArray\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleSpecJSI_getArray};
+  methodMap_[\\"getObject\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleSpecJSI_getObject};
+  methodMap_[\\"getValue\\"] = MethodMetadata {3, __hostFunction_NativeSampleTurboModuleSpecJSI_getValue};
+  methodMap_[\\"getValueWithCallback\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleSpecJSI_getValueWithCallback};
+  methodMap_[\\"getValueWithPromise\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleSpecJSI_getValueWithPromise};
+}
+
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateModuleHObjCpp can generate fixture TWO_MODULES_DIFFERENT_FILES 1`] = `
+Map {
+  "SampleSpec-generated.mm" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <SampleSpec/SampleSpec.h>
+
+
+namespace facebook {
+namespace 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(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+  : ObjCTurboModule(\\"SampleTurboModule\\", instance, jsInvoker) {
+  methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleSpecJSI_voidFunc};
+}
+
+static facebook::jsi::Value __hostFunction_NativeSample2TurboModuleSpecJSI_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);
+}
+
+NativeSample2TurboModuleSpecJSI::NativeSample2TurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+  : ObjCTurboModule(\\"Sample2TurboModule\\", instance, jsInvoker) {
+
+  methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSample2TurboModuleSpecJSI_voidFunc};
+}
+
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
+
+exports[`GenerateModuleHObjCpp can generate fixture TWO_MODULES_SAME_FILE 1`] = `
+Map {
+  "SampleSpec-generated.mm" => "
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <SampleSpec/SampleSpec.h>
+
+
+namespace facebook {
+namespace 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(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+  : ObjCTurboModule(\\"SampleTurboModule\\", instance, jsInvoker) {
+  methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleSpecJSI_voidFunc};
+}
+static facebook::jsi::Value __hostFunction_NativeSample2TurboModuleSpecJSI_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);
+}
+
+NativeSample2TurboModuleSpecJSI::NativeSample2TurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<JSCallInvoker> jsInvoker)
+  : ObjCTurboModule(\\"Sample2TurboModule\\", instance, jsInvoker) {
+  methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSample2TurboModuleSpecJSI_voidFunc};
+}
+
+
+} // namespace react
+} // namespace facebook
+",
+}
+`;
diff --git a/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateStructs-test.js.snap b/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateStructs-test.js.snap
new file mode 100644
index 00000000000000..69ed01654183cb
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateStructs-test.js.snap
@@ -0,0 +1,273 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GenerateStructs can generate fixture SIMPLE_CONSTANTS 1`] = `
+"
+
+namespace JS {
+  namespace NativeSampleTurboModule {
+    struct ConstantsDG {
+
+      struct Builder {
+        struct Input {
+          RCTRequired<bool> h;
+          RCTRequired<double> i;
+          RCTRequired<NSString *> j;
+        };
+
+        /** Initialize with a set of values */
+        Builder(const Input i);
+        /** Initialize with an existing ConstantsDG */
+        Builder(ConstantsDG i);
+        /** Builds the object. Generally used only by the infrastructure. */
+        NSDictionary *buildUnsafeRawValue() const { return _factory(); };
+      private:
+        NSDictionary *(^_factory)(void);
+      };
+
+      static ConstantsDG fromUnsafeRawValue(NSDictionary *const v) { return {v}; }
+      NSDictionary *unsafeRawValue() const { return _v; }
+    private:
+      ConstantsDG(NSDictionary *const v) : _v(v) {}
+      NSDictionary *_v;
+    };
+  }
+}
+
+inline JS::NativeSampleTurboModule::ConstantsDG::Builder::Builder(const Input i) : _factory(^{
+  NSMutableDictionary *d = [NSMutableDictionary new];
+  auto h = i.h.get();
+  d[@\\"h\\"] = @(h);
+auto i = i.i.get();
+  d[@\\"i\\"] = @(i);
+auto j = i.j.get();
+  d[@\\"j\\"] = j;
+  return d;
+}) {}
+inline JS::NativeSampleTurboModule::ConstantsDG::Builder::Builder(ConstantsDG i) : _factory(^{
+  return i.unsafeRawValue();
+}) {}
+
+namespace JS {
+  namespace NativeSampleTurboModule {
+    struct ConstantsD {
+
+      struct Builder {
+        struct Input {
+          RCTRequired<bool> e;
+          RCTRequired<double> f;
+          RCTRequired<JS::NativeSampleTurboModule::ConstantsDG::Builder> g;
+        };
+
+        /** Initialize with a set of values */
+        Builder(const Input i);
+        /** Initialize with an existing ConstantsD */
+        Builder(ConstantsD i);
+        /** Builds the object. Generally used only by the infrastructure. */
+        NSDictionary *buildUnsafeRawValue() const { return _factory(); };
+      private:
+        NSDictionary *(^_factory)(void);
+      };
+
+      static ConstantsD fromUnsafeRawValue(NSDictionary *const v) { return {v}; }
+      NSDictionary *unsafeRawValue() const { return _v; }
+    private:
+      ConstantsD(NSDictionary *const v) : _v(v) {}
+      NSDictionary *_v;
+    };
+  }
+}
+
+inline JS::NativeSampleTurboModule::ConstantsD::Builder::Builder(const Input i) : _factory(^{
+  NSMutableDictionary *d = [NSMutableDictionary new];
+  auto e = i.e.get();
+  d[@\\"e\\"] = @(e);
+auto f = i.f.get();
+  d[@\\"f\\"] = @(f);
+auto g = i.g.get();
+  d[@\\"g\\"] = g.buildUnsafeRawValue();
+  return d;
+}) {}
+inline JS::NativeSampleTurboModule::ConstantsD::Builder::Builder(ConstantsD i) : _factory(^{
+  return i.unsafeRawValue();
+}) {}
+
+namespace JS {
+  namespace NativeSampleTurboModule {
+    struct Constants {
+
+      struct Builder {
+        struct Input {
+          RCTRequired<bool> a;
+          RCTRequired<double> b;
+          RCTRequired<NSString *> c;
+          RCTRequired<JS::NativeSampleTurboModule::ConstantsD::Builder> d;
+        };
+
+        /** Initialize with a set of values */
+        Builder(const Input i);
+        /** Initialize with an existing Constants */
+        Builder(Constants i);
+        /** Builds the object. Generally used only by the infrastructure. */
+        NSDictionary *buildUnsafeRawValue() const { return _factory(); };
+      private:
+        NSDictionary *(^_factory)(void);
+      };
+
+      static Constants fromUnsafeRawValue(NSDictionary *const v) { return {v}; }
+      NSDictionary *unsafeRawValue() const { return _v; }
+    private:
+      Constants(NSDictionary *const v) : _v(v) {}
+      NSDictionary *_v;
+    };
+  }
+}
+
+inline JS::NativeSampleTurboModule::Constants::Builder::Builder(const Input i) : _factory(^{
+  NSMutableDictionary *d = [NSMutableDictionary new];
+  auto a = i.a.get();
+  d[@\\"a\\"] = @(a);
+auto b = i.b.get();
+  d[@\\"b\\"] = @(b);
+auto c = i.c.get();
+  d[@\\"c\\"] = c;
+auto d = i.d.get();
+  d[@\\"d\\"] = d.buildUnsafeRawValue();
+  return d;
+}) {}
+inline JS::NativeSampleTurboModule::Constants::Builder::Builder(Constants i) : _factory(^{
+  return i.unsafeRawValue();
+}) {}
+"
+`;
+
+exports[`GenerateStructs can generate fixture SIMPLE_STRUCT 1`] = `
+"
+
+namespace JS {
+  namespace NativeSampleTurboModule {
+    struct SpecSampleFuncReturnTypeDG {
+      bool h() const;
+      double i() const;
+      NSString *j() const;
+
+      SpecSampleFuncReturnTypeDG(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeSampleTurboModule_SpecSampleFuncReturnTypeDG)
++ (RCTManagedPointer *)JS_NativeSampleTurboModule_SpecSampleFuncReturnTypeDG:(id)json;
+@end
+
+
+namespace JS {
+  namespace NativeSampleTurboModule {
+    struct SpecSampleFuncReturnTypeD {
+      bool e() const;
+      double f() const;
+      JS::NativeSampleTurboModule::SpecSampleFuncReturnTypeDG g() const;
+
+      SpecSampleFuncReturnTypeD(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeSampleTurboModule_SpecSampleFuncReturnTypeD)
++ (RCTManagedPointer *)JS_NativeSampleTurboModule_SpecSampleFuncReturnTypeD:(id)json;
+@end
+
+
+namespace JS {
+  namespace NativeSampleTurboModule {
+    struct SpecSampleFuncReturnType {
+      bool a() const;
+      double b() const;
+      NSString *c() const;
+      JS::NativeSampleTurboModule::SpecSampleFuncReturnTypeD d() const;
+
+      SpecSampleFuncReturnType(NSDictionary *const v) : _v(v) {}
+    private:
+      NSDictionary *_v;
+    };
+  }
+}
+
+@interface RCTCxxConvert (NativeSampleTurboModule_SpecSampleFuncReturnType)
++ (RCTManagedPointer *)JS_NativeSampleTurboModule_SpecSampleFuncReturnType:(id)json;
+@end
+
+inline bool JS::NativeSampleTurboModule::SpecSampleFuncReturnType::a() const
+{
+  id const p = _v[@\\"a\\"];
+  return RCTBridgingToBool(p);
+}
+
+
+inline double JS::NativeSampleTurboModule::SpecSampleFuncReturnType::b() const
+{
+  id const p = _v[@\\"b\\"];
+  return RCTBridgingToDouble(p);
+}
+
+
+inline NSString *JS::NativeSampleTurboModule::SpecSampleFuncReturnType::c() const
+{
+  id const p = _v[@\\"c\\"];
+  return RCTBridgingToString(p);
+}
+
+
+inline JS::NativeSampleTurboModule::SpecSampleFuncReturnTypeD JS::NativeSampleTurboModule::SpecSampleFuncReturnType::d() const
+{
+  id const p = _v[@\\"d\\"];
+  return JS::NativeSampleTurboModule::SpecSampleFuncReturnTypeD(p);
+}
+
+
+inline bool JS::NativeSampleTurboModule::SpecSampleFuncReturnTypeD::e() const
+{
+  id const p = _v[@\\"e\\"];
+  return RCTBridgingToBool(p);
+}
+
+
+inline double JS::NativeSampleTurboModule::SpecSampleFuncReturnTypeD::f() const
+{
+  id const p = _v[@\\"f\\"];
+  return RCTBridgingToDouble(p);
+}
+
+
+inline JS::NativeSampleTurboModule::SpecSampleFuncReturnTypeDG JS::NativeSampleTurboModule::SpecSampleFuncReturnTypeD::g() const
+{
+  id const p = _v[@\\"g\\"];
+  return JS::NativeSampleTurboModule::SpecSampleFuncReturnTypeDG(p);
+}
+
+
+inline bool JS::NativeSampleTurboModule::SpecSampleFuncReturnTypeDG::h() const
+{
+  id const p = _v[@\\"h\\"];
+  return RCTBridgingToBool(p);
+}
+
+
+inline double JS::NativeSampleTurboModule::SpecSampleFuncReturnTypeDG::i() const
+{
+  id const p = _v[@\\"i\\"];
+  return RCTBridgingToDouble(p);
+}
+
+
+inline NSString *JS::NativeSampleTurboModule::SpecSampleFuncReturnTypeDG::j() const
+{
+  id const p = _v[@\\"j\\"];
+  return RCTBridgingToString(p);
+}
+
+"
+`;
diff --git a/packages/react-native-codegen/src/parsers/flow/components/__test_fixtures__/failures.js b/packages/react-native-codegen/src/parsers/flow/components/__test_fixtures__/failures.js
new file mode 100644
index 00000000000000..7ce34a5e5ded9b
--- /dev/null
+++ b/packages/react-native-codegen/src/parsers/flow/components/__test_fixtures__/failures.js
@@ -0,0 +1,418 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+const COMMANDS_DEFINED_INLINE = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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';
+
+const codegenNativeCommands = require('codegenNativeCommands');
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {Int32} from 'CodegenTypes';
+import type {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+export type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+  // No props
+|}>;
+
+export const Commands = codegenNativeCommands<{
+  +hotspotUpdate: (ref: React.Ref<'RCTView'>, x: Int32, y: Int32) => void,
+}>({
+  supportedCommands: ['hotspotUpdate'],
+});
+
+export default (codegenNativeComponent<ModuleProps>(
+  'Module',
+): NativeComponent<ModuleProps>);
+`;
+
+const COMMANDS_DEFINED_MULTIPLE_TIMES = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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';
+
+const codegenNativeCommands = require('codegenNativeCommands');
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {Int32} from 'CodegenTypes';
+import type {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+interface NativeCommands {
+  +hotspotUpdate: (viewRef: React.Ref<'RCTView'>, x: Int32, y: Int32) => void;
+}
+
+export type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+  // No props or events
+|}>;
+
+export const Commands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['hotspotUpdate'],
+});
+export const Commands2 = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['hotspotUpdate'],
+});
+
+export default (codegenNativeComponent<ModuleProps>(
+  'Module',
+): NativeComponent<ModuleProps>);
+`;
+
+const COMMANDS_DEFINED_WITHOUT_REF = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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';
+
+const codegenNativeCommands = require('codegenNativeCommands');
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {Int32} from 'CodegenTypes';
+import type {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+interface NativeCommands {
+  +hotspotUpdate: (x: Int32, y: Int32) => void;
+}
+
+export type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+  // No props or events
+|}>;
+
+export const Commands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['hotspotUpdate'],
+});
+
+export default (codegenNativeComponent<ModuleProps>(
+  'Module',
+): NativeComponent<ModuleProps>);
+`;
+
+const COMMANDS_DEFINED_WITH_NULLABLE_REF = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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';
+
+const codegenNativeCommands = require('codegenNativeCommands');
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {Int32} from 'CodegenTypes';
+import type {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+interface NativeCommands {
+  +hotspotUpdate: (viewRef: ?React.Ref<'RCTView'>, x: Int32, y: Int32) => void;
+}
+
+export type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+  // No props or events
+|}>;
+
+export const Commands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['hotspotUpdate'],
+});
+
+export default (codegenNativeComponent<ModuleProps>(
+  'Module',
+): NativeComponent<ModuleProps>);
+`;
+
+const COMMANDS_DEFINED_WITH_MISMATCHED_METHOD_NAMES = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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';
+
+const codegenNativeCommands = require('codegenNativeCommands');
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {Int32} from 'CodegenTypes';
+import type {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+interface NativeCommands {
+  +hotspotUpdate: (viewRef: React.Ref<'RCTView'>, x: Int32, y: Int32) => void;
+  +scrollTo: (
+    viewRef: React.Ref<'RCTView'>,
+    y: Int32,
+    animated: boolean,
+  ) => void;
+}
+
+export type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+  // No props or events
+|}>;
+
+export const Commands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['scrollTo'],
+});
+
+export default (codegenNativeComponent<ModuleProps>(
+  'Module',
+): NativeComponent<ModuleProps>);
+`;
+
+const COMMANDS_DEFINED_WITHOUT_METHOD_NAMES = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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';
+
+const codegenNativeCommands = require('codegenNativeCommands');
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {Int32} from 'CodegenTypes';
+import type {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+interface NativeCommands {
+  +hotspotUpdate: (viewRef: React.Ref<'RCTView'>, x: Int32, y: Int32) => void;
+  +scrollTo: (
+    viewRef: React.Ref<'RCTView'>,
+    y: Int32,
+    animated: boolean,
+  ) => void;
+}
+
+export type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+  // No props or events
+|}>;
+
+export const Commands = codegenNativeCommands<NativeCommands>();
+
+export default (codegenNativeComponent<ModuleProps>(
+  'Module',
+): NativeComponent<ModuleProps>);
+`;
+
+const NULLABLE_WITH_DEFAULT = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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';
+
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {WithDefault, Float} from 'CodegenTypes';
+import type {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+export type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+  nullable_with_default: ?WithDefault<Float, 1.0>,
+|}>;
+
+export default (codegenNativeComponent<ModuleProps>(
+  'Module',
+): NativeComponent<ModuleProps>);
+`;
+
+const NON_OPTIONAL_KEY_WITH_DEFAULT_VALUE = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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';
+
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {WithDefault, Float} from 'CodegenTypes';
+import type {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+export type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+  required_key_with_default: WithDefault<Float, 1.0>,
+|}>;
+
+export default (codegenNativeComponent<ModuleProps>(
+  'Module',
+): NativeComponent<ModuleProps>);
+`;
+
+const PROPS_CONFLICT_NAMES = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+const codegenNativeComponent = require('codegenNativeComponent');
+
+export type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+  isEnabled: string,
+
+  isEnabled: boolean,
+|}>;
+
+export default (codegenNativeComponent<ModuleProps>(
+  'Module',
+): NativeComponent<ModuleProps>);
+`;
+
+const PROPS_CONFLICT_WITH_SPREAD_PROPS = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+const codegenNativeComponent = require('codegenNativeComponent');
+
+type PropsInFile = $ReadOnly<{|
+  isEnabled: boolean,
+|}>;
+
+export type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+
+  ...PropsInFile,
+  isEnabled: boolean,
+|}>;
+
+export default (codegenNativeComponent<ModuleProps>(
+  'Module',
+): NativeComponent<ModuleProps>);
+`;
+
+const PROPS_SPREAD_CONFLICTS_WITH_PROPS = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+const codegenNativeComponent = require('codegenNativeComponent');
+
+type PropsInFile = $ReadOnly<{|
+  isEnabled: boolean,
+|}>;
+
+export type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+
+  isEnabled: boolean,
+  ...PropsInFile,
+|}>;
+
+export default (codegenNativeComponent<ModuleProps>(
+  'Module',
+): NativeComponent<ModuleProps>);
+`;
+
+module.exports = {
+  COMMANDS_DEFINED_INLINE,
+  COMMANDS_DEFINED_MULTIPLE_TIMES,
+  COMMANDS_DEFINED_WITH_MISMATCHED_METHOD_NAMES,
+  COMMANDS_DEFINED_WITHOUT_METHOD_NAMES,
+  COMMANDS_DEFINED_WITHOUT_REF,
+  COMMANDS_DEFINED_WITH_NULLABLE_REF,
+  NULLABLE_WITH_DEFAULT,
+  NON_OPTIONAL_KEY_WITH_DEFAULT_VALUE,
+  PROPS_CONFLICT_NAMES,
+  PROPS_CONFLICT_WITH_SPREAD_PROPS,
+  PROPS_SPREAD_CONFLICTS_WITH_PROPS,
+};
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
new file mode 100644
index 00000000000000..4482becedf1d91
--- /dev/null
+++ b/packages/react-native-codegen/src/parsers/flow/components/__test_fixtures__/fixtures.js
@@ -0,0 +1,898 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+const EVENT_DEFINITION = `
+  boolean_required: boolean,
+  boolean_optional_key?: boolean,
+  boolean_optional_value: ?boolean,
+  boolean_optional_both?: ?boolean,
+
+  string_required: string,
+  string_optional_key?: string,
+  string_optional_value: ?string,
+  string_optional_both?: ?string,
+
+  double_required: Double,
+  double_optional_key?: Double,
+  double_optional_value: ?Double,
+  double_optional_both?: ?Double,
+
+  float_required: Float,
+  float_optional_key?: Float,
+  float_optional_value: ?Float,
+  float_optional_both?: ?Float,
+
+  int32_required: Int32,
+  int32_optional_key?: Int32,
+  int32_optional_value: ?Int32,
+  int32_optional_both?: ?Int32,
+
+  enum_required: ('small' | 'large'),
+  enum_optional_key?: ('small' | 'large'),
+  enum_optional_value: ?('small' | 'large'),
+  enum_optional_both?: ?('small' | 'large'),
+
+  object_required: {
+    boolean_required: boolean,
+  }
+
+  object_optional_key?: {
+    string_optional_key?: string,
+  }
+
+  object_optional_value: ?{
+    float_optional_value: ?Float,
+  }
+
+  object_optional_both?: ?{
+    int32_optional_both?: ?Int32,
+  }
+
+  object_required_nested_2_layers: {
+    object_optional_nested_1_layer?: ?{
+      boolean_required: Int32,
+      string_optional_key?: string,
+      double_optional_value: ?Double,
+      float_optional_value: ?Float,
+      int32_optional_both?: ?Int32,
+    }
+  }
+`;
+
+const ONE_OF_EACH_PROP_EVENT_DEFAULT_AND_OPTIONS = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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';
+
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {
+  BubblingEventHandler,
+  DirectEventHandler,
+  WithDefault,
+} from 'CodegenTypes';
+import type {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  boolean_default_true_optional_both?: WithDefault<boolean, true>,
+
+  // Events
+  onDirectEventDefinedInlineNull: DirectEventHandler<null>,
+  onBubblingEventDefinedInlineNull: BubblingEventHandler<null>,
+|}>;
+
+export default (codegenNativeComponent<ModuleProps>('Module', {
+  interfaceOnly: true,
+  paperComponentName: 'RCTModule',
+}): NativeComponent<ModuleProps>);
+`;
+
+const ONE_OF_EACH_PROP_EVENT_DEFAULT_AND_OPTIONS_NO_CAST = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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';
+
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {
+  BubblingEventHandler,
+  DirectEventHandler,
+  WithDefault,
+} from 'CodegenTypes';
+import type {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  boolean_default_true_optional_both?: WithDefault<boolean, true>,
+
+  // Events
+  onDirectEventDefinedInlineNull: DirectEventHandler<null>,
+  onBubblingEventDefinedInlineNull: BubblingEventHandler<null>,
+|}>;
+
+export default codegenNativeComponent<ModuleProps>('Module', {
+  interfaceOnly: true,
+  paperComponentName: 'RCTModule',
+});
+`;
+
+const NO_PROPS_EVENTS_ONLY_DEPRECATED_VIEW_CONFIG_NAME_OPTION = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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';
+
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+|}>;
+
+export default (codegenNativeComponent<ModuleProps>('Module', {
+  deprecatedViewConfigName: 'DeprecateModuleName',
+}): NativeComponent<ModuleProps>);
+`;
+
+const ALL_PROP_TYPES_NO_EVENTS = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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';
+
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {Int32, Double, Float, WithDefault} from 'CodegenTypes';
+import type {ImageSource} from 'ImageSource';
+import type {ColorValue, ColorArrayValue, PointValue} from 'StyleSheetTypes';
+import type {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  // Boolean props
+  boolean_required: boolean,
+  boolean_optional_key?: WithDefault<boolean, true>,
+  boolean_optional_both?: WithDefault<boolean, true>,
+
+  // String props
+  string_required: string,
+  string_optional_key?: WithDefault<string, ''>,
+  string_optional_both?: WithDefault<string, ''>,
+
+  // String props, null default
+  string_null_optional_key?: WithDefault<string, null>,
+  string_null_optional_both?: WithDefault<string, null>,
+
+  // Stringish props
+  stringish_required: Stringish,
+  stringish_optional_key?: WithDefault<Stringish, ''>,
+  stringish_optional_both?: WithDefault<Stringish, ''>,
+
+  // Stringish props, null default
+  stringish_null_optional_key?: WithDefault<Stringish, null>,
+  stringish_null_optional_both?: WithDefault<Stringish, null>,
+
+  // Double props
+  double_required: Double,
+  double_optional_key?: WithDefault<Double, 1.1>,
+  double_optional_both?: WithDefault<Double, 1.1>,
+
+  // Float props
+  float_required: Float,
+  float_optional_key?: WithDefault<Float, 1.1>,
+  float_optional_both?: WithDefault<Float, 1.1>,
+
+  // Int32 props
+  int32_required: Int32,
+  int32_optional_key?: WithDefault<Int32, 1>,
+  int32_optional_both?: WithDefault<Int32, 1>,
+
+  // String enum props
+  enum_optional_key?: WithDefault<'small' | 'large', 'small'>,
+  enum_optional_both?: WithDefault<'small' | 'large', 'small'>,
+
+  // Object props
+  object_optional_key?: $ReadOnly<{| prop: string |}>,
+  object_optional_both?: ?$ReadOnly<{| prop: string |}>,
+  object_optional_value: ?$ReadOnly<{| prop: string |}>,
+
+  // ImageSource props
+  image_required: ImageSource,
+  image_optional_value: ?ImageSource,
+  image_optional_both?: ?ImageSource,
+
+  // ColorValue props
+  color_required: ColorValue,
+  color_optional_key?: ColorValue,
+  color_optional_value: ?ColorValue,
+  color_optional_both?: ?ColorValue,
+
+  // ColorArrayValue props
+  color_array_required: ColorArrayValue,
+  color_array_optional_key?: ColorArrayValue,
+  color_array_optional_value: ?ColorArrayValue,
+  color_array_optional_both?: ?ColorArrayValue,
+
+  // PointValue props
+  point_required: PointValue,
+  point_optional_key?: PointValue,
+  point_optional_value: ?PointValue,
+  point_optional_both?: ?PointValue,
+|}>;
+
+export default (codegenNativeComponent<ModuleProps, Options>(
+  'Module',
+): NativeComponent<ModuleProps>);
+`;
+
+const ARRAY_PROP_TYPES_NO_EVENTS = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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';
+
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {Int32, Double, Float, WithDefault} from 'CodegenTypes';
+import type {ImageSource} from 'ImageSource';
+import type {ColorValue, PointValue} from 'StyleSheetTypes';
+import type {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+type ObjectType = $ReadOnly<{| prop: string |}>;
+type ArrayObjectType = $ReadOnlyArray<$ReadOnly<{| prop: string |}>>;
+
+type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  // Boolean props
+  array_boolean_required: $ReadOnlyArray<boolean>,
+  array_boolean_optional_key?: $ReadOnlyArray<boolean>,
+  array_boolean_optional_value: ?$ReadOnlyArray<boolean>,
+  array_boolean_optional_both?: ?$ReadOnlyArray<boolean>,
+
+  // String props
+  array_string_required: $ReadOnlyArray<string>,
+  array_string_optional_key?: $ReadOnlyArray<string>,
+  array_string_optional_value: ?$ReadOnlyArray<string>,
+  array_string_optional_both?: ?$ReadOnlyArray<string>,
+
+  // Double props
+  array_double_required: $ReadOnlyArray<Double>,
+  array_double_optional_key?: $ReadOnlyArray<Double>,
+  array_double_optional_value: ?$ReadOnlyArray<Double>,
+  array_double_optional_both?: ?$ReadOnlyArray<Double>,
+
+  // Float props
+  array_float_required: $ReadOnlyArray<Float>,
+  array_float_optional_key?: $ReadOnlyArray<Float>,
+  array_float_optional_value: ?$ReadOnlyArray<Float>,
+  array_float_optional_both?: ?$ReadOnlyArray<Float>,
+
+  // Int32 props
+  array_int32_required: $ReadOnlyArray<Int32>,
+  array_int32_optional_key?: $ReadOnlyArray<Int32>,
+  array_int32_optional_value: ?$ReadOnlyArray<Int32>,
+  array_int32_optional_both?: ?$ReadOnlyArray<Int32>,
+
+  // String enum props
+  array_enum_optional_key?: WithDefault<
+    $ReadOnlyArray<'small' | 'large'>,
+    'small',
+  >,
+  array_enum_optional_both?: WithDefault<
+    $ReadOnlyArray<'small' | 'large'>,
+    'small',
+  >,
+
+  // ImageSource props
+  array_image_required: $ReadOnlyArray<ImageSource>,
+  array_image_optional_key?: $ReadOnlyArray<ImageSource>,
+  array_image_optional_value: ?$ReadOnlyArray<ImageSource>,
+  array_image_optional_both?: ?$ReadOnlyArray<ImageSource>,
+
+  // ColorValue props
+  array_color_required: $ReadOnlyArray<ColorValue>,
+  array_color_optional_key?: $ReadOnlyArray<ColorValue>,
+  array_color_optional_value: ?$ReadOnlyArray<ColorValue>,
+  array_color_optional_both?: ?$ReadOnlyArray<ColorValue>,
+
+  // PointValue props
+  array_point_required: $ReadOnlyArray<PointValue>,
+  array_point_optional_key?: $ReadOnlyArray<PointValue>,
+  array_point_optional_value: ?$ReadOnlyArray<PointValue>,
+  array_point_optional_both?: ?$ReadOnlyArray<PointValue>,
+
+  // Object props
+  array_object_required: $ReadOnlyArray<$ReadOnly<{| prop: string |}>>,
+  array_object_optional_key?: $ReadOnlyArray<$ReadOnly<{| prop: string |}>>,
+  array_object_optional_value: ?ArrayObjectType,
+  array_object_optional_both?: ?$ReadOnlyArray<ObjectType>,
+|}>;
+
+export default (codegenNativeComponent<ModuleProps>(
+  'Module',
+): NativeComponent<ModuleProps>);
+`;
+
+const OBJECT_PROP_TYPES_NO_EVENTS = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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';
+
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {Int32, Double, Float, WithDefault} from 'CodegenTypes';
+import type {ImageSource} from 'ImageSource';
+import type {ColorValue, PointValue} from 'StyleSheetTypes';
+import type {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  // Boolean props
+  boolean_required: $ReadOnly<{|prop: boolean|}>,
+  boolean_optional: $ReadOnly<{|prop?: WithDefault<boolean, false>|}>,
+
+  // String props
+  string_required: $ReadOnly<{|prop: string|}>,
+  string_optional: $ReadOnly<{|prop?: WithDefault<string, ''>|}>,
+
+  // Double props
+  double_required: $ReadOnly<{|prop: Double|}>,
+  double_optional: $ReadOnly<{|prop?: WithDefault<Double, 0.0>|}>,
+
+  // Float props
+  float_required: $ReadOnly<{|prop: Float|}>,
+  float_optional: $ReadOnly<{|prop?: WithDefault<Float, 0.0>|}>,
+
+  // Int32 props
+  int_required: $ReadOnly<{|prop: Int32|}>,
+  int_optional: $ReadOnly<{|prop?: WithDefault<Int32, 0>|}>,
+
+  // String enum props
+  enum_optional: $ReadOnly<{|
+    prop?: WithDefault<$ReadOnlyArray<'small' | 'large'>, 'small'>,
+  |}>,
+
+  // ImageSource props
+  image_required: $ReadOnly<{|prop: ImageSource|}>,
+  image_optional_key: $ReadOnly<{|prop?: ImageSource|}>,
+  image_optional_value: $ReadOnly<{|prop: ?ImageSource|}>,
+  image_optional_both: $ReadOnly<{|prop?: ?ImageSource|}>,
+
+  // ColorValue props
+  color_required: $ReadOnly<{|prop: ColorValue|}>,
+  color_optional_key: $ReadOnly<{|prop?: ColorValue|}>,
+  color_optional_value: $ReadOnly<{|prop: ?ColorValue|}>,
+  color_optional_both: $ReadOnly<{|prop?: ?ColorValue|}>,
+
+  // PointValue props
+  point_required: $ReadOnly<{|prop: PointValue|}>,
+  point_optional_key: $ReadOnly<{|prop?: PointValue|}>,
+  point_optional_value: $ReadOnly<{|prop: ?PointValue|}>,
+  point_optional_both: $ReadOnly<{|prop?: ?PointValue|}>,
+
+  // Nested object props
+  object_required: $ReadOnly<{|prop: $ReadOnly<{nestedProp: string}>|}>,
+  object_optional_key?: $ReadOnly<{|prop: $ReadOnly<{nestedProp: string}>|}>,
+  object_optional_value: ?$ReadOnly<{|prop: $ReadOnly<{nestedProp: string}>|}>,
+  object_optional_both?: ?$ReadOnly<{|prop: $ReadOnly<{nestedProp: string}>|}>,
+|}>;
+
+export default (codegenNativeComponent<ModuleProps>(
+  'Module',
+): NativeComponent<ModuleProps>);
+`;
+
+const PROPS_ALIASED_LOCALLY = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+const codegenNativeComponent = require('codegenNativeComponent');
+
+type DeepSpread = $ReadOnly<{|
+  otherStringProp: string,
+|}>
+
+export type PropsInFile = $ReadOnly<{|
+  ...DeepSpread,
+  isEnabled: boolean,
+  label: string,
+|}>;
+
+export type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+
+  ...PropsInFile
+
+  localType: $ReadOnly<{|
+    ...PropsInFile
+  |}>
+
+  localArr: $ReadOnlyArray<PropsInFile>
+|}>;
+
+export default (codegenNativeComponent<ModuleProps>(
+  'Module',
+): NativeComponent<ModuleProps>);
+`;
+
+const EVENTS_DEFINED_INLINE_WITH_ALL_TYPES = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {NativeComponent} from 'codegenNativeComponent';
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {
+  Int32,
+  Double,
+  Float,
+  BubblingEventHandler,
+  DirectEventHandler,
+} from 'CodegenTypes';
+
+import type {ViewProps} from 'ViewPropTypes';
+
+type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+  // No Props
+
+  // Events
+  onDirectEventDefinedInline:
+    DirectEventHandler<
+      $ReadOnly<{|
+        ${EVENT_DEFINITION}
+      |}>,
+    >,
+
+  onDirectEventDefinedInlineOptionalKey?:
+    DirectEventHandler<
+      $ReadOnly<{|
+        ${EVENT_DEFINITION}
+      |}>,
+    >,
+
+  onDirectEventDefinedInlineOptionalValue: ?
+    DirectEventHandler<
+      $ReadOnly<{|
+        ${EVENT_DEFINITION}
+      |}>,
+    >,
+
+  onDirectEventDefinedInlineOptionalBoth?: ?
+    DirectEventHandler<
+      $ReadOnly<{|
+        ${EVENT_DEFINITION}
+      |}>,
+    >,
+
+  onDirectEventDefinedInlineWithPaperName?: ?
+    DirectEventHandler<
+      $ReadOnly<{|
+        ${EVENT_DEFINITION}
+      |}>,
+      'paperDirectEventDefinedInlineWithPaperName',
+    >,
+
+  onBubblingEventDefinedInline:
+    BubblingEventHandler<
+      $ReadOnly<{|
+        ${EVENT_DEFINITION}
+      |}>,
+    >,
+
+  onBubblingEventDefinedInlineOptionalKey?:
+    BubblingEventHandler<
+      $ReadOnly<{|
+        ${EVENT_DEFINITION}
+      |}>,
+    >,
+
+  onBubblingEventDefinedInlineOptionalValue: ?
+    BubblingEventHandler<
+      $ReadOnly<{|
+        ${EVENT_DEFINITION}
+      |}>,
+    >,
+
+  onBubblingEventDefinedInlineOptionalBoth?: ?
+    BubblingEventHandler<
+      $ReadOnly<{|
+        ${EVENT_DEFINITION}
+      |}>,
+    >,
+
+  onBubblingEventDefinedInlineWithPaperName?: ?
+    BubblingEventHandler<
+      $ReadOnly<{|
+        ${EVENT_DEFINITION}
+      |}>,
+      'paperBubblingEventDefinedInlineWithPaperName'
+    >,
+|}>;
+
+export default (codegenNativeComponent<ModuleProps>(
+  'Module',
+): NativeComponent<ModuleProps>);
+`;
+
+const EVENTS_DEFINED_AS_NULL_INLINE = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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';
+
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {BubblingEventHandler, DirectEventHandler} from 'CodegenTypese';
+import type {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // No props
+
+  // Events defined inline
+  onDirectEventDefinedInlineNull: DirectEventHandler<null>,
+  onDirectEventDefinedInlineNullOptionalKey?: DirectEventHandler<null>,
+  onDirectEventDefinedInlineNullOptionalValue: ?DirectEventHandler<null>,
+  onDirectEventDefinedInlineNullOptionalBoth?: DirectEventHandler<null>,
+  onDirectEventDefinedInlineNullWithPaperName?: ?DirectEventHandler<
+    null,
+    'paperDirectEventDefinedInlineNullWithPaperName',
+  >,
+
+  onBubblingEventDefinedInlineNull: BubblingEventHandler<null>,
+  onBubblingEventDefinedInlineNullOptionalKey?: BubblingEventHandler<null>,
+  onBubblingEventDefinedInlineNullOptionalValue: ?BubblingEventHandler<null>,
+  onBubblingEventDefinedInlineNullOptionalBoth?: ?BubblingEventHandler<null>,
+  onBubblingEventDefinedInlineNullWithPaperName?: ?BubblingEventHandler<
+    null,
+    'paperBubblingEventDefinedInlineNullWithPaperName',
+  >,
+|}>;
+
+export default (codegenNativeComponent<ModuleProps>(
+  'Module',
+): NativeComponent<ModuleProps>);
+`;
+
+const PROPS_AND_EVENTS_TYPES_EXPORTED = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {
+  BubblingEventHandler,
+  DirectEventHandler,
+} from 'CodegenTypes';
+import type {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+const codegenNativeComponent = require('codegenNativeComponent');
+
+export type EventInFile = $ReadOnly<{|
+  ${EVENT_DEFINITION}
+|}>;
+
+export type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // No props
+
+  // Events defined inline
+  onBubblingEventDefinedInline: BubblingEventHandler<EventInFile>,
+  onBubblingEventDefinedInlineWithPaperName: BubblingEventHandler<EventInFile, 'paperBubblingEventDefinedInlineWithPaperName'>,
+  onDirectEventDefinedInline: DirectEventHandler<EventInFile>,
+  onDirectEventDefinedInlineWithPaperName: DirectEventHandler<EventInFile, 'paperDirectEventDefinedInlineWithPaperName'>,
+|}>;
+
+export default (codegenNativeComponent<ModuleProps>(
+  'Module',
+): NativeComponent<ModuleProps>);
+`;
+
+const PROPS_AS_EXTERNAL_TYPES = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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';
+
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {NativeComponent} from 'codegenNativeComponent';
+
+export type String = string;
+export type AnotherArray = $ReadOnlyArray<String>;
+
+export type ModuleProps = $ReadOnly<{|
+  disable: String,
+  array: AnotherArray,
+|}>;
+
+export default (codegenNativeComponent<ModuleProps>(
+  'Module',
+): NativeComponent<ModuleProps>);
+`;
+
+const COMMANDS_DEFINED_WITH_ALL_TYPES = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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';
+
+const codegenNativeCommands = require('codegenNativeCommands');
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {Int32, Double, Float} from 'CodegenTypes';
+import type {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+interface NativeCommands {
+  +hotspotUpdate: (viewRef: React.Ref<'RCTView'>, x: Int32, y: Int32) => void;
+  +scrollTo: (
+    viewRef: React.Ref<'RCTView'>,
+    x: Float,
+    y: Int32,
+    z: Double,
+    animated: boolean,
+  ) => void;
+}
+
+export type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+  // No props or events
+|}>;
+
+export const Commands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['hotspotUpdate', 'scrollTo'],
+});
+
+export default (codegenNativeComponent<ModuleProps>(
+  'Module',
+): NativeComponent<ModuleProps>);
+`;
+
+const COMMANDS_WITH_EXTERNAL_TYPES = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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';
+
+const codegenNativeCommands = require('codegenNativeCommands');
+const codegenNativeComponent = require('codegenNativeComponent');
+
+import type {Int32} from 'CodegenTypes';
+import type {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+export type Boolean = boolean;
+export type Int = Int32;
+export type Void = void;
+
+export type ScrollTo = (
+  viewRef: React.Ref<'RCTView'>,
+  y: Int,
+  animated: Boolean,
+) => Void;
+
+interface NativeCommands {
+  +scrollTo: ScrollTo;
+}
+
+export type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+  // No props or events
+|}>;
+
+export const Commands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['scrollTo'],
+});
+
+export default (codegenNativeComponent<ModuleProps>(
+  'Module',
+): NativeComponent<ModuleProps>);
+`;
+
+const COMMANDS_AND_EVENTS_TYPES_EXPORTED = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {
+  BubblingEventHandler,
+  DirectEventHandler,
+} from 'CodegenTypes';
+import type {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'codegenNativeComponent';
+
+const codegenNativeComponent = require('codegenNativeComponent');
+
+export type EventInFile = $ReadOnly<{|
+  ${EVENT_DEFINITION}
+|}>;
+
+export type Boolean = boolean;
+export type Int = Int32;
+export type Void = void;
+
+export type ScrollTo = (viewRef: React.Ref<'RCTView'>, y: Int, animated: Boolean) => Void
+
+interface NativeCommands {
+  +scrollTo: ScrollTo;
+}
+
+export type ModuleProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // No props
+
+  // Events defined inline
+  onBubblingEventDefinedInline: BubblingEventHandler<EventInFile>,
+  onBubblingEventDefinedInlineWithPaperName: BubblingEventHandler<EventInFile, 'paperBubblingEventDefinedInlineWithPaperName'>,
+  onDirectEventDefinedInline: DirectEventHandler<EventInFile>,
+  onDirectEventDefinedInlineWithPaperName: DirectEventHandler<EventInFile, 'paperDirectEventDefinedInlineWithPaperName'>,
+|}>;
+
+export const Commands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['scrollTo']
+});
+
+export default (codegenNativeComponent<ModuleProps>(
+  'Module',
+): NativeComponent<ModuleProps>);
+`;
+
+module.exports = {
+  ALL_PROP_TYPES_NO_EVENTS,
+  ARRAY_PROP_TYPES_NO_EVENTS,
+  OBJECT_PROP_TYPES_NO_EVENTS,
+  PROPS_ALIASED_LOCALLY,
+  ONE_OF_EACH_PROP_EVENT_DEFAULT_AND_OPTIONS,
+  ONE_OF_EACH_PROP_EVENT_DEFAULT_AND_OPTIONS_NO_CAST,
+  NO_PROPS_EVENTS_ONLY_DEPRECATED_VIEW_CONFIG_NAME_OPTION,
+  EVENTS_DEFINED_INLINE_WITH_ALL_TYPES,
+  EVENTS_DEFINED_AS_NULL_INLINE,
+  PROPS_AND_EVENTS_TYPES_EXPORTED,
+  COMMANDS_AND_EVENTS_TYPES_EXPORTED,
+  COMMANDS_DEFINED_WITH_ALL_TYPES,
+  PROPS_AS_EXTERNAL_TYPES,
+  COMMANDS_WITH_EXTERNAL_TYPES,
+};
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
new file mode 100644
index 00000000000000..2f792c2295307f
--- /dev/null
+++ b/packages/react-native-codegen/src/parsers/flow/components/__tests__/__snapshots__/component-parser-test.js.snap
@@ -0,0 +1,6629 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`RN Codegen Flow Parser Fails with error message COMMANDS_DEFINED_INLINE 1`] = `"codegenNativeCommands doesn't support inline definitions. Specify a file local type alias"`;
+
+exports[`RN Codegen Flow Parser Fails with error message COMMANDS_DEFINED_MULTIPLE_TIMES 1`] = `"codegenNativeCommands may only be called once in a file"`;
+
+exports[`RN Codegen Flow Parser Fails with error message COMMANDS_DEFINED_WITH_MISMATCHED_METHOD_NAMES 1`] = `"codegenNativeCommands expected the same supportedCommands specified in the NativeCommands interface: hotspotUpdate, scrollTo"`;
+
+exports[`RN Codegen Flow Parser Fails with error message COMMANDS_DEFINED_WITH_NULLABLE_REF 1`] = `"The first argument of method hotspotUpdate must be of type React.Ref<>"`;
+
+exports[`RN Codegen Flow Parser Fails with error message COMMANDS_DEFINED_WITHOUT_METHOD_NAMES 1`] = `"codegenNativeCommands must be passed options including the supported commands"`;
+
+exports[`RN Codegen Flow Parser Fails with error message COMMANDS_DEFINED_WITHOUT_REF 1`] = `"The first argument of method hotspotUpdate must be of type React.Ref<>"`;
+
+exports[`RN Codegen Flow Parser Fails with error message NON_OPTIONAL_KEY_WITH_DEFAULT_VALUE 1`] = `"key required_key_with_default must be optional if used with WithDefault<> annotation"`;
+
+exports[`RN Codegen Flow Parser Fails with error message NULLABLE_WITH_DEFAULT 1`] = `"WithDefault<> is optional and does not need to be marked as optional. Please remove the ? annotation in front of it."`;
+
+exports[`RN Codegen Flow Parser Fails with error message PROPS_CONFLICT_NAMES 1`] = `"A prop was already defined with the name isEnabled"`;
+
+exports[`RN Codegen Flow Parser Fails with error message PROPS_CONFLICT_WITH_SPREAD_PROPS 1`] = `"A prop was already defined with the name isEnabled"`;
+
+exports[`RN Codegen Flow Parser Fails with error message PROPS_SPREAD_CONFLICTS_WITH_PROPS 1`] = `"A prop was already defined with the name isEnabled"`;
+
+exports[`RN Codegen Flow Parser can generate fixture ALL_PROP_TYPES_NO_EVENTS 1`] = `
+Object {
+  "modules": Object {
+    "Module": Object {
+      "components": Object {
+        "Module": Object {
+          "commands": Array [],
+          "events": Array [],
+          "extendsProps": Array [
+            Object {
+              "knownTypeName": "ReactNativeCoreViewProps",
+              "type": "ReactNativeBuiltInType",
+            },
+          ],
+          "props": Array [
+            Object {
+              "name": "boolean_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "default": false,
+                "type": "BooleanTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "boolean_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "default": true,
+                "type": "BooleanTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "boolean_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "default": true,
+                "type": "BooleanTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "string_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "default": null,
+                "type": "StringTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "string_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "default": "",
+                "type": "StringTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "string_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "default": "",
+                "type": "StringTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "string_null_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "default": null,
+                "type": "StringTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "string_null_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "default": null,
+                "type": "StringTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "stringish_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "default": null,
+                "type": "StringTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "stringish_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "default": "",
+                "type": "StringTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "stringish_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "default": "",
+                "type": "StringTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "stringish_null_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "default": null,
+                "type": "StringTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "stringish_null_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "default": null,
+                "type": "StringTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "double_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "default": 0,
+                "type": "DoubleTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "double_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "default": 1.1,
+                "type": "DoubleTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "double_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "default": 1.1,
+                "type": "DoubleTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "float_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "default": 0,
+                "type": "FloatTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "float_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "default": 1.1,
+                "type": "FloatTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "float_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "default": 1.1,
+                "type": "FloatTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "int32_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "default": 0,
+                "type": "Int32TypeAnnotation",
+              },
+            },
+            Object {
+              "name": "int32_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "default": 1,
+                "type": "Int32TypeAnnotation",
+              },
+            },
+            Object {
+              "name": "int32_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "default": 1,
+                "type": "Int32TypeAnnotation",
+              },
+            },
+            Object {
+              "name": "enum_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "default": "small",
+                "options": Array [
+                  Object {
+                    "name": "small",
+                  },
+                  Object {
+                    "name": "large",
+                  },
+                ],
+                "type": "StringEnumTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "enum_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "default": "small",
+                "options": Array [
+                  Object {
+                    "name": "small",
+                  },
+                  Object {
+                    "name": "large",
+                  },
+                ],
+                "type": "StringEnumTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "object_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": false,
+                    "typeAnnotation": Object {
+                      "default": null,
+                      "type": "StringTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "object_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": false,
+                    "typeAnnotation": Object {
+                      "default": null,
+                      "type": "StringTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "object_optional_value",
+              "optional": true,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": false,
+                    "typeAnnotation": Object {
+                      "default": null,
+                      "type": "StringTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "image_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "name": "ImageSourcePrimitive",
+                "type": "NativePrimitiveTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "image_optional_value",
+              "optional": true,
+              "typeAnnotation": Object {
+                "name": "ImageSourcePrimitive",
+                "type": "NativePrimitiveTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "image_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "name": "ImageSourcePrimitive",
+                "type": "NativePrimitiveTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "color_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "name": "ColorPrimitive",
+                "type": "NativePrimitiveTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "color_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "name": "ColorPrimitive",
+                "type": "NativePrimitiveTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "color_optional_value",
+              "optional": true,
+              "typeAnnotation": Object {
+                "name": "ColorPrimitive",
+                "type": "NativePrimitiveTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "color_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "name": "ColorPrimitive",
+                "type": "NativePrimitiveTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "color_array_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "name": "ColorPrimitive",
+                  "type": "NativePrimitiveTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "color_array_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "name": "ColorPrimitive",
+                  "type": "NativePrimitiveTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "color_array_optional_value",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "name": "ColorPrimitive",
+                  "type": "NativePrimitiveTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "color_array_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "name": "ColorPrimitive",
+                  "type": "NativePrimitiveTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "point_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "name": "PointPrimitive",
+                "type": "NativePrimitiveTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "point_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "name": "PointPrimitive",
+                "type": "NativePrimitiveTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "point_optional_value",
+              "optional": true,
+              "typeAnnotation": Object {
+                "name": "PointPrimitive",
+                "type": "NativePrimitiveTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "point_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "name": "PointPrimitive",
+                "type": "NativePrimitiveTypeAnnotation",
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture ARRAY_PROP_TYPES_NO_EVENTS 1`] = `
+Object {
+  "modules": Object {
+    "Module": Object {
+      "components": Object {
+        "Module": Object {
+          "commands": Array [],
+          "events": Array [],
+          "extendsProps": Array [
+            Object {
+              "knownTypeName": "ReactNativeCoreViewProps",
+              "type": "ReactNativeBuiltInType",
+            },
+          ],
+          "props": Array [
+            Object {
+              "name": "array_boolean_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "type": "BooleanTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_boolean_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "type": "BooleanTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_boolean_optional_value",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "type": "BooleanTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_boolean_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "type": "BooleanTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_string_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "type": "StringTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_string_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "type": "StringTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_string_optional_value",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "type": "StringTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_string_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "type": "StringTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_double_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "type": "DoubleTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_double_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "type": "DoubleTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_double_optional_value",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "type": "DoubleTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_double_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "type": "DoubleTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_float_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "type": "FloatTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_float_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "type": "FloatTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_float_optional_value",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "type": "FloatTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_float_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "type": "FloatTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_int32_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "type": "Int32TypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_int32_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "type": "Int32TypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_int32_optional_value",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "type": "Int32TypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_int32_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "type": "Int32TypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_enum_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "default": "small",
+                  "options": Array [
+                    Object {
+                      "name": "small",
+                    },
+                    Object {
+                      "name": "large",
+                    },
+                  ],
+                  "type": "StringEnumTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_enum_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "default": "small",
+                  "options": Array [
+                    Object {
+                      "name": "small",
+                    },
+                    Object {
+                      "name": "large",
+                    },
+                  ],
+                  "type": "StringEnumTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_image_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "name": "ImageSourcePrimitive",
+                  "type": "NativePrimitiveTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_image_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "name": "ImageSourcePrimitive",
+                  "type": "NativePrimitiveTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_image_optional_value",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "name": "ImageSourcePrimitive",
+                  "type": "NativePrimitiveTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_image_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "name": "ImageSourcePrimitive",
+                  "type": "NativePrimitiveTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_color_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "name": "ColorPrimitive",
+                  "type": "NativePrimitiveTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_color_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "name": "ColorPrimitive",
+                  "type": "NativePrimitiveTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_color_optional_value",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "name": "ColorPrimitive",
+                  "type": "NativePrimitiveTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_color_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "name": "ColorPrimitive",
+                  "type": "NativePrimitiveTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_point_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "name": "PointPrimitive",
+                  "type": "NativePrimitiveTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_point_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "name": "PointPrimitive",
+                  "type": "NativePrimitiveTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_point_optional_value",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "name": "PointPrimitive",
+                  "type": "NativePrimitiveTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_point_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "name": "PointPrimitive",
+                  "type": "NativePrimitiveTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_object_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "prop",
+                      "optional": false,
+                      "typeAnnotation": Object {
+                        "default": null,
+                        "type": "StringTypeAnnotation",
+                      },
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_object_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "prop",
+                      "optional": false,
+                      "typeAnnotation": Object {
+                        "default": null,
+                        "type": "StringTypeAnnotation",
+                      },
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_object_optional_value",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "prop",
+                      "optional": false,
+                      "typeAnnotation": Object {
+                        "default": null,
+                        "type": "StringTypeAnnotation",
+                      },
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array_object_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "prop",
+                      "optional": false,
+                      "typeAnnotation": Object {
+                        "default": null,
+                        "type": "StringTypeAnnotation",
+                      },
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture COMMANDS_AND_EVENTS_TYPES_EXPORTED 1`] = `
+Object {
+  "modules": Object {
+    "Module": Object {
+      "components": Object {
+        "Module": Object {
+          "commands": Array [
+            Object {
+              "name": "scrollTo",
+              "optional": false,
+              "typeAnnotation": Object {
+                "params": Array [
+                  Object {
+                    "name": "y",
+                    "typeAnnotation": Object {
+                      "type": "Int32TypeAnnotation",
+                    },
+                  },
+                  Object {
+                    "name": "animated",
+                    "typeAnnotation": Object {
+                      "type": "BooleanTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+          ],
+          "events": Array [
+            Object {
+              "bubblingType": "bubble",
+              "name": "onBubblingEventDefinedInline",
+              "optional": false,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "boolean_required",
+                      "optional": false,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_key",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_value",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_both",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_required",
+                      "optional": false,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_key",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_value",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_both",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_required",
+                      "optional": false,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_key",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_value",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_both",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_required",
+                      "optional": false,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_key",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_value",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_both",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_required",
+                      "optional": false,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_key",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_value",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_both",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_required",
+                      "optional": false,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_key",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_value",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_both",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "boolean_required",
+                          "optional": false,
+                          "type": "BooleanTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_key",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "string_optional_key",
+                          "optional": true,
+                          "type": "StringTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_value",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "float_optional_value",
+                          "optional": true,
+                          "type": "FloatTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_both",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "int32_optional_both",
+                          "optional": true,
+                          "type": "Int32TypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required_nested_2_layers",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "object_optional_nested_1_layer",
+                          "optional": true,
+                          "properties": Array [
+                            Object {
+                              "name": "boolean_required",
+                              "optional": false,
+                              "type": "Int32TypeAnnotation",
+                            },
+                            Object {
+                              "name": "string_optional_key",
+                              "optional": true,
+                              "type": "StringTypeAnnotation",
+                            },
+                            Object {
+                              "name": "double_optional_value",
+                              "optional": true,
+                              "type": "DoubleTypeAnnotation",
+                            },
+                            Object {
+                              "name": "float_optional_value",
+                              "optional": true,
+                              "type": "FloatTypeAnnotation",
+                            },
+                            Object {
+                              "name": "int32_optional_both",
+                              "optional": true,
+                              "type": "Int32TypeAnnotation",
+                            },
+                          ],
+                          "type": "ObjectTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "bubble",
+              "name": "onBubblingEventDefinedInlineWithPaperName",
+              "optional": false,
+              "paperTopLevelNameDeprecated": "paperBubblingEventDefinedInlineWithPaperName",
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "boolean_required",
+                      "optional": false,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_key",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_value",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_both",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_required",
+                      "optional": false,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_key",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_value",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_both",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_required",
+                      "optional": false,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_key",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_value",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_both",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_required",
+                      "optional": false,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_key",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_value",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_both",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_required",
+                      "optional": false,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_key",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_value",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_both",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_required",
+                      "optional": false,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_key",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_value",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_both",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "boolean_required",
+                          "optional": false,
+                          "type": "BooleanTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_key",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "string_optional_key",
+                          "optional": true,
+                          "type": "StringTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_value",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "float_optional_value",
+                          "optional": true,
+                          "type": "FloatTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_both",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "int32_optional_both",
+                          "optional": true,
+                          "type": "Int32TypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required_nested_2_layers",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "object_optional_nested_1_layer",
+                          "optional": true,
+                          "properties": Array [
+                            Object {
+                              "name": "boolean_required",
+                              "optional": false,
+                              "type": "Int32TypeAnnotation",
+                            },
+                            Object {
+                              "name": "string_optional_key",
+                              "optional": true,
+                              "type": "StringTypeAnnotation",
+                            },
+                            Object {
+                              "name": "double_optional_value",
+                              "optional": true,
+                              "type": "DoubleTypeAnnotation",
+                            },
+                            Object {
+                              "name": "float_optional_value",
+                              "optional": true,
+                              "type": "FloatTypeAnnotation",
+                            },
+                            Object {
+                              "name": "int32_optional_both",
+                              "optional": true,
+                              "type": "Int32TypeAnnotation",
+                            },
+                          ],
+                          "type": "ObjectTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "direct",
+              "name": "onDirectEventDefinedInline",
+              "optional": false,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "boolean_required",
+                      "optional": false,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_key",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_value",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_both",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_required",
+                      "optional": false,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_key",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_value",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_both",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_required",
+                      "optional": false,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_key",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_value",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_both",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_required",
+                      "optional": false,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_key",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_value",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_both",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_required",
+                      "optional": false,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_key",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_value",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_both",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_required",
+                      "optional": false,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_key",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_value",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_both",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "boolean_required",
+                          "optional": false,
+                          "type": "BooleanTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_key",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "string_optional_key",
+                          "optional": true,
+                          "type": "StringTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_value",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "float_optional_value",
+                          "optional": true,
+                          "type": "FloatTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_both",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "int32_optional_both",
+                          "optional": true,
+                          "type": "Int32TypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required_nested_2_layers",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "object_optional_nested_1_layer",
+                          "optional": true,
+                          "properties": Array [
+                            Object {
+                              "name": "boolean_required",
+                              "optional": false,
+                              "type": "Int32TypeAnnotation",
+                            },
+                            Object {
+                              "name": "string_optional_key",
+                              "optional": true,
+                              "type": "StringTypeAnnotation",
+                            },
+                            Object {
+                              "name": "double_optional_value",
+                              "optional": true,
+                              "type": "DoubleTypeAnnotation",
+                            },
+                            Object {
+                              "name": "float_optional_value",
+                              "optional": true,
+                              "type": "FloatTypeAnnotation",
+                            },
+                            Object {
+                              "name": "int32_optional_both",
+                              "optional": true,
+                              "type": "Int32TypeAnnotation",
+                            },
+                          ],
+                          "type": "ObjectTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "direct",
+              "name": "onDirectEventDefinedInlineWithPaperName",
+              "optional": false,
+              "paperTopLevelNameDeprecated": "paperDirectEventDefinedInlineWithPaperName",
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "boolean_required",
+                      "optional": false,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_key",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_value",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_both",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_required",
+                      "optional": false,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_key",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_value",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_both",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_required",
+                      "optional": false,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_key",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_value",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_both",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_required",
+                      "optional": false,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_key",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_value",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_both",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_required",
+                      "optional": false,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_key",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_value",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_both",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_required",
+                      "optional": false,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_key",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_value",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_both",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "boolean_required",
+                          "optional": false,
+                          "type": "BooleanTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_key",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "string_optional_key",
+                          "optional": true,
+                          "type": "StringTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_value",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "float_optional_value",
+                          "optional": true,
+                          "type": "FloatTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_both",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "int32_optional_both",
+                          "optional": true,
+                          "type": "Int32TypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required_nested_2_layers",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "object_optional_nested_1_layer",
+                          "optional": true,
+                          "properties": Array [
+                            Object {
+                              "name": "boolean_required",
+                              "optional": false,
+                              "type": "Int32TypeAnnotation",
+                            },
+                            Object {
+                              "name": "string_optional_key",
+                              "optional": true,
+                              "type": "StringTypeAnnotation",
+                            },
+                            Object {
+                              "name": "double_optional_value",
+                              "optional": true,
+                              "type": "DoubleTypeAnnotation",
+                            },
+                            Object {
+                              "name": "float_optional_value",
+                              "optional": true,
+                              "type": "FloatTypeAnnotation",
+                            },
+                            Object {
+                              "name": "int32_optional_both",
+                              "optional": true,
+                              "type": "Int32TypeAnnotation",
+                            },
+                          ],
+                          "type": "ObjectTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+          ],
+          "extendsProps": Array [
+            Object {
+              "knownTypeName": "ReactNativeCoreViewProps",
+              "type": "ReactNativeBuiltInType",
+            },
+          ],
+          "props": Array [],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture COMMANDS_DEFINED_WITH_ALL_TYPES 1`] = `
+Object {
+  "modules": Object {
+    "Module": Object {
+      "components": Object {
+        "Module": Object {
+          "commands": Array [
+            Object {
+              "name": "hotspotUpdate",
+              "optional": false,
+              "typeAnnotation": Object {
+                "params": Array [
+                  Object {
+                    "name": "x",
+                    "typeAnnotation": Object {
+                      "type": "Int32TypeAnnotation",
+                    },
+                  },
+                  Object {
+                    "name": "y",
+                    "typeAnnotation": Object {
+                      "type": "Int32TypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "scrollTo",
+              "optional": false,
+              "typeAnnotation": Object {
+                "params": Array [
+                  Object {
+                    "name": "x",
+                    "typeAnnotation": Object {
+                      "type": "FloatTypeAnnotation",
+                    },
+                  },
+                  Object {
+                    "name": "y",
+                    "typeAnnotation": Object {
+                      "type": "Int32TypeAnnotation",
+                    },
+                  },
+                  Object {
+                    "name": "z",
+                    "typeAnnotation": Object {
+                      "type": "DoubleTypeAnnotation",
+                    },
+                  },
+                  Object {
+                    "name": "animated",
+                    "typeAnnotation": Object {
+                      "type": "BooleanTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+          ],
+          "events": Array [],
+          "extendsProps": Array [
+            Object {
+              "knownTypeName": "ReactNativeCoreViewProps",
+              "type": "ReactNativeBuiltInType",
+            },
+          ],
+          "props": Array [],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture COMMANDS_WITH_EXTERNAL_TYPES 1`] = `
+Object {
+  "modules": Object {
+    "Module": Object {
+      "components": Object {
+        "Module": Object {
+          "commands": Array [
+            Object {
+              "name": "scrollTo",
+              "optional": false,
+              "typeAnnotation": Object {
+                "params": Array [
+                  Object {
+                    "name": "y",
+                    "typeAnnotation": Object {
+                      "type": "Int32TypeAnnotation",
+                    },
+                  },
+                  Object {
+                    "name": "animated",
+                    "typeAnnotation": Object {
+                      "type": "BooleanTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+          ],
+          "events": Array [],
+          "extendsProps": Array [
+            Object {
+              "knownTypeName": "ReactNativeCoreViewProps",
+              "type": "ReactNativeBuiltInType",
+            },
+          ],
+          "props": Array [],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture EVENTS_DEFINED_AS_NULL_INLINE 1`] = `
+Object {
+  "modules": Object {
+    "Module": Object {
+      "components": Object {
+        "Module": Object {
+          "commands": Array [],
+          "events": Array [
+            Object {
+              "bubblingType": "direct",
+              "name": "onDirectEventDefinedInlineNull",
+              "optional": false,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "direct",
+              "name": "onDirectEventDefinedInlineNullOptionalKey",
+              "optional": true,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "direct",
+              "name": "onDirectEventDefinedInlineNullOptionalValue",
+              "optional": true,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "direct",
+              "name": "onDirectEventDefinedInlineNullOptionalBoth",
+              "optional": true,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "direct",
+              "name": "onDirectEventDefinedInlineNullWithPaperName",
+              "optional": true,
+              "paperTopLevelNameDeprecated": "paperDirectEventDefinedInlineNullWithPaperName",
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "bubble",
+              "name": "onBubblingEventDefinedInlineNull",
+              "optional": false,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "bubble",
+              "name": "onBubblingEventDefinedInlineNullOptionalKey",
+              "optional": true,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "bubble",
+              "name": "onBubblingEventDefinedInlineNullOptionalValue",
+              "optional": true,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "bubble",
+              "name": "onBubblingEventDefinedInlineNullOptionalBoth",
+              "optional": true,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "bubble",
+              "name": "onBubblingEventDefinedInlineNullWithPaperName",
+              "optional": true,
+              "paperTopLevelNameDeprecated": "paperBubblingEventDefinedInlineNullWithPaperName",
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+          ],
+          "extendsProps": Array [
+            Object {
+              "knownTypeName": "ReactNativeCoreViewProps",
+              "type": "ReactNativeBuiltInType",
+            },
+          ],
+          "props": Array [],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture EVENTS_DEFINED_INLINE_WITH_ALL_TYPES 1`] = `
+Object {
+  "modules": Object {
+    "Module": Object {
+      "components": Object {
+        "Module": Object {
+          "commands": Array [],
+          "events": Array [
+            Object {
+              "bubblingType": "direct",
+              "name": "onDirectEventDefinedInline",
+              "optional": false,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "boolean_required",
+                      "optional": false,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_key",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_value",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_both",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_required",
+                      "optional": false,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_key",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_value",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_both",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_required",
+                      "optional": false,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_key",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_value",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_both",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_required",
+                      "optional": false,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_key",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_value",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_both",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_required",
+                      "optional": false,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_key",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_value",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_both",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_required",
+                      "optional": false,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_key",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_value",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_both",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "boolean_required",
+                          "optional": false,
+                          "type": "BooleanTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_key",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "string_optional_key",
+                          "optional": true,
+                          "type": "StringTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_value",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "float_optional_value",
+                          "optional": true,
+                          "type": "FloatTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_both",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "int32_optional_both",
+                          "optional": true,
+                          "type": "Int32TypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required_nested_2_layers",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "object_optional_nested_1_layer",
+                          "optional": true,
+                          "properties": Array [
+                            Object {
+                              "name": "boolean_required",
+                              "optional": false,
+                              "type": "Int32TypeAnnotation",
+                            },
+                            Object {
+                              "name": "string_optional_key",
+                              "optional": true,
+                              "type": "StringTypeAnnotation",
+                            },
+                            Object {
+                              "name": "double_optional_value",
+                              "optional": true,
+                              "type": "DoubleTypeAnnotation",
+                            },
+                            Object {
+                              "name": "float_optional_value",
+                              "optional": true,
+                              "type": "FloatTypeAnnotation",
+                            },
+                            Object {
+                              "name": "int32_optional_both",
+                              "optional": true,
+                              "type": "Int32TypeAnnotation",
+                            },
+                          ],
+                          "type": "ObjectTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "direct",
+              "name": "onDirectEventDefinedInlineOptionalKey",
+              "optional": true,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "boolean_required",
+                      "optional": false,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_key",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_value",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_both",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_required",
+                      "optional": false,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_key",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_value",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_both",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_required",
+                      "optional": false,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_key",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_value",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_both",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_required",
+                      "optional": false,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_key",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_value",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_both",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_required",
+                      "optional": false,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_key",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_value",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_both",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_required",
+                      "optional": false,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_key",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_value",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_both",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "boolean_required",
+                          "optional": false,
+                          "type": "BooleanTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_key",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "string_optional_key",
+                          "optional": true,
+                          "type": "StringTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_value",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "float_optional_value",
+                          "optional": true,
+                          "type": "FloatTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_both",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "int32_optional_both",
+                          "optional": true,
+                          "type": "Int32TypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required_nested_2_layers",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "object_optional_nested_1_layer",
+                          "optional": true,
+                          "properties": Array [
+                            Object {
+                              "name": "boolean_required",
+                              "optional": false,
+                              "type": "Int32TypeAnnotation",
+                            },
+                            Object {
+                              "name": "string_optional_key",
+                              "optional": true,
+                              "type": "StringTypeAnnotation",
+                            },
+                            Object {
+                              "name": "double_optional_value",
+                              "optional": true,
+                              "type": "DoubleTypeAnnotation",
+                            },
+                            Object {
+                              "name": "float_optional_value",
+                              "optional": true,
+                              "type": "FloatTypeAnnotation",
+                            },
+                            Object {
+                              "name": "int32_optional_both",
+                              "optional": true,
+                              "type": "Int32TypeAnnotation",
+                            },
+                          ],
+                          "type": "ObjectTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "direct",
+              "name": "onDirectEventDefinedInlineOptionalValue",
+              "optional": true,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "boolean_required",
+                      "optional": false,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_key",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_value",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_both",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_required",
+                      "optional": false,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_key",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_value",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_both",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_required",
+                      "optional": false,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_key",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_value",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_both",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_required",
+                      "optional": false,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_key",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_value",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_both",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_required",
+                      "optional": false,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_key",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_value",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_both",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_required",
+                      "optional": false,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_key",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_value",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_both",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "boolean_required",
+                          "optional": false,
+                          "type": "BooleanTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_key",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "string_optional_key",
+                          "optional": true,
+                          "type": "StringTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_value",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "float_optional_value",
+                          "optional": true,
+                          "type": "FloatTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_both",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "int32_optional_both",
+                          "optional": true,
+                          "type": "Int32TypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required_nested_2_layers",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "object_optional_nested_1_layer",
+                          "optional": true,
+                          "properties": Array [
+                            Object {
+                              "name": "boolean_required",
+                              "optional": false,
+                              "type": "Int32TypeAnnotation",
+                            },
+                            Object {
+                              "name": "string_optional_key",
+                              "optional": true,
+                              "type": "StringTypeAnnotation",
+                            },
+                            Object {
+                              "name": "double_optional_value",
+                              "optional": true,
+                              "type": "DoubleTypeAnnotation",
+                            },
+                            Object {
+                              "name": "float_optional_value",
+                              "optional": true,
+                              "type": "FloatTypeAnnotation",
+                            },
+                            Object {
+                              "name": "int32_optional_both",
+                              "optional": true,
+                              "type": "Int32TypeAnnotation",
+                            },
+                          ],
+                          "type": "ObjectTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "direct",
+              "name": "onDirectEventDefinedInlineOptionalBoth",
+              "optional": true,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "boolean_required",
+                      "optional": false,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_key",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_value",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_both",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_required",
+                      "optional": false,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_key",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_value",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_both",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_required",
+                      "optional": false,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_key",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_value",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_both",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_required",
+                      "optional": false,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_key",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_value",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_both",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_required",
+                      "optional": false,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_key",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_value",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_both",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_required",
+                      "optional": false,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_key",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_value",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_both",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "boolean_required",
+                          "optional": false,
+                          "type": "BooleanTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_key",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "string_optional_key",
+                          "optional": true,
+                          "type": "StringTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_value",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "float_optional_value",
+                          "optional": true,
+                          "type": "FloatTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_both",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "int32_optional_both",
+                          "optional": true,
+                          "type": "Int32TypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required_nested_2_layers",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "object_optional_nested_1_layer",
+                          "optional": true,
+                          "properties": Array [
+                            Object {
+                              "name": "boolean_required",
+                              "optional": false,
+                              "type": "Int32TypeAnnotation",
+                            },
+                            Object {
+                              "name": "string_optional_key",
+                              "optional": true,
+                              "type": "StringTypeAnnotation",
+                            },
+                            Object {
+                              "name": "double_optional_value",
+                              "optional": true,
+                              "type": "DoubleTypeAnnotation",
+                            },
+                            Object {
+                              "name": "float_optional_value",
+                              "optional": true,
+                              "type": "FloatTypeAnnotation",
+                            },
+                            Object {
+                              "name": "int32_optional_both",
+                              "optional": true,
+                              "type": "Int32TypeAnnotation",
+                            },
+                          ],
+                          "type": "ObjectTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "direct",
+              "name": "onDirectEventDefinedInlineWithPaperName",
+              "optional": true,
+              "paperTopLevelNameDeprecated": "paperDirectEventDefinedInlineWithPaperName",
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "boolean_required",
+                      "optional": false,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_key",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_value",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_both",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_required",
+                      "optional": false,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_key",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_value",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_both",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_required",
+                      "optional": false,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_key",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_value",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_both",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_required",
+                      "optional": false,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_key",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_value",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_both",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_required",
+                      "optional": false,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_key",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_value",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_both",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_required",
+                      "optional": false,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_key",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_value",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_both",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "boolean_required",
+                          "optional": false,
+                          "type": "BooleanTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_key",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "string_optional_key",
+                          "optional": true,
+                          "type": "StringTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_value",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "float_optional_value",
+                          "optional": true,
+                          "type": "FloatTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_both",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "int32_optional_both",
+                          "optional": true,
+                          "type": "Int32TypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required_nested_2_layers",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "object_optional_nested_1_layer",
+                          "optional": true,
+                          "properties": Array [
+                            Object {
+                              "name": "boolean_required",
+                              "optional": false,
+                              "type": "Int32TypeAnnotation",
+                            },
+                            Object {
+                              "name": "string_optional_key",
+                              "optional": true,
+                              "type": "StringTypeAnnotation",
+                            },
+                            Object {
+                              "name": "double_optional_value",
+                              "optional": true,
+                              "type": "DoubleTypeAnnotation",
+                            },
+                            Object {
+                              "name": "float_optional_value",
+                              "optional": true,
+                              "type": "FloatTypeAnnotation",
+                            },
+                            Object {
+                              "name": "int32_optional_both",
+                              "optional": true,
+                              "type": "Int32TypeAnnotation",
+                            },
+                          ],
+                          "type": "ObjectTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "bubble",
+              "name": "onBubblingEventDefinedInline",
+              "optional": false,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "boolean_required",
+                      "optional": false,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_key",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_value",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_both",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_required",
+                      "optional": false,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_key",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_value",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_both",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_required",
+                      "optional": false,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_key",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_value",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_both",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_required",
+                      "optional": false,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_key",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_value",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_both",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_required",
+                      "optional": false,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_key",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_value",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_both",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_required",
+                      "optional": false,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_key",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_value",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_both",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "boolean_required",
+                          "optional": false,
+                          "type": "BooleanTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_key",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "string_optional_key",
+                          "optional": true,
+                          "type": "StringTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_value",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "float_optional_value",
+                          "optional": true,
+                          "type": "FloatTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_both",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "int32_optional_both",
+                          "optional": true,
+                          "type": "Int32TypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required_nested_2_layers",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "object_optional_nested_1_layer",
+                          "optional": true,
+                          "properties": Array [
+                            Object {
+                              "name": "boolean_required",
+                              "optional": false,
+                              "type": "Int32TypeAnnotation",
+                            },
+                            Object {
+                              "name": "string_optional_key",
+                              "optional": true,
+                              "type": "StringTypeAnnotation",
+                            },
+                            Object {
+                              "name": "double_optional_value",
+                              "optional": true,
+                              "type": "DoubleTypeAnnotation",
+                            },
+                            Object {
+                              "name": "float_optional_value",
+                              "optional": true,
+                              "type": "FloatTypeAnnotation",
+                            },
+                            Object {
+                              "name": "int32_optional_both",
+                              "optional": true,
+                              "type": "Int32TypeAnnotation",
+                            },
+                          ],
+                          "type": "ObjectTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "bubble",
+              "name": "onBubblingEventDefinedInlineOptionalKey",
+              "optional": true,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "boolean_required",
+                      "optional": false,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_key",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_value",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_both",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_required",
+                      "optional": false,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_key",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_value",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_both",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_required",
+                      "optional": false,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_key",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_value",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_both",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_required",
+                      "optional": false,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_key",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_value",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_both",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_required",
+                      "optional": false,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_key",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_value",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_both",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_required",
+                      "optional": false,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_key",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_value",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_both",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "boolean_required",
+                          "optional": false,
+                          "type": "BooleanTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_key",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "string_optional_key",
+                          "optional": true,
+                          "type": "StringTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_value",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "float_optional_value",
+                          "optional": true,
+                          "type": "FloatTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_both",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "int32_optional_both",
+                          "optional": true,
+                          "type": "Int32TypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required_nested_2_layers",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "object_optional_nested_1_layer",
+                          "optional": true,
+                          "properties": Array [
+                            Object {
+                              "name": "boolean_required",
+                              "optional": false,
+                              "type": "Int32TypeAnnotation",
+                            },
+                            Object {
+                              "name": "string_optional_key",
+                              "optional": true,
+                              "type": "StringTypeAnnotation",
+                            },
+                            Object {
+                              "name": "double_optional_value",
+                              "optional": true,
+                              "type": "DoubleTypeAnnotation",
+                            },
+                            Object {
+                              "name": "float_optional_value",
+                              "optional": true,
+                              "type": "FloatTypeAnnotation",
+                            },
+                            Object {
+                              "name": "int32_optional_both",
+                              "optional": true,
+                              "type": "Int32TypeAnnotation",
+                            },
+                          ],
+                          "type": "ObjectTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "bubble",
+              "name": "onBubblingEventDefinedInlineOptionalValue",
+              "optional": true,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "boolean_required",
+                      "optional": false,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_key",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_value",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_both",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_required",
+                      "optional": false,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_key",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_value",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_both",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_required",
+                      "optional": false,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_key",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_value",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_both",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_required",
+                      "optional": false,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_key",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_value",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_both",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_required",
+                      "optional": false,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_key",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_value",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_both",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_required",
+                      "optional": false,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_key",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_value",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_both",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "boolean_required",
+                          "optional": false,
+                          "type": "BooleanTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_key",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "string_optional_key",
+                          "optional": true,
+                          "type": "StringTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_value",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "float_optional_value",
+                          "optional": true,
+                          "type": "FloatTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_both",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "int32_optional_both",
+                          "optional": true,
+                          "type": "Int32TypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required_nested_2_layers",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "object_optional_nested_1_layer",
+                          "optional": true,
+                          "properties": Array [
+                            Object {
+                              "name": "boolean_required",
+                              "optional": false,
+                              "type": "Int32TypeAnnotation",
+                            },
+                            Object {
+                              "name": "string_optional_key",
+                              "optional": true,
+                              "type": "StringTypeAnnotation",
+                            },
+                            Object {
+                              "name": "double_optional_value",
+                              "optional": true,
+                              "type": "DoubleTypeAnnotation",
+                            },
+                            Object {
+                              "name": "float_optional_value",
+                              "optional": true,
+                              "type": "FloatTypeAnnotation",
+                            },
+                            Object {
+                              "name": "int32_optional_both",
+                              "optional": true,
+                              "type": "Int32TypeAnnotation",
+                            },
+                          ],
+                          "type": "ObjectTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "bubble",
+              "name": "onBubblingEventDefinedInlineOptionalBoth",
+              "optional": true,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "boolean_required",
+                      "optional": false,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_key",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_value",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_both",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_required",
+                      "optional": false,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_key",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_value",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_both",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_required",
+                      "optional": false,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_key",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_value",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_both",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_required",
+                      "optional": false,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_key",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_value",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_both",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_required",
+                      "optional": false,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_key",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_value",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_both",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_required",
+                      "optional": false,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_key",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_value",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_both",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "boolean_required",
+                          "optional": false,
+                          "type": "BooleanTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_key",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "string_optional_key",
+                          "optional": true,
+                          "type": "StringTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_value",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "float_optional_value",
+                          "optional": true,
+                          "type": "FloatTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_both",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "int32_optional_both",
+                          "optional": true,
+                          "type": "Int32TypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required_nested_2_layers",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "object_optional_nested_1_layer",
+                          "optional": true,
+                          "properties": Array [
+                            Object {
+                              "name": "boolean_required",
+                              "optional": false,
+                              "type": "Int32TypeAnnotation",
+                            },
+                            Object {
+                              "name": "string_optional_key",
+                              "optional": true,
+                              "type": "StringTypeAnnotation",
+                            },
+                            Object {
+                              "name": "double_optional_value",
+                              "optional": true,
+                              "type": "DoubleTypeAnnotation",
+                            },
+                            Object {
+                              "name": "float_optional_value",
+                              "optional": true,
+                              "type": "FloatTypeAnnotation",
+                            },
+                            Object {
+                              "name": "int32_optional_both",
+                              "optional": true,
+                              "type": "Int32TypeAnnotation",
+                            },
+                          ],
+                          "type": "ObjectTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "bubble",
+              "name": "onBubblingEventDefinedInlineWithPaperName",
+              "optional": true,
+              "paperTopLevelNameDeprecated": "paperBubblingEventDefinedInlineWithPaperName",
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "boolean_required",
+                      "optional": false,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_key",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_value",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_both",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_required",
+                      "optional": false,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_key",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_value",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_both",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_required",
+                      "optional": false,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_key",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_value",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_both",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_required",
+                      "optional": false,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_key",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_value",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_both",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_required",
+                      "optional": false,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_key",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_value",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_both",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_required",
+                      "optional": false,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_key",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_value",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_both",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "boolean_required",
+                          "optional": false,
+                          "type": "BooleanTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_key",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "string_optional_key",
+                          "optional": true,
+                          "type": "StringTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_value",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "float_optional_value",
+                          "optional": true,
+                          "type": "FloatTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_both",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "int32_optional_both",
+                          "optional": true,
+                          "type": "Int32TypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required_nested_2_layers",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "object_optional_nested_1_layer",
+                          "optional": true,
+                          "properties": Array [
+                            Object {
+                              "name": "boolean_required",
+                              "optional": false,
+                              "type": "Int32TypeAnnotation",
+                            },
+                            Object {
+                              "name": "string_optional_key",
+                              "optional": true,
+                              "type": "StringTypeAnnotation",
+                            },
+                            Object {
+                              "name": "double_optional_value",
+                              "optional": true,
+                              "type": "DoubleTypeAnnotation",
+                            },
+                            Object {
+                              "name": "float_optional_value",
+                              "optional": true,
+                              "type": "FloatTypeAnnotation",
+                            },
+                            Object {
+                              "name": "int32_optional_both",
+                              "optional": true,
+                              "type": "Int32TypeAnnotation",
+                            },
+                          ],
+                          "type": "ObjectTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+          ],
+          "extendsProps": Array [
+            Object {
+              "knownTypeName": "ReactNativeCoreViewProps",
+              "type": "ReactNativeBuiltInType",
+            },
+          ],
+          "props": Array [],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture NO_PROPS_EVENTS_ONLY_DEPRECATED_VIEW_CONFIG_NAME_OPTION 1`] = `
+Object {
+  "modules": Object {
+    "Module": Object {
+      "components": Object {
+        "Module": Object {
+          "commands": Array [],
+          "deprecatedViewConfigName": "DeprecateModuleName",
+          "events": Array [],
+          "extendsProps": Array [
+            Object {
+              "knownTypeName": "ReactNativeCoreViewProps",
+              "type": "ReactNativeBuiltInType",
+            },
+          ],
+          "props": Array [],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture OBJECT_PROP_TYPES_NO_EVENTS 1`] = `
+Object {
+  "modules": Object {
+    "Module": Object {
+      "components": Object {
+        "Module": Object {
+          "commands": Array [],
+          "events": Array [],
+          "extendsProps": Array [
+            Object {
+              "knownTypeName": "ReactNativeCoreViewProps",
+              "type": "ReactNativeBuiltInType",
+            },
+          ],
+          "props": Array [
+            Object {
+              "name": "boolean_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": false,
+                    "typeAnnotation": Object {
+                      "default": false,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "boolean_optional",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": true,
+                    "typeAnnotation": Object {
+                      "default": false,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "string_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": false,
+                    "typeAnnotation": Object {
+                      "default": null,
+                      "type": "StringTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "string_optional",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": true,
+                    "typeAnnotation": Object {
+                      "default": "",
+                      "type": "StringTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "double_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": false,
+                    "typeAnnotation": Object {
+                      "default": 0,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "double_optional",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": true,
+                    "typeAnnotation": Object {
+                      "default": 0,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "float_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": false,
+                    "typeAnnotation": Object {
+                      "default": 0,
+                      "type": "FloatTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "float_optional",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": true,
+                    "typeAnnotation": Object {
+                      "default": 0,
+                      "type": "FloatTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "int_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": false,
+                    "typeAnnotation": Object {
+                      "default": 0,
+                      "type": "Int32TypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "int_optional",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": true,
+                    "typeAnnotation": Object {
+                      "default": 0,
+                      "type": "Int32TypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "enum_optional",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": true,
+                    "typeAnnotation": Object {
+                      "elementType": Object {
+                        "default": "small",
+                        "options": Array [
+                          Object {
+                            "name": "small",
+                          },
+                          Object {
+                            "name": "large",
+                          },
+                        ],
+                        "type": "StringEnumTypeAnnotation",
+                      },
+                      "type": "ArrayTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "image_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": false,
+                    "typeAnnotation": Object {
+                      "name": "ImageSourcePrimitive",
+                      "type": "NativePrimitiveTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "image_optional_key",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": true,
+                    "typeAnnotation": Object {
+                      "name": "ImageSourcePrimitive",
+                      "type": "NativePrimitiveTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "image_optional_value",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": true,
+                    "typeAnnotation": Object {
+                      "name": "ImageSourcePrimitive",
+                      "type": "NativePrimitiveTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "image_optional_both",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": true,
+                    "typeAnnotation": Object {
+                      "name": "ImageSourcePrimitive",
+                      "type": "NativePrimitiveTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "color_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": false,
+                    "typeAnnotation": Object {
+                      "name": "ColorPrimitive",
+                      "type": "NativePrimitiveTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "color_optional_key",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": true,
+                    "typeAnnotation": Object {
+                      "name": "ColorPrimitive",
+                      "type": "NativePrimitiveTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "color_optional_value",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": true,
+                    "typeAnnotation": Object {
+                      "name": "ColorPrimitive",
+                      "type": "NativePrimitiveTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "color_optional_both",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": true,
+                    "typeAnnotation": Object {
+                      "name": "ColorPrimitive",
+                      "type": "NativePrimitiveTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "point_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": false,
+                    "typeAnnotation": Object {
+                      "name": "PointPrimitive",
+                      "type": "NativePrimitiveTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "point_optional_key",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": true,
+                    "typeAnnotation": Object {
+                      "name": "PointPrimitive",
+                      "type": "NativePrimitiveTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "point_optional_value",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": true,
+                    "typeAnnotation": Object {
+                      "name": "PointPrimitive",
+                      "type": "NativePrimitiveTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "point_optional_both",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": true,
+                    "typeAnnotation": Object {
+                      "name": "PointPrimitive",
+                      "type": "NativePrimitiveTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "object_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": false,
+                    "typeAnnotation": Object {
+                      "properties": Array [
+                        Object {
+                          "name": "nestedProp",
+                          "optional": false,
+                          "typeAnnotation": Object {
+                            "default": null,
+                            "type": "StringTypeAnnotation",
+                          },
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "object_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": false,
+                    "typeAnnotation": Object {
+                      "properties": Array [
+                        Object {
+                          "name": "nestedProp",
+                          "optional": false,
+                          "typeAnnotation": Object {
+                            "default": null,
+                            "type": "StringTypeAnnotation",
+                          },
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "object_optional_value",
+              "optional": true,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": false,
+                    "typeAnnotation": Object {
+                      "properties": Array [
+                        Object {
+                          "name": "nestedProp",
+                          "optional": false,
+                          "typeAnnotation": Object {
+                            "default": null,
+                            "type": "StringTypeAnnotation",
+                          },
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "object_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": false,
+                    "typeAnnotation": Object {
+                      "properties": Array [
+                        Object {
+                          "name": "nestedProp",
+                          "optional": false,
+                          "typeAnnotation": Object {
+                            "default": null,
+                            "type": "StringTypeAnnotation",
+                          },
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture ONE_OF_EACH_PROP_EVENT_DEFAULT_AND_OPTIONS 1`] = `
+Object {
+  "modules": Object {
+    "Module": Object {
+      "components": Object {
+        "Module": Object {
+          "commands": Array [],
+          "events": Array [
+            Object {
+              "bubblingType": "direct",
+              "name": "onDirectEventDefinedInlineNull",
+              "optional": false,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "bubble",
+              "name": "onBubblingEventDefinedInlineNull",
+              "optional": false,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+          ],
+          "extendsProps": Array [
+            Object {
+              "knownTypeName": "ReactNativeCoreViewProps",
+              "type": "ReactNativeBuiltInType",
+            },
+          ],
+          "interfaceOnly": true,
+          "paperComponentName": "RCTModule",
+          "props": Array [
+            Object {
+              "name": "boolean_default_true_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "default": true,
+                "type": "BooleanTypeAnnotation",
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture ONE_OF_EACH_PROP_EVENT_DEFAULT_AND_OPTIONS_NO_CAST 1`] = `
+Object {
+  "modules": Object {
+    "Module": Object {
+      "components": Object {
+        "Module": Object {
+          "commands": Array [],
+          "events": Array [
+            Object {
+              "bubblingType": "direct",
+              "name": "onDirectEventDefinedInlineNull",
+              "optional": false,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "bubble",
+              "name": "onBubblingEventDefinedInlineNull",
+              "optional": false,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+          ],
+          "extendsProps": Array [
+            Object {
+              "knownTypeName": "ReactNativeCoreViewProps",
+              "type": "ReactNativeBuiltInType",
+            },
+          ],
+          "interfaceOnly": true,
+          "paperComponentName": "RCTModule",
+          "props": Array [
+            Object {
+              "name": "boolean_default_true_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "default": true,
+                "type": "BooleanTypeAnnotation",
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture PROPS_ALIASED_LOCALLY 1`] = `
+Object {
+  "modules": Object {
+    "Module": Object {
+      "components": Object {
+        "Module": Object {
+          "commands": Array [],
+          "events": Array [],
+          "extendsProps": Array [
+            Object {
+              "knownTypeName": "ReactNativeCoreViewProps",
+              "type": "ReactNativeBuiltInType",
+            },
+          ],
+          "props": Array [
+            Object {
+              "name": "otherStringProp",
+              "optional": false,
+              "typeAnnotation": Object {
+                "default": null,
+                "type": "StringTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "isEnabled",
+              "optional": false,
+              "typeAnnotation": Object {
+                "default": false,
+                "type": "BooleanTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "label",
+              "optional": false,
+              "typeAnnotation": Object {
+                "default": null,
+                "type": "StringTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "localType",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "otherStringProp",
+                    "optional": false,
+                    "typeAnnotation": Object {
+                      "default": null,
+                      "type": "StringTypeAnnotation",
+                    },
+                  },
+                  Object {
+                    "name": "isEnabled",
+                    "optional": false,
+                    "typeAnnotation": Object {
+                      "default": false,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                  },
+                  Object {
+                    "name": "label",
+                    "optional": false,
+                    "typeAnnotation": Object {
+                      "default": null,
+                      "type": "StringTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "localArr",
+              "optional": false,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "otherStringProp",
+                      "optional": false,
+                      "typeAnnotation": Object {
+                        "default": null,
+                        "type": "StringTypeAnnotation",
+                      },
+                    },
+                    Object {
+                      "name": "isEnabled",
+                      "optional": false,
+                      "typeAnnotation": Object {
+                        "default": false,
+                        "type": "BooleanTypeAnnotation",
+                      },
+                    },
+                    Object {
+                      "name": "label",
+                      "optional": false,
+                      "typeAnnotation": Object {
+                        "default": null,
+                        "type": "StringTypeAnnotation",
+                      },
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture PROPS_AND_EVENTS_TYPES_EXPORTED 1`] = `
+Object {
+  "modules": Object {
+    "Module": Object {
+      "components": Object {
+        "Module": Object {
+          "commands": Array [],
+          "events": Array [
+            Object {
+              "bubblingType": "bubble",
+              "name": "onBubblingEventDefinedInline",
+              "optional": false,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "boolean_required",
+                      "optional": false,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_key",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_value",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_both",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_required",
+                      "optional": false,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_key",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_value",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_both",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_required",
+                      "optional": false,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_key",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_value",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_both",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_required",
+                      "optional": false,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_key",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_value",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_both",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_required",
+                      "optional": false,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_key",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_value",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_both",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_required",
+                      "optional": false,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_key",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_value",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_both",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "boolean_required",
+                          "optional": false,
+                          "type": "BooleanTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_key",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "string_optional_key",
+                          "optional": true,
+                          "type": "StringTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_value",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "float_optional_value",
+                          "optional": true,
+                          "type": "FloatTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_both",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "int32_optional_both",
+                          "optional": true,
+                          "type": "Int32TypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required_nested_2_layers",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "object_optional_nested_1_layer",
+                          "optional": true,
+                          "properties": Array [
+                            Object {
+                              "name": "boolean_required",
+                              "optional": false,
+                              "type": "Int32TypeAnnotation",
+                            },
+                            Object {
+                              "name": "string_optional_key",
+                              "optional": true,
+                              "type": "StringTypeAnnotation",
+                            },
+                            Object {
+                              "name": "double_optional_value",
+                              "optional": true,
+                              "type": "DoubleTypeAnnotation",
+                            },
+                            Object {
+                              "name": "float_optional_value",
+                              "optional": true,
+                              "type": "FloatTypeAnnotation",
+                            },
+                            Object {
+                              "name": "int32_optional_both",
+                              "optional": true,
+                              "type": "Int32TypeAnnotation",
+                            },
+                          ],
+                          "type": "ObjectTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "bubble",
+              "name": "onBubblingEventDefinedInlineWithPaperName",
+              "optional": false,
+              "paperTopLevelNameDeprecated": "paperBubblingEventDefinedInlineWithPaperName",
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "boolean_required",
+                      "optional": false,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_key",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_value",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_both",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_required",
+                      "optional": false,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_key",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_value",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_both",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_required",
+                      "optional": false,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_key",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_value",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_both",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_required",
+                      "optional": false,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_key",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_value",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_both",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_required",
+                      "optional": false,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_key",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_value",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_both",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_required",
+                      "optional": false,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_key",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_value",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_both",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "boolean_required",
+                          "optional": false,
+                          "type": "BooleanTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_key",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "string_optional_key",
+                          "optional": true,
+                          "type": "StringTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_value",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "float_optional_value",
+                          "optional": true,
+                          "type": "FloatTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_both",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "int32_optional_both",
+                          "optional": true,
+                          "type": "Int32TypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required_nested_2_layers",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "object_optional_nested_1_layer",
+                          "optional": true,
+                          "properties": Array [
+                            Object {
+                              "name": "boolean_required",
+                              "optional": false,
+                              "type": "Int32TypeAnnotation",
+                            },
+                            Object {
+                              "name": "string_optional_key",
+                              "optional": true,
+                              "type": "StringTypeAnnotation",
+                            },
+                            Object {
+                              "name": "double_optional_value",
+                              "optional": true,
+                              "type": "DoubleTypeAnnotation",
+                            },
+                            Object {
+                              "name": "float_optional_value",
+                              "optional": true,
+                              "type": "FloatTypeAnnotation",
+                            },
+                            Object {
+                              "name": "int32_optional_both",
+                              "optional": true,
+                              "type": "Int32TypeAnnotation",
+                            },
+                          ],
+                          "type": "ObjectTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "direct",
+              "name": "onDirectEventDefinedInline",
+              "optional": false,
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "boolean_required",
+                      "optional": false,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_key",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_value",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_both",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_required",
+                      "optional": false,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_key",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_value",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_both",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_required",
+                      "optional": false,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_key",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_value",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_both",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_required",
+                      "optional": false,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_key",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_value",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_both",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_required",
+                      "optional": false,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_key",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_value",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_both",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_required",
+                      "optional": false,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_key",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_value",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_both",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "boolean_required",
+                          "optional": false,
+                          "type": "BooleanTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_key",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "string_optional_key",
+                          "optional": true,
+                          "type": "StringTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_value",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "float_optional_value",
+                          "optional": true,
+                          "type": "FloatTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_both",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "int32_optional_both",
+                          "optional": true,
+                          "type": "Int32TypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required_nested_2_layers",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "object_optional_nested_1_layer",
+                          "optional": true,
+                          "properties": Array [
+                            Object {
+                              "name": "boolean_required",
+                              "optional": false,
+                              "type": "Int32TypeAnnotation",
+                            },
+                            Object {
+                              "name": "string_optional_key",
+                              "optional": true,
+                              "type": "StringTypeAnnotation",
+                            },
+                            Object {
+                              "name": "double_optional_value",
+                              "optional": true,
+                              "type": "DoubleTypeAnnotation",
+                            },
+                            Object {
+                              "name": "float_optional_value",
+                              "optional": true,
+                              "type": "FloatTypeAnnotation",
+                            },
+                            Object {
+                              "name": "int32_optional_both",
+                              "optional": true,
+                              "type": "Int32TypeAnnotation",
+                            },
+                          ],
+                          "type": "ObjectTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+            Object {
+              "bubblingType": "direct",
+              "name": "onDirectEventDefinedInlineWithPaperName",
+              "optional": false,
+              "paperTopLevelNameDeprecated": "paperDirectEventDefinedInlineWithPaperName",
+              "typeAnnotation": Object {
+                "argument": Object {
+                  "properties": Array [
+                    Object {
+                      "name": "boolean_required",
+                      "optional": false,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_key",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_value",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "boolean_optional_both",
+                      "optional": true,
+                      "type": "BooleanTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_required",
+                      "optional": false,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_key",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_value",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "string_optional_both",
+                      "optional": true,
+                      "type": "StringTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_required",
+                      "optional": false,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_key",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_value",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "double_optional_both",
+                      "optional": true,
+                      "type": "DoubleTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_required",
+                      "optional": false,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_key",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_value",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "float_optional_both",
+                      "optional": true,
+                      "type": "FloatTypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_required",
+                      "optional": false,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_key",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_value",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "int32_optional_both",
+                      "optional": true,
+                      "type": "Int32TypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_required",
+                      "optional": false,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_key",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_value",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "enum_optional_both",
+                      "optional": true,
+                      "options": Array [
+                        Object {
+                          "name": "small",
+                        },
+                        Object {
+                          "name": "large",
+                        },
+                      ],
+                      "type": "StringEnumTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "boolean_required",
+                          "optional": false,
+                          "type": "BooleanTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_key",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "string_optional_key",
+                          "optional": true,
+                          "type": "StringTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_value",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "float_optional_value",
+                          "optional": true,
+                          "type": "FloatTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_optional_both",
+                      "optional": true,
+                      "properties": Array [
+                        Object {
+                          "name": "int32_optional_both",
+                          "optional": true,
+                          "type": "Int32TypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                    Object {
+                      "name": "object_required_nested_2_layers",
+                      "optional": false,
+                      "properties": Array [
+                        Object {
+                          "name": "object_optional_nested_1_layer",
+                          "optional": true,
+                          "properties": Array [
+                            Object {
+                              "name": "boolean_required",
+                              "optional": false,
+                              "type": "Int32TypeAnnotation",
+                            },
+                            Object {
+                              "name": "string_optional_key",
+                              "optional": true,
+                              "type": "StringTypeAnnotation",
+                            },
+                            Object {
+                              "name": "double_optional_value",
+                              "optional": true,
+                              "type": "DoubleTypeAnnotation",
+                            },
+                            Object {
+                              "name": "float_optional_value",
+                              "optional": true,
+                              "type": "FloatTypeAnnotation",
+                            },
+                            Object {
+                              "name": "int32_optional_both",
+                              "optional": true,
+                              "type": "Int32TypeAnnotation",
+                            },
+                          ],
+                          "type": "ObjectTypeAnnotation",
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "EventTypeAnnotation",
+              },
+            },
+          ],
+          "extendsProps": Array [
+            Object {
+              "knownTypeName": "ReactNativeCoreViewProps",
+              "type": "ReactNativeBuiltInType",
+            },
+          ],
+          "props": Array [],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture PROPS_AS_EXTERNAL_TYPES 1`] = `
+Object {
+  "modules": Object {
+    "Module": Object {
+      "components": Object {
+        "Module": Object {
+          "commands": Array [],
+          "events": Array [],
+          "extendsProps": Array [],
+          "props": Array [
+            Object {
+              "name": "disable",
+              "optional": false,
+              "typeAnnotation": Object {
+                "default": null,
+                "type": "StringTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "array",
+              "optional": false,
+              "typeAnnotation": Object {
+                "elementType": Object {
+                  "type": "StringTypeAnnotation",
+                },
+                "type": "ArrayTypeAnnotation",
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+}
+`;
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
new file mode 100644
index 00000000000000..3bd61be813d1c7
--- /dev/null
+++ b/packages/react-native-codegen/src/parsers/flow/components/__tests__/component-parser-test.js
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @flow
+ * @format
+ */
+
+'use strict';
+
+const FlowParser = require('../../index.js');
+const fixtures = require('../__test_fixtures__/fixtures.js');
+const failureFixtures = require('../__test_fixtures__/failures.js');
+jest.mock('fs', () => ({
+  readFileSync: filename => fixtures[filename] || failureFixtures[filename],
+}));
+
+describe('RN Codegen Flow Parser', () => {
+  Object.keys(fixtures)
+    .sort()
+    .forEach(fixtureName => {
+      it(`can generate fixture ${fixtureName}`, () => {
+        expect(FlowParser.parseFile(fixtureName)).toMatchSnapshot();
+      });
+    });
+
+  Object.keys(failureFixtures)
+    .sort()
+    .forEach(fixtureName => {
+      it(`Fails with error message ${fixtureName}`, () => {
+        expect(() => {
+          FlowParser.parseFile(fixtureName);
+        }).toThrowErrorMatchingSnapshot();
+      });
+    });
+});
diff --git a/packages/react-native-codegen/src/parsers/flow/components/commands.js b/packages/react-native-codegen/src/parsers/flow/components/commands.js
new file mode 100644
index 00000000000000..26758dcba855cb
--- /dev/null
+++ b/packages/react-native-codegen/src/parsers/flow/components/commands.js
@@ -0,0 +1,105 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {CommandTypeShape} from '../../../CodegenSchema.js';
+import type {TypeMap} from '../utils.js';
+
+const {getValueFromTypes} = require('../utils.js');
+
+type EventTypeAST = Object;
+
+function buildCommandSchema(property, types: TypeMap) {
+  const name = property.key.name;
+  const optional = property.optional;
+  const value = getValueFromTypes(property.value, types);
+
+  const firstParam = value.params[0].typeAnnotation;
+
+  if (
+    !(
+      firstParam.id != null &&
+      firstParam.id.type === 'QualifiedTypeIdentifier' &&
+      firstParam.id.qualification.name === 'React' &&
+      firstParam.id.id.name === 'Ref'
+    )
+  ) {
+    throw new Error(
+      `The first argument of method ${name} must be of type React.Ref<>`,
+    );
+  }
+
+  const params = value.params.slice(1).map(param => {
+    const paramName = param.name.name;
+    const paramValue = getValueFromTypes(param.typeAnnotation, types);
+    const type =
+      paramValue.type === 'GenericTypeAnnotation'
+        ? paramValue.id.name
+        : paramValue.type;
+    let returnType;
+
+    switch (type) {
+      case 'BooleanTypeAnnotation':
+        returnType = {
+          type: 'BooleanTypeAnnotation',
+        };
+        break;
+      case 'Int32':
+        returnType = {
+          type: 'Int32TypeAnnotation',
+        };
+        break;
+      case 'Double':
+        returnType = {
+          type: 'DoubleTypeAnnotation',
+        };
+        break;
+      case 'Float':
+        returnType = {
+          type: 'FloatTypeAnnotation',
+        };
+        break;
+      default:
+        (type: empty);
+        throw new Error(
+          `Unsupported param type for method "${name}", param "${paramName}". Found ${type}`,
+        );
+    }
+
+    return {
+      name: paramName,
+      typeAnnotation: returnType,
+    };
+  });
+
+  return {
+    name,
+    optional,
+    typeAnnotation: {
+      type: 'FunctionTypeAnnotation',
+      params,
+    },
+  };
+}
+
+function getCommands(
+  commandTypeAST: $ReadOnlyArray<EventTypeAST>,
+  types: TypeMap,
+): $ReadOnlyArray<CommandTypeShape> {
+  return commandTypeAST
+    .filter(property => property.type === 'ObjectTypeProperty')
+    .map(property => buildCommandSchema(property, types))
+    .filter(Boolean);
+}
+
+module.exports = {
+  getCommands,
+};
diff --git a/packages/react-native-codegen/src/parsers/flow/components/events.js b/packages/react-native-codegen/src/parsers/flow/components/events.js
new file mode 100644
index 00000000000000..b9918fe7364c33
--- /dev/null
+++ b/packages/react-native-codegen/src/parsers/flow/components/events.js
@@ -0,0 +1,229 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {
+  EventTypeShape,
+  ObjectPropertyType,
+} from '../../../CodegenSchema.js';
+
+function getPropertyType(name, optional, typeAnnotation) {
+  const type =
+    typeAnnotation.type === 'GenericTypeAnnotation'
+      ? typeAnnotation.id.name
+      : typeAnnotation.type;
+
+  switch (type) {
+    case 'BooleanTypeAnnotation':
+      return {
+        type: 'BooleanTypeAnnotation',
+        name,
+        optional,
+      };
+    case 'StringTypeAnnotation':
+      return {
+        type: 'StringTypeAnnotation',
+        name,
+        optional,
+      };
+    case 'Int32':
+      return {
+        type: 'Int32TypeAnnotation',
+        name,
+        optional,
+      };
+    case 'Double':
+      return {
+        type: 'DoubleTypeAnnotation',
+        name,
+        optional,
+      };
+    case 'Float':
+      return {
+        type: 'FloatTypeAnnotation',
+        name,
+        optional,
+      };
+    case 'ObjectTypeAnnotation':
+      return {
+        type: 'ObjectTypeAnnotation',
+        name,
+        optional,
+        properties: typeAnnotation.properties.map(buildPropertiesForEvent),
+      };
+    case 'UnionTypeAnnotation':
+      return {
+        type: 'StringEnumTypeAnnotation',
+        name,
+        optional,
+        options: typeAnnotation.types.map(option => ({name: option.value})),
+      };
+    default:
+      (type: empty);
+      throw new Error(`Unable to determine event type for "${name}": ${type}`);
+  }
+}
+
+function findEventArgumentsAndType(
+  typeAnnotation,
+  types,
+  bubblingType,
+  paperName,
+) {
+  if (!typeAnnotation.id) {
+    throw new Error("typeAnnotation of event doesn't have a name");
+  }
+  const name = typeAnnotation.id.name;
+  if (name === '$ReadOnly') {
+    return {
+      argumentProps: typeAnnotation.typeParameters.params[0].properties,
+      paperTopLevelNameDeprecated: paperName,
+      bubblingType,
+    };
+  } else if (name === 'BubblingEventHandler' || name === 'DirectEventHandler') {
+    const eventType = name === 'BubblingEventHandler' ? 'bubble' : 'direct';
+    const paperTopLevelNameDeprecated =
+      typeAnnotation.typeParameters.params.length > 1
+        ? typeAnnotation.typeParameters.params[1].value
+        : null;
+    if (
+      typeAnnotation.typeParameters.params[0].type ===
+      'NullLiteralTypeAnnotation'
+    ) {
+      return {
+        argumentProps: [],
+        bubblingType: eventType,
+        paperTopLevelNameDeprecated,
+      };
+    }
+    return findEventArgumentsAndType(
+      typeAnnotation.typeParameters.params[0],
+      types,
+      eventType,
+      paperTopLevelNameDeprecated,
+    );
+  } else if (types[name]) {
+    return findEventArgumentsAndType(
+      types[name].right,
+      types,
+      bubblingType,
+      paperName,
+    );
+  } else {
+    return {
+      argumentProps: null,
+      bubblingType: null,
+      paperTopLevelNameDeprecated: null,
+    };
+  }
+}
+
+function buildPropertiesForEvent(property): ObjectPropertyType {
+  const name = property.key.name;
+  const optional =
+    property.value.type === 'NullableTypeAnnotation' || property.optional;
+  let typeAnnotation =
+    property.value.type === 'NullableTypeAnnotation'
+      ? property.value.typeAnnotation
+      : property.value;
+
+  return getPropertyType(name, optional, typeAnnotation);
+}
+
+function getEventArgument(argumentProps, name) {
+  return {
+    type: 'ObjectTypeAnnotation',
+    properties: argumentProps.map(buildPropertiesForEvent),
+  };
+}
+
+function buildEventSchema(
+  types: TypeMap,
+  property: EventTypeAST,
+): ?EventTypeShape {
+  const name = property.key.name;
+  const optional =
+    property.optional || property.value.type === 'NullableTypeAnnotation';
+
+  let typeAnnotation =
+    property.value.type === 'NullableTypeAnnotation'
+      ? property.value.typeAnnotation
+      : property.value;
+
+  if (
+    typeAnnotation.type !== 'GenericTypeAnnotation' ||
+    (typeAnnotation.id.name !== 'BubblingEventHandler' &&
+      typeAnnotation.id.name !== 'DirectEventHandler')
+  ) {
+    return null;
+  }
+
+  const {
+    argumentProps,
+    bubblingType,
+    paperTopLevelNameDeprecated,
+  } = findEventArgumentsAndType(typeAnnotation, types);
+
+  if (bubblingType && argumentProps) {
+    if (paperTopLevelNameDeprecated != null) {
+      return {
+        name,
+        optional,
+        bubblingType,
+        paperTopLevelNameDeprecated,
+        typeAnnotation: {
+          type: 'EventTypeAnnotation',
+          argument: getEventArgument(argumentProps, name),
+        },
+      };
+    }
+
+    return {
+      name,
+      optional,
+      bubblingType,
+      typeAnnotation: {
+        type: 'EventTypeAnnotation',
+        argument: getEventArgument(argumentProps, name),
+      },
+    };
+  }
+
+  if (argumentProps === null) {
+    throw new Error(`Unabled to determine event arguments for "${name}"`);
+  }
+
+  if (bubblingType === null) {
+    throw new Error(`Unabled to determine event arguments for "${name}"`);
+  }
+}
+
+// $FlowFixMe there's no flowtype for ASTs
+type EventTypeAST = Object;
+
+type TypeMap = {
+  // $FlowFixMe there's no flowtype for ASTs
+  [string]: Object,
+};
+
+function getEvents(
+  eventTypeAST: $ReadOnlyArray<EventTypeAST>,
+  types: TypeMap,
+): $ReadOnlyArray<EventTypeShape> {
+  return eventTypeAST
+    .filter(property => property.type === 'ObjectTypeProperty')
+    .map(property => buildEventSchema(types, property))
+    .filter(Boolean);
+}
+
+module.exports = {
+  getEvents,
+};
diff --git a/packages/react-native-codegen/src/parsers/flow/components/extends.js b/packages/react-native-codegen/src/parsers/flow/components/extends.js
new file mode 100644
index 00000000000000..77081974a30a69
--- /dev/null
+++ b/packages/react-native-codegen/src/parsers/flow/components/extends.js
@@ -0,0 +1,66 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {ExtendsPropsShape} from '../../../CodegenSchema.js';
+import type {TypeMap} from '../utils.js';
+
+function extendsForProp(prop: PropsAST, types: TypeMap) {
+  if (!prop.argument) {
+    console.log('null', prop);
+  }
+  const name = prop.argument.id.name;
+
+  if (types[name] != null) {
+    // This type is locally defined in the file
+    return null;
+  }
+
+  switch (name) {
+    case 'ViewProps':
+      return {
+        type: 'ReactNativeBuiltInType',
+        knownTypeName: 'ReactNativeCoreViewProps',
+      };
+    default: {
+      throw new Error(`Unable to handle prop spread: ${name}`);
+    }
+  }
+}
+
+function removeKnownExtends(
+  typeDefinition: $ReadOnlyArray<PropsAST>,
+  types: TypeMap,
+): $ReadOnlyArray<PropsAST> {
+  return typeDefinition.filter(
+    prop =>
+      prop.type !== 'ObjectTypeSpreadProperty' ||
+      extendsForProp(prop, types) === null,
+  );
+}
+
+// $FlowFixMe there's no flowtype for ASTs
+type PropsAST = Object;
+
+function getExtendsProps(
+  typeDefinition: $ReadOnlyArray<PropsAST>,
+  types: TypeMap,
+): $ReadOnlyArray<ExtendsPropsShape> {
+  return typeDefinition
+    .filter(prop => prop.type === 'ObjectTypeSpreadProperty')
+    .map(prop => extendsForProp(prop, types))
+    .filter(Boolean);
+}
+
+module.exports = {
+  getExtendsProps,
+  removeKnownExtends,
+};
diff --git a/packages/react-native-codegen/src/parsers/flow/components/index.js b/packages/react-native-codegen/src/parsers/flow/components/index.js
new file mode 100644
index 00000000000000..2ae19153b94a89
--- /dev/null
+++ b/packages/react-native-codegen/src/parsers/flow/components/index.js
@@ -0,0 +1,211 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {ComponentSchemaBuilderConfig} from './schema.js';
+const {getCommands} = require('./commands');
+const {getEvents} = require('./events');
+const {getProps, getPropProperties} = require('./props');
+const {getCommandOptions, getOptions} = require('./options');
+const {getExtendsProps, removeKnownExtends} = require('./extends');
+
+function findComponentConfig(ast) {
+  const foundConfigs = [];
+
+  const defaultExports = ast.body.filter(
+    node => node.type === 'ExportDefaultDeclaration',
+  );
+
+  defaultExports.forEach(statement => {
+    let declaration = statement.declaration;
+
+    // codegenNativeComponent can be nested inside a cast
+    // expression so we need to go one level deeper
+    if (declaration.type === 'TypeCastExpression') {
+      declaration = declaration.expression;
+    }
+
+    try {
+      if (declaration.callee.name === 'codegenNativeComponent') {
+        const typeArgumentParams = declaration.typeArguments.params;
+        const funcArgumentParams = declaration.arguments;
+
+        const nativeComponentType = {};
+        nativeComponentType.propsTypeName = typeArgumentParams[0].id.name;
+        nativeComponentType.componentName = funcArgumentParams[0].value;
+        if (funcArgumentParams.length > 1) {
+          nativeComponentType.optionsExpression = funcArgumentParams[1];
+        }
+        foundConfigs.push(nativeComponentType);
+      }
+    } catch (e) {
+      // ignore
+    }
+  });
+
+  if (foundConfigs.length === 0) {
+    throw new Error('Could not find component config for native component');
+  }
+  if (foundConfigs.length > 1) {
+    throw new Error('Only one component is supported per file');
+  }
+
+  const foundConfig = foundConfigs[0];
+
+  const namedExports = ast.body.filter(
+    node => node.type === 'ExportNamedDeclaration',
+  );
+
+  const commandsTypeNames = namedExports
+    .map(statement => {
+      let callExpression;
+      let calleeName;
+      try {
+        callExpression = statement.declaration.declarations[0].init;
+        calleeName = callExpression.callee.name;
+      } catch (e) {
+        return;
+      }
+
+      if (calleeName !== 'codegenNativeCommands') {
+        return;
+      }
+
+      // const statement.declaration.declarations[0].init
+      if (callExpression.arguments.length !== 1) {
+        throw new Error(
+          'codegenNativeCommands must be passed options including the supported commands',
+        );
+      }
+
+      const typeArgumentParam = callExpression.typeArguments.params[0];
+
+      if (typeArgumentParam.type !== 'GenericTypeAnnotation') {
+        throw new Error(
+          "codegenNativeCommands doesn't support inline definitions. Specify a file local type alias",
+        );
+      }
+
+      return {
+        commandTypeName: typeArgumentParam.id.name,
+        commandOptionsExpression: callExpression.arguments[0],
+      };
+    })
+    .filter(Boolean);
+
+  if (commandsTypeNames.length > 1) {
+    throw new Error('codegenNativeCommands may only be called once in a file');
+  }
+
+  return {
+    ...foundConfig,
+    commandTypeName:
+      commandsTypeNames[0] == null
+        ? null
+        : commandsTypeNames[0].commandTypeName,
+    commandOptionsExpression:
+      commandsTypeNames[0] == null
+        ? null
+        : commandsTypeNames[0].commandOptionsExpression,
+  };
+}
+
+function getCommandProperties(commandTypeName, types, commandOptions) {
+  if (commandTypeName == null) {
+    return [];
+  }
+
+  const typeAlias = types[commandTypeName];
+
+  if (typeAlias.type !== 'InterfaceDeclaration') {
+    throw new Error(
+      `The type argument for codegenNativeCommands must be an interface, received ${
+        typeAlias.type
+      }`,
+    );
+  }
+
+  let properties;
+  try {
+    properties = typeAlias.body.properties;
+  } catch (e) {
+    throw new Error(
+      `Failed to find type definition for "${commandTypeName}", please check that you have a valid codegen flow file`,
+    );
+  }
+
+  const flowPropertyNames = properties
+    .map(property => property && property.key && property.key.name)
+    .filter(Boolean);
+
+  if (commandOptions == null || commandOptions.supportedCommands == null) {
+    throw new Error(
+      'codegenNativeCommands must be given an options object with supportedCommands array',
+    );
+  }
+
+  if (
+    commandOptions.supportedCommands.length !== flowPropertyNames.length ||
+    !commandOptions.supportedCommands.every(supportedCommand =>
+      flowPropertyNames.includes(supportedCommand),
+    )
+  ) {
+    throw new Error(
+      `codegenNativeCommands expected the same supportedCommands specified in the ${commandTypeName} interface: ${flowPropertyNames.join(
+        ', ',
+      )}`,
+    );
+  }
+
+  return properties;
+}
+
+// $FlowFixMe there's no flowtype for AST
+function processComponent(ast, types): ComponentSchemaBuilderConfig {
+  const {
+    componentName,
+    propsTypeName,
+    commandTypeName,
+    commandOptionsExpression,
+    optionsExpression,
+  } = findComponentConfig(ast);
+
+  const propProperties = getPropProperties(propsTypeName, types);
+  const commandOptions = getCommandOptions(commandOptionsExpression);
+
+  const commandProperties = getCommandProperties(
+    commandTypeName,
+    types,
+    commandOptions,
+  );
+
+  const extendsProps = getExtendsProps(propProperties, types);
+  const options = getOptions(optionsExpression);
+
+  const nonExtendsProps = removeKnownExtends(propProperties, types);
+  const props = getProps(nonExtendsProps, types);
+  const events = getEvents(propProperties, types);
+  const commands = getCommands(commandProperties, types);
+
+  return {
+    filename: componentName,
+    componentName,
+    options,
+    extendsProps,
+    events,
+    props,
+    commands,
+  };
+}
+
+module.exports = {
+  processComponent,
+};
diff --git a/packages/react-native-codegen/src/parsers/flow/components/options.js b/packages/react-native-codegen/src/parsers/flow/components/options.js
new file mode 100644
index 00000000000000..f455a5f060a3f2
--- /dev/null
+++ b/packages/react-native-codegen/src/parsers/flow/components/options.js
@@ -0,0 +1,81 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {OptionsShape} from '../../../CodegenSchema.js';
+
+// $FlowFixMe there's no flowtype for ASTs
+type OptionsAST = Object;
+
+export type CommandOptions = $ReadOnly<{|
+  supportedCommands: $ReadOnlyArray<string>,
+|}>;
+
+function getCommandOptions(
+  commandOptionsExpression: OptionsAST,
+): ?CommandOptions {
+  if (commandOptionsExpression == null) {
+    return null;
+  }
+
+  let foundOptions;
+  try {
+    foundOptions = commandOptionsExpression.properties.reduce(
+      (options, prop) => {
+        options[prop.key.name] = (
+          (prop && prop.value && prop.value.elements) ||
+          []
+        ).map(element => element && element.value);
+        return options;
+      },
+      {},
+    );
+  } catch (e) {
+    throw new Error(
+      'Failed to parse command options, please check that they are defined correctly',
+    );
+  }
+
+  return foundOptions;
+}
+
+function getOptions(optionsExpression: OptionsAST): ?OptionsShape {
+  if (!optionsExpression) {
+    return null;
+  }
+  let foundOptions;
+  try {
+    foundOptions = optionsExpression.properties.reduce((options, prop) => {
+      options[prop.key.name] = prop.value.value;
+      return options;
+    }, {});
+  } catch (e) {
+    throw new Error(
+      'Failed to parse codegen options, please check that they are defined correctly',
+    );
+  }
+
+  if (
+    foundOptions.paperComponentName &&
+    foundOptions.paperComponentNameDeprecated
+  ) {
+    throw new Error(
+      'Failed to parse codegen options, cannot use both paperComponentName and paperComponentNameDeprecated',
+    );
+  }
+
+  return foundOptions;
+}
+
+module.exports = {
+  getCommandOptions,
+  getOptions,
+};
diff --git a/packages/react-native-codegen/src/parsers/flow/components/props.js b/packages/react-native-codegen/src/parsers/flow/components/props.js
new file mode 100644
index 00000000000000..cc91f552f49b6e
--- /dev/null
+++ b/packages/react-native-codegen/src/parsers/flow/components/props.js
@@ -0,0 +1,386 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {PropTypeShape} from '../../../CodegenSchema.js';
+import type {TypeMap} from '../utils.js';
+
+const {getValueFromTypes} = require('../utils.js');
+
+function getPropProperties(propsTypeName: string, types: TypeMap) {
+  const typeAlias = types[propsTypeName];
+  try {
+    return typeAlias.right.typeParameters.params[0].properties;
+  } catch (e) {
+    throw new Error(
+      `Failed to find type definition for "${propsTypeName}", please check that you have a valid codegen flow file`,
+    );
+  }
+}
+
+function getTypeAnnotationForArray(name, typeAnnotation, defaultValue, types) {
+  const extractedTypeAnnotation = getValueFromTypes(typeAnnotation, types);
+  if (extractedTypeAnnotation.type === 'NullableTypeAnnotation') {
+    throw new Error(
+      'Nested optionals such as "$ReadOnlyArray<?boolean>" are not supported, please declare optionals at the top level of value definitions as in "?$ReadOnlyArray<boolean>"',
+    );
+  }
+
+  if (
+    extractedTypeAnnotation.type === 'GenericTypeAnnotation' &&
+    extractedTypeAnnotation.id.name === 'WithDefault'
+  ) {
+    throw new Error(
+      'Nested defaults such as "$ReadOnlyArray<WithDefault<boolean, false>>" are not supported, please declare defaults at the top level of value definitions as in "WithDefault<$ReadOnlyArray<boolean>, false>"',
+    );
+  }
+
+  if (extractedTypeAnnotation.type === 'GenericTypeAnnotation') {
+    // Resolve the type alias if it's not defined inline
+    const objectType = getValueFromTypes(extractedTypeAnnotation, types);
+
+    if (objectType.id.name === '$ReadOnly') {
+      return {
+        type: 'ObjectTypeAnnotation',
+        properties: flattenProperties(
+          objectType.typeParameters.params[0].properties,
+          types,
+        )
+          .map(prop => buildPropSchema(prop, types))
+          .filter(Boolean),
+      };
+    }
+  }
+
+  const type =
+    extractedTypeAnnotation.type === 'GenericTypeAnnotation'
+      ? extractedTypeAnnotation.id.name
+      : extractedTypeAnnotation.type;
+
+  switch (type) {
+    case 'ImageSource':
+      return {
+        type: 'NativePrimitiveTypeAnnotation',
+        name: 'ImageSourcePrimitive',
+      };
+    case 'ColorValue':
+      return {
+        type: 'NativePrimitiveTypeAnnotation',
+        name: 'ColorPrimitive',
+      };
+    case 'PointValue':
+      return {
+        type: 'NativePrimitiveTypeAnnotation',
+        name: 'PointPrimitive',
+      };
+    case 'Stringish':
+      return {
+        type: 'StringTypeAnnotation',
+      };
+    case 'Int32':
+      return {
+        type: 'Int32TypeAnnotation',
+      };
+    case 'Double':
+      return {
+        type: 'DoubleTypeAnnotation',
+      };
+    case 'Float':
+      return {
+        type: 'FloatTypeAnnotation',
+      };
+    case 'BooleanTypeAnnotation':
+      return {
+        type: 'BooleanTypeAnnotation',
+      };
+    case 'StringTypeAnnotation':
+      return {
+        type: 'StringTypeAnnotation',
+      };
+    case 'UnionTypeAnnotation':
+      if (defaultValue == null) {
+        throw new Error(`A default array enum value is required for "${name}"`);
+      }
+      return {
+        type: 'StringEnumTypeAnnotation',
+        default: defaultValue,
+        options: extractedTypeAnnotation.types.map(option => ({
+          name: option.value,
+        })),
+      };
+    default:
+      (type: empty);
+      throw new Error(`Unknown prop type for "${name}"`);
+  }
+}
+
+function getTypeAnnotation(name, annotation, defaultValue, types) {
+  const typeAnnotation = getValueFromTypes(annotation, types);
+
+  if (
+    typeAnnotation.type === 'GenericTypeAnnotation' &&
+    typeAnnotation.id.name === '$ReadOnlyArray'
+  ) {
+    return {
+      type: 'ArrayTypeAnnotation',
+      elementType: getTypeAnnotationForArray(
+        name,
+        typeAnnotation.typeParameters.params[0],
+        defaultValue,
+        types,
+      ),
+    };
+  }
+
+  if (
+    typeAnnotation.type === 'GenericTypeAnnotation' &&
+    typeAnnotation.id.name === '$ReadOnly'
+  ) {
+    return {
+      type: 'ObjectTypeAnnotation',
+      properties: flattenProperties(
+        typeAnnotation.typeParameters.params[0].properties,
+        types,
+      )
+        .map(prop => buildPropSchema(prop, types))
+        .filter(Boolean),
+    };
+  }
+
+  const type =
+    typeAnnotation.type === 'GenericTypeAnnotation'
+      ? typeAnnotation.id.name
+      : typeAnnotation.type;
+
+  switch (type) {
+    case 'ImageSource':
+      return {
+        type: 'NativePrimitiveTypeAnnotation',
+        name: 'ImageSourcePrimitive',
+      };
+    case 'ColorValue':
+      return {
+        type: 'NativePrimitiveTypeAnnotation',
+        name: 'ColorPrimitive',
+      };
+    case 'ColorArrayValue':
+      return {
+        type: 'ArrayTypeAnnotation',
+        elementType: {
+          type: 'NativePrimitiveTypeAnnotation',
+          name: 'ColorPrimitive',
+        },
+      };
+    case 'PointValue':
+      return {
+        type: 'NativePrimitiveTypeAnnotation',
+        name: 'PointPrimitive',
+      };
+    case 'Int32':
+      return {
+        type: 'Int32TypeAnnotation',
+        default: ((defaultValue ? defaultValue : 0): number),
+      };
+    case 'Double':
+      return {
+        type: 'DoubleTypeAnnotation',
+        default: ((defaultValue ? defaultValue : 0): number),
+      };
+    case 'Float':
+      return {
+        type: 'FloatTypeAnnotation',
+        default: ((defaultValue ? defaultValue : 0): number),
+      };
+    case 'BooleanTypeAnnotation':
+      return {
+        type: 'BooleanTypeAnnotation',
+        default: ((defaultValue == null ? false : defaultValue): boolean),
+      };
+    case 'StringTypeAnnotation':
+      if (typeof defaultValue !== 'undefined') {
+        return {
+          type: 'StringTypeAnnotation',
+          default: (defaultValue: string | null),
+        };
+      }
+      throw new Error(`A default string (or null) is required for "${name}"`);
+    case 'Stringish':
+      if (typeof defaultValue !== 'undefined') {
+        return {
+          type: 'StringTypeAnnotation',
+          default: (defaultValue: string | null),
+        };
+      }
+      throw new Error(`A default string (or null) is required for "${name}"`);
+    case 'UnionTypeAnnotation':
+      if (defaultValue !== null) {
+        return {
+          type: 'StringEnumTypeAnnotation',
+          default: (defaultValue: string),
+          options: typeAnnotation.types.map(option => ({name: option.value})),
+        };
+      }
+      throw new Error(`A default enum value is required for "${name}"`);
+    default:
+      (type: empty);
+      throw new Error(`Unknown prop type for "${name}": "${type}"`);
+  }
+}
+
+function buildPropSchema(property, types: TypeMap): ?PropTypeShape {
+  const name = property.key.name;
+
+  const value = getValueFromTypes(property.value, types);
+  let typeAnnotation =
+    value.type === 'NullableTypeAnnotation' ? value.typeAnnotation : value;
+
+  const optional =
+    value.type === 'NullableTypeAnnotation' ||
+    property.optional ||
+    (value.type === 'GenericTypeAnnotation' &&
+      typeAnnotation.id.name === 'WithDefault');
+
+  if (
+    !property.optional &&
+    value.type === 'GenericTypeAnnotation' &&
+    typeAnnotation.id.name === 'WithDefault'
+  ) {
+    throw new Error(
+      `key ${name} must be optional if used with WithDefault<> annotation`,
+    );
+  }
+  if (
+    value.type === 'NullableTypeAnnotation' &&
+    (typeAnnotation.type === 'GenericTypeAnnotation' &&
+      typeAnnotation.id.name === 'WithDefault')
+  ) {
+    throw new Error(
+      'WithDefault<> is optional and does not need to be marked as optional. Please remove the ? annotation in front of it.',
+    );
+  }
+
+  let type = typeAnnotation.type;
+  if (
+    type === 'GenericTypeAnnotation' &&
+    (typeAnnotation.id.name === 'DirectEventHandler' ||
+      typeAnnotation.id.name === 'BubblingEventHandler')
+  ) {
+    return null;
+  }
+
+  if (
+    name === 'style' &&
+    type === 'GenericTypeAnnotation' &&
+    typeAnnotation.id.name === 'ViewStyleProp'
+  ) {
+    return null;
+  }
+
+  let defaultValue = null;
+  if (
+    type === 'GenericTypeAnnotation' &&
+    typeAnnotation.id.name === 'WithDefault'
+  ) {
+    if (typeAnnotation.typeParameters.params.length === 1) {
+      throw new Error(
+        `WithDefault requires two parameters, did you forget to provide a default value for "${name}"?`,
+      );
+    }
+
+    defaultValue = typeAnnotation.typeParameters.params[1].value;
+    const defaultValueType = typeAnnotation.typeParameters.params[1].type;
+
+    typeAnnotation = typeAnnotation.typeParameters.params[0];
+    type =
+      typeAnnotation.type === 'GenericTypeAnnotation'
+        ? typeAnnotation.id.name
+        : typeAnnotation.type;
+
+    if (defaultValueType === 'NullLiteralTypeAnnotation') {
+      if (type !== 'StringTypeAnnotation' && type !== 'Stringish') {
+        throw new Error(
+          `WithDefault can only provide a 'null' default value for string types (see ${name})`,
+        );
+      }
+
+      defaultValue = null;
+    }
+  }
+
+  return {
+    name,
+    optional,
+    typeAnnotation: getTypeAnnotation(
+      name,
+      typeAnnotation,
+      defaultValue,
+      types,
+    ),
+  };
+}
+
+// $FlowFixMe there's no flowtype for ASTs
+type PropAST = Object;
+
+function verifyPropNotAlreadyDefined(
+  props: $ReadOnlyArray<PropAST>,
+  needleProp: PropAST,
+) {
+  const propName = needleProp.key.name;
+  const foundProp = props.some(prop => prop.key.name === propName);
+  if (foundProp) {
+    throw new Error(`A prop was already defined with the name ${propName}`);
+  }
+}
+
+function flattenProperties(
+  typeDefinition: $ReadOnlyArray<PropAST>,
+  types: TypeMap,
+) {
+  return typeDefinition
+    .map(property => {
+      if (property.type === 'ObjectTypeProperty') {
+        return property;
+      } else if (property.type === 'ObjectTypeSpreadProperty') {
+        return flattenProperties(
+          getPropProperties(property.argument.id.name, types),
+          types,
+        );
+      }
+    })
+    .reduce((acc, item) => {
+      if (Array.isArray(item)) {
+        item.forEach(prop => {
+          verifyPropNotAlreadyDefined(acc, prop);
+        });
+        return acc.concat(item);
+      } else {
+        verifyPropNotAlreadyDefined(acc, item);
+        acc.push(item);
+        return acc;
+      }
+    }, [])
+    .filter(Boolean);
+}
+
+function getProps(
+  typeDefinition: $ReadOnlyArray<PropAST>,
+  types: TypeMap,
+): $ReadOnlyArray<PropTypeShape> {
+  return flattenProperties(typeDefinition, types)
+    .map(property => buildPropSchema(property, types))
+    .filter(Boolean);
+}
+
+module.exports = {
+  getProps,
+  getPropProperties,
+};
diff --git a/packages/react-native-codegen/src/parsers/flow/components/schema.js b/packages/react-native-codegen/src/parsers/flow/components/schema.js
new file mode 100644
index 00000000000000..4dd16da64e5c52
--- /dev/null
+++ b/packages/react-native-codegen/src/parsers/flow/components/schema.js
@@ -0,0 +1,60 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {
+  EventTypeShape,
+  PropTypeShape,
+  CommandTypeShape,
+  ExtendsPropsShape,
+  SchemaType,
+  OptionsShape,
+} from '../../../CodegenSchema.js';
+
+export type ComponentSchemaBuilderConfig = $ReadOnly<{|
+  filename: string,
+  componentName: string,
+  extendsProps: $ReadOnlyArray<ExtendsPropsShape>,
+  events: $ReadOnlyArray<EventTypeShape>,
+  props: $ReadOnlyArray<PropTypeShape>,
+  commands: $ReadOnlyArray<CommandTypeShape>,
+  options?: ?OptionsShape,
+|}>;
+
+function buildComponentSchema({
+  filename,
+  componentName,
+  extendsProps,
+  events,
+  props,
+  options,
+  commands,
+}: ComponentSchemaBuilderConfig): SchemaType {
+  return {
+    modules: {
+      [filename]: {
+        components: {
+          [componentName]: {
+            ...(options || {}),
+            extendsProps,
+            events,
+            props,
+            commands,
+          },
+        },
+      },
+    },
+  };
+}
+
+module.exports = {
+  buildComponentSchema,
+};
diff --git a/packages/react-native-codegen/src/parsers/flow/index.js b/packages/react-native-codegen/src/parsers/flow/index.js
new file mode 100644
index 00000000000000..4de02b0094393d
--- /dev/null
+++ b/packages/react-native-codegen/src/parsers/flow/index.js
@@ -0,0 +1,133 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {SchemaType} from '../../CodegenSchema.js';
+// $FlowFixMe there's no flowtype flow-parser
+const flowParser = require('flow-parser');
+const fs = require('fs');
+const path = require('path');
+const {buildModuleSchema} = require('./modules/schema');
+const {buildComponentSchema} = require('./components/schema');
+const {processComponent} = require('./components');
+const {processModule} = require('./modules');
+
+function getTypes(ast) {
+  return ast.body.reduce((types, node) => {
+    if (node.type === 'ExportNamedDeclaration') {
+      if (node.declaration && node.declaration.type !== 'VariableDeclaration') {
+        types[node.declaration.id.name] = node.declaration;
+      }
+    } else if (
+      node.type === 'TypeAlias' ||
+      node.type === 'InterfaceDeclaration'
+    ) {
+      types[node.id.name] = node;
+    }
+    return types;
+  }, {});
+}
+
+function getConfigType(ast, types): 'module' | 'component' {
+  const defaultExports = ast.body.filter(
+    node => node.type === 'ExportDefaultDeclaration',
+  );
+
+  let isComponent = false;
+
+  if (defaultExports.length > 0) {
+    let declaration = defaultExports[0].declaration;
+    // codegenNativeComponent can be nested inside a cast
+    // expression so we need to go one level deeper
+    if (declaration.type === 'TypeCastExpression') {
+      declaration = declaration.expression;
+    }
+
+    isComponent =
+      declaration &&
+      declaration.callee &&
+      declaration.callee.name === 'codegenNativeComponent';
+  }
+
+  const typesExtendingTurboModule = Object.keys(types)
+    .map(typeName => types[typeName])
+    .filter(
+      type =>
+        type.extends &&
+        type.extends[0] &&
+        type.extends[0].id.name === 'TurboModule',
+    );
+
+  if (typesExtendingTurboModule.length > 1) {
+    throw new Error(
+      'Found two types extending "TurboModule" is one file. Split them into separated files.',
+    );
+  }
+
+  const isModule = typesExtendingTurboModule.length === 1;
+
+  if (isModule && isComponent) {
+    throw new Error(
+      'Found type extending "TurboModule" and exported "codegenNativeComponent" declaration in one file. Split them into separated files.',
+    );
+  }
+
+  if (isModule) {
+    return 'module';
+  } else if (isComponent) {
+    return 'component';
+  } else {
+    throw new Error(
+      `Default export for module specified incorrectly. It should containts
+    either type extending "TurboModule" or "codegenNativeComponent".`,
+    );
+  }
+}
+
+function buildSchema(contents: string, filename: ?string): ?SchemaType {
+  const ast = flowParser.parse(contents);
+
+  const types = getTypes(ast);
+
+  const configType = getConfigType(ast, types);
+
+  if (configType === 'component') {
+    return buildComponentSchema(processComponent(ast, types));
+  } else {
+    if (filename === undefined || filename === null) {
+      throw new Error('Filepath expected while parasing a module');
+    }
+    const moduleName = path.basename(filename).slice(6, -3);
+    return buildModuleSchema(processModule(types), moduleName);
+  }
+}
+
+function parseFile(filename: string): ?SchemaType {
+  const contents = fs.readFileSync(filename, 'utf8');
+
+  return buildSchema(contents, filename);
+}
+
+function parseModuleFixture(filename: string): ?SchemaType {
+  const contents = fs.readFileSync(filename, 'utf8');
+
+  return buildSchema(contents, 'path/NativeSampleTurboModule.js');
+}
+
+function parseString(contents: string): ?SchemaType {
+  return buildSchema(contents);
+}
+
+module.exports = {
+  parseFile,
+  parseModuleFixture,
+  parseString,
+};
diff --git a/packages/react-native-codegen/src/parsers/flow/modules/__test_fixtures__/failures.js b/packages/react-native-codegen/src/parsers/flow/modules/__test_fixtures__/failures.js
new file mode 100644
index 00000000000000..57aa74b51c43f1
--- /dev/null
+++ b/packages/react-native-codegen/src/parsers/flow/modules/__test_fixtures__/failures.js
@@ -0,0 +1,221 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+const NATIVE_MODULES_WITH_ARRAY_WITH_NO_TYPE_FOR_CONTENT = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  getString: (arg: string) => Array;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('SampleTurboModule');
+
+`;
+
+const NATIVE_MODULES_WITH_ARRAY_WITH_NO_TYPE_FOR_CONTENT_AS_PARAM = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  getString: (arg : Array) => string;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('SampleTurboModule');
+
+`;
+
+const NATIVE_MODULES_WITH_READ_ONLY_OBJECT_NO_TYPE_FOR_CONTENT = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  getString: (arg : $ReadOnly<>) => string;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('SampleTurboModule');
+
+`;
+
+const NATIVE_MODULES_WITH_NOT_ONLY_METHODS = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getBool: (arg: boolean) => boolean;
+  +getNumber: (arg: number) => number;
+  +getString: (arg: string) => string;
+  sampleBool: boolean,
+
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('SampleTurboModule');
+
+`;
+
+const NATIVE_MODULES_WITH_UNNAMED_PARAMS = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getBool: (boolean) => boolean;
+
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('SampleTurboModule');
+
+`;
+
+const NATIVE_MODULES_WITH_PROMISE_WITHOUT_TYPE = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getBool: (arg: boolean) => Promise;
+
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('SampleTurboModule');
+
+`;
+
+const TWO_NATIVE_MODULES_EXPORTED_WITH_DEFAULT = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+
+
+export default TurboModuleRegistry.getEnforcing<Spec1>('SampleTurboModule1');
+export default TurboModuleRegistry.getEnforcing<Spec2>('SampleTurboModule2');
+
+`;
+
+const TWO_NATIVE_EXTENDING_TURBO_MODULE = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getSth(a : ?number) => void
+}
+
+export interface Spec2 extends TurboModule {
+  +getSth(a : ?number) => void
+}
+
+
+`;
+
+module.exports = {
+  NATIVE_MODULES_WITH_READ_ONLY_OBJECT_NO_TYPE_FOR_CONTENT,
+  NATIVE_MODULES_WITH_UNNAMED_PARAMS,
+  NATIVE_MODULES_WITH_PROMISE_WITHOUT_TYPE,
+  NATIVE_MODULES_WITH_ARRAY_WITH_NO_TYPE_FOR_CONTENT_AS_PARAM,
+  NATIVE_MODULES_WITH_ARRAY_WITH_NO_TYPE_FOR_CONTENT,
+  TWO_NATIVE_MODULES_EXPORTED_WITH_DEFAULT,
+  NATIVE_MODULES_WITH_NOT_ONLY_METHODS,
+  TWO_NATIVE_EXTENDING_TURBO_MODULE,
+};
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
new file mode 100644
index 00000000000000..4a6c9f4f1da7cd
--- /dev/null
+++ b/packages/react-native-codegen/src/parsers/flow/modules/__test_fixtures__/fixtures.js
@@ -0,0 +1,449 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+const EMPTY_NATIVE_MODULE = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  // mo methods
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('SampleTurboModule');
+
+`;
+
+const NATIVE_MODULE_WITH_COMPLEX_OBJECTS = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+
+export type String = string
+
+export interface Spec extends TurboModule {
+  // Exported methods.
+  +getObject: (arg: {|const1: {|const1: boolean|}|}) => {|
+    const1: {|const1: boolean|},
+  |};
+  +getReadOnlyObject: (arg: $ReadOnly<{|const1: $ReadOnly<{|const1: boolean|}>|}>) => $ReadOnly<{|
+    const1: {|const1: boolean|},
+  |}>;
+  +getObject2: (arg: { a: String }) => Object;
+  +getObjectInArray: (arg: {const1: {|const1: boolean|}}) => Array<{|
+    const1: {const1: boolean},
+  |}>;
+}
+export default TurboModuleRegistry.getEnforcing<Spec>('SampleTurboModule');
+
+`;
+
+const NATIVE_MODULE_WITH_COMPLEX_OBJECTS_WITH_NULLABLE_KEY = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {|
+    isTesting: boolean,
+    reactNativeVersion: {|
+      major: number,
+      minor: number,
+      patch?: number,
+      prerelease: ?number,
+    |},
+    forceTouchAvailable: boolean,
+    osVersion: string,
+    systemName: string,
+    interfaceIdiom: string,
+  |};
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('PlatformConstants');
+
+`;
+
+const NATIVE_MODULE_WITH_BASIC_PARAM_TYPES = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +passBool?: (arg: boolean) => void;
+  +passNumber: (arg: number) => void;
+  +passString: (arg: string) => void;
+  +passStringish: (arg: Stringish) => void;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('SampleTurboModule');
+
+`;
+
+const NATIVE_MODULE_WITH_WITH_ALIASES = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+
+type NumNum = number;
+export type Num = (arg: NumNum) => void;
+type Num2 = Num;
+export type Void = void;
+export type A = number;
+export type B = number;
+
+export interface Spec extends TurboModule {
+  // Exported methods.
+  +getNumber: Num2;
+  +getVoid: () => Void;
+  +getArray: (a : Array<A>) => {| a: B |};
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('SampleTurboModule');
+
+`;
+
+const NATIVE_MODULE_WITH_WITH_FLOAT_AND_INT32 = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+import type {Int32, Float} from 'react-native/Libraries/Types/CodegenTypes';
+
+export interface Spec extends TurboModule {
+  +getInt: (arg: Int32) => Int32;
+  +getFloat: (arg: Float) => Float;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('SampleTurboModule');
+`;
+
+const NATIVE_MODULE_WITH_SIMPLE_OBJECT = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getObject(o : Object) => Object,
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('SampleTurboModule');
+
+`;
+
+const NATIVE_MODULE_WITH_NULLABLE_PARAM = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  // Exported methods.
+  +voidFunc: (arg: ?string) => void;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('SampleTurboModule');
+
+`;
+
+const NATIVE_MODULE_WITH_BASIC_ARRAY = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getArray: (arg: Array<string>) => Array<string>;
+  +getArray: (arg: $ReadOnlyArray<string>) => $ReadOnlyArray<string>;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('SampleTurboModule');
+
+`;
+
+const NATIVE_MODULE_WITH_OBJECT_WITH_OBJECT_DEIFNED_IN_FILE_AS_PROPERTY = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+
+type DisplayMetricsAndroid = {|
+ width: number,
+|};
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {|
+    +Dimensions: {
+      windowPhysicalPixels: DisplayMetricsAndroid,
+    },
+  |};
+  +getConstants2: () => $ReadOnly<{|
+    +Dimensions: {
+      windowPhysicalPixels: DisplayMetricsAndroid,
+    },
+  |}>;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('SampleTurboModule');
+
+`;
+const NATIVE_MODULE_WITH_ARRAY_WITH_UNION_AND_TOUPLE = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getArray: (arg: Array<[string, string]>) => Array<string | number | boolean>;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('SampleTurboModule');
+
+`;
+
+const NATIVE_MODULE_WITH_ARRAY_WITH_ALIAS = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+
+export type SomeString = string;
+
+export interface Spec extends TurboModule {
+  +getArray: (arg: Array<SomeString>) => Array<string>;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('SampleTurboModule');
+
+`;
+
+const NATIVE_MODULE_WITH_COMPLEX_ARRAY = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getArray: (arg: Array<Array<Array<Array<Array<any>>>>>) => Array<Array<Array<string>>>;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('SampleTurboModule');
+
+`;
+
+const NATIVE_MODULE_WITH_PROMISE = `/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+
+export type String = string
+export type SomeObj = {| a: string |};
+
+export interface Spec extends TurboModule {
+  +getValueWithPromise: () => Promise<string>;
+  +getValueWithPromiseDefinedSomewhereElse: () => Promise<String>;
+  +getValueWithPromiseObjDefinedSomewhereElse: () => Promise<SomeObj>;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('SampleTurboModule');
+
+`;
+
+const NATIVE_MODULE_WITH_CALLBACK = `
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ */
+
+'use strict';
+
+import type {TurboModule} from '../RCTExport';
+import * as TurboModuleRegistry from '../TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  // Exported methods.
+  +getValueWithCallback: (
+    callback: (value: string, arr: Array<Array<string>>) => void,
+  ) => void;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('SampleTurboModule');
+
+`;
+
+module.exports = {
+  NATIVE_MODULE_WITH_OBJECT_WITH_OBJECT_DEIFNED_IN_FILE_AS_PROPERTY,
+  NATIVE_MODULE_WITH_ARRAY_WITH_UNION_AND_TOUPLE,
+  NATIVE_MODULE_WITH_WITH_FLOAT_AND_INT32,
+  NATIVE_MODULE_WITH_WITH_ALIASES,
+  NATIVE_MODULE_WITH_PROMISE,
+  NATIVE_MODULE_WITH_COMPLEX_OBJECTS,
+  NATIVE_MODULE_WITH_COMPLEX_OBJECTS_WITH_NULLABLE_KEY,
+  NATIVE_MODULE_WITH_SIMPLE_OBJECT,
+  NATIVE_MODULE_WITH_NULLABLE_PARAM,
+  NATIVE_MODULE_WITH_BASIC_ARRAY,
+  NATIVE_MODULE_WITH_COMPLEX_ARRAY,
+  NATIVE_MODULE_WITH_ARRAY_WITH_ALIAS,
+  NATIVE_MODULE_WITH_BASIC_PARAM_TYPES,
+  NATIVE_MODULE_WITH_CALLBACK,
+  EMPTY_NATIVE_MODULE,
+};
diff --git a/packages/react-native-codegen/src/parsers/flow/modules/__tests__/__snapshots__/module-parser-test.js.snap b/packages/react-native-codegen/src/parsers/flow/modules/__tests__/__snapshots__/module-parser-test.js.snap
new file mode 100644
index 00000000000000..37673dd7c530f0
--- /dev/null
+++ b/packages/react-native-codegen/src/parsers/flow/modules/__tests__/__snapshots__/module-parser-test.js.snap
@@ -0,0 +1,1032 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`RN Codegen Flow Parser Fails with error message NATIVE_MODULES_WITH_ARRAY_WITH_NO_TYPE_FOR_CONTENT 1`] = `"Unsupported return type for getString: expected to find annotation for type of array contents"`;
+
+exports[`RN Codegen Flow Parser Fails with error message NATIVE_MODULES_WITH_ARRAY_WITH_NO_TYPE_FOR_CONTENT_AS_PARAM 1`] = `"Unsupported type for getString, param: \\"arg\\": expected to find annotation for type of array contents"`;
+
+exports[`RN Codegen Flow Parser Fails with error message NATIVE_MODULES_WITH_NOT_ONLY_METHODS 1`] = `"Only methods are supported as module properties. Found BooleanTypeAnnotation in sampleBool"`;
+
+exports[`RN Codegen Flow Parser Fails with error message NATIVE_MODULES_WITH_PROMISE_WITHOUT_TYPE 1`] = `"Unsupported return promise type for getBool: expected to find annotation for type of promise content"`;
+
+exports[`RN Codegen Flow Parser Fails with error message NATIVE_MODULES_WITH_READ_ONLY_OBJECT_NO_TYPE_FOR_CONTENT 1`] = `"Unsupported param for method \\"getString\\", param \\"arg\\". No type specified for $ReadOnly"`;
+
+exports[`RN Codegen Flow Parser Fails with error message NATIVE_MODULES_WITH_UNNAMED_PARAMS 1`] = `"Unsupported type for getBool. Please provide a name for every parameter."`;
+
+exports[`RN Codegen Flow Parser Fails with error message TWO_NATIVE_EXTENDING_TURBO_MODULE 1`] = `"Found two types extending \\"TurboModule\\" is one file. Split them into separated files."`;
+
+exports[`RN Codegen Flow Parser Fails with error message TWO_NATIVE_MODULES_EXPORTED_WITH_DEFAULT 1`] = `
+"Default export for module specified incorrectly. It should containts
+    either type extending \\"TurboModule\\" or \\"codegenNativeComponent\\"."
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture EMPTY_NATIVE_MODULE 1`] = `
+Object {
+  "modules": Object {
+    "NativeSampleTurboModule": Object {
+      "nativeModules": Object {
+        "SampleTurboModule": Object {
+          "properties": Array [],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture NATIVE_MODULE_WITH_ARRAY_WITH_ALIAS 1`] = `
+Object {
+  "modules": Object {
+    "NativeSampleTurboModule": Object {
+      "nativeModules": Object {
+        "SampleTurboModule": Object {
+          "properties": Array [
+            Object {
+              "name": "getArray",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [
+                  Object {
+                    "name": "arg",
+                    "nullable": false,
+                    "typeAnnotation": Object {
+                      "elementType": Object {
+                        "type": "StringTypeAnnotation",
+                      },
+                      "type": "ArrayTypeAnnotation",
+                    },
+                  },
+                ],
+                "returnTypeAnnotation": Object {
+                  "elementType": Object {
+                    "type": "StringTypeAnnotation",
+                  },
+                  "nullable": false,
+                  "type": "ArrayTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture NATIVE_MODULE_WITH_ARRAY_WITH_UNION_AND_TOUPLE 1`] = `
+Object {
+  "modules": Object {
+    "NativeSampleTurboModule": Object {
+      "nativeModules": Object {
+        "SampleTurboModule": Object {
+          "properties": Array [
+            Object {
+              "name": "getArray",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [
+                  Object {
+                    "name": "arg",
+                    "nullable": false,
+                    "typeAnnotation": Object {
+                      "elementType": undefined,
+                      "type": "ArrayTypeAnnotation",
+                    },
+                  },
+                ],
+                "returnTypeAnnotation": Object {
+                  "elementType": undefined,
+                  "nullable": false,
+                  "type": "ArrayTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture NATIVE_MODULE_WITH_BASIC_ARRAY 1`] = `
+Object {
+  "modules": Object {
+    "NativeSampleTurboModule": Object {
+      "nativeModules": Object {
+        "SampleTurboModule": Object {
+          "properties": Array [
+            Object {
+              "name": "getArray",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [
+                  Object {
+                    "name": "arg",
+                    "nullable": false,
+                    "typeAnnotation": Object {
+                      "elementType": Object {
+                        "type": "StringTypeAnnotation",
+                      },
+                      "type": "ArrayTypeAnnotation",
+                    },
+                  },
+                ],
+                "returnTypeAnnotation": Object {
+                  "elementType": Object {
+                    "type": "StringTypeAnnotation",
+                  },
+                  "nullable": false,
+                  "type": "ArrayTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "getArray",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [
+                  Object {
+                    "name": "arg",
+                    "nullable": false,
+                    "typeAnnotation": Object {
+                      "elementType": Object {
+                        "type": "StringTypeAnnotation",
+                      },
+                      "type": "ArrayTypeAnnotation",
+                    },
+                  },
+                ],
+                "returnTypeAnnotation": Object {
+                  "elementType": Object {
+                    "type": "StringTypeAnnotation",
+                  },
+                  "nullable": false,
+                  "type": "ArrayTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture NATIVE_MODULE_WITH_BASIC_PARAM_TYPES 1`] = `
+Object {
+  "modules": Object {
+    "NativeSampleTurboModule": Object {
+      "nativeModules": Object {
+        "SampleTurboModule": Object {
+          "properties": Array [
+            Object {
+              "name": "passBool",
+              "typeAnnotation": Object {
+                "optional": true,
+                "params": Array [
+                  Object {
+                    "name": "arg",
+                    "nullable": false,
+                    "typeAnnotation": Object {
+                      "type": "BooleanTypeAnnotation",
+                    },
+                  },
+                ],
+                "returnTypeAnnotation": Object {
+                  "nullable": false,
+                  "type": "VoidTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "passNumber",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [
+                  Object {
+                    "name": "arg",
+                    "nullable": false,
+                    "typeAnnotation": Object {
+                      "type": "NumberTypeAnnotation",
+                    },
+                  },
+                ],
+                "returnTypeAnnotation": Object {
+                  "nullable": false,
+                  "type": "VoidTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "passString",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [
+                  Object {
+                    "name": "arg",
+                    "nullable": false,
+                    "typeAnnotation": Object {
+                      "type": "StringTypeAnnotation",
+                    },
+                  },
+                ],
+                "returnTypeAnnotation": Object {
+                  "nullable": false,
+                  "type": "VoidTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "passStringish",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [
+                  Object {
+                    "name": "arg",
+                    "nullable": false,
+                    "typeAnnotation": Object {
+                      "type": "StringTypeAnnotation",
+                    },
+                  },
+                ],
+                "returnTypeAnnotation": Object {
+                  "nullable": false,
+                  "type": "VoidTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture NATIVE_MODULE_WITH_CALLBACK 1`] = `
+Object {
+  "modules": Object {
+    "NativeSampleTurboModule": Object {
+      "nativeModules": Object {
+        "SampleTurboModule": Object {
+          "properties": Array [
+            Object {
+              "name": "getValueWithCallback",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [
+                  Object {
+                    "name": "callback",
+                    "nullable": false,
+                    "typeAnnotation": Object {
+                      "type": "FunctionTypeAnnotation",
+                    },
+                  },
+                ],
+                "returnTypeAnnotation": Object {
+                  "nullable": false,
+                  "type": "VoidTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture NATIVE_MODULE_WITH_COMPLEX_ARRAY 1`] = `
+Object {
+  "modules": Object {
+    "NativeSampleTurboModule": Object {
+      "nativeModules": Object {
+        "SampleTurboModule": Object {
+          "properties": Array [
+            Object {
+              "name": "getArray",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [
+                  Object {
+                    "name": "arg",
+                    "nullable": false,
+                    "typeAnnotation": Object {
+                      "elementType": Object {
+                        "elementType": Object {
+                          "elementType": Object {
+                            "elementType": Object {
+                              "elementType": Object {
+                                "type": "AnyTypeAnnotation",
+                              },
+                              "type": "ArrayTypeAnnotation",
+                            },
+                            "type": "ArrayTypeAnnotation",
+                          },
+                          "type": "ArrayTypeAnnotation",
+                        },
+                        "type": "ArrayTypeAnnotation",
+                      },
+                      "type": "ArrayTypeAnnotation",
+                    },
+                  },
+                ],
+                "returnTypeAnnotation": Object {
+                  "elementType": Object {
+                    "elementType": Object {
+                      "elementType": Object {
+                        "type": "StringTypeAnnotation",
+                      },
+                      "type": "ArrayTypeAnnotation",
+                    },
+                    "type": "ArrayTypeAnnotation",
+                  },
+                  "nullable": false,
+                  "type": "ArrayTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture NATIVE_MODULE_WITH_COMPLEX_OBJECTS 1`] = `
+Object {
+  "modules": Object {
+    "NativeSampleTurboModule": Object {
+      "nativeModules": Object {
+        "SampleTurboModule": Object {
+          "properties": Array [
+            Object {
+              "name": "getObject",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [
+                  Object {
+                    "name": "arg",
+                    "nullable": false,
+                    "typeAnnotation": Object {
+                      "properties": Array [
+                        Object {
+                          "name": "const1",
+                          "optional": false,
+                          "typeAnnotation": Object {
+                            "properties": Array [
+                              Object {
+                                "name": "const1",
+                                "optional": false,
+                                "typeAnnotation": Object {
+                                  "type": "BooleanTypeAnnotation",
+                                },
+                              },
+                            ],
+                            "type": "ObjectTypeAnnotation",
+                          },
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  },
+                ],
+                "returnTypeAnnotation": Object {
+                  "nullable": false,
+                  "properties": Array [
+                    Object {
+                      "name": "const1",
+                      "optional": false,
+                      "typeAnnotation": Object {
+                        "properties": Array [
+                          Object {
+                            "name": "const1",
+                            "optional": false,
+                            "typeAnnotation": Object {
+                              "type": "BooleanTypeAnnotation",
+                            },
+                          },
+                        ],
+                        "type": "ObjectTypeAnnotation",
+                      },
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "getReadOnlyObject",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [
+                  Object {
+                    "name": "arg",
+                    "nullable": false,
+                    "typeAnnotation": Object {
+                      "properties": Array [
+                        Object {
+                          "name": "const1",
+                          "optional": false,
+                          "typeAnnotation": Object {
+                            "properties": Array [
+                              Object {
+                                "name": "const1",
+                                "optional": false,
+                                "typeAnnotation": Object {
+                                  "type": "BooleanTypeAnnotation",
+                                },
+                              },
+                            ],
+                            "type": "ObjectTypeAnnotation",
+                          },
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  },
+                ],
+                "returnTypeAnnotation": Object {
+                  "nullable": false,
+                  "properties": Array [
+                    Object {
+                      "name": "const1",
+                      "optional": false,
+                      "typeAnnotation": Object {
+                        "properties": Array [
+                          Object {
+                            "name": "const1",
+                            "optional": false,
+                            "typeAnnotation": Object {
+                              "type": "BooleanTypeAnnotation",
+                            },
+                          },
+                        ],
+                        "type": "ObjectTypeAnnotation",
+                      },
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "getObject2",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [
+                  Object {
+                    "name": "arg",
+                    "nullable": false,
+                    "typeAnnotation": Object {
+                      "properties": Array [
+                        Object {
+                          "name": "a",
+                          "optional": false,
+                          "typeAnnotation": Object {
+                            "type": "StringTypeAnnotation",
+                          },
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  },
+                ],
+                "returnTypeAnnotation": Object {
+                  "nullable": false,
+                  "type": "GenericObjectTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "getObjectInArray",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [
+                  Object {
+                    "name": "arg",
+                    "nullable": false,
+                    "typeAnnotation": Object {
+                      "properties": Array [
+                        Object {
+                          "name": "const1",
+                          "optional": false,
+                          "typeAnnotation": Object {
+                            "properties": Array [
+                              Object {
+                                "name": "const1",
+                                "optional": false,
+                                "typeAnnotation": Object {
+                                  "type": "BooleanTypeAnnotation",
+                                },
+                              },
+                            ],
+                            "type": "ObjectTypeAnnotation",
+                          },
+                        },
+                      ],
+                      "type": "ObjectTypeAnnotation",
+                    },
+                  },
+                ],
+                "returnTypeAnnotation": Object {
+                  "elementType": Object {
+                    "properties": Array [
+                      Object {
+                        "name": "const1",
+                        "optional": false,
+                        "typeAnnotation": Object {
+                          "properties": Array [
+                            Object {
+                              "name": "const1",
+                              "optional": false,
+                              "typeAnnotation": Object {
+                                "type": "BooleanTypeAnnotation",
+                              },
+                            },
+                          ],
+                          "type": "ObjectTypeAnnotation",
+                        },
+                      },
+                    ],
+                    "type": "ObjectTypeAnnotation",
+                  },
+                  "nullable": false,
+                  "type": "ArrayTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture NATIVE_MODULE_WITH_COMPLEX_OBJECTS_WITH_NULLABLE_KEY 1`] = `
+Object {
+  "modules": Object {
+    "NativeSampleTurboModule": Object {
+      "nativeModules": Object {
+        "SampleTurboModule": Object {
+          "properties": Array [
+            Object {
+              "name": "getConstants",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [],
+                "returnTypeAnnotation": Object {
+                  "nullable": false,
+                  "properties": Array [
+                    Object {
+                      "name": "isTesting",
+                      "optional": false,
+                      "typeAnnotation": Object {
+                        "type": "BooleanTypeAnnotation",
+                      },
+                    },
+                    Object {
+                      "name": "reactNativeVersion",
+                      "optional": false,
+                      "typeAnnotation": Object {
+                        "properties": Array [
+                          Object {
+                            "name": "major",
+                            "optional": false,
+                            "typeAnnotation": Object {
+                              "type": "NumberTypeAnnotation",
+                            },
+                          },
+                          Object {
+                            "name": "minor",
+                            "optional": false,
+                            "typeAnnotation": Object {
+                              "type": "NumberTypeAnnotation",
+                            },
+                          },
+                          Object {
+                            "name": "patch",
+                            "optional": true,
+                            "typeAnnotation": Object {
+                              "type": "NumberTypeAnnotation",
+                            },
+                          },
+                          Object {
+                            "name": "prerelease",
+                            "optional": true,
+                            "typeAnnotation": Object {
+                              "type": "NumberTypeAnnotation",
+                            },
+                          },
+                        ],
+                        "type": "ObjectTypeAnnotation",
+                      },
+                    },
+                    Object {
+                      "name": "forceTouchAvailable",
+                      "optional": false,
+                      "typeAnnotation": Object {
+                        "type": "BooleanTypeAnnotation",
+                      },
+                    },
+                    Object {
+                      "name": "osVersion",
+                      "optional": false,
+                      "typeAnnotation": Object {
+                        "type": "StringTypeAnnotation",
+                      },
+                    },
+                    Object {
+                      "name": "systemName",
+                      "optional": false,
+                      "typeAnnotation": Object {
+                        "type": "StringTypeAnnotation",
+                      },
+                    },
+                    Object {
+                      "name": "interfaceIdiom",
+                      "optional": false,
+                      "typeAnnotation": Object {
+                        "type": "StringTypeAnnotation",
+                      },
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture NATIVE_MODULE_WITH_NULLABLE_PARAM 1`] = `
+Object {
+  "modules": Object {
+    "NativeSampleTurboModule": Object {
+      "nativeModules": Object {
+        "SampleTurboModule": Object {
+          "properties": Array [
+            Object {
+              "name": "voidFunc",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [
+                  Object {
+                    "name": "arg",
+                    "nullable": true,
+                    "typeAnnotation": Object {
+                      "type": "StringTypeAnnotation",
+                    },
+                  },
+                ],
+                "returnTypeAnnotation": Object {
+                  "nullable": false,
+                  "type": "VoidTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture NATIVE_MODULE_WITH_OBJECT_WITH_OBJECT_DEIFNED_IN_FILE_AS_PROPERTY 1`] = `
+Object {
+  "modules": Object {
+    "NativeSampleTurboModule": Object {
+      "nativeModules": Object {
+        "SampleTurboModule": Object {
+          "properties": Array [
+            Object {
+              "name": "getConstants",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [],
+                "returnTypeAnnotation": Object {
+                  "nullable": false,
+                  "properties": Array [
+                    Object {
+                      "name": "Dimensions",
+                      "optional": false,
+                      "typeAnnotation": Object {
+                        "properties": Array [
+                          Object {
+                            "name": "windowPhysicalPixels",
+                            "optional": false,
+                            "typeAnnotation": Object {
+                              "properties": Array [
+                                Object {
+                                  "name": "width",
+                                  "optional": false,
+                                  "typeAnnotation": Object {
+                                    "type": "NumberTypeAnnotation",
+                                  },
+                                },
+                              ],
+                              "type": "ObjectTypeAnnotation",
+                            },
+                          },
+                        ],
+                        "type": "ObjectTypeAnnotation",
+                      },
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "getConstants2",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [],
+                "returnTypeAnnotation": Object {
+                  "nullable": false,
+                  "properties": Array [
+                    Object {
+                      "name": "Dimensions",
+                      "optional": false,
+                      "typeAnnotation": Object {
+                        "properties": Array [
+                          Object {
+                            "name": "windowPhysicalPixels",
+                            "optional": false,
+                            "typeAnnotation": Object {
+                              "properties": Array [
+                                Object {
+                                  "name": "width",
+                                  "optional": false,
+                                  "typeAnnotation": Object {
+                                    "type": "NumberTypeAnnotation",
+                                  },
+                                },
+                              ],
+                              "type": "ObjectTypeAnnotation",
+                            },
+                          },
+                        ],
+                        "type": "ObjectTypeAnnotation",
+                      },
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture NATIVE_MODULE_WITH_PROMISE 1`] = `
+Object {
+  "modules": Object {
+    "NativeSampleTurboModule": Object {
+      "nativeModules": Object {
+        "SampleTurboModule": Object {
+          "properties": Array [
+            Object {
+              "name": "getValueWithPromise",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [],
+                "returnTypeAnnotation": Object {
+                  "nullable": false,
+                  "type": "GenericPromiseTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "getValueWithPromiseDefinedSomewhereElse",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [],
+                "returnTypeAnnotation": Object {
+                  "nullable": false,
+                  "type": "GenericPromiseTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "getValueWithPromiseObjDefinedSomewhereElse",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [],
+                "returnTypeAnnotation": Object {
+                  "nullable": false,
+                  "type": "GenericPromiseTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture NATIVE_MODULE_WITH_SIMPLE_OBJECT 1`] = `
+Object {
+  "modules": Object {
+    "NativeSampleTurboModule": Object {
+      "nativeModules": Object {
+        "SampleTurboModule": Object {
+          "properties": Array [
+            Object {
+              "name": "getObject",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [
+                  Object {
+                    "name": "o",
+                    "nullable": false,
+                    "typeAnnotation": Object {
+                      "type": "GenericObjectTypeAnnotation",
+                    },
+                  },
+                ],
+                "returnTypeAnnotation": Object {
+                  "nullable": false,
+                  "type": "GenericObjectTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture NATIVE_MODULE_WITH_WITH_ALIASES 1`] = `
+Object {
+  "modules": Object {
+    "NativeSampleTurboModule": Object {
+      "nativeModules": Object {
+        "SampleTurboModule": Object {
+          "properties": Array [
+            Object {
+              "name": "getNumber",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [
+                  Object {
+                    "name": "arg",
+                    "nullable": false,
+                    "typeAnnotation": Object {
+                      "type": "NumberTypeAnnotation",
+                    },
+                  },
+                ],
+                "returnTypeAnnotation": Object {
+                  "nullable": false,
+                  "type": "VoidTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "getVoid",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [],
+                "returnTypeAnnotation": Object {
+                  "nullable": false,
+                  "type": "VoidTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "getArray",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [
+                  Object {
+                    "name": "a",
+                    "nullable": false,
+                    "typeAnnotation": Object {
+                      "elementType": Object {
+                        "type": "NumberTypeAnnotation",
+                      },
+                      "type": "ArrayTypeAnnotation",
+                    },
+                  },
+                ],
+                "returnTypeAnnotation": Object {
+                  "nullable": false,
+                  "properties": Array [
+                    Object {
+                      "name": "a",
+                      "optional": false,
+                      "typeAnnotation": Object {
+                        "type": "NumberTypeAnnotation",
+                      },
+                    },
+                  ],
+                  "type": "ObjectTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+}
+`;
+
+exports[`RN Codegen Flow Parser can generate fixture NATIVE_MODULE_WITH_WITH_FLOAT_AND_INT32 1`] = `
+Object {
+  "modules": Object {
+    "NativeSampleTurboModule": Object {
+      "nativeModules": Object {
+        "SampleTurboModule": Object {
+          "properties": Array [
+            Object {
+              "name": "getInt",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [
+                  Object {
+                    "name": "arg",
+                    "nullable": false,
+                    "typeAnnotation": Object {
+                      "type": "Int32TypeAnnotation",
+                    },
+                  },
+                ],
+                "returnTypeAnnotation": Object {
+                  "nullable": false,
+                  "type": "Int32TypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "getFloat",
+              "typeAnnotation": Object {
+                "optional": false,
+                "params": Array [
+                  Object {
+                    "name": "arg",
+                    "nullable": false,
+                    "typeAnnotation": Object {
+                      "type": "FloatTypeAnnotation",
+                    },
+                  },
+                ],
+                "returnTypeAnnotation": Object {
+                  "nullable": false,
+                  "type": "FloatTypeAnnotation",
+                },
+                "type": "FunctionTypeAnnotation",
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+}
+`;
diff --git a/packages/react-native-codegen/src/parsers/flow/modules/__tests__/module-parser-test.js b/packages/react-native-codegen/src/parsers/flow/modules/__tests__/module-parser-test.js
new file mode 100644
index 00000000000000..a06fe82e4133c8
--- /dev/null
+++ b/packages/react-native-codegen/src/parsers/flow/modules/__tests__/module-parser-test.js
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @flow
+ * @format
+ */
+
+'use strict';
+
+const FlowParser = require('../../index.js');
+const fixtures = require('../__test_fixtures__/fixtures.js');
+const failureFixtures = require('../__test_fixtures__/failures.js');
+jest.mock('fs', () => ({
+  readFileSync: filename => fixtures[filename] || failureFixtures[filename],
+}));
+
+describe('RN Codegen Flow Parser', () => {
+  Object.keys(fixtures)
+    .sort()
+    .forEach(fixtureName => {
+      it(`can generate fixture ${fixtureName}`, () => {
+        expect(FlowParser.parseModuleFixture(fixtureName)).toMatchSnapshot();
+      });
+    });
+
+  Object.keys(failureFixtures)
+    .sort()
+    .forEach(fixtureName => {
+      it(`Fails with error message ${fixtureName}`, () => {
+        expect(() => {
+          FlowParser.parseModuleFixture(fixtureName);
+        }).toThrowErrorMatchingSnapshot();
+      });
+    });
+});
diff --git a/packages/react-native-codegen/src/parsers/flow/modules/index.js b/packages/react-native-codegen/src/parsers/flow/modules/index.js
new file mode 100644
index 00000000000000..b610dc30e4bb85
--- /dev/null
+++ b/packages/react-native-codegen/src/parsers/flow/modules/index.js
@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {NativeModuleSchemaBuilderConfig} from './schema.js';
+const {getMethods} = require('./methods');
+
+function getModuleProperties(types, interfaceName) {
+  if (types[interfaceName] && types[interfaceName].body) {
+    return types[interfaceName].body.properties;
+  }
+  throw new Error(
+    `Interface properties for "${interfaceName}" has been specified incorrectly.`,
+  );
+}
+
+function findInterfaceName(types) {
+  return Object.keys(types)
+    .map(typeName => types[typeName])
+    .filter(
+      type =>
+        type.extends &&
+        type.extends[0] &&
+        type.extends[0].id.name === 'TurboModule',
+    )[0].id.name;
+}
+
+// $FlowFixMe there's no flowtype for AST
+function processModule(types): NativeModuleSchemaBuilderConfig {
+  const interfaceName = findInterfaceName(types);
+
+  const moduleProperties = getModuleProperties(types, interfaceName);
+  const properties = getMethods(moduleProperties, types);
+  return {properties};
+}
+
+module.exports = {
+  processModule,
+};
diff --git a/packages/react-native-codegen/src/parsers/flow/modules/methods.js b/packages/react-native-codegen/src/parsers/flow/modules/methods.js
new file mode 100644
index 00000000000000..2c07b29dc7ea28
--- /dev/null
+++ b/packages/react-native-codegen/src/parsers/flow/modules/methods.js
@@ -0,0 +1,446 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 {
+  MethodTypeShape,
+  FunctionTypeAnnotationParam,
+  FunctionTypeAnnotationReturn,
+  FunctionTypeAnnotationParamTypeAnnotation,
+  ObjectParamTypeAnnotation,
+} from '../../../CodegenSchema.js';
+
+import type {TypeMap} from '../utils.js';
+const {getValueFromTypes} = require('../utils.js');
+
+// $FlowFixMe there's no flowtype for ASTs
+type MethodAST = Object;
+
+function getObjectProperties(
+  name: string,
+  objectParam,
+  paramName: string,
+  types: TypeMap,
+): $ReadOnlyArray<ObjectParamTypeAnnotation> {
+  return objectParam.properties.map(objectTypeProperty => {
+    let optional = objectTypeProperty.optional;
+    let value = objectTypeProperty.value;
+    if (value.type === 'NullableTypeAnnotation') {
+      if (
+        objectTypeProperty.value.typeAnnotation.type !== 'StringTypeAnnotation'
+      ) {
+        optional = true;
+      }
+      value = objectTypeProperty.value.typeAnnotation;
+    }
+    return {
+      optional,
+      name: objectTypeProperty.key.name,
+      typeAnnotation: getElementTypeForArrayOrObject(
+        name,
+        value,
+        paramName,
+        types,
+      ),
+    };
+  });
+}
+
+function getElementTypeForArrayOrObject(
+  name,
+  arrayParam,
+  paramName,
+  types: TypeMap,
+): FunctionTypeAnnotationParamTypeAnnotation | typeof undefined {
+  const typeAnnotation = getValueFromTypes(arrayParam, types);
+  const type =
+    typeAnnotation.type === 'GenericTypeAnnotation'
+      ? typeAnnotation.id.name
+      : typeAnnotation.type;
+
+  switch (type) {
+    case 'Array':
+    case '$ReadOnlyArray':
+      if (
+        typeAnnotation.typeParameters &&
+        typeAnnotation.typeParameters.params[0]
+      ) {
+        return {
+          type: 'ArrayTypeAnnotation',
+          elementType: getElementTypeForArrayOrObject(
+            name,
+            typeAnnotation.typeParameters.params[0],
+            'returning value',
+            types,
+          ),
+        };
+      } else {
+        throw new Error(
+          `Unsupported type for ${name}, param: "${paramName}": expected to find annotation for type of nested array contents`,
+        );
+      }
+    case 'ObjectTypeAnnotation':
+      return {
+        type: 'ObjectTypeAnnotation',
+        properties: getObjectProperties(name, typeAnnotation, paramName, types),
+      };
+    case '$ReadOnly':
+      if (
+        typeAnnotation.typeParameters.params &&
+        typeAnnotation.typeParameters.params[0]
+      ) {
+        return {
+          type: 'ObjectTypeAnnotation',
+          properties: getObjectProperties(
+            name,
+            typeAnnotation.typeParameters.params[0],
+            paramName,
+            types,
+          ),
+        };
+      } else {
+        throw new Error(
+          `Unsupported param for method "${name}", param "${paramName}". No type specified for $ReadOnly`,
+        );
+      }
+    case 'AnyTypeAnnotation':
+      return {
+        type,
+      };
+    case 'NumberTypeAnnotation':
+    case 'BooleanTypeAnnotation':
+      return {
+        type,
+      };
+    case 'StringTypeAnnotation':
+    case 'Stringish':
+      return {
+        type: 'StringTypeAnnotation',
+      };
+    case 'Int32':
+      return {
+        type: 'Int32TypeAnnotation',
+      };
+    case 'Float':
+      return {
+        type: 'FloatTypeAnnotation',
+      };
+    case 'TupleTypeAnnotation':
+    case 'UnionTypeAnnotation':
+      return undefined;
+    default:
+      return {
+        type: 'GenericObjectTypeAnnotation',
+      };
+  }
+}
+
+function getTypeAnnotationForParam(
+  name: string,
+  paramAnnotation,
+  types: TypeMap,
+): FunctionTypeAnnotationParam {
+  let param = paramAnnotation;
+  if (param.name === null) {
+    throw new Error(
+      `Unsupported type for ${name}. Please provide a name for every parameter.`,
+    );
+  }
+  let paramName = param.name.name;
+  let nullable = false;
+  if (param.typeAnnotation.type === 'NullableTypeAnnotation') {
+    nullable = true;
+    param = paramAnnotation.typeAnnotation;
+  }
+
+  const typeAnnotation = getValueFromTypes(param.typeAnnotation, types);
+  const type =
+    typeAnnotation.type === 'GenericTypeAnnotation'
+      ? typeAnnotation.id.name
+      : typeAnnotation.type;
+
+  switch (type) {
+    case 'Array':
+    case '$ReadOnlyArray':
+      if (
+        typeAnnotation.typeParameters &&
+        typeAnnotation.typeParameters.params[0]
+      ) {
+        return {
+          name: paramName,
+          nullable,
+          typeAnnotation: {
+            type: 'ArrayTypeAnnotation',
+            elementType: getElementTypeForArrayOrObject(
+              name,
+              typeAnnotation.typeParameters.params[0],
+              paramName,
+              types,
+            ),
+          },
+        };
+      } else {
+        throw new Error(
+          `Unsupported type for ${name}, param: "${paramName}": expected to find annotation for type of array contents`,
+        );
+      }
+    case 'ObjectTypeAnnotation':
+      return {
+        nullable,
+        name: paramName,
+        typeAnnotation: {
+          type: 'ObjectTypeAnnotation',
+          properties: getObjectProperties(
+            name,
+            typeAnnotation,
+            paramName,
+            types,
+          ),
+        },
+      };
+    case '$ReadOnly':
+      if (
+        typeAnnotation.typeParameters.params &&
+        typeAnnotation.typeParameters.params[0]
+      ) {
+        return {
+          nullable,
+          name: paramName,
+          typeAnnotation: {
+            type: 'ObjectTypeAnnotation',
+            properties: getObjectProperties(
+              name,
+              typeAnnotation.typeParameters.params[0],
+              paramName,
+              types,
+            ),
+          },
+        };
+      } else {
+        throw new Error(
+          `Unsupported param for method "${name}", param "${paramName}". No type specified for $ReadOnly`,
+        );
+      }
+    case 'FunctionTypeAnnotation':
+      return {
+        name: paramName,
+        nullable,
+        typeAnnotation: {
+          type: 'FunctionTypeAnnotation',
+        },
+      };
+    case 'NumberTypeAnnotation':
+    case 'BooleanTypeAnnotation':
+      return {
+        nullable,
+        name: paramName,
+        typeAnnotation: {
+          type,
+        },
+      };
+
+    case 'StringTypeAnnotation':
+    case 'Stringish':
+      return {
+        nullable,
+        name: paramName,
+        typeAnnotation: {
+          type: 'StringTypeAnnotation',
+        },
+      };
+    case 'Int32':
+      return {
+        nullable,
+        name: paramName,
+        typeAnnotation: {
+          type: 'Int32TypeAnnotation',
+        },
+      };
+    case 'Float':
+      return {
+        nullable,
+        name: paramName,
+        typeAnnotation: {
+          type: 'FloatTypeAnnotation',
+        },
+      };
+    default:
+      return {
+        nullable,
+        name: paramName,
+        typeAnnotation: {
+          type: 'GenericObjectTypeAnnotation',
+        },
+      };
+  }
+}
+
+function getReturnTypeAnnotation(
+  methodName: string,
+  returnType,
+  types: TypeMap,
+): FunctionTypeAnnotationReturn {
+  let typeAnnotation = getValueFromTypes(returnType, types);
+  let nullable = false;
+  if (typeAnnotation.type === 'NullableTypeAnnotation') {
+    nullable = true;
+    typeAnnotation = typeAnnotation.typeAnnotation;
+  }
+  let type =
+    typeAnnotation.type === 'GenericTypeAnnotation'
+      ? typeAnnotation.id.name
+      : typeAnnotation.type;
+
+  switch (type) {
+    case 'Promise':
+      if (
+        typeAnnotation.typeParameters &&
+        typeAnnotation.typeParameters.params[0]
+      ) {
+        return {
+          type: 'GenericPromiseTypeAnnotation',
+          nullable,
+        };
+      } else {
+        throw new Error(
+          `Unsupported return promise type for ${methodName}: expected to find annotation for type of promise content`,
+        );
+      }
+    case 'Array':
+    case '$ReadOnlyArray':
+      if (
+        typeAnnotation.typeParameters &&
+        typeAnnotation.typeParameters.params[0]
+      ) {
+        return {
+          nullable,
+          type: 'ArrayTypeAnnotation',
+          elementType: getElementTypeForArrayOrObject(
+            methodName,
+            typeAnnotation.typeParameters.params[0],
+            'returning value',
+            types,
+          ),
+        };
+      } else {
+        throw new Error(
+          `Unsupported return type for ${methodName}: expected to find annotation for type of array contents`,
+        );
+      }
+    case 'ObjectTypeAnnotation':
+      return {
+        nullable,
+        type: 'ObjectTypeAnnotation',
+        properties: getObjectProperties(
+          methodName,
+          typeAnnotation,
+          'returning value',
+          types,
+        ),
+      };
+    case '$ReadOnly':
+      if (
+        typeAnnotation.typeParameters.params &&
+        typeAnnotation.typeParameters.params[0]
+      ) {
+        return {
+          nullable,
+          type: 'ObjectTypeAnnotation',
+          properties: getObjectProperties(
+            methodName,
+            typeAnnotation.typeParameters.params[0],
+            'returning value',
+            types,
+          ),
+        };
+      } else {
+        throw new Error(
+          `Unsupported return type for method "${methodName}", No type specified for $ReadOnly`,
+        );
+      }
+    case 'BooleanTypeAnnotation':
+    case 'NumberTypeAnnotation':
+    case 'VoidTypeAnnotation':
+      return {
+        nullable,
+        type,
+      };
+    case 'StringTypeAnnotation':
+    case 'Stringish':
+      return {
+        nullable,
+        type: 'StringTypeAnnotation',
+      };
+
+    case 'Int32':
+      return {
+        nullable,
+        type: 'Int32TypeAnnotation',
+      };
+    case 'Float':
+      return {
+        nullable,
+        type: 'FloatTypeAnnotation',
+      };
+    default:
+      return {
+        type: 'GenericObjectTypeAnnotation',
+        nullable,
+      };
+  }
+}
+
+function buildMethodSchema(
+  property: MethodAST,
+  types: TypeMap,
+): MethodTypeShape {
+  const name: string = property.key.name;
+  const value = getValueFromTypes(property.value, types);
+  if (value.type !== 'FunctionTypeAnnotation') {
+    throw new Error(
+      `Only methods are supported as module properties. Found ${
+        value.type
+      } in ${property.key.name}`,
+    );
+  }
+  const params = value.params.map(param =>
+    getTypeAnnotationForParam(name, param, types),
+  );
+
+  const returnTypeAnnotation = getReturnTypeAnnotation(
+    name,
+    getValueFromTypes(value.returnType, types),
+    types,
+  );
+  return {
+    name,
+    typeAnnotation: {
+      type: 'FunctionTypeAnnotation',
+      returnTypeAnnotation,
+      params,
+      optional: property.optional,
+    },
+  };
+}
+
+function getMethods(
+  typeDefinition: $ReadOnlyArray<MethodAST>,
+  types: TypeMap,
+): $ReadOnlyArray<MethodTypeShape> {
+  return typeDefinition
+    .filter(property => property.type === 'ObjectTypeProperty')
+    .map(property => buildMethodSchema(property, types))
+    .filter(Boolean);
+}
+
+module.exports = {
+  getMethods,
+};
diff --git a/packages/react-native-codegen/src/parsers/flow/modules/schema.js b/packages/react-native-codegen/src/parsers/flow/modules/schema.js
new file mode 100644
index 00000000000000..51452ae27d5f3c
--- /dev/null
+++ b/packages/react-native-codegen/src/parsers/flow/modules/schema.js
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {SchemaType, MethodTypeShape} from '../../../CodegenSchema.js';
+
+export type NativeModuleSchemaBuilderConfig = $ReadOnly<{|
+  properties: $ReadOnlyArray<MethodTypeShape>,
+|}>;
+
+function buildModuleSchema(
+  {properties}: NativeModuleSchemaBuilderConfig,
+  moduleName: string,
+): SchemaType {
+  return {
+    modules: {
+      [`Native${moduleName}`]: {
+        nativeModules: {
+          [moduleName]: {
+            properties,
+          },
+        },
+      },
+    },
+  };
+}
+
+module.exports = {
+  buildModuleSchema,
+};
diff --git a/packages/react-native-codegen/src/parsers/flow/utils.js b/packages/react-native-codegen/src/parsers/flow/utils.js
new file mode 100644
index 00000000000000..663b6b90bb941a
--- /dev/null
+++ b/packages/react-native-codegen/src/parsers/flow/utils.js
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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';
+
+// $FlowFixMe there's no flowtype for ASTs
+export type TypeMap = $ReadOnly<{|[name: string]: Object|}>;
+
+// $FlowFixMe there's no flowtype for ASTs
+export type ASTNode = Object;
+
+function getValueFromTypes(value: ASTNode, types: TypeMap): ASTNode {
+  if (value.type === 'GenericTypeAnnotation' && types[value.id.name]) {
+    return getValueFromTypes(types[value.id.name].right, types);
+  }
+  return value;
+}
+
+module.exports = {
+  getValueFromTypes,
+};
diff --git a/packages/react-native-codegen/src/generators/RNParser.js b/packages/react-native-codegen/src/parsers/schema/index.js
similarity index 88%
rename from packages/react-native-codegen/src/generators/RNParser.js
rename to packages/react-native-codegen/src/parsers/schema/index.js
index 7d8cef5be3f301..663ffcb2f807e8 100644
--- a/packages/react-native-codegen/src/generators/RNParser.js
+++ b/packages/react-native-codegen/src/parsers/schema/index.js
@@ -10,7 +10,7 @@
 
 'use strict';
 
-import type {SchemaType} from '../CodegenSchema.js';
+import type {SchemaType} from '../../CodegenSchema.js';
 
 function parse(filename: string): ?SchemaType {
   try {
diff --git a/react-native.config.js b/react-native.config.js
index 8c1195d3f1d666..0e2a36feffc66c 100644
--- a/react-native.config.js
+++ b/react-native.config.js
@@ -38,7 +38,7 @@ module.exports = {
   reactNativePath: '.',
   project: {
     ios: {
-      project: './RNTester/RNTester.xcodeproj',
+      project: './RNTester/RNTesterPods.xcworkspace',
     },
     android: {
       sourceDir: './RNTester',
diff --git a/react.gradle b/react.gradle
index 1b8e303c4d4eee..a84417bcc6a5a9 100644
--- a/react.gradle
+++ b/react.gradle
@@ -8,12 +8,15 @@ import org.apache.tools.ant.taskdefs.condition.Os
 def config = project.hasProperty("react") ? project.react : [];
 
 def cliPath = config.cliPath ?: "node_modules/react-native/cli.js"
+def composeSourceMapsPath = config.composeSourceMapsPath ?: "node_modules/react-native/scripts/compose-source-maps.js"
 def bundleAssetName = config.bundleAssetName ?: "index.android.bundle"
 def entryFile = config.entryFile ?: "index.android.js"
 def bundleCommand = config.bundleCommand ?: "bundle"
 def reactRoot = file(config.root ?: "../../")
 def inputExcludes = config.inputExcludes ?: ["android/**", "ios/**"]
 def bundleConfig = config.bundleConfig ? "${reactRoot}/${config.bundleConfig}" : null ;
+def enableVmCleanup = config.enableVmCleanup == null ? true : config.enableVmCleanup
+def hermesCommand = config.hermesCommand ?: "../../node_modules/hermes-engine/%OS-BIN%/hermes"
 
 def reactNativeDevServerPort() {
     def value = project.getProperties().get("reactNativeDevServerPort")
@@ -25,6 +28,34 @@ def reactNativeInspectorProxyPort() {
     return value != null ? value : reactNativeDevServerPort()
 }
 
+def getHermesOSBin() {
+    if (Os.isFamily(Os.FAMILY_WINDOWS)) return "win64-bin";
+    if (Os.isFamily(Os.FAMILY_MAC)) return "osx-bin";
+    if (Os.isOs(null, "linux", "amd64", null)) return "linux64-bin";
+    throw new Exception("OS not recognized. Please set project.ext.react.hermesCommand " +
+                        "to the path of a working Hermes compiler.");
+}
+
+// Make sure not to inspect the Hermes config unless we need it,
+// to avoid breaking any JSC-only setups.
+def getHermesCommand = {
+    // If the project specifies a Hermes command, don't second guess it.
+    if (!hermesCommand.contains("%OS-BIN%")) {
+        return hermesCommand
+    }
+
+    // Execution on Windows fails with / as separator
+    return hermesCommand
+            .replaceAll("%OS-BIN%", getHermesOSBin())
+            .replace('/' as char, File.separatorChar);
+}
+
+// Set enableHermesForVariant to a function to configure per variant,
+// or set `enableHermes` to True/False to set all of them
+def enableHermesForVariant = config.enableHermesForVariant ?: {
+    def variant -> config.enableHermes ?: false
+}
+
 android {
     buildTypes.all {
         resValue "integer", "react_native_dev_server_port", reactNativeDevServerPort()
@@ -45,10 +76,30 @@ afterEvaluate {
         def resourcesDir = file("$buildDir/generated/res/react/${targetPath}")
 
         def jsBundleFile = file("$jsBundleDir/$bundleAssetName")
+        def jsSourceMapsDir = file("$buildDir/generated/sourcemaps/react/${targetPath}")
+        def jsIntermediateSourceMapsDir = file("$buildDir/intermediates/sourcemaps/react/${targetPath}")
+        def jsPackagerSourceMapFile = file("$jsIntermediateSourceMapsDir/${bundleAssetName}.packager.map")
+        def jsCompilerSourceMapFile = file("$jsIntermediateSourceMapsDir/${bundleAssetName}.compiler.map")
+        def jsOutputSourceMapFile = file("$jsSourceMapsDir/${bundleAssetName}.map")
 
         // Additional node and packager commandline arguments
         def nodeExecutableAndArgs = config.nodeExecutableAndArgs ?: ["node"]
         def extraPackagerArgs = config.extraPackagerArgs ?: []
+        def npx = Os.isFamily(Os.FAMILY_WINDOWS) ? "npx.cmd" : "npx"
+
+        def execCommand = []
+
+        if (config.cliPath || config.nodeExecutableAndArgs) {
+            if (Os.isFamily(Os.FAMILY_WINDOWS)) {
+                execCommand.addAll(["cmd", "/c", *nodeExecutableAndArgs, cliPath])
+            } else {
+                execCommand.addAll([*nodeExecutableAndArgs, cliPath])
+            }
+        } else {
+            execCommand.addAll([npx, "react-native"])
+        }
+
+        def enableHermes = enableHermesForVariant(variant)
 
         def currentBundleTask = tasks.create(
             name: "bundle${targetName}JsAndAssets",
@@ -62,6 +113,10 @@ afterEvaluate {
                 jsBundleDir.mkdirs()
                 resourcesDir.deleteDir()
                 resourcesDir.mkdirs()
+                jsIntermediateSourceMapsDir.deleteDir()
+                jsIntermediateSourceMapsDir.mkdirs()
+                jsSourceMapsDir.deleteDir()
+                jsSourceMapsDir.mkdirs()
             }
 
             // Set up inputs and outputs so gradle can cache the result
@@ -84,19 +139,61 @@ afterEvaluate {
                 extraArgs.add(bundleConfig);
             }
 
-            if (Os.isFamily(Os.FAMILY_WINDOWS)) {
-                commandLine("cmd", "/c", *nodeExecutableAndArgs, cliPath, bundleCommand, "--platform", "android", "--dev", "${devEnabled}",
-                    "--reset-cache", "--entry-file", entryFile, "--bundle-output", jsBundleFile, "--assets-dest", resourcesDir, *extraArgs)
-            } else {
-                commandLine(*nodeExecutableAndArgs, cliPath, bundleCommand, "--platform", "android", "--dev", "${devEnabled}",
-                    "--reset-cache", "--entry-file", entryFile, "--bundle-output", jsBundleFile, "--assets-dest", resourcesDir, *extraArgs)
+            commandLine(*execCommand, bundleCommand, "--platform", "android", "--dev", "${devEnabled}",
+                "--reset-cache", "--entry-file", entryFile, "--bundle-output", jsBundleFile, "--assets-dest", resourcesDir,
+                "--sourcemap-output", enableHermes ? jsPackagerSourceMapFile : jsOutputSourceMapFile, *extraArgs)
+
+
+            if (enableHermes) {
+                doLast {
+                    def hermesFlags;
+                    def hbcTempFile = file("${jsBundleFile}.hbc")
+                    exec {
+                        if (targetName.toLowerCase().contains("release")) {
+                            // Can't use ?: since that will also substitute valid empty lists
+                            hermesFlags = config.hermesFlagsRelease
+                            if (hermesFlags == null) hermesFlags = ["-O", "-output-source-map"]
+                        } else {
+                            hermesFlags = config.hermesFlagsDebug
+                            if (hermesFlags == null) hermesFlags = []
+                        }
+                        
+                        if (Os.isFamily(Os.FAMILY_WINDOWS)) {
+                            commandLine("cmd", "/c", getHermesCommand(), "-emit-binary", "-out", hbcTempFile, jsBundleFile, *hermesFlags)
+                        } else {
+                            commandLine(getHermesCommand(), "-emit-binary", "-out", hbcTempFile, jsBundleFile, *hermesFlags)
+                        }
+                    }
+                    ant.move(
+                        file: hbcTempFile,
+                        toFile: jsBundleFile
+                    );
+                    if (hermesFlags.contains("-output-source-map")) {
+                        ant.move(
+                            // Hermes will generate a source map with this exact name
+                            file: "${jsBundleFile}.hbc.map",
+                            tofile: jsCompilerSourceMapFile
+                        );
+                        exec {
+                            // TODO: set task dependencies for caching
+
+                            // Set up the call to the compose-source-maps script
+                            workingDir(reactRoot)
+                            if (Os.isFamily(Os.FAMILY_WINDOWS)) {
+                                commandLine("cmd", "/c", *nodeExecutableAndArgs, composeSourceMapsPath, jsPackagerSourceMapFile, jsCompilerSourceMapFile, "-o", jsOutputSourceMapFile)
+                            } else {
+                                commandLine(*nodeExecutableAndArgs, composeSourceMapsPath, jsPackagerSourceMapFile, jsCompilerSourceMapFile, "-o", jsOutputSourceMapFile)
+                            }
+                        }
+                    }
+                }
             }
 
             enabled config."bundleIn${targetName}" != null
-              ? config."bundleIn${targetName}"
-              : config."bundleIn${variant.buildType.name.capitalize()}" != null
-                ? config."bundleIn${variant.buildType.name.capitalize()}"
-                : targetName.toLowerCase().contains("release")
+                ? config."bundleIn${targetName}"
+                : config."bundleIn${variant.buildType.name.capitalize()}" != null
+                    ? config."bundleIn${variant.buildType.name.capitalize()}"
+                    : targetName.toLowerCase().contains("release")
         }
 
         // Expose a minimal interface on the application variant and the task itself:
@@ -181,5 +278,46 @@ afterEvaluate {
         if (buildPreBundleTask != null) {
             buildPreBundleTask.dependsOn(currentAssetsCopyTask)
         }
+
+        // Delete the VM related libraries that this build doesn't need.
+        // The application can manage this manually by setting 'enableVmCleanup: false'
+        //
+        // This should really be done by packaging all Hermes releated libs into
+        // two separate HermesDebug and HermesRelease AARs, but until then we'll
+        // kludge it by deleting the .so files out of the /transforms/ directory.
+        def isRelease = targetName.toLowerCase().contains("release")
+        def libDir = "$buildDir/intermediates/transforms/"
+        def vmSelectionAction = {
+            fileTree(libDir).matching {
+                if (enableHermes) {
+                    // For Hermes, delete all the libjsc* files
+                    include "**/libjsc*.so"
+
+                    if (isRelease) {
+                        // Reduce size by deleting the debugger/inspector
+                        include '**/libhermes-inspector.so'
+                        include '**/libhermes-executor-debug.so'
+                    } else {
+                        // Release libs take precedence and must be removed
+                        // to allow debugging
+                        include '**/libhermes-executor-release.so'
+                    }
+                } else {
+                    // For JSC, delete all the libhermes* files
+                    include "**/libhermes*.so"
+                }
+            }.visit { details ->
+                def targetVariant = ".*/transforms/[^/]*/${targetPath}/.*"
+                def path = details.file.getAbsolutePath().replace(File.separatorChar, '/' as char)
+                if (path.matches(targetVariant) && details.file.isFile()) {
+                    details.file.delete()
+                }
+            }
+        }
+
+        if (enableVmCleanup) {
+            def task = tasks.findByName("package${targetName}")
+            task.doFirst(vmSelectionAction)
+        }
     }
 }
diff --git a/runXcodeTests.sh b/runXcodeTests.sh
index 05cd982769541a..83bfe1d0a92628 100755
--- a/runXcodeTests.sh
+++ b/runXcodeTests.sh
@@ -18,7 +18,7 @@ if [ -n "$1" ]
 fi
 
 xcodebuild \
-  -project "RNTester/RNTester.xcodeproj" \
+  -workspace "RNTester/RNTesterPods.xcworkspace" \
   -scheme $SCHEME \
   -sdk $SDK \
   -destination "$DESTINATION" \
diff --git a/scripts/android-e2e-test.js b/scripts/android-e2e-test.js
index 404902cbfd0509..be4d076acc7b3b 100644
--- a/scripts/android-e2e-test.js
+++ b/scripts/android-e2e-test.js
@@ -110,15 +110,12 @@ describe('Android Test App', function() {
     return (
       driver
         .waitForElementByXPath(
-          '//android.widget.TextView[starts-with(@text, "Welcome to React Native!")]',
+          '//android.widget.TextView[starts-with(@text, "Welcome to React")]',
         )
         .then(() => {
           fs.writeFileSync(
             'App.js',
-            androidAppCode.replace(
-              'Welcome to React Native!',
-              'Welcome to React Native! Reloaded',
-            ),
+            androidAppCode.replace('Step One', 'Step 1'),
             'utf-8',
           );
         })
@@ -128,7 +125,7 @@ describe('Android Test App', function() {
         .pressDeviceKey(46)
         .sleep(2000)
         .waitForElementByXPath(
-          '//android.widget.TextView[starts-with(@text, "Welcome to React Native! Reloaded")]',
+          '//android.widget.TextView[starts-with(@text, "Step 1")]',
         )
         .finally(() => {
           clearInterval(intervalToUpdate);
@@ -145,7 +142,7 @@ describe('Android Test App', function() {
     return (
       driver
         .waitForElementByXPath(
-          '//android.widget.TextView[starts-with(@text, "Welcome to React Native!")]',
+          '//android.widget.TextView[starts-with(@text, "Welcome to React")]',
         )
         // http://developer.android.com/reference/android/view/KeyEvent.html#KEYCODE_MENU
         .pressDeviceKey(82)
diff --git a/scripts/android-setup.sh b/scripts/android-setup.sh
index c76f520b931854..3032d0c69f2543 100755
--- a/scripts/android-setup.sh
+++ b/scripts/android-setup.sh
@@ -40,7 +40,7 @@ function getAndroidNDK {
   if [ ! -e $DEPS ]; then
     cd $NDK_HOME || exit
     echo "Downloading NDK..."
-    curl -o ndk.zip https://dl.google.com/android/repository/android-ndk-r17c-linux-x86_64.zip
+    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
diff --git a/scripts/autolink-ios.rb b/scripts/autolink-ios.rb
index e36ee791d21b8c..870a1a42d3569f 100644
--- a/scripts/autolink-ios.rb
+++ b/scripts/autolink-ios.rb
@@ -2,20 +2,21 @@ def use_react_native! (options={})
 
   # The prefix to the react-native
   prefix = options[:path] ||= "../node_modules/react-native"
-  
+
   # Include Fabric dependencies
   fabric_enabled = options[:fabric_enabled] ||= false
-  
-  # Include Turbo Modules dependencies
-  turbo_modules_enabled = options[:turbo_modules_enabled] ||= false
 
   # Include DevSupport dependency
   production = options[:production] ||= false
 
   # The Pods which should be included in all projects
+  pod 'FBLazyVector', :path => "#{prefix}/Libraries/FBLazyVector"
+  pod 'FBReactNativeSpec', :path => "#{prefix}/Libraries/FBReactNativeSpec"
+  pod 'RCTRequired', :path => "#{prefix}/Libraries/RCTRequired"
+  pod 'RCTTypeSafety', :path => "#{prefix}/Libraries/TypeSafety"
   pod 'React', :path => "#{prefix}/"
-  pod 'React-Core', :path => "#{prefix}/React"
-  pod 'React-fishhook', :path => "#{prefix}/Libraries/fishhook"
+  pod 'React-Core', :path => "#{prefix}/"
+  pod 'React-CoreModules', :path => "#{prefix}/React/CoreModules"
   pod 'React-RCTActionSheet', :path => "#{prefix}/Libraries/ActionSheetIOS"
   pod 'React-RCTAnimation', :path => "#{prefix}/Libraries/NativeAnimation"
   pod 'React-RCTBlob', :path => "#{prefix}/Libraries/Blob"
@@ -25,18 +26,19 @@ def use_react_native! (options={})
   pod 'React-RCTSettings', :path => "#{prefix}/Libraries/Settings"
   pod 'React-RCTText', :path => "#{prefix}/Libraries/Text"
   pod 'React-RCTVibration', :path => "#{prefix}/Libraries/Vibration"
-  pod 'React-RCTWebSocket', :path => "#{prefix}/Libraries/WebSocket"
+  pod 'React-Core/RCTWebSocket', :path => "#{prefix}/"
 
   unless production
-    pod 'React-DevSupport', :path => "#{prefix}/React"
+    pod 'React-Core/DevSupport', :path => "#{prefix}/"
   end
 
   pod 'React-cxxreact', :path => "#{prefix}/ReactCommon/cxxreact"
-  pod 'React-jscallinvoker', :path => "#{prefix}/ReactCommon/jscallinvoker"
   pod 'React-jsi', :path => "#{prefix}/ReactCommon/jsi"
   pod 'React-jsiexecutor', :path => "#{prefix}/ReactCommon/jsiexecutor"
   pod 'React-jsinspector', :path => "#{prefix}/ReactCommon/jsinspector"
-  pod 'yoga', :path => "#{prefix}/ReactCommon/yoga"
+  pod 'ReactCommon/jscallinvoker', :path => "#{prefix}/ReactCommon"
+  pod 'ReactCommon/turbomodule/core', :path => "#{prefix}/ReactCommon"
+  pod 'Yoga', :path => "#{prefix}/ReactCommon/yoga"
 
   pod 'DoubleConversion', :podspec => "#{prefix}/third-party-podspecs/DoubleConversion.podspec"
   pod 'glog', :podspec => "#{prefix}/third-party-podspecs/glog.podspec"
@@ -52,8 +54,5 @@ def use_react_native! (options={})
     pod 'React-RCTFabric', :path => "#{prefix}/React"
     pod 'Folly/Fabric', :podspec => "#{prefix}/third-party-podspecs/Folly.podspec"
   end
-  
-  if turbo_modules_enabled
-    pod 'React-turbomodule-core', :path => "#{prefix}/ReactCommon/turbomodule/core"
-  end
+
 end
diff --git a/scripts/circleci/analyze_code.sh b/scripts/circleci/analyze_code.sh
index ef55d484e91a46..fbf02e7668b2d8 100755
--- a/scripts/circleci/analyze_code.sh
+++ b/scripts/circleci/analyze_code.sh
@@ -4,9 +4,13 @@
 # This source code is licensed under the MIT license found in the
 # LICENSE file in the root directory of this source tree.
 
-cat <(echo eslint; npm run lint --silent -- --format=json; echo flow; npm run flow --silent -- check --json) | node scripts/circleci/code-analysis-bot.js
+GITHUB_OWNER=${CIRCLE_PROJECT_USERNAME:-facebook}
+GITHUB_REPO=${CIRCLE_PROJECT_REPONAME:-react-native}
+export GITHUB_OWNER
+export GITHUB_REPO
+
+cat <(echo eslint; npm run lint --silent -- --format=json; echo flow; npm run flow-check-ios --silent --json; echo flow; npm run flow-check-android --silent --json) | GITHUB_PR_NUMBER="$CIRCLE_PR_NUMBER" node bots/code-analysis-bot.js
 
-# check status
 STATUS=$?
 if [ $STATUS == 0 ]; then
   echo "Code analyzed successfully."
diff --git a/scripts/circleci/analyze_scripts.sh b/scripts/circleci/analyze_scripts.sh
index 052688cab9bafa..9fc17f61307530 100755
--- a/scripts/circleci/analyze_scripts.sh
+++ b/scripts/circleci/analyze_scripts.sh
@@ -4,16 +4,38 @@
 # This source code is licensed under the MIT license found in the
 # LICENSE file in the root directory of this source tree.
 
-IFS=$'\n'
+GITHUB_OWNER=${CIRCLE_PROJECT_USERNAME:-facebook}
+GITHUB_REPO=${CIRCLE_PROJECT_REPONAME:-react-native}
+export GITHUB_OWNER
+export GITHUB_REPO
 
-results=( "$(find . -type f -not -path "*node_modules*" -not -path "*third-party*" -name '*.sh' -exec sh -c  'shellcheck "$1" -f json' -- {} \;)" )
+if [ -x "$(command -v shellcheck)" ]; then
+  IFS=$'\n'
 
-cat <(echo shellcheck; printf '%s\n' "${results[@]}" | jq .,[] | jq -s . | jq --compact-output --raw-output '[ (.[] | .[] | . ) ]') | node scripts/circleci/code-analysis-bot.js
+  if [ -n "$CIRCLE_CI" ]; then
+    results=( "$(find . -type f -not -path "*node_modules*" -not -path "*third-party*" -name '*.sh' -exec sh -c  'shellcheck "$1" -f json' -- {} \;)" )
+
+    cat <(echo shellcheck; printf '%s\n' "${results[@]}" | jq .,[] | jq -s . | jq --compact-output --raw-output '[ (.[] | .[] | . ) ]') | GITHUB_PR_NUMBER="$CIRCLE_PR_NUMBER" node scripts/circleci/code-analysis-bot.js
+
+    # check status
+    STATUS=$?
+    if [ $STATUS == 0 ]; then
+      echo "Shell scripts analyzed successfully."
+    else
+      echo "Shell script analysis failed, error status $STATUS."
+    fi
+
+  else
+    find . \
+      -type f \
+      -not -path "*node_modules*" \
+      -not -path "*third-party*" \
+      -name '*.sh' \
+    -exec sh -c 'shellcheck "$1"' -- {} \;
+  fi
 
-# check status
-STATUS=$?
-if [ $STATUS == 0 ]; then
-  echo "Shell scripts analyzed successfully."
 else
-  echo "Shell script analysis failed, error status $STATUS."
+  echo 'shellcheck is not installed. See https://github.com/facebook/react-native/wiki/Development-Dependencies#shellcheck for instructions.'
+  exit 1
 fi
+
diff --git a/scripts/circleci/gradle_download_deps.sh b/scripts/circleci/gradle_download_deps.sh
index e541863f5b8bfe..dd3d781dc926e9 100755
--- a/scripts/circleci/gradle_download_deps.sh
+++ b/scripts/circleci/gradle_download_deps.sh
@@ -6,8 +6,4 @@
 
 set -e
 
-<<<<<<< HEAD
-./gradlew :ReactAndroid:downloadBoost # :ReactAndroid:downloadDoubleConversion :ReactAndroid:downloadFolly :ReactAndroid:downloadGlog :ReactAndroid:downloadJSC
-=======
 ./gradlew :ReactAndroid:downloadBoost :ReactAndroid:downloadDoubleConversion :ReactAndroid:downloadFolly :ReactAndroid:downloadGlog
->>>>>>> v0.60.0
diff --git a/scripts/compose-source-maps.js b/scripts/compose-source-maps.js
new file mode 100755
index 00000000000000..fc1bb56fd1bf8c
--- /dev/null
+++ b/scripts/compose-source-maps.js
@@ -0,0 +1,61 @@
+#!/usr/bin/env node
+/**
+ * Copyright (c) Facebook, Inc. and its 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 {composeSourceMaps} = require('metro-source-map');
+const fs = require('fs');
+
+const argv = process.argv.slice(2);
+let outputPath;
+for (let i = 0; i < argv.length;) {
+    if (argv[i] === '-o') {
+      outputPath = argv[i + 1];
+      argv.splice(i, 2);
+      continue;
+    }
+    ++i;
+}
+if (!argv.length) {
+  process.stderr.write(
+    'Usage: node compose-source-maps.js <packager_sourcemap> <compiler_sourcemap> [-o output_file]\n'
+  );
+  process.exitCode = -1;
+} else {
+  const [packagerSourcemapPath, compilerSourcemapPath] = argv.splice(0, 2);
+  const packagerSourcemap = JSON.parse(fs.readFileSync(packagerSourcemapPath, 'utf8'));
+  const compilerSourcemap = JSON.parse(
+    fs.readFileSync(compilerSourcemapPath, 'utf8'),
+  );
+
+  if (
+    packagerSourcemap.x_facebook_offsets != null ||
+    compilerSourcemap.x_facebook_offsets != null
+  ) {
+    throw new Error(
+      'Random Access Bundle (RAM) format is not supported by this tool; ' +
+        'it cannot process the `x_facebook_offsets` field provided ' +
+        'in the base and/or target source map(s)',
+    );
+  }
+
+  if (compilerSourcemap.x_facebook_segments != null) {
+    throw new Error(
+      'This tool cannot process the `x_facebook_segments` field provided ' +
+        'in the target source map.',
+    );
+  }
+
+  const composedMapJSON = JSON.stringify(composeSourceMaps([packagerSourcemap, compilerSourcemap]));
+  if (outputPath) {
+    fs.writeFileSync(outputPath, composedMapJSON, 'utf8');
+  } else {
+    process.stdout.write();
+  }
+}
diff --git a/scripts/generate-rncore.sh b/scripts/generate-rncore.sh
index 9392b35303d402..275696b0ec55db 100755
--- a/scripts/generate-rncore.sh
+++ b/scripts/generate-rncore.sh
@@ -9,5 +9,6 @@
 # to a location that the podspecs expect.
 
 # shellcheck disable=SC2038
-find "$PWD/../Libraries" -name "*Schema.js" -print | xargs yarn flow-node packages/react-native-codegen/buck_tests/combine-js-to-schema-cli.js schema-rncore.json
+
+find "$PWD/../Libraries" -name "*NativeComponent.js" -print | xargs yarn flow-node packages/react-native-codegen/src/cli/combine/combine-js-to-schema-cli.js schema-rncore.json
 yarn flow-node packages/react-native-codegen/buck_tests/generate-tests.js schema-rncore.json rncore ReactCommon/fabric/components/rncore
diff --git a/scripts/launchPackager.bat b/scripts/launchPackager.bat
index b6e8c583d1a62e..83bfb8dc138a57 100644
--- a/scripts/launchPackager.bat
+++ b/scripts/launchPackager.bat
@@ -6,6 +6,7 @@
 @echo off
 title Metro Bundler
 call .packager.bat
-node "%~dp0..\cli.js" --projectRoot ../../../ start
+cd ../../../
+node "%~dp0..\cli.js" start
 pause
 exit
diff --git a/scripts/objc-test-ios.sh b/scripts/objc-test-ios.sh
deleted file mode 100755
index 48100cc9eecb05..00000000000000
--- a/scripts/objc-test-ios.sh
+++ /dev/null
@@ -1,31 +0,0 @@
-#!/bin/bash
-# Copyright (c) Facebook, Inc. and its affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-#
-# Script used to run iOS tests.
-# If no arguments are passed to the script, it will only compile
-# the RNTester.
-# If the script is called with a single argument "test", we'll
-# also run the RNTester integration test (needs JS and packager):
-# ./objc-test-ios.sh test
-
-set -e
-
-SCRIPTS=$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)
-ROOT=$(dirname "$SCRIPTS")
-
-cd "$ROOT"
-
-# shellcheck disable=SC1091
-source "scripts/.tests.env"
-
-export TEST_NAME="iOS"
-export SCHEME="RNTester"
-export SDK="iphonesimulator"
-export DESTINATION="platform=iOS Simulator,name=${IOS_DEVICE},OS=${IOS_TARGET_OS}"
-export USE_MODERN_BUILD_SYSTEM="NO"
-
-# If there's a "test" argument, pass it to the test script.
-./scripts/objc-test.sh $1
diff --git a/scripts/objc-test-tvos.sh b/scripts/objc-test-tvos.sh
deleted file mode 100755
index 281dd46728d15d..00000000000000
--- a/scripts/objc-test-tvos.sh
+++ /dev/null
@@ -1,31 +0,0 @@
-#!/bin/bash
-# Copyright (c) Facebook, Inc. and its affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-#
-# Script used to run tvOS tests.
-# If no arguments are passed to the script, it will only compile
-# the RNTester.
-# If the script is called with a single argument "test", we'll
-# also run the RNTester integration test (needs JS and packager):
-# ./objc-test-tvos.sh test
-
-set -ex
-
-SCRIPTS=$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)
-ROOT=$(dirname "$SCRIPTS")
-
-cd "$ROOT"
-
-# shellcheck disable=SC1091
-source "scripts/.tests.env"
-
-export TEST_NAME="tvOS"
-export SCHEME="RNTester-tvOS"
-export SDK="appletvsimulator"
-export DESTINATION="platform=tvOS Simulator,name=${TVOS_DEVICE},OS=${IOS_TARGET_OS}"
-export USE_MODERN_BUILD_SYSTEM="NO"
-
-# If there's a "test" argument, pass it to the test script.
-./scripts/objc-test.sh $1
diff --git a/scripts/objc-test.sh b/scripts/objc-test.sh
index daa03b7ae1046e..69f4287a895092 100755
--- a/scripts/objc-test.sh
+++ b/scripts/objc-test.sh
@@ -4,12 +4,11 @@
 # This source code is licensed under the MIT license found in the
 # LICENSE file in the root directory of this source tree.
 #
-# Script used to run iOS and tvOS tests.
-# Environment variables are used to configure what test to run.
-# If not arguments are passed to the script, it will only compile
+# Script used to run iOS tests.
+# If no arguments are passed to the script, it will only compile
 # the RNTester.
 # If the script is called with a single argument "test", we'll
-# also run the RNTester integration test (needs JS and packager).
+# run the RNTester unit and integration tests
 # ./objc-test.sh test
 
 SCRIPTS=$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)
@@ -51,22 +50,20 @@ waitForPackager() {
 }
 
 runTests() {
-  xcodebuild \
-    -project "RNTester/RNTester.xcodeproj" \
-    -scheme "$SCHEME" \
-    -sdk "$SDK" \
-    -destination "$DESTINATION" \
-    -UseModernBuildSystem="$USE_MODERN_BUILD_SYSTEM" \
-    build test
+  # shellcheck disable=SC1091
+  source "./scripts/.tests.env"
+  xcodebuild build test \
+    -workspace RNTester/RNTesterPods.xcworkspace \
+    -scheme RNTester \
+    -sdk iphonesimulator \
+    -destination "platform=iOS Simulator,name=$IOS_DEVICE,OS=$IOS_TARGET_OS"
 }
 
 buildProject() {
-  xcodebuild \
-    -project "RNTester/RNTester.xcodeproj" \
-    -scheme "$SCHEME" \
-    -sdk "$SDK" \
-    -UseModernBuildSystem="$USE_MODERN_BUILD_SYSTEM" \
-    build
+  xcodebuild build \
+    -workspace RNTester/RNTesterPods.xcworkspace \
+    -scheme RNTester \
+    -sdk iphonesimulator
 }
 
 xcprettyFormat() {
diff --git a/scripts/packager.sh b/scripts/packager.sh
index b688d53b5abcc8..a74efb2957e28a 100755
--- a/scripts/packager.sh
+++ b/scripts/packager.sh
@@ -10,11 +10,8 @@ REACT_NATIVE_ROOT="$THIS_DIR/.."
 # Application root directory - General use case: react-native is a dependency
 PROJECT_ROOT="$THIS_DIR/../../.."
 
-# shellcheck source=/dev/null
-source "${THIS_DIR}/.packager.env"
-
 # check and assign NODE_BINARY env
-# shellcheck disable=SC1091
+# shellcheck disable=SC1090
 source "${THIS_DIR}/node-binary.sh"
 
 # When running react-native tests, react-native doesn't live in node_modules but in the PROJECT_ROOT
diff --git a/scripts/react-native-xcode.sh b/scripts/react-native-xcode.sh
index 67f0c07281b2d1..31a87ed36a555c 100755
--- a/scripts/react-native-xcode.sh
+++ b/scripts/react-native-xcode.sh
@@ -13,10 +13,13 @@ set -x
 DEST=$CONFIGURATION_BUILD_DIR/$UNLOCALIZED_RESOURCES_FOLDER_PATH
 
 # Enables iOS devices to get the IP address of the machine running Metro Bundler
-if [[ "$CONFIGURATION" = *Debug* && ! "$PLATFORM_NAME" == *simulator && ! "$PLATFORM_NAME" == macosx ]]; then
+if [[ "$CONFIGURATION" = *Debug* && ! "$PLATFORM_NAME" == *simulator ]]; then
   IP=$(ipconfig getifaddr en0)
   if [ -z "$IP" ]; then
-    IP=$(ifconfig | grep 'inet ' | grep -v ' 127.' | cut -d\   -f2  | awk 'NR==1{print $1}')
+    IP=$(ipconfig getifaddr en1)
+  fi
+  if [ -z "$IP" ]; then
+    IP=$(ifconfig | grep 'inet ' | grep -v ' 127.' | grep -v ' 169.254.' |cut -d\   -f2  | awk 'NR==1{print $1}')
   fi
 
   echo "$IP" > "$DEST/ip.txt"
@@ -29,11 +32,13 @@ fi
 
 case "$CONFIGURATION" in
   *Debug*)
-    # Speed up build times by skipping the creation of the offline package for debug
-    # builds on the simulator since the packager is supposed to be running anyways.
-    if [[ "$PLATFORM_NAME" == *simulator || "$PLATFORM_NAME" == macosx ]]; then
-      echo "Skipping bundling for Simulator or macOS platform"
-      exit 0;
+    if [[ "$PLATFORM_NAME" == *simulator ]]; then
+      if [[ "$FORCE_BUNDLING" ]]; then
+        echo "FORCE_BUNDLING enabled; continuing to bundle."
+      else
+        echo "Skipping bundling in Debug for the Simulator (since the packager bundles for you). Use the FORCE_BUNDLING flag to change this behavior."
+        exit 0;
+      fi
     else
       echo "Bundling for physical device. Use the SKIP_BUNDLING flag to change this behavior."
     fi
@@ -66,7 +71,9 @@ if [[ "$ENTRY_FILE" ]]; then
   :
 elif [[ -s "index.ios.js" ]]; then
    ENTRY_FILE=${1:-index.ios.js}
- else
+elif [[ -s "index.macos.js" ]]; then
+   ENTRY_FILE=${1:-index.macos.js}
+else
    ENTRY_FILE=${1:-index.js}
 fi
 
@@ -118,6 +125,11 @@ case "$PLATFORM_NAME" in
     ;;
 esac
 
+EXTRA_ARGS=
+if [ -d "$PROJECT_ROOT/node_modules/react-native-macos" ]; then
+  EXTRA_ARGS=--use-react-native-macos
+fi
+
 "$NODE_BINARY" $NODE_ARGS "$CLI_PATH" $BUNDLE_COMMAND \
   $CONFIG_ARG \
   --entry-file "$ENTRY_FILE" \
@@ -126,6 +138,7 @@ esac
   --reset-cache \
   --bundle-output "$BUNDLE_FILE" \
   --assets-dest "$DEST" \
+  $EXTRA_ARGS \
   $EXTRA_PACKAGER_ARGS
 
 if [[ $DEV != true && ! -f "$BUNDLE_FILE" ]]; then
diff --git a/scripts/run-ci-e2e-tests.js b/scripts/run-ci-e2e-tests.js
index f46e92075a069d..56b4bdc644eb88 100644
--- a/scripts/run-ci-e2e-tests.js
+++ b/scripts/run-ci-e2e-tests.js
@@ -30,7 +30,10 @@ const SCRIPTS = __dirname;
 const ROOT = path.normalize(path.join(__dirname, '..'));
 const tryExecNTimes = require('./try-n-times');
 
-const TEMP = exec('mktemp -d /tmp/react-native-XXXXXXXX').stdout.trim();
+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;
 let SERVER_PID;
 let APPIUM_PID;
@@ -41,18 +44,8 @@ function describe(message) {
 }
 
 try {
-  // install CLI
-  const CLI_PACKAGE = 'react-native-cli';
-  if (!argv['skip-cli-install']) {
-    if (exec(`yarn global add ${CLI_PACKAGE}`).code) {
-      echo('Could not install react-native-cli globally.');
-      echo('Run with --skip-cli-install to skip this step');
-      exitCode = 1;
-      throw Error(exitCode);
-    }
-  }
-
   if (argv.android) {
+    describe('Compile Android binaries');
     if (
       exec(
         './gradlew :ReactAndroid:installArchives -Pjobs=1 -Dorg.gradle.jvmargs="-Xmx512m -XX:+HeapDumpOnOutOfMemoryError"',
@@ -65,6 +58,7 @@ try {
   }
 
   if (argv.js) {
+    describe('Install Flow');
     if (
       tryExecNTimes(
         () => {
@@ -81,44 +75,30 @@ try {
     }
   }
 
-  if (exec('yarn pack').code) {
+  describe('Create react-native package');
+  if (exec('npm pack').code) {
     echo('Failed to pack react-native');
     exitCode = 1;
     throw Error(exitCode);
   }
 
-  const PACKAGE = path.join(ROOT, 'react-native-*.tgz');
-  cd(TEMP);
+  const REACT_NATIVE_PACKAGE = path.join(ROOT, 'react-native-*.tgz');
 
-  echo('Creating EndToEndTest React Native app');
-  if (
-    tryExecNTimes(
-      () => {
-        return exec(`react-native init EndToEndTest --version ${PACKAGE} --npm`)
-          .code;
-      },
-      numberOfRetries,
-      () => {
-        rm('-rf', 'EndToEndTest');
-        exec('sleep 10s');
-      },
-    )
-  ) {
-    echo('Failed to execute react-native init');
-    echo('Most common reason is npm registry connectivity, try again');
-    exitCode = 1;
-    throw Error(exitCode);
-  }
+  describe('Scaffold a basic React Native app from template');
+  exec(`rsync -a ${ROOT}/template ${REACT_NATIVE_TEMP_DIR}`);
+  cd(REACT_NATIVE_APP_DIR);
 
   const METRO_CONFIG = path.join(ROOT, 'metro.config.js');
   const RN_POLYFILLS = path.join(ROOT, 'rn-get-polyfills.js');
-  cp(METRO_CONFIG, 'EndToEndTest/.');
-  cp(RN_POLYFILLS, 'EndToEndTest/.');
+  cp(METRO_CONFIG, '.');
+  cp(RN_POLYFILLS, '.');
+  mv('_flowconfig', '.flowconfig');
+  mv('_watchmanconfig', '.watchmanconfig');
+
+  describe('Install React Native package');
+  exec(`npm install ${REACT_NATIVE_PACKAGE}`);
 
-  cd('EndToEndTest');
-  echo('Installing React Native package');
-  exec(`npm install ${PACKAGE}`);
-  echo('Installing node_modules');
+  describe('Install node_modules');
   if (
     tryExecNTimes(
       () => {
@@ -133,10 +113,10 @@ try {
     exitCode = 1;
     throw Error(exitCode);
   }
+  exec('rm -rf ./node_modules/react-native/template');
 
   if (argv.android) {
-    describe('Executing Android end-to-end tests');
-    echo('Installing end-to-end framework');
+    describe('Install end-to-end framework');
     if (
       tryExecNTimes(
         () =>
@@ -154,10 +134,11 @@ try {
     }
     cp(`${SCRIPTS}/android-e2e-test.js`, 'android-e2e-test.js');
     cd('android');
-    echo('Downloading Maven deps');
+    describe('Download Maven deps');
     exec('./gradlew :app:copyDownloadableDepsToLibs');
     cd('..');
 
+    describe('Generate key');
     exec('rm android/app/debug.keystore');
     if (
       exec(
@@ -169,18 +150,18 @@ try {
       throw Error(exitCode);
     }
 
-    echo(`Starting appium server, ${APPIUM_PID}`);
+    describe(`Start appium server, ${APPIUM_PID}`);
     const appiumProcess = spawn('node', ['./node_modules/.bin/appium']);
     APPIUM_PID = appiumProcess.pid;
 
-    echo('Building the app');
+    describe('Build the app');
     if (exec('react-native run-android').code) {
       echo('could not execute react-native run-android');
       exitCode = 1;
       throw Error(exitCode);
     }
 
-    echo(`Starting packager server, ${SERVER_PID}`);
+    describe(`Start packager server, ${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'], {
       env: process.env,
@@ -207,11 +188,11 @@ try {
 
   if (argv.ios || argv.tvos) {
     var iosTestType = argv.tvos ? 'tvOS' : 'iOS';
-    describe('Executing ' + iosTestType + ' end-to-end tests');
     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 packager server');
     const packagerProcess = spawn('yarn', ['start'], {
       stdio: 'inherit',
       env: packagerEnv,
@@ -222,28 +203,30 @@ try {
     exec(
       'response=$(curl --write-out %{http_code} --silent --output /dev/null localhost:8081/index.bundle?platform=ios&dev=true)',
     );
-    echo(`Starting packager server, ${SERVER_PID}`);
-    echo('Running pod install');
+    echo(`Packager server up and running, ${SERVER_PID}`);
+
+    describe('Install CocoaPod dependencies');
     exec('pod install');
+
     describe('Test: ' + iosTestType + ' end-to-end test');
     if (
       tryExecNTimes(
         () => {
           let destination = 'platform=iOS Simulator,name=iPhone 6s,OS=12.2';
           let sdk = 'iphonesimulator';
-          let scheme = 'EndToEndTest';
+          let scheme = 'HelloWorld';
 
           if (argv.tvos) {
             destination = 'platform=tvOS Simulator,name=Apple TV,OS=11.4';
             sdk = 'appletvsimulator';
-            scheme = 'EndToEndTest-tvOS';
+            scheme = 'HelloWorld-tvOS';
           }
 
           return exec(
             [
               'xcodebuild',
               '-workspace',
-              '"EndToEndTest.xcworkspace"',
+              '"HelloWorld.xcworkspace"',
               '-destination',
               `"${destination}"`,
               '-scheme',
@@ -259,7 +242,7 @@ try {
                 '--report',
                 'junit',
                 '--output',
-                `"~/react-native/reports/junit/${iosTestType}-e2e/results.xml"`,
+                `"~/reports/junit/${iosTestType}-e2e/results.xml"`,
               ].join(' ') +
               ' && exit ${PIPESTATUS[0]}',
           ).code;
@@ -277,12 +260,11 @@ try {
   }
 
   if (argv.js) {
-    describe('Executing JavaScript end-to-end tests');
     // Check the packager produces a bundle (doesn't throw an error)
     describe('Test: Verify packager can generate an Android bundle');
     if (
       exec(
-        'react-native bundle --max-workers 1 --platform android --dev true --entry-file index.js --bundle-output android-bundle.js',
+        'yarn react-native bundle --entry-file index.js --platform android --dev true --bundle-output android-bundle.js --max-workers 1',
       ).code
     ) {
       echo('Could not build Android bundle');
@@ -292,7 +274,7 @@ try {
     describe('Test: Verify packager can generate an iOS bundle');
     if (
       exec(
-        'react-native --max-workers 1 bundle --platform ios --dev true --entry-file index.js --bundle-output ios-bundle.js',
+        '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');
@@ -300,7 +282,7 @@ try {
       throw Error(exitCode);
     }
     describe('Test: Flow check');
-    if (exec(path.join(ROOT, '/node_modules/.bin/flow') + ' check').code) {
+    if (exec(`${ROOT}/node_modules/.bin/flow check`).code) {
       echo('Flow check failed.');
       exitCode = 1;
       throw Error(exitCode);
@@ -308,6 +290,7 @@ try {
   }
   exitCode = 0;
 } finally {
+  describe('Clean up');
   if (SERVER_PID) {
     echo(`Killing packager ${SERVER_PID}`);
     exec(`kill -9 ${SERVER_PID}`);
diff --git a/scripts/test-manual-e2e.sh b/scripts/test-manual-e2e.sh
index 328f60f21d1b76..bd6cc66548a75e 100755
--- a/scripts/test-manual-e2e.sh
+++ b/scripts/test-manual-e2e.sh
@@ -51,17 +51,17 @@ info "and then press any key."
 info ""
 read -n 1
 
-./gradlew :RNTester:android:app:installDebug || error "Couln't build RNTester Android"
+./gradlew :RNTester:android:app:installJscDebug || error "Couldn't build RNTester Android"
 
 info "Press any key to run RNTester in an already running Android emulator/device"
 info ""
 read -n 1
 adb shell am start -n com.facebook.react.uiapp/.RNTesterActivity
 
-info "Press any key to open the project in Xcode, then build and test manually."
+info "Press any key to open the workspace in Xcode, then build and test manually."
 info ""
 read -n 1
-open "RNTester/RNTester.xcodeproj"
+open "RNTester/RNTesterPods.xcworkspace"
 
 info "When done testing RNTester app on iOS and Android press any key to continue."
 info ""
@@ -91,27 +91,29 @@ grep -E "com.facebook.react:react-native:\\+" "${project_name}/android/app/build
 
 success "New sample project generated at /tmp/${project_name}"
 
+cd "/tmp/${project_name}" 
+
 info "Test the following on Android:"
-info "   - Disable Hot Reloading. It might be enabled from last time (the setting is stored on the device)"
+info "   - Disable Fast Refresh. It might be enabled from last time (the setting is stored on the device)"
 info "   - Verify 'Reload JS' works"
 info ""
 info "Press any key to run the sample in Android emulator/device"
 info ""
 read -n 1
-cd "/tmp/${project_name}" && react-native run-android
+yarn react-native run-android
 
 info "Test the following on iOS:"
-info "   - Disable Hot Reloading. It might be enabled from last time (the setting is stored on the device)"
+info "   - Disable Fast Refresh. It might be enabled from last time (the setting is stored on the device)"
 info "   - Verify 'Reload JS' works"
 info "   - Test Chrome debugger by adding breakpoints and reloading JS. We don't have tests for Chrome debugging."
 info "   - Disable Chrome debugging."
-info "   - Enable Hot Reloading, change a file (index.js) and save. The UI should refresh."
-info "   - Disable Hot Reloading."
+info "   - Enable Fast Refresh, change a file (index.js) and save. The UI should refresh."
+info "   - Disable Fast Refresh."
 info ""
 info "Press any key to open the project in Xcode"
 info ""
 read -n 1
-open "/tmp/${project_name}/ios/${project_name}.xcodeproj"
+yarn react-native run-ios
 
 cd "$repo_root"
 
diff --git a/scripts/validate-ios-test-env.sh b/scripts/validate-ios-test-env.sh
index ee25a3ea2a3c17..695cf46c9f3dc1 100755
--- a/scripts/validate-ios-test-env.sh
+++ b/scripts/validate-ios-test-env.sh
@@ -11,7 +11,7 @@
 # It also checks that the correct Node version is installed. Node 10 is not fully
 # supported at the time and Node 6 is no longer supported.
 
-# Function used to compare dot seperated version numbers
+# Function used to compare dot separated version numbers
 function version_gt() { test "$(printf '%s\n' "$@" | sort -V | head -n 1)" != "$1"; }
 
 # Check that node is installed.
diff --git a/scripts/versiontemplates/RCTVersion.m.template b/scripts/versiontemplates/RCTVersion.m.template
index cfc4d668281e49..5df4b8fabdb477 100644
--- a/scripts/versiontemplates/RCTVersion.m.template
+++ b/scripts/versiontemplates/RCTVersion.m.template
@@ -14,20 +14,18 @@ NSString* const RCTVersionMinor = @"minor";
 NSString* const RCTVersionPatch = @"patch";
 NSString* const RCTVersionPrerelease = @"prerelease";
 
-static NSDictionary* __rnVersion;
 
-__attribute__((constructor))
-static void __makeVersion()
+NSDictionary* RCTGetReactNativeVersion(void)
 {
-  __rnVersion = @{
+  static NSDictionary* __rnVersion;
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^(void){
+    __rnVersion = @{
                   RCTVersionMajor: ${major},
                   RCTVersionMinor: ${minor},
                   RCTVersionPatch: ${patch},
                   RCTVersionPrerelease: ${prerelease},
                   };
-}
-
-NSDictionary* RCTGetReactNativeVersion(void)
-{
+  });
   return __rnVersion;
 }
diff --git a/template/App.js b/template/App.js
index fee529a8f21507..bb77580955e70d 100644
--- a/template/App.js
+++ b/template/App.js
@@ -6,7 +6,7 @@
  * @flow
  */
 
-import React, {Fragment} from 'react';
+import React from 'react';
 import {
   SafeAreaView,
   StyleSheet,
@@ -24,15 +24,20 @@ import {
   ReloadInstructions,
 } from 'react-native/Libraries/NewAppScreen';
 
-const App = () => {
+const App: () => React$Node = () => {
   return (
-    <Fragment>
+    <>
       <StatusBar barStyle="dark-content" />
       <SafeAreaView>
         <ScrollView
           contentInsetAdjustmentBehavior="automatic"
           style={styles.scrollView}>
           <Header />
+          {global.HermesInternal == null ? null : (
+            <View style={styles.engine}>
+              <Text style={styles.footer}>Engine: Hermes</Text>
+            </View>
+          )}
           <View style={styles.body}>
             <View style={styles.sectionContainer}>
               <Text style={styles.sectionTitle}>Step One</Text>
@@ -63,7 +68,7 @@ const App = () => {
           </View>
         </ScrollView>
       </SafeAreaView>
-    </Fragment>
+    </>
   );
 };
 
@@ -71,6 +76,10 @@ const styles = StyleSheet.create({
   scrollView: {
     backgroundColor: Colors.lighter,
   },
+  engine: {
+    position: 'absolute',
+    right: 0,
+  },
   body: {
     backgroundColor: Colors.white,
   },
@@ -92,6 +101,14 @@ const styles = StyleSheet.create({
   highlight: {
     fontWeight: '700',
   },
+  footer: {
+    color: Colors.dark,
+    fontSize: 12,
+    fontWeight: '600',
+    padding: 4,
+    paddingRight: 12,
+    textAlign: 'right',
+  },
 });
 
 export default App;
diff --git a/template/_flowconfig b/template/_flowconfig
index 1319ea127818c3..4afc766a296f4f 100644
--- a/template/_flowconfig
+++ b/template/_flowconfig
@@ -5,14 +5,6 @@
 ; Ignore "BUCK" generated dirs
 <PROJECT_ROOT>/\.buckd/
 
-; Ignore unexpected extra "@providesModule"
-.*/node_modules/.*/node_modules/fbjs/.*
-
-; Ignore duplicate module providers
-; For RN Apps installed via npm, "Libraries" folder is inside
-; "node_modules/react-native" but in the source repo it is in the root
-node_modules/react-native/Libraries/react-native/React.js
-
 ; Ignore polyfills
 node_modules/react-native/Libraries/polyfills/.*
 
@@ -21,7 +13,7 @@ node_modules/react-native/Libraries/polyfills/.*
 node_modules/warning/.*
 
 ; Flow doesn't support platforms
-.*/Libraries/Utilities/HMRLoadingView.js
+.*/Libraries/Utilities/LoadingView.js
 
 [untyped]
 .*/node_modules/@react-native-community/cli/.*/.*
@@ -42,27 +34,11 @@ module.file_ext=.js
 module.file_ext=.json
 module.file_ext=.ios.js
 
-module.system=haste
-module.system.haste.use_name_reducers=true
-# get basename
-module.system.haste.name_reducers='^.*/\([a-zA-Z0-9$_.-]+\.js\(\.flow\)?\)$' -> '\1'
-# strip .js or .js.flow suffix
-module.system.haste.name_reducers='^\(.*\)\.js\(\.flow\)?$' -> '\1'
-# strip .ios suffix
-module.system.haste.name_reducers='^\(.*\)\.ios$' -> '\1'
-module.system.haste.name_reducers='^\(.*\)\.android$' -> '\1'
-module.system.haste.name_reducers='^\(.*\)\.native$' -> '\1'
-module.system.haste.paths.blacklist=.*/__tests__/.*
-module.system.haste.paths.blacklist=.*/__mocks__/.*
-module.system.haste.paths.whitelist=<PROJECT_ROOT>/node_modules/react-native/Libraries/.*
-module.system.haste.paths.whitelist=<PROJECT_ROOT>/node_modules/react-native/RNTester/.*
-module.system.haste.paths.whitelist=<PROJECT_ROOT>/node_modules/react-native/IntegrationTests/.*
-module.system.haste.paths.blacklist=<PROJECT_ROOT>/node_modules/react-native/Libraries/react-native/react-native-implementation.js
-module.system.haste.paths.blacklist=<PROJECT_ROOT>/node_modules/react-native/Libraries/Animated/src/polyfills/.*
-
 munge_underscores=true
 
-module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
+module.name_mapper='^react-native$' -> '<PROJECT_ROOT>/node_modules/react-native/Libraries/react-native/react-native-implementation'
+module.name_mapper='^react-native/\(.*\)$' -> '<PROJECT_ROOT>/node_modules/react-native/\1'
+module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> '<PROJECT_ROOT>/node_modules/react-native/Libraries/Image/RelativeImageStub'
 
 suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
@@ -96,4 +72,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.98.0
+^0.105.0
diff --git a/template/_gitignore b/template/_gitignore
index 828cc8846088e3..ad572e632bc8ce 100644
--- a/template/_gitignore
+++ b/template/_gitignore
@@ -20,7 +20,6 @@ DerivedData
 *.hmap
 *.ipa
 *.xcuserstate
-project.xcworkspace
 
 # Android/IntelliJ
 #
@@ -40,6 +39,7 @@ yarn-error.log
 buck-out/
 \.buckd/
 *.keystore
+!debug.keystore
 
 # fastlane
 #
diff --git a/template/_prettierrc.js b/template/_prettierrc.js
new file mode 100644
index 00000000000000..5c4de1a4f6592d
--- /dev/null
+++ b/template/_prettierrc.js
@@ -0,0 +1,6 @@
+module.exports = {
+  bracketSpacing: false,
+  jsxBracketSameLine: true,
+  singleQuote: true,
+  trailingComma: 'all',
+};
diff --git a/template/android/app/build.gradle b/template/android/app/build.gradle
index 33fc17752a446f..fd68f794e1a194 100644
--- a/template/android/app/build.gradle
+++ b/template/android/app/build.gradle
@@ -76,7 +76,8 @@ import com.android.build.OutputFile
  */
 
 project.ext.react = [
-    entryFile: "index.js"
+    entryFile: "index.js",
+    enableHermes: false,  // clean and rebuild if changing
 ]
 
 apply from: "../../node_modules/react-native/react.gradle"
@@ -97,13 +98,26 @@ def enableSeparateBuildPerCPUArchitecture = false
 def enableProguardInReleaseBuilds = false
 
 /**
- * Use international variant JavaScriptCore
- * International variant includes ICU i18n library and necessary data allowing to use
- * e.g. Date.toLocaleString and String.localeCompare that give correct results
- * when using with locales other than en-US.
- * Note that this variant is about 6MiB larger per architecture than default.
+ * The preferred build flavor of JavaScriptCore.
+ *
+ * For example, to use the international variant, you can use:
+ * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
+ *
+ * The international variant includes ICU i18n library and necessary data
+ * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
+ * give correct results when using with locales other than en-US.  Note that
+ * this variant is about 6MiB larger per architecture than default.
  */
-def useIntlJsc = false
+def jscFlavor = 'org.webkit:android-jsc:+'
+
+/**
+ * Whether to enable the Hermes VM.
+ *
+ * This should be set on project.ext.react and mirrored here.  If it is not set
+ * on project.ext.react, JavaScript will not be compiled to Hermes Bytecode
+ * and the benefits of using Hermes will therefore be sharply reduced.
+ */
+def enableHermes = project.ext.react.get("enableHermes", false);
 
 android {
     compileSdkVersion rootProject.ext.compileSdkVersion
@@ -159,6 +173,7 @@ android {
                 output.versionCodeOverride =
                         versionCodes.get(abi) * 1048576 + defaultConfig.versionCode
             }
+
         }
     }
 }
@@ -167,11 +182,12 @@ dependencies {
     implementation fileTree(dir: "libs", include: ["*.jar"])
     implementation "com.facebook.react:react-native:+"  // From node_modules
 
-    // JSC from node_modules
-    if (useIntlJsc) {
-        implementation 'org.webkit:android-jsc-intl:+'
+    if (enableHermes) {
+        def hermesPath = "../../node_modules/hermes-engine/android/";
+        debugImplementation files(hermesPath + "hermes-debug.aar")
+        releaseImplementation files(hermesPath + "hermes-release.aar")
     } else {
-        implementation 'org.webkit:android-jsc:+'
+        implementation jscFlavor
     }
 }
 
diff --git a/template/android/app/src/main/java/com/helloworld/MainActivity.java b/template/android/app/src/main/java/com/helloworld/MainActivity.java
index 1e9c1894804cbf..c7106d573c5d56 100644
--- a/template/android/app/src/main/java/com/helloworld/MainActivity.java
+++ b/template/android/app/src/main/java/com/helloworld/MainActivity.java
@@ -4,12 +4,12 @@
 
 public class MainActivity extends ReactActivity {
 
-    /**
-     * Returns the name of the main component registered from JavaScript.
-     * This is used to schedule rendering of the component.
-     */
-    @Override
-    protected String getMainComponentName() {
-        return "HelloWorld";
-    }
+  /**
+   * Returns the name of the main component registered from JavaScript. This is used to schedule
+   * rendering of the component.
+   */
+  @Override
+  protected String getMainComponentName() {
+    return "HelloWorld";
+  }
 }
diff --git a/template/android/app/src/main/java/com/helloworld/MainApplication.java b/template/android/app/src/main/java/com/helloworld/MainApplication.java
index c35b27063797cf..ae1ff7cf28e462 100644
--- a/template/android/app/src/main/java/com/helloworld/MainApplication.java
+++ b/template/android/app/src/main/java/com/helloworld/MainApplication.java
@@ -1,37 +1,38 @@
 package com.helloworld;
 
 import android.app.Application;
-
+import android.content.Context;
 import com.facebook.react.PackageList;
 import com.facebook.react.ReactApplication;
 import com.facebook.react.ReactNativeHost;
 import com.facebook.react.ReactPackage;
 import com.facebook.soloader.SoLoader;
-
+import java.lang.reflect.InvocationTargetException;
 import java.util.List;
 
 public class MainApplication extends Application implements ReactApplication {
 
-  private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
-    @Override
-    public boolean getUseDeveloperSupport() {
-      return BuildConfig.DEBUG;
-    }
+  private final ReactNativeHost mReactNativeHost =
+      new ReactNativeHost(this) {
+        @Override
+        public boolean getUseDeveloperSupport() {
+          return BuildConfig.DEBUG;
+        }
 
-    @Override
-    protected List<ReactPackage> getPackages() {
-      @SuppressWarnings("UnnecessaryLocalVariable")
-      List<ReactPackage> packages = new PackageList(this).getPackages();
-      // Packages that cannot be autolinked yet can be added manually here, for example:
-      // packages.add(new MyReactNativePackage());
-      return packages;
-    }
+        @Override
+        protected List<ReactPackage> getPackages() {
+          @SuppressWarnings("UnnecessaryLocalVariable")
+          List<ReactPackage> packages = new PackageList(this).getPackages();
+          // Packages that cannot be autolinked yet can be added manually here, for example:
+          // packages.add(new MyReactNativePackage());
+          return packages;
+        }
 
-    @Override
-    protected String getJSMainModuleName() {
-      return "index";
-    }
-  };
+        @Override
+        protected String getJSMainModuleName() {
+          return "index";
+        }
+      };
 
   @Override
   public ReactNativeHost getReactNativeHost() {
@@ -42,5 +43,32 @@ public ReactNativeHost getReactNativeHost() {
   public void onCreate() {
     super.onCreate();
     SoLoader.init(this, /* native exopackage */ false);
+    initializeFlipper(this); // Remove this line if you don't want Flipper enabled
+  }
+
+  /**
+   * Loads Flipper in React Native templates.
+   *
+   * @param context
+   */
+  private static void initializeFlipper(Context context) {
+    if (BuildConfig.DEBUG) {
+      try {
+        /*
+         We use reflection here to pick up the class that initializes Flipper,
+        since Flipper library is not available in release mode
+        */
+        Class<?> aClass = Class.forName("com.facebook.flipper.ReactNativeFlipper");
+        aClass.getMethod("initializeFlipper", Context.class).invoke(null, context);
+      } catch (ClassNotFoundException e) {
+        e.printStackTrace();
+      } catch (NoSuchMethodException e) {
+        e.printStackTrace();
+      } catch (IllegalAccessException e) {
+        e.printStackTrace();
+      } catch (InvocationTargetException e) {
+        e.printStackTrace();
+      }
+    }
   }
 }
diff --git a/template/android/build.gradle b/template/android/build.gradle
index e7732fe0d7232b..28f7ec645bd148 100644
--- a/template/android/build.gradle
+++ b/template/android/build.gradle
@@ -6,14 +6,13 @@ buildscript {
         minSdkVersion = 16
         compileSdkVersion = 28
         targetSdkVersion = 28
-        supportLibVersion = "28.0.0"
     }
     repositories {
         google()
         jcenter()
     }
     dependencies {
-        classpath("com.android.tools.build:gradle:3.4.1")
+        classpath("com.android.tools.build:gradle:3.4.2")
 
         // NOTE: Do not place your application dependencies here; they belong
         // in the individual module build.gradle files
@@ -34,5 +33,6 @@ allprojects {
 
         google()
         jcenter()
+        maven { url 'https://jitpack.io' }
     }
 }
diff --git a/template/android/gradle/wrapper/gradle-wrapper.properties b/template/android/gradle/wrapper/gradle-wrapper.properties
index ee69dd68d1a6b0..e0c4de36dddba5 100644
--- a/template/android/gradle/wrapper/gradle-wrapper.properties
+++ b/template/android/gradle/wrapper/gradle-wrapper.properties
@@ -1,5 +1,5 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-5.4.1-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-5.5-all.zip
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
diff --git a/template/ios/HelloWorldTests/HelloWorldTests.m b/template/ios/HelloWorldTests/HelloWorldTests.m
index e9db2f118ab97e..1b3a4fd27013e3 100644
--- a/template/ios/HelloWorldTests/HelloWorldTests.m
+++ b/template/ios/HelloWorldTests/HelloWorldTests.m
@@ -12,7 +12,7 @@
 #import <React/RCTRootView.h>
 
 #define TIMEOUT_SECONDS 600
-#define TEXT_TO_LOOK_FOR @"Welcome to React Native!"
+#define TEXT_TO_LOOK_FOR @"Welcome to React"
 
 @interface HelloWorldTests : XCTestCase
 
@@ -40,11 +40,13 @@ - (void)testRendersWelcomeScreen
   BOOL foundElement = NO;
 
   __block NSString *redboxError = nil;
+#ifdef DEBUG
   RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) {
     if (level >= RCTLogLevelError) {
       redboxError = message;
     }
   });
+#endif
 
   while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) {
     [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
@@ -57,8 +59,10 @@ - (void)testRendersWelcomeScreen
       return NO;
     }];
   }
-
+  
+#ifdef DEBUG
   RCTSetLogFunction(RCTDefaultLogFunction);
+#endif
 
   XCTAssertNil(redboxError, @"RedBox error: %@", redboxError);
   XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS);
diff --git a/template/ios/Podfile b/template/ios/Podfile
index a25e513a914b07..7706b8362a6a56 100644
--- a/template/ios/Podfile
+++ b/template/ios/Podfile
@@ -3,10 +3,14 @@ require_relative '../node_modules/@react-native-community/cli-platform-ios/nativ
 
 target 'HelloWorld' do
   # Pods for HelloWorld
+  pod 'FBLazyVector', :path => "../node_modules/react-native/Libraries/FBLazyVector"
+  pod 'FBReactNativeSpec', :path => "../node_modules/react-native/Libraries/FBReactNativeSpec"
+  pod 'RCTRequired', :path => "../node_modules/react-native/Libraries/RCTRequired"
+  pod 'RCTTypeSafety', :path => "../node_modules/react-native/Libraries/TypeSafety"
   pod 'React', :path => '../node_modules/react-native/'
-  pod 'React-Core', :path => '../node_modules/react-native/React'
-  pod 'React-DevSupport', :path => '../node_modules/react-native/React'
-  pod 'React-fishhook', :path => '../node_modules/react-native/Libraries/fishhook'
+  pod 'React-Core', :path => '../node_modules/react-native/'
+  pod 'React-CoreModules', :path => '../node_modules/react-native/React/CoreModules'
+  pod 'React-Core/DevSupport', :path => '../node_modules/react-native/'
   pod 'React-RCTActionSheet', :path => '../node_modules/react-native/Libraries/ActionSheetIOS'
   pod 'React-RCTAnimation', :path => '../node_modules/react-native/Libraries/NativeAnimation'
   pod 'React-RCTBlob', :path => '../node_modules/react-native/Libraries/Blob'
@@ -16,13 +20,15 @@ target 'HelloWorld' do
   pod 'React-RCTSettings', :path => '../node_modules/react-native/Libraries/Settings'
   pod 'React-RCTText', :path => '../node_modules/react-native/Libraries/Text'
   pod 'React-RCTVibration', :path => '../node_modules/react-native/Libraries/Vibration'
-  pod 'React-RCTWebSocket', :path => '../node_modules/react-native/Libraries/WebSocket'
+  pod 'React-Core/RCTWebSocket', :path => '../node_modules/react-native/'
 
   pod 'React-cxxreact', :path => '../node_modules/react-native/ReactCommon/cxxreact'
   pod 'React-jsi', :path => '../node_modules/react-native/ReactCommon/jsi'
   pod 'React-jsiexecutor', :path => '../node_modules/react-native/ReactCommon/jsiexecutor'
   pod 'React-jsinspector', :path => '../node_modules/react-native/ReactCommon/jsinspector'
-  pod 'yoga', :path => '../node_modules/react-native/ReactCommon/yoga'
+  pod 'ReactCommon/jscallinvoker', :path => "../node_modules/react-native/ReactCommon"
+  pod 'ReactCommon/turbomodule/core', :path => "../node_modules/react-native/ReactCommon"
+  pod 'Yoga', :path => '../node_modules/react-native/ReactCommon/yoga'
 
   pod 'DoubleConversion', :podspec => '../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec'
   pod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec'
diff --git a/template/package.json b/template/package.json
index 4e73c1dbd4b288..86aae82e79b99c 100644
--- a/template/package.json
+++ b/template/package.json
@@ -3,21 +3,25 @@
   "version": "0.0.1",
   "private": true,
   "scripts": {
+    "android": "react-native run-android",
+    "ios": "react-native run-ios",
     "start": "react-native start",
-    "test": "jest"
+    "test": "jest",
+    "lint": "eslint ."
   },
   "dependencies": {
-    "react": "16.8.6",
-    "react-native": "0.60.0-microsoft.67"
+    "react": "16.9.0",
+    "react-native": "0.61.5-microsoft-fb61merge.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.3.3",
-    "@babel/runtime": "^7.3.1",
+    "@babel/core": "^7.6.2",
+    "@babel/runtime": "^7.6.2",
     "@react-native-community/eslint-config": "^0.0.6",
-    "babel-jest": "^24.1.0",
-    "jest": "^24.1.0",
-    "metro-react-native-babel-preset": "^0.54.1",
-    "react-test-renderer": "16.8.6"
+    "babel-jest": "^24.9.0",
+    "eslint": "^6.5.1",
+    "jest": "^24.9.0",
+    "metro-react-native-babel-preset": "^0.56.0",
+    "react-test-renderer": "16.9.0"
   },
   "jest": {
     "preset": "react-native"
diff --git a/third-party-podspecs/Folly.podspec b/third-party-podspecs/Folly.podspec
index a53c1469429a49..b883cb8e67f22e 100644
--- a/third-party-podspecs/Folly.podspec
+++ b/third-party-podspecs/Folly.podspec
@@ -72,4 +72,4 @@ Pod::Spec.new do |spec|
 
   # Pinning to the same version as React.podspec.
   spec.platforms = { :ios => "9.0", :tvos => "9.2", :osx => "10.14" } # TODO(macOS GH#214)
-end
\ No newline at end of file
+end
diff --git a/tools/build_defs/oss/rn_defs.bzl b/tools/build_defs/oss/rn_defs.bzl
index b78a1b603f85d5..e9cde5ae63b056 100644
--- a/tools/build_defs/oss/rn_defs.bzl
+++ b/tools/build_defs/oss/rn_defs.bzl
@@ -42,6 +42,8 @@ APPLE = ""
 
 YOGA_TARGET = "//ReactAndroid/src/main/java/com/facebook:yoga"
 
+YOGA_CXX_TARGET = "//ReactCommon/yoga:yoga"
+
 FBGLOGINIT_TARGET = "//ReactAndroid/src/main/jni/first-party/fbgloginit:fbgloginit"
 
 FBJNI_TARGET = "//ReactAndroid/src/main/jni/first-party/fb:jni"
@@ -78,6 +80,9 @@ def react_native_target(path):
 def react_native_xplat_target(path):
     return "//ReactCommon/" + path
 
+def react_native_xplat_target_apple(path):
+    return react_native_xplat_target(path) + "Apple"
+
 # Example: react_native_tests_target('java/com/facebook/react/modules:modules')
 def react_native_tests_target(path):
     return "//ReactAndroid/src/test/" + path
@@ -95,6 +100,12 @@ def react_native_dep(path):
 def react_native_xplat_dep(path):
     return "//ReactCommon/" + path
 
+def rn_debug_flags():
+    return []
+
+def rn_feature_flags():
+    return []
+
 # React property preprocessor
 def rn_android_library(name, deps = [], plugins = [], *args, **kwargs):
     if react_native_target(
@@ -156,7 +167,19 @@ def rn_android_resource(*args, **kwargs):
 def rn_android_prebuilt_aar(*args, **kwargs):
     native.android_prebuilt_aar(*args, **kwargs)
 
+def rn_apple_library(*args, **kwargs):
+    kwargs.setdefault("link_whole", True)
+    kwargs.setdefault("enable_exceptions", True)
+    native.apple_library(*args, **kwargs)
+
+def rn_plugin_apple_library(**kwargs):
+    kwargs.setdefault("link_whole", True)
+
+    # This just an alias to apple_library for now.
+    native.apple_library(**kwargs)
+
 def rn_java_library(*args, **kwargs):
+    is_androidx = kwargs.pop("is_androidx", False)
     native.java_library(*args, **kwargs)
 
 def rn_java_annotation_processor(*args, **kwargs):
@@ -296,6 +319,9 @@ def _single_subdir_glob(dirpath, glob_pattern, exclude = None, prefix = None):
 
     return results
 
+def fb_apple_library(*args, **kwargs):
+    native.apple_library(*args, **kwargs)
+
 def oss_cxx_library(**kwargs):
     cxx_library(**kwargs)
 
@@ -306,3 +332,8 @@ def jni_instrumentation_test_lib(**_kwargs):
 def fb_xplat_cxx_test(**_kwargs):
     """A noop stub for OSS build."""
     pass
+
+# iOS Plugin support.
+def react_module_plugin_providers():
+    # Noop for now
+    return []
diff --git a/yarn.lock b/yarn.lock
index 2b9bd658bccc44..694a527f726b13 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -827,11 +827,11 @@
     source-map-support "^0.5.9"
 
 "@babel/runtime@^7.0.0":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.8.3.tgz#0811944f73a6c926bb2ad35e918dcc1bfab279f1"
-  integrity sha512-fVHx1rzEmwB130VTkLnxR+HmxcTjGzH12LYQcFFoBwakMd3aOMD4OsRN7tGG/UOYE2ektgFrS8uACAoRk1CY0w==
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.1.2.tgz#81c89935f4647706fc54541145e6b4ecfef4b8e3"
+  integrity sha512-Y3SCjmhSupzFB6wcv1KmmFucH6gDVnI30WjOcicV10ju0cZjak3Jcs67YLIXBrmZYw1xCrVeJPbycFwrqNyxpg==
   dependencies:
-    regenerator-runtime "^0.13.2"
+    regenerator-runtime "^0.12.0"
 
 "@babel/template@^7.0.0", "@babel/template@^7.1.0", "@babel/template@^7.1.2", "@babel/template@^7.2.2":
   version "7.2.2"
@@ -885,29 +885,40 @@
 
 "@hapi/address@2.x.x":
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@hapi/address/-/address-2.0.0.tgz#9f05469c88cb2fd3dcd624776b54ee95c312126a"
+  resolved "https://registry.npmjs.org/@hapi/address/-/address-2.0.0.tgz#9f05469c88cb2fd3dcd624776b54ee95c312126a"
   integrity sha512-mV6T0IYqb0xL1UALPFplXYQmR0twnXG0M6jUswpquqT2sD12BOiCiLy3EvMp/Fy7s3DZElC4/aPjEjo2jeZpvw==
 
 "@hapi/hoek@6.x.x":
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-6.2.1.tgz#d3a66329159af879bfdf0b0cff2229c43c5a3451"
-  integrity sha512-+ryw4GU9pjr1uT6lBuErHJg3NYqzwJTvZ75nKuJijEzpd00Uqi6oiawTGDDf5Hl0zWmI7qHfOtaqB0kpQZJQzA==
+  version "6.2.4"
+  resolved "https://registry.npmjs.org/@hapi/hoek/-/hoek-6.2.4.tgz#4b95fbaccbfba90185690890bdf1a2fbbda10595"
+  integrity sha512-HOJ20Kc93DkDVvjwHyHawPwPkX44sIrbXazAUDiUXaY2R9JwQGo2PhFfnQtdrsIe4igjG2fPgMra7NYw7qhy0A==
+
+"@hapi/hoek@8.x.x":
+  version "8.0.2"
+  resolved "https://registry.npmjs.org/@hapi/hoek/-/hoek-8.0.2.tgz#f63a5ff00e891a4e7aa98f11119f9515c6672032"
+  integrity sha512-O6o6mrV4P65vVccxymuruucb+GhP2zl9NLCG8OdoFRS8BEGw3vwpPp20wpAtpbQQxz1CEUtmxJGgWhjq1XA3qw==
 
 "@hapi/joi@^15.0.3":
-  version "15.0.3"
-  resolved "https://registry.yarnpkg.com/@hapi/joi/-/joi-15.0.3.tgz#e94568fd859e5e945126d5675e7dd218484638a7"
-  integrity sha512-z6CesJ2YBwgVCi+ci8SI8zixoj8bGFn/vZb9MBPbSyoxsS2PnWYjHcyTM17VLK6tx64YVK38SDIh10hJypB+ig==
+  version "15.1.0"
+  resolved "https://registry.npmjs.org/@hapi/joi/-/joi-15.1.0.tgz#940cb749b5c55c26ab3b34ce362e82b6162c8e7a"
+  integrity sha512-n6kaRQO8S+kepUTbXL9O/UOL788Odqs38/VOfoCrATDtTvyfiO3fgjlSRaNkHabpTLgM7qru9ifqXlXbXk8SeQ==
   dependencies:
     "@hapi/address" "2.x.x"
     "@hapi/hoek" "6.x.x"
+    "@hapi/marker" "1.x.x"
     "@hapi/topo" "3.x.x"
 
+"@hapi/marker@1.x.x":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@hapi/marker/-/marker-1.0.0.tgz#65b0b2b01d1be06304886ce9b4b77b1bfb21a769"
+  integrity sha512-JOfdekTXnJexfE8PyhZFyHvHjt81rBFSAbTIRAhF2vv/2Y1JzoKsGqxH/GpZJoF7aEfYok8JVcAHmSz1gkBieA==
+
 "@hapi/topo@3.x.x":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@hapi/topo/-/topo-3.1.0.tgz#5c47cd9637c2953db185aa957a27bcb2a8b7a6f8"
-  integrity sha512-gZDI/eXOIk8kP2PkUKjWu9RW8GGVd2Hkgjxyr/S7Z+JF+0mr7bAlbw+DkTRxnD580o8Kqxlnba9wvqp5aOHBww==
+  version "3.1.2"
+  resolved "https://registry.npmjs.org/@hapi/topo/-/topo-3.1.2.tgz#57cc1317be1a8c5f47c124f9b0e3c49cd78424d2"
+  integrity sha512-r+aumOqJ5QbD6aLPJWqVjMAPsx5pZKz+F5yPqXZ/WWG9JTtHbQqlzrJoknJ0iJxLj9vlXtmpSdjlkszseeG8OA==
   dependencies:
-    "@hapi/hoek" "6.x.x"
+    "@hapi/hoek" "8.x.x"
 
 "@jest/console@^24.7.1":
   version "24.7.1"
@@ -918,32 +929,32 @@
     chalk "^2.0.1"
     slash "^2.0.0"
 
-"@jest/core@^24.7.1":
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-24.7.1.tgz#6707f50db238d0c5988860680e2e414df0032024"
-  integrity sha512-ivlZ8HX/FOASfHcb5DJpSPFps8ydfUYzLZfgFFqjkLijYysnIEOieg72YRhO4ZUB32xu40hsSMmaw+IGYeKONA==
+"@jest/core@^24.8.0":
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/@jest/core/-/core-24.8.0.tgz#fbbdcd42a41d0d39cddbc9f520c8bab0c33eed5b"
+  integrity sha512-R9rhAJwCBQzaRnrRgAdVfnglUuATXdwTRsYqs6NMdVcAl5euG8LtWDe+fVkN27YfKVBW61IojVsXKaOmSnqd/A==
   dependencies:
     "@jest/console" "^24.7.1"
-    "@jest/reporters" "^24.7.1"
-    "@jest/test-result" "^24.7.1"
-    "@jest/transform" "^24.7.1"
-    "@jest/types" "^24.7.0"
+    "@jest/reporters" "^24.8.0"
+    "@jest/test-result" "^24.8.0"
+    "@jest/transform" "^24.8.0"
+    "@jest/types" "^24.8.0"
     ansi-escapes "^3.0.0"
     chalk "^2.0.1"
     exit "^0.1.2"
     graceful-fs "^4.1.15"
-    jest-changed-files "^24.7.0"
-    jest-config "^24.7.1"
-    jest-haste-map "^24.7.1"
-    jest-message-util "^24.7.1"
+    jest-changed-files "^24.8.0"
+    jest-config "^24.8.0"
+    jest-haste-map "^24.8.0"
+    jest-message-util "^24.8.0"
     jest-regex-util "^24.3.0"
-    jest-resolve-dependencies "^24.7.1"
-    jest-runner "^24.7.1"
-    jest-runtime "^24.7.1"
-    jest-snapshot "^24.7.1"
-    jest-util "^24.7.1"
-    jest-validate "^24.7.0"
-    jest-watcher "^24.7.1"
+    jest-resolve-dependencies "^24.8.0"
+    jest-runner "^24.8.0"
+    jest-runtime "^24.8.0"
+    jest-snapshot "^24.8.0"
+    jest-util "^24.8.0"
+    jest-validate "^24.8.0"
+    jest-watcher "^24.8.0"
     micromatch "^3.1.10"
     p-each-series "^1.0.0"
     pirates "^4.0.1"
@@ -951,24 +962,15 @@
     rimraf "^2.5.4"
     strip-ansi "^5.0.0"
 
-"@jest/environment@^24.7.1":
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-24.7.1.tgz#9b9196bc737561f67ac07817d4c5ece772e33135"
-  integrity sha512-wmcTTYc4/KqA+U5h1zQd5FXXynfa7VGP2NfF+c6QeGJ7c+2nStgh65RQWNX62SC716dTtqheTRrZl0j+54oGHw==
-  dependencies:
-    "@jest/fake-timers" "^24.7.1"
-    "@jest/transform" "^24.7.1"
-    "@jest/types" "^24.7.0"
-    jest-mock "^24.7.0"
-
-"@jest/fake-timers@^24.7.1":
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-24.7.1.tgz#56e5d09bdec09ee81050eaff2794b26c71d19db2"
-  integrity sha512-4vSQJDKfR2jScOe12L9282uiwuwQv9Lk7mgrCSZHA9evB9efB/qx8i0KJxsAKtp8fgJYBJdYY7ZU6u3F4/pyjA==
+"@jest/environment@^24.8.0":
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-24.8.0.tgz#0342261383c776bdd652168f68065ef144af0eac"
+  integrity sha512-vlGt2HLg7qM+vtBrSkjDxk9K0YtRBi7HfRFaDxoRtyi+DyVChzhF20duvpdAnKVBV6W5tym8jm0U9EfXbDk1tw==
   dependencies:
-    "@jest/types" "^24.7.0"
-    jest-message-util "^24.7.1"
-    jest-mock "^24.7.0"
+    "@jest/fake-timers" "^24.8.0"
+    "@jest/transform" "^24.8.0"
+    "@jest/types" "^24.8.0"
+    jest-mock "^24.8.0"
 
 "@jest/fake-timers@^24.8.0":
   version "24.8.0"
@@ -979,26 +981,27 @@
     jest-message-util "^24.8.0"
     jest-mock "^24.8.0"
 
-"@jest/reporters@^24.7.1":
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-24.7.1.tgz#38ac0b096cd691bbbe3051ddc25988d42e37773a"
-  integrity sha512-bO+WYNwHLNhrjB9EbPL4kX/mCCG4ZhhfWmO3m4FSpbgr7N83MFejayz30kKjgqr7smLyeaRFCBQMbXpUgnhAJw==
+"@jest/reporters@^24.8.0":
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-24.8.0.tgz#075169cd029bddec54b8f2c0fc489fd0b9e05729"
+  integrity sha512-eZ9TyUYpyIIXfYCrw0UHUWUvE35vx5I92HGMgS93Pv7du+GHIzl+/vh8Qj9MCWFK/4TqyttVBPakWMOfZRIfxw==
   dependencies:
-    "@jest/environment" "^24.7.1"
-    "@jest/test-result" "^24.7.1"
-    "@jest/transform" "^24.7.1"
-    "@jest/types" "^24.7.0"
+    "@jest/environment" "^24.8.0"
+    "@jest/test-result" "^24.8.0"
+    "@jest/transform" "^24.8.0"
+    "@jest/types" "^24.8.0"
     chalk "^2.0.1"
     exit "^0.1.2"
     glob "^7.1.2"
-    istanbul-api "^2.1.1"
     istanbul-lib-coverage "^2.0.2"
     istanbul-lib-instrument "^3.0.1"
+    istanbul-lib-report "^2.0.4"
     istanbul-lib-source-maps "^3.0.1"
-    jest-haste-map "^24.7.1"
-    jest-resolve "^24.7.1"
-    jest-runtime "^24.7.1"
-    jest-util "^24.7.1"
+    istanbul-reports "^2.1.1"
+    jest-haste-map "^24.8.0"
+    jest-resolve "^24.8.0"
+    jest-runtime "^24.8.0"
+    jest-util "^24.8.0"
     jest-worker "^24.6.0"
     node-notifier "^5.2.1"
     slash "^2.0.0"
@@ -1014,15 +1017,6 @@
     graceful-fs "^4.1.15"
     source-map "^0.6.0"
 
-"@jest/test-result@^24.7.1":
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-24.7.1.tgz#19eacdb29a114300aed24db651e5d975f08b6bbe"
-  integrity sha512-3U7wITxstdEc2HMfBX7Yx3JZgiNBubwDqQMh+BXmZXHa3G13YWF3p6cK+5g0hGkN3iufg/vGPl3hLxQXD74Npg==
-  dependencies:
-    "@jest/console" "^24.7.1"
-    "@jest/types" "^24.7.0"
-    "@types/istanbul-lib-coverage" "^2.0.0"
-
 "@jest/test-result@^24.8.0":
   version "24.8.0"
   resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-24.8.0.tgz#7675d0aaf9d2484caa65e048d9b467d160f8e9d3"
@@ -1032,31 +1026,31 @@
     "@jest/types" "^24.8.0"
     "@types/istanbul-lib-coverage" "^2.0.0"
 
-"@jest/test-sequencer@^24.7.1":
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-24.7.1.tgz#9c18e428e1ad945fa74f6233a9d35745ca0e63e0"
-  integrity sha512-84HQkCpVZI/G1zq53gHJvSmhUer4aMYp9tTaffW28Ih5OxfCg8hGr3nTSbL1OhVDRrFZwvF+/R9gY6JRkDUpUA==
+"@jest/test-sequencer@^24.8.0":
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-24.8.0.tgz#2f993bcf6ef5eb4e65e8233a95a3320248cf994b"
+  integrity sha512-OzL/2yHyPdCHXEzhoBuq37CE99nkme15eHkAzXRVqthreWZamEMA0WoetwstsQBCXABhczpK03JNbc4L01vvLg==
   dependencies:
-    "@jest/test-result" "^24.7.1"
-    jest-haste-map "^24.7.1"
-    jest-runner "^24.7.1"
-    jest-runtime "^24.7.1"
+    "@jest/test-result" "^24.8.0"
+    jest-haste-map "^24.8.0"
+    jest-runner "^24.8.0"
+    jest-runtime "^24.8.0"
 
-"@jest/transform@^24.7.1":
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-24.7.1.tgz#872318f125bcfab2de11f53b465ab1aa780789c2"
-  integrity sha512-EsOUqP9ULuJ66IkZQhI5LufCHlTbi7hrcllRMUEV/tOgqBVQi93+9qEvkX0n8mYpVXQ8VjwmICeRgg58mrtIEw==
+"@jest/transform@^24.8.0":
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-24.8.0.tgz#628fb99dce4f9d254c6fd9341e3eea262e06fef5"
+  integrity sha512-xBMfFUP7TortCs0O+Xtez2W7Zu1PLH9bvJgtraN1CDST6LBM/eTOZ9SfwS/lvV8yOfcDpFmwf9bq5cYbXvqsvA==
   dependencies:
     "@babel/core" "^7.1.0"
-    "@jest/types" "^24.7.0"
+    "@jest/types" "^24.8.0"
     babel-plugin-istanbul "^5.1.0"
     chalk "^2.0.1"
     convert-source-map "^1.4.0"
     fast-json-stable-stringify "^2.0.0"
     graceful-fs "^4.1.15"
-    jest-haste-map "^24.7.1"
+    jest-haste-map "^24.8.0"
     jest-regex-util "^24.3.0"
-    jest-util "^24.7.1"
+    jest-util "^24.8.0"
     micromatch "^3.1.10"
     realpath-native "^1.1.0"
     slash "^2.0.0"
@@ -1080,12 +1074,19 @@
     "@types/istanbul-reports" "^1.1.1"
     "@types/yargs" "^12.0.9"
 
-"@react-native-community/cli-platform-android@^2.6.0", "@react-native-community/cli-platform-android@^2.9.0":
-  version "2.9.0"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-android/-/cli-platform-android-2.9.0.tgz#28831e61ce565a2c7d1905852fce1eecfd33cb5e"
-  integrity sha512-VEQs4Q6R5tnlYFrQIFoPEWjLc43whRHC9HeH+idbFymwDqysLVUffQbb9D6PJUj+C/AvrDhBhU6S3tDjGbSsag==
+"@react-native-community/cli-debugger-ui@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-debugger-ui/-/cli-debugger-ui-3.0.0.tgz#d01d08d1e5ddc1633d82c7d84d48fff07bd39416"
+  integrity sha512-m3X+iWLsK/H7/b7PpbNO33eQayR/+M26la4ZbYe1KRke5Umg4PIWsvg21O8Tw4uJcY8LA5hsP+rBi/syBkBf0g==
+  dependencies:
+    serve-static "^1.13.1"
+
+"@react-native-community/cli-platform-android@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-android/-/cli-platform-android-3.0.0.tgz#9122591fa59f91626766899c3307b6b1ff09d597"
+  integrity sha512-9yxv86+qIRGKeVROEmcUIFi21I6bpd7qooOcJ0dD/4pBRR5tUVZpv+y8EKEd9PZw7WSkUtD8WRoDeWaBs2kC3w==
   dependencies:
-    "@react-native-community/cli-tools" "^2.8.3"
+    "@react-native-community/cli-tools" "^3.0.0"
     chalk "^2.4.2"
     execa "^1.0.0"
     jetifier "^1.6.2"
@@ -1093,35 +1094,42 @@
     slash "^3.0.0"
     xmldoc "^1.1.2"
 
-"@react-native-community/cli-platform-ios@^2.10.0", "@react-native-community/cli-platform-ios@^2.4.1":
-  version "2.10.0"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-ios/-/cli-platform-ios-2.10.0.tgz#ee494d2f9a8f8727bd5eb3c446f22ebb5429b624"
-  integrity sha512-z5BQKyT/bgTSdHhvsFNf++6VP50vtOOaITnNKvw4954wURjv5JOQh1De3BngyaDOoGfV1mXkCxutqAXqSeuIjw==
+"@react-native-community/cli-platform-ios@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-ios/-/cli-platform-ios-3.0.0.tgz#3a48a449c0c33af3b0b3d19d3256de99388fe15f"
+  integrity sha512-QoNVlDj8eMXRZk9uktPFsctHurQpv9jKmiu6mQii4NEtT2npE7g1hbWpRNojutBsfgmCdQGDHd9uB54eeCnYgg==
   dependencies:
-    "@react-native-community/cli-tools" "^2.8.3"
+    "@react-native-community/cli-tools" "^3.0.0"
     chalk "^2.4.2"
+    js-yaml "^3.13.1"
     xcode "^2.0.0"
 
-"@react-native-community/cli-tools@^2.8.3":
-  version "2.8.3"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-tools/-/cli-tools-2.8.3.tgz#0e2249f48cf4603fb8d740a9f0715c31ac131ceb"
-  integrity sha512-N5Pz+pR+GFq3JApjd0SW4jp9KC7kbKsMH65QLRh30JNsxdPvNkYox6/ZZdkvdXaI5ev3EckR7eqlcwi5gpVTYQ==
+"@react-native-community/cli-tools@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-tools/-/cli-tools-3.0.0.tgz#fe48b80822ed7e49b8af051f9fe41e22a2a710b1"
+  integrity sha512-8IhQKZdf3E4CR8T7HhkPGgorot/cLkRDgneJFDSWk/wCYZAuUh4NEAdumQV7N0jLSMWX7xxiWUPi94lOBxVY9g==
   dependencies:
     chalk "^2.4.2"
     lodash "^4.17.5"
     mime "^2.4.1"
     node-fetch "^2.5.0"
 
-"@react-native-community/cli@^2.6.0":
-  version "2.10.0"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli/-/cli-2.10.0.tgz#3bda7a77dadfde006d81ee835263b5ff88f1b590"
-  integrity sha512-KldnMwYzNJlbbJpJQ4AxwTMp89qqwilI1lEvCAwKmiviWuyYGACCQsXI7ikShRaQeakc28zyN2ldbkbrHeOoJA==
+"@react-native-community/cli-types@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-types/-/cli-types-3.0.0.tgz#488d46605cb05e88537e030f38da236eeda74652"
+  integrity sha512-ng6Tm537E/M42GjE4TRUxQyL8sRfClcL7bQWblOCoxPZzJ2J3bdALsjeG3vDnVCIfI/R0AeFalN9KjMt0+Z/Zg==
+
+"@react-native-community/cli@^3.0.0":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli/-/cli-3.0.1.tgz#d7dfec14c867a17793bb981dd90eef2d8fc7808a"
+  integrity sha512-fh7hZHNmGciBOIJHUdS4D6/7KaIlmdJLG0i/efxm7spuMI0uviWwz4IcjNRanFbAgYu3Yp4rfke+Gm/gcHSRaA==
   dependencies:
     "@hapi/joi" "^15.0.3"
-    "@react-native-community/cli-platform-android" "^2.9.0"
-    "@react-native-community/cli-platform-ios" "^2.10.0"
-    "@react-native-community/cli-tools" "^2.8.3"
+    "@react-native-community/cli-debugger-ui" "^3.0.0"
+    "@react-native-community/cli-tools" "^3.0.0"
+    "@react-native-community/cli-types" "^3.0.0"
     chalk "^2.4.2"
+    command-exists "^1.2.8"
     commander "^2.19.0"
     compression "^1.7.1"
     connect "^3.6.5"
@@ -1130,15 +1138,16 @@
     envinfo "^7.1.0"
     errorhandler "^1.5.0"
     execa "^1.0.0"
+    find-up "^4.1.0"
     fs-extra "^7.0.1"
     glob "^7.1.1"
     graceful-fs "^4.1.3"
     inquirer "^3.0.6"
     lodash "^4.17.5"
-    metro "^0.54.1"
-    metro-config "^0.54.1"
-    metro-core "^0.54.1"
-    metro-react-native-babel-transformer "^0.54.1"
+    metro "^0.56.0"
+    metro-config "^0.56.0"
+    metro-core "^0.56.0"
+    metro-react-native-babel-transformer "^0.56.0"
     minimist "^1.2.0"
     mkdirp "^0.5.1"
     morgan "^1.9.0"
@@ -1146,11 +1155,19 @@
     open "^6.2.0"
     ora "^3.4.0"
     plist "^3.0.0"
-    semver "^5.0.3"
+    semver "^6.3.0"
     serve-static "^1.13.1"
     shell-quote "1.6.1"
+    strip-ansi "^5.2.0"
+    sudo-prompt "^9.0.0"
+    wcwidth "^1.0.1"
     ws "^1.1.0"
 
+"@react-native-community/eslint-plugin@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/eslint-plugin/-/eslint-plugin-1.0.0.tgz#ae9a430f2c5795debca491f15a989fce86ea75a0"
+  integrity sha512-GLhSN8dRt4lpixPQh+8prSCy6PYk/MT/mvji/ojAd5yshowDo6HFsimCSTD/uWAdjpUq91XK9tVdTNWfGRlKQA==
+
 "@reactions/component@^2.0.2":
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/@reactions/component/-/component-2.0.2.tgz#40f8c1c2c37baabe57a0c944edb9310dc1ec6642"
@@ -1398,13 +1415,6 @@ anymatch@^2.0.0:
     micromatch "^3.1.4"
     normalize-path "^2.1.1"
 
-append-transform@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/append-transform/-/append-transform-1.0.0.tgz#046a52ae582a228bd72f58acfbe2967c678759ab"
-  integrity sha512-P009oYkeHyU742iSZJzZZywj4QRJdnTWffaKuJQLablCZ1uz6/cW4yaRgcDaoQ+uwOxxnt0gRUcwfsNP2ri0gw==
-  dependencies:
-    default-require-extensions "^2.0.0"
-
 aproba@^1.0.3:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
@@ -1563,13 +1573,6 @@ async@^2.4.0, async@^2.5.0:
   dependencies:
     lodash "^4.17.10"
 
-async@^2.6.1:
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/async/-/async-2.6.2.tgz#18330ea7e6e313887f5d2f2a904bac6fe4dd5381"
-  integrity sha512-H1qVYh1MYhEEFLsP97cVKqCGo7KfCyTt6uEWqsTBr9SO84oK9Uwbyd/yCW+6rKJLHksBNUVWZDAjfS+Ccx0Bbg==
-  dependencies:
-    lodash "^4.17.11"
-
 asynckit@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
@@ -1623,13 +1626,13 @@ babel-eslint@10.0.1:
     eslint-scope "3.7.1"
     eslint-visitor-keys "^1.0.0"
 
-babel-jest@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-24.7.1.tgz#73902c9ff15a7dfbdc9994b0b17fcefd96042178"
-  integrity sha512-GPnLqfk8Mtt0i4OemjWkChi73A3ALs4w2/QbG64uAj8b5mmwzxc7jbJVRZt8NJkxi6FopVHog9S3xX6UJKb2qg==
+babel-jest@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-24.8.0.tgz#5c15ff2b28e20b0f45df43fe6b7f2aae93dba589"
+  integrity sha512-+5/kaZt4I9efoXzPlZASyK/lN9qdRKmmUav9smVc0ruPQD7IsfucQ87gpOE8mn2jbDuS6M/YOW6n3v9ZoIfgnw==
   dependencies:
-    "@jest/transform" "^24.7.1"
-    "@jest/types" "^24.7.0"
+    "@jest/transform" "^24.8.0"
+    "@jest/types" "^24.8.0"
     "@types/babel__core" "^7.1.0"
     babel-plugin-istanbul "^5.1.0"
     babel-preset-jest "^24.6.0"
@@ -2135,6 +2138,11 @@ combined-stream@1.0.6, combined-stream@~1.0.6:
   dependencies:
     delayed-stream "~1.0.0"
 
+command-exists@^1.2.8:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/command-exists/-/command-exists-1.2.8.tgz#715acefdd1223b9c9b37110a149c6392c2852291"
+  integrity sha512-PM54PkseWbiiD/mMsbvW351/u+dafwTJ0ye2qB60G1aGQP9j3xK2gmMDc+R34L3nDtx4qMCitXT75mkbkGJDLw==
+
 commander@^2.11.0, commander@^2.19.0:
   version "2.19.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.19.0.tgz#f6198aa84e5b83c46054b94ddedbfed5ee9ff12a"
@@ -2155,11 +2163,6 @@ commondir@^1.0.1:
   resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
   integrity sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs=
 
-compare-versions@^3.2.1:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/compare-versions/-/compare-versions-3.4.0.tgz#e0747df5c9cb7f054d6d3dc3e1dbc444f9e92b26"
-  integrity sha512-tK69D7oNXXqUW3ZNo/z7NXTEz22TCF0pTE+YF9cxvaAM9XnkLo1fV621xCLrRR6aevJlKxExkss0vWqUCUpqdg==
-
 component-emitter@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.2.1.tgz#137918d6d78283f7df7a6b7c5a63e140e69425e6"
@@ -2344,9 +2347,9 @@ data-urls@^1.0.0:
     whatwg-url "^7.0.0"
 
 dayjs@^1.8.15:
-  version "1.8.19"
-  resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.8.19.tgz#5117dc390d8f8e586d53891dbff3fa308f51abfe"
-  integrity sha512-7kqOoj3oQSmqbvtvGFLU5iYqies+SqUiEGNT0UtUPPxcPYgY1BrkXR0Cq2R9HYSimBXN+xHkEN4Hi399W+Ovlg==
+  version "1.8.15"
+  resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.8.15.tgz#7121bc04e6a7f2621ed6db566be4a8aaf8c3913e"
+  integrity sha512-HYHCI1nohG52B45vCQg8Re3hNDZbMroWPkhz50yaX7Lu0ATyjGsTdoYZBpjED9ar6chqTx2dmSmM8A51mojnAg==
 
 debug@2.6.9, debug@^2.1.2, debug@^2.2.0, debug@^2.3.3:
   version "2.6.9"
@@ -2362,7 +2365,14 @@ debug@^3.1.0:
   dependencies:
     ms "^2.1.1"
 
-debug@^4.1.0, debug@^4.1.1:
+debug@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.1.0.tgz#373687bffa678b38b1cd91f861b63850035ddc87"
+  integrity sha512-heNPJUJIqC+xB6ayLAMHaIrmN9HKa7aQO8MGqKpvCA+uJYVcvR6l5kgdrhRuwPFHU7P5/A1w0BjByPHwpfTDKg==
+  dependencies:
+    ms "^2.1.1"
+
+debug@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
   integrity sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==
@@ -2401,13 +2411,6 @@ deepmerge@^3.2.0:
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-3.2.0.tgz#58ef463a57c08d376547f8869fdc5bcee957f44e"
   integrity sha512-6+LuZGU7QCNUnAJyX8cIrlzoEgggTM6B7mm+znKOX4t5ltluT9KLjN6g61ECMS0LTsLW7yDpNoxhix5FZcrIow==
 
-default-require-extensions@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/default-require-extensions/-/default-require-extensions-2.0.0.tgz#f5f8fbb18a7d6d50b21f641f649ebb522cfe24f7"
-  integrity sha1-9fj7sYp9bVCyH2QfZJ67Uiz+JPc=
-  dependencies:
-    strip-bom "^3.0.0"
-
 defaults@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/defaults/-/defaults-1.0.3.tgz#c656051e9817d9ff08ed881477f3fe4019f3ef7d"
@@ -2514,11 +2517,6 @@ doctrine@^2.1.0:
   dependencies:
     esutils "^2.0.2"
 
-dom-walk@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/dom-walk/-/dom-walk-0.1.1.tgz#672226dc74c8f799ad35307df936aba11acd6018"
-  integrity sha1-ZyIm3HTI95mtNTB9+TaroRrNYBg=
-
 domexception@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/domexception/-/domexception-1.0.1.tgz#937442644ca6a31261ef36e3ec677fe805582c90"
@@ -2661,6 +2659,13 @@ eslint-config-fbjs@2.1.0, eslint-config-fbjs@^2.1.0:
   resolved "https://registry.yarnpkg.com/eslint-config-fbjs/-/eslint-config-fbjs-2.1.0.tgz#bfe4f8c2d2282bfe515359553905d830e3a5d12f"
   integrity sha512-wh7Lveo51V3/SUydWtR2VEU8wNfSHt5V7YzIUKTRkHF3kvkCwFtM6Jgsn+xBNkjxZGpfWgNJN/drk1LLx64Dww==
 
+eslint-config-prettier@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-6.0.0.tgz#f429a53bde9fc7660e6353910fd996d6284d3c25"
+  integrity sha512-vDrcCFE3+2ixNT5H83g28bO/uYAwibJxerXPj+E7op4qzBCsAV36QfvdAyVOoNxKAH2Os/e01T/2x++V0LPukA==
+  dependencies:
+    get-stdin "^6.0.0"
+
 eslint-plugin-babel@^5.3.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-babel/-/eslint-plugin-babel-5.3.0.tgz#2e7f251ccc249326da760c1a4c948a91c32d0023"
@@ -2950,16 +2955,16 @@ expand-brackets@^2.1.4:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
-expect@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-24.7.1.tgz#d91defbab4e627470a152feaf35b3c31aa1c7c14"
-  integrity sha512-mGfvMTPduksV3xoI0xur56pQsg2vJjNf5+a+bXOjqCkiCBbmCayrBbHS/75y9K430cfqyocPr2ZjiNiRx4SRKw==
+expect@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-24.8.0.tgz#471f8ec256b7b6129ca2524b2a62f030df38718d"
+  integrity sha512-/zYvP8iMDrzaaxHVa724eJBCKqSHmO0FA7EDkBiRHxg6OipmMn1fN+C8T9L9K8yr7UONkOifu6+LLH+z76CnaA==
   dependencies:
-    "@jest/types" "^24.7.0"
+    "@jest/types" "^24.8.0"
     ansi-styles "^3.2.0"
-    jest-get-type "^24.3.0"
-    jest-matcher-utils "^24.7.0"
-    jest-message-util "^24.7.1"
+    jest-get-type "^24.8.0"
+    jest-matcher-utils "^24.8.0"
+    jest-message-util "^24.8.0"
     jest-regex-util "^24.3.0"
 
 extend-shallow@^1.1.2:
@@ -3121,14 +3126,6 @@ file-entry-cache@^2.0.0:
     flat-cache "^1.2.1"
     object-assign "^4.0.1"
 
-fileset@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/fileset/-/fileset-2.0.3.tgz#8e7548a96d3cc2327ee5e674168723a333bba2a0"
-  integrity sha1-jnVIqW08wjJ+5eZ0FocjozO7oqA=
-  dependencies:
-    glob "^7.0.3"
-    minimatch "^3.0.3"
-
 fill-range@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-4.0.0.tgz#d544811d428f98eb06a63dc402d2403c328c38f7"
@@ -3175,6 +3172,14 @@ find-up@^3.0.0:
   dependencies:
     locate-path "^3.0.0"
 
+find-up@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
+  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
+  dependencies:
+    locate-path "^5.0.0"
+    path-exists "^4.0.0"
+
 flat-cache@^1.2.1:
   version "1.3.4"
   resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-1.3.4.tgz#2c2ef77525cc2929007dfffa1dd314aa9c9dee6f"
@@ -3185,10 +3190,10 @@ flat-cache@^1.2.1:
     rimraf "~2.6.2"
     write "^0.2.1"
 
-flow-bin@^0.98.0:
-  version "0.98.0"
-  resolved "https://registry.yarnpkg.com/flow-bin/-/flow-bin-0.98.0.tgz#3361a03682326a83a5f0a864749f4f7f0d826bce"
-  integrity sha512-vuiYjBVt82eYF+dEk9Zqa8hTSDvbhl/czxzFRLZm9/XHbJnYNMTwFoNFYAQT9IQ6ACNBIbwSTIfxroieuKja7g==
+flow-bin@^0.105.0:
+  version "0.105.1"
+  resolved "https://registry.yarnpkg.com/flow-bin/-/flow-bin-0.105.1.tgz#5ce4515b583e5fa6ea1b82bc849c354271f5b88d"
+  integrity sha512-wRI5ogu/+85fgftljAOtnDBx9+2JHToyq2XifzoMmXc5mmB9OE7osukzwi2PuOoEKtq9fu+APRD+MqbEJ8bUwQ==
 
 flow-parser@0.*:
   version "0.89.0"
@@ -3322,6 +3327,11 @@ get-port@^2.1.0:
   dependencies:
     pinkie-promise "^2.0.0"
 
+get-stdin@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-6.0.0.tgz#9e09bf712b360ab9225e812048f71fde9c89657b"
+  integrity sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==
+
 get-stream@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
@@ -3357,7 +3367,7 @@ glob@^6.0.1:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-glob@^7.0.0, glob@^7.0.3, glob@^7.0.5, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3:
+glob@^7.0.0, glob@^7.0.5, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3:
   version "7.1.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.3.tgz#3960832d3f1574108342dafd3a67b332c0969df1"
   integrity sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==
@@ -3369,14 +3379,6 @@ glob@^7.0.0, glob@^7.0.3, glob@^7.0.5, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-global@^4.3.0:
-  version "4.3.2"
-  resolved "https://registry.yarnpkg.com/global/-/global-4.3.2.tgz#e76989268a6c74c38908b1305b10fc0e394e9d0f"
-  integrity sha1-52mJJopsdMOJCLEwWxD8DjlOnQ8=
-  dependencies:
-    min-document "^2.19.0"
-    process "~0.5.1"
-
 globals@^11.1.0, globals@^11.7.0:
   version "11.8.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.8.0.tgz#c1ef45ee9bed6badf0663c5cb90e8d1adec1321d"
@@ -3493,6 +3495,11 @@ has@^1.0.1, has@^1.0.3:
   dependencies:
     function-bind "^1.1.1"
 
+hermes-engine@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/hermes-engine/-/hermes-engine-0.2.1.tgz#25c0f1ff852512a92cb5c5cc47cf967e1e722ea2"
+  integrity sha512-eNHUQHuadDMJARpaqvlCZoK/Nitpj6oywq3vQ3wCwEsww5morX34mW5PmKWQTO7aU0ck0hgulxR+EVDlXygGxQ==
+
 hermesvm@^0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/hermesvm/-/hermesvm-0.1.1.tgz#bd1df92b4dc504e261c23df34864daf24b844d03"
@@ -3832,7 +3839,7 @@ is-windows@^1.0.2:
 
 is-wsl@^1.1.0:
   version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
+  resolved "https://registry.npmjs.org/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
   integrity sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=
 
 isarray@1.0.0, isarray@~1.0.0:
@@ -3870,38 +3877,12 @@ isstream@~0.1.2:
   resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
   integrity sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=
 
-istanbul-api@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/istanbul-api/-/istanbul-api-2.1.1.tgz#194b773f6d9cbc99a9258446848b0f988951c4d0"
-  integrity sha512-kVmYrehiwyeBAk/wE71tW6emzLiHGjYIiDrc8sfyty4F8M02/lrgXSm+R1kXysmF20zArvmZXjlE/mg24TVPJw==
-  dependencies:
-    async "^2.6.1"
-    compare-versions "^3.2.1"
-    fileset "^2.0.3"
-    istanbul-lib-coverage "^2.0.3"
-    istanbul-lib-hook "^2.0.3"
-    istanbul-lib-instrument "^3.1.0"
-    istanbul-lib-report "^2.0.4"
-    istanbul-lib-source-maps "^3.0.2"
-    istanbul-reports "^2.1.1"
-    js-yaml "^3.12.0"
-    make-dir "^1.3.0"
-    minimatch "^3.0.4"
-    once "^1.4.0"
-
 istanbul-lib-coverage@^2.0.2, istanbul-lib-coverage@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.3.tgz#0b891e5ad42312c2b9488554f603795f9a2211ba"
   integrity sha512-dKWuzRGCs4G+67VfW9pBFFz2Jpi4vSp/k7zBcJ888ofV5Mi1g5CUML5GvMvV6u9Cjybftu+E8Cgp+k0dI1E5lw==
 
-istanbul-lib-hook@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-hook/-/istanbul-lib-hook-2.0.3.tgz#e0e581e461c611be5d0e5ef31c5f0109759916fb"
-  integrity sha512-CLmEqwEhuCYtGcpNVJjLV1DQyVnIqavMLFHV/DP+np/g3qvdxu3gsPqYoJMXm15sN84xOlckFB3VNvRbf5yEgA==
-  dependencies:
-    append-transform "^1.0.0"
-
-istanbul-lib-instrument@^3.0.0, istanbul-lib-instrument@^3.0.1, istanbul-lib-instrument@^3.1.0:
+istanbul-lib-instrument@^3.0.0, istanbul-lib-instrument@^3.0.1:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-3.1.0.tgz#a2b5484a7d445f1f311e93190813fa56dfb62971"
   integrity sha512-ooVllVGT38HIk8MxDj/OIHXSYvH+1tq/Vb38s8ixt9GoJadXska4WkGY+0wkmtYCZNYtaARniH/DixUGGLZ0uA==
@@ -3923,7 +3904,7 @@ istanbul-lib-report@^2.0.4:
     make-dir "^1.3.0"
     supports-color "^6.0.0"
 
-istanbul-lib-source-maps@^3.0.1, istanbul-lib-source-maps@^3.0.2:
+istanbul-lib-source-maps@^3.0.1:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-3.0.2.tgz#f1e817229a9146e8424a28e5d69ba220fda34156"
   integrity sha512-JX4v0CiKTGp9fZPmoxpu9YEkPbEqCqBbO3403VabKjH+NRXo72HafD5UgnjTEqHL2SAjaZK1XDuDOkn6I5QVfQ==
@@ -3946,66 +3927,66 @@ iterall@^1.2.2:
   resolved "https://registry.yarnpkg.com/iterall/-/iterall-1.2.2.tgz#92d70deb8028e0c39ff3164fdbf4d8b088130cd7"
   integrity sha512-yynBb1g+RFUPY64fTrFv7nsjRrENBQJaX2UL+2Szc9REFrSNm1rpSXHGzhmAy7a9uv3vlvgBlXnf9RqmPH1/DA==
 
-jest-changed-files@^24.7.0:
-  version "24.7.0"
-  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-24.7.0.tgz#39d723a11b16ed7b373ac83adc76a69464b0c4fa"
-  integrity sha512-33BgewurnwSfJrW7T5/ZAXGE44o7swLslwh8aUckzq2e17/2Os1V0QU506ZNik3hjs8MgnEMKNkcud442NCDTw==
+jest-changed-files@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-24.8.0.tgz#7e7eb21cf687587a85e50f3d249d1327e15b157b"
+  integrity sha512-qgANC1Yrivsq+UrLXsvJefBKVoCsKB0Hv+mBb6NMjjZ90wwxCDmU3hsCXBya30cH+LnPYjwgcU65i6yJ5Nfuug==
   dependencies:
-    "@jest/types" "^24.7.0"
+    "@jest/types" "^24.8.0"
     execa "^1.0.0"
     throat "^4.0.0"
 
-jest-cli@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-24.7.1.tgz#6093a539073b6f4953145abeeb9709cd621044f1"
-  integrity sha512-32OBoSCVPzcTslGFl6yVCMzB2SqX3IrWwZCY5mZYkb0D2WsogmU3eV2o8z7+gRQa4o4sZPX/k7GU+II7CxM6WQ==
+jest-cli@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-24.8.0.tgz#b075ac914492ed114fa338ade7362a301693e989"
+  integrity sha512-+p6J00jSMPQ116ZLlHJJvdf8wbjNbZdeSX9ptfHX06/MSNaXmKihQzx5vQcw0q2G6JsdVkUIdWbOWtSnaYs3yA==
   dependencies:
-    "@jest/core" "^24.7.1"
-    "@jest/test-result" "^24.7.1"
-    "@jest/types" "^24.7.0"
+    "@jest/core" "^24.8.0"
+    "@jest/test-result" "^24.8.0"
+    "@jest/types" "^24.8.0"
     chalk "^2.0.1"
     exit "^0.1.2"
     import-local "^2.0.0"
     is-ci "^2.0.0"
-    jest-config "^24.7.1"
-    jest-util "^24.7.1"
-    jest-validate "^24.7.0"
+    jest-config "^24.8.0"
+    jest-util "^24.8.0"
+    jest-validate "^24.8.0"
     prompts "^2.0.1"
     realpath-native "^1.1.0"
     yargs "^12.0.2"
 
-jest-config@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-24.7.1.tgz#6c1dd4db82a89710a3cf66bdba97827c9a1cf052"
-  integrity sha512-8FlJNLI+X+MU37j7j8RE4DnJkvAghXmBWdArVzypW6WxfGuxiL/CCkzBg0gHtXhD2rxla3IMOSUAHylSKYJ83g==
+jest-config@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-24.8.0.tgz#77db3d265a6f726294687cbbccc36f8a76ee0f4f"
+  integrity sha512-Czl3Nn2uEzVGsOeaewGWoDPD8GStxCpAe0zOYs2x2l0fZAgPbCr3uwUkgNKV3LwE13VXythM946cd5rdGkkBZw==
   dependencies:
     "@babel/core" "^7.1.0"
-    "@jest/test-sequencer" "^24.7.1"
-    "@jest/types" "^24.7.0"
-    babel-jest "^24.7.1"
+    "@jest/test-sequencer" "^24.8.0"
+    "@jest/types" "^24.8.0"
+    babel-jest "^24.8.0"
     chalk "^2.0.1"
     glob "^7.1.1"
-    jest-environment-jsdom "^24.7.1"
-    jest-environment-node "^24.7.1"
-    jest-get-type "^24.3.0"
-    jest-jasmine2 "^24.7.1"
+    jest-environment-jsdom "^24.8.0"
+    jest-environment-node "^24.8.0"
+    jest-get-type "^24.8.0"
+    jest-jasmine2 "^24.8.0"
     jest-regex-util "^24.3.0"
-    jest-resolve "^24.7.1"
-    jest-util "^24.7.1"
-    jest-validate "^24.7.0"
+    jest-resolve "^24.8.0"
+    jest-util "^24.8.0"
+    jest-validate "^24.8.0"
     micromatch "^3.1.10"
-    pretty-format "^24.7.0"
+    pretty-format "^24.8.0"
     realpath-native "^1.1.0"
 
-jest-diff@^24.7.0:
-  version "24.7.0"
-  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-24.7.0.tgz#5d862899be46249754806f66e5729c07fcb3580f"
-  integrity sha512-ULQZ5B1lWpH70O4xsANC4tf4Ko6RrpwhE3PtG6ERjMg1TiYTC2Wp4IntJVGro6a8HG9luYHhhmF4grF0Pltckg==
+jest-diff@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-24.8.0.tgz#146435e7d1e3ffdf293d53ff97e193f1d1546172"
+  integrity sha512-wxetCEl49zUpJ/bvUmIFjd/o52J+yWcoc5ZyPq4/W1LUKGEhRYDIbP1KcF6t+PvqNrGAFk4/JhtxDq/Nnzs66g==
   dependencies:
     chalk "^2.0.1"
     diff-sequences "^24.3.0"
-    jest-get-type "^24.3.0"
-    pretty-format "^24.7.0"
+    jest-get-type "^24.8.0"
+    pretty-format "^24.8.0"
 
 jest-docblock@^21.0.0:
   version "21.2.0"
@@ -4019,39 +4000,39 @@ jest-docblock@^24.3.0:
   dependencies:
     detect-newline "^2.1.0"
 
-jest-each@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-24.7.1.tgz#fcc7dda4147c28430ad9fb6dc7211cd17ab54e74"
-  integrity sha512-4fsS8fEfLa3lfnI1Jw6NxjhyRTgfpuOVTeUZZFyVYqeTa4hPhr2YkToUhouuLTrL2eMGOfpbdMyRx0GQ/VooKA==
+jest-each@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-24.8.0.tgz#a05fd2bf94ddc0b1da66c6d13ec2457f35e52775"
+  integrity sha512-NrwK9gaL5+XgrgoCsd9svsoWdVkK4gnvyhcpzd6m487tXHqIdYeykgq3MKI1u4I+5Zf0tofr70at9dWJDeb+BA==
   dependencies:
-    "@jest/types" "^24.7.0"
+    "@jest/types" "^24.8.0"
     chalk "^2.0.1"
-    jest-get-type "^24.3.0"
-    jest-util "^24.7.1"
-    pretty-format "^24.7.0"
+    jest-get-type "^24.8.0"
+    jest-util "^24.8.0"
+    pretty-format "^24.8.0"
 
-jest-environment-jsdom@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-24.7.1.tgz#a40e004b4458ebeb8a98082df135fd501b9fbbd6"
-  integrity sha512-Gnhb+RqE2JuQGb3kJsLF8vfqjt3PHKSstq4Xc8ic+ax7QKo4Z0RWGucU3YV+DwKR3T9SYc+3YCUQEJs8r7+Jxg==
+jest-environment-jsdom@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-24.8.0.tgz#300f6949a146cabe1c9357ad9e9ecf9f43f38857"
+  integrity sha512-qbvgLmR7PpwjoFjM/sbuqHJt/NCkviuq9vus9NBn/76hhSidO+Z6Bn9tU8friecegbJL8gzZQEMZBQlFWDCwAQ==
   dependencies:
-    "@jest/environment" "^24.7.1"
-    "@jest/fake-timers" "^24.7.1"
-    "@jest/types" "^24.7.0"
-    jest-mock "^24.7.0"
-    jest-util "^24.7.1"
+    "@jest/environment" "^24.8.0"
+    "@jest/fake-timers" "^24.8.0"
+    "@jest/types" "^24.8.0"
+    jest-mock "^24.8.0"
+    jest-util "^24.8.0"
     jsdom "^11.5.1"
 
-jest-environment-node@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-24.7.1.tgz#fa2c047a31522a48038d26ee4f7c8fd9c1ecfe12"
-  integrity sha512-GJJQt1p9/C6aj6yNZMvovZuxTUd+BEJprETdvTKSb4kHcw4mFj8777USQV0FJoJ4V3djpOwA5eWyPwfq//PFBA==
+jest-environment-node@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-24.8.0.tgz#d3f726ba8bc53087a60e7a84ca08883a4c892231"
+  integrity sha512-vIGUEScd1cdDgR6sqn2M08sJTRLQp6Dk/eIkCeO4PFHxZMOgy+uYLPMC4ix3PEfM5Au/x3uQ/5Tl0DpXXZsJ/Q==
   dependencies:
-    "@jest/environment" "^24.7.1"
-    "@jest/fake-timers" "^24.7.1"
-    "@jest/types" "^24.7.0"
-    jest-mock "^24.7.0"
-    jest-util "^24.7.1"
+    "@jest/environment" "^24.8.0"
+    "@jest/fake-timers" "^24.8.0"
+    "@jest/types" "^24.8.0"
+    jest-mock "^24.8.0"
+    jest-util "^24.8.0"
 
 jest-get-type@^24.0.0:
   version "24.0.0"
@@ -4063,7 +4044,12 @@ jest-get-type@^24.3.0:
   resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-24.3.0.tgz#582cfd1a4f91b5cdad1d43d2932f816d543c65da"
   integrity sha512-HYF6pry72YUlVcvUx3sEpMRwXEWGEPlJ0bSPVnB3b3n++j4phUEoSPcS6GC0pPJ9rpyPSe4cb5muFo6D39cXow==
 
-jest-haste-map@^24.7.1:
+jest-get-type@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-24.8.0.tgz#a7440de30b651f5a70ea3ed7ff073a32dfe646fc"
+  integrity sha512-RR4fo8jEmMD9zSz2nLbs2j0zvPpk/KCEz3a62jJWbd2ayNo0cb+KFRxPHVhE4ZmgGJEQp0fosmNz84IfqM8cMQ==
+
+jest-haste-map@^24.7.1, jest-haste-map@^24.8.0:
   version "24.8.1"
   resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-24.8.1.tgz#f39cc1d2b1d907e014165b4bd5a957afcb992982"
   integrity sha512-SwaxMGVdAZk3ernAx2Uv2sorA7jm3Kx+lR0grp6rMmnY06Kn/urtKx1LPN2mGTea4fCT38impYT28FfcLUhX0g==
@@ -4082,26 +4068,26 @@ jest-haste-map@^24.7.1:
   optionalDependencies:
     fsevents "^1.2.7"
 
-jest-jasmine2@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-24.7.1.tgz#01398686dabe46553716303993f3be62e5d9d818"
-  integrity sha512-Y/9AOJDV1XS44wNwCaThq4Pw3gBPiOv/s6NcbOAkVRRUEPu+36L2xoPsqQXsDrxoBerqeyslpn2TpCI8Zr6J2w==
+jest-jasmine2@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-24.8.0.tgz#a9c7e14c83dd77d8b15e820549ce8987cc8cd898"
+  integrity sha512-cEky88npEE5LKd5jPpTdDCLvKkdyklnaRycBXL6GNmpxe41F0WN44+i7lpQKa/hcbXaQ+rc9RMaM4dsebrYong==
   dependencies:
     "@babel/traverse" "^7.1.0"
-    "@jest/environment" "^24.7.1"
-    "@jest/test-result" "^24.7.1"
-    "@jest/types" "^24.7.0"
+    "@jest/environment" "^24.8.0"
+    "@jest/test-result" "^24.8.0"
+    "@jest/types" "^24.8.0"
     chalk "^2.0.1"
     co "^4.6.0"
-    expect "^24.7.1"
+    expect "^24.8.0"
     is-generator-fn "^2.0.0"
-    jest-each "^24.7.1"
-    jest-matcher-utils "^24.7.0"
-    jest-message-util "^24.7.1"
-    jest-runtime "^24.7.1"
-    jest-snapshot "^24.7.1"
-    jest-util "^24.7.1"
-    pretty-format "^24.7.0"
+    jest-each "^24.8.0"
+    jest-matcher-utils "^24.8.0"
+    jest-message-util "^24.8.0"
+    jest-runtime "^24.8.0"
+    jest-snapshot "^24.8.0"
+    jest-util "^24.8.0"
+    pretty-format "^24.8.0"
     throat "^4.0.0"
 
 jest-junit@^6.3.0:
@@ -4114,36 +4100,22 @@ jest-junit@^6.3.0:
     strip-ansi "^4.0.0"
     xml "^1.0.1"
 
-jest-leak-detector@^24.7.0:
-  version "24.7.0"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-24.7.0.tgz#323ff93ed69be12e898f5b040952f08a94288ff9"
-  integrity sha512-zV0qHKZGXtmPVVzT99CVEcHE9XDf+8LwiE0Ob7jjezERiGVljmqKFWpV2IkG+rkFIEUHFEkMiICu7wnoPM/RoQ==
-  dependencies:
-    pretty-format "^24.7.0"
-
-jest-matcher-utils@^24.7.0:
-  version "24.7.0"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-24.7.0.tgz#bbee1ff37bc8b2e4afcaabc91617c1526af4bcd4"
-  integrity sha512-158ieSgk3LNXeUhbVJYRXyTPSCqNgVXOp/GT7O94mYd3pk/8+odKTyR1JLtNOQSPzNi8NFYVONtvSWA/e1RDXg==
+jest-leak-detector@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-24.8.0.tgz#c0086384e1f650c2d8348095df769f29b48e6980"
+  integrity sha512-cG0yRSK8A831LN8lIHxI3AblB40uhv0z+SsQdW3GoMMVcK+sJwrIIyax5tu3eHHNJ8Fu6IMDpnLda2jhn2pD/g==
   dependencies:
-    chalk "^2.0.1"
-    jest-diff "^24.7.0"
-    jest-get-type "^24.3.0"
-    pretty-format "^24.7.0"
+    pretty-format "^24.8.0"
 
-jest-message-util@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-24.7.1.tgz#f1dc3a6c195647096a99d0f1dadbc447ae547018"
-  integrity sha512-dk0gqVtyqezCHbcbk60CdIf+8UHgD+lmRHifeH3JRcnAqh4nEyPytSc9/L1+cQyxC+ceaeP696N4ATe7L+omcg==
+jest-matcher-utils@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-24.8.0.tgz#2bce42204c9af12bde46f83dc839efe8be832495"
+  integrity sha512-lex1yASY51FvUuHgm0GOVj7DCYEouWSlIYmCW7APSqB9v8mXmKSn5+sWVF0MhuASG0bnYY106/49JU1FZNl5hw==
   dependencies:
-    "@babel/code-frame" "^7.0.0"
-    "@jest/test-result" "^24.7.1"
-    "@jest/types" "^24.7.0"
-    "@types/stack-utils" "^1.0.1"
     chalk "^2.0.1"
-    micromatch "^3.1.10"
-    slash "^2.0.0"
-    stack-utils "^1.0.1"
+    jest-diff "^24.8.0"
+    jest-get-type "^24.8.0"
+    pretty-format "^24.8.0"
 
 jest-message-util@^24.8.0:
   version "24.8.0"
@@ -4159,13 +4131,6 @@ jest-message-util@^24.8.0:
     slash "^2.0.0"
     stack-utils "^1.0.1"
 
-jest-mock@^24.7.0:
-  version "24.7.0"
-  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-24.7.0.tgz#e49ce7262c12d7f5897b0d8af77f6db8e538023b"
-  integrity sha512-6taW4B4WUcEiT2V9BbOmwyGuwuAFT2G8yghF7nyNW1/2gq5+6aTqSPcS9lS6ArvEkX55vbPAS/Jarx5LSm4Fng==
-  dependencies:
-    "@jest/types" "^24.7.0"
-
 jest-mock@^24.8.0:
   version "24.8.0"
   resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-24.8.0.tgz#2f9d14d37699e863f1febf4e4d5a33b7fdbbde56"
@@ -4183,75 +4148,75 @@ jest-regex-util@^24.3.0:
   resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-24.3.0.tgz#d5a65f60be1ae3e310d5214a0307581995227b36"
   integrity sha512-tXQR1NEOyGlfylyEjg1ImtScwMq8Oh3iJbGTjN7p0J23EuVX1MA8rwU69K4sLbCmwzgCUbVkm0FkSF9TdzOhtg==
 
-jest-resolve-dependencies@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-24.7.1.tgz#cf93bbef26999488a96a2b2012f9fe7375aa378f"
-  integrity sha512-2Eyh5LJB2liNzfk4eo7bD1ZyBbqEJIyyrFtZG555cSWW9xVHxII2NuOkSl1yUYTAYCAmM2f2aIT5A7HzNmubyg==
+jest-resolve-dependencies@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-24.8.0.tgz#19eec3241f2045d3f990dba331d0d7526acff8e0"
+  integrity sha512-hyK1qfIf/krV+fSNyhyJeq3elVMhK9Eijlwy+j5jqmZ9QsxwKBiP6qukQxaHtK8k6zql/KYWwCTQ+fDGTIJauw==
   dependencies:
-    "@jest/types" "^24.7.0"
+    "@jest/types" "^24.8.0"
     jest-regex-util "^24.3.0"
-    jest-snapshot "^24.7.1"
+    jest-snapshot "^24.8.0"
 
-jest-resolve@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-24.7.1.tgz#e4150198299298380a75a9fd55043fa3b9b17fde"
-  integrity sha512-Bgrc+/UUZpGJ4323sQyj85hV9d+ANyPNu6XfRDUcyFNX1QrZpSoM0kE4Mb2vZMAYTJZsBFzYe8X1UaOkOELSbw==
+jest-resolve@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-24.8.0.tgz#84b8e5408c1f6a11539793e2b5feb1b6e722439f"
+  integrity sha512-+hjSzi1PoRvnuOICoYd5V/KpIQmkAsfjFO71458hQ2Whi/yf1GDeBOFj8Gxw4LrApHsVJvn5fmjcPdmoUHaVKw==
   dependencies:
-    "@jest/types" "^24.7.0"
+    "@jest/types" "^24.8.0"
     browser-resolve "^1.11.3"
     chalk "^2.0.1"
     jest-pnp-resolver "^1.2.1"
     realpath-native "^1.1.0"
 
-jest-runner@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-24.7.1.tgz#41c8a02a06aa23ea82d8bffd69d7fa98d32f85bf"
-  integrity sha512-aNFc9liWU/xt+G9pobdKZ4qTeG/wnJrJna3VqunziDNsWT3EBpmxXZRBMKCsNMyfy+A/XHiV+tsMLufdsNdgCw==
+jest-runner@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-24.8.0.tgz#4f9ae07b767db27b740d7deffad0cf67ccb4c5bb"
+  integrity sha512-utFqC5BaA3JmznbissSs95X1ZF+d+4WuOWwpM9+Ak356YtMhHE/GXUondZdcyAAOTBEsRGAgH/0TwLzfI9h7ow==
   dependencies:
     "@jest/console" "^24.7.1"
-    "@jest/environment" "^24.7.1"
-    "@jest/test-result" "^24.7.1"
-    "@jest/types" "^24.7.0"
+    "@jest/environment" "^24.8.0"
+    "@jest/test-result" "^24.8.0"
+    "@jest/types" "^24.8.0"
     chalk "^2.4.2"
     exit "^0.1.2"
     graceful-fs "^4.1.15"
-    jest-config "^24.7.1"
+    jest-config "^24.8.0"
     jest-docblock "^24.3.0"
-    jest-haste-map "^24.7.1"
-    jest-jasmine2 "^24.7.1"
-    jest-leak-detector "^24.7.0"
-    jest-message-util "^24.7.1"
-    jest-resolve "^24.7.1"
-    jest-runtime "^24.7.1"
-    jest-util "^24.7.1"
+    jest-haste-map "^24.8.0"
+    jest-jasmine2 "^24.8.0"
+    jest-leak-detector "^24.8.0"
+    jest-message-util "^24.8.0"
+    jest-resolve "^24.8.0"
+    jest-runtime "^24.8.0"
+    jest-util "^24.8.0"
     jest-worker "^24.6.0"
     source-map-support "^0.5.6"
     throat "^4.0.0"
 
-jest-runtime@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-24.7.1.tgz#2ffd70b22dd03a5988c0ab9465c85cdf5d25c597"
-  integrity sha512-0VAbyBy7tll3R+82IPJpf6QZkokzXPIS71aDeqh+WzPRXRCNz6StQ45otFariPdJ4FmXpDiArdhZrzNAC3sj6A==
+jest-runtime@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-24.8.0.tgz#05f94d5b05c21f6dc54e427cd2e4980923350620"
+  integrity sha512-Mq0aIXhvO/3bX44ccT+czU1/57IgOMyy80oM0XR/nyD5zgBcesF84BPabZi39pJVA6UXw+fY2Q1N+4BiVUBWOA==
   dependencies:
     "@jest/console" "^24.7.1"
-    "@jest/environment" "^24.7.1"
+    "@jest/environment" "^24.8.0"
     "@jest/source-map" "^24.3.0"
-    "@jest/transform" "^24.7.1"
-    "@jest/types" "^24.7.0"
+    "@jest/transform" "^24.8.0"
+    "@jest/types" "^24.8.0"
     "@types/yargs" "^12.0.2"
     chalk "^2.0.1"
     exit "^0.1.2"
     glob "^7.1.3"
     graceful-fs "^4.1.15"
-    jest-config "^24.7.1"
-    jest-haste-map "^24.7.1"
-    jest-message-util "^24.7.1"
-    jest-mock "^24.7.0"
+    jest-config "^24.8.0"
+    jest-haste-map "^24.8.0"
+    jest-message-util "^24.8.0"
+    jest-mock "^24.8.0"
     jest-regex-util "^24.3.0"
-    jest-resolve "^24.7.1"
-    jest-snapshot "^24.7.1"
-    jest-util "^24.7.1"
-    jest-validate "^24.7.0"
+    jest-resolve "^24.8.0"
+    jest-snapshot "^24.8.0"
+    jest-util "^24.8.0"
+    jest-validate "^24.8.0"
     realpath-native "^1.1.0"
     slash "^2.0.0"
     strip-bom "^3.0.0"
@@ -4262,42 +4227,24 @@ jest-serializer@^24.4.0:
   resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-24.4.0.tgz#f70c5918c8ea9235ccb1276d232e459080588db3"
   integrity sha512-k//0DtglVstc1fv+GY/VHDIjrtNjdYvYjMlbLUed4kxrE92sIUewOi5Hj3vrpB8CXfkJntRPDRjCrCvUhBdL8Q==
 
-jest-snapshot@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-24.7.1.tgz#bd5a35f74aedff070975e9e9c90024f082099568"
-  integrity sha512-8Xk5O4p+JsZZn4RCNUS3pxA+ORKpEKepE+a5ejIKrId9CwrVN0NY+vkqEkXqlstA5NMBkNahXkR/4qEBy0t5yA==
+jest-snapshot@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-24.8.0.tgz#3bec6a59da2ff7bc7d097a853fb67f9d415cb7c6"
+  integrity sha512-5ehtWoc8oU9/cAPe6fez6QofVJLBKyqkY2+TlKTOf0VllBB/mqUNdARdcjlZrs9F1Cv+/HKoCS/BknT0+tmfPg==
   dependencies:
     "@babel/types" "^7.0.0"
-    "@jest/types" "^24.7.0"
+    "@jest/types" "^24.8.0"
     chalk "^2.0.1"
-    expect "^24.7.1"
-    jest-diff "^24.7.0"
-    jest-matcher-utils "^24.7.0"
-    jest-message-util "^24.7.1"
-    jest-resolve "^24.7.1"
+    expect "^24.8.0"
+    jest-diff "^24.8.0"
+    jest-matcher-utils "^24.8.0"
+    jest-message-util "^24.8.0"
+    jest-resolve "^24.8.0"
     mkdirp "^0.5.1"
     natural-compare "^1.4.0"
-    pretty-format "^24.7.0"
+    pretty-format "^24.8.0"
     semver "^5.5.0"
 
-jest-util@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-24.7.1.tgz#b4043df57b32a23be27c75a2763d8faf242038ff"
-  integrity sha512-/KilOue2n2rZ5AnEBYoxOXkeTu6vi7cjgQ8MXEkih0oeAXT6JkS3fr7/j8+engCjciOU1Nq5loMSKe0A1oeX0A==
-  dependencies:
-    "@jest/console" "^24.7.1"
-    "@jest/fake-timers" "^24.7.1"
-    "@jest/source-map" "^24.3.0"
-    "@jest/test-result" "^24.7.1"
-    "@jest/types" "^24.7.0"
-    callsites "^3.0.0"
-    chalk "^2.0.1"
-    graceful-fs "^4.1.15"
-    is-ci "^2.0.0"
-    mkdirp "^0.5.1"
-    slash "^2.0.0"
-    source-map "^0.6.0"
-
 jest-util@^24.8.0:
   version "24.8.0"
   resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-24.8.0.tgz#41f0e945da11df44cc76d64ffb915d0716f46cd1"
@@ -4339,17 +4286,29 @@ jest-validate@^24.7.0:
     leven "^2.1.0"
     pretty-format "^24.7.0"
 
-jest-watcher@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-24.7.1.tgz#e161363d7f3f4e1ef3d389b7b3a0aad247b673f5"
-  integrity sha512-Wd6TepHLRHVKLNPacEsBwlp9raeBIO+01xrN24Dek4ggTS8HHnOzYSFnvp+6MtkkJ3KfMzy220KTi95e2rRkrw==
+jest-validate@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-24.8.0.tgz#624c41533e6dfe356ffadc6e2423a35c2d3b4849"
+  integrity sha512-+/N7VOEMW1Vzsrk3UWBDYTExTPwf68tavEPKDnJzrC6UlHtUDU/fuEdXqFoHzv9XnQ+zW6X3qMZhJ3YexfeLDA==
   dependencies:
-    "@jest/test-result" "^24.7.1"
-    "@jest/types" "^24.7.0"
+    "@jest/types" "^24.8.0"
+    camelcase "^5.0.0"
+    chalk "^2.0.1"
+    jest-get-type "^24.8.0"
+    leven "^2.1.0"
+    pretty-format "^24.8.0"
+
+jest-watcher@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-24.8.0.tgz#58d49915ceddd2de85e238f6213cef1c93715de4"
+  integrity sha512-SBjwHt5NedQoVu54M5GEx7cl7IGEFFznvd/HNT8ier7cCAx/Qgu9ZMlaTQkvK22G1YOpcWBLQPFSImmxdn3DAw==
+  dependencies:
+    "@jest/test-result" "^24.8.0"
+    "@jest/types" "^24.8.0"
     "@types/yargs" "^12.0.9"
     ansi-escapes "^3.0.0"
     chalk "^2.0.1"
-    jest-util "^24.7.1"
+    jest-util "^24.8.0"
     string-length "^2.0.0"
 
 jest-worker@^24.6.0:
@@ -4360,18 +4319,18 @@ jest-worker@^24.6.0:
     merge-stream "^1.0.1"
     supports-color "^6.1.0"
 
-jest@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-24.7.1.tgz#0d94331cf510c75893ee32f87d7321d5bf8f2501"
-  integrity sha512-AbvRar5r++izmqo5gdbAjTeA6uNRGoNRuj5vHB0OnDXo2DXWZJVuaObiGgtlvhKb+cWy2oYbQSfxv7Q7GjnAtA==
+jest@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-24.8.0.tgz#d5dff1984d0d1002196e9b7f12f75af1b2809081"
+  integrity sha512-o0HM90RKFRNWmAWvlyV8i5jGZ97pFwkeVoGvPW1EtLTgJc2+jcuqcbbqcSZLE/3f2S5pt0y2ZBETuhpWNl1Reg==
   dependencies:
     import-local "^2.0.0"
-    jest-cli "^24.7.1"
+    jest-cli "^24.8.0"
 
 jetifier@^1.6.2:
-  version "1.6.5"
-  resolved "https://registry.yarnpkg.com/jetifier/-/jetifier-1.6.5.tgz#ea87324a4230bef20a9651178ecab978ee54a8cb"
-  integrity sha512-T7yzBSu9PR+DqjYt+I0KVO1XTb1QhAfHnXV5Nd3xpbXM6Xg4e3vP60Q4qkNU8Fh6PHC2PivPUNN3rY7G2MxcDQ==
+  version "1.6.4"
+  resolved "https://registry.yarnpkg.com/jetifier/-/jetifier-1.6.4.tgz#6159db8e275d97980d26162897a0648b6d4a3222"
+  integrity sha512-+f/4OLeqY8RAmXnonI1ffeY1DR8kMNJPhv5WMFehchf7U71cjMQVKkOz1n6asz6kfVoAqKNWJz1A/18i18AcXA==
 
 js-levenshtein@^1.1.3:
   version "1.1.4"
@@ -4396,15 +4355,7 @@ js-yaml@^3.11.0, js-yaml@^3.9.0:
     argparse "^1.0.7"
     esprima "^4.0.0"
 
-js-yaml@^3.12.0:
-  version "3.12.1"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.12.1.tgz#295c8632a18a23e054cf5c9d3cecafe678167600"
-  integrity sha512-um46hB9wNOKlwkHgiuyEVAybXBjwFUV0Z/RaHJblRd9DXltue9FTYvzCr9ErQrK9Adz5MU4gHWVaNUfdmrC8qA==
-  dependencies:
-    argparse "^1.0.7"
-    esprima "^4.0.0"
-
-js-yaml@^3.13.0:
+js-yaml@^3.13.0, js-yaml@^3.13.1:
   version "3.13.1"
   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.13.1.tgz#aff151b30bfdfa8e49e05da22e7415e9dfa37847"
   integrity sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==
@@ -4417,7 +4368,7 @@ jsbn@~0.1.0:
   resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
   integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM=
 
-jsc-android@245459.0.0:
+jsc-android@^245459.0.0:
   version "245459.0.0"
   resolved "https://registry.yarnpkg.com/jsc-android/-/jsc-android-245459.0.0.tgz#e584258dd0b04c9159a27fb104cd5d491fd202c9"
   integrity sha512-wkjURqwaB1daNkDi2OYYbsLnIdC/lUM2nPXQKRs5pqEU9chDg435bjvo+LSaHotDENygHQDHe+ntUkkw2gwMtg==
@@ -4687,6 +4638,13 @@ locate-path@^3.0.0:
     p-locate "^3.0.0"
     path-exists "^3.0.0"
 
+locate-path@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
+  integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
+  dependencies:
+    p-locate "^4.1.0"
+
 lodash.sortby@^4.7.0:
   version "4.7.0"
   resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
@@ -4697,7 +4655,7 @@ lodash.throttle@^4.1.1:
   resolved "https://registry.yarnpkg.com/lodash.throttle/-/lodash.throttle-4.1.1.tgz#c23e91b710242ac70c37f1e1cda9274cc39bf2f4"
   integrity sha1-wj6RtxAkKscMN/HhzaknTMOb8vQ=
 
-lodash@4.x.x, lodash@^4.13.1, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.4, lodash@^4.17.5, lodash@^4.3.0, lodash@^4.6.1:
+lodash@4.x.x, lodash@^4.13.1, lodash@^4.17.10, lodash@^4.17.4, lodash@^4.17.5, lodash@^4.3.0:
   version "4.17.11"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d"
   integrity sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==
@@ -4715,9 +4673,9 @@ log-symbols@^2.2.0:
     chalk "^2.0.1"
 
 logkitty@^0.6.0:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/logkitty/-/logkitty-0.6.1.tgz#fe29209669d261539cbd6bb998a136fc92a1a05c"
-  integrity sha512-cHuXN8qUZuzX/7kB6VyS7kB4xyD24e8gyHXIFNhIv+fjW3P+jEXNUhj0o/7qWJtv7UZpbnPgUqzu/AZQ8RAqxQ==
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/logkitty/-/logkitty-0.6.0.tgz#e327d4b144dd5c11d912d002cf57ac9fbae20e15"
+  integrity sha512-+F1ROENmfG3b4N9WGlRz5QGTBw/xgjZe2JzZLADYeCmzdId5c+QI7WTGRofs/10hwP84aAmjK2WStx+/oQVnwA==
   dependencies:
     ansi-fragments "^0.2.1"
     dayjs "^1.8.15"
@@ -4794,10 +4752,10 @@ merge-stream@^1.0.1:
   dependencies:
     readable-stream "^2.0.1"
 
-metro-babel-register@0.54.1:
-  version "0.54.1"
-  resolved "https://registry.yarnpkg.com/metro-babel-register/-/metro-babel-register-0.54.1.tgz#7d2bfe444b1ccef8de99aedc7d9330891d806076"
-  integrity sha512-j3VydgncUG8HP6AZala6GTIt3V01nptodnnOke3JMYLqgk8EJ1LOVOdotK9pXi80o7EmmNKFs/LyyH8z+uAJzQ==
+metro-babel-register@0.56.0, metro-babel-register@^0.56.0:
+  version "0.56.0"
+  resolved "https://registry.yarnpkg.com/metro-babel-register/-/metro-babel-register-0.56.0.tgz#f5eb41b2d7be4297367292dd545fda898e9158a7"
+  integrity sha512-/jkfdFpmmyG8Y1ik01EEgqTBy6Y89exZmJi58ej/bVK7u0hhA7mrcqusOeVRlaH+rboecPG52ouuDxcnNSXwzQ==
   dependencies:
     "@babel/core" "^7.0.0"
     "@babel/plugin-proposal-class-properties" "^7.0.0"
@@ -4812,56 +4770,50 @@ metro-babel-register@0.54.1:
     core-js "^2.2.2"
     escape-string-regexp "^1.0.5"
 
-metro-babel-transformer@0.54.1:
-  version "0.54.1"
-  resolved "https://registry.yarnpkg.com/metro-babel-transformer/-/metro-babel-transformer-0.54.1.tgz#371ffa2d1118b22cc9e40b3c3ea6738c49dae9dc"
-  integrity sha512-2aiAnuYBdcLV1VINb8ENAA4keIaJIepHgR9+iRvIde+9GSjKnexqx4nNmJN392285gRDp1fVZ7uY0uQawK/A5g==
+metro-babel-transformer@0.56.0:
+  version "0.56.0"
+  resolved "https://registry.yarnpkg.com/metro-babel-transformer/-/metro-babel-transformer-0.56.0.tgz#1ee73c7d97aee8671b7f0983a41e928f4802a08e"
+  integrity sha512-8w/NpcKovmzkY4/++zX5v+OLOcBPXC9iygNI0ZdexA9U5/ncAY3U1VaF2ScFKzhrpkb8AJioYYioAgrRMLYStg==
   dependencies:
     "@babel/core" "^7.0.0"
+    metro-source-map "0.56.0"
 
-metro-babel7-plugin-react-transform@0.54.1:
-  version "0.54.1"
-  resolved "https://registry.yarnpkg.com/metro-babel7-plugin-react-transform/-/metro-babel7-plugin-react-transform-0.54.1.tgz#5335b810284789724886dc483d5bde9c149a1996"
-  integrity sha512-jWm5myuMoZAOhoPsa8ItfDxdTcOzKhTTzzhFlbZnRamE7i9qybeMdrZt8KHQpF7i2p/mKzE9Yhf4ouOz5K/jHg==
-  dependencies:
-    "@babel/helper-module-imports" "^7.0.0"
-
-metro-cache@0.54.1:
-  version "0.54.1"
-  resolved "https://registry.yarnpkg.com/metro-cache/-/metro-cache-0.54.1.tgz#2e9017cbd11106837b8c385c9eb8c8175469a8c1"
-  integrity sha512-RxCFoNcANHXZYi4MIQNnqh68gUnC3bMpzCFJY5pBoqqdrkkn8ibYglBweA0/DW7hx1OZTJWelwS1Dp8xxmE2CA==
+metro-cache@0.56.0:
+  version "0.56.0"
+  resolved "https://registry.yarnpkg.com/metro-cache/-/metro-cache-0.56.0.tgz#213a8d5fad6c695ece841e8ef961285607295511"
+  integrity sha512-fjfdHGAog3SMEpWF6QE8lTeYUMMpvGYHBfc7DYkDvkEwvEympFzn6dWg7uOeh90F1kjUABtAgkan0SC4CWWF/g==
   dependencies:
     jest-serializer "^24.4.0"
-    metro-core "0.54.1"
+    metro-core "0.56.0"
     mkdirp "^0.5.1"
     rimraf "^2.5.4"
 
-metro-config@0.54.1, metro-config@^0.54.1:
-  version "0.54.1"
-  resolved "https://registry.yarnpkg.com/metro-config/-/metro-config-0.54.1.tgz#808b4e17625d9f4e9afa34232778fdf8e63cc8dd"
-  integrity sha512-FpxrA+63rGkPGvGI653dvuSreJzU+eOTILItVnnhmqwn2SAK5V00N/qGTOIJe2YIuWEFXwCzw9lXmANrXbwuGg==
+metro-config@0.56.0, metro-config@^0.56.0:
+  version "0.56.0"
+  resolved "https://registry.yarnpkg.com/metro-config/-/metro-config-0.56.0.tgz#8e4dae8df7bfa3d37b754240bc76db87aebc6348"
+  integrity sha512-R7n41V9pkSeQe/7MdMoM1XiWZGNDHVAKKcR3QPoSdVhYFJkUbV2UsfJDBTohmTML07BkAQ1Bys5dGrQZfgeeNQ==
   dependencies:
     cosmiconfig "^5.0.5"
     jest-validate "^24.7.0"
-    metro "0.54.1"
-    metro-cache "0.54.1"
-    metro-core "0.54.1"
+    metro "0.56.0"
+    metro-cache "0.56.0"
+    metro-core "0.56.0"
     pretty-format "^24.7.0"
 
-metro-core@0.54.1, metro-core@^0.54.1:
-  version "0.54.1"
-  resolved "https://registry.yarnpkg.com/metro-core/-/metro-core-0.54.1.tgz#17f6ecc167918da8819d4af5726349e55714954b"
-  integrity sha512-8oz3Ck7QFBzW9dG9tKFhrXHKPu2Ajx3R7eatf61Gl6Jf/tF7PNouv3wHxPsJW3oXDFiwKLszd89+OgleTGkB5g==
+metro-core@0.56.0, metro-core@^0.56.0:
+  version "0.56.0"
+  resolved "https://registry.yarnpkg.com/metro-core/-/metro-core-0.56.0.tgz#ea1175fdfc1685bc62a28eca33edd48ec0030339"
+  integrity sha512-R1RS1ZlBG2sjucjhAbRPb6FDB668as3/FuiARJGEsYXt3kpMz2thOpdgWG86sDygSM/U4qLhU3hQf1FU+NUP2w==
   dependencies:
     jest-haste-map "^24.7.1"
     lodash.throttle "^4.1.1"
-    metro-resolver "0.54.1"
+    metro-resolver "0.56.0"
     wordwrap "^1.0.0"
 
-metro-inspector-proxy@0.54.1:
-  version "0.54.1"
-  resolved "https://registry.yarnpkg.com/metro-inspector-proxy/-/metro-inspector-proxy-0.54.1.tgz#0ef48ee3feb11c6da47aa100151a9bf2a7c358ee"
-  integrity sha512-sf6kNu7PgFW6U+hU7YGZfbAUKAPVvCJhY8YVu/A1RMKH9nNULrCo+jlWh0gWgmFfWRQiAPCElevROg+5somk8A==
+metro-inspector-proxy@0.56.0:
+  version "0.56.0"
+  resolved "https://registry.yarnpkg.com/metro-inspector-proxy/-/metro-inspector-proxy-0.56.0.tgz#78a0590f018ea255f86824a425958b7dd74b84df"
+  integrity sha512-p+m6rjB749i3P2N3B9BRy+pAkBnenb+ymFJR8CToLxQdbCk3iRwj1hlf4F2OXoM26eZZdm0AC+Z/zfiOCuePJA==
   dependencies:
     connect "^3.6.5"
     debug "^2.2.0"
@@ -4869,17 +4821,17 @@ metro-inspector-proxy@0.54.1:
     ws "^1.1.5"
     yargs "^9.0.0"
 
-metro-minify-uglify@0.54.1:
-  version "0.54.1"
-  resolved "https://registry.yarnpkg.com/metro-minify-uglify/-/metro-minify-uglify-0.54.1.tgz#54ed1cb349245ce82dba8cc662bbf69fbca142c3"
-  integrity sha512-z+pOPna/8IxD4OhjW6Xo1mV2EszgqqQHqBm1FdmtdF6IpWkQp33qpDBNEi9NGZTOr7pp2bvcxZnvNJdC2lrK9Q==
+metro-minify-uglify@0.56.0:
+  version "0.56.0"
+  resolved "https://registry.yarnpkg.com/metro-minify-uglify/-/metro-minify-uglify-0.56.0.tgz#1a4aa32fb5326deb7c36eb8e0a113dc3daaf287a"
+  integrity sha512-0u2ClTDuaxtWDpAZpnGUEvxJ/X3PzaaSQxPpsGSnBa0g+fqV8xyz8BGtFieQ+Ukuiw7SRwTkUQChkSVi+PAOdA==
   dependencies:
     uglify-es "^3.1.9"
 
-metro-react-native-babel-preset@0.54.1:
-  version "0.54.1"
-  resolved "https://registry.yarnpkg.com/metro-react-native-babel-preset/-/metro-react-native-babel-preset-0.54.1.tgz#b8f03865c381841d7f8912e7ba46804ea3a928b8"
-  integrity sha512-Hfr32+u5yYl3qhYQJU8NQ26g4kQlc3yFMg7keVR/3H8rwBIbFqXgsKt8oe0dOrv7WvrMqBHhDtVdU9ls3sSq8g==
+metro-react-native-babel-preset@0.56.0:
+  version "0.56.0"
+  resolved "https://registry.yarnpkg.com/metro-react-native-babel-preset/-/metro-react-native-babel-preset-0.56.0.tgz#fa47dfd5f7678e89cffd1249020b8add6938fc48"
+  integrity sha512-MAo1fm0dNn6MVZmylaz6k2HC1MINHLTLfE7O3a9Xz3fAtbGbApisp06rBUfK5uUqIJDmAaKgbiT34lHJSIiE6Q==
   dependencies:
     "@babel/plugin-proposal-class-properties" "^7.0.0"
     "@babel/plugin-proposal-export-default-from" "^7.0.0"
@@ -4915,62 +4867,54 @@ metro-react-native-babel-preset@0.54.1:
     "@babel/plugin-transform-typescript" "^7.0.0"
     "@babel/plugin-transform-unicode-regex" "^7.0.0"
     "@babel/template" "^7.0.0"
-    metro-babel7-plugin-react-transform "0.54.1"
-    react-transform-hmr "^1.0.4"
+    react-refresh "^0.4.0"
 
-metro-react-native-babel-transformer@0.54.1, metro-react-native-babel-transformer@^0.54.1:
-  version "0.54.1"
-  resolved "https://registry.yarnpkg.com/metro-react-native-babel-transformer/-/metro-react-native-babel-transformer-0.54.1.tgz#45b56db004421134e10e739f69e8de50775fef17"
-  integrity sha512-ECw7xG91t8dk/PHdiyoC5SP1s9OQzfmJzG5m0YOZaKtHMe534qTDbncxaKfTI3CP99yti2maXFBRVj+xyvph/g==
+metro-react-native-babel-transformer@^0.56.0:
+  version "0.56.0"
+  resolved "https://registry.yarnpkg.com/metro-react-native-babel-transformer/-/metro-react-native-babel-transformer-0.56.0.tgz#43198b54d9d88acfc9fa6cbdd22fec0e871966da"
+  integrity sha512-9eJ6kzizy80KlqNryg9TjlHdA4PZPWw0TV8Ih7H6RmYmuMzac5gjIW9FUrXsVWI56kQf+L5SdD/dCOWDqez/lQ==
   dependencies:
     "@babel/core" "^7.0.0"
     babel-preset-fbjs "^3.1.2"
-    metro-babel-transformer "0.54.1"
-    metro-react-native-babel-preset "0.54.1"
+    metro-babel-transformer "0.56.0"
+    metro-react-native-babel-preset "0.56.0"
+    metro-source-map "0.56.0"
 
-metro-resolver@0.54.1:
-  version "0.54.1"
-  resolved "https://registry.yarnpkg.com/metro-resolver/-/metro-resolver-0.54.1.tgz#0295b38624b678b88b16bf11d47288845132b087"
-  integrity sha512-Byv1LIawYAASy9CFRwzrncYnqaFGLe8vpw178EtzStqP05Hu6hXSqkNTrfoXa+3V9bPFGCrVzFx2NY3gFp2btg==
+metro-resolver@0.56.0:
+  version "0.56.0"
+  resolved "https://registry.yarnpkg.com/metro-resolver/-/metro-resolver-0.56.0.tgz#e9d69ae2daf8c25c19492f75bc55db85f6ec2b3e"
+  integrity sha512-thI31ZLnRr6l8/uIQ3pemMOp0+5btvj8ntv6qcY0scqqTRxJvJL4OQMM8yNbq8t8kPH5/1U0N+PvvQQ5g2QeIA==
   dependencies:
     absolute-path "^0.0.0"
 
-metro-source-map@0.54.1:
-  version "0.54.1"
-  resolved "https://registry.yarnpkg.com/metro-source-map/-/metro-source-map-0.54.1.tgz#e17bad53c11978197d3c05c9168d799c2e04dcc5"
-  integrity sha512-E9iSYMSUSq5qYi1R2hTQtxH4Mxjzfgr/jaSmQIWi7h3fG2P1qOZNNSzeaeUeTK+s2N/ksVlkcL5kMikol8CDrQ==
-  dependencies:
-    "@babel/traverse" "^7.0.0"
-    "@babel/types" "^7.0.0"
-    source-map "^0.5.6"
-
-metro-source-map@0.55.0, metro-source-map@^0.55.0:
-  version "0.55.0"
-  resolved "https://registry.yarnpkg.com/metro-source-map/-/metro-source-map-0.55.0.tgz#1f6289905f08277c398f2b9b9c13e7e0e5a6f540"
-  integrity sha512-HZODA0KPl5onJNGIztfTHHWurR2nL6Je/X8wwj+bL4ZBB/hSMVeDk7rWReCAvO3twVz7Ztp8Si0jfMmmH4Ruuw==
+metro-source-map@0.56.0, metro-source-map@^0.56.0:
+  version "0.56.0"
+  resolved "https://registry.yarnpkg.com/metro-source-map/-/metro-source-map-0.56.0.tgz#dd2db425d8245661563045336d10c52bc8d4b27d"
+  integrity sha512-W3c91L+CtbQTRxOrcVteCi5XlSXh+L0Zy85YBwm+FkWTKfrYjacr/yW1S9/LutpLgWE0W0VBeQeY++aRHwpx0g==
   dependencies:
     "@babel/traverse" "^7.0.0"
     "@babel/types" "^7.0.0"
     invariant "^2.2.4"
-    metro-symbolicate "0.55.0"
-    ob1 "0.55.0"
+    metro-symbolicate "0.56.0"
+    ob1 "0.56.0"
     source-map "^0.5.6"
     vlq "^1.0.0"
 
-metro-symbolicate@0.55.0:
-  version "0.55.0"
-  resolved "https://registry.yarnpkg.com/metro-symbolicate/-/metro-symbolicate-0.55.0.tgz#4086a2adae54b5e44a4911ca572d8a7b03c71fa1"
-  integrity sha512-3r3Gpv5L4U7rBGpIqw5S1nun5MelfUMLRiScJsPRGZVTX3WY1w+zpaQKlWBi5yuHf5dMQ+ZUVbhb02IdrfJ2Fg==
+metro-symbolicate@0.56.0:
+  version "0.56.0"
+  resolved "https://registry.yarnpkg.com/metro-symbolicate/-/metro-symbolicate-0.56.0.tgz#694701faee7dafc53bd4d8488495504546e9c5b4"
+  integrity sha512-5gJtwdSS0eYlTYB7PXatohBknz1sWUTfMBhwjn6zbgoyR6Apkpl2t2TfZxwfDTauhcEV1gRLmuodrVENs01r8g==
   dependencies:
-    metro-source-map "0.55.0"
+    invariant "^2.2.4"
+    metro-source-map "0.56.0"
     source-map "^0.5.6"
     through2 "^2.0.1"
     vlq "^1.0.0"
 
-metro@0.54.1, metro@^0.54.1:
-  version "0.54.1"
-  resolved "https://registry.yarnpkg.com/metro/-/metro-0.54.1.tgz#a629be00abee5a450a25a8f71c24745f70cc9b44"
-  integrity sha512-6ODPT4mEo4FCpbExRNnQAcZmf1VeNvYOTMj2Na03FjGqhNODHhI2U/wF/Ul5gqTyJ2dVdkXeyvKW3gl/LrnJRg==
+metro@0.56.0, metro@^0.56.0:
+  version "0.56.0"
+  resolved "https://registry.yarnpkg.com/metro/-/metro-0.56.0.tgz#66b77085ac4cb1e3d72569e851499a3d82d19316"
+  integrity sha512-X0QEeoIgbVX9VdhtzNPd8/+WSIaqnQuRaZ1gA1UL2HHlsA23eMsqxP1LUeLtA7DJ1LGGbiJlp6+FdAF/D8IaNg==
   dependencies:
     "@babel/core" "^7.0.0"
     "@babel/generator" "^7.0.0"
@@ -4999,21 +4943,21 @@ metro@0.54.1, metro@^0.54.1:
     json-stable-stringify "^1.0.1"
     lodash.throttle "^4.1.1"
     merge-stream "^1.0.1"
-    metro-babel-register "0.54.1"
-    metro-babel-transformer "0.54.1"
-    metro-cache "0.54.1"
-    metro-config "0.54.1"
-    metro-core "0.54.1"
-    metro-inspector-proxy "0.54.1"
-    metro-minify-uglify "0.54.1"
-    metro-react-native-babel-preset "0.54.1"
-    metro-resolver "0.54.1"
-    metro-source-map "0.54.1"
+    metro-babel-register "0.56.0"
+    metro-babel-transformer "0.56.0"
+    metro-cache "0.56.0"
+    metro-config "0.56.0"
+    metro-core "0.56.0"
+    metro-inspector-proxy "0.56.0"
+    metro-minify-uglify "0.56.0"
+    metro-react-native-babel-preset "0.56.0"
+    metro-resolver "0.56.0"
+    metro-source-map "0.56.0"
+    metro-symbolicate "0.56.0"
     mime-types "2.1.11"
     mkdirp "^0.5.1"
     node-fetch "^2.2.0"
     nullthrows "^1.1.0"
-    react-transform-hmr "^1.0.4"
     resolve "^1.5.0"
     rimraf "^2.5.4"
     serialize-error "^2.1.0"
@@ -5075,23 +5019,16 @@ mime@1.4.1:
   integrity sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==
 
 mime@^2.4.1:
-  version "2.4.3"
-  resolved "https://registry.yarnpkg.com/mime/-/mime-2.4.3.tgz#229687331e86f68924e6cb59e1cdd937f18275fe"
-  integrity sha512-QgrPRJfE+riq5TPZMcHZOtm8c6K/yYrMbKIoRfapfiGLxS8OTeIfRhUGW5LU7MlRa52KOAGCfUNruqLrIBvWZw==
+  version "2.4.4"
+  resolved "https://registry.npmjs.org/mime/-/mime-2.4.4.tgz#bd7b91135fc6b01cde3e9bae33d659b63d8857e5"
+  integrity sha512-LRxmNwziLPT828z+4YkNzloCFC2YM4wrB99k+AV5ZbEyfGNWfG8SO1FUXLmLDBSo89NrJZ4DIWeLjy1CHGhMGA==
 
 mimic-fn@^1.0.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.2.0.tgz#820c86a39334640e99516928bd03fca88057d022"
   integrity sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==
 
-min-document@^2.19.0:
-  version "2.19.0"
-  resolved "https://registry.yarnpkg.com/min-document/-/min-document-2.19.0.tgz#7bd282e3f5842ed295bb748cdd9f1ffa2c824685"
-  integrity sha1-e9KC4/WELtKVu3SM3Z8f+iyCRoU=
-  dependencies:
-    dom-walk "^0.1.0"
-
-"minimatch@2 || 3", minimatch@^3.0.2, minimatch@^3.0.3, minimatch@^3.0.4:
+"minimatch@2 || 3", minimatch@^3.0.2, minimatch@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
   integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
@@ -5261,7 +5198,7 @@ node-fetch@^2.2.0:
 
 node-fetch@^2.5.0:
   version "2.6.0"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.0.tgz#e633456386d4aa55863f676a7ab0daa8fdecb0fd"
+  resolved "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.0.tgz#e633456386d4aa55863f676a7ab0daa8fdecb0fd"
   integrity sha512-8dG4H5ujfvFiqDmVu9fQ5bOHUC15JMjMY/Zumv26oOvvVJjM67KF8koCWIabKQ1GJIa9r2mMZscBq/TbdOcmNA==
 
 node-int64@^0.4.0:
@@ -5387,10 +5324,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.55.0:
-  version "0.55.0"
-  resolved "https://registry.yarnpkg.com/ob1/-/ob1-0.55.0.tgz#e393b4ae786ef442b3ef2a298ab70d6ec353dbdd"
-  integrity sha512-pfyiMVsUItl8WiRKMT15eCi662pCRAuYTq2+V3UpE+PpFErJI/TvRh/M/l/9TaLlbFr7krJ7gdl+FXJNcybmvw==
+ob1@0.56.0:
+  version "0.56.0"
+  resolved "https://registry.yarnpkg.com/ob1/-/ob1-0.56.0.tgz#70107c65697e617e9e2728fdc03da9e3ab6afef8"
+  integrity sha512-3rvepvXPw+OIkcut4MaRYIoy4thTWvWhTK+Hg4+y9fOBWVF9acpBvtm2NSbH9Vw9UBG/9v+T5euwPxUSUIDPWw==
 
 object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
   version "4.1.1"
@@ -5470,9 +5407,9 @@ onetime@^2.0.0:
     mimic-fn "^1.0.0"
 
 open@^6.2.0:
-  version "6.3.0"
-  resolved "https://registry.yarnpkg.com/open/-/open-6.3.0.tgz#60d0b845ee38fae0631f5d739a21bd40e3d2a527"
-  integrity sha512-6AHdrJxPvAXIowO/aIaeHZ8CeMdDf7qCyRNq8NwJpinmCdXhz+NZR7ie1Too94lpciCDsG+qHGO9Mt0svA4OqA==
+  version "6.4.0"
+  resolved "https://registry.npmjs.org/open/-/open-6.4.0.tgz#5c13e96d0dc894686164f18965ecfe889ecfc8a9"
+  integrity sha512-IFenVPgF70fSm1keSd2iDBIDIBZkroLeuffXq+wKTzTJlBpesFWojV9lb8mzOfaAzM1sr7HQHuO0vtV0zYekGg==
   dependencies:
     is-wsl "^1.1.0"
 
@@ -5594,6 +5531,13 @@ p-limit@^2.0.0:
   dependencies:
     p-try "^2.0.0"
 
+p-limit@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.2.1.tgz#aa07a788cc3151c939b5131f63570f0dd2009537"
+  integrity sha512-85Tk+90UCVWvbDavCLKPOLC9vvY8OwEX/RtKF+/1OADJMVlFfEHOiMTPVyxg7mk/dKa+ipdHm0OUkTvCpMTuwg==
+  dependencies:
+    p-try "^2.0.0"
+
 p-locate@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
@@ -5608,6 +5552,13 @@ p-locate@^3.0.0:
   dependencies:
     p-limit "^2.0.0"
 
+p-locate@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
+  integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
+  dependencies:
+    p-limit "^2.2.0"
+
 p-reduce@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/p-reduce/-/p-reduce-1.0.0.tgz#18c2b0dd936a4690a529f8231f58a0fdb6a47dfa"
@@ -5658,6 +5609,11 @@ path-exists@^3.0.0:
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
   integrity sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=
 
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
+  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
+
 path-is-absolute@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
@@ -5789,7 +5745,7 @@ prelude-ls@~1.1.2:
 
 prettier@1.17.0:
   version "1.17.0"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.17.0.tgz#53b303676eed22cc14a9f0cec09b477b3026c008"
+  resolved "https://registry.npmjs.org/prettier/-/prettier-1.17.0.tgz#53b303676eed22cc14a9f0cec09b477b3026c008"
   integrity sha512-sXe5lSt2WQlCbydGETgfm1YBShgOX4HxQkFPvbxkcwgDvGDeqVau8h+12+lmSVlP3rHPz0oavfddSZg/q+Szjw==
 
 pretty-format@^24.0.0:
@@ -5810,6 +5766,16 @@ pretty-format@^24.7.0:
     ansi-styles "^3.2.0"
     react-is "^16.8.4"
 
+pretty-format@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-24.8.0.tgz#8dae7044f58db7cb8be245383b565a963e3c27f2"
+  integrity sha512-P952T7dkrDEplsR+TuY7q3VXDae5Sr7zmQb12JU/NDQa/3CH7/QW0yvqLcGN6jL+zQFKaoJcPc+yJxMTGmosqw==
+  dependencies:
+    "@jest/types" "^24.8.0"
+    ansi-regex "^4.0.0"
+    ansi-styles "^3.2.0"
+    react-is "^16.8.4"
+
 private@^0.1.6, private@~0.1.5:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff"
@@ -5820,11 +5786,6 @@ process-nextick-args@~2.0.0:
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.0.tgz#a37d732f4271b4ab1ad070d35508e8290788ffaa"
   integrity sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==
 
-process@~0.5.1:
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/process/-/process-0.5.2.tgz#1638d8a8e34c2f440a91db95ab9aeb677fc185cf"
-  integrity sha1-FjjYqONML0QKkduVq5rrZ3/Bhc8=
-
 progress@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.0.tgz#8a1be366bf8fc23db2bd23f10c6fe920b4389d1f"
@@ -5923,12 +5884,7 @@ rc@^1.2.7:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
-react-deep-force-update@^1.0.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/react-deep-force-update/-/react-deep-force-update-1.1.2.tgz#3d2ae45c2c9040cbb1772be52f8ea1ade6ca2ee1"
-  integrity sha512-WUSQJ4P/wWcusaH+zZmbECOk7H5N2pOIl0vzheeornkIMhu+qrNdGFm0bDZLCb0hSF0jf/kH1SgkNGfBdTc4wA==
-
-react-devtools-core@^3.6.1:
+react-devtools-core@^3.6.3:
   version "3.6.3"
   resolved "https://registry.yarnpkg.com/react-devtools-core/-/react-devtools-core-3.6.3.tgz#977d95b684c6ad28205f0c62e1e12c5f16675814"
   integrity sha512-+P+eFy/yo8Z/UH9J0DqHZuUM5+RI2wl249TNvMx3J2jpUomLQa4Zxl56GEotGfw3PIP1eI+hVf1s53FlUONStQ==
@@ -5941,46 +5897,34 @@ react-is@^16.8.1, react-is@^16.8.4:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.8.4.tgz#90f336a68c3a29a096a3d648ab80e87ec61482a2"
   integrity sha512-PVadd+WaUDOAciICm/J1waJaSvgq+4rHE/K70j0PFqKhkTBsPv/82UGQJNXAngz1fOQLLxI6z1sEDmJDQhCTAA==
 
-react-is@^16.8.6:
-  version "16.8.6"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.8.6.tgz#5bbc1e2d29141c9fbdfed456343fe2bc430a6a16"
-  integrity sha512-aUk3bHfZ2bRSVFFbbeVS4i+lNPZr3/WM5jT2J5omUVV1zzcs1nAaf3l51ctA5FFvCRbhrH0bdAsRRQddFJZPtA==
+react-is@^16.9.0:
+  version "16.9.0"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.9.0.tgz#21ca9561399aad0ff1a7701c01683e8ca981edcb"
+  integrity sha512-tJBzzzIgnnRfEm046qRcURvwQnZVXmuCbscxUO5RWrGTXpon2d4c8mI0D8WE6ydVIm29JiLB6+RslkIvym9Rjw==
 
-react-proxy@^1.1.7:
-  version "1.1.8"
-  resolved "https://registry.yarnpkg.com/react-proxy/-/react-proxy-1.1.8.tgz#9dbfd9d927528c3aa9f444e4558c37830ab8c26a"
-  integrity sha1-nb/Z2SdSjDqp9ETkVYw3gwq4wmo=
-  dependencies:
-    lodash "^4.6.1"
-    react-deep-force-update "^1.0.0"
+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-test-renderer@16.8.6:
-  version "16.8.6"
-  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.8.6.tgz#188d8029b8c39c786f998aa3efd3ffe7642d5ba1"
-  integrity sha512-H2srzU5IWYT6cZXof6AhUcx/wEyJddQ8l7cLM/F7gDXYyPr4oq+vCIxJYXVGhId1J706sqziAjuOEjyNkfgoEw==
+react-test-renderer@16.9.0:
+  version "16.9.0"
+  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.9.0.tgz#7ed657a374af47af88f66f33a3ef99c9610c8ae9"
+  integrity sha512-R62stB73qZyhrJo7wmCW9jgl/07ai+YzvouvCXIJLBkRlRqLx4j9RqcLEAfNfU3OxTGucqR2Whmn3/Aad6L3hQ==
   dependencies:
     object-assign "^4.1.1"
     prop-types "^15.6.2"
-    react-is "^16.8.6"
-    scheduler "^0.13.6"
+    react-is "^16.9.0"
+    scheduler "^0.15.0"
 
-react-transform-hmr@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/react-transform-hmr/-/react-transform-hmr-1.0.4.tgz#e1a40bd0aaefc72e8dfd7a7cda09af85066397bb"
-  integrity sha1-4aQL0Krvxy6N/Xp82gmvhQZjl7s=
-  dependencies:
-    global "^4.3.0"
-    react-proxy "^1.1.7"
-
-react@16.8.6:
-  version "16.8.6"
-  resolved "https://registry.yarnpkg.com/react/-/react-16.8.6.tgz#ad6c3a9614fd3a4e9ef51117f54d888da01f2bbe"
-  integrity sha512-pC0uMkhLaHm11ZSJULfOBqV4tIZkx87ZLvbbQYunNixAAvjnC+snJCg0XQXn9VIsttVsbZP/H/ewzgsd5fxKXw==
+react@16.9.0:
+  version "16.9.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-16.9.0.tgz#40ba2f9af13bc1a38d75dbf2f4359a5185c4f7aa"
+  integrity sha512-+7LQnFBwkiw+BobzOF6N//BdoNw0ouwmSJTEm9cglOOmsg/TMiFHZLe2sEoN5M7LgJTj9oHH0gxklfnQe66S1w==
   dependencies:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
     prop-types "^15.6.2"
-    scheduler "^0.13.6"
 
 read-pkg-up@^2.0.0:
   version "2.0.0"
@@ -6016,7 +5960,7 @@ read-pkg@^3.0.0:
     normalize-package-data "^2.3.2"
     path-type "^3.0.0"
 
-readable-stream@^2.0.1, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2:
+readable-stream@^2.0.1, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@~2.3.6:
   version "2.3.6"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.6.tgz#b11c27d88b8ff1fbe070643cf94b0c79ae1b0aaf"
   integrity sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==
@@ -6029,19 +5973,6 @@ readable-stream@^2.0.1, readable-stream@^2.0.6, readable-stream@^2.1.5, readable
     string_decoder "~1.1.1"
     util-deprecate "~1.0.1"
 
-readable-stream@~2.3.6:
-  version "2.3.7"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
-  integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
-  dependencies:
-    core-util-is "~1.0.0"
-    inherits "~2.0.3"
-    isarray "~1.0.0"
-    process-nextick-args "~2.0.0"
-    safe-buffer "~5.1.1"
-    string_decoder "~1.1.1"
-    util-deprecate "~1.0.1"
-
 realpath-native@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/realpath-native/-/realpath-native-1.1.0.tgz#2003294fea23fb0672f2476ebe22fcf498a2d65c"
@@ -6078,6 +6009,11 @@ regenerate@^1.4.0:
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.0.tgz#4a856ec4b56e4077c557589cae85e7a4c8869a11"
   integrity sha512-1G6jJVDWrt0rK99kBjvEtziZNCICAuvIPkSiUFIQxVP06RCVpq3dmDo2oi6ABpYaDYaTRr67BEhL8r1wgEZZKg==
 
+regenerator-runtime@^0.12.0:
+  version "0.12.1"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.12.1.tgz#fa1a71544764c036f8c49b13a08b2594c9f8a0de"
+  integrity sha512-odxIc1/vDlo4iZcfXqRYFj0vpXFNoGdKMAUieAlFYO6m/nl5e9KR/beGf41z4a1FI+aQgtjhuaSlDxQ0hmkrHg==
+
 regenerator-runtime@^0.13.2:
   version "0.13.2"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.2.tgz#32e59c9a6fb9b1a4aff09b4930ca2d4477343447"
@@ -6379,27 +6315,24 @@ sax@^1.2.1, sax@^1.2.4:
   resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
   integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
 
-scheduler@0.14.0:
-  version "0.14.0"
-  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.14.0.tgz#b392c23c9c14bfa2933d4740ad5603cc0d59ea5b"
-  integrity sha512-9CgbS06Kki2f4R9FjLSITjZo5BZxPsryiRNyL3LpvrM9WxcVmhlqAOc9E+KQbeI2nqej4JIIbOsfdL51cNb4Iw==
+scheduler@0.15.0, scheduler@^0.15.0:
+  version "0.15.0"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.15.0.tgz#6bfcf80ff850b280fed4aeecc6513bc0b4f17f8e"
+  integrity sha512-xAefmSfN6jqAa7Kuq7LIJY0bwAPG3xlCj0HMEBQk1lxYiDKZscY2xJ5U/61ZTrYbmNQbXa+gc7czPkVo11tnCg==
   dependencies:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
 
-scheduler@^0.13.6:
-  version "0.13.6"
-  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.13.6.tgz#466a4ec332467b31a91b9bf74e5347072e4cd889"
-  integrity sha512-IWnObHt413ucAYKsD9J1QShUKkbKLQQHdxRyw73sw4FN26iWr3DY/H34xGPe4nmL1DwXyWmSWmMrA9TfQbE/XQ==
-  dependencies:
-    loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-
-"semver@2 || 3 || 4 || 5", semver@^5.0.3, semver@^5.1.0, semver@^5.3.0, semver@^5.4.1, semver@^5.5.0, semver@^5.5.1:
+"semver@2 || 3 || 4 || 5", semver@^5.1.0, semver@^5.3.0, semver@^5.4.1, semver@^5.5.0, semver@^5.5.1:
   version "5.6.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.6.0.tgz#7e74256fbaa49c75aa7c7a205cc22799cac80004"
   integrity sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==
 
+semver@^6.3.0:
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
+  integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
+
 send@0.16.2:
   version "0.16.2"
   resolved "https://registry.yarnpkg.com/send/-/send-0.16.2.tgz#6ecca1e0f8c156d141597559848df64730a6bbc1"
@@ -6817,6 +6750,11 @@ strip-json-comments@^2.0.1, strip-json-comments@~2.0.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
   integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=
 
+sudo-prompt@^9.0.0:
+  version "9.1.1"
+  resolved "https://registry.yarnpkg.com/sudo-prompt/-/sudo-prompt-9.1.1.tgz#73853d729770392caec029e2470db9c221754db0"
+  integrity sha512-es33J1g2HjMpyAhz8lOR+ICmXXAqTuKbuXuUWLhOLew20oN9oUCgCJx615U/v7aioZg7IX5lIh9x34vwneu4pA==
+
 supports-color@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"